#wrap { width: 100%; }
article.outer { width: 1200px; margin: 0 auto; }
/* 헤더 */
#header_wrap { width: 100%; margin: 0 auto; }
#header { width: 1200px; height: 100px; margin: 0 auto; }
#header .logo { float: left; }
#header .logo h1 { padding: 30px 0 0 0; }
#header nav { position: relative; z-index: 9999; }
#header .nav_bg { width: 100%; background-color: white; height: 240px; z-index: 90; position: absolute; top: 100px; left: 0; display: none; }
#header ul.menu { position: relative; float: right;  text-align: center; z-index: 99; }
#header ul.menu li { position: relative; float: left; width: 150px; }
#header ul.menu li:hover { border-bottom: 3px solid #5e66b9; }
#header ul.menu li a { font-size: 23px; padding: 40px 0 37px 0; display: block; font-weight: bold;}
#header ul.menu_sub { position: absolute; top: 100px; left: 0; background-color: white; display: none; }
#header ul.menu_sub li:hover { border-bottom: none; }
#header ul.menu_sub li a { font-size: 16px; padding: 15px 0;  color: #777; }
#header ul.menu_sub li a:hover { color: #5e66b9; opacity: .8; }

/* 모바일메뉴 라이브러리 */
/* 상단바 */
.mobile-top-bar {
  position: absolute;
  top:0;
  right:0;
  width:100%;
  z-index:1;
  display: none;
}
.left-side-bar-box {
  display: none;
}

/* 토글 사이드바 버튼 아이콘 */
.ico {
  position:absolute;
  top:40px;
  right:10px;
  width:25px;
  height:18px;
  transform:translatey(-50%);
  cursor:pointer;
}
.ico > div {
  position:absolute;
  top:0;
  right: 0;
  width:100%;
  height:20%;
  border-radius: 200px;
  background-color:#333;
}
.ico > div:nth-child(2) {
  top:40%;
  transition:visibility 0s .15s;
}
.ico.active > div:nth-child(2) {
  visibility:hidden;
  transition:visibility 0s;
}
.ico > div:nth-child(3) {
  top:80%;
}
.ico > div:nth-child(1), .ico > div:nth-child(3) {
  transition:top .15s .15s, transform .15s;
}
.ico.active > div:nth-child(1), .ico.active > div:nth-child(3) {
  top:40%;
  transform:rotate(45deg);
  transition:top .15s, transform .15s .15s;
}
.ico.active > div:nth-child(3) {
  transform:rotate(-45deg);
}

/* 아이콘 색 변화 */
/* .ico[data-ico-now-animating="Y"] > div {
  background-color:red;
} */
/* 라이브러리 끝 */

/* 커스텀 */
/* 우측 사이드 바 */
/* 우측 사이드바 배경 */
.left-side-bar-box {
  position:fixed;
  top:0;
  right: 0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0);
  visibility:hidden;
  transition:visibility .5s, background-color .5s;
}
.left-side-bar-box.active {
  background-color:rgba(0,0,0,0.5);
  visibility:visible;
}

/* 좌측 사이드바 */
.left-side-bar {
  position:fixed;
  top:0;
  right:-200px;
  width:250px;
  height:100%;
  background-color:#fff;
  padding-top:80px;
  transition:right .5s;
}
.left-side-bar-box.active > .left-side-bar {
  right:0;
}
.left-side-bar > .menu-1 ul > li > a {
  padding: 10px 15px;
  display:block;
  background-color:#e1e7f3;
  border-bottom: 1px solid #ccc;
}
.left-side-bar > .menu-1 ul > li:hover > a {
  color:red;
}
/* 혼자가 아닌 a 에 +를 붙혀준다 */
.left-side-bar > .menu-1 ul > li > a:not(:only-child)::after {
  padding-left: 10px;
  content:"+";
}
/* 엑티브가 있는 메뉴(펼쳐진 메뉴)에 a에 - 를 붙혀준다 */
.left-side-bar > .menu-1 ul > li.active > a:not(:only-child)::after {
  content:"-";
}
.left-side-bar > .menu-1 > ul ul {
  display:none;
}
.left-side-bar > .menu-1 ul > li.active > ul {
  display:block;
}
.left-side-bar > .menu-1 ul > li.active > ul li a{
  font-size: 14px;
  background-color: transparent;
  border-bottom: 1px solid #ddd;
}






