@charset "utf-8";
@import url('/common/font/Poppins/Poppins.css');
@font-face {
    font-family: 'NEXONFootballGotBol';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXONFootballGothicBA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {font-family:"Poppins", sans-serif;}

/* --------------------------------------------------------------------------
   5.0 해상도별 폰트 사이즈 정의
   -------------------------------------------------------------------------- */
@media all and (max-width : 640px) {html {font-size : 20px;}}
@media all 및 (max-width : 608px) {html {font-size : 19px;}}
@media all 및 (max-width : 576px) {html {font-size : 18px;}}
@media all and (max-width : 544px) {html {font-size : 17px;}}
@media all and (max-width : 512px) {html {font-size : 16px;}}
@media all 및 (max-width : 480px) {html {font-size : 15px;}}
@media all 및 (max-width : 448px) {html {font-size : 14px;}}
@media all and (max-width : 416px) {html {font-size : 13px;}}
@media all and (max-width : 384px) {html {font-size : 12px;}}
@media all and (max-width : 352px) {html {font-size : 11px;}}
@media all and (max-width : 320px) {html {font-size : 10px;}}

/*  
	-----------------------------------------------
	* layout.css (포털 레이아웃)
	-----------------------------------------------
*/

* {outline:0;}

img {max-width:100%;}

#headerWrap {position:fixed; top:0; left:0; right:0; transition:.3s all; -webkit-transition:.3s all; z-index:999;}
#m_conts {z-index:0;}
#container {/* padding-top:100px; */ padding-top:0; z-index:0;}
#container .fix-container {max-width:1400px; margin-left:auto; margin-right:auto;}
#container .fix-container:after {content:""; display:block; clear:both;}

@media all and (max-width:1024px) {
/* 	#m_conts,
	#container {padding-top:90px;} */
}
@media all and (max-width:640px) {
	#m_conts,
	#container {padding-top:4.5rem;}
}

#logo {display:block; position:absolute; left:20px; width:237px; height:70px; top:13px; z-index:1; transition:.3s all; -webkit-transition:.3s all;}
#logo > a {display:block; position:relative; width:100%; height:100%; overflow:hidden; text-indent:-999px; transition:.3s all; -webkit-transition:.3s all; background:url('/en/img/common/logo.png') no-repeat 50% 50%; background-size:contain;}

#lnbWrap {position:relative; text-align:center; z-index:0;}
#lnb:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; transition:.3s all; -webkit-transition:.3s all; z-index:0;}

#lnbWrap li {display:inline-block;}
#lnbWrap li a {position:relative; color:#fff; outline:0;}
#lnbWrap li a span {display:inline-block; position:relative; line-height:1.3;}
#lnbWrap .link-dept1 {line-height:100px; padding:0 75px; font-size:26px;/*  font-weight:600; */ transition:.3s all; -webkit-transition:.3s all;}
#lnbWrap .link-dept1 span:after {content:""; display:block; position:absolute; width:0; bottom:-34px; left:50%; right:50%; height:2px; background:#2c324b; transition:.3s all; -webkit-transition:.3s all;z-index: 0;}
#headerWrap.scroll #lnbWrap .link-dept1 span:after {background:#2c324b;}

body[data-type="subpage"] #lnbWrap .link-dept1 span:after {background-color: #fff;}
body[data-type="subpage"] #lnbWrap .link-dept1.over span:after, body[data-type="subpage"] #lnbWrap .li-dept1.over .link-dept1 span:after {background-color: #2c324b !important;}

#lnbWrap .li-dept1.over .link-dept1 span:after, 
#lnbWrap .link-dept1.over span:after,
#lnbWrap .li-dept1.active span:after {left:0; right:0; width:auto;}
#lnbWrap .depth02 {display:block; position:absolute; top:100%; left:0; right:0; padding:15px 0; background:rgba(255,255,255,0.95); transition:.3s all; -webkit-transition:.3s all; transform:translateY(-100%); -webkit-transform:translateY(-100%); opacity:0; z-index:-1; -webkit-box-shadow: 12px 6px 23px 1px rgb(0 0 0 / 20%);
-moz-box-shadow: 12px 6px 23px 1px rgb(0 0 0 / 20%);
box-shadow: 12px 6px 23px 1px rgb(0 0 0 / 20%);}
#lnbWrap .depth02 >ul {width: 1590px; margin: 0 auto;}
#lnbWrap li.over >a {font-weight: 600;}
#lnbWrap li.over .depth02 {opacity:1; transform:translateY(0%); -webkit-transform:translateY(0%);}

