@charset "utf-8";

#pageCont.board{font-size: 15px;}

/* s_visual */
.s_visual{ margin-top: 240px; position: relative; margin-bottom: 60px;}
.s_visual .inner{height: 100%; display: flex; align-items: flex-end; justify-content: space-between;}
.s_visual .sv_tit{}
.s_visual .sv_tit span{font-size: 32px; font-weight: 700; color: #1c1c1c; display: block; margin-bottom: 20px;}
.s_visual .sv_tit p{font-size: 16px; color: #666666; word-break: keep-all; line-height: 1.6em;}

@media all and (max-width:1024px){
	.s_visual{margin: 180px 0 50px;}
	.s_visual .inner{flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	.s_visual .sv_tit{width: 100%; margin-bottom: 50px;}
	.s_visual .sv_tit span{font-size: 28px; margin-bottom: 17px;}
}
@media all and (max-width:768px){
	.s_visual{margin: 140px 0 45px;}
	.s_visual .sv_tit span{font-size: 26px; margin-bottom: 15px;}
	.s_visual .sv_tit p{font-size: 15px;}
}



.sub_menu_wrap {}
.sub_menu_wrap .in {display: flex; gap:20px; align-items: center;}
.clinic .sub_menu_wrap .m_dep_tit{filter: invert(1) brightness(10);}
.clinic .sub_menu_wrap .m_home{filter: invert(1) brightness(10);}
.sub_menu_wrap .m_home{}
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:auto; float:left; text-align:left; cursor:pointer; font-size: 17px; font-weight:400; border-left: 1px solid #cfcfcf;}
.sub_menu_wrap .m_dep_tit { display:block; background:url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#585858; box-sizing:border-box; padding:0 22px; cursor:pointer; padding-right: 80px;}
.sub_menu_wrap .m_dep_tit span {font-size: 16px; font-weight: 600; color: #111;}
.sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); width: 240px; margin-left:-1px; background:#f6f6f6; box-sizing:Border-box; border:1px solid #ddd; border-top:0; z-index: 10;}
.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
.sub_menu_wrap .m_dep_box .smenu > li:hover{background:#ccc;}
.sub_menu_wrap .m_dep_box .smenu > li:hover a { border:0; font-weight:500;}
.sub_menu_wrap .m_dep_box .smenu > li a.on{background:#3570cb; color:#fff; border:0; }
.sub_menu_wrap .m_dep_box .smenu > li:first-child{border-top:0;}
.sub_menu_wrap .m_dep_box .smenu a { color:#333; display:block; width:100%;  padding:10px; box-sizing:border-box; line-height:normal; font-size: 1.6rem;}
.sub_menu_wrap .m_dep_box .smenu a br { display: none; }
.sub_menu_wrap .m_2dep_box li:before {display:none;}
.sub_menu_wrap .m_1dep_box::before{content: '·'; color:#fff; font-size: 20px; font-weight: 600; display: block; position: absolute; top: 50%; transform: translateY(-50%);}
.sub_menu_wrap .m_2dep_box::before{content: '·'; color:#fff; font-size: 20px; font-weight: 600; display: block; position: absolute; top: 50%; transform: translateY(-50%);}
.sub_menu_wrap .m_3dep_box::before{content: ''; height: 100%; width: 1px; background-color: #fff; opacity: .1; display: block; position: absolute; top: 50%; transform: translateY(-50%);}


@media all and (max-width:768px){
	.sub_menu_wrap .in{gap:13px;}
	.sub_menu_wrap .m_home img{max-width: 13px;}
	.sub_menu_wrap .m_dep_tit{padding: 0 16px; padding-right: 45px; background-size: 11px;}
	.sub_menu_wrap .m_dep_tit span{font-size: 15px;}
}


#pageCont{overflow-x: hidden; overflow-y: hidden;}
#pageCont.pb{padding: 50px 0 140px;}

@media all and (max-width:1480px){
	#pageCont.pb{padding: 45px 0 120px;}
}
@media all and (max-width:1024px){
	#pageCont.pb{padding: 40px 0 110px;}
}
@media all and (max-width:768px){
	#pageCont.pb{padding: 40px 0 100px;}
}
@media all and (max-width:500px){
	#pageCont.pb{padding: 35px 0 80px;}
}


.tb-style1{width: 100%; border-top: 2px solid #992d2a;}
.tb-style1 thead{}
.tb-style1 thead tr{}
.tb-style1 thead tr th{background-color: #f5f2f2; color: #000; font-weight: 600; padding: 15px 5px; font-size: 16px; word-break: keep-all;}
.tb-style1 thead tr th + th{border-left: 1px solid #d1cdcd;}
.tb-style1 tbody{}
.tb-style1 tbody tr{}
.tb-style1 tbody tr td{text-align: center; font-size: 16px; padding: 15px 5px; border-bottom: 1px solid #dedede; font-weight: 300; word-break: keep-all; line-height: 1.4em;}
.tb-style1 tbody tr td + td{border-left: 1px solid #dedede;}

@media all and (max-width:1480px){}
@media all and (max-width:1024px){
	.tb-style1 thead tr th{padding: 12px 4px; font-size: 15px;}
	.tb-style1 tbody tr td{padding: 12px 4px; font-size: 15px;}
}
@media all and (max-width:768px){}
@media all and (max-width:500px){
	.tb-style1 thead tr th{padding: 9px 3px; font-size: 14px;}
	.tb-style1 tbody tr td{padding: 9px 3px; font-size: 14px;}
}


s_conts { padding:50px 0; position:relative; font-size:14px; color:#7b7b7b; font-family:NanumSR; overflow: hidden;}
.s_conts h1 { line-height:35px; font-size:22px; font-weight:normal; color:#333 ; font-weight:bold;}
.s_conts h1 span{color:#0e59af;}
.s_conts h2, .s_conts h3, .s_conts h4 { font-family:Noto Sans KR}
.s_conts h2 { background:url(/m/img/sub/h2_mark.png) no-repeat;  background-size:35px; line-height:35px; text-indent:40px; font-size:28px; font-weight:normal; margin-bottom:20px; color:#333}
.s_conts h3 {line-height:35px; padding-left:18px; font-size:22px; font-weight:normal; color:#333; position: relative;}
.s_conts h3::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background-color: #203569;}
.s_conts .line { display:inline-block; width:100%; border-bottom:1px dotted #ddd; margin:30px 0}
.s_conts .line2 { display:inline-block; width:100%; border-bottom:1px dotted #ddd; margin:30px 0 10px;}
.term { line-height: 1.7em; font-size: 16px;}
.term .title { color:#212121; margin: 2em 0 1em; font-weight: 600; font-size: 1.2em;  }


#mem {}
#mem .t1 {font-size:1.8rem; line-height:1.6em;}
#mem .st1 {font-size:1.6rem; color:#686868; margin-top:1em}
#mem dl {margin:3em 0 1em}
#mem dl dt {margin-bottom:1em; font-size:2.4rem; color:#094d93; font-weight:800}
#mem dl dd {border-radius:5px; background:#f8f9fb; padding:20px; font-size:1.8rem; color:#222}
#mem h4 {font-size: 2rem; line-height: 1.3em; color: #000;}
#mem h3 {margin:2em 0 1em; font-size:2.1rem; color:#222; font-weight:700}
#mem #dotList {padding:20px; border: 1px solid #ddd;}
#mem #dotList + p{margin-top: 20px;}
#mem .num {font-size:1.8rem; margin-bottom:1em; line-height: 1.6em;}

@media all and (max-width:480px){
    #mem h4 {font-size: 2rem;}
	#mem dl dd { padding:10px; }
	#mem h3,
	#mem #dotList {padding-left:5px}
}


#dotList li {position:relative; }
#dotList li + li {margin-top:0.5em}
#dotList li:before {content:''; width:3px; height:3px; border-radius:100px; background:#094d93;position:absolute; left:0; top:0.7em;}
#dotList li p { padding-left:10px; font-size:1.8rem; line-height:1.6em }

@media all and (max-width:1024px) {
	#dotList li p {  line-height:1.4em }
}