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

/*common*/

.msr{font-family: 'Montserrat', sans-serif !important;}
.rw{font-family:'Raleway', sans-serif !important;}
.play{font-family:'Play', sans-serif !important;}
.title{font-family: 'ns', sans-serif !important; letter-spacing:-0.065em}
.inner{max-width:1200px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width:1200px; padding:3%; position:relative; margin: 0 auto;}
.ofh{overflow:hidden;}
.txt-s{font-size:13px;}
.txt-m{font-size:20px;}
.txt-l{font-size:26px;}

.tit_h3{font-size:30px;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}
.bmb{margin-bottom:40px !important}
.mb10{margin-bottom:10px !important;}
.mt10{margin-top:10px !important;}
.mb20{margin-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb100{padding-bottom:100px !important;}
.mt20{margin-top:20px !important;}
.mt30{padding-top: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}

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

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

	.tit_h3{font-size:40px;}
	.tit_h4{font-size:30px; letter-spacing:-1px}
	.tit_h5{font-size:20px; letter-spacing:-1px}


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

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

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

	.mEnter{display:inline-block;}

	.txt-m{font-size:30px;}
	.txt-l{font-size:40px;}

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

	.tit_h4{font-size:30px; }

	.tit_h5{font-size:20px; }


	.mb{margin-bottom:50px !important}
	.bmb{margin-bottom: 50px !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-controls {min-height:32px;}
.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; margin:10px; background:rgba(0,0,0,0.5); padding:1px 10px; border-radius:500px; height:22px;}
.pop_page_btn .owl-controls .owl-page span{width:10px !important; height:10px !important; background:#ffffff !important; margin:2px 4px !important}
.pop_page_btn .owl-controls .active span{background:#f6c94f !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; }
.clearfix {position:relative;}
.clearfix:after {content:""; visibility:hidden; display:block; height:0; clear:both;}

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

#section00 .hide{height:0}
.mainvisual {position:relative; overflow:hidden; z-index:0; padding-top:90px;}
.mainvisual .bx-wrapper {z-index:-1;}
.mainvisual .bx-wrapper .bx-viewpor{background:#323232}
.mainvisual #mainslider li{position:relative;  width:100% !important; margin:0 auto;}
/*.mainvisual #mainslider li:before{content:''; display:block; position:absolute; width:100%; height:100%; background:url(../img/bg_vis.jpg) no-repeat center center; background-size:cover !important; z-index:-1;}*/
.mainvisual .bx-wrapper .bx-viewport {width:100%; height:100%; background:url(../img/bg_vis.jpg) no-repeat center center; background-size:cover !important; z-index:-1; height:747px !important;}


/*.mainvisual #mainslider li{-webkit-animation:kenburns-top 15s ease-out both;animation:kenburns-top 15s ease-out both}*/
.mainvisual #mainslider li:before{animation: zoomout 8s ease-in-out infinite alternate;    -webkit-animation: zoomout 8s 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-wrapper  .bx-has-controls-direction .bx-controls-direction a{display:none}
.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; }
.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:20%; text-align:center; min-height:25px;}
.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:#dcdcdc; opacity:0.9; width:54px; height:10px; display:block}
.mainvisual.dot_btn .bx-pager .bx-pager-item a:before{content:''; position:absolute; display:block; width:54px; height:10px; background:#dcdcdc;  top:0; left:0; bottom:0; right:0; margin: auto;}
.mainvisual.dot_btn .bx-pager .bx-pager-item a.active{ transition:0.3s; opacity:1; background:#e60012 }
.mainvisual.dot_btn .bx-pager .bx-pager-item a.active:after{content:''; display:block; position:absolute;  background:#e60012 ; width:100%; height:100%;left:0; top:0; bottom:0; right:0; margin:auto;  box-sizing:border-box}

.mainvisual.dot_btn .bx-controls-direction {display:none;}

/*mainvisual 텍스트*/
.mainvisual li {width:1200px; margin:0 auto;}
.mainvisual .visual_text{ width:1200px; color:#ffffff; z-index:100;  margin:5% auto; color:#fff; position:relative; }

.mainvisual .visual_text .vis_pro {float:left; width:53%;}
.mainvisual .visual_text .vis_pro img {max-width:100%;}
.mainvisual .visual_text .vis_txt {padding:70px 0; float:left; width:47%;}
.mainvisual .visual_text .vis_txt:after {display:block; position:absolute; top:20px; right:0; content:""; width:491px; height:364px; background:url(../img/main_vis_bg.png) no-repeat top right; z-index:-1;}
.mainvisual .visual_text h2 {font-size:3.0em; line-height:1.2;}
.mainvisual .visual_text p { padding:30px 0 50px ;}
.mainvisual .visual_text .btn_more {margin-left:23%;}
.mainvisual .visual_text .btn_more a {color:#fff; background:#e60012 ; padding:15px 70px 15px 30px; position:relative; font-family:'Raleway'; font-weight:800; font-size:15px; }
.mainvisual .visual_text .btn_more a:after {display:block; background:url('../img/ico_arrow.png') no-repeat top right; position:absolute; right:-15px; top:15px; content:""; width:34px; height:11px;}




/*section01*/
#section01 {width:1200px; margin:0 auto; position:relative; height:467px;}
#section01 .intoArea {position:absolute;top:-90px;width:100%;z-index: 10;}
#section01 .intoBox {float:left; width:33.3%; height:465px;}
#section01 .intoBox .tit_t4 {font-weight:bold; font-size:22px; color:#323232;}
#section01 .into01_a {color:#fff;}
#section01 .into01 {background:#e60012 url(../img/bg_section.jpg) no-repeat; background-size:cover; padding:65px 35px 0 35px;}
#section01 .into01 h3 {font-size:2.25em;font-weight:800;position:relative;padding-bottom: 10px;}
#section01 .into01 h3:after {position:absolute;display:block;content:"";background:url(../img/bg_logo.png) no-repeat top right;right:35px;top:5px;width: 122px;height:95px;background-size: 48px;}
#section01 .into01 .rw {font-weight:800; font-size:14px;}
#section01 .into01 p {padding-top: 3px;}
#section01 .into02 .centerSect {background:#f5f5f5; border:1px solid #dcdcdc; height:192px;}
#section01 .into02 .centerSect dl {float:left; width:50%; padding:25px;}
#section01 .into02 .centerSect dl:last-child {border-left:1px solid #dcdcdc;}
#section01 .into02 .centerSect dd.ico img {max-width:70px;}
#section01 .into02 .centerSect dd.txt {font-size:0.9em;}
#section01 .into02 .notice {border:1px solid #dcdcdc; padding:25px 35px 26px; position:relative; height:273px;}
#section01 .into02 .notice ul {padding-top:20px;}
#section01 .into02 .notice ul li {position:relative; padding:0 0 5px 10px;}
#section01 .into02 .notice ul li a {font-size:15px;}
#section01 .into02 .notice ul li:before {display:block; content:"· "; position:absolute; top:0; left:0;}
#section01 .into02 .notice .more {position:absolute; top:26px; right:35px;}
#section01 .more img {max-width:28px;}
#section01 .into03 {background:#fff;  border:1px solid #dcdcdc; padding:35px; }
#section01 .into03 #pro_slid {margin:20px 0;}
#section01 .into03 #pro_slid li h2 {font-size:1.875em; font-weight:600; color:#323232; }
#section01 .into03 #pro_slid li ol {padding:10px 0 15px;}
#section01 .into03 #pro_slid li ol li {position:relative; padding-left:10px; font-size:15px;}
#section01 .into03 #pro_slid li ol li:before {display:block; content:"· "; position:absolute; top:0; left:0;}
#section01 .into03 #pro_slid li .more {position:absolute; top:0; right:2px;}
#section01 .into03 .bx-controls-direction {display:none;}
#section01 .into03 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {top:-42px; right:0; text-align:right !important; font-size:0 !important; bottom:auto !important;}
#section01 .into03 .bx-wrapper .bx-pager.bx-default-pager a {background:#808080; margin:0 3px;}
#section01 .into03 .bx-wrapper .bx-pager.bx-default-pager a:hover,#section01 .into03  .bx-wrapper .bx-pager.bx-default-pager a.active {background:#e60012;}


#section02 {background: #565d64;position:relative;padding-bottom: 75px;}
#section02 h2 {text-align:center;color:#fff;position:absolute;top:100px;left:0;right:0;font-size:36px;z-index:100;font-weight: bold;}
#section02 .busiBox {width:1200px; margin:0 auto;}
#section02 .busiBox .bBox {float:left; width:33.3%; /*border-left:1px solid #4b5971;*/padding:170px 0 0; position:relative;}
#section02 .busiBox .bBox:after{display:block; content:''; width:1px; height:800px; background:#4b5971; position:absolute; left:0; top:0;}
#section02 .busiBox .busi03:before{display:block; content:''; width:1px; height:800px; background:#4b5971; position:absolute; right:0; top:0;}
/*#section02 .busiBox .bBox:last-child { border-right:1px solid #4b5971;}*/
#section02 .busiBox .bBox .part {position:relative;padding: 0 5px;}
#section02 .busiBox .bBox .part img {z-index:0;}
#section02 .busiBox .bBox .part .noto {position: relative;/* right:20px; *//* bottom:00px; */color:#fff;background: #565d64;z-index:100;font-size:20px;font-weight:600;height:70px;padding: 17px 60px 10px 10px;vertical-align:top;display: block;}
#section02 .busiBox .bBox .part .noto:after {display:block;content:"";background:url(../img/btn_arrow.png) no-repeat right center;position:absolute;right: 17px;top: 22px;width:24px;height:23px;background-size:24px;}
#section02 .busiBox .bBox .part .play {font-weight:700; font-size:26px;}
#section02 .busiBox .bBox ul {margin:30px 0 0 30px;}
#section02 .busiBox .bBox ul li {color:#fff; border-left:3px solid #ddd; padding:0px 0 2px 15px; font-size:15px;}


@media all and (max-width:1200px) {
	.mainvisual .visual_text,
	#section01,
	#section02 .busiBox{width:90%;}

}

@media all and (max-width:1000px) {
	.mainvisual .visual_text p {font-size:1.0em;}
	#section01 .into01 h3::after,
	#section01 .into02 .centerSect dd.txt {display:none;}
	#section01 .into01 p .mEnter {display:inline;}
	#section01 .into02 .notice ul li a {text-overflow:ellipsis; white-space:nowrap; width:90%; display:block; overflow:hidden;}
	#section01 .intoBox {height:438px;}
	#section01 .into02 .centerSect {height:165px;}
	#section01 .into02 .centerSect dl {padding:30px 24px;}
	#section01 .into03 #pro_slid li h2 {font-size:1.6em;}

	#section02 .busiBox .bBox .part .noto {position:relative; right:0; display:block; }
	#section02 .busiBox .bBox .part .noto::after {right:0;}
	#section02 .busiBox .bBox ul {margin:20px 0 0 20px;}
}


@media all and (max-width:768px) {
	.mainvisual .visual_text .vis_pro,
	.mainvisual .visual_text .vis_txt {width:100%;}
	.mainvisual .visual_text .vis_pro img {max-width:90%; margin:0 auto;}
	.mainvisual .visual_text .vis_txt {padding:20px 0; text-align:center;}
	.mainvisual .visual_text p {padding:10px 0 50px;}
	.mainvisual .visual_text .btn_more {margin-left:0;}
	.mainvisual.dot_btn .bx-pager {bottom:5%;}

	#section01 {height:auto;}
	#section01 .intoArea {position:relative; top:15px;}
	#section01 .into01,
	#section01 .into02 {width:50%;}
	#section01 .into03 {width:100%; height:auto; padding:35px 35px 0;}
	#section01 .into03 .proSild_txt {float:left; width:45%;}
	#section01 .into03 .pro {float:left; width:45%;}

	#section02 {margin-top:30px;}
	#section02 h2 {top:7%;}
	#section02 .busiBox .bBox {padding:15% 0 6%;}
	#section02 .busiBox .bBox .part .noto {width:auto; text-align:center; font-size:18px;}
	#section02 .busiBox .bBox .part .play {font-size:20px;}
	.mainvisual .visual_text .vis_txt::after,
	#section02 .busiBox .bBox ul,
	#section02 .busiBox .bBox .part .noto::after {display:none;}


}

@media all and (max-width:640px) {
	#section01 .into03 .proSild_txt {width:50%;}
	#section02 .busiBox .bBox .part .noto {font-size:1.0em;}


}

@media all and (max-width:550px) {
	#section01 .intoBox {height:auto;}
	#section01 .into01 {padding:33px 30px;height:383px;}
	#section01 .into01 h3,
	#section01 .intoBox .tit_t4 {font-size:1.0em;}
	#section01 .into01 h3::after,
	#section01 .into02 .centerSect dd.txt {display:none;}
	#section01 .into01 p .mEnter {display:inline;}
	#section01 .into02 .notice {padding:20px; height:auto;}
	#section01 .into02 .notice .more {top:20px; right:15px;}
	#section01 .into03 .proSild_txt,
	#section01 .into03 .pro {width:100%;}
	#section01 .into03 .pro img {margin:0 auto;}


	#section02 h2 {position:relative;top:auto;padding:5% 0;font-size:2.0em;font-weight: bold;}
	#section02 .busiBox .bBox {padding:0; border-left:0; width:100%;}
	#section02 .busiBox .bBox:last-child {border-right:0;}



}

@media all and (max-width:480px) {
	.mainvisual .bx-wrapper .bx-viewport {height:600px !important;}
	.mainvisual .visual_text h2 {font-size:2.5em;}
	.mainvisual.dot_btn .bx-pager {bottom:5%;}

	#section01 .into01,
	#section01 .into02 {width:100%;}
	#section01 .into01 h3,
	#section01 .intoBox .tit_t4 {font-size:1.5em;}
	#section01 .into01 {height:auto;}
	#section01 .into01 .rw {font-size:0.8em;}
	#section01 .into02 .centerSect,
	#section01 .into02 .notice {height:auto;}

}

@media all and (max-width:360px) {
	.mainvisual .visual_text {margin:11% auto;}
}



#footer {background:#383c3f; padding:60px 25px; color:#fff; font-size:14px;}
#footer address {padding-bottom:40px;}
#footer p span {font-weight:600;}



/*서브레이아웃*/
#sub_visual{position:relative; padding:175px 0 30px; 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_nw.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:2.2em; margin-bottom:15px;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}
#sub_visual .tit_h2:before {position:absolute; content:""; display:block; top:-20px; left:0; right:0; width:20px; height:3px; background:#fff; margin:0 auto;}

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

	#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{font-size:3.2em; 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 0% 0px; overflow:hidden}
.sub_con:after{content:''; clear:both; display:block}

/*2depth menu*/
#twodepthNav {position:relative;display:none;margin: 0 auto;background: #e60012;}
#twodepthNav ul {overflow:hidden; text-align:center}
#twodepthNav ul li {position:relative;width: 23%;display:inline-block;text-align:center;max-width:190px;}
/*#twodepthNav ul li a:before{content:''; width:1px; height:20px; background:rgba(255,255,255,0.3); position:absolute; left:0; top:0; bottom:0; margin: auto;}*/
#twodepthNav ul li a{color:#ffffff}
/*#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.li07 li{width:14.28%;}*/
#twodepthNav ul.li09 li{width:10.5%;}
#twodepthNav ul li a{display:block; line-height:60px; position:relative}
#twodepthNav ul li a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:10px;background: #e60012;border-radius:50px;transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1);}
#twodepthNav ul li:hover a:after{width:10px; margin-left:0;}
#twodepthNav ul li a:hover{font-weight:600; transition:0.3s}
#twodepthNav ul li:first-child a:before{width:0}
#twodepthNav ul li.active {background:#ffffff}
#twodepthNav ul li.active a{font-weight:600; color:#323232}
#twodepthNav ul li.active a:after{width:10px; margin-left:0;}
/*#twodepthNav ul li.active:after {width:10px; height:10px; content: "";position:absolute; background:#f6c94f; top:43%; right:20px; border-radius:30px}*/

#sidemenu {display:none; position:absolute;width:200px;  z-index:9999; top:0px; left:20px} /*기준*/
#sidemenu h2 {display:block;font-size:1.6em;   text-align:center; line-height:1.2;  color:#fff; min-height:100px; padding:60px 0; /*background:rgba(90,19,40,0.8);*/ background:#29343f; position:relative; text-transform:uppercase;  }
#sidemenu h2 span {display:block; font-size:0.9rem; margin-bottom:10px;}

#sidemenu .snblist{border:1px solid #e6e6e6; border-width:0 1px 1px; background:#ffffff;  margin-bottom:30px}
#sidemenu .snblist li a {position:relative; display: block; padding:13px 20px; font-weight:400; border-bottom:1px solid #e6e6e6; color:#323232}
#sidemenu .snblist li:last-child a{border-bottom:0px;}
#sidemenu .snblist li a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}
#sidemenu .snblist li a:hover {text-indent:5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; color:#303030; transition:0.3s}
#sidemenu .snblist li.active a {color:#d10000; font-weight:600}
#sidemenu .snblist li a i:after,#sidemenu .snblist li.active a i:after {
	position: absolute;
	top: 16px;
	font-weight:bold;
	right: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: FontAwesome;
	content: "\f105";
	font-style:normal;
	color:#808080
}
#sidemenu .snblist li a:hover i:after{right: 7px;}
#sidemenu .snblist li.active a i:after{color:#d10000}
#sidemenu .snblist li.active a:hover i:after{right:7px;}


#sidemenu .snblist li a i:after {background:rgba(255,255,255,0)}

#sidemenu .snblist li a:hover i:after {
	-webkit-transform: translateY(-50%) translateX(20%);
	-moz-transform: translateY(-50%) translateX(20%);
	-ms-transform: translateY(-50%) translateX(20%);
	-o-transform: translateY(-50%) translateX(20%);
	transform: translateY(0) translateX(20%);
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#sidemenu .snblist li.select a:hover i:after {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	color:#fff;
	background:rgba(255, 255, 255, 1);
}



#fl_menu{display:none;}
.con{position:relative; min-height:500px;}
.conh3{font-size:1.4em; font-weight:600; color:#000000; text-align:center;}
.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;}

/*패스메뉴
.dropbtn {background:none; width:100%; text-align:left; border:none; display:inline-block; height:auto; position:relative; color:#ffffff; font-size:12px;}
.dropbtn:after{font-family:'FontAwesome'; content:'\f078'; position:absolute; right:10px; color:#ffffff; font-size:8px; line-height:36px;}


.dropmenu {display: none; width:100%; position: absolute;  z-index: 5; border-width:0 1px 1px 1px; margin-top:-1px}
.dropmenu a {display:block; color:inherit; font-size:12px}
.dropmenu.show {display:block;}

.dropmenu ul{padding:10px; background:#1c3f95; }
.dropmenu ul li{padding:5px 0px; font-size:0.9em; cursor: pointer; color:#ffffff; text-align:left; line-height:32px;}
*/

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

}



@media all and (min-width:768px) {
	.sub_con{padding:50px 0px 0px}
	.conh3{font-size:2em}
	.conh3:after{margin:20px auto 30px;}

	#sub_visual{padding:170px 0px 50px;}
	#twodepthNav {position:relative; display:block;}


}




@media all and (min-width:1200px) {
	#sub_visual{padding:250px 0px 70px;}
	.subwrap{margin: 0 auto; position:relative;}
	.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; padding:80px 0px 0px}
	.con{width:1160px; margin:0 auto; min-height:auto;}
	.conh3:after{margin:20px auto 20px;}

}

@media all and (min-width:1640px) {
	#sidemenu{display:block}
	#fl_menu{display:block; position:absolute; right:20px; z-index:9999; width:125px; top:0px; height:600px}
	#fl_menu .label{text-align:center; line-height:80px; font-size:18px; font-weight:bold; background:#29343f; color:#fff;}
	#fl_menu ul {text-align:center; padding:10px 0px 30px; background:#ffffff}
	#fl_menu ul li a{font-size:16px; font-weight:600; padding:8px 0px}
	#fl_menu ul li span{display:block}
	#fl_menu .menu{display:block; border:1px solid #dcdcdc}
	#fl_menu .menu img{max-width:60px}
	#fl_menu .menu .menu_item{display:block; background:#ffffff; color:#323232; }


}

#sub_drop{position:relative; background:#1c3f95;  font-size:0.9em}
#sub_drop .home a{display:block; line-height:45px; padding:0 20px; border-left:1px solid #dcdcdc; border-color:rgba(255,255,255,0.2);}
#sub_drop .home{min-width:46px !Important}
#sub_drop .home img{display:inline-block; vertical-align:middle}
#sub_drop .dropdown{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 {background:#1c3f95;  width:100%; text-align:left; display:inline-block; height:auto; position:relative; line-height:45px; padding:0 25px 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;}

#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:600;}
#sub_drop .dropdown .show {display:block;}

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

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

}

/*흰색패스
#sub_drop{position:relative; border:1px solid #dcdcdc; border-width:1px 0px; font-size:0.9em}
#sub_drop .home a{display:block; line-height:45px; padding:0 20px; border-left:1px solid #dcdcdc}
#sub_drop .home{min-width:46px !Important}
#sub_drop .home img{display:inline-block; vertical-align:middle}
#sub_drop .dropdown{float:left; border-right:1px solid #dcdcdc; position:relative;}
#sub_drop .dropdown.deph02{min-width:35%}
#sub_drop .dropbtn {background:#ffffff;  width:100%; text-align:left; display:inline-block; height:auto; position:relative; line-height:45px; padding:0 25px 0 10px; cursor:pointer; color:#000000;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#000000; font-size:14px; top:0; bottom:0; margin:auto;}

#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:600;}
#sub_drop .dropdown .show {display:block;}

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

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

}



*/


/*텍스트효과*/

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

/* 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;}
}






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


/*page up*/
#pageup {position:fixed; z-index:999; right:1%; 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; z-index:4000;}











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

#section00 .hide{height:0}
.mainvisual {position:relative; overflow:hidden; z-index:1; }
.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/main01.jpg) no-repeat center center; background-size:cover !important;}
.mainvisual #mainslider li.main02:before{background:url(../img/main02.jpg) no-repeat center center;}
.mainvisual #mainslider li.main03:before{background:url(../img/main03.jpg) 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.line_btn .bx-pager{position:absolute; color:#ffffff; overflow:hidden;  max-width:1200px;  width:100%; margin:0 auto; left:0; right:0; bottom:30%; text-align:center; min-height:25px; z-index:100}
.mainvisual.line_btn .bx-pager .bx-pager-item{display:inline-block; margin:0 5px !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:3px; 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-bottom:3px solid #0044b4;}
/*.mainvisual.line_btn .bx-pager .bx-pager-item a:after{content:''; display:block; position:absolute; right:-10px; top:0; bottom:0;;border-top:3px solid #ffffff;}*/
.mainvisual.line_btn .bx-pager .bx-pager-item a.active{ transition:0.3s; opacity:1; width:60px; }


.mainvisual.arr_btn .bx-controls-direction a{width:50px; height:50px; top:52.5%;  -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3); border:1px solid #CCCCCC; border-radius:50px;
	-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);}
