@charset "utf-8";

/* 2017-04-07 체크박스오류수정 */
.chk_area label{display:inline-block;}
.chk_area input[type="checkbox"] {visibility:hidden; left:-99999px;}
/* // 2017-04-06 체크박스오류수정 */

.sub01-1 .join_visual .sb_title_wrap {background:url(/images/ims/bg_title01.png) no-repeat 50% 0;}

input::-webkit-input-placeholder {color:#444; font-size:14px;}

.slt_box.on ul {max-height:192px; overflow-y:auto;} /* 2017-04-05 */

.join h4 {height:40px; padding-bottom:10px; color:#444; font-size:18px; line-height:40px; font-weight:bold; border-bottom:2px solid #666;}
.join h5 {height:40px; padding-bottom:10px; color:#444; font-size:18px; line-height:40px; font-weight:bold; margin-top: 40px }
.join .join_step {overflow:hidden; padding:24px 0; margin-bottom:60px; border:1px solid #ccc;}
.join .join_step li {float:left; width:25%; text-align:center; background:url(/images/ims/icon_join_arrow.png) no-repeat 0 50%;}
.join .join_step li:first-child {background:none;}
.join .join_step li span {display:inline-block; padding-left:0; padding-top:50px; color:#666; font-size:14px;}
.join .join_step li.active span {color:#ee4a27;}
.join .join_step li.step1 span {background:url(/images/ims/icon_join_step01off.png) no-repeat 50% 0;}
.join .join_step li.step1.active span {background:url(/images/ims/icon_join_step01on.png) no-repeat 50% 0;}
.join .join_step li.step2 span {background:url(/images/ims/icon_join_step02off.png) no-repeat 50% 0;}
.join .join_step li.step2.active span {background:url(/images/ims/icon_join_step02on.png) no-repeat 50% 0;}
.join .join_step li.step3 span {background:url(/images/ims/icon_join_step03off.png) no-repeat 50% 0;}
.join .join_step li.step3.active span {background:url(/images/ims/icon_join_step03on.png) no-repeat 50% 0;}
.join .join_step li.step4 span {background:url(/images/ims/icon_join_step04off.png) no-repeat 50% 0;}
.join .join_step li.step4.active span {background:url(/images/ims/icon_join_step04on.png) no-repeat 50% 0;}

.join .step_guide {overflow:hidden; padding-top:10px; padding-left:20px;}
.join .step_guide li {padding:10px 0 10px 12px; color:#444; font-size:16px; background:url(/images/ims/bullet_list_dot.png) no-repeat 0 15px;}
.join .step_guide li:first-child {background: none}
.join .step_guide li div {overflow:hidden; width:100%; padding:30px 0; text-align:center;}
.join .step_guide li div a {display:inline-block; width:198px; height:63px; padding-top:135px; margin:0 10px; color:#444; font-size:18px; font-weight:bold; border:1px solid #d0d0d0;}
.join .step_guide li div a.phone {background:url(/images/ims/icon_join_phone.png) no-repeat 50% 44px;}
.join .step_guide li div a.pin {background:url(/images/ims/icon_join_pin.png) no-repeat 50% 48px;}

.join .inactive_account {overflow:hidden; padding-top:40px; text-align: center; margin-bottom: 85px}
.join .inactive_account p {font-size:34px; color:#444; line-height: 34px; margin-bottom: 10px}

.join .smking {padding: 35px; border:1px solid #ddd;}
.join .smking li {font-size:15px; color:#444; margin-bottom: 36px}
.join .smking li:last-child {margin-bottom: 0}
.join .smking li p {line-height: 22px}
.join .smking li span.step {display:block; font-weight: bold; margin-bottom: 10px}

.join .join_textarea {margin-top: 50px; position: relative}
.join .join_textarea h6 {font-size:16px; font-weight:bold; margin-bottom: 20px}
.join .join_textarea .exp_area {border: 1px solid #ddd; padding: 35px}
.join .join_textarea textarea {font-size:15px; line-height: 24px; display:block; border:none; width:100%}
.join .join_textarea .view_all {overflow: hidden; height: 0}

.join .view_clause {margin-top: 50px; position: relative}
.join .view_clause .txt_point01 {color:#e64c29;} /* 2017-04-18 약관수정 */
.join .view_clause h6 {font-size:16px; font-weight:bold; margin-bottom: 20px}
.join .view_clause h6 .clause {display:none}
.join .view_clause .exp_area {border: 1px solid #ddd; padding: 35px}
.join .view_clause textarea {font-size:15px; line-height: 24px; display:block; border:none; width:100%}
.join .view_clause .view_all {position: absolute; right:0px; top:0;}
.join .view_clause .view_all a {font-size:15px; font-weight: normal; border: 1px solid #d0d0d0; background: #f5f5f5; color:#333; padding: 10px 23px;}


.join .in_form {border-bottom:2px solid #666; font-size:14px; padding-bottom: 20px; margin-top: 30px}
.join .in_form strong {font-size:16px; margin-right: 10px; background: url(/images/ims/member/att_mark02.png) no-repeat left; padding-left:24px; margin-bottom: 8px; line-height: 16px;}
.join .in_form strong.org {background: url(/images/ims/member/att_mark01.png) no-repeat left; color:#ee4a27}

.join .member_done {margin: 50px 0 70px; text-align: center}
.join .member_done .welcome_text {font-size:32px;}
.join .member_done .mem_card {border: 2px solid #efefef; margin: 28px auto 0; background: #e64c29; width:540px; height:230px}
/* 2017-03-31 */
.join .member_done .mem_card .bar_code {overflow:hidden; background: #FFF; padding: 38px 90px 26px}
.join .member_done .mem_card .bar_code img {float:left; width:100%;}
/* // 2017-03-31 */
.join .member_done .mem_infotxt {margin-top: 30px; font-size:16px; line-height: 22px}
.join .member_done .mem_infotxt span.T3 {display:block}

.join .info_group .voc6-3 .chk_area .info_choice {font-weight: normal; padding-left: 26px;}

.inactive_pop {display:block; position: fixed; left:0; top:0; width:100%; height:100%; z-index: 9999; }
.inactive_pop .btn_close {position: absolute; top: 0; right:-54px; width:32px; height:0; overflow: hidden; background: url(../..//images/ims/button/btn_close.png) no-repeat 0 0;} /* 2017-04-13 popup수정*/
.inactive_pop .inact_wrap {position: absolute; left:50%; top:20%; margin:-30px 0 0 -280px; width:560px; background:#FFF; padding:48px 36px 38px; box-sizing:border-box; z-index: 10}
.inactive_pop .inact_wrap:after {content:""; display:block; clear: both;}
.inactive_pop .inact_wrap .txt_point01 {color:#e64c29;} /* 2017-04-18 약관수정 */
.inactive_pop .inact_wrap h4 {padding-bottom:18px; color:#444; font-size:22px; line-height:24px; font-weight:bold; border-bottom:2px solid #666;} /* 2017-04-13 popup수정*/
.inactive_pop .inact_wrap > div {position: relative; margin-top: 30px}
.inactive_pop .inact_wrap > div h5 {font-size:18px; line-height: 24px; margin-bottom: 20px}
.inactive_pop .inact_wrap > div li {font-size:16px; margin-bottom: 10px; background:url(/images/ims/bullet_list_dot.png) no-repeat 0 9px; background-size: 3px; padding-left: 10px; line-height: 22px}
.inactive_pop .inact_wrap .btn_done {min-width:180px}
.join .inactive {display:none}

/* 2017-03-31 추가*/
.inactive_pop.active .inact_wrap {margin-left:-40%; width:80%;}
.inactive_pop.active .inact_wrap > div {max-height:400px; overflow:hidden;}

.inactive_pop.active .inact_wrap .terms_info {position:relative; overflow:hidden; overflow-y:auto; margin:0; padding:15px; background:#fff;}
.inactive_pop.active .inact_wrap .terms_info > p {color:#000; font-size:12px; font-weight:bold; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.inactive_pop.active .inact_wrap .terms_info > div {overflow:hidden; padding:10px 0;}
.inactive_pop.active .inact_wrap .terms_info > div h5 {margin-bottom:10px; color:#000; font-size:16px; font-weight:bold; line-height:18px;}
.inactive_pop.active .inact_wrap .terms_info > div h6 {margin-bottom:10px; color:#333; font-size:12px; font-weight:bold; line-height:16px;}
.inactive_pop.active .inact_wrap .terms_info > div > p {margin-bottom:10px; color:#666; font-size:12px; line-height:16px;}

.inactive_pop.active .inact_wrap .terms_info > div ol {overflow:hidden; margin-bottom:10px; }
.inactive_pop.active .inact_wrap .terms_info > div ol li {margin-bottom:5px; padding:0; color:#666; font-size:12px; line-height:16px; background:0;}
.inactive_pop.active .inact_wrap .terms_info > div ol li ol {padding:10px;}
.inactive_pop.active .inact_wrap .terms_info > div ol li p {margin-top:5px;}
.inactive_pop.active .inact_wrap .terms_info > div table {width:100%; margin:5px 0; word-break:break-all;} /* 2017-04-18 css수정 */
.inactive_pop.active .inact_wrap .terms_info > div table thead tr th {padding:10px; color:#333; font-size:12px; text-align:center; border-left:1px solid #ededed; border-top:2px solid #cacacc; background:#f7f7f7;}
.inactive_pop.active .inact_wrap .terms_info > div table thead tr th:first-child {border-left:0;}
.inactive_pop.active .inact_wrap .terms_info > div table tbody tr th {padding:10px; color:#333; font-size:12px; text-align:left; border-top:1px solid #ededed; border-bottom:1px solid #ededed;} /* 2017-04-18 css수정 */
.inactive_pop.active .inact_wrap .terms_info > div table tbody tr td {padding:10px; color:#333; font-size:12px; border-left:1px solid #ededed; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
/* // 2017-03-31 추가*/

/* Button area */
.btn_all button,
.btn_all input { box-sizing: content-box; }
.btn_all { text-align: center; font-size: 0; }
.btn_all > * { display: inline-block; margin-left: 10px; vertical-align: middle; *display: inline; *zoom: 1; }
.btn_all > *:first-child { margin-left: 0; }
.btn_smking button,
.btn_smking input { box-sizing: content-box; }
.btn_smking { text-align: center; font-size: 0; }
.btn_smking > * { display: inline-block; margin-left: 10px; vertical-align: middle; *display: inline; *zoom: 1; }
.btn_smking > *:first-child { margin-left: 0; }
.btn_smarea button,
.btn_smarea input { box-sizing: content-box; }
.btn_smarea { text-align: center; font-size: 0; }
.btn_smarea > * { display: inline-block; margin-left: 10px; vertical-align: middle; *display: inline; *zoom: 1; }
.btn_smarea > *:first-child { margin-left: 0; }

.btn_all {text-align: center; margin-top:50px}
.btn_smking {text-align: center; margin-top:50px}
.btn_area {text-align: center; font-size:0; display:block}
.btn_smarea {display: none}

.btn_cancel {min-width: 138px; height:42px; line-height: 44px; font-size: 18px; font-weight:bold; border: 1px solid #444; color:#000; text-align: center;}
.btn_done {min-width: 138px; height:42px; line-height: 44px; font-size: 18px; font-weight:bold; border: 1px solid #444; background:#444; color:#FFF; text-align: center;}

.center_area {text-align: center; margin: 20px 0 50px;}
.center_area span:first-child {margin-right:28px;}

.clickwrap_area {text-align: center; margin: 20px 0 50px;}
.clickwrap_area span:first-child {margin-right:28px;}
.clickwrap_area .view_full {display: none}

.info_group .conts_text {margin-top: 18px;}
.info_group .conts_text p.org {color:#ee4a27}

.info_group .mk_text {margin-top: 18px;}

/* RadioBox*/
.iradio {display:inline-block; position: relative}
.iradio label {display:block; font-size:16px; color:#444; background:url(/images/ims/member/iradio_none.png) no-repeat; padding-left:24px; line-height: 22px; cursor: pointer;}
.iradio label em {font-weight:bold;}
.iradio input[type="radio"] {position:absolute; left:-9999px; top:0;}
.iradio input[type="radio"]:checked + label {background-image:url(/images/ims/member/iradio_check.png);}
.iradio.reverse {float:none;}
.iradio.reverse label {padding-left:26px; background-position:left top 1px;}

.fieldset_box {position: relative;}

.info_group {position: relative; padding:12px 0 12px 250px;}
.info_group.u_line {border-bottom: 1px solid #ddd;}
.info_group > label {position: absolute; left: 60px; width: 200px; font-size: 16px; line-height: 34px; vertical-align: middle; white-space: nowrap; word-wrap: normal; }
.info_group > label.lin_height {line-height: 24px}
.info_group > label span {font-size:14px; display:block;}

.info_pwgroup {position: relative; padding:12px 0 26px 250px;}
.info_pwgroup > label {position: absolute; left: 60px; width: 200px; font-size: 16px; line-height: 34px; vertical-align: middle; white-space: nowrap; word-wrap: normal; }
.info_pwgroup > label.lin_height {line-height: 24px}
.info_pwgroup > label span {font-size:14px; display:block;}
.info_pwgroup > label .chk_area {position: relative; top:-6px}
.info_pwgroup .inp_sltbox .btn_04 {color:#444; border:1px solid #bbb; background: #FFF; font-size:14px}

.info_text {position: relative; border: 1px solid #ddd; height: 32px; background-color: #fff;} /* 2017-04-04 */
.info_text.w-220 {width:234px} /* 2017-04-04 */
.info_text input {display: block; width: 100%; height: 100%; font-size: 14px; text-indent: 19px; line-height: 1; border: 0 none; background-color: transparent; } /* 2017-04-04 */
.info_text input[type="date"] {display: none}
.info_text span {position: absolute; top: 0; right: 0; cursor: pointer;min-width: 92px; height:34px; line-height: 34px; font-size: 14px; color:#FFF; background: #a9a9a9; text-align: center;}
.information_txt {line-height:32px; font-size:14px}
.info_group .conts_text {margin-top: 10px;}
.info_group .conts_text p {line-height: 20px}

.info_group .anni_text {margin-top: 10px;}

.info_mail {position: relative; border: 1px solid #ddd; height: 32px; background-color: #fff;} /* 2017-04-04 */
.info_mail input {display: block; width: 100%; height: 100%; font-size: 14px; text-indent: 19px; line-height: 1; border: 0 none; background-color: transparent; } /* 2017-04-04 */

.info_btn {position: absolute; top: -1px; left:325px}

.hr_type02 {background: #ddd; height:1px;}

.all_agree {background: #f3f3f3; height:52px; text-align: center; line-height: 52px; margin-bottom: 30px; position: relative}

.dash {position:relative; top:10px; font-size:24px;}
.e-txt {position:relative; top:10px; font-size:14px;}

.info_group .list_title {width:129px; text-align: left; padding-left: 26px; font-size:15px; float:left; line-height: 30px; box-sizing: border-box}
.info_group .m-height {min-height:60px}

.b_line {border-bottom: 1px solid #ddd}

/* 2017-04-17 voc6-3 수정 */
/* .voc6-3 { position: relative; padding-top: 25px; } css삭제 */
.voc6-3 .chk_area {display:inline-block;}
/* .voc6-3 .chk_area.se_line { position: absolute; left: 130px !important; top: 0; } css삭제 */
/* //2017-04-17 voc6-3 수정 */
.voc6-4 { position: relative; padding: 25px 0; }
.voc6-4 .chk_area { position: absolute; left: 0; top: 0; }
.voc6-5 { position: relative; padding-bottom: 12px; }
.voc6-5 .chk_area { position: relative; left: 0; top: 0; }
.voc6-5 .chk_area.sub_menu { position: relative; left: 130px !important; top: 0; }
.voc6-5 .chk_area.sub_brand {padding-left: 130px;}
.voc6-6 { position: relative; padding: 12px 0; }
.voc6-6 .chk_area { position: relative; left: 0; top: 0; }
.voc6-7 { position: relative; padding-bottom: 0; padding-top: 12px}
.voc6-7 .chk_area { position: relative; left: 0; top: 0; }
.voc6-7 .chk_area.sub_brand {padding-left: 130px;}

/* Select */
.join .info_group .select {position: relative; border: 1px solid #ddd; height: 32px; background-color: #fff; min-width: 150px;}
.join .info_group .select select {position: relative; height: 32px; background-color: #fff; padding:0 24px 0 14px; border: none;  font-size:14px; width:100%; box-sizing:border-box;} /* 2017-04-05 깨짐현상수정 */

/* 2017-04-24 알림 */
.notice_box {position:relative; margin-top:40px; padding-top:20px;}
.notice_box .title {position:absolute; top:0; left:0; display:inline-block; margin-top:0; padding:0 20px 0 45px; height:38px; color:#ee4a27; font-size:16px; line-height:38px; background:#fff url(/images/ims/member/att_mark01.png) no-repeat 20px 10px; border:1px solid #ddd;}
.notice_box .txt_box {padding:34px 20px 24px; font-size:14px; line-height:24px; background-color:#f4f4f4; border:1px solid #ddd;}
.notice_box .hyphen_list li {position:relative; padding-left:10px; font-size:14px;}
.notice_box .hyphen_list li:before {content:""; position:absolute; top:11px; left:0; width:4px; height:1px; background-color:#444;}
/* //2017-04-24 알림 */


/* 2017-10-26 추가 시작*/
.inactive_pop.active .inact_wrap .terms_info > div > p > em {font-size:15px; font-weight: 700;}
.inactive_pop .inact_wrap h4 > em {font-size: 28px; font-weight: 800;}
.inactive_pop.active .inact_wrap .terms_info > div table tbody tr td > em {font-size:15px; font-weight: 700;}
/* 2017-10-26 추가 끝*/

@media screen and (max-width: 960px) {
    .join h4 {padding:0; border:0; border-bottom:2px solid #666; font-size:16px;}
    .join h5 {padding:0; border:0; font-size:16px;}
    .join .join_step {padding:16px 0; margin-bottom:30px;}
    .join .join_step li span {min-height:28px; padding-top:0; padding-left:40px; line-height:28px;}
    .join .join_step li.step1 span {background:url(/images/ims/icon_join_step01off.png) no-repeat 0 50%; background-size:auto 28px;}
    .join .join_step li.step1.active span {background:url(/images/ims/icon_join_step01on.png) no-repeat 0 50%; background-size:auto 28px;}
    .join .join_step li.step2 span {background:url(/images/ims/icon_join_step02off.png) no-repeat 0 50%; background-size:auto 28px;}
    .join .join_step li.step2.active span {background:url(/images/ims/icon_join_step02on.png) no-repeat 0 50%; background-size:auto 28px;}
    .join .join_step li.step3 span {background:url(/images/ims/icon_join_step03off.png) no-repeat 0 50%; background-size:auto 28px;}
    .join .join_step li.step3.active span {background:url(/images/ims/icon_join_step03on.png) no-repeat 0 50%; background-size:auto 28px;}
    .join .join_step li.step4 span {background:url(/images/ims/icon_join_step04off.png) no-repeat 0 50%; background-size:auto 28px;}
    .join .join_step li.step4.active span {background:url(/images/ims/icon_join_step04on.png) no-repeat 0 50%; background-size:auto 28px;}

    .join .step_guide {padding:5px 0;}
    .join .step_guide li {padding:7px 0 7px 9px; font-size:14px; background-position:0 14px; background-size:2px;}

    .join .inactive_account {margin-bottom: 55px}
    .join .inactive_account p {font-size:24px; line-height: 24px; margin-bottom: 10px; font-weight:bold}

    .join .smking {padding: 25px 20px; border:1px solid #ddd;}
    .join .smking li {font-size:14px; color:#444; margin-bottom: 36px}
    .join .smking li:last-child {margin-bottom: 0}
    .join .smking li p {line-height: 22px}
    .join .smking li span.step {display:block; font-weight: bold; margin-bottom: 10px}

    .join .join_textarea .exp_area {border: 1px solid #ddd; padding: 20px}
    .join .join_textarea textarea {font-size:14px; line-height: 24px; display:block; border:none; width:100%}
    .join .join_textarea .view_all a {font-size:13px;padding: 8px 14px}

    .join .view_clause {margin-top: 50px; position: relative}
    .join .view_clause h6 {font-size:16px; font-weight:bold; margin-bottom: 20px}
    .join .view_clause .exp_area {border: 1px solid #ddd; padding: 35px}
    .join .view_clause textarea {font-size:15px; line-height: 24px; display:block; border:none; width:100%}
    .join .view_clause .view_all {display:block; position: absolute; right:0px; top:0;}
    .join .view_clause .view_all a {font-size:13px; font-weight: normal; border: 1px solid #d0d0d0; background: #f5f5f5; color:#333; padding: 8px 14px}

    .join .member_done .welcome_text {font-size:24px;}
    .join .member_done .mem_card {border: 2px solid #efefef; margin: 20px auto 0; background: #e64c29; width:400px; height:178px}
    .join .member_done .mem_card .bar_code {background: #FFF; padding: 20px 56px 16px}
    .join .member_done .mem_card .bar_code img {width:285px;}
    .join .member_done .mem_infotxt {margin: 20px auto 0; font-size:14px; line-height: 22px; width: 300px}

    .join .in_form {border-bottom:2px solid #666; font-size:14px; padding-bottom: 20px; margin-top: 20px}
    .join .in_form strong {font-size:16px; margin-right: 10px; display:block; background: url(/images/ims/member/att_mark02.png) no-repeat left; padding-left:24px; margin-bottom: 8px; line-height: 16px;}
    .join .in_form strong.org {background: url(/images/ims/member/att_mark01.png) no-repeat left; color:#ee4a27}

    .join .info_group .voc6-3 .chk_area .info_choice {font-size:12px; font-weight: normal; padding-left: 23px;}

    /* 2017-04-13 popup수정*/
    .inactive_pop {display:none;}
    .inactive_pop .inact_wrap {top:131px;}
    .inactive_pop .btn_close {top:-51px; right:0;}
    /* //2017-04-13 popup수정*/
    .join .inactive {display:block; overflow: hidden;color:#444; }
    .join .inactive h6 {font-size:18px; line-height: 38px; margin-bottom: 10px}
    .join .inactive li {font-size:14px; margin-bottom: 15px; background:url(/images/ims/bullet_list_dot.png) no-repeat 0 5px; background-size: 5px 2px; padding-left: 10px}
    .join .inactive li:last-child {margin-bottom: 0}
    .join .btn_done {min-width:170px}
    .join .btn_smarea {margin-top:50px}

    .center_area {text-align: center; margin: 20px 0 40px;}
    .clickwrap_area {text-align: center; margin: 20px 0 40px;}
    .clickwrap_area .view_full {display: none}

    .info_group {border-bottom: 1px solid #ddd; }
    .info_group > label {position: absolute; left: 20px; width: 200px; font-size: 14px; line-height: 34px; color:#000; vertical-align: middle; white-space: nowrap; word-wrap: normal; font-weight:bold; }
    .info_group > label span {font-size:14px; display:block;}

    .info_pwgroup {position: relative; padding:12px 0 30px 250px; border-bottom: 1px solid #ddd; }
    .info_pwgroup > label {position: absolute; left: 20px; width: 200px; font-size: 14px; line-height: 34px; color:#000; vertical-align: middle; white-space: nowrap; word-wrap: normal; font-weight:bold; }
    .info_pwgroup > label span {font-size:14px; display:block;}
    .info_pwgroup .chk_area span.info {font-size:12px; padding-left: 22px}

    .info_group .conts_text {margin-top: 18px;}
    .info_group .conts_text p.org {color:#ee4a27}

    .info_group .anni_text {margin-top: 8px;}

    .inp_sltbox > * {float:left}

    .hr_type02 {background: none; height:0;}

    .list_title {width:100%; text-align: left; font-size:14px;box-sizing: border-box; padding-left: 0; font-weight: bold}
    .m-height {min-height:0}

    /* Button area*/
    .btn_area {display:none}
    .btn_smarea {text-align: center; display: block}
    .btn_cancel {font-size:16px;}
    .btn_done {font-size:16px; display:inline-block}

    /* 2017-04-11 알림 */
    .notice_box .txt_box br {display:block;}
    /* //2017-04-11 알림 */
}


@media screen and (max-width: 640px) {

    input::-webkit-input-placeholder {color:#444; font-size:12px;}

    .join h4 {padding:0; font-size:14px; border:0;}
    .join h5 {padding:0; font-size:14px; border:0; margin-top: 15px}
    .join .join_step {padding:13px 0; margin-bottom:30px;}
    .join .join_step li {background-size:13px auto;}
    .join .join_step li span {padding-left:0; padding-top:30px; font-size:12px;}
    .join .join_step li em {display:none;}
    .join .join_step li.step1 span {background:url(/images/ims/icon_join_step01off.png) no-repeat 50% 0; background-size:auto 31px;}
    .join .join_step li.step1.active span {background:url(/images/ims/icon_join_step01on.png) no-repeat 50% 0; background-size:auto 31px;}
    .join .join_step li.step2 span {background:url(/images/ims/icon_join_step02off.png) no-repeat 50% 0; background-size:auto 31px;}
    .join .join_step li.step2.active span {background:url(/images/ims/icon_join_step02on.png) no-repeat 50% 0; background-size:auto 31px;}
    .join .join_step li.step3 span {background:url(/images/ims/icon_join_step03off.png) no-repeat 50% 0; background-size:auto 31px;}
    .join .join_step li.step3.active span {background:url(/images/ims/icon_join_step03on.png) no-repeat 50% 0; background-size:auto 31px;}
    .join .join_step li.step4 span {background:url(/images/ims/icon_join_step04off.png) no-repeat 50% 0; background-size:auto 31px;}
    .join .join_step li.step4.active span {background:url(/images/ims/icon_join_step04on.png) no-repeat 50% 0; background-size:auto 31px;}

    .join .step_guide {padding:10px 5px;}
    .join .step_guide li {padding:0 0 0 10px; font-size:12px; line-height:20px; background-position:0 9px; background-size:2px;}
    .join .step_guide li div {overflow:hidden; width:100%; padding:20px 0; text-align:center;}
    .join .step_guide li div a {display:inline-block; width:125px; height:41px; padding-top:92px; margin:0 5px; font-size:14px;}
    .join .step_guide li div a.phone {background-position:50% 27px; background-size:auto 52px;}
    .join .step_guide li div a.pin {background-position:50% 30px; background-size:auto 46px;}

    .join .inactive_account {margin-bottom: 0}
    .join .inactive_account p {font-size:16px; line-height: 20px;}
    .join .inactive_account p:last-child {margin-bottom: 0}
    .join .inactive_account p span {display: block}

    .join .smking {padding: 15px 10px; border:1px solid #ddd;}
    .join .smking li {font-size:12px; color:#444; margin-bottom: 26px}
    .join .smking li:last-child {margin-bottom: 0}
    .join .smking li p {line-height: 18px}
    .join .smking li span.step {display:block; font-weight: bold; margin-bottom: 10px}

    .join .join_textarea .exp_area {border: 1px solid #ddd; padding: 20px}
    .join .join_textarea textarea {font-size:12px; line-height: 20px; display:block; border:none; width:100%}
    .join .join_textarea .view_all {display: none}
    .join .join_textarea h6 {font-size:14px; font-weight:bold; margin-bottom: 20px; text-align: center}

    .join .view_clause {margin-top: 10px; position: relative}
    .join .view_clause h6 {font-size:14px; font-weight:bold; margin-bottom: 0; border: 1px solid #e3e3e3; background: #f5f5f5; padding: 10px 0 10px 15px;}
    .join .view_clause h6 .clause {display:block; width:40px; position: absolute; right:0; top: 0px}
    .join .view_clause h6 .clause a {display:block; background: url(/images/ims/member/ar_down.png) no-repeat center; width:40px; height:36px; text-indent: -9999px}
    .join .view_clause h6 .clause a.on  {background: url(/images/ims/member/ar_up.png) no-repeat center;text-indent: -9999px}
    .join .view_clause .exp_area {border: 0; padding: 20px 15px 0;}
    .join .view_clause .exp_area textarea {font-size:12px; line-height: 16px; display:block; border:none; width:100%; height:130px;}
    .join .view_clause .view_all {display:none}

    .join .member_done {margin: 20px 0 50px; text-align: center}
    .join .member_done .welcome_text {font-size:16px; font-weight:bold; width:50%; margin: 0 auto; line-height: 24px}
    .join .member_done .mem_card {border: 2px solid #efefef; margin: 20px auto 0; background: #e64c29; width:300px; height:150px}
    .join .member_done .mem_card .bar_code {background: #FFF; padding: 20px 46px 16px}
    .join .member_done .mem_card .bar_code img {width:205px;}
    .join .member_done .mem_infotxt {margin: 20px auto 0; font-size:12px; line-height: 16px;}
    .join .member_done .mem_infotxt span {display:block}

    .join .in_form {border-bottom:2px solid #666; font-size:12px; padding-bottom: 20px; margin-top: 10px}
    .join .in_form strong {font-size:14px; margin-right: 10px; display:block; background: url(/images/ims/member/att_mark02.png) no-repeat left; padding-left:24px; margin-bottom: 8px; line-height: 16px;}
    .join .info_group .slt_box a {padding: 0 6px}

    .join .chk_area label span.info {font-size: 12px; padding-left: 20px; color:#444}

    .join .info_group .voc6-3 .chk_area .info_choice {padding-left: 22px; vertical-align: 5px}
    .join .chk_area label span.list {min-width:24%;}

    .join .inactive h6 {font-size:16px; line-height: 38px; margin-bottom: 10px}
    .join .inactive li {font-size:12px; margin-bottom: 13px; line-height: 16px; background:url(/images/ims/bullet_list_dot.png) no-repeat 0 6px; background-size: 3px; padding-left: 6px}
    .join .inactive li:last-child {margin-bottom: 0}
    .join .btn_done {min-width:170px}
    .join .btn_smarea {margin-top:30px}

    .info_group {padding: 0 10px 10px; border: none;}
    .info_group > label {position: static; width:auto; font-size:12px; font-weight:bold;}
    .info_group > label.lin_height {line-height: 32px}
    .info_group > label span {font-size:12px; display:inline-block;}

    .info_pwgroup {padding: 0 10px 10px; border: none;}
    .info_pwgroup > label {position: static; width:auto; font-size:12px; font-weight:bold;}
    .info_pwgroup > label.lin_height {line-height: 32px}
    .info_pwgroup > label span {font-size:12px; display:inline-block;}
    .info_pwgroup > label .chk_area {position: absolute; top:0; left:65px; width:80px}
    .info_pwgroup .inp_sltbox .btn_04 {font-size:12px}

    .info_text {position: relative; border: 1px solid #ddd; height: 30px; background-color: #fff; width:23%;} /* 2017-04-04 */
    .info_text.w-220 { width:100%} /* 2017-04-04 */
    .info_text.w-120 { width:130px} /* 2017-04-04 */
    .info_text input {display: block; width: 100%; height: 100%; font-size: 12px; text-indent: 15px; line-height: 1; border: 0 none; background-color: transparent; } /* 2017-04-04 */
    .info_text span {position: absolute; top: 0; right: 0; cursor: pointer; min-width: 60px; height:32px; line-height: 32px; font-size: 12px; color:#FFF; background: #a9a9a9; text-align: center;}
    .information_txt {height:30px; line-height:30px; font-size:12px;}

    /* Select */
    .join .info_group .select {height: 30px; min-width: 24% !important;}
    .join .info_group .select select {height: 30px; padding:0 10px; font-size:12px; min-width: 0 }
    .join .info_group .select.mail_mob {min-width:39% !important;}
    .join .info_group .select.lw_mob {min-width:48% !important;}

    .info_mail {position: relative; border: 1px solid #ddd; height: 30px; background-color: #fff; width:23%;} /* 2017-04-04 */
    .info_mail input {display: block; width: 100%; height: 100%; font-size: 12px; text-indent: 15px; line-height: 1; border: 0 none; background-color: transparent; } /* 2017-04-04 */

    .slt_box {height:30px; background-position: right -5px center !important;}
    .slt_box.mw_mob {min-width:25% !important;}
    .slt_box.mail_mob {min-width:39% !important;}
    .slt_box.lw_mob {min-width:48% !important;}
    .smail_box {display:none}

    .iradio label {font-size:14px}

    .info_btn {position: absolute; top: -1px; left:0; right:0;}

    .dash {position:relative; top:10px; font-size:12px;}
    .e-txt {position:relative; top:10px; font-size:11px;}

    .hr_type02 {background: #ddd; height:1px;}

    .info_group .conts_text {margin:10px 0 0; font-size:11px;}
    .info_group .conts_text p { line-height: 16px}
    .info_group .conts_text p.mk {margin-top: 24px}

    .info_group .mk_text {margin-top:9px;} /* 2017-04-17 voc6-3 수정 */


    .info_group .list_title {width:100%; padding-left: 0; font-size:12px; float:left; line-height: 0; margin: 6px 0 12px}
    .info_group .m-height {min-height:auto;}

    /* .voc6-3 .chk_area.se_line {left:0 !important; width:100%; top:30px;} 2017-04-17 voc6-3 수정 css삭제 */
    .voc6-5 { position: relative; padding-bottom: 6px; }
    .voc6-5 .chk_area.sub_brand {padding-left: 0;}
    .voc6-7 .chk_area.sub_brand {padding-left: 0;}

    .b_line {border-bottom: 1px solid #d5d5d5;}

    .center_area {text-align: center; margin: 20px 0;}

    .clickwrap_area {text-align: left; margin:10px 0 20px; position: relative}
    .clickwrap_area .view_full {display:block; position: absolute; right:0px; top:4px;}
    .clickwrap_area .view_full a {font-size:12px; font-weight: normal; border: 1px solid #a3a3a3; background: #a3a3a3; color:#FFF; padding: 7px 10px}


    /* Button area */
    .btn_smking {margin-top: 20px}
    .btn_all {margin-top: 40px}
    .btn_all .btn_cancel {display:none}

    .btn_cancel {min-width: 96px; height:34px; line-height: 34px; font-size: 14px;}
    .btn_done {min-width: 96px; height:34px; line-height: 34px; font-size: 14px;}

    /* 2017-04-11 알림 */
    .notice_box {margin-top:35px; padding-top:0;}
    .notice_box .title {position:static; display:block; padding-right:0; font-size:14px; letter-spacing:-1px;}
    .notice_box .txt_box {padding:13px 20px 12px; font-size:12px; border-top:none;}
    /* //2017-04-11 알림 */

    /* 2017-04-13 popup수정*/
    .inactive_pop .inact_wrap {overflow:hidden; overflow-y:auto; top:110px; width:96% !important; max-height:75%; margin:0 0 0 -48% !important; padding:30px 10px;}
    .inactive_pop .btn_close {position:fixed; top:61px; right:2%;}
    /* //2017-04-13 popup수정*/

}