@CHARSET "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{font-family:NanumGothic;src:url('../font/NanumGothic.eot');src:local(※), url('../font/NanumGothic.woff') format('woff');}


/* 공통 */
*{margin:0;padding:0;-webkit-text-size-adjust:none}
html{width:100%;height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,th,td,input,p,a{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
body,div,dl,dt,dd,h1,h2,h3,h4,form,fieldset,p,th,td,input,select{font-family:NanumGothic, 나눔고딕, Dotum, 돋움, malgun, "Malgun Gothic", verdana, sans-serif;; color:#333; letter-spacing:0px; font-weight:normal;}
body{height:100%;font-size:14px;line-height:normal;background:#fff;}
img{margin:0;padding:0; border:0; vertical-align:middle;}
fieldset {border:0;}
textarea {width:100%;height:330px;color:#333;padding:9px;margin:0;box-shadow:none; border:1px solid #919191;border-radius:5px; font-family:NanumGothic, 나눔고딕, Dotum, 돋움, malgun, "Malgun Gothic", verdana, sans-serif;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-appearance: none}
select, input {color:#333;font-family:NanumGothic, 나눔고딕, Dotum, 돋움, malgun, "Malgun Gothic", verdana, sans-serif; vertical-align:middle;}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"]{width:100%;height:30px;padding:4px 8px;margin:0;border:1px solid #919191;border-radius:5px;box-shadow:none;-webkit-appearance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
input[type="submit"]{border:0;-webkit-appearance: none;}
input[type="file"]{width:100%;}
ul, ol { margin:0;list-style-type : none; }
dt, dd, h1 ,h2, h3, h4 { padding:0px; margin:0px; }
select{height:30px;color:#919191; font-size:15px; padding:4px 10px;border:1px solid #203b83; border-radius:5px;}
a, a:link { color:#676767;; text-decoration:none; }
a:hover, a:focus { color:#676767; text-decoration:none;}
a:active, a:visited{color:#676767; text-decoration:none;}
a.underline{text-decoration:underline;}
legend,caption, hr {display:none;}
em, address { font-style:normal;}
button {background:transparent; border:0;font-family:NanumGothic, 나눔고딕, Dotum, 돋움, malgun, "Malgun Gothic", verdana, sans-serif; cursor:pointer; padding:0; overflow:visible; vertical-align:top;}
table {width:100%;border-collapse:collapse;}
label{font-weight:normal;margin:0}

.relative{position:relative;}

/* 정렬 */
.over-hidden{overflow:hidden;}
.floatL{float:left;}
.floatR{float:right}
.al-center{text-align:center;}
.al-left{text-align:left;}

/* 여백 */
.marL5{margin-left:5px;}
.marL16{margin-left:16px;}
.marL20{margin-left:20px;}
.marL25{margin-left:25px;}
.marL206{margin-left:206px}
.padT140{padding-top:140px;}
.padT70{padding-top:70px;}
.padR65{padding-right:65px;}

/* 넓이 */
.w100per{width:100%}
.w100px{width:100px !important;}
.w150px{width:150px !important;}
.w200px{width:200px !important;}
.w335px{width:335px !important;}

/* 셀렉트 */
.selectbox{display:inline-block;position:relative;width:215px;text-align:left;background:#fff;}/*20150409*/
.selectbox .select{display:block;color:#2e2e2e;font-size:16px;letter-spacing:-1px;padding:7px 10px;border:1px solid #999;border-radius:5px;}/*20150409*/
.selectbox .select span{display:block;padding:0 20px 0 10px;background:url(../img/select.png) no-repeat right center;}/*20150409*/
.selectbox .option{display:none;position:absolute;top:30px;left:0;width:100%;padding-bottom:4px;border:1px solid #999;border-top:0;border-radius:0 0 5px 5px;background:#fff;z-index:15;}/*20150409*/
.selectbox .option li a{display:block;color:#2e2e2e;font-size:16px;letter-spacing:-1px;padding:2px 20px;}/*20150409*/
.selectbox .option li:hover a{background:#dedede;}/*20150409*/
.selectbox.on .select span{padding-left:10px;}
.selectbox.on .select em:after{content:'---';padding-left:2px;}
.selectbox.on .select em:before{content:'---';padding-right:2px;}
.selectbox.on .option{display:block;}

.selectbox.h190 .option{height:188px;overflow-y:auto}/*20150618*/

/* input type=number */
input[type="number"].inp-number, .inp-number{display:inline-block;width:166px;height:35px;color:#2e2e2e;font-size:16px;text-align:center;padding:7px 10px;border:1px solid #999;border-radius:5px;}

/* 체크박스 */
.checkbox input[type="checkbox"]{position:absolute;top:0;left:0;width:100%;height:30px;margin:0;opacity:0}
.checkbox input[type="checkbox"] + label{display:inline-block;width:100%;height:30px;vertical-align:middle;background:url('../img/checkbox.png') no-repeat left center;}
.checkbox input[type="checkbox"]:checked + label{background:url('../img/checkbox-on.png') no-repeat left center;}
.checkbox{position:relative;display:inline-block;width:30px;height:30px;margin-left:10px;}

/* 글자색상 */
.color_R{color:#f85353 !important}
.color_B{color:#000000 !important}

.hide{display: none;}

/* 개인정보 및 이용약관 */
.ft-info{margin: 70px 60px 50px; border: 1px solid #ddd; padding: 30px 15px;}
.ft-info .footer-tit{font-size:16px;font-weight:bold;margin-bottom:20px;}
.ft-info .footer-sub{font-size:15px;margin-bottom:15px;}
.ft-info div{margin-bottom:25px;line-height:1.7em;}
.ft-info div p{padding-left:15px;margin-bottom:15px;}
.ft-info table{margin:20px 0}
.ft-info table thead tr th{padding:5px 10px; text-align:center;border:1px solid #a0a0a0;}
.ft-info table tbody tr td{padding:5px 10px;border:1px solid #a0a0a0;}

.mypage .join .agree .footer-tit{font-size:16px;font-weight:bold;margin-bottom:20px;}
.mypage .join .agree .footer-sub{font-size:15px;margin-bottom:15px;}
.mypage .join .agree div{margin-bottom:25px;line-height:1.7em;}
.mypage .join .agree div p{padding-left:15px;margin-bottom:15px;}
.mypage .join .agree table{margin:20px 0}
.mypage .join .agree table thead tr th{padding:5px 10px; text-align:center;border:1px solid #a0a0a0;}
.mypage .join .agree table tbody tr td{padding:5px 10px;border:1px solid #a0a0a0;}

p.welcomeMsg {color: #D4D4D4;width: 97%;text-align: right;float: left;margin-top: 10px;}


/* temp */

a.icon-bad{color: #dedede;}
a.icon-good{color: #dedede;}

/* 공통 세로형 테이블 */
.vertical-head-table table{}
.vertical-head-table table tr{}
.vertical-head-table table thead tr{background:#f5f5f5}
.vertical-head-table table tr th, .vertical-head-table table tr td{border:1px solid #dadada;padding:15px 23px;}

.btn-chunk-img {
    cursor: pointer;
    display: inline-block;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    margin: 0 2px;
    padding: 6px 10px;
    background: #7fbe26;
    font-size: medium;
    border-radius: 10px;
}