/*@import url('92a6397ab38040f09595707bc94e6be1.css');*/

@font-face{
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: normal;
  src: url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
}
* {margin:0;padding:0;border:0;outline:0;vertical-align:top; box-sizing: border-box;}
html,body {width:100%;margin:0 auto;background:#fff;}body{font-family:"Noto Sans KR",dotum,helvetica,sans-serif,verdana; font-size: 18px;}
main,header,section,article,aside,footer{display:block}
img{display:block;width:100%;margin:0 auto}
ul,li,ol{list-style:none}
a,a:hover,a:active{text-decoration:none;color:inherit}
.sc{position:fixed;z-index:99;right:10px;bottom:10px;display:none;animation:fix 3s ease-in-out infinite}
.sc img{width:90px}
.w95 {display:block; width:95%; margin:0 auto;}
.w90 {display:block; width:90%; margin:0 auto;}
/*jason*/
#container{width:100%;max-width:640px;margin:0 auto;background:#fff;overflow:hidden;}
header{padding:0 0 30px;}
header .head_txt {width:100%;max-width:640px;margin:0 auto; overflow:hidden;}
header .head_txt h2 { padding:25px 25px 15px; font-size: 36px; line-height: 42px; color:#000;  letter-spacing: -2px; font-weight: normal;}
header .head_txt p {font-size: 15px; color:#868686; padding:0 25px; position:relative; left:15px;}
header .head_txt p::before {content:''; display:block; position:absolute; left:9px; top:0px; bottom:0px; width:4px; background: #aeaeae;}
header .head_wrap{width:100%; border-bottom:1px solid #eee; position:relative;text-align:center;height:54px;line-height:54px;color:#222;background:#fff}
header .head_wrap .logo{position:relative;display:inline-block;top:14px;width:83px;height:27px;background:url(http://ds.cocktech.top/static/mb/hg3/img/logo.png)no-repeat;background-size:83px 27px}
header .head_wrap .logo a{display:inline-block;text-indent:-9999px}
header .head_wrap .menu{position:absolute;left:13px;top:17px}
header .head_wrap .menu a{display:block;width:20px;height:54px;padding:0 13px;background:url(http://ds.cocktech.top/static/mb/hg3/img/menu.png)no-repeat;background-size:20px 16px;cursor:pointer}
header .head_wrap .search{position:absolute;right:10px;top:17px}
header .head_wrap .search a{display:block;width:20px;height:54px;padding:0 13px;background:url(http://ds.cocktech.top/static/mb/hg3/img/search.png)no-repeat;background-size:20px 20px;cursor:pointer}
header ul{display:block;width:100%;overflow:hidden;height:44px;text-align:center;position:relative;white-space:nowrap;background:#fff; border-bottom:1px solid #eee;}
header ul li{display:inline-block;padding:0 12px;white-space:nowrap;color:#222;position:relative}
header ul li.active{color:#f40617;font-weight:700}
header ul li.active::after{content:'';position:absolute;display:block;left:0;bottom:0;right:0;height:3px;background:#f40617}
header ul li a{display:block; font-family: 'Nanum Gothic', sans-serif; font-weight: 600; font-size:17px;height:44px;line-height:44px;cursor:pointer}
header ul::after{content:'';z-index:9;position:absolute;right:0;top:0;width:15px;height:44px;display:block;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 51%,rgba(255,255,255,1) 100%)}
header .menu_active{background:rgba(255,255,255,.8);position:fixed!important;z-index:10;left:0!important;top:0!important;right:0!important;border-bottom:1px solid #e5e5e5}
header img{width:100%}
/*jason*/
main > section > article img{width:100%;vertical-align:top}
main > section > article p{font-size:1em; margin:.5em 4% 25px;line-height:1.6;color:#666;letter-spacing:-.025em;text-align:justify;word-break:break-all;}
main > section > article .subtxt{font-size:12px;text-align:right;color:#aaa; padding:15px 25px 0px;}
main > section .im{margin-top:1.5em}
main > section > aside{width:95%;margin:50px auto 20px;position:relative;z-index:999;background:#fff}
main > section > aside img{width:100%}
main > section > aside .userCounter{box-sizing:border-box;width:100%;margin:0 auto;font-size:1em;line-height:1.3;background:#000;text-align:center;padding:7px 5px;letter-spacing:-.05em;position:relative;z-index:999}
main > section > aside .datebg{display:inline-block;color:#fedb51;font-weight:700}
main > section > aside .datebg2{display:inline-block;color:#fff;font-weight:400}
main > section > aside .date2::after,.date4::after{content:':';padding-left:7px}
main > section aside #dbrap{background:#fff; border:5px solid #000; width:100%;text-align:center;padding:30px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
main > section aside #dbrap::after{content:'';display:block;clear:both}
main > section aside #dbrap dl > *{display:table-cell;vertical-align:middle}
main > section aside #dbrap dl{width:50%;height:auto;float:left;display:table;margin-bottom:10px}
main > section aside #dbrap dl dt{width:35%;font-weight:600;padding-right:10px;text-align:right}
main > section aside #dbrap dl dt span{color:red}
main > section aside #dbrap dl dd{width:70%}
main > section aside #dbrap dl dd input{width:100%;height:45px;border-radius:5px;padding:0 10px;border:1px solid #eee}
main > section aside #dbrap dl dd .tel{border:1px solid #eee;height:45px;border-radius:5px;width:30%!important}
main > section aside #dbrap dl dd.sex input{display:none}
main > section aside #dbrap dl dd.sex input + label{display:block;width:50%;height:45px;line-height:45px;background:#fff;color:#333;float:left;transition:all 0.5s;font-weight:600;}
main > section aside #dbrap dl dd.sex input:checked + label{background:#e4361a;color:#fff}
main > section aside #dbrap dl dd.sex #sex-1 + label{border-top-left-radius:5px!important;border-bottom-left-radius:5px!important}
main > section aside #dbrap dl dd.sex #sex-2 + label{border-top-right-radius:5px!important;border-bottom-right-radius:5px!important}
main > section aside #dbrap dl dd.sex #sex-2:checked + label{background:#2565cf}
main > section aside #dbrap .agree{font-size:12px}
main > section aside #dbrap .btn{text-align:center}
main > section aside #dbrap .btn input,main > section aside #dbrap dl dd.btn img{width:80%;display:inline-block}
main > section aside #dbrap .result{font-size:14px;font-weight:600;padding:5px}
main > section aside #dbrap .result input{height:30px;border-radius:5px;border:1px solid #eee;width:25%}
main > section > aside #dbrap table{width:100%;padding-bottom:15px;border-bottom:1px dashed #eee;margin-bottom:15px}
main > section > aside #dbrap table th{text-align:left;padding-bottom:5px;padding-top:15px}
main > section > aside #dbrap table td{width:20%;padding-top:5px}
main > section > aside #dbrap table td input{display:none}
main > section > aside #dbrap table td input + label{font-weight:600;font-size:13px;width:95%;display:block;margin:0 auto;background:#fff;border-radius:3px;padding-top:5px;padding-bottom:5px;color:#000; border:1px solid #eee; transition: all 0.5s; font-weight: 500;}
main > section > aside #dbrap table td input:checked + label{background:#2565cf;color:#fff; border-color:#2565cf;}
main > section aside .tag li{display:inline-block;color:#e4361a;margin:20px 5px 10px;font-size:13px}
main > section aside .tag li i {vertical-align: middle;}
main > section aside .fa-btn{width:100%;position:relative}
main > section aside .fa-btn button{display:block;width:100%;background:none;border:none;height:40px;line-height:40px;color:#c7cad1;font-size:16px}
main > section aside .fa-btn li:nth-child(2) button{color:#afb4bd!important}
main > section aside .fa-btn li{margin:5px 0;display:inline-block;padding:0 10px;border-radius:5px;border:1px solid #d7dadf;}
main > section aside .fa-btn li i { vertical-align: middle;}
main > section aside .fa-btn li:last-child{position:absolute;right:0;background:#e4361a;border:1px solid #e4361a}
/*jason*/
main > section aside .fa-btn li:last-child button{color:#fff}
main > section .banner{width:100%;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3}

main > section #reply{padding:20px}
main > section .re_title1{font-weight:600;color:#000;vertical-align:top;text-align:left}
main > section .re_title1 span{vertical-align:top}
main > section .re_title1 img{width:25px;display:inline-block}
main > section .re_title2{width:100%;position:relative;height:42px;margin:12px 0}
main > section .re_title2 input{position:absolute;left:0;height:42px;color:#a2a2a2;width:75%;padding-left:10px; border:1px solid #eee;}
main > section .re_title2 button{position:absolute;right:0;height:42px;color:#fff;width:25%;background:#202020}
main > section .re_title3{font-weight:600;color:#000;padding-bottom:15px;border-bottom:1px solid #ececec}
main > section .Thumbnail{font-weight:600;color:#000;margin:15px 0 8px}
main > section .Thumbnail img{display:inline-block;width:23px;vertical-align:middle}
main > section .re_txt{line-height:1.55;font-size:.9em;text-align:left}
main > section .re_txt span{font-size:12px;font-weight:600;background:#ff4d4e;padding:1px 4px 2px;border-radius:3px;color:#fff;letter-spacing:1px}
main > section .re_txt img{display:inline-block;width:90%;padding-right:10%;margin-bottom:10px}
main > section .re_time{padding-top:10px;padding-bottom:20px;font-size:12px;color:#939393;position:relative;border-bottom:1px solid #ececec}
main > section .re_time ul{position:absolute;right:0;top:7px}
main > section .re_time ul li{float:left;margin-left:5px}
main > section .re_time ul li button{background:#fff;border-radius:3px;border:1px solid #eaeaea;padding:3px 6px;color:#94989b}
main > section .re_time ul li button img{width:11px;display:inline-block}
main > section .reply{padding:20px}
main > section .re_num{text-align:center;margin:15px 0;position:relative}
main > section .re_num li{display:inline-block;width:30px;height:30px;line-height:30px;color:#939393}
main > section .re_num li:first-child{color:#2878d7;border:1px solid #ececec}
main > section .re_num li a{display:block}
main > section .re_num li:last-child{position:absolute;right:0;width:100px;font-size:14px;color:#1e2724;text-align:right}
main > section .best{background:#f5f5f5;box-sizing:border-box;padding:20px 20px 0}

footer{text-align:center;padding:25px;background:rgba(0,0,0,.1)}
footer .footer-event a{font-size:.6rem;color:#727d92;background:#fff;border:1px solid #d4d7de;padding:.85em 1em;margin:10px 1px 1px}
footer .footer-event::after{content:'';display:block;clear:both}
footer p{font-size:12px;color:rgba(0,0,0,.55);margin-top:20px}
footer .footer_btn{font-weight:600;color:#000;font-size:14px}
footer .footer_btn_p{display:none;line-height:1.65}
footer .footer-active{display:block!important}
/*jason*/
b {font-weight: 600; color:#000}
.p0 {color:#f40617;}
.p1{font-weight:600;color:#f40617}
.p2{font-weight:600;color:#2878d7}
@media screen and (max-width:520px){
   header .head_txt h2 {font-size: 25px; line-height: 34px; color:#111; padding:15px 3%; letter-spacing: -1px; font-weight: 500;}
   header .head_txt p {font-size: 14px;}
   header ul li a {font-size: 14px;}
   main > section > article p{font-size:17px; letter-spacing:-.01em; line-height: 1.75;}
   main > section aside #dbrap{padding:15px}
   main > section aside #dbrap dl{width:100%;float:none}
   main > section aside #dbrap dl dt{width:25%;text-align:center}
   main > section aside #dbrap dl dd{text-align:left}
   main > section aside #dbrap dl dd.sex input + label{text-align:center;width:45%}
   main > section aside #dbrap dl dd input{width:90%}
   main > section .re_txt {font-size: 0.8em; color:#333;}
}
@keyframes fix{
      0%{bottom:10px}
      50%{bottom:0}
      100%{bottom:10px}
   }