.check-list1 {display: flex; flex-wrap: wrap;}
.check-list1 li {position: relative; margin-right: 10px;}

.con_title1 {margin: 35px 0; text-align: center;}
.con_title1 h5 {position: relative; display: inline-block; margin-bottom: 20px; font-weight: 600; font-size: 1.563rem; color: #222; word-break: keep-all;}
.con_title1 h5::after {content:""; position: absolute; top: -10px; right: -10px; width: 5px; height: 5px; background: #4a67bb; border-radius: 100%;}
.con_title1 p {font-size: 1.188rem; word-break: keep-all;}


.card_type_select {display: flex; justify-content: center; }
.card_type_select li {width: 30%; margin-right: 2%;}
.card_type_select li:last-child {margin-right: 0;}
.card_type_select li:hover a, 
.card_type_select li:active a, 
.card_type_select li:focus a {outline: 1px solid rbga(74, 103, 187, 0.7); box-shadow:0 0 10px 5px rgba(74, 103, 187, 0.2);} 
.card_type_select li a {display: block; text-align: center; padding: 25px; font-weight: 500; font-size: 1.125em; border-radius: 20px;  box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.08); background: #fff; overflow: hidden; text-align: center; word-break: keep-all;}
.card_type_select li a .blue {color: #264bb8;}
.card_type_select li a .red {color: #ff4040;}
.card_type_select li a .img {display: block; width: 120px; height: 120px; margin: 0 auto; }
.card_type_select li a .img img {width: 100%; height: 100%; object-fit: contain;}
.card_type_select li a strong {display: block; margin-top: 20px; font-weight: 600;}
.card_type_select li a strong span {font-weight: 400; font-size: 14px;}
.popup_box .app_down li {width: calc(33.3% - 2%); font-size: 1rem;}
.popup_box .app_down li a img {width: 100%; height: auto;}
@media only screen and (max-width: 890px){
    .popup_box .app_down {flex-wrap: wrap;}
    .popup_box .app_down li {width: calc(50% - 10px); margin-right: 20px; margin-bottom: 20px;}
    .popup_box .app_down li:nth-child(2) {margin-right: 0;}
    .popup_box .app_down li:last-child {margin-bottom: 0;}
}
@media only screen and (max-width: 767px){
    .card_type_select li a {padding: 15px 8px;}
    .card_type_select li a .img {width: 80px; height: 80px;}
}
@media only screen and (max-width: 560px){
    .card_type_select {flex-wrap: wrap;}
    .card_type_select li {width: 90%; margin: 0 auto 20px auto;}
    .card_type_select li:last-child {margin: 0 auto 20px auto;}

}


.popup_box {position: fixed;width: 100%;height: 100% ;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 90;display: none;}
.popup_box.on {display: block;}

.popup {background: #fff;width: 90%;max-width: 700px;height: 500px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 61px 55px 40px;border-radius: 20px;overflow-y:scroll}
.popup .title {font-family:'NanumSquareRound', sans-serif !important;display: block;text-align: center;font-size: 28px;font-weight: 900;margin-bottom: 24px;line-height: 34px}
.popup .title span {font-family:'NanumSquareRound', sans-serif !important;color: #356edc}
.popup .list3 li:first-child {font-weight: 500;color: #222}
.popup .list3 li:first-child:after,
.popup .list3 li:first-child:before {background: #244fa2}
.popup .text1 {padding: 20px 25px;margin-top: 5px}
.popup .text1 strong {text-align: center;display: block;font-size: 20px;margin-bottom: 15px}
.popup .text1 em {margin-left: 12px;display: block;margin-bottom: 5px;font-weight: 500;font-size: 16px;color: #222}
.popup .btn_box {margin-top: 0}
.popup a {display: block;color: #fff;text-align: center;padding: 10px 0;margin-top: 30px}


/* 교통카드 재발급 */
.popup .reis_guide > li {margin-bottom:15px}
.popup .reis_guide li em {font-size:17px;font-weight:500}

.popup .tableB tbody tr td em {margin-right: 5px}
.popup .tableB tbody tr td label {font-size: 0}
.popup .tableB tbody tr td input[type="text"] {border: 1px solid #ddd;height: 38px;vertical-align: top;padding: 0 10px}
.popup .tableB tbody tr td button {height: 38px;width: 95px;background: #0a1f48;color: #fff;margin-left: 5px}
.popup .tableB tbody tr td .list2 li {color: #666}

@media only screen and (max-width:1023px) {
	.popup .title {font-size: 25px;margin-bottom: 16px;}
	.popup .list3 li {font-size: 17px}
	.popup .text1 .list2 li {font-size: 16px}
}

@media only screen and (max-width:767px) {
	.popup {padding: 40px 40px 30px}
	.popup .title {font-size: 22px}
	.popup .list3 li {font-size: 16px;}
	.popup .text1 .list2 li {font-size: 15px;}
	.popup a {margin-top: 15px;}
}
@media only screen and (max-width:560px) {
	.popup {padding: 30px 30px 20px}
}


/********** 공통 **********/
.left_right {display: table;text-align: center;color: #f67300;font-size: 16px;margin: 20px auto 5px;padding-left: 30px;background: url(../img/content/sub03/left_right_scroll.png)left center no-repeat;display: none}
@media only screen and (max-width:1023px) {
	.left_right {display: table}
}

.cr_bl {color:#1a75c0;}

/* 탭버튼 */
.tab_btn {display:flex;flex-wrap:wrap;margin-bottom:30px}
.tab_btn > a {border: 1px solid #ccc; padding: 15px 0;color: #717171;text-align: center;flex-shrink:1}
.tab_btn > a.on {background: #1a75c0;color: #fff;border-color: #1a75c0}

@media only screen and (max-width:1023px) {
	.tab_btn > a {font-size:16px;}
}
@media only screen and (max-width:767px) {
	.tab_btn > a {font-size:15px;}
}

/* 텍스트 박스 */
.text1 {background: #fafafa;border: 1px solid #dcdcdc;}

/* 체크박스 */
input.checkbox_input {appearance:none;-webkit-appearance: none;-moz-appearance: none;position: absolute;top:6px;left:0;width:15px;height:15px;margin:0;padding:0;border:0; background: transparent;}
/*input.checkbox_input {appearance:none;-webkit-appearance: none;-moz-appearance: none;position: absolute;top:6px;left:0;width:15px;height:15px;margin:0;padding:0;border:0}*/
input.checkbox_input + label.checkbox_label {position: relative;padding-left: 25px;display: inline-block;line-height: 16px;height: 15px;padding-left: 20px}
input.checkbox_input + label.checkbox_label:after {content:"";position: absolute;display: inline-block;width: 15px;height: 15px;border: 1px solid #ccc;cursor: pointer;top: 1px;left: 0;border-radius: 4px}
input.checkbox_input:checked + label.checkbox_label:after {background: #000;background: url(../img/layout/checkbox_icon.png)center center no-repeat #356edc;border-color: #356edc}

/* radio */
input[type="radio"].input_radio,
input[type="checkbox"].input_radio {appearance:none;-webkit-appearance: none;-moz-appearance: none; position: absolute;top:20px;/* left:0; */width:22px;height:22px;margin:0;padding:0;}
input[type="radio"].input_radio + label.radio_label,
input[type="checkbox"].input_radio + label.radio_label {position: relative;padding-left: 30px;display: inline-block;margin-right: 30px;padding: 3px 0 3px 30px;}
input[type="radio"].input_radio + label.radio_label:last-child,
input[type="checkbox"].input_radio + label.radio_label:last-child {margin-right: 0}
input[type="radio"].input_radio + label.radio_label:after,
input[type="checkbox"].input_radio + label.radio_label:after {content: ""; display: inline-block;width: 22px;height: 22px;background: url(../img/content/join/s_no_check.png)center center no-repeat;cursor: pointer;position: absolute;top: 5px;left: 0;border-radius: 100%;}
input[type="radio"].input_radio:checked + label.radio_label:after,
input[type="checkbox"].input_radio:checked + label.radio_label:after {background: url(../img/content/join/s_checked.png)center center no-repeat;}

@media only screen and (max-width:1023px) {
	input[type="radio"].input_radio + label.radio_label, input[type="checkbox"].input_radio + label.radio_label {font-size: 16px;}
}
@media only screen and (max-width:767px) {
	input[type="radio"].input_radio + label.radio_label, input[type="checkbox"].input_radio + label.radio_label {font-size:15px;}
}

/* overflow-scroll */
@media only screen and (max-width:767px) {
	.overflow_scroll {overflow:scroll}
	.overflow_scroll table {width:1000px}
}

/* 이미지 확대보기 */
.expand {display:none;margin:20px auto 0;width:auto;width:80px;text-align:center;padding:3px 0;border-radius: 20px;background:rgba(47,98,198,1.0);color:#fff;font-size:14px;}
@media only screen and (max-width:767px) {
	.expand {display:block;}
}


/********** sub01 **********/
.box {margin-bottom: 50px;}
.box em {font-size: 16px}
.box .gy_box {border: 1px solid #ddd;background: #f9f9f9;padding: 15px 25px;margin: 5px 0;}

@media only screen and (max-width:767px) {
	.box {margin-bottom: 30px;}
	.box .titl3 {margin-bottom: 10px;}
	.box em {font-size: 15px;}
}
@media only screen and (max-width:560px) {
	.box {margin-bottom: 20px;}
}

/********** sub01 지원사업안내 **********/

@media only screen and (max-width:1023px) {
	.sup_exam {overflow-x:scroll;width:100%}
	.sup_exam > table {width:1200px}
}


/********** sub02 이용안내 **********/
/* 회원가입 */
.iss_requ {margin-bottom: 50px}
.step_titl {font-family:'NanumSquareRound', sans-serif !important;font-size:20px;color:#444444;display:block; margin-top:30px}
.iss_requ .step_titl.under > span {font-family:'NanumSquareRound', sans-serif !important;color:#096fc7}
.iss_requ .step_titl.up > span {font-family:'NanumSquareRound', sans-serif !important;color:#f16b1b}
.iss_requ .step {margin-top: 20px;display: flex;justify-content: space-between;}
.iss_requ .step > li {text-align: center;width: 232px;border-radius: 20px;padding: 30px 10px;border: 1px solid #ddd;position: relative;margin-right: 10px;}
.iss_requ .step > li:last-child {margin-right: 0}
.iss_requ .step > li > strong {display: block; font-weight: 400;font-size: 16px;margin-top: 20px;word-break: keep-all}
.iss_requ .step > li > strong > span {display:block; font-size:24px;font-family:'NanumSquareRound', sans-serif !important;color:#096fc7;font-weight:600;margin-bottom:15px;}
.iss_requ .step > li .img {height:69px;position:relative}
.iss_requ .step > li .img img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.iss_requ.requ2 .step > li {width: 192px}
.iss_requ.requ3 .step > li {width: 160px}
.iss_requ.requ4 .step > li {width: 292px}

.iss_requ .inqu > li {border: 1px solid #ddd;border-radius: 20px;padding: 30px 0;text-align: center;margin-top: 10px}
.iss_requ .inqu > li img {display: block;margin: 0 auto;}
.iss_requ .inqu > li strong {font-family:'NanumSquareRound', sans-serif !important;font-size: 19px;font-weight: 600;display: block;margin-top: 20px;}
.iss_requ .inqu > li strong span {font-family:'NanumSquareRound', sans-serif !important;font-size: 26px;display: block;font-weight: 800;margin-top: 5px;}

@media only screen and (max-width:1023px) {
	.step_titl {font-size:18px;margin-top:20px;}
	.iss_requ .step {flex-wrap: wrap;align-content: stretch;justify-content: space-around;flex-direction: row;}
	.iss_requ.requ2 .step {justify-content: space-between;}
	.iss_requ .step > li, .iss_requ.requ2 .step > li {flex-shrink: 0;width:32.6%;margin-bottom: 10px;padding: 20px 10px;margin-right:0}
	.iss_requ .step > li:nth-child(3n) {margin-right: 0}
	.iss_requ.requ3 .step {justify-content:space-between}
	.iss_requ.requ3 .step > li {width:32%}

	.iss_requ .inqu > li strong {font-size: 18px;}
	.iss_requ .inqu > li strong span {font-size: 25px;}


}

@media only screen and (max-width:767px) {
	.iss_requ {margin-bottom: 30px;}
	.step_titl {font-size:16px;margin-top:15px}
	.iss_requ .step > li .img {height:50px;}
	.iss_requ .step > li img {width: 45px;}
	.iss_requ .step > li > strong {font-size: 16px;margin-top: 15px}
	.iss_requ .step > li > strong > span {margin-bottom:10px;font-size:20px;}

	
	.iss_requ .inqu > li {padding: 20px 0}
	.iss_requ .inqu > li img {width: 55px;}
	.iss_requ .inqu > li strong {font-size: 16px;margin-top: 10px;}
	.iss_requ .inqu > li strong > span {font-size: 22px;margin-top: 3px;}
}

@media only screen and (max-width:560px) {
	.iss_requ {margin-bottom: 20px}
	.iss_requ .step > li > strong {font-size: 15px;line-height: 20px}
	
	.iss_requ .inqu > li img {width: 50px;}
	.iss_requ .inqu > li strong {font-size: 15px;}
	.iss_requ .inqu > li strong > span {font-size: 21px;margin-top: 0}
}

@media only screen and (max-width:480px) {
	.iss_requ .step {padding: 0}
	.iss_requ .step > li, .iss_requ.requ2 .step > li, .iss_requ.requ3 .step > li {width: 100%;margin-right: 0;padding: 15px 30px}
	.iss_requ .step > li:after {top: inherit;bottom: -21px;right: 46%;transform: rotate(90deg);width: 30px;height: 30px;background-size: 25px;}

	.iss_requ .step > li {text-align:inherit}
	.iss_requ .step > li .img {display:inline-block;width:40px;height:50px;margin-right:20px;vertical-align:top}
	.iss_requ .step > li .img > img {width:100%;}
	.iss_requ .step > li strong {display: inline-block;margin-top: 0;vertical-align:top;width:72%}
	.iss_requ .step > li strong br {display: none}
	.iss_requ .step > li strong > span {font-size:14px;margin-bottom:5px}
}

/* APP */
.box .app_down {}
.box .app_down > li {display: inline-block;width: 180px;margin-right: 10px;border-radius: 10px;overflow: hidden}
.box .app_down > li:last-child {margin-right:0}
.box .app_down > li > a {display: block;font-size: 0;}
.box .app_down > li > a img {width: 100%}

.lcd_box {width:100%;margin-top:20px;}
.lcd_box.m_pra {display:none;}
.lcd_box > .lcd_list {display:flex;justify-content: space-between;}
.lcd_box > .lcd_list > li {position:relative;z-index:1;width:22%;margin-right:20px;}
.lcd_box > .lcd_list > li:after {content:"";position:absolute;top:50%;right:-57%;width:43px;height:21px;transform:translate(-50%,0);background:url(../img/content/sub02/talk_arrow.png)}
.lcd_box > .lcd_list.lcd2 > li:after {display:none;}
.lcd_box > .lcd_list > li > strong span {display:block;font-size:24px;font-family:'NanumSquareRound', sans-serif !important;color:#096fc7;font-weight:600;margin-bottom:15px;}
.lcd_box > .lcd_list > li > div {padding:30px 20px;text-align:center;border:1px solid #ddd;border-radius:20px;}
.lcd_box > .lcd_list > li img {width:100%}
.lcd_box > .lcd_list > li:last-child {margin-right:0}
.lcd_box > .lcd_list > li:last-child:after {display:none}

@media only screen and (max-width:1023px) {
	.lcd_box > .lcd_list li {width:26%;}
	.lcd_box > .lcd_list li:after {right:-39%}
}

@media only screen and (max-width:767px) {
	.lcd_box > .lcd_list li {width:auto;}
	.lcd_box > .lcd_list > li > strong span {margin-bottom:5px;font-size:20px;}
	.lcd_box > .lcd_list > li > div {padding:10px;}
	.lcd_box > .lcd_list li:after {display:none}
}

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

	.lcd_box.pra {display:none;}
	.lcd_box.m_pra {display:block;}
	.lcd_box > .lcd_list {flex-wrap: wrap;}
	.lcd_box > .lcd_list li {width:46%; margin-bottom:10px}
	.lcd_box > .lcd_list li:nth-child(2n) {margin-right:0}
}

@media only screen and (max-width:480px) {
	.box .app_down > li {width: 47%}
}

.sub020101 .list2 {padding-left: 10px}
.sub020101 .join_proce_box {margin-top: 40px;}
.sub020101 .join_proce_box .proce_btn {display: flex;}
.sub020101 .join_proce_box .proce_btn > a {border: 1px solid #ddd;flex-grow: 1;text-align: center;padding: 13px 0;background: #f9f9f9;font-size: 16px;border-right: 0}
.sub020101 .join_proce_box .proce_btn > a:last-child {border-right: 1px solid #ddd}
.sub020101 .join_proce_box .proce_btn > a.on {background: #1a75c0;color: #fff;border-color: #1a75c0;font-weight: 500;}
.sub020101 .join_proce {margin-top: 20px;display: none}
.sub020101 .join_proce.on {display: block;}
.sub020101 .join_proce > .proce {display: flex;justify-content: space-between;margin-top: 20px;}
.sub020101 .join_proce > .proce > li {flex-basis: auto;text-align: center;position: relative}
.sub020101 .join_proce > .proce > li:last-child {padding-right: 0}
.sub020101 .join_proce > .proce > li:last-child:after {display: none}
.sub020101 .join_proce > .proce > li:after {content:"";position: absolute;width: 19px;height: 37px;background: url(../img/content/join/step_arrow.png)center center no-repeat;right: -51px;top: 50%;transform: translate(0,-50%)}
.sub020101 .join_proce > .proce > li .text > em {margin-top: 10px;display: block;font-size: 16px;font-weight: 500}
.sub020101 .join_proce.pro2 > .proce > li:after {right: -75px;}
.sub020101 .join_proce .inqu {border: 1px solid #ddd;text-align: center;display: flex;align-items: center;justify-content: center;background: #f9f9f9;padding: 30px 0}
.sub020101 .join_proce .inqu .img {width: 70px;height: 70px;border-radius: 100%;padding: 20px 0;background: #fff;border: 1px solid #ddd}
.sub020101 .join_proce .inqu .text {padding-left: 20px;}
.sub020101 .join_proce .inqu .text > strong {font-size: 16px;font-weight: 400;display: block;text-align: left}
.sub020101 .join_proce .inqu .text > strong > span {display: block;text-align: left;font-weight: 600;font-size: 24px;margin-top: 3px;}

/* NFC 스티커 */
.sticker {margin-top:20px}
.sticker .note {border:1px solid #dedede;padding:50px 65px;display:flex;justify-content:space-between}
.sticker .note div {flex-shrink :0;width: 45%}
.sticker .note div .img {width:100%}
.sticker .note div .img img {width:100%}
.sticker .note div strong {display:block;height:45px;color:#fff;font-size:20px;font-weight:400;text-align:center;line-height:45px;border-radius:50px;margin-top:25px;}
.sticker .note div.poss strong {background:#f16b1b}
.sticker .note div.impo strong {background:#666}
.sticker .posit {float:right;position:relative;font-size:18px;color:#444444;margin-top:20px;padding-left:35px;padding-right:55px;}
.sticker .posit:before {content:"";position:absolute;width:25px;height:25px;top:0;left:0;background:url(../img/content/sub02/sticker03.png)center center no-repeat;}
.sticker .posit:after {content:"";position:absolute;width:45px;height:24px;top:0;right:0;background:url(../img/content/sub02/sticker04.png)center center no-repeat;}

@media only screen and (max-width:1023px) {
	.sticker .note div strong {font-size:17px;}
	.sticker .posit {font-size:17px}
}

@media only screen and (max-width:767px) {
	.sticker {margin-top:10px}
	.sticker .note {padding:40px 50px}
	.sticker .note div strong {font-size:15px;height:40px;line-height:40px}
	.sticker .posit {font-size:16px}
}

@media only screen and (max-width:580px) {
	.sticker .note {padding:30px 35px}
	.sticker .note div strong {font-size:14px;height:38px;line-height:38px}
	.sticker .posit {font-size:15px}
}

@media only screen and (max-width:480px) {
	.sticker .note {display:block;}
	.sticker .note div {width:100%;}
	.sticker .note div strong {font-size:14px;height:38px;line-height:38px;margin-top:15px;}
	.sticker .note div.impo {margin-top:30px;}
	.sticker .posit {font-size:14px}
}

/* 플라스틱 교통카드 */
.iss_requ.requ4 .step > li {width:393px}
.iss_requ.requ4 .step > li > img {width:auto;}
.iss_requ.requ4 .step.card_regi > li img {height:100%;width:auto}
.iss_requ.requ4 .step > li.tran_reg {width:793px}
.iss_requ.requ4 .step > li.tran_reg ul {display:flex}
.iss_requ.requ4 .step > li.tran_reg ul li {width:50%;flex-shrink:0}
.iss_requ.requ4 .step > li.tran_reg ul li strong {display:block;font-weight:400;font-size:16px;margin-top:20px;word-break:keep-all}
.iss_requ.requ4 .step > li.tran_reg ul li strong > span {display:block;font-size:24px;font-family:'NanumSquareRound', sans-serif !important;color:#096fc7;font-weight:600;margin-bottom:15px}
.iss_requ.requ4 .step > li.tran_reg ul li.tran_card {border-left:1px solid #dedede;}

@media only screen and (max-width:1023px) {
	.iss_requ.requ4 .step.card_regi > li {width:100%}
	.iss_requ.requ4 .step.card_regi > li.tran_reg {width:100%}

	.iss_requ.requ4 .step {justify-content:space-between}
	.iss_requ.requ4 .step > li {width:32%}
	.iss_requ.requ4 .step > li.rail .img {}
	.iss_requ.requ4 .step > li.rail .img img {width:100%}
}

@media only screen and (max-width:767px) {
	.iss_requ.requ4 .step.card_regi > li {}
	.iss_requ.requ4 .step > li.tran_reg ul {display:block;}
	.iss_requ.requ4 .step > li.tran_reg ul > li {flex-shrink:inherit;display:inline-block;width:49%;vertical-align:top}
	.iss_requ.requ4 .step > li.tran_reg ul > li > img {width:234px}
	.iss_requ.requ4 .step > li.tran_reg ul li strong {margin-top:15px;}
	.iss_requ.requ4 .step > li.tran_reg ul li strong > span {margin-bottom:10px;font-size:20px}
}

@media only screen and (max-width:640px) {
	.iss_requ.requ4 .step > li.tran_reg ul > li {width:100%;border-bottom:1px solid #dedede;padding-bottom:20px}
	.iss_requ.requ4 .step > li.tran_reg ul li.tran_card {border-left:0;border-bottom:0;margin-top:20px;padding-bottom:0}
}

@media only screen and (max-width:480px) {
	.iss_requ.requ4 .step.card_regi > li {text-align:center}
	.iss_requ.requ4 .step.card_regi > li .img {width:100%}
	.iss_requ.requ4 .step.card_regi > li strong {margin-top:10px;}
	.iss_requ.requ4 .step > li.tran_reg ul li strong {display:inline-block;vertical-align:top;width:72%}
	.iss_requ.requ4 .step > li.tran_reg ul li strong > span {font-size:14px;margin-bottom:5px;}

	.iss_requ.requ4 .step > li {width:100%}
}


/* 기본교통비지원 */
.charge {border:1px solid #dedede;padding:50px 65px;}
.charge > div {width:48%;display:inline-block}
.charge > div .img {text-align:center;width:100%}
.charge > div .img img {}
.charge > div .text {border:2px solid rgba(36,127,128,1.0); width:254px;height:45px;line-height:42px;border-radius:50px;background:rgba(36,127,128,1.0);overflow:hidden;margin:25px auto 0;}
.charge > div .text > span {background:#fff;color:rgba(36,127,128,1.0);display:inline-block;width:56%;text-align:center;border-radius:50px;font-weight:500}
.charge > div .text > strong {display:inline-block;width:40%;text-align:center;font-weight:400;color:#fff}

.charge > div.ch_ios .text {border-color:rgba(35,136,52,1.0);background:rgba(35,136,52,1.0);}
.charge > div.ch_ios .text > span {color:rgb(35 136 52);}

.ch_step {display:block;width:100%;margin-top:30px;}
.ch_step li {margin-bottom:10px}
.ch_step li > strong {font-size:16px;font-weight:500;}
.ch_step li > strong > span {display:inline-block;width:25px;height:25px;background: #096fc7; border-radius:100%;text-align:center;color:#fff;line-height:25px;font-size:14px;font-weight:400;margin-right:10px}

@media only screen and (max-width:1023px) {
	.charge > div .img img {width:210px}
	.charge > div .text {width:225px;font-size:16px}

	.ch_step li > strong {font-size:15px;}
}

@media only screen and (max-width:767px) {
	.charge {padding:50px 30px}
	.charge > div .img img {width:150px}
	.charge > div .text {width:200px;height:40px;line-height:36px}
}

@media only screen and (max-width:560px) {
	.charge {padding:30px 20px}
	.charge > div {width:100%}
	.charge > div.ch_ios {margin-top:30px;}
	.charge > div .text {font-size:15px;width:180px;}

	.ch_step li {margin-bottom:7px;}
	.ch_step li > strong {font-size:14px;}
}


/********** sub03 교통카드 **********/

/* sub030101 대상자 교통카드 신규 발급신청 */
.sub030101 .request_box .input div .tableA tbody tr:last-child td label {font-size: 0;display: block;}


/* sub030102 자녀 교통카드 신규 발급신청 */
.sub030102 .request_title .text1 {width: 100%;display: block;float: left;padding: 8px 15px;margin-top: 10px;}
.sub030102 .request_box .input .tableA tbody tr td input.checkbox_input + label.checkbox_label {height: 15px;padding-left: 15px;}



@media only screen and (max-width:767px) {
	.sub030102 .request_box .child_list_title {font-size: 16px;}
}

/* sub030301 대상자 교통카드 재발급 발급신청 */
.sub030301 .input_form .input .entry .tableA tbody tr:nth-child(2) td:first-child {border-left:1px dashed #ddd }
.sub030301 .input_form .input .entry .tableA tbody tr td select {border: 1px solid #ddd;font-size: 15px;height: 40px;color: #555;width: 100%;padding: 0 5px}
.input_form .input .entry div.card_chan > div {display:flex;margin-top:10px;}
.input_form .input .entry div.card_chan > div .list1 {margin-right:15px;}

/* sub030302 자녀 교통카드 재발급 신청*/
.sub030302 .request_box .input em span {font-weight: 600;padding-left: 10px;font-size: 15px;color: #f55a00}

@media only screen and (max-width:1199px) {
	.sub030302 .overflow-scroll {overflow-x: scroll;}
	.sub030302 .overflow-scroll table {width: 1200px}
}

@media only screen and (max-width:767px) {
	.input_form .input .entry div.card_chan > div {display:block;}
}

/* sub030401 대상자 교통카드 분실신고 */
.sub030401 .tab_btn a {width: 49.8%;}
.sub030401 .loss {display: none}
.sub030401 .loss.on {display: block;}
.sub030401 .input_form .input .entry .text1 {padding: 20px 30px}
.sub030401 .input_form .input .entry .text1 .agree {position:relative;display: table;margin: 20px auto 0}
.sub030401 .input_form .input .entry .text1 .agree label {padding-left: 20px;font-size: 15px;font-weight: 500}

@media only screen and (max-width:767px) {
	.sub030401 .input_form .input .entry .text1 {padding: 20px}
}


/* 플라스틱 교통카드 등록 */
/* sub030201 */
.sub030201 .input_form .input .entry > em > b {color: #ff7d00;font-weight: 500}
.sub030201 .input_form .input .entry > em > b.bl {color: #2763d6}

.sub030201 .request_box .input input[type="text"] {border: 1px solid #ddd;height: 56px;padding: 0 15px;width: 50%;vertical-align: top}
.sub030201 .request_box .input button {width: 20%;height: auto}


.sub030201 .request_box .input table tbody tr td .list1 {text-align: left}
.sub030201 .request_box .input table tbody tr td input[type="text"] {border: 1px solid #ddd;vertical-align: top;height: 40px;width: 100%;padding: 0 15px}
.sub030201 .request_box .input table tbody tr td button {height: 48px;width: 60%;font-size: 17px;background: #0c2f4c;color: #fff;border-radius: 60px;}



@media only screen and (max-width:767px) {
	.sub030201 .request_box .input input[type="text"] {height: 50px;width: 77%}
	.sub030201 .request_box .input button {width: 22%}
	
	.sub030201 .request_box .input table tbody tr td button {font-size: 15px}
}
@media only screen and (max-width:560px) {
	.sub030201 .request_box .input input[type="text"] {width: 70%}
	.sub030201 .request_box .input button {width: 28%}
	

}


/********** sub03 교통카드 **********/
.child_list_title {margin-top: 30px;display: block;text-align: center;background: #f1f1f1;color: #444;margin-bottom: 5px;padding: 12px 0;font-weight: 500;border: 1px solid #ddd;font-size: 18px;width: 100%}

@media only screen and (max-width:1023px) {
	.child_list_title {font-size: 17px;}
}


.input_form .input .address .radio_label {margin-bottom:10px}


/********** sub03 교통카드 **********/

/* sub030101 */
.sub030101 .input_form .input .entry .tableA tbody tr:first-child td:first-child {border-left: 0}
.sub030101 .input_form .input .entry .tableA tbody tr:last-child td {border-left: 1px dashed #ddd}
.sub030101 .input_form .input .entry .tableA tbody tr td select {border: 1px solid #ddd;font-size: 15px;height: 40px;color: #555;width: 100%;padding: 0 5px}
.sub030101 .input_form .input .entry .tableA tbody tr:last-child td input[id="sprmnyPymntTrgterId"] {border: 1px solid #ddd;font-size: 14px;height: 40px;width: 100%;padding: 0 10px;}
.info_issu {}
.info_issu .text1 {padding:20px;margin-top:5px}
.info_issu .text1 .list1 {margin-left:10px}

/* sub030103(교통카드 발급 완료) */
.sub030103 .text1 {padding: 40px 50px;margin: 0 auto 0;}
.sub030103 .text1 strong {display: block;font-size: 22px;margin-bottom: 15px;color: #222}
.sub030103 .text1 .app_store {padding: 10px 0}
.sub030103 .text1 .app_store ul li {display: inline-block;width: 49%;text-align: center}
.sub030103 .text1 .app_store ul li a {display: block;background: #222;border-radius: 5px;padding: 5px 0}
.sub030103 .text1 .app_store ul li a img {width: 150px}
.sub030103 > a {display: block; text-align: center;margin-top: 20px;color: #fff;padding: 10px 0;font-size: 16px;}

@media only screen and (max-width:1023px) {
	.sub030103 .text1 {padding: 30px 40px;}
	.sub030103 .text1 strong {font-size: 20px}
}

@media only screen and (max-width:767px) {
	.sub030103 .text1 {padding: 25px}
	.sub030103 .text1 strong {font-size: 18px;margin-bottom: 10px;}
}
@media only screen and (max-width:520px) {
	.sub030103 .text1 .app_store ul li a img {width: 80%}
}


/* sub030104 (플라스틱 교통카드 발급 완료) */
.sub030104 .text1 {padding: 40px 50px;margin-top: 20px;}
.sub030104 .text1 strong {display: block;font-size: 22px;color: #102f48;margin-bottom: 15px}
.sub030104 table {margin-top: 10px}
.sub030104 .list1 li.bold {font-weight: 500;color: #0061b1}
.sub030104 .list1 li.bold::after {background: #0061b1}
.sub030104 .list2 li {font-weight: 500;margin-bottom: 10px;}
.sub030104 .btn_bace {display: block;padding: 10px 0;text-align: center;margin-top: 20px}

@media only screen and (max-width:1023px) {
	.sub030104 .text1 {padding: 30px 40px}
	.sub030104 .text1 strong {font-size: 20px;}
}

@media only screen and (max-width:757px) {
	.sub030104 .text1 {padding: 25px}
	.sub030104 .text1 strong {font-size: 18px;margin-bottom: 10px;}
}

/* sub030202 */
.sub030202 .input_form .input .entry .cardnumber {margin-bottom: 30px;}
.sub030202 .input_form .input .entry .cardnumber:last-child {margin-bottom: 0}
.sub030202 .input_form .input .entry .cardnumber em {width: 730px;display: block;margin-bottom: 5px;}
.sub030202 .input_form .input .entry .cardnumber input[type="text"] {width: 550px}
.sub030202 .input_form .input .entry .cardnumber button {width: 180px}

@media only screen and (max-width:1256px) {
	.sub030202 .input_form .input .entry .cardnumber em {width: 100%;}
	.sub030202 .input_form .input .entry .cardnumber input[type="text"] {width: 79%;}
	.sub030202 .input_form .input .entry .cardnumber button {width: 20%}
}

@media only screen and (max-width:767px) {
	.sub030202 .input_form .input .entry .cardnumber em {height: 45px;line-height: 43px}
}

@media only screen and (max-width:560px) {
	.sub030202 .input_form .input .entry .cardnumber {margin-bottom: 20px;}
	.sub030202 .input_form .input .entry .cardnumber input[type="text"] {width: 75%}
	.sub030202 .input_form .input .entry .cardnumber button {width: 25%;margin-top: 0}
	.sub030202 .input_form .input .entry .cardnumber .list1 li {font-size: 14px;}
}


/********** sub04 마이페이지 **********/
.mypage .title {}
.mypage .title p {text-align:center;margin-top:20px;color:#333;font-size:17px;}
.mypage .title p > span {color:#dc3535}

/*** sub040201, sub040202 교통카드사용내역 ***/
.inquiry {margin-bottom:10px;}
.inquiry:after {content:"";display:block;clear:both}
.inquiry select {border:1px solid #ddd;height:40px;width:150px;font-size:15px;padding:0 5px;vertical-align:top;}
.inquiry .date {float:right;}
.inquiry .date > select {border:1px solid #ddd;height:40px;width:120px;font-size:15px;padding:0 5px;vertical-align:top;}
.inquiry .date button {height:40px;width:100px;color:#fff;font-size:15px;}

@media only screen and (max-width:767px) {
	.inquiry .date select {font-size:14px;}
}

@media only screen and (max-width:400px) {
	.inquiry {}
	.inquiry .date {float:inherit;width:100%}
	.inquiry select.year {width:100%;}
	.inquiry select.month {width:100%}
}

/* 페이징 */
.paging {display:table;margin:40px auto 0;}
.paging a {display:inline-block;border:1px solid #ccc;color:rgba(0,0,0,0.4);height:40px;width:40px;text-align:center;line-height:38px;font-size:16px;position:relative;margin-right:7px}
.paging a:last-child {margin-right:0}
.paging a.on {color:#0050bf;border-color:#0050bf}
.paging a.prev_page, .paging a.next_page {font-size:0;}
.paging a.prev_page:before {content:"";position:absolute;width:10px;height:1px;background:#ccc;top:15px;left:14px;transform:rotate(-45deg)}
.paging a.prev_page:after {content:"";position:absolute;width:10px;height:1px;background:#ccc;top:22px;left:14px;transform:rotate(45deg)}
.paging a.next_page:before {content:"";position:absolute;width:10px;height:1px;background:#ccc;top:15px;right:14px;transform:rotate(45deg)}
.paging a.next_page:after {content:"";position:absolute;width:10px;height:1px;background:#ccc;top:22px;right:14px;transform:rotate(-45deg)}

@media only screen and (max-width:767px) {
	.paging a {width: 35px;height: 35px;line-height: 32px;font-size: 14px;margin-right: 5px;margin-bottom: 5px}
	
	.paging a.prev_page:before {top: 13px;left: 12px}
	.paging a.prev_page:after {top: 20px;left: 12px}
	.paging a.next_page:before {right: 12px;top: 13px}
	.paging a.next_page:after {right: 12px;top: 20px}
}

/*** sub040301_카드사용내역(잔액조회) ***/
.sub040201 {position:relative;}
.sub040201 .rmark {position:absolute;left:0;top:9px;font-size:16px;color:#db0000;}
	/* PC */
	@media only screen and (max-width:1300px) {
		.sub040201 .rmark {position:relative;top:0;margin-bottom:10px;}
	}

/*** sub040301 지원금 내역 ***/
.support_amount {float:right;margin-top:20px;}
.support_amount strong {display:inline-block;background:#333;color:#fff;padding:12px 30px}
.support_amount em {border:1px solid #ddd;display:inline-block;margin-left:-3px;padding:11px 40px;border-left:0;letter-spacing:0;font-weight:600}

/*** sub040401 회원탈퇴 ***/
.sub040401 .text1 {padding:40px;margin-top:40px;}
.sub040401 .text1 > strong {font-size:20px;display:block; margin-bottom:15px;}
.sub040401 .text1 .agree {position:relative;display:table;margin:20px auto 0}
.sub040401 .text1 .agree input.checkbox_input {top:6px}
.sub040401 .text1 .agree label {font-size:15px;font-weight:500}
.sub040401 .input_form {display: none}
.sub040401 .input_form.on {display: block}
.sub040401 .input_form .input .card em {display:none}
.sub040401 .input_form .input .card em.on {display:block;}
.sub040401 .input_form .input .account .refund > div {position:relative;display:inline-block;margin-right:10px;}
.sub040401 .input_form .input .account .refund > div input[type="radio"] {top:5px;}

.bbik_info:after {content:"";display:block;clear:both}
.bbik_info {margin-top: 15px;}
.bbik_info .img {float:left;}
.bbik_info .txt {float:left; margin-left: 20px; padding: 8px 0}
.bbik_info .txt > strong {font-family: 'NanumSquareRound'; font-weight: 900; font-size:22px;}
.bbik_info .txt > i {display:block; margin-top: 5px;font-family: 'NanumSquareRound';  font-size: 19px;}
.bbik_info .txt > i > span {font-family: 'NanumSquareRound'; }

@media only screen and (max-width:767px) {
	.sub040401 .input_form .input > label > br {display:none}

	.bbik_info .txt {margin-left: 15px; padding: 9px 0;}
	.bbik_info .txt > strong {font-size: 18px;}
	.bbik_info .txt > i {font-size: 17px;}
}


/* 입력 폼 - 공통 */
.input_form {position:relative;border-top:2px solid #222;margin-top:40px}
.input_form .input {border-bottom:1px solid #ddd;display:table;width:100%; position:relative;padding:15px 5px}
.input_form .input > label, .input_form .input > strong {display:table-cell;vertical-align:middle;width:22%;font-size:18px;font-weight:500;}
.input_form .input > label > span, .input_form .input > strong > span {color:#e81515}

.input_form .input .entry em {color: #444;font-size: 17px;border: 1px solid #ddd;display: block;width: 100%;padding: 0 15px;background: #f9f9f9;height:55px;line-height:52px}

.input_form .input .entry {width:100%;}
.input_form .input .entry input[type="text"],
.input_form .input .entry input[type="password"] {border:1px solid #ddd;height:55px;width:82%;vertical-align:top;font-size:17px;padding:0 15px;display:inline-block}
.input_form .input .entry td div{width: 70%;}
.input_form .input .entry td div * {display: inline-block;}

.input_form .input .entry.phone button,
.input_form .input .entry button {height:55px;width:17%;background:#0a1f48;color:#fff;font-size:16px;}

.input_form .input .entry .alert li {color: #0a1f48;font-weight: 500;}
.input_form .input .entry .alert li:after {background: #0a1f48}

.info_box div.input div.siheung_check em {height: 55px;line-height: 55px;margin-top: 0;font-size: 18px;margin-left: 10px;font-weight: 500;display: none}
.info_box div.input div.siheung_check em.on {display: inline-block}
.info_box div.input div.siheung_check em.check {color: #356edc;}
.info_box div.input div.siheung_check em.no_check {color: #ee3700;}

/*휴대폰 인증*/
.input_form .input.phone .entry input[type="text"] {width:64.7%;margin-bottom:3px;}
.input_form .input.phone .entry .parsley-errors-list {display:inline-block;}


/* 신청카드 */
.input_form .input .entry .card_mobile {display:inline-block;margin-right:30px}
.input_form .input .entry .card_mobile > strong {font-weight:400}

/* 시흥시민 확인 */
.input_form .input .siheung_check button {margin-left:0}
.input_form .input .siheung_check p {height:50px;line-height:50px;font-size:18px;font-weight:500;display:none}
.input_form .input .siheung_check p.on {display:inline-block}
.input_form .input .siheung_check p.yes {color:#356edc}
.input_form .input .siheung_check p.no {color:#ee3700}

/* 주민번호 */
.input_form .input .resident  input[type="text"],
.input_form .input .resident  input[type="password"] {width:232px}
.input_form .input .resident  button {margin-left:0}

/* 주소 */
/* .input_form .input .address input[id="address"] {width:653px;margin-top:4px} */
.input_form .input .address input[id="userAdresBass"] {width:64.7%;margin-bottom:3px}
.input_form .input .address input[id="cardRecptAdresBass"] {width:64.7%;margin-bottom:3px}

/* 계좌 */
.input_form .input .account .account_number {display:none;width:100%;margin-top:15px}
.input_form .input .account .account_number.on {display:block;}
.input_form .input .account .account_number label {height:50px;line-height:46px;display:inline-block;width:10%}
.input_form .input .account .account_number input[type="text"] {width:558px}
.input_form .input .account .bank {display:none; width:100%;margin-top:10px;}
.input_form .input .account .bank.on {display:block;}
.input_form .input .account .bank label {height:50px;line-height:46px;display:inline-block;width:10%;}
.input_form .input .account .bank select {height:55px;width:397px;border:1px solid #ddd;font-size:17px;padding:0 5px;vertical-align:top}


@media only screen and (max-width:1023px) {
	.input_form .input > label, .input_form .input > strong {font-size:17px;padding-right:20px;word-break: keep-all;}
	.input_form .input .entry em {font-size:16px;width:100%}
	.input_form .input .entry .alert li {font-size:15px;}
	.input_form .input .entry .list2 li {font-size:15px;}

	.input_form .input .entry input[type="text"], .input_form .input .entry input[type="password"] {width:70%; font-size: 0.9rem;}
	.input_form .input .entry td div {width: 100%; }
	.input_form .input .entry input td div {display: flex; }
	.input_form .input .entry button {width:29.4%}

	/*휴대폰 인증*/
	.input_form .input.phone .entry input[type="text"]{width:70.2%}
	.input_form .input.phone .entry button {width:29%;}
	/* 신청카드 */
	.input_form .input .entry .card_mobile > strong {font-size:16px;}
	/* 주민번호 */
	.input_form .input .resident input[type="text"], .input_form .input .resident input[type="password"] {width:34.8%}
	/* 주소 */
	.input_form .input .address input[type="text"] {width:100%;}
	.input_form .input .address input[id="cardRecptAdresBass"] {}
	.input_form .input .address .zipCode > button {width:100%;margin-bottom:3px}
	/* 계좌 */
	.input_form .input .account .account_number label {width:15%}
	.input_form .input .account .account_number input[type="text"] {width:84%}
	.input_form .input .account .bank label {width:15%}
	.input_form .input .account .bank select {width:54%}

}

@media only screen and (max-width:767px) {
	.input_form .input {padding:15px 5px;}
	.input_form .input > label, .input_form .input > strong {display:block; width:100%;margin-bottom:10px;font-weight:600;font-size:16px;}

	.input_form .input .entry input[type="text"],
	.input_form .input .entry input[type="password"] {width:100%;height:43px}
	.input_form .input .entry > em {display:block; font-size:15px;height:43px;line-height:42px}
	.input_form .input .entry button {width:29.3%;font-size:15px;height:43px}

	/* 아이디 */
	.input_form .input .entry input[id="id"] {width:70%}
	/* 신청카드 */
	.input_form .input .entry .card_mobile > strong {font-size:15px;}
	/* 주민번호 */
	.input_form .input .resident input[type="text"], .input_form .input .resident input[type="password"] {width:34.8%}
	/* 주소 */
	.input_form .input .address .zipCode input[id="zipCode"] {width:70%}
}

@media only screen and (max-width:560px) {
	.input_form .input > label, .input_form .input > strong {font-size:15px;}

	.input_form .input .entry .alert li {font-size:14px;line-height:21px}
	.input_form .input .entry .alert li br {display:none}
	.input_form .input .entry .alert li:after {top:8px}
	.input_form .input .entry .list2 li {font-size:14px;margin-top:0}

	.input_form .input .entry button {width:100%;margin-left:0;margin-top:4px;font-size:14px;}
	/*휴대폰 인증*/
	.input_form .input.phone .entry input[type="text"]{width:100%;}
	.input_form .input.phone .entry button {width:100%;}
	/* 아이디 */
	.input_form .input .entry input[id="id"] {width:100%}
	/* 주민번호 */
	.input_form .input .resident input[type="text"], .input_form .input .resident input[type="password"] {width:49.5%}
	/* 주소 */
	.input_form .input .address .zipCode input[id="zipCode"] {width:100%}
	/* 계좌 */

	.input_form .input .account .account_number label,
	.input_form .input .account .bank label {height:auto;line-height:40px}
	.input_form .input .account .account_number label,
	.input_form .input .account .bank label,
	.input_form .input .account .account_number input[type="text"],
	.input_form .input .account .bank select {width:100%}
	.input_form .input .account .bank {margin-top:5px;}
}








/***** 회원 서비스 *****/

/* 로그인 */
.login_box {position: relative;max-width: 1200px;width: 100%;margin: 0 auto;}
.login_box .logo_img {text-align: center;padding: 0px 0 50px}
.login_box .logo_img img {width: 150px}
.login_box .login {width: 350px;margin: 0 auto;}
.login_box .login .login_input input[type="text"],
.login_box .login .login_input input[type="password"] {width: 100%;padding: 15px;border: 1px solid #ddd;border-radius: 50px;font-size: 15px;width: 100%;display: block;margin-bottom:10px}
.login_box .login .login_input .find_btn {display: block;width: 100%}
.login_box .login .login_input .find_btn:after {content: "";display: block;clear: both}
.login_box .login .login_input .find_btn .save_id {position:relative;float: left;}
.login_box .login .login_input .find_btn .save_id input[type="checkbox"]::-ms-check {display:none}
.login_box .login .login_input .find_btn .save_id input.input_radio {top:5px}
.login_box .login .login_input .find_btn .save_id label {font-size: 14px;}
.login_box .login .login_input .find_btn {text-align: center;}
.login_box .login .login_input .find_btn div {float: right}
.login_box .login .login_input .find_btn div a {display: inline-block;font-size: 14px;position: relative;color: #757575}
.login_box .login .login_input .find_btn div a:first-child {margin-right: 15px;}
.login_box .login .login_input .find_btn div a:first-child:after {content:"";position: absolute;width: 1px;height: 10px;background: #ccc;top: 8px;right: -10px}
.login_box .login .login_input .login_btn {width: 100%;display: block; background: #000;color: #fff;border-radius: 50px;text-align: center;padding: 15px 0;background: #356edc;margin-top:10px}
.login_box .login .join_line {width: 100%;display: block;text-align: center;position: relative;margin: 30px 0 20px;font-size: 14px;color: #333}
.login_box .login .join_line:before {content:"";position: absolute;width: 43%;height: 1px;background: #333;top: 13px;;left: 0;}
.login_box .login .join_line:after {content:"";position: absolute;width: 43%;height: 1px;background: #333;top: 13px;right: 0;}
.login_box .login .join em {display: block;font-size: 14px;text-align: center;}
.login_box .login .join .join_btn {display: block; width: 100%;padding: 13px 0;text-align: center;background: #333;border-radius: 50px;color: #fff;font-size: 15px;margin-top: 10px}

@media only screen and (max-width:400px) {
	.login_box .login {width: 100%}
}

/* 회원가입 */
.member_box {width: 100%;margin: 0 auto;max-width: 1200px;position: relative;padding: 80px 0}
.member_box strong.type_title {display: block; text-align: center;font-size: 33px;font-family:'NanumSquareRound', sans-serif !important;font-weight: 900;color: #333}
.member_box strong.type_title span {;font-family:'NanumSquareRound', sans-serif !important;color: #356edc}
.member_box .join_step {margin-top: 50px;}
.member_box .join_step ul:after {content:"";display: block;clear: both}
.member_box .join_step ul li {float: left;width: 20%;text-align: center;position: relative}
.member_box .join_step ul li .icon {position: relative}
.member_box .join_step ul li .icon:after {content:"";position: absolute;width: 20px;height: 38px;right: -14px;top: 50%;transform: translate(0,-50%);background: url(../img/content/join/step_arrow.png)center center no-repeat}
.member_box .join_step ul li:last-child .icon:after {display: none}
.member_box .join_step ul li strong {font-size: 22px;color:rgba(0,0,0,0.55);font-weight: 700;display: block;margin-top: 15px;}
.member_box .join_step ul li strong > span {display: block;font-size: 14px;font-weight: 500}
.member_box .join_step ul li.on strong {color: #222}

.member_box .join_title {margin-top: 90px;text-align: center;}
.member_box .join_title strong {position: relative;font-size: 30px;font-weight: 900;color: #0a1f48;font-family:'NanumSquareRound', sans-serif !important;}
.member_box .join_title strong:after {content:"";position: absolute;width: 24px;height: 7px;background: #356edc;top: -18px;left: 50%;transform: translate(-50%,0)}
.member_box .join_title p {margin-top: 20px;color: #555d6d;font-size: 18px;}
.member_box .join_title ul {display:table;margin:0 auto;text-align:left;margin-top:20px;}
.member_box .join_title ul > li.emp {color:#e82000;font-weight:500}

/* PC */
@media only screen and (max-width:1199px) {
	.member_box {padding: 0 20px;}
}

/*태블릿*/
@media only screen and (max-width:1023px) {
	.member_box {width: 100%;padding: 50px 0}
	.member_box strong.type_title {font-size: 28px;}
	.member_box .join_step ul li .icon img {width: 60%}
	.member_box .join_step ul li strong {font-size: 20px;}
	.member_box .join_title strong {font-size: 26px;}
	.member_box .join_title p {font-size: 17px;}
}

/* 모바일 */
@media only screen and (max-width:767px) {
	.member_box {padding: 30px 0}
	.member_box strong.type_title {font-size: 24px;}
	.member_box .join_step {margin-top: 40px;}
	.member_box .join_step ul li {display: none}
	.member_box .join_step ul li.on {display: block;width: 100%;border-top: 1px dashed #ddd;border-bottom: 1px dashed #ddd;padding: 20px 0}
	.member_box .join_step ul li.on .icon {display: inline-block;vertical-align: top;width: 111px}
	.member_box .join_step ul li.on .icon img {width: 100%}
	.member_box .join_step ul li.on .icon:after {display: none}
	.member_box .join_step ul li.on strong {display: inline-block;margin-top: 0;padding: 31px 20px;text-align: left}
	.member_box .join_title {margin-top: 70px;}
	.member_box .join_title strong {font-size: 23px;}
	.member_box .join_title p {font-size: 16px;margin-top: 10px;}
}
@media only screen and (max-width:560px) {
	.member_box {padding: 20px 0}
	.member_box strong.type_title {font-size: 22px;line-height: normal}
	.member_box strong.type_title span {display: block;margin-top: 5px;}
	.member_box .join_step {margin-top: 30px;}
	.member_box .join_step ul li.on strong {font-size: 19px;}
	.member_box .join_title {margin-top: 50px;}
	.member_box .join_title strong {font-size: 19px;}
	.member_box .join_title p {font-size: 15px;line-height: 21px;}
}

/* 아이디 찾기 완료 */
.login_box .text1 {max-width: 800px;width: 100%;margin: 50px auto 0;padding: 80px 20px;text-align: center;}
.login_box .text1 strong {font-size: 30px;display: block;font-weight: 500}
.login_box .text1 strong span {font-weight: 600;color: #033780}
.login_box .text1 em {font-size: 18px;display: block;margin-top: 18px;color: #828282;}


/* 태블릿 */
@media only screen and (max-width:1023px) {
	.login_box .text1 {margin-top:30px}
	.login_box .text1 strong {font-size: 24px;}
	.login_box .text1 em {font-size:16px;}
}
/* 모바일 */
@media only screen and (max-width:767px) {
	.login_box .text1 strong {font-size: 20px;}
	.login_box .text1 em {font-size:15px;margin-top:12px}
} 

@media only screen and (max-width:560px) {
	.login_box .text1 strong {font-size: 18px;}
	.login_box .text1 em {font-size:14px;margin-top:8px}
}  




/*** 비밀번호 찾기 ***/
.login_box .password_find {margin-top: 40px;background: #f9f9f9;border: 1px solid #ddd;padding: 50px}
.login_box .password_find > p {display: block;text-align: center;font-size: 20px;line-height: 29px;color: #333}
.login_box .password_find .new_password {width: 63%;margin: 40px auto 0;}
.login_box .password_find .new_password > .list1 li {margin-left: 10px;margin-top: 5px;margin-bottom: 15px;font-size: 14px;}
.login_box .password_find .new_password > .list1 li span {color: #356edc;font-weight: 600}
.login_box .password_find .new_password input[type="password"] {display: block;width: 100%;border: 1px solid #ddd;background: #fff;height: 60px;font-size: 16px;padding: 0 15px}
.login_box .password_find .new_password > button {width:100%;display: block; margin-top: 15px;text-align: center;font-size: 18px;background: #15284d;color: #fff;height: 60px;line-height: 60px;}
.login_box .password_find .new_password > strong {display: block; margin-top: 30px;color: #356edc;font-weight: 500;margin-bottom: 5px;}
.login_box .password_find .new_password > ul.list2 li {font-size: 15px;color: #7b7b7b;}
.login_box .password_find .new_password > ul.list2 li:after {background: #7b7b7b;}

/* 태블릿 */
@media only screen and (max-width:1023px) {
	.login_box .password_find {padding: 40px 0}
	.login_box .password_find > p {font-size: 18px;line-height: 27px;}
}

/* 모바일 */
@media only screen and (max-width:767px) {
	.login_box .password_find {margin-top: 30px;padding: 30px 0}
	.login_box .password_find > p {font-size: 16px;line-height: 24px}
	.login_box .password_find .new_password {margin: 30px auto 0;width: 80%}
	.login_box .password_find .new_password input[type="password"] {height: 52px;font-size: 15px;}
	.login_box .password_find .new_password > button {height: 52px;line-height: 52px;margin-top: 10px;font-size: 16px;}
	.login_box .password_find .new_password > strong {margin-top: 15px;font-size: 16px;}
	.login_box .password_find .new_password > ul.list2 li {font-size: 14px;}
}
@media only screen and (max-width:560px) {
	.login_box .password_find {padding: 30px}
	.login_box .password_find .new_password {width: 100%}
}

/*** 재동의 ***/
.login_box .login_title {display: block;font-size: 33px;line-height: 45px;text-align: center;font-family:'NanumSquareRound', sans-serif !important;font-weight: 900;color: #333}
.login_box .login_title span {font-family:'NanumSquareRound', sans-serif !important;display: block;color: #356edc}
.login_box > p {margin-top: 20px;color: #606060;font-size: 18px;text-align: center;}

.login_box .title p {text-align: center;margin-top: 20px;font-size: 18px;color: #555d6d}
.login_box .title p span {font-weight: 600}
.login_box .title strong {text-align: center;display: block;font-size: 18px;margin-top: 10px;font-weight: 500;line-height: normal}
.login_box .re_agre {}
.login_box .re_agre .text1 {text-align: left;padding: 40px 50px;margin: 30px auto 0;max-width: inherit;width: 100%}
.login_box .re_agre .text1 strong {font-size: 22px;font-weight: 600}
.login_box .re_agre .text1 .list1 {margin-top: 15px;}
.login_box .re_agre .list2 li {margin: 5px 0}
.login_box .re_agre .list2 li > span {color:red}
.login_box .re_agre .text1 .agre_text {border: 1px solid #ddd;background: #fff;margin-top: 15px;padding: 20px;overflow-y: scroll}

.login_box .re_agre .btn_box a:nth-child(1) {background: #356edc}
.login_box .re_agre .btn_box a:nth-child(2) {background: #033780}
.login_box .re_agre .btn_box a:nth-child(3) {background: #414141}

/* 태블릿 */
@media only screen and (max-width:1023px) {
	.login_box .login_title {font-size:26px;line-height:36px}
	.login_box .title p,
	.login_box .title strong {font-size: 17px;}
	.login_box .re_agre .text1 .list1 {margin-top: 10px}
	.login_box .re_agre .text1 strong {font-size: 20px;}
}
/* 모바일 */
@media only screen and (max-width:767px) {
	.login_box .login_title {font-size:22px;line-height:31px}
	.login_box .title p,
	.login_box .title strong {font-size: 16px}
	.login_box .re_agre .text1 strong {font-size: 18px;}
}
@media only screen and (max-width:560px) {
	.login_box .login_title {font-size:20px;line-height:31px}
	.login_box .title p,
	.login_box .title strong {font-size: 15px;}
	.login_box .re_agre .text1 {padding: 30px}
	.login_box .re_agre .text1 strong {font-size: 17px;}
}





/**** STEP01 - 회원유형 선택 ****/
.member_box .type_choice .text1 {padding: 50px;}
.member_box .type_choice .text1 .list2 {margin-left: 10px}

.member_box .type_btn {}
.member_box .type_btn:after {content:"";display: block;clear: both}
.member_box .type_btn a {display: block;width: 48%;float: left;text-align: center;padding: 190px 0 50px 0;border-radius: 20px;color: #fff;min-height: 346px}
.member_box .type_btn a strong {display: block;font-size: 30px;font-family:'NanumSquareRound', sans-serif !important;font-weight: 900}
.member_box .type_btn a strong br {display: none}
.member_box .type_btn a em {font-size: 18px;display: block ;margin-top: 30px;font-weight: 300;line-height: 26px}
.member_box .type_btn a.child_btn {background:url(../img/content/join/type_choice02.png) center 40px no-repeat #df6a0a;}
.member_box .type_btn a.parents_btn {float: right;background: url(../img/content/join/type_choice01.png) center 40px no-repeat #00419c}

/* 태블릿 */
@media only screen and (max-width:1023px) {


	.member_box .type_btn a {padding: 170px 15px 40px;min-height: 316px}
	.member_box .type_btn a.child_btn,
	.member_box .type_btn a.parents_btn {background-size: 180px;}
	.member_box .type_btn a strong {font-size: 25px;}
	.member_box .type_btn a em {font-size: 17px;}
}
/* 모바일 */
@media only screen and (max-width:767px) {


	.member_box .type_choice .text1 {margin-top: 20px;padding: 40px }
	
	.member_box .type_btn a {padding: 157px 20px 40px;min-height: 314px}
	.member_box .type_btn a.child_btn,
	.member_box .type_btn a.parents_btn {background-size: 160px;}
	.member_box .type_btn a strong {font-size: 22px;}
	.member_box .type_btn a em {font-size: 16px;margin-top: 15px;}
	.member_box .type_btn a em > br {display: none}
	
}
@media only screen and (max-width:560px) {
	
	
	.member_box .type_choice .text1 {padding: 25px}
	.member_box .type_choice .list1 li {font-size: 14px;}
	.member_box .type_choice .list2 > li {font-size: 14px;}
	.member_box .type_choice .list2 > li > br {display: none}
	.member_box .type_choice .mt10 {margin-top: 5px;}
	
	.member_box .type_btn {margin-top: 20px;}
	.member_box .type_btn a {padding: 120px 20px 30px;width: 100%;min-height: inherit}
	.member_box .type_btn a.child_btn,
	.member_box .type_btn a.parents_btn {background-size: 120px;background-position: center 30px}
	.member_box .type_btn a.child_btn {margin-bottom: 10px;}
	.member_box .type_btn a strong {font-size: 20px;line-height: 28px;}
	.member_box .type_btn a strong br {display: block;}
	.member_box .type_btn a em {font-size: 15px;line-height: 22px;margin-top: 10px;}
}

/**** 약관동의 ****/
.agreement {margin-top: 40px;}
.agreement .agreement_box {background: #fafafa;border: 1px solid #dcdcdc;position: relative;margin-bottom: 10px;}
.agreement .agreement_box .agr_content:after {content: "";display: block;clear: both}
.agreement .agreement_box .agr_btn {display: block; padding: 25px 0 22px 25px;position: relative}
.agreement .agreement_box .agr_btn:after {content: "";position: absolute;width: 22px;height: 13px;right: 25px;top: 31px;background: url(../img/content/join/up_arrow.png)center center no-repeat}
.agreement .agreement_box .agr_btn.on:after {top:34px;background: url(../img/content/join/down_arrow.png)center center no-repeat;}
.agreement .agreement_box .agr_btn .check {position: relative;;display:inline-block}
.agreement .agreement_box .agr_btn .check input[type="checkbox"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;position: absolute;top:-3px;left:0;width: 34px;height: 34px;margin:0;padding:0;background: url(../img/content/join/no_check.png)center center no-repeat;}
.agreement .agreement_box .agr_btn .check input[type="checkbox"]::-ms-check {display:none}
.agreement .agreement_box .agr_btn .check input[type="checkbox"]:checked {background: url(../img/content/join/checked.png)center center no-repeat;}
.agreement .agreement_box .agr_btn .check label {font-size: 0}
.agreement .agreement_box .agr_btn strong {padding-left: 45px;font-weight: 600;font-size: 20px;color: #333;vertical-align: middle}
.agreement .agreement_box .agr_btn strong > span {color: #356edc}

.agreement .agreement_box .agr_content {padding: 0 25px;display: none}
.agreement .agreement_box .agr_content.on {display: block;}
.agreement .agreement_box .agr_content p {border: 1px solid #e7e7e7;background: #fff;;padding: 20px;}
.agreement .agreement_box .agr_content .input_check {float: right;padding: 20px 0 25px}
.agreement .agreement_box .agr_content .input_check div {display: inline-block}


.agreement div.all_yes {width: 100%;text-align: center;display: block;color: #fff;background: #356edc;position: relative}
.agreement div.all_yes input[type="checkbox"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;position: absolute;top:-3px;left:0;width: 100%;height: 84px;margin:0;padding:0; background: none !important}
/*.agreement div.all_yes input[type="checkbox"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;position: absolute;top:-3px;left:0;width: 100%;height: 84px;margin:0;padding:0;}*/
.agreement div.all_yes input[type="checkbox"]::-ms-check {display:none}
.agreement div.all_yes input[type="checkbox"] + label {position: relative;width: 100%;padding: 25px 0 30px 0;font-weight: 500;font-size: 20px;display: inline-block}
.agreement div.all_yes input[type="checkbox"] + label:before {content: ""; display: inline-block;width: 34px;height: 34px;background: url(../img/content/join/all_btn.png)center center no-repeat;cursor: pointer;position: relative;border-radius: 100%;margin-bottom: -9px;margin-right: 10px}
.agreement div.all_yes input[type="checkbox"]:checked + label:before {background: url(../img/content/join/all_btn_on.png)center center no-repeat;}

.prev_next_btn {display: table;margin: 80px auto 0;width: auto}
.prev_next_btn button {padding: 20px 90px;display: inline-block;color: #fff;font-size: 18px;}
.prev_next_btn button.prev_page {background: #414141;margin-right: 20px}
.prev_next_btn button.next_page {background: #356edc}

@media only screen and (max-width:1023px) {
	.agreement .agreement_box .agr_btn strong {font-size: 19px;}
	
	.agreement a.all_yes strong {font-size: 19px;}
}
@media only screen and (max-width:767px) {
	.agreement .agreement_box .agr_btn {padding: 20px 0 18px 60px}
	.agreement .agreement_box a.check_btn {left: 15px;top: 16px;}
	.agreement .agreement_box .agr_btn:after {right: 15px;top: 26px}
	.agreement .agreement_box .agr_content {padding: 0 15px}
	.agreement .agreement_box .agr_btn strong {font-size: 18px;}
	
	.agreement a.all_yes strong {font-size: 18px;padding: 20px 0 20px 45px}
	.agreement div.all_yes input[type="checkbox"] + label {font-size: 18px;}
	
	.prev_next_btn {margin: 50px auto 0}
	.prev_next_btn button {padding: 15px 80px;font-size: 16px;}
}
@media only screen and (max-width:560px) {
	.agreement .agreement_box .agr_btn strong {font-size: 17px;}
	.agreement .agreement_box .agr_btn {padding: 20px 70px 20px 60px}
	
	.agreement a.all_yes strong {font-size: 17px;}
}
@media only screen and (max-width:450px) {
	.prev_next_btn {width:100%;}
	.prev_next_btn button {width: calc(100% - 51%);padding: 15px 0;text-align: center}
	.prev_next_btn button.prev_page {margin-right: 2%}
}

/**** 본인인증 ****/
.accredit_box {margin-top: 40px;}
.accredit_box:after {content:"";display: block;clear: both}
.accredit_box .accredit {width: 60%;padding-top: 100px;margin:0 auto;position: relative;}
.accredit_box .accredit .text {border: 1px solid black;padding: 90px 0 40px;text-align: center;background: #f9f9f9;border: 1px solid #e5e5e5;border-radius: 20px;min-height: 300px;}
.accredit_box .accredit .text strong {color: #292929;font-size: 30px;font-family:'NanumSquareRound', sans-serif !important;font-weight: 900}
.accredit_box .accredit .text p {font-size: 17px;color: #2b2b2b;margin-top: 20px}

.accredit_box .ipin .text:before {content:"";position: absolute;width: 147px;height: 170px;top: 0;left: 50%;transform: translate(-50%,0);background: url(../img/content/join/accredit_img01.png) center top no-repeat}
.accredit_box .phone .text:before {content:"";position: absolute;width: 147px;height: 170px;top: 0;left: 50%;transform: translate(-50%,0);background: url(../img/content/join/accredit_img02.png) center top no-repeat}

.accredit_box .accredit a {display: block;width: 280px;padding: 17px 53px;font-size: 18px;color: #fff;border-radius: 50px;margin: -33px auto 0;position: relative}
.accredit_box .accredit a:after {content:"";position: absolute;width: 25px;height: 7px;background: url(../img/content/join/btn_arrow.png)center center no-repeat;top: 24px;right: 50px}

.accredit_box .accredit .ipin_btn {background: #009ee2;}
.accredit_box .accredit .phone_btn {background: #ff5c00}

/* 법정대리인 */
.confirm_check {float: left;width: 100%;margin-top: 50px;}
.tableB {width: 100%;border-top: 1px solid #dce1ea;}
.tableB tbody tr {}
.tableB tbody tr th {border-bottom: 1px solid #dce1ea;;padding: 20px 20px;text-align: left;font-weight: 500;background: #f2f6fd;color: #182131}
.tableB tbody tr th br {display: none}
.tableB tbody tr td {border-bottom: 1px solid #dce1ea; padding: 12px 15px;font-size: 16px;}
/* .tableB tbody tr td input[id="confirm_check"] {display: none} */
.tableB tbody tr td input[id="confirm_check"] + label {position: relative;padding-left: 30px;display: block;}
.tableB tbody tr td input[id="confirm_check"] + label:after {content: ""; display: inline-block;width: 22px;height: 22px;background: url(../img/content/join/s_no_check.png)center center no-repeat;cursor: pointer;position: absolute;top: 2px;left: 0;border-radius: 100%;}
.tableB tbody tr td input[id="confirm_check"]:checked + label:after {background: url(../img/content/join/s_checked.png)center center no-repeat;}

@media only screen and (max-width:1199px) {
	.accredit_box .accredit .text {padding: 95px 20px 64px}
}
@media only screen and (max-width:1023px) {
	.accredit_box .accredit .text {min-height: 325px}
	.accredit_box .accredit .text strong {font-size: 26px;}
	.accredit_box .accredit .text p {font-size: 16px;}
	.accredit_box .accredit .text p > br {display: none}
	.accredit_box .accredit a {font-size: 17px;}
	
	/* 법정대리인 */
	.tableB tbody tr th {font-size: 16px;width: 44%}
}
@media only screen and (max-width:767px) {
	.accredit_box {margin-top: 20px;}
	.accredit_box .accredit {width: 100%;padding-top: 0;}
	.accredit_box .accredit:first-child {margin-bottom: 50px;}
	.accredit_box .accredit .text {min-height: inherit;padding: 160px 20px 95px;}
	.accredit_box .ipin .text:before,
	.accredit_box .phone .text:before {background-size: 100px;background-position: center 20px;}
	.accredit_box .accredit .text strong {font-size: 23px;}
	.accredit_box .accredit a {width: 227px;padding: 13px 35px;margin: -77px auto 0;font-size: 16px;}
	.accredit_box .accredit a:after {right: 25px;}
	
	/* 법정대리인 */
	.tableB tbody tr th {padding: 15px;}
	.tableB tbody tr td {font-size: 15px;padding: 15px;}
}
@media only screen and (max-width:560px) {
	.accredit_box .accredit .text strong {font-size: 20px;}
	.accredit_box .accredit .text p {font-size: 15px;margin-top: 12px;}
	.accredit_box .accredit a {font-size: 15px;}
	
	/* 법정대리인 */
	.tableB tbody tr th {font-size: 15px;}
}



/*** 정보입력 ***/
.info_box {border-top: 2px solid #0a1f48;margin-top: 40px;}
.info_box div.input {padding: 15px 10px;display: table;width: 100%;border-bottom: 1px solid #ddd;position: relative}
.info_box div.input label {width: 23%;vertical-align: middle;color: #333;display: table-cell;font-weight: 500;font-size: 18px;}
.info_box div.input label span {font-size: 15px;vertical-align: top;color: #dc3535}
.info_box div.input div {width: 100%;}
.info_box div.input div input[type="text"],
.info_box div.input div input[type="password"] {border: 1px solid #ddd;background: #f9f9f9;padding: 0 10px;width: 82%;height: 55px;font-size: 17px;}
.info_box div.input div input[id="userId"] {width:64.7%}
.info_box div.input div button {border: none;background: #0a1f48;color: #fff;vertical-align: top;width: 17%;height: 55px;font-size: 15px;font-weight: 500;}
.info_box div.input div.resident input[type="text"],
.info_box div.input div.resident input[type="password"] {width: 32.2%}
.info_box div.input div.address input[type="text"] {width: 64.7%}
.info_box div.input div.address input[type="text"]#address2 {width: 82.3%;margin-top: 3px;}
.info_box div.input div.address input[id="userAdresDetail"] {margin-top:3px;width:82%}
.info_box div.input div.siheung_check em {height: 55px;line-height: 55px;margin-top: 0;font-size: 18px;margin-left: 10px;font-weight: 500;display: none}
.info_box div.input div.siheung_check em.on {display: inline-block}
.info_box div.input div.siheung_check em.check {color: #356edc;}
.info_box div.input div.siheung_check em.no_check {color: #ee3700;}
.info_box div.input div .list1 li {font-size: 15px;color: #666;display: block;margin-top: 5px;}
.info_box div.input div .list1 li > span {font-weight: 600;color: #356edc;font-size: 14px}

/* 부모(법정대리인) 정보입력 */
.info_box div.input .division {}
.info_box div.input .division div {position:relative;display: inline-block;float:left;width: auto;margin-right: 30px}
.info_box div.input .division div input[type="radio"] {appearance:none;-webkit-appearance: none;-moz-appearance: none;position:absolute;top:0;left:0;width:22px;height:22px;margin:2px 0 0 0;padding:0;}
.info_box div.input .division div input[type="radio"] + label {position: relative;padding-left: 30px;display: block;width: 100%}
.info_box div.input .division div input[type="radio"] + label:after {content: ""; display: inline-block;width: 22px;height: 22px;background: url(../img/content/join/s_no_check.png)center center no-repeat;cursor: pointer;position: absolute;top: 2px;left: 0;border-radius: 100%}
.info_box div.input .division div input[type="radio"]:checked + label:after {background: url(../img/content/join/s_checked.png)center center no-repeat;}
.info_box div.document {display: none}
.info_box div.document.on {display: table;}
.info_box div.input .file em {border: 1px solid #ddd;height: 55px;width: 65%;display: inline-block;}
.info_box div.input .file span {display: inline-block;line-height: 55px;padding: 0 10px;vertical-align: top}

.tableB tbody tr td input[id="confirm_check"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.tableB tbody tr td input[id="confirm_check"] + label {position: relative;padding-left: 30px;display: block;}
.tableB tbody tr td input[id="confirm_check"] + label:after {content: ""; display: inline-block;width: 22px;height: 22px;background: url(../img/content/join/s_no_check.png)center center no-repeat;cursor: pointer;position: absolute;top: 2px;left: 0;border-radius: 100%;}
.tableB tbody tr td input[id="confirm_check"]:focus + label:after {outline:2px solid #000;}

.child_regis {margin-top: 20px;}
.child_regis .btn_box {}
.child_regis .btn_box > span > button {border-radius:30px;}
.child_regis strong {display: block; text-align: center;padding: 20px 0 15px;font-weight: 800;color: #0a1f48;font-size: 26px;font-family: 'NanumSquareRound', sans-serif !important}
.child_regis strong span {display: block;font-size: 16px;font-weight: 500;margin-top: 5px}
.child_regis table {width: 100%}
.child_regis table thead {background: #203352}
.child_regis table thead tr th {padding: 15px 0;font-size: 17px;color: #fff;font-weight: 400;border-right: 1px solid #ddd}
.child_regis table thead tr th:last-child {border-right: none}
.child_regis table tbody tr td {text-align: center;padding: 15px 10px;font-size: 16px;border-bottom: 1px dashed #ddd;border-right: 1px solid #ddd}
/* .child_regis table tbody tr td:last-child {border-right: none} */
.child_regis table tbody tr td:nth-child(3) {border-right: none}
.child_regis table tbody tr td a {border: 1px solid #ddd; font-size: 0;display: inline-block;width: 45px;height: 45px;position: relative;background: #f9f9f9}
.child_regis table tbody tr td a.plus:before {content: "";position: absolute;width: 21px;height: 1px;background: #5d5d5d;top: 50%;left: 50%;transform: translate(-50%, 0)}
.child_regis table tbody tr td a.plus:after {content: "";position: absolute;width: 1px;height: 21px;background: #5d5d5d;top: 50%;left: 50%;transform: translate(0, -50%)}
.child_regis table tbody tr td a.delete:before {content: "";position: absolute;width: 21px;height: 1px;background: #5d5d5d;top: 50%;left: 50%;transform: translate(-50%, 0)}
.child_regis table tbody tr td input {display: inline-block;width: 65%;vertical-align: top;border: 1px solid #ddd;padding: 0 10px;height: 45px;}
.child_regis table tbody tr td.resident_input input {width: 35%;float:left}
.child_regis table tbody tr td.resident_input button {height: 45px;width: 28%;border-radius: 0;background: #203352;color: #fff}
.child_regis table tbody tr td button {height: 45px;width: 80%;border-radius: 50px;color: #fff;background: #203352;font-weight: 500}


@media only screen and (max-width:1199px) {
	.child_regis table tbody tr td a {width: 49.4%}
	.child_regis table tbody tr td input {width: 100%;margin-top: 3px}
	
	.child_regis table tbody tr td.resident_input input {width: 50%}
	.child_regis table tbody tr td.resident_input button {width: 100%;margin-top: 3px}
}
@media only screen and (max-width:1023px) {
	.info_box div.input label {font-size: 17px;}
	.info_box div.input div input[type="text"],
	.info_box div.input div input[type="password"] {font-size: 16px;width: 100%}
	.info_box div.input div.siheung_check em {font-size: 17px}
	.info_box div.input div.siheung_check button {width: 166px}
	.info_box div.input div button {width: 18%}
	.info_box div.input div.resident input[type="text"],
	.info_box div.input div.resident input[type="password"] {width: 40%}

	/* 주소 */
	.info_box div.input div.address input[type="text"] {width: 81%}
	/* .info_box div.input div.address input[type="text"]#address2 {width: 99.3%;} */
	.info_box div.input div.address input[id="userAdresDetail"] {width: 99.3%;}

	.info_box div.input .file em {width: 81%;height: 55px}

	/* 아이디 */
	.info_box div.input div input[id="userId"] {width:calc(100% - 19%)}
	
	/* 법정대리인 */
	.child_regis strong {font-size: 23px}
	.child_regis strong span {font-size: 15px;}
	
	.child_regis table thead tr th {font-size: 16px;}
	.child_regis table tbody tr td a {width: calc(100% - 51%)}
	.child_regis table tbody tr td.resident_input label {width: calc(100% - 50.5%)}
}
@media only screen and (max-width:767px) {
	.info_box {}
	.info_box div.input {}
	.info_box div.input label {width: 100%;display: block;margin-bottom: 8px;font-weight: 600;font-size: 16px;}
	.info_box div.input div input[type="text"],
	.info_box div.input div input[type="password"] {background: #fff;height: 43px;font-size: 16px;}
	.info_box div.input div button {height: 43px;font-size: 14px;}
	.info_box div.input div.siheung_check em {font-size: 16px;height: 43px;line-height: 43px;}
	.info_box div.input div .list1 li {font-size: 14px;}
	.info_box div.input .file em {height: 43px}
	
	/* 법정대리인 */
	.child_regis strong {font-size: 20px;}
	
	.child_regis table tbody tr td {padding: 10px;font-size: 15px;}
	.child_regis table tbody tr td a {height: 35px;width: calc(100% - 52%)}
	.child_regis table tbody tr td a.plus:before,
	.child_regis table tbody tr td a.delete:before {width: 15px;}
	.child_regis table tbody tr td a.plus:after {height: 15px;}
	
	.child_regis table tbody tr td input {height: 40px;}
	
	.child_regis table tbody tr td.resident_input button {height: 40px;}
	.child_regis table tbody tr td.resident_input label {width: calc(100% - 51%)}
	
	.child_regis table tbody tr td button {border-radius: 0;width: 90%;height: auto;padding: 10px 5px}
}
@media only screen and (max-width:560px) {
	.info_box div.input div.resident input[type="text"],
	.info_box div.input div.resident input[type="password"] {width: 38%;}

	/* 아이디 */
	.info_box div.input div input[id="userId"] {width:calc(100% - 23%)}

	/* 주소 */
	.info_box div.input div.address input[type="text"] {width: 76.6%}
	.info_box div.input div.address input[id="userAdresDetail"] {width:99.3%}
	.info_box div.input div button {width: 22%}
	.info_box div.input .file em {width: 76.6%}
	
	/* 법정대리인 */
	.child_regis strong span {font-size: 14px;}
	
	.child_regis table tbody tr td {padding: 10px 5px}
	.child_regis table tbody tr td a {width: 100%}
	.child_regis table tbody tr td input {height: 35px;}
	.child_regis table tbody tr td.resident_input button {height: 35px;}
	.child_regis table tbody tr td.resident_input label {width: 100%}
}
@media only screen and (max-width:400px) {
	.info_box div.input div.resident input[type="text"],
	.info_box div.input div.resident input[type="password"] {width: calc(100% - 50.6%);}
	
	/* 아이디 */
	.info_box div.input div input[id="userId"] {width:100%}

	.info_box div.input div.address input[type="text"] {width: 100%;vertical-align: top}
	.info_box div.input div.address input[type="text"]#address2 {width: 100%;}
	.info_box div.input div.siheung_check button {width: 100%;}
	.info_box div.input div.siheung_check em {margin-left: 0;font-size: 15px;line-height: normal;height: auto;margin-top: 5px;}
	.info_box div.input div.siheung_check em.on {display: block; text-align: center}
	.info_box div.input .file em {width: 100%}
	.info_box div.input div button {width: 100%;margin-top: 2px}
}

/* 가입완료 */
.finish_box {margin-top: 40px;}
.finish_box .img {margin: 0 auto;text-align: center}
.finish_box .img img {width: 180px;}
.finish_box strong {display: block;text-align: center;font-size: 50px;font-weight: 300;margin-top: 40px;color: #222}
.finish_box em {display: block;text-align: center;font-size: 20px;margin-top: 35px;font-weight: 500;color: #444;line-height:33px}
.finish_box em > span {color: #356edc}

@media only screen and (max-width:1023px) {
	.finish_box strong {font-size: 36px;}
}
@media only screen and (max-width:767px) {
	.finish_box .img img {width: 140px;}
	.finish_box strong {font-size: 28px;}
	.finish_box em {font-size: 17px;margin-top: 22px;}
}
@media only screen and (max-width:560px) {
	.finish_box .img img {width: 120px;}
	.finish_box strong {font-size: 26px;margin-top: 25px;}
	.finish_box em {font-size: 15px;margin-top: 17px;}
}


/*** 재동의 ***/
.re_agree {max-width: 1200px;width: 100%;margin: 0 auto;padding: 80px 0}
.re_agree h3 {display: block; text-align: center;font-size: 33px;font-family:'NanumSquareRound', sans-serif !important;font-weight: 900;color: #356edc;}
.re_agree h3 span {display: block;font-family:'NanumSquareRound', sans-serif !important;color: #333;font-size: 24px;margin-bottom: 13px}
.re_agree > p {text-align: center;margin-top: 20px;color: #606060;line-height: 26px}
.re_agree > p > span {color: red;font-weight: 500}
.re_agree > strong {text-align: center; display: block;margin-top: 40px;font-size: 19px;line-height: 32px;font-weight: 500}

.re_agree .text1 {padding: 40px 50px;margin-top: 20px;}
.re_agree .text1 strong {display: block; font-size: 20px;}
.re_agree .text1 ul.list1 {margin-top: 10px;}
.re_agree .text1 ul.list1 li {margin-bottom: 3px}



/* 6개월 뒤 비밀번호 변경 */
.password_change .input_form .text1 {padding: 30px;}

@media only screen and (max-width:767px) {
	.password_change .input_form .text1 {padding: 20px;}
}




/*** 게시판 ***/
.board_box .sorting {margin-bottom: 10px}
.board_box .sorting:after {content:"";display: block;clear: both}
.board_box .sorting strong {display: block;float: left;font-size: 16px;font-weight: 400;height: 40px;line-height: 38px}
.board_box .sorting strong > span {font-weight: 600;color: #0050bf}
.board_box .sorting .search_box {float: right}
.board_box .sorting .search_box select {vertical-align: top;border: 1px solid #ddd;height: 40px;width: 120px;padding: 0 5px}
.board_box .sorting .search_box input[type="text"] {vertical-align: top;border: 1px solid #ddd;height: 40px;padding: 0 5px;width: 280px}
.board_box .sorting .search_box button {height: 40px;width: 40px;font-size: 0;background: url(../img/content/sub05/search_icon.png)center center no-repeat #0050bf}
.board_box .board table {border-top: 2px solid #0050bf;width: 100%}
.board_box .board table thead tr {}
.board_box .board table thead tr th {text-align: center;padding: 14px 5px;border-bottom: 1px solid #ddd;font-size: 18px;color: #222;font-weight: 500}
.board_box .board table tbody tr td {text-align: center;padding: 12px  0;border-bottom: 1px solid #ddd;color: #666;font-size: 16px;font-weight: 300}
.board_box .board table tbody tr td:nth-child(2) {text-align: left;color: #333;font-size: 17px;font-weight: 400}
.board_box .board table tbody tr td a {display: block;}

.board_box .board_view {width: 100%;}
.board_box .board_view .title {border-top: 2px solid black;background: #fafafa;padding: 40px 30px}
.board_box .board_view .title > strong {font-size: 24px;font-weight: 600}
.board_box .board_view .title > ul {margin-top: 20px;}
.board_box .board_view .title > ul li {display: inline-block;margin-right: 15px;font-size: 16px;color: #777}
.board_box .board_view .title > ul li:last-child {margin-right: 0}
.board_box .board_view .title > ul li > strong {display: inline-block;margin-right: 15px;position: relative;font-weight: 500}
.board_box .board_view .title > ul li > strong:after {content:"";position: absolute;width: 1px;height: 10px;background: #777;top: 8px;right: -9px;}
.board_box .board_view .title > ul li > em {display: inline-block;vertical-align: top;font-weight: 300}

.board_box .board_view .file {border: 1px dashed #ccc;padding: 15px 25px;margin-top: 10px}
.board_box .board_view .file strong {color: #777;font-weight: 500;display: inline-block;width: 80px;position: relative;}
.board_box .board_view .file strong:after {content:"";position: absolute;width: 1px;height: 12px;top: 6px;right: 0;background: #999}
.board_box .board_view .file .file_list {display: inline-block;vertical-align: top;padding-left: 20px;}
.board_box .board_view .file .file_list li a {display: block;font-size: 15px;color: #777}
.board_box .board_view .content {width: 100%;padding: 15px;}
.board_box .board_view .btn_box {float: right}

.board_box .board_view .comment {background: #fafafa;padding: 30px}
.board_box .board_view .comment > strong {color: #333;font-weight: 600;font-size: 18px;}
.board_box .board_view .comment > strong span {color: #284c90}
.board_box .board_view .comment > ul {margin-top: 30px;}
.board_box .board_view .comment > ul > li {padding: 25px 0;border-top: 1px solid #ddd;position: relative}
.board_box .board_view .comment > ul > li strong {font-size: 16px;color:#555}
.board_box .board_view .comment > ul > li p {font-size: 16px;color:#555}
.board_box .board_view .comment > ul > li span {font-size: 15px;color: #989898;margin-top: 10px;display: block;}
.board_box .board_view .comment > ul > li .comment_btn {position: absolute;top: 25px;right: 0; }
.board_box .board_view .comment > ul > li .comment_btn > ul > li {display: inline-block;;font-size: 15px;margin-right: 20px;position: relative}
.board_box .board_view .comment > ul > li .comment_btn > ul > li:after {content:"";position: absolute;right: -11px;top:8px;width: 1px;height: 9px;background:#999}
.board_box .board_view .comment > ul > li .comment_btn > ul > li:last-child:after {display: none}
.board_box .board_view .comment > ul > li .comment_btn > ul > li a {padding-left: 25px;color: #777}
.board_box .board_view .comment > ul > li .comment_btn > ul > li a.reply {background: url(../img/content/sub05/reply_icon.png)left center no-repeat}
.board_box .board_view .comment > ul > li .comment_btn > ul > li a.revise {background: url(../img/content/sub05/revise_icon.png)left center no-repeat}
.board_box .board_view .comment > ul > li .comment_btn > ul > li a.delete {background: url(../img/content/sub05/delete_icon.png)left center no-repeat}
.board_box .board_view .comment > ul > li .re_comment {padding-left: 35px;padding-top: 25px;border-top: 1px dashed #ddd;margin-top: 25px;position: relative}
.board_box .board_view .comment > ul > li .re_comment:before {content:"";position: absolute;width: 25px;height: 25px;top: 25px;left: 0;background: url(../img/content/sub05/re_comment.png)center center no-repeat}
.board_box .board_view .comment > ul > li .re_comment li input[type="text"] {width: 100%;border: 1px solid #ddd;height: 80px;margin-top: 10px;}
.board_box .board_view .comment > ul > li .re_comment li .btn {margin-top: 10px;}
.board_box .board_view .comment > ul > li .re_comment li .btn a {display: inline-block;font-size: 14px;width: 88px;text-align: center;padding: 6px 0;}
.board_box .board_view .comment .write {}
.board_box .board_view .comment .write > input[type="text"] {border: 1px solid #ddd;width: 100%;height: 143px;}
.board_box .board_view .comment .write > div {background: #fff;border: 1px solid #ddd;border-top: 0;}
.board_box .board_view .comment .write > div::after {content: "";display: block;clear: both}
.board_box .board_view .comment .write > div .secret {float: left;padding: 10px}
.board_box .board_view .comment .write > div .secret > input[type="password"] {border: 1px solid #ddd;height: 28px;margin-left: 15px;display: none}
.board_box .board_view .comment .write > div > a {float: right;display: block;height: 48px;text-align: center;width: 110px;line-height: 45px}


@media only screen and (max-width:1023px) {
	.board_box .board table thead tr th {font-size: 17px;}
	.board_box .board table tbody tr td {font-size: 15px;}
	.board_box .board table tbody tr td:nth-child(2) {font-size: 16px;}
	
	.board_box .board_view .title {padding: 30px}
	.board_box .board_view .title > strong {font-size: 22px}
	.board_box .board_view .title > ul {margin-top: 15px;}
	.board_box .board_view .title > ul li {font-size: 15px;}
	.board_box .board_view .file strong {font-size: 16px;}
	
	.board_box .board_view .comment > ul > li {padding: 20px 0}
	.board_box .board_view .comment > ul > li .comment_btn {top: 20px}
	.board_box .board_view .comment > ul > li .re_comment {padding-top: 20px;margin-top: 20px;}
	.board_box .board_view .comment > ul > li .re_comment:before {top: 20px}
	.board_box .board_view .comment .write > input[type="text"] {height: 120px}
	.board_box .board_view .comment .write > div > a {font-size: 16px;line-height: 46px}
}

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

	
}

@media only screen and (max-width:560px) {
	.board_box .sorting strong {display: block;float: inherit;}
	.board_box .sorting .search_box {float: inherit;width: 100%;display: block;}
	.board_box .sorting .search_box select {width: 100%;margin-bottom: 3px}
	.board_box .sorting .search_box input[type="text"] {width: calc(100% - 19%)}
	.board_box .sorting .search_box button {width: calc(100% - 82%)}
	
	.board_box .board table thead tr th {font-size: 16px;padding: 10px 5px}
	.board_box .board table tbody tr td {font-size: 14px;padding: 8px 0}
	.board_box .board table tbody tr td:nth-child(2) {font-size: 15px;}
	
	.board_box .board_view .title {padding: 20px}
	.board_box .board_view .title > strong {font-size: 20px}
	.board_box .board_view .title > ul {margin-top: 10px;}
	.board_box .board_view .title > ul li {font-size: 14px;}
	.board_box .board_view .file strong {font-size: 15px;}
	.board_box .board_view .file .file_list li a {font-size: 14px;}
	
	.board_box .board_view .comment {padding: 20px;}
	.board_box .board_view .comment > strong {font-size: 16px;}
	.board_box .board_view .comment > ul {margin-top: 20px;}
	.board_box .board_view .comment > ul > li {padding: 15px 0}
	.board_box .board_view .comment > ul > li .comment_btn {position: relative;top: 0;margin-top: 10px;}
	.board_box .board_view .comment > ul > li .comment_btn ul li a {font-size: 14px;padding-left: 20px}
	.board_box .board_view .comment > ul > li .re_comment {padding-top: 15px;margin-top: 15px;}
	.board_box .board_view .comment > ul > li .re_comment:before {top: 15px}
	.board_box .board_view .comment > ul > li strong, .board_box .board_view .comment > ul > li p {font-size: 15px;}
	.board_box .board_view .comment > ul > li span {font-size: 14px;margin-top: 5px}
	.board_box .board_view .comment .write > input[type="text"] {height: 80px}
	.board_box .board_view .comment .write > div .secret {padding: 7px}
	.board_box .board_view .comment .write > div .secret label.checkbox_label {font-size: 16px;}
	.board_box .board_view .comment .write > div > a {height: 38px;font-size: 15px;line-height: 36px;width: 80px}
}

@media only screen and (max-width:460px) {
	.board_box .board table thead tr th + th + th + th {display: none;}
	.board_box .board table tbody tr td + td + td + td {display: none;}
} 


/* faq */
.faq {border-top: 2px solid black}
.faq .faq_list {border-bottom: 1px solid #ddd;position: relative;}
.faq .faq_list:before {content:"";position: absolute;width: 15px;height: 2px;background: #000;top: 53px;right: 40px;transform: rotate(45deg)}
.faq .faq_list:after {content:"";position: absolute;width: 15px;height: 2px;background: #000;top: 53px;right: 30px;transform: rotate(-45deg)}
.faq .faq_list .title a {padding: 25px 30px;display: block;}
.faq .faq_list .title a > strong {font-size: 22px;font-weight: 500}
.faq .faq_list .title a > ul {margin-top: 10px;}
.faq .faq_list .title a > ul:after {content:"";display: block;clear: both}
.faq .faq_list .title a > ul > li {float: left;margin-right: 20px;font-size: 16px;color: #777}
.faq .faq_list .title a > ul > li:last-child {margin-right: 0}
.faq .faq_list .title a > ul > li strong {display: inline-block;vertical-align: top;margin-right: 15px;position: relative;font-weight: 500}
.faq .faq_list .title a > ul > li strong:after {content:"";position: absolute;width: 1px;height: 10px;background: #888;top: 8px;right: -9px;}
.faq .faq_list .title a > ul > li em {display: inline-block;vertical-align: top}
.faq .faq_list .content {background: #f9f9f9;padding: 20px 30px;display: none}
.faq .faq_list .content p {background: #fff;border: 1px solid #ddd;padding: 15px}
.faq .faq_list .content img {max-width: 100%;}
.faq .faq_list.on .content {display: block;}
.faq .faq_list.on:before {content:"";position: absolute;width: 15px;height: 2px;background: #000;top: 53px;right: 40px;transform: rotate(-45deg)}
.faq .faq_list.on:after {content:"";position: absolute;width: 15px;height: 2px;background: #000;top: 53px;right: 30px;transform: rotate(45deg)}

@media only screen and (max-width:1023px) {
	.faq .faq_list .title a {padding: 20px 20px}
	.faq .faq_list .title a > strong {font-size: 20px;}
	.faq .faq_list .title a > ul > li {font-size: 15px;}
	
	.faq .faq_list:before,
	.faq .faq_list:after,
	.faq .faq_list.on:before,
	.faq .faq_list.on:after {top: 50px;}
}
@media only screen and (max-width:767px) {
	.faq .faq_list .title a {padding: 20px 75px 20px 20px }
	.faq .faq_list .title a > strong {font-size: 20px;}
	.faq .faq_list .title a > ul > li {font-size: 15px;}
	
	.faq .faq_list:before,
	.faq .faq_list:after,
	.faq .faq_list.on:before,
	.faq .faq_list.on:after {top: 50px;}
}

@media only screen and (max-width:767px) {
	.faq .faq_list .title a {padding: 15px 55px 15px 15px }
	.faq .faq_list .title a > strong {font-size: 18px;}
	.faq .faq_list .title a > ul {margin-top: 5px}
	.faq .faq_list .title a > ul > li {font-size: 14px;}
	
	.faq .faq_list:before,
	.faq .faq_list:after,
	.faq .faq_list.on:before,
	.faq .faq_list.on:after {top: 41px;}
	
	.faq .faq_list:before,
	.faq .faq_list.on:before {right: 25px}
	
	.faq .faq_list:after,
	.faq .faq_list.on:after {right: 15px}
	
}

/* 고객센터 */
.cont_cen {border-top:2px solid #0050bf;}
.cont_cen ul {display:flex}
.cont_cen ul > li {flex-grow:1;text-align:center;border-right:1px dashed #ddd;padding:30px 0}
.cont_cen ul > li:last-child {border-right:none}
.cont_cen ul > li > em {font-size:20px;display:block;font-weight:500;color:#0050bf;position:relative;padding-bottom:20px}
.cont_cen ul > li > em:after {content:"";position:absolute;width:20px;height:2px;bottom:0;left:50%;background:#0050bf;transform:translate(-50%, 0)}
.cont_cen ul > li > strong {display:block;margin-top:10px;font-size:18px;}
.cont_cen ul > li > i {display:block; margin-top:10px;font-family:'NanumSquareRound', sans-serif !important;font-size:16px}
.cont_cen ul > li > i > span {font-family:'NanumSquareRound', sans-serif !important;display:block;font-size:24px;margin-top:5px;font-weight:600}
.cont_cen ul > li > a {display:block;margin-top:10px;font-size:0;text-align:center}
.adv_talk {}
.adv_talk .add_list {background:#ffe100;padding-top:50px}
.adv_talk .add_list > strong {display:block;text-align:center;font-size:26px;;line-height:31px;font-family:'NanumSquareRound', sans-serif !important;font-weight:800;color:#3c1e1c;margin-bottom:30px;}
.adv_talk .add_list > strong > span {display:inline-block;width:30px;height:30px;vertical-align:top;margin-right:10px;background:url(../img/content/sub05/kakao_p.png)center center no-repeat}
.adv_talk .add_list .scroll {text-align:center;color:#3c1e1c;font-size:14px;margin-top:10px;display:none}
.adv_talk .add_list .adv_way > ul {margin-top:10px;padding: 0 42px;display:flex;justify-content:space-between}
.adv_talk .add_list .adv_way > ul > li {position:relative;padding-right:77px;margin-right:28px}
.adv_talk .add_list .adv_way > ul > li:last-child {padding-right:0;margin-right:0}
.adv_talk .add_list .adv_way > ul > li:last-child:after {display:none}
.adv_talk .add_list .adv_way > ul > li:after {content:"";position:absolute;width:43px;height:21px;top:50%;right:0;background:url(../img/content/sub05/talk_arrow.png)center center no-repeat}
.adv_talk .add_list .adv_way > ul > li .text > strong {display:block;font-size:17px;color:#3c1e1c;text-align:center;}
.adv_talk .add_list .adv_way > ul > li .text > strong > span {display:block;width:30px;height:30px;border-radius:100%;font-size:13px;background:#3c1e1c;text-align:center;color:#fff;font-weight:400;line-height:30px;margin:0 auto 5px}
.adv_talk .add_list .adv_way > ul > li .img {margin-top:10px;width:128px;height:197px;overflow:hidden;}
.adv_talk .add_list .adv_way > ul > li .img img {width:100%}
.adv_talk .coun_time {background:#f5f5f5;border-bottom:1px dashed #ccc;display:flex;align-items:center;justify-content:center;padding:30px 0}
.adv_talk .coun_time em {font-size:16px;padding-left:90px;background:url(../img/content/sub05/coun_icon01.png)left center no-repeat;}
.adv_talk .coun_time em > span {display:block;font-size:20px;font-weight:600;margin-bottom:8px;color:#333}
.adv_talk .talk_note {background:#f5f5f5;padding:30px}
.adv_talk .talk_note strong {font-size:20px;color:#333}
.adv_talk .talk_note ul {margin-top:15px}
.adv_talk .talk_note ul li {margin-bottom:5px;font-size:16px;font-weight:300}
.adv_talk .talk_note ul li:last-child {margin-bottom:0}

@media only screen and (max-width:1023px) {
	.cont_cen ul > li > em {font-size:19px;}
	.cont_cen ul > li > i > span {font-size:22px;}

	.adv_talk .add_list .scroll {display:block;}
	.adv_talk .add_list .adv_way {overflow-x:scroll;width:100%;}
	.adv_talk .add_list .adv_way > ul {width:1023px}
	.adv_talk .add_list .adv_way > ul > li .text > strong {font-size:16px;}

	.adv_talk .coun_time em {font-size:15px;background-size:contain;padding-left:80px}
	.adv_talk .coun_time em > span {font-size:18px;margin-bottom:5px;}

	.adv_talk .talk_note strong {font-size:18px;}
	.adv_talk .talk_note ul {margin-top:10px;}
}

@media only screen and (max-width:767px) {
	.cont_cen ul > li {padding:25px 0}
	.cont_cen ul > li > em {font-size:18px;margin-bottom:15px;}
	.cont_cen ul > li > i {margin-top:15px;}
	.cont_cen ul > li > i > span {font-size:20px}

	.adv_talk .coun_time em {font-size:15px;background-size:contain;padding-left:80px}
	.adv_talk .coun_time em > span {font-size:17px;margin-bottom:5px;}

	.adv_talk .talk_note strong {font-size:17px;}
	.adv_talk .talk_note ul li {font-size:15px;margin-bottom:3px}
}

@media only screen and (max-width:560px) {
	.cont_cen ul {display:block;}
	.cont_cen ul > li {width:100%;border-right:0;padding:15px 0}
	.cont_cen ul > li:first-child {border-bottom:1px dashed #ddd}
	.cont_cen ul > li > em {font-size:16px;padding-bottom:10px;margin-bottom:0}
	.cont_cen ul > li > i {font-size:14px;margin-top:10px;}
	.cont_cen ul > li > i > span {margin-top:0}

	.adv_talk .coun_time {padding:20px}
	.adv_talk .coun_time em {font-size:14px;background-size:48px;padding-left:70px}
	.adv_talk .coun_time em > span {font-size:16px;margin-bottom:3px;}

	.adv_talk .talk_note {padding:20px;}
	.adv_talk .talk_note strong {font-size:16px;}
	.adv_talk .talk_note ul li {font-size:14px;margin-bottom:3px}
}


/* 개인정보 처리방침 */
.policy p {font-weight:300;font-size:18px}
.policy .gy_box {border: 1px solid #ddd;background: #f9f9f9;padding: 20px 30px;margin-top: 15px;}
.policy .gy_box .list6 > li {margin-bottom:5px;font-size:16px;}
.policy .gy_box .list6 > li:last-child {margin-bottom:0}
.policy .str1 {display:block;font-size:20px;color:#231815}
.policy .spa1 {display:block;font-weight:500;font-size:15px;}

.policy .con {margin-top: 30px;font-size: 16px;}
.policy .ti1 {font-size: 18px;color: #333;font-weight: 600;display: block;}
.policy .con p {margin-top: 10px;}
.policy .con .poli_list1 > li {margin-bottom: 10px;}
.policy .con .poli_list1 > li:last-child {margin-bottom: 0}
.policy .con .poli_list1 > li > ul {margin: 5px 0 10px 10px;}
.policy .con .poli_list1 > li > ul > li {font-size: 15px;margin-bottom: 5px;}
.policy .con .poli_list1 > li > ul > li:last-child {margin-bottom: 0}

.policy .tableA tbody tr td + td {text-align:left}


.policy .con .gy_box {border: 1px solid #ddd;background: #f9f9f9;padding: 20px 30px;margin-top: 15px;}

/*** 230113 이력보기 추가 ***/
.policy .search_box {display: flex; align-items: center; margin-top: 40px; padding: 20px; background: #f9f9f9;}
.policy .search_box label {flex-shrink: 0; width: 190px; margin-right: 20px;}
.policy .search_box select {vertical-align: top; border: 1px solid #ddd; height: 40px; width: 100%; padding: 0 5px; margin-right: 5px; font-weight: 500;}
.policy .search_box button {flex-shrink: 0; height: 40px; width: 60px; background: #0050bf; color: #fff; font-weight: 500;}

@media only screen and (max-width:767px) {
	.policy p {font-size:16px;}
	.policy .ti1 {font-size:16px;}
	.policy .con {font-size:14px;}
	.policy .spa1 {font-size:14px}
	.policy .gy_box .list6 > li {font-size:14px;}
	.policy .con .poli_list1 > li > ul > li {font-size:14px;}
}
@media only screen and (max-width:420px) {
	.policy .search_box {flex-direction: column; align-items: start;}
	.policy .search_box select {margin: 5px 0;}
	.policy .search_box button {width: 100%;}
}


/***** 회원가입_약관동의 *****/
.agr_cont {height:300px;overflow-y:scroll;padding:40px;background:#fff;border:1px solid #dcdcdc;}
.agr_cont h3 {margin-bottom:20px;font-size:22px;color:#356edc;}
.agr_cont .agr_list {padding-left:25px;}
.agr_cont .agr_list > li {margin:20px 0;font-size:16px;}
.agr_cont .agr_list li > strong {display:block;margin-bottom:5px;}
.agr_cont .agr_list > li > strong {font-size:18px;}
.agr_cont .agr_list .agr_list2 > li {margin:7px 0;}
.agr_cont .agr_list .agr_list3 {padding-left:20px;}
.agr_cont .agr_list .agr_list3 > li {margin:5px 0;}
.agr_cont .agr_list .agr_list3 > li > strong {font-size:16px;}
.agr_cont .gray_box {border: 1px solid #ddd;background: #f9f9f9;padding: 20px 30px;margin-top: 15px;}
.agr_cont .tableA thead tr th {text-align:center;}
.agr_cont .tableA tbody tr th {text-align:center;background:#edf6fd;border-bottom:1px solid #ddd;}
.agr_cont .tableA tbody tr:first-child th,
.agr_cont .tableA tbody tr:first-child td {border-top:1px solid #ddd;}
.agr_cont .tableA tbody tr td ul {text-align:left;}

/***** 카드(재)신청선택화면 모바일교통카드 팝업*****/
.pop-appdown {display: flex; margin-right: -20px;}
.pop-appdown li {flex: 1; margin-right: 20px;}
.pop-appdown li a {margin: 0; padding: 0; border-radius: 5px; overflow: hidden;}
.pop-appdown li a img {display: block; width: 100%;}

.img-list {display: flex; align-items: center; justify-content: center; padding: 50px 0; border: 1px solid #e5e5e5; border-radius: 5px;}
.img-list li {position: relative; margin: 0 60px;}
.img-list li:after {content: ""; position: absolute; top: 50%; right: -83px; width: 40px; height: 40px; background: url(../img/content/sub02/step_arrow.png)center center no-repeat; box-shadow: 0 0 5px rgba(0,0,0,0.10); border-radius: 100%; transform: translateY(-50%);}
.img-list li:last-child:after {display: none;}
.img-list li img {display: block; width: 100%;}
@media only screen and (max-width: 1023px) {
	.img-list li {margin: 0 35px;}
	.img-list li:after {right: -56px;}
}
@media only screen and (max-width: 767px) {
	.img-list {padding: 30px 0;}
	.img-list li {margin: 0 20px;}
	.img-list li:after {right: -31px; width: 20px; height: 20px; background-size: 20px;}
}
@media only screen and (max-width: 540px) {
	.img-list {padding: 30px 0; flex-wrap: wrap; margin-bottom: -10px;}
	.img-list li {margin: 0 10px 10px;}
	.img-list li:after {display: none;}
}

.si-cont .list4 > li {position:relative;font-weight: 500;font-size:15px;color:#413a36;padding-left:12px;margin-top:15px;}
.si-cont .list4 > li:first-child {margin-top:0}
.si-cont .list4 > li:after {content:"";position:absolute;width:4px;height:4px;background:#f16e2d;border-radius:100%;left:0;top:10px}


.si-cont .list2 > li {font-size: 14px;}

.ka-ico {position: relative; padding-right: 25px;}
.ka-ico span {position: absolute; top: 0; right: 0; width: 20px; height: 20px; margin-left: 5px; background: url(../img/content/sub02/ka-icon.png)center center no-repeat;}

.marker {background-color: Yellow;}





/***** 230629 이용안내 컨텐츠 디자인 수정 *****/
/*** 공통 ***/
/* 색상 */
:root {
	--main-color: #1a75c0;
	--color-gray1: #e5e5e5;
	--color-gray2: #f7f8f9;
	--color-blue: #256bd4;
	--color-red: #e42e17;
}
.fcMain {color: var(--main-color);}
.fcBlue {color: var(--color-blue);}
.fcRed {color: var(--color-red);}
.underline {text-decoration: underline;}

/* 정렬 */
.ta-r {text-align: right !important;}
.ta-c {text-align: center !important;}
.ta-l {text-align: left !important;}

/* 타이틀 */
.titl4 {position: relative; padding-left: 15px; font-family: 'NanumSquareRound'; font-size: 20px; color: #333;}
.titl4::before {content:""; display: block; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; background: var(--main-color);}

/* 텍스트 리스트 */
.list01 {}
.list01 > li {position: relative; padding-left: 15px; font-size: 16px; color: #333;}
.list01 > li::before {content:""; position: absolute; top: 11px; left: 0; width: 7px; height: 1px; background: #555;}
.list01 > li + li {margin-top: 5px;}
.list02 > li {position: relative; padding-left: 10px; font-size: 15px; color: #666;}
.list02 > li::before {content:""; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #777; border-radius: 100%;}

/* 텍스트 스타일 */
.notice-txt {font-size: 15px; color: var(--color-blue);}
.info-txt {position: relative; padding-left: 22px;}
.info-txt::before {content:"ⓘ"; position: absolute; top: 2px; left: 0; font-size: 15px; color: #444;}

/* 박스 */
.gray-box {padding: 20px 25px; background: var(--color-gray2); border: 1px solid var(--color-gray1); border-radius: 8px;}

/* 아이템 리스트 */
.item-list {}
.item-list .item {position: relative; display: flex; gap: 40px; padding: 40px 0; border-bottom: 1px solid var(--color-gray1);}
.item-list .item::before {content:""; position: absolute; top: 1px; left: 20%; width: 40px; height: 100%; background :#fff;}
.item-list .item .title-box {position: relative; width: 20%; padding-left: 40px; color: #333;}
.item-list .item .title-box .icn {position: absolute; top: 0; left: 0; width: 30px; height: 30px; margin-right: 5px;}
.item-list .item .title-box .icn img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; object-fit: contain;}
.item-list .item .title-box strong {word-break: keep-all;}
.item-list .item .text-box {width: calc(80% - 40px); padding: 0 20px;}
.item-list .item .text-box .txt {font-size: 16px;}
.item-list .item .text-box .txt + .txt {margin-top: 4px;}
@media only screen and (max-width: 767px) {
	.item-list .item {flex-direction: column; gap: 20px; padding: 30px 0;}
	.item-list .item::before {display: none;}
	.item-list .item .title-box {width: 100%; padding-left: 35px;}
	.item-list .item .title-box .icn img {width: 18px; height: 18px;}
	.item-list .item .text-box {width: 100%;}

}