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

body{ font-size:8px; line-height:1.2; font-family:sans-serif}
.box1{width:95%; min-width:304px; margin:0 auto}
.phone_hide{ display:none}

#header .home_wrap .ment{ position: static; border-bottom:1px dotted #aaa}
#header .home_wrap .bookmark{ background-size:auto 20px; line-height:20px; padding-left:25px}
#header .home_wrap .menu > li > a{ margin-left:7px; line-height:20px}

#header .logo_wrap .box1{ padding-top:0;}
#header .logo_wrap .logo{ position:static; margin:10px 0; display:inline-block}
#header .logo_wrap .logo .va_wrap{ height:45px;}
#header .logo_wrap .login .link_wrap{ margin-top:0}
#header .logo_wrap .login .inp_wrap .inp{ width:60px;}

#header .logo_wrap .search_wrap{ width:110%; left:-5%; padding:5px}
#header .logo_wrap .search_wrap .bg{ display:none}
#header .logo_wrap .search_wrap .search{ float:none; width:90%; left:2.5%; height:30px; box-sizing:border-box}
#header .logo_wrap .search_wrap .search .inp{ line-height:20px; height:20px; padding-top:0;}
#header .logo_wrap .search_wrap .search .btn{ width:18px; height:18px; background-size:auto 18px}
#header .logo_wrap .search_wrap .search .btn:hover{ background-image:url(../images/new/icon_search_on.png);}

#header .logo_wrap .search_wrap .keyword{ float:none; margin:4px 0 0 10px; width:100%;}
#header .logo_wrap .search_wrap .keyword .keyword_tit{ display:none}
#header .logo_wrap .search_wrap .keyword .keyword_slider{ padding-right:60px; padding-left:5%}
#header .logo_wrap .search_wrap .keyword .keyword_slider .tt{ background-size:auto 4px; line-height:15px}
#header .logo_wrap .search_wrap .keyword .flex-direction-nav a{top:0; height:15px;}
#header .logo_wrap .search_wrap .keyword .flex-direction-nav a.flex-prev{ left: auto; right:10%; margin-right:20px}
#header .logo_wrap .search_wrap .keyword .flex-direction-nav a.flex-next{ left: auto; right:10%}

#header .topmenu_wrap{ margin-top:5px}
#header .topmenu_wrap .topmenu{background-repeat: repeat-y}
#header .topmenu_wrap .topmenu > li{ width:25% !important; background-repeat: repeat-y}
#header .topmenu_wrap .topmenu > li > a{ height:25px; border-bottom:1px solid #25aae7; font-size:1.25em}

#header .logo_wrap .top_print{ height:35px; background-size:auto 100%; top:15px; padding-left:40px}
#header .logo_wrap .top_print .btn{ font-family:notokrM, sans-serif; font-size:.88em; margin:2px 0 0 2px; padding:2px 5px;}
#header .logo_wrap .top_print:hover .tit,
#header .logo_wrap .top_print:hover .btn{filter:alpha(opacity=100);opacity:1;}

#footer{ margin-top:20px}

#footer .cs_wrap > li{ float:left; width: 50%}

#footer .cs_wrap > li.notice_wrap{ display:none}
#footer .cs_wrap > li .cs_con{  padding:10px;}
#footer .cs_wrap > li.quick_wrap{ width: auto; float:none; clear:both}
#footer .cs_wrap > li .cs_con.quick{ border-top:1px solid #ddd;}
#footer .cs_wrap > li .cs_con.quick > li{ width:16.66%}
#footer .cs_wrap > li .cs_con.quick > li > a{ }
#footer .cs_wrap > li .cs_con.quick > li > a .icon{ height:34px; background-size: auto 20px; margin-top:5px}

#footer .cs_wrap > li .cs_con .cs_tt{ margin-top:7px}
#footer .cs_wrap > li .cs_con .tt_st{ line-height:15px}

#footer .cs_wrap > li .cs_con .cs_tit .t1{ padding-right:0}
#footer .cs_wrap > li .cs_con .cs_tit .t2{ margin-left:0}
#footer .cs_wrap > li .cs_con .cs_tt .cs_bank .tt_st{ width:40px;}

#footer .customer .con_wrap{ float:none; width:50%}
#footer .customer .cs_tit{ margin-right:0}
#footer .customer .cs_con{ margin-right:0; margin-top:5px}
#footer .customer .tel_wrap .cs_tit{ margin-right:10px}
#footer .customer .tel_wrap .cs_con{ margin-right:10px}
#footer .customer .cs_tit .tit2{ margin-top:0}

