@charset "UTF-8";

/* for styles */
@import url("font.css");
@import url("default.css");
@import url("layout.css");
@import url("sub.css");
/* @import url("swiper.min.css"); */

.hrzBox {padding-left:8%; padding-right:8%;}
.vtcBox {padding-top:12%; padding-bottom:12%;}

.wrapbg {background-color:#f4f4f4 !important;}

/* 로그인 */
.loginArea {}
.loginArea h1 {font-family: 'Lato', sans-serif; font-size:40px; margin-bottom:50px;}
.loginArea ul li {margin-bottom:15px;}
.loginArea ul li:last-child {margin-bottom:0;}
.loginArea ul li input {border:0; border-bottom:1px solid #cdcdcd; border-radius:0; font-size:15px; letter-spacing:0; padding-left:0;}
.loginArea .btnAc {padding:0;}
.loginArea .btnAc a {border-radius:0; border:2px solid #1cd39c; background:#fff; color:#1cd39c !important;}
.loginArea .id_chk {margin:15px 0;}
.loginArea .btnFind {margin-top:10px;}
.loginArea .btnFind:after {content:""; display:block; clear:both;}
.loginArea .btnFind a {color:#555; font-size:15px;}
.loginArea .btnFind a:last-child {float:right;}
.loginArea .snsLogin {text-align:center; padding-top:13%;}
.loginArea .snsLogin > a {display:inline-block; margin:0 10px; font-size:14px;}
.loginArea .snsLogin > a > img {display:block; width:66px; margin-bottom:10px;}
.loginArea .snsLogin p {position:relative; margin-bottom:18px;}
.loginArea .snsLogin p:before {content:""; width:23%; height:1px; background:#dbdbdb; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.loginArea .snsLogin p:after {content:""; width:23%; height:1px; background:#dbdbdb; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%);}

/* 회원가입 */
.join_con{padding:65px 3.5% 0px !important}
.joinArea h2 {font-size:27px; font-family:'Noto Sans R'; font-weight:normal; color:#222; line-height:36px; margin-bottom:50px;}
.joinArea .choice li {margin-bottom:30px; border-bottom:1px dashed #d7d7d7; padding-bottom:30px; position:relative;}
.joinArea .choice li:last-child {margin-bottom:0; border-bottom:0;}
.joinArea .choice li span.on {background:url(../images/chk.png)no-repeat; width:28px; height:28px; display:block; background-size:28px; position:absolute; left:40px; bottom:25px;}
.joinArea .choice li a {display:block;}
.joinArea .choice li a img {width:20%; vertical-align:middle;}
.joinArea .choice li a div {display:inline-block; vertical-align:middle; padding-left:20px;}
.joinArea .choice li a div p {font-size:18px; margin-bottom:5px;}
.joinArea ul li input {border:0; border-bottom:1px solid #cdcdcd; border-radius:0; font-size:16px; letter-spacing:0; padding-left:0;}
.joinArea ul li {position:relative;}
.joinArea ul li p {font-size:14px; color:#4a4a4a; margin-bottom:10px;}
.joinArea ul li .btn {position:absolute; right:0; top:30px; width:20%; text-align:center;}
.joinArea ul li .btn a {background:#333; border-radius:3px; color:#fff; font-size:14px; width:100%; display:block; height:33px; line-height:33px;}
.joinArea li:not(:last-child) {margin-bottom:40px;}
.joinArea ul li span {font-size:13px; color:#555555; margin-top:10px; }
.joinArea .choice li a div span {font-size:13px; }
.agreeBox {margin-top:40px;}
.agreeBox button {border:1px solid #d0d0d0; background:#fbfbfb; border-radius:0; width:100%; height:64px; line-height:64px; text-align:left; padding:0 20px;}
.agreeBox button span { font-family:'Noto Sans R', 'dotum', sans-serif; font-size:16px; color:#069e70; }
.agreeBox ul {margin:20px 0; padding:0 20px;}
/*
.agreeBox ul li {background:url(/images/agree_chk.png)left center no-repeat; background-size:20px;}
*/
.agreeBox > ul > li .chk{display:contents !important;}
.agreeBox ul li:last-child a {background:none;}
.agreeBox ul li:not(:last-child) {margin-bottom:25px;}
.agreeBox ul li{font-size:14px}
.agreeBox ul li a {font-size:14px;}
.agreeBox .agreement li a {background:none;}
.agreeBox p {font-size:14px;}
.agreeBox .childjoin { margin-bottom:10px; padding:0 20px}
.agreeBox .childjoincheck {padding:0 20px}
.agreeBox p input[type="radio"] + label:nth-child(2):before{margin:0 4px 0 0px}
.joinArea li em.error {font-size:14px; color:#ff001e; margin-top:3px;}
.joinArea ul li .joinBtn:after {content:""; display:block; clear:both;}
.joinArea ul li .joinBtn button {float:left; width:50%; box-sizing:border-box; border:1px solid #d0d0d0; border-radius:0; background:#f8f8f8; height:60px; line-height:60px; padding:0; border-right:0;}
.joinArea ul li .joinBtn button:last-child {border-right:1px solid #d0d0d0;}
.joinArea ul li .joinBtn button.on {border:1px solid #1cd39c; background:#fff;}
.joinArea ul li .joinBtn button.on span {color:#1cd39c; font-family:'Noto Sans M', 'dotum', sans-serif;}
.joinArea ul li .joinBtn button span {font-size:16px; color:#cccccc; font-family:'Noto Sans R', 'dotum', sans-serif; margin-top:0;}
.joinArea ul li select {border:1px solid #d0d0d0; border-radius:0; background:#f8f8f8 url(../images/select.png) no-repeat right 10px center; height:60px; line-height:60px; padding:0 10px; box-sizing:border-box; color:#cccccc; background-size:10px; font-size:16px;}
.joinagree input[type="checkbox"] + label:before {background: url(../images/checkbox3.png) no-repeat 0 0 !important; width:20px; height:12px; background-size:20px;}

/*
.joinagree input[type="checkbox"] + label {background: url(../images/checkbox3.png) no-repeat 0 0 !important;  background-size:20px;}
*/
.agreeBox input[type="checkbox"]:checked + label:before{background: url(../images/checkbox3.png) no-repeat 0 0 !important; width:20px; height:12px;background-position: 0px -12px !important;}

.joinagree label{letter-spacing: -1.5px;}
.joinagree a img{width:22px; height:auto;}
.joinagree a {float:right;}
.complete {text-align:center;}
.complete:after {content: ""; display: block;overflow: hidden;background: url(../images/complete_bg.png)no-repeat;width: 100%;height: 230px;background-position: center;background-size: contain;}
.complete img {width:65px;}
.complete h1 {font-size:30px; color:#000; font-family:'Noto Sans R', 'dotum', sans-serif; font-weight:normal; padding:25px 0 15px;}
.complete p {font-size:17px; color:#555555; font-family:'Noto Sans L', 'dotum', sans-serif;}
.complete p span {display:block; margin-top:30px; margin-bottom: 30px;}
.allcheckagree:after{content:""; display:block; clear:both}
.allcheckagree input[type="checkbox"] + label:before{width:27px !important; height:27px !important; background-size:27px !important; margin:0 !important; position:relative; top:-1px; margin-right:5px !important}
.allcheckagree input[type="checkbox"]:checked + label:before {background: url(../images/checkbox2.png) no-repeat !important; background-position: 0px -25px !important; width:27px !important; height:27px !important; background-size: 25px !important;margin:0 !important; position:relative; top:-1px; margin-right:5px !important}

/* 아이디/비밀번호찾기 */
.loginArea h4 {margin-bottom:20px; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:normal;}
.loginArea .pwfind {margin-top:40px;}
.loginArea .find_cont {border:1px solid #ddd; padding:20px;}
.loginArea .findBtn {margin-top:20px;}
.loginArea .findBtn a {display: block;width: 100%;padding: 18.5px;background: #1cd39c;font-family: 'Noto Sans B';font-size: 17px;color: #fff !important; text-align: center;border-radius: 6px;}

@media (max-width:320px) {
	.joinArea .choice li a div {padding-left:5px;}

	.complete:after {background:none;}
	.complete p {font-size:15px;}
}

.loginArea .modalPopup{margin-top:20px;}
.loginArea .modalPopup a {display: block;width: 100%;padding: 18.5px;background: #1cd39c;font-family: 'Noto Sans B';font-size: 17px;color: #fff !important; text-align: center;border-radius: 6px;}
.rindidpwpop .popenter{background-color:#1cd39c;     border-radius: 6px;}
.rindidpwpop .popenter a {display: block; width: 100%; padding: 18.5px; background: #1cd39c; font-family: 'Noto Sans B'; font-size: 17px; color: #fff !important; text-align: center;  border-radius: 6px;}
/* 메인 */
.main_con{padding:65px 0px 25px !important}
.mainCon{padding:0px 3.6%;}
.mainCon > ul {width:100%;}
.mainCon > ul:after{display:block; content:""; clear:both}
.mainCon > ul li{display:inline-block; width:calc(50% - 4px); float:left; border-radius:5px; box-shadow: 3px 3px 27px rgb(0 0 0 / 10%); padding:30px 4% 5% 4%; text-align:center;background: #ffffff;}
.mainCon .block{display:block; }
.mainCon > ul li:after{display:block; content:""; clear:both}
.mainCon > ul li {font-size:15px; color:#000; height:220px; position:relative; margin-bottom:15px}
.mainCon > ul li a{position:absolute; top:50%; bottom:0; right:0; left:0; margin:auto; transform: translate(0px, -50%);}
.mainCon > ul li strong {}
.mainCon > ul li span{display:block; font-size:14px; color:#818181}
.mainCon > ul li img {margin-bottom:4px}
.mainCon > ul li:nth-child(1) , .mainCon > ul li:nth-child(3) {margin-right:8px;padding-bottom: 30px;}
.mainCon > ul li:nth-child(2) , .mainCon > ul li:nth-child(4) {margin-left:7px;}
.mainCon > ul li:nth-child(1) img{width:auto; max-width:auto; max-height:65%; }
.mainCon > ul li:nth-child(2) img{width:auto; max-width:auto; max-height:65%; }
.mainCon > ul li:nth-child(3) img{width:auto; max-width:auto; max-height:65%;}
.mainCon > ul li:nth-child(4) img{width:auto; max-width:auto; max-height:auto;}


/* 스트레스 관리 첼린지 */
.stresscon {padding:50px 3.5% 0 !important;  background:#f4f4f4;}
.stresscon .stressbox { border-radius: 5px; background-color:#fff; box-shadow: 6px 5px 27px rgb(0 0 0 / 20%); display:inline-block; position:relative;}
.stresscon .stressbox:after{content:""; display:block; clear:both}
.stresscon .challenge {margin-top:calc(50px - 3%); padding: 8% 5%; margin-bottom:25px}
.stresscon .challenge > div:after{display:block; content:""; clear:both}
.stresscon div:nth-child(1) p:nth-child(1) {font-size:16px; font-weight:bold; float:left}
.stresscon div:nth-child(1) img {/*position: absolute; top: 40px; right: 40px;*/ float:right; width:22px; height:auto;margin-right: 7px;}
.stresscon div:nth-child(1) em {font-weight:bold; margin-right:2px;}
.stresscon div:nth-child(1) ul{width:100%;}
.stresscon div:nth-child(1) ul li {display:inline-block; float:left; width:50%; font-size:14px; height:30px; line-height:30px}
.stresscon div:nth-child(2) {margin-bottom:25px;}
.stresscon div:nth-child(2) p:nth-child(1) {font-size:18px; font-weight:bold; }
.stressbox .stress_subject{font-size:18px; color:#000; margin:10px 0px 0px 10px;}
.stressbox .stress_subtitle{font-size:16px; color:#7d7d7d; margin:0px 0px 20px 10px}
.btn_blue{position: fixed;float: right;right: 25px;background: #fff;color: #515151; font-size: 33px;font-family: normal;  font-weight: 100;border: 0;width: 50px;height: 50px;border-radius: 50px; box-shadow: 1px 1px 5px #e0e0e0;
    bottom: 130px;z-index: 999;padding: 0; display: inline-grid;line-height: 50px;}
.like {position: absolute; display: inline-flex;right: 8px;top: 4%;float: right;flex-direction: row;align-items: center; border-radius: 25px; padding: 7px 15px 7px 18px; background-color: rgba( 255, 255, 255, 0.4 );}

/* 스트레스 관리 챌린지 view */
.stress_view_div{padding:55px 0px 20px 0px}
.stressview_contant{padding:0px 3.5% !important;}
.stressview_contant > p {margin-bottom:10px; font-size:14px; color:#000}
.stressview_contant > p > span{width:4px; height:16px; background:#000; display:inline-block; margin-right:10px; position:relative; top:2px}
.stressview_maxTax{font-size:18px;}
.stressview_nameTax:after{display:block; content:""; clear:both}
.stressview_nameTax p{float:left; color:#7d7d7d; font-size:16px;}
.stressview_nameTax span{float:right; color:#999999; font-size:14px}
.stressview_contant > ul { margin:30px 0px; font-size:14px; color;#000;}

/* 스트레스 관리 챌린지 글작성 */
.stress_writeCon{padding: 85px 3.5% 100px !important;}
#consult-form input[type="text"] {border: none;border-bottom: 1px solid #d0d0d0 !important; border-radius:0px; padding:0px;font-size:16px; height:50px; line-height:50px; margin-bottom:20px;}
#consult-form textarea {border:1px solid #d0d0d0; padding:15px 0px 0px 15px; font-size:16px; height:180px;resize: none; margin-top:10px}
#consult-form p{margin-bottom:10px; font-size:14px;}
/* chrome, opera, safari */
#consult-form textarea::-webkit-input-placeholder{color:#cccccc;}
#consult-form textarea:-ms-input-placeholder{color:#cccccc;}
#consult-form textarea::-moz-placeholder{color:#cccccc;}
.stresswrite_p{font-size:14px; margin-top:30px; margin-bottom:15px}
.private{width:100%; height:62px}
.private li{display:inline-block; width:50%; float:left; border:1px solid #d0d0d0; color:#cccccc; background-color:#f8f8f8; height:60px; line-height:60px; text-align:center;}
.private li:nth-child(1){border-right:none}
.private .on {border:1px solid #1cd39c; color:#18a278; font-weight:bold; background-color:#fff}
.affixation li{ border-bottom: 1px solid #d0d0d0; font-size: 16px; height:50px; line-height:50px ; color:#cccccc}
.affixation li:after{display:block; content:""; clear:both}
.affixation .egg{color:#333;}
.affixation .egg .cancel{width:15px; height:auto; margin-top:20px; margin-left:5px;}
.affixation .link {width:19px; height:auto; float:right; margin-top:13px}
.write_btn {padding:0; padding-top:3.5%;}

/* 이완요법 */
.bg_contant {background:#f4f4f4}
.bg_contant ul{}
.bg_contant ul li{width:100%; height:62px; border:1px solid #e1e1e1; border-radius:5px; background:#fff; line-height:60px; padding:0px 25px; margin-bottom:12px}
.bg_contant ul li img{width:30px; height:auto; float:right; margin-top:17px; }
.relacation_on{border:2px solid #5fe0b9 !important; font-weight:bold;}
.relacation_on a {color:#1cd39c !important;}

/* 이완요법 view */
.relaxation_view_contant{padding:0px 3.5% !important}
.relaxation_view_contant p {font-size:14px;}
.relacationview_nameTax {margin-bottom:15px}
.relacationview_nameTax:after{display:block; content:""; clear:both}
.relacationview_nameTax p{float:left; color:#333333; font-size:22px;}
.relacationview_nameTax span{float:right; color:#999999; font-size:14px; margin-top:10px}
.relaxation_view_div{padding:55px 0px 20px 0px}

/* 마이페이지상단 */
.informagion_use_header a.back { background-image: url(../images/btn_back_white.svg) !important;}

/* 마이페이지 등업관리 */
.mypage_bg{background: url(../images/mypage_bg.jpg) top repeat;background-size: cover; height: 280px;}
.mypage_bg h2 {color:#fff}
.mypagecontant { position: relative; padding:0px 3.5% !important; top:-45px}
.profile{text-align:center; position: relative; height:215px; top:50px}
.profile .pro{position:absolute; width:66px; height:auto; top:15px; left:50%; transform:translate(-50%, 0)}
.profile .pro_satting {position:absolute; width:27px; height:auto; top: 65px; left: 50%; transform: translate(13px, 0px);}
.profile p{color:#fff; font-size:24px; padding-top:95px ;display:inline-block}
.profile:after{content:""; display:block; clear:both}
.profile .profileset { position: absolute; width: 35px; height: auto;  top: 50px; left: 55%; transform: translate(-50%, 0);}
.mypagebox {border-radius: 5px; background-color:#fff; box-shadow: 6px 5px 27px rgb(0 0 0 / 20%); display:block; padding:0px 20px}
.mypagebox:after{content:""; display:block; clear:both}
.ranking{height:90px; line-height:90px; margin-bottom:15px; font-size:19px}
.ranking .seed{margin-top:34px; margin-right:5px; width:20px; height:auto}
.ranking p {float:left; font-size: 17px;}
.ranking span{float:right; font-size: 17px;}
.upstandard{padding:20px;height:;}
.upstandard p {font-size:17px; font-weight:500; margin-bottom:15px;}
.upstandard p .grade{font-size:14px; color:#999999; margin-left:10px}
.upstandard p span:nth-child(1){width:2px; height:15px; background-color:#333333; display:inline-block; margin-right:5px; position:relative; top:2px}
.upstandard ul{width:100%;}
.upstandard ul li{/* display:inline-block; width:51%; float:left; */ font-size:16px}
.upstandard ul li:nth-child(2n) {width:49%}

.profile2 {position: relative;display: table;width: 80%;margin: auto;top: 33%;}
.profile2:first-child {margin-top:0;}
.profile2:last-child {margin-bottom:0;}
.profile2 > .value {/* display: table-cell; */width: 60%;}
.profile2 > .value > a > img {position: absolute;top: 23%;left: 138px;width: 38px;}
.profile2 > .value > .hei {position: absolute; display: inline-block; left: 85px; bottom: -11px;}
.profile2 > .value > .hei > a > img {width: 38px;}
.profile2 > .key {display: table-cell; width: auto;vertical-align: middle;font-size: 16px;}
.profile2 > .key a {color:#ffffff;}
.profile2 > .key a >img {width:20px;margin-right: 10px;}

/* .profile2 {display: table;table-layout: fixed;width: 100%;} */
.sub-heading {color:#212121;font-size:30px;line-height:1.8;letter-spacing: -1px;padding-left: 3.5%;}
.sub-heading > .desc {display:block;padding-top:5px;color:#666;font-size:22px;}
.sub-heading > .category {display:block;margin-top:5px;color:#666;font-size:22px;}
.paragraph {margin:40px 0;color:#4b4b4b;font-size:21px;line-height:2;letter-spacing: -1px;}
.paragraph:first-child {margin-top:0;}
.paragraph:last-child {margin-bottom:0;}
.paragraph > em {display:block;margin-bottom:20px;color:#212121;font-style:normal;font-weight:700;font-size:30px;line-height:1.5;}
.mypage_new_icon {top:80px;}


/* 마이페이지 나의정보수정 */
.mypageretouchcontant{padding: 0px 3.5% 0px !important; position:relative; top:-45px}
.mypageretouchcontant:after{content:""; display:block; clear:both}
.mypageretouchcontant li:nth-child(2):after{content:""; display:block; clear:both;}
.mypg_retouch li {font-size:14px; margin-top:30px;}
.mypg_retouch li:nth-child(2){position:relative;}
.mypg_retouch li p{margin-bottom:15px; line-height:20px}
.mypg_retouch li span{display:block; border-bottom:1px solid #d0d0d0; padding-bottom:10px;}
.mypg_retouch input[type="text"] {border-radius:0; border:0; border-bottom:1px solid #d0d0d0;}
.mypageretouchcontant .ranking{}
.mypageretouchcontant .block_btn{background-color:#333; width:78px; height:33px; border-radius:5px; position:absolute; text-align:center;  top:35px; right:0px;}
.mypageretouchcontant .block_btn a{color:#fff; line-height:33px;}

/* 마이페이지 */
.addedit .pro{top:40px !important;}
.addedit .pro_satting {top:90px !important;}
.addedit p{padding-top:116px !important}

.mypagecontant > ul{padding:0 20px;}
.mypagecontant > ul li{font-size:15px; height:50px;line-height: 50px;}
.mypagecontant > ul li img{width:8px; height:auto; float:right; margin-top:18px;}
.addedit p , .addedit span{display:block}
.addedit span{font-size:14px; color:#808080}
.addedit span img{width:16px; height:auto; margin-right:2px}

.mypageCon{padding-top:0px}
.mypagelotbg{/* height:275px !important */}

/* 캘린더 일기작성*/
.calender_write_con p {font-size:19px; font-weight:bold;}
.calender_write_con p:nth-child(1) {margin-top:13px; margin-bottom:17px}
.calender_write_con > ul {width:100%; margin-bottom:30px;}
.calender_write_con > ul:after{content:""; display:block; clear:both;}
.calender_write_con > ul > li {display:inline-block; width:20%; float:left;}
.calender_write_con > ul > li {padding:0px 5px}
.calender_write_con > ul > li:first-child{}
.calender_write_con > ul > li:last-child {padding-right:0px !important}
.calender_write_con textarea {border:1px solid #d0d0d0; padding:17px; resize: none; height:222px; margin:17px 0px 15px}
.calender_write_con textarea::-webkit-input-placeholder{color:#cccccc;}
.calender_write_con textarea:-ms-input-placeholder{color:#cccccc;}
.calender_write_con textarea::-moz-placeholder{color:#cccccc;}
.calender_write_con .calenderwrite_secretbox {background-color:#f8f8f8; border:1px solid #eaeaea; height:55px; line-height:55px; font-size:14px; padding:0px 20px}
.calender_write_con .calenderwrite_secretbox img{width:23px; height:auto; margin-top:19px;margin-right:5px}
.calender_write_con .calenderwrite_secretbox {font-weight:lighter;}
.calender_write_con .calenderwrite_secretbox span{font-weight:bold;}
.imoticon {margin:17px 0px}
.imoticon li{display:inline-block; width:20%; float:left; text-align:center;}
.imoticon:after{content:""; display:block; clear:both}
.calender_write_con li:nth-child(1) input[type="radio"] + label:before {background: url(../images/diary_smail1.png)0 0 no-repeat; width:60px; height:60px; background-size:60px; background-position: 0px -1px;}
.calender_write_con li:nth-child(1) input[type="radio"]:checked + label:before { background-position-y: -60px;}
.calender_write_con li:nth-child(2) input[type="radio"] + label:before {background: url(../images/diary_smail2.png)0 0 no-repeat; width:60px; height:60px; background-size:60px; background-position: 0px 0px;}
.calender_write_con li:nth-child(2) input[type="radio"]:checked + label:before { background-position-y: -60px;}
.calender_write_con li:nth-child(3) input[type="radio"] + label:before {background: url(../images/diary_smail3.png)0 0 no-repeat; width:60px; height:60px; background-size:60px; background-position: 0px 0px;}
.calender_write_con li:nth-child(3) input[type="radio"]:checked + label:before { background-position-y: -60px;}
.calender_write_con li:nth-child(4) input[type="radio"] + label:before {background: url(../images/diary_smail4.png)0 0 no-repeat; width:60px; height:60px; background-size:60px; background-position: 0px 0px;}
.calender_write_con li:nth-child(4) input[type="radio"]:checked + label:before { background-position-y: -60px;}
.calender_write_con li:nth-child(5) input[type="radio"] + label:before {background: url(../images/diary_smail5.png)0 0 no-repeat; width:60px; height:60px; background-size:60px; background-position: 0px 0px;}
.calender_write_con li:nth-child(5) input[type="radio"]:checked + label:before { background-position-y: -60px;}
.calender_write_con input[type="radio"] + label:before{margin:0px !important}
/* d0d0d0
.calender_write_con > ul > li a img{width:67px; height:auto;}
*/

/* 캘린더 */
.schedule{padding:65px 3.5% 0px 3.5% !important}
.scheduleCont {margin-bottom:45px}
.thismonth {border:1px solid #ddd; border-radius:5px; font-size:14px; padding:0px 15px; line-height:30px ;height:33px; display:inline-block; text-align:center; margin:15px 0px ;}
.scHead{ text-align:center; position:relative; margin:10px 0;}
.scHead a{position:absolute; padding:5px 10px}
.scHead a img {width:12px; height:auto}
.scHead a:nth-child(1){left:0; top:10px}
.scHead a:nth-child(2){right:0; top:10px}
#contant:after{display:block; content:""; clear:both}
.c_date{font-size:27px; font-weight:bold; text-align:center; padding-top:5px}
.explanation{background-color:#f4f4f4; padding-bottom:30px}
.explanation .div_contant {padding:0px 3.5% 80px;}
.explanation .div_contant p {color:#b2b3b7; font-size:16px; padding:20px 0px;}
.explanation .div_contant ul{background:#fff; border-radius:5px; padding:20px; width:100%; display:inline-block}
.explanation .div_contant ul li{display:inline-block; width:50%; float:left; line-height:30px; }
.explanation .div_contant ul li span{display:inline-block; width:8px; height:8px; border-radius:100px; margin-right:5px;}
.explanation .div_contant ul li:nth-child(1) span{background-color:#1cd39b;}
.explanation .div_contant ul li:nth-child(2) span{background-color:#e64b85;}
.explanation .div_contant ul li:nth-child(3) span{background-color:#875ec3;}
.explanation .div_contant ul li:nth-child(4) span{background-color:#3ec8f7;}
.sclist {width:100%; text-align:center;}
.sclist .line {border-bottom:1px solid #ddd;width:100% ; line-height:60px}
.scCont .line tr th {font-size:17px; font-weight:500; margin-bottom:15px;}
.scCont tbody tr {line-height:60px;}
.scCont tbody td {line-height:60px;height: 60px;/* font-family: 'Open Sans', sans-serif; */}
.scCont tbody td em a {display:block; font-family: 'Lato', sans-serif;}
.sclist .noneday{color:#c6c7cc;}
.sclist .color_b {color:#3968ff;}
.sclist .color_r {color:#ff3939}
.sclist .r_ball {/* background-color:#e64b85; */ /*background-color:#fec3e1;*/ background-color: #fb2828; color:#fff; display:block;  border-radius:50%; width:28px; height:28px; margin:0 auto; line-height:28px}
.sclist .r_ball a{color:#fff;}
.sclist .g_ball {/* background-color:#1cd39b; *//*background-color:#8addc3;*/ background-color: #a7e4ff; color:#fff; display:block;  border-radius:50%; width:28px; height:28px; margin:0 auto; line-height:28px; font-family: 'Lato', sans-serif; position:relative;}
.sclist .g_ball a{color:#fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.sclist .b_ball {/* background-color:#3ec8f7; */ /*background-color:#a7e4ff;*/ background-color:#1cd39b; color:#fff; display:block;  border-radius:50%; width:28px; height:28px; margin:0 auto; line-height:28px}
.sclist .p_ball {/* background-color:#875ec3; */ /*background-color:#abc4ee;*/ background-color: #fbe128; color:#fff; display:block;  border-radius:50%; width:28px; height:28px; margin:0 auto; line-height:28px}

/* 캘린더_view */
.calenderview_con {padding:padding: 65px 3.5% 0px !important;}
.calenderview_con:after{display:block; clear:both; content:"";}
.calend_view:after{display:block; content:""; clear:both}
.calend_view {margin-top:20px; height:60px; line-height:60px}
.calend_view p {font-size:19px; font-weight:bold; color:#000; float:left;}
.calend_view img { float:right; width:47px; height:auto}
.calenderview_con .time{color:#e64b85; border:1px solid #e64b85; border-radius:20px; display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; font-size:14px;}
.calenderview_con .time span{margin-left:3px; font-size:13px}
.calenderview_con .vertical-line{/* border-left: 1px dashed #ddd; */ height: calc(100vh - 195px); position: absolute ;left: 8%; top: 195px;}
.calenderview_con .calendview_Tax{margin: 20px 0px 0px 0%;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 6px 5px 27px rgb(0 0 0 / 20%);
    margin-bottom: 10px;
    height: 87px;
    padding: 20px;
    border: 1px solid #e1e1e1;}


/* 나의 자가진단 */
.diagnosis_con1{padding-top:55px; /*padding-bottom:35px;*/}
.diagnosis_con2{padding:0px 3.5% 0px !important}
.diagnosis_con2 ul li {text-align:center; font-size:16px; height:56px; line-height:56px; margin-bottom:10px}
.diagnosis_con2 ul li:nth-child(1){border:1px solid #0ecc96}
.diagnosis_con2 ul li:nth-child(2){border:1px solid #83d63a}
.diagnosis_con2 ul li:nth-child(3){border:1px solid #ffcf06}
.diagnosis_con2 ul li:nth-child(4){border:1px solid #ff902c}
.diagnosis_con2 ul li:nth-child(5){border:1px solid #f7435d}
.diagnosis_con2 ul li:nth-child(6){border:1px solid #607d8b}
.diagnosis_con2 ul li:nth-child(7){border:1px solid #9c27b0}
.diagnosis_con2 ul li:nth-child(8){border:1px solid #f7a743}


/* 나의 자가진단 결과보기*/
.diagnosisview_box {border-radius: 5px; background-color: #fff; box-shadow: 6px 5px 27px rgb(0 0 0 / 20%); display: inline-block; padding:20px; width:100%; margin-bottom: 20px;}
.diagnosisview_mainTax{font-size:17px; margin-bottom:30px}
.diagnosisview_subTax{font-size:14px; /*margin-bottom:25px;*/}
.gray_line{display:block; background-color:#cdcdcd;margin:25px 0px 20px;}
.diagnosisview_conTax {font-size:13px;}
.center_call{border:1px solid #e4e4e4; display:block;  height:50px ; line-height:50px; text-align:center; }
.center_call{font-size:17px; margin-top:25px}
.center_call span{font-size:20px; font-weight:bold; color:#1cd39b; margin-left:5px}
.diagnosis_icon:after{content:""; display:block; clear:both}
.diagnosis_icon {text-align:center; margin:25px 0px}

.diagnosis_icon a img{width:40px; height:auto}
.diagnosis_icon a:nth-child(2) {margin:0px 10px}
.upstandard > ul > li {letter-spacing:-2px}
.upstandard > ul > li span {margin-left:2px}
/* 증상관리그래프, 약물관리. 요약그래프, 채팅 */
.drug_btn {width: 49%; display: inline-table; border: 1px solid #d1d1d1;text-align: center;line-height: 30px;height: 30px;border-radius: 4px;}
.drug_btn_on {width: 49%; display: inline-table; border: 1px solid #0ecc96;text-align: center;line-height: 30px;height: 30px;border-radius: 4px;}
/* .drug_btnR {width: 49%;display: inline-table;border: 1px solid #d1d1d1;text-align: center;line-height: 30px; height: 30px;float: right;border-radius: 4px;} */
.drug_btnR_on {width: 49%;display: inline-table;border: 1px solid #0ecc96;text-align: center;line-height: 30px; height: 30px;float: right;border-radius: 4px;}

/*공통*/
.tab_con{padding:35px 3.5% !important}
.graph_div{padding-top:65px;}
.diary_tap {text-align: center;}
.tabmenu{width: 100%; margin-top: 0px;line-height: 55px; vertical-align: middle;display: inline-block;}
.tabmenu:after{content:""; display:block; clear:both}
.tabmenu li { display:  inline-block; width:33.333%;  float:left; text-align:center; border-bottom: 1px solid #ddd; }
.tabmenu .tap_uderline_li { border-bottom: 0px solid #fff !important;}
.tabmenu .tap_on {border-bottom: 3px solid #1cd39b;}
.tabmenu .tap_on a{ color:#1cd39b; font-weight:bold; }
.tabmenu .tap_underline_on { background-color: #1cd39b; border-radius: 8px 0px; color: #fff;}
.tabmenu .tap_underline_on a { color:#ffffff; font-weight:bold;}
.tab_mianTax{font-size: 19px;font-weight: bold;margin-bottom: 20px;margin-top: 11px;}

/* 그래프 */
.graph_calender{background-color:#f8f8f8; font-size:15px; height:55px; line-height:55px; padding:0px 15px; margin-bottom:25px}
.graph_calender:after{content:""; display:block; clear:both}
.graph_calender li{displaly:inline-block; float:left; text-align:center;}
.graph_calender li:nth-child(1) , .graph_calender li:nth-child(3) {width:48%}
.graph_calender li:nth-child(2){width:4%;}
.graph_calender img{width:22px; height:auto; margin-top:17px;margin-left:20px}
.graph_comment{background-color:#f8f8f8; height:55px; line-height:55px; border-radius:5px; font-size:16px; margin-top:23px; text-align:center;}
.graph_comment img{width:25px; height:auto;     margin-top: 18px; margin-right:2px}
.graph_gray_line {width:100%; height:10px; background-color:#f7f7f7;}
.contside {margin:0px 3.5%;}

/* 채팅 */
.chat_con {padding: 20px 3.5% 0 !important;}
.chat_con ul:after{content:""; display:block; clear:both}
.chat_con ul{width:100%; margin-bottom:15px;}
.chat_con ul li{display:inline-block; width:50%; float:left; text-align:center; height:190px; position:relative; padding-top: 30px;}
.chat_con ul li a {width:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%)}
.chat_con ul li a img{margin-bottom:10px;}
.chat_con ul li a span{display:block; font-size:15px; line-height:17px;}
.chat_con ul li:nth-child(1) a img{width:71px; height:auto;}
.chat_con ul li:nth-child(2) a img{width:74px; height:auto;}
.chat_con ul li:nth-child(3) a img{width:97px; height:auto;}
.chat_con ul li:nth-child(4) a img{width:57px; height:auto;}

.chat_con ul li:nth-child(1) , .chat_con ul li:nth-child(3) {border-right:1px solid #cdcdcd; }

.chat_con ul li:nth-child(1):after {content:""; display:block; border-bottom:1px solid #cdcdcd ;margin-right:10px; padding-top: 35px;}
.chat_con ul li:nth-child(2):after {content:""; display:block; border-bottom:1px solid #cdcdcd ;margin-left:10px; padding-top: 35px;}

.chat_con .chattime{font-size:19px; margin-bottom:24px}
.chat_con .chattime img {width:26px; height:26px; margin-right:10px;}
.chatsub_Tax{font-size:17px; color:#555555}
.kakao_chat {border: 1px solid #fddc3f; display: block; height: 50px; line-height: 50px; text-align: center; color:#381e1f; background-color:#fddc3f; margin-top:10px;}
.kakao_chat img{width:25px; height:auto; margin-top:15px; margin-right:5px;}

.graph_div #threetab li{width:33.333% !important;}
.graph_div:after {content:""; display:block; clear:both}

.canvasbox {border: 1px solid #ddd;}


/* 공지사항 */
.notice_con {/*background-color:#f4f4f4;*/}
.notice_box {position:relative; border-radius: 5px; background-color: #fff; box-shadow: 6px 5px 27px rgb(0 0 0 / 3%); margin-bottom:10px; min-height:87px; padding:20px 40px 20px 20px; border:1px solid #e1e1e1;}
.notice_box:after{content:""; display:block; clear:both}
.notice_box p{float:left; display:block; font-size:16px; color:#333333;}
.notice_box p span{display:block; font-size:14px; color:#999999}
.notice_box img {position:absolute; right:16px; top:50%; margin-top:-7px; width:8px; height:15px;}
.notice_on{border:2px solid #1cd29b; }
.notice_on p{color:#1cd39c;}

/* 공지사항 뷰 */
.notice_view_mainTax{font-size:19px; font-weight:bold; margin-bottom:25px;}
.notice_view_subTax {font-size:16px;}

/* 정보전달 */
.infor_trans_con{background-color:#f4f4f4; height:100%;}
.infor_trans_box{border-radius: 5px; background-color: #fff; box-shadow: 6px 5px 27px rgb(0 0 0 / 20%); margin-bottom:10px; height:116px; padding:20px; border:1px solid #e1e1e1;}
.infor_trans_box:after{content:""; display:block; clear:both}
.infor_trans_box p{float:left; display:block; font-size:16px; color:#333333;}
.infor_trans_box p span{display:block; font-size:14px; color:#333333}
.infor_trans_box img{float:right; width:62px; height:auto; margin-top:13px}
.infor_trans_on{border:2px solid #1cd29b; }
.infor_trans_on p{color:#1cd39c;}

/* 유사기관소개 */
.similar_tab{margin-bottom:20px;}
.similar_tab:after{content:''; display:block; clear:both}
.similar_tab li{display:inline-block; width:50%; float:left; text-align:center; border:1px solid #ddd; background:#fff; font-size:;}
.similar_tab li.on{font-weight:bold;}
.similar_tab li.on a{color:#1cd39b; }
 .similar_tab li a {padding:15px 0px; display:block}
.similar_tab li:nth-child(2n) {border-left:0}
.similar_tab li:nth-child(1) , .similar_tab li:nth-child(2) , .similar_tab li:nth-child(3) {border-bottom:0;}

.similar_info_mainTax{font-size: 19px; font-weight: bold; margin: 20px 0px;}
.similar_con{background-color:#f4f4f4; padding:85px 3.5% 0 !important;}
.similar_info_box{ background-color: #fff;  margin-bottom:10px; /* height:134px; */ min-height:134px; /* padding:20px; */padding:20px 15px; border-top:1px solid #1cd39b; width:100%; position:relative;}
.similar_info_box a {display:block;}
.similar_info_box a:after{content:""; display:block; clear:both}
.similar_info_box:after{content:""; display:block; clear:both}
.similar_info_box .f_left{float:left; width:100%;}
.similar_info_box .f_right{/* position:absolute; right:20px; top:20px; */ float:right; margin-top:10px;}
.similar_info_box p{float:left; display:block; font-size:16px; color:#333333; display:block;}
.similar_info_box p span{display:block; font-size:13.5px; color:#555555;}
.similar_info_box p:nth-child(1){margin-bottom:10px; width:100%}
.similar_info_box .f_right span{float:right; /* margin-top:70px; */ font-size:17px;}
.similar_info_box .f_right span img {width:22px; height:auto; margin-top:5px; margin-right:5px}


/* 센터소개 */
.center_mainTax{font-size:23px; font-weight:bold; color:#000;margin-bottom:20px;}
.center_pic{margin-bottom:30px}
.center_subTax {font-size:16px; word-break: keep-all;}

/* 정신건강매거진 */
/*
.periodicals_con{padding:85px 3.5% 85px !important}
.periodicals_con > ul {width:100%; margin-top:10px}
.periodicals_con > ul li{display:inline-block; width:calc(50% - 7px); float:left;}
.periodicals_con > ul li:nth-child(1) , .periodicals_con > ul li:nth-child(3) {margin-right:7px}
.periodicals_con > ul li:nth-child(2) , .periodicals_con > ul li:nth-child(4) {margin-left:7px}
.periodicals_con .periodicals_span{margin-top:14px; margin-bottom:20px; display:block; font-size:16px}
*/
.periodicalswrapbg { /*margin-bottom:100px !important; */}
.periodicals_con > ul {display:grid; grid-template-columns: 1fr 1fr; grid-auto-rows: minmax(100px, auto); gap: .9em; box-sizing: border-box;}
.periodicals_con > ul li a img { max-width: 100%; }


/* 정신건강매거진_view */
.periodicals_view_img{ padding-top:65px; text-align:center;}
.periodicals_view_img > img {padding-top:20px;}
.periodicals_view_con{ padding: 20px 3.5% 0px !important; text-align:center; margin-bottom:110px;}
.periodicals_view_con > p:nth-child(1){font-size:14px; color:#555555; margin-bottom:10px; }
.periodicals_view_con > p:nth-child(2){font-size:22px; color:#000;margin-bottom:10px; }
.periodicals_view_con > p:nth-child(3) {font-size:14px;}
.periodicals_view_con > p:nth-child(3) span{font-size:14px; margin-left:30px}

/* 알림 */
.wideVW {background-color:#f4f4f4;}
.notificationArea {}
.notificationArea ul li {background:#fff; margin-bottom:15px; padding:30px 7%; border-top:1px solid #1cd39b}
.notificationArea ul li a {display:block; position:relative; padding-left:55px; background:url(../images/c_btn_next.png) no-repeat right center; background-size:10px; padding-right:15%;}
.notificationArea ul li a:before {display:block; width:35px; height:35px; content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; background-image:url(../images/ico_notification.svg); background-repeat:no-repeat; background-position:center; background-size:55%; border-radius:50%;}
.notificationArea ul li a.ntc_request:before {background-color:#76d7e3;}
.notificationArea ul li a.ntc_approval:before {background-color:#30c645;}
.notificationArea ul li a.ntc_refusal:before {background-color:#444;}
.notificationArea ul li a.ntc_notice:before {background-color:#fed61c;}
.notificationArea ul li a.ntc_admnotice:before {background-color:#b176f1;}
.notificationArea ul li a b {display:block; font-size:14px; color:#000; margin-bottom:5px;}
.notificationArea ul li a span {display:block; font-family:'Noto Sans L'; color:#555;}
.notificationArea ul li a.ntc_admnotice span {overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.35em; height:4.05em;}
.notificationArea ul li a em {display:block; font-size:13px; color:#bdbdbd; margin-top:15px;}
.notificationArea ul li a em.caption {color:#f44336; margin-bottom:-10px;}
.notificationArea .nodata {text-align:center; padding-top:30%; color:#939393;}
.notificationArea .nodata img {width:10%; margin:0 auto 10px; text-align:center; display:block;}

/*view*/
.notification_nodate_wrap {background-color:#f4f4f4 !important;}
.board_view .board_view_header {
    display: table;
    width: 100%;
    padding: 4.5% 3.5%;
    border-bottom: 1px solid #ebebeb;
}
.board_view .board_view_header .inner {
    display: table-cell;
    vertical-align: middle;
}
.board_view .board_view_header .info_wrap {
    display: flex;
	position:relative;
}
.board_view .board_view_header .info_wrap .date {
    /* font-family: "Montserrat", "Noto Sans CJKKR", sans-serif; */
    display: inline-block;
    font-size: 14px;
    color: #aaa;
    margin-bottom: 5px;
}
.board_view .board_view_header .title_wrap {
    font-family: 'Noto Sans M';
    font-weight: normal;
    font-size: 18px;
}
.board_view .board_veiw_body {
    min-height: 350px;
    padding: 4.5% 3.5%;
    /* border-bottom: 1px solid #ddd; */
    color: #555;
    line-height: 160%;
}

/* 자가진단 */
#bg_gray {background-color:#f4f4f4 !important}
#wrap.bg_gray {background-color:#f4f4f4 !important; height:100%;}
.diagnosis_header{background-color:#9ee2c9 !important;}
.self_diagnosis_survey , .self_diagnosis_basic {background-color:#f4f4f4 }
.self_diagnosis_survey{padding:85px 3.5% 0px !important}
.self_diagnosis_survey .diagnosis_box li{background-color:#fff; padding:24px 15px; margin-bottom:10px; border-radius:5px}
.self_diagnosis_survey input[type="text"] {border: none; border-bottom: 1px solid #d0d0d0 !important; border-radius: 0px; padding: 0px; font-size: 16px; height: 50px; line-height: 50px; margin-bottom: 20px;}
.self_diagnosis_survey .diagnosis_box li p{font-size:16px; margin-bottom:10px}
.self_diagnosis_survey .diagnosis_box li p em{font-weight:bold; font-size:17px; }
.self_diagnosis_survey .diagnosis_box li p:nth-child(2){margin-left:-10px}
.self_diagnosis_survey input[type="radio"] + label:before{margin:0 5px 0 0px}
.self_diagnosis_survey .diagnosis_box li input[type="radio"] + label {margin-left:10px;}
.self_diagnosis_basic , .self_diagnosis_basic {background-color:#f4f4f4 }
.self_diagnosis_basic{padding:85px 3.5% 0px !important}
.self_diagnosis_basic .diagnosis_box li{background-color:#fff; padding:24px 15px; margin-bottom:10px; border-radius:5px}
.self_diagnosis_basic input[type="text"] {border: none; border-bottom: 1px solid #d0d0d0 !important; border-radius: 0px; padding: 0px; font-size: 16px; height: 50px; line-height: 50px; margin-bottom: 20px;}
.self_diagnosis_basic .diagnosis_box li p{font-size:16px; margin-bottom:10px}
.self_diagnosis_basic .diagnosis_box li p em{font-weight:bold; font-size:17px; }
.self_diagnosis_basic .diagnosis_box li p:nth-child(2){margin-left:-10px}
.self_diagnosis_basic input[type="radio"] + label:before{margin:0 5px 0 0px}
.self_diagnosis_basic .diagnosis_box li input[type="radio"] + label {margin-left:10px;}
/*
.self_diagnosis_basic ul li input[type="radio"] + label:first-child {margin-left:-10px}

/* .self_diagnosis_basic input[type="radio"] + label:before{content: '' !important;
    display: inline-block !important;
    vertical-align: middle !important;
    width: 25px !important;
    height: 25px !important;
    margin: -3px 5px 0 0 !important;
    background: url(../images/self_diagnosis_checkbox.png) no-repeat 0 0 !important;
    background-size: 25px !important;} */

.diagnosissub_Tax{font-size:12.5px; margin:20px 0px}
.diagnosis_personal_box{background-color:#fff; padding:0px 15px; height:370px ; border:1px solid #cdcdcd;}
.diagnosis_personal_box:after{display:block; content:""; clear:both}
.diagnosis_personal_box li{font-size:12.5px;  letter-spacing: -1.6px; font-weight:bold; border-bottom:1px solid #cdcdcd; height:65px; padding-top:12px}
.diagnosis_personal_box li:first-child { margin-top:9px; display:block}
.diagnosis_personal_box li:last-child {border-bottom:0;}
.diagnosis_personal_box li span{display:block; color:#555555;     font-weight: lighter;  }
.diagnosis_personal_box li p{font-size:16px; margin-top:20px; text-align:center;}
.diagnosis_personal_box .notagree{margin-left:10px}

.diagnosisview_con{padding:65px 3.5% 160px !important}

.mypage_header{border-bottom:1px solid #515151; background-color:none !important; background:none !important}
.self_diagnosis_result .diagnosisview_box:nth-child(1) {margin-bottom:10px}
.diagnosisview_box .self_resultbox {width:100%;}
.diagnosisview_box .self_resultbox li{/* display:inline-block; float:left; */ font-size:16px; font-weight:bold; height:27px}
.diagnosisview_box .self_resultbox li span{font-weight:lighter; }
/* .diagnosisview_box .self_resultbox li:nth-child(2n){width:44%} */
.diagnosisview_box .self_resultbox li:nth-child(2n-1){/* width:56% */}  /**/
.diagnosisview_box .self_resultbox li:nth-child(5){width:100%;}
/* .diagnosisview_box .self_resultbox li:nth-child(5) p {width:28%;} */
.diagnosisview_box .self_resultbox li p{display:inline-block; width:20%;}
.twobtn a:nth-child(1) {background-color:#fddc3f; color:#381e1f !important; margin-bottom:10px}



/* 설정 */
/*설정 팝업*/
#open5 .popmain_Tax , #open6 .popmain_Tax{margin-bottom:15px;}
#open5 .popsub_Tax , #open6 .popsub_Tax{margin-bottom:15px;}

/*알림설정토글*/
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box;
}
.tgl {
    display: none;
}
.tgl-light:checked + .tgl-btn {
    background: #1cd39c;
}
.tgl-light + .tgl-btn {
    background: #f0f0f0;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;

}
.tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 49px;
    height: 29px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tgl:checked + .tgl-btn:after {
    left: 50%;
	top:5px;
}
.tgl-light + .tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    transition: all 0.2s ease;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
    position: absolute;
    display: block;
    content: "";
    width: 18px;
    height: 18px;
	top:5px;
	left:3px
}
.tgl-light + .tgl-btn {
    background: #f0f0f0;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease; display:inline-block
}
.satting_con ul {margin-top:10px}
.satting_con ul li{font-size:15px; color:#333; height:50px; }
.satting_con ul li span{float:right; color:#00a271;}
.satting_con ul li img{float:right; width:8px; height:auto; margin-top:10px}

/* 탈퇴하기 팝업 */
#open6 input[type="radio"] + label {display:block !important; line-height: 30px; margin-left: 10px;}
#open6 input[type="textarea"] + label {}
.notjoinpoptext {padding:10px 20px; }
.notjoinpoptext input[type="textarea"] {width:100%; height:80px}
/* 개인정보처리방침 */
.personalinfo_box {padding:75px 3.5% !important;}
.personalinfo_mainTax {font-weight:bold; font-size:14px; margin-bottom:10px}
.personalinfo_subTax {font-size:14px; margin-bottom:35px}
.personalinfo_box p:nth-child(1){margin-bottom:35px}
#open6 .pop2btn:after {content:""; display:block; clear:both; }
#open6 .pop_notbtn {    display: block; width: calc(50% - 2px); background-color: #efefef; font-size: 20px; height: 66px; line-height: 66px; border-radius: 5px; text-align: center; float:left; margin-left:2px;}
#open6 .pop_btn {width:calc(50% - 2px) !important; float:left; margin-right:2px}
/* 사례관리 */
.case_calender_Con{padding:20px 3.5% !important}

.recordmon li ul li:nth-child(1) span{display:inline-block; margin-right:5px; border-radius:50%; /* background-color:#1cd39b; */ /*background-color: #8addc3;*/ background-color: #a7e4ff; width:8px; height:8px;}
.recordmon li ul li:nth-child(2) span{display:inline-block; margin-right:5px; border-radius:50%; background-color:#1cd39b; /* background-color:#a7e4ff; */ width:8px; height:8px}
.recordmon li ul li:nth-child(3) span{display:inline-block; margin-right:5px; border-radius:50%; background-color:#fbe128; /*background-color:#abc4ee;*/ width:8px; height:8px}
.recordmon li ul li:nth-child(4) span{display:inline-block; margin-right:5px; border-radius:50%; background-color:#fb2828; /*background-color:#fec3e1;*/ width:8px; height:8px}
.recordmon li{margin-right:5px}
.recordmon li:last-child{margin-right:0;}
.clear_d:after{content:""; display:block; clear:both; }
.clear_d .thismonth{float:left;}
.clear_d .recordmon{float:right; margin:15px 0px}
.clear_d .recordmon li{float:left;}

/* 사례관리 모달창_ 날짜클릭시 팝업 */

.g_ball:after {content:""; display:block; clear:both}
.popup {
	z-index:12;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;

}
.popup:target {
    opacity:1;
    pointer-events: auto;
}
.popup > div {
	padding:5%;
	position: absolute;
	background-color: white;
	overflow: auto;
	width:90%;
	top:50%;
	left:50%;
	transform:translate(-50% , -50%)
}

.popup img{width:20px !important; height:auto; float:right; margin-top:6px;}
.popup .popmain_Tax{font-size:20px; text-align:center;}
.popup .popsub_Tax{font-size:17px; text-align:center; color:#555555;line-height: 60px;height: 60px;}
.popup > div > ul:after{content:""; display:block; clear:both}
.popup > div > ul {margin:20px 0px; text-align:center;}
.popup > div > ul > li {display:inline-block; line-height: 36px;}
.popup .pop_btn{display:block; margin-top:15px; width:100%; background-color:#1cd39c; font-size:20px; height:60px; line-height: 60px; border-radius:5px; text-align:center;}
.popup .pop_btn a{color:#fff;}

/* 마음일기 캘린더 */

.case_calender_con .thismonth {float:left;}
.case_calender_con .recording {float:right; margin:15px 0px;}


.case_calender_con .recording:after{content:""; clear:both; display:block;}
.case_calender_con.clear:after{content:""; clear:both; display:block;}
.case_calender_con .sclist .o_ball{background-color: #a7e4ff; display: block; border-radius: 50%; width: 28px; height: 28px; margin: 0 auto; line-height: 28px; color: #fff;}
.case_calender_con .sclist .vg_ball{background-color:#1cd39b; display: block; border-radius: 50%; width: 28px; height: 28px; margin: 0 auto; line-height: 28px; color: #fff;}
.case_calender_con .sclist .g_ball{background-color:#a6ead4; display: block; border-radius: 50%; width: 28px; height: 28px; margin: 0 auto; line-height: 28px; color: #fff;}
.case_calender_con .sclist .c_ball{background-color:#fbe128; display: block; border-radius: 50%; width: 28px; height: 28px; margin: 0 auto; line-height: 28px; color: #fff;}
.case_calender_con .sclist .nb_ball{background-color:#ff9840; display: block; border-radius: 50%; width: 28px; height: 28px; margin: 0 auto; line-height: 28px; color: #fff;}
.case_calender_con .sclist .b_ball{background-color:#f04040; display: block; border-radius: 50%; width: 28px; height: 28px; margin: 0 auto; line-height: 28px; color: #fff;}

.recording li ul li.todayrecording{width:100%;}
.recording li ul li:nth-child(1) span{display:inline-block; margin-right:5px; border-radius:50%; /*background-color:#8addc3;*/ background-color: #a7e4ff; width:8px; height:8px;margin-bottom: 3px;}
.recording li ul li:nth-child(2) span{display:inline-block; margin-right:5px; border-radius:50%; background-color:#1cd39b; width:8px; height:8px;margin-bottom: 3px;}
.recording li ul li:nth-child(3) span{display:inline-block; margin-right:5px; border-radius:50%; background-color:#a6ead4; width:8px; height:8px;margin-bottom: 3px;}
.recording li ul li:nth-child(4) span{display:inline-block; margin-right:5px; border-radius:50%; background-color:#fbe128; width:8px; height:8px;margin-bottom: 3px;}
.recording li ul li:nth-child(5) span{display:inline-block; margin-right:5px; border-radius:50%; background-color:#ff9840; width:8px; height:8px;margin-bottom: 3px;}
.recording li ul li:nth-child(6) span{display:inline-block; margin-right:5px; border-radius:50%; background-color:#f04040; width:8px; height:8px;margin-bottom: 3px;}
.recording li{display: inline-block;margin-right:10px}
.recording li:last-child{margin-right:0;}


/* 증상관리 */
.symptom_mangment_con{padding:25px 3.5% 110px !important}
.symptom_mangment_con ul {border:1px solid #ebebeb; border-top:1px solid #1cd39b; padding:0 20px}
.symptom_mangment_con ul li{border-bottom:1px solid #dddddd; padding:20px 0px; width:100%;}
.symptom_mangment_con ul li:after{content:""; display:block; clear:both}
.symptom_mangment_con ul li p{font-size:17px; font-weight:bold; float:left; width:75%}
.symptom_mangment_con ul li:last-child{border-bottom:0;}
.symptom_mangment_con ul li p span{display:block; font-size:15px; font-weight:lighter; margin-top:25px}
.symptom_mangment_con ul li img{float:right;  width:25%}

.symptom_mangment_con ul li:nth-child(1) img {width:49px; height:auto;}
.symptom_mangment_con ul li:nth-child(2) img {width:48px; height:auto;}
.symptom_mangment_con ul li:nth-child(3) img {width:43px; height:auto;}
.symptom_mangment_con ul li:nth-child(4) img {width:51px; height:auto;}
.symptom_mangment_con ul li:nth-child(5) img {width:57px; height:auto;}
.symptom_mangment_con ul li:nth-child(6) img {width:58px; height:auto;}
.symptom_mangment_con ul li:nth-child(7) img {width:60px; height:auto;}

/* 약물관리 */
.drug_managemen_con{padding:80px 3.5% 85px !important;}
.drug_managemen_con textarea {resize: none; border:1px solid #d5d5d5; padding:10px; height:200px;}
.drug_managemen_con > p{font-size:19px; font-weight:bold; margin-bottom:20px}
.drug_managemen_con .affixation{margin-bottom:20px}
.drug_managemen_con .alram {border:1px solid #d5d5d5;}
.drug_managemen_con .alram li{padding:15px 10px; font-size:16px; color:#555}
.drug_managemen_con .alram > li:nth-child(1) {border-bottom:1px solid #d5d5d5;}
.drug_managemen_con .alram li label span{display:block; font-size:20px; color:#333333;}
.drug_managemen_con .alram li label {float:left;}
.drug_managemen_con .alram li label p{float:right; font-size:17px; color:#555555;}
.drug_managemen_con .alram li:after{content:""; display:block; clear:both}
.drug_managemen_con .alram li input[type="radio"] + label:before {margin-top:20px; margin-right:10px}
.drug_managemen_con .alram > li a img{width:8px; height:auto; float:right;margin: 5px 0px 0px 10px}
.drug_managemen_con .alram li .days{float:right; /* color:#939393; */color:#1cd39c;}
.drug_managemen_con .alram li input[type="radio"] + label:before{ margin:17px 10px 0 0px;}
.drug_managemen_con .alram {margin-bottom:20px}

/*약물관리 팝업디자인*/
#open3 > ul{width:100%;}
#open3 > div > ul > li {display: inline-block !important; width: 14.28% !important; float: left !important;}
#open3 > div > ul > li:nth-child(1) , #open3 > div > ul > li:nth-child(2) , #open3 > div > ul > li:nth-child(3) , #open3 > div > ul > li:nth-child(4) , #open3 > div > ul > li:nth-child(5) {color:;}
#open3 > div > ul .pop_day_on a {border-radius:50%; background-color:#333; width:30px; height:30px; color:#fff; display:inline-block; text-align:center; line-height:30px;}
#open4 > ul{width:100%;}
#open4 > div > ul > li {display: inline-block !important; width: 14.28% !important; float: left !important;}
#open4 > div > ul > li:nth-child(1) , #open3 > div > ul > li:nth-child(2) , #open3 > div > ul > li:nth-child(3) , #open3 > div > ul > li:nth-child(4) , #open3 > div > ul > li:nth-child(5) {color:;}
#open4 > div > ul .pop_day_on a {border-radius:50%; background-color:#333; width:30px; height:30px; color:#fff; display:inline-block; text-align:center; line-height:30px;}
.popmain_Tax {padding-bottom:20px; border-bottom:2px solid #515151 ;  position:relative;}

/*약물관리 팝업 체크박스*/

.dailyalarm li input[type="checkbox"] + label {width:30px; height:30px; display:inline-block; text-align:center; line-height:30px}
.dailyalarm li input[type="checkbox"]:checked + label {border-radius: 50%; border:1px solid #333; width: 30px; height: 30px; color: #333; display: inline-block; text-align: center; line-height: 28px;}
.dailyalarm li input[type="checkbox"]:checked + label a {color:#fff}


/* 이용안내 */
.informagion_use_header {background-color:#80c6f7 !important; }
.informagion_use_header > h2{color:#fff !important}
.informat_use_con {padding:55px 0 0 !important}
.informat_use_con .paddrl {padding:0px 3.5% 30px;}
.informat_use_con .informat_use_mainTax{font-size:19px; font-weight:bold; margin-top:30px;}
.informat_use_con .paddrl .use_time li:after{content:""; display:block; clear:both}
.informat_use_con .paddrl .use_time li {height:76px; margin-bottom:15px}
.informat_use_con .paddrl .use_time li:last-child {margin-bottom:0;}
.informat_use_con .paddrl .use_time li p{float:left; font-size:15px; color:#333; margin-top:15px;}
.informat_use_con .paddrl .use_time li p span{display:block; color:#999999}
.informat_use_con .paddrl .use_time li img{float:right; width:74px; height:auto;}
.informat_use_con .gray_line{display:block; background-color:#f7f7f7; width:100%; height:10px}
.informat_use_con .paddrl .use_how {margin-top:15px}
.informat_use_con .paddrl .use_how li{border-radius:5px; border:1px solid #1cd39b; padding:20px; margin-bottom:10px; font-size:15px}
.informat_use_con .paddrl .use_how li em{color:#1cd39b; font-weight:bold; font-size:17px; margin-right:5px}
.informat_use_con .paddrl .timetel {border:1px solid #ebebeb; border-top:1px solid #1cd39b; padding:20px}
.informat_use_con .paddrl .timetel li{border-bottom:1px solid #ebebeb;     padding: 20px 0px;}
.informat_use_con .paddrl .timetel li:first-child{padding-top:0;}
.informat_use_con .paddrl .timetel li:last-child{border-bottom:0; padding-bottom:0}
.informat_use_con .paddrl .timetel li:after {content:""; display:block; clear:both;}
.informat_use_con .paddrl .timetel p:nth-child(1){float:left; font-size:17px; color:#000}
.informat_use_con .paddrl .timetel p:nth-child(1) span{display:block; margin-top:10px; color:#333}
.informat_use_con .paddrl .timetel p:nth-child(2) {float:right; font-size:14px; color:#999999; margin-top:37px}

.informat_use_con .paddrl iframe{padding-top:15px}
.informat_use_con .paddrl table{border-collapse: collapse; border:1px solid #cdcdcd; margin-top:15px; width:100%;}
.informat_use_con .paddrl table tr{border-collapse: collapse; border-bottom:1px solid #cdcdcd; height:50px; }
/* .informat_use_con .paddrl table tr:first-child{border-top:1px solid #cdcdcd;} */
.informat_use_con .paddrl table tr:last-child{border-bottom:0;}
.informat_use_con .paddrl table th{background-color:#434b56; color:#fff; font-size:14px;}
.informat_use_con .paddrl table td{padding-left:5px; font-size:14px; }

.informat_use_con .paddrl .transport {width:100%;}
.informat_use_con .paddrl .transport li{float:left; font-size: 15px;}
.informat_use_con .paddrl .transport li:nth-child(1){width:20%; text-align: center;}
.informat_use_con .paddrl .transport li:nth-child(1) img{width:43px; height:auto;}
.informat_use_con .paddrl .transport li:nth-child(2){width:80%;}
.informat_use_con .paddrl .transport li .subway{width:36px !important; height:auto}
.informat_use_con .paddrl .transport:after {content:""; display:block; clear:both;}
.informat_use_con .paddrl .trans_mainTax {margin-bottom:20px}
.informat_use_con .paddrl .transport_bus {margin-bottom:20px;}


/* 튜튜이얼 */
.tutorialslide .slick-prev , .tutorialslide .slick-arrow {display: none !important;}
.tutorialslide .slick-dots {text-align:center; position:absolute; bottom:75px; left:50%; transform:translate(-50%, 0px)}
.tutorialslide .slick-dots li{display:inline-block; text-align:center;}
.tutorialslide .slick-dots li button { padding:0;
    font-size: 0px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    border-width: 100%;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px 5px;
	background-color: rgb(255, 255, 255) !important;
	opacity: 0.5;
}

.tutorialslide .slick-dots li.slick-active button {
    height: 8px;
    width: 8px;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 100%;opacity: 1;
}

/* 인트로 */
#last_intro{position: relative; background: url(../images/tutorial04.jpg); width: 100%; height: 100%; background-size: cover;}
#last_intro .last_introTax { position:absolute; top:30%; left:6% ;font-size:24px}
#last_intro .last_introTax p{color:#fff;}
#last_intro .last_introTax p span{font-weight:bold;}
#last_intro .last_introTax .intro_line {display:block; width:20px ; height:2px; background-color:#fff; margin:30px 0px 55px}
#last_intro .last_introTax p:nth-child(3) {font-size:14px}
.introbtn {position: absolute; bottom: 120px; text-align: center; margin: 0 auto; display: block; left: 50%; transform: translateX(-50%);}
.introbtn a {display:block ; width:100%; padding:18.5px; background-color:#1cd39c; font-family:'Noto Sans B'; font-size:17px; color:#fff !important; border-radius:10px}

/* 마음검진 - 검사지 선택 */
.examinationage_mainTax {font-size:21px; margin-bottom:20px;}
.examinationage_Con .diagnosis_box li{line-height:30px}


.examinationtest2Con{/*padding:85px 3.5% 110px !important*/}
.examinationtest2Con .diagnosis_box li{background-color:#fff; padding:24px 15px; margin-bottom:10px; border-radius:5px}
.examinationtest2Con input[type="text"] {border: none; border-bottom: 1px solid #d0d0d0 !important; border-radius: 0px; padding: 0px; font-size: 16px; height: 50px; line-height: 50px; margin-bottom: 20px;}
.examinationtest2Con .diagnosis_box li p{font-size:16px; margin-bottom:10px}
.examinationtest2Con .diagnosis_box li p em{font-weight:bold; font-size:17px; }
.examinationtest2Con .diagnosis_box li p:nth-child(2){margin-left:-10px}
.examinationtest2Con input[type="radio"] + label:before{margin:0 5px 0 0px}
.examinationtest2Con .diagnosis_box li input[type="radio"] + label {margin-left:10px;}

/* .examination_result_Con .diagnosisview_box:nth-child(1){margin-bottom:20px} */
.examination_result_Con .diagnosisview_conTax {line-height:20px}

.self_diagnosis_result .small_Tax{font-size:13px;}
.self_diagnosis_result .f15{font-size:15px}
.self_diagnosis_result p:nth-child(2) {margin-bottom:15px}
.self_diagnosis_result p:nth-child(3) {margin-bottom:0px}
.self_diagnosis_result p:nth-child(4) {margin-top:10px}
.self_diagnosis_result p:nth-child(6) {margin:10px 0px 15px}


/* 마음요약 그래프 */
.diary_tap .tabmenu {border: 1px solid #ddd;border-radius: 8px 0px;width: 92%;margin: auto;margin-top: 12px;}
.diary_tap .tabmenu li{width:25% !important;}
.diary_tap .tabmenu .tap_on{background-color:#1cd39b; border-radius:8px 0px}
.diary_tap .tabmenu .tap_on a{color:#fff;}
.case_calender_con {padding:0 5px}
.grape_Tex:after{content:""; display:block; clear:both}
.grape_Tex p{display:inline-block;}
.grape_Tex p:nth-child(1){float:left;}
.grape_Tex p:nth-child(2){position:absolute; left:50%; transform:translateX(-50%)}
.grape_Tex p:nth-child(3){float:right;}
.grape {padding:5px}
.grape:after{content:""; display:block; clear:both}
.grape > ul {width:100%}
.grape > ul > li{width:5%; float:left; display:inline-block; height:10px; border-right:1px solid #fff}
.grape > ul > li:last-child{border-right:none;}
.grape > ul .redBtn{background-color:#fb2828;}
.grape > ul .yellowBtn{background-color:#fbe128;}
.grape > ul .greenBtn{background-color:#1cd39b;}


/*추가 _ 증상관리 */
.symptomman_box{    padding: 8% 5%;border-radius: 5px;
    background-color: #fff;
    box-shadow: 6px 5px 27px rgb(0 0 0 / 20%);
    display: inline-block;}

/* 추가 _ 증상관리*/

.symptom_manbox{background-color: #fff;
    padding: 24px 15px;
    margin-bottom: 10px;
    border-radius: 5px;
	margin-bottom:35px}
.symptom_manbox li{line-height:30px}









.Con65 {padding:65px 3.5% 0 !important}
.Con85 {padding:85px 3.5% 0 !important}







/* 추가 _ 4월13일 */

.contant .ctn_wrtbg {background: #fff; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.contant .bod_head {}
.contant .bod_head dt {font-family: 'Noto Sans R'; font-size: 19px;  line-height: 1.2; margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.contant .bod_head dd {color: #888; font-size: 12px; line-height: 1.3; font-family: "TextRegular";}
.contant .bod_head dd.org_text {color: #fe7e00;}
.contant .bod_ctnbox {font-size: 16px; line-height: 1.5; margin-top: 10px;}
.contant .bod_link_filebox {padding: 17px 5px; background: #f7f7f7; margin-top: 25px;}
.contant .bod_link_file {position: relative; font-size: 12px; color: #008af4; width: 100%; line-height: 1;  text-align: left; padding:5px 0 5px 30px; font-family: "TextRegular"; border: none;background: none; }
.contant .bod_link_file:before {content:""; display: block; width: 13px; height: 13px; position: absolute; left: 10px; background:transparent url(../images/icon_file.png) no-repeat 0 0; -webkit-background-size: 100% auto;background-size: 100% auto;}
.contant .bod_link_file:active {text-decoration: underline;}

/*
.btn {cursor:pointer; position: absolute; width: 27px; height: auto; top: 65px; left: 50%; transform: translate(13px, 0px);}
*/

.contant .mypg_retouch li + em { margin: 0 0 0 5px; }
.ip_red {color: #ff0000; font-size: 13px; margin: 0;}
.role {display:none;}


.contant .tab_view.ip_dlstyle1 dl {margin-bottom: 17px;}
.contant .tab_view.ip_dlstyle1 dt {color: #2681c0; font-size: 13px; display: inline-block; width: 43%; vertical-align: top; padding-top: 3px; line-height: 1.3; font-family: "HeadRegular";}
.contant .tab_view.ip_dlstyle1 dd {display: inline-block; width:55%; vertical-align: top;text-align: center; font-size: 16px; height: 56px; line-height: 56px; margin-bottom: 10px;}

.contant .radiobox.radio_style1 {display:inline-block;width:11px;height:11px;background:#f2f2f2; position: relative; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; border: 1px solid #bdbdbd; margin-left: 35px;}
.contant .radiobox.radio_style1:first-child {margin-left: 0;}
.contant .radiobox.radio_style1.on {background: #eaf6fc; border: 1px solid #0093e8; position: relative;}
.contant .radiobox.radio_style1.on:after {content:""; display: block; width: 3px; height: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #0093e8; position: absolute; top: 4px; left: 4px;}
.contant .radiobox.radio_style1 input {width:100%;height:100%;opacity:0;filter:alpha(opacity=0);vertical-align:middle}
.contant .radiobox.radio_style1 + label {margin:0;font-size:13px; width: 89px; height: 13px; text-align: center; line-height: 13px; color: #000;}




/* 로그인 */
#lg_header {height: 258px; background:#02297b url(../img/inc/top_bg2.jpg) no-repeat center 0; -webkit-background-size:100% auto; background-size: 100% auto; padding-top: 120px;}
#lg_header h1 {width: 90px; height: 30px; background:transparent url(../img/main/top_logo.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto; overflow: hidden; text-indent: -999px; position: absolute; top: 42px; left: 12px;}
#lg_header .lg_hd_title {background:transparent url(../img/inc/top_titleimg2.png) no-repeat center 0; -webkit-background-size:auto 100%; background-size:auto 100%; width: 100%; height: 30px; overflow: hidden; text-indent: -999px;}
#lg_header .lg_notice {background: rgba(2,4,27,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: calc(100% - 30px);}
#lg_header .lg_notice {padding: 0 5px;; position: absolute; z-index: 99999; top: 220px; left: 10px;}
#lg_header .lg_notice dt {color: #5197ed; font-size: 14px; font-weight: 600; background:transparent url(../img/inc/icon_security.png) no-repeat 5px center; -webkit-background-size: 15px 17px; background-size: 15px 17px; padding: 8px 5px; border-bottom: 1px solid #005aab; text-indent: 20px; font-family: "TextRegular";}
#lg_header .lg_notice dd {color: #fff; font-size: 12px; line-height: 1.3; padding: 5px; height: 110px; overflow-y: scroll; font-family: "TextRegular";}

#lg_contain .lg_position {margin: 30px 0 16px;}


#lg_contain .lg_inputbox {padding: 0 20px;}
#lg_contain .lg_c_login {border: 1px solid #ccc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; position: relative; height: 50px;}
#lg_contain .lg_c_login:before {content:""; display: block; width: 12px; height: 11px; background:transparent url(../img/inc/icon_id.png) no-repeat 0 0; -webkit-background-size: auto 100%;background-size: auto 100%; position: absolute; left: 25px;top: 20px;}
#lg_contain .lg_c_login input {font-size: 14px; color: #000; line-height: 46px; height: 50px; text-indent: 50px; width: 100%;}
#lg_contain .lg_c_login input::-webkit-input-placeholder {font-size: 14px; color: #888;}

#lg_contain .lg_c_pw {border: 1px solid #ccc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; position: relative; height: 50px; margin-top: 5px;}
#lg_contain .lg_c_pw:before {content:""; display: block; width: 10px; height: 13px; background:transparent url(../img/inc/icon_pw.png) no-repeat 0 0; -webkit-background-size: auto 100%;background-size: auto 100%; position: absolute; left: 27px;top: 18px;}
#lg_contain .lg_c_pw input {font-size: 14px; color: #000; line-height: 46px; height: 50px; text-indent: 50px; width: 100%;}
#lg_contain .lg_c_pw input::-webkit-input-placeholder {font-size: 14px; color: #888;}
#lg_contain .lg_inputbox button {height: 54px;font-size: 14px;background: #033596;color: #fff;width: 100%;margin: 5px 0 14px 0;}
#lg_contain .lg_inputbox button:active {background: #002874;}

#lg_contain .lg_chk_agree {margin: 0 20px; position: relative;}
#lg_contain .lg_chk_agree > p span {margin-right: 5px;}
#lg_contain .lg_chk_agree > p label {font-size: 14px; color: #000;}
#lg_contain .lg_chk_agree button {background: #0099e9; color: #fff; font-size: 14px; width: 125px; height: 24px; position: absolute; right: 0; top: -2px;}
#lg_contain .lg_chk_agree button:active {background:#008cd6;}

#lg_contain .lg_simple {display: none;}
#lg_contain .lg_circle {margin-top: 21px;}
#lg_contain .lg_circle dt {font-size: 12px; text-align: center;}
#lg_contain .lg_circle dd {text-align: center; overflow: hidden;}
#lg_contain .lg_circle dd .simple_pwinput {position: absolute; left: -99999px;}
#lg_contain .lg_circle dd span.on {background: #2ca3ef; border: 1px solid #2ca3ef;}
#lg_contain .lg_circle dd span {display: inline-block; width: 15px; height: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #888; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 13px 5px 0;}

#lg_contain .lg_number {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background: #2ca3ef; color: #fff; padding: 5px 0 0 5px; margin: 20px 20px 0;}
#lg_contain .lg_number li {margin-bottom: 5px; margin-right: 5px; float: left;  width: 14%; height: 42px;}
#lg_contain .lg_number li:nth-child(6) {width: 20%; }
#lg_contain .lg_number li:nth-child(12) {width: 20%;}
#lg_contain .lg_number li button {font-size: 24px; color: #fff; text-align: center; width: 100%; height: 100%;}
#lg_contain .lg_number li:nth-child(6) button {font-weight: normal; font-size: 12px; color: #033596;}
#lg_contain .lg_number li:nth-child(12) button {background:transparent url(../img/inc/icon_back2.png) no-repeat 45% center; -webkit-background-size: 28px 19px; background-size: 28px 19px; overflow: hidden; text-indent: -999px;}
#lg_contain .lg_number li button:active {background: #79c1ef; display: block;}
#lg_contain .lg_number li:nth-child(12) button:active {background:#79c1ef url(../img/inc/icon_back2.png) no-repeat 45% center;-webkit-background-size: 28px 19px; background-size: 28px 19px;}
#lg_contain .lg_pwlogin {height: 54px;font-size: 14px;background: #033596;color: #fff;width: calc(100% - 40px);margin: 5px 0 14px 0; margin: 5px 20px 14px 20px;}
#lg_contain .lg_pwlogin:active {background: #002874;}

/*Common*/

.checkbox {display:block;position:relative;width:17px;height:16px;background:transparent url(../img/inc/bod_checkbox.png) no-repeat 0 0px; -webkit-background-size:  100% auto;background-size: 100% auto; margin-top: -1px;}
.checkbox.on {background-position:0 bottom;}
.checkbox input {width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}

.radiobox {display:inline-flex;width:93%;height:56px;background:#fff; border: 1px solid #83d63a; position: relative; /*-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;*/ margin: auto;margin-bottom: 10px; z-index: 1;}
.radiobox:nth-child(1){border:1px solid #0ecc96}
.radiobox:nth-child(1).on{background-color:#0ecc96}
.radiobox:nth-child(2){border:1px solid #83d63a}
.radiobox:nth-child(2).on{background-color:#83d63a}
.radiobox:nth-child(3){border:1px solid #ffcf06}
.radiobox:nth-child(3).on{background-color:#ffcf06}
.radiobox:nth-child(4){border:1px solid #ff902c}
.radiobox:nth-child(4).on{background-color:#ff902c}
.radiobox:nth-child(5){border:1px solid #f7435d}
.radiobox:nth-child(5).on{background-color:#f7435d}
.radiobox:nth-child(6){border:1px solid #607d8b}
.radiobox:nth-child(6).on{background-color:#607d8b}
.radiobox:nth-child(7){border:1px solid #9c27b0}
.radiobox:nth-child(7).on{background-color:#9c27b0}
.radiobox:nth-child(8){border:1px solid #f7a743}
.radiobox:nth-child(8).on{background-color:#f7a743}

.radiobox.on {background: #0ecc96;}
.radiobox input {width:100%;height:100%;opacity:0;filter:alpha(opacity=0);vertical-align:middle}
.radiobox label {margin:0;font-size:16px; /*position: absolute;*/ z-index: 99; left: 0; top: 0; width: 100%; /* height: 565px; */ text-align: center; line-height: 56px;}
.radiobox.on label {color: #fff;}


.radiobox input[type="radio"] + label:before {background:none !important}


.tc {text-align: center !important;}

/* Form Type  */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:none; border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox}
input[type='radio']{-webkit-appearance:radio}
input[type='number']{-webkit-appearance:none}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}

/* 210423수정 */
.radiobox_new input[type="radio"] + label:before {display:none;}
.private li.firstBtn {border-right:1px solid #1cd39c;}
input.mypage_password {border-radius: 0;border: 0; border-bottom: 1px solid #d0d0d0;}
.mypageretouchcontant .mypage_btn {top: 250px; right: 20px;}

/* .sub_menuicon li {float:none; width: 24%;}
.sub_menuicon li a span {display:block; height: 52px; padding:10px 0;}
.sub_menuicon li img {margin-bottom:0; vertical-align:middle;}
.sub_menuicon li:nth-child(1) img{width:32px;}
.sub_menuicon li:nth-child(2) img{width:32px;}
.sub_menuicon li:nth-child(3) img{width:32px;}
.sub_menuicon li:nth-child(4) img{width:32px; height:auto;} */

.stressbox .like .off{display:none;}
.stressbox .like .on{display:block;}
.stressbox {margin-bottom:30px;}
.footmenu .footThree {width:33% !important;}

.stressbox .like .recom_count {width: 100%;font-size: 1.1rem;color: #242424;}
.examinationage_mainTax {font-size:16px; border:1px solid #ddd; background:#fff; border: 1px solid #ddd;background: #fff;padding: 5px;display: inline-block; margin-bottom:10px;}
.grape {border:1px solid #333; padding:0;}
.grape_Tex {margin-bottom:15px;}
.select_drug {border:1px solid #ddd; padding: 13px 0px;}
.drug_managemen_con p {margin:5px 0;}

.notice_con #board-list {/*margin-bottom:100px;*/}

.popup .pop_btn a {display:block;}

/*이완요법 추가페이지*/

.realxation_video_view1 {background:url(/resources/static/images/relaxation_view01.jpg) no-repeat; background-size:cover; height:440px; padding:0; margin:85px 3% 0px 3%; text-align:center; color:#fff;  position:relative;  }
.realxation_video_view2 {background:url(/resources/static/images/relaxation_view02.jpg) no-repeat; background-size:cover; height:440px; padding:0; margin:85px 3% 0px 3%; text-align:center; color:#fff;  position:relative;  }
.realxation_videobg {}
.realxation_videobg > div {width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-family: 'Cafe24Oneprettynight';}
.realxation_videobg p{color:#fff; font-size:21px;margin-bottom:15px}
.realxation_videobg a{border:1px solid #fff;  padding:5px 10px; color:#fff; }
.openbtn_last{border:1px solid #cdcdcd; border-radius:5px; /*margin:0px 3% 100px 3%;*/ margin:0px 3% 50px 3%; padding:20px 10px; text-align:center;}
.openbtn_last p {font-size:13px; margin:10px 0px}

/* 210601수정사항 */
.explanation_txt {margin-bottom:0; font-size:14px;}
.chat_con ul li img {display:block; margin:0 auto; height:60px; margin-bottom:15px;}
.chat_con ul li span {font-size:14px; line-height:18px; display:block;}
.drug_managemen_con.pd0 {padding-bottom:0 !important;}
.popup .popmain_Tax a {position:absolute; right:0;}
.drug_btn.on {background: #1cd39c; border: 1px solid #1cd39c; color: #fff;}
.drug_btn:last-child {float:right;}

.informat_use_con .paddrl .transport li p {margin:5px 0;}
.informat_use_con .paddrl .transport li p strong {margin-right:10px;}
.informat_use_con .paddrl .transport li p span {color:#666; display:inline-block; width:70%; vertical-align:top; font-size: 14px; word-break: keep-all;}

.mainCon > ul li.mr0 {margin-right: 0;}
.swal2-html-container {font-size: 15px;}

.c_date em {font-family: 'Lato', sans-serif;}
.popup .popmain_Tax span {font-family: 'Lato', sans-serif;}

/* 210715 일기 전체 내역 출력 수정 */
.scheduleCont {margin-bottom: 25px;}
.calender_write_con p:nth-child(1) {margin-top: 5px; margin-bottom: 0;}

.diary_cont ul {margin-top: 15px;}
.diary_cont ul li.notice_box {border:0; box-shadow: none; padding: 0; border-radius: 0; border-bottom: 1px solid #eaeaea; padding-left: 60px;}
.diary_cont ul li.notice_box p {font-weight: normal; font-size: 15px; font-family: 'Noto Sans M'; padding-top: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 85%;}
.diary_cont ul li.notice_box p span {font-family: 'Lato', sans-serif; margin-top: 5px; letter-spacing: 0; font-size: 13px;}
.diary_cont ul li.notice_box img {right: 0; transform: translateY(-50%);}
.diary_cont ul li.notice_box img.emotionImg {width: 45px; height: 45px; background-size: 45px; left:0; top: 50%; transform: translateY(-50%);}

/* 210716 일기 view페이지 */
.calenderview_con .calendview_Tax {height: auto; border:0; box-shadow: none; padding: 20px 0; margin-top: 0;}

/* 210716 마음검진 결과보기 */
.check_list .notice_box {padding-bottom: 50px;}
.check_list .notice_box span {position: absolute; bottom: 20px; font-family: 'Lato', sans-serif; margin-top: 5px; letter-spacing: 0; font-size: 13px;}
.check_list .notice_box p {width: 100%;}
.check_list .notice_box p {color: #121212;}
.check_list .notice_box p.examResult {font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 90%;}

@media screen and (max-width: 375px) {
	.diary_cont ul li.notice_box {padding-left: 50px;}
	.diary_cont ul li.notice_box img.emotionImg {width: 40px; height: 40px; background-size: 40px;}
}

/* 210729 탭추가 */
.graph_div #twotab li {width: 50% !important;}
.examinationtest2Con .diagnosis_box li p em {display: inline-block; margin-right: 10px;}
.examinationtest2Con .diagnosis_box li p span {display: inline-block; vertical-align: top; width: 90%;}
.examinationtest2Con .diagnosis_box li p span em.select_t {margin-right: 5px; display: inline-block; width: auto; font-weight: bold;}
.examinationtest2Con .diagnosis_box li p span em {margin-right: 0; font-weight: normal; display: inline-block; width: 90%; vertical-align: top; margin-top: 5px;}

@media screen and (max-width: 375px) {
	.examinationtest2Con .diagnosis_box li p em {font-size: 15px;}
	.examinationtest2Con .diagnosis_box li p span {font-size: 15px; width: 85%;}
}