@charset "utf-8";
@import url("/font/XEIcon-2.3.3/xeicon.css");

body{font-family: 'Noto Sans', sans-serif; font-size:0.85rem;}
button{cursor: pointer;}
*{box-sizing: border-box;}

.container{ width: 100%; max-width: 1400px; margin:0 auto;}

/* Skip 메뉴 */
#skipArea, #skipArea ul {height:0; width:100%}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px;  opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}

/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide{ display:none; /*height:100%; 191223*/ min-height:1px; vertical-align:middle;}
.slick-list{ overflow:hidden; }
.slick-list.dragging{ cursor:pointer;}
.slick-initialized .slick-slide{ display:inline-block; height:100%;}
.slick-arrow.slick-hidden { display:none;}
.slick-current { opacity:1; display:block;}

/* 레이아웃 및 헤더 */
#wrap {position:relative; min-width:100%; overflow: hidden;}

/* ==========================================================================  */
/* header */
#slide_map {display: none;}
#header { position:fixed; left:0; top:0; width: 100%; height: 165px;  z-index: 999; background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); transition: all 0.3s;}
#header .header_wrap{position:relative; display: flex; align-items: center; margin: 0 auto; padding:0 20px }
#header h1.logo {position: relative; z-index: 100;}
#header h1.logo a {display: block;}
#header h1.logo a img{vertical-align: middle; width: 100%;}

