@import "fonts.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:'³ª´®¹Ù¸¥°íµñ','NanumBarunGothic','¸¼Àº °íµñ','Malgun Gothic','³ª´® °íµñ','Nanum Gothic','dotum'; font-size:12px;color:#545454;} 
img {border:0;vertical-align:top;outline:none}
ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;}
a {color:#3E3E3E;text-decoration:none;}
input {vertical-align:middle;}
img {vertical-align:middle;}
/* 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;}
.fR{float:right;}
.fL{float:left;}
.fC{text-align:center;}
.font_0 {font-size:0; line-height:0;}
.w_240 {width:240px;}
.w_722 {width:722px;}
.p_20 {padding:20px;}
.t_1 {padding-top:1px;}
.t_5 {padding-top:5px;}
.t_10 {padding-top:10px;}
.t_20 {padding-top:20px;}
.l_20 {padding-left:20px;}
.b_w {height:1px; background:url(../img/w_bg.png) repeat; width:100%;}
.b_h {width:1px; background:url(../img/w_bg.png) repeat-y; height:240px;}
body{position:relative; min-width:1206px;}
/* °øÅë»ó´Ü */
#header{position:absolute;top:0;left:0;width:100%; height:200px; z-index:1000;}
#header .header{position:relative; width:1206px; margin:0 auto; z-index:100; }
#header .header h1{padding-top:50px; position:absolute; margin:0 auto; right: 50%; margin: 0 -225px 0 0; text-align:center;}
/* »ó´ÜÁÂÃø¸Þ´º */
#header .top_menu {position:fixed; top:0; padding-top:40px; padding-left:20px; float:left;}
#header .top_menu ul li a {font-size:18px; color:#fff; font-weight:bold; line-height:25px;}
#header .top_menu ul li a:hover {  color:#FE0000;  padding-left:3px;}
/*¿ìÃø»ó´Ü*/
#header .top_btn{position:absolute;top:30px;right:0; float:right; width:250px; padding-right:20px;}
#header .top_btn ul {padding-bottom:60px; float:right;}
#header .top_btn ul li { display:inline;}
#header .top_btn ul li a {float:left;line-height:18px;padding-left:15px; color:#A0A3A2; }
#header .top_btn ul li a:hover {color:#000;}
.top_text1 {color:#fff; font-size:14px; font-weight:bold; text-align:right; padding-bottom:10px;}
.top_text2 {color:#eee; font-size:18px; text-align:right; font-weight:bold;  line-height:14px;}
 
/* ¸ÞÀηѸµÀ̹ÌÁö */
.main-visual01 {background:url(../img/main_img1.jpg) no-repeat 50% 0; z-index:1;}
.main-visual02 {background:url(../img/main_img2.jpg) no-repeat 50% 0; z-index:1;}
.main-visual03 {background:url(../img/main_img3.jpg) no-repeat 50% 0; z-index:1;}
.main-visual04 {background:url(../img/main_img4.jpg) no-repeat 50% 0; z-index:1;}
.main-visual05 {background:url(../img/main_img5.jpg) no-repeat 50% 0; z-index:1;}
.main-visual06 {background:url(../img/main_img6.jpg) no-repeat 50% 0; z-index:1;}
.effectContainer {width:100%; height:1200px; overflow:hidden; z-index:1;}
.slide{position:relative; width:100%; height:1200px;}
div.fadenav{position:absolute; top:215px;  margin:0 auto;  right: 50%; margin: 0 -590px 0 0; z-index:10;}
div.fadenav a{display:block; width:10px; height:10px; float:left; overflow: hidden; background:url(../img/fd_01.png); margin-right:6px;}
div.fadenav a.current{background:url(../img/fd_02.png);}
div.fadenavrightQuickMenu a.current{background:url(../img/fd_02.png);}
 
/* ¸ÞÀη¹À̾ƿô */
.contents_box2 {position:absolute; width:100%; top:240px; z-index:1000;}
.contents_main {position:absolute; width:1206px; margin:0 auto; right: 50%; margin: 0 -603px 0 0; }
.m_mail{position:absolute; top:370px;left:365px;  z-index:1000;}
/* ¸ÞÀÎsns */
.sns {padding-top:90px; width:240px;}
.sns h2 {text-align:center; color:#fff; font-size:18px; padding-bottom:10px;}
.sns p {text-align:center; color:#fff; padding:5px 0 0 0; font-size:12px;}
 
/* ¼­ºê·¹À̾ƿô */
.contents_box {position:relative; width:100%; top:240px; z-index:1000;}
.contents_sub {position:relative; width:1206px; margin:0 auto; z-index:1000; }
.sub_con {position:relative; width:880px; padding-left:44px;  float:left; padding-right:40px; background:#fff;}
/* ¼­ºê¸Þ´º */
.left_menu {width:242px; top:240px; position:fixed; z-index:100;  margin:0 auto;  right: 50%; margin: 0 360px 0 0;}
.left_menu_sh {width:242px; position:relative; height:400px; z-index:10;}
.sub_menu{width:240px;  padding:0; float:left; letter-spacing:-0.03em;}
.sub_menu h2 { width:220px;float:left; height:70px; color:#FF0000; line-height:65px;  font-size:30px; padding-left:20px;  }
.sub_menu ul {width:240px;  float:left; height:170px;  }
.sub_menu ul li {  font-size:14px; font-weight:bold; padding:5px 20px;}
.sub_menu ul li a {color:#fff; background:url(../img/b_bg.png) repeat 0 0; padding:0 5px;}
.sub_menu ul li a:hover {color:#E20C0C; }
/* sub_title */
.sub_title {position:relative; width:880px; border-bottom:1px solid #dddddd;  margin-top:15px; height:49px;}
.sub_title h2{position:relative; width:460px; font-size:25px; height:49px; line-height:49px; color:#000; }
#location {color:#6C6C6C; float:right; width:420px; height:39px; text-align:right; padding-top:10px; font-size:11px;}
#location .current {font-weight:bold;}
#content-area {width:880px; position:relative; padding:20px 0 40px 0;}
 
/* °øÅëÇÏ´Ü */
#footer_wrap{position:relative; width:900px; padding-left:270px; text-align:left;  z-index:1001;}
#footer_wrap .footer_a{position:relative;clear:both;width:900px;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:#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:#fff;line-height:18px;margin-top:20px; }
/* ÇÏ´Ü ¼¿·ºÆ®¹Ú½º */
#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:#eeeeee; border:1px solid #C4C4C4; 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 #C4C4C4; 
                            border-right:1px solid #C4C4C4; border-left:1px solid #C4C4C4; overflow:hidden; display:none}
#select_family .select_list li a{display:block; height:28px; font-size:12px; color:#464646; padding-left:20px;
                              line-height:28px; border-bottom:1px solid #C4C4C4; background-color:#fefefe}
#select_family .select_list li a:hover{background-color:#dddddd;}
@media
(-webkit-min-device-pixel-ratio:1.0){
#header .top_menu {position:absolute;}
.left_menu {width:242px; top:0px; position:absolute; z-index:100;  margin:0 auto;  right: 50%; margin: 0 360px 0 0; z-index:100000;}
.left_menu_sh {width:242px; position:relative; height:400px; z-index:10;}
 
}