@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 {line-height: 18px; font-family:'Nanum Gothic','³ª´® °íµñ','dotum'; font-size:13px;color:#3E3E3E; min-width:1200px;} 
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;}
.MB_0{margin-bottom:0!important;}
.fR{float:right;}
.fL{float:left;}
.fL{float:left;}
.fC{text-align:center;}
.fB{font-weight:bold;}
.t_10 {padding-top:10px;}
.t_20 {padding-top:20px;}
.t_30 {margin-top:30px;}
.r_20 {margin-right:20px;}
.r_2 {margin-right:2px;}
.r_50 {margin-right:50px;}
.b_30 {padding-bottom:30px;}
.w_810 {width:810px;} 

body{position:relative; min-width:1100px;}
#header{position:absolute;top:0;left:0;width:100%; z-index:1000;}
#header .bg {position:absolute;top:0; width:100%; height:90px; z-index:1000; background:#fff;}
#header .header{position:absolute; width:1082px;margin:0 auto;z-index:10000; right: 50%; margin: 0 -490px 0 0 }
#header .header h1{padding-top:15px; height:75px; text-align:center; z-index:10000; }
#header .header .top_banner{position:absolute;  top:10px; z-index:10001; right: 50%; margin: 0 250px 0 0 }
#header .header .top_banner2{position:absolute;  top:35px; z-index:10001; right: 50%; margin: 0 -550px 0 0 }

#header_wrap span.gnb_bg_black{position:absolute;top:90px;left:0;width:100%;height:30px; z-index:15;}
/* »ó´Ü¸Þ´º */
#header .gnb_wrap{position:relative;overflow:hidden;visibility:hidden}
#header .gnb_wrap > ul > li{float:left; text-align:center; letter-spacing:-0.01em; }
#header .gnb_wrap > ul > li > a{display:block;width:179px;font-size:15px;color:#fff; font-weight:bold; line-height:35px; border-left:1px solid #B01E22;}
#header .gnb_wrap > ul > li.current > a,
#header .gnb_wrap > ul > li.actived > a{background:url(../img/menu_over.gif) 0 0 repeat-x;  color:#480C0D; }
#header .gnb_wrap > ul > li.last > a{border-right:1px solid #B01E22; width:178px;}
#header .gnb_wrap > ul:after {content:" ";display:block;clear:both;overflow:hidden;}
#header .snb{text-align:center;}
#header .snb{margin-top:20px; margin-bottom:35px; height:70px;}
#header .snb li{margin-bottom:7px; }
#header .snb li a{font-size:13px;color:#FFAEAE; font-weight:bold;}
#header .snb li a:hover{color:#530609;}
#header p.snb_bg{position:absolute;top:105px;left:0;width:100%;overflow:hidden;display:none;background:url(../img/smenu_bg.gif) repeat; border-bottom:1px solid #6a6a6a;z-index:10}
#header span.gnb_bg_black{position:absolute;top:90px;left:0;width:100%;height:35px;background:#D42930; z-index:15}
#header_wrap span.gnb_bg_black{position:absolute;top:90px;left:0;width:100%;height:35px;z-index:15}

/* »ó´Ü¿ìÃø¹öÆ° */
#header .top_btn{position:absolute;top:10px;right:0;}
#header .top_btn li{float:left;line-height:16px;padding-left:23px;background:url(../img/line_01.gif) 11px 4px no-repeat; font-weight:bold;}
#header .top_btn li a {font-size:11px; color:#A4A4A4;}
#header .top_btn li a:hover {color:#eee;}
#header .top_btn li.first{background:none}

