@charset "UTF-8"; 
@import url('./reset.css');

html.no-scroll, body.no-scroll{overflow: hidden;}
.no-scroll #wrap{overflow: hidden;}

.sect_inner{}

/* icon */
i.icon_box{display: inline-block;background-repeat: no-repeat;background-size: cover;background-position: center;}
.icon_link_arr{width: 16px;height: 16px;background-image: url('/img/icon/icon_link_arr_blue.svg');}
.icon_link_arr_black{width: 16px;height: 16px;background-image: url('/img/icon/icon_link_arr_black.svg');}
.icon_acc_arr{width: 30px;height: 30px;background-image: url('/img/icon/icon_acc_arr.svg');}

/* input */
.frm_wrap{}
.frm_box{}
.frm_box + .frm_box{margin-top: 20px;}

.frm_box .frm_label_box{}
.frm_box .frm_label_box label{display: inline-block;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);}
.frm_box .frm_label_box .label{display: inline-block;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);}

.frm_box.required .frm_label_box label{display: flex;align-items: center;flex-wrap: nowrap;gap: 4px;}
.frm_box.required .required_sta{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-red);}

.frm_box .frm_inp_box{}
.frm_box .frm_label_box + .frm_inp_box{margin-top: 10px;}

.frm_box .frm_inp_box input[type="text"],
.frm_box .frm_inp_box input[type="password"],
.frm_box .frm_inp_box input[type="tel"],
.frm_box .frm_inp_box input[type="number"],
.frm_box .frm_inp_box input[type="email"]{width: 100%;height: 54px;padding: 14px 16px;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-line);border-radius: 8px;box-sizing: border-box;}
.frm_box .frm_inp_box input[type="date"]{width: 100%;height: 54px;padding: 14px 16px;font-family: "Noto Sans KR", sans-serif;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-line);border-radius: 8px;box-sizing: border-box;}


.frm_box .frm_inp_box input[type="text"]::placeholder,
.frm_box .frm_inp_box input[type="password"]::placeholder,
.frm_box .frm_inp_box input[type="tel"]::placeholder,
.frm_box .frm_inp_box input[type="number"]::placeholder,
.frm_box .frm_inp_box input[type="email"]::placeholder{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray2);}
.frm_box .frm_inp_box input[type="date"]::placeholder{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray2);}


.frm_box .frm_inp_box input[type="text"]:read-only,
.frm_box .frm_inp_box input[type="password"]:read-only,
.frm_box .frm_inp_box input[type="tel"]:read-only,
.frm_box .frm_inp_box input[type="number"]:read-only,
.frm_box .frm_inp_box input[type="email"]:read-only{background-color: #eee;color: var(--color-gray2);cursor: not-allowed;}
.frm_box .frm_inp_box input[type="date"]::read-only{background-color: #eee;color: var(--color-gray2);cursor: not-allowed;}
.frm_box .frm_inp_box input[readonly="readonly"]{background-color: #eee;color: var(--color-gray2);cursor: not-allowed;}

.frm_box .frm_chk_box{line-height: 0;}
.frm_box .frm_chk_box input[type="checkbox"]{position: absolute !important;left: -9999px !important;top: -9999px !important;width: 0 !important;height: 0 !important;opacity: 0 !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;visibility: hidden !important;background: transparent !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important;border-radius: 0 !important;appearance: none !important;-webkit-appearance: none !important;}
.frm_box .frm_chk_box label{display: inline-block;padding-left: 36px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);position: relative;overflow: hidden;cursor: pointer;}
.frm_box .frm_chk_box label::before{content: '';display: block;width: 26px;height: 26px;background-color: var(--color-white);border: 1px solid var(--color-base);box-sizing: border-box;position: absolute;left: 0;top: 0;}
.frm_box .frm_chk_box label::after{content: '';display: block;width: 15px;height: 10px;opacity: 0;background-image: url('/img/common/checkbox_cheked.svg');background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;left: 5.5px;top: 8px;transition: opacity .15s;}
.frm_box .frm_chk_box input[type="checkbox"]:checked + label::after{opacity: 1;}


.frm_box .frm_flex_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 14px;}
.frm_box .frm_radio_box{line-height: 0;}
.frm_box .frm_label_box + .frm_radio_box{margin-top: 10px;}
.frm_box .frm_radio_box input[type="radio"]{position: absolute !important;left: -9999px !important;top: -9999px !important;width: 0 !important;height: 0 !important;opacity: 0 !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;visibility: hidden !important;background: transparent !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important;border-radius: 0 !important;appearance: none !important;-webkit-appearance: none !important;}
.frm_box .frm_radio_box label{display: inline-block;padding-left: 36px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);position: relative;overflow: hidden;cursor: pointer;}
.frm_box .frm_radio_box label::before{content: '';display: block;width: 26px;height: 26px;background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 50%;box-sizing: border-box;position: absolute;left: 0;top: 0;}
.frm_box .frm_radio_box label::after{content: '';display: block;width: 16px;height: 16px;opacity: 0;border-radius: 50%;background-color: var(--color-base);position: absolute;left: 5px;top: 5px;transition: opacity .15s;}
.frm_box .frm_radio_box input[type="radio"]:checked + label::after{opacity: 1;}

