@charset "utf-8";
html,body{width:100%;height:100%;padding:0;margin:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,input,li,ol,p,ul{margin:0;padding:0}
body{background-color:#8d8d8d;word-wrap:break-word;word-break:break-all;overflow-x:hidden}
body,button,h1,h2,h3,h4,input,pre,textarea{font-family:'Pretendard-Regular',"Noto Sans KR",HelveticaNeue-Light,'Malgun Gothic','맑은 고딕',sans-serif;font-size:14px}
ul,li,ol{list-style:none}
a,a:hover,a:active{color:inherit;text-decoration:none}
video{width: 100%;}

.mt10 {margin-top: 10px;} .mt15 {margin-top: 15px;} .mt25 {margin-top: 25px;} .mt30 {margin-top: 30px;} .mt40 {margin-top: 40px;} .mt50 {margin-top: 50px;}

.ad {color: #fff; padding: 10px; font-size: 12px; background-color: #000;}
#location02 {margin-bottom: -8px;}
.clear::after {content:''; display:block; clear:both;}

.sub_nav {
    padding-top: 2%;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 25px;
	max-width: 730px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;

}	
.sub_nav .sns li {
    float: left;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    text-indent: -999em;
}	
.sub_nav .sns li:nth-child(1) {
    background: url('../img/sns01.png')no-repeat;
    background-size: 100% 100%;
}
	
.sub_nav .sns li:nth-child(2) {
    background: url('../img/sns02.png')no-repeat;
    background-size: 100% 100%;
}	
	
.sub_nav .sns li:nth-child(3) {
    background: url('../img/sns03.png')no-repeat;
    background-size: 100% 100%;
}	
.sub_nav .sns li:nth-child(4) {
    background: url(../img/sns04.png)no-repeat;
    background-size: 100% 100%;
}
.sub_nav .ga {
    float: right;
    box-sizing: border-box;
    height: 34px;
}		
.sub_nav .ga li:first-child {
    font-size: 10px;
    border-right: 0px;
}		
.sub_nav .ga li {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #cfcfcf;
    color: #515151;
    float: left;
}

img{vertical-align:top}
.container{display:block;margin:0 auto;width:100%;max-width:680px;background:#fff;overflow-x:hidden;position:relative}
.txtoverflow{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
.both::after{content:'';display:block;clear:both}.img-cen{width:95%!important}.img-con{width:80%!important}

.text-cont{text-align: justify;word-break: initial; margin: 20px 20px 40px 20px; font-size: 20px; line-height: 1.7; letter-spacing: -1.5px;    color: #333;}
.text-cont .red {color: red;}
.text-cont .under {background-image: url("../img/text_under.jpg"); background-size: 100% 100%;}
p.img_ex {text-align: center; color:#898989;; font-size: 12px;padding-top: 8px;}

.content img{width:100%;display:block;margin:0 auto;padding:0!important}

#dbform{position:relative;z-index:99;background:#fff;margin:0 auto ;border-radius: 0;overflow: hidden;}

#dbform .formTable{width:100%;background:#fff;border-top:0;vertical-align:top;border:7px solid #573699;}
.formTable{width:100%;padding:0 10px 10px;text-align:left;box-sizing:border-box}
.formTable th{width:25%;max-width:100px;text-align:center;font-size: 20px;}
.formTable th,td{padding:5px 0;vertical-align:middle}


.formQqestion{width:100%;font-size:20px;padding-bottom:10px;margin-bottom:10px;}
.formQqestion td{padding:5px 0;width:25%}
.formQqestion th{padding:5px 0;text-align:left}
.formQqestion input[type=checkbox],.formQqestion input[type=radio]{display:none}
.formQqestion input ~ label{background:#fff;color:#666;display:inline-block;width:90%;padding:6px 0;text-align:center;box-sizing:border-box;font-size: 15px;border: solid 1px #bfbfbf;}
.formQqestion input:checked + label{background:#573699;color:#fff}
.formTable input[type=text],.formTable input[type=tel],.formTable select{height:35px;padding-left:10px;width:90%;border: solid 1px #bfbfbf;}
.formTable textarea{width:80%;border-radius:10px;border:2px solid #eee;height:70px;padding:7px;box-sizing:border-box}
.formTable .phone{/*font-size:0*/}
.formTable input.tel,.formTable select.tel{width:28%;font-size:14px;vertical-align: middle;}

input::placeholder{vertical-align: middle;}

.agree{font-size:13px;text-align:center;line-height:2;color:#999}.agreeform{font-size:12px;color:#666;line-height:1.5;display:none}

.formTable .btn{text-align:center;border-bottom:1px dashed #ccc;padding-bottom:25px;}
.formTable button{width:80%;font-size:2.0em;cursor: pointer; font-weight:700;padding:16px 0;border-radius:40px;border:0;box-shadow:0 5px 5px rgba(0,0,0,.2);position:relative;
    background:linear-gradient(to top, #b186f5, #7746e6);color:#fff;animation:dbbtn 2s ease-in infinite}

.formTable .formResult{padding:5px;font-size:13px;text-align:center;padding-bottom:0}
.formTable .formResult input{background:#ffffff;width:20%;height:25px;border-radius:5px}


.countTxt {background: #090909; color:#fff; text-align:center; padding:15px 0;}
.countTxt .t1 {font-size:15px;} 
.countTxt .t2 {font-size:22px; font-weight:bold; margin-top:1%; } 
.countTxt span {color:#ffe51b;}

.tostPop {position:fixed; left:10%; bottom:10px; width:80%; transform:scale(0); opacity:0; transition:all 0s; z-index:1}
.tostPop.on { transform:scale(1); opacity:1; transition:all 0.3s;}
.tostPop .wrapInner {width:100%; max-width:800px; margin:0 auto; position:relative; background: #ce0a0a; border-radius:10px; padding:10px 0; color:#fff; 
	text-align:center; box-sizing: border-box; font-weight:bold; font-size:17px}  
.tostPop .wrapInner b {color:#fff29d;}  





.asidebtn ul li button{background:#fff;border:1px solid #ccc;height:30px;width:80px}
.asidebtn ul{width:90%;margin:10px auto}
.asidebtn ul::after{content:'';display:block;clear:both}
.asidebtn ul li:nth-child(1) i{color:red}
.asidebtn ul li:nth-child(1){margin-right:0}
.asidebtn ul li:nth-child(2) button{border-left:0}
.asidebtn ul li{float:left}
.asidebtn ul li:nth-child(3){float:right}
.asidebtn ul li:nth-child(3) button{width:30px}

.reply{width:100%;border-top:1px solid #e5e5e5;text-align:left}
.reply_container{width:100%;max-width:700px;margin:30px auto 0;box-sizing:border-box}
.reply_top{padding:0 15px}
.reply .reply_container .reply_top span{color:#f14949}
.reply .reply_container .reply_top i{font-size:12px;border:1px solid #e5e5e5;padding:4px;color:#7f7f7f}
.reply .reply_container .re_input{width:100%;height:60px;position:relative;margin:15px 0}
.reply .reply_container .re_input textarea{width:80%;height:60px;padding:5px;box-sizing:border-box;border:1px solid #ccc;position:absolute;top:0;bottom:0;left:0;font-size: 14px;}
.reply .reply_container .re_input button{width:20%;border:none;background:#333;color:#fff;position:absolute;top:0;bottom:0;right:0;font-size:1.05em}
.reply .reply_container .re1{position:relative}
.reply .reply_container .re1 ul li{display:inline-block;padding-right:7px;}
.reply .reply_container .re1 ul li a{text-decoration: none;font-size: 14px;}
.reply .reply_container .re1 ul li:first-child a{color:#000;font-weight:800;text-decoration: underline;}
.reply .reply_container .re1 > a{position:absolute;right:0;top:0;bottom:0;padding-bottom: 30px;}

.reply .reply_container .re4{margin:2% 0;border-top:1px solid #e5e5e5;text-align:center}
.reply .reply_container .re4 li{display:inline-block;padding:20px 15px 0 0;font-size:12px}
.reply .reply_container .re4 li a{color:#999; text-decoration: none;font-size: 14px;}
.reply .reply_container .re4 li:first-child a{border:1px solid #e5e5e5;color:#4795f7;font-weight:700;padding:4px 10px;margin-right: -6px;}
.reply .reply_container .re4 li:last-child{padding-right:0}


.reply .reply_container .rel01{padding: 15px 0px 0px;border-top: 1px solid #ccc;margin:15px;}
.reply .reply_container .rel01 .replt_id{padding-bottom: 10px;}
.reply .reply_container .rel01 .replt_id img{display: inline-block;width: 23px;vertical-align: middle;margin-right: 8px;}
.reply .reply_container .rel01 .replt_id span{font-size: 14px; vertical-align: sub;}

.reply .reply_container .rel_text {}
.reply .reply_container .rel_text img{width: 60%;padding-bottom: 10px;display: block;}
.reply .reply_container .rel_text em{font-style: normal; font-size: 12px;background: #e04646;padding: 2px 8px; margin-right: 5px;border-radius: 10px;color: #fff;}
.reply .reply_container .rel_text span{line-height: 24px;font-size: 14px;letter-spacing: -0.4px;}

.reply .reply_container .rel_bot {margin-top: 8px;overflow: hidden;}
.reply .reply_container .rel_bot .rel_day{font-size: 14px;color: #ccc;vertical-align: sub;}
.reply .reply_container .rel_bot .rel_goodbad {float: right;}
.reply .reply_container .rel_bot .rel_goodbad img {vertical-align:text-bottom;}
.reply .reply_container .rel_bot .rel_goodbad button.good {padding: 0px 10px; height: 24px; line-height: 22px; border: 1px solid #e14747;
    border-radius: 20px;background: #fff;color: #e14747;
    box-sizing: border-box;vertical-align: middle;font-size: 14px; cursor:pointer;}
.reply .reply_container .rel_bot .rel_goodbad button.bad {padding: 0px 10px; height: 24px; line-height: 22px; border: 1px solid #248cb9;
    border-radius: 20px;background: #fff;color: #248cb9;
    box-sizing: border-box;vertical-align: middle;font-size: 14px; cursor:pointer;}

.list .menu{position:relative;width:95%;margin:0 auto 10px;text-align:left}.list .menu ul{position:absolute;right:0;top:0}
.list .menu ul li{display:inline-block;border:0;margin-left:10px;color:#828282}.list .menu ul li:first-child{color:#000;border-bottom:1px solid #000}
.list > ul{border-top:1px solid #f2f2f2;width:95%;margin:0 auto}.list ul::after{content:'';display:block;clear:both}
.list > ul li{float:left;width:33.33%;box-sizing:border-box;border-left:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;background:#fff;text-align:center;padding:10px 0;font-size:.9em}
.list > ul li:nth-child(3n){border-right:1px solid #f2f2f2}

.container footer{background:#f8f8f8;text-align:center; padding: 22px 0;}
.container footer .footer-btn a{font-size:.6rem;color:#727d92;background:#fff;border:1px solid #d4d7de;padding:.85em 1em;margin:10px 1px 1px}
.container footer p{font-size:9px;line-height:1.5;color:#777;padding:8px 0 0;text-align:center}

.logo{position:absolute;left:20px;top:15px;height:25px}.logotxt{display:inline-block;position:absolute;right:20px;top:15px;font-weight:700;margin-top:0!important}
.logotxt strong{color:#ff3043}.fbt{display:block;position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:600px;z-index:1}
.fbt img{width:100%;max-width:600px}b{color:#000}.p1{color:#f50000}.p2{color:#324dff}
@keyframes dbbtn{0%{top:0;box-shadow:0 5px 5px rgba(0,0,0,.2)}50%{box-shadow:0 0 0 rgba(0,0,0,0);top:5px}0%{top:0;box-shadow:0 5px 5px rgba(0,0,0,.2)}}

@keyframes fb{0%{bottom:5px}50%{bottom:15px}100%{bottom:5px}}


@media screen and (max-width:640px){
	.top h2{font-size:24px}.top .txt{font-size:15px} input::placeholder{font-size: 11px;vertical-align: middle;}
	.formTable th{font-size: 16px;} .fix{display: none;}}

@media screen and (max-width:440px){
	.top h2 span{display:none}.top .txt{font-size:15px;margin-top:15px}.content p{font-size:16px}}

@media screen and (max-width:380px){
	.top h2{font-size:20px}.top .txt{font-size:14px;margin-top:10px}.content p{font-size:15px}
	.formQqestion input ~ label {width: 97%;font-size: 12px;}
}





.time {position:relative; color:#7f7f7f;  font-size:1.0em; border-bottom:2px solid #e5e5e5; text-align:center; margin:0px 10px; 30px; padding-bottom:20px; letter-spacing: 0;}
.time .sns {position:relative;  right:0; top:0;text-align:center;margin-top: 5px; }
.time .sns i {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:20px; border:1px solid #e5e5e5;    cursor:auto; }
.fix{position:fixed;right:0;bottom:10px;z-index:10;animation:fb 2s ease infinite}.fix img{width:100px}
@keyframes fb{0%{bottom:5px} 50%{bottom:15px} 100%{bottom:5px}}