﻿body
{
    background: url(../img/main/bodybg.gif) repeat-x 0 0;
}

/*로고,메뉴*/

#Wrap
{
    width:1006px;
	margin: 0 auto;
    padding:0;
	
}

#logo
{
    position:absolute;
    top:32px;
    left:64px;
    z-index:1;
}
#menu
{
    position:absolute;
    top:23px;
    left:235px;
    z-index:2;
	width:824px;
}
#toparea
{
    position:relative;
    height:388px;
}
#MainVisual
{
    position:absolute;
    top:60px;
    z-index:0;
}
#contents
{
    float:left;
    padding:0 56px;
}


#product
{
    float:left;
    padding-left:12px;
    width:430px;   
    height:136px;
}
.product
{
    float:left;
    padding-left:12px;
    width:430px;   
    height:136px;
}
.tab_product
{
    float:left;
    margin:11px 0 7px 0;
    width:420px;
    background: url(../img/main/bg_line.gif) repeat-x 0 21px;
}
.img_product
{
    float:left;
    margin:3px 7px 0 0;
    border:solid 3px #e4e5e8;
	line-height:6px;
}
.txt_product
{
    float:left;
    padding:7px 7px 3px 0;
    width:140px;
    letter-spacing:-1px;
}
.txt_product a
{
    text-decoration:none;
    color:#484848;
    line-height:14px;    
}
.txt_product a span
{
    display:block;
    height:24px;
    width:139px;
    text-decoration:none;
    color:#4d9eb3; 
    letter-spacing:0px; 
	font-family:tahoma;
	font-size:11px;
	line-height:11px; 
	padding:1px 0 0 1px; 
}


.txt_product span a
{

    width:139px;
    text-decoration:none;
    color:#4d9eb3; 
    letter-spacing:0px; 
	font-family:tahoma;
	font-size:11px;
	line-height:11px; 
	padding:1px 0 0 1px; 
}

.list_product
{
    float:left;
    padding:6px 0 0 2px;
    width:102px;
    height:91px;
    background: url(../img/main/bg_list_product.gif) no-repeat 0 0;
}
.list_product li,.list_product li img, .list_product li a, .list_product li a img
{
    float:left;
}
#notice
{
    float:left;
    margin:14px 0 0 35px;
    width:395px;
    height:132px;
}
#notice h2
{
    padding:0 0 16px 1px;
    width:393px;
}
#notice h2 img
{
    vertical-align: middle;
}
#notice h2 a
{
    display:block;
    text-align:right;
    margin-top:-14px;
}
#notice ul
{
    float:left;
}
#notice ul li
{
    float:left;    
    width:397px;
    height:18px;
}
#notice ul li a
{
    line-height:18px;
    text-decoration:none;
    color:#777a6c;
    letter-spacing:-1px;
}
#notice ul li a:hover
{
    color:#333;
}
#notice ul li img, #notice ul li a img
{
    vertical-align:top;
}
#notice ul li span
{
    margin-top:-18px;
    text-align:right;
    display:block;
    font-family:Tahoma;
    font-size:11px;
    color:#aeb2a0;
}

#productbanner
{
    float:left;
    width:412px;
	padding:0 0 0 9px;
}
#productbanner h2
{
    padding:10px 0 3px 11px;
}
#productbanner ul
{
    float:left;
    margin-left:6px;
    _margin-left:3px;
    padding:21px 0 0 14px;
    width:416px;
    height:74px;
    background:url(../img/main/bg_pro_intro.gif) no-repeat 0 0;
}
#productbanner ul li a, #productbanner ul li
{
    float:left;  
    vertical-align:middle;  
    height:53px;
}
.img_banner
{
    margin:0 11px;
}
.btn_left, .btn_right
{
    margin-top:19px;
}

#prize
{
    float:left;
    margin:11px 0 0 57px;
    _margin:11px 0 0 44px;
    width:400px;
}
#prize h2
{
    float:left;
    height:34px;
    width:400px;
}
#prize p
{
    float:left;
    width:400px;
}
#prize p img
{
    float:left;
    margin-right:17px;
}

/* 제품소개 - flash 삭제에 따른 슬라이딩 윈도우 */
.bg {border:1px solid #D3D3D3; border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.1); position:relative;display:inline-block; padding:5px 0;
	background: rgb(255,255,255); /* Old browsers */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.slick-items  {width:371px; margin-left:25px; margin-right:25px;}
.slick-items img {margin:0 auto;}
.slick-slide:focus {outline:none;}
.btn_wrap {width:calc(100% - 10px); position:absolute; left:5px; top:50%; margin-top:-8px;}
.btn_wrap::after {content:''; display:block; clear:both;}
.btn_wrap .btn {width:16px; height:15px; display:block; opacity:1; cursor:pointer;}
.prev {float:left; background:url('/img/main/intro_imgs/btn_left.PNG') no-repeat;}
.next {float:right; background:url('/img/main/intro_imgs/btn_right.PNG') no-repeat;}
.btn_wrap.controller > .btn:hover{opacity:0.7;}
.text_area {text-align:center; padding-top:6px; margin-left:0;}