html { font-size: 10px; }
body { font-size: 1.6rem; }
@media screen and (max-width: 1200px) { html { font-size: 9px; } }
@media screen and (max-width: 1000px) { html { font-size: 8px; } }
@media screen and (max-width: 768px) { html { font-size: 7px; } }
@media screen and (max-width: 600px) { html { font-size: 6px; } }




@media screen and (max-width: 600px) { .none600 { display: none; } }
@media screen and (max-width: 500px) { .none500 { display: none; } }


/* 애니메이션 */
.up-on-scroll { opacity:0.7; transform:translateY(100px); transition-duration:1.5s; }
.up-on-scroll.action { animation: scrollAni 1s; animation-fill-mode: forwards;}

.up-on-scroll-ani { opacity:0.7; transform:translateY(100px); transition-duration:1.5s; }
.up-on-scroll-ani.action { animation: scrollAni 1s; animation-fill-mode: forwards;}

@keyframes scrollAni{
  0%{opacity:0.7; transform:translateY(100px);}
  100%{opacity:1; transform:translateY(0);}
}


/* 페이징 */
.paging_wrap .paging_page { display: inline-block; text-align: center; font-size: 1.8rem; color: #333; font-weight: 400; width: 3rem; line-height: 3rem; vertical-align: middle; }
.paging_wrap .paging_current { display: inline-block; text-align: center; font-size: 1.8rem; width: 3rem; line-height: 3rem; color: #1596d4; font-weight: 400; vertical-align: middle; }
.paging_wrap .paging_prev,
.paging_wrap .paging_next { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: 0.9rem 1.6rem; }
.paging_wrap .paging_prev { background-image: url(../img/sub/icon_arrow_prev.png); }
.paging_wrap .paging_next { background-image: url(../img/sub/icon_arrow_next.png); }


.up-on-ani { opacity: 0; visibility: hidden; transform: translateY(100px); transition: 1s; }
.up-on-ani.action { transform: translateY(0); opacity: 1; visibility: visible; }


#loading { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 99999; }
#loading img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; }
#loading.display-none { display: none; }


/* sub 공통 */
#sub > article { margin: 8.5rem 0 0; }
#sub .wrap { width: 1200px; margin: 0 auto; transition: 0.2s; padding:0 1.5rem;}
#sub table { word-break: break-all; }
#sub .mt_2rem{margin-top:2rem;}
#sub .blue_btn{background-color:#1596d4;}
#sub textarea{overflow:auto;}


@media screen and ( max-width: 1200px ) {
  #sub .wrap { width: auto; padding: 0 1.5rem; }
}
@media screen and ( max-width: 768px ) {
  #sub > article { margin: 10rem 0 0; }
}

#sub:not(.shop) input[type="checkbox"] { display: none; }
#sub:not(.shop) input[type="checkbox"] + label:before { content: ''; display: inline-block; vertical-align: middle; width: 2.3rem; height: 2.3rem; background: url(../img/sub/icon_uncheck.png) no-repeat center center/contain; }
#sub:not(.shop) input[type="checkbox"]:checked + label:before { background-image: url(../img/sub/icon_check.png); }

#sub:not(.shop) input[type="radio"] { display: none; }
#sub:not(.shop) input[type="radio"] + label:before { content: ''; display: inline-block; vertical-align: middle; width: 2.3rem; height: 2.3rem; background: url(../img/sub/icon_radio.png) no-repeat center center/contain; }
#sub:not(.shop) input[type="radio"]:checked + label { color: #1596d4 !important; }
#sub:not(.shop) input[type="radio"]:checked + label:before { background-image: url(../img/sub/icon_radio_check.png); }

#sub:not(.shop) input.multi_check + label:before { background-image: url(../img/sub/icon_radio.png); }
#sub:not(.shop) input.multi_check:checked + label { color: #1596d4 !important; }
#sub:not(.shop) input.multi_check:checked + label:before { background-image: url(../img/sub/icon_radio_check.png); }

#sub form .btn_wrap { text-align: center; }
#sub form .btn_wrap button {transition:.2s; font-size: 2.8rem; font-weight: 700; color: #ffffff; width: 30rem; line-height: 7.2rem; border-radius: 1000px; }
#sub form .btn_wrap button:hover{background-color:#000;}




/* SNS */
.sns-wrap {margin:10px 0 0;text-align:left;}
.sns-icon {display:inline-block;vertical-align:middle;text-decoration:none}
.sns-icon:hover {text-decoration:none}
.sns-icon .ico {display:block;vertical-align:middle}
.sns-icon .txt i {font-style:normal}

.sns-wrap .sns-icon {display:inline-block;vertical-align:middle;text-decoration:none;border-width:1px;border-style:solid;overflow:hidden;margin:0 1px}
.sns-wrap .sns-icon:hover {text-decoration:none}
.sns-wrap .sns-icon .ico {display:block;background:url('../img/social/sns_logo.png') no-repeat;vertical-align:middle;width:24px;height:24px}
.sns-wrap .sns-icon-not .ico {display:block;background:url('../img/social/sns_logo_not.png') no-repeat;vertical-align:middle}
.sns-wrap .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
.sns-wrap .sns-icon .txt i {font-style:normal}

.sns-wrap .sns-naver {border-color:#18a400;background:#2db400}
.sns-wrap .sns-naver .ico {background-position:-29px 0; }
.sns-wrap .sns-google {border-color:#ca2c19;background:#4285F4}
.sns-wrap .sns-google .ico {background-position:-58px 0}
.sns-wrap .sns-facebook {border-color:#2e5393;background:#3a5897}
.sns-wrap .sns-facebook .ico {background-position:0 0 }

.sns-wrap .sns-icon {border-color:#dcdcdc}
.sns-wrap .sns-icon-not {border-color:#8b8b8b}
.sns-wrap .sns-naver {border-color:#18a400}
.sns-wrap .sns-naver .ico {background-position:-29px 0; }
.sns-wrap .sns-google .ico {background-position:-58px 0}
.sns-wrap .sns-google {border-color:#ca2c19}
.sns-wrap .sns-facebook .ico {background-position:0 0 }
.sns-wrap .sns-facebook {border-color:#2e5393}
.sns-wrap .sns-kakao .ico {background-position:-87px 0}
.sns-wrap .sns-twitter {border-color:#488FC9}
.sns-wrap .sns-twitter .ico {background-position:-145px 0}
.sns-wrap .sns-payco {border-color:#C44646}
.sns-wrap .sns-payco .ico {background-position:-116px 0}
.sns-wrap .sns-kakao {border-color:#f2df00}




/* 로그인 */
#sub .login_box { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #ebf9ff; margin: 0; padding: 8rem 0; }
#sub .login_box * { transition: 0.2s; }
#sub .login_box .login { width: 100%; max-width: 543px; margin: 0 auto; background-color: #fff; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); padding: 6rem 8rem; border-radius: 2rem; }

#sub .login_box .login .logo { text-align: center; }
#sub .login_box .login .logo img { width: 45%; min-width: 150px; }

#sub .login_box .login > h3 { font-size: 3.4rem; font-weight: 700; margin-top: 5rem; }
#sub .login_box .login > p { display: flex; align-items: center; font-size: 2rem; margin-top: 0.6em; }
#sub .login_box .login > p span { display: block; }
#sub .login_box .login > p a { display: block; font-size: inherit; color: #1596d4; margin-left: 2rem; }

#sub .login_box .login form label { font-size: 2rem; font-weight: 500; color: #646464; display: block; margin-top: 3rem; }
#sub .login_box .login form input { font-size: 2rem; font-weight: 500; color: #646464; background-color: none; border: none; border-bottom: 1px solid #646464; padding: 0.5em 0; }
#sub .login_box .login #password_lost_btn { display: inline-block; font-size: 2rem; margin-top: 4rem; text-decoration: underline; text-underline-position: under; color: #333; }
#sub .login_box .login form .btn_submit { display: block; margin-top: 1rem; background-color: #1596d4; font-size: 2rem; color: #fff; line-height: 5.8rem; border-radius: 1rem; }

#sub .login_box .login .sns { text-align:center; }
#sub .login_box .login .sns p { font-size:24px; font-weight:500; color:#484848; margin:40px 0 25px; }
#sub .login_box .login .sns .sns-wrap { margin-top: 4.2rem; }
#sub .login_box .login .sns .sns-wrap a { display: inline-block; text-align: center; margin: 0 1rem; border-radius: 50%; }
#sub .login_box .login .sns .sns-wrap a span { vertical-align:middle; }
#sub .login_box .login .sns .sns-wrap a span.ico { display: inline-block; width:6rem; height:6rem; border-radius: 50%; background-size:50%; background-repeat: no-repeat; background-position: center; }
#sub .login_box .login .sns .sns-wrap a span.txt { display: block; font-size:1.6rem; font-weight:500; color: #333; margin-top: 0.5em; }

#sub .login_box .login .sns .sns-wrap a.sns-kakao span.ico { background-image:url('../img/sub/icon_kakao.png'); background-color: #ffe600; }
#sub .login_box .login .sns .sns-wrap a.sns-naver span.ico { background-image:url('../img/sub/icon_naver.png'); background-color: #00c300; }




/* 비밀번호 찾기 */
#sub .password_lost_box { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #ebf9ff; margin: 0; padding: 8rem 0; }
#sub .password_lost_box * { transition: 0.2s; }
#sub .password_lost_box .login { width: 100%; max-width: 543px; margin: 0 auto; background-color: #fff; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); padding: 6rem 8rem; border-radius: 2rem; }

#sub .password_lost_box .login .logo { text-align: center; }
#sub .password_lost_box .login .logo img { width: 45%; min-width: 150px; }

#sub .password_lost_box .login > h3 { font-size: 3.4rem; font-weight: 700; margin-top: 5rem; }
#sub .password_lost_box .login > p { font-size: 2rem; margin-top: 0.6em; }

#sub .password_lost_box .login form label { font-size: 2rem; font-weight: 500; color: #646464; display: block; margin-top: 3rem; }
#sub .password_lost_box .login form input { font-size: 2rem; font-weight: 500; color: #646464; background-color: none; border: none; border-bottom: 1px solid #646464; padding: 0.5em 0; }
#sub .password_lost_box .login form .btn_submit { display: block; margin-top: 4rem; background-color: #1596d4; font-size: 2rem; color: #fff; line-height: 5.8rem; border-radius: 1rem; }




/* 회원가입 */
#sub .join_box { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #ebf9ff; margin: 0; padding: 8rem 0; }
#sub .join_box * { transition: 0.2s; }
#sub .join_box .join { width: 100%; max-width: 543px; margin: 0 auto; background-color: #fff; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); padding: 6rem 8rem; border-radius: 2rem; }

#sub .join_box .join .logo { text-align: center; }
#sub .join_box .join .logo img { width: 45%; min-width: 150px; }

#sub .join_box .join > h3 { font-size: 3.4rem; font-weight: 700; margin-top: 5rem; }

#sub .join_box .join form input { font-size: 2rem; font-weight: 500; color: #646464; background-color: none; border: none; border-bottom: 1px solid #646464; padding: 0.5em 0; margin-top: 3rem; }
#sub .join_box .join form .btn_submit { display: block; margin-top: 4rem; background-color: #1596d4; font-size: 2rem; color: #fff; line-height: 5.8rem; border-radius: 1rem; }

#sub .join_box .join .sns { text-align:center; }
#sub .join_box .join .sns p { font-size:24px; font-weight:500; color:#484848; margin:40px 0 25px; }
#sub .join_box .join .sns .sns-wrap { margin-top: 4.2rem; }
#sub .join_box .join .sns .sns-wrap a { display: inline-block; text-align: center; margin: 0 1rem; border-radius: 50%; }
#sub .join_box .join .sns .sns-wrap a span { vertical-align:middle; }
#sub .join_box .join .sns .sns-wrap a span.ico { display: inline-block; width:6rem; height:6rem; border-radius: 50%; background-size:50%; background-repeat: no-repeat; background-position: center; }
#sub .join_box .join .sns .sns-wrap a span.txt { display: block; font-size:1.6rem; font-weight:500; color: #333; margin-top: 0.5em; }

#sub .join_box .join .sns .sns-wrap a.sns-kakao span.ico { background-image:url('../img/sub/icon_kakao.png'); background-color: #ffe600; }
#sub .join_box .join .sns .sns-wrap a.sns-naver span.ico { background-image:url('../img/sub/icon_naver.png'); background-color: #00c300; }

#sub .join_box .join > p { font-size: 2rem; margin-top: 2.4em; text-align: center; }
#sub .join_box .join > p a { font-size: inherit; font-weight: 700; }




/* 파트너 회원가입 */
#sub .partner_join_box { padding: 7.8rem 0 17.3rem; }
#sub .partner_join_box .title { text-align: center; padding-bottom: 7rem; }
#sub .partner_join_box .title h2 { font-size: 3.8rem; font-weight: 900; }

#sub .partner_join_box .input_form div.div ~ div.div { margin-top: 7.3rem; }
#sub .partner_join_box .input_form div.div > div ~ div { margin-top: 3rem; }

#sub .partner_join_box .input_form .half { display: flex; flex-wrap: wrap; }
#sub .partner_join_box .input_form .half > div { width: 50%; }
#sub .partner_join_box .input_form .half > div.short { width: 35%; } 

#sub .partner_join_box .input_form label { display: block; font-size: 1.8rem; color: #3b3b3b; }
#sub .partner_join_box .input_form input[type="text"],
#sub .partner_join_box .input_form input[type="password"],
#sub .partner_join_box .input_form input[type="email"] { display: block; font-size: 2rem; width: 95%; height: 6.6rem; color: #3b3b3b; background-color: #efeff4; border-radius: 1000px; margin-top: 2rem; padding: 0 3rem; }

#sub .partner_join_box .input_form .sel_input { display: flex; width: 95%; }
#sub .partner_join_box .input_form .sel_input select { display: block; font-size: 2rem; height: 6.6rem; color: #3b3b3b; background-color: #efeff4; border-radius: 1000px; margin-top: 2rem; width: auto; padding: 0 2rem; min-width: 33%; }
#sub .partner_join_box .input_form .sel_input input[type="text"] { width: 100%; margin-left: 2%; }

#sub .partner_join_box .input_form .tit { display: block; font-size: 2.5rem; line-height: 1.4; font-weight: 500; }
#sub .partner_join_box .input_form .tit > br { display: none; }
#sub .partner_join_box .input_form .sub_tit { display: block; font-size: 2rem; line-height: 1.4; font-weight: 500; }
#sub .partner_join_box .input_form .des { display: block; font-size: 1.7rem; line-height: 1.4; font-weight: 400; margin-top: 0.5em; }

#sub .partner_join_box .input_form textarea { margin-top: 2.5rem; width: 95%; min-width: 320px; border: 1px solid #333; border-radius: 2rem; background-color: #fff; padding: 2.8rem 3.1rem; font-size: 1.7rem; color: #757575; }
#sub .partner_join_box .input_form #intro_preview { position: relative; display: inline-block; width: 65%; min-width: 320px; height: 100%; background: url(../img/sub/company_intro_bg.png) no-repeat center center/cover; border-radius: 4rem 4rem 0 0; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); }
#sub .partner_join_box .input_form #intro_preview:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); border-radius: 4rem 4rem 0 0; }
#sub .partner_join_box .input_form #intro_preview .text_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4rem; color: #fff; z-index: 1; overflow: hidden; }
#sub .partner_join_box .input_form #intro_preview .text_wrap h4 { position: relative; display: inline-block; font-size: 2rem; font-weight: 500; line-height: 5.1rem; color: #ffffff; background-color: #1596d4; padding: 0 4rem 0 2.3rem; border-radius: 0 0 6rem 0; }
#sub .partner_join_box .input_form #intro_preview .text_wrap dl { padding: 0 2.3rem; margin-top: 10%; }
#sub .partner_join_box .input_form #intro_preview .text_wrap dl dt { font-size: 2.2rem; font-weight: 700; line-height: 1.6; }
#sub .partner_join_box .input_form #intro_preview .text_wrap dl dd { font-size: 2rem; font-weight: 500; line-height: 1.4; margin-top: 1em; }

#sub .partner_join_box .input_form input[type="checkbox"] + label,
#sub .partner_join_box .input_form input[type="radio"] + label { margin-top: 2.9rem; vertical-align: middle; }
#sub .partner_join_box .input_form input[type="checkbox"] + label:before,
#sub .partner_join_box .input_form input[type="radio"] + label:before { margin-right: 1.9rem; vertical-align: middle; }

#sub .partner_join_box .input_form #select_area_form { display: flex; align-items: center; margin: 4.2rem 0; }
#sub .partner_join_box .input_form #select_area_form select { width: 20rem; font-size: 2rem; border: 1px solid #333333; border-radius: 2rem; padding: 1.8rem 2.9rem; margin-right: 1.8rem; background-position: calc(100% - 2.9rem) center; background-size: 1.6rem 0.9rem; }
#sub .partner_join_box .input_form #select_area_form button { width: 17rem; font-size: 2rem; font-weight: 900; background-color: #1596d4; color: #fff; margin-left: 6.4rem; height: 5.2rem; border-radius: 1000px; }
#sub .partner_join_box .input_form #select_area_form button:hover{background-color: #04a0eb;}

#sub .partner_join_box .input_form #select_area_list { display: flex; flex-wrap: wrap; margin-top: 1.7rem; margin-left: -1.8rem; }
#sub .partner_join_box .input_form #select_area_list li { font-size: 2rem; padding: 1.1rem 2rem; line-height:1.4; border-radius: 1rem; background-color: #edf9ff; text-align: center; margin-top: 1rem; margin-left: 1.8rem; }
#sub .partner_join_box .input_form #select_area_list li span { vertical-align: middle; }
#sub .partner_join_box .input_form #select_area_list li .delete_btn { width: 1.6rem; height: 1.6rem; margin-left: 1.2rem; vertical-align: middle; }
#sub .partner_join_box .input_form #select_area_list li .delete_btn img { width: 100%; height: 100% !important; }

#sub .partner_join_box .user_check_form { margin-top: 13.6rem; }
#sub .partner_join_box .user_check_form p { font-size: 2rem; line-height: 1.6; font-weight: 500; word-break: keep-all; }
#sub .partner_join_box .user_check_form p > b { font-weight: 900; }
#sub .partner_join_box .user_check_form p > a { font-size: inherit; font-weight: 900; text-decoration: underline; text-underline-position: under; }

#sub .partner_join_box .btn_wrap { margin-top: 5.2rem; }
#sub .partner_join_box .btn_wrap button { background-color: #e44f37; }

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

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

}
@media screen and (max-width: 768px) {
  #sub .partner_join_box .input_form .company_intro_form { display: block; }
  #sub .partner_join_box .input_form .company_intro_form > div { width: 80%; }
  #sub .partner_join_box .input_form .company_intro_form #intro_preview { margin-top: 2rem; height: 30rem; }

  #sub .partner_join_box .input_form #select_area_form select { padding: 1.8rem 2rem; background-position: calc(100% - 2rem) center; }
  #sub .partner_join_box .input_form #select_area_form button { margin-left: 1rem; }
}
@media screen and (max-width: 600px) {
  #sub .partner_join_box .input_form input[type="text"],
  #sub .partner_join_box .input_form input[type="password"],
  #sub .partner_join_box .input_form input[type="email"] { width: 100%; }

  #sub .partner_join_box .input_form .half { display: block; }
  #sub .partner_join_box .input_form .half > div { width: 100%; }
  #sub .partner_join_box .input_form .half > div ~ div { margin-top: 3rem; }
  #sub .partner_join_box .input_form .half > div.short { width: 100%; }
}
@media screen and (max-width: 500px) {
  #sub .partner_join_box .input_form .tit > br { display: block; }
}
@media screen and (max-width: 400px) {

}




/* 솔루션 */
#sub .estimate_box .estimate_search form .btn_wrap button:hover{background-color:#000;}
#sub .estimate_box .estimate_list .bottom .list_btn #add_btn:hover,#sub .solution_box .estimate_list .btn_wrap button:hover{background-color: #04a0eb;}
#sub .solution_box .solution_coculate .btn_wrap button:hover,#sub .estimate_box .estimate_list .bottom .list_btn #delete_btn:hover{background-color:#000;}

/* 로그인 */
#sub .login_box .login form .btn_submit:hover,#sub .join_box .join form .btn_submit:hover{background-color: #04a0eb;}

/* 파트너 마이페이지 */
#sub .partner_my_box { padding: 7.8rem 0 17.3rem; }
#sub .partner_my_box .main_title h2 { font-size: 5rem; font-weight: 900; }
#sub .partner_my_box .title h2 { font-size: 3.8rem; font-weight: 700; }
#sub .partner_my_box .title p { font-size: 2.3rem; font-weight: 400; margin-top: 1.2em; line-height: 1.4; }
#sub .partner_my_box .tit{display: block; font-size: 3.2rem; font-weight: 500;}
#sub .partner_my_box .tit.sec_tit{padding-top:3.5rem;}
#sub .partner_my_box .sub_tit { display: block; font-size: 2.6rem; font-weight: 700; margin-bottom: 3rem; }
#sub .request_box.partner_my_box .estimate_apply{padding:0;}
#sub .request_box.partner_my_box .estimate_apply .visit_wrap { margin-bottom: 5rem; }
#sub .request_box.partner_my_box .estimate_search.estimate_apply .tit{font-size: 2.5rem; display: block; line-height: 1.4; font-weight: 500; padding-bottom: 3.4rem;}
#sub .request_box.partner_my_box .estimate_search.estimate_apply .tit br{display: none;}
#sub .request_box.partner_my_box .estimate_search.estimate_apply .sub_tit{display: block; font-size: 2rem; line-height: 1.4; font-weight: 500; margin-bottom: 0;}
#sub .request_box.partner_my_box .estimate_search.estimate_apply .des{display: block; font-size: 1.7rem; line-height: 1.4; font-weight: 400; margin-top: 0.5em;}
#sub .request_box.partner_my_box .estimate_apply form{padding:0;}
#sub .request_box.partner_my_box .estimate_apply form #select_area_list{display: flex; flex-wrap: wrap; margin-top: 1.7rem; margin-left: -1.8rem;}
#sub .request_box.partner_my_box .estimate_apply form #select_area_list li{font-size: 2rem; padding:1.1rem 2rem; line-height: 1.4; border-radius: 1.4; border-radius: 1rem; background-color: #edf9ff; text-align: center; margin-top: 1rem; margin-left: 1.8rem;}
#sub .request_box.partner_my_box .estimate_apply form #select_area_list li .delete_btn{width: 1.6rem; height: 1.6rem; margin-left: 1.2rem; vertical-align: middle;}
#sub .request_box.partner_my_box .estimate_apply form #select_area_form{display: flex; align-items:center; margin:4.2rem 0 ;}
#sub .request_box.partner_my_box .estimate_apply form #select_area_form select{width: 20rem; font-size: 2rem; border:1px solid #333; border-radius: 2rem; padding:1.8rem 2.9rem; margin-right:1.8rem; background-position: calc(100% - 2.9rem) center; background-size:1.6rem 0.9rem;}
#sub .request_box.partner_my_box .estimate_apply form #select_area_form button{width: 17rem; font-size: 2rem; font-weight: 900; background-color: #1596d4; color:#fff; margin-left: 6.4rem; height: 5.2rem; border-radius: 1000px;}
#sub .request_box.partner_my_box .estimate_apply form #select_area_form button:hover{background-color: #04a0eb;}
#sub .request_box.partner_my_box .estimate_apply form .btn_wrap{margin:0;}
#sub .request_box.partner_my_box .estimate_apply .empty_box { border: 0.1rem solid #1596d4; text-align: center; padding: 3rem 0; font-size: 1.4rem; margin-top: 3rem; }
#sub .request_box.partner_my_box .main_title{border-bottom: 0; padding-bottom: 4.5rem; text-align: center;}
#sub .request_box.partner_my_box .title{border-bottom: 0; padding-bottom: 4.5rem; text-align: center;}
#sub .request_box.partner_my_box .title.sec_title{padding-top: 12.7rem;}
#sub .request_box.partner_my_box .account_title{padding-top: 12.7rem;}
#sub .request_box.partner_my_box .select_box button.info_update {margin-top: 4rem;}
#sub .partner_my_box .btn_wrap{text-align: center;}
#sub .partner_my_box .btn_wrap button{font-size: 2rem; padding:1.7rem 6.5rem; width: auto; line-height: normal;font-weight: bold; background-color:#1596d4;}
#sub .partner_my_box .btn_wrap button.blue_btn{background-color:#1596d4;}
#sub .partner_my_box .btn_wrap button.blue_btn:hover{background-color: #04a0eb;}
#sub .partner_my_box .table_wrap form{padding:0;}
#sub .partner_my_box .table_wrap form .btn_wrap{margin-top: 0;}
#sub .partner_my_box .table_wrap form .btn_wrap button{transition:.2s; font-size: 2rem; padding:1.7rem 3.5rem; width: auto; line-height: normal;font-weight: bold; background-color:#333;}
#sub .partner_my_box .table_wrap form .btn_wrap .button{transition:.2s; font-size: 2rem; padding:1.7rem 3.5rem; background-color:#333; width: auto; line-height: normal;font-weight: bold;}
#sub .partner_my_box .table_wrap form .btn_wrap button:hover{background-color:#000;}
#sub .partner_my_box .table_wrap form .btn_wrap .button:hover{background-color:#000;}
#sub .partner_my_box .table_wrap .table_box table{width: 100%;}
#sub .partner_my_box .table_wrap .table_box table.visit_box_one{width: 100%;}
#sub .partner_my_box .table_wrap .table_box table.visit_box_two{width: 100%;}
#sub .partner_my_box .table_wrap.estimate_sheet_wrap { padding-bottom: 7.5rem; }
#sub .partner_my_box .table_wrap.estimate_sheet_wrap .estimate_sheet{width: 100%; margin-bottom: 6rem;}
#sub .partner_my_box .table_wrap .table_box table.estimate_sheet{width: 100%; margin-bottom: 13.5rem;}
#sub .partner_my_box .table_wrap .table_box.usage_history_wrap table th{background-color:#f6fcff; color:#333;border-bottom:2px solid #1596d4;}
#sub .partner_my_box .table_wrap .table_box table th{background-color:#1596d4; color:#fff; padding:1.5rem 0; font-size: 1.4rem; border:0.1rem solid #1596d4; font-weight: 400;}
#sub .partner_my_box .table_wrap .table_box table th.empty_th{background-color:transparent; border:none;}
#sub .partner_my_box .table_wrap .table_box table td{padding:1.5rem 0.5rem; text-align: center; border:0.1rem solid #1596d4; font-size: 1.4rem; color:#333;}
#sub .partner_my_box .table_wrap .table_box table td.fee_btn {cursor:pointer;}
#sub .partner_my_box .table_wrap .table_box table td span.red_color{color:#f00000;}
#sub .partner_my_box .table_wrap .table_box table td span.credit_icon{background-image: url('../img/sub/credit_icon.png'); display: inline-block; width:1.8rem; height: 1.4rem; margin-left:0.8rem; vertical-align: middle;}
#sub .partner_my_box .table_wrap .estimate_cost{display: flex; align-items: center; padding:3rem 0; justify-content: center;}
#sub .partner_my_box .table_wrap .estimate_cost.charge_credit{background-color: #edf9ff; border-radius: 2rem; margin-bottom: 3rem;}
#sub .partner_my_box .table_wrap .estimate_cost .btn_wrap a.request { margin-left: 2rem; }
#sub .partner_my_box .table_wrap .estimate_cost .estimate_cost_txt_box{display: flex; flex-wrap: wrap; align-items:center;}
#sub .partner_my_box .table_wrap .estimate_cost p{font-size: 2rem; font-weight: bold; margin-right:2.5rem;}
#sub .partner_my_box .table_wrap .estimate_cost p:last-child{margin-right: 0;}
#sub .partner_my_box .table_wrap .estimate_cost .recharge_wrap{display: flex;flex-wrap:wrap;justify-content: center;}
#sub .partner_my_box .table_wrap .estimate_cost p .cost{display: inline-block; border:none; border-bottom: 0.2rem solid #333; text-align: right; max-width: 12rem; width: 100%; font-size: 1.6rem; height: auto; color:#333; background-color: transparent; border-radius: 0%;margin-top: 0; padding:0; padding-right: 1rem;}
#sub .partner_my_box .table_wrap .estimate_cost .recharge_wrap{padding:0;}
#sub .partner_my_box .table_wrap .estimate_cost .recharge_wrap .btn_wrap{margin:0; margin-left:3.7rem;}
#sub .partner_my_box .table_wrap .estimate_cost .recharge_wrap .btn_wrap button.recharge{transition:.2s; vertical-align: middle; border:2px solid #15d493; background-color: #15d493; padding:1.7rem 6.5rem; margin-right:1.2rem; font-size:2rem; width:auto; line-height:normal; font-weight:bold; color:#ffffff; border-radius:1000px;}
#sub .partner_my_box .table_wrap .estimate_cost .recharge_wrap .btn_wrap button.recharge:hover{background-color:#0ce39a;}
#sub .partner_my_box .table_wrap .estimate_cost .recharge_wrap .btn_wrap .visit_info{transition:.2s; vertical-align: middle; border:2px solid #333; background-color:transparent; color:#333; padding: 1.7rem 6.5rem; font-size: 2rem; width: auto; line-height: normal;}
#sub .partner_my_box .table_wrap .estimate_cost .recharge_wrap .btn_wrap .visit_info:hover{background-color:#000; color:#fff;}
#sub .partner_my_box .table_wrap.visit_wrap form .btn_wrap{display: flex; align-items: center; justify-content: center;}
#sub .partner_my_box .table_wrap.visit_wrap form .btn_wrap p{font-size: 2rem; font-weight: 600; padding-left: 2rem;}
#sub .partner_my_box .table_wrap.visit_wrap form .btn_wrap p strong { color: #f00; }
#sub .partner_my_box .partner_admin_info{border-top:2px solid #333; padding-top: 10rem;}
#sub .partner_my_box .partner_admin_info .partner_info_form .layout{display:flex; justify-content: flex-start;}
#sub .partner_my_box .partner_admin_info .partner_info_form .layout>div{padding-bottom: 3rem;}
#sub .partner_my_box .partner_admin_info .partner_info_form .partner_form_left{max-width: 59rem; width: 100%; margin-right: 1.7rem;}
#sub .partner_my_box .partner_admin_info .partner_info_form .partner_form_right{width: 100%;}
#sub .partner_my_box .partner_admin_info .partner_info_form .partner_form_right.tax_email{max-width: 59rem; width: 100%;}
#sub .partner_my_box .partner_admin_info label{font-size: 1.8rem;color: #3b3b3b; display: block;}
#sub .partner_my_box .partner_admin_info .partner_info_form input[type="text"]{background-color:#efeff4; color:#3b3b3b; width: 95%; height: 6.6rem; font-size: 2rem; display: block; border-radius: 1000px; margin-top: 2rem; padding:0 3rem;}
#sub .partner_my_box .partner_admin_info .partner_info_form input[type="password"]{background-color:#efeff4; color:#3b3b3b; width: 95%; height: 6.6rem; font-size: 2rem; display: block; border-radius: 1000px; margin-top: 2rem; padding:0 3rem;}
#sub .partner_my_box .partner_admin_info .partner_info_form .sel_input { display: flex; width: 95%; }
#sub .partner_my_box .partner_admin_info .partner_info_form .sel_input select { display: block; font-size: 2rem; height: 6.6rem; color: #3b3b3b; background-color: #efeff4; border-radius: 1000px; margin-top: 2rem; width: auto; padding: 0 2rem; min-width: 33%; }
#sub .partner_my_box .partner_admin_info .partner_info_form .sel_input input[type="text"] { width: 100%; margin-left: 2%; }
#sub .partner_my_box .partner_admin_info .half.company_intro_form{display: flex; flex-wrap: wrap; margin:7.3rem 0;}
#sub .partner_my_box .partner_admin_info .half.company_intro_form .tit{padding-bottom: 0;}
#sub .partner_my_box .partner_admin_info .half.company_intro_form > div{width: 50%;}
#sub .partner_my_box .partner_admin_info .half.company_intro_form #intro_preview{position:relative; display: inline-block;width: 65%; min-width: 320px; height: 100%; background: url('../img/sub/company_intro_bg.png') no-repeat center center/cover; border-radius: 4rem 4rem 0 0; box-shadow: 0 0 7px rgb(0 0 0 / 50%);}
#sub .partner_my_box .partner_admin_info .half.company_intro_form #intro_preview:before{content:''; position:absolute; top:0; left:0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.6); border-radius: 4rem 4rem 0 0 ;}
#sub .partner_my_box .partner_admin_info .half.company_intro_form #intro_preview .text_wrap{position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 4rem; color:#fff; z-index: 1; overflow: hidden;}
#sub .partner_my_box .partner_admin_info .half.company_intro_form #intro_preview .text_wrap h4{position: relative;display: inline-block;font-size: 2rem;font-weight: 500;line-height: 5.1rem;color: #ffffff;background-color: #1596d4;padding: 0 4rem 0 2.3rem;border-radius: 0 0 6rem 0;}
#sub .partner_my_box .partner_admin_info .half.company_intro_form #intro_preview .text_wrap dl{padding:0 2.3rem; margin-top: 10%;}
#sub .partner_my_box .partner_admin_info .half.company_intro_form #intro_preview .text_wrap dl dt{font-size: 2.2rem; font-weight: 700; line-height: 1.6;}
#sub .partner_my_box .partner_admin_info .half.company_intro_form #intro_preview .text_wrap dl dd{font-size: 2rem; font-weight: 500; line-height: 1.4; margin-top: 1em;}
#sub .partner_my_box .partner_admin_info .half.company_intro_form textarea{margin-top: 2.5rem; width: 95%; min-width: 320px; border:1px solid #333; border-radius: 2rem; background-color:#fff; padding:2.8rem 3.1rem; font-size: 1.7rem; color:#757575;}
#sub .partner_my_box .partner_admin_info .company_intro_info .company_textarea_box{display: flex; align-items:flex-end; padding:7rem 0;}
#sub .partner_my_box .partner_admin_info .company_intro_info .company_textarea_box .company_intro_txt .tit{padding:0;}
#sub .partner_my_box .partner_admin_info .company_intro_info textarea{margin-top: 2.5rem;width: 95%;min-width: 320px;border: 1px solid #333;border-radius: 2rem;background-color: #fff;padding: 2.8rem 3.1rem;font-size: 1.7rem;color: #757575;}
#sub .partner_my_box .partner_admin_info .company_intro_info .company_intro_txt{width: 50%;}
#sub .partner_my_box .partner_admin_info .company_intro_info .company_intro_txt .tit_sm_detail{font-size: 1.7rem; color:#3b3b3b; margin-top: 0.5rem; line-height: 1.4; font-weight: 400; display: block;}
#sub .partner_my_box .partner_admin_info .company_intro_info .company_intro_txt .tit_sm_detail span{display: block;}
#sub .partner_my_box .partner_admin_info .company_intro_img ul li{max-width: 37.2rem; border-radius: 4rem 4rem 0 0; overflow: hidden; box-shadow: 0 0 7px rgb(0 0 0 / 50%);}
#sub .partner_my_box .partner_admin_info .company_intro_img ul li .partner_img_box{background-image: url('../img/main/partner01.png'); background-size:cover; background-position: center; width: 100%;  height: 100%; padding:8.5rem 0 4rem; position:relative;}
#sub .partner_my_box .partner_admin_info .company_intro_img ul li .partner_img_box h5{font-size: 1.8rem; font-weight: normal; color:#fff; max-width: 15.8rem; width: 100%; height: 4.6rem; text-align: center; line-height: 4.6rem; background-color:#1596d4; border-radius: 4rem 0 4rem 0; position: absolute; top:0;}
#sub .partner_my_box .partner_admin_info .company_intro_img ul li .partner_img_box .partner_tit_box{padding-left: 2.2rem;}
#sub .partner_my_box .partner_admin_info .company_intro_img ul li .partner_img_box .partner_tit_box h3{font-size: 2.2rem; font-weight: bold; color:#fff; line-height: 1.6;}
#sub .partner_my_box .partner_admin_info .company_intro_img ul li .partner_img_box .partner_tit_box p{font-size: 2rem; font-weight: 600; color:#fff; padding-top: 2.5rem;}
#sub .partner_my_box .partner_admin_info .radio_box{padding-bottom: 6rem;}
#sub .partner_my_box .estimate_apply.estimate_search .partner_admin_info .radio_box span.tit{padding-bottom: 0;}
#sub .partner_my_box .partner_admin_info .radio_box span.tit_sm{padding-bottom: 2.8rem;}
#sub .partner_my_box .partner_admin_info .radio_box input[type="radio"] + label{display: block;font-weight: 500;}
#sub .partner_my_box .partner_admin_info .radio_box input[type="radio"] + label:before{margin-right: 1.8rem; display: inline-block;}
#sub .partner_my_box .partner_admin_info .radio_box input[type="checkbox"] + label:before, #sub .partner_my_box .partner_admin_info .radio_box input[type="radio"] + label:before{margin-right: 1.9rem; vertical-align: middle;}
#sub .partner_my_box .partner_admin_info .radio_box input[type="checkbox"] + label, #sub .partner_my_box .partner_admin_info .radio_box input[type="radio"] + label{margin-top: 2.9rem; display: block;}
#sub .partner_my_box .estimate_search.estimate_apply .partner_admin_info .select_box .tit{padding-bottom: 0;}
#sub .partner_my_box .partner_admin_info .select_box .select_table{display: flex;}
#sub .partner_my_box .partner_admin_info .select_box .tit_sm_detail{font-size: 1.7rem; padding:1.8rem 0 4rem 0; line-height: 1.6;}
#sub .partner_my_box .partner_admin_info .select_box .tit_sm_detail span{display: block;}
#sub .partner_my_box .partner_admin_info .select_box .select_table select{max-width: 18rem; width: 100%; min-height: 5.7rem; height: auto; border-radius: 2rem; font-size: 2rem; border:0.1rem solid #333;padding-left: 3rem;}
#sub .partner_my_box .partner_admin_info .select_box .select_table select#address1{margin-right: 1.8rem;}
#sub .partner_my_box .partner_admin_info .select_box .select_table .btn_wrap{margin-top: 0; padding-left: 8rem;}
#sub .partner_my_box .partner_admin_info .select_box .select_table .btn_wrap button{background-color: #1596d4;}
#sub .partner_my_box .partner_admin_info .select_box .select_table .btn_wrap button:hover{background-color:#04a0eb;}
#sub .partner_my_box .partner_admin_info .selected_region_box{padding:4rem 0 9rem 0;}
#sub .partner_my_box .partner_admin_info .selected_region_box .tit_xm{font-size: 2rem; font-weight: 500; padding-bottom: 2.5rem; display: inline-block;}
#sub .partner_my_box .partner_admin_info .selected_region_box .sel_region_box{display: flex;}
#sub .partner_my_box .partner_admin_info .selected_region_box .sel_region_box p.sel_region{background-color:#edf9ff; border-radius: 1rem; cursor: pointer; max-width: 18rem; width: 100%; min-height: 4.9rem; line-height: 4.9rem; height: auto; font-size: 2rem; text-align: center; margin-right: 1.5rem;}
#sub .partner_my_box .partner_admin_info .selected_region_box .sel_region_box p.sel_region:last-child{margin-right: none;}
#sub .partner_my_box .partner_admin_info .selected_region_box .sel_region_box p.sel_region:after{content:''; background-image: url('../img/sub/close_partner_region.png'); display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 1rem; }
#sub .partner_my_box .partner_admin_info .secession_box{padding-top: 8rem;}
#sub .partner_my_box .estimate_search.estimate_apply .partner_admin_info .secession_box .tit_sm{ padding-bottom: 3.5rem;}
#sub .partner_my_box .partner_admin_info .secession_box input[type="checkbox"] + label:before{margin-right:1.5rem;}
#sub .partner_my_box .partner_admin_info .secession_box .btn_wrap{text-align: right;}
#sub .partner_my_box .partner_admin_info .secession_box .btn_wrap button{background-color: #333;}
#sub .partner_my_box .partner_admin_info .secession_box .btn_wrap button:hover{background-color:#000;}

@media screen and (max-width: 768px) {
  #sub .partner_my_box .table_wrap .estimate_cost .recharge_wrap { flex-direction: column; }
  #sub .partner_my_box .table_wrap .estimate_cost .recharge_wrap .estimate_cost_txt_box { justify-content: center; padding-bottom: 2rem; }
}

@media screen and (max-width: 600px) {
  #sub .partner_my_box .table_wrap .estimate_cost .btn_wrap a.request { margin-left: 0; }

  #sub .partner_my_box .table_wrap .estimate_cost p{font-size: 1.6rem;}
  #sub .partner_my_box .table_wrap .estimate_cost p .cost {max-width:10rem;}
}

/* 모달창 */
#sub .modal{width:100%; height:100%; background: rgba(0,0,0,0.5); top:0; left:0; padding:0 1.5rem; display:none; position:fixed; width: 100%; height: 100%; z-index:10;}
#sub .modal .modal_content{display: flex; justify-content: flex-start; align-items: center; max-width:66rem; width: 100%; background:#fff; color:#333333; border-radius:5rem;position:relative; top:50%; left:50%; transform:translate(-50%,-50%); box-sizing:border-box;}
#sub .modal.on .modal_content{transform: translateY(0);opacity: 1;transition: all 0.3s;}
#sub .modal .modal_content .modal_close{position: absolute; top:3.5rem; right:3.5rem;cursor: pointer;}
#sub .modal .modal_content.modal01{min-height:49.5rem;}
#sub .modal .modal_content.modal02{background-image: url('../img/sub/modal02_bg.png'); background-repeat: no-repeat; background-size:cover; background-position:center; max-width: 98.8rem; width: 100%; min-height:56.6rem;}
#sub .modal .modal_content .modal_inner{width: 100%;}
#sub .modal .modal_content .modal_inner .modal_txt_box{padding:0 6.5rem; text-align: left;}
#sub .modal .modal_content .modal_inner .modal_txt_box h3{font-size: 2.8rem; color:#333; font-weight: bold; padding-top:0; padding-bottom: 4rem;}
#sub .modal .modal_content .modal_inner .modal_txt_box .modal_txt{display: flex; justify-content: space-between;}
#sub .modal .modal_content .modal_inner .modal_txt_box:nth-of-type(2) .modal_txt{display: block; padding-top:3.5rem;}
#sub .modal .modal_content .modal_inner .modal_txt_box .modal_txt p{font-size: 2.2rem; font-weight: normal; padding-bottom: 1rem; font-weight: normal;}
#sub .modal .modal_content .modal_inner .modal_txt_box .modal_txt p.modal_bottom_txt{padding-top:3rem;}
#sub .modal .modal_content .modal_inner .modal_txt_box p span{display:block; font-weight: 400;}
#sub .modal .modal_content .modal_inner .modal_txt_box p span.price{display: inline-block;}
#sub .modal .modal_content .modal_inner .btn_wrap.modal_btn_wrap{padding-top: 3rem;}
#sub .modal .modal_content .modal_inner .btn_wrap.modal_btn_wrap button{padding:0; max-width:17rem; width: 100%; min-height: 5.3rem; height: auto;}
#sub .modal .modal_content .modal_inner .btn_wrap.modal_btn_wrap button:first-child{background-color:#1596d4; margin-right: 1rem;}
#sub .modal .modal_content .modal_inner .btn_wrap.modal_btn_wrap button:first-child:hover{background-color:#04a0eb;}
#sub .modal .modal_content img.modal_close{max-width: 1.8rem;}
#sub .modal .modal_content.modal02 .modal_txt_box h3{font-size: 2.8rem; font-weight:900; padding-bottom: 2rem;}
#sub .modal .modal_content.modal02 .modal_txt_box .modal_txt02_01 {padding-bottom: 3rem;}
#sub .modal .modal_content.modal02 .modal_txt_box .modal_txt02_01 p{font-size: 1.6rem; font-weight: 300; line-height: 1.6;}
#sub .modal .modal_content.modal02 .modal_txt_box .modal_txt02_02 p{font-size: 2rem; font-weight: 500; line-height: 1.8;}

/* 탭 메뉴 */
#sub .tabView + .tabView {display:none;}
#sub .tabSt01 ul{display: flex; padding:0 0 2.4rem 0;}
#sub .tabSt01 ul li{max-width: 4.8rem; width: 100%; padding:1rem 0; text-align: center; border-radius: 1rem; margin-right:0.5rem;}
#sub .tabSt01 ul li{border:0.2rem solid #1596d4; background-color:transparent;}
#sub .tabSt01 ul li:last-child{margin-right: 0;}
#sub .tabSt01 ul li a{color:#1596d4; font-size: 1.6rem;}
#sub .tabSt01 ul li.active{background-color:#1596d4; color:#fff;}
#sub .tabSt01 ul li.active a{background-color:#1596d4; color:#fff;}

@media screen and (max-width: 768px) {
  #sub .tabView table td { height: 40px; }
}


/* 마이페이지 */
#sub .my_act_box .my_act_img_box{text-align:center;margin-top:12rem;}
#sub .my_act_box .my_act_img_box img{max-width: 13.8rem; width: 100%;}
#sub .my_act_box .my_act_img_box .my_act_name{font-size: 2.4rem; color:#333; font-weight: 500; padding:2rem 0 1.5rem 0;}
#sub .my_act_box .my_act_img_box .btn_wrap{margin-top: 0;}
#sub .my_act_box .my_act_img_box .btn_wrap button{background-color:#333; color:#fff; font-size: 1.8rem; font-weight: 500; padding:0; border-radius: 16rem;height: auto; max-width: 11rem; height: 3.5rem; width: 100%;}
#sub .my_act_box .my_act_img_box .btn_wrap button:hover{background-color:#000;}
#sub .my_act_box .info_update_box .btn_wrap{display: flex; justify-content: flex-end;}
#sub .my_act_box .info_update_box button{font-size: 2rem; font-weight: 700;padding:1.7rem 3.5rem;line-height: normal; width: auto;}
#sub .my_act_box .info_update_box .info_update_cancel{border:0.1rem solid #333; color:#333; background-color:#fff; margin-right: 1.5rem;}
#sub .my_act_box .info_update_box .info_update_cancel:hover{background-color:#000; color:#fff;}
#sub .my_act_box .info_update_box .info_update{background-color:#1596d4; color:#fff;}
#sub .my_act_box .info_update_box .info_update:hover{background-color: #04a0eb;}

#sub .my_act_box .tit{padding-bottom:3rem;}
#sub .my_act_box table.estimate_sheet.estimate_situation{margin-bottom: 2.5rem;}
#sub .my_act_box .partner_info_form .layout{display: block;}
#sub .my_act_box .partner_info_form .my_act_txt_box{padding-bottom: 5rem;}
#sub .my_act_box .partner_info_form .my_act_txt_box h3{font-size: 3rem; font-weight: 500; padding-bottom: 2rem;}
#sub .my_act_box .partner_info_form .my_act_txt_box p{font-size: 2rem;}
#sub .my_act_box .partner_info_form .my_act_txt_box .my_act_login_email{padding-top: 2rem;}
#sub .my_act_box .partner_info_form .my_act_txt_box .my_act_login_email p{padding-bottom: 0.5rem;}
#sub .my_act_box .partner_info_form .my_act_form_inner input[type="text"]{padding:0 3rem; margin-top: 2rem; background-color:#fff; border:0.1rem solid #333; margin-bottom: 3rem; width: 100%; border-radius: 1000px; height: 6.6rem; font-size: 2rem;}
#sub .my_act_box .partner_info_form .layout.half{display: flex;}
#sub .my_act_box .partner_info_form .layout.half>div{width: 50%;}
#sub .my_act_box .partner_info_form .layout.half .partner_form_left{margin-right: 2rem;}
#sub .my_act_box .partner_info_form .layout.my_act_info_name{max-width: 59rem; width: 100%; padding-bottom: 3.5rem; }
#sub .my_act_box .btn_wrap{margin:4.5rem 0 0 0;}
#sub .my_act_box .btn_wrap button{background-color:#e46837;}
#sub .my_act_box .btn_wrap button:hover{background-color:#000;}
#sub .my_act_box .btn_wrap button.new_request_btn{font-size: 2rem; font-weight: 700;padding:1.7rem 3.5rem;line-height: normal; width: auto; border-radius: 1000px; color:#fff; transition: 0.2s;}
#sub .my_act_box .partner_wrap{padding:0; background-color:#fff;}
#sub .my_act_box .partner_wrap span.tit{padding-top:7.5rem; padding-bottom:0;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner .btn_wrap.default_btn button{background-color:#333;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner .btn_wrap.default_btn button:hover{background-color:#000;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner>ul{padding-top:3rem;}
#sub .my_act_box .partner_wrap .partner_box .button_box{padding-bottom: 5rem;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner{padding-bottom: 12rem;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner .partner_tit_sub_txt{padding:3.5rem 0 0 0;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner .partner_tit_sub_txt p{font-size: 2.2rem; line-height: 1.6;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner .radio_box ul li{border:0.1rem solid #1596d4;border-bottom: none;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner .radio_box ul li:last-child{border-bottom:1px solid #1596d4;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner .radio_box input[type="radio"] + label{display: block; font-size: 1.8rem;  padding:1rem 2rem; position: relative;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner .radio_box input[type="radio"] + label:before{display: inline-block; margin-right: 3.2rem;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner .radio_box input[type="radio"] + label .border_line{height: 100%; width: 1px; background-color: #3ea9dc; display: inline-block; position:absolute; top:0; left:6rem; text-indent: -9999px;}
#sub .my_act_box .partner_wrap .partner_box .partner_inner .empty_box { border: 0.1rem solid #1596d4; text-align: center; padding: 3rem 0; font-size: 1.4rem; margin-top: 3rem; }
#sub .my_act_box .table_wrap table.sm_txt_table{margin-bottom: 4rem;}
#sub .my_act_box .table_wrap table.sm_txt_table th{font-size: 1.2rem;}
#sub .my_act_box .table_wrap table.sm_txt_table td{font-size: 1.2rem;}
#sub .my_act_box .table_wrap table.sm_txt_table td input[type="checkbox"] + label:before{display: none;}
#sub .my_act_box .table_wrap table.sm_txt_table td input[type="checkbox"]:checked + label:before{display: none;}
#sub .my_act_box .table_wrap table.sm_txt_table .toggleSwitch{max-width: 5.2rem;width: 100%;height: 2.4rem;margin:0 auto;display: block;position: relative;border-radius: 2rem;background-color: #bcbcbc; cursor: pointer;}
#sub .my_act_box .table_wrap table.sm_txt_table .toggleSwitch .toggleButton{width: 1.9rem;height: 1.9rem;position: absolute;top: 50%;left: .2rem;transform: translateY(-50%);border-radius: 50%;background-color: #fff;}
#sub .my_act_box .table_wrap table.sm_txt_table .toggleSwitch.active{background: #15d44b;}
#sub .my_act_box .table_wrap table.sm_txt_table .toggleSwitch.active .toggleButton{left: calc(100% - 2.1rem);background: #fff;}
#sub .my_act_box .table_wrap table.sm_txt_table .toggleSwitch, .toggleButton {transition: all 0.2s ease-in;}
#sub .my_act_box .table_wrap .btn_wrap.new_apply_btn{display: flex; justify-content: flex-end;}
#sub .my_act_box .table_wrap .btn_wrap.new_apply_btn button{background-color:#fff; border-radius: 3rem; border:0.2rem solid #e46837; color:#e46837;}
#sub .my_act_box .table_wrap .btn_wrap.new_apply_btn button:hover{background-color:#000; color:#fff; border:0.2rem solid #000;}
#sub .my_act_box .estimate_search .empty_box { border: 0.1rem solid #1596d4; text-align: center; padding: 3rem 0; font-size: 1.4rem; margin-bottom: 10rem; }



/* board_sub_menu */
.board_menu{display: flex; align-items: center; width: 100%;}
.board_menu li{margin-right: 2rem; max-width: 120px; width: 100%; min-height: 45px; line-height: 45px; height: auto;}
.board_menu li a{color:#333; font-weight: bold; font-size: 1.8rem; font-weight: 500; display: block; text-align: center; border-radius: 4rem;}
.board_menu li a:hover{background-color:#1596d4; color:#fff; text-align: center;}
.board_menu li.sub_active a{background-color:#1596d4; font-weight: bold; color:#fff; text-align: center; font-size: 1.8rem; }

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

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

/* 파트너 마이페이지 */
#sub .partner_my_box .table_wrap .table_box table {max-width: none;}
#sub .partner_my_box .table_wrap .table_box table.visit_box_one{max-width: none;}
#sub .partner_my_box .table_wrap .table_box table.visit_box_two{max-width: none;}
#sub .partner_my_box .table_wrap .table_box table.estimate_sheet{max-width: none;}
#sub .partner_my_box .partner_admin_info .secession_box .btn_wrap{text-align: left; padding-top:3rem;}
#sub .my_act_box .estimate_search.my_act_info .partner_wrap .partner_box{padding:0;}

}

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

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

  /* 파트너 마이페이지 */
  #sub .my_act_box .partner_info_form .my_act_txt_box{padding-top:5rem;}
  #sub .my_act_box .estimate_search.my_act_info .partner_wrap .partner_box .partner_inner{padding-bottom: 6rem;}
  #sub .partner_my_box .partner_admin_info .half.company_intro_form{display: block;}
  #sub .partner_my_box .partner_admin_info .half.company_intro_form>div{width: 80%;}
  #sub .partner_my_box .partner_admin_info .half.company_intro_form > div ~ div{margin-left: 0;}
  #sub .partner_my_box .partner_admin_info .half.company_intro_form #intro_preview{margin-top: 2rem; height: 30rem;}
  #sub .partner_my_box .partner_admin_info .partner_info_form .partner_form_right{max-width: 42rem;}
  #sub .partner_my_box .table_wrap .estimate_cost{justify-content: center;}
  #sub .partner_my_box .table_wrap .estimate_cost form .btn_wrap button.recharge{padding:1.7rem 3.5rem;}
  #sub .partner_my_box .table_wrap.visit_wrap form .btn_wrap{justify-content: center;}

  #sub .my_act_box .partner_info_form .layout.my_act_info_name{max-width: none;}

  #sub .solution_box .estimate_list .list_total span { font-size: 15px; }

  #sub .solution_box .estimate_coculate .layout li { width: calc(100% / 2 - 4%); padding-bottom: calc(100% / 2 - 4%); }
  #sub .solution_box .estimate_coculate .contents h4 { font-size: 2.3rem; line-height: 6rem; }
  #sub .solution_box .estimate_coculate .contents dl dt,
  #sub .solution_box .estimate_coculate .contents dl dd,
  #sub .solution_box .estimate_coculate .contents span.total { font-size: 2.5rem }
}

@media screen and (max-width: 600px) {
#sub .my_act_box .estimate_search.my_act_info form .partner_info_form .layout.my_act_info_name{max-width: none; width: 100%;}
#sub .my_act_box .estimate_search.my_act_info form .partner_info_form .layout.half{display: block;}
#sub .my_act_box .estimate_search.my_act_info form .partner_info_form .layout.half>div{width: 100%;}
#sub .my_act_box .partner_info_form .layout.half{flex-direction: column;}
#sub .my_act_box .partner_info_form .layout.half>div{width: 100%;}
#sub .partner_my_box .partner_admin_info .partner_info_form .layout{display: block;}
#sub .partner_my_box .partner_admin_info .partner_info_form .partner_form_left{max-width: none;}
#sub .partner_my_box .partner_admin_info .partner_info_form .partner_form_right{max-width: none;}
#sub .partner_my_box .partner_admin_info .partner_info_form .partner_form_right.tax_email{max-width: none;}
#sub .partner_my_box .partner_admin_info .partner_info_form input[type="text"],
#sub .partner_my_box .partner_admin_info .partner_info_form input[type="password"],
#sub .partner_my_box .partner_admin_info .partner_info_form .sel_input{width:100%}
#sub .partner_my_box .partner_admin_info .half.company_intro_form>div{width: 100%;}
/* #sub .partner_my_box .table_wrap .table_box table{width: 100%;}
#sub .partner_my_box .table_wrap .table_box table.my_partner_table td{border:0; border-bottom: 0.1rem solid #1596d4;}
#sub .partner_my_box .table_wrap .table_box table.my_partner_table colgroup{display: none;}
#sub .partner_my_box .table_wrap .table_box table.my_partner_table th,#sub .partner_my_box .table_wrap .table_box table.my_partner_table td{display: block;}
#sub .partner_my_box .table_wrap .table_box table.my_partner_table td{display: grid; grid-template-columns: 1fr 2fr;}
#sub .partner_my_box .table_wrap .table_box table.my_partner_table td:before{font-weight: bold;}
#sub .partner_my_box .table_wrap .table_box table.my_partner_table th{display: none;}
#sub .partner_my_box .table_wrap .table_box table.my_partner_table td:nth-of-type(1){background-color:#1596d4; color:#fff; grid-template-columns: auto;} */

/* #sub .partner_my_box .table_wrap .table_box table.my_partner_table02 tr:nth-of-type(2n){background-color:#eef8ff;} */
/* #sub .partner_my_box .table_wrap .table_box table.my_partner_table02 td{border:0; border-bottom: 0.1rem solid #1596d4;} */
/* #sub .partner_my_box .table_wrap .table_box table.my_partner_table02 colgroup{display: none;} */
/* #sub .partner_my_box .table_wrap .table_box table.my_partner_table02 td{display: grid; grid-template-columns: 1fr 2fr;} */
/* #sub .partner_my_box .table_wrap .table_box table.my_partner_table02 td:before{font-weight: bold;} */
/* #sub .partner_my_box .table_wrap .table_box table.my_partner_table02 th{display: none;} */
/* #sub .partner_my_box .table_wrap .table_box table.my_partner_table02 td.apply_num{background-color:#1596d4; color:#fff; grid-template-columns: auto;} */

/* #sub .partner_my_box .table_wrap .table_box table.partner_table_num1 td:before{content: attr(data-th);}
#sub .partner_my_box .table_wrap .table_box table.partner_table_num2 td:before{content: attr(data-th);}
#sub .partner_my_box .table_wrap .table_box table.partner_table_num3 td:before{content: attr(data-th);}
#sub .partner_my_box .table_wrap .table_box table.partner_table_num4 td:before{content: attr(data-th);}
#sub .partner_my_box .table_wrap .table_box table.partner_table_num5 td:before{content: attr(data-th);}
#sub .partner_my_box .table_wrap .table_box table.partner_table_num6 td:before{content: attr(data-th);} */

/* #sub .partner_my_box .table_wrap .table_box table td span.credit_icon{display: none;}
#sub .partner_my_box .table_wrap .table_box table.partner_table_num3{margin-top: 5rem;}
#sub .partner_my_box .table_wrap .table_box table.partner_table_num3 td{background-color:#edf9ff;border:0.1rem solid #1596d4; border-bottom: 0;}
#sub .partner_my_box .table_wrap .table_box table.partner_table_num3 td:last-child{border-bottom:0.1rem solid #1596d4;}
#sub .partner_my_box .table_wrap .table_box table.partner_table_num3 td:nth-of-type(1){background-color:#edf9ff;; color:#333; grid-template-columns: 1fr 2fr;} */

#sub .partner_my_box .table_wrap .estimate_cost{display: block;}
#sub .partner_my_box .table_wrap .estimate_cost .estimate_cost_txt_box{justify-content: center;}
#sub .partner_my_box .table_wrap .estimate_cost form{justify-content: center;}
#sub .partner_my_box .table_wrap .estimate_cost form .btn_wrap{margin-left: 0; padding-top: 3rem;}
#sub .partner_my_box .table_wrap .estimate_cost.charge_credit form .btn_wrap{padding-top: 0; }
#sub .partner_my_box .partner_admin_info .select_box .select_table .btn_wrap{padding-left: 4rem;}

#sub .partner_my_box .recharge_wrap .btn_wrap {margin-left:0 !important;}
#sub .partner_my_box .recharge_wrap .estimate_cost_txt_box {padding-right:0;}
#sub .partner_my_box .recharge_wrap .estimate_cost_txt_box p{font-size: 2.4rem;}

#sub .my_act_box .estimate_search.my_act_info .table_wrap .btn_wrap.new_apply_btn{justify-content: center;}
}

@media screen and (max-width: 500px) {
  #sub .partner_my_box .table_wrap.visit_wrap form .btn_wrap{flex-direction: column;}
  #sub .partner_my_box .table_wrap.visit_wrap form .btn_wrap p{padding-top: 2rem;}
  #sub .partner_my_box .partner_admin_info .partner_info_form .layout>div{max-width: none; width: 100%;}
  #sub .partner_my_box .partner_admin_info .partner_info_form .partner_form_right.tax_email{max-width: none; width: 100%;}
  #sub .partner_my_box .partner_admin_info .secession_box label {font-size: 1.8rem; line-height: 1.6;}
  #sub .partner_my_box .table_wrap .estimate_cost.charge_credit form{flex-direction: column;}
  #sub .partner_my_box .table_wrap .estimate_cost.charge_credit .estimate_cost_txt_box{padding-bottom: 2rem;}
  #sub .partner_my_box .partner_admin_info .secession_box .btn_wrap{text-align: center;}

  #sub .my_act_box .info_update_box .btn_wrap{justify-content: center;}
  #sub .my_act_box .estimate_search.my_act_info form .half > div ~ div{margin-left:0;}
  #sub .my_act_box .estimate_search.my_act_info form .partner_info_form .layout.my_act_info_name{max-width: none; width: 100%;}

  #sub .solution_box .estimate_search form .layout { flex-direction: column; }
  #sub .solution_box .estimate_search form .layout > div { width: 100%; }

  #sub .solution_box .estimate_search form .or span { padding: 4rem 0; font-size: 2.4rem; }

  #sub .solution_box .estimate_search form label { font-size: 2.4rem; }
  #sub .solution_box .estimate_search form input[type="text"] { font-size: 2.7rem; height: 8rem; }


  #sub .solution_box .estimate_coculate .contents h4 { font-size: 1.9rem; }
  #sub .solution_box .estimate_coculate .contents dl { margin-top: 6%; }
  #sub .solution_box .estimate_coculate .contents dl dt,
  #sub .solution_box .estimate_coculate .contents dl dd,
  #sub .solution_box .estimate_coculate .contents span.total { font-size: 2.05rem; }
  #sub .solution_box .estimate_coculate .contents span.total { margin-top: 0.9em; }
}

@media screen and (max-width: 400px) {
  #sub .partner_my_box .table_wrap .estimate_cost p{font-size: 1.6rem;}
  #sub .partner_my_box .table_wrap .table_box table th{padding:1rem 0;}
  #sub .partner_my_box .table_wrap .table_box table td{padding:1rem 0;}

  #sub .partner_my_box .recharge_wrap .estimate_cost_txt_box p{font-size: 2.4rem;}

  #sub .solution_box .estimate_coculate .layout li { width: calc(100% / 1 - 4%); padding-bottom: calc(100% / 1 - 4%); }
  #sub .solution_box .estimate_coculate .contents h4 { font-size: 5vw; line-height: 12vw; padding: 0 8vw 0 2.3rem; border-radius: 0 0 12vw 0; }
  #sub .solution_box .estimate_coculate .contents dl { margin-top: 10%; }
  #sub .solution_box .estimate_coculate .contents dl dt,
  #sub .solution_box .estimate_coculate .contents dl dd,
  #sub .solution_box .estimate_coculate .contents span.total { font-size: 5.5vw; }
  #sub .solution_box .estimate_coculate .contents span.total { margin-top: 1.3em; }
}





/* 견적신청 & 솔루션 */
#sub .estimate_box { padding: 7.8rem 0 17.3rem; }
#sub .estimate_box .title { text-align: center; padding-bottom: 7rem; border-bottom: 2px solid #333333; }
#sub .estimate_box .title h2 { font-size: 3.8rem; font-weight: 900; }
#sub .estimate_box .title p { font-size: 2.3rem; font-weight: 400; margin-top: 1.2em; line-height: 1.4; }
#sub .estimate_box .sub_tit { display: block; font-size: 2.6rem; font-weight: 700; margin-bottom: 3rem; }
#sub .estimate_box .sub_tit > small { font-size: 2rem; font-weight: 700; }


#sub .estimate_box .estimate_search { padding: 7rem 0 0; }
#sub .estimate_box .estimate_search .tit { display: block; font-size: 3.2rem; font-weight: 500; }
#sub .estimate_box .estimate_search .des { display: block; font-size: 2rem; font-weight: 400; margin-top: 0.5em; }

#sub .estimate_box .estimate_search form { padding: 5.8rem 0; }
#sub .estimate_box .estimate_search form .layout { display: flex; justify-content: space-between; }

#sub .estimate_box .estimate_search form .number_form { width: calc(320 / 1200 * 100%); }

#sub .estimate_box .estimate_search form .address_form { width: calc(670 / 1200 * 100%); }
#sub .estimate_box .estimate_search form .address_form > div ~ div { margin-top: 3rem; }

#sub .estimate_box .estimate_search form .or { width: calc(210 / 1200 * 100%); text-align: center; }
#sub .estimate_box .estimate_search form .or span { display: block; padding-top: 6rem; font-size: 1.8rem; }

#sub .estimate_box .estimate_search form .half { display: flex; }
#sub .estimate_box .estimate_search form .half > div { flex: 1; }
#sub .estimate_box .estimate_search form .half > div ~ div { margin-left: calc(30 / 1200 * 100%); }

#sub .estimate_box .estimate_search form label { font-size: 1.8rem; color: #3b3b3b; }
#sub .estimate_box .estimate_search form input[type="text"],
#sub .estimate_box .estimate_search form select { font-size: 2rem; width: 100%; height: 6.6rem; color: #3b3b3b; background-color: #efeff4; border-radius: 1000px; margin-top: 2rem; padding: 0 3rem; }
#sub .estimate_box .estimate_search form select { background-position: calc(100% - 3rem) center; outline: none; }

#sub .estimate_box .estimate_search form .btn_wrap { margin-top: 8rem; }
#sub .estimate_box .estimate_search form .btn_wrap button { background-color: #333333; }


#sub .estimate_box .estimate_list { padding: 7rem 0 5.7rem;; }
#sub .estimate_box .estimate_list .list_total span { font-size: 18px; }
#sub .estimate_box .estimate_list table { margin-top: 2.3rem; border-bottom: 1px solid #333333; }
#sub .estimate_box .estimate_list table thead { background-color: #fbfafa; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }
#sub .estimate_box .estimate_list table thead th { font-size: 1.8rem; padding: 2rem 1rem; }
#sub .estimate_box .estimate_list table tbody td { font-size: 2rem; padding: 3.5rem 1rem; text-align: center; line-height: 1.4; }
#sub .estimate_box .estimate_list table tbody td span { font-size: 1.8rem; }
#sub .estimate_box .estimate_list table tbody td b { color: #1596d4; }

#sub .estimate_box .estimate_list .bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 3.3rem; }
#sub .estimate_box .estimate_list .bottom .list_btn button { width: 17rem; font-size: 2rem; font-weight: 700; color: #fff; line-height: 5.2rem; border-radius: 1000px; }
#sub .estimate_box .estimate_list .bottom .list_btn #add_btn { background-color: #1596d4; }
#sub .estimate_box .estimate_list .bottom .list_btn #delete_btn { background-color: #b80000; }

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

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

@media screen and (max-width: 768px) {
  #sub .estimate_box .estimate_search form .layout { flex-direction: column; }
  #sub .estimate_box .estimate_search form .layout > div { width: 100%; }
  #sub .estimate_box .estimate_search form .or span { padding: 4rem 0; }

  #sub .estimate_box .estimate_list .list_total span { font-size: 15px; }
}

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

@media screen and (max-width: 500px) {
  #sub .estimate_box .estimate_search form .or span { font-size: 2rem; }

  #sub .estimate_box .estimate_search form label { font-size: 2rem; }
  #sub .estimate_box .estimate_search form input[type="text"] { font-size: 2.7rem; height: 8rem; }
}

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

/* 견적신청 */
#sub .request_box .check_form div ~ div { margin-top: 6.2rem; }
#sub .request_box .check_form input[type="radio"] + label { display: block; margin-top: 2.6rem; }
#sub .request_box .check_form input[type="radio"] + label:before { margin-right: 1.9rem; vertical-align: middle; }


#sub .request_box .user_check_form { margin-top: 9.2rem; }
#sub .request_box .user_check_form input[type="checkbox"] + label { font-size: 2rem; font-weight: 500; line-height: 1.6; }
#sub .request_box .user_check_form input[type="checkbox"] + label:before { margin-right: 1.4rem; }


#sub .request_box .btn_wrap { margin-top: 5.2rem; }
#sub .request_box .btn_wrap button { background-color: #e46837; }

/* 솔루션 */
#sub .solution_box .estimate_list .user_check_form { margin-top: 4rem; }
#sub .solution_box .estimate_list .user_check_form input[type="checkbox"] + label { font-size: 2rem; font-weight: 500; line-height: 1.6; }
#sub .solution_box .estimate_list .user_check_form input[type="checkbox"] + label:before { margin-right: 1.4rem; }

#sub .solution_box .estimate_list .btn_wrap { margin-top: 6.5rem; }
#sub .solution_box .estimate_list .btn_wrap button { background-color: #1596d4; }


#sub .solution_box #solution_coculate {  }
#sub .solution_box #solution_coculate * { transition: 0.2s; }

#sub .solution_box #solution_coculate .layout { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -4%; margin-top: 16.8rem; }
#sub .solution_box #solution_coculate .layout > li { position: relative; margin-left: 4%; margin-bottom: 4.2rem; width: calc(100% / 3 - 4%); border-radius: 4rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
/* #sub .solution_box #solution_coculate .layout > li.final { width: calc(((100% / 3) * 2) - 4%); } */
#sub .solution_box #solution_coculate .layout > li.final { flex: 1; }
#sub .solution_box #solution_coculate .layout > li.final h4 { background-color: #0d668f; }

#sub .solution_box #solution_coculate .contents { border-radius: 4rem; overflow: hidden; }
#sub .solution_box #solution_coculate .contents h4 { position: relative; display: inline-block; font-size: 1.8rem; font-weight: 500; line-height: 5.1rem; color: #ffffff; background-color: #1596d4; padding: 0 4rem 0 2.3rem; border-radius: 0 0 6rem 0; }
#sub .solution_box #solution_coculate .contents > ul { padding: 0 2.3rem; margin: 5rem 0; }
#sub .solution_box #solution_coculate .contents > ul > li { font-size: 1.9rem; font-weight: 400; line-height: 1.4; margin: 2rem 0; }
#sub .solution_box #solution_coculate .contents > ul > li.total { display: block; font-size: 1.9rem; font-weight: 700; line-height: 1.4; }

#sub .solution_box #solution_coculate .btn_wrap { margin-top: 6.5rem; }
#sub .solution_box #solution_coculate .btn_wrap button { background-color: #e46837; }





/* 충전 페이지 */
#sub .payment_box { padding: 7.8rem 0 17.3rem; }
#sub .payment_box .title { text-align: center; padding-bottom: 7rem; }
#sub .payment_box .title h2 { font-size: 3.8rem; font-weight: 900; }
#sub .payment_box .point_box > ul { display: flex; flex-wrap: wrap; margin-left: -2rem; }
#sub .payment_box .point_box > ul > li { width: calc(100% / 2 - 2rem); margin-left: 2rem; border: 1px solid #dadada; padding: 1.5rem; border-radius: 1rem; }
#sub .payment_box .point_box > ul > li > a { overflow: hidden; display: block; }

@media screen and (max-width: 600px) {
  #sub .payment_box .point_box > ul { margin: 0; margin-top: -2rem; }
  #sub .payment_box .point_box > ul > li { width: calc(100% / 1); margin: 2rem 0 0; }
}




/* 포인트 상세 페이지 */
#sub .item_box { padding: 7.8rem 0 17.3rem; }
#sub .item_box .title { text-align: center; padding-bottom: 7rem; }
#sub .item_box .title h2 { font-size: 3.8rem; font-weight: 900; }
#sub .item_box #sit_ov_from #sit_tot_price { text-align: left; }
#sub .item_box #sit_ov_from #sit_tot_price span { margin-right: 1rem; }

@media screen and (max-width: 600px) {
  #sub .item_box .point_box > ul { margin: 0; margin-top: -2rem; }
  #sub .item_box .point_box > ul > li { width: calc(100% / 1); margin: 2rem 0 0; }
}




/* 장바구니 페이지 */
#sub .cart_box { padding: 7.8rem 0 17.3rem; }
#sub .cart_box .title { text-align: center; padding-bottom: 7rem; }
#sub .cart_box .title h2 { font-size: 3.8rem; font-weight: 900; }
#sub .cart_box #sod_bsk table { table-layout: auto; }
#sub .cart_box #sod_bsk table tbody td.td_numbig { width: 150px; }
#sub .cart_box #sod_bsk_tot > ul > li { width: 100%; }

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




/* 포인트 결제 페이지 */
#sub .order_box { padding: 7.8rem 0 17.3rem; }
#sub .order_box .title { text-align: center; padding-bottom: 7rem; }
#sub .order_box .title h2 { font-size: 3.8rem; font-weight: 900; }
#sub .order_box #sod_frm .sod_bsk_sell { width: 100%; }

@media screen and (max-width: 768px) {
  #sub .order_box #sod_frm td:not(.td_prd) { width: auto; min-width: 40px; padding-left: 5px; padding-right: 5px; }
  #sub .order_box #sod_frm_orderer th { width: 65px; }
  #sub .order_box #sod_frm_orderer input { width: 100%; font-size: 2rem; }
}




/* 포인트 결제 페이지 */
#sub .orderview_box { padding: 7.8rem 0 17.3rem; }
#sub .orderview_box .title { text-align: center; padding-bottom: 7rem; }
#sub .orderview_box .title h2 { font-size: 3.8rem; font-weight: 900; }
#sub .orderview_box #sod_fin { overflow: hidden; }
#sub .orderview_box #sod_fin_list table { table-layout: auto; }

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

}




/* 주문내역조회 페이지 */
#sub .orderlist_box { padding: 7.8rem 0 17.3rem; }
#sub .orderlist_box .title { text-align: center; padding-bottom: 7rem; }
#sub .orderlist_box .title h2 { font-size: 3.8rem; font-weight: 900; }
#sub .orderlist_box .tbl_wrap table { table-layout: auto; }
#sub .orderlist_box .tbl_wrap table td { font-size: 1.6rem; }
#sub .orderlist_box .tbl_wrap table td a { font-size: inherit; }

@media screen and (max-width: 768px) {
  #sub .orderlist_box .tbl_wrap table td { width: auto; padding: 7px; }
}