@charset "UTF-8";
/*

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

*/

body {font-family: '나눔바른고딕', 'NanumBarunGothic', '맑은고딕', sans-serif;}

#header {width: 100%; min-width: 1200px; height: 157px; background-color:#0f182f; }
#visual_main {width: 100%; min-width: 1200px; height: 599px; background: url('../images/main_event.jpg') no-repeat center 0;margin-top:45px}
#section1 {width: 100%; height: 600px;background-color: #f4f4f4}
#section2 {width: 100%; min-width: 1200px; height: 900px; background: #f4f4f4;}
#section3 {width: 100%; height: 750px;background: #f4f4f4}
#section4 {width: 100%; height: 800px; height: 665px; background: #f4f4f4 url('../images/doctor_main.jpg'); position: relative;}
#section5 {width: 100%;height:900px;background: url('../images/TimeMain.jpg')no-repeat center;background-color: #f4f4f4}

#footer {width: 100%;  background: url('../images/bg_footer_03.jpg'); }


.go_top {position: fixed; width: 25px; height: 71px; left:45%; margin-left: 800px;z-index: 5}



.center_box {width: 1200px; height: 100%; margin:0 auto; position: relative;}



#header h1 {width: 127px; height: 50px; background: #0f182f; position: absolute; left: 50%; margin-left: -100px;margin-top: 37px;}
#header .topmenu_left {width: 280px; height: 58px; float: left; }







#header .topmenu_right {width: 250px; height: 34px; float: right; text-align: right;  margin-top: 10px; color: #fff; display: inline-block;}
#header .topmenu_right a{color: #fff;font-size: 17px}

.search_box {width: 200vw; height: 200vh; background: rgba(30,16,51,0.9); position:fixed; left:0; top: 0; z-index: 7; display: none}
.search_box .search {width: 1000px; height: 60px; line-height: 60px; border-bottom: 2px solid #fff; position: absolute; left: 50%; top: 50%; 
    transform: translate(-50%, -50%)}
