@charset "utf-8";
/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 한주현 (pointweb)
* @ 작성일     : 2021-12-24
************************** 수정이력 **************************************
* 날짜                    작업자                 변경내용
* 2021-12-24              한주현                 최초작성
**************************************************************************/

.visual{position: relative;height: 160px;background: url(/_public/images/contents/sub_visual.png) 50% 50% no-repeat;background-size: cover;}
.covid-visual{position: relative;height: 240px;background: url(/_public/images/covid/covid19pc.png) 50% 50% no-repeat;background-size: cover;}

#pages{padding-bottom: 112px;}
#pages .contents{margin-top:40px;}
#pages .contents .layout{display: flex;}
#pages .contents aside{width:250px;}
#pages .contents aside h3{position:relative;background:#00468b;padding-top:75px;text-align: center;color:#fff;font-size:25px;height: 150px;border-bottom-right-radius: 10px;border-top-left-radius: 10px;box-sizing: border-box;}
#pages .contents aside h3:before{content: "";position:absolute;display: inline-block;width:40px;height: 40px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position: 0 -20px;top:25px;left: 50%;transform: translateX(-50%);}
#pages .contents aside ul{margin-top:10px;border:1px solid #dfdfdf;}
#pages .contents aside ul li{border-top:1px dashed #dfdfdf}
#pages .contents aside ul li:first-child{border-top:0;}
#pages .contents aside ul li a{display: block;line-height: 60px;padding:0 20px;font-size: 16px;color:#333;background: #f9f9f9;font-weight:500;}
#pages .contents aside ul li.on a,
#pages .contents aside ul li:hover a{background: #fff;color:#00468b;}
#pages .contents .container-box{margin-left:60px;width:calc(100% - 310px);}