#lnbWrap .depth02 + .blind {display: none;}
#lnbWrap li.over .depth02 + .blind {display: block;width: 100%;height: 100%;position: fixed;left: 0;z-index: -1;top: 0;background: rgba(0,0,0,0.6);}

#lnbWrap .link-dept2 {display:inline-block; color:#888 !important; font-size:18px; /* font-weight:100;  */ padding:20px 40px 20px 15px; position: relative;}
#lnbWrap .link-dept2::before {content: '';position: absolute; width: 4px; height: 4px; background-color: #888; left: 0; top: 50%;-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
#lnbWrap .link-dept2:hover {color: #2c324b !important;}
#lnbWrap .link-dept2:hover::before {background-color: #2c324b;}
#lnbWrap .link-dept3 span {padding:10px 0 10px 30px;}
#lnbWrap .link-dept3 span::before {content: '';position: absolute; width: 4px; height: 4px; background-color: #888; left: 13px; top: 50%;-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#lnbWrap .link-dept3:hover span {color: #2c324b !important;}
#lnbWrap .depth02 a:hover span {text-decoration:underline;}

@media all and (max-width:1024px) {
	#lnbWrap .link-dept3 span::before {background-color: #fff;}
}

/* product 하위메뉴  */
#lnbWrap li[id=lnb_0101] .ico, #lnbWrap li[id=lnb_0102] .ico, #lnbWrap li[id=lnb_0103] .ico {display: none;}
#lnbWrap li[id=lnb_0301], #lnbWrap li[id=lnb_0302], #lnbWrap li[id=lnb_0303], #lnbWrap li[id=lnb_0304], #lnbWrap li[id=lnb_0305] {width: 18.4%; margin-right: 2%; float: left;}
#lnbWrap li[id=lnb_0305] {margin-right: 0;}
#lnbWrap li[id^=lnb_030] >a.link-dept2 {display: block; width: 100%; height: 170px; background-color: rgba(255,255,255,0.5); border: 1px solid #d9d9d9; margin: 30px 0 20px; padding: 20px 25px;}
#lnbWrap li[id^=lnb_030] >a.link-dept2:hover {background-color: #2c324b; color: #fff !important; border-color: #333;}
/* #lnbWrap li[id^=lnb_030]:last-of-type >a.link-dept2 {margin-right: 0;} */
#lnbWrap li[id^=lnb_030] >a.link-dept2::before {display: none;}
/* #lnbWrap .depth03 {display:none;} */
/* #lnbWrap .depth02 > li {display: inline-block;} */
#lnbWrap .depth03 {margin-bottom: 20px;}
#lnbWrap .depth03 > li, #lnbWrap .depth03 > li span {display:block; text-align: left;}
#lnbWrap li[id=lnb_0301] >a, #lnbWrap li[id=lnb_0302] >a, #lnbWrap li[id=lnb_0303] >a, #lnbWrap li[id=lnb_0304] >a, #lnbWrap li[id=lnb_0305] >a {padding: 0;}
#lnbWrap li[id=lnb_0301] span, #lnbWrap li[id=lnb_0302] span, #lnbWrap li[id=lnb_0303] span, #lnbWrap li[id=lnb_0304] span, #lnbWrap li[id=lnb_0305] span {display: block;}
#lnbWrap li[id=lnb_0301] .ico, #lnbWrap li[id=lnb_0302] .ico, #lnbWrap li[id=lnb_0303] .ico, #lnbWrap li[id=lnb_0304] .ico, #lnbWrap li[id=lnb_0305] .ico {margin: 10px auto;width: 64px; height: 63px;}
#lnbWrap li[id=lnb_0301] >a:hover .category, #lnbWrap li[id=lnb_0302] >a:hover .category, #lnbWrap li[id=lnb_0303] >a:hover .category, #lnbWrap li[id=lnb_0304] >a:hover .category, #lnbWrap li[id=lnb_0305] >a:hover .category {font-weight: 600;}
#lnbWrap li[id=lnb_0301] >a:hover span, #lnbWrap li[id=lnb_0302] >a:hover span, #lnbWrap li[id=lnb_0303] >a:hover span, #lnbWrap li[id=lnb_0304] >a:hover span, #lnbWrap li[id=lnb_0305] >a:hover span {text-decoration: none;}
#lnbWrap li[id=lnb_0301] .ico {background-image: url('/en/img/common/spr_ico_product.png');background-position: 0 0;background-repeat: no-repeat;transition:.5s all; -webkit-transition:.5s all;}
#lnbWrap li[id=lnb_0301] >a:hover .ico {background-position: 0 -137px;}
#lnbWrap li[id=lnb_0301] .ico + div {display: table; width: 100%;}
#lnbWrap li[id=lnb_0301] .category {display: table-cell; vertical-align: middle; text-align: center; height: 53px;}
#lnbWrap li[id=lnb_0302] .ico {width: 78px; background-image: url('/en/img/common/spr_ico_product2.png');background-position: 0 10px;background-repeat: no-repeat;transition:.5s all; -webkit-transition:.5s all;}
#lnbWrap li[id=lnb_0302] >a:hover .ico {background-position: 0 -147px;}
#lnbWrap li[id=lnb_0303] .ico {width: 82px; background-image: url('/en/img/common/spr_ico_product3.png');background-position: 0 5px;background-repeat: no-repeat;transition:.5s all; -webkit-transition:.5s all;}
#lnbWrap li[id=lnb_0303] >a:hover .ico {background-position: 0 -144px;}
#lnbWrap li[id=lnb_0304] .ico {width: 57px; background-image: url('/en/img/common/spr_ico_product4.png');background-position: 0 5px;background-repeat: no-repeat;transition:.5s all; -webkit-transition:.5s all;}
#lnbWrap li[id=lnb_0304] >a:hover .ico {background-position: 0 -144px;}
#lnbWrap li[id=lnb_0305] .ico {width: 67px; background-image: url('/en/img/common/spr_ico_product5.png');background-position: 0 5px;background-repeat: no-repeat;transition:.5s all; -webkit-transition:.5s all;}
#lnbWrap li[id=lnb_0305] >a:hover .ico {background-position: 0 -144px;}
#lnbWrap #lnb_0412 ~ * {display:none;}