#footer .customer .con_wrap .cs .tel{ background-size:40px auto}
#footer .customer .con_wrap .cs .tel .tt{ line-height:1}
#footer .customer .con_wrap .cs .tel .t3{ margin-top:5px}
#footer .customer .con_wrap .cs .tel .t4{ letter-spacing:0;}

#footer .customer .con_wrap .board{ display:none}
#footer .customer .con_wrap .cs{ border-top:none; padding-top:0; margin-top:0}

#footer .customer .con_wrap .cs .bank > li:first-child{ margin-top:10px}
#footer .customer .con_wrap .cs .bank .tit{ width:40px;}

#footer .customer .quick_wrap{ float:none; width:100%; border-top:1px dotted #aaa; margin-top:10px; padding-top:10px}
#footer .customer .quick_wrap .quick{ margin-left:0}
#footer .customer .quick_wrap .quick .list{ margin:-5px 0 0 -5px}
#footer .customer .quick_wrap .quick .list > li{ width:20%}
#footer .customer .quick_wrap .quick .list > li > a{ margin:5px 0 0 5px; padding-top:30px; background-size:auto 20px}
#footer .customer .escrow_wrap{ display:none}

#footer .menu_wrap{ margin-top:30px}
#footer .menu_wrap .menu{ border-left:1px solid #ddd}
#footer .menu_wrap .menu > li{ float:left; width:25%; text-align:center; overflow:hidden; margin-top:-1px}
#footer .menu_wrap .menu > li > a{ border:1px solid #ddd; border-bottom:none; border-left:none; margin:0; padding:5px 0;}

#footer .info_wrap{ padding:10px 0}
#footer .info_wrap .logo{ float:none}
#footer .info_wrap .info{ float:none; width:auto; margin-top:10px}
#footer .info_wrap .info .copyright .btn{}

#footer .info_wrap .escrow{ margin-top:5px}
#footer .info_wrap .escrow > li img{ width:50%}

/**/
.main_book_wrap{ padding:10px 0}
.main_book_wrap .main_book_tab{ padding:0 1px 1px 0}
.main_book_wrap .main_book_tab > li{ float:left; width:16.66%;}
.main_book_wrap .main_book_tab > li > a{ margin:0 -1px -1px 0}

.main_best_cate{}
.main_best_cate .box1{ overflow:hidden}
.main_best_cate .tit{ float:none; width: auto}
.main_best_cate .tit > p{ line-height:24px; height:22px; background-size:auto 8px; padding-left:15px}
.main_best_cate .list{ float:none; width: auto}
.main_best_cate .list .cate{ margin-left:-5px}
.main_best_cate .list .cate > li > a{ display:block; margin:0 0 0 5px;}
.main_best_cate .list .cate > li > a .no{ position:static; display:block; width:auto; height:auto; line-height:15px }
.main_best_cate .list .cate > li > a .tt{ padding-left:0; text-align:center; line-height:1; padding-top:5px}
.main_best_cate .list .cate > li > a .more{ display:none}

.main_book_btn .btn{ top: auto; bottom:10px; width:20px; height:20px; background-size:auto 8px}
.main_book_btn .prev.btn{ left:50%; margin-left:-21px}
.main_book_btn .next.btn{ left:50%; margin-left:1px}

.main_slider{ height:auto}

.main_prod_wrap{ margin-top:20px;}
.main_prod_wrap .main_prod_tit .more_st{ margin-top:10px}

.main_prod_wrap .main_prod_tit .tit{ height:25px}
.main_prod_wrap2 .main_prod_tit .tit{ height:30px}
.main_prod_wrap2 .main_prod_con{ min-height: auto}

.main_prod_sec{ margin-left:0}
.main_prod_sec .main_prod_wrap2{ float:none; width:100%; margin-left:0}

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

.prod_list.sec1{ margin:-15px 0 0 -15px}
.prod_list.sec3{ margin:-15px 0 0 -15px}
.prod_list.sec4{ margin:-15px 0 0 -15px}
.prod_list.sec1 > li > *{ margin:15px 0 0 15px}
.prod_list.sec3 > li > *{ margin:15px 0 0 15px}
.prod_list.sec4 > li > *{ margin:15px 0 0 15px}

.prod_list.sec1 > li{ width:33.33%}
.prod_list.sec2 > li{ width:25%}
.prod_list.sec2 > li.nocon{ width: auto}
.prod_list.sec3 > li{ width:33.33%}
.prod_list.sec4 > li{ width:33.33%}

