/* 202401 add style [S] */
/* common [S] */
:root {
    --default-font-size: 16px;
    --base-font-size: 16;
    --breakpoint-laptop-lg: 1799px;
    --breakpoint-laptop-md: 1599px;
    --breakpoint-laptop-sm: 1399px;
    --breakpoint-laptop: 1199px;
    --breakpoint-tablet: 999px;
    --breakpoint-tablet-sm: 799px;
    --breakpoint-mobile: 599px;
    --breakpoint-mobile-sm: 399px;
    --breakpoint-min: 320px;
    --color-pastel-skyblue: #C4E6F6;
    --color-pastel-blue: #CADAF3;
    --color-pastel-green: #D7F0DA;
    --color-pastel-orange: #EFD3B6;
    --color-pastel-yellow: #F5EBB2;
    --color-pastel-pink: #F2D2DB;
    --color-pastel-gray: #DFEAF4;
    --color-midtone-blue: #467BAB;
    --color-midtone-green: #4D9F54;
    --color-midtone-mint: #4B909E;
    --color-blue1: #159EDE;
    --color-blue2: #0C58CA;
    --color-blue3: #1039A1;
    --color-blue4: #14243C;
    --color-gray1: #FFFFFF;
    --color-gray2: #EEEEEE;
    --color-gray3: #E2E2E2;
    --color-gray4: #DDDDDD;
    --color-gray5: #CCCCCC;
    --color-gray6: #999999;
    --color-gray7: #666666;
    --color-gray8: #000000;
    --color-gray9: #010101;
    --color-grayish1: #F5F9FD;
    --color-grayish2: #EAF0F7;
    --color-grayish3: #D9E2EC;
    --color-grayish4: #C8D3DE;
    --color-grayish5: #B1BECA;
    --color-grayish6: #99A4AE;
    --color-grayish7: #7D8890;
    --color-grayish8: #5C656D;
    --color-grayish9: #434B53;
    --color-grayish10: #1B2024;
    --color-default: #010101 !important;
    --border-radius-xl: 2.25rem;
    --border-radius-l: 2rem;
    --border-radius-m: 1.5rem;
    --border-radius-s: 1rem;
    --spacing-xl: 10rem;
    --grid-gutter: 1rem;
}


@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: url('./fonts/pretendard/public/variable/PretendardVariable-872a6c5775ec910058a9a409a201972a.ttf') format('woff2-variations');
}

html, body{font-size:1rem;letter-spacing:normal;line-height: normal}
html *, body *{font-family:"Pretendard Variable", --apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important}
body img{object-fit:contain;}
p{color:#010101;line-height:normal;}
b, strong{font-weight:600 !important;}
input{width:100%;font-size: 1rem !important;padding:0 1rem !important;height:3rem !important;display:flex !important;align-items: center;margin-top: 0.62rem !important;border:1px solid #eee !important;border-radius: 0.5rem !important;font-weight: 400 !important;text-overflow: ellipsis;}
textarea{resize: vertical;overflow-y: scroll;width: 100%;height: 60vw;padding: 1.25rem;background: #fff;border-radius: 1rem !important;box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);font-size: 0.875rem !important;font-weight: 400;line-height: 1.25rem;letter-spacing: -0.02rem;}
em{font-style:normal;}
body .wrapper .m0{margin:0 !important;}
body .wrapper .mt{margin-top:0 !important;}
body .wrapper .mr{margin-right:0 !important;}
body .wrapper .mb{margin-bottom:0 !important;}
body .wrapper .ml{margin-left:0 !important;}
body .wrapper .mt1{margin-top:1rem !important;}
body .wrapper .mb1{margin-bottom:1rem !important;}
body .wrapper .mt15{margin-top:1.5rem !important;}
body .wrapper .mb15{margin-bottom:1.5rem !important;}
body .wrapper .mt2{margin-top:2rem !important;}
body .wrapper .mb2{margin-bottom:2rem !important;}
body .wrapper .mt25{margin-top:2.5rem !important;}
body .wrapper .mb25{margin-bottom:2.5rem !important;}
body .wrapper .mt375{margin-top:3.75rem !important;}
body .wrapper .mb375{margin-bottom:3.75rem !important;}
body .wrapper .mt475{margin-top:4.75rem !important;}
body .wrapper .mb475{margin-bottom:4.75rem !important;}
body .wrapper .mb475{margin-bottom:4.75rem !important;}
body .wrapper .fs_08125{font-size: 0.8125rem !important;font-weight: 400;line-height:1.125rem !important;letter-spacing: -0.02rem;}
body .wrapper .fs_0875{font-size: 0.875rem !important;font-weight: 600;line-height: 1.25rem;letter-spacing: -0.02rem;}
body .wrapper .fs_1{font-size:1rem !important;font-weight:400 !important;line-height: 1.375rem;letter-spacing: -0.025rem;}
body .wrapper .fs_125{font-size:1.25rem !important;font-weight:600 !important;line-height: 1.75rem;letter-spacing: -0.03rem;}
body .wrapper .fs_1125{font-size:1.125rem !important;font-weight:400 !important;line-height: 1.5rem;letter-spacing: -0.03rem;}
body .wrapper .fw4{font-weight:400 !important;}
body .wrapper .fw6{font-weight:600 !important;}
body .wrapper .flex15{display:flex !important;gap:1.5rem !important;}
body .wrapper .flex15 .hd_box{margin:0 !important;}
body .wrapper .f_column{flex-direction: column !important;}
body .wrapper .red{color:#f90f00 !important;}
body .wrapper .txtBlue{color:#1039a1 !important;}
body .wrapper .tl{text-align:left !important;}
body .wrapper .tc{text-align:center !important;}
body .wrapper .tr{text-align:right !important;}
body .wrapper .bks{background: #f5f9fd !important;}
body .wrapper .grayColor{color:#666 !important;}
.rotate-45{-webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important;}
.rotate-90{-webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important;}
.rotate-135{ -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important;}
.rotate-180{ -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important;}
.rotate-225{ -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important;}
.rotate-270{ -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important;}
.rotate-315{ -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important;}
.rotate-45, .rotate-90, .rotate-135, .rotate-180, .rotate-225, .rotate-270, .rotate-315{transition:all 500ms ease;}
/* common [E] */

/* 탑 레이어 알림창 np-layer-bg [S] */
body .np-layer-bg{background:rgba(0,0,0,0.7);}
body .np-layer-bg p,
body .np-layer-bg span{font-size: 1rem !important;}
body .np-layer-content{position: relative;width: calc(100% - 3.76rem);height: auto;padding: 1.6rem 1.6rem 1.6rem;margin: 5rem auto 0;border-radius: 1.8rem;}
body .np-layer-content .np-layer-top-icon{width: 100%;height: 2rem;padding:0;margin-bottom: 1rem;text-align: center;background:url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/menu/mbti/check_large.svg) no-repeat center center / 3.2rem 3.2rem;}
body .np-layer-content .np-layer-top-icon:before{content:"앱 무결성 아이콘";display:block;text-indent:-9999px;}
body .np-layer-content .np-layer-top-icon img{display:none;}
body .np-layer-content .btn-bottom .button{text-align: center;border-radius: 1rem;color: #fff !important;width: 100%;height: 3.25rem !important;font-weight: 400 !important;font-size: 1.125rem !important;display: flex;align-items: center;justify-content: center;line-height: 4.5rem !important;background: #159ede;padding: 0 !important;border:0;margin: 0;}
body .np-layer-bg .btn-bottom, .btn-bottom{display: flex;gap: 0.5rem;flex-direction: row;flex-wrap: nowrap;align-items: center;}

body .np-layer-content.ab-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    word-break: keep-all;
}
/* 탑 레이어 알림창 np-layer-bg [E] */

/* 알림창 [S] */
body .layer_single .dummy{oapcity:1;background:rgba(0,0,0,0.7);}
body .layer_area .inner_cell{padding: 0 1.88rem;}
body .layer_area .inner_area{width:100% !important;}
body .layer_area .page-content{padding:0;}
body .layer_area .page-content .agr-y-tit{padding-top:0;}
body .layer_area .box_alert *{font-size:1rem;word-break: keep-all;}
body .layer_area button, .layer_area button *{color: #fff !important;width: 100%;height: 3.25rem !important;border-radius: 0.75rem;font-weight: 400 !important;font-size: 1.125rem !important;display: flex;align-items: center;justify-content: center;line-height: 4.5rem !important;background: #159ede;padding:0 !important;}
/* 알림창 [E] */

/* header [S] */
body .wrapper #header{min-height: 3.5rem;height: 3.5rem;}
body .wrapper #header.page-header{background: #fff;}
body .wrapper #header .header-title{font-size: 1.125rem;color: #010101;line-height: 3.5rem;font-weight:500;padding: 0 1.25rem;word-spacing: -0.1rem;display:block;text-align:center;}
body .wrapper #header.page-header .close-button.func-prev{font-size: 1rem;color: #fff;line-height: 1rem;word-break: keep-all;text-align: center;left: 0.8rem;width: 1.5rem;height: 1.5rem;background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/icon_arrow02.svg) no-repeat center center / 1.5rem 1.5rem;text-indent: -999px;}
body .wrapper #header.page-header .close-button.func-cancle{right: 10px;font-size: 0.875rem;font-weight: 400;line-height: 1.25rem;letter-spacing: -0.02rem;color: #010101;display: flex;padding: 0 1rem;justify-content: center;align-items: center;height: 2.125rem;border: 1px solid #ccc;border-radius: 1.25rem;}
body .wrapper #header.page-header .close-button{position: absolute;top: 50%;transform: translateY(-50%);}
/* header [E] */

/* container [S] */
body .wrapper .content{margin:0;}
body .wrapper #page-content{padding:3.48rem 0 9.55rem !important;}
body .wrapper #page-content-success{padding-bottom:9.55rem !important;}
body .wrapper #page-content-scroll{padding:0 1.25rem !important;}
body .wrapper .sun-main .con_top{margin:0.75rem 0 2.5rem 0;padding:2.5rem 1.25rem 1.25rem;background: #51b74f;border-radius: 1rem;}
body .wrapper .sun-main .con_top .cont_top{color: #fff;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;}
body .wrapper .sun-main .con_top .cont_top p{font-size:0.875rem;line-height: 1.25rem;font-weight: 600;color: #fff;margin: 0 0 1rem 0;margin: 0 0 1rem 0;}
body .wrapper .sun-main .con_top .cont_top h2{text-align: center;font-size: 1.5rem;font-weight: 200;line-height: 2rem;margin: 0;}
body .wrapper .sun-main .sunBox{display: flex;justify-content: center;margin: 1rem 0 1.5rem;}
body .wrapper .sun-main .sunBox>img{width: 120px;height: 120px;}
body .wrapper .sun-main .con_top .cont_bottom{display: flex;flex-wrap: nowrap;justify-content: center;background:#41933f;border-radius:16px;}
body .wrapper .sun-main .con_top .cont_bottom>div{height: 88px;display: flex;flex-wrap: nowrap;flex-direction: column;align-items: center;justify-content: center;width: 50%;}
body .wrapper .sun-main .con_top .cont_bottom>div p{color:#fff;font-size:0.75rem;line-height:1.125rem;margin:0;}
body .wrapper .sun-main .con_top .cont_bottom>div h4{color:#fff;font-size:1rem;line-height:1.375rem;font-weight:600;padding-top:4px;}
body .wrapper .sun-main .con_top .cont_bottom+p{color: #fff;font-size:0.8125rem;font-weight:400;text-align: center;margin:0.75rem 0 0 0;}

body .wrapper .conMi{margin:0 !important;padding:0 !important;}
body .wrapper .conMi h4.tit{font-size: 1.375rem;font-weight: 500;line-height: 2rem;padding:0;margin-bottom: 1.25rem;}
body .wrapper .con_ul{width:100%;padding:0 !important;margin:0 !important;}
body .wrapper .con_ul.mt25{margin-top:2.5rem !important;}
body .wrapper .con_ul li{color:#010101;font-size:1rem;font-weight:400;line-height: 1.375rem;display: flex;align-items: center;justify-content: flex-start;word-break: keep-all;}
body .wrapper .con_ul li .form-item{flex:1 1 0;}

body .wrapper .con_ul .inputFieldBox{display: flex;width: 100%;padding: 1.5rem 1.25rem;flex-direction: column;justify-content: center;align-items: flex-start;gap: 1.5rem;border-radius: 0.75rem;background: #fff;box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);}
body .wrapper .con_ul .inputFieldBox ul{width: 100%;display: flex;flex-direction: column;}
body .wrapper .con_ul .inputFieldBox ul li{width: 100%;border: 0;display: flex;align-items: flex-start;justify-content: center;}
body .wrapper .con_ul .inputFieldBox label{width: 100%;font-size: 0.875rem;color:#666;line-height: 1.25rem;margin-bottom: 0.75rem;}
body .wrapper .con_ul .inputFieldBox label + input{width: 100%;color:var(--color-default);border-bottom: 1px solid #eee;font-size: 1.125rem !important;font-weight: 600;line-height: 1.5rem;padding-bottom: 0.2rem;}
body .wrapper .con_ul .inputFieldBox + .tit{margin-top:1.5rem !important;}

body .wrapper .con_ul .hd{gap:0.4rem;}
body .wrapper .con_ul .hd:before{content:"";width:0.25rem;height:0.25rem;background-color:#159ede;margin-top: 0.5rem;
    align-self: self-start;
    border-radius: 50%;
}
body .wrapper .con_ul .hd.l2{margin:1.5rem 0;}
body .wrapper .con_ul .hd.l2:before{content:"";}
body .wrapper .con_ul .hd_box, .con_ul .hd_box>p{font-size:0.875rem;color:#666;font-weight:400;line-height: 1.375rem;margin:0.63rem 0 0 0;padding:0.75rem 1rem;display:block !important;background-color:#f5f9fd;border-radius:0.75rem;}
body .wrapper .con_ul .hd_box>p{margin:0;padding:0;}
body .wrapper .con_ul .hd_box+.hd{margin-top:1.5rem;}

body .wrapper .headLine p{display:flex !important;align-items: baseline;}
body .wrapper .headLine p + p{padding-top: 0.36rem !important;}
body .wrapper .con_ul .hd_box.headLine span{color: #666 !important;padding-top: 0.88rem;display: block;}
body .wrapper .headLine p:before{content: '';margin: 0.26rem;width: 3px;height: 3px;background: #666;border-radius: 50%;position: relative;top: -0.24rem;}
body .wrapper .con_ul .hd_small{color: #010101;font-size: 0.812rem;font-weight: 400;line-height: 1.125rem;margin-top: 1rem;}
body .wrapper .con_ul .hd_small:before{content:"* ";margin-right: 0.24rem;}
body .wrapper .con_ul.box{display: flex;flex-wrap: wrap;flex-direction: row;align-content: center;justify-content: flex-start;align-items: center;}
body .wrapper .con_ul.box li{width:100%;line-height: 1.5rem;letter-spacing: -0.02rem;padding:1rem 1.5rem;margin-bottom:0;border-radius: 0.75rem;display: flex;align-items: flex-start;flex-direction: column;}
body .wrapper .con_ul.box li{font-size: 1.125rem;text-align: left;}
body .wrapper .con_ul.box li.bl{background-color:#3370cc;}
body .wrapper .con_ul.box li.gr{background-color:#57af70;}
body .wrapper .con_ul.box li.dg{background-color:#57a4af;display: block;}
body .wrapper .con_ul.box li + li{margin-top:0.62rem;}
body .wrapper .con_ul.box li p{font-size: 1.125rem;  color: #fff;  text-align: left;  margin:0;font-weight: 600;  line-height: 1.65rem;  letter-spacing: -0.03rem;}
body .wrapper .con_ul.box li small{display: block;color: #fff;font-size: 0.75rem;font-weight: 400;letter-spacing: -0.018rem;}
body .wrapper .con_ul.box li.btn{display:flex;padding:0;margin-top: 1.25rem;flex-direction: row;gap: 0.5rem;}
body .wrapper .con_ul.box li.btn a{color: #010101;font-size: 0.875rem;font-weight: 400;height: 2.75rem;line-height: 1.14rem;display: flex;padding: 0.5rem 0.62rem 0.5rem 0.88rem;border: 1px solid #ddd;border-radius: 0.375rem;width:50%;justify-content: space-between;align-items: center;word-spacing: -0.15rem;letter-spacing: -0.03rem;flex: 1 1 0}
body .wrapper .con_ul.box li.btn a:after{content:"";background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/icon_arrow01.svg) no-repeat center center / 1.125rem 1.125rem;width: 1.125rem;height: 1.125rem;}

body .wrapper .con_ul>li>ul{display: flex;flex-wrap: wrap;padding: 0;}
body .wrapper .con_ul>li>ul>li{display: flex;padding: 0.88rem 0;flex-direction: column;align-items: center;border-radius: 0.75rem;margin-bottom: 0.5rem;border: 1px solid #eee;flex-basis: calc(25% - 0.38rem);}
body .wrapper .con_ul>li>ul>li+li{margin-left:0.5rem;}
body .wrapper .con_ul>li>ul>li span{color:#666;font-size: 0.75rem;line-height:1.125rem;display:block;padding: 0 1.013rem;}
body .wrapper .con_ul>li>ul>li img{width:1.5rem;height:1.5rem;margin:0 0 0.25rem;}

body .wrapper .con_ul>li>ul.bank{width: auto;height: auto;background-size: cover;margin-bottom: 0 !important;max-width: inherit;max-height: inherit;display: flex;gap: 0.5rem;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;align-items: center;}
body .wrapper .con_ul>li>ul.bank li{margin:0 !important;}
body .wrapper .con_ul>li>ul.bank img{width:auto;height:auto;}

body .wrapper .con_ul .tit{position:relative;}
body .wrapper .con_ul.bk .tit{margin:3.25rem 0 0.75rem;color:#010101;font-size:1rem;font-weight:400;line-height: 1.375rem;display: flex;align-items: center;justify-content: flex-start;word-break: keep-all;}
body .wrapper .con_ul.bk .tit a{margin-left: 0.62rem;}

body .wrapper .grayBox{position: relative;left: -1.25rem;width: calc(100% - -2.5rem);height: 0.625rem;margin:2.5rem 0;background-color: #eee;}
/* container [E] */

.shadowBox{border-radius: 0.75rem;box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);}

/* step 스텝 [S] */
body .wrapper .stepIcon .tit + li{padding: 1.4rem 1.25rem;margin-top: 0.6rem;box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);border-radius: 1rem;}
body .wrapper .stepIcon img{margin:0 !important;}
body .wrapper .stepIcon div{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 0.88rem;margin-left: 0.64rem;}
body .wrapper .stepIcon p{font-size:0.875rem;font-weight:400;line-height:1.62rem;letter-spacing:-0.02rem;margin:0;}
/* step 스텝 [E] */

/* tooltip 툴팁 [S] */
body .wrapper .tooltip{display:block;}
body .wrapper .tit .tooltip{position: relative;margin-left:0.62rem;}
body .wrapper .tooltipPop{position: absolute;width: calc(100% - 5.6rem);left: 50%;height: auto;padding: 1rem !important;background: #f5f9fd;border: 1px solid #159ede;border-radius: 1rem;transform: translateX(-50%);box-shadow: 0 0 40px 0 rgba(0,0,0,0.12);z-index: 11;display:none;gap: 0.5rem;flex-direction: column;}
body .wrapper .tooltipPop.show{display: inline-flex;}
body .wrapper .tooltipPop.top{top:1.34rem;}
body .wrapper .tooltipPop.bottom{bottom:1.35rem;}
body .wrapper .tooltipPop .titBox{position: relative;}
body .wrapper .tooltipPop .titBox p{line-height:1.125rem;font-size: 0.75rem;font-weight: 600;color: #1b2024 !important;}
body .wrapper .tooltipPop .titBox p + p{line-height:1rem;font-size: 0.6875rem;font-weight: 400;padding-top: 0.25rem;color: #434b53 !important;}
body .wrapper .tooltipPop .close{position: absolute;z-index: 2;top: 0.75rem;right: 0.75rem;padding: 0.25rem;}
body .wrapper .tooltipPop .close img{}
/* tooltip 툴팁 [E] */

/* 토스트 toast pop [S] */
.toast .toast_header .emph_toast{font-size: 1.375rem;font-weight: 500;line-height: 2rem;padding: 0;margin-bottom: 1.25rem;}
.layer_area.toast .inner_area{padding: 2.5rem 1.5rem;border-radius: 1.5rem 1.5rem 0 0;}
/* 토스트 toast pop [E] */

/* 셀렉트박스 [S] */
body .wrapper select{font-size: 1rem !important;padding:0 1rem !important;height:3rem !important;display:flex !important;align-items: center;border:1px solid #eee !important;border-radius: 0.5rem !important;font-weight: 400 !important;-webkit-appearance: none;appearance: none;}
body .wrapper select option{}
body .wrapper select option + option{padding: 0.32rem 0 0;}
body .wrapper select option[value='none']{color: #666 !important;}
/* 셀렉트박스 [E] */

/* 이용약관 [S] */
body .wrapper .youth-c{margin:0;padding:0;}
body .wrapper .youth-c *{color:#010101 !important;}
body .wrapper .agr-y-tit{padding:1.5rem 0 1.5rem;}
body .wrapper .all-check-agree{margin: 0;padding: 0;background: transparent;border: 0;}
body .wrapper .all-check-agree .form-item{padding: 1rem;margin:0;border-radius: 0.75rem;background-color: #eaf0f7;display: flex;justify-content: flex-start;align-items: center;}
body .wrapper .all-check-agree .form-item label:before{display:none;}
body .wrapper .agree-youth .chapter-title{font-size: 0.875rem;font-weight:600;line-height:1.25rem;letter-spacing: -0.02rem;padding:0;}
body .wrapper .agree-youth .chapter-title:before{display:none;}
body .wrapper .agree-youth .youth-law{border: 0;margin:0;padding:0;background-color:transparent;}
body .wrapper .agree-youth .chapter-title{margin-top: 2.5rem;}
body .wrapper .agree-youth .chapter-title:before{display:none !important;}
body .wrapper .agree-youth .youth-check li{display: flex;margin-top:1.5rem;justify-content: flex-start;align-items: center;}
body .wrapper .agree-youth .youth-check .form{width: auto;display: flex;justify-content: center;align-items: center;white-space: nowrap;flex: 1 1 0;}
body .wrapper .agree-youth .youth-check label{font-size: 0.875rem;font-weight: 400;line-height: 1.25rem;letter-spacing: -0.02rem;}
body .wrapper .agree-youth .agreement-contents,
.wrapper .agree-com.v1 .link_comm   {font-size: 1rem;color: #fff;line-height: 1rem;word-break: keep-all;text-align: center;width: 1.2rem;height: 1.2rem;background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/main/mainicon_arrow02.svg) no-repeat center center / 1.2rem;text-indent:-9999px;}
body .wrapper .agreement-cont .bottom-text{padding:0;}
body .wrapper .youth-c + .submit-btn a{width: 100%;background-color:#159ede;}
body .wrapper .youth-c + .submit-btn a.not-yet{background-color:#b6d6e5;}

body .wrapper .agree-youth .youth-check.a1 li,
body .wrapper .agree-youth .youth-check.b2 li{justify-content: space-between;}
body .wrapper .agree-youth .youth-check.a1 li .form,
body .wrapper .agree-youth .youth-check.b2 li .form{flex:0 1 0;}


    /* .agree-com.v1 s */
.wrapper .agree-com.v1 .link_comm	{
    height: 1.6rem;
    transform: rotate(90deg);
}

.wrapper .agree-com.v1 .youth-check li:first-child	{
    margin-top: 0;
}
.wrapper .agree-com.v1 .youth-check.a1 li .form	{
    flex: initial;
    white-space: initial;
}
.wrapper .agree-com.v1 .chapter-title	{
    display: flex;
    align-items: flex-start;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1.5rem;
    justify-content: space-between;
}
.wrapper .agree-com.v1 .chapter-title .title	{
    max-width: 92%;
    display: flex;
    line-height: 1.4;
}
.wrapper .agree-com.v1 .chapter-title .title label	{font-weight: 500;}
.wrapper .agree-com.v1 ul.youth-check	{
    margin-top: 0.75rem;
    padding: 1.25rem 1rem;
    border: 1px solid #eee;
    border-radius: 12px;
    background-color: #fafafa;
}

.wrapper .agree-com.v1 .link_comm.rotate-open   {
	transform: rotate(-90deg);
}
    /* .agree-com.v1 e */

/* 이용약관 [E] */

/* 문답 작성 [S] */
body .wrapper .page-alert{padding: 1.5rem 0 1.5rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
body .wrapper .page-alert p{font-size: 1.25rem !important;font-weight: 600 !important;line-height: 1.75rem !important;letter-spacing: -0.03rem;text-align: left;}
body .wrapper .agr-y-tit{padding:1.5rem 0 1.5rem;}
body .wrapper .survey-content{padding:0;}
body .wrapper .survey-content .tit-q{font-size: 1rem !important;font-weight: 400;line-height: 1.375rem !important;margin-bottom: 1rem;letter-spacing: -0.025rem;background: none;padding: 0 0 0 2.2rem;text-indent: -1.1rem;}
body .wrapper .survey-content .tit-q:before{content: 'Q';display:inline-block;position: relative;top: 0.14rem;font-size: 1.5rem;font-weight: 500;padding-right: 1rem;color: #159ede;}
body .wrapper .survey-content .tit-q>p{word-break: break-all;font-weight: normal;line-height: 1.25rem;font-size: 0.875rem !important;color: #666 !important;padding: 0.3rem 0 0 0;text-indent: 0;}/* padding: 0.3rem 0 0 1rem;text-indent: -0.96rem; */
body .wrapper .survey-content .field-item .f-labels{display: inline-flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;padding-left: 2.26rem;flex-direction: column;gap: 0.7rem 0;}
body .wrapper .survey-content .field-item .f-labels.addStyle{flex-wrap:wrap;flex-direction:column;align-items:flex-start;}
body .wrapper .survey-content .field-item .f-labels>p{padding:0;background:transparent;}
/* 문답 작성 [E] */

/* 라디오 체크 사항 안내 [S] */
body .wrapper .agree-layout .agree-part{display: flex;flex-direction: row;justify-content: space-between;}
body .wrapper .agree-layout .agree__box{display: none;}
body .wrapper .agree-layout .agree-part__text01{width: calc(100% - 2.25rem);font-size:0.875rem;font-weight:400;line-height:1.25rem;letter-spacing:-0.02rem;}
body .wrapper .agree-youth{padding: 0 1.25rem;width: calc(100% - -2.5rem);left: -1.25rem;margin:0 !important;}
body .wrapper .agree-youth.agree-layout{padding: 2.5rem 1.25rem;}
body .wrapper .agree-youth .youth-law label span{font-weight: 600;color: #ea573f !important;}
body .wrapper .agree-youth .allBtn{padding: 1.2rem 1.25rem 1.5rem;width: calc(100% - -2.5rem);left: -1.25rem;background: #ffffff;margin: 2.5rem 0 -2.5rem;font-size: 0.875rem;letter-spacing: -0.02rem;font-weight: 600;}
/* 라디오 체크 사항 안내 [E] */

/* 신청 안내 [S] */

/* 신청 안내 [E] */

/* footer [S] */
body .wrapper .submit-btn{display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;padding:0 1.25rem 2.5rem;background:#fff;}
body .wrapper .submit-btn:before{content:'';display:block;position:absolute;top:-1.4rem;width:100%;height:1.4rem;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);z-index: 10;}
body .wrapper .submit-btn a{color: #fff !important;width:100%;height: 3.25rem !important;background-color: #222;border-radius: 0.75rem;font-weight: 400;font-size: 1.125rem;display: flex;align-items: center;justify-content: center;line-height: 4.5rem !important;}
body .wrapper .submit-btn a + a{margin-left:0.5rem;}
body .wrapper .submit-btn a.backBlue,
body .wrapper .submit-btn a.send,
body .wrapper .submit-btn a.green-send{background-color:#159ede;}
body .wrapper .submit-btn a.not-yet{background-color:#b6d6e5;}
/* footer [E] */

/* check [S] */
body .wrapper .check{line-height: 1;margin-top: 1.5rem;display: flex;align-items: center;justify-content: flex-start;}
body .wrapper input[type=checkbox]{width: 1.5rem !important;height: 1.5rem !important;padding: 0 !important;display: flex !important;background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/checkbox_off.svg) no-repeat center center / 1.5rem 1.5rem;opacity: 1;-webkit-appearance: none;appearance: none;border: 0 !important;margin: 0 !important;}
body .wrapper input[type=checkbox]:checked{width: 1.5rem !important;height: 1.5rem !important;background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/checkbox_on.svg) no-repeat center center / 1.5rem 1.5rem;}
body .wrapper input[type=checkbox] + label{font-size:1rem;line-height: 1.375rem;font-weight: 400;padding-left: 0.75rem;margin:0;}
body .wrapper input[type=checkbox] + label:before{display:none;}
/* check [E] */

/* radio [S] */
body .wrapper input[type=radio]{padding: 0 !important;height: 1.5rem !important;width: 1.5rem !important;}
body .wrapper input[type=radio] + label{font-size: 0.875rem;
    color: #666 !important;display: flex;align-items: center;justify-content: flex-start;}
body .wrapper input[type=radio] + label:before{content:'';display:block;top: 0 !important;margin-right: 0.5rem !important;width: 1.5rem !important;height: 1.5rem !important;padding: 0;margin-right: 0.5rem;background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/Radiobutton_off.svg) no-repeat center center / 1.5rem 1.5rem !important;opacity: 1;border: none;-webkit-appearance: none;appearance: none;border-radius: 50%;}
body .wrapper  input:checked[type="radio"] + label:before{background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/Radiobutton_on.svg) no-repeat center center / 1.5rem 1.5rem !important;border-radius: 50%;}
/* radio [E] */

/* accordion [S] */
.accordion-list{font-size: 0.875rem;width: 100%;display: flex;flex-direction: column;justify-content: center;gap: 1.25rem;}
.accordionClick{display: flex;justify-content: space-between;align-items: center;}
.accordionClick span{font-size: 1rem;font-weight: 400;line-height: 1.5rem;display: flex !important;gap: 0.5rem;letter-spacing: -0.025rem;}
.accordionClick span b{color:var(--color-blue1);font-size: 1.125rem;}
/*.accordionClick img{transition:all 0.3s ease;}*/
.accordion-list .answer{display:none;border-top: 1px solid #eee;padding-top: 1rem;margin: -0.25rem 0 0 0;}
.accordionClick.active + .answer{display: flex !important;flex-direction: column;gap: 0.75rem;}
.accordion-list .answer li{color: #666;line-height: 1.25rem;}
.accordion-list .answer li.tit{color: #010101;margin: 0;}
.accordion-list .answer li dl{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 0.4rem;margin-bottom: 0.25rem;}
.accordion-list .answer li dl dd, .accordion-list .answer li dl dt{padding-left: 0.64rem;text-indent: -0.64rem;display: flex;flex-direction: row;flex-wrap: wrap;}
.accordion-list .answer li dl dd{padding-left: 1.32rem;}
.accordion-list .answer li dl dd span{padding: 0;text-indent: 0;}
.accordion-list .answer li dl a{padding: 0 0.16rem 0 0.2rem;text-indent: 0;text-decoration: underline;}
.accordion-list img{-webkit-transform: rotate(270deg);transform: rotate(270deg);}
/* accordion [E] */

/* popup [S] */
body .wrapper .layer-youth .layer-box{width: 100%;left: 0;top: auto;bottom: 0;transform: translateY(0%);padding: 2.5rem 1.5rem;border-radius: 1.5rem 1.5rem 0 0;}
body .wrapper .layer-youth .body{color:#010101;padding:0;}
body .wrapper .layer-youth .body .layer-alert{text-align: left;margin: 0 0 3rem;word-break: keep-all;}
body .wrapper .layer-youth .body .layer-alert .tit-le{font-weight: bold;padding-bottom: 1.5rem;display: block;}
body .wrapper .layer-youth .body .layer-alert .sub_tit{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-start;}
body .wrapper .layer-youth .body .layer-alert .sub_tit span{font-size: 0.875rem;font-weight: 500;line-height: 1.37rem;}
body .wrapper .layer-youth .body .layer-alert .sub_tit img{width: 6.2vw;margin: 0 1.5vw;}
body .wrapper .layer-youth .body .layer-alert .desc{font-size:0.875rem;line-height: 1.25rem;}
body .wrapper .layer-youth .body .layer-alert .desc span{color:#010101;display:inline;word-break: keep-all;}
body .wrapper .layer-youth .body .layer-alert .check{line-height: 1;margin-top: 1.5rem;display: flex;align-items: center;justify-content: flex-start;}

body .wrapper .layer-youth .layer-alert .con_ul.box{margin-top: 1.5rem !important;}
body .wrapper .layer-youth .layer-alert .con_ul.box li{display: flex;align-items: center;flex-direction: row;justify-content: space-between;border-radius: 1rem;box-shadow: 0 0 24px 0 rgba(0,0,0,0.08);}
body .wrapper .layer-youth .layer-alert .con_ul.box li span{position:relative;}
body .wrapper .layer-youth .layer-alert .con_ul.box li img{}

body .wrapper .layer-youth .body .hd_box{margin:0;}


body .wrapper .hd_box dl *{font-size:0.875rem;}
body .wrapper .layer-youth .body .hd_box .tit{padding-bottom:0.38rem;font-weight:600;}
body .wrapper .layer-youth .body .hd_box .tit + dd{padding-bottom:0.62rem;color:#010101;}
body .wrapper .blue_t{color:#1039a1 !important;}
body .wrapper .red_t{color:#f90f00 !important;}
body .wrapper .hd_box dt{padding-bottom: 0.38rem;font-weight: 600;}
body .wrapper .hd_box dd{}
body .wrapper .hd_box dd p{color:#666;text-indent: -1.2rem;padding-left: 1.2rem;}
body .wrapper .hd_box dd p+p{}

body .wrapper .layer-youth .submit-btn{padding:0;display: flex;align-items: center;justify-content: space-between;}
body .wrapper .layer-youth .submit-btn:before{display:none;}
body .wrapper .layer-youth .submit-btn>a{color: #fff;height: 3.25rem;font-size: 1.125rem;line-height: 1.5rem;padding: 0.88rem 1rem;background-color: #222;border-radius: 0.75rem;display: flex;align-items: center;justify-content: center;}
body .wrapper .layer-youth .submit-btn>a.send{background-color:#159ede;}
body .wrapper .layer-youth .submit-btn>a+a{margin-left:0.5rem;}

/* 스크롤 팝업 */
.layer-scroll .layer-top-wrap	{padding: 0 0 1.4rem;}
.layer-scroll .layer-top-wrap .tit-le	{
    max-width: 290px;
    word-break: keep-all;
}
.layer-scroll .content-scroll-y {
    overflow-y: scroll;
    height: 30vh;
    margin: 0 0 1.4rem;
}
.layer-scroll .content-scroll-y::-webkit-scrollbar	{
    display: block;
    width: 5px;
}
.word-b-keep	{word-break: keep-all !important;}
.layer-scroll .content-scroll-y::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 40px;
}

/* popup [E] */

body .wrapper .form-item .field-item .f-tit{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:-0.025rem;}

/* 결과 페이지 [S] */
body .wrapper .full-page{height: auto;display: flex;flex-direction: column;justify-items: center;justify-content: center;align-items: center;padding:3.5rem 1.25rem 0 !important;}
body .wrapper .page-alert img{display: block;margin: 1rem 0;}
body .wrapper .page-result{width:100%;padding:0;}
body .wrapper .page-result p{text-align:left !important;}
body .wrapper .page-result p.desc{color:#666 !important;font-size:0.875rem;font-weight:400;line-height:1.25rem;letter-spacing:-0.02rem;margin:0.75rem 0 1.5rem !important;word-break: keep-all;}
body .wrapper .page-result p.strong{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:-0.03rem;word-break: keep-all;color:#010101 !important;}
body .wrapper .page-result span{display:inline-block;color:#0c58ca !important;}
/*body .wrapper .con_ul.bk .tit{margin: 3.25rem 0 0.75rem;}*/
body .wrapper .full-page .con_ul.bk+p{font-weight:400;margin-top:1.5rem;}
body .wrapper .full-page .con_ul.bk+p:before{content: '*';display:flex;margin-right: 0.32rem;}
/* 결과 페이지 [E] */

/* 햇살론뱅크 정보입력 [S] */
body .wrapper .form-item .field-item .note-p{margin-top:1.5rem;padding:0;display:flex;font-size: 0.8125rem;line-height: 1.125rem;}
body .wrapper .form-item .field-item .note-p:before{content: '*';display:block;margin-right: 0.32rem;}
body .wrapper .fixed-on-btn{bottom: 0;padding-bottom: 120px;}
body .wrapper .fixed-on-btn>p{padding:0;display:flex;font-size: 0.8125rem;line-height: 1.125rem;}
body .wrapper .fixed-on-btn>p:before{content: '*';display:block;margin-right: 0.32rem;}
body .wrapper .form-item .field-item .f-row{position:relative;display: flex;}
body .wrapper .form-item .field-item .f-row > span + span{position: absolute;top: 50%;right: 1rem;margin-top: -0.52rem;}
body .wrapper .form-item .field-item .f-row > span input{padding:0 3.4rem 0 1rem !important;}
/* 햇살론뱅크 정보입력 [E] */

/* 메인 > 신청내역 > 상세 [S] */
.mystat-item .head{border-radius: 1rem;border: 1px solid #eaf0f7;background: #f5f9fd;display: flex;gap: 0.5rem;flex-direction: column;padding: 1.25rem 1.25rem 3rem;}
.mystat-item .head .date{font-size: 0.75rem;line-height: 1.5rem;}
.mystat-item .head .code{top:1.24rem;right:1.2rem;font-size: 0.75rem;line-height: 1.5rem;}
.mystat-item .head .money{font-size: 1rem;width: 100%;display: flex;}
.mystat-item .head .money strong{font-size: 1rem;margin-left: 5rem;}
.mystat-item .head .expand-toggle{background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun/index/sun_you/icon_arrow03.svg?v=${resourceVersion}) no-repeat center center / contain;width: 1.5rem;height: 1.5rem;font-size: 0;}
.mystat-item .body{border: 0;background: transparent;}
.mystat-item .body .stat-item .attr,
.mystat-item .body .stat-item .val{font-size:0.875rem;}
/* 메인 > 신청내역 > 상세 [E] */

/* 202401 add style [E] */