@charset "utf-8";
/* CSS Document */

@media (max-width:1840px) {

}

@media (max-width:1280px) {


}

@media (max-width:1200px) {

.intro_service ul li {width:calc((100% - 6rem)/3);margin-left:3rem}
.intro_service ul li.service4 {margin:3rem 0 0 0}
.intro_service ul li.service5 {margin:3rem 0 0 0}

.usertype_wrap ul li {padding:6rem 3rem 3.8rem 3rem}

.login_user_wrap h1 {font-size:3rem}

.user_login_service ul li a h3 {font-size:2rem}

.fac_login_service ul li a h3 {font-size:2rem}

.login_ect_btn ul li a {padding:0 5rem 0 2rem;font-size:1.8rem;letter-spacing:-1.5px}
.login_ect_btn ul li a:before {right:2rem;width:2rem;height:1.3rem;margin-top:-.65rem;background-size:2rem}

.login_ect_btn ul.fac li a {padding:0 5rem 0 2rem;font-size:1.8rem;letter-spacing:-1.5px}
.login_ect_btn ul.fac li a:before {right:2rem;width:2rem;height:1.3rem;margin-top:-.65rem;background-size:2rem}
}

@media (max-width:1000px) {


.intro_top {margin-bottom:3rem}
.intro_top h1 {font-size:3.4rem}
.intro_top h2 {font-size:3.2rem}

.intro_service ul li {width:calc((100% - 4rem)/3);margin-left:2rem}
.intro_service ul li a h3 {font-size:2.2rem}
.intro_service ul li a .service_icon {padding:2.4rem 0 2rem 0}
.intro_service ul li a .service_btn {font-size:1.6rem}
.intro_service ul li.service4 {margin:2rem 0 0 0}
.intro_service ul li.service5 {margin:2rem 0 0 0}

.usertype_wrap ul li {padding:3rem 2rem 2.8rem 2rem}
.usertype_wrap ul li a {display:block;padding:0}

.form_item .advice {width:100%}
.form_item .advice.type1 {width:calc(100% - 18rem);margin:.5rem 0 0 0;padding-left:18rem}

.ft_wrap {justify-content:center}
.ft_wrap .ft_logo {width:auto}
.ft_wrap address {width:100%;margin-top:2rem}

.accordion_cont .agree_cont .private_wrap .private_div {width:80%}

.content_wrap {padding:3rem}

.user_login_service ul {margin-top:0}
.user_login_service ul li {width:calc((100% - 2rem)/2);margin:2rem 0 0 2rem}
.user_login_service ul li:nth-child(odd) {margin:2rem 0 0 0}
.user_login_service ul li:nth-child(even) {margin:2rem 0 0 2rem}

.fac_login_service ul li a h3 {font-size:1.8rem}

.login_ect_btn ul li {width:calc((100% - 2rem)/3);margin-left:1rem}
.login_ect_btn ul li a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.login_ect_btn ul.fac li {width:calc((100% - 2rem)/3);margin-left:1rem}
.login_ect_btn ul.fac li a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

}

