@charset "utf-8";

#khskip{position:absolute;z-index:9999;top:0;left:0}
#khskip a{position:absolute;top:-100px;left:-100px}
#khskip a:focus,
#khskip a:active{top:10px;left:10px;display:inline-block;width:120px;line-height:30px;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#115aa3;text-decoration:none}

/**/
#khpopup{position:relative;z-index:10002}
#khpopup h2{display:none;font-size:0}
#khpopup .khpop{position:absolute;top:220px;left:50%;transform:translateX(-50%);background:#fff;box-shadow:5px 5px 10px rgba(0,0,0,0.05)}
#khpopup .khpop .img a{display:block}
#khpopup .khpop .img img{display:block;margin:0 auto;width:100%;height:auto;vertical-align:middle}
#khpopup .control{padding:5px;background:#333;overflow:hidden}
#khpopup .control button{height:35px;line-height:35px;font-size:14px;font-weight:500;color:#fff;border:1px solid #454545;background:#000;text-align:center;letter-spacing:-0.5px}
#khpopup .control input[id="chkbox"]{display:none}
#khpopup .control input[id="chkbox"] + label i{cursor:pointer}
#khpopup .control input[id="chkbox"]:checked + label i:before{content:"\e92d"}
#khpopup .control label{line-height:30px;font-size:13px;letter-spacing:-1px;color:#fff;cursor:pointer}
#khpopup .control i{position:relative;top:4px;margin-right:3px;font-size:24px}	
#khpopup .control .fl button{padding:0 20px}
#khpopup .control .fr button{padding:0 5px}

/**/
#khplay{position:relative;margin:0 auto;min-width: 330px;max-width:750px;}
#khplay .khwrap{position:relative;zoom:1;}
#khplay .khwrap:before,
#khplay .khwrap:after{clear:both;display:table;content:"";line-height:0}
#khplay .khtable{display:table;width:100%}
#khplay .nocontent{font-size:15px;text-align:center}

#header{position:absolute;z-index:110;top:0;left:0;width: 100%;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.025);transition:all 0.5s ease;}

#logo{position: relative;z-index:110;padding: 15px 0 5px 0;}
#logo h1{position:relative;display: block;text-align: center;}
#logo h1 a{display: inline-block;}
#logo h1 a img{width:auto;height: 55px;vertical-align:top;}

#global{}
#global .menunone{padding:25px 0}
#global .menunone strong{line-height:30px;font-size:15px;font-weight:400;color:#aaa}
#global .depth1{position:relative;text-align:center}
#global .depth1:before,
#global .depth1:after{clear:both;display:table;content:"";line-height:0}
#global .depth1 .dl1{float:left;width: 25%;position:relative;}
#global .depth1 .dl1.sel .depth2{top:100px;visibility:visible;opacity:1}
#global .depth1 .dl1 .da1{display:block;position:relative;z-index:5;line-height: 45px;font-size: 14px;font-weight: 600;color: #000;text-align:center;transition:none;text-transform: uppercase;letter-spacing:-0.5px;}
#global .depth1 .dl1 .da1.sel:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#b51c22}
#global .depth1 .dl1 .da1 span{position:relative;display:block}
#global .depth2{position:absolute;z-index:4;top:85px;left:50%;padding:15px 0;margin-left:-50%;width:100%;background:#333;background-size:cover;box-shadow:5px 5px 10px rgba(0,0,0,0.15);visibility:hidden;opacity:0}
#global .depth2 .da2{position:relative;display:block;padding:10px 10px;line-height:18px;font-size:15px;font-weight:400;color:rgba(255,255,255,0.5);text-align:center}
#global .depth2 .da2:hover,
#global .depth2 .da2.sel,
#global .depth2 .da2:focus{color:#fff}
#global .depth3{padding:1px 0;margin-left:30px}
#global .depth3 .da3{position:relative;display:block;padding-left:10px;line-height:1.2;font-size:13px;font-weight:400;color:rgba(0,0,0,0.5);text-align:left}
#global .depth3 .da3:before{content:'';position:absolute;top:0;left:0;bottom:0;width:1px;height:100%;background:rgba(0,0,0,0.5)}
#global .depth3 .da3:hover,
#global .depth3 .da3.sel,
#global .depth3 .da3:focus{color:#222;text-decoration:underline}
#global .depth3 .da3:hover:before,
#global .depth3 .da3.sel:before,
#global .depth3 .da3:focus:before{background:#222}

