@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:700;color:#fff;text-align:center;background:#115aa3;text-decoration:none}

#khhead{position:absolute;top:0;left:0;width:100%}
#global .depth1 .g5,
#category .category .dl1:nth-child(5),
#global .depth1 .g6,
#category .category .dl1:nth-child(6){display:none !important}

#khplay .init{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);opacity:0}
#khplay .animate{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:transform 0.7s, opacity 0.7s;transition:transform 0.7s, opacity 0.7s;transition-timing-function:cubic-bezier(.445,.05,.55,.95)}

#st0{background:#f9c432 url("../img/sub/s_visual01.png") no-repeat 50% 50%}
#st1{background:#aecbe5 url("../img/sub/s_visual02.png") no-repeat 50% 50%}
#st2{background:#e2ae8a url("../img/sub/s_visual03.png") no-repeat 50% 50%}
#st3{background:#32c96f url("../img/sub/s_visual04.png") no-repeat 50% 50%}
#st4{background:#32c96f url("../img/sub/s_visual05.png") no-repeat 50% 50%}
@media all and (min-width:1460px){	
	
	#khplay{position:relative}
	#khplay .khwrap{position:relative;margin:0 auto;width:1240px;zoom:1}
	#khplay .khwrap:before,
	#khplay .khwrap:after{clear:both;display:table;content:"";line-height:0}
	
	#khpopup{position:relative;z-index:10002}
	#khpopup h2{display:none;font-size:0}
	#khpopup .khpop{position:absolute;height:auto !important;border-radius:3px;box-shadow:rgba(134, 134, 134, 0.4) 3px 4px 5px, rgba(134, 134, 134, 0.25) -2px -1px 4px;overflow:hidden}
	#khpopup .khpop .img{border:1px solid #ddd}
	#khpopup .khpop .img img{width:100%;height:auto;vertical-align:middle}
	#khpopup .control{background-color:#fff;padding:18px;overflow:hidden}
	#khpopup .control input[type="checkbox"]{float:left;position:relative;font-size:14px;color:#777;height:22px;line-height:22px;background:none;text-align:center;letter-spacing:-0.5px;vertical-align:top}
	#khpopup .control input[type="checkbox"] + label{margin-left:5px;display:inline-block;line-height:22px;font-size:14px;vertical-align:top;cursor:pointer}
	#khpopup .control button{float:right;position:relative;font-size:14px;color:#777;height:22px;line-height:22px;background:none;text-align:center;letter-spacing:-0.5px}
	#khpopup .control button:nth-child(n+2){Float:right}
	#khpopup .control .khpop_close{float:right}
	
	#header{position:absolute;z-index:110;top:0;right:0;left:0;background:#fff;transition:all 0.3s}
	#header .header{position:relative;margin:0 auto;width:1240px;zoom:1}
	#header .header:before,
	#header .header:after{clear:both;display:table;content:"";line-height:0}
	#header.active #global .depth2{opacity:1;visibility:visible;transition:all 0.3s 0.1s}
	
	#logo{position:absolute;z-index:110;top:50%;left:0;transform:translateY(-50%)}
	#logo a{display:block;width:172px}
	#logo a img{display:block;width:auto;max-width:100%;height:auto}
/*	#logo .ciuc{position:absolute;top:0;left:0;z-index:10;background:#fff;animation-name:fadeinout;animation-iteration-count:infinite;animation-duration:6s;opacity:0;visibility:hidden}
	@keyframes fadeinout {
		25%, 75%{ opacity:0; visibility:hidden}
		50%{ opacity:1; visibility:visible}
	}*/
	#util{position:absolute;top:50%;right:0;transform:translateY(-50%)}
	#util ul{overflow:hidden}
	#util ul li{float:left}
	#util ul li + li{margin-left:20px}
	#util ul li a{line-height:20px;font-size:16px;font-weight:300;color:#000;letter-spacing:-0.5px}
	#util ul li a:hover{text-decoration:underline}

	#allmenu{position:absolute;z-index:1150;top:0;left:0;display:block;width:162px;height:162px;border:none;background:none;cursor:pointer}
	#allmenu .bar{position:relative;margin:-1.5px auto 0;width:28px;height:18px;transform:rotate(0deg);transition:all 0.5s}
	#allmenu .bar .bars{display:block;width:100%;height:3px;position:absolute;background-color:#2e3192;-webkit-transition:all 0.25s;transition:all 0.25s}
	#allmenu .bar .bar1{top:0;left:0}
	#allmenu .bar .bar2{top:50%}
	#allmenu .bar .bar3{top:100%;left:0}
	
	#header .gnb_bg{position:absolute;top:162px;left:0;width:100%;min-width:1100px;height:0px;z-index:21;border-top:4px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05);box-shadow:0 25px 36px rgba(0,0,0,0.05);background:#fafafa;transition:all 0.3s;opacity:0;visibility:hidden}
	#header .gnb_bg.active{height:360px;opacity:1;visibility:visible}
	
	#global{position:relative;z-index:22;margin:0 100px 0 130px;text-align:center}	
	#global .menunone{padding:25px 0}
	#global .menunone strong{line-height:30px;font-size:15px;font-weight:400;color:#aaa}
	#global .depth1{position:relative;z-index:22;font-size:0;padding:69px 0;display:inline-block;text-align:center;vertical-align:top}
	#global .depth1 .dl1{position:relative;float:left;padding:0 48px;vertical-align:top}
	#global .depth1 .dl1 .da1{display:block;position:relative;line-height:24px;font-size:24px;font-weight:500;color:#111;text-align:center;letter-spacing:-0.5px;transition:none}
	#global .depth1 .da1:hover,
	#global .depth1 .da1.sel,
	#global .depth1 .da1:focus{color:#2e3192}
	#global .depth2{position:absolute;z-index:2;top:120px;left:0;width:100%;text-align:center;opacity:0;visibility:hidden}
	#global .depth2 .da2{position:relative;display:inline-block;margin:12px 0;line-height:20px;font-size:17px;font-weight:400;color:#777;text-align:center;word-break:keep-all;letter-spacing:-0.5px}
	#global .depth2 .da2:hover,
	#global .depth2 .da2.sel,
	#global .depth2 .da2:focus{color:#2e3192}
	
	#category{}
	#category .category{position:fixed;z-index:1000;top:50%;left:50%;width:100%;max-width:1140px;background:#fff;-webkit-box-shadow:7px 7px 10px 0 rgba(0, 0, 0, 0.07);box-shadow:7px 7px 10px 0 rgba(0, 0, 0, 0.07);opacity:0;visibility:hidden;transform:translate(-50%,-50%);transition:all 0.3s}
	#category .category.sel{opacity:1;visibility:visible}
	#category .category .title{display:none;position:relative;padding:25px 0;line-height:20px;font-size:18px;color:#fff;background:#2e3192 url("../img/main/main_category_tit.png") no-repeat 50% 50%;background-size:cover;text-align:center;letter-spacing:-0.5px}
	#category .category .title.pc{display:block}
	#category .category .util{display:none}
	#category .category .depth1{position:relative;display:flex;margin:0 auto;width:100%;padding:35px}
	#category .category .depth1 .dl1{flex:1 0 0;padding:20px;text-align:center}
	#category .category .depth1 .dl1 + .dl1{border-left:1px solid #e9e9e9}
	#category .category .depth1 .dl1 > .da1{z-index:2;display:block;line-height:30px;font-size:18px;color:#333;font-weight:500;letter-spacing:-0.5px}
	#category .category .depth2{margin-top:12px;padding-top:11px;border-top:1px dashed #e9e9e9;overflow:hidden}
	#category .category .depth2 .dl2{overflow:hidden}
	#category .category .depth2 .dl2 + .dl2{margin-top:6px}
	#category .category .depth2 .dl2 > .da2{position:relative;display:block;line-height:30px;font-size:15px;color:#555}
	#category .category .depth2 .dl2 > .da2:hover{color:#000;text-decoration:underline}
    #category .close{position:absolute;top:0;right:0;width:70px;height:70px;background:none}
    #category .close .bar{position:relative;margin:-1.5px auto 0;width:28px;height:18px;transform:rotate(0deg);transition:all 0.5s}
	#category .close .bar .bars{display:block;width:100%;height:3px;position:absolute;background-color:rgba(255,255,255,0.75);-webkit-transition:all 0.25s;transition:all 0.25s}
	#category .close .bar .bar1{top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
	#category .close .bar .bar2{opacity:0}
	#category .close .bar .bar3{top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin:0}
	#category .bg{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);opacity:0;visibility:hidden}
	#category .bg.sel{opacity:1;visibility:visible}

	#footer{position:relative;z-index:2}
	#footer .tnb{background:#fff;overflow:hidden;border-top:1px solid #e9e9e9}
	#footer .menu{font-size:0;text-align:center}
	#footer .menu li{display:inline-block;position:relative;padding:10px 0}
	#footer .menu li + li{padding-left:15px;margin-left:15px}
	#footer .menu li + li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#bdbbbc}
	#footer .menu li a{display:inline-block;line-height:31px;font-size:16px;color:#fff}
    #footer .agency{display:flex}
	#footer .agency li{flex:1;padding:15px 0;text-align:center}
	#footer .agency li a{display:block}
	#footer .footer{padding:40px 0 80px;text-align:center;background:#303030}
	#footer .footer address{display:block;margin-top:20px;font-size:16px;color:#bdbbbc;text-align:center}
	#footer .footer address span + span{margin-left:30px}
	#footer .footer cite{display:block;margin-top:20px;line-height:1;font-size:12px;color:#8e8e8e;text-align:center;text-transform:uppercase}
	#footer .footer .sns{margin-top:40px;font-size:0;text-align:center}
	#footer .footer .sns .desc{display:inline-flex;vertical-align:top;align-items:center;justify-content:center}
	#footer .footer .sns .desc + .desc{margin-left:15px}
	#footer .footer .sns .tit{flex:auto;margin-right:10px;padding:4px 0;line-height:16px;font-size:13px;color:#bdbbbc;text-align:center;vertical-align:top}
	#footer .footer .sns .tit strong{display:block;font-weight:500}
	#footer .footer .sns ul{flex:auto;vertical-align:top}
	#footer .footer .sns li{float:left}
	#footer .footer .sns li + li{margin-left:10px}
    #footer .footer .sns li a{display:block;width:40px;line-height:40px;font-size:19px;color:rgba(255,255,255,0.5);border-radius:50%;background:#4a4a4a;text-shadow:0 0 2px rgba(0,0,0,0.5);text-align:center}
    #footer .footer .sns li a i{line-height:40px;vertical-align:top}
    #footer .footer .sns li a:hover{color:#fff}

	#top{position:absolute;z-index:10;top:50%;right:50px;width:50px;line-height:50px;text-align:center;transform:translateY(-50%)}
	#top a{position:relative;display:block;line-height:50px;background:#e9e9e9}
	#top a i{line-height:50px;font-size:30px;color:#333;vertical-align:top}
	
	#container{padding-top:162px}
	#container .sit_admin,
	#container .sct_admin,
	#container .ctt_admin,
	#container .bbs_admin{position:fixed;z-index:109;top:50%;left:0}
	#container .sit_admin a,
	#container .sct_admin a,
	#container .ctt_admin a,
	#container .bbs_admin a{display:block;position:relative;width:75px;height:60px;line-height:60px;font-size:0;background:#2e3192;box-shadow:0 0 15px rgba(46,49,146,0.25);border-radius:0 40px 40px 0;overflow:hidden;text-indent:-9999em}
	#container .sit_admin a:before,
	#container .sct_admin a:before,
	#container .ctt_admin a:before,
	#container .bbs_admin a:before{content:"\e986";display:block;font-size:24px;font-family:xeicon;color:#fff;text-align:center}
	
	#title{position:relative;z-index:21}
	#title .title{padding:100px 0 180px 0}
	#title .title:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%/*;background:rgba(0,0,0,0.35)*/}
	#title .title .desc{position:relative;z-index:4;text-align:center}
	#title .title .desc h2{position:relative;z-index:2;display:block;font-size:48px;font-weight:600;color:#fff;letter-spacing:-1px}
	#title .title .desc span{position:relative;z-index:2;display:block;font-size:20px;color:#fff;opacity:0.8}
	#title .title .desc .loc{margin-top:15px}
	#title .title .desc .loc ul{font-size:0;text-align:center}
	#title .title .desc .loc li{display:inline-block;vertical-align:top}
	#title .title .desc .loc li:nth-child(n+2):before{content:'>';position:relative;display:inline-block;line-height:18px;font-size:10px;color:rgba(255,255,255,0.5);vertical-align:top}
	#title .title .desc .loc li a{padding:0 15px;font-size:13px;color:rgba(255,255,255,0.75)}
	#title .title .desc .loc li a img{vertical-align:top}
	#title .title .desc .loc li a:hover{opacity:1}
	#title .navi{position:absolute;bottom:0;left:0;width:100%;z-index:5;background:rgba(0,0,0,0.6);zoom:1}
	#title .navi .nv0,
	#title .navi .nv1{display:none}
	#title .navi .nv2 .naviBtn{display:none}
	#title .navi .nv2 ul{display:flex !important;text-align:center;overflow:hidden}
	#title .navi .nv2 li{position:relative;flex:1 0 0;vertical-align:middle;text-align:center}
	#title .navi .nv2 li a{position:relative;z-index:3;display:block;padding:0 20px;min-width:170px;line-height:65px;font-size:16px;font-weight:500;color:#ccc;letter-spacing:-0.5px;transition:all 0.3s;text-transform:capitalize}
	#title .navi .nv2 li:nth-child(n+2) a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background:#fff;opacity:0.45}
	#title .navi .nv2 li.sel a{color:#333;background:#fdd000}
	#title .navi .nv2 li.sel a:hover{color:#000}
    #title .navi .nv2 li:hover a{color:#fdd000}
	
	#contain{background:#fff;overflow:hidden}
	#contain .title{padding:80px 0;text-align:center}
	#contain .title h3{position:relative;display:inline-block;padding-left:35px;line-height:50px;font-size:36px;font-weight:600;text-align:center;color:#222;letter-spacing:-1px}
	#contain .title h3:before{content:'';position:absolute;top:0;left:0;width:30px;height:50px;background:url("../img/icon_title.png") no-repeat 50% 50%}

	#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%}
}

