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

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


* { 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; }
select { vertical-align:middle; border:0px;}
input[type="text"]{ vertical-align:middle; border:1px solid #CFCFCF;}
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;}

#wrap {width:100%; margin:auto;}

#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_title h3 {font-size:30px; color:#822742; padding:47px 0 0 25px;}
#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;}
#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 */



#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:20px; padding-bottom:20px;}
#product_img { width:450px; float:left;}
#product_info .product_tle{width:px; }

#txtbox_info {background:url(../img/main/dot.gif) no-repeat;padding:0 0 0 18px;line-height:18px;color:#686461;font-size:11px;}
.order_tle {margin:0 0 8 0}
#total_order {padding:12;border-top:1px solid #E8E2CD;border-bottom:1px solid #E8E2CD;background:#FCF9F0;line-height:24px;text-align:right;font-weight:bold;color:#666666}
#total_order #sum_price {color:#da0000;font-size:14px}
#total_order #sum {font-size:14px}
#infobox {border:2px solid #E4E4E4;padding:12px 12px 0 12px;color:#666666}
#dl1 {margin:0 0 20 0;}
#dl1 dt {font-weight:bold;margin-bottom:5px;background:url(../img/main/dot_dt.gif) no-repeat;padding-left:15px}
#dl1 dd {line-height:20px;margin:0 0 0 15}
#dl2 {margin:0 0 20 0;}
#dl2 dt {font-weight:bold;margin-bottom:5px;background:url(../img/main/dot_dt.gif) no-repeat;padding-left:15px}
#dl2 dd {background:url(../img/main/dot_dd.gif) no-repeat;padding:0 0 2 15;margin-left:0;line-height:20px}

#use {color:#CFCFCF;font-family:µ¸¿ò;font-size:11px;text-align:right}
#use a:link {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use a:visited {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use a:hover {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use #on {color:#E81F27;font-weight:bold;font-family:µ¸¿ò;font-size:11px}

.t_01 {border-collapse:collapse; border-top:2px solid #88A8EC; border-right:1px solid #CFCFCF;}
.t_01 th {padding:5px; border-bottom:1px solid #CFCFCF; border-left:1px solid #CFCFCF; color:#666666; font-weight:normal; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#f6f6f6;}
.t_01 td {padding:5px; border-bottom:1px solid #CFCFCF; border-left:1px solid #CFCFCF; color:#555555; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#ffffff;}
/* ¼îÇθô */
.btn {margin:18 0 0 0;text-align:center}
.btn img {cursor:hand}
#secondmenu #leftoff a {color:#555555 !important;font-weight:bold;}
#secondmenu #lefton a {color:#38c2cd !important;;font-weight:bold;}
/************************* input type :  search(»ó´Ü °Ë»ö) ***********************************/
.sc_input { background-color:#ffffff;border-style:solid;border-width:1;border-color:#CA0000;}
.location { padding:0 40 0 0;font-family:±¼¸²; font-size:11px;letter-spacing:-1px ;color:gray}
.sub_menu_title { padding:0 0 0 18;font-family:±¼¸²; font-size:12px;font-weight:bold;letter-spacing:0px ;color:#666666}
.table_tle1 {height:25px;background:#F6F6F6;text-align:center;color:#666666;}
.table_tle2 {height:25px;background:#f6f6f6;text-align:left;color:#666666;padding-left:8px;}
.table_cont1 {text-align:left;padding-left:8;color:#555555;line-height:18px}
.table_cont2 {text-align:center;color:#555555;line-height:18px}
.table_cont3 {color:#DA0000;text-align:right;padding-right:8}
.table_cont4 {color:#DA0000;text-align:center;}
.table_cont5 {color:#DA0000;text-align:left;padding-left:8;}
.price {color:#DA0000;text-align:right;}
.title {float:left;padding:21 0 0 34;font-weight:bold;#333333;font-size:14px;letter-spacing:-1}
.title2 {float:left;margin-top:17px}
.history1 {float:right;color:#999999;font-size:11px;padding:21 15 0 0} /*ȸ»ç¼Ò°³ È÷½ºÅ丮*/
.history1 a {color:#999999;font-size:11px;}
.history1 a:visited {color:#999999;font-size:11px;}

/* product */
#product_img {float:left; padding:0 0 0 18px; margin:0 0 30px 0; text-align:center;}
#product_info {float:right; width:343px; padding-left:15px; text-align:left;}
.product_tle {background:url(../img/main/bg_product1.gif) bottom ;height:27px;font-weight:bold;font-size:16px}
.product_txt1 {background:url(../img/main/bg_product2.gif) no-repeat;padding:0 0 0 9;font-weight:bold;color:#686461;font-size:11px}
.product_txt2 {color:#666666;font-size:12px}
.product_price {color:#EE2131;font-weight:bold}
.tle_bar {background:url(../img/main/bg_tle.gif) no-repeat;width:690;height:29;padding:7 0 10 27;font-weight:bold;margin-top:27}

/* ¼îÇθô */
.box1_tle {margin:9 0 5 9}
.box1 {background:url(../img/main/box1_bg.gif) repeat-y;width:690px}
.box1_left{float:left; padding-left:34px;}
.box1_right{float:right; padding-right:34px;}
.box1_bar {text-align:center;margin:18 0 18 0}

.box2 {background:url(../img/main/box2_bg.gif) repeat-y;width:px;padding:0 0 30 10}
#product_list {text-align:center;font-weight:bold;color:#666666;font-size:11px; padding : 10 10 10 10;}
#product_list span {color:#DA0000;font-size:11px;font-weight:normal;}
#product_list a {color:#666666;font-size:11px;font-weight:bold;}
#product_list_tle {float:left;padding:29 0 5 9}
#product_list_sort {float:right;padding:29 8 5 0;font-size:11px;color:#EA212D;font-weight:bold}
#product_list_sort a {color:#999999;font-weight:normal;font-size:11px;}
#product_list_sort span {color:#999999;font-weight:normal;font-size:11px;}

/* ÆäÀÌ¡ */
#page {text-align:center;margin:14px;color:#FF5500;font-weight:bold;letter-spacing:3}
#page img {vertical-align:middle;letter-spacing:3;margin-top:-2}
#page a {font-weight:normal;color:#555555}
#page2 {text-align:center;margin:14px;color:#FF7901;font-weight:bold;letter-spacing:1}
#page2 img {vertical-align:middle;letter-spacing:3;margin-top:-2}
#page2 a {font-weight:normal;color:#444444;font-weight:bold}
#page2 span {color:#BABABA;font-weight:normal}
/* ½æ³×ÀÏ */
#nail {width:300px; margin:4px 0 4px 0;}
#nail a:link{font-size:11px;color:#666666}
#nail a:visited{font-size:11px;color:#666666}
#nail img {border:1px solid #CACACA;margin:2;cursor:hand;width:50px;height:50px}
#nail_txt {padding-top:5px; font-size:11px; color:#666666;}
#nail_txt a:link{text-align:left;padding-top:5;font-size:11px;color:#666666;}
#nail_txt a:visited{text-align:left;padding-top:5;font-size:11px;color:#666666;}

#product_content {clear:both;background:url(../img/main/tab_bg.gif) repeat-x;margin-top:30;width:690}
.product_tab {cursor:hand}