@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

header {z-index: 10000; background-color: #fff; height:50px;}
header * {line-height: normal;}
header .header-wrap {}
header .header-wrap .right-menu {}
header .header-wrap .right-menu a {padding:7px 15px; cursor:pointer;color:#1d1d1f;}
header .header-wrap .scroll-logo {display:none;}
header .header-wrap .mobile-menu-opener {display: none;}
header.scroll {background-color: #fff; height:50px;}
/* header.scroll .header-wrap {transform: scale(0.97);} */
header.scroll .header-wrap .scroll-logo {display:inline-block;}
header.scroll .header-wrap .no-scroll {display:none;}
header.scroll .header-wrap .right-menu a {color:#1d1d1f;}
header.scroll .header-wrap .right-menu a.bg-black {background-color: #AD3371; color: #fff;}
header .headerwrap {width:96%;}

/* 퀵메뉴 */
.right-quick-menu {position:fixed; bottom:50%; right:0; z-index:99; cursor:pointer; display: none;}
.right-quick-menu li { width:88px; height:90px;}
.container {height:100%;}


.slick-list,
.slick-track {height: 100%;}
.slick-list * {outline: none;}

.item-section {min-height:100%; background-repeat: no-repeat; overflow-x: hidden;}
.item-box {padding:80px 0 80px; box-sizing: border-box;}

.fade {position: relative; opacity: 0; transition: 1.3s;}
.fade-fast {transition: 0.05s;}
.fade-l {left:-50px;}
.fade-l.fade-show {left:0; opacity: 1;}
.fade-r {right:-50px;}
.fade-r.fade-show {right:0; opacity: 1;}
.fade-t {top:-50px;}
.fade-t.fade-show {top:0; opacity: 1;}
.fade-b {bottom:-50px;}
.fade-b.fade-show {bottom:0; opacity: 1;}
.fade-delay0-5 {transition-delay: 0.2s;}
.fade-delay1 {transition-delay: 0.4s;}
.fade-delay1-5 {transition-delay: 0.6s;}
.fade-delay2 {transition-delay: 0.8s;}
.fade-delay2-5 {transition-delay: 1s;}
.fade-delay3 {transition-delay: 1.2s;}
.fade-delay3-5 {transition-delay: 1.4s;}
.fade-delay4 {transition-delay: 2.0s;}
.fade-delay5 {transition-delay: 2.5s;}
/* 메인슬라이드 */
.pc-slide {background-repeat: no-repeat; background-size: cover; background-position: center;}
.slider-00 {background-image: url(../images/bg_01.jpg);}
.slider-00 > div {margin-top:10%;}
.mt130 {margin-top:130px;}
/* .slider-00 > div img {width:800px;} */
.ment {margin:130px 0 20px 1.5%; }
.slider-00 > .ment2 {margin:20px 0 0 1.5%; letter-spacing:3px; line-height:2px;}
.slider-00 > .ment3 {position:absolute; bottom:40px; left:50px; font-weight:900;}
/* .slider-01 {background-image: url(../images/bg_01.jpg);} */
.slider-02 {background-image: url(../images/bg_02.jpg);}

/* 스크롤  */
.icon-scroll {display:none; padding-bottom:15px;position:fixed;bottom:-5px;left:calc(50% - 25px);z-index:999; padding:0px 0 20px;;}
.icon-scroll div {display:none; transform:rotate(-90deg); font-size:13px;font-weight:500;color:#222;}
.icon-scroll:after {content:"";display:block;width:50px;height:50px;background:url(../images/arrow1.png) center center no-repeat;margin:0 auto;}
.icon-scroll.on {display:block;}

/* 섹션별 */
.section01 {position: relative;}
.section01 p {font-family:'Nanum Myeongjo', serif; margin-top:-70px;}
.section01 .slider-move-btn {position: absolute; z-index: 2; background-color: transparent; border: none;}
.section01 .slider-move-btn img {width:50px;}
.section01 .slider-move-btn.prev {top: 50%; margin-top: -77.5px; left: 50px;}
.section01 .slider-move-btn.next {top: 50%; margin-top: -77.5px; right: 50px;}
.section01 .up_line { padding:25px; width:600px; margin:0 auto;}
.section01 .f-size20 {font-size:23px; line-height: 1.6em;}
.section01 .f-size45 {font-size:47px; font-weight:700; line-height: 1.3em;}

.section02 {background: #36387a;}
.section02 .item-box {display:block; height:100vh; box-sizing: border-box; padding-left:3.5%; }
.section02 .swiper-slide {width:20%; margin:4% 2%; float:left; transition:all .4s; box-sizing: border-box;}
.section02 .swiper-slide[onclick] {cursor: pointer;}
.section02 .swiper-slide .box {width: 100%; height: 57vh; text-align: left; transition:.3s; position: relative;z-index:1; box-sizing: border-box;background: #000; }
.section02 .swiper-slide .box img {width: 100%; height: 100%; content:"";opacity: .4; position: absolute;top: 0;left: 0; z-index:-1;}
.section02 .swiper-slide:hover .box img {opacity: 1}
.section02 .swiper-slide:nth-child(2n) {margin-top:8%;}
.section02 .swiper-slide .tit {color:#fff; font-size:30px; font-weight: 600; margin: 40px 0 16px 0;}
.section02 .swiper-slide:hover .tit {color:#f9b55c;}
.section02 .swiper-slide .sub {color:#fff; font-size:16px; font-weight: 200;}

/* .section02 .swiper-slide .in1::after {width: 100%; height: 100%; content:"";  opacity: 1; position: absolute;top: 0;left: 0; z-index:-1;}
.section02 .swiper-slide .in2::after {width: 100%; height: 100%; content:"";  opacity: 1; position: absolute;top: 0;left: 0; z-index:-1;}
.section02 .swiper-slide .in3::after{width: 100%; height: 100%; content:"";  opacity: 1; position: absolute;top: 0;left: 0; z-index:-1;}
.section02 .swiper-slide .in4::after{width: 100%; height: 100%; content:"";  opacity: 1; position: absolute;top: 0;left: 0; z-index:-1;}
.section02 .swiper-slide .box:hover::after {opacity: .4; transition:.3s;} */

.section02 .swiper-slide .box::before
{
    opacity:0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-style: solid;
    border-width: 0;
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 0%;
    height: 0%;
    border-color: #fff;
    border-left-width: 1px;
    border-top-width: 1px;
    z-index:-2;
}
.section02 .swiper-slide .box::after
{
    opacity:0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-style: solid;
    border-width: 0;
    content: "";
    position: absolute;
    bottom: -15px;
    right: -15px;
    width: 0%;
    height: 0%;
    border-color: #fff;
    border-right-width: 1px;
    border-bottom-width: 1px;
    z-index:-2;
}
.section02 .swiper-slide:hover .box::before,
.section02 .swiper-slide:hover .box::after {
    height: 80%;
    width: 80%;
    opacity:1;
}

.section03 {background-image: url(../images/bg_08.jpg); background-size: cover;}
.section03 .item-box li .left {width:60%; float:left;}
.section03 .item-box li .right {width:37%; float:left; padding-left:70px;; box-sizing:border-box;}
.section03 .item-box img { width:700px; display:inline-block; margin-top:30px;}
.section03 .item-box img.mphoto {height:100%; width:100%; margin-left:5px;}
.section03 .item-box {padding-top:120px;}
.section03  .honey .prev{position:Absolute ;left:20px; top:30%;margin-top:-24px;width:34px; height:72px; background:url(../images/prev.png) no-repeat center center; background-size:contain;}
.section03 .honey .next{position:Absolute ;right:20px; top:30%;margin-top:-24px;width:34px; height:72px; background:url(../images/next.png) no-repeat center center; background-size:contain}
.section03  .honey .owl-nav{display:none !Important;}
.section03 p.tt {margin-top:70px;}
.section03 p.line {margin:30px 0 70px 0; width:70px; height:3px; background:#f9b55c;}
.section03 div.button a{padding:5px 20px; font-size:14px; letter-spacing:-1px; background: #aaa; color:#333; border-radius:40px; display: inline-block; margin:40px 0;}
.section03 div.button:hover a{background:#f9b55c; color:#fff; border:none;}


.section04 {background:#fff; }
.section04 .item-box { height:100vh; padding:0; box-sizing: border-box;}
.section04 .item-box .video-wrap .video-slider {box-sizing: border-box;}
.section04 .item-box .video-wrap .video-slider .video-item { padding:0px; width:100vw; margin:auto;box-sizing: border-box;}
.section04 .item-box .video-wrap .video-slider .video-item .video-container { position: relative; padding-bottom: 80%; padding-top: 0px; height: 0; overflow: hidden; box-sizing: border-box;}
.section04 .item-box .video-wrap .video-slider .video-item .video-container img { position: absolute; top: 0; left:0; width:100%; height:100vh; border:0px solid #fff;}
.section04 .item-box .video-wrap .video-slider .video-item .video-container p.line {position: absolute; top: 140px; left:50px; z-index:99; color:#fff; border:1px solid #fff; padding:3px 7px;}
.section04 .item-box .video-wrap .video-slider .video-item .video-container p.tit {position: absolute; top: 190px; left:50px; z-index:99; color:#fff; font-size:39px; font-weight:600;}
.section04 .item-box .video-wrap .slider-control-btn { top: 40%; margin-top: -75px; padding: 0 10px; z-index: 1; transition: 0.5s;}
.section04 .item-box .video-wrap .slider-control-btn.disabled {opacity:1; cursor: default;}
.section04 .item-box .video-wrap .slider-control-btn img {width:43px;}
.section04 .item-box .video-wrap .slider-control-btn.prev-btn {left:20px}
.section04 .item-box .video-wrap .slider-control-btn.next-btn {right:20px}

.section05 {background-image: url(../images/bg_03.jpg); background-size: cover; background-position: center bottom;}
.section05 a {font-size:40px; font-weight:600; color:#fff;}
.section05 p {line-height: 1.5em;}
.section05 .f-size26 {font-size: 22px;}
.section05 .f-size15 {font-size: 15px;}
.section05 .item-box .map {flex:1 0 780px; width:780px; height:600px;}
.section05 .item-box .map2 {display:none;}
.mt-120 {margin-top:120px;}

/* 푸터 */
#footer {background-color: #fff; padding:30px 0;}
#footer .copytxt p {line-height: 20px; color:#444;}

.mobile-slide {display: none;}
.mobile-gnb {display: none;}


/****************************** 서브비주얼  *****************************/

#subVisual{overflow:hidden; height:600px;  min-height:200px; position:relative;}
.sub-visual{position:relative; height:100%; text-align: center;}
.sub-visual.in01 {background:url(../images/sub/sub_01.jpg) no-repeat; background-size:cover; background-position: center;}
.sub-visual.in02 {background:url(../images/sub/sub_02.jpg) no-repeat; background-size:cover; background-position: center;}
.sub-visual.in03 {background:url(../images/sub/sub_03.jpg) no-repeat; background-size:cover; background-position: center;}
.sub-visual.in04 {background:url(../images/sub/sub_04.jpg) no-repeat; background-size:cover; background-position: center;}
.sub-visual.in05 {background:url(../images/sub/sub_05.jpg) no-repeat; background-size:cover; background-position: center;}
.sub-visual h1 {color:#fff; font-size:3.3em; font-weight:600; padding-top:300px;}
.sub-visual p {color:#fff; font-size:1.3em; font-weight:500; margin-top:10px; line-height: 1.3em;}
#subVisual.nonPayment_section {
    overflow:hidden; height:200px;  min-height:200px; position:relative;
}
/****************************** tab ******************************/
.tab { position:relative; width:100%; margin-left:auto; margin-right:auto; margin:5px 0; border-bottom:1px solid #ddd;}
.tab:before { content:''; position:absolute; left:50%; bottom:0; height:70px; width:100%; max-width:1200px;  transform:translateX(-50%);   box-sizing:border-box;}
.tab .tab-in { max-width:1200px; display:-webkit-box; display:-ms-flexbox; display:flex; box-sizing:border-box; margin:0 auto; background:rgba(256,256,256,0.7); /*margin-top:-75px;*/}
.tab .tab-in li { flex:1; text-align:center; color:#888}
.tab .tab-in li .tab-item { position:relative; display:block; height:70px; font-size:18px; font-weight:500; line-height:70px; box-sizing:border-box; overflow:hidden; }
.tab .tab-in li .tab-item::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; transform:translateX(-50%); transition:width 0.4s ease; background-color:#272a63; }
.tab .tab-in li .tab-item:hover::after, .tab .tab-in li.active .tab-item::after { width:100%; }
.tab .tab-in li a.active { color:#272a63; font-weight:700;}
.tab .tab-in li a.active:after { content:''; display:block; position:absolute; left:50%; bottom:0;  width:100%;  height:2px; transform:translateX(-50%);  background-color:#272a63; }
.tab .tab-in li:hover a{color:#272a63; font-weight:700;}

.sub_img {width:100%; height:800px; margin:0 auto;text-align: center; position: relative;}
.sub_img2 {width:100%; height:600px; margin:0 auto;text-align: center; position: relative;}
.sub_img.img1 { background:url(../images/sub/sub1_img1.jpg) no-repeat; background-size:cover; background-position: center; }
.sub_img.img2 { background:url(../images/sub/sub1_2_img1.jpg) no-repeat; background-size:cover; background-position: center; }
.sub_img2.img3 { background:url(../images/sub/sub1_3_img1.jpg) no-repeat; background-size:cover; background-position: center; }
.sub_img.img4 {text-align:left; background:url(../images/sub/sub1_3_img2.jpg) no-repeat; background-size:cover; background-position: center; }
.sub_img.img5 { background:url(../images/sub/sub3_img1.jpg) no-repeat; background-size:cover; background-position: center; }
.sub_img.img6 { background:url(../images/sub/sub4_img1.jpg) no-repeat; background-size:cover; background-position: center; }
.subtitle span {font-size:42px; font-weight:700; letter-spacing: -1.5px; border-bottom:1px solid #272a63; color:#272a63; padding-bottom:12px; line-height: 1.3em;}
.subtitle2 span {font-size:42px; font-weight:700; letter-spacing: -1.5px; border-bottom:1px solid #784430; color:#784430; padding-bottom:12px; line-height: 1.3em;}
.sub_img img {margin-top:300px;}
.sub_img.img4 img {margin-top:200px; margin-left:10%;}
.sub_con1 {display:flex; flex-wrap:wrap; justify-content: space-between;}
.sub_con1 li {margin-top:50px;}
.sub_con1 li img {width:100%;}
.sub_con2 {display:flex; flex-wrap:wrap; justify-content: center;}
.sub_con2 li {margin:50px;}
.sub_con2 li img {width:100%;}
.grayBg {background:#f7f7f7;}
.history_bg {display:flex; flex-wrap:wrap; justify-content: space-between; padding:40px 0;}
.backgr1 {background:url(../images/sub/sub1_4_bg1.jpg) no-repeat; background-size:cover; background-position: center; }
.backgr2 {background:url(../images/sub/sub1_4_bg2.jpg) no-repeat; background-size:cover; background-position: center; }
.aboutDoc {padding: 100px 0;}
.aboutDoc ul li {width:45%; height:500px; border:1px solid #272a63; background-color:#fff; text-align: center;}
.aboutDoc ul li h1 {width:100%; height:70px; line-height:70px; color:#fff; background:#272a63; padding:4px; box-sizing: border-box;}
.aboutDoc ul li h2 {font-size:39px; font-weight:700; letter-spacing:-1px; margin-bottom:40px; color:#272a63;}
.aboutDoc ul li h3 {font-size:22px; font-weight:700; letter-spacing:-2px; margin:55px 0 5px; color:#272a63;}
.aboutDoc ul li p {font-size:18px; text-align: left; margin-left: 5rem;}

/****************************** 병원둘러보기 tab ******************************/
.photo_tab { position:relative; width:100%; margin-left:auto; margin-right:auto; margin:30px 0 ; background:#e2e2e2;}
.photo_tab:before { content:''; position:absolute; left:50%; bottom:0; height:70px; width:100%;  transform:translateX(-50%);   box-sizing:border-box;}
.photo_tab .photo_tab-in {  display:-webkit-box; display:-ms-flexbox; display:flex; box-sizing:border-box; margin:0 auto; background:rgba(256,256,256,0.4);}
.photo_tab .photo_tab-in li { flex:1; text-align:center; color:#888}
.photo_tab .photo_tab-in li .tab-item { position:relative; display:block; height:70px; font-size:18px; font-weight:500; line-height:70px; box-sizing:border-box; overflow:hidden; }
/* .photo_tab .tab-in li .tab-item::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; transform:translateX(-50%); transition:width 0.4s ease; background-color:#272a63; }
.photo_tab .tab-in li .tab-item:hover::after, .tab .tab-in li.active .tab-item::after { width:100%; } */
.photo_tab .photo_tab-in li a.active { color:#fff; background:#272a63; font-weight:600;}
/* .photo_tab .tab-in li a.active:after { content:''; display:block; position:absolute; left:50%; bottom:0;  width:100%;  height:2px; transform:translateX(-50%);  background-color:#272a63; } */
.photo_tab .photo_tab-in li:hover a{ color:#fff; background:#272a63; font-weight:600;}
.view {overflow:hidden;}
.submap {width:100%;}
.mapbg {background:#2d2f60;}
.mapbg .d-m-standard {padding:140px 0 60px; text-align: center;}
#visit dl{padding:0; margin:0; list-style:none;}
#visit section{position:relative; overflow:hidden; background:#fff; padding:0; }
#visit section dl dd{text-align:center ; height:auto; padding:0; margin:0;}
#visit section dl dd p{position:absolute; top:0; left:0; background:rgba(0,0,0,.4); color:#FFF; padding:15px 35px; z-index:3; font-size:1.3em;}
#visit section .swiper-zoom-container {height:auto;}
#visit section .swiper-zoom-container img {width:100%;}
#visit section .swiper-zoom-container.gallery-thumbs {margin-right:0;}
#visit section .controll{ position:absolute; top:50%; left:0; right:0; z-index:3;}
#visit section .controll button{ background:transparent; position:absolute; top:-40px; width:67px; height:80px; background:rgba(0,0,0,.0); border:0;}
#visit section .controll button.prev{left:0}
#visit section .controll button.next{right:0}
#visit section .controll button.swiper-button-disabled{background:rgba(0,0,0,.0);}
#visit section .controll button:after{position:absolute; top:50%; width:25px; height:25px; border-style:solid;  border-width:3px; content:"";}
#visit section .controll button.prev:after{left:18px; border-color:#FFF transparent transparent #FFF; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;  }
#visit section .controll button.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#visit section .controll button.next:after{right:18px; border-color:#FFF #FFF transparent transparent ;  transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;  }
#visit section .controll button.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
#visit aside{position:relative; overflow:hidden;  margin-top:20px;}
#visit aside dd{position:relative;  cursor:pointer;}
#visit aside dd img{width:100%; height:auto; }
#visit aside dd div{ padding-top:0%; background-position:center; background-size:cover; }
#visit aside dd.swiper-slide:after{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); content:"";}
#visit aside dd.swiper-slide-thumb-active:after{ background:rgba(0,0,0,0); }
#visit aside dl dd p {display:none;}

.sub2_ban {margin:0 auto; width:100%; height:auto;}
.sub2_ban li {width:33.3%; text-align: center;}
.sub2_ban li img {width:100%;}
.sub2_ban li h1 {font-size:40px; font-weight:700; letter-spacing: -3px;}
.sub2_ban li:nth-child(1) h1 {color:#f69010;}
.sub2_ban li:nth-child(2) h1 {color:#8bc441;}
.sub2_ban li:nth-child(3) h1 {color:#3f63bc;}
.sub2_ban li p {font-size:22px; margin:5px 0 20px;}
.sub2_txt {width:700px; height:95px; line-height: 95px; background:#222; padding:5px 20px; color:#fff; font-size: 40px; position: absolute; top:170px; left:50%; margin-left:-350px; box-sizing: border-box; text-align: center;}
.sub2_txt img {width:90%;}
.sub2_graybg {background-color:#f4f4f8; padding:90px 0; margin-top:100px;}
.sub2_graybg h1 {color:#36387a; letter-spacing: -3px; font-weight:700; margin-top:50px;}
.sub2_graybg p {color:#36387a; letter-spacing: -3px; font-weight:500; font-size:26px; margin:20px 0 50px;}
.sub2_graybg p span {color:#f69010;}
.sub2_graybg .cont .item {background-color:#36387a; color:#fff; padding:50px; width:700px; height:auto; margin-top:-350px; position: absolute; z-index: 99; right:0; box-shadow: 0px 0px 20px rgba(0,0,0,.5);}
.sub2_graybg .cont.yel .item {background-color:#f69010; color:#fff; padding:50px; width:700px; height:auto; left:0; margin-top:350px; box-shadow: 0px 0px 20px rgba(0,0,0,.5);}
.sub2_graybg .cont2 {float:right;}
.sub2_graybg .item .left {width:30%;}
.sub2_graybg .item .right {width:70%;}
.sub2_graybg .item .left h2 img {width:130px; vertical-align:middle;}
.sub2_2 {width:100%; height:auto; margin:0 auto;}
.sub2_2 li {width:50%;}
.sub2_2 li img {width:60%;}
.sub2_2 li h1 {font-size:35px; color:#36387a; letter-spacing: -3px; font-weight:700; margin-top:20px;}
.sub2_2 li p {font-size:21px; line-height: 1.7em; color:#333;}
.sub2_2_bg {width:100%; height:420px; background:url(../images/sub/sub2_bg1.jpg) no-repeat; background-size: cover; line-height: 420px;}
.sub2_2_bg h1 {text-align: center; color:#fff; font-size:40px; font-weight:700;}
.sub2_2_item ul li {width:50%; padding:70px; box-sizing: border-box;}
.sub2_2_item ul li img {width:100%;}
.sub2_2_item ul li h5 {background-color:#36387a; color:#fff; font-size: 19px; width:400px; height:35px; line-height: 35px; text-align: center; margin-top:100px;}
.sub2_2_item ul li h1 {font-size:35px; color:#36387a; letter-spacing: -3px; font-weight:700; margin:30px 0 40px; }
.sub2_2_item ul li p {font-size:18px;}

.sub2_2_item ul.even li {width:50%; padding:70px; box-sizing: border-box;}
.sub2_2_item ul.even li img {width:100%;}
.sub2_2_item ul.even li h5 {background-color:#36387a; color:#fff; font-size: 19px; width:400px; height:35px; line-height: 35px; text-align: center; margin-top:70px;}
.sub2_2_item ul.even li h1 {font-size:35px; color:#36387a; letter-spacing: -3px; font-weight:700; margin:30px 0 40px; }
.sub2_2_item ul.even li p {font-size:18px;}
.sub2_2_item ul.even li.bg {background:url(../images/sub/sub2_bg3.jpg) no-repeat; background-size: cover;}
.sub2_2_item ul.even li.bg h5 {background-color:#fff; color:#36387a; font-size: 19px; width:400px; height:35px; line-height: 35px; text-align: center; margin-top:70px;}
.sub2_2_item ul.even li.bg h1 {font-size:35px; color:#b9bcf4; letter-spacing: -3px; font-weight:700; margin:30px 0 40px; }
.sub2_2_item ul.even li.bg p {font-size:18px; color:#fff;}
.sub2_2_item ul.even li.bg p.ex {font-size:16px; color:#b9bcf4; margin-top:10px;}
.sub2_graybgimg {background:url(../images/sub/sub2_bg2.jpg) no-repeat; background-size: cover; padding-bottom:90px;}
.sub2_graybgimg h1 {color:#784430; letter-spacing: -3px; font-weight:700; margin-top:50px;}
.sub2_3 {width:100%; height:auto; margin:0 auto;}
.sub2_3 li img {width:60%;}
.sub2_3 li {width:50%;}
.sub2_3 li h1 {font-size:35px; color:#784430; letter-spacing: -3px; font-weight:700; margin:30px;}
.sub2_3 li p {font-size:19px; font-weight:500; line-height: 1.5em; color:#333; margin-bottom:50px;}
.sub2_3.bg_yellow li img {width:90%; display: block; margin: 0 auto;}
.sub2_3.bg_yellow li {width:50%; margin:100px 0 50px;}
.sub2_3.bg_yellow h1 {width:90%; background:#ec9f3f; color:#fff; text-align: center; font-size:24px; padding:20px; margin:0 auto; box-sizing: border-box; letter-spacing: -.3px;}
.sub2_3.bg_yellow p {width:90%; background: #fdeeda; box-sizing: border-box; font-size:16px; line-height: 1.5em; padding:50px; margin:0 auto; text-align: center;}
.sub2_3.bg_blue li img {width:90%; display: block; margin: 0 auto;}
.sub2_3.bg_blue li {width:50%; margin:100px 0 50px;}
.sub2_3.bg_blue h1 {width:90%; background:#282a63; color:#fff; text-align: center; font-size:24px; padding:20px; margin:0 auto; box-sizing: border-box; letter-spacing: -.3px;}
.sub2_3.bg_blue p {width:90%; background: #eee; box-sizing: border-box; font-size:16px; line-height: 1.5em; padding:50px; margin:0 auto; text-align: center;}
.sub2_4 li {width:100%; margin:60px 0; box-shadow: 0 0 15px rgba(0,0,0,.2);}
.sub2_4 li .left, .sub2_4 li .right {width:47%;}
.sub2_4 li .left img {width:100%; height:100%;}
.sub2_4 li .right {padding:50px 0 0 50px; box-sizing: border-box;}
.sub2_4 li .right h1 {width:100%; height:40px; line-height: 40px; font-size:22px; font-weight:600; color:#fff; background-color:#36387a; padding-left:20px; margin-bottom:20px; box-sizing: border-box;}
.sub2_4 li .right h5 {margin:40px 0 10px; font-size:19px; font-weight:bold; color:#36387a;}
.sub2_4 li .right h1.even { background-color:#f69010;}
.d-m-standard2 img.pic_full {width:100%;}
.sub4_bg {background:url(../images/sub/sub4_img2.jpg) no-repeat; background-size: cover; padding:50px;}
.sub4_bg .left {width:20%; padding:60px;}
.sub4_bg .left h1 {font-weight:bold; letter-spacing:-1px;}
.sub4_bg .left h1 span.blue {color:#343aa5;}
.sub4_bg .left h2 {font-weight:bold; letter-spacing: -1px; font-size:23px;}
.sub4_bg .left .line {width:50px; height:8px; background-color:#fff; margin:30px 0;}
.sub4_bg .right {width:70%;}
.sub4_bg .right ul li {width:45%; margin:8px;}
.sub4_bg .right ul li img {width:100%;}
.sub4_bg .right ul li:nth-child(3) {margin-left:50px;}
.history h2 {position:relative; font-size:32px; font-weight: 700; color:#343aa5; }
.history h2:before {content:""; position:absolute; left:-48px; top:50%; width:17px; height:17px; border-radius:100%; background:#fff; border:5px solid #343aa5; transform:translateY(-50%); box-sizing:border-box;}
.history div {position:relative; padding:0 0 0 48px;}
.history div:before {content:""; position:absolute; left:8px; top:0; width:2px; height:100%; background:#ddd;}
.history div:first-child:before {top:10px; height:calc(100% - 10px);}
.history ul {padding:15px 0 60px;}
.history li {font-size:16px; color:#000; line-height: 1.5em; margin-bottom: 10px;}
.history li h3 {font-size: 22px; font-weight: 600; letter-spacing: -.8px; margin-bottom:3px;}
/* footer */
.footer_img {margin-top:10px; text-align: center;}
.inner {background: #171942; color:#fff; padding:40px;}
.footer_sub_info {font-size: 14px; line-height: 20px; margin-top:20px; text-align: center;}


/****************************** 미디어쿼리 ******************************/
@media(min-width:1600px) {
    /* .d-m-standard {width:75%; margin:auto;} */
    .section05 .item-box .map {display:none;}
    .section05 .item-box .map2 {display:block; flex:1 800px; width:800px;;}
}
@media(max-width:1340px) {
    .item-box {padding:45px 0 50px;}
    .section02 .swiper-slide .tit {font-size:20px; margin:20px 0 10px 0;}
    .section02 .swiper-slide .sub {font-size:14px; line-height: 1.4em;}
    .section03 p.tit {top:140px;}
    .section03 .f-size34 {font-size: 27px;}
    .section05 .f-size15 {font-size: 15px;}
    .section05 a {font-size:30px; font-weight:600; color:#fff;}
    .mapbg img {width:98%; margin-top:0px;}
    .subtitle span,
    .subtitle2 span {font-size:29px;}
    .sub2_2_item ul li {padding:40px;}
    .sub2_2_item ul li h5 {margin-top:40px;}
    .sub2_3 li h1 {font-size:23px;}
    .sub2_3 li p {font-size:15px;}
    .sub2_4 li .right {padding:20px 0 0 20px;}
    .sub2_4 li .right h1 {height:30px; line-height: 30px; font-size:18px; margin-bottom:20px;}
    .sub2_4 li .right p {font-size:14px; line-height: 1.3em;}
    .sub2_4 li .right h5 {margin:30px 0 5px;}
    .sub2_2_item ul.even li.bg h5 {margin-top:10px; width:340px;}
    .sub2_2_item ul.even li {padding:40px;}
    .sub4_bg .left {padding:20px;}
    .sub4_bg .left h2 {font-size:20px;}
    .sub4_bg .right ul li {width:40%; margin:8px;}
}
@media(max-width:1024px) {
    header {padding:17px 0 15px 0 !important; height:auto;}
    header.scroll {height:44px;}
    header .header-wrap {text-align: center; justify-content: center;}
    header .header-wrap .right-menu {display:none;}
    header .header-wrap .logo img {width:180px;}
    header .header-wrap .mobile-menu-opener {display: inline-block; top:40%; margin-top:-11px;color: #262626;}
    header.scroll .header-wrap .mobile-menu-opener {color: #262626;}
    .slider-00 > div {margin-top:10%;}
    .section01 .slider-move-btn img {width:30px;}
    .section01 .slider-move-btn.prev {top: 50%; margin-top: -45px; left: 10px;}
    .section01 .slider-move-btn.next {top: 50%; margin-top: -45px; right: 10px;}
    .section02 .item-box > div img {width:96%;}
    .section02 .item-box .ul .li {width:15%; margin:2px;}
    .section02 .item-box .ul .li p {font-size:23px; font-weight:500;}
    .section03 .item-box {margin-top:90px; background:#fff; padding:20px 0 20px;}
    .section03 .c-white {color:#555;}
    .section03 .d-no {display:block; margin-top:40px;}
    .section03 .button {display:none;}
    .section04 .item-box .video-wrap .video-slider .video-item .video-container img { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width:100%;}
    .section04 .item-box .video-wrap .video-slider .video-item {padding:20px; width:85%; margin:auto;}
    .section04 .item-box .video-wrap .slider-control-btn.prev-btn {left: 0%; margin-left: 0;}
    .section04 .item-box .video-wrap .slider-control-btn.next-btn {right: 0%; margin-right: 0;}
    #visit section .swiper-zoom-container img { width: 100%;}
    .section05 .item-box {flex-wrap: wrap;}
    .section05 .item-box > div {order: 1;}
    .section05 .item-box .map {order: 0; width: 100%; height: 250px; flex: none;}
    .section05 .item-box > div:nth-child(1) {margin-top:35px;}
    .section05 .item-box > div:nth-child(1) .mt-80 {margin-top:40px;}
    .section05 .item-box .map {flex:1 0; width:700px; height:600px; order:2}


    .mobile-gnb {position:fixed; top:0; left:0; width: 100%; height:100%; z-index:10001; display: block;}
    .mobile-gnb .gnb-mask {position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; background-color: rgba(0,0,0,0.6);}
    .mobile-gnb .gnb {width:80%; max-width:500px; position: absolute; top:0; left:0; height:100%; overflow-y:auto; background-color: #fff; z-index: 2;}
    .mobile-gnb .gnb .gnb-header img.logo {width:190px; }
    .mobile-gnb .gnb .gnb-header .gnb-close img {width:20px;}
    .mobile-gnb .gnb hr {margin-top: 0px; margin-bottom: 0px; height: 10px; border-top: 1px solid #d6d6d6;}

    .mobile-gnb .gnb .menu-type1 {width: 100%; font-size: 0; overflow-y: auto; /*height: calc(100% - 162px);*/}
    .mobile-gnb .gnb .menu-type1 > li {border-bottom:1px solid #D5D8DC; position: relative; cursor:pointer;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open {padding-bottom:0; border-bottom:none;}
    .mobile-gnb .gnb .menu-type1 > li > a {
        font-size: 16px; font-weight:600; width: calc(100% - 73px); overflow: hidden;
        text-overflow: ellipsis; white-space: nowrap; padding: 15px 20px; cursor: pointer; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none;
    }
    .mobile-gnb .gnb .menu-type1 > li.parent-menu > .more {position: absolute; width: 22px; height: 22px; background-image: url(../images/menu-more.png); background-size: 100%; top: 15px; right: 10px;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open .more {background-image: url(../images/menu-cut.png);}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu > ul {display: none;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul { position: relative; display: block;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul > li {width: 100%; position: relative; background-color: #F7F7F7; font-size:0; border-bottom: 1px solid #e8e8e8;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul > li:last-child {border-bottom: 1px solid #D5D8DC;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul > li:hover {background-color: #dfe2e4;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul > li:first-child {border-top: 1px solid #D5D8DC;}
    .mobile-gnb .gnb .menu-type1 > li.parent-menu.open > ul > li > a {display: inline-block; padding:15px 0 15px 30px; width:calc(100% - 35px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;}
    .aboutDoc ul li h1 img {width:95%;}
    .sub2_2_item ul.even li.bg p {font-size:15px;}
    .sub2_2_item ul.even li.bg h1 {font-size:28px; margin:20px 0 20px;}
}

@media(max-width:1023px) {
    .item-box {padding-top:80px !important; padding-bottom:50px !important;}
    .slider-00 > div {margin-top: 20%;}
    .slider-00 {background-image: url(../images/bg_01_m.jpg); background-size: cover; background-position: center bottom;;}
    header {border-bottom:1px solid rgba(255,255,255,0);;}
    header .headerwrap {width:90%;}
    header .no-scroll img {display:none;}
    header .header-wrap .scroll-logo {display:block;}
    .section01 img {width:100%;}
    .section01 p {margin-top: -157px;}

    .section01 .f-size20 {font-size:26px; }
    .section02 .swiper-slide {width:44%;}
    .section02 .swiper-slide .box.in1, .section02 .swiper-slide .box.in2 {width: 100%; height: 30vh; padding-top:55%;}
    .section02 .swiper-slide .box.in3, .section02 .swiper-slide .box.in4 {width: 100%; height: 30vh; padding-top:43%;}
    .section02 .swiper-slide .box .tit { font-size:24px; font-weight: 600; margin-bottom: 20px;}
    .section02 .swiper-slide .box .sub {font-size:13px; line-height: 1.4em;}
    .section02 .swiper-slide:nth-child(2n) {margin-top:4%;}
    .section02 .swiper-slide:hover .box::before,
    .section02 .swiper-slide:hover .box::after { opacity:0;}
    .section02 .swiper-slide .box img {opacity:1; }
    .section03 .f-size29 {line-height: 1.4em;}
    .section03 .item-box li .left {width:100%; float:left;}
    .section03 .item-box li .right {width:100%; float:left; padding-left:20px;;;}
    .section03 .item-box img { width:700px;  margin-top:30px;}
    .section03 .item-box img.mphoto {height:100%; width:100%; margin-left:5px;}
    .section03 .item-box {padding-top:80px;}
    .section03 p.tt {margin-top:0px;}
    .item-box {padding-top: 50px !important;  padding-bottom: 30px !important;}
    .section04 .item-box {padding-top: 200px !important;}
    .section04 .item-box .video-wrap h3 {font-size:22px; font-weight:bold;}
    .section04 .item-box .video-wrap h4 {font-size:18px; font-weight:bold;}
    .section04 .item-box .video-wrap p {font-size:14px;}
    .section04 .item-box .video-wrap .video-slider .video-item .video-container { padding-bottom: 83%; }
    .section04 .item-box .video-wrap .slider-control-btn.prev-btn {display: none;}
    .section04 .item-box .video-wrap .slider-control-btn.next-btn {display: none;}
    .section04 .item-box .video-wrap .video-slider .video-item {width:100%;}
    .slider-00 > .ment,
    .slider-00 > .ment2,
    .slider-00 > .ment3 {display:none;}

    .section05 {background-image: url(../images/bg_03.jpg); background-size: cover; background-position: center center;}
    .section05 .item-box .map img { width:500px; margin-top:-30px;}
    .sub2_2 li h1 {font-size:25px;}
    .sub2_2 li p {font-size:15px;}
    .sub_img {width:100%; height:350px;; margin:0 auto;text-align: center; position: relative;}
    .sub_img img {margin-top:120px; width:88%;}

}
@media(max-width:1000px) {
    .sub2_4 li .left, .sub2_4 li .right {width:100%;}
    .sub2_4 li .right {padding:50px 30px;}
    .sub2_2_bg h1 {font-size: 30px;}
    .sub2_2_item ul li, .sub2_2_item ul.even li {width:100%;}
    .sub2_2_item .even li:nth-child(1) {order:2;}
    .sub2_2_item .even li:nth-child(2) {order:1;}
    .sub2_ban li h1 {font-size: 25px; margin-top:-50px;}
    .sub2_ban li p {font-size:15px;}
    .sub2_txt {width:600px; margin-left:-300px;}
    .sub4_bg {padding:0px;}
    .sub4_bg .left {width:100%; padding:30px;}
    .sub4_bg .right {width:100%;}
    .sub4_bg .right ul li {width:47%; margin:8px;}
    .sub4_bg .right ul li:nth-child(3) {margin-left:0px;}
    #visit section .controll button, #visit section .controll button.swiper-button-disabled {background:none;}
    #visit section .controll button:after {width:13px; height:13px;}
    #visit section .controll button.next {right:-7px;}
    #visit section .controll button.prev {left:-10px;}
    #visit section dl dd p {font-size: 14px; padding:10px 20px;}

    header {padding:20px 0 7px 0 !important; height:auto;}
    a, span, p {line-height: 15px;}
    .slider-00 {background-image: url(../images/bg_01_m.jpg); background-size: cover; background-position: center center;}
    .slider-02 {background-image: url(../images/bg_02_m.jpg); background-size: cover; background-position: center -135px;}
    .item-box {padding-top:70px; padding-bottom:50px ;}
    .f-size14 {font-size:13px;}
    .f-size24 {font-size:18px;}
    .f-size15 {font-size:13px;}
    .f-size26 {font-size:20px;}
    .f-size27 {font-size:18px;}
    .f-size45 {font-size:28px;}
    .f-size36 {font-size:24px;}
    .f-size50 {font-size:29px;}
    .f-size55 {font-size:35px; line-height: 39px;}
    .fade {position: relative; opacity: 0; transition: 1.0s;}
    .fade-fast {transition: 0.05s;}
    .container {height:100%;}
    .section01 .up_line {width:80%;}
    .section01 .m_con {width:90%; margin:0 auto; text-align:center;}
    .section01 .mb-50 {margin-bottom:-5px;}
    .section01 .m_con .mb-40 {margin-bottom:20px;}
    .section01 .m_con > p.p-txt {line-height: 45px;}
    .section01 .m_con > p:nth-child(2) {line-height: 1em;}
    .section01 p {margin-top: -15px;}
    .section01 .f-size45 {font-size:26px; font-weight:700; line-height: 1.3em;}
    .section01 .f-size20 {font-size:20px; font-weight:500; line-height: 1.3em;}
    .section02 .f-size34 {line-height: 34px;}
    .section02 .item-box {padding-top:75px !important; padding-bottom:50px !important;}
    .section02 .item-box .f-size22 {font-size:16px;}
    .section02 .item-box ul {display:block; float:left;}
    .section02 .item-box ul li {width:50%;float:left;}
    .section02 .swiper-slide .box.in1, .section02 .swiper-slide .box.in2 {width: 100%; height: 32vh; padding-top:80%;}
    .section02 .swiper-slide .box.in3, .section02 .swiper-slide .box.in4 {width: 100%; height: 32vh; padding-top:60%;}
    .section02 .swiper-slide .tit { font-size:18px; font-weight: 600; margin: 15px 0 10px 0;}
    .section02 .swiper-slide .sub { font-size:13px; line-height:1.4em;}
    .section03 .mt-40 {margin-top:10px;}
    .section03 .f-size29 {font-size:23px;}
    .section03 p.line {margin:0px 0 0px 0;}
    .section03 p.tt {margin-top:0px;}
    .section03 p.bg_txt { width:80%;padding:10px;}
    .section03 p.tit { top:110px; left:calc(50% - 170px); letter-spacing: -2px}
    .section03 .f-size16 {font-size: 13px; font-weight:300; line-height:1.4em;}
    .section03 .item-box {margin-top:140px; padding:20px 0 20px; padding-top:20px; padding-bottom:20px ;}
    .section03 .item-box img { width:700px;  margin-top:0px;}

    .section04 .item-box .video-wrap .video-slider .video-item {background-color:#fff; padding:0px; padding-bottom:30px; width:215%; margin:auto;}
    .section04 .item-box {padding-top:1px !important; padding-bottom:0px !important;}
    .section04 .item-box .video-wrap .video-slider .video-item .video-container { position: relative;  height: 0; overflow: hidden; background-color:#fff;}
    .section04 .item-box .video-wrap .video-slider .slick-list {padding:0px 0%; margin-left:-10%;}
    .section04 .item-box .video-wrap .slider-control-btn.prev-btn {display: block;}
    .section04 .item-box .video-wrap .slider-control-btn.next-btn {display: block;}
    .section04 .item-box .video-wrap .slider-control-btn img {width:30px;}
    .section04 .item-box .video-wrap h3 {font-size:23px; font-weight:bold;}
    .section04 .item-box .video-wrap h4 {font-size:16px; font-weight:bold;  width:95%; margin:10px auto; letter-spacing: -0.7px;}
    .section04 .item-box .video-wrap p {font-size:14px; letter-spacing: -1px; width:95%; margin:10px auto;}
    .section04 .item-box .video-wrap .video-slider .video-item {width:150%;}
    .section04 .item-box .video-wrap .video-slider .video-item .video-container { padding-bottom: 82%;width:100%; padding-top:200px; margin-top:70px;}
    .section04 .item-box .video-wrap .video-slider .video-item .video-container img { position:relative; width:100%; margin-top:200px; margin-bottom:-50px;}
    .section04 .item-box .video-wrap .video-slider .video-item .video-container p.line {display:none;}
    .section04 .item-box .video-wrap .video-slider .video-item .video-container p.tit {top: 30px; left: 90px; font-size:25px;}
    .section04 .item-box .video-wrap .slider-control-btn {top:30%;}
    .pt-20 {padding-top:10px;}
    .section05 .item-box .map img{ width:45%; margin-top:-50px; }
    .section05 .item-box .map {flex:1 0 780px; width:700px; height:222px;}
    .section05 .item-box > div:nth-child(1) {margin-top:30px;}
    .section05 .mt-10 {margin-top:5px;}
    .section05 .f-size15 {line-height: 1.5em; font-size:13px}
    .container .landing div:nth-child(2) .land_cen {width:60%;}
    #footer .copytxt p {font-size:12px }
    .stay_text > img {display:none;}
    .stay_text {margin-top:350px;}
    #visit section .swiper-zoom-container img {width:100%;}
    .sub-visual h1 {font-size:2em;}
    .sub_img {width:100%; height:350px;; margin:0 auto;text-align: center; position: relative;}
    .sub_img img {margin-top:135px; width:88%;}
    .sub_img.img4 img {margin-top:60px;  margin-left:30px; width:58%;}
    .sub_img2 {width:100%; height:400px;; margin:0 auto;text-align: center; position: relative;}
    .sub_img2 img { width:80%;}
    .subtitle span {font-size:30px;}
    .subtitle img {width:40%;}
    .tab .tab-in li .tab-item {font-size:13px; letter-spacing: -.5px}
    .aboutDoc {padding:30px 0;}
    .aboutDoc ul li {width:100%; height:500px; margin-bottom:40px;}
    .aboutDoc ul li h2 {font-size: 30px;}
    .aboutDoc ul li p {line-height: 25px; font-size:16px;}
    .photo_tab .photo_tab-in li .tab-item { font-size:13px; }
    .view img {width:100%;}
    .mb-100 {margin-bottom:70px;}
    #subVisual {height:400px;}
    .sub-visual h1 {font-size: 2em; padding-top: 200px;}
    .submap {width:100%; height:400px;}
    .mapbg img {width:95%; margin-top:100px;}
    .sub2_2 li h1 {font-size:28px;}
    .sub2_2 li p {font-size:16px;}
    .sub2_2_item ul li h1 {font-size:26px; margin:20px 0 10px;}
    .sub2_2_item ul li p {font-size:15px; line-height: 1.4em;}
    .sub2_2_item ul {margin-bottom:50px;}
    .line {width:100%; height:1px; background:#ccc; margin:20px 0;}
    .sub2_graybg p {font-size:16px; line-height: 1.6em;}
    .sub2_graybg p span {font-size:19px; line-height: 1.6em;}
    .sub2_graybg .cont {margin-bottom:90px;}
    /* .sub2_graybg .cont.yel .left {width:18%;} */
    .sub2_graybg .cont.bt > img {margin-top:120px;}
    .sub2_graybg .cont img {width:100%;}
    .sub2_graybg .cont.bt > img {margin-top:30px;}
    .sub2_graybg .cont.yel .item {margin-top:290px;}
    .sub2_graybg .cont .item {width:86%; margin-top:-100px;}
    .sub2_graybg .item .left h2 img {width:100px;}
    .sub2_graybg .item .right h5 {font-size:13px;}
    .sub2_graybg .item .left {width:40%;}
    .sub2_graybg .item .right {width:60%;}
    .m_con .f-size32 {font-size:20px; line-height: 1.3em; margin-bottom:10px;}
    .m_con p {margin-top:20%;}
    .sub4_bg .right ul li {width:100%; margin:8px;}
    .sub2_3.bg_yellow li img {width:100%; display: block; margin: 0 auto;}
    .sub2_3.bg_yellow li {width:100%; margin:40px 0;}
    .sub2_3.bg_yellow h1 {width:100%; background:#ec9f3f; color:#fff; text-align: center; font-size:18px; padding:10px; margin:0 auto; box-sizing: border-box; font-weight: normal;}
    .sub2_3.bg_yellow p {width:100%; background: #fdeeda; box-sizing: border-box; font-size:15px; line-height: 1.5em; padding:20px; margin:0 auto; text-align: center; font-weight: normal;}
    .sub2_3.bg_blue li img {width:100%; display: block; margin: 0 auto;}
    .sub2_3.bg_blue li {width:100%; margin:40px 0;}
    .sub2_3.bg_blue h1 {width:100%; background:#282a63; color:#fff; text-align: center; font-size:20px; padding:10px; margin:0 auto; box-sizing: border-box;}
    .sub2_3.bg_blue p {width:100%; background: #eee; box-sizing: border-box; font-size:15px; line-height: 1.5em; padding:20px; margin:0 auto; text-align: center;}
    .sub2_3.bg_blue li img {width:100%; display: block; margin: 0 auto;}
    .sub2_3.bg_blue li {width:100%; margin:40px 0;}
    .sub2_3.bg_blue h1 {width:100%; background:#282a63; color:#fff; text-align: center; font-size:20px; padding:10px; margin:0 auto; box-sizing: border-box;}
    .sub2_3.bg_blue p {width:100%; background: #eee; box-sizing: border-box; font-size:15px; line-height: 1.5em; padding:20px; margin:0 auto; text-align: center;}
    .history h2 {font-size:22px;}
    .history div {position:relative; padding:0 0 0 30px;}
    .history h2:before {left:-30px;}
    .history ul {padding:10px 0 40px;}
    .history li {font-size:14px;}
    .history li h3 {font-size: 18px;}
    .footer_sub_info p {font-size: 13px; line-height: 17px; margin-top:10px;}
}

@media(max-width:650px) {
    .item-section {min-height: auto; overflow-y:hidden;}
    .slider-02 {background-image: url(../images/bg_02_m.jpg); background-size: cover; background-position: center top;}
    .section01 .f-size20 {font-size:16px;}
    .section02 .swiper-slide .box.in1, .section02 .swiper-slide .box.in2 {width: 100%; height: 25vh; padding-top:80%;}
    .section02 .swiper-slide .box.in3, .section02 .swiper-slide .box.in4 {width: 100%; height: 25vh; padding-top:60%;}
    .section03 .item-box {margin-top:100px;}
    .section04 .item-box .video-wrap .video-slider .video-item .video-container img {margin-top:110px;}
    .section04 .item-box .video-wrap .video-slider .video-item .video-container p.tit {left: 60px; font-size:22px;}
    .section04 .item-box .video-wrap .video-slider .video-item .video-container img { position:relative; width:100%; margin-top:75px; margin-bottom:-50px;}
    .section05 .item-box .map img{ width:43%; margin-top:0px; }
    .section05 .item-box .map {flex:1 0 780px; width:700px; height:222px;}
    .section05 .item-box .mt-70 {margin-top:10px;}
    .section05 .mt-20 {margin-top:10px;}
    .section05 .f-size26 {font-size:17px;}
    footer .footer-logo {width:60%;}
    footer .bottom-logo {text-align:center;}
    footer .bottom-logo img {width:80%;}
    footer .d-w-full img {width:100%;}
    /* 퀵메뉴 */
    .right-quick-menu ul {display:none;}
    .right-quick-menu2 {position:static; z-index:99; cursor:pointer; margin-left:calc(50% - 88px); margin-bottom:30px;}
    .right-quick-menu2 li {float:left;}
    .right-quick-menu2:after {content:''; display:block; clear:both;}
    .container {height:100%;}
    .sub2_2 li {width:100%;}
    .sub2_2 li h1 {font-size:25px;}
    .sub2_2 li p {font-size:15px;}
    .history_bg img {width:99%;}
    .sub2_3 li {width:100%;}
    .sub2_3 li h1 {margin:10px;}
    .subtitle span, .subtitle2 span {font-size:24px; border:none}
    .sub2_graybg {margin-top:20px; padding:20px 0;}
    .sub2_graybg h1 {margin-bottom:20px;}
    .sub2_graybg span {font-size:25px;}
    .sub2_graybg .cont.bt > img {margin-top:70px;}
    .sub2_graybg .cont.yel .item {margin-top:250px;}
    .sub2_2_item ul {margin-bottom:90px;}
    .sub2_2_item ul li {padding:5px;}
    .sub2_2_item ul li h5,
    .sub2_2_item ul.even li.bg h5 {font-size:16px; width:100%;}
    .sub2_2_item ul.even li.bg h1,
    .sub2_2_item ul li h1 {font-size:22px;}
    .sub2_ban li {width:100%; margin-bottom:70px;}
    .sub2_txt {width:90%; margin-left:-45%; height:70px; line-height: 50px;}
    .sub_con2 li {margin:0px; margin-bottom:40px;}
}
@media(max-width:550px) {
    .sub2_graybg .cont.bt > img {margin-top:100px;}
    .sub2_graybg .cont.yel .item {margin-top:230px; width:86%; padding:40px 15px;}
    .sub2_graybg .item .left h2 img {width:80px;}
}
@media(max-width:450px) {
    .sub2_graybg .cont.bt > img {margin-top:160px;}
}