/* header */
.pc_none {display: none;}
#header{position: fixed;left: 0;top: 0;width: 100%;z-index: 2000;transition:.3s;border-bottom: 1px solid #ddd;background: #fff;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 90px;width: 1480px;}
#header h1{position: relative;z-index: 20;}
#header h1 a{display: block;width: 154px;height: 38px;background: url(../images/main/main_logo01.png);background-size: cover;transition:.3s;}
#header .btn_box{display: flex;align-items: center;gap:20px;}
#header .navi_btn{display: none;}
#header .btn_box a{position: relative; font-size: 15px;color: #fff;transition: .3s;font-weight: 500;z-index: 200;}
    .red_dot {
        display: none;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 10px;
        height: 10px;
        background-color: #ff0000 !important;
        border-radius: 50%;
        border: 2px solid #fff;
        z-index: 10;
    }

    /* active 클래스가 추가되면 빨간 점 노출 */
    #header_cart_btn.active .red_dot {
        display: block !important;
    }


/* gnb */
.menu_box{position: absolute;display: flex; left: 0;width: 100%;top: 0;align-items: center;justify-content: center;}
.gnb{display: flex;}
.gnb > li{position: relative;}
.gnb > li > a{ display: block;line-height: 90px;text-align: center;font-size: 18px;transition: .3s;font-weight: 700;color: #000;padding: 0 22px;}
.gnb > li > a span{display: inline-block;transition: .2s;}
.gnb > li:hover > a{color: var(--ma_c01);}
/* 캐럿(하위메뉴 있는 항목만) - CSS 삼각형 */
.gnb > li.has_sub > a span:after{content:'';display: inline-block;width: 6px;height: 6px;margin-left: 7px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(-45deg);opacity: .55;transition: .2s;vertical-align: middle;}
.gnb > li.has_sub:hover > a span:after{transform: rotate(45deg) translateY(-2px);opacity: 1;}
.gnb_wrap{position: relative;}
/* 항목별 하위 카드 */
.gnb > li > .sub_menu{display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);margin: 0;padding-top: 0;z-index: 100;}
.gnb > li > .sub_menu .sub_inner{background: #fff;border-radius: 14px;box-shadow: 0 18px 40px rgba(0,0,0,.12);padding: 10px;min-width: 170px;animation: gnbDrop .2s ease;}
.gnb > li > .sub_menu a{display: block;text-align: center;padding: 11px 16px;border-radius: 10px;color: #555;font-weight: 500;white-space: nowrap;transition: .2s;}
.gnb > li > .sub_menu a:hover{color: var(--ma_c01);background: rgba(0,191,246,.10);}

@keyframes gnbDrop {
    from{opacity: 0;transform: translateY(8px);}
    to{opacity: 1;transform: translateY(0);}
}


/* 네비게이션 */
#navigation{display: none;}

/* visual_wrap */
#visual_wrap{margin-top: 90px;}
#visual_wrap .inner{width: 100%;padding: 0;}
#visual_wrap .slide_box{position: relative;}
#visual_wrap .visual_arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1001;display: flex;align-items: center;justify-content: center;width: 54px;height: 54px;border-radius: 50%;background: rgba(0,0,0,.25);color: #fff;font-size: 26px;line-height: 1;cursor: pointer;transition: .3s;}
#visual_wrap .visual_arrow:hover{background: rgba(0,0,0,.5);}
#visual_wrap .visual_arrow.prev{left: 30px;}
#visual_wrap .visual_arrow.next{right: 30px;}
#visual_wrap .visual_arrow.swiper-button-disabled{opacity: 0;pointer-events: none;}
#visual_wrap ul li{position: relative; width: 100%;height: calc(100vh - 90px);border-radius: 0;overflow: hidden;}
#visual_wrap ul li > img{width: 100%;height: 100%;object-fit: cover;transition: 1s;}
#visual_wrap ul li.swiper-slide-active > img{transform: scale(1.03);}
#visual_wrap ul li .txt_box{position: absolute;left: 0%;top: 15%;opacity: 0;transition: .8s;}
#visual_wrap ul li.swiper-slide-active .txt_box{left: 9%;opacity: 1;}
#visual_wrap ul li .txt_box .txt01{font-size: 60px;font-family: 'Taenada';}
#visual_wrap ul li .txt_box .txt01 .c01{color: #0479cc;}
#visual_wrap ul li .txt_box .txt01 .c02{color: #61dcff;}
#visual_wrap ul li .txt_box .txt02{font-size: 75px;line-height: 1.2;margin: 10px 0 25px;font-family: 'Taenada';}
#visual_wrap ul li .txt_box .txt02 .c01{color: #00afff;}
#visual_wrap ul li .txt_box .txt02 .c02{color: #005c9d;}
#visual_wrap ul li .txt_box .txt02 .c03{color: #00bff6;}
#visual_wrap ul li .txt_box .txt03{color: #363636;font-size: 28px;margin-bottom: 40px;}
#visual_wrap ul li .txt_box a{display: flex;padding: 0 45px;align-items: center;height: 70px;font-size: 35px;border-radius: 70px;color: #fff;font-family: 'Taenada';background: #0d498c;border: 1px solid #000;width: fit-content;}
#visual_wrap ul li .txt_box a span{position: relative;top: 5px;}
#visual_wrap .visual_items{position: absolute;display: flex; left: 9%;bottom: 12%;z-index: 1000;align-items: center;gap:10px;}
#visual_wrap .visual_items .visual_num{display: flex;gap:8px;align-items: center;}
#visual_wrap .visual_items .visual_num span{font-size: 20px;font-weight: 800;}
#visual_wrap .visual_items .visual_num em{position: relative; display: block;width: 110px;height: 3px;background: rgba(0,0,0,.5);}
#visual_wrap .visual_items .visual_num em:after{content:'';position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #000;}
#visual_wrap .visual_items .btn_box{position: relative;}
#visual_wrap .visual_items .btn_box div{cursor: pointer;}
#visual_wrap .visual_items .btn_box .play{display: none;}
#visual_wrap .visual_items .btn_box img{width: 12px;}
#visual_wrap .swiper-slide-active .visual_num em:after{animation: visAni01 5s linear forwards;}

@keyframes visAni01 {
    0%{width: 0;}
    100%{width: 100%;}
}

@media screen and (max-width:1200px) {
#visual_wrap ul li .txt_box .txt01{font-size: 50px;font-family: 'Taenada';}
#visual_wrap ul li .txt_box .txt02{font-size: 65px;line-height: 1.2;margin: 10px 0 25px;font-family: 'Taenada';}
#visual_wrap ul li .txt_box .txt03{color: #363636;font-size: 25px;margin-bottom: 40px;}
}

/* 공통 */
.main_tit{display: flex;justify-content: space-between;margin-bottom: 60px;}
.tit_st01{font-size: 60px;font-family: 'Taenada';}
.tit_st02{font-size: 60px;font-family: 'Taenada';text-align: center;margin-bottom: 70px;}
.tit_st02 span{color: #00bff6;}

a.btn_st01,
button.btn_st01{display: flex;align-items: center;justify-content: center;padding: 0 20px;height: 40px;border-radius: 40px; color: #fff;background: #000;font-size: 16px;font-weight: 700;width: fit-content;transition: .3s;}
a.btn_st01:hover,
button.btn_st01:hover{transform: scale(1.1);}
a.btn_st01.white,
button.btn_st01.white{background: #fff;border: 1px solid #000;color: #000;}
a.btn_st01.blue,
button.btn_st01.blue{background: #072e59;}

a.btn_st01.big,
button.btn_st01.big{padding: 0 30px;margin: 0 auto;}


ul.list_st01{display: flex;gap:50px;flex-wrap:wrap;}
ul.list_st01 li{width: calc((100% - 100px)/3);}
ul.list_st01 li a{position: relative; display: block;border-radius: 20px;background: #fff;border: 1px solid #ddd;transition: .4s;padding: 60px 40px;max-height: 430px;height: auto;}
ul.list_st01 li a:hover{transform: translateY(-10px);}
ul.list_st01 li a:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 20px;border: 2px solid #0479cc;opacity: 0;transition: .4s;box-sizing: border-box;}
ul.list_st01 li a:hover:after{opacity: 1;}
ul.list_st01 li a .box01 strong{font-size: 18px;color: #00bff6;}
ul.list_st01 li a .box01 p{font-size: 26px;font-weight: 700;margin: 15px 0;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
ul.list_st01 li a .box01 span{font-size: 16px;font-weight: 500;color: #757575;}
ul.list_st01 li a .box02{display: flex; margin: 45px 0 35px;align-items: flex-end;gap:6px;}
ul.list_st01 li a .box02 strong{font-size: 40px;}
ul.list_st01 li a .box02 p{font-size: 16px;font-weight: 500;}
ul.list_st01 li a .box03{display: flex;align-items: center;gap:25px;}
ul.list_st01 li a .box03 .ico_box{width: 100px;height: 100px;border-radius: 20px;overflow: hidden;}
ul.list_st01 li a .box03 .ico_box img{width: 100%;height: 100%;object-fit: cover;}
ul.list_st01 li a .box03 .txt_box{width: calc(100% - 125px);}
ul.list_st01 li a .box03 .txt_box .txt01{font-size: 16px;font-weight: 700;margin-bottom: 10px;}
ul.list_st01 li a .box03 .txt_box .txt02{display: flex;gap:8px;flex-wrap:wrap;align-items: center;}
ul.list_st01 li a .box03 .txt_box .txt02 p{padding: 0 5px;line-height: 23px;border: 1px solid #757575;border-radius: 5px;font-size: 16px;font-weight: 500;color: #757575;}
ul.list_st01 li a .box03 .txt_box .txt02 span{color: #757575;}

@media screen and (max-width:1200px) {
ul.list_st01{display: flex;gap:20px;}
ul.list_st01 li{width: calc((100% - 40px)/3);}
ul.list_st01 li a{position: relative; display: block;border-radius: 20px;background: #fff;border: 1px solid #ddd;transition: .4s;padding: 50px 30px;max-height: 380px;}
ul.list_st01 li a:hover{transform: translateY(-10px);}
ul.list_st01 li a:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 20px;border: 2px solid #0479cc;opacity: 0;transition: .4s;}
ul.list_st01 li a:hover:after{opacity: 1;}
ul.list_st01 li a .box01 strong{font-size: 16px;color: #00bff6;}
ul.list_st01 li a .box01 p{font-size: 24px;font-weight: 700;margin: 15px 0;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
ul.list_st01 li a .box01 span{font-size: 14px;font-weight: 500;color: #757575;}
ul.list_st01 li a .box02{display: flex; margin: 45px 0 35px;align-items: flex-end;gap:6px;}
ul.list_st01 li a .box02 strong{font-size: 35px;}
ul.list_st01 li a .box02 p{font-size: 14px;font-weight: 500;}
ul.list_st01 li a .box03{display: flex;align-items: center;gap:15px;}
ul.list_st01 li a .box03 .ico_box{width: 80px;height: 80px;border-radius: 20px;overflow: hidden;}
ul.list_st01 li a .box03 .ico_box img{width: 100%;height: 100%;object-fit: cover;}
ul.list_st01 li a .box03 .txt_box{width: calc(100% - 95px);}
ul.list_st01 li a .box03 .txt_box .txt01{font-size: 14px;font-weight: 700;margin-bottom: 10px;}
ul.list_st01 li a .box03 .txt_box .txt02{display: flex;gap:8px;flex-wrap:wrap;align-items: center;}
ul.list_st01 li a .box03 .txt_box .txt02 p{padding: 0 5px;line-height: 23px;border: 1px solid #757575;border-radius: 5px;font-size: 14px;font-weight: 500;color: #757575;}
ul.list_st01 li a .box03 .txt_box .txt02 span{color: #757575;font-size: 14px;}    
}


.main_bg_box{padding: 140px 0 115px;background: url(../images/main/sec02_bg01.png) no-repeat top center;}

/* section01 */
#section01{padding: 140px 0 120px;}

/* section02 */
#section02{margin-bottom: 150px;}
#section02 ul{display: flex;gap:40px;}
#section02 ul li{width: calc((100% - 120px)/4);}
#section02 ul li a{display: block;position: relative; height: 250px;padding: 45px 35px;background: #fff;border-radius: 20px;box-shadow: 1px 1px 15px 0px rgba(0,0,0,0);transition: .4s;}
#section02 ul li a:hover{box-shadow: 1px 1px 15px 0px rgba(0,0,0,.1);}
#section02 ul li a strong{display: block;padding: 0 9px;border-radius: 5px;line-height: 26px;margin-bottom: 17px;background: #d4ecfb;font-size: 18px;color: #005c9d;width: fit-content;}
#section02 ul li a strong.notice{background: #f1f1f1;color: #000;}
#section02 ul li a p{font-size: 22px;font-weight: 700;line-height: 32px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section02 ul li a span{position: absolute;left: 35px;bottom: 35px;font-size: 16px;font-weight: 500;color: #757575;}

@media screen and (max-width:1200px) {
#section02 ul{display: flex;gap:20px;}
#section02 ul li{width: calc((100% - 60px)/4);} 
}

/* section03 */
#section03 ul{display: flex;gap:20px;justify-content: center;flex-wrap:wrap;margin-bottom: 70px;}
#section03 ul li{padding: 0 53px;line-height: 70px;font-size: 26px;font-weight: 500;color: #0d498c;background: #e5f7ff;}
#section03 ul li.bl{border-radius: 30px 30px 30px 0px;}
#section03 ul li.tr{border-radius: 30px 0px 30px 30px;}
#section03 ul li.br{border-radius: 30px 30px 0px 30px;}
#section03 ul li.tl{border-radius: 0px 30px 30px 30px;}
#section03 ul li.blue01{background: #0d498c;color: #fff;}
#section03 ul li.blue02{background: #61dcff;color: #fff;}
#section03 ul li.blue03{background: #00afff;color: #fff;}
#section03 a.btn_st01{margin: 0 auto;}

/* section04 */
#section04{padding: 90px 0 70px;background:#88cff8;height: 400px;overflow: hidden;}
#section04 .inner{position: relative;}
#section04 .txt{position: relative;z-index: 10;}
#section04 p{position: relative; font-size: 60px;font-family: 'Taenada';z-index: 10;}
#section04 p strong{position: relative;color: #0d498c;z-index: 10;}
#section04 span{position: relative;display: block; font-size: 26px;font-weight: 500;margin: 30px 0 90px;z-index: 10;}
#section04 a{position: relative;z-index: 10;}
#section04 img{position: absolute;right: 20px;bottom: -65px;}

/* footer */
#footer{padding: 50px 0;background: #fff;border-top: 1px solid #ddd;}
#footer .inner{display: flex; width: 1480px;align-items: flex-start;justify-content: space-between;gap:40px;}
#footer .left_box{flex:1;}
#footer .left_box ul{display: flex;gap:28px;padding-bottom: 22px;border-bottom: 1px solid #eee;margin-bottom: 22px;}
#footer .left_box ul li a{font-size: 16px;font-weight: 600;color: #333;transition: .2s;}
#footer .left_box ul li a#btnPrivacy{color: #0046ff;}
#footer .left_box ul li a:hover{color: #0046ff;}
#footer .left_box address{font-style: normal;font-size: 16px;font-weight: 500;color: #757575;margin-bottom: 16px;line-height: 24px;}
#footer .left_box address span{padding: 0 7px;}
#footer .left_box .copy{font-size: 14px;color: #757575;opacity: .7;}
#footer .right_box{display: flex;gap:10px;flex-shrink:0;}
#footer .right_box li a{display: block;width: 48px;height: 48px;border-radius: 50%;background: url(../images/main/footer_sns01_on.png);transition: .3s;background-size: cover;}
#footer .right_box li a:hover{background: url(../images/main/footer_sns01_on.png);background-size: cover;}
#footer .right_box li:nth-child(2) a{background: url(../images/main/footer_sns02_on.png);background-size: cover;}
#footer .right_box li:nth-child(2) a:hover{background: url(../images/main/footer_sns02_on.png);background-size: cover;}
#footer .right_box li:nth-child(3) a{background: url(../images/main/footer_sns03_on.png);background-size: cover;}
#footer .right_box li:nth-child(3) a:hover{background: url(../images/main/footer_sns03_on.png);background-size: cover;}



/* ---------------------------------------------- sub ----------------------------------------------*/
/* 공통 */
.sub_wrap{margin-top: 90px;}
.sub_wrap .sub_inner{padding: 0 20px;}

.sub_wrap02{margin-top: 90px;padding: 130px 0;}
.sub_wrap03{padding-bottom: 130px;}

.sub_wrap_detail{padding: 100px 0;}

/* 제목 */
.sub_tit{margin-bottom: 40px;text-align: center;}
.sub_tit h3{font-size: 26px;}
.sub_tit p{font-size: 14px;font-weight: 500;color: #454545;margin-top: 10px;}

.sub_tit02{margin-bottom: 60px;text-align: center;}
.sub_tit02 span{display: block;font-size: 22px;font-weight: 600;color: var(--ma_c01);}
.sub_tit02 p{font-size: 40px;font-weight: 500;margin:25px 0;}
.sub_tit02 h3{font-size: 45px;}

.sub_tit03{margin-bottom: 130px;}
.sub_tit03 h3{font-size: 60px;font-family: var(--font_01);text-align: center;}
.sub_tit03 h3 span{color: var(--ma_c01);}
.sub_tit03 p{font-size: 28px;font-weight: 500;text-align: center;margin-top: 25px;}

.sub_tit04 h3{margin:25px 0;}
.sub_tit04 p{margin: 0;font-size: 20px;font-weight: 500;}


/* 검색 */
.search_box{position: relative;display: flex; width: 600px;margin: 0 auto 65px;}
.search_box input{width: calc(100% - 55px);padding:0 25px;border-radius: 12px 0 0 12px;border: 2px solid #1b6da7;border-right: 0;font-weight: 500;height: 54px;}
.search_box input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
.search_box input::placeholder{color: #797979;}
.search_box input:focus{outline: none;}
.search_box button{position: relative; width: 55px;padding-left: 12px;border-radius: 0 12px 12px 0;border: 2px solid #1b6da7;border-left: 0 ;text-align: left;height: 54px;}
.search_box button:after{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background: #e8e8e8;}


/* 페이징 */
ul.paging{display: flex;justify-content: center;align-items: center;margin-top: 75px;}
ul.paging li a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;font-size: 16px;font-weight: 700;color: #000;}
ul.paging li.on a{background: #000;color: #fff;}

/* 버튼스타일 */
.sub_btn.sub_btn_p{padding: 0 15px;}
.sub_btn.f_btn{display: flex;gap:10px;margin-top: 20px;}
.sub_btn.f_btn button,
.sub_btn.f_btn a{width: calc((100% - 10px)/2);}
.sub_btn button,
.sub_btn a{display: flex;align-items: center;justify-content: center; width: 100%;height: 56px;border-radius: 10px;border: 2px solid #005c9d;font-size: 18px;font-weight: 700;color: #fff;background: #005c9d;}
.sub_btn button.white,
.sub_btn a.white{background: #fff;color: #005c9d;}
.sub_btn button.gray,
.sub_btn a.gray{background: #efefef;color: #797979;border: 2px solid #efefef;}


/* form스타일 */
form.form_st01 ul li:not(:last-child){margin-bottom: 30px;}
form.form_st01 ul li.f_box{display: flex;align-items: center;justify-content: space-between;}
form.form_st01 ul li input[type="checkbox"]{display: none;}
form.form_st01 ul li input[type="checkbox"] + label{position: relative; padding-left: 30px;}
form.form_st01 ul li input[type="checkbox"] + label:after{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;border-radius: 50%;background: url(/asset/images/sub/agree_ico01.png);background-size: cover;transition: .2s;}
form.form_st01 ul li input[type="checkbox"]:checked + label:after{background: url(/asset/images/sub/agree_ico02.png);}
form.form_st01 ul li input[type="checkbox"] + label span{color: #797979;}
form.form_st01 ul li input[type="checkbox"] + label strong{font-size: 18px;}
form.form_st01 ul li .c_wrap{display: flex; margin-top: 25px;gap:60px;padding-left: 20px;}
form.form_st01 ul li button{display: flex;align-items: center;gap:6px;color: #005c9d;}
form.form_st01 .sub_btn.sub_btn_p{margin-top: 60px;}

form.info_form ul li{display: flex;align-items: center;gap:10px;margin-bottom: 20px;}
form.info_form ul li:has(> button){align-items: flex-start;}
form.info_form ul li.mb_b{margin-bottom: 43px;}
form.info_form ul li:last-child{margin-bottom: 0;}
form.info_form ul li .left_box{display: flex; width: calc(100% - 100px);align-items: center;}
form.info_form ul li .left_box p{font-size: 16px;font-weight: 700;width: 100px;}
form.info_form ul li .left_box p span{position: relative;}
form.info_form ul li .left_box p span:after{content:'';position: absolute;right: -9px;top: -1px;width: 4px;height: 4px;border-radius: 50%;background: #f12c3f;}
form.info_form ul li .left_box input{height: 46px;width: calc(100% - 100px);border: 1px solid #aeaeae;border-radius: 8px;padding: 0 15px;font-weight: 500;}
form.info_form ul li .left_box input:focus{outline: none;border: 1px solid #072e59;}
form.info_form ul li .left_box input:read-only{background: #f5f6f6;color: #999;}
form.info_form ul li .left_box select{height: 46px;width: calc(100% - 100px);border: 1px solid #aeaeae;border-radius: 8px;padding: 0 15px;font-weight: 500;background: url(../images/sub/login_ico01.png) no-repeat right 20px center #fff; appearance: none;}
form.info_form ul li .left_box select:focus{outline: none;border: 1px solid #072e59;}
form.info_form ul li .left_box input.input_err,
form.info_form ul li .left_box select.input_err{border-color: #f12c3f;}
form.info_form ul li .left_box input.input_err:focus,
form.info_form ul li .left_box select.input_err:focus{border-color: #f12c3f;}
form.info_form ul li .left_box .i_box{position: relative;width: calc(100% - 100px);}
form.info_form ul li .left_box .i_box input{width: 100%;}
form.info_form ul li .left_box .i_box span{position: absolute;bottom: -22px;left: 0;font-size: 14px;font-weight: 500;color: #f12c3f;}
form.info_form ul li .left_box + button{width: 90px;border-radius: 8px;border: 1px solid #0d498c;font-weight: 700;height: 46px;color: #0d498c;}

/* 이메일 - 로컬 + @ + 도메인 + 커스텀 드롭다운 */
form.info_form ul li .left_box .email_field{display: flex;align-items: center;gap:8px;width: calc(100% - 100px);}
form.info_form ul li .left_box .email_field input{flex:1;min-width: 0;width: auto;}
form.info_form ul li .left_box .email_field input:read-only{background: #fff;color: #333;cursor: default;}
form.info_form ul li .left_box .email_field .email_at{flex-shrink: 0;font-weight: 600;color: #555;}
form.info_form ul li .left_box .email_field input.input_err{border-color: #f12c3f;}
form.info_form ul li .left_box .email_field .custom_select{position: relative;flex-shrink: 0;width: 140px;}
form.info_form ul li .left_box .email_field .cs_trigger{position: relative;width: 100%;height: 46px;border: 1px solid #aeaeae;border-radius: 8px;padding: 0 34px 0 15px;font-weight: 500;color: #333;background: #fff;text-align: left;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
form.info_form ul li .left_box .email_field .cs_trigger:focus{outline: none;border-color: #072e59;}
form.info_form ul li .left_box .email_field .cs_trigger::after{content: '';position: absolute;right: 16px;top: 50%;width: 7px;height: 7px;border-right: 2px solid #555;border-bottom: 2px solid #555;transform: translateY(-65%) rotate(45deg);transition: transform .2s;}
form.info_form ul li .left_box .email_field .custom_select.is-open .cs_trigger{border-color: #072e59;}
form.info_form ul li .left_box .email_field .custom_select.is-open .cs_trigger::after{transform: translateY(-35%) rotate(-135deg);}
form.info_form ul li .left_box .email_field .cs_list{position: absolute;top: calc(100% + 6px);left: 0;width: 100%;background: #fff;border: 1px solid #aeaeae;border-radius: 10px;padding: 6px;box-shadow: 0 6px 18px rgba(0,0,0,.08);z-index: 10;display: none;}
form.info_form ul li .left_box .email_field .custom_select.is-open .cs_list{display: block;}
form.info_form ul li .left_box .email_field .cs_option{height: 40px;display: flex;align-items: center;padding: 0 12px;border-radius: 8px;font-weight: 500;font-size: 15px;cursor: pointer;transition: background .15s;}
form.info_form ul li .left_box .email_field .cs_option:hover,
form.info_form ul li .left_box .email_field .cs_option.is-selected{background: #072e59;color: #fff;}

form.info_form .sub_btn.sub_btn_p{margin-top: 70px;padding: 0 65px;}

form.info_form ul.list02{margin-top: 35px;padding-top: 45px;border-top: 1px solid #ddd;}
form.info_form ul.list02 .gap_none{gap:0;}
form.info_form ul.list02 .gap_none .left_box{width: auto;}
form.info_form ul.list02 .gap_none .f_box{display: flex; width: calc(100% - 100px);align-items: center;gap:10px;}
form.info_form ul.list02 .gap_none .f_box input{display: none;}
form.info_form ul.list02 .gap_none .f_box label{display: flex; padding: 0 10px;height: 26px;border: 1px solid #464646;border-radius: 8px;font-size: 14px;font-weight: 500;color: #464646;line-height: 26px;align-items: center;gap:5px;cursor: pointer;}
form.info_form ul.list02 .gap_none .f_box .txt_box{display: flex;align-items: center;gap:5px;}
form.info_form ul.list02 .left_box button{padding: 0 10px;height: 26px;border: 1px solid #464646;border-radius: 8px;font-size: 14px;font-weight: 500;color: #464646;}
form.info_form .hide_wrap{display: none; margin-top: 20px;padding: 0;}
form.info_form .hide_wrap .hide_box{padding: 20px 0;background: none;border-radius: 0;border-top: 1px solid #ddd;}
form.info_form .hide_wrap .hide_box:last-child{border-bottom: 1px solid #ddd;}
form.info_form .hide_wrap .hide_box .left_box{width: 100%;}
form.info_form .hide_wrap .hide_box button{display: block; margin-left: auto;padding: 0 18px;margin-top: 10px; line-height: 32px;border-radius: 8px;background: #fff;border: 1px solid #aeaeae;font-size: 15px;font-weight: 700;color: #797979;}

/* 팝업 */
.pop_wrap{display: none; position: fixed;z-index: 2000;background: rgba(0,0,0,.7);width: 100%;height: 100vh;top: 0;left: 0;}
.pop_wrap .pop_box{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 520px;max-width: 90%;background: #fff;padding: 40px 30px;border-radius: 30px;}
.pop_wrap .pop_box .tit_box{position: relative;display: flex;align-items: center;justify-content: space-between;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.pop_wrap .pop_box .tit_box::after{content:'';position: absolute;left: 0;bottom: -1px;height: 2px;width: var(--scroll-progress, 0%);background: #005c9d;transition: width .1s linear;}
.pop_wrap .pop_box .tit_box h4{font-size: 22px;}
.pop_wrap .pop_box .tit_box button{font-size: 22px;font-weight: 700;}
.pop_wrap .pop_box .con_box{overflow-y: scroll;height: 420px;padding-right: 10px;margin-bottom: 0;font-size: 14px;line-height: 1.5;}
.pop_wrap .pop_box .con_box::-webkit-scrollbar {width: 4px;}
.pop_wrap .pop_box .con_box::-webkit-scrollbar-thumb{background: #ddd;border-radius: 10px;}
.pop_wrap .pop_box .con_box::-webkit-scrollbar-track {background: #fff;}
.pop_wrap .pop_box .con_box .txt_box:not(:last-child){margin-bottom: 15px;}
.pop_wrap .pop_box .con_box .txt_box strong{display: block;margin-bottom: 5px;}
.pop_wrap .pop_box .con_box .txt_box p strong{display: inline-block;}
.pop_wrap .pop_box .con_box .txt_box ol{list-style: none;padding-left: 0;}
.pop_wrap .pop_box .con_box .txt_box ol li{list-style: none;}
.pop_wrap .pop_box .con_box .txt_box ul{list-style: none;padding-left: 12px;}
.pop_wrap .pop_box .con_box .txt_box ul li{list-style: none;}
.pop_wrap .pop_box .con_box .txt_box table{width: 100%;border-collapse: collapse;margin: 6px 0 4px;font-size: 13px;}
.pop_wrap .pop_box .con_box .txt_box th,
.pop_wrap .pop_box .con_box .txt_box td{border: 1px solid #ddd;padding: 6px 8px;text-align: left;vertical-align: top;}
.pop_wrap .pop_box .con_box .txt_box th{background: #f5f7fa;font-weight: 700;}

/* 진행상황 */
.step_box{display: flex;gap:85px;justify-content: center;margin-bottom: 55px;}
.step_box li{display: flex;align-items: center;justify-content: center;flex-direction: column;gap:10px;}
.step_box li span{position: relative;display: block; width: 25px;height: 25px;border-radius: 50%;line-height: 29px;text-align: center; font-size: 13px;color: #a9c4db;font-family: 'Taenada';background: #e5f7ff;}
.step_box li:not(:last-child) span:after{content:'';position: absolute;left: 100%;top: 50%;transform: translateY(-50%);width: 125px;height: 1px;background: #e5f7ff;}
.step_box li.on span{background: #0d498c;color: #fff;}

/* 서브 버튼 스타일 */
.sub_btn_box01{display: flex;gap:10px;justify-content: center;}
.sub_btn_box01 a,
.sub_btn_box01 button{display: flex;width: 200px;height: 50px;align-items: center;justify-content: center;border-radius: 12px;border: 1px solid #000;font-weight: 700;}
.sub_btn_box01 a.blue,
.sub_btn_box01 button.blue{background: var(--ma_c04);border: 1px solid var(--ma_c04);color: #fff;}

/* 게시판 */
.board_box .top_box{display: flex;align-items: center;justify-content: space-between;padding: 0 20px;margin-bottom: 15px;}
.board_box .top_box p{font-weight: 700;color: #666;}
.board_box .top_box p span{color: #000;}
.board_box .top_box .btn_box{display: flex;gap:15px;}
.board_box .top_box .btn_box button{display: flex;align-items: center;gap:3px;color: #888;}
.board_box .top_box .btn_box button.on{color: #000;}
.board_box .top_box .btn_box button img{opacity: .6;}
.board_box .top_box .btn_box button.on img{opacity: 1;}

.board_box table{width: 100%;table-layout: fixed;border-top:2px solid #000;}
.board_box table th{height: 65px;border-bottom: 1px solid #e8e8e8;text-align: center;background: #f7f7f7;font-weight: 700;}
.board_box table td{padding: 22px 0;text-align: center;font-size: 18px;font-weight: 500;border-bottom: 1px solid #e8e8e8;}
.board_box table td:last-child{color: #666;}
.board_box table td.blue{color: var(--ma_c04);}
.board_box table td a{display: block;font-size: 20px;font-weight: 700;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;text-align: left;padding: 0 10px;}


/* 서브 현재 경로 */
#contents .navi_wrap{display: flex;align-items: center;gap:5px;margin-bottom: 20px;}
#contents .navi_wrap li{font-size: 18px;font-weight: 600;color: #797979;}
#contents .navi_wrap li:last-child{color: #000;}

/* 서브 비주얼 */
.sub_visual{display: flex; height: 400px;align-items: center;justify-content: center;background: url(/asset/images/sub/sub_visual01.jpg) right center;}
.sub_visual .sub_tit02{margin-bottom: 0;}

/* 서브메뉴 */
.sub_menu{margin: 50px 0 110px;}
.sub_menu ul{display: flex;gap:80px;}
.sub_menu ul li a{display: block; padding-bottom: 15px;font-size: 22px;color: #797979;font-weight: 800;}
.sub_menu ul li.on a{color: var(--ma_c04);border-bottom: 3px solid var(--ma_c04);}


/* login_wrap */
#login_wrap{background: url(../images/sub/login_bg01.jpg);}
#login_wrap .sub_inner{display: flex;min-height: calc(100vh - 90px);align-items: center;justify-content: center;height: 100%;padding: 40px 20px;}
#login_wrap .login_box{width: 460px;max-width: 100%;padding: 90px 60px 105px;border-radius: 30px;background: #fff;}
#login_wrap .login_box h3{font-size: 22px;text-align: center;margin-bottom: 45px;}
#login_wrap .login_box .login_greet{display: none;}
#login_wrap .login_box ul li.ipt_item i{display: none;}
#login_wrap .login_box ul{display: flex;flex-direction: column;gap:10px;}
#login_wrap .login_box ul.gap_l{gap:20px;}
#login_wrap .login_box ul li input[type="text"],
#login_wrap .login_box ul li input[type="password"]{width: 100%;height: 56px;border: 1px solid #aeaeae;padding: 0 20px;font-weight: 500;border-radius: 10px;}
#login_wrap .login_box ul li input[type="text"]::placeholder,
#login_wrap .login_box ul li input[type="password"]::placeholder{color: #757575;}
#login_wrap .login_box ul li input[type="text"]:focus,
#login_wrap .login_box ul li input[type="password"]:focus{border: 1px solid #072e59;outline: none;}
#login_wrap .login_box ul li .a_box{display: flex;align-items: center;justify-content: flex-end;gap:3px;margin-bottom: 13px;}
#login_wrap .login_box ul li .a_box label.auto_login{display: inline-flex;align-items: center;gap: 6px;cursor: pointer;}
#login_wrap .login_box ul li .a_box label.auto_login input[type="checkbox"]{width: 16px;height: 16px;margin: 0;flex-shrink: 0;cursor: pointer;}
#login_wrap .login_box ul li .a_box label.auto_login span{font-size: 13px;color: #666;line-height: 1;margin-top: 0;}
#login_wrap .login_box ul li .a_box a{font-size: 14px;font-weight: 500;}
#login_wrap .login_box ul li select{width: 100%;height: 56px;border: 1px solid #aeaeae;padding: 0 20px;font-weight: 500;border-radius: 10px;background: url(../images/sub/login_ico01.png) no-repeat right 20px center; appearance: none;}
#login_wrap .login_box ul li select:focus{border: 1px solid #072e59;outline: none;}
/* 회원유형 - 커스텀 드롭다운 */
#login_wrap .login_box ul li .custom_select{position: relative;}
#login_wrap .login_box ul li .cs_trigger{width: 100%;height: 56px;border: 1px solid #aeaeae;padding: 0 20px;font-weight: 500;border-radius: 10px;background: #fff;text-align: left;cursor: pointer;display: flex;align-items: center;}
#login_wrap .login_box ul li .cs_trigger:focus{outline: none;}
#login_wrap .login_box ul li .cs_trigger::after{content: '';position: absolute;right: 22px;top: 50%;width: 8px;height: 8px;border-right: 2px solid #555;border-bottom: 2px solid #555;transform: translateY(-65%) rotate(-45deg);transition: transform .2s;}
#login_wrap .login_box ul li .custom_select.is-open .cs_trigger{border-color: #072e59;}
#login_wrap .login_box ul li .custom_select.is-open .cs_trigger::after{transform: translateY(-50%) rotate(45deg);}
#login_wrap .login_box ul li .cs_list{position: absolute;top: calc(100% + 6px);left: 0;width: 100%;background: #fff;border: 1px solid #aeaeae;border-radius: 10px;padding: 6px;box-shadow: 0 6px 18px rgba(0,0,0,.08);z-index: 10;display: none;}
#login_wrap .login_box ul li .custom_select.is-open .cs_list{display: block;}
#login_wrap .login_box ul li .cs_option{height: 44px;display: flex;align-items: center;padding: 0 14px;border-radius: 8px;font-weight: 500;cursor: pointer;transition: background .15s;}
#login_wrap .login_box ul li .cs_option:hover,
#login_wrap .login_box ul li .cs_option.is-selected{background: #072e59;color: #fff;}
#login_wrap .login_box ul li p{position: relative; width: fit-content;font-size: 16px;font-weight: 700;margin-bottom: 10px;}
#login_wrap .login_box ul li p:after{content:'';position: absolute;right: -9px;top: -1px;width: 4px;height: 4px;border-radius: 50%;background: #f12c3f;}
#login_wrap .login_box ul li input + span{display: block; font-size: 14px;font-weight: 500;color: #f12c3f;margin-top: 10px;}
#login_wrap .login_box ul li .guide_msg{display: block; font-size: 14px;font-weight: 500;color: #757575;margin-top: 10px;}
/* 비밀번호 찾기 - 입력 검증 에러 */
#login_wrap .login_box ul li input.input_error{border-color: #f12c3f;}
#login_wrap .login_box ul li .error_msg{display: block;font-size: 14px;font-weight: 500;color: #f12c3f;margin-top: 10px;}


/* signup_wrap */
#signup_wrap{padding: 140px 0 170px;}
#signup_wrap ul{display: flex;gap:40px;width: 860px;max-width: 100%;margin: 0 auto;}
#signup_wrap ul li{width: calc((100% - 80px)/3);}
#signup_wrap ul li a{display: block;position: relative;border-radius: 10px;overflow: hidden;aspect-ratio: 13/14;}
#signup_wrap ul li a img{width: 100%;height: 100%;object-fit: cover;transition: .3s;}
#signup_wrap ul li a:hover img{transform: scale(1.05);}
#signup_wrap ul li a p{position: absolute;bottom: 30px;left: 0;width: 100%;text-align: center;font-size: 20px;font-weight: 700;color: #fff;}
#signup_wrap ul li a .type_txt span,
#signup_wrap ul li a > i{display: none;}
#signup_wrap .login_link{margin-top: 40px;text-align: center;}
#signup_wrap .login_link p{font-size: 15px;color: #797979;margin-bottom: 14px;}
#signup_wrap .login_link a{display: inline-flex;align-items: center;justify-content: center;min-width: 220px;height: 50px;padding: 0 40px;border: 1.5px solid #2D67FF;border-radius: 12px;background: #fff;color: #2D67FF;font-size: 15px;font-weight: 700;}


/* agree_wrap */
#agree_wrap{padding: 70px 0;}
#agree_wrap .agree_box{width: 440px;max-width: 100%;margin: 0 auto;}
#agree_wrap .agree_box .sub_tit{margin-bottom: 50px;}
#agree_wrap .agree_box .sub_tit h3{margin-bottom: 20px;}


/* agree_wrap */
#info_wrap{padding: 70px 0;}
#info_wrap .info_box{width: 540px;max-width: 100%;margin: 0 auto;}
#info_wrap .info_box .sub_tit{margin-bottom: 50px;}
#info_wrap .info_box .sub_tit h3{margin-bottom: 20px;}


/* result_wrap */
#result_wrap{padding: 70px 0;}
#result_wrap .con_box{display: flex;gap:8px;align-items: center;justify-content: center;width: 360px;height: 220px;max-width: 100%;border-radius: 30px;background: #f9fafc;margin: 0 auto;}
#result_wrap .con_box p{font-size: 24px;line-height: 32px;font-family: 'Taenada';}
#result_wrap .con_box p .blue01{color: #0b5d9b;}
#result_wrap .con_box p .blue02{color: #1eb1fc;}
#result_wrap .sub_btn{margin-top: 60px;}
#result_wrap .sub_btn a{width: 200px;margin:0 auto;}


/* data_wrap_cate */
#data_wrap_cate .con01{margin-bottom: 130px;}
#data_wrap_cate .con01 ul{display: flex;justify-content: space-between;}
#data_wrap_cate .con01 ul a{display: flex;flex-direction: column;align-items: center;}
#data_wrap_cate .con01 ul a .ico_box{position: relative;}
#data_wrap_cate .con01 ul a .ico_box:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 15px;border: 3px solid var(--ma_c03);box-sizing: border-box;opacity: 0;transition: .2s;}
#data_wrap_cate .con01 ul a.on .ico_box:after,
#data_wrap_cate .con01 ul a:hover .ico_box:after{opacity: 1;}
#data_wrap_cate .con01 ul a p{margin-top: 12px;text-align: center;font-size: 18px;font-weight: 500;transition: .2s;}
#data_wrap_cate .con01 ul a:hover p,
#data_wrap_cate .con01 ul a.on p{color: #005c9d;}
#data_wrap_cate .con02 h4{font-size: 35px;font-weight: 800;margin-bottom: 30px;text-align: center;}
#data_wrap_cate .con03 .btn_box{display: flex;justify-content: flex-end;gap:15px;margin-bottom: 25px;}
#data_wrap_cate .con03 .btn_box button{display: flex;gap:3px;align-items: center;padding-bottom: 4px;border: 1px solid transparent;transition: .2s;}
#data_wrap_cate .con03 .btn_box button.on{border-bottom: 2px solid #000;}


@media screen and (max-width:1150px) {
#data_wrap_cate .con01 ul a .ico_box img{width: 80px;}
#data_wrap_cate .con01 ul a p{font-size: 15px;}
}

/* data_wrap_detail */
#data_wrap_detail .con{padding: 55px 50px;border-bottom: 1px solid #e8e8e8;}
#data_wrap_detail .con:nth-child(2){border-top: 2px solid #000;}
#data_wrap_detail p.tit{font-size: 25px;font-weight: 800;margin-bottom: 30px;}
#data_wrap_detail p.tit span{font-size: 16px;font-weight: 500;padding-left: 5px;}
#data_wrap_detail p.tit span.red{color: #f23838;}
#data_wrap_detail .txt_list span{display: block;font-weight: 500;line-height: 1.5;color: #333;}
#data_wrap_detail .con01 .box01{display: flex;align-items: center;gap:25px;margin-bottom: 45px;}
#data_wrap_detail .con01 .box01 .ico_box{width: 100px;height: 100px;border-radius: 15px;overflow: hidden;}
#data_wrap_detail .con01 .box01 .ico_box img{width: 100%;height: 100%;object-fit: cover;}
#data_wrap_detail .con01 .box01 .txt{width: calc(100% - 125px);}
#data_wrap_detail .con01 .box01 .txt span{font-size: 22px;font-weight: 600;color: var(--ma_c01);}
#data_wrap_detail .con01 .box01 .txt p{font-size: 35px;font-weight: 800;margin-top: 20px;}
#data_wrap_detail .con01 .box02{display: flex;align-items: center;gap:30px;margin-bottom: 40px;}
#data_wrap_detail .con01 .box02 ul{width: calc(100% - 350px);}
#data_wrap_detail .con01 .box02 ul li{display: flex;margin-bottom: 20px;}
#data_wrap_detail .con01 .box02 ul li:last-child{margin-bottom: 0;align-items: center;}
#data_wrap_detail .con01 .box02 ul li span{position: relative; display: block;top: 4px; width: 95px;font-size: 18px;font-weight: 500;color: #757575;}
#data_wrap_detail .con01 .box02 ul li:last-child span{top: 1px;}
#data_wrap_detail .con01 .box02 ul li p{font-size: 18px;font-weight: 600;width: calc(100% - 95px);line-height: 1.5;}
#data_wrap_detail .con01 .box02 ul li:last-child p{font-size: 30px;font-weight: 700;}
#data_wrap_detail .con01 .box02 .img_box{width: 320px;border: 1px solid #e8e8e8;overflow: hidden;}
#data_wrap_detail .con01 .box02 .img_box img{width: 100%;height: 100%;object-fit: cover;}

#data_wrap_detail .con02 .s_box{width: 100%;overflow-x: scroll;max-width: 100%;height: max-content;padding-bottom: 10px;margin-bottom: 40px;cursor: grab;user-select: none;}
#data_wrap_detail .con02 .s_box::-webkit-scrollbar {height: 8px;}
#data_wrap_detail .con02 .s_box::-webkit-scrollbar-thumb{height: 30%;background: #e8e8e8;border-radius: 10px;}
#data_wrap_detail .con02 .s_box::-webkit-scrollbar-track {background: #fff;}
#data_wrap_detail .con02 .s_box table{border: 1px solid #e8e8e8;width: max-content;min-width: 100%;}
#data_wrap_detail .con02 .s_box table th{padding: 0 30px;height: 40px;border: 1px solid #e8e8e8;font-weight: 600;background: #f7f7f7;text-align: center;}
#data_wrap_detail .con02 .s_box table td{padding: 0 30px;height: 40px;border: 1px solid #e8e8e8;text-align: center;font-size: 14px;}
#data_wrap_detail .con02 .txt p{font-size: 20px;font-weight: 700;margin-bottom: 15px;}

#data_wrap_detail .con03{padding-bottom: 100px;margin-bottom: 65px;}
#data_wrap_detail .con03 .tit{margin-bottom: 25px;}
#data_wrap_detail .con03 .box02{display: flex;align-items: flex-start;gap:20px;margin-top: 35px;}
#data_wrap_detail .con03 .box02 .left_box{width: calc(100% - 710px);}
#data_wrap_detail .con03 .box02 .left_box form{padding: 23px;border-radius: 4px;background: #f7f7f7;margin-bottom: 30px;}
#data_wrap_detail .con03 .box02 .left_box form p{font-size: 20px;font-weight: 700;margin-bottom: 10px;}
#data_wrap_detail .con03 .box02 .left_box form ul{margin-bottom: 10px;}
#data_wrap_detail .con03 .box02 .left_box form ul li{display: flex;align-items: center;margin-bottom: 5px;}
#data_wrap_detail .con03 .box02 .left_box form ul li:last-child{margin-bottom: 0;}
#data_wrap_detail .con03 .box02 .left_box form ul li span{display: block;width: 80px;font-size: 15px;font-weight: 500;}
#data_wrap_detail .con03 .box02 .left_box form ul li select{width: calc(100% - 80px);height: 32px;border: 1px solid #e8e8e8;padding: 0 15px;font-size: 14px;appearance: none;background: url(/asset/images/sub/data_d_ico01.png) no-repeat center right 15px #fff;background-size: 9px auto;}
#data_wrap_detail .con03 .box02 .left_box form ul li select:focus{outline: none;border: 1px solid #000;}
#data_wrap_detail .con03 .box02 .left_box form button{display: block; width: 160px;height: 42px;background: #000;color: #fff;font-size: 15px;font-weight: 700;border-radius: 12px;margin-left: auto;}
#data_wrap_detail .con03 .box02 .left_box .m_box{margin-bottom: 25px;}
#data_wrap_detail .con03 .box02 .left_box .m_box .txt01{font-size: 20px;font-weight: 700;margin-bottom: 25px;}
#data_wrap_detail .con03 .box02 .left_box .m_box .txt02{display: flex;align-items: flex-end;justify-content: space-between;}
#data_wrap_detail .con03 .box02 .left_box .m_box .txt02 span{font-weight: 500;color: #757575;}
#data_wrap_detail .con03 .box02 .left_box .m_box .txt02 p{font-size: 18px;font-weight: 500;}
#data_wrap_detail .con03 .box02 .left_box .m_box .txt02 p strong{font-size: 30px;}
#data_wrap_detail .con03 .box02 .left_box .sub_btn_box01 button,
#data_wrap_detail .con03 .box02 .left_box .sub_btn_box01 a{width: calc((100% - 10px)/2);}

#data_wrap_detail .con03 .box02 .right_box{width: 690px;padding: 25px;border: 1px solid #e8e8e8;overflow: scroll;height: 415px;}
#data_wrap_detail .con03 .box02 .right_box::-webkit-scrollbar {height: 8px;width: 8px;}
#data_wrap_detail .con03 .box02 .right_box::-webkit-scrollbar-thumb{height: 30%;background: #e8e8e8;border-radius: 10px;}
#data_wrap_detail .con03 .box02 .right_box::-webkit-scrollbar-track {background: #fff;}
#data_wrap_detail .con03 .box02 .right_box .tit{margin-bottom: 25px;font-size: 20px;}
#data_wrap_detail .con03 .box02 .right_box table{border: 1px solid #e8e8e8;width: max-content;min-width: 100%;}
#data_wrap_detail .con03 .box02 .right_box table th{border: 1px solid #e8e8e8;background: #eefafd;text-align: center;font-size: 14px;height: 40px;padding: 0 20px;}
#data_wrap_detail .con03 .box02 .right_box table tr:nth-child(1) th{font-size: 16px;}
#data_wrap_detail .con03 .box02 .right_box table td{border: 1px solid #e8e8e8;text-align: center;font-size: 14px;height: 40px;padding: 0 20px;}

@media screen and (max-width:1200px) {
#data_wrap_detail .con03 .box02 .left_box{width: calc(100% - (60% - 20px));}
#data_wrap_detail .con03 .box02 .right_box{width: 60%;}
}

/* 게시판 상세 */
#tidings_detail .detail_box .tit_box{padding: 65px 50px 50px;border-top: 2px solid #000;border-bottom: 1px solid #000;}
#tidings_detail .detail_box .tit_box p{font-size: 22px;font-weight: 600;color: var(--ma_c01);}
#tidings_detail .detail_box .tit_box strong{display: block;margin: 15px 0 20px;font-size: 35px;line-height: 1.4;font-weight: 800;}
#tidings_detail .detail_box .tit_box span{color: #757575;font-size: 18px;font-weight: 500;}
#tidings_detail .detail_box .txt_box{padding: 65px 50px;border-bottom: 1px solid #e8e8e8;font-size: 18px;font-weight: 600;line-height: 36px;color: #333;}
#tidings_detail .detail_btn{display: flex;gap:35px;align-items: center;justify-content: center;margin-top: 70px;}
#tidings_detail .detail_btn .btn{display: flex;align-items: center;font-weight: 700;}
#tidings_detail .detail_btn .btn i{font-size: 20px;}
#tidings_detail .detail_btn .btn_st01{margin: 0;}


/* 문의하기 */
#apply_wrap form{width: 830px;margin: 0 auto;max-width: 100%;padding: 55px 50px 50px;border-radius: 20px;background: #fafafa;}
#apply_wrap form .tit{font-size: 25px;font-weight: 800;text-align: center;margin-bottom: 55px;}
#apply_wrap form ul{display: flex;gap:35px 45px;flex-wrap: wrap;}
#apply_wrap form ul li{width: calc((100% - 45px)/2);}
#apply_wrap form ul li p{position: relative; width: fit-content;font-weight: 700;margin-bottom: 10px;}
#apply_wrap form ul li p:after{content:'';position: absolute;right: -7px;top: -4px;width: 4px;height: 4px;border-radius: 50%;background: #f12c3f;}
#apply_wrap form ul li select{width: 100%;height: 56px;border: 1px solid #aeaeae;border-radius: 10px;color: #333;padding: 0 20px;font-weight: 500;background: url(/asset/images/sub/apply_ico01.png) no-repeat center right 20px #fff;appearance: none;}
#apply_wrap form ul li select:focus{border: 1px solid #072e59;outline:none;}
#apply_wrap form ul li input{width: 100%;height: 56px;border: 1px solid #aeaeae;border-radius: 10px;color: #333;padding: 0 20px;font-weight: 500;}
#apply_wrap form ul li input:focus{border: 1px solid #072e59;outline:none;}
#apply_wrap form ul li input::placeholder{color: #757575;}
#apply_wrap form ul li:last-child{width: 100%;}
#apply_wrap form ul li textarea{width: 100%;border: 1px solid #aeaeae;border-radius: 10px;color: #333;padding: 20px;font-weight: 500;height: 160px;}
#apply_wrap form ul li textarea::placeholder{color: #757575;}
#apply_wrap form button{display: block; width: 210px;height: 56px;border-radius: 10px;background: var(--ma_c04);font-weight: 700;color: #fff;margin: 40px auto 0;}


/* introduce 우정샵 소개 */
#introduce_wrap .con01{display: flex; margin-bottom: 65px;align-items: center;}
#introduce_wrap .con01 .txt{width: calc(100% - 480px);}
#introduce_wrap .con01 .txt p{font-size: 35px;color: #0f65c4;font-family: var(--font_01);line-height: 50px;margin-bottom: 10px;}
#introduce_wrap .con01 .txt span{font-size: 20px;font-weight: 500;line-height: 32px;}
#introduce_wrap .con01 .txt strong{display: block;margin-top: 10px;font-size: 20px;}
#introduce_wrap .con01 .img{width: 480px;}
#introduce_wrap .con01 .img img{width: 100%;}

#introduce_wrap .con02{display: flex; margin-bottom: 120px;align-items: center;gap:80px;}
#introduce_wrap .con02 .img{width: 385px;}
#introduce_wrap .con02 .img img{width: 100%;}
#introduce_wrap .con02 .txt{width: calc(100% - 465px);}
#introduce_wrap .con02 .txt .tit{font-size: 25px;font-weight: 800;line-height: 40px;}
#introduce_wrap .con02 .txt ul{margin: 25px 0;padding-left: 10px;}
#introduce_wrap .con02 .txt ul li{display: flex;align-items: center;gap:15px;margin-bottom: 15px;}
#introduce_wrap .con02 .txt ul li:last-child{margin-bottom: 0;}
#introduce_wrap .con02 .txt ul li span{display: block;width: 24px;height: 24px;border-radius: 2px;background: #61dcff;}
#introduce_wrap .con02 .txt ul li:nth-child(2) span{background: #38a3ef;}
#introduce_wrap .con02 .txt ul li:nth-child(3) span{background: #1064c4;}
#introduce_wrap .con02 .txt ul li:nth-child(4) span{background: #05406b;}
#introduce_wrap .con02 .txt ul li p{font-size: 20px;font-weight: 700;}
#introduce_wrap .con02 .txt .s_txt{font-size: 20px;font-weight: 500;line-height: 32px;color: #454545;}

#introduce_wrap .con03{margin-bottom: 110px;}
#introduce_wrap .con03 .tit{font-size: 35px;line-height: 50px;color: #05406b;margin-bottom: 50px;font-family:var(--font_01);}
#introduce_wrap .con03 .tit span{color: #0f65c4;}
#introduce_wrap .con03 .img_box{margin-bottom: 50px;}
#introduce_wrap .con03 .img_box img{width: 100%;}
#introduce_wrap .con03 ul{padding-left: 110px;}
#introduce_wrap .con03 ul li{display: flex;gap:10px;margin-bottom: 30px;}
#introduce_wrap .con03 ul li:last-child{margin-bottom: 0;}
#introduce_wrap .con03 ul li p{font-size: 20px;color: #fff;font-family: var(--font_01);width: 32px;height: 32px;border-radius: 50%;background: #78d4f0;text-align: center;line-height: 37px;}
#introduce_wrap .con03 ul li:nth-child(2) p{background: #62bcfc;}
#introduce_wrap .con03 ul li:nth-child(3) p{background: #2a80a3;}
#introduce_wrap .con03 ul li:nth-child(4) p{background: #1064c4;}
#introduce_wrap .con03 ul li:nth-child(5) p{background: #59b2d1;}
#introduce_wrap .con03 ul li .txt{position: relative;top: 7px;}
#introduce_wrap .con03 ul li .txt strong{display: block;font-size: 24px;font-family:var(--font_01);margin-bottom: 7px;}
#introduce_wrap .con03 ul li .txt span{font-size: 18px;font-weight: 500;line-height: 26px;}

#introduce_wrap .con_list:not(:last-child){margin-bottom: 110px;}
#introduce_wrap .con_list .tit{font-size: 40px;text-align: center;margin-bottom: 45px;font-family:var(--font_01);color: #00bff6;}
#introduce_wrap .con_list.con05 .tit{color: #2ba1f5;}
#introduce_wrap .con_list.con06 .tit{color: #1064c4;}
#introduce_wrap .con_list ul{display: flex;flex-wrap: wrap;gap:50px;}
#introduce_wrap .con_list ul li{position: relative;display: flex;gap:10px; width: calc((100% - 100px)/3);height: 250px;border: 1px solid #e8e8e8;border-radius: 20px;padding: 40px 30px;flex-direction: column;justify-content: end;}
#introduce_wrap .con_list.con05 ul li{background: #fafafa;border: 1px solid #fafafa;}
#introduce_wrap .con_list ul li .ico{position: absolute;top: 40px;right: 40px;}
#introduce_wrap .con_list ul li p{font-size: 24px;font-weight: 700;}
#introduce_wrap .con_list ul li span{font-size: 17px;font-weight: 500;line-height: 24px;}
#introduce_wrap .con_list a{display: block;width: 200px;height: 50px;border-radius: 10px;font-size: 18px;font-weight: 700;color: #fff;margin: 60px auto 0; line-height: 50px;text-align: center;background: #00bff6;}
#introduce_wrap .con_list.con05 a{background: #229cf3;}
#introduce_wrap .con_list.con06 a{background: #1064c4;}

@media screen and (max-width:1200px) {
#introduce_wrap .con01{display: flex; margin-bottom: 65px;align-items: center;}
#introduce_wrap .con01 .txt{width: calc(100% - 400px);}
#introduce_wrap .con01 .txt p{font-size: 30px;color: #0f65c4;font-family: var(--font_01);line-height: 50px;margin-bottom: 10px;}
#introduce_wrap .con01 .txt span{font-size: 17px;font-weight: 500;line-height: 32px;}
#introduce_wrap .con01 .txt strong{display: block;margin-top: 10px;font-size: 17px;}
#introduce_wrap .con01 .img{width: 400px;}
#introduce_wrap .con01 .img img{width: 100%;}

#introduce_wrap .con02{display: flex; margin-bottom: 120px;align-items: center;gap:50px;}
#introduce_wrap .con02 .img{width: 330px;}
#introduce_wrap .con02 .img img{width: 100%;}
#introduce_wrap .con02 .txt{width: calc(100% - 380px);}
#introduce_wrap .con02 .txt .tit{font-size: 22px;font-weight: 800;line-height: 40px;}
#introduce_wrap .con02 .txt ul{margin: 25px 0;padding-left: 10px;}
#introduce_wrap .con02 .txt ul li{display: flex;align-items: center;gap:15px;margin-bottom: 15px;}
#introduce_wrap .con02 .txt ul li:last-child{margin-bottom: 0;}
#introduce_wrap .con02 .txt ul li span{display: block;width: 24px;height: 24px;border-radius: 2px;background: #61dcff;}
#introduce_wrap .con02 .txt ul li:nth-child(2) span{background: #38a3ef;}
#introduce_wrap .con02 .txt ul li:nth-child(3) span{background: #1064c4;}
#introduce_wrap .con02 .txt ul li:nth-child(4) span{background: #05406b;}
#introduce_wrap .con02 .txt ul li p{font-size: 20px;font-weight: 700;}
#introduce_wrap .con02 .txt .s_txt{font-size: 20px;font-weight: 500;line-height: 32px;color: #454545;}

#introduce_wrap .con03{margin-bottom: 110px;}
#introduce_wrap .con03 .tit{font-size: 30px;line-height: 50px;color: #05406b;margin-bottom: 50px;font-family:var(--font_01);}
#introduce_wrap .con03 .tit span{color: #0f65c4;}
#introduce_wrap .con03 .img_box{margin-bottom: 50px;}
#introduce_wrap .con03 .img_box img{width: 100%;}
#introduce_wrap .con03 ul{padding-left: 110px;}
#introduce_wrap .con03 ul li{display: flex;gap:10px;margin-bottom: 30px;}
#introduce_wrap .con03 ul li:last-child{margin-bottom: 0;}
#introduce_wrap .con03 ul li p{font-size: 20px;color: #fff;font-family: var(--font_01);width: 32px;height: 32px;border-radius: 50%;background: #78d4f0;text-align: center;line-height: 37px;}
#introduce_wrap .con03 ul li:nth-child(2) p{background: #62bcfc;}
#introduce_wrap .con03 ul li:nth-child(3) p{background: #2a80a3;}
#introduce_wrap .con03 ul li:nth-child(4) p{background: #1064c4;}
#introduce_wrap .con03 ul li:nth-child(5) p{background: #59b2d1;}
#introduce_wrap .con03 ul li .txt{position: relative;top: 7px;}
#introduce_wrap .con03 ul li .txt strong{display: block;font-size: 24px;font-family:var(--font_01);margin-bottom: 7px;}
#introduce_wrap .con03 ul li .txt span{font-size: 18px;font-weight: 500;line-height: 26px;}

#introduce_wrap .con_list:not(:last-child){margin-bottom: 110px;}
#introduce_wrap .con_list .tit{font-size: 40px;text-align: center;margin-bottom: 45px;font-family:var(--font_01);color: #00bff6;}
#introduce_wrap .con_list.con05 .tit{color: #2ba1f5;}
#introduce_wrap .con_list.con06 .tit{color: #1064c4;}
#introduce_wrap .con_list ul{display: flex;flex-wrap: wrap;gap:20px;}
#introduce_wrap .con_list ul li{position: relative;display: flex;gap:10px; width: calc((100% - 40px)/3);height: 250px;border: 1px solid #e8e8e8;border-radius: 20px;padding: 35px 25px;flex-direction: column;justify-content: end;}
#introduce_wrap .con_list.con05 ul li{background: #fafafa;border: 1px solid #fafafa;}
#introduce_wrap .con_list ul li .ico{position: absolute;top: 35px;right: 25px;transform: scale(.8);}
#introduce_wrap .con_list ul li p{font-size: 22px;font-weight: 700;}
#introduce_wrap .con_list ul li span{font-size: 15px;font-weight: 500;line-height: 24px;}
#introduce_wrap .con_list a{display: block;width: 200px;height: 50px;border-radius: 10px;font-size: 18px;font-weight: 700;color: #fff;margin: 60px auto 0; line-height: 50px;text-align: center;background: #00bff6;}
#introduce_wrap .con_list.con05 a{background: #229cf3;}
#introduce_wrap .con_list.con06 a{background: #1064c4;}
}

/* faq 자주묻는 질문 */
#faq_wrap{word-break: keep-all; }
#faq_wrap .con_box ul{border-top: 1px solid #e8e8e8;}
#faq_wrap .con_box ul li{padding: 40px 55px 40px 0;border-bottom: 1px solid #e8e8e8;}
#faq_wrap .con_box ul li .txt01{display: flex;}
#faq_wrap .con_box ul li .txt01 > p{position: relative;top: 4px; width: 135px;text-align: center;font-size: 18px;color: #3ccaf7;font-weight: 700;padding: 0 10px;line-height: 1.5;}
#faq_wrap .con_box ul li .txt01 button{ display: flex; width: calc(100% - 135px);align-items: flex-start;justify-content: space-between;}
#faq_wrap .con_box ul li .txt01 button span{display: block;font-weight: 700;font-size: 25px;width: calc(100% - 100px);text-align: left;line-height: 1.5;}
#faq_wrap .con_box ul li .txt01 button img{position: relative;top: 14px; transform: rotate(180deg);transition: .3s;}
#faq_wrap .con_box ul li.active .txt01 button img{transform: rotate(0deg);}
#faq_wrap .con_box ul li .txt02{display: none; margin-top: 30px;padding-left: 135px;font-size: 18px;font-weight: 500;line-height: 1.5;}


/* usage 이용방법 */
#usage_wrap .con{padding: 60px 0;border-radius: 20px;border: 1px solid #e8e8e8;margin-bottom: 70px;}
#usage_wrap .con:last-child{margin-bottom: 0;}
#usage_wrap .con .tit{font-size: 40px;color: #2ba1f5;font-family: var(--font_01);margin-bottom: 50px;text-align: center;}
#usage_wrap .con02 .tit{color: #1189ef;}
#usage_wrap .con03 .tit{color: #1064c4;}
#usage_wrap .con .f_box{display: flex;gap:140px;align-items: flex-start;justify-content: center;margin-bottom: 55px;}
#usage_wrap .con03 .f_box{margin-bottom: 0;}
#usage_wrap .con ul{display: flex;gap:140px;justify-content: center;}
#usage_wrap .con ul li{position: relative; display: flex;flex-direction: column;align-items: center;gap:12px;}
#usage_wrap .con ul li:after{content:'';position: absolute;right: -84px;top: 100px;width: 24px;height: 20px;background: url(/asset/images/sub/usage_arrow01.png);background-size: cover;}
#usage_wrap .con .f_box ul:nth-child(2) li:last-child:after{display: none;}
#usage_wrap .con .f_box + ul li:last-child:after{display: none;}
#usage_wrap .con ul li span{width: 100px;line-height: 40px;border-radius: 40px;text-align: center;color: #fff;font-size: 20px;font-weight: 700;background: #62bcfc;}
#usage_wrap .con .f_box ul:nth-child(2) li span{background: #38a3ef;}
#usage_wrap .con .f_box + ul li:nth-child(1) span{background: #38a3ef;}
#usage_wrap .con .f_box + ul li:nth-child(2) span{background: #1064c4;}
#usage_wrap .con .f_box + ul li:nth-child(3) span{background: #1064c4;}
#usage_wrap .con.con03 ul:nth-child(1) li:nth-child(2) span{background: #38a3ef;}
#usage_wrap .con.con03 ul:nth-child(2) li:nth-child(1) span{background: #38a3ef;}
#usage_wrap .con.con03 ul:nth-child(2) li:nth-child(2)  span{background: #1064c4;}
#usage_wrap .con ul li p{text-align: center;font-size: 18px;font-weight: 700;line-height: 24px;}


@media screen and (max-width:1100px) {
#usage_wrap .con .f_box{gap:90px;}
#usage_wrap .con ul{gap:90px;}
#usage_wrap .con ul li:after{right: -59px;}
}

/* cart_wrap 장바구니 */
#cart_wrap .bd_box{padding: 50px 40px;border-radius: 20px;margin-bottom: 30px;border: 1px solid #e8e8e8;}
#cart_wrap .bd_box.con02{margin-bottom: 15px;}
#cart_wrap .con01 .tit_box{display: flex;margin-bottom: 40px;align-items: center;justify-content: space-between;}
#cart_wrap .con01 .tit_box p{font-size: 26px;font-weight: 700;}
#cart_wrap .con01 .tit_box .btn_box{display: flex;align-items: center;gap:22px;}
#cart_wrap .con01 .tit_box .btn_box button{padding: 0 10px;border-radius: 5px;font-weight: 500;color: #797979;background: #efefef;height: 26px;}
#cart_wrap .con01 table{width: 100%;table-layout: fixed;}
#cart_wrap .con01 table th{padding: 10px 0;line-height: 1.5;background: #f7f7f7;font-weight: 700;}
#cart_wrap .con01 table th:nth-child(1){text-align: left;padding: 0 30px;}
#cart_wrap .con01 table td{padding: 25px 0;text-align: center;border-bottom: 1px solid #e8e8e8;font-weight: 500;}
#cart_wrap .con01 table td:nth-child(1){text-align: left;padding: 0 30px;}
#cart_wrap .con01 table td:nth-child(1) label{font-size: 18px;font-weight: 600;}
#cart_wrap .con01 table td:nth-child(1) label strong{font-weight: 600;}
#cart_wrap .con01 .txt_box{padding: 30px 35px;}
#cart_wrap .con01 .txt_box .txt01{display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
#cart_wrap .con01 .txt_box .txt01:last-child{margin-bottom: 0;} 
#cart_wrap .con01 .txt_box .txt01 p{font-weight: 500;}
#cart_wrap .con01 .txt02{display: flex; padding: 27px 35px;background: #e5f7ff;align-items: center;justify-content: space-between;}
#cart_wrap .con01 .txt02 p{font-size: 18px;font-weight: 700;}
#cart_wrap .con01 .txt02 strong{font-size: 35px;color: #0d498c;}

#cart_wrap .con02 .tit{font-size: 26px;font-weight: 700;margin-bottom: 25px;}
#cart_wrap .con02 .btn_box{display: flex;gap:40px;margin-bottom: 30px;}
#cart_wrap .con02 .btn_box input{display: none;}
#cart_wrap .con02 .btn_box label{flex: 1;height: 50px;border-radius: 12px;border: 2px solid #dadada;line-height: 50px;text-align: center;font-size: 18px;color: #797979;font-weight: 700;transition: .2s;}
#cart_wrap .con02 .btn_box input:checked + label{border: 2px solid #1b7be7;color: #0d498c;}
#cart_wrap .con02 .c_wrap .c_box:not(:last-child){margin-bottom: 20px;}
#cart_wrap .con02 .c_wrap .c_box:nth-child(1) label{font-size: 18px;}
#cart_wrap .cart_btn{width: 100%;height: 50px;border-radius: 12px;background: #005c9d;color: #fff;font-weight: 700;}

#modalLayout {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 40, 70, 0.4); backdrop-filter: blur(8px); z-index: 10000;}
.modal_content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 750px; height: 80vh; background: #fff; border-radius: 30px; box-shadow: 0 25px 50px -12px rgba(0, 92, 157, 0.25); display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.7);}
.modal_header {padding: 30px 40px; background: #fff; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f4f8;}
.modal_header h2 {font-size: 1.5rem; font-weight: 800; color: #005c9d; margin: 0; letter-spacing: -1px;}
#closeModal {position: relative; width: 40px; height: 40px; background: #f0f7ff; border: none; border-radius: 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s ease-in-out;}
#closeModal:hover {background: #e1efff; transform: rotate(90deg);}
#closeModal::before, #closeModal::after {content: ''; position: absolute; width: 20px; height: 2px; background: #005c9d; border-radius: 2px;}
#closeModal::before {transform: rotate(45deg);}
#closeModal::after {transform: rotate(-45deg);}

#modalBody {padding: 40px; flex: 1; overflow-y: auto; font-size: 15px; line-height: 1.9; color: #4a5568; background: #fff; scroll-behavior: smooth;}
#modalBody h2 {font-size: 1.2rem; color: #005c9d; margin-top: 35px; margin-bottom: 15px; font-weight: 700; display: flex; align-items: center;}
#modalBody h2::before {content: ''; width: 6px; height: 6px; background: #00a8cc; border-radius: 50%; margin-right: 12px; outline: 4px solid #e1efff;}
#modalBody table {width: 100%; border-collapse: separate; border-spacing: 0; margin: 25px 0; border-radius: 15px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);}
#modalBody th {background: #f8fbff; padding: 15px; color: #005c9d; font-weight: 700; border-bottom: 1px solid #e2e8f0; text-align: center;}
#modalBody td {padding: 15px; border-bottom: 1px solid #f1f5f9; background: #fff; text-align: left;}
#modalBody b {color: #005c9d; font-weight: 700; background: #eef7ff; padding: 2px 6px; border-radius: 6px;}
#modalBody ul.number {padding-left: 20px; margin-top: 10px;}
#modalBody ul.number li {list-style: decimal; margin-bottom: 10px; color: #4a5568;}

#modalBody::-webkit-scrollbar {width: 6px;}
#modalBody::-webkit-scrollbar-thumb {background: #cbd5e0; border-radius: 10px;}
#modalBody::-webkit-scrollbar-track {background: transparent;}

    .header_dark_btn {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        background-color: #333 !important;
        border-radius: 50%;
        color: #fff !important;
        font-size: 22px;
        text-decoration: none;
        box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    }


    .divider_line { width: 1px; height: 18px; background-color: #ccc; margin: 0 8px; }

    .header_auth_btn {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 10px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 700;
        color: #fff !important;
        text-decoration: none;
    }
    .login_bg { background-color: #1a56db; }
    .logout_bg { background-color: #dc2626; }


/* ===== 회원가입 정보입력 - 비밀번호 토글 / 실시간 검증 ===== */
/* 라벨(100px)+입력이 한 줄을 채우므로 안내문구는 다음 줄로 줄바꿈 */
form.info_form ul li .left_box{flex-wrap: wrap;}

/* 비밀번호 보기/숨기기 토글 */
form.info_form ul li .left_box .pw_field{position: relative;}
form.info_form ul li .left_box > .pw_field{width: calc(100% - 100px);}
form.info_form ul li .left_box .i_box .pw_field{width: 100%;}
form.info_form ul li .left_box .pw_field input{width: 100%;padding-right: 44px;}
form.info_form ul li .left_box .btn_pw_toggle{position: absolute;top: 50%;right: 12px;transform: translateY(-50%);padding: 0;border: 0;background: none;cursor: pointer;color: #9aa0a6;font-size: 20px;line-height: 1;}
form.info_form ul li .left_box .btn_pw_toggle:hover{color: #555;}

/* 안내문구 - 아이디/비밀번호확인/이메일 (left_box 직속, 줄바꿈 배치) */
form.info_form ul li .left_box > .valid_msg{width: 100%;padding-left: 100px;margin-top: 8px;font-size: 14px;font-weight: 500;color: #f12c3f;}
form.info_form ul li .left_box > .valid_msg:empty{display: none;}

/* 안내문구 공통 - 상태별 색상 (비밀번호 안내문구 .i_box span 포함) */
form.info_form ul li .left_box .valid_msg.ok{color: #1f9d57;}
form.info_form ul li .left_box .valid_msg.err{color: #f12c3f;}
form.info_form ul li .left_box .valid_msg i{margin-right: 4px;}

/* 비밀번호 조건 실시간 체크리스트 */
form.info_form ul li.mb_pw{margin-bottom: 60px;}
form.info_form ul li .i_box .pw_check{position: absolute;top: calc(100% + 8px);left: 0;right: 0;display: flex;flex-wrap: wrap;gap: 6px 18px;margin: 0;padding: 0;list-style: none;}
form.info_form ul li .i_box .pw_check li{display: flex;align-items: center;margin-bottom: 0;font-size: 13px;font-weight: 500;color: #b0b8c4;line-height: 1.3;transition: color .15s;}
form.info_form ul li .i_box .pw_check li::before{content: '';display: inline-block;width: 5px;height: 5px;margin-right: 6px;border-radius: 50%;background: currentColor;}
form.info_form ul li .i_box .pw_check li.on{color: #1f9d57;}

/* 가입완료 버튼 - 검증 미충족 시 비활성 */
.btn_join_submit:disabled{background: #c4c9d0 !important;border-color: #c4c9d0 !important;color: #fff !important;cursor: not-allowed;opacity: 1;}

/* 가입 완료 모달 */
.wj_modal{display: none;position: fixed;inset: 0;z-index: 9999;background: rgba(0,0,0,.5);align-items: center;justify-content: center;}
.wj_modal.on{display: flex;}
.wj_modal_box{width: 90%;max-width: 360px;background: #fff;border-radius: 20px;padding: 42px 28px 28px;text-align: center;box-shadow: 0 12px 40px rgba(0,0,0,.18);animation: wjModalUp .25s ease;}
.wj_modal_ico{font-size: 56px;color: #0d498c;line-height: 1;}
.wj_modal_msg{margin: 18px 0 26px;font-size: 18px;font-weight: 700;color: #222;line-height: 1.5;}
.wj_modal_btn{width: 100%;height: 50px;border-radius: 10px;background: #fff;border: 1px solid #aeaeae;color: #555;font-size: 16px;font-weight: 700;cursor: pointer;}
.wj_modal_btn:hover{background: #f5f6f6;}
.wj_modal.error .wj_modal_ico{color: #e03131;}
@keyframes wjModalUp{from{opacity: 0;transform: translateY(12px);}to{opacity: 1;transform: translateY(0);}}