@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* default css */
*{margin:0;padding:0;}
body {font-family:'Nanum Gothic', '나눔고딕',sans-serif;font-size:3vw;color:#333;}
html, body {border:0; -webkit-text-size-adjust:none;height:100%;}
h1, h2, h3, h4, h5, h6 {font-size:1em;border:0;}
table {table-layout:fixed;width:100%;border:0;border-collapse:collapse;border-spacing:0;}
td, th {empty-cells:show;}
form, img, fieldset, legend, input, select, textarea, p, dl, dt, dd, ul, ol, li, fieldset, blockquote, th, td, iframe,b {border:0;}

ul, ol, li {list-style:none;}
a{cursor:pointer;}
button{border:0 none;cursor:pointer;background:transparent; font-family: 'Nanum Gothic'; -webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:none;}
em, address {font-style:normal;}
textarea {overflow:auto;}
hr, legend, .hide {text-indent:-5555px; width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:-5555px; left:-5555px;}/* For Screen Reader */ 
caption {text-indent:-5555px; width:0; height:0; visibility:hidden;font-size:0; line-height:0;  }
td {vertical-align:middle;}
img {vertical-align:top;}
iframe{overflow:hidden}
input[type=button] {border-radius:0;-webkit-appearance:none; border-radius: 0px; font-family: 'Nanum Gothic'; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type=text], input[type=password]{color:#333333;font-size:3vw;padding:0 4px;}
textarea{color:#333333;font-size:3vw;font-family: Gulim, "굴림" ,sans-serif;}
input[type=submit] {cursor:pointer;}

.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;filter:Alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;}
.skip a{display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 3vw/3.4 arial,sans-serif;text-align:center;z-index: 99999;}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

a{text-decoration:none; color:#000;}
a:link,a:visited,a:active,a:focus{}
a:hover{text-decoration:none;}
.blind {display:block;overflow:hidden;top:-1000em;position:absolute;}

/* float */
.clearfix{*zoom: 1;}
.clearfix:after{content:''; display:block; clear:both;}
.fl{float:left;}
.fr{float:right;}

pre{margin:0;padding:0;white-space: pre-wrap;word-wrap: break-word;font-family:'Nanum Gothic', '나눔고딕',sans-serif;font-size:3vw;color:#333;}

/* color */
.c_red{color:#ff0000 !important;}
.c_blue{color:#0066ff !important;}
.c_scoreblue{color:#00B869 !important;}
.c_black{color:#000 !important;}
.c_gray{color:#999 !important;}

/* button */
.score_mbtns{overflow:hidden;margin-top:20px;}
.score_mbtns .btn{float:left !important;display:block;height:35px;line-height:37px;text-align:center;background:#00B869;color:#fff;font-size:14px;font-weight:600;border-radius:3px;}
.score_mbtns .btn.w50{width:49%;margin:0 0 0 2% !important;}
.score_mbtns .w50:first-child{margin-left:0 !important;}
.score_mbtns .btn.w100{width:100%;}
.score_mbtns .btn.type_g{background:#b6b6b6;}
.score_mbtns .btn.type_s{background:#00B869;}
.score_mbtns .btn.type_lg{background:#f3f3f3;border:1px solid #ccc;color:#666666;border-radius:0;}
.score_mbtns .btn.pop_close{position:unset;}

/* 이미지 radio, checkbox */
.img_check{display:none;}
.img_c_label{display:inline-block;min-height:18px;line-height:19px;font-size:13px;color:#3f4040;vertical-align:middle;background:url(../image/check_off.png) left top / 18px 18px no-repeat;padding-left:23px;}
.img_c_label.on{background-image:url(../image/check_on.png);}

.img_check2{display:none;}
.img_check_label2{display:inline-block;vertical-align:middle;min-height:13px;line-height:13px;font-size:13px;color:#3f4040;background:url(../image/check2_off.png) left top / 13px 13px no-repeat;padding-left:20px;}
.img_check_label2.on{background-image:url(../image/check2_on.png);}

/* input */
.input_box{overflow:hidden;margin-bottom:10px;}
.input_box span{font-size: 14px;}
.input_box .input{width:100%;height:35px;line-height:35px;color:#3f4040;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;}
.input_box .textarea{width:100%;line-height:20px;color:#3f4040;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;}
.input_box.withb .input{float:left;width:65%;border-right:none;border-radius:3px 0 0 3px;}
.input_box.withb .sbtn{float:left;width:35%;height:35px;line-height:35px;color:#fff;font-size:13px;font-weight:600;background:#00B869;border-radius:0 3px 3px 0;}
.input_box.withb .sbtn.type_b{background:#333333;}
.input_box.withb .sbtn.type_black{background:#3f4040;}

/* paging */
.paging{margin-top:15px;text-align:center;}
.paging a{display:inline-block;width:24px;height:24px;line-height:24px;margin:0 2px;color:#666666;border:1px solid #ccc;}
.paging a.on{background:#00B869;border-color:#00B869;color:#fff;font-weight:600;}
.paging a img{margin-top:8px;width:auto;height:8px;}
.paging a.prev1{margin-right:9px;}
.paging a.next1{margin-left:9px;}

.btn_write{position: fixed;bottom:90px;right: 10px;display: none;}
.btn_write>img{width:44px;}

.trans_bg{width:100%;height: 100%;position: fixed;left:0;top:0;background-color:transparent;z-index: 9999;}
.shadow_bg{width:100%;height: 100%;position: fixed;left:0;top:0;background-color:rgba(0,0,0,0.8);z-index: 1980;}