/* 메인슬라이더 */
#visual{width:100%; min-width:1100px; height:650px; margin:0 auto; position:relative; overflow:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:650px; position:relative;}

#visual #slogan{ text-align:left; color:#fff; position:absolute; left:0; top:110px; width:100%;}
#visual #mslogan{ display:none;}
#visual #slogan .img01{position:absolute; top:20px; opacity:0; left:50%; transform:translateX(-50%); z-index:998;/*font-family: 'Titillium Web', sans-serif;*/ font-size:25px; font-weight:500; text-align:center;text-shadow:1px 1px 0px #665d56;}
#visual #slogan .mt{position:absolute; top:0px; opacity:0; z-index:999;  left:50%; transform:translateX(-50%); text-align:center;}
#visual #slogan .mt p{ width:105px; height:2px; background:#fff;}
#visual #slogan .mt h2{ font-size:40px; letter-spacing:-2.5px; margin-top:10px; font-weight:lighter;text-shadow:1px 1px 0px #665d56;}

#visual .sliderbx li{ width:100% !important; height:650px; background-repeat:no-repeat; background-position: center top;}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx li a{ display:block; width:100%; height:650px;}

#visual div.bx-pager{ position:absolute; bottom:30px; left:10px; z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 4px;}
#visual div.bx-pager div a{ display:block; width:8px; height:8px; text-indent:-9999px; border-radius:9px; background:#FFF;}
#visual div.bx-pager div a.active{background:none; border:2px solid #e61f21; box-sizing:content-box; margin:-2px;}
#visual div.bx-controls-direction a{ 
display:block; width:40px; height:40px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:9999;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:30px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:30px;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}

#visual .box_link{ width:600px; position:absolute; top:240px; left:50%; transform:translateX(-50%); z-index:999;}
#visual .box_link ul:after{content:""; display:block; clear:both;}
#visual .box_link li{float:left;}
#visual .box_link li a{display:block; width:150px; height:150px; padding:30px 0; color:#fff; text-align:center;
					   position:absolute; top:50px; opacity:0;}
#visual .box_link li a img{opacity:0.8;}
#visual .box_link li a p{font-size:1.5em;}
#visual .box_link li:nth-child(1) a{background:RGBA(192, 32, 44, 0.9); left:0;}
#visual .box_link li:nth-child(2) a{background:RGBA(235, 115, 44, 0.9); left:150px;}
#visual .box_link li:nth-child(3) a{background:RGBA(65, 65, 65, 0.9); left:300px;}
#visual .box_link li:nth-child(4) a{background:RGBA(255, 255, 255,0.9); left:450px; color:#6c6c6c;}

