@charset "utf-8";

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

/* s_visual */
.s_visual{height: 370px; margin-top: 110px; background-color: #f3f5f9; border-radius: 20px; position: relative;}
.s_visual.clinic{height: 680px;}
.clinic1 .s_visual.clinic1{background: url(/images/sub/clinic1_svisual.webp) no-repeat center center / cover !important;}
.clinic1 .s_visual.clinic2{background: url(/images/sub/clinic2_svisual.webp) no-repeat center center / cover !important;}
.clinic1 .s_visual.clinic3{background: url(/images/sub/clinic3_svisual.webp) no-repeat center center / cover !important;}
.clinic1 .s_visual.clinic4{background: url(/images/sub/clinic4_svisual.webp) no-repeat center center / cover !important;}
.clinic1 .s_visual.clinic5{background: url(/images/sub/clinic5_svisual.webp) no-repeat center center / cover !important;}
.clinic1 .s_visual.clinic6{background: url(/images/sub/clinic6_svisual.webp) no-repeat center center / cover !important;}
.clinic1 .s_visual.clinic7{background: url(/images/sub/clinic7_svisual.webp) no-repeat center center / cover !important;}
.clinic1 .s_visual.clinic8{background: url(/images/sub/clinic8_svisual.webp) no-repeat center center / cover !important;}
.clinic1 .s_visual.clinic9{background: url(/images/sub/clinic9_svisual.webp) no-repeat center center / cover !important;}
.s_visual .sv_tit{display: flex; flex-direction: column; height: 100%; justify-content: center; align-items: center; text-align: center;}
.s_visual .sv_tit .vis_dep01{font-size: 48px; color: #000; font-weight: 700; margin-bottom: 35px; margin-top: -30px;}
.s_visual .sv_tit .vis_dep02{font-size: 48px; color: #000; font-weight: 700; margin-bottom: 35px; margin-top: -30px;}
.s_visual.clinic .sv_tit .vis_dep02{color: #fff;}
.s_visual .sv_tit p{font-size: 18px; color: #444444; letter-spacing: -0.05em;}
.s_visual.clinic .sv_tit p{color: #fff;}

@media all and (max-width:1280px){
	.s_visual{height: 340px;}
	.s_visual.clinic{height: 600px;}
	.s_visual .sv_tit .vis_dep01{font-size: 44px; margin-bottom: 30px;}
	.s_visual .sv_tit .vis_dep02{font-size: 44px; margin-bottom: 30px;}
	.s_visual .sv_tit p{font-size: 17px;}
}
@media all and (max-width:1024px){
	.s_visual{height: 320px; margin-top: 90px;}
	.s_visual.clinic{height: 480px;}
	.s_visual .sv_tit .vis_dep01{font-size: 40px; margin-bottom: 25px;}
	.s_visual .sv_tit .vis_dep02{font-size: 40px; margin-bottom: 25px;}
}
@media all and (max-width:768px){
	.s_visual{height: 280px;}
	.s_visual.clinic{height: 440px;}
	.s_visual .sv_tit .vis_dep01{font-size: 36px; margin-bottom: 20px;}
	.s_visual .sv_tit .vis_dep02{font-size: 36px; margin-bottom: 20px;}
	.s_visual .sv_tit p{font-size: 16px;}
}
@media all and (max-width:500px){
	.s_visual{height: 240px;}
	.s_visual.clinic{height: 320px;}
	.s_visual .sv_tit .vis_dep01{font-size: 32px; margin-bottom: 16px;}
	.s_visual .sv_tit .vis_dep02{font-size: 32px; margin-bottom: 16px;}
	.s_visual .sv_tit .vis_dep01{margin-top: 0;}
	.s_visual .sv_tit .vis_dep02{margin-top: 0;}
}


.sub_menu_wrap { margin-left: auto; margin-right: auto; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 40px; z-index: 10;}
.sub_menu_wrap .in {display: flex; justify-content: center; 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:10px; 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: 400; color: #000000;}
.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: ''; height: 100%; width: 1px; background-color: #fff; opacity: .1; display: block; position: absolute; top: 50%; transform: translateY(-50%);}
.sub_menu_wrap .m_2dep_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_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: 30px;}
	.sub_menu_wrap .in{gap:16px;}
}
@media all and (max-width:1024px){
	.sub_menu_wrap{bottom: 25px;}
}
@media all and (max-width:768px){
	.sub_menu_wrap .in{gap:12px;}
	.sub_menu_wrap .m_dep_tit{padding: 6px 2px; background-position: 100% center;}
	.sub_menu_wrap .in{width: 90%; margin: 0 auto;}
	.clinic .sub_menu_wrap .m_home{display: none;}
	.sub_menu_wrap .m_dep_box{width: 100%;}
	.sub_menu_wrap .m_1dep_box{display: none;}
	.sub_menu_wrap .m_dep_box .smenu{width: 100%;}
}
@media all and (max-width:500px){
	.sub_menu_wrap .in{flex-direction: column; gap:8px; display: none;}
	.sub_menu_wrap .m_dep_tit{padding: 4px 2px;}
}

.fixed_sub_menu { margin-left: auto; margin-right: auto; position: fixed; bottom: 20px; text-align: center; width: 100%; z-index: 99; display: none;}
.fixed_sub_menu .in {display: inline-flex; justify-content: center; gap:10px; align-items: center; background-color: #f8f8f8; border-radius: 30px; padding: 10px 20px; box-shadow: 2px 8px 12px rgba(0,0,0,0.1);}
.clinic .fixed_sub_menu .m_dep_tit{filter: invert(1) brightness(10);}
.clinic .fixed_sub_menu .m_home{filter: invert(1) brightness(10);}
.fixed_sub_menu .m_home{}
.fixed_sub_menu .m_dep_box{ position: relative; display:block; width:auto; float:left; text-align:left; cursor:pointer; font-size: 17px; font-weight:400}
.fixed_sub_menu .m_dep_tit { display:block; background:url('/images/sub/arrow_up.png') no-repeat 92% center;  color:#585858; box-sizing:border-box; padding:10px; cursor:pointer; padding-right: 40px;}
.fixed_sub_menu .m_dep_tit span {font-size: 16px; font-weight: 400; color: #000000;}
.fixed_sub_menu .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; bottom: 40px;}
.fixed_sub_menu .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
.fixed_sub_menu .m_dep_box .smenu > li:hover{background:#ccc;}
.fixed_sub_menu .m_dep_box .smenu > li:hover a { border:0; font-weight:500;}
.fixed_sub_menu .m_dep_box .smenu > li a.on{background:#3570cb; color:#fff; border:0; }
.fixed_sub_menu .m_dep_box .smenu > li:first-child{border-top:0;}
.fixed_sub_menu .m_dep_box .smenu a { color:#333; display:block; width:100%;  padding:10px; box-sizing:border-box; line-height:normal; font-size: 1.6rem;}
.fixed_sub_menu .m_dep_box .smenu a br { display: none; }
.fixed_sub_menu .m_2dep_box li:before {display:none;}
.fixed_sub_menu .m_1dep_box::before{content: ''; height: 100%; width: 1px; background-color: #fff; opacity: .1; display: block; position: absolute; top: 50%; transform: translateY(-50%);}
.fixed_sub_menu .m_2dep_box::before{content: ''; height: 100%; width: 1px; background-color: #fff; opacity: .1; display: block; position: absolute; top: 50%; transform: translateY(-50%);}
.fixed_sub_menu .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){
	.fixed_sub_menu{bottom: 30px;}
	.fixed_sub_menu .in{gap:16px;}
}
@media all and (max-width:1024px){
	.fixed_sub_menu{bottom: 25px;}
}
@media all and (max-width:768px){
	.fixed_sub_menu .in{gap:12px;}
	.fixed_sub_menu .m_dep_tit{padding: 6px 2px; background-position: 100% center;}
	.fixed_sub_menu .in{width: 85%; margin: 0 auto;}
	.clinic .fixed_sub_menu .m_home{display: none;}
	.fixed_sub_menu .m_dep_box{width: 100%;}
	.fixed_sub_menu .m_1dep_box{display: none;}
	.fixed_sub_menu .m_dep_box .smenu{width: 100%;}
}
@media all and (max-width:500px){
	.fixed_sub_menu .in{flex-direction: column; gap:8px; display: none;}
	.fixed_sub_menu .m_dep_tit{padding: 4px 2px;}
}




/* pageCont */
#pageCont{padding: 140px 0 200px;}

@media all and (max-width:1280px){
	#pageCont{padding: 120px 0 170px}
}
@media all and (max-width:1024px){
	#pageCont{padding: 110px 0 155px}
}
@media all and (max-width:768px){
	#pageCont{padding: 100px 0 140px}
}
@media all and (max-width:500px){
	#pageCont{padding: 80px 0 120px}
}


/* subTitle */
#subTitle{margin-bottom: 70px; text-align: center;}
#subTitle .vis_dep01{font-size: 42px; font-weight: 700; color: #000000;}
#subTitle .vis_dep02{font-size: 42px; font-weight: 700; color: #000000;}
#subTitle .vis_dep03{font-size: 42px; font-weight: 700; color: #000000;}
#subTitle .vis_dep04{font-size: 42px; font-weight: 700; color: #000000;}
#subTitle p{font-size: 16px; color: #999; margin-top: 25px; font-weight: 300;}

@media all and (max-width:1280px){
	#subTitle{margin-bottom: 60px;}
	#subTitle .vis_dep01{font-size: 37px;}
	#subTitle .vis_dep02{font-size: 37px;}
	#subTitle .vis_dep03{font-size: 37px;}
	#subTitle .vis_dep04{font-size: 37px;}
}
@media all and (max-width:1024px){
	#subTitle{margin-bottom: 55px;}
	#subTitle .vis_dep01{font-size: 34px;}
	#subTitle .vis_dep02{font-size: 34px;}
	#subTitle .vis_dep03{font-size: 34px;}
	#subTitle .vis_dep04{font-size: 34px;}
	#subTitle p{font-size: 15px; margin-top: 20px;}
}
@media all and (max-width:768px){
	#subTitle{margin-bottom: 50px;}
	#subTitle .vis_dep01{font-size: 32px;}
	#subTitle .vis_dep02{font-size: 32px;}
	#subTitle .vis_dep03{font-size: 32px;}
	#subTitle .vis_dep04{font-size: 32px;}
}
@media all and (max-width:500px){
	#subTitle{margin-bottom: 45px;}
	#subTitle .vis_dep01{font-size: 30px;}
	#subTitle .vis_dep02{font-size: 30px;}
	#subTitle .vis_dep03{font-size: 30px;}
	#subTitle .vis_dep04{font-size: 30px;}
}

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: #222; font-weight: 600; background-color: #e8edf5;}
table.tb-style1 tbody tr td{border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff; padding: 20px 20px;}
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){
}

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;  }