@charset "utf-8";

/************************************************************************
 * 파일명 : base.css
 * 설명  : Mobile 전체공통 CSS
 * 작성자 : (주)바이널
 * 작성일 : 2017.09.12
************************************************************************/

*   {margin:0;padding:0; -webkit-text-size-adjust:none;}
html    {height:100%; overflow-y:scroll;}
body    {position:relative; height:100%; color:#888; font-size:13px; line-height:18px; letter-spacing:0; word-break:keep-all; word-wrap:break-word;}
img     {border:0 none; vertical-align:top;}

a:link      {text-decoration:none}
a:visited   {text-decoration:none}
a:hover     {text-decoration:none}
a:active    {text-decoration:none}

ol, ul, li {list-style:none; -webkit-padding-start:0;}
button {padding:0; border:none; background:none; color:transparent; font-size:1px; cursor:pointer; letter-spacing:-1px;}
button::-moz-focus-inner {border:0;padding:0;}
label {vertical-align:middle; cursor:pointer;}
a, button, label {-webkit-tap-highlight-color:transparent; outline:none;}
input:disabled+label {cursor:default !important}
i, em {font-style:normal}

h1, h2, h3, h4 {font-weight:normal;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section   {display:block;}

table {width:100%; border-collapse:collapse; border-spacing:0;}
table caption {width:100%; height:0; overflow:hidden; opacity:0; font-size:medium; line-height:normal; word-break:break-all;}
table th,
table td {word-break:break-all; word-wrap:break-word; font-size:14px; line-height:21px;}

fieldset {border:0;}
legend {width:0; height:0; overflow:hidden; opacity:0; font-size:medium; line-height:normal; word-break:break-all;}
input, textarea, select {outline:none; color:#888; letter-spacing:-1px;}
select {position:relative; padding-right:13px; border:0; background:#fff url('../images/ico_select.png') right -21px no-repeat; background-size:15px 150px; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

.clfix:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.hide {position:absolute !important; overflow:hidden !important; width:1px !important; height:1px !important; clip:rect(0 0 0 0); font-size:medium; line-height:normal; color:transparent !important; word-break:break-all;}

/* form 요소 클릭 시 하단 button이 보이지 않을 경우 사용 */
.hidden_fixed .btm_btns {display:none !important;} 
body.modal_show {background:#fff;}
body.modal_show #wrap {visibility:hidden;}

strong {font-weight:normal;}
strong.bold {font-weight:bold;}

/* 정렬*/
.fl_l {float:left;}
.fl_r {float:right;}

.al_l {text-align:left;}
.al_r {text-align:right;}
.al_c {text-align:center;}
.al_t {vertical-align:top;}
.al_m {vertical-align:middle;}
.al_b {vertical-align:bottom;}

.rel {position:relative;}
.abs {position:absolute;}
.sta {position:static !important;}

.clear {clear:both;}
.ellip {width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.fc_org {color:#ff5a20;}
.fc_red {color:#3617ce;}
.fc_dgray {color:#666;}
.fc_gray {color:#888;}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.pt30 {padding-top:30px;}

.txt_pa {white-space:nowrap;}

#wrap {width:100%; padding-bottom:60px; overflow:hidden;}
.conts_wrap {padding-left:20px; padding-right:20px;}
.conts_wrap.line {border-top:0px solid #ddd;}
.fix_wrap {}
.fix_wrap.row2 {padding-bottom:60px;}



/* 상단문구 부가서비스 랜딩 페이지*/
.title_event text {position: absolute; z-index:0; right:24px; top:24px; font-family: 'Noto Sans KR', sans-serif; font-size:11pt; letter-spacing: -1pt; font-weight:700; color: #000; }
.title_event text red {font-family: 'Noto Sans KR', sans-serif; font-size:11pt; letter-spacing: -1pt; font-weight:700; color: #ff0000; }

/* 상단문구 생활서비스 랜딩 페이지*/
.title_event_life text {position: absolute; z-index:0; right:24px; top:24px; font-family: 'Noto Sans KR', sans-serif; font-size:11pt; letter-spacing: -1pt; font-weight:700; color: #000; }
.title_event_life text red {font-family: 'Noto Sans KR', sans-serif; font-size:11pt; letter-spacing: -1pt; font-weight:700; color: #ff0000; }

/* select */
.sel {display:inline-block; width:100%; padding:12px; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
.sel select {width:100%; border:0; color:#222; font-size:17px; line-height:26px;}

/* check */
.chk_wrap {position:relative; display:inline-block; vertical-align:middle;}
div.chk_wrap {display:block;}
.chk_wrap input {display:inline-block; position:absolute; z-index:0; left:4px; top:4px; opacity:0; filter:alpha(opacity=0);}
.chk_wrap label	{display:inline-block; min-width:1px; min-height:22px; padding:0 0 0 27px; font-size:14px; color:#222; line-height:21px; vertical-align:top; }
.chk_wrap input+label:after {content:''; position:absolute; left:0; top:1px; width:20px; height:20px; background:url('../images/sp_comm.png') no-repeat 0 -25px; background-size:300px 300px; border-radius: 50%;}
.chk_wrap input:checked+label:after {background-position:-30px -25px; border-radius: 50%;}
.chk_wrap input:disabled+label:after {background-position:-60px -25px; }
.chk_wrap input[checked]:disabled+label:after {background-position:-60px -25px;  }
.chk_wrap.ar label {padding:0 27px 0 0;}
.chk_wrap.ar input+label:after {left:auto; right:0;}
.chk_wrap.ar input {left:auto; right:2px;}

.rad_wrap {position:relative; display:inline-block; min-width:1px; min-height:24px; vertical-align:middle;}
div.rad_wrap {display:block;}
.rad_wrap input	{display:inline-block; position:absolute; z-index:0; left:2px; top:5px; opacity:0;}
.rad_wrap label	{display:inline-block; min-width:1px; min-height:22px; padding:0 0 0 27px; font-size:14px; color:#222; line-height:21px; vertical-align:top;}
.rad_wrap input+label:after {content:''; position:absolute; left:0; top:1px; width:20px; height:20px; background:url('../images/sp_comm.png') no-repeat 0 -55px; background-size:300px 300px;}
.rad_wrap input:checked+label:after {background-position:-30px -55px;}
.rad_wrap input:disabled+label:after {background-position:-60px -55px;}
.rad_wrap input[checked]:disabled+label:after {background-position:-60px -55px;}
.rad_wrap.ar label {padding:0 27px 0 0;}
.rad_wrap.ar input+label:after {left:auto; right:0;}
.rad_wrap.ar input {left:auto; right:2px;}


/* 안내문구 */
.list_bl_desc {margin:35px 0 0px 0;}
.list_bl_desc.tline {margin-top:0px; padding-top:0px; border-top:0px solid #eee;}
.list_bl_desc > li {position:relative; padding:0 0 0px 0px; font-family: 'Noto Sans KR', sans-serif;  color: #1d1d1d; font-size:14px; font-weight:300; line-height;1.7em;}
//.list_bl_desc > li:after {content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background:url('../images/sp_comm.png') 0 0 no-repeat; background-size:300px 300px;}
.list_bl_desc > li a.txt_link {margin-top:3px;}

.list_bl_desc.line {margin-top:20px; padding-top:10px; border-top:1px solid #eee;}

/* button */
/* text link */
a.txt_link {position:relative; display:inline-block; padding-right:8px; color:#3617ce; font-size:12px; line-height:18px;}
a.txt_link:after {content:''; position:absolute; right:0; top:4px; width:6px; height:9px; background:url('../images/sp_comm.png') -60px 0 no-repeat; background-size:300px 300px;}

a.tlink {color:#888;}

.box_tel .tel {display:inline-block; position:relative; padding-left:15px; color:#ff5a20; font-size:14px; line-height:21px;}
.box_tel .tel:after {content:''; position:absolute; left:0; top:5px; width:11px; height:11px; background:url('../images/sp_comm.png') -120px 0 no-repeat; background-size:300px 300px;}

/* 하단고정 button -> 점유인증가입영역 */
.fix_wrap .btm_btns_wrap {position:relative; z-index:50; height:50px; margin:0px 0 10px 0px; padding-bottom:0px;}
.btm_btns {position:relative; z-index:50; left:0; right:0; bottom:0; overflow:hidden;}
.btm_btns:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
.btm_btns button {float:left; width:100%; height:50px; background:#333; color:#fff; font-size:18px; line-height:48px; text-align:center; box-sizing:border-box;}
.btm_btns button.fl_l {width:50%;}
.btm_btns button.em {background:#3617ce; color:#fff;}
.btm_btns button[disabled] {background:#ddd; color:#666;}
















/* 점유영역 설명*/
.info_text uii {padding: 0 0 0 12px; height:30px; line-height:30px; font-family: 'Noto Sans KR', sans-serif; font-size:10pt; letter-spacing: -1pt; font-weight:300; color: #1d1d1d; }
.info_text_bottom {margin: 10px 0 40px 0px;}
.info_text_bottom uii { display: block;  font-family: 'Noto Sans KR', sans-serif; font-size:10pt; line-height:18px; letter-spacing: -1pt; font-weight:400; color: #ff0000; text-align: center; }


/* 하단고정 button -> 서비스가입완료 페이지 영역 */
.fix_wraps .btm_btns_wrap {position:relative; z-index:50; height:0px; margin:20px 0 0px 0px; padding-bottom:20px;}

/* 하단고정 button*/
.fix_wrap_target .btm_btns_target_wrap {position:relative; z-index:50; height:60px; margin:0 -20px;}
.btm_btns_target {position:fixed; z-index:50; left:0; right:0; bottom:0; overflow:hidden;}
.btm_btns_target:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
.btm_btns_target button {float:left; width:100%; height:60px; background:#333; color:#fff; font-size:18px; line-height:58px; text-align:center; box-sizing:border-box;}
.btm_btns_target button.fl_l {width:50%;}
.btm_btns_target button.em_target {background:#3617ce; color:#fff;}
.btm_btns_target button[disabled] {background:#ddd; color:#666;}


/* 하단고정 button 백업
.fix_wrap .btm_btns_wrap {position:relative; z-index:50; height:60px; margin:0 -20px;}
.btm_btns {position:fixed; z-index:50; left:0; right:0; bottom:0; overflow:hidden;}
.btm_btns:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
.btm_btns button {float:left; width:100%; height:60px; background:#333; color:#fff; font-size:18px; line-height:58px; text-align:center; box-sizing:border-box;}
.btm_btns button.fl_l {width:50%;}
.btm_btns button.em {background:#3617ce; color:#fff;}
.btm_btns button[disabled] {background:#ddd; color:#666;}*/


button.btn_comm, a.btn_comm {width:100%; height:50px; background:#333; color:#fff; font-size:15px; line-height:50px; text-align:center; box-sizing:border-box;}
button.btn_comm.em, a.btn_comm.em {background:#3617ce;}
button.btn_comm[disabled], button.btn_comm.em[disabled] {background:#ddd; color:#666;}

a.btn_comm {display:inline-block;}

/* contents title */
.dtit_wrap {padding:20px; background:#f3f0f0;}
.dtit_wrap .tit {color:#222; font-size:17px; line-height:26px;}
.dtit_wrap .sel {margin-top:10px; color:#222; font-size:17px; font-weight:bold; line-height:26px;}
.dtit_wrap .sel select {font-weight:bold;}

.tit_dep3 {margin:30px 0 10px; color:#222; font-size:17px; font-weight:bold; line-height:26px;}

.tit_dep4 {margin:30px 0 10px; color:#222; font-size:14px; line-height:20px;}

.tit_note {position:relative; margin:5px 0 5px 0px; padding-left:0px;  font-family: 'Noto Sans KR', sans-serif;  color: #1d1d1d; font-size:15px; font-weight:300;}
//.tit_note:after {content:''; position:absolute; left:2px; top:2px; width:11px; height:13px; background:url('../images/sp_comm.png') -30px 0 no-repeat; background-size:300px 300px;}

.tit_desc {padding:20px 20px 0; color:#888; font-size:13px; line-height:20px;}
.conts_wrap .tit_desc {padding-left:0; padding-right:0;}

/* 상단 tab */
.tab_t_wrap {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tab_t_wrap:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
.tab_t_wrap ul {float:left; width:100%;}
.tab_t_wrap li {float:left; width:50%; box-sizing:border-box;}
.tab_t_wrap li a {display:block; position:relative; background:#fff; height:59px; border-right:1px solid #ddd; color:#888; font-size:18px; line-height:60px; text-align:center; box-sizing:border-box;}
.tab_t_wrap li:last-child a {border-right:0;}
.tab_t_wrap li.on a {z-index:1; height:61px; margin:-1px 0 -1px -1px; padding-top:1px; padding-bottom:1px; border:1px solid #3617ce; color:#3617ce; font-weight:bold; line-height:58px;}
.tab_t_wrap li.on:first-child a {margin-left:0;}

.tab_t_wrap.num03 li {width:33.33%;}
.tab_t_wrap.num03 li:first-child {width:33.34%;}

/* table 1 */
.tb_type1 {padding-top:30px}
.tb_type1.pt0 {padding-top:0;}
.tb_type1 .top_info {padding-bottom:10px;}
.tb_type1 .top_info .em {color:#222; font-size:17px; line-height:26px;}
.tb_type1 .top_info .tit_dep3 {margin:0;}
.tb_type1 .btm_info {padding-top:20px;}
.tb_type1 table {border-top:1px solid #222; border-bottom:1px solid #eee;}
.tb_type1 thead th {padding:13px 8px; background:#f8f8f8; color:#666; font-size:14px; font-weight:normal; line-height:21px; text-align:center;}
.tb_type1 tbody th {padding:13px 0 13px 18px; border-bottom:1px solid #eee; color:#222; font-size:13px; font-weight:normal; line-height:20px; text-align:left; vertical-align:top;}
.tb_type1 tbody td {padding:13px 18px 13px 0; border-bottom:1px solid #eee; color:#222; font-size:13px; line-height:20px; text-align:right; vertical-align:top;}
.tb_type1 tbody td.al_l {padding:13px 0 13px 18px; text-align:left;}
.tb_type1 tbody td.al_c {padding:13px 10px 13px 10px; text-align:center;}
.tb_type1 tfoot th {padding:13px 0 13px 18px; border-bottom:1px solid #eee; background:#fff; color:#666; font-size:13px; font-weight:normal; line-height:20px; text-align:left;}
.tb_type1 tfoot td {padding:13px 18px 13px 0; border-bottom:1px solid #eee; color:#3617ce; font-size:13px; line-height:20px; text-align:right;}

/* table 2 */
.tb_type2 {padding-top:30px;}
.tb_type2.pt0 {padding-top:0;}
.tb_type2.pt20 {padding-top:20px;}
.tb_type2 .top_info {padding-bottom:12px;}
.tb_type2 .top_info .em {color:#222; font-size:17px; line-height:26px;}
.tb_type2 .top_info .tit_dep3 {margin:0;}
.tb_type2 .top_info.tr {position:relative;}
.tb_type2 .top_info.tr .em {width:60%;}
.tb_type2 .top_info.tr .abs_r {position:absolute; right:0; top:5px; color:#222; font-size:12px; line-height:18px;}
.tb_type2 .btm_info {margin-top:10px;}
.tb_type2 table {border-top:1px solid #222;}
.tb_type2 tbody th {padding:18px 10px; border-bottom:1px solid #eee; background:#f8f8f8; color:#666; font-size:14px; font-weight:normal; line-height:21px; text-align:left;}
.tb_type2 tbody td {padding:18px 10px; border-bottom:1px solid #eee; background:#fff; color:#222; font-size:14px; line-height:21px; text-align:left;}
.tb_type2 tfoot th {padding:18px 10px; border-bottom:1px solid #eee; background:#fff; color:#666; font-size:13px; font-weight:normal; line-height:20px; text-align:left;}
.tb_type2 tfoot td {padding:18px 10px; border-bottom:1px solid #eee; color:#3617ce; font-size:18px; line-height:27px; text-align:right;}

.tb_type2 table.row thead th {padding:8px 10px; border-bottom:1px solid #ddd; background:#f2f2f2; color:#000; font-size:13px; line-height:20px; text-align:left;}
.tb_type2 table.row thead th:nth-of-type(1),
.tb_type2 table.row tbody td:nth-of-type(1) {border-right:1px solid #ddd;}
.tb_type2 table.row tbody td {padding:8px 10px; font-size:13px; line-height:20px; text-align:left;}
.tb_type2 table.row thead th.al_r, .module .tb_type2.row tbody th.al_r, .module .tb_type2.row tbody td.al_r {text-align:right;}


/* layer popup */
#lay_wrap {display:none; position:absolute; left:50%; top:50%; z-index:80; width:78%; background:#fff;}
#lay_wrap .lay_content {padding:40px 0;}
#lay_wrap .lay_footer {}
#lay_wrap .lay_footer:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
#lay_wrap .lay_footer button {float:left; width:100%; height:50px; background:#333; color:#fff; font-size:15px; line-height:50px; text-align:center; box-sizing:border-box;}
#lay_wrap .lay_footer button.fl_l {width:50%;}
#lay_wrap .lay_footer button.em {background:#3617ce;}

/* 알럿 형식 layer */
#lay_wrap.lay_alert {text-align:center;}
#lay_wrap.lay_alert strong.strong {color:#222; font-size:18px; line-height:27px;}
#lay_wrap.lay_alert .t_desc {margin:15px 0; font-size:13px; line-height:20px;}

#lay_wrap.full_lay {top:0; bottom:0; width:100%; border-top:1px solid #ddd; box-sizing:border-box;}
#lay_wrap.full_lay .lay_content {padding:0 0 100px; background:#fff; box-sizing:border-box;}

/* 새창 팝업 */
.full_pop {position:absolute; top:0; bottom:0; width:100%; height: 100%; border-top:0px solid #ddd; background:#fff;  }
.full_pop .pop_header {  height:68px;  border-bottom:1px solid #ddd; text-align:center; }
.full_pop .pop_header h1 { padding:0 56px; color:#222; font-size:21px; font-weight:bold; line-height:68px; word-break:break-all;}
.full_pop .pop_content { position:relative; background:#fff; height:100%; overflow: scroll;}
.full_pop .pop_terms_conts { padding:20px 25px 55px 25px; }
/* popup 하단 고정 button */
.full_pop .btm_btns_wrap { position:relative; height: -1px;}
.full_pop .btm_btns_wrap .btm_btns {position:fixed;  }

/* 새창 팝업 */
.pop_wrap {background:#fff;}
.pop_wrap .pop_header {height:68px; border-bottom:1px solid #ddd; text-align:center;}
.pop_wrap .pop_header h1 {padding:0 56px; color:#222; font-size:21px; font-weight:bold; line-height:68px; word-break:break-all;}
.pop_wrap .pop_footer button.btn {position:absolute; right:0; top:5px; height:5px; overflow:hidden; width:56px; height:56px; color:transparent;}
.pop_wrap .pop_footer button.btn:after {content:''; position:absolute; top:20px; left:20px; width:16px; height:16px; background:url('../images/sp_comm.png') -180px 0 no-repeat; background-size:300px 300px;}
.pop_wrap .pop_content {background:#fff;}
/* popup 하단 고정 button */
.pop_wrap .pop_content .btm_btns_wrap {position:relative; z-index:50; height:60px;}

/* 이동안내 popup */
#lay_cons {padding:30px 10px;}
#lay_cons strong.strong {display:block; width:62%; margin:0 auto; color:#222; font-size:18px; line-height:27px; text-align:center;}
#lay_cons .btm_desc {margin-top:20px; padding-top:20px; border-top:1px solid #eee;}
#lay_cons .t_desc {font-size:13px; line-height:20px;}
#lay_cons ul.list_bl_desc {margin-top:7px; margin-bottom:-2px;}
#lay_cons ul.list_bl_desc li {padding-bottom:2px;}

/* 입력 list */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; appearance:none; margin:0;}

.input_form {font-family: 'Noto Sans KR', sans-serif;}
.input_form .row:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
.input_form .row .if_wrap {float:left; width:50%;}
.input_form .row .if_wrap:nth-of-type(2) {border-left:1px solid #fff;}
	/* 휴대폰번호 */
.input_form .row_3:after {content:''; display:block; height:0; clear:both; visibility:hidden;}	
.input_form .row_3 .if_wrap {float:left; width:33.34%;}
.input_form .row_3 .row_mk {position:relative; float:left; width:33.33%; padding-right:14px; box-sizing:border-box;}
.input_form .row_3 .row_mk .txt {position:absolute; right:4px; top:50%; margin-top:-10px;}
.input_form .row_3 .row_mk .if_wrap {width:100%;}

/*점유인증영역*/
.input_form .if_wrap {position:relative; min-height:40px; height:49px; margin-top:-1px; padding:0 12px; border:1px solid #ddd; background:#fff; box-sizing:border-box;  font-family: 'Noto Sans KR', sans-serif;}
.input_form .if_wrap label {display:block;  color:#888; font-size:15px; line-height:48px;}
.input_form .if_wrap input, .input_form .if_wrap select {position:absolute; z-index:-10; left:12px; bottom:11px; width:96%; padding:0 0; border:0; background:transparent; color:#888; font-size:13px; line-height:27px; box-sizing:border-box; opacity:1;}
/*.input_form .if_wrap input::-webkit-input-placeholder {color:#fff; opacity:0.5;}
.input_form .if_wrap input::-moz-placeholder {color:#fff; opacity:0.5;}
.input_form .if_wrap.read input::-webkit-input-placeholder {color:#888;}
.input_form .if_wrap.read input::-moz-placeholder {color:#888;}
.input_form .if_wrap textarea::-webkit-input-placeholder {color:#888; font-size:13px; line-height:27px; letter-spacing:-1px;}
.input_form .if_wrap textarea::-moz-placeholder {color:#888; font-size:13px; line-height:27px; letter-spacing:-1px;}*/

/*.input_form .if_wrap input[type="password"]::-webkit-input-placeholder {letter-spacing:0;}
.input_form .if_wrap input[type="password"]::-moz-placeholder {letter-spacing:0;}*/
.input_form .if_wrap input[type="password"] {letter-spacing:16px;}

.input_form .if_wrap.over {z-index:1; border:0px solid #3617ce; background:#3617ce;}
.input_form .row .if_wrap.over:nth-of-type(2) {border-left:1px solid #3617ce;}
 .input_form .if_wrap.over input, .input_form .if_wrap.over select, .input_form .if_wrap.over textarea {color:#fff;}

.input_form .if_wrap.on {}
.input_form .if_wrap.on input, .input_form .if_wrap.on select, .input_form .if_wrap.on textarea {color:#3617ce;}

.input_form .if_wrap.over select {background:url('../images/ico_select.png') right -51px no-repeat; background-size:15px 150px;}
.input_form .if_wrap.on select {background:url('../images/ico_select.png') right -21px no-repeat; background-size:15px 150px;}

.input_form .if_wrap.read {background:#f8f8f8;}

.input_form .if_wrap.over label, .input_form .if_wrap.on label, .input_form .if_wrap.read label {padding:0; font-size:0px; line-height:0px;}
.input_form .if_wrap.over input, .input_form .if_wrap.on input, .input_form .if_wrap.read input,
.input_form .if_wrap.over select, .input_form .if_wrap.on select, .input_form .if_wrap.read select {position:relative; font-size:18px; font-weight: 400; line-height:49px;left:0; bottom:0; z-index:1; width:100%; opacity:1;}

.input_form .if_wrap.ta {min-height:49px; padding:20px 0 20px 12px;}
.input_form .if_wrap.ta label, .input_form .if_wrap.ta.over label, .input_form .if_wrap.ta.on label {position:absolute; overflow:hidden; width:1px; height:1px; padding:0; color:transparent; opacity:0;}
.input_form .if_wrap.ta textarea {position:relative; left:0; bottom:0; width:100%; height:50px; border:0; background:transparent; color:#888; font-size:13px; line-height:27px; box-sizing:border-box; resize:none;}
.input_form .if_wrap.ta.over textarea {color:#fff;}
.input_form .if_wrap.ta.on textarea {color:#3617ce;}


.btn_right button.em {background:#3617ce; color:#fff;}
.btn_right button[disabled] {background:#ddd; color:#666;}
.viewTimer { position:absolute; top:14px; right:13px; color:#3617ce; font-size: 15px; font-weight:500; }
.input_form .if_wrap.over .viewTimer { color:#fff; opacity: 0.7; font-weight:400; }
.btn_center button.em {background:#3617ce; color:#fff; height: 60px; line-height: 60px; font-size: 18px; }
.btn_center button[disabled] {background:#ddd; color:#666; height: 60px; line-height: 60px; font-size: 18px; }

/*점유인증영역*/


/* 입력 list */
.input_form .choice_wrap {padding-bottom:15px;}
.input_form .choice_wrap .rad_wrap {margin-left:18px;}
.input_form .choice_wrap .rad_wrap:first-child {margin-left:0;}

.input_form .btn_wrap {margin-top:5px;}

	/* 보조문구가 있을 경우(할부) */
.input_form .if_wrap.interest {margin-bottom:60px;}
.input_form .if_wrap.interest .list_bl_desc {position:absolute; left:0; bottom:-30px; width:100%;}

	/* 인증 */
.input_form .cert_wrap {display:none; position:relative;}
.input_form .if_wrap.cert input {position:absolute; z-index:1; left:12px; bottom:22px; width:144px; opacity:1;}
.input_form .if_wrap.cert input::-webkit-input-placeholder {color:#888; opacity:1;}
.input_form .if_wrap.cert.over input::-webkit-input-placeholder {color:#fff;}
.input_form .cert_wrap .time {position:absolute; z-index:6; right:88px; top:27px; font-size:13px; color:#888; line-height:20px;}
.input_form .cert_wrap .if_wrap.cert.over + .time {color:#fff;}
.input_form .cert_wrap .if_wrap.cert.on + .time {color:#3617ce;}
.input_form .cert_wrap .btn_comm {position:absolute; z-index:6; right:12px; top:22px; width:auto; height:30px; padding:0 10px; font-size:13px; line-height:30px;}
.input_form .cert_fin {display:none; padding:20px; background:#f8f8f8; color:#222; font-size:14px; line-height:21px;}

	/* 주소검색 */
.add_form {}
.add_form .af_wrap {position:relative; min-height:75px; margin-top:-1px; padding:24px 12px 23px 12px;  border:1px solid #ddd; background:#f8f8f8; box-sizing:border-box;}
.add_form .af_wrap label {position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0 0 0 0); color:transparent;}
.add_form .af_wrap input {width:100%; border:0; background:transparent; color:#3617ce; font-size:18px; line-height:27px; box-sizing:border-box;}
.add_form .af_wrap textarea {width:100%; height:27px; border:0; background:transparent; color:#3617ce; font-size:18px; line-height:27px; box-sizing:border-box; resize:none;}
.add_form .af_wrap.post input {width:150px;}
.add_form .af_wrap.post .btn_comm {position:absolute; right:12px; top:12px; width:auto; height:50px; padding:0 14px; font-size:17px; line-height:50px;}

.add_form .af_wrap input::-webkit-input-placeholder {color:#888;}
.add_form .af_wrap input::-moz-placeholder {color:#888;}
.add_form .af_wrap textarea::-webkit-input-placeholder {color:#888;}
.add_form .af_wrap textarea::-moz-placeholder {color:#888;}

/* 하단 정보 */
.bottom_conts {padding:0 20px;}
.bottom_conts.line {margin-left:20px; margin-right:20px; padding:0 0;  border-top:0px solid #eee;}
.conts_wrap .bottom_conts {padding:0 0;}

/* 스플래시 */
body.splash img {width:100%;}

/* error */
.error_wrap {border-top:1px solid #ddd;}
.error_conts {position:absolute; left:0; top:50%; width:100%; padding:94px 0 0; text-align:center; box-sizing:border-box;}
.error_conts.e_404 {height:124px; margin-top:-92px;}
.error_conts.e_500 {height:154px; margin-top:-107px;}
.error_conts.e_data {height:184px; margin-top:-122px;}
.error_conts.e_net {height:184px; margin-top:-126px;}
.error_conts:before {content:''; position:absolute; left:50%; top:0; width:80px; height:80px; margin-left:-40px; background:url('../images/sp_comm.png') 0 -90px no-repeat; background-size:300px 300px;}
.error_conts.e_404:before {background-position:0 -90px;}
.error_conts.e_500:before {background-position:-100px -90px;}
.error_conts.e_data:before {background-position:-200px -90px;}
.error_conts.e_net:before {background-position:0 -190px;}
.error_wrap strong.em {display:block; color:#222; font-size:22px; line-height:30px;}
.error_wrap p.t_desc {padding-top:10px; color:#888; font-size:13px; line-height:20px;}

/* 약관 */
.full_pop.terms .pop_header {height:auto; padding:20px; border-bottom:1px solid #eee; text-align:left;}
.full_pop.terms .pop_header h1.sub_h {padding:0; color:#222; font-size:17px; font-weight:normal; line-height:26px;}
.terms .terms_conts {position:relative; padding:20px 20px 0; background:#fff; color:#888; font-size:13px; line-height:20px; box-sizing:border-box;}
.terms .tm_tit {padding-bottom:10px; color:#222; font-size:15px; line-height:23px;}
.terms .tm_tit + .tm_tit1 {padding-top:10px;}
.terms .tm_tit1 {padding-bottom:10px; color:#222; font-size:13px; line-height:20px;}
.terms p.bold {padding-bottom:5px;}
.terms p.bold strong {font-weight:bold;}
.terms .tm_txt {padding-bottom:20px;}
.terms .tm_txt p {padding-top:10px;}
.terms .tm_txt p:first-child {padding-top:0;}
.terms .list_tm {padding-bottom:20px;}
.terms .list_tm li {position:relative; padding-top:10px;}
.terms .list_tm > li:first-child {padding-top:0;}
.terms .list_tm li li li {padding-top:5px;}
.terms .tb_type1 {padding:10px 0;}
.terms .tb_type1 thead th {padding:13px 3px; border-left:1px solid #eee;}
.terms .tb_type1 tbody th {padding:10px 3px; border-left:1px solid #eee; font-weight:normal;}
.terms .tb_type1 tbody td {padding:10px 3px; border-left:1px solid #eee; text-align:left;}
.terms .tb_type1 thead th.first, .terms .tb_type1 tbody th.first, .terms .tb_type1 tbody td.first {border-left:0;}
.terms .tb_type1 tbody td .list_tm {padding-bottom:0;}


/* 로딩 팝업 */
.div_ajax_loading{display:block;height:100%;width:100%;z-index:1000; position: fixed;text-align:center;top:0;left:0;}
.div_ajax_loading_sub {width:100%;height:100%;float:center;filter:alpha(opacity=70);-moz-opacity:0.8;opacity:0.7; background:#7d5858; text-align:center;}
.div_ajax_loading_sub img{width:12%; float:center; padding-top:80% ;}


.logo_info:after{content:'';display:;height:10px;margin-top:0px;background:#f3f0f0}
.button {
  background-color: #3617ce;
  width: 125px;
  border: none;
  color: white;
  padding: 22px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}