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

#header .home_wrap{ background:#f3f3f3; border-bottom:1px solid #ddd; position:relative; z-index:inherit}
#header .home_wrap .ment{ position:absolute; z-index:inherit; left:0; top:0; width:100%; text-align:center; line-height:20px; padding-top:3px; font-size:.92em; color:#996600}
#header .home_wrap .bookmark{ float:left; display:block; position:relative; z-index:inherit; color:#333; line-height:20px; padding-top:3px}
#header .home_wrap .bookmark:hover{ color:#FF3300}
#header .home_wrap .menu{ float:right; position:relative; z-index:inherit; overflow:hidden}
#header .home_wrap .menu > li{ float:left}
#header .home_wrap .menu > li > a{ display:block; color:#555; margin-left:20px; font-size:.92em; line-height:20px; padding-top:3px}
#header .home_wrap .menu > li > a:hover{ color:#FF3300}

#header .logo_wrap .box1{ position:relative; z-index:inherit}
#header .logo_wrap .logo{ float:left; position:relative; z-index:1; max-width:25%}
#header .logo_wrap .logo .va_wrap{ height:78px; display:block}

#header .logo_wrap .login{ float:right; position:relative; z-index:1; margin-top:15px}
#header .logo_wrap .login .inp_wrap *{ vertical-align:middle}
#header .logo_wrap .login .inp_wrap .inp{ border:1px solid #ccc; width:90px; line-height:18px; height:18px; font-size:.92em; color:#999; padding:4px 5px 0 5px}
#header .logo_wrap .login .login_btn{ border:1px solid #ccc; line-height:18px; padding:4px 5px 0 5px; font-weight:600; font-size:.92em;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 ); /* IE6-9 */
}
#header .logo_wrap .login .link_wrap{ margin-top:5px; overflow:hidden}
#header .logo_wrap .login .link_wrap > li{ float:left; background:url(../images/top/kind_line.jpg) no-repeat left center; margin-left:10px; padding-left:10px; padding-top:4px}
#header .logo_wrap .login .link_wrap > li:first-child{ background:none; margin-left:0; padding-left:0}

#header .logo_wrap .login .name{ color:#333; text-align:right}

#header .logo_wrap .search{ position:absolute; z-index:inherit; width:auto; right:300px; top:10px; max-width:768x}
#header .logo_wrap .search .inp_wrap{ float:left; }
#header .logo_wrap .search .btn_wrap{ float:left; }
#header .logo_wrap .search .inp{ width:280px; min-width:100%; border:6px solid #2db400; line-height:28px; height:28px; font-size:1.25em; padding-left:10px; border-radius:2px 0 0 2px}
#header .logo_wrap .search .btn{ width:50px; min-width:100%; border:1px solid #3ba213; background:#2db400; height:40px; font-weight:600; color:#fff; margin-left:-4px; font-family:notokrM, sans-serif; font-size:1.05em; border-radius:0 2px 2px 0; box-shadow:1px 1px 1px #5edf34 inset; text-shadow:1px 1px 1px #999}

#header .logo_wrap .search .notice{ overflow:hidden; margin-top:5px}
#header .logo_wrap .search .notice .tit{ float:left; font-size:.92em; background:#999; color:#fff; padding:4px 4px 0 4px; border-radius:2px}
#header .logo_wrap .search .notice .tt{ float:left; font-size:.92em; color:#999; padding:4px 4px 0 4px; width:300px; max-width:80%}

#header .topmenu_wrap{ border-bottom:1px solid #239208; border-top:1px solid #58c43a;
background: #39b91a; /* Old browsers */
background: -moz-linear-gradient(top,  #39b91a 0%, #2aa50f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #39b91a 0%,#2aa50f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #39b91a 0%,#2aa50f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39b91a', endColorstr='#2aa50f',GradientType=0 ); /* IE6-9 */
}
#header .topmenu_wrap .topmenu{background:url(../images/new/topmenu_sec.gif) no-repeat right center; overflow:hidden}
#header .topmenu_wrap .topmenu > li{ float:left; width:12.5%; background:url(../images/new/topmenu_sec.gif) no-repeat left center}
#header .topmenu_wrap .topmenu > li > a{ display:block; height:40px; text-align:center; font-family:notokrM, sans-serif; font-size:1.15em; text-shadow:1px 1px 1px #999; color:#fff;}
#header .topmenu_wrap .topmenu > li:hover > a,
#header .topmenu_wrap .topmenu > li.on > a{ background-image:url(../images/new/topmenu_on.png); background-repeat: no-repeat; background-position: center bottom; color:#feee02}
#header .topmenu_wrap .topmenu > li.m_iprint > a{ background-color:#fff; color:#2ca811; text-shadow:none; font-family:notokrB, sans-serif;}

#footer{ margin-top:40px}
#footer .customer{ border:3px solid #999; background:#f8f6f6; padding:20px;}
#footer .customer .con_wrap{ float:left; width:50%; overflow:hidden; margin-top:-2px}
#footer .customer .con_wrap .sec{ float:left; width:50%;}
#footer .customer .cs_tit{ overflow:hidden; margin-right:30px}
#footer .customer .cs_tit .tit{ float:left; font-family:notokrM, sans-serif; font-size:1.05em; color:#111}
#footer .customer .cs_tit .tit2{ float:left; font-family:notokrM, sans-serif; font-size:1em; color:#666; margin:2px 0 0 10px}
#footer .customer .cs_tit .more_st{ float:right; margin-top:5px}
#footer .customer .cs_con{ margin-top:10px; margin-right:30px}

#footer .customer .con_wrap .board .tt{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:.98em; color:#777; margin-top:5px}
#footer .customer .con_wrap .board .tt:first-child{ margin-top:20px}
#footer .customer .con_wrap .board .nocon{ font-size:.98em; color:#777; margin-top:5px; text-align:center; padding:25px 0}

#footer .customer .con_wrap .cs{ border-top:1px dotted #999; margin-top:15px; padding-top:15px}
#footer .customer .con_wrap .cs .tel{ background:url(../images/new/cs_tel.png) no-repeat right top; background-size:50px auto}
#footer .customer .con_wrap .cs .tel .tt{ font-family: Tahoma, Arial, Helvetica, sans-serif;}
#footer .customer .con_wrap .cs .tel .t1{ font-size:1.55em; font-weight:600; letter-spacing:-1px; color: #CC0000;}
#footer .customer .con_wrap .cs .tel .t2{ font-size:1.25em; color: #CC0000; margin-top:5px}
#footer .customer .con_wrap .cs .tel .t3{ font-size:1em; color: #111; margin-top:10px}
#footer .customer .con_wrap .cs .tel .t4{ font-size:1.55em; font-weight:600; letter-spacing:-1px; color: #333; padding-bottom:3px; border-bottom:1px solid #333; line-height:1; cursor:pointer}
#footer .customer .con_wrap .cs .tel .t4:hover{ color:#298214; border-bottom-color:#298214}

