@charset "utf-8";
/* @import url('fonts.css'); */
/* @font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
} */

html, body,
h1, h2, h3, h4, h5, h6,
input, select, textarea, button, option {font-family:"Pretendard", "맑은 고딕", "돋움", dotum, sans-serif;letter-spacing:-0.2px;}

html {position:relative;}
html, body {font-weight:normal;color:#3B5867;}
body {position:relative;font-size:14px;word-break:keep-all;}
body, div, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, fieldset, legend, button, p, pre, blockquote, menu, figure, input {margin:0;padding:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, select, input, textarea, p, blockquote, th, td, menu, button, a, span, strong, label, header, footer, section, article, aside, nav, hgroup, details, figure, figcaption {word-break:break-word;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button, option {font-size:14px;font-weight:normal;color:inherit;}
pre, code, samp, kbd {font-family:inherit;}
em, var, address {font-style:normal;}
ul, ol, li {list-style:none;}

legend, fieldset, button, img {border:0 none;}
input, select, textarea, button, label, strong, a, time {vertical-align:inherit;}
input, select, textarea, button, option {font-family:inherit;font-weight:inherit;}
input[type="text"]::-webkit-search-cancel-button {appearance:none;-webkit-appearance:none;}
button, select, option {color:inherit;text-transform:none;}
textarea {resize:none;}
caption, legend {width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0,0,0,0);}
table {border-collapse:collapse;border-spacing:0;}
button {overflow:visible;text-align:left;cursor:pointer;background:none;}
:focus{outline:0;}

.scroll::-webkit-scrollbar{width:4px;height:4px;}
.scroll::-webkit-scrollbar-track{background-color:transparent;border-radius:5px;}
.scroll::-webkit-scrollbar-thumb{background:#d2d2d2;border-radius:5px;height:10%;}
.scroll::-webkit-scrollbar-thumb:hover{background:#d2d2d2;}

@media screen and (max-device-width:480px){
	html, body{
		text-size-adjust:none;
		-moz-text-size-adjust:none;
		-ms-text-size-adjust:none;
		-webkit-text-size-adjust:none;
		-webkit-tap-highlight-color:transparent;
		-webkit-user-select:none;
	}
}

body.h_body{
    height: 100vh;
}
html,
body{
    background-color:#fff;
}
body.bgGray,
body.bgGray .body{background-color:#ECEFF0;}
.bgGray{
    background-color:#ECEFF0;
}
body.hiddenScroll{overflow:hidden;}
body.hiddenScroll .wrap{overflow:hidden;}
.sound-only{ position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;overflow:hidden!important;border:0!important;padding:0!important;margin:-1px!important;}

a{color:#3B5867;text-decoration:none;}

.wrap{padding: 0 20px 83px;}

/* common */
.btn_back{
    width: 16px;
    margin-right: 20px;
}
.header{width: 100%;height: 70px; background-color: #fff;position: relative;}
.header .mLogo2{
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.header .mLogo2 img{width: 20px;}
.header .mLogo2 span{
    color:#3B5867;
    text-align:center;
    font-size:23px;
    margin-left: 8px;
}
.btnPrev{
    display:block;
    background:url(../images/ico_prev1.svg) 50% 50% no-repeat;
    text-indent:0;
    font-size:0;
    width: 20px;
    height: 20px;
}

.body{position:relative;border-radius:50px 50px 0 0;background:#fff;padding:32px 27px;min-height:100%;z-index:100;}

.cell{display:table-cell;vertical-align:middle;}

.gNavi1{position:fixed;bottom:0;left:0;width:100%;padding:0;z-index:100;}
.gNavi1 .mButton1{background-color:#fff;margin-top:0;}
.gNavi1 .mBtn1{
    border-radius:0;
    color:#fff;
    font-size:26px;
    font-weight:700;
    line-height:82px;
    height:82px;
}


.mFlex1{display:-webkit-flex;display:flex;}
.mFlex1 .flex{-webkit-flex:1;flex:1;}
.mFlex1 .flex + .mBtn1{margin-left:11px;}

.mAppbar{display:-webkit-flex;display:flex;background:#3B5867;padding:0 10px;text-align:center;height:73px;}
.mAppbar a{-webkit-flex:1;flex:1;color:#fff;font-size:12px;font-weight:500;}
.mAppbar a span{position:relative;display:block;padding:48px 0 0;opacity:0.3;}
.mAppbar a span:before{content:"";position:absolute;top:13px;left:0;background:url(../images/ico_appbar1.svg) 50% 0 no-repeat;width:100%;height:25px;}
.mAppbar a.active span{opacity:1;}
.mAppbar a.result span:before{background-image:url(../images/ico_appbar2.svg);}
.mAppbar a.sche span:before{background-image:url(../images/ico_appbar3.svg);}
.mAppbar a.info span:before{top:14px;background-image:url(../images/ico_appbar4.svg);}
.mAlert1 .only_text{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
}

.fs38{font-size:38px;}

.mTab1{display:-webkit-flex;display:flex;margin:0 0 30px;}
.mTab1 a{-webkit-flex:1;flex:1;text-align:center;font-size:16px;font-weight:500;}
.mTab1 a > span{position:relative;display:inline-block;padding:0 12px;line-height:38px;height:38px;}
.mTab1 a:first-child{margin-left:-20px;}
.mTab1 a:last-child{margin-right:-20px;}
.mTab1 a.active > span{color:#ff9029;}
.mTab1 a.active > span:before{content:"";position:absolute;bottom:0;left:0;background:#ff9029;width:100%;height:4px;}

.mTitle1{text-align:center;font-size:22px;font-weight:600;line-height:22px;margin:0 0 25px;}
/* //common */

/* form */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.it{border:0;border-radius:10px;background:#eee;border:1px solid #eee;font-weight:500;font-size:14.5px;padding:0 0 0 13px;height:33px;}

.mCheckbox1.inline{display:inline-block;margin-right:16px;}
.mCheckbox1.inline:last-child{margin-right:0;}
.mCheckbox1{position:relative;display:block;cursor:pointer;}
.mCheckbox1 input{position:absolute;top:0;left:0;opacity:0;}
.mCheckbox1 .label{display:block;position:relative;font-size:14px;font-weight:500;line-height:17px;padding:0 0 0 19px}
.mCheckbox1 input + .label:before{content:"";position:absolute;top:3px;left:0;border:1px solid #3B5867;width:10px;height:10px;}
.mCheckbox1 input:checked + .label{color:#333;}
.mCheckbox1 input:checked + .label:after{content:"";position:absolute;top:-1px;left:1px;background-image:url(../images/ico_checkbox1_a.svg);width:14px;height:12px;}

.gCheck1{padding:10px 0 0 7px;}
.gCheck1 .mCheckbox1{margin:0 0 13px;}
.gCheck1 .sub{padding:0 0 0 19px;}
/* //form */

/* 자가진단결과 */
.mResult1.pt0{padding-top:0;}
.mResult1{position:relative;overflow:hidden;padding:68px 0 0;}
.mResult1 .swiper-pagination{display:-webkit-flex;display:flex;position:absolute;bottom:auto;top:0;left:0;}
.mResult1 .swiper-pagination-bullets .swiper-pagination-bullet{position:relative;-webkit-flex:1;flex:1;background-color:transparent;opacity:1;display:inline-block;font-family:"Pretendard";font-size: 16px;font-weight: 500;padding:0 12px;width:auto;}
.mResult1 .swiper-pagination-bullets .swiper-pagination-bullet span{
    max-width: 50px;
    width: 100%;
    position:relative;
    display:inline-block;
    line-height:38px;
    height:38px;
}
.mResult1 .swiper-pagination-bullets .swiper-pagination-bullet-active{color:#ff9029;}
.mResult1 .swiper-pagination-bullets .swiper-pagination-bullet-active span:before{content:"";position:absolute;bottom:0;left:0;background:#ff9029;width:100%;height:4px;}
.mResult1 .mGraph1{position:relative;}
.mResult1 .mGraph1:before{content:"";position:absolute;top:0;left:23px;width:5px;height:100%;background-color:#fff;}
.mResult1 .swiper-wrapper{height: auto !important;}
.mGraph1 + .mTitle1{margin-top:50px;}
/* //자가진단결과 */

/* 회원가입 */
.mDone1{display:table;text-align:center;width:100%;height:100%;}
.mDone1 .img{margin-top:30px;}
.mDone1 .txt{font-size:29px;font-weight:700;margin:40px 0 0;line-height:51px;}
.mDone1 .txt em{color:#FF9029;}
.mDone1 .txt.type2{background:url(../images/ico_done2.svg) 50% 0 no-repeat;font-size:22px;line-height:40px;margin-top:0;padding:110px 0 0;}
.mDone1 .txt.type2.iFail{background-image:url(../images/ico_done3.svg);}
.mDone1 .txt.type2.iSuccess{background-image:url(../images/ico_done4.svg);}

.mReg1 dt{font-size:17px;font-weight:700;padding:0 0 7px;line-height:22px;}
.mReg1 dt .ts{font-size:10.5px;font-weight:500;line-height:24px;}
.mReg1 dd{padding:0 0 24px;}
.mReg1 dd:last-child{padding-bottom:0;}
.mReg1 dd .it{width:100%;}
.mReg1 dd .alert{margin-top:13px;}
.mReg1 dd .alert + .alert{margin-top:5px;}
.mReg1 .div{
	padding-bottom: 24px;
	display: flex;
	align-items: center;
}
.mReg1 .div dt{
	width: 80px;
	padding: 0;
}
.mReg1 .div dd{
	width: calc(100% - 80px);
}
.mReg1 .div dd .radio{
	margin-right: 8px;
}
.mReg1 .div dd.d-flex{
	display: flex;
	align-items: center;
}
.mReg1 .div dd label{
	font-weight: 700;
	cursor: pointer;
}
.mReg1 .div dd label+input{
	margin-left: 20px;
}
input[type=radio] {
    height: 14px;
    aspect-ratio: 1;
    border: 1px solid #3B5867;
    padding: 2px;
    border-radius: 50%;
    outline-offset: calc(14px / 10);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

input[type=radio]:checked {
    background:radial-gradient(farthest-side, #3B5867 94%, #ffffff) 50%/0 0 no-repeat content-box;
    background-size: 100% 100%;
}

.alert{color:#f00;font-size:13px;font-weight:400;padding:0 0 0 5px;}
.alert.black{color:#3B5867;}
.mb-1{
    margin-bottom: 10px;
}
/* //회원가입 */

/* login */
.mLogo1{position:absolute;top:36px;left:95px;font-size:33px;font-weight:400;}
.mLogo1 img{vertical-align:bottom;margin:-7px 4px 0 0;}

.mSplash1{display:table;background:url(../images/k_splash1.jpg) 0 100% no-repeat;background-size:100% auto;padding:69px 0 48px;text-align:center;width:100%;height:100%;}
.mSplash1 h1{color:#fff;font-size: 22px;font-weight: 500;letter-spacing: -0.66px;}
.mSplash1 .mLogo1{position:static;color:#fff;font-size: 43px;margin:49px 0 0;}
.mSplash1 .mLogo1 img{vertical-align:middle;margin:-10px 9px 0 -9px;}

.mLogin1{background:url(../images/k_login1.jpg) 0 100% no-repeat;background-size:100% auto;width:100%;height:100%;}
.mLogin1 .cell{padding:0 60px;}
.mLogin1 h1{padding-top: 30px; font-size:14px;font-weight:500;letter-spacing:-0.42px;}
.login_wrap{
    max-width: 360px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 20px;
}
.mLogin1 .mLogo1{position:static;text-align:center;}
.mLogin1 dl{margin:25px 0 0;}
.mLogin1 dt{display:none;}
.mLogin1 dd{padding:0 0 19px;}
.mLogin1 dd .it{border:0;border-radius:50px;background:#eee;font-size:16px;padding:0 0 0 24px;height:46px;width:100%;}
.mLogin1 dd .it::-webkit-input-placeholder{color:#797e89;} /* Chrome/Opera/Safari */
.mLogin1 dd .it::-moz-placeholder{color:#797e89;} /* Firefox 19+ */
.mLogin1 dd .it:-ms-input-placeholder{color:#797e89;} /* IE 10+ */
.mLogin1 dd .it:-moz-placeholder{color:#797e89;} /* Firefox 18- */
.mLogin1 .btn{display:block;border-radius:50px;background:#3B5867;color:#fff;font-size:16px;font-weight:500;text-align:center;margin:0 auto ;width:83px;line-height:35px;height:35px;}
.mLogin1 .copy{font-size:16px;font-weight:300;padding:0 0 0 84px;}
.mLogin1 .info{position:relative;margin:20px 0 0;text-align:center;}
.mLogin1 .info a{display:inline-block;color:#5C869B;font-size:13px;font-weight:500;line-height:22px;}

.mFind1 > .info{text-align:center;font-size:18px;font-weight:700;line-height:33px;margin:50px 0 0;}
.mFind1 .mReg1{margin:60px 0 0;}
.mFind1 .mReg1 dt{padding-left:10px;}
/* //login */

/* find id/pw */
.top_header{
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
}
.top_header>h1{
    margin-left: 10px;
    color: #3B5867;
    font-size: 21px;
    font-weight: 600;
}
.o_none{
    opacity: 0;
}
.h_wrap{
    height: calc(100vh - 70px);
}
.find_con{
    width: 100%;
    padding: 0 20px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.find_con img{
    width: 80px;
    margin-bottom: 20px;
}
.h_wrap .txt {
    font-size: 22px;
    line-height: 40px;
    margin-top: 0;
    font-weight: 700;
}
.h_wrap .txt em {
    color: #FF9029;
}

/* regigter */
.regi_header{
    position: relative;
    background-color: #3b5867;
    height: 140px;
    display: flex;
    justify-content: left;
    width: 100%;
    padding: 35px 40px;
}
.regi_header .btnPrev{
    mask: url(../images/ico_prev1.svg) no-repeat;
    background-color: #fff;
}
.regi_header h1{
    color: #fff;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 22px;
    margin-left: 6px;
}
.regi_header img{
    position: absolute;
    top: 17px;
    z-index: 101;
    right: 40px;
    background: url(../images/ico_tit1.png) 0 0 no-repeat;
    background-size: 123px auto;
    width: 123px;
    height: 109px;
}
.wrap.regi_wrap{
    width: 100%;
    position: relative;
    z-index: 100;
    border-radius: 50px 50px 0 0;
    background-color: #fff;
    top: -50px;
    padding-top: 30px;
}
.regi_cen{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}





/* button */
.mButton1.flex{display:-webkit-flex;display:flex;}
.mButton1.flex .mBtn1{-webkit-flex:1;flex:1;}
.mButton1.pType1{padding:0 29px 31px;}

.mButton1{margin:30px 0 0;text-align:center;}

.mBtn1{display:inline-block;background-color:#3B5867;border-radius:10px;color:#fff;font-size:14px;text-align:center;padding:0 17px;line-height:33px;height:33px;}
.mBtn1.primary{background:#FF5B5B;}
.mBtn1.gray{background:#ACACAC;}
.mBtn1.type2{border-radius:35px;font-size:16px;}
.mBtn1.type3{border-radius:51px;font-size:18px;font-weight:600;line-height:51px;height:51px;}
.mBtn1.block{display:block;}
.mBtn1.block + .mBtn1.block{margin-top:13px;}
/* //button */

/* 정보 */
.mProfile1 h1{color:#3B5867;font-size:26px;font-weight:600;margin:0 0 35px;padding-top:26px;line-height:22px;text-align:center;}
.posBtm{text-align: right; margin-top: 20px;}
.mProfile1 .profile .img{position:relative;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border-radius:50%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-color:#f1f1f1;margin:0 auto;width:108px;height:108px;}
.mProfile1 .profile .nam{text-align:center;font-size:26px;font-weight:600;line-height:22px;margin:28px 0 0;}
.mProfile1 .list{margin:46px 0 0;}
.mProfile1 .list li{border-bottom:1px solid #D8D8D8;}
.mProfile1 .list li a{display:block;background:url(../images/ico_profile1.svg) calc(100% - 15px) 50% no-repeat;font-size:21px;font-weight:600;line-height:22px;padding:23px 30px 23px 14px;}
.mProfile1 .list li a{display:block;background:url(../images/ico_profile1.svg) calc(100% - 15px) 50% no-repeat;font-size:21px;font-weight:600;line-height:22px;padding:23px 30px 23px 14px;}

.lProfile.active{display:block;}
.lProfile{display:none;position:absolute;top:calc(100% - 10px);left:calc(100% - 12px);border-radius:5px;background:#fff;padding:5px 4px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.lProfile a{display:block;border-radius:3px;text-align:center;font-size:13px;font-weight:400;line-height:21px;min-width:62px;}
.lProfile a + a{margin-top:2px;}
.lProfile a:hover{background:#3B5867;color:#fff;}

.iModify{position:absolute;bottom:0;right:5px;background:url(../images/ico_modify1.svg) 50% 50% no-repeat #3B5867;width:22px;height:22px;border-radius:50%;text-indent:-9999px;font-size:0;}

.mSet1{margin:-5px 0 0;padding:0 5px 30px;}
.mSet1 dt{border-bottom:1px solid #D8D8D8;}
.mSet1 dt button{position:relative;display:block;font-size:21px;font-weight:600;line-height:22px;padding:23px 50px 23px 14px;width:100%;}
.mSet1 dt button .i{position:absolute;top:50%;right:0;margin-top:-10px;border-radius:30px;width:38px;height:20px;background:#D9D9D9;transition:all 0.4s 0s;}
.mSet1 dt button .i:before{content:"";position:absolute;top:50%;left:5px;margin-top:-6px;border-radius:50%;width:12px;height:12px;background:#fff;transition:all 0.4s 0s;}
.mSet1 dd{display:none;font-size:21px;font-weight:400;line-height:39px;padding:10px 15px 23px;}

.mSet1 dt.active button .i{background:#3B5867;}
.mSet1 dt.active button .i:before{left:auto;right:5px;}
/* //정보 */

/* 상담일정 */
.mCal1 .dat{position:relative;font-size: 26px;text-align:center;font-weight: 600;}
.mCal1 .dat .prev,
.mCal1 .dat .next{position:absolute;top:0;left:0;background:url(../images/ico_cal_prev1.svg) 50% 50% no-repeat;text-indent:-9999px;font-size:0;width:28px;height:36px;}
.mCal1 .dat .next{left:auto;right:0;transform:rotate(-180deg)}
.mCal1 .calendar{padding:42px 0 0;}
.mCal1 .calendar table{text-align: center;width:100%;}
.mCal1 .calendar thead th{border-bottom:1px solid #000;color: #5B5B5B;font-size: 20px;font-weight: 400;padding:0 0 15px;text-align:center;}
.mCal1 .calendar tr:first-child td{padding-top:8px;}
.mCal1 .calendar td{padding:6px 0;text-align:center;}
.mCal1 .calendar td:first-child{color:#FD3737;}
.mCal1 .calendar td:last-child{color:#287CFB;}
.mCal1 .calendar td a,
.mCal1 .calendar td button{display:block;color: #5B5B5B;font-size: 20px;font-weight: 400;text-align:center;min-width:40px;line-height:40px;height:40px;}
.mCal1 .calendar td.active a,
.mCal1 .calendar td.active button{background-color:#FF9029;color:#fff;border-radius:50%;}

.mList1{margin:30px 0 0 0;}
.mList1 li + li{margin-top:22px;}
.mList1 li{position:relative;}
.mList1 li a{position:relative;display:block;background:#F4F4F4;border-left:4px solid #3B5867;font-size: 19px;font-weight: 500;line-height: 22px;padding:10px 18px;}
.mList1 li .da{display:inline-block;min-width:95px;}
/* //상담일정 */

/* 설문 */
.mSurvey1 dt{font-size: 18px;font-weight: 500;margin:0 0 41px;}
.mSurvey1 dd + dd{margin-top:15px;}
.mSurvey1 dd label input{position:absolute;top:0;left:0;opacity:0;}
.mSurvey1 dd .label{display:block;border-radius: 52px;border: 1px solid #dcdcdc;font-size: 17px;font-weight: 600;line-height: 26px;padding:11px 20px;cursor:pointer;}
.mSurvey1 dd input:checked + .label{background: #3B5867;color:#fff;}

.mCount1{position:relative;font-size: 17px;font-weight: 600;margin:27px 0 0;text-align:center;line-height:31px;}
.mCount1 .prev,
.mCount1 .next{display:inline-block;position:absolute;top:0;left:0;;font-size: 17px;font-weight: 600;padding:0 0 0 39px;line-height:24px;height:24px;}
.mCount1 .prev:before,
.mCount1 .next:before{content:"";position:absolute;top:50%;left:0;margin-top:-12px;background:url(../images/ico_prev2.svg) 50% 50% no-repeat;width:27px;height:24px;}
.mCount1 .next{left:auto;right:0;padding:0 39px 0 0;}
.mCount1 .next:before{left:auto;right:0;transform:rotate(180deg);}

/* .mBio1{
	display:-webkit-flex;
	display:flex;
	align-items:end;
	margin:48px 0 0;
} */
.mBio1{
	display:flex;
	align-items:end;
	width: 100%;
	bottom: 85px;
	left: 10%;
    margin-top: 30px;
}
.mBio1 .img{display:block;border-radius: 24px;border: 1px solid #3B5867;margin:0 15px 0 0;padding:4px;width: 114px;height: 114px;}
.mBio1 .img span{display:block;position:relative;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;border-radius:22px;width:100%;height:100%;}
.mBio1 .txt{-webkit-flex:1;flex:1;font-size: 13px;font-weight: 600;line-height: 21px;}
.mBio1 .txt .graph{margin:0 0 6px;}
/* //설문 */

/* popup */
.modalBg{position:fixed;top:0;left:0;background-color:#000;opacity:0;width:100%;height:100%;transition:all 0.4s 0s;}

.mAlert1.active{display:block;}
.mAlert1{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1100;}
.mAlert1 .close{position:absolute;top:12px;right:15px;background:url(../images/ico_close1.svg) 50% 50% no-repeat;background-size:13px auto;text-indent:-9999px;font-size:0;width:23px;height:23px;}
.mAlert1 .popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;padding:27px 22px 25px;background:#fff;box-shadow:1px 1px 6px 0px rgba(0, 0, 0, 0.1);width:292px;}
.mAlert1 .scroll{max-height:calc(100% - 60px);overflow:hidden;overflow-y:auto;}

.mAlert1 .title{border-bottom:1px solid #3B5867;text-align:center;margin:0 0 30px;padding:0 0 18px;}
.mAlert1 .title h3{font-size:19px;font-weight:600;line-height:22px;}
.mAlert1 .title .name{font-size:13px;margin:15px 0 -5px;}
.mAlert1 .info.noicon{background:none;margin-top:-10px;padding-top:0;}
.mAlert1 .info{background:url(../images/ico_logout1.svg) 50% 0 no-repeat;text-align:center;font-size:16px;font-weight:500;line-height:29px;text-align:center;padding:70px 0 0;}
.mAlert1 .info.error{color:#F00;}
.mAlert1 .img{margin:35px 0 0;text-align:center;}
.mAlert1 .txt{font-size: 16px;font-weight: 500;line-height: 22px;}
.mAlert1 .input + .mButton1{margin-top:40px;}
.mAlert1 .input{margin:20px 0 0;text-align:center;}
.mAlert1 .input input{border:0;background-color:transparent;border-bottom:1px solid #000;font-size:12px;text-align:center;height:40px;}
.mAlert1 .mResult1{padding-top:0;}
.mAlert1 .mResult1 .mTitle1{color: #FF9029;font-size: 19px;}
.mAlert1 .mButton1{text-align:center;margin:30px 0 0;}
.mAlert1 .mButton1 .mBtn1{min-width:77px;margin:0 7px;}

.mAlert1.type2.active .modalBg{opacity:0.6;}
.mAlert1.type2 .popup{width:calc(100% - 70px);}

.mAlert1.w100per .popup{width:calc(100% - 40px);}

.mAlert2.active,
.mAlert2.active .popup{bottom:0;}
.mAlert2.active .modalBg{position:fixed;display:block;opacity:1;}
.mAlert2{position:fixed;bottom:-100%;left:0;width:100%;transition:all 0.4s 0s;}
.mAlert2 .modalBg{position:absolute;transition:all 0.4s 0s;}
.mAlert2 .popup{position:fixed;bottom:-100%;left:0;color:#fff;background:url(../images/k_splash2.jpg) 0 0 no-repeat;background-size:cover;border-radius:48px 48px 0 0;text-align:center;width:100%;height:calc(100% - 134px);overflow:hidden;transition:all 0.4s 0s;}
.mAlert2 .scroll{height:calc(100% - 74px);overflow:hidden;overflow-y:auto;}
.mAlert2 .scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);}
.mAlert2 .scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2);}

.mAlert2 .tit{font-size: 35px;font-weight: 700;padding:60px 0 0;letter-spacing: -1.05px;}
.mAlert2 .txt{font-size: 21px;font-weight: 400;line-height: 38px;letter-spacing: -0.63px;margin:44px 0 0;padding:0 0 20px;}
.mAlert2 .button{/*position:fixed;bottom:24px;left:0;width:100%;*/display:-webkit-flex;display:flex;padding:0 34px;text-align:left;}
.mAlert2 .button a{display:inline-block;color:#fff;font-size: 16px;font-weight: 400;line-height: 49px;letter-spacing: -0.48px;}
.mAlert2 .button .flex{-webkit-flex:1;flex:1;}
/* //popup */

/* home */
.mHome1{position:relative;display:table;background-color:#fff;text-align:right;margin:-48px -27px 0;width:calc(100% + 54px);height:130px;}
.mHome1:before{
    content:"";
    position:absolute;
    bottom:-4px;
    left:0;
    background:url(../images/ico_home1.png) 0 0 no-repeat;background-size:113px auto;width:113px;height:97px;}
.mHome1 .cell{padding:27px;}
.mHome1 .txt{display:inline-block;font-size: 15px;font-weight: 500;padding:10px 13px 0 0;vertical-align:middle;}
.mHome1 .txt .ti{display:block;padding:0 3px 0 0;}
.mHome1 .txt .na{display:block;font-size: 26px;font-weight: 600;margin:7px 0 0;}
.mHome1 .img{display:inline-block;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;border-radius:50%;width:80px;height:80px;vertical-align:middle;}

.mList2{position:relative;margin:28px 0 0 9px;}
.mList2 li + li{margin:23px 0 0;}
.mList2 li{position:relative;padding:1px 0 0 15px;}
.mList2 li:first-child{margin-right:45px;}
.mList2 li:before{content:"";position:absolute;top:0;left:0;background: #3B5867;width:3px;height:100%;}
.mList2 li .tit{font-size: 14px;font-weight: 500;line-height: 22px;}
.mList2 li .dat{font-size: 17px;font-weight: 600;line-height: 22px;margin:5px 0 0;}
.mList2 .iNotify1{position:absolute;top:0;right:5px;}

.iNotify1{display:block;background:url(../images/ico_notify1.svg) 0 0 no-repeat;text-indent:-9999px;font-size:0;width:37px;height:42px;}

.mList3{margin:25px 0 0;}
.mList3 .tit{position:relative;font-size: 13px;font-weight: 600;line-height: 22px;text-align:center;}
.mList3 .tit:before{content:"";position:absolute;top:50%;left:0;background: #3B5867;width:100%;height:1px;}
.mList3 .tit span{position:relative;display:inline-block;background:#ECEFF0;padding:0 13px;}
.box_wrap{
    width: 100%;
    position: relative;
    padding-top: 20px;
}
.after_box{
    width: 100%;
    position: absolute;
    /* z-index: 10; */
}
.before_box{
    width: 100%;
}
.btn_after_survey.stress a{
    border-color:#82949E;
    border:0;
    background-color:#82949E;
}
.btn_after_survey.depressed a{
    border-color:#82949E;
    border:0;
    background-color:#94ABA8;
}
.btn_after_survey.anxious a{
    border-color:#82949E;
    border:0;
    background-color:#9995AC;
}
.btn_after_survey.trauma a{
    border-color:#82949E;
    border:0;
    background-color:#AA95A3;
}




.btn_after_survey a:after{
    background-color:#fff;
}
.btn_after_survey a > span:before{
    display:none;}
.btn_after_survey .ti{
    color:#fff;
}
.btn_after_survey .da{
	position:absolute;
	bottom:11px;
	right:14px;
	color:#fff;
	text-align:right;
	font-size:14px;
	font-weight:normal;
	line-height: 19px;
}
.before_box{
    width: 100%;
}
.mList3 .lst{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mList3 .lst li {
    width: calc(50% - 8px);
    margin-bottom: 16px;
}
.mList3 .lst li a {
    position: relative;
    display: block;
    box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.15);
    font-size: 19px;
    font-weight: 600;
    line-height: 22px;
    overflow: hidden;
}
.mList3 .lst li a > span {
    position: relative;
    display: block;
    padding: 16px 0 0 24px;
    padding: 100% 0 0;
    height: 0;
}
.mList3 .lst li a > span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    border: 3px solid #fff;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
}
.mList3 .lst li .ti {
    position: absolute;
    top: 16px;
    left: 26px;
    z-index: 1;
}
.mList3 .lst li .bt {
    position: absolute;
    bottom: 13px;
    right: 14px;
    background: url(../images/ico_arr1.svg) 100% 50% no-repeat;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 0 22px 0 0;
    line-height: 14px;
    z-index: 1;
}
.mList3 .lst li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    background-color: #ffffff;
    transform: rotate(45deg);
    width: 50px;
    height: 1px;
    z-index: 1;
}.btn_before_survey.stress a{
	color: #82949E;
}
.btn_before_survey.stress a > span:before{
    background: url(../images/k_home2_1.png) 50% 50% no-repeat;
}

.btn_before_survey.depressed a{
	color: #94ABA8;
}
.btn_before_survey.depressed a > span:before{
    background: url(../images/k_home2_2.png) 50% 50% no-repeat;
}
.btn_before_survey.anxious a{
	color: #9995AC;
}
.btn_before_survey.anxious a > span:before{
    background: url(../images/k_home2_3.png) 50% 50% no-repeat;
}

.btn_before_survey.trauma a{
	color: #AA95A3;
}
.btn_before_survey.trauma a > span:before{
    background: url(../images/k_home2_4.png) 50% 50% no-repeat;
}
.header.type2>h1{
    color: #3B5867;
    font-size: 26px;
    font-weight: 600;
    margin: 26px 0 26px;
    line-height: 22px;
    text-align: center;
}








/* //home */

/* 상담 */
.mCounsel1{
    position:relative;
    background-position:50% 50%;
    background-size:cover;
    background-repeat:no-repeat;
    height:100%;
}
.mCounsel1 .sub{position:relative;position:absolute;top:28px;left:21px;background:url(../images/ico_camera2.svg) 50% 50% no-repeat #D9D9D9;border-radius: 20px;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2);width: 116px;height: 121px;overflow:hidden;}
.mCounsel1 .sub > span{display:block;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;}
.mCounsel1 .sub.hide:before{content:"";position:absolute;top:0;left:0;background:url(../images/ico_off2.svg) 50% 50% no-repeat;width:100%;height:100%;}
.mCounsel1 .sub.hide > span{display:none;}
.mCounsel1 .button{
    position:fixed;
    bottom:22px;
    left:0;
    display:-webkit-flex;
    display:flex;
    text-align:center;
    padding:0 10px;
    width:100%;
}
.mCounsel1 .button .col{-webkit-flex:1;flex:1;}
.mCounsel1 .button a,
.mCounsel1 .button button{position:relative;display:block;background:url(../images/ico_camera1.svg) 50% 50% no-repeat rgba(0,0,0,0.5);border-radius:50%;text-indent:-9999px;font-size:0;margin:0 auto;width: 61px;height: 61px;}
.mCounsel1 .button .iSpeak1{
    background-image:url(../images/ico_audio1.svg);
    background-size: 20px;
}
.mCounsel1 .button .iExchange1{background-image:url(../images/ico_exchange1.svg);}
.mCounsel1 .button .iEnd1{background-image:url(../images/ico_end1.svg);}
.mCounsel1 .button .active{background-color:rgba(255,0,0,0.5);}
.mCounsel1 .button .active:before{content:"";position:absolute;top:0;left:0;background:url(../images/ico_off1.svg) 50% 50% no-repeat;width:100%;height:100%;}

/* //상담 */

/*
.header{background-color: transparent !important;}
.body{background:url(../images/g.png) 0 0 no-repeat;width:360px;}
.header{background:url(../images/g.png) 0 0 no-repeat;width:360px;}
*/


.select {
    position: relative;
    color: var(--font-color);
	max-width: 200px;
	margin-top: 10px;
}

.select.active {
    z-index: 1;
}

.select.active .sel:before {
    transform: rotate(180deg)
}

.select.active .lSel {
    display: block;
    border: 1px solid #3B5867;
    border-top: 0;
}

.select>.sel {
    min-width: 100px;
    border: 1px solid #3B5867;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    position: relative;
    background-color: #ffffff;
    vertical-align: top;
    padding: 10px 26px 10px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}

.select>.sel:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    background: url(../images/ico_arrow_select.svg) 50% 50% no-repeat;
    width: 10px;
    height: 10px;
    transition: all 0.4s 0s;
}

.lSel {
    padding: 20px;
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: #fff;
    border: #3B5867;
    border-top: 0;
    padding: 0 3px 3px;
    width: 100%;
    max-height: 153px;
    overflow: hidden;
    overflow-y: auto;
}

.lSel::-webkit-scrollbar {
    width: 5px;
    height: 2px;
}

.lSel::-webkit-scrollbar-track {
    background-color: transparent;
}

.lSel::-webkit-scrollbar-thumb {
    background: #d2d2d2;
    height: 10%;
}

.lSel::-webkit-scrollbar-thumb:hover {
    background: #d2d2d2;
}

.lSel button {
    text-align: left;
    display: block;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    padding: 6px 10px;
    width: 100%;
    transition: all 0.4s 0s;
}

.lSel button+button {
    margin-top: 3px;
}

.lSel button:hover,
.lSel button.active {
    background-color: #3b586733;
}
.submit{
    position: absolute;
    top: 35%;
    right: 10%;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}
.survey_success .popup{
    width: calc(100% - 120px) !important;
}
.holiday button{
    color: #FF3737 !important;
}


/* jin 메인 */
.main_contents{
    width: 100%;
    height: 120px;
    background-color: #fff;
}
.main_contents>.wrap{
    height: 100%;
    position: relative;
}
.main_contents>.wrap>.custom_info{
    position: absolute;
    right: 20px;
    top: 0;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.main_contents>.wrap>.custom_info>.text{
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    padding-right: 6px;
}
.main_contents>.wrap>.custom_info>.text>.name{
    font-size: 25px;
    font-weight: 600;
    margin-top: 6px;
}
.main_contents>.wrap>.custom_info>.img{
    display: inline-block;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    vertical-align: middle;
}
.main_contents>.wrap>.img{
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 113px;
    height: 97px;
}

/* info */
.info_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}