/* header util */
.header_util{ position:relative; height:65px; display: flex; align-items: center; justify-content: space-between; gap:0 20px; padding:0 20px; background:#0E3565; z-index: 11;}
.header_util > ul{ display: flex; align-items: center; gap: 0 30px;}
.header_util > ul > li > a{ color:#fff; font-size: 16px;}
.header_util > ul > li > a img{ vertical-align: middle; margin-right:5px;}
.header_util > ul > li > a i{ margin-right:5px;}
.header_util > ul > li > a:hover,
.header_util > ul > li > a:focus{ text-decoration: underline;}

/*언어선택*/
.langWrap {position:relative; font-size:15px;  margin-left: auto;}
.langWrap a {position:relative; width:100%; }
.langWrap > a{ padding-right: 25px;}
.langWrap > a:after{content:"\EA4D"; position:absolute; right:0; top:2px; line-height:1; font-size: 20px; font-family: 'remixicon'; }
.langBox{position:absolute; width:300px; right:0; top:37px; background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.langBox .langIco{ display: flex; flex-wrap: wrap;}
.langBox .langIco li{ width: 50%; border-bottom:1px solid #ddd;}
.langBox .langIco li:nth-of-type(even){ border-left:1px solid #ddd;}
.langBox .langIco li a{ display: flex; align-items: center; gap: 10px; padding:5px 10px;}
.langBox .langIco li .origianlLang{ display: flex; align-items: center; gap: 10px; padding:15px 10px;}
.langBox .langLst{ background:#fff; padding:10px; height:200px; overflow-y: auto;}
.langBox .langLst ul {width:100%; z-index:100; }
.langBox .langLst ul li:not(:last-child) {border-bottom: 1px solid #bbb;}
.langBox .langLst ul li a {display:block; position:relative; padding-left:10px; margin:8px 0; color:#000; font-size:14px; line-height:20px; }
.langBox .langLst ul li a:hover {color:#112e67; text-decoration:underline; }
.langWrap a, .langBtn a::before{ transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }

/* web navigation */
/* gnb common */
#nav { /*position:relative;*/ width: 100%; z-index:10; }
#gnb { /*position:relative;*/ height:100px; z-index:2; }
#gnb li a { position:relative; display:block; font-weight:400; line-height:1.4; }
#gnb li a span {display:inline-block; z-index:0; }
#gnb .depth01 { width:100%; padding-left: 50px; padding-right:80px; z-index:1; }
#gnb .depth01 > ul { display:flex; width:100%; text-align:center; }
#gnb .depth01 > ul > li { line-height:1.6; }
#gnb .depth01 > ul > li > a { display:flex; width:100%; height:100px; line-height:1.2; justify-content:center; align-items:center; word-break: keep-all; font-size: 19px; font-weight:600; color:#111; z-index:2; }
#gnb .depth02 { width:100%; height:auto; text-align:left; }
#gnb .depth02 .titBox { display:none; }
#gnb .depth02 > ul > li { width:calc((100% - 40px * 3) / 4); vertical-align:top; line-height:1.6;}
#gnb .depth02 > ul > li > a { padding: 10px 15px; border-radius: 5px; font-size:16px; background: #fff; border: 1px solid #dddddd; font-weight: 600; -webkit-transition:all .15s; transition:all .15s; }
#gnb .depth02 > ul > li > a span { word-break:keep-all; }
#gnb .depth02 > ul > li > a[target='_blank']{ padding-right:40px;}
#gnb .depth03 { position:relative; padding:15px 0; }
#gnb .depth03 > ul { margin:-.15rem 0; }
#gnb .depth03 > ul > li { padding:.15rem 0; }
#gnb .depth03 > ul > li > a { display:table; table-layout:fixed; width:100%; font-size:15px; padding-left:15px; color:#333; }
#gnb .depth03 > ul > li > a:before { content:''; position:absolute; left:0; top:.45rem; width:5px; height:5px; border-radius:50%; background:#C5CDD4; }
#gnb .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#009eb3; }
#gnb .mCSB_scrollTools .mCSB_draggerRail { background:#ccc; }
/* gnb : 하위 메뉴 존재 */
#gnb .depth02 > ul > li.dep.active > a:after {transform: translateY(-50%) }
#gnb .depth03 li:not(.dep) > a:after { display:none; }
#gnb .depth03 li.dep > a:after { content:'\e913'; display:block; top:0; right:0; }
/* gnb :새창 공통 */
#gnb li > a[target='_blank'] > span:after { content:'\e980'; position:absolute; right:15px; top:calc(50% - 10px); font-family:'xeicon'; color:#666;}
#gnb a,
#gnb li > a:before,
#gnb li > a:after,
#gnb li > a > span:before { transition:all .2s; -webkit-transition:all .2s; }
/* gnb : active  */
#gnb .depth02 > ul > li > a:hover,
#gnb .depth02 > ul > li > a:focus{ background:#1E71B9; color:#fff;}
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus{color: #1E71B9; text-decoration: underline; font-weight: 600;}
#gnb .depth03 > ul > li > a:hover:before,
#gnb .depth03 > ul > li > a:focus:before{ background:#1E71B9;}
#gnb .active > .depth03 { display:block; }
#gnb .depth03 > ul > li.dep.active > a:after { content:'\e91a'; color:#0d9a61 !important; }
#gnb .active > .depth04 { display:block; }

/* gnb : oneFull */
#nav.oneFull ul,
#nav.oneFull li { height:100%; }
#nav.oneFull .hd_layer{width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 100px; left: 0; visibility: hidden; opacity: 0; transition: all 0.15s; z-index: -1;}
#nav.oneFull .hd_layer.on {opacity: 1; visibility: visible;}

#nav.oneFull .depth01 > ul { justify-content: space-between; gap: 20px;}
#nav.oneFull .depth01 > ul > li { float:none; vertical-align:top; line-height:1.6; }
#nav.oneFull .depth01 > ul > li > a{position: relative;}
#nav.oneFull .depth01 > ul > li > a:before,
#nav.oneFull .depth01 > ul > li > a:after{ position:absolute; border-radius:50%; transform: scale(0); opacity: 0; transition: all 0.3s; content: ''; z-index: 1;}
#nav.oneFull .depth01 > ul > li > a:before{ width:0.5rem; height:0.5rem; background:#003E8A; left:calc(50% - 0.25rem); bottom:-0.25rem;}
#nav.oneFull .depth01 > ul > li > a:after{ width:1rem; height:1rem; background:rgba(0, 62, 138, 0.3); left:calc(50% - 0.5rem); bottom:-0.5rem; transition-delay: 0.1s;}
#nav.oneFull .depth01 > ul > li > a > span:before{ position:absolute; left:50%; bottom:0; width: 0px; border-top:2px solid #003E8A; transition: all 0.3s; content: '';}
#nav.oneFull .depth02 { position:absolute; top: 100px; left:calc(50% - 50vw); width:100vw; min-height: 330px; border-top:1px solid #ddd; opacity: 0; visibility:hidden; transition-delay:.0s; text-align:left; display: flex; gap: 0 60px;}
#nav.oneFull .depth02:before { content:''; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#fff url(/images/web/international/layout/bg_gnb.png) no-repeat right 20px bottom -20px; box-shadow:0 3px 3px rgba(0, 0, 0, 0.1); -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index: -1;  }
#nav.oneFull .depth02 .titBox { display:block; flex: 1; max-width:450px; min-height:100%; color:#fff; letter-spacing:-.05rem; z-index:1; overflow:hidden; background:linear-gradient(90deg,rgba(18, 66, 125, 1) 0%, rgba(7, 108, 175, 1) 100%); border-top-right-radius: 50px; padding:50px 0; display: flex; flex-direction: column; gap: 15px; align-items: end; overflow:hidden;}
#nav.oneFull .depth02 .titBox .txt { position:relative; width:360px; font-size: 16px; font-weight:200; font-weight: 200; display: flex; align-items: center; gap: 20px; letter-spacing: 2px;}
#nav.oneFull .depth02 .titBox .txt span { flex: 1; min-width:0px; border-top:1px solid rgba(255, 255, 255, 0.75); }
#nav.oneFull .depth02 .titBox .tit { width:360px; font-size: 30px; font-weight: 700; letter-spacing: 3px;}
#nav.oneFull .depth02 > ul{ flex: 3; max-width: 1800px; min-width:0; padding:50px 0; display: flex; flex-wrap: wrap; gap: 50px 30px;}

.header.on #nav.oneFull .depth02:before { visibility:visible; opacity: 1;}
/* oneFull : active */
#nav.oneFull #gnb.active { height:auto; }
#nav.oneFull .depth01 > ul > li.on > a:before,
#nav.oneFull .depth01 > ul > li.on > a:after{ transform: scale(1); opacity: 1;}
#nav.oneFull .depth01 > ul > li.on > a > span:before{ left:0; width: 100%;}
#nav.oneFull .depth01 > ul > li.on > .depth02 { visibility:visible; opacity: 1;}
#nav.oneFull .depth01 > ul > li.on > .depth02:before{ height:100%; opacity:1; transition-delay:0s; -webkit-transition-delay:0s; }
#nav.oneFull .on .depth02 .titBox > p::after{width: 3rem;}
#nav.oneFull .on .depth03 .titBox strong,
#nav.oneFull .on .depth02 .titBox span,
#nav.oneFull .on .depth02 .titBox .img { opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0); }

/* mobile button */
.hdBtn { position:absolute; right:20px; top:calc(50% - 22px); z-index: 11;}
.hdBtn > a { position:relative; width: 44px; height: 44px; padding:13px 11px; font-weight:600; border-radius:5px; background:#003E8A; display: flex; align-content: space-between; flex-wrap: wrap;}
.hdBtn > a .line{ width:100%; height:2px; background:#fff; border-radius: 2px; transition: all 0.2s;}
.hdBtn > a .line:nth-of-type(2){ width:75%;}
.hdBtn > a:hover .line:nth-of-type(2),
.hdBtn > a:focus .line:nth-of-type(2){ width:100%;}

.hdBtn.mBtn{ display: none;}

/* moblie navigation  */
#mNav { position:fixed; right: -100%; top:0; width:100% ; height:100%; z-index:999; transition:all .5s; -webkit-transition:all .5s; visibility:hidden; }
#mNav.active { right:0; visibility:visible; }

#mNav .mLayer {width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; right: 0; z-index: -1; opacity: 0; }
#mNav.active .mLayer{opacity: 1; transition: all 0.3s;}

#mNav .inBox {height: 100%; background-color: #F5F5F5;}
#mNav .snb{ background:#fff;}
#mNav .snb .inr{ display: flex; align-items: center; padding:15px 20px;}
#mNav .snb .logo { flex: 1; min-width: 0px;}
#mNav .snb .logo a { display:block; }
#mNav .snb .logo a img{ width: auto; height: 35px;}
#mNav .snb ul{  width: 100%; display: flex; align-items: center; padding:19px 0; background:linear-gradient(90deg,#185BA7 0%, #104280 100%);}
#mNav .snb ul li{ position:relative; flex: 1; min-width: 0px; padding:0 10px;}
#mNav .snb ul li + li:before{ content:""; position:absolute; left:0; top:30%; height:40%; border-left:1px solid #ccc;}
#mNav .snb ul li a{ display: block; text-align: center; font-size: 15px; color:#fff;}
#mNav .snb ul li a i{ margin-right: 5px;}

#mNav #mNavClose { width: 40px; height:40px; border-radius: 10px; line-height:40px; color:#fff; text-align:center; background:#003E8A; font-size: 20px;}

@-webkit-keyframes btnAct {
    0%, 20%, 50%, 80%, 100% { border-radius:0 0 1.5rem 1.5rem; }
    40% { border-radius:0 0 0 1.5rem; }
    60% { border-radius:0 0 .9rem .9rem; }
}
@keyframes btnAct {
    0%, 20%, 50%, 80%, 100% { border-radius:0 0 1.5rem 1.5rem; }
    40% { border-radius:0 0 0 1.5rem; }
    60% { border-radius:0 0 .9rem .9rem; }
}
 @-webkit-keyframes btnActDot {
     0%, 20%, 50%, 80%, 100% { bottom:-.25rem; left:-.25rem; }
     40% { bottom:.5rem; left:.5rem; }
     60% { bottom:-.15rem; left:-.15rem; }
 }
 @keyframes btnActDot {
      0%, 20%, 50%, 80%, 100% { bottom:-.25rem; left:-.25rem; }
     40% { bottom:.5rem; left:.5rem; }
     60% { bottom:-.15rem; left:-.15rem; }
 }
/* mgnb */
#mgnb li,
#mgnb li a { display:block; position:relative; }
#mgnb li a { color:#333; font-weight:600; word-break:break-all; }
#mgnb .depth01 > ul > li > a { padding: 20px; font-size: 18px; color:#333; overflow:hidden; border-bottom:1px solid #ccc;}
#mgnb .depth01 > ul > li > a > span { position:relative; display:inline-block; }
#mgnb .depth02 { display:none; background:#fff; padding:0 30px; }
#mgnb .depth02 > ul > li > a { padding: 15px 0; font-size:16px; border-bottom: 1px solid #ddd;}
#mgnb .depth03 { display:none; padding: 10px; }
#mgnb .depth03 > ul > li > a { padding: 5px 0 5px 10px; color:#555; font-size:15px; font-weight:200;}
#mgnb .depth03 > ul > li:before{content: ""; position: absolute; top: 14px; left:0; width: 4px; height:4px; border-radius:50%; background:#ccc;}
/* mgnb : 아이콘 공통 */
#mgnb li.dep > a:before,
#mgnb li a[target='_blank']:before { position:absolute; font-family:'remixicon'; z-index: 1; font-weight: 400;}
/* mgnb : 새창 */
#mgnb li a[target='_blank']:before{ content: "\ECAE"; right:0; top:calc(50% - 10px); line-height: 20px; font-size: 20px; font-weight:200; }
#mgnb .depth01 > ul > li > a[target='_blank']{ padding-right:55px;}
#mgnb .depth01 > ul > li > a[target='_blank']:before { right:25px; color:#888;}
#mgnb .depth02 > ul > li > a[target='_blank']:before { color:#888;}
#mgnb .depth03 > ul > li > a[target='_blank']:before { font-size: 16px; color:#666;}
/* mgnb : 하위 메뉴 존재 */
#mgnb li.dep > a:before{content: "\EA4E"; }
#mgnb .depth01 > ul > li.dep > a { padding-right:55px;}
#mgnb .depth02 > ul > li.dep > a { padding-right:40px;}
#mgnb .depth01 > ul > li > a:before{ font-size: 20px;}
#mgnb .depth01 > ul > li.dep > a:before { top: calc(50% - 12.5px); right:20px; width:25px; height:25px; line-height:26px; text-align: center; border:1px solid #ccc; border-radius:50%; background:#DFDFDF;}
#mgnb .depth02 > ul > li.dep > a:before { top: calc(50% - 10px); right:0; font-size: 22px; line-height:20px; }
/* mgnb : active */
#mgnb .depth01 > ul > li.dep.active > a { background:#072E5C; font-weight:600; color: #fff; }
#mgnb .depth02 > ul > li.dep.active > a { color:#072E5C; border-color:#072E5C; font-weight:600;}
#mgnb .depth02 > ul > li.dep.active{overflow: hidden;}
#mgnb .depth03 > ul > li.dep.active > a{ color:#333; font-weight:600; text-decoration: underline; }
#mgnb .depth03 > ul > li.dep.active > a:before { background:#333; }
#mgnb li.dep.active > div { display:block; }
#mgnb .depth01 > ul > li.dep.active > a:before { transform: rotate(180deg); background:none; border-color:#fff; color:#fff;}
#mgnb .depth02 > ul > li.dep.active > a:before { transform: rotate(180deg);}
#mgnb .depth03 > ul > li:hover a,
#mgnb .depth03 > ul > li:focus a{}


/** layout **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}

/* footer */
#footer .container{ position:relative;}

/* footer menu */
.footer_menu{ padding:40px 0; background:#f8f8f8;}
.footer_menu .dep01{display: flex; gap: 35px;}
.footer_menu .dep01 a[target='_blank']:after{ content:""; display: inline-block; margin-left:5px; font-family: 'remixicon'; color:#777; font-size: 14px;}
.footer_menu .dep01 > li { flex: 1;}
.footer_menu .dep01 > li .tit{ min-height:70px; line-height:25px; padding:10px 0; border-bottom:1px solid #44576D; color: #102743; font-weight:600; font-size: 18px; display: block;}
.footer_menu .dep02{ margin-top:20px;}
.footer_menu .dep02 a{ line-height:1.8;}
.footer_menu .dep02 > li{ margin:15px 0; }
.footer_menu .dep02 > li > a{ font-size: 16px; color: #444; display: block; position: relative;}
.footer_menu .dep03{ display: none; margin-top:10px;}
.footer_menu .dep03 > li > a{ display: block; font-size: 15px; color:#777; padding-left: 15px; position:relative;}
.footer_menu .dep03 > li > a:before{ content:""; position:absolute; left:0; top:14px; width: 5px; border-top: 1px solid #777;}
.footer_menu .dep02 > li > a:focus,
.footer_menu .dep02 > li > a:hover,
.footer_menu .dep02 > li.on > a:hover{  color:#0267A7; }
.footer_menu .dep03 > li > a:focus,
.footer_menu .dep03 > li > a:hover{text-decoration: underline; color:#0267A7; }
.footer_menu .dep03 > li > a:focus:before,
.footer_menu .dep03 > li > a:hover:before{ border-color:#0267A7;}
.footer_menu .dep01 > li .tit:hover,
.footer_menu .dep01 > li .tit:focus{ color:#0267A7;}
/* footer menu : active */
.footer_menu .dep02 > li.dep > a{ padding-right:20px;}
.footer_menu .dep02 > li.dep > a:before{ content:"\EA4E"; position:absolute; right:0; top:0; font-family: 'remixicon'; color:#000; font-size: 20px; line-height:25px; opacity: 0.7;}
.footer_menu li.dep.on > ul{ display: block;}
.footer_menu .dep02 > li.dep.on > a:before{ transform: rotate(180deg); opacity: 1;}

.footer_link{ padding:20px 0; background:#172A41; }
.footer_link .link{ display: flex; flex-wrap: wrap; gap: 5px 0;}
.footer_link .link > li{ position:relative; margin-right:15px; padding-right: 15px;}
.footer_link .link > li:before{ content:""; position:absolute; right:0; top:calc(50% - 5px); height:10px; border-right:1px solid #fff; opacity: 0.7; }
.footer_link .link > li:last-of-type{ margin-right:0;}
.footer_link .link > li:last-of-type:before{ display: none;}
.footer_link .link > li a{ display: block; padding:8px 20px; font-size: 16px; color:#fff; font-weight:600; border-radius:30px; transition: all 0.2s;}
.footer_link .link > li a:hover,
.footer_link .link > li a:focus{ background:#0267A7;}

.footer_link .siteLink{ position:absolute; right:0; top:0; z-index: 1; font-size:0.8rem;}
.footer_link .siteLink a{ color:#fff;}
.footer_link .siteLink > a{ display: flex; align-items: center; justify-content: space-between; min-width:350px; height:40px; padding:0 30px; border-radius:25px; background:#38485C;}
.footer_link .siteLink .inr{ display: none; position:absolute; left:0; bottom:40px; width:100%; height:auto; padding:25px; border-radius: 25px; border:1px solid #fff; background:#38485C;}
.footer_link .siteLink .inr ul{ display: flex; flex-direction: column; gap: 5px 0; max-height:160px; overflow-y: auto; }

.footer_info{ padding:40px 0; background:#1E3A5C;}
.footer_info .container{ display: flex; align-items: start; gap: 1rem; }
.footer_info .info_box{ flex: 1; color:#fff; font-size: 15px; word-break: keep-all;}
.footer_info .info_box ul{ display: flex; margin-top:5px;}
.footer_info .info_box li{ position:relative; margin-right:15px; padding-right: 15px;}
.footer_info .info_box li:before{ content:""; position:absolute; right:0; top:calc(50% - 5px); height:10px; border-right:1px solid #fff; opacity: 0.7; }
.footer_info .info_box li:last-of-type{ margin-right:0;}
.footer_info .info_box li:last-of-type:before{ display: none;}
.footer_info .info_box li strong{ font-weight:600; padding-right:10px;}
.footer_info .info_box .copyright{ opacity: 0.7; margin-top:15px;}

/* 상단이동 */
.btn_top{ position:fixed; width:70px; height:70px; background:rgba(0,0,0,0.5)  url('/images/web/international/layout/btn_topmove.png') no-repeat center; right:20px; bottom:20px; z-index:2000; font-size:0; }
.btn_top a{display:block; width:100%; height:100%; }
.btn_top:hover{background-color:rgba(0,0,0,0.7); }
.btn_top{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/************************************** 서브콘텐츠 : 시작 **************************************/
/* content */
#sub_container_wrap {position:relative; padding-top:165px;}
.sub_content_wrap {position:relative; display: flex; align-items: start; gap: 30px 80px; width:100%; max-width:1600px; margin:0 auto 30px; min-height:700px; padding: 70px 10px 0; overflow: hidden;}
#sub_content{ flex: 1; min-width: 0px;}
.subCntBody {position:relative; padding:40px 0 50px; color:#555; font-size:0.8rem; line-height:1.6; }

/* 왼쪽메뉴 */
#menu {position:relative; width:320px; height:100%;  letter-spacing: -1px;}
#menu h2 { display: flex; align-items: end; width:100%; height:160px; padding:35px; font-weight:700; color:#fff; font-size:28px; background: linear-gradient( 135deg, #195DAA, #0F4280); border-radius: 12px; overflow: hidden; position: relative; z-index: 1;}
#menu h2:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: url('/images/web/international/layout/bg_subtit.png') no-repeat right 10px top 10px;}
#menu .lnb {margin-top: -12px; padding:40px 25px; border-radius: 12px; position: relative; border: 1px solid #d8dee9; overflow: hidden;}
#menu .lnb > li{ padding:18px 0;}
#menu .lnb > li + li{ border-top:1px dashed #ddd;}
#menu .lnb > li > a {display:block; position:relative; padding-right: 30px; font-size:20px;  color:#072E5C;}
#menu .lnb > li.on { overflow: hidden; transition: all 0.15s;}
#menu .lnb > li.on .subLnb {display:block;}
#menu .lnb > li.on > a{ padding-bottom:18px; border-bottom:2px solid #072E5C; font-weight:600;}
#menu .lnb > li.on + li > a{border-top: none;}
#menu .lnb > li.open > a,
#menu .lnb > li.on > a{	color: #113487; font-weight: 600;}
#menu .lnb > li.dep01 > a::before{ content: "\e942"; position: absolute; right:0; top:0; font-family: 'xeicon'; color: #5e5e5e;}
#menu .lnb > li.dep01.open > a::before,
#menu .lnb > li.dep01.on > a::before,
#menu .lnb > li > a:hover::before,
#menu .lnb > li > a:focus::before,
#menu .lnb > li > a:active::before {transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); color: #113487;}
#menu .lnb > li > a:hover{color:#005298;}
#menu .subLnb {display:none; padding-top: 13px;}
#menu .subLnb li a {position:relative; display:block; color:#222; padding:10px 25px;  border-radius:8px; font-size: 16px; }
#menu .subLnb li a::before{content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 12px; top: 21px; background-color: #c8d0e2;}
#menu .subLnb li a:hover,
#menu .subLnb li a:focus{color:#072E5C;}
#menu .subLnb li.on a{color:#072E5C; background:#F5F5F5; }
#menu .subLnb li a:hover::before,
#menu .subLnb li a:focus::before,
#menu .subLnb li.on a::before { background-color: #072E5C;}
#menu .lnb a, #menu ::before, #menu ::after{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 새창 아이콘 */
#menu nav > .lnb > li > a[target='_blank']:after {position:absolute; content:''; background:url('/images/web/international/layout/icon_new_WG.png') no-repeat; width:13px; height:13px; right: 0; top: 8px;}
#menu nav > .lnb > li > ul > li > a[target='_blank']:after {position:absolute; content:''; background:url('/images/web/international/layout/icon_new_WG.png') no-repeat; width:13px; height:13px; right: 15px; top: 15px;}

/* sub 타이틀 */
#sub_content .title_area {position:relative; margin-top: 30px; padding-right:100px; word-break: keep-all; }
.title_area .pageTitle { margin:0 0 25px; font-weight:700; font-size:30px; letter-spacing:-2px; color:#333; }
.title_area .location {text-align:left;  }
.title_area .location span,
.title_area .location strong {padding-left:18px; font-size:13px; color:#666; background:url('/images/web/international/layout/bgLocation.png') no-repeat 6px 5px;}
.title_area .location strong {color:#000; font-size:14px; font-weight:normal;}
.title_area .location a.home {display:inline-block; color:#0F427F; vertical-align:middle;}

/* sns */
.snsBox { position:absolute; bottom:calc(50% - 17.5px); right:0; text-align:right; z-index: 1;}
.snsBox > button { position:relative; float:left; display:block; width:42px; height:42px; line-height:41px; font-size: 18px; margin:0 4px; color:#333; border:1px solid #ccc; border-radius:50%; overflow:hidden; cursor: pointer; transition: all 0.2s; z-index: 1;}
.snsBox > button:hover,
.snsBox > button:focus,
.snsBox .btnShare.open { background:#072E5C; color:#fff;}
.snsBox .sns_more {opacity:0;position: absolute;width: auto;display: flex;align-items: center;gap: 5px;flex-direction: row;right: 105px;top: 0;z-index:30;background:#f8f8f8;border-radius: 25px;z-index:0;overflow:hidden;padding: 5px 10px 5px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.snsBox .sns_more > button{ width: 35px; height:35px; font-size: 20px; border-radius:50%; border:1px solid transparent;}
.snsBox .sns_more > button.btn_F { color:#0134ad; font-size:22px;}
.snsBox .sns_more > button.btn_M { color:#000; }
.snsBox .sns_more > button.btn_K { color:#ff8e00; font-size:22px;}
/* .snsBox .sns_more > button{ width: 35px; height:35px; border-radius:50%; border:1px solid transparent; background:url('/images/web/international/layout/btnSns.png') no-repeat; background-size: auto 30px;}
.snsBox .btn_F { background-position:left center;}
.snsBox .btn_M { background-position:-35px center ;}
.snsBox .btn_K { background-position:-70px center ;} */
.snsBox .sns_more > button:hover,
.snsBox .sns_more > button:focus{ text-decoration: underline;}
.snsBox .sns_more.open{opacity:1; }

/************************************** 서브콘텐츠 :끝 **************************************/


/********** Media quary **********/
@media screen and (max-width:1660px) {

	/* header */
	#header h1.logo a img{ width:220px;}

	/* gnb */
	#gnb .depth01{ padding-left:30px; padding-right:60px; }
	#nav.oneFull .depth02 .titBox{ max-width: 350px;}
	#nav.oneFull .depth02 .titBox .txt,
	#nav.oneFull .depth02 .titBox .tit{ width: 300px; }
	#nav.oneFull .depth02 .titBox .tit{font-size: 25px; letter-spacing: 1px;}

}

@media screen and (max-width:1440px) {

    .container{ padding:0 20px;}

	/* 레이아웃 */
	#wrap{min-width:320px;}

	/* footer */
	.box_footer {width: 100%; padding: 60px 20px 80px; margin: 0;}
	.box_footer .foot_menu { position: relative; top:auto; width:100%; height:auto; overflow: hidden; border-bottom: 0; border-left:none; flex-wrap: wrap;}
	.box_footer .foot_menu>li { width: 100%;}
	.box_footer .box_info { width:100%; padding:30px 0;}
	.box_footer .box_info p.copyright { margin:20px 0 0;}
	.box_footer .foot_menu .box_info address{ font-size: 16px; color: rgba(255, 255, 255, 0.5); margin-bottom: 40px;}
	.box_footer .foot_menu .box_info .tel { line-height: 35px; margin-bottom: 10px; display: inline-block; margin-right: 30px;}
	.box_footer .foot_menu .box_info .fax { line-height: 35px; margin-bottom: 20px; display: inline-block;}
	.box_footer .foot_menu > li:not(:last-child) { width: calc(100% / 3); }
	.box_footer .foot_menu > li:last-child {border-left: 0; padding: 0; margin-top: 30px;}
	.box_footer .foot_menu > li:last-child br {display:none}

	/* sub Layout */
	#sub_content{ flex: 3;}
	.sub_content_wrap{ gap: 30px 40px;}

	/* LNB */
	#menu{ width: auto; min-width: 0px; flex: 1;}
	#menu nav{ padding:20px 15px;}

	/* footer */
	.footer_menu .dep01{ flex-wrap: wrap; gap: 35px 15px;}
	.footer_menu .dep01 > li{ width: calc((100% - 45px)/4); flex: none;}

}

@media screen and (max-width:1360px) {

	/* header */
	#nav.oneFull .depth02 .titBox{ flex: 2;}
	#nav.oneFull .depth02 > ul{ flex: 5;}

}

@media screen and (max-width:1300px) {

	/* subHeader */
	#header.subHeader {height: 90px;}

	/* GNB */
	#gnb .depth01 > ul > li > a{ font-size: 17px;}

}

@media screen and (max-width:1240px) {

	#wrap { min-width:320px;}

	/** Header **/
	#header{ height:auto;}
	#header .header_wrap {height:70px; }
	#header #nav,
	.header_util{ display: none;}

	.hdBtn.hdBtn{ display: none;}
	.hdBtn.mBtn{ display: block;}

	/* subHeader */
	#header.subHeader .mBtn .mNav span.line{ height: 2px; background-color: #111; margin: 3px 0;}

	.btn_top {display:none !important;}

	/************************************** 서브콘텐츠 :시작 **************************************/
	/* content */
	#sub_container_wrap{width:100%; padding-top: 70px; }
	#sub_container_wrap::before { content: none;}
	.sub_content_wrap {width:100%; flex-direction: column; padding:0;}
	#sub_content {width:100%; min-height:0; padding:0 20px;}


	/* sub 타이틀 */
	#sub_content .title_area{ margin-top:0; padding-right:0;}
	#sub_content .title_area .pageTitle {font-size:28px; margin:0 60px 15px 0;}
	#sub_content .title_area .location{line-height:20px; padding:10px 0;}
	.snsBox{ top:0; }
	.snsBox > button{ margin:0;}
	.snsBox .sns_more{ right:0;}
	.snsBox .btnPrint { display: none;}

	.subCntBody {width:100%; float:none; padding:25px 10px 30px;}

	/* common */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 */
	#menu {position:relative; width:100%; height:auto; z-index:10;}

	#menu h2 { height:auto; padding:20px 25px; line-height:30px; color:#fff; cursor:pointer; font-size:20px; border-radius: 0;}
	#menu h2::after{content:""; position: absolute; right:20px; top:calc(50% - 7.5px); width:15px; height:15px; background:url('/images/web/international/layout/mob_arr.png') no-repeat center;}
	#menu h2.on::after{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
	#menu h2::before{display:none;}

    #menu nav {display:none; padding:20px 25px; background:#fff; border-radius:0; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); border-bottom:2px solid #0a326c;}

	#menu .lnb > li{ padding:12px 0;}
	#menu .lnb > li > a{ font-size: 18px;}
	#menu .lnb > li.on > a{ padding-bottom:12px;}
	#menu .subLnb li a{ font-size: 15px; padding:7px 25px;}
	#menu .subLnb li a::before{ top: 16px;}

}
@media screen and (max-width:1024px) {

	.snsBox > button.btnShare{ display:none;}

	/* footer */
	.footer_menu{ padding:20px 0;}
	.footer_menu .dep01 > li .tit{ font-size: 17px;}
	.footer_menu .dep02 > li{ margin:10px 0;}
	.footer_menu .dep02 > li > a{ font-size: 15px;}
	.footer_menu .dep03 > li > a{ font-size: 14px;}

}

@media screen and (max-width:860px) {

	.footer_info .container{ flex-direction: column;}

}

@media screen and (max-width: 768px) {

	.hdBtn{ right: 15px;}

	#header .header_wrap{ padding:0 15px;}
	#sub_content{ padding:0 15px;}
	#menu h2{ font-size: 19px; padding:15px 20px; line-height: 1.6;}
	#menu nav{ padding:15px 20px;}
	#menu .lnb > li > a{ font-size: 17px;}
	#menu .subLnb li a{ font-size: 14px;}

	/* sub 타이틀 */
	#sub_content .title_area .pageTitle {font-size:26px; margin-right: 45px;}
	.snsBox{ top: 4px;}
	.snsBox > button{ width: 35px; height:35px; line-height:34px; font-size: 16px;}
	.snsBox .sns_more{ width: 37px; padding-top: 45px;}
	.snsBox .sns_more > button{ width: 30px; height: 30px;}
	.snsBox .sns_more > button.btn_F,
	.snsBox .sns_more > button.btn_K{ font-size: 18px;}

	/* footer */
	.footer_info .info_box ul{ flex-direction: column; margin:10px 0; gap: 3px 0;}
	.footer_info .info_box li:before{ display: none;}
	.footer_link .siteLink{ position:relative; right: auto; top: auto; margin-top: 15px;}
	.footer_info .logo img{ height:35px; width: auto;}
	.footer_menu .dep01 > li{ width: calc((100% - 30px)/3);}
	.footer_menu .dep01 > li .tit{ font-size: 16px; padding:5px 0; min-height:60px;}
	.footer_menu .dep02{ margin-top:10px;}
	.footer_menu .dep02 > li{ margin:8px 0;}
	.footer_menu .dep02 > li > a{ font-size: 14px;}
	.footer_menu .dep03{ margin-top:5px;}
	.footer_menu .dep03 > li > a{ font-size: 13px;}
}

@media screen and (max-width:540px) {

	/* sub 타이틀 */
	#sub_content .title_area{ word-break: break-all;}
	#sub_content .title_area .pageTitle {font-size:24px; }
	#sub_content .title_area .location a.home {display: none;}
	#sub_content .title_area .location span.f_nav { padding-left: 0; background: none;}

	/* 왼쪽메뉴 */
	#menu h2 {padding-right:60px; }
	#menu h2 span { text-align: left;}

	/* mgnb */
	#mgnb .depth01 > ul > li > a { padding: 20px; font-size: 17px;}
	#mgnb .depth02 > ul > li > a { padding: 15px 0; font-size:15px; }
	#mgnb .depth03 > ul > li > a { padding: 5px 0 5px 10px; font-size:14px; }

	/* footer */
	.footer_menu .dep01 > li{ width: calc((100% - 15px)/2);}
}

@media screen and (max-width:480px) {
	/* header */
	#header h1.logo a img {width: 200px;}

	/* footer */
	.footer_menu .dep01{ gap: 20px 10px;}
	.footer_menu .dep01 > li{ width: calc((100% - 10px)/2);}


}

@media screen and (max-width :360px) {
	/* header */
	#header h1.logo a {width: 160px;}

	/* footer */
	.footer_link .link > li{ margin-right: 10px; padding-right: 10px;}
	.footer_link .link > li a{ padding:5px 15px; font-size: 15px;}
	.footer_menu .dep01{ gap: 10px;}
	.footer_menu .dep01 > li{ width: 100%;}
	.footer_menu .dep01 > li .tit{ min-height:auto; line-height:1.4;}
	.footer_menu .dep02{ margin-top:10px;}
	.footer_menu .dep02 > li{ margin:5px 0;}
	.footer_link .siteLink > a{ height:55px; line-height:1.3; min-width: 0px; font-size: 15px;}
	.footer_link .siteLink .inr{ bottom:55px; font-size: 14px;}

	/* mgnb */
	#mNav .snb .logo a img{ height: 30px;}

}