#openMenu {display:none; position:absolute; top:35px; left:20px; width:36px; height:30px; border:2px solid #fff; border-left-width:0; border-right-width:0; overflow:hidden; text-indent:-999px; box-sizing:border-box; transition:.3s top; -webkit-transition:.3s top; z-index:1; outline:0;}
#openMenu:before,
#openMenu:after {content:""; display:block; position:absolute; top:50%; margin-top:-1px; left:0; right:0; height:2px; background:#fff; transition:.3s all; -webkit-transition:.3s all; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%;}

#headerWrap:hover #logo > a,
#headerWrap.scroll #logo > a/* ,
body[data-type="subpage"] #logo > a  */{background-image:url('/en/img/common/logo2.png');}
#headerWrap:hover #lnb:before,
#headerWrap.scroll #lnb:before/* ,
body[data-type="subpage"] #lnb:before */ {background:#fff;}
#headerWrap:hover #lnbWrap:before,
#headerWrap.scroll #lnbWrap:before,
body[data-type="subpage"] #headerWrap:before {content:""; display:block; position:absolute; left:0; right:0; top:100%; height:1px; background:#e6e6e6;}
body[data-type="subpage"] #headerWrap:before {background-color: rgba(255,255,255,0.1);}
#headerWrap:hover #lnbWrap li a,
#headerWrap.scroll #lnbWrap li a/* ,
body[data-type="subpage"] #lnbWrap li a */ {color:#000;}
body[data-type="subpage"] #lnbWrap li a {color: #fff;}

