@charset "utf-8";
@import url('/Main/design_new/global2024/css/font/SUIT.css');

/*공통*/
html {font-family:'SUIT', sans-serif; font-weight:400; font-size:10px; color:#272727; overflow-x:hidden !important; word-wrap:normal; word-break:keep-all;}
body {font-size:18px; letter-spacing:-0.5px; line-height:1.3;}
body.jpn {font-family:'NotoSansJP', sans-serif !important;}
body.chi {font-family:'NotoSansSC', sans-serif !important;}
body.chi_b {font-family:'NotoSansTC', sans-serif !important; }
a, a:hover, a:visited, a:active, a:focus {color:#272727;}
input, select {font-family:'SUIT', sans-serif;}
@media all and (max-width:1024px){
  html {font-size:9px;}
}
@media all and (max-width:768px){
  html {font-size:8px;}
}
@media all and (max-width:480px){
  html {font-size:7.5px;}
}

/*본문바로가기*/
#skipBtn {overflow:hidden; position: relative; width:100%; z-index:1000;}
#skipBtn a {display:block; font-size:0; width:1px; height:1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden; text-align:center; font-weight:300 !important;}
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active {width:auto; padding:17px 0; background:#333; color: #fff; font-size:15px; font-weight:bold;}

.noscroll {overflow:hidden !important;}
.wrap{width:100% !important; max-width:1420px; margin:0 auto; padding: 0 10px;}

.header_wrap {position:fixed; top:0; width:100%; background:#fff; z-index:100; background: #f7f8f9; padding: 10px 0; height: 46px; }
.header_wrap .top{height: 100%; font-size: 15px; transition: 0.3s; top: 0; position: relative;}
.header_wrap .top .wrap{height: 100%; align-items: center; display: flex; justify-content: space-between;}

/* 구글자동번역 시작 */
#gtramslate{display: flex; align-items: center;}
#gtramslate select {-moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0 10px; padding: 2px 20px 4px 10px; border-radius: 6px; border: 1px solid #999; background: #fff url('/Main/Images/global2024/layout/sel_arrow.png') no-repeat center right 10px;}

#goog-gt-tt {display: none !important;}
.goog-te-banner-frame {display: none !important;}
.goog-te-menu-value:hover {text-decoration: none !important;}
.goog-text-highlight {background-color: transparent !important; box-shadow: none !important;}
#google_translate_element2 {display: none !important;}
.skiptranslate {display: none;}
/* 구글자동번역 끝 */

header{position: absolute; width: 100%; height: 110px; top: 46px; transition: 0.3s; background: #fff; border-bottom:1px solid #ddd;}

header::before{position: absolute; content: ""; width: 130%; left:-15%; height: 100px; box-shadow: 0 30px 20px -20px rgba(0,0,0,0.1); z-index: -1; display: none;}
.header_wrap.on header::before{display: block;}

header > .wrap{display: flex; justify-content: space-between; align-items: center; height:100%;}
header h1{width: 256px;}
header h1 a{display: block;}
header h1 img {margin-bottom: 5px;}
.nav_pc {text-align:center; height:100%; margin-left: 25px;}
.nav_pc ul.depth1 > li {display:inline-block; margin-right: 25px;}
.nav_pc ul.depth1 > li.on a,.nav_pc ul.depth1 > li a:hover {text-decoration:underline;}
.nav_pc ul.depth1 > li > a {line-height: 110px; display:block; font-size:20px; font-weight:800; }
.nav_pc ul .naviWrap {display:none; position:absolute; left:0; top:110px; width:100%; background:#fff; /*border-top:1px solid #ddd;*/ z-index:1;}

.nav_pc ul .naviWrap .wrap{height: 100%;}

.nav_pc ul .naviWrap .title {float:left; width: 16%; height: 100%; background:#eee;min-height:250px; padding-top:30px; font-weight:bold; font-size:19px;}
.nav_pc ul .naviWrap .depth2 {float:left; width: 84%; padding:30px;}
.nav_pc ul .naviWrap .depth2 > li {float:left; width: 23.5%; margin-left:2%; text-align:left;}
.nav_pc ul .naviWrap .depth2 > li:first-child {margin-left:0;}
.nav_pc ul .naviWrap .depth2 > li:nth-child(4n+1) {margin-left:0;}
.nav_pc ul .naviWrap .depth2 > li:nth-child(5),
.nav_pc ul .naviWrap .depth2 > li:nth-child(6),
.nav_pc ul .naviWrap .depth2 > li:nth-child(7),
.nav_pc ul .naviWrap .depth2 > li:nth-child(8) {margin-top:20px;}
.nav_pc ul .naviWrap .depth2 > li > a {display:block; padding: 8px 20px 8px 0;font-size: 16px; border-bottom:2px solid #000; background:url('/Main/Images/global2024/layout/arr_v.png')no-repeat right 1px center; font-weight:600;}
.nav_pc ul .naviWrap .depth2 > li > a span {line-height:100%;}
.nav_pc ul .naviWrap .depth2 > li:first-child > a span {margin-left:0; padding-left:0; border-left:none;}
.nav_pc ul .naviWrap .depth3 {padding:10px 0;}
.nav_pc ul .naviWrap .depth3 > li {text-align:left; line-height:120%; position:relative;}
.nav_pc ul .naviWrap .depth3 > li a::before {content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:2px; background:#333;}
.nav_pc ul .naviWrap .depth3 > li a {display: block; padding:2px 0; font-size:16px;}
.nav_pc ul .naviWrap .depth3 > li a span {padding-left:10px;}
.nav_pc ul .naviWrap .depth3 > li a:hover span {color:#075fa1; font-weight:500; text-decoration: underline;}
.nav_pc .depth1 a[target="_blank"] span {background:url('/Main/Images/global2024/layout/blank.png') no-repeat right 8px; padding-right:20px;}
.nav_pc .depth2 a[target="_blank"] span {background-position:right 5px;}
.nav_pc .depth3 a[target="_blank"] span {background-position:right 3px;}
.nav_pc ul .naviWrap .depth3 > li a[target="_blank"]:hover span {background-position:right 4px;}
.nav_pc.jpn ul.depth1 > li > a,
.nav_pc.chi ul.depth1 > li > a {padding:20px 40px 42px;}

#mnaviBg {display:none; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; width:100%; height:100%; z-index:0;}
@media all and (min-width:1024px){
  #mnaviBg {top:156px;}
}

.nav_mo {display:none;}
.topR{display: flex; align-items: center;}
.topR .lang {margin-right:25px;}
.topR .lang > a {display:inline-block; font-weight: 700; font-size: 14px; color: #323232;}
.topR .lang > a > span{position: relative; padding: 0 20px 0 28px;}
.topR .lang > a > span::before{position: absolute; content: ""; background:url('/Main/Images/global2024/layout/lang_arrow.png') no-repeat center right; width: 19px; height: 17px; right: 0; top: 0;}
.topR .lang > a.on > span::before{transform: rotate(180deg);}
.topR .lang > a > span::after{position: absolute; content: ""; width: 22px; height: 22px; left: 0; top: -2px; background:url('/Main/Images/global2024/layout/lang.png') no-repeat; background-size: contain;}

.topR .lang ul {display:none; position:absolute; margin-top: 5px; background:rgba(255,255,255,1); border:1px solid #ccc; width:100px; z-index:9; border-radius:10px; padding:5px 0;}
.topR .lang ul li {border-top:1px dotted rgba(0,0,0,0.3);}
.topR .lang ul li:first-child {border-top:0;}
.topR .lang ul li a {display:block; color:#000; padding:6px 20px; font-size:14px; line-height:20px;}

.topR .translate{display: none; text-indent: -9999px; background: url('/Main/Images/global2024/layout/translate.png') center center no-repeat; background-size: contain; width: 34px; height: 33px; margin-right: 20px;}

.menu {float:right; display:block; margin-top:3px; width:25px; background:url('/Main/Images/global2024/layout/sitemap.png') no-repeat center / 100%; text-indent:-9999px;}
.menu.m_sitemap {display:none;}

@media all and (max-width:1400px){
	header h1{width: 245px;}
	.nav_pc {margin-left: 15px;}
	.nav_pc ul.depth1 > li{margin-right: 15px;}
	.nav_pc ul.depth1 > li > a {font-size: 18px;}
	.topR > .translate {width: 30px; margin-right: 20px;}
}

@media all and (max-width:1200px){
	/* .topR .lang{position: absolute; right: 33px; width: 100px; top: 8px;}
	.topR > .translate{position: absolute; right: 14px; top: 9px; width: 28px; height: 28px; margin-right: 0;} */
    header h1{width:200px;}
	.nav_pc {margin-left:15px;}
	.nav_pc ul.depth1 > li {margin-right:15px;}
	.nav_pc ul.depth1 > li > a {font-size:17px;}
	.topR .lang {display: none;}
	/*.topR > .translate{display: none;}*/
}

@media all and (max-width:1024px){
    .header_wrap{position: inherit;}
	header{padding: 14px 10px; top: 0; height:auto;}
	.govinfo, .nav_pc{display: none;}
    header h1{width: 230px;}
}

@media all and (max-width:1024px){
	.menu.sitemap {display:none;}
	.menu.m_sitemap {display:block;}

	/* mobile네비 */
	#mnaviClose {display:block; position:absolute; top:20px; right:7px; width:30px; height:30px; background:url('/Main/Images/global2024/layout/site_close.png') no-repeat center; background-size: 100%; text-indent:-99999px;}
	#mNavi {display:block; position:fixed; right:-450px; top:0; z-index:999999; height:100%; width:320px; background:#fff;}
    #mNavi::before{position: absolute; content: ""; background: url('/Main/Images/global2024/layout/logo_eng.gif') no-repeat; background-size: 100%; width: 220px; height: 35px; left:7px; top: 20px;}

	#mNavi .m_lang {margin-top: 70px; padding: 10px; position: relative; text-align: center; background: #0068b7;}
    #mNavi .m_lang li{display: inline-block;}
	#mNavi .m_lang li a {display:block; font-size:13px; font-weight: 600; padding:5px 12px; color: #fff; border-radius: 50px; position: relative;}
	#mNavi .m_lang li a::before{position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; background: #fff;}
    #mNavi .m_lang li:last-child a::before{display: none;}

	#mNavi .depth1 > li > a {display:block; background:#fff; padding:15px 20px; font-size:16px; border-bottom:1px solid #e4e4e4; position: relative;}
	#mNavi .depth1 > li > a.on {background:#164c9a; color:#fff;}
	#mNavi .depth2 {display:none; border-bottom:2px solid #000;}
    #mNavi .depth2 > li{padding: 8px 0; border-bottom: 1px dotted #e4e4e4;}
    #mNavi .depth2 > li:last-child{border-bottom: none;}
	#mNavi .depth2 > li > a {display:block; background:#fff; color:#444; font-size:14px; padding:8px 20px; position: relative;}

	#mNavi .depth2 > li.on > a {background:#666; color:#fff;}
	#mNavi .depth3 {display:none; background:#fff; margin:10px; padding:0 20px; background:#eee;}
	#mNavi .depth3 > li > a {display:block; font-size:13px; padding:2px 0px;}
	#mNavi .depth3 > li:first-child > a {padding-top:10px;}
	#mNavi .depth3 > li:last-child > a {padding-bottom:10px;}

    #mNavi .depth1 > li > a::before,
    #mNavi .depth2 > li > a::before{position: absolute; content: ""; right: 17px; left: inherit; width: 6px; height: 6px; top: 50%;  border-bottom: 1px solid #535353; border-left: 1px solid #535353; transform: translateY(-50%) rotate(-45deg); }

    #mNavi .depth1 > li > a.on::before{border-color: #fff;}
    #mNavi .depth1 a.non::before{display: none;}

	#mNavi .depth1 a[target="_blank"] span,
	#mNavi .depth2 a[target="_blank"] span,
	#mNavi .depth3 a[target="_blank"] span {background:url('/Main/Images/global2024/layout/blank.png') no-repeat right 0px; padding-right:20px; line-height:100%;}
	#mNavi .depth1 a.on[target="_blank"] span {background:url('/Main/Images/global2024/layout/blank_w.png') no-repeat right 0px; padding-right:20px; line-height:100%;}

    #mNavi .dokdoMenu a{font-size: 14px !important;}

	#mnaviBg {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); z-index:10000;}
}

@media all and (max-width:480px){
    header h1{width: 210px;}
}



/* 푸터 */
footer{background: #0b1d35; color: #fff; font-size: 17px;}
footer .wrap{padding: 40px 100px 40px 10px;}
footer .wrap > ul li{font-weight: 100; display: inline-block; margin:12px 18px 0 0}
footer .wrap > ul li:last-child {display:block;}
footer .wrap > ul li span{font-weight: 800; display: inline-block; margin-right: 10px;}
footer .wrap .copy{margin-top: 20px; font-weight: 100; opacity: 0.8;}
@media all and (max-width:650px){
	footer{font-size: 15px;}
	footer .wrap{padding: 23px 10px;}
}
@media all and (max-width:450px){
	footer .wrap > ul li span{display: block; margin-bottom: 5px;}
    footer .wrap .copy{margin-top: 30px;}
    footer .wrap .copy span{display: block;}
}

/* 상단으로 */
#topBtn {display:block; position:fixed; bottom: 30px; right: 30px; width: 60px; height: 60px;font-weight:600; padding-top: 28px; text-align:center; z-index:100; background:#0b1d35;color:#fff; border-radius: 16px; font-size: 15px;}
#topBtn::before {content:'↑'; position:absolute; left:50%; transform: translateX(-50%); top:8px; color:#fff;}
@media all and (max-width:450px){
	#topBtn{background: rgba(51,51,51,0.7); bottom: 15px; right: 15px;}
}



/*서브*/
/*sublayout*/
.container {padding-top:156px;}
@media all and (max-width:1023px){
	.container  {padding-top:0px;}
}


/*통합검색*/
.searchUtil {position:relative; width:100%; height:80px; background:#142543;}
.search {text-align:center; padding-top:15px;}
.search label {color:#fff;font-size:19px;font-weight:500;margin-right:20px;}
.inp_word {width:300px; background:none !important; border:none; color:#fff; border:none !important; border-bottom:1px solid #fff; font-family:'NotoSansKR', sans-serif; color:#fff; padding:10px 0; font-size:16px; box-sizing:border-box;}
.btn_srch {background:none; border:none;vertical-align:top; margin:2px 0 0 0; cursor:pointer;}
.btn_srch .sprh_com {display:block; width:30px; height:30px; background:url('/Main/Images/new/global/sub/search.png') no-repeat center; text-indent:-9999px;}
.searchUtil .search .inp_word {border-bottom:1px solid #fff !important; color:#fff !important}
@media all and (max-width:1023px){
	.search {display:none;}
	.searchUtil {position: absolute; top:185px; background:none; height:auto;}
}


/*모바일통합검색*/
.mSearch {display:none;}
@media all and (max-width:1023px){
	.mSearch {display:none; position:absolute; top:100px; width:96%; right:2%; z-index:9999;}
	.mSearch form {border:1px solid #ddd; padding:0 4%; border-radius:30px; box-sizing:border-box; background:#fff;}
	.mSearch label {display:none;}
	.mSearch .inp_word {border-bottom:0; width:calc(100% - 50px); color:#000;}
	.mSearch .btn_srch {float:right; margin-top:5px;}
	.mSearch .btn_srch .sprh_com { background:url('/Main/Images/new/global/sub/search_m.png') no-repeat 0 0;}
	.mSearch dl {margin-top:10px;}
	.mSearch dt,
	.mSearch dd {display:inline-block; font-size:14px; letter-spacing:-0.1em;}
	.mSearch dt {font-weight:600; background-color:#d7005f; color:#fff; padding:2px 7px; border-radius:15px;}
	.mSearch dd a {padding-left:5px;}
}
@media all and (max-width:480px){
	.mSearch dd a:last-child {display:none;}
}


/*유틸리티*/
.util {position:absolute; right:5%; top:8px; color:#fff; margin-top:12px;}
.util div {display:inline-block;}
.util a {display:inline-block; height:40px; line-height:40px; width:40px; margin-left:25px;}
.util a:last-child {}
.util a {position:relative; text-indent:-99999px;}
.util a::after {content:''; display:block; position:absolute; top:5px; left:5px; background:url('/Main/Images/new/global/sub/iconUtil.png') no-repeat center; width:30px; height:30px;}
.util a.plus::after {background-position:-30px 0;}
.util a.minus::after {background-position:0 0;}
.util a.print::after {background-position:-60px 0;}
.util a.share::after {background-position:-90px 0;}
.util .shareWrap {display:none; float:right; width:110px; border-left:1px solid rgba(255,255,255,.2); margin-left:30px;}
.util .shareWrap a {display:inline-block; margin-left:7px;}
.util .shareWrap a::after {content:''; position:absolute; background-image:url('/Main/Images/new/global/sub/sns_area.png'); background-repeat:no-repeat; width:40px; height:40px; display:block; top:0; left:0;}
.util .shareWrap a.faceBook::after {background-position:-80px 0;}
.util .shareWrap a.twitter::after {background-position:-160px 0;}
.util .shareWrap.on {display:block;}
@media all and (max-width:1720px){
	.util {right:2%}
	.util a {margin:0 5px;}
}
@media all and (max-width:1200px){
	.util {right:0%}
}
@media all and (max-width:1023px){
	.util {display:none; position:absolute; float:none; margin-top:0; top:50px; left:2%; right:auto; border-radius:20px; background:#f1f1f1; padding:5px 10px;}
	.util a {width:25px; height:25px; line-height:25px;}
	.util a::after {border-radius:50%; width:25px; height:25px; top:0; left:0; background:url('/Main/Images/new/global/sub/iconUtil_b.png') no-repeat center;}
	.util .shareWrap {border-left:1px solid rgba(0,0,0,.2); margin-left:15px; width:85px;}
	.util .shareWrap a::after {background-image:url('/Main/Images/new/global/sub/sns_b.png'); width:30px; height:30px; top:-7.5px;}
	.util a.plus::after {background-position:-25px 0;}
	.util a.minus::after {background-position:0 0;}
	.util a.print::after {background-position:-50px 0;}
	.util a.share::after {background-position:-75px 0;}
}


/*서브메뉴*/
.pathWrap {position:relative; z-index: 20; min-height:50px; border-bottom:1px solid #dfe3e7; border-top:1px solid #dfe3e7;}
.pathM {display:none;}
.pathWrap .path > li {border-right:1px solid #dfe3e7; position:relative; float:left; box-sizing: border-box; width:25%;}
.pathWrap .path > li > a::after {content:''; display:block; position: absolute; top:23px; right:20px; width:13px; height:10px; background:url('/Main/Images/new/ko/sub/arr03.png') no-repeat 85% center; transform: rotate(0deg);}
.pathWrap .path .home a::after {display:none;}
.pathWrap .path > li.on a::after {transform: rotate(-180deg);}
.pathWrap .path > li:first-child {border-left:1px solid #dfe3e7; background:none; width:50px;}
.pathWrap .path > li:first-child::after {display:none;}
.pathWrap .path > li:last-child > a span {font-weight:400;}
.pathWrap .path > li > a {position:relative; display:block;  padding: 0 10px 0 10px; line-height:50px; font-size:16px;}
.pathWrap .path > li > a > span {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:16px;}
.pathWrap .path .home a { text-indent:-99999px; background:url('/Main/Images/new/global/sub/home.png') no-repeat center; width:50px; height:50px; padding:0;}
.pathWrap .path .dept2 { display:none; position:absolute; left:-1px; top:50px; width: calc(100% + 2px); border:1px solid #ccc; background:#fff; padding:10px; z-index:50; /*box-shadow: 3px 3px 3px rgba(221,221,221,.8);*/}
.pathWrap .path .dept2 li a { display:block; padding:10px 5px; border-bottom:1px solid #eee; font-size:16px; }
.pathWrap .path .dept2 li a span {font-size:16px;}
.pathWrap .path .dept2 li a[target="_blank"] {background:url('/Main/Images/new/global/layout/blank.png') no-repeat 100% 18px; padding-right:15px;}
.pathWrap .path .dept2 li.on a,
.pathWrap .path .dept2 li a:hover {font-weight:600;}
.pathWrap .path .dept2 li:last-child a {border-bottom:0;}

@media all and (max-width:1500px){
	.pathWrap .path > li:first-child {width:4%;}
	.pathWrap .path .home a {width:100%;}
	.pathWrap .path > li {width:32%;}
}
@media all and (max-width:1023px){
	.pathWrap {border-bottom:none; min-height:auto; padding:0; border-top:1px solid #ddd; margin-top:40px; height:80px;}
	.pathWrap .path {margin:0;}
	.pathWrap .path > li {width:50%; line-height:40px; height:40px; border-bottom:1px solid #ddd;}
	.pathWrap .path > li > a::after {top:15px;}
	.pathWrap .path > li:first-child {display:none;}
	.pathWrap .path > li:nth-child(3) {border-right:0;}
	.pathWrap .path > li > a {padding:0 5%; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px;}
	.pathWrap .path .dept2 {top:40px;}
	.pathM {margin-top:50px; margin-left:2%;}
	.pathM li {display:inline; background:url('/Main/Images/new/global/sub/arr02.png') no-repeat 2px 10px; padding-left:10px;}
	.pathM li a {display:inline-block;font-size:15px;}
	.pathM li:first-child {background:url('/Main/Images/new/global/sub/home.png') no-repeat left center; background-size:12px; padding-left:15px;}
	.pathM li:first-child a {position:relative; text-indent:-9999px;}
	.pathM li:last-child a {font-weight:500;}
}
@media all and (max-width:768px){
	.pathWrap .path > li > a {padding:0 30px 0 5%;}
	.pathWrap .path .dept2 li a {padding:0; font-size:14px; }
}
@media all and (max-width:360px){
	.pathWrap { height:120px;}
	.pathWrap .path > li {width:100%; border-right:0;}
}

.container .cont {width:100%; clear:both; text-align:center; margin:30px 0 50px; font-size:18px;}
.cont_tit {font-size:40px; font-weight:600; margin-bottom:35px;}
@media all and (max-width:1023px){
	.cont_tit {font-size:26px; line-height:100%; margin-bottom:10px; text-align:left; padding-bottom:10px; margin-left:3%;}
}
@media all and (max-width:768px){
	.cont_tit {font-size:20px;}
}

body.chi .topR .lang * {font-family:'NotoSansKR', Sans-serif !important;}
body.chi .footer_wrap > div > * {font-family:'NotoSansKR', Sans-serif !important;}
body.chi_b .topR .lang * {font-family:'NotoSansKR', Sans-serif !important;}
body.chi_b .footer_wrap > div > * {font-family:'NotoSansKR', Sans-serif !important;}