#footer .customer .con_wrap .cs .bank > li{ overflow:hidden; margin-top:2px}
#footer .customer .con_wrap .cs .bank > li:first-child{ margin-top:0}
#footer .customer .con_wrap .cs .bank .tit{ float:left; width:60px; font-family:notokrM, sans-serif; color:#333; font-size:1.05em}
#footer .customer .con_wrap .cs .bank .no{ float:left; font-family:notokrM, sans-serif; color:#666; font-size:1.05em}

#footer .customer .quick_wrap{ float:left; width:30%;}
#footer .customer .quick_wrap .quick{ margin-left:30px}
#footer .customer .quick_wrap .quick .list{ overflow:hidden; margin:-10px 0 0 -10px}
#footer .customer .quick_wrap .quick .list > li{ float:left; width:33.33%}
#footer .customer .quick_wrap .quick .list > li > a{ display:block; margin:10px 0 0 10px; background-color:#8ebfc8; border-radius:10px; padding-top:40px; background-size:auto 30px; background-repeat:no-repeat; background-position:center 8px; filter:alpha(opacity=80);opacity:0.8;}
#footer .customer .quick_wrap .quick .list > li > a:hover{filter:alpha(opacity=100);opacity:1;}
#footer .customer .quick_wrap .quick .list > li > a .tt{ display:block; text-align:center; font-size:.92em; color:#fff; font-family:notokrM, sans-serif; padding-bottom:5px; letter-spacing:-1px}
#footer .customer .quick_wrap .quick .list > li.m1 > a{ background-image:url(../images/new/cs_quick_icon1.png)}
#footer .customer .quick_wrap .quick .list > li.m2 > a{ background-image:url(../images/new/cs_quick_icon2.png)}
#footer .customer .quick_wrap .quick .list > li.m3 > a{ background-image:url(../images/new/cs_quick_icon3.png)}
#footer .customer .quick_wrap .quick .list > li.m4 > a{ background-image:url(../images/new/cs_quick_icon4.png)}
#footer .customer .quick_wrap .quick .list > li.m5 > a{ background-image:url(../images/new/cs_quick_icon5.png)}
#footer .customer .quick_wrap .quick .list > li.m6 > a{ background-image:url(../images/new/cs_quick_icon6.png)}
#footer .customer .quick_wrap .quick .list > li.m7 > a{ background-image:url(../images/new/cs_quick_icon7.png)}
#footer .customer .quick_wrap .quick .list > li.m8 > a{ background-image:url(../images/new/cs_quick_icon8.png)}
#footer .customer .quick_wrap .quick .list > li.m9 > a{ background-image:url(../images/new/cs_quick_icon9.png)}

#footer .customer .escrow_wrap{ float:left; width:20%;}
#footer .customer .escrow_wrap .escrow .tt{ font-family:notokrR, sans-serif; font-size:.88em; color:#999; letter-spacing:-1px; line-height:1.3}
#footer .customer .escrow_wrap .escrow .btn{ font-family:notokrR, sans-serif; font-size:.88em; color:#999; letter-spacing:-1px; border:1px solid #ddd; margin:10px 0 20px 0; display:inline-block; *display:inline; zoom:1; padding:2px 5px}

#footer .menu_wrap{ background:#f8f6f7; border:1px solid #dddddd; border-left:none; border-right:none; margin-top:50px}
#footer .menu_wrap .menu{ overflow:hidden}
#footer .menu_wrap .menu > li{ float:left}
#footer .menu_wrap .menu > li > a{ display:block; margin:10px 20px 6px 20px; font-size:.92em; color:#333}
#footer .menu_wrap .menu > li > a:hover{ color:#FF0000}
#footer .menu_wrap .menu > li:first-child > a{ margin-left:0}

#footer .info_wrap{ padding:30px 0}
#footer .info_wrap .logo{ float:left; width:20%}
#footer .info_wrap .info{ float:left; width:80%}
#footer .info_wrap .info > *{display:inline-block; *display:inline; zoom:1; margin-right:15px; font-family:notokrM, sans-serif; color:#888; font-size:1.05em}
#footer .info_wrap .info > * a{ color:#888}
#footer .info_wrap .info .copyright{ color:#bbb; display:block; margin-top:5px; font-size:.92em}
#footer .info_wrap .info .copyright .btn{ display:inline-block; *display:inline; zoom:1; padding:1px 5px; border:1px solid #ddd; color:#333; font-size:.85em; margin-left:10px}

