@charset "utf-8";
/* CSS Document */

@import url("{{$template}}/inc/topmenu.css");
@import url("{{$template}}/inc/nanumgothic.css");



/* Reset CSS - start */
* { margin:0; padding:0; border:0; outline:0; vertical-align:top; font-family:nanumgothic; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, ol, dl,li { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:baseline; }
a { vertical-align:baseline; text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
body {font-size:100%; line-height:1; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
h1 {}
h2 {font-size:26px; color:#822742; padding:3px 0 0 13px;}
h3 {font-size:30px; color:#822742; padding:47px 0 0 25px;}
h4 {clear:both; font-size:24px; font-weight:bold; color:#0612b4; padding:10px 0 2px 40px;}
h5 {clear:both; font-size:18px; color:#cc9576; padding:30px 0 2px 40px;}
h6 {}

.flo_l {float:left;}
.flo_r {float:right;}
.cle {clear:both;}

/* Reset CSS - end */



/* Layout - start */

#wrap {width:100%; margin:auto;min-height:800px;}

#main {;}
#sub {}
#top {position:absolute; z-index:999; width:100% center bottom no-repeat;}
#s_top {position:absolute; width:100%  }


#bg_logo {width:100%;  background-color:#fff;  min-width:1200px; opacity:0.85; /*filter:alpha(opacity:85);*/}

#logo h1 a img{ opacity:1.0; }

#navigation {}  /* »çÀÌÁî ¼öÁ¤ ¹× css¼öÁ¤ topmenu.css */

#middle {  top:-1px; width:1200px; c:1; }
#visual { width:100%; min-width:1200px; text-align:center;}
#middle_s {float:left; top:-1px; width:100%; c:1; /*position:relative;*/}

#visual_s01 {width:100%; min-width:1200px; text-align:center; background-image:url(../img/bg_s_visual01.jpg); background-repeat:repeat-x;}
#visual_s02 {width:100%; min-width:1200px; text-align:center; background-image:url(../img/bg_s_visual02.jpg); background-repeat:repeat-x;}
#visual_s03 {width:100%; min-width:1200px; text-align:center; background-image:url(../img/bg_s_visual03.jpg); background-repeat:repeat-x;}
#visual_s04 {width:100%; min-width:1200px; text-align:center; background-image:url(../img/bg_s_visual04.jpg); background-repeat:repeat-x;}
#visual_s05 {width:100%; min-width:1200px; text-align:center; background-image:url(../img/bg_s_visual05.jpg); background-repeat:repeat-x;}

/* main */
#m_visual {width:100%; margin:0 auto; }
#m_content {width:1200px; margin:0 auto;}
#m_cont01 {width:364px; float:left; margin:35px 34px 35px 0;}
#m_cont02 {width:437px; float:left; margin:35px 24px 35px 0;}
#m_cont02 img {}
#m_cont03 {width:341px; float:left; margin:64px 0 0 0;}
#m_cont03 img {}
#m_data {margin:20px 0 0 0;}}

/* sub */
#s_visual {width:1200px; margin:0 auto; overflow:hidden; }
#s_content {width:1200px; margin:0 auto; background-color:#fff; overflow:hidden;}
#s_left {position:relative; width:300px; float:left; margin-left:25px;}
#s_leftmenu {margin-bottom:70px;}
#s_leftmenu_tit {height:124px; background:url(../img/bg_sl_title01.jpg) 0 0 no-repeat;}
#s_leftmenu_tit p {display:inline-block; padding:40px 0 0 15px; font-size:12px; color:#003390;}
#s_leftmenu ul {margin-top:0px;}
#s_leftmenu ul li {padding:15px 0; margin-left:0px; width:281px; height:9px; font-size:16px; text-decoration:none; color:#3a3a3a; border-bottom:1px solid #d4d4d4; background:url(../img/bg_slMenu.jpg) 0 0 no-repeat;}
#s_leftmenu ul li a{padding:12px 0 0 40px; margin-top:-15px; display:block; height:27px; font-size:16px; font-weight:600; text-decoration:none; color:#787878;}
#s_leftmenu ul li a:hover{padding:12px 0 0 40px; display:block;height:27px; font-size:16px; text-decoration:none; color:#000;}
#s_leftmenu li.sm_bg01 a{color:#fff; background:url(../img/bg_slMenu_on.jpg) 0 0 no-repeat;}
#s_leftmenu li.sm_bg01 a:hover{color:#fff; background:url(../img/bg_slMenu_on.jpg) 0 0 no-repeat;}
#s_banner {margin:0 0 70px -12px; }
#s_right {position:relative; float:left; margin-left:0px;}
#s_bottom {clear:both;}
#contentArea {width:848px; margin-bottom:30px;}
#contentArea_b {width:1200px; margin:0 auto;}
#s_title {width:850px; height:124px; border-bottom:1px solid #cdcdcd;}
#s_title p {font-size:11px; padding:10px 0 0 29px; letter-spacing:0.2em;}
#s_navi {margin:15px 0 55px 0;}
#s_navi div {float:right; margin-right:15px;}
#s_navi p {font-size:11px; float:left; margin-top:2px; display:inline-block; padding-bottom:2px; letter-spacing:0.2em; ;}
#s_navi img {float:left;}
#container{width:100%;}


/* bottom */

#logo_f {margin-left:40px; margin-right:20px;float:left; margin-top:10px; }
#cscenter {width:100%; text-align:center; background-color:#6f6f6f;}
#bottom { width:100%; clear:both; min-width:1200px;  margin:0 auto; background-color:#f7f7f7; height:auto; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-size:13px; line-height:1.4em;}
#footer {width:1200px; margin:0 auto; }
.footer1 { float:left;}
.sns{ float:left; margin-left:200px;}

.footer2 {width:1200px;}

.foot2 {width:1200px; }

.copy {line-height:2.2em;}
/* Layout - end */






#slides{
 z-index:-100;
 position:fixed;
 width:100%;
 overflow:hidden;
min-height:800%;

  }



.visual01 {
    width:100%;
 
    margin-top:62px;
    border-bottom:1px solid #e2e2e4;
    background: url(./images/bg_s_visual01.jpg)  ; background-repeat:repeat-x;
}
.visual01 section {
    position:relative;
    width:960px;
    height:179px;
    margin:0 auto;
    background-image:url(./images/bg_s_visual01.jpg);
}

.visual02 {
    width:100%;
 
    margin-top:62px;
    border-bottom:1px solid #e2e2e4;
    background: url(./images/bg_s_visual02.jpg) repeat-x;
}
.visual02 section {
    position:relative;
    width:960px;
    height:179px;
    margin:0 auto;
    background: ;
}

.visual03 {
    width:100%;
 
    margin-top:62px;
    border-bottom:1px solid #e2e2e4;
    background: url(./images/bg_s_visual03.jpg) repeat-x;
}
.visual03 section {
    position:relative;
    width:960px;
    height:179px;
    margin:0 auto;
    background: ;
}

.visual04 {
    width:100%;
 
    margin-top:62px;
    border-bottom:1px solid #e2e2e4;
    background: url(./images/bg_s_visual04.jpg) repeat-x;
}


#product_list_sort { font-size:12px; color:#666666; }
#product_list_sort a { font-size:12px; color:#666666; }
.box2 table tbody tr td a {font-size:12px; color:#666666; }
.box2 table tbody tr td span {font-size:12px; color:#666666; }

.box2 table tbody tr td a img {padding-left:15px; padding-right:27px; padding-top:20px;}
#product_img { width:480px; float:left; }
#product_info .product_tle{width:px; }