#sub #footer{background:#2e2e2e !important}
#footer{position:relative;z-index: 2;padding: 25px 0;background: #b51c22;min-height:150px;}
#footer .fnb{position: relative;z-index: 10;text-align: center;}
#footer .fnb ul{padding: 0 0 15px 0;}
#footer .fnb li{display:inline-block}
#footer .fnb li+li{margin-left: 15px;}
#footer .fnb li a{display:block;line-height: 15px;font-size: 15px;font-weight:400;color: #fff;text-transform: uppercase;}
#footer .fnb li a strong{font-weight:500;color:#555}
#footer .footer{position:relative;z-index: 9;padding: 0 10px;font-size:0;text-align: center;}
#footer h2{display: inline-block;width: 100px;vertical-align: top;}
#footer h2 a{display:block;}
#footer h2 a img{width: auto;max-width: 100%;height:auto;}
#footer .info{display:inline-block;max-width: calc(100% - 100px);vertical-align:top;padding-left: 10px;text-align: left;}
#footer address{display:block;vertical-align: top;}
#footer address dl{display:inline-block;vertical-align:top}
#footer address dt{display:inline-block;margin:0 3px 0 0;line-height: 15px;font-size: 11px;font-weight:300;color: rgba(255,255,255,0.5);}
#footer address dd{display:inline-block;position: relative;margin: 0 10px 0 0;line-height: 15px;font-size: 11px;font-weight: 400;color: rgba(255,255,255,0.5);}
#footer address strong{font-weight:500}
#footer cite{display:block;padding: 4px 0 0 0;font-size: 11px;color: rgba(255,255,255,0.5);}
#footer .device{margin-top:20px}
#footer .device a{display:inline-block;padding:0 5px;line-height:20px;font-size: 11px;color:rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.3);}
#footer .device a:hover{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.5)}

#top{position:fixed;z-index:9999;bottom:0%;right:3%;width:60px;height:60px;text-align:center;background:#333;box-shadow:0 0 10px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition:all 0.5s}
#top a,
#top i{display:block;line-height:60px;font-size:24px;color:#fff}
#top.active{bottom:3%;opacity:1;visibility:visible}

#content{position:relative;z-index: 3;padding-top: 120px;}


#preview{position:relative;z-index:2060;text-align:center}
#preview ul li a img{display:block;margin:0 auto}
#preview .bx-controls-auto{float:left;position:relative}
#preview .bx-controls-direction{display:none}
#preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-15px 0 0 0;speak:none}
#preview .bx-controls-direction a i{width:30px;line-height:30px;font-size:24px;text-align:center;color:#fff}
#preview .bx-controls-direction a:hover{z-index:2}
#preview .bx-prev{left:20px}
#preview .bx-next{right:20px}
#preview .preview li{display:table}
#preview .nopreview{display:table-cell;width:100%;height:80px;letter-spacing:-0.02em;text-align:center;background:#999;vertical-align:middle}
#preview .nopreview .tit{font-size:24px;font-weight:500;color:#fff}
#preview .nopreview .txt{font-size:16px;font-weight:200;color:#fff}
#preview .nopreview i{position:relative;top:4px;padding:0 30px;font-size:30px}
#preview .nopreview br{display:none}
#preview .close{position:absolute;top:50%;right:20px;margin-top:-15px}
#preview .close a{display:block;font-size:30px;color:#fff}
#preview .close a span{display:none}
#preview .todays{position:absolute;top:50%;left:20px;margin-top:-15px;height:30px}
#preview .todays input[id="chkbox"]{display:none}
#preview .todays input[id="chkbox"] + label i{cursor:pointer}
#preview .todays input[id="chkbox"]:checked + label i:before{content:"\e92e"}
#preview .todays label{line-height:30px;font-size:13px;letter-spacing:-1px;color:#fff;cursor:pointer}
#preview .todays label i{position:relative;top:4px;margin-right:3px;font-size:24px}	

.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

#content .sit_admin,
#content .sct_admin,
#content .ctt_admin,
#content .bbs_admin{position:fixed;z-index:90000;bottom: 0;left: 75px;width:70px;height: 90px;line-height:60px;display:block;background: #b51c22;border-radius: 40px 40px 00 0;overflow:hidden;transition:all 0.8s;}
#content .sit_admin a,
#content .sct_admin a,
#content .ctt_admin a,
#content .bbs_admin a{display:block;position:relative;padding:0;font-size:0;text-indent:-9999em;overflow:hidden}
#content .sit_admin a:before,
#content .sct_admin a:before,
#content .ctt_admin a:before,
#content .bbs_admin a:before{content:"\e986";display:block;font-size:24px;font-family:xeicon;color:rgba(255,255,255,0.75);text-align:center}
#content .sit_admin a:hover:before,
#content .sct_admin a:hover:before,
#content .ctt_admin a:hover:before,
#content .bbs_admin a:hover:before{color:#fff}
#content .sit_admin i,
#content .sct_admin i,
#content .ctt_admin i,
#content .bbs_admin i{display:none}

.kakaoIcon {position: fixed; bottom: 10vh; right: 4vw; z-index: 500;}
.kakaoIcon img {width: 100px;}

.form_mj {position: relative; padding:0 15px}
.input_mj {width:100%; margin-top: 30px; background: #f2f2f2; border:none; padding:15px 35px 15px 20px; border-radius: 40px;font-size: 14px; }
.btn_mj {width: 40px; padding:10px; position: absolute; bottom: 4px; right: 30px; background: #f2f2f2;}