@import url(../../../fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(../../../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:1200px; max-width:1920px;}

/*레이아웃*/
#header{position:absolute;top:0;left:0; height:100px; width:100%; z-index:10000;  background:url(../img/b_bg3.png) repeat; color:#606263;}
#conatiner { height:auto !important; position:relative; width:100%; z-index:1000;}
#header .header{position:relative;width:1200px; margin:0 auto; z-index:10000;}
#header h1{position:absolute; top:0px; right:50%; margin:0 -115px 0 0;  z-index:1001;}

/*상단대메뉴*/
#header .gnb_wrap{overflow:hidden; margin-top:40px; z-index:1000;}
#header .gnb_wrap > ul > li{float:left;}
#header .gnb_wrap > ul > li > a h2 { overflow:hidden; height:40px; line-height:150%;}
#header .gnb_wrap > ul > li > a h2 span {display:block;}
#header .gnb_wrap > ul > li > a:hover h2 img {margin-top:-40px; }

#header .gnb_wrap > ul > li > a.on_box_gnb h2 img {margin-top:-40px; }

#header .gnb_wrap > ul > li > a{ font-size:15px;color:#fff; display:block;}
#header .gnb_wrap > ul > li.current > a,
#header .gnb_wrap > ul > li.actived > a{color:#606263;}
#header .gnb_wrap > ul:after {content:" ";display:block;clear:both;overflow:hidden;}

 
/*상단하부메뉴*/
#header .snb{margin-top:40px; display:block; height:160px;}
#header .snb li{margin-bottom:10px; text-align:center; }
#header .snb li a{font-size:13px; color:#fff; letter-spacing:-0.03em;}
#header .snb li a:hover{color:#FABE00;}
#header p.snb_bg{position:absolute;top:0px;left:0;width:100%;overflow:hidden;display:none; background:url(../img/b_bg2.png) repeat; border-bottom:1px solid #6a6a6a;z-index:10;}


/* 상단 top_btn */ 
.top_btn { position:absolute; right:0; top:0;}
.top_btn ul {text-align:center; padding:8px 20px 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:bold; z-index:100; }
.top_btn ul li a:hover {color:#C10039;}





 
/* 서브 상단타이틀 */
.sub_title{width:100%; height:60px;  background:#F9F9F9; border-bottom:1px solid #E5DDDD; margin-bottom:30px;}
.sub_title section {width:1000px; margin:0 auto;}
.sub_title h2{position:relative; width:500px; text-align:left; font-size:31px; color:#695A55; margin:13px 0 0 0;}
#location {float:left; text-align:right; color:#8B8B8B; width:500px; padding:30px 0 0 0; font-size:12px;}
#location .current {font-weight:bold;}
#location img{vertical-align:middle;}
 

 
#mright_con {right:0; height:840px; width:160px; position:absolute; z-index:100; background:url(../img/bg.html) repeat 0 0;}
.mboard_box  {height:85px; padding:10px;  width:140px;}
.mport_box  {height:220px; width:140px; padding:10px;}
.top_btn ul{padding-left:15px;}
.top_btn ul li{float:left; padding-right:2px;}
.top_btn ul li a{display:block;}

.main-visual01 {background:url(../img/main_img7.jpg) no-repeat center 0;}
.main-visual02 {background:url(../img/main_img1.jpg) no-repeat center 0;}
.main-visual03 {background:url(../img/main_img2.jpg) no-repeat center 0;}
.main-visual04 {background:url(../img/main_img6.jpg) no-repeat center 0;}
.main-visual05 {background:url(../img/main_img4.jpg) no-repeat center 0;}
.main-visual06 {background:url(../img/main_img5.jpg) no-repeat center 0;}
.main-visual07 {background:url(../img/main_img3.jpg) no-repeat center 0;}

.effectContainer {width:100%; height:550px; margin:auto 0;}
.slide{position:relative; width:100%; height:550px;}
div.fadenav{position:absolute; bottom:20px; right: 50%; margin: 0 -25px 0 0;}
div.fadenav a{display:block; width:22px; height:19px; float:left; overflow: hidden; background:url(../img/fd_01.png); margin-right:7px;}
div.fadenav a.current{background:url(../img/fd_02.png);}
div.fadenavrightQuickMenu a.current{background:url(../img/fd_02.png);}

.effectContainer2 {height:120px;}
.effectContainer2 > .slide{  height:120px;}
.effectContainer2 > div.fadenav{display:none;}

 
 






.main_f {position:absolute; width:1000px; height:600px; top:0px; z-index:99; left:0;}
.mbanner_f {position:absolute; margin:0 auto; width:640px; height:110px; top:370px; z-index:1000; right: 50%; margin: 0 -320px 0 0;}
.mcon_box{width:100%; height:110px; position:relative; background:url(../img/mcon_bg.html) no-repeat top center;}
.mcon {width:640px; padding-top:15px;  margin:0 auto;}
.mbox {padding:10px 0;}
.contents_box {
	height:auto !important;
	position:relative;
	width:100%;
	padding-bottom:20px;
	background-color: #1d1d1d;
}
.contents {position:relative;    }
.contents_s {
	position:relative;
	margin:0 auto;
	padding:30px 0;
	background-color: #000000;
}
 
#content-area {
	width:1000px;
	position:relative;
	margin:0px auto;
	min-height:400px;
	background-color: #ffffff;
}
 
.quickmenu {position:absolute; width:70px; height:160px; top:0px; z-index:1000; margin: 0 0 0 1110px;}
 h2{position:relative;  margin:30px auto;  text-align:center;}
.sub_img1 {position:relative; z-index:99; width:100%; height:320px; background:url(../img/sub_img1.jpg) no-repeat  center top;}
.sub_img2 {position:relative; z-index:99; width:100%; height:320px; background:url(../img/sub_img2.jpg) no-repeat  center top;}
.sub_img3 {position:relative; z-index:99; width:100%; height:320px; background:url(../img/sub_img3.jpg) no-repeat center top;}
.sub_img4 {position:relative; z-index:99; width:100%; height:320px; background:url(../img/sub_img4.jpg) no-repeat center top;}
.sub_img5 {position:relative; z-index:99; width:100%; height:320px; background:url(../img/sub_img5.jpg) no-repeat center top;}
.sub_img_my {position:relative; z-index:99; width:100%; height:380px; background:url(../img/sub_img_my.jpg) no-repeat center top;}
.sub_img_member {position:relative; z-index:99; width:100%; height:380px; background:url(../img/sub_img_member.jpg) no-repeat center top;}





.sub_menu{
	width:100%;
	background:#cccccc;
	position:relative;
	border-bottom:1px solid #E3E3E3;
	background-color: #f2f2f2;
}
.sub_menu ul {margin:0 auto;  text-align:center;  background:#fe0000;}
.sub_menu ul:after {content:" "; clear:both;overflow:hidden;}
.sub_menu ul li {text-align:center;  display:inline-block; margin:10px 5px; }
.sub_menu ul li span.no {font-size:35px; font-family:Arial; font-weight:bold;}
.sub_menu ul li a,.sub_menu #leftoff a{display:inline-block; padding:8px; width:220px;  border:3px solid #fff;}
.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;} 
.sub_menu ul li a h3 {font-size:17px;  padding-left:5px; font-weight:900; line-height:17px;    color:#bebebe; display:inline;} 
.sub_menu ul li a.on_box h3 {background:url(../img/smenu_bg.gif) no-repeat left top;  color:#000; padding-top:10px;} 
.sub_menu ul li a span.no {color:#868686;}
.sub_menu ul li a.on_box span.no {color:#000;}
.sub_menu #leftoff a,.sub_menu #lefton a,.sub_menu #leftoff a:hover {width:100px;}
 


 
.copy_cus {position:relative; width:100%;  height:285px; background:url(../img/mboard_bg.jpg) no-repeat center top ; z-index:996;}
.copy_cus section {width:1000px;  margin:0 auto;}
.copy_cus section h2 { margin:0;}
.r_40 {padding-right:20px;}
.r_60 {padding-right:20px;}
 
 

/* 하단 바로가기 메뉴 */
#footer_wrap{position:relative; width:100%; height:130px; background:#000; 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.html) 11px 7px 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; }


/* 하단 셀렉트박스 */
#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:#393939; border:1px solid #464646; color:#eee; 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:#eee; padding-left:20px;
line-height:28px; border-bottom:1px solid #464646; background-color:#393939;}
#select_family .select_list li a:hover{background-color:#FABE00; color:#fff;}
 
#subQuickArea {position:absolute;text-align:left;width:182px;height:100%;vertical-align:top;right:0px;top:0px;z-index:995;}
#subQuickArea .btn {float:left;position:absolute;margin:182px 0 0 0px;width:22px;height:130px;display:block;left:0;cursor:pointer}
#subQuickArea .sidebar { position:relative; text-align:right;width:160px;   height:100%; border-left:1px solid #CBCBCB; float:right;background:#fff;display:block;}
#subQuickArea .sidebar .contents {float:right;margin:25px 0 0 0;width:160px;overflow:hidden;text-align:center; border-bottom:1px solid #E5E5E5;}
 .btn_lo {position:absolute; padding-left:20px; padding-top:20px; z-index:10000000000;}
input {vertical-align:middle;}
img {vertical-align:middle; font-size:0;}
.sns   {padding-top:25px;text-align:center; }
.sns li {padding:6px; display:inline; float:left;}










@import url(../../../fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(../../../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;}