@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
@import url(../font/notosans.css);
@import url(../font/gmarketsans.css);

.iskeyboard *:focus {outline:2px dotted #E74C4C;}

/****************************************************************
	Common Style
****************************************************************/

body {font-family:'NotoSans','맑은고딕', Malgun Gothic, 'Noto Sans KR', sans-serif; color:#333;}
body.no-scroll {height:100%; overflow:hidden;}
.inner {max-width:1400px; margin-left:auto; margin-right:auto;}
.inner:after {content:""; display:block; clear:both;}

*:before,
*:after {background-size:contain;}

.responsive {font-size:20px;}
@media all and (max-width:1024px) {.responsive {font-size:19px;}}
@media all and (max-width:780px) {.responsive {font-size:18px;}}
@media all and (max-width:640px) {.responsive {font-size:17px;}}
@media all and (max-width:480px) {.responsive {font-size:16px;}}
@media all and (max-width:380px) {.responsive {font-size:15px;}}

#wrap {min-width:1400px; overflow:hidden;}
@media all and (max-width:1024px) {#wrap {min-width:320px;}}


/****************************************************************
	Masthead
****************************************************************/

#Masthead {position:relative; display:block; z-index:100; padding:.7em 0; background:#f2f6fb;}
#Masthead span.nuri-txt {position:relative; font-size:1.4em; padding-left:2.5em; vertical-align:middle;}
#Masthead span.nuri-txt:before {content:''; position:absolute; display:block; top:0; left:0; width:28px; height:20px; background:url(/portal/img/main/top_ban_ico_flag.svg) no-repeat center; background-size:contain;}


/****************************************************************
	TNB
****************************************************************/

.tnbWrap {display:block; position:relative; border-bottom:1px solid #ddd; z-index:1000; padding:.3em 0;}
.tnbWrap .tnb {display:block; position:relative; float:left;}
.tnbWrap .lang {display:block;position:relative;float:right;font-family:'Roboto', sans-serif;order: 1;}
.tnbWrap .lang button span{font-size:0.7em;}
#google_translate_element {display:block; position:relative; float:right;}


.tnbWrap a span,
.tnbWrap button span {font-size: 0.75em;text-align:center;vertical-align:middle;}
.tnbWrap button span {display:block;}
.tnbWrap a,
.tnbWrap button {height:2.1em;}
.tnbWrap a {line-height:1.8em;}
.tnbWrap .tnb li a.tour {color:#D22259;}

/*
#google_translate_element .goog-te-gadget-simple{display:block;position:relative;border-radius:9em;padding: .19em 1.6em .186em .9em;background:#f4f4f4;font-weight:500;z-index:0;border: 0;font-size: 1.7em;margin-right: .4em;}
#google_translate_element .goog-te-gadget-simple img {display:none;}
#google_translate_element .goog-te-gadget-simple a span:nth-child(3),
#google_translate_element .goog-te-gadget-simple a span:nth-child(5){display:none;}
#google_translate_element .goog-te-gadget-simple a span:nth-child(1):after {content:"";display:block;position:absolute;width: 1.35em;height: .3em;background:url(../img/common/ico_dropdown.svg) no-repeat 50% 50%;right:.75em;top:50%;margin-top: -0.05em;transition:.3s all;-webkit-transition:.3s all;}
*/

.tnbWrap .lang-wrap {display: flex;}
.tnbWrap .lang .ctrl-tnb {display:block;position:relative;border-radius:9em;padding: 0 1.6em 0 2.2em;background:#f4f4f4;font-weight: 400;z-index:0;margin-left: 0.2em;font-family: 'NotoSans','맑은고딕', Malgun Gothic, 'Noto Sans KR', sans-serif;}
.tnbWrap .lang .ctrl-tnb:before {content:"";display:block;position:absolute;width:1.4em;height:1.4em;background:url(../img/common/ico_tnb_lang02.svg) no-repeat 50% 50%;left: .5em;top:50%;margin-top:-.7em;background-size:contain;}
.tnbWrap .lang .ctrl-tnb.infoBox:before {content:"";display:block;position:absolute;width: 1.4em;height: 1.4em;background:url(../img/common/ico_tnb_lang01.svg) no-repeat 50% 50%;left:.35em;top:50%;margin-top: -0.7em;background-size:contain;margin-left: .3em;}
.tnbWrap .lang .ctrl-tnb:after {content:""; display:block; position:absolute; width:.35em; height:.2em; background:url(../img/common/ico_dropdown.svg) no-repeat 50% 50%; right:.75em; top:50%; margin-top:-.1em; transition:.3s all; -webkit-transition:.3s all;}
.tnbWrap .lang .ctrl-tnb.close {position:absolute; top:0; left:0; width:100%; overflow:hidden; opacity:0; z-index:1;}
.tnbWrap .lang ul {position:absolute;top:100%;left:0;right:0;text-align:center;background:#fff;margin-top:.25em;border:1px solid #ddd;border-radius:1em;}
.tnbWrap .lang .ctrl-tnb.close {display:none;}
.tnbWrap .lang ul {visibility:hidden; opacity:0; z-index:-999999; transition:.3s all; -webkit-transition:.3s all; margin-top:-2em;}
.tnbWrap .lang.on .ctrl-tnb.close {display:block; opacity:1; background:transparent; color:transparent;}
.tnbWrap .lang.on .ctrl-tnb.close:after,
.tnbWrap .lang.on .ctrl-tnb.close:before {display:none;}
.tnbWrap .lang.on ul {visibility:visible; opacity:1; z-index:0; margin-top:.25em;}
.tnbWrap .lang.on .ctrl-tnb:after {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}

.tnbWrap .lang.Other_lang {z-index:1;order: 1;}
.tnbWrap .lang.Other_lang ul {left: auto;width: 800px;padding: .5em 0 .5em 1.2em;text-align: left;}
.tnbWrap .lang.Other_lang ul li{width: 16%;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;  /* 2줄 넘어가면 말줄임 */-webkit-box-orient: vertical;}
.tnbWrap .lang.Other_lang ul li:before {content:"";display:block;position:absolute;width:3px;height:3px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);background: rgba(0,0,0,.3);border-radius:100%;margin-top: 20px;}
.tnbWrap .lang.Other_lang ul li a {padding-left: .5em;}	

@media all and (min-width:1025px) {
	.tnbWrap .tnb *[class*="ctrl-"] {display:none;}
	.tnbWrap .tnb ul:after {content:""; display:block; clear:both;}
	.tnbWrap .tnb li {display:block; position:relative; float:left;}
	.tnbWrap .tnb li + li:before {content:""; display:block; position:absolute; width:3px; height:3px; top:50%; left:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); background:rgba(0,0,0,.2); border-radius:100%;}
	.tnbWrap .tnb li a {display:block;position:relative;padding: 0 .47em;}
	.tnbWrap .tnb li:first-child a {color:#04347A; padding-left:1.5em;}
	.tnbWrap .tnb li:first-child a:before {content:""; display:block; position:absolute; width:1.25em; height:1.1em; background:url(../img/common/ico_tnb_home.svg) no-repeat 50% 50%; left:0em; top:50%; margin-top:-.55em; background-size:contain;}
	.tnbWrap .tnb li:nth-child(2) a {color:#c32984;}
}
@media all and (max-width:1024px) {
	.tnbWrap {padding-left:.5em; padding-right:.5em;}
	.tnbWrap .inner {font-size:.9em;}
	.tnbWrap a span,
	.tnbWrap button span {font-size:.95em;}
	.tnbWrap .tnb .ctrl-tnb {display:block; position:relative; border-radius:9em; padding:0 1.6em 0 2.25em; background:#f4f4f4; font-weight:500; z-index:0; color:#04347A; line-height:2em; padding-bottom:.3em;}
	.tnbWrap .tnb .ctrl-tnb:before {content:""; display:block; position:absolute; width:1.75em; height:1.1em; background:url(../img/common/ico_tnb_home.svg) no-repeat 50% 50%; left:.3em; top:50%; margin-top:-.55em;  background-size:contain;}
	.tnbWrap .tnb .ctrl-tnb:after {content:""; display:block; position:absolute; width:.35em; height:.2em; background:url(../img/common/ico_dropdown.svg) no-repeat 50% 50%; right:.75em; top:50%; margin-top:-.1em; transition:.3s all; -webkit-transition:.3s all;}
	.tnbWrap .tnb .ctrl-tnb.close {position:absolute; top:0; left:0; width:100%; overflow:hidden; opacity:0; z-index:1;}
	.tnbWrap .tnb ul {position:absolute; top:100%; left:0; width:13em; text-align:center; background:#fff; margin-top:.25em; border:1px solid #ddd; border-radius:1em;}
	.tnbWrap .tnb .ctrl-tnb.close {display:none;}
	.tnbWrap .tnb ul {visibility:hidden; opacity:0; z-index:-999999; transition:.3s all; -webkit-transition:.3s all; margin-top:-2em;}
	.tnbWrap .tnb.on .ctrl-tnb.close {display:block; opacity:1; background:transparent; color:transparent;}
	.tnbWrap .tnb.on .ctrl-tnb.close:after,
	.tnbWrap .tnb.on .ctrl-tnb.close:before {display:none;}
	.tnbWrap .tnb.on ul {visibility:visible; opacity:1; z-index:0; margin-top:.25em;}
	.tnbWrap .tnb.on .ctrl-tnb:after {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
	.tnbWrap ul li a {display:block; padding:.5em 0; height:auto;}
	.tnbWrap .lang.Other_lang ul li a{padding: .2em .5em;}
}

@media all and (max-width:780px) {
	.tnbWrap .lang.Other_lang ul {width:300px;}
	.tnbWrap .lang.Other_lang ul li{width:50%;}
	.tnbWrap .lang.Other_lang ul li a{padding:.5em;}

}



/****************************************************************
	Header
****************************************************************/

.headerWrap {display:block; position:relative; padding:0 1em; height:4.5em; background:#fff; z-index:999;}
.headerWrap .inner {position:relative;}
.headerWrap:before {content:""; display:block; position:absolute; top:100%; left:0; right:0; height:1px; background:#ddd; z-index:-1;}

.headerWrap .logo a {display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:8em; height:4em; background:url(../img/common/logo2.svg) no-repeat 0 50%; background-size:contain; overflow:hidden; text-indent:-999px; z-index:1;}
.headerWrap .sub-logo {position:absolute; top:50%; left:10em; transform:translateY(-50%); font-size: 1.2em; font-weight:500; color:#666; text-decoration:none; z-index:1;}

.gnb-action {display:block; position:absolute; top:50%; right:0; margin-right:3.5em; width:3em; height:3em; margin-top:-1.5em; background:#5546A8; z-index:1;}
.gnb-action:before,
.gnb-action:after {content:""; display:block; position:absolute; right:.85em; box-sizing:border-box; transition:.3s all; -webkit-transition:.3s all;}
.gnb-action:before {width:.9em; height:1em; border:2px solid #fff; border-left-width:0; border-right-width:0; top:1em;}
.gnb-action:after {height:2px; width:1.3em; top:50%; margin-top:-1px; background:#fff;}
.gnb-action:hover:before,
.gnb-action:focus:before {width:1.3em;}
.gnb-action:hover:after,
.gnb-action:focus:after {width:.9em;}

.gnb-action.search_btn {margin-right:0; background-image:url(../img/common/ico_search.png);}
.gnb-action.search_btn.close {background-image:url(../img/common/ico_close.png);}
.gnb-action.search_btn:before,
.gnb-action.search_btn:after {content:none;}

#open_mn.gnb-action {display:none;}

@media all and (min-width:1025px) {
	.headerWrap > .inner {min-height:90px;}
}
@media all and (max-width:1024px) {
	.headerWrap {height:auto;}
	.headerWrap .logo {display:block; position:relative; height:5em;}
	.btn-sitemap {display:none;}
	.gnb-action.search_btn {display:block;}
	#open_mn.gnb-action {display:block;}
}
@media all and (max-width:640px) {
	.headerWrap .logo {height:4em;}
	.headerWrap .logo a {height:2.5em;}
	.gnb-action {font-size:.9em;}
}
@media all and (max-width:480px) {
	.headerWrap .logo a {width:9em;}
	.headerWrap .sub-logo {left:5em;}
}


/****************************************************************
	Family Site
****************************************************************/

/* 2023.02.23 : 현재 패밀리 사이트 나요는 정보가 없으므로, 임시로 영역만 잡아둠. 차후 수정 작업 필요 */

.familySiteWrap {display:block; position:relative; background:#334154; min-height:3.25em; border-bottom:1px solid rgba(255,255,255,.2); z-index:99;}
.familySiteWrap .linkGroup {display:block; position:relative; float:left; border:1px solid rgba(255,255,255,.2); border-top-width:0; border-bottom-width:0;}
.familySiteWrap .linkGroup + .linkGroup {border-left-width:0;}
.familySiteWrap .crtl-f-link {display:block; position:relative; height:3.25em; padding:1em 3.25em 1em 1em; min-width:13em; box-sizing:border-box; background:url(../img/common/ico_family_link.svg) no-repeat top 50% right 1.25em #334154; background-size:.75em auto; text-align:left; z-index:0;}
.familySiteWrap .crtl-f-link strong {display:block; font-weight:400; color:#fff; font-size:.85em;}
.familySiteWrap .crtl-f-link span {display:block; position:absolute; top:0; left:0; width:0; height:0; opacity:0; overflow:hidden; text-indent:-999px;}
.familySiteWrap .crtl-f-link .close {display:none;}
.familySiteWrap .crtl-f-link.close {display:none; position:absolute; left:0; right:0; bottom:0; width:100%; background-image:url(../img/common/ico_family_link_close.svg); z-index:1;}
.familySiteWrap .detail {display:none; position:absolute; left:0; right:0; bottom:100%; background:#334154; border-radius:.4em .4em 0 0; overflow:hidden; z-index:999;}
.familySiteWrap .detail h3 {display:Block; position:relative; text-align:center; background:rgba(0,0,0,.4); text-align:center; padding:1em .5em; color:#fff; font-size:.8em; font-weight:400;}
.familySiteWrap .detail ul ul {display:block; position:relative; padding:1em;  font-size:.75em; color:#fff; background:rgba(255,255,255,.1); display:block; position:relative; max-height:200px; overflow:auto;}
.familySiteWrap .detail ul ul li + li {margin-top:.9em;}
.familySiteWrap .detail a {display:block; position:relative; color:#fff; padding-left:1em; line-height:1.4em;}
.familySiteWrap .detail a:before {content:""; display:block; position:absolute; left:0; top:.7em; width:.5em; height:1px; background:rgba(255,255,255,.2);}

.familySiteWrap .open .crtl-f-link .close,
.familySiteWrap .open .crtl-f-link.close,
.familySiteWrap .open .detail {display:block;}
.familySiteWrap .open .detail#footLink2 {width:100%;}
.familySiteWrap .open .detail#footLink2 >ul >li {width:100%; float:left;}
.familySiteWrap .open .crtl-f-link .open {display:none;}

@media all and (max-width:1024px) {
	.familySiteWrap .linkGroup {width:33.33%; border-left-width:0; border-right-width:0;}
	.familySiteWrap .linkGroup + .linkGroup {border-left-width:1px; border-right-width:0;}
	.familySiteWrap .crtl-f-link {min-width:0; width:100%;}
	.familySiteWrap .crtl-f-link strong {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media all and (max-width:690px) {
	.familySiteWrap .linkGroup {width:auto; float:none;}
	.familySiteWrap .linkGroup + .linkGroup {border-left-width:0px; border-top-width:1px;}

	.familySiteWrap .detail{font-size:18px;}
	.familySiteWrap .open .detail#footLink2 {width:auto;}
}

/****************************************************************
	Footer
****************************************************************/

.footerWrap {display:block; position:relative; background:#334154; padding:0 1em; color:rgba(255,255,255,.7); z-index:100;}
.footerWrap > .inner {position:relative; padding:1em 0 2em;}
.footerWrap .counter {display:table; table-layout:fixed; position:absolute; padding:0 .75em; right:0; top:-3.25em; height:3.25em; border-right:1px solid rgba(255,255,255,.2);}
.footerWrap .counter > * {display:table-cell; vertical-align:middle; font-size:.85em; color:#fff; padding:0 .88em; font-weight:100;}
.footerWrap .counter em {color:#fff;}

.footerWrap .inner {display:block; position:relative;}
.footerWrap .inner .f-logo {display:block;}
.footerWrap .inner .f-logo em {display:block; position:relative; width:100px; height:56px; background:url(../img/common/f_logo.svg) no-repeat 50% 0; overflow:hidden; text-overflow:ellipsis; text-indent:-999px;}

.footerWrap .inner .f-cont {position:relative; display:block; font-size:.85em; font-weight:100; letter-spacing:-.05em;}
.footerWrap .inner .f-cont address {font-style:normal; margin-bottom:1.3em;}
.footerWrap .inner .f-cont .f-info ul {width:20em; margin-bottom:.5em; }
.footerWrap .inner .f-cont .f-info ul > * {display:table; width:100%; table-layout:fixed; background:rgba(0,0,0,.2); border-radius:1em; color:#fff; letter-spacing:-.02em; padding:.5em 1em; }
.footerWrap .inner .f-cont .f-info ul > li > span {display:table-cell; vertical-align:middle; width:9em; font-size:.95em; font-weight:300; padding-right:.5em;}
.footerWrap .inner .f-cont .f-info ul > li > p {display:table-cell; vertical-align:middle; font-size:1.25em;}
.footerWrap .inner .f-cont .f-info ul strong {font-family:'Roboto', sans-serif; font-weight:700;}
.footerWrap .inner .f-cont .f-info p span {display:block; font-size:.75em; font-weight:400;}

.footerWrap .inner .f-cont .f-link {position:absolute;right:0;bottom:0;display: flex;width:auto;}
.footerWrap .inner .f-cont .f-link .etc {margin-bottom:1.5em;}
.footerWrap .inner .f-cont .f-link .etc li {position:relative; display:block;}
.footerWrap .inner .f-cont .f-link .etc li + li {margin-top:.5em;}
.footerWrap .inner .f-cont .f-link .etc li a {position:relative; display:block; padding:1em 0.5em; border:1px solid rgba(255,255,255,0.3);transition:.3s all; -webkit-transition:.3s all; }
.footerWrap .inner .f-cont .f-link .etc li a:after {content:""; display:block; position:absolute; width:.75em; right:.5em; top:0; bottom:0; background:url(../img/common/ico_f_more.svg) no-repeat 50% 50%; background-size:contain; transition:.3s all; -webkit-transition:.3s all;}
.footerWrap .inner .f-cont .f-link .etc li:hover a {background:#293443;}

.footerWrap .inner .f-cont .f-link .f-sns li {display:inline-block; position:relative; vertical-align:middle;}
.footerWrap .inner .f-cont .f-link .f-sns li + li {margin-left:.2em;}
.footerWrap .inner .f-cont .f-link .f-sns li a {display:block; position:relative; width:2em; height:2em;  background:no-repeat 50% 50%; background-size:contain; border-radius:9em;}
.footerWrap .inner .f-cont .f-link .f-sns li a span {position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden;}
.footerWrap .inner .f-cont .f-link .f-sns li .face {background-image:url(../img/main/ico_sns_facebook.svg);}
.footerWrap .inner .f-cont .f-link .f-sns li .kaka {background-image:url(../img/main/ico_sns_kakaoplus.svg);}
.footerWrap .inner .f-cont .f-link .f-sns li .blog {background-image:url(../img/main/ico_sns_blog.svg);}
.footerWrap .inner .f-cont .f-link .f-sns li .inst {background-image:url(../img/main/ico_sns_insta.svg);}
.footerWrap .inner .f-cont .f-link .f-sns li .yout {background-image:url(../img/main/ico_sns_youtube.svg);}

.footerWrap .inner .f-cont .f-link .web-mark {margin-right:1.5em;}

.footerWrap .inner .f-btm {margin-top:1em;}
.footerWrap .inner .f-btm ul li {display:block; position:relative; float:left; margin-right:.6em; padding-right:.6em; font-weight:500;}
.footerWrap .inner .f-btm > ul li + li:before {content:""; display:block; position:absolute; width:3px; height:3px; top:50%; left:-.6em; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); background:rgba(255,255,255,.2); border-radius:100%;}
.footerWrap .inner .f-btm > ul li a {font-size:.85em; font-weight:200; color:#fff;}
.footerWrap .inner .f-btm > ul li:nth-of-type(2) a {color:#FFC1D8; font-weight:500;}
.footerWrap .inner .f-btm > p {font-weight:300; font-size:.85em;}

.footerWrap .f-Masthead {position:relative; display:block; width:auto; margin-top:1.3em;}
.footerWrap .f-Masthead > .inner {width:100%; margin-left:0; margin-right:0; padding:.3em .6em; margin:.5em 0; background:#293443;}
.footerWrap .f-Masthead .nuri-txt {font-size:.8em;}
.footerWrap .f-Masthead > .inner > * {vertical-align:top;} 


/* .footerWrap .information > ul {overflow:hidden; margin-bottom:1.5em;}
.footerWrap .information > ul li {display:block; position:relative; float:left; margin-right:.6em; padding-right:.6em;}
.footerWrap .information > ul li + li:before {content:""; display:block; position:absolute; width:3px; height:3px; top:50%; left:-.6em; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); background:rgba(255,255,255,.2); border-radius:100%;}
.footerWrap .information > ul li a {font-size:.85em; font-weight:200; color:#fff;}
.footerWrap .information > ul li:first-child a {color:#FFC1D8; font-weight:500;}

.footerWrap .f-notice {display:block; font-size:.85em; font-weigh t:100; letter-spacing:-.05em;}
.footerWrap .f-notice address {font-style:normal;}
.footerWrap .f-notice .copy {margin-top:1em;}

.footerWrap .f-contact {display:block; position:absolute; width:auto; right:0; bottom:0;}
.footerWrap .f-contact ul {width:16em; margin-bottom:.5em; }
.footerWrap .f-contact ul > * {display:table; width:100%; table-layout:fixed; background:rgba(0,0,0,.2); border-radius:1em; color:#fff; letter-spacing:-.02em; padding:.5em 1em; }
.footerWrap .f-contact ul > li > span {display:table-cell; vertical-align:middle; width:9em; font-size:.75em; font-weight:200; padding-right:.5em;}
.footerWrap .f-contact ul > li > p {display:table-cell; vertical-align:middle;}
.footerWrap .f-contact strong {font-family:'Roboto', sans-serif; font-weight:700;}
.footerWrap .f-contact p span {display:block; font-size:.75em;}
.footerWrap .f-mark_wrap {padding-top:1rem;}*/


@media all and (max-width:1024px) {
	.footerWrap > .inner {padding:1em 0 4em;}
	.footerWrap .counter {position:relative; top:auto; width:100%; text-align:center; border:none; height:2em; padding:0 0 1em 0; margin:0;}
	.footerWrap .f-contact {position:relative; width:auto; right:auto; top:auto; margin-top:1em;}
	.footerWrap .inner .f-cont .f-info ul {width:auto;}
	.footerWrap .inner .f-cont .f-info ul strong {display:block; }
	.footerWrap .inner .f-cont .f-info p span {display:inline-block; padding-left:.5em;}
	.footerWrap .inner .f-btm > p {display:inline-block;}
}


@media all and (max-width:1024px) {
	.footerWrap .inner .f-cont .f-link {position:unset;justify-content: space-between;}
	.footerWrap .counter em {display:none;}
	.footerWrap .counter span {display:block; font-weight:600;}
	.footerWrap .f-Masthead > .inner {width:100%;}
}

@media all and (max-width:560px) {
	.footerWrap .inner .f-cont .f-link {display:block;}	
}


/****************************************************************
	LNB
****************************************************************/

#lnb {display:block; position:absolute; left:0; right:0; text-align:center; z-index:0;}
#lnb a:focus,
#lnb a:hover {text-decoration:underline;}

#lnb > .layer {display:block; position:absolute; top:0; left:50%; width:3000px; margin-left:-1500px; overflow:hidden; transition:.3s height; -webkit-transition:.3s height;}
#lnb > .layer > .inner {padding-left:10em; padding-right:4em;}
#lnb > .layer.on {box-shadow:0 1em 1em rgba(0, 0, 0, 0.08);}
#lnb > .layer.on:before,
#lnb > .layer.on:after	{content:""; display:block; position:absolute; top:4.5em; left:50%; bottom:0; border-top:1px solid #D22259;  z-index:-1;}
#lnb > .layer.on:before {width:1920px; margin-left:-960px; background:linear-gradient(90deg, rgba(255, 246, 250, 0.7) 26.04%, rgba(246, 242, 255, 0.7) 100%), #FFFFFF; z-index:-1;}
#lnb > .layer.on:after {width:4000px; margin-left:-2000px; background:#FFF6FA; z-index:-2;}

#lnb > nav {display:block; text-align:center;}
#lnb_wrap {display:inline-block;}
#lnb_wrap a, #lnb_wrap span {transition:.3s background; -webkit-transition: .3s background;}
#lnb_wrap a:hover {text-decoration:none;}
#lnb_wrap > li {display:block; float:left; padding:0 1.8em;}
#lnb_wrap > li > a {display:block; position:relative; padding:1.3em 0;}
#lnb_wrap > li > a span {font-size:1.1em; font-weight:500; color:#222;}
#lnb_wrap > li:hover > a span {color:#D22259;}
#lnb_wrap > li > a.on span {color:#D22259; font-weight:600;}
#lnb_wrap > li.lnbP06 {display:none;}

#lnb_wrap .depth02 {display:none; position:absolute; top:4.5em; left:0; right:0; padding-bottom:2em; z-index:1;}
#lnb_wrap .depth02.on {display:Block !important;}
#lnb_wrap .depth02:before {width:1920px; margin-left:-960px; background:linear-gradient(90deg, rgba(236, 246, 255, 0.7) 26.04%, rgba(246, 242, 255, 0.7) 100%), #FFFFFF; z-index:-1;}
#lnb_wrap .depth02:after {width:4000px; margin-left:-2000px; background:#f1f8ff; z-index:-2;}

#lnb_wrap .lnbDepth02 {display:block; position:relative; padding-left:11.5em; text-align:left;}
#lnb_wrap .lnbDepth02 > .title {display:block; position:absolute; top:0; left:0; width:11.5em; padding:2em 0 0;}
#lnb_wrap .lnbDepth02 > .title > * {display:block; position:relative; font-family:'GmarketSans';}
#lnb_wrap .lnbDepth02 > .title strong {font-weight:700; font-size:1.8em;}
#lnb_wrap .lnbDepth02 > .title span {font-size:1.1em; margin-top:.8em; opacity:.5;}
#lnb_wrap .lnbDepth02 > ul {display:block; position:relative; padding:1.25em 0 1.75em 1.25em; margin-right:-2.5em; border-radius:0 0 0 4em; z-index:0;}
#lnb_wrap .lnbDepth02 > ul:before {content:""; display:block; position:absolute; top:1px; left:0; bottom:0; background:#fff; width:3000px; border-radius:0 0 0 4em; z-index:-1;}
#lnb_wrap .lnbDepth02 > ul:after {content:""; display:block; clear:both;}
#lnb_wrap .lnbDepth02 > ul > li {display:inline-block; vertical-align:top; width:24%; padding:.75em;}
#lnb_wrap .lnbDepth02 > ul > li > a {display:block; position:relative; padding:.75em 1em; border:1px solid #ddd; border-radius:.25em;}
#lnb_wrap .lnbDepth02 > ul > li:hover > a,
#lnb_wrap .lnbDepth02 > ul > li > a.on {color:#fff; border-color:#D22259; background:#D22259 url(../img/common/bak_gnb_depth1_on_w.png) no-repeat 100% 50%; background-size:auto 100%;}
#lnb_wrap #lnb_07_sub .lnbDepth02 > ul > li:hover > a {color:#D22259;}
#lnb_wrap .lnbDepth02 > ul > li > a >span {font-size:.9em;}

#lnb_wrap .depth03 {display:block !important; margin-top:1em; padding:0 1em;}
#lnb_wrap .depth03 li {display:block; position:relative; font-size:.8em;}
#lnb_wrap .depth03 li + li {margin-top:.59em;}
#lnb_wrap .depth03 a {display:block; position:relative; padding-left:1em; line-height:1.4em; color:#555;}
#lnb_wrap .depth03 a:before {content:""; display:block; position:absolute; left:0; height:1px; top:.7em; width:.41em; background:#ccc;}
#lnb_wrap .depth03 a.on, #lnb_wrap .depth03 a:hover {color:#D22259;}
#lnb_wrap .depth03 a.on:before {background:#D22259;}

#lnb_wrap .depth04 {display:njone !important;}


/** 분야별  **/
#lnb_wrap .lnbP07 .lnbDepth02 > ul {margin-right:0;}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li {display:block; position:relative; float:left; width:16.66%;}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li > a {padding:0; border:none; text-align:center; background:none;}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li > a:hover {background:none;}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li > a span {display:block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#lnb_wrap .lnbP07 .lnbDepth02 > ul > li > a:before {content:""; display:block; position:relative; width:4.3em; height:4em; margin:0 auto 1em; background-size:contain;}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0701 > a:before {background-image:url(../img/common/ico_depart_01.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0702 > a:before {background-image:url(../img/common/ico_depart_02.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0703 > a:before {background-image:url(../img/common/ico_depart_03.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0704 > a:before {background-image:url(../img/common/ico_depart_04.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0705 > a:before {background-image:url(../img/common/ico_depart_05.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0706 > a:before {background-image:url(../img/common/ico_depart_06.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0707 > a:before {background-image:url(../img/common/ico_depart_07.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0708 > a:before {background-image:url(../img/common/ico_depart_08.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0709 > a:before {background-image:url(../img/common/ico_depart_09.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0710 > a:before {background-image:url(../img/common/ico_depart_10.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0711 > a:before {background-image:url(../img/common/ico_depart_11.svg);}
#lnb_wrap .lnbP07 .lnbDepth02 > ul > li.lnbP0712 > a:before {background-image:url(../img/common/ico_depart_12.svg);}


/****************************************************************
	Mobile LNB
****************************************************************/

.gnb-action.mob-control {display:none;}

#mobileNavi {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:rgba(0,0,0,.6); transition:.3s all; -webkit-transition:.3s all;}
#mobileNavi .side_menu {display:block; position:absolute; top:0; bottom:0; right:0; width:460px; max-width:100%; background:#5546A9; transition:.3s all; -webkit-transition:.3s all;}
#mobileNavi .header-wrap {display:block; position:relative; height:4em; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.5); padding-right:4em;}
#mobileNavi .mob-control {display:block; position:absolute; top:0; right:0; height:4em; width:4em; background:url(../img/common/ico_close_mob.svg) no-repeat 50% 50%; background-size:1.5em auto;}
#mobileNavi .logo {display:block; position:relative; padding:.75em 0 .75em 1.5em;}
#mobileNavi .logo a {display:block; position:relative; width:9em; height:2.5em; background:url(../img/common/logo_slogon_W.svg) no-repeat 0 50%; background-size:contain; text-indent:-999px; overflow:hidden;}

#mobileNavi .mob-lnb {position:absolute; top:4em; left:0; right:0; bottom:1.76em; padding:1em 0; overflow:auto;}
#mobileNavi .mob-lnb button {display:block; position:relative; background:transparent; border:none;}
#mobileNavi .mob-lnb button,
#mobileNavi .mob-lnb a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#mobileNavi .mob-lnb:before,
#mobileNavi .mob-lnb .depth2 {content:""; display:block; position:absolute; top:0; right:0; left:7.5em; bottom:0; background:#fff; border-radius:0 0 0 4em;}
#mobileNavi .mob-lnb:before {z-index:-2;}

#mobileNavi .mob-lnb .mnbDepth1 {display:block; position:relative; width:7.5em; height:2.5em; margin-bottom:.25em; background:transparent; text-align:left; color:#fff; box-sizing:border-box; background-position:right 1.3em top 50%; padding:0 1em .2em; transition:.3s all; -webkit-transition:.3s all; z-index:2;}
#mobileNavi .mob-lnb .mnbDepth1 span {font-size:.85em; color:#fff; line-height:1.2;}
#mobileNavi .mob-lnb .mnbDepth1.on,
#mobileNavi .mob-lnb .mnbDepth1:focus,
#mobileNavi .mob-lnb .mnbDepth1:hover,
#mobileNavi .mob-lnb li.on > .mnbDepth1 {margin-left:.5em; background:url(../img/common/ico_mob_depth1.svg) no-repeat right .3em top 50% #D22259; background-size:1em auto; box-shadow:0px .25em .6em rgba(0,0,0,.14); border-radius:9em 9em 9em 0;}

#mobileNavi .mob-lnb .depth2 {display:none; overflow:auto; border-radius:0 0 0 4em; padding:.75em 1em 1em 1.25em; z-index:1;}
#mobileNavi .mob-lnb li.on > .depth2 {display:block;}
#mobileNavi .mob-lnb .mnbDepth2 {display:block; position:relative; height:3em; line-height:3em; line-height:3em; width:100%; box-sizing:border-box; padding:0 1.85em 0 .75em; text-align:left; border-bottom:1px solid #ddd; background:url(../img/common/ico_mob_depth2.svg) no-repeat right .5em top 50%; background-size:1em auto;}
#mobileNavi .mob-lnb .mnbDepth2 span {font-size:.85em;}
#mobileNavi .mob-lnb .mnbDepth2.on,
#mobileNavi .mob-lnb .mnbDepth2:focus,
#mobileNavi .mob-lnb .mnbDepth2:hover,
#mobileNavi .mob-lnb li.on > .mnbDepth2 {color:#D22259; border-color:#D22259; background-image:url(../img/common/ico_mob_depth2_on.svg);}

#mobileNavi .mob-lnb .depth3 {display:none; border-bottom:1px solid #ddd; padding:.75em; background:#F8F8F8;}
#mobileNavi .mob-lnb li.on > .depth3 {display:block;}
#mobileNavi .mob-lnb .depth3 li + li {margin-top:.5em;}
#mobileNavi .mob-lnb .mnbDepth3 {padding-left:.55em; background:url(../img/common/ico_mob_depth3.svg) no-repeat 0 50%;}
#mobileNavi .mob-lnb .mnbDepth3 span {font-size:.75em; color:#555;}
#mobileNavi .mob-lnb .mnbDepth3[target="_blank"]:after {content:""; display:inline-block; vertical-align:middle; width:1em; height:1em; background:url(../img/common/ico_mob_blank.svg) no-repeat 50% 50%; background-size:contain; margin-left:.35em;}


@media all and (max-width:1024px) {
	.gnb-action.mob-control {display:block; margin-right:3.5em;}
	.gnb-action.search_btn {background-size:contain;}
	body.stop_scrolling {height:100%; overflow:hidden;}
	#mobileNavi {display:block; visibility:hidden; opacity:0;}
	#mobileNavi .side_menu {transform:translateX(100%); -webkit-transform:translateX(100%);}
	.stop_scrolling #mobileNavi {visibility:visible; opacity:1;}
	.stop_scrolling #mobileNavi .side_menu {transform:translateX(0); -webkit-transform:translateX(0);}
}

/************************************
	Search Box
************************************/

#search_wrap {display:none; position:absolute; padding:70px 20px 80px; top:100%; left:0; right:0; background:url(../img/common/searchWrap_bg.png) #fef9f8 no-repeat 50% 50%; border-top:1px solid #ddd; border-bottom:2px solid #fdeded; z-index:999; box-shadow:0px 14px 1em 0px rgb(227, 39, 107, 0.05);}
#search_wrap .inner {padding:0;}
#search_wrap .close-search {display:block;position:absolute; top:0; right:0; width:0; height:0; overflow:hidden; text-indent:-999px; background:url(../img/common/ico_close.png) no-repeat 50% 50% #5546A8;; width:75px; height:85px; opacity:1;}

.searchBox {display:block; position:relative;}
.searchBox .searchInput {display:block; position:relative; max-width:490px; box-sizing:border-box; margin:0 auto; padding-left:150px; padding-right:68px; border:3px solid #c32984; background:#fff; border-radius:9em;}
.searchBox .searchInput input[type="text"] {height:64px; border:none; font-size:17px; background:transparent !important;}
.searchBox .searchInput select {display:block; position:absolute; top:0; left:30px; width:120px; height:64px; border:none; font-size:17px; color: #757575;}
.searchBox .searchInput input[type="text"] {display:block; position:relative; margin:0; padding-left:15px; width:100%; box-sizing:border-box;}
.searchBox .searchInput input[type="submit"] {display:block; position:absolute; top:-1px; right:-1px; width:66px; height:66px; overflow:hidden; text-indent:-999px; background:url(../img/common/ico_search.png) no-repeat 50% 50% #c32984; border-radius:100%;}
.searchBox .keyword {display:block; text-align:center; position:relative; padding:15px 0 0; color:#fff;}
.searchBox .keyword a {display:inline-block; color:#fff; font-size:16px;}
.searchBox .keyword a + a {margin-left:15px;}
.searchBox .keyword a:before {content:"#";}

.searchBox .searchInput select {background:url(../img/common/ico_selectbox.png) no-repeat 90% 50% #fff; margin:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
}
.searchBox .searchInput select::-ms-expand {display: none;}

@media all and (max-width:640px) {
	#search_wrap {padding:20px 10px;}
	.searchBox .searchInput {padding-left:120px; padding-right:55px;}
	.searchBox .searchInput select,
	.searchBox .searchInput input[type="text"] {height:54px; font-size:14px;}
	.searchBox .searchInput input[type="submit"] {width:56px; height:56px; background-size:80% auto;}
	.searchBox .searchInput select {width:100px; left:20px;}
	.searchBox .keyword a {font-size:14px; padding:5px 0;}
}
@media all and (max-width:370px) {
	.searchBox .searchInput {padding-left:0px;}
	.searchBox .searchInput select {display:none;}

	.searchBox .searchInput select,
	.searchBox .searchInput input[type="text"] {height:45px;}
	.searchBox .searchInput input[type="submit"] {width:47px; height:47px;}

}

/****************************************************************
	Sub Layout : Common
****************************************************************/

#container {padding-bottom:3.2em; z-index:0;}
.snbWrap {display:block; position:relative; width:18.57%; float:left; /*z-index:1;*/}
#content {display:block; position:relative; width:77.86%; max-width:1090px; float:right; /*z-index:0;*/}

#conts img {max-width:100%;}
#conts img.no-responsive {max-width:100000000000%;}

@media all and  (max-width:1024px) {
	#container {padding-left:1em; padding-right:1em;}
	.snbWrap {display:none !important;}
	#content {width:auto; float:none;}
}


/****************************************************************
	- SNB : Only PC
****************************************************************/

.snbWrap {padding-top:2em;}
.snbWrap .snb_tit {display:block; position:relative; z-index:0;}
.snbWrap .snb_tit:before,
.snbWrap .snb_tit:after {content:""; display:block; position:absolute; top:0; bottom:0; right:0; width:520px; border-radius:0 4em 0 0;}
.snbWrap .snb_tit:before {z-index:-1; background:url(../img/common/bak_snb_title.svg) no-repeat 100% 100%; background-size:auto 100%;}
.snbWrap .snb_tit:after {z-index:-2; background:linear-gradient(90deg, rgba(194, 51, 96, 0.7) 0%, rgba(194, 51, 96, 0.7) 0.01%, #9F1D5C 100%);}

.snbWrap .snb_tit h2 {display:table; width:100%; table-layout:fixed; height:6em;}
.snbWrap .snb_tit h2 > * {display:table-cell; text-align:left; padding:1em 1em 1em 0; vertical-align:middle; color:#fff; font-size:1.4em; font-weight:500;}
.snbWrap .snb {display:block; position:relative; background:#fff;}
.snbWrap .snb a {display:block; position:relative; transition:.2s;}
.snbWrap .snb > li {border-bottom:1px solid #ddd;}
.snbWrap .snb > li > a {padding:1em 2.5em 1em 1em;}
.snbWrap .snb > li > a:hover {color:#D22259;}
.snbWrap .snb > li > a.arrow:before {content:""; display:block; position:absolute; top:50%; right:1em; width:.8em; height:.8em; margin-top:-.4em; background:url(../img/common/ico_snb_open.svg) no-repeat 50% 50%; background-size:contain;}
.snbWrap .snb > li > a span  {font-size:1em; font-weight:500;}
.snbWrap .snb > li > a.on {background:#37375B; color:#fff;}
.snbWrap .snb > li > a.on.arrow:before {background-image:url(../img/common/ico_snb_close.svg);}
.snbWrap .snb > li > ul {display:block; position:relative; padding:1em; padding-right:0; background:#F8F8F8;}
.snbWrap .snb > li > ul > li {display:block; position:relative;}
.snbWrap .snb > li > ul > li:before {content:""; display:block; position:absolute; width:.2em; height:.2em; left:0; top:50%; margin-top:-.1em; border-radius:100%; background:#ccc; transition:.2s;}
.snbWrap .snb > li > ul > li.on:before {background:#4F4F96;}
.snbWrap .snb > li > ul > li + li {margin-top:.35em;}
.snbWrap .snb > li > ul > li > a {display:block; position:relative; padding:.3em .3em .3em .7em;}
.snbWrap .snb > li > ul > li > a:before {content:""; display:block; position:absolute; width:.2em; height:.2em; left:0; top:50%; margin-top:-.1em; border-radius:100%; background:#ccc; transition:.2s;}
.snbWrap .snb > li > ul > li > a:hover:before {background:#4F4F96;}
.snbWrap .snb > li > ul > li > a span {font-size:.85em;}
.snbWrap .snb > li > ul > li > a.on {border-bottom:1px solid #4F4F96; color:#4F4F96;}
.snbWrap .snb > li > ul > li > a.on:before {background:#4F4F96;}
.snbWrap .snb > li > ul > li >ul {padding:1em 1em 1em .7em; background:#fff; position:relative;}
.snbWrap .snb > li > ul > li >ul >li + li {margin-top:.7em;}
.snbWrap .snb > li > ul > li >ul >li >a {display:block; font-size:.7em; color:#666;}
.snbWrap .snb > li > ul > li >ul >li >a:hover {color:#D22259;}
.snbWrap .snb > li > ul > li >ul >li >a.on {color:#333; background:url(../img/common/ico_snb_dep4.png) no-repeat 100% 50%;}


/****************************************************************
	- Spot Layout (Title & history & Share)
****************************************************************/

.pageTitle {display:block; position:relative; padding:3.2em 0 1.5em; margin-bottom:2em; /*z-index:0;*/}
.pageTitle:before {content:""; display:block; position:absolute; top:0; bottom:0; width:5000px; left:50%; margin-left:-2500px; background:#FFF4F4; z-index:-1;}
.pageTitle h3 {font-size:1.5em; font-weight:600; letter-spacing:-.03em;}
.pageTitle .sub_acc {position:position;/*  right:0; bottom:1.4em; */}
/* .pageTitle .sub_acc:after {content:''; clear:both; display:block;} */
.pageTitle .sub_acc > * {display:inline-block; position:relative; vertical-align:middle;}
.pageTitle .sub_acc .sideLink {float:right; margin-top:-.4em;}

.pageTitle .location > li {display:block; position:relative; float:left; padding:0 .8em;}
.pageTitle .location > li span,
.pageTitle .location > li a {display:block; font-size:.87em; color:#555; letter-spacing:-.02em; text-decoration:underline;}
.pageTitle .location > li:hover span,
.pageTitle .location > li:hover a {color:#4F4F96;}
.pageTitle .location > li:before {content:""; display:block; position:absolute; top:50%; margin-top:-.425em; left:0; margin-left:-.425em; width:.87em; height:.85em; background:url(../img/common/ico_location_arrow.svg) no-repeat 50% 50%; background-size:contain;}
.pageTitle .location > li.home:before {display:none;}
.pageTitle .location > li.home > span {width:1em; height:1.3em; overflow:hidden; text-indent:-999px; background:url(../img/common/ico_home.svg) no-repeat 50% 50%; background-size:contain;}

.pageTitle .sideLink > * {display:inline-block; vertical-align:middle; margin-left:.5em;}
.pageTitle .sideLink > * > a  {display:block; position:relative; width:2.3em; height:2.3em; border-radius:.85em; background:#fff; box-shadow:0px 0px .65em rgba(210, 34, 89, 0.12); overflow:hidden; text-indent:-999px;}
.pageTitle .sideLink > * > a:before {content:""; display:block; position:absolute; width:1.2em; height:1.2em; top:50%; left:50%; margin:-.6em 0 0 -.6em; background:no-repeat 50% 50%; background-size:contain;}
.pageTitle .sideLink .print > a:before {background-image:url(../img/common/ico_print.svg);}
.pageTitle .sideLink .sns {position:relative;}
.pageTitle .sideLink .sns > a:before {background-image:url(../img/common/ico_share.svg);}

.pageTitle .sideLink .sns > div {width:9em; padding:.5em .75em .5em 2.25em; margin-top:.25em; background:#fff; border:1px solid #ddd; border-radius:1em; position:absolute; top:100%; right:0;}
.pageTitle .sideLink .sns > div {visibility:hidden; opacity:0; z-index:-1; transition:.3s all; -webkit-transition:.3s all; margin-right:-2em;}
.pageTitle .sideLink .sns.on > div {visibility:visible; opacity:1; z-index:0; margin-right:0;}
.pageTitle .sideLink .sns > div >a {display:block; width:1em; height:1em; text-indent:-9999px; background:url(../img/common/ico_share_close.svg) no-repeat 50% 50%; overflow:hidden; position:absolute; top:50%; margin-top:-.5em; left:.75em;}
.pageTitle .sideLink .sns > div li {display:inline-block; float:left;}
.pageTitle .sideLink .sns > div li + li {margin-left:.25em;}
.pageTitle .sideLink .sns > div li a {display:block; width:1.8em; height:1.8em; text-indent:-9999px; background-size:100% auto; overflow:hidden;}
.pageTitle .sideLink .sns > div .fb a {background-image:url(../img/common/ico_share01.png);}
.pageTitle .sideLink .sns > div .tw a {background-image:url(../img/common/ico_share02.png);}
.pageTitle .sideLink .sns > div .bl a {background-image:url(../img/common/ico_share03.png);}

@media all and (min-width:1025px) {
	.pageTitle h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 18em;}
	.pageTitle .location > li.home {padding-left:0;}
    
}
@media all and (max-width:1024px) {
	.pageTitle {padding:0; margin:0 -1em 2em;}
	.pageTitle:before {display:none;}
	.pageTitle h3 {background:#FFF4F4; text-align:center; padding:1em 0em;}

	.pageTitle .sub_acc {position:relative; bottom:auto; border:1px solid #ddd; border-left-width:0; border-right-width:0;}
	.pageTitle .location {display:block; padding:.5em 0;}
	.pageTitle .location:after {content:""; display:block; clear:both;}
	.pageTitle .sideLink {display:none;}
}


/****************************************************************
	- Tabs (Depth4) Style
****************************************************************/

.tabDepth04 {display:block; position:relative; margin-bottom:2em;}
.tabDepth04:after {content:""; display:block; clear:both;}
.tabDepth04 > ul {margin:0 -.25em;}
.tabDepth04 > ul > li {display:table; height:3.7em; float:left; padding:.25em; box-sizing:border-box;}
.tabDepth04 a {display:table-cell; position:relative; padding:0 .3em; text-align:center; font-size:.85em; color:#000; line-height:1.25; text-decoration:none !important; z-index:0; vertical-align:middle; word-break:keep-all; border:1px solid #ddd; border-radius:.25em;}
.tabDepth04 a:hover {border-color:#D22259;}
.tabDepth04 a.on {color:#fff; border-color:#D22259; background:#D22259; box-shadow:0px .2em .8em rgba(210, 34, 89, 0.3);}
.tabDepth04 a[target="_blank"]:after {content:""; display:inline-block; vertical-align:middle; width:1em; height:1em; background:url(../img/common/ico_mob_blank.svg) no-repeat 50% 50%; background-size:contain; margin-left:.35em;}

.tabDepth04 .list01 > li {width:33.33%;}
.tabDepth04 .list02 > li {width:50%;}
.tabDepth04 .list03 > li {width:33.33%;}
.tabDepth04 .list04 > li {width:25%;}
.tabDepth04 .list05 > li {width:20%;}

@media all and (max-width:640px) {
	.tabDepth04 > ul > li {width:50% !important; height:3.5em;}
}

/****************************************************************
	Depth 05 (Multi Link Box)
****************************************************************/

.tabDepth05 {display:block; position:relative; background:#F8F8F8; padding:.87em; margin-bottom:2.94em;}
.tabDepth05:after {content:""; display:block; clear:both;}
.tabDepth05 li {display:block; position:relative; padding:.3em; width:33.3333%; float:left;}
.tabDepth05 a {display:block; position:relative; white-space:nowrap; overflow:hidden; height:2.5em; line-height:2.5em; padding:0 1em 0 2.7em; border-radius:9em; color:#666; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.tabDepth05 a:before {content:""; display:block; position:absolute; width:.47em; height:.47em; border-radius:100%; top:50%; margin-top:-.235em; left:1.17em; background:#D9D9D9;}
.tabDepth05 a.on,
.tabDepth05 a:hover,
.tabDepth05 a:focus {color:#333; background:#fff;}
.tabDepth05 a.on:before,
.tabDepth05 a:hover:before,
.tabDepth05 a:focus:before {background:#5546A9;}

.tabDepth05 a .hidden{display:none;}
.tabDepth05 a.on .hidden{display:block;}

@media all and (max-width:780px) {
	.tabDepth05 li {width:50%;}
}
@media all and (max-width:580px) {
	.tabDepth05 li {width:auto; float:none;}
}




/****************************************************************
	Slide Total Popup Style
****************************************************************/

.popup-slide-view {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; background:rgba(0,0,0,.8);}
.popup-slide-view .popup {position:absolute; height:630px; top:50%; margin-top:-315px; width:1300px; left:50%; margin-left:-650px; max-width:100%;}
.popup-slide-view .popup .pop-title {display:block; position:relative; padding:0 1em 2.5em; color:#fff;}
.popup-slide-view .popup .pop-title p > * {display:inline-block; position:relative; vertical-align:bottom; font-size:1em; line-height:1; font-family:'GmarketSans', sans-serif;}
.popup-slide-view .popup .pop-title strong {font-size:2.5em; font-weight:800; color:#fffb87;}
.popup-slide-view .popup .pop-title span {margin-left:1em; padding-left:1em; position:relative;}
.popup-slide-view .popup .pop-title span:before {content:""; display:block; position:absolute; width:2px; height:1em; left:-1px; top:50%; margin-top:-.5em; background:#d6d8da;}
.popup-slide-view .popup .pop-title span em {color:#ff8a35; font-size:1.3em;}
.popup-slide-view .popup .list {height:545px; overflow:auto;}
.popup-slide-view .popup .list li {display:inline-block; position:relative; vertical-align:top; width:31em; height:14.75em; margin:.5em; border-radius:.5em; background:#fff; overflow:hidden;}
.popup-slide-view .popup .list li a {display:block; position:relative; width:100%; height:100%;}
.popup-slide-view .popup .list li img {display:block; position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.popup-slide-view .visual-goto {display:block; position:absolute; top:0; right:1em; width:3em; height:3em; text-indent:-9999px; background:transparent; overflow:hidden;}
.popup-slide-view .visual-goto:before,
.popup-slide-view .visual-goto:after {content:""; display:block; position:absolute; background:#fff; width:2em; height:.15em; top:50%; left:50%; margin-left:-1em; margin-top:-.075em;}
.popup-slide-view .visual-goto:before {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.popup-slide-view .visual-goto:after {transform:rotate(45deg); -webkit-transform:rotate(45deg);}

@media all and (max-width:1340px) {
	.popup-slide-view .popup {margin-left:0; width:auto; left:1em; right:1em;}
	.popup-slide-view .popup .list li {width:48%; margin:1%; }
	.popup-slide-view .popup .list:after {content:""; display:block; clear:both;}
}
@media all and (max-width:1024px) {
	.popup-slide-view .popup {top:0; left:1em; right:1em; bottom:0; height:auto; margin-top:0;}
	.popup-slide-view .visual-goto {top:2em;}
	.popup-slide-view .popup .pop-title {padding:2em 1em;}
	.popup-slide-view .popup .list {position:absolute; left:0; right:0; bottom:0; top:6em; height:auto; padding-bottom:2em;}
	.popup-slide-view .popup .list li {display:block; height:13em; float:left;}
}

@media all and (max-width:768px) {
	.popup-slide-view .popup .list li {display:block; width:auto; margin:1% 0; height:14.75em; float:none;}
}
@media all and (max-width:640px) {
	.popup-slide-view .popup .pop-title {padding:2em 0;}
	.popup-slide-view .popup .pop-title strong {display:block; font-size:2em;}
	.popup-slide-view .popup .pop-title span {padding-left:0; margin-left:0;}
	.popup-slide-view .popup .pop-title span:before {display:none;}
	.popup-slide-view .popup .pop-title span em {font-size:1em;}
	
	.popup-slide-view .visual-goto {right:0;}
}

@media all and (max-width:650px) {
	.popup-slide-view .popup .list li {height:12em;}
}

/* 멀티서치 */
.multSearch{ background:#fff; padding:30px 30px 20px; border:1px solid #ddd; border-radius:1em;  }
.multSearch li{ padding:5px 0; }
.multSearch li:first-child{padding-top: 0;}
.multSearch li .btn{margin-bottom: 0;}
.multSearch li .btn.search{margin: 0px 5px;}
.multSearch .list-ul > li:before {top:1em;}
.multSearch li input#searchTxt{height: 26px;}
.multSearch .tit{ padding:0.55em 0.5em;min-width: 5em; display:block; float:left; /* border-right:1px solid #ddd; */ font-weight:600;  }
.multSearch .tit:before{content: ''; position: absolute; width: 8px; height: 8px; left: 0; top: 6px; background:url('../img/common/spr_bu.png') no-repeat 0 -92px; }
.multSearch .tit ~ *{float: left;}
.multSearch .bbn{border-bottom: none !important; padding-bottom: 0 !important;}
.multSearch + .bod_head {margin: 15px 0 10px !important; padding: 0;}
.multSearch .con{ display:block; float:left; margin-left: 2em;}
.multSearch li:after{content: ''; display: block; clear: both;}
.multSearch .con span{padding: 0 5px;}
.multSearch input[type^="submit"], .multSearch input[type^="button"], .multSearch input[type^="text"] {height:2.8em !important; margin-top:0.3em; }
.multSearch input[type^="text"] { vertical-align:middle; height:2.5em!important; letter-spacing:-1px; width:26%; border:1px solid #DEE4EB; border-radius:5px; }
.multSearch select { vertical-align:middle; height:2.5em; letter-spacing:-1px;  border:1px solid #DEE4EB; border-radius:5px; }
.multSearch div[class^="day_"]{display: inline-block; vertical-align: top;}
.multSearch input[type^="text"].hasDatepicker {width:10em; padding-right:3em; background:url(../img/common/cal-ico.png) no-repeat 100% 0% !important; }
.multSearch input[type^="text"].hasDatepicker:focus {background:url(../img/common/cal-ico.png) no-repeat 100% 100% !important; }


@media all and (min-width:981px) {
	.multSearch li.half {width:50%; float:left; clear:none;}

}


@media all and (max-width:1024px) {
	.multSearch .tit  {width:15%;}
	.multSearch .con {width:80%;}

}

@media all and (max-width:640px) {
 	.multSearch {padding:1em;}
 	.multSearch .tit, .multSearch .con {width:100%;}
 	.multSearch .con {margin-left:0;}
 	.multSearch select,
	.multSearch input[type="text"],
	.multSearch input[type="number"],
	.multSearch input[type="password"],
	.multSearch input[type="file"],
	.multSearch input[type="search"],
	.multSearch input[type="submit"],
	.multSearch input[type="button"],
	.multSearch input[value="검색"] {display:block; max-width:100%; width:100% !important; margin:.1em 0!important;}

}

/* 사이트맵 */
.sitemap_wrap {padding:1.76em; margin-bottom:1.17em; border:1px solid #ddd; border-radius:20px;}
.sitemap_wrap:first-child {margin-top:30px;}
.conts .sitemap_wrap h4 span {margin:0; font-size:1em; font-weight:600; opacity:1;}
.sitemap_wrap .submenu >ul >li {padding-bottom:1.76em;}
.sitemap_wrap .submenu >ul >li:last-child {padding-bottom:0;}
.sitemap_wrap .submenu >ul >li:before {content:''; width:10px; height:2px; background:#5546A9;}
.sitemap_wrap .submenu >ul >li >a {font-weight:600; color:#5546A9;}
.sitemap_wrap .submenu >ul >li >div {padding:1.17em 1.17em .29em; margin-top:.58em; background:#f8f8f8; border-top:1px solid #5546A9; border-bottom:1px solid #ddd;}
.sitemap_wrap .submenu >ul >li >div li {width:25%; float:left; padding-left:.55em; margin-bottom:.88em; background:url(../img/common/ico_mob_depth3.svg) no-repeat 0 50%;}
.sitemap_wrap .submenu >ul >li >div a {color:#555;}

@media all and (max-width:1024px) {
	.sitemap_wrap .submenu >ul >li >div li {width:33.33%;}
}
@media all and (max-width:768px) {
	.sitemap_wrap .submenu >ul >li >div li {width:50%;}
}
@media all and (max-width:460px) {
	.sitemap_wrap .submenu >ul >li >div li {width:auto; float:none;}
}

/* 링크사이트 */
.site_link {padding:1.17em 1.17em .29em; margin-top:.58em; background:#f8f8f8; border:1px solid #ddd; border-left-width:0; border-right-width:0; overflow:hidden;}
.site_link li {width:33.3333%; float:left; padding-left:.55em; margin-bottom:.88em; background:url(../img/common/ico_mob_depth3.svg) no-repeat 0 50%;}
.conts .site_link a {color:#555;}
.conts .site_link a:hover {color:#D22259;}

@media all and (max-width:768px) {
	.site_link li {width:50%;}
}
@media all and (max-width:640px) {
	.site_link li {width:auto; float:none;}
}
@media all and (min-width:641px) {
	h5 + .site_link {margin-left:2.05em;}
	h6 + .agree_wrap {margin-left:4.11em;}
}

#pageCon {position:fixed; right:2em; bottom:3em;}
#pageCon >a {display:block; width:3.2em; height:3.2em; margin-top:.5em; text-indent:-9999px; background:rgba(113,130,152,.6) url(../img/common/f_top.svg) no-repeat 50% 50%; border-radius:1.4em; transition:.3s;}
#pageCon >a:hover {background-color:rgba(113,130,152,.8);}
#pageCon .btnDown {transform:rotate(180deg);}

@media all and (max-width:1024px) {
	#pageCon {right:1em; bottom:.5em;}
	#pageCon.on {bottom:1em;}
}
@media all and (max-width:640px) {
	#pageCon >a {width:3em; height:3em; background-size:30% auto; border-radius:1.2em;}
}