/* 배너 */
#banner { width: 100%; height: auto; margin-bottom: 100px;}
#banner .slide01 { width: 100%; height: 750px; position: relative; background-image: url(../img/main/banner.jpg); background-repeat: no-repeat; background-size: contain; }
#banner .slide01 .text_box { width: 1200px; margin: 0 auto; }
#banner .slide01 .text_box .position { position: absolute; top: 50%; left: 19%; transform: translateY(-50%);}
#banner .slide01 .text_box p { font-size: 40px; color: #0075a2; padding: 13px 0; }
#banner .slide01 .text_box p span { font-weight:bold; }



/* 컨텐츠 01*/
#contents_wrap { width: 100%; }
#contents01 { width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 100px; }
#contents01 .item { background-repeat: no-repeat; background-size: cover; position: relative; }
#contents01 .item .text_box { position: absolute; top: 50%; left: 25px; transform: translateY(-50%); }
#contents01 .item .text_box h2 { font-size: 32px;  font-weight: bold; color: #5e66b9; margin: 15px 0; }
#contents01 .item .text_box p { font-size: 20px; margin: 5px 0; }
#contents01 .item .text_box a { font-size: 18px; margin: 15px 0; padding: 5px; display: inline-block; border: 1px solid #5e66b9; position: relative; }
#contents01 .item .text_box a:hover { background: #5e66b9; color: #fff; transition: all .4s ease-in; }
#contents01 .item.nob01 { width: 400px; height: 300px; background-image: url(../img/main/contents01_01.jpg); }
#contents01 .item.nob02 { width: 400px; height: 300px; background-image: url(../img/main/contents01_02.jpg); }
#contents01 .item.nob03 { width: 400px; height: 300px; background-image: url(../img/main/contents01_03.jpg); }
#contents01 .item.nob04 { width: 600px; height: 300px; background-image: url(../img/main/contents01_04.jpg); }
#contents01 .item.nob05 { width: 600px; height: 300px; background-image: url(../img/main/contents01_05.jpg); }

/* 컨텐츠 02 */
#contents02 { width: 100%; height: 400px; background-image: url(../img/main/contents02_background.jpg); background-size: cover; background-repeat: no-repeat; margin-bottom: 200px; }
#contents02 .contents02_box { width: 1200px; height: 400px; margin: 0 auto;  position: relative; }
#contents02 .contents02_box h1 { font-size: 60px; color: #5e66b9; line-height: 75px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); }
#contents02 .contents02_box h1 span { display: block; font-size: 35px; font-weight: normal; color: #333; }
#contents02 .contents02_box h1 span::after { content: "\e93e"; font-family: "xeicon"; font-size: 30px; margin-left: 10px; }
#contents02 .contents02_box ul { display: flex; flex-wrap: wrap; text-align: center; position: absolute; top: 50%; right: 0; transform: translateY(-50%);  }
#contents02 .contents02_box ul li { padding: 0 0 0 40px; }
#contents02 .contents02_box ul li a { width: 150px; height: 150px; background:rgba(255,255,255,.8); display: block; border-radius: 150px; position: relative;  
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.5s ease-in-out; 
  }
#contents02 .contents02_box ul li a:hover { 
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
#contents02 .contents02_box ul li a img { width: 80px; max-height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#contents02 .contents02_box ul li p { margin-top: 20px; font-size: 18px; font-weight: bold; color: #fff;}

/* 컨텐츠 03 */
#contents03 { width: 100%; margin-bottom: 100px; }
#contents03 .inner { width: 1200px; margin: 0 auto; display: flex; }
#contents03 .inner .cont03_left { width: 500px; color: #333; }
#contents03 .inner .cont03_left h1 { margin-bottom: 20px; font-size: 24px; color: #5e66b9; border-bottom: 1px solid #5e66b9; display: inline-block;}
#contents03 .inner .cont03_left h2 { margin-bottom: 20px; font-size: 26px; line-height: 34px; }
#contents03 .inner .cont03_left h2 span { display: block; }
#contents03 .inner .cont03_left p { font-size: 18px; line-height: 24px; }
#contents03 .inner .cont03_left p span { display: block; }
#contents03 .inner .cont03_right .slide_view button { position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; font-size: 0; border: none; width: 50px; height: 50px; cursor: pointer; }
#contents03 .inner .cont03_right .slide_view button::before { font-family: 'xeicon'; font-size: 24px; }
#contents03 .inner .cont03_right .slide_view button.slick-prev { left: 0; }
#contents03 .inner .cont03_right .slide_view button.slick-prev::before { content: "\e93b"; }
#contents03 .inner .cont03_right .slide_view button.slick-next { right: 0; }
#contents03 .inner .cont03_right .slide_view button.slick-next::before { content: "\e93e"; }
#contents03 .inner .cont03_right .slide_view div { width: 700px; }

