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

.flex{ display:flex; justify-content:space-between; align-content:center; align-items:center; min-width:0;}
.flex > *{ box-sizing:border-box; min-width:0;}
.flex.di{ display:inline-flex;}
.flex.wrap{ flex-wrap:wrap;}
.flex.col { flex-direction:column; align-items:stretch;}
.flex.jc{ justify-content:center; text-align:center;}
.flex.jl{ justify-content:flex-start;}
.flex.jr{ justify-content:flex-end;}
.flex.around { justify-content:space-around;}
.flex.stretch{ align-items:stretch;}
.flexAc{ display:flex; align-content:center; align-items:center; justify-content:center; text-align:center;}
.flex.vt{ align-content:flex-start; align-items:flex-start;}
.flex.vc{ align-content:center; align-items:center;}
.flex.vb{ align-content:flex-end; align-items:flex-end;}


#header .home_wrap{ background:#fff; border-bottom:1px solid #eee; 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:#666; line-height:20px; padding-top:3px; background:url(../images/new/icon_bookmark.png) no-repeat left top; line-height:26px; padding:2px 10px 0 40px; border-right:1px solid #eee; font-weight:600; font-size:.92em}
#header .home_wrap .bookmark:hover{ color:#009ae1}
#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:26px; padding-top:2px}
#header .home_wrap .menu > li > a:hover{ text-decoration:underline}
#header .home_wrap .menu > li:first-child > a{ margin-left:0}

#header .logo_wrap .box1{ position:relative; z-index:inherit; padding-top:20px}
#header .logo_wrap .logo{ position:absolute; z-index:inherit; left:0; top:0;}
#header .logo_wrap .logo .va_wrap{ height:80px; 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_wrap{ position: relative; z-index:inherit; width:460px; margin:0 auto; background:url(../images/new/search_bg.png) repeat-x; padding:10px 0; *padding-bottom:0}
#header .logo_wrap .search_wrap .bg{ position:absolute; z-index:inherit; width:50px; height:100%; bottom:0}
#header .logo_wrap .search_wrap .bg.left{ background-image:url(../images/new/search_bg_l.png); left:-50px}
#header .logo_wrap .search_wrap .bg.right{ background-image:url(../images/new/search_bg_r.png); right:-50px}
#header .logo_wrap .search_wrap .search{ float:left; position:relative; z-index:inherit; background:#fff; border-radius:50px; width:160px; height:30px; margin:0 5px; padding:5px 60px 5px 0}
#header .logo_wrap .search_wrap .search .inp{ line-height:24px; height:24px; padding-top:4px; color:#8a3adb; border:none; font-weight:600; width:100%; margin-left:20px;}
#header .logo_wrap .search_wrap .search .btn{ position:absolute; z-index:inherit; right:10px; top:5px; background-image:url(../images/new/icon_search.png); background-repeat: no-repeat; background-position: center; background-color:transparent; border:none; font-size:0; width:30px; height:30px;}
#header .logo_wrap .search_wrap .search .btn:hover{ background-image:url(../images/new/icon_search_on.png);}

#header .logo_wrap .search_wrap .keyword{ float:left; margin:4px 0 0 10px; width:220px}
#header .logo_wrap .search_wrap .keyword .keyword_tit{ font-family:notokrM, sans-serif; font-size:.92em; color:#fff; margin-bottom:2px}
#header .logo_wrap .search_wrap .keyword .keyword_tit span{ color:#abfeff}
#header .logo_wrap .search_wrap .keyword .keyword_slider{ position:relative; z-index:inherit}
#header .logo_wrap .search_wrap .keyword .keyword_slider .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-family:notokrM, sans-serif; font-size:.92em; background:url(../images/new/keyword_sec.gif) no-repeat left 4px; padding:0 5px 0 10px; height:15px}
#header .logo_wrap .search_wrap .keyword .keyword_slider .tt:first-child{ background:none; padding-left:0}
#header .logo_wrap .search_wrap .keyword .keyword_slider .tt:hover{ color:#fff600}
#header .logo_wrap .search_wrap .keyword .flex-direction-nav{ *height:0}
#header .logo_wrap .search_wrap .keyword .flex-direction-nav a{ position:absolute; z-index:inherit; top:-15px; width:18px; height:11px; background-color:#fff; background-position:center; background-repeat:no-repeat}
#header .logo_wrap .search_wrap .keyword .flex-direction-nav a.flex-prev{ background-image:url(../images/new/keyword_prev.gif); left:100px}
#header .logo_wrap .search_wrap .keyword .flex-direction-nav a.flex-next{ background-image:url(../images/new/keyword_next.gif); left:120px}