@media (max-width:1459px) and (min-width:748px){
	
	#khplay{}
	
	#khpopup{position:relative;z-index:10002}
	#khpopup h2{display:none;font-size:0}
	#khpopup .khpop{position:absolute;height:auto !important;border-radius:3px;box-shadow:rgba(134, 134, 134, 0.4) 3px 4px 5px, rgba(134, 134, 134, 0.25) -2px -1px 4px;overflow:hidden}
	#khpopup .khpop .img{border:1px solid #ddd}

	#khpopup .khpop .img img{width:100%;height:auto;vertical-align:middle}
	#khpopup .control{background-color:#fff;padding:18px;overflow:hidden}
	#khpopup .control input[type="checkbox"]{float:left;position:relative;font-size:14px;color:#777;height:22px;line-height:22px;background:none;text-align:center;letter-spacing:-0.5px;vertical-align:top}
	#khpopup .control input[type="checkbox"] + label{margin-left:5px;display:inline-block;line-height:22px;font-size:14px;vertical-align:top;cursor:pointer}
	#khpopup .control button{float:right;position:relative;font-size:14px;color:#777;height:22px;line-height:22px;background:none;text-align:center;letter-spacing:-0.5px}
	#khpopup .control button:nth-child(n+2){Float:right}
	#khpopup .control .khpop_close{float:right}
	
	#header{position:absolute;z-index:110;top:0;right:0;left:0;background:#fff;transition:all 0.3s}
	#header.active #global .depth2{opacity:1;visibility:visible;transition:all 0.3s 0.1s}
	
	#logo{position:relative;z-index:110;padding:20px 0}
	#logo a{display:block;margin:0 auto;width:152px;height:60px}
	#logo a img{display:block;width:auto;max-width:100%;height:auto}

    #allmenu{position:absolute;z-index:1150;top:0;left:0;display:block;width:100px;height:100px;border:none;background:none;cursor:pointer}
	#allmenu .bar{position:relative;margin:-1.5px auto 0;width:28px;height:18px;transform:rotate(0deg);transition:all 0.5s}
	#allmenu .bar .bars{display:block;width:100%;height:3px;position:absolute;background-color:#2e3192;-webkit-transition:all 0.25s;transition:all 0.25s}
	#allmenu .bar .bar1{top:0;left:0}
	#allmenu .bar .bar2{top:50%}
	#allmenu .bar .bar3{top:100%;left:0}
	
	#util{position:absolute;z-index:111;top:40px;right:35px}
	#util ul{overflow:hidden}
	#util ul li{float:left}
	#util ul li + li{margin-left:12px}
	#util ul li a{line-height:20px;font-size:13px;font-weight:400;color:#000;letter-spacing:-0.5px}
	#util ul li a:hover{text-decoration:underline}
	
	#header .gnb_bg{position:absolute;top:150px;left:0;width:100%;height:0px;z-index:21;border-top:4px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05);box-shadow:0 25px 36px rgba(0,0,0,0.05);background:#fafafa;transition:all 0.3s;opacity:0;visibility:hidden}
	#header .gnb_bg.active{height:260px;opacity:1;visibility:visible}

	#global{position:relative;z-index:22;border-top:1px solid #e9e9e9}	
	#global .menunone{padding:25px 0}
	#global .menunone strong{line-height:30px;font-size:15px;font-weight:400;color:#aaa}
	#global .depth1{position:relative;z-index:22;padding:15px 0}
	#global .depth1:after{content:'';display:table;line-height:0;clear:both}
	#global .depth1 .dl1{position:relative;float:left;width:25%;vertical-align:top}
	#global .depth1 .dl1 .da1{display:block;position:relative;line-height:19px;font-size:15px;font-weight:700;color:#111;text-align:center;letter-spacing:-0.5px;transition:none}
	#global .depth1 .da1:hover,
	#global .depth1 .da1.sel,
	#global .depth1 .da1:focus{color:#2e3192}
	#global .depth2{position:absolute;z-index:2;top:50px;left:0;width:100%;text-align:center;opacity:0;visibility:hidden}
	#global .depth2 .da2{position:relative;display:inline-block;margin:8px 0;line-height:20px;font-size:14px;font-weight:400;color:#777;text-align:center;letter-spacing:-0.5px}
	#global .depth2 .da2:hover,
	#global .depth2 .da2.sel,
	#global .depth2 .da2:focus{color:#2e3192}
	
	#category{}
	#category .category{position:fixed;z-index:1000;top:50%;left:50%;width:100%;max-width:1140px;background:#fff;-webkit-box-shadow:7px 7px 10px 0 rgba(0, 0, 0, 0.07);box-shadow:7px 7px 10px 0 rgba(0, 0, 0, 0.07);opacity:0;visibility:hidden;transform:translate(-50%,-50%);transition:all 0.3s}
	#category .category.sel{opacity:1;visibility:visible}
	#category .category .title{display:none;position:relative;padding:25px 0;line-height:20px;font-size:18px;color:#fff;background:#2e3192 url("../img/main/main_category_tit.png") no-repeat 50% 50%;background-size:cover;text-align:center;letter-spacing:-0.5px}
	#category .category .title.pc{display:block}
	#category .category .util{display:none}
	#category .category .depth1{position:relative;display:flex;margin:0 auto;width:100%;padding:35px}
	#category .category .depth1 .dl1{flex:1 0 0;padding:20px;text-align:center}
	#category .category .depth1 .dl1 + .dl1{border-left:1px solid #e9e9e9}
	#category .category .depth1 .dl1 > .da1{z-index:2;display:block;line-height:30px;font-size:18px;color:#333;font-weight:500;letter-spacing:-0.5px}
	#category .category .depth2{margin-top:12px;padding-top:11px;border-top:1px dashed #e9e9e9;overflow:hidden}
	#category .category .depth2 .dl2{overflow:hidden}
	#category .category .depth2 .dl2 + .dl2{margin-top:6px}
	#category .category .depth2 .dl2 > .da2{position:relative;display:block;line-height:30px;font-size:15px;color:#555}
	#category .category .depth2 .dl2 > .da2:hover{color:#000;text-decoration:underline}
    #category .close{position:absolute;top:0;right:0;width:70px;height:70px;background:none}
    #category .close .bar{position:relative;margin:-1.5px auto 0;width:28px;height:18px;transform:rotate(0deg);transition:all 0.5s}
	#category .close .bar .bars{display:block;width:100%;height:3px;position:absolute;background-color:rgba(255,255,255,0.75);-webkit-transition:all 0.25s;transition:all 0.25s}
	#category .close .bar .bar1{top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
	#category .close .bar .bar2{opacity:0}
	#category .close .bar .bar3{top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin:0}
	#category .bg{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);opacity:0;visibility:hidden}
	#category .bg.sel{opacity:1;visibility:visible}
	
	#footer{position:relative;z-index:2}
	#footer .tnb{padding:20px 15px;background:#fff;overflow:hidden}
	#footer .tnb .menu{float:left}
	#footer .tnb .menu li{float:left;position:relative}
	#footer .tnb .menu li + li{padding-left:15px;margin-left:15px}
	#footer .tnb .menu li + li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#bdbbbc}
	#footer .tnb .menu li a{display:inline-block;line-height:22px;font-size:14px;color:#000}
	#footer .tnb .agency{float:right}
	#footer .tnb .agency li{float:left}
	#footer .tnb .agency li a{display:block}
	#footer .tnb .agency li a img{width:auto;height:20px}
	#footer .footer{padding:35px 15px;background:#303030;text-align:center}
	#footer .footer h2{}
	#footer .footer address{display:block;margin-top:25px;line-height:20px;font-size:15px;color:#bdbbbc;text-align:center}
	#footer .footer address span + span{margin-left:30px}
	#footer .footer cite{display:block;margin-top:15px;line-height:1;font-size:12px;color:#8e8e8e;text-align:center;text-transform:uppercase}
	#footer .footer .sns{margin-top:40px;font-size:0;text-align:center;align-items:center;justify-content:center}
	#footer .footer .sns .desc{display:inline-flex;align-items:center;justify-content:center;vertical-align:top}
	#footer .footer .sns .desc + .desc{margin-left:15px}
	#footer .footer .sns .tit{flex:auto;margin-right:10px;padding:4px 0;line-height:16px;font-size:13px;color:#bdbbbc;text-align:center;vertical-align:top}
	#footer .footer .sns .tit strong{display:block;font-weight:500}
	#footer .footer .sns ul{flex:auto;vertical-align:top}
	#footer .footer .sns li{float:left}
	#footer .footer .sns li + li{margin-left:10px}
    #footer .footer .sns li a{display:block;width:40px;line-height:40px;font-size:19px;color:rgba(255,255,255,0.5);border-radius:50%;background:#4a4a4a;text-shadow:0 0 2px rgba(0,0,0,0.5);text-align:center}
    #footer .footer .sns li a i{line-height:40px;vertical-align:top}
    #footer .footer .sns li a:hover{color:#fff}

	#sub #footer{border-top:1px solid #e9e9e9}
	#sub #footer .tnb{padding:21px 15px}
	
	#top{position:absolute;z-index:10;top:50%;right:50px;width:50px;line-height:50px;text-align:center;transform:translateY(-50%)}
	#top a{position:relative;display:block;line-height:50px;background:#e9e9e9}
	#top a i{line-height:50px;font-size:30px;color:#333;vertical-align:top}
	
	#container{padding-top:150px}
	#container .sit_admin,
	#container .sct_admin,
	#container .ctt_admin,
	#container .bbs_admin{position:fixed;z-index:109;top:50%;left:0}
	#container .sit_admin a,
	#container .sct_admin a,
	#container .ctt_admin a,
	#container .bbs_admin a{display:block;position:relative;width:75px;height:60px;line-height:60px;font-size:0;background:#2e3192;box-shadow:0 0 15px rgba(46,49,146,0.25);border-radius:0 40px 40px 0;overflow:hidden;text-indent:-9999em}
	#container .sit_admin a:before,
	#container .sct_admin a:before,
	#container .ctt_admin a:before,
	#container .bbs_admin a:before{content:"\e986";display:block;font-size:24px;font-family:xeicon;color:#fff;text-align:center}
	
	#title{position:relative;z-index:21}
	#title .title{padding:50px 0 100px 0;background-size:cover}
	#title .title:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%/*;background:rgba(0,0,0,0.35)*/}
	#title .title .desc{text-align:center}
	#title .title .desc h2{position:relative;z-index:2;display:block;line-height:42px;font-size:32px;font-weight:600;color:#fff;letter-spacing:-1px}
	#title .title .desc span{position:relative;z-index:2;display:block;font-size:20px;color:#fff;opacity:0.8}
	#title .title .desc .loc{position:relative;z-index:2;margin-top:10px}
	#title .title .desc .loc ul{font-size:0;text-align:center}
	#title .title .desc .loc li{display:inline-block;vertical-align:top}
	#title .title .desc .loc li:nth-child(n+2):before{content:'>';position:relative;display:inline-block;line-height:18px;font-size:10px;color:rgba(255,255,255,0.5);vertical-align:top}
	#title .title .desc .loc li a{padding:0 10px;font-size:12px;color:rgba(255,255,255,0.75)}
	#title .title .desc .loc li a img{vertical-align:top}
	#title .title .desc .loc li a:hover{opacity:1}
	#title .navi{position:absolute;bottom:0;left:0;width:100%;z-index:5;background:rgba(0,0,0,0.6);zoom:1}
	#title .navi .nv0,
	#title .navi .nv1{display:none}
	#title .navi .nv2 .naviBtn{display:none}
	#title .navi .nv2 ul{display:flex !important;text-align:center;overflow:hidden}
	#title .navi .nv2 li{position:relative;flex:1 0 0;vertical-align:middle;text-align:center}
	#title .navi .nv2 li a{position:relative;z-index:3;display:block;line-height:50px;font-size:13px;font-weight:500;color:#ccc;letter-spacing:-0.5px;transition:all 0.3s;text-transform:capitalize}
	#title .navi .nv2 li:nth-child(n+2) a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#fff;opacity:0.15}
	#title .navi .nv2 li.sel a{color:#333;background:#fdd000}
	#title .navi .nv2 li.sel a:hover{color:#000}
    #title .navi .nv2 li:hover a{color:#fdd000}
	
	#contain{background:#fff;overflow:hidden}
	#contain .title{padding:45px 0;text-align:center}
	#contain .title h3{position:relative;display:inline-block;padding-left:25px;font-size:24px;font-weight:600;text-align:center;color:#222;letter-spacing:-1px}
	#contain .title h3:before{content:'';position:absolute;top:0;left:0;width:22px;height:34px;background:url("../img/icon_title.png") no-repeat 50% 50%;background-size:auto 34px}
	
	
	#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%}
}
@media (max-width:747px){
	
	#khplay{min-width:330px}
	
	#khpopup{position:relative;z-index:10002}
	#khpopup h2{display:none;font-size:0}
	#khpopup .khpop{position:absolute;height:auto !important;border-radius:3px;box-shadow:rgba(134, 134, 134, 0.4) 3px 4px 5px, rgba(134, 134, 134, 0.25) -2px -1px 4px;overflow:hidden}
	#khpopup .khpop .img{border:1px solid #ddd}
	#khpopup .khpop .img img{width:100%;height:auto;vertical-align:middle}
	#khpopup .control{background-color:#fff;padding:18px;overflow:hidden}
	#khpopup .control input[type="checkbox"]{float:left;position:relative;font-size:14px;color:#777;height:22px;line-height:22px;background:none;text-align:center;letter-spacing:-0.5px;vertical-align:top}

	#khpopup .control input[type="checkbox"] + label{margin-left:5px;display:inline-block;line-height:22px;font-size:14px;vertical-align:top;cursor:pointer}
	#khpopup .control button{float:right;position:relative;font-size:14px;color:#777;height:22px;line-height:22px;background:none;text-align:center;letter-spacing:-0.5px}
	#khpopup .control button:nth-child(n+2){Float:right}
	#khpopup .control .khpop_close{float:right}
	
	#header{position:absolute;z-index:110;top:0;right:0;left:0;background:#fff;transition:all 0.3s}
	#header.active #global .depth2{opacity:1;visibility:visible;transition:all 0.3s 0.1s}
	
	#logo{position:relative;z-index:110;padding:12px 0}
	#logo a{display:block;margin:0 auto;width:90px;height:36px}
	#logo a img{display:block;width:auto;max-width:100%;height:auto}

    #allmenu{position:absolute;z-index:1150;top:0;left:0;display:block;width:60px;height:60px;border:none;background:none;cursor:pointer}
	#allmenu .bar{position:relative;margin:-1.5px auto 0;width:22px;height:12px;transform:rotate(0deg);transition:all 0.5s}
	#allmenu .bar .bars{display:block;width:100%;height:2px;position:absolute;background-color:#2e3192;-webkit-transition:all 0.25s;transition:all 0.25s}
	#allmenu .bar .bar1{top:0;left:0}
	#allmenu .bar .bar2{top:50%}
	#allmenu .bar .bar3{top:100%;left:0}
	
	#util{display:none;position:absolute;z-index:111;top:40px;right:35px}
	#util ul{overflow:hidden}
	#util ul li{float:left}
	#util ul li + li{margin-left:20px}
	#util ul li a{line-height:20px;font-size:16px;font-weight:300;color:#000;letter-spacing:-0.5px}
	#util ul li a:hover{text-decoration:underline}
	
	#header .gnb_bg{position:absolute;top:162px;left:0;width:100%;height:0px;z-index:21;border-top:4px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05);box-shadow:0 25px 36px rgba(0,0,0,0.05);background:#fafafa;transition:all 0.3s;opacity:0;visibility:hidden}
	#header .gnb_bg.active{height:300px;opacity:1;visibility:visible}

	#global{display:none;position:relative;z-index:22;border-top:1px solid #e9e9e9}	
	#global .menunone{padding:25px 0}
	#global .menunone strong{line-height:30px;font-size:15px;font-weight:400;color:#aaa}
	#global .depth1{position:relative;z-index:22;padding:20px 0}
	#global .depth1:after{content:'';display:table;line-height:0;clear:both}
	#global .depth1 .dl1{position:relative;float:left;width:25%;vertical-align:top}
	#global .depth1 .dl1 .da1{display:block;position:relative;line-height:20px;font-size:18px;font-weight:500;color:#111;text-align:center;letter-spacing:-0.5px;transition:none}
	#global .depth1 .da1:hover,
	#global .depth1 .da1.sel,
	#global .depth1 .da1:focus{color:#2e3192}
	#global .depth2{position:absolute;z-index:2;top:70px;left:0;width:100%;text-align:center;opacity:0;visibility:hidden}
	#global .depth2 .da2{position:relative;display:inline-block;margin:10px 0;line-height:20px;font-size:16px;font-weight:400;color:#777;text-align:center;letter-spacing:-0.5px}
	#global .depth2 .da2:hover,
	#global .depth2 .da2.sel,
	#global .depth2 .da2:focus{color:#2e3192}
	
	#category{position:absolute;z-index:110;top:0;left:0;right:0}
	#category .category{position:fixed;z-index:1149;visibility:hidden;top:0;left:0;width:calc(100% - 60px);height:100%;background:#00265b;box-shadow:5px 5px 20px rgba(0,0,0,0.2);transform:translateX(-100%);transition:all 0.8s}
	#category .category:before,
	#category .category:after{clear:both;display:table;content:"";line-height:0}
	#category .category .depth1{overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.1)}
	#category .category .depth2{display:none;padding:10px 20px;border-top:1px solid #f1f1f1;background:#f9f9f9}	
	#category .category .title{display:none;position:relative;padding:25px 0;line-height:20px;font-size:18px;color:#fff;background:#2e3192 url("../img/main/main_category_tit.png") no-repeat 50% 50%;background-size:cover;text-align:center;letter-spacing:-0.5px}
	#category .util{display:none;padding:18px 20px;font-size:0;text-align:left}
	#category .util.mo{display:block}
	#category .util li{display:inline-block;margin:0 5px}
	#category .util li a{display:inline-block;line-height:20px;font-size:12px;padding:2px 10px;color:rgba(255,255,255,0.5);border-radius:20px;background:rgba(255,255,255,0.25)}
	#category .depth1 .dl1{position:relative;display:block;border-top:1px solid rgba(255,255,255,0.1)}
	#category .depth1 .dl1 > i{display:none;position:absolute;top:0;right:0;width:50px;height:50px}
	#category .depth1 .dl1 > i:before{content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -6px;width:12px;height:2px;background:rgba(255,255,255,0.5);transition:all 0.3s}
	#category .depth1 .dl1 > i:after{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -1px;width:2px;height:12px;background:rgba(255,255,255,0.5);transition:all 0.3s}
	#category .depth1 .dl1 .da1{position:relative;display:block;padding:0 20px;line-height:50px;font-size:13px;font-weight:400;color:rgba(255,255,255,0.5);text-align:left}
	#category .depth1 .dl1 .da1:hover,
	#category .depth1 .dl1.sel > .da1{color:#fff;background:#1a3c6c}
	#category .depth1 .dl1.sel > i:before{visibility:hidden;opacity:0}
	#category .depth1 .dl1.sel > i:after{margin:-1px 0 0 -6px;width:12px;height:2px}
	#category .depth2 .dl2{text-align:left}
	#category .depth2 .dl2 .da2{position:relative;display:block;line-height:32px;font-size:12px;font-weight:400;color:#777;letter-spacing:-0.5px}
	#category .depth2 .dl2.sel > .da2,
	#category .depth2 .dl2 > .da2:hover{color:#00265b;text-decoration:underline}
	#category .depth2 .dl2 > .da2:before{content:'';display:inline-block;margin-right:6px;width:2px;height:2px;background:#000;vertical-align:4px}
	#category .close{position:absolute;top:0;left:100%;width:60px;height:60px;background:none;opacity:0;visibility:hidden;transition:all 0.3s}
    #category .close .bar{position:relative;margin:-1.5px auto 0;width:22px;height:12px;transform:rotate(0deg);transition:all 0.5s}
	#category .close .bar .bars{display:block;width:100%;height:2px;position:absolute;background-color:rgba(255,255,255,0.75);-webkit-transition:all 0.25s;transition:all 0.25s}
	#category .close .bar .bar1{top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
	#category .close .bar .bar2{opacity:0}
	#category .close .bar .bar3{top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin:0}
	#category .bg{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);opacity:0;visibility:hidden}
	#category .bg.sel{opacity:1;visibility:visible}
	#category .category.sel{transform:translateX(0);visibility:visible}
	#category .category.sel .close{opacity:1;visibility:visible}


	#footer{position:relative;z-index:2}
	#footer .tnb{padding:10px;background:#fff;overflow:hidden}
	#footer .tnb .menu{display:block;font-size:0;text-align:center}
	#footer .tnb .menu li{display:inline-block;position:relative;width:50%}
	#footer .tnb .menu li + li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#bdbbbc}
	#footer .tnb .menu li a{display:inline-block;line-height:20px;font-size:11px;color:#000}
	#footer .tnb .agency{display:block;padding-top:10px;margin-top:10px;border-top:1px solid #e9e9e9;overflow:hidden}
	#footer .tnb .agency li{float:left;width:25%;text-align:center}
	#footer .tnb .agency li a{display:block}
	#footer .tnb .agency li a img{width:auto;height:16px}
	#footer .footer{padding:35px 15px;background:#303030;text-align:center}
	#footer .footer h2{}
	#footer .footer h2 a{display:block;margin:0 auto;width:100px}
	#footer .footer h2 a img{display:block;width:auto;max-width:100%;height:auto}
	#footer .footer address{display:block;line-height:17px;font-size:12px;color:#bdbbbc;text-align:center}
	#footer .footer address span{margin:0 8px;display:inline-block}
	#footer .footer cite{display:block;margin-top:15px;line-height:1;font-size:11px;color:#8e8e8e;text-align:center;text-transform:uppercase}
	#footer .footer .sns{margin-top:40px;font-size:0;text-align:center}
	#footer .footer .sns .desc{display:inline-flex;vertical-align:top;align-items:center;justify-content:center}
	#footer .footer .sns .desc + .desc{margin-left:15px}
	#footer .footer .sns .tit{flex:auto;margin-right:10px;padding:4px 0;line-height:14px;font-size:12px;color:#bdbbbc;text-align:center;vertical-align:top}
	#footer .footer .sns .tit strong{display:block;font-weight:500}
	#footer .footer .sns ul{flex:auto;vertical-align:top}
	#footer .footer .sns li{float:left}
	#footer .footer .sns li + li{margin-left:10px}
    #footer .footer .sns li a{display:block;width:34px;line-height:34px;font-size:18px;color:rgba(255,255,255,0.5);border-radius:50%;background:#4a4a4a;text-shadow:0 0 2px rgba(0,0,0,0.5);text-align:center}
    #footer .footer .sns li a i{line-height:32px;vertical-align:top}
    #footer .footer .sns li a:hover{color:#fff}

	#sub #footer{border-top:1px solid #e9e9e9}
	#sub #footer .tnb{padding:21px 0}
	
	#top{position:absolute;z-index:10;top:50%;right:50px;width:50px;line-height:50px;text-align:center;transform:translateY(-50%)}
	#top a{position:relative;display:block;line-height:50px;background:#e9e9e9}
	#top a i{line-height:50px;font-size:30px;color:#333;vertical-align:top}
	
	#container{padding-top:60px}
	#container .sit_admin,
	#container .sct_admin,
	#container .ctt_admin,
	#container .bbs_admin{position:fixed;z-index:109;top:50%;left:0}
	#container .sit_admin a,
	#container .sct_admin a,
	#container .ctt_admin a,
	#container .bbs_admin a{display:none;position:relative;width:75px;height:60px;line-height:60px;font-size:0;background:#2e3192;box-shadow:0 0 15px rgba(46,49,146,0.25);border-radius:0 40px 40px 0;overflow:hidden;text-indent:-9999em}
	#container .sit_admin a:before,
	#container .sct_admin a:before,
	#container .ctt_admin a:before,
	#container .bbs_admin a:before{content:"\e986";display:block;font-size:24px;font-family:xeicon;color:#fff;text-align:center}
	
	#title{position:relative;z-index:21}
	#title .title{background-size:cover}
	#title .title:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%/*;background:rgba(0,0,0,0.35)*/}
	#title .title .desc{text-align:center;padding:60px 0}
	#title .title .desc h2{position:relative;z-index:2;display:block;font-size:25px;font-weight:600;color:#fff;letter-spacing:-1px}
	#title .title .desc span{position:relative;z-index:2;display:block;font-size:20px;color:#fff;opacity:0.8}
	#title .title .desc .loc{position:relative;z-index:2;margin-top:15px}
	#title .title .desc .loc ul{font-size:0;text-align:center}
	#title .title .desc .loc li{display:inline-block;vertical-align:top}
	#title .title .desc .loc li:nth-child(n+2):before{content:'>';position:relative;display:inline-block;line-height:15px;font-size:10px;color:rgba(255,255,255,0.5);vertical-align:top}
	#title .title .desc .loc li a{display:inline-block;padding:0 5px;line-height:15px;font-size:12px;color:rgba(255,255,255,0.75)}
	#title .title .desc .loc li a img{display:block;height:12px}
	#title .title .desc .loc li a:hover{opacity:1}
	#title .navi{position:relative;z-index:5;border-bottom:1px solid #e9e9e9;box-shadow:5px 5px 10px rgba(0,0,0,0.025);background:#fff;zoom:1}
	#title .navi .nv0{float:left;width:40px;height:40px;line-height:40px;font-size:18px;background:#00265b;text-align:center}
	#title .navi .nv0 a{color:#fff}
	#title .navi .nv1{float:left;width:calc(50% - 20px)}
	#title .navi .nv1 a{padding:0 15px;line-height:40px;font-size:12px}
	#title .navi .nv2{position:relative}
	#title .navi .nv2 .naviBtn{position:relative;z-index:5;padding:0 15px;width:100%;height:40px;font-size:12px;background:#fff;text-align:left}
	#title .navi .nv2 .naviBtn i{position:absolute;top:0;right:0;width:40px;height:40px;line-height:40px;font-size:16px;color:#999;text-align:center}
	#title .navi .nv2 .naviBtn.sel i{color:#00265b}
	#title .navi .nv2 ul{display:none;position:absolute;top:100%;left:0;z-index:4;width:100%;text-align:center;overflow:hidden;background:#fff;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;box-shadow:5px 5px 20px rgba(0,0,0,0.05)}
	#title .navi .nv2 li{position:relative;display:block;vertical-align:middle;text-align:left}
	#title .navi .nv2 li:nth-child(n+2){border-top:1px solid #e9e9e9}
	#title .navi .nv2 li a{display:block;padding:0 15px;line-height:40px;font-size:12px;font-weight:400;color:#999;text-transform:capitalize}
	#title .navi .nv2 li.sel{background:#00265b}
	#title .navi .nv2 li.sel a{color:#fff}
	
	#contain{background:#fff;overflow:hidden}
	#contain .title{padding:45px 0;text-align:center}
	#contain .title h3{position:relative;display:inline-block;padding-left:25px;font-size:20px;font-weight:600;text-align:center;color:#222;letter-spacing:-1px}
	#contain .title h3:before{content:'';position:absolute;top:0;left:0;width:22px;height:28px;background:url("../img/icon_title.png") no-repeat 50% 50%;background-size:auto 32px}
	

	#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%}
}
.new_win #win_title{font-size:20px;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win .win_btn{text-align:center}
.new_win .btn_close{padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit{padding:0 20px;height:45px;background:#3a8afd;color:#fff;overflow:hidden;cursor:pointer}

.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01{margin:0 0 10px}
.tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th{padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th{padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td{color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4;font-size:13px;height:60px;font-family:"malgun Gothic";letter-spacing:-0.5px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa}
.tbl_head01 a:hover{text-decoration:underline}

#copymove .win_desc{text-align:center;display:block}
#copymove .tbl_wrap{margin:20px}
#copymove .tbl_wrap table thead tr th:first-child{max-width:50px}
#copymove .win_btn{padding:0 20px 20px}
#copymove .copymove_current{float:right;background:#ff3061;padding:5px;font-size:13px;color:#fff;border-radius:3px}
#copymove .copymove_currentbg{background:#f4f4f4}
#copymove .td_chk{max-width:50px;text-align:center}
#copymove .win_btn{padding:0 20px 20px}
#copymove .win_btn input,
#copymove .win_btn button,
#copymove .win_btn a{font-size:15px;font-weight:500}