@charset "utf-8";
@import url(./gnb_navigation.css);

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


/* 공통 스타일 정의 */
body {min-width:1500px; font-family: 'Paperlogy', 'Pretendard', sans-serif; font-weight:500;}
body.stop_scrolling {overflow:hidden;}
@media all and (max-width:1500px) {body {min-width:320px !important; width:100%; }}

#wrap {overflow:hidden;}
.inner {position:relative; max-width:1460px; margin-left:auto; margin-right:auto; position:relative; }
@media all and (max-width:1500px) {.inner { width:calc(100% - 3rem);}}

.inner:after {content:""; display:block; clear:both;}
#m_conts,
#conts {min-height:400px; position:relative; z-index:0;}

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

.readyBox {display:block; position:relative; border-radius:16px; background:#F8F8FC; padding:102px 20px 130px;}
.readyBox > div {display:block; max-width:640px; margin:0 auto; background:url(../img/etc/img_ready.png) no-repeat 50% 50%; background-size:contain;}
.readyBox > div:before {content:""; display:block; position:relative; padding-top:48.59375%;}
.readyBox > div > * {position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden; opacity:0;}

.nuri {position:relative; background:#EDF1F5; padding:1rem 0;}
.nuri p {white-space: nowrap; color:#666; font-size:1.5rem;}
.nuri p:before {content:''; display:inline-block; width: 2.4rem; height: 1.6rem; background: url(/amlib/common/img/common/top_ban_ico_flag.svg) no-repeat center; margin-right:0.5rem; transform:translateY(0.2rem);}

/* 페이지 상단 슬라이딩 팝업 */
.sliding_popup {background: #efefef;position: relative;border-bottom: 1px solid #bbb;}
.sliding_popup .inner {position: relative;max-width:1460px; 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;font-weight: 600;}
.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;float: left;border-radius: 4px 0 0 4px;}
.sliding_popup .control a[class^=btn_] {display: inline-block;height: 30px;line-height: 30px;padding: 0 15px;float: left;}
.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) {
	#openMenu {display:block;}
}

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

#contentsQrcode {position:absolute; right:0; top:54px; 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:6%; bottom:6%; display:none;}


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

.btn_scroll_top {display:none !important;}

.familysite {display:block; position:relative; padding:1.5em 0 1em; margin:0 -1em;}
.familysite:after {content:""; display:block; clear:both;}
.familysite .item {display:block; position:relative; width:25%; padding:0 1em; box-sizing:border-box; float:left;}
.familysite .item .ctrl {display:block; position:relative; width:100%; height:3.55em; line-height:3.55em; padding:0 1em; font-size:.9em; box-sizing:border-box; border:1px solid #D9E5F3; border-radius:.55em; background:url(../img/common/ico_family_arrow.svg) no-repeat top 50% right 1.33em #fff; background-size:.889em auto; font-weight:500;}
.familysite .item .ctrl.close {margin:0; width:101%; background-image:url(../img/common/ico_family_arrow_down.svg);}
.familysite .item .detail {display:none; position:absolute; left:1em; right:1em; bottom:0; z-index:10;}
.familysite .item .list {max-height:16em; overflow:auto; padding:1em; margin-bottom:.5em; background:#fff; border:1px solid #C7CCDD; border-radius:.5em; box-shadow:4px 4px 16px 0px rgba(0,0,0,.08);}
.familysite .item .list li {display:block; position:relative; padding-left:.6em;}
.familysite .item .list li:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:.2em; background:url(../img/common/ico_snb_depth03.svg) no-repeat 0 50%; background-size:contain;}
.familysite .item .list a {display:block; font-size:.85em; padding:.5em 0;}
.familysite .item .list a:hover,
.familysite .item .list a:focus {color:#222222; font-weight:700;}

@media all and (max-width:1024px) {
	.familysite {padding:.5em 0; margin:0 -.5em; font-size:.9em;}
	.familysite .item {width:50%; padding:.5em;}
	.familysite .item .detail {left:.5em; right:.5em; bottom:.5em;}
	.familysite .item .ctrl {height:3em; line-height:3em;}
}
@media all and (max-width:640px) {
	.familysite {padding:.5em 0; margin:0 -.2em;}
	.familysite .item {padding:.2em;}
	.familysite .item .detail {left:.2em; right:.2em; bottom:.2em;}
}
@media all and (max-width:480px) {
	.familysite .item {width:auto; float:none;}
}


.footerWrap { margin:18rem 0 3rem;}
.footerWrap .footerLink {display:flex; padding-bottom:2rem; position:relative; flex-wrap:wrap;}
.footerWrap .footerLink:before {content:''; display:block; width:2560px; height:1px; background:#dedede; position:absolute; bottom:0; left:0; }
.footerWrap .footerLink li {display:block; position:relative; }
.footerWrap .footerLink li:before {content:""; display:inline-block; width:4px; height:4px; background:#ddd; margin:0 1rem; transform: translateY(-0.3rem);}
.footerWrap .footerLink li:first-child:before {display:none;}
.footerWrap .footerLink a { position:relative; font-size:1.6rem; color:#222; font-weight:600;}
.footerWrap .footerLink:after {content:''; display:block; width:75.8rem; height:20rem; background:url(/amlib/portal/img/common/footbg.png) no-repeat right bottom / contain; position:absolute; bottom:0; right:-400px;}

.footerWrap .infoWrap {position:relative;  }
.footerWrap .infoWrap strong {font-weight:700;}

.footerWrap .infoWrap .contact {display:block; position:relative; color:#333333; margin:3rem 0;}
.footerWrap .infoWrap .contact li {display:inline-block; font-size:1.4rem; margin-right:4rem;}
.footerWrap .infoWrap .contact li:last-child{margin-right:0;}

.footerWrap .infoWrap p { font-size:1.2rem; color:#666; margin-bottom:1rem;}
.footerWrap .infoWrap p.copy { font-size:1.4rem; }

.footerWrap .addsite {position:absolute; bottom:3rem; right:0; width:20rem; text-align:left;}
.footerWrap .addsite > a {border-radius:1rem; background:#fafafa; display:block; border:1px solid #dedede; padding:1.5rem 2rem; position:relative;}
.footerWrap .addsite > a:after {content:'\ea4e'; display:flex; align-items:center; justify-content: center; width:3rem; height:3rem; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; color:#fff; background:#333; border-radius:50%; position:absolute; top:calc(50% - 1.5rem); right:1.5rem; transition:all .2s; line-height:3rem;}
.footerWrap .addsite > a.on:after {transform:rotate(180deg);}

.footerWrap .addsite ul {width:100%; position:absolute; bottom:6rem; right:0; border-radius:1rem; background:#000; padding:2rem; font-size:1.6rem; display:none; font-weight:400; }
.footerWrap .addsite ul a {color:#fff; padding:0.5rem 0; display:block;}
.footerWrap .addsite ul a:hover {color:#ffff00;}

@media (max-width:1024px) {
	.footerWrap {text-align:Center;}
	.footerWrap .footerLink {justify-content: center;}
	.footerWrap .addsite {position:relative; bottom:auto; right:auto; margin:0 auto; margin-top:2rem;}
}
@media (max-width:768px) {
.footerWrap .infoWrap .contact li {display:block; margin:0.5rem;}
}


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

#headerWrap {position:relative; z-index:99;}


#openMenu,
#openSearch {position:absolute; top:calc(50% - 2rem); width:4rem; height:4rem; overflow:hidden; text-indent:-999px; background-size:contain; z-index:10;}
#openSearch {display:block; right:2.85em;}
#openSearch.close {background-image:url(../img/common/btn_search_close.svg);}

#openMenu {right:0; background:url(/amlib/portal/img/common/mobilemenu.png) no-repeat 50% 50% / contain;}

@media all and (min-width:1025px) {
	#openSearch {right:0em;}
}
@media all and (max-width:1024px) {
	#headerWrap {border-bottom:1px solid #eee;}
	#headerWrap .logo {position:relative; padding:1.5em 0;}
	#headerWrap .logo a {height:1.5em;}
}


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

#searchWrap {display:none!important; position:absolute; top:100%; left:0; right:0; padding: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:#fff; border-bottom:1px solid #ddd; z-index:-1;}
#searchWrap .inner {max-width:1048px; margin:0 auto; padding-top:3em;}
#searchWrap .total_search {display:block; position:relative; padding:0 4.2em 0 8.5em; overflow:hidden; border-radius:9em; background:#fff; z-index:1; border:1px solid #ddd;}
#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/ico_search.svg) no-repeat 50% 50%; background-size:1.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;}
#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%);}
#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 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; padding:.5em 1em .4em; border-radius:9em;}
#searchWrap input[id*="close"],
#searchWrap button[id*="close"] {display:block; position:absolute; top:2em; right:0; width:3em; height:3em; border-radius:100%; text-indent:-999px; overflow:hidden; background:url(../img/common/btn_search_close.svg) no-repeat 50% 50%; background-size:contain; opacity:0; z-index:-9999;}
#searchWrap input[id*="close"]:focus,
#searchWrap button[id*="close"]:focus {opacity:1; z-index:1;}

@media all and (max-width:640px) {
	#searchWrap {padding:2em 0;}
	#searchWrap .inner {padding-top:2em;}
	#searchWrap .inner:before {font-size:3em;}
	#searchWrap input[id*="close"],
	#searchWrap button[id*="close"] {top:1em; font-size:.9em;}

	#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 .inner:before {display:none;}
	#searchWrap .total_search select {display:none;}
}


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

#lnbWrap {display:block; text-align:center; min-height:4.5em; color:#333;}
#lnbWrap #lnb {display:flex; justify-content:flex-end;}

#lnbWrap .li_depth01 {display:inline-block; padding:0 4rem; vertical-align:top;}
@media (max-width:1280px){
	#lnbWrap .li_depth01 {padding:0 3rem; }
}
#lnbWrap .li_depth01 > a {display:block; position:relative; font-size:2.2rem; color:#333; padding:1.8em 0; font-weight:600; color:#000;}
#lnbWrap .li_depth01.on > a,
#lnbWrap .li_depth01.active > a {color:#048389; }
#lnbWrap .li_depth01.active > a span {position:relative; }
#lnbWrap .li_depth01.active > a span:after {content:''; display:inline-block; width:1rem; height:1rem; background:#048389; border-radius:50%; transform:translate(0.5rem, -1rem);}

#lnbWrap .li_depth01 > a:after {content:''; display:block; width:0; height:0.3rem; background:#048389; position:absolute; bottom:0; left:0; transition:all .2s;}
#lnbWrap .li_depth01.on > a:after {width:100%;}

@media all and (min-width:1025px) {
	#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:#eee; z-index:1;}
	#lnbWrap .lnb_sub {display:flex; flex-wrap:wrap; justify-content: space-between; position:absolute; top:100%;  left:0; right:0; padding:5rem 0 10rem 0; background:#fff; 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 url(/amlib/portal/img/common/menubg.jpg) no-repeat 50% bottom; border-bottom:1px solid #ddd; box-shadow:0px 8px 16px 0px rgba(0,0,0,.08); z-index:-99;}
	#lnbWrap .lnb_sub:after {content:""; display:block; clear:both;}

	#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 {width:35rem; text-align:left; }
	#lnbWrap .lnb_sub .tit p {font-size:3.6rem; font-family: 'JalnanGothic'; display:flex; justify-content: space-between;}
	#lnbWrap .lnb_sub .tit p:after {content: ''; width: 9rem; height:10.4rem; background:url(/amlib/portal/img/common/menubg2.png) no-repeat 50% bottom; display:inline-block;}
	#lnbWrap .lnb_sub .tit span {font-size:1.6rem; color:#666666; font-weight:500;}

	/* Depth 02 */
	#lnbWrap  .depth02 {margin:0 0; width:calc(100% - 40rem); display:flex; flex-wrap:wrap; align-content: flex-start;}
	#lnbWrap  .depth02:after {content:""; display:block; clear:both;}
	#lnbWrap  .li_depth02 {display:block; position:relative; width:25%; box-sizing:border-box; padding:.5em;}
	#lnbWrap  .li_depth02 > a {display:block; position:relative; padding:.8em 1.8em .8em .8em; border-radius:.3em; border:1px solid #ddd; background:#fff; text-align:left;}
	#lnbWrap  .li_depth02 > a span {display:block; position:relative; color:#333333; font-size:1em;}
	#lnbWrap  .li_depth02 > a:after {content:""; display:block; position:absolute; right:.6em; top:50%; margin-top:-.45em; width:.9em; height:.9em; background:url(../img/common/ico_lnb_depth02_arrow.svg) no-repeat 50% 50%; background-size:contain; opacity:0; transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:.3s all; -webkit-transition:.3s all;}

	#lnbWrap  .li_depth02 > a[target="_blank"]:after,
	#lnbWrap  .li_depth02 > a[data-menu-target="_blank"]:after{content:""; display:block; position:absolute; right:.6em; top:50%; margin-top:-.45em; width:.9em; height:.9em; background:url(../img/common/ico_lnb_blank.svg) no-repeat 50% 50%; background-size:contain; opacity:1; transform:translateX(0); -webkit-transform:translateX(0); transition:.3s all; -webkit-transition:.3s all;}
	

	#lnbWrap  .li_depth02 > a.active,
	#lnbWrap  .li_depth02 > a:hover,
	#lnbWrap  .li_depth02 > a:focus {border-color:#222222;}
	#lnbWrap  .li_depth02 > a.active:after,
	#lnbWrap  .li_depth02 > a:hover:after,
	#lnbWrap  .li_depth02 > a:focus:after {transform:translateX(0); -webkit-transform:translateX(0); opacity:1;}
	#lnbWrap  .li_depth02 > a.active span,
	#lnbWrap  .li_depth02 > a:hover span,
	#lnbWrap  .li_depth02 > a:focus span {color:#222222;}

	/* Depth 03 */
	#lnbWrap  .depth03 {margin-top:.6em;}
	#lnbWrap  .depth03 > li > a {display:block; position:relative; text-align:left; padding:.5em 1em;}
	#lnbWrap  .depth03 > li > a:before {content:""; display:block; position:absolute; width:.2em; height:.2em; border-radius:100%; left:.4em; top:50%; margin-top:-.1em; background:#ccc;}
	#lnbWrap  .depth03 > li > a:after {content:""; display:inline-block; position:relative; vertical-align:middle; margin-left:.2em; width:.9em; height:.9em; background:url(../img/common/ico_lnb_depth02_arrow.svg) no-repeat 50% 50%; background-size:contain; opacity:0; transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:.3s all; -webkit-transition:.3s all;}



	#lnbWrap  .depth03 > li > a span {display:inline; position:relative; font-size:.95em;}
	#lnbWrap  .depth03 > li > a.active,
	#lnbWrap  .depth03 > li > a:hover,
	#lnbWrap  .depth03 > li > a:focus {border-color:#222222;}
	#lnbWrap  .depth03 > li > a.active:after,
	#lnbWrap  .depth03 > li > a:hover:after,
	#lnbWrap  .depth03 > li > a:focus:after {transform:translateX(0); -webkit-transform:translateX(0); opacity:1;}
	#lnbWrap  .depth03 > li > a.active span,
	#lnbWrap  .depth03 > li > a:hover span,
	#lnbWrap  .depth03 > li > a:focus span {color:#222222; font-weight:400;}
	#lnbWrap  .depth03 > li > a[target="_blank"]:after,
	#lnbWrap  .depth03 > li > a[data-menu-target="_blank"]:after {transform:translateX(0); -webkit-transform:translateX(0); opacity:1; background-image:url(../img/common/ico_lnb_blank.svg) !important;}

	/* Mobile : PC mode SITEMAP */
	#m_menu {display:none !important;}

	#lnb > li:last-child {display:none;}
}
@media all and (max-width:1024px) {
	#lnbWrap {display:none;}

	#m_menu {display:none; position:fixed; top:0; bottom:0; right:0; left:0; background:rgba(0,0,0,0.7); z-index:99999;}
	.open-mo-lnb #m_menu {display:block;}
	
	#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;}
	#m_menu > div {display:block; position:absolute; top:0; bottom:0; right:0; width:41rem; max-width:100%; background:#fff; border-radius:3rem 0 0 0; overflow:hidden;}
	
	#m_menu .btn_menu_close {display:block; position:absolute; top:3.5rem; right:0.5rem; width:3rem; height:3rem; border-radius:100%;  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:flex; align-items:center; position:absolute; top:0; left:0; right:0; width:100%; height:10rem; box-sizing:border-box; padding:1em; color:#fff; background:#222222; z-index:0; 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #3aa7b8), color-stop(1, #0165d8));
	background: -moz-linear-gradient(-45deg, #3aa7b8 0%, #0165d8 100%);
	background: -webkit-linear-gradient(-45deg,  #3aa7b8 0%, #0165d8 100%);
	background: -o-linear-gradient(-45deg,  #3aa7b8 0%, #0165d8 100%);
	background: -ms-linear-gradient(-45deg,  #3aa7b8 0%, #0165d8 100%);
	background: linear-gradient(-45deg,  #3aa7b8 0%, #0165d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa7b8', endColorstr='#0165d8', gradientType=1);}
		#m_menu .side-menu-top .side {width:100%;}
	#m_menu .depth1 {display:block; position:absolute; top:10rem; left:0; right:0; bottom:0; padding:2rem 0; z-index:0;}
	#m_menu .depth1:before {content:""; display:block; position:absolute; top:0; left:0; bottom:0; width:36%; background:#F8F8FC; z-index:-1;}
	#m_menu .depth1 > li {width:36%;}
	#m_menu .depth1 > li > .mnu-tit a {padding:2rem 1.8rem; z-index:0; color:#333; font-weight:500;}
	#m_menu .depth1 > li > .mnu-tit a span {display:block; font-size:1.9rem; }
	#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.active > .mnu-tit a span {color:#0165d8; font-weight:700;}
	#m_menu .depth1 > li.active > .mnu-tit .open-submenu {position:absolute; top:0; left:0; width:100%; height:100%;}
	#m_menu .depth1 > li > .mnu-tit .open-submenu:after {content:"\ea6e"; width:2rem; height:2rem; display:flex; align-items:center; justify-content: center; position:absolute; top:calc(50% - 0.38em); right:1rem; color:#000; text-indent:0; font-size:2.6rem; color:#333; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; opacity:0;}

	#m_menu .depth1 > li.active > .mnu-tit .open-submenu:after {opacity:1; color:#0165d8;}

	#m_menu .depth2Wrap {display:none; position:absolute; top:0; left: 35%; right:0; bottom:0; padding:2rem; overflow:auto;}
	#m_menu li.active > .depth2Wrap {display:block;}
	/* #m_menu .depth2 {min-width:160px;} */
	#m_menu .depth2 > li > .mnu-tit {border-bottom:1px solid #dedede;}
	#m_menu .depth2 > li:last-child > .mnu-tit {border-bottom:0;}
	#m_menu .depth2 > li > .mnu-tit a {padding:1.5rem; margin-right:2.4rem;}
	#m_menu .depth2 > li > .mnu-tit a[target="_blank"]:after {right:auto; left:100%;}
	#m_menu .depth2 > li > .mnu-tit a span {font-size:1.8rem; font-weight:500;}
	#m_menu .depth2 > li > .mnu-tit .open-submenu {position:absolute; top:0; bottom:0; right:0; width:1.25em; background:url(../img/common/ico_lnb_depth2_mobile.svg) no-repeat 50% 50%; background-size:100% auto;}
	/* #m_menu .depth2 > li.active > .mnu-tit {border-bottom:2px solid #347DDD;} */
	#m_menu .depth2 > li.active > .mnu-tit a span {color:#347DDD; font-weight:600;}
	#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:1rem 1rem; border-bottom:1px solid #DFE4EF; background:#f1f1f1;}
	#m_menu li.active > .depth3 {display:block;}
	#m_menu .depth3 li > .mnu-tit a {padding:1rem 0 1rem 2rem;}
	#m_menu .depth3 li > .mnu-tit a span {font-size:1.6rem;}
	#m_menu .depth3 li > .mnu-tit a:before {content:""; display:block; position:absolute; left:.5em; top:50%; margin-top:-.1875em; width:.375em; height:.375em; background:url(../img/common/ico_lnb_depth3_mobile.svg) no-repeat 50% 50%; background-size:contain; border-radius:100%;}

	#m_menu .depth4 {display:none;}
}

@media (max-width:480px){
		
		#m_menu > div {width:32rem;}
		#m_menu .side-menu-top { position:relative; top:auto; left:auto; }
			#m_menu .depth1 {position:relative; top:auto; left:auto; right:auto; bottom:auto; padding:0; z-index:0;}
		#m_menu .depth1:before {display:none;}
		#m_menu .depth1 > li {width:100%; border-bottom:1px solid #dedede;}
		#m_menu .depth1 > li > .mnu-tit .open-submenu:after{opacity:0.5; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
		#m_menu .depth1 > li.active > .mnu-tit .open-submenu:after {transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
		#m_menu .depth2Wrap { position:relative; top:auto; left:auto; right:auto; bottom:auto; padding:1.5rem; overflow:auto; background:#f2f2f2;}
		#m_menu .depth2Wrap > ul {border-radius:1rem; padding:1rem; background:#fff;}
		#m_menu .depth2 > li > .mnu-tit a {padding:1rem 1.5rem;}
		#m_menu .depth2 > li > .mnu-tit a span {font-size:1.6rem;}
	}




/******************************************
	Main Bannere
******************************************/

.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 .control button {display:block; position:relative; float:left; margin-right:.3em; width:1.6em; height:1.6em; border-radius:100%; text-indent:-999px; overflow:hidden; background:no-repeat 50% 50%; background-size:100% 100%;}
.bannerWrap .control button.prev {background-image:url(../img/common/btn_banner_prev.svg);}
.bannerWrap .control button.next {background-image:url(../img/common/btn_banner_next.svg);}
.bannerWrap .control button.play {display:none; background-image:url(../img/common/btn_banner_play.svg);}
.bannerWrap .control button.stop {background-image:url(../img/common/btn_banner_pause.svg);}
.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;}

@media all and (max-width:640px) {
	.bannerWrap h3 {display:none;}
	.bannerWrap .control {left:0;}
	.bannerWrap .slider {margin-left:6.5em;}
}


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

#container {max-width:1460px; margin:0 auto; position:relative; display:flex; justify-content: space-between;}
#container:before {content:''; display:block; width:2560px; height:255px; background:url(/amlib/portal/img/common/subtitbg.png) no-repeat 0	0; position:absolute; top:0; right:-20rem; z-index:0; transition:all .2s;}
/* #container:after {content:""; display:block; clear:both;} */
@media (max-width: 1500px) {
	#container { width: calc(100% - 3rem); }
}
@media (max-width: 1280px) {
	#container:before {height:200px;}
}


#snbWrap {position:relative; width:340px; margin-top:8rem;}

#snbWrap h2 {display:flex; align-items: center; justify-content: center; position:relative; height:6em; background:#333; overflow:hidden;  color:#fff; border-radius:10rem 6rem 3rem 3rem; font-size:3rem; margin-bottom:1rem;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #3aa7b8), color-stop(1, #0165d8));
	background: -moz-linear-gradient(-45deg, #3aa7b8 0%, #0165d8 100%);
	background: -webkit-linear-gradient(-45deg,  #3aa7b8 0%, #0165d8 100%);
	background: -o-linear-gradient(-45deg,  #3aa7b8 0%, #0165d8 100%);
	background: -ms-linear-gradient(-45deg,  #3aa7b8 0%, #0165d8 100%);
	background: linear-gradient(-45deg,  #3aa7b8 0%, #0165d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa7b8', endColorstr='#0165d8', gradientType=1);}


#snbWrap .snb { background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.07); border-radius:3rem; padding:2rem;}
#snbWrap .snb ul {display:none;}
#snbWrap .snb li.on > ul,
#snbWrap .snb li.active > ul {display:block;}

#snbWrap .snb > li {display:block; position:relative;}
#snbWrap .snb > li > a {display:block; position:relative; padding:2rem 2rem;; border-bottom:1px solid #DFE4EF;}
#snbWrap .snb > li > a span {display:block; position:relative; font-size:1.8rem; font-weight:600;}
#snbWrap .snb > li:has( + li.active) > a {border-bottom:0;}
#snbWrap .snb > li > a.active { color:#fff; background:#033161; border-radius:1rem 3rem 0 0;}
#snbWrap .snb > li > a:after {content:'...'; display:block; font-size:2.4rem; color:#999; position:absolute; top:1rem; right:2rem;}
#snbWrap .snb > li > a.active:after {color:#fff;}

#snbWrap .snb > li > a[target=_blank]:after {content:''; width:1.7rem; height:1.7rem; background:url(/amlib/portal/img/common/blank.png) no-repeat 50% 50%; top:calc(50% - 0.7rem); background-size: contain;} 

#snbWrap .snb > li > ul {border:1px solid #DFE4EF; border-radius:0 0 0.5rem 0.5rem; border-top:0; font-size:1.6rem; padding:1rem 0;}
#snbWrap .snb > li > ul > li {display:block; position:relative;}
#snbWrap .snb > li > ul > li > a {display:block; position:relative; padding:1rem 3rem;}
#snbWrap .snb > li > ul > li > a.active {color:#033161;}
#snbWrap .snb > li > ul > li.active > a:before {content:''; display:block; width:2rem; height:0.4rem; background:#033161; position:absolute; top:calc(50% - 0.2rem); left:0;}
/* #snbWrap .snb > li > ul > li > ul {display:none !important;} */

#snbWrap .snb > li > ul > li > a[target=_blank]:after {content:''; display:inline-block; width:1.4rem; height:1.4rem; background:url(/amlib/portal/img/common/blank.png) no-repeat 50% 50%; background-size: contain; margin-left:0.3rem;} 

#snbWrap .snb > li > ul > li > ul {display:none!important;}

#content {width:calc(100% - 400px); }

@media all and (max-width:1500px) {
	#snbWrap {width:25%;}
	#content {width:calc(75% - 30px);}
}


@media all and (max-width:1024px) {
	#snbWrap {display:none;}
	#content {width:100%;}
}



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

#titWrap {display:block; position:relative; margin-bottom:4rem; }

#titWrap h3 {display:block; position:relative; font-size:3.6rem;  color:#222; font-family: 'JalnanGothic'; text-align:center; line-height:1em; margin:8rem 0;}

#spotWrap {position:relative; margin-top:1.5em; background:#fff; padding:2rem; border-radius:5rem; box-shadow:0 0 1.5rem rgba(0,0,0,0.07); height:6rem; display:flex; align-items:center;}
#spotWrap:before {content:""; display:block; position:absolute; width:18.2rem; height:12.3rem; background:url(/amlib/portal/img/common/subtopimg.png)no-repeat right bottom ; bottom:1rem; right:15rem; background-size:contain; }


#spotWrap .spot_list {display:flex; padding-left:7rem; align-items:center;}
#spotWrap .spot_list li {color:#666;}
#spotWrap .spot_list li:first-child {position:absolute; top:0; left:0; background:#048389 url(/amlib/portal/img/common/home.png) no-repeat 50% 50%; width:6rem; height:6rem; border-radius:50%; overflow:hidden; text-indent:-9999px;}
#spotWrap .spot_list li:before {content: "\ea6e"; display:inline-block;  font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; margin:0 1rem; color:#999; font-size:2rem;}
#spotWrap .spot_list li:nth-child(2):before {display:none;}
#spotWrap .spot_list li:last-child a {color:#000; font-weight:700;}


#spotWrap .sub_acc {display:block; position:absolute; top:1.2rem; right:1rem;}
#spotWrap .sub_acc > li {display:inline-block; position:relative; vertical-align:middle; margin:0 0.5rem;}
#spotWrap .sub_acc > li:after {content:''; display: block; width:1px; height:1rem; background:#ccc; position:absolute; top:calc(50% - 0.5rem); right:-0.7rem;}
#spotWrap .sub_acc > li:last-child:after{display:none;}
#spotWrap .sub_acc > li > a {display:block; position:relative; text-indent:-9999px; overflow:hidden; width:3.4rem; height:3.4rem; opacity:0.5; transition:all .2s;}
#spotWrap .sub_acc > li > a:hover {opacity:1;}
#spotWrap .sub_acc > li > a:before {content:""; display:block; position:absolute; top:0; left:0; width:3.4rem; height:3.4rem; background:url(/amlib/portal/img/common/spr_spot.png) no-repeat 0 0; background-size:auto 3.4rem!important;}
#spotWrap .sub_acc > li > a.share:before {background-position:78% 0; }
#spotWrap .sub_acc > li > a.share:hover:before {background-position:78% 0;}

#spotWrap .sub_acc > li > a.print:before {background-position:89% 0; }
#spotWrap .sub_acc > li > a.print:hover:before {background-position:89% 0; }


#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; z-index: 1;}
#spotWrap .share_list > div {display:block; position:relative; padding-right:4rem;}
#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:3.4rem; height:3.4rem; background-position:67% 50%; background-color:#333; border-radius:.5em;}
#spotWrap .share_list ul {display:block; white-space:nowrap; padding:.45em .6em; border-radius:.7em; background:#fff; border:1px solid #C7CCDD; box-shadow:4px 4px 16px 0px rgba(0,0,0,.08); transition:.3s all; -webkit-transition:.3s all;}
#spotWrap .share_list li {display:inline-block; vertical-align:middle;}
#spotWrap .share_list button {display:block; position:relative; width:3rem; height:3rem; text-indent:-999px; overflow:hidden; background:url(/amlib/portal/img/common/spr_spot.png) no-repeat 0 -.3em; background-size:auto 3rem;}

#spotWrap .share_list button.twitter {background-position:44% 50%;}
#spotWrap .share_list button.facebook {background-position:33% 50%;}
#spotWrap .share_list button.blog {background-position:22% 50%;}
#spotWrap .share_list button.kakaostory {background-position:0 50%;}
#spotWrap .share_list button.kakaotalk {background-position:11% 50%;}
#spotWrap .share_list button.qrcode {background:url(/amlib/common/img/common/spr_spot_qr.svg) no-repeat 50% 50%; background-size:contain;}
#spotWrap .share_list button.instagram {background-position:-7.54em -.3em;}
#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.2em; height:2.2em; background:url(/amlib/common/img/common/spr_spot.svg) no-repeat -11.55em 0; background-size:auto 4.4em; background-color:#333; border-radius:.8em; text-indent:-999px; overflow:hidden;}
#spotWrap .zoom_list ul {display:block; white-space:nowrap; padding:.45em .6em; border-radius:.7em; background:#fff; border:1px solid #C7CCDD; box-shadow:4px 4px 16px 0px rgba(0,0,0,.08); transition:.3s all; -webkit-transition:.3s all;}
#spotWrap .zoom_list li {display:inline-block; vertical-align:middle;}
#spotWrap .zoom_list a {display:block; position:relative; width:1.6em; height:1.6em; text-indent:-999px; overflow:hidden; background:url(/amlib/common/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) {
	#container:before {height:145px;}
	#titWrap h3 {margin:5rem 0;}
}
@media all and (max-width:768px) {
	#spotWrap .sub_acc {display:none;}
	#spotWrap:before {display:none;}
	/* .spot_list li:not(:last-child) {display:none;} */
	.spot_list li:last-child {display:none;}
	.spot_list li:nth-child(2) {display:block;}
	#spotWrap .spot_list {padding-left:5rem;}
	#spotWrap .spot_list li:before {margin:0 0;}
}

.bod_head.sitemap {display:none;}