@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; width:100%; }
.header h1{position:absolute; top:6px; left:-6px; z-index:1}
.header h1 a{display:inline-block;  padding:10px;}
.header .bg{position:absolute; top:100px; left:0; background:url(../images/bg_header.png) repeat-x left bottom; height:9px; display:block; width:100%}

.M_site_btn{position:absolute; top:30px; right:-10px; z-index:1}
.M_site_btn a{display:block; padding:10px}
.M_site_btn a span{display:block; width:23px; height:4px; background:#fff;  margin:0 auto 4px; }

.M_site_btn .ment{position:absolute; top:49px; right:-5px;  opacity:0; cursor:default; background:#33d1f1; color:#fff; line-height:29px; border-radius:4px; width:75px; text-align:center; font-size:11px}
.M_site_btn .ment .fa{position:absolute; top:-6px; right:20px;  color:#2ebfbb; font-size:16px}

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

.gnb{background:#000;  position:relative; height:100px}

.nav{display:inline-block; padding-left:235px; padding-top:24px}
.nav li.main{float:left;}  
.nav li.main a.depth1{display:block;color:#fff; font-size:15px; padding:15px 38px 39px; line-height:22px; letter-spacing:-0.02em; box-sizing:border-box; position:relative;}
.nav li.main_select a.depth1{color:#33d1f1}
.nav li.main a.depth1 .bar{display:block; position:absolute; top:-38px; left:0; text-align:center; width:100%;  line-height:0}
.nav li.main a.depth1 .bar span{display:inline-block; opacity: 0; background:#33d1f1; line-height:0}

.nav .depth2{ position:absolute;z-index:999; top:100px; left:0; width:100%; box-sizing:border-box; letter-spacing:-0.04em; height:37px; background:url(../images/bg_header.png) repeat-x left top #fff; }
.nav .depth2 .inner{position:relative;}
.nav .depth2 ul{position:absolute; top:0; text-align:left;}
.nav .depth2 li{display:inline-block;}
.nav .depth2 li a{display:inline-block; position:relative; padding:8px 20px 9px 18px; text-transform:uppercase}
.nav .depth2 li a .txt{line-height:20px; color:#666; font-size:13px; display:inline-block;}
.nav .depth2 .ic{position:absolute; top:17px; left:0; display:block; background:#666; width:4px; height:4px; border-radius:2px;}
.nav .depth2 li a:hover .ic,.nav .depth2 li a.sub_select .ic{background:#333}
.nav .depth2 li a:hover .txt,.nav .depth2 li a.sub_select{color:#000}
.nav .depth2 li:first-child .ic{display:none; }

.nav li.sub1 .depth2 ul{left:248px}

.nav li.sub2 .depth2 ul{left:400px}

.nav li.sub3 .depth2 ul{left:540px}

.nav li.sub4 .depth2 ul{left:706px}

.nav li.sub5 .depth2 ul{left:824px}


.container{background:url(../images/bg_container.gif) repeat left top; padding:38px 0;}

.flexslider {  position:relative; }
.flex-viewport{position:absolute; }
.slides{}
.slides img {}
.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_visual{height:544px; position:relative; padding-bottom:20px}
.M_visual iframe{height:544px; width:100%}
#slide1{z-index:1;position:absolute;top:0;left:0; width:100%; height:544px; opacity:1;filter:alpha(opacity=100); }
.slide{z-index:1;position:absolute;top:0;left:0; width:100%; height:544px; opacity:0;filter:alpha(opacity=0);}

#slide1{background:url(../images/M_visual_1.jpg) no-repeat center top;}
#slide2{background:url(../images/M_visual_2.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; }
.slide_control .slide_navi a{width:26px; height:50px; text-indent:-9999px; display:block; position:absolute; top:241px}
.slide_control .slide_navi a.P_arr{background:url(../images/M_arr_L.png) no-repeat 0 0;  left:25px;}
.slide_control .slide_navi a.N_arr{background:url(../images/M_arr_R.png) no-repeat 0 0; right:25px; }

.slide_control .visual_paging{z-index:3;position:absolute; top:532px; right:15px;  text-align:left; display:none}
.slide_control .visual_paging ol{display:inline-block;}
.slide_control .visual_paging li{display:inline-block;}
.slide_control .visual_paging a{height:3px; margin: 0 0 0 2px; width:45px;text-indent:-9999px; display:inline-block; background:#e4dddd}
.slide_control .visual_paging .on{background:#3abcd6;}

.M_bbs_con{overflow:hidden; padding-bottom:20px}
.M_bbs{float:left; width:354px; padding-top:18px; height:279px; border-bottom:1px solid #c5c2c2; background:url(../images/bg_line.gif) repeat-x left top;}
.M_bbs h3{position:relative; padding:0 0 14px 4px; line-height:22px; font-size:16px; color:#000; font-weight:500; }
.M_bbs h3 a{position:absolute; font-size:13px; color:#333; top:0; right:0; padding:0 5px; display:block}
.M_bbs_con .con{position:relative; height:219px; border:1px solid #ebebeb}
.M_bbs_con .bg{position:absolute; height:219px; width:100%; box-sizing:border-box; background:#fff; opacity:0.4; }
.M_bbs_con .notice ul{position:absolute; height:219px; width:100%; box-sizing:border-box; padding:0 12px}
.M_bbs_con .notice li{}
.M_bbs_con .notice li.non{text-align:center; line-height:200px; }
.M_bbs_con .notice li a{padding:10px 88px 10px 20px; display:block; overflow:hidden; position:relative; border-top:1px dashed #d0d0d0; font-size:13px; line-height:23px;}
.M_bbs_con .notice li:first-child a{border-top:0}
.M_bbs_con .notice li span{display:block;letter-spacing:-0.02em;}
.M_bbs_con .notice li .date{position:absolute; top:0; right:0; color:#666; display:block; padding:10px 0;}
.M_bbs_con .notice li .ic{position:absolute; top:20px; left:5px; display:block; background:#3cacc2; width:3px; height:3px; border-radius:1.5px;}
.M_bbs_con .notice li .subject{ float:left; width:100%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;   color:#333}
.M_bbs_con .notice a:hover .subject{text-decoration:underline; }

.M_bbs_con .AD{margin:0 18px;}
.M_bbs_con .AD_lst .slider{}
.M_bbs_con .AD_lst .flex-viewport{height:219px; width:100%;}
.M_bbs_con .AD_lst .flexslider{height:219px; }
.M_bbs_con .AD_lst .slides {top:0; left:0;position:absolute;}
.M_bbs_con .AD_lst .slides img {}
.M_bbs_con .AD_lst .slides > li {height:219px; letter-spacing:-0.04em; text-align:center;}
.M_bbs_con .AD_lst .slides > li a{display:block}

.M_bbs_con .AD_lst .flex-direction-nav {*height: 0; z-index:1; width:100%; top:10px; left:0; position:absolute; display:none}
.M_bbs_con .AD_lst .flex-control-nav {position:absolute; text-align:left; top:-30px; right:0 }
.M_bbs_con .AD_lst .flex-control-nav li{display: inline-block; vertical-align:middle}
.M_bbs_con .AD_lst .flex-control-nav li a{display: inline-block;width:8px;height:8px; margin: 0 4px;cursor: pointer; text-indent:9999px; background: url('../images/ic_ball.png') no-repeat 0 top;}
.M_bbs_con .AD_lst .flex-control-nav li a.flex-active{background-position:-17px 0}

.M_bbs_con .news ul{position:absolute; height:219px; width:100%; box-sizing:border-box; padding:3px 12px}
.M_bbs_con .news li{}
.M_bbs_con .news li.non{text-align:center; line-height:200px; }
.M_bbs_con .news li a{padding:9px 0; display:block; overflow:hidden; position:relative; border-top:1px dashed #d0d0d0; font-size:13px; line-height:18px; color:#333}
.M_bbs_con .news li:first-child a{border-top:0}
.M_bbs_con .news li .date{color:#3cacc2; display:block; }
.M_bbs_con .news li dt{font-size:15px; line-height:20px; color:#000; float:left; width:100%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; padding:5px 0; font-family:"Nanum_bold";}
.M_bbs_con .news li dd{overflow:hidden; height:38px; clear:both}
.M_bbs_con .news li a:hover dd{text-decoration:underline}


.footer{clear:both; text-align:left; background:url(../images/bg_footer.gif) repeat left top;}
.footer .address{padding:22px 0; position:relative; line-height:18px; font-size:13px}
.footer address{ font-style:normal; line-height:22px; color:#eee; }
.footer address p{color:#fff; font-family:"Nanum_bold"; font-size:15px; margin:0}
.footer address .sp{padding:0 15px; display:inline-block;}
.footer address .po{font-family:"Nanum_bold"; color:#3abcd6}
.footer h2{position:absolute; top:22px; right:-10px}
.footer h2 a{display:block; padding:10px}


.footer span.btn_top{z-index:20; width:40px; height:40px;  font-size:11px; cursor:pointer; border-radius:1px;
							position:fixed; float:left; bottom:30px; right:30px;  text-align:center; display:block}
.footer span.btn_top .bg{display:block; opacity:1;filter:alpha(opacity=100); width:40px; height:40px; background:#999; }
.footer span.btn_top .txt{color:#fff;position:absolute; top:0px; left:0; width:40px; height:40px;  line-height:15px; display:table-cell; vertical-align:middle; font-size:15px; }
.footer span.btn_top .fa-caret-up{display:block; padding-top:2px; font-size:15px;}