@import "global.0.2.98.css";
@import "swiper.min.css";

/* Layout */
html.fixed {height:100%;}
html.fixed body {height:100%; overflow:hidden;}

body {background-color: #F8F8F8;}

#wrap {min-width: 455px; min-height: 100vh; margin: 0 auto; padding: 74px 0; position: relative}
#wrap.change_guide_page {min-height: auto;} /* 전환 안내 페이지만 적용 -  scroll 제거(min-height) */

#action_bar {width: 100%; height: 74px; background-color: #fff; position: absolute; left: 0; top: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
#action_bar .inner_box {width:455px; margin:0 auto; text-align: center; position: relative;}
/* #action_bar .inner_box img{height:40px;vertical-align:middle;} */
#action_bar .title {font-size: 21px; line-height: 74px; font-weight: 400; color: #7C7C7C;}
#action_bar .logo_etoos {width: 100%; height: 74px; background: url(../../images/logo_etoos.svg?ver=0.2.98) center center no-repeat; background-size: 90px;}
#action_bar .logo_grow {width: 100%; height: 74px; background: url(../../images/logo_grow.svg?ver=0.2.98) center center no-repeat; background-size: 90px;}
#action_bar .logo_linker {width: 100%; height: 74px; background: url(../../images/logo_linker.svg?ver=0.2.98) center center no-repeat; background-size: 100px;}
#action_bar .logo_moji {width: 100%; height: 74px; background: url(../../images/logo_moji.svg?ver=0.2.98) center center no-repeat; background-size: 80px;}
#action_bar .logo_curi {width: 100%; height: 74px; background: url(../../images/logo_curi.svg?ver=0.2.98) center center no-repeat; background-size: 100px;}
#action_bar .logo_jogbo {width: 100%; height: 74px; background: url(../../images/logo_jogbo.svg?ver=0.2.98) center center no-repeat; background-size: 100px;}
#action_bar .logo_skygo {width: 100%; height: 74px; background: url(../../images/logo_skygo.svg?ver=0.2.98) center center no-repeat; background-size: 80px;}
#action_bar .logo_skytab {width: 100%; height: 74px; background: url(../../images/logo_skytab.svg?ver=0.2.98) center center no-repeat; background-size: 96px;}
#action_bar .btn_close {display: block; width: 80px; height: 74px; background: url(../../images/actionbar_btn_clear_normal_black.png?ver=0.2.98) center center no-repeat; background-size: 36px; position: absolute; right: 0; top: 0;}
#action_bar .btn_back {display: block; width: 80px; height: 74px; background: url(../../images/actionbar_btn_back_normal_black.png?ver=0.2.98) center center no-repeat; background-size: 36px; position: absolute; left: 0; top: 0;}

#footer {margin-top: 15px;}
#footer .inner_box {width:455px; margin:0 auto; font-size: 11px; color: #BFBFBF; text-align: center; position: relative;}

#contents {width:455px; margin:0 auto;}

/* common */
.fz_12 {font-size: 12px !important;}
.fz_13 {font-size: 13px !important;}
.fz_14 {font-size: 14px !important;}
.fz_15 {font-size: 15px !important;}
.fz_16 {font-size: 16px !important;}
.fz_18 {font-size: 18px !important;}
.fz_19 {font-size: 19px !important;}
.fz_20 {font-size: 20px !important;}
.fz_20.ico_loading {padding-top: 110px; background: url(../../images/icon_loading.png?ver=0.2.98) center 0 no-repeat; background-size: 74px;}
.fz_22 {font-size: 22px !important;}
.fz_23 {font-size: 23px !important;}
.fz_24 {font-size: 24px !important;}
.fz_24.ico_warning {padding-top: 120px; background: url(../../images/icon_error.png?ver=0.2.98) center 0 no-repeat; background-size: 80px;}
.fz_25 {font-size: 25px !important;}
.fz_26 {font-size: 26px !important;}
.fz_28 {font-size: 28px !important;}
.fz_30 {font-size: 30px !important;}
.fz_30.ico_warning {padding-top: 110px; background: url(../../images/icon_error.png?ver=0.2.98) center 0 no-repeat; background-size: 80px;}
.fz_31 {font-size: 31px !important;}
.fz_31.ico_warning {padding-top: 75px; background: url(../../images/join_illust_warning.svg?ver=0.2.98) center 0 no-repeat;}

.lh_21 {line-height: 21px;}
.lh_32 {line-height: 32px;}
.lh_39 {line-height: 39px;}
.lh_35 {line-height: 35px;}
.lh_37 {line-height:37px;}

.fw4 {font-weight: 400;}
.fw5 {font-weight: 500;}
.fw7 {font-weight: 700;}
.fw9 {font-weight: 900;}

h3.fz_25.fw4{letter-spacing:-0.02em;}
.ls2{letter-spacing:-0.02em;}
.ls3{letter-spacing:-0.03em;}

/* 회원가입 - 약관동의 - 질문톡의 경우 */
.toktok__term-agree .tit{font-size:28px;line-height:37px;}
.toktok__term-agree .tit .empha-ylw{position:relative;font-weight:700;}
.toktok__term-agree .tit .empha-ylw:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:22px;background-color:#FCFF63;z-index:-1;}
.toktok__term-agree .desc{margin-top:4px;font-size:20px;}
.toktok__term-agree .desc .empha-redUnder{position:relative;margin-left:4px;font-weight:700;}
.toktok__term-agree .desc .empha-redUnder:before{content:'';position:absolute;top:-3px;left:-9px;width:12px;height:18px;background:url(../../images/redstar.svg?ver=0.2.98);}
.toktok__term-agree .desc .empha-redUnder:after{content:'';position:absolute;bottom:-7px;left:0;width:calc(100% + 2px);height:11px;background-image:url(../../images/red2line.svg?ver=0.2.98);background-size:cover;}

.txt_style_01 {padding-left: 12px; font-size: 12px; position: relative;}
.txt_style_01::after {content: ''; display: block; width: 4px; height: 4px; border-radius: 4px; background-color: #3A3A3A; position: absolute; left: 0; top: 8px;}
.txt_style_02 {padding-left: 12px; font-size: 13px; position: relative;}
.txt_style_02::after {content: ''; display: block; width: 4px; height: 4px; border-radius: 4px; background-color: #3A3A3A; position: absolute; left: 0; top: 8px;}
.txt_style_03 li {margin-bottom: 10px; padding-left: 12px; font-size: 16px; color: #6A6A6A; text-align: left; position: relative;}
.txt_style_03 li:last-child {margin-bottom: 0;}
.txt_style_03 li::after {content: ''; display: block; width: 4px; height: 4px; border-radius: 4px; background-color: #6A6A6A; position: absolute; left: 0; top: 12px;}
.txt_style_04 li {padding-left: 12px; font-size: 11px; color: #6A6A6A; text-align: left; position: relative;}
.txt_style_04 li::after {content: ''; display: block; width: 4px; height: 4px; border-radius: 4px; background-color: #6A6A6A; position: absolute; left: 0; top: 7px;}
.underline {text-decoration: underline;}

.login_info_area {padding: 15px; background-color: #fff; border-radius: 8px; text-align: center;}

.change_title {font-size: 25px;line-height: 35px;letter-spacing: -0.05em;}

.plr20 {padding: 0 20px;}

/* 버튼 */
.btn_36 {display: inline-block; width: 100%; height: 36px; line-height: 36px; background-color: #3471FF; text-align: center; color: #fff !important; font-size: 16px; border-radius: 8px; box-sizing: border-box;}
.btn_50 {display: inline-block; width: 100%; height: 50px; line-height: 50px; background-color: #3471FF; text-align: center; color: #fff !important; font-size: 15px; box-sizing: border-box;}
.btn_54 {display: inline-block; width: 100%; height: 54px; line-height: 54px; background-color: #3471FF; text-align: center; color: #fff !important; font-size: 16px; box-sizing: border-box;}
.btn_56 {display: inline-block; width: 100%; height: 56px; line-height: 56px; background-color: #3471FF; text-align: center; color: #fff !important; font-size: 19px; font-weight: 500; border-radius: 8px; box-sizing: border-box;}
.btn_56.bor_01 {background-color: transparent; line-height: 54px; color: #3471FF !important; border: 1px solid #3471FF;}
.btn_56.disabled {color: #fff; background-color: #DADADA;}
.btn_style_01 {display: inline-block; font-size: 14px; color: #6A6A6A !important; text-decoration: underline !important;}
.btn_style_02 {display: inline-block; color: #3471FF !important; text-decoration: underline !important;}
.btn_style_03 {display: inline-block; padding-right: 16px; font-size: 12px; color: #3471FF !important; text-decoration: underline !important; background: url(../../images/join_icon_blue_arrow.png?ver=0.2.98) right 3px no-repeat; background-size: 14px;}
.btn_style_04 {display: inline-block; padding-right: 16px; font-size: 13px; font-weight: 500; color: #3471FF !important; background: url(../../images/join_icon_blue_arrow.png?ver=0.2.98) right 3px no-repeat; background-size: 14px;}
.btn_style_04_mod1 {display:inline-block;padding-right:16px;font-size:14px;font-weight:400;color:#3471FF!important;background:url('../../images/join_icon_blue_arrow.png?ver=0.2.98') right 3px no-repeat;background-size:14px;}
.btn_style_05 {display: inline-block; padding-right: 16px; font-size: 13px; font-weight: 500; color: #3471FF !important; text-decoration: underline !important; background: url(../../images/join_icon_blue_arrow.png?ver=0.2.98) right 3px no-repeat; background-size: 14px;}
.btn_style_06 {display: inline-block; font-size: 13px; color: #3471FF !important;}
.btn_style_06 span {display: inline-block; text-decoration: underline !important;}
.btn_style_07 {display: inline-block; font-size: 16px; color: #3A3A3A !important; font-weight: 500; text-decoration: underline !important;}
.btn_style_08 {padding-right: 52px; position: relative;}
.btn_style_08::after {content: ''; display: block; width: 1px; height: 12px; background-color: #E1E1E1; position: absolute; right: 43px; top: 8px;}
.btn_style_08 .button {font-size: 13px; color: #3471FF; position: absolute; right: 0; top: 4px;}
.btn_style_09 {display:inline-block;text-align:center;font-size:14px;color:#1A1A1A!important;text-decoration:underline!important;letter-spacing:-0.02em;}
.btn_style_10 {display: inline-block; font-size: 13px; color: #6A6A6A !important; text-decoration: underline !important;}
[class^="btn_"].disable{color:#aaa!important;cursor:auto;}
.btn_15 {display: inline-block;height: 50px;line-height: 50px;background-color: #3471ff;text-align: center;color: #fff !important;font-size: 16px;box-sizing: border-box;padding-left: 8px;padding-right: 8px;margin-left: 16px;}
.btn-block{position:relative;display:flex;justify-content:center;align-items:center;height:56px;border-radius:32px;background-color:#E3ECFF;}
.btn-block.btn-block__style01:after{content:'';position:absolute;top:50%;right:12px;margin-top:-12px;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.55467 12.4502L7 7.00488L1.55467 1.55953' stroke='%233A3A3A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;}

.c_bk {color: #1A1A1A !important;}
.c_bk_01{color:#3A3A3A !important;}
.c_gray {color: #6A6A6A !important;}
.c_gray_01 {color: #9A9A9A !important;}
.c_gray_02 {color: #A0A0A0 !important;}
.c_gray_03 {color: #868686 !important;}
.c_gray_04 {color: #525252 !important;}
.c_gray_05 {color: #B5B5B5 !important;}
.c_blue {color: #3471FF !important;}
.c_red {color: #E2341D !important;}
.c_linker {color: #302CC8 !important;}
.c_etoos {color: #0E6E77 !important;}

.bc_white {background-color: #fff;}

p.desc{color:#3A3A3A;font-size:14px;line-height:20px;letter-spacing:-.04em;}
p.desc.ref_list{padding-left:calc(1em + 5px);margin-right:5px;text-indent:calc(-1em - 5px);}
p.desc.ref_list:before{content:'※';margin-right:5px;}

ul.dot_list > li{position:relative;padding-left:12px;text-indent:-12px;font-size:14px;color:#9A9A9A;}
ul.dot_list > li:before{content:'·';margin-right:3px;font-weight:700;}

.line_01 {width: 100%; height: 1px; background-color: #D9D9D9;}
.line_02 {width: 100%; height: 1px; background-color: #6A6A6A;}
.line_03 {width: 100%; position: relative; text-align: center;}
.line_03::after {content: ''; display: block; width: 100%; height: 1px; background-color: #D9D9D9; position: absolute; left: 0; top: 14px;}
.line_03 span {display: inline-block; padding: 0 12px; font-size: 14px; position: relative; z-index: 1; background-color: #F8F8F8;}
.line_03.style_01 span {background-color: #fff; color: #6A6A6A;}
.line_04 {width: 100%; position: relative;}
.line_04::after {content: ''; display: block; width: 100%; height: 1px; background-color: #D9D9D9; position: absolute; left: 0; top: 14px;}
.line_04 span {display: inline-block; padding-right: 12px;font-size: 16px; position: relative; z-index: 1; background-color: #F8F8F8;}
.line_04.style_01 span {background-color: #fff; color: #6A6A6A;}

.title_area_01 {padding: 10px 16px; font-size: 13px; color: #000; background-color: #F1F1F1;}

/* input */
.input_pw {position: relative;}
.input_pw input[type=password],
.input_pw input[type=text] {padding: 0 50px 0 15px;}
.input.input_pw input[type=password],
.input.input_pw input[type=text] {padding: 20px 50px 0 15px;}
.input_pw button {display: block; width: 50px; height: 50px; background: url(../../images/input_icon_eye_off.svg?ver=0.2.98) center center no-repeat; position: absolute; right: 0; top: 0; z-index: 2;}
.input_pw button.on {background: url(../../images/input_icon_eye_on.svg?ver=0.2.98) center center no-repeat;}
.input_id {position: relative;}
.input_id .badge {display: inline-block; padding-right: 20px; font-size: 14px; color: #9A9A9A;line-height:50px;position: absolute; right: 0; top: 0;}
.input_id .id_sns {display: block; width: 30px;height: 30px;position:absolute;left:15px; top: 10px; z-index: 2;background-size:30px auto !important}

/* .input_pw input[type=password],
.input_pw input[type=text] {padding: 0 50px 0 15px;}
.input.input_pw input[type=password],
.input.input_pw input[type=text] {padding: 20px 50px 0 15px;}
.input_pw button {display: block; width: 50px; height: 50px; background: url(../../images/input_icon_eye_off.svg?ver=0.2.98) center center no-repeat; position: absolute; right: 0; top: 0; z-index: 2;}
.input_pw button.on {background: url(../../images/input_icon_eye_on.svg?ver=0.2.98) center center no-repeat;}
 */
.input_btn {padding-right: 90px; position: relative;}
.input_btn .btn {display: block; width: 90px; height: 50px; line-height: 50px; text-align: center; color: #fff !important; background-color: #3471FF; position: absolute; right: 0; top: 0;}
.input_btn .btn.disabled,
.input_btn .btn:disabled {color: #fff !important; background-color: #D6D6D6;}
.input_btn .timer {font-size: 12px; color: #E2341D; position: absolute; right: 100px; top: 18px;}
.input_btn.style_01 {padding-right: 70px; position: relative;}
.input_btn.style_01 .btn {width: 70px; height: 50px; line-height: 50px;}
.input_btn.style_01 .it {height: 50px; border: 1px solid #EFEFEF;}
.input_btn.style_01 .it:focus {border: 1px solid #3471FF;}
.input_btn.style_01 .it:read-only {border: 1px solid #EFEFEF;}
.input_btn.style_02 .btn {color: #3471FF !important; font-size: 13px; background: url(../../images/join_icon_arrow.png?ver=0.2.98) 65px center no-repeat #fff; background-size: 16px;}
.input_btn.disabled::after {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.input_btn.disabled .btn {background-color: #EFEFEF !important;}
.input_btn.disabled .input {background-color: #EFEFEF !important;}
.input_btn.style_02.disabled .btn {background: none; color: #9A9A9A !important;}
.input_btn .name {font-size: 10px; color: #9A9A9A; position: absolute; left: 15px; top: 8px;}
.input_btn .name + input {padding: 15px 15px 0;}
.curi .input_btn.style_02.disabled .btn {color: #9A9A9A !important;}

.input_file {padding-right: 90px; position: relative;}
.input_file .btn {display: block; width: 90px; height: 50px; line-height: 50px; text-align: center; color: #fff !important; background-color: #3471FF; position: absolute; right: 0; top: 0;}
.input_file .file {display: block; width: 100%; height: 50px; cursor: pointer; position: absolute; left: 0; top: 0; opacity: 0; z-index: 1;}
.input_file .btn.disabled,
.input_file .btn:disabled {color: #9A9A9A !important; background-color: #EFEFEF;}

.input_certified {padding: 0 90px 0 0; position: relative;}
.input_certified > div {padding: 0 0 0 120px; position: relative;}
.input_certified .error {border: 1px solid #E2341D;}
.input_certified .error input {height: 52px;}
.input_certified .error input:focus {border: 1px solid #fff;}
.input_certified .error select:focus {border: 1px solid #fff;}
.input_certified .error .select select {height: 52px;}
.input_certified .select {width: 119px; position: absolute; left: 0; top: 0;}
.input_certified .btn {display: block; width: 90px; height: 50px; line-height: 50px; text-align: center; color: #fff !important; background-color: #3471FF; position: absolute; right: 0; top: 0;}
.input_certified .btn.disabled,
.input_certified .btn:disabled {color: #9A9A9A !important; background-color: #D6D6D6;}
.input_certified.style_01 {padding: 0 70px 0 0;}
.input_certified.style_01 > div {padding: 0 0 0 70px;}
.input_certified.style_01 .error input {height: 50px;}
.input_certified.style_01 .error .select select {height: 50px;}
.input_certified.style_01 .select {width: 70px;}
.input_certified.style_01 .select::after {display: none;}
.input_certified.style_01 .select input {height: 50px; padding: 0 8px;}
.input_certified.style_01 .btn {display: block; width: 70px; height: 50px; line-height: 50px;}
.input_certified.style_01 .it {height: 50px; border: 1px solid #EFEFEF;}
.input_certified.style_01 .it:focus {border: 1px solid #3471FF;}
.input_certified.style_01 .it:read-only {border: 1px solid #EFEFEF; border-left: 1px solid #fff;}
.input_certified.style_02 {padding: 0 70px 0 0;}
.input_certified.style_02 > div {padding: 0 0 0 120px;}
.input_certified.style_02 .error input {height: 50px;}
.input_certified.style_02 .error .select select {height: 50px;}
.input_certified.style_02 .select {width: 120px;}
.input_certified.style_02 .select::after {display: none;}
.input_certified.style_02 .select input {height: 50px; padding: 0 8px;}
.input_certified.style_02 .btn {display: block; width: 90px; height: 50px; line-height: 50px;}
.input_certified.style_02 .it {height: 50px; border: 1px solid #EFEFEF;}
.input_certified.style_02 .it:read-only {border-left: 1px solid #fff;}
.input_certified.style_03 {padding: 0 90px 0 0;}
.input_certified.style_03 > div {padding: 0 0 0 0; background-color: #fff;}
.input_certified.style_03 .radiobox {position: absolute; left: 10px; top: calc(50% - 9px);}
.input_certified.style_03 .radiobox span {display: none;}
.input_certified.style_03 .it {padding: 0 15px 0 42px;}
.input_certified.style_04 {padding: 0 90px 0 0;}
.input_certified.style_04 > div {padding: 0 0 0 0; background-color: #fff;}
.input_certified.style_04 .radiobox {position: absolute; left: 10px; top: calc(50% - 9px);}
.input_certified.style_04 .it {padding: 0 15px 0 42px; text-align: right; color: #6A6A6A; font-weight: 500;}
/* join_sso_certify */
.input_certified.style_05 {padding: 15px 0;border-bottom: 1px solid #d9d9d9;}
.input_certified.style_05:first-child {border-top: 1px solid #d9d9d9;}
.input_certified.style_05 .radiobox {position: absolute; left: 10px; top: calc(50% - 9px);}
.input_certified.style_05 .it {padding: 0 15px 0 20px; text-align: left;font-weight: 300;}
.input_certified.style_05 .btn {top: 15px;}
.input_certified.style_05 .input_btn .btn {top: 0;}
.input_certified.style_05 .alert_blue {margin-left: 120px;}

.input_birth {width: calc(100% + 1px);}
.input_birth::after {content: ''; display: block; clear: both;}
.input_birth .select {margin-right: 1px; float: left;}
.input_birth .select:nth-child(1) {width: calc(50% - 1px);}
.input_birth .select:nth-child(2) {width: calc(25% - 1px);}
.input_birth .select:nth-child(3) {width: calc(25% - 1px);}
.input_birth .select input {margin-right: 1px; float: left;}
.input_birth.sty10 {display:flex;justify-content: space-between;}
.input_birth.sty10 .select:nth-child(1) {width:50%;box-sizing:border-box}
.input_birth.sty10 .select:nth-child(2) {width:25%;padding-left:10px;box-sizing:border-box}
.input_birth.sty10 .select:nth-child(3) {width:25%;padding-left:10px;box-sizing:border-box}

.input_email {width: calc(100% + 1px);}
.input_email::after {content: ''; display: block; clear: both;}
.input_email input,
.input_email .select {width: calc(50% - 1px); margin-right: 1px; float: left;}

.input_phone {width: calc(100% + 1px);}
.input_phone::after {content: ''; display: block; clear: both;}
.input_phone .select {width: calc(30% - 1px); margin-right: 1px; float: left;}
.input_phone .select input {width: 100%;}
.input_phone input {width: calc(70% - 1px); margin-right: 1px; float: left;}

.input_radio {padding-left: 119px; position: relative;}
.input_radio::after {content: ''; display: block; clear: both;}
.input_radio .name {display: block; width: 119px; height: 50px; line-height: 50px; font-size: 14px; color: #A1A1A1; text-align: center; position: absolute; left: 0; top: 0;}
.input_radio .radio {width: 50%; float: left; position: relative;}
.input_radio .radio:last-child {width: calc(50% - 1px); margin-left: 1px;}
.input_radio .radio input[type="radio"] {width:0px; height:0px; overflow:hidden; border:solid 0px #fff; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; position: absolute; left: 0; top: 0;}
.input_radio .radio span {display: block; height: 50px; line-height: 50px; text-align: center; font-size: 14px; background-color: #fff; border: 1px solid #fff; color: #A1A1A1; box-sizing: border-box;}
.input_radio .radio input[type="radio"]:checked + span {color: #3471FF; border: 1px solid #3471FF; background-color: #F2F6FF;}
.input_radio .radio input[type="radio"]:disabled + span {opacity:1;background-color: #EFEFEF;color: #9A9A9A;border: 1px solid #EFEFEF;}
.input_radio.sty10 {display:flex;justify-content: space-between;width:100%;padding-left:0}
.input_radio.sty10 .radio:first-child {padding-right:5px}
.input_radio.sty10 .radio:last-child {padding-left:5px}

.radiobtntype{display:flex;}
.radiobtntype .radio {position:relative;flex-basis:100%;}
.radiobtntype .radio + .radio {margin-left:5px;}
.radiobtntype .radio input[type="radio"] {position:absolute;width:0px;height:0px;overflow:hidden;border:solid 0px #fff;opacity:0;appearance:none;}
.radiobtntype .radio strong {display:inline-block;padding:0 20px 0 50px;width:100%;height:54px;box-sizing:border-box;background-color:#fff;font-weight: 400;}
.radiobtntype .radio strong span {font-weight:500;font-size:14px;line-height:54px;color:#9A9A9A;}
.radiobtntype .radio strong em {position: absolute;left:20px;top:0px;display:inline-block;margin-right:7px;width:24px;height:54px;background:url(../../images/join_btn_radio_normal.svg?ver=0.2.98) center no-repeat;background-size:24px;}
.radiobtntype .radio input[type="radio"]:checked + strong em {background: url(../../images/join_btn_radio_active.svg?ver=0.2.98) center no-repeat;background-size: 24px;color:#1A1A1A;}
.radiobtntype .radio input[type="radio"]:checked + strong span {color:#1A1A1A;}

.input_search {position: relative;}
.input_search .it {padding: 0 50px 0 15px !important; box-sizing: border-box;}
.input_search.on .it {padding: 0 50px 15px 15px !important; font-size: 13px;}
.input_search .address {display: none; width: 100%; padding-right: 50px; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 9px; color: #9A9A9A; position: absolute; left:15px; bottom: 7px; letter-spacing: -0.02em;}
.input_search.on .address {display: block;}
.input_search .btn_search {display: block; width: 50px; height: 50px; background: url(../../images/input_btn_search.svg?ver=0.2.98) center center no-repeat; position: absolute; right: 0; top: 0;}
.input_search .datalist {display: none; width: 100%; position: absolute; left: 0; top: 50px; z-index: 1; background-color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.input_search .datalist.on {display: block;}
.input_search .datalist li {padding: 10px; font-size: 14px;}
.input_search .datalist li:hover {background-color: #eee;}

.input_school {width: calc(100% + 1px);}
.input_school::after {content: ''; display: block; clear: both;}
.input_school .it,
.input_school .btn_search,
.input_school .select {margin-right: 1px; float: left;}
.input_school .it {width: calc(45% - 1px);}
.input_school .btn_search {display: block; width: calc(23% - 1px); height: 50px; line-height: 50px; background-color: #3471FF; color: #fff;}
.input_school .select {width: calc(32% - 1px);}

.grid_style {width: calc(100% + 1px);}
.grid_style.style_01 {width: calc(100% + 8px);}
.grid_style::after {content: ''; display: block; clear: both;}
.grid_style .item {margin-right: 1px; float: left;}
.grid_style.style_01 .item {margin-right: 8px;}
.grid_style .col_67 {width: calc(67% - 1px) !important;}
.grid_style .col_50 {width: calc(50% - 1px) !important;}
.grid_style .col_33 {width: calc(33% - 1px) !important;}
.grid_style .col_34 {width: calc(34% - 1px) !important;}
.grid_style .col_45 {width: calc(45% - 1px) !important;}
.grid_style .col_35 {width: calc(35% - 1px) !important;}
.grid_style .col_30 {width: calc(30% - 1px) !important;}
.grid_style .col_20 {width: calc(20% - 1px) !important;}
.grid_style.style_01 .col_33 {width: calc(33% - 8px) !important;}
.grid_style.style_01 .col_34 {width: calc(34% - 8px) !important;}
.grid_style.style_01 .col_50 {width: calc(50% - 8px) !important;}
.grid_style .name {display: block; text-align: center; line-height: 50px; font-size: 14px; color: #A1A1A1;}
.grid_style.style_02 .col_20 ~ .col_45{margin-bottom:1px;width:calc(80% - 1px) !important;}
.grid_style.style_02 .col_20 ~ .col_35{float:none;padding-left:20%;width:calc(80% - 1px)!important;}
.grid_style.sty10 {display:flex;justify-content:space-between}
.grid_style.sty10 .col_33 {width:auto;padding-left:10px;box-sizing:border-box}

.select {display:inline-block; width: 100%; position:relative;}
.select::after {content:""; display:block; width:10px; height:8px; background:url(../../images/arrow_01.svg?ver=0.2.98) 0 0 no-repeat; position:absolute; right:15px; top:calc(50% - 4px);}
.select select {width: 100%;height: 50px;padding-right:17px;padding-left: 17px;display: -webkit-box;background-color: #fff;border: 1px solid #fff;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-appearance:none;-moz-appearance:none;overflow: hidden;text-overflow: ellipsis;}
.select select:disabled {opacity:1;background-color: #EFEFEF; color: #9A9A9A; border: 1px solid #EFEFEF;}
.select select:focus {border: 1px solid #3471FF;}
.select select.error {border: 1px solid #E2341D;}
.select select option {color: #1a1a1a;}
.select select:required:invalid {color: #A1A1A1;}
.select select::-ms-expand {display:none;}
.select.style_01 {height: 50px; background-color: #fff;}
.select.style_01 span {font-size: 13px; color: #9A9A9A; position: absolute; left: 15px; top: 8px; z-index: 2;}
.select.style_01 select {padding: 20px 15px 0; font-size: 13px; background-color: transparent; border: 0 solid #fff; position: relative; z-index: 1;}
.select.style_01 select:focus {border: 1px solid #3471FF;}
.select.style_02::after {content:""; display:block; width:10px; height:8px; background:url(../../images/arrow_02.png?ver=0.2.98) 0 0 no-repeat; background-size: 10px; position:absolute; right:15px; top:calc(50% - 4px);}
.select.style_02 select {height: 50px; padding: 0; font-size: 13px; font-weight: 500; background-color: transparent; border: 0 solid #fff; border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; position: relative; z-index: 1;}
.select.style_03 select {height: 50px;}
.select.style_03 select:disabled {background-color: #EFEFEF; border: 1px solid #EFEFEF;}
.select.disabled {background-color: #EFEFEF;}
.select.disabled::after {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: none; z-index: 2;}
.select.disabled select {color: #9A9A9A; background-color: #EFEFEF; border: 1px solid #EFEFEF;}

.alert_area {height: 60px; padding-top: 5px; box-sizing: border-box;}
.alert_area.style_01 {height: 30px; padding-top: 0;}
.alert_area.style_02 {height: 40px; padding-top: 0;}
.alert_red {padding-left: 24px; font-size: 14px; color: #E2341D; background: url(../../images/input_icon_alert_red.svg?ver=0.2.98) 0 3px no-repeat; background-size: 16px; letter-spacing: -0.015em;}
.alert_blue {padding-left: 24px; font-size: 14px; color: #3471FF; background: url(../../images/join_icon_certification.svg?ver=0.2.98) 0 3px no-repeat; background-size: 16px;}
/* popup 내부 alert */
.popup .alert_area{height:auto;}

.event_area {padding-left: 75px; position: relative; color: #FD9941; font-size: 14px; letter-spacing: -0.02em;}
.event_area span {display: inline-block; height: 24px; line-height: 24px; border-radius: 24px; padding: 0 8px; background-color: #FD9941; color: #fff; position: absolute; left: 8px; top: 0;}

.btn_list_area {overflow: hidden;}
.btn_list_area li {float: left; margin-left: 30px; position: relative;}
.btn_list_area li::after {content: ''; display: block; width: 1px; height: 17px; background-color: #D9D9D9; position: absolute; left: -15px; top: 5px;}
.btn_list_area li:first-child:after {display: none;}
.btn_list_area li a {display: inline-block; line-height: 25px; color: #6A6A6A;}

/* sns login */
.sns_login_area {margin-bottom: 24px;}
.sns_login_area .txt {margin-bottom: 25px; text-align: center; font-size: 14px; color: #6A6A6A; position: relative;}
.sns_login_area .txt::after {content: ''; display: block; width: 100%; height: 1px; background-color: #D9D9D9; position: absolute; left: 0; top: 50%;}
.sns_login_area .txt span {display: inline-block; padding: 0 20px; background-color: #F8F8F8; position: relative; z-index: 1;}
.sns_login_area .btn_box {display:flex;justify-content:center;text-align: center;}
.sns_login_area .btn_box > button {position:relative;display: inline-block; margin-left: 40px; width: 47px; height: 47px;}
.sns_login_area .btn_box > button:first-child {margin-left: 0;}
.sns_login_area .btn_box > button.btn_kakao {background: url(../../images/login_sns_icon_kakao.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_login_area .btn_box > button.btn_naver {background: url(../../images/login_sns_icon_naver.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_login_area .btn_box > button.btn_facebook {background: url(../../images/login_sns_icon_facebook.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_login_area .btn_box > button.btn_google {background: url(../../images/login_sns_icon_google.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_login_area .btn_box div.btn_google {display:inline-block;margin-left:40px;width:47px;height:47px;background: url(../../images/login_sns_icon_google.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_login_area .btn_box div > button.btn_google {display:inline-block;margin-left:40px;width:47px;height:47px;background: url(../../images/login_sns_icon_google.svg?ver=0.2.98) 0 0 no-repeat;font-size:0;}
.sns_login_area .btn_box div.btn_google > div {opacity:0;}
.sns_login_area .btn_box > button.btn_apple {background: url(../../images/login_sns_icon_apple.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_login_area .btn_box > button > .is-used{position:absolute;top:-61px;left:50%;margin-left:-91px;width:175px;height:43px;border-radius:50px;box-shadow:0 5px 20px 0 rgb(0,0,0,.2);background-color:#fff;font-weight:700;font-size:16px;line-height:43px;color:#3B3B3B;}
.sns_login_area .btn_box > button > .is-used:after{content:'';position:absolute;bottom:-13px;left:0;margin-left:83px;width:0;height:0;border-top:16px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;}

.sns_login_area .join_box {margin-top: 24px; text-align: center;}
.sns_login_area .join_box li {display: inline-block; position: relative;}
.sns_login_area .join_box li::after {content: ''; display: block; width: 1px; height: 17px; background-color: #D9D9D9; position: absolute; left: -1px; top: 4px;}
.sns_login_area .join_box li:first-child:after {display: none;}
.sns_login_area .join_box a {display: inline-block; margin: 0 15px; color: #6A6A6A; cursor: pointer;}

.sns_join_area .txt {margin-bottom: 25px; text-align: center; font-size: 14px; color: #3A3A3A; position: relative;}
.sns_join_area .txt::after {content: ''; display: block; width: 100%; height: 1px; background-color: #D9D9D9; position: absolute; left: 0; top: 50%;}
.sns_join_area .txt span {display: inline-block; padding: 0 20px; background-color: #F8F8F8; position: relative; z-index: 1;}
.sns_join_area button,
.sns_join_area a {display: block; width: 100%; height: 60px; line-height: 58px; padding: 0 0 0 85px; border-radius: 8px; margin-bottom: 10px; text-align: left; color: #1a1a1a !important; background-color: #fff; box-sizing: border-box; position: relative;}
.sns_join_area a:last-child {margin-bottom: 0;}
.sns_join_area button::after,
.sns_join_area a::after {content: ''; display: block; width: 47px; height: 47px; position: absolute; left: 20px; top: 6px;}
.sns_join_area button::before,
.sns_join_area a::before {content: ''; display: block; width: 16px; height: 60px; background: url(../../images/join_icon_arrow.png?ver=0.2.98) 0 center no-repeat; background-size: 16px; position: absolute; right: 20px; top: 0;}
.sns_join_area .btn_style_09 {width: auto; height: auto; line-height: 1.5; color: #3a3a3a !important; background-color: transparent;}
.sns_join_area .btn_phone::after {background: url(../../images/join_icon_phone.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_join_area .btn_email::after {background: url(../../images/join_icon_email.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_join_area .btn_kakao::after {background: url(../../images/login_sns_icon_kakao.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_join_area .btn_naver::after {background: url(../../images/login_sns_icon_naver.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_join_area .btn_facebook::after {background: url(../../images/login_sns_icon_facebook.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_join_area .btn_google::after {background: url(../../images/login_sns_icon_google.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_join_area .btn_apple::after {background: url(../../images/login_sns_icon_apple.svg?ver=0.2.98) 0 0 no-repeat;}
.sns_join_area .btn_edit::after {background: url(../../images/join_icon_edit.png?ver=0.2.98) 0 0 no-repeat; background-size: 47px;}
.sns_join_area .btn_new::after {background: url(../../images/join_icon_new.png?ver=0.2.98) 0 0 no-repeat; background-size: 47px;}
.sns_join_area .btn_write::after {background: url(../../images/join_icon_edit.png?ver=0.2.98) 0 0 no-repeat; background-size: 47px;}
.sns_join_area .btn_phone_email strong:first-child {margin-bottom: -80px;display: block;}
.sns_join_area .btn_phone_email::after {background: url(../../images/join_icon_phone_email.png?ver=0.2.98) 0 0 no-repeat;top: 25px;}
.sns_join_area .btn_phone_email::before {top: 20px;}
.sns_join_area .btn_email2::after {background: url(../../images/join_icon_email.png?ver=0.2.98) 0 0 no-repeat;}
.sns_join_area .btn_phone2::after {background: url(../../images/join_icon_phone.png?ver=0.2.98) 0 0 no-repeat;}
.sns_join_area .btn_edit::before,
.sns_join_area .btn_new::before {display: none;}
.sns_join_area .btn {border: 1px solid #ddd !important;}
.sns_join_area .btn_phone {border: 1px solid #fff;}
.sns_join_area .btn_phone_email {height: auto;}
.sns_join_area .btn_email {border: 1px solid #fff;}
.sns_join_area .btn_kakao {border: 1px solid #FADF02;}
.sns_join_area .btn_naver {border: 1px solid #24D100;}
.sns_join_area .btn_facebook {border: 1px solid #1877F2;}
.sns_join_area .btn_google {border: 1px solid #E8E8E8;}
.sns_join_area .btn_apple {border: 1px solid #E8E8E8;}
.sns_join_area .btn_phone_email.withSNS:before{top:50%;margin-top:-30px;}
.sns_join_area .btn_phone_email.withSNS:after{top:6px;}
.sns_join_area .btn_phone_email.withSNS img{margin-top:14px;margin-right:9px;width:30px;}
.sns_join_area .btn_phone_email.withSNS strong:first-child {margin-bottom:0;}
.sns_join_area.btn_box {border-top: 1px solid #D9D9D9;}
.sns_join_area .btn_box {display: flex;justify-content: space-between;}
.sns_join_area .btn_box a {padding: 0;text-align: center;width: calc(50% - 10px);}
.sns_join_area .btn_box a::before {display: none;}
.sns_join_area .btn_box a::after {content: '';display: inline-block;width: 16px;height: 60px;background:url(../../images/join_icon_arrow.png?ver=0.2.98) 0 center no-repeat;background-size: 16px;position: absolute;left: auto;top: 0;margin-left: 5px;}

.sns_relogin_area{margin:24px 0}
.sns_relogin_area a{display:flex;justify-content:center;align-items:center;margin-top:12px;height:64px;border-radius:10px;background-color:#fff;font-weight:500;font-size:16px;}
.sns_relogin_area a:first-child{margin-top:0;}
.sns_relogin_area a:before{content:'';display:inline-block;margin-right:10px;width:28px;height:28px;background-size:28px;}
.sns_relogin_area a.btn_kakao:before{background:url("../../images/login_sns_icon_kakao.svg?ver=0.2.98") center no-repeat;background-size:28px;}
.sns_relogin_area a.btn_naver:before{background:url("../../images/login_sns_icon_naver.svg?ver=0.2.98") center no-repeat;background-size:28px;}
.sns_relogin_area a.btn_facebook:before{background:url("../../images/login_sns_icon_facebook.svg?ver=0.2.98") center no-repeat;background-size:28px;}
.sns_relogin_area a.btn_google:before{background:url("../../images/login_sns_icon_google.svg?ver=0.2.98") center no-repeat;background-size:28px;}
.sns_relogin_area a.btn_apple:before{background:url("../../images/login_sns_icon_apple.svg?ver=0.2.98") center no-repeat;background-size:28px;}

/* 로그인 하단 배너 */
.login_bottom_banner{margin-top:30px;}
.login_bottom_banner .desc{margin-top:12px;padding:0 20px;font:400 14px/20px 'Noto Sans KR';color:#6A6A6A;letter-spacing:-.02em;}


.checking_age_area {overflow: hidden;}
.checking_age_area .radio {display:inline-block;}
.checking_age_area .radio input[type="radio"] {width:0px; height:0px; overflow:hidden; border:solid 0px #fff; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.checking_age_area .radio strong {display:inline-block; padding: 0 20px 0 50px; background-color: #fff; border: 1px solid #fff; border-radius: 8px; position: relative; font-weight: 400;}
.checking_age_area .radio strong span {font-size: 15px; line-height: 42px; color: #1A1A1A;}
.checking_age_area .radio strong em {display:inline-block; width: 19px; height: 19px; background: url(../../images/join_btn_radio_normal.svg?ver=0.2.98) 0 0 no-repeat; background-size: 19px; position: absolute; left: 20px; top: 12px;}
.checking_age_area .radio input[type="radio"]:checked + strong {background-color: #F2F6FF; border: 1px solid #1B77F2;}
.checking_age_area .radio input[type="radio"]:checked + strong em {background: url(../../images/join_btn_radio_active.svg?ver=0.2.98) 0 0 no-repeat; background-size: 19px;}

.checking_member_area {overflow: hidden;}
.checking_member_area .radio {display:inline-block;}
.checking_member_area .radio input[type="radio"] {width:0px;height:0px;overflow:hidden;border:solid 0px #fff;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.checking_member_area .radio div {position: relative;width:205px;display:inline-block;border: 1px solid #3471FF;padding: 12px 0;box-sizing: border-box;border-radius: 8px;text-align: center;}
.checking_member_area .radio div span {font-size: 19px;color: #3471FF;font-weight: 400;}
.checking_member_area .radio input[type="radio"]:checked + div {background-color: #3471FF;}
.checking_member_area .radio input[type="radio"]:checked + div span {color: #fff;}

.banner_area {width: 416px; margin: 0 auto;}
.banner_area img {width: 100%;}

.banner_area_01 {width: 328px; margin: 0 auto;}
.banner_area_01 img {width: 100%;}

.fixed_bottom {width: 100%; position: fixed; left: 0; bottom: 20px;}
.fixed_bottom .inner_box {width: 455px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}

.certified_area {padding-left: 35px; border-bottom: 1px solid #D9D9D9; line-height: 36px; position: relative;}
.certified_area dl dt {position: absolute; left: 0; top: 0;}
.certified_area dl dd {font-size: 14px;}
.certified_area dl dd .sns_logo {display: inline-block; position: relative; top: 6px;}
.certified_area dl dd .sns_logo img {width: 24px;}
.certified_area .badge {display: inline-block; padding-left: 20px; font-size: 14px; color: #3471FF; background: url(../../images/join_icon_certification.svg?ver=0.2.98) 0 center no-repeat; position: absolute; right: 0; top: 0;}

.certified_area_01 {padding: 22px 17px; background-color: #fff; border-radius: 14px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); position: relative;}
.certified_area_01 .name {padding-left: 40px; background: url(../../images/join_illust_phone.svg?ver=0.2.98) 0 center no-repeat;}
.certified_area_01 .name span {display: block;}
.certified_area_01 .name .txt_01 {font-size: 18px;}
.certified_area_01 .name .txt_02 {font-size: 13px; color: #999;}
.certified_area_01 .btn_56 {width: 120px; position: absolute; right: 17px; top: 17px;}

.member_type_area .radio {display:block; margin-bottom: 10px; position: relative;}
.member_type_area .radio:last-child {margin-bottom: 0;}
.member_type_area .radio input[type="radio"] {width:0px; height:0px; overflow:hidden; border:solid 0px #fff; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; position: absolute; left: 0; top: 0;}
.member_type_area .radio span {display: block; width: 100%; padding: 11px 20px 11px 96px; background-color: #fff; border: 1px solid #F2F2F2; border-radius: 8px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); position: relative; font-weight: 400; box-sizing: border-box;}
/* .member_type_area .radio span::after {content: ''; display: block; width: 16px; height: 16px; background: url(../../images/join_icon_arrow.svg?ver=0.2.98) 0 0 no-repeat; position: absolute; right: 22px; top: calc(50% - 8px);} */
.member_type_area .radio span.ico_01::before {content: ''; display: block; width: 50px; height: 50px; background: url(../../images/join_icon_minor.svg?ver=0.2.98) 0 0 no-repeat; position: absolute; left: 22px; top: calc(50% - 27px);}
.member_type_area .radio span.ico_02::before {content: ''; display: block; width: 50px; height: 50px; background: url(../../images/join_icon_student.svg?ver=0.2.98) 0 0 no-repeat; position: absolute; left: 22px; top: calc(50% - 27px);}
.member_type_area .radio span.ico_03::before {content: ''; display: block; width: 50px; height: 50px; background: url(../../images/join_icon_parents.svg?ver=0.2.98) 0 0 no-repeat; position: absolute; left: 22px; top: calc(50% - 27px);}
.member_type_area .radio span.ico_04::before {content: ''; display: block; width: 50px; height: 50px; background: url(../../images/join_icon_teacher.svg?ver=0.2.98) 0 0 no-repeat; position: absolute; left: 22px; top: calc(50% - 27px);}
.member_type_area .radio span em {display:block;}
.member_type_area .radio span em.tit {font-size: 18px;}
.member_type_area .radio span em.txt {font-size: 13px; color: #999999;}
.member_type_area .radio input[type="radio"]:checked + span {background-color: #F2F6FF; border: 1px solid #3471FF;}
.member_type_area .radio input[type="radio"]:checked + span.ico_01::before {background: url(../../images/join_icon_minor_pressed.svg?ver=0.2.98) 0 0 no-repeat; }
.member_type_area .radio input[type="radio"]:checked + span.ico_02::before {background: url(../../images/join_icon_student_pressed.svg?ver=0.2.98) 0 0 no-repeat; }
.member_type_area .radio input[type="radio"]:checked + span.ico_03::before {background: url(../../images/join_icon_parents_pressed.svg?ver=0.2.98) 0 0 no-repeat; }
.member_type_area .radio input[type="radio"]:checked + span.ico_04::before {background: url(../../images/join_icon_teacher_pressed.svg?ver=0.2.98) 0 0 no-repeat; }
.member_type_area .radio input[type="radio"]:disabled + span {background-color: #EFEFEF; color: #9A9A9A; border: 1px solid #EFEFEF;}
.member_type_area .radio input[type="radio"]:disabled + span em.txt {color: #9A9A9A;}
.member_type_area .radio input[type="radio"]:disabled + span.ico_01::before {background: url(../../images/join_icon_minor_disable.svg?ver=0.2.98) 0 0 no-repeat; }
.member_type_area .radio input[type="radio"]:disabled + span.ico_02::before {background: url(../../images/join_icon_student_disable.svg?ver=0.2.98) 0 0 no-repeat; }
.member_type_area .radio input[type="radio"]:disabled + span.ico_03::before {background: url(../../images/join_icon_parents_disable.svg?ver=0.2.98) 0 0 no-repeat; }
.member_type_area .radio input[type="radio"]:checked + span.ico_04::before {background: url(../../images/join_icon_teacher_disable.svg?ver=0.2.98) 0 0 no-repeat; }
.member_type_area.type1 .radio span {display:flex;align-items: center;min-height:80px}
.member_type_area.type1 .radio span em.tit {font-size:18px;font-weight:600;color:#1A1A1A}

.box_style_01 {position: relative;padding: 25px 0; background-color: #F2F6FF; border-radius: 8px; text-align: center;}
.box_style_01_alt {position: relative;padding: 25px 0; background-color: #E8EFFF; border-radius: 8px; text-align: center;}
.box_style_02 {padding: 10px 0; background-color: #F2F6FF; border-radius: 8px; text-align: center;}
.box_style_03 {padding: 40px 0; background-color: #EFEFEF; color: #6A6A6A; border: 1px solid #DADADA; border-radius: 8px; text-align: center;}
.box_style_04 {padding: 15px 0; background-color: #EFEFEF; color: #A5A5A5; text-align: center;}
.box_style_05 {background-color: #F8F8F8; border-radius: 20px;}
.box_style_06 {background-color: #EFEFEF;}
.box_style_07 {padding: 23px; background-color: #EBEBEB; border-radius: 10px;}

.flex_wrap {display: flex; height: calc(100vh - 130px); align-items: center; justify-content: center;}

.checkbox_col_03 ul {width: calc(100% + 1px); overflow: hidden;}
.checkbox_col_03 ul li {width: calc(33% - 1px); margin-right: 1px; margin-bottom: 1px; float: left;}
.checkbox_col_03 ul li:nth-child(3n) {width: calc(34% - 1px);}

.checkbox_col_04 ul {width: calc(100% + 1px); overflow: hidden;}
.checkbox_col_04 ul li {width: calc(25% - 1px); margin-right: 1px; margin-bottom: 1px; float: left;}

.scroll {overflow: hidden; overflow-y: auto; scrollbar-3dLight-Color: #fff; scrollbar-arrow-color: #ddd; scrollbar-Face-Color: #ddd; scrollbar-Track-Color: #fff; scrollbar-DarkShadow-Color: #ddd; scrollbar-Highlight-Color: #fff; scrollbar-Shadow-Color: #ddd;}
.scroll::-webkit-scrollbar {width: 6px;}
.scroll::-webkit-scrollbar-thumb {background: #ddd;}
.scroll::-webkit-scrollbar-button {display: none;}

.input {display:inline-block; width: 100%; height: 50px; background-color: #fff; position:relative;}
.input span {font-size: 13px; color: #9A9A9A; position: absolute; left: 15px; top: 8px;}
.input input {padding: 20px 15px 0; font-size: 13px; background-color: transparent; border: 0 solid #fff; position: relative; z-index: 1;}
.input input:read-only {border: 0 solid #fff;}
.input.style_01 {background-color: transparent; border-bottom: 1px solid #CDCDCD;}
.input.disabled {background-color: #EFEFEF;}
.input.disabled .c_red {display: none;}
.input.style_01 span {left: 0;}
.input.style_01 input {padding: 20px 0 0; font-size: 15px;}
.input.style_01 input:focus {border: 0 solid #fff;}
.input.style_01 input:read-only {color: #1a1a1a;}
.input .btn_36 {position: absolute; right: 0; top: calc(50% - 18px); z-index: 1;}
.input .btn_50 {width: 70px; position: absolute; right: 0; top: 0; z-index: 1;}
.input .btn_54 {width: 70px; position: absolute; right: 0; top: 0; z-index: 1;}
.input .btn_89 {width: 89px;}

.profile_area {position: relative;}
.profile_area .photo {width: 88px; height: 88px; border-radius: 100%; overflow: hidden; background: url(../../images/list_thumbnail_ic_default.png?ver=0.2.98) 0 0 no-repeat; background-size: 88px;}
.profile_area .photo img {width: 100%; height: 100%;}
.profile_area .btn_edit {display: block; width: 26px; height: 26px; background: url(../../images/my_thumbnail_edit_ic_modify.png?ver=0.2.98) 0 0 no-repeat; background-size: 26px; position: absolute; left: 62px; top: 62px;}
.profile_area .btn_layer {display: none; width: 205px; background-color: #fff; position: absolute; left: 97px; top: 46px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); z-index: 2;}
.profile_area .btn_layer.on {display: block;}
.profile_area .btn_layer .button {display: block; width: 100%; height: 40px; line-height: 40px; padding-left: 16px; font-size: 14px; box-sizing: border-box; text-align: left; position: relative;}
.profile_area .btn_layer .button::after {content: ''; display: block; width: 16px; height: 16px; position: absolute; right: 16px; top: 12px; background-size: 16px !important;}
.profile_area .btn_layer .button:nth-child(1) {border-bottom: 1px solid #DADADA;}
.profile_area .btn_layer .button:nth-child(1)::after {background: url(../../images/chat_ic_gallery.png?ver=0.2.98) 0 0 no-repeat;}
.profile_area .btn_layer .button:nth-child(2)::after {background: url(../../images/chat_ic_camera.png?ver=0.2.98) 0 0 no-repeat;}
.profile_area .input {width: 315px; position: absolute; right: 0; bottom: 0;}
.profile_area .input.style_01 {width: 300px; bottom: 15px;}
.profile_area .txt_box {position: absolute; left: 104px; top: 12px;}
.profile_area .txt_box .name {margin-bottom: 8px; color: #3A3A3A; font-weight: 500;}
.profile_area .grid_style.style_01 {width: calc(300px + 8px); position: absolute; right: 0; bottom: 0;}
.profile_area .grid_style .input {position: relative;}
.profile_area .grid_style .input.style_01 {width: auto;}
.profile_area.style_01 {text-align: center;}
.profile_area.style_01 .photo {display: inline-block;}
.profile_area.style_01 .btn_edit {left: 226px;}
.profile_area.style_01 .btn_layer {left: 105px; top: 55px;}

.service_info_area {padding-left: 140px; position: relative; letter-spacing: -0.015em;}
.service_info_area .logo {position: absolute; left: 0; top: calc(50% - 11px);}
.service_info_area .logo img {width: 100px;}
.service_info_area .logo.sty01 {top: calc(50% - 15px)}
.service_info_area .txt {font-size: 13px;}
.service_info_area .btn_36 {width: 100px; position: absolute; right: 0; top: calc(50% - 18px);}
.service_info_area.wordmaster .logo img{width: 100%;}
.service_info_area.wordmaster .txt{font-size: 12px;padding-left: 30px;}

.my_info_area li {display: flex; align-items: center; height: 118px; border-bottom: 1px solid #D9D9D9; box-sizing: border-box; position: relative;}
.my_info_area li .cont {width:100%;}
.my_info_area li .link {display: flex; align-items: center; width:100%;height: 118px;}
.my_info_area.style_01 li {display: block; height: auto; padding: 33px 0;}
.my_info_area li .name {margin-bottom: 8px; font-weight: 500;}
.my_info_area li .txt {font-size: 13px; color: #6A6A6A;}
.my_info_area li .id_list > div {position:relative;padding-left:95px;width:100%;box-sizing:border-box;}
.my_info_area li .id_list dt {font-size: 13px; color: #6A6A6A; font-weight: 400; position: absolute; left: 0; top: 0;}
.my_info_area li .id_list dd {font-size: 13px; color: #000;}
.my_info_area li .id_list dd img {width: 20px;}
.my_info_area li .id_list dd.ellipsis {padding-right:105px;width:329px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.my_info_area li .id_list dd.certed {position:absolute;top:-1px;right:58px;font-weight:700;font-size:14px;color:#4896FF;}
.my_info_area li .id_list dd.uncert {position:absolute;top:-1px;right:52px;font-weight:700;font-size:14px;color:#E2341D;}
.my_info_area li .btn_more {display: block; width: 56px; height: 56px; background: url(../../images/join_icon_arrow.png?ver=0.2.98) center center no-repeat; background-size: 16px; position: absolute; right: 0; top: calc(50% - 28px);}
.my_info_area.style_01 li .btn_more {top: 17px;}
.my_info_area.style_01 li.open .btn_more {transform: rotate(90deg);}
.my_info_area li .btn_36 {width: 90px; position: absolute; right: 0; top: calc(50% - 18px);}
.my_info_area.style_01 li .cont {display: none;}
.my_info_area.style_01 li.open .cont {display: block; margin-top: 5px;}

.my_info_detail_area {margin-top:-6px;}
.my_info_detail_area > div {min-height: 41px; margin-bottom: 10px; padding: 0 0 10px 96px; box-sizing: border-box; border-bottom: 1px solid #D9D9D9; position: relative;box-sizing:border-box}
.my_info_detail_area > div:last-child {margin-bottom: 0; padding: 0 0 0 96px; border-bottom: 0 solid #fff;}
.my_info_detail_area dt {font-weight: 400; color: #6A6A6A; position: absolute; left: 0; top: 8px;font-size:14px}
.my_info_detail_area dd {position: relative;height:36px;line-height:36px;}
.my_info_detail_area dd img {width: 24px;vertical-align: middle;}
.my_info_detail_area dd.ellipsis {padding-right:140px;width:319px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.my_info_detail_area dd .certed {position:absolute;top:1px;right:106px;font-weight:700;font-size:14px;color:#4896FF;}
.my_info_detail_area dd .uncert {position:absolute;top:1px;right:100px;font-weight:700;font-size:14px;color:#E2341D;}
.my_info_detail_area .button {display: block; width: 70px; height: 36px; background-color: #3471FF; border-radius: 8px; color: #fff !important; position: absolute; right: 0; top: calc(50% - 18px);}

.swiper_banner .control button {display: block; width: 36px; height: 36px; position: absolute; top: 44px; background-size: 36px !important; z-index: 1; opacity: 0; transition: 0.3s all;}
.swiper_banner:hover .control button {opacity: 1;}
.swiper_banner .control .btn_prev {background: url(../../images/banner_icon_arrow_left.png?ver=0.2.98) 0 0 no-repeat; left: 4px;}
.swiper_banner .control .btn_next {background: url(../../images/banner_icon_arrow_right.png?ver=0.2.98) 0 0 no-repeat; right: 4px;}
.swiper_banner .swiper-pagination {display: inline-block; width: auto; height: 20px; padding: 0 11px; border-radius: 20px; line-height: 20px; font-size: 12px; font-weight: 500; color: #fff; background-color: rgba(0, 0, 0, 0.12); position: absolute; right: 16px; left: auto; bottom: 8px;}

.tab_btn {border-bottom: 1px solid #CDCDCD;}
.tab_btn ul {width: 100%; overflow: hidden;}
.tab_btn ul li {width: 33%; float: left; text-align: center;}
.tab_btn ul li:last-child {width: 34%;}
.tab_btn ul li a {display: block; width: 100%; height: 58px; line-height: 58px; font-weight: 500; box-sizing: border-box;}
.tab_btn ul li a span {display: inline-block; height: 58px; line-height: 58px; box-sizing: border-box;}
.tab_btn ul li.on a span {border-bottom: 2px solid #3471FF; color: #3471FF;}

.btn_list {width: calc(100% + 13px); overflow: hidden;}
.btn_list li {width: calc(33% - 13px); margin: 0 13px 12px 0; float: left;}
.btn_list li a {display: block; height: 50px; line-height: 50px; border: 1px solid #fff; text-align: center; border-radius: 8px; background-color: #fff;}
.btn_list li.on a {border: 1px solid #3471FF; background-color: #F2F6FF;}
.btn_list li a span {display: inline-block;}
.btn_list li a .ico {position: relative; top: 7px;}
.btn_list li a .ico img {width: 40px;}
.btn_list li a .name {font-size: 16px; font-weight: 500;}

.subject_swiper_01 .swiper-pagination {width: 415px;}
.subject_swiper_01 .swiper-pagination .swiper-pagination-bullet {margin: 0 6px;}

.subject_swiper_02 .item {display: inline-block; height: 36px; padding: 0 40px 0 16px; border-radius: 36px; line-height: 34px; border: 1px solid #3471FF; color: #3471FF; box-sizing: border-box; position: relative;}
.subject_swiper_02 .item .btn_del {display: inline-block; width: 36px; height: 36px; background: url(../../images/btn_del.png?ver=0.2.98) center center no-repeat; background-size: 12px; position: absolute; right: 0; top: 0;}
.subject_swiper_02 .swiper-slide {width: auto;}

.table_style_01 {border: 1px solid #DADADA; border-radius: 8px;}
.table_style_01 thead th {padding: 7px 0; border-bottom: 1px solid #DADADA; border-left: 1px solid #DADADA; text-align: center; font-weight: 500;}
.table_style_01 thead th:first-child {border-left: 0 solid #fff;}
.table_style_01 tbody td {padding: 5px 0; border-left: 1px solid #DADADA; text-align: center; font-size: 13px;}
.table_style_01 tbody td:first-child {border-left: 0 solid #fff;}

.table_style_02 {border: 1px solid #E1E1E1;}
.table_style_02 thead th {padding: 7px 0; background-color: #F3F3F3; font-size: 12px; color: #6A6A6A; text-align: center; font-weight: 400;}
.table_style_02 thead th:first-child {border-left: 0 solid #fff;}
.table_style_02 tbody th {padding: 5px; font-size: 12px; font-weight: 500; background-color: #fff; border-right: 1px solid #F8F8F8; border-bottom: 1px solid #F8F8F8; vertical-align: top; text-align: left;}
.table_style_02 tbody tr:last-child th,
.table_style_02 tbody tr:last-child td {border-bottom: 0 solid #fff;}
.table_style_02 tbody td {padding: 5px; font-size: 12px; background-color: #fff; border-right: 1px solid #F8F8F8; border-bottom: 1px solid #F8F8F8; vertical-align: top;}
.table_style_02 tbody td:last-child {border-right: 0 solid #fff;}

.account_area a {display: block; min-height: 70px; line-height: 70px; margin-bottom: 10px; padding: 0 0 0 79px; font-size: 14px; background-color: #fff; border-radius: 10px; border-bottom: 1px solid #F2F2F2; box-sizing: border-box; position: relative;}
.account_area a:last-child {margin-bottom: 0;}
.account_area a span {display: block;}
.account_area a .ico {position: absolute; left: 16px; top: calc(50% - 23px);}
.account_area a .ico img {width: 47px;}
.account_area .btn_id.id_02 {padding: 10px 0 10px 79px; line-height: 24px;}
.account_area .btn_id.id_03 {padding: 18px 0; line-height: 24px; text-align: center; font-size: 16px;}
.account_area .btn_id .ico {display: block; width: 47px; height: 47px; padding-top: 10px; border-radius: 47px; font-size: 14px; line-height: 15px; font-weight: 700; color: #3471FF; background-color: #F2F6FF; text-align: center; box-sizing: border-box;}
.account_area .btn_id .txt {margin-top: 4px; font-size: 14px; color: #6A6A6A;}
.account_area .on {border: 1px solid #3471FF;}

.dl_style_01 > div {min-height: 50px; padding-left: 116px; margin-bottom: 1px; position: relative;}
.dl_style_01 > div:last-child {margin-bottom: 0;}
.dl_style_01 dt {width: 115px; height: 50px; line-height: 50px; font-size: 14px; text-indent: 16px; font-weight: 400; color: #9A9A9A; background-color: #EFEFEF; position: absolute; left: 0; top: 0;}
.dl_style_01 dd {height: 50px; line-height: 50px; font-size: 14px; font-weight: 500; color: #A5A5A5; text-indent: 16px; background-color: #fff;}

.dl_style_02 > div {min-height: 50px; padding-left: 100px; margin-bottom: 1px; position: relative;}
.dl_style_02 > div:last-child {margin-bottom: 0;}
.dl_style_02 dt {width: 100px; height: 50px; line-height: 50px; font-size: 14px; text-indent: 20px; font-weight: 500; color: #6A6A6A; background-color: #EFEFEF; position: absolute; left: 0; top: 0;}
.dl_style_02 dd {height: 50px; line-height: 50px; font-size: 14px; color: #6A6A6A; text-indent: 20px; background-color: #EFEFEF; position: relative;}
.dl_style_02 dd .alert {font-size: 14px; font-weight: 700; color: #4896FF; position: absolute; right: 20px; top: 0;}

.step_style_01 {overflow: hidden;}
.step_style_01 li {margin-right: 15px; float: left; font-family: 'Roboto'; font-size: 18px; color: #C9C9C9;}
.step_style_01 li.on {font-weight: 700; color: #0C1DF7;}

.service_list_style_01 {text-align: center;}
.service_list_style_01 ul {display: inline-block; overflow: hidden;}
.service_list_style_01 ul li {float: left; margin: 0 15px;}
.service_list_style_01 ul li span {display: block; width: 62px; padding-top: 70px; font-weight: 500; background-size: 62px;}
.service_list_style_01 ul li .etoos {background: url(../../images/badge_etoos.svg?ver=0.2.98) 0 0 no-repeat;}
.service_list_style_01 ul li .linker {background: url(../../images/badge_linker.svg?ver=0.2.98) 0 0 no-repeat;}
.service_list_style_01 ul li .curi {background: url(../../images/badge_curi.svg?ver=0.2.98) 0 0 no-repeat;}
.service_list_style_01 ul li .skytab {background: url(../../images/badge_skytab.svg?ver=0.2.98) 0 0 no-repeat;}

/* services_list_box */
.services_list_box {background: #fff;}
.services_list_box ul {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.services_list_box ul li {display: flex;justify-content: center;align-items: center;width: calc(100% / 3);padding: 21px 0 21px 0;}
.services_list_txt {padding-left: 20px;text-indent: -20px;}

/* error_area */
.error_area .notice_box {padding: 23px 15px;background-color: rgba(235, 235, 235, 57%);border-radius: 10px;}
.error_area .notice_box p .title {margin-right: 7px;color: #4e4e4e;}
.error_area .inquiry_box {padding: 15px 20px;background-color: rgba(235, 235, 235, 57%);border-radius: 10px;}
.error_area .inquiry_box ul {display: flex;justify-content: flex-start;align-items: center;}
.error_area .inquiry_box ul .icon_box {margin-right: 10px;}
.error_area .inquiry_box ul li p strong {color: #4e4e4e;}

/* sub  */
.curi .btn_56 {background-color: #FC295F;}
.curi .fz_31 {height: 100px; margin-bottom: 30px !important; font-size: 0 !important; background: url(../../images/logo_curi.svg?ver=0.2.98) center center no-repeat; background-size: 170px;}
.curi .fz_18 {display: none;}
.curi .checkbox input[type="checkbox"]:checked + em {background: url(../../images/join_btn_check_active_01.svg?ver=0.2.98) 0 0 no-repeat;}
.curi .input_btn .btn {background-color: #FC295F;}
.curi .btn_style_05 {color: #FC295F !important; background: url(../../images/join_icon_pink_arrow.png?ver=0.2.98) right 3px no-repeat; background-size: 14px;}
.curi .input_btn.style_02 .btn {color:#FC295F !important; background-color: #fff;}
.curi .btn_50 {background-color: #FC295F;}
.curi .tab_btn ul li.on a span {border-bottom: 2px solid #FC295F; color: #FC295F;}
.curi .btn_list li.on a {border: 1px solid #FC295F; background-color: #FEF3F6;}
.curi .c_blue {color: #FC295F !important;}
.curi .btn_style_08 .button {color: #FC295F;}
.curi .subject_swiper_02 .item {color: #FC295F; border: 1px solid #FC295F;}
.curi .subject_swiper_02 .item .btn_del {background: url(../../images/btn_del_01.png?ver=0.2.98) center center no-repeat; background-size: 12px;}
.curi .swiper-pagination-bullet-active {background-color: #FC295F;}

.linker .btn_56 {background-color: #302CC8;}
.linker .fz_31 {height: 100px; margin-bottom: 30px !important; font-size: 0 !important; background: url(../../images/etoosxlinker_BI.svg?ver=0.2.98) center center no-repeat; background-size: 170px;}
.linker .fz_18 {display: none;}
.linker .checkbox input[type="checkbox"]:checked + em {background: url(../../images/join_btn_check_active_02.svg?ver=0.2.98) 0 0 no-repeat;}
.linker .btn_style_05 {color: #302CC8 !important; background: url(../../images/join_icon_navy_arrow.png?ver=0.2.98) right 3px no-repeat; background-size: 14px;}

.skygo .fz_31 {height: 100px; margin-bottom: 30px !important; font-size: 0 !important; background: url(../../images/logo_skytab.svg?ver=0.2.98) center center no-repeat; background-size: 170px;}
.skygo .fz_18 {display: none;}

.etoos .btn_56 {background-color: #047F89;}
.etoos .fz_31 {height: 100px; margin-bottom: 30px !important; font-size: 0 !important; background: url(../../images/logo_etoos.svg?ver=0.2.98) center center no-repeat; background-size: 170px;}
.etoos .fz_18 {display: none;}
.etoos .checkbox input[type="checkbox"]:checked + em {background: url(../../images/join_btn_check_active_03.svg?ver=0.2.98) 0 0 no-repeat;}
.etoos .input_btn .btn {background-color: #047F89;}
.etoos .btn_style_05 {color: #047F89 !important; background: url(../../images/join_icon_green_arrow.png?ver=0.2.98) right 3px no-repeat; background-size: 14px;}
.etoos .input_btn.style_02 .btn {color:#047F89 !important; background-color: #fff;}
.etoos .btn_50 {background-color: #047F89;}
.etoos .tab_btn ul li.on a span {border-bottom: 2px solid #047F89; color: #047F89;}
.etoos .btn_list li.on a {border: 1px solid #047F89; background-color: #FEF3F6;}
.etoos .c_blue {color: #047F89 !important;}
.etoos .btn_style_08 .button {color: #047F89;}
.etoos .subject_swiper_02 .item {color: #047F89; border: 1px solid #047F89;}
.etoos .subject_swiper_02 .item .btn_del {background: url(../../images/btn_del_03.png?ver=0.2.98) center center no-repeat; background-size: 12px;}
.etoos .swiper-pagination-bullet-active {background-color: #047F89;}

.elifun .fz_18 {display: none;}
.elifun .fz_31 {height: 100px; margin-bottom: 30px !important; font-size: 0 !important; background: url(../../images/logo_elifun.svg?ver=0.2.98) center center no-repeat; background-size: 140px;}
.elifun .btn_56 {background-color: #FEB835;}

.moji .fz_18 {display: none;}
.moji .fz_31 {height: 100px; margin-bottom: 30px !important; font-size: 0 !important; background: url(../../images/logo_moji.svg?ver=0.2.98) center center no-repeat; background-size: 170px;}
.moji .btn_56 {background-color: #13D86F;}

.wordmaster .fz_18 {display: none;}
.wordmaster .fz_31 {height: 100px; margin-bottom: 30px !important; font-size: 0 !important; background: url(../../images/logo_wordmaster.svg?ver=0.2.98) center center no-repeat; background-size: 225px;}

.portal .fz_18 {display: none;}
.portal .fz_31 {height: 100px; margin-bottom: 30px !important; font-size: 0 !important; background: url(../../images/logo_etoosplus.svg?ver=0.2.98) center center no-repeat; background-size: 170px;}

/*dion login*/
.dion .btn_56 {background-color: #047F89}
.dion .fz_31 {height: 100px; margin-bottom: 30px !important; font-size: 0 !important; background: url(../../images/logo_dion.svg?ver=0.2.98) center center no-repeat; background-size: 170px;}
.dion .fz_18 {display: none;}
.dion .checkbox input[type="checkbox"]:checked + em {background: url(../../images/join_btn_check_active_03.svg?ver=0.2.98) 0 0 no-repeat;}
.dion .input_btn .btn {background-color: #047F89;}
.dion .btn_style_05 {color: #047F89 !important; background: url(../../images/join_icon_green_arrow.png?ver=0.2.98) right 3px no-repeat; background-size: 14px;}
.dion .input_btn.style_02 .btn {color:#047F89 !important; background-color: #fff;}
.dion .btn_50 {background-color: #047F89;}
.dion .tab_btn ul li.on a span {border-bottom: 2px solid #047F89; color: #047F89;}
.dion .btn_list li.on a {border: 1px solid #047F89; background-color: #FEF3F6;}
.dion .c_blue {color: #047F89 !important;}
.dion .btn_style_08 .button {color: #047F89;}
.dion .subject_swiper_02 .item {color: #047F89; border: 1px solid #047F89;}
.dion .subject_swiper_02 .item .btn_del {background: url(../../images/btn_del_03.png?ver=0.2.98) center center no-repeat; background-size: 12px;}
.dion .swiper-pagination-bullet-active {background-color: #047F89;}


/* 소개 페이지 - introduction */
#intro_wrap {position: relative;min-width: 1200px;min-height: 100%;margin: 0 auto;background: #fff;}
#intro_wrap .inner {position:relative;width:1200px;margin:0 auto;}
#intro_wrap .intro_action_bar {position: relative;width: 100%;height: 74px;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
#intro_wrap .intro_action_bar .title {font-size: 20px;font-weight:400;line-height: 74px;text-align: center;}
#intro_wrap .intro_action_bar .btn_close {display: block; width: 80px; height: 74px; background: url(../../images/actionbar_btn_clear_normal_black.png?ver=0.2.98) center center no-repeat; background-size: 36px; position: absolute; right: 0; top: 0;}
#intro_wrap .intro_action_bar .btn_back {display: block; width: 80px; height: 74px; background: url(../../images/actionbar_btn_back_normal_black.png?ver=0.2.98) center center no-repeat; background-size: 36px; position: absolute; left: 0; top: 0;}

.intro_contents {width: 100%;margin:0 auto;}
.intro_contents .main_section {position: relative;height: 680px;background: #f5f7ff url(../../images/intro_main_bg.png?ver=0.2.98) no-repeat;background-position: calc(50% - -155px) 77%;overflow: hidden;}
.intro_contents .main_section .title_box {position: relative;padding-top: 200px;z-index: 1;}
.intro_contents .main_section .title_box .title {font-size: 56px;color: #1b93ff;}
.intro_contents .main_section .title_box .sub_title {font-size: 33px;color: #3b3c3e;}
.intro_contents .main_section .title_box .sub_title .service_box {margin-left: 4px;}
.intro_contents .main_section .title_box .sub_title .service_box .logo {vertical-align: middle;margin-right: 8px;}

.intro_contents .contents_section {position: relative;background: #00c4ff;padding: 125px 0 115px;}
.intro_contents .contents_section .title {font-size: 43px;color: #fff;}
.intro_contents .contents_section .sub_title {font-size: 28px;color: #fff;}
.intro_contents .contents_section .company_box {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 90px;}
.intro_contents .contents_section .company_box li {width: 283px;height:300px;background: #fff;padding: 63px 40px;box-sizing: border-box;border-radius: 20px;}
.intro_contents .contents_section .company_box li .logo {margin-bottom: 30px;}
.intro_contents .contents_section .company_box li p {font-size: 20px;}

.intro_contents .faq_section {position: relative;background: #f7f8ff;padding: 115px 0 225px;}
.intro_contents .faq_section .title {font-size: 62px;color: #1b93ff;}
.intro_contents .faq_section .faq_box {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 100px;}
.intro_contents .faq_section .faq_box li {width: 595px;height:236px;padding:60px 40px 40px 40px;margin-top: 10px;background: #fff;box-sizing: border-box;box-shadow: 1px 7px 29px rgba(0, 0, 0, 9%);border-radius: 20px;}
.intro_contents .faq_section .faq_box li.box_size_type1 {height: 286px;}
.intro_contents .faq_section .faq_box li .question {margin-bottom: 20px;display: flex;justify-content: flex-start;align-items: flex-start;}
.intro_contents .faq_section .faq_box li .question img {margin-right: 10px;}
.intro_contents .faq_section .faq_box li .question p {font-size: 20px;font-weight: 500;line-height: 1.2;}
.intro_contents .faq_section .faq_box li .answer {display: flex;justify-content: flex-start;align-items: flex-start;}
.intro_contents .faq_section .faq_box li .answer img {margin-right: 10px;}
.intro_contents .faq_section .faq_box li .answer p {font-size: 15px;font-weight: 300;}

.intro_footer {position: relative;padding: 90px 0;}
.intro_footer .company {font-size: 15px;color: #3884ff;font-weight: 500;}
.intro_footer .copyright {margin-top: 18px;}
.intro_footer .copyright .txt {font-size: 15px;color: #8b8b8b;line-height: 1.4;font-weight: 400;}
.intro_footer .copyright .txt.copyright {color: #707070;font-weight: 500;}

@media only screen and (max-width: 1200px) {
    #intro_wrap {min-width: 320px;}
    #intro_wrap .inner {width:100%;padding: 0 20px;box-sizing: border-box;}

    #intro_wrap .intro_action_bar {height: 50px;}
    #intro_wrap .intro_action_bar .title {font-size: 14px;line-height: 50px;}
    #intro_wrap .intro_action_bar .btn_back {height: 50px;background-size: 30px auto;}
    #intro_wrap .intro_action_bar .btn_close {height: 50px;background-size: 30px auto;}

    .intro_contents .main_section {height: 448px;background: #f5f7ff url(../../images/intro_main_bg2.png?ver=0.2.98) no-repeat;background-position: calc(100% - -110px) 1900%;}
    .intro_contents .main_section .title_box {padding-top: 84px;}
    .intro_contents .main_section .title_box .title {font-size: 36px;}
    .intro_contents .main_section .title_box .sub_title {font-size: 23px;}
    .intro_contents .main_section .title_box .sub_title .service_box {margin-left: 2px;}
    .intro_contents .main_section .title_box .sub_title .service_box .logo {width: 66px;margin-right: 4px;}

    .intro_contents .contents_section {padding: 48px 0 62px;}
    .intro_contents .contents_section .title {font-size: 22px;}
    .intro_contents .contents_section .sub_title {padding-right: 130px;font-size: 18px;}
    .intro_contents .contents_section .company_box {margin-top: 25px;}
    .intro_contents .contents_section .company_box li {width: calc(50% - 10px);height: 218px;padding: 45px 20px;margin-top: 20px;}
    .intro_contents .contents_section .company_box li p {font-size: 18px;}
    .intro_contents .contents_section .company_box li .logo {width: 80px;margin-bottom: 10px;}

    .intro_contents .faq_section {padding: 55px 0 120px;}
    .intro_contents .faq_section .title {font-size: 30px;}
    .intro_contents .faq_section .faq_box {margin-top: 55px;}
    .intro_contents .faq_section .faq_box li {padding: 30px 20px;height: auto;width: 100%;}
    .intro_contents .faq_section .faq_box li.box_size_type1 {height: auto;}
    .intro_contents .faq_section .faq_box li .question {margin-bottom: 10px;}
    .intro_contents .faq_section .faq_box li .question img {width: 20px;}
    .intro_contents .faq_section .faq_box li .question p {font-size: 18px;}
    .intro_contents .faq_section .faq_box li .answer img {width: 20px;}
    .intro_contents .faq_section .faq_box li .answer p {font-size: 16px;}

    .intro_footer {padding: 45px 0;}
    .intro_footer .company {font-size: 12px;}
    .intro_footer .copyright .txt {font-size: 9px;}
}

/* loading */
.loading_box {width:100%; height:100%; position:fixed; left:0; top:0;}
.loading_box .outter_box {width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.loading_box .outter_box .inner_box {width: 320px; position:relative; margin:auto;}

/* popup */
.popup_aler_01 {display:block; width:100%; height:100%; position:fixed; left:0; top:100%; transition:top 0.05s ease-out 0.25s; z-index:150;}
.popup_aler_01.open {top:0; transition: top 0.05s ease-out 0s;}
.popup_aler_01 .outter_box {width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.popup_aler_01 .inner_box {width: 323px; position:relative; margin:auto; border-radius: 8px; overflow: hidden; box-sizing:border-box; background-color:#fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); opacity:0; transform:translate(0, 100px) scale(0.75, 0.75); transition:all  0.4s cubic-bezier(1,-0.74,.13,.99);}
.popup_aler_01.open .inner_box {transform: translate(0, 0) scale(1.0, 1.0); opacity:1; transition: all 0.5s cubic-bezier(.59,0,0,1.63); }
.popup_aler_01 .title {padding: 40px 0; font-size:16px; font-weight:400; text-align: center;}
.popup_aler_01 .txt {padding: 15px; font-size: 12px; color: #757575; border-radius: 9px; background-color: #F8F8F8; box-sizing: border-box;}
.popup_aler_01 .btn_box {overflow: hidden;}
.popup_aler_01 .btn_box button {display: block; width: 50%; height: 48px; line-height: 48px; font-size: 18px; text-align: center; float: left;}
.popup_aler_01 .btn_box button.btn_full {width:100%;}
.popup_aler_01 .btn_box button:first-child {color: #1A1A1A !important; background-color: #EFEFEF;}
.popup_aler_01 .btn_box button:last-child {color: #fff !important; background-color: #3471FF;}

.popup_aler_02 {display:block; width:100%; height:100%; position:fixed; left:0; top:100%; transition:top 0.05s ease-out 0.25s; z-index:150;}
.popup_aler_02.open {top:0; transition: top 0.05s ease-out 0s;}
.popup_aler_02 .outter_box {width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.popup_aler_02 .inner_box {width: 328px; position:relative; margin:auto; border-radius: 8px; overflow: hidden; box-sizing:border-box; background-color:#fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); opacity:0; transform:translate(0, 100px) scale(0.75, 0.75); transition:all  0.4s cubic-bezier(1,-0.74,.13,.99);}
.popup_aler_02.open .inner_box {transform: translate(0, 0) scale(1.0, 1.0); opacity:1; transition: all 0.5s cubic-bezier(.59,0,0,1.63); }
.popup_aler_02 .cont {padding: 20px;}
.popup_aler_02 .title {margin-bottom: 15px; font-size:18px; font-weight:400; text-align: left;}
.popup_aler_02 .txt {padding: 15px; font-size: 12px; color: #757575; border-radius: 9px; background-color: #F8F8F8; box-sizing: border-box;}

.popup_aler_03 {text-align:center;letter-spacing:-0.04em}
.popup_aler_03 .note_txt {padding-left: 12px; font-size: 14px; color: #999; text-align: left; position: relative;font-weight:300}
.popup_aler_03 .btn_box {overflow: hidden}
.popup_aler_03 .btn_box button {display: block; width: 50%; height: 48px; line-height: 48px; font-size: 18px; text-align: center; float: left}
.popup_aler_03 .btn_box button.btn_full {width:100%}
.popup_aler_03 .btn_box button:first-child {color: #1A1A1A !important; background-color: #EFEFEF}
.popup_aler_03 .btn_box button:last-child {color: #fff !important; background-color: #3471FF}

.popup_terms_01 {display:block; width:100%; height:100%; position:fixed; left:0; top:100%; transition:top 0.05s ease-out 0.25s; z-index:150;}
.popup_terms_01.open {top:0; transition: top 0.05s ease-out 0s;}
.popup_terms_01 .outter_box {width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.popup_terms_01 .inner_box {width: 388px; position:relative; margin:auto; border-radius: 8px; overflow: hidden; box-sizing:border-box; background-color:#fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); opacity:0; transform:translate(0, 100px) scale(0.75, 0.75); transition:all  0.4s cubic-bezier(1,-0.74,.13,.99);}/*width: 328px; 388로 변경*/
.popup_terms_01.open .inner_box {transform: translate(0, 0) scale(1.0, 1.0); opacity:1; transition: all 0.5s cubic-bezier(.59,0,0,1.63); }
.popup_terms_01 .cont {padding: 40px 20px 20px;}
.popup_terms_01 .title {margin-bottom: 15px; font-size:18px; font-weight:400;}
.popup_terms_01 .txt {height: 328px; padding:20px 15px; font-size: 12px; color: #757575; border-radius: 9px; background-color: #F8F8F8; box-sizing: border-box;}
.popup_terms_01 .btn_box {overflow: hidden;}
.popup_terms_01 .btn_box button {display: block; width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff !important; background-color: #3471FF; text-align: center; float: left;}
.popup_terms_01 .btn_close {display: block; width: 30px; height: 30px; background: url(../../images/popup_btn_close_normal_grey.png?ver=0.2.98) 0 0 no-repeat; background-size: 30px; position: absolute; right: 20px; top: 20px;}

.popup {display:block; width:100%; height:100%; position:fixed; left:0; top:100%; transition:top 0.05s ease-out 0.25s; z-index:150;}
.popup.open {top:0; transition: top 0.05s ease-out 0s;}
.popup .outter_box {width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.popup .inner_box {width: 328px; position:relative; margin:auto; border-radius: 8px; overflow: hidden; box-sizing:border-box; background-color:#fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); opacity:0; transform:translate(0, 100px) scale(0.75, 0.75); transition:all  0.4s cubic-bezier(1,-0.74,.13,.99);}
.popup.open .inner_box {transform: translate(0, 0) scale(1.0, 1.0); opacity:1; transition: all 0.5s cubic-bezier(.59,0,0,1.63);}
.popup .btn_close {display: block; width: 30px; height: 30px; background: url(../../images/popup_btn_close_normal_grey.png?ver=0.2.98) 0 0 no-repeat; background-size: 30px; position: absolute; right: 20px; top: 20px;}
.popup .btn_50 {position: absolute; left: 0; bottom: 0;}
/* popup 내부 input */
.popup .cont{padding:27px 20px 48px;}
.popup .cont .input_pw{border:1px solid #EFEFEF;}
.popup .cont .input_pw input[type=password], .popup .cont .input_pw input[type=text]{padding:0 50px 0 10px;}
.popup .cont .input_pw input{letter-spacing:-0.04em;}
.popup .cont .input_btn input{padding:0 10px;}

/* 지도검색API 레이어팝업 */
.popup.has_mapAPI .inner_box{height:500px;}
.popup.has_mapAPI .cont{padding:40px 10px 20px;height:100%;box-sizing:border-box;}
.popup.has_mapAPI .btn_close{top:10px;right:10px;}

.infobox{padding:0 15px;height:50px;line-height:50px;}
.aca_logo{display:flex;justify-content:center;align-items:center;height:137px;font-size:0!important;}
.hp .fz_31.aca_logo{background:url('../../images/logo_aca_hp.png?ver=0.2.98') center center no-repeat;}
.as .fz_31.aca_logo{background:url('../../images/logo_aca_answer.png?ver=0.2.98') center center no-repeat;}
.cs .fz_31.aca_logo{background:url('../../images/logo_aca_cs.png?ver=0.2.98') center center no-repeat;}
.nk .fz_31.aca_logo{background:url('../../images/logo_aca_neo.png?ver=0.2.98') center center no-repeat;}
.eci .fz_31.aca_logo{background:url('../../images/logo_aca_eci.png?ver=0.2.98') center center no-repeat;}
.eg .fz_31.aca_logo{background:url('../../images/logo_aca_eg.svg?ver=0.2.98') center center no-repeat;}

.toktok .fz_31.aca_logo{height:56px;background:url('../../images/logo_etoos_linker.svg?ver=0.2.98') center 8px no-repeat;background-size:170px;}
.toktok .btn_56 {background-color: #302CC8;}
.toktok .btn_56.disabled {color: #fff; background-color: #DADADA;}
.toktok .fz_31 {height: 100px;font-size: 0 !important; margin-bottom: 0 !important; background: url(../../images/logo_etoos_linker.svg?ver=0.2.98) center center no-repeat; background-size: 280px;}
.toktok .fz_15 {font-weight:500;}
.toktok .checkbox input[type="checkbox"]:checked + em {background: url(../../images/join_btn_check_active_02.svg?ver=0.2.98) 0 0 no-repeat;}
.toktok .botwrap .btn_style_02_1 {display:block;text-align:center;font-size:14px;color:#6A6A6A;text-decoration:underline;}

.linkbox{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:23px 0;border-radius:8px;text-align:center;}
.linkbox.type1{background-color:#fff;}
.linkbox.type2{margin-top:70px;background-color:#F2F6FF;}
.linkbox.type2:before{content:'';position:absolute;top:-54px;left:50%;margin-left:-12px;width:24px;height:38px;background:url('../../images/linkbox_arr_ico.png?ver=0.2.98') center no-repeat;}
.linkbox dt{font-weight:700;font-size:18px;line-height:24px;color:#000;}
.linkbox dd{margin-top:8px;font-weight:400;font-size:18px;line-height:20px;color:#3A3A3A;}
.linkbox p.desc{font-size:12px;line-height:20px;color:#A0A0A0;}

/* 계정선택 - 라디오타입 */
.account_select label{position:relative;display:block;margin-top:12px;}
.account_select label:first-child{margin-top:0;}
.account_select label input{position:absolute;z-index:-1;}
.account_select label input + div{padding:15px 10px 15px 52px;border:1px solid #DADADA;box-sizing:border-box;}
.account_select label input + div .snstype{font-weight:500;}
.account_select label input + div .snsmail{color:#9A9A9A;font-size:14px;line-height:24px;}
.account_select label input[type="radio"] + div::before{content:'';position:absolute;top:50%;left:20px;margin-top:-12px;width:24px;height:24px;background:url('../../images/ico_radiochk.png?ver=0.2.98') no-repeat;background-position:0 0;}
.account_select label input[type="radio"]:checked + div {background-color:#fff;}
.account_select label input[type="radio"]:checked + div:before{background-position:0 -24px;}
.account_select label input[type="radio"]:disabled + div {color: #9A9A9A;}

.account_select .confirm{margin-top:4px;}
.account_select .confirm .input_btn{border:1px solid #DADADA;box-sizing:border-box;}
.account_select .confirm .snslogin{}
.account_select .confirm .snslogin a{position:relative;display:flex;justify-content:center;align-items:center;height:64px;box-sizing:border-box;border-radius:10px;line-height:64px;font-size:16px;}
.account_select .confirm .snslogin a:before{content:'';margin-right:8px;width:36px;height:36px;background-size:contain;background-repeat:no-repeat;}
.account_select .confirm .snslogin.kakao a:before {background-image: url(../../images/login_sns_icon_kakao.svg?ver=0.2.98);}
.account_select .confirm .snslogin.naver a:before {background-image: url(../../images/login_sns_icon_naver.svg?ver=0.2.98);}
.account_select .confirm .snslogin.facebook a:before {background-image: url(../../images/login_sns_icon_facebook.svg?ver=0.2.98);}
.account_select .confirm .snslogin.google a:before {background-image: url(../../images/login_sns_icon_google.svg?ver=0.2.98);}
.account_select .confirm .snslogin.apple a:before {background-image: url(../../images/login_sns_icon_apple.svg?ver=0.2.98);}
.account_select .confirm .snslogin.kakao a{background-color:#FADF02;color:#1a1a1a;}
.account_select .confirm .snslogin.naver a{background-color:#24D100;color:#fff;}
.account_select .confirm .snslogin.facebook a{background-color:#1877F2;color:#fff;}
.account_select .confirm .snslogin.google a{background-color:#fff;color:#1a1a1a;}
.account_select .confirm .snslogin.apple a{background-color:#000;color:#fff;}


/* 공통화 */
#contents .contwrap{margin-top:40px;}
#contents .botwrap{margin-top:50px;}
#contents .msg_box{position:absolute;top:auto;right:auto;bottom:auto;left:auto;}
#contents .loginwrap{}
#contents .signupwrap{}
#contents .signupwrap .signupwrap-headlogo{}
#contents .signupwrap-agreewrap{}
/* #contents .signupwrap-agreewrap .line_01{margin-bottom:10px;}
#contents .signupwrap-agreewrap .signupwrap-agreewrap-commonlogo{margin-bottom:10px;}
#contents .signupwrap-agreewrap .signupwrap-agreewrap-commonlogo img{width:108px;height:40px;} */


#contents.portal .signupwrap .signupwrap-headlogo img{width:136px;height:48px;}




/* error guide */
.guide{position:fixed;display:flex;justify-content:center;align-items:center;height:100%;width:100%;height:100%;background-color:#eee;}
.guide .inner{position:relative;}
.guide.firewall img{display:block;max-width:100vw;max-height:100vh;}
.guide.firewall img.mo{display:none;}
.guide.firewall a.link{position:absolute;top:50%;left:50%;width:40%;height:18%;transform:translate(-50%, 60%);}
@media only screen and (max-width: 800px) {
    .guide.firewall img:not(.mo){display:none;}
    .guide.firewall img.mo{display:block;}
    .guide.firewall a.link{width:50%;height:15%;}
}


@media (orientation: landscape) {
    .popup_terms_01 .txt{height:calc(100vh - 162px);max-height:328px;}
    .popup.has_mapAPI .inner_box{height:calc(100vh - 40px);max-height:500px;}
}

/* custom.css 내용 가져오기 */
.lowercase{text-transform: lowercase}
.input_btn .timer_span .timer{right: 80px;}
.popup_terms_01 {transition: none;}
.pre_wrap{white-space: pre-wrap}
.lh54{line-height: 54px}
/* custom.css 내용 가져오기 - 주소검색 */
.address input:read-only {
    background-color: #fff !important;
    color: #1a1a1a !important;
    border: 1px solid #fff !important;
}
.btn_50.disabled {color: #fff; background-color: #DADADA;}
.linker .btn_56.disabled {
    color: #fff;
    background-color: #DADADA;
}
.curi .btn_56.disabled {
    color: #fff;
    background-color: #DADADA;
}
.grid_style .col_100 {
    width: calc(100% - 1px) !important;
}

/* withdrawal : EPJT-4087 2024-02-02*/
.txt_style_05 > li {padding-left:15px;margin-bottom:3px;font-size: 12px;font-weight:400;color: #7C7C7C;text-align:left;position:relative}
.txt_style_05 > li::after {content: '※'; display: block; width: 4px; height: 4px;color: #7C7C7C;position: absolute; left: 0;top:0px}
.txt_style_05 > li > em {font-weight:700;text-decoration:underline}
.txt_style_05 > li .txt_style_04 li {font-size:12px;color:#7C7C7C}
.section_withdrawal .my_info_area {border-top:1px solid #6A6A6A}
.section_withdrawal .btn_style_03 {margin-top:15px;background: url(../../images/join_icon_arrow.png?ver=0.2.98) right 4px no-repeat; background-size: 12px;color:#9A9A9A !important;text-decoration:none !important}
.section_withdrawal .btn_36.sty01 {border:1px solid #3471FF;background-color: #fff;color: #3471FF !important}
.popup_withdrawal {text-align:center;letter-spacing:-0.04em}
.popup_withdrawal .note_list_ty01 li {padding-left: 12px; font-size: 14px; color: #999; text-align: left; position: relative;font-weight:300}
.popup_withdrawal .note_list_ty01 li::after {content: ''; display: block; width: 4px; height: 4px; border-radius: 4px; background-color: #999; position: absolute; left: 0; top:10px}
.popup_withdrawal .cnt_txt_ty01 {padding-left:15px;font-size:14px;color: #9A9A9A;font-weight:400;text-align:left;text-indent:-15px}
.popup_withdrawal .btn_box {overflow: hidden}
.popup_withdrawal .btn_box button {display: block; width: 50%; height: 48px; line-height: 48px; font-size: 18px; text-align: center; float: left}
.popup_withdrawal .btn_box button.btn_full {width:100%}
.popup_withdrawal .btn_box button:first-child {color: #1A1A1A !important; background-color: #EFEFEF}
.popup_withdrawal .btn_box button:last-child {color: #fff !important; background-color: #3471FF}
/* member profile : EPJT-4166 2024-02-23*/
.txt_style_06 {position:relative;color:#9A9A9A;font-size:14px;font-weight:300}
.txt_style_06 .btn_style_02 {position:absolute;top:0;right:0;font-size:14px;font-weight:600}
.banner_freecoupon {position:relative;border:2px solid #6A6A6A;border-radius:8px;background:#fff;margin-top:30px;color:#1A1A1A;padding:10px 20px 6px 20px}
.banner_freecoupon .bnr_tit {padding:0 0 13px 92px}
.banner_freecoupon .bnr_tit strong {font-size:20px;font-weight:600}
.banner_freecoupon .bnr_tit::after {position:absolute;top:14px;left:20px;width:76px;height:76px;background: url(../../images/ico_free.svg?ver=0.2.98) 0 0 no-repeat;background-size:76px;color:#9A9A9A !important;content:""}
.banner_freecoupon .bnr_tit p {margin-top:3px;font-size:16px;line-height:22px}
.banner_freecoupon .bnr_tit p:after {display:inline-block;width:18px;height:18px;margin:-3px 0 0 3px;background: url(../../images/ico_smile.svg?ver=0.2.98) 0 0 no-repeat;background-size:100% auto;content:"";vertical-align:middle}
.banner_freecoupon .bnr_note {border-top:1px dashed #DADADA;padding-top:8px}
.banner_freecoupon .bnr_note .txt_style_03 li {font-size:12px;padding-left:8px;margin-bottom:3px}
.banner_freecoupon .bnr_note .txt_style_03 li::after {top:8px;width:2px;height:2px}
/* member policy : EPJT-4361 2023-06-04 */
.table_style_03 {border:1px solid #B9B9B9}
.table_style_03 thead th {padding:7px 0; background-color: #f0f0f0;border-left:1px solid #B9B9B9;font-size:11px;color:#000; text-align: center;font-weight:500;line-height:1.2em}
.table_style_03 thead th:first-child {border-left: 0 none}
.table_style_03 tbody td {padding:7px;font-size: 10px;font-weight:400; background-color: #fff;border-left: 1px solid #B9B9B9;border-bottom: 1px solid #B9B9B9;text-align:left;line-height:1.2em}
.table_style_03 tbody td:first-child {border-left: 0 none}
.table_style_03 tbody tr:last-child th,
.table_style_03 tbody tr:last-child td {border-bottom: 0 solid #fff;}
/* dion : EPJT-4547 */
/* .dion_logo {height: 100px; margin-bottom: 30px !important; font-size: 0 !important; background: url(../../images/logo_dion.svg?ver=0.2.98) center center no-repeat !important; background-size: 170px !important} 기존방식으로 변경되며 불필요*/
.note_box {background:#fff;border-radius:8px;padding:10px 20px 10px 20px;margin-top:50px}
.note_box .tit {display:block;margin-bottom:5px;color:#6A6A6A;font-size:14px}
.note_box .txt_style_03 li {font-size:14px;margin-bottom:3px;color:#6A6A6A}
.note_box .txt_style_03 li::after {top:8px;width:3px;height:3px;color:#6A6A6A}
.dion_group input[type=text],
.dion_group input[type="number"],
.dion_group input[type="tel"],
.dion_group input[type=password]	{border:1px solid #ccc;border-radius:6px}
.dion_group .select select {border-radius:6px;overflow:hidden;border: 1px solid #ccc}
.dion_group .input_btn {padding: 0 89px 0 0}
.dion_group .input_btn input[type=text],
.dion_group .input_btn input[type="number"],
.dion_group .input_btn input[type="tel"],
.dion_group .input_btn input[type=password]	{border-radius:6px 0 0 6px}
.dion_group .input_btn .btn {border-radius:0 6px 6px 0}
.dion_group .input_btn.style_01 {padding: 0 69px 0 0} /*popup use*/
.dion_group .input_btn.style_03 input:disabled {background:#fff}
.dion_group .input_radio .radio span {border: 1px solid #ccc;border-radius:6px}
.dion_group .input_radio .radio input[type="radio"]:disabled + span {border-color:#ccc}
.dion_group .input_certified {padding: 0 89px 0 0}
.dion_group .input_certified input[type=text],
.dion_group .input_certified input[type="number"],
.dion_group .input_certified input[type="tel"],
.dion_group .input_certified input[type=password]{border-radius:6px 0 0 6px}
.dion_group .input_certified .btn {border-radius:0 6px 6px 0}

.newservice_group input[type=text],
.newservice_group input[type="number"],
.newservice_group input[type="tel"],
.newservice_group input[type=password]	{border:1px solid #ccc;border-radius:6px}
.newservice_group .select select {border-radius:6px;overflow:hidden;border: 1px solid #ccc}
.newservice_group .input_btn {padding: 0 90px 0 0}
.newservice_group .input_btn input[type=text],
.newservice_group .input_btn input[type="number"],
.newservice_group .input_btn input[type="tel"],
.newservice_group .input_btn input[type=password]	{border-radius:6px 0 0 6px}
.newservice_group .input_btn .btn {border-radius:0 6px 6px 0}
.newservice_group .input_btn.style_01 {padding: 0 69px 0 0} /*popup use*/
.newservice_group .input_btn.style_03 input:disabled {background:#fff}
.newservice_group .input_radio .radio span {border: 1px solid #ccc;border-radius:6px}
.newservice_group .input_radio .radio input[type="radio"]:disabled + span {border-color:#ccc}
.newservice_group .input_certified {padding: 0 90px 0 0}
.newservice_group .input_certified input[type=text],
.newservice_group .input_certified input[type="number"],
.newservice_group .input_certified input[type="tel"],
.newservice_group .input_certified input[type=password]{border-radius:6px 0 0 6px}
.newservice_group .input_certified .btn {border-radius:0 6px 6px 0}