/* Reset */
html {width:100%; height:100%; font-size:62.5%; overflow-x:hidden;}
body {
	width:100%; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-osx-font-smoothing:grayscale; overflow-x:hidden;
	line-height:1.8; letter-spacing:-0.5px; font-size:1.3rem;
	font-family: 'Nanum Gothic', -apple-system, BlinkMacSystemFont,
	'Apple SD Gothic Neo', 'Noto Sans KR',
	'Malgun Gothic', Arial, sans-serif;
}
*, *:before, *:after {color:#333; box-sizing:border-box; margin:0; padding:0; /*font:1.3rem 'NanumGothic',sans-serif; line-height:1.8; letter-spacing:-0.5px;*/}
button {border:0; border-radius:0; background:transparent;}
select, input[type="text"], input[type="password"], input[type="number"] {padding: 0 1rem; height: 3.6rem; line-height: 3.6rem; border: 1px solid #999; border-radius:0.4rem; font-size: 1.4rem;}
input[type="radio"], input[type="checkbox"] {-webkit-appearance: none; appearance: none; position: relative; width: 1.6rem; height: 1.6rem; border: 1px solid #999; background-color: transparent;}
input[type="checkbox"] {border-radius: 0.4rem;}
input[type="checkbox"]:checked {-webkit-appearance: none; appearance: none; border: none; background: #2a3343 url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 4L3.95 6.5L8.75 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;}
input[type="radio"] {border-radius: 50%;}
input[type="radio"]:checked {-webkit-appearance: radio; appearance: radio; accent-color: #2a3343;}
input:disabled {background-color: #efefef;}
button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {-webkit-appearance:button; border-radius:0;}
a {text-decoration:none;}
table {border-collapse:collapse; table-layout:fixed; border-spacing:0; width:100%;}
address, em {font-style:normal;}
ul, ol {list-style-type:none;}
caption {position: absolute; display: block; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0,0 0,0 0);}
strong {font-weight:600;}
.ir {position: absolute; display: block; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0,0 0,0 0);}


/* Media Query */
@media only screen and (max-width:320px){
	html{font-size:62%;}
}
@media only screen and (min-width:375px){
	html{font-size:68.5%;}
}
@media only screen and (min-width:768px){
	html{font-size:78%;}
}

/* header */
#header {position: relative;}
#header .top_area {display: flex; padding: 1rem 1.5rem; height: 6rem; background-color: #2a3343; align-items: center; justify-content: space-between;}
#header h1 a {display: block; line-height: 0;}
#header h1 img {display: inline-block; width: 18rem;}
#header .top_area .util {display: flex; gap: 0.5rem;}
#header .top_area .util a, #header .top_area .util button {display: inline-block; line-height: 2.6rem; font-size: 1.2rem; color: #fff;}
#header .top_area .util a.on, #header .top_area .util button.on {border-color: #3a74c8; background-color: #3a74c8; font-weight: bold;}
#header .top_area .util .round {padding: 0 0.5rem; height: 2.6rem; line-height: 2.6rem; border: 1px solid #fff; border-radius: 1.3rem; color: #fff; font-size: 1.2rem;}
#header .top_area .util .my {padding-left: 2rem; background: url("../images/ico16_user_white.png") 0.5rem center no-repeat; background-size: 1.4rem;}
#header #gnb {padding: 0 1.6rem; display: flex; border-bottom: 1px solid #ddd; justify-content: space-between; align-items: center;}
#header #gnb li a {position: relative; display: block; padding: 1rem 0;}
#header #gnb li a::after {display: block; position: absolute; left: 0; bottom: -1px; width: 0; height: 3px; background-color: #3a74c8; transition: width ease-out .2s; content: "";}
#header #gnb li a.on {font-weight: bold;}
#header #gnb li a.on::after { width: 100%;}
#header #gnb li a.user {padding: 0.4rem 0.8rem 0.4rem 2.2rem; border: 1px solid #2a3343; border-radius: 3rem; background: url("../images/user.png") 0.6rem center no-repeat; background-size:1.6rem;}

/* content */
#content {min-height: 64rem;}

/* quick_login
.quick_user {position: fixed; right: 1.4rem; bottom: 2rem; width: 5rem; height: 5rem; line-height: 5rem; border-radius: 50%; background-color: #FBA72F; box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); font-weight: bold; text-align: center; z-index: 100;}
 */

/* display */
.block {display: block !important;}
.inline-block {display: inline-block !important;}
.flex {display: flex !important;}

/* flex */
.flex.wrap {flex-wrap: wrap !important;}
.flex.nowrap {flex-wrap: nowrap !important;}
.flex_column {display: flex; flex-direction: column !important;}
.align_cnt {align-items: center !important;}
.align_end {align-items: flex-end !important;}
.justify_cnt {justify-content: center !important;}
.justify_between {justify-content: space-between !important;}
.gap05 {gap: 0.5rem !important;}

/* align */
.left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}

/* font-size */
.fs10 {font-size: 1rem !important;}
.fs11 {font-size: 1.1rem !important;}
.fs12 {font-size: 1.2rem !important;}
.fs13 {font-size: 1.3rem !important;}
.fs14 {font-size: 1.4rem !important;}
.fs15 {font-size: 1.5rem !important;}

/* font-weight */
.bold {font-weight: bold !important;}
.normal {font-weight: normal !important;}

/* margin */
.mt0 {margin-top: 0 !important;}
.mt05 {margin-top: 0.5rem !important;}
.mt10 {margin-top: 1rem !important;}
.mt15 {margin-top: 1.5rem !important;}
.mt20 {margin-top: 2rem !important;}
.mt40 {margin-top: 4rem !important;}
.mr04 {margin-right: 0.4rem !important;}
.mb0 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 0.5rem !important;}
.ml10 {margin-left: 1rem !important;}

/* padding */
.pb20 {padding-bottom: 2rem !important;}

/* color */
.red {color: #f00f00 !important;}
.red2 {color: #A82B19 !important;}
.yellow {color: #FBA72F !important;}
.blue {color: #3a74c8 !important;}
.navy {color: #2a3343 !important;}
.gray {color: #666 !important;}
.white {color: #fff !important;}

/* width */
.w80px {width: 80px !important;}
.w100p {width: 100% !important;}

/* line-height */
.lh16 {line-height: 1.6rem !important;}
.lh18 {line-height: 1.8rem !important;}
.lh20 {line-height: 2rem !important;}

/* word-break */
.keep_all {word-break: keep-all !important; word-wrap: break-word;}

/* text-decoration */
.underline {text-decoration: underline !important;}

/* main */
.main_cont {position: relative; margin-top: 2rem; padding: 0 2rem 2rem;}
.main_cont .tit_h2 {margin-bottom: 1.4rem; font-size:1.6rem; font-weight: bold;}
.main_cont .tit_h2 .sub {color: #3a74c8; font-weight: bold;}

.main_cont .news {padding: 1rem; border: 1px solid #ddd; border-radius:1rem; overflow: hidden;}
.main_cont .news .title {display: block; padding-bottom: 0.6rem; margin-bottom: 0.8rem; border-bottom: 1px solid #757575;}
.main_cont .news .txt {line-height: 2.2rem;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.main_cont .cnslt_list > li {position: relative; padding: 0.4rem 0.5rem 0.6rem; border-bottom: 1px solid #ddd;}
.main_cont .cnslt_list > li:first-child {padding-top: 0;}
.main_cont .cnslt_list > li > a {position: relative; display: flex; align-items: center; justify-content: space-between; gap: 0.8rem}
.main_cont .cnslt_list > li .txt {flex: 1; min-width: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main_cont .cnslt_list > li .txt .label {position: relative; display: inline-block; margin-right: 0.2rem; padding: 0.1rem 0; min-width: 7.5rem; height: 2.2rem; line-height: 2.2rem; border-radius: 0.4rem; background-color: #f5f5f5; font-size: 1.1rem; font-weight: bold; color: #555; text-align: center;}
.main_cont .cnslt_list > li .data {flex-shrink: 0;}
.main_cont .cnslt_list > li .data span {color: #757575; font-size: 1.2rem;}
.main_cont .cnslt_list > li .date:before {display: inline-block;margin: 0 0.4rem 0 0.2rem; width: 1px; height: 1rem; background-color: #757575; vertical-align: -2px; content: "";}
.main_cont .more {position: absolute; right: 2rem; top: 0.2rem; padding-right: 1.6rem; background: url("../images/ico_more.png") right center no-repeat; background-size: 1.6rem; color: #666; font-weight: bold; letter-spacing: -1px;}

.main_cont .vod_swiper {position: relative; padding-bottom: 1.2rem}
.main_cont .vod_list {display: flex; gap: 0.8rem;}
.main_cont .vod_list > li {width: 16rem;}
.main_cont .vod_list > li > a {display: block;}
.main_cont .vod_list > li a .thumb {position: relative; display: block; margin-bottom: 0.5rem; line-height: 0;}
.main_cont .vod_list > li a .thumb::before {position: absolute; left: 50%; top: 50%; display: block; width: 3.2rem; height: 2.2rem; background: url("../images/ico32_play.png") 0 0 no-repeat; background-size: 100%; transform: translate(-50%, -50%); content: "";}
.main_cont .vod_list > li a .thumb img {max-width: 100%; border-radius: 4px;}
.main_cont .vod_list > li .txt .tit, .main_cont .vod_list > li .txt .name {display: block; min-width: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main_cont .vod_swiper .swiper-pagination {bottom: -0.8rem;}
.main_cont .vod_swiper .swiper-pagination .swiper-pagination-bullet {margin: 0 0 0 -1px; width: 2.5rem; height: 0.4rem; border: 1px solid #ddd; border-radius: 0; background-color: #fff; opacity: 1;}
.main_cont .vod_swiper .swiper-pagination .swiper-pagination-bullet:first-child {border-top-left-radius:2px; border-bottom-left-radius: 2px;}
.main_cont .vod_swiper .swiper-pagination .swiper-pagination-bullet:last-child {border-top-right-radius:2px; border-bottom-right-radius: 2px;}
.main_cont .vod_swiper .swiper-pagination .swiper-pagination-bullet-active {border: none; background-color: #828282;}

.main_cont .box_advisoty {border-radius: 0.8rem; background: #fff5e6 url("../images/location-svgrepo-com.svg") 1.4rem center no-repeat; background-size: 2.4rem auto;}
.main_cont .box_advisoty a {display: block; padding: 1rem 1rem 1rem 4.2rem; background: url("../images/ico_more.png") right 1rem center no-repeat; background-size: 2rem;  font-weight: bold;}

.main_cont .tab_wrap .tab {display: flex; border-bottom: 1px solid #828282;}
.main_cont .tab_wrap .tab > li {flex: 1; text-align: center;}
.main_cont .tab_wrap .tab > li a {position: relative; display: block; padding: 0.4rem 0; color: #666;}
.main_cont .tab_wrap .tab > li a.on {font-weight: bold;}
.main_cont .tab_wrap .tab > li a.on::after {position: absolute; left: 0; bottom: -2px; display: block; width: 100%; height: 4px; border-radius: 2px; content: "";}
.main_cont .tab_wrap .tab > li.region1 .on {color: #3a74c8;}
.main_cont .tab_wrap .tab > li.region1 a.on::after {background-color: #3a74c8;}
.main_cont .tab_wrap .tab > li.region2 .on {color: #cc39a3;}
.main_cont .tab_wrap .tab > li.region2 a.on::after {background-color: #cc39a3;}
.main_cont .tab_wrap .tab_cont {margin-top: 1rem;}

.main_cont .hospital_list {width: 100%;}
.main_cont .hospital_list {display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between;}
.main_cont .hospital_list > li {border: 1px solid #ddd; border-radius: 0.8rem; width: calc(50% - 4px);}
.main_cont .hospital_list > li a {display: block;}
.main_cont .hospital_list .logo_area {display: flex; padding: 1.2rem 1rem; height: 5rem; align-items: center; justify-content: center;}
.main_cont .hospital_list .logo_area img {max-width: 100%; max-height: 100%;}
.main_cont .hospital_list .info {padding: 0.4rem 1rem; border-top: 1px dashed #ddd; background-color: #f5f5f5; border-bottom-left-radius: 0.8rem; border-bottom-right-radius: 0.8rem}
.main_cont .hospital_list .info .tit {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main_cont .hospital_list .info .region {display: block; font-size: 1.2rem; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.main_banner {display: flex; flex-wrap: wrap; gap: 0.8rem;}
.main_banner > li {width: calc(50% - 0.4rem);}
.main_banner > li a, .main_banner > li button {display: flex; padding: 0.4rem; height: 7.5rem; align-items: center; justify-content: center; text-align: center;}
.main_banner > li a *, .main_banner > li button * {line-height: 2rem;}
.main_banner .txt_shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.main_banner > li .img_bann {display: inline-block; max-width: 100%; height: 100%; vertical-align: middle;}
.main_banner .label {display: inline-block; padding: 0 0.5rem; margin-bottom: 0.2rem; border-radius: 0.4rem; background-color: rgba(255, 255, 255, 0.4);}
.main_banner .bg_orange {background-color: #EAA62E;}
.main_banner .bg_plus {background-image: url("../images/bg_bann_plus.png"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_banner .bg_hole {background-image: url("../images/bg_bann_hole.png"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_banner .bg_wheat {background-image: url("../images/bg_bann_wheat.png"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_banner .bg_circle {background-image: url("../images/bg_bann_circle.png"); background-repeat: no-repeat; background-position: center; background-size: cover;}

.ad_swiper_wrap {position: relative; margin: 2rem 0 4rem;}
.ad_swiper_wrap .swiper-slide {padding: 0 2rem;}
.ad_swiper_wrap .swiper-slide a {display: block;}
.ad_swiper_wrap .swiper-slide img {display: block; width: 100%; height: auto;}
.ad_swiper_wrap .swiper-horizontal >.swiper-pagination-bullets, .ad_swiper_wrap .swiper-pagination-bullets.swiper-pagination-horizonta {bottom: -2.4rem;}
.ad_swiper_wrap .swiper-pagination-bullet {width: 0.8rem; height: 0.8rem; border-radius: 50%;}
.ad_swiper_wrap .swiper-pagination-bullet-active {width: 2.2rem; border-radius: 0.4rem; background-color:#3a74c8;}

/* footer */
#footer {padding: 1.2rem 2rem calc(1.2rem + env(safe-area-inset-bottom)); background-color: #6c6c6c;}
#footer .family_site {margin-bottom: 0.5rem; text-align: right;}
#footer .family_site select, #footer .family_site button {height: 2rem; line-height: 2rem; border: 1px solid #999; border-radius: 0.4rem; background-color: #f5f5f5; font-size: 1.1rem; vertical-align: top;}
#footer .family_site select {padding: 0;}
#footer .family_site button {padding: 0 0.5rem;}
#footer .link {display: flex; padding-bottom: 0.8rem; justify-content: center; gap: 1.6rem; border-bottom: 1px solid #858585;}
#footer .link a, #footer .link p {position: relative; font-size: 1.2rem; font-weight: bold; color: #fff;}
#footer .link a::before, #footer .link p::before {position: absolute; left: -0.8rem; top: 50%; display: block; width: 1px; height:1rem; border-radius: 50%; background-color: #ddd; transform: translateY(-50%); content: "";}
#footer .link a:first-child::before, #footer .link p:first-child::before {display: none;}
#footer .info {display: flex; gap: 1rem; padding-top: 0.8rem;}
#footer .foot_logo {align-self: center;}
#footer .foot_logo img {width: 8rem;}
#footer .info .addr p, #footer .info .addr p a {line-height: 1.6rem; font-size: 1.1rem; color: #fff; word-break: keep-all; letter-spacing: 0;}
#footer .info .addr p + p {margin-top: 0.2rem;}
#footer .copyright {margin-top: 0.5rem; font-size: 1.1rem; color: #fff;}

/* login */
.login_wrp .bg_login {display: block; padding-top: 4rem; text-align: center;}
.login_wrp .bg_login img {max-width: 100%;}
.login_wrp .form label {font-weight: bold;}
.login_wrp .form input[type="text"], .login_wrp .form input[type="password"] {margin-bottom: 2rem; width: 100%; height: 5rem; line-height: 5rem; border: 1px solid #757575; border-radius: 0.6rem;}
.login_wrp .link {display: flex; margin-top: -1rem; justify-content: space-between; align-items: center;}
.login_wrp .check_wrp {display: flex; align-items: center;}
.login_wrp .check_wrp input {margin-right: 0.5rem; width: 1.6rem; height: 1.6rem;}
.login_wrp .check_wrp label {font-weight: normal;}
.login_wrp .link .find_id {display: inline-block; padding-right: 1.4rem; background: url("../images/ico_more.png") right center no-repeat; background-size: 1.4rem;}
.login_wrp .btn_wrap {margin-top: 3rem;}
.login_wrp .btn_wrap button, .login_wrp .btn_wrap a {display: block; margin-bottom: 1.5rem; width: 100%; height: 5rem; line-height: 5rem; border-radius: 0.4rem; font-weight: bold; font-size: 1.6rem; text-align: center; letter-spacing: 0;}
.login_wrp .btn_wrap .btn_login {background: #2a3343; color: #fff;}
.login_wrp .btn_wrap .btn_join {border: 1px solid #2a3343; color: #2a3343;}

.login_wrp.ty2 .id_pw > li {display: flex; margin-bottom: 1rem; padding-bottom: 1rem; gap: 1rem; border-bottom: 1px solid #ddd; align-items: center;}
.login_wrp.ty2 .id_pw > li .tit {width: 7rem; flex-shrink: 0;}
.login_wrp.ty2 .id_pw > li .cont {flex: 1;}
.login_wrp.ty2 .form input[type="text"], .login_wrp.ty2 .form input[type="password"] {margin-bottom: 0; height: 3.6rem; line-height: 3.6rem;}
.login_wrp.ty2 .btn_wrap {margin-top: 2rem;}
.login_wrp.ty2 .btn_wrap button.btn, .login_wrp.ty2 .btn_wrap a.btn {display: inline-block; width: auto; height: 3.6rem; line-height: 3.6rem; font-size: 1.3rem;}

/* join */
.join_intro .btn_wrap {display: flex; justify-content: space-between; gap: 1rem;}
.join_intro .btn_wrap > a {display: block; padding: 1rem; flex: 1; border: 1px solid #ddd; border-radius: 0.4rem; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.05); text-align: center;}
.join_intro .btn_wrap .tit {display: block; margin-bottom: 0.5rem;}
.join_intro .btn_wrap .txt {padding-top: 5rem; line-height: 1.8rem; background-image: url("../images/join_man.png"); background-position: center 0; background-repeat: no-repeat; background-size: 4rem; font-size: 1.2rem; word-break: keep-all;}
.join_intro .btn_wrap .txt.under {background-image: url("../images/join_girl.png");}
.join_complete {margin-top: 3.5rem; text-align: center;}
.join_complete .tit {display: block; padding-top: 7rem; background: url("../images/capsule-svgrepo-com.svg") center 0 no-repeat; background-size: 7rem; font-size: 1.8rem; text-align: center;}

/* sub_layout */
.sub_wrap {padding: 2rem 2rem 4rem;}
.sub_wrap .full_box {margin: 0 -2rem;}
.sub_wrap > .full_box:first-child, .sub_wrap > form > .full_box:first-child{margin-top: -2rem;}
.sub_wrap .tit_bar {position: relative; display: block; margin: 2rem 0 1rem; padding-left: 1rem; font-weight: bold; font-size: 1.6rem;}
.sub_wrap .tit_bar::before {position: absolute; left: 0; top: 0.5rem; display: block; width: 0.4rem; height: 1.6rem; border-radius: 0.4rem; background-color: #333; content: "";}
.sub_wrap .tit_bar:first-child {margin-top: 0;}
.sub_wrap .tit_check {position: relative; display: block; margin: 2rem 0 1rem; padding-left: 1.8rem; font-weight: bold; font-size: 1.5rem;}
.sub_wrap .tit_check::before {position: absolute; left: 0; top: 0.5rem; display: block; width: 1.3rem; height: 1.3em; background: url("../images/ico_comment_chk.png") 0 0 no-repeat; background-size: 100%; content: "";}

/* button */
.btn_wrap {margin-top: 2rem;}
.btn_wrap a, .btn_wrap button {vertical-align: top;}
.btn_wrap a + a, .btn_wrap a + button, .btn_wrap button + button, .btn_wrap button + a {margin-left: 0.4rem;}
.btn_wrap .w100p + .w100p {margin-left: 0;}
.btn {display: inline-block; padding: 0 1.5rem; height: 3.6rem; line-height: 3.6rem; border: 1px solid #757575; border-radius: 0.4rem; background-color: #fff; color: #333; font-weight: bold; text-align: center; letter-spacing: 0;}
.btn.h24 {padding: 0 1rem; height: 2.4rem; line-height: 2.4rem; border-radius: 0.3rem;}
.btn.navy {border-color: #2a3343; color: #2a3343;}
.btn.fill_navy {border: none; background-color: #2a3343; color: #fff;}
.btn.fill_gray {background-color: #757575; color: #fff;}
.btn.fill_gray2 {border-color: #b7b7b7; background-color:#ededed; color: #333;}
.btn_more {width: 100%;}
.btn.icon_center {display: flex; justify-content: center; align-items: center;}

/* icon */
.ico16_plus {display: inline-block; width: 1.6rem; height: 1.6rem; background: url("../images/ico_plus.svg") 0 0 no-repeat; background-size: 100%;}
[class^="ico_info_"].top05::before {top: 0.5rem;}
.ico_info_red {position: relative; padding-left: 1.5rem;}
.ico_info_red::before {position: absolute; left: 0; top: 0.3rem; display: block; width: 1.2rem; height: 1.2rem; background: url("../images/ico24_info_red.png") 0 0 no-repeat; background-size: 100%; content: "";}
.ico_info_blue {position: relative; padding-left: 1.5rem; }
.ico_info_blue::before {position: absolute; left: 0; top: 0.3rem; display: block; width: 1.2rem; height: 1.2rem; background: url("../images/ico24_info_blue.png") 0 0 no-repeat; background-size: 100%; content: "";}
.bg_caution {padding-top: 5.2rem; background: url("../images/ico48_caution.png") center 0 no-repeat; background-size: 4.8rem;}

/* list */
.dot_list > li {position: relative; padding-left: 0.8rem;}
.dot_list > li::before {position: absolute; left: 0; top: 0.9rem; width: 0.3rem; height: 0.3rem; display: block; border-radius: 50%; background-color: #666; content: "";}
.stethoscope_list > li {position: relative; padding-left: 1.6rem;}
.stethoscope_list > li::before {position: absolute; left: 0; top: 0.5rem; width: 1.2rem; height: 1.2rem; display: block; background: url("../images/ico_stethoscope.png") 0 0 no-repeat; background-size: 100%; content: "";}

/* box */
.box_fill_gray {padding: 1rem; border-radius: 0.4rem; background-color: #f5f5f5;}

/* search box */
.search_area {display: flex; padding: 1.6rem 2rem; background-color: #f5f5f5; gap: 1rem; align-items: center;}
.search_area input[type="text"], .search_area select {flex: 1; width: initial; min-width: 0; height: 3.6rem; border: 1px solid #757575; border-radius: 0.4rem}
.search_area select {padding: 0 0.5rem;}
.search_area .title {display: block;}
.search_area .btn {padding: 0 1rem;}

/* step */
.step_wrap {margin-top: 1.5rem; padding: 1rem; border-radius: 0.8rem; background-color: #f5f5f5;}
.step_wrap .step {position: relative; display: flex; padding-bottom: 1.4rem; justify-content: space-between;}
.step_wrap .step::before {position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 0.8rem; border: 1px solid #999; border-radius: 0.4rem; content: "";}
.step_wrap .step > li {flex: 1; text-align: center;}
.step_wrap .step > li .num {display: inline-block; font-weight: bold; font-size: 1.1rem;}
.step_wrap .step > li p {font-size: 1.2rem}
.step_wrap .step > li.active em, .step_wrap .step > li.active p {font-weight: bold; color: #3a74c8;}
.step_wrap .step > li.active::after {position: absolute; left: 0; bottom: 0; display: block; height: 0.8rem; border-radius: 0.4rem;  background-color: #3a74c8; content: "";}
.step_wrap .step.step3 > li.first.active::after {width: 33.3%;}
.step_wrap .step.step3 > li.second.active::after {width: 66.6%;}
.step_wrap .step.step3 > li.third.active::after {width: 100%;}
.step_wrap .sub_txt {margin-top: 0.5rem;}
.step_wrap .sub_txt, .step_wrap .sub_txt * {line-height: 1.8rem; font-size: 1.2rem; color: #666; word-break: keep-all;}

/* tab */
.tab_default {display: flex; flex-wrap: wrap;}
.tab_default.col3 > li {margin: -1px 0 0 -1px; width: calc(100% / 3); text-align: center;}
.tab_default > li > button, .tab_default > li > a {display: block; padding: 0.4rem 0; width: 100%; height: 100%; border: 1px solid #ddd; background-color: #fff;}
.tab_default > li > button.on, .tab_default > li > a.on {background-color: #6c6c6c; color: #fff; font-weight: bold;}
.tab_sub_scroll {display: flex; margin-top: 1rem; padding: 1rem; background-color: #f5f5f5; gap: 1rem; overflow-x: auto;}
.tab_sub_scroll > li {flex-shrink: 0;}
.tab_sub_scroll > li a, .tab_sub_scroll li button {padding: 0.3rem 0.5rem; text-decoration: underline; text-underline-offset: 0.5rem;}
.tab_sub_scroll > li a.on, .tab_sub_scroll li button.on {border-radius: 0.2rem; background-color: #d3d3d3; font-weight: bold; text-decoration: none;}
.tab_box {display: flex;}
.tab_box > li {flex: 1;}
.tab_box > li > a, .tab_box > li > button {display: block; padding: 0.5rem; border: 1px solid #ddd; text-align: center;}
.tab_box > li + li > a, .tab_box > li + li > button {border-left: none;}
.tab_box > li:first-child a, .tab_box > li:first-child button {border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem;}
.tab_box > li:last-child a, .tab_box > li:last-child button {border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem;}
.tab_box > li .on {border-color: #3a74c8; background-color: #3a74c8; font-weight: bold; color: #fff;}
@media only screen and (max-width:350px){
	.tab_box > li > a, .tab_box > li > button {font-size:1.2rem;}
}

/* board */
.board_condition {display: flex; margin: 2rem 0 1rem; justify-content: space-between; align-items: center;}
.board_list {border-top: 1px solid #ddd;}
.board_list > ul > li {padding: 1rem 0.5rem; border-bottom: 1px solid #ddd;}
.board_list > ul > li .title {display: block;}
.board_list > ul.clinic > li > a {display: flex; width: 100%; justify-content: space-between;}
.board_list > ul.clinic .info {flex: 1; width: calc(100% - 4rem);}
.board_list > ul.clinic .info .qus {display: flex; align-items: center;}
.board_list > ul.clinic .status {flex-shrink: 0; font-size: 1.2rem; color: #666;}
.board_list li .txt_ellipsis {display: inline-block; line-height: 2.2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold;}
.board_list li .label {display: inline-block; margin-right: 0.4rem; padding: 0.2rem 0.4rem; font-size: 1.1rem; line-height: 1.6rem; border-radius: 0.4rem; flex-shrink: 0; font-weight: bold;}
.board_list li .label.gray {background: #f5f5f5; color: #555;}
.board_list li .writer_bar {margin-top: 0.2rem;}
.board_list li .writer_bar > span {position: relative; font-size: 1.2rem; color: #666;}
.board_list li .writer_bar > span + span {padding-left: 0.8rem;}
.board_list li .writer_bar > span + span::before {position: absolute; left: 0.2rem; top: 0.4rem; display: block; width: 1px; height: 1.1rem; background-color: #888; content: "";}

.board_gallery > .grid {display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.board_gallery > ul > li {overflow: hidden;}
.board_gallery > ul > li a {display: block; outline-offset: -1px;}
.board_gallery > ul > li .thumb {position: relative; line-height: 0;}
.board_gallery > ul > li .thumb img {width: 100%; height: auto; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem;}
.board_gallery > ul > li .cont {padding: 0.5rem; border: 1px solid #ddd; border-top: none; border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem;}
.board_gallery > ul > li .cont .tit, .board_gallery > ul > li .cont .txt {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 1.2rem;}

.tbl_list_wrp .tbl_list {padding: 1rem 0; border-bottom: 1px solid #ddd;}
.tbl_list_wrp .tbl_list > li {display: flex; padding: 0.2rem 0; gap: 1rem; align-items: center;}
.tbl_list_wrp .tbl_list > li .tit { width: 20%; flex-shrink: 0; font-weight: bold;}
.tbl_list_wrp .tbl_list > li .cont {flex: 1;}
.tbl_list_wrp .tbl_list > li .cont .link {color: #3a74c8; text-decoration: underline; text-underline-offset: 0.5rem;}

/* view */
.view_wrap {border-bottom: 2px solid #f5f5f5;}
.view_wrap .tit_area {padding: 0 0 1rem; border-bottom: 1px dashed #ddd;}
.view_wrap .tit_area .title {display: block; color: #2a3343; font-size: 1.4rem;}
.view_wrap .writer_bar > span {position: relative; font-size: 1.2rem; color: #666;}
.view_wrap .writer_bar > span + span {padding-left: 0.8rem;}
.view_wrap .writer_bar > span + span::before {position: absolute; left: 0.2rem; top: 0.4rem; display: block; width: 1px; height: 1.1rem; background-color: #888; content: "";}
.view_wrap .txt_area {padding: 1rem 0;}
.view_wrap .txt_area .img_area img {max-width: 100%;}
.view_wrap .txt_area .label {position: relative; display: inline-block; margin: 0 0.5rem 0.5rem 0; padding: 0 0.6rem; height: 2.2rem; line-height: 2.2rem; border-radius: 1.1rem; border: 1px solid #2a3343; color: #2a3343; font-size: 1.1rem;}
.view_wrap .txt_area.answer {padding: 2rem 1.5rem; border-top: 1px solid #ddd;}
.view_wrap .txt_area.answer .label {border: none; background: #3a74c8; color: #fff;}
.view_wrap .txt_area .hospital_info .info {display: flex; gap: 0.5rem; align-items: center;}
.view_wrap .txt_area .hospital_info .info .img_area {display: block; width: 80px; height: 80px; flex-shrink: 0;}
.view_wrap .txt_area .hospital_info .info .img_area img {height: 100%;}
.view_wrap .txt_area .hospital_info .info > ul {flex: 1;}
.view_wrap .txt_area .hospital_info .info > ul > li {padding-left: 1.6rem; line-height: 1.6rem; font-size: 1.2rem; background-size: 1.2rem; background-position: 0 1px; background-repeat: no-repeat;}
.view_wrap .txt_area .hospital_info .info > ul > li * {line-height: 1.6rem;}
.view_wrap .txt_area .hospital_info .info > ul > li + li {margin-top: 0.4rem;}
.view_wrap .txt_area .hospital_info .info > ul > li.address {background-image: url("../images/ico16_marker.png");}
.view_wrap .txt_area .hospital_info .info > ul > li.director {background-image: url("../images/ico16_user.png");}
.view_wrap .txt_area .hospital_info .info > ul > li.homepage {background-image: url("../images/ico16_home.png");}
.view_wrap .txt_area .hospital_info .info > ul > li.homepage a {text-decoration: underline;}
.view_wrap .txt_area .hospital_info .info_txt {margin-top: 0.5rem; font-size: 1.2rem;}
.view_wrap .txt_area.answer .reply {position: relative; margin-top: 1rem; padding: 0.5rem 1rem 0.5rem 2.2rem; background-color: #f5f5f5; border-radius: 0.4rem;}
.view_wrap .txt_area.answer .reply::before {position: absolute; left: 0.8rem; top: 0.8rem; display: block; width: 1.2rem; height: 1.2rem; background: url("../images/ico16_reply.png") 0 0 no-repeat; background-size: 100%; content: "";}

/* paging */
.paging {display: flex; margin-top: 1.5rem; gap: 0.6rem; justify-content: center;}
.paging button {width: 2.4rem; height: 2.4rem; line-height: 2.4rem; font-size: 1.3rem;}
.paging button.btn_prev {background: url("../images/btn_prev.png") center center no-repeat;}
.paging button.btn_next {background: url("../images/btn_next.png") center center no-repeat;}
.paging button.on {border-radius: 50%; background-color: #2a3343; font-weight: bold; color: #fff;}

/* agreement */
.agreement_wrp {margin-top: 0.5rem; padding: 1rem; max-height: 30rem; border: 1px solid #ddd; border-radius: 0.4rem; overflow-y: auto;}
.agreagreement_wrpement * {font-size: 1.2rem;}
.agree_check {display: flex; margin-top: 0.5rem; align-items: center; justify-content:flex-end;}
.agree_check input[type="checkbox"] {margin-right: 0.4rem; width: 1.6rem; height: 1.6rem;}

/* form */
.write_form_area .title {margin-bottom: 0.2rem; font-weight: bold;}
.write_form_area > li {padding-bottom: 1.5rem; margin-bottom: 1rem; border-bottom: 1px solid #ddd;}
.write_form_area .cont {font-size: 1.4rem;}
.write_form_area .cont .dash {width: 2rem; flex-shrink: 0; text-align: center;}
.write_form_area .cont .textarea {padding: 1rem; width: 100%; border: 1px solid #999; border-radius: 0.4rem;}
.write_form_area .phone_wrp input[type="text"], .write_form_area .phone_wrp input[type="number"], .write_form_area .phone_wrp select {width: calc(100% - 4rem / 3);}
.write_form_area .phone_wrp {align-items: center;}
.write_form_area .chk_receive {display: flex; margin-top: 0.5rem;}
.write_form_area .chk_receive input[type="checkbox"] {margin-top: 0.2rem; flex-shrink: 0;}
.write_form_area .ico_info_red {line-height: 1.8rem; font-size: 1.2rem; color: #f00f00;}
.chk_area {display: flex; flex-wrap: wrap; gap: 1.2rem;}
.chk_area> li {display: inline-flex; gap: 0.4rem; align-items: center;}

/* captcha */
.captcha_wrp .btn_reset {padding: 2px; border: 1px solid #666; border-radius: 2px; background-color: #fff; font-size: 1.1rem;}
.captcha_wrp input[type="text"], .captcha_wrp select {margin-top: 1rem; width: 200px; height: 2.8rem; line-height: 2.8rem; border-radius: 0;}

/* acccodian */
.acccodian_wrap > ul > li {border-bottom: 1px solid #ddd;}
.acccodian_wrap .btn_menu {position: relative; padding: 1rem 3rem 1rem 1rem; width: 100%; line-height: 1.8rem; text-align: left; font-weight: bold}
.acccodian_wrap .btn_menu.on {background-color: #f5f5f5; color :#3a74c8;}
.acccodian_wrap .btn_menu::after {position: absolute; right: 1rem; top: 1.2rem; display: block; width: 1.6rem; height: 1.6rem; background: url("../images/ico24_drop.png") 0 0 no-repeat; background-size: 100%; content: "";}
.acccodian_wrap .btn_menu.on::after {transform: rotate(180deg); filter: brightness(0) saturate(100%) invert(36%) sepia(61%) saturate(1564%) hue-rotate(209deg) brightness(100%) contrast(100%);}
.acccodian_wrap .accordion_cont {display: none; padding: 1.5rem 1rem;}
.acccodian_wrap .btn_menu.on ~ .accordion_cont {display: block; height: 100%; transition: height ease-out .2s;}

.acccodian_wrap .accordion_cont .hos_info .logo_area {margin-bottom: 1rem; text-align: center;}
.acccodian_wrap .accordion_cont .hos_info .logo_area img {max-width: 120px;}
.acccodian_wrap .accordion_cont .hos_info .info_detail .tit {display: inline-block; min-width: 50px; font-weight: bold;}
.acccodian_wrap .accordion_cont .hos_info .info_detail .tit.mw66 {min-width: 66px;}

/* 자문위원 병원 */
.advisory_hosp {padding: 0.8rem 1rem; border: 1px solid #efefef; background-color: #f5f5f5;}
.advisory_hosp .tit {display: block; padding: 0 0 0 2.2rem; background: url("../images/ico24_medal.png") 0 0.4rem no-repeat; background-size: 1.8rem auto; font-weight: bold;}
.advisory_hosp .info li {position: relative; padding: 0.5rem 0 0 0.8rem;}
.advisory_hosp .info li::before {position: absolute; left: 0; top: 1.3rem; width: 0.3rem; height: 0.3rem; display: block; border-radius: 50%; background-color: #666; content: "";}
.advisory_hosp .info li + li {margin-top: 0.5rem; border-top: 1px solid #ddd;}
.advisory_hosp .info li p, .advisory_hosp .info li p * {line-height: 2rem; font-size: 1.2rem;}
.advisory_hosp .info li .bar > span {position: relative; display: inline-block;}
.advisory_hosp .info li .bar > span + span {padding-left: 0.8rem}
.advisory_hosp .info li .bar > span + span::before {position: absolute; left: 0.2rem; top: 0.5rem; display: block; width: 1px; height: 1rem; background-color: #888; content: "";}