#headerWrap:hover #openMenu,
#headerWrap.scroll #openMenu,
body[data-type="subpage"] #openMenu {border-color:#afafaf;}
#headerWrap:hover #openMenu:before,
#headerWrap.scroll #openMenu:before,
#headerWrap:hover #openMenu:after,
#headerWrap.scroll #openMenu:after,
body[data-type="subpage"] #openMenu:after,
body[data-type="subpage"] #openMenu:after {background:#afafaf;}

#headerWrap .gnb_option {position:absolute; top:25px; right:50%; margin-right: -765px; z-index:1; overflow:hidden;}
#headerWrap .gnb_option >li {float:left}
#headerWrap .gnb_option >li:first-of-type {margin-right: 9px;}
#headerWrap .gnb_option a {display:block; width:104px; text-align: center; line-height: 45px; background-color: rgba(0,0,0,0.25); color: #fff; border: 1px solid #fff; font-size: 20px;}
#headerWrap:hover .gnb_option a {background-color: #fff;border-color: #333; color: #333;}
#headerWrap:hover .gnb_option a:hover {background-color:#2c324b; color: #fff; border: 1px solid #2c324b;}

.open-totalMenu {overflow:hidden; height:100%;}
.open-totalMenu #headerWrap {bottom:0; background:url('/en/img/common/bak_total_layer.png') no-repeat #2c324b left 0 bottom 40px; overflow:auto;}
.open-totalMenu #headerWrap #lnb:before {background:transparent !important;}
.open-totalMenu #logo {height:164px;}
.open-totalMenu #logo > a {width:106px; background-image:url('/portal/img/common/logo3.png') !important;}
.open-totalMenu #lnbWrap:before {content:""; display:block; position:absolute; left:0; right:0; top:164px !important; height:1px; background:#f48244 !important;}
.open-totalMenu #lnbWrap li a {color:#fff !important;}
.open-totalMenu #lnbWrap .li-dept1 {vertical-align:top; text-align:left;}
.open-totalMenu #lnbWrap .li-dept1 + .li-dept1 {padding-left:140px;} 
.open-totalMenu #lnbWrap .link-dept1 {font-size:40px; line-height:164px; padding:0;}
.open-totalMenu #lnbWrap .depth02 {position:relative; padding:50px 0; top:auto; left:auto; right:auto; background:transparent; opacity:1; z-index:0; text-align:left; transform:translateY(0%); -webkit-transform:translateY(0%);}
.open-totalMenu #lnbWrap .li-dept2 {display:block;}
.open-totalMenu #lnbWrap .li-dept2 + .li-dept2 {padding-top:25px;}
.open-totalMenu #lnbWrap .link-dept2 {display:block; padding:0;/*  font-weight:100; */}
.open-totalMenu #lnbWrap .depth03 {display:block; padding:17px 0;}
.open-totalMenu #lnbWrap .li-dept3 {display:block;}
.open-totalMenu #lnbWrap .li-dept3 + .li-dept3 {padding-top:8px;}
.open-totalMenu #lnbWrap .link-dept3 {font-weight:100; color:#fff !important;}
.open-totalMenu #lnb_03 .link-dept2 {font-weight:600;}

.open-totalMenu #lnbWrap #lnb_0412 {display:none;}
.open-totalMenu #lnbWrap #lnb_0412 + * {padding-top:0;}
.open-totalMenu #lnbWrap #lnb_0412 ~ * {display:block;}