#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 .logo_wrap .top_print{ position:absolute; z-index:inherit; right:0; top:10px; background:url(../images/new/icon_print.png) no-repeat left center; height:70px; padding-left:70px; display: none;}
#header .logo_wrap .top_print .tit{ font-family:notokrM, sans-serif; font-size:1.25em; color:#333; filter:alpha(opacity=70);opacity:0.7;}
#header .logo_wrap .top_print .btn{ display:inline-block; *display:inline; zoom:1; background:#1799d5; font-family:notokrM, sans-serif; font-size:.92em; margin:2px 0 0 2px; color:#fff; padding:2px 5px; filter:alpha(opacity=70);opacity:0.7;}
#header .logo_wrap .top_print:hover .tit,
#header .logo_wrap .top_print:hover .btn{filter:alpha(opacity=100);opacity:1;}

#header .topmenu_wrap{ position:relative; z-index:inherit;}
#header .topmenu_wrap .line{ position: absolute; z-index:inherit; width:100%; height:1px; background:#9ecce1; top:50%; margin-top:-1px;}
#header .topmenu_wrap .topmenu{background:#004b85; overflow:hidden; border-radius:5px; position:relative; z-index:inherit; border:1px solid #185e94;}
#header .topmenu_wrap .topmenu > li{ float:left; width:10%;*width:9.8%;background:url(../images/new/topmenu_sec.gif) no-repeat right center}
#header .topmenu_wrap .topmenu > li > a{ display:block; height:40px; text-align:center;}
#header .topmenu_wrap .topmenu > li > a .va_tt{ font-weight:600;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}
#header .topmenu_wrap .topmenu > li:hover > a .va_tt,
#header .topmenu_wrap .topmenu > li.on > a .va_tt{ color:#abfeff;}

#footer{ margin-top:40px}

#footer .footer_btn_wrap{ border-bottom:2px solid #555}
#footer .footer_btn_wrap .footer_btn{ float:right; overflow:hidden}
#footer .footer_btn_wrap .footer_btn > li{ float:left}
#footer .footer_btn_wrap .footer_btn > li > a{ display:block; width:41px; height:35px; filter:alpha(opacity=80);opacity:0.8;}
#footer .footer_btn_wrap .footer_btn > li > a.home{ background:url(../images/new/footer_icon_home.png) no-repeat center center #0087c5}
#footer .footer_btn_wrap .footer_btn > li > a.top{ background:url(../images/new/footer_icon_top.png) no-repeat center 10px #444}
#footer .footer_btn_wrap .footer_btn > li > a .tt{ display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#fff; padding-top:19px}
#footer .footer_btn_wrap .footer_btn > li > a:hover{ filter:alpha(opacity=100);opacity:1;}

#footer .cs_wrap{ position:relative; z-index:inherit; border-left:1px solid #ddd}
#footer .cs_wrap > li{ float:left; width:25%; *width:24.9%}
#footer .cs_wrap > li .cs_con{ border-right:1px solid #ddd; padding:20px;}
#footer .cs_wrap > li .cs_con .cs_tit{ position:relative; z-index:inherit}
#footer .cs_wrap > li .cs_con .cs_tit .t1{ font-size:1.131em; font-family:notokrM, sans-serif; color:#777; padding-right:50px}
#footer .cs_wrap > li .cs_con .cs_tit .t2{ font-size:.92em; color:#999; margin-left:-45px}
#footer .cs_wrap > li .cs_con .cs_tit .more{ position:absolute; z-index:inherit; right:0; bottom:0; font-size:.8em; color:#777; margin-top:8px}
#footer .cs_wrap > li .cs_con .cs_tit .more:hover{ color:#111}
#footer .cs_wrap > li .cs_con .cs_tt{ margin-top:15px}

