@charset "UTF-8";

@media screen and (min-width:1081px){
	.m_gnb_wrap {
		display: none;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 9999;
		overflow-y: auto;
		z-index:99999;
		width: 100%;
		max-width: 1400px;
		max-height: 800px;
		height: 100%;
		background-color: #fff;
		box-shadow: 10px 10px 20px rgb(0 0 0 / 20%);
		padding:30px;
	}
	.m_gnb .sub_gnb_cont2 {
		display: block;
	}
	.m_gnb_top {
		display:none;
	}
	
	.m_gnb .web_gnb_wrap > ul {display: flex;flex-wrap: wrap;column-count: 5;column-gap: 15px;}
	.m_gnb .web_gnb_wrap .sub_gnb_cont2 {display: block;flex: 0 0 19%;vertical-align: top;}
	.m_gnb .web_gnb_wrap {position: static;max-height: none;overflow: visible;box-shadow: none;border: 0;}
	.m_gnb .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list {margin:0;display: block !important;padding:0;}
	.m_gnb .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li {width:100%;flex: 0 0 24%;}
	.m_gnb .gnb_area h5 {position: relative;margin-bottom:10px;border: 1px solid #333;padding: 19px 20px;text-align: center;height: 80px;display: flex;align-items: center;justify-content: center;}
	/* .m_gnb .gnb_area h5:before {content:'';display: inline-block;vertical-align: top;width: 5px;height: 15px;background: #037be1;margin-right: 15px;margin-top: 7px;} */
	.m_gnb .gnb_area h5 a {font-size:18px;color:#000;}
	.m_gnb .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth03 {margin-top:15px;font-size:16px;}
	.m_gnb .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth03,
	.m_gnb .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth04 {display:block;font-weight:400;}
	.m_gnb .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth04 {padding-left:10px;line-height:21px;font-size:14px;margin-top: 7px;}
	.m_gnb .web_gnb_wrap .sub_gnb_cont2 .icon {display:none;}
}
@media screen and (max-width:1300px){
	/* footer */
	.quick_box {left: auto; right: 20px; margin-left: 0;}
	.side_wrap {margin:0;right:20px;}
	.header .gnb_header .container .logo {margin:0;left:20px;}
}

@media screen and (max-width:1280px){
	/* common */
	.container {padding:0 5px;}

	/* head_logo */
	.head_logo {left: 15px;}
}

 @media screen and (max-width:1143px){
	.contents {padding-bottom: 150px;}
	.wrapper.en .contents, .wrapper.ch .contents {padding-bottom: 130px;}
} 
 @media screen and (max-width:1108px){
	.wrapper.en .contents, .wrapper.ch .contents {padding-bottom: 148px;}
} 

@media screen and (max-width:1088px){
	.contents {padding-bottom: 171px;}
}

@media screen and (max-width:1080px){
	.m_gnb_close {position:fixed;z-index:9;}
	.m_gnb_top {position:fixed;top:0;left:0;right:0;z-index:9;background:#fff;}
	/* header */
	.gnb_header .container {height:60px;}
	.m_gnb_wrap {padding-top:80px;}
	.wrapper.sub .m_gnb_btn span {background-color: #000000;}
	.header .gnb_header .container .gnb {display: none !important;}
	.sitemap_btn {display: none;}
    .header .gnb_header .header_top_box {padding: 13px 20px 8px 0;}

    .header .gnb_header .header_top_box .inner .logo {display: none;}
    .header .gnb_header .header_top_box .inner .inner_list {position: inherit; top: inherit; right: inherit;}
	.header .gnb_header .header_top_box .inner .language_box {}
    .header .gnb_header .container .logo {display: block;}
	/* scrolled */
	.header.scrolled {padding-top:110px;}
	/* common */
	.contents {padding-bottom: 239px;}
	.wrapper.en .contents, .wrapper.ch .contents {padding-bottom: 238px;}

	/* foot_top (10/10) */ 
	.foot_btm {padding:20px 0;}
	.foot_btm .foot_logo {position:static; width:100%; margin-bottom:15px; text-align:center;transform: none;} 
    .foot_btm .foot_logo img {width: 132px;}
	.foot_btm .txt_box {padding:0; text-align:center;} 
	.foot_btm .sns_share {position: inherit; top: inherit; right: inherit; margin: 0; text-align:center;}
	.foot_top .site_box .baro_box {width:100%;} 
	.foot_top .site_box .baro_box .site_btn{width:80%;} 
	.foot_top .site_box .foot_top_btn{width:20%;}
    
    .foot_btm .ft_link {margin: 10px 0 0; padding: 0; text-align: center;}

	/* 이용약관, 개인정보처리방침, 저작권정책, 이메일무단수집거부 영역 */
    .com_info_box {margin: 15px 0 0; padding: 15px;}
    .com_info_box .explanation_box {padding: 15px 25px;}
    .com_info_box .explanation_box .text {padding: 0; font-size: 16px; line-height: 24px;}
    .com_info_box .explanation_box .text:before {display: none;}
    .com_info_box .info_list {margin: 13px 0 0;}
    .com_info_box .info_list .title {font-size: 16px; line-height: 24px;}
    .com_info_box .info_list > .txt_list > li {font-size: 14px; line-height: 21px;}
    .com_info_box .info_list > .txt_list > li > .txt_list2 > li {font-size: 14px; line-height: 21px;}
    .com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li {font-size: 14px; line-height: 21px;}
    .com_info_box .info_list > .txt_list > li > .txt_list2 > li > .txt_list3 > li > .txt_list4 > li {font-size: 14px; line-height: 21px;}
	.com_info_box .info_list .num_txt .table_box .table_area {width: 1200px;}
	.com_info_box .info_list .table_box .table_area {width: 750px;}
    /* // 이용약관, 개인정보처리방침, 저작권정책, 이메일무단수집거부 영역 */

	.bread_box .container .btn_list > li.print {display: none;}

	.btn_list .list li.sitemap_btn {display: none;}
	.btn_list .list li.m_gnb_btn {display: block;}

	/* gnb */
	.web_gnb_wrap {top:80px;}
	.web_gnb_wrap.on {min-height:none;}
	.m_gnb .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list {display:none;padding:0;}
	.web_gnb_wrap .gnb_area * {color:#333;}
	.web_gnb_wrap .gnb_area h5 {background:#fff;}
	.web_gnb_wrap .sub_gnb_cont2 {display:block;}
	.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list {margin-left:0;}
	.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li {display:block;padding:0;background:#f7f7f7;}
	.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a {padding:.75rem 2rem !important;margin:0 !important;border-bottom:1px solid #e2e2e2;font-size:16px;}
	.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth03 {line-height: 40px;box-sizing: border-box;border-bottom: 1px solid #ddd;font-size: 14px;font-weight: 400;background: #efefef;color: #000;padding: 0 30px !important;}
	.gnb_area .depth1 a {display:block;color: #000;padding: 1rem;font-size: 18px;border-bottom:1px solid #eee;}
	.gnb_area .depth1 a i {float:right;}
	.gnb_area .depth1.on a {background: #037be1;color: #fff;border-bottom:1px solid #037be1;}
	.gnb_area .depth1.on a i {color:#fff;}
	.web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li a.depth04 {border:0;background:#fff;padding:5px 30px !important;font-weight:400;color:#000;}
	.sitemap_wrap .gnb_area h5 a {border-bottom:0px ;}

	
	.m_gnb .web_gnb_wrap .sub_gnb_cont2 .sub_gnb_02 .list>li .depth02 {color:#037be1;font-size:16px;font-weight:700;}
	.web_gnb_wrap .sub_gnb_cont2 .icon {float:right;transform: translate(0, 15px);}
	.web_gnb_wrap .sub_gnb_cont2 .icon:before {display: block;content: '';position: absolute;top: 4px;left: 50%;width: 2px;height: 14px;margin: 0 0 0 -1px;background-color: #1e6ab0;transition: all 0.5s;}
	.web_gnb_wrap .sub_gnb_cont2 .icon:after {display: block;content: '';position: absolute;top: 50%;left: 4px;width: 14px;height: 2px;margin: -1px 0 0 0;background-color: #1e6ab0;}
}

@media screen and (max-width:767px){
	
	.sitemap_wrap .web_gnb_wrap .sub_gnb_cont2 {flex: 0 0 100%;}
	.contents {padding-bottom: 219px;}
	.wrapper.en .contents, .wrapper.ch .contents {padding-bottom: 217px;}
	.header .gnb_header .container .logo {position: relative; bottom: inherit; left: inherit;}
	.header .gnb_header .container .logo a img {width: 100px; height: auto}
	/* foot_top (10/10) */  
	
	.foot_btm {padding: 10px 0;}
	.footer .foot_top .container {padding: 0;}
	.foot_top .link_list li a {padding:0 5px;} 

	.down_btn a {height: 40px; font-size: 16px; line-height: 40px;}
	.down_btn.sty3 {position: static; text-align: left;}

	.btn_list.sty4 .list li {display: block; width: 100%; margin: 10px 0 0;}
	.btn_list.sty4 .list li:nth-child(n+4) {margin: 10px 0 0;}
	.btn_list.sty4 .list li:nth-child(3n) {margin: 10px 0 0;;}
    
}

@media screen and (max-width:738px){
	.contents {padding-bottom: 238px;}
}

@media screen and (max-width:703px){
	.wrapper.en .contents, .wrapper.ch .contents {padding-bottom: 236px;}
}



@media screen and (max-width:683px){
	.contents {padding-bottom: 259px;}
}

@media screen and (max-width:618px){
	.wrapper.en .contents, .wrapper.ch .contents {padding-bottom: 257px;}
}

@media screen and (max-width:480px){
	/* common */
	body {font-size:14px;}
	.contents {padding-bottom: 254px;}
	.wrapper.en .contents, .wrapper.ch .contents {padding-bottom: 251px;}
	.header .gnb_header .header_top_box {padding: 5px 20px 5px 0;}
	.header .gnb_header .header_top_box .inner .inner_list .list li a {padding: 0 15px;}

	.btn_list.sty5.sty6 {}
	.btn_list.sty5.sty6 .list li {width:100%; max-width: inherit; margin: 5px 0 0;}
	.btn_list.sty5.sty6 .list li:nth-child(-n+2) {margin: 5px 0 0;}
	.btn_list.sty5.sty6 .list li:nth-child(2n) {margin: 5px 0 0;}
	.btn_list.sty5.sty6 .list li:first-child {margin: 5px 0 0;}


}

@media screen and (max-width:400px){
	.down_btn a.sty2 {height: 50px; line-height: 25px;}
}

@media screen and (max-width:378px){
	.contents {padding-bottom: 275px;}
}

@media screen and (max-width:356px){
	.contents {padding-bottom: 293px;}
}

@media screen and (max-width:347px){
	.wrapper.en .contents, .wrapper.ch .contents {padding-bottom: 271px;}
}

@media screen and (max-width:346px){
	.wrapper.en .contents, .wrapper.ch .contents {padding-bottom: 286px;}
}