.open-totalMenu #openMenu {top:70px; border-width:0;}
.open-totalMenu #openMenu:before {transform:rotate(-45deg); background:#fff !important;}
.open-totalMenu #openMenu:after {transform:rotate(45deg); background:#fff !important;}

@media all and (min-width:1620px) {
	#logo {left:50%; margin-left:-795px;}
	#openMenu {right:50%; margin-right:-795px;}
/* 	#headerWrap .gnbBlog {right:50%; margin-right:-735px;} */
}

@media all and (max-width:1620px) {
	#logo {width: 175px; height: 58px; top: 19px;}
	#lnbWrap .link-dept1 {padding: 0 45px; font-size: 23px;}
	#lnbWrap .link-dept1 span:after {bottom: -36px;}
	#lnbWrap .depth02 >ul {width: 100%;}
	#headerWrap .gnb_option {right: 20px; margin-right: 0;}
	#headerWrap .gnb_option a {width: 74px; font-size: 17px;}
}

@media all and (max-width:1480px) {
	.open-totalMenu #lnbWrap .li-dept1 + .li-dept1 {padding-left:80px;}
}
@media all and (max-width:1388px) {
	#lnbWrap li[id=lnb_0301], #lnbWrap li[id=lnb_0302], #lnbWrap li[id=lnb_0303], #lnbWrap li[id=lnb_0304], #lnbWrap li[id=lnb_0305] {width: 23.5%;}
	#lnbWrap li[id=lnb_0304] {margin-right: 0;}
	#lnbWrap li[id=lnb_0305] {margin-top: -50px; clear: both;}
}
@media all and (max-width:1290px) {
	.open-totalMenu #logo {height:140px;}
	.open-totalMenu #lnbWrap:before {top:140px !important;}
	.open-totalMenu #lnbWrap .link-dept1 {font-size:30px; line-height:140px;}
	.open-totalMenu #lnbWrap .li-dept1 + .li-dept1 {padding-left:40px;}
	.open-totalMenu #lnbWrap .link-dept2 {font-size:16px;}
	.open-totalMenu #lnb {padding-left:150px;}
	.open-totalMenu #openMenu {top:57px;}
}
@media all and (max-width:1090px) {
	#lnbWrap li[id=lnb_0301], #lnbWrap li[id=lnb_0302], #lnbWrap li[id=lnb_0303], #lnbWrap li[id=lnb_0304], #lnbWrap li[id=lnb_0305] {width: 32%;}
	#lnbWrap li[id=lnb_0303] {margin-right: 0;}
	#lnbWrap li[id=lnb_0304] {margin-right: 2%; margin-top: -50px;}
	#lnbWrap li[id=lnb_0305] {clear:none;}
}
@media all and (max-width:1024px) {
	#headerWrap {background-color: #fff;}
	#headerWrap #logo {display:block; position:relative; /* background:#fff;  */height:90px; left:50%; -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: traslateX(-50%);top: 50%;}
	#headerWrap:before {content:""; display:block; position:absolute; left:0; right:0; top:100%; height:1px; background:#e6e6e6;}
	
	#lnbWrap {display:none;}
	#logo > a {width:172px; height:84px; background-image:url('/en/img/common/logo2.png');}
	
	#headerWrap #openMenu {display: block; top:28px; right:20px; border-color:#afafaf;}
	#headerWrap #openMenu:before,
	#headerWrap #openMenu:after {background:#afafaf;}
	
/* 	#headerWrap .gnbBlog {top:17px; right:80px;} */
	
	.open-totalMenu #headerWrap:before {display:none !important;}
	.open-totalMenu #lnbWrap {display:block;} 
	.open-totalMenu #lnbWrap:before {display:none !important;}
	.open-totalMenu #logo {display:none !important;}
	
	.open-totalMenu #lnb {padding:70px 0 20px; text-align:left;}
	.open-totalMenu #lnbWrap a {display:block;}
	.open-totalMenu #lnbWrap li {display:block;}
	.open-totalMenu #lnbWrap .li-dept1 {border-bottom:1px solid rgba(255,255,255,.1);}
	.open-totalMenu #lnbWrap .li-dept1 + .li-dept1 {padding-left:0;}
	.open-totalMenu #lnbWrap .link-dept1 {line-height:1.2; padding:30px 40px; font-size:40px; font-weight:600;}
	.open-totalMenu #lnbWrap #lnb_0412 {display:block;}
	
	.open-totalMenu #lnbWrap .depth02 {padding:18px 40px; overflow:hidden; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	.open-totalMenu #lnbWrap .li-dept2 {display:block; width:33.33%; float:left;}
	.open-totalMenu #lnbWrap .li-dept2 + .li-dept2 {padding-top:0;}
	.open-totalMenu #lnbWrap .link-dept2 {padding:18px 0; font-size:26px;}
	.open-totalMenu #lnbWrap .link-dept2:before {display: none;}
	.open-totalMenu #lnbWrap .link-dept2:hover {color: #fff !important; text-decoration: underline !important;}
	
	.open-totalMenu #lnbWrap #lnb_02 .li-dept2 {width:50%; float:left;}
	.open-totalMenu #lnbWrap #lnb_03 .depth03 {padding-top:0;}
	.open-totalMenu #lnbWrap #lnb_03 .link-dept3 {font-size:24px;}
	.open-totalMenu #lnbWrap #lnb_03 .li-dept2 {width:50%; float:left;}
	.open-totalMenu #lnbWrap #lnb_03 .li-dept2 a .ico {display: none;}
	
	.open-totalMenu #lnbWrap #lnb_04 .li-dept2 {width:auto; float:none;}
	
	.open-totalMenu #lnbWrap .link-dept2 {text-align: center;}
	#lnbWrap li[id^=lnb_030] >a.link-dept2 {background: none; border: none !important; padding: 18px 0; height: auto; margin: 0; font-weight: normal; text-align: left;}
	#lnbWrap li[id^=lnb_030] >a.link-dept2:hover {background: none;}
	#lnbWrap li[id^=lnb_030] >a.link-dept2:hover span {font-weight: normal;}
	#lnbWrap li[id=lnb_0301] .category {text-align: left; height: auto;}
	#lnbWrap .link-dept1 span:after {display: none;}
	#lnbWrap li[id=lnb_0301], #lnbWrap li[id=lnb_0302], #lnbWrap li[id=lnb_0303], #lnbWrap li[id=lnb_0304], #lnbWrap li[id=lnb_0305]{margin-right: 0;}
	#lnbWrap .link-dept3:hover span {color: #fff !important;}
	#lnbWrap li[id=lnb_0304], #lnbWrap li[id=lnb_0305] {margin-top: 0;}
	.open-totalMenu #lnbWrap .li-dept1:last-of-type {border-bottom: none;}
	
	#headerWrap .gnb_option a {border: 1px solid #333; background-color: #fff; color: #000;}
	#headerWrap:hover .gnb_option a:hover {border-color: #000;}
}
@media all and (max-width:640px) {
	#headerWrap #logo {height:4.5rem; padding-left:1rem;}
	#logo > a {width:7.6rem; height:4.5rem;}
	#headerWrap .gnb_option {top: 1.4rem; right: 1rem;}
	#headerWrap .gnb_option a {line-height: 2rem; width: 3.6rem; font-size: 1.1rem; letter-spacing: -0.5pt;}
	#headerWrap .gnb_option >li:first-of-type {margin-right: 5px;}
	
	#headerWrap #openMenu {top:0; right:0; width:2.8rem; height:4.5rem; border:none;}
	#headerWrap #openMenu > .bar {display:block; position:absolute; left:0; width:1.8rem; height:2px; background:#afafaf; top:50%; margin-top:-.75rem;}
	#headerWrap #openMenu > .bar + .bar {margin-top:.65rem;}
	#openMenu {left: 1rem;}
	#openMenu:before,
	#openMenu:after {left:0%; width:1.8rem; }
	
	.open-totalMenu #headerWrap #openMenu > .bar {opacity:0;}
	.open-totalMenu #lnbWrap .li-dept2 {width: 50%;}
	.open-totalMenu #lnbWrap .link-dept2 {text-align: left;}
	
	.open-totalMenu #lnb {padding:3rem 0 1rem;}
	.open-totalMenu #lnbWrap .link-dept1 {display:inline-block; padding:1.5rem 2rem; font-size:2rem;}
	.open-totalMenu #lnbWrap .depth02 {padding:.9rem 2rem; margin-top: -1rem;}
	.open-totalMenu #lnbWrap .link-dept2 {padding:.9rem 0; font-size:1.4rem;}
	
	.open-totalMenu #lnbWrap #lnb_03 .link-dept3 {font-size:1.2rem;}
	.open-totalMenu #lnbWrap #lnb_03 .li-dept2 {width: 100%;}
	
	.open-totalMenu #headerWrap .gnb_option a {border-color: #fff; background: none; color: #fff;}
	.open-totalMenu #headerWrap .gnb_option a:hover {color: #2c324b; background: #fff; border-color: #fff;}
	
	#lnbWrap li[id^=lnb_030] >a.link-dept2 {padding: 0.9rem 0;}
	.open-totalMenu #lnbWrap .depth03 {padding: 0.85rem 0;}
	#lnbWrap .depth03 {margin-bottom: 1rem;}
}
@media all and (max-width:416px) {
	#headerWrap #logo {padding-left: 3rem;}
}
.btn_scroll_top {display:block; position:fixed; width:68px; height:68px; right:0; bottom:7%; background:url('/portal/img/common/btn_top.png') no-repeat; overflow:hidden; text-indent:-999px; z-index:999;}
#footer_container {display:block; position:relative; padding-bottom:110px;}
#footer_container .in {position:relative; background:#ebe6df; overflow:hidden;}
/* #footer_container:before,
#footer_container:after {content:""; display:block; position:absolute; left:0; right:0; height:155px; background:url('/portal/img/common/bak_bottom_t.png') no-repeat 0 0; z-index:0;}
#footer_container:before {top:0;}
#footer_container:after {bottom:0; background-image:url('/portal/img/common/bak_bottom_b.png');} */
#footer_container .contactWrap {position:relative; max-width:1590px; padding:0 20px; margin:40px auto; box-sizing:content-box;}
#footer_container .contactGrid {display:table; table-layout:fixed; width:100%;}
#footer_container .contactGrid > * {display:table-cell; vertical-align:top;}

