@charset "utf-8"; 
/* CSS Document */



/*****************************************************************************************************************************************************************
*	content [S]
******************************************************************************************************************************************************************/
.visual { position:relative; height:348px; }
.visual .Fvisual { position:absolute; left:0; top:15px; z-index:1000; }
.visual .Vtext { position:absolute; right:0; top:70px; z-index:10000; }
.B_content { width:100%; position:relative; height:336px; display:block; overflow:hidden; margin:0px auto; background-color:#f1f0ef;}

/****************************************************************************************************
* 메인 공지사항 :[S]
*****************************************************************************************************/
.bbs {  width:245px; height:110px; float:left; margin:0 20px; _margin:0 15px; }
.notice{ position:absolute;  width:245px; float:left; background:#fff; font-size:11px; font-family:Tahoma, Geneva, sans-serif; line-height:normal; zoom:1; }
.notice h2{  margin:0; padding:0;}
.notice ul{  margin:12px 0 0 0; padding:0; list-style:none; }
.notice li{  position:relative; margin:0 0 5px 0; padding:0 0 2px 0; border-bottom:1px #e1e1e1 dashed; }
.notice li:after{  display:block; clear:both; content:"" }
.notice li .bu{  float:left; padding:8px 0 0 0; color:#999; height:5px; width:10px; background:url('../img/common/dot03.gif') 0 3px no-repeat; }
.notice li a, 
.notice li a:visited,           
.notice li a:link    {  float:left; text-decoration:none; font-family:"돋움","Dotum"; font-size:12px; color:#777; letter-spacing:-1px; }
.notice li a:hover,
.notice li a:active,
.notice li a:focus   {  float:left; text-decoration:underline; font-family:"돋움","Dotum"; font-size:12px; color:#444; letter-spacing:-1px; }
.notice li .time{  float:right; clear:right; font-family:Tahoma; font-size:7pt; color:#a8a8a8; white-space:nowrap; }
.notice .more{  position:absolute; top:6px; right:1px; text-decoration:none; !important}
.notice li .new  {  float:left; margin:0 2px 4px 3px; width:8px; height:10px; background:url('../img/common/icon_new.gif') 100% 0 no-repeat; }
/****************************************************************************************************
* 메인 공지사항 :[E]
*****************************************************************************************************/
/****************************************************************************************************
* 메인 상품 :[S]
*****************************************************************************************************/
.apiece { width:100%; height:385px; background:#f1f0ef;}
.apiece_title{ width:1000px; margin:0 auto; padding-top:48px; color:#000; position:relative; text-align:center; font-size:18px; font-weight:bold; letter-spacing:-2px; background:url('/img/common/main_line.png') 50% 35px no-repeat;}
.apiece_title span{color:#3dcfdc; font-weight:normal; font-size:20px; }
.apiece_title .more{ position:absolute; width:78px; height:20px; top:60px; right:60px; font-size:13px; font-weight:normal; background: url('/img/common/btn_more.png') 60px 4px no-repeat;}

.apiece_list { width:1000px; margin:0 auto; position:relative;}
.apiece_list .apiece-control .next,
.apiece_list .apiece-control .prev{ position: absolute; top: 50%; z-index: 55; width: 54px; height: 54px; margin-top: -34px; }
.apiece_list .apiece-control .next { right:-10px;}
.apiece_list .apiece-control .prev { left:-10px;}
.apiece_list .apiece-control .bx-prev, .apiece-control .bx-next { overflow: hidden; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; text-indent: -100%; background-color: #999; background-position: 0px 0px; background-repeat: no-repeat; cursor: pointer; }
.apiece_list .apiece-control .bx-prev {background: url('/img/common/btn_prev.png');}
.apiece_list .apiece-control .bx-next {background: url('/img/common/btn_next.png');}

/**	상품가격_공통1 [S]**/
.thumb_list1 { width:975px; overflow:hidden; position:relative; zoom:1; height:257px; padding-top:30px; padding-left:25px;}
.thumb_list1 li { float:left; text-align:center; width:200px;  padding:0 0 10px 30px;}
.thumb_list1 li img{border:1px solid #e1e1e1;}
.thumb_list1 li a { display:block; }
.thumb_list1 li a:hover { text-decoration:none; }
.thumb_list1 li .thumb { display:block; }
.thumb_list1 li .p_tit { margin:10px 0 0 0; display:block; height:16px; letter-spacing:-1px; ; overflow:hidden; line-height:100%; width:180px; padding:0 0 0 5px; letter-spacing:-0.09em; font-size:14px; font-weight:bold; text-align:center; cursor:pointer; }
.thumb_list1 li a:hover .p_tit { text-decoration:underline; }
.thumb_list1 li .p_tit1 { display:block; height:20px; overflow:hidden; line-height:120%; padding:6px 0 0 0; color:#777; font-size:11px; text-align:center; cursor:pointer; letter-spacing:-1px; }
.thumb_list1 li a:hover .p_tit1 { text-decoration:underline; }
.thumb_list1 li .thm_price_tit { margin:4px 0 0 0; color:#999; font-family:'Noto Sans KR',sans-serif; line-height:120%; font-size:11px; text-decoration:line-through; }
.thumb_list1 li .thm_price { margin:2px 0 0 0; color:#999; font-family:'Roboto'; font-size:11px; text-decoration:line-through; }
.thumb_list1 li .thm_price span { font-family:'Noto Sans KR',sans-serif; font-size:13px; }
.thumb_list1 li .thm_sale_tit { display:block; margin:4px 0 0 0; color:#ff6b22; }
.thumb_list1 li .thm_sale { margin:0; color:#000; font-family:'Roboto'; font-size:20px; letter-spacing:-0.5px; font-weight:500; }
.thumb_list1 li .thm_sale span { font-family:'Noto Sans KR',sans-serif; font-size:11px; letter-spacing:-1px; }
/**	상품가격_공통1 [E]**/
/****************************************************************************************************
* 메인 상품 :[E]
*****************************************************************************************************/

.footer_banBox { width:100%; height:530px; }
.footer_ban { width:1000px; height:322px; margin:0 auto; position:relative; padding:32px 0px; background: url('/img/common/footer_banBG.jpg') no-repeat 0 30px; }
.footer_ban .wooruk_story a { position:absolute; top:293px; left:28px; width:152px; height:38px; }
.footer_ban .mainMv { position:absolute; top:30px; right:0px; width:483px; height:322px;}
.footer_ban a.wooruk_video { position:absolute; top:30px; right:0px; width:483px; height:322px; }

.footer_call{width:1000px; height:322px; margin:0 auto; text-align:center; font-family:'Noto Sans KR',sans-serif; color:#3a3c41; }
.footer_call .title{font-size:15px; letter-spacing:-1px; display:inline-block; padding-bottom:18px; background:url('/img/common/main_line.png') 50% 30px no-repeat; }
.footer_call .phone{font-size:24px; height:30px; font-weight:500; margin:10px 0 10px 0; padding-left:20px; background:url('/img/common/footer_phone.png') 380px 5px no-repeat; font-family:'Roboto';}
.footer_call .date{font-size:13px; color:#8d8d8d;}
/*****************************************************************************************************************************************************************
*	content [E]
******************************************************************************************************************************************************************/