/**/
.main_slider{ margin-top:10px; position:relative; z-index:inherit; height:200px; padding-bottom:25px; overflow:hidden}
.main_slider .flex-viewport{ margin-bottom:5px; overflow:hidden; }
.main_slider .flex-control-paging{ position:absolute; z-index:inherit; left:0; bottom:0}
.main_slider .flex-control-paging > li{ display:inline-block; *display:inline; zoom:1; margin-right:3px;}
.main_slider .flex-control-paging > li > a{ display:block; width:20px; height:15px; line-height:16px; border:1px solid #aaa; border-radius:2px; font-family:Arial, sans-serif; text-align:center; color:#666}
.main_slider .flex-control-paging > li > a.flex-active{ background:#62b618; color:#fff; border-color:#62b618}
.main_slider .flex-direction-nav{ position:absolute; z-index:inherit; right:0; bottom:0}
.main_slider .flex-direction-nav > li{ display:inline-block; *display:inline; zoom:1; margin-left:3px;}
.main_slider .flex-direction-nav > li > a{ display:block; width:20px; height:15px; border:1px solid #aaa; border-radius:2px; font-family:Arial, sans-serif; text-align:center; color:#666; background-position:center; background-repeat:no-repeat; background-color:#fff}
.main_slider .flex-direction-nav > li > a.flex-prev{ background-image:url(../images/new/main_slider_prev.png)}
.main_slider .flex-direction-nav > li > a.flex-next{ background-image:url(../images/new/main_slider_next.png)}
.main_slider .flex-direction-nav > li > a:hover{ background-color:#eee}

.main_banner_iprint{ margin-top:20px}

.main_prod_wrap{ margin-top:20px;}
.main_prod_wrap .main_prod_tit{ overflow:hidden}
.main_prod_wrap .main_prod_tit .tit{ float:left; max-width:60%}
.main_prod_wrap .main_prod_tit .tit span{ font-family:notokrM, sans-serif; font-size:1.4em; color:#333}
.main_prod_wrap .main_prod_tit .tit span.point{ color:#0099ff}
.main_prod_wrap .main_prod_tit .more_st{ float:right; margin-top:8px}
.main_prod_wrap .main_prod_tit .more_st:hover{ text-decoration:underline; color:#0099ff}
.main_prod_wrap .main_prod_con{ border:1px solid #ddd; border-top:2px solid #0099cc; padding:20px}
.main_prod_wrap .main_prod_con .nocon{ text-align:center; padding:50px 0; text-align:center; color:#666; width:100%}

.main_prod_wrap2{}
.main_prod_wrap2 .main_prod_tit{ overflow:hidden}
.main_prod_wrap2 .main_prod_tit .tit{ float:left; background:#028097; width:180px; max-width:60%; text-align:center; padding:5px 0 0 0; border-radius:10px 10px 0 0; font-family:notokrM, sans-serif; font-size:1.4em; color:#fff;}
.main_prod_wrap2 .main_prod_tit .more_st{ float:right; display:block; margin-top:12px}
.main_prod_wrap2 .main_prod_con{ border:3px solid #028097; padding:20px; background:#f5f5f5; min-height:400px}
.main_prod_wrap2 .main_prod_con .tit_img{ margin-bottom:10px}
.main_prod_wrap2 .main_prod_con .nocon{ text-align:center; padding:50px 0; text-align:center; color:#666; width:100%}

.more_st{font-size:.85em;}
.more_st:hover{ text-decoration:underline; color:#0099ff}

.main_prod_sec{ margin-left:-2%; margin-top:20px}
.main_prod_sec .main_prod_wrap2{ float:left; width:48%; margin:20px 0 0 2%}

.prod_list{ overflow:hidden; margin:-10px 0 0 -10px}
.prod_list.sec1{ margin:-25px 0 0 -25px}
.prod_list.sec2{ margin:0 0 0 -10px}
.prod_list.sec3{ margin:-30px 0 0 -30px}
.prod_list > li > *{margin:10px 0 0 10px}
.prod_list.sec1 > li > *{margin:25px 0 0 25px}
.prod_list.sec2 > li > *{margin:20px 0 0 10px}
.prod_list.sec3 > li > *{margin:25px 0 0 25px}
.prod_list.sec1 > li{ float:left; width:25%}
.prod_list.sec1 > li:nth-child(4n+1){ clear:left}
.prod_list.sec2 > li{ float:left; width:50%}
.prod_list.sec3 > li{ float:left; width:16.66%}
.prod_list .prod{ overflow:hidden; padding-bottom:5px}
.prod_list .prod .img_area{ float:left; width:45%; border:1px solid #333; box-shadow:2px 2px 3px #888}
.prod_list .prod .img_area img{ width:100%;}
.prod_list .prod .con_area{ float:left; width:51%; margin-left:3%}
.prod_list .prod .con_area .prod_tit{ font-size:.92em; font-weight:600; color:#333; padding:5px 0; display:block; line-height:1.2}
.prod_list .prod .con_area .prod_tit:hover{ color:#FF3300}
.prod_list .prod .con_area .prod_name{ font-size:.92em; color:#333; line-height:1; margin-top:5px}
.prod_list .prod .con_area .price{ padding-top:10px}
.prod_list .prod .con_area .price .t1{ font-size:.92em; color:#333}
.prod_list .prod .con_area .price .t2{ font-size:.92em; color:#f94b06; font-weight:600}
.prod_list .prod .con_area .price .arrow{ font-size:.92em; color:#f94b06; font-weight:600}

.prod_list .prod2 .img_area{border:1px solid #333; box-shadow:2px 2px 3px #888}
.prod_list .prod2 .img_area img{ width:100%}
.prod_list .prod2 .con_area{ margin-top:10px}
.prod_list .prod2 .con_area .prod_tit{ font-size:.92em; font-weight:600; color:#333; display:block; line-height:1.2}
.prod_list .prod2 .con_area .prod_tit:hover{ color:#FF3300}
.prod_list .prod2 .con_area .price{ padding-top:5px }
.prod_list .prod2 .con_area .price .t1{ font-size:.92em; color:#666; text-decoration:line-through}
.prod_list .prod2 .con_area .price .t2{ font-size:.92em; color:#f94b06; display:block}

/**/
.sub_wrap{margin-top:10px}
.sub_wrap .lnb_wrap{ float:left; width:190px;}
.sub_wrap .con_wrap{ float:right; width:770px; padding-top:10px}

.sub_wrap .lnb_wrap .lnb{ background:#118cae; padding:10px 4px 4px 4px; border-radius:10px}
.sub_wrap .lnb_wrap .lnb .lnb_tit{ background: url(../images/new/lnb_tit_icon.png) no-repeat left center; height:35px}
.sub_wrap .lnb_wrap .lnb .lnb_tit .va_tt{ font-family:notokrB, sans-serif; color:#fff; font-size:.92em; letter-spacing:-1px; padding-left:55px}
.sub_wrap .lnb_wrap .lnb .menu{ background:#fff; border-radius:10px; padding:15px}
.sub_wrap .lnb_wrap .lnb .menu > li{ margin-top:8px; position:relative; z-index:inherit}
.sub_wrap .lnb_wrap .lnb .menu > li:first-child{ margin-top:0}
.sub_wrap .lnb_wrap .lnb .menu > li .dp1{ color:#666; display:block}
.sub_wrap .lnb_wrap .lnb .menu > li .dp2{position:absolute; z-index:inherit; left:100%; top:0; width:170px; border:2px solid #0d9e0d; padding:10px; background:#fff; display:none}
.sub_wrap .lnb_wrap .lnb .menu > li .dp2 > li{ margin-top:5px}
.sub_wrap .lnb_wrap .lnb .menu > li .dp2 > li:first-child{ margin-top:0}
.sub_wrap .lnb_wrap .lnb .menu > li .dp2 > li > a{ display:block; color:#666}
.sub_wrap .lnb_wrap .lnb .menu > li .dp2 > li > a:hover{ color:#0d9e0d}
.sub_wrap .lnb_wrap .lnb .menu > li:hover .dp1{ color: #FF0000}
.sub_wrap .lnb_wrap .lnb .menu > li:hover .dp2{ display:block;}

.sub_wrap .lnb_wrap .lnb_banner{}
.sub_wrap .lnb_wrap .lnb_banner .cs{ border:1px solid #ccc; border-radius:0 0 5px 5px; border-top:3px solid #0061aa; padding:10px; margin-top:30px}
.sub_wrap .lnb_wrap .lnb_banner .cs .cs_tit{ text-align:center}
.sub_wrap .lnb_wrap .lnb_banner .cs .cs_tit .tt{ font-family:Arial, Helvetica, sans-serif; font-size:1.25em; color:#111; margin-bottom:5px; display:block}
.sub_wrap .lnb_wrap .lnb_banner .cs .cs_tit .icon{ width:60px; height:60px; margin:0 auto; display:block; border-radius:60px; background:url(../images/new/lm_cs.png) no-repeat center center #0061aa;}
.sub_wrap .lnb_wrap .lnb_banner .cs .cs_tt{ margin-top:5px}
.sub_wrap .lnb_wrap .lnb_banner .cs .cs_tt .tit{ font-family:Arial, Helvetica, sans-serif; font-size:.92em; color:#333}
.sub_wrap .lnb_wrap .lnb_banner .cs .cs_tt .tt{ font-family:Arial, Helvetica, sans-serif; color:#333}
.sub_wrap .lnb_wrap .lnb_banner .cs .cs_tt .tt.t1{ font-size:2em; font-weight:600; letter-spacing:-1px}
.sub_wrap .lnb_wrap .lnb_banner .cs .cs_tt .tt.t2{ font-size:1.5em}
.sub_wrap .lnb_wrap .lnb_banner .cs .cs_tt .tt.t3{ font-size:1.4em; letter-spacing:-1px; font-weight:600}

.sub_wrap .lnb_wrap .lnb_banner .iprint{ overflow:hidden; margin-top:15px}
.sub_wrap .lnb_wrap .lnb_banner .iprint > li{ float:left; width:50%}
.sub_wrap .lnb_wrap .lnb_banner .iprint > li > a{ display:block; font-family:notokrM, sans-serif; font-size:1em; color:#fff; text-align:center; padding:50px 5px 10px 5px; background-size:auto 30px; background-position: center 10px; background-repeat:no-repeat;}
.sub_wrap .lnb_wrap .lnb_banner .iprint > li.m1 > a{ background-image:url(../images/new/iprint_icon1.png); background-color:#368a26; border-radius:5px 0 0 5px}
.sub_wrap .lnb_wrap .lnb_banner .iprint > li.m2 > a{ background-image:url(../images/new/iprint_icon3.png); background-color:#83aa19; border-radius:0 5px 5px 0}

.sub_wrap .lnb_wrap .lnb_banner .qr{ overflow:hidden; margin-top:15px}
.sub_wrap .lnb_wrap .lnb_banner .qr .tit_area{ float:left}
.sub_wrap .lnb_wrap .lnb_banner .qr .t1{ font-family:notokrM, sans-serif; font-size:1.4em; color:#aaa; letter-spacing:-1px; line-height:1; margin-top:3px}
.sub_wrap .lnb_wrap .lnb_banner .qr .t2{ font-family:notokrM, sans-serif; font-size:.92em; color:#333; letter-spacing:-1px; line-height:1.2; margin-top:10px}
.sub_wrap .lnb_wrap .lnb_banner .qr .qr_img{ float:right; border:2px solid #ffa200}

/**/
.page_tit{ font-size:2em; font-family:notokrM, sans-serif; color:#111; border-left:5px solid #3276b7; line-height:1; padding-left:5px; letter-spacing:-1px}
.page_tit2{ font-size:1.4em; font-family:notokrM, sans-serif; color:#666; border-left:5px solid #329bcb; line-height:1; padding-left:5px; letter-spacing:-1px;}
.page_tit3{ font-size:1.3em; font-family:notokrM, sans-serif; color:#111; background-image:url(../images/product_list/cycle.jpg); background-repeat: no-repeat; background-position: left 6px; padding-left:15px}
.page_tit3.size2{ font-size:1.2em; background-position: left center; }
.page_tit4{ font-size:2.25em; letter-spacing:-1px; font-family:notokrM, sans-serif; color:#111; color:#990000}

.nav_wrap{margin-top:20px; overflow:hidden}
.nav_wrap:first-child{margin-top:0; margin-bottom:10px}
.nav_wrap h3{ float:left;}
.nav_wrap .nav_st{ float:right;}

.nav_st{ font-size:.92em; color:#777; margin-top:5px}
.nav_st:first-child{ margin-top:0}

.step_wrap{ overflow:hidden; margin-bottom:10px}
.step_wrap h3{float:left;}
.step_wrap .step_st{float:right;}

.sub_page_tit > h3{ float:left}
.sub_page_tit > .nav_st{ float:right}

.list_cate_wrap{ border-radius:5px; border:2px solid #118cae; padding:5px 20px 15px 20px; overflow:hidden; margin-top:10px}
.list_cate_wrap > li{ float:left; width:25%}
.list_cate_wrap > li > a{ display:block; color:#999; margin:10px 0 0 0; background-image:url(../images/product_list/jum.jpg); background-repeat: no-repeat; background-position: left top; padding-left:12px}

.sub_list_tit{ margin-top:20px}
.sub_list_tit .page_tit3{ float:left}
.sub_list_tit .sel_wrap{ float:right}
.sub_list_tit .sel_wrap * { vertical-align:middle}

.sub_list_prod{}
.sub_list_prod .img_area{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:79px; border:1px solid #333; box-shadow:2px 2px 3px #888}
.sub_list_prod .img_area > a{ display:block}
.sub_list_prod .con_area{display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:300px; padding-left:10px}
.sub_list_prod .con_area .prod_tit{ display:block; font-weight:600; color:#666; margin-bottom:10px}
.sub_list_prod .con_area .prod_tt{ font-size:.92em; color:#666}
.sub_list_prod .con_area .prod_tt2{ margin-top:10px; color:#990000}

.sub_list_price > li{ margin-top:2px}
.sub_list_price > li:first-child{ margin-top:0}
.sub_list_price .t1{ color:#666}
.sub_list_price .t2{ color:#990000; font-weight:600}
.sub_list_price .arrow{ color:#990000; font-weight:600}

.sub_list_nocon{ text-align:center; padding:50px 0 !important}

.sub_list_btn > li{ margin-top:2px}
.sub_list_btn > li:first-child{ margin-top:0}

.sub_view_top{ margin-top:10px}
.sub_view_top .img_area{ float:left; width:350px; }
.sub_view_top .con_area{ float:right; width:390px}

.sub_view_top .img_area .img_big{ border:1px solid #ddd; padding:10px}
.sub_view_top .img_area .img_big .img{ height:350px; text-align:center}
.sub_view_top .img_area .img_big .img img{ border:1px solid #333}
.sub_view_top .img_area .img_btn{ text-align:center; margin-top:10px}
.sub_view_top .img_area .img_btn > li{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

.sub_view_top .con_area .prod_tit{ font-family:notokrR, sans-serif; color:#666; font-size:2em; border-bottom:1px solid #ddd; line-height:1; padding-bottom:10px; margin-bottom:10px}

.prodview_price{ color:#990000 !important}
.vol_st{}
.vol_st > li{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.vol_st .inp{ width:25px; text-align:right; border:1px solid #ccc; padding-right:5px}
.vol_st .btn{ width:10px; height:7px; display:block; border:none; background-repeat:no-repeat; background-position:center center; margin:2px 0}
.vol_st .btn.up{ background-image:url(../images/product_view/top.jpg)}
.vol_st .btn.down{ background-image:url(../images/product_view/bottom.jpg)}

.sub_view_top .view_btn_wrap{ margin-top:10px; overflow:hidden; margin-left:-5px}
.sub_view_top .view_btn_wrap > li{ float:left; margin-left:5px}

.cart_total_inp{ border:none; text-align:right; width:65px;}
.cart_total{ font-size:1.3em !important; font-family:notokrM, sans-serif; color:#333 !important; letter-spacing:-1px}
.cart_total .total{ color:#990000; line-height:1; border:none; text-align:right; background:none; font-weight:600}

.join_step_img{ margin:20px 0}

.agree_box{ margin-top:20px}
.agree_box .con{ border:1px solid #ddd; height:200px; overflow-y:scroll; padding:15px; color:#777; margin-top:5px}
.agree_box .con.st2{ height:auto; overflow-y:visible}
.agree_box .con > p{ margin:15px 0}
.agree_box .agree{ text-align:right; padding:10px 0; border-bottom:1px solid #ddd}

.login_img{ text-align:center; margin:50px 0 30px 0}
.login_img img{ max-width:70%}

.login_box{ border:1px solid #ddd; padding:40px 0; text-align:center}
.login_box .login_wrap{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 80px; border-right:1px solid #eee}
.login_box .link_wrap{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 30px;}
.login_box .search_wrap{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 80px;}
.login_box .nomem_wrap{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 30px; border-left:1px solid #ddd}
.login_box .nomem_wrap:first-child{ border-left:none}

.login_box .login_tit{ background-image:url(../images/new/login_tit_icon.gif); background-repeat: no-repeat; background-position: left center; padding-left:20px; font-size:2em; font-family:notokrR, sans-serif; color:#666; letter-spacing:-1px; text-align:left}
.login_box .login_tit strong{ font-family:notokrB, sans-serif;}
.login_box .login_tt{ font-size:.92em; font-family:notokrB, sans-serif; color:#999;text-align:left}
.login_box .login{ position:relative; z-index:inherit; padding-right:100px; margin-top:30px; text-align:left}
.login_box .login .inp_wrap{ margin-top:5px}
.login_box .login .inp_wrap:first-child{ margin-top:0}
.login_box .login .inp_wrap .tit{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1em; font-family:notokrB, sans-serif; color:#888; letter-spacing:-1px; width:55px}
.login_box .login .inp_wrap .inp{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ccc; width:150px; padding:0 2px; line-height:25px; height:25px; font-family:Arial, Helvetica, sans-serif; font-size:1.25em;}
.login_box .login .inp_wrap .inp.size1{ width:400px}
.login_box .login .inp_wrap .inp.size2{ width:32px}
.login_box .login .inp_wrap .sel{ border:1px solid #ccc; line-height:27px; height:27px; vertical-align:top}
.login_box .login .btn_wrap{ position:absolute; z-index:inherit; right:0; top:0; height:100%; width:95px;}
.login_box .login .btn_wrap .btn{ width:100%; height:100%}

.login_box .link_wrap{ text-align:left}
.login_box .link_wrap .link{ margin-top:20px}
.login_box .link_wrap .link .btn{ margin-top:5px}

.login_box .link_wrap2{ text-align:left; border-top:1px solid #ddd; margin-top:20px; padding-top:20px}
.login_box .link_wrap2 li{ background-repeat:no-repeat; background-position:left center; padding-left:40px;}
.login_box .link_wrap2 li.join{ background-image:url(../images/new/login_link_join.gif);}
.login_box .link_wrap2 li.find{ background-image:url(../images/new/login_link_find.gif);}
.login_box .link_wrap2 li.nomem{ background-image:url(../images/new/login_link_nomem.gif);}
.login_box .link_wrap2 li .tt{ font-family:notokrM, sans-serif; font-size:.96em; color:#666; line-height:1.5; padding:10px 0; display:inline-block; *display:inline; zoom:1;}
.login_box .link_wrap2 li .btn{ background:#f1f1f1; border:1px solid #ddd; font-family:notokrM, sans-serif; font-size:.92em; padding:2px 5px; color:#666}

.order_tit{ font-family:notokrM, sans-serif; font-size:1.75em; letter-spacing:-1px; margin-top:20px}
.order_tit .t1{ color:#931c1e}
.order_tit .t2{ color:#333}

.sub_menu_guide{ margin-top:20px}
.sub_menu_guide .dp1{ margin-top:50px}
.sub_menu_guide .dp1:first-child{ margin-top:0}
.sub_menu_guide .dp2{ margin-top:20px}
.sub_menu_guide .dp3{ border:3px solid #118cae; border-radius:10px; padding:10px 20px; margin-top:5px; overflow:hidden;}
.sub_menu_guide .dp3 .link{float: left; width:25%;}
.sub_menu_guide .dp3 .link > a{ display:block;  background:url(../images/new/login_tit_icon.gif) no-repeat left top; padding-left:20px; padding-top:2px; margin:1px 0}

.sub_iprint{ }
.sub_iprint .iprint_top_wrap{ margin:30px 0 0 0; position:relative; z-index:inherit; min-height:100px}
.sub_iprint .iprint_top_wrap .iprint_tit{ font-family:notokrM, sans-serif; font-size:2.75em; color:#222; background-repeat:no-repeat; background-position:left center; line-height:50px; letter-spacing:-1px}
.sub_iprint .iprint_top_wrap .tab{ overflow:hidden; border-bottom:1px solid #448459; margin-top:20px}
.sub_iprint .iprint_top_wrap .tab > li{ float:left; width:130px;}
.sub_iprint .iprint_top_wrap .tab > li > a{ display:block; height:40px; border:1px solid #448459; border-bottom:none; color:#448459; font-family:notokrM, sans-serif; text-align:center; font-size:1.25em}
.sub_iprint .iprint_top_wrap .tab > li.on > a{ background:#448459; color:#fff}

.sub_iprint .iprint_top_wrap .iprint_type{ position:absolute; z-index:inherit; right:0; top:0; overflow:hidden}
.sub_iprint .iprint_top_wrap .iprint_type > li{ float:left; margin-left:20px; filter:alpha(opacity=50);opacity:0.5;}
.sub_iprint .iprint_top_wrap .iprint_type > li:first-child{ margin-left:0}
.sub_iprint .iprint_top_wrap .iprint_type > li > a{ display:block;}
.sub_iprint .iprint_top_wrap .iprint_type > li > a .icon{ display:block; width:80px; height:80px; border-radius:80px; background-position:center; background-repeat:no-repeat; background-color:#555}
.sub_iprint .iprint_top_wrap .iprint_type > li > a .tt{ display:block; text-align:center; font-family:notokrM, sans-serif; font-size:1.05em; color:#555}
.sub_iprint .iprint_top_wrap .iprint_type > li.t1 > a .icon{ background-image:url(../images/new/iprint_icon1.png)}
.sub_iprint .iprint_top_wrap .iprint_type > li.t2 > a .icon{ background-image:url(../images/new/iprint_icon2.png)}
.sub_iprint .iprint_top_wrap .iprint_type > li.t3 > a .icon{ background-image:url(../images/new/iprint_icon3.png)}
.sub_iprint .iprint_top_wrap .iprint_type > li.on,
.sub_iprint .iprint_top_wrap .iprint_type > li:hover{filter:alpha(opacity=100);opacity:1;}

.sub_iprint .iprint_tit_wrap{ border-bottom:1px solid #ddd; margin-bottom:30px; padding:30px; background:#f5f5f5}
.sub_iprint .iprint_tit2{ font-family:notokrM, sans-serif; font-size:2.2em; color:#333; border-left:5px solid #448459; line-height:1; padding-left:5px; letter-spacing:-1px; margin-bottom:15px}
.sub_iprint .iprint_tt{ font-family:notokrM, sans-serif; font-size:1.05em; color:#777; letter-spacing:-1px;}
.sub_iprint .iprint_tt.c_point{ color:#448459}

.sub_iprint .iprint_conbox{ margin-top:30px}
.sub_iprint .iprint_conbox .tit_area .line{ display:block; width:26px; height:2px; background:#448459; margin-bottom:5px}
.sub_iprint .iprint_conbox .tit_area .no{ font-size:1.75em; color:#448459; font-family:notokrM, sans-serif}
.sub_iprint .iprint_conbox .tit_area .tit{ font-size:1.5em; color:#666; font-family:notokrM, sans-serif}
.sub_iprint .iprint_conbox .con_area{ padding:10px 0}

.sub_iprint .iprint_dl_wrap{ overflow:hidden; margin:-10px 0 0 -10px}
.sub_iprint .iprint_dl_wrap.sec5 > li{ float:left; width:20%}

.sub_iprint .iprint_dl{ margin:10px 0 0 10px}
.sub_iprint .iprint_dl .tit{ background:#70b212; padding:10px 0; text-align:center; color:#fff; font-family:notokrM, sans-serif; font-size:1.2em; letter-spacing:-1px; border-radius:5px 5px 0 0}
.sub_iprint .iprint_dl .con{ padding:10px; border:1px solid #ccc; border-top:none; border-radius:0 0 5px 5px}
.sub_iprint .iprint_dl .con .sel_w{ width:100%}

.sub_iprint .iprint_cart_wrap{ overflow:hidden; margin-top:10px; margin-left:-10px}
.sub_iprint .iprint_cart_wrap .cart_wrap{ float:left; width:40%;}
.sub_iprint .iprint_cart_wrap .cart_btn_wrap{ float:left; width:20%}

.sub_iprint .print_list{ border:1px solid #ccc; border-radius:5px; margin-left:10px;}
.sub_iprint .print_list .tit{ background:#f1f1f1; padding:10px; border-bottom:1px solid #ccc}
.sub_iprint .print_list .con{ overflow-y: scroll; padding:10px; height:300px}

.sub_iprint .print_list label{ display:block; border-bottom:1px dotted #666; padding:5px 0 0 0; position:relative; z-index:inherit; cursor:pointer}
.sub_iprint .print_list label input[type=checkbox]{ position:absolute; z-index:inherit; left:5px; top:4px}
.sub_iprint .print_list label .tt{ margin-left:22px; letter-spacing:-0.5px}
.sub_iprint .print_list label .tt span{ color:#333; line-height:1.5}
.sub_iprint .print_list label .tt span.price{ display:none;color:#448459; padding-left:5px}
.sub_iprint .print_list .tit label{ border-bottom:none; padding:5px 5px 0 5px; font-weight:600}

.sub_iprint .print_btn{ margin-left:10px; margin-top:50px}
.sub_iprint .print_btn li{ text-align:center; margin-top:20px}

.iprint_btn{ display:inline-block; *display:inline; zoom:1; width:70px; height:70px; border-radius:70px;border:1px solid #70b212;background-repeat:no-repeat; background-position: center 15px}
.iprint_btn .tt{ display:block; padding-top:40px; font-family:notokrM, sans-serif; font-size:1.15em; letter-spacing:-1px}
.iprint_btn.add{ background-image:url(../images/new/iprint_cart_add.png); background-color:#70b212;}
.iprint_btn.add .tt{ color:#fff}
.iprint_btn.del{ background-image:url(../images/new/iprint_cart_del.png)}
.iprint_btn.del .tt{ color:#70b212}

.sub_iprint .file_wrap_tit{ background:#70b212; padding:20px; color:#fff; font-family:notokrM, sans-serif; letter-spacing:-1px; font-size:1.2em}

.sub_iprint .file_wrap{ padding:20px; border:1px solid #ccc; overflow:hidden;}
.sub_iprint .file_wrap > li{ float: left; width:50%}
.sub_iprint .file_wrap > li .file{ border:1px solid #ddd; margin:3px; overflow:hidden; border-radius:5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.sub_iprint .file_wrap > li .file .file_btn{ background-image:url(../images/new/file_find.png); background-repeat:no-repeat; background-position:10px center; font-family:notokrM, sans-serif; font-size:1.2em; color:#fff; letter-spacing:-1px; float:left; height:40px; line-height:40px; background-color:#999; padding:0 15px 0 30px}
.sub_iprint .file_wrap > li .file .file_txt{ border:none; background:none; width:50%; float:left; line-height:40px; height:40px; color:#666; padding:0 0 0 10px; font-family:notokrM, sans-serif; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.sub_iprint .file_wrap > li .file .file_nm{ width:0; height:0; float:left}
.sub_iprint .file_wrap > li .file .file_del{ float:right; width:40px; height:40px; background: url(../images/new/file_del.png) no-repeat center center; background-size:10px auto; display:none}

.sub_iprint .file_wrap > li .file.on{border-color:#888}
.sub_iprint .file_wrap > li .file:hover .file_btn,
.sub_iprint .file_wrap > li .file.on .file_btn{ background-color:#444; }

.sub_iprint .memo_wrap{ border-radius:5px; border:2px dashed #70b212; padding:20px; margin-top:20px}
.sub_iprint .memo_wrap .tit{ font-family:notokrM, sans-serif; color:#508800; font-size:1.4em; letter-spacing:-1px; margin-bottom:10px}
.sub_iprint .memo_wrap .tt{ font-family:notokrM, sans-serif; color:#222; font-size:1.2em; letter-spacing:-1px; margin-bottom:5px}
.sub_iprint .memo_wrap .link{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:2px 5px; background:#f1f1f1; border:1px solid #ccc; font-size:.85em; margin:0 5px}
.sub_iprint .memo_wrap .link:hover{ background:#fff}

.table_iprint_st{ border-top:2px solid #70b212; border-left:2px solid #fff; border-right:2px solid #fff; margin-top:20px}
.table_iprint_st:first-child{ margin-top:0}
.table_iprint_st th,
.table_iprint_st td{ font-family:notokrM, sans-serif; font-size:1.05em; border:1px solid #ddd; letter-spacing:-0.5px}
.table_iprint_st th{ background:#f5f5f5; padding:10px 0; color:#333}
.table_iprint_st td{ padding:7px 5px; color:#666}
.table_iprint_st th.st1,
.table_iprint_st td.st1{ background:#70b212; color:#fff; font-size:1.25em}

.table_iprint_st .reply td{ background:#f5ffe6; color:#333; background-image:url(../images/new/iprint_reply.png); background-repeat: no-repeat; background-position: 20px 10px; padding-left:40px;}

.table_iprint_st .label_st{ margin-left:10px}
.table_iprint_st .label_st *{ vertical-align:middle}
.table_iprint_st *{ font-family:notokrM, sans-serif;}

.iprint_inp_wrap{ border-bottom:1px solid #aaa; border-top:2px solid #70b212;}
.iprint_inp_wrap .tit{ font-family:notokrM, sans-serif; text-align:center; color:#777; font-size:1.15em; letter-spacing:-1px; padding:15px 0; border-bottom:1px dotted #aaa}
.iprint_inp_wrap .con{ padding:20px 0; text-align:center}
.iprint_inp_st{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;line-height:40px; height:40px; border:1px solid #ddd; width:50%}
.iprint_btn_st{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:40px; padding:0 15px;font-family:notokrM, sans-serif; font-size:1em;}
.iprint_btn_st.c1{ background:#448459; color:#fff; border:1px solid #448459}
.iprint_btn_st.c2{ background:#666; color:#fff; border:1px solid #666}

.sub_sitemap{ overflow:hidden; margin:10px 0 0 -20px}
.sub_sitemap > li{ float:left; width:25%}
.sub_sitemap > li .dp1{ margin:20px 0 0 20px}
.sub_sitemap > li .dp2{ margin:20px 0 0 20px}
.sub_sitemap > li .dp2 > li > a{ display:block; padding:10px 0; border-bottom:1px dotted #999}
.sub_sitemap > li .dp2 > li > a:hover{ color:#CC0000}

#map_canvas{ height:500px}

/**/
.paging_st{ margin-top:30px; text-align:center}
.paging_st > *{display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:30px; height:20px; border:1px solid #ddd; margin-left:-5px; line-height:20px; padding-top:5px}
.paging_st .paging_btn{ font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:2px 0 3px 0; background:#f1f1f1}
.paging_st .paging_no{ color:#888; font-weight:600;}
.paging_st .paging_no.on{ color:#fff; background:#666; border-color:#666}

.sub_btn_wrap{ overflow:hidden; text-align:center; margin-top:20px}
.sub_btn_wrap .left{ float: left; text-align:left}
.sub_btn_wrap .right{ float: right; text-align:right}

.btn_st{ padding:6px 10px 2px 10px; font-size:.92em; vertical-align:middle; border-radius:2px}
.btn_st.c1{ background:#757575; border:1px solid #666; color:#fff;}

.btn_st2{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ccc; border-radius:2px; line-height:1.3; padding:4px 5px 0 5px; min-width:80px; letter-spacing:-1px; color:#666; text-align:left;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.btn_st2:hover{
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.btn_st2 span{ display:block; background-position: left top; background-repeat:no-repeat; padding-left:15px}
.btn_st2.c1 span{ background-image:url(../images/new/sub_list_btn_icon1.gif)}
.btn_st2.c2 span{ background-image:url(../images/new/sub_list_btn_icon2.gif)}
.btn_st2.c3 span{ background-image:url(../images/new/sub_list_btn_icon3.gif)}

.btn_st3{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; border-radius:3px; padding:5px 10px; font-family:notokrM, sans-serif; font-size:1.125em; letter-spacing:-1px; position:relative; z-index:inherit;}
.btn_st3.size1{ padding:10px 30px}
.btn_st3.c1{ background-color:#aeaaab; color:#fff; border:1px solid #aeaaab}
.btn_st3.c2{ background-color:#888; color:#fff; border:1px solid #888}
.btn_st3.c3{ background-color:#931c1e; color:#fff; border:1px solid #931c1e}
.btn_st3.c4{ background-color:#fff; color:#931c1e; border:1px solid #931c1e}

.btn_st3 .icon{ position:absolute; z-index:inherit; top:0; height:100%; background-repeat:no-repeat; background-position:center center;}
.btn_st3.prev{padding-left:25px}
.btn_st3.prev .icon{ width:10px; left:10px; background-image:url(../images/new/sub_view_prev.png);  }
.btn_st3.next{padding-right:25px}
.btn_st3.next .icon{ width:10px; right:10px; background-image:url(../images/new/sub_view_next.png);  }
.btn_st3.zoom{ padding-left:30px}
.btn_st3.zoom .icon{ width:16px; left:10px; background-image:url(../images/new/sub_view_zoom.png);}

.btn_st4{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff !important; box-shadow:0 2px 2px #aaa; font-size:1.2em; font-family:notokrM, sans-serif; min-width:70px; text-align:center; padding:8px; letter-spacing:-1px; border:none}
.btn_st4.buy{ padding-right:20px}
.btn_st4.buy .icon{display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:url(../images/new/sub_view_buy.png) no-repeat center center; width:22px; height:16px; margin:0 5px 0 10px}
.btn_st4.c1{
background: #ff7900; /* Old browsers */
background: -moz-linear-gradient(left,  #ff7900 0%, #ed5e02 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff7900 0%,#ed5e02 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff7900 0%,#ed5e02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7900', endColorstr='#ed5e02',GradientType=1 ); /* IE6-9 */
}
.btn_st4.c2{
background: #79af1d; /* Old browsers */
background: -moz-linear-gradient(left,  #79af1d 0%, #5e9009 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #79af1d 0%,#5e9009 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #79af1d 0%,#5e9009 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79af1d', endColorstr='#5e9009',GradientType=1 ); /* IE6-9 */
}
.btn_st4.c3{
background: #999999; /* Old browsers */
background: -moz-linear-gradient(left,  #999999 0%, #888888 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #999999 0%,#888888 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #999999 0%,#888888 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#888888',GradientType=1 ); /* IE6-9 */
}

.btn_st5{display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:3px 5px; font-family:notokrM, sans-serif; font-size:1em; vertical-align:middle; border-radius:2px}
.btn_st5.size1{ padding:4px 5px}
.btn_st5.c1{ color:#666; border:1px solid #ddd;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.btn_st5.c2{ background:#339933; color:#fff; border:1px solid #339933}
.btn_st5.c3{ background:#666; color:#fff; border:1px solid #666}
.btn_st5.c4{ background:#999; color:#fff; border:1px solid #999}
.btn_st5.c5{ background:#448459; color:#fff; border:1px solid #448459}

.btn_st6{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff !important; box-shadow:0 2px 2px #aaa; font-family:notokrM, sans-serif; min-width:90px; text-align:center; padding:12px; letter-spacing:-1px; border:none; font-size:1.2em}
.btn_st6.c1{
background: #09aede; /* Old browsers */
background: -moz-linear-gradient(top,  #09aede 0%, #0496d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #09aede 0%,#0496d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #09aede 0%,#0496d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09aede', endColorstr='#0496d2',GradientType=0 ); /* IE6-9 */
}
.btn_st6.c2{ background-color:#aaa; color:#fff}
.btn_st6.c3{ background-color:#448459; color:#fff}

.btn_st7{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.85em; font-family:notokrM, sans-serif; text-align:left; background-image:url(../images/new/btn_arrow.png); background-repeat:no-repeat; background-position:right center; padding:3px 20px 3px 10px; min-width:150px}
.btn_st7.c1{ background-color:#414141; color:#ddd}




.list_price_icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:5px 5px 0 5px; font-size:.92em; min-width:35px; letter-spacing:-1px; text-align:center; border-radius:2px; line-height:1}
.list_price_icon.c1{ background:#39a8b9; color:#fff}
.list_price_icon.c2{ background:#f55f01; color:#fff}

.tab_st .tab{ overflow:hidden; margin:20px 0 0 -2px}
.tab_st .tab > li{ float:left; width:25%; background:url(../images/new/tab_st_icon.png) no-repeat right center}
.tab_st .tab > li > a{ display:block; padding:8px 40px 8px 20px; font-family:notokrB, sans-serif; font-size:1.2em; color:#555; border:1px solid #ddd; margin:2px 0 0 2px; letter-spacing:-1px; position:relative; z-index:inherit;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.tab_st .tab > li.on > a{ background:#999; color:#fff; border-color:#999}
.tab_st .tab > li > a .icon{ position:absolute; z-index:inherit; right:0; top:0; width:30px; height:100%; background-image: url(../images/new/tab_st_icon.png); background-repeat:no-repeat; background-position: center center;}
.tab_st .tab > li.on > a .icon{ background-image:url(../images/new/tab_st_icon_on.png)}
.tab_st .con{ padding:20px; background:#f6f6f6; border:1px solid #ddd; border-top:none; min-height:150px}

.table_st{ table-layout:fixed; margin-top:10px}
.table_st th{ font-family:notokrB, sans-serif; font-size:1.1em; letter-spacing:-1px; color:#666; padding:8px 0; border-top:1px solid #669900; border-bottom:1px solid #ccc;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.table_st td{ padding:4px 8px; border-bottom:1px solid #ddd}

.table_st2{ table-layout:fixed;}
.table_st2 th{ color:#333; padding:8px; border-top:1px solid #aaa; background:#eee; border-bottom:1px solid #ccc; font-family:notokrM, sans-serif; font-size:1.15em; letter-spacing:-1px;}
.table_st2 td{ color:#666; padding:4px 5px; border-bottom:1px solid #ddd; min-height:25px; font-family:notokrM, sans-serif; font-size:1.15em; letter-spacing:-0.5px;}

.table_st2.row{ border-top:2px solid #aaa; border-collapse:collapse}
.table_st2.row th{ text-align:left}
.table_st2.row th,
.table_st2.row td{ border:1px solid #ddd}
.table_st2 * { font-family:notokrM, sans-serif; !important;}
.table_st2 td *{vertical-align:middle}
.table_st2 .label_st *{ vertical-align:middle}

.table_st2.size1 th,
.table_st2.size1 td{ font-size:1em}

.table_prodview th{ background:url(../images/product_view/arrow.jpg) no-repeat center left; text-align:left; padding:8px 0 3px 16px; color:#666}
.table_prodview td{ background:url(../images/product_view/kind.jpg) no-repeat center left; text-align:left; padding:8px 0 3px 8px; color:#666}

.table_st3{ border-top:2px solid #0099cc}
.table_st3 td,
.table_st3 th{ padding:7px 0 2px 0; border-bottom:1px solid #ccc}
.table_st3 th{ background:#f5f5f5}

.tt_st1{ font-family:notokrM, sans-serif; color:#666; font-size:1.35em; line-height:1.3; margin-bottom:10px; letter-spacing:-1px; margin:30px 0}
.tt_st2{ font-family:notokrM, sans-serif; color:#777; font-size:.96em; line-height:1.2; margin-bottom:10px; letter-spacing:-0.5px}

/**/
.label_st{ margin-left:30px;}
.label_st:first-child{ margin-left:0}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:top; cursor:pointer;}
.label_st span{ margin-left:3px;}

.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ccc; color:#666}
.input_st:focus,
.input_st:hover{ background-color:#f9f9f9; color:#444}
input[type=text].input_st,
input[type=password].input_st{line-height:24px; height:24px; padding:0 5px}
textarea.input_st{ padding:5px; width:95%; height:70px}
select.input_st{ height:26px; min-width:60px}
input[type=button].btn_st,
input[type=submit].btn_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:none}

.form_tt{ padding:2px 0; color:#666}
td .input_st{ margin:1px 0}

.inp_w1{ width:116px}
.inp_w2{ width:60px}
.inp_w3{ width:80px}
.inp_w4{ width:350px; max-width:50%}
.inp_w100{ width:90%}

.w_sel{ width:50px}
.w_list_prod{ width: auto}
.w_list_price{ width: 150px}
.w_list_btn{ width:120px}

.w_view_tit{ width:70px}
.w_view_tt{ width:auto}

.w_my_img{ width:70px}
.w_my_name{ width:auto}
.w_my_vol{ width:70px}
.w_my_point{ width:70px}
.w_my_price{ width:90px}
.w_my_btn{ width:50px}

.w_my_point_detail{ width:auto}
.w_my_point_total{ width:80px}

.w_no{ width:40px}
.w_date{ width:70px}

.w_row_tit{ width:25%}
.w_row_tit2{ width:15%}
.w_row_tt{ width:auto}

.w_view_bookname{ width:40%}

.bbs_list_top,
.bbs_list,
.bbs_page,
.bbs_search,
.bbs_no_list_css,
.bbs_view_top,
.bbs_view_middle,
.bbs_view_ment,
.bbs_view_bottom,
.bbs_category{ width:100% !important}

.board_search{ overflow:hidden; margin-top:20px}
.board_search .inp_wrap{ float:left}
.board_search .btn_wrap{ float:right}

.board_faq_tab{ overflow:hidden}
.board_faq_tab > li{ float:left; max-width:20%}
.board_faq_tab > li > a{ margin-right:3px}

#smart_editor2{ overflow-x:auto; width:100%; min-width:100%}