/* 컨텐츠 04 */
#contents04 { width: 100%; margin-bottom: 100px; }
#contents04 .inner { width: 1200px; height: auto; margin: 0 auto; display: flex; }
#contents04 .inner .cont04_left { width: 850px; height: auto; }
#map { width: 100%; height: 500px; }
#map .custom_map { padding: 15px; }
#map .custom_map a { color: #41a8cf; }
#contents04 .inner .cont04_right { width: 350px; height: auto; background-color: #84b4db;  }
#contents04 .inner .cont04_right .top { padding: 175px 0px; text-align: center; color: #fff;}
#contents04 .inner .cont04_right .top h2 { font-size: 32px; margin-bottom: 10px; }
#contents04 .inner .cont04_right .top h2::before { content: url(../img/main/contents04_icon1.png); vertical-align: middle; margin-right: 10px; }
#contents04 .inner .cont04_right .top p { color: #fff; padding: 10px 0; font-size: 18px; }

#contents04 .inner .cont04_right .bot { padding: 40px 40px; color: #fff; }
#contents04 .inner .cont04_right .bot h2 { font-size: 32px; margin-bottom: 40px; text-align: center; }
#contents04 .inner .cont04_right .bot h2::before { content: url(../img/main/contents04_icon2.png); vertical-align: middle; margin-right: 10px; }
#contents04 .inner .cont04_right .bot p { color: #fff; padding: 10px 30px; font-size: 18px; }
#contents04 .inner .cont04_right .bot p.color { color: rgb(230, 39, 39); text-align: center; }
#contents04 .inner .cont04_right .bot p span { float: right; }



/* 푸터 */
#footer_wrap { width: 100%; background-color: #e3e3e9; }
#footer { width: 1200px; height: 200px; margin: 0 auto; display: flex; align-items: center; }
#footer .copy p { padding: 5px 150px; color: #555; font-weight: 100;}
#footer .copy p span::after { content: ' / '; }

/* 레이어 팝업 */
#popup1 { width: 350px; height: 490px; border: 1px solid #555; background: #eee; position: absolute; top: 140px; left: 100px; z-index: 999; display: none; }
#popup1 .close { float: right; margin-right: 0px; }
#popup1 .close #close {  margin-left: 20px; margin-right: 5px; cursor: pointer; }

#popup2 { width: 350px; height: 490px; border: 1px solid #555; background: #eee; position: absolute; top: 200px; left: 770px; z-index: 999; display: none; }
#popup2 .close { float: right; margin-right: 0px; }
#popup2 .close #close2 {  margin-left: 20px; margin-right: 5px; cursor: pointer; }

#popup3 { width: 350px; height: 490px; border: 1px solid #555; background: #eee; position: absolute; top: 200px; left: 1140px; z-index: 999; display: none; }
#popup3 .close { float: right; margin-right: 0px; }
#popup3 .close #close3 {  margin-left: 20px; margin-right: 5px; cursor: pointer; }

#popup4 { width: 420px; height: 600px; border: 1px solid #555; background: #eee; position: absolute; top: 300px; left: 730px; z-index: 999; display: none; }
#popup4 .close { float: right; margin-right: 0px; }
#popup4 .close #close4 {  margin-left: 20px; margin-right: 5px; cursor: pointer; }












