@charset "utf-8";
/* common */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*,html,body{font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,sans-serif}
body{} /* _color */
#pc{width:100%;min-width:1190px;}
#ie6{display:none}
.pc_width{width:1190px;min-width:1190px;margin:0 auto}

.hide {font-size:0;overflow:hidden;color:transparent;height:0;}
.group {overflow:hidden;*zoom:1;}
.group:after {content:'';display:block;clear:both;}
.hidden {display:none !important;}
.inner{display:block;max-width:1190px;margin:0 auto !important;}
.center{display:block;text-align:center}

/* 스킵네비게이션, 반복영역건너뛰기 */
.skip_navigation,.skip_navigation ul{height:0}
.skip_navigation a{position:absolute;top:-9999px;background:#000;width:100%;height:30px;text-align:center;color:#fff;line-height:30px;font-weight:bold;z-index:100;opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0}

/* gnb */
#gnb{position:absolute;left:0;top:0;z-index:200;width:100%;}
#gnb h1.logo{display:block;float:left;margin:0;}
#gnb h1.logo img{float:left;}
#gnb #menu{position:relative;float:right;}
#gnb #menu li{position:relative;float:left;}
#gnb #menu a{display:block;padding:0 20px;color:#fff;font-size:17px;line-height:110px;}
#gnb #menu a img{float:left;}
#gnb #menu ul{position:absolute;top:100px;left:40px;width:154px;display:none;opacity:0;list-style:none}
#gnb #menu ul a{font-size:12px;line-height:30px;color:#fff !important}
#gnb #menu ul li{position:relative;width:154px;padding:0;background:#fa9f01;border-top:1px solid #ffb32f;}
#gnb #menu ul li:hover{background:#ffb32f}
#gnb #menu ul li:hover a{color:#fff}
#gnb #menu ul li a{display:block;width:110px;padding:3px 20px;color:#fff}


/* 로그인 버튼등 */
#header .header_in {position:relative}
#header .header_in .btn_header{position:absolute;right:20px;top:0}
#header .header_in .btn_header li{float:left}
#header .header_in .btn_header_left{position:absolute;left:0px;top:0}
#header .header_in .btn_header_left li{float:left}

/* 메인이미지 */
.mainVisual {position:relative;width:100%;overflow:hidden;}
.mainVisual li {float:left;}
.mainVisual li .img {float:left;width:100%;z-index:1;}
.mainVisual li .img.mobile {display:none;}
.mainVisual li.group{position:relative;}
.bx-controls {}
.bx-controls .bx-pager {position:absolute;bottom:10px;left:0;width:100%;text-align:center;}
.bx-controls .bx-pager .bx-pager-item {position:relative;display:inline-block;margin:0 5px;z-index:100;}
.bx-controls .bx-pager .bx-pager-item a {display:inline-block;width:11px;height:11px;background:none;border:2px solid #fff;font-size:0;color:transparent;border-radius:10px;}
.bx-controls .bx-pager .bx-pager-item a.active {background:rgba(255,255,255,1);border:2px solid #fff;}
.bx-controls .bx-controls-direction {position:absolute;top:50%;left:0;width:100%;height:0;z-index:100;}
.bx-controls .bx-controls-direction a {width:40px;height:40px;position:absolute;top:0;font-size:0;color:transparent;margin-top:-30px;}
.bx-controls .bx-controls-direction a.bx-prev {left:50px;background:url(../_images/pc/btn_iprev.png) no-repeat;}
.bx-controls .bx-controls-direction a.bx-next {right:50px;background:url(../_images/pc/btn_inext.png) no-repeat;}
/* IE8 only */  
@media \0screen {
.bx-controls .bx-pager .bx-pager-item a {background:#e2d2b3;border:1px solid #d0bd97;}
}  


/* 메뉴전체보기 */
#nav_box{display:none;width:100%;padding:40px 0 0;position:absolute;left:0;top:135px;z-index:100;background:#fff;;border-bottom:1px solid #E8E8E8}
#nav_box li{width:180px;height:280px;padding-left:20px;float:left;border-right:1px dashed #E8E8E8;}
#nav_box li li{height:auto;border:none;padding:0;}
#nav_box li a{font-size:20px;line-height:50px;color:#FF7916}
#nav_box li li a{font-size:14px;line-height:25px;color:#222}
div#glayLayer{display:none;position:fixed;left:0;top:0;z-index:90;width:100%;height:100%;background:#222222;filter:alpha(opacity=50);opacity:0.5}
* html div#glayLayer{position:absolute}

/* IE8 only   */ 
@media \0screen {
.hamburger{width:50px;height:50px;padding:0 !important;background:url(../_images/pc/hamburger_bg_ie8.gif) no-repeat left top}
#gnb.fixed .hamburger{background-position:left -50px}
}

/* 메인영역 첫번째 */
.ban_area{margin:60px auto 0;text-align:center;}
.ban_area li{padding:0;float:left;width:50%;margin:5px 0;}
.ban_area li img{float:left;}
.ban_area .notice{position:relative;width:590px;height:170px;text-align:left;}
.ban_area .notice a{color:#323232;line-height:2em;padding-left:15px;position:relative;}
.ban_area .notice a:before{position:absolute;top:7px;left:0;height:5px;width:5px;background:#adadad;content:'';display:block;}
.ban_area .notice img{position:absolute;left:0;top:0;z-index:5;}
.ban_area .notice .noticeBox{position:absolute;right:30px;top:25px;z-index:10;width:230px;}

/* aside */
#aside{width:240px;float:left;overflow:hidden}
.snb{width:240px;*zoom:1}
.snb:after{display:block;content:"";clear:both}
.snb > li{width:240px;height:50px;line-height:50px;float:left; background:#url(../_images/pc/bg_snb.jpg) no-repeat}
.snb > li.on{background:url(../_images/pc/bg_snb_ov.jpg) no-repeat}
.snb li a{font-size:14px;position:relative;display:block;padding-left:20px;line-height:50px;color:#7b7b7b !important} /* _color */
.snb li a:hover{color:#292929 !important}
.left_banner{}
.left_banner li{float:left}
.left_banner li img{float:left}

/* subVisual */
.subVisual{position:relative;width:100%;background-position:center top;
-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important}
.subVisual img{width:100%;float:left;}
.subVisual .tit{position:absolute;left:0;bottom:0;z-index:10;width:100%;line-height:3em;background:rgba(0,0,0,0.3);text-align:center;font-size:30px;color:rgba(255,255,255,0.5);)}
/* IE8 only */  
@media \0screen {
.subVisual .tit { background:url(../_images/pc/subvisual_ie8.png) repeat;color:#fff; }  
}  

/* content */
.breadclumb{height:30px;font-weight:normal}
.breadclumb *{font-style:normal;font-size:11px;font-family:'돋움',Dotum;line-height:30px;color:#8f9699 !important}
.breadclumb a{display:block;float:left;text-decoration:none;padding:0 3px}
.breadclumb a:first-child{background:url(../_images/pc/ico_home.png) no-repeat left center;padding-left:20px}
.breadclumb span{font-size:8px}
#content_out{position:relative;z-index:10;;margin:35px auto 0;}
#content_out:after{content:"";display:block;clear:both}
#content{width:1190px;}

.board_area{}
.board_area .tit{margin:60px 0 30px;text-align:center;height:200px;background:url(../_images/pc/board_tit.jpg) no-repeat center top;}

/* btm_ban */
.btm_ban{margin:30px auto;}
.btm_ban li{width:50%;float:left;}
.btm_ban li a{display:block;width:590px;height:90px;margin-bottom:10px;}
.btm_ban li img,.btm_ban li a{float:right;}
.btm_ban li.first  img{float:left;}

/* btmArea */
.btmArea{width:100%;background:#111415;padding:50px 0;color:#d8dadb;margin-top:30px;}
.btmArea ul li{float:left;margin-right:130px;padding-left:25px;}
.btmArea ul li span.tit{display:block;color:#818587;}
.btmArea ul li.address{background:url(../_images/pc/btmArea_ico1.jpg) no-repeat left 3px;}
.btmArea ul li.tel{background:url(../_images/pc/btmArea_ico2.jpg) no-repeat left 3px;}
.btmArea ul li.fax{background:url(../_images/pc/btmArea_ico3.jpg) no-repeat left 3px;}
.btmArea ul li.email{background:url(../_images/pc/btmArea_ico4.jpg) no-repeat left 3px;}

/* footer */
#footer_out{width:100%;min-width:1190px;background:#e1e1e1;color:#494949}
.footer{position:relative;line-height:20px;padding:45px 0;}
.footer .add{}
.footer a{color:#494949}

/* top버튼 */
.btn_top{display:none;position:fixed;left:50%;bottom:30px;margin-left:620px;z-index:10000;}

/* 모바일버전 보기버튼 */
#fakeM1{position:relative;z-index:100;width:90%;margin:25px auto;min-width:1190px;padding-left:0 !important;padding-right:0 !important;display:block;padding:1em;background:#fff;border:1px solid #222;font-size:40px;font-weight:bold;text-align:center;color:#222 !important;border-radius:10px}