.survey-tab{font-size:0;}
.survey-tab a{display: inline-block;width:25%;vertical-align: top;line-height: 50px;background: #f5f7f9;border:1px solid #d4d4d4;font-size: 16px;color:#000;text-align: center;margin: -0.5px;}
.survey-tab a:hover,
.survey-tab a.active{border-color:#61a5e3;background: #61a5e3;color:#fff;}


.survey{overflow:hidden;margin-top:45px;border:1px solid #ccc;border-radius: 10px;}
.survey h4{text-align: center;line-height: 20px;font-size:16px;color:#61a5e3;background: #61a5e3;}
.survey .list{border-top:1px solid #ccc;}
.survey .list:first-child{border-top: 0;}
.survey .list .q-box{position: relative;font-size:17px;font-weight:500;background: #f5f7f9;padding:13px 13px 13px 60px;}
.survey .list .q-box i{position: absolute;color:#0092df;display: inline-block;left:25px;width:25px;text-align: right}
.survey .list .a-box{border-top:1px solid #ccc;padding:17px 13px 17px 45px;}
.survey .list .a-box .group{font-size:0;}
.survey .list .a-box .group .radio-type1 + .radio-type1{margin-left:45px;}
.survey .list .a-box .group.block .radio-type1{display: block;}
.survey .list .a-box .group.block .radio-type1 + .radio-type1{margin-left:0;margin-top:10px;}
.survey .list .a-box .group .checkbox-type1 + .checkbox-type1{margin-top:10px;}

.survey .list table{table-layout: fixed;}
.survey .list table thead tr th{background: #f5f7f9;border: solid 1px #adbbc8;padding:10px;font-size:15px;word-break: keep-all;}
.survey .list table tbody tr td{border: solid 1px #adbbc8;padding:10px;text-align: center;font-size:15px;}
.survey .list table tbody tr td .radio-type1 label{padding-left: 20px;}
.diagnosis .button-box{margin-top:30px;text-align: center;}
.diagnosis .button-box button{display: inline-block;width:200px;line-height: 50px;background:#014d75;color:#fff;font-size:17px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}


.diagnosis .title{margin-top:38px;}
.diagnosis .result .grade-box{text-align:center;margin-top:30px;padding:40px 40px 50px;position:relative;background: #f5f7f9;}
.diagnosis .result .grade-box i{display: inline-block;width:120px;height: 120px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position: -120px -120px;}
.diagnosis .result .grade-box p{margin-top:20px;font-size:19px;color:#00468b;font-weight: 500;}
.diagnosis .result .grade-box p strong{display: block;font-size:26px;color:#202020;}
.diagnosis .result .grade-box span{display: inline-block;margin-top:30px;font-size:21px;color:#2b2b2b;font-weight: 500;}
.diagnosis .result .grade-box span em{display:inline-block;margin:0 5px;font-size:24px;color:#00468b;font-weight: bold;}
.diagnosis .result .result-txt{margin-top:10px;}
.diagnosis .result .result-txt ul{}
.diagnosis .result .result-txt ul li{position: relative;padding:40px 0 40px 280px;font-size:17px;color:#2b2b2b;border-bottom: 1px solid #ddd;}
.diagnosis .result .result-txt ul li strong{position:absolute;left:12px;font-size:17px;color:#2b2b2b;font-weight: 500;padding-left:65px;width: 32%}
.diagnosis .result .result-txt ul li strong:before{content: "";position:absolute;top: -19px;left: 0;display:inline-block;width:60px;height: 60px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;}
.diagnosis .result .result-txt ul li strong span{display: inline-block;}
.diagnosis .result .result-txt ul li strong .color-sky{color:#3e7fe9;}
.diagnosis .result .result-txt ul li strong .color-blue{color:#00468b;}
.diagnosis .result .result-txt ul li strong .color-red{color:#ff4b4b;}
.diagnosis .result .result-txt ul li .step1:before{background-position: -240px -120px;}
.diagnosis .result .result-txt ul li .step2:before{background-position: -300px -120px;}
.diagnosis .result .result-txt ul li .step3:before{background-position: -360px -120px;}
.diagnosis .result .result-txt ul li .step4:before{background-position: -420px -120px;}

/* 20260928 자가진단 입력폼*/
.diagnosis .user-form {margin:20px 0;padding:30px;border:1px solid #ddd;background:#f8f8f8;border-radius:5px;}
.diagnosis .user-form .form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px;}
.diagnosis .user-form .form-item {min-width:0;}
.diagnosis .user-form .form-item.full {grid-column:1/-1;}
.diagnosis .user-form .form-item > label,.diagnosis .user-form .form-label {display:block;margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.4;color:#222;}
.diagnosis .user-form .form-item > label em,.diagnosis .user-form .form-label em {color:#e73838;font-style:normal;}
.diagnosis .user-form input[type="text"],.diagnosis .user-form input[type="number"],.diagnosis .user-form input[type="tel"],.diagnosis .user-form select {width:100%;height:54px;padding:0 16px;border:1px solid #ccc;border-radius:8px;background:#fff;font-size:15px;color:#333;box-sizing:border-box;outline:none;transition:border-color .2s;}
.diagnosis .user-form input::placeholder {color:#999;}
.diagnosis .user-form input:focus,.diagnosis .user-form select:focus {border-color:#000;}
.diagnosis .user-form .gender-box {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.diagnosis .user-form .gender-box span {position:relative;}
.diagnosis .user-form .gender-box input {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.diagnosis .user-form .gender-box label {display:flex;align-items:center;justify-content:center;width:100%;height:54px;border:1px solid #ccc;border-radius:8px;background:#fff;font-size:16px;color:#555;box-sizing:border-box;cursor:pointer;transition:.2s;}
.diagnosis .user-form input:checked + label {border-color:#00468b;background:#ebf5fe;color:#00468b;font-weight:600;}
.diagnosis .user-form .agree-check input:checked + label {border-color:#00468b;background:none;color:#000;font-weight:600;}
.diagnosis .user-form .age-box {display:flex;align-items:center;gap:10px;}
.diagnosis .user-form .age-box span {flex:none;font-size:16px;color:#333;}
.diagnosis .user-form .age-box input { text-align:right;font-size:16px;}
.diagnosis .user-form .address-box {display:grid;grid-template-columns:190px minmax(0,1fr);gap:15px;}
.diagnosis .user-form .area-type {display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.diagnosis .user-form .area-type span {position:relative;}
.diagnosis .user-form .area-type input {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.diagnosis .user-form .area-type label {display:flex;align-items:center;justify-content:center;width:100%;height:54px;border:1px solid #ccc;border-radius:8px;background:#fff;font-size:16px;color:#555;box-sizing:border-box;cursor:pointer;transition:.2s;}
.diagnosis .user-form .area-input {position:relative;min-width:0;}
.diagnosis .user-form .area-input select {padding-right:45px;appearance:none;-webkit-appearance:none;background:#fff url(/_public/images/@draft/select_icon.png) no-repeat right 18px center;}
.diagnosis .user-form .area-input input {display:none;}
.diagnosis .user-form .agree-box {display:flex;align-items:center;justify-content:space-between;padding-top:15px; border-top: 1px solid #ccc;}
.diagnosis .user-form .agree-check {display:flex;align-items:center;gap:8px;}
.diagnosis .user-form .agree-check input {width:18px;height:18px;margin:0;accent-color:#00468b;cursor:pointer;}
.diagnosis .user-form .agree-check label {margin:0;font-size:15px;color:#333;cursor:pointer;font-weight: 500}
.diagnosis .user-form .agree-check label em {color:#e73838;font-style:normal;}
.diagnosis .user-form .privacy-view {padding:0;border:0;border-bottom:1px solid #555;background:none;font-size:14px;color:#555;cursor:pointer;}
.privacy-modal {display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;}
.privacy-modal.on {display:block;}
.privacy-modal-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);}
.privacy-modal-inner {position:absolute;top:50%;left:50%;width:calc(100% - 40px);max-width:600px;background:#fff;border-radius:12px;transform:translate(-50%,-50%);overflow:hidden;}
.privacy-modal-head {display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #ddd;}
.privacy-modal-head h3 {margin:0;font-size:20px;font-weight:700;color:#222;}
.privacy-modal-close {width:32px;height:32px;padding:0;border:0;background:none;font-size:30px;font-weight:300;line-height:1;color:#333;cursor:pointer;}
.privacy-modal-cont {padding:25px;font-size:15px;line-height:1.7;color:#555;}
.privacy-modal-cont p { margin-bottom: 15px; }
.privacy-modal-cont dd { margin-bottom:10px;}


.center .greetings .top{padding:67px 0 37px;background: url(/_public/images/contents/greetings01.png) right bottom no-repeat;}
.center .greetings .top h3{font-size:32px;}
.center .greetings .top h3 span{display: inline-block;color:#00468b;}
.center .greetings .top strong{display: block;margin-top:20px;font-size:17px;color:#202020;}
.center .greetings .txt{margin-top:30px;}
.center .greetings .txt p{font-size:17px;line-height: 30px;color:#333;word-break: keep-all;}
.center .greetings .txt span{display: block;color:#00468b;font-weight:500;}
.center .greetings .txt span i{position:relative;display: inline-block;}
.center .greetings .txt span i:before{content: "";position:absolute;left:0;bottom:0;display: block;width:103%;height: 10px;background: #eaf0f6;border-radius: 10px;z-index: -1;}
.center .greetings .txt em{display: block;margin-top:50px;text-align: right;color:#333;font-size:16px;font-weight:500;}
.center .greetings .txt em img{margin-left:10px;}
.center .vision{padding-top:40px;}
.center .vision .top-list{margin-top:70px;font-size:0;text-align: center;}
.center .vision .top-list > div{margin-left:23px;position:relative;display: inline-block;width:200px;padding-top:200px;border-radius: 100%;border:1px solid #adbbc8;background: #f5f7f9;text-align: center;}
.center .vision .top-list > div:first-child{margin-left:0;}
.center .vision .top-list > div:nth-child(2){background: #fff;}
.center .vision .top-list > div i{position:absolute;top:33%;left:50%;transform:translate(-50%, -50%);display: inline-block;width:60px;height: 60px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;}
.center .vision .top-list > div:nth-child(1) i{background-position: -300px -60px;}
.center .vision .top-list > div:nth-child(2) i{background-position: -360px -60px;}
.center .vision .top-list > div:nth-child(3) i{background-position: -420px -60px;}
.center .vision .top-list > div p{font-size: 18px;color:#202020;font-weight: 500;width:100%;position: absolute;top:70%;transform: translateY(-50%);text-align: center;}
.center .vision .top-list > div p strong{display: block;font-size:24px;color:#00468b;}
.center .vision .txt-box{margin-top:70px;padding:46px 40px 204px;background: url(/_public/images/contents/vision01.png) no-repeat;background-size: cover;text-align: center;border-radius: 10px;}
.center .vision .txt-box h3{font-size:28px;color:#2b2b2b;}
.center .vision .txt-box h3 span{display: inline-block;font-size:20px;color:#00468b;}
.center .vision .txt-box .txt{margin-top:45px;background: #fff;border-top-left-radius: 10px;border-bottom-right-radius: 10px;padding:30px;font-size:18px;}
.center .vision .txt-box .txt span{display: inline;color:#00468b;}
.center .vision .txt-box .txt strong{}
.center .vision .values{margin-top:70px;}
.center .vision .values h3{font-size:28px;color:#2b2b2b;text-align: center;}
.center .vision .values h3 span{display: inline-block;font-size:20px;color:#00468b;}
.center .vision .values ul{margin-top: 45px;font-size:0;text-align: center;}
.center .vision .values ul li{display: inline-block;width:31.3333%;margin: 1%;background: #f5f7f9;border-radius: 10px;vertical-align: top;padding:40px;}
.center .vision .values ul li h4{font-size:19px;color:#00468b;}
.center .vision .values ul li h4 span{display: block;font-size:15px;color:#202020;font-weight:500;}
.center .vision .values ul li p{margin-top:20px;font-size:16px;color:#2b2b2b;word-break: keep-all;}
.center .vision .vision-list{margin-top:70px;}
.center .vision .vision-list h3{font-size:28px;color:#2b2b2b;text-align: center;}
.center .vision .vision-list h3 span{display: inline-block;font-size:20px;color:#00468b;}
.center .vision .vision-list ul{margin-top: 35px;}
.center .vision .vision-list ul li{display: flex;margin-top:15px;}
.center .vision .vision-list ul li:first-child{margin-top:0;}
.center .vision .vision-list ul li i{display: inline-block;text-align: center;width:60px;line-height: 60px;font-size:20px;color:#fff;background: #00468b;font-weight: bold;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.center .vision .vision-list ul li:nth-child(even) i{background: #98b6d1;}
.center .vision .vision-list ul li p{margin-left: 10px;border:1px solid #adbbc8;border-top-left-radius: 10px;border-bottom-right-radius: 10px;font-size:17px;color:#2b2b2b;padding:17px 20px;width:calc(100% - 70px);}

.center .history{padding-top:40px;}
.center .history dl{margin-top:60px;}
.center .history dl dt{width:110px;font-size:30px;color:#00468b;font-weight:900;position: relative;top: -20px;}
.center .history dl dt:after{content: "";position: absolute;top: 16px;right: -5px;display: inline-block;width: 9px;height: 9px;background: #00468b;border-radius: 100%;z-index: 10;}
.center .history dl dd{padding:0 0 0 110px;}
.center .history dl dd ul{padding:0 0 50px 45px;border-left:1px dashed #93a4ac;}
.center .history dl dd ul li{position: relative;padding-left:40px;margin-top:20px;font-size:16px;color:#333;}
.center .history dl dd ul li:first-child{margin-top:0;}
.center .history dl dd ul li em{position: absolute;left:0;font-size:18px;color:#555;font-weight: bold;}
.center .history dl dd ul li p{position: relative;padding-lefT:16px;margin-bottom: 5px;}
.center .history dl dd ul li p:before{content: "";position:absolute;top:9px;left:0;display: inline-block;width:6px;height: 6px;border-radius: 100%;background: #bac8d4;}

.center .organization{padding-top:40px;}
.center .organization figure{margin-top:60px;text-align: center;}

.center .guide{padding-top:40px;}
.center .guide .section01{margin-top:40px;}
.center .guide .section01 ul{margin-top:20px;}
.center .guide .section02{margin-top:60px;}
.center .guide .section02 .box{margin-top:25px;display: flex;border:1px solid #ccc;border-top-left-radius: 10px;border-bottom-right-radius: 10px;padding:40px;}
.center .guide .section02 .box p{position:relative;flex:1;font-size:16px;color:#2b2b2b;padding-left:50px;}
.center .guide .section02 .box p:before{content: "";position:absolute;top:-19px;left:-15px;display: inline-block;width:60px;height: 60px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position: -240px -180px;}
.center .guide .section02 .box p:last-child strong{color:#00468b;}
.center .guide .section02 .box p:last-child:before{background-position: -300px -180px;}
.center .guide .section02 .box p + p{margin-left:90px;}
.center .guide .section02 .box p:first-child:after{content: "";position:absolute;top: -12px;right: -45px;display: inline-block;width:1px;height: 50px;background: #ccc;}
.center .guide .section03{margin-top:60px;}
.center .guide .section03 figure{margin-top:25px;}
.center .guide .section03 .list{display: flex;justify-content: space-between;margin-top:60px;}
.center .guide .section03 .list li{display: inline-block;text-align: center;}
.center .guide .section03 .list li p{margin-top:10px;font-size:17px;color:#202020;}
.center .guide .section03 .ul-type1{margin-top:60px;}
.center .guide .section03 .sns-box{margin-top:20px;border:2px solid #ced8e2;border-top-left-radius: 10px;border-bottom-right-radius: 10px;padding:0 25px;}
.center .guide .section03 .sns-box p{position:relative;padding:20px 0 20px 40px;font-size:16px;color:#333;}
.center .guide .section03 .sns-box p:before{content: "";position:absolute;top:12px;left:0;display: inline-block;width:40px;height: 40px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;}
.center .guide .section03 .sns-box .instagram:before{background-position: -80px -240px;}
.center .guide .section03 .sns-box .facebook:before{background-position: -120px -240px;}
.center .guide .section03 .sns-box p + p{border-top:1px solid #ced8e2;}
.center .guide .section03 .sns-box p a{position:absolute;top:15px;right:0;display: inline-block;border:1px solid #00468b;width:100px;line-height:30px;font-size:15px;color:#00468b;text-align: center;border-radius: 5px;}
.center .guide .section03 .tel-list{display: flex;margin-top:30px;}
.center .guide .section03 .tel-list .box{flex:1;padding:28px 30px;margin-left:26px;border-radius: 10px;background: #f5f7f9;}
.center .guide .section03 .tel-list .box p{font-size:17px;color:#161616;font-weight:500;}
.center .guide .section03 .tel-list .box p em{display: block;font-weight: bold;}
.center .guide .section03 .tel-list .box strong{position: relative;display: block;margin-top:10px;font-size:22px;padding-left:25px;}
.center .guide .section03 .tel-list .box strong:before{content: "";position:absolute;top:-5px;left:-7px;display: inline-block;width:40px;height:40px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;}
.center .guide .section03 .tel-list .box:first-child{margin-left:0;}
.center .guide .section03 .tel-list .box:nth-child(1) strong{color:#00a0f5;}
.center .guide .section03 .tel-list .box:nth-child(1) strong:before{background-position: -360px -20px;}
.center .guide .section03 .tel-list .box:nth-child(2) strong{color:#ec5d66;}
.center .guide .section03 .tel-list .box:nth-child(2) strong:before{background-position: -400px -20px;}
.center .guide .section03 .tel-list .box:nth-child(3) strong{color:#11b18b;}
.center .guide .section03 .tel-list .box:nth-child(3) strong:before{background-position: -440px -20px;}

.center .information-tel{padding-top:40px;}
.center .information-tel .table-wrap{margin-top:50px;}
.center .information-tel .table-wrap table{border-top:2px solid #00468b;table-layout: fixed;}
.center .information-tel .table-wrap table thead tr th{background: #f5f7f9;border-bottom: solid 1px #ddd;border-left: solid 1px #ddd;padding:10px;font-size:15px;word-break: keep-all;}
.center .information-tel .table-wrap table thead tr th:first-child{border-left:0;}
.center .information-tel .table-wrap table tbody tr td{border-bottom: solid 1px #ddd;border-left: solid 1px #ddd;padding:10px;text-align: center;font-size:15px;}
.center .information-tel .table-wrap table tbody tr td:first-child{border-left:0;}
.center .information-tel .table-wrap table tbody tr td .blue{color:#00468b;font-weight: 500;}
.center .information-tel .title{margin-top: 60px;}
.center .information-tel .title + .table-wrap{margin-top: 25px;}


.center .location{padding-top:40px;}
.center .location .title{margin-top:40px;}
.center .location .box{margin-top:25px;border:2px solid #ced8e2;border-top-left-radius: 10px;border-bottom-right-radius: 10px;padding:38px 40px;}
.center .location .box p{position:relative;font-size:16px;color:#2b2b2b;padding-left:50px;}
.center .location .box p:before{content: "";position:absolute;top:-19px;left:-15px;display: inline-block;width:60px;height: 60px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position: -360px -180px;}
.center .location .box p a{position:absolute;top:-4px;right:0;display: inline-block;border:1px solid #00468b;width:100px;line-height:30px;font-size:15px;color:#00468b;text-align: center;border-radius: 5px;}
.center .location .map-box{margin-top:30px;height: 540px;}
.center .location .map-box .kakaomap{width:100%;height: 100%;}
.center .location .map-box .kakaomap .wrap_map{width:100%;height: 100% !important;}
.center .location .ul-type1{margin-top:25px;}
.center .location .ul-type1 li + li{margin-top:20px;}
.center .location .ul-type1 li p{position:relative;margin-top:9px;font-weight: normal;padding-left:13px;}
.center .location .ul-type1 li p:before{content: "";position:absolute;top:10px;left:0;display: inline-block;width:4px;height: 4px;border-radius: 100%;background: #00468b;}


.health .mt50 { margin-top:50px}
.health .mb50 { margin-bottom:60px !important; }
.health .top {padding: 50px 10px;border-bottom: dashed 1px #93a4ac;margin-bottom: 50px;}
.health .top h3 {font-size: 28px;color: #00468b;font-weight: 600;position: relative;}
.health .top h3::before {content: ""; background: #ebf1f6;width: 20%;height: 40%;position: absolute;z-index: -1;display: block;bottom: 0;border-radius: 99px;left: -10px;}
.health .top p { font-size: 17px; line-height: 28px; color: #333; margin-top: 20px; position: relative; padding-left: 10px; word-break: keep-all;}
.health .top p::before {content: ""; background:#00468b; display: inline-block; width: 5px; height: 5px; border-radius: 33px; position: absolute; left: -5px; top: 10px}
.health p { word-break: keep-all;}
.health p.hpoint { padding: 30px; font-size: 16px; line-height: 28px; background: #f5f7f9; margin: 25px 0;}
.health p.htxt { padding: 0 10px; font-size: 16px; line-height: 28px; margin-bottom: 30px}
.health p.notxt { font-size: 16px;; line-height: 28px; padding-bottom: 10px; font-weight: 500}
.health p.notxttop { font-size: 16px;; line-height: 28px; padding: 0 ; font-weight: 500}

.health .schizophrenia ul { margin-bottom: 40px; }

.health .stress .stress3 {padding: 25px 0 60px;display: flex;}
.health .stress .stress3 div {display: inline-block;vertical-align:top;text-align: center;border: 1px solid #ddd;padding: 30px;flex: 1;position: relative;margin-left: 40px;}
.health .stress .stress3 div:first-child { margin-left:0 }
.health .stress .stress3 div::after {content: "";position: absolute;display: block;width:20px;height: 40px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position: -480px -20px;left: -32px;transform:translateY(-50%);top: 50%}
.health .stress .stress3 div:first-child::after {  display: none;}
.health .stress .stress3 div span { display: block; }
.health .stress .stress3 .nm {font-size: 19px;font-weight: 500;padding:0 0 30px; margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.health .stress .stress3 div.st1 span { color: #ff606a}
.health .stress .stress3 div.st2 span { color: #ff8e2c}
.health .stress .stress3 div.st3 span { color: #11b18b}
.health .stress .stress3 div p { font-size: 16px; word-break: keep-all;}

.health .depress ul { margin-bottom: 40px; }
.health .depress ul li { line-height: 26px}
.health .depress ul li ul { margin-bottom: 10px; }


.health .institution-tel .table-wrap table tbody tr.clb {background: #e1e8ee; padding: 15px; font-size: 16px; font-weight: 500}
.health .institution-tel .table-wrap table tbody tr.cly {background: #f4f4f4; padding: 15px; font-size: 16px; font-weight: 500}
/* .health .institution-tel{padding-top:40px;} */
.health .institution-tel .table-wrap{margin-top:25px;}
.health .institution-tel .table-wrap table{border-top:2px solid #00468b;table-layout: fixed;}
.health .institution-tel .table-wrap table thead tr th{background: #f5f7f9;border-bottom: solid 1px #ddd;border-left: solid 1px #ddd;padding:15px;font-size:15px;word-break: keep-all;}
.health .institution-tel .table-wrap table thead tr th:first-child{border-left:0;}
.health .institution-tel .table-wrap table tbody tr .info_td{border-bottom: solid 1px #ddd;border-left: solid 1px #ddd;padding:15px;text-align: left;font-size:15px;}
.health .institution-tel .table-wrap table tbody tr td{border-bottom: solid 1px #ddd;border-left: solid 1px #ddd;padding:15px;text-align: center;font-size:15px;}
.health .institution-tel .table-wrap table tbody tr td:first-child{border-left:0;}
.health .institution-tel .table-wrap table tbody tr td .blue{color:#00468b;font-weight: 500;}
.health .institution-tel .title{margin-top: 60px;}
.health .institution-tel .title:first-child {margin-top: 40px; }
.health .institution-tel .title + .table-wrap{margin-top: 25px;}
.health .institution-tel .table-wrap h4 { margin:40px 0 25px }

.business {padding-top: 50px; }

.covid-nav{background:#014878;text-align: center;font-size:0;}
.covid-nav a{position:relative;display: inline-block;font-size:18px;color:#fff;line-height: 50px;margin-left:114px;}
.covid-nav a.active,
.covid-nav a:hover{color:#ffd600;}
.covid-nav a:before{transform: rotate(29deg);content: "";display: inline-block;width: 2px;height: 15px;background: #35698d;position: absolute;left: -52px;top: 19px;}
.covid-nav a:first-child{margin-left:0;}
.covid-nav a:first-child:before{display: none;}

.covid{margin-top:50px;}
.covid .introduce .box{padding:40px 40px 70px;border:1px dashed #ccc;background: #f5f7f9;text-align: center;}
.covid .introduce .box p{margin-top:20px;font-size:17px;color:#202020;}
.covid .introduce .box p strong { font-size: 24px;}
.covid .introduce .box p span {font-size: 16px;  font-weight: 500;  color: #00468b;}
.covid .introduce .box .loginbox{position:relative;margin:40px auto 0;max-width:650px;padding:40px 50px;border:1px solid #ccc;border-radius: 10px;background: #fbfbfc;text-align: left;}
.covid .introduce .box .loginbox h4{font-size:25px;color:#333;}
.covid .introduce .box .loginbox fieldset .fieldwrap{position:relative;padding-right:150px;margin-top:20px;}
.covid .introduce .box .loginbox fieldset .fieldwrap > div{position:relative;}
.covid .introduce .box .loginbox fieldset .fieldwrap > div + div{margin-top:10px;}
.covid .introduce .box .loginbox fieldset .fieldwrap > div input[type="text"],
.covid .introduce .box .loginbox fieldset .fieldwrap > div input[type="password"]{width:100%;height: 50px;border:1px solid #ddd;background: #fff;padding:0 10px 0 56px;}
.covid .introduce .box .loginbox fieldset .fieldwrap > div input[type="text"]::placeholder,
.covid .introduce .box .loginbox fieldset .fieldwrap > div input[type="password"]::placeholder{font-size:14px;color:#aaa;}
.covid .introduce .box .loginbox fieldset .fieldwrap > div i{position: absolute;left:20px;font-size:18px;top:14px;}
.covid .introduce .box .loginbox fieldset .fieldwrap  button{position:absolute;right:0;font-size:16px;color:#fff;background: #00468b;width:140px;line-height: 110px;top:0;}
.covid .introduce .box .loginbox fieldset .ios-chk{margin-top:20px;}
.covid .introduce .box .loginbox ul{margin-top:11px;}
.covid .introduce .box .loginbox ul li{position:relative;font-size:16px;color:#333;}
.covid .introduce .box .loginbox ul li + li{margin-top:5px;}
.covid .introduce .box .loginbox .link-box{font-size:0;position: absolute;top:2px;right:0;}
.covid .introduce .box .loginbox .link-box a{display: inline-block;font-size:15px;color:#00468b;}
.covid .introduce .box .loginbox .link-box a:first-child{font-weight:bold;}
.covid .introduce .box .loginbox .link-box a + a{margin-left:20px;}
.covid .introduce img { display: block; text-align: center; padding-top: 50px; margin: auto;}



.covid .free-board .notice-box{position:relative;border-top:2px solid #00468b;border-bottom:2px solid #00468b;padding: 28px 80px 28px 140px;font-size:18px;}
.covid .free-board .notice-box:before{content: "";display: inline-block;position:absolute;left: 7px;
top: 17px;width:120px;height: 60px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size:500px;background-position: -60px -520px;}
.covid .free-board .top-box{}
.covid .free-board .top-box a{display: inline-block;width:150px;line-height: 40px;background: #fff;border-top-left-radius: 10px;border-bottom-right-radius: 10px;border:1px solid #014d75;text-align: center;font-size:16px;position:absolute;top:47px;right:70px;}
.covid .free-board .button-box{text-align: center;padding:50px 0;}
.covid .free-board .button-box button{display: inline-block;background: #014d75;border-top-left-radius: 10px;border-bottom-right-radius: 10px;line-height: 50px;text-align: center;font-size:16px;color:#fff;font-weight: 500;width:200px;}
.covid .free-board .list-wrap{border-top:1px solid #ddd;}
.covid .free-board .list-wrap .total-info{line-height: 50px;font-size:15px;color:#202020;padding:0 30px;}
.covid .free-board .list-wrap .total-info strong{display: inline-block;}
.covid .free-board .list-wrap > ul{border-top:1px solid #ddd; /*border-bottom: 9px solid #EBEBEB;*/}
.covid .free-board .list-wrap > ul > li{border: 1px solid #bbc8ce;margin-bottom: 20px;}
.covid .free-board .list-wrap > ul > li:first-child { margin-top: 20px}
.covid .free-board .list-wrap > ul > li:nth-child(odd){background: #fcfcfc;}
.covid .free-board .list-wrap > ul > li .top-wrap{padding:27px 0;}
.covid .free-board .list-wrap > ul > li .top{font-size:0;padding:0 30px;}
.covid .free-board .list-wrap > ul > li .top span{position:relative;display:inline-block;font-size:15px;color:#787878;}
.covid .free-board .list-wrap > ul > li .top .name{margin-left:23px;font-weight:500;}
.covid .free-board .list-wrap > ul > li .top .name:before{content: "";position:absolute;display: inline-block;width:3px;height: 3px;background: #787878;border-radius:100%;top: 9px;left: -12px;}
.covid .free-board .list-wrap > ul > li .txt{padding:0 30px;margin-top:20px;font-size:16px;color:#333;word-break: keep-all;}
.covid .free-board .list-wrap > ul > li .button-group{font-size:0;margin-top:25px;padding:0 30px;}
.covid .free-board .list-wrap > ul > li .button-group button{position:relative;display: inline-block;margin-left:10px; border-radius: 5px;border: solid 1px #ccc;background-color: #fff;text-align: center;padding:0 12px 0 40px;font-size:15px;color:#787878;line-height: 31px;}
.covid .free-board .list-wrap > ul > li .button-group button:first-child{margin-left:0;}
.covid .free-board .list-wrap > ul > li .button-group button:before{content: "";position:absolute;display: inline-block;width:20px;height: 20px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;top: 5px;left: 12px;}
.covid .free-board .list-wrap > ul > li .button-group .button1:before{background-position: 0 -580px;}
.covid .free-board .list-wrap > ul > li .button-group .button2:before{background-position: -40px -580px;}
.covid .free-board .list-wrap > ul > li .button-group .button3:before{background-position: -80px -580px;}
.covid .free-board .list-wrap > ul > li .button-group .button1.active{border-color:#f86565;color:#f86565}
.covid .free-board .list-wrap > ul > li .button-group .button2.active{border-color:#3e7fe9;color:#3e7fe9}
.covid .free-board .list-wrap > ul > li .button-group .button3.active{border-color:#00468b;color:#00468b}
.covid .free-board .list-wrap > ul > li .button-group .button1.active:before{background-position: -20px -580px;}
.covid .free-board .list-wrap > ul > li .button-group .button2.active:before{background-position: -60px -580px;}
.covid .free-board .list-wrap > ul > li .button-group .button3.active:before{background-position: -100px -580px;}
.covid .free-board .list-wrap > ul > li .modify-box{margin-top:20px;font-size:0;text-align: right;padding:0 30px;}
.covid .free-board .list-wrap > ul > li .modify-box button{margin-left:10px;display: inline-block;border-radius: 5px;line-height: 31px;border:1px solid #ff5762;width:80px;text-align: center;color:#ff5762;font-size:15px;}
.covid .free-board .list-wrap > ul > li .modify-box button:first-child{margin-left:0;border-color:#00468b;background: #00468b;color:#fff;}
.covid .free-board .list-wrap > ul > li .comment-box{margin-top: 20px;}
.covid .free-board .list-wrap > ul > li .comment-box .toggle{padding:0 30px;}
.covid .free-board .list-wrap > ul > li .comment-box .toggle button{position:relative;display: inline-block;font-size:16px;color:#3e7fe9;font-weight: 500;padding-right:23px;}
.covid .free-board .list-wrap > ul > li .comment-box .toggle button:before{content: "";position:absolute;right:0;top:2px;display: inline-block;width:20px;height: 20px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-position: -120px -580px;}
.covid .free-board .list-wrap > ul > li .comment-box .toggle button.open:before{transform: rotate(-180deg);}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list{margin-top:20px;background: #fff;display: none;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list.active{display: block;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list .comment-write{position:relative;background: #f5f5f5;padding:10px;height: 70px;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list .comment-write textarea{display: inline-block;width:calc(100% - 130px);height: 50px;border:1px solid #cfcfcf;background: #fff;resize: none;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list .comment-write button{position:absolute;right:10px;display: inline-block;width:120px;line-height: 48px;border:1px solid #cfcfcf;background: #e1e1e1;text-align: center;font-size:16px;color:#3d3d3d;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul{ margin-top:10px;padding:0 20px;border-bottom: 10px solid #e5e5e5; margin-bottom:-27px;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li{border-bottom: 2px solid #e0e0e0;padding:20px;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li:last-child {border-bottom: 0px; padding:20px;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment-write{margin-top:10px;display: none;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment-write.active{display: block;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment-txt{font-size:16px;color:#555;margin-bottom: 10px;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment-txt strong{display: inline-block;margin-right: 10px;color:#3e7fe9; font-weight: 500}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment-txt strong.admin_box { color: #555}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment-txt textarea { vertical-align: middle; width: 80%; border: 1px solid #ccc; padding: 3px;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment2 {padding: 10px 0;background: #f6f6f6;margin-bottom: 2px;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment-txt span {font-size: 14px;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment2 p { padding:0 10px}

.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li p{margin-top:10px;font-size:14px;color:#787878;}
.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li p button{display: inline-block;width:50px;line-height: 30px;border:1px solid #ccc;text-align: center;background: #fff;margin-left: 10px;vertical-align: middle;font-weight:bold;}
.covid .free-board .list-wrap .write-box{padding:30px;background: #eef0f3;border:1px solid #bac7d4;}
.covid .free-board .list-wrap .write-box .option{font-size:0;}
.covid .free-board .list-wrap .write-box .option strong{display: inline-block;font-size:17px;color:#555;}
.covid .free-board .list-wrap .write-box .option .select-radio{margin-left:20px;display: inline-block;position:relative;}
.covid .free-board .list-wrap .write-box .option .select-radio input[type="radio"]{position: absolute;opacity: 0;}
.covid .free-board .list-wrap .write-box .option .select-radio label{position: relative;font-size:15px;color:#555;padding-left:25px;}
.covid .free-board .list-wrap .write-box .option .select-radio label:before{content: "";position:absolute;left:0;display: inline-block;width:6px;height: 6px;border-radius: 100%;border:7px solid #ccd5e9;background: #fff;}
.covid .free-board .list-wrap .write-box .option .select-radio input[type="radio"]:checked + label:before{border-color:#75a0ff;}
.covid .free-board .list-wrap .write-box .inner{position:relative;margin-top:29px;}
.covid .free-board .list-wrap .write-box .inner textarea{display: inline-block;width:calc(100% - 175px);padding:20px;height: 120px;border:1px solid #d9d9d9;background: #fff;resize: none;}
.covid .free-board .list-wrap .write-box .inner button{display: inline-block;position:absolute;right:0;width:155px;height: 120px;line-height: 120px;text-align: center;font-size:18px;color:#fff;font-weight:bold;background:#006ba3;}

.covid .edit{}
.covid .edit table{margin-top:25px;border-top:2px solid #00468b;table-layout: fixed;}
.covid .edit table tbody tr th{padding:15px 30px;border-bottom:1px solid #ccc;background: #eff2f5;font-size:17px;color:#202020;}
.covid .edit table tbody tr td{padding:15px 30px;border-bottom:1px solid #ccc;font-size:15px;color:#787878;}
.covid .edit table tbody tr td input[type="text"]{width:242px;height: 40px;border:1px solid #ccc;background: #fff;}
.covid .edit table tbody tr td br{display: none;}
.covid .edit table tbody tr td button{display: inline-block;line-height: 40px;text-align: center;padding:0 10px;font-size:15px;color: #fff;background:#014878;margin:0 5px;}
.covid .edit .button-box{margin-top: 40px;font-size:0;text-align: center;}
.covid .edit .button-box button{margin-left: 20px;display: inline-block;border-bottom-right-radius: 10px;border-top-left-radius: 10px;line-height: 48px;border:1px solid #00468b;text-align: center;font-size:18px;color:#00468b;width:166px;}
.covid .edit .button-box button:first-child{margin-left:0;background: #00468b;color:#fff;}
.covid .consulting{}
.covid .consulting .select-box{margin-top:30px;padding:20px 0;border:1px solid #ccc;border-bottom-right-radius: 10px;border-top-left-radius: 10px;display: flex;}
.covid .consulting .select-box > div{position:relative;flex:1;padding:20px 39px;}
.covid .consulting .select-box > div + div{border-left:1px solid #ccc;}
.covid .consulting .select-box .radio-type1 label{font-size:21px;color:#202020;font-weight: bold;}
.covid .consulting .select-box .radio-type1 label:before{top:6px;}
.covid .consulting .select-box .radio-type1 label:after{top:12px;}
.covid .consulting .select-box ul{margin-top:20px;}
.covid .consulting .select-box ul li{font-size:17px;color:#2b2b2b;}
.covid .consulting .select-box ul li + li{margin-top:5px;}
.covid .consulting .select-box strong{display: block;margin-top:10px;font-size:18px;color:#202020;}
.covid .consulting .select-box strong span{color:#00468b;}
.covid .consulting .select-box a{margin-top:25px;display: inline-block;width:200px;line-height: 50px;background: #00468b;;color:#fff;font-size: 18px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;text-align: center;}
.covid .diagnosis .result .result-txt ul li strong{width: 28%;}


.education{}
.education .tab{margin-top:40px;}

.education .list .search-box{margin-top:40px;position:relative;font-size:0;text-align: center;background:#fafafa;border-radius: 5px;padding:20px 10px;}
.education .list .search-box .select{display:inline-block;width:140px;text-align: left;vertical-align: top;}
.education .list .search-box select{display:inline-block;width:17%;vertical-align: middle;border:1px solid #e5e5e5;height:40px;padding:0 20px;background:#fff url(/_public/images/@draft/select_icon.png) no-repeat; background-position: 95% 50%;}
.education .list .search-box select:nth-child(2){width:50%;}
.education .list .search-box input[type="text"]{display:inline-block;vertical-align: top;padding:10px;width:300px;height:40px;background:#fff;border:1px solid #e5e5e5;border-left:0;box-sizing: border-box;}
.education .list .search-box button{display:inline-block;margin-left:5px;width:100px;vertical-align:top;box-sizing:border-box;background:#00468b;font-size:14px;color:#fff;line-height: 40px;}
.education .list .total-info{margin-top:20px;font-size:15px;color:#202020;}
.education .list .total-info strong{margin-left: 10px;}
.education .list ul{margin-top:20px;border-top:2px solid #00468b;}
.education .list ul li{padding:30px 18px;border-bottom:1px solid #ccc;}
.education .list ul li a{display: block;}
.education .list ul li h3{font-size: 18px;color:#202020;font-weight:500;}
.education .list ul li h3 .ct{display: inline-block;width:80px;line-height:30px;border-radius:25px;text-align: center;color:#fff;font-size:16px;color:#fff;margin-right:10px;}
.education .list ul li h3 .ct.type1{background:#b4b4b4;}
.education .list ul li h3 .ct.type2{background:#00468b;}
.education .list ul li h3 .ct.type3{background:#ff6666;}
.education .list ul li h3 .ct.type4{background: #ebf5ff; border: 1px solid #becede; line-height: 28px;  color: #00468b;}

.education .list ul li .info{margin-top: 13px;font-size:0;}
.education .list ul li .info p{position:relative;margin:5px 0;display: inline-block;width:50%;vertical-align: top;font-size:16px;color:#333;}
.education .list ul li .info p strong{position:relative;display:inline-block;margin-right:10px;padding-lefT:17px;}
.education .list ul li .info p strong:before{content: "";position:absolute;top:6px;left:0;display: inline-block;width:6px;height:6px;border:3px solid #bac8d4;border-radius: 100%;background: #fff;}
.education .view{margin-top:50px;border-top:2px solid #00468b;}
.education .view .top{padding:20px 30px;background: #f5f7f9;}
.education .view .top h3{font-size: 18px;color:#202020;font-weight:500;}
.education .view .top h3 .ct{display: inline-block;width:80px;line-height:30px;border-radius:25px;text-align: center;color:#fff;font-size:16px;margin-right:10px;}
.education .view .top h3 .ct.type1{background:#b4b4b4;}
.education .view .top h3 .ct.type2{background:#00468b;}
.education .view .info{border-top:1px solid #bac8d4;font-size:0;padding:10px 30px;}
.education .view .info p{position:relative;margin:5px 0;display: inline-block;width:50%;vertical-align: top;font-size:16px;color:#333;}
.education .view .info p strong{position:relative;display:inline-block;margin-right:10px;padding-lefT:17px;}
.education .view .info p strong:before{content: "";position:absolute;top:6px;left:0;display: inline-block;width:6px;height:6px;border:3px solid #bac8d4;border-radius: 100%;background: #fff;}
.education .view .body-contents{padding:40px;border-top:1px solid #bac8d4;}
.education .view .file{border-top:1px solid #bac8d4;border-bottom:1px solid #bac8d4;padding:20px 30px;font-size:0;}
.education .view .file strong{font-size:16px;color:#202020;display: inline-block;}
.education .view .file button{margin-left:40px;font-size:16px;color:#202020;display: inline-block;color:#787878;}
.education .view .register{background: #f5f7f9; padding:20px;margin-top:40px;border-top:2px solid #00468b;}
.education .view .register h3{font-size:24px;color:#202020;}
.education .view .register .fieldbox{background: #fff;margin-top:25px;padding:30px 55px;border-radius: 10px;}
.education .view .register .fieldbox h4{font-sizE:17px;color:#333;}
.education .view .register .fieldbox table{table-layout: fixed;}
.education .view .register .fieldbox table tbody tr th{padding:20px;border-bottom:1px solid #ccc;text-align: left;color:#333;font-size:17px;}
.education .view .register .fieldbox table tbody tr td{padding:20px;border-bottom:1px solid #ccc;font-size:17px;color:#787878;}
.education .view .register .fieldbox table tbody tr td select{max-width:400px;width:100%;height: 40px;border:1px solid #707070;font-size:15px;color:#aaa;padding:0 45px 0 10px;}
.education .view .register .fieldbox table tbody tr td input[type="text"],
.education .view .register .fieldbox table tbody tr td input[type="tel"] {width:100%;height: 40px;padding:0 10px;background: #eee;}
.education .view .register .fieldbox table tbody tr td input[type="text"]::placeholder,
.education .view .register .fieldbox table tbody tr td input[type="tel"]::placeholder{font-size:15px;color: #aaa;}
.education .view .register .fieldbox table tbody tr td .addr-wrap{}
.education .view .register .fieldbox table tbody tr td .addr-wrap .addr1{display: flex;border-bottom:1px solid #ccc;padding:10px 0;align-items: center;}
.education .view .register .fieldbox table tbody tr td .addr-wrap .addr1 input[type="text"]{background: #fff;max-width:150px;}
.education .view .register .fieldbox table tbody tr td .addr-wrap .addr1 button{display: inline-block;width:120px;line-height: 40px;text-align: center;color:#fff;border-radius: 5px;background:#00468b;}
.education .view .register .fieldbox table tbody tr td .addr-wrap .addr2{border-bottom:1px solid #ccc;}
.education .view .register .fieldbox table tbody tr td .addr-wrap .addr2 input[type="text"]{background: #fff;}
.education .view .register .fieldbox table tbody tr td .addr-wrap .addr3{padding:10px 0;}
.education .view .register .fieldbox table tbody tr td .group{font-size:0;}
.education .view .register .fieldbox table tbody tr td .group .radio-type1{}
.education .view .register .fieldbox table tbody tr td .group .radio-type1 + .radio-type1{margin-left:55px;}
.education .view .register .terms-box{margin-top:20px;border:1px solid #ccc;border-radius: 10px;padding:20px;}
.education .view .register .terms-box .txt-box{margin-top:20px;max-height: 100px;overflow-y: auto;font-size:16px;color:#787878;}
.education .view .button-box{margin-top:40px;font-size:0;text-align: center;}
.education .view .button-box button{line-height: 58px;border:1px solid #00468b;border-top-left-radius: 10px;border-bottom-right-radius: 10px;text-align: center;color:#fff;border:1px solid #00468b;background: #00468b;width:50%;margin-left:20px;font-size:17px;}
.education .view .button-box button:first-child{width:25%;background: #fff;color:#00468b;}
.education .button-box{margin-top:35px;text-align: center;}
.education .button-box button{display: inline-block;width:500px;line-height: 50px;background:#014d75;color:#fff;font-size:17px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}

.education .button-box2{margin-top:35px;text-align: center;}
.education .view .button-boxbg2{margin-top:40px;font-size:0;text-align: center;}
.education .view .button-box2 button{line-height: 50px; border-top-left-radius: 10px;border-bottom-right-radius: 10px;text-align: center;color: #fff;background: #ea1c62;font-weight: 600;width: 30%;margin-left:20px;font-size:16px;}
.education .view .button-box2 button:first-child{background: #00468b;color: #fff;}
.education .view .button-box2 button:first-child:hover {background: #013365;}
.education .view .button-box2 button:last-child:hover { background: #cb094b}
.request{padding: 30px 0 0}

.request .form-box{background:#f5f7f9;margin-top:30px;padding:20px;}
.request .form-box .inner-box{background:#fff;padding:30px;}
.request .form-box .inner-box .field-section{}
.request .form-box .inner-box .field-section + .field-section{margin-top:40px;}
.request .form-box .inner-box .field-section h4{font-size:26px;color:#202020;padding-bottom: 20px;border-bottom: 1px solid #202020;}
.request .form-box .inner-box .field-section dl{}
.request .form-box .inner-box .field-section dl dt{font-size: 16px;color:#202020;font-weight:500;width:23%;position:relative;top:33px;padding:0 20px;}
.request .form-box .inner-box .field-section dl dd{border-bottom:1px solid #e9e9e9;padding:20px 20px 20px 23%;}
.request .form-box .inner-box .field-section dl dd input[type="text"],
.request .form-box .inner-box .field-section dl dd input[type="tel"],
.request .form-box .inner-box .field-section dl dd input[type="number"],
.request .form-box .inner-box .field-section dl dd input[type="date"]
{width:100%;height: 50px;border:1px solid #ccc;padding:0 10px;border-radius: 10px;max-width:600px;}
.request .form-box .inner-box .field-section dl dd input[type="text"].small,
.request .form-box .inner-box .field-section dl dd input[type="tel"].small,
.request .form-box .inner-box .field-section dl dd input[type="number"].small,
.request .form-box .inner-box .field-section dl dd input[type="date"].small{max-width:283px;}
.request .form-box .inner-box .field-section dl dd input[type="text"].medium,
.request .form-box .inner-box .field-section dl dd input[type="tel"].medium,
.request .form-box .inner-box .field-section dl dd input[type="number"].medium,
.request .form-box .inner-box .field-section dl dd input[type="date"].medium{max-width:400px;}
.request .form-box .inner-box .field-section dl dd .addr-wrap{}
.request .form-box .inner-box .field-section dl dd .addr-wrap .addr1{display: flex;}
.request .form-box .inner-box .field-section dl dd .addr-wrap .addr1 input[type="text"]{width:200px;}
.request .form-box .inner-box .field-section dl dd .addr-wrap .addr1 button{margin-left:7px;display:inline-block;width:120px;line-height: 50px;background: #202020;border-radius: 10px;color:#fff;font-size: 16px;}
.request .form-box .inner-box .field-section dl dd .addr-wrap .addr2{margin-top:10px;}
.request .form-box .inner-box .field-section dl dd .addr-wrap .addr2 input[type="text"]{background: #f7f7f7;}
.request .form-box .inner-box .field-section dl dd .addr-wrap .addr3{margin-top:10px;}
.request .form-box .inner-box .field-section dl dd .tel-wrap{display: flex;align-items: center;}
.request .form-box .inner-box .field-section dl dd .tel-wrap + .tel-wrap{margin-top:10px;}
.request .form-box .inner-box .field-section dl dd .tel-wrap span{display: inline-block;font-size:16px;color:#202020;font-weight:500;margin-right:15px;}
.request .form-box .inner-box .field-section dl dd .tel-wrap input[type="tel"]{max-width:160px;text-align:center;}
.request .form-box .inner-box .field-section dl dd .tel-wrap i{margin:0 10px;}
.request .form-box .inner-box .field-section dl dd .radio-type1{display: block;}
.request .form-box .inner-box .field-section dl dd .radio-type1 + .radio-type1{margin-top: 15px;}
.request .form-box .inner-box .field-section dl dd .block{position: relative;padding-left:55px;display: flex;align-items: center;}
.request .form-box .inner-box .field-section dl dd .block + .block{margin-top:20px;}
.request .form-box .inner-box .field-section dl dd .block em{position:absolute;top:11px;left:0;font-size: 16px;color:#202020;font-weight:500;}
.request .form-box .inner-box .field-section dl dd .block input[type="date"],
.request .form-box .inner-box .field-section dl dd .block input[type="text"] {max-width:180px;text-align: center}
.request .form-box .inner-box .field-section dl dd .time-wrap{display: flex;align-items: center;margin-left:20px;}
.request .form-box .inner-box .field-section dl dd .time-wrap input[type="number"]{max-width:60px;text-align: center}
.request .form-box .inner-box .field-section dl dd .time-wrap span{display: inline-block;font-size:16px;color:#787878;margin-left:5px;margin-right:15px;}
.request .form-box .inner-box .field-section dl dd select{width:100%;height: 50px;border:1px solid #989898;font-size:15px;color:#707070;padding:0 45px 0 10px;border-radius: 10px;}
.request .form-box .inner-box .field-section .txt-area{padding:20px;}
.request .form-box .inner-box .field-section .txt-area p{font-size: 16px;color:#202020;font-weight:500;}
.request .form-box .inner-box .field-section .txt-area textarea{width:100%;height: 150px;border:1px solid #ccc;resize: none;border-radius: 10px;margin-top:10px;padding:10px;}
.request .form-box .terms-box{margin-top:20px;border:1px solid #ccc;border-radius: 10px;padding:20px;}
.request .form-box .terms-box .txt-box{margin-top:20px;max-height: 100px;overflow-y: auto;font-size:16px;color:#787878;}
.request .button-box{margin-top:35px;text-align: center;}
.request .button-box button{display: inline-block;width:500px;line-height: 50px;background:#014d75;color:#fff;font-size:17px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}

.suggest{padding:30px 0 0}
.suggest .top-box{padding:33px;}
.suggest .top-box:before{display: none;}
.suggest .form-box{margin-top:30px;padding: 20px;background: #f5f7f9;}
.suggest .form-box .inner-box{ padding:30px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);background-color: #fefefe;}
.suggest .form-box .inner-box .field-section h4{font-size:26px;color:#202020;padding-bottom: 20px;border-bottom: 1px solid #202020;}
.suggest .form-box .inner-box .field-section dl{}
.suggest .form-box .inner-box .field-section dl dt{font-size: 16px;color:#202020;font-weight:500;width:23%;position:relative;top:33px;padding:0 20px;}
.suggest .form-box .inner-box .field-section dl dd{border-bottom:1px solid #e9e9e9;padding:20px 20px 20px 23%;}
.suggest .form-box .inner-box .field-section dl dd .txt{margin-top:5px;font-size:13px;}
.suggest .form-box .inner-box .field-section dl dd .checkbox-type1{margin-top:10px;}
.suggest .form-box .inner-box .field-section dl dd .checkbox-type1 label{font-size:15px;color:#003263;font-weight:500;padding-left: 25px;}
.suggest .form-box .inner-box .field-section dl dd .checkbox-type1 label:before{top:2px;}
.suggest .form-box .inner-box .field-section dl dd .text{font-size:16px;color:#787878;font-weight: 500;}
.suggest .form-box .inner-box .field-section dl dd input[type="text"],
.suggest .form-box .inner-box .field-section dl dd input[type="tel"],
.suggest .form-box .inner-box .field-section dl dd input[type="number"],
.suggest .form-box .inner-box .field-section dl dd input[type="date"],
.suggest .form-box .inner-box .field-section dl dd input[type="password"] {width:100%;height: 50px;border:1px solid #ccc;padding:0 10px;border-radius: 10px;}
.suggest .form-box .inner-box .field-section dl dd input[type="text"].small,
.suggest .form-box .inner-box .field-section dl dd input[type="tel"].small,
.suggest .form-box .inner-box .field-section dl dd input[type="number"].small,
.suggest .form-box .inner-box .field-section dl dd input[type="password"].small,
.suggest .form-box .inner-box .field-section dl dd input[type="date"].small{max-width:283px;}
.suggest .form-box .inner-box .field-section dl dd input[type="text"].medium,
.suggest .form-box .inner-box .field-section dl dd input[type="tel"].medium,
.suggest .form-box .inner-box .field-section dl dd input[type="number"].medium,
.suggest .form-box .inner-box .field-section dl dd input[type="password"].medium,
.suggest .form-box .inner-box .field-section dl dd input[type="date"].medium{max-width:400px;}
.suggest .form-box .inner-box .field-section .txt-area{padding:20px;border-bottom:1px solid #e9e9e9;}
.suggest .form-box .inner-box .field-section .txt-area p{font-size: 16px;color:#202020;font-weight:500;}
.suggest .form-box .inner-box .field-section .txt-area textarea{width:100%;height: 150px;border:1px solid #ccc;resize: none;border-radius: 10px;margin-top:10px;padding:10px;}
.suggest .button-box{margin-top:35px;text-align: center;}
.suggest .button-box button{display: inline-block;width:500px;line-height: 50px;background:#00468b;color:#fff;font-size:17px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.suggest.consulting .form-box .inner-box .field-section .txt-area textarea{height:350px;}
.suggest.consulting .top-box{ padding: 33px 0 33px 135px;}
.suggest.consulting .top-box:before{display: inline-block;background-position: -60px -320px;}
.suggest.consulting .top-box.icon05:before{background-position: -240px -240px;}


.suggest .form-complete{text-align: center;}
.suggest .form-complete figure{text-align: center;}
.suggest .form-complete h3{font-size:26px;color:#202020;margin-top:30px;}
.suggest .form-complete p{margin-top:29px;font-size:17px;font-weight:500;}
.suggest .form-complete a{display: inline-block;margin-top:30px;width:500px;line-height: 58px;border:1px solid #00468b;font-size:17px;font-weight:bold;color:#00468b;border-bottom-right-radius: 10px;border-top-left-radius: 10px;}
.suggest .form-complete .tel-list{display: flex;margin:60px auto 0;max-width:635px;}
.suggest .form-complete .tel-list .box{flex:1;padding:26px 40px;margin-left:35px;border-radius: 10px;background: #f5f7f9;text-align: left;}
.suggest .form-complete .tel-list .box p{font-size:17px;color:#161616;font-weight:500;margin:0;}
.suggest .form-complete .tel-list .box p em{display: block;font-weight: bold;}
.suggest .form-complete .tel-list .box strong{position: relative;display: block;margin-top:10px;font-size:22px;padding-left:25px;}
.suggest .form-complete .tel-list .box strong:before{content: "";position:absolute;top:-4px;left:-13px;display: inline-block;width:40px;height:40px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;}
.suggest .form-complete .tel-list .box:first-child{margin-left:0;}
.suggest .form-complete .tel-list .box:nth-child(1) strong{color:#ec5d66;}
.suggest .form-complete .tel-list .box:nth-child(1) strong:before{background-position: -400px -20px;}
.suggest .form-complete .tel-list .box:nth-child(2) strong{color:#11b18b;}
.suggest .form-complete .tel-list .box:nth-child(2) strong:before{background-position: -440px -20px;}


.mypage .tab{margin-top:30px;}
.mypage .myinfo .form-box{margin-top:30px;padding: 20px;background: #f5f7f9;}
.mypage .myinfo .form-box .inner-box{ padding:30px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);background-color: #fefefe;}
.mypage .myinfo .form-box .inner-box .select-box{margin-top:40px;background:#f2faff;border:1px solid #aecde1;border-radius: 10px;text-align: center;display: flex;align-items: center;justify-content: center;padding:20px;}
.mypage .myinfo .form-box .inner-box .select-text p {font-size: 14px;text-align: center;padding: 15px 0;/* border: 1px solid #ffafaf; */border-radius: 8px;margin-top: 10px;/* font-weight: 500; */background: #f4f4f4;/* color: #014d75; */}

.mypage .myinfo .form-box .inner-box .select-box > div{position:relative;flex:1;text-align: center;}
.mypage .myinfo .form-box .inner-box .select-box > div:before{content: "";display: inline-block;width:1px;height: 16px;background: #aecde1;position:absolute;left:0;top:5px;}
.mypage .myinfo .form-box .inner-box .select-box > div:first-child:before{display: none;}
.mypage .myinfo .form-box .inner-box .checkbox-type1{display:inline-block; }
.mypage .myinfo .form-box .inner-box .checkbox-type1 label{font-size:18px;color:#202020;font-weight:500;}
.mypage .myinfo .form-box .inner-box .field-section h4{font-size:26px;color:#202020;padding-bottom: 20px;border-bottom: 1px solid #202020;}
.mypage .myinfo .form-box .inner-box .field-section dl{}
.mypage .myinfo .form-box .inner-box .field-section dl dt{font-size: 16px;color:#202020;font-weight:500;width:23%;position:relative;top:33px;padding:0 20px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd{border-bottom:1px solid #e9e9e9;padding:20px 20px 20px 23%;}
.mypage .myinfo .form-box .inner-box .field-section dl dd select{width:100%;height: 50px;border-radius: 10px;border:1px solid #ccc;color:#707070;padding:0 10px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .txt{margin-top:5px;font-size:13px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="text"],
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="tel"],
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="number"],
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="date"],
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="password"] {width:100%;height: 50px;border:1px solid #ccc;padding:0 10px;border-radius: 10px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="text"].small,
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="tel"].small,
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="number"].small,
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="password"].small,
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="date"].small{max-width:283px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="text"].medium,
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="tel"].medium,
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="number"].medium,
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="password"].medium,
.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="date"].medium{max-width:400px;}
.mypage .myinfo .form-box .inner-box .field-section .txt-area{padding:20px;border-bottom:1px solid #e9e9e9;}
.mypage .myinfo .form-box .inner-box .field-section .txt-area p{font-size: 16px;color:#202020;font-weight:500;}
.mypage .myinfo .form-box .inner-box .field-section .txt-area textarea{width:100%;height: 150px;border:1px solid #ccc;resize: none;border-radius: 10px;margin-top:10px;padding:10px;}
.mypage .myinfo .form-box .inner-box .field-section .txt-area textarea{height:350px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .addr-wrap{}
.mypage .myinfo .form-box .inner-box .field-section dl dd .addr-wrap .addr1{display: flex;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .addr-wrap .addr1 input[type="text"]{width:200px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .addr-wrap .addr1 button{margin-left:7px;display:inline-block;width:120px;line-height: 50px;background: #202020;border-radius: 10px;color:#fff;font-size: 16px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .addr-wrap .addr2{margin-top:10px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .addr-wrap .addr2 input[type="text"]{background: #f7f7f7;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .addr-wrap .addr3{margin-top:10px;}
.mypage .myinfo .form-box .inner-box dl dd .input-wrap{display: flex;}
.mypage .myinfo .form-box .inner-box dl dd .input-wrap input[type="text"]{width:calc(100% - 130px);}
.mypage .myinfo .form-box .inner-box dl dd .input-wrap button{margin-left:10px;width:120px;line-height: 48px;text-align: center;border-radius: 10px;border:1px solid #202020;color:#202020;font-size: 16px;font-weight:500;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .tel-wrap{display: flex;align-items: center;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .tel-wrap + .tel-wrap{margin-top:10px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .tel-wrap span{display: inline-block;font-size:16px;color:#202020;font-weight:500;margin-right:15px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .tel-wrap input[type="tel"]{max-width:160px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .tel-wrap i{margin:0 10px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .radio-type1{display: block;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .radio-type1 + .radio-type1{margin-top: 15px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .time-wrap{display: flex;align-items: center;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .time-wrap input[type="number"]{max-width:70px;}
.mypage .myinfo .form-box .inner-box .field-section dl dd .time-wrap span{display: inline-block;font-size:16px;color:#787878;margin-left:5px;margin-right:15px;}
.mypage .myinfo .form-box .field-section dl dd .radio-group{display: flex;}
.mypage .myinfo .form-box .field-section dl dd .radio-group .radio-type2{flex:1;}
.mypage .myinfo .form-box .field-section dl dd .radio-group .radio-type2 + .radio-type2{margin-left:19px;}
.mypage .myinfo .form-box .field-section dl dd .chk-group{font-size:0;}
.mypage .myinfo .form-box .field-section dl dd .chk-group .radio-type1{display:inline-block;}
.mypage .myinfo .form-box .field-section dl dd .chk-group .radio-type1 label{font-size:16px;}
.mypage .myinfo .form-box .field-section dl dd .chk-group .radio-type1 + .radio-type1{margin-left:30px;}
.mypage .myinfo .form-box .field-section dl dd .txt-box{margin-top:20px;border-radius: 10px;border: 1px solid #ccc;padding: 20px;margin-top: 20px;max-height: 150px;overflow-y: auto;color: #787878;font-size: 15px;}
.mypage .myinfo .button-box{margin-top:35px;text-align: center;}
.mypage .myinfo .button-box .withdraw{width:25%;background: #fff;color:#00468b;}
.mypage .myinfo .button-box button:first-child { margin-right: 20px; }
.mypage .myinfo .button-box button{border: 1px solid #00468b;display: inline-block;width:500px;line-height: 52px;background:#00468b;color:#fff;font-size:17px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}


@media (max-width:1280px) {
	.diagnosis .user-form {padding:25px;}
	.diagnosis .user-form .form-grid {gap:20px;}
	.diagnosis .user-form .address-box {grid-template-columns:170px minmax(0,1fr);gap:10px;}
	.diagnosis .user-form .area-type {gap:8px;}
	.diagnosis .user-form .gender-box {gap:10px;}
	.privacy-modal-inner {max-width:560px;}
}


/* tablet */
@media all and (max-width:1024px) {
	.top-box{padding:70px 20px 20px;}
	.top-box:before{top:10px;left:50%;transform: translateX(-50%);}
  .top-box.type2:before{left:50%;}
	.txt-list ul li{width:100%;margin-top:5px;}
	.txt-list ul li:first-child{margin-top:0;}


	aside{display:none;}
	#pages .contents .layout{display: block;padding:0 20px;}
	#pages .contents .container-box{margin:0;width:100%;}

	.center .vision .txt-box .txt{word-break: keep-all;}
	.center .vision .txt-box .txt br{display: none;}
	.center .vision .values ul li{width:100%;margin:20px 0 0;}
	.center .vision .values ul li:first-child{margin:0;}
	.center .vision .vision-list ul li p{font-size:15px;}
	.center .guide .section02 .box{display: block;padding:40px;}
	.center .guide .section02 .box p + p{margin-left:0;margin-top:40px;}
	.center .guide .section02 .box p:first-child:after{display: none;}
	.center .guide .section03 .tel-list{margin-left:0;margin-top:50px;display: block;width:100%;max-width:100%;}
	.center .guide .section03 .tel-list .box{margin-top:20px;margin-left:0;display: flex;justify-content: space-between;align-items: center;}
	.center .guide .section03 .tel-list .box:first-child{margin-top:0;}
	.center .guide .section03 .list{display: block;font-size:0;}
	.center .guide .section03 .list li{margin: 1% 2% 5%;width:46%;}
	.center .guide .section03 .list li i{display:block;width:100%;}
	.center .guide .section03 .list li i img{width:100%;}


	.liw50 li { display: block;  width: auto;;   }

	.pointbox p { font-size:17px; line-height: 28px}
	.pointbox ul { font-size:17px; line-height: 28px; margin-bottom: 0; position: relative;}
	.pointbox h4 { font-size: 24px; }
	.pointbox ul img { display: block; position: relative; right: 0%;  margin:10px auto; bottom: -30px;}

	.ul-type2 li{ line-height: 30px;}
	.ul-type2 li ul li {  margin-top: 0;}

	.covid-visual{position: relative;padding-top:37%;height:auto;background: url(/_public/images/covid/covid19m.png) 50% 50% no-repeat;background-size: cover;}

	.covid-nav{}
	.covid-nav .layout-1200{font-size:0;}
	.covid-nav .layout-1200 a{display: inline-block;width:31.3333%;text-align: center;margin:1%;vertical-align: top;}

	.covid-nav .layout-1200 a:before{display: none;}

	.covid{padding:0 20px;}
	.covid .introduce .box{padding:20px 20px 35px;}
	.covid .introduce .box p{margin-top:20px;font-size:14px;}
    .covid .introduce .box p strong { font-size: 16px;}
    .covid .introduce .box p span { font-size: 14px;}
	.covid .introduce .box .loginbox{padding:20px 25px;}
	.covid .introduce .box .loginbox h4{font-size:20px;}
	.covid .introduce .box .loginbox fieldset .fieldwrap > div input[type="text"],
	.covid .introduce .box .loginbox fieldset .fieldwrap > div input[type="password"]{height: 40px;}
	.covid .introduce .box .loginbox fieldset .fieldwrap button{line-height: 90px;}
	.covid .introduce .box .loginbox fieldset .fieldwrap > div i{top:11px;}
	.covid .introduce .box .loginbox ul li{font-size:14px;}
    .covid .free-board .list-wrap > ul > li .top-wrap { padding: 20px 20px}

	.education .list ul li .info p{width:100%;display: block;}
	.education .view .info p{width:100%;display: block;}
    .education .button-box button{width:100%; font-size: 16px}

	.request .form-box .inner-box{padding:20px;}
	.request .form-box .inner-box .field-section h4{font-size:20px;padding-bottom: 10px;}
	.request .form-box .inner-box .field-section dl dt{float:none;display: block;width:100%;top:0;padding:10px;}
	.request .form-box .inner-box .field-section dl dd{padding:5px 10px 20px;}
	.request .form-box .inner-box .field-section dl dd input[type="text"].small,
	.request .form-box .inner-box .field-section dl dd input[type="tel"].small,
	.request .form-box .inner-box .field-section dl dd input[type="number"].small,
	.request .form-box .inner-box .field-section dl dd input[type="date"].small{max-width:100%;}
	.request .form-box .inner-box .field-section dl dd input[type="text"].medium,
	.request .form-box .inner-box .field-section dl dd input[type="tel"].medium,
	.request .form-box .inner-box .field-section dl dd input[type="number"].medium,
	.request .form-box .inner-box .field-section dl dd input[type="date"].medium{max-width:100%;}
	.request .form-box .inner-box .field-section dl dd input[type="text"],
	.request .form-box .inner-box .field-section dl dd input[type="tel"],
	.request .form-box .inner-box .field-section dl dd input[type="number"],
	.request .form-box .inner-box .field-section dl dd input[type="date"]{height: 40px;max-width:100%;}
	.request .form-box .inner-box .field-section dl dd .block{padding-left:0;display: block;}
	.request .form-box .inner-box .field-section dl dd .block em{position: relative;top:0;font-size:15px;display: block;margin-bottom:10px;}
	.request .form-box .inner-box .field-section dl dd .time-wrap{margin-left:0;margin-top:10px;}
	.request .form-box .inner-box .field-section dl dd .addr-wrap .addr1 button{line-height: 40px;}
	.request .form-box .inner-box .field-section dl dd .tel-wrap input[type="tel"]{max-width:100%;width:calc(33% - 30px);}
	.request .button-box button{width:100%;}

	.member .top .layout{padding:0 20px;}
	.member .signup .box{padding:50px}

	.signin{padding: 35px 0;}
	.signin .box{padding:20px 20px 35px;}
	.signin .box p{margin-top:20px;font-size:14px;}
	.signin .box .loginbox{padding:20px 25px;}
	.signin .box .loginbox h4{font-size:20px;}
	.signin .box .loginbox fieldset .fieldwrap > div input[type="text"],
	.signin .box .loginbox fieldset .fieldwrap > div input[type="password"]{height: 40px;}
	.signin .box .loginbox fieldset .fieldwrap button{line-height: 90px;}
	.signin .box .loginbox fieldset .fieldwrap > div i{top:11px;}
	.signin .box .loginbox ul li{font-size:14px;}

	.complete{padding:35px 20px;}
	.complete .box{padding:20px 20px 35px;}

    .suggest.consulting .top-box{padding: 95px 20px 20px;}
	.suggest .form-box .inner-box{padding:20px;}
	.suggest .form-box .inner-box .field-section h4{font-size:20px;padding-bottom: 10px;}
	.suggest .form-box .inner-box .field-section dl dt{float:none;display: block;width:100%;top:0;padding:10px;}
	.suggest .form-box .inner-box .field-section dl dd{padding:5px 10px 20px;}
	.suggest .form-box .inner-box .field-section dl dd input[type="text"].small,
	.suggest .form-box .inner-box .field-section dl dd input[type="tel"].small,
	.suggest .form-box .inner-box .field-section dl dd input[type="password"].small,
	.suggest .form-box .inner-box .field-section dl dd input[type="number"].small,
	.suggest .form-box .inner-box .field-section dl dd input[type="date"].small{max-width:100%;}
	.suggest .form-box .inner-box .field-section dl dd input[type="text"].medium,
	.suggest .form-box .inner-box .field-section dl dd input[type="tel"].medium,
	.suggest .form-box .inner-box .field-section dl dd input[type="password"].medium,
	.suggest .form-box .inner-box .field-section dl dd input[type="number"].medium,
	.suggest .form-box .inner-box .field-section dl dd input[type="date"].medium{max-width:100%;}
	.suggest .form-box .inner-box .field-section dl dd input[type="text"],
	.suggest .form-box .inner-box .field-section dl dd input[type="tel"],
	.suggest .form-box .inner-box .field-section dl dd input[type="password"],
	.suggest .form-box .inner-box .field-section dl dd input[type="number"],
	.suggest .form-box .inner-box .field-section dl dd input[type="date"]{height: 40px;max-width:100%;}
	.suggest .button-box button{width:100%;}

  .suggest .form-complete .tel-list{margin-left:0;margin-top:50px;display: block;width:100%;max-width:100%;}
  .suggest .form-complete .tel-list .box{margin-top:20px;margin-left:0;display: flex;justify-content: space-between;align-items: center;}
  .suggest .form-complete .tel-list .box:first-child{margin-top:0;}
  .suggest .form-box{ padding: 10px;background: #f5f7f9;}

	.mypage .myinfo .form-box .inner-box{padding:20px;}
	.mypage .myinfo .form-box .inner-box .field-section h4{font-size:20px;padding-bottom: 10px;}
	.mypage .myinfo .form-box .inner-box .field-section dl dt{float:none;display: block;width:100%;top:0;padding:10px;}
	.mypage .myinfo .form-box .inner-box .field-section dl dd{padding:5px 10px 20px;}
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="text"].small,
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="tel"].small,
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="password"].small,
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="number"].small,
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="date"].small{max-width:100%;}
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="text"].medium,
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="tel"].medium,
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="password"].medium,
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="number"].medium,
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="date"].medium{max-width:100%;}
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="text"],
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="tel"],
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="password"],
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="number"],
	.mypage .myinfo .form-box .inner-box .field-section dl dd input[type="date"]{height: 40px;max-width:100%;}
	.mypage .myinfo .form-box .inner-box .field-section dl dd .addr-wrap .addr1 button{line-height: 40px;}
	.mypage .myinfo .form-box .inner-box .field-section dl dd .tel-wrap input[type="tel"]{max-width:100%;width:calc(33% - 30px);}
	.mypage .myinfo .form-box .inner-box .field-section  dl dd .input-wrap input[type="text"]{width: calc(100% - 100px);}
	.mypage .myinfo .form-box .inner-box .field-section  dl dd .input-wrap button{line-height: 38px;width:90px;font-size:14px;}
	.mypage .myinfo .form-box .inner-box .field-section  dl dd select{height: 40px;}
	.mypage .myinfo .button-box button{width:100%;}
    .mypage .myinfo .form-box .inner-box .select-text p {font-size: 12px; }
    .mypage .myinfo .button-box .withdraw{width:100%; margin-bottom: 20px}
}


@media (max-width:768px) {
	.diagnosis .user-form {margin:15px 0;padding:20px 15px;}
	.diagnosis .user-form .form-grid {grid-template-columns:1fr;gap:18px;}
	.diagnosis .user-form .form-item.full {grid-column:auto;}
	.diagnosis .user-form .form-item > label,.diagnosis .user-form .form-label {margin-bottom:10px;font-size:14px;}
	.diagnosis .user-form input[type="text"],.diagnosis .user-form input[type="number"],.diagnosis .user-form input[type="tel"],.diagnosis .user-form select {height:50px;padding:0 14px;font-size:14px;}
	.diagnosis .user-form .gender-box {gap:8px;}
	.diagnosis .user-form .gender-box label {height:50px;font-size:15px;}
	.diagnosis .user-form .age-box {gap:8px;}
	.diagnosis .user-form .age-box span {font-size:15px;}
	.diagnosis .user-form .age-box input {min-width:0;}
	.diagnosis .user-form .address-box {grid-template-columns:1fr;gap:10px;}
	.diagnosis .user-form .area-type {grid-template-columns:repeat(2,1fr);gap:8px;}
	.diagnosis .user-form .area-type label {height:50px;font-size:15px;}
	.diagnosis .user-form .area-input select {padding-right:40px;background-position:right 14px center;}
	.diagnosis .user-form .agree-box {align-items:flex-start;gap:15px;padding-top:15px;}
	.diagnosis .user-form .agree-check {align-items:flex-start;gap:7px;min-width:0;}
	.diagnosis .user-form .agree-check input {flex:none;width:17px;height:17px;margin-top:2px;}
	.diagnosis .user-form .agree-check label {font-size:14px;line-height:1.5;}
	.diagnosis .user-form .privacy-view {flex:none;font-size:13px;}
	.privacy-modal-inner {width:calc(100% - 30px);max-height:80vh;}
	.privacy-modal-head {padding:18px 20px;}
	.privacy-modal-head h3 {font-size:18px;}
	.privacy-modal-close {width:28px;height:28px;font-size:26px;}
	.privacy-modal-cont {max-height:calc(80vh - 65px);padding:20px;font-size:14px;line-height:1.6;overflow-y:auto;}
}


/* mobile */
@media all and (max-width:640px) {
	.visual{padding-top:34%;height: 100%;background: url(/_public/images/contents/m_sub_visual.png) 50% 50% no-repeat;background-size: cover;}
	#pages .contents{margin-top:0;}

	.diagnosis .button-box button{line-height: 45px;font-size:15px;}

	.diagnosis .result .grade-box{padding:20px 20px 30px;}
	.diagnosis .result .grade-box p{font-size:16px;}
	.diagnosis .result .grade-box p strong{font-size:18px;}
	.diagnosis .result .grade-box span{font-size:20px;margin-top:20px;}
	.diagnosis .result .result-txt ul li{padding:20px;font-size:14px;}
	.diagnosis .result .result-txt ul li strong{display: block;position: relative;left:0;margin-bottom:15px;font-size:15px;padding-left:48px;width: 100%}
	.diagnosis .result .result-txt ul li strong:before{left:-13px;}
	.info-box{padding:20px;font-size:14px;}
	.info-box span{display: block;position: relative;left:30px;margin-bottom: 15px;}
	.info-box span:after{display: none;}

	.center .greetings .top{background: none;padding:30px 0 15px;}
	.center .greetings .top h3{font-size:25px;}
	.center .greetings .top strong{font-size:15px;}
	.center .greetings .txt{margin-top:15px;}
	.center .greetings .txt p{font-size:14px;line-height: normal;}
	.center .greetings .txt em{margin-top:25px;font-size:14px;}
	.center .greetings .txt span i:before{display: none;}

	.center .vision .top-list{margin-top:35px;}
	.center .vision .top-list > div{width:31.3333%;margin: 0 1%;padding-top:31.3333%;}
	.center .vision .top-list > div i{top:27%;width:30px;height: 30px;background-size: 250px;}
	.center .vision .top-list > div:nth-child(1) i{background-position: -150px -30px;}
	.center .vision .top-list > div:nth-child(2) i{background-position: -180px -30px;}
	.center .vision .top-list > div:nth-child(3) i{background-position: -210px -30px;}
	.center .vision .top-list > div p{font-size:13px;top:67%;}
	.center .vision .top-list > div p strong{font-size:16px;}
	.center .vision .txt-box{margin-top:35px;padding:20px 20px 100px;background: url(/_public/images/contents/m_vision01.png) no-repeat;background-size: cover;}
	.center .vision .txt-box h3{font-size:20px;}
	.center .vision .txt-box h3 span{font-size:14px;}
	.center .vision .txt-box .txt{margin-top:20px;padding:15px;font-size:14px;}
	.center .vision .values{margin-top:35px;}
	.center .vision .values h3{font-size:20px;}
	.center .vision .values h3 span{font-size:14px;}
	.center .vision .values ul{margin-top:20px;}
	.center .vision .values ul li{padding:20px;}
	.center .vision .values ul li h4{font-size:16px;}
	.center .vision .values ul li h4 span{font-size:14px;}
	.center .vision .values ul li p{font-size:14px;}
	.center .vision .vision-list{margin-top:35px;}
	.center .vision .vision-list h3{font-size:20px;}
	.center .vision .vision-list h3 span{font-size:14px;}
	.center .vision .vision-list ul{margin-top:20px;}
	.center .vision .vision-list ul li i{width:30px;line-height: 30px;font-size:14px;padding-top:4%;}
	.center .vision .vision-list ul li p{font-size:13px;width: calc(100% - 30px);padding:10px;}

	.center .history dl{}
	.center .history dl dt{width:100%;float: none;top:0;font-size:25px;}
	.center .history dl dt:after{display: none;}
	.center .history dl dd{padding:0;margin-top:20px;}
	.center .history dl dd ul{border-left:0;padding:0 0 40px;}
	.center .history dl dd ul li{font-size:14px;}
	.center .history dl dd ul li em{font-size:15px;}
	.center .history dl dd ul li p{padding-left:10px;}
	.center .history dl dd ul li p:before{width:4px;height: 4px;top:8px;}

	.center .guide .section02{margin-top:30px;}
	.center .guide .section02 .box{padding:20px;}
    .center .guide .section02 .box p:first-child strong { display:block }
	.center .guide .section02 .box p{font-size:14px;padding-left:40px;}
	.center .guide .section02 .box p:before{top: -4px;left: 0;width:30px;height: 30px;background-size: 250px;background-position: -120px -90px;}
	.center .guide .section02 .box p:last-child:before{background-position: -150px -90px;}
	.center .guide .section02 .box p + p{margin-top:20px;}
	.center .guide .section03{margin-top:30px;}
	.center .guide .section03 .list li p{font-size:14px;}
	.center .guide .section03 .sns-box{padding:0 20px;}
	.center .guide .section03 .sns-box p span{display: none;}
	.center .guide .section03 .tel-list{margin-top: 25px;}
	.center .guide .section03 .tel-list .box{padding:20px;}
	.center .guide .section03 .tel-list .box p{font-size:15px;}
	.center .guide .section03 .tel-list .box strong{font-size:18px;}
	.center .guide .section03 .tel-list .box strong:before{top: -8px;left: -10px;}
  .top-box.icon06 { text-align:center; }
  .top-box.icon06 li::before { display: none; }
  .top-box.icon06 a { position: relative;;   ;top: 10px;display: block;text-align: center;font-size: 14px;width: 70%;margin: 0 auto;margin-bottom: 10px;}

	.center .information-tel .table-wrap table thead tr th{font-size:13px;padding:10px 5px;}
	.center .information-tel .table-wrap table tbody tr td{font-size:13px;padding:10px 5px;word-break: break-all;}

	.center .location .box{padding:20px;}
	.center .location .box p{padding-left:35px;font-size:14px;padding-right:110px;word-break: keep-all;}
	.center .location .box p:before{top:-4px;left:0;width:30px;height: 30px;background-size: 250px;background-position: -180px -90px;}
	.center .location .map-box{height: 300px;}
	.center .location .ul-type1{margin-top:20px;}

	.health .stress .stress3 {padding: 25px 0 60px;display: block;}
	.health .stress .stress3 div { width: 100%; margin-left:0px; margin-bottom: 50px}
	.health .stress .stress3 div::after {content: "";position: absolute;display: block;width:20px;height: 40px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-size: 500px;background-position: -480px -20px;left: 50%; top: 110%;}
	.health .stress .stress3 div:first-child::after { display: block;}
	.health .stress .stress3 div:last-child::after { display: none;;}
	.health .stress .stress3 div:last-child { margin-bottom: 0}
	.health .stress .stress3 div span { display: block; }
	.health .stress .stress3 div p { font-size: 15px; }
	.health .stress .stress3 .nm {font-size: 17px; }
	.health .top h3 {font-size: 26px;}
	.health .top p {font-size: 16px;line-height: 26px}

	.covid .introduce .box .loginbox fieldset .fieldwrap{padding:0;}
	.covid .introduce .box .loginbox fieldset .fieldwrap button{line-height: 40px;position: relative;margin-top:10px;display: block;width:100%;}
	.covid .introduce .box .loginbox .link-box{position: relative;margin-top:5px;text-align: center;}
	.covid .introduce .box{padding:20px 10px 35px;}
	.covid .introduce .box .loginbox{padding:20px 15px;}


	.covid .free-board .notice-box{font-size:14px;padding: 40px 20px 20px;}
	.covid .free-board .notice-box:before{width:60px;height: 30px;background-size: 250px;background-position: -30px -260px;top:5px;}
	.covid .free-board .top-box a{position: relative;display: block;margin:30px auto 0;top:inherit;right:inherit;font-size:14px;}
	.covid .free-board .button-box{padding:25px 0;}
	.covid .free-board .button-box button{line-height: 40px;font-size:14px;}
	.covid .free-board .list-wrap > ul > li .top{padding:0;}
	.covid .free-board .list-wrap > ul > li .top span{font-size:14px;}
	.covid .free-board .list-wrap > ul > li .txt{padding:0;font-size:14px;}
	.covid .free-board .list-wrap > ul > li .button-group{padding:0;display: flex;}
	.covid .free-board .list-wrap > ul > li .button-group button{margin-left:5px;flex:1;line-height: normal;padding:5px 0;text-align: center;font-size:13px;}
	.covid .free-board .list-wrap > ul > li .button-group button:before{display: none;}
	.covid .free-board .list-wrap > ul > li .comment-box .toggle{padding:0;}
	.covid .free-board .list-wrap > ul > li .comment-box .toggle button{font-size:14px;}
	.covid .free-board .list-wrap > ul > li .comment-box .toggle button:before{top:0;}
	.covid .free-board .list-wrap > ul > li .comment-box .comment-list .comment-write textarea{    width: calc(100% - 70px);height: 40px;}
	.covid .free-board .list-wrap > ul > li .comment-box .comment-list .comment-write button{width:60px;line-height: 38px;font-size:13px;}
	.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li{padding:10px 0;}
	.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment-txt{font-size:14px;}
	.covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li p button{line-height: 25px;font-size:13px;}
    .covid .free-board .list-wrap > ul > li .comment-box .comment-list ul li .comment-txt textarea {  vertical-align: middle; width: 90%;  border: 1px solid #ccc;  padding: 3px;  margin: 10px;}
	.covid .free-board .list-wrap .write-box{padding:15px;}
	.covid .free-board .list-wrap .write-box .inner textarea{width:100%;}
	.covid .free-board .list-wrap .write-box .inner button{display: inline-block;position: relative;right: 0;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;}

	.covid .edit table tbody tr th{padding:10px 5px;font-size:14px;}
	.covid .edit table tbody tr td{padding:10px 5px;font-size:14px;}
	.covid .edit table tbody tr td br{display:inline-block;}
	.covid .edit table tbody tr td input[type="text"]{width:100%;}
	.covid .edit table tbody tr td button{margin:10px 0 0;display: block;width:100%;font-size:14px;}
	.covid .edit .button-box{display: flex;}
	.covid .edit .button-box button{flex:1;}
	.covid .edit .button-box button{margin-lefT:10px;line-height: 38px;font-size:14px;}

	.covid .consulting .select-box{display: block;padding:20px;}
	.covid .consulting .select-box > div{padding:20px;}
	.covid .consulting .select-box > div + div{border-left:0;border-top:1px solid #ccc;}
	.covid .consulting .select-box ul li{font-size:14px;}
	.covid .consulting .select-box .radio-type1 label{font-size:18px;}
	.covid .consulting .select-box .radio-type1 label:after{top:11px;}
	.covid .consulting .select-box strong{font-size:16px;}
  .covid .diagnosis .result .result-txt ul li strong{width: 100%;}

  .survey-tab{font-size:0;}
  .survey-tab a{display: inline-block;width:50%;vertical-align: top;line-height: 45px;background: #f5f7f9;border:1px solid #d4d4d4;font-size: 14px;}
  .survey-tab a:hover,
  .survey-tab a.active{border-color:#61a5e3;background: #61a5e3;color:#fff;}
  .covid .health .institution-tel .table-wrap table tbody td { font-size: 14px}

	.education .list ul li{padding:20px 10px;}
	.education .list ul li h3{font-size: 16px;}
	.education .list ul li h3 .ct{font-size:14px;line-height: 25px;width:60px;}
	.education .list ul li .info{margin-top:20px;}
	.education .list ul li .info p{font-size:14px;}
	.education .list ul li .info p strong:before{width:4px;height: 4px;top:5px;}

	.education .view .top{padding:10px 20px;}
	.education .view .top h3{font-size: 16px;}
	.education .view .top h3 .ct{font-size:14px;line-height: 25px;width:60px;}
	.education .view .info{padding:10px 20px;}
	.education .view .info p{font-size:14px;}
	.education .view .info p strong:before{width:4px;height: 4px;top:5px;}
	.education .view .body-contents{padding:20px;}
	.education .view .body-contents *{word-break: break-all;font-size:16px !important;line-height: normal !important;}
	.education .view .file{padding:10px 20px;}
	.education .view .file strong{display: block;font-size:14px;}
	.education .view .file button{margin-left: 0;margin-top:10px;font-size:14px;}
	.education .view .register{margin-top:20px;}
	.education .view .register h3{font-size:20px;}
	.education .view .register .fieldbox{margin-top:15px;padding:20px;}
	.education .view .register .fieldbox table tbody tr th{padding:10px 0;font-size:13px;}
	.education .view .register .fieldbox table tbody tr td{padding:10px 0;font-size:13px;}
	.education .view .register .fieldbox table tbody tr td .group .radio-type1 + .radio-type1{margin-left:30px;}
	.education .view .register .terms-box .txt-box{font-size:14px;}
	.education .view .button-box button{line-height: 40px;font-size:14px;}
    .education .view .button-box2 button{line-height: 40px; width: 40%; font-size: 14px}

	.request .form-box{padding:10px;margin-top:20px;}
	.request .form-box .inner-box{padding:10px;}
	.request .form-box .inner-box .field-section dl dd .addr-wrap .addr1 input[type="text"]{width:calc(100% - 110px);}
	.request .form-box .inner-box .field-section dl dd .addr-wrap .addr1 button{font-size:14px;width:100px;}
	.request .form-box .inner-box .field-section dl dd .tel-wrap span{font-size:14px;}
	.request .form-box .inner-box .field-section dl dd .tel-wrap i{margin:0 5px;}
	.request .form-box .inner-box .field-section dl dd .tel-wrap input[type="tel"]{width: calc(33% - 23px);}
	.request .form-box .inner-box .field-section dl dd .time-wrap span{margin-right:5px;font-size:14px;}
	.request .form-box .inner-box .field-section dl dd .time-wrap input[type="number"]{padding:0;text-align: center;}
	.request .form-box .inner-box .field-section dl dd select{height: 40px;font-size:14px;}
	.request .form-box .inner-box .field-section .txt-area{padding:10px;}
	.request .button-box button{font-size:15px;}

	.member .signup{padding:35px 10px;}
	.member .signup .box{padding:50px 10px;}
	.member .top-group h3{font-size:25px;margin-top:15px;}
	.member .signup .select-box .checkbox-type1 label{font-size:14px;}
	.member .signup .select-box{margin-top:20px;display: block;}
	.member .signup .select-box > div{text-align: left;}
	.member .signup .select-box > div:before{display: none;}
	.member .signup .select-box > div + div{margin-top:15px;}
	.member .form-box .field-section h4{font-size:18px;}
	.member .form-box .field-section dl dd input[type="text"],
	.member .form-box .field-section dl dd input[type="tel"],
	.member .form-box .field-section dl dd input[type="number"],
	.member .form-box .field-section dl dd input[type="date"],
	.member .form-box .field-section dl dd input[type="password"]{height: 45px;}
	.member .form-box .field-section dl dd .input-wrap input[type="text"]{width: calc(100% - 100px);}
	.member .form-box .field-section dl dd .input-wrap button{line-height: 38px;width:90px;font-size:14px;}
	.member .form-box .field-section dl dd select{height: 40px;}
	.member .form-box .field-section dl dd .addr-wrap .addr1 button{line-height: 40px;}
	.member .button-box button{width:100%;line-height: 45px;font-size:15px;}
    .member .signup .terms-box .txt-box{font-size: 14px;}
    .checkbox-type1 label {font-size: 16px;}

	.signin .box .loginbox fieldset .fieldwrap{padding:0;}
	.signin .box .loginbox fieldset .fieldwrap button{line-height: 40px;position: relative;margin-top:10px;display: block;width:100%;}
	.signin .box .loginbox .link-box{position: relative;margin-top:5px;text-align: center;}
	.signin .box{padding: 0;border: 0;background: transparent;}
	.signin .box .loginbox{padding: 20px 15px;}

	.find{padding:35px 10px;}
	.find .box{padding:50px 10px;}
	.find .top-group h3{font-size:25px;margin-top:15px;}
	.find .signup .select-box .checkbox-type1 label{font-size:14px;}
	.find .signup .select-box{margin-top:20px;display: block;}
	.find .signup .select-box > div{text-align: left;}
	.find .signup .select-box > div:before{display: none;}
	.find .signup .select-box > div + div{margin-top:15px;}

	.complete .top-group h3{font-size:25px;margin-top:15px;}
	.complete .box .txt-box .tit{font-size:16px;word-break: keep-all;}
	.complete .box .txt-box .tit strong{font-size:18px;}
	.complete .box .txt-box .txt{font-size:14px;word-break: keep-all;}
	.complete .box .button-box{display: flex;}
	.complete .box .button-box a{display: inline-block;flex:1;line-height: 43px;font-size:15px;margin-left:10px;}

	.filebox .upload-name{height: 40px;width:calc(100% - 90px);}
	.filebox label{line-height: 38px;font-size:14px;width:80px;}

	.mypage .myinfo .form-box .inner-box .field-section dl dd .addr-wrap .addr1 input[type="text"]{width:calc(100% - 110px);}
	.mypage .myinfo .form-box .inner-box .field-section dl dd .addr-wrap .addr1 button{font-size:14px;width:100px;}
	.mypage .myinfo .form-box .inner-box .field-section dl dd .tel-wrap span{font-size:14px;}
	.mypage .myinfo .form-box .inner-box .field-section dl dd .tel-wrap i{margin:0 5px;}
	.mypage .myinfo .form-box .inner-box .field-section dl dd .tel-wrap input[type="tel"]{width: calc(33.3333% - 23px);}
	.mypage .myinfo .form-box .inner-box .field-section dl dd .time-wrap span{margin-right:5px;font-size:14px;}
	.mypage .myinfo .form-box .inner-box .field-section dl dd .time-wrap input[type="number"]{padding:0;text-align: center;}
	.mypage .myinfo .form-box .inner-box .select-box .checkbox-type1 label{font-size:14px;}
	.mypage .myinfo .form-box .inner-box .select-box{margin-top:20px;display: block;}
	.mypage .myinfo .form-box .inner-box .select-box > div{text-align: left;}
	.mypage .myinfo .form-box .inner-box .select-box > div:before{display: none;}
	.mypage .myinfo .form-box .inner-box .select-box > div + div{margin-top:15px;}

	.education .list .search-box select{width:30%;}
	.education .list .search-box input[type="text"]{width:70%;}
	.education .list .search-box button{display: block;margin-left:0;margin-top:10px;width:100%;}
    .education .list .search-box select:nth-child(2){width:70%;}

    .suggest .form-complete h3{font-size:20px;margin-top:20px;}
    .suggest .form-complete p{font-size:16px;margin-top:20px;}
    .suggest .form-complete a{line-height: 43px;width:100%;}
    .suggest .form-complete .tel-list{display: block;}
    .suggest .form-complete .tel-list{margin-top: 25px;}
    .suggest .form-complete .tel-list .box{padding:20px;}
    .suggest .form-complete .tel-list .box p{font-size:15px;}
    .suggest .form-complete .tel-list .box strong{font-size:18px;}
    .suggest .form-complete .tel-list .box strong:before{top: -8px;left: -10px;}
    .suggest.consulting .form-box .inner-box .field-section .txt-area textarea{height:200px;}
    .suggest.consulting .top-box{ padding: 95px 20px 20px;}
    .suggest.consulting .top-box.type2{ padding: 75px 20px 20px;}
    .suggest.consulting .top-box:before{top:15px;display: inline-block;background-position: -60px -320px;}

}


@media all and (max-width:320px) {
	.tab a{font-size:11px;}
}