@charset "utf-8";

html,body{height:100%}
html{font-size:10px}
body{background-color:#2a2d34;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{border:0 none;outline:1px dashed;}

#wrap{min-width:1280px;background:#fff;overflow-x:hidden;}
#wrap ::-webkit-scrollbar{width:10px;height:10px;}
#wrap ::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:10px;}
#wrap ::-webkit-scrollbar-thumb{background-color:#a2a2a2;border-radius:10px;background-clip:padding-box;border:2px solid transparent;}
.wrap-mask{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);z-index:500;display:none;}

.blank{position:relative;}
.blank > small{display:inline-block;position: absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 6px;font-size:0;background:url(../icons/ico_target_blank.svg) no-repeat 50% 50% / 100% auto}

/* Common Layout */
#wrap,#header,#container,#footer,section{position:relative}
#wrap::after,#header::after,#container::after,#footer::after{display:block;clear:both;content:''}
#header .inner,#footer .inner,#visual > .inner,#location > .inner,#content > .inner,section > .inner{position:relative;width:1200px;margin:0 auto;}
#header .inner::after,#footer .inner::after,#visual > .inner::after,#location > .inner::after,#content > .inner::after,section > .inner::after{display:block;clear:both;content:''}

#header{position:absolute;top:0;left:0;width:100%;z-index:999;background:#fff;}
#header .inner{position:static;height:100px;padding-left:28rem;text-align:center;}
.header-logo{position:absolute;top:2rem;left:calc(50% - 60rem);}
.header-logo a{display:block;width:28rem;height:5rem;background:url(../images/main/header_logo.png) no-repeat 0 0 / 100% 100%;text-indent:-9999px;font-size:0;}
.header-logo em,.header-logo span{display:block;color:#fff;}
.header-logo em{font-size:3rem;font-weight:900;letter-spacing:-0.035em;}
.header-logo span{font-size:16px;font-weight:500;letter-spacing:-0.05em;}

.header-btn{position:absolute;top:50%;right:calc(50% - 60rem);;z-index:1}
.header-btn a{display:block;float:left;width:24px;height:24px;margin-top:-12px;background-position:50% 50%;background-repeat:no-repeat;text-indent:-9999px}
.header-btn a.demo{width:auto;height:auto;padding:0 2.6rem;font-size:16px;color:#ffffff;font-weight:500;line-height:3.4rem;background:#020606;border-radius:17px;text-indent:0;}
.header-btn .ico-open{background-image:url(../images/main/header_ico_menu.png)}

#gnb{display:flex;width:fit-content;margin:0 auto;padding:0;z-index:11;}
#gnb::after{display:block;clear:both;content:'';}
#gnb > li{position:relative;overflow:visible;}
#gnb > li > a{position:relative;display:flex;justify-content:center;align-items:center;height:100px;padding:0 3.3rem;text-align:center;font-size:18px;font-weight:500;color:#0f0f0f;}
#gnb > li.on > a::after,#gnb > li > a:hover span::after,#gnb > li > a:focus span::after{display:block;}
#gnb > li .depth2{display:none;position:absolute;left:50%;top:100px;width:16rem;margin-left:-8rem;padding:1rem 0;background-color:#fff;z-index:10;background:#fff;border:1px solid #c3cad6;border-top:0 none;}
#gnb > li .depth2 li{position:relative;width:100%;text-align:center;}
#gnb > li.on .depth2{display:block;}

/* #gnb > li.on > a{color:#dce760;} */
#gnb > li .depth2{display:none;position:absolute;left:50%;top:100px;width:180px;margin-left:-90px;padding:0;background-color:#fff;border:1px solid #1c9044;}
#gnb > li .depth2::before{position:absolute;left:50%;top:-8px;width:15px;height:8px;margin-left:-7px;background:url(../images/common/gnb_arrow2.png) center center no-repeat;content:''}
#gnb > li.on > ul{display:block;}
#gnb > li .depth2 li{position:relative;width:100%;text-align:center;}
#gnb > li .depth2 li.parent > a{background:url(../images/common/gnb_depth2_arrow_off.png) no-repeat right 12px center }
#gnb > li .depth2 li.parent.on > a{background-image:url(../images/common/gnb_depth2_arrow_on.png);}
#gnb > li .depth2 a{display:block;padding:13px 0;font-size:16px;font-weight:500;color:#101010;position:relative;z-index:1;}
#gnb > li .depth2 li.on > a,#gnb > li .depth2 li a:hover,#gnb > li .depth2 li a:focus{background-color:#1a9144;color:#fff;text-decoration:underline;}
#gnb > li .depth2 .gnb_depth3 a:hover,#gnb > li .depth2 .gnb_depth3 a:focus{background-color:#ce749e}
#gnb > li ul ul{display:none;position:absolute;left:100%;top:-1px;width:180px;background-color:#1a9144;border:1px solid #1c9044;}
#gnb > li ul .on ul{display:block;}
#gnb > li ul ul a{color:#fff;}





#gnb > li > a.blank {position:relative;display:flex !important;justify-content:center;align-items:center;}
#gnb > li > a.blank > small{position: static;top:auto;width:14px;height:14px;margin:0 0 0 6px;}


/*
#gnb .depth2{display:none;position:absolute;left:0;right:0;top:100px;height:5rem;background-color:rgba(0, 0, 0, 0.6);text-align:center;z-index:2;}
#gnb .on > .depth2{display:block}
#gnb li ul{display:inline-block;}
#gnb li ul li{float:left;padding:1rem 3rem;}
#gnb li ul a{display:block;font-size:16px;font-weight:500;color:#ffffff;line-height:3rem;letter-spacing:-0.05em;}
#gnb li ul a:focus,#gnb li ul a:active,#gnb li ul a:hover{text-decoration:underline;}
*/
#container{padding-top:100px;}



/* Footer */
#footer{z-index:10;background:#2a2d34;}
#footTop{padding:0;}

.footer-nav{display:flex;align-items:center;height:calc(6.4rem - 1px);gap:4.5rem}
.footer-nav a{font-size:15px;color:#ffffff;letter-spacing:-0.05em;}
.footer-nav a strong{font-weight:900;}

.footer-link{position:absolute;top:0;right:0;width:48rem;}
.footer-link::after{display:block;clear:both;content:'';}
.footer-link .item{position:relative;float:left;width:50%;}
.footer-link button{position:relative;display:block;width:100%;height:6.4rem;border:1px solid #484b51;font-size:15px;text-align:left;color:#ffffff;overflow:hidden;}
.footer-link button.open{padding:0 3.6rem 0 18px;}
.footer-link button.open::before{display:block;clear:both;content:'';position:absolute;top:0;right:0;width:3.6rem;height:6.4rem;}
.footer-link button.open::after{display:block;clear:both;content:'';position:absolute;top:0;right:0;width:3.6rem;height:6.4rem;background:url(../images/common/footer_link_arrow.png) no-repeat 50% 50% / 2rem auto;transition:all .3s ease;}
.footer-link .item.selected button.open{}
.footer-link .item.selected button.open::after{transform:rotate(180deg);}

.footer-link button.close{position:absolute;top:0;right:0;width:3.6rem;height:3.6rem;background:#6e6e6e url(../images/common/footer_link_close.png) 50% 50% no-repeat;background-size:2rem auto;text-indent:-9999px}
.footer-link .hidden-box{display:none;width:100%;position:absolute;bottom:6.4rem;left:0;padding:18px;background-color:#2a2a2a;z-index:50;overflow:hidden;}
.footer-link .hidden-box li a{display:block;height:24px;margin-top:1px;padding:2px 0;color:#fafafa;font-size:14px;line-height:20px;text-decoration:none;}

#footGlobal{position:relative;border-top:1px solid #484b51;}
#footGlobal .inner{padding:3.8rem 0 3.8rem 34rem}

.footer-logo{position:absolute;top:0;left:0;display:block;width:26.8rem;height:5rem;background:url(../images/main/footer_logo.png) no-repeat 0 0 / 100% 100%;text-indent:-9999px;font-size:0;}


.footer-logo{position:absolute;top:3rem;left:0;}
.footer_logo img{width:13.7rem;height:4.4rem;}
.footer-addr{margin-bottom:1rem;font-size:0;}
.footer-addr address,.footer-addr p{position:relative;display:inline-block;font-size:14px;font-weight:400;color:#f4f4f4;letter-spacing:-0.05em;}
.footer-addr p{margin-left:1rem;padding-left:11px;}
.footer-addr p::before{display:block;clear:both;content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background-color:#737373;}

.footer-copy{font-size:12px;color:#f4f4f4;}



#quick{position:fixed;z-index:499;right:3%;top:18%;border-radius:10px;background:linear-gradient(to bottom,#08afd1 0%,#4293e5 100%);overflow:hidden;}
#quick li{text-align:center;width:11rem;padding:10px 0;border-bottom:1px dotted #e1e1e1;font-size:14px;font-weight:500;line-height:2.2rem;;color:#fff;}
#quick li a{display:block;}
#quick li a:hover{color:#e3ffd6;text-decoration:underline;}
#quick li.first{border-bottom:0 none;background-color:#6ead52;padding:10px 0 8px;font-size:15px;}
#quick li:last-child{border-bottom:0 none;padding:6px 0;}
#quick li img{display:block;width:auto;margin:8px auto}

/* 인쇄 */
@media print{
	html,body{background:#fff;}
	#header,#sideNav,#footer,#visual,.page-btns{display:none !important;}
	#wrap{width:1100px!important;min-width:auto !important;margin:0 auto !important;padding:0 !important;}
	#container{width:100%!important;margin:1cm 0 !important;padding:2em !important;page-break-after:always;}
	.location{background:#fff;padding-top:0 !important;}
	#content{width:auto !important;min-height:100px !important;padding:0 !important;}

	@page{
		size:A4;
		margin:1em;
		padding:0;
	}
}