@media (max-width:800px) {

#header {height:8rem}
.hd_wrap a {max-width:60%}

#container {padding:2rem 0}
.content_wrap {padding:3.3rem 4rem 4rem 4rem}

.intro_top {margin-bottom:1rem}

.intro_service ul li {width:100%;margin:2rem 0 0 0}
.intro_service ul li a {padding:2.5rem 2rem 2.8rem 2rem}
.intro_service ul li a .service_btn {height:4rem;padding:0 4.3rem 0 2rem;line-height:4rem}
.intro_service ul li a .service_btn:before {right:2rem}

.txt_box {padding:2rem}

.usertype_wrap ul li {width:100%}
.usertype_wrap ul li:nth-child(2) {margin-top:2rem}

.form_item .form_tit {width:14rem;padding-left:0}
.form_item .form_input {width:calc(100% - 14rem);max-width:100%}
/*
.form_item .form_input.tel{width:calc(28.5% - 20px);max-width:100%}
*/
.form_item .form_input.mail {max-width:100%}
.form_item .form_div {width:100%;min-height:4rem}
.form_item .form_div:nth-child(2) {margin-top:1rem;padding-top:1rem;border-top:.1rem solid #c5c9d6}
.form_item .form_check {width:calc(100% - 14rem)}
.form_item .form_check .form_check_input {width:100%;margin-right:0}
.form_item .form_input.advice {width:100%;margin-right:0}
.form_item select {width:calc(100% - 14rem);max-width:100%}
.form_item .form_check .form_search_input {width:100%;margin-right:0}
.form_item textarea {width:calc(100% - 14rem)}

.form_item .advice.type1 {width:calc(100% - 14rem);padding-left:14rem}

.form_item .form_input.phone {max-width:100%}
.form_item .form_btn {justify-content:flex-start;width:calc(100% - 14rem);margin:1rem 0 0 0;padding-left:14rem}

.btn_wrap a {min-width:auto;padding:0 3rem;box-sizing:border-box}

.txt_box.account {padding:2rem 2rem 2rem 20rem}
.txt_box.account:before {left:2rem;width:15rem;height:9.1rem;margin-top:-4.05rem;background-size:15rem}

.txt_box.withdraw {padding:3rem 2rem 3rem 20rem}
.txt_box.withdraw:before {width:11.9rem;height:9rem;margin-top:-4.5rem;background-size:11.9rem}

.txt_box.print {padding:3rem 2rem 3rem 20rem}
.txt_box.print:before {width:11.9rem;height:9rem;margin-top:-4.5rem;background-size:9rem}

.txt_box.reset {padding:3rem 2rem 3rem 20rem}
.txt_box.reset:before {width:11.9rem;height:9rem;margin-top:-4.5rem;background-size:11.9rem}

.intro_service ul li a h3 {font-size:2rem}
.intro_service ul li.service4 a {padding:2.5rem 2rem}
.intro_service ul li.service4 a:before {right:2rem}
.intro_service ul li.service5 a {padding:2.5rem 2rem}
.intro_service ul li.service5 a:before {right:2rem}

.accordion_cont .agree_cont .private_wrap .private_div {width:100%}

.accordion_header {padding:1.5rem 2rem}

.content_wrap {padding:3rem}
   
.login_user_wrap h1 {font-size:2.8rem}

.user_login_service ul li {width:100%;margin:2rem 0 0 0}
.user_login_service ul li:nth-child(even) {margin:2rem 0 0 0}
.user_login_service ul li a {padding:2.1rem 1rem 1.5rem 1rem}
.user_login_service ul li a .service_icon {margin:2.5rem auto 0 !important}
.user_login_service ul li a .service_btn {margin:2.5rem auto 0 !important}

.fac_login_service ul li {width:100%;margin:2rem 0 0 0}
.fac_login_service ul li a {padding:2.1rem 1rem 1.5rem 1rem}
.fac_login_service ul li a .service_icon {margin:2.5rem auto 0 !important}
.fac_login_service ul li a .service_btn {margin:2.5rem auto 0 !important}

.login_ect_btn ul li {width:100%;margin:1rem 0 0 0}
.login_ect_btn ul.fac li {width:100%;margin:1rem 0 0 0}

}

@media (max-width:640px) {

.hd_wrap a {max-width:80%}

.content_wrap {padding:3rem 2rem}

.intro_top h1 {font-size:3rem}
.intro_top h2 {font-size:2rem}

/*
.form_item .form_input.tel{width:calc(25.5% - 2rem);max-width:100%}
*/

.cont_top {margin-bottom:2rem}
.cont_top h1 {font-size:2rem}

/*.accordion_header .accordion_btn {padding:2rem 4.5rem 2rem 2rem}
.accordion_header .accordion_btn:before {right:2rem}
.accordion_item.active .accordion_header .accordion_btn {padding:2rem 4.5rem 2rem 2rem}
.accordion_item.active .accordion_header .accordion_btn:before {right:2rem}
*/
.accordion_check .accordion_div {justify-content:flex-end;width:100%}
.accordion_check .accordion_div.lb_left {justify-content:flex-start;margin:0 0 2rem 0}
.accordion_check .accordion_div span {margin-left:0.2rem}
.agree_text {justify-content:flex-end;margin:1.5rem 0 0 0}

.finish_wrap h3 {font-size:2rem}

.txt_box.account {padding:2rem}
.txt_box.account:before {display:none}

.txt_box.withdraw {padding:2rem}
.txt_box.withdraw:before {display:none}

.txt_box.print {padding:2rem}
.txt_box.print:before {display:none}

.txt_box.reset {padding:2rem}
.txt_box.reset:before {display:none}

.certification_wrap {padding:2rem}
.input_wrap .input_item span {width:9rem}
.input_wrap .input_item input[type=text] {width:calc(100% - 9rem)}
.input_wrap .input_item input[type=text]::placeholder {font-size:1rem}
.input_wrap .input_item select {width:calc(100% - 9rem)}

.btn_wrap a {padding:0 2rem}
.btn_wrap .btn_next {height:4.5rem;line-height:4.5rem}
.btn_wrap .btn_cancel {height:4.5rem;line-height:4.5rem}
.btn_wrap .btn_confirm {height:4.5rem;line-height:4.5rem}
.btn_wrap .btn_again {height:4.5rem;line-height:4.5rem}
.btn_wrap .btn_print {height:4.5rem;line-height:4.5rem}
.btn_wrap .btn_main {height:4.5rem;line-height:4.5rem}
.btn_wrap .btn_check {height:4.5rem;line-height:4.5rem}
.btn_wrap .btn_certification1{height:4.5rem;line-height:4.5rem}
.btn_wrap .btn_certification2{height:4.5rem;line-height:4.5rem}
.btn_wrap .btn_back{height:4.5rem;line-height:4.5rem}
.btn_wrap .btn_withdraw{height:4.5rem;line-height:4.5rem}

.tbl_info thead tr th {font-size:1rem}
.tbl_info tbody tr td {font-size:1rem}
.tbl_info tbody tr td a.tbl_btn_print {min-width:4rem;font-size:1rem}
.tbl_info tbody tr td a.tbl_btn_pdf {min-width:4rem;font-size:1rem;margin:0.5rem 0 0 0}

#pop_search {width:90%}

.intro_service ul li.service4 {width:100%}
.intro_service ul li.service5 {width:100%}

.form_item .form_div {flex-wrap:wrap}
.form_item .form_tit {width:100%;margin-bottom:1rem}
.form_item .form_input {width:100%}
/*
.form_item .form_input.addr {margin-left:12rem}
*/
.form_item .form_check {width:100%}
.form_item select {width:100%}
.form_item textarea {width:100%}
.form_item .advice.type1 {width:100%;padding-left:0}
.form_item .form_btn {width:100%;padding-left:0}
.form_item .form_input.tel {width:8rem}

.pop_fac_list ul li .fac_select a {font-size:1rem !important;height:2rem;line-height:2rem;padding:0 .8rem}
}


@media (max-width:480px) {

html {font-size:50%}

/*
.form_item .form_input.tel{width:calc(24.5% - 2rem);max-width:100%}
*/

.btn_wrap .btn_next {height:4rem;line-height:4rem}
.btn_wrap .btn_cancel {height:4rem;line-height:4rem}
.btn_wrap .btn_confirm {height:4rem;line-height:4rem}
.btn_wrap .btn_again {height:4rem;line-height:4rem}
.btn_wrap .btn_print {height:4rem;line-height:4rem}
.btn_wrap .btn_main {height:4rem;line-height:4rem}
.btn_wrap .btn_check {height:4rem;line-height:4rem}
.btn_wrap .btn_certification1{height:4rem;padding:0 2rem;line-height:4rem}
.btn_wrap .btn_certification2{height:4rem;padding:0 2rem;line-height:4rem}
.btn_wrap .btn_back{height:4rem;padding:0 2rem;line-height:4rem}
.btn_wrap .btn_withdraw{height:4rem;padding:0 2rem;line-height:4rem}

.tbl_info tbody tr td a.tbl_btn_reset {font-size:1rem}

}

@media (max-width:360px) {

.accordion_cont .accordion_check label {align-items:flex-start}
.accordion_cont .accordion_check label span {line-height:1.4}

.btn_wrap a {padding:0 1.5rem}

.btn_wrap .btn_certification1 {padding:0 2rem}
.btn_wrap .btn_certification2 {padding:0 2rem}
.btn_wrap .btn_back {padding:0 2rem}
.btn_wrap .btn_withdraw {padding:0 2rem}

.join_list ul li label {width:100%}
.join_list ul li .join_date {width:100%;margin-top:1rem}

}

@media (max-height:800px) {

.popup_wrap {overflow-y:scroll}
.popup {top:2rem;transform:translate(-50%, 0);padding-bottom:2rem}

}