@charset "utf-8"; 
@import url(../font/SCoreDream/SCoreDream.css); /*'SCoreDream',Helvetica,Arial,sans-serif;*/
@import url(../font/Wanjudaedunsan/Wanjudaedunsan.css); /*'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700&display=swap'); /*font-family: 'Montserrat', sans-serif;*/
@import url(./gnb_navigation.css); 
@import url(../yhdcalendar-1.2/yhdcalendar.css); 

/*
	-----------------------------------------------
	* 대표포털 임시 레이아웃
	-----------------------------------------------
*/

#fullpage {position: relative;}
#fullpage .section1 {padding: 0;width: 100%;height: 938px;overflow: hidden; position:relative;}
#fullpage .section1:after{content:''; position:absolute; bottom:0; left:50%; transform: translateX(-50%); width:77px; height:159px; display:block; background-image:url(img/scroll.png)}
#fullpage .section1 video{ width: 100%;}
#fullpage .section1 a{position:absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}

/*
	-----------------------------------------------
	* all_layout.css (사용자 공용 레이아웃)
	-----------------------------------------------
*/

body {min-width:1400px; font-family:'SCoreDream',Helvetica,Arial,sans-serif;}
body.stop_scrolling {overflow:hidden;}
@media all and (max-width:1024px) {body {min-width:320px !important;}}