#footer .cs_wrap > li .cs_con .tt_st{line-height:22px; color:#333; font-size:.92em}

#footer .cs_wrap > li .cs_con .cs_tt .cs_notice > li > a{ display:block; position:relative; z-index:inherit;}
#footer .cs_wrap > li .cs_con .cs_tt .cs_notice > li > a .tt_st{ display:block; margin-right:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#footer .cs_wrap > li .cs_con .cs_tt .cs_notice > li > a .date{ position:absolute; z-index:inherit; right:0; top:0; line-height:20px; color:#999}
#footer .cs_wrap > li .cs_con .cs_tt .cs_notice > li > a:hover .tt{ text-decoration:underline}

#footer .cs_wrap > li .cs_con .cs_tt .cs_tel .tel{ font-size:2.25em; font-family:Arial, Helvetica, sans-serif; color:#009ae1; letter-spacing:-1px; line-height:1; background:url(../images/new/icon_cs_tel.png) no-repeat left top; padding-left:40px; margin-bottom:7px}
#footer .cs_wrap > li .cs_con .cs_tt .cs_tel .mail_tt{ font-family:notokrM, sans-serif; color:#333; font-size:1.25em; margin:5px 0 0 5px; text-decoration:underline}

#footer .cs_wrap > li .cs_con .cs_tt .cs_bank > li{ overflow:hidden}
#footer .cs_wrap > li .cs_con .cs_tt .cs_bank .tt_st{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:60px;}
#footer .cs_wrap > li .cs_con .cs_tt .cs_bank .bank_tt{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-family:notokrM, sans-serif; color:#333; font-size:1.131em; line-height:1.2}

#footer .cs_wrap > li .cs_con.quick{ padding:0; overflow:hidden; border-right:1px solid #ddd; margin-left:-1px}
#footer .cs_wrap > li .cs_con.quick > li{ float:left; width:33.33%}
#footer .cs_wrap > li .cs_con.quick > li > a{ display:block; border:1px solid #ddd; margin:-1px -1px 0 0; filter:alpha(opacity=70);opacity:0.7; *padding-top:10px}
#footer .cs_wrap > li .cs_con.quick > li > a .icon{ display:block; height:44px; margin-top:10px; background-repeat:no-repeat; background-position:center }
#footer .cs_wrap > li .cs_con.quick > li > a .tt{ display:block; text-align:center; font-family:notokrM, sans-serif; padding-bottom:10px}
#footer .cs_wrap > li .cs_con.quick > li > a .icon.icon1{ background-image:url(../images/new/cs_quick1.png)}
#footer .cs_wrap > li .cs_con.quick > li > a .icon.icon2{ background-image:url(../images/new/cs_quick2.png)}
#footer .cs_wrap > li .cs_con.quick > li > a .icon.icon3{ background-image:url(../images/new/cs_quick3.png)}
#footer .cs_wrap > li .cs_con.quick > li > a .icon.icon4{ background-image:url(../images/new/cs_quick4.png)}
#footer .cs_wrap > li .cs_con.quick > li > a .icon.icon5{ background-image:url(../images/new/cs_quick5.png)}
#footer .cs_wrap > li .cs_con.quick > li > a .icon.icon6{ background-image:url(../images/new/cs_quick6.png)}
#footer .cs_wrap > li .cs_con.quick > li > a:hover{ filter:alpha(opacity=100);opacity:1; background:#f9f9f9}

#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:-1px}
#footer .menu_wrap .menu{ overflow:hidden}
#footer .menu_wrap .menu > li{ float:left}
#footer .menu_wrap .menu > li > a{ display:block; margin:10px 10px 6px 10px; font-size:.92em; color:#666}
#footer .menu_wrap .menu > li > a:hover{ text-decoration:underline}
#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:#777; font-size:1.05em}
#footer .info_wrap .info > * a{ color:#777}
#footer .info_wrap .info .copyright{ color:#aaa; 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}

