@charset "euc-kr";
html,body,table,tr,td,th,caption,ul,li,ol,input,select,textarea,div,p,a,img,dl,dt,dd,h1,h2,h3{margin: 0; padding:0; font-size:12px;}
ul,li,ol{ list-style:none}
img {border:none;}
table {border-collapse: collapse;border-spacing: 0;}
body, td, th {
	margin:0;
	font-family: "µ¸¿ò", sans-serif;
	font-size: 12px;
	color: #767676;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;}

input{ background:none; border:0;}
ul, li, a { margin:0; padding:0; list-style:none}

a:link      { font-family: µ¸¿ò; font-size: 12px; color: #767676; text-decoration: none}
a:visited   { font-family: µ¸¿ò; font-size: 12px; color: #767676; text-decoration: none}
a:hover	    { font-family: µ¸¿ò; font-size: 12px; color: #4a4a4a; text-decoration: none}
a:active    { font-family: µ¸¿ò; font-size: 12px; color: #767676; text-decoration: none}

html{overflow-x:hidden; overflow-y:scroll}

.color1{ color:#ff6207}
.color2{ color:#bbbbbb}
.color3{ color:#ed0403}
.color4{ color:#ffc105}
.color5{ color:#333}
.color6{ color: #00b8b8}
.color7{ color: #FF6699}

.cl{ clear:both;}
.box1{ width:1100px; margin:0 auto;}
.va{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; height:100%;}
.va_tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:auto; height:auto;}
.va_img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}
.sky{ color:#02c5da;}
/*ž*****************************************************/
#header{ position:relative;}
#header .top_area{ background:#1c96b1; overflow:hidden; width:100%; border-bottom:1px solid #abdce6;}
#header .top_area .favor{ float:left; background:#0e7c96; padding:0 15px; line-height:30px; display:inline-block; *display:inline; zoom:1; border-left:1px solid #46b1c5; border-right:1px solid #46b1c5;}
#header .top_area .favor > a{ font-size:12px; font-family:notokrM, sans-serif; color:#fff; padding:6px 0 6px 20px; background:url(../sp_images/sp_include/icon_favor.jpg) no-repeat left center;}
#header .top_area .right_area{ float:right; overflow:hidden;}
#header .top_area .m_list{ float:right; overflow:hidden;} 
#header .top_area .m_list > li{ display:inline-block; *display:inline; zoom:1; margin:0 0 0 -4px;}
#header .top_area .m_list > li > a{ font-size:12px; font-family:notokrM, sans-serif; color:#fff; line-height:30px; padding:0 10px; height:100%; display:block;}
#header .top_area .m_shop{ float:right; overflow:hidden; border-left:1px solid #abdce6;}
#header .top_area .m_shop > li{ display:inline-block; *display:inline; zoom:1; border-left:1px solid #abdce6; border-right:1px solid #abdce6; background:#61b6c9; margin:0 0 0 -5px; transition:0.3s;}
#header .top_area .m_shop > li:hover{ background:#1c96b1; transition:0.3s;}
#header .top_area .m_shop > li.st1:hover > a{ background:url(../sp_images/sp_include/icon_cart.jpg) no-repeat 17px 2px; transition:0.3s;}
#header .top_area .m_shop > li.st2:hover > a{ background:url(../sp_images/sp_include/icon_order.jpg) no-repeat 10px 3px; transition:0.3s;}
#header .top_area .m_shop > li > a{ font-size:12px; font-family:notokrM, sans-serif; color:#fff; line-height:30px; height:100%; display:block; padding:0 20px 0 40px;}
#header .top_area .m_shop > li.st1 > a{ background:url(../sp_images/sp_include/icon_cart_on.jpg) no-repeat 17px 2px; transition:0.3s;}
#header .top_area .m_shop > li.st2 > a{ background:url(../sp_images/sp_include/icon_order_on.jpg) no-repeat 10px 3px; transition:0.3s;}
#header .mid_area{ padding:20px 0; background:#02c5da; position:relative; overflow:hidden;}
#header .mid_area .box1{ padding:0 27px 0 30px; width:1043px;}
#header .mid_area .logo{ width:156px; height:61px; position:absolute; left:50%; margin:0 0 0 -78px; top:15px;}
#header .mid_area .tel_area{ float:left; padding:5px 0 5px 58px; background:url(../sp_images/sp_include/icon_tel.jpg) no-repeat left center;}
#header .mid_area .tel_area .t1{ font-size:27px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#fff; letter-spacing:-0.5px; line-height:1;}
#header .mid_area .tel_area .t2{ font-size:12px; font-family:ng, sans-serif; color:#d2eaed; letter-spacing:-0.5px;}
#header .mid_area .search_area{ float:right; overflow:hidden; width:239px; height:34px; margin:16px 0 0 0;}
#header .mid_area .search_area .s_inp{ float:left; width:76%; height:100%; padding:0 0 0 4%; background:#1c98b1; font-size:12px; font-family:dotum, "µ¸¿ò", sans-serif; color:#fff; line-height:34px;}
#header .mid_area .search_area .s_find{ cursor:pointer; float:left; width:20%; height:100%; background:url(../sp_images/sp_include/icon_search.jpg) no-repeat center center #0e7e96;}
#header .tm_area{ width:100%; background:#fff; border-bottom:1px solid #ccc;}
#header .tm_area .top_menu{ overflow:hidden; padding:0 0 0 191px;}
#header .tm_area .top_menu > li{ float:left; width:20%; text-align:center;}
#header .tm_area .top_menu > li:hover > a, #header .tm_area .top_menu > li > a.on{ color:#02c5da; transition:0.3s;}
#header .tm_area .top_menu > li > a{ font-size:16px; font-family:notokrM, sans-serif; color:#666; height:40px; display:block; background:url(../sp_images/sp_include/t_bar.gif) no-repeat right center; transition:0.3s;}
.sub_wrap{ position:relative; width:1100px; margin:0 auto;}
.lnb_wrap{ width:190px; float:left;}
.con_wrap{ width:870px; min-height:900px; padding:0 0 40px 0; float:right;}
.visu_area{ position:relative; width:100%; z-index:1;}
.visu_area > .box1{ position:relative;}
.visu_wrap{ position:relative; left:50%; margin:0 0 0 -1000px; top:0; width:2000px; border-bottom:1px solid #ccc;}
.visu_wrap .direction{}
.visu_wrap .direction > a{ width:40px; height:37px; font-size:0; text-indent:-9999px; display:block; background-color:#1c98b1; background-position:center center; background-repeat:no-repeat; filter:alpha(opacity=70); opacity:0.7; position:absolute; bottom:36px; z-index:99; transition:0.3s;}
.visu_wrap .direction > a:hover{ filter:alpha(opacity=100); opacity:1; transition:0.3s;}
.visu_wrap .direction #slide_prev{ margin:0 0 0 703px; background-image:url(../sp_images/sp_include/icon_prev.png);}
.visu_wrap .direction #slide_next{ margin:0 0 0 744px; background-image:url(../sp_images/sp_include/icon_next.png);}
#slide{ }
.lnb_area{ position:absolute; left:0; top:0px; z-index:9999;}
.left_menu{ width:190px; margin:-42px 0 0 0; border-top:0; background:#fff;}
.left_menu .left_title{ font-size:14px; font-family:notokrB, sans-serif; color:#fff; background:#1c98b1; text-align:center; line-height:41px;
background:url(../sp_images/sp_include/cate_bg.jpg) repeat-x;}
.lm_tit{ background:url(../sp_images/sp_include/lm_bg.jpg) repeat-x;}
.lm_tit > a{ position:relative; display:block; font-size:14px; font-family:notokrM, sans-serif; color:#fff; background:url(../sp_images/sp_include/icon_d_arrow.png) no-repeat 90% center; padding:0 0 0 20px; line-height:41px;}
.lm_list{ padding:13px 0; background:#5d5d5d;}
.lm_list > li{ position:relative; padding:0 16px;}
.lm_list > li:hover, .lm_list > li.on{ position:relative; background:url(../sp_images/sp_include/icon_larrow.png) no-repeat 90% center;}
.lm_list .tit{ font-size:13px; font-family:Dotum, "µ¸¿ò", sans-serif; color:#f3f3f3; line-height:26px; padding:0 0 0 12px; background:url(../sp_images/sp_include/icon_bar.gif) no-repeat left center; transition:0.3s;}
.lm_list > li:hover .tit, .lm_list > li .tit.on{ color:#f7b20e; background:url(../sp_images/sp_include/icon_bar_on.gif) no-repeat left center; transition:0.3s;}
.sub_box{ position:absolute; right:-200px; top:-14px; width:200px; display:none; background:#5d5d5d; z-index:99999;}
.sub_box > ul{ padding:15px;}
.sub_box > ul > li > a{ font-size:12px; font-family:Dotum, "µ¸¿ò", sans-serif; color:#fff; line-height:26px; transition:0.3s;}
.sub_box > ul > li > a:hover{ color:#f7b20e; transition:0.3s;}
.quick{ margin:30px 0 0 0; text-align:center;}

.prod_con .option{ width:100%; padding:0 0 15px 0; text-align:center;}
.prod_con .option > p{ display:inline-block; *display:inline; zoom:1; width:auto; height:auto; margin:3px;}
.prod_con .m_tit{ position:relative; font-size:24px; font-family:notokrB, sans-serif; color:#444; text-align:center; padding:28px 0 30px 0; margin:28px 0 0 0; background:url(../sp_images/mastart/m_tit_icon.png) no-repeat center top;}
.prod_con .m_tit .l_pat{ position:absolute; left:0; top:46px; width:43.1%; height:3px; background:url(../sp_images/mastart/m_tit_pat_r.png) repeat-x; filter:alpha(opacity:40); opacity:0.4;}
.prod_con .m_tit .r_pat{ position:absolute; right:0; top:46px; width:43.3%; height:3px; background:url(../sp_images/mastart/m_tit_pat_r.png) repeat-x; filter:alpha(opacity:40); opacity:0.4;}
.prod_con .m_tit .l_pat.st2{ width:40.7%;}
.prod_con .m_tit .r_pat.st2{ width:40.9%;}
.prod_con .m_tit .l_pat.st3{ width:39.9%;}
.prod_con .m_tit .r_pat.st3{ width:39.8%;}
.prod_con .m_tit .l_pat.st4{ width:38.8%;}
.prod_con .m_tit .r_pat.st4{ width:38.7%;}
.prod_con .m_tit .n_name{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#aaa; margin:2px 0 0 0; display:block;}
.prod_con .m_tit .n_ex{ font-size:13px; font-family:notokrM, sans-serif; color:#666; margin:10px 0 0 0; display:block; line-height:22px;}

.prod_n_area{ width:950px; margin:0 auto; padding:0 0 50px 0;}
.prod_n_area li{ position:relative; border:1px solid #ccc; transition:0.3s;}
.prod_n_area li:hover{ border:1px solid #666; transition:0.3s;}
.prod_n_area li > a{ width:100%; height:100%;}
.prod_n_area .n_pic{ width:100%; height:180px; text-align:center; border-bottom:1px dashed #ddd;}
.prod_n_area .n_pic img{ transition:0.3s;}
.prod_n_area .n_pic:hover img{ transform:scale(1.1,1.1); transition:0.3s;}
.prod_n_area .n_tt_wrap{ padding:10px 20px;}
.prod_n_area .n_tt_wrap .t1{ font-size:15px; font-family:notokrM, sans-serif; color:#333;}
.prod_n_area .n_tt_wrap .t2{ font-size:13px; font-family:notokrM, sans-serif; color:#999;}
.prod_n_area .n_tt_wrap .price{ font-size:17px; font-family:notokrM, sans-serif; color:#eb4c32; text-align:right; margin:5px 0 0 0;}
.prod_n_area .n_tt_wrap .price.st1{ color:#ff6207;}
.prod_n_area .n_tt_wrap .price.st2{ color:red;}
.prod_n_area .n_tt_wrap .price > span{ font-size:14px; font-family:notokrM, sans-serif; color:#333; text-align:right;}
.prod_n_area .bx-wrapper{ max-width:100% !important; display:inline-block; *display:inline; zoom:1;}
.prod_n_area .bx-wrapper .bx-viewport{ height:auto !important;}
.prod_n_area .bx-wrapper .bx-controls-direction > a{ position:absolute; top:50%; margin-top:-41px; width:18px; height:42px; background-repeat:no-repeat; background-position:center; z-index:100001; filter:alpha(opacity=60); opacity:0.6;}
.prod_n_area .bx-wrapper .bx-prev { left:-54px; background-image: url(../sp_images/sp_include/n_prev.png);}
.prod_n_area .bx-wrapper .bx-next { right:-54px; background-image: url(../sp_images/sp_include/n_next.png);}
.prod_n_area .bx-wrapper .bx-controls-direction > a:hover { filter:alpha(opacity=100); opacity:1;}

.prod_con .cont{ width:100%; overflow:hidden;}
.prod_con .cont .left_area{ float:left; width:20%;}
.prod_con .cont .right_area{ float:left; width:80%;}
.prod_con .cont .right_area .inner{ border:1px solid #dcdcdc; padding:22px;}

.detail_list{ float:left; width:72.4%; overflow:hidden; margin:0 0 0 -20px;} 
.detail_list li{ float:left; width:33.33%; transition:0.3s;}
.detail_list li > a{ border:1px solid #ccc; height:270px; margin:0 0 0 20px; display:block; transition:0.3s;}
.detail_list li:hover > a{ border:1px solid #666; transition:0.3s;}
.detail_list li > a{}
.detail_list .n_pic{ width:100%; height:180px; text-align:center; border-bottom:1px dashed #ddd;}
.detail_list .n_pic img{ transition:0.3s;}
.detail_list .n_pic:hover img{ transform:scale(1.1,1.1); transition:0.3s;}
.detail_list .n_tt_wrap{ padding:10px 20px;}
.detail_list .n_tt_wrap .t1{ font-size:15px; font-family:notokrM, sans-serif; color:#333;}
.detail_list .n_tt_wrap .t2{ font-size:13px; font-family:notokrM, sans-serif; color:#999;}
.detail_list .n_tt_wrap .price{ font-size:17px; font-family:notokrM, sans-serif; color:#eb4c32; text-align:right; margin:5px 0 0 0;}
.detail_list .n_tt_wrap .price > span{ font-size:14px; font-family:notokrM, sans-serif; color:#333; text-align:right;}

.big{ float:left; width:29.9%; transition:0.3s; margin:-75px 0 0 0;}
.big .best{ position:absolute; left:-15px; top:-14px; width:66px; height:67px; z-index:999; background:url(../sp_images/mastart/icon_best.png) center top no-repeat;}
.big > a{ border:1px solid #ccc; height:346px; margin:0 0 0 20px; display:block;}
.big:hover > a{ border:1px solid #666; transition:0.3s;}
.big .option{ text-align:left; padding:8px 0 0 8px;}
.big .n_pic{ width:100%; height:256px; text-align:center; border-bottom:1px dashed #ddd; position:relative;}
.big .n_pic img{ transition:0.3s;}
.big .n_pic:hover img{ transform:scale(1.1,1.1); transition:0.3s;}
.big .n_tt_wrap{ padding:10px 20px;}
.big .n_tt_wrap .t1{ font-size:15px; font-family:notokrM, sans-serif; color:#333;}
.big .n_tt_wrap .t2{ font-size:13px; font-family:notokrM, sans-serif; color:#999;}
.big .n_tt_wrap .price{ font-size:17px; font-family:notokrM, sans-serif; color:#eb4c32; text-align:right; margin:5px 0 0 0;}
.big .n_tt_wrap .price > span{ font-size:14px; font-family:notokrM, sans-serif; color:#333; text-align:right;}
.prod_none{ text-align:center; height:273px; vertical-align:middle;}

.thumb_aerea{ overflow:hidden; padding:1px 0 0 1px;}
.thumb_aerea > div{ float:left; width:20%;  text-align:center;}
.thumb_aerea > div > a{ border:1px solid #ccc; display:block; height:218px; margin:-1px 0 0 -1px; position:relative;}
.thumb_aerea > div .bd_on{ width:100%; height:100%; border:1px solid #666; background:none; position:absolute; left:-1px; top:-1px; z-index:999; fliter:alpha(opacity=0); opacity:0; transition:0.3s;}
.thumb_aerea > div:hover .bd_on{ fliter:alpha(opacity=100); opacity:1; transition:0.3s;}
.thumb_aerea .center_link{ background:#44a6e6; position:relative;}
.thumb_aerea .center_link .bg{ position:absolute; left:0; bottom:0; width:100%; height:0; background:#fff; filter:alpha(opacity=8); opacity:0.08; transition:0.3s;}
.thumb_aerea .center_link > a{ position:relative; z-index:999;}
.thumb_aerea .center_link:hover .bg{ height:100%; transition:0.3s;}
.thumb_aerea .center_link:hover .t3{ border-top:1px solid #fff; border-bottom:1px solid #fff; transition:0.3s;}
.thumb_aerea .center_link > a{ border:1px solid #44a6e6;}
.thumb_aerea .center_link .t1{ font-size:14px; font-family:"Times New Roman", Times, serif; color:#fff; margin:42px 0 0 0;}
.thumb_aerea .center_link .t2{ font-size:15px; font-family:notokrR, sans-serif; color:#d7e6f2; margin:15px 0 0 0;}
.thumb_aerea .center_link .t2 > span{ font-size:18px; font-family:notokrB, sans-serif; color:#fff; display:block;}
.thumb_aerea .center_link .t3{ font-size:14px; font-family:notokrM, sans-serif; color:#fff; border-top:1px solid #90c1e1; border-bottom:1px solid #90c1e1; display:inline-block; *display:inline; zoom:1; padding:5px 20px; margin:25px 0 0 0; transition:0.3s;}
.thumb_aerea .center_link .t3 > span{ font-size:12px; font-family:notokrM, sans-serif; color:#fff; padding:0 0 0 8px;}

.ban_area{ padding:30px 0 20px 0;}

.t_table{}
.t_table img{ margin-left:20px;}
.t_table form{ display:inline-block;*display:inline;zoom:1;}
.ser_box{display:inline-block;*display:inline;zoom:1; background:url(../sp_images/sp_include/ser_bg.gif) 0 0 no-repeat;width:180px;vertical-align:middle;text-align:left;line-height:23px;}
.ser_box input.ser_txt{vertical-align:top;border:0;margin-top:4px;margin-left:22px;background:#f3f3f3;}
.ser_box input.ser_btn{width:26px;height:23px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../sp_images/sp_include/ser_btn.gif) 0 0 no-repeat;display:inline-block;*display:inline;zoom:1;text-align:right;}

.fm_area{ width:100%; background:url(../sp_images/sp_include/f_pat.gif) 0 0 repeat;}
.fm_area .box1{}
.fm_area .fm_list{ position:relative; overflow:hidden; border-bottom:1px solid #767676;}
.fm_area .fm_list:before{ content:''; position:absolute; left:1px; top:0; width:1px; height:100%; background:#767676;}
.fm_area .fm_list:after{ content:''; position:absolute; right:1px; top:0; width:1px; height:100%; background:#525252;}
.fm_area .fm_list > li{ float:left; width:33.33%; position:relative;}
.fm_area .fm_list > li:before{ content:''; position:absolute; right:1px; top:0; width:1px; height:100%; background:#767676;}
.fm_area .fm_list > li > dl.st1{ border-left:1px solid #525252;}
.fm_area .fm_list > li > dl{ border-right:1px solid #525252; padding:25px 32px;}
.fm_area .fm_list > li > dl > dt{ font-size:18px; font-family:notokrB, sans-serif; color:#fff; margin:0 0 10px 0;}
.fm_area .fm_list > li > dl > dt > span{ font-size:15px; font-family:ng, sans-serif; color:#ddd; padding:0 0 0 5px;}
.fm_area .fm_list > li > dl > dd{ overflow:hidden;}
.fm_area .fm_list > li > dl > dd > a{ font-size:15px; font-family:notokrR, sans-serif; color:#d7d7d7; line-height:26px; padding:0 0 0 12px; background:url(../sp_images/sp_include/icon_dia.png) no-repeat left center; float:left; width:65%; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s;}
.fm_area .fm_list > li > dl > dd > a:hover{ color:#fff; transition:0.3s;}
.fm_area .fm_list > li > dl > dd .date{ font-size:14px; font-family:notokrR, sans-serif; color:#999; line-height:26px; float:right; width:25%; text-align:right;}
.fm_area .fm_list > li > dl.st2 .t1{ font-size:13px; font-family:notokrR, sans-serif; color:#f6f6f6;}
.fm_area .fm_list > li > dl.st2 .t2{ font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#b8d4eb; padding:0 0 0 54px; background:url(../sp_images/sp_include/icon_cons.jpg) no-repeat left center; line-height:27px; margin:5px 0;}
.fm_area .fm_list > li > dl.st2 .t3{ font-size:13px; font-family:notokrR, sans-serif; color:#f6f6f6; padding:13px 0 0 0;}
.fm_area .fm_list > li > dl.st3 .t1{ font-size:14px; font-family:notokrR, sans-serif; color:#f6f6f6;}
.fm_area .fm_list > li > dl.st3 .t2{ margin:4px 0 0 0;}
.fm_area .fm_quick{ border-top:1px solid #525252; border-left:1px solid #525252; border-right:1px solid #767676; overflow:hidden; position:relative;}
.fm_area .fm_quick:before{ content:''; position:absolute; left:0px; top:0; width:1px; height:100%; background:#767676;}
.fm_area .fm_quick:after{ content:''; position:absolute; right:0px; top:0; width:1px; height:100%; background:#525252;}

.fm_area .fm_quick > dt{ float:left; width:11%; font-size:18px; font-family:notokrB, sans-serif; color:#fff; margin:0 0 10px 0; padding:25px 32px;}
.fm_area .fm_quick > dt > p{ font-size:11px; font-family:notokrR, sans-serif; color:#f6f6f6; padding:8px 0 0 0;}
.fm_area .fm_quick > dd{ float:left; width:82%; padding:20px 0;}
.fm_area .fm_quick > dd .q_list{ overflow:hidden;}
.fm_area .fm_quick > dd .q_list > li{ float:left; width:12.5%; text-align:center;}
.fm_area .fm_quick > dd .q_list > li:hover > a{ filter:alpha(opacity=100); opacity:1; transition:0.3s;}
.fm_area .fm_quick > dd .q_list > li > a{ display:block; height:80px; margin:0 8px 0 0; border-right:2px solid #555; border-bottom:2px solid #555; background:#8e8e8e; filter:alpha(opacity=70); opacity:0.7; transition:0.3s;}
.fm_area .fm_quick > dd .q_list > li > a > p{ font-size:13px; font-family:notokrM, sans-serif; color:#fff; padding:50px 0 0 0;}
.fm_area .fm_quick > dd .q_list > li.st1 p{ background:url(../sp_images/sp_include/icon_fm1.jpg) no-repeat center 18px;}
.fm_area .fm_quick > dd .q_list > li.st2 p{ background:url(../sp_images/sp_include/icon_fm2.jpg) no-repeat center 18px;}
.fm_area .fm_quick > dd .q_list > li.st3 p{ background:url(../sp_images/sp_include/icon_fm3.jpg) no-repeat center 15px;}
.fm_area .fm_quick > dd .q_list > li.st4 p{ background:url(../sp_images/sp_include/icon_fm4.jpg) no-repeat center 14px;}
.fm_area .fm_quick > dd .q_list > li.st5 p{ background:url(../sp_images/sp_include/icon_fm5.jpg) no-repeat center 14px;}
.fm_area .fm_quick > dd .q_list > li.st6 p{ background:url(../sp_images/sp_include/icon_fm6.jpg) no-repeat center 13px;}
.fm_area .fm_quick > dd .q_list > li.st7 p{ background:url(../sp_images/sp_include/icon_fm7.jpg) no-repeat center 14px;}
.fm_area .fm_quick > dd .q_list > li.st8 p{ background:url(../sp_images/sp_include/icon_fm8.jpg) no-repeat center 16px;}

#footer{}
#footer .f_link_area{ width:100%; border-bottom:1px solid #ddd; background:#f4f4f4; overflow:hidden;}
#footer .f_link{ padding:0 0 0 28px;}
#footer .f_link > li{ float:left; padding:0 28px 0 0;}
#footer .f_link > li > a{ font-size:14px; font-family:notokrM, sans-serif; color:#777; line-height:43px;}
#footer .f_area{ width:100%; padding:30px 0;}
#footer .f_area .box1{ position:relative; width:1044px; padding:0 28px;}
#footer .f_area .f_logo{ width:20%; height:61px; float:left;}
#footer .f_area .f_list{ float:left; width:80%;}
#footer .f_area .f_list > ul{ overflow:hidden;}
#footer .f_area .f_list > ul > li{ display:inline-block; *display:inline; zoom:1; font-size:14px; font-family:notokrM, sans-serif; color:#888; line-height:24px; margin:0 15px 0 0;}
#footer .f_area .f_list .f_cert{ position:absolute; right:0; top:0;}
#footer .f_area .f_list .copy{ font-size:13px; font-family:notokrM, sans-serif; color:#aaa; padding:23px 0 0 0;}

.quickbox{ text-align:center;}
.quickbox .q_tit{ display:block; border:1px solid #dcdcdc; background:#fff; border-bottom:0;}
.quickbox .q_tit > span{ font-size:12px; font-family:notokrM, sans-serif; color:#555; line-height:34px;}
.quickbox .q_tt{ display:block; background:#1c96b1; border-bottom:0;}
.quickbox .q_tt > span{ font-size:12px; font-family:notokrM, sans-serif; color:#fff; line-height:34px;}
.quickbox .q_tt > span .num{ font-size:12px; font-family:notokrB, sans-serif; color:#ebf57c;}
.quickbox .q_inner{ border:1px solid #dcdcdc; border-bottom:0; backgroud:#fff; padding:0 0 12px 0; background:#fff;}
.quickbox .q_inner > a{ display:block; border:1px solid #dfdfdf; width:68px; height:68px; margin:12px auto 0 auto; transition:0.3s;}
.quickbox .q_inner > a:hover{ border:1px solid #666; transition:0.3s;}
.quickbox .q_inner > a img{ width:70%;}
.quickbox .q_inner .pic{ height:68px; background:#fff;}
.quickbox .arrow_area{ overflow:hidden; padding:0 0 0 1px;}
.quickbox .arrow_area > a{ display:block; width:50%; float:left;}
.quickbox .arrow_area > a > span{ display:block; border:1px solid #dcdcdc; margin:0 0 0 -1px; font-size:0; text-indent:-9999px; height:22px;}
.quickbox .arrow_area .up{ background:url(../sp_images/sp_include/q_u_arrow.png) no-repeat center center #fff;}
.quickbox .arrow_area .down{ background:url(../sp_images/sp_include/q_d_arrow.png) no-repeat center center #fff;}
.quickbox #gotop{ width:100%; display:block; margin:15px 0 0 0;}

.pro_list{ overflow:hidden; margin:0 0 -20px -20px; padding:20px 0 0 0;} 
.pro_list li{ float:left; width:25%; transition:0.3s;}
.pro_list li > a{ position:relative; width:200px; border:1px solid #ccc; margin:0 0 20px 20px; display:block; transition:0.3s;}
.pro_list li .option{ width:100%; padding:0 0 15px 0; text-align:center;}
.pro_list li .option > p{ display:inline-block; *display:inline; zoom:1; width:auto; height:auto; margin:3px;}
.pro_list li:hover > a{ border:1px solid #666; transition:0.3s;}
.pro_list .n_pic{ width:100%; height:180px; text-align:center; border-bottom:1px dashed #ddd;}
.pro_list .n_pic img{ transition:0.3s;}
.pro_list .n_pic:hover img{ transform:scale(1.1,1.1); transition:0.3s;}
.pro_list .n_tt_wrap{ padding:10px 20px;}
.pro_list .n_tt_wrap .t1{ font-size:15px; font-family:notokrM, sans-serif; color:#333;}
.pro_list .n_tt_wrap .t2{ font-size:13px; font-family:notokrM, sans-serif; color:#999;}
.pro_list .n_tt_wrap .price{ font-size:17px; font-family:notokrM, sans-serif; color:#eb4c32; text-align:right; margin:5px 0 0 0;}
.pro_list .n_tt_wrap .price > span{ font-size:14px; font-family:notokrM, sans-serif; color:#333; text-align:right;}

/*¸ÞÀÎ*****************************************************/

.main_mg_b{margin-bottom:30px;}
.main_mg_t{margin-top:15px;}
.event_mg_t{ margin-top:10px;}

.item_mg_tb{ margin:20px 0 20px 0;}
.img_line{ border:1px solid #cfcfcf; position:relative;}
.img_line .p_limit{ position:absolute; right:5px; top:5px; width:53px; height:17px; }

.pro_pd_t{ padding-top:15px;}

.best_line{ border-top:3px solid #ff0000; border-bottom:1px solid #ff0000; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0;}
.plus_line{ border-top:3px solid #ff1d72; border-bottom:1px solid #ff1d72; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0;}
.order_line{ border-top:3px solid #9336a9; border-bottom:1px solid #9336a9; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0;}

.cus_table{margin-top:15px; border: 5px solid #e8e8e8;}
.cus_notice{margin: 5px 0 5px 0;}
.cus_notice td{ padding-left:13px;}

.visual{background-image: url(../sp_images/main/main_visu_bg.jpg);background-repeat: no-repeat;background-position: center top;width: 800px;height: 300px;z-index: 1;position: relative;}


/*±Û¾¾*****************************************************/

.link_12_ffa200 {text-decoration:none; color:#ffa200; font-family:µ¸¿ò; font-size:12px;}
a.link_12_ffa200:active{text-decoration:none; color:#ffa200; font-family:µ¸¿ò; font-size:12px;}
a.link_12_ffa200:visited{text-decoration:none; color:#ffa200; font-family:µ¸¿ò; font-size:12px;}
a.link_12_ffa200:link{text-decoration:none; color:#ffa200; font-family:µ¸¿ò; font-size:12px;}
a.link_12_ffa200:hover{text-decoration:none; color:#f47900; font-family:µ¸¿ò; font-size:12px;}

.font_14_ff6207 { color:#ff6207; font-family:µ¸¿ò; font-size:14px; font-weight:bold;}

/*Äü¸Þ´º*****************************************************/

.quick_line{ border:1px solid #dfdfdf;}
.quick_table{}
.quick_table td{ padding-top:1px;}

/*·¹ÇÁÆ® ¸Þ´º*****************************************************/

.m_category ul{ position:relative; z-index:100}
.m_category ul li{position:relative; z-index:100}
.m_category ul li .sm{position: absolute; left:192px; top:0; margin:-3 0 0 192px; width:170px; z-index:1000; display:none; border:3px solid #5d5d5d; white-space:nowrap; padding: 5px 0 5px 0; background-color:#FFFFFF;}
.m_category ul .sm li{ margin:0; color:#000;height:18px; padding:5px 10px 5px 10px}
.m_category ul .sm li a{ width:130px; display:block; }
.m_category ul .sm li a:link{color:#818181; text-decoration:none; font-size:11px; font-weight:normal; }
.m_category ul .sm li a:visited{color:#818181; text-decoration:none; font-size:11px;font-weight:normal}
.m_category ul .sm li a:hover{color: #000; text-decoration:none; font-size:11px;font-weight:normal}
.m_category ul .sm li a:active{color:#818181; text-decoration:none; font-size:11px;font-weight:normal}


/* ¼­ºê°øÅë */
.spage{position:relative;}

.slo{background:url(../sp_images/sp_include/slo_bg.jpg) 0 100% repeat-x;height:40px;color:#4a4a4a;font-size:16px;font-weight:bold;position:relative;text-align:left;}
.slo ul{position:absolute;right:0;top:17px;}
.slo ul li{float:left;margin-left:4px;font-size:12px;color:#9b9b9b;}
.slo ul li.place{color:#ff6207;}

.scategory{border:3px solid #dfdfdf;margin:15px 0 15px 0;padding:10px 24px;overflow:hidden;}
.scategory ul{}
.scategory ul li{float:left;color:#a1a1a1;font-weight:bold;text-align:center;background:url(../sp_images/sp_include/scategory_line.jpg) 100% 50% no-repeat;width:20%;}
.scategory ul li a{display:block;line-height:16px;}
.scategory ul li a.on{color:#FF6633;font-weight:bold;}
.scategory ul li.last{background:none;}

.scategory2{margin:15px 0 15px 0;overflow:hidden;}
.scategory2 ul{ padding:0 0 0 1px;}
.scategory2 ul li{float:left; width:14.23%; text-align:center;}
.scategory2 ul li a{display:block; border:1px solid #dfdfdf; margin:0 0 0 -1px;}

.t_box{border:1px solid #dedede;background:#f3f3f3;margin:15px 0;padding:6px;text-align:left;}
.t_box ul{background:#fff;padding:10px;}
.t_box ul li{line-height:20px;}
.t_box .t_in{padding:30px;background:#fff;overflow:hidden;text-align:center;}
 
/* product_list */
.total{text-align:left;vertical-align:top;border-bottom:1px solid #555;overflow:hidden;padding-bottom:10px;}
.total li{float:left;}
.total ul.left{width:30%;float:left;margin-top:10px;}
.total ul.right{width:auto;float:right;}
.total ul.left li.tt_num{font-weight:bold;color:#ff5d5d;margin-top:1px;}

.product_list dl{margin:0;padding:0;}
.product_list dl dd{margin:0;padding:0;border:1px solid #cfcfcf;width:100%;}

.product_view_box{border:4px solid #dddddd;padding:23px;height:360px;}
.product_view_box .left{float:left;width:330px;}
.product_view_box .left dl, .product_view_box .left dl dt, .product_view_box .left dl dd{margin:0;padding:0;}
.product_view_box .left dl dt{border:1px solid #dcdcdc;margin-bottom:11px;}
.product_view_box .left ul{width:100%;}
.product_view_box .left ul li{float:left;width:33.333%;}
.product_view_box .right{float:right;width:367px;}
.product_view_box .right table{margin:0;padding:0;border-collapse:collapse;border-spacing:0;width:100%}
.product_view_box .right table td{text-align:left;}
.product_view_box .right table thead tr{background:url(../sp_images/sp_board/pro_view_line02.jpg) 0 90% repeat-x;}
.product_view_box .right table thead td{font-size:16px;color:#ff6207;font-weight:bold;line-height:26px;padding-bottom:10px;}
.product_view_box .right table tbody tr{background:url(../sp_images/sp_board/pro_view_line.jpg) 0 100% repeat-x;}
.product_view_box .right table tbody td{font-size:12px;color:#b5b5b5;font-weight:bold;}
.product_view_box .right table tbody td.list{font-size:12px;color:#717171;font-weight:bold;line-height:30px;padding-left:10px;}
.product_view_box .right table tbody td span{color:#5d5d5d; font-size:17px;}
.product_view_box .right table tbody td .soldout{color:red;}
.product_view_box .right table tbody td .inquiry{color:#ff6207;}
.product_view_box .right table tfoot td{padding-top:15px;}
.product_view_box .right table tfoot td span{color:#ffa200;font-weight:bold;}
.product_view_box .right ul{margin:0;padding:0;margin-top:33px;}
.product_view_box .right ul li{float:left;margin:0 2px 0 0;padding:0;}
.product_view_box .right ul li.last{margin-right:0;}

.product_tab{margin:15px 0 0 0;padding:0;overflow:hidden;width:100%;background:url(../sp_images/product/tab_line.jpg) 0 0 repeat-x;}
.product_tab li{float:left}

.product_area{min-height:200px;text-align:left;margin:20px 0 60px 0;}

/* produect_review */
.star .on{color:#ffc105;}

/* cart */ 
.btn_area{ overflow:hidden; padding-top:10px}
.btn_area .btn_l{ float:left;}
.btn_area .btn_r{ float:right}
.btn_area input{ height:40px; margin:0 3px}

.quantity{ overflow:hidden}
.quantity .inp{ float:left}
.quantity .inp input{ vertical-align:middle;}
.quantity .btn{float:left}
.quantity .btn input{display:block; margin:0 0 1px 1px}
.quantity .link{float:left}
.quantity .link img, .quantity .link input{ vertical-align:middle; margin:0 3px}

/* order */
.page_mg{ margin-top:30px;text-align:left;margin-right:auto;}
.btn_mg{ margin:0 5px}
.form_pd{ padding-right:20px}
.law_box, .law_box2{scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#F9F9F9; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF;	scrollbar-highlight-color:#CCCCCC;scrollbar-shadow-color:#CCCCCC;background:#f4f4f4;overflow-y:scroll; padding:20px; border-top:1px solid #ccc;border-bottom:1px solid #cbcacd;}
.law_box{height:500px;}
.law_box2{height:100px;}

/* login */
.page_top{ background:url(../sp_images/inc/page_box_top.gif) no-repeat left top; height:5px}
.page_bt{ background:url(../sp_images/inc/page_box_bt.gif) no-repeat left top; height:5px}
.box_left, .box_right{width:340px;}
.login_box .tit{ background:#fff; width:100%}
.login_box .con{ background: url(../sp_images/member/login_box_bg.gif) repeat-y; border-top:1px solid #d3d3d3; border-bottom:1px solid #292233; width:100%; padding:20px 0}
.login_box .con .row{ margin-bottom:10px}
.login_box .con .row img{vertical-align:middle; margin-left:10px}
.login_box .con .row input{ vertical-align:middle;}
.login_box .con .row .btn_ok{ width:190px; height:30px; background:none; border:none; padding-left:100px}
.login_box2{clear:both;border-top:1px solid #dedede; border-bottom:1px solid #dedede; background:#fff; padding:10px 0 5px 0;margin-top:15px;*margin-top:0;}
.login_box2 span:first-child{ margin-right:42px}
.login_box2 .join_done{ background:url(../sp_images/member/join_done.jpg) no-repeat left top; margin:20px 0 0 50px; padding:155px 0 50px 0}
.btn_box{border-top:1px solid #dedede;padding-top:30px;margin-top:20px;}

/* pop_review */
.view_pop{padding-bottom:10px}
.view_pop .pop_tit{ background:#ffc105; padding-left:20px;}
.view_pop .pop_prod{ border:4px solid #ebebeb; overflow:hidden; width:88%; margin:10px auto 0 auto; padding:20px}
.view_pop .pop_prod .pop_img{ float:left; text-align:left; padding-right:10px; margin-right:20px; border-right:1px dashed #dddddd}
.view_pop .pop_prod .pop_img img{ width:80px;}
.view_pop .pop_prod .pop_tt{ float:left;}
.view_pop .pop_prod .pop_tt .tt1{ font-weight:bold; padding:20px 0 10px 0}
.view_pop .pop_prod .star{ letter-spacing:-1px; margin-right:25px}
.view_pop .pop_prod .star input{ vertical-align:middle}

/* */
.text_st1{ width:18%; background:#ffa200; color:#fff; padding:10px 0 5px 2%; font-weight:bold; font-size:12px; letter-spacing:-1px; font-family:"±¼¸²"; vertical-align:bottom}
.text_st2{ text-align:right; padding:10px;  background:#f9f9f9; border-bottom:1px solid #cbcacd; color:#666; font-weight:bold; letter-spacing:-1px}
.text_st3{ text-align:right; color:#b32ce2; padding:0 10px; vertical-align:bottom}
.text_st4{ font-weight:bold; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:21px; letter-spacing:-1px}

.input_st1{ border:1px solid #cbc5d3; background:#fff; padding:5px;width:178px; height:15px;font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#4b3d5f}
.input_st2{ border:1px solid #cbc5d3; padding:3px 5px;font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#4b3d5f}
.input_st3{ border:1px solid #e6e6e6; padding:3px 5px;font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#4b3d5f}
.input_st4{ border:1px solid #dddddd; padding:1px 5px;font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000}
.input_va{ vertical-align: sub; *vertical-align:text-bottom}
.input_btn_type01{width:97px;height:69px;border:1px solid #d95000;background:url(../sp_images/btn/input_btn_type01.jpg) 0 0 repeat-x;;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;}

/* È®´ëº¸±â */
.img_btn{ width:452px; margin-left:20px; margin-bottom:30px}
.img_btn .img_zoom{height:75px; padding-top:15px; background:#494949; overflow:hidden }
.img_btn .img_zoom .zoom_tt{ float:left; margin:0 5px 0 35px}
.img_btn .img_zoom .zoom_tt .zoom_btn{ margin-top:7px; cursor:pointer}
.img_btn .img_zoom .zoom_prod{ float:left; overflow:hidden; padding-left:12px}
.img_btn .img_zoom .zoom_prod p{ float:left; margin-left:15px; width:60px; border:2px solid #fff; cursor:pointer}
.img_btn .img_zoom .zoom_prod p:hover{border:2px solid #b967d6}
.img_btn .img_zoom .zoom_prod p img{ width:60px}

/*tab*/
.con_idx > .idx{ display:none;}
.tab_idx{ overflow:hidden; width:588px; border-left:1px solid #ccc;}
.tab_idx > li{ float:left; width:24.8%; height:60px;}
.tab_idx > li > a{ border:1px solid #ccc; border-left:0; padding:0 0 0 54px; font-size:14px; font-family:notokrM, sans-serif; color:#444; line-height:18px; display:block; height:58px;}
.tab_idx > li.tab1 > a{ background:url(../sp_images/mastart/icon_bag1.jpg) no-repeat 10px center #fff; transition:0.3s;}
.tab_idx > li.tab1:hover > a{ background:url(../sp_images/mastart/icon_bag1_on.jpg) no-repeat 10px center #f4f4f4; transition:0.3s;}
.tab_idx > li.tab2 > a{ background:url(../sp_images/mastart/icon_bag2.jpg) no-repeat 15px center #fff; transition:0.3s;}
.tab_idx > li.tab2:hover > a{ background:url(../sp_images/mastart/icon_bag2_on.jpg) no-repeat 15px center #f4f4f4; transition:0.3s;}
.tab_idx > li.tab3 > a{ background:url(../sp_images/mastart/icon_bag3.jpg) no-repeat 10px center #fff; transition:0.3s;}
.tab_idx > li.tab3:hover > a{ background:url(../sp_images/mastart/icon_bag3_on.jpg) no-repeat 10px center #f4f4f4; transition:0.3s;}
.tab_idx > li.tab4 > a{ background:url(../sp_images/mastart/icon_bag4.jpg) no-repeat 13px center #fff; transition:0.3s;}
.tab_idx > li.tab4:hover > a{ background:url(../sp_images/mastart/icon_bag4_on.jpg) no-repeat 13px center #f4f4f4; transition:0.3s;}

.tab_idx > li.tab1.on > a{ background:url(../sp_images/mastart/icon_bag1_on.jpg) no-repeat 10px center #f4f4f4; transition:0.3s;}
.tab_idx > li.tab2.on > a{ background:url(../sp_images/mastart/icon_bag2_on.jpg) no-repeat 15px center #f4f4f4; transition:0.3s;}
.tab_idx > li.tab3.on > a{ background:url(../sp_images/mastart/icon_bag3_on.jpg) no-repeat 10px center #f4f4f4; transition:0.3s;}
.tab_idx > li.tab4.on > a{ background:url(../sp_images/mastart/icon_bag4_on.jpg) no-repeat 13px center #f4f4f4; transition:0.3s;}
.detail_wrap{ padding:15px 0 0 0;}