@charset "UTF-8";

/* 본문 바로가기 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute; top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}
#skipNavi .skipLink:focus{/* border:solid 2px #da3b3b; outline: none; */}
/* 본문 바로가기 */

header {width: 100%; position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0); z-index:
99; transition:0.5s ease-in-out;}
header .headerWrap {width: 100%; border-bottom:1px solid rgba(255,255,255,0.3);}
header.active .headerWrap {background-color: #fff;}
header .headerWrap a, header .headerWrap p {color: #fff; font-family: 'NotoKrM'; font-size: 0.9em; transition:0.5s
ease-in-out;}
header .headerWrap .topInner {width: 1600px; padding: 20px 0; box-sizing: border-box; margin: 0 auto; display: flex;
justify-content: space-between;}
header .topHeader .topInner .mo_siteBtn {display: none;}
header .topHeader .topInner .topLeft .siteList, header .topHeader .topInner .topRight {display: flex;}

header .topHeader .topInner .topLeft .siteList li {position: relative; padding-right: 20px;}
header .topHeader .topInner .topLeft .siteList li:last-child {padding-right: 0;}
header .topHeader .topInner .topLeft .siteList li::after {content: ''; position: absolute; top: 50%; right: 10px; width:
1px; height: 1px; border-radius: 50%; background-color: #fff; transition:0.5s ease-in-out;}
header .topHeader .topInner .topLeft .siteList li:last-child::after {display: none;}

header .topHeader .topInner .topRight li {padding-right: 20px;}
header .topHeader .topInner .topRight li.langBox {padding-right: 0;}
header .topHeader .topInner .topRight li a {display: inline-block;}
header .topHeader .topInner .topRight .corona a {padding-left: 22px; background: url('/images/layout/corona.png') left
top no-repeat;}
header .topHeader .topInner .topRight .login a {padding-left: 24px; box-sizing: border-box; background:
url('/images/layout/login.png') left no-repeat;}
header .topHeader .topInner .topRight .fonts {display: flex;}
header .topHeader .topInner .topRight .fonts p {margin-right: 8px;}
header .topHeader .topInner .topRight .fonts a {width: 20px; height: 22px; text-indent: -9999px;}
header .topHeader .topInner .topRight .fonts .fontPlus {background: url('/images/layout/fontPlus.png') left top 1px
no-repeat; margin-right: 5px;}
header .topHeader .topInner .topRight .fonts .fontMinus {background: url('/images/layout/fontMinus.png') left top 1px
no-repeat;}
header .topHeader .topInner .topRight .langBox label {position: relative; display: inline-block; width: 18px; height:
22px; background: url('/images/layout/language.png') center top 2px no-repeat; text-indent: -9999px; transition:0.5s
ease-in-out;}
header .topHeader .topInner .topRight .langBox select {padding-right: 20px; padding-left: 3px; border: none; color:
#fff; background: url('/images/layout/selectIcon.png') right no-repeat; transition:0.5s ease-in-out; font-size: 0.87em}
header .topHeader .topInner .topRight .langBox select:focus {outline: 2px solid red !important;}
header .topHeader .topInner .topRight .langBox select option {color: #222;}
header .topHeader .topInner .topRight .langBox .mb_langBtn,
header .topHeader .topInner .topRight .langBox .mb_langList,
header .topHeader .topInner .closeBtn {display: none;}

@media screen and (max-width: 1600px) {
header .topHeader .topInner {width: 100%; padding: 20px 15px;}
}

@media screen and (max-width: 1200px) {
     header .topHeader .topInner .topRight li {padding-right: 20px;} 
     header .headerWrap a, header .headerWrap p {font-size: 0.7em;}
     header .topHeader .topInner .topLeft .siteList li {padding-right: 15px;}
     header .topHeader .topInner .topLeft .siteList li::after {right: 7px;}
}

@media screen and (max-width: 1000px) {
header.active .headerWrap a, header.active .topHeader .topInner .topRight .langBox select, header.active .headerWrap p,
header.active .gnb .dl .secs .level1-1, header.active .gnb_right a {color: #fff;}
header .topHeader, header.active .topHeader {background-color: #576178;}
header .topHeader .topInner .topRight .langBox .mb_langBtn,
header .topHeader .topInner .topRight .corona .mb_langList,
header .topHeader .topInner .mo_siteBtn,
header .topHeader .topInner .topRight .langBox .mb_langList {display: block;}
header .topHeader a, header .topHeader p {font-size: 1.20em;}

header .topHeader .topInner .topLeft .siteWrap, header .topHeader .topInner .topRight .langBox .mo_langBox {position:
relative;}

header .topHeader .topInner {position: relative; flex-direction: row-reverse; padding: 0 0 0 15px;}
header .topHeader .topInner a {width: 100%; padding: 20px 30px; box-sizing: border-box;}
header .topHeader .topInner .closeBtn {display: block; border-left: 1px solid rgba(255, 255, 255, 0.3); width: 60px;
padding: 0; background: url('/images/layout/menu_closeBtn.png') center top 18px no-repeat;}
header .topHeader .topInner .topRight .langBox .mb_langBtn {padding: 20px 40px; background:
url('/images/layout/language.png') left 15px center no-repeat;}
header .topHeader .topInner .mo_siteBtn {padding: 20px 60px 20px 20px; background: url('/images/layout/siteArrow.png')
right 15px center no-repeat;}
header .topHeader .topInner .topRight .langBox label,
header .topHeader .topInner .topRight .langBox select,
header .topHeader .topInner .topRight .fonts,
header .topHeader .topInner .topRight .corona,
header .topHeader .topInner .topLeft .siteList li::after {display: none;}

header .topHeader .topInner .topLeft {width: 40%;}
header .topHeader .topInner .topRight {width: 60%;}
header .topHeader .topInner .topRight li {padding: 0;}
header .topHeader .topInner .topRight>li {border-right: 1px solid rgba(255, 255, 255, 0.3);}
header .topHeader .topInner .topRight .login a {width: 100%; height: 100%;}
header .topHeader .topInner .topRight .login {width: 40%;}
header .topHeader .topInner .topRight li.langBox {width: 60%;}

header .topHeader .topInner .topRight .langBox .mo_langBox {background: url('/images/layout/selectIcon.png') right 12px
center no-repeat;}

header .topHeader .topInner .topRight .langBox .mb_langList {z-index: 2; width: 100%; position: absolute; text-align:
center; display: none; border: 1px solid #5289c0; box-sizing: border-box;}
header .topHeader .topInner .topLeft .siteList {z-index: 2; width: 100%; position: absolute; flex-direction: column;
text-align: center; display: none; border: 1px solid #5289c0; box-sizing: border-box;}
header .topHeader .topInner .topRight .langBox .mb_langList li {width: 100%;}
header .topHeader .topInner .topLeft .siteList li {width: 100%; padding-right: 0;}
header .topHeader .topInner .topLeft .siteList li a {display: inline-block; width: 100%; padding: 20px 15px; box-sizing:
border-box;}

header .topHeader .topInner .topRight .langBox .mb_langList li, header .topHeader .topInner .topLeft .siteList li
{background-color: #f3f5f9;}
header .topHeader .topInner .topRight .langBox .mb_langList li a, header .topHeader .topInner .topLeft .siteList li a
{color: #333333; border-bottom: 1px solid #dfe1e5; box-sizing: border-box;}
header .topHeader .topInner .topRight .langBox .mb_langList li a:hover, header .topHeader .topInner .topLeft .siteList
li a:hover {color: #5289c0; background-color: #fff; border-bottom: 3px solid #5289c0;}
}

@media screen and (max-width: 680px) {
header .topHeader a, header .topHeader p {font-size:0.83em;}
header .topHeader .topInner a {padding: 20px;}
header .topHeader .topInner .mo_siteBtn {padding: 20px 40px 20px 20px;}
}

@media screen and (max-width: 480px) {
header .topHeader .topInner {padding: 0 0 0 10px;}
header .topHeader .topInner .topRight .login a,
header .topHeader .topInner .topRight .langBox .mb_langBtn {background: none;}
header .topHeader .topInner a,
header .topHeader .topInner .topRight .langBox .mb_langBtn,
header .topHeader .topInner .mo_siteBtn {padding: 10px 5px;}
header .topHeader .topInner .topRight .langBox .mb_langList.active,
header .topHeader .topInner .topLeft .siteList.active {height: 170px;}
header .topHeader .topInner .mo_siteBtn {background-size: 8%; background-position: right 3px center; padding-right:
24px;}
header .topHeader .topInner .topRight .login a {padding-left: 0;}

header .topHeader .topInner .topRight .login {width: 30%;}
header .topHeader .topInner .topRight li.langBox {width: 70%;}

header .topHeader .topInner .closeBtn {width: 32px; background-position: right 5px top 12px; background-size: 55%;}
header .topHeader .topInner .topLeft .siteList li a {padding: 10px 15px;}

header .topHeader a, header .topHeader p {font-size: 0.8em;}
}

/* gnb */

header.active {background-color: #fff;}
header.active .gnb-box-flex h1.logo a {background: url('/images/layout/logo2.png') no-repeat;}

header.active .headerWrap a, header.active .topHeader .topInner .topRight .langBox select, header.active .headerWrap
p,header.active .gnb .dl .secs .level1-1, header.active .gnb_right a {color: #222;}
header.active .topHeader .topInner .topLeft .siteList li::after {background-color: #222;}
.gnb-wrap .gnb .dl .secs .level1-1:hover {color: #5289c0;}
header.active .gnb_right .siteMapBtn .img {background: url('/images/layout/siteMapBtn2.png') center no-repeat;}
header.active .gnb_right .nuriBtn .img {background: url('/images/layout/nuriBtn2.png') center no-repeat;}
header.active .topHeader .topInner .topRight .corona a {background: url('/images/layout/corona2.png') left top
no-repeat;}
header.active .topHeader .topInner .topRight .login a {background: url('/images/layout/login2.png') left no-repeat;}
header.active .topHeader .topInner .topRight .fonts .fontPlus {background: url('/images/layout/fontPlus2.png') left top
1px no-repeat;}
header.active .topHeader .topInner .topRight .fonts .fontMinus {background: url('/images/layout/fontMinus2.png') left
top 1px no-repeat;}
header.active .topHeader .topInner .topRight .langBox label {background: url('/images/layout/language2.png') center top
2px no-repeat;}
header.active .topHeader .topInner .topRight .langBox select {background: url('/images/layout/selectIcon2.png') right
no-repeat; transition:0.5s ease-in-out;}
header.active .mb-btn-wrap a.toggle {background: url('/images/layout/menuBtn2.png') no-repeat;}
header.active .mb-btn-wrap .search-wrap a{background: url("/images/layout/searchBtn2.png") no-repeat;}

.header-wrap{width: 1600px; margin: 0 auto; padding-top: 20px;}
header.gnbOn::before{content:''; display: block; width:100%; height:100%; position: fixed; top:0; left:0; width:100%;
height:100%; background-color: rgba(0,0,0,0.5); z-index: -1;}
.gnb-wrap{width: 100%; box-sizing: border-box; position: relative; z-index: 1;}
header.active .gnb-wrap {background-color: #fff;}

.gnb-box-flex{width: 100%; display: flex; justify-content: space-between;}
.gnb-box-flex h1.logo{width:10%;}
.gnb-box-flex h1.logo a{width: 142px; height: 40px; background: url("/images/layout/logo.png") no-repeat; display:
block; text-indent: -9999px; transition:0.5s ease-in-out}


.gnb-box-flex.subSite h1.logo{display: flex; align-items: center; justify-content: flex-start; margin-top:-20px;}
.gnb-box-flex.subSite h1.logo a.potalLink{width:140px; flex-shrink: 0;}
.gnb-box-flex.subSite h1.logo a.mainLink{width: auto; text-indent:0; background: none; font-size:2.00em;
font-family:'GongL'; color:#00908d; letter-spacing:-0.5px; height:auto; margin-left:10px; line-height:120%;}
.gnb-box-flex.assemType h1.logo a{/* background-image: url('/images/new/Assem/logo.jpg'); */ background-size: 100%;
max-width:155px;}
.gnb-box-flex .gnb{width:60%;}
.gnb-wrap .gnb .dl{width: 100%; display: flex; transition:0.5s ease-in-out;}
.gnb-wrap .gnb .dl .secs{width: 20%; padding-bottom: 7px;}
.gnb-wrap .gnb .dl .secs .level1-1{width: 100%; padding: 10px 0 20px 0; display: inline-block; font-family:
'GmarketSans'; font-size: 1.33em; color: #fff; text-align: center; transition:0.5s ease-in-out;}
.gnb-wrap .gnb .dl .secs:hover .sub-gnb {display: block;}
.gnb-wrap .gnb .dl .secs:hover .level1-1{position: relative;}
.gnb-wrap .gnb .dl .secs:hover .level1-1:before{content: ""; width: 6px; height: 6px; border-radius: 50%; background:
#5289c0; position: absolute; bottom:5px; left:50%; transform: translate(-50%, 0);}
.gnb-wrap .gnb .dl .secs .level1-1.blank span{padding-right:15px; background:url("/images/layout/nw-icon.png") no-repeat
right;}
.gnb-wrap .gnb .dl .secs .sub-gnb{width: 100%; position: absolute; top:79.5px; left:0; border-top:solid 1px #e1e1e1;
transition:0.5s ease-in-out; display: none; background-position: bottom left -40px; background-repeat: no-repeat;
background-color: #fff; background-size: 28%; background-image: url('/images/layout/sub_gnb_img.png');}
.gnb-wrap .gnb .dl .secs:nth-child(2) .sub-gnb {background-image: url('/images/Potal/images/layout/sub_gnb_img2.png');}
.gnb-wrap .gnb .dl .secs:nth-child(3) .sub-gnb {background-image: url('/images/Potal/images/layout/sub_gnb_img3.png');}
.gnb-wrap .gnb .dl .secs:nth-child(4) .sub-gnb {background-image: url('/images/Potal/images/layout/sub_gnb_img4.png');}
.gnb-wrap .gnb .dl .secs:nth-child(5) .sub-gnb {background-image: url('/images/Potal/images/layout/sub_gnb_img5.png');}
.gnb-wrap .gnb .dl .secs .sub-gnb.field {background-image: none;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap{width: 1600px; margin: 0 auto; padding: 40px 0;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav{display: flex; flex-wrap: wrap;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit{width: 20%;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit{font-family: 'GmarketSans'; font-size:2.67em; color:
#5289c0; padding: 35px 0 0 0; letter-spacing: -0.08em; line-height:normal;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt{font-family: 'NotoKrR'; font-size:1.07em; color:
#000000; padding: 25px 0 0px 0; position: relative;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .sub-gnb-Titimg{padding-top: 80px;}

.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5{width: 80%; display: flex; justify-content: flex-start;
flex-wrap: wrap; max-height: 500px; overflow-y: auto;}
.gnb-wrap .gnb .dl .secs .sub-gnb.field .sub-gnb-wrap .nav .bunch5 {width: 100%;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level{padding: 0 0 30px 20px; flex-basis: 18%; }
.gnb-wrap .gnb .dl .secs .sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level {flex-basis: 8.3%; padding: 0;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:first-child{padding: 0 0 30px 0px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(6){padding: 0 0 0 0px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(11), .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(16), .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(20){padding: 0 0 0 0px;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1{font-family: 'GmarketSans'; /*font-size:1.07em;*/ color: #333; padding:
15px 15px 10px 15px; box-sizing: border-box;
border-radius: 5px; text-align: left; display: block; background: #f3f5f9; border:solid 1px #e1e1e1; position: relative;
line-height: normal;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1 span {display: inline-block; padding-right: 15px; box-sizing:
border-box;}
.sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level .level2-1 {display: inline-block; display: flex; flex-direction:
column; align-items: center; text-align: center; background: none; border: none;}
.sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level .level2-1 span {font-family: 'GmarketSans'; font-size: 1.07em; color:
#000;}
.sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level .level2-1>div {width: 90px; height: 90px; background-color: #f6f7fc;
border-radius: 20px; margin-bottom: 25px;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1:after{content: ""; width: 13px; height: 7px;
background: url("/images/layout/sub_gnbArrow_icon.png") no-repeat; position: absolute; top:20px; right:15px;}
.sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level .level2-1:after {display: none;}
.sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level .level3-1 {display: none;}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1:hover{color: #fff; /*border:1px solid transparent;*/ background-color:
#5289c0; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level .level2-1:hover>div{background-color: #5289c0; box-shadow: 5px 5px 10px
rgba(0, 0, 0, 0.15);}
.sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level .level2-1:hover {background: none; box-shadow: none;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1:hover:after{content: ""; width: 13px; height: 7px;
background: url("/images/layout/sub_gnbArrow_icon_on.png") no-repeat;}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.active{border: 1px solid transparent; color: #fff; background:
#5289c0;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.active:after{content: ""; width: 13px; height: 7px;
/* background: url("/Uiryeong/Potal/images/layout/sub-gnb-arrorw-ico-on.png") no-repeat; */}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.blank span{padding-right:20px;
background:url("/images/layout/nw-icon.png") no-repeat right;}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{padding: 10px 0 0 0; width:100%;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{display: inline-block; font-family: 'NotoKrR'; font-size:1em;
color: #555555; padding: 0 0 5px 12px; letter-spacing: -0.7px; position: relative;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:before{content: ""; width: 4px; height: 4px; background:
#a6a6a6; border-radius: 100%; position: absolute; top:9px; left:0;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li:hover a {color: #2865a7;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:hover{color: #2865a7; font-family: 'NotoKrB';}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li:hover a:before {background-color: #2865a7;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a span .level2-1{border: none;}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li.blank a span{padding-right:20px;
background:url("/images/layout/nw-icon.png") no-repeat right;}

.gnb_right {/* width: 11%; */ display: flex; justify-content: space-between;}
.gnb_right a {font-family: 'NotoKrM'; color: #fff; display: flex; flex-direction: column; transition:
0.5s ease-in-out;}
.gnb_right a .img {transition: 0.5s ease-in-out;}
.gnb_right a span {margin-top: 5px;font-size: 0.93em;}
.gnb_right a.siteMapBtn .img {height: 21px; background: url("/images/layout/siteMapBtn.png") center no-repeat;}
.gnb_right a.nuriBtn {display:none;}
.gnb_right a.nuriBtn .img {height: 21px; background: url("/images/layout/nuriBtn.png") center no-repeat;}

.mask-wrap{display:none; position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);transition:all
.3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s
ease;z-index:0;}
.mask-wrap.on{display:none}
.mb-btn-wrap {display: none;}

.gnb_right a.taggi { flex-direction: row; align-items: flex-start; margin-left: 10px;}
.gnb_right a.taggi img{max-width: 50px;border: solid 1px #ddd;}
.gnb_right a.taggi strong{font-size: 13px;line-height: 17px;margin-left: 5px;}
.gnb_right a.taggi em{font-style:normal;display: block;} 

@media all and (max-width:1600px){
.header-wrap{width: 100%; padding: 20px 20px 0 20px; box-sizing: border-box;}
.gnb-wrap .gnb .dl .secs .sub-gnb {background-size: 30%;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap{width: 100%;}

.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit {width: 25%;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 {width: 75%;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit{font-size:2.33em; padding: 35px 0 0 20px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt{font-size:1.07em; padding: 25px 0 0 20px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .sub-gnb-Titimg{padding: 40px 0 0 20px; width: 230px;}

.gnb-box-flex.subSite h1.logo a.potalLink{width:120px; background-size:240px;}
.gnb-box-flex.subSite h1.logo a.mainLink{font-size:1.47em;}
}

@media all and (max-width: 1400px) {
.gnb-box-flex h1.logo {width: 13%;}
.gnb-box-flex .gnb {width: 70%;}
/*.gnb_right {width: 13%;} */
.gnb_right a.taggi{flex-direction:column;align-items: center;margin-top: -6px;}
.gnb_right a.taggi strong{font-size: 12px;line-height: 1;margin: 2px 0 0 0;}
}

@media all and (max-width:1200px){
.gnb-box-flex .gnb{width: 70%;}
.gnb-wrap .gnb .dl .secs .sub-gnb {background-image: none;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap{padding: 20px 0;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit{width: 23%;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit{font-size:2.13em;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt{font-size:15px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .sub-gnb-Titimg{width: 185px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5{width: 75%; justify-content: flex-end; padding-right:
20px;}
.gnb-wrap .gnb .dl .secs .level1-1{font-size:1.20em;}
.gnb-wrap .gnb .dl .secs .sub-gnb{height: 400px; overflow: hidden; overflow-y: scroll;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level{flex-basis: 31%; padding: 0 0 20px 20px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:first-child{padding: 0 0 20px 0px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(4){padding: 0 0 20px 0px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(6){padding: 0 0 20px 20px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(7){padding: 0 0 20px 0px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(10){padding: 0 0 20px 0px;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{font-size:0.93em; padding: 0 0 0px 12px;}

.gnb-wrap .gnb .dl .secs .sub-gnb.field .sub-gnb-wrap .nav .bunch5 {padding-right: 0; justify-content: flex-start;}
.gnb-wrap .gnb .dl .secs .sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level {flex-basis: 16.3%;}
.gnb-wrap .gnb .dl .secs .sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level:nth-child(6) {padding: 0;}
}

@media all and (max-width:1000px){
.header-wrap {padding: 20px;}
.gnb-box-flex {align-items: center;}
header.active .headerWrap a, header.active .headerWrap p {color: #fff;}
header.active .topHeader .topInner .topRight .login a {background: url('/images/layout/login.png') left no-repeat;}
header .topHeader {display: none;}
header .topHeader.on {display: block; position: relative; z-index:99;}
.gnb-box-flex.subSite{display: flex;}
.gnb-box-flex.subSite h1.logo{margin-top:-10px; width:auto;}
.gnb-box-flex.subSite h1.logo a{position: static;}

.gnb-box-flex .mobile-gnb{position: fixed; width: 100%; height:100%; top:63px; left:-200px; z-index: 11; display: none;
transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s
ease;-webkit-transition:all .3s ease;
}
.gnb-box-flex .mobile-gnb.on{display: block; position: fixed; top: 63px; left: 0px; z-index:999;}

.gnb-box-flex .mobile-gnb ul.dl{ height: 100%; background: url('/images/layout/moMenuBg.png') #fff no-repeat; position:
relative;}

.gnb-box-flex .mobile-gnb ul.dl li{width: 100%;}
.gnb-box-flex .mobile-gnb ul.dl li a.level1-1{width: 100%;font-family: 'NotoKrB'; font-size:1.40em; color: #fff; padding:
20px 20px;
border-bottom:solid 1px #869fd4; box-sizing: border-box; display: block; position: relative;}
.gnb-box-flex .mobile-gnb ul.dl li a.level1-1 span{display: inline-block; width: 42%; position: relative;}
.gnb-box-flex .mobile-gnb ul.dl li.on a.level1-1{background: #fff; color: #869fd4;}
.gnb-box-flex .mobile-gnb ul.dl li.on a.level1-1 span:before{content: ""; width: 11px; height: 21px;
/* background: url("/Uiryeong/Potal/images/layout/mb-depth1-ico.png") no-repeat; */ position: absolute; top:0; right:0px;}
.gnb-box-flex .mobile-gnb ul.dl li a.level1-1.blank span:after{width:12px; height:12px; display:inline-block;
margin-left:5px; background:url("/images/layout/nw-icon.png") no-repeat right; content:"새창으로 열림"; vertical-align:middle;
font-size:0px; line-height:0px;}


.gnb-box-flex .mobile-gnb ul.dl li .m-sub-gnb{ width: 100%; height: 100%; display:none; position:absolute; top:0;
left:-200px;
background:#fff; z-index:999;}
.gnb-box-flex .mobile-gnb ul.dl li.on .m-sub-gnb{ width: 55%; display: block; top:0px; left: auto; right:0;
background:#fff; z-index:999; overflow-y: auto;}
.gnb-box-flex .mobile-gnb ul.dl li.on .m-sub-gnb .nav-tit{display: none;}

.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level{padding: 0 20px; box-sizing: border-box;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1{ display: block; font-family: 'NotoKrM'; font-size:1.33em; color:
#000000; padding: 15px 10px; box-sizing: border-box;
border-bottom:solid 1px #c6c6c6; position: relative;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1:after{content: ""; width: 14px; height: 14px;
/* background: url("/Uiryeong/Potal/images/layout/mb-depth2-ico.png") no-repeat; */ position: absolute; top:22px; right:22px;
transition: all .3s ease-in-out; transform: rotate(90deg);}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1.on{color: #345fbc;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1.on{border-bottom:solid 3px #5175c1;}


.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1.on:after{content: ""; width: 16px; height: 3px;
/* background: url("/Uiryeong/Potal/images/layout/mb-depth2-ico-on.png") no-repeat; */ position: absolute; top:26px;
right:22px; transform: rotate(0deg);
}

.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{padding: 20px 20px; box-sizing: border-box; background: #f5f6fb;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{font-family: 'NotoKrL'; font-size:1.13em; color: #000000;
padding: 7px 15px; box-sizing: border-box; display: block; position: relative;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:before{content: ""; width: 4px; height: 4px; background:
#333; border-radius: 100%; position: absolute; top:16px; left:0;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:hover span{position: relative; display: inline-block;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:hover span:before{content: ""; width: 100%; height: 1px;
background: #333; position: absolute; bottom:-5px; left:0;}

.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li.blank a span{padding-right:15px;
background:url("/images/layout/nw-icon.png") no-repeat right;}

.gnb-box-flex .mobile-gnb ul.dl li .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{display: none;}

.gnb_right a {display: none !important;}
.gnb_right .taggi{display: block;position: absolute;right: 100px;top: 23px;text-align: center;}
.gnb_right .taggi img{width: 30px;}
.gnb_right .taggi strong{display: block;}
.mb-btn-wrap{display: flex; justify-content: flex-end;}
.mb-btn-wrap a.toggle{width: 31px; height: 23px; margin-top: 3px; padding:0 25px 0 0; background:
url("/images/layout/menuBtn.png") no-repeat; display: block; text-indent: -9999px; z-index: 10;}
.mb-btn-wrap .search-wrap a{width: 31px; height: 30px; background: url("/images/layout/searchBtn.png") no-repeat;
display: block; text-indent: -9999px; display: block;}

.m-sub-gnb.field .sub-gnb-wrap .nav .bunch5 .level a.level2-1>div{display: none;}
}


@media all and (max-width:680px){
.mb-btn-wrap a.toggle{background-size: 27px; width: 27px;}
.mb-btn-wrap .search-wrap a{background-size: 27px; width: 27px;}
.gnb-box-flex .mobile-gnb ul.dl li.on a.level1-1 span:before{background-size: 9px; width: 9px; top:4px;}

.gnb-box-flex .mobile-gnb ul.dl li a.level1-1{font-size:1.13em; padding: 15px 15px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1{font-size:15px; padding: 10px 10px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1:after{top:16px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1.on:after{top:22px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{padding: 10px 15px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{font-size:0.93em; padding: 3px 15px;}
}

@media all and (max-width:480px){
.header-wrap {padding: 0 15px;}
.gnb-box-flex h1.logo a, header.active .gnb-box-flex h1.logo a{background-size: 100px !important;}
.gnb-box-flex h1.logo a.side {line-height: 26px;}
header.active .topHeader .topInner .topRight .login a {background: none; padding: 10px 0;}
.gnb-wrap{height: 55px; padding: 12px 0 0 0;}
.gnb-box-flex.subSite h1.logo a.potalLink{width:80px; background-size: 150px; height:27px;}
.gnb-box-flex.subSite h1.logo a.mainLink{font-size:1.33em; margin-left:0;}
.gnb-box-flex.assemType h1.logo a{height:27px; width:120px;}
.mb-btn-wrap a.toggle, header.active .mb-btn-wrap a.toggle{padding: 0 15px 0 0;}
.mb-btn-wrap .search-wrap a, header.active .mb-btn-wrap .search-wrap a{ margin-top:2px;}

.gnb-box-flex .mobile-gnb{top:43px;}
.gnb-box-flex .mobile-gnb ul.dl li a.level1-1{font-size:1.13em; padding: 15px 20px;}
.gnb-box-flex .mobile-gnb ul.dl li.on a.level1-1 span:before{background-size: 8px; width: 8px; top:3px;}

.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1{font-size:1.07em; padding: 10px 10px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1:after{top:16px;}

.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{padding: 10px 15px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{font-size:0.93em; padding: 5px 15px;}

.gnb-box-flex .mobile-gnb.on {top: 43px;}

.gnb_right .taggi{display: block;position: absolute;right: 100px;top: 16px;text-align: center;}
.gnb_right .taggi img{width:30px}
.gnb_right .taggi strong{display:none;}
}

@media all and (max-width:380px){
.gnb-box-flex .mobile-gnb{top:43px;}
.gnb-box-flex .mobile-gnb ul.dl li a.level1-1{font-size:0.93em; padding: 7px 10px;}
.gnb-box-flex .mobile-gnb ul.dl li.on a.level1-1 span:before{ background-size: 5px; width: 5px; top:6px; right:11px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level{padding: 0 5px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1{font-size:0.87em; padding: 5px 10px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1:after{background-size: 7px; width: 8px; top:11px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{padding: 5px 10px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{font-size:12px; padding: 0px 10px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:before{top:10px;}
.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1.on:after{background-size: 10px; top: 16px; right: 10px;}
}

.sub-container .subContentWrap{width:100%; max-width:1200px; margin-left:100px;}
.sub-container .subContentWrap .subCnt_top{width: 100%; display: flex; justify-content: space-between; padding:60px 0
40px; border-bottom:2px solid #d8d8d8; margin-bottom:20px; box-sizing: border-box;}
.sub-container .subContentWrap .subCnt_top .sct_left h3{color:#111; font-family:'GmarketSans'; font-weight: normal; font-size:1.87em;
letter-spacing: -0.05em; line-height: 100%;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location{margin-top:20px; width: 100%;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li{display: inline-block; position: relative;
padding-right:20px; margin-right:5px; vertical-align: middle; color:#5b616e; font-family:'GmarketSans'; font-size:1em;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li:not(:last-child):after{content:''; display:
inline-block; width:5px; height: 7px; background: url("/images/layout/locationArrow.png") center no-repeat; position:
absolute; right:0; top:40%; margin-top:-3px;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_home{width:12px; height:18px; font-size:0;
background:url("/images/layout/locationHome.png") left top no-repeat;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_home a{display: block; width: 18px; height:
18px;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_now{font-family: 'GmarketSans';}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_now a{color:#2865a7;}
.sub-container .subContentWrap .subCnt_top .sct_right{display: flex; align-items: flex-start;}
.sub-container .subContentWrap .subCnt_top .sct_right > div{display: inline-block;}
.sub-container .subContentWrap .subCnt_top .sct_right > div > a{display:inline-block; width:43px; height:43px;
border:1px solid #c3c5d2; border-radius: 10px; background-color: #fff; background-repeat: no-repeat;
background-position: center; font-size:0; box-sizing: border-box; vertical-align: top;}

.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_sharing > a{background-image:
url("/images/layout/sharingIcon.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_close > a
{background-image: url("/images/layout/sharingClose.png"); margin-top: 0;}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_print > a{background-image:
url("/images/layout/printIcon.png");}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_url{ overflow: hidden; position: relative;}
/* .sub-container .subContentWrap .subCnt_top .sct_right > div.sct_url > a{background-image:
url("/images/layout/clipIcon.png");} */
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_url > input{ border:none; position: absolute; top:0;
left:0; z-index: -9999;}
.sub-container .subContentWrap .subCnt_top .sct_right div:not(:last-child) {position: relative; padding-right:15px;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box{position: absolute; top:0; right:14px;
z-index: 1; transform-origin: 100% 100%; display: none; align-items: center; justify-content: flex-end; flex-direction:
column-reverse;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li {display: inline-block;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li > a {display: block; width:44px;
height:44px; border-radius: 10%; background-position: center; background-repeat: no-repeat;
font-size:0; margin: 4px 0;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_face > a {background-image:
url("/images/layout/sharingFace.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_twit > a {background-image:
url("/images/layout/sharingTwit.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_naver > a {background-image: url("/images/layout/sharingBlog.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_url > a {background-image: url("/images/layout/urlIcon.png");}




/* 서브 사이트 서브레이아웃*/
.subWrap{background-position: top right; background-repeat: repeat-x; padding-top:50px;}
.subWrap .sub-container .subContentWrap .subCnt_top{padding-top:0; border-bottom:0;}

.bannerWrap{width:100%; background-color: #fff; padding:15px 0; box-sizing: border-box; border-top:1px solid
#e1e1e1;position: relative;}
.bannerWrap .bannerInner{width:100%; max-width:1600px; margin:0 auto; display: flex; justify-content: space-between;
align-items: center; }
.bannerWrap .bannerInner .slideBtns{position: static; transform: translate(0,0); width: auto;}
.bannerWrap .bannerInner .slideBtns a{width:12px; height: 15px; background-position: center; background-repeat:
no-repeat; margin:0 7px; border-radius: 0; background-color:transparent; border:none;}
/* .bannerWrap .bannerInner .slideBtns a.slideLeft{background-image: url("/images/Potal/main/new/slideIconL_b.png");}
.bannerWrap .bannerInner .slideBtns a.slidePlay{background-image: url("/images/Potal/main/new/slideStop.png");}
.bannerWrap .bannerInner .slideBtns a.slideStop{background-image: url("/images/Potal/main/new/slidePlay.png");}
.bannerWrap .bannerInner .slideBtns a.slideRight{background-image: url("/images/Potal/main/new/slideIconR_b.png");}
.bannerWrap .bannerInner .slideBtns a.slideMore{width:16px; height: 16px;
background-image:url("/images/Potal/main/new/slideMore.png");}
.bannerWrap .bannerInner > p {margin-right:10px; font-size:1.267em; font-family:'GmarketSansM'; color:#000;
padding-left:30px; padding-top: 2px; background: url("/images/Potal/main/new/bannerIcon.png") left top no-repeat;} */
.bannerWrap .bannerInner .ftSlide{width:85%;}
.bannerWrap .bannerInner .ftSlide .ftSlideCnt{padding:0 24px 0 20px; position: relative;}
.bannerWrap .bannerInner .ftSlide .ftSlideCnt:before{content:''; display:block; position: absolute; right:0; top:50%;
width: 4px; height: 4px; margin-top:-2px; background-color:#c0cadb;}
.bannerWrap .bannerInner .ftSlide .ftSlideCnt > a{font-family:'NotokrR'; font-size:1em;}
.bannerWrap .bannerInner .ftSlide .slick-list {padding:2px; box-sizing:border-box;}


/* sns */
.snsWarp .ho_snsBtn{display: none;}
.snsWarp a{display: inline-block; font-size:0; width:37px; height: 37px; background-position: center; background-repeat:
no-repeat; margin:0 3px; vertical-align: top; background-size: 100%;}
/* .snsWarp a.snsFace{background-image:url("/images/Potal/layout/sircFace.png");}
.snsWarp a.snsBlog{background-image:url("/images/Potal/main/new/sns_b1.png");}
.snsWarp a.snsInst{background-image:url("/images/Potal/layout/sircInsta.png");}
.snsWarp a.snsBand{background-image:url("/images/Potal/layout/sircBand.png");}
.snsWarp a.snsYout{background-image:url("/images/Potal/layout/sircYout.png");} */

/*서브레이아웃*/
.sub-container{width:100%; max-width:1600px; margin: 0 auto; display: flex; padding-bottom: 50px;}
.sub-container .subNavWrap{width:300px;flex-shrink: 0; box-sizing: border-box; border:1px solid #e1e1e1; border-top:0;
box-shadow: 11px 11px 8px rgba(0,0,0,0.04);}
.sub-container .subNavWrap .subNav_tit{width:100%; text-align: center; height:169px; background-color: #5289c0;
position: relative;}
.sub-container .subNavWrap .subNav_tit h2{font-size:1.867em; color:#fff; font-family:'GmarketSans'; position: absolute;
top:50%; left:50%; transform: translate(-50%,-50%); width:100%; line-height: 100%;}
.sub-container .subNavWrap .subNavBox {width: 100%; box-sizing: border-box; padding:0 20px;}
.sub-container .subNavWrap .subNavBox .subNav_List > a {display: block; width: 100%; border-bottom:1px solid #e1e1e1;
padding:17px 10px; box-sizing: border-box; color:#333; line-height: normal; font-family:'GmarketSans';
font-size:1.067em; position: relative;}
.sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn):before{content:'+'; font-size:1.87em;
font-family:'GmarketSansM'; position: absolute; right:15px; top:50%; transform: translate(0,-50%); display: none;}
.sub-container .subNavWrap .subNavBox .subNav_List > a.active, .sub-container .subNavWrap .subNavBox .subNav_List >
a.on{color:#fff; background-color: #576178; border-radius: 5px; margin-top: 0 !important; box-shadow: 5px 5px 5px
rgba(0,0,0,0.15); font-family:'GmarketSans'; font-weight: bold; position: relative;}
.sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).active:before, .sub-container .subNavWrap
.subNavBox .subNav_List > a:not(.linkBtn).on:before{display: block; color:#009b63;}
.sub-container .subNavWrap .subNavBox .subNav_List > a.linkBtn{background-image:
url("/images/layout/subNavNw.png");background-position: right 15px top 50%; background-repeat: no-repeat;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner {width:100%; padding:10px 15px; box-sizing: border-box;
background-color:#f7f7f7; border-bottom:1px solid #e1e1e1; display: none;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner.active {display: block;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a{font-size:1em; display: block; width: 100%;
padding:5px 0 5px 15px; position: relative; transition: all .3s ease-in-out; font-family:"GmarketSans"; color: #888;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.linkBtn span,
.sub-container .subNavWrap .subNavBox .subNav_List a.blank span,
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.menuNw span.menuNw_btn {background: url("/images/layout/nw-icon.png") no-repeat right; padding-right: 17px; box-sizing: border-box;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.menuNw span {padding-right: 5px;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.menuNw span.menuNw_btn {width: 12px; height: 12px; text-indent: -9999px; padding-right: 0;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a:before{content:''; display: block; width:4px; height:
4px; border-radius: 50%; background-color:#c3c3c3; position: absolute; left:0; top:50%; margin-top:-2px; transition: all
.3s ease-in-out;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.active, .sub-container .subNavWrap .subNavBox
.subNav_List .subNav_inner a:hover {color: #2865a7; font-family: 'GmarketSans'; font-weight: bold;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.active:before, .sub-container .subNavWrap .subNavBox
.subNav_List .subNav_inner a:hover:before{background: #2865a7;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.nwTap span{padding-right:20px; box-sizing:
border-box; background: url("/images/layout/nw-icon.png") right center no-repeat;}


.subWrap .sub-container .subNavWrap {box-shadow:none; border:none; padding-top: 15px;}
.subWrap .sub-container .subNavWrap .subNav_tit{border-radius: 50px 15px 0 0; box-shadow:4px 4px 5px rgba(0,0,0,0.15);
margin-bottom: 3px; overflow: hidden;}
.subWrap .sub-container .subNavWrap .subNavBox{padding:0;}
.subWrap .sub-container .subNavWrap .subNavBox > li{box-sizing: border-box; border-bottom:1px solid #e1e1e1;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a {border-bottom:0; padding:17px 30px 17px 20px; margin-top: 3px;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a:focus {outline: 3px solid red !important; box-shadow: 0 0 0 0px red inset;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner {border-bottom:0;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn):before {color:#777777; display: block;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).active:before,
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).on:before {color:#fff; content:'';
width:14px; height: 8px; background: url('/images/layout/menuArrow.png');}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner{padding:10px 25px;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a.linkBtn.active,
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a.linkBtn.on{background-image:
url("/images/layout/subNavNw_on.png");}
/*서브레이아웃*/

@media screen and (max-width: 1600px) {
.sub-container .subContentWrap{width:70%; margin:0 auto;}

.economyWrap .ecmInner .ecmListBox{right:14%;}
.bannerWrap .bannerInner .ftSlide{width: 80%;}

header .headerTop_cont .linkSites li > a{font-size:0.900em;}
header .headerTop_cont .linkSites li.linkCorona > a, .headerBot_cont .linkCorona a{padding: 4px 20px 11px 50px;}
.headerOther .snsWarp .ho_snsBtn{display: block; width:30px; height: 30px; /* background:
url("/images/Potal/layout/sharingIcon.png") center no-repeat; */ border-radius: 50%; border:1px solid #b7b7b7; box-sizing:
border-box; background-size:15px auto}
.headerOther .snsWarp > div{display: none; position: absolute; right:33px; top:0; width: auto; justify-content:
space-between; align-items: center; z-index: 2;}
.headerOther .snsWarp .ho_sns.on {display: flex;}
.snsWarp a{width:30px; height: 30px; border-radius: 50%; background-size: 100%; margin:0 2px;}
}

@media screen and (max-width: 1200px) {
.snsWarp a{margin:0;}
.sub-container .subNavWrap{width:250px;}
}

@media screen and (max-width: 1000px) {
.sub-container {margin-bottom:50px;}
.sub-container .subNavWrap{display: none;}
.sub-container .subContentWrap{width:100%;}
.sub-container .subContentWrap .subCntArea{width:95%; margin:0 auto;}
.sub-container .subContentWrap .subCnt_top{background-color:#f7f7f7; padding:40px 10px 30px; margin-bottom:40px;}
.sub-container .subContentWrap .subCnt_top{text-align: center; justify-content: center; align-items: flex-end;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li{font-size:1.20em;}
.sub-container .subContentWrap .subCnt_top .sct_right{margin-top:20px; margin-bottom:-12px;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_print{display: none;}
.sub-container .subContentWrap .subCnt_top .sct_left h3{padding-left:55px;}
.economyWrap .ecmInner .ecmCnt{line-height: 139px;}
.economyWrap .ecmInner .ecmListBox{right:20px; width:215px; z-index: 32;}

.subWrap{background-image: none !important; padding-top: 80px;}
.subWrap .sub-container .subContentWrap .subCnt_top{padding-top:40px;}
}

@media screen and (max-width: 640px) {
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li{font-size:1.07em; padding-right: 15px;
margin-right:15px;}
.sub-container .subContentWrap .subCnt_top .sct_right{margin-bottom:-9px;}
.sub-container .subContentWrap .subCnt_top .sct_right > div > a{width:34px; height: 34px; background-size: 11px;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li > a{width:34px; height: 34px; background-size:100%;}
}

@media screen and (max-width: 480px) {
.sub-container .subContentWrap .subCntArea {width: 90%;}
.sub-container .subContentWrap .subCnt_top{ position: relative;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li{font-size:0.93em; margin-right: 7px;
padding-right: 18px;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_home{width:14px; background-size:14px;}
.sub-container .subContentWrap .subCnt_top .sct_right{position: absolute; top:10px; right:10px; margin-bottom:0;
margin-top:0;}
.sub-container .subContentWrap .subCnt_top .sct_left h3{padding-left:0px;}

.economyWrap .ecmInner .ecmCnt{font-size:2.27em;}

.bannerWrap .bannerInner{flex-wrap: wrap;}
.bannerWrap .bannerInner .ftSlide{width: 100%; margin-top:10px;}
.bannerWrap .bannerInner > p{font-size:1.07em; margin-left:20px;}
.bannerWrap{padding:15px 15px 15px 0;}
}

@media screen and (max-width: 480px) {
.subWrap {padding-top: 55px;}
}


/* Main Footer */
.container {width: 100%; overflow: hidden;}
/* foot-banner */
footer{width: 100%;background-color: #313c50;}
.footer-wrap{width: 1600px; margin: 0 auto;}
footer .ft-bn-wrap{ border-bottom:solid 1px #46546d; padding: 18px 0;}
footer .ft-bn-wrap .ft-bn-box{display: flex; justify-content: space-between; overflow: hidden;}
footer .ft-bn-control{display: flex; justify-content: space-between; padding: 5px 0 0 0; flex-shrink:0;}
footer .ft-bn-control .txt{margin-right: 15px; font-family: 'GmarketSans'; font-size:1.13em; color: #fff; padding: 5px 0
0 0;}
footer .ft-bn-control .control{display: flex; justify-content: space-between;}
footer .ft-bn-control .control a{width: 30px; height: 30px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.1);
background-position: center; background-repeat: no-repeat; display: inline-block; text-indent: -9999px;}
footer .ft-bn-control .control a.slideLeft{background-image: url("/images/layout/bnLeftBtn.png")}
footer .ft-bn-control .control a.slideRight{background-image: url("/images/layout/bnRightBtn.png"); margin: 0 3px;}
footer .ft-bn-control .control a.slideStop{ background-image: url("/images/layout/bnStopBtn.png")}
footer .ft-bn-control .control a.slidePlay{ background-image: url("/images/layout/bnPlayBtn.png")}
footer .ftSlide{width:100%; padding: 10px 0 0 60px;}
footer .ftSlide .slick-list{margin: 0 -20px;}
footer .ftSlide .slick-slide a{display: block; font-family: 'GmarketSans'; font-weight: lighter; font-size:0.93em; color: #fff; /* opacity: 0.6; */ padding: 0 15px;}
footer .ftSlide .slick-slide a:focus{outline:0 !important;}
footer .ftSlide .slick-slide a {position: relative;}
footer .ftSlide .slick-slide a::before { content: ''; position: absolute; top:1.5px; left:5px; width: 94%; height: 86%;}


/* footr-tap-link */
.footer_tap{width: 100%; padding: 20px 0 0 0;}
.footer_tap ul.footer_cnt{width: 100%; display: flex; justify-content: space-between;}
.footer_tap ul.footer_cnt li{width: 19%; position: relative;}
.footer_tap ul.footer_cnt li div a.noLink{font-family: 'GmarketSans'; background: rgba(0, 0, 0, 0.1); color: #FFFFFF; width:100%; display: block; padding: 16px 25px 13px 25px; border-radius: 10px; box-sizing: border-box; position: relative;}
.footer_tap ul.footer_cnt li div a.noLink:after{content: ""; width: 8px; height: 5px; background:
url("/images/layout/footerTabBtn.png") no-repeat; position: absolute; top:50%; right:30px; transform: translateY(-4px);
transition-duration: 0.5s;}
.footer_tap ul.footer_cnt li.active div a.noLink:after{transform: rotate(180deg);}

.footer_tap ul.footer_cnt li div .ftc_inner{ width: 100%; display: none; border-radius: 10px; position: absolute;
bottom:40px; left: 0; background: #2d3548;
border:solid 1px rgba(255, 255, 255, 0.2); padding: 30px 0; box-sizing: border-box; margin-bottom: 13px; z-index:1;}
.footer_tap ul.footer_cnt li div .ftc_inner span.tit{ display: block; font-family: 'GmarketSans'; font-size:1.33em;
color: #4eacbd; padding: 0 20px; }
.footer_tap ul.footer_cnt li div .ftc_inner dl{ height: 250px; overflow-y: scroll; display: flex; justify-content:
space-between;flex-flow: wrap;}
.footer_tap ul.footer_cnt li div .ftc_inner dl::-webkit-scrollbar{width: 10px; background: #eeeeee; border-radius: 20px;
overflow: hidden;}
.footer_tap ul.footer_cnt li div .ftc_inner dl::-webkit-scrollbar-thumb{background: #a6a6a6; border-radius: 20px;}
.footer_tap ul.footer_cnt li div .ftc_inner dl dt{display: block; padding: 0 20px 10px 20px; font-family:
'GmarketSans'; font-size:1.33em; color: #4eacbd; width:100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer_tap ul.footer_cnt li div .ftc_inner dl dd{width: 100%;}
.footer_tap ul.footer_cnt li div .ftc_inner dl dd a{font-family: 'NotoKrR'; font-size:0.95em; color: #fff; display: block;
width: 100%; padding: 10px 40px 10px 20px; box-sizing: border-box; position: relative; border-bottom: 1px solid
rgba(255, 255, 255, 0.1);}
.footer_tap ul.footer_cnt li div .ftc_inner dl dd a::after {content: ''; position: absolute; top: 14px; right: 22px;
width: 14px; height: 14px; background: url('/images/layout/footerLinkIcon.png');}
.footer_tap ul.footer_cnt li div .ftc_inner dl dd a:hover {color: #e4db37;}
.footer_tap ul.footer_cnt li div .ftc_inner dl dd a:hover::after {background:
url('/images/layout/footerLinkIcon2.png');}

.foot-info-box{width:100%; padding: 30px 0;}
.foot-info-box ul.info-link-list{width: 100%;margin-bottom: 25px;display: flex;justify-content: flex-start;}
.foot-info-box ul.info-link-list li a{font-family: 'GmarketSans'; color: #fff; display: block; width:100%; padding-right: 15px; margin-right: 15px; position: relative;}
.foot-info-box ul.info-link-list li a.c-yellow {color: #E8DE38;}
.foot-info-box ul.info-link-list li a:after{content: ""; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; position: absolute; top: 50%; transform: translateY(-4px); right: 27px;}
.foot-info-box ul.info-link-list li a:focus {outline:0 !important; box-shadow:0 0 0 0 red inset;;}
.foot-info-box ul.info-link-list li a {position: relative;}
.foot-info-box ul.info-link-list li a::before {content: '';position: absolute;top:-2px;left:-4px;width: 100%;height: 100%;}
.foot-info-box ul.info-link-list li a:focus::before {outline: 2px solid red;}
.foot-info-box ul.info-link-list li:last-child a:after {display: none;}
.foot-info-box .copyright-txt-box{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; /*font-family: 'GmarketSans'; */font-weight: lighter; font-size:0.95em; color: #fff; line-height: 170%; }
.foot-info-box .copyright-txt-box p {line-height: 180%; display: inline-block;}
.foot-info-box .copyright-txt-box .bold {font-weight: 500; font-family: 'GmarketSans';}
.foot-info-box .copyright-txt-box .c-yellow {color: #E8DE38; font-weight:normal}
.foot-info-box .copyright-txt-box .total {padding: 3px 15px 0 15px; border-radius: 10px; background-color: rgba(255,255, 255, 0.1); display: inline-block; margin-top: 5px;  margin-left: -90px;}
.foot-info-box .copyright-txt-box .total .c-yellow {color: #E8DE38; font-family: 'GmarketSans'; font-weight: 600;}


@media all and (max-width:1600px){
.footer-wrap{width: 100%; padding: 0 20px; box-sizing: border-box;}
footer .ftSlide{padding: 10px 0 0 20px;}
footer .ft-bn-control{width: 180px;}

.foot-info-box ul.info-link-list{width: 70%;}
.foot-info-box p.copyright-txt-box{width: 42%;}
.foot-info-box ul.info-link-list li a{font-size:15px;}
.foot-info-box p.copyright-txt-box br{display: none;}
}

@media screen and (max-width: 1200px) {
.footer_tap ul.footer_cnt {justify-content: flex-start; flex-wrap: wrap; gap: 1%; row-gap: 10px;}
.footer_tap ul.footer_cnt li {width: 32%;}

}

@media all and (max-width:1000px){
footer .ft-bn-wrap .ft-bn-box {flex-wrap: wrap;}
footer .ft-bn-control {width: 100%; justify-content: flex-start;}
footer .ftSlide {padding: 10px 0 0 5px;}

.footer_tap ul.footer_cnt li{width: 32%;}
.footer_tap ul.footer_cnt li div a.noLink{padding: 10px 15px;}

.footer_tap ul.footer_cnt li div .ftc_inner{padding: 15px 15px;}
.footer_tap ul.footer_cnt li div .ftc_inner span.tit{font-size:1.20em; padding-bottom: 0px;}
.footer_tap ul.footer_cnt li div .ftc_inner dl dd{width: 100%;}
.footer_tap ul.footer_cnt li div .ftc_inner dl dd a{padding: 5px 0 5px 15px; font-size:15px;}
.footer_tap ul.footer_cnt li div .ftc_inner dl dd a:before{width: 7px; height: 1px; top:15px;}

.foot-info-box{flex-flow: wrap; justify-content: center;}
.foot-info-box ul.info-link-list{width: 100%; justify-content: center; flex-flow: wrap;}
.foot-info-box p.copyright-txt-box{width: 100%; text-align: center; padding: 20px 0;}
}

@media all and (max-width:768px){
.foot-info-box .copyright-txt-box p {display: block;}
footer .ft-bn-control {margin-bottom: 5px;}
footer .ft-bn-control span.txt{font-size:15px;}
footer .ft-bn-control .control{align-items:center;}
footer .ftSlide{padding: 5px 0 0 10px;}
footer .ftSlide .slick-slide a{font-size:15px;}
.footer_tap ul.footer_cnt li{width: 48%;}
.footer_tap ul.footer_cnt li:nth-child(3){padding: 0 0 0px 0;}
.footer_tap ul.footer_cnt li:nth-child(4){padding: 0 0 0px 0;}
.footer_tap ul.footer_cnt li div .ftc_inner{bottom:55px;}
.footer_tap ul.footer_cnt li:nth-child(3) div .ftc_inner{bottom:45px;}

.foot-info-box .copyright-txt-box {font-size:0.93em; justify-content: center; text-align: center; flex-direction: column; align-items: center;}
.copyright-txt-box > a {margin-top: 25px;}
.foot-info-box .copyright-txt-box .total {margin-top: 10px; margin-left: 0;}
.footer_tap ul.footer_cnt li div .ftc_inner {margin-bottom: 0;}
.footer_tap ul.footer_cnt li div .ftc_inner span.tit {padding: 0 10px;}
.footer_tap ul.footer_cnt li div .ftc_inner dl dt {padding: 0 20px 10px 10px; font-size: 1.20em;}
.footer_tap ul.footer_cnt li div .ftc_inner dl dd a {padding: 5px 0 5px 10px;}
}

@media all and (max-width:680px){
footer .ft-bn-wrap{padding: 15px 0;}

.footer_tap ul.footer_cnt li div a.noLink{font-size:0.93em;}

.footer_tap ul.footer_cnt{flex-flow: wrap;}

.foot-info-box{padding: 20px 0;}

.foot-info-box ul.info-link-list li a{font-size:0.93em;}
.foot-info-box p.copyright-txt-box{font-size:0.93em;}
}


@media all and (max-width:480px){
footer .ftSlide .slick-slide a{font-size:0.93em;}
.footer_tap ul.footer_cnt li{width: 100%;}

.footer_tap ul.footer_cnt li div .ftc_inner span.tit{font-size:1.07em;}
.footer_tap ul.footer_cnt li div .ftc_inner dl dd a{font-size:0.93em;}

.foot-info-box .copyright-txt-box p {word-break: keep-all;}
}

/* 이용자별 메뉴 */
.userMenu {width: 100%; color: #fff;}
.userMenu a {color: #fff;}
.userMenu .userWrap {width: 1600px; margin: 0 auto; display: flex; background-color: #546677; border-top-left-radius:
20px; border-top-right-radius: 20px;}

.userMenu .userTab {display: flex; flex-wrap: wrap; align-items: center; padding: 25px 0 18px 40px; box-sizing:
border-box; background-color: #51708E; border-radius: 20px; border-bottom-left-radius: 0; position: relative;
margin-right: 20px;}
.userMenu .userTab::before {content: ''; position: absolute; bottom: 0; left: -45px; background:
url('/images/layout/userTabBg.png') no-repeat; width: 83px; height: 114px;}
.userMenu .userTab span {font-size: 1.4em; font-family:'GmarketSans'; margin-right: 25px;}
.userMenu .userTab .tabList {display: flex;}
.userMenu .userTab .tabList li {cursor: pointer; font-family: 'GmarketSans'; font-size: 1.1em; padding-left: 30px;
position: relative; margin-right: 25px;}
.userMenu .userTab .tabList li::before {content: ''; position: absolute; top: -2px; left: 0; background:
url('/images/layout/userTab_icon.png') no-repeat; width: 22px; height: 22px;}
.userMenu .userTab .tabList li h3 {font-weight:400;}
.userMenu .userTab .tabList li.active a {color:#FFFF00; text-decoration:underline;}
.userMenu .userTab .tabList li.active::before {background: url('/images/layout/userTab_icon2.png') no-repeat;}

.userMenu .userList {position: relative; width: 65%; padding: 21px 0 17px 0;}
.userMenu .userList .menu {display: none;}
.userMenu .userList .menu.active {display: flex; flex-wrap: wrap;}
.userMenu .userList .menu li {margin-right: 20px;}
.userMenu .userList .menu li:last-child {margin-right: 0;}
.userMenu .userList .menu li a {font-family: 'GmarketSans'; padding-left: 12px; position: relative; }
.userMenu .userList .menu li a::before {content: ''; width: 3px; height: 3px; border-radius: 50%; background-color:
#fff; position: absolute; top: 6px; left: 0;}

@media screen and (max-width: 1600px) {
.userMenu .userWrap {width: 100%;}
.userMenu .userTab {margin-right: 35px; padding: 25px 0 18px 50px;}
.userMenu .userTab::before {display: none;}
.userMenu .userList {width: 55%;}
}

@media screen and (max-width: 1400px) {
.userMenu .userTab {padding-left: 25px;}
.userMenu .userTab span {font-size: 1.47em;}
.userMenu .userTab .tabList li {font-size: 1.20em;}
}

@media screen and (max-width: 1200px) {
.userMenu .userList {width: 80%;}
}

@media screen and (max-width: 1000px) {
.userMenu .userWrap {flex-wrap: wrap;}
.userMenu .userTab {width: 100%; padding: 20px 0 10px 25px; margin-right: 0; border-bottom-right-radius: 0;}
.userMenu .userTab span {font-size: 1.33em; margin-right: 40px;}
.userMenu .userTab .tabList li {font-size: 1.07em;}
.userMenu .userTab .tabList li::before {top: 0;}
.userMenu .userTab .tabList li::before, .userMenu .userTab .tabList li.active::before {width: 18px; height: 18px;
background-size: 100%;}
.userMenu .userList {width: 100%; padding: 20px;}
.userMenu .userList .menu li {margin-right: 20px;}
.userMenu .userList .menu li a {font-size: 1.00em;}
}

@media screen and (max-width: 480px) {
.userMenu .userTab {padding: 15px 0 10px 20px;}
.userMenu .userTab span {font-size: 1.20em;}
.userMenu .userTab .tabList {margin-top: 5px;}
.userMenu .userTab .tabList li {font-size: 1.00em; padding-left: 22px;}
.userMenu .userTab .tabList li::before {top: 1px;}
.userMenu .userTab .tabList li::before, .userMenu .userTab .tabList li.active::before {width: 15px; height: 15px;}
.userMenu .userList {padding: 10px 20px;}
.userMenu .userList .menu li {margin-right: 10px;}
}

/* 해더 변경 : S*/
header.on {background-color: #fff;}
header.on .gnb-box-flex h1.logo a {background: url('/images/layout/logo2.png') no-repeat;}


header.on .headerWrap a, header.on .topHeader .topInner .topRight .langBox select, header.on .headerWrap p,header.on
.gnb .dl .secs .level1-1, header.on .gnb_right a {color: #222;}
header.on .topHeader .topInner .topLeft .siteList li::after {background-color: #222;}
.gnb-wrap .gnb .dl .secs .level1-1:hover {color: #5289c0;}
header.on .gnb_right .siteMapBtn .img {background: url('/images/layout/siteMapBtn2.png') center no-repeat;}
header.on .gnb_right .nuriBtn .img {background: url('/images/layout/nuriBtn2.png') center no-repeat;}
header.on .topHeader .topInner .topRight .corona a {background: url('/images/layout/corona2.png') left top no-repeat;}
header.on .topHeader .topInner .topRight .login a {background: url('/images/layout/login2.png') left no-repeat;}
header.on .topHeader .topInner .topRight .fonts .fontPlus {background: url('/images/layout/fontPlus2.png') left top 1px
no-repeat;}
header.on .topHeader .topInner .topRight .fonts .fontMinus {background: url('/images/layout/fontMinus2.png') left top
1px no-repeat;}
header.on .topHeader .topInner .topRight .langBox label {background: url('/images/layout/language2.png') center top 2px
no-repeat;}
header.on .topHeader .topInner .topRight .langBox select {background: url('/images/layout/selectIcon2.png') right
no-repeat; transition:0.5s ease-in-out;}
header.on .mb-btn-wrap a.toggle {position: relative; background: url('/images/layout/menuBtn2.png') no-repeat; background-size: 100%; width: 123px; height: 39px; margin-top: 0;}
header.on .mb-btn-wrap .search-wrap a{position: relative; background: url("/images/layout/searchBtn2.png") no-repeat; background-size: 100%; width: 39px; height: 39px;}

@media screen and (max-width: 1200px) {
    .gnb-box-flex h1.logo a, header.on .gnb-box-flex h1.logo a{width: 120px; background-size: 120px;}
}

@media all and (max-width:1000px){
header.on .headerWrap a, header.on .topHeader .topInner .topRight .langBox select, header.on .headerWrap p, header.on
.gnb .dl .secs .level1-1, header.on .gnb_right a {color: #fff;}
header.on .headerWrap a, header.on .headerWrap p {color: #fff;}
header.on .topHeader .topInner .topRight .login a {background: url('/images/layout/login.png') left no-repeat;}
.mb-btn-wrap {gap: 8px;}
.mb-btn-wrap a.toggle {padding: 0;}
}

@media all and (max-width:480px){
.gnb-box-flex h1.logo a, header.on .gnb-box-flex h1.logo a{background-size: 100px;}
header.on .topHeader .topInner .topRight .login a {background: none; padding: 10px 0;}
.gnb-box-flex.subSite h1.logo a.potalLink{width:80px; background-size: 150px; height:27px;}
.gnb-box-flex.subSite h1.logo a.mainLink{font-size:1.33em; margin-left:0;}
.gnb-box-flex.assemType h1.logo a{height:27px; width:120px;}
.mb-btn-wrap {margin-top: -12px;align-items: center;}
.mb-btn-wrap a.toggle {margin-top: 0; background-size: 80% !important; left: 35px;}
.mb-btn-wrap .search-wrap a {background-size: 80% !important; left: 8px; margin-top: 0;}
}
@media all and (max-width:360px) {
.mb-btn-wrap a.toggle {/* width: 100px; */}
.mb-btn-wrap .search-wrap a{margin-top:0; width: 36px;}
.mb-btn-wrap .search-wrap a, header.active .mb-btn-wrap .search-wrap a {margin-top: 0;}

}
/* 해더 변경 : E*/