@charset "utf-8";

/****************************************/ 
/* Name: DESIGH WAVE
/* PART: CONTENTS STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/



section {position:relative; height:100vh; overflow:hidden;}

/*========== section_remote ==========*/
.section_remote {position:fixed; right:25px; top:50%; margin-top:-80px; z-index:999999;}
.section_remote span {display:block; width:10px; height:10px; margin:15px auto; text-indent:-99999px; border-radius:50%; box-sizing:border-box; cursor:pointer; background:#a4b58c;}
.section_remote span.sec_on {width:18px; height:18px; border:2px solid #a4b58c; background:none;}


/*========== visual_slider ==========*/
.slider_wrapper {height:100% !important;}
#visual_slider {width:100%; height:100% !important; color:#fff; padding:0 !important;}
.devrama-slider, .projector, .primary-img {height:100% !important;}
/*.navigation {width:100%; height:auto !important; bottom:5% !important;}
.navigation span {margin:0 10px;}
.navigation .inner {width:100%;}*/

/*========== overview ==========*/
.overview {background:url(../_img/main/sec01_bg.jpg) no-repeat center; background-size:cover;}
.overview p {position:relative; left:120px; opacity:0; transition:all 0s ease;}
.overview p.active {left:0; opacity:1; transition:left .8s ease .5s, opacity .8s ease .5s, transform .8s ease .5s;}

/*ul.overview_list {position:relative; bottom:-50px; width:100%; overflow:hidden; margin-top:70px; opacity:0;}
ul.overview_list.active {bottom:0; opacity:1; transition:bottom .8s ease .5s, opacity .8s ease .5s, transform .8s ease .5s;}*/
ul.overview_list {position:absolute; bottom:0; left:50%; margin-left:-600px; width:100%; overflow:hidden; z-index:9999;}
ul.overview_list li {position:relative; float:left; width:239px; height:135px; overflow:hidden; box-sizing:border-box; background:rgba(0,0,0,0.5); margin-left:1px;}
ul.overview_list li:first-of-type {margin-left:0; width:240px;}
ul.overview_list li a {display:block; width:100%; height:100%; box-sizing:border-box; padding:34px 0; color:#fff; font-size:28px; line-height:45px; text-align:center; font-weight:600; text-decoration:none;}

#deco_dog {position:absolute; bottom:-100px; left:-22%; opacity:0;}

/*arrow*/
ul.overview_list li .center-con {display:flex; align-items:center; justify-content:center;}
ul.overview_list li .round {position:absolute; bottom:20px; width:30px; height:30px; border-radius: 100%; background:rgba(255,255,255,0.2);}
ul.overview_list li #cta{position:absolute; width:100%; cursor:pointer;}
ul.overview_list li #cta .arrow{left:27%;}
ul.overview_list li .arrow {position:absolute; top:9px; bottom:0; width:12px; height:12px; margin-left:0px; background-size:contain;}
ul.overview_list li .segunda{margin-left: 8px;}
ul.overview_list li .next {background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {animation-name: bounceAlpha; animation-duration:1.4s; animation-iteration-count:infinite; animation-timing-function:linear;}
.arrow.primera.bounceAlpha {animation-name: bounceAlpha; animation-duration:1.4s; animation-delay:0.2s; animation-iteration-count:infinite; animation-timing-function:linear;}
.round:hover .arrow {animation-name: bounceAlpha; animation-duration:1.4s; animation-iteration-count:infinite; animation-timing-function:linear;}
.round:hover .arrow.primera {animation-name: bounceAlpha; animation-duration:1.4s; animation-delay:0.2s; animation-iteration-count:infinite; animation-timing-function:linear;}


/*========== banner-slider ==========*/
ul.banner-slider {width:100%; height:575px; overflow:hidden;}
ul.banner-slider li {width:100% !important; overflow:hidden;}
ul.banner-slider li .pic {float:left; width:720px; height:100%; overflow:hidden;}
ul.banner-slider li .txt {float:right; width:480px; height:100%; box-sizing:border-box; padding-left:50px;}
ul.banner-slider li .txt p {padding:20px 0; font-size:15px; color:#555; text-align:left; line-height:24px;}
ul.banner-slider li .txt p strong {font-size:32px; font-weight:800; color:#333; line-height:35px;}
ul.banner-slider li .txt a {font-size:17px; color:#111; font-weight:600;}

/*control-btns*/
.control-btns {position:absolute; left:50%; margin-left:-720px; top:50%; margin-top:-30px; width:1440px; height:60px; overflow:hidden; z-index:999;}
.control-btns .btns {position:absolute; top:0; width:60px; height:60px; border-radius:100%; border:1px solid #ccc; box-sizing:border-box;}
.control-btns .btns.control-next {right:0}
.control-btns .btns.control-prev {left:0}
.control-btns .btns.control-prev .arrow-top {transform-origin: bottom left;}
.control-btns .btns.control-prev .arrow-bottom {transform-origin: top left; margin-top:1px;}
.control-btns .arrow {position:absolute; left:50%; top:50%; width:100%; height:100%; cursor:pointer; transform:translateX(-50%) translateY(-50%); transition: transform .1s;}
.control-btns .arrow-top, .control-btns .arrow-bottom {position:absolute; left:16px; top:50%; width:20px; height:2px; background-color:#666;}
.control-btns .arrow-top:after, .control-btns .arrow-bottom:after {background-color:#a5b58c; content: ''; height:100%; position:absolute; top:0; transition: all 0.15s;}
.control-btns .arrow-top {transform: rotate(45deg); transform-origin: bottom right;}
.control-btns .arrow-top:after {left:100%; right:0; transition-delay: 0s;}
.control-btns .arrow-bottom {transform: rotate(-45deg); transform-origin: top right;}
.control-btns .arrow-bottom:after {left:0; right:100%;  transition-delay:0.15s;}
.control-btns .arrow:hover .arrow-top:after {left:0; transition-delay: 0.15s;}
.control-btns .arrow:hover .arrow-bottom:after {right:0; transition-delay: 0s;}
.control-btns .arrow:active {transform: translateX(-50%) translateY(-50%) scale(0.9);}

/*control-pager*/
.control-pager {position:absolute; left:0; bottom:10%; width:100%; height:20px; text-align:center; overflow:hidden;}
.control-pager span {}
.control-pager span button {width:10px; height:10px; border:1px solid #d6d6d6; border-radius:100%; box-sizing:border-box; margin:0 5px; text-indent:-9999px; background:#fff;}
.control-pager span button.activeSlide {border:0; background:#6dc3b6;}


/*========== distinction ==========*/
.distinction {background:url(../_img/main/sec03_bg.jpg) no-repeat center; background-size:cover;}
.distinction .graph {position:absolute; bottom:0; left:50%; margin-left:-1100px; width:0; height:700px; background:url(../_img/main/graph.png) no-repeat left bottom; text-indent:-9999px;}

.distinction .txt {opacity:0; padding-top:80px;}
.distinction .balloon {position:absolute; bottom:520px; left:50%; margin-left:347px; opacity:0;}


/*========== FAQ ==========*/
.faq_board {background:url(../_img/main/sec04_bg.jpg)  no-repeat center; background-size:cover;}
.faq_board .faq_tit {opacity:0; padding-top:80px;}


/* my-accordion */
ul#my-accordion {position:absolute; top:50%; margin-top:-135px; left:0; width:640px; overflow:hidden; box-sizing:border-box; border-bottom:0; background:#fff; opacity:0;}
ul#my-accordion>li {position:relative; width:100%; box-sizing:border-box; border-bottom:1px solid #dfdfdf; cursor:pointer;}
ul#my-accordion li.acc_active {background:url(../_img/icon/faq_arrow_on.png) no-repeat top 30px right 20px;}
ul#my-accordion li .acc_head {position:relative; width:100%; overflow:hidden; box-sizing:border-box; padding:15px 15px 15px 60px;}
ul#my-accordion li .acc_head p {font-size:19px; color:#212121; font-weight:500;}
ul#my-accordion li .acc_head span {position:absolute; top:15px; left:30px; color:#798d5d; font-size:21px; font-weight:800; text-align:center;}
ul#my-accordion li .acc_content {position:relative; width:100%; overflow:hidden; box-sizing:border-box; padding:10px; padding-top:0; background:#fff;}
ul#my-accordion li .acc_content p {width:100%; background:#f8f8f8; box-sizing:border-box; padding:15px; padding-left:50px; font-size:17px; color:#333; overflow:hidden;}
ul#my-accordion li .acc_content span {position:absolute; top:16px; left:30px; color:#d73e3e; font-size:21px; font-weight:800; text-align:center;}

ul#my-accordion.ver02 {position:relative !important; left:auto !important; top:auto !important; margin:0 !important; width:100%; opacity:1; border:1px solid #dfdfdf; border-top:0; border-bottom:0; background:url(../_img/sub/bbs_head.jpg)  no-repeat center top;}
ul#my-accordion.ver02 li .acc_head {padding:25px 15px 25px 60px;}
ul#my-accordion.ver02 li .acc_head span {top:26px; color:#30cdb5;}

/* banners */
ul.banners {position:absolute; top:50%; margin-top:-135px; left:50%; margin-left:60px; width:380px; overflow:hidden; opacity:0;}
ul.banners li {float:left; width:180px; height:180px; overflow:hidden; box-sizing:border-box; margin-left:10px; margin-bottom:10px;}
ul.banners li a {display:block; width:100%; height:100%; box-sizing:border-box; padding-top:110px; text-align:center; background-position: center top 45px; background-repeat:no-repeat; font-size:21px; font-weight:600;}
ul.banners li.bn01 a {background-color:#6b6b6b; background-image:url(../_img/icon/sec04_bn_ico01.png); color:#fff;}
ul.banners li.bn02 a {background-color:#f2fafc; background-image:url(../_img/icon/sec04_bn_ico02.png); color:#6b6b6b;}
ul.banners li.bn03 a {background-color:#fff; background-image:url(../_img/icon/sec04_bn_ico03.png); color:#6b6b6b;}
ul.banners li.bn04 a {background-color:#a4b58c; background-image:url(../_img/icon/sec04_bn_ico04.png); color:#fff;}

#deco_dog02 {position:absolute; bottom:-100px; left:50%; margin-left:400px; opacity:0;}



/*========== bbs_section ==========*/
.bbs_section {width:100%; overflow:hidden;}
.bbs_section .contents {padding:70px 0 60px 0 !important; overflow:hidden;}
.bbsBox {float:left; width:370px; overflow:hidden; margin-left:45px;}
.bbsBox h4 {position:relative; font-size:23px; font-weight:800; color:#212121; padding:10px 0; padding-right:10px;}
.bbsBox h4 a {position:absolute; right:5px; bottom:5px; display:inline-block; width:30px; height:30px; box-sizing:border-box; border:1px solid #e1e1e1; background: url('../_img/icon/more_view.png') no-repeat center; text-indent:-9999px; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.bbsBox h4 a:hover {-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.bbsBox:first-of-type {margin-left:0;}

ul.main_bbs {width:100%; overflow:hidden;}
ul.main_bbs li {position:relative; width:100%; overflow:hidden; box-sizing:border-box; padding-left:75px; margin:20px 0;}
ul.main_bbs li a {display:block; width:100%; overflow:hidden;}
ul.main_bbs li a strong {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:19px; font-weight:800; color:#212121; padding:5px 0;}
ul.main_bbs li a p {font-size:15px; color:#555; line-height:19px; word-break:break-all;}
ul.main_bbs li .date {position:absolute; left:0; top:2px; text-align:center;}
ul.main_bbs li .date span {font-size:13px; color:#999; font-weight:800;}
ul.main_bbs li .date p {font-size:47px; font-weight:800; color:#a4b58c; text-align:center; padding:12px 0;}


/*========== sub common ==========*/
.sub_section {position:relative; width:100%; overflow:hidden; padding:80px 0; box-sizing:border-box;}
.sub0201#check01 {background:url(../_img/sub/sub02_01_bg.jpg) no-repeat center; background-size:cover;}
.sub0202#check01 {background:url(../_img/sub/sub02_02_bg.jpg) no-repeat center; background-size:cover;}


/*========== sub_visual ==========*/
.sub_visual {position:relative; width:100%; height:400px; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
.sub_visual h2 {text-align:center; font-size:60px; color:#fff; line-height:400px; font-weight:500;}
.sub_visual.sv01 {background-image:url(../_img/sub/sub_visual01.jpg);}

ul.snb {position:absolute; left:0; bottom:0; width:100%; overflow:hidden; text-align:center; font-size:0;}
ul.snb li {position:relative; display:inline-block; width:200px; height:60px; box-sizing:border-box; font-size:19px;}
ul.snb li::before {position:absolute; left:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3); content:'';}
ul.snb li:first-of-type::before{display:none;}
ul.snb li a {display:block; width:100%; height:100%; line-height:60px; background:rgba(0,0,0,0.5); color:#fff; text-align:center;}
ul.snb li.on a {color:#111; background:#fff;}


/*========== page_title ==========*/
.page_title {width:100%; overflow:hidden; padding:90px 0;}
.page_title h3 {position:relative; font-size:40px; color:#333; text-align:center; font-weight:600;}
.page_title h3::after {position:absolute; top:55px; left:50%; margin-left:-18px; width:36px; height:2px; background:#afc094; content:''} 
.page_title p {text-align:center; font-size:17px; line-height:25px; padding-top:55px; color:#888}


/*========== 인사말 ==========*/
#greeting01 {height:440px; background:url(../_img/sub/greeting_bg.jpg) no-repeat center;}
#greeting01 p {position:relative; color:#fff; font-size:21px; line-height:33px; padding-top:30px;}
#greeting01 p strong {color:#ffecc6; font-size:35px; font-weight:600; line-height:50px;}
#greeting01 p::after {position:absolute; left:0; top:0px; width:50px; height:2px; background:rgba(255,255,255,0.3); content:''};
#greeting01 p:first-of-type {padding-top:0 !important; padding-bottom:30px;}
#greeting01 p:first-of-type::after {display:none;}

#greeting02 {}
#greeting02 .gtBox {float:left; width:50%; box-sizing:border-box; overflow:hidden;}
#greeting02 .gtBox p {font-size:17px; color:#333; line-height:30px; word-break:break-all;}
#greeting02 .gtBox p.name {text-align:right; margin-top:60px;}
#greeting02 .gtBox p.name strong {font-size:25px;}

#greeting03 {height:695px; padding:0;}
#greeting03 ul {width:100%; height:100% !important;}
#greeting03 ul li {width:100% !important; height:100% !important; background-position:center; background-size:cover; background-repeat:no-repeat;}
#greeting03 ul li dl {padding-top:170px;}
#greeting03 ul li dl dt, #greeting03 ul li dl dd {text-align:center; color:#fff;}
#greeting03 ul li dl dt {font-size:35px; font-weight:600; padding-bottom:20px;}
#greeting03 ul li dl dd {font-size:17px; line-height:30px;}

#greeting03 ul li.gt01 {background-image:url(../_img/sub/gt_slider01.jpg);}
#greeting03 ul li.gt02 {background-image:url(../_img/sub/gt_slider02.jpg);}
#greeting03 ul li.gt03 {background-image:url(../_img/sub/gt_slider03.jpg);}
#greeting03 ul li.gt04 {background-image:url(../_img/sub/gt_slider04.jpg);}
#greeting03 ul li.gt05 {background-image:url(../_img/sub/gt_slider05.jpg);}

.gt-slider_control {position:absolute; top:70px; left:0; width:100%; z-index:10; text-align:center;}
.gt-slider_control span {}
.gt-slider_control span button {position:relative; width:60px; height:60px; font-size:17px; font-weight:600; color:#fff; background:none; border:0; text-indent:-999999px; border-radius:100%;}
.gt-slider_control span button::after {position:absolute; top:0; left:0; width:60px; height:60px; text-align:center; line-height:60px; color:#fff; font-size:17px; text-indent:0;}
.gt-slider_control span button:first-of-type::after {content:'01';}
.gt-slider_control span button:nth-of-type(2)::after {content:'02';}
.gt-slider_control span button:nth-of-type(3)::after {content:'03';}
.gt-slider_control span button:nth-of-type(4)::after {content:'04';}
.gt-slider_control span button:nth-of-type(5)::after {content:'05';}

.gt-slider_control span button.activeSlide {background:#afc094;}
.gt-slider_control span button.activeSlide::after {font-size:33px; letter-spacing:-1px;}
.gt-slider_control span button.activeSlide::before {position:absolute; top:-70px; left:50%; width:1px; height:75px; background:#afc094; content:'';}


/*========== 병원둘러보기 ==========*/
ul.interior_list {width:100%; overflow:hidden;}
ul.interior_list li {position:relative; float:left; width:370px; height:370px; overflow:hidden; margin-left:30px; margin-bottom:30px;}
ul.interior_list li:first-of-type, ul.interior_list li:nth-of-type(3n+1) {margin-left:0;}
ul.interior_list li .pic {width:100%; height:100%; overflow:hidden; cursor:pointer;}
ul.interior_list li span {position:absolute; right:20px; bottom:20px; display:inline-block; width:62px; height:62px; box-sizing:border-box; background: url('../_img/icon/plus_btn.png') no-repeat center; text-indent:-9999px; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); cursor:pointer;}
ul.interior_list li:hover span {-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}


/*========== 의료진소개 ==========*/
.doctor_intro {position:relative; width:100%; height:540px; margin-bottom:95px;}
.doctor_intro .doctor_pic {position:absolute; top:0; width:470px; height:540px; overflow:hidden;}
.doctor_intro .doctor_desc {width:1087px; height:440px; box-sizing:border-box; padding-top:110px; margin-top:55px;}
.doctor_intro .doctor_desc .name {position:relative; font-size:35px; color:#333; padding-bottom:30px; margin-bottom:20px;}
.doctor_intro .doctor_desc .name::after {position:absolute; bottom:0; width:420px; height:2px;  background:url(../_img/icon/doctor_deco_bar.jpg) no-repeat center; content:'';}
.doctor_intro .doctor_desc .name strong {padding-bottom:10px;}
.doctor_intro .doctor_desc dl {position:relative; width:100%; margin-bottom:20px; box-sizing:border-box; overflow:hidden;}
.doctor_intro .doctor_desc dl dt, .doctor_intro .doctor_desc dl dd {font-size:17px; line-height:22px;}
.doctor_intro .doctor_desc dl dt {position:absolute; top:0; font-weight:600; color:#333;}
.doctor_intro .doctor_desc dl dd {}
.doctor_intro .doctor_desc ul {}
.doctor_intro .doctor_desc ul li {padding-bottom:5px;}
.doctor_intro .doctor_desc ul.leng02 li {float:left; width:50%;}

/*왼쪽정렬*/
.doctor_intro.alignL {}
.doctor_intro.alignL .doctor_pic {left:0;}
.doctor_intro.alignL .doctor_desc {float:right; padding-left:445px; background:url(../_img/sub/doctor_intro_bg02-right.jpg) no-repeat top;}
.doctor_intro.alignL .doctor_desc .name::after {left:-28%;}
.doctor_intro.alignL .doctor_desc dl {padding-left:100px;}
.doctor_intro.alignL .doctor_desc dl dt {left:0;}


/*오른쪽정렬*/
.doctor_intro.alignR {}
.doctor_intro.alignR .doctor_pic {right:0;}
.doctor_intro.alignR .doctor_desc {float:left; padding-right:445px; background:url(../_img/sub/doctor_intro_bg02-left.jpg) no-repeat top;}
.doctor_intro.alignR .doctor_desc .name{text-align:right;}
.doctor_intro.alignR .doctor_desc .name::after {right:-28%;}
.doctor_intro.alignR .doctor_desc dl {padding-right:100px;}
.doctor_intro.alignR .doctor_desc dl dt {right:0;}
.doctor_intro.alignR .doctor_desc dl dd {text-align:right;}

/*지동범원장*/
.doctor_intro.type01 {height:610px !important;}
.doctor_intro.type01 .doctor_pic {bottom:0 !important; top:auto;}
.doctor_intro.type01 .doctor_desc {height:560px; background:url(../_img/sub/doctor_intro_bg-left.jpg) no-repeat top right; margin:0;}



/*========== 전문진료 common ==========*/
ul.snb_depth2 {width:100%; overflow:hidden; text-align:center;}
ul.snb_depth2 li {display:inline-block; width:168px; height:60px; box-sizing:border-box; border:1px solid #ccc; background:#f8f8f8; text-align:center; font-size:17px;}
ul.snb_depth2 li a {display:block; width:100%; height:100%; line-height:58px;}
ul.snb_depth2 li.on {border:2px solid #afc094; background:#fff;}
ul.snb_depth2 li.on a {color:#000;}

#check01 {height:550px; margin-top:60px;}
#check01::before {position:absolute; top:0; left:50%; width:1px; height:145px; background:#fff; opacity:0.4; content:'';}
#check01 p {text-align:center; font-size:21px; color:#c7c7c7;}
#check01 p:first-of-type {font-size:37px; line-height:50px; color:#fff; padding-top:115px; padding-bottom:35px;}

#check02 {padding-top:0; margin-top:-100px;}
.dep2-title {width:100%; height:100px; overflow:hidden; background:#fff;}
.dep2-title h4 {font-size:35px; color:#1e1e1e; text-align:center; padding:40px 0 20px 0;}
.dep2-title ul.location {text-align:center; font-size:0;}
.dep2-title ul.location li {display:inline-block; font-size:13px; color:#999; padding-left:10px;}
.dep2-title ul.location li::before {padding-right:10px; content:'>';}
.dep2-title ul.location li:first-of-type::before {display:none;}

.sub_contents {width:100%; overflow:hidden; padding:80px 0;}
.center_desc {width:100%; height:auto; background:#f1f1f1; box-sizing:border-box; padding:25px 15px; overflow:hidden; word-break:break-all; font-size:17px; color:#333; line-height:27px;}

.inner_section {width:100%; overflow:hidden; margin-top:100px;}
.inner_section h5 {position:relative; font-size:27px; color:#222; padding:5px 0; font-weight:500; background:url(../_img/icon/inner_tit_deco02.jpg) no-repeat center left;}
.inner_section h5 span {background:#fff; padding:0 50px 0 25px;}
.inner_section h5::before {position:absolute; top:0; left:0; width:13px; height:25px; background:url(../_img/icon/inner_tit_deco.png) no-repeat center left; content:'';}
.inner_section p {font-size:17px; line-height:27px; padding:25px 5px; word-break:break-all; color:#222;}
.inner_section p span {color:#777;}

.inner_section h6 {position:relative; font-size:19px; color:#222; padding:5px 0 5px 23px;}
.inner_section h6::before {position:absolute; top:7px; left:0; width:16px; height:16px; background:url(../_img/icon/inner_tit_deco03.png) no-repeat center left; content:'';}
.inner_section h6.inner-miniTitle {}


.inner_section.type02 {margin-top:20px;}

table.basic_table {width:100%; overflow:hidden; border-bottom:1px solid #e2e2e2;}
table.basic_table thead {width:100%; height:60px; background:url(../_img/sub/table_head_bg.jpg) no-repeat top left;}
table.basic_table tr {}
table.basic_table tr th, table.basic_table tr td {text-align:center; border-left:1px solid #e2e2e2;}
table.basic_table tr th {color:#fff; height:60px; font-weight:600; font-size:18px;}
table.basic_table tr td {color:#333;  padding:30px 15px; box-sizing:border-box; line-height:27px; font-size:17px;}
table.basic_table tr th:first-of-type, table.basic_table tr td:first-of-type {border:0;}

ul.itemList {width:100%; overflow:hidden; margin-top:60px;}
ul.itemList>li {position:relative; float:left; width:380px; height:356px; overflow:hidden; border:1px solid #efefef; box-sizing:border-box; margin-left:30px; margin-bottom:30px; cursor:pointer;}
ul.itemList>li:first-of-type, ul.itemList>li:nth-of-type(3n+1) {margin-left:0;}
ul.itemList>li .item_pic {width:100%; height:100%;}
ul.itemList>li .item_desc {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); overflow:hidden; box-sizing:border-box; padding:20px;}
ul.itemList>li .item_desc dl {width:100%; overflow:hidden;}
ul.itemList>li .item_desc dl dt, ul.itemList>li .item_desc dl dd {color:#fff;}
ul.itemList>li .item_desc dl dt {font-size:27px; padding:30px 0; font-weight:600; color:#22c6a5; text-align:center; line-height:35px;}
ul.itemList>li .item_desc dl dt span {font-size:17px;}
ul.itemList>li .item_desc dl dd {}
ul.itemList>li .item_desc dl dd ul {width:100%; overflow:hidden;}
ul.itemList>li .item_desc dl dd ul li {position:relative; font-size:15px; color:#fff; padding-bottom:10px; padding-left:13px;}
ul.itemList>li .item_desc dl dd ul li::before {position:absolute; top:9px; left:0; width:6px; height:1px; background:#fff; content:'';}


ul.item_intro {width:100%; overflow:hidden;}
ul.item_intro>li {position:relative; float:left; width:590px; height:615px; overflow:hidden; border:1px solid #efefef; box-sizing:border-box; margin-left:20px; margin-bottom:40px; cursor:pointer;}
ul.item_intro>li:first-of-type, ul.item_intro>li:nth-of-type(2n+1) {margin-left:0;}
ul.item_intro>li .item_pic {width:100%; height:100%;}
ul.item_intro>li .item_pic span {position:absolute; bottom:0; left:0; width:100%; height:60px; background:url(../_img/sub/item_bg.jpg) no-repeat center; color:#fff; text-align:center; line-height:60px; font-weight:600; font-size:17px;}
ul.item_intro>li .item_desc {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); overflow:hidden; box-sizing:border-box; padding:50px 30px;}
ul.item_intro>li .item_desc>dl {}
ul.item_intro>li .item_desc>dl>dt {position:relative; color:#fff; font-size:25px; font-weight:600; padding-bottom:30px;}
ul.item_intro>li .item_desc>dl>dt::after {position:absolute; bottom:0; left:0; width:75px; height:2px; background:#30ccb5; content:'';}
ul.item_intro>li .item_desc>dl>dd {padding-top:30px;}
ul.item_intro>li .item_desc>dl>dd p {color:#fff; font-size:16px;}
ul.item_intro>li .item_desc>dl>dd dl {margin:20px 0;}
ul.item_intro>li .item_desc>dl>dd dl dt {color:#fff; font-weight:600; font-size:17px; margin-bottom:10px;}
ul.item_intro>li .item_desc>dl>dd dl dd {color:#fff; font-size:16px;}
ul.item_intro>li .item_desc dl dd ul {width:100%; overflow:hidden;}
ul.item_intro>li .item_desc dl dd ul li {position:relative; font-size:15px; color:#fff; padding-bottom:7px; padding-left:13px;}
ul.item_intro>li .item_desc dl dd ul li::before {position:absolute; top:9px; left:0; width:6px; height:1px; background:#fff; content:'';}



ul.check_listBox {width:100%; overflow:hidden; margin-top:60px;}
ul.check_listBox li {float:left; width:353px; height:126px; background:url(../_img/sub/list_decoBox.png) no-repeat center; overflow:hidden; text-align:center; font-size:17px; line-height:24px; color:#333;
margin-left:70px; padding-top:40px; padding:40px 20px 0 20px ; box-sizing:border-box;}
ul.check_listBox li strong {font-size:19px;}
ul.check_listBox li:first-of-type, ul.check_listBox li:nth-of-type(3n+1) {margin-left:0 !important;}

ul.check_listBox.type02 {}
ul.check_listBox.type02 li {width:584px; height:239px;  background:url(../_img/sub/list_decoBox02.png) no-repeat center; margin-left:30px; padding-top:55px;}

ul.check_listBox.type03 {}
ul.check_listBox.type03 li {width:584px; height:625px;  background:url(../_img/sub/list_decoBox03.png) no-repeat center; margin-left:30px; padding-top:55px;}

ul.check_listBox.type04 {}
ul.check_listBox.type04 li {width:386px; height:328px;  background:url(../_img/sub/list_decoBox04.png) no-repeat center; margin-left:20px; padding-top:55px;}

ul.check_listBox.type05 {}
ul.check_listBox.type05 li {width:579px; height:138px;  background:url(../_img/sub/list_decoBox05.png) no-repeat center; margin-left:40px; padding-top:55px;}



.desc_type01 {position:relative; width:100%; min-height:185px; overflow:hidden; box-sizing:border-box; padding-left:300px; margin-top:60px; }
.desc_type01 .pic {position:absolute; top:0; left:0;}
.desc_type01 dl {}
.desc_type01 dl dt, .desc_type01 dl dd {line-height:27px;}
.desc_type01 dl dt {width:200px; height:40px; line-height:40px; text-align:center; color:#fff; background:#30ccb5; font-weight:600; font-size:18px;}
.desc_type01 dl dd {padding-top:20px; font-size:17px;}
.desc_type01 dl dd span {font-size:15px; color:#666;}



/*========== 안과진료 ==========*/
ul.oph_intro {width:100%; overflow:hidden;}
ul.oph_intro li {float:left; width:33.3%; height:auto; background-position:center top; background-repeat:no-repeat; padding-top:135px;}
ul.oph_intro li dl {}
ul.oph_intro li dl dt, ul.oph_intro li dl dd {text-align:center;}
ul.oph_intro li dl dt {font-size:23px; font-weight:600; color:#111; padding:30px 0;}
ul.oph_intro li dl dd {font-size:17px; line-height:25px;}

ul.oph_intro#sub0201 li.oph01 {background-image:url(../_img/sub/sub02_01_icon01.png);}
ul.oph_intro#sub0201 li.oph02 {background-image:url(../_img/sub/sub02_01_icon02.png);}
ul.oph_intro#sub0201 li.oph03 {background-image:url(../_img/sub/sub02_01_icon03.png);}

ul.oph_intro.leng02 {}
ul.oph_intro.leng02 li {width:50% !important; padding-top:235px; margin-bottom:50px;}
ul.oph_intro#sub0202 li.oph01 {background-image:url(../_img/sub/sub02_02_icon01.jpg);}
ul.oph_intro#sub0202 li.oph02 {background-image:url(../_img/sub/sub02_02_icon02.jpg);}
ul.oph_intro#sub0202 li.oph03 {background-image:url(../_img/sub/sub02_02_icon03.jpg);}
ul.oph_intro#sub0202 li.oph04 {background-image:url(../_img/sub/sub02_02_icon03.jpg);}


/*========== 병원시설 ==========*/
ul.another_items {width:100%; overflow:hidden; margin-top:60px; padding-top:80px; border-top:1px solid #ddd;}
ul.another_items li {float:left; width:270px; min-height:510px; overflow:hidden; margin-left:40px; margin-bottom:40px;}
ul.another_items li:first-of-type, ul.another_items li:nth-of-type(4n+1) {margin-left:0;}
ul.another_items li .pic {width:100%; height:270px; border:5px solid #ddd; overflow:hidden; box-sizing:border-box; border-radius:100%; text-align:center;}
ul.another_items li .pic img {position:relative; top:50%; left:50%; width:auto; height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
ul.another_items li dl {width:100%; overflow:hidden;}
ul.another_items li dl dt, ul.another_items li dl dd {text-align:center; line-height:27px;}
ul.another_items li dl dt {position:relative; font-size:19px; color:#111; font-weight:600; margin:30px  0 20px 0; padding-bottom:20px;}
ul.another_items li dl dt::after {position:absolute; bottom:0; left:50%; margin-left:-25px; width:50px; height:2px; background:#30ccb5; content:'';}
ul.another_items li dl dd {font-size:17px; color:#555; word-break:break-all;}


/*========== 페이징 ==========*/
.list_paging {width:100%; text-align:center; font-size:0; margin:30px 0 50px 0; overflow:hidden;}
.list_paging a {display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#333;}
.list_paging a.on {font-weight:600; color:#000}
.list_paging a.ctrl {text-indent:-99999px; margin:0 2px}
.list_paging a.first {background:url(../_img/icon/paging_btn.jpg) no-repeat 0 0;}
.list_paging a.prev {background:url(../_img/icon/paging_btn.jpg) no-repeat -30px 0;}
.list_paging a.next {background:url(../_img/icon/paging_btn.jpg) no-repeat -60px 0;}
.list_paging a.last {background:url(../_img/icon/paging_btn.jpg) no-repeat -90px 0;}


/*========== 공지사항, 보도자료 ==========*/
.board_top {width:100%; overflow:hidden; padding-bottom:50px; text-align:center;}
.board_top input[type='text'] {width:475px; height:42px; border:1px solid #ddd; box-sizing:border-box; padding:10px; color:#424242; font-size:15px; margin-right:5px;}
.board_top button {width:113px; height:42px; border-radius:3px; background:#30cdb5; color:#fff; text-align:center; line-height:40px; border:0; cursor:pointer; font-size:15px;}

.board_body {width:100%; overflow:hidden;}
.board_body p {float:left; text-align:left; font-size:15px; color:#666; padding:10px 0;}
.board_body p span {font-weight:600; color:#212121; padding-left:3px;}

ul.basic_board {width:100%; overflow:hidden; background:url(../_img/sub/bbs_head.jpg) no-repeat center top;}
ul.basic_board li {width:100%; height:90px; border-bottom:1px solid #ddd;}
ul.basic_board li span {display:block; float:left; height:100%; box-sizing:border-box; font-size:17px; line-height:90px;}
ul.basic_board li span.num {width:100px; text-align:center; color:#666;}
ul.basic_board li span.txt {width:920px; text-align:left;}
ul.basic_board li span.txt a {display:block; width:100%; color:#212121; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.basic_board li span.txt a:hover {color:#30cdb5;}
ul.basic_board li span.date {width:180px; text-align:center;}

ul.basic_board.type02 {}
ul.basic_board.type02 span.txt {width:790px;}
ul.basic_board.type02 span.name {width:130px;}