#footer_container .contactItem {width:40%;}
#footer_container .contactItem + .contactItem {width:20%; border-left:1px solid #fff; padding-left:3.5%;}
#footer_container .contactItem > * {text-align:left;}
#footer_container .contactItem .tit {display:block; position:relative; font-size:24px; color:#000; margin-bottom:28px;}
#footer_container .contactItem .con {overflow:hidden;}
#footer_container .contactItem .con .box {width:250px; float:left; padding-bottom:40px;}
#footer_container .contactItem .con p {font-size:17px; color:#000;}
#footer_container .contactItem .con span {display:block; position:relative; padding-top:18px; font-size:15px; color:#575757; letter-spacing:0.02em; line-height:1.6;}

#footer_container footer {display:block; position:absolute; bottom:0; left:50%; margin-left:-795px; width:1590px; padding-bottom:50px; font-size:13px; color:#797979; z-index:1;}
#footer_container footer p {display:inline-block; vertical-align:bottom;}
#footer_container footer p + p {margin-left:10px;}

body[data-type="subpage"] #footer_container {padding-bottom:0;}
body[data-type="subpage"] #footer_container footer {position:relative; left:auto; margin:0 auto; max-width:1590px; padding:50px 20px ; width:auto;}
body[data-type="subpage"] #footer_container:after {display:none;}