.mainvisual.arr_btn .bx-controls-direction a.bx-prev:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; width:30px; height:30px; margin:auto;  background:url(../img/arr_btn_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:30px; height:30px; margin:auto;  background:url(../img/arr_btn_next.png) no-repeat center center; background-size:100% !important}

.mainvisual.arr_btn .bx-controls-direction a.bx-prev{display:none;}
.mainvisual.arr_btn .bx-controls-direction a.bx-next{display:none;}

@media all and (min-width:768px) {
	.mainvisual #mainslider li{height:750px}/*수치변경시 sublink높이변경*/
	.mainvisual  #bx-pager{width:84%; text-align:left;}
	.mainvisual.arr_btn .bx-controls-direction a.bx-prev{left:12%; display:block;}
	.mainvisual.arr_btn .bx-controls-direction a.bx-next{right:12%; display:block;}
}


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

}

@media all and (min-width:1200px) {
	.mainvisual #mainslider li{height:765px}/*수치변경시 sublink높이변경*/
	.mainvisual.arr_btn .bx-controls-direction a{width:60px; height:60px;}
	.mainvisual.line_btn .bx-pager{bottom:22%;}
}

/*mainvisual 텍스트*/
.mainvisual .visu{position:absolute;top: 23%;width:100%;text-align:center;color:#ffffff;z-index:100;}
.mainvisual .visu a{color:#ffffff}
.mainvisual .visu h2 {font-size:2em;letter-spacing:-0.03em;font-weight: bold;line-height:1;position:relative;margin-bottom:20px;padding-bottom:15px;font-family: 'Play', sans-serif !important;text-transform: uppercase;}
.mainvisual .visu h2:after{content:'';width: 311px;height:80px;position:absolute;bottom:0;left:0;right:0;margin:auto;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
.mainvisual .visu p{font-size:1.4; font-weight:200; position:relative; z-index:10}

.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:768px) {
	.mainvisual .visu p{font-size:1em}
	.mainvisual .visu h2 {font-size:3em}
	.mainvisual .visu .visu_img.visu02  {max-width:350px;}
	.mainvisual .visu h2:after{width:400px; height:115px;}

}

@media all and (min-width:1200px) {
	.mainvisual .visu h2 {font-size:3.5em}
	.mainvisual .visu p{font-size:1.2em}
	.mainvisual .visu{/* padding: 0 10%; */top: 33%;text-align: left;/* padding-left: 344px; */left: 50%;margin-left: -585px;}
	.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}
	.mainvisual.line_btn .bx-pager{max-width:100%; width:100%; padding:0 10%;}
	.mainvisual .visu h2:after{width:600px;height:140px;left:0px;right: auto;}
}

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

}