/* 서브페이지 */
/* 통합배너 */
#banner_sub { width: 100%; }
#banner_sub .banner_bg { width: 100%; height: 300px; background-repeat: no-repeat; background-size: cover; margin-bottom: 100px; position: relative; }
#banner_sub .banner_bg.bg02 { background-image: url(../img/sub/banner_sub_bg02.jpg); }
#banner_sub .banner_bg.bg03 { background-image: url(../img/sub/banner_sub_bg03.jpg); }
#banner_sub .banner_bg.bg04 { background-image: url(../img/sub/banner_sub_bg04.jpg); }
#banner_sub .banner_bg.bg05 { background-image: url(../img/sub/banner_sub_bg05.jpg); }
#banner_sub .banner_bg ul.banner_text { display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; font-size: 32px; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; font-weight: bold; color: #ffffff; }
#banner_sub .banner_bg ul.banner_text li::after { content: '>'; padding: 0 15px; }
#banner_sub .banner_bg ul.banner_text li:nth-of-type(3)::after { content: ''; }
/* 통합컨텐츠 */
#sub_contents_wrap { width: 100%; margin-bottom: 100px; }
#sub_contents_wrap .wrap_map { height: 500px; }
#sub_contents .subcon_title { margin-bottom: 50px; }
#sub_contents .subcon_title h1.title_line { font-size: 24px; border-left: 3px solid #0075a2; padding: 10px 0 10px 10px; color: #333; }
#sub_contents .subcon_title .line { width: 100%; height: 1px; background-color: #eee; margin-top: 20px; }
#sub_contents .subcon_text { position: relative; }
#sub_contents h2.title_sub { text-align: center; font-size: 24px; margin-bottom: 30px; font-weight: normal; }
#sub_contents .subcon_title_map { margin-bottom: 0px; }
#sub_contents .subcon_title_map h1.title_line { font-size: 24px;  padding: 0px 0 10px 10px; color: #333; }
#sub_contents .subcon_title_map .line { width: 100%; height: 1px; background-color: #eee; margin-top: 20px; }


/* P1010 인사말 */
.intro_box { width: 1200px; height: 600px; position: relative;}
.intro_box ul li img { position: absolute; top: 0; right: 0; z-index: -1; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.intro_box ul li p.intro_text { display: none; }
.intro_box ul li p.intro_sub { display: none; }
.sub_box { margin-top: 50px; }
.sub_box p { padding: 20px 180px 20px 0; font-size: 18px; line-height: 28px; color: #666; }



/* P1020 의료진 */
#sub_contents .intro_box ul { display: flex; background-size:contain;}
#sub_contents .inner { width: calc(100% - 40px); display: flex; margin-bottom: 100px; padding: 40px; background-color: rgb(245, 245, 245); background-size:contain;}
/* #sub_contents .inner .intro_img { width: 40%; } */
#sub_contents .inner .intro_img img { width: 100%; background-size:contain;}
#sub_contents .inner .intro_text { width: 60%;  background-size:contain;}
#sub_contents .inner .intro_box { width: 100%; margin-bottom: 50px; display: flex; background-size:contain;}
#sub_contents .inner .intro_text h2 { font-size: 28px; border-bottom: 1px solid #ddd; padding: 20px 50px; margin-bottom: 20px; color: #444; background-size:contain;} 
#sub_contents .inner .intro_text h2 span { font-weight: normal; padding-left: 20px; background-size:contain;}
#sub_contents .inner .flex_box_pc { padding-left: 50px; padding-bottom: 0px; display: flex; margin: px 0; background-size:contain;}
#sub_contents .inner .flex_box_1 { display: none;}
#sub_contents .inner .flex_box { display: none;}  
#sub_contents .inner .intro_text p.title { font-size: 22px; font-weight: 300; color: #fba041; background-size:contain;}
#sub_contents .inner .intro_text ul { font-size: 16px; display: block; padding-left: 00px; background-size:contain;}
#sub_contents .inner .intro_text ul li { padding-left: 100px; line-height: 25px; background-size:contain;}

#sub_contents .history_wrap .item .cont,
#sub_contents .history_wrap .item .image {
  width: 50%;
  box-sizing: border-box;
}

#sub_contents .history_wrap { 
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 50px auto;
  overflow-y: auto;
}

#sub_contents .history_wrap::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #999;
}

#sub_contents .history_wrap .item { 
  clear: both;
  padding-top: 40px;
}

#sub_contents .history_wrap .item:first-child {
  padding-top: 0;
}

#sub_contents .history_wrap .item .cont{ 
  float: right;
  position: relative;
  padding-left: 5%;
}

#sub_contents .history_wrap .item:nth-child(even) .cont {
  float: left;
  padding-left: 0;
  padding-right: 5%;
}

