@charset "euc-kr";
/*CSS Document*/
@import url(reset.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:500,700');


/************************************************************** Çì´õ **************************************************************/
#Header {position:relative; width:100%; height:190px; }
#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 12px; display:inline-block; }
#Gnb .add_site { position:absolute; left:0; padding:7px 0 0 0 !important; }

#Top { width:1000px; margin:0 auto; height:115px; position:relative; }
#Top h1{text-align:center;}
#Top h1 .table{display:table;}
#Top h1 .table-cell{display:table-cell; width:1000px; height:115px; text-align:center; vertical-align:middle;}
#Top h1 a{font-size:27px; color:#52514f; font-weight:600; line-height:1.4; letter-spacing:-0.02em;}
#Top h1 span{color:#6d9a34;}

#Top .banner { position:absolute; left:0; top:34px; }


#Navi_wrap {width:100%; min-width:1000px; background:#e00000;}
#Navi_wrap #Navi{}
#Navi_wrap #Navi ul{text-align:center; font-size:0; white-space:nowrap;}
#Navi_wrap #Navi ul li{display:inline-block; font-size:0; white-space:nowrap;}
#Navi_wrap #Navi ul li a{display:inline-block; height:44px; line-height:44px; font-size:15px; font-weight:600; letter-spacing:-0.05em; color:#fff; padding:0 16px;}
#Navi_wrap #Navi ul li:first-child a{padding-left:0;}
#Navi_wrap #Navi ul li:last-child a{padding-right:0;}
#Navi_wrap #Navi ul li:hover a{color:#111; text-decoration:none;}
#Navi_wrap #Navi ul li:hover .category{z-index:99; display:block;}
#Navi_wrap #Navi ul li .category{position:absolute; left:0; top:43px; padding:10px 0 10px; width:180px; border:1px solid #e00000; background:#fff; display:none;}
#Navi_wrap #Navi ul li .category li{clear:both; width:100%; padding:0;}
#Navi_wrap #Navi ul li .category li a{display:block; line-height:28px; font-size:13px; color:#333; padding:0 0 0 15px; background:none;}
#Navi_wrap #Navi ul li .category li a:hover{color:#e00000; background:#f8f8f8;}

/*MAIN*/
#Main_slide #prev_main {left:3%;margin-top:-24px;z-index:800;}
#Main_slide #next_main {right:3%;margin-top:-24px;z-index:800;}

#Main_slide .btn_cycleLB {display:inline-block;position:absolute;top:50%;left:0;width:26px;height:48px;margin-top:-24px;background:url(../img/comm/btn_arrow.png) no-repeat 0 0;z-index:101;}
#Main_slide .btn_cycleLB:hover {background-position:0 -50px;}
#Main_slide .btn_cycleRB {display:inline-block;position:absolute;top:50%;right:0;width:26px;height:48px;margin-top:-24px;background:url(../img/comm/btn_arrow.png) no-repeat -50px 0;z-index:101;}
#Main_slide .btn_cycleRB:hover {background-position:-50px -50px;}

#Main_slide .main_banner {width:100%; /* max-width:1000px; */ height:420px;margin:0 auto;}
#Main_slide .main_banner .slide {width:100%;height:420px;}
#Main_slide .main_banner .slide a {display:block;height:100%;}
#Main_slide .main_banner .slide a:hover {text-decoration:none;}

#Main_slide .main_banner .cycle_wrap {position:relative;height:420px;}
#Main_slide .cycle_slideshow {position:relative}
#Main_slide .cycle_slideshow > div.slide {position:absolute;top:0;left:0;width:100%;padding:0}
#Main_slide .cycle-pager {position:absolute;bottom:20px;width:100%;text-align:center;z-index:800;}
#Main_slide .cycle-pager a {display:inline-block;width:12px;height:12px;margin:0 4px;background:url(../img/comm/s_dot.png) no-repeat;}
#Main_slide .cycle-pager a.cycle-pager-active {background-position:0 -20px;}

#Main_slide .main_banner .cycle-pager a {position:relative;}
#Main_slide .main_banner .cycle-pager a .balloon {display:none;position:absolute;bottom:17px;left:-195px;width:400px;text-align:center;}
#Main_slide .main_banner .cycle-pager a.cycle-pager-active .balloon {display:block;}

#Main_cont { width:1000px; margin:0 auto; overflow:hidden; }
#Main_cont .main_title { text-align:left; }
#Main_cont .bestprd{margin:30px 0 0;}
#Main_cont .newprd{position:relative;}
	/* ¶±ÇÁ¸°½º */
#Main_cont .newprd .ddprince{position:absolute; right:0; top:0; width:150px;}
#Main_cont .newprd .ddprince .table{display:table;}
#Main_cont .newprd .ddprince .table-cell{display:table-cell; width:148px; height:148px; border:1px solid #ddd; text-align:center; vertical-align:middle;}
#Main_cont .newprd .ddprince .table-cell:hover{border-color:#e00000;}
#Main_cont .newprd .ddprince p{text-align:center; font-weight:600; color:#333; line-height:1.3; padding:8px 0 5px;}
#Main_cont .newprd .ddprince span{display:block; text-align:center; color:#999; line-height:1.3;}

	

.shoplist { overflow:hidden; }
.shoplist li { float:left; margin:0 0 0 20px; text-align:center; width:150px; height:238px; }
.shoplist li.first { margin-left:0; }
.shoplist li a { display:block; }
.shoplist .img { border:1px solid #dedede; max-width:148px; max-height:148px;}
.shoplist .img .table{display:table;}
.shoplist .img .table-cell{display:table-cell; width:148px; height:148px; text-align:center; vertical-align:middle;}
.shoplist .img img{max-width:148px;}
.shoplist .title { padding:8px 0; }
.shoplist .price { font-weight:bold; color:#000; }


#Sub_Wrap { width:1000px; margin: 0 auto; overflow:hidden; padding-top:30px; }

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

/*¼­ºêÄ«Å×°í¸®*/
#Sub_Category { border-top:2px solid #e00000;}
#Sub_Category .Category_Title { padding:25px 0 10px 20px; letter-spacing:-0.05em; background:#f7f7f7; border-width:0px 1px 0px; border-style:solid; border-color:#ddd; }
#Sub_Category .Category_Title span { color:#e00000; font-size:13px; }
#Sub_Category h2 { font-size:24px; font-weight:600; color:#333;  height:40px; line-height:40px;; }
#Sub_Category ul { border-width:1px 1px 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:11px 0 11px 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:#e00000; 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:26px; 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; }



/*********************************************************** ǪÅÍ °í°´¼¾ÅÍ ***********************************************************/
.Foot_cs_wrap{border-top:1px solid #989898; background:#f8f8f8; padding:35px 0; margin:30px 0 0;}
.Foot_cs_wrap .inner{width:1000px; margin:0 auto; overflow:hidden;}
/* °í°´¹®ÀÇ */
.Foot_cs_wrap .f_cs{float:left; width:220px;}
.Foot_cs_wrap .f_cs,.Foot_cs_wrap .f_cs *{line-height:1.4;}
.Foot_cs_wrap .f_cs .tit{height:30px; font-size:15px; font-weight:600; color:#333;}
.Foot_cs_wrap .f_cs strong {display:block; font-size:35px; color:#ff6935; font-weight:700; font-family: 'Roboto', sans-serif; line-height:1.3;}
.Foot_cs_wrap .f_cs font{display:block; font-size:22px; color:#555; font-weight:700; font-family: 'Roboto', sans-serif; line-height:1.3;}
.Foot_cs_wrap .f_cs b{display:block; font-size:15px; color:#888; font-weight:500; font-family: 'Roboto', sans-serif; letter-spacing:0.01em;}
.Foot_cs_wrap .f_cs small{display:block; font-size:12px; line-height:1.3; color:#aaa; font-weight:600; letter-spacing:-0.05em; margin:12px 0 0;}
.Foot_cs_wrap .f_cs span{display:block; font-size:12px; line-height:1.3; color:#555; margin:5px 0 0;}

/* ÀԱݰèÁÂÁ¤º¸ */
.Foot_cs_wrap .f_bank{float:left; width:220px; margin-left:40px;}
.Foot_cs_wrap .f_bank, .Foot_cs_wrap .f_bank *{line-height:1.4;}
.Foot_cs_wrap .f_bank .tit{height:45px; font-size:15px; font-weight:600; color:#333;}
.Foot_cs_wrap .f_bank strong{display:block; font-size:24px; color:#333; font-weight:700; font-family: 'Roboto', sans-serif; margin:10px 0 0;}
.Foot_cs_wrap .f_bank span{display:block; font-size:14px; color:#888; font-weight:600; margin:15px 0 0;}

/* ÈÄ¿ø°èÁÂÁ¤º¸ */
.Foot_cs_wrap .f_sponsor{float:left; width:220px; margin-left:40px;}
.Foot_cs_wrap .f_sponsor, .Foot_cs_wrap .f_sponsor *{line-height:1.4;}
.Foot_cs_wrap .f_sponsor .tit{height:35px; font-size:15px; font-weight:600; color:#333;}
.Foot_cs_wrap .f_sponsor dl{position:relative; padding-left:60px;}
.Foot_cs_wrap .f_sponsor dl, .Foot_cs_wrap .f_sponsor dl *{line-height:25px;}
.Foot_cs_wrap .f_sponsor dl dt{position:absolute; left:0; top:0;}
.Foot_cs_wrap .f_sponsor dl dd{font-size:16px; font-family: 'Roboto', sans-serif;}
.Foot_cs_wrap .f_sponsor strong{display:block; font-size:14px; color:#888; font-weight:600; margin:15px 0 0;}
.Foot_cs_wrap .f_sponsor span{display:block; font-size:14px; color:#888; font-weight:600;}

/* °øÁö»çÇ× */
.Foot_cs_wrap .f_notice{float:right; position:relative; width:220px;}
.Foot_cs_wrap .f_notice a.more{position:absolute; right:0; top:4px; font-size:11px; color:#999; line-height:1.4; font-family: 'Roboto', sans-serif;}
.Foot_cs_wrap .f_notice, .Foot_cs_wrap .f_notice *{}
.Foot_cs_wrap .f_notice .tit{height:30px; font-size:15px; font-weight:600; color:#333; line-height:1.4;}
.Foot_cs_wrap .f_notice .f_board {}
.Foot_cs_wrap .f_notice .f_board li {position:relative; height:26px;}
.Foot_cs_wrap .f_notice .f_board li, .Foot_cs_wrap .f_notice .f_board li *{line-height:26px;}
.Foot_cs_wrap .f_notice .f_board li a {display:inline-block; width:140px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.Foot_cs_wrap .f_notice .f_board span {position:absolute; right:0; color:#999; font-size:11px;}




/*ÇÏ´ÜÀÎÆ÷*/
#Footer_Wrap { padding:0px 0 0; }


/*Çϴܸ޴º*/
.footer_menu { border-bottom:1px solid #ddd; border-top:1px solid #ddd; background:#fff; padding:10px 0; }
.footer_menu span { padding:0 10px; background:url(../img/comm/line_g.gif) no-repeat center 3px; color:#999}
.footer_menu ul { overflow:hidden; width:1000px; margin:0 auto;}
.footer_menu ul li { float:left; font-size:12px; }

#Footer_Cont { width:1000px; margin: 0 auto; position:relative; height:130px; }
/*#Footer_Cont span { padding:0 10px; background:url(../img/comm/line_g.gif) no-repeat center 3px; color:#999}*/
#Footer_Cont .copyright {padding:25px 0 50px; color:#666; font-size:12px; line-height:1.8;}
#Footer_Cont .copyright span{display:inline-block; margin:0 7px; color:#ddd;}
#Footer_Cont .copyright small {display:block; font-size:12px; color:#aaa; margin:5px 0 0;}
#Footer_Cont .f_yeson{position:absolute; right:300px; top:20px;}
#Footer_Cont .f_yeson img{width:150px;}
#Footer_Cont .f_etc { position:absolute; right:0px; top:20px; }