@charset "utf-8";

/*==========================================================================
Layout Style
==========================================================================*/
.s_visual {position:relative; float:left; clear:both; width:100%; height:430px; background-size:cover !important}
.s_bg1 { background:url(/images/sub/s_visual1.jpg) no-repeat center;}
.s_bg2 { background:url(/images/sub/s_visual2.jpg) no-repeat center;}
.s_bg3 { background:url(/images/sub/s_visual3.jpg) no-repeat center;}
.s_bg4 { background:url(/images/sub/s_visual4.jpg) no-repeat center;}
.s_bg5 { background:url(/images/sub/s_visual5.jpg) no-repeat center;}
.s_bg6 { background:url(/images/sub/s_visual1.jpg) no-repeat center;}
.s_bg7 { background:url(/images/sub/s_visual2.jpg) no-repeat center;}


.visual-copy { position: relative; float:left; width:100%; margin:200px 0 0;text-align:center; }
.visual-copy  dt {float:left; width:100%; margin:0px 0 25px ;  font-size:40px; line-height:40px;color:#fff; padding-bottom:20px; background:url(/images/sub/under_w.png) no-repeat center bottom; font-family: 'GmarketSans';}
.visual-copy  dt span {color:#fff;}
.visual-copy  dd {float:left; width:100%; font-size:17px;color:#fff;opacity:1;  font-family: 'Pretendard'; line-height: 23px;}

/* 페이지 인식을 위한 부분 */
#page01 #sub_menu a.menu1,
#page02 #sub_menu a.menu2, 
#page03 #sub_menu a.menu3,
#page04 #sub_menu a.menu4,
#page05 #sub_menu a.menu5,
#page06 #sub_menu a.menu6,
#page07 #sub_menu a.menu7,
#page08 #sub_menu a.menu8,
#page09 #sub_menu a.menu9,
#page10 #sub_menu a.menu10 { color:#fff;background:#001970;border:1px solid #001970;opacity:1; }

#s_navi {position:relative;float:left; width:100%; margin:0px 0 0; }
#s_navi #sub_menu {position:relative;float:left;clear:both; width:100%; text-align:center;  }
#sub_menu li {display:inline-block;float:left;list-style:none; margin-left:-1px; }
#sub_menu.col5 li{width:20%}
#sub_menu li a {display:block;float:left;  width:100%; line-height: 50px; border:1px solid #ddd;margin-top:-1px;  font-size:17px;  color:#555;  background:#fff;font-weight:500; letter-spacing:-.02em;  }
#sub_menu li a:hover{ color:#fff; background:#2954ae; border:1px solid #2954ae;opacity:1;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;		}


.rout {position:relative;float:left; width:100%; margin:30px 0; overflow:hidden; font-size:14px; text-align:center;}
.rout  li {display:inline-block; color:#ababab; width:auto; background:url(/images/sub/r_arrow.png) no-repeat left 4px; padding-left:15px; margin-left:10px; font-family: 'Pretendard';}
.rout  li:first-child { background:url(/images/sub/ico_home.png) no-repeat 0px 3px !important; text-indent:-9999px; margin:0;}
.rout  li:last-child {color:#666}
		

.content_wrap {position:relative; float:left; clear:both; width:100%;  margin:80px 0;  }

@media all and (max-width:1280px) {
}
@media all and (max-width:1100px) {
}
@media all and (max-width:950px) {
}
@media all and (max-width:750px) {
    .content_wrap {margin:50px 0;  }
    br.mon{display: none;}
}
@media all and (max-width:550px) {
.s_visual {height: 337px;}
.visual-copy {margin: 147px 0 0;}
}
@media all and (max-width:400px) {
}

/* Title */
.sc_tit {position:relative;float:left; width:100%; text-align:center; font-size:36px; line-height:36px; color:#555;padding-bottom:15px; 
          background:url(/images/sub/u_line.jpg) no-repeat center bottom;}

.cont_lt {position:relative; float:left; width:100%;   color:#666; }
.cont_lt li {display:block; float:left; width:100%; font-size:1.25em; line-height:1.60em; margin-bottom:10px;}


.divide-line {position:relative; float:left; width:100%; height:1px; border-top:1px solid #ddd;margin:70px 0;}

/*------- 병원 둘러보기------ */
.inside-wrap { position:relative; float:right;  width:1200px; margin:0px 0 0;}
.slide_box {  position:relative; float:left;  width:1200px; overflow:hidden;}
.slide_box ul {width:1200px; }
.slide_box li { float:left;}
.btn_wrap {position:absolute; top:0; right:0}
.btn_prev{z-index:3333; width:55px; height:55px; top:645px; right:54px; position:absolute; background:transparent url(/images/sub/arrow_pre.png) no-repeat;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;}
.btn_next{z-index:3333; width:55px; height:55px; top:645px; right:0px; position:absolute; background:transparent url(/images/sub/arrow_next.png) no-repeat;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;}

.btn_prev:hover{ background:#2954ae url(/images/sub/arrow_pre.png) no-repeat;}
.btn_next:hover{ background:#2954ae url(/images/sub/arrow_next.png) no-repeat;}


.slide_text_bg {  position:absolute; width:1200px; height:80px; top:645px; left:0px; background:url(/images/sub/gallery_bg.png) repeat; z-index:9999 }
.slide_text_box{ width:1200px; position:absolute;}

.text_tit{ float:left;color:#fff; font-size:40px; margin:30px 0px 20px 30px;width:75px; font-family: 'OpenSans-Light'; color:#2ad6dd}
.text_cont{color:#fff;float:left; line-height:17px; margin:20px 0 0px; width:560px; font-size:15px; line-height:22px; }


/*슬라이드 갤러리 버튼*/
.slide_tab li{width:149px; height:29px; border:1px solid #dedede; background:#efefef; color:#505050; margin:0 3px 3px 0; text-indent:13px; padding-top:5px; float:left;  }
.slide_tab li.on{border:1px solid #dedede;  background:#B9CFFD;  color:#505050;  }
.slide_tab li.active {border:1px solid #3a6ecb;  background:#537fce;  color:#ffffff;}


/* slide sum */
.slide_box2  {  position:relative;float:left; width:1200px; height:85px;padding:0px 0 10px 50px; margin:15px 0 0; }
.slide_box2 ul {    margin:0 auto 0; }
.slide_box2 ul li {display:inline-block; float:left; width: 135px; height:86px; padding: 3px; text-align: left; }
.slide_box2 ul li img { display:inline-block; float:left;border:3px solid #ededed; width:135px; height:77px; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */}
.slide_box2 ul li.active img {  border: 3px solid #0374c3; opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
.slide_box2 ul li.on img {opacity:7.0; filter:alpha(opacity=70); /* For IE8 and earlier */}

.slide_box2 .btn_prev{z-index:600; width:16px; height:26px; left:5px; top:30px; position:absolute; background:url(/images/sub/arrow_pre_s.png) no-repeat}
.slide_box2 .btn_next{z-index:600; width:16px; height:26px; right:5px; top:30px; position:absolute; background:url(/images/sub/arrow_next_s.png) no-repeat}
/*----- ///병원 둘러보기------- */

.cost{ position: relative; width: 100%; clear:both; overflow: hidden; border-top: 2px solid #2954ae; border-bottom: 2px solid #2954ae; 
font-weight: 350; font-family: 'Pretendard';}
.cost th { background-color:#edeff5; color: #2954ae; font-size: 1.2em; }
.cost th, .cost td { border-bottom: 1px solid #00197021;border-right: 1px solid #00197021;  padding: 15px 0; text-align: center;font-size:15px;}
.cost th:last-child, .cost td:last-child {border-right: 0;}
.cost .bdr {border-right: 1px solid #00197021 !important;}

.cost td.left { padding-left: 30px; }

/*인사말*/
.intro1_txt{text-align:center; /*background:url('/images/sub/greeting.jpg') no-repeat center center;*/font-family:'Pretendard' ;}
.intro1_txt h2{font-size:50px;  line-height:70px; letter-spacing: -0.05em; color:#444; margin-bottom:20px;}
.intro1_txt .txt_1{font-size:30px;  line-height:40px;  color:#555; font-weight:500; margin-bottom:20px;}
.intro1_txt .txt_2{font-size:18px;  line-height:30px; color:#777; margin-top: 50px;}

.c_blue{color:#164ea1}
.c_green{color:#39890c}

/* 의료진소개 */
.dr-wrap  { position:relative; float:left;  width:100%; margin:40px 0 40px;color:#001970; border-top: 1px dashed #c7c7c7;    padding-top: 40px;}
.dr-wrap h2 {float:left; width:100%; font-size:32px; line-height:32px; font-family:'GmarketSans' ; font-weight:600; margin-bottom:35px; background:url(/images/sub/bullet2.png) no-repeat left top; padding:3px 0 0 17px; }
.dr-wrap .dr-img {float:left; width:50%}
.dr-wrap .dr-img img{width:100%}
.dr-wrap .career-wrap {position:relative; float:right; width:50%; /* height:350px; */ }
.dr-wrap .society-wrap {position:relative; float:right; width:50%; /* height:350px;  */}
.dr-wrap .career-list {position:relative; float:left; width:740px; margin-left:35px; margin-top:40px;}
.dr-wrap .career-list ul {position:relative; float:left; width:50%;  }
.dr-wrap .career-list ul li {position:relative;  display:block; float:left; width:96%; margin-left:28px; font-size:18px;font-family: 'Pretendard'; line-height:25px; margin-bottom:10px;  color:#666; padding-left: 5px;}
.dr-wrap .career-list ul li:before  {content:""; position:absolute; top:10px; left:-10px; width:5px; height:5px;  background:#666; border-radius:5px;}

.dr-wrap .society-wrap2 {position:relative; float:right; width:100%; /* height:350px;  */}
.dr-wrap .society-wrap2 .career-list {position:relative; float:left; width:100%; margin-left:35px; margin-top:40px;}
.dr-wrap .society-wrap2 .career-list ul {position:relative; float:left; width:100%;  }
.dr-wrap .society-wrap2 .career-list ul li {position:relative;  display:block; float:left; width:96%; margin-left:28px; font-size:18px;font-family: 'Pretendard'; line-height:20px;letter-spacing: -0.04em;  margin-bottom:18px;  color:#666;}
.dr-wrap .society-wrap2 .career-list ul li:before  {content:""; position:absolute; top:6px; left:-10px; width:5px; height:5px;  background:#666; border-radius:5px;}


@media all and (max-width:1280px) {
.dr-wrap .career-list {width:100%}
.dr-wrap .dr-img {width: calc(50% - 35px);     height: 510px;}
.dr-wrap .career-wrap {width:50%}
.dr-wrap .career-list ul {width:100%;}

.dr-wrap .society-wrap2 .career-list{margin:0}
.dr-wrap .society-wrap2 .career-list ul li{ width: 96%; margin-left: 12px; font-size: 14px; line-height: 20px; margin-bottom: 5px;}
}
@media all and (max-width:1100px) {
}
@media all and (max-width:950px) {

}

/************************************************************************************************************************************************************************/
@media all and (max-width:750px) {
#sub_menu li a {font-size:13px;}
.intro1_txt .txt_2{margin-top: 30px;}

/*인사말*/
.intro1_txt h2{font-size:25px;   font-weight:600; line-height:33px; margin-bottom:10px;}
.intro1_txt .txt_1{font-size:15px;  line-height:23px; margin-bottom:10px;}
.intro1_txt .txt_2{font-size:13px;  line-height:23px; padding: 0 20px;}

.c_blue{color:#164ea1}
.c_green{color:#39890c}

/**/

.dr-wrap .dr-img { height: auto;}
.dr-wrap  {  margin:20px 0; }
.dr-wrap h2 {width:100%; font-size:25px; line-height:25px; margin-bottom:10px; padding:3px 0 0 17px; }
.dr-wrap .dr-img {width:100%;}
.dr-wrap .dr-img img {width:100%;}
.dr-wrap .career-wrap {float:left; width:100%; padding-bottom:15px; /* background:#6897bc */}
.dr-wrap .society-wrap{ float:right; width:100%; padding-bottom:15px; /* background:#555 */}
.dr-wrap .society-wrap { position: relative;  float: right;  width: 100%;}
.dr-wrap .career-list {float:left;     padding: 30px 15px;  border: 1px solid #eee; margin:0;}
.dr-wrap .career-list ul { float:left; width:100%;  }
.dr-wrap .career-list ul li {width:96%;  margin-left: 12px; font-size:13px;line-height:16px; margin-bottom:5px;}
.dr-wrap .career-list ul li:before  {top:4px;  background:#fff; }
.career-list p{font-size: 11px;}

}
/************************************************************************************************************************************************************************/
@media all and (max-width:550px) {

}
@media all and (max-width:400px) {

}



/*찾아오시는길*/
.root_daum_roughmap_landing { width: 100% !important; }
#daumRoughmapContainer1560304097669{width:100%}
.hospital-info { margin-top: 2%; position:relative; float:left; width:100%; /* margin:20px 0 0; */  }
.hospital-info li {display:inline-block; float:left; width:100%; padding-left:1.2%; vertical-align:middle; padding-top:10px; padding-bottom:10px;}
.hospital-info li img {float:left; margin:0 8px 0 0;}
.hospital-info li:first-child {border-bottom:1px solid #eee;}
.hospital-info li .hp-info {float:left; width:85%; margin:12px 0 0}
.hospital-info li .hp-info dt {float:left; font-size:21px; line-height:22px; color:#333; margin:5px 20px 5px 0}
.hospital-info li .hp-info dd {float:left; font-size:20px; line-height:22px; color:#666; margin:5px 0}

/* 진료시간 */
.treatinfo-wrap {position:relative; float:left; width:100%; margin:40px 0;}

.cst-time-wrap {position:relative; float:left; width:600px; height:570px; background:url(/images/sub/intro3_bg.png) no-repeat center ;}
.inner-time-box {position:absolute;left:90px; top:75px; width:520px; height:400px; background:url(/images/sub/bg_timebox.png) repeat ;z-index:5 }

.inqury-box {position:relative; float:right; width:600px; height:570px; background:linear-gradient(to right, #001970, #223d8c) ;}
.inqury-box .divide { position:absolute; left:0; top:285px; width:100%;  height:1px;  border-top:1px solid #3b4f98;}
.cst-time {position:relative;width:485px; margin:0 auto; padding-top:42px;}
.cst-time h2 { float:left; width:100%; /* text-align:center;  */font-size:30px; line-height:40px; color:#fff; margin-bottom:25px;}
.cst-time li {display:block; float:left; width:100%; margin-bottom:15px; line-height:28px; color:#fff;}
.cst-time li dt {float:left; width:20%;font-size:15px;}
.cst-time li dd {float:left; width:80%;font-size:22px; font-family: 'OpenSans-Regular'; }
.cst-time li dd span.bold{font-size:30px}
.cst-time li dd span.yellow{font-size:18px; color:#e6ca37; }
.cst-time h3 {float:left; width:100%; text-align:center; font-size:18px; color:#1f81cc; line-height:18px; border-top:2px solid #1f81cc; padding-top:15px;margin-top:10px;}

.cst-time2 {position:relative;width:490px; margin:0 auto;}
.cst-time2 h2 { float:left; width:100%; /* text-align:center;  */font-size:30px; line-height:40px; color:#fff; margin-bottom:25px; margin-top:14px}
.cst-time2 li {display:block; float:left; width:31.5%;margin:0 0.7% 15px; line-height:45px; height:45px; font-size:18px;border:2px solid #385198; border-radius:8px; color:#fff; text-align:center; }


@media all and (max-width:1280px) {

}
@media all and (max-width:1200px) {
.cst-time-wrap {width: 100%;}
.inqury-box {width: 100%;}
.cst-time-wrap {background-size:cover}

}
@media all and (max-width:950px) {

/*찾아오시는길*/

.hospital-info {position:relative; float:left; width:100%; /* margin:20px 0 0; */  }
.hospital-info li {display:inline-block; float:left; width:100%; padding-left:3.2%; vertical-align:middle; padding-top:10px; padding-bottom:10px;}
.hospital-info li img {float:left; margin:0 8px 0 0;}
.hospital-info li:first-child {border-bottom:1px solid #eee;}
.hospital-info li .hp-info {float:left; width:85%; margin:12px 0 0}
.hospital-info li .hp-info dt {float:left; font-size:21px; line-height:22px; color:#333; margin:5px 20px 5px 0}
.hospital-info li .hp-info dd {float:left; font-size:20px; line-height:22px; color:#666; margin:5px 0}

}

@media all and (max-width:750px) {

}
@media all and (max-width:550px) {
/* 진료시간 */
.treatinfo-wrap {position:relative; width:100%; margin:40px 0;}

.cst-time-wrap {position:relative;width:100%; height:400px; background:url(/images/sub/bg_inside.png) no-repeat center ;}
.inner-time-box {position:absolute;left:90px; top:75px; width:520px; height:400px; background:url(/images/sub/bg_timebox.png) repeat ;z-index:5 }

.inqury-box {position:relative; float:right; width:100%; height:560px; background:#223d8c;}
.inqury-box .divide { position:absolute; left:0; top:340px; width:100%;  height:1px;  border-top:1px solid #3b4f98;}
.cst-time {position:relative;width:280px; margin:0 auto; padding-top:30px;}
.cst-time h2 { float:left; width:100%; /* text-align:center;  */font-size:24px; line-height:40px; color:#fff; margin-bottom:25px;}
.cst-time li {display:block; float:left; width:100%; margin-bottom:15px; line-height:28px; color:#fff;}
.cst-time li dt {float:left; width:25%;font-size:15px;}
.cst-time li dd {float:left; width:75%;font-size:22px; font-family: 'OpenSans-Regular'; }
.cst-time li dd span.bold{font-size:22px}
.cst-time li dd span.yellow{font-size:16px; color:#e6ca37; }
.cst-time h3 {float:left; width:100%; text-align:center; font-size:18px; color:#1f81cc; line-height:18px; border-top:2px solid #1f81cc; padding-top:15px;margin-top:10px;}

.cst-time2 {position:relative;width:280px; margin:0 auto;}
.cst-time2 h2 { float:left; width:100%; /* text-align:center;  */font-size:24px; line-height:40px; color:#fff; margin-bottom:20px; margin-top:10px}
.cst-time2 li {display:block; float:left; width:31%;margin:0 0.5% 10px; line-height:45px; height:45px; font-size:15px;border:2px solid #385198; border-radius:8px; color:#fff; text-align:center; }
}
@media all and (max-width:400px) {
.hospital-info li img { width: 45px;}
.hospital-info li .hp-info dd {  font-size: 14px;}
.hospital-info li .hp-info {margin: 8px 0 0;}
}

/**/
h2.sub_tit{font-size:28px; color:#444; text-align:center;  padding:60px 0 45px 0; margin-bottom:30px; font-weight:500;  background:url('/images/sub/sub_logo2_.png') no-repeat bottom center;}
p.sub_txt{font-size:18px; color:#555; line-height:1.5em; margin-bottom:10px; font-weight:400; font-family: 'Pretendard';}
ul.ul_st01{font-size:16px; color:#555; font-weight:500; overflow:hidden;}
ul.ul_st01 li{padding:15px 0; border-bottom:1px dashed #bebebe; line-height:28px; list-style:none;  counter-increment: chapter; font-family: 'Pretendard';}
ul.ul_st01.half li{width:50%; float:left;font-family: 'Pretendard';}
ul.ul_st01 li:before{content:counter(chapter); width:28px; height:28px; background-color:#0156b5; border-radius:50%; display:block;
									line-height:28px; text-align:center; float:left; margin-right:10px; color:#fff; font-weight:500;}
.li_tit{color:#0156b5; font-size:18px; font-weight:500;}
.fc_b{color:#0156b5 !important;}
.fc_g{color:#499201 !important;}

ul.ul_st02{font-size:18px; color:#555; width: 80%; margin: 0 auto; font-weight:500;     text-align: center;}
ul.ul_st02 li{border:8px solid #bdd7f4; width:163px; height:163px; ; text-align:center; border-radius:50%; display: inline-block; margin:0 1%; position:relative}
ul.ul_st02 li p{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 163px;font-family: 'Pretendard';}

ul.ul_st03{font-size: 17px; color: #555; font-weight: 400; overflow: hidden; text-align: center; } 
ul.ul_st03 li{padding: 5px 0; border-bottom: 1px dashed #bebebe; line-height: 28px; width: 49%; border-radius: 50px; border: 1px solid #499201; display: inline-block; position: relative; margin: 0 3px 6px;
background:url('/images/sub/check_bg.png') no-repeat 20px center;}
ul.ul_st03 li p{    float: left;  padding-left: 55px;font-family: 'Pretendard';}

ul.ul_st04{font-size: 22px; color: #555; font-weight: 500;  width:60%; margin:0 auto;} 
ul.ul_st04 li{background-color:#0156b5; color:#fff; padding:20px 25px;; margin-bottom:10px;font-family: 'Pretendard';}
ul.ul_st04 li span.num{color:yellow; margin-right:20px;}

ul.ul_st05{display: flex; flex-wrap: wrap;}
ul.ul_st05 li{width: 24%; margin: 0 0.5%; border: 1px solid #ccc; margin-bottom: 1em;}
ul.ul_st05 li .img{}
ul.ul_st05 li .img img{max-width:100%;}
ul.ul_st05 li h3{text-align: center; margin-top: .5em; margin-bottom: .5em; font-weight: 500;}

table.tb_st01 {}
table.tb_st01 tr td{border-bottom: 1px dashed #bebebe; padding: 20px 0;  font-size:17.5px;font-family: 'Pretendard';}
table.tb_st01 tr td span.num{ width:28px; height:28px;  border-radius:50%; display:block; line-height:28px; text-align:center; float:left; margin-right:10px; color:#fff; font-weight:500; padding: 0;}
table.tb_st01.blue tr td span.num{background-color:#0156b5;}
table.tb_st01.green tr td span.num{background-color:#499201;}
table.tb_st01 tr td:nth-child(1){vertical-align: top; font-size:18px; font-weight:500; line-height:28px; }
table.tb_st01.blue tr td:nth-child(1){color:#0156b5;}
table.tb_st01.green tr td:nth-child(1){color:#499201;}

.sub_img{margin:30px 0 ;}

.sub_bgimg{width:100%; height:320px;position:relative;}
.bgimg1{background:url('/images/sub/mpa1.png') no-repeat center center;}
.bgimg2{background:url('/images/sub/mpa2.png') no-repeat center center;}
.bgimg3{background:url('/images/sub/mpa3.png') no-repeat center center;}
.bgimg4{background:url('/images/sub/mpa4.png') no-repeat center center;}
.bgimg5{background:url('/images/sub/mpa5.png') no-repeat center center;}
.bgimg6 {background:url('/images/sub/mpa6.png') no-repeat center center;}
.bgimg7 {background:url('/images/sub/mpa7.png') no-repeat center center;}
.bgimg8 {background:url('/images/sub/mpa8.png') no-repeat center center;}
.bgimg9 {background:url('/images/sub/mpa9.png') no-repeat center center;}
.sub_bgtxt{font-size:33px; line-height:1.2em; font-weight:500; width:53%; position: absolute;top: 50%;right:0; transform: translateY(-50%); color:#555;}
.sub_bgtxt  .sub_txt{font-size:18px; margin-top:5px; font-weight:400; color:#555;}
.sub_bgtxt2{font-size:24px; }

@media all and (max-width:1280px) {

}
@media all and (max-width:1100px) {
}
@media all and (max-width:950px) {
ul.ul_st01.half li{width:100%;}
ul.ul_st03 li{width:100%;}
ul.ul_st04 {width:100%;}
}
@media all and (max-width:750px) {
.sub_bgtxt{width:63%;}
h2.sub_tit {  font-size: 25px;  padding: 50px 0 35px 0;}
p.sub_txt {  font-size: 16px;}
ul.ul_st01 { font-size: 15px;}
ul.ul_st02 {  font-size: 16px;}
ul.ul_st02 li { border: 6px solid #bdd7f4; width: 110px; height: 110px;}
ul.ul_st02 li p {width: 110px; }

ul.ul_st03 { font-size: 15px;}
ul.ul_st03 li {margin: 0;}
    
    ul.ul_st05{flex-wrap: wrap;}
ul.ul_st05 li{width: 49%; margin-bottom: 1em;}

.li_tit {  font-size: 18px;}
ul.ul_st01 li {font-size: 15px;}
table.tb_st01 tr td:nth-child(1) {font-size: 18px; width:35%;}
table.tb_st01 tr td {font-size:15px;}

.sub_bgimg {  height: 240px; background-size: cover; background-position:-90px center;}
.sub_bgtxt { font-size: 22px;}
.sub_bgtxt2 {font-size: 17px;}
.sub_bgtxt .sub_txt { font-size: 3vw;}

ul.ul_st04 { font-size: 13px;}



}
@media all and (max-width:550px) {
.sub_bgimg { height: 179px;  background-position: -126px center;}
ul.ul_st03 { font-size: 13px;}
ul.ul_st04 li span.num { margin-right: 12px;}
ul.ul_st04 li {font-size: 13px;}


}
@media all and (max-width:400px) {
}




.tabmenu2 { overflow: hidden; text-align: center; margin: 0 auto 50px; }
.tabmenu2 li { width: 160px; display: inline-block; *zoom:1; *display: inline; }
.tabmenu2 li a { display: block; line-height: 3.5em; border:1px solid #ddd; font-size: 1em; color:#555; }
.tabmenu2 li a:hover { color:#2954ae;  }
.tabmenu2 li.on a { background:#2954ae; color:#fff; }

.tabmenu2_2 li {width:250px;}

.tabmenu2 li.wide { width: 200px; }

@media screen and (max-width:976px) {

.tabmenu2 { }
.tabmenu2 li { width: 24%; margin-bottom: 3px; }

.tabmenu2_2 li {width:32.5%}

}

@media screen and (max-width:568px) {

.tabmenu2 li { padding: 0; }

}

/* 페이지 인식을 위한 부분 */
#page01 .tabmenu2  a.menu1,
#page02 .tabmenu2  a.menu2,
#page03 .tabmenu2  a.menu3,
#page04 .tabmenu2  a.menu4 { background:#001970; color:#fff; }