@media (max-width: 767px){
    .frm_box + .frm_box{margin-top: 12px;}

    .frm_box .frm_label_box label{font-size: var(--fs-16);line-height: var(--lh-24);}
    .frm_box .frm_label_box .label{font-size: var(--fs-16);line-height: var(--lh-24);}

    .frm_box .frm_label_box + .frm_inp_box{margin-top: 8px;}

    .frm_box .frm_inp_box input[type="text"],
    .frm_box .frm_inp_box input[type="password"],
    .frm_box .frm_inp_box input[type="tel"],
    .frm_box .frm_inp_box input[type="number"],
    .frm_box .frm_inp_box input[type="email"]{height: 50px;padding: 12px 10px;font-size: var(--fs-16);line-height: var(--lh-24);}

    .frm_box .frm_inp_box input[type="text"]::placeholder,
    .frm_box .frm_inp_box input[type="password"]::placeholder,
    .frm_box .frm_inp_box input[type="tel"]::placeholder,
    .frm_box .frm_inp_box input[type="number"]::placeholder,
    .frm_box .frm_inp_box input[type="email"]::placeholder{font-size: var(--fs-16);line-height: var(--lh-24);}


    .frm_box .frm_chk_box label{padding-left: 32px;font-size: var(--fs-14);line-height: var(--lh-22);}
    .frm_box .frm_chk_box label::before{width: 22px;height: 22px;background-color: var(--color-white);}
    .frm_box .frm_chk_box label::after{width: 14px;height: 9px;left: 4px;top: 6.5px;}
    
    .frm_box .frm_flex_box{gap: 10px;}
    .frm_box .frm_label_box + .frm_radio_box{margin-top: 8px;}
    .frm_box .frm_radio_box label{padding-left: 32px;font-size: var(--fs-14);line-height: var(--lh-22);}
    .frm_box .frm_radio_box label::before{width: 22px;height: 22px;}
    .frm_box .frm_radio_box label::after{width: 12px;height: 12px;}
}

/* layer popup */
.ly_pop{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 1000;width: 100%;height: 100%;display:none;background-color: rgba(0, 0, 0, .3);overflow: hidden;outline: 0;}
.ly_pop .ly_inner{display: flex;justify-content: center;align-items: center;width:auto;max-width:calc(100% - 40px);margin:0 auto;min-height: 100vh;padding:40px 0;pointer-events: none;}
.ly_pop .ly_wrap{width:100%;max-width:600px;max-height:100%;overflow:hidden;background-color: #fff;border-radius: 20px;pointer-events:visible;outline: 0;transform: translateY(30px);transition: transform .3s ease;}
.ly_pop.open .ly_wrap{transform: translateY(0);}

.ly_pop .ly_hd{display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 18px 26px 18px 20px;background-color: var(--color-blue);}
.ly_pop .ly_hd h5{flex: 1;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: #fff;}
.ly_pop .ly_hd .btn_lyClose{flex: 0 0 auto;background-color: transparent;border: 0;line-height: 0;}
.ly_pop .ly_hd .btn_lyClose .icon_ly_close{width: 34px;height: 34px;background-image: url('/img/icon/icon_ly_close.svg');}

.ly_pop .ly_bd{padding: 30px 20px;max-height: calc(100vh - (80px + 70px));overflow-y: auto;}
.ly_pop .ly_bd .bd_box{}
.ly_pop .ly_bd .ly_btns_box{padding-top: 40px;display: flex;align-items: center;justify-content: center;gap: 20px;flex-wrap: wrap;}
.ly_pop .ly_bd .ly_btns_box .btns{flex: 1;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 460px;height: 64px;margin: 0 auto;padding: 16px 18px 17px;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 60px;box-sizing: border-box;}
.ly_pop .ly_bd .ly_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);}

