@charset "euc-kr";
/*CSS Document*/
@import url(reset.css);


#Header_Wrap {position:relative; width:100%; height:126px;border-bottom:1px solid #777; }

#Gnb { position:relative; height:30px; border-bottom:1px solid #ddd; background:#f8f8f8; }
#Gnb .utill { width:1000px; margin:0 auto; position:relative; text-align:right; white-space: nowrap; font-size:12px;}
#Gnb .utill a { padding:7px 0 0 5px; display:inline-block; }
#Gnb .utill a:hover { color:#F68A1F} 
#Gnb .utill input { width:98px; height:14px; padding:2px 0 2px 2px; vertical-align:middle; 
							position:absolute; right:50px; top:5px; border:1px solid #ddd; border-right:none; font-size:12px; color:#666}
#Gnb .utill .search { padding-left:10px; background:url(../img/comm/line_g.gif) no-repeat 3px 3px; color:#999}
#Gnb .utill button { vertical-align:middle; font-size:11px; }
#Gnb .utill .search_btn { background:#fff; border:1px solid #ddd;  padding:0px 0 1px; height:20px; width:50px; text-align:center; position:absolute; right:0; top:5px; color:#666;}

#Sheader{position:relative; width:1000px; height:90px; background:#fff; margin:0 auto; display:block; }
#Sheader h1{position:absolute; left:0; top:23px;}
#Sheader ul{position:absolute; right:0; top:24px; }
#Sheader ul li{float:left; position:relative; }
#Sheader ul li a{display:block; line-height:71px; padding:0px 20px; font-size:16px; font-weight:600; letter-spacing:-0.05em; color:#333;}
#Sheader ul li:hover a{background:#fff; color:#F68A1F; text-decoration:none;}
#Sheader ul li:hover .category{z-index:99; display:block;}
#Sheader ul li .category{position:absolute; left:0; top:71px; padding:10px 0 10px; width:180px; border:1px solid #777; background:#fff; display:none;}
#Sheader ul li .category li{clear:both; width:100%; padding:0;}
#Sheader ul li .category li a{display:block; line-height:28px; font-size:13px; color:#333; padding:0 0 0 15px; background:none;}
#Sheader ul li .category li a:hover{color:#F68A1F; background:#f8f8f8;}

#Cont_Wrap{}

/*MAIN*/

#Main_visual { height:350px;background-color: #1b1b1d;  }
#Main_visual .main_banner { width:1000px; margin: 0 auto; }

