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

/*common*/


.inner{max-width:1400px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width:1500px; padding:0 20px; position:relative; margin: 0 auto;}
.ofh{overflow:hidden;}

.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}
.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{}

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


.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;}
.mb30{margin-bottom:50px !important;}

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

.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:16px;}
.mEnter{display:inline-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}



}

/*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; border:0;   cursor: pointer;  background:#ffffff; 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; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.slick-arrow:before{content:'\f104'; font-size:22px;}
.slick-next{right:0;}
.slick-next:before{content:'\f105'; }

/* 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: -20px;    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: 2px;  margin: 0 5px;  padding: 0;   cursor: pointer;}
.slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width:100%; height:100%; background:#969696; cursor: pointer;  color: transparent;  border: 0;  outline: none;  opacity:0.8}
.slick-dots li.slick-active button{background:#323232; 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}


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

.mainvisual {position:relative; overflow:hidden; z-index:0; }
.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;}








/*section 공통*/
.section{position:relative; }
.section .section_top{text-align:center; position:relative}
.section .section_top h3{font-size:1.6em; font-weight:600; color:#000000; letter-spacing:-1px;  margin-bottom:20px; text-transform:uppercase}
.section .section_top p{font-size:1.05em; color:#505050}
.line_li{text-align:center;}
.line_li li{display:inline-block; font-size:0.9em; padding:0px 15px; line-height:50px; vertical-align:middle; margin:0 2px; border:1px solid #e6e6e6; border-radius:500px}
.line_li li a{display:block;}

a.btn_arr{color:#000000; font-weight:500}
a.btn_arr:after{content:''; display:inline-block; margin-left:5px; vertical-align:middle; width:16px; height:16px; background:url(../img/btn_arr.png) no-repeat center center; background-size:100% !important}

a.btn_txt{display:inline-block; padding:12px 25px; border:1px solid #505050; text-align:center; margin:0 auto; position:relative;  transition:0.3s}
a.btn_txt span{position:relative;}
a.btn_txt:before{content:''; display:block; position:absolute; z-index:0; bottom:0; top:0; left:0px; width:100%; height:100%; background:#303030; transform: scaleX(0); transform-origin: left; transition: .1s ease-in;}
a.btn_txt:hover:before{transform:scaleX(1); transition: .3s ease-out;}
a.btn_txt:hover{color:#ffffff; transition:0.3s}


@media all and (min-width:768px) {
.section .section_top h3{font-size:2em}
}

@media all and (min-width:1024px) {
.section .section_top h3{font-size:2.6em; }

}

@media all and (min-width:1200px) {
.section .section_top h3{font-size:2.6em; }

.section .section_top p{ letter-spacing:-0.065em}
.line_li li{padding:0 20px}

}

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

}

#section00 .hide{height:0}
.mainvisual {position:relative; overflow:hidden; z-index:0; }
.mainvisual .bx-wrapper .bx-viewpor{background:#323232}
.mainvisual #mainslider li{position:relative; height:600px; }
.mainvisual #mainslider li:before{content:''; display:block; position:absolute; width:100%; height:100%; background:url(../img/main.png) no-repeat center center; background-size:cover !important;}
.mainvisual #mainslider li.main02:before{background:url(../img/main02.png) no-repeat center center;}
.mainvisual #mainslider li.main03:before{background:url(../img/main03.png) no-repeat center center;}
.mainvisual #mainslider li.main04:before{background:url(../img/main04.jpg) no-repeat center center;}
/*.mainvisual #mainslider li{-webkit-animation:kenburns-top 15s ease-out both;animation:kenburns-top 15s ease-out both}*/
.mainvisual #mainslider li:before{animation: zoomout 1s ease-in-out infinite alternate;    -webkit-animation: zoomout 1s ease-in-out infinite alternate;
animation-iteration-count:1; 	-webkit-animation-iteration-count:1; }
/*.mainvisual #mainslider li:after{content:''; background:url(../img/visu_cover.png) no-repeat center center; width:100%; height:100%; position:absolute; animation:none; background-size:100% auto !important}*/


.mainvisual  #bx-pager{position:absolute; color:#ffffff; overflow:hidden;  max-width:1200px;  width:94%; margin:0 auto; left:0; right:0; bottom:15%; text-align:center; min-height:25px; z-index:100}
.mainvisual  #bx-pager li{display:inline-block; margin:0 3px; text-align:center; position:relative;}
.mainvisual  #bx-pager li a{color:#ffffff; opacity:0.9; width:22px; height:22px; display:block}
.mainvisual  #bx-pager li a:before{content:''; position:absolute; display:block; width:14px; height:14px; background:#ffffff;  top:0; left:0; bottom:0; right:0; margin: auto; border-radius:500px;}
.mainvisual  #bx-pager li a.active{ transition:0.3s; opacity:1;}
.mainvisual  #bx-pager li a.active:after{content:''; display:block; position:absolute;  width:100%; height:100%; border:1px solid #ffffff; left:0; top:0; bottom:0; right:0; margin:auto;  border-radius:500px; box-sizing:border-box}

.mainvisual.dot_btn .bx-pager{position:absolute; color:#ffffff; overflow:hidden;  max-width:1200px;  width:94%; margin:0 auto; left:0; right:0; bottom:15%; text-align:center; min-height:25px; z-index:100}
.mainvisual.dot_btn .bx-pager .bx-pager-item{display:inline-block; margin:0 3px !important; text-align:center; position:relative; background:none}
.mainvisual.dot_btn .bx-pager .bx-pager-item a{color:#ffffff; opacity:0.9; width:22px; height:22px; display:block}
.mainvisual.dot_btn .bx-pager .bx-pager-item a:before{content:''; position:absolute; display:block; width:14px; height:14px; background:#ffffff;  top:0; left:0; bottom:0; right:0; margin: auto; border-radius:500px;}
.mainvisual.dot_btn .bx-pager .bx-pager-item a.active{ transition:0.3s; opacity:1; background:none}
.mainvisual.dot_btn .bx-pager .bx-pager-item a.active:after{content:''; display:block; position:absolute;  width:100%; height:100%; border:1px solid #ffffff; left:0; top:0; bottom:0; right:0; margin:auto;  border-radius:500px; box-sizing:border-box}


/*.mainvisual.line_btn .bx-pager{position:absolute; color:#ffffff; overflow:hidden;  max-width:1200px;  width:94%; margin:0 auto; left:0; right:0; bottom:15%; text-align:center; min-height:25px; z-index:100}
.mainvisual.line_btn .bx-pager .bx-pager-item{display:inline-block; margin:0 10px !important; text-align:center; position:relative; background:none}
.mainvisual.line_btn .bx-pager .bx-pager-item a{background:#ffffff; opacity:0.3; width:40px; height:7px; display:block; border-radius:0 !Important; position:relative; }
.mainvisual.line_btn .bx-pager .bx-pager-item a:before{content:''; display:block; position:absolute; left:-10px; top:0; bottom:0; border-left: 10px solid transparent;border-bottom:7px solid #ffffff;}
.mainvisual.line_btn .bx-pager .bx-pager-item a:after{content:''; display:block; position:absolute; right:-10px; top:0; bottom:0; border-right: 10px solid transparent;border-top:7px solid #ffffff;}
.mainvisual.line_btn .bx-pager .bx-pager-item a.active{ transition:0.3s; opacity:1; width:60px; }*/

.mainvisual .bx-controls {position:absolute; top:57%; z-index:9999; background:rgba(0,0,0,0.6); display:block; width:100%; max-width:288px; height:50px; left:0; right:0; margin:0 auto; padding:0 20px;}
.mainvisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {left:25px;}
.mainvisual .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:8px;}
.mainvisual .bx-wrapper .bx-pager.bx-default-pager a {width:50px; height:3px; background:#ced0d3; margin:0 2px;}
.mainvisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mainvisual  .bx-wrapper .bx-pager.bx-default-pager a.active {background:#90c31f}

.mainvisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:61px; width:auto; bottom:14px;}
.mainvisual .bx-wrapper .bx-controls-auto .bx-start {background:url(../img/btn_mainv_sart.png) no-repeat !important;  background-size:100% !important; width:18px; height:18px; display:inline-block;}
.mainvisual .bx-wrapper .bx-controls-auto .bx-stop {display:none !important;}
.mainvisual.arr_btn .bx-controls-direction a{ bottom:15px; top:auto;  width:18px; height:18px;}
.mainvisual.arr_btn .bx-controls-direction a.bx-prev:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; width:18px; height:18px; margin:auto;  background:url(../img/btn_mainv_prev.png) no-repeat center center; background-size:100% !important}
.mainvisual.arr_btn .bx-controls-direction a.bx-next:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; width:18px; height:18px; margin:auto;  background:url(../img/btn_mainv_next.png) no-repeat center center; background-size:100% !important}


.mainvisual.arr_btn .bx-controls-direction a.bx-prev{right:37px; left:auto;}
.mainvisual.arr_btn .bx-controls-direction a.bx-next{right:13px}


@media all and (min-width:480px) {
.mainvisual .visu {top:30%;}

}


@media all and (min-width:768px) {
.mainvisual #mainslider li{height:750px}/*수치변경시 sublink높이변경*/
.mainvisual  #bx-pager{width:84%; text-align:left;}

}


@media all and (min-width:1024px) {
.mainvisual  #bx-pager{width:1200px; padding:0 20px;}

}

@media all and (min-width:1200px) {
.mainvisual #mainslider li{height:900px}/*수치변경시 sublink높이변경*/
.mainvisual .bx-controls {right:auto; left:20px; top:63%;}
.mainvisual.arr_btn .bx-controls-direction a {bottom:18px;}

}


@media all and (min-width:1400px) {
.mainvisual .bx-controls { left:20px;}
}

@media all and (min-width:1600px) {
.mainvisual .bx-controls { left:70px;}
}

@media all and (min-width:1800px) {
.mainvisual .bx-controls { left:170px;}
}


@media all and (min-width:1920px) {
.mainvisual .bx-controls { left:12%;}
}



/*mainvisual 텍스트*/
.mainvisual .visu{position:absolute; top:25%; width:100%;  text-align:center; color:#ffffff; z-index:100; text-align:center;}
.mainvisual .visu a{color:#ffffff}
.mainvisual .visu h5 {font-size:1em;  letter-spacing:-0.04em; font-weight:600; line-height:1.2; position:relative; opacity:0.7; text-shadow:rgba(0,0,0,.4) 5px 5px 10px;}
.mainvisual .visu h5:before { position:absolute; display:block; content:''; width:5px; height:20px; background:#90c31f; transform:rotate(35deg); top:-35px; left:0; right:0; margin:0 auto;}
.mainvisual .visu h2 {font-size:2em;  letter-spacing:-0.04em; font-weight:800; line-height:1.2; position:relative; padding:20px 0 10px; text-shadow:rgba(0,0,0,.4) 5px 5px 10px;}
.mainvisual .visu p{ position:relative; z-index:10; text-shadow:rgba(0,0,0,.4) 5px 5px 10px;}

.mainvisual .visu .visu_img{position:absolute; left:0; right:0; max-width:600px; width:100%; margin:auto; padding:0 3%}
.mainvisual .visu .visu_img.visu02  {max-width:300px;}


@media all and (min-width:600px) {
.mainvisual .visu h5 {font-size:1.3em;}
.mainvisual .visu h2 {font-size:3em}
.mainvisual .visu p {font-size:1.5em;}
.mainvisual .visu .visu_img.visu02  {max-width:350px;}

.product-list li {padding:0 10px;}


}

@media all and (min-width:1000px) {
.mainvisual .visu h2 {font-size:4em;}
.right_box .rBox {padding:5% 0 20%;}


}

@media all and (min-width:1200px) {
.mainvisual .visu{ padding: 0 10%; top:30%}
.mainvisual .visu .visu_img{left:auto; right:10%; top:-100px; padding:0px;  max-width:780px; margin:auto;}
.mainvisual .visu .visu_img.visu02 { right:18%; top:-230px; max-width:550px;}
.mainvisual .visu .visu_img.visu03 { right:10%; top:-100px; max-width:800px;}
.mainvisual .visu .visu_img.visu04 { right:8%;}
.mainvisual #mainslider li.visu_bg:after{background-size:800px auto !important; height:100%; width:47%;}
/*.mainvisual.line_btn .bx-pager{max-width:100%; width:100%; padding:0 10%; text-align:left;}*/


}

@media all and (min-width:1400px) {
/*.mainvisual .visu .visu_img{max-width:900px;}
.mainvisual .visu .visu_img.visu03 {top:-150px; max-width:900px;}
.mainvisual .bx-wrapper{z-index:1;}
.mainvisual:after {content:''; position:absolute; left:0; bottom:0; right:0;  height:49.5%; display:block;   z-index:0;}*/
}

@media all and (min-width:1600px) {
/*.mainvisual.arr_btn .bx-controls-direction {position:absolute; right:11%;}
.mainvisual.arr_btn .bx-controls-direction a,
.mainvisual.arr_btn .bx-controls-direction a.bx-prev:after,
.mainvisual.arr_btn .bx-controls-direction a.bx-next:after{width:79px; height:79px;}
.mainvisual.arr_btn .bx-controls-direction a.bx-prev {right:80px;}*/
}




/*section01*/
#section01{position:relative; margin-top:-190px;}

.main_section:after,
main_section2:after {clear:both; display:block; content:'';}

.main_section2 {background:#1854c4; color:#fff; overflow:hidden; }
.gjCenter {text-align:center;}

.ico_cnt:after {clear:both; display:block; content:'';}
.ico_cnt li {float:left; width:33.33%; text-align:center; padding:20px 0}
.ico_cnt li:hover {background:linear-gradient(120deg, #00adef 10%, #1854c4 80%)}
.ico_cnt li img {max-width:50px;}
.ico_cnt li p {padding-top:15px;}

.secBox {}
.secBox.stubox {text-align:center; padding:40px 20px; color:#fff;}

.secBox.stu01 {background:url(../img/bg_box01.jpg) no-repeat; background-size:cover;}
.secBox.stu02 {background:#90c31f url(../img/bg_box02.png) no-repeat; background-size:cover;}

.secBox.stubox h3 {font-size:1.5em; font-weight:700;}
.secBox.stubox p {padding:10px 0 15px}
.secBox.stubox .btn_more {border:1px solid #fff; display:inline-block; line-height:38px; padding:0 10px; }
.secBox.stubox .btn_more img {max-width:13px; vertical-align:top; margin:16% 0 0 5px;}

.m_notice {padding:30px 20px;border:1px solid #ddd; box-sizing:border-box;}
.m_notice h3 {font-size:1.6em; font-weight:700; color:#000; position:relative;}
.m_notice h3:after {position:absolute; display:block; content:''; left:106px; top:45%; width:30px; height:1px; background:#000}
.m_notice .noticeBox {}
.m_notice .bx-wrapper .bx-viewport {height:205px !important;}
.m_notice .noticeBox .box {padding:20px 0 30px; border-bottom:1px solid #878787;}
.m_notice .noticeBox h5 {font-size:1.2em; color:#000;}
.m_notice .noticeBox .txt {color:878787; padding:10px 0}
.m_notice .noticeBox .day {color:878787;}
.m_notice .btn_notice {text-align:right; font-size:14px;}
.m_notice .btn_notice img {max-width:13px; margin:3px 0 0 5px;}

.m_notice .bx-wrapper .bx-controls-direction a {top:-5%; width:11px; height:19px;}
.m_notice .bx-controls-direction a.bx-prev {left:auto; right:40px; }
.m_notice .bx-controls-direction a.bx-prev:before {content:''; position:absolute; display:block; width:1px; height:100%; top:0; right:-90%; background:#aaaaaa;}

.m_notice .bx-controls-direction a.bx-prev:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; width:11px; height:19px; margin:auto;  background:url(../img/btn_prv.png) no-repeat center center; background-size:100% !important}
.m_notice .bx-controls-direction a.bx-next:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; width:11px; height:19px; margin:auto;  background:url(../img/btn_nxt.png) no-repeat center center; background-size:100% !important}


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


.main_section1:after {clear:both; content:''; display:block; }
.secBox.stubox {float:left; width:50%;}
.m_notice {clear:both;}
.m_notice .noticeBox .box {padding:30px 0 40px;}
.m_notice .noticeBox .txt {padding:20px 0 30px;}
.m_notice .btn_notice {padding-top:10px;}
}


@media all and (min-width:768px) {
#section01 {margin-top:-250px;}

.secBox.stubox {padding:50px 20px; min-height:270px}
.secBox.stubox h3 {font-size:1.8em;}
.secBox.stubox p {font-size:1.1em; padding:20px 0}

.m_notice h3,
.weather h3 {font-size:1.8em;}
.m_notice h3:after {left:120px;}

.ico_cnt li {font-size:1.2em; padding:40px 0;}
.ico_cnt li img {max-width:80px;}
}



@media all and (min-width:1000px) {
.main_section1 {box-shadow:rgba(0,0,0,.1) 10px 20px 30px;}
.secBox {height:397px;}
.secBox.stubox {width:30%; padding:100px 20px}
.m_notice {clear:none; float:right; width:40%;background:#fff; padding:50px 40px; border:0}
.m_notice .bx-wrapper .bx-viewport {height:243px !important;}

.ico_cnt li {width:16.6%;}
.weather .icoBox li p {padding-top:20px; font-size:1.2em;}

}

@media all and (min-width:1200px) {
#section01 {margin-top:-263px;}
.ico_cnt li {padding:50px 0; font-size:1.3em; position:relative;}
.ico_cnt li:after { position:absolute; display:block; content:''; width:1px; height:70%; background:rgba(255,255,255,.1); top:15%; right:0}
.ico_cnt li.bg_no::after {background:none}
.ico_cnt li img {max-width:90px;} 

.m_notice .noticeBox .txt {padding:15px 0 20px;}
.m_notice .noticeBox .box {padding-bottom:30px;}



}


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




}


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

.gjCenter .gjc_btn {margin:10px 0 0}


}

#section02 {position:relative; padding-bottom:40px;}
#section02::after {position:absolute; display:block; content:'';  background:#eef1f7; width:100%; height:200px; bottom:0; left:0; right:0; margin:0 auto; z-index:-1}
.weather {position:relative; }
.weather h3 {font-weight:700; color:#000;  font-size:1.6em; }
.weather .icoBox {background:#fff;}
.weather .icoBox:after {clear:both; display:block; content:''; }
.weather .icoBox li {float:left; width:33.3%; padding:20px 0; text-align:center; border:1px solid #ddd; position:relative;}
.weather .icoBox li img {max-width:45px;}
.weather .icoBox li p {padding-top:10px;}
.weather .icoBox li.wd_li {background:#f9f9f9; font-weight:700}


@media all and (min-width:1000px) {
#section02 {padding-bottom:80px;}
#section02::after {height:160px;}
.weather h3 {padding-bottom:20px;}
.weather .icoBox li {width:20%; padding:40px 0 50px}
.weather .icoBox li img {max-width:62px;}
.weather .icoBox li.wd_li {display:none;}

.weather .icoBox li {border:0}
.weather .icoBox li:after {position:absolute; display:block; content:''; width:1px; height:60%; top:20%; right:0; background:rgba(0,0,0,.1);}
.weather .icoBox li.wd_li_bg:after {background:none;}
}



@media all and (min-width:1200px) {
#section02 {padding-bottom:120px;}
#section02::after {height:200px;}

}


/*quickMenu*/
#quickMenu {display:none; position:absolute; right:1%; top:12%; background:#fff; border-bottom:5px solid #1854c4; border:1px solid #1854c4; text-align:center; width:95px; z-index:9999}
#quickMenu .tit {background:#1854c4; color:#fff; font-size:1.25em; line-height:1; padding:20px 0; font-weight:300}
#quickMenu ul {padding:0 20px;}
#quickMenu ul li {border-bottom:1px solid #ddd; padding:10px 0; font-size:15px;}
#quickMenu ul li img {max-width:35px;}
#quickMenu ul li p {line-height:1; color:#676767; padding-top:5px;}
#quickMenu ul li:hover p { color:#000; font-weight:400}


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




}

@media all and (min-width:1800px) {
#quickMenu {display:block;right:1%;  }

}


/*footer*/
	#footer{position:relative; background:#2e2e2e; padding:0px 0px 60px; color:#8e8e8e; font-size:0.7em;} 
	#footer:after{clear:both; display:block; content:''; visibility:hidden; height:0;}

	.bottom_line {border-bottom:1px solid rgba(255,255,255,.3)}
	#footer .bottom_line:after {clear:both; display:block; content:''; visibility:hidden; height:0;}
	#footer .bottom_li {line-height:60px; height:60px;}
	#footer .bottom_li li {display:inline-block; padding-right:15px; position:relative;}
	#footer .bottom_li li:after {position:absolute; display:block;content:''; width:3px; height:3px; background:#8e8e8e; right:3px; top:30px; border-radius:10px; z-index:2}
	#footer .bottom_li li:last-child::after {background:none;}
	#footer .bottom_li li a {color:#8e8e8e}
	#footer .bottom_li li a.yellowTxt {color:#ffa200}
	
	.relative_li {border-top:1px solid #505050}
	.relative_li:after  {clear:both; display:block; content:''; visibility:hidden; height:0;}
	#footer .dropdown{  position:relative;; }
	#footer .dropbtn {width:100%; text-align:left; display:inline-block; height:auto; position:relative; line-height:50px; padding:0 30px 0 20px; cursor:pointer; color:#8e8e8e;}
	#footer .dropbtn .plus_btn {position:absolute; right:0; top:0; border-right:1px solid #505050; border-left:1px solid #505050; padding:0 15px;}
	#footer .dropbtn .plus_btn:after {position:absolute; display:block; content:'\f106'; font-family:'FontAwesome'; font-size:14px; color:#8a8a8a}

	#footer .dropdown ul{}
	#footer .dropdown ul li{padding:0px 10px; }
	#footer .dropmenu {display: none;  position: absolute;  z-index: 5; background:#555555; border:1px solid #555555; box-sizing:content-box; left:-1px; width:100%;  top:-252px; }
	#footer .dropmenu a{display:block; line-height:50px; color:#ffffff; text-align:left }
	#footer .dropmenu a:hover {font-weight:500;}
	#footer .dropdown .show {display:block;}
	
	.addressbox {padding:30px 0 5px;}

		
	@media all and (min-width:480px) {
	#footer .bottom_li  {float:left;}
	.relative_li  {float:right; border-top:0; width:199px; border-right:1px solid rgba(255,255,255,.3); border-left:1px solid rgba(255,255,255,.3);}
	#footer .dropbtn {line-height:60px;}
	#footer .dropbtn .plus_btn img {margin-top:66%;}
	}
	
	@media all and (min-width:1200px) {
		#footer {font-size:0.8em;}
		#footer .bottom_li,
		#footer .dropbtn {height:80px; line-height:80px;}
		#footer .bottom_li li:after {top:38px}

		.relative_li {width:280px;}
		#footer .dropbtn .plus_btn {padding:0 25px;}
		#footer .dropbtn .plus_btn img {margin-top:27px;}
	}






/*page up*/
#pageup {position:fixed; z-index:999; right:1%; bottom:30px; width:50px; height:50px; background-image:url('../img/Htop.png');background-repeat: no-repeat;  background-position:center center; background-size: 50px 50px; display:block; cursor:pointer; z-index:4000;}



/*키프레임셋팅*/

@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);
  }
}






/*서브레이아웃*/
#sub_visual{position:relative; padding:100px 0 80px; background:url(../img/sub_vis01.jpg) no-repeat center center; /* border-bottom:10px solid #0083ef */}
/*#sub_visual.sub01{ background:url(../img/sub_vis01.jpg) no-repeat center center; }
#sub_visual.sub02{ background:url(../img/sub_vis02.jpg) no-repeat center center; }
#sub_visual.sub03{ background:url(../img/sub_vis03.jpg) no-repeat center center; }
#sub_visual.sub04{ background:url(../img/sub_vis04.jpg) no-repeat center center; }
#sub_visual.sub05{ background:url(../img/sub_vis05.jpg) no-repeat center center; }*/

/*.sub010{ background:url(../img/subvisu10.jpg) no-repeat center center; }
.sub011{ background:url(../img/subvisu10.jpg) no-repeat center center; }*/

#sub_visual{color:#ffffff; text-align:center;}
#sub_visual .tit_h2{font-weight:500; font-size:2em; margin-bottom:10px;position:relative; }
#sub_visual .tit_h2 span{display:block;  margin-bottom:10px; font-size:15px; font-weight:800; letter-spacing:0; text-transform:uppercase; position:relative;}
#sub_visual .tit_h2 b{display:block; line-height:1.2}

@media all and (min-width:768px) {
#sub_visual{border-bottom:0}
#sub_visual .tit_h2{font-size:2.5em; }

#sub_visual p{font-size:18px}
#sub_visual .tit_h2 span:after{position:absolute; right:0; top:0; margin:0}
}

@media all and (min-width:1200px) {
#sub_visual .tit_h2{ line-height:1.8}
#sub_visual p{font-size:18px}
#sub_visual{border-bottom:0;}

}

.sub_tab{display:none}
.sub_con{margin: 0 auto; position:relative; min-height:400px; padding:50px 3% 0px; overflow:hidden}
.sub_con:after{content:''; clear:both; display:block}



.con{position:relative; min-height:500px;}
.conh3{font-size:1.4em; font-weight:600; color:#000000; text-align:center; margin:20px auto 40px}
.conh3:after{content:''; width:40px; height:1px; background:#000000; display:block; margin:10px auto 30px;}

.path{display:block;}
.path li{font-size:12px; display:inline-block; vertical-align:top;}
.path li:before{content:'\f105'; font-family:'FontAwesome'; display:inline-block; padding:0px 10px}
.path li:first-child:before{display:none;}


@media all and (min-width:340px) {
.con{width:90%; margin:0 auto;}

}



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

.conh3{font-size:2em; margin:20px auto 60px}
.conh3:after{margin:20px auto 30px;}

#sub_visual{padding:130px 0px 120px;}
#twodepthNav {position:relative; display:block;}


}


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

#sub_visual{padding:180px 0px 130px;}
.subwrap{margin: 0 auto; position:relative; z-index:0}
.sub_tab{display:block;background:#0788c7; padding:10px 0px; text-align:right; color:#ffffff; font-size:0.85em; text-align:right;}
.sub_tab h3, .sub_tab p{display:inline-block; margin-left:15px; color:#fbdf40; font-weight:bold}
.sub_tab h3{color:#ffffff}
.sub_tab h3 span{margin-right:10px; text-transform:uppercase; color:#fbdf40}
.sub_tab p {border-radius:50px; background:#462e16; padding:5px 10px;}

#twodepthNav ul.li02 li{width:25%;}

/*#sub_visual{padding:140px 0 120px;}*/

.sub_con{position:relative; width:100%; margin: 0 auto; min-height:650px; }
.con{width:1160px; margin:0 auto; min-height:auto; }
.conh3 {margin:20px 0 80px; text-align:left;}
.conh3:after{margin:20px 2px 20px;}

}

@media all and (min-width:1640px) {
#sidemenu{display:block}


}



/*컬러패스*/
#sub_drop{position:absolute; bottom:0; width:100%; left:0; right:0; border-top:1px solid #dcdcdc; /*background:#225999;*/  background:rgba(0,0,0,0.5); border-color:rgba(255,255,255,0.2); font-size:0.9em}
#sub_drop .inner:after{content:''; display:block; clear:both}
#sub_drop .home a{display:block; line-height:45px; padding:0 10px;  background:#005bac;}
#sub_drop .home{min-width:46px !Important; border:0px !Important}
#sub_drop .home img{display:inline-block; vertical-align:middle; max-width:10px}
#sub_drop .dropdown{min-width:30%; float:left; border-right:1px solid #dcdcdc;border-color:rgba(255,255,255,0.2); position:relative;}
#sub_drop .dropdown.deph02{min-width:35%}
#sub_drop .dropbtn {width:100%; text-align:left; display:inline-block; height:auto; position:relative; line-height:45px; padding:0 20px 0 10px; cursor:pointer; color:#ffffff;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#ffffff; font-size:14px; top:0; bottom:0; margin:auto;  transition:0.3s; }
#sub_drop .dropdown.active a.dropbtn:after{ -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)}

#sub_drop .dropbtn.non-child{background:none !important; border:0px;}
#sub_drop .dropdown.active a.dropbtn.non-child:after{ -webkit-transform:rotate(0);
  -moz-transform:rotate(0);
  -ms-transform:rotate(0);
  -o-transform:rotate(0);
  transform:rotate(0)}


#sub_drop .dropdown ul{}
#sub_drop .dropdown ul li{padding:5px 10px; }
#sub_drop .dropmenu {display: none;  position: absolute;  z-index: 5; background:#ffffff; border:1px solid #dcdcdc; box-sizing:content-box; left:-1px; width:100%;}
#sub_drop .dropmenu a{display:block; line-height:30px; color:#000000; }
#sub_drop .dropmenu a:hover {color:#1c3f95; font-weight:500;}
#sub_drop .dropdown > .dropmenu li{position:relative;}
#sub_drop .dropdown > .dropmenu li a{display: block;}
#sub_drop .dropdown.active > .dropmenu {display:block;}

#sub_drop:after{display:block; content:''; clear:both;}

@media all and (min-width:768px) {
#sub_drop{font-size:1em}
#sub_drop .dropbtn{padding:0 25px 0 20px}
#sub_drop .dropdown ul li{padding:5px 20px; }
#sub_drop .dropdown{min-width:250px}
#sub_drop .dropdown.deph02{min-width:250px}
#sub_drop .dropmenu a{line-height:40px;}
#sub_drop .home a{line-height:60px; min-width:60px; text-align:center; padding:0 20px} 
#sub_drop .dropbtn {line-height:60px}
#sub_drop .dropbtn:after{right:15px}

}

@media all and (min-width:1200px) {
#sub_drop{font-size:1em;}
#sub_drop .inner{position:static}
#sub_drop .dropdown{position:static;}
#sub_drop .dropmenu{border:0px; background:#17469b; color:#ffffff}
#sub_drop .dropdown.active a.dropbtn,
#sub_drop .dropbtn.has-focus{background:#17469b; border:0px;}



#sub_drop .dropmenu a{color:#ffffff}
#sub_drop .dropmenu a:hover{color:inherit; text-decoration:underline}
#sub_drop .dropdown > .dropmenu li{display:inline-block; padding:0 20px;}
#sub_drop .dropdown > .dropmenu li a{line-height:65px;}
}






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

.subwrap{max-width:1400px; margin: 0 auto; position:relative;  background:#ffffff; overflow:hidden;}
.subwrap:after {clear:both; display:block;}

#sub_visual{padding:150px 0px 120px}
#sub_visual:after{content:''; display:block; position:absolute; top:170px; width:680px; left:50%; margin-left:-250px; height:40px; background:url(../img/subvisu_txt.png) no-repeat center right;}

#sub_visual .tit_h2 {font-size:2.5em;}

#sidemenu{display:block}
.sub_con{margin: 0 0 70px 0; padding:30px 25px 0 0px; min-height:600px}
.con{ margin-left:230px;}

}



/*텍스트효과*/

.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:200ms;animation-timing-fonction:ease-out;}
.motion03{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:500ms;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;}
}