.ly_pop .ly_bd .alert_msg_box{}
.ly_pop .ly_bd .alert_msg_box .alert_msg_txt{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);text-align: center;}

.ly_pop.full .ly_inner{width:100%;height: 100%;}
.ly_pop.full .ly_wrap{max-width: 1140px;height: 100%;position: relative;padding-top: 70px;}
.ly_pop.full .ly_hd{position: absolute;left: 0;top: 0;right: 0;}
.ly_pop.full .ly_bd{position: absolute;left: 0;top: 70px;right: 0;bottom: 0;max-height: 100%;}

@media (max-width:800px){
	.ly_pop .ly_hd{padding: 10px 16px;}
	.ly_pop .ly_hd h5{font-size: var(--fs-18);line-height: var(--lh-30);}
	.ly_pop .ly_hd .btn_lyClose .icon_ly_close{width: 30px;height: 30px;}

	.ly_pop .ly_bd{padding: 25px 16px;max-height: calc(100vh - (160px + 50px));}
	.ly_pop .ly_bd .ly_btns_box{padding-top: 20px;}

	.ly_pop.full .ly_wrap{padding-top: 50px;}
	.ly_pop.full .ly_bd{top: 50px;}
}

@media (max-width: 767px){
    .ly_pop .ly_bd .alert_msg_box .alert_msg_txt{font-size: var(--fs-16);line-height: var(--lh-24);}

    .ly_pop .ly_bd .ly_btns_box{padding-top: 32px;flex-direction: column;gap: 12px;}
    .ly_pop .ly_bd .ly_btns_box .btns{max-width: 100%;height: 50px;padding: 12px 12px 14px;font-size: var(--fs-16);line-height: var(--lh-24);border-radius: 50px;}
    .ly_pop .ly_bd .ly_btns_box .btns .btns_name{font-size: var(--fs-16);line-height: var(--lh-24);}

}


/* popup */
.pg_popup{}
.pg_popup .popup_inner{}
.pg_popup .popup_wrap{width:100%;max-width:950px;margin: 0 auto;background-color: #fff;outline: 0;}

.pg_popup .popup_hd{display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 18px 26px 18px 20px;background-color: var(--color-blue);}
.pg_popup .popup_hd h5{flex: 1;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: #fff;}
.pg_popup .popup_hd .btn_popClose{flex: 0 0 auto;background-color: transparent;border: 0;line-height: 0;}
.pg_popup .popup_hd .btn_popClose .icon_popup_close{width: 34px;height: 34px;background-image: url('/img/icon/icon_ly_close.svg');}

.pg_popup .popup_bd{padding: 30px 20px;}
.pg_popup .popup_bd .bd_box{}
.pg_popup .popup_bd .popup_btns_box{padding-top: 40px;display: flex;align-items: center;justify-content: center;gap: 20px;flex-wrap: wrap;}
.pg_popup .popup_bd .popup_btns_box .btns{flex: 1;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 460px;height: 64px;margin: 0 auto;padding: 16px 18px 17px;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 60px;box-sizing: border-box;}
.pg_popup .popup_bd .popup_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);}

.pg_popup .popup_bd .alert_msg_box{}
.pg_popup .popup_bd .alert_msg_box .alert_msg_txt{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);text-align: center;}

@media (max-width:800px){
	.pg_popup .popup_hd{padding: 10px 16px;}
	.pg_popup .popup_hd h5{font-size: var(--fs-18);line-height: var(--lh-30);}
	.pg_popup .popup_hd .btn_popClose .icon_popup_close{width: 30px;height: 30px;}

	.pg_popup .popup_bd{padding: 25px 16px;}
	.pg_popup .popup_bd .popup_btns_box{padding-top: 20px;}
}

@media (max-width: 767px){
    .pg_popup .ly_bd .alert_msg_box .alert_msg_txt{font-size: var(--fs-16);line-height: var(--lh-24);}

    .pg_popup .popup_bd .popup_btns_box{padding-top: 32px;flex-direction: column;gap: 12px;}
    .pg_popup .popup_bd .popup_btns_box .btns{max-width: 100%;height: 50px;padding: 12px 12px 14px;font-size: var(--fs-16);line-height: var(--lh-24);border-radius: 50px;}
    .pg_popup .popup_bd .popup_btns_box .btns .btns_name{font-size: var(--fs-16);line-height: var(--lh-24);}
}