#Container { overflow:hidden; }
#Container .Main_cont { width:1000px; margin:0 auto; padding:0 0px 0; clear:both; overflow:hidden; }
.main_left { float:left; width:760px } 
.main_right { float:right; width:240px } 
.right_banner { border:1px solid #ddd; }

.Main_box { float:left; padding:0 0px 0; }
.Main_box.rignt_zone { width:240px; float:right; }
.Main_box.Board { position:relative; width:350px; }
.Main_box.Prdlist { position:relative; width:732px; }
.Main_box .board_tit { font-size:18px; color:#333; }
.Main_box button.more { position:absolute; right:0px; top:5px; font-size:11px; color:#666; }
.Main_box ul { overflow:hidden; }

/*¸®½ºÆ®*/
.Main_box .Board_txt li {  height:20px; font-size:13px; padding-left:10px; background:url(../img/comm/bbs_dot.gif) no-repeat 0px 50%; position:relative;  }
.Main_box .Board_txt li span { position:absolute; right:0; font-size:11px; color:#999; }
.Main_box .Board_txt li a { display:inline-block; width:240px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; }
.Main_box .Board_txt li a:hover { text-decoration:underline; color:#333; }

/*À̹ÌÁö¸®½ºÆ®*/
.Main_box .Product li { float:left; border:1px solid #ddd; height:160px; margin-left:12px; }
.Main_box .Product li.first { margin:0; }
.Main_box .Product li a { display:block; cursor:pointer; padding:26px;} 
.Main_box .Product li p {line-height:28px; text-align:center; color:#666;}

.main_cs { border-top:1px solid #ddd; }

#Sub_topimg { height:170px; overflow:hidden; border-bottom:1px solid #ddd; }
#Sub_topimg div { height:170px }
#Sub_topimg .img1 { background:url(../img/sub/widen_sub_banner_1.jpg) no-repeat 50% 50%;background-color: #1a1a1c }
#Sub_topimg .img2 { background:url(../img/sub/widen_sub_banner_2.jpg) no-repeat 50% 50%;background-color: #1a1a1c }
#Sub_topimg .img3 { background:url(../img/sub/widen_sub_banner_2.jpg) no-repeat 50% 50%;background-color: #1a1a1c }
#Sub_topimg .img4 { background:url(../img/sub/widen_sub_banner_4.jpg) no-repeat 50% 50%;background-color: #1a1a1c }
#Sub_topimg .img5 { background:url(../img/sub/widen_sub_banner_3.jpg) no-repeat 50% 50%; background-color: #1a1a1c}
#Sub_topimg .img6 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img7 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img8 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img9 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }

#Sub_Wrap { width:1000px; margin: 0 auto; overflow:hidden; }

#Sub_Category { float:left; width:200px; margin-top:30px; }
#Sub_Container { float:right; width:750px; margin-top:30px;  }

/*¼­ºêÄ«Å×°í¸®*/
#Sub_Category .Category_Title { padding:30px 0 15px 20px; letter-spacing:-0.05em; border-top:2px solid #F68A1F; background:#f5f5f5; }
#Sub_Category .Category_Title span { color:#aaa; font-size:13px; }
#Sub_Category h2 { font-size:19px; font-weight:normal; color:#333;  height:40px; line-height:40px;  }
#Sub_Category ul { border-width:1px 0px 0px; border-style:solid; border-color:#ddd; }
#Sub_Category li { border-bottom:1px solid #ddd; background:#fff; }
#Sub_Category li a { display:block; line-height:1.2!important; color:#666; padding:13px 0 13px 20px; font-size:13px; }
#Sub_Category li a:hover { background:url(../img/comm/arrow.png) no-repeat 90% 17px #f8f8f8; }
#Sub_Category li.on a  { font-weight:bold; color:#F68A1F; background:url(../img/comm/arrow.png) no-repeat 90% 17px #fff; }

/*¼­ºêŸÀÌƲ*/
#Sub_Title { position:relative; border-bottom:1px solid #ddd; height:48px;}
#Sub_Title h3 { position:absolute; font-size:20px; font-weight:normal; color:#333; letter-spacing:-0.05em;  }
#Sub_Title ul { position:absolute; overflow:hidden; right:0; top:10px; }
#Sub_Title li { float:left; color:#666; letter-spacing:-0.05em; padding-left:15px; background:url(../img/comm/arrow.png) no-repeat 4px -29px;  font-size:12px !important;}
#Sub_Title li.home {  background:url(../img/comm/home.png) no-repeat 4px 4px; }
#sub_title ul li span{color:#555;  }

/*¼­ºêÄÁÅÙÃ÷*/
#Sub_Body  { margin-top:30px; min-height:500px; padding-bottom:50px; }

#Sub_Body .txt_title { font-size:30px; letter-spacing:-0.03em; }
#Sub_Body .txt10 { font-size:10px }
#Sub_Body .txt13 { font-size:13px; }
#Sub_Body .txt15 { font-size:15px; }
#Sub_Body .txt20 { font-size:20px;  }
#Sub_Body .txt25 { font-size:25px; }
#Sub_Body .lh10 {  line-height:1.0; }
#Sub_Body .lh13 {  line-height:1.3; }
#Sub_Body .lh15 {  line-height:1.5; }
#Sub_Body .lh18 {  line-height:1.8; }
#Sub_Body .lh20 {  line-height:2.0; }
#Sub_Body .c_black { color:#000000; }
#Sub_Body .c_gray9 { color:#999999; }
#Sub_Body .c_gray6 { color:#666666; }
#Sub_Body .c_gray3 { color:#333333; }
#Sub_Body .c_red { color:#ff0000; }
#Sub_Body .c_blue { color:#F68A1F; }
#Sub_Body .c_green { color:green }
#Sub_Body .s_bold { font-weight:bold; }
#Sub_Body .s_line { text-decoration:underline; }

#Sub_Body .tb_typeA { border-top:2px solid #F68A1F; width:100%; text-align:left; }
#Sub_Body .tb_typeA th { border-bottom:1px solid #dde0e1; background:#f5f5f5; padding:8px 0 8px 20px; }
#Sub_Body .tb_typeA td { border-bottom:1px solid #dde0e1; padding:0px 0 0 20px; }

#Sub_Body .tb_typeB { border-top:1px solid #666; width:100%; text-align:left; }
#Sub_Body .tb_typeB th { border-bottom:1px solid #dde0e1; background:#f5f5f5; padding:8px 0 8px 20px; }
#Sub_Body .tb_typeB td { border-bottom:1px solid #dde0e1; padding:10px 20px; }

.tit_A { background:url(../img/comm/icon_t1.png) no-repeat 0 55%; padding:0 0 0 17px; font-size:16px; font-weight:normal; }

/* ã¾Æ¿À½Ã´Â±æ*/
.metro_link {width:250px; margin-bottom:20px; padding:10px 15px; background:#84d4f2; color:#fff; display:block;}
.metro_link:hover { color:#fff; }



/*ÇöÀçÄ«¿îÆ®*/
#Current_Count { width:1000px; margin:0 auto; text-align:right; padding:0px 00px 10px 0; color:#888; }
#Current_Count span { padding:0 10px; background:url(../img/comm/line_g.gif) no-repeat center 3px; color:#999}


/*ÇÏ´ÜÀÎÆ÷*/
#Footer_Wrap { ; padding:0px 0 0; height:140px; border-top:1px solid #ddd; margin-top:40px; }
#Footer_Cont { width:1000px; margin: 0 auto; position:relative; }
#Footer_Cont h1 { position:absolute; left:0; top:25px; }
#Footer_Cont .copyright { position:absolute; left:200px; top:25px; }
#Footer_Wrap span { padding:0 10px; background:url(../img/comm/line_g.gif) no-repeat center 3px; color:#999}
#Footer_Cont .copyright { color:#666; font-size:12px; }
#Footer_Cont .copyright p { color:#999; }
/*Çϴܸ޴º*/
.Footer_Menu { border-bottom:1px solid #ddd; border-top:1px solid #ddd; background:#fff; padding:10px 0; margin-top:30px; }
.Footer_Menu ul { overflow:hidden; width:1000px; margin:0 auto;}
.Footer_Menu ul li { float:left; font-size:12px; }
/*Family Site*/
#Footer_Cont .f_etc { right:0px; top:20px;  }
#Footer_Cont .Familysite { position:absolute; left:960px; top:15px; width:140px; display:none; }