@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,td,abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {
margin: 0; padding: 0; border: 0; outline: 0; }
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;}
body { font-family:'Nanum Gothic','dotum'; font-size:13px; color:#3E3E3E;} 
img {border:0;vertical-align:top;outline:none}
ol, ul {list-style: none;}
 
table {border-collapse: collapse;border-spacing: 0;}
a {color:#3E3E3E;text-decoration:none;}
/* accessibility */
a.accessibility{position:absolute;display:block;width:100%;left:0;text-align:center;top:-10000px;z-index:9999999;font-size:11px;font-weight:bold}
a.accessibility:hover, a.accessibility:focus, a.accessibility:active{position:absolute;top:0;padding:10px 0;font-weight:bold;color:#fff;background:#6f721e;z-index:9999999}
.hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}
.clearfix{clear:both;}
.f_bold{font-weight:bold;}
.f_bold_n{font-weight:normal;}
.fR{float:right;}
.fL{float:left;}
.fC{text-align:center;}
.font_0 {font-size:0; line-height:0;}
.w_420 {width:420px;}
.h_630 {height:630px;}
.p_20 {padding:20px;}
.t_5 {padding-top:5px;}
.t_10 {padding-top:10px;}
.t_20 {padding-top:20px;}
.t_40 {padding-top:40px;}
.r_2 {padding-right:2px;}
.l_10 {padding-left:10px;}
h2, h3 {  font-weight:100;}
body{position:relative; background:#fff; min-width:1400px; max-width:1920px;}

/*·¹À̾ƿô*/
#header{position:absolute;top:0;left:0; height:100px;  width:100%; z-index:100000000000; background:url(../img/top_bg.png)  repeat center top ; color:#606263}
#conatiner { height:auto !important; position:relative; width:100%; z-index:1000;}
#header .header{position:relative; max-width:840px; margin:0 auto;   z-index:10000;}

#header h1 {position:absolute; top:0px; left:0; z-index:1000; overflow:hidden;   height:100px;}
#header h1  a:hover img {margin-top:-100px; }
 




/*»ó´Ü´ë¸Þ´º*/
#header .gnb_wrap{overflow:hidden; }
#header .gnb_wrap > ul > li{float:left;  text-align:center; display:block;  }
#header .gnb_wrap > ul > li > a h2 { overflow:hidden;   display:block; height:100px;}
#header .gnb_wrap > ul > li > a h2 span {display:block;}
#header .gnb_wrap > ul > li > a:hover h2 img {margin-top:-100px; }
#header .gnb_wrap > ul > li > a{  isplay:block;}
#header .gnb_wrap > ul:after {content:" ";display:block;clear:both;overflow:hidden;}
 
/*»ó´ÜÇϺθ޴º*/
#header .snb{ margin-top:5px;   display:block;  height:120px;}
#header .snb li{margin-bottom:13px; text-align:center;  }
#header .snb li a{font-size:13px; color:#fff;  letter-spacing:-0.03em;}
#header .snb li a:hover{color:#eee;}
#header p.snb_bg{position:absolute; top:100px; left:0; width:100%; overflow:hidden; display:none; background:url(../img/top_bg.png) repeat; border-bottom:1px solid #6a6a6a; z-index:10;}


/* »ó´Ü top_btn */ 
.top_btn {background:url(../img/top_bg.png)  repeat center top ;  height:100px; width:220px;  position:absolute; right:0; top:0;}
.top_btn ul {text-align:center; padding:40px 0 0 0; }
.top_btn ul li {display:inline;  padding:0 8px; }
.top_btn ul li a{display:inline;  font-size:11px; color:#fff;  font-weight:900; z-index:100;  }
.top_btn ul li a:hover {color:#fff;}
 



 

/*¸ÞÀηѸµÁß¾ÓÀ̹ÌÁö*/
#mainWrap{width:100%;} 
#mainWrap .mainCont{width:100%;overflow:hidden;position:relative;   }
#main_banner {position:relative;width:100%;height:800px; min-width:1000px;}
#main_banner .bannerWrap{width:1000px; margin:0;}
#main_banner .bannerCont{width:1920px;margin-left:0px;}
.flexslider_event {height:800px;}
.flexslider_event .slides {width:100%;}
.flexslider_event .slides > li {display:none; -webkit-backface-visibility: hidden;} 
.flexslider_event .slides img {display: block; width:1920px; height:800px;}
.flexslider_event .flex-direction-nav {z-index:999;}
.flexslider_event .flex-direction-nav li {width:28px;z-index:999;}
.flexslider_event .flex-direction-nav a {background:url(../img/slideBtn.png);width:35px; height:64px; display: block; z-index: 10; cursor: pointer; text-indent: -9999px;}
.flexslider_event .flex-direction-nav{display:none;}
.flexslider_event .flex-direction-nav .flex-next {background-position:right 0;position:absolute;top:380px;right:25px;}
.flexslider_event .flex-direction-nav .flex-prev {background-position:left 0;position:absolute;top:380px;left:25px;}
.flexslider_event .flex-control-nav {position: absolute;right:50px;bottom:30px;}
.flexslider_event .flex-control-nav li {float:left; margin-right:12px;display: inline-block; zoom: 1; *display: inline; }
.flexslider_event .flex-control-paging {bottom:10px;}
.flexslider_event .flex-control-paging li a {width:14px;height:15px;display: block; background:url(../img/slide_navy.png);background-position:left top;cursor: pointer; text-indent: -9999px;}
.flexslider_event .flex-control-paging li a:hover,.flexslider_event .flex-control-paging li a.flex-active {background-position:15px top; cursor: pointer; }


.mcon {position:absolute; width:330px; left:85px; top:205px; z-index:1000000000;}
.mcon_sns {height:101px;}
.mcon_sns h2 {float:left; padding-right:1px;}
.mcon_sns ul {width:102px; float:left;}
.mcon_sns ul li {float:left; padding-right:1px; padding-bottom:1px;}
.mcon_notice {background:url(../img/mcon_notice_bg.png) repeat 0 0; padding:15px; margin-bottom:1px; height:90px;}
.mcon_notice h2 {padding-bottom:6px;}
.mcon_banner {padding-bottom:1px;}


 
.item a div.img { z-index:100000; border-right:1px solid #CBCBCB;}
.item a div.ov {  display:block; position:absolute;} 
.item a:hover div.ov { display:none;position:absolute;} 






/*¼­ºê °øÅë »ó´ÜÀ̹ÌÁö*/
.sub_img1 {position:relative; background:url(../img/sub_img1.jpg) no-repeat 50% 0; height:300px; top:0px;}
.sub_img2 {position:relative; background:url(../img/sub_img2.jpg) no-repeat 50% 0; height:300px; top:0px;}
.sub_img3 {position:relative; background:url(../img/sub_img3.jpg) no-repeat 50% 0; height:300px; top:0px;}
.sub_img4 {position:relative; background:url(../img/sub_img4.jpg) no-repeat 50% 0; height:300px; top:0px;}
.sub_img5 {position:relative; background:url(../img/sub_img5.jpg) no-repeat 50% 0; height:300px; top:0px;}
.sub_img6 {position:relative; background:url(../img/sub_img6.jpg) no-repeat 50% 0; height:300px; top:0px;} 
.sub_img7 {position:relative; background:url(../img/sub_img7.jpg) no-repeat 50% 0; height:300px; top:0px;} 


/* ¼­ºêÁÂÃø¸Þ´º */
.sub_menu{width:1002px; border:1px solid #CCA473; position:absolute; top:-30px; right:50%; margin:0 -500px 0 0; }
.sub_menu ul {margin:0 auto;  text-align:center;  }
.sub_menu ul:after {content:" "; clear:both;overflow:hidden;}
.sub_menu ul li {float:left;   text-align:center;  display:inline-block;   }
.sub_menu ul li a,.sub_menu #leftoff a{float:left;   display:inline-block; padding:20px 0; background:#fff; border-left:1px solid #CCA473;   width:100%;  }
.sub_menu ul li a:hover,.sub_menu ul li a.on_box,
.sub_menu #lefton a,.sub_menu #leftoff a:hover{display:inline-block; background:#CCA473 ;  padding:20px 0; width:100%; } 
.sub_menu ul li a h3 {font-size:17px; font-weight:900; color:#2B2724;}
.sub_menu ul li a.on_box h3 {display:inline-block; color:#fff;     } 
 
 
 
/* ¼­ºêŸÀÌƲ */
.sub_title h2{position:relative; text-align:center; width:1000px; letter-spacing:-0.03em; color:#514947; font-weight:900; font-size:35px; padding:80px 0 40px 0;  }

/* ¼­ºê·¹À̾ƿô */ 
.contents {position:relative; width:100%;  }
.contents_s {width:1000px; position:relative;  margin:0 auto ;  }
#content-area {padding-bottom:30px; min-height:400px;}


/* ÇÏ´Ü ¹Ù·Î°¡±â ¸Þ´º */
#footer_wrap{position:relative; width:100%; height:150px; background:#3C3634 url(../img/b_bg.png) repeat 0 0; z-index:1000000000000; }
#footer_wrap .footer_a{position:relative;clear:both;width:960px;margin:0 auto;padding:25px 0}
#footer_wrap .footer_a .info_link{overflow:hidden; font-weight:bold; line-height:28px;}
#footer_wrap .footer_a .info_link li{padding-left:23px;float:left;background:url(../img/line_02.gif) 11px 10px no-repeat; }
#footer_wrap .footer_a .info_link li img {padding-right:5px;}
#footer_wrap .footer_a .info_link li a {color:#CACACA;}
#footer_wrap .footer_a .info_link li a:hover {color:#fff;}
#footer_wrap .footer_a .info_link li.first{padding-left:0;background:none}
#footer_wrap .footer_a address{clear:both;font-style:normal;font-size:11px;color:#CACACA;line-height:18px;margin-top:15px; }
#footer_wrap .footer_a address span {padding-right:10px;}


/* ÇÏ´Ü ¼¿·ºÆ®¹Ú½º */
#select_family{position:absolute;top:75px;right:0;width:220px;height:30px; }
#select_family .select_title{position:absolute; top:0; left:0; width:220px; height:28px; font-size:11px; line-height:28px; 
                             font-weight:normal; background-color:#CCA473; border:1px solid #464646; color:#434343; cursor:pointer;z-index:100}
#select_family .select_title .title{padding-left:20px}
#select_family .select_title .arrow{position:absolute; top:50%; right:10px; width:11px; height:7px; margin-top:-3px;
                                 background:url(../img/footer_select_arrow.gif) left top no-repeat; overflow:hidden }
#select_family .select_list{position:absolute; bottom:0; left:0; width:100%; padding-bottom:29px; border-top:1px solid #464646; 
                            border-right:1px solid #464646; border-left:1px solid #464646; overflow:hidden; display:none}
#select_family .select_list li a{display:block; height:28px; font-size:12px; color:#AFAFAF; padding-left:20px;
                              line-height:28px; border-bottom:1px solid #464646; background-color:#514947;}
#select_family .select_list li a:hover{background-color:#CCA473; color:#434343;}