#footer .info_wrap .escrow{ text-align:right;}
#footer .info_wrap .escrow > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top}

/**/
.main_book_wrap{ position:relative; z-index:inherit; padding:20px 0; min-height:280px;}
.main_book_wrap .main_book_tab{ position:relative; z-index:1; overflow:hidden}
.main_book_wrap .main_book_tab > li{ float:left; width:8.33%; *width:8.3%}
.main_book_wrap .main_book_tab > li > a{ display:block; border:1px solid #eee; text-align:center; color:#666; font-size:.92em; padding:8px 0 3px 0; cursor:pointer}
.main_book_wrap .main_book_tab > li:hover > a,
.main_book_wrap .main_book_tab > li.on > a{ background:#8a3adb; color:#fff}

.main_book_wrap .main_book_con{ margin-top:20px; *margin-top:0}
.main_book_wrap .main_book_con .con{ position:absolute; z-index:inherit; left:0; top:0; visibility:hidden; width:100%}
.main_book_wrap .main_book_con .con.on{ position:relative; visibility:visible}

.main_book_slider{}
.main_book_slider .main_book{ margin:0 15px}
.main_book_slider .main_book .img{ border:1px solid #333}
.main_book_slider .main_book .tit{ font-weight:600; color:#333; padding:10px 2px 5px 2px}
.main_book_slider .main_book .price{ color:#01a1ec; font-weight:600; margin:0 2px}
.main_book_slider .main_book .price span{ text-decoration:line-through; color:#999; font-weight:normal}

.main_book_btn .btn{ position:absolute; z-index:inherit; top:50%; margin-top:-10px; background:#333; filter:alpha(opacity=50);opacity:0.5; font-size:0; background-position: center; background-repeat:no-repeat; width:25px; height:25px; cursor:pointer}
.main_book_btn .btn.prev{ left:-25px; background-image:url(../images/new/main_book_prev.png); border-radius:5px 0 0 5px}
.main_book_btn .btn.next{ right:-25px; background-image:url(../images/new/main_book_next.png); border-radius:0 5px 5px 0}
.main_book_btn .btn:hover{ filter:alpha(opacity=100);opacity:1;}

.main_book_wrap .no_con{ line-height:230px; text-align:center; position:absolute; z-index:inherit; width:100%;}

.main_best_cate{ background:#0070c6; padding:5px 0; position:relative; z-index:inherit}
.main_best_cate .box1{ overflow:hidden}
.main_best_cate .tit{ float:left; width:16.66%}
.main_best_cate .tit > p{ background:url(../images/new/main_best_cate.png) no-repeat left center; line-height:28px; height:30px; padding-left:25px; font-family:Tahoma, sans-serif; font-size:1.188em; font-weight:600; color:#fff;}
.main_best_cate .tit > p span{ color:#ffe931}
.main_best_cate .list{ float:right; width:83.34%}
.main_best_cate .list .cate{ overflow:hidden}
.main_best_cate .list .cate > li{ float:left; width:20%}
.main_best_cate .list .cate > li > a{ display:block; position:relative; z-index:inherit; background:#fff; border-radius:5px; margin:0 0 0 10px; line-height:20px; padding:5px}
.main_best_cate .list .cate > li > a .no{ position:absolute; z-index:inherit; border-radius:5px; left:5px; top:5px; height:20px; width:20px; background:#0070c6; font-family:notokrM, sans-serif; font-size:1.125em; color:#fff; text-align:center}
.main_best_cate .list .cate > li > a .tt{ display:block; padding-left:25px; font-family:notokrM, sans-serif; font-size:1.125em; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.main_best_cate .list .cate > li > a .more{ position:absolute; z-index:inherit; right:10px; top:5px; width:18px; height:18px; background-image:url(../images/new/main_best_cate_more.png); background-repeat: no-repeat; background-position: 7px center; border:1px solid #666; border-radius:20px; filter:alpha(opacity=30);opacity:0.3;}
.main_best_cate .list .cate > li > a:hover{ background:#f2f9ff}
.main_best_cate .list .cate > li > a:hover .tt{ color:#0070c6}
.main_best_cate .list .cate > li > a:hover .more{ filter:alpha(opacity=70);opacity:0.7;}

.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; background:url(../images/new/main_prod_tit.png) #004b85; border-radius:5px 5px 0 0; padding:0 20px; height:30px}
.main_prod_wrap .main_prod_tit .tit .va_tt{ font-family:notokrB, sans-serif; font-size:1.25em; color:#fff;}
.main_prod_wrap .main_prod_tit .tit .tt{ font-family:"dotum",sans-serif; font-size:.75em; font-weight:normal}
.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; padding:20px; *padding:15px}
.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; position:relative; z-index:inherit; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:2px solid transparent }
.main_prod_wrap2 .main_prod_tit .tit{ position: relative; z-index:inherit; height:40px; padding:0 50px 0 20px}
.main_prod_wrap2 .main_prod_tit .tit .va_tt{ font-family:notokrB, sans-serif; font-size:1.413em; color:#fff}
.main_prod_wrap2 .main_prod_tit .more{ position:absolute; z-index:inherit; right:14px; top:50%; margin-top:-9px; font-family:notokrM, sans-serif; font-size:.75em; line-height:18px; padding:0 8px; color:#fff}
.main_prod_wrap2 .main_prod_tit .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; filter:alpha(opacity=90);opacity:0.9;}
.main_prod_wrap2 .main_prod_con{ border:1px solid #ddd; padding:0 15px 15px 15px}

.main_prod_wrap2.bg1 .main_prod_tit{ background-image:url(../images/new/main_prod2_bg1.jpg)}
.main_prod_wrap2.bg2 .main_prod_tit{ background-image:url(../images/new/main_prod2_bg2.jpg)}
.main_prod_wrap2.bg3 .main_prod_tit{ background-image:url(../images/new/main_prod2_bg3.jpg)}
.main_prod_wrap2.bg4 .main_prod_tit{ background-image:url(../images/new/main_prod2_bg4.jpg)}
.main_prod_wrap2.bg5 .main_prod_tit{ background-image:url(../images/new/main_prod2_bg5.jpg)}
.main_prod_wrap2.bg6 .main_prod_tit{ background-image:url(../images/new/main_prod2_bg6.jpg)}
.main_prod_wrap2.bg7 .main_prod_tit{ background-image:url(../images/new/main_prod2_bg7.jpg)}
.main_prod_wrap2.bg8 .main_prod_tit{ background-image:url(../images/new/main_prod2_bg8.jpg)}
.main_prod_wrap2.bg9 .main_prod_tit{ background-image:url(../images/new/main_prod2_bg9.jpg)}
.main_prod_wrap2.bg10 .main_prod_tit{ background-image:url(../images/new/main_prod2_bg10.jpg)}

.main_prod_wrap2.st1 .main_prod_tit{ border-color:#ea4d00}
.main_prod_wrap2.st2 .main_prod_tit{ border-color:#037d3a}
.main_prod_wrap2.st3 .main_prod_tit{ border-color:#0f5f8d}
.main_prod_wrap2.st4 .main_prod_tit{ border-color:#4a48b2}
.main_prod_wrap2.st5 .main_prod_tit{ border-color:#d9255c}

.main_prod_wrap2.st1 .main_prod_tit .more,
.main_prod_wrap2.st1 .main_prod_tit .bg{ background:#ea4d00}
.main_prod_wrap2.st2 .main_prod_tit .more,
.main_prod_wrap2.st2 .main_prod_tit .bg{ background:#037d3a}
.main_prod_wrap2.st3 .main_prod_tit .more,
.main_prod_wrap2.st3 .main_prod_tit .bg{ background:#0f5f8d}
.main_prod_wrap2.st4 .main_prod_tit .more,
.main_prod_wrap2.st4 .main_prod_tit .bg{ background:#4a48b2}
.main_prod_wrap2.st5 .main_prod_tit .more,
.main_prod_wrap2.st5 .main_prod_tit .bg{ background:#d9255c}

.main_prod_wrap2.st1 .main_prod_con{ border-bottom:1px solid #ea4d00}
.main_prod_wrap2.st2 .main_prod_con{ border-bottom:1px solid #037d3a}
.main_prod_wrap2.st3 .main_prod_con{ border-bottom:1px solid #0f5f8d}
.main_prod_wrap2.st4 .main_prod_con{ border-bottom:1px solid #4a48b2}
.main_prod_wrap2.st5 .main_prod_con{ border-bottom:1px solid #d9255c}

.main_prod_wrap2 .main_prod_tit .more:hover{ background:#fff;}
.main_prod_wrap2.st1 .main_prod_tit .more:hover{ color:#ea4d00}
.main_prod_wrap2.st2 .main_prod_tit .more:hover{ color:#037d3a}
.main_prod_wrap2.st3 .main_prod_tit .more:hover{ color:#0f5f8d}
.main_prod_wrap2.st4 .main_prod_tit .more:hover{ color:#4a48b2}
.main_prod_wrap2.st5 .main_prod_tit .more:hover{ color:#d9255c}

.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%; *margin:20px 1% 0 1%; *width:46%}

.prod_list{ overflow:hidden; margin:-10px 0 0 -10px;}
.prod_list.sec1{ margin:-30px 0 0 -30px; padding:10px; *padding:0}
.prod_list.sec2{ margin:0 0 0 -10px}
.prod_list.sec3{ margin:-30px 0 0 -30px}
.prod_list.sec4{ margin:0 0 0 -10px}
.prod_list > li > *{margin:10px 0 0 10px}
.prod_list.sec1 > li > *{margin:30px 0 0 30px; *margin:10px 10px 10px 10px;}
.prod_list.sec2 > li > *{margin:20px 0 0 10px}
.prod_list.sec3 > li > *{margin:30px 0 0 30px}
.prod_list.sec4 > li > *{margin:20px 0 0 10px}
/* .prod_list.sec1 > li{ float:left; width:16.66%} */
.prod_list.sec1 > li{ float:left; width:16.66%}
.prod_list.sec2 > li{ float:left; width:50%}
.prod_list.sec3 > li{ float:left; width:16.66%}
.prod_list.sec4 > li{ float:left; width:50%}
.prod_list .prod{ overflow:hidden;}
.prod_list .prod .img_area img{ width:100%;}
.prod_list .prod .img_area{ float:left; width:45%; border:1px solid #333}
.prod_list .prod .con_area{ float:left; width:50%; margin-left:3%}
.prod_list.sec1 .prod .img_area{ width:auto; float:none}
.prod_list.sec1 .prod .con_area{ width:auto; float:none; margin-left:0}
.prod_list .prod .con_area .prod_tit{ font-size:.92em; font-weight:600; color:#333; padding:5px 0; display:block;}
.prod_list .prod .con_area .prod_tit div{ display:none}
.prod_list .prod .con_area .prod_tit span{ display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:1.2; font-size:1.2em; margin-right:4px; font-family: notokrB, sans-serif}
.prod_list .prod .con_area .prod_tit:hover{ color:#005e8a}
.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:5px;}
.prod_list .prod .con_area .price .t1{ font-size:.92em; color:#333; font-weight:600}
.prod_list .prod .con_area .price .t2{ font-size:.92em; color:red; font-weight:600}
/* .prod_list .prod .con_area .price .arrow{ font-size:.92em; color:#01a1ec; font-weight:600} */
.prod_list .prod .con_area .price .arrow{ font-size:.92em; color:blue; font-weight:600}

.prod_list .prod2 .img_area{border:1px solid #999}
.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:#01a1ec; display:block}

.main_prod_sec li.nocon{ padding:67px 0; *padding:63px 0; text-align:center; float:none; width:100%}
/**/
.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:#0070c6; border-radius:10px; padding:20px 0 5px 0}
.sub_wrap .lnb_wrap .lnb .lnb_tit{ background: url(../images/new/lnb_tit_icon.gif) no-repeat center 0; height:45px; text-align:center; border-bottom:1px solid #1e8bde}
.sub_wrap .lnb_wrap .lnb .lnb_tit .va_tt{ font-family:notokrB, sans-serif; color:#fff; font-size:1.125em; letter-spacing:-1px;}
.sub_wrap .lnb_wrap .lnb .menu{ background:#fff; border-radius:10px; padding:15px 10px; margin:5px 5px 0 5px}
.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; font-size:12px; font-weight:600}
.sub_wrap .lnb_wrap .lnb .menu > li .dp2{position:absolute; z-index:inherit; left:100%; top:0; width:170px; border:2px solid #5c0cad; 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:#5c0cad}
.sub_wrap .lnb_wrap .lnb .menu > li:hover .dp1,
.sub_wrap .lnb_wrap .lnb .menu > li .dp1.on{ color: #1e8bde}{ color: #1e8bde}
.sub_wrap .lnb_wrap .lnb .menu > li .dp1.on{ font-weight:600}
.sub_wrap .lnb_wrap .lnb .menu > li:hover .dp2,
.sub_wrap .lnb_wrap .lnb .menu > li .dp2.on{ 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:#124490; 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:#6020af; 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:rgb(90, 88, 88); 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:#1c5993}

.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:#333 !important; margin:10px 0 0 0; background-image:url(../images/product_list/jum.jpg); background-repeat: no-repeat; background-position: left top; padding-left:12px}
.list_cate_wrap > li > a:hover,
.list_cate_wrap > li > a.on{ color: #3366CC}

.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 #999}
.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; margin-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:1.313em; border-bottom:1px solid #ddd; line-height:1; padding:10px 0; margin-bottom:10px; font-weight:600}

.prodview_price{ color:#004b85 !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:#1c5993}
.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 #005e8a; 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 #005e8a; border-bottom:none; color:#005e8a; font-family:notokrM, sans-serif; text-align:center; font-size:1.25em}
.sub_iprint .iprint_top_wrap .tab > li.on > a{ background:#005e8a; 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 #005e8a; 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:#005e8a; margin-bottom:5px}
.sub_iprint .iprint_conbox .tit_area .no{ font-size:1.75em; color:#005e8a; 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:#5ab4de; 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; position:relative}

.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; *padding-left:5px}
.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 #098ac7;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:#098ac7;}
.iprint_btn.add .tt{ color:#fff}
.iprint_btn.del{ background-image:url(../images/new/iprint_cart_del.png)}
.iprint_btn.del .tt{ color:#098ac7}

.sub_iprint .file_wrap_tit{ background:#098ac7; 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 #5ab4de; padding:20px; margin-top:20px}
.sub_iprint .memo_wrap .tit{ font-family:notokrM, sans-serif; color:#098ac7; 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 #5ab4de; 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:#5ab4de; 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 #5ab4de;}
.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:#1c5993; color:#fff; border:1px solid #1c5993}
.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.25em; font-family:notokrM, sans-serif; min-width:75px; text-align:center; padding:15px 20px; letter-spacing:-1px; border:none; border-radius:5px}
.btn_st4.buy{ padding-right:30px}
.btn_st4.buy .icon{display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:url(../images/new/btn_view_cart.png) no-repeat center center; width:22px; height:16px; margin:0 5px 0 10px}
.btn_st4.c1{background: #0082be;}
.btn_st4.c2{background: #7e52aa;}
.btn_st4.c3{background: #aaa;}

.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:#005e8a; 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}

.btn_st_view{display:inline-block; *display:inline; zoom:1; vertical-align:middle; position:relative; z-index:inherit; border:1px solid #ddd; padding:10px 8px 4px 8px; margin-left:-1px; color:#777; font-size:.92em}
.btn_st_view:first-child{ margin-left:0}
.btn_st_view .icon{ position:absolute; z-index:inherit; top:0; width:20px; height:100%; background-repeat:no-repeat; background-position: center}
.btn_st_view.prev{ padding-left:20px}
.btn_st_view.next{ padding-right:20px}
.btn_st_view.zoom{ padding-left:25px}
.btn_st_view.prev .icon{ left:0}
.btn_st_view.next .icon{ right:0}
.btn_st_view.zoom .icon{ left:5px}
.btn_st_view.prev .icon{ background-image:url(../images/new/btn_view_prev.png)}
.btn_st_view.next .icon{ background-image:url(../images/new/btn_view_next.png)}
.btn_st_view.zoom .icon{ background-image:url(../images/new/btn_view_zoom.png)}
.btn_st_view.c1{ background-color:#505050; border-color:#505050; color:#fff}
.btn_st_view.c2{ background-color:#f3f3f3;}

.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 0; padding-left:1px}
.tab_st .tab > li{ float:left; width:25%;}
.tab_st .tab > li > a{ display:block; padding:8px 40px 8px 20px; font-family:notokrB, sans-serif; font-size:1.2em; color:#777; border:1px solid #ddd; margin:0 0 0 -1px; letter-spacing:-1px; position:relative; z-index:inherit; border-top:2px solid #aaa}
.tab_st .tab > li.on > a{ background:#fff; color:#004b85; border-top-color:#004b85}
.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 #6020af; 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{}
.table_prodview th{ background:url(../images/new/prod_view_table_icon.png) no-repeat center left; text-align:left; padding:8px 0 3px 12px; color:#666;}
.table_prodview td{  text-align:left; padding:8px 0 3px 8px; color:#666}

.table_st3{ border-top:2px solid #004b85}
.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:48px}
.inp_w3{ width:60px}
.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%}

.sub_map > *{ width:100% !important}
.sub_map .wrap_map{ height:300px !important}
.sub_roadview{ margin-top:20px}
.sub_roadview object,
.sub_roadview embed{ width:100% !important; height:350px !important}

.privacy_agree_box { margin:30px 0; }
.privacy_agree_box .priv_area { border:1px solid #ccc; padding:20px; color:#555; height:100px; overflow-y:scroll; line-height:1.4; }
.privacy_agree_box .agree_label { margin:10px 0; text-align:right; }


/* print */
.menu.moba_hide {text-align: center; padding: 1em 0; font-size: 1.5em; background: #2e629c;  cursor: pointer; margin-top: .5em;}
.menu.moba_hide i {font-style: normal;  color: #fff; } 
.menu.moba_hide .xi {font-size: 1.25em;} 
.menu.moba_hide .tt {font-family: 'notokrM';} 

.iprint_wrap{ text-align:center;}
.iprint_wrap ul {justify-content: space-between;}
.iprint_wrap ul li {flex:1}
.iprint_wrap .in{ padding:1.1em; margin-top:.3em; background:#fff; display:block}

/*.iprint_wrap .bg1{ background:#44afd3}
.iprint_wrap .bg2{ background:#4e84d6}
.iprint_wrap .bg3{ background:#596272}
.iprint_wrap .bg4{ background:#108ad3}
.iprint_wrap .bg5{ background:#234e7e}*/

.iprint_wrap .bg1{ background:#00ab9b}
.iprint_wrap .bg2{ background:#ece4d7}
.iprint_wrap .bg3{ background:#a98b71}
.iprint_wrap .bg4{ background:#825397}
.iprint_wrap .bg5{ background:#70ae3f}

.iprint_wrap dl {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1em;}
.iprint_wrap dl dd{text-align: center;}
.iprint_wrap dl dt{ background-color:rgba(255,255,255,.1); border-radius:50%; width:5em; height:5em; background-repeat:no-repeat; background-position:center}
.iprint_wrap .in:hover dl dt{ transform:rotateY(360deg); transition:.3s;}
.iprint_wrap .bg1 > dl > dt{ background-image:url(../images/main/icon1.png);}
.iprint_wrap .bg2 > dl > dt{ background-image:url(../images/main/icon2.png);}
.iprint_wrap .bg3 > dl > dt{ background-image:url(../images/main/icon3.png);}
.iprint_wrap .tt{ font-size:1.063em; display:block; font-weight:500; color:#fff; margin-bottom:5px; font-family: 'notokrM';}
.iprint_wrap .txt{ font-size:.700em; display:block; color:#fff}
.iprint_wrap .tt.st {color:#7a4a4a}
.iprint_wrap .txt.st {color:#7a4a4a}

.iprint_type {display: none;}