#sub_contents .history_wrap .item .cont strong { 
  display: block;
  font-size: 27px;
  font-weight: 500;
  color: #fba041;
}

#sub_contents .history_wrap .item .cont strong::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -8px;
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  background: #fff;
  border: 5px solid #e56a39;
  box-sizing: border-box;
}

#sub_contents .history_wrap .item:nth-child(even) .cont strong::before {
  left: auto;
  right: -8.5px;
}

#sub_contents .history_wrap .item .cont ol { padding: 20px 0 74px; }
#sub_contents .history_wrap .item .cont li { font-size: 17px; color: #666; line-height: 30px; }


/* Mobile Device (가로폭 767px 이하) */
@media all and (max-width:767px) {


    #sub_contents .intro_box ul { display: flex; background-size:contain;}
    #sub_contents .inner { width:100%; display: flex; margin-bottom: 100px; padding: 40px; background-color: rgb(245, 245, 245); background-size:contain;}
    /* #sub_contents .inner .intro_img { width: 40%; } */
    #sub_contents .inner .intro_img img { display:none;}
    #sub_contents .inner .intro_text { width: 100%;  background-size:contain;}
    #sub_contents .inner .intro_box { width: 100%; margin-bottom: 50px; display: flex; background-size:contain;}
    #sub_contents .inner .intro_text h2 { font-size: 28px; border-bottom: 1px solid #ddd; padding: 20px 0px; margin-bottom: 20px; color: #444; background-size:contain;} 
    #sub_contents .inner .intro_text h2 span { font-weight: normal; padding-left: 20px; background-size:contain;}
    #sub_contents .inner .flex_box_1 { padding-left: 0px; padding-bottom: 50px; display: flex; margin: px 0; background-size:contain;}
    #sub_contents .inner .flex_box { padding-left: 0px; display: flex; margin: px 0; background-size:contain;}
    #sub_contents .inner .intro_text p.title { font-size: 22px; font-weight: 300; color: #fba041; background-size:contain;}
    #sub_contents .inner .intro_text ul { font-size: 16px; display: block; padding-left: 00px; background-size:contain;}
    #sub_contents .inner .intro_text ul li { padding-left: 20px; line-height: 25px; background-size:contain;}

    #sub_contents .history_wrap .item .cont,
    #sub_contents .history_wrap .item .image {
      width: 50%;
      box-sizing: border-box;
    }

    #sub_contents .history_wrap { 
      position: relative;
      width: 100%;
      max-width: 1000px;
      margin: 50px auto;
      overflow-y: auto;
    }

    #sub_contents .history_wrap::before {
      position: absolute;
      top: 0;
      left: 50%;
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      background-color: #999;
    }

    #sub_contents .history_wrap .item { 
      clear: both;
      padding-top: 40px;
    }

    #sub_contents .history_wrap .item:first-child {
      padding-top: 0;
    }

    #sub_contents .history_wrap .item .cont{ 
      float: right;
      position: relative;
      padding-left: 5%;
    }

    #sub_contents .history_wrap .item:nth-child(even) .cont {
      float: left;
      padding-left: 0;
      padding-right: 5%;
    }

    #sub_contents .history_wrap .item .cont strong { 
      display: block;
      font-size: 27px;
      font-weight: 500;
      color: #fba041;
    }

    #sub_contents .history_wrap .item .cont strong::before {
      content: "";
      position: absolute;
      top: 5px;
      left: -8px;
      display: block;
      width: 17px;
      height: 17px;
      border-radius: 100%;
      background: #fff;
      border: 5px solid #e56a39;
      box-sizing: border-box;
    }

    #sub_contents .history_wrap .item:nth-child(even) .cont strong::before {
      left: auto;
      right: -8.5px;
    }

    #sub_contents .history_wrap .item .cont ol { padding: 20px 0 74px; }
    #sub_contents .history_wrap .item .cont li { font-size: 17px; color: #666; line-height: 30px; }

}

/* P1030 둘러보기 */
.tabs {
  padding-top:30px;
}

.tab {
  display:none;
}

.tab.active {
  display:block;
}

button.p1030 {
  width:200px;
  height:50px;
  font-size:18px;
  border: 1px solid #aaa;
  background-color: #fff;
  display:inline-block;
  cursor: pointer;
}

