@charset "utf-8";
#wraper { width:100%;   text-align:left; min-width:320px; }
#wraper,#container, .inner:after,.header_Area:after { content:""; display:block; clear:both; }
.inner{width:1100px; clear:both; margin:0 auto;}
#container{}

/* skip navigation */
.skipnavi{position:absolute; z-index:9999; top:0; left:0; width:100%;}
.skipnavi a{position:absolute; z-index:-1; top:-100px; left:0;}
.skipnavi a:focus,
.skipnavi a.focus{z-index:100; top:-100px; width:100%; padding:10px 0 8px; border:1px solid #ccc; text-align:center; font-weight:bold; background-color:#000; top:0; color:#fff;}

/* 레이아웃
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.header{position:relative;z-index:10; padding-bottom:6px; border-bottom:1px solid #ddd;}
.header h1{padding:15px 0 14px;}
.header h1 a{display:inline-block;  padding:10px 10px 10px 0;}
.header .utill{position:absolute; top:53px; right:53px}
.header .utill a{display:inline-block; text-align:center;  height:36px; line-height:36px; width:36px; box-sizing:border-box; border:1px solid #dedede; border-radius:18px;color:#888; font-weight:600}
.header .utill a:first-child{margin-right:8px; color:#c9161e; }
.header .utill a:hover{color:#c9161e; }

.M_site_btn{position:absolute; top:57px; right:-4px;}
.M_site_btn a{display:block; padding:4px 4px 0 4px}
.M_site_btn a span{display:block; width:25px; height:4px; background:#bb1d1d;  border-radius:4px; margin:0 auto 4px; }

.M_site_btn .ment{position:absolute; top:37px; right:0;  opacity:0; cursor:default; background:#555; color:#fff; padding:7px 0 5px;  border-radius:4px; width:68px; text-align:center; font-size:11px}
.M_site_btn .ment .fa{position:absolute; top:-6px; right:12px;  color:#555; font-size:16px}



/*gnb메뉴*/
.nav_bg{position:absolute;width:100%;top:110px; right:0;background:#fff;border-bottom:1px solid #bf1e2d; display:none; border-top:1px solid #ddd}

.gnb{position:absolute; top:43px; left:172px; }

.nav{}
.nav li.main{float:left; position:relative;  width:150px;}  
.nav li.main a.depth1{display:block; text-align:center; color:#333; font-size:19px; padding:15px 0 24px; line-height:28px; letter-spacing:-0.02em; box-sizing:border-box; position:relative;
							 }
.nav li.main .depth1 .line{display:block; line-height:0;  width:100%; position:absolute;top:80px; left:0; text-align:center;}
.nav li.main .depth1 .line span{display:inline-block; background:#c40b0b;  height:0; opacity: 0; width:96px;}
.nav li.main .depth1 .txt{display:inline-block;}

.nav .depth2{display:none; position:absolute;z-index:999; top:68px; width:100%; padding:20px 0 18px; box-sizing:border-box; letter-spacing:-0.04em; min-height:300px; 
				   background:url(../images/bg_gnb.gif) no-repeat left top;}
.nav li.main:first-child .depth2{background:none}
.nav .depth2 li{text-align:left;}
.nav .depth2 li a{line-height:19px; color:#666; font-size:14px; display:block; padding:4px 4px 4px 22px;}
.nav .depth2 li a:hover {color:#bb1d1d;}

.nav .depth3{padding:0 0 7px}
.nav .depth3 li{}
.nav .depth3 li a{font-size:12px; line-height:20px; color:#aaa; padding:0 0 0 22px;}
.nav .depth3 li a:hover{color:#444;text-decoration:underline}


.M_visual{height:650px; position:relative; }
#slide1{z-index:1;position:absolute;top:0;left:0; width:100%; height:650px; opacity:1;filter:alpha(opacity=100); }
.slide{z-index:1;position:absolute;top:0;left:0; width:100%; height:650px; opacity:0;filter:alpha(opacity=0);}

#slide1{background:url(../images/M_visual_5.jpg) no-repeat center top;}
#slide2{background:url(../images/M_visual_1.jpg) no-repeat center top;}
#slide3{background:url(../images/M_visual_2.jpg) no-repeat center top;}
#slide4{background:url(../images/M_visual_3.jpg) no-repeat center top;}

.slide_control{position:absolute; width:100%; top:0; left:0; z-index:5;}
.slide_control .slide_navi{position:absolute; width:100%; left:0; display:none;}
.slide_control .slide_navi a{width:33px; height:61px; text-indent:-9999px; display:block; position:absolute; top:177px}
.slide_control .slide_navi a.P_arr{background:url(../images/M_arr_P.png) no-repeat 0 0;  left:0;}
.slide_control .slide_navi a.N_arr{background:url(../images/M_arr_N.png) no-repeat 0 0; right:0; }

.slide_control .visual_paging{z-index:3;position:absolute; top:483px; left:0; width:100%; text-align:center; }
.slide_control .visual_paging ol{display:inline-block;}
.slide_control .visual_paging li{display:inline-block;}
.slide_control .visual_paging a{background:url(../images/M_paging.png) no-repeat -31px 0;  left:0; height:16px; margin: 0 7px; width:16px;text-indent:-9999px; display:inline-block;}
.slide_control .visual_paging .on{background:url(../images/M_paging.png) no-repeat 0 0;}

.M_bn{position:absolute; bottom:0; left:0; width:100%; text-align:center; z-index:5}
.M_bn .bg{position:absolute; bottom:0; left:0; width:100%;height:120px; background:#333; opacity:0.4}
.M_bn .inner ul{position:absolute; bottom:0; left:0; width:100%; }
.M_bn .inner ul li{float:left; display:block; padding-right:56px; background:url(../images/M_bn_bg.png) no-repeat right 23px; height:120px;}
.M_bn .inner ul li:last-child{padding-right:0; background:none}
.M_bn .inner ul li a{display:block; vertical-align:middle; width:175px; height:120px; line-height:24px; color:#fff; font-size:16px;}
.M_bn .inner ul li a:hover{text-decoration:underline}
.M_bn .inner ul li span{display:block; }
.M_bn .inner ul li span.img{height:80px;}
.M_bn .inner ul li span.img img{margin-top:23px}


.M_container{}
.M_con_Area{overflow:hidden; padding:50px 0 60px; }
.M_con_Area .M_bbs{float:left; width:340px; height:450px; margin-right:40px; background:#f2f2f2} 
.M_con_Area .M_bbs .Pic{height:220px; overflow:hidden; } 
.M_con_Area .M_bbs .Pic img{width:100%; height:220px;} 
.M_con_Area .M_bbs .Pic  img{transition: all 1s ease 0s;}
.M_con_Area .M_bbs:hover .Pic  img {transform:scale(1.08);}
.M_con_Area .M_bbs:hover .Pic .bg {transition:opacity 0.3s ease 0s; opacity:0}
.M_con_Area .M_bbs .box{padding:30px 25px 0} 

.M_con_Area .M_bbs h3{font-weight:500; line-height:28px; color:#333; font-size:19px; padding-left:15px; position:relative;}
.M_con_Area .M_bbs h3 a{position:absolute; top:0px; right:0px; width:20px; height:20px;  background:url(../images/more_off.png) no-repeat 0 0 ; }
.M_con_Area .M_bbs:hover h3 a{background:url(../images/more_on.png) no-repeat 0 0 ; }
.M_con_Area .M_bbs h3 span{position:absolute; top:5px; left:0px; width:4px; height:17px;  background:#c40b0b; display:inline-block}

.M_con_Area .M_bbs ul{padding-top:22px}
.M_con_Area .M_bbs li{}
.M_con_Area .M_bbs li.non{text-align:center; line-height:113px; }
.M_con_Area .M_bbs li a{padding:5px 0; display:block; overflow:hidden; position:relative; color:#333; font-size:14px}
.M_con_Area .M_bbs li .subject{ float:left; width:100%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;  line-height:19px; color:#333}
.M_con_Area .M_bbs a:hover{color:#c40b0b }


.M_R_con{float:right; width:340px;} 
.M_R_con .M_business h3{position:relative; color:#333; font-size:19px;font-weight:500; padding:8px 0 9px; border-bottom:1px solid #666; line-height:28px}
.M_R_con .M_business h3 a{position:absolute; top:8px; right:0px; width:20px; height:20px;  background:url(../images/more_off.png) no-repeat 0 0 ; }
.M_R_con .M_business:hover h3 a{background:url(../images/more_on.png) no-repeat 0 0 ; }
.M_R_con .M_business dl{box-sizing:border-box; height:174px; padding:48px 0 0 132px; position:relative}
.M_R_con .M_business dt{position:absolute; top:38px; left:16px;}
.M_R_con .M_business dd{line-height:19px; color:#888; }

.M_R_con .bn{overflow:hidden; background:#f8f8f8; text-align:left;}
.M_R_con .bn a{display:block; box-sizing:border-box; width:50%;height:230px; padding:124px 27px 0; position:relative; letter-spacing:-0.02em; float:left;}
.M_R_con .bn a:first-child{border-right:1px solid #ddd;}
.M_R_con .bn a .Pic{display:block; position:absolute; top:38px; left:28px;}
.M_R_con .bn a dt{font-size:16px; color:#333; line-height:24px; padding-bottom:14px;}
.M_R_con .bn a dd{color:#777; line-height:18px;}

.slides{position:absolute; top:0; left:0}
.flexslider {  position:relative; overflow:hidden}
.flex-viewport{}
.slides img {display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
.no-js .slides > li:first-child {display: block;}

.M_bottom_con{background:#f1f1f1}
.M_bottom_con .inner{background:url(../images/M_bottom_con_bg.jpg) no-repeat left top; height:340px; position:relative;}
.M_bottom_con .box{position:absolute; top:33px; right:0; width:340px;}
.M_bottom_con .bn{position:relative; width:340px; height:150px;  }

.M_bottom_con .bn .flex-viewport{height:150px; width:100%;}
.M_bottom_con .bn .flexslider{height:150px; }
.M_bottom_con .bn .slides {}
.M_bottom_con .bn .slides img {}
.M_bottom_con .bn .slides > li {text-align:left;}

.M_bottom_con .bn  .flex-control-nav{}
.M_bottom_con .bn .flex-direction-nav {*height: 0; z-index:1; width:100%; top:0; left:0; position:absolute; display:none;}
.M_bottom_con .bn .flex-direction-nav a {position: absolute;top:182px;width:23px;height: 40px;z-index:5;text-indent:9999px; background: url('../images/R_bn_arrows.png') no-repeat ;}
.M_bottom_con .bn .flex-direction-nav .flex-next {background-position:-23px 0; right:20px;}
.M_bottom_con .bn .flex-direction-nav .flex-prev {background-position:0 0;  left:20px; }

.M_bottom_con .bn .flex-control-nav {position: absolute;z-index:1; bottom:13px; right:16px }
.M_bottom_con .bn .flex-control-nav li{display: inline-block;}
.M_bottom_con .bn .flex-control-nav li a{display: inline-block;width:7px;height:7px; background:#fff;margin: 0 3px 0 2px;cursor: pointer; text-indent:9999px; opacity:0.4; border-radius:3.5px;}
.M_bottom_con .bn .flex-control-nav li a.flex-active{opacity:1}

.M_bottom_con .info{padding:22px 33px 20px; background:url(../images/ic_phone.gif) no-repeat right bottom #fff;}
.M_bottom_con .info li{padding:0 0 0 115px; position:relative;line-height:27px; color:#333; font-size:17px;}
.M_bottom_con .info li .tit{position:absolute; top:0; left:0}

.M_sitemap{background:#333;}
.M_sitemap .inner{}
.M_sitemap ul{overflow:hidden}
.M_sitemap li a{display:block;}
.M_sitemap li.main{float:left; position:relative; border-left:1px solid #434343; box-sizing:border-box; padding:33px 0 0; height:260px;}  
.M_sitemap li.main a.depth1{display:block; text-align:left; color:#e9e9e9; font-size:18px; line-height:27px; letter-spacing:-0.02em; box-sizing:border-box; position:relative; padding-left:28px}
.M_sitemap li.main:hover a.depth1{color:#fff}

.M_sitemap .depth2{display:block;padding:16px 0 0; box-sizing:border-box; letter-spacing:-0.04em; }
.M_sitemap .depth2 li{text-align:left;}
.M_sitemap .depth2 li a{line-height:18px; color:#bbb; font-size:13px; display:block; padding:5px 0 5px 28px;}
.M_sitemap .depth2 li a:hover {color:#cacaca;}

.M_sitemap .depth3{padding:2px 0 4px}
.M_sitemap .depth3 li{}
.M_sitemap .depth3 li a{font-size:12px; line-height:18px; color:#888; padding:0 0 0 28px; letter-spacing:-0.02em}
.M_sitemap .depth3 li a:hover{color:#666;text-decoration:underline}

.M_sitemap li.sub1{width:280px}
.M_sitemap li.sub1 .depth2{float:left; width:50%}

.M_sitemap li.sub2{width:360px}
.M_sitemap li.sub2 .depth2{float:left; width:50%}

.M_sitemap li.sub3{width:160px}
.M_sitemap li.sub4{width:150px}
.M_sitemap li.sub5{width:150px; border-right:1px solid #434343; }


.footer{clear:both; text-align:left; }
.f_menu{background:#222;}
.f_menu a{display:inline-block; line-height:40px; color:#888; font-size:13px; padding:0 14px}
.f_menu a:first-child{padding:0 14px 0 0}
.f_menu span{display:inline-block; line-height:40px; color:#888; font-size:13px}
.footer .address{padding:19px 0 24px; position:relative;}
.footer address{ font-style:normal; line-height:22px; color:#888; }
.footer address a{color:#666;}
.footer address span.sp{padding:0 18px 0 0; }
.footer h2{ position:absolute; top:13px; right:-10px}
.footer h2 a{display:block; padding:10px}


.footer span.btn_top{z-index:20; width:44px; height:44px;  font-size:11px;  border:3px solid #e3e3e3; cursor:pointer; border-radius:1px;
												position:fixed; float:left; bottom:40px; right:5%;  text-align:center; display:none}
.footer span.btn_top .bg{display:block; opacity:0.8;filter:alpha(opacity=80); width:44px; height:44px; background:#fff; }
.footer span.btn_top .txt{color:#090909;position:absolute; top:0px; left:0; width:44px; height:44px;  line-height:18px; display:table-cell; vertical-align:middle; font-size:13px; font-weight:600}
.footer span.btn_top .fa-angle-up{display:block; padding-top:5px; font-size:15px;}