/* main_¸ÞÀηѸµÀ̹ÌÁö */
.main_banner{position:relative;width:100%;height:600px;padding-top:114px;overflow:hidden; z-index:1; border-bottom:1px solid #C6C6C6;}
.main_banner .banners{position:relative;width:980px;height:600px;margin:0 auto;}
.main_banner .banners .big_img{position:relative;width:980px;height:600px;}
.main_banner .banners .big_img > div{position:absolute;top:0;left:50%;margin-left:-960px;}
.main_banner .banners > a{position:absolute; top:470px;}
.main_banner .banners > a.btn_m_left{position:absolute; left:458px; z-index:3; }
.main_banner .banners > a.btn_m_right{position:absolute; right:458px;  z-index:3; }
.main_banner .tab{position:absolute;bottom:20px;left:0;width:100%;height:60px;z-index:100; }
.main_banner .tab ul{position:relative;width:980px;height:60px;margin:0 auto;overflow:hidden; z-index:100000; }
.main_banner .tab ul li{position:relative;float:left;width:245px; background:none;}
.main_banner .tab ul li.last{width:245px;background:none;}
.main_banner .tab > span{position:absolute;top:0;width:50%;height:60px;background:#fff;z-index:0; }

/* main_¸ÞÀοìÃø Äü¸Þ´º ¾ÆÀÌÄÜ */
.qicon  {position:absolute; right:40px; z-index:20; top:270px; width:40px;height:200px;   }
.qicon ul li {padding-bottom:10px;}

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

/* main_¸ÞÀÎ ¹Ù·Î°¡±â ¹è³Ê1 */
.main01_box {position:relative; width:100%; height:120px; background:#fff;}
.main01 {width:980px; margin:auto; padding:20px 0;}

 /* main_¸ÞÀÎ ¹Ù·Î°¡±â ¹è³Ê2 */
.main02_box {position:relative; width:100%; background:#FAFAFA url(../img/p_bg.png) 0 -30px repeat; height:350px; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE;}
.main02 {width:1180px; margin:auto; padding:25px 0;}


.main03{position:relative;width:100%;padding:25px 0;background:#fff;text-align:left}
.main03 .content{width:1130px;margin:0 auto;overflow:hidden;}
.m_notice {width:300px; float:left;}
.m_qna{width:370px;height:130px;  float:left; background:url(../img/mqa_bg.gif) 0 0 no-repeat;  display:inline-block;}

.mb_movie {  float:left; padding-left:25px;}



 
.m_qna{margin-left:20px}
.m_notice,
.m_qna,
.m_sns{padding-right:5px;}
.main03 .content > div{float:left}
.m_list_top{overflow:hidden; padding-bottom:5px;}
.m_list_top  h3, 
.m_list_top  h3,
.m_sns h3{float:left; color:#000; font-size:13px; font-weight:bold; }
.m_sns {margin-left:20px}
.m_list_top .btn_more{float:right; font-size:11px;}

/* main_¸ÞÀÎ ¹Ù·Î°¡±â ¹è³Ê3 */
.main03 .content .m_sns ul {float:left; padding-top:20px;}
.main03 .content .m_sns ul li {display:inline; padding:5px;}
.main03 .content .m_customer{margin-left:30px; float:left;}

/* ¼­ºêÇÏÀ§¸Þ´º */
.sub_menu{width:980px; position:relative; padding:25px 0 10px 0; height:30px; z-index:1000000000;}
.sub_menu h2 {width:167px; border:1px solid #CCCCCC; height:28px; text-align:center; float:left; margin-left:1px; font-size:14px; line-height:28px; color:#000;}
.sub_menu ul {height:30px; background:#000; float:left; width:778px;  margin-left:1px;}
.sub_menu ul li {display:block; float:left; padding:1px;height:28px;  }
.sub_menu ul li a {display:block; float:left;  color:#fff;  padding:0 20px; font-weight:bold; height:28px; line-height:28px;}
.sub_menu ul li a:hover {color:#000; background:#FAFAFA; color:#000; height:28px; }
 
/* ¼­ºêŸÀÌƲ */
.sub_title h2{position:relative; text-align:center; width:980px; font-size:26px; color:#000; margin:12px 0 60px 0;  }
 
/* ¼­ºêÄÁÅÙÃ÷ ·¹À̾ƿô */
.contents_box { position:relative; width:100%;  background:url(../img/p_bg2.png) 0 0 repeat-x;}
.contents {position:relative; width:980px; margin:0 auto; }
.contents_s {width:980px; position:relative;  }
#content-area {width:980px; position:relative; padding-bottom:30px; }
#content-area:after {display:block; clear:both; content:" ";}

/* °øÅëÇÏ´Ü */
#footer_wrap{width:100%;text-align:left; background:#FAFAFA; border-top:1px solid #DEDEDE; }
#footer_wrap .footer_a{position:relative;clear:both;width:980px;margin:0 auto;padding:30px 0}
#footer_wrap .footer_a .info_link{overflow:hidden;  font-weight:bold;}
#footer_wrap .footer_a .info_link li{padding-left:18px;float:left;background:url(../img/line_02.gif) 9px 3px no-repeat; }
#footer_wrap .footer_a .info_link li a {color:#363636;}
#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:#363636;line-height:18px;margin-top:20px; }

/* °øÅëÇÏ´Ü ¸µÅ©»çÀÌÆ® ¹Ù·Î°¡±â */
#select_family{position:absolute;top:75px;right:0;width:220px;height:30px; color:#fff;}
#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:#111111;
 border:1px solid #313131;
 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 #313131;
 border-right:1px solid #313131;
 border-left:1px solid #313131;
 overflow:hidden;
 display:none
}
#select_family .select_list li a{
 display:block;
 height:28px;
 font-size:12px;
 color:#fff;
 padding-left:20px;
 line-height:28px;
 border-bottom:1px solid #313131;
 background-color:#272727
}
#select_family .select_list li a:hover{background-color:#000;}


.table_01{ font-size:13px;  border-bottom:2px solid #D64201; line-height:180%; margin-bottom:10px;}
.table_01 th{ padding:4px 2px;  border-bottom:solid 1px #D64201; border-right:solid 1px #D64201; background:#DF5B1A; color:#514947; border-top:2px solid #D64201; font-size:13px; color:#fff;}
.table_01 th.fir{border-left:solid 1px #AC8A5A; }
.table_01 th.bg_red {background:#EE0000;   border-bottom:solid 1px #C60000; border-top:2px solid #C60000;}
.red {color:#EE0000; font-weight:bold;}
.table_01 td{  padding:5px 8px; border-right:solid 1px #C9C9C9; border-bottom:solid 1px #C9C9C9; text-align:left }
.table_01 td.tC{text-align:center;}
.table_01 td.fir{border-left:solid 1px #C9C9C9; background:#eee;font-weight:bold;  text-align:center;}
.table_01 caption {font-size:0; line-height:0;}