button.active {
  background-color:#5e66b9;
  color: #fff;
}

.slider-for{
	width: 50%;
	margin: 00px 312px 1px;
	overflow: hidden;
}
.slider-for h1{
    display: none;
}
.slide-for img {
	max-width: 100%;
	height: auto;
}

.slider-nav {
	width: 48%;
	height: auto;
	margin: auto;
  position: relative;
}

.slider-nav img { 
  max-width: 100%;
  height: auto;
}
   
.slider-nav .slick-track{
	height: auto;
  margin-top: 30px;
}
.slider-nav .slick-slide {
  padding: 0 10px;
}

.slider-nav .slick-arrow {
	position: absolute;
  top: 65%;
  transform: translateY(-50%);
  z-index: 50;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  border: 0px;
  background: rgba(0,0,0,0.8);
  font-size: 0;  
}
.slider-nav .slick-arrow:hover {
  background: rgba(0,0,0,0.8);
}
.slider-nav .slick-arrow:focus {
  background: rgba(0,0,0,0.8);
}
.slider-nav .slick-arrow::before {
  font-family: "xeicon"; color: #fff; font-size: 20px;
}
.slider-nav .slick-prev{
	left: 0;
}
.slider-nav .slick-prev::before{
  content: "\e93b";
}
.slider-nav .slick-next{
	right: 0;
}
.slider-nav .slick-next::before{
  content: "\e93e"; 
}

/* Mobile Device (가로폭 767px 이하) */
@media all and (max-width:767px) {

  .tabs {
    padding-top:30px;
  }
  
  .tab {
    display:none;
  }
  
  .tab.active {
    display:block;
  }
  
  button.p1030 {
    width:200px;
    height:50px;
    font-size:18px;
    border: 1px solid #aaa;
    background-color: #fff;
    display:inline-block;
    cursor: pointer;
  }
  
  button.active {
    background-color:#5e66b9;
    color: #fff;
  }
  
  .slider-for{
    width: 100%;
    margin: 30px auto 1px;
    overflow: hidden;
  }
  .slider-for h1{
      display: none;
  }
  .slide-for img {
    max-width: 100%;
    height: auto;
  }
  
  .slider-nav {
    width: 90%;
    height: auto;
    margin: auto;
    position: relative;
  }
  
  .slider-nav img { 
    max-width: 100%;
    height: auto;
  }
     
  .slider-nav .slick-track{
    height: auto;
    margin-top: 30px;
  }
  .slider-nav .slick-slide {
    padding: 0 10px;
  }
  
  .slider-nav .slick-arrow {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    z-index: 50;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    border: 0px;
    background: rgba(0,0,0,0.8);
    font-size: 0;  
  }
  .slider-nav .slick-arrow:hover {
    background: rgba(0,0,0,0.8);
  }
  .slider-nav .slick-arrow:focus {
    background: rgba(0,0,0,0.8);
  }
  .slider-nav .slick-arrow::before {
    font-family: "xeicon"; color: #fff; font-size: 20px;
  }
  .slider-nav .slick-prev{
    left: 0;
  }
  .slider-nav .slick-prev::before{
    content: "\e93b";
  }
  .slider-nav .slick-next{
    right: 0;
  }
  .slider-nav .slick-next::before{
    content: "\e93e"; 
  }
  
  }



/* P1030 진료안내 */
table.time {
  width: 100%;
  border: 1px solid #aaa;
  line-height: 1.5;
  word-break: keep-all;
  color: #555;
  text-align: center;
  font-size: 16px;
  margin-bottom: 100px;
}
table.time th {
  border-top: 2px solid #00aeef;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px;
  font-weight: normal;
  background: #f9f9f9; ;
}
table.time th.big {
  width: 50%;
}
table.time th.small{
  width: 20%;
}
table.time th.middle {
  width: 30%;
}

