@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);


/**

 font-weight:200 = UltraLight
 font-weight:300 = Light
 font-weight:400 = Regular
 font-weight:700 = Bold

**/

*{font-family: 'Noto Sans KR', sans-serif;
}
body,div,
p,
ul,
li,
textarea,
input{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    margin: 0 ;
    padding: 0;
    color: #333;
    box-sizing: border-box;
    letter-spacing: -1px;
    color: #666
}

a {
    cursor: pointer
}

a:link {
    color: #333;
    text-decoration: none;
}

a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul {
    -webkit-padding-start: 0
}

li {
    list-style: none;
}

textarea {
    resize: none;
    padding: 5px;
    font-family: 'Nanum Barun Gothic';
    font-size: 14px
}

button {
    cursor: pointer
}

input,
button {
    border-radius: 0;
    background: #fff;
    border: 1px solid #aaa
}

input:focus {
    border-color: 
}

textarea:focus {
    border-color: 
}

object{display: none;}
body{background: #efefef;position: absolute;min-height: 100%;width: 100%;}
footer{width: 100%;height: 100px;position: absolute;bottom: 0;background: #333;color: #fff}
footer .ftlogo{}
footer .loginpage-f-wrap{}
footer .loginpage-f-wrap div{}
footer .loginpage-f-wrap div p{}
footer .loginpage-f-wrap .c1{}
footer .loginpage-f-wrap .c2{}
footer .loginpage-f-wrap .c3{}

/* 로그인페이지 시작 */
.outer {width: 410px;box-shadow: 0 0px 2px 2px rgba(0,0,0,0.05);position: absolute;left: calc(50% - 205px);top: calc(50% - 240px);padding: 20px 30px;background: #fff;border-radius: 5px}
.outer p {margin: 20px 0px}
.admin_login h1 a{margin: 0 auto;display: block; width: 100px}
.admin_login h1 a img{width: 100%;}
.admin_login .login_warning{ font-size: 11px; text-align: center}
.admin_login .login_input .login_input_left input{ display: block;width: 100%;height: 30px;padding: 10px 15px; box-sizing: border-box;margin-bottom: 10px;margin-top: 15px;box-shadow: 0 0px 2px 2px rgba(0,0,0,0.05);border: none}

.admin_login .login_input .login_input_right input{
    display: block;width: 100%;height: 40px;background: rgba(4,0,4,0.95);color: #fff;cursor: pointer
}




/* 로그인페이지 끝 */

/* 메인 인덱스 시작 */
.header{width: 100%;height: 55px;background: #2d3539;font-size: 12px;}
.header::after{clear: both;content: '';display: block;}
.header h2 {margin: 0;display: inline;width: 70px;display: block;position: absolute;top: 12px;left: 2%}
.header h2 img{width: 100%;}
.header .header-info-wrap{position: absolute;top: 10px;right: 2%}
.header .header-info-wrap span{color: #fff;padding: 10px 25px;text-align: center;display: block;float: left}
.header .header-info-wrap .logout-btn{cursor: pointer}
.body-wrap::after{clear: both;content: '';display: block;}
.body-wrap .side-menu{width: 210px;height: 100%;background: rgba(4,0,4,0.95);display: block;padding: 45px 0px;z-index: 999;position: absolute}
.body-wrap .side-menu .admin-logo {background: #efefef;height: 100px;width: 100px;;border-radius: 50%;display: block;margin: 0 auto;margin-top: 30px}
.body-wrap .side-menu .admin-id { display: block;color: #e3e3e3;font-weight: 700;padding: 20px 15px 5px;}
.body-wrap .side-menu ul{text-align: left;color: #efefef;font-weight: 700;min-height: 55px;height: 55px;padding: 15px 15px;position: relative;cursor: pointer;display: block;font-size: 14px;border-top: 1px rgba(4,0,4,0.95)border-bottom: 1px solid rgba(4,0,4,0.95);margin-top: -1px;transition: 0.3s ease-out}
.body-wrap .side-menu ul:hover{background: #999;transition: 0.3s ease-out}
.body-wrap .side-menu ul span{width: 10px; height: 10px;display: block;position: absolute;right: 20px}
.body-wrap .side-menu ul span img{width: 100%;transform: rotate(270deg)}
.body-wrap .side-menu ul li {display: block;width: 170px;height: 100%;position: fixed;top: 0;left: 210px;background: #999;padding: 0px 20px; text-align: center;padding-top: 20%;transition: 0.3s ease-out}
.body-wrap .side-menu ul li a{color: #efefef;display: block;font-size: 13px;padding: 8px 0px;margin: 5px 0px}
.body-wrap .side-menu ul li a:hover{color: #333;font-weight: 700;transition: 0.3s ease-out}
.body-wrap .side-menu ul li.active{display: block;}


.side-menu .menu-icon1,.menu-icon2,.menu-icon3,.menu-icon4,.menu-icon5,.menu-icon6,.menu-icon7,.menu-icon8,.menu-icon9{width: 25px;height: 25px; overflow: hidden;float: left;}


.side-menu div{font-size: 14px;font-weight: 700;color: #efefef;text-align: center;}

.side-menu .menu-icon1{position: relative;overflow: hidden;width: 25px;height: 25px;}
.side-menu .menu-icon1 img{width: 430px; position: relative; top: -72px; left: -311px;}

.side-menu .menu-icon2{position: relative;overflow: hidden;width: 25px;height: 25px;}
.side-menu .menu-icon2 img{width: 430px; position: relative; top: -215px; left: -200px;}

.side-menu .menu-icon3{position: relative;overflow: hidden;width: 25px;height: 25px;}
.side-menu .menu-icon3 img{width: 430px; position: relative; top: -120px; left: -311px;}



.side-menu .menu-icon4{position: relative;overflow: hidden;width: 25px;height: 25px;}
.side-menu .menu-icon4 img{width: 430px; position: relative; top: -168px; left: -90px;}

.side-menu .menu-icon5{position: relative;overflow: hidden;width: 25px;height: 25px;}
.side-menu .menu-icon5 img{width: 430px; position: relative; top: -265px; left: -51px;}

.side-menu .menu-icon6{position: relative;overflow: hidden;width: 25px;height: 25px;}
.side-menu .menu-icon6 img{width: 430px; position: relative; top: -265px; left: -238px;}

.side-menu .menu-icon7{position: relative;overflow: hidden;width: 25px;height: 25px;}
.side-menu .menu-icon7 img{width: 430px; position: relative; top: -265px; left: -312px;}

.side-menu .menu-icon8{position: relative;overflow: hidden;width: 25px;height: 25px;}
.side-menu .menu-icon8 img{width: 430px; position: relative; top: -72px; left: -128px;}

.side-menu .menu-icon9{position: relative;overflow: hidden;width: 25px;height: 25px;}
.side-menu .menu-icon9 img{width: 430px; position: relative; top: -217px; left: -128px;}






.side-menu .company-name{}
.side-menu .admin-logo{}
.side-menu .admin-id{font-size: 12px;text-align: left}
.side-menu .admin-id span{font-size: 12px ;float: right;color: }
.side-menu .admin-lastdate{font-size: 12px;margin: 5px 15px 25px;text-align: left}
.side-menu .admin-lastdate span{float: right;}
.side-menu .btn-wrap{margin-top: 25px; margin-bottom: 50px;padding: 0px 15px}
.side-menu .btn-wrap div {float: left;width: 48%;border: 2px solid #aaa;border-radius: 20px;font-size: 12px;padding: 5px 0px;cursor: pointer}
.side-menu .btn-wrap div:hover{background: #333;transition: 0.3s ease-out}
.side-menu .btn-wrap div:first-child {margin-right: 4%;}
.side-menu .btn-wrap::after{clear: both;content: '';display: block;}

.menu-title {float: left;padding: 2px 10px}



.content-wrap{width: 1200px;height: auto;padding: 25px;position: relative;top: 0;margin-left: 210px;max-width: 2000px}

.nav{border-bottom: 0.1px solid #e1e1e1;padding-bottom: 4px;padding: 0 15px;border: 1px solid #efefef;background: #fff;border-radius: 5px;min-width: 800px;margin-bottom: 15px;display: inline-block;width: 100%;min-width: 1040px;max-width: 2000px
}
.nav::after{clear:both;content: '';display: block;}
.nav span {color: #666;font-weight: 700;padding:13px;float: left;}
.nav span img{ width: 10px;padding: 0px 10px}
.content {width: 100%;min-width :1040px;max-width: 2000px; height: auto;background: #fff;border-radius: 5px;border: 1px solid #efefef;padding: 30px 35px;padding-bottom: 10%;position: relative;min-height: 830px}
.content::after {clear: both;content: '';display: block;}
.content .admin-wrap:first-child{margin-top: 50px;}
.content .admin-wrap:nth-child(2){margin-top: 55px;}

.mainpage-wrap {width: 100%;max-width: 1000px;padding: 20px;}
.mainpage-wrap::after {clear: both;content: '';display: block;}
.mainpage-wrap .admin-grid-box{width: 32%;margin-right: calc(4% / 2);margin-bottom: calc(4% / 3);min-height: 100px;border:1px solid #efefef;border-radius: 20px;float: left;padding: 20px;box-shadow: 7px 9px 7px -4px rgba(0,0,0,0.1);background: #fff}
.mainpage-wrap .admin-grid-box:nth-child(3n){margin-right: 0;}
.mainpage-wrap .admin-grid-box h2{margin: 5px 0px 15px;text-align: center;font-size: 14px;color: rgba(4,0,4,0.95)}
.mainpage-wrap .admin-grid-box div{width: 100%;display: block;margin-bottom: 5px}
.mainpage-wrap .admin-grid-box div:last-child{margin-bottom: 0;}
.mainpage-wrap .admin-grid-box div::after{clear: both;content: '';display: block;}
.mainpage-wrap .admin-grid-box div span{font-size: 12px}
.mainpage-wrap .admin-grid-box div span:first-child{float: left;color: rgba(4,0,4,0.95)}
.mainpage-wrap .admin-grid-box div span:last-child{float: right;color: #555}
.mainpage-wrap .quickmenu-box{transition: 0.3s ease-out}
.mainpage-wrap .quickmenu-box .img{width: 30%;padding-bottom: 30%;margin: 0 auto;overflow: hidden;height: 0;border-radius: 50%;background: #fff;}
.mainpage-wrap .quickmenu-box .img img{position: relative; left: -298px; top: -556px;width: 1420px;}

.mainpage-wrap .quickmenu-box .img2 img{position: relative; left: -1028px; top: -397px;width: 1420px;}

.mainpage-wrap .quickmenu-box .img3 img{position: relative; left: -786px; top: -718px;width: 1420px;}
.mainpage-wrap .quickmenu-box .img4 img{position: relative;left: -418px;top: -716px;width: 1420px;}
.mainpage-wrap .quickmenu-box .img5 img{position: relative; left: -664px; top: -714px;width: 1420px;}
.mainpage-wrap .quickmenu-box .img6 img{position: relative; left: -177px; top: -873px;width: 1420px;}
.mainpage-wrap .quickmenu-box .img7 img{position: relative; left: -1030px; top: -875px;width: 1420px;}
.mainpage-wrap .quickmenu-box .img8 img{position: relative; left: -419px; top: -236px;width: 1420px;}
.mainpage-wrap .quickmenu-box .img9 img{position: relative; left: -1030px; top: -240px;width: 1420px;}

.mainpage-wrap .quickmenu-box p{font-size: 12px; color:#aaa; text-align: center;margin: 15px 0px 25px}
.mainpage-wrap .quickmenu-box .indexbtn01{width: 100%;background: rgba(4,0,4,0.95);  ; text-align: center;color: #fff;border-radius: 10px;padding: 10px 0px;cursor: pointer;margin-top: 15px;font-size: 14px}
.mainpage-wrap .quickmenu-box .btn01{width: 100%;background: rgba(4,0,4,0.95);  ; text-align: center;color: #fff;border-radius: 10px;padding: 10px 0px;cursor: pointer;margin-top: 15px;font-size: 14px}

.mainpage-wrap .on{background: rgba(4,0,4,0.95);  ;transition: 0.3s ease-out}
.mainpage-wrap .on h2{color: #fff}
.mainpage-wrap .on div{}
.mainpage-wrap .on p{color: #fff}
.mainpage-wrap .on .indexbtn01{background: #fff;color: rgba(4,0,4,0.95);  ;font-weight: 700}
.mainpage-wrap .on .btn01{background: #fff;color: rgba(4,0,4,0.95);  ;font-weight: 700}

.contact-wrap {padding: 0px 15px;margin-top: 10px;}
.contact-wrap div{ display: block;width: 100%;text-align: center;color: #fff;cursor: pointer;border: 1px solid #aaa; border-radius: 20px;padding: 5px 0px;margin-bottom: 10px;;font-size: 12px;transition: 0.3s ease-out}
.contact-wrap div:hover{background: #666;transition: 0.3s ease-out}

.h-bg {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;display: none;background: rgba(0,0,0,0.1)}
/* 메인 인덱스 끝 */


/* submenu start */
.btn01{padding: 10px 0px;width: 20%;border-radius: 10px; background: rgba(4,0,4,0.95);  ; text-align: center; color: #fff;font-weight: 700;margin-top: 55px;cursor: pointer;position: absolute;bottom: 30px;right: 30px;}
.btn02{padding: 10px 0px;width: 20%;border-radius: 10px; background: #aaa; text-align: center; color: #fff;font-weight: 700;margin-top: 55px;cursor: pointer;position: absolute;bottom: 30px;left: 30px;}
.btn03{padding: 10px 0px;width: 20%;border-radius: 10px; background: #aaa; text-align: center; color: #fff;font-weight: 700;margin-top: 55px;margin-left: 250px; cursor: pointer;position: absolute;bottom: 30px;left: 30px;}
.c-menubtn-wrap {min-width: 800px}
.c-menubtn-wrap::after{clear: both; content: '';display: block;}
.c-menubtn-wrap div{text-align: center;width: 120px;padding: 10px 0px;float: left;margin-right: 10px;border: 1px solid #eaeaea;border-radius: 10px;cursor: pointer;transition: 0.3s ease-out;font-size: 14px}
.c-menubtn-wrap div:hover{background:  rgba(4,0,4,0.95);  ;color: #efefef;font-weight: 700;transition: 0.3s ease-out;border: 1px solid rgba(4,0,4,0.95);  }
.c-menubtn-wrap .on{background:  rgba(4,0,4,0.95);  ;color: #efefef;font-weight: 700;border: 1px solid rgba(4,0,4,0.95);  }

.admin-wrap {width: 100%;margin: 25px 0px 15px; }

.admin-wrap::after {clear: both;content: '';display: block;}
.admin-wrap .input-title{float: left;font-weight: 700;width: 25%;height: auto;font-size: 14px;margin-bottom: 10px;line-height: 2.7}
.admin-wrap .input-wrap{float: right;width: 75%;min-height: 40px;height: auto;position: relative;margin-bottom: 10px}
.admin-wrap .input-wrap::after{clear: both;content: '';display: block;}
.admin-wrap .input-wrap:last-child{}
.admin-wrap .input-wrap div{float: left;font-size: 14px;padding: 10px}

.admin-wrap .input-wrap input{width: 55%;height: 40px;float: left;padding: 10px;border-radius: 10px;border: 1px solid #eaeaea;}
.admin-wrap .input-wrap input[type="radio"]{float: left;width: 10%;height: 15px;}
.admin-wrap .input-wrap label{float: left; font-size: 12px;margin-top: -4px;padding: 13px 0px}
.admin-wrap .input-wrap select{float: left; border-radius: 10px 0px 0px 10px ;border: 1px solid #eaeaea; padding: 8px 5px; width: 18%; color: #666}
.admin-wrap .input-wrap .select55{float: left; border-radius: 10px 0px 0px 10px ;border: 1px solid #eaeaea; padding: 8px 5px; width: 55%; color: #666}
.admin-wrap .input-wrap textarea {border: 1px solid #eaeaea; border-radius: 10px;padding: 10px;width: 55%;}
.admin-wrap .input-wrap .help-info-box{width: 40px;height: 40px;float: left;position: relative;overflow: initial}
.admin-wrap .input-wrap .help-info-box img{width: 50%;height: 50%;position: absolute;left: calc(50% - 25%);top: calc(50% - 25%)}
.admin-wrap .input-wrap .help-info-box .help-info{position: absolute;right: -250px;width: 250px;height: auto;border: 1px solid #aaa;border-radius: 10px;padding: 15px;background: #fff;font-size: 12px;bottom: -25px;display: block;z-index: 999;word-break: keep-all;line-height: 18px}
.input-btn {width: 15%;font-size: 14px;text-align: center;background: #aaa; color: #fff;font-weight: 700;height: 40px;padding: 10px 0px;float: left;border-radius: 10px;margin-left: 15px;cursor: pointer}
.input-btn2 {width: 15%;font-size: 14px;text-align: center;background: rgba(4,0,4,0.95); color: #fff;font-weight: 700;padding: 10px 0px;float: left;border-radius: 10px;margin-left: 15px;cursor: pointer}

.adress input:first-child{width: 55%;}
.email input{width: 30% !important;}
.email p {text-align: center;width: 5%;float: left;line-height: 2}
.email select{width: 33%;margin-left: 2%;padding: 8px 0px; border-radius: 10px ;border: 1px solid #aaa;color: #333}
.w100 {width: 100% !important;}

.add-product {margin-top: 57px !important}
.dh-info select{width: 55%!important;margin-left: 0!important;}
.dh-info .input-btn{background: rgba(4,0,4,0.95);  }
.api-info {margin-top: 57px !important;}
.api-info select{width: 60%!important;margin-left: 0!important;}
.api-info .input-btn{background: rgba(4,0,4,0.95);  }
.ftp input{ width: 32% !important;margin-right: calc(4% / 2)}
.ftp input:last-child{margin-right: 0;}
.admin-wrap .toggle-btn{width: 80%;border:1px solid #eaeaea;border-radius: 10px;position: relative;margin-top: 20px;}
.admin-wrap .toggle-btn::after{clear: both;content: '';display: block;}
.admin-wrap .toggle-btn div {text-align: center;}
.admin-wrap .toggle-btn .on{width: 50%;float: left;}
.admin-wrap .toggle-btn .off{width: 50%;float: left;}
.admin-wrap .toggle-btn .togglebox{right: 50%;position: absolute;top: 0;background: rgba(4,0,4,0.95);  border-radius: 10px;padding: 5px 0px;height: 100%;width: 50%;transition: 0.3s ease-out;background: #aaa}
.admin-wrap .toggle-btn .togglebox.on{right: 0;transition: 0.3s ease-out;background: rgba(4,0,4,0.95);   !important}




/* 2-1 start */

.admin-wrap .input-wrap.template{width: 100%;!important;}
.admin-wrap {width: 100%;max-width: 770px;margin: 10px 0px}
.template-box {width: 32%;margin-right: calc(4% / 2);padding: 20px!important;box-sizing: border-box;float: none;margin-top: 20px;}
.template-box:nth-child(3n) {margin-right: 0;}
.template-box .img{width: 100%;height: 0;padding-bottom: 50%!important;padding:0;border: 1px solid #eaeaea;border-radius: 10px}
.template-box .img img{}
.template-box p{text-align: center;font-size: 16px; font-weight: 700;margin-top: 18px;margin-bottom: 12px;}
.template-box .toggle-btn2{width: 35%;border:1px solid #eaeaea;border-radius: 10px;position: relative;left: calc(50% - 17.5%);cursor: pointer}
.template-box .toggle-btn2::after{clear: both;content: '';display: block;}
.template-box .toggle-btn2 div {text-align: center;padding: 4px 0px;}rgba(4,0,4,0.95)ate-box .toggle-btn2 .on{width: 50%;float: left;}
.template-box .toggle-btn2 .off{width: 50%;float: left;}
.template-box .toggle-btn2 .togglebox2{right: 50%;position: absolute;top: 0;background: rgba(4,0,4,0.95);  border-radius: 10px;padding: 4px 0px;height: 100%;width: 50%;transition: 0.3s ease-out;background: #aaa;margin-top: 0;}
.template-box .toggle-btn2 .togglebox2.on{right: 0;transition: 0.3s ease-out;background: rgba(4,0,4,0.95);   !important}

.admin-wrap .title {font-weight: 700;font-size: 14px;padding-left: 25px;float: left;display: inline-block;margin-right: 10px;line-height: 2.7}
.admin-wrap .help-info-box{width: 40px;height: 40px;float: left;position: relative;float: left}
.admin-wrap .help-info-box img{width: 50%;height: 50%;position: absolute;left: calc(50% - 25%);top: calc(50% - 25%);}
.admin-wrap .help-info-box .help-info{position: absolute;right: -300px;width: 300px;height: auto;border: 1px solid #aaa;border-radius: 10px;padding: 15px;background:#fff;z-index: 999;font-size: 14px;word-break: keep-all}

.template-box .input-btn{width: 50%!important ;margin: 0 auto;float: none!important}
.input-wrap {}
.input-wrap .colorbox {width: 10%;position: relative;box-sizing: border-box;padding: 10px;float: left;margin-right: 15px;}
.input-wrap .colorbox .color{width: 100%;height: 0;padding-bottom: 100%;position: relative;top: 0;left: 0;border: 1px solid #eaeaea}
.input-wrap .colorbox p{text-align: center; font-size: 14px;display: block}
.tipbox {padding: 10px 15px;float: left;width: 100%;height: 110px;border-radius: 10px;margin-top: -1px;margin-left: -1px;position: relative;}
.tipbox::after {clear: both;content: '';display: block;}
.tipbox div{float: left;padding: 10px;box-sizing: border-box}
.tipbox div:first-child{font-size: 16px;color: rgba(4,0,4,0.95);font-weight: 700;padding: 0;}
.tipbox div:last-child{font-size: 13px;color: #aaa}

.colorpicker{width: calc(83% / 6) !important;float: left !important;margin: 0px 15px !important;box-sizing: border-box;}
.colorpicker .input-title{width: 100%;display: block;margin: 10px 0px;font-weight: 700}
.colorpicker-title{width: 100%;display: block;font-weight: 700;margin-bottom: 5px;}
.colorpicker .colorpicker-area{width: 100%;height: 0;padding-bottom: 100% !important;border:1px solid #eee;cursor: pointer}
.colorpicker b{font-size: 14px;display: block;margin: 8px 0px;}
.colorpicker p{font-size: 12px;display: block;}


.input-wrap b{line-height: 2.5;float: left;display: block;width: 100%;}
.input-wrap .slider-toggle-btn{float: left;margin-top: 5px;}
.input-wrap .slider-toggle-btn .btn{width: 20px;height: 20px;margin-right: 5px;border:1px solid #eaeaea;border-radius: 5px;transition: 0.3s ease-out}
.input-wrap .slider-toggle-btn .btn.on{border:none;background: rgba(4,0,4,0.95);border-radius: 10px;transition: 0.3s ease-out;border: 2px solid rgba(4,0,4,0.95);box-sizing: border-box}
.input-wrap .slider-toggle-btn div{float: left;font-size: 14px;padding: 0px!important}
.input-wrap .slider-select-wrap{float: right!important;width: 50% !important;}
.input-wrap .slider-select-wrap div{float: left;font-size: 14px;padding: 3.5px 0px}
.input-wrap .slider-select-wrap select{width: 50%;padding: 4px 5px!important;margin-left: 10px}

.date input{width: 30%!important; float: left;}
.date input:first-child{margin-right: 2%;}
.date p {float: left;padding: 8px 10px;font-size: 14px}

.popup-current{margin: 13px 0px;width: 160px;}
.slider-number-wrap div{float: left; width: 35px;height: 35px;margin: 5px 5px;border: 1px solid #eaeaea;text-align: center;color: #eaeaea;padding: 5px 0px!important}
.slider-number-wrap .select{background: rgba(4,0,4,0.95); color: #fff;font-weight: 700    }


.submenutitle{font-style: 14px;font-weight: 700;margin: 8px 0px}

.menulist-wrap{}
.menulist-wrap .menulist-title{margin-bottom: 10px;font-size: 14px}
.menulist-wrap .menulist-title::after{clear: both;content: '';display: block;}
.menulist-wrap .menulist-title div{background: rgba(4,0,4,0.95);text-align: center;color: #fff;padding: 5px 0px; border-radius: 10px ;float: left;}
.menulist-wrap .menulist-title div:nth-child(1){width: 20%;margin-right: 15px;}
.menulist-wrap .menulist-title div:nth-child(2){width: 40%;margin-right: 15px;}
.menulist-wrap .menulist-title div:nth-child(3){width: 10%;margin-right: 15px;}
.menulist-wrap .menulist-title div:nth-child(4){width: 10%; background: #333;margin-right: 15px;}
.menulist-wrap .menulist-title div:nth-child(5){width: 10%; background: #333}


.menulist-wrap .menulist-ct1,.menulist-ct2,.menulist-ct3{margin-bottom: 10px;height: 40px;}
.menulist-wrap .menulist-ct1::after{clear: both;content: '';display: block;}
.menulist-wrap .menulist-ct2::after{clear: both;content: '';display: block;}
.menulist-wrap .menulist-ct3::after{clear: both;content: '';display: block;}
.menulist-wrap .menulist-ct1 div{background: #fff;text-align: center;color: #aaa;padding: 6px 0px; border-radius: 10px ;float: left;font-size: 14px}
.menulist-wrap .menulist-ct1 div:nth-child(1){width: 20%;margin-right: 15px;border: 1px solid #eaeaea}
.menulist-wrap .menulist-ct1 div:nth-child(2){width: 40%;margin-right: 15px;border: 1px solid #eaeaea}
.menulist-wrap .menulist-ct1 div:nth-child(3){width: 10%;margin-right: 15px;padding: 0;}
.menulist-wrap .menulist-ct1 div:nth-child(3) select{border:none;width: 100%;text-align: center;border: 1px solid #eaeaea;height: 32px;border-radius: 5px}
.menulist-wrap .menulist-ct1 div:nth-child(4){width: 10%; background: #eee;cursor: pointer;margin-right: 15px;}
.menulist-wrap .menulist-ct1 div:nth-child(5){width: 10%; background: #eee;cursor: pointer;}

.menulist-wrap .menulist-ct2 div{background: #fff;text-align: center;color: #aaa;padding: 6px 0px; border-radius: 10px ;float: left;font-size: 14px}
.menulist-wrap .menulist-ct2 div:nth-child(1){width: 5%;height: 0;}
.menulist-wrap .menulist-ct2 div:nth-child(1) img{width: 25px;height: 25px;}
.menulist-wrap .menulist-ct2 div:nth-child(2){width: 15%;margin-right: 15px;border: 1px solid #eaeaea}
.menulist-wrap .menulist-ct2 div:nth-child(3){width: 40%;margin-right: 15px;border: 1px solid #eaeaea;}
.menulist-wrap .menulist-ct2 div:nth-child(4) select{border:none;width: 100%;text-align: center;border: 1px solid #eaeaea;height: 32px;border-radius: 5px}
.menulist-wrap .menulist-ct2 div:nth-child(4){width: 10%;margin-right: 15px;padding: 0;}
.menulist-wrap .menulist-ct2 div:nth-child(5){width: 10%;margin-right: 15px; background: #eee;cursor: pointer}
.menulist-wrap .menulist-ct2 div:nth-child(6){width: 10%; background: #eee;cursor: pointer}

.menulist-wrap .menulist-ct3 div{background: #fff;text-align: center;color: #aaa;padding: 6px 0px; border-radius: 10px ;float: left;font-size: 14px}
.menulist-wrap .menulist-ct3 div:nth-child(1){width: 10%;}
.menulist-wrap .menulist-ct3 div:nth-child(1) img{width: 25px;height: 25px;}
.menulist-wrap .menulist-ct3 div:nth-child(2){width: 10%;margin-right: 15px;border: 1px solid #eaeaea; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.menulist-wrap .menulist-ct3 div:nth-child(3){width: 40%;margin-right: 15px;border: 1px solid #eaeaea}
.menulist-wrap .menulist-ct3 div:nth-child(4) select{border:none;width: 100%;text-align: center;border: 1px solid #eaeaea;height: 32px;border-radius: 5px}
.menulist-wrap .menulist-ct3 div:nth-child(4){width: 10%;margin-right: 15px;padding: 0;}
.menulist-wrap .menulist-ct3 div:nth-child(5){width: 10%;margin-right: 15px; background: #eee;cursor: pointer}
.menulist-wrap .menulist-ct3 div:nth-child(6){width: 10%; background: #eee;cursor: pointer}

.iconbox-wrap{width: 10%;padding: 10px;float: left;}
.iconbox-wrap .iconbox{width: 100%;padding-bottom: 100% !important;height: 0;position: relative;border-radius: 5px; border-bottom: 1px solid #eaeaea;background: #fff;}
.iconbox-wrap input[type="radio"]{display: inline!important;vertical-align: middle !important;width: 100%!important;margin: 0 auto !important;width: 100% !important;float: none !important;}
.iconbox-wrap .iconbox img{position: absolute;top: calc(50% - 10px);left: calc(50% - 10px);width: 20px;height: 20px;}
.list-custom{width: 50%}
.list-custom select{width: 35% !important;}
.list-custom .input-wrap{width: 100%}
.list-custom .title{padding-left: 0;}


.board-wrap::after{clear: both;content: '';display: block;}
.board-wrap{width: 100% ;margin-top: 25px; min-width: 800px}
.board-wrap .board-title{display: table;width: 100%;border-radius: 10px; background: rgba(4,0,4,0.95);padding: 5px 15px;font-size: 14px}
.board-wrap .board-title div{display: table-cell;text-align: center;font-weight: 700;color: #fff;margin-right: 10px;padding: 5px 0px}

.board-wrap .board-title div:nth-child(1){width: 5%;}
.board-wrap .board-title div:nth-child(2){width: 25%;}
.board-wrap .board-title div:nth-child(3){width: 15%;}
.board-wrap .board-title div:nth-child(4){width: 15%;}
.board-wrap .board-title div:nth-child(5){width: 20%;}
.board-wrap .board-title div:nth-child(6){width: 7.5%;}
.board-wrap .board-title div:nth-child(7){width: 7.5%;}

.board-content{display: table;width: 100%;border-radius: 10px;padding: 0px 15px;font-size: 13px;margin-top: -1px;position: relative;top: 1px;}
.board-content div{display: table-cell;text-align: center;font-weight: 400;color: #aaa;margin-right: 10px;padding: 7px 0px;overflow: hidden;border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea}

.board-content div input{border: none;font-size: 13px}
.board-content div select {border: none;color: #aaa;width: 70%;font-size: 13px;}

.board-content div:nth-child(1) {width: 5%;}
.board-content div:nth-child(2) {width: 25%;}
.board-content div:nth-child(3) {width: 15%;}
.board-content div:nth-child(4) {width: 15%;}
.board-content div:nth-child(5) {width: 20%;}
.board-content div:nth-child(6) {width: 7.5%;cursor: pointer}
.board-content div:nth-child(6) img {height: 18px;position: relative;top: 3px;}
.board-content div:nth-child(7) {width: 7.5%;cursor: pointer}
.board-content div:nth-child(7) img{height: 18px;position: relative;top: 3px;}

.paging{display: table;width: 100%;padding: 0px 20%;border-top: 1px solid #efefefef;margin: 0 auto;margin-top: 10px;}
.paging::after{clear: both;content: '';display: block;}
.paging a{display: table-cell;table-layout: fixed;padding: 5px 10px;font-size: 12px;cursor: pointer;text-align: center;color: #666}
.paging .now{font-size: 12px;font-weight: 700;text-decoration: underline}

.search-wrap{width: 50%;margin: 0 auto;margin-top: 10px;}
.search-wrap::after{clear: both;content: '';display: block;}
.search-wrap select{float: left;margin-right: 5%;border: 1px solid #eaeaea;padding: 5px 0px;border-radius: 10px;width: 20%;}
.search-wrap input{float: left;margin-right: 5%;border: 1px solid #eaeaea;padding: 5px 0px;border-radius: 10px;width: 50%;}
.search-wrap .search-btn{float: left;font-size: 14px;text-align: center;border-radius: 10px;width: 100px;background: #003;padding: 5px 0px;color: #fff;width: 20%;}



.board-wrap2{width: 100% ;margin-top: 25px; min-width: 800px  }
.board-wrap2 .board-title2{display: table;width: 100%;border-radius: 10px; background: rgba(4,0,4,0.95);padding: 5px 15px;font-size: 14px}
.board-wrap2 .board-title2 div{display: table-cell;text-align: center;font-weight: 700;color: #fff;margin-right: 10px;padding: 5px 0px}

.board-wrap2 .board-title2 div:nth-child(1){width: 5%;}
.board-wrap2 .board-title2 div:nth-child(2){width: 5%;}
.board-wrap2 .board-title2 div:nth-child(3){width: 50%;}
.board-wrap2 .board-title2 div:nth-child(4){width: 5%;}
.board-wrap2 .board-title2 div:nth-child(5){width: 5%;}
.board-wrap2 .board-title2 div:nth-child(6){width: 5%;}
.board-wrap2 .board-title2 div:nth-child(7){width: 5%;}

.board-content2{display: table;width: 100%;border-radius: 10px;padding: 0px 15px;font-size: 14px}
.board-content2 div{display: table-cell;text-align: center;font-weight: 400;color: #aaa;margin-right: 10px;padding: 10px 0px;overflow: hidden;border-bottom: 1px solid #eaeaea;}
.board-content2 div select {border: none;color: #aaa}

.board-content2 div:nth-child(1) {width: 5%;}
.board-content2 div:nth-child(2) {width: 5%;}
.board-content2 div:nth-child(3) {width: 50%;}
.board-content2 div:nth-child(4) {width: 5%;}
.board-content2 div:nth-child(5) {width: 5%;}
.board-content2 div:nth-child(6) {width: 5%;cursor: pointer}
.board-content2 div:nth-child(6) img {height: 18px;position: relative;top: 3px;}
.board-content2 div:nth-child(7) {width: 5%;cursor: pointer}
.board-content2 div:nth-child(7) img{height: 18px;position: relative;top: 3px;}


.board-wrap3{width: 100% ;margin-top: 25px; min-width: 800px  }
.board-wrap3 .board-title3{display: table;width: 100%;border-radius: 10px; background: rgba(4,0,4,0.95);padding: 5px 15px;font-size: 14px}
.board-wrap3 .board-title3 div{display: table-cell;text-align: center;font-weight: 700;color: #fff;margin-right: 10px;padding: 5px 0px}

.board-wrap3 .board-title3 div:nth-child(1){width: 5%;}
.board-wrap3 .board-title3 div:nth-child(2){width: 25%;}
.board-wrap3 .board-title3 div:nth-child(3){width: 25%;}
.board-wrap3 .board-title3 div:nth-child(4){width: 5%;}
.board-wrap3 .board-title3 div:nth-child(5){width: 5%;}
.board-wrap3 .board-title3 div:nth-child(6){width: 5%;}
.board-wrap3 .board-title3 div:nth-child(7){width: 5%;}

.board-content3{display: table;width: 100%;border-radius: 10px;padding: 0px 15px;font-size: 14px}
.board-content3 div{display: table-cell;text-align: center;font-weight: 400;color: #aaa;margin-right: 10px;padding: 10px 0px;overflow: hidden;border-bottom: 1px solid #eaeaea;}
.board-content3 div select {border: none;color: #aaa}

.board-content3 div:nth-child(1) {width: 5%;}
.board-content3 div:nth-child(2) {width: 25%;}
.board-content3 div:nth-child(3) {width: 25%;}
.board-content3 div:nth-child(4) {width: 5%;cursor: pointer}
.board-content3 div:nth-child(5) {width: 5%;cursor: pointer}
.board-content3 div:nth-child(6) {width: 5%;cursor: pointer}
.board-content3 div:nth-child(4) img {height: 18px;position: relative;top: 3px;}
.board-content3 div:nth-child(7) {width: 5%;cursor: pointer}
.board-content3 div:nth-child(5) img{height: 18px;position: relative;top: 3px;}
.board-content3 div img{height: 18px;position: relative;top: 3px;}


.board-wrap .board-title4{display: table;width: 100%;border-radius: 10px; background: rgba(4,0,4,0.95);padding: 5px 15px;font-size: 14px}
.board-wrap .board-title4 div{display: table-cell;text-align: center;font-weight: 700;color: #fff;margin-right: 10px;padding: 5px 0px}
.board-wrap .board-title4 div:nth-child(1){width: 5%;}
.board-wrap .board-title4 div:nth-child(2){width: 20%;}
.board-wrap .board-title4 div:nth-child(3){width: 20%;}
.board-wrap .board-title4 div:nth-child(4){width: 20%;}
.board-wrap .board-title4 div:nth-child(5){width: 15%;}
.board-wrap .board-title4 div:nth-child(6){width: 10%;}

.board-content4{display: table;width: 100%;border-radius: 10px;padding: 0px 15px;font-size: 14px}
.board-content4 div{display: table-cell;text-align: center;font-weight: 400;color: #aaa;margin-right: 10px;padding: 10px 0px;overflow: hidden;border-bottom: 1px solid #eaeaea;}
.board-content4 div select {border: none;color: #aaa}

.board-content4 div:nth-child(1) {width: 5%;}
.board-content4 div:nth-child(2) {width: 20%;}
.board-content4 div:nth-child(3) {width: 20%;}
.board-content4 div:nth-child(4) {width: 20%;cursor: pointer}
.board-content4 div:nth-child(5) {width: 15%;cursor: pointer}
.board-content4 div:nth-child(6) {width: 10%;cursor: pointer}
.board-content4 div:nth-child(6) img{height: 18px;position: relative;top: 3px;}
.board-content4 div img{height: 18px;position: relative;top: 3px;}


.entry-wrap{width: 100%;min-width: 600px}
.entry-wrap::after{clear: both;content: '';display: block;}
.entry-wrap div{color:#666;font-size: 14px;padding: 5px 10px;float: left;margin-bottom: 10px;}
.entry-wrap div b{padding: 5px 15px;background: rgba(4,0,4,0.95);border-radius: 10px;color: #fff;margin: 0px 10px;}
.entry-wrap div input[type="password"]{width: 100px;border-radius: 10px;padding: 3px 5px;border-radius: 10px;box-sizing: border-box;margin: 0px 5px;border: 1px solid #eaeaea}
.entry-wrap div input[type="radio"]{margin: 0px 10px;}
.entry-wrap div textarea{width: 100%;border: 1px solid #eaeaea;border-radius: 10px;padding: 10px 15px;min-height: 300px}
.entry-wrap .entry-title{width: 100%;}
.entry-wrap .entry-cont{width: 102%;}
.entry-wrap .entry-title input{width: 100%;border: 1px solid #eaeaea;border-radius: 10px;padding: 10px}

.counseling{margin: 0; margin-bottom: 40px}
/* .counseling .input-wrap{margin-top: 57px}*/
.counseling2 .input-wrap{margin-top: 37px}
.counseling2 .toggle-btn{margin-top: 0;}
.counseling2 textarea{width: 100%;border: 1px solid #eaeaea;border-radius: 10px; padding: 20px;overflow-y: auto}

.img-icon {width: 20px;height: 20px;overflow: hidden;float: left;margin-right: 10px;cursor: pointer;margin-top: 10px}
.img-icon img {width: 100%;height: 100%;opacity: 0.5}

.input-wrap .img-icon {width: 20px;height: 20px;overflow: hidden;float: left;margin-right: 10px;cursor: pointer;margin-top: 10px;position: relative;}
.input-wrap .img-icon img {width: 20px;height: 20px;opacity: 0.5;position: absolute;left: 0;top: 0;}


.add-text-wrap{width: 500px;height: 590px;position: absolute;top: calc(50% - 295px);left: calc(50% - 250px);z-index: 99;background: #fff;border: 1px solid #aaa;border-radius: 10px;padding: 10px;}
.add-text-wrap .add-text-title{padding: 5px 0;margin: 10px 0px;border: 1px solid #eaeaea;border-radius: 10px}
.add-text-wrap .add-text-title input{width: 100%;height: 100%;border: none;padding: 0px 10px}
.add-text-wrap .add-text-textarea{;border: 1px solid #eaeaea;border-radius: 10px;height: 450px;margin-bottom: 10px;}
.add-text-wrap .add-text-textarea textarea{width: 100%;height: 100%;border: none;padding: 10px;border-radius: 10px}
.add-text-wrap .addbtn01{width: 48%;margin-right: 4%;padding: 10px 0px;background: rgba(4,0,4,0.95);border-radius: 10px;text-align: center;float: left;color: #fff;cursor: pointer}
.add-text-wrap .addbtn02{width: 48%;padding: 10px 0px;background: #aaa;border-radius: 10px;text-align: center;float: left;color: #fff;cursor: pointer}

.add-h{padding: 10px 40px;width: 80%;float: right;}
.add-h div{margin-top: 7px;}
.add-h div:nth-child(2) img{left: -444px}
.add-h input{border: 1px solid #eaeaea;padding: 5px 20px;width: 45%;border-radius: 10px}

.add-pd div{width: 32% !important;float: left !important;margin-right: calc(4% / 3)}
.add-pd div:last-child{margin-right: 0;}
.add-pd div select{width: 100% !important;float: left;}

.thumbnail-box {margin: 10px 0px;overflow: hidden}
.thumbnail-box .thumbnail{width: 130px;height: 130px;border: 1px solid #eaeaea; border-radius: 10px;margin-right: 10px;float: left;cursor: pointer}

.date select{height: 41px;}
#domain-kind{margin-left: 10px}


.input-wrap .toggle-btn{margin-top: 0!important;height: 40px!important;margin-left: 30px!important;width: 30%!important;position: absolute;right: -210px;}
.input-wrap .toggle-btn div{padding: 0px!important;}}e-btn div{padding: 0px!important;}{padding: 0px!important;}mportant;}nt;}}e-btn div{padding: 0px!important;}{padding: 0px!important;}rtant;}{padding: 0px!important;}e-btn div{padding: 0px!important;}{padding: 0px!important}

.contents .runningtime {width: 50%;margin: 0 auto}
.contents .runningtime .r-box{width: 100%;margin-top: 10px;display: block;border: 1px solid rgba(0,0,0,0.065)}
.contents .runningtime .r-box::after{clear: both;content: '';display: block;}
.contents .runningtime .r-box .date{text-align: center;font-weight: 900;background: #225c98;color: #fff;width: 50%;float: left;padding: 10px;box-sizing: border-box}
.contents .runningtime .r-box .time{text-align: center;font-size: 18px;color: #225c98;font-weight: 900;width: 50%;float: left;padding: 8px;box-sizing: border-box}
.contents .runningtime .r-box .time b{color: #333;}
.contents .runningtime .sub-title{text-align: center;display: block;font-size: 21px;font-weight: 900;margin-bottom: 40px;margin-top: 70px;}
.sub-title{text-align: center;display: block;font-size: 21px;font-weight: 900;margin-bottom: 40px;margin-top: 70px;}
.contents .runningtime .sub-title::after{clear: both;content: '';display: block;width: 30px;height: 3px;margin: 0 auto;background: #333}

.contents .runningtime {width: 50%;margin: 0 auto}
.contents .runningtime .r-box{width: 100%;margin-top: 10px;display: block;border: 1px solid rgba(0,0,0,0.065)}
.contents .runningtime .r-box::after{clear: both;content: '';display: block;}
.contents .runningtime .r-box .date{text-align: center;font-weight: 900;background: #225c98;color: #fff;width: 50%;float: left;padding: 10px;box-sizing: border-box}
.contents .runningtime .r-box .time{text-align: center;font-size: 18px;color: #225c98;font-weight: 900;width: 50%;float: left;padding: 8px;box-sizing: border-box}
.contents .runningtime .r-box .time b{color: #333;}
.contents .runningtime .sub-title{text-align: center;display: block;font-size: 21px;font-weight: 900;margin-bottom: 40px;margin-top: 70px;}
.sub-title{text-align: center;display: block;font-size: 21px;font-weight: 900;margin-bottom: 40px;margin-top: 70px;}
.contents .runningtime .sub-title::after{clear: both;content: '';display: block;width: 30px;height: 3px;margin: 0 auto;background: #333}
.sub-title::after{clear: both;content: '';display: block;width: 30px;height: 3px;margin: 0 auto;background: #333}
.contents .schedule{width: 90%;margin: 0 auto}
.contents .schedule::after{clear: both;content: '';display: block;}
.contents .schedule .sub-title{text-align: center;display: block;margin-bottom: 40px;font-size: 21px;font-weight: 900;margin-top: 20px;margin-top: 70px;}
.contents .schedule .sub-title::after{clear: both;content: '';display: block;width: 30px;height: 3px;margin: 0 auto;background: #333}
.schedule-cell{float: left;width: 100%;margin-top: 20px;}
.schedule-cell:first-child{margin-top: 10px;}
.schedule-cell::after{clear: both;content: '';display: block;}
.contents .schedule .name{float: left;padding: 25px 10px;font-size: 14px;box-sizing: border-box;width: calc(10% - 10px);margin-right: 10px;text-align: center;border-radius: 5px;background: #225c98 ;color: #fff; }
.contents .schedule .sch {float: left;width: 90%;text-align: center}
.contents .schedule .sch .sch-wrap{display: block;width: 100%;}
.contents .schedule .sch .sch-wrap:first-child{}
.contents .schedule .sch-box{float: left;width: calc(100% / 7 - 5px);padding: 10px;text-align: center;border: 1px solid #eaeaea;margin-right: 5px;margin-bottom: 5px;padding: 5px;border-radius: 5px;font-size: 14px}
.contents .schedule .sch-box:first-child{font-weight: 900;color: #fff;background: #666;}

.contents .schedule .sch-date {display: table;width: 77.5%;float: right;}
.contents .schedule .sch-day {display: table-cell;text-align: center;padding: 10px;color: #225c98;font-weight: 900}