/* contents */
.wide_content { margin: 0 auto; display: flex; justify-content: left; }


.index_box_wide { position:relative; margin:0 auto; padding-top:130px; width:1200px; overflow:hidden; }


/* index 서비스 */
.index_box { position:relative; margin:0 auto; padding-top:130px; width:760px; overflow:hidden; }
.index_box .index_content { position:relative; top:0px; left:0px; right:0px; padding-bottom:50px; word-break:break-all; }

.index_box .index_content .index_title { position:relative; top:0px; left:0px; border-bottom:1px solid var(--black_19); word-break:break-all; }
.index_box .index_content .index_title p { padding:10px 0px 10px 0px; font-size:20px; text-align:left; }
.index_box .index_content > div p span { font-size:20px; color:var(--point_green); text-align:left; }
.index_box .index_content > div.index_title button { position:absolute; right:0px; top:0px; width:120px; }

@media (max-width: 799px) {
    .index_box { margin:0 15px; padding-top:100px; }
    .index_box .index_content .index_title p { font-size:18px;}
}

/* 서비스 없을떄 text */
.index_box .firstbox h1 { font-size:20px; color:var(--black_19); text-align:left; }
.index_box .firstbox h3 { font-size:16px; color:var(--gray300); text-align:left; line-height:150%; }
.index_box .firstbox button { position:relative; width:200px; left:50%; margin-left:-100px; height:50px; font-size:20px; }
@media (max-width: 799px) {
    .index_box .firstbox h1 { font-size:18px;  }
    .index_box .firstbox h3 { font-size:14px; }
    .index_box .firstbox button { font-size:18px; }
}