#visual .box_link li a:hover{margin-top:-10px; opacity:1!important; transition:all 0.5s; box-shadow:0px 2px 5px rgba(0,0,0,0.5);}
/*메인-중간컨텐츠*/
.mid_title{ text-align:center; font-size:30px; color:#444; line-height:1em; margin-bottom:30px;}
.mid_title span{ color:#e61f21;}
.mid_title strong{ font-size:17px; color:#ccc; font-weight:400;}
#middle{ width:100%; height:auto; background:#fff; padding:70px 0;}
#middle ul{ width:1100px; margin:0 auto; text-align:center;}
#middle ul:after{ display:block; content:""; clear:both;}
#middle li{ float:left; width:20%; padding:0 15px; position:relative;}
#middle li a{ display:block; position:relative; overflow:hidden;}
#middle li .cicon{ width:100%; height:190px; border-radius:0px; overflow:hidden; margin:0 auto;}
#middle li .cicon img{width:100%;}
#middle li dt{ font-size:1.7em; font-weight:500; color:#333; margin:20px 0 15px 0; padding:10px 15px 0 15px; background:url(../img/main/mdong_bar.png) no-repeat 15px top; transition:all 0.5s;}
#middle li dt p{ font-size:13px; color:#888; letter-spacing:0; font-weight:normal;}
#middle li dd{ font-size:1.1em; color:#888; font-weight:400; padding:0 15px; height:54px;
				overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width:100%;}
#middle li .view_btn{ color:#adadad; margin:20px 0 0 15px; transition:all 0.5s;}
#middle li a{border:1px solid #ddd; padding-bottom:20px; text-align:left;}
#middle li a:hover dt{ color:#e61f21; transition:all 0.5s;}
#middle li a:hover dt p{ color:#333;}
#middle li a:hover .view_btn{ color:#333; transition:all 0.5s;}


#middle2 {width:100%; border-bottom:1px solid #ddd; padding:70px 0 40px;}
#middle2_in {width:1100px; margin:0 auto;}
#middle2_in:after {display:block; content:""; clear:both;}
#middle2 .title {font-size:2.3em; color:#444; font-weight:500; margin-bottom:30px; letter-spacing:-1px;}
#middle2 .title span{ color:#979797; font-size:15px; font-weight:normal; letter-spacing:0; display:inline-block; margin-left:20px;}
#middle2 .abox {float:left; width:100%; min-height:300px; box-sizing: border-box;}

#middle2 .abox02 {border-right:0px solid #ddd; padding:0px}


#f_cus .abox03 .btn_p{ position:absolute; top:-15px; right:0px; font-size:4em; color:#ccc; font-weight:lighter;}
#f_cus dl{ color:#444; position:relative;}
#f_cus .abox03{ padding:47px 0px 47px 50px; position:relative;}
#f_cus .ab01{ background:url(../img/main/mcont_icon01.png) no-repeat 85% center; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; font-size:15px;}
#f_cus .ab01 a.tel{ font-size:36px; color:#fff; font-weight:500; line-height:1em;}
#f_cus .ab02 a{ display:block; background:url(../img/main/mcont_icon02.png) no-repeat left center; padding-left:80px;}
#f_cus dt{ font-size:20px; margin-bottom:10px; font-weight:500; color:#fff;}
#f_cus dt span{ color:#e61f21;}
#f_cus dd{ font-size:12px; color:#fff; opacity:0.8;}

#f_con{ height:325px; background:#7A0808;}
#f_con_in{ width:1100px; margin:0 auto; color:#fff; position:relative;}
#f_res{ padding:50px 0 0 50px;}
#f_res h4{ font-size:20px; font-weight:400; letter-spacing:0;}
#f_res h2{ font-size:35px; font-weight:400;}
#f_res h2 strong{ font-weight:500;}
#f_res .f_line{ width:80px; height:1px; background:#fff; margin:15px 0;}
#f_res p{ font-size:15px; color:rgba(250,250,250,0.8); font-weight:lighter; margin:20px 0 20px 0;}
#f_res a.f_btn{ display:block; width:200px; border:1px solid #fff; color:#fff; font-size:20px; padding:0 30px; line-height:70px; background:rgba(250,250,250,0);transition:all 0.5s; margin-top:30px;}
#f_res a:hover{ background:rgba(250,250,250,1); transition:all 0.5s; color:#7C0E0D;}
#f_sns{ position:absolute; top:100px; right:80px; text-align:center;}
#f_sns h3{ font-size:25px; margin-bottom:20px;}
#f_sns h3 strong{ font-weight:500;}
#f_sns a{ display:inline-block; margin:0 5px;}

.video{float:left; width:850px;}
.video ul:after{content:""; display:block; clear:both;}
.video li{float:left; width:33.3333%; text-align:center;}
.video li p{font-size:15px; padding:10px 0;}
.video li img{width:90%;}

.poll{float:right; width:250px; padding-left:20px}
#poll{ border:1px solid #dde4e9}
#poll h2{font-size:1.2em;}

.rolling{padding:10px 0;}
.rolling img{width:100%; height:auto; border:1px solid #ddd;}