@charset "utf-8";
/* common */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{background:#fff url(../_images/common/bg.jpg) repeat-x fixed;font-family:'Nanum Gothic',sans-serif} /* _color */
#pc {min-width:1100px}
#ie6{display:none}

/********** 텍스트및 게시판부분 색상조정 **********/
/* text */
*,.rd_body,* .bd,html,body,
* #all_text_clor a:link,* #all_text_clor a:visited, 
* #all_text_clor a:active,* #all_text_clor a:hover,
a:link,a:visited,a:active,a:hover{color:#3e3e3e !important;text-decoration:none}

/* [M 01] 바탕색보다 약간흐리거나 진한색으로 */
* #board_trackback a, /* 트래백 */
* #board_trackback, /* 트래백 */
.bd_pg strong.direction, /* Prev, Next 색상 */
.rd_hd .board .top_area{background:#eeeeee;border-bottom:1px solid #eeeeee} /* 모바일버전 게시판 내용보기 페이지 타이틀선 */
.rd_hd .top_area b,.rd_hd .btm_area b{color:#eeeeee !importantf}
.bd .bg_f_f9{background:#eeeeee} /* 글목록 타이틀바 */
#bd_lst td,#bd_zine li{border-bottom:1px solid #eeeeee} /* 글목록 선 */
* #bd_lst .notice td,#bd_zine li.notice,#bd_lst .select,#bd_lst tbody tr:hover{background:#eeeeee} /* pc버전 게시판 글목록 글제목 롤오버 */
* #bd_lst .notice td,#bd_zine li.notice,#bd_lst .select,#bd_lst tbody tr:hover a{}
#bd_lst .bg2{background:#eeeeee} /* 모바일버전 게시판 리스트 구별 색상(홀수줄 색) */
.login_form,.rd_hd .board .btm_area{border-bottom:1px dashed #eeeeee} /* 모바일버전 관리자로그인 점선 ( 바탕색보다 약간 흐린색 ) */
.xm .form li{border-bottom:1px solid #eeeeee} /* 로그인, 회원가입폼 */
.xm .find_comment,.xm .find_temp_password{background:#eeeeee} /* 아이디,비밀번호찾기 관련 */
/* .rd_hd small {color: #d6d1cb !important; } IP주소 색상 */
/* .rd_hd .btm_area span,.rd_hd .board .cate{color:#d6d1cb !important; } 게시판 내용보기 페이지 : 댓글,조회수,추천수 글자색상 */


/* header */
#header{width:100%;min-width:1100px;height:100px;margin:0 auto;background:url(../_images/common/bg_header.png) repeat-x}

/* logo */
#header #logo{position:absolute;left:0;top:0;width:350px}
#header .btn_header{position:absolute;right:0;top:0;z-index:12000;height:30px;padding-right:20px;text-align:right;background:url(../_images/common/bg_header_right.png) no-repeat}
#header .btn_header a{display:block;padding:3px 0;float:left}

/* nav */
#header .gnb{float:right} /* _color */
#header .gnb:after{content:"";display:block;clear:both}
#header .gnb > li{float:left;position:relative;z-index:100;text-align:center}
#header .gnb > li > a{display:block;height:100px;line-height:100px} /* _color */
#header .gnb > li > a:hover,.gnb > li:hover > a{background:url(../_images/common/bg_nav_over.png) no-repeat bottom center}
#header .gnb > li > a.on{font-weight:bold !important;background:url(../_images/common/nav_on.png) no-repeat top center}
#header .gnb > li.dropdown > a > span{width:100%;display:block}
#header .gnb > li:hover > ul{display:block}
#header .gnb > li ul{position:absolute;z-index:100}
#header .gnb > li > ul{left:50px;top:100px;display:none;margin-left:5px}
#header .gnb > li:last-child ul{left:-10px}
#header .gnb > li > ul  li{padding:0px;position:relative}
*:first-child+html #header .gnb > li > ul  li:first-child{display:none}
#header .gnb > li > ul > li > ul{left:200px;top:0px;display:none}
#header .gnb > li > ul li > a{width:160px;display:block;padding:0 20px;line-height:30px;outline:none;text-align:left;background:url(../_images/common/bg_nav_sub_over.png) repeat-x top;font-weight:bold;letter-spacing:-1px}
#header .gnb > li > ul li > a:hover{} /* _color */
#header .gnb > li > ul > li:hover > ul{display:block}

/* content */
.breadclumb{position:absolute;right:0;z-index:20;height:30px;padding-right:20px;font-weight:normal !important;background:url(../_images/common/bg_breadclumb.png) no-repeat}
.breadclumb *{font-style:normal}
.breadclumb a{display:block;float:left;padding:3px 30px 0 0;height:27px !important;background:url(../_images/common/breadclumb_right.png) no-repeat right top}
.breadclumb span{font-size:8px}
#content_out{width:1080px;margin:0 auto;padding:10px;background:url(../_images/common/bg_content.png) repeat}
#content{width:870px;float:left;margin-left:10px;padding-top:25px} /* _color */
#content_out:after{ content:"";display:block;clear:both}

/* 서브 왼쪽영역 */
.aside{width:200px;float:left}
/* 서브 왼쪽메뉴 */
.snb{width:200px;float:left;background:url(../_images/common/bg_snb.png) repeat-y;*zoom:1}
.snb:after{content:"";display:block;clear:both}
.snb > li {width:200px;height:40px;float:left;text-align:left}
.snb li a{position:relative;display:block;cursor:pointer;height:100px;padding-left:10px;line-height:40px} /* _color */
.snb li a strong{font-size:12px;font-weight:bold;letter-spacing:1px;position:absolute;left:0;top:0px;width:200px;height:40px;color:#ff8870 !important;z-index:9999;text-align:center;background:url("../_images/common/btn_effect.png");text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75)}
/* 배너 */
.banner{width:200px;float:left;padding-top:30px}
.banner li{float:left}
.banner li a{position:relative;display:block;width:200px;height:130px;cursor:pointer}
.banner li a strong{position:absolute;font-size:12px;font-weight:normal;left:0;top:0px;width:160px;height:50px;color:#fff !important;padding:50px 20px 30px;z-index:9999;background:url("../_images/common/btn_effect.png");text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);text-align:center}
.banner li.banner1{background-image:url("../_images/common/banner_pc.png")}
.banner li.banner2{background-image:url("../_images/common/banner2_pc.png")}
.banner li.banner3{background-image:url("../_images/common/banner3_pc.png")}

/* footer */
#footer{position:relative;min-width:1100px;padding:60px 0;text-align:center} /* _color */
#footer .btn_bottom{margin-bottom:40px}
#footer .sns{margin-bottom:20px}
#footer .add{} /* _color */

/* sns 버튼 */
.sns{width:422px;margin:0 auto}
.sns:after{content:"";display:block;clear:both}
.sns li{float:left;background-repeat:no-repeat}
.sns li a{display:block;height:70px;margin:0 20px;position:relative}
.sns li a strong{font-size:11px;font-weight:normal;position:absolute;left:-50px;top:-1px;width:200px;color:#fff !important;padding:10px;background:url("../_images/common/btn_effect.png");z-index:9999;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);-moz-border-radius:3px;-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);-webkit-border-radius:3px;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);border-radius:3px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)}
.sns li.btn_facebook{width:131px;background-image:url("../_images/common/btn_facebook_pc.png");margin:0 40px}
.sns li.btn_twitter{width:131px;background-image:url("../_images/common/btn_twitter_pc.png");margin:0 40px}

/* 메인 */
#intro,#second{width:100%;}
#intro{background:url(../_images/common/img_01_pc_bg.jpg) 50% 0 repeat-x fixed;margin:0 auto;overflow:hidden}
#second{background:url(../_images/common/img_02_pc_bg.jpg) 50% 0 repeat-x fixed;margin:0 auto;overflow:hidden}
#second .img{background:url(../_images/common/img_02_pc.jpg) 50% 0 no-repeat fixed;margin-left:-450px;position:absolute;left:50%;width:900px;height:900px;z-index:200}
#third{background:url(../_images/common/img_03_pc_bg.jpg) 50% 0 repeat-x fixed}
#fifth{height:280px;margin:0 auto;padding:70px 0 0 0} /* _color */
.story{margin:0 auto;overflow:auto;width:1100px;}
.story .psd_left, .story .psd_right{position:relative;width:1100px;height:900px;overflow:hidden}
.slide{width:100%;min-width:1100px;height:900px}
.main_board{width:1100px;margin:0 auto}
.main_board:after{content:"";display:block;clear:both}
.main_board div{float:left}
.main_board *,.main_board a:link,.main_board a:visited,.main_board a:active,.main_board a:hover{} /* _color */
.map{position:relative;min-width:1080px;height:480px} /* _color */
.map iframe{width:100%;height:480px}

.customercenter{position:fixed;left:0px;bottom:0px;z-index:20000}

/* 모바일버전 보기버튼 */
#fakeM1{position:relative;z-index:100;width:100%;min-width:1100px;padding-left:0 !important;padding-right:0 !important;display:block;padding:1em;background:#ccc;border-top:1px solid #222;font-size:50px;text-align:center;color:#222 !important}
