@charset "utf-8";
/* CSS Document */
.main_container {width:100%; position:relative; padding-top:150px;}
.main_visual_01 {width:100%; height:676px; margin:72px auto 0; overflow:hidden; position:relative;}
.main_visual_01 .imgs {width:100%; height:100%; position:relative; overflow:hidden; background-color:#000;}
.main_visual_01 .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.main_visual_01 .imgs li.li_01 {left:0; background:url('../img/main_visual1.jpg') center 0 no-repeat;}
.main_visual_01 .imgs li.li_02 {background:url('../img/main_visual2.jpg') center 0 no-repeat;}
.main_visual_01 .imgs li.li_03 {background:url('../img/main_visual3.jpg') center 0 no-repeat;}


.main_visual_01 .indis {width:100%; position:absolute; left:0; bottom:30px; text-align:center;}
.main_visual_01 .indis ul {display:inline-block; margin:0 auto; overflow:hidden;}
.main_visual_01 .indis ul li {float:left; margin-right:5px; position:relative;}
.main_visual_01 .indis ul li a {width:100%; height:100%; display:block;}
.main_visual_01 .bn_wrap {width:1400px; height:45px; position:absolute; top:50%; left:50%; margin:-13px 0 0 -700px;}
.main_visual_01 .bn_wrap .bns {position:absolute; top:0;}
.main_visual_01 .bn_wrap .bns a {width:100%; height:100%; display:block;}
.main_visual_01 .bn_wrap .left_bn {left:0;}
.main_visual_01 .bn_wrap .right_bn {right:0;}

#middle2 {position:relative;clear:both;width:100%;background:url(../img/middle2_bg.jpg) center top no-repeat;height:653px;}
#middle2 .middle2_banner {width:1200px;margin:0px auto; font-size:0; line-height:0;}
#middle2 .middle2_banner ul {padding-top:86px;}
#middle2 .middle2_banner ul li {display:inline-block;margin-right:20px;}
#middle2 .middle2_banner ul li:last-child {margin-right:0px;}
#middle2 .middle2_banner ul li a {display:block;}
#middle2 .wrap-img, #middle2 .wrap-img2 { width:590px; height:480px; overflow:hidden;  }
#middle2 .wrap-img2:hover img, #middle2 .wrap-img:hover img {
 transform:scale(1.2);
 -webkit-transform:scale(1.2);
 -moz-transform:scale(1.2);
 -o-transform:scale(1.2);
 -webkit-transition:.3s;
 -moz-transition:.9s;
 -ms-transition:.9s
}
.wrap-img img, .wrap-img2 img {
 transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -ms-transition:.3s
}
#middle3 {position:relative;clear:both;width:100%;height:699px;background:url(../img/middle3_bg.jpg) center top no-repeat;}
#middle3 .middle3_banner {position:relative;width:1200px;margin:0px auto;}
#middle3 .middle3_banner1 {position:relative;width:600px;float:left;}
#middle3 .middle3_banner2 {position:relative;width:600px;float:left;height:349px;}
#middle3 .middle3_banner2 span {display:block;padding-top:96px;padding-left:43px;}
#middle3 .middle3_banner3 {position:relative;width:600px;float:left;}
#middle3 .middle3_banner3 span {display:block;padding-top:92px;padding-left:43px;}
#middle4 {position:relative;clear:both;width:1200px;margin:86px auto;height:672px;}
#middle4 .left {float:left;width:840px;}
#middle4 .left ul {}
#middle4 .left ul.top li {float:left;margin-right:13px;}
#middle4 .left ul.top li:last-child {margin-right:0px;}
#middle4 .left ul.bottom {float:left;margin-top:13px;}
#middle4 .left ul.bottom li {float:left;margin-right:13px;}
#middle4 .left ul.bottom li:last-child {margin-right:0px;}
#middle4 .right {float:right;width:348px;}
#bottom_img {position:relative;clear:both;width:1200px;margin:0px auto 86px;height:200px;}
#bottom_img ul li {float:left;margin-right:13px;}
#bottom_img ul li:last-child {margin-right:0px;}

#middle5{position:relative; height:1156px; background:url(../img/middle5_bg.jpg) no-repeat center top;}
#middle5 > div{display:block; position:absolute; top:295px; left:0; right:0; width:1200px; height:675px; margin:0 auto;}
#middle5 > div > iframe{width:100%; height:100%;}

/* 메인 비디오 - 20240328 */
.main_video{display:grid; justify-content:center; width:100vw; margin-top:86px;}
.main_video video{width:100vw !important; height:auto !important;}

/* 메인 닥터 - 20240328 */
.main_dr{display:grid; justify-content:center; text-align:center;}
.main_dr .dr_list{display:inline-flex;}
.main_dr .dr_item{}
.main_dr .dr_item a{display:block; position:relative; overflow:hidden;}
.main_dr .dr_item a .dr_name{opacity:0; position:absolute; bottom:-10px; left:0; right:0; padding:10px 8px; background-color:rgba(0,0,0,.5); transition:all .25s ease-in-out;}
.main_dr .dr_item a:hover .dr_name{opacity:1; bottom:0;}
.main_dr .dr_item a .dr_name p{font-size:17px; word-break:keep-all; line-height:26px; letter-spacing:-0.01em; color:#fff;}
.main_dr .dr_item a .dr_name p + p{font-size:24px;}
.main_dr .dr_item a img{width:100%;}

/* 메인 비포&애프터 - 20240329 */
.main_ba{text-align:center; margin-top:86px;}
.main_ba .ba_title{font-size:34px;color:#000000;font-weight:bold;text-align:center;}
.main_ba .ba_text{font-size:20px; color:#595959;margin:10px 0 40px 0;font-weight:400}
.main_ba .ba_img{font-size:0; line-height:0;}
.main_ba .ba_img .ba_img_box{position:relative;font-size:0;}
.main_ba .ba_img .ba_img_box + .ba_img_box{margin-top:30px;}
.main_ba .ba_img .ba_img_box div{position:relative; width:271px; height:271px; text-align:center; font-size:26px; line-height:34px; color:#fff; padding-top:114px;background-color:#02c8d5; display:inline-block; vertical-align:top;}
.main_ba .ba_img .ba_img_box + .ba_img_box div{background-color:#06083b;}
.main_ba .ba_img .ba_img_box div:before{content:''; width:34px; height:4px; background-color:#fff; position:absolute; top:88px; left:0; right:0; margin:0 auto;}
.main_ba .ba_img .ba_img_box div span{font-weight:600;}
.main_ba .ba_img .ba_img_box img{display:inline-block; vertical-align:top; margin-left:15px;}
.main_ba .ba_more{display:inline-block;padding: 0 20px; margin-top:50px; line-height:54px; color:#fff; font-size:20px;background-color:#06083b; font-weight:500;}
.main_ba .ba_text2{font-size:16px;color:#595959;line-height:1.4;margin-top:40px;}

/* 메인 지도 - 20240326 */
.main_map{position:relative; width:100%; margin-top:86px;}
.main_map .main_map_box{position:relative;}
.main_map .main_map_box .map_text{position:absolute; top:0; left:calc(50vw - 610px); bottom:0; z-index:10; width:465px; padding-top:100px; background-color:rgb(17 24 34 / 80%); text-align:center;}
.main_map .main_map_box .map_text .map_text1{display:inline-block; width:170px; height:36px; border-radius:20px; background-color:#fff; color:#0c275c; font-size:20px; font-weight:600; line-height:38px;}
.main_map .main_map_box .map_text .map_text2{margin-top:20px; margin-bottom:50px; color:#fff; font-size:20px; line-height:32px;}
.main_map .main_map_box .map_text .map_text3{margin-top:20px; color:#fff; font-size:40px; font-weight:600; letter-spacing:0;}
.main_map .main_map_box .root_daum_roughmap{width:100%; height:480px;}
.main_map .main_map_text{margin-top:20px; margin-bottom:70px;}
.main_map .main_map_text p{font-size:18px; text-align:center;}