@charset "utf-8";
@import url(/common/js/opensources/aos/aos.css);
@import url(../fonts/RiaSans/RiaSans.css);

* {min-width:0;}

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

#headerWrap {background:transparent; left:auto !important;}
#headerWrap .logo {display:flex; align-items:center;}
#headerWrap .logo a {margin-right:.5em; white-space:nowrap;}
#headerWrap .logo a.sub-logo {text-indent:0; height:auto; background:none; font-size:1.2em; font-weight:800; color:#222;}

@media all and (min-width:1025px) {
	#lnbWrap .layer:after,
	#lnbWrap .layer.on:after {background:#222; opacity:.1;}
}
@media all and (max-width:1024px) {
	#headerWrap .logo {max-width:100%;}
}
@media all and (max-width:420px) {
	#headerWrap .m-logo {font-size:.8em;}
}
@media all and (max-width:380px) {
	#headerWrap .logo a.sub-logo {font-size:1em;}
}


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

#lnbWrap {margin:0 5.5em 0 21em;}
#lnb {text-align:right;}
#searchWrap {display:none;}
#lnbWrap .li_depth01 {position:relative; padding:0 2em;}

@media all and (min-width:1025px) {
	#lnbWrap .def_nav:after {content:""; display:block; position:absolute; top:100%; left:50%; height:0; width:100vw; margin-left:-50vw; visibility:hidden; background:url(../img/common/bak_lnb.png) #fff no-repeat 0 100% / auto 9.5em; border-bottom:1px solid #ddd; box-shadow:0px 8px 16px 0px rgba(0,0,0,.08); z-index:-99; height:0;}
	#lnbWrap .lnb_sub {background:transparent;}
	#lnbWrap .lnb_sub:before,
	#lnbWrap .lnb_sub:after {display:none !important;}
	#lnbWrap .layer.on .def_nav:after {transition:.3s all; -webkit-transition:.3s all; height:13em; visibility:visible;}
	#lnbWrap .layer.on .lnb_sub {transform:translateY(0); -webkit-transform:translateY(0); opacity:1; visibility:visible; transition:.3s all; -webkit-transition:.3s all;}
	
	#lnbWrap .li_depth01.on > a:after {content:""; display:block; position:absolute; left:50%; top:100%; width:10px; height:10px; border-radius:100%; margin:-4px 0 0 -5px; background:#1D8869;}
	
	#lnbWrap .depth02 {display:flex; flex-direction:column;}
	#lnbWrap .li_depth02 {display:block; width:auto; float:none; padding:.5em;}
	#lnbWrap .li_depth02 > a {padding:0; border-radius:0; border:none; background:transparent;}
	
	#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:#1d8869;}
}


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

.footerWrap {background:#222;}
.footerWrap .langList {display:none;}

.footerWrap .familysite > li .btn_open,
.footerWrap .familysite > li .btn_close {background:#333;}

@media all and (max-width:1024px) {.footerWrap .footerLink li:first-child {width:100%;}}

.btn_scroll_top {background-color:#222;}



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

#snbWrap h2 {background:linear-gradient(-90deg,rgba(99, 213, 157, 1) 0%,rgba(0, 126, 99, 1) 100%);}
#snbWrap .snb > li,
#snbWrap .snb > li > a {border-radius:.5em;}
#snbWrap .snb > li > a:focus:before {display:none;}
#snbWrap,
#snbWrap nav,
#snbWrap .snb > li {overflow:visible;}
#snbWrap .snb > li.active {border-color:#1d8869; background-color:#1d8869;}
#snbWrap .snb > li.active > a {background:#1d8869;}

#spotWrap .sub_acc > li > a:hover,
#spotWrap .sub_acc > li > a:focus {background-color:#1d8869;}


#spotWrap .spot_list:before {background:#F8FBFA;}

.pageInfo .research .opinion_wrap .regBtn {background:#1d8869;}


/*****************************************************
	Others
*****************************************************/

.fix-scroll,
.fix-scroll .swiper-container {display:block; position:relative; overflow:visible !important;}
.fix-scroll .swiper-wrapper {display:block !important; transform:none !important; -webkit-transform:none !important; height:100% !important; overflow:auto; white-space:nowrap;}
.fix-scroll .swiper-wrapper li {display:inline-block !important; vertical-align:top; transform:none !important; -webkit-transform:none !important; opacity:1 !important;}
.fix-scroll .swiper-wrapper li a {display:block; position:relative; margin:5px;}

.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;}