table.time td {
  padding: 20px;
  vertical-align: middle;
  border: 1px solid #ddd;
  background: #f9f9f9;
}
table.time td.none-color{
  background: #fff;
}
.p1030_box { display: flex; justify-content:start; }
ul.p1030 { margin-bottom: 50px; font-size: 16px; width: 600px; }
ul.p1030 h1 { font-size: 20px; padding-bottom: 20px; color: #0082a1 ; }
ul.p1030 li { padding: 5px 0; list-style: square; list-style-position: inside; }



/* P2010 주사치료 */
ul.list-info { border-top: 2px solid #333; position: relative; margin-bottom: 50px; }
ul.list-info li { padding: 15px 15px 15px 55px; border-bottom: 1px solid #ddd;}
ul.list-info::before { 
  position: absolute;
  content: '';
  top: 2px;
  left: 35px;
  width: 3px;
  height: 100%;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: none;
}
ul.list-type h1 { border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px; background-color: #f7f7f7; color: #333; line-height: 24px; }
ul.list-type li ul { display: flex; border-bottom: 1px solid #ddd; padding: 20px 0; }
ul.list-type li ul li:last-child { padding: 30px 60px; }
ul.list-type li ul li img { border-radius: 10px; }
ul.list-type li ul li h2 { padding-bottom: 15px; font-size: 22px; color: #0082a1; }
ul.list-type li ul li p { padding: 5px 0; color: #666; }
ul.list-type li ul li p::before { content: '*'; font-size: 10px; vertical-align: top; }

ul.list-type.mb { margin-bottom: 50px; }
ul.list-type li ul li p.none-deco { padding-right: 250px; line-height: 24px; }
ul.list-type li ul li p.none-deco::before { content: ''; }
ul.list-type li ul li .item-wrap { margin-bottom: 20px; }
ul.list-type li ul li.none-pd:last-child { padding: 0px 60px; }


/* P2020 체외충격파 */
ul.p2020 { display: flex; width: 100%; }
ul.p2020 span { color: #0082a1; }
ul.p2020.reverse { flex-direction: row-reverse; }
ul.p2020 li:last-child { padding: 40px; width: 100%; }
ul.p2020 li h2 { font-size: 22px; padding-bottom: 20px; line-height: 30px; }
ul.p2020 li p { font-size: 18px; line-height: 24px; }
ul.p2020 li ul { list-style: square; list-style-position: inside; }
ul.p2020 li ul li { line-height: 26px; }
ul.p2020 li ul li:last-child { padding: 0; }



/* P3010 건강검진  */
.tabb { width: 100%; margin-bottom: 50px; }
.tabnav{ display: flex; }
.tabnav li { text-align:center; width: 50%; }
.tabnav li a { position:relative; display:block; background: #e8e8e8; color: #666; font-size:20px; text-align: center; padding: 25px 0; }
.tabnav li a::before { font-family:"FontAwesome"; font-size: 46px; vertical-align: middle; padding-right: 10px; }
.tabnav li a.male::before { content: "\f183"; }
.tabnav li a.female::before { content: "\f182"; }
.tabnav li a.active { background:#3478c1; color: #fafafa }
.tabnav li a.active::after { content: "\f00c"; font-family: FontAwesome; padding-left: 10px; font-size: 20px; vertical-align: middle; }
.tabcontent { border: 1px solid #3478c1; }
.tabcontent table { width: calc(100% - 200px); margin: 0px 100px; }
.tabcontent table tr { padding: 50px 0; border-bottom: 1px solid #eee; }
.tabcontent table tr td { width: 33.3%; vertical-align: top; }
.tabcontent table tr td h3 { color: #3478c1; font-weight: normal; padding: 50px 0; }
.tabcontent table tr td ul { list-style: square; list-style-position: inside; padding: 50px 0; }
.tabcontent table tr td ul li { padding-bottom: 15px; }

table.p3010 { width: 100%; text-align: center; color: #666; margin-bottom: 50px; }
table.p3010 thead tr { border-top: 2px solid #3478c1; color: #333; background-color: #f5f5f5; }
table.p3010 thead tr td { border: 1px solid #ddd; padding: 20px 0; }
table.p3010 tr td { border: 1px solid #ddd; padding: 20px 0; }
table.p3010 tr td.main { background-color: #f5f5f5; color: #333; }

ul.p3010 { display: flex; color: #666; word-break: keep-all; margin-bottom: 50px; }
ul.p3010 li .img { width: 300px; height: 400px; }
ul.p3010 li .img_m { display: none; }
ul.p3010 li .item_vuno { width: 550px; height: 300px; }
ul.p3010 li .item_vuno img { border-radius: 20px; border-radius: 20px; }
ul.p3010 li ul { padding: 0 0px 40px 60px; font-size: 16px; list-style: square; list-style-position: inside; }
ul.p3010 li ul h3 { font-size: 20px; padding-bottom: 10px; color: #333; }
ul.p3010 li ul.padding li { padding: 10px 0; }
ul.p3010 li ul li { line-height: 24px; }
ul.p3010 li ul li .item_vuno img { border-radius: 20px; }
ul.p3010 li ul li p { line-height: 24px; color: #666; }


/* p3020 소화기질환 */
.sub_wrap { width: 100%; height: auto; margin-bottom: 100px; }
.sub_wrap.sub { background-color: rgb(245, 245, 245); padding: 60px 0; margin-bottom: 50px; }
.sub_contents_box { width: 1200px; height: auto; margin: 0 auto; }
.sub_contents_box h2 { text-align: center; padding-bottom: 50px; font-size: 34px; letter-spacing: 2px; }
ul.p3020 { width: 100%; height: 400px; display: flex; }
ul.p3020 li { width: 50%; }
ul.p3020 li img.radius { border-radius: 20px; }
ul.p3020 li .p3020_title { margin-bottom: 20px; }
ul.p3020 li .p3020_title h1 { font-size: 30px; border-bottom: 2px solid #0082a1; color:#0082a1; margin: 50px 0 0 50px; padding-bottom: 10px; }
ul.p3020 li .p3020_text { height: 228px; padding: 30px 50px; background: #fff; font-size: 18px; line-height: 26px;}
ul.p3020 li .item_box { word-break: keep-all; position: relative; height: 100%; }
ul.p3020 li .item_text { position: absolute; top: 0%; left: 0;  padding: 0 40px; }
ul.p3020 li .item_text p.title { font-size: 24px; padding-bottom: 40px; line-height: 32px; }
ul.p3020 li .item_text p.title span { color: #0082a1; font-weight: bold; }
ul.p3020 li .item_text p.title_sub { font-size: 18px; line-height: 26px; color: #666; }
article.outer .symp { margin-bottom: 50px; }
article.outer .symp p.box { width: 250px; text-align: center; background-color: #3478c1; color: #fff; display: inline-block; font-size: 24px; padding: 20px 60px; border-radius: 10px; margin-bottom: 50px; }
article.outer .symp ul.flex-box { display: flex; justify-content: space-between; text-align: center; font-size: 18px; padding-bottom: 50px;}
article.outer .symp ul.flex-box li { width: 23%; background-color: rgb(245,245,245); border-radius: 10px; vertical-align: top; }
article.outer .symp ul.flex-box li p { padding: 60px 30px; display: block; line-height: 26px; word-break: keep-all;  }




/* P4010,p4020 서류발급,비급여안내*/
.subcon_text ul.p4010 { margin-right: 400px; list-style: square; list-style-position: inside; font-size: 16px; word-break: keep-all; margin-bottom: 100px; color: #333;}
.subcon_text ul.p4010 h2 { font-size: 20px; }
.subcon_text ul.p4010 p { line-height: 24px; }
.subcon_text ul.p4010 li { padding: 10px 0; line-height: 24px; }
.subcon_text .p4010_img { position: absolute; top: 0; right: 0; }
.subcon_text .p4010_img .chatbox { animation: motion .8s linear 0s infinite alternate; margin-top: 0;}
@keyframes motion {
	0% {margin-top: 0px; } 
	100% {margin-top: 20px; }
}
.table_wrap { width: 100%; }
table.non-benefit.mg-bt { margin-bottom: 50px; }
table.non-benefit {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  line-height: 1.5;
  word-break: keep-all;
  color: #555;
}
table.non-benefit th {
  padding: 10px;
  font-size: 18px;
  font-weight: normal;
  vertical-align: top;
  color: #0082a1;
  background: #b3d5f1; ;
}
table.non-benefit th.big {
  width: 30%;
}
table.non-benefit th.small{
  width: 20%;
}
table.non-benefit th.left {
  width: 30%;
}
table.non-benefit th.right {
  width: 70%;
}
table.non-benefit td {
  font-size: 15px;
  padding: 20px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  background: #eee;
}
table.non-benefit td ul { list-style: square; list-style-position: inside; }
table.non-benefit td ul li { padding: 3px 0; }
table.non-benefit td.center { text-align: center; }
table.non-benefit tr.middle td { vertical-align: middle; }