/* error */
.error_body{margin:0;padding:0;font-family:Arial,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;background-color:#f9f9f9}
.error-container{max-width:600px;width:90%;padding:20px;box-sizing:border-box;border-radius:10px;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.error-logo img{max-width:60%;width:100%;height:auto;margin-bottom:20px}
.error-title{font-size:8em;color:#333;margin-bottom:10px;font-weight:700;line-height: 1;}
.error-sub-title{font-size: 2em;color: #666;margin-bottom: 10px;font-weight: 500;line-height: 1;}
.error-message{font-size:1.4em;color:#666;margin-bottom:20px;margin-top:3rem;line-height:1.4}
.error-button{display:inline-block;padding:1rem 2rem;font-size:1em;color:#fff;background-color:#333;text-decoration:none;border-radius:50px;min-width:50%}
.error-button:hover{background-color:#555}
.error_body #logo{position: absolute;top: 10%;left: 50%;transform: translateX(-50%);}
.error_body #logo > a{display: block;width: 20vw;min-width:200px;}
.error_body #logo > a > img{width: 100%;}

@media (max-width: 480px) {
    .error-container {padding: 15px;}
    .error-title {font-size: 4em;}
    .error-sub-title{font-size: 1.3em;}
    .error-message {font-size: 0.9em;margin-top: 1.5rem;}
    .error-button {padding: 8px 16px;font-size: 0.9em;}
}

/* 약관 */
.termsLy .terms_box{}
.termsLy .terms_box .desc_box{}
.termsLy .terms_box .desc_box + .desc_box{margin-top: 20px;}
.termsLy .terms_box .desc_box .desc_tit_box{}
.termsLy .terms_box .desc_box .desc_tit{font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-base);}
.termsLy .terms_box .desc_box .desc_txt_list{}
.termsLy .terms_box .desc_box .desc_tit_box + .desc_txt_list{margin-top: 10px;}
.termsLy .terms_box .desc_box .desc_txt_item{}
.termsLy .terms_box .desc_box .desc_txt_item + .desc_txt_item{margin-top: 10px;}
.termsLy .terms_box .desc_box .desc_txt_item .desc_txt_tit{font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-base);}
.termsLy .terms_box .desc_box .desc_txt_item .desc_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-base);}

.termsLy .terms_box .desc_box .desc_txt_item ol{padding-left: 10px;}
.termsLy .terms_box .desc_box .desc_txt_item ol li{}
.termsLy .terms_box .desc_box .desc_txt_item ol li + li{margin-top: 5px;}
.termsLy .terms_box .desc_tbl{width: 100%;margin-top: 10px;table-layout: auto;border-collapse: collapse;background-color: var(--color-white);}
.termsLy .terms_box .desc_tbl th,
.termsLy .terms_box .desc_tbl td{padding: 10px 5px;font-size: var(--fs-12);line-height: var(--lh-16);color: var(--color-base);border: 1px solid #d6d6d6;text-align: center;vertical-align: middle;}
.termsLy .terms_box .desc_tbl th{font-weight: 700;}
.termsLy .terms_box .desc_tbl td .red{color: var(--color-red);}

/* 다중 레이어팝업 */
.multi_ly_wrap{position:fixed;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius: 8px;overflow: hidden;z-index:1000}
.multi_ly_hd{padding:10px;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}
.multi_ly_hd h5{font-size: var(--fs-16);margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-weight:400;color:var(--color-base);word-break:break-all;width:calc(100% - 30px)}
.multi_ly_close{background:0 0;border:none;cursor:pointer;font-size:16px;width:30px;height:30px;background-image:url(/img/icon/close_btn_black.svg);background-size:30px}
.multi_ly_close img{width:100%;}
.multi_ly_bd{padding:15px}
.multi_ly_ft{padding:10px;text-align:right;border-top:1px solid #ddd;display: flex;justify-content: space-between;}
.multi_ly_ft button{border: solid 1px #ccc;border-radius: 4px;padding: 10px;margin: 10px;cursor: pointer;width: auto;overflow: visible;color: inherit;font-size: inherit;vertical-align: middle;background: transparent;outline: none;}

@media (max-width: 1100px){

}

@media (max-width: 600px){
    .multi_ly_wrap{width:94%!important;left:3%!important;top:10%!important;}
    .multi_ly_wrap .multi_ly_bd{max-height: 60vh;overflow-y: auto;}
}