#wrap,
#m_menu {font-size:20px;}
@media all and (max-width:1024px) {#wrap,#m_menu {font-size:19px;}}
@media all and (max-width:540px) {#wrap,#m_menu {font-size:18px;}}


#wrap {overflow:hidden;}

.inner {position:relative;max-width: 1560px;margin-left:auto;margin-right:auto;}
.inner:after {content:""; display:block; clear:both;}

#m_conts,
#conts {min-height: 600px;}

@media all and (max-width:1024px) {#m_conts,#conts {min-height: auto;}}

.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}

/* Weather Icon */
*[data-weather-icon] {display:block; position:relative; overflow:hidden; text-indent:-999px; width:1.4em; height:1.4em; background:url(../img/weather/img_weather_01.svg) no-repeat 50% 50%; background-size:contain;}



/* 페이지 상단 슬라이딩 팝업 */
.sliding_popup {background:#efefef; position:relative; border-bottom:1px solid #bbb;}
.sliding_popup .inner {position:relative; max-width:1400px; margin:0 auto; text-align:center;}
.sliding_popup .inner img {display:block; margin:0 auto; max-height:100%;}
.sliding_popup .swiper-wrapper {height:150px;}
.sliding_popup .swiper-pagination {width:94px; left:auto; right:25.5rem; bottom:0.7rem; font-size:1.3rem; background:rgba(255,255,255,0.7); padding:0.75rem 0; border-radius:20px; color:#333;}
.sliding_popup .swiper-pagination .swiper-pagination-current {color:#ff5722; }
.sliding_popup .control {position:absolute; right:1rem; bottom:0.7rem; z-index:99; overflow:hidden;}
.sliding_popup .control >* {font-size:1.2rem; color:#fff; vertical-align:middle; float:left;}
.sliding_popup .control label {display:inline-block; height:30px; padding:0 10px; line-height:30px; background:#333; border-radius:4px 0 0 4px;}
.sliding_popup .control a[class^=btn_] {display:inline-block; height:30px; line-height:30px; padding:0 15px;}
.sliding_popup .control .btn_close {background:#ff5722; border-radius:0 4px 4px 0;}
.sliding_popup .control .btn_play, .sliding_popup .control .btn_stop {background:rgba(0,0,0,0.3) url('./../../common/img/common/spr_slide_controls.png') 0 0 no-repeat; text-indent:-9999px; border-radius:50%; margin:0.2rem 2rem 0 0; height:28px !important; padding:0 14px !important;}
.sliding_popup .control .btn_play:hover, .sliding_popup .control .btn_stop:hover {background-color:rgba(0,0,0,0.6)}
.sliding_popup .control .btn_play {background-position:-20px -64px;}
.sliding_popup .control .btn_stop {background-position:11px -64px;}
.sliding_popup .swiper-button-prev.swiper-button-disabled,
.sliding_popup .swiper-button-next.swiper-button-disabled {pointer-events:auto !important;}

/* 팝업레이어 */
.popup_layer {background:#fff; border:1px solid #777;}
.popup_layer .popup_cont {text-align:center;}
.popup_layer .popup_cont img {display:block;}
.popup_layer .ctrl {background:#333; color:#efefef; height:48px; padding:1rem; font-size:1.4rem;}
.popup_layer .ctrl .fL {line-height:180%;}
.popup_layer .ctrl .btn_close {height:28px; background:#222; border-radius:0.4rem; color:#888; padding:0.3rem 0.6rem 0.3rem 2rem; border:1px solid #000; position:relative; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s}
.popup_layer .ctrl .btn_close:before {content:''; width:9px; height:10px; background:url('../img/common/spr_common.png') -132px -121px no-repeat; position:absolute; left:7px; top:10px; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s}
.popup_layer .ctrl .btn_close:hover,
.popup_layer .ctrl .btn_close:focus {color:#fff; border-color:#666;}
.popup_layer .ctrl .btn_close:hover:before,
.popup_layer .ctrl .btn_close:focus:before {background-position:-132px -145px} 

#openMenu,
#openSearch,
#m_menu {display:none;}

@media all and (max-width:1024px){
	.popup_layer .popup_cont img {max-width:100%;}	
}


/* content */
#conts {position:relative;}
#conts img {max-width:100%; margin:0 auto;}

#contentsQrcode {position:absolute; right:0; top:154px; z-index:10; background:#fff; padding:2rem; border:1px solid #bbb; border-radius:20px; width:259px; -webkit-box-shadow:5px 5px 7px 0px rgba(0,0,0,0.18); box-shadow:5px 5px 7px 0px rgba(0,0,0,0.18); display:none;}
#contentsQrcode canvas {width:100%; height:217px;}


/* 위로 이동 버튼 */
.btn_scroll_top {position:fixed; right:0.5em; bottom:0.5em; width:4.7em; height:4.7em; transform:translateY(-50%); -webkit-transform:translateY(-50%); overflow:hidden; text-indent:-999px; background:url(../img/common/btn_goto_top.svg) no-repeat 50% 50%; background-size:contain; display:none; z-index:999;}


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

.site_wrap {position:relative; max-width:1600px; margin:0 auto;}
.familysite {display:block; position:relative; padding:0; margin:0 -.75em;}
.familysite:after {content:""; display:block; clear:both;}
.familysite > li {display:block; position:relative; width:20%; padding:0 .75em; box-sizing:border-box; float:left; margin-top:1.25em;}
.familysite > li a[class*="btn_"] {display:block; position:relative; width:100%; height:3em; line-height:3em; padding:0 2.94117647em 0 1em; border-radius:10px; font-size:.85em; box-sizing:border-box; border:1px solid rgba(255,255,255,.2); background:url(../img/common/ico_family_arrow.svg) no-repeat top 50% right .88235em #111; background-size:1.3334em auto;}
.familysite > li a[class*="btn_"]:focus {outline:3px solid #fc6f58;}
.familysite > li a[class*="btn_"]:after {content:""; display:block; position:absolute; top:0; bottom:0; width:1px; background:rgba(255,255,255,.2); right:2.94117647em;}
.familysite > li a.btn_close {margin:0; width:100%; background-image:url(../img/common/ico_family_arrow_down.svg);}
.familysite > li div[list-div] {display:none; position:absolute; left:.75em; right:.75em; bottom:0; z-index:10;}
.familysite_list {display:block; position:absolute; left:0; bottom:100%; min-width:17em; /*max-height:26.5em; overflow:auto;*/ padding:1.5em 2em; background:#fff; margin-bottom:1em; border:1px solid #005CB9; border-radius:10px;}
.familysite_list > li > p {position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden; z-index:-999;}
.familysite_list > li li a {display:block; position:relative; font-size:.85em; padding:.3em 0; padding-left:1em; color:#4D545B;}
.familysite_list > li li a:before {content:""; display:block; position:absolute; top:50%; left:0; margin-top:-2px; width:5px; height:5px; background:#333;}
.familysite_list > li li a:hover,
.familysite_list > li li a:focus {color:#2F3336; font-weight:700;}

.familysite > li div[list-div].list3 .familysite_list {min-width:23.5em; padding-left:0; padding-right:0; background:url(../img/common/bak_familysite_list3.png) no-repeat 50% 50% #fff; background-size:1px 90%;}
.familysite > li div[list-div].list3 .familysite_list > li {display:block; position:relative; width:50%; float:left; box-sizing:border-box; padding:0 2em;}
.familysite > li div[list-div].list3 .familysite_list > li > p {display:block; position:relative; text-indent:0; z-index:0; color:#005CB9; font-size:.9em; font-weight:600; line-height:1.33em; margin-bottom:.5em;}

/* 별도 스타일 추가. 차후 갯수 변동 있을 시 추가 수정 필요함 */
@media all and (min-width:531px) {
	.familysite > li:nth-child(3) .familysite_list {min-width:35.5em;}
	.familysite > li:nth-child(3) .familysite_list ul > li {width:50%; float:left;}
}
@media all and (min-width:1025px) {
	.familysite > li:last-child div[list-div] .familysite_list {left:auto; right:0;}
}
@media all and (max-width:1024px) {
	.familysite > li {width:100%; float:none; margin-top:.5em;}
	.familysite_list {width:100%; min-width:0 !important; margin-bottom:.5em;}
}
@media all and (max-width:530px) {
	.familysite > li div[list-div],
	.familysite_list {position:relative; left:auto; right:auto; bottom:auto;}
	.familysite > li div[list-div] {margin-top:.5em;}
	.familysite_list:after {content:""; display:block; clear:both;}
}


.footerWrap {position:relative; background:#111; padding:1.25em 1em 2.7em; color:#AAAAAA;}
.footerWrap > .inner {padding-top:1.9em; padding-left:8em; overflow:hidden;}

.footerWrap .logo {position:absolute; left:0; top:1.9em; width:6.25em; height:2.8em; text-indent:-999px; background:url(../img/common/logo_w.svg) no-repeat 0 50%; background-size: contain;}

.footerWrap .footerLink {padding:0; overflow:hidden; margin-bottom:1.2em;}
.footerWrap .footerLink li {display:block; position:relative; padding-right:.75em; margin-right:.75em; float:left; box-sizing:border-box;}
.footerWrap .footerLink li:before {content:""; display:block; position:absolute; width:5px; height:5px; background:url(../img/common/ico_footer_link.svg) no-repeat 50% 50%; background-size:contain; left:-.75em; top:50%; margin-top:-2px; margin-left:-2px;}
.footerWrap .footerLink a {display:block; position:relative; padding:.3em 0; font-size:.85em; color:inherit; font-weight:400;}
.footerWrap .footerLink a:hover,
.footerWrap .footerLink a:focus {text-decoration:underline;}
.footerWrap .footerLink a.point {color:#FFBD14; text-decoration:underline; text-underline-offset:2px;}

.footerWrap .info strong {font-weight:700;}
.footerWrap .info .contact {display:block; position:relative; color:#BBBBBB;}
.footerWrap .info .contact li {display:inline-block; font-size:.85em; line-height:1.8; margin-right:1.2em; word-break:keep-all;}
.footerWrap .info p {color:#BBBBBB; line-height:1.8; font-size:.85em;}

@media all and (max-width:1240px) {
	.footerWrap > .inner {padding-left:0;}
	.footerWrap .logo {position:relative; margin-bottom:1.5em; top:0;}
}
@media all and (max-width:1024px) {
	.footerWrap .logo {margin:0 auto 1.5em;}	
	.footerWrap .info,
	.footerWrap .footerLink {margin-left:0; text-align:center;}
	.footerWrap .footerLink li {display:inline-block; padding:0 .75em; margin:0; float:none; vertical-align:middle;}
	.footerWrap .footerLink li:before {left:0;}
	.footerWrap .footerLink li:first-child:before {display:none;}
}
@media all and (max-width:640px) {
	.footerWrap .info .contact li {display:block; margin:0;}
	.footerWrap .info .copy {margin-top:1em;}
}



/* footer */
.footerWrap .markWA {display:none; position:absolute; top:0; right:0; text-align:center; margin-top:1em;}
.footerWrap .markWA a {display:inline-block; margin-left:.5em; vertical-align:middle;}
.footerWrap .markWA a:focus {outline:3px solid #fc6f58;}
.footerWrap .markWA a span {display:block; margin-top:.6em; font-size:.75em; color:#fff; line-height:1.2;}


@media all and (max-width:1024px) {
	.footerWrap .markWA {position:relative;}
}

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

#headerWrap {position:relative; padding-left:1em; padding-right:1em; z-index:99; }
#headerWrap > .inner {padding:0.4em 0;}
#headerWrap .logo {display:block; position:absolute; top:0; bottom:0; z-index:10;}
#headerWrap .logo:after {content:""; display:block; clear:both;}
#headerWrap .logo a {display:block; position:relative; height:100%; overflow:hidden;}
#headerWrap .logo a.portalLogo {text-indent:-999px; background:url(../img/common/logo_april.gif) no-repeat 0 50%; background-size:contain;}

#headerWrap .logo.single {width:10em;}
#headerWrap .logo.single a {width:100%;}

#headerWrap .logo.multi > * {float:left;}
#headerWrap .logo.multi a.portalLogo {width: 7em;}
#headerWrap .logo.multi a.siteLogo {white-space:nowrap; padding:1.5em 0 0;}
#headerWrap .logo.multi a.siteLogo span {display:block;position:relative;line-height:1.6667em;margin-left:.5em;font-size: 1.4em;color: #111;font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;}


#siteMap,
#openMenu,
#openSearch,
#closeSearch,
#openMymenu {display:block; position:absolute; top:50%; overflow:hidden; z-index:10; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

#siteMap, 
#openMenu {width:2.75em; height:3.5em; right:0; background:url(../img/common/btn_allmenu.svg) no-repeat 50% 35%; background-size:1.2em auto;}

#openSearch {width:2.75em; height:3.5em; right:3.15em; background:url(../img/common/btn_search.svg) no-repeat 50% 35%; background-size:1.2em auto;}
#closeSearch.close {background:url(../img/common/btn_search_close.svg) no-repeat 50% 50%; background-size:2.75em auto;}

#openMymenu {width:auto;height:2.2em;right:6.8em;text-indent:0;background: linear-gradient(102deg, #15b7e3 0%, #0067cc 100%);padding: 0 2.6em 0 1em;border-radius:9em;}
#openMymenu:after {content:""; display:block; position:absolute; right:1em; top:50%; width:1.2em; height:1.2em; margin-top:-.6em; background:url(../img/common/ico_mymenu.svg) no-repeat 50% 50%; background-size:contain;}
#openMymenu span {display:block; font-size:.95em; color:#fff; font-weight:400; white-space:nowrap; font-family:'TTWanjudaedunsancheB', Helvetica, Arial, sans-serif;}

#openMenu {display:none;}
#siteMap {display:block;}

#openSearch, #siteMap, #openMenu {text-indent:unset; overflow:visible; font-size:1em;}
#openSearch em,
#openMenu em  {display:block; padding-top:3.25em; font-size:.7em; line-height:1.2;}
#siteMap em  {display:block; padding-top:3.5em; font-size:.7em; line-height:1.2;}

.open-mo-search #openSearch {display:none !important;}
.open-mo-search #closeSearch {display:block !important;}

@media all and (min-width:1024px) {
	#headerWrap{position:fixed; top:0; left:0; width:100%; background:#fff; min-width:1400px;}
}

@media all and (max-width:1024px) {
	#headerWrap {left:auto !important; border-bottom:1px solid rgba(0,0,0,.1);}
	#headerWrap > .inner {padding:0;}
	#headerWrap .logo {position:relative; padding:1em 0;}
	#headerWrap .logo a {height:2.5em;}
	
	#headerWrap .logo.single {width:7em;}
	#headerWrap .logo.multi {float:left;}
	#headerWrap .logo.multi a.siteLogo {padding-top:.2em;}
	
	#openMenu {display:block;}
	#siteMap {display:none;}
	
	#openMenu,
	#openSearch,
	#openMymenu {margin-top:0;}
	#openMenu,
	#openSearch {height:100%;}
	#openSearch {right:3em;}
	#openMymenu {right:6em;}
	#closeSearch {width:1.7em; height:100%; right:3em; top:-2.25em;}
	#closeSearch.close {width:2.75em; right:2.875em;}
}
@media all and (max-width:690px) {
	#headerWrap .logo.multi a.portalLogo {width:5em;}
	#headerWrap .logo.multi a.siteLogo {padding-top:.3em;}
	#headerWrap .logo.multi a.siteLogo span {font-size:1.3em;}
}
@media all and (max-width:640px) {	
	#openMymenu {width:2em; height:100%; padding:0; background:transparent !important; border-radius:0;}
	#openMymenu:after {width:100%; height:100%; top:0; left:0; right:0; bottom:0; margin-top:0;}
	#openMymenu span {position:absolute; top:0; left:0; z-index:-999; opacity:0;}
}
@media all and (max-width:460px) {
	#headerWrap .logo.single {width:6em;}
	#openMenu {right:-.5em;}
	#openSearch {right:2.5em;}
	#openMymenu {right:5.5em;}
	#closeSearch.close {width:2.25em; height:2.25em; right:2.5em; background-size:2.25em auto;}
}
@media all and (max-width:400px) {
	#headerWrap .logo {padding:.5em 0;}
	#headerWrap .logo.multi a.portalLogo {width:4.5em;}
	#headerWrap .logo.multi a.siteLogo span {font-size:1em;}
	#closeSearch.close {top:-1.85em;}
}


/******************************************
	Top Search Style
******************************************/

@media all and (min-width:1024px) {
	#openSearch {display:none;}
	#searchWrap {display:block; position:absolute; top:50%; right:2.15em; width:17em; height:3em; z-index:10; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	#searchWrap .total_search {display:block; position:relative; padding:0 3em 0 0; overflow:hidden; border-radius:9em; background:#fff; z-index:1; box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.05);}
	#searchWrap .total_search input[type="submit"] {display:block; position:absolute; right:1.65em; top:50%; width:1.2em; height:1.2em; margin:-.6em 0 0 0; background:url(../img/common/btn_search.svg) no-repeat 50% 50%; background-size:contain; overflow:hidden; text-indent:-999px; padding:0; border:none;}
	#searchWrap .total_search select {display:none;}
	#searchWrap .total_search input[type="text"],
	#searchWrap .total_search input[type="search"] {display:block; position:relative; width:100%; box-sizing:border-box; border:none; margin:0; font-size:.9em; height:3.3334em; padding:0 1em 0 1.8334em; border-radius:9em 0 0 9em;}
	#searchWrap .total_search input[type="text"]::placeholder,
	#searchWrap .total_search input[type="search"]::placeholder {color:#888888;}
	#openMymenu ~ #openSearch {display:block;}
	#openMymenu ~ #searchWrap {width:19em; padding-right:3em; right:0; opacity:0; z-index:10; transition:.3s all; -webkit-transition:.3s all; visibility:hidden;}
	#openMymenu ~ #searchWrap .close {display:block; position:absolute; right:0; width:2.75em; height:100%; top:50%;}
	.open-mo-search #openMymenu ~ #searchWrap {visibility:visible; right:3.15em; opacity:1;}
}
@media all and (max-width:1024px) {
	#searchWrap {display:block !important; position:absolute; top:100%; left:0; right:0; padding:1em 0; z-index:999;  transition:.3s all; -webkit-transition:.3s all; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:50% 0; -webkit-transform-origin:50% 0; visibility:hidden;}
	.open-mo-search #searchWrap {visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); }
	#searchWrap:after {content:""; display:block; position:absolute; top:0; bottom:0; left:-5000px; right:-5000px; background:#005CB9; z-index:-1;}
	#searchWrap .inner {max-width:1048px; margin:0 auto;}
	#searchWrap .total_search {display:block; position:relative; padding:0 4.2em 0 8.5em; overflow:hidden; border-radius:9em; background:#fff; z-index:1;}
	#searchWrap .total_search:before {content:""; display:block; position:absolute; left:8.5em; top:50%; height:.9em; margin-top:-.45em; width:1px; background:#ddd; z-index:10;}
	#searchWrap .total_search input[type="submit"] {display:block; position:absolute; right:0; top:50%; width:4.2em; height:3.4em; margin:-1.7em 0 0 0; background:url(../img/common/btn_search.svg) no-repeat 50% 50%; background-size:2em auto; overflow:hidden; text-indent:-999px; padding:0; border:none;}
	#searchWrap .total_search select {display:block; position:absolute; top:0; left:0; width:9.44em; height:100%; font-size:.9em; padding:0 1.5em; background:url(../img/common/ico_search_arrow.svg) no-repeat top 50% right 1.27em; background-size:1em auto; box-sizing:border-box; border:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;  appearance:none;  color:#333;}
	#searchWrap .total_search select::-ms-expand {display:none;}
	#searchWrap .total_search select option { color:#333;}
	#searchWrap .total_search input[type="text"],
	#searchWrap .total_search input[type="search"] {display:block; position:relative; width:100%; box-sizing:border-box; border:none; margin:0; font-size:.9em; height:3.77em;  padding:0 0 0 1.45em;}
	#searchWrap .papularKeyowrd {display:block; position:relative; margin:1em 0; padding-left:8em;}
	#searchWrap .papularKeyowrd dt {display:block; position:absolute; font-size:.8em; top:50%; left:1em; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#fff;}
	#searchWrap .papularKeyowrd dt:before,
	#searchWrap .papularKeyowrd dt:after {content:""; display:inline-block; position:relative; width:1.125em; height:1.125em; background:url(../img/common/spr_search_popular.svg) no-repeat 0 50%; background-size:auto 100%; vertical-align:middle; margin:0 .3em;}
	#searchWrap .papularKeyowrd dt:after {background-position:100% 50%;}
	#searchWrap .papularKeyowrd dd {color:#fff;}
	#searchWrap .papularKeyowrd ul {display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#searchWrap .papularKeyowrd li {display:inline;}
	#searchWrap .papularKeyowrd a {display:inline-block; font-size:.85em; color:#fff; padding:.5em 1em .4em; border:2px solid rgba(255,255,255,.4); border-radius:9em;}
	#searchWrap .papularKeyowrd a:hover {border-color:#fff;}
	#searchWrap input[id*="close"],
	#searchWrap button[id*="close"] {display:none;}
}
@media all and (max-width:640px) {
	#searchWrap .papularKeyowrd {margin-bottom:0; padding-left:0;}
	#searchWrap .papularKeyowrd dt {position:relative; top:auto; left:auto; transform:none; -webkit-transform:none; margin-bottom:1em; font-size:.9em;}
}
@media all and (max-width:430px) {
	#searchWrap .total_search {padding-left:0;}
	#searchWrap .total_search:before {display:none;}
	#searchWrap .total_search .inner:before {display:none;}
	#searchWrap .total_search select {display:none;}
}


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

#lnbWrap {display:block; margin:0 9em; margin-right:22em; text-align:center; min-height:4em; color:#333; }
#openMymenu ~ #lnbWrap {margin-right:12.75em;}

#lnbWrap .li_depth01 {display:inline-block; padding:0 1.5em; vertical-align:top;}
#lnbWrap .li_depth01 > a {display:block; position:relative; font-size:1.1em; color:#000; padding:1.432em 0; color:#222; font-weight:600;}
#lnbWrap .li_depth01 > a:after {content:"";display:block;position:absolute;width:4px;height:0;top:100%;left:50%;margin-top:0;margin-left:-2px;background: #0086cd;transition:.3s all;-webkit-transition:.3s all;z-index:10;}
#lnbWrap .li_depth01.on > a,
#lnbWrap .li_depth01.active > a {color:#0079b9; font-weight:600; text-decoration:underline; text-underline-offset:5px;}
#lnbWrap .li_depth01.on > a:after {height:15px; margin-top:-7px;}

.focus-close-menu {position:fixed; left:0; right:0; top:0; z-index:-9999; height:0; overflow:hidden;}
.focus-close-menu:focus {height:auto; background:#0067cc; padding:1.5em; font-size:.8em; color:#fff; font-weight:600; text-align:center; z-index:9999;}

@media all and (min-width:1025px) {
	@keyframes acc-title-bird {16%{transform:translateX(-10%) translateY(10%);-webkit-transform:translateX(-10%) translateY(10%)}32%{transform:translateX(-20%) translateY(0);-webkit-transform:translateX(-20%) translateY(0%)}48%{transform:translateX(0) translateY(-20%);-webkit-transform:translateX(0%) translateY(-20%)}64%{transform:translateX(20%) translateY(0);-webkit-transform:translateX(20%) translateY(0%)}80%{transform:translateX(10%) translateY(10%);-webkit-transform:translateX(10%) translateY(10%)}100%{transform:translateX(0) translateY(0);-webkit-transform:translateX(0%) translateY(0%)}}
	@-webkit-keyframes acc-title-bird {16%{transform:translateX(-10%) translateY(10%);-webkit-transform:translateX(-10%) translateY(10%)}32%{transform:translateX(-20%) translateY(0);-webkit-transform:translateX(-20%) translateY(0%)}48%{transform:translateX(0) translateY(-20%);-webkit-transform:translateX(0%) translateY(-20%)}64%{transform:translateX(20%) translateY(0);-webkit-transform:translateX(20%) translateY(0%)}80%{transform:translateX(10%) translateY(10%);-webkit-transform:translateX(10%) translateY(10%)}100%{transform:translateX(0) translateY(0);-webkit-transform:translateX(0%) translateY(0%)}}
	
	@keyframes acc-title-wave {25%{transform:translateX(5%) translateY(10%);-webkit-transform:translateX(5%) translateY(10%)}50%{transform:translateX(0) translateY(20%);-webkit-transform:translateX(0%) translateY(20%)}75%{transform:translateX(-5%) translateY(10%);-webkit-transform:translateX(-5%) translateY(10%)}100%{transform:translateX(0) translateY(0);-webkit-transform:translateX(0%) translateY(0%)}}
	@-webkit-keyframes acc-title-wave {25%{transform:translateX(5%) translateY(10%);-webkit-transform:translateX(5%) translateY(10%)}50%{transform:translateX(0) translateY(20%);-webkit-transform:translateX(0%) translateY(20%)}75%{transform:translateX(-5%) translateY(10%);-webkit-transform:translateX(-5%) translateY(10%)}100%{transform:translateX(0) translateY(0);-webkit-transform:translateX(0%) translateY(0%)}}
	
	#lnbWrap .layer:before {content:""; display:none; position:absolute; top:0; left:-5000px; right:-5000px; bottom:0; background:#fff; z-index:0;}
	#lnbWrap .layer:after {content:""; display:block; position:absolute; bottom:0; left:-5000px; right:-5000px; height:1px; background:rgba(0,0,0,.1); z-index:1;}
	#lnbWrap .lnb_sub {display:block; position:absolute; top:100%;  left:0; right:0; padding:0; background:#fff; text-align:left; transform:translateY(-2em); -webkit-transform:translateY(-2em); opacity:0; visibility:hidden; z-index:-1;}
	#lnbWrap .lnb_sub:before {content:"";display:block;position:absolute;top:0;left:-5000px;right:-5000px;bottom:0;background: #fff;z-index:-99;box-shadow: 10px 10px 40px 0px rgba(0,0,0,.05);}
	#lnbWrap .lnb_sub:after {content:""; display:block; clear:both;}
	#lnbWrap .lnb_nav {white-space:nowrap;}
	#lnbWrap .lnb_nav .lnb_sub {white-space:normal;}
	#lnbWrap .layer.on:before {display:block;}
	#lnbWrap .layer.on:after {background:#ddd;}
	#lnbWrap .lnb_sub.on {transform:translateY(0); -webkit-transform:translateY(0); opacity:1; visibility:visible; transition:.3s all; -webkit-transition:.3s all;}
	
	#lnbWrap .lnb_sub > .tit {position:absolute;top:0;left:0;bottom:0;width: 300px;box-sizing:border-box;padding:4em 0 0;z-index:0;}
	#lnbWrap .lnb_sub > .tit:after {content:"";display:block;position:absolute;top:0;bottom:0;right:0;left: -300px;background: linear-gradient(180deg, #f9f9ff 0%, #f7f6ff 100%);z-index:-2;}
	#lnbWrap .lnb_sub > .tit strong {display:block;position:relative;margin-bottom:.65em;line-height:1.3em;font-size: 1.8em;font-weight: 500;color: #2c2a8b;font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;}
	#lnbWrap .lnb_sub > .tit span {display:block; color:#4D545B; word-break:keep-all; line-height:1.5em; font-size:0.9em;}
	
	#lnbWrap .lnb_sub .acc-object {display:block; position:absolute; right:0; bottom:0; width:17.8em; height:15em; z-index:-1; overflow:hidden;}
	#lnbWrap .lnb_sub .acc-object .obj {display:block; position:absolute; opacity:1; transition:.4s all; -webkit-transition:.4s all;}
	#lnbWrap .lnb_sub .acc-object .obj:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:no-repeat 50% 50%; background-size:contain;}
	#lnbWrap .lnb_sub .acc-object .obj.ty1 {bottom:6.85em; right:5.9em; width:3.2em; height:2.45em; z-index:0;}
	#lnbWrap .lnb_sub .acc-object .obj.ty2 {bottom:0; right:.55em; width:14.3em; height:5.9em; z-index:1; transition-delay:.2s; -webkit-transition-delay:.2s;}
	#lnbWrap .lnb_sub .acc-object .obj.ty3 {bottom:1em; right:9.75em; width:4.7em; height:6.8em; z-index:2; transition-delay:.1s; -webkit-transition-delay:.1s;}
	#lnbWrap .lnb_sub .acc-object .obj.ty4 {bottom:0; right:6.2em; width:10.75em; height:1.85em; z-index:3;}
	#lnbWrap .lnb_sub .acc-object .obj.ty1:before {background-image:url(../img/common/img_lnb_title_01.svg); animation:acc-title-bird 5s linear 0s infinite normal both; -webkit-animation:acc-title-bird 5s linear 0s infinite normal both;}
	#lnbWrap .lnb_sub .acc-object .obj.ty2:before {background-image:url(../img/common/img_lnb_title_02.svg); animation:acc-title-wave 8s linear 0s infinite normal both; -webkit-animation:acc-title-wave 8s linear 0s infinite normal both;}
	#lnbWrap .lnb_sub .acc-object .obj.ty3:before {background-image:url(../img/common/img_lnb_title_03.svg);}
	#lnbWrap .lnb_sub .acc-object .obj.ty4:before {background-image:url(../img/common/img_lnb_title_04.svg);}
	
	#lnbWrap .li_depth01:not(.on) .lnb_sub .acc-object .obj {opacity:0; transform:translateY(40%); -webkit-transform:translateY(40%);} 
	
	/* Depth 02 */
	#lnbWrap  .depth02 {margin: 0 -.6em;margin-left: 320px;margin-right: -1em;min-height:20.5em;max-height: 35em;overflow-y: auto;padding:.5em 0 1.5em;box-sizing:border-box;position: relative;}
	#lnbWrap  .depth02:after {content:""; display:block; clear:both;}
	#lnbWrap  .li_depth02 {display: inline-block;position:relative;width: calc(25% - 0.5em);vertical-align: top;box-sizing:border-box;padding: 0.8em 0.5em;}
	#lnbWrap  .li_depth02 > a {display:block;position:relative;padding: .5em;text-align:center;z-index:0;overflow:hidden;}
	#lnbWrap  .li_depth02 > a span {display:block;position:relative;line-height:1.5em;color:#2F3336;font-size: 0.9em;font-weight:600;}
	#lnbWrap  .li_depth02 > a:before,
	#lnbWrap  .li_depth02 > a:after {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius: 0.3em;}
	#lnbWrap  .li_depth02 > a:before {border: 1px solid #D3D8DD;z-index:-2;}
	#lnbWrap  .li_depth02 > a:after {background: linear-gradient(46deg, #1671dd 0%, #1538c7 100%);transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:.3s all;-webkit-transition:.3s all;}
	#lnbWrap  .li_depth02:hover > a,
	#lnbWrap  .li_depth02 > a.active,
	#lnbWrap  .li_depth02 > a:hover,
	#lnbWrap  .li_depth02 > a:focus {border-color:#FF4141;}
	#lnbWrap  .li_depth02:hover > a span,
	#lnbWrap  .li_depth02 > a.active span,
	#lnbWrap  .li_depth02 > a:hover span,
	#lnbWrap  .li_depth02 > a:focus span {color:#FFF; font-weight:600;}
	#lnbWrap  .li_depth02:hover > a:after,
	#lnbWrap  .li_depth02 > a.active:after,
	#lnbWrap  .li_depth02 > a:hover:after,
	#lnbWrap  .li_depth02 > a:focus:after {transform:translateY(0); -webkit-transform:translateY(0);}
	
	/* Depth 03 */
	#lnbWrap  .depth03 {margin-top:.75em;}
	#lnbWrap  .depth03 > li {padding-left: 0.5em;padding-right: 0.5em;}
	#lnbWrap  .depth03 > li:hover,
	#lnbWrap  .depth03 > li:focus{background:#f0f3f7;}
	#lnbWrap  .depth03 > li > a {display:block;position:relative;text-align:left;padding: 0.1em 0 0.1em .5em;}
	#lnbWrap  .depth03 > li > a:before {content:""; display:block; position:absolute; width:.25em; height:.25em; left:0; top:50%; margin-top:-.125em; background:#333333;}
	#lnbWrap  .depth03 > li > a span {display:inline-block;position:relative;font-size: .8em;line-height: 1.5em;max-width:100%;box-sizing:border-box;color:#4D545B;font-weight: 500;word-break: keep-all;}
	#lnbWrap  .depth03 > li > a.active:before{background: #1f55b4;}
	#lnbWrap  .depth03 > li > a.active span,
	#lnbWrap  .depth03 > li > a:hover span,
	#lnbWrap  .depth03 > li > a:focus span {color:#1f55b4; font-weight:600;}
	#lnbWrap  .depth03 > li > a[target="_blank"] span,
	#lnbWrap  .depth03 > li > a[data-menu-target="_blank"] span {padding-right:1.4em;}
	#lnbWrap  .depth03 > li > a[target="_blank"] span:after,
	#lnbWrap  .depth03 > li > a[data-menu-target="_blank"] span:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1.058823529em; height:1.058823529em; background:url(../img/common/ico_lnb_blank.svg) no-repeat 50% 50%; background-size:contain;}
	
	#snbWrap .snb > li > a img {display:none}
}
@media all and (max-width:1400px) and (min-width:1025px) {
	#lnbWrap  .depth03 > li {padding-left:.25em;}
}
@media all and (max-width:1024px) {
	#lnbWrap {display:none;}
	
	#m_menu {display:block; position:fixed; top:0; bottom:0; right:0; left:0; padding-left:2em; background:rgba(0,0,0,.4); z-index:99999; visibility:hidden;}
	#m_menu .mnu-tit {display:block; position:relative;}
	#m_menu .mnu-tit a {display:block; position:relative;}
	#m_menu .mnu-tit a[target="_blank"]:after {content:""; display:block; position:absolute; top:0; bottom:0; right:0; width:1.125em; background:url(../img/common/ico_lnb_blank.svg) no-repeat 50% 50%; background-size:contain;}
	#m_menu .open-submenu {display:block; position:absolute; overflow:hidden; text-indent:-999px;}
	
	.open-mo-lnb #m_menu { visibility:visible;}
	body:not(.open-mo-lnb) #m_menu > div {transform:translateX(100%); -webkit-transform:translateX(100%);}
	
	#m_menu > div {display:block; position:absolute; top:0; bottom:0; right:0; max-width:25em; width:100%; box-sizing:border-box; transition:.3s all; -webkit-transition:.3s all;}
	#m_menu .side_menu {display:block; position:relative; height:100%; background:#fff;}
	#m_menu .btn_menu_close {display:block; position:absolute; top:1em; left:-2em; width:4em; height:4em; overflow:hidden; text-indent:-999px; background:url(../img/common/ico_lnb_close_mobile.svg) no-repeat 50% 50%; background-size:contain; z-index:99;}

	#m_menu .side-menu-top {display:block; position:absolute; top:0; left:0; right:0; height:6.3em; box-sizing:border-box; padding:0; color:#fff; background:#005CB9; z-index:5;}
	#m_menu .side-menu-top .logo {display:block; position:relative; text-align:left; height:4.25em; text-indent:-999px; overflow:hidden; background:url(../img/common/logo_w.svg) no-repeat 50% 50%; background-size:auto 2.15em;}
	#m_menu .side-menu-top .sideMenu {display:block; position:absolute; left:0; right:0; bottom:0; border-top:1px solid rgba(255,255,255,.1); text-align:center; white-space:nowrap;}
	#m_menu .side-menu-top .sideMenu:after {content:""; display:block; clear:both;}
	#m_menu .side-menu-top .sideMenu > * {display:inline-block; position:relative; vertical-align:middle; margin:0 1em;}
	#m_menu .side-menu-top .sideMenu > * + *:after {content:""; display:block; position:absolute; width:1px; height:.75em; background:rgba(255,255,255,.2); left:-1em; top:50%; margin-top:-.375em;}
	#m_menu .side-menu-top .sideMenu .mem {font-size:.75em; margin:0 1.5em; padding-bottom:.2em;}
	#m_menu .side-menu-top .otherNav button {display:block; position:relative; height:2em; z-index:0; text-align:center; color:#fff; padding:0 1.5em 0 0; text-align:left;}
	#m_menu .side-menu-top .otherNav button span {display:block; position:relative; font-size:.75em; padding-bottom:.2em;}
	#m_menu .side-menu-top .otherNav button:after {content:""; display:block; position:absolute; width:.7em; height:.4em; top:50%; right:0; margin-top:-.1em; background:url(../img/common/ico_lang_arrow_w.svg) no-repeat 50% 50%; background-size:contain;}
	
	#m_menu .side-menu-top .otherNav.lang button {padding-left:1.3em;}
	#m_menu .side-menu-top .otherNav.lang button:before {content:""; display:block; position:absolute; width:1em; height:1em; left:0; top:50%; margin-top:-.5em; background:url(../img/common/ico_lang_w.svg) no-repeat 50% 50%; background-size:contain;}
	
	#m_menu .side-menu-top .otherNav .close {display:none; position:absolute; top:0; left:0; width:100%; z-index:1; overflow:hidden; text-indent:-999px; background:transparent !important;}
	#m_menu .side-menu-top .otherNav .close:after {display:none;}
	#m_menu .side-menu-top .otherNav .detail {display:none; position:absolute; top:100%; left:-1em; right:-1em; background:#fff; border-radius:0 0 1em 1em; padding:.75em .5em; box-shadow:.5em .5em 2em 0px rgba(0, 0, 0, 0.10); z-index:5;}
	#m_menu .side-menu-top .otherNav .detail li + li {margin-top:.25em;}
	#m_menu .side-menu-top .otherNav .detail a {display:block; position:relative; padding:0; height:2em; line-height:2em; border-radius:9em; font-size:.7em; text-align:center; color:#4D545B;}
	#m_menu .side-menu-top .otherNav .detail a.on,
	#m_menu .side-menu-top .otherNav .detail a:hover {color:#005CB9; background:#EEF2F5; font-weight:600;}
	#m_menu .side-menu-top .otherNav.active button:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	#m_menu .side-menu-top .otherNav.active .detail {display:block;}
	#m_menu .side-menu-top .otherNav.active .close {display:block;}

	#m_menu .depth1 {display:block; position:absolute; top:6.3em; left:0; right:0; bottom:0; padding:1.5em 0; z-index:0; overflow:hidden;}
	#m_menu .depth1:before {content:""; display:block; position:absolute; top:0; left:0; bottom:0; width:9.5em; background:#F8F8FC; z-index:-1;}
	#m_menu .depth1 > li {width:9.5em;}
	#m_menu .depth1 > li + li {margin-top:1em;}
	#m_menu .depth1 > li > .mnu-tit {padding:0 .8em;}
	#m_menu .depth1 > li > .mnu-tit a {padding:.5em 1.35em; z-index:0;}
	#m_menu .depth1 > li > .mnu-tit a span {display:block; font-size:.9em; line-height:1.5em; color:#2F3336; font-weight:600;}
	#m_menu .depth1 > li > .mnu-tit a:before {content:""; display:block; position:absolute; border-radius:.5em; left:0; top:0; right:-1.2em; bottom:0; background: linear-gradient(320deg, #3145d6 0%, #0067cc 100%); transform-origin:0 50%; -webkit-transform-origin:0 50%; transition:.3s all; -webkit-transition:.3s all; z-index:-1;}
	#m_menu .depth1 > li > .mnu-tit a:after {content:""; display:block; position:absolute; width:.8em; height:.6em; background:url(../img/common/ico_lnb_depth1_mobile_on.svg) no-repeat 50% 50%; background-size:contain; top:50%; margin-top:-.3em; right:-.05em; transition:.3s all; -webkit-transition:.3s all; transition-delay:.2s; -webkit-transition-delay:.2s;}
	#m_menu .depth1 > li > .mnu-tit .open-submenu {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
	#m_menu .depth1 > li:not(.active) > .mnu-tit a:before {transform:scaleX(0%); -webkit-transform:scaleX(0%);} 
	#m_menu .depth1 > li:not(.active) > .mnu-tit a:after {opacity:0; transform:translateX(100%); -webkit-transform:translateX(100%);}
	#m_menu .depth1 > li.active > .mnu-tit a span {color:#fff; font-weight:700;}
	
	#m_menu .depth2Wrap {display:none; position:absolute; top:0; left:9.5em; right:0; bottom:0; padding:1.25em 1.7em 1.25em 1.5em; overflow:auto;}
	#m_menu li.active > .depth2Wrap {display:block;}
	#m_menu .depth2 > li > .mnu-tit {border-bottom:1px solid rgba(0,0,0,.1);}
	#m_menu .depth2 > li > .mnu-tit a {padding:.75em .95em; margin-right:2.5em;}
	#m_menu .depth2 > li > .mnu-tit a[target="_blank"]:after {right:auto; left:100%;}
	#m_menu .depth2 > li > .mnu-tit a span {font-size:.85em; font-weight:600; color:#2F3336;}
	#m_menu .depth2 > li > .mnu-tit .open-submenu {position:absolute; top:0; bottom:0; right:0; width:1.95em; background:url(../img/common/ico_lnb_depth2_mobile.svg) no-repeat 0 50%; background-size:1em auto;}
	#m_menu .depth2 > li.active > .mnu-tit a span {color:#005CB9; font-weight:700;}
	#m_menu .depth2 > li.active > .mnu-tit .open-submenu {background-image:url(../img/common/ico_lnb_depth2_mobile_on.svg);}
	
	#m_menu .depth3 {display:none; position:relative; padding:1.25em 1em; background:#f8fafc;}
	#m_menu .depth3 li.active span{font-weight:bold; color:#f64776!important;}
	#m_menu .depth3 li.active a:before{background:#f64776!important;}
	#m_menu li.active > .depth3 {display:block;}
	#m_menu .depth3 li + li {margin-top:.5em;}
	#m_menu .depth3 li > .mnu-tit a {padding:0 0 0 .75em;}
	#m_menu .depth3 li > .mnu-tit a[target="_blank"] {padding-right:1.2em;}
	#m_menu .depth3 li > .mnu-tit a span {font-size:.8em; color:#4D545B;}
	#m_menu .depth3 li > .mnu-tit a:before {content:""; display:block; position:absolute; width:.25em; height:.25em; background:#333333; left:0; top:50%; margin-top:-.125em;}
	
	#m_menu .depth4 {display:none;}
}
@media all and (max-width:540px) {
	#m_menu > div {max-width:100%;}
	#m_menu .btn_menu_close {top:0; right:0; left:auto;}
}
@media all and (max-width:420px) {
	#m_menu .depth1:before {width:8.5em;}
	#m_menu .depth1 > li {width:8.5em;}
	#m_menu .depth1 > li > .mnu-tit {padding-left:.2em;}
	#m_menu .depth1 > li > .mnu-tit a {padding:.5em 1em;}
	
	#m_menu .depth2Wrap {left:8.5em; padding:1.2em 1em 1.2em 1em;}
}

@media all and (max-width:1024px) {#m_menu {font-size:20px;}}
@media all and (max-width:480px) {#m_menu {font-size:18px;}}
@media all and (max-width:380px) {#m_menu {font-size:16px;}}


/******************************************
	Main Banner
******************************************/

.bannerWrap {padding-left:1em; padding-right:1em; border-top:1px solid #eee;}
.bannerWrap h3 {display:block; position:absolute; top:50%; left:0; color:#222; font-weight:700; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.bannerWrap .control {display:block; position:absolute; top:50%; left:5em; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.bannerWrap .slider {display:block; position:relative; margin-left:13.5em; overflow:hidden;}
.bannerWrap .slider:after {content:""; display:block; position:absolute; top:0; bottom:0; right:0; width:3em; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); z-index:9;}
.bannerWrap .swiper-slide {width:auto; padding:1.1em 0;}
.bannerWrap .swiper-slide a {display:block; position:relative; border-radius:9em; border:2px solid #ddd; padding:.824em 1.53em; color:#222; font-size:.85em;}




/******************************************
	Sub Layout
******************************************/

#wrap {position:relative; z-index:0;}

#container {max-width: 1560px;margin-left:auto;margin-right:auto;padding:1em 0 2em 0;}
#container:after {content:""; display:block; clear:both;}

#snbWrap {position:relative; overflow:hidden; margin-top:4.15em;}
#snbWrap h2 {display:block;position:relative;height: 7.5em;margin-bottom:1em;border-radius: .5em 3em 0.5em 0.5em;background: linear-gradient(46deg, #1671dd 0%, #1538c7 100%);overflow:hidden;}
#snbWrap h2:before {content:''; width:8em; height:10em; position:absolute; right:-2em; top:-2em; background:url('../img/common/bg_h2.svg') no-repeat;}
#snbWrap h2 > * {display:table; width:100%; height:100%; text-align:center; table-layout:fixed;}
#snbWrap h2 > * > * {display:table-cell;padding:.4em;vertical-align:middle;font-size: 1.7em;color:#fff;font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;word-break: keep-all;} 
#snbWrap h2 > * > * span {display:block; position:relative; font-family:'SCoreDream',Helvetica,Arial,sans-serif; font-size:.44em; font-weight:400; padding-top:.75em; color:#fff; opacity:.8;}

#snbWrap .snb ul {display:none;}
#snbWrap .snb li.on > ul,
#snbWrap .snb li.active > ul {display:block;}

#snbWrap nav {display:block;position:relative;padding:0;overflow:hidden;}
#snbWrap .snb > li {display:block; position:relative; margin-bottom:.5em;}
#snbWrap .snb > li > a {display:block;position:relative;padding: .6em 2.5em .6em 1em;border-radius: .3em;border:1px solid rgba(0,0,0,.1); word-break:keep-all;}
#snbWrap .snb > li > a span {display:block;position:relative;font-size: 0.9em;color:#4D545B;line-height: 1.4;font-weight: 500;}
#snbWrap .snb > li > a.state:after {content:""; display:block; position:absolute; width:1em; height:1em; background:url(../img/common/ico_snb_slider.svg) no-repeat 50% 50%; background-size:contain; top:50%; right:1em; margin-top:-.5em;}
#snbWrap .snb > li > a.on,
#snbWrap .snb > li > a.active {background: #17255C;border-color: #17255C;}
#snbWrap .snb > li > a.active:focus {background: #00BCD4;}
#snbWrap .snb > li > a.active.state{border-radius:.5em .5em 0 0;}
#snbWrap .snb > li > a.on span,
#snbWrap .snb > li > a.active span {color:#fff; font-weight:600;}
#snbWrap .snb > li > a.on.state:after,
#snbWrap .snb > li > a.active.state:after {right: 0.8em;height: 1.4em;width: 1.4em;border-radius: 0.2em;top: 1.05em;background: #ffffff24 url(../img/common/ico_snb_slider_on.svg) center no-repeat;}
#snbWrap .snb > li > ul {border: 1px solid #17255C;padding: 0.77777em 1em;border-radius:0 0 .5em .5em;background:#fff;}
#snbWrap .snb > li > ul > li {display:block; position:relative;}
#snbWrap .snb > li > ul > li + li {margin-top: .3em;}
#snbWrap .snb > li > ul > li > a {display:block;position:relative;padding: 0 0 0 .6em;line-height:1.3em;}
#snbWrap .snb > li > ul > li > a:before {content:""; display:block; position:absolute; left:0; width:.3em; height:2px; top:.7em; margin-top:-1px; background:#999;}
#snbWrap .snb > li > ul > li > a > span {display:inline-block;position:relative;font-size: .85em;color:#555;max-width:100%;box-sizing:border-box;font-weight: 500; word-break:keep-all;}
#snbWrap .snb > li > ul > li > a.on:before,
#snbWrap .snb > li > ul > li > a.active:before {background: #17255c;margin-left: -1em;width: 1.3em;}
#snbWrap .snb > li > ul > li > a.on > span,
#snbWrap .snb > li > ul > li > a.active > span {color: #17255C;font-weight:700;}
#snbWrap .snb > li > ul > li > ul {display:none !important; position:Relative; padding:.75em; background:#FCFCFC; margin:.75em 0;}
#snbWrap .snb > li > ul > li > ul > li + li {margin-top:.5em;}
#snbWrap .snb > li > ul > li > ul > li > a {display:block; position:relative; padding:0 .6em;}
#snbWrap .snb > li > ul > li > ul > li > a:before {content:""; display:block; position:absolute; left:0; top:50%; height:1px; width:.3em; background:#777777;}
#snbWrap .snb > li > ul > li > ul > li > a > span {font-size:.8em; color:#777;}
#snbWrap .snb > li > ul > li > ul > li > a.on:before,
#snbWrap .snb > li > ul > li > ul > li > a.active:before {background:#000;}
#snbWrap .snb > li > ul > li > ul > li > a.on > span,
#snbWrap .snb > li > ul > li > ul > li > a.active > span {color:#000;}

#snbWrap .snb a[target="_blank"] span,
#snbWrap .snb a[data-menu-target="_blank"] span {padding-right:1em;}
#snbWrap .snb a[target="_blank"]:after,
#snbWrap .snb a[data-menu-target="_blank"]:after {content:""; display:block; position:absolute; right:1em; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1em; height:1em; background:url(../img/common/ico_lnb_blank.svg) no-repeat 50% 50%; background-size:contain;}
#snbWrap .snb > li.active > ul > li > a[target="_blank"]:after,
#snbWrap .snb > li.active > ul > li > a[data-menu-target="_blank"]:after {right:0!important;}

@media all and (min-width:1025px) {
	#wrap {padding-top: 6em;}
	#snbWrap {width:300px; float:left; max-width:19%;}
	#content {width: 1200px; float:right; max-width:78%;}
}
@media all and (max-width:1640px) {
	#container {padding-left:1em; padding-right:1em; max-width:100%;}
}
@media all and (max-width:1024px) {
	#snbWrap {display:none;}
}



/******************************************
	Page Title
******************************************/

#titWrap {display:block;position:relative;border-bottom: 1px solid rgba(0,0,0,.1);margin-bottom: 2em;padding: 4.65em 0 1.8em;}
#titWrap h3 {display:block;position:relative;font-size: 1.5em;color:#222;font-weight:600;}

#spotWrap .spot_list {display:block; position:absolute; top:0; left:0; right:0; padding:.7em 0; z-index:0; text-align:right;}
#spotWrap .spot_list:before {content:""; display:block; position:absolute; top:0; bottom:0; left:-5000px; right:-2000px; z-index:-1; background:#f8fafc;}
#spotWrap .spot_list li {display:inline-block; position:relative; vertical-align:middle;}
#spotWrap .spot_list li + li {padding-left:1.4em;}
#spotWrap .spot_list li + li:before {content:""; display:block; position:absolute; width:.5em; height:.5em; top:50%; left:.7em; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:url(../img/common/spr_spot.svg) no-repeat -1.5em -2.25em; background-size:auto 5em; overflow:hidden;}
#spotWrap .spot_list li:first-child + li {padding-left:.5em; margin-left:.2em;}
#spotWrap .spot_list li:first-child + li:before {width:1px; height:.7em; left:0em; background:#d9d9d9;}
#spotWrap .spot_list li > * {display:block; position:relative; color:#333; font-size:.75em; text-decoration:underline;}
#spotWrap .spot_list li:first-child > * {font-size:1em; width:1.2em; height:1.2em; background:url(../img/common/spr_spot.svg) no-repeat -3.5em -1.9em; background-size:auto 5em; text-indent:-999px; overflow:hidden; text-align:left;}
#spotWrap .spot_list li:last-child > * {color:#333; }
#spotWrap .spot_list li > *:hover {color:#f64776!important; font-weight:600;}


#spotWrap .sub_acc {display:block; position:absolute; bottom:1.1em; right:0;}
#spotWrap .sub_acc > li {display:inline-block; position:relative; vertical-align:middle; margin-left:.8em;}
#spotWrap .sub_acc > li > a {display:block; position:relative; width:2em; height:2em; box-sizing:border-box; text-indent:-999px; overflow:hidden;}
#spotWrap .sub_acc > li > a:before {content:""; display:block; position:absolute; top:50%; left:50%; margin:-1em 0 0 -1em; width:2em; height:2em; background:url(../img/common/spr_spot.svg) no-repeat 0 0; background-size:auto 5em;}
#spotWrap .sub_acc > li > a.share:before {background-position:-24.5em -1.5em;}
#spotWrap .sub_acc > li > a.print:before {background-position:-21em -1.5em;}
#spotWrap .sub_acc > li > a.zoom:before {background:url(../img/common/spr_spot_text.svg) no-repeat 50% 50%; background-size:140%;}

#spotWrap .share_list {display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:.3s all; -webkit-transition:.3s all;}
#spotWrap .share_list > div {display:block; position:relative; padding-right:2.8em; background:#fff;}
#spotWrap .share_list > div:after {content:""; display:block; clear:both;}
#spotWrap .share_list .close {display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:2.1em; height:2.1em; background:url(../img/common/spr_spot_close.svg) 50% 50%; background-size:contain; background-color:#000; border-radius:9em; outline-offset:3px;}
#spotWrap .share_list ul {display:block; white-space:nowrap; padding:.5em 1em; border-radius:9em; background:#fff; box-shadow:4px 4px 16px 0px rgba(0,0,0,.05); transition:.3s all; -webkit-transition:.3s all;}
#spotWrap .share_list li {display:inline-block; vertical-align:middle; padding:0 .4em;}
#spotWrap .share_list button {display:block; position:relative; width:1.5em; height:1.5em; text-indent:-999px; overflow:hidden; background:url(../img/common/spr_sns.svg) no-repeat 0 -.3em; background-size:auto 4.5em;}
#spotWrap .share_list button + button {margin-left:1em;}
#spotWrap .share_list button.twitter {background-position:-1.5em -1.5em;}
#spotWrap .share_list button.facebook {background-position:-3.5em -1.5em;}
#spotWrap .share_list button.youtube {background-position:-5.5em -1.5em;}
#spotWrap .share_list button.instagram {background-position:-7.5em -1.5em;}
#spotWrap .share_list button.blog {background-position:-9.5em -1.5em;}
#spotWrap .share_list button.kakaotalk {background-position:-11.5em -1.5em;}
#spotWrap .share_list button.kakaostory {background-position:-13.5em;}
#spotWrap .share_list button.band {background-position:-15.5em -1.5em;}
#spotWrap .share_list button.qrcode {display:none;}
#spotWrap .share_list:not(.open) {visibility:hidden; opacity:0;}
#spotWrap .share_list:not(.open) ul {transform:translateX(10%); -webkit-transform:translateX(10%);}

#spotWrap .zoom_list {display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:.3s all; -webkit-transition:.3s all;}
#spotWrap .zoom_list > div {display:block; position:relative; padding-right:2.8em;}
#spotWrap .zoom_list > div:after {content:""; display:block; clear:both;}
#spotWrap .zoom_list .close {display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:2.1em; height:2.1em; background:url(../img/common/spr_spot_close.svg) 50% 50%; background-size:contain; background-color:#000; border-radius:9em;}
#spotWrap .zoom_list ul {display:block; white-space:nowrap; padding:.5em 1.5em; border-radius:9em; background:#fff; box-shadow:4px 4px 16px 0px rgba(0,0,0,.05); transition:.3s all; -webkit-transition:.3s all;}
#spotWrap .zoom_list li {display:inline-block; vertical-align:middle;}
#spotWrap .zoom_list button {display:block; position:relative; width:1.5em; height:1.5em; text-indent:-999px; overflow:hidden; background:url(../img/common/spr_sns.svg) no-repeat 0 -.3em; background-size:auto 4.5em;}
#spotWrap .zoom_list a {display:block; position:relative; width:1.6em; height:1.6em; text-indent:-999px; overflow:hidden; background:url(../img/common/spr_spot_text_zoom.svg) no-repeat 50% 50%; background-size:auto 100%;}
#spotWrap .zoom_list a#zoomOut {background-position:-1.9em 50%;}
#spotWrap .zoom_list a#zoomIn {background-position:0 50%;}
#spotWrap .zoom_list:not(.open) {visibility:hidden; opacity:0;}
#spotWrap .zoom_list:not(.open) ul {transform:translateX(10%); -webkit-transform:translateX(10%);}

@media all and (max-width:1024px) {
	#titWrap {margin-bottom:2em;}
}
@media all and (max-width:640px) {
	#spotWrap .sub_acc {display:none;}
}



/************************
	Scroll Style
************************/

::-webkit-scrollbar {width:20px;}
::-webkit-scrollbar-thumb {border:5px solid #fff; border-radius:20px; background:#888;}
::-webkit-scrollbar-track {background:rgba(255,255,255,0);}


/************************
	Calendar Style
************************/

#conts .calendar thead tr {border-radius:0.5em;}
#conts .calendar th {background: #1d2159;color: #fff;}


/************************
	챗봇
************************/

/* .chatbot {display:none;} */
.chatbot button {position:fixed; z-index:9999;}
.chatbot button.open { right:.5em; bottom:8em; width:5em; height:5.2em; background:url(/portal/img/common/ico_chatbot.gif) no-repeat center center; background-size:contain; animation:bounce 1s ease alternate infinite; }
.chatbot button.close {display:none;right:.5em;bottom: 88vh;width:2.4em;height:2.4em;background:#000 url(/portal/img/common/ico_close.svg) no-repeat center center; background-size: 100%; border-radius: 5em;}
.chatbot button span {position:absolute; width:0; height:0; text-indent:-9999px; overflow:hidden;}
.chatbot iframe {display:none;position:fixed;right:.5em;bottom:.5em;cursor:move;z-index:99999;height:90vh;box-sizing:border-box;width:100%;max-width:25em;opacity:0;visibility:hidden;border-radius: 2em;overflow: hidden;box-shadow: 0 0 .5em rgba(0, 0, 0, .2); border:.4em solid #fff}


.chatbot.active .open {display:none;}
.chatbot.active .close {display:block;z-index: 100000;}
.chatbot.active iframe {display:block !important; opacity:1; visibility:visible;}

@keyframes bounce {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(0, 10%, 0);
      transform: translate3d(0, 10%, 0);
    }
}

@media all and (max-width:640px) {
	.chatbot.active {position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0, 0, 0, .7); z-index:9999;}
	.chatbot button.close {bottom:91vh;}
	.chatbot iframe {max-width:90vw; right:50%; bottom:50%; transform:translate(50%, 50%);}
}