.tlt_m{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 20px;
	color: #e60012;
	background: url(/img/dot.png) no-repeat;
	padding-left: 19px;
	background-size: 13px;
	background-position: 0 5px;
}
.img_box1{
	margin-bottom: 15px;
	/* margin: 1%; */
	margin-bottom: 15px;
}
.img_box2{
	border: 1px solid #ddd;
	padding: 15px;
	/* margin: 1%; */
}
.img_table{
	overflow-x: auto;
	margin-bottom: 100px;
}
.img_table img{
	min-width: 1000px;
}


@media all and (min-width:768px) {
	.tlt_m{font-size: 25px;background-size: 16px;background-position: 0 7px;padding-left: 24px;margin-bottom: 17px;margin-left: 1%;}
	.img_box1{
		/* margin-bottom: 30px; */
		margin: 0 1%;
		margin-bottom: 30px;
	}
	.img_box2{text-align:center;margin: 0 1%;}
	.img_box2 img{
		max-width: 800px;
	}
	.img_table{
		padding: 0 1%;
	}
	.img_table img{}

}



.product-slider{
	position: absolute;
	bottom: 105px;
	left: 50%;
	z-index: 99999999;
	width: 300px;
	margin-left: -150px;
	background: rgba(0,0,0,0.5);
	padding: 10px;
}
.product-slider .pd{
	/* background: #fff; */
	text-align: center;
	padding: 5px;
}
.product-slider .img{
	border: 1px solid #dedede;
	/* padding: 10px; */
}
.product-slider .tlt{
	display: none;
}
.product-slider .tlt b{display:block;}


@media all and (min-width:768px) {
	.product-slider{
		width: 400px;
		margin-left: -200px;
		bottom: 197px;
	}
	.product-slider .pd{}
	.product-slider .img{}
	.product-slider .tlt{}
}

@media all and (min-width:1200px) {
	.product-slider{
		width: 450px;
		margin-left: 0px;
		margin-left: 135px;
		bottom: 300px;
	}
	.product-slider .pd{
		padding: 10px;
	}
	.product-slider .img{}
	.product-slider .tlt{}
}