@charset "utf-8";

/* CSS Document */
/*=============================================
=                   ##LAYOUT                  =
=============================================*/
a, p, li, div, ul, td, th, tr { line-height: 180%; }


#accessibility{position:absolute;z-index:9999;top:0;left:0}
#accessibility a{position:absolute;top:-100px;left:-100px}
#accessibility a:focus,
#accessibility 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}


/*확대 축소*/
.headGlass { position: fixed; width:73px; height:200px; background: #fff; z-index: 111; border: 1px solid #ddd; border-radius: 50.5px; font-size:16px; text-align: center; transform: translateY(-50%); z-index: 100; top: 50%; left: 80px; box-shadow:0 2px 12px 0 rgba(130,130,130,0.22); font-weight: bold; }
.headGlass a, .headGlass p{ display: block; font-family: 'NSR';}
.headGlass a:hover { color: #48ac3c; }
.headGlass i { border-radius: 500px; padding: 4%; height: 43px; width: 43px; display: block; margin: 0 auto; text-align: center; background-repeat: no-repeat; background-position: center; transition: 0.3s; }
.headGlass a:hover i{ color: #48ac3c; }
.headGlass .reduction { height: 100px; padding: 7%; }
.headGlass .reduction i { font-size:0; background:url(../img/index/reduction.png); background-repeat: no-repeat; background-position: center; }	
.headGlass a:hover .reduction i { background:url(../img/index/reduction_on.png); background-color: #48ac3c; text-align: center; background-repeat: no-repeat; background-position: center; }	
.headGlass .enlargement { height:100px; border-bottom: 1px solid #ddd; padding: 20% 7%; }
.headGlass .enlargement i { font-size:0; background:url(../img/index/enlargement.png); background-repeat: no-repeat; background-position: center; transition: 0.3s; }	
.headGlass a:hover .enlargement i { background:url(../img/index/enlargement_on.png); background-color: #48ac3c; text-align: center; background-repeat: no-repeat; background-position: center; }	
.headGlass .enlargement p, .headGlass .reduction p { padding-top:0; }
@media (max-width:1499px) {.headGlass {display:none;} }
/*확대 축소 끝*/

/*하단 배너*/
#footer .fnb .bs_logo .ri { float: left; width: 90%;  }
#footer .fnb .bs_logo .le { float: left; width: 10%; background: #39985b; font-size: 15px; color: #fff; line-height: 169%; font-size: 20px; font-weight: 600; border-radius: 20px 0 0 20px; height: 116px; padding-top: 24px; text-align:center;}
#footer .fnb .bs_logo {float:left; width: 100%; display: inline-block; border: 1px solid #ddd; border-radius: 20px; height: 118px; margin-top: 23px; overflow:hidden;}
#footer .fnb .jpp1 { line-height: 130%; color: #fff; padding-left: 18px; font-weight: normal; font-family: 'NanumBarunGothicOTF', "나눔바른고딕", "나눔고딕", 'Ngothic'; font-size: 1.05em; }
#footer .fnb td.le_s:hover, td.ri_s:hover { background-color: #fbe066; }
#footer .fnb td.le_s, td.ri_s { border: 1px solid #eee; border-radius: 15px; margin: 1%; display: inline-table; width: 118px; text-align: center; transition: 0.2s; cursor: hand; }
#footer .fnb td.le_s img, td.ri_s img { width: 19px; } 

#footer .fnb div#sponsor .le_s {background:url(../img/index/fb_p_off.png);}
#footer .fnb div#sponsor .ri_s  {background:url(../img/index/fb_n_off.png); background-color:#efefef; }
#footer .fnb #sponsor { margin-bottom: 2%; }
#footer .t_banner {padding-top:2% !important;}
/**/

#st0 .desc{background:url("../img/sub/sb01.png") no-repeat 50% 50%;background-size: 100% 100%;}
#st1 .desc{ background:url("../img/sub/sb02.png") no-repeat 50% 50%;background-size: 100% 100%;}
#st2 .desc{ background:url("../img/sub/sb03.png") no-repeat 50% 50%;background-size: 100% 100%;}
#st3 .desc{ background:url("../img/sub/sb04.png") no-repeat 50% 50%;background-size: 100% 100%;}
#st4 .desc{ background:url("../img/sub/sb05.png") no-repeat 50% 50%;background-size: 100% 100%;}

#st0 .desc h2 {color:#319ecf;}
#st1 .desc h2 {color:#3c5dc5;}
#st2 .desc h2 {color:#519a54;}
#st3 .desc h2 {color:#8b57bd;}
#st4 .desc h2 {color:#355c8c;}

#category .bg{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;/*background:rgba(0 0 0 / 80%);*/opacity:0;visibility:hidden}
#category .bg.sel{opacity:1;visibility:visible}
#category .mo_mem {
	display:none;
}


#global .g1 .depth2 {border:3px solid #3271b3; height:500px;}
#global .g2 .depth2 {border:3px solid #ff9f22; height:500px;}
#global .g3 .depth2 {border:3px solid #ff5252; height:500px;}
#global .g4 .depth2 {border:3px solid #b781d1; height:500px;}
#global .g5 .depth2 {border:3px solid #3ab7c2; height:500px;}

#global * {transition:none;}

.nocontent{padding:10% 0;font-size:14px;text-align:center}

.selBox {position:absolute; width:510px; background-color:#f5fff1; padding:0.8%; right:0; bottom:-55px; border-radius:20px;}
.selBox .selBox_bg {border:2px solid #a3db59; border-radius:19px; padding:2% 5%;}
.selBox .selBox_bg::after {content:""; display:block; clear:both;}
.selBox .selBox_bg .img {float:left; width:25%; line-height:78px;}
.selBox .selBox_bg .ti {float:left; width:21%; font-size:18px; color:#48ac3c; text-align:center; font-weight:bold; line-height:78px;}
.selBox .selBox_bg .num {font-size:29px; color:#000; line-height:78px; font-weight:bold;}

@media (min-width:1800px) {
	
	.section{overflow:visible}
	
	/* PC v.css */
	#khplay{position:relative;width:100%;height:100%}
	#khplay .khwrap{position:relative;margin:0 auto;width:1400px}
	#khplay .khwrap:after{display:block;visibility:hidden;clear:both;content:""}

	/* header */
	#header{height: 100px;background:#fff; border-bottom:1px solid #e1e1e1; position:fixed; left:0; top:0; width:100%; z-index:9999;}
	#header .khwrap{width:100% !important}
	#header .log{position:absolute;z-index:10;top: 50%;left:30px;transform: translateY(-50%);}
	#header .log a{display:block}
	#header .log img {height:75px}
	#header .mem{position:absolute;z-index:10;top:50%;right:90px;transform: translateY(-50%);overflow:hidden}
	#header .mem a{float: left;padding: 0 10px;line-height:32px;font-size: 16px;font-weight:500;}
	#header .mem a::after {content:""; display:inline-block; width:1px; height:17px; background-color:#d7d7d7;position: relative; left:18px; top:3px;}
	#header .mem a:last-child::after {display:none;}
	#header .mem a + a{margin-left:15px;}
	#header .mem a:hover{color:#40b57a}

	#header.sel{background:#fff}
    #header.sel .depth2{top:118%; margin:0 3%; margin-top:1px; height:500px; opacity:1; visibility:visible;}
    #header .gnb_bg{position:absolute;z-index:22;top:100px;left:0;right:0;height:0px;border-bottom:1px solid #eee;background:#fff;opacity:0;visibility:hidden;}
    #header .gnb_bg.sel{height:500px;opacity:1;visibility:visible}

	/* footer */
	#footer{position:relative;background:#fff; border-top:1px solid #dedede;}
	#footer .khwrap {width:1400px!important;}
	#footer .fnb{padding:0;}
	#footer .fnb .khwrap {padding-bottom:0;}
	#footer nav {float:left; width:70%; padding:20px 0;}
	#footer nav a {color:#000; font-weight:400; font-size:20px;}
	#footer nav a.bold_t {font-weight:500;}
	#footer nav em {font-size:20px; margin:0 5px;}
	#footer .fs_logo {float:left; width:30%; text-align:center;}
	#footer .fs_logo a {float:left;}
	#footer .address {margin:30px 15px; position:relative;}
	#footer .address p {font-size:18px;}
	#footer .address strong {font-weight:500;}
	#footer .address .add_call {position:absolute; right:0; top:50%; transform:translateY(-50%);}
	#footer .address .add_call p { font-size:31px; font-weight:500;}
	#footer .address .add_call span {color:#1c6ebf; font-weight:700; margin-right: 10px;;}

	#footer .address .copyright {font-size:17px; color:#8c8c8c;}
	#footer .address .copyright a {color:#8c8c8c;}
	#footer .address .copyright a:hover {color:#0069ff;}

	#footer .footer_banner {width:1400px; height:85px; margin:0 auto; margin-top:0; border:1px solid #e6e6e6;}
	#footer	.m_top_und{padding-top:5rem; float: left; background-color: #fff; border: 1px solid #ddd; border-bottom: 0; position:relative; width: 100%;}




	/**/
	#allmenu{position:absolute;z-index:1150;top:50%; right:30px; width:54px; height:52px; background:transparent;cursor:pointer; border:1px solid #ececec; border-radius:8px; transform:translateY(-50%);}
	#allmenu .bar{position:relative;margin:0 auto;width:24px;height:16px;transform:rotate(0deg);transition:all 0.5s}
	#allmenu .bar .bars{display:block;width:100%;height:5px;position:absolute;background-color:rgba(92,92,92,0.73);-webkit-transition:all 0.25s;transition:all 0.25s; border-radius:3.5px;}
	#allmenu .bar .bar1{top:0;left:0}
	#allmenu .bar .bar2{top:50%;left:0}
	#allmenu .bar .bar3{top:100%;right:0; width:75%;}
	#allmenu.sel .bar .bars{background:#777}
	#allmenu.sel .bar .bar1{top:50%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
	#allmenu.sel .bar .bar2{opacity:0}
	#allmenu.sel .bar .bar3{top:50%;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:0; width:100%;}
	#category .category{position:fixed;z-index:1000;top:50%;left:50%;padding:35px;width:auto;min-width:1280px;height:auto;background:#fff;opacity:0;visibility:hidden;border-radius:25px;box-shadow:0 8px 0 rgba(0,0,0,0.25);transform:translate(-50%,-50%);transition:all 0.5s}
	#category .category .cate{margin-bottom:25px;line-height:60px;font-size:30px;font-weight:bold;text-align:center;letter-spacing:-0.5px}
	#category .category .depth1{position:relative;font-size:0}
    #category .category .depth1 .dl1{display:inline-block;width:20%;padding:0 8px;text-align:center;vertical-align:top}
    #category .category .depth1 .dl1 i {display: none;}
    #category .category .depth1 .dl1 > .da1{z-index:2;display:block;line-height:60px;font-size:22px;color:#fff;border-radius:15px 15px 0 0;letter-spacing:-0.5px; font-weight: 900;}
    #category .category .depth2{border:1px solid #e9e9e9;border-top:0;border-radius:0 0 15px 15px;overflow:hidden}
    #category .category .depth2 .dl2{position:relative;overflow:hidden}
    #category .category .depth2 .dl2 + .dl2:before{content:'';position:absolute;z-index:5;top:0;left:0;width:100%;height:1px;background:#e9e9e9}
    #category .category .depth2 .dl2 > .da2{position:relative;display:block;padding:10px 0;line-height:30px;font-size:16px;font-weight:400;color:#666}
    #category .category .depth2 .dl2 > .da2:hover{background:#fafafa}
    #category .category.sel{opacity:1;visibility:visible}
    #category .close{position:absolute;top:35px;right:35px;width:70px;height:70px;background:none; display: 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:rgb(33 144 187);transition:all 0.25s}
    #category .close .bar .bar1{top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:rgba(33,144,187,0.5)}
    #category .close .bar .bar2{opacity:0}
    #category .close .bar .bar3{top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin:0;background-color:rgba(243,121,57,0.5)}
    #category .bg{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);opacity:0;visibility:hidden}
    #category .bg.sel{opacity:1;visibility:visible}
    #category .depth1 .dl1:nth-child(1) .da1{background:#3271b3}
	#category .depth1 .dl1:nth-child(2) .da1{background:#ff9f22}
	#category .depth1 .dl1:nth-child(3) .da1{background:#ff5252}
	#category .depth1 .dl1:nth-child(4) .da1{background:#b781d1}
	#category .depth1 .dl1:nth-child(5) .da1{background:#3ab7c2}
	#category .depth1 .dl1:nth-child(6) .da1{background:#ffa303}
	#category .depth1 .dl1:nth-child(7) .da1{background:#40b57a}
	
	/**/
	#global * {transition:none;}
	#global{padding:15px 0;}
	#global .depth1{width:60%; margin:0 auto;font-size:0;text-align:center;}
	#global .depth1:after{content:'';display:table;line-height:0;clear:both}
	#global .dl1{float: left;width:20%;position:relative;}
	#global .dl1 .da1{position: relative;z-index: 23;display:block;padding: 0 25px;line-height: 70px;font-size:23px;font-weight: 500;color:#333;text-align:center;letter-spacing: -0.5px;}
	#global .dl1 .da1:hover {color: #237345; font-weight: 600;}
	#global .dl1:hover .da1,
	#global .dl1.sel .da1{color:#000}
	#global .dl1:hover .da1:after,
	#global .dl1.sel .da1:after{opacity:1;visibility:visible}
	#global .dl1:hover .dl2 ul{background:#fff;}
	#global .depth2{position:absolute; height:620px; z-index:23;top: 90%;right:0;left:0;padding:16px 10px;text-align: left;opacity:0;visibility:hidden;}
    #global .depth2 .da2 { display: block; position: relative; padding: 0 5px; line-height: 37px; font-size:18px; font-weight: 400; color: #000; text-align:center;}
    /* #global .depth2 .da2:hover,
    #global .depth2 .da2.sel,
    #global .depth2 .da2:focus {display: block; position: relative; padding: 0 5px; line-height: 37px; font-size: 18px; font-weight: 500; color: #fff; text-align:center; background-color:#4e6188;} */
	
	#global .g1 .depth2 .da2:hover,
    #global .g1 .depth2 .da2.sel,
    #global .g1 .depth2 .da2:focus {display:block; transition:none; position:relative; padding:0 5px; line-height:37px; font-size:18px; font-weight:500; text-align:center; background-color:#e5f3ff; border-radius:12px;;}

	#global .g2 .depth2 .da2:hover,
    #global .g2 .depth2 .da2.sel,
    #global .g2 .depth2 .da2:focus {display:block; transition:none; position:relative; padding:0 5px; line-height:37px; font-size:18px; font-weight:500; text-align:center; background-color:#e5f3ff; border-radius:12px;;}

	#global .g3 .depth2 .da2:hover,
    #global .g3 .depth2 .da2.sel,
    #global .g3 .depth2 .da2:focus {display:block; transition:none; position:relative; padding:0 5px; line-height:37px; font-size:18px; font-weight:500; text-align:center; background-color:#e5f3ff; border-radius:12px;;}

	#global .g4 .depth2 .da2:hover,
    #global .g4 .depth2 .da2.sel,
    #global .g4 .depth2 .da2:focus {display:block; transition:none; position:relative; padding:0 5px; line-height:37px; font-size:18px; font-weight:500; text-align:center; background-color:#e5f3ff; border-radius:12px;;}

	#global .g5 .depth2 .da2:hover,
    #global .g5 .depth2 .da2.sel,
    #global .g5 .depth2 .da2:focus {display:block; transition:none; position:relative; padding:0 5px; line-height:37px; font-size:18px; font-weight:500; text-align:center; background-color:#e5f3ff; border-radius:12px;;}


	#global .dl2 {}
	#global .dl2 ul li a{display:block;line-height:40px;font-size:20px}
	#global .dl2 ul li + li a{border-top:1px solid #eee}
	#global .dl1:nth-child(1) .depth2:before{display:none}

    /* title */
    #title{position:relative;z-index:21; padding:0;}
    #title .khwrap{width:1250px;}
	#title .title .desc{padding:90px 0 140px;text-align: left; margin-top:100px;}
	#title .title .desc h2{padding: 0 40px;line-height:50px;font-size:52px; text-align:left; font-family:'GyeonggiTitle'; font-weight:normal;}
	#title .title .desc p{display: block;padding: 0 40px;margin-top: 20px;line-height: 30px;font-size: 17px;font-weight: 400;color: #fff;}
	#title .title .desc ul{display:none;margin-top:20px;font-size:0;text-align:center}
	#title .title .desc li{display:inline-block;line-height:47px;vertical-align:top }
	#title .title .desc li:nth-child(n+2):before{content:'>';position:relative;display:inline-block;font-size:20px;font-weight:400;color:#000;vertical-align:top}
	#title .title .desc li a{padding:0 12px;font-size:18px;font-weight:900;color:#000}
	#title .navi{position:relative;z-index:30;text-align:left; float:unset; width:100%; top:-120px;}
	/* #title .navi .nv2 *{transition:all .3s} */
	#title .navi .nv2 ul{display: block;font-size:0;padding:0; border-radius:15px; overflow:hidden; width: 85%;}
	#title .navi .nv2 li{position:relative;display:inline-block;vertical-align: top; font-size:0;}
	#title .navi .nv2 li::after {content:''; display:inline-block; width:1px; height:38px; background-color:#cbcbcb; position:relative; top:13px; margin:0 10px;}
	#title .navi .nv2 li:last-child::after {visibility: hidden;}
	/*#title .navi .nv2 li.kh-col-1{width:100%}
	#title .navi .nv2 li.kh-col-2{width:50%}
	#title .navi .nv2 li.kh-col-3{width:33.33%}
	#title .navi .nv2 li.kh-col-4{width:25%}
	#title .navi .nv2 li.kh-col-5{width:20%}
	#title .navi .nv2 li.kh-col-6{width:16.66%}
	#title .navi .nv2 li.kh-col-7{width:14.28%}
	#title .navi .nv2 li.kh-col-8{width:12.5%}
	#title .navi .nv2 li.kh-col-9{width:20%}
	#title .navi .nv2 li.kh-col-10{width:auto;}
	#title .navi .nv2 li.kh-col-11{width:16.66%}*/
	#title .navi .nv2 li a { display: inline-block; position: relative; padding: 8px 3px; font-size: 20px; font-weight: 400; letter-spacing: -1.5px; color: #333; border-radius: 100px; }
	#title .navi .nv2 li a span{position:relative;z-index:1}
	#title .navi .nv2 li.sel a {border-radius:26px; color:#fff; font-weight:500; padding:8px 10px;}
	#title .navi .nv2 li a {border-radius:26px; font-weight:500; padding:8px 10px;}
	#title .naviBtn{display:none}
	#contain .title, #bbs .title {padding: 50px 0 30px 0;text-align:center;}
	#contain .title h3, #bbs .title h3 {line-height:1;font-size:40px;font-weight:normal;color:#000; font-family: 'GyeonggiTitle';}

	#st0 .navi .nv2 li.sel a, #st0 .navi .nv2 li.sel a:hover {background-color:#319ecf;}
	#st1 .navi .nv2 li.sel a, #st1 .navi .nv2 li.sel a:hover {background-color:#3c5dc5;}
	#st2 .navi .nv2 li.sel a, #st2 .navi .nv2 li.sel a:hover {background-color:#519a54;}
	#st3 .navi .nv2 li.sel a, #st3 .navi .nv2 li.sel a:hover {background-color:#8b57bd;}
	#st4 .navi .nv2 li.sel a {background-color:#436690;}
}

@media (max-width:1799px) and (min-width:1201px) {
	#khplay{position:relative;width:100%;height:100%}
	#khplay .khwrap{position:relative;margin:0 auto;}
	#khplay .khwrap:after{display:block;visibility:hidden;clear:both;content:""}

	#st0 .desc{background:url("../img/sub/sb01.png") no-repeat 50% 50%;background-size: 100% 100%;}
	#st1 .desc{ background:url("../img/sub/sb02.png") no-repeat 50% 50%;background-size: 100% 100%;}
	#st2 .desc{ background:url("../img/sub/sb03.png") no-repeat 50% 50%;background-size: 100% 100%;}
	#st3 .desc{ background:url("../img/sub/sb04.png") no-repeat 50% 50%;background-size: 100% 100%;}
	#st4 .desc{ background:url("../img/sub/sb05.png") no-repeat 50% 50%;background-size: 100% 100%;}

	/* header */
	#header{height: 150px;background:#fff; border-bottom:1px solid #e1e1e1; position:fixed; left:0; top:0; width:100%; z-index:9999;}
	#header .khwrap{width:100% !important}
	#header .log{position:absolute;z-index:10;top:-30px;left:38px;transform: translateY(-50%);}
	#header .log a{display:block}
	#header .log img {width:auto; height:60px;}
	#header .mem{position:absolute;z-index:10;top:-30px;right:115px;transform: translateY(-50%);overflow:hidden;}
	#header .mem a{float: left;padding: 0 10px;line-height:32px;font-size: 16px;font-weight:500;}
	#header .mem a::after {content:""; display:inline-block; width:1px; height:17px; background-color:#d7d7d7;position: relative; left:18px; top:3px;}
	#header .mem a:last-child::after {display:none;}
	#header .mem a + a{margin-left:15px;}
	#header .mem a:hover{color:#40b57a}

	#header.sel{background:#fff}
    #header.sel .depth2{top:98%;margin-top:1px;height:500px;opacity:1;visibility:visible; z-index: 23;}
    #header .gnb_bg{position:absolute;z-index:22;top:85px;left:0;right:0;height:0px;border-bottom:1px solid #eee;background:#fff;opacity:0;visibility:hidden;}
    #header .gnb_bg.sel{height:500px;opacity:1;visibility:visible}

	/* header sns-facebook */
	#sns_fb a {width:44px; height:44px; background-image:url(../img/header/facebook.png); background-repeat:no-repeat; background-size:100% 100%; font-size:0;position:absolute; right:90px; top:50%; transform:translateY(-50%);}
	#sns_fb a:hover {background-image: url(../img/header/facebook_on.png);}
	
	/* footer */
	#footer{position:relative;background:#fff; border-top:1px solid #dedede;}
	#footer .khwrap {width:96%;}
	#footer .fnb{padding:0;}
	#footer .fnb .khwrap {padding-bottom:0;}
	#footer nav {float:left; width:70%; padding:20px 0;}
	#footer nav a {color:#000; font-weight:400; font-size:20px;}
	#footer nav a.bold_t {font-weight:500;}
	#footer nav em {font-size:20px; margin:0 5px;}
	#footer .fs_logo {float:left; width:30%; text-align:center;}
	#footer .fs_logo a {float:left;}
	#footer .address {margin:30px 15px; position:relative;}
	#footer .address p {font-size:18px;}
	#footer .address strong {font-weight:500;}
	#footer .address .add_call {position:absolute; right:0; top:50%; transform:translateY(-50%);}
	#footer .address .add_call p { font-size:31px; font-weight:500;}
	#footer .address .add_call span {color:#1c6ebf; font-weight:700; margin-right: 10px;;}

	#footer .address .copyright {font-size:17px; color:#8c8c8c;}
	#footer .address .copyright a {color:#8c8c8c;}
	#footer .address .copyright a:hover {color:#0069ff;}

	#footer .footer_banner {width:96%; height:85px; margin:0 auto; margin-top:0; border:1px solid #e6e6e6;}
	#footer	.m_top_und{ margin-top:5em; float: left; background-color: #fff; border: 1px solid #ddd; border-bottom: 0; position:relative; width: 100%;}



	/**/
	#allmenu{position:absolute;z-index:1150;top:-30px; right:38px; width:54px; height:52px; background:transparent;cursor:pointer; border:1px solid #ececec; border-radius:8px; transform:translateY(-50%);}
	#allmenu .bar{position:relative;margin:0 auto;width:24px;height:16px;transform:rotate(0deg);transition:all 0.5s}
	#allmenu .bar .bars{display:block;width:100%;height:5px;position:absolute;background-color:rgba(92,92,92,0.73);-webkit-transition:all 0.25s;transition:all 0.25s; border-radius:3.5px;}
	#allmenu .bar .bar1{top:0;left:0}
	#allmenu .bar .bar2{top:50%;left:0}
	#allmenu .bar .bar3{top:100%;right:0; width:75%;}
	#allmenu.sel .bar .bars{background:#777}
	#allmenu.sel .bar .bar1{top:50%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
	#allmenu.sel .bar .bar2{opacity:0}
	#allmenu.sel .bar .bar3{top:50%;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:0; width:100%;}
	#category .category{position:fixed;z-index:1000;top:50%;left:50%;padding:35px 35px;width:auto;min-width:1280px;height:auto;background:#fff;opacity:0;visibility:hidden;border-radius:25px;box-shadow:0 8px 0 rgba(0,0,0,0.25);transform:translate(-50%,-50%);transition:all 0.5s}

	#category .category .cate{margin-bottom:25px;line-height:60px;font-size:30px;font-weight:bold;text-align:center;letter-spacing:-0.5px}
	#category .category .depth1{position:relative;font-size:0}
    #category .category .depth1 .dl1{display:inline-block;width:20%;padding:0 8px;text-align:center;vertical-align:top}
    #category .category .depth1 .dl1 i {display: none;}
    #category .category .depth1 .dl1 > .da1{z-index:2;display:block;line-height:60px;font-size:22px;color:#fff;border-radius:15px 15px 0 0;letter-spacing:-0.5px; font-weight: 900;}
    #category .category .depth2{border:1px solid #e9e9e9;border-top:0;border-radius:0 0 15px 15px;overflow:hidden}
    #category .category .depth2 .dl2{position:relative;overflow:hidden}
    #category .category .depth2 .dl2 + .dl2:before{content:'';position:absolute;z-index:5;top:0;left:0;width:100%;height:1px;background:#e9e9e9}
    #category .category .depth2 .dl2 > .da2{position:relative;display:block;padding:10px 0;line-height:30px;font-size:16px;font-weight:400;color:#666}
    #category .category .depth2 .dl2 > .da2:hover{background:#fafafa}
    #category .category.sel{opacity:1;visibility:visible}
    #category .close{position:absolute;top:35px;right:35px;width:70px;height:70px;background:none; display: 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:rgb(33 144 187);transition:all 0.25s}
    #category .close .bar .bar1{top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:rgba(33,144,187,0.5)}
    #category .close .bar .bar2{opacity:0}
    #category .close .bar .bar3{top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin:0;background-color:rgba(243,121,57,0.5)}
    #category .bg{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);opacity:0;visibility:hidden}
    #category .bg.sel{opacity:1;visibility:visible}
	#category .depth1 .dl1:nth-child(1) .da1{background:#3271b3}
	#category .depth1 .dl1:nth-child(2) .da1{background:#ff9f22}
	#category .depth1 .dl1:nth-child(3) .da1{background:#ff5252}
	#category .depth1 .dl1:nth-child(4) .da1{background:#b781d1}
	#category .depth1 .dl1:nth-child(5) .da1{background:#3ab7c2}
	#category .depth1 .dl1:nth-child(6) .da1{background:#ffa303}
	#category .depth1 .dl1:nth-child(7) .da1{background:#40b57a}
	
	/**/
	
	#global{padding:15px 0; border-top:1px solid #e1e1e1; margin-top:65px;}
	#global .depth1{width:80%; margin:0 auto; font-size:0;text-align:center;}
	#global .depth1:after{content:'';display:table;line-height:0;clear:both}
	#global .dl1{float: left;width:18%; margin:0 1%; position:relative;}
	#global .dl1 .da1{position: relative;z-index: 23;display:block;padding: 0 25px;line-height: 70px;font-size:20px;font-weight: 500;color:#333;text-align:center;letter-spacing: -0.5px;}
	#global .dl1 .da1:hover {color: #237345; font-weight: 600;}
	#global .dl1:hover .da1,
	#global .dl1.sel .da1{color:#000}
	#global .dl1:hover .da1:after,
	#global .dl1.sel .da1:after{opacity:1;visibility:visible}
	#global .dl1:hover .dl2 ul{background:#fff;}
	#global .depth2{position:absolute; height:620px; z-index:23;top: 100%;right:0;left:0;padding:16px 0;text-align: left;opacity:0;visibility:hidden;}
    #global .depth2 .da2 { display: block; position: relative; padding: 0 5px; line-height: 37px; font-size:18px; font-weight: 400; color: #000; text-align:center;}
    #global .depth2 .da2:hover,
    #global .depth2 .da2.sel,
    #global .depth2 .da2:focus {display: block; position: relative; padding: 0 5px; line-height: 37px; font-size: 18px; font-weight: 500; color: #fff; text-align:center; background-color:#4e6188;}
	#global .dl2 {}
	#global .dl2 ul li a{display:block;line-height:40px;font-size:20px}
	#global .dl2 ul li + li a{border-top:1px solid #eee}
	#global .dl1:nth-child(1) .depth2:before{display:none}

    /* title */
    #title{position:relative;z-index:21; padding:0;}
    #title .khwrap{width:1250px;}
	#title .title .desc{padding:90px 0 140px;;text-align: left; margin-top:150px;}
	#title .title .desc h2{padding: 0 40px;line-height:50px;font-size:48px; text-align:left; font-family:'GyeonggiTitle'; font-weight:normal;}
	#title .title .desc p{display: block;padding: 0 40px;margin-top: 20px;line-height: 30px;font-size: 17px;font-weight: 400;color: #fff;}
	#title .title .desc ul{display:none;margin-top:20px;font-size:0;text-align:center}
	#title .title .desc li{display:inline-block;line-height:47px;vertical-align:top }
	#title .title .desc li:nth-child(n+2):before{content:'>';position:relative;display:inline-block;font-size:20px;font-weight:400;color:#000;vertical-align:top}
	#title .title .desc li a{padding:0 12px;font-size:18px;font-weight:900;color:#000}
	#title .navi{position:relative;z-index:30;text-align:left; float:unset; width:100%; top:-120px;}
	/* #title .navi .nv2 *{transition:all .3s} */
	#title .navi .nv2 ul{display: block;font-size:0;padding:0; border-radius:15px; overflow:hidden; width: 85%;}
	#title .navi .nv2 li{position:relative;display:inline-block;vertical-align: top; font-size:0;}
	#title .navi .nv2 li::after {content:''; display:inline-block; width:1px; height:38px; background-color:#cbcbcb; position:relative; top:13px; margin:0 10px;}
	#title .navi .nv2 li:last-child::after {visibility: hidden;}
	/*#title .navi .nv2 li.kh-col-1{width:100%}
	#title .navi .nv2 li.kh-col-2{width:50%}
	#title .navi .nv2 li.kh-col-3{width:33.33%}
	#title .navi .nv2 li.kh-col-4{width:25%}
	#title .navi .nv2 li.kh-col-5{width:20%}
	#title .navi .nv2 li.kh-col-6{width:16.66%}
	#title .navi .nv2 li.kh-col-7{width:14.28%}
	#title .navi .nv2 li.kh-col-8{width:12.5%}
	#title .navi .nv2 li.kh-col-9{width:20%}
	#title .navi .nv2 li.kh-col-10{width:auto;}
	#title .navi .nv2 li.kh-col-11{width:16.66%}*/
	#title .navi .nv2 li a { display: inline-block; position: relative; padding: 8px 3px; font-size: 20px; font-weight: 400; letter-spacing: -1.5px; color: #333; border-radius: 100px; }
	#title .navi .nv2 li a span{position:relative;z-index:1}
	#title .navi .nv2 li.sel a {border-radius:26px; color:#fff; font-weight:500; padding:8px 10px;}
	#title .navi .nv2 li a {border-radius:26px; font-weight:500; padding:8px 10px;}
	#title .naviBtn{display:none}
	#contain .title, #bbs .title {padding: 80px 0 30px 0;text-align:center;}
	#contain .title h3, #bbs .title h3 {line-height:1;font-size:32px;font-weight:normal;color:#000; font-family: 'GyeonggiTitle';}

	#st0 .navi .nv2 li.sel a, #st0 .navi .nv2 li.sel a:hover {background-color:#319ecf;}
	#st1 .navi .nv2 li.sel a, #st1 .navi .nv2 li.sel a:hover {background-color:#3c5dc5;}
	#st2 .navi .nv2 li.sel a, #st2 .navi .nv2 li.sel a:hover {background-color:#519a54;}
	#st3 .navi .nv2 li.sel a, #st3 .navi .nv2 li.sel a:hover {background-color:#8b57bd;}
	#st4 .navi .nv2 li.sel a {background-color:#436690;}
	
	#contain .title, #bbs .title {padding:40px 0;text-align:center}
	#contain .title h3, #bbs .title h3 {line-height:1;font-size:36px;font-weight:normal;color:#000; font-family: 'GyeonggiTitle';}
}
@media (min-width:1200px) {  
	.ctt_admin a {
    background-color: #868686;
    float: left;
    padding: 1%;
    border-radius: 0 100px 100px 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    display: block;
	position: fixed;
}
}
@media (max-width:1200px) and (min-width:748px) {
	#khplay{position:relative;width:100%;height: auto;overflow: hidden;}
	#khplay .khwrap{position:relative;margin:0 20px}
	#khplay .khwrap:after{display:block;visibility:hidden;clear:both;content:""}

	/*서브 상단*/
	#st0 .desc, #st1 .desc, #st2 .desc, #st3 .desc, #st4 .desc, #st5 .desc, #st6 .desc { background: none;}
	#st0 .desc { background-color: #e9f8ff;}
	#st1 .desc { background-color: #dfedff;}
	#st2 .desc { background-color: #e9ffe5;}
	#st3 .desc { background-color: #fcf1ff;}
	#st4 .desc { background-color: #e5f8ff;}
	/* header */
	#header{background:#fff; height:150px;}
	#header .khwrap{position:relative;margin:0}
	#header .log{padding:15px 20px;height:70px;vertical-align:middle}
	#header .log a{display:inline-block; height:55px;}
	#header .log img{width:auto;max-width:100%;height:auto;max-height:100%}
	#header .mem{position:absolute;z-index:10;top:0;right:130px;font-size:0}
	#header .mem a{display:inline-block;line-height:70px;font-size: 13px;}
	#header .mem a + a{margin-left:25px;}
	/* header sns-facebook */
	#sns_fb a {width:44px; height:44px; background-image:url(../img/header/facebook.png); background-repeat:no-repeat; background-size:100% 100%; font-size:0;position:absolute; right:70px; top:30%; transform:translateY(-50%);}
	#sns_fb a:hover {background-image: url(../img/header/facebook_on.png);}
	
	/* footer */
	#footer{position:relative;background:#fff; border-top:1px solid #dedede;}
	#footer .khwrap {width:96%;}
	#footer .fnb{padding:0;}
	#footer .fnb .khwrap {padding-bottom:0;}
	#footer nav {float:left; width:70%; padding:20px 0;}
	#footer nav a {color:#000; font-weight:400; font-size:18px;}
	#footer nav a.bold_t {font-weight:500;}
	#footer nav em {font-size:20px; margin:0 5px;}
	#footer .fs_logo {float:left; width:30%; text-align:center;}
	#footer .fs_logo a {float:left;}
	#footer .address {margin:30px 15px; position:relative; text-align: center;}
	#footer .address p {font-size:16px;}
	#footer .address strong {font-weight:500;}
	#footer .address .add_call {position:unset; right:0; top:0; transform:unset;}
	#footer .address .add_call p { font-size:24px; font-weight:500;}
	#footer .address .add_call span {color:#1c6ebf; font-weight:700; margin-right: 10px;;}

	#footer .address .copyright {font-size:16px; color:#8c8c8c;}
	#footer .address .copyright a {color:#8c8c8c;}
	#footer .address .copyright a:hover {color:#0069ff;}

	#footer .footer_banner {width:96%; height:85px; margin:0 auto; margin-top:0; border:1px solid #e6e6e6;}
	#footer	.m_top_und{ margin-top:5em; float: left; background-color: #fff; border: 1px solid #ddd; border-bottom: 0; position:relative; width: 100%;}

	/**/
	#allmenu{position:absolute;z-index:1150;top:35px; right:38px; width:54px; height:52px; background:transparent;cursor:pointer; border:1px solid #ececec; border-radius:8px; transform:translateY(-50%);}
	#allmenu .bar{position:relative;margin:0 auto;width:24px;height:16px;transform:rotate(0deg);transition:all 0.5s}
	#allmenu .bar .bars{display:block;width:100%;height:5px;position:absolute;background-color:rgba(92,92,92,0.73);-webkit-transition:all 0.25s;transition:all 0.25s; border-radius:3.5px;}
	#allmenu .bar .bar1{top:0;left:0}
	#allmenu .bar .bar2{top:50%;left:0}
	#allmenu .bar .bar3{top:100%;right:0; width:75%;}
	#allmenu.sel .bar .bars{background:#777;}
	#allmenu.sel .bar .bar1{top:50%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
	#allmenu.sel .bar .bar2{opacity:0}
	#allmenu.sel .bar .bar3{top:50%;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:0; width:100%;}
	#category .category{position:fixed;z-index:1000;top:50%;left:50%;padding:35px 35px;width:auto;min-width:100%;height:auto;background:#fff;opacity:0;visibility:hidden;border-radius:25px;box-shadow:0 8px 0 rgba(0,0,0,0.25);transform:translate(-50%,-50%);transition:all 0.5s}

	#category .category .cate{margin-bottom:25px;line-height:60px;font-size:30px;font-weight:bold;text-align:center;letter-spacing:-0.5px}
	#category .category .depth1{position:relative;font-size:0}
    #category .category .depth1 .dl1{display:inline-block;width:16.666666%;padding:0 8px;text-align:center;vertical-align:top}
    #category .category .depth1 .dl1 i {display: none;}
    #category .category .depth1 .dl1 > .da1{z-index:2;display:block;line-height:60px;font-size:18px;color:#fff;border-radius:15px 15px 0 0;letter-spacing:-0.5px; font-weight: 900;}
    #category .category .depth2{border:1px solid #e9e9e9;border-top:0;border-radius:0 0 15px 15px;overflow:hidden}
    #category .category .depth2 .dl2{position:relative;overflow:hidden}
    #category .category .depth2 .dl2 + .dl2:before{content:'';position:absolute;z-index:5;top:0;left:0;width:100%;height:1px;background:#e9e9e9}
    #category .category .depth2 .dl2 > .da2{position:relative;display:block;padding:10px 0;line-height:30px;font-size:16px;font-weight:400;color:#666}
    #category .category .depth2 .dl2 > .da2:hover{background:#fafafa}
    #category .category.sel{opacity:1;visibility:visible;}
    #category .close{position:absolute;top:35px;right:35px;width:70px;height:70px;background:none; display: 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:rgb(33 144 187);transition:all 0.25s}
    #category .close .bar .bar1{top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:rgba(33,144,187,0.5)}
    #category .close .bar .bar2{opacity:0}
    #category .close .bar .bar3{top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin:0;background-color:rgba(243,121,57,0.5)}
    #category .bg{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);opacity:0;visibility:hidden}
    #category .bg.sel{opacity:1;visibility:visible}
    #category .depth1 .dl1:nth-child(1) .da1{background:#40b57a}
	#category .depth1 .dl1:nth-child(2) .da1{background:#ffa303}
	#category .depth1 .dl1:nth-child(3) .da1{background:#40b57a}
	#category .depth1 .dl1:nth-child(4) .da1{background:#ffa303}
	#category .depth1 .dl1:nth-child(5) .da1{background:#40b57a}
	#category .depth1 .dl1:nth-child(6) .da1{background:#ffa303}
	#category .depth1 .dl1:nth-child(7) .da1{background:#40b57a}
	
	/**/
	/* #global{padding:15px 0; border-top:1px solid #e1e1e1;}
	#global *{transition:all .3s}
	#global .depth1{font-size:0;text-align:center}
	#global .depth1:after{content:'';display:table;line-height:0;clear:both}
	#global .dl1{float: left;width: 16.666666%;position:relative;}
	#global .da1{display:block;padding:0 5px;line-height:55px;font-size: 18px;font-weight:500;color: #333;text-align:center; position:relative;}
	#global .dl1.sel .da1{color:#000}
	#global .dl1:hover .da1:after,
	#global .dl1.sel .da1:after{opacity:1;visibility:visible}
	#global .depth2{position:absolute;z-index:22;top: 50px;left: 0;padding:10px;width: 100%;background:#fff;border: 1px solid #e9e9e9;border-radius: 5px;visibility:hidden;opacity:0;}
	#global .depth2:before{content:'';position:absolute;top:-8px;left:50%;margin-left:-7px;width:10px;height:8px;border-top:0px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #e9e9e9;box-sizing: border-box;}
	#global .da2{position:relative;display:block;padding: 4px 10px;line-height: 30px;font-size: 15px;font-weight:400;color: #333;word-break:keep-all;}
	#global .da2:hover,
	#global .da2.sel,
	#global .da2:focus{color:#0069ff}
	#global .dl1.sel .depth2{display:block;visibility:visible;opacity:1}
	#global .dl2.sel .depth3{display:block;visibility:visible;opacity:1}
    #global .depth3{position:relative;padding: 5px;width: 100%;border-radius: 10px;background:#fff;}
	#global .depth3 .da3{position:relative;display:block;padding: 2px 10px;line-height: 30px;font-size: 14px;font-weight: 500;color: #333;word-break:keep-all;} */

		/**/
	
		#global{padding:15px 0; border-top:1px solid #e1e1e1;}
		#global .depth1{ font-size:0;text-align:center;}
		#global .depth1:after{content:'';display:table;line-height:0;clear:both}
		#global .dl1{float: left;width:20%;position:relative;}
		#global .dl1 .da1{position: relative;z-index: 23;display:block;line-height:55px;font-size:18px;font-weight: 500;color:#333;text-align:center;letter-spacing: -0.5px;}
		#global .dl1 .da1:hover {color: #237345; font-weight: 600;}
		#global .dl1:hover .da1,
		#global .dl1.sel .da1{color:#000}
		#global .dl1:hover .da1:after,
		#global .dl1.sel .da1:after{opacity:1;visibility:visible}
		#global .dl1:hover .dl2 ul{background:#fff;}
		#global .depth2{position:absolute; height:620px; z-index:23;top: 100%;right:0;left:0;padding:16px 0;text-align: left;opacity:0;visibility:hidden;}
		#global .depth2 .da2 { display: block; position: relative; padding: 0 5px; line-height: 37px; font-size:18px; font-weight: 400; color: #000; text-align:center;}
		#global .depth2 .da2:hover,
		#global .depth2 .da2.sel,
		#global .depth2 .da2:focus {display: block; position: relative; padding: 0 5px; line-height: 37px; font-size: 18px; font-weight: 500; color: #fff; text-align:center; background-color:#4e6188;}
		#global .dl2 {}
		#global .dl2 ul li a{display:block;line-height:40px;font-size:20px}
		#global .dl2 ul li + li a{border-top:1px solid #eee}
		#global .dl1:nth-child(1) .depth2:before{display:none}


    /* title */
	#title{position:relative;z-index:21; padding:0;}
    #title .khwrap{}
	#title .title .desc{padding:60px 0 175px;text-align: left;}
	#title .title .desc h2{padding: 0 40px;line-height:50px;font-size:45px; text-align:left; font-family:'GyeonggiTitle'; font-weight:normal;}
	#title .title .desc p{display: block;padding: 0 40px;margin-top: 20px;line-height: 30px;font-size: 17px;font-weight: 400;color: #fff;}
	#title .title .desc ul{display:none;margin-top:20px;font-size:0;text-align:center}
	#title .title .desc li{display:inline-block;line-height:47px;vertical-align:top }
	#title .title .desc li:nth-child(n+2):before{content:'>';position:relative;display:inline-block;font-size:20px;font-weight:400;color:#000;vertical-align:top}
	#title .title .desc li a{padding:0 12px;font-size:18px;font-weight:900;color:#000}
	#title .navi{position:relative;z-index:30;text-align:left; float:unset; width:100%; top:-180px;}
	/* #title .navi .nv2 *{transition:all .3s} */
	#title .navi .nv2 ul{display: block;font-size:0;padding:0; border-radius:15px; overflow:hidden; width: 85%;}
	#title .navi .nv2 li{position:relative;display:inline-block;vertical-align: top; font-size:0;}
	#title .navi .nv2 li::after {content:''; display:inline-block; width:1px; height:38px; background-color:#cbcbcb; position:relative; top:13px; margin:0 10px;}
	#title .navi .nv2 li:last-child::after {visibility: hidden;}
	/*#title .navi .nv2 li.kh-col-1{width:100%}
	#title .navi .nv2 li.kh-col-2{width:50%}
	#title .navi .nv2 li.kh-col-3{width:33.33%}
	#title .navi .nv2 li.kh-col-4{width:25%}
	#title .navi .nv2 li.kh-col-5{width:20%}
	#title .navi .nv2 li.kh-col-6{width:16.66%}
	#title .navi .nv2 li.kh-col-7{width:14.28%}
	#title .navi .nv2 li.kh-col-8{width:12.5%}
	#title .navi .nv2 li.kh-col-9{width:20%}
	#title .navi .nv2 li.kh-col-10{width:auto;}
	#title .navi .nv2 li.kh-col-11{width:16.66%}*/
	#title .navi .nv2 li a { display: inline-block; position: relative; padding: 8px 3px; font-size:19px; font-weight: 400; letter-spacing: -1.5px; color: #333; border-radius: 100px; }
	#title .navi .nv2 li a span{position:relative;z-index:1}
	#title .navi .nv2 li.sel a {border-radius:26px; color:#fff; font-weight:500; padding:8px 10px;}
	#title .navi .nv2 li a {border-radius:26px; font-weight:500; padding:8px 10px;}
	#title .naviBtn{display:none}
	#contain .title, #bbs .title {padding: 80px 0 30px 0;text-align:center;}
	#contain .title h3, #bbs .title h3 {line-height:1;font-size:32px;font-weight:normal;color:#000; font-family: 'GyeonggiTitle';}

	#st0 .navi .nv2 li.sel a, #st0 .navi .nv2 li.sel a:hover {background-color:#319ecf;}
	#st1 .navi .nv2 li.sel a, #st1 .navi .nv2 li.sel a:hover {background-color:#3c5dc5;}
	#st2 .navi .nv2 li.sel a, #st2 .navi .nv2 li.sel a:hover {background-color:#519a54;}
	#st3 .navi .nv2 li.sel a, #st3 .navi .nv2 li.sel a:hover {background-color:#8b57bd;}
	#st4 .navi .nv2 li.sel a {background-color:#436690;}
	
	#contain .title, #bbs .title {padding:20px 0;text-align:center}
	#contain .title h3, #bbs .title h3 {line-height:1;font-size:30px;font-weight:normal;color:#000; font-family: 'GyeonggiTitle';}

    .sit_admin a,
	.sct_admin a,
	.ctt_admin a{display:block;position:relative;width:50px;font-size:0;text-indent:-9999em;overflow:hidden}
	.sit_admin a:before,
	.sct_admin a:before,
	.ctt_admin a:before{content:"\e986";display:block;padding:10px 0;font-size:18px;font-family:xeicon;color:#fff;text-align:center}

}

@media (max-width:747px) {	
	#khplay{position:relative;width: 100vw !important;height: auto;overflow: hidden;}
	#khplay .khwrap{position:relative;margin:0 auto;}
	#khplay .khwrap:after{display:block;visibility:hidden;clear:both;content:""}

	/* header */
	#header{background:#fff;height:107px;}
	#header .khwrap{position:relative;margin:0}
	#header .log{padding:28px 15px;}
	#header .log a{display: inline-block;height:50px;vertical-align: top;}
	#header .log img{width:auto;max-width:100%;height:auto;max-height:100%}

	#header .mem{display:none;}
	#header .mem a{display:inline-block;padding: 0 3px;line-height: 60px;font-size: 11px;}

	/* header sns-facebook */
	#sns_fb a {width:30px; height:30px; background-image:url(../img/header/facebook.png); background-repeat:no-repeat; background-size:100% 100%; font-size:0;position:absolute; right:70px; top:37%; transform:translateY(-50%);}
	#sns_fb a:hover {background-image: url(../img/header/facebook_on.png);}
		
	/*서브 상단*/
	#st0 .desc, #st1 .desc, #st2 .desc, #st3 .desc, #st4 .desc, #st5 .desc, #st6 .desc { background: none;}
	#st0 .desc { background-color: #319ecf;}
	#st1 .desc { background-color: #3c5dc5;}
	#st2 .desc { background-color: #519a54;}
	#st3 .desc { background-color: #8b57bd;}
	#st4 .desc { background-color: #436690;}

	#title .khwrap { width: 100%; text-align: center;}
	#title .title .desc { padding: 23px 0 39px 0; text-align: left; }
	/*끝*/
	/* footer */
	#footer{position:relative;background:#fff; border-top:1px solid #dedede;}
	#footer .khwrap {width:96%;}
	#footer .fnb{padding:0;}
	#footer .fnb .khwrap {padding-bottom:0;}
	#footer nav {float:left; width:100%; padding:20px 0;}
	#footer nav a {color:#000; font-weight:400; font-size:18px;}
	#footer nav a.bold_t {font-weight:500;}
	#footer nav em {font-size:20px; margin:0 5px;}
	#footer .fs_logo {float:left; width:30%; text-align:center;}
	#footer .fs_logo a {float:left;}
	#footer .address {margin:0 15px; position:relative; text-align: center;}
	#footer .address p {font-size:16px;}
	#footer .address strong {font-weight:500;}
	#footer .address .add_call {position:unset; right:0; top:0; transform:unset;}
	#footer .address .add_call p { font-size:24px; font-weight:500;}
	#footer .address .add_call span {color:#1c6ebf; font-weight:700; margin-right: 10px;;}

	#footer .address .copyright {font-size:16px; color:#8c8c8c;}
	#footer .address .copyright a {color:#8c8c8c;}
	#footer .address .copyright a:hover {color:#0069ff;}

	#footer .footer_banner {width:96%; height:85px; margin:0 auto; margin-top:0; border:1px solid #e6e6e6; display:none;}
	#footer	.m_top_und{ margin-top:5em; float: left; background-color: #fff; border: 1px solid #ddd; border-bottom: 0; position:relative; width: 100%;}

	/**/
	#allmenu{position:absolute;z-index:1150;top:50%; right:38px; transform:translateY(-50%); width:54px; height:52px; background:transparent;cursor:pointer; border:1px solid #ececec; border-radius:8px; transform:translateY(-50%);}
	#allmenu .bar{position:relative;margin:0 auto;width:24px;height:16px;transform:rotate(0deg);transition:all 0.5s}
	#allmenu .bar .bars{display:block;width:100%;height:5px;position:absolute;background-color:rgba(92,92,92,0.73);-webkit-transition:all 0.25s;transition:all 0.25s; border-radius:3.5px;}
	#allmenu .bar .bar1{top:0;left:0}
	#allmenu .bar .bar2{top:50%;left:0}
	#allmenu .bar .bar3{top:100%;right:0; width:75%;}
	#allmenu.sel .bar .bars{background:#777;}
	#allmenu.sel .bar .bar1{top:50%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
	#allmenu.sel .bar .bar2{opacity:0}
	#allmenu.sel .bar .bar3{top:50%;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:0; width:100%;}
	
	/**/
	#category{overflow:hidden;}
	#category .category{position:fixed;z-index:1000;top:0;right:-100%;bottom:0;width: calc(100% - 60px);background:#fafafa;opacity:0;visibility:hidden;transition:all .4s;}
	#category .category.sel{right:0;opacity:1;visibility:visible}
	#category .depth1{margin:100px 0 20px 0}
	#category .dl1{position:relative}
	#category .dl1 + .dl1{border-top:1px solid #e9e9e9;}
	#category .da1{position:relative;display:block;padding: 0 15px;line-height: 60px;font-size: 14px;font-weight: 600;color:#222;background:#fff;}
	#category .dl1.sel .da1{color: #fff;background: #5db5ff;}
	#category .dl1:nth-child(1).sel .da1{color: #fff;background: #319ecf;}
	#category .dl1:nth-child(2).sel .da1{color: #fff;background: #3c5dc5;}
	#category .dl1:nth-child(3).sel .da1{color: #fff;background: #519a54;}
	#category .dl1:nth-child(4).sel .da1{color: #fff;background: #8b57bd;}
	#category .dl1:nth-child(5).sel .da1{color: #fff;background: #436690;}

	#category .dl1.sel i{color:#fff}
	#category .dl1 i{position:absolute;top:0;right:0;display:block;width: 60px;height: 60px;line-height: 60px;font-size: 15px;text-align:center;cursor:pointer;}
	#category .depth2{display:none;padding: 15px 15px;background: #fafafa;}
	#category .depth2 li{text-align:left}
	#category .depth2 a{position:relative;display:block;line-height: 35px;font-size: 13px;color:#555;letter-spacing:-0.5px;}
	#category .depth2 a.sel{color:#bf1e2e;text-decoration:underline}
	#category .depth3{padding: 10px;background: #fff;border-radius: 10px;}
	#category .depth3 li{text-align:left}
	#category .depth3 a{position:relative;display:block;line-height: 27px;font-size: 12px;color:#555;letter-spacing:-0.5px;}
	#category .depth3 a.sel{color:#bf1e2e;text-decoration:underline}
	

	#category .mo_mem {
		display:flex;
		align-items:center;
		flex-wrap: wrap;
		gap:5px;
		justify-content:center;
	}
	#category .mo_mem a {
		display:block;
		width:fit-content;
		padding:5px 10px;
		border:1px solid #ddd;
		border-radius:3px;
		background-color:#fff;
		font-size:14px;
	}


	/**/
	#global{display:none}

    /* title */
    #title{position:relative;z-index:21}
    #title .khwrap{margin: 0;width: 100%;} 
	#title .title .desc h2{padding: 0 15px;line-height: 25px;font-size: 24px;font-weight: 600;color:#fff; text-align: center;}
	#title .title .desc p{display: block;padding: 0 15px;margin-top: 10px;line-height: 13px;font-size: 13px;font-weight: 400;color: #fff;}
	#title .title .desc ul{display:none;margin-top:20px;font-size:0;text-align:center}
	#title .title .desc li{display:inline-block;line-height:47px;vertical-align:top}
	#title .title .desc li:nth-child(n+2):before{content:'>';position:relative;display:inline-block;font-size:20px;font-weight:400;color:#000;vertical-align:top}
	#title .title .desc li a{padding:0 12px;font-size:18px;font-weight:900;color:#000}
	#title .navi{position:relative;z-index:30;padding: 0 6px;text-align:center;margin-top: -21px; float:unset; width:100%;}
	/* #title .navi .nv2 *{transition:all .3s} */
	#title .navi .nv2 ul{display: none;position: absolute;top: 32px;left: 0;width: 100%;margin-top: -14px;padding: 26px 2px 3px 2px;font-size:0;border: 1px solid #e0e0e0;background:#fff;border-radius: 0 0 20px 20px;}
	#title .navi .nv2 li{position:relative;padding: 0 1px;display: block;vertical-align: top;}
	#title .navi .nv2 li a{display:block;position:relative;line-height: 35px;font-size: 12px;font-weight:400;letter-spacing:-1px;color:#333;border-radius: 100px;}
	#title .navi .nv2 li a span{position:relative;z-index:1}
    #title .naviBtn{display: block;position: relative;z-index: 10;padding: 0 20px;line-height: 40px;font-size: 13px;width: 100%;border: 1px solid #e6e6e6;background: #fff;border-radius: 100px;text-align: left;}
    #title .naviBtn i{float: right;line-height: 40px;font-size: 18px;color:#333;}
    #title .naviBtn.sel i{transform:rotateX(180deg)}
	#contain .title, #bbs .title {padding:20px 0;text-align:center}
	#contain .title h3, #bbs .title h3 {line-height:1;font-size:20px;font-weight:normal;color:#000; font-family: 'GyeonggiTitle';}

	.sit_admin,
	.sct_admin,
	.ctt_admin{position:fixed;z-index:90000;bottom:0;left:20px;display:block;background:#000;border-top-left-radius:40px;border-top-right-radius:40px;overflow:hidden;transition:all 0.3s}
	.sit_admin a,
	.sct_admin a,
	.ctt_admin a{display:block;position:relative;width:50px;font-size:0;text-indent:-9999em;overflow:hidden}
	.sit_admin a:before,
	.sct_admin a:before,
	.ctt_admin a:before{content:"\e986";display:block;padding:10px 0;font-size:18px;font-family:xeicon;color:#fff;text-align:center}

	.selbox{position:relative;width:300px;border:1px solid #ccc;background:#fff;border-radius:50px;z-index:1;}
	.selbox.focus{border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}
	.selbox:before{content:"";position:absolute;top:50%;right:15px;width:0;height:0;margin-top:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #313131}
	.selbox label{position:absolute;top:0;left:0;right:0;padding:0 20px;line-height:40px;font-size:14px;font-weight: 500;color:#333;z-index:-1;}
	.selbox select{width:100%;line-height:normal;font-family:inherit;padding:.8em .5em;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance:none;}
    
    #footer #visit { visibility: hidden; position: absolute; }

}

	@media (max-width:500px){
		
	#allmenu{ right:10px}
	#header .mem {right:75px;}
	/* footer */
	#footer{position:relative;background:#fff; border-top:1px solid #dedede;}
	#footer .khwrap {width:96%;}
	#footer .fnb{padding:0;}
	#footer .fnb .khwrap {padding-bottom:0;}
	#footer nav {float:left; width:100%; padding:20px 0;}
	#footer nav a {color:#000; font-weight:400; font-size:16px;}
	#footer nav a.bold_t {font-weight:500;}
	#footer nav em {font-size:20px; margin:0 5px;}
	#footer .fs_logo {float:left; width:30%; text-align:center;}
	#footer .fs_logo a {float:left;}
	#footer .address {margin:0 15px; position:relative; text-align: center;}
	#footer .address p {font-size:16px;}
	#footer .address strong {font-weight:500;}
	#footer .address .add_call {position:unset; right:0; top:0; transform:unset;}
	#footer .address .add_call p { font-size:24px; font-weight:500;}
	#footer .address .add_call span {color:#1c6ebf; font-weight:700; margin-right: 10px;;}

	#footer .address .copyright {font-size:16px; color:#8c8c8c;}
	#footer .address .copyright a {color:#8c8c8c;}
	#footer .address .copyright a:hover {color:#0069ff;}

	#footer .footer_banner {width:96%; height:85px; margin:0 auto; margin-top:0; border:1px solid #e6e6e6; display:none;}
	#footer	.m_top_und{ margin-top:5em; float: left; background-color: #fff; border: 1px solid #ddd; border-bottom: 0; position:relative; width: 100%;}

	}




 /* 팝업레이어 */
 #hd_pop {z-index: 11111111111111111; position: absolute; margin: 0 auto; /*width: 970px;*/ height: 0; width:auto;}
 #hd_pop h2 {position: absolute; font-size: 0; line-height: 0; overflow: hidden}
 .hd_pops { position: absolute; border: 1px solid #e9e9e9; background: #fff }
 .hd_pops_con {}
 .hd_pops_footer {padding: 10px 0; background: #333; color: #fff; text-align: right }
 .hd_pops_footer button { margin-right: 5px; padding: 5px 10px; border: 0; background: #393939; color: #fff; font-size:16px;}
 

 
/* 인트라넷 버튼 */
.int {font-size:18px; width:200px; padding:15px 0; z-index:100; text-align:center; border-radius:0 36px 36px 0; background-color:#454545; color:#fff; font-weight:500; position:fixed; left:0; top:50%; transform:translateY(-50%);}

@media (max-width:1499px) {
	.int {display:none;}	
}