@charset "utf-8";

/* 레이아웃 */
#wrap { width:auto; max-width:100%; height:auto; min-height:100%;}
.innerconts {width: 1040px; margin: 0 auto;}


.counsel-footer { clear: both;position: relative;background: #fff;width: 100%;padding: 100px 0;}
.counsel-footerttl { font-size: 36px;font-weight: 700;padding-bottom: 20px;}
.counsel-footertxt { font-size: 16px;font-weight: 700;padding-bottom: 50px;font-weight: 100;}


/*스크롤시 애니메이션*/
.con {height: 100vh;background: #8ab4f8;}
.scroll_wrap {overflow: hidden;}
.scroll_on {padding:50px 0;font-size: 24px;font-weight:700;text-align: center;opacity: 0;transition: all 1s;}
.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.scroll_on.type_top {transform: translate(0, -50px);}
.scroll_on.type_bottom {transform: translate(0, 50px);}
.scroll_on.type_left {transform: translate(-50px, 0);}
.scroll_on.type_right {transform: translate(50px, 0);}


/* headFix */
.headerFixColor { position:fixed; width:100%;top:0;left:0; /*height:100px;*/ background-color:rgba(255,255,255,0); -webkit-transition-duration:0.4s;-webkit-transition-timing-function:ease; transition-duration:0.4s; transition-timing-function:ease; }
.headerFixColor:after { display:block; width:100%; border-bottom:0px solid #000; content:"";}
section article { margin:30px 0; font-size:1rem; line-height:1.7em;}
.down { background-color:rgba(255,255,255,1); -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; transition-duration:0.4s;   transition-timing-function:ease; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}  
.down #global .depth1 .da1.sel { color: #008c45;border-bottom: 4px solid #008c45;}
.down #global .depth1 .da1 a, .down #global .depth1 .da1 { color: #000;}
.down #global .depth1 .da1:focus { color: #000;}
.down #global .depth1 .da1:hover { color: #008c45;}
/* headFix */

/* 퀵 */
.quick-conts { position: fixed;right: 50px;top: 550px;z-index: 100;}
.quick-conts a { display: block;padding: 5px;}
.quick-conts a img {box-shadow: 0px 5px 15px rgba(0,0,0,0.3);border-radius: 100%;}


/* 슬라이드 링크*/
.slide-link { text-align: center;}
.slide-link a.mainV-link {width: 180px;height: 45px;line-height: 45px;font-size: 17px;font-weight: 300;border: 1px solid #9D9D9D;color: #444;display: inline-block;margin-top: 40px;text-align: center;font-weight: 400;}
a.mainV-link::after {content: '';display: inline-block;background: url(../img/gray-link-ico.png) center no-repeat;width: 24px;height: 9px;margin-left: 15px; margin-bottom: 2px;}
a.mainV-link:hover {background: #008c45 ;border: 1px solid #008c45;color: #fff;}
a.mainV-link:hover::after {content: '';display: inline-block;background: url(../img/mainV-link-ico.png) center no-repeat;width: 24px;height: 9px;margin-left: 15px; margin-bottom: 2px;}

.slide-link a.green-link {width: 180px;height: 45px;line-height: 45px;font-size: 17px;font-weight: 300;border: 1px solid #008c45;color: #008c45;display: inline-block;margin-top: 40px;text-align: center;font-weight: 400;}
a.green-link::after {content: '';display: inline-block;background: url(../img/green-link-ico.png) center no-repeat;width: 24px;height: 9px;margin-left: 15px; margin-bottom: 2px;}
a.green-link:hover::after {content: '';display: inline-block;background: url(../img/mainV-link-ico.png) center no-repeat;width: 24px;height: 9px;margin-left: 15px; margin-bottom: 2px;}
a.green-link:hover {background: #008c45;border: 1px solid #008c45;color: #fff;}

.link-bread { width: 210px !important;}
.link-drink { width: 230px !important;}
.link-place { width: 230px !important;}
.link-cake { width: 230px !important; font-size: 20px !important;font-weight: 400;}
.link-placeconts { width: 320px !important;font-size: 20px !important;font-weight: 400;}
.link-placeconts span { font-weight: 700;}
a.green-link.link-placeconts::after { content: '';background: none;width: 0;margin-left: -7px !important;}
.link-blank a { margin: 0 10px;}

.link-faq { width: 300px !important; height: 60px !important;line-height: 60px !important; font-size: 20px !important;font-weight: 400;}
.link-faq span { font-weight: 700;}
a.green-link.link-faq::after { content: '';background: none;width: 0;margin-left: -7px !important;}
/* 링크 높이 */
.link-h45 { height: 45px !important;line-height: 45px !important;}
.link-h60 { height: 60px !important;line-height: 60px !important;}
.txt-green { color: #008c45 !important;}


.back-to-position { opacity: 0; transition: 1s;}
.back-to-position.to-right { transform: translateX(-150px); }
.back-to-position.to-left { transform: translateX(150px); }
.show .back-to-position { opacity: 1; transform: translateX(0); }
.show .back-to-position.delay-0 { transition-delay: 0s; }
.show .back-to-position.delay-1 { transition-delay: 0.3s; }

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

#global .depth1 .g6,
#category .category .dl1:nth-child(6),
#global .depth1 .g7,
#category .category .dl1:nth-child(7){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)}



/*상단메뉴*/
.topmenu {clear: both;z-index: 1;position: relative;}
.topmenu ul {display: flex; justify-content: center; align-items: center; text-align: center; height: 100%;}
.topmenu li a { color: #A4A4A4;font-size: 23px;display: inline-block;  width: 100%; height: 100%; line-height: 80px;padding: 0 0; min-width: 300px;}
.topmenu li a:hover {background: #fff;color: #008c45;border-bottom: 3px solid #008c45;}
.topmenu li.on a {background:#fff;color: #008c45;border-bottom: 3px solid #008c45;}

/*탭메뉴1개*/
.tmenu-1depth { width: 20%;height: 80px;padding: 0 50px;margin: 0 auto;}
.tmenu-1depth li { width: 100%;height: 100%; display: flex; justify-content: center; align-items: center;}
/*탭메뉴2개*/
.tmenu-2depth { width: 1040px; margin: 0 auto; height: 80px;}
.tmenu-2depth li { width: auto;height: 100%; display: flex; justify-content: center; align-items: center;margin: 0 10px;}
/*탭메뉴3개*/
.tmenu-3depth { width: 1040px; margin: 0 auto; height: 80px;}
.tmenu-3depth li { width: auto;height: 100%; display: flex; justify-content: center; align-items: center;margin: 0 10px;}
/*탭메뉴4개*/
.tmenu-4depth { width: 1040px; margin: 0 auto; height: 80px;}
.tmenu-4depth li { width: auto;height: 100%; display: flex; justify-content: center; align-items: center;margin: 0 10px;}
.tmenu-4depth li a { color: #A4A4A4;font-size: 23px;display: inline-block;  width: 100%; height: 100%; line-height: 80px;padding: 0 0; min-width: 240px;}




/* 메인상단 컬러색깔*/
.header-sub { background: none !important;position: fixed !important;}


	#khplay{background-image:url("../img/body.png");background-repeat:repeat}
	#khplay .khwrap{position:relative;margin:0 auto;width:1200px;zoom:1}
	#khplay .khwrap:before,
	#khplay .khwrap:after{clear:both;display:table;content:"";line-height:0}
	#khplay .nocontent{font-size:15px;text-align:center}

	#header{z-index:110;/*top:0;right:0;left:0;height:0;position:relative; box-shadow: 0 8px 15px rgba(0,0,0,0.02); background:rgba(0,0,0,0);*/transition:all 0.3s;}
	#header.active #global .depth2{top:120px;opacity:1;visibility:visible;transition:all 0.3s 0.1s;display: none;}
	
	#header #logo{position:absolute;z-index:110;top: 17px;left:50%;margin-left: -39px;}
	#header #logo h1{position:relative;}
	#header #logo h1 a{display:block;width: 100%;height: 76px;}
	#header #logo h1 a img{width:auto;vertical-align: top;}

	#header .gnb_bg{display: none;position: absolute;top: 100px;left: 0;width: 100%;min-width: 1100px;height: 0px;z-index: 21;border-top: 4px solid rgba(0,0,0,0.05);border-bottom: 1px solid rgba(0,0,0,0);box-shadow: 0 25px 36px rgba(0,0,0,0.0);background:#008c45;transition:all 0.3s;opacity:0;visibility:hidden;}
	#header .gnb_bg.active{height:300px;opacity:1;visibility:visible}
	
	#global{position: relative;z-index: 22;margin: 0 100px 0 30px;}	
	#global .menunone{padding:25px 0}
	#global .menunone strong{line-height:30px;font-size:15px;font-weight:400;color:#aaa}
	#global .depth1{position:relative;z-index:22;font-size: 0;}
	#global .depth1 .dl1{position:relative;display: inline-block;vertical-align:top}
	#global .depth1 .da1{display:block;position:relative;margin: 0 20px;min-width: 120px;line-height: 100px;font-size: 18px;color: #fff;text-align:center;letter-spacing: -0.5px;transition:none;}
	#global .depth1 .da1:hover {font-weight:500;color:#008c45;}
	#global .depth1 .da1.sel,
	#global .depth1 .da1:focus {font-weight:500;color:rgba(255,255,255,1);border-bottom: 4px solid #fff;}
	#global .depth2{position:absolute;z-index:2;top: 100px;left:0;width:100%;text-align: center;opacity: 0;visibility: hidden;}
	#global .depth2 .da2{position:relative;display: inline-block;margin: 8px 0;line-height: 20px;font-size: 16px;font-weight:500;color: #777;text-align:center;letter-spacing: -0.5px;font-weight:500;color:#fff;}
	#global .depth2 .da2:hover,
	#global .depth2 .da2.sel,
	#global .depth2 .da2:focus{font-weight:500;color:rgba(255,255,255,1);}

    .dl1.g4 { padding-left: 200px;}
	
	#category{position:absolute;z-index:110;top:0;left:0;right:0;}
	#category .allmenu{position:absolute;z-index:1150;top: 0;right: 0;width: 100px;height: 100px;background:transparent;cursor:pointer;}
	#category .allmenu .bar{position:relative;margin: 0 auto;width: 24px;height: 16px;transform:rotate(0deg);transition:all 0.5s;}
	#category .allmenu .bar .bars{display:block;width:100%;height:2px;position:absolute;background-color:rgba(255,255,255,0.55);-webkit-transition:all 0.25s;transition:all 0.25s}
	#category .allmenu .bar .bar1{top:0;left:0}
	#category .allmenu .bar .bar2{top: 50%;left: 0;}
	#category .allmenu .bar .bar3{top:100%;left:0}
	#category .allmenu.sel .bar .bars{background:#fff;}
	#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;top: 0;right: 0;width: 65%;height: 100%;opacity: 0;visibility: hidden;transition:all 0.8s;}
	#category .category:after{content: '';position: absolute;top: 0;display: block;width: 100%;height: 0;background: #008c45;}
	#category .category.sel{opacity: 1;visibility:visible;transform: translateX(0%);}
	#category .category .inner{position:absolute;top:50%;left:50%;max-width:1200px;transform:translate(-50%,-50%)}
	#category .category .depth1{position: absolute;z-index: 5;top: 50%;left: 0;padding: 50px;width: 100%;transform: translateY(-50%);}
	#category .category .depth1 .dl1{padding:20px 10px 40px;display:block;font-size:20px;font-weight:500;color:#fff;vertical-align:top;text-align:center;overflow:hidden;}
	#category .category .depth1 .dl1 > .da1{z-index:2;display:block;font-size: 32px;font-weight: 500;color:#fff;text-align:left;}
	#category .category .depth2{display:none;margin-top: 15px;}
	#category .category .depth2 .dl2{text-align:left;overflow:hidden}
	#category .category .depth2 .dl2 > .da2{position:relative;display:block;line-height:32px;font-size:18px;color:rgba(255,255,255,0.75)}
	#category .category .depth2 .dl2 > .da2:hover{color:#fff;text-decoration:underline}
	#category .category .depth2 .dl2 > .da2:before{content:'';display:inline-block;margin-right:5px;width:3px;height:3px;background:rgba(255,255,255,0.5);vertical-align:3px}
	#category .bg{position:fixed;z-index:1148;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.85);transition:all 0.5s;visibility:hidden;opacity:0;}
	#category .bg.sel{visibility:visible;opacity:1}

	#footer{position: relative;padding: 50px 15px;background:#222;min-height:150px;clear: both;}
	#footer h2{position: relative;float: left;}
	#footer h2 a{display: inline-block;max-width: 150px;}
	#footer h2 a img{width:100%;height:auto}
	#footer address{display:block;margin-top: 0px;text-align: right;float: left;}
	#footer cite{display:block;margin-top: 30px;padding-top: 40px;line-height: 20px;font-size: 13px;color: #fff;text-align: right;border-top: 0px solid #555;font-weight: 300;margin-right: 10px;}
	#footer .adm{position:absolute;top:60px;right:0}

    .footer-conts { display: flex;justify-content: space-between;}
    .footer-add { padding-left: 10%;padding-top: 10px;}
    .footer-add address p span b { font-weight: 700;}
    .footer-add p span { font-size: 13px;font-weight: 300; line-height: 15px;color: #fff;margin-right: 10px;}

	#top{position: absolute;z-index: 10;bottom: 0;right: 0;width: 44px;line-height: 20px;text-align: center;}
	#top a{position:relative;display:block;line-height: 20px;}
	#top a i{line-height: 20px;font-size: 30px;color:#fff;vertical-align: top;opacity: 0.5;}

	#title{position:relative;z-index:21; display: none;}
	#title:after{content:'';position:absolute;z-index:1;top:0;left:50%;margin-left:-50%;width:100%;height:100%;background:rgba(0,0,0,0.5);}
	#title .khskip{display:none}
	#title .title{padding-top: 100px;background:url("../img/sub/sub_visual.png") no-repeat 50% 0%;background-attachment:fixed;background-size:100% auto !important;}
	#title .title .desc{padding:100px 0;text-align:center}
	#title .title .desc h2{position:relative;z-index:2;display:block;line-height: 50px;font-size: 50px;font-weight: 600;color:#fff;letter-spacing:-1px;}
	#title .title .desc span{position:relative;z-index:2;margin-bottom: 20px;display:block;font-size: 18px;font-weight:400;color:#fff;opacity:0.8;letter-spacing: 10px;}
	#title .navi{position:relative;z-index:5;zoom:1;background: rgba(0,0,0,0.55);}
	#title .navi .monavi{display:none !important}
	#title .navi ul{font-size:0;text-align:center}
	#title .navi ul li{position:relative;display: inline-block;width: 16.66%;background:transparent;transition:all 0.4s ease;}
	#title .navi ul li a{display:block;padding: 0 30px;line-height: 70px;font-size: 16px;font-weight: 400;text-align: center;color: #fff;letter-spacing:-0.5px;}
	#title .navi ul li:before{content:'';position:absolute;top:0;left:0;width:100%;height:0px;background: #039;transition:all 0.4s ease}
	#title .navi ul li.sel,
	#title .navi ul li:hover{background: #fff;}
    #title .navi ul li.sel a,
    #title .navi ul li:hover a{font-weight:500;color: #039;}
    #title .navi ul li.sel:before,
    #title .navi ul li:hover:before{height:6px;}

	#container{overflow:hidden;}
	#content .title{padding:80px 0; display: none;}
	#content .title h3{position:relative;display:block;font-size: 38px;font-weight:600;text-align:center;color:#222;letter-spacing:-1px;}
	
	#container .sit_admin,
	#container .sct_admin,
	#container .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}
	#container .sit_admin a,
	#container .sct_admin a,
	#container .ctt_admin a{display:block;position:relative;width:50px;font-size:0;text-indent:-9999em;overflow:hidden}
	#container .sit_admin a:before,
	#container .sct_admin a:before,
	#container .ctt_admin a:before{content:"\e986";display:block;padding:10px 0;font-size:24px;font-family:xeicon;color:#fff;text-align:center}

	#preview{position:relative;z-index:2060;text-align:center}
	#preview ul li a img{display:block;margin:0 auto}
	#preview .bx-controls-auto{float:left;position:relative}
	#preview .bx-controls-direction{display:none}
	#preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-15px 0 0 0;speak:none}
	#preview .bx-controls-direction a i{width:30px;line-height:30px;font-size:24px;text-align:center;color:#fff}
	#preview .bx-controls-direction a:hover{z-index:2}
	#preview .bx-prev{left:20px}
	#preview .bx-next{right:20px}
	#preview .preview li{display:table}
	#preview .nopreview{display:table-cell;width:100%;height:80px;letter-spacing:-0.02em;text-align:center;background:#999;vertical-align:middle}
	#preview .nopreview .tit{font-size:24px;font-weight:500;color:#fff}
	#preview .nopreview .txt{font-size:16px;font-weight:200;color:#fff}
	#preview .nopreview i{position:relative;top:4px;padding:0 30px;font-size:30px}
	#preview .nopreview br{display:none}
	#preview .close{position:absolute;top:50%;right:20px;margin-top:-15px}
	#preview .close a{display:block;font-size:30px;color:#fff}
	#preview .close a span{display:none}
	#preview .todays{position:absolute;top:50%;left:20px;margin-top:-15px;height:30px}
	#preview .todays input[id="chkbox"]{display:none}
	#preview .todays input[id="chkbox"] + label i{cursor:pointer}
	#preview .todays input[id="chkbox"]:checked + label i:before{content:"\e92e"}
	#preview .todays label{line-height:30px;font-size:13px;letter-spacing:-1px;color:#fff;cursor:pointer}
	#preview .todays label i{position:relative;top:4px;margin-right:3px;font-size:24px}	
	
	.cke_sc {margin:0 0 5px;text-align:right}
	.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
	.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
	.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
	.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
	.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
	.cke_sc_def dt {width:20%;font-weight:bold}
	.cke_sc_def dd {width:30%}



@media all and (min-width:1025px) and (max-width:1259px) {

    #global .depth1 .da1 {min-width: 100px;}
    #global .depth1 {padding-left: 5%;}
    .dl1.g4 {padding-left: 20%;}

}


@media all and (max-width:1024px) {

    #global .depth1 { display: none;}    

}



@media all and (min-width:748px) and (max-width:1259px) {
	
	#khplay{background-image:url("../img/body.png");background-repeat:repeat}
	#khplay .khwrap{position:relative;zoom:1;width: 100%;}
	#khplay .khwrap:before,
	#khplay .khwrap:after{clear:both;display:table;content:"";line-height:0}
	#khplay .nocontent{font-size:15px;text-align:center}

    /*.dl1.g4 {padding-left: 13%;}

	#header{position:relative;z-index:110;top:0;right:0;left:0;box-shadow: 0 8px 15px rgba(0,0,0,0.02);background:rgba(0,0,0,1);transition:all 0.3s;}
	#header.active #global .depth2{display:block}
	
	#header #logo{position: relative;z-index:110;top: 0;left:0;padding: 15px;width: 100%;}
	#header #logo h1{position:relative;}
	#header #logo h1 a{display:block;margin: 0 auto;width: 115px;height: 50px;text-align: center;}
	#header #logo h1 a img{width: 100%;height: auto;vertical-align: middle;}

	#header .gnb_bg{position: absolute;top: 131px;left: 0;width: 100%;min-width: 1100px;height: 0px;z-index: 21;border-top: 4px solid rgba(0,0,0,0.05);border-bottom: 1px solid rgba(0,0,0,0.05);box-shadow: 0 25px 36px rgba(0,0,0,0.05);background: url("../img/body.png");transition:all 0.3s;opacity:0;visibility:hidden;display: none;}
	#header .gnb_bg.active{height:300px;opacity:1;visibility:visible} 
	
	#global{position: relative;z-index: 22;border-top: 1px solid rgba(255,255,255,0.1);}	
	#global .menunone{padding:25px 0}
	#global .menunone strong{line-height:30px;font-size:15px;font-weight:400;color:#aaa}
	#global .depth1{position:relative;z-index:22;font-size: 0;}
	#global .depth1 .dl1{position:relative;display: inline-block;width: 20%;vertical-align:top;}
	#global .depth1 .da1{display:block;position:relative;line-height: 50px;font-size: 16px;font-weight: 500;color: rgba(255,255,255,0.85);text-align:center;letter-spacing: -0.5px;transition:none;}
	#global .depth1 .da1:hover,
	#global .depth1 .da1.sel,
	#global .depth1 .da1:focus{font-weight:500;color:#ff8700;}
	#global .depth2{display:none;position:absolute;z-index:2;top: 70px;left:0;width:100%;text-align: center;}
	#global .depth2 .da2{position:relative;display: inline-block;margin: 8px 0;line-height: 20px;font-size: 14px;font-weight:400;color: #777;text-align:center;letter-spacing: -0.5px;}
	#global .depth2 .da2:hover,
	#global .depth2 .da2.sel,
	#global .depth2 .da2:focus{font-weight:500;color:#ff8700;}
	#global .depth2 .da2:hover:before,
	#global .depth2 .da2.sel:before,
	#global .depth2 .da2:focus:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:30%;background:rgba(0,51,153,0.25); display: none;}
    #global .depth1 .dl1.g2 { margin-right: 100px;}
    
    #category .allmenu{position:absolute;z-index:1150;top: 0;right: 0;width: 80px;height: 80px;background:transparent;cursor:pointer;}
	#category .allmenu .bar{position:relative;margin: 0 auto;width: 24px;height: 16px;transform:rotate(0deg);transition:all 0.5s;}
	#category .allmenu .bar .bars{display:block;width:100%;height:2px;position:absolute;background-color:#000;-webkit-transition:all 0.25s;transition:all 0.25s}
	#category .allmenu .bar .bar1{top:0;left:0}
	#category .allmenu .bar .bar2{top: 50%;left: 0;}
	#category .allmenu .bar .bar3{top:100%;left:0}
	#category .allmenu.sel .bar .bars{}
	#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{position:absolute;z-index:110;top:0;left:0;right:0;}	
	#category .allmenu.sel{}
	#category .allmenu .khskip{top:-1000px}
	#category .category{position:fixed;z-index:1149;visibility:hidden;top:-100%;left:0;width:100%;background: #565e72;padding:50px;padding-top:90px;box-shadow:5px 5px 20px rgba(0,0,0,0.2);transition:all 0.8s;}
	#category .category.sel{top:0px;visibility:visible}
	#category .category:before,
	#category .category:after{clear:both;display:table;content:"";line-height:0}
	#category .category ul{overflow:hidden}
	#category{position:absolute;z-index:110;top:0;left:0;right:0;}

	#category .allmenu{position:absolute;z-index:1150;top: 20px;right: 15px;width: 60px;height: 60px;background:transparent;cursor:pointer;}
	#category .allmenu .bar{position:relative;margin: 0 auto;width: 24px;height: 16px;transform:rotate(0deg);transition:all 0.5s;}
	#category .allmenu .bar .bars{display:block;width:100%;height:2px;position:absolute;background-color:rgba(255,255,255,0.3);-webkit-transition:all 0.25s;transition:all 0.25s}
	#category .allmenu .bar .bar1{top:0;left:0}
	#category .allmenu .bar .bar2{top: 50%;left: 0;}
	#category .allmenu .bar .bar3{top:100%;left:0}
	#category .allmenu.sel .bar .bars{background:#fff;}
	#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;top: 0;right: 0;width: 100%;height: auto;opacity: 0;visibility: hidden;transform: translateY(-10%);transition:all 0.8s;}
	#category .category.sel{opacity: 1;visibility:visible;transform: translateY(0%);}
	#category .category .inner{position:absolute;top:50%;left:50%;max-width:1200px;transform:translate(-50%,-50%)}
	#category .category .depth1{position: relative;z-index: 5;width: 100%;}
	#category .category .depth1 .dl1{float: left;width: 20%;padding:20px 10px 40px;display:block;font-size: 20px;font-weight:500;color:#fff;vertical-align:top;text-align:center;overflow:hidden;}
	#category .category .depth1 .dl1 > .da1{z-index:2;display:block;font-size: 24px;color: #fff;}
	#category .category .depth2{display:none;margin-top: 15px;}
	#category .category .depth2 .dl2{overflow:hidden;}
	#category .category .depth2 .dl2 > .da2{position:relative;display:block;line-height:32px;font-size: 18px;font-weight: 400;color: rgba(255,255,255,0.75);}
	#category .category .depth2 .dl2 > .da2:hover{color:#fff;text-decoration:underline}
	#category .category .depth2 .dl2 > .da2:before{content:'';display:inline-block;margin-right:5px;width:3px;height:3px;background:rgba(255,255,255,0.5);vertical-align:3px}
	#category .bg{position:fixed;z-index:1148;top:0;left:0;width:100%;height:100%;background: rgba(255,255,255,0.9);transition:all 0.5s;visibility:hidden;opacity:0;}
	#category .bg.sel{visibility:visible;opacity:1}

	#top{position: relative;z-index: 10;margin: 30px auto 0;width: 65px;line-height: 65px;text-align: center;}
	#top a{position:relative;display:block;line-height: 65px;}
	#top a i{line-height: 65px;font-size: 24px;color:#fff;vertical-align: top;opacity: 0.5;}

	#title{position:relative;z-index:21;display: none;}
	#title:after{content:'';position:absolute;z-index:1;top:0;left:50%;margin-left:-50%;width:100%;height:100%;background:rgba(0,0,0,0.5);}
	#title .khskip{display:none}
	#title .title{padding-top:130px;background:url("../img/sub/sub_visual.png") no-repeat 50% 0%;background-size: cvoer;}
	#title .title .desc{padding: 60px 0;text-align:center;}
	#title .title .desc h2{position:relative;z-index:2;display:block;line-height: 40px;font-size: 34px;font-weight: 600;color:#fff;letter-spacing:-1px;}
	#title .title .desc span{position:relative;z-index:2;margin-bottom: 10px;display:block;font-size: 15px;font-weight:400;color:#fff;opacity:0.8;letter-spacing: 10px;}
	#title .navi{position:relative;z-index:5;zoom:1;background: rgba(0,0,0,0.55);}
	#title .navi .monavi{display:none !important}
	#title .navi ul{font-size:0;text-align:center}
	#title .navi ul li{position:relative;display: inline-block;background:transparent;transition:all 0.4s ease;}
	#title .navi ul li a{display:block;padding: 0 30px;line-height: 50px;font-size: 13px;font-weight: 400;text-align: center;color: #fff;letter-spacing:-0.5px;}
	#title .navi ul li:before{content:'';position:absolute;top:0;left:0;width:100%;height:0px;background: #039;transition:all 0.4s ease}
	#title .navi ul li.sel,
	#title .navi ul li:hover{background: #fff;}
    #title .navi ul li.sel a,
    #title .navi ul li:hover a{font-weight:500;color: #ff8700}
    #title .navi ul li.sel:before,
    #title .navi ul li:hover:before{height: 3px;}

	#container{overflow:hidden;}
	#content .title{padding: 45px 0;display: none;}
	#content .title h3{position:relative;display:block;font-size: 26px;font-weight:600;text-align:center;color:#222;letter-spacing:-1px;}
	
	#container .sit_admin,
	#container .sct_admin,
	#container .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}
	#container .sit_admin a,
	#container .sct_admin a,
	#container .ctt_admin a{display:block;position:relative;width:50px;font-size:0;text-indent:-9999em;overflow:hidden}
	#container .sit_admin a:before,
	#container .sct_admin a:before,
	#container .ctt_admin a:before{content:"\e986";display:block;padding:10px 0;font-size:24px;font-family:xeicon;color:#fff;text-align:center}

	#preview{position:relative;z-index:2060;text-align:center}
	#preview ul li a img{display:block;margin:0 auto}
	#preview .bx-controls-auto{float:left;position:relative}
	#preview .bx-controls-direction{display:none}
	#preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-15px 0 0 0;speak:none}
	#preview .bx-controls-direction a i{width:30px;line-height:30px;font-size:24px;text-align:center;color:#fff}
	#preview .bx-controls-direction a:hover{z-index:2}
	#preview .bx-prev{left:20px}
	#preview .bx-next{right:20px}
	#preview .preview li{display:table}
	#preview .nopreview{display:table-cell;width:100%;height:80px;letter-spacing:-0.02em;text-align:center;background:#999;vertical-align:middle}
	#preview .nopreview .tit{font-size:24px;font-weight:500;color:#fff}
	#preview .nopreview .txt{font-size:16px;font-weight:200;color:#fff}
	#preview .nopreview i{position:relative;top:4px;padding:0 30px;font-size:30px}
	#preview .nopreview br{display:none}
	#preview .close{position:absolute;top:50%;right:20px;margin-top:-15px}
	#preview .close a{display:block;font-size:30px;color:#fff}
	#preview .close a span{display:none}
	#preview .todays{position:absolute;top:50%;left:20px;margin-top:-15px;height:30px}
	#preview .todays input[id="chkbox"]{display:none}
	#preview .todays input[id="chkbox"] + label i{cursor:pointer}
	#preview .todays input[id="chkbox"]:checked + label i:before{content:"\e92e"}
	#preview .todays label{line-height:30px;font-size:13px;letter-spacing:-1px;color:#fff;cursor:pointer}
	#preview .todays label i{position:relative;top:4px;margin-right:3px;font-size:24px}	
	
	.cke_sc {margin:0 0 5px;text-align:right}
	.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
	.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
	.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
	.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
	.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
	.cke_sc_def dt {width:20%;font-weight:bold}
	.cke_sc_def dd {width:30%}
}

@media (max-width: 747px) {
	

    #khplay .khwrap { width: 100%;}
	#khplay{position: relative;min-width: 330px;max-width: 748px;background-image:url("../img/body.png");background-repeat:repeat;}
	#khplay .khwrap{position:relative;zoom:1;height: 70px;}
	#khplay .khwrap:before,
	#khplay .khwrap:after{clear:both;display:table;content:"";line-height:0}
	#khplay .nocontent{font-size:15px;text-align:center}

	/*#header{position:relative;z-index:110;top:0;right:0;left:0;box-shadow: 0 8px 15px rgba(0,0,0,0.02);background:rgba(0,0,0,1);transition:all 0.3s;}
	#header.active #global .depth2{display:block}

	#header .gnb_bg{position: absolute;top: 131px;left: 0;width: 100%;min-width: 1100px;height: 0px;z-index: 21;border-top: 4px solid rgba(0,0,0,0.05);border-bottom: 1px solid rgba(0,0,0,0.05);box-shadow: 0 25px 36px rgba(0,0,0,0.05);background: url("../img/body.png");transition:all 0.3s;opacity:0;visibility:hidden;display: none;}
	#header .gnb_bg.active{height:300px;opacity:1;visibility:visible} */
	
	#global{display: none !important;position: relative;z-index: 22;border-top: 1px solid #e9e9e9;}	
	#global .menunone{padding:25px 0}
	#global .menunone strong{line-height:30px;font-size:15px;font-weight:400;color:#aaa}
	#global .depth1{position:relative;z-index:22;font-size: 0;}
	#global .depth1 .dl1{position:relative;display: inline-block;width: 20%;vertical-align:top;}
	#global .depth1 .da1{display:block;position:relative;line-height: 40px;font-size: 13px;font-weight: 500;color: #333;text-align:center;letter-spacing: -0.5px;transition:none;}
	#global .depth1 .da1:hover,
	#global .depth1 .da1.sel,
	#global .depth1 .da1:focus{font-weight:500;color:#ff8700; display: none;}
	#global .depth2{display: none;position:absolute;z-index:2;top: 70px;left:0;width:100%;text-align: center;}
	#global .depth2 .da2{position:relative;display: inline-block;margin: 8px 0;line-height: 20px;font-size: 14px;font-weight:400;color: #777;text-align:center;letter-spacing: -0.5px;}
	#global .depth2 .da2:hover,
	#global .depth2 .da2.sel,
	#global .depth2 .da2:focus{font-weight:500;color:#ff8700; display: none;}
	#global .depth2 .da2:hover:before,
	#global .depth2 .da2.sel:before,
	#global .depth2 .da2:focus:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:30%;background:rgba(0,51,153,0.25); display: none;}
	
	#category{}
	#category .allmenu{position: absolute;z-index: 4000;top: 5px;right: 0;width: 60px;height: 60px;background: none;}
	#category .allmenu .bar{position:absolute;z-index:4000;top: 50%;left: 50%;display:block;width: 20px;height: 14px;border:none;background:transparent;cursor:pointer;transform: translate(-50%,-50%);}
	#category .allmenu .bars{position:absolute;left:0;width:100%;height:2px;background: rgba(255,255,255,0.55);transition:all 0.5s;}
	#category .allmenu .bar1{top:0}
	#category .allmenu .bar2{top:50%;}
	#category .allmenu .bar3{bottom:0}
	#category .allmenu.sel .bars{background: #565e72;}
	#category .allmenu.sel .bar1{top: 6px;transform:rotate(45deg);}
	#category .allmenu.sel .bar2{width:0}
	#category .allmenu.sel .bar3{bottom: 6px;transform:rotate(-45deg);}
	#category .category{position:fixed;z-index:3999;visibility:hidden;top:0;right:-100%;width:85%;height:100%;transition:all 0.8s;overflow:hidden}
	#category .category:before,
	#category .category:after{clear:both;display:table;content:"";line-height:0}
	#category .category .depth1{overflow:hidden;margin: 20px 0;top: 0px;transform: translateY(0%);}
	#category .category .depth2{display:none;padding:10px 20px;border-top:1px solid rgba(0,0,0,0.05);background:rgba(0,0,0,0.05);}
	#category .category.sel{right:0px;visibility:visible;background: #008c45;}
	#category .dl1{position:relative;padding:5px 0 0 0;display:block;border-top:1px solid rgba(0, 0, 0, 0.1);}
	#category .dl1 > i{display:none;position:absolute;top:0;right:0;width:50px;height:50px}
	#category .dl1 > i:before{content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -6px;width:12px;height:2px;background:#008c45;transition:all 0.3s}
	#category .dl1 > i:after{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -1px;width:2px;height:12px;background:#008c45;transition:all 0.3s}
	#category .dl1 > .da1{position:relative;display:block;padding:0 20px;line-height:40px;font-size:14px;font-weight:500;color:#333;text-align:left}
	#category .dl1 > .da1:hover,
	#category .dl1.sel > .da1{color: #008c45;}
	#category .dl1.sel > i:before{visibility:hidden;opacity:0}
	#category .dl1.sel > i:after{margin:-1px 0 0 -6px;width:12px;height:2px}
	#category .dl2{text-align:left}
	#category .dl2 > .da2{position:relative;display:block;line-height:27px;font-size:12px;font-weight:400;color:#6d6d6d}
	#category .dl2.sel > .da2,
	#category .dl2 > .da2:hover{color:#008c45;text-decoration:underline}
	#category .dl2 > .da2:before{content:'';display:inline-block;margin-right:6px;width:2px;height:2px;background:#008c45;vertical-align:4px}
	#category .bg{position:fixed;z-index:1150;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);transition:all 0.5s;visibility:hidden;opacity:0}
	#category .bg.sel{visibility:visible;opacity:1}

	#footer{position: relative;padding: 30px 15px;min-height:400px;}
	#footer h2{position: relative;text-align: center;display: contents;}
	#footer h2 a{display: inline-block;max-width: 80px;}
	#footer h2 a img{width:100%;height:auto}
	#footer address{display:block;margin-top: 20px;padding: 0 25px;text-align: center;width: 100%;}
	#footer address dl{display:inline-block;line-height: 20px;font-size: 12px;font-weight: 500;color:#000;}
	#footer address dl dt{display:inline-block;margin: 0 3px 0 0;vertical-align:top;color: #7c8aa7;}
	#footer address dl dd{display:inline-block;margin: 0 10px 0 0;vertical-align:top;color: #bbb;}
	#footer .visit{display:block;margin-top: 30px;text-align: center;}
	#footer .visit dl{display:inline-block;padding:5px 15px;border-radius:50px;background:rgba(0,0,0,0.05)}
	#footer .visit dt{display:inline-block;font-size:12px;font-weight:400;color: #888;}
	#footer .visit dd{display:inline-block;margin-right:10px;font-size:12px;font-weight:400;color: #555;}
	#footer .visit dd:last-child{margin:0}
	#footer .visit a{display:inline-block;padding:0 5px;line-height:20px;font-size:12px;color:rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.3)}
	#footer .visit a:hover{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.5)}
	#footer .sns{position: relative;padding: 10px 0 5px 0;text-align: center;}
	#footer .sns ul{overflow:hidden}
	#footer .sns li{vertical-align: top;display: inline-block;}
	#footer .sns li + li{margin-left: 6px;}
	#footer .sns li a{display:block}
	#footer .sns li a img{display:block;max-width: 30px;}

	#top{position: relative;z-index: 10;margin: 10px auto 0;width: 60px;line-height: 60px;text-align: center;}
	#top a{position:relative;display:block;}
	#top a i{line-height: 60px;font-size: 20px;color:#fff;vertical-align: top;opacity: 0.5;}

	#title{position:relative;z-index:21;display: none;}
	#title:after{content:'';position:absolute;z-index:1;top:0;left:50%;margin-left:-50%;width:100%;height:100%;background:rgba(0,0,0,0.5);}
	#title .khskip{display:none}
	#title .title{padding-top: 60px;background:url("../img/sub/sub_visual.png") no-repeat 50% 0%;background-size: cover;}
	#title .title .desc{padding: 60px 0 50px 0;text-align:center;}
	#title .title .desc h2{position:relative;z-index:2;display:block;line-height: 30px;font-size: 24px;font-weight: 600;color:#fff;letter-spacing:-1px;}
	#title .title .desc span{position:relative;z-index:2;margin-bottom: 5px;display:block;font-size: 12px;font-weight:400;color:#fff;opacity:0.8;letter-spacing: 10px;}
	#title .navi{position:relative;z-index:5;zoom:1;background: rgba(0,0,0,0.25);border-top: 1px solid rgba(255,255,255,0.15);}
	#title .navi .monavi{position: relative;display:block;padding: 0 30px;line-height: 50px;width: 100%;font-size: 13px;font-weight: 400;text-align: left;color: #fff;background: none;letter-spacing:-0.5px;}
	#title .navi .monavi:after{content:'';position:absolute;top:0;right:0;width:50px;height:50px;background: url("../img/icon_slideup.png") no-repeat 50% 50%;background-size: 30px auto;}
	#title .navi .monavi.sel{background:#ff8700}
	#title .navi .monavi.sel:after{background: url("../img/icon_slidedown.png") no-repeat 50% 50%;background-size: 30px auto;}
	#title .navi ul{display:none;position: absolute;top: 100%;width: 100%;box-shadow: 0 25px 15px rgba(0,0,0,0.05);background: #fafafa;text-align:center;}
	#title .navi ul li{position:relative;display: block;background:transparent;transition:all 0.4s ease;}
	#title .navi ul li a{display:block;padding: 0 30px;line-height: 50px;font-size: 13px;font-weight: 400;text-align: left;color: #777;letter-spacing:-0.5px;}
	#title .navi ul li.sel,
	#title .navi ul li:hover{background: #fff;}
    #title .navi ul li.sel a,
    #title .navi ul li:hover a{font-weight:500;color: #ff8700;}

	#container{overflow:hidden;}
	#content .title{padding: 30px 0;display: none;}
	#content .title h3{position:relative;display:block;font-size: 22px;font-weight:600;text-align:center;color:#222;letter-spacing:-1px;}
	
	#container .sit_admin,
	#container .sct_admin,
	#container .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}
	#container .sit_admin a,
	#container .sct_admin a,
	#container .ctt_admin a{display:block;position:relative;width:50px;font-size:0;text-indent:-9999em;overflow:hidden}
	#container .sit_admin a:before,
	#container .sct_admin a:before,
	#container .ctt_admin a:before{content:"\e986";display:block;padding:10px 0;font-size:24px;font-family:xeicon;color:#fff;text-align:center}

	#preview{position:relative;z-index:2060;text-align:center}
	#preview ul li a img{display:block;margin:0 auto}
	#preview .bx-controls-auto{float:left;position:relative}
	#preview .bx-controls-direction{display:none}
	#preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-15px 0 0 0;speak:none}
	#preview .bx-controls-direction a i{width:30px;line-height:30px;font-size:24px;text-align:center;color:#fff}
	#preview .bx-controls-direction a:hover{z-index:2}
	#preview .bx-prev{left:20px}
	#preview .bx-next{right:20px}
	#preview .preview li{display:table}
	#preview .nopreview{display:table-cell;width:100%;height:80px;letter-spacing:-0.02em;text-align:center;background:#999;vertical-align:middle}
	#preview .nopreview .tit{font-size:24px;font-weight:500;color:#fff}
	#preview .nopreview .txt{font-size:16px;font-weight:200;color:#fff}
	#preview .nopreview i{position:relative;top:4px;padding:0 30px;font-size:30px}
	#preview .nopreview br{display:none}
	#preview .close{position:absolute;top:50%;right:20px;margin-top:-15px}
	#preview .close a{display:block;font-size:30px;color:#fff}
	#preview .close a span{display:none}
	#preview .todays{position:absolute;top:50%;left:20px;margin-top:-15px;height:30px}
	#preview .todays input[id="chkbox"]{display:none}
	#preview .todays input[id="chkbox"] + label i{cursor:pointer}
	#preview .todays input[id="chkbox"]:checked + label i:before{content:"\e92e"}
	#preview .todays label{line-height:30px;font-size:13px;letter-spacing:-1px;color:#fff;cursor:pointer}
	#preview .todays label i{position:relative;top:4px;margin-right:3px;font-size:24px}	
	
	.cke_sc {margin:0 0 5px;text-align:right}
	.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
	.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
	.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
	.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
	.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
	.cke_sc_def dt {width:20%;font-weight:bold}
	.cke_sc_def dd {width:30%}
}
/* 새창 기본 스타일 */
	.new_win{position:relative}
	.new_win .tbl_wrap{margin:0 20px}
	.new_win #win_title{font-size:15px;font-weight:500;height:50px;line-height:30px;padding:10px 20px;background: #3a2f25;color: #fff;}
	.new_win #win_title .sv{font-size:0.75em;line-height:1.2em}
	.new_win .win_ul{margin-bottom:15px;padding:0 20px}
	.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""}
	.new_win .win_ul li{float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
	.new_win .win_ul li:first-child{margin-left:0}
	.new_win .win_ul li a{display:block;padding:8px 0;color:#ff8700}
	.new_win .win_ul .selected{background:#3a8afd;border-color:#ff8700;position:relative;z-index:5}
	.new_win .win_ul .selected a{color:#fff;font-weight:bold}
	.new_win .win_desc{position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
	.new_win .win_desc i{font-size:1.2em;vertical-align:baseline}
	.new_win .win_desc:after{content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453}
	.new_win .frm_info{font-size:14px;color:#919191}
	.new_win .win_total{float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
	.new_win .new_win_con{padding:20px;}
	.new_win .new_win_con:after{display:block;visibility:hidden;clear:both;content:""}
	.new_win .new_win_con2{margin:20px 0}
	.new_win .btn_confirm:after{display:block;visibility:hidden;clear:both;content:""}
	.new_win .win_btn{margin-top: 20px;text-align:center;}
	.new_win .btn_close{height:40px;padding:0 20px;font-size:14px;font-weight:500;overflow:hidden;cursor:pointer}
	.new_win .btn_submit{padding:0 20px;height:40px;font-size:14px;font-weight:500}

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

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

	/* 아이디/비밀번호 찾기 */
	#find_info #mb_hp_label{display:inline-block;margin-left:10px}
	#find_info p{line-height:1.5em}
	#find_info #mb_email{margin:10px 0}
	
	#mb_login_notmb{}
	#mb_login_notmb h2{padding: 20px 0 0 0;line-height: 50px;font-size:16px;font-weight:500;text-align:center;}
	#guest_privacy{border: 1px solid #e9e9e9;text-align:left;line-height: 20px;color:#666;background: #fff;padding:10px;height:150px;margin:10px 0;overflow-y:auto;}
	#mb_login_notmb .btn_submit{display:block;text-align:center;}

	#mb_login_od_wr h2{padding: 20px 0 0 0;line-height: 50px;font-size:16px;font-weight:500;text-align:center;}
	#mb_login_od_wr p{margin: 20px 0 0;padding: 15px 5%;line-height: 1.4;font-size: 12px;font-weight:300;background:#f3f3f3;text-align: center;word-break: keep-all;}
	#mb_login_od_wr p strong{font-weight:500}
	
	#mb_login #sns_login{margin-top:0;border-color:#edeaea;padding:25px}
	#mb_login #sns_login:after{display:block;visibility:hidden;clear:both;content:""}
	#mb_login #sns_login h3{position:absolute;font-size:0;line-height:0;overflow:hidden}
	#mb_login #sns_login .sns-wrap{margin:0 !important}
	#mb_login #sns_login .sns-icon{width:49% !important;float:left !important}
	#mb_login #sns_login .sns-icon:nth-child(odd){margin-right:2%}
	#mb_login #sns_login .txt{font-size:0.95em;padding-left:5px !important;border-left:0 !important}
	


/****************************************************************************************/
/****************************************************************************************/
/*Media Query*/
/****************************************************************************************/
/****************************************************************************************/

@media (max-width: 1440px) and (min-width: 1001px) {


}
   
@media (max-width:1400px) {	

    .quick-conts { right: 10px;top: auto;bottom: 200px;}
    .footer-add p span:nth-child(4) { display: block;}
    .footer-add { padding-left: 50px;}

}
    

@media (max-width:1041px) {	

/*탭메뉴2개*/
.tmenu-2depth { width: 100%;}
/*탭메뉴3개*/
.tmenu-3depth { width: 100%;}
/*탭메뉴4개*/
.tmenu-4depth { width: 100%;}

}

@media (max-width:1024px) {	

    .quick-conts { right: 10px;top: auto;bottom: 30px;}
    .quick-conts a img { width: 55px;}

    #category .category .depth1 .dl1 { padding: 5px 5px;}
    #category .category .depth1 .dl1 > .da1 { font-size: 20px;}

    .down .khwrap { height: 80px;background: #008c45;}
    #header #logo h1 a img { width: 50px;}

    .menu-bottom {padding-bottom: 50px;}

    .tmenu-1depth { width: 300px;height: 65px;}

}


@media (max-width:1140px) {	
    
    .innerconts {width: 100%; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box;}

    .header-sub { /*background: #222 !important;*/}
    #global { border-top: 1px solid rgba(255,255,255,0.1);}
    #global .depth1 .da1 { color: #fff;}
    #header #logo {padding: 5px 15px;top: 10px;}

}



@media (max-width:747px) {	

    /*탭메뉴2개*/
    .tmenu-2depth { height: 65px;line-height: 65px;}
    /*탭메뉴3개*/
    .tmenu-3depth { height: 65px;line-height: 65px;}
    /*탭메뉴4개*/
    .tmenu-4depth { height: 65px;line-height: 65px;}
    .topmenu li a { line-height: 65px; font-size: 20px;}

    #header.down #logo {margin-left: -40px;top: 7px;}
    #header.down #logo h1 a img { width: 60px;display: none;}
    #header.down #logo h1 a {width: 50px;height: 50px;background: url(../img/logo-mo.png) center no-repeat; background-size: cover;}

    .footer-conts { display: block;text-align: center;}
    .footer-add { padding-left: 0;}

    #footer cite {text-align: center;clear: both;}

    .footer-add p span { display:inline-block;line-height: 150%;}

}



@media (max-width:480px) {	

    .footer-add p span { display: block; color: #fff;}
    #footer cite {padding-top: 20px;margin-right: 0;}
}