@charset "utf-8";

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

/* s_visual */
.s_visual{height: 420px; margin-top: 100px; background-color: #f3f5f9; position: relative;}
.s_visual .inner{height: 100%;}
.s_visual .sv_tit{font-size: 48px; font-weight: 600; color: #fff; height: 100%; display: flex; align-items: center; height: 100%}
.s_visual .sv_tit span{}

@media all and (max-width:1400px){
	.s_visual{height: 380px;}
	.s_visual .sv_tit{font-size: 44px;}
}
@media all and (max-width:1024px){
	.s_visual{height: 350px;}
	.s_visual .sv_tit{font-size: 40px;}
}
@media all and (max-width:768px){
	.s_visual{height: 320px; margin-top: 70px;}
	.s_visual .sv_tit{font-size: 36px; text-align: center; justify-content: center; padding-bottom: 30px;}
}
@media all and (max-width:500px){
	.s_visual{height: 270px; margin-top: 55px;}
	.s_visual .sv_tit{font-size: 32px;}
}



.sub_menu_wrap { position: absolute; left: 0%; width: 100%; bottom: 40px; z-index: 10;}
.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}
.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: 40px;}
/*
.sub_menu_wrap .m_3dep_box .m_dep_tit {background-color:#3776d4;}
.sub_menu_wrap .m_4dep_box .m_dep_tit {background-color:#3776d4;}
*/
.sub_menu_wrap .m_dep_tit span {font-size: 16px; font-weight: 600; color: #fff;}
.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_3dep_box.m_dep_box .smenu{}
.sub_menu_wrap .m_3dep_box.m_dep_box .smenu .s_on{}
.sub_menu_wrap .m_3dep_box.m_dep_box .smenu > li > ul{display: none;}
.sub_menu_wrap .m_3dep_box.m_dep_box .smenu > li > ul li{background-color: #f6f6f6 !important;}
.sub_menu_wrap .m_3dep_box.m_dep_box .smenu > li > ul li:hover{background-color: #ccc !important;}
.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%);}
.sub_menu_wrap .m_4dep_box.m_dep_box .smenu{}
.sub_menu_wrap .m_4dep_box.m_dep_box .smenu .s_on{}
.sub_menu_wrap .m_4dep_box.m_dep_box .smenu > li > ul{display: none;}
.sub_menu_wrap .m_4dep_box.m_dep_box .smenu > li > ul li{background-color: #f6f6f6 !important;}
.sub_menu_wrap .m_4dep_box.m_dep_box .smenu > li > ul li:hover{background-color: #ccc !important;}
.sub_menu_wrap .m_4dep_box::before{content: ''; height: 100%; width: 1px; background-color: #fff; opacity: .1; display: block; position: absolute; top: 50%; transform: translateY(-50%);}
*/
.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:1280px){
	.sub_menu_wrap{bottom: 35px;}
}
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
	.sub_menu_wrap .in{justify-content: center; gap:17px;}
	.sub_menu_wrap .m_dep_tit{padding: 0 17px; padding-right: 32px;}
}
@media all and (max-width:500px){
}





/* pageCont */
#pageCont{padding: 160px 0 145px;}
#pageCont.on{padding-bottom: 0 !important;}
.bg + #pageCont{padding: 120px 0 145px;}

@media all and (max-width:1400px){
	#pageCont{padding: 145px 0 130px;}
	.bg + #pageCont{padding: 110px 0 130px;}
}
@media all and (max-width:1280px){
	#pageCont{padding: 130px 0 120px;}
	.bg + #pageCont{padding: 110px 0 120px;}
}
@media all and (max-width:1024px){
	#pageCont{padding: 120px 0 110px;}
	.bg + #pageCont{padding: 100px 0 110px;}
}
@media all and (max-width:768px){
	#pageCont{padding: 100px 0 90px;}
	.bg + #pageCont{padding: 100px 0 90px;}
}
@media all and (max-width:500px){
	#pageCont{padding: 80px 0 80px;}
	.bg + #pageCont{padding: 80px 0 80px;}
}



/* subTitle */
#subTitle{margin-bottom: 100px; text-align: center;}
#subTitle .vis_dep02{font-size: 42px; font-weight: 700; color: #000000;}
#subTitle .vis_dep04{font-size: 42px; font-weight: 700; color: #000000;}

@media all and (max-width:1400px){
	#subTitle{margin-bottom: 90px;}
	#subTitle .vis_dep02{font-size: 38px;}
	#subTitle .vis_dep04{font-size: 38px;}
}
@media all and (max-width:1024px){
	#subTitle{margin-bottom: 80px;}
	#subTitle .vis_dep02{font-size: 35px;}
	#subTitle .vis_dep04{font-size: 35px;}
}
@media all and (max-width:768px){
	#subTitle{margin-bottom: 70px;}
	#subTitle .vis_dep02{font-size: 32px;}
	#subTitle .vis_dep04{font-size: 32px;}
}
@media all and (max-width:500px){
	#subTitle{margin-bottom: 60px;}
	#subTitle .vis_dep02{font-size: 28px;}
	#subTitle .vis_dep04{font-size: 28px;}
}


table.tb-style1{width: 100%; font-size: 17px; line-height: 48px; border-top: 2px solid #203569;}
table.tb-style1 thead tr th{background-color: #1b4075; color: #fff;}
table.tb-style1 thead tr th + th{border-left: 1px solid rgba(255,255,255,0.1);}
table.tb-style1 tbody tr th{border-bottom: 1px solid #ddd; color: var(--color1); font-weight: 600; background-color: #e8edf5; padding: 0 20px; word-break: keep-all;}
table.tb-style1 tbody tr td{border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff; padding: 20px 20px; word-break: keep-all;}
table.tb-style1 tbody tr td b{color: #000;}
table.tb-style1 tbody tr td h3{font-size: 18px; color: #000; line-height: 1em; margin-bottom: 18px;}
table.tb-style1 tbody tr td.on{background-color: #f0f3f8; color: #1b4075;}
table.tb-style1 tbody tr td input[type = text]{border: 1px solid #ddd; padding: 10px; font-family: 'Prentendard', sans-serif; color: #444; font-size: 15px; font-weight: 300;}
table.tb-style1 tbody tr td input[type = date]{border: 1px solid #ddd; padding: 10px; font-family: 'Prentendard', sans-serif; color: #444; font-size: 15px; font-weight: 300;}
table.tb-style1 tbody tr td select{border: 1px solid #ddd; padding: 10px; font-family: 'Prentendard', sans-serif; color: #444; font-size: 15px; font-weight: 300;}
table.tb-style1 tbody tr td .flex{display: flex; align-items: center; gap:15px; line-height: 1em;}
table.tb-style1 tbody tr td .flex .box{display: flex; align-items: center; gap:5px; color: #222;}
table.tb-style1 tbody tr td .flex .box p{font-size: 16px;}

@media all and (max-width:1280px){
    table.tb-style1{font-size: 16px;}
	table.tb-style1 tbody tr td{padding: 16px;}
	table.tb-style1 tbody tr td input[type = text]{padding: 8px;}
	table.tb-style1 tbody tr td input[type = date]{padding: 8px;}
	table.tb-style1 tbody tr td select{padding: 8px;}
	table.tb-style1 tbody tr td h3{font-size: 17px; margin-bottom: 15px;}
	table.tb-style1 tbody tr td .flex{gap:12px; flex-wrap: wrap;}
}
@media all and (max-width:1024px){
    table.tb-style1{line-height: 25px;}
	table.tb-style1 tbody tr td{padding: 14px;}
}
@media all and (max-width:768px){
    table.tb-style1{font-size: 15px;}
	table.tb-style1 tbody tr td input[type = text]{padding: 6px;}
	table.tb-style1 tbody tr td input[type = date]{padding: 6px;}
	table.tb-style1 tbody tr td select{padding: 6px;}
	table.tb-style1 tbody tr td h3{font-size: 16px; margin-bottom: 10px;}
	table.tb-style1 tbody tr td .flex{gap:8px;}
	table.tb-style1 tbody tr td .flex .box.w100:first-child{flex:100%;}
}
@media all and (max-width:500px){
}


table.tb-style2{width: 100%;}
table.tb-style2 thead{}
table.tb-style2 thead tr th{background-color: #f8f8f8; color: #000; padding: 25px 10px; font-size: 20px; font-weight: 700;}
table.tb-style2 thead tr th + th{border-left: 1px solid #eee;}
table.tb-style2 thead tr th.on{background-color: #030951; color: #fff;}
table.tb-style2 tbody{}
table.tb-style2 tbody tr th{color: #000; padding: 20px 10px; font-size: 18px; font-weight: 700; border-bottom: 1px solid #eee; background-color: #fff;}
table.tb-style2 tbody tr td{color: #666; text-align: center; padding: 20px 10px; font-size: 18px; border-left: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #ffff; word-break: keep-all; line-height: 1.4em;}
table.tb-style2 tbody tr td.on{color: #000; background-color: #eff7fd;border-bottom: 1px solid #ddd;}

@media all and (max-width:1400px){
	table.tb-style2 thead tr th{padding: 22px 8px; font-size: 19px;}
	table.tb-style2 tbody tr th{padding: 18px 8px; font-size: 17px;}
	table.tb-style2 tbody tr td{font-size: 17px;}
}
@media all and (max-width:1024px){
	table.tb-style2 thead tr th{padding: 20px 7px; font-size: 18px;}
	table.tb-style2 tbody tr th{padding: 16px 7px; font-size: 16px;}
	table.tb-style2 tbody tr td{font-size: 16px;}
}
@media all and (max-width:768px){
	table.tb-style2 thead tr th{padding: 18px 7px; font-size: 17px;}
	table.tb-style2 tbody tr th{padding: 15px 7px; font-size: 15px;}
	table.tb-style2 tbody tr td{font-size: 15px;}
}
@media all and (max-width:500px){
	table.tb-style2 thead tr th{padding: 15px 6px; font-size: 15px;}
	table.tb-style2 tbody tr th{padding: 14px 6px; font-size: 14px;}
	table.tb-style2 tbody tr td{font-size: 14px;}
}

table.tb-style3{width: 100%; border-top: 2px solid #030951;}
table.tb-style3 thead{}
table.tb-style3 thead tr th{background-color: #f8f8f8; color: #000; padding: 25px 10px; font-size: 18px; font-weight: 700;}
table.tb-style3 thead tr th + th{border-left: 1px solid #eee;}
table.tb-style3 thead tr th.on{background-color: #030951; color: #fff;}
table.tb-style3 tbody{}
table.tb-style3 tbody tr th{color: #000; padding: 20px 10px; font-size: 17px; font-weight: 500; border-bottom: 1px solid #eee; background-color: #fff;}
table.tb-style3 tbody tr td{color: #444; text-align: center; padding: 20px 10px; font-size: 17px; border-left: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #ffff; word-break: keep-all; line-height: 1.4em; font-weight: 300;}
table.tb-style3 tbody tr td p{font-size: 0.925em; position: relative; padding-left: 10px; word-break: keep-all;}
table.tb-style3 tbody tr td p::before{content: '-'; position: absolute; left: 0; top: 0; font-weight: 300;}
table.tb-style3 tbody tr td p + p{margin-top: 10px;}
table.tb-style3 tbody tr td.on{color: #000; background-color: #eff7fd;border-bottom: 1px solid #ddd;}

@media all and (max-width:1400px){
	table.tb-style3 thead tr th{padding: 22px 8px; font-size: 17px;}
	table.tb-style3 tbody tr th{padding: 18px 8px; font-size: 16px;}
	table.tb-style3 tbody tr td{font-size: 16px;}
}
@media all and (max-width:1024px){
	table.tb-style3 thead tr th{padding: 20px 7px;}
	table.tb-style3 tbody tr th{padding: 16px 7px;}
	table.tb-style3 tbody tr td{}
}
@media all and (max-width:768px){
	table.tb-style3 thead tr th{padding: 18px 7px; font-size: 16px;}
	table.tb-style3 tbody tr th{padding: 15px 7px; font-size: 15px;}
	table.tb-style3 tbody tr td{font-size: 15px;}
}
@media all and (max-width:500px){
	table.tb-style3 thead tr th{padding: 15px 6px; font-size: 15px;}
	table.tb-style3 tbody tr th{padding: 14px 6px; font-size: 14px;}
	table.tb-style3 tbody tr td{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 }
}