@media all and (max-width:1630px) {
	#footer_container footer {left:20px; margin:0; width:auto; right:10px;}
}

@media all and (max-width:1320px) {
	#footer_container .contactItem .con .box {width:auto; float:none;}
	#footer_container .contactItem,
	#footer_container .contactItem + .contactItem {width:25%;}
}
@media all and (max-width:1024px) {
	.btn_scroll_top {right:20px;}
	#footer_container .contactGrid {display:block; width:auto; overflow:hidden;}
	#footer_container .contactGrid > * {display:block;}
	#footer_container .contactItem {width:auto; float:none; border-bottom:1px solid #fff;}
	#footer_container .contactItem + .contactItem {width:33.33%; float:left; border-left:none; border-bottom:none; padding:30px 30px 0 0;}
	#footer_container .contactItem .con .box {max-width:50%; float:left; padding-bottom:25px; padding-right:60px;}
}
@media all and (max-width:740px) {
	#footer_container .contactItem + .contactItem {padding-right:10px;}
	#footer_container .contactItem .con span {font-size:14px;}
}
@media all and (max-width:640px) {
	.btn_scroll_top {right:1rem; width:3.4rem; height:3.4rem; background-size:contain;}
	
/* 	#footer_container {padding:5.5rem 0 7.75rem;} */
	#footer_container:before,
	#footer_container:after {height:7.75rem; background-size:auto 100%;}
	#footer_container .contactWrap {padding:0 1rem; margin:2rem 0;}
	
	#footer_container .contactItem .tit {font-size:1.2rem; margin-bottom:1.4rem;}
	#footer_container .contactItem .con p {font-size:.85rem;}
	#footer_container .contactItem .con span {font-size:.8rem; padding-top:.9rem; letter-spacing:-0.04em; word-break: break-word;}
	#footer_container .contactItem .con .box {padding-right:1.5rem; padding-bottom:1.25rem;}
	#footer_container .contactItem .con .box + .box {padding-right:0;}
	
	#footer_container .contactItem + .contactItem {max-width:34%; padding-top:1.5rem; padding-right:1.3rem; width:auto;}
	#footer_container .contactItem + .contactItem + .contactItem + .contactItem {padding-right:0;}
	
	#footer_container footer {left:1rem; right:1rem; padding-bottom:2.5rem; font-size:.8rem;}
	body[data-type="subpage"] #footer_container footer {width: 95%; padding: 0 1rem 2.5rem;}
	#footer_container footer p {margin-right:.5rem;}
	#footer_container footer p + p {margin-left:0; margin-right:0;}
}
@media all and (max-width:416px) {
	#footer_container footer p + p {margin-top: 0.5rem;}
}

.yh-tit {padding-bottom:45px; font-size:20px; color:#000;}
.yh-tit strong {font-size:36px; font-family:'HandelGotDBol'; letter-spacing:-0.02em; margin-right:10px;}

@media all and (max-width:1024px) {
	.yh-tit strong {font-size:40px; margin-right:5px;}
}
@media all and (max-width:640px) {
	.yh-tit {font-size:1rem ; padding-bottom:2rem;}
	.yh-tit strong {font-size:2rem; margin-right:.2rem;}
}

#titWrap {display:block; position:relative; padding:12px 20px; box-sizing:content-box;}
#titWrap .spotWrap {}
#titWrap .spot_list {text-align:right; color:#8c8b8b; font-size:13px;}
#titWrap .spot_list li {display:inline;}
#titWrap .spot_list li + li:before {content:" > "; margin:0 5px; color:#8c8b8b;}
#titWrap .spot_list li a {color:#8c8b8b;}
#titWrap .spot_list li:last-child {color:#000;}
#titWrap .spot_list li:last-child a {color:#000; font-weight:600;}

@media all and (max-width:1024px) {
	#titWrap {display:none;}
}