/* list common : 초대받은 서비스 및 내 서비스 */
.chk_list { position:relative; cursor:pointer; width:100%; height:80px; padding:20px 0px 20px 0px; border-bottom:1px solid var(--gray800); }
.chk_list::before{ content: ''; position:absolute; top:35px; right:0px; width:20px; height:20px; background:url(/images/comm/arr_right_black.svg) no-repeat; }
.chk_list:hover{ background:var(--over_blue); }
.chk_list .service_name { position:absolute; top:9px; left:10px; width:60px; height:60px; border-radius:5px; border:1px solid var(--gray500); line-height:60px; text-align:center; background:#FFF; color:var(--gray300); font-size:14px; }
.chk_list .service_company { position:absolute; top:16px; left:85px; right:0px; }
.chk_list .service_company strong { position:absolute; top:0px; left:0px; font-size:18px; right:10px; color:var(--black_19); text-overflow: ellipsis; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clam: 1;-webkit-box-orient: vertical; }
.chk_list .service_company span { position:absolute; left:0px; top:28px; right:10px; color:var(--gray500); font-size:14px; text-align:left; }
@media (max-width: 799px) {
    .chk_list .service_name { font-size:12px; }
    .chk_list .service_company strong { font-size:16px; }
    .chk_list .service_company span { font-size:12px; }
}

/* 초대받은 서비스 */
.invitebox .chk_list::before{ content: ''; background:none; }
.invitebox .btnbox { position:absolute; display:flex; margin:auto; right:10px;}
.invitebox .btnbox button { width:60px; margin-left:5px; }
@media (max-width: 799px) {
    .invitebox .chk_list .service_name { top:7px; left:10px; line-height:20px; height:20px; color:var(--gray300); font-size:12px; }
    .invitebox .chk_list .service_company { top:34px; left:10px; }
    .invitebox .chk_list .service_company strong { font-size:15px; }
    .invitebox .chk_list .service_company span { top:23px; font-size:12px; }
    .invitebox .btnbox button { width:50px; margin-left:5px; font-size:12px; }
}

/* 하단 배너 */
.index_banner { display:flex; justify-content:center; align-items:center; margin-bottom:10px; text-align:center; height:100px; overflow:hidden; border:1px solid #cccccc; border-radius:5px; cursor:pointer; }
.index_banner img { max-width:799px; height:100px; margin:auto;display: block; }
@media (max-width: 799px) {
    .index_banner { margin:10 15px; }
    .index_banner img { height:100px; }
}


/* 본인확인 우측(아이콘) */
.right_icon { position:absolute; right:20px; top:60px; width:80px; height:80px; background-color:var(--gray600); border-radius:50%; }
.right_icon .right_icon_line { position:absolute; left:20px; top:15px; width:40px; height:50px; border-radius:5px; border:3px solid var(--gray200); background-color:var(--gray750); }
.right_icon .right_icon_line .right_icon_round { position:absolute; left:12px; bottom:5px; width:12px; height:12px; border-radius:12px; border:2px solid var(--black_19); background-color:var(--gray600); }

/* 신규 서비스 조회/신청 */
.svcheck_box { position:relative; overflow:hidden; }

.svcheck_box .svcheck_location { display:flex; margin-bottom:20px; font-size:14px; padding-top:2px; }
.svcheck_location .txt_num { display:flex; justify-content:center; align-items:center; margin-top:-2px; width:20px; height:20px; margin-right:6px; font-weight:500; font-size:12px; color:var(--black_19); border-radius:50%; background:var(--gray700); }
.svcheck_location .txt_num.on { background:var(--black_19); color:#FFF; }
.svcheck_location .icon_arr { width:5px; height:9px; margin:3px 7px; background:url(/images/comm/arr_right_black.svg) no-repeat center center; background-size:cover; }

.svcheck_box .svcheck_content { display:flex; justify-content:space-between; position:relative; margin-bottom:20px; padding:20px; border:1px solid var(--gray600); border-radius:5px; }
.svcheck_content .svcheck_title { width:120px; }
.svcheck_content .svcheck_input { flex-grow: 1; } /* width:calc(100%-120px); */

.svcheck_content .svcheck_title > div { height:62px; font-size:16px; padding-top:21px; color:var(--gray200); }

.svcheck_content .svcheck_input > div { display:flex; position:relative; justify-content:space-between; min-height:62px; width:100%; align-items:center; }
.svcheck_content .svcheck_input > div > input { flex-grow:1; height:50px; font-size:22px; font-weight:600; color:var(--black_19); line-height:22px; }
.svcheck_content .svcheck_input > div > input::placeholder{ color:var(--gray600); font-weight:400; font-size:14px; line-height:14px; }

.svcheck_content .svcheck_input > div > input:read-only { background-color:var(--gray750); }

.svcheck_content .svcheck_input > div > button { margin-left:5px; min-width:60px; height:50px; }
.svcheck_content .svcheck_input > div > button.wide { min-width:120px; }
.svcheck_content .svcheck_input > div > button:hover { border:1px solid var(--black_19); }
.svcheck_content .svcheck_input > div > div > label { display:inline-block; margin-top:-5px; min-width:80px; text-align:center; margin-right:10px; cursor:pointer; }
.svcheck_content .svcheck_input > div > div > label:hover { border:1px solid var(--black_19); }
.svcheck_content .svcheck_input > div > div > .svlabel_txt { position:absolute; top:22px; left:100px; right:90px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.svcheck_content .svcheck_input > div > div > .svlabel_txt.left { left:10px; }

.svcheck_content .svcheck_input .svcheck_msg { display:none; font-size:14px; color:var(--point_red); height:auto; padding-top:5px; }

.svcheck_content.svcheck_content_detail { border:0px; background:var(--over_blue); }
.svcheck_content.svcheck_content_detail p { font-size:14px; color:var(--gray300); line-height:150%; }
.svcheck_content.svcheck_content_detail p strong { font-size:14px; font-weight:700; color:var(--black_19); }

.svcheck_box .svcheck_etc { width:100%; text-align:right; padding-bottom:10px; }
.svcheck_etc a { font-size:16px; color:var(--gray300); }
.svcheck_etc a:hover { text-decoration:underline; text-underline-offset:-5px; text-decoration-color:var(--over_blue); text-decoration-thickness:10px; }

.svcheck_box .svcheck_btn { width:100%; text-align:center; padding-bottom:10px; width:100%; }
.svcheck_btn button { width:200px; }

@media (max-width: 799px) {
    .svcheck_box .svcheck_location { font-size:12px; }
    .svcheck_location .txt_num { width:16px; height:16px; margin-right:4px; font-size:10px; }
    .svcheck_location .icon_arr { width:7px; height:7px; margin:5px 7px; }

    .svcheck_content .svcheck_input > div > input { min-width:90px; }
    .svcheck_content .svcheck_input > div > button { min-width:50px; font-size:14px; }
    .svcheck_content .svcheck_input > div > button.wide { min-width:90px; }
    .svcheck_content .svcheck_input > div > div > label { min-width:60px; font-size:14px; }
    .svcheck_content .svcheck_input > div > div > .svlabel_txt { top:24px; left:80px; right:90px; font-size:13px; }


    .svcheck_content.svcheck_content_detail p { font-size:13px; }

    .svcheck_box .svcheck_content { flex-direction:column; }
    .svcheck_content .svcheck_title > div { height:30px; padding-top:0px; }
}
@media (max-width: 400px) {
    .svcheck_content .svcheck_input > div > div > label { font-size:12px; }
    .svcheck_content .svcheck_input > div > button { font-size:12px; }
}

/* 신규 서비스 신청 */
.svcheck_content.column { flex-direction:column; }
.svcheck_content.last { margin-bottom:0px; }
.svcheck_content .svcheck_group { position:relative; font-size:22px; color:var(--black_19); text-align:left; padding-bottom:10px; }
.svcheck_content .svcheck_detail { position:relative; font-size:16px; color:var(--gray300); text-align:left; line-height:150%; }
.svcheck_content.column > button { margin-top:-40px; width:120px; margin-left:auto; }

@media (max-width: 799px) {
    .svcheck_content .svcheck_group { font-size:18px; }
    .svcheck_content .svcheck_detail { font-size:14px; }
    .svcheck_content.column > button { margin-top:20px; }
}

/* 신규 서비스 약관 동의 */
.svcheck_content .term_info { position:relative; font-size:16px; color:var(--gray100); text-align:left; line-height:150%; margin-bottom:10px; }
.term_list { position:relative; cursor:pointer; width:100%; }
.term_list.under { border-bottom:1px solid var(--gray800); }
.term_list .term_checkbox { position:relative; left:0px; width:100%; overflow:hidden; word-break:break-all; }
.term_list > button { position:absolute; right:0px; top:7px; width:70px; font-size:12px; }
.term_checkbox .custom_txt { font-size:16px; }
.term_checkbox .graytext { color:var(--gray300); }
.term_checkbox .checkbox_area { padding:15px 0px 15px 0px; }
.term_checkbox .checkbox_area.bottom { padding:10px 0px 10px 0px; }

@media (max-width: 799px) {
    .term_checkbox .custom_txt { font-size:14px; }
}

/* 신규 서비스 데이터 */
.svcheck_content.data_content { display:block; justify-content:space-between; position:relative; margin-bottom:20px; padding:20px; border:1px solid var(--gray600); border-radius:5px; }
.data_list { display:flex; justify-content:space-between; position:relative; padding-bottom:10px; }
.data_list.under { border-bottom:1px solid var(--gray750); margin-bottom:10px; }
.data_list.short { padding:0px; }

@media (max-width: 799px) {
    .data_list { flex-direction:column; }

    .data_content > .svcheck_input > div > input { min-width:120px; }
    .data_content > .svcheck_input > div > button { min-width:50px; }

    .data_content.svcheck_content_detail p { font-size:13px; }

    .data_content > .svcheck_title { height:30px; padding-top:10px; }
    .data_content > .svcheck_title > div { height:30px; padding-top:0px; }
}