.search select {width: 160px; height: 60px; background: transparent; border:0; color:#fff; float: left;}
.search select option {color:#333;}
.search input {width: 770px; height: 60px; float: left; color:#fff; font-size: 18px; text-indent: 15px; background:transparent}
.search button {width: 60px; height: 60px; float: right; font-size: 22px; background: transparent; border:0; color:#fff; cursor: pointer}

.search_box .btn_close {position: absolute; right: 40px; top: 10px; font-size: 50px; color:#fff; cursor: pointer}


#header .gnb {width: 1200px; height: 56px; float: left; margin-top: 1px; text-align: center; font-size: 0;margin-top: 59px}
#header .gnb > li {height: 40px; line-height: 40px; display: inline-block; font-size: 18px; position: relative;}
#header .gnb > li > a {display: block; padding: 0 50px; color:#fff;}

#header .gnb li .lnb {position: absolute; width: 100%; background: #fff; border-radius: 0 0 15px 30px;  overflow: hidden; opacity: 0; visibility: hidden; z-index: 5;}
#header .gnb li:hover .lnb {opacity: 1; visibility: visible; transition: .3s; }

#header .gnb li .lnb li {line-height: 46px; font-size: 17px;background:#ff65bc ; ;}
#header .gnb li .lnb li a {display: block;}

#header .gnb li:hover {background: #ff4894}
#header .gnb > li:hover > a {color: #fff;}
#header .gnb li .lnb li:hover a {color: #fff;}



#visual_main .center_box {width: 1200px; height: 100%; letter-spacing: -0.05em; text-align: center; position: relative; }
#visual_main .center_box .text_box {position: absolute; width: 100%; height: 100px; bottom: 0}

#visual_main .text1 {font-size: 92px; color: #b9004d; font-weight:bold; height: 36px; display:inline-block;}
#visual_main .text2 {font-size: 92px; color: #ff4894; font-weight:bold; height: 36px; display:inline-block;}
#visual_main .text3 {font-size: 92px; color: #ff006a; font-weight:bold; height: 36px; display:inline-block; }

/*
#visual_main .text1 a:after {content: "\f054"; position: absolute; right: 25px; 
    font-family: "Font Awesome 5 Free"; color:#fff; font-weight: bold}
*/




#visual_main .text1 {animation: text_ani 2s forwards; opacity: 0; margin:0 35px}
@keyframes text_ani {
    0% {opacity: 0; margin:0 35px}
    100% {opacity: 1; margin:0 15px}
}
#visual_main .text2 {animation: text_ani 2s forwards; opacity: 0; animation-delay: 0.4s; margin:0 35px}
@keyframes text_ani {
    0% {opacity: 0; margin:0 35px}
    100% {opacity: 1; margin:0 15px}
}
#visual_main .text3 {animation: text_ani 2s forwards; opacity: 0; animation-delay: 0.8s; margin:0 35px}
@keyframes text_ani {
    0% {opacity: 0; margin:0 35px}
    100% {opacity: 1; margin:0 15px}
}




.center_box h2 {width: 420px; height: 110px; margin:55px auto 48px auto;  color: #333; text-align: center;font-size:0}
.center_box h2 span {display: block; font-size: 17px; line-height: 17px; font-weight: normal}

.center_box h2 img {margin-top:50px; display:inline-block}
#section1 span {font-size: 15px;font-weight: bold}
#section1 div {width: 1200px; text-align: center; font-family:한컴산뜻돋움; }
#section1 div ul {width: 380px; height: 380px; display: inline-block; margin:0 5px; vertical-align: top; position: relative;}
#section1 div ul:nth-child(2) {margin-top: -5px; transform: scale(1.1);z-index: 2}
#section1 div ul:last-child {margin: 0}

#section1 div ul li.thumb {width: 380px; height: 380px;}
#section1 div ul li.thumb img {width: 100%; transition: 0.9s}
#section1 div ul:hover {z-index: 3}
#section1 div ul:hover li.thumb img {transform: scale(1.1)}
#section1 div:hover ul li.thumb img {right: 0px; opacity: 0.5; }
#section1 div ul:hover li.thumb img {right: 0; opacity: 1; }






#section2 .center_box h2 span {display: inline}
#section2 .center_box div {width:1200px; float: left;}

#section2 div {width: 1200px;text-align: center; ;}
#section2 div ul {width: 209px; height:300px; display: inline-block; vertical-align: top; }


#section2 div ul li.thumb {width: 234px; height: 360px; overflow: hidden; position: relative;;}
#section2 div ul li.thumb img { transition: .5s}
#section2 div:hover ul li.thumb img {right: 0px; opacity: 0.7; }
#section2 div ul:hover li.thumb img {right: 0; opacity: 1; }


#section3 h2 span {width: 70px; height: 22px; border-radius: 50px;border:1px solid black; line-height:22px; font-size: 16px;position: absolute;margin: 60px 0 0 280px}
#section3 .banner_box {width: 1200px; height: 329px; font-size:80px}
#section3 .banner_box li {width: 372px; height: 329px; display: inline-block; vertical-align: top; margin: 0 14px;}



#section4:before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top:0; background: rgba(0,0,0,0); z-index: 2; transition: 1s}
#section4:hover:before{background: rgba(0,0,0,0.6);}

#section4 li {width:100%; height: 700px;  overflow: hidden; position: relative;}
#section4 li img {position: absolute; z-index: 1; transition: 2s; transform: scale(1.2)}
#section4 li:hover img {transform: scale(1.1)}
#section4 li div {width: 100%; height: 100%; position: absolute; z-index: 3}
#section4 li:nth-child(even) div {background: rgba(0,0,0,0.8); }
#section4 li div span {color: #fff; font-size: 26px; text-align: center; margin-top: 80px; display: block; }
#section4 li div h3 {color: #000; font-size: 40px; text-align: center; margin-top: 80px}
#section4 li:hover div h3{color: #fff;}
#section4 li div p {color: #fff; font-size: 26px; text-align: center; margin-top: 80px}


#section5 li a {width: 233px;height: 65px;border:1px ;position: absolute; margin: 480px 0 0 862px}





/*sub1*/


#visual_sub {width: 100%; min-width: 1200px; height: 200px; background: url('../images/sub1_main_02.jpg') center top no-repeat; background-size: cover; animation: sub_visual 2s forwards; position: relative; }
@keyframes sub_visual {
    0% {background-position: center 0;}
    100% {background-position: center -100px;}
}
#visual_sub .visual_text {width: 400px; height: 100px; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); text-align: center}
#visual_sub .visual_text span {font-size: 26px; color: #bbb; display: block; font-weight: lighter}
#visual_sub .visual_text em {font-size: 48px; color: #fff; font-style: normal; display: block}

#visual_sub .bread {height: 30px; line-height: 30px; position: absolute; right: 0; bottom: 16px; }
#visual_sub .bread a {color: #fff; font-size: 14px; padding: 0 6px}

#section_sub .snb {width: 100%; text-align: center; margin-top: 27px; font-size: 0}
#section_sub .snb li {width: 214px; height: 47px; border:1px solid #ddd; line-height: 47px; display: inline-block; font-size: 16px; background: #f8f8f8; margin-left:-1px; margin-top: -1px; }
#section_sub .snb li a {display: block}

#section_sub .snb li.active a {background: #fff; color: #f76c11; position: relative;}
#section_sub .snb li.active a:before {content: ""; width: 216px; height: 3px; background: #f76c11; position: absolute; left: -1px; top: -1px}
#section_sub .snb li:hover a {background: #fff;text-align: center}

#section_sub .sub_main{width: 100%; min-width: 1920px; height: 691px; background: url('../images/sub1_main2.jpg') center top no-repeat; }


#section_sub .article {width: 1055px; margin:44px auto 0 auto; }
#section_sub .article:after {content: ""; display: block; clear: both}
#section_sub .greeting .top {width: 550px; height: 360px; float: left; margin-top: 75px;}
#section_sub .greeting .top p {font-size: 18px; line-height: 28px; }
#section_sub .greeting .top p.big {font-size: 37px; line-height: 50px; margin-bottom: 30px; }
#section_sub .greeting .top p.big b {color: #1a6ebb;}


#section_sub .greeting figure {width: 470px; height: 440px; float: right; }
#section_sub .greeting figure img {height: 100%;}
#section_sub .greeting .bottom {width: 1055px; height: 230px; float: left; margin-top: 10px;}
#section_sub .greeting .bottom p {font-size: 16px; line-height: 26px; word-break: keep-all; text-align: justify}
.direction .article div.map div div div:nth-child(6)
div:nth-child(7) {animation: map_icon .5s infinite alternate}
@keyframes map_icon {
    0% {margin-top: -50px;transform: scale(1.5)}
    100% {margin-top: 0px;transform: scale(1)}
}
.direction .article div.map div div div:nth-child(6)
div:nth-child(7):before {content: "";position: absolute;width: 30px;height: 10px;background: rgba(0,0,0,0.5);top:50px;border-radius: 50%;animation: map_shadow .5s infinite alternate ease-in}




#footer .icon {width: 1200px;text-align: center;}
#footer .icon ul {width: 162px;height: 136px; display: inline-block;margin:190px 0  0 0}
#footer .icon .tit {font-size: 12px;margin: 6px 0}
#footer .icon .cont {font-weight: bold;font-size: 12px}



#footer h1 {width: 140px; height: 100px; float: left; margin: 10px 0 0 50px;}
#footer .address {width: 668px; height: 100px; float: left; margin-left: 100px }
#footer .address li a {padding-right: 15px}
#footer .address .bold { font-size: 12px; font-weight: bold;margin: 8px 0}
#footer .address li {font-size: 12px}
#footer .sns_box {width: 210px; height: 70px; float: left; margin: 30px 0 0 20px;text-align: center}
#footer .sns_box li {width: 50px; height: 50px; float: left; margin-right: 2px}