html{overflow-y:scroll; background-color:#fafafa}
#wrap{position:relative; overflow:hidden; min-width:1280px; letter-spacing:-0.05em}
.wrp_holder{position:relative; margin:0 auto; width:1200px}
.wrp_holder:after{content:""; display:block; clear:both}

/* header */
#header{z-index:500; position:relative; font-weight:500}
#header .ci{position:absolute; top:67px; left:50%; margin-left:-100px}
#header .ci a{display:block; width:200px; height:40px; font-size:0; background:url(../../images/common/sp_common.png?ver=20210514) no-repeat; background-size:100% auto}
#header .cs{position:absolute; top:30px; left:0; padding:0 11px; line-height:30px; color:#fff; background-color:#b0000d; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px}
#header .sns{position:absolute; top:30px; right:0}
#header .sns:after{content:""; display:block; clear:both}
#header .sns a{float:left; display:block; width:30px; height:30px; font-size:0; background:url(../../images/common/sp_common.png) no-repeat; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%}
#header .sns a + a{margin-left:10px}
#header .sns a.sns1{background-position:-100px -45px}
#header .sns a.sns2{background-position:-135px -45px}
#gnb{padding-top:60px}
#gnb ul:after{content:""; display:block; clear:both}
#gnb ul li{float:left}
#gnb ul li a{text-decoration:none; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out}
#gnb > ul{margin:0 -40px}
#gnb .g_nav > a{padding:0 40px; line-height:75px; font-size:18px; color:#000}
#gnb.fixed{position:fixed; top:0; right:0; left:0; min-width:1280px; padding-top:13px; min-height:87px; background-color:#fff; animation:gnbFloating 0.4s 1 ease-in-out forwards}
#gnb.fixed .ci{top:28px; margin-left:-87.5px}
#gnb.fixed .ci a{width:175px; height:35px}
#gnb.fixed > ul{margin:0 auto; width:1280px}
@keyframes gnbFloating {
	from {top:-100%}
	to {top:0}
}

/* quick */
#quick{position:fixed; bottom:45px; right:30px}
#quick a{position:absolute; right:0; width:60px; height:60px; overflow:hidden; font-weight:500; color:#fff; text-decoration:none; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px}
#quick a + a{margin-top:5px}
#quick .icon{position:absolute; background:url(../../images/common/sp_common.png) no-repeat}
#quick .q_nav{line-height:60px}
#quick .q_nav .icon{top:18px; left:18px; width:24px; height:24px}
#quick .q1{/* bottom:130px; */ bottom:65px; width:150px; text-align:center; font-size:26px; background-color:#de0010; animation:qblink 0.25s linear infinite alternate}
#quick .q2{bottom:65px; background-color:#00c63b}
#quick .q1 .icon{background-position:-100px -76px}
#quick .q2 .icon{background-position:-130px -76px}
#quick .q2 .txt{position:absolute; top:0; left:60px}
#quick .top{bottom:0; line-height:51px; text-align:center; background-color:#343434}
#quick .top .icon{bottom:0; left:50%; margin-left:-5px; width:10px; height:23px; background-position:-160px -76px}
#quick.end{position:absolute; bottom:515px}
@keyframes qblink {
	0% {background-color:#de0010}
	49% {background-color:#de0010}
	50% {background-color:#ff0011}
	100% {background-color:#ff0011}
}


/* footer */
#footer{padding:99px 0 79px 0; text-align:center; background:#fff url(../../images/common/footer_bg.gif) center top no-repeat}
#footer .ci{display:block; vertical-align:top; width:247px; height:50px; margin: 0 auto; font-size:0; background:url(../../images/common/ft_logo.png) 0 0 no-repeat}
#footer .csinfo{margin:50px auto 0 auto; width:500px; padding:23px 0 26px 0; background-color:#f2f2f2}
#footer .csinfo .tel{font-size:20px; font-weight:700; color:#de0010}
#footer .csinfo .tel span{font-size:23px}
#footer .csinfo .time{margin-top:10px}
#footer .siteinfo{margin-top:38px; color:#acacac}
#footer .add{font-size:13px}
#footer .add span{position:relative; display:inline-block; vertical-align:top}
#footer .add span + span{margin-left:11px; padding-left:11px}
#footer .add span + span:before{content:""; position:absolute; top:3px; left:0; width:1px; height:10px; background-color:#d4d4d4}
#footer .copy{margin-top:10px; font-size:15px; font-weight:700}
#footer .ft_btn {display: block; width: 213px; margin: 33px auto 0;}

/* common */
.fl{float:left}
.fr{float:right}
.noscroll {overflow: hidden;}
.blind{display:block; width:0; height:0; overflow:hidden; font-size:0; line-height:0}

/* font */
.eng{font-family:'Titillium Web', 'Noto Sans KR', sans-serif}

/* slider */
.bx-controls-direction a{position:absolute; width:40px; height:40px; font-size:0; background-color:rgba(0,0,0,0.6); border-radius:100%; -webkit-border-radius:100%; -mox-border-radius:100%; transition:background-color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out; -moz-transition:background-color 0.2s ease-in-out; -o-transition:background-color 0.2s ease-in-out}
.bx-controls-direction a:hover{background-color:rgba(0,0,0,1)}
.bx-controls-direction a:after{content:""; position:absolute; top:50%; margin-top:-6px; width:24px; height:12px; background:url(../../images/common/sp_icon.png) no-repeat}
.disabled + .bx-controls .bx-controls-direction a,
.bx-controls-direction .disabled{display:none}
.bx-controls-direction .bx-prev:after{right:0; background-position:0 -30px}
.bx-controls-direction .bx-next:after{left:0; background-position:-25px -30px}