.prod_list .prod .img_area{ float:none; width:auto}
.prod_list.sec1 .prod .img_area{ width:auto}
.prod_list.sec1 .prod .con_area{ width:auto; margin:5px 0 0 0}
.prod_list .prod .con_area{ float:none; width:100%; margin:5px 0 0 0}
.prod_list .prod .con_area .prod_tit{ padding-top:0; margin-bottom:0; padding-bottom:3px}
.prod_list .prod .con_area .prod_tit span{ font-size:1.25em;}
.prod_list .prod .con_area .prod_name{ margin-top:3px}
.prod_list .prod .con_area .price{ padding-top:5px; letter-spacing:-0.5px; font-size:1.25em}

/**/
.sub_wrap .lnb_wrap{ float:none; width:100%;}
.sub_wrap .con_wrap{ float:none; width:100%; padding-top:10px}

.sub_wrap .lnb_wrap .lnb{ padding-top:6px}
.sub_wrap .lnb_wrap .lnb .lnb_tit{height:15px; background:none; text-align:center; font-size:1.25em; border-bottom:none}
.sub_wrap .lnb_wrap .lnb .lnb_tit .va_tt{ padding-left:0}
.sub_wrap .lnb_wrap .lnb .menu{ overflow:hidden;}
.sub_wrap .lnb_wrap .lnb .menu > li{ float:left; width:50%; margin-top:0}
.sub_wrap .lnb_wrap .lnb .menu > li:first-child{ margin-top:0}
.sub_wrap .lnb_wrap .lnb .menu > li:nth-child(2n+1){ clear:left}
.sub_wrap .lnb_wrap .lnb .menu > li > a.dp1{ border:1px solid #ddd; padding:3px; margin:1px 1px; border-radius:2px; line-height:1; font-size:1em}
.sub_wrap .lnb_wrap .lnb .menu > li:hover .dp2{ display:none;}

a.cate3:link{ font-size:1.125em}

.prod_list .prod2 .con_area{ margin:5px 0 0 0}
.prod_list .prod2 .con_area .prod_tit{ font-size:1em}
.prod_list.sec3 > li:nth-child(3n+1){ clear:left}

/**/
.page_tit{ line-height:1; padding-top:3px; font-size:1.5em}
.page_tit2{ font-size:1.75em; line-height:1.3;}
.page_tit3{ font-size:1.6em; background-position: left 2px; background-size:auto 10px; padding-left:12px}
.page_tit3.size2{ font-size:1.3em; background-position: left 1px; }

.nav_st{ margin-top:4px}
.step_st{ display:none}

.list_cate_wrap{ padding:5px 10px 10px 10px; margin-top:5px}
.list_cate_wrap > li{ width:50%}
.list_cate_wrap > li > a{ background-position: left 2px; margin-top:5px}

.sub_list_tit .page_tit3{ margin-top:2px}

.sub_list_prod .img_area{ width:60px;}
.sub_list_prod .con_area{ max-width:50%}

.sub_list_price .t1,
.sub_list_price .t2,
.sub_list_price .arrow{ vertical-align:middle}

.sub_list_btn_wrap td{ border-bottom:1px solid #aaa; text-align:right}
.sub_list_btn_wrap .sub_list_btn > li{ display:inline-block; margin:0}

.sub_view_top{ margin-top:0}
.sub_view_top .img_area{ float:none; width:100%; }
.sub_view_top .con_area{ float:none; width:100%; margin-top:15px}
.sub_view_top .img_area .img_big .img{ height:auto;}
.sub_view_top .img_area .img_big .img img{ max-width:70%}
.sub_view_top .con_area .prod_tit{ padding-bottom:5px; margin-bottom:5px}

.cart_total_inp{ width:45px; }

.join_step_img{ display:none}

.agree_box{ margin-top:10px}
.agree_box .con{ height:100px;}
.agree_box .agree{ padding:5px 0;}

.login_img{ margin:30px 0 15px 0}
.login_box{ padding:30px 0;}
.login_box .login_wrap{ padding:0 30px; border-right:none; border-bottom:1px dotted #ddd; padding-bottom:30px}
.login_box .link_wrap{ padding:0 30px;}
.login_box .search_wrap{ padding:0 30px;}
.login_box .nomem_wrap{ padding:0 30px; border-left:none; border-top:1px solid #ddd; padding-top:20px}
.login_box .nomem_wrap:first-child{ border-left:none; margin-bottom:30px; border-top:none; padding-top:0}

.login_box .login .inp_wrap .tit{width:45px}
.login_box .login .inp_wrap .inp{ max-width:60%; width:120px}
.login_box .login .inp_wrap .inp.size1{ max-width:60%; width:120px}
.login_box .login .inp_wrap .inp.size2{ max-width:13%; width:20px}
.login_box .login .inp_wrap .sel{ max-width:20%; width:35px; padding-right:5px}

.login_box .link_wrap2 li{ background-size:auto 20px; background-position:left center; padding-left:30px;}


.sub_menu_guide .dp3 .link{float: left; width:50%;}

.sub_iprint .iprint_top_wrap{ margin:20px 0 0 0; min-height: auto}
.sub_iprint .iprint_top_wrap .iprint_tit{ line-height:25px;}
.sub_iprint .iprint_top_wrap .tab{margin-top:10px}
.sub_iprint .iprint_top_wrap .tab > li{ width:33.33%;}
.sub_iprint .iprint_top_wrap .tab > li > a{ height:30px;}

.sub_iprint .iprint_top_wrap .iprint_type{ position: static; text-align:center; background:#fff; border-bottom:1px solid #ddd; padding:10px 0}
.sub_iprint .iprint_top_wrap .iprint_type > li{ display:inline-block; float:none}
.sub_iprint .iprint_top_wrap .iprint_type > li > a .icon{ width:50px; height:50px; background-size:auto 30px}

.sub_iprint .iprint_tit_wrap{ padding:15px;}

.sub_iprint .iprint_conbox{ margin-top:15px}
.sub_iprint .iprint_conbox .tit_area .line{ width:18px;}

.sub_iprint .iprint_dl_wrap{ margin:-2px 0 0 -2px}

.sub_iprint .iprint_dl{ margin:2px 0 0 2px}
.sub_iprint .iprint_dl .tit{ padding:5px 0;}
.sub_iprint .iprint_dl .con{ padding:0; border:none}

.sub_iprint .iprint_cart_wrap{ margin-left:0}
.sub_iprint .iprint_cart_wrap .cart_wrap{ float:none; width:100%;}
.sub_iprint .iprint_cart_wrap .cart_btn_wrap{ float:none; width:100%}

.sub_iprint .print_list{ margin-left:0;}
.sub_iprint .print_list .tit{ padding:5px;}
.sub_iprint .print_list .con{ padding:5px;height:160px}

.sub_iprint .print_btn{ margin-left:0; margin-top:0; text-align:center; padding:10px 0}
.sub_iprint .print_btn li{ display:inline; margin-top:0; margin:0 5px;}

.iprint_btn{ width:40px; height:40px; background-position: center 8px; background-size:auto 10px}
.iprint_btn .tt{ padding-top:22px;}
.iprint_btn.add{ background-image:url(../images/new/iprint_cart_add_m.png);}
.iprint_btn.del{ background-image:url(../images/new/iprint_cart_del_m.png)}

.sub_iprint .file_wrap > li{ float: left; width:100%}
.sub_iprint .file_wrap > li .file .file_btn{ height:30px; line-height:30px;}
.sub_iprint .file_wrap > li .file .file_txt{ height:30px; line-height:30px;}


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

.table_iprint_st.display{ display:block}
.table_iprint_st.display tr{ display:block; overflow:hidden}
.table_iprint_st.display th{ display:block; float:left; width:30%; box-sizing:border-box; min-height:40px; padding:5px; border-top:none}
.table_iprint_st.display td{ display:block; float:left; width:70%; box-sizing:border-box; min-height:40px; padding:5px; border-top:none; border-left:none}
.table_iprint_st.display .textarea_th{ float:none; width:100%; min-height:25px}
.table_iprint_st.display .textarea_td{ float:none; width:100%; border-right:none; text-align:center}

.table_iprint_st .reply td{ background-size:auto 7px; background-position:10px 10px;  padding-left:25px}

.sub_sitemap > li{ float:left; width:50%}

#map_canvas{ height:200px}

@media screen and (max-width:768px){
.iprint_wrap dl dt {border-radius: 0; background-size: contain;}
}




@media screen and (max-width:359px){
.login_box{ text-align:left}
.login_box .nomem_wrap{ display:block}
.login_box .nomem_wrap .login{ padding-right:0}
.login_box .nomem_wrap .login .btn_wrap{ position:static; margin-top:10px; width:100%}
.login_box .login .inp_wrap .inp{ width:50%;}
.login_box .login .inp_wrap .inp.size1{ width:70%}
.login_box .login .inp_wrap .inp.size2{ width:15%}

.main_book_wrap .main_book_tab > li{ width:20%;}
}

/**/
.inp_w1{ width:80px}
.inp_w2{ width:40px}
.inp_w3{ width:60px}
.inp_w4{ width:250px; max-width:90%}

.tab_st .tab > li > a .icon{ background-size:auto 6px}

.table_st{ margin-top:5px}
.table_st2 th,
.table_st2 td{ padding:4px}
.table_prodview th{ background-size:8px auto; padding:4px 0 2px 12px;}
.table_prodview td{ padding:4px 0 2px 12px;}

.btn_st{ padding:4px 10px 4px 10px;}
.btn_st2{ padding:4px 5px 4px 5px; min-width:70px; line-height:1}
.btn_st3{ padding:5px 5px;}
.btn_st3 .icon{ background-size:70%; auto}

.btn_st3.prev{padding-left:15px}
.btn_st3.prev .icon{ left:2px;}
.btn_st3.next{padding-right:15px}
.btn_st3.next .icon{ right:2px;}
.btn_st3.zoom{ padding-left:20px}
.btn_st3.zoom .icon{ left:2px;}

.btn_st4{min-width:50px;}
.btn_st4.buy .icon{width:22px; height:12px; background-size:auto 100%; margin:0 5px}

.list_price_icon{ padding:2px 2px; min-width:30px}

.paging_st{ margin-top:20px; text-align:center}
.paging_st > *{width:18px; height:15px; line-height:15px; padding-top:2px; margin-left:0}
.paging_st .paging_btn{ padding:1px 0;}

.w_sel{ width:30px}
.w_list_prod{ width: auto}
.w_list_price{ width: 110px}
.w_list_btn{ display:none}

.w_my_img{ width:40px}
.w_my_vol{ width:55px}
.w_my_point{ width:40px}
.w_my_price{ width:65px}
.w_my_btn{ width:40px}

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

.w_no{ width:25px}
.w_date{ width:65px}

.w_view_bookname{ width:15%}

.sub_map .wrap_map{ height:150px !important}
.sub_roadview{ display:none}

@media screen and (min-width:769px) and (max-width:1024px){
body{ font-size:10px; line-height:1.2}
#header .logo_wrap .logo .va_wrap{ height:60px;}

#header .logo_wrap .search_wrap .search{ float: left; width:50%; left:2.5%; height:30px; box-sizing:border-box}
#header .logo_wrap .search_wrap .search .inp{ line-height:20px; height:20px; padding-top:0;}
#header .logo_wrap .search_wrap .search .btn{ width:18px; height:18px; background-size:auto 18px}
#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; width: 40%; margin-left:5%}
#header .logo_wrap .search_wrap .keyword .keyword_tit{ display: block}
#header .logo_wrap .search_wrap .keyword .keyword_slider{ padding-right:0; padding-left:0}
#header .logo_wrap .search_wrap .keyword .flex-direction-nav a{top:-8px;}

#header .logo_wrap .top_print{ height:45px; padding-left:60px; top:20px}

#header .topmenu_wrap{ margin-top:10px;}
#header .topmenu_wrap .topmenu{ border-radius:0 0 5px 5px}
#header .topmenu_wrap .topmenu > li{ width:14.28%;}
#header .topmenu_wrap .topmenu > li > a{ height:40px}

#footer .customer .quick_wrap .quick .list > li{ width:11.11%}

.sub_wrap .lnb_wrap .lnb .lnb_tit{height:30px;}
.sub_wrap .lnb_wrap .lnb .menu > li{ width:25%;}
.sub_wrap .lnb_wrap .lnb .menu > li:nth-child(2n+1){ clear:none}
.sub_wrap .lnb_wrap .lnb .menu > li:nth-child(4n+1){ clear:left}

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

.prod_list.sec1 > li{ width:25%}
.prod_list.sec1 > li:nth-child(2n+1){ clear:none}
.prod_list.sec1 > li:nth-child(4n+1){ clear:none}
.prod_list.sec3 > li{ width:16.66%}
.prod_list.sec3 > li:nth-child(3n+1){ clear:none}
.prod_list.sec4 > li{ width:16.66%}
.prod_list.sec4 > li:nth-child(4n+1){ clear:none}
.prod_list.sec4{ margin:0 0 0 -10px}

.login_box .login .inp_wrap .inp{ width:140px}
.login_box .login .inp_wrap .inp.size1{ width:400px}
.login_box .login .inp_wrap .inp.size2{ width:32px}
.login_box .login .inp_wrap .sel{ width:46px}

.login_box .nomem_wrap{ border-top:none; padding-top:0}

.sub_sitemap > li{ float:left; width:25%}

.prod_list .prod .con_area .prod_tit{height:36px; overflow:hidden; text-overflow:ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
}
@media screen and (max-width:768px) {
    .prod_list .prod .con_area .prod_tit{height:36px; overflow:hidden; text-overflow:ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
}