@charset "UTF-8";

/*--------------------*/
/*  Reset
/*--------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
} 
/*div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,fieldset,legend,textarea,p,blockquote,th,td,input[type="checkbox"], input[type="radio"] {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	}*/
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
hr,caption,figcaption{display:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
body {-webkit-text-size-adjust:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],
select {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
a {text-decoration:none; color: inherit;}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,i,var {font-style:normal;font-weight:400}
html, body {width:100%;color:#333; font-size:15px; -webkit-overflow-scrolling: touch; line-height:1;letter-spacing: -0.8px; }
button{outline:none;}
button:focus{outline:none;}

/*--------------------*/
/*  form
/*--------------------*/
textarea {box-sizing:border-box; display:block; border:1px solid #d3d3d3; width:100%; height:130px; padding:4px 10px; resize:none;}
select {box-sizing:border-box; border:1px solid #e4e4e4;height:40px;padding:0 10px;background:url('/static/img/free/bull_arrow.gif') no-repeat 95% 50%;background-size:11px;color:#3f3f3f; -webkit-appearance: none; -moz-appearance: none; }
select::-ms-expand {display: none;}
input[type="text"],
input[type="password"],
input[type="tel"] {box-sizing:border-box; border:1px solid #e4e4e4;height:40px;padding:0 10px;}
.label {display:inline-block; margin-right:20px;}
.label input[type="radio"],
.label input[type="checkbox"] {vertical-align:middle;}
input::-webkit-input-placeholder {color: #ccc;}
input:-ms-input-placeholder {color: #a3a3a3;}     
input::placeholder {color: #a3a3a3;opacity: 1;}


/* main 
*******************************************************************************/
.contents{overflow:hidden;width:100%;max-width:720px;margin:0 auto;height:100%;background:url("/static/img/free/bg_main.jpg") no-repeat center 0; background-size:cover;}
.header{width:100%;background-color:rgba(13,30,65,.6);text-align:center;}
.header img, h1 img{width:100%;}
h1{text-align:center;}
.boxBtn{margin-bottom:200px;}
.boxBtn .type_j{position:relative;display:block;margin-bottom:15px;width:265px;height:57px;background-color:transparent;text-align:center;
    color:#fff;font-size:15px;font-weight:bold;border-radius:25px;border:4px solid #83a3ac;box-sizing:border-box; margin: 0 auto 10px;padding-left:45px;}
.boxBtn .type_j .btnIcon{position:absolute;display:inline-block;left:65px; top:14px;}
.boxBtn .type_j .btnIcon img{width:20px;}

/* sub 
*******************************************************************************/
.contents_sub{overflow:hidden;width:100%;max-width:720px;margin:0 auto;height:100%; font-size:15px;}
.top{position:relative;}
.top img{width:100%;}
.top .txt_absol{position:absolute;top:40%;left:20px;color:#fff;font-size:24px;line-height:1.2;letter-spacing:-1px;}
.boxSubCon{padding:30px 12px 0;}
.boxSubCon > input[type="text"]{width:100%;}
.boxSubCon dl{overflow:hidden;width:100%;margin-bottom:15px}
.boxSubCon dl dt{width:100%;margin-bottom:7px;font-size:14px;}
/*.boxSubCon dl.num input,.boxSubCon dl.num select{width:30%;display:inline-block;}*/
/*.boxSubCon dl.num .bar{width:5%;display:inline-block;text-align:center;}*/
.boxSubCon .formNoti{padding:20px 0 20px;color:#006ba3;font-size:12px;line-height:1.5}
.boxSubCon .formNoti .bull_dia{display:inline-block;margin-right:10px;}
.boxSubCon .formNoti img{width:5px;vertical-align:middle;}
.boxSubCon button{width:100%;height:45px;text-align:center;color:#fff;border-radius:23px;background-color:#008ab7;font-size:15px;}
.boxSubCon button.bgstyle{background:url("/static/img/free/bg_btn.png") no-repeat center center;background-size:100%;line-height:45px;}
.boxSubCon button.bgstyle .btnIcon{display:inline-block;margin-right:8px;vertical-align:middle;height:35px;}
.boxSubCon button.bgstyle .btnIcon img{width:20px;height:22px}
.boxSubCon .asking{margin-bottom:20px;font-size:24px;color:#001c48;text-align:center;line-height:1.3}

/* 약관동의
*******************************************************************/
.boxSubCon .boxAgree{padding:23px 18px;margin-bottom:15px;border:1px solid #f2f2f2;box-sizing:border-box;}
.boxSubCon .boxAgree .btn_agreeAll{width:100%;padding-left:12px;height:40px;line-height:40px;color:#fff;background-color:#d9d9d9;border-radius:2px;cursor:pointer;}
.boxSubCon .boxAgree .btn_agreeAll.on{width:100%;padding-left:12px;height:40px;line-height:40px;color:#fff;background-color:#008ab7;border-radius:4px;}
.boxSubCon .boxAgree .checkingMark{display:inline-block;margin-right:10px;}
.boxSubCon .boxAgree .checkingMark img{width:18px;}
.innerBoxAgree{padding:20px 9px;}
.AgreeList{position:relative;}
.AgreeList p{font-size:13px;cursor:pointer;}
.AgreeList .fs11{font-size:11px;}
.AgreeList .absol{position:absolute;top:28px;left:39px;width:50px;height:30px;padding-right:10px;font-size:12px;color:#008ab7;background:url("/static/img/free/icon_btnArrow.png") no-repeat right 1px ;background-size:6px;letter-spacing:-1px;}
.chk{display:inline-block;margin-right:8px;width:30px;height:30px;background:url("/static/img/free/icon_check.png") no-repeat 0 0 ;background-size:98%;vertical-align: middle;}
.chk.on{display:inline-block;margin-right:8px;width:30px;height:30px;background:url("/static/img/free/icon_check_on.png") no-repeat 0 0 ;background-size:98%;vertical-align: middle;}
.btnBox{padding:0 18px;}

/*휴대폰인증
*******************************************************************/
.boxSubCon.cell select{width:75px;box-sizing:border-box;background-color:#f7f7f7;background:url("/static/img/free/icon_select.png") no-repeat 90% 15px;background-size:12px}
.boxSubCon.cell .dp_tbl{display:table;width:100%}
.boxSubCon.cell .dp_tclCell{display:table-cell;}
.boxSubCon.cell .dp_tclCell input{width:100%;margin-left:-1px;background-color:#f7f7f7;}
.boxSubCon.cell .dp_tclCell input.sty2{width:100%;margin-left:0px;background-color:#f7f7f7;}
.boxSubCon.cell .btn_gray{width:100%;height:40px;line-height:40px;color:#fff;background-color:#aab2b5;border-radius:2px;cursor:pointer;}
.spareTime{overflow:hidden;padding:10px 0 30px}
.spareTime p{color:#4d585f;font-size:11px;letter-spacing:-1px;}
.spareTime p span{color:#0036b8;font-size:11px;font-weight:600;}
.noti{color:#dc5868;font-size:11px;margin-bottom:50px;}
.noti li{list-style:disc;list-style-position:outside;margin:0 0 10px 17px;}
.noti p{margin-left:-3px;line-height:1.4}
.mbBtn{margin-bottom:15px;}
.mt_formNoti{margin-top:30px;margin-left:20px; text-indent:-10px;}
.foot_thu{text-align:center;padding-top:60px;}
.foot_thu img{height:33px;}

/* default
*******************************************************************/
.cell{padding:38px 23px 0;}
.of{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.w100{width:100%}
.pr3{padding-right:3px}
.mb9{margin-bottom:9px;}
.mb12{margin-bottom:12px;}
.mb25{margin-bottom:25px;}
.pt60{margin-top:60px;}
.liner{width:100%;height:1px;background-color:#e6e6e6;}
.mgtb60{margin:60px 0;}
.pt18{padding-top:18px;}

/* modal_alert
*******************************************************************/
.modal_alert{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);text-align:center;}
.modal_alert .alertBox{padding:72px 0 0 60px; width:200px;height:128px;margin-left:-125px;margin-top:-100px;border-top-left-radius:25px;border-top-right-radius:25px;position:fixed;top:50%;left:50%;background-color:#fff;text-align:center;}
.modal_alert .alertBox img{position:absolute;left:34px;top:72px;width:50px;}
.modal_alert .alertBox span{display:inline-block;text-align:left;color:#4d585f;font-size:14px;line-height:1.6}

/* 공통_alert
*******************************************************************/
.alert-wrap {display:none;overflow:hidden;position:fixed;left:0;top:0;bottom:0;width:100%;background:rgba(0, 0, 0, 0.7);z-index:500;}
.display-table {display:table;width:100%;height:100%;vertical-align:middle;}
.display-table .td {display:table-cell;height:100%;vertical-align:middle;text-align:center;padding-bottom:15px;font-size:13px;}
.alert-wrap .alert-area {position:relative;width:70%;margin: 0 auto; max-width:540px;}
.alert-wrap .alert-area .title {background: #4ba7f9;color: #fff;font-weight:700;font-size:16px;text-align:center;padding:10px 0;border-radius: 15px 15px 0 0;}
.alert-wrap .alert-area .btn-close {position:absolute;top:-25px;right:0;width:20px;height:20px;}
.alert-wrap .alert-area .contents_pop {background: #fff;padding: 25px 10px 25px 10px;}
.alert-wrap .btn-ok {display:block;margin:0 auto;text-align:center;background: #005aaa url(/static/img/free/btn_member.png) no-repeat 0 50%; background-size: auto 100%;color: #fff;font-size:14px;font-weight:700;padding: 8px 0 10px 0; width: 90%; border-radius:4px; margin-bottom: 15px;}
figure img {width:100%;height:auto;}