/* 202401 add style [S] */

/* common [S] */
::-webkit-scrollbar{display: none;}
: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;color:#010101;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;}
input.calender{background: url(/to-be/images/calender.svg) no-repeat calc(100% - 0.74rem) center / 1.5rem 1.5rem !important;}
input::-webkit-input-placeholder{color: #666 !important;}
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 .fw2{font-weight:200 !important;}
body .wrapper .fw3{font-weight:300 !important;}
body .wrapper .fw4{font-weight:400 !important;}
body .wrapper .fw5{font-weight:500 !important;}
body .wrapper .fw6{font-weight:600 !important;}
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 .fs_1{font-size: 1rem !important;font-weight: 400;line-height:1.375rem !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_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 .fc434b53{color: #434b53 !important;}
body .wrapper .red{color:#f90f00 !important;}
body .wrapper .txtBlue{color:#1039a1 !important;}
body .wrapper .txtBlue02{color:#0c58ca !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;}
.shadowBox{border-radius: 0.75rem;box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);}
.not-yet{-webkit-pointer-events:none;pointer-events:none;}
/* common [E] */

/* header [S] */
body .wrapper #header{}
body .wrapper #header *{transition: all 250ms ease;}
body .wrapper .page-header{min-height: 3.5rem;height: 3.5rem;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 998;background: #fff;}
body .wrapper .page-header .header-title{font-size: 1.125rem;color: #010101;line-height: 3.5rem;font-weight:500 !important;padding: 0 1.25rem;word-spacing: -0.1rem;display: block;text-align: center;}
body .wrapper .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(/to-be/images/sun_bank/icon_arrow02-9df0eba7199cd881605ca285b538b0a2.svg) no-repeat center center / 1.5rem 1.5rem;text-indent: -999px;position: absolute;top: 50%;transform: translateY(-50%);}
body .wrapper .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 .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;}
body .wrapper #page-content-scroll{padding:0 1.25rem !important;}
body .wrapper .sun-main .con_top{margin:2.5rem 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: #010101;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;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;display: flex;flex-direction: column;gap: 1.5rem;}
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{}
body .wrapper .con_ul .hd:before{content:"";width:0.25rem;height:0.25rem;background-color:#159ede;margin-right:0.38rem;border-radius:50%;}
body .wrapper .con_ul .hd2{display:flex !important;flex-direction: row;gap: 0.58rem;}
body .wrapper .con_ul .hd2:before{content: "·";width: 0;height: 0;font-size: 1.6rem;background-color: #666;border-radius: 50%;line-height: 1.22rem;}
body .wrapper .con_ul .hd.l2{margin:1.5rem 0;}
body .wrapper .con_ul .hd.l2:before{content:"";margin-top:-1.2rem;}
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: 1rem 1rem;display: flex !important;background-color: #f5f9fd;border-radius: 0.75rem;gap: 0.62rem;flex-direction: column;align-items: flex-start;}
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(/to-be/images/sun_bank/icon_arrow01-5203a2bd5ee3dff0e380117837bd8905.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 img{width:auto;height:auto;}
body .wrapper .con_ul>li>ul.bank{width: auto;height: auto;background-size: cover;margin-bottom: 0 !important;max-width: inherit;max-height: inherit;}

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;}

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

/*  */
body .wrapper .full-page{}

  /* 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] */

/* table 테이블 [S] */
body .wrapper .table{margin-top: 0.63rem;}
body .wrapper .table.small *{font-size:0.875rem;}
body .wrapper .table th{color:#010101;background: #eaf0f7;border: 1px solid #b6d6e5;line-height: 1.25;padding: 1rem 0.6rem;}
body .wrapper .table td{color:#666;line-height: 1.25;padding: 1rem 0.6rem;}
body .wrapper .table td.center{text-align: center;}
/* table 테이블 [E] */

.txt_caution{font-size: 0.875rem;line-height: 1.25;margin-top: 1.5rem;color: #666;}

/* 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;}
.toast .toast_container{position: relative;margin-top: 1.5rem;}
.layer_area.toast .inner_area{padding: 2.5rem 1.5rem;border-radius: 1.5rem 1.5rem 0 0;}
.toast_footer button{position: absolute;top: 0.75rem;left: unset;transform: translateY(-50%);font-size: 1rem;color: #fff;line-height: 1rem;word-break: keep-all;text-align: center;right: -0.5rem;width: 1.5rem;height: 1.5rem;background: url(/to-be/images/icon_close-4bcb632c8d28174c615376001d918079.svg) no-repeat center center / 1.5rem 1.5rem;text-indent: -999px;}
.toast_footer [class*='btn_'] span{background:transparent;}
/* 토스트 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 2.5rem;}
body .wrapper .all-check-agree{margin: 0;padding: 0;background: transparent;border: 0;}
body .wrapper .all-check-agree .form-item{padding: 1rem;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: space-between;align-items: center;}
body .wrapper .agree-youth .youth-check .form{display: flex;justify-content:flex-start;align-items: center;}
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{font-size: 1rem;color: #fff;line-height: 1rem;word-break: keep-all;text-align: center;width: 1.2rem;height: 1.2rem;background: url(/to-be/images/main/mainicon_arrow02-0fcdaea4f1ac6744106b66ba05d7fe0f.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;}
/* 이용약관 [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 .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] */

/* 탑 레이어 알림창 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;}
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%;padding:0;margin-bottom: 1rem;text-align: center;background: url(/to-be/images/menu/mbti/check_large-2a5965aa9fa891c4ad886f07ce7ea31f.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;}
/* 탑 레이어 알림창 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;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;}
body .layer_area button[disabled], .layer_area button[disabled] *{background-color:#b6d6e5;}
/* 알림창 [E] */

/* 신청 안내 [S] */

/* 신청 안내 [E] */

/* footer [S] */
body .wrapper .submit-btn{position: fixed;bottom: 0;left: 0;right: 0;font-size: 0;z-index: 10;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;visibility:visible;background: url(/to-be/images/checkbox_off-19258e380e60faeddd161f41374229b2.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(/to-be/images/checkbox_on-d9fbae01e811a2a9756f635f36f24c02.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;flex: 1 1 0;}
body .wrapper input[type=checkbox] + label:before{display:none;}
/* check [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 a{padding: 0 1rem 0 0.2rem;text-indent: 0;text-decoration: underline;}
.accordion-list img{-webkit-transform: rotate(270deg);transform: rotate(270deg);}
/* accordion [E] */

/* accordion + check [S] */
/* KFA_DMT_01030200 [참조] */
/* accordion + check [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;}
  /* popup [E] */

/* layer_wrapper [S] */
body .layer_wrapper .inner_wrapper{overflow-x:hidden;overscroll-behavior: contain;}
body .layer_wrapper .fs_125{font-size: 1.25rem !important;line-height: 1.75rem;letter-spacing: -0.03rem;}
body .layer_wrapper .layer_area.toast{}
body .layer_wrapper .layer_area.toast.active{position: relative;top: auto;left: auto;width: 100%;height: calc(100vh - 3.5rem);}
/*body .layer_wrapper .layer_area.toast .inner_area{border-radius: 0;padding:1.5rem 2.5rem 9.55rem;}*/
body .layer_wrapper .layer_area.toast .inner_area.full{padding: 1.5rem 1.25rem 9.55rem;height: calc(100vh - 3.5rem);border-radius: 0;}

body .layer_wrapper .layer_area.toast .inner_cell{padding: 0;}
body .layer_wrapper .inner_area .page-header{position: fixed;top: 0px;left: 0px;right: 0px;z-index: 998;transition: all 350ms ease;min-height: 3.5rem;height: 3.5rem;background: #fff;}
body .layer_wrapper .inner_area .page-header * {transition: all 250ms ease;}
body .layer_wrapper .inner_area .page-header .header-title{display: block;text-align: center;font-size: 1.125rem;color: #010101;line-height: 3.5rem;font-weight: 500;padding: 0 1.25rem;word-spacing: -0.1rem;}
body .layer_wrapper .inner_area .page-header .func-prev{position: absolute;top: 50%;transform: translateY(-50%);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(/to-be/images/icon_back-9df0eba7199cd881605ca285b538b0a2.svg) no-repeat center center / 1.5rem 1.5rem;text-indent: -999px;}
body .layer_wrapper .inner_area .page-header .func-cancle{position: absolute;top: 50%;left: unset;transform: translateY(-50%);width: 1.5rem;height: 1.5rem;right: 1.25rem;text-indent: -9999px;background: url(/to-be/images/sun/index/sun_you/icon_close02.svg) no-repeat center right / contain;display: flex;justify-content: center;align-items: center;border: 0;font-size: 0.875rem;font-weight: 400;line-height: 1.25rem;letter-spacing: -0.02rem;}
body .layer_wrapper .inner_area .agree-youth{padding: 0;width: 100%;margin: 0;}


body .layer_wrapper.toast .layer_area .inner_cell{padding:0;}
body .layer_wrapper.toast .popup_dmt_01020001_agree .page-header .close-button.func-cancle{border: 0;text-indent: -9999px;background: url(/to-be/images/icon_close-4bcb632c8d28174c615376001d918079.svg) no-repeat center center / auto;}

body .inner_gravity{padding:0 1.25rem 2.5rem;background:#fff}
body .inner_gravity:before{content: '';display: block;position: absolute;top: -1.4rem;left:0;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 .layer_wrapper .dummy{background-color: #000;opacity: 0.7;}
  /* layer_wrapper [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 0 !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:#323232 !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] */

@media only screen and (min-width: 320px) and (max-width: 359px){
  html, body{font-size:1rem !important;}
}
/* 202401 add style [E] */