@charset "utf-8";

@import "base.css";

/*************************************************
	LAYOUT
*************************************************/
body {background:#f4f4f4;}
body.popopen, html.popopen {height:100%;overflow:hidden;}

#wrapper {padding:6.0rem 0 0;}

#header {position:fixed;left:0;right:0;top:0;width:100%;height:3.2rem;padding:1.4rem 0;background:#fff;text-align:center;z-index:100;border-bottom:0.1rem solid #dedede;}
#header .logo { position:relative; color:transparent; width:12.4rem; height: 3.2rem; margin:0 auto; }
#header .logo:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/icon_com.png) no-repeat 0 0;background-size:40rem 40rem;}
#header .page { position:absolute; top:7.2rem; right:1.5rem; color:#fff;  }
#header .page strong { color:#dc6623; font-weight:700; }

#footer {padding:0 0 1.2rem;background:#f5f5f5;text-align:center;}
#footer .btn_top {display:none;overflow:hidden;position:fixed;right:2.0rem;bottom:3.0rem;width:4.5rem;height:0;padding:4.5rem 0 0;border-radius:50%;background:rgba(0,0,0,0.35);z-index:59;}
#footer .btn_top:after {overflow:hidden;content:'';position:absolute;left:50%;top:50%;display:block;width:1.7rem;height:1.9rem;margin:-0.9rem 0 0 -0.9rem;background:url(../images/icon_com.png) no-repeat -3.0rem -16.5rem;background-size:40rem 40rem;}
#footer nav {display:table;width:100%;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
#footer nav a {display:table-cell;line-height:3.8rem;width:25%;}
#footer nav a + a {border-left:1px solid #ebebeb;}
#footer .info {text-align:center;}
#footer .info > li {display:inline-block;font-size:1.1rem;}
#footer .info > li:first-child {display:block;padding:2.0rem 0 0.5rem 0;}
/*#footer .info > li:first-child a {display:inline-block;overflow:hidden; width:16.3rem;height:1.7rem;background:url(../images/icon_com.png) no-repeat -8.8rem -16.5rem;background-size:40rem 40rem; color:transparent; }*/
#footer .info > li:first-child a {display:inline-block;overflow:hidden; width:20.8rem;height:1.7rem;background:url(../images/icon_com.png) no-repeat -8.8rem -9.6rem;background-size:40rem 40rem; color:transparent; }
#footer .info > li:first-child + li ~ li {position:relative;padding-left:1.2rem;}
#footer .info > li:first-child + li ~ li:before {content:'';display:inline-block;position:absolute;top:50%;left:0.4rem;margin-top:-0.07rem;width:0.2rem;height:0.2rem;background-color:#555;border-radius:0.1rem;}
#footer .notice {margin:1.5rem;}
#footer .notice > a {background:none;}
#footer .copy {margin:0.4rem 0 0;color:#666;font-size:1.0rem;letter-spacing:-0.05rem;}
#footer:empty:after {content:'FOOTER';line-height:13rem;}

.page_product ~ #footer {padding-bottom:5.7rem;}
.page_product ~ #footer .btn_top {margin-bottom:2.5rem;}

.page_main ~ #footer .btn_top, .popopen #footer .btn_top {display:none !important;}
.scroll #footer .btn_top {display:block;}

@media only screen and (max-width:609px) {
	#footer .info li:last-child {padding-left:0;}
	#footer .info li:last-child:before {display:none !important;}
}
@media only screen and (max-width:375px) {
	#footer .info > li:first-child + li ~ li {padding-left:0;}
	#footer .info > li:first-child + li ~ li:before {display:none !important;}
}

#container {background:#fff; padding:0 1.5rem 0;	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#container header {position:relative;background:#fff;margin:0 -1.5rem -1px;border-bottom:1px solid #dedede;text-align:center;z-index:60;}
#container header h1, #container header nav {position:relative;z-index:60;}
#container header h1 {font-size:1.8rem;line-height:5.2rem;font-weight:normal;background:#fff;}
#container header h1:after {content:'';display:inline-block;width:0.8rem;height:0.8rem;margin:0 0 0.4rem 1.0rem;border-left:1px solid #f36910;border-bottom:1px solid #f36910;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;}
#container header h1:only-child:after {display:none;}
#container .section {position:relative;margin:0 -1.5rem;padding:2.7rem 1.5rem;background:#fff; border-bottom:1px solid #ebebeb;}
#container .section + .section {margin-top:0.8rem; border-top:1px solid #ebebeb;}

#container > .section:last-child {padding-bottom:4.0rem;border-bottom:0;}
.btn_com_s {position:relative;display:inline-block;padding: 0.4rem 1.2rem;color:#111;border: 0.1rem solid #bbb; border-radius: 0.3rem; background:#fff; }

.section.scroll_box { overflow:hidden; overflow-y:auto; box-sizing:border-box; }
.section.scroll_box .btn_area1 { position:fixed; bottom:1.0rem; height:4.40rem; width:100%; margin:0 -1.5rem; padding:0 1.0rem; box-sizing:border-box; }

#wrapper.oz_wrap { position: relative; padding:0; background:#fff; }
#wrapper.oz_wrap #header { background-color:rgba(255,255,255,0.9); transition:all 0.5s ease-out;}
#wrapper.oz_wrap #header h2 { margin:1.4rem 0 0 0; background-color:rgba(80,82,95,0.9); font-size:1.4rem; text-align:left; padding:1.0rem 1.5rem; color:#fff; font-weight:400;  }
#wrapper.oz_wrap #header.on { opacity:0; top:-5.0rem;}
#wrapper.oz_wrap.confirm { padding-top:10.0rem; background:#fff; height: -webkit-calc(100% - 10.0rem); height: -moz-calc(100% - 10.0rem); height: calc(100% - 10.0rem);}

#wrapper.oz_wrap .btns_wrap, #wrapper.oz_wrap .btn_area1 { position:fixed; bottom:0; left:0; right:0; padding:1.5rem 1.0rem 0.5rem; margin:0; text-align:right; background:#f4f4f4; z-index:250; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden;  -webkit-transform-origin-z: inherit; }
#wrapper.oz_wrap .btns_wrap .btn_com, #wrapper.oz_wrap .btn_area1 .btn_com { line-height:2.5rem; margin-bottom:0.7rem; }
#wrapper.oz_wrap .btn_area1 { padding:1.5rem; }
#wrapper.oz_wrap .btn_area1 .btn_com { margin:0; }
#wrapper.oz_wrap > div {overflow:hidden;clear:both;}
#wrapper.oz_wrap .btn_com {padding:0 1.0rem;min-width:9.5rem;}
#wrapper.oz_wrap .btn_com + .btn_com {margin-left:0.5rem;}
#wrapper.oz_wrap .btns_wrap .btn_com:nth-child(1) { float:left; margin:0; }
#wrapper.oz_wrap .btn_com#outBtn {float:left;margin-left:0;}

#wrapper.oz_wrap .container { padding-bottom:6.8rem;}
.oz #OZViewer { padding-bottom:7.0rem; border:0 !important; box-sizing:border-box; border-style:inherit !important;  }

/* 서브타이틀1 */
.tit_sub1 {position:relative;margin:2.4rem 0 0.8rem;}
.tit_sub1 h2, .tit_sub1 h3 {margin:0 10rem 0 0;line-height: 2.0rem;}
.tit_sub1:not(div), div.tit_sub1 > h2, div.tit_sub1 > h3 {font-size:1.6rem;line-height:2.2rem;padding:0.3rem 0;}
.tit_sub1 p:not(.sub) {margin:0.2rem 0 0;}
.tit_sub1 > .sub {position:absolute;right:0;top:0;margin:0;}
.tit_sub1 > .sub.txt_icon1 {bottom:0.4rem;}
.tit_sub1 + p {margin:-0.1rem 0 1.2rem;}
.tit_sub1 + fieldset > .con_toggle1.agree {margin:0;}
.tit_sub1.center {text-align:center;}
h2.tit_sub1 > span, h3.tit_sub1 span {font-weight:normal;color:#666;}
p.tit_sub1 {font-weight:normal;line-height:2.2rem;}
.section > .tit_sub1:first-child {margin-top:0; padding-top:0; }

/* 서브타이틀1 */
.tit_sub2 {position:relative;margin:2.0rem 0 0;}
.tit_sub2:not(div), div.tit_sub2 > h2, div.tit_sub2 > h3 {font-size:1.4rem;line-height:2.8rem; }
strong.tit_sub2 { display:block; }
.tit_sub2 p:not(.sub) {margin:0.1rem 0 0;}
.tit_sub2 > .sub {position:absolute;right:0;top:0;margin:0;}
.section .tit_sub2:first-child {margin-top:0;}
.tit_sub1 + .tit_sub2 {margin-top:0;}
.tit_sub2 .choice { color:#666; font-weight:400; }
.tit_sub2 .point { color:#f36910;  font-weight:400; }

div.tit_sub2 { padding-right:8.0rem; min-height:2.8rem; }
div.tit_sub2 > h3 { line-height:2.0rem; padding:0.3rem 0 0 0; }

/* 서브타이틀2 */
.tit_sub3 {position:relative;margin:1.5rem 0 0;}
.tit_sub3:not(div), div.tit_sub2 > h2, div.tit_sub3 > h3 {font-size:1.4rem;line-height:2.4rem;}

/* ---------------------------------------------------------
	CONTENT 공통 : 폼유형
--------------------------------------------------------- */
/* 폼유형 :사이즈 */
.w50 {width:50%;}
.w100 {width:100%;}

/* 폼객체 :파일업로드 */
.form_file {}

/* 폼객체 :공통 */
input.text, textarea.textarea, .select_box, span.text {display:inline-block;padding:0.8rem 1.0rem;border:0.1rem solid #dedede;font-size:1.4rem;line-height:2.0rem;color:#444;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input.text, .select_box {height:3.8rem;}
input.text[disabled="disabled"], .select_box[disabled="disabled"] {background:#f4f4f4;border-color:#ededed;color:#a5a5a5;}
input.text[readonly="readonly"] {background:#f4f4f4;border-color:#ededed;}
input.text:focus, input.text.focus, .select_box:focus, textarea.textarea:focus {border-color:#f36910;}
input.text.error, .select_box.error {border-color:#e20000;}
input.text.price {text-align:right;}

::-webkit-input-placeholder {font-size:1.4rem;line-height:2.0rem;color:#a5a5a5;font-weight:normal;}
:-moz-placeholder {font-size:1.4rem;line-height:2.0rem;color:#a5a5a5;font-weight:normal;}
::-moz-placeholder {font-size:1.4rem;line-height:2.0rem;color:#a5a5a5;font-weight:normal;}
:-ms-input-placeholder {font-size:1.4rem;line-height:2.0rem;color:#a5a5a5;font-weight:normal;}

/* 폼객체 :입력필드 */
textarea.textarea {width:100%;display:block;}

/* 폼객체 :셀렉트박스 */
.select_box {height:3.8rem;padding-right:3.0rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/icon_com.png) 100% 100% no-repeat;background-size:40rem 40rem;}
.select_box {outline:0;padding-right:2.5rem;}
.select_box::-ms-expand {display:none;}

/* 주민등록번호 */
.form_number {text-align:center;}
.form_number input {float:left;width:45%;width:-webkit-calc(50% - 1.5rem);width:-moz-calc(50% - 1.5rem);width:calc(50% - 1.5rem);}
.form_number input ~ input {float:right;}
.form_number .unit {display:inline-block;line-height:3.8rem;}
input + .form_number {margin-top:1.0rem;}

/* 이메일 */
.form_email {overflow:hidden;text-align:center;}
.form_email > input[type="text"]:first-child, .form_email > .select_box {width:45%;width:-webkit-calc(45% - 1.0rem);width:-moz-calc(45% - 1.0rem);width:calc(45% - 1.0rem);}
.form_email > input[type="text"]:first-child {float:left; width:-webkit-calc(55% - 1.0rem);width:-moz-calc(55% - 1.0rem);width:calc(55% - 1.0rem);}
.form_email > .select_box {float:right;}
.form_email > .select_box + input[type="text"], .form_email > input[type="text"]:only-of-type {float:left;width:70%;width:-webkit-calc(70% - 0.5rem);width:-moz-calc(70% - 0.5rem);width:calc(70% - 0.5rem);margin:1.0rem 0 0;}
.form_email > .select_box + input[type="text"]:last-child {clear:both;float:none;display:block;width:100%;margin:1.0rem 0 0;}
.form_email > .select_box + input[type="text"] + .btn_sub1, .form_email > input[type="text"]:only-of-type + .btn_sub1 {float:right;padding:0;width:28%;width:-webkit-calc(30% - 0.5rem);width:-moz-calc(30% - 0.5rem);width:calc(30% - 0.5rem);margin:1.0rem 0 0;}
.form_email > input[type="text"]:only-of-type, .form_email > input[type="text"]:only-of-type + .btn_sub1 {margin-top:0;}
.form_email .unit {display:inline-block;width:2.0rem;line-height:3.8rem;}

/* 전화번호 */
/*.form_telnum {position:relative;overflow:hidden;}
.form_telnum .select_box { width:100%; margin-bottom:1.0rem; }
.form_telnum input { width:100%; }*/
.form_telnum {position:relative;overflow:hidden;}
.form_telnum .select_box {float:left;margin-right:1rem;width:29%;width:-webkit-calc(30% - 1rem);width:-moz-calc(30% - 1rem);width:calc(30% - 1rem);}
.form_telnum select:nth-last-of-type(2) {float:none;margin:0 0 1.0rem;width:100%;}
.form_telnum input {float:left;width:40%;width:-webkit-calc(70% - 11.5rem);width:-moz-calc(70% - 11.5rem);width:calc(70% - 11.5rem);}
.form_telnum input:last-child {width:70%;}
.form_telnum .btn_sub1 {float:right !important;width:10.5rem !important;padding:0;}
.form_telnum .btn_sub1 + input {clear:both;display:block;width:80%;width:-webkit-calc(100% - 9rem);width:-moz-calc(100% - 9rem);width:calc(100% - 9rem);margin:1.0rem 0 0;padding-right:5rem;}
.form_telnum .btn_sub1 + input + span {position:absolute;bottom:1.0rem;right:10rem;color:#f39821;}
.form_telnum .btn_sub1:last-child {margin:1.0rem 0 0;width:8rem !important;}


.form_cert { position:relative;overflow:hidden; }
.form_cert input { width:100%; }
.form_cert span {position:absolute;bottom:1.0rem;right:1.0rem;color:#f39821;}

/* 은행 */
.form_bank {position:relative;overflow:hidden;}
.form_bank .select_box {float:left;margin-bottom:1rem;width:100%;}
.form_bank input {clear:both;display:block;width:80%;width:-webkit-calc(100% - 9rem);width:-moz-calc(100% - 9rem);width:calc(100% - 9rem);margin:1.0rem 0 0;padding-right:5rem;}
.form_bank .btn_sub1 {float:right !important;width:10.5rem !important;padding:0;}
.form_bank .btn_sub1:last-child {margin:-3.8rem 0 0;width:8rem !important;}

/* 주소 */
.form_address > input[type="text"]:first-child {float:left;width:60%;width:-webkit-calc(60% - 0.5rem);width:-moz-calc(60% - 0.5rem);width:calc(60% - 0.5rem);}
.form_address > input[type="text"]:first-child + button {float:right;width:35%;width:-webkit-calc(40% - 0.5rem);width:-moz-calc(40% - 0.5rem);width:calc(40% - 0.5rem);padding:0;}
.form_address > input[type="text"] ~ input[type="text"] {width:100%;margin:1.0rem 0 0;}

/* 날짜선택 */
.form_date {position:relative;display:block;}
.form_date > span {position:relative;display:inline-block;}
.form_date input {padding-right:3.5rem;width:100%;}
.form_date .ui-datepicker-trigger {position:absolute;right:1.0rem;top:0.8rem;overflow:hidden;display:inline-block;width:2.0rem;height:2.0rem;padding:0;line-height:2.0rem;vertical-align:middle;text-indent:5.0rem;white-space:nowrap;}
.form_date .ui-datepicker-trigger span {display:block;margin:-2.0rem 0 0;width:2.0rem;height:2.0rem;background:url(../images/com/icon_com.png) no-repeat -35.3rem 0;background-size:40rem 40rem;}

/* 주민등록번호 */
.form_card {text-align:center; overflow:hidden; }
.form_card input {float:left;width:-webkit-calc(50% - 0.5rem);width:-moz-calc(50% - 0.5rem);width:calc(50% - 0.5rem);}
.form_card input ~ input {float:right;}
input + .form_number {margin-top:1.0rem;}
.form_card_num  {text-align:center; overflow:hidden; width:calc(100% + 1.0rem); }
.form_card_num input { float:left; width:-webkit-calc(25% - 1.0rem);width:-moz-calc(25% - 1.0rem);width:calc(25% - 1.0rem); }
.form_card_num input:last-child { margin-right:0; }
.form_card_num span.unit { float:left; width:1.0rem; line-height:3.8rem; color:#bbb; }

/* 주민등록번호 - 성별 */
.form_number2 {position:relative;display:block;padding:0;background:#fff;box-sizing:border-box;}
.form_number2 .c1 {width:45% !important;}
.form_number2 > span {margin:0 3%;line-height:3.8rem;}
.form_number2.birth span + input  {width:10% !important;padding:0;text-align:center;}
.form_number2.birth em {font-size:2rem;font-weight:600;letter-spacing:-2.5rem;float:right;margin-right:1rem;line-height:4.2rem;}

/* 폼객체 :라디오버튼 및 체크박스 :기본 */
.label_form label {display:inline-block;font-size:1.4rem;line-height:2.4rem;cursor:pointer;}
.label_form label > input {position:absolute;opacity:0;}
.label_form label > span {position:relative;display:inline-block;padding:0.7rem 1.0rem 0.7rem 3.4rem;color:#111;letter-spacing:-0.1rem; }
.label_form label > span:before, .label_form label > span:after {content:'';display:block;position:absolute;}
.label_form label > span:before {left:0;top:0.7rem;width:2.2rem;height:2.2rem;border:0.1rem solid #bbb;background:#fff;border-radius:1.2rem;}
.label_form label input:disabled + span:before {background-color:#f4f4f4;border-color:#ededed;}
.label_form label input:checked + span:before {background-color:#f36910;border-color:#f36910;}
.label_form label input[type="checkbox"] + span:after {left:0.6rem;top:1.3rem;width:0.9rem;height:0.5rem;border-radius:0.1rem;border-left:0.3rem solid #dedede;border-bottom:0.3rem solid #dedede;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.label_form label input[type="radio"]:checked + span:after {left:0.7rem;top:1.4rem;width:1.0rem;height:1.0rem;border-radius:0.5rem;background:#fff;}
.label_form label input[type="checkbox"]:checked + span:after {border-color:#fff;}
.label_form.col2 {display:block;overflow:hidden;}
.label_form.col2 label {width:50%;float:left;}

.label_form.single label > span { font-size:1.2rem; padding-right:0; line-height:1.8rem;  }
.label_form.single label > span:before { top:0.5rem; }
.label_form.single label > span:after { top:1.2rem !important; }
.label_data.block > label { display:block; border-top:1px solid #dedede; padding:0.7rem 0; }
.label_data.block label:first-child, .label_form.block label:last-child { border-bottom:0; }
.label_data.block .add_block { display:block; margin:0.7rem 0 1.0rem 0 }
.label_data.block .add_block label:nth-child(2) { display:block; margin-top:0.2rem; }
.label_data.block .add_block label:nth-child(2) > span { padding:0.4rem 0 0 3.4rem; color:#666; line-height:1.4rem; min-height:2.4rem;  box-sizing:border-box; font-size:1.1rem; }
.label_data.block .add_block label:nth-child(2) > span:before { top:0; }
.label_data.block .add_block label:nth-child(2) > span:after { top:0.7rem; }

.label_box {display:block;overflow:hidden;text-align:center;}
.label_box label {float:left;width:45%;width:-webkit-calc(50% - 0.5rem);width:-moz-calc(50% - 0.5rem);width:calc(50% - 0.5rem);}
.label_box label + label {float:right;}
.label_box label input {position:absolute;opacity:0;}
.label_box label span {position:relative;display:block;padding:0.8rem 2.0rem;font-size:1.4rem;line-height:2.0rem;color:#111;border:0.1rem solid #dedede;}
.label_box label:first-child span {border-radius:0.2rem 0 0 0.2rem;}
.label_box label:last-child span {border-radius:0 0.2rem 0.2rem 0;}
.label_box label:focus span, .label_box label input:checked + span, .label_box label input:focus + span {color:#f36910;}
.label_box label input:checked + span {border-color:#f36910;z-index:1;}

.label_data { line-height:0; font-size:0; }
span.label_data { display:block; }
.label_data label {display:inline-block;font-size:1.3rem; cursor:pointer;}
.label_data label > input {position:absolute;opacity:0;}
.label_data label > span { position:relative;display:inline-block;padding:0.3rem 1.0rem 0.3rem 3.4rem;color:#111;letter-spacing:-0.1rem; font-size:1.3rem; line-height:2.4rem;  }
.label_data label > span:before, .label_data label > span:after {content:'';display:block;position:absolute;}
.label_data label > span:before {left:0;top:0.3rem;width:2.2rem;height:2.2rem;border:0.1rem solid #bbb;background:#fff;border-radius:1.2rem;}
.label_data label input:disabled + span:before {background-color:#f4f4f4;border-color:#ededed;}
.label_data label input:checked + span:before {background-color:#f36910;border-color:#f36910;}
.label_data label input[type="checkbox"] + span:after {left:0.6rem;top:1.0rem;width:0.9rem;height:0.5rem;border-radius:0.1rem;border-left:0.3rem solid #dedede;border-bottom:0.3rem solid #dedede;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.label_data label input[type="radio"]:checked + span:after {left:0.7rem;top:1.0rem;width:1.0rem;height:1.0rem;border-radius:0.5rem;background:#fff;}
.label_data label input[type="checkbox"]:checked + span:after {border-color:#fff;}
.label_data label input:disabled + span { cursor:none; }
.label_data label input:disabled + span:focus { outline:none; }
.label_data label.dis:focus { outline:none; }
.label_data label.dis { cursor:none; outline:none;  }

.info_con_box .n_box { padding:0; }
.cont_chk_box + .con_toggle1 { margin:1.0rem 0 0 0; }

.label_box.label_icon1 label span:before {content:'';display:inline-block;width:1.6rem;height:1.6rem;margin:0 0.8rem 0 -1.0rem;background:url(../images/icon_com.png) no-repeat 0 0;background-size:40rem 40rem;vertical-align:middle;}
.label_box.label_icon1 label:nth-of-type(1) span:before {background-position:-2.0rem -6.0rem;}
.label_box.label_icon1 label:nth-of-type(2) span:before {background-position:-3.6rem -6.0rem;}
.label_box.label_icon1 label:nth-of-type(1) input:checked + span:before {background-position:-2.0rem -7.6rem;}
.label_box.label_icon1 label:nth-of-type(2) input:checked +  span:before {background-position:-3.6rem -7.6rem;}
.label_box.label_icon2 label span:before {content:'';display:inline-block;width:1.6rem;height:1.6rem;margin:0 0.8rem 0 -1.0rem;background:url(../images/icon_com.png) no-repeat 0 0;background-size:40rem 40rem;vertical-align:middle;}
.label_box.label_icon2 label:nth-of-type(1) span:before {background-position:-23.6rem -4.0rem;}
.label_box.label_icon2 label:nth-of-type(2) span:before {background-position: -25.2rem -3.9rem;}
.label_box.label_icon2 label:nth-of-type(1) input:checked + span:before {background-position: -23.5rem -5.6rem;}
.label_box.label_icon2 label:nth-of-type(2) input:checked +  span:before {background-position:-25.3rem -5.6rem;}

.label_btn label > input {position:absolute;opacity:0;}
.label_btn label > span {position:relative;display:inline-block;padding:0.4rem 1.2rem 0.4rem 2.8rem;color:#111;border:0.1rem solid #bbb;border-radius:0.3rem;}
.label_btn label > span:after {content:'';display:block;position:absolute;}
.label_btn label input:checked + span {background-color:#f36910;border-color:#f36910;color:#fff;}
.label_btn label input[type="checkbox"] + span:after {left:1.0rem;top:0.8rem;width:0.9rem;height:0.5rem;border-radius:0.1rem;border-left:0.3rem solid #dedede;border-bottom:0.3rem solid #dedede;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.label_btn label input[type="checkbox"]:checked + span:after {border-color:#fff;}


/* 폼유형1 */
.form_area1 > div + div, .form_area > div + div {margin:1.5rem 0 0;}
.form_area1 > div > input[type="text"],
.form_area1 > div > input[type="tel"],
.form_area1  > div > select,
.form_area1 > div > input[type="password"]  {width:100%;}
.form_area1 > div.info_data2 + div {margin-top:-0.1rem;}
.form_area1 span.text {display:block;background:#f4f4f4;color:#a5a5a5;}
.form_area1 span.text.valueon {color:#111;}
p + .form_area1 {margin:1.0rem 0;}

.app_form { position:relative; display:inline-block; padding:0.7rem 2.0rem 0.7rem 3.4rem; margin-left:1.3rem; line-height:2.4rem;  }
.app_form:before { content:''; position:absolute; top:0.9rem; left:0; width:22px; height:22px; background:url(../images/ico_app_form.png) no-repeat 0 0; background-size:22px auto; }

/* ---------------------------------------------------------
	CONTENT 공통 : 탭
--------------------------------------------------------- */
/* 탭 타입1 */
.tab_type1 {margin:0.8rem -1.5rem 0;}
.tab_type1 ul { display:table; width:100%; }
.tab_type1 ul li { position:relative; display:table-cell; width:50%;  }
.tab_type1 ul li a {display:block;width:100%;height:4.7rem;border:1px solid #dedede;border-right:0;background-color:#f9f9f9;color:#111;line-height:4.6rem; font-size:1.4rem;text-align:center;box-sizing:border-box;}
.tab_type1 ul li:first-child a {border-left:0;}
.tab_type1 ul li.on a , .tab_type1 ul li[aria-selected='true'] a {background-color:#fff;border-bottom:1px solid #fff;color:#f36910}
.tab_type1 ul li.on:after, .tab_type1 ul li[aria-selected='true']:after {content:'';position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:0.2rem;background-color:#f36910;}
.tab_type1 ul li a:focus {color:#f36910}
.tab_type1 ul li a:focus:after {content:'';position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:0.2rem;}
.tab_type1 + .section {padding-top:1.1rem;border-top:0 !important;}
.tab_type1.col3 ul li {width:33%;}
.pop_modal2 .section .tab_type1 {margin:-2.0rem -1.5rem 1.5rem;}

/* 탭 타입3 카카오 인증 추가 */
.tab_type3 {margin:0.8rem -1.5rem 0;}
.tab_type3 ul { display:table; width:100%; }
.tab_type3 ul li { position:relative; display:table-cell; width:33%;  }
.tab_type3 ul li a {display:block;width:100%;height:4.7rem;border:1px solid #dedede;border-right:0;background-color:#f9f9f9;color:#111;line-height:4.6rem; font-size:1.4rem;text-align:center;box-sizing:border-box;}
.tab_type3 ul li:first-child a {border-left:0;}
.tab_type3 ul li.on a , .tab_type1 ul li[aria-selected='true'] a {background-color:#fff;border-bottom:1px solid #fff;color:#f36910}
.tab_type3 ul li.on:after, .tab_type1 ul li[aria-selected='true']:after {content:'';position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:0.2rem;background-color:#f36910;}
.tab_type3 ul li a:focus {color:#f36910}
.tab_type3 ul li a:focus:after {content:'';position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:0.2rem;}
.tab_type3 + .section {padding-top:1.1rem;border-top:0 !important;}
.tab_type3.col3 ul li {width:33%;}
.pop_modal2 .section .tab_type3 {margin:-2.0rem -1.5rem 1.5rem;}

/* 탭 */
.tab_type2 {overflow:hidden;position:relative;width:100%;padding: 0.1rem;border-radius:0.5rem;box-shadow:0 0 0 0.1rem #dedede inset; box-sizing:border-box; }
.tab_type2:before {content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:#dedede;z-index:0;}
.tab_type2 li {overflow:hidden; display:block;float:left;width:50%;height:4.4rem;box-sizing:border-box;background-color:#fafafa;border-bottom:1px solid #dedede;}
.tab_type2 li:first-child {border-top-left-radius:0.5rem; border-bottom-left-radius:0.5rem;  }
.tab_type2 li:first-child:nth-last-child(2) {border-bottom-left-radius:0.5rem;border-bottom:0;}
.tab_type2 li:nth-child(2) {border-top-right-radius:0.5rem;}
.tab_type2 li:nth-child(3) {border-bottom-left-radius:0.5rem;border-bottom:0;}
.tab_type2 li:last-child:nth-child(2n) {border-bottom-right-radius:0.5rem;border-bottom:0;}
.tab_type2 li a {position:relative;display:block;height:4.4rem;font-size:1.4rem;line-height:1.8rem;color:#111;text-align:center;box-sizing:border-box;}
.tab_type2 li a span {position:absolute;left:50%;top:50%;display:block;width:100%;padding:0 0.5rem;box-sizing:border-box;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform::translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;}
.tab_type2 li.on a:after, .tab_type2 li[aria-selected='true'] a:after {content:'';position:absolute;left:0;right:-0.1rem;top:-0.1rem;bottom:-0.1rem;background-color:#3e332e;z-index:1;}
.tab_type2 li:first-child.on a:after, .tab_type2 li:first-child[aria-selected='true'] a:after, .tab_type2 li:nth-child(3n).on a:after, .tab_type2 li:nth-child(3n)[aria-selected='true'] a:after {left:-0.1rem;}
.tab_type2 li:first-child.on a:after, .tab_type2 li:first-child[aria-selected='true'] a:after, .tab_type2 li:nth-child(2).on a:after, .tab_type2 li:nth-child(2)[aria-selected='true'] a:after  {bottom:0;}
.tab_type2 li:first-child:nth-last-child(2).on a:after, .tab_type2 li:first-child:nth-last-child(2)[aria-selected='true'] a:after, .tab_type2 li:last-child.on a:after, .tab_type2 li:last-child[aria-selected='true'] a:after {bottom:-0.1rem;}
.tab_type2 li.on a span, .tab_type2 li[aria-selected='true'] a span {color:#fff;}

.tab_type2.col3 li {width:33.33333%; border-bottom:0; }
.tab_type2.col3:before { content:'';display:block;position:absolute;top:0;bottom:0;left:33.33333%;width:1px;background-color:#dedede;z-index:2;}
.tab_type2.col3:after {content:'';display:block;position:absolute;top:0;bottom:0;right:33.33333%;width:1px;background-color:#dedede;}
.tab_type2.col3 li:nth-child(2) {border-radius:0;}
.tab_type2.col3 li:nth-child(3) {border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;border-bottom:0; border-bottom-left-radius:0;}

.tab_scroll_box { position:relative; width:100%; height:4.7rem; background:#f9f9f9; }
.tab_scroll_box .tab_type1 { overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; height:100%; margin:0;  }
.tab_scroll_box .tab_type1 ul { width:55.0rem;  height:4.7rem;  }
.tab_scroll_box .tab_type1 li { width:auto; }
.tab_scroll_box:after, .tab_scroll_box:before { content:''; position:absolute; top:0; left:0; width:100%; height:0.1rem; background:#dedede; }
.tab_scroll_box:before { bottom:0; top:inherit; }

.agree_box .tab_type1 { margin:0; }

.tab_type2 + .con_policy1 { margin-top:2.0rem; }
.tab_type1.tab_s ul li { vertical-align:top; }
.tab_type1.tab_s ul li a { font-size:1.2rem; line-height:1.6rem; padding:0.5rem 1.0rem; }

/* ui-tab : base layout ------------------------------------------ */
.ui-tab { position: relative; }
.ui-tab.fix_ui_tab, .ui-tab.tab-scroll { padding-top:70px; padding-bottom:100px;  /*overflow-y:scroll; -webkit-overflow-scrolling:touch;  */ /*height: 100%; margin-top:7.2rem; height: -webkit-calc(100% - 20.5rem); height: -moz-calc(100% - 20.5rem); height: calc(100% - 20.5rem); -webkit-overflow-scrolling: touch; */ }
.ui-tab-btns{position:relative; overflow:hidden; z-index:1}
.ui-tab-btns:after{content:""; display:block; clear:both;}

.ui-tab-pnls{box-sizing:border-box; position:relative; }
.ui-tab-pnl{box-sizing:border-box; }
.ui-tab-pnl,
.ui-tab-pnl[aria-hidden='true']{visibility:hidden; position:absolute; opacity: 0;}
.ui-tab-pnl[aria-hidden='false']{visibility:visible; position:relative; opacity: 1; z-index:1; }
.ui-tab > .ui-tab-pnls  { padding:0 1.5rem; }
.ui-tab > .ui-tab-pnls .ui-tab-pnls { padding:0; }
.ui-tab > .ui-tab-pnls .ui-tab-pnls .con {  padding-bottom:3.0rem; }
.ui-tab .ui-tab .ui-tab-btns { margin-bottom:2.0rem; }
.ui-tab > .ui-tab-pnls .ui-tab-pnls .ui-tab-pnl { /*min-height:60.0rem; */  height:calc(100vh - 28.0rem); overflow-y:auto; padding-bottom:5.0rem; box-sizing:border-box; }
.ui-tab > .ui-tab-pnls .ui-tab-pnls .ui-tab-pnl::-webkit-scrollbar { -webkit-appearance:none; width:7px;  }
.ui-tab > .ui-tab-pnls .ui-tab-pnls .ui-tab-pnl::-webkit-scrollbar-thumb { border-radius:4px; background-color:rgba(0,0,0,.5); -webkit-box-shadow:0 0 1px rgba(255,255,255,.5);  }

.ui-tab.tab-scroll > .ui-tab-btns,
.ui-tab.fix_ui_tab > .ui-tab-btns  { position:fixed; top:52px; left:0; width:100%;  z-index:250; right:0; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; -webkit-transform-origin-z: inherit;  }
.ui-tab.fix_ui_tab > .ui-tab-btns ul { height:4.9rem; }
.ui-tab > .ui-tab-btns > .tab-scroll-wrap {white-space:nowrap; display:flex; flex-wrap:nowrap; width:inherit; }
.ui-tab > .ui-tab-btns > .tab-scroll-wrap> .ui-tab-btn{flex:0; border:0; display:inheirt; width:inherit; }
.ui-tab > .ui-tab-btns > .tab-scroll-wrap> .ui-tab-btn a { padding:0 1.5rem; }
.ui-tab > .ui-tab-btns > .tab-scroll-wrap> .ui-tab-btn[aria-selected='true'] a { background:#fff }
.ui-tab.tab-scroll > .ui-tab-btns { overflow-x:scroll;  -webkit-overflow-scrolling:touch; width:100%; background:#f9f9f9; }
.ui-tab.tab-scroll > .ui-tab-btns:after, .ui-tab.tab-scroll > .ui-tab-btns:before { content:''; position:absolute; top:0; left:0; width:100%; height:1px; background:#dedede;  }
.ui-tab.tab-scroll > .ui-tab-btns:before { top:4.6rem; }

.ui-tab-pnls.agree_conts_box > .ui-tab-pnl { padding-bottom:10.0rem; }

#uiPopSign02 .ui-tab-pnls .ui-tab-pnl .con { -webkit-overflow-scrolling:touch; overflow-y:scroll; height:calc(100vh - 21.0rem); padding-bottom:8.0rem; box-sizing:border-box; }
#uiPopSign02 .ui-tab-pnls .ui-tab-pnl .con::-webkit-scrollbar { -webkit-appearance:none; width:7px;  }
#uiPopSign02 .ui-tab-pnls .ui-tab-pnl .con::-webkit-scrollbar-thumb { border-radius:4px; background-color:rgba(0,0,0,.5); -webkit-box-shadow:0 0 1px rgba(255,255,255,.5);  }


/* 기본 */
.con_toggle1 {margin:2.0rem 0;border-top:1px solid #111;border-bottom:1px solid #bbb;}
.con_toggle1 > li {position:relative;border-top:1px solid #ededed;}
.con_toggle1 > li:first-child {border-top:0;}
.con_toggle1 .heading {position:relative;min-height:3.8rem;padding:0.6rem 1.0rem 0.6rem 1.0rem;font-size:1.4rem;line-height:1.9rem;color:#111}
.con_toggle1 .heading:before {content:'';display:inline-block;width:0;margin:0 -4px 0 0;height:3.8rem;vertical-align:middle;}
.con_toggle1 .heading:before, .con_toggle1 .heading h2, .con_toggle1 .heading h3 {display:inline-block;vertical-align:middle;}
.con_toggle1 .heading .label_form {position:relative;z-index:10;}
.con_toggle1 .heading .toggle {position:absolute;display:block;top:0;right:0;left:0;height:100%;text-indent:-999em;z-index:1;}
.con_toggle1 .heading .toggle:before, .con_toggle1 .heading .toggle:after {content:"";position:absolute;display:inline-block;top:2.4rem;width:0.9rem;height:0.1rem;background:#666;transition:background-color 0.1s, transform 0.1s;}
.con_toggle1 .heading .toggle:before {right:1.6rem;transform:rotate(45deg);}
.con_toggle1 .heading .toggle:after {right:1.0rem;transform:rotate(-45deg);}
.con_toggle1 .heading .mes {margin:0 -2.0rem 0 3.4rem;padding:0 0 0.7rem;font-size:1.2rem;line-height:1.6rem;color:#333;}
.con_toggle1 .heading:only-child {padding-right:8.0rem;}
.con_toggle1 .con {overflow:hidden;height:0;padding:0 1.5rem;-webkit-transition:padding 0.3s ease;-moz-transition:padding 0.3s ease;-o-transition:padding 0.3s ease;transition:padding 0.3s ease;}
.con_toggle1 .con strong span { display:block; margin-top:0.5rem; color:#666; font-weight:400;   }
.con_toggle1.on .heading, .con_toggle1 .on .heading {color:#f36910;}
.con_toggle1.on .heading .toggle:before, .con_toggle1.on .heading .toggle:after, .con_toggle1 .on .heading .toggle:before, .con_toggle1 .on .heading .toggle:after {background:#f36910;}
.con_toggle1.on .heading .toggle:before, .con_toggle1 .on .heading .toggle:before {transform:rotate(-45deg);}
.con_toggle1.on .heading .toggle:after, .con_toggle1 .on .heading .toggle:after {transform:rotate(45deg);}
.con_toggle1.on .con, .con_toggle1 .on .con {height:auto;padding:0 1.5rem 2.0rem;}
.con_toggle1 + .con_toggle1 {margin-top:-2.0rem;}
.section > .con_toggle1:first-child {margin-top:0;}
.tit_sub2 + .con_toggle1, .tit_sub3 + .con_toggle1 {margin:1.0rem 0 0;}
.tit_sub1 + .con_toggle1 {margin-top:1.0rem;}
.con_toggle1 + .form_area { margin-top:3.0rem; }

/* 문구 : 폼validation */
.mes_validate {position:relative;margin:0.4rem 0 0 0;padding:0 0 0 1.5rem;color:#29952b;text-align:left;}
.mes_validate:before, .mes_validate:after {content:'';position:absolute;left:0;top:0.4rem;display:block;}
.mes_validate:before {width:1.2rem;height:1.2rem;background:#29952b;border-radius:50%;}
.mes_validate:after {width:0.5rem;height:0.3rem;margin:0.3rem 0 0 0.3rem;border-left:0.1rem solid #fff;border-bottom:0.1rem solid #fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.mes_validate.error {color:#e20000;}
.mes_validate.error:before {background-color:#e20000;}

/* 약관형 */
.con_toggle1.agree .heading {padding-left:0;}
.con_toggle1.agree .heading .sub {position:absolute;right:0;top:1.1rem;}
.con_toggle1.agree .heading > span > label > span {padding-right:0;}
.con_toggle1.agree .heading .btns .label_btn { font-size:1.2rem; padding:0; margin-right:0.5rem;  }
.con_toggle1.agree .heading .btns .label_btn span { padding:0 1.0rem 0 2.8rem; line-height:2.6rem; }
.con_toggle1.agree .bottom {background-color:#f4f4f4;}
.con_toggle1.agree .bottom > li { position:relative; padding:0.6rem 1.5rem;border-top:1px solid #dedede;}
.con_toggle1.agree .btns { position:absolute;top:50%; right:0; margin-top:-1.4rem; }
.con_toggle1.agree.on .con, .con_toggle1.agree .on .con {padding:1.2rem 1.5rem 1.7rem;background:#f4f4f4;border-top:1px solid #ededed;}
.con_toggle1.agree.on .con > strong:not(.tit_sub2),
.con_toggle1.agree .on .con > strong:not(.tit_sub2) { display:block; margin-top:1.0rem;  }
.con_toggle1.agree.on .con .tit_sub2:first-child { margin-top:0.5rem; }
.con_toggle1.agree.on .con > strong { margin-bottom:0.3rem; }

.con_toggle1.agree .bottom > li.sub_agree { padding:1.2rem 1.5rem 1.2rem; }
.con_toggle1.agree .bottom > li.sub_agree:first-child { border-top:1px solid #dedede;}
.con_toggle1.agree .bottom > li.sub_agree strong { padding-bottom:1.0rem; }
.con_toggle1.agree .bottom > li.sub_agree strong span { display:block; margin-top:0.5rem; color:#666; font-weight:400;   }
.con_toggle1.agree .bottom > li.sub_agree .label_form label > span { padding:0.5rem 1.0rem 0.5rem 3.4rem; }
.con_toggle1.agree .bottom.sub_agree { border-top:1px solid #dedede; padding:1.5rem 0; }
.con_toggle1.agree .bottom.sub_agree > li { border:0; padding:0 1.5rem; }
.con_toggle1.agree .bottom.sub_agree > li:first-child { padding-top:0; }
.con_toggle1.agree .bottom.sub_agree > li strong { display:block; margin-top:1.5rem; }
.con_toggle1.agree .bottom.sub_agree > li:first-child strong { margin-top:0; }
.con_toggle1.agree .bottom.sub_agree > li strong span { display:block; margin-top:0.5rem; color:#666; font-weight:400;   }
.form_area1 + fieldset .con_toggle1.agree {margin:0;border-top:0;}

.con_toggle1.agree .label_form label > span { padding:0.5rem 1.0rem 0.5rem 3.4rem; }
.con_toggle1.agree .label_form label > span:before { top:0.5rem; }
.con_toggle1.agree .label_form label input[type="radio"]:checked + span:after { top:1.2rem; }
.con_toggle1.agree .label_form label input[type="checkbox"] + span:after { top:1.1rem; }

.con_toggle1.down { }
.con_toggle1.down .btns { position:absolute;top:1.2rem; right:0; }
.con_toggle1.down .heading { padding-right:0;  }
.con_toggle1.down .heading .btns .label_btn { font-size:1.2rem; padding:0; margin-right:0.5rem;  }
.con_toggle1.down .heading .btns .label_btn span { padding:0 1.0rem 0 2.8rem; line-height:2.6rem; }
.con_toggle1.down .app_form { margin:0; }
.con_toggle1.down .mes_validate { font-size:1.2rem; margin:0 0 0.4rem 0; }

/* 버튼 :공통 */
.btn_com, .btn_sub1, .btn_sub2 {position:relative;display:inline-block;border:1px solid #bbb;background:#fff;color:#111;text-align:center;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_com:focus, .btn_sub1:focus, .btn_sub2:focus {text-decoration:none;}

/* 버튼 :액션버튼 */
.btn_com {padding:0 2.5rem;font-size:1.4rem;line-height:4.2rem;border-radius:0.3rem;}
.btn_com.more:after, .btn_com.tel:before, .btn_com.arrow:after {content:'';display:inline-block;vertical-align:middle;background:url(../images/icon_com.png) 0 -8.0rem no-repeat;background-size:40rem 40rem;}
.btn_com.more:after {width:1.0rem;height:1.0rem;margin:-0.3rem 0 0 0.4rem;background-position:0 -8.0rem;}
.btn_com.tel:before {width:1.3rem;height:1.4rem;margin:0 0.8rem 0 0;line-height:1;background-position:0 -5.4rem;}
.btn_com.arrow:after {width:1.4rem;height:2.2rem;margin:0.8rem 0 0 0.4rem;background-position:0 -27.0rem;}

.btn_com > span {display:inline-block;max-width:99%;font-size:1.2rem;line-height:1.8rem;vertical-align:middle;letter-spacing:-1px;}

/* 버튼타입1 */
.btn_sub1 {min-width:34px;padding:0 1.5rem;font-size:1.4rem;line-height:3.6rem;border-radius:0.2rem;}
.btn_sub1.ic1 {overflow:hidden;padding:3.8rem 0 0;min-width:auto;width:3.8rem;height:0;border:1px solid #111;}
.btn_sub1[class*="ic"]:before {content:'';display:inline-block;vertical-align:middle;background:url(../images/com/icon_com.png) no-repeat 0 0;background-size:40rem 40rem;}
.btn_sub1.ic1:before {position:absolute;top:50%;left:50%;margin:-1.2rem 0 0 -1.2rem;width:2.4rem;height:2.4rem;background-position:-20.5rem -4.3rem;}

/* 버튼타입2 */
.btn_sub2 {padding:0 1.0rem;font-size:1.2rem;line-height:2.6rem;border-radius:0.2rem;}
.btn_sub2.arr:after {content:'';display:inline-block;width:6px;height:20px;margin:0 0 0 4px;vertical-align:middle;}

/* 버튼타입 :색상 */
.btn_com.c1, .btn_sub1.c1, .btn_sub2.c1, .btn_com.tel {border-color:#f36910;background:#f36910;color:#fff;}
.btn_com.c2, .btn_sub1.c2, .btn_sub2.c2 {border-color:#3e332e;background:#3e332e;color:#fff;}
.btn_com.c3, .btn_sub1.c3, .btn_sub2.c3 {background:none;border-color:#fff;color:#fff;}

.btn_com.c1:focus, .btn_sub1.c1:focus, .btn_sub2.c1:focus, .btn_com.tel:focus {background:#ee5400;border-color:#ee5400;color:#fff !important;text-decoration:none !important;}
.btn_com.c2:focus, .btn_sub1.c2:focus, .btn_sub2.c2:focus {background:#29201c;border-color:#29201c;color:#fff !important;text-decoration:none !important;}
.btn_com.c3:focus, .btn_sub1.c3:focus, .btn_sub2.c3:focus {background:rgba(0,0,0,0.1);color:#fff !important;text-decoration:none !important;}

.btn_sub2[class*="ic"] {padding:0 0.5rem;}
.btn_sub2[class*="ic"]:before {content:'';display:inline-block;width:1.6rem;height:1.4rem;margin:0 0.4rem 0 0;vertical-align:middle;background:url(../images/com/icon_com.png) -6.5rem -6.0rem no-repeat;background-size:40rem 40rem}
.btn_sub2.ic1:before {background-position:-6.5rem -6.0rem;}
.btn_sub2.ic2:before {background-position:-8.5rem -6.0rem;}

.btn_com[disabled="disabled"], .btn_sub1[disabled="disabled"], .btn_sub2[disabled="disabled"],
.btn_com.disabled, .btn_sub1.disabled, .btn_sub2.disabled {background:#e7e7e7;border-color:#d1d1d1;color:#666;}

/* 버튼영역1 */
.btn_area1 {position:relative;margin:2.0rem 0;text-align:center;}
.btn_area1:after {display:block;clear:both;width:100%;content:'';}
.btn_area1 > *:first-child:nth-last-child(2), .btn_area1 > *:last-child:nth-child(2) {float:left;padding:0;min-width:0;width:49%;width:-webkit-calc(50% - 0.5rem);width:-moz-calc(50% - 0.5rem);width:calc(50% - 0.5rem);}
.btn_area1> *:last-child:nth-child(2) {float:right;}
.btn_area1 > *:only-child {display:block;width:100%;}

.btn_area1.col3 > * {width:30%;width:-webkit-calc(33% - 0.5rem);width:-moz-calc(33% - 0.5rem);width:calc(33% - 0.5rem);padding:0;}
.btn_area1.col3 > *:first-child {float:left;}
.btn_area1.col3 > *:last-child {float:right;}

.section > .btn_area1:first-child {margin-top:0;}
.section > .btn_area1:last-child {margin-bottom:0;}
body > .btn_area1 {margin:2.0rem 1.5rem;}
.tit_sub1 + .btn_area1 {margin-top:0;}

/* 버튼영역2 */
.btn_area2 {position:relative;width:100%;margin:30px 0;z-index:1;text-align:right;}
.btn_area2 > .sub {position:absolute;left:0;bottom:0;}
.btn_area2:last-child {margin-bottom:0;}
.btn_area2.w1 .btn_sub1 {padding:0 1.0rem;}
.form_search2 + .btn_area2 {margin:-1.0rem 0 1.5rem;}
.form_search2+ p {margin-top:-2.0rem;color:#a5a5a5;}

/* 버튼영역3 */
.btn_area3 {position:relative;margin:2.0rem 0;text-align:center;}
.section > .btn_area3:last-child {margin-bottom:0;}

.btn_area4 {position:relative;margin:1.5rem 0;}
.form_search2 + .btn_area4 {margin-top:-1.0rem;}

/* 텍스트유형1 : 도트 */
.txt_type1 > li, .txt_type1 > dd, .txt_type1:not(ul):not(ol):not(dl) {position:relative;padding:0 0 0 0.7rem;;}
.txt_type1 > li:before , .txt_type1 > dd:before , .txt_type1:not(ul):not(ol):not(dl):before {position:absolute;left:0;top:0.7rem;content:'';width:0.3rem;height:0.3rem;background:#555;border-radius:50%;}
.txt_type1 > li + li, .txt_type1 > dd {margin:0.428em 0 0;}
.txt_type1 > dt {margin:0 0 0.4rem;font-weight:bold;}
.txt_type1 ul li {position:relative;padding:0 0 0 0.7rem;font-size:1.1rem;color:#666}
.txt_type1 ul li:before {content:'';position:absolute;left:0;top:0.7em;width:0.4rem;height:1px;background:#666;}
.txt_type1 .tel {display:block;font-size:1.8rem;font-weight:bold;color:#f36910;}
.txt_type1.small > li:before , .txt_type1.small > dd:before , .txt_type1.small:not(ul):not(ol):not(dl):before {top:0.8rem;content:'';width:0.2rem;height:0.2rem;}
fieldset + .txt_type1, fieldset + .txt_type3 {margin-top:1.2rem;font-size:1.2rem !important;}
p + .txt_type1 {padding-top:0.5rem;}
.box_info + .txt_type1 {margin-top:2.5rem;}
.txt_type1 + .txt_type1 {margin-top:1.0rem;}
.list_con2 + .txt_type1 {margin-top:1.0rem;}

/* 텍스트유형2 : 라인 */
.txt_type2 > li, .txt_type2 > dd, .txt_type2:not(ul):not(ol):not(dl) {position:relative;padding:0 0 0 0.7rem;font-size:1.1rem;}
.txt_type2 > li:before , .txt_type2 > dd:before , .txt_type2:not(ul):not(ol):not(dl):before {content:'-';position:absolute;left:0;top:0;}
.txt_type2 > dt {margin:0 0 0.4rem;font-weight:bold;}
.txt_type2 > dd {margin:0.2rem 0;}
.txt_type2 > dd:last-child {margin-bottom:0;}
.txt_type2 > dd + dt {margin-top:1rem;}
.txt_type2 > dd.label_form {padding-left:0;}
.txt_type2 > dd.label_form:before {display:none;}
.con_policy1 .txt_type2 + p.mes { margin-top:0.8rem; }
.con_policy1 ul + dl { margin-top:1.0rem; }
.con_policy1 .sub_title { display:block; text-align:center; margin-bottom:0.8rem; }

/* 텍스트유형3 : 별표 */
.txt_type3 > li, .txt_type3 > dd, .txt_type3:not(ul):not(ol):not(dl) {position:relative;padding:0 0 0 0.8rem;font-size:1.1rem;opacity:0.8;}
.txt_type3 > li:before , .txt_type3 > dd:before , .txt_type3:not(ul):not(ol):not(dl):before {display:inline-block;width:0.8rem;margin:0.5em 0 0 -0.8rem;content:'*';line-height:1.0em;vertical-align:top;text-align:left;}
.con_toggle1 + .txt_type3, .form_telnum + .txt_type3 {margin-top:1rem;}
p + .txt_type3 {padding-top:0.6rem;}

/* 박스 :알아두실사항 */
.info_summary1 {padding-top:2.7rem;font-size:1.2rem;}
.info_summary1 .headline {margin:0 0 1.0rem;font-size:1.4rem;line-height:2.0rem;color:#f36910;font-weight:bold;}
/* 박스 :예금자보호법에 의한 지급보장 */
.info_summary2 {padding-top:2rem;font-size: 1rem;line-height: 1.3rem;border-top:1px solid #ebebeb;}
.info_summary2 .headline {margin:0 0 1.0rem;font-size: 1.2rem;line-height: 1rem;color:#f36910;font-weight:bold;}
.form_area1.con_toggle1 { padding:1.0rem 0; }

/* ---------------------------------------------------------
	CONTENT 공통 : 박스
--------------------------------------------------------- */
.box_type1 {margin:0.6rem 0;padding:1.4rem;border:1px solid #ededed;background-color:#f4f4f4;}
.form_search + .box_type1 {margin-top:-2.0rem;}

.box_info {position:relative;margin:2.0rem 0;padding:1.3rem 1.2rem 1.3rem 4.0rem;font-size:1.4rem;line-height:2.0rem;color:#333;border:1px solid #f4ede9;background-color:#fef7f2;box-sizing:border-box;}
.box_info:before {content:"";position:absolute;top:1.3rem;left:1.3rem;width:2.0rem;height:2.0rem;background:url(../images/com/icon_com.png) -38rem -9.1rem no-repeat;background-size:40rem 40rem;}

.box_info2 {margin:0 0 1.5rem;padding:1.3rem 1.2rem;font-size:1.2rem;line-height:1.8rem;color:#333;border:1px solid #f4ede9;background-color:#fef7f2;}
.box_info2 dt {font-size:1.4rem;text-align:center;font-weight:bold;margin:0 0 0.8rem;}


.e_sign_box {position:relative;margin:1.6rem 0 0 0;line-height:19.0rem;box-sizing:border-box;text-align:center;color:#f3690e;min-height:20.0rem; background-color:#fff; overflow:hidden; height:22.0rem !important; }
.e_sign_box button {position:absolute;top:2.0rem;left:50%;margin-left: 5.0rem;}
.e_sign_box button:before { content:''; float:left; width:1.3rem; height:1.2rem; margin:0.7rem 0.5rem 0 0;  background:url(../images/icon_com.png) -5.0rem -11.6rem no-repeat; background-size:40rem 40rem;}
 .e_sign_box canvas { border:0.1rem solid #f36910;  }

.comm_box { border-top:1px solid #111; border-bottom:1px solid #bbb; }
.comm_box strong { display:block; position:relative;padding:1.6rem 3.0rem 1.6rem 1.0rem;font-size:1.4rem;line-height:1.9rem;color:#111; border-bottom:1px solid #ededed; font-weight:400; }
.comm_box ul { padding: 1.2rem 1.5rem 1.7rem; background: #f4f4f4; }
.comm_box + .agree_label_box { margin-top:0.5rem; }

/* ---------------------------------------------------------
	CONTENT 공통 : 데이터테이블1
--------------------------------------------------------- */
/* 기본 */
.data_table {width:100%;margin:0.8rem 0;border-top:1px solid #111;border-bottom:1px solid #bbb;}
.data_table table {width:100%;table-layout:fixed;}
.data_table table th, .data_table table td {height:2.8rem;padding:0.7rem 1.0rem;border-top:1px solid #ededed;font-size:1.4rem;line-height:2.0rem;vertical-align:middle;}
.data_table table th {color:#666;}
.data_table table th span {display:inline-block;}
.data_table table td + th {border-left:1px solid #dedede;}
.data_table table td.left {text-align:left !important;}
.data_table table td.right {text-align:right !important;padding-left:0;}
.data_table table td.center {text-align:center !important;}
.data_table table thead th {padding-left:0;padding-right:0;text-align:center;}
.data_table table thead tr:first-child th {border-top:0;}
.data_table table thead + tbody tr:first-child th, .data_table table thead + tbody tr:first-child td {border-top:1px solid #dedede;}
.data_table table td .link {display:inline-block;color:#f36910;text-decoration:none;border-bottom:1px solid #f36910;}
.data_table table td .wrap_btn {display:table;width:100%;}
.data_table table td .wrap_btn > span {display:table-cell;vertical-align:middle;}
.data_table table td .wrap_btn > span + span {text-align:right;padding:0 0 0 0.5rem;}
.data_table table td .wrap_btn > span + span a {white-space:nowrap;}
.data_table .nodata {line-height:13.0rem;text-align:center;}


.info_con_box { border-top:1px solid #111; margin:1.5rem 0 0 0; }
.info_con_box > div { display:table; width:100%; min-height:4.4rem; box-sizing:border-box; padding:0.5rem 0;  border-bottom:1px solid #dedede; font-size:1.3rem; }
.info_con_box > div > strong { display:table-cell; width:10.0rem; color:#656565; font-weight:400; padding-left:1.0rem; vertical-align:middle; }
.info_con_box > div > div,
.info_con_box > div > p { display:table-cell; text-align:left; vertical-align:middle;  }
.info_con_box > div + p.txt_type3 { margin-top:0.5rem; }
.info_con_box .label_form { display:block; line-height:0; font-size:0; }
.info_con_box .label_form label > span { font-size:1.3rem; padding:0.5rem 1.0rem 0.5rem 3.4rem; }
.info_con_box .txt_info { font-size:1.2rem; color:#656565;  }
.info_con_box .trans_day { padding:0.5rem 0 ;  }
.info_con_box .bank { padding:1.0rem 0; }


.long_txt_form .label_form label > span { font-size:1.3rem; line-height:1.8rem; color:#666; }
.chk_box { margin:1.0rem 0 0; border-top:1px solid #111; border-bottom:1px solid #bbb; padding:0.6rem 1.0rem; }
.line_box { margin:1.0rem 0 0; border-top:1px solid #111; border-bottom:1px solid #bbb; padding:1.5rem; background:#f4f4f4; word-break:break-word; }
.line_box ul li, .line_box ol li { position:relative; color:#666; padding:0 0 0 0.7rem; margin-top:0.5rem; }
.line_box ul li:first-child { margin:0; }
.line_box ul li:before { content:''; display:block; position:absolute; top:0.7rem; left:0; width:3px; height:1px; background:#666; }
.line_box p {color:#111111;}
.line_box .txt_type3 { margin-top:0.6rem; }
.line_box > strong { display:block; margin-bottom:0.5rem;  }
.label_form.long_txt_form label { display:block; }
.label_form.long_txt_form label > span { font-size:1.3rem; line-height:1.8rem; color:#666; }



.line_box ol li { text-indent:-1.4rem; padding-left:1.4rem; word-break:; }

/* ---------------------------------------------------------
	CONTENT : 컨텐츠
--------------------------------------------------------- */
/* 약관 */
.con_policy1 .tit {display:block;margin:1.0rem 0 0.8rem;}
.con_policy1 p + ul {margin:1.0rem 0 0;}
.con_policy1 p + ul .tit {display:block;font-weight:normal;}
.con_policy1 p.mes {margin:0 0 0.8rem;}
.con_policy1 dt {font-weight:bold;}
.con_policy1 dd ~ dt {margin:1.0rem 0 0;}
.con_policy1 dd {margin:0.4rem 0 0;}
.con_policy1 h3.tit { font-size:1.3rem; }
.con_policy1 .hidden + .tit { margin-top:0; }

/* 알림 */
.msg_box { position:relative; padding-top:12.5rem;}
.msg_box:before { 
	content:''; 
	position:absolute; 
	top:0; 
	left:50%; 
	margin-left:-5.3rem; 
	width:10.0rem; 
	height:10.0rem; 
	background:url(../images/bg_comm_info_suc.png) no-repeat 0 0; 
	background-size: contain;  }
.msg_box strong { display:block; text-align:center; font-size:1.8rem; margin-bottom:2.0rem; font-weight:600; letter-spacing:-0.1rem; }
.msg_box strong span { color:#f46810; }
.msg_box p { padding:0 1.0rem; text-align:center; margin-bottom:2.0rem; }
.msg_box.error_box .btn_area1 > *:only-child { width:inherit; display:inline-block;  }
.msg_box.error_box:before, .msg_box.stop_box:before {
	background-image: url(../images/bg_comm_info_err.png);
	background-repeat: no-repeat;
	background-size: contain;}


.touch_txts {/*overflow:hidden;*/ position:relative; color:#f4c4b2; display:inline-block; padding:0 1.0rem 0 0.5rem; line-height:1.6em; vertical-align:middle; letter-spaing:0; text-indent:0; color:#999999;}
.touch_txts:before, .touch_txts:after { content:''; position:absolute; top:0.3rem; left:0; width:0.4rem; height:1.2rem; background:url(../images/bg_touch_txts.png) no-repeat -0.1rem 0; background-size:1.5rem auto; }
.touch_txts:after { left:inherit; top:inherit; bottom:0.4rem;  right:-2px; background-position:-0.5rem 0; width:0.5rem; }
.touch_txts textarea { position:absolute; display:inline-block; width:calc(100% + 1.0rem);height:100%; padding:0 0 0 0.5rem; background:transparent; top:0; left:0; right:0; border:0; color:#f36910; line-height:1.6em; overflow:hidden; outline-offset:0; margin:0; box-sizing:border-box;  resize:none; outline:none; -webkit-appearance:none;  }
/* 20240718 JISOO - 가필 ios분기처리 삭제 .ios .touch_txts textarea { text-indent:-0.3rem; width:calc(100% + 1.0rem); } */
.touch_txts button { color:#f4c4b2; text-align:left; }
.touch_txts button.on { color:#f36910; }
.touch_txts input { position:absolute; opacity:0; }
.touch_txts input:checked + span { color:#f36910; }
.msg_end_txts { margin:4.0rem 0 ; text-align:center; font-size:1.6rem; font-weight:600; }



/*************************************************
	LAYOUT : 레이어팝업
*************************************************/
/* overlay영역 */
.modal_overlay {position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100% !important;min-width:100%;min-height:100%;background:rgba(0,0,0,0.5);z-index:150; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; -webkit-transform-origin-z: inherit; }

/* 레이어팝업1 : 전체페이지형 */
.pop_modal1 {display:none;position:fixed;left: 0;right: 0;top:0 !important;bottom: 0;margin:auto;background:#fff;z-index:200;}
.pop_modal1.open {display:block;}
.pop_modal1 .header {position:relative;padding:1.4rem 0; text-align:center;}
.pop_modal1 .header h1 {font-size:1.8rem;line-height:2.4rem;font-weight:normal;}
.pop_modal1 .header button {overflow:hidden;position:absolute;right:0;top:50%;width:4.4rem;height:0;padding:4.4rem 0 0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%); }
.pop_modal1 .header button:before,
.pop_modal1 .header button:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.2rem;height:0.1rem;background:#f36910;margin:0 0 0 -1.2rem;  }
.pop_modal1 .header ~ .btn_area1 {margin:0;padding:2.0rem;background:#fff;}
.pop_modal1 .mes_area {background:#f5f5f5;}
.pop_modal1.open .header button:before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.pop_modal1.open .header button:after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop_modal1 .header + .mes_area {margin:0;padding:2.0rem 1.5rem;border-bottom:1px solid #ebebeb;}

.pop_modal1.agree_box .btn_area1 { position:fixed; bottom:0; left:0; right:0; width:100%; box-sizing:border-box; padding:2.0rem 1.5rem; margin:0; background:#fff; z-index:250; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; -webkit-transform-origin-z: inherit;  }

.pop_modal1.agree_box .section.btn_fix_box { border-top:1px solid #dedede; margin:0; padding:2.0rem 1.5rem 0 1.5rem; height:100%; }
.pop_modal1.agree_box .section.btn_fix_box .con { padding-bottom:8.0rem; height:calc(100% - 15.0rem); overflow-y:scroll; -webkit-overflow-scrolling:touch; box-sizing:border-box; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; -webkit-transform-origin-z: inherit; }
.pop_modal1.agree_box .section.btn_fix_box .con::-webkit-scrollbar { -webkit-appearance:none; width:7px;  }
.pop_modal1.agree_box .section.btn_fix_box .con::-webkit-scrollbar-thumb { border-radius:4px; background-color:rgba(0,0,0,.5); -webkit-box-shadow:0 0 1px rgba(255,255,255,.5);  }
.pop_modal1.agree_box .section { border-top:1px solid #dedede; margin:0; padding:2.0rem 1.5rem; }

.pop_modal1.error_box { top:5.5rem !important; left:1.5rem; right:1.5rem; bottom:5.5rem; border:1px solid #dedede; }
.pop_modal1.error_box .section {position:relative;overflow-y:scroll; -webkit-overflow-scrolling:touch; border-top:1px solid #dedede; display:flex; align-items:center; text-align:center; padding:2.0rem 1.5rem;height:100%;height:-webkit-calc(100% - 18.0rem);height:-moz-calc(100% - 18.0rem);height:calc(100% - 18.0rem);-webkit-overflow-scrolling:touch;}
.pop_modal1.error_box .msg_box { width:100%; }

/*무이자 할부 카드 정보 팝업 hgb*/
.pop_modal1.info_box .btn_area1 { position:fixed; bottom:0; left:0; right:0; width:100%; box-sizing:border-box; padding:2.0rem 1.5rem; margin:0; background:#fff; z-index:250; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; -webkit-transform-origin-z: inherit;  }
.pop_modal1.info_box .section.btn_fix_box { border-top:1px solid #dedede; margin:0; padding:2.0rem 1.5rem 0 1.5rem; height:100%; }
.pop_modal1.info_box .section.btn_fix_box .con { padding-bottom:8.0rem; height:calc(100% - 15.0rem); overflow-y:scroll; -webkit-overflow-scrolling:touch; box-sizing:content-box; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; -webkit-transform-origin-z: inherit; }
.pop_modal1.info_box .section.btn_fix_box .con::-webkit-scrollbar { -webkit-appearance:none; width:7px;  }
.pop_modal1.info_box .section.btn_fix_box .con::-webkit-scrollbar-thumb { border-radius:4px; background-color:rgba(0,0,0,.5); -webkit-box-shadow:0 0 1px rgba(255,255,255,.5);  }
.pop_modal1.info_box .section { border-top:1px solid #dedede; margin:0; padding:2.0rem 1.5rem; }

@media only screen and (max-width:359px) {
	.pop_notice {left:2.0rem;right:2.0rem;top:5.5rem !important;bottom:5.5rem !important;}
}

@media only screen and (min-width:420px) {
	.pop_notice dl dd .mes_system {padding:0 3.0rem;}
}

@media only screen and (max-height:480px) {
	.pop_notice {top:3.5rem !important;bottom:3.5rem !important;}
}


/* 20190425 추가   --- 계좌입력추가 */
 
/* 금융기관 */
.form_finance .select_box {width:100%;background-color:#fff;}

/* 계좌번호 */
.form_account .text {width:100%;}
.form_account .btn_sub2 {margin-top:5px;}

/* 납입방법 */
.pay_method {margin:0.7rem 0 0.2rem 0;}
.pay_method .label_form {margin-top:;}
.pay_method .label_form label > span {padding:0.9rem 0 0.9rem 3.4rem !important; color:#666; line-height:1.4rem; min-height:2.4rem;  box-sizing:border-box; font-size:1.1rem !important;}

/* 수납요청버튼20190429 */
.btn_area1.off {display:none;}
.btn_area1.off + .payment_action {margin-top:2rem;}
.payment_action {margin-top:-1rem;}
.payment_action > *:only-child {display:block;width:100%;}

/* step */
.step_wrap { overflow:hidden; margin-top:2rem; margin-bottom:2rem; text-align:center; }
.step { overflow:hidden; margin:-.9rem -1.1rem; }
.step li { position:relative; box-sizing:border-box; float:left; width:33%; padding:.9rem 1.1rem; }
.step li .core { margin:0 auto; width:9.5rem; height:9.5rem; border:1px solid #dedede; text-align:center; border-radius:50%; }
.step li:after { position: absolute; right:0; top:50%; margin-top:-.2rem; content:''; display:inline-block; width:.4rem; height:.4rem; border-top:1px solid #adadad; border-right:1px solid #adadad; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); }
.step li:nth-child(3n):after { display:none; }
.step li:last-child:after { display:none; }
.step .num { display:block; margin-top:2.6rem; font-size:1.5rem; font-weight:bold; color:#f36910; }
.step .txt { font-size:1.1rem; color:#111; }
@media only screen and (max-width:374px) {
  .step li .core { width:8rem; height:8rem; }
  .step .num { margin-top:1.8rem; }
}

/* step_type2 */  
.step_wrap_2 { overflow:hidden; margin-top:2rem; margin-bottom:2rem; margin-left:5rem; margin-right:5rem; text-align:center; }
.step_2 { overflow:hidden; margin:-.9rem -1.1rem; }
.step_2 li { position:relative; box-sizing:border-box; float:left; width:50%; padding:.9rem 1.1rem; }
.step_2 li .core { margin:0 auto; width:9.5rem; height:9.5rem; border:1px solid #dedede; text-align:center; border-radius:50%; }
.step_2 li:after { position: absolute; right:0; top:50%; margin-top:-.2rem; content:''; display:inline-block; width:.4rem; height:.4rem; border-top:1px solid #adadad; border-right:1px solid #adadad; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); }
.step_2 li:nth-child(2n):after { display:none; }
.step_2 li:last-child:after { display:none; }
.step_2 .num { display:block; margin-top:2.6rem; font-size:1.5rem; font-weight:bold; color:#f36910; }
.step_2 .txt { font-size:1.1rem; color:#111; }
@media only screen and (max-width:374px) {
  .step_2 li .core { width:8rem; height:8rem; }
  .step_2 .num { margin-top:1.8rem; }
}


/*************************************************
	휴대폰 전자서명 고도화 2019
*************************************************/
/* 중요폰트색상추가 20190531 */
.emph1 { color:#e20000; }

/* 금융기관(정산 가상계좌일 때) 버튼추가 20190531 */
.form_finance .btn_sub2 { margin-top: .5rem; }

/* 카드 유효기간 */
.form_period {overflow:hidden; }
.form_period input {float:left;width:-webkit-calc(50% - 0.5rem);width:-moz-calc(50% - 0.5rem);width:calc(50% - 0.5rem);}
.form_period input ~ input {float:right;}
.form_period .btn_sub2 { margin-top:0.5rem; }
.form_period p.txt_type2 { margin-top:0.5rem; }

/* 청약서 선택 다운로드 */
.con_toggle1.down li.send_hp {  }
.con_toggle1.down li.send_hp .app_form { padding-right:0; }
.con_toggle1.down li.send_hp .btns { position:relative; top:auto; right:auto; float:right; margin:.5rem 0 1rem; }
.con_toggle1.down li.send_hp .mes_validate { clear:both; }
.con_toggle1.down li.optional .btns { position:absolute; right:0; top:50%; margin-top:-1.4rem; }
.con_toggle1.down li.optional .heading { padding-right:0; }
.con_toggle1.down li.optional .heading .btns .label_btn { font-size:1.2rem; padding:0; margin-right:0.5rem;  }
.con_toggle1.down li.optional .heading .btns .label_btn span { padding:0 1.0rem 0 2.8rem; line-height:2.6rem; }
.con_toggle1.down li.optional .app_form { margin:0; padding-right:8.0rem; }
.con_toggle1.down li.optional .app_form:before { top:50%; margin-top:-1.1rem; }
.con_toggle1.down li.optional .mes_validate { font-size:1.2rem; margin: -0.8rem 0 1.0rem 1.0rem; }

/* 이미지뷰어20190508 */
#wrapper.img_viewer { position:relative; padding:0; background:#fff; }
#wrapper.img_viewer #header { display:none; }
#wrapper.img_viewer .container { padding-bottom:5.5rem; }
#wrapper.img_viewer > div { overflow:hidden; clear:both; }
#wrapper.img_viewer .btns_wrap { position:fixed; bottom:0; left:0; right:0; padding:1.3rem 1.5rem 1.3rem; margin:0; text-align:right; background:rgba(80,82,95,0.9); z-index:250; }
#wrapper.img_viewer .btns_wrap .btn_com { margin:0; padding:0 2rem; min-width:6rem; line-height:2.8rem; }
#wrapper.img_viewer .btns_wrap .btn_com + .btn_com { margin-left:0.2rem; }
#wrapper.img_viewer .btns_wrap > :nth-child(2) { margin-right:-1px; }
#wrapper.img_viewer .btns_wrap .page { position:absolute; left:2.5rem; top:1.7rem; color:#fff; font-size:1.17em; }
#wrapper.img_viewer .btns_wrap .page strong { color:#f36910; }
.viewer_controls { position:fixed; right:1rem; top:50%; width:4.5rem; margin-top:-10.5rem; }
.viewer_controls button { position:relative; overflow:hidden; display:inline-block; width:4.1rem; height:4.1rem; margin:0.5rem 0; color:transparent; border-radius:50%; background: #fff5f0 url('../images/ico_zoom.png') no-repeat 0 0; background-size: 4.1rem auto; box-shadow:0 0.5rem 0.5rem #e1e1e1; }
.viewer_controls button[disabled="disabled"] { opacity:.8; -webkit-filter: grayscale(1); filter: gray; }
.viewer_controls .zoom_in { background-position: 0 -4.1rem; }
.viewer_controls .zoom_out { background-position: 0 -8.2rem; }

/* 비밀번호앞2자리( 신용카드인증) 20190531 */
.extra_info { clear:both; text-align:left; padding-top:.5rem; font-size:1.1rem; color:#656565; }
.form_card_pw  {text-align:center; overflow:hidden; }
.form_card_pw input { float:left; width:-webkit-calc(50% - 8.5rem);width:-moz-calc(50% - 8.5rem);width:calc(50% - 8.5rem); }
.form_card_pw span.unit { float:left; width:3.5rem; height:3.8rem; line-height:4rem; margin:0 0 0 .5rem ; color:#bbb; text-align:center; border:1px solid #dedede; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background-color:#fff; }
.form_card_pw span.asterisk { float:left; }
.form_card_pw span.asterisk:before,
.form_card_pw span.asterisk:after { content:'*'; display:inline-block; width:3.5rem; height:3.8rem; line-height:4rem; margin:0 0 0 .5rem ; color:#bbb; text-align:center; border:1px solid #dedede; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background-color:#fff; }
.form_card_pw p.extra_info { clear:none; float:left; margin-top:1rem; padding: 0 0 0 0.8rem; font-size: 1.1rem; }

/* 비밀번호앞2자리(전자서명) 20190531 */
.form_card_pw2 input { float:left; /* width:-webkit-calc(100% - 8.0rem);width:-moz-calc(100% - 8.0rem);width:calc(100% - 8.0rem);*/ width:7.0rem;  }
.form_card_pw2 span.unit { float:left; width:3.5rem; height:3.8rem; line-height:4rem; margin:0 0 0 .5rem ; color:#bbb; text-align:center; border:1px solid #dedede; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background-color:#fff; }
.form_card_pw2 p.txt_type2 { clear:both; padding-top:.5rem; }
.form_card_pw2 p.txt_type2:before { top:0.5rem; }
.form_card_pw2 span.asterisk:before,
.form_card_pw2 span.asterisk:after { content:'*'; display:inline-block; width:3.5rem; height:3.8rem; line-height:4rem; margin:0 0 0 .5rem ; color:#bbb; text-align:center; border:1px solid #dedede; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background-color:#fff; }

/* 수납요청버튼 20190531 */
.payment_request { margin-bottom:-1rem; }

/* 카드할부개월선택 20190603 */
.form_installment .select_box { width:100%; background-color:#fff; }

/* 수납 입력 20190603 */
.info_con_box2 { border-top:1px solid #111; margin:1.5rem 0 0 0; }
.info_con_box2 > div { display:table; width:100%; min-height:4.4rem; box-sizing:border-box; padding:0.5rem 0; border-bottom:1px solid #dedede; font-size:1.3rem; }
.info_con_box2 > div > strong { display:block; color:#656565; font-weight:400; padding:0.7rem 0; }
.info_con_box2 > div > div,
.info_con_box2 > div > p { display:block; text-align:left; }
.info_con_box2 p.txt_type3 { margin-top:0.5rem; }
.info_con_box2 .label_form { display:block; line-height:0; font-size:0; }
.info_con_box2 .label_form label > span { font-size:1.3rem; padding:0.5rem 1.0rem 0.5rem 3.4rem; }
/* 계좌번호 */
.info_con_box2 .form_account { overflow:hidden; }
.info_con_box2 .form_account > *:first-child:nth-last-child(2), 
.info_con_box2 .form_account > *:last-child:nth-child(2) { float:left; width:-webkit-calc(100% - 12.5rem);width:-moz-calc(100% - 12.5rem);width:calc(100% - 12.5rem); }
.info_con_box2 .form_account > *:last-child:nth-child(2) { float:right; width:12rem; }
.info_con_box2 .form_account > *:only-child { display:block; width:100%; }
/* 유효기간 */
.info_con_box2 .form_period .text { float:left; margin-right:0.5rem; width:-webkit-calc(33% - 0.5rem);width:-moz-calc(33% - 0.5rem);width:calc(33% - 0.5rem); }
.info_con_box2 .form_period .btn_sub1 { float:right; width:34%; height:3.8rem; overflow:hidden; }
.info_con_box2 .form_period .txt_type2 { float:left; }
/* 금융기관 */
.info_con_box2 .form_finance { overflow:hidden; }
.info_con_box2 .form_finance > *:first-child:nth-last-child(2), 
.info_con_box2 .form_finance > *:last-child:nth-child(2) { float:left; width:-webkit-calc(100% - 12.5rem);width:-moz-calc(100% - 12.5rem);width:calc(100% - 12.5rem); }
.info_con_box2 .form_finance > *:last-child:nth-child(2) { float:right; width:12rem; }
.info_con_box2 .form_finance > *:only-child { display:block; width:100%; }

/* 가필 입력폼 폰트키움요청 20190603 */
.touch_txts { font-size:1.5rem; letter-spacing:-1px; }
.touch_txts:before, .touch_txts:after { height:1.6rem; background-image:url(../images/bg_touch_txts_big.png); }
.touch_txts:before { top:0.4rem; }
.touch_txts:after  { bottom:0.6rem; }
.touch_txts textarea { width:calc(100% - 1rem); letter-spacing:-1px; }

/* 텍스트유형4 : ol 스타일(약관) */
.txt_type4 li { text-indent:-1.4rem; padding-left:1.4rem; word-break:; }
.txt_type4 ol, .txt_type4 ul { margin:.5rem 0; }
.txt_type4 ul li { position:relative;padding:0;text-indent:0;font-size:1.1rem;color:#666; }

.label_form.long_txt_form1 label { display:block; }
.label_form.long_txt_form1 .label_form label > span { font-size:1.4rem; color:#111; }

/* ---------------------------------------------------------
	계속보험료 관련 css
--------------------------------------------------------- */
#container2 {background:#fff;padding:2.7rem 1.5rem 3.0rem;min-height:100%;min-height:-webkit-calc(100vh - 13.2rem);min-height:-moz-calc(100vh - 13.2rem);min-height:calc(100vh - 13.2rem);
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#container2 > header {margin:0 0 2.2rem;}
#container2 > header h1 {font-size:1.8rem;line-height:2.4rem;text-align:center;}
#container2 > header h1 + p {margin:1.8rem 0 0;font-size:1.4rem;line-height:2.0rem;}
#container2 .content {position:relative;margin:0 -1.5rem;padding:2.0rem 1.5rem;background:#fff;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
#container2 .content + .content {margin-top:0.8rem;}

#container2 .content.box {margin:2.5rem 1.0rem;padding:3.0rem 2.3rem;border:1px solid #ededed;border-radius:0.3rem;}
#container2 .content.box > .heading {margin:0 0 3.3rem;font-size:2.2rem;padding:1.7rem 0;text-align:center;font-weight:normal}
#container2 .content.box > .heading.ic1:after {content:'';display:block;margin:3.3rem auto 0;width:5.8rem;height:5.0rem;background:url(../images/icon_com.png) -34.2rem -4.0rem no-repeat;background-size:40rem 40rem}

#container2 > .content:last-child {padding-bottom:4.0rem;border-bottom:0;}

/* 진행상태 */
.step_info {position:relative;margin:0 -1.5rem -1px;padding:2.0rem 0 1.7rem;background:#fff;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.step_info ol {display:table;width:100%;counter-reset:num;}
.step_info li {position:relative;display:table-cell;text-align:center;font-size:1.4rem;line-height:2.0rem;vertical-align:top;}
.step_info li:before {content:'';position:absolute;top:1.7rem;left:0;right:0;height:3px;background-color:#ededed;}
.step_info li:first-child:before {left:50%;}
.step_info li:first-child, .step_info > li:nth-child(1) ~ li:not(.on) {color:#666;}
.step_info li:last-child:before {right:50%;}
.step_info li.on {color:#f36910;font-weight:bold;}
.step_info li > span, .step_info li > strong {position:relative;display:block;}
.step_info li > span:before, .step_info li > strong:before {display:block;margin:0 auto 0.5rem;width:3.7rem;height:3.7rem;border:3px solid #ededed;border-radius:3.7rem;line-height:3.2rem;content:'';counter-increment:num 1;font-weight:bold;font-size:1.5rem;box-sizing:border-box;background-color:#fff;text-align:center;}
.step_info li > span:after, .step_info li > strong:after {content:'';position:absolute;top:1.1rem;left:50%;margin-left:-0.8rem;display:block;width:1.2rem;height:0.6rem;border-left:3px solid #666;border-bottom:3px solid #666;border-radius:0.3rem;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.step_info li.on > span:before, .step_info li.on > strong:before {content:counter(num) !important;border:3px solid #f36910;}
.step_info li.on ~ li > :before {content:counter(num) !important;}
.step_info li.on ~  li > span:after, .step_info li.on > span:after, .step_info li.on > strong:after {content:initial !important;}

/* 카드형리스트 */
.box_managelist {clear:both;box-sizing:border-box;}
div.box_managelist:after {content:'';clear:both;display:block;}
.box_managelist > li, div.box_managelist{position:relative;padding:1.5rem 1.5rem 1.6rem;border:1px solid #ddd;border-radius:4px;background:#fff;}
.box_managelist > li:not(:first-child) {margin-top:1.0rem;}
.box_managelist > li > strong, div.box_managelist > strong {overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;word-wrap:break-word;margin-bottom:1.1rem;padding-bottom:0.3rem;max-height:5.1rem;font-weight:normal;font-size:1.7rem;line-height:2.4rem;box-sizing:border-box;}
.box_managelist > li > strong:only-child {margin:0;padding:0;}
.box_managelist > li > strong:only-child > .sub {position:absolute;top:1.5rem;right:1.5rem;}
.box_managelist > li > strong > strong {display:inline-block;-webkit-flex:1;flex:1;font-weight:normal;margin-right:0.5rem;}
.box_managelist > li > strong > [class^='icon_txt'],
.box_managelist > li > strong > .sub {display:inline-block;}
.box_managelist > li > strong > .sub {font-size:1.4rem;color:#666;}
.box_managelist > li > strong > .sub span {color:#111;}
.box_managelist > li > strong > .sub b {color:#f36910;}
.box_managelist > li > strong + p {margin:-1.0rem 0 1.0rem;font-size:1.4rem;}
.box_managelist > li > strong + span {margin-top:-1.0rem;display:block;color:#666;}
.box_managelist > li > strong.label_form {margin:-0.5rem 0 0.5rem;}
.box_managelist > li > strong.label_form span > label {padding-right:0;}
.box_managelist > li > strong.label_form .tooltip_icon {position:absolute;top:1.5rem;right:1.5rem;}
.box_managelist > li.on {border-color:#f36910 !important;}
.box_managelist > li.on > strong.label_form span > label {color:#f36910 !important;}
.box_managelist ul {overflow:hidden;}
.box_managelist ul > li {font-size:1.4rem;overflow:hidden;}
.box_managelist ul > li  a {position:relative;z-index:2;}
.box_managelist ul > li > span:last-child {display:inline-block;width:66%;}
.box_managelist ul > li > span:first-child {float:left;display:inline-block;width:34%;min-width:25%;color:#666;}
.box_managelist ul > li > span:first-child.txt_auto {width:auto;padding-right:1.0rem;}
.box_managelist ul > li > .point1{font-weight:bold;color:#111 !important;}

.box_managelist .sub_cont1{margin:1.5rem -1.5rem -1.6rem;padding:1.5rem;border-top:1px solid #ddd;background:#f4f4f4;}
.box_managelist .sub_cont1 dt{font-size:1.4rem;font-weight:normal;top:1.3rem;text-align:center;}
.box_managelist .sub_cont1:first-child {margin:-1.5rem -1.5rem 0;border-radius:4px 4px 0 0;border:0;}
.box_managelist .sub_cont1:first-child dt {font-size:1.5rem;}
.box_managelist .sub_cont1 + .box_tit {margin-top:0;}
.box_managelist .sub_cont1 dd.total {text-align:right;}
.box_managelist .sub_cont1 dd strong {font-size:2.3rem;}

/* 결과갯수용 */
.txt_cnt {text-align:right;}
.txt_cnt strong {color:#f36910;}

/* 문구유형 lms 변형스타일 */
.mes_type1 {padding:3.2rem 0 !important}
#container2 > header + .mes_type1 {border-top:0.1rem solid #111;border-bottom:0.1rem solid #bbb;}
#container2 .mes_type1:only-child {position:absolute;left:1.5rem;right:1.5rem;top:50%;border:0;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0-50%);}
#container2 > *:last-child {margin-bottom:0;}

.mes_area.icon1 {padding:2.2rem 0;}
.mes_area.icon1:before {content:'';float:left;display:block;width:6.7rem;height:5.5rem;margin:0 0.7rem 0.5rem 0;background:url(../images/com/app_tit_bg.png) no-repeat 0 0;background-size:6.7rem 5.5rem;}
.mes_area.icon1 ul {display:inline-block;}
.mes_area.icon1 p + ul {margin:0.8rem 0 0;}
.mes_area.icon1 + .btn_area1 {margin-top:0;}

/* 보험료납입  */
.lms .label_form  {display:block;font-size:1.4rem;line-height:2.4rem;}
.lms .label_form span > input {position:absolute;opacity:0;}
.lms .label_form span > label {position:relative;display:inline-block;padding:0.7rem 2.0rem 0.7rem 3.4rem;color:#111;}
.lms .label_form span > label:before, .label_form span > label:after {content:'';display:block;position:absolute;}
.lms .label_form span > label:before {left:0;top:0.7rem;width:2.2rem;height:2.2rem;border:0.1rem solid #bbb;background:#fff;border-radius:1.2rem;}
.lms .label_form span input:disabled +label:before {background-color:#f4f4f4;border-color:#ddd;}
.lms .label_form span input:checked + label:before {background-color:#f36910;border-color:#f36910;}
.lms .label_form span input[type="checkbox"] + label:after {left:0.6rem;top:1.3rem;width:0.9rem;height:0.5rem;border-radius:0.1rem;border-left:0.3rem solid #ddd;border-bottom:0.3rem solid #ddd;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.lms .label_form span input[type="radio"]:checked + label:after {left:0.7rem;top:1.4rem;width:1.0rem;height:1.0rem;border-radius:0.5rem;background:#fff;}
.lms .label_form span input[type="checkbox"]:checked + label:after {border-color:#fff;}
.lms .label_form.col2 {display:block;overflow:hidden;}
.lms .label_form.col2 span {width:50%;float:left;}
.lms .label_form span label input[type="radio"]:checked + span:after {left:0.7rem;top:1.4rem;width:1.0rem;height:1.0rem;border-radius:0.5rem;background:#fff;}

/* 납입회차 */
.insu_count {padding:1.5rem 0 1.0rem;}
.insu_count ol {display:table;width:100%;}
.insu_count li {position:relative;display:table-cell;text-align:center;font-size:1.4rem;line-height:2.0rem;vertical-align:top;}
.insu_count li:before, .insu_count li:after {content:'';position:absolute;z-index:0;top:1.5rem;left:0;right:0;height:2px;background-color:#ddd;}
.insu_count li:first-child:before, .insu_count li:first-child:after {left:20px;border-radius:0.2rem 0 0 0.3rem;}
.insu_count li:last-child:before, .insu_count li:last-child:after {right:20px;border-radius:0 0.3rem 0.3rem 0;}
.insu_count li:after {left:-50%;}
.insu_count li.on:after {background-color:#f36910;}
.insu_count li > span {position:relative;z-index:1;display:block;color:#111;}
.insu_count li > span button {position:relative;width:5.0rem;height:100%;}
.insu_count li > span button:before{content:'';display:block;margin:0 auto 0.5rem;width:3.0rem;height:3.0rem;border:1px solid #ddd;border-radius:3.0rem;line-height:3.0rem;font-size:1.5rem;box-sizing:border-box;background-color:#fff;text-align:center;}
.insu_count li > span button:after {content:'';position:absolute;top:1.1rem;left:50%;margin-left:-0.5rem;display:block;width:0.9rem;height:0.4rem;border-left:2px solid #737373;border-bottom:2px solid #737373;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.insu_count li.on > span button{color:#f36910;font-weight:bold;}
.insu_count li.on > span button:before {box-shadow:0.2rem 0.2rem 0.1rem rgba(0,0,0,0.2);}
.insu_count li.on > span button:after {border-color:#f36910;}

/* 컨텐츠 간격용 */
.con_sub {margin:0.7rem 0 0;}
.con_sub2 {margin-top:2rem !important;}

/* 문구타입1 */
.mes_type1 {text-align:center;padding:3.2rem 1.5rem !important;border-bottom:1px solid #ebebeb;}
.mes_type1 p > strong {display:block;margin:0 0 1.4rem;font-size:1.8rem;line-height:2.5rem;font-weight:bold;letter-spacing:-0.05rem;}
.mes_type1 p > strong span {color:#f36910;}
.mes_type1 p > span.sub {display:block;margin:1.0rem 0 0;font-size:1.1rem;color:#666;}
.mes_type1 p > strong.f1 {margin:0 0  0.7rem;font-size:2.2rem;}
.mes_type1 p > strong.f1 + span.sub {font-size:1.2rem;}
.mes_type1.nline {border-bottom:0;}
.section > .mes_type1 {margin:0 -1.5rem;}
.banner_area1 + .mes_type1 {margin-top:-2.0rem;}
.pop_modal1 > .section > .mes_type1 {padding:0 0 1.5rem;border-bottom:none;}

/* 문구타입2 */
.mes_type2 {text-align:center;padding:3.0rem 1.5rem 0;}
.mes_type2 p:after {content:'';overflow:hidden;display:block;margin:1.7rem auto 0;width:11.5rem;height:11.8rem;background:url(../images/com/visual_img.png) no-repeat -11.5rem 0;background-size:23rem 11.8rem;}
.mes_type2 p > strong {display:block;margin:0 0 2.0rem;font-size:1.9rem;line-height:2.5rem;font-weight:bold;letter-spacing:-0.05rem;}
.mes_type2 + .btn_area3 {margin-bottom:1.0rem !important;}
.mes_type2.visual2 p:after {background-position:-11.5rem 0;}


/* 문구타입3 추가 2018.10.22 */
.mes_type3 {text-align:center;padding:3.2rem 1.5rem !important;/* border-bottom:1px solid #ebebeb; */}
.mes_type3 p > strong {display:block;margin:0 0 1.4rem;font-size:1.8rem;line-height:2.5rem;font-weight:bold;letter-spacing:-0.05rem;}
.mes_type3 p > strong span {color:#f36910;}
.mes_type3 p > span.sub {display:block;margin:1.0rem 0 0;font-size:1.1rem;color:#666;}
.mes_type3 p > strong.f1 {margin:0 0  0.7rem;font-size:2.2rem;}
.mes_type3 p > strong.f1 + span.sub {font-size:1.2rem;}
.mes_type3.nline {border-bottom:0;}
.section > .mes_type3 {margin:0 -1.5rem;}
.banner_area1 + .mes_type3 {margin-top:-2.0rem;}
.pop_modal1 > .section > .mes_type3 {padding:0 0 1.5rem;border-bottom:none;}

.label_box2 {display:block;overflow:hidden;text-align:left;}
.label_box2 label {float:left;width:100%;margin-bottom:1rem;}
.label_box2 label input {position:absolute;opacity:0;}
.label_box2 label span {position:relative;display:block;padding: 0.8rem 2.0rem;font-size:1.4rem;line-height:2.0rem;color:#111;border:0.1rem solid #dedede;}
.label_box2 label span:before {content:'';display:inline-block;top: 0.8rem;width:0.9rem;height:0.5rem;border-radius:0.1rem;border-left:0.3rem solid #dedede;border-bottom:0.3rem solid #dedede;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:1rem;}
.label_box2 label input:checked + span {background-color:#f36910;border-color:#f36910;color:#fff;}
.label_box2 label input[type="radio"]:checked + span:before {border-color:#fff;}

/* 레이어팝업2 : 화면고정형 */
.pop_modal3 {display:none;position:fixed;left:1.5rem;right:1.5rem;top:1.5rem;bottom:1.5rem;margin:auto;border:1px solid #3e332e;background:#fff;z-index:200;}
.pop_modal3.open {display:block;}
.pop_modal3 .header {position:relative;padding:1.4rem 0;background:#3e332e;color:#fff;text-align:center;}
.pop_modal3 .header h1 {font-size:1.8rem;line-height:2.4rem;font-weight:normal;}
.pop_modal3 .header button {overflow:hidden;position:absolute;right:0;top:50%;width:4.4rem;height:0;padding:4.4rem 0 0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.pop_modal3 .header button:before,
.pop_modal3 .header button:after {content:'';display:block;position:absolute;left:50%;top:50%;width:1.6rem;height:0.2rem;background:#f36910;margin:-0.1rem 0 0 -0.8rem;}
.pop_modal3 .header ~ .btn_area1 {margin:0;padding:2.0rem;border-top:1px solid #ddd;}
.pop_modal3 .section {position:relative;overflow-y:scroll;padding:2.0rem 1.5rem;height:100%;height:-webkit-calc(100% - 18.0rem);height:-moz-calc(100% - 18.0rem);height:calc(100% - 18.0rem);-webkit-overflow-scrolling:touch;}
.pop_modal3 .section:last-child {height:-webkit-calc(100% - 9.5rem);height:-moz-calc(100% - 9.5rem);height:calc(100% - 9.5rem);}
.pop_modal3.open .header button:before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.pop_modal3.open .header button:after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}

.charge_list em {font-size: 11px;color: #666;margin-left: 1.6rem;font-weight: normal;}
/* 기본 */
.con_toggle2 {margin:2.0rem 0;border-top:1px solid #111;border-bottom:1px solid #bbb;}
.con_toggle2 > li {position:relative;border-top:1px solid #ededed;}
.con_toggle2 > li:first-child {border-top:0;}
.con_toggle2 .heading {position:relative;min-height:3.8rem;padding:0.6rem 3.0rem 0.6rem 1.0rem;font-size:1.4rem;line-height:1.9rem;color:#111}
.con_toggle2 .heading:before {content:'';display:inline-block;width:0;margin:0 -4px 0 0;height:3.8rem;vertical-align:middle;}
.con_toggle2 .heading:before, .con_toggle2 .heading h2, .con_toggle2 .heading h3 {display:inline-block;vertical-align:middle;}
.con_toggle2 .heading .label_form {position:relative;z-index:10;}
.con_toggle2 .heading .toggle {position:absolute;display:block;top:0;right:0;left:0;height:100%;text-indent:-999em;z-index:1;}
.con_toggle2 .heading .toggle:before, .con_toggle2 .heading .toggle:after {content:"";position:absolute;display:inline-block;top:2.4rem;width:0.9rem;height:0.1rem;background:#666;transition:background-color 0.1s, transform 0.1s;}
.con_toggle2 .heading .toggle:before {right:1.6rem;transform:rotate(45deg);}
.con_toggle2 .heading .toggle:after {right:1.0rem;transform:rotate(-45deg);}
.con_toggle2 .heading .mes {margin:0 -2.0rem 0 3.4rem;padding:0 0 0.7rem;font-size:1.2rem;line-height:1.6rem;color:#333;}
.con_toggle2 .heading .sub {position:absolute;right:0;top:1.1rem;}
.con_toggle2 .con {overflow:hidden;height:0;padding:0 1.5rem;-webkit-transition:padding 0.3s ease;-moz-transition:padding 0.3s ease;-o-transition:padding 0.3s ease;transition:padding 0.3s ease;}
.con_toggle2.on .heading, .con_toggle2 .on .heading {color:#f36910;}
.con_toggle2.on .heading .toggle:before, .con_toggle2.on .heading .toggle:after, .con_toggle2 .on .heading .toggle:before, .con_toggle2 .on .heading .toggle:after {background:#f36910;}
.con_toggle2.on .heading .toggle:before, .con_toggle2 .on .heading .toggle:before {transform:rotate(-45deg);}
.con_toggle2.on .heading .toggle:after, .con_toggle2 .on .heading .toggle:after {transform:rotate(45deg);}
.con_toggle2.on .con, .con_toggle2 .on .con {height:auto;padding:0 1.5rem 2.0rem;}
.con_toggle2 + .con_toggle2 {margin-top:-2.0rem;}
.section > .con_toggle2:first-child {margin-top:0;}
.tit_sub2 + .con_toggle2, .tit_sub3 + .con_toggle2 {margin:1.0rem 0 0;}
.tit_sub1 + .con_toggle2 {margin-top:1.0rem;}

/* 색상, 사이즈 */
.txt_c1 {color:#f36910 !important;}
.txt_c2 {color:#e20000 !important;}
.txt_small {font-size:12px;color:#555;}

/* 리스트 : 선택 */
.list_type1 {border-top:0.1rem solid #ddd;border-left:0.1rem solid #ddd;font-size:0;}
.list_type1 > li {display:inline-block;width:33.33%;border-right:0.1rem solid #ddd;border-bottom:0.1rem solid #ddd;box-sizing:border-box;vertical-align:top;}
.list_type1 > li > button {display:block;position:relative;width:100%;min-height:4.3rem;font-size:1.3rem;}
.list_type1 > li > button.active {background:#f36910;color:#fff;}
.list_type1 > li > button.active:after {content:'';display:block;position:absolute;top:-0.1rem;left:-0.1rem;bottom:-0.1rem;right:-0.1rem;border:0.1rem solid #f36910;}
.list_type1.block > li {display:block;width:100%;}
.list_type1.col2 li {width:50%;}