@charset "utf-8";

body.no-scroll{position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}

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

#khhead{position:absolute;top:0;left:0;width:100%}
#global .depth1 .g6,
#category .category .depth1 .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)}

#title .title .desc h2.init{-webkit-transform:translateX(50px);-moz-transform:translateX(50px);-o-transform:translateX(50px);transform:translateX(50px);opacity:0}
#title .title .desc h2.animate{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(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)}
#title .title .desc p.init{-webkit-transform:translateX(50px);-moz-transform:translateX(50px);-o-transform:translateX(50px);transform:translateX(50px);opacity:0}
#title .title .desc p.animate{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:transform 0.7s, opacity 0.7s;transition:transform 0.7s, opacity 0.7s;transition-delay:0.5s;transition-timing-function:cubic-bezier(.445,.05,.55,.95)}

@media (min-width:1420px) {	

	/**/
	#header.on #logo h1{background-position:0 -50px}
	#sub #header #logo h1{background-position:0 0}
	#sub #category .allmenu .bar .bars{background:#333}
	#sub #header #gnb .gnb li a,
	#sub #header #gnb .lang .langbtn span{color:#2a2a2a}
	#sub #header #gnb .lang:before{background:rgba(0,0,0,0.5)}

	/* popup layer */
	#khpopup{position:relative;z-index:10002}
	#khpopup h2{display:none;font-size:0}
	#khpopup .khpop{position:absolute;box-shadow:0px 3px 1px rgba(0,0,0,0.05)}
	#khpopup .khpop .img{border:1px solid #ddd}
	#khpopup .khpop .img img{width:100%;height:auto;vertical-align:middle}
	#khpopup .control{border-top:0;background:#111;overflow:hidden}
	#khpopup .control button{float:left;width:50%;position:relative;font-size:13px;color:rgba(255,255,255,0.8);height:40px;line-height:40px;background:none;text-align:center}
	#khpopup .control button:nth-child(n+2):before{content:'';position:absolute;top:50%;left:0;width:1px;height:40%;background:rgba(255,255,255,0.3);transform:translateY(-50%)}
	#khpopup .control .khpop_close{float:right}

	/**/
	#khplay{position:relative}
	#khplay .khwrap{position:relative;margin:0 auto;width:1400px;zoom:1}
	#khplay .khwrap:before,
	#khplay .khwrap:after{clear:both;display:table;content:"";line-height:0}
	#khplay .clearfix:before,
	#khplay .clearfix:after{clear:both;display:table;content:"";line-height:0}
	#khplay .nocontent{font-size:15px;text-align:center}
	
	/**/
	#header{position:absolute;z-index:110;top:0;right:0;left:0;width:100%}
	#header .header{position:relative;z-index:110;height:100px;background:transparent}
	#header #logo{position:absolute;z-index:110;top:50%;left:50%;transform:translate(-50%,-50%)}
	#header #logo h1{position:relative;display:block;width:180px;height:50px;text-indent:-9999em;overflow:hidden;background:url("../img/logo.png") no-repeat;background-position:0 -50px}
	#header #logo h1 a{display:block;width:180px;height:50px}
	#header #gnb{position:absolute;z-index:110;top:50%;right:35px;line-height:30px;font-size:14px;transform:translateY(-50%)}
	#header #gnb:after{clear:both;display:table;content:"";line-height:0}
	#header #gnb .gnb{float:left}
	#header #gnb .gnb li{float:left}
	#header #gnb .gnb li a{padding:0 0 0 25px;font-weight:600;color:#fff}
	#header #gnb .lang{float:left;position:relative;margin-left:25px}
	#header #gnb .lang:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:rgba(255,255,255,0.5)}
	#header #gnb .lang .langbtn{min-width:120px;padding:0 25px;line-height:30px;font-weight:900;color:#fff;cursor:pointer}
	#header #gnb .lang ul{position:absolute;top:30px;left:0;padding:15px;width:100%;border-radius:3px;background:rgba(0,0,0,0.35);text-align:center;opacity:0;visibility:hidden;transition:all 0.3s}
	#header #gnb .lang ul li{line-height:30px}
	#header #gnb .lang ul li a{display:block;font-size:12px;color:rgba(255,255,255,0.5)}
	#header #gnb .lang ul li.sel a,
	#header #gnb .lang ul li:hover a{color:#fff}
    #header #gnb .lang.sel ul{top:30px;opacity:1;visibility:visible}
	
	/**/
	#category{}
	#category .allmenu{position:absolute;z-index:1150;top:0;left:0;display:block;margin:0 35px;width:30px;height:100px;border:none;background:none;cursor:pointer}
	#category .allmenu .bar{position:relative;width:30px;height:20px;transform:rotate(0deg);transition:all 0.5s}
	#category .allmenu .bar .bars{display:block;width:100%;height:4px;position:absolute;background-color:#fff;-webkit-transition:all 0.25s;transition:all 0.25s}
	#category .allmenu .bar .bar1{top:0;left:0}
	#category .allmenu .bar .bar2{top:50%}
	#category .allmenu .bar .bar3{top:100%;left:0}
	#category .allmenu.sel .bar .bars{background:#00375e}
	#category .allmenu.sel .bar .bar1{top:50%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
	#category .allmenu.sel .bar .bar2{opacity:0}
	#category .allmenu.sel .bar .bar3{top:50%;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:0}
	#category .allmenu .khskip{top:-1000px}
	#category .category{position:fixed;z-index:1149;visibility:hidden;top:-100%;left:0;padding-right: 45%;width:100%;height:100%;background:#fff;transition:all 0.8s;}
	#category .category:after{content:'';position:absolute;z-index:1;top:0;left: 55%;width: 45%;height:100%;background:url("../img/main/img_category.png") no-repeat 50% 50%;background-size:cover;}
	#category .category.sel{top:0;visibility:visible}
	#category .category .logo{position:absolute;z-index:110;top:0;left:130px;height:100px}
	#category .category .logo a{position:relative;display:block;margin:25px 0;width:180px;height:50px;text-indent:-9999em;overflow:hidden;background:url("../img/logo.png") no-repeat;background-position:0 0}
	#category .category .inner{position:absolute;top:50%;left:0;margin-top: 50px;padding-left: 80px;width: 55%;max-height: calc(100% - 100px);transform:translateY(-50%);overflow: hidden;overflow-y: auto;}
	#category .category .inner::-webkit-scrollbar-track{background-color:#fff}
	#category .category .inner::-webkit-scrollbar{width:2px;background-color:#fff}
	#category .category .inner::-webkit-scrollbar-thumb{background-color:#eee}
	#category .category .depth1{position:relative;width:50%;counter-reset:section}
	#category .category .depth1 .dl1{display:block;padding-top:30px;font-size:24px;font-weight:500;color:#333;vertical-align:top;text-align:center}
	#category .category .depth1 .dl1 + .dl1{margin-top:30px}
	#category .category .depth1 .dl1:before{content:'';position:absolute;top:50%;left:100%;width:1px;height:0px;background:#e9e9e9;}
	#category .category .depth1 .dl1.sel:before{height:100%;transform:translateY(-50%);transition:all 0.8s}
	#category .category .depth1 .dl1 > .da1{position:relative;z-index:2;display:block;line-height:1;font-size: 54px;font-weight:900;color:#333;text-align:left;cursor:pointer;white-space: nowrap;text-overflow: ellipsis;text-transform:uppercase;transition:all 0.3s;}
	#category .category .depth1 .dl1 > .da1:hover,
	#category .category .depth1 .dl1 > .da1.sel{color:#00375c}
	#category .category .depth1 .dl1 > .da1:after{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;max-width:0;border-bottom:4px solid #00375c;color:#00375c;content:attr(data-hover);-webkit-transition:max-width 0.5s;-moz-transition:max-width 0.5s;transition:max-width 0.5s}
	#category .category .depth1 .dl1 > .da1:before{counter-increment:section;content:"0"counter(section);position:absolute;top:-30px;left:0;line-height:30px;font-size:18px;font-weight:500;color:#ccc}
	#category .category .depth1 .dl1 > .da1:hover:after,
	#category .category .depth1 .dl1 > .da1.sel:after{max-width:100%}
	#category .category .depth2{position:absolute;z-index:1;top:0;left:100%;margin-left:1px;padding: 25px 0 0 35px;width:100%;background:#fff;overflow:hidden;}
	#category .category .depth2 .dl2{position:relative;z-index:5;text-align:left;opacity:0;visibility:hidden;transform:translate(-100%,0)}
	#category .category .depth2 .dl2 > .da2{position:relative;display:block;line-height:60px;font-size:24px;font-weight: 500;color:#aaa;}
	#category .category .depth2 .dl2 > .da2:hover,
	#category .category .depth2 .dl2 > .da2.sel{color: #00375c;}
	#category .category .depth1 .dl1 .da1.sel + .depth2{z-index:5}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2{opacity:1;visibility:visible;transform:translate(0,0);transition-property:all;transition-duration:0.5s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(1){transition-delay:0s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(2){transition-delay:0.1s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(3){transition-delay:0.2s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(4){transition-delay:0.3s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(5){transition-delay:0.4s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(6){transition-delay:0.5s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(7){transition-delay:0.6s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(8){transition-delay:0.7s}
	#category .category .depth1 .dl1.sel .da1{color:#00375c}
	#category .category .depth1 .dl1.sel .depth2 .dl2{opacity:1;visibility:visible;transform:translate(0,0);transition-property:all;transition-duration:0.5s}

	/**/
	#footer{position:relative;z-index:2;padding:50px 0;background:#eee}
	#footer .fogo{position:relative}
	#footer .fogo a{position:relative;display:block;margin:0 auto;width:180px;height:50px;text-indent:-9999em;overflow:hidden;background:url("../img/logo.png") no-repeat;background-position:0 -100px}
	#footer address{display:block;margin-top:30px;line-height:27px;font-size:14px;font-weight:400;letter-spacing:-0.5px;text-align:center}
	#footer address dl{display:block;font-size:0;vertical-align:top}
	#footer address dt{display:inline-block;margin:0 5px 0 0;color:#555;font-size:14px}
	#footer address dd{display:inline-block;margin:0 15px 0 0;color:#888;font-size:14px}
	#footer address dd a{color:#888;}
	#footer cite{display:block;margin-top:20px;line-height:1;font-size:14px;color:#999;text-align:center}

	/**/
	#top{position:absolute;z-index:99;top:75px;right:3%;width:80px;height:80px;text-align:center;border:1px solid #e9e9e9}
	#top a{position:relative;display:block;line-height:80px;transition:all 0.3s}
	#top a:hover{background:#fff}
	#top a i{line-height:80px;font-size:24px;color:#ccc;vertical-align:top}

	/**/
	#title{position:relative;z-index:21}
	#title .title{padding:100px 0;background-size:cover;background-position:center center;background-repeat:no-repeat}
	#title .title .desc{position:relative;z-index:5;border-bottom:1px solid #e9e9e9}
	#title .title .desc h2{position:relative;z-index:2;display:inline-block;line-height:1.4;font-size:80px;font-weight:900;margin-right:18px;text-transform:uppercase}
	#title .title .desc h2:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#2a2a2a}
	#title .title .desc p{display:inline-block;line-height:1;font-size:30px;font-weight:600;color:#2a2a2a;letter-spacing:-0.5px}
	#title .title .tab{}
	#title .title .tab ul{display:flex;padding-top:60px;overflow:hidden}
	#title .title .tab li{flex:1;position:relative;text-align:center}
	#title .title .tab li a{display:flex;justify-content:center;align-items:center;width:100%;height:60px;line-height:20px;color:#666;border:1px solid #ddd;word-break:keep-all}
	#title .title .tab li a:hover{color:#2a2a2a}
	#title .title .tab li:not(:first-child) a{border-left:0}
	#title .title .tab li.sel a{font-weight:600;color:#fff;background:#2a2a2a;border-color:#2a2a2a}
	#title .title .tab li.sel a:before{background:#2a2a2a}

	/**/
	#container{padding-top:100px}
	#container .sit_admin,
	#container .sct_admin,
	#container .ctt_admin,
	#container .bbs_admin{position:fixed;z-index:109;bottom:50px;left:0;width:80px;height:55px;line-height:55px;display:block;background:rgba(2,77,161,1);border-radius:0 40px 40px 0;overflow:hidden;transition:all 0.8s}
	#container .sit_admin a,
	#container .sct_admin a,
	#container .ctt_admin a,
	#container .bbs_admin a{display:block;position:relative;font-size:0;text-indent:-9999em;overflow:hidden}
	#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:rgba(255,255,255,0.75);text-align:center}
	#container .sit_admin a:hover:before,
	#container .sct_admin a:hover:before,
	#container .ctt_admin a:hover:before,
	#container .bbs_admin a:hover:before{color:#fff}
	#container .sit_admin i,
	#container .sct_admin i,
	#container .ctt_admin i,
	#container .bbs_admin i{display:none}
	
	.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 all and (min-width:748px) and (max-width:1419px) {
	
	/**/
	#header.on #logo h1{background-position:0 -50px}
	#sub #header #logo h1{background-position:0 0}
	#sub #category .allmenu .bar .bars{background:#333}
	#sub #header #gnb .gnb li a,
	#sub #header #gnb .lang .langbtn span{color:#2a2a2a}
	#sub #header #gnb .lang:before{background:rgba(0,0,0,0.5)}

	/* popup layer */
	#khpopup{position:relative;z-index:10002}
	#khpopup h2{display:none;font-size:0}
	#khpopup .khpop{position:absolute;box-shadow:0px 3px 1px rgba(0,0,0,0.05)}
	#khpopup .khpop .img{border:1px solid #ddd}
	#khpopup .khpop .img img{width:100%;height:auto;vertical-align:middle}
	#khpopup .control{border-top:0;background:#111;overflow:hidden}
	#khpopup .control button{float:left;width:50%;position:relative;font-size:13px;color:rgba(255,255,255,0.8);height:40px;line-height:40px;background:none;text-align:center}
	#khpopup .control button:nth-child(n+2):before{content:'';position:absolute;top:50%;left:0;width:1px;height:40%;background:rgba(255,255,255,0.3);transform:translateY(-50%)}
	#khpopup .control .khpop_close{float:right}

	/**/
	#khplay{position:relative;overflow:hidden}
	#khplay .khwrap{position:relative;zoom:1}
	#khplay .khwrap:before,
	#khplay .khwrap:after{clear:both;display:table;content:"";line-height:0}
	#khplay .clearfix:before,
	#khplay .clearfix:after{clear:both;display:table;content:"";line-height:0}
	#khplay .nocontent{font-size:15px;text-align:center}
	
	/**/
	#header{position:absolute;z-index:110;top:0;right:0;left:0;width:100%}
	#header .header{position:relative;z-index:110;height:60px;background:transparent}
	#header #logo{position:absolute;z-index:110;top:50%;left:50%;transform:translate(-50%,-50%)}
	#header #logo h1{position:relative;display:block;width:140px;height:40px;text-indent:-9999em;overflow:hidden;background:url("../img/logo.png") no-repeat;background-position:0 50%;background-size:100% auto}
	#header #logo h1 a{display:block;width:140px;height:40px}
	#header #gnb{position:absolute;z-index:110;top:50%;right:15px;line-height:30px;font-size:12px;transform:translateY(-50%)}
	#header #gnb:after{clear:both;display:table;content:"";line-height:0}
	#header #gnb .gnb{float:left}
	#header #gnb .gnb li{float:left}
	#header #gnb .gnb li a{padding:0 0 0 10px;font-weight:500;color:#fff}
	#header #gnb .lang{float:left;position:relative;margin-left:10px}
	#header #gnb .lang:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:rgba(255,255,255,0.5)}
	#header #gnb .lang .langbtn{padding:0 10px;line-height:30px;font-weight:700;color:#fff;cursor:pointer}
	#header #gnb .lang ul{position:absolute;top:30px;left:0;padding:15px;width:100%;border-radius:3px;background:rgba(0,0,0,0.35);text-align:center;opacity:0;visibility:hidden;transition:all 0.3s}
	#header #gnb .lang ul li{line-height:22px}
	#header #gnb .lang ul li a{display:block;font-size:11px;color:rgba(255,255,255,0.5)}
	#header #gnb .lang ul li.sel a,
	#header #gnb .lang ul li:hover a{color:#fff}
    #header #gnb .lang.sel ul{top:30px;opacity:1;visibility:visible}
	
	/**/
	#category{}
	#category .allmenu{position:absolute;z-index:1150;top:0;left:0;display:block;margin:0 22px;width:24px;height:60px;border:none;background:none;cursor:pointer}
	#category .allmenu .bar{position:relative;width:24px;height:16px;transform:rotate(0deg);transition:all 0.5s}
	#category .allmenu .bar .bars{display:block;width:100%;height:3px;position:absolute;background-color:#fff;-webkit-transition:all 0.25s;transition:all 0.25s}
	#category .allmenu .bar .bar1{top:0;left:0}
	#category .allmenu .bar .bar2{top:50%}
	#category .allmenu .bar .bar3{top:100%;left:0}
	#category .allmenu.sel .bar .bars{background:#00375e}
	#category .allmenu.sel .bar .bar1{top:50%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
	#category .allmenu.sel .bar .bar2{opacity:0}
	#category .allmenu.sel .bar .bar3{top:50%;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:0}
	#category .allmenu .khskip{top:-1000px}
	#category .category{position:fixed;z-index:1149;visibility:hidden;top:-100%;left:0;width:100%;height:100%;background:#fff;transition:all 0.8s}
	#category .category:after{content:'';position:absolute;z-index:11;bottom:0;left:0;width:100%;height:35%;background:url("../img/main/img_category.png") no-repeat top center;background-size:cover}
	#category .category.sel{top:0;visibility:visible}
	#category .category .logo{position:absolute;z-index:110;top:0;left:80px;height:60px}
	#category .category .logo a{position:relative;display:block;margin:10px 0;width:140px;height:40px;text-indent:-9999em;overflow:hidden;background:url("../img/logo.png") no-repeat;background-position:0 0;background-size:100% auto}
	#category .category .inner{position:absolute;z-index:10;top:100px;left:0;bottom:35%;padding:0 60px;width:100%}
	#category .category .depth1{position:relative;counter-reset:section}
	#category .category .depth1 .dl1{display:block;font-size:14px;font-weight:500;color:#333;vertical-align:top;text-align:center}
	#category .category .depth1 .dl1 + .dl1{margin-top:20px}
	#category .category .depth1 .dl1:before{content:'';position:absolute;top:50%;left:100%;width:1px;height:0px;background:#e9e9e9}
	#category .category .depth1 .dl1.sel:before{height:100%;transform:translateY(-50%);transition:all 0.8s}
	#category .category .depth1 .dl1 > .da1{position:relative;z-index:2;display:block;line-height:32px;font-size:24px;font-weight:600;color:rgba(0,0,0,0.25);text-align:left;cursor:pointer;border-bottom:1px solid transparent;letter-spacing:-0.5px;transition:all 0.3s}
	#category .category .depth1 .dl1 > .da1:hover,
	#category .category .depth1 .dl1 > .da1.sel{color:#00375c;border-bottom:1px solid #e9e9e9}
	#category .category .depth1 .dl1 > .da1:after{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;max-width:0;border-bottom:2px solid #00375c;color:#00375c;content:attr(data-hover);-webkit-transition:max-width 0.5s;-moz-transition:max-width 0.5s;transition:max-width 0.5s}
	#category .category .depth1 .dl1 > .da1:before{counter-increment:section;content:"0"counter(section);position:absolute;top:50%;left:-60px;line-height:30px;width:60px;font-size:12px;font-weight:500;color:#ccc;text-align:center;transform:translateY(-50%)}
	#category .category .depth1 .dl1 > .da1:hover:after,
	#category .category .depth1 .dl1 > .da1.sel:after{max-width:100%}
	#category .category .depth2{display:none !important;position:relative;z-index:1;padding:15px 0;overflow:hidden}
	#category .category .depth2 .dl2{position:relative;z-index:5;float:left;width:50%;text-align:left}
	#category .category .depth2 .dl2 > .da2{position:relative;display:block;line-height:30px;font-size:15px;font-weight:500;color:#aaa;transition:all 0.3s}
	#category .category .depth2 .dl2 > .da2:hover,
	#category .category .depth2 .dl2 > .da2.sel{color:#000}
	#category .category .depth2 .dl2 > .da2:before{}
	#category .category .depth1 .dl1 .da1.sel{color:#000}
	#category .category .depth1 .dl1 .da1.sel + .depth2{display:block !important}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2{opacity:1;visibility:visible;transform:translate(0,0);transition-property:all;transition-duration:0.5s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(1){transition-delay:0s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(2){transition-delay:0.1s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(3){transition-delay:0.2s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(4){transition-delay:0.3s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(5){transition-delay:0.4s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(6){transition-delay:0.5s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(7){transition-delay:0.6s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(8){transition-delay:0.7s}
	#category .category .depth1 .dl1.sel .da1{color:#00375c}
	#category .category .depth1 .dl1.sel .depth2 .dl2{opacity:1;visibility:visible;transform:translate(0,0);transition-property:all;transition-duration:0.5s}

	/**/
	#footer{position:relative;z-index:2;padding:50px 0;background:#eee}
	#footer .fogo{position:relative}
	#footer .fogo a{position:relative;display:block;margin:0 auto;width:180px;height:50px;text-indent:-9999em;overflow:hidden;background:url("../img/logo.png") no-repeat;background-position:0 -100px}
	#footer address{display:block;margin-top:30px;line-height:27px;font-size:14px;font-weight:400;letter-spacing:-0.5px;text-align:center}
	#footer address dl{display:block;font-size:0;vertical-align:top}
	#footer address dt{display:inline-block;margin:0 5px 0 0;color:#555;font-size:14px}
	#footer address dd{display:inline-block;margin:0 15px 0 0;color:#888;font-size:14px}
	#footer cite{display:block;margin-top:20px;line-height:1;font-size:14px;color:#999;text-align:center}

	/**/
	#top{position:absolute;z-index:99;top:75px;right:3%;width:80px;height:80px;text-align:center;border:1px solid #e9e9e9}
	#top a{position:relative;display:block;line-height:80px;transition:all 0.3s}
	#top a:hover{background:#fff}
	#top a i{line-height:80px;font-size:24px;color:#ccc;vertical-align:top}

	/**/
	#title{position:relative;z-index:21}
	#title .title{padding:30px;background-size:cover;background-position:center center;background-repeat:no-repeat}
	#title .title .desc{position:relative;z-index:5;border-bottom:1px solid #e9e9e9}
	#title .title .desc h2{position:relative;z-index:2;display:inline-block;line-height:1.4;font-size:38px;font-weight:900;margin-right:12px;text-transform:uppercase}
	#title .title .desc h2:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#2a2a2a}
	#title .title .desc p{display:inline-block;line-height:1;font-size:20px;font-weight:600;color:#2a2a2a;letter-spacing:-0.5px}
	#title .title .tab{}
	#title .title .tab ul{display:flex;padding-top:25px;overflow:hidden}
	#title .title .tab li{flex:1;position:relative;text-align:center}
	#title .title .tab li a{display:flex;justify-content:center;align-items:center;width:100%;height:50px;line-height:18px;font-size:14px;color:#666;border:1px solid #ddd;word-break:keep-all}
	#title .title .tab li a:hover{color:#2a2a2a}
	#title .title .tab li + li a{border-left:0}
	#title .title .tab li.sel a{font-weight:600;color:#fff;background:#2a2a2a;border-color:#2a2a2a}
	#title .title .tab li.sel a:before{background:#2a2a2a}

	/**/
	#container{padding-top:60px}
	#container .sit_admin,
	#container .sct_admin,
	#container .ctt_admin,
	#container .bbs_admin{position:fixed;z-index:109;bottom:50px;left:0;width:80px;height:55px;line-height:55px;display:block;background:rgba(2,77,161,1);border-radius:0 40px 40px 0;overflow:hidden;transition:all 0.8s}
	#container .sit_admin a,
	#container .sct_admin a,
	#container .ctt_admin a,
	#container .bbs_admin a{display:block;position:relative;font-size:0;text-indent:-9999em;overflow:hidden}
	#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:rgba(255,255,255,0.75);text-align:center}
	#container .sit_admin a:hover:before,
	#container .sct_admin a:hover:before,
	#container .ctt_admin a:hover:before,
	#container .bbs_admin a:hover:before{color:#fff}
	#container .sit_admin i,
	#container .sct_admin i,
	#container .ctt_admin i,
	#container .bbs_admin i{display:none}
	
	.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 all and (max-width:747px) {
	
	/**/
	#header.on #logo h1{background-position:0 -50px}
	#sub #header #logo h1{background-position:0 0}
	#sub #category .allmenu .bar .bars{background:#333}
	#sub #header #gnb .gnb li a,
	#sub #header #gnb .lang .langbtn span{color:#2a2a2a}
	#sub #header #gnb .lang:before{background:rgba(0,0,0,0.5)}
    #sub #header #gnb .lang .langbtn:before{color:#2a2a2a}

	/* popup layer */
	#khpopup{position:relative;z-index:10002}
	#khpopup h2{display:none;font-size:0}
	#khpopup .khpop{position:absolute;box-shadow:0px 3px 1px rgba(0,0,0,0.05)}
	#khpopup .khpop .img{border:1px solid #ddd}
	#khpopup .khpop .img img{width:100%;height:auto;vertical-align:middle}
	#khpopup .control{border-top:0;background:#111;overflow:hidden}
	#khpopup .control button{float:left;width:50%;position:relative;font-size:13px;color:rgba(255,255,255,0.8);height:40px;line-height:40px;background:none;text-align:center}
	#khpopup .control button:nth-child(n+2):before{content:'';position:absolute;top:50%;left:0;width:1px;height:40%;background:rgba(255,255,255,0.3);transform:translateY(-50%)}
	#khpopup .control .khpop_close{float:right}

	/**/
	#khplay{position:relative;overflow:hidden}
	#khplay .khwrap{position:relative;zoom:1}
	#khplay .khwrap:before,
	#khplay .khwrap:after{clear:both;display:table;content:"";line-height:0}
	#khplay .clearfix:before,
	#khplay .clearfix:after{clear:both;display:table;content:"";line-height:0}
	#khplay .nocontent{font-size:12px;text-align:center}
	
	/**/
	#header{position:absolute;z-index:110;top:0;right:0;left:0;width:100%}
	#header .header{position:relative;z-index:110;height:50px;border-bottom:1px solid rgba(255,255,255,0.2);background:transparent}
	#header #logo{position:absolute;z-index:110;top:50%;left:50%;transform:translate(-50%,-50%)}
	#header #logo h1{position:relative;display:block;width:100px;height:28px;text-indent:-9999em;overflow:hidden;background:url("../img/logo.png") no-repeat;background-position:0 50%;background-size:100% auto}
	#header #logo h1 a{display:block;width:100px;height:28px}
	#header #gnb{position:absolute;z-index:110;top:0;right:0}
	#header #gnb:after{clear:both;display:table;content:"";line-height:0}
	#header #gnb .gnb{float:left;display:none !important}
	#header #gnb .gnb li{float:left}
	#header #gnb .gnb li a{padding:0 0 0 10px;line-height:20px;font-weight:500;color:#fff}
	#header #gnb .lang{float:left;position:relative}
	#header #gnb .lang .langbtn{width:50px;line-height:50px;font-size:0;color:#fff;cursor:pointer;vertical-align:top;text-align:center}
	#header #gnb .lang .langbtn:before{content:"\e9d1";font-family:xeicon;line-height:50px;font-size:20px;color:#fff;font-weight:normal;vertical-align:top}
	#header #gnb .lang ul{position:absolute;top:30px;right:0;padding:10px;width:200%;border-radius:3px;background:rgba(0,0,0,0.35);text-align:center;opacity:0;visibility:hidden;transition:all 0.3s}
	#header #gnb .lang ul li{line-height:22px}
	#header #gnb .lang ul li a{display:block;font-size:11px;color:rgba(255,255,255,0.5)}
	#header #gnb .lang ul li.sel a,
	#header #gnb .lang ul li:hover a{color:#fff}
    #header #gnb .lang.sel ul{top:50px;opacity:1;visibility:visible}
	
	/**/
	#category{}
	#category .allmenu{position:absolute;z-index:1150;top:0;left:0;display:block;margin:0 15px;width:20px;height:50px;border:none;background:none;cursor:pointer}
	#category .allmenu .bar{position:relative;width:20px;height:14px;transform:rotate(0deg);transition:all 0.5s}
	#category .allmenu .bar .bars{display:block;width:100%;height:2px;position:absolute;background-color:#fff;-webkit-transition:all 0.25s;transition:all 0.25s}
	#category .allmenu .bar .bar1{top:0;left:0}
	#category .allmenu .bar .bar2{top:50%}
	#category .allmenu .bar .bar3{top:100%;left:0}
	#category .allmenu.sel .bar .bars{background:#00375e}
	#category .allmenu.sel .bar .bar1{top:50%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
	#category .allmenu.sel .bar .bar2{opacity:0}
	#category .allmenu.sel .bar .bar3{top:50%;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:0}
	#category .allmenu .khskip{top:-1000px}
	#category .category{position:fixed;z-index:1149;visibility:hidden;top:-100%;left:0;width:100%;height:100%;background:#fff;transition:all 0.8s}
	#category .category:after{content:'';position:absolute;z-index:11;bottom:0;left:0;width:100%;height:35%;background:url("../img/main/img_category.png") no-repeat top center;background-size:cover}
	#category .category.sel{top:0;visibility:visible}
	#category .category .logo{position:absolute;z-index:110;top:0;left:80px;height:60px}
	#category .category .logo a{position:relative;display:block;margin:10px 0;width:100px;height:28px;text-indent:-9999em;overflow:hidden;background:url("../img/logo.png") no-repeat;background-position:0 0;background-size:100% auto}
	#category .category .inner{position:absolute;z-index:10;top:65px;left:0;bottom:35%;padding:0 20px 0 40px;width:100%}
	#category .category .depth1{position:relative;counter-reset:section}
	#category .category .depth1 .dl1{display:block;font-size:14px;font-weight:500;color:#333;vertical-align:top;text-align:center}
	#category .category .depth1 .dl1 + .dl1{margin-top:5px}
	#category .category .depth1 .dl1:before{content:'';position:absolute;top:50%;left:100%;width:1px;height:0px;background:#e9e9e9}
	#category .category .depth1 .dl1.sel:before{height:100%;transform:translateY(-50%);transition:all 0.8s}
	#category .category .depth1 .dl1 > .da1{position:relative;z-index:2;display:block;line-height:26px;font-size:18px;font-weight:600;color:rgba(0,0,0,0.25);text-align:left;cursor:pointer;border-bottom:1px solid transparent;letter-spacing:-0.5px;transition:all 0.3s}
	#category .category .depth1 .dl1 > .da1:hover,
	#category .category .depth1 .dl1 > .da1.sel{color:#00375c;border-bottom:1px solid #e9e9e9}
	#category .category .depth1 .dl1 > .da1:after{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;max-width:0;border-bottom:2px solid #00375c;color:#00375c;content:attr(data-hover);-webkit-transition:max-width 0.5s;-moz-transition:max-width 0.5s;transition:max-width 0.5s}
	#category .category .depth1 .dl1 > .da1:before{counter-increment:section;content:"0"counter(section);position:absolute;top:50%;left:-40px;line-height:30px;width:40px;font-size:11px;font-weight:500;color:#ccc;text-align:center;transform:translateY(-50%)}
	#category .category .depth1 .dl1 > .da1:hover:after,
	#category .category .depth1 .dl1 > .da1.sel:after{max-width:100%}
	#category .category .depth2{display:none !important;position:relative;z-index:1;padding:15px 0;overflow:hidden}
	#category .category .depth2 .dl2{position:relative;z-index:5;float:left;width:50%;text-align:left}
	#category .category .depth2 .dl2 > .da2{position:relative;display:block;line-height:25px;font-size:12px;font-weight:500;color:#aaa;transition:all 0.3s}
	#category .category .depth2 .dl2 > .da2:hover,
	#category .category .depth2 .dl2 > .da2.sel{color:#000}
	#category .category .depth2 .dl2 > .da2:before{}
	#category .category .depth1 .dl1 .da1.sel{color:#000}
	#category .category .depth1 .dl1 .da1.sel + .depth2{display:block !important}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2{opacity:1;visibility:visible;transform:translate(0,0);transition-property:all;transition-duration:0.5s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(1){transition-delay:0s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(2){transition-delay:0.1s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(3){transition-delay:0.2s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(4){transition-delay:0.3s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(5){transition-delay:0.4s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(6){transition-delay:0.5s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(7){transition-delay:0.6s}
	#category .category .depth1 .dl1 .da1.sel + .depth2 .dl2:nth-child(8){transition-delay:0.7s}
	#category .category .depth1 .dl1.sel .da1{color:#00375c}
	#category .category .depth1 .dl1.sel .depth2 .dl2{opacity:1;visibility:visible;transform:translate(0,0);transition-property:all;transition-duration:0.5s}

	/**/
	#footer{position:relative;z-index:2;padding:30px 15px;background:#eee}
	#footer .fogo{position:relative}
	#footer .fogo a{position:relative;display:block;margin:0 auto;width:100px;height:28px;text-indent:-9999em;overflow:hidden;background:url("../img/logo.png") no-repeat;background-position:0 100%;background-size:100% auto}
	#footer address{display:block;margin-top:15px;font-size:12px;font-weight:400;letter-spacing:-0.5px;text-align:center}
	#footer address dl{display:block;font-size:0;line-height:12px;vertical-align:top}
	#footer address dt{display:inline-block;margin:0 5px 0 0;color:#555;font-size:12px}
	#footer address dd{display:inline-block;margin:0 10px 0 0;color:#888;font-size:12px}
	#footer cite{display:block;margin-top:10px;line-height:1;font-size:12px;color:#999;text-align:center}

	/**/
	#top{position:relative;z-index:99;margin:20px auto 0;width:40px;height:40px;text-align:center;border:1px solid #e9e9e9;background:#fff}
	#top a{position:relative;display:block;transition:all 0.3s}
	#top a:hover{background:#fff}
	#top a i{line-height:40px;font-size:18px;color:#ccc;vertical-align:top}

	/**/
	#title{position:relative;z-index:21}
	#title .title{padding:15px;background-size:cover;background-position:center center;background-repeat:no-repeat}
	#title .title .desc{position:relative;z-index:5;border-bottom:1px solid #e9e9e9}
	#title .title .desc h2{position:relative;z-index:2;display:inline-block;line-height:1.4;font-size:24px;font-weight:900;margin-right:6px;text-transform:uppercase}
	#title .title .desc h2:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#2a2a2a}
	#title .title .desc p{display:inline-block;line-height:1;font-size:14px;font-weight:600;color:#2a2a2a;letter-spacing:-0.5px}
	#title .title .tab{}
	#title .title .tab ul{margin-top:15px;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;overflow:hidden}
	#title .title .tab li{float:left;position:relative;width:50%;text-align:center}
	#title .title .tab li a{display:flex;justify-content:center;align-items:center;width:100%;height:35px;line-height:18px;font-size:12px;color:#666;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;word-break:keep-all}
	#title .title .tab li a:hover{color:#2a2a2a}
	#title .title .tab li + li a{border-left:0}
	#title .title .tab li.sel a{font-weight:600;color:#fff;background:#2a2a2a;border-color:#2a2a2a}
	#title .title .tab li.sel a:before{background:#2a2a2a}

	/**/
	#container{padding-top:60px}
	#container .sit_admin,
	#container .sct_admin,
	#container .ctt_admin,
	#container .bbs_admin{position:fixed;z-index:109;bottom:50px;left:0;width:80px;height:55px;line-height:55px;display:block;background:rgba(2,77,161,1);border-radius:0 40px 40px 0;overflow:hidden;transition:all 0.8s}
	#container .sit_admin a,
	#container .sct_admin a,
	#container .ctt_admin a,
	#container .bbs_admin a{display:block;position:relative;font-size:0;text-indent:-9999em;overflow:hidden}
	#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:rgba(255,255,255,0.75);text-align:center}
	#container .sit_admin a:hover:before,
	#container .sct_admin a:hover:before,
	#container .ctt_admin a:hover:before,
	#container .bbs_admin a:hover:before{color:#fff}
	#container .sit_admin i,
	#container .sct_admin i,
	#container .ctt_admin i,
	#container .bbs_admin i{display:none}
	
	.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%}

}