@charset "utf-8";
/*
	Common Layout CSS _ 15.05.18
*/

@charset "utf-8";



/*메뉴*/


body.scroll .header{background:#fff; transition:0.2s; border-color:#e6e6e6}
.header{position:fixed; top:0; width:100%; min-width:320px; max-height:2000px;  z-index:100; border-bottom:1px solid #e6e6e6; border-color:rgba(255,255,255,0.3); }
.header .pdinner{padding:0 5%;}

.header h1{ margin:15px 0px 10px 5%; width:150px; height:38px; display:inline-block; background:url(../img/logo_w.png) no-repeat center center; background-size:100% !important; transition:0.3s; text-indent:-9999px}
body.scroll .header h1{background:url(../img/logo.png) no-repeat center center; transition:0.3s}

.header .gnb_right{display:flex; flex-direction:row-reverse; justify-content:space-between; position:relative; z-index:100;border-bottom:1px solid #e6e6e6; border-color:rgba(255,255,255,0.3); padding:7px 5%}
.header .gnb_right .btn_lag{position:relative; font-size:0.9em; background:rgba(13, 53, 121, 0.8); padding:5px 10px; border-radius:500px; color:#fff; font-weight:600; margin-left:10px; display: flex;align-items: center;}
.header .gnb_right .btn_lag:before{content:''; display:inline-block; width:15px; height:15px; background:url(../img/ic_global.png) no-repeat center center; background-size:100% !important; margin-right:10px; vertical-align:middle}
.header .gnb_right .btn_sns{display:flex; align-items:center}
.header .gnb_right .btn_sns li{margin-right:10px;}
.header .gnb_right .btn_sns li a{display:block; width:30px; height:30px; text-indent:-9999px;; background-size:100% !important}
.header .gnb_right .btn_sns li a.btn_blog{background:url(../img/ic_blog.png) no-repeat center center}
.header .gnb_right .btn_sns li a.btn_instar{background:url(../img/ic_insta.png) no-repeat center center}
.header .gnb_right .btn_sns li a.btn_youtube{background:url(../img/ic_youtube.png) no-repeat center center}

body.lnb_on .header .gnb_right .btn_sns li a.btn_blog{background:url(../img/ic_blog.png) no-repeat center center}
body.lnb_on .header .gnb_right .btn_sns li a.btn_instar{background:url(../img/ic_insta.png) no-repeat center center}
body.lnb_on .header .gnb_right .btn_sns li a.btn_youtube{background:url(../img/ic_youtube.png) no-repeat center center}

body.scroll .header .gnb_right .btn_sns li a.btn_blog{background:url(../img/ic_blog_b.png) no-repeat center center}
body.scroll .header .gnb_right .btn_sns li a.btn_instar{background:url(../img/ic_insta_b.png) no-repeat center center}
body.scroll .header .gnb_right .btn_sns li a.btn_youtube{background:url(../img/ic_youtube_b.png) no-repeat center center}


@media all and (min-width:1200px) {
.header .gnb_right{ position:absolute; padding:0; top:28px; border-bottom:0; }
.header .gnb_right .btn_lag{padding:7px 15px;}
.header h1{display:block; float:left; margin:17px 20px 0 20px; width:215px; height:55px}

body.fp-viewing-sc2 #menu,
body.fp-viewing-sc2-0 #menu,
body.fp-viewing-sc2-1 #menu,
body.fp-viewing-sc2-2 #menu,
body.fp-viewing-sc3 #menu,
body.fp-viewing-sc5 #menu{color:#161616; transition:0.2s}
body.fp-viewing-sc2 .header h1,
body.fp-viewing-sc2-0 .header h1,
body.fp-viewing-sc2-1 .header h1,
body.fp-viewing-sc2-2 .header h1,
body.fp-viewing-sc3 .header h1,
body.fp-viewing-sc5 .header h1{background-image:url(../img/logo.png); transition:0.2s}
body.fp-viewing-sc2 .header,
body.fp-viewing-sc2-0 .header,
body.fp-viewing-sc2-1 .header,
body.fp-viewing-sc2-2 .header,
body.fp-viewing-sc3 .header{background:#ffffff; border-color:rgba(200,200,200,0.3)}
body.fp-viewing-sc3 .header,
body.fp-viewing-sc5 .header{background:#f8f8f8}
body.fp-viewing-sc5 .header{background:#f8f8f8}

.header #d_lnb{width:calc(100% - 400px); float:left;; }
.header #menu{display:flex; flex-wrap:wrap; color:#fff; justify-content:center}
.header #menu li { }
.header #menu li a{line-height:90px; font-size:0.9em; font-weight:700; display:block; position:relative; padding:0 8px}
body.scroll .header #menu li a{color:#313131}
.header #menu li a:before{content:''; position:absolute; bottom:-1px; left:50%; width:0; height:3px; background:#2155ae; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
.header #menu li:hover a:before{width:60px; margin-left:-30px;}
.header #menu li.active a:before{width:60px; margin-left:-30px; background:#1cccc6}
body.fp-viewing-sc4 .header #menu li a:before{background:#002060}
body.fp-viewing-sc4 .header #menu li.active a:before{background:#1cccc6}

.header #d_lnb #menu li span{display:none}
.header .gnb_right{position:absolute; right:20px; border-bottom:0px}

}

@media all and (min-width:1400px) {
.header #menu li a{padding:0 13px; font-size:1.1em}
}

@media all and (min-width:1600px) {
.header #menu li a{padding:0 20px;}
}



/* 모바일 메뉴*/
@media all and (max-width:1199px) {

.header #d_lnb_btn{position:absolute; cursor:pointer; display:flex; width:40px; height:30px; right:5%; top:15px; flex-wrap:wrap; align-content: space-around; z-index:100;  transition:0.2s}
.header #d_lnb_btn span{width:100%; height:3px; display:block; background:#fff;  transition:0.2s}
body.lnb_on .header #d_lnb_btn{align-content:center;}
body.lnb_on .header #d_lnb_btn span{transform:rotate(45deg); top:50%; position:absolute;  transition:0.2s}
body.lnb_on .header #d_lnb_btn span:nth-child(2){opacity:0}
body.lnb_on .header #d_lnb_btn span:last-child{transform:rotate(-45deg)}
body.scroll .header #d_lnb_btn span{background:#2155AE}
body.scroll.lnb_on .header #d_lnb_btn span{background:#fff}
.header #d_lnb{position:fixed; right:-100%; top:0; bottom:0; background:#2155AE; padding:120px 7%; width:100%; z-index:10;}
.header #d_lnb #menu li {margin-bottom:10px}
.header #d_lnb #menu li a{font-weight:800; padding:10px 0px; display:block; font-size:1.4em; color:#fff;}
.header #d_lnb #menu li a i{display:inline-block; margin-left:10px}
.header #d_lnb #menu li a i:before{content:''; display:block; width:20px; height:20px; background:url(../img/ic_oNew.svg); background-size:100% !important;}
.header #d_lnb #menu li span{display:block; font-size:0.8em; margin-bottom:5px;font-weight:500; opacity:0.8}
body.scroll .header .gnb_right{background:#2155AE}

body.scroll .header .gnb_right .btn_sns li a.btn_blog{background:url(../img/ic_blog.png) no-repeat center center}
body.scroll .header .gnb_right .btn_sns li a.btn_instar{background:url(../img/ic_insta.png) no-repeat center center}
body.scroll .header .gnb_right .btn_sns li a.btn_youtube{background:url(../img/ic_youtube.png) no-repeat center center}

}


/*common*/


.inner{max-width:1600px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width:1600px; padding:0 5%; position:relative; margin: 0 auto;}
.subwrap .pdinner:after{content:''; display:block; clear:both}
.ofh{overflow:hidden;}
.ls10{letter-spacing:10px;}
.ls5{letter-spacing:5px;}

.tit_h3{font-size:28px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}
.tit_h3:after{content:''; width:60px; height:1px; display:block; background:#505050; margin: 0 auto; margin-top:20px;}
.tit_h4{font-size:26px; color:#323232; font-weight:bold; letter-spacing:-1px}

.tit_h5{color:#323232; font-weight:bold; font-size:18px;}

.tit_h4.noLine:after{width:0; height:0px; margin-top:0px;}


.mEnter{display:block;}
.mb{margin-bottom:30px !important}
.pb{padding-bottom:30px;}
.bmb{margin-bottom:40px !important}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}


.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}

.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.line_btn{overflow:hidden;}
.line_btn li{width:100%; margin-bottom:10px;}
.line_btn li a{display:block; border:1px solid #ffffff; padding:5px; text-align:center; font-size:0.8em}
.line_btn li:last-child{margin:0; }

.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}

.upper{text-transform:uppercase}
.fwb{font-weight:600}
.fwbb{font-weight:800}
.fss{font-size:0.8em}
.Tblack{color:#323232}
.Tred{color:#e83428}
.ylTxt{color:#fff94e;}
.grTxt{color:#11ae4b}
.orgTxt{color:#ffa60a}
.upcase{text-transform:uppercase}

.btn_more{display:inline-block; color:#ffffff; background:#1c3f95; padding:6px 20px; border-radius:500px}

@media all and (min-width:768px) {

.mEnter{display:inline;}
.tit_h4{font-size:30px; letter-spacing:-1px}
.tit_h5{font-size:20px; letter-spacing:-1px}


.mb{margin-bottom:45px !important; }
.pb{padding-bottom:45px;}
.bmb{margin-bottom:60px !important;}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 5%}

.half{width:47.5%; float:left;}
.mr{margin-right:3%;}

.line_btn li{width:47.5%; float:left; margin-right:3%;}
.line_btn li:last-child{margin:0}
.line_btn li a{padding:8px}
}

@media all and (min-width:1200px) {

body, html{font-size:17px;}
.mEnter{display:inline;}
.pEnter{display:block;}


.tit_h3:after{margin-top:25px;}

.tit_h4{font-size:30px; }

.tit_h5{font-size:20px; }


.mb{margin-bottom:50px !important}
.pb{padding-bottom:50px;}
.bmb{margin-bottom:80px !important}
.pdinner{padding:0 20px}



}

@media all and (min-width:1640px) {
.bmb{margin-bottom:120px !important}
}



/*owl 컨트롤러 css변경*/
.owl-controls{width:100%; margin:0 auto;}

/*owl pagenation css변경 */
.page_btn .owl-page span{width:20px !important; height:20px !important; background:none !important; border:4px solid #ffffff; border-radius:20px; opacity:0.7 }
.page_btn .owl-page.active span{opacity:1;}

.page_btn2 .owl-page span{width:5px !important; height:5px !important; background:#808080 !important; border-radius:20px; position:relative; opacity:1 !important; margin:0 20px !important;}
.page_btn2 .owl-page.active span:before{content:''; width:30px; height:30px; position:absolute; margin-left:-16px; left:50%; margin-top:-16px; top:50%; border:1px solid #808080; border-radius:200px;}

/*owl navigation css변경*/
.owl-theme .owl-controls{position:relative}
.arrow_btn .owl-buttons{position:absolute; width:100%; top:-250px;}
.arrow_btn .owl-buttons div{position:absolute; font-family:'FontAwesome'; text-indent:-999999px; background:none !important; padding:0px !important; margin:0px !important;}
.arrow_btn .owl-buttons div:first-child{left:2%;}
.arrow_btn .owl-buttons div:last-child{right:2%;}
.arrow_btn .owl-buttons div.owl-prev:after,
.arrow_btn .owl-buttons div.owl-next:after{content:'\f104'; font-family:'FontAwesome'; position:absolute; left:0; top:0; text-indent:0 !important; font-size:3em;}
.arrow_btn .owl-buttons div.owl-next:after{content:'\f105'; right:0; left:auto;}

.pop_page_btn{position:relative;}
.pop_page_btn .owl-controls{position:absolute; bottom:0px; text-align:right !important}
.pop_page_btn .owl-pagination{display:inline-block; padding:1px 10px; border-radius:500px; height:22px;}
.pop_page_btn .owl-controls .owl-page span{width:10px !important; height:10px !important; background:#505050 !important; margin:2px 4px !important}
.pop_page_btn .owl-controls .active span{background:#8c000a !important}

@media all and (min-width:1200px) {
.arrow_btn .owl-buttons div:first-child{left:-10%;}
.arrow_btn .owl-buttons div:last-child{right:-10%;}
.arrow_btn .owl-buttons div.owl-prev:after,
.arrow_btn .owl-buttons div.owl-next:after{font-size:50px;}
}



/* ==== Slider Image Transition === */
@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes scaling {	From {    -webkit-transform: scale(1.1);}	To {    -webkit-transform: scale(1.0);}}


/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;/*border:1px solid transparent*/}



/* Arrows */
.slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; background-size:100% !important; border:0;   cursor: pointer;  background:none; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; width:100%; height:100%; line-height:50px; text-align:center; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.slick-arrow:before{background:url(../img/arrow_wprev.svg) no-repeat center center}
.slick-next{right:0;}
.slick-next:before{background:url(../img/arrow_wnext.svg) no-repeat center center }

/* Circle Arrows */
.cir-arrow .slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:none; border:2px solid #ffffff; border-radius:500px; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.cir-arrow .slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.cir-arrow .slick-arrow:before{content:'\f104'; font-size:22px; color:#ffffff}
.cir-arrow .slick-arrow.slick-next{right:0;}
.cir-arrow .slick-arrow.slick-next:before{content:'\f105'; }


/* rec Arrows */
.rec-arrow .slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:none; border:1px solid #ffffff; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.rec-arrow .slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.rec-arrow .slick-arrow:before{content:'\f104'; font-size:22px; color:#ffffff}
.rec-arrow .slick-arrow.slick-next{right:0;}
.rec-arrow .slick-arrow.slick-next:before{content:'\f105'; }



/*line-Dots*/
.slick-dots{position: absolute;    bottom: -15px;    display: block;    width: 100%;    padding: 0;    margin: 0;   text-align: center; z-index:10}
.slick-dots li{position: relative;  display: inline-block;  width: 20px;  height: 3px;  margin: 0 5px;   padding: 0;   cursor: pointer;}
.slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width:100%; height:100%;  background:#808080; cursor: pointer;  color: transparent;  border: 0;  outline: none;  opacity:0.8}
.slick-dots li.slick-active button{background:#1cccc6; opacity:1}


/*pop_dot*/
.pop_dot .slick-dots{position: absolute;    bottom: 10%;  right:20px; display: inline-block; padding: 5px; line-height:100%;  width:auto; background:rgba(0,0,0,0.5); text-align: center; z-index:10}
.pop_dot .slick-dots li{position: relative;  display: inline-block;  width: 13px;  height: 13px;  margin: 0 5px;  padding: 0;   cursor: pointer; vertical-align:middle;}
.pop_dot .slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width: 100%;  height: 100%; border-radius:500px;  cursor: pointer;  color: transparent;  border: 0;  outline: none;  background:none; background:#ffffff; opacity:0.5}
.pop_dot .slick-dots li.slick-active button{background:#fcc754; opacity:1}



/*slick_circle_arrow*/

.slick_circle_arrow button{position:absolute; top:auto; bottom:10px; right:20px; background:none; border:1px solid #ffffff; border-radius:500px; border-color:rgba(255,255,255,0.5)}
.slick_circle_arrow button:before{color:#ffffff;}
.slick_circle_arrow button.slick-prev{margin-right:60px}


/*fullpage_재지정


.fp-section .aos-init,
.fp-section.fp-completely .aos-init { opacity:0 !important;   transform:translate3d(0,100px,0) !important; transition-delay:0.2s;}
.fp-section.fp-completely.active .aos-init { opacity:1 !important;  transform:translateZ(0) !important; transition-delay:0.2s; transition-duration:0.5s}
 모바일에서 시작점을 매끄럽게 인식못하는 형상으로 pc에서만
*/


.fp-section.active .aos-init[data-aos-delay="50"] {transition-delay:0.5s}
.fp-section.active .aos-init[data-aos-delay="100"] {transition-delay:.1s}
.fp-section.active .aos-init[data-aos-delay="200"] {transition-delay:.2s}
.fp-section.active .aos-init[data-aos-delay="300"] {transition-delay:.3s}
.fp-section.active .aos-init[data-aos-delay="400"] {transition-delay:.4s}
.fp-section.active .aos-init[data-aos-delay="500"] {transition-delay:.5s}
.fp-section.active .aos-init[data-aos-delay="600"] {transition-delay:.6s}

.fp-section.active .aos-init.ds-1{transition-delay:.1s}
.fp-section.active .aos-init.ds-2{transition-delay:.2s}
.fp-section.active .aos-init.ds-3{transition-delay:.3s}
.fp-section.active .aos-init.ds-4{transition-delay:.4s}
.fp-section.active .aos-init.ds-5{transition-delay:.5s}
.fp-section.active .aos-init.ds-6{transition-delay:.6s}

.fp-section .aos-init,
.fp-section.active .aos-init { opacity:0 !important;   transform:translate3d(0,100px,0) !important; transition-delay:0.2s;}
.fp-section.fp-completely,
.fp-section.active .aos-init { opacity:1 !important;  transform:translateZ(0) !important; transition-delay:0.2s; transition-duration:0.5s}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

@media all and (min-width:1200px) {



body.fp-viewing-sc4.scroll .header,
body.fp-viewing-sc6.scroll .header,
body.fp-viewing-sc7.scroll .header{background:none; border-color:rgba(255,255,255,0.3); }
body.fp-viewing-sc6.scroll .header{background-color: rgba(0, 32, 96, 0.15);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);}

body.fp-viewing-sc4.scroll .header #menu li a,
body.fp-viewing-sc6.scroll .header #menu li a,
body.fp-viewing-sc7.scroll .header #menu li a{color:#fff}
body.fp-viewing-sc4.scroll .header h1,
body.fp-viewing-sc6.scroll .header h1,
body.fp-viewing-sc7.scroll .header h1{background:url(../img/logo_w.png) no-repeat center center; }

body.fp-viewing-sc4.scroll .header{background:#2155ae; }

body.fp-viewing-sc7.scroll .header{background:#002060; }
body.fp-viewing-sc7 #fp-nav ul li a span,
body.fp-viewing-sc7 .fp-slidesNav ul li a span {
  background: #ffffff;

}



body.fp-viewing-sc7 #fp-nav ul li .fp-tooltip{color:#fff !important}

}
}


/**/
.wrap{max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative;  }

.mainvisual {position:relative; overflow:hidden; z-index:0; margin-top:0px}
.mainvisual h1.tit{height:0;opacity:0}

#scroll_down{width:50px; height:50px; background:#23b14d; position:absolute; bottom:30px; left:0; right:0; margin:auto; z-index:1000;
-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);}

#scroll_down a{display:block; width:100%; height:100%; position:relative; text-align:center}
#scroll_down a img{max-width:45px; -webkit-animation:text-pop-up-bottom 1.5s cubic-bezier(.25,.46,.45,.94) infinite both;animation:text-pop-up-bottom 1.5s cubic-bezier(.25,.46,.45,.94) infinite both}
/*.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}*/
.jello-vertical{-webkit-animation:jello-vertical .9s both;animation:jello-vertical .9s both}
.btn_bike{max-width:45px;}


/*비주얼*/
.visusliderWrap{position:relative; }
.visual{position:relative}
.visuslider{background:#161616;}
.visuslider .visu{position:relative; height:100vh; min-height:750px; max-height:1024px; z-index:2; }
/*.visuslider .visu:after{content:''; width:100%; position:absolute; top:0; left:0; right:0; height:100%; background:linear-gradient(180deg, rgba(62,61,60,0.5) 0%, rgba(62,61,60, 0.3) 60%, rgba(62,61,60, 0.0) 100%); z-index:3}검은레이어*/
.visuslider .visu:after{content:''; width:100%; position:absolute; top:0; left:0; right:0; height:100%; background:linear-gradient(180deg, rgba(50,50,50,0.85) 0%, rgba(50,50,50, 0.0) 100%); z-index:3; opacity:0.3}/*검은레이어*/

.visuslider .visu:before{content:''; position:absolute; background:#004098; background:rgba(0,64,152,0.9); left:0; right:0; top:0; bottom:0; width:100%;  bottom:0; z-index:1; }

.visuslider .visu:before{content:''; display:block; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; background-size:cover !Important;}
.visuslider .visu.slick-active:before{animation: zoomout 0.5s ease-in-out infinite alternate;    -webkit-animation: zoomout 0.5s ease-in-out infinite alternate; animation-iteration-count:1; 	-webkit-animation-iteration-count:1;}
.visuslider .visu.visu01:before{background:url(../img/main01.jpg) no-repeat center center;}


.visuslider .visu .info{ width:100%; max-width:1500px; position:relative; margin:0 auto; padding:0 4%; z-index:5; text-align:center; color:#ffffff; padding-top:145px; margin-bottom:20px} /*텍스트글자*/
.visuslider .visu .info h2{font-size:1.2em;  text-align:center; line-height:1.15; font-weight:800; width:100%; }
.visuslider .visu .info p{font-size:2.6em; font-weight:800;}





/*비주얼 arrow/num */
.visuslider .slick-dots{bottom:80px; padding:0 4%; max-width:1400px; left:0; right:0; margin:0 auto}
.visuslider .slick-dots li{width:20px; height:3px; transition:0.3s; margin:0 3px}
.visuslider .slick-dots li button{background-color: rgba(255,255,255,  0.5);
    -webkit-backdrop-filter: blur(14px);
            backdrop-filter: blur(14px);  border-radius:0; }
.visuslider .slick-dots li.slick-active{width:40px; transition:0.3s}
.visuslider .slick-dots li.slick-active button{ width:40px; position:relative}

.visuslider .slick-dots li.slick-active button:before{content:''; display:block; -webkit-animation:ProgressDots 4.2s both;
          animation:ProgressDots 4.2s both;
		  opacity:1;
		  background:#EB2323; height:3px; position:absolute; left:0; top:0; bottom:0;}


/*비주얼 변곡점*/


@media all and (min-width:768px) {

.visusliderWrap{position:relative;}

.visuslider .visu .info{margin-bottom:40px}



}

@media all and (min-width:1200px) {
.mainvisual{margin-top:0px}

.visuslider .visu{height:100vh; min-height:800px; max-height:1024px; font-size:1.2em; }
.visuslider .visu .info h2{font-size:1.4em; font-weight:800}
.visuslider .visu .info p{font-size:3em; font-weight:800}
}

@media all and (min-width:1400px) {
.visuslider .slick-dots{padding:0}
}



/*비주얼 퀵 박스*/
.quick_dl{position:absolute; width:100%; bottom:0;  z-index:5;   background-color: rgba(0, 32, 96, 0.8);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);}
.quick_dl .pdinner{position:relative; display:flex; flex-wrap:wrap; gap:2%; width:100%;  }
.quick_dl dl{width:32%; text-align:center; color:#fff; padding:40px 0px}
.quick_dl dl a{padding:15px; position:relative; display:block; }
.quick_dl dl dt{font-weight:800; font-size:1.4em; position:relative; z-index:0; margin-bottom:5px;}
.quick_dl dl dd.txt{font-size:0.8em; position:relative; z-index:5;  line-height:1.3; opacity:0.9;   font-weight:600; }
.quick_dl dl dd.txt i.ic_info{position:relative; display:inline-block;  vertical-align:middle}
.quick_dl dl dd.txt i.ic_info:before{content:''; display:block; width:15px; height:15px; background:url(../img/ic_info.svg) no-repeat center center;  }
.quick_dl dl dd.txt i.ic_info span{position:absolute; top:-40px; z-index:5; display:none; background:rgba(0,0,0,0.8); font-size:0.8em;width: 130px;padding: 5px;border-radius: 100px; left:50%; margin-left:-65px}
.quick_dl dl dd.txt i.ic_info:hover span{display:block}

@media all and (min-width:360px) {
.quick_dl dl dt{font-size:1.6em}
}

@media all and (min-width:520px) {
.quick_dl dl dt{font-size:2.2em}
}

@media all and (min-width:768px) {
.quick_dl dl dt{font-size:2.6em}
.quick_dl dl dd.txt{font-size:0.95em;}
.quick_dl dl dd.txt i.ic_info:before{width:20px; height:20px}
}

@media all and (min-width:1200px) {
.quick_dl .pdinner{max-width:1200px}
.quick_dl dl dd.txt i.ic_info:hover span{width:380px; margin-left:-190px}
}


/*스크롤다운*/
.scroll_down{position:absolute; left:0; right:0; bottom:30px; color:#ffffff; width:100%; max-width:1400px; margin:0 auto;  text-align:center; font-size:12px; text-transform:uppercase; letter-spacing:2px; font-weight:600; z-index:5;}

.scroll_down span{display:block; position:absolute; left:0; right:0; }
.scroll_down span:before{content:''; width:35px; height:35px; display:inline-block; margin-right:10px; font-weight:normal; font-size:1.4em; content:'\f8cc'; font-family:'LA Free'; }


@media all and (min-width:768px) {
.scroll_down{bottom:60px; }

}

@media all and (min-width:1200px) {
.scroll_down{bottom:100px; }

}



/*section 공통*/
.section{padding:100px 0; position:relative; }
.section_top{position:relative;}
.section_top .section_h2{font-size:1.2em; font-weight:600; text-align:center}
.section_top .txt{font-size:1.1em}

.section.visual{padding:0 !important}

.sct_title{font-size:1.6em; font-weight:800; margin-bottom:30px; position:relative; color:#002060;}
.sct_title:before{width: 48px; height: 48px; border-radius: 100%; background: #1cccc6; position: absolute; left: -31px; top: -8px; z-index: -1; content: ''; opacity:0.7}

#fp-nav ul li .fp-tooltip{color:#002060 !important}

@media all and (min-width:768px) {
.section{padding:120px 0;}
.section_top .section_h2{font-size:1.4em}
}



@media all and (min-width:1200px) {


.section_top .txt{font-size:1.2em}
.section_top .section_h2{font-size:1.6em}

.sct_title{font-size:2em;}
.sct_title:before{top:0px}
}



/*section01*/
#section01 .fp-slidesNav{position:absolute; top:140px; max-width:1600px;}
#section01 .fp-slidesNav ul{display:flex; justify-content:center; align-items:center; text-align:center; color:#9b9b9b; font-size:0.9em; font-weight:600}
#section01 .fp-slidesNav li{width:33.33%; height:auto; margin:0; }

#section01 .fp-slidesNav ul li a{padding:13px 0px; position:relative; font-weight: 700;font-family: 'Pretendard'; }
#section01 .fp-slidesNav ul li a.active{color:#002060; }
#section01 .fp-slidesNav ul li span{width:60px; height:2px; position:absolute;left: 0;right: 0; bottom:0;margin: auto; top:auto; border-radius: 0; background:none}
#section01 .fp-slidesNav ul li a.active span{background:#002060}
#section01 .fp-slidesNav li:nth-child(1) a:before{content:'Chairman’s Message';}
#section01 .fp-slidesNav li:nth-child(2) a:before{content:'Medical Director Message';}
#section01 .fp-slidesNav li:nth-child(3) a:before{content:'Chief of Medical Clinic Message';}
#section01 .fp-controlArrow {display:none}

#section01 h3.sct_title{margin-bottom:100px}


@media all and (min-width:768px) {
#section01 .fp-slidesNav ul li a{padding:20px 0px}
}

@media all and (min-width:1200px) {
#section01 h3.sct_title{margin-bottom:60px}
#section01 .fp-slidesNav ul{padding-left:37%}
#section01 .fp-slidesNav ul li a{font-size:1.2em}
#section01 .fp-slidesNav ul li span{width:140px; height:3px}
}

@media all and (min-width:1700px) {
#section01 .fp-controlArrow{display:block; border:0px !important; width:50px; height:50px; background-size:100% !important;}
#section01 .fp-controlArrow.fp-prev{background:url(../img/arrow_prev.svg) no-repeat center center; left:-70px}
#section01 .fp-controlArrow.fp-next{background:url(../img/arrow_next.svg) no-repeat center center; right:-70px}

}


/*인사말*/
.greeting{position:relative}
.greeting h4,
.greeting p{word-break:break-all;text-align:justify;word-break: auto-phrase;}
.greeting h4{font-weight:800; margin-bottom:20px; font-size:1.35em; }
.greeting .sign_txt{word-break:keep-all; text-align:left; color:#808080}
.greeting .sign_txt b{color:#161616}
.greeting .sign_txt img{max-width:120px}
.greeting .tit{font-weight:600; font-size:1.1em;}

.greeting .photo{padding:20px; position:relative; max-width:500px; margin:0 auto; margin-bottom:30px;}
.greeting .photo img{position:relative; z-index:1}
.greeting .photo:before{content:''; width:40%; height:50%; background:#f8f8f8; z-index:0; position:absolute; left:-0px; bottom:-0px;  }
.greeting .photo:after{content:''; width:40%; height:50%; background:#f8f8f8; z-index:0; position:absolute; right:-0px; top:-0px; opacity:0.6 }


@media all and (min-width:768px) {


.greeting .txt{float:left; width:53%; }
.greeting .photo{float:left; width:40%; margin-right:7%; position:relative}
.greeting:after{content:''; clear:both; display:block;}

}

@media all and (min-width:1200px) {
.greeting .photo{max-width:100%}
.greeting h4{font-size:1.6em; word-break:keep-all; text-align:left}
.greeting .tit{font-size:1.2em;  word-break:keep-all; text-align:left }
.greeting .txt{padding-top:20px}

.greeting .txt{width:58%; }
.greeting .photo{width:35%;}
}



/*section02*/
#section02{background:#f8f8f8}
.vision{position:relative}
.vision .vision_tit{position:relative; margin-bottom:20px; font-weight:800; text-align:center;}
.vision .vision_tit h4{font-weight:1.2em; font-weight:800; color:#2155ae}
.vision .vision_tit p.tit{color:#002060; font-size:1.2em;}
.vision .vision_tit.grand p.tit{ font-size:2em; color:#1cccc6}
.vision .vision_tit.mission p.tit{ font-size:1.6em; color:#1cccc6}
.vision .vision_dl{display:flex; flex-wrap:wrap; gap:4%}
.vision .vision_dl dl{width:48%; padding:20px 10px; background:#fff; text-align:center; margin-bottom:20px; border-top:3px solid #002060}
.vision .vision_dl dl dt{font-weight:700; color:#002060; font-size:1.2em; text-transform:uppercase}
.vision .vision_dl dl dt:before{content:''; display:block; width:50px; height:55px; background-size:100% !important; margin:auto; margin-bottom:10px}
.vision .vision_dl dl:nth-child(1) dt:before{background:url(../img/ic_vision01.png) no-repeat center center}
.vision .vision_dl dl:nth-child(2) dt:before{background:url(../img/ic_vision02.png) no-repeat center center}
.vision .vision_dl dl:nth-child(3) dt:before{background:url(../img/ic_vision03.png) no-repeat center center}
.vision .vision_dl dl:nth-child(4) dt:before{background:url(../img/ic_vision04.png) no-repeat center center}

.vision .vision_dl{margin-top:40px}
.vision .vision_dl  dl dd{ color:#505050; font-size:0.9em}


@media all and (min-width:768px) {
.vision .vision_tit{font-size:1.2em; margin-bottom:30px}
.vision .vision_tit p.tit{ font-size:1.4em;}
.vision .vision_dl  dl{width:22%; padding:20px; margin-bottom:0}
}


@media all and (min-width:1200px) {
#section02 .pdinner{background:url(../img/section02_bg.png) no-repeat center top}
.vision .vision_tit.grand{font-size:1.8em; }
.vision .vision_tit.mission p.tit{font-size:1.8em; }
.vision .vision_dl  dl{padding:30px}
.vision .vision_dl dl dt{font-size:1.3em}
.vision .vision_dl  dl dt:before{margin-bottom:20px}
.vision .vision_dl dl dd{font-size:1em}
}


/*section03*/

 
#section03{background:#2155ae; color:#fff}
#section03 .sct_title{color:#fff}

#section03 .pr_center{position:relative;}
#section03 .videobox{position:relative; margin-bottom:30px; -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);}
#section03 .videobox img{width:100%}
#section03 .quick_sns{display:flex; flex-wrap:wrap;}
#section03 .quick_sns li{width:33.33%; text-align:center; font-weight:800; font-size:1.2em}
#section03 .quick_sns li a:before{content:''; width:60px; height:60px; background-size:100% !important; display:block; margin:0 auto; margin-bottom:20px}
#section03 .quick_sns li:nth-child(1) a:before{background:url(../img/ic_youtube.png) no-repeat center center}
#section03 .quick_sns li:nth-child(2) a:before{background:url(../img/ic_blog.png) no-repeat center center}
#section03 .quick_sns li:nth-child(3) a:before{background:url(../img/ic_insta.png) no-repeat center center}



/*동영상*/

.moviepop{background:#ffffff;}
.moviepop h1{background:#2155ae; color:#ffffff; font-size:1.2em; padding:15px; letter-spacing:-2px}

.moviepop .video-container{position:relative; padding-bottom:56.25%; height:0; overflow:hidden}
.moviepop .video-container iframe,
.moviepop .video-container object,
.moviepop .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

@media only screen and (min-width: 768px) {
.moviepop h1{font-size:1.4em;}
}

@media only screen and (min-width: 1200px) {
.moviepop h1{padding:20px;}

}


@media all and (min-width:768px) {
#section03 .pr_center{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4%}
#section03 .videobox{width:48%; margin-bottom:0}
#section03 .quick_sns{width:48%}
}


/*센터*/
#section04{background:#f8f8f8}
.tabcontainer .tabs{display:flex; flex-wrap:wrap; max-width:600px; margin:0 auto; margin-top:20px; margin-bottom:30px; }
.tabcontainer .tabs li{width:50%; font-size:1.6em; font-weight:800; position:relative; z-index:1; color:#646464; text-align:center; cursor:pointer}
.tabcontainer .tabs li i{position:relative; display:inline-block;}
.tabcontainer .tabs li i:before{content:'';display:none; width: 48px; height: 48px; border-radius: 100%; background: #1cccc6; position: absolute; left: -31px; top: -8px; z-index: -1; content: ''; opacity:0.7}
.tabcontainer .tabs li.current {color:#002060;}
.tabcontainer .tabs li.current i:before{display:block}

.department_li{display:flex; flex-wrap:wrap; gap:2%}
.department_li li{padding:45px 15px 15px 15px; width:49%; background:#fff; font-weight:600; margin-bottom:10px; position:relative}
.department_li li:before{content:''; width:30px; height:30px; background-size:100% !important; display:block; position:absolute; right:15px; top:15px}
.department_li li.c01:before{background:url(../img/c01.png) no-repeat center center}
.department_li li.c02:before{background:url(../img/c02.png) no-repeat center center}
.department_li li.c03:before{background:url(../img/c03.png) no-repeat center center}
.department_li li.c04:before{background:url(../img/c04.png) no-repeat center center}
.department_li li.c05:before{background:url(../img/c05.png) no-repeat center center}
.department_li li.c06:before{background:url(../img/c06.png) no-repeat center center}
.department_li li.c07:before{background:url(../img/c07.png) no-repeat center center}
.department_li li.c08:before{background:url(../img/c08.png) no-repeat center center}
.department_li li.c09:before{background:url(../img/c09.png) no-repeat center center}
.department_li li.c10:before{background:url(../img/c10.png) no-repeat center center}
.department_li li.c11:before{background:url(../img/c11.png) no-repeat center center}
.department_li li.c12:before{background:url(../img/c12.png) no-repeat center center}
.department_li li.c13:before{background:url(../img/c13.png) no-repeat center center}
.department_li li.c14:before{background:url(../img/c14.png) no-repeat center center}
.department_li li.c15:before{background:url(../img/c15.png) no-repeat center center}
.department_li li.c16:before{background:url(../img/c16.png) no-repeat center center}
.department_li li.c17:before{background:url(../img/c17.png) no-repeat center center}
.department_li li.c18:before{background:url(../img/c18.png) no-repeat center center}
.department_li li.c19:before{background:url(../img/c19.png) no-repeat center center}
.department_li li.c20:before{background:url(../img/c20.png) no-repeat center center}
.department_li li.c21:before{background:url(../img/c21.png) no-repeat center center}
.department_li li.c22:before{background:url(../img/c22.png) no-repeat center center}
.department_li li.c23:before{background:url(../img/c23.png) no-repeat center center}
.department_li li.c24:before{background:url(../img/c24.png) no-repeat center center}
.department_li li.c25:before{background:url(../img/c25.png) no-repeat center center}
.department_li li.c26:before{background:url(../img/c26.png) no-repeat center center}
.department_li li.c27:before{background:url(../img/c27.png) no-repeat center center}
.department_li li.c28:before{background:url(../img/c28.png) no-repeat center center}
.department_li li.c29:before{background:url(../img/c29.png) no-repeat center center}
.department_li li.c30:before{background:url(../img/c30.png) no-repeat center center}
.department_li li.c31:before{background:url(../img/c31.png) no-repeat center center}
.department_li li.c32:before{background:url(../img/c32.png) no-repeat center center}

.department_li li.d01:before{background:url(../img/d01.png) no-repeat center center}
.department_li li.d02:before{background:url(../img/d02.png) no-repeat center center}
.department_li li.d03:before{background:url(../img/d03.png) no-repeat center center}
.department_li li.d04:before{background:url(../img/d04.png) no-repeat center center}
.department_li li.d05:before{background:url(../img/d05.png) no-repeat center center}
.department_li li.d06:before{background:url(../img/d06.png) no-repeat center center}
.department_li li.d07:before{background:url(../img/d07.png) no-repeat center center}
.department_li li.d08:before{background:url(../img/d08.png) no-repeat center center}
.department_li li.d09:before{background:url(../img/d09.png) no-repeat center center}
.department_li li.d10:before{background:url(../img/d10.png) no-repeat center center}
.department_li li.d11:before{background:url(../img/d11.png) no-repeat center center}
.department_li li.d12:before{background:url(../img/d12.png) no-repeat center center}
.department_li li.d13:before{background:url(../img/d13.png) no-repeat center center}
.department_li li.d14:before{background:url(../img/d14.png) no-repeat center center}
.department_li li.d15:before{background:url(../img/d15.png) no-repeat center center}
.department_li li.d16:before{background:url(../img/d16.png) no-repeat center center}
.department_li li.d17:before{background:url(../img/d17.png) no-repeat center center}
.department_li li.d18:before{background:url(../img/d18.png) no-repeat center center}
.department_li li.d19:before{background:url(../img/d19.png) no-repeat center center}
.department_li li.d20:before{background:url(../img/d20.png) no-repeat center center}
.department_li li.d21:before{background:url(../img/d21.png) no-repeat center center}
.department_li li.d22:before{background:url(../img/d22.png) no-repeat center center}
.department_li li.d23:before{background:url(../img/d23.png) no-repeat center center}
.department_li li.d24:before{background:url(../img/d24.png) no-repeat center center}
.department_li li.d25:before{background:url(../img/d25.png) no-repeat center center}
.department_li li.d26:before{background:url(../img/d26.png) no-repeat center center}
.department_li li.d27:before{background:url(../img/d27.png) no-repeat center center}
.department_li li.d28:before{background:url(../img/d28.png) no-repeat center center}
.department_li li.d29:before{background:url(../img/d29.png) no-repeat center center}
.department_li li.d30:before{background:url(../img/d30.png) no-repeat center center}
.department_li li.d31:before{background:url(../img/d31.png) no-repeat center center}
.department_li li.d32:before{background:url(../img/d32.png) no-repeat center center}
.department_li li.d33:before{background:url(../img/d33.png) no-repeat center center}
.department_li li.d34:before{background:url(../img/d34.png) no-repeat center center}
.department_li li.d35:before{background:url(../img/d35.png) no-repeat center center}


@media all and (min-width:768px) {
.department_li li{width:31.33%; margin-bottom:20px}
}

@media all and (min-width:1200px) {
.tabcontainer .tabs{margin-bottom:50px}
.department_li li{width:23.5%; }
}


@media all and (min-width:1600px) {
.department_li li{width:15%; padding:55px 20px 20px 20px; font-size:1.05em;}
.department_li li:before{width:40px; height:40px}
}

/*메디컬장비*/

#section05{background:url(../img/section05_bg.jpg) no-repeat center center; background-size:cover !important; color:#fff}
#section05 .sct_title{color:#fff}
.equipment{position:relative;}
.equipment .photo{margin-bottom:20px;}
.equipment dl dt{font-size:1.2em; font-weight:800; margin-bottom:10px}
.equipment dl dd{position:relative; padding-left:10px; }
.equipment dl dd:before{content:''; width:3px; height:3px; position:absolute; left:0; top:7px; background:#fff; opacity:0.3 }

@media all and (min-width:540px) {
.equipment{padding:0 10px}
}

@media all and (min-width:1024px) {
.equipment{padding:0 20px}
.medical_slider .slick-arrow.slick-next{right:-50px}
.medical_slider .slick-arrow.slick-prev{left:-50px}
}

@media all and (min-width:1700px) {
.equipment dl dt{font-size:1.4em}
.medical_slider .slick-arrow.slick-next{right:-70px}
.medical_slider .slick-arrow.slick-prev{left:-70px}
}
/*오시는길*/
#section06{background:#002060; color:#fff}
#section06 .sct_title{color:#fff; margin-left:5%}

.location{position:relative}
.location .location_info{position:relative; padding:0 5%;  font-weight:600; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e6e6e6; border-color:rgba(255,255,255,0.3)}
.location .location_info h4{font-weight:800;  font-size:1.4em; margin-bottom:10px;}
.location .location_info address{ margin-bottom:20px;}
.location .location_info h5{font-weight:800; margin-bottom:10px}
.location .location_info p.coming{text-decoration:underline; font-weight:700; font-size:1.2em}
.location .location_info:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0px}
.location .location_info ul li{position:relative; padding-left:30px; display:flex;  align-items:center}
.location .location_info ul li:before{content:''; width:25px; height:25px; position:absolute; left:0; top:0; background-size:100% !important;}
.location .location_info ul li.call:before{background:url(../img/ic_call.png) no-repeat center center}
.location .location_info ul li.fax:before{background:url(../img/ic_fax.png) no-repeat center center}
.location .location_info ul li.email:before{background:url(../img/ic_email.png) no-repeat center center}



@media all and (min-width:860px) {
.location{display:flex; flex-wrap:wrap; gap:2%}
.location .location_info{width:32%; margin-bottom:0px; padding-bottom:0; border-bottom:0; padding:0 30px}
#section06 .inner:before,
#section06 .inner:after{content:''; position:absolute; left:33.33%; top:-120px; bottom:-120px; width:1px; background:#fff; opacity:0.3}
#section06 .inner:after{left:auto; right:33.33%}
}

@media all and (min-width:1200px) {
#section06 .sct_title{margin-left:0}
#section06 .inner{padding:0 20px}
.location .location_info{font-size:1.1em; }
.location .location_info h4,
.location .location_info address{margin-bottom:50px}

}

@media all and (min-width:1700px) {

.location .location_info h4{font-size:1.7em; margin-bottom:70px}
.location .location_info address{margin-bottom:70px}
}


@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

    50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
    50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2023-7-12 15:13:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */


@-webkit-keyframes rotate-diagonal-1 {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, -180deg);
            transform: rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
            transform: rotate3d(1, 1, 0, -360deg);
  }
}
@keyframes rotate-diagonal-1 {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, -180deg);
            transform: rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
            transform: rotate3d(1, 1, 0, -360deg);
  }
}

.footer{position:relative; background:#505155}
.footer .intro_foot{position:relative; background:#0d3579; color:#fff; padding:15px 0px;}
.footer .intro_foot .pdinner{display:flex; flex-wrap:wrap; justify-content:space-between}
.footer .intro_foot .box{width:48%; }
.footer .intro_foot .box.pr_relative{width:100%;}

.footer .intro_foot .box h3{margin-bottom:5px; font-weight:600}
.footer .intro_foot .pr_movie ul{display:flex;  align-items:center}
.footer .intro_foot .pr_movie ul li{position:relative;  padding-right:20px; margin-right:20px;}
.footer .intro_foot .pr_movie ul li:before{content:''; width:1px; height:10px; position:absolute; right:0; top:0; bottom:0; margin:auto; background:#fff; opacity:0.5}
.footer .intro_foot .pr_movie ul li a{display:block; position:relative}
.footer .intro_foot .pr_movie ul li:last-child:before{display:none}

.footer .intro_foot .pr_brochre ul li a{display:block; position:relative; padding-right:30px; }
.footer .intro_foot .pr_brochre ul li a:after{content:'\f105'; font-family:'FontAwesome'; position:absolute; right:0;}

.footer .intro_foot .pr_relative{padding-top:10px;  margin-top:10px; border-top:1px solid #fff; border-color:rgba(255,255,255,0.3)}
.footer .intro_foot .pr_relative .dropdown{position:relative}
.footer .intro_foot .pr_relative .dropbtn{line-height:35px; height:35px; padding:0 20px; padding-right:35px; width:100%; border:0;   font-weight:500; color:#ffffff; border:1px solid #fff; border-color:rgba(255,255,255,0.3); text-align:center; text-transform:uppercase; position:relative; display:block}
.footer .intro_foot .pr_relative .dropbtn:after{content:'\f107'; font-family:'FontAwesome'; position:absolute; right:5%; top:0; bottom:0; margin:auto;}
.footer .intro_foot .pr_relative .dropmenu {display: none; width:100%; position: absolute;  z-index: 5;  margin-top:-1px;}
.footer .intro_foot .pr_relative .dropmenu.show {display:block;}

.footer .intro_foot .pr_relative .dropmenu ul{background:#0d3579; text-align:center; border: 1px solid #fff;border-width: 0 1px 1px 1px;border-color: rgba(255,255,255,0.3);}
.footer .intro_foot .pr_relative .dropmenu ul li a{position:relative;  line-height:35px; color:#ffffff; font-size:0.9em; display:block;  text-transform:uppercase; z-index:1; font-size:0.8em}
.footer .intro_foot .pr_relative .dropmenu ul li a:before{content:''; display:block; position:absolute; z-index:-1;  top:0; bottom:0;  left:0;  width:100%;  height:100%; background:#303445;  transform: scaleX(0);  transform-origin: left; transition: .1s ease-in;}
.footer .intro_foot .pr_relative .dropmenu ul li:hover a:before{transform: scaleX(1); transition: .3s ease-out; }
.footer .intro_foot .pr_relative .dropmenu ul li a span{position:relative; z-index:1;}


.footer .footinfo{padding:25px 5%;   color:#c8c8c8; font-size:0.95em} 
.footer .footinfo h4{font-weight:600; margin-bottom:10px; font-size:1.05em }
.footer .footinfo address{margin-bottom:10px}

.footer .copy{border-top:1px solid #fff; border-color:rgba(255,255,255,0.3); padding:15px 0px;   color:#c8c8c8; font-size:0.8em}

@media all and (min-width:768px) {
.footer .intro_foot .pdinner{justify-content:space-around; align-items:center}
.footer .intro_foot .box,
.footer .intro_foot .box.pr_relative{width:33.33%; display:flex; margin:0; padding:0; border:0; align-items:center; justify-content:center}
.footer .intro_foot .box h3{margin:0; margin-right:20px}
.footer .intro_foot .pr_relative .dropbtn{border:0px}
.footer .footinfo{padding:35px 5%}
.footer .footinfo ul{display:flex;}
.footer .footinfo ul li{margin-right:20px}
.footer .copy{padding:15px 0%}

}

@media all and (min-width:1200px) {
.footer{height:290px !important}
.footer .footinfo{padding:60px 20px; font-size:1.1em}
.footer .copy{padding:25px 0%}
.footer .intro_foot {font-size:1.2em; padding:25px 0px}
.footer .intro_foot .pdinner{max-width:1400px; }
.footer .intro_foot .box h3{margin-right:50px;}
.footer .intro_foot .pr_relative .dropbtn{line-height:40px; height:40px;}
.footer .intro_foot .pr_relative .dropmenu ul li a{line-height:40px}
.footer .intro_foot .pr_relative .dropmenu ul{border:1px; }


}
/*page up*/
#pageup {position:fixed; z-index:999; right:0; bottom:0; width:60px; height:60px; background:#222222 url('../img/Htop.png') no-repeat center center; background-size: 50px 50px; display:none; cursor:pointer; z-index:4000;  transition:0.3s}

@media all and (min-width:768px) {
#pageup{width:50px; height:50px}
}
@media all and (min-width:1200px) {
#pageup{right:130px; border-radius:0px}
#pageup {right:0; bottom:0px; transition:0.3s}
body.scroll #pageup{bottom:0; transition:0.3s}
}


/*키프레임셋팅*/

@keyframes zoomout {
	0% { transform: scale(1.05); }
    100% {        transform: scale(1.0);    }
}
@-webkit-keyframes scaling {
	From {    -webkit-transform: scale(1.05);}
	To {    -webkit-transform: scale(1.0);}
}

@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-0px);transform:translateY(-0px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}
@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.05) translateY(-15px);transform:scale(1.05) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.05) translateY(-15px);transform:scale(1.05) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}



.bounce-top:hover a:before{-webkit-animation:bounce-top .9s both;animation:bounce-top .9s both}
/*.kenburns-top{-webkit-animation:kenburns-top 10s ease-out both;animation:kenburns-top 10s ease-out both}*/
.zmout{animation: zoomout 5s ease-in-out infinite alternate;    -webkit-animation: zoomout 5s ease-in-out infinite alternate; animation-iteration-count:1; 	-webkit-animation-iteration-count:1; }
@-webkit-keyframes text-pop-up-top
{0%{-webkit-transform:translateY(0);transform:translateY(0);
-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);
-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}}
@keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);
-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);
-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}}


@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  50% {
    -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
   100% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }


}


@keyframes kenburns-top {
 0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  50% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
   100% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }


}


@-webkit-keyframes rotation {
	0% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	50% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	100% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
}
@keyframes rotation{

	0% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	50% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	100% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
}



@-webkit-keyframes rotation2 {
	0% {
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	50% {
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
}
@keyframes rotation2{

	0% {
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	50% {
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
}




@-webkit-keyframes rotation3 {
	0% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	50% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}
@keyframes rotation3{

	0% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	50% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}

.vibrate-1{-webkit-animation:vibrate-1 3s linear infinite both;animation:vibrate-1 3s linear infinite both}
@-webkit-keyframes vibrate-1 {
0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
 
  25% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, -8px);
            transform: translate(0px, -8px);
  }

  75% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
 
  25% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, -8px);
            transform: translate(0px, -8px);
  }

  75% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}







/*서브레이아웃*/
body.subWrap #header{border-bottom:1px solid #e6e6e6}

#sub_visual{position:relative; border-bottom:1px solid #e6e6e6 }
/*#sub_visual:after{content:''; width:100%; position:absolute; top:0; left:0; right:0; height:100%; background:linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255, 0.3) 60%, rgba(255,255,255, 0.0) 100%); z-index:0}/*화이트레이어*/
#sub_visual .pdinner{z-index:1; padding:130px 0px 30px;  text-align:center;}
#sub_visual .tit_h2{letter-spacing:0;   font-weight:600; font-size:1.6em; position:relative}
#sub_visual .tit_h2 span{display:none;}



.path{display:block; text-align:center; position:relative}
.path li{font-size:12px; display:inline-block; vertical-align:top; line-height:20px; vertical-align:middle}
.path li:first-child:before{font-family:'LA Free'; content:'\f015'; font-size:1.1em; line-height:20px; vertical-align:middle}
.path li:before{content:'\f105'; font-family:'LA Free'; display:inline-block; padding:0px 10px}

@media all and (min-width:380px) {
#sub_visual .tit_h2{font-size:2em}

}

@media all and (min-width:768px) {

.path li{font-size:14px}

#sub_visual .pdinner{padding:140px 5% 40px; }
#sub_visual .tit_h2{ font-size:2.2em; margin-bottom:0; }

}

@media all and (min-width:1200px) {
.path{position:absolute; right:100px; top:-140px; display:none}
#sub_visual .pdinner{padding:140px 20px 40px}

#sub_visual p{font-size:18px}

#sub_visual .pdinner:before{width:350px; height:350px; }

#sub_visual .tit_h2 span{display:block; position:absolute; right:0; top:0; bottom:0; margin:auto; height:30px; line-height:30px; padding-left:60px; color:#2155ae; font-weight:600; font-size:14px; }
#sub_visual .tit_h2 span:before{content:''; width:30px; height:2px; position:absolute; left:0; top:0; bottom:0; margin:auto; background:#2155ae}

}

@media all and (min-width:1640px) {
.path{ right:20px; }

}


.subcon{padding:40px 0 ; min-height:400px}
.sub_tab{display:none}

@media all and (min-width:768px) {
.subcon{padding:70px 0 }

}

@media all and (min-width:1200px) {
.subcon{padding:90px 0 ; min-height:600px}


}

@media all and (min-width:1640px) {
.subcon{padding:100px 0 }


}


/*submenu*/
body.subWrap.scroll #header{box-shadow:none; border-bottom:1px solid #e6e6e6}

#sub_menu.sub_menu022,
#sub_menu.sub_menu023{display:none}
#sub_menu{position:relative; border-bottom:1px solid #e6e6e6; font-size:0.9em; transition:0.3s; background:#ffffff}
#sub_menu .nav{display:flex; flex-wrap:wrap; text-align:center}
#sub_menu .nav li{width:25%;}
#sub_menu .nav li a{display:block; padding:15px 0px; color:#969696; position:relative; height:100%; display:flex; justify-content:center; align-items:center}
#sub_menu .nav li.active a{color:#161616;}
#sub_menu .nav li.active a:before{content:''; width:40px; height:2px; background:#2155ae; position:absolute; left:0; bottom:-1px; right:0; margin:auto}
#sub_menu .nav.list01 li{width:50%;}
#sub_menu .nav.list02 li{width:50%;}
#sub_menu .nav.list03 li{width:33.33%;}
#sub_menu .nav.list05_s li{width:21.25%;}
#sub_menu .nav.list05_s li:first-child{width:15%;}




@media all and (min-width:768px) {
#sub_menu{font-size:1.05em}
#sub_menu .nav.list05 li,
#sub_menu .nav.list05_s li{width:20%;}
}

@media all and (min-width:1200px) {
#sub_menu .nav li a{padding:17px 0px; }
#sub_menu .nav li a.active{font-weight:600}
body.subWrap.scroll #sub_menu{margin-top:90px; position:fixed; width:100%; transition:0.3s; z-index:5}
body.subWrap.scroll #sub_menu .nav li{width:auto;}
body.subWrap.scroll #sub_menu .nav li a{padding:18px 20px}
}

/*텍스트효과*/

.motion01{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}
.motion02{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:400ms;animation-timing-fonction:ease-out;}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt { 
	0%   {top: 30px; opacity: 0;}
    100% {top: 0; opacity: 1;}
}
/* Standard syntax */
@keyframes sub_tt {
     0%   {top: 30px; opacity: 0;}
    100% {top: 0px; opacity:1;}
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt {
    0%   {top: 30px; opacity: 0;}
    100% {top: 0; opacity: 0;}
}
/* Standard syntax */
@keyframes sub_tt {
     0%   {top: 30px; opacity: 0;}
    100% {top: 0px; opacity: 1;}
}



@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes text-pop-up-bottom{
	0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}
	100%{-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
	}
@keyframes text-pop-up-bottom
	{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}
	100%{-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
	}

@media all and (max-width:1200px) {
#layerPopup0{top:100px !Important; left:0 !Important;}
#layerPopup1{top:435px !Important; left:0 !Important;}
#layerPopup2{top:770px !Important; left:0 !Important;}
#layerPopup3{top:1105px !Important; left:0 !Important;}
#layerPopup4{top:1440px !Important; left:0 !Important;}
#layerPopup5{top:1775px !Important; left:0 !Important;}
}