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

/*common*/

/*.title{font-family: 'Sunflower', 'noto'; letter-spacing:-0.065em}*/
.inner{max-width:1200px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width:1200px; padding:0 3%; position:relative; margin: 0 auto;}
.ofh{overflow:hidden;}
.txt-s{font-size:13px;}
.txt-m{font-size:24px;}
.txt-l{font-size:28px;}

.tit_h3{font-size:22px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}



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

.tac{text-align:center;}
.mo_only{display:block;}

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

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

.upper{text-transform:uppercase}
.fwb{font-weight:bold}
.Tblack{color:#323232}
.Tred{color:#e83428}
.mr{margin-right:3%;}


.line_btn{overflow:hidden; text-align:center; font-size:0.95em}
.line_btn li{width:48.5%;float:left;}
.line_btn li a{display:block; padding:12px 25px; color:#ffffff; border:1px solid #ffffff;}
.line_btn li.bg_btn{background:#e71c5b}
.line_btn li.bg_btn a{color:#ffffff !Important; border-color:#e71c5b !Important}

.line_btn_b li{border:1px solid #dcdcdc; background:#ffffff}
.line_btn_b li a{color:#969696}
.line_btn li.bg_btn2{background:#808080}
.line_btn li.bg_btn2 a{color:#ffffff !important; border:1px solid #808080}




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

.txt-s{font-size:15px;}
.txt-l{font-size:30px;}



.mb{margin-bottom:30px !important; }
.bmb{margin-bottom:50px !important;}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}
.line_btn li a{padding:15px 25px;}
}

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

.mEnter{display:inline-block;}

.txt-m{font-size:28px;}
.txt-l{font-size:40px;}
.tit_h3{font-size:26px;}


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

.page_dot .owl-page span{width:5px !important; height:5px !important; background:#ffffff !important; border-radius:20px; position:relative; opacity:0.5 !important; margin:0 10px !important;}
.page_dot .owl-page.active span{opacity:1 !important}


/*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; margin:10px; border-radius:500px; height:20px;}
.pop_page_btn .owl-controls .owl-page span{width:10px !important; height:10px !important; background:#ffffff !important; margin:2px 4px !important; opacity:1 !important}
.pop_page_btn .owl-controls .active span{background:#ed0c69 !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;}
}

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


 /*main visual 컨트롤러 및 bg*/  

#section00 .hide{height:0}
.mainvisual {position:relative; overflow:hidden; z-index:0}
.mainvisual #mainslider li.item{ background-size:auto !important;}
/*
.mainvisual #mainslider li.main02{background:url(../img/main02.jpg) no-repeat center center;}
.mainvisual #mainslider li.main03{background:url(../img/main03.jpg) no-repeat center center;}
.mainvisual #mainslider li.main04{background:url(../img/main04.jpg) no-repeat center center;}
.mainvisual #mainslider li.main05{background:url(../img/main05.jpg) no-repeat center center;}
.mainvisual #mainslider li.main06{background:url(../img/main06.jpg) no-repeat center center;}
.mainvisual #mainslider li.main07{background:url(../img/main07.jpg) no-repeat center center;}
.mainvisual #mainslider li.main08{background:url(../img/main08.jpg) no-repeat center center;}
.mainvisual #mainslider li.main09{background:url(../img/main09.jpg) no-repeat center center;}
.mainvisual #mainslider li.main10{background:url(../img/main10.jpg) no-repeat center center;}
.mainvisual #mainslider li.main11{background:url(../img/main11.jpg) no-repeat center center;}
.mainvisual #mainslider li.main12{background:url(../img/main12.jpg) no-repeat center center;}*/


.mainvisual .bx-wrapper .bx-has-controls-direction{display:none; min-width:300px; max-width:1200px; width:90%; margin:0 auto; position:absolute; bottom:100px; right:0; left:0; }
.mainvisual .bx-wrapper .bx-has-controls-direction:before{content:''; position:absolute; width:calc( 100% - 65px ); height:1px; background:#ffffff; margin:0 auto; right:0; left:0;}
.mainvisual .bx-wrapper  .bx-has-controls-direction .bx-controls-direction a{top:auto;}
.mainvisual .bx-wrapper .bx-prev{background:url(../img/controls.png) no-repeat -0px -32px; left:0;}
.mainvisual .bx-wrapper .bx-next{background:url(../img/controls.png) no-repeat -43px -32px; right:0;}

.mainvisual  #bx-pager{position:absolute; color:#ffffff; overflow:hidden;  max-width:1200px;  width:90%; margin:0 auto; left:0; right:0; bottom:30px; text-align:center; min-height:25px; z-index:100}
.mainvisual  #bx-pager li{display:inline-block; width:25px; height:25px; text-align:center; position:relative;}
.mainvisual  #bx-pager li a{color:#ffffff; font-weight:800; }
.mainvisual  #bx-pager li a:before{position:absolute; content:''; width:12px; height:12px; border:2px solid #ffffff;  border-radius:100px; top:0; left:0; bottom:0; right:0; margin: 0 auto}
.mainvisual  #bx-pager li a.active{color:#ed0c69;  transition:0.3s}
.mainvisual  #bx-pager li a.active:before{border-color:#e71c5b; transition:0.3s}







@media all and (min-width:1200px) {
.mainvisual .bx-wrapper .bx-has-controls-direction{bottom:200px;}
.mainvisual  #bx-pager{width:30px; left:auto; top:auto; right:5%; bottom:40%;}
.mainvisual  #bx-pager li{padding-top:16px;}

}


/*mainvisual 텍스트*/
.mainvisual .inner{text-align:center; color:#ffffff; margin-top:100px; margin-bottom:80px; padding:0 3%; min-width:320px}
.mainvisual .inner h2 {padding:0 20px; max-width:360px; margin:0 auto; margin-bottom:10px;}
.mainvisual .inner h2 a{display:block;}
.mainvisual .inner h2 img{width:100%; 
/*-webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.7);
box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.7);*/
}
.mainvisual .inner .info{text-align:center;  max-width:360px; margin:0 auto; margin-bottom:50px; -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity: 0;}
.mainvisual .inner .info{webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s;}
.mainvisual .inner .info img{padding:30px;}
.mainvisual .inner .info .line_btn{padding:0 30px;  }


@media all and (min-width:620px) {
.mainvisual .inner{overflow:hidden; position:relative;}
.mainvisual .inner h2{float:left; width:50%; max-width:100%; }
.mainvisual .inner h2 img{position:absolute; width:45%; left:3%; top:0; bottom:0; margin:auto}
.mainvisual .inner .info{float:left; width:50%; max-width:100%;}
}

@media all and (min-width:860px) {
.mainvisual .inner .info{padding:30px;}
}

@media all and (min-width:1024px) {
.mainvisual .inner h2{width:57%;}
.mainvisual .inner h2 img{width:54%}
.mainvisual .inner .info{width:43%;}

.mainvisual .inner .info img{padding:50px 60px;}
.mainvisual .inner .info .line_btn{padding:0 60px;  }

}

@media all and (min-width:1200px) {
.mainvisual .inner{padding:0 20px; margin:160px auto 120px}
.mainvisual .inner .info{margin-bottom:30px;}
.mainvisual .inner .info img{padding:30px 50px;}
.mainvisual .inner .info .line_btn{padding:0 50px; }
}

/*mainvisual효과*/

.shadow-drop-center {
	-webkit-animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes shadow-drop-center {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.7);
  }
}
@keyframes shadow-drop-center {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.7);
  }
}






.main-fade {
	-webkit-animation: main-fade 2s ease-out both;
	        animation: main-fade 2s ease-out both;
}

@-webkit-keyframes main-fade {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(15px);
            transform: scale(1.1) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes main-fade {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(15px);
            transform: scale(1.1) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}


/*section 공통*/
.section{padding:40px 0; position:relative}
.section .section_top{text-align:center;}
.section .section_top h3{ text-transform:uppercase; font-size:2.5em;}
.section .section_top h3:after{content:''; display:block; width:40px; height:10px; margin:0 auto; margin-top:5px; background:url(../img/ic_zig.png) no-repeat center center; background-size:100% !important; }
.section .section_top h3 span{font-size:1.1rem; letter-spacing:-1px; display:block; font-weight:normal}
.section .section_top h3 span img{width:70px;}
.section .section_top h3 b{font-weight:normal}


.pointDot{padding-left:15px; position:relative}
.pointDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:0px; bottom:0; margin:auto; background:#e61c5a}

.pinkbtn{color:#ffffff; background:#e61c5a; display:inline-block; padding:8px 20px; border-radius:3px; border-color:#e61c5a; font-size:0.9em}

.cate{color:#ffffff}
.cate01{background:#ca0000} /*빨강*/
.cate02{background:#9f651a} /*갈샏*/
.cate03{background:#1a789f} /*하늘*/
.cate04{background:#819f1a} /*연두*/
.cate05{background:#1a9f71} /*녹색*/
.cate06{background:#808080} /*회색*/


@media all and (min-width:768px) {
.section{padding:60px 0;}
.section .section_top h3{font-size:3em;}
.section .section_top h3 span{font-size:1.3rem;}

}

@media all and (min-width:1024px) {
.section{padding:80px 0;}
}

@media all and (min-width:1200px) {
/*.section{padding:120px 0;}*/
.section{padding:100px 0;}

}



/*section01 탭*/

/*.tabmenu{padding:0px;}
.tabmenu ul li.arrow_btn{position:relative; border-left:0; cursor:pointer; text-align:left; border:1px solid #dcdcdc; background:#ffffff}
.tabmenu ul li.arrow_btn span{padding:15px 10px; display:block; position:relative; color:#323232; }
.tabmenu ul li.arrow_btn span:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#e71c5b; font-size:20px; line-height:100%;}
.tabmenu ul li ul{position:absolute; background:#ffffff;  display:none; z-index:10; width:calc(100% + 2px); left:-1px; border:1px solid #dcdcdc; border-width:0 1px 1px 1px}
.tabmenu ul li ul li{display:block; padding:7px 0px; text-align:left; text-indent:10px;}
.tabmenu ul li ul li:last-child{padding-bottom:22px}
.tabmenu ul li ul li a{display:block;}
.tabmenu ul li ul li a.active{color:#816d6d; font-weight:600;}
.tabmenu ul li ul li:hover a{font-weight:600;}



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

.tabmenu ul li.arrow_btn{border-bottom:0;}
.tabmenu ul li.arrow_btn span{display:none !important;}
.tabmenu ul li ul{display:block !important; text-align:center}
.tabmenu ul li ul li{display:inline-block; text-indent:0; padding:0px 5px}
.tabmenu ul li ul li a{line-height:20px;}
.tabmenu ul li ul li:last-child{padding-bottom:0;}
}


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


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


/*section02*/
#section02{color:#ffffff; background:#808080 url(../img/section02_bg.jpg) no-repeat center center;}
#section02 h3, #section03 p{color:#ffffff}
#section02 h3 img{max-width:160px;}
#section02 h3 b{vertical-align:bottom; font-weight:600;  font-size:1.8rem}
#section02 a{color:#ffffff}
#section02 .tit_bg{padding:30px 0; background:#ed0c69; margin-bottom:20px; border-radius:0 0 30px 30px}

#section02 .notice{background:#ed0c69; padding:30px 25px; margin-bottom:20px;}
#section02 .notice h4{font-size:1em; font-weight:600; margin-bottom:20px; }
#section02 .notice dl dt{font-weight:600; margin-bottom:20px; font-size:1.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#section02 .notice dl dd{margin-top:10px; font-weight:600}
#section02 .notice dl dd.txt{font-weight:normal}
#section02 .gn_btn{overflow:hidden;}
#section02 .gn_btn li{margin-bottom:10px;}
#section02 .gn_btn li a{display:block; padding:20px 0px; text-align:center; border:1px solid #ffffff}
#section02 .gn_btn li img{display:block; width:55px; margin:0 auto 10px;}
#section02 .gn_btn li.w50 {float:left; width:48.5%; margin-right:3%}
#section02 .gn_btn li.pinkbg{margin-right:0%;}
#section02 .gn_btn li.pinkbg a{background:#ed0c69; border-color:#ed0c69;}
#section02 .gn_btn li.blackbg {clear:both; vertical-align:middle; margin:0;}
#section02 .gn_btn li.blackbg img{display:inline-block; margin:0;}
#section02 .gn_btn li.blackbg span{display:inline-block; padding:5px; text-align:left}
#section02 .gn_btn li.blackbg span b{display:block; font-size:1.1em}
#section02 .gn_btn li.blackbg a{background:#373f40; border-color:#373f40;}

.popup{margin-bottom:30px;}
#popup_li li.item{position:relative;}
#popup_li li.item img{width:100%; height: 278px; /*height minseok*/}
#popup_li li.item span{position:absolute; width:100%; padding:10px 3%; background:rgba(0,0,0,0.5); color:#ffffff; z-index:5; bottom:0; left:0;}

.bottom_info{text-align:center;}
.bottom_info a{color:#ffffff}
.bottom_info .partner{display:inline-block; font-weight:600; margin-bottom:20px; padding:12px 10px; border:1px solid #ffffff; border-width:1px 0px; padding-left:40px; background:url(../img/ic_partner.png) no-repeat 0 center; background-size:25px !important;}
.bottom_info ul{text-align:center;}
.bottom_info ul li{display:inline-block; vertical-align:top; }
.bottom_info ul li img{width:65px;}

@media all and (min-width:640px) {
#section02 .left{overflow:hidden;}
#section02 .notice{padding:35px 25px}
#section02  .notice,
#section02 .gn_btn{width:48.5%; float:left; margin-right:3%;}
#section02 .gn_btn{margin-right:0;}
#section02 .notice dl dd.txt{
	white-space: normal; 
    line-height: 22px; /* 한 줄의 높이를 정해주고*/
    -webkit-line-clamp: 2; /* 줄 수를 정의: 3줄*/
    height: 44px; /* 총 3줄이므로 총 높이를, 20*3=60px으로 정의*/
    text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;
	overflow:hidden;}

	}

@media all and (min-width:1024px) {
#section02 .left,
#section02 .popup{float:left; width:49%; margin-right:2%;}
#section02 .popup{margin-right:0;}
}

@media all and (min-width:1200px) {
#section02 h3 b{font-size:2.1rem;}
#section02 h3:after{margin-top:20px;}
#section02 h3 img{max-width:220px;}

#section02  .notice{padding:43px 25px;}
#section02 .notice dl dt{margin-bottom:25px;}
#section02 .notice dl dd.txt{margin-bottom:30px;}
#section02 .gn_btn li a{padding:26px 0;}
#section02 .gn_btn li.blackbg a{padding:35px 0px;}

#section02  .bottom_info{position:absolute; width:97%; overflow:hidden; top:20px;}
#section02  .bottom_info .partner{float:left; }
#section02  .bottom_info ul{float:right;}
}


/*section03*/
#section03 .section_top h3{font-size:1.8em;}
#section03 .section_top h3 span{margin-bottom:5px;}
#section03 .section_top p{color:#323232}
.photo_li{overflow:hidden;}
.photo_li li{float:left; width:50%; overflow:hidden; padding-bottom:40.5%; position:relative}
.photo_li li a{display:block; width:100%; height:100%; border:2px solid #ffffff; overflow:hidden; position:absolute;}
.photo_li li:hover img{transform: scale(1.1); transition:0.5s}
.photo_li li img{width:100%;  height:100%; display:block; position:absolute; left:0; right:0; bottom:0; top:0; margin:auto;}

@media all and (min-width:768px) {
.photo_li li{width:25%; padding-bottom:20% }
#section03 .section_top{position:absolute; width:26%; max-width:320px; min-height:260px; max-height:300px; background:#ffffff; top:0; bottom:0; left:0; right:0; z-index:5; padding:3% 0px; margin:auto !important;
-webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.7);
box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.7);
}
#section03 .poab{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:220px;}

}


@media all and (min-width:1200px) {
.photo_li{margin-bottom:0 !important}
}


.gallerybox .note{margin-bottom:20px; background:#ffffff; box-shadow:0px 0px 10px 0 hsla(0,0%,0%,0.2)}
.gallerybox .note .img{margin-bottom:20px; position:relative;}
.gallerybox .note .img img{width:100%;}
.gallerybox .note .img span{position:absolute; left:10px; top:10px; width:60px; height:60px; line-height:60px; border-radius:500px; text-align:center; color:#ffffff; background:#969696; background:rgba(0,0,0,0.5); font-size:0.95em; font-weight:600}


.gallerybox .note .img span.bg1{background:rgba(255,189,48,0.5)}
.gallerybox .note .img span.bg2{background:rgba(186,165,79,0.5)}
.gallerybox .note .img span.bg3{background:rgba(137,94,151,0.5)}
.gallerybox .note .img span.bg4{background:rgba(255,189,48,0.5)}
.gallerybox .note .img span.bg5{background:rgba(255,189,48,0.5)}
.gallerybox .note .img span.bg6{background:rgba(255,189,48,0.5)}
.gallerybox .note .img span.bg7{background:rgba(255,189,48,0.5)}
.gallerybox .note .img span.bg8{background:rgba(255,189,48,0.5)}
.gallerybox .note .img span.bg9{background:rgba(255,189,48,0.5)}
.gallerybox .note .img span.bg10{background:rgba(255,189,48,0.5)}


.gallerybox .note p{font-weight:600; padding:0 15px;}
.gallerybox .note .bottom{position:relative; overflow:hidden; margin:10px 0; padding:0 15px 10px;}
.gallerybox .note .bottom h4{float:left; width:50px; height:50px; border-radius:500px; border:1px solid #dcdcdc; overflow:hidden;}
.gallerybox .note .bottom h4 img{width:100%; }

.gallerybox .note .bottom ul.tit{float:right; width: calc(100% - 70px);}
.gallerybox .note .bottom ul li span{font-weight:600; color:#323232; margin-right:5px;}
.gallerybox .note .bottom ul li b{display:inline-block; background:#ed0c69; color:#ffffff; font-size:0.7em; line-height:100%; padding:3px 5px; border-radius:10px;}
.gallerybox .note .bottom ul li{color:#969696; margin-bottom:3px;}
.gallerybox .note .bottom ul li:last-child{margin-bottom:0; font-size:0.9em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


@media all and (min-width:640px) {
.gallerybox .note{width:48%; margin:0px  1% 20px; float:left;}

}

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

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

.gallerybox .note{width:23%;}

}







/*footer*/
#footer{background:#282828; padding:50px 0px; color:#808080; font-size:0.9em; text-align:center;}
/*#footer div{background:url(../img/foot_logo.png) no-repeat right center;}*/
#footer a{color:#909090}
#footer p{font-size:1em}
#footer address{ font-size:0.9em}
#footer p.copy {font-size:0.9em}
#footer p.copy span{font-weight:600; color:#ed0c69}

#footer .cs_txt{font-weight:600; font-size:2.3em; text-align:center; color:#c8c8c8}
#footer .cs_txt span{display:block; font-size:14px; font-weight:600}

.foot_menu {margin-bottom:20px;}
.foot_menu ul li{display:inline-block; padding:0 5px; font-weight:600}

@media all and (min-width:768px) {
.foot_menu{text-align:left;}
.foot_menu li:first-child{margin-left:0}
.foot_menu ul li{padding:0; margin-right:10px;}
#footer{text-align:left;}
#footer .cs_txt{text-align:left;}


}

@media all and (min-width:1200px) {
#footer{overflow:hidden;}
.foot_menu{display:block; overflow:hidden;}
#footer .flbox{float:left;}
#footer .frbox{float:right; margin-top:40px;}

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

#fl_banner {position:fixed; z-index:999; right:2%; bottom:15%; width:90px; height:90px; box-shadow:0px 0px 10px 0 hsla(0,0%,0%,0.2); border-radius:500px;}
#fl_banner img{width:100%;}

@media all and (min-width:768px) {
#pageup {right:40px;}
#fl_banner {right:20px;}
}

@media all and (min-width:1200px) {
#pageup {right:85px;}
#fl_banner {bottom:auto; top:25%; width:120px; height:120px; right:50px;}
}










/*서브레이아웃*/


/*서브레이아웃*/
#sub_visual{position:relative; padding:100px 0 10px;  background:url(../img/section02_bg.jpg) no-repeat center center; overflow:hidden}
/*.sub01{ background:url(../img/main_visual_bg.jpg) no-repeat center center; }
.sub02{ background:url(../img/subvisu02.jpg) no-repeat center center; }
.sub03{ background:url(../img/subvisu03.jpg) no-repeat center center; }
.sub04{ background:url(../img/subvisu04.jpg) no-repeat center center; }
.sub05{ background:url(../img/subvisu05.jpg) no-repeat center center; }
.sub06{ background:url(../img/subvisu06.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{text-align:center; color:#ffffff;}
#sub_visual .tit_h2{font-weight:300; font-size:1.5em; margin-bottom:10px;}
#sub_visual .tit_h2:after{content:''; display:block; width:40px; height:1px; background:#ffffff; margin:10px auto;}

@media all and (min-width:768px) {
#sub_visual p{font-size:16px}
#sub_visual .tit_h2{font-size:1.8em}
}

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

}

.subwrap{background:#ffffff}
.sub_tab{display:none}
.sub_con{background:#ffffff; margin: 0 auto; position:relative; min-height:400px; padding:40px 0px 0px; }

/*2depth menu*/
#twodepthNav {position:relative; display:none; margin: 0 auto; }
#twodepthNav ul {overflow:hidden;}
#twodepthNav ul li {position:relative; width:33.33%; float:left; text-align:left;}
#twodepthNav ul li:after {font-family: 'FontAwesome'; font-size:20px; content:"\f105"; position:absolute; color:#969696; top:28%; right:20px; border-radius:30px}
/*#twodepthNav ul li a:before{content:''; width:1px; height:78px; background:#dcdcdc; position:absolute; left:0; top:0; bottom:0; margin: auto;}*/
#twodepthNav ul li a{color:#808080;}
#twodepthNav ul.li02 li{width:50%;}
#twodepthNav ul.li03 li{width:33.333%;}
#twodepthNav ul.li04 li{width:25%;}
#twodepthNav ul.li05 li{width:20%;}
#twodepthNav ul.li06 li{width:16.66%;}


#twodepthNav ul li a{display:block; padding:25px 25px;  transition:0.3s; margin-right:2px; background:#ffffff}
#twodepthNav ul li:last-child a{marign-right:0 }

#twodepthNav ul li a:hover{color:#505050; transition:0.3s;  font-weight:600;}

#twodepthNav ul li:first-child a:before{width:0}
#twodepthNav ul li.active {font-weight:500;}
#twodepthNav ul li.active a{color:#ffffff; font-weight:600; background:#e71c5b}
#twodepthNav ul li.active:after{color:#ffffff;}

.con{position:relative; padding:30px 3% 80px 3%; min-height:700px;}
.con h3.tit_h3{padding-bottom:20px; border-bottom:1px solid #e6e6e6}

.path{display:block;display:none;}
.path li{color:#808080; font-size:0.9em; display:inline-block;}
.path li:before{font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f105"; margin: 3px 7px 3px; vertical-align: middle;}
.path li:first-child:before{display:none;}

@media all and (min-width:768px) {
.sub_con{margin: 0 auto; padding:60px 0px 0px}
#sub_visual{padding:110px 0px 0px}
#twodepthNav {display:block; position:relative; margin-top:50px; width:94%; margin: 0 auto; /*border-bottom:3px solid #ed0c69*/;}
.sub_con{padding:80px 0px 0;}

.path{display:block; position:absolute; right:3%; top:10px;}
.path li{color:#808080; font-size:0.9em; display:inline-block;}
.path li:before{font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f105"; margin: 3px 7px 3px; vertical-align: middle;}
.path li:first-child:before{display:none;}

}

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

.sub_con{width:100%;}
.sub_con{margin: 0 auto; padding:80px 0px 0px}
#sub_visual{padding:80px 0px 0px}

.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;}
#sidemenu{display:block}
#twodepthNav{width:1160px;}
#twodepthNav ul.li02 li{width:25%;}
.path{right:20px;}


.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:1500ms;animation-fill-mode:both;animation-delay:300ms;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;}
}