@charset "UTF-8";

@media screen and (max-width:1400px){
	.header .gnb_header .container .gnb {padding: 0 80px 0 270px;}
	.header .gnb_header .container .gnb > li {margin: 0 50px 0 0; }
	.header .gnb_header .container .gnb > li > a {font-size: 17px;}
}

@media screen and (max-width:1280px){
	.header .gnb_header .container .gnb > li {margin: 0 25px 0 0; }
	.header .gnb_header .container .gnb > li > a {font-size: 15px;}
	
	.gnb_header .sub_gnb_box_wrap .inner .gnb_area .sub_gnb_02 .list > li > a {font-size: 13px;}
	
	.gnb_header .sub_gnb_box_wrap .inner .gnb_area .sub_gnb_02 .list > li > a {font-size: 15px; line-height: 48px;}
	.gnb_header .sub_gnb_box_wrap .inner .gnb_area .sub_gnb_02 .list > li > .sub_gnb_03 {margin: 10px 0 0;}
	.gnb_header .sub_gnb_box_wrap .inner .gnb_area .sub_gnb_02 .list > li > .sub_gnb_03 > li {margin: 5px 0 0;}
	.gnb_header .sub_gnb_box_wrap .inner .gnb_area .sub_gnb_02 .list > li > .sub_gnb_03 > li > a {font-size: 15px; line-height: 21px;}
	
	.footer .ft_btm .ft_btm_right .site_list .list li .site_box .baro_box .site_btn {width: 194px;}
}

@media screen and (max-width:1200px){
	/* common */
	.container {padding:0 5px;}

	/* head_logo */
	.head_logo {left: 15px;}
}


@media screen and (max-width:1080px){
	/* header */
	.gnb_header .container {height:60px;}
	.m_gnb_btn {display:block;}
	.gnb {display: none !important;}
	.sitemap_btn {display: none;}
	.inner_area {right: 45px;}
	.inner_area .sitemap_btn  {display: none;}
    
	.header .header_top_box {display: none;}
	.header .gnb_header {padding: 10px 0;}
    .header .gnb_header .header_top_box .inner {overflow: hidden; padding: 8px 0;}
	
    .header .gnb_header .header_top_box .inner .inner_list {float: right; position: inherit; top: inherit; right: inherit; margin: 0 5px 0 0;}
    .header .gnb_header .container .logo {display: block; margin: -12px 0 0;}

	.header .gnb_header .container .logo a img {width: 180px;}
	/* scrolled */
	.header.scrolled {padding-top:110px;}


	/* common */
	.contents {padding-bottom: 321px;}


	.footer {padding: 30px 0;}
	.quick_box {right: 10px; bottom: 50px;}
	.quick_box .top_btn {width: 43px; height: 43px; background-size: 13px 16px;}
	.footer .ft_top {width: 100%; max-width: 525px; margin: 0 auto;;}
	.footer .ft_top .ft_list > .list > li {width: 100%; margin: 20px 0 0;}
	.footer .ft_top .ft_list > .list > li:first-child {margin: 0;}
	.footer .ft_top .ft_list > .list > li:last-child {margin: 20px 0 0;}
	.footer .ft_top .ft_list > .list > li .box .title .tit {font-size: 16px; line-height: 24px;}
	.footer .ft_top .ft_list > .list > li .box .ft_txt_box {display: block; margin: 5px 0 0;}
	.footer .ft_top .ft_list > .list > li .box .ft_txt_box .ft_txt_inner {display: block; height: auto;}
	.footer .ft_top .ft_list > .list > li .box .ft_txt_box .ft_txt_inner .txt1 {font-size: 16px; line-height: 24px;}
	.footer .ft_top .ft_list > .list > li .box .dona_btn_com {margin: 10px 0 0; padding: 0 10px; font-size: 14px; line-height: 35px;}


	.footer .ft_btm {margin: 20px 0 0; text-align: center;}
	.footer .ft_btm .ft_btm_left {display: block; margin: 20px 0 0; padding: 0;}
	.footer .ft_btm .ft_btm_left .ft_logo_box {float: inherit; margin: 0;}
	.footer .ft_btm .ft_btm_left .ft_logo_box img {width: auto;}
	.footer .ft_btm .ft_btm_left .ft_txt_box {float: inherit; margin: 15px 0 0;}
	.footer .ft_btm .ft_btm_left .ft_txt_box .ft_txt_top .list li {margin: 3px 5px 0 0;}
	.footer .ft_btm .ft_btm_left .ft_txt_box .ft_txt_top .list li a {font-size: 14px; line-height: 21px;}
	.footer .ft_btm .ft_btm_left .ft_txt_box .copyright_box p {font-size: 14px;}
	.footer .ft_btm .ft_btm_right {position: inherit; right: inherit; top: inherit;}
	.footer .ft_btm .ft_btm_right .site_list .list li .site_box {display: block;}

	.footer .ft_btm .ft_btm_right .site_list .list li .site_box .baro_box {display: inline;}
	.footer .ft_btm .ft_btm_right .site_list .list li .site_box .baro_box .site_btn {width: 100%; max-width: 395px;}
	.footer .ft_btm .ft_btm_right .site_list .list li .site_box .baro_box .site_link {bottom: 33px; width: 100%; max-width: 395px; margin: 0 auto;}
	.footer .ft_btm .ft_btm_right .site_list .list li .site_box .baro_box .site_link li a {text-align: left;}
}

@media screen and (max-width:767px){
	/* foot_top (10/10) */  
	.footer .foot_top .container {padding: 0;}
	.quick_box {right: 10px; bottom: 30px;}
	.quick_box .top_btn {width: 33px; height: 33px; background-size: 13px 16px;}
	.footer .ft_top .ft_list > .list > li {margin: 15px 0 0;}
	.footer .ft_top .ft_list > .list > li .box .title .tit {padding: 0 12px; font-size: 14px; line-height: 21px;}
	.footer .ft_top .ft_list > .list > li .box .ft_txt_box .ft_txt_inner .txt2 {font-size: 18px; line-height: 27px;}
	.footer .ft_top .ft_list > .list > li .box .ft_txt_box .ft_txt_inner .sns_list .list li a img {width: 35px;}
	.footer .ft_btm .ft_btm_right .site_list .list li .site_box .baro_box .site_btn {font-size: 14px;}
	.footer .ft_btm .ft_btm_left {margin: 15px 0 0;}
	.footer .ft_btm .ft_btm_left .ft_txt_box .copyright_box {margin: 5px 0 0;}
    
	.bread_box .breadcrumb li {margin: 0 8px 0 0; padding: 0 14px 0 0; font-size: 13px; line-height: 30px;}

}

@media screen and (max-width:480px){
	/* common */
	body {font-size:14px;}
	.contents {padding-bottom: 316px;}



	.m_gnb .m_menu_list_area .menu_cont > .list > li.gnb_04 a .icon {right: 5px; width: 8px; height: 8px; margin: -4px 0 0;}
	.m_gnb .m_menu_list_area .menu_cont > .list > li.gnb_04 a .icon:before {height: 8px;}
	.m_gnb .m_menu_list_area .menu_cont > .list > li.gnb_04 a .icon:after {width: 8px;}

}