* {margin:0;padding:0;-webkit-text-size-adjust:none;font-family:"Malgun Gothic","dotum";}

body ,html {width:100%;height:100%;color:#333;font-size:12px;}
body {display:table;width:100%;}

a {text-decoration:none;}
em, i, address {font-style:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:700;font-family:"Malgun Gothic","dotum";line-height:1em;letter-spacing:-0.05em;}
ul, ol {list-style:none;}
img {border:0;vertical-align:top;line-height:0;margin:0;}
hr{margin:0; padding:0; border:0}

input, select, textarea {font-size:1em;vertical-align:middle;font-family:"Malgun Gothic","dotum";color:#666;}
input[type="text"], input[type="submit"],input[type="password"], select, textarea {-webkit-appearance:none;-webkit-border-radius:0; border-color:#cdcdcd;}

table {width:100%;border-collapse:collapse;empty-cells:show;}
fieldset {border:0;margin:0;padding:0;}
legend, caption {position:absolute; top:-9999em; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px #cbcbcb;height:30px;padding:0 30px 0 10px;background:url(img/ico_select.png) right center no-repeat #fff;}
select::-ms-expand {display:none;}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
a, span, p, em, label, dt, dd, li, strong {color:inherit;font-size:inherit;font-family:inherit;}

::-webkit-input-placeholder {color:#999;font-family:"Malgun Gothic","dotum";,}
:-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}


/** align **/
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.al {text-align:left !important;}
.at {vertical-align:top !important;}

.fl {float:left;}
.fr {float:right;}
.cb:after {content:"";display:block;clear:both;}

/*** margin / padding ***/

.tmg0 {margin-top:0 !important;}

/*** color ***/

h5 {font-size:14px;margin-bottom:20px;}

.bold {font-weight:700;}
.underline {text-decoration:underline;}
.ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*** etc ***/

.blind {position:absolute; top:-9999em; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

input[type="checkbox"].check {position:absolute;overflow:hidden;height:0;width:0;left:-999px;}
input[type="checkbox"].check + label.check-label {display:inline-block;width:auto;height:auto;position:relative;padding-left:24px;line-height:1.25em;}
input[type="checkbox"].check + label.check-label:before {content:"";position:absolute;left:0;top:0;width:16px;height:16px;background:url(img/icons2.png) left top no-repeat;}
input[type="checkbox"].check:checked + label.check-label:before {background-position:left -30px;}

input[type="radio"].radio {position:absolute;overflow:hidden;height:0;width:0;left:-999px;}
input[type="radio"].radio + label.radio-label {display:inline-block;width:auto;height:auto;position:relative;padding-left:28px;line-height:1.25em;}
input[type="radio"].radio + label.radio-label:before {content:"";position:absolute;left:0;top:0;width:18px;height:18px;background:url(img/icons.png) -200px -150px no-repeat;}
input[type="radio"].radio:checked + label.radio-label:before {background-position:-200px -170px;}

.btns {display:inline-block;line-height:38px;border:solid 1px #222;text-align:center;padding:0 20px;border-radius:2px;font-weight:700;height:38px;box-sizing:border-box;}
.btns.blue {background:#1a9282;color:#fff;border-color:#1a9282;}


#conBody .subNavi {
	margin-bottm:20px;
  	content: '';
  	float: left;
}
/**********************
 checkbox button  
***********************/ 
#ck-button {
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    width:150px;
}

#ck-button:hover {
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #26625E;
    overflow:auto;
    float:left;
    color:red;
}

#ck-button label {
    float:left;
    width:8.0em;
}

#ck-button label span {
    text-align:center;
    padding:3px 0px;
    display:block;
    width:150px;
    cursor:pointer; 
}

#ck-button label input {
    position:absolute;
    left:-1000px;
}

#ck-button input:checked + span {
    background-color:#44AEA7;
    color:#fff;
}



#ck-button2 {
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    width:100px;
}

#ck-button2:hover {
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #26625E;
    overflow:auto;
    float:left;
    color:red;
}



.mTab1{margin:50 0 50px !important;;padding-left:1px; float:left;}
.mTab1 ul{zoom:1;}
.mTab1 ul:after{display:block;clear:both;content:''}
.mTab1 li{float:left;text-align:center;width:400px;}
.mTab1 li a{display:block;border:1px solid #ccc;margin-left:-1px;}
.mTab1 li a span{display:block;border:1px solid #fff;line-height:30px;height:30px;}
.mTab1 li.row2 a span{padding-top:11px;height:51px;line-height:130%;}
.mTab1 li.selected{position:relative;}
.mTab1 li.selected a{border-color:#d80647;font-size:12px;}
.mTab1 li.selected a span{border-color:#d80647; color:#d80647; font-weight:bold;}
.mTab1 li.row2.selected a span{padding-top:4px;height:30px;}

#ck-button2 label {
    float:left;
    width:8.0em;
}

#ck-button2 label span {
    text-align:center;
    padding:5px 0px;
    display:block;
    width:100px;
    cursor:pointer; 
}

#ck-button2 label input {
    position:absolute;
    left:-1000px;
}

#ck-button2 input:checked + span {
    background-color:#eb7700;
    color:#fff;
}


.aotp{ text-align: center; font-size:15px; font-weight:600;margin-top:20px; }
.aotp a{ color:#969696; border-bottom:1px solid #969696; padding-bottom:5px;  }



.nav-counter {
 position:absolute;
 top: -1px;
 right: 1px;
 min-width: 8px;
 height: 20px;
 line-height: 20px;
 margin-top: -11px;
 padding: 0 6px;
 font-weight: normal;
 font-size: small;
 color: white;
 text-align: center;
 text-shadow: 0 1px rgba(0, 0, 0, 0.2);
 background: #e23442;
 border: 1px solid #911f28;
 border-radius: 11px;
 background-image: -webkit-linear-gradient(top, #e8616c, #dd202f);
 background-image: -moz-linear-gradient(top, #e8616c, #dd202f);
 background-image: -o-linear-gradient(top, #e8616c, #dd202f);
 background-image: linear-gradient(to bottom, #e8616c, #dd202f);
 -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
 box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
}

.button {
 box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
 background-color: #EEE;
 display: inline-block;
 vertical-align: middle;
 border: 1px solid #d4d4d4;
 height: 32px;
 line-height: 30px;
 padding: 0px 25.6px;
 font-weight: 300;
 font-size: 14px;
 font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
 color: #666;
 text-shadow: 0 1px 1px white;
 margin: 0;
 text-decoration: none;
 text-align: center;
}