/*layout*/ body { background:url(../images/top_bg.jpg) repeat-x top;} #wrapper {margin:0 auto;position:relative;text-align:left;width:1120px;} #header {position:relative;float:right;right:120px;width:1000px;height:164px;} #container {position:relative;float:left;width:1000px;margin-top:10px;} #footer {clear: both;position:relative;top:30px;width:100%; height:150px;border-top:1px solid #e9e9e9;} #quick {position:relative;float:right;width:110px; margin-top:10px;} /*텍스트 칼라*/ .color_gr { color:#33CC66} .color_or { color:#f26522} .color_bl { color:#3399CC} .color_rd { color:#FF0000} /* header부분 **************************************************************/ /*로고*/ #logo { position:absolute;width:170px;height:50px;top:20px;left:10px;} /*top_menu*/ #top_menu {position:absolute;top:0;right:0;} #top_menu ul {position:absolute;top:35px;right:0;width:750px;text-align:right;} #top_menu ul li {display: inline-block;;background:url(../images/top_gap.gif) left 6px no-repeat;padding:0 3px 0 7px;vertical-align:top;height:20px;} #top_menu ul li.hid {background:none;padding-left:0;} #top_menu ul li img {vertical-align:top;} #top_menu ul li img.down { margin-left:3px; width:20px; height:auto;vertical-align:-5px;} #top_menu ul li a {display:inline-block;color: #666666;} #top_menu ul li a:hover {color: #000;} #top_menu ul li a.ic_my { margin-right:10px; width:32px; height:32px; background:url(../images/icon_mypage.png) no-repeat center center; font-size:0;} #top_menu ul li a.ic_cart { width:47px; height:32px; background:url(../images/icon_cart.png) no-repeat center center; font-size:0;} #top_menu p {position:absolute;top:60px;right:0;width:168px;height:44px;} #top_menu .mycart_list { display: none; position: absolute; top: 50px; left: -151px; z-index:906; } #top_menu .mycart_area { position: relative; width: 118px; border: 1px solid #0072bc; background: #fff; margin-top:23px } #top_menu .mycart_area:before { content: ''; border: solid #0072bc; border-width: 0 1px 1px 0; display: inline-block; padding: 5px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); background: #fff; position:absolute; top:-6px; left:50%; margin-left:-4px; } #top_menu .mycart_list span { display: block; } #top_menu .mycart_list span a { display: block; line-height: 23px; font-size: 13px; color: #333333; padding:8px 0; margin:0 12px; border-bottom: 1px solid #e5e5e5; text-align: left; } #top_menu .mycart_list span a:hover { color:#0072bc; } #top_menu .mycart_list span:last-child a { border-bottom:none; } /*통합검색*/ #search_area {position:relative;top:59px;margin:0 auto;width:388px;height:45px;} #search_area fieldset {position:absolute;width:382px;height:38px; border:3px solid #0080c6; border-radius:10px;} #search_area fieldset input {position:absolute;top:0;left:3px;float:left;width:300px;height:36px;border:none;background:none;padding:2px 0 0 15px;} #search_area fieldset p.btn_atcmp_down_on {position:absolute;top:0;left:100px;width:28px;height:27px;line-height:0;} #search_area p.btn_search {position:absolute;top:0px;right:0px;width:62px;height:38px;} /*NEW 통합검색*/ #nsearch_area {position:relative;top:24px;margin-left:200px;width:388px;height:45px;} #nsearch_area fieldset {position:absolute;width:382px;height:38px; border:3px solid #0080c6; border-radius:10px;} #nsearch_area fieldset input {position:absolute;top:0;margin: 0 0 0 75px;float:left;width:230px;height:36px;border:none;background:none;padding:2px 0 0 10px;} #nsearch_area fieldset select {position:absolute;top:0;float:left;width:70px;height:36px;border:none;background:none;padding:2px 0 0 5px;} #nsearch_area fieldset p.btn_atcmp_down_on {position:absolute;top:0;left:100px;width:28px;height:27px;line-height:0;} #nsearch_area p.btn_search {position:absolute;top:0px;right:0px;width:62px;height:38px;} /*2024NEW 통합검색*/ #nnsearch_area {position:relative;top:31px;margin-left:190px;width:500px;height:48px;} #nnsearch_area fieldset {position:absolute;width:496px;height:44px; border:2px solid #067dfd; border-radius:30px;} #nnsearch_area fieldset input {position:absolute;top:0;margin: 0 0 0 75px;float:left;width:350px;height:40px;border:none;background:none;padding:2px 0 0 10px;} #nnsearch_area fieldset select {position:absolute;top:0;float:left;width:70px;height:40px;border:none;background:none;padding:2px 0 0 10px;} #nnsearch_area fieldset p.btn_atcmp_down_on {position:absolute;top:0;left:100px;width:28px;height:27px;line-height:0;} #nnsearch_area p.btn_search {position:absolute;top:0px;right:0px;width:62px;height:38px;} /*메뉴*/ #menu {position:absolute;top:126px;left:0;width:100%;height:38px;} #menu ul.menu {position:relative;margin:0 auto;width:100%;height:38px;background:#0080c6;text-align:center;} #menu ul.menu li {float:left; width:16%;height:38px;background:url(../images/menu_gap.gif) left 7px no-repeat; text-align:center;} #menu ul.menu li.hid {background:none;} #menu ul.menu li a { font-size:115%; font-weight:800; color:#FFFFFF; line-height:35px;} #nmenu {position:absolute;top:91px;left:0;width:100%;height:38px;} #nmenu ul.menu {position:relative;margin:0 auto;width:100%;height:38px;background:#0080c6;text-align:center;} #nmenu ul.menu li {float:left;width:16.6%;height:38px;background:url(../images/menu_gap.gif) left 7px no-repeat; text-align:center;} #nmenu ul.menu li.hid {background:none;} #nmenu ul.menu li a { display:inline-block;font-size:115%; font-weight:800; color:#FFFFFF; line-height:35px;} /*2024NEW 메뉴*/ #nnmenu {position:absolute;top:109px;left:0;width:100%;height:52px;} #nnmenu ul.menu {position:relative;} #nnmenu ul.menu li {float:left; padding:0 20px;height:52px;text-align:center;} #nnmenu ul.menu li.hid {background:none;} #nnmenu ul.menu li a { display:inline-block;font-size:115%; color:#333; line-height:52px;} #nnmenu ul.menu li a.bold { font-weight:600;} #nnmenu ul.smenu {position:relative; float:right;height:52px;text-align:center;} #nnmenu ul.smenu li { float:left; padding:0 10px;background:url(../images/top_gap.gif) left 52% no-repeat;} #nnmenu ul.smenu li.hid {background:none;padding-left:0;} #nnmenu ul.smenu li a { display:block; color:#808080; line-height:52px;} .newicon {display:none; position: absolute; top: -10px; left: 270px; color: #fff; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .newicon::before { display: block; position: absolute; z-index: 100; content: ''; } .newicon::after { display: block; position: absolute; top: 0; left: 0; z-index: 99; content: ''; } .newicon.new { width: 40px; height: 21px; line-height: 11px;} .newicon.new::before { top: 0; left: 0; width: 40px; height: 21px; background: url(/sub/images/spr_tab_new1.png) no-repeat top left; background-size: 40px auto; } /*footer 부분 **************************************************************/ #footer .f_menu { position:relative; margin:0 auto;width:1120px; height:45px;} #footer .f_menu ul li { display:inline; float:left; padding-right:20px;} #footer .f_menu ul li a { line-height:45px;} #footer #footerWrap {width: 100%;border-top: 1px solid #e9e9e9;background: #ffffff; color:#666666;} #footer #footerWrap .inner {margin:20px auto;width:1120px;} #footer #footerWrap .inner address {display: block; font-size:95%; line-height:145%;} #footer #footerWrap .inner address a.btn { display:inline-block;padding:0px 3px; background:#F8F8F8; border:1px solid #CCCCCC; font-size:90%; color:#666666;} #footer #footerWrap .inner address .copyright {font-size: 85%;letter-spacing: 0;color: #8f8f8f;} #footer #footerWrap .inner address .copyright1 {font-size: 75%;letter-spacing: 0;color: #8f8f8f;} #footer #footerWrap .inner .safe{ position:relative; float:right; right:120px;} #footer #footerWrap .inner .safe ul li { float:left; width:65px; text-align:center;} /*quick 부분 **************************************************************/ #quick .ss_cardview a{display:block;width:110px;height:29px;background:#FFF url(../images/ic_common.gif) no-repeat -308px -30px;cursor:pointer} #quick .ss_delivery a{display:block;width:110px;height:29px;background:#FFF url(../images/ic_common.gif) no-repeat -308px -63px;cursor:pointer} #quick .ss_cardsettle a{display:block;width:110px;height:29px;background:#FFF url(../images/ic_common.gif) no-repeat -308px -96px;cursor:pointer} #quick .ss_cardview a span, #quick .ss_delivery a span, #quick .ss_cardsettle a span{display: block; font-size:12px; padding:5px 0 0 6px; letter-spacing:-1px;} #quick .ss_myshop{width:108px;height:26px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} #quick .ss_myshop a{display:block;width:99px;height:18px;padding:8px 0 0 9px;font:normal 11px 돋움;color:#929292;background:#FFF url(../images/ic_common.gif) no-repeat 95px -222px} #quick .ss_myshop a:hover{color:#0066CC;text-decoration:none} #quick .today_view{position:relative;width:108px;border:1px solid #e9e9e9;background:#FFF;padding-bottom:30px;overflow:hidden} #quick .today_view h4{font:bolder 11px 돋움;color:#666;margin:10px 0 6px 8px;letter-spacing:-0.03em} #quick .today_view .item-container{width:92px;margin:0 auto;overflow:hidden} #quick .today_view .nodata{height:35px;padding-top:15px;text-align:center;font:normal 11px 돋움;color:#888;letter-spacing:-0.03em} #quick .today_view .tv_prod{width:90px;height:90px;border:1px solid #e9e9e9;margin-bottom:10px;text-align:center;overflow:hidden} #quick .today_view .tv_prod img{height:90px;max-width:90px} #quick .info_Pagen{position:absolute;width:74px;height:14px;left:18px;bottom:10px;text-align:center} #quick .info_Pagen .pg_l span,.info_Pagen .pg_r span{display:none} #quick .info_Pagen .pg_count{float:left;color:#818181;font:normal 11px 돋움;width:44px;height:14px;text-align:center} #quick .info_Pagen .start_index{font-weight:bolder} #quick .info_Pagen .pg_l{float:left;width:14px;height:14px;background:url(../images/ic_common.gif) no-repeat 0px -208px} #quick .info_Pagen .pg_r{float:left;width:14px;height:14px;background:url(../images/ic_common.gif) no-repeat -40px -208px} #quick .info_Pagen .pg_l:hover{background-position:-20px -208px} #quick .info_Pagen .pg_r:hover{background-position:-60px -208px} /*main-page 부분 **************************************************************/ #mainContTop {clear:both;position:relative;width:1000px;padding-bottom:15px;overflow:hidden;} #mainContMiddle {clear:both;position:relative;width:1000px;padding-bottom:15px;overflow:hidden;} #mainContBottom {clear:both;position:relative;float:left;width:1000px;margin-top:10px;} .main_cate_wrap { float:left; width:260px;} .main_cate_wrap ul {} .main_cate_wrap ul li {width:130px; height:32px;} .main_cate_wrap ul li a { display:block; background:url(../images/cate_menu.png) no-repeat left top #cfeeff; width:130px; height:32px; text-indent:-10000px;} .main_cate_wrap ul li a:hover {background:url(../images/cate_menu.png) no-repeat left top #FFFFFF; } .main_cate_wrap ul li a.on {background:url(../images/cate_menu.png) no-repeat left top #FFFFFF; } .main_cate_wrap ul li a.cm1 { background-position:0 0;} .main_cate_wrap ul li a.cm2 { background-position:0 -30px;} .main_cate_wrap ul li a.cm3 { background-position:0 -60px;} .main_cate_wrap ul li a.cm4 { background-position:0 -90px;} .main_cate_wrap ul li a.cm97 { background-position:0 -120px;} .main_cate_wrap ul li a.cm5 { background-position:0 -150px;} .main_cate_wrap ul li a.cm6 { background-position:0 -180px;} .main_cate_wrap ul li a.cm45 { background-position:0 -210px;} .main_cate_wrap ul li a.cm100 { background-position:0 -240px;} .main_cate_wrap ul li a.cm101 { background-position:0 -270px;} .main_cate_wrap ul li ul { display:bolck; position: absolute; top:15px; left:130px; width:130px; height:200px;} .main_cate_wrap ul li ul li { width:130px; height:30px;} .main_cate_wrap ul li ul li a { padding-left:20px; background: url(../images/icon_dot.gif) no-repeat 12px 40% #fff; width:100px; font-size:95%; font-weight:800; color:#333333; text-indent:0;} .main_cate_wrap ul li ul li a:hover { background:url(../images/icon_dot.gif) no-repeat 12px 40% #fff; color:#0066CC} /*20201208 추가*/ .nmain_cate_wrap { float:left; width:160px;} .nmain_cate_wrap ul {} .nmain_cate_wrap ul li {width:150px; height:32px;} .nmain_cate_wrap ul li a { display:block; background:url(../images/cate_menu2.png) no-repeat left top #ffffff; width:150px; height:32px; text-indent:-10000px;} .nmain_cate_wrap ul li a:hover {background:url(../images/cate_menu2.png) no-repeat left top #cfeeff; } .nmain_cate_wrap ul li a.on {background:url(../images/cate_menu2.png) no-repeat left top #cfeeff; } .nmain_cate_wrap ul li a.cm1 { background-position:0 0;} .nmain_cate_wrap ul li a.cm2 { background-position:0 -30px;} .nmain_cate_wrap ul li a.cm3 { background-position:0 -60px;} .nmain_cate_wrap ul li a.cm4 { background-position:0 -90px;} .nmain_cate_wrap ul li a.cm5 { background-position:0 -120px;} .nmain_cate_wrap ul li a.cm6 { background-position:0 -150px;} .nmain_cate_wrap ul li a.cm7 { background-position:0 -180px;} .nmain_cate_wrap ul li a.cm8 { background-position:0 -210px;} .nmain_cate_wrap ul li a.cm9 { background-position:0 -240px;} .nmain_cate_wrap ul li a.cm10 { background-position:0 -270px;} .nmain_cate_wrap ul li a.cm11 { background-position:0 -300px;} .nmain_cate_wrap ul li a.cm12 { background-position:0 -330px;} .nmain_cate_wrap ul li ul { display:bolck; position: absolute; top:15px; left:130px; width:130px; height:200px;} .nmain_cate_wrap ul li ul li { width:130px; height:30px;} .nmain_cate_wrap ul li ul li a { padding-left:20px; background: url(../images/icon_dot.gif) no-repeat 12px 40% #fff; width:100px; font-size:95%; font-weight:800; color:#333333; text-indent:0;} .nmain_cate_wrap ul li ul li a:hover { background:url(../images/icon_dot.gif) no-repeat 12px 40% #fff; color:#0066CC} .main_cate_wrap .mymenu { position:relative; clear:both; margin-top:11px; width:260px; height:50px;} .main_cate_wrap .mymenu ul li { float:left; display:inline;width:132px;} .main_cate_wrap .mymenu ul li a { background:none;width:128px; height:50px;text-indent:0;} .main_cate_wrap .mymenu ul li a img {border:2px solid #acd2e6; border-radius:5px; width:124px;height:46px;} .main_slide { position:relative;float:left; margin-left:4px; width:736px; height:285px;} .main_slide2 { position:relative;float:left; width:840px; height:285px;} .main_slide3 { position:relative;} /*202403 메인 배너부분 추가*/ .main_banner_area{ position:relative; overflow:hidden; margin:35px 0;} .main_banner_area ul li{ float:left; width:25%; text-align:center;} .main_banner_area ul li:first-child { text-align:left;} .main_banner_area ul li:last-child { text-align:right;} .nqmenu {margin:20px 10px 10px; clear:both;} .nqmenu .quickcate { margin:10px 0; overflow:hidden;} .nqmenu .quickcate ul {} .nqmenu .quickcate ul li { float:left; width: calc(100%/8); text-align:center;} .nqmenu .quickcate ul li a { margin:5px auto; display:block; width:100px; height:100px;border-radius:100%; background-color: #000; text-align:center;} .nqmenu .quickcate ul li .name {display:block;margin:8px 0 0;color:#444;font-size:16px;font-weight:400} .qmenu {margin:20px 10px 10px; clear:both;} .qmenu .quickcate { margin:10px 0; overflow:hidden;} .qmenu .quickcate ul {} .qmenu .quickcate ul li { float:left; width:12.5%; text-align:center;} .qmenu .quickcate ul li a { margin:5px auto; display:block; width:90px; height:90px;border-radius:100%; background-color: #f2f2f2; text-align:center;} .qmenu .quickcate ul li a .icon {display:inline-block; margin-top:10px;width:70px;height:70px;background: url(/m/images/icon_category.png) no-repeat top left; background-size:560px auto;opacity:0.8;} .qmenu .quickcate ul li a .icon.i1 { background-position:0 0;} .qmenu .quickcate ul li a .icon.i2 { background-position:-70px 0;} .qmenu .quickcate ul li a .icon.i3 { background-position:-140px 0;} .qmenu .quickcate ul li a .icon.i4 { background-position:-210px 0;} .qmenu .quickcate ul li a .icon.i5 { background-position:-280px 0;} .qmenu .quickcate ul li a .icon.i6 { background-position:-350px 0;} .qmenu .quickcate ul li a .icon.i7 { background-position:-420px 0;} .qmenu .quickcate ul li a .icon.i8 { background-position:-490px 0;} .qmenu .quickcate ul li a .icon.i9 { background-position:0 -35px;} .qmenu .quickcate ul li a .icon.i10 { background-position:-35px -35px;} .qmenu .quickcate ul li .name {display:block;margin:8px 0 0;color:#444;font-size:16px;font-weight:400} .qmenu .quickcate2 { margin:10px 0; padding-bottom:10px; width:100%; overflow-x:scroll;} .qmenu .quickcate2 ul {display: flex;} .qmenu .quickcate2 ul li { float:left; width:120px; margin-right:20px; text-align:center;} .qmenu .quickcate2 ul li a { margin:10px; display:block; width:70px; height:70px;border-radius:100%; background-color: #f2f2f2; text-align:center;} .qmenu .quickcate2 ul li a .icon {display:inline-block; margin-top:10px;width:50px;height:50px;background: url(/sub/images/icon_maincategory.png) no-repeat top left; background-size:400px auto;opacity:0.8;} .qmenu .quickcate2 ul li a .icon.i1 { background-position:0 0;} .qmenu .quickcate2 ul li a .icon.i2 { background-position:-50px 0;} .qmenu .quickcate2 ul li a .icon.i3 { background-position:-100px 0;} .qmenu .quickcate2 ul li a .icon.i4 { background-position:-150px 0;} .qmenu .quickcate2 ul li a .icon.i5 { background-position:-200px 0;} .qmenu .quickcate2 ul li a .icon.i6 { background-position:-250px 0;} .qmenu .quickcate2 ul li a .icon.i7 { background-position:-300px 0;} .qmenu .quickcate2 ul li a .icon.i8 { background-position:-350px 0;} .qmenu .quickcate2 ul li a .icon.i9 { background-position:0 -50px;} .qmenu .quickcate2 ul li a .icon.i10 { background-position:-50px -50px;} .qmenu .quickcate2 ul li a .icon.i11 { background-position:-100px -50px;} .qmenu .quickcate2 ul li a .icon.i12 { background-position:-150px -50px;} .qmenu .quickcate2 ul li a .icon.i13 { background-position:-200px -50px;} .qmenu .quickcate2 ul li a .icon.i14 { background-position:-250px -50px;} .qmenu .quickcate2 ul li a .icon.i15 { background-position:-300px -50px;} .qmenu .quickcate2 ul li a .icon.i16 { background-position:-350px -50px;} .qmenu .quickcate2 ul li a .icon.i17 { background-position:0px -100px;} .qmenu .quickcate2 ul li a .icon.i18 { background-position:-50px -100px;} .qmenu .quickcate2 ul li a .icon.i19 { background-position:-100px -100px;} .qmenu .quickcate2 ul li a .icon.i20 { background-position:-150px -100px;} .qmenu .quickcate2 ul li a .icon.i21 { background-position:-200px -100px;} .qmenu .quickcate2 ul li a .icon.i22 { background-position:-250px -100px;} .qmenu .quickcate2 ul li a .icon.i23 { background-position:-300px -100px;} .qmenu .quickcate2 ul li a .icon.i24 { background-position:-350px -100px;} .qmenu .quickcate2 ul li a .icon.i25 { background-position:0 -150px;} .qmenu .quickcate2 ul li a .icon.i26 { background-position:-50px -150px;} .qmenu .quickcate2 ul li a .icon.i27 { background-position:-100px -150px;} .qmenu .quickcate2 ul li .name {display:block;margin:8px 0 0;color:#444;font-size:14px;font-weight:400;letter-spacing:-1px;} .main_bookcount { position:relative; padding:9px 0; border-bottom:1px solid #dddddd; font-size:14px;text-align:right; color:#646464;} .main_bookcount span { font-weight:700; color:#ff0019} .main_item { position:relative; clear:both;} .main_item h2 { padding:20px 0; text-align:left;} .main_item .book_list { overflow:hidden; padding-bottom:10px;border-bottom:1px solid #dddddd;} .main_item .book_list li{float:left; display:inline;position:relative; margin-bottom:15px; padding:10px 0; width:33%; border-left:1px solid #dddddd; text-align:center;} .main_item .book_list li.nobd { border-left:none;} .main_item .book_list .b_img { margin:0 auto;width:250px;height:250px;} .main_item .book_list .b_img img {width:250px;} .main_item .book_list dl {width:250px;margin:12px auto 0;} .main_item .book_list dl dt {font-size:18px;letter-spacing:-0.02em;line-height:120%;font-weight:bolder} .main_item .book_list dl dt a{color:#333} .main_item .book_list dl .b_author{font-size:11px;margin-top:3px} .main_item .book_list dl .b_price{font-size:22px;margin-top:6px;font-weight:bolder} .main_item2 { position:relative; clear:both; overflow:hidden; /*padding:20px; border:1px solid #CCCCCC;*/} .main_item2 h2 { padding:10px; text-align:left;} .main_item2 h2.tt_total { border-bottom:2px solid #d6b7a5; margin-right:10px; color:#ab8977;} .main_item2 h2.tt_dan { border-bottom:2px solid #d4cfe6; margin-left:10px;color:#7f71b1;} .main_item2 .bestbox { float:left; width:50%;} .main_item2 .book_list { overflow:hidden; height:600px;} .main_item2 .book_list li{float:left; display:inline;position:relative; margin-bottom:15px; padding:10px 0; width:50%;text-align:center;} .main_item2 .book_list li.nobd { border-left:none;} .main_item2 .book_list .b_img { margin:0 auto;width:200px;height:200px; background:#FFFFFF; border:1px solid #e5e5e5;} .main_item2 .book_list .b_img img {width:auto; height:auto; max-width:200px; max-height:200px;} .main_item2 .book_list dl {width:100%;margin:12px auto 0;} .main_item2 .book_list dl dt {font-size:16px;letter-spacing:-0.02em;line-height:120%;} .main_item2 .book_list dl dt a{color:#333} .main_item2 .book_list dl .b_author{font-size:11px;margin-top:3px} .main_item2 .book_list dl .b_price{font-size:16px;margin-top:6px;font-weight:800;} .main_item2n { position:relative; clear:both; overflow:hidden; /*padding:20px; border:1px solid #CCCCCC;*/} .main_item2n h2 { padding:10px 0; text-align:left;} .main_item2n h2.tt_total { color:#333;} .main_item2n h2.tt_dan {color:#333;} .main_item2n .bestbox { width:100%;} .main_item2n .book_list { overflow:hidden;} .main_item2n .book_list li{float:left; display:inline;position:relative; margin-bottom:15px; padding:10px 0; width:25%;text-align:center;} .main_item2n .book_list li.nobd { border-left:none;} .main_item2n .book_list .b_img { margin:0 auto;width:200px;height:200px; background:#FFFFFF; border:1px solid #e5e5e5;} .main_item2n .book_list .b_img img {width:auto; height:auto; max-width:200px; max-height:200px;} .main_item2n .book_list dl {width:100%;margin:12px auto 0;} .main_item2n .book_list dl dt {font-size:16px;letter-spacing:-0.02em;line-height:120%;} .main_item2n .book_list dl dt a{color:#333} .main_item2n .book_list dl .b_author{font-size:11px;margin-top:3px} .main_item2n .book_list dl .b_price{font-size:16px;margin-top:6px;font-weight:800;} .main_item2n .book_list1 { overflow:hidden;} .main_item2n .book_list1 li{float:left; display:inline;position:relative; margin-bottom:15px; padding:10px 0; width:20%;text-align:center;} .main_item2n .book_list1 li.nobd { border-left:none;} .main_item2n .book_list1 .b_img { margin:0 auto;width:180px;height:180px; background:#FFFFFF; border:1px solid #e5e5e5;} .main_item2n .book_list1 .b_img img {width:auto; height:auto; max-width:180px; max-height:180px;} .main_item2n .book_list1 dl {width:100%;margin:12px auto 0;} .main_item2n .book_list1 dl dt {font-size:16px;letter-spacing:-0.02em;line-height:120%;} .main_item2n .book_list1 dl dt a{color:#333} .main_item2n .book_list1 dl .b_author{font-size:11px;margin-top:3px} .main_item2n .book_list1 dl .b_price{font-size:16px;margin-top:6px;font-weight:800;} .main_item2n .book_list2 { overflow:hidden;} .main_item2n .book_list2 li{float:left; display:inline;position:relative; margin-bottom:15px; padding:10px 0; width:25%;text-align:center;} .main_item2n .book_list2 li img{ width:230px;} .main_item3 { position:relative; clear:both;} .main_item3 h2 { padding:20px 0; text-align:left;} .main_item3 .book_list { clear:both; overflow:hidden; padding-bottom:10px;border-bottom:1px solid #dddddd;} .main_item3 .book_list li{float:left; display:inline;position:relative; margin-bottom:15px; padding:10px 0; width:25%; text-align:center;} .main_item3 .book_list li.nobd { border-left:none;} .main_item3 .book_list .bd { display:table; margin:0 auto; width:120px; height:198px; max-height:198px; border:1px solid #CCCCCC;} .main_item3 .book_list .bd a { display:table-cell; vertical-align:middle;} .main_item3 .book_list .bd .txt { padding:10px 5px; max-height:178px;text-align:center; } .main_item3 .book_list .b_img { margin:0 auto;width:200px;height:200px;} .main_item3 .book_list .b_img img {width:auto; height:auto; max-width:200px; max-height:200px;} .main_item3 .book_list dl {width:90%; height:70px;margin:12px auto 0;} .main_item3 .book_list dl dt {font-size:16px;letter-spacing:-0.02em;line-height:120%;} .main_item3 .book_list dl dt a{color:#333} .main_item3 .book_list dl .b_author{font-size:11px;margin-top:3px} .main_item3 .book_list dl .b_price{font-size:16px;margin-top:6px;font-weight:600} .b_ageclass { clear:both;} .b_ageclass ul li { float:left; width:8.5%; margin:0 0.2%;} .b_ageclass ul li:first-child { margin-left:0;} .b_ageclass ul li:last-child { width:11%; margin-right:0;} .b_ageclass ul li a { display:block; background:#f5f5f5; padding:10px 0; font-size:15px; color:#333333; text-align:center;} .b_ageclass ul li a.on {background:#256ec0; color:#FFFFFF;} .main_cust { position:relative; float:left; border:1px solid #e5e5e5; padding:30px; margin-right:10px; width:300px; height:95px;} .main_cust .tel {display:block; font-size:250%; font-weight:700; color:#333333;} .main_cust .time {display:block; font-size:90%;} .main_bank { position:relative; float:left; border:1px solid #e5e5e5; padding:30px; margin-right:10px; width:200px; height:95px;} .main_bank .bank {display:block; padding-top:10px; } .main_service { position:relative; float:left; border:1px solid #e5e5e5; padding:30px; width:293px; height:95px;} .main_service ul li { display:block; margin:3px 0; padding-left:7px; background:url(../images/ic_common.gif) no-repeat 0 -224px;} /*sub-page 부분 ********************************/ #content { float:left; width:810px;} #content-e { float:left; margin-left:10px; width:800px;} /* left menu */ .snb { float:left;width:180px;margin-right:10px;} .category { position:relative; width:178px; border:1px solid #dbdbdb; background:#FFFFFF;} .category h2 { padding:5px 0 0 10px ; background: #2A5AA4; height:40px; font-size:135%; line-height:37px; letter-spacing:-1px; color:#FFFFFF} .category .cate_menu { padding-bottom:10px; } .category .cate_menu li { display:inline; position:relative;} .category .cate_menu li a { display:block;background:url(../images/cate_menu.png) no-repeat left top #FFFFFF; height:32px; text-indent:-10000px;} .category .cate_menu li a.cm1 { background-position:0 0;} .category .cate_menu li a.cm2 { background-position:0 -30px;} .category .cate_menu li a.cm3 { background-position:0 -60px;} .category .cate_menu li a.cm4 { background-position:0 -90px;} .category .cate_menu li a.cm97 { background-position:0 -120px;} .category .cate_menu li a.cm5 { background-position:0 -150px;} .category .cate_menu li a.cm6 { background-position:0 -180px;} .category .cate_menu li a.cm45 { background-position:0 -210px;} .category .cate_menu li a.cm100 { background-position:0 -240px;} .category .cate_menu li a.cm101 { background-position:0 -270px;} .category .cate_menu li ul { display:bolck; position: relative;left:10px; width:150px;} .category .cate_menu li ul li { width:150px; height:25px;} .category .cate_menu li ul li a { padding-left:20px; background: url(../images/icon_dot.gif) no-repeat 12px 35% #fff; width:130px; font-size:95%; height:25px; font-weight:800; color:#333333; text-indent:0;} .category .cate_menu li ul li a:hover { background:url(../images/icon_dot.gif) no-repeat 12px 35% #fff; color:#0066CC} .category .cate_menu2 { margin-top:10px; padding-bottom:10px; } .category .cate_menu2 li { display:inline; position:relative;} .category .cate_menu2 li a { margin:0 auto; display:block; background:url(../images/cate_menu2.png) no-repeat left top #ffffff; width:160px; height:32px; text-indent:-10000px;} .category .cate_menu2 li a:hover {background:url(../images/cate_menu2.png) no-repeat left top #cfeeff; } .category .cate_menu2 li a.on {background:url(../images/cate_menu2.png) no-repeat left top #cfeeff; } .category .cate_menu2 li a.cm1 { background-position:0 0;} .category .cate_menu2 li a.cm2 { background-position:0 -30px;} .category .cate_menu2 li a.cm3 { background-position:0 -60px;} .category .cate_menu2 li a.cm4 { background-position:0 -90px;} .category .cate_menu2 li a.cm5 { background-position:0 -120px;} .category .cate_menu2 li a.cm6 { background-position:0 -150px;} .category .cate_menu2 li a.cm7 { background-position:0 -180px;} .category .cate_menu2 li a.cm8 { background-position:0 -210px;} .category .cate_menu2 li a.cm9 { background-position:0 -240px;} .category .cate_menu2 li a.cm10 { background-position:0 -270px;} .category .cate_menu2 li a.cm11 { background-position:0 -300px;} .category .cate_menu2 li a.cm12 { background-position:0 -330px;} /*20211206 전집카테수정 */ .category .cate_menu3 { margin:10px 9px 0; padding-bottom:10px; clear:both; overflow:hidden;/*background:url(../images/cate_menu3bg.png) no-repeat left top;*/ } .category .cate_menu3 li { position:relative; float:left; margin-left:3px; width:50px;} .category .cate_menu3 li.mgl0{ margin-left:0;} .category .cate_menu3 li.w100{ width:100px;} .category .cate_menu3 li.w80{ width:80px;} .category .cate_menu3 li a { padding:0 0 0 5%; display:block; /*background:url(../images/cate_menu3.png?=01) no-repeat left top #ffffff; text-indent:-10000px;*/ width:95%; height:30px; line-height:30px; font-weight:600; letter-spacing:-1px;} .category .cate_menu3 li a:hover {background:/*url(../images/cate_menu3.png?=01) no-repeat left top*/ #cfeeff; } .category .cate_menu3 li a.on {background:/*url(../images/cate_menu3.png?=01) no-repeat left top*/ #cfeeff; } .category .cate_menu3 li a.cm1 { background-position:0 0;} .category .cate_menu3 li a.cm2 { background-position:-53px 0;} .category .cate_menu3 li a.cm3 { background-position:-106px 0;} .category .cate_menu3 li a.cm4 { background-position:0 -30px;} .category .cate_menu3 li a.cm5 { background-position:-53px -30px;} .category .cate_menu3 li a.cm6 { background-position:-106px -30px;} .category .cate_menu3 li a.cm7 { background-position:0 -60px;} .category .cate_menu3 li a.cm8 { background-position:-53px -60px;} .category .cate_menu3 li a.cm9 { background-position:-106px -60px;} .category .cate_menu3 li a.cm10 { background-position:0 -90px;} .category .cate_menu3 li a.cm11 { background-position:-53px -90px;} .category .cate_menu3 li a.cm12 { background-position:0 -330px;} /*20200603 단행본대여추가 */ .category .cate_menud { padding:10px 0; } .category .cate_menud li { display:inline; position:relative;} .category .cate_menud li a { display:block; height:32px; margin-left:10px; font-weight:800;} .category .cate_menud li ul { display:bolck; position: relative;left:10px; width:150px;} .category .cate_menud li ul li { width:150px; height:25px;} .category .cate_menud li ul li a { padding-left:10px; background: url(../images/icon_dot.gif) no-repeat 0 45% #fff; width:130px; font-size:95%; height:25px; font-weight: normal; color:#666666; text-indent:0;} .category .cate_menud li ul li a.on { font-weight:800; color:#006699;} .category .cate_menud li ul li a:hover { background:url(../images/icon_dot.gif) no-repeat 0 45% #fff; color: #0099FF;} /*20211214 단행본대여 카테고리 디지안처리 */ .category .cate_menud2 { padding:10px 0; clear:both; overflow:hidden; } .category .cate_menud2 li { position:relative; float:left; display:inline;} .category .cate_menud2 li.wd1 { width:100%;} .category .cate_menud2 li.wd2 { width:50%;} .category .cate_menud2 li.wd3 { width:30%;} .category .cate_menud2 li.dot { /*background:url(../images/menudotbg.png) no-repeat top right;*/} .category .cate_menud2 li a { display:block; height:32px; margin-left:10px; font-size:13px; font-weight:600;line-height:32px;} .cate_menud3 { position:relative; overflow:hidden; } .cate_menud3 .root { display:block; margin-bottom:20px;} .cate_menud3 ul { overflow:hidden; border:1px solid #e1e1e1; padding:10px;} .cate_menud3 ul li { float:left; width:18.7%; margin:0.5%;} .cate_menud3 ul li a { display:block; padding:2px 5px; font-size:85%;} .cate_menud3 ul li a.on { font-weight:800;} .cate_menud3 ul li a:hover { color:#0066CC;} .cate_brand { margin-top:15px;} .cate_brand .tit { font-size:16px; font-weight:700;} .cate_brand .scroll_wrap{ margin:5px 0;height:300px;overflow-y:auto;overflow-x:hidden; border:1px solid #dbdbdb;} .cate_brand .scroll_wrap ul li { margin:5px auto; width:150px; height:20px;line-height:24px;} .cate_brand .scroll_wrap ul li a { display:block;padding-left:10px; font-size:95%;} .cate_brand .scroll_wrap ul li a:hover { background:#f3f3f3;} .cate_brand2 { margin-top:15px;} .cate_brand2 .tit { font-size:16px; font-weight:700;} .cate_brand2 .scroll_wrap{ overflow:hidden; margin:5px 0; padding:10px 5px; border:1px solid #dbdbdb;} .cate_brand2 .scroll_wrap ul li { display:block; overflow:hidden; padding:5px 0;} .cate_brand2 .scroll_wrap ul li.pd3 {padding:3px 0;} .cate_brand2 .scroll_wrap ul li a { display:block;} .cate_brand2 .scroll_wrap ul li a:hover {} .cate_brand2 .scroll_wrap ul li .new_img { display:table; float:left;width:58px; max-height:85px;border:1px solid #dbdbdb;} .cate_brand2 .scroll_wrap ul li .new_img .txt { padding:2px; display:table-cell; vertical-align:middle; font-size:11px;} .cate_brand2 .scroll_wrap ul li .new_img img { display:table-cell;width:58px; height:auto; max-height:85px; } .cate_brand2 .scroll_wrap ul li .new_txt { margin-left:68px;line-height:18px;font-size:13px;word-break:break-all;} .cate_brand2 .scroll_wrap ul li .best_txt {font-size:12px;word-break:break-all; letter-spacing:-1px;} .cate_brand2 .scroll_wrap ul li .best_txtse {font-size:12px;word-break:break-all; letter-spacing:-1px;} .cate_brand2 .scroll_wrap ul li .best_txtse a{ display:inline-block;} .cate_brand2 .scroll_wrap ul li .rank2 { display:inline-block; margin-right:5px; background:#004a80; border:1px solid #004a80; width:15px; height:15px; line-height:15px; font-size:85%; text-align:center; color:#fff} .cate_brand2 .scroll_wrap ul li .rank3 { display:inline-block; margin-right:5px; background:#0072bc; border:1px solid #0072bc; width:15px; height:15px; line-height:15px; font-size:85%; text-align:center; color:#fff} .cate_brand2 .review_wrap{ overflow:hidden; margin:5px 0; padding:10px 0; border:1px solid #dbdbdb;} .cate_brand2 .review_wrap ul { margin:0 10px;} .cate_brand2 .review_wrap ul li { display:block; overflow:hidden; padding:2px 0 2px 8px; background:url(../images/icon_dot.gif) no-repeat left 12px;} .cate_brand2 .review_wrap ul li a { font-size:95%;} .cate_brand2 .best_wrap{ overflow:hidden; margin:5px 0; padding:10px 0; border:1px solid #dbdbdb;} .cate_brand2 .best_wrap ul { margin:0 10px;} .cate_brand2 .best_wrap ul li { display:block; overflow:hidden; padding:2px 0;background:url(../images/icon_dot.gif) no-repeat left 12px;} .cate_brand2 .best_wrap ul li a { font-size:95%; margin:8px;} .left_cust { position:relative; border:1px solid #dbdbdb; width:178px;margin-top:10px;} .left_cust ul li { display:inline; width:178px;} .left_cust ul li strong { display:block; padding:5px 5px 5px 15px; font-size:12px; font-weight:600;} .left_cust ul li div { font-size:11px; color:#333333; padding:0 20px 10px; line-height:18px;} .left_cust ul li div span { color:#666666;} /*공통*/ .rank {position: absolute; z-index:5; width:30px; height:36px; background:url(/m/images/rankbg.png) no-repeat top center; background-size:30px auto; line-height:30px; color:#FFFFFF; font-size:15px; font-weight:800; text-align:center;} .ic_newbook { position: absolute; z-index:6;bottom:0px; width:40px; height:40px; background:url(/m/images/newbook.png?ver=01) no-repeat top center; background-size:40px auto; line-height:30px; color:#FFFFFF; font-size:0; font-weight:800; text-align:center;} .more_box{display:block;padding:13px;margin-top:20px;font-weight:bold;text-align:center;background:#f2f2f2} .more_box span{padding-right:15px;background:url(/sub/images/bullet_set2.png) no-repeat right top; background-size:32px auto;} .more_month{display: inline-block;padding:2px 5px;margin:0 2px;font-weight:bold;text-align:center;background:#f7f7f7; border:1px solid #f0f0f0;} .more_month span{ font-size:11px; font-weight:normal;} .more_month span.p {padding-left:10px;background:url(/sub/images/bullet_set1.png) no-repeat left center; background-size:28px auto;} .more_month span.n {padding-right:10px;background:url(/sub/images/bullet_set2.png) no-repeat right center; background-size:28px auto;} .paging {position:relative; margin:10px 0; text-align:center;} .paging a.listmore {display: inline-block;width:100px;height:25px; padding:5px 0; margin-top:10px; border:1px solid #d8d8d8; border-radius:5px;text-align:center;color:#777777;font-size:14px; font-weight:800;} .paging a.listmore {position: relative;background:#eaeaea;} .paging a.listmore {background: -webkit-linear-gradient(to top, #eaeaea , #f9f9f9, #ffffff ); /* Chrome 10-25, Safari 5.1-6 */} .paging a.listmore {background: linear-gradient(to top, #eaeaea , #f9f9f9 , #ffffff ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */} .paging button{height:36px; line-height:30px; text-align:center; width:60px; font-size:20px; position:absolute; top:10px; font-weight:bold;background:transparent; -webkit-appearance:none;} .paging .next{right:17px; background:url('/m/images/btn_next.png') no-repeat 0 0; background-size:auto 72px;} .paging .nextbbs{right:107px; background:url('/m/images/btn_next.png') no-repeat 0 0; background-size:auto 72px;} .paging .prev{left:17px; background:url('/m/images/btn_prev.png') no-repeat 0 0; background-size:auto 72px;} .paging .on{background-position:0 0;} .paging .off{background-position:0 -36px;} .paging button span {overflow:hidden; width:0; height:0; line-height:0; position:absolute; left:-9999em;} .paging .pNum{ font-size:14px; line-height:40px;} /* btn style */ a.btn_cart { display:inline-block; width:20px; height:20px; background:url(/m/images/iconbt_cart.png) no-repeat left top; background-position:0 0; background-size:40px auto; text-indent:-10000px; } .btn_wrap { position:relative; clear:both; overflow:hidden; margin:10px 0; padding:20px; text-align:center;} .btn_request {display:inline-block;padding:5px 15px; height:40px; background: #1d91ce;border:1px solid #1d91ce; font-size:14px; line-height:24px; text-align:center; color:#FFFFFF;} a.btn_request{display:inline-block;padding:5px 15px; height:28px; background: #1d91ce;border:1px solid #1d91ce; font-size:14px; line-height:24px; text-align:center; color:#FFFFFF;} a.btn_cancel{display:inline-block;padding:5px 15px; height:28px; background: #ffffff;border:1px solid #666666; font-size:14px; line-height:24px; text-align:center; color:#666666;} a.btn_rent {display:inline-block;padding:5px 15px; height:28px; background: #ffffff;border:1px solid #666666; border-radius:5px; font-size:14px; font-weight:800; line-height:24px; text-align:center; color:#0054a6;} a.btn_type1 {margin:0 1px;display:inline-block;height:20px; font-size:12px; padding:0px 3px; line-height:18px; letter-spacing:-1px; text-align:center;} a.btn_type1.clr1 {background: #3194f1; border:1px solid #3194f1; color:#FFFFFF;} a.btn_type1.clr2 {background: #999999; border:1px solid #999999; color:#FFFFFF;} a.btn_type1.clr3 {background: #85c461; border:1px solid #85c461; color:#FFFFFF;} a.btn_type1.clr4 {background: #FFFFFF; border:1px solid #c1c1c1; color:#3194f1;} a.btn_type1.clr6 {background: #FF3300; border:1px solid #FF3300; color:#FFFFFF;} a.btn_type1.clr7 {background: #0054A6; border:1px solid #0054A6; color:#FFFFFF;} a.btn_type1.clr8 {background: #aba000; border:1px solid #aba000; color:#FFFFFF;} a.btn_type1.clr5 { width:12px; font-size:14px;background: #FFFFFF; border:1px solid #c1c1c1; border-radius:50%;color:#3194f1; font-weight:800;} a.btn_type2 {margin:2px;display:inline-block;height:20px; font-size:80%; padding:0px 3px; line-height:20px; text-align:center;} a.btn_type2.clr1 {background: #fff; border:1px solid #dadada; color:#333;} a.btn_type2.clr2 {background: #497dea; border:1px solid #497dea;border-radius:5px; color:#fff;} a.btn_type3 {margin:0 1px;display:inline-block;height:30px; font-size:16px; padding:0px 20px; line-height:28px; text-align:center;} a.btn_type3.clr1 {background: #3194f1; border:1px solid #3194f1; border-radius:2px;color:#FFFFFF;} a.btn_type3.clr2 {background: #999999; border:1px solid #999999; border-radius:2px;color:#FFFFFF;} a.btn_type3.clr3 {background: #85c461; border:1px solid #85c461; border-radius:2px;color:#FFFFFF;} a.btn_type3.clr4 {background: #FFFFFF; border:1px solid #c1c1c1; border-radius:2px;color:#3194f1;} a.btn_type3.clr5 { width:12px; font-size:14px;background: #FFFFFF; border:1px solid #c1c1c1; border-radius:50%;color:#3194f1; font-weight:800;} .btn_type3 {margin:0 1px;display:inline-block;height:32px; font-size:16px; padding:0px 20px; line-height:30px; text-align:center;} .btn_type3.clr1 {background: #3194f1; border:1px solid #3194f1; border-radius:2px;color:#FFFFFF;} .btn_type3.clr2 {background: #999999; border:1px solid #999999; border-radius:2px;color:#FFFFFF;} .btn_type3.clr3 {background: #85c461; border:1px solid #85c461; border-radius:2px;color:#FFFFFF;} .btn_type3.clr4 {background: #FFFFFF; border:1px solid #c1c1c1; border-radius:2px;color:#3194f1;} .btn_type3.clr5 { width:12px; font-size:14px;background: #FFFFFF; border:1px solid #c1c1c1; border-radius:50%;color:#3194f1; font-weight:800;} a.btn_style7 {margin:0 2px;display:inline-block;height:16px;padding:4px 5px 0px 5px; font-size:11px; text-align:center; color:#FFFFFF; line-height:14px;} a.btn_style7.clr1 {background: #ffffff; border:1px solid #cccccc; color:#555555;} a.btn_style7.clr2 {background: #e3eff6; border:1px solid #c3dae6; color:#006699} a.btn_style7.clr3 {background: #7ab951; border:1px solid #7ab951;} a.btn_style7.clr4 {background: #7cbbd2; border:1px solid #7cbbd2;} a.btn_style7.clr5 {background: #bfbfbf; border:1px solid #bfbfbf;} .btn_style7 {margin:0 2px;display:inline-block;height:16px;padding:4px 5px 0px 5px; font-size:11px; text-align:center; color:#FFFFFF; line-height:14px;} .btn_style7.clr1 {background: #ffffff; border:1px solid #cccccc; color:#555555;} a.btn_style8 { display:inline-block;height:50px;font-size:14px;line-height:50px;vertical-align:middle;} a.btn_style8.clr1 {padding:0 10px; background:#ebebeb; border:1px solid #e3e3e3;border-radius:2px; color:#333;} a.btn_style8.clr1 {background: -webkit-linear-gradient(to top, #ebebeb, #ffffff ); /* Chrome 10-25, Safari 5.1-6 */} a.btn_style8.clr1 {background: linear-gradient(to top, #ebebeb, #ffffff ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */} a.btn_style8.clr2 {padding:0 40px;background:#ebebeb; border:1px solid #e3e3e3;border-radius:2px; color:#333;} a.btn_style8.clr2 {background: -webkit-linear-gradient(to top, #ebebeb, #ffffff ); /* Chrome 10-25, Safari 5.1-6 */} a.btn_style8.clr2 {background: linear-gradient(to top, #ebebeb, #ffffff ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */} a.btn { margin:0 3px;color:#fff; font-size:14px;} a.btnft11 { margin:0 3px;color:#fff; font-size:11px; vertical-align:50%;} a.btn.gray { background-color:#5d5d5d; padding:15px 30px 13px 30px; font-weight:bold;} a.btn.gray1 { background-color:#5d5d5d; padding:5px 10px 4px 10px; font-weight:bold;} a.btn.blue { background-color:#2263BB; padding:15px 30px 13px 30px; font-weight:bold;} a.btn.blue1 { background-color:#303e58; padding:13px 30px 13px 30px;border:1px solid #303e58; color:#fff; font-weight:bold;} a.btn.red { background-color:#d6220c; padding:15px 30px 10px 30px; font-weight:bold;} a.btn.green { background-color:#62a71d; padding:6px 8px 3px; border:1px solid #62a71d; border-radius:3px; color:#fff; font-size:12px;} .hide{position:absolute;z-index:-10;width:0;height:0;overflow:hidden;font-size:0;line-height:0;word-break:break-all;} button.btn_info{display:inline-block;width:14px;height:14px;margin-left:2px;background:url(../images/ic_common.gif) 0 -270px no-repeat;vertical-align:middle;} .btn_join { margin:0 3px;color:#fff; font-size:14px;display:inline-block;padding:14px 30px 12px 30px; font-weight:bold;} .bgc_blue { background-color:#2263BB; } .bgc_gray { background-color:#5d5d5d;} .valign { vertical-align:-7px;} .valign1 {vertical-align:-1px;} .valign2 {vertical-align:-2px;} .valign3 {vertical-align:-3px;} .valign4 {vertical-align:-4px;} .valign5 {vertical-align:-5px;} .valign6 {vertical-align:-6px;} .valign7 {vertical-align:-7px;} .valign8 {vertical-align:-8px;} .valign9 {vertical-align:-9px;} .valign10 {vertical-align:-10px;} .valign11 {vertical-align:-11px;} .valign12 {vertical-align:-12px;} /* 페이징 */ .img_sample {background:url(../images/icon_paging.png) no-repeat 0 0;} .paging_comm { clear:both; padding:20px 10px;font-weight:bold;font-size:12px;line-height:12px;text-align:center;vertical-align:top;} .paging_comm .link_page {display:inline-block;padding:5px 6px 4px 5px;margin-right:1px;border:1px solid #eaeaea;text-decoration:none} .paging_comm .link_page:hover, .paging_comm em.link_page {border:1px solid #536fe5;color:#536fe5;font-weight:bold} .paging_comm .img_sample {display:inline-block;padding:8px 2px 4px 3px;border:0 none;font-weight:normal;color:#999;text-decoration:none} .paging_comm .link_page:hover {text-decoration:none} .paging_comm .btn_prev {padding-left:6px;background-position:0 10px} .paging_comm .btn_next {padding-right:7px;background-position:100% -10px} .paging_comm a.btn_prev:hover {background-position:0 -30px;color:#333} .paging_comm a.btn_next:hover {background-position:100% -50px;color:#333} .paging_comm span.btn_prev { margin-right:3px; background-position:0 10px;color:#999;} .paging_comm span.btn_next {margin-left:3px; background-position:100% -10px;color:#999} /* listWrap */ .book_listWrap { position:relative; width:810px;} .checkbox_rent { clear:both; padding:10px;border-bottom:1px solid #CCCCCC;} .checkbox_rent input[id="cb1"] + label {display: inline-block;width: 15px;height: 15px; background:url(/m/images/img_form_check.png) no-repeat 0 0; background-size:15px 30px;cursor: pointer; vertical-align:-2px;} .checkbox_rent input[id="cb1"]:checked + label {background:url(/m/images/img_form_check.png) no-repeat 0 -15px; background-size:15px 30px;} .checkbox_rent input[id="cb1"] {display: none;} .checkbox_rent span {font-size:14px;} .btitle {margin:20px 0; font-size:24px;line-height:30px;color:#000; font-weight:800; text-align:center;} .event_banner { position:relative; display: block; margin-bottom:10px;} .cate_listBox{clear:both; float:left; width:808px;border:1px solid #dcdcdc;zoom:1;} .cate_listBox:after{display:block;clear:both;content:'';} .cate_listBox .tit{display:block;height:40px;padding:0 15px;border-bottom:1px solid #dcdcdc;background:#f6f6f6;line-height:40px;color:#3c3c3c;font-size:16px;} .cate_listBox>div{padding:15px;zoom:1;} .cate_listBox>div:after{display:block;clear:both;content:'';} .cate_listBox li{float:left;display:block;width:24%;padding:3px 0 3px 7px;background:url(../images/icon_dot.gif) no-repeat 0 50%;} .cate_listBox a{color:#757575; font-size:95%;} .cate_listBox a:hover{color:#343434} .bestBook{ position:relative;padding:10px 0px 0px;} .bestBook h3{ position:relative; padding:15px 0 12px 0; border-bottom:1px solid #333333; font-weight: 600; font-size: 18px; color: #232a32; letter-spacing: -0.75px; line-height: 20px;} .bestBook .recommendView{position: relative; width: 810px; overflow: hidden;} .bestBook .recommendView ul li { float:left; display:inline; width:20%; text-align:center;} .bestBook .recommendView ul li .proInfo {width: 160px; padding-top:6px;} .bestBook .recommendView ul li .proInfo .btnEtc > a img {width: 120px !important; height: 120px !important;} .bestBook .recommendView ul li p.name {margin-top:11px; margin-bottom: 4px; letter-spacing:-0.5px; line-height:16px; font-size:95%; word-break:break-all;} .bestBook .recommendView ul li .productPrice { height: 16px; line-height: 16px; padding: 10px 0 0 0; margin-top: 1px;font-family:'tahoma'; font-size: 100%; margin-right:4px; font-weight:800;} .bestBook_title{ position:relative; padding:70px 0 0 40px; background:url(../images/product/bestbg.jpg) no-repeat; height:150px; font-weight: 600; font-size: 45px; color: #000; letter-spacing: -0.75px; line-height: 20px; text-align:left;} .bestBook1{ position:relative; float:left;padding:10px 0px 0px;margin-top:-10px;width: 810px; overflow: hidden;} .bestBook1 h3{ position:relative; padding:70px 0 0 40px; background:url(../images/product/bestbg.jpg) no-repeat; height:150px; font-weight: 600; font-size: 45px; color: #000; letter-spacing: -0.75px; line-height: 20px; text-align:left;} .bestBook1 ul li { float:left; display:inline; margin:15px 1%; width:31%; padding:10px 0; border: 1px solid #f1f1f1;} .bestBook1 ul li .proInfo {width: 230px; margin:0 auto;} .bestBook1 ul li .proInfo .btnEtc { position:relative; height:220px; width:220px; padding:5px;} .bestBook1 ul li .proInfo .btnEtc.bd { padding:0; margin:0 auto;} .bestBook1 ul li .proInfo .btnEtc > a img {width: 100% !important; height: 100% !important;} .bestBook1 ul li .info { display:block; margin:5px 0; padding-left:60px; height:120px;} .bestBook1 ul li .info .price { margin-top: 1px; font-weight:600;} .bestBook1 ul li .info .i_class {font-size: 12px; color:#666666} .bestBook1 ul li .info .i_count {font-size: 12px; color:#666666} .bestBook1 ul li .info .i_brand {font-size: 12px; color:#666666} .bestBook1 ul li .info.bnum1 { background:url(../images/product/bnum01.gif) no-repeat left top;} .bestBook1 ul li .info.bnum2 { background:url(../images/product/bnum02.gif) no-repeat left top;} .bestBook1 ul li .info.bnum3 { background:url(../images/product/bnum03.gif) no-repeat left top;} .bestBook1 ul li .info.bnum4 { background:url(../images/product/bnum04.gif) no-repeat left top;} .bestBook1 ul li .info.bnum5 { background:url(../images/product/bnum05.gif) no-repeat left top;} .bestBook1 ul li .info.bnum6 { background:url(../images/product/bnum06.gif) no-repeat left top;} .bestBook1 ul li .info.bnum7 { background:url(../images/product/bnum07.gif) no-repeat left top;} .bestBook1 ul li .info.bnum8 { background:url(../images/product/bnum08.gif) no-repeat left top;} .bestBook1 ul li .info.bnum9 { background:url(../images/product/bnum09.gif) no-repeat left top;} .bestBook1 ul li .info.bnum10 { background:url(../images/product/bnum10.gif) no-repeat left top;} .bestBook1 ul li .info.bnum11 { background:url(../images/product/bnum11.gif) no-repeat left top;} .bestBook1 ul li .info.bnum12 { background:url(../images/product/bnum12.gif) no-repeat left top;} .bestBook1 ul li .info.bnum13 { background:url(../images/product/bnum13.gif) no-repeat left top;} .bestBook1 ul li .info.bnum14 { background:url(../images/product/bnum14.gif) no-repeat left top;} .bestBook1 ul li .info.bnum15 { background:url(../images/product/bnum15.gif) no-repeat left top;} .bestBook1 ul li .info.bnum16 { background:url(../images/product/bnum16.gif) no-repeat left top;} .bestBook1 ul li .info.bnum17 { background:url(../images/product/bnum17.gif) no-repeat left top;} .bestBook1 ul li .info.bnum18 { background:url(../images/product/bnum18.gif) no-repeat left top;} .bestBook1 ul li .info.bnum19 { background:url(../images/product/bnum19.gif) no-repeat left top;} .bestBook1 ul li .info.bnum20 { background:url(../images/product/bnum20.gif) no-repeat left top;} .bestBook1 ul li .info.bnum21 { background:url(../images/product/bnum21.gif) no-repeat left top;} .bestBook1 ul li .info.bnum22 { background:url(../images/product/bnum22.gif) no-repeat left top;} .bestBook1 ul li .info.bnum23 { background:url(../images/product/bnum23.gif) no-repeat left top;} .bestBook1 ul li .info.bnum24 { background:url(../images/product/bnum24.gif) no-repeat left top;} .bestBook1 ul li .info.bnum25 { background:url(../images/product/bnum25.gif) no-repeat left top;} .bestBook1 ul li .info.bnum26 { background:url(../images/product/bnum26.gif) no-repeat left top;} .bestBook1 ul li .info.bnum27 { background:url(../images/product/bnum27.gif) no-repeat left top;} .bestBook1 ul li .info.bnum28 { background:url(../images/product/bnum28.gif) no-repeat left top;} .bestBook1 ul li .info.bnum29 { background:url(../images/product/bnum29.gif) no-repeat left top;} .bestBook1 ul li .info.bnum30 { background:url(../images/product/bnum30.gif) no-repeat left top;} .bestBook1 ul li .info.bnum31 { background:url(../images/product/bnum31.gif) no-repeat left top;} .bestBook1 ul li .info.bnum32 { background:url(../images/product/bnum32.gif) no-repeat left top;} .bestBook1 ul li .info.bnum33 { background:url(../images/product/bnum33.gif) no-repeat left top;} .bestBook1 ul li .info.bnum34 { background:url(../images/product/bnum34.gif) no-repeat left top;} .bestBook1 ul li .info.bnum35 { background:url(../images/product/bnum35.gif) no-repeat left top;} .bestBook1 ul li .info.bnum36 { background:url(../images/product/bnum36.gif) no-repeat left top;} .bestBook1 ul li .info.bnum37 { background:url(../images/product/bnum37.gif) no-repeat left top;} .bestBook1 ul li .info.bnum38 { background:url(../images/product/bnum38.gif) no-repeat left top;} .bestBook1 ul li .info.bnum39 { background:url(../images/product/bnum39.gif) no-repeat left top;} .bestBook1 ul li .info.bnum40 { background:url(../images/product/bnum40.gif) no-repeat left top;} .bestBook1 ul li .info.bnum41 { background:url(../images/product/bnum41.gif) no-repeat left top;} .bestBook1 ul li .info.bnum42 { background:url(../images/product/bnum42.gif) no-repeat left top;} .bestBook1 ul li .info.bnum43 { background:url(../images/product/bnum43.gif) no-repeat left top;} .bestBook1 ul li .info.bnum44 { background:url(../images/product/bnum44.gif) no-repeat left top;} .bestBook1 ul li .info.bnum45 { background:url(../images/product/bnum45.gif) no-repeat left top;} .bestBook1 ul li .info.bnum46 { background:url(../images/product/bnum46.gif) no-repeat left top;} .bestBook1 ul li .info.bnum47 { background:url(../images/product/bnum47.gif) no-repeat left top;} .bestBook1 ul li .info.bnum48 { background:url(../images/product/bnum48.gif) no-repeat left top;} .bestBook1 ul li .info.bnum49 { background:url(../images/product/bnum49.gif) no-repeat left top;} .bestBook1 ul li .info.bnum50 { background:url(../images/product/bnum50.gif) no-repeat left top;} .bestBook1 ul li .info.bnum51 { background:url(../images/product/bnum51.gif) no-repeat left top;} .bestBook1 ul li .info.bnum52 { background:url(../images/product/bnum52.gif) no-repeat left top;} .bestBook1 ul li .info.bnum53 { background:url(../images/product/bnum53.gif) no-repeat left top;} .bestBook1 ul li .info.bnum54 { background:url(../images/product/bnum54.gif) no-repeat left top;} .bestBook1 ul li .info.bnum55 { background:url(../images/product/bnum55.gif) no-repeat left top;} .bestBook1 ul li .info.bnum56 { background:url(../images/product/bnum56.gif) no-repeat left top;} .bestBook1 ul li .info.bnum57 { background:url(../images/product/bnum57.gif) no-repeat left top;} .bestBook1 ul li .info.bnum58 { background:url(../images/product/bnum58.gif) no-repeat left top;} .bestBook1 ul li .info.bnum59 { background:url(../images/product/bnum59.gif) no-repeat left top;} .bestBook1 ul li .info.bnum60 { background:url(../images/product/bnum60.gif) no-repeat left top;} .bestBook1 ul li .info.bnum61 { background:url(../images/product/bnum61.gif) no-repeat left top;} .bestBook1 ul li .info.bnum62 { background:url(../images/product/bnum62.gif) no-repeat left top;} .bestBook1 ul li .info.bnum63 { background:url(../images/product/bnum63.gif) no-repeat left top;} .bestBook1 ul li .info.bnum64 { background:url(../images/product/bnum64.gif) no-repeat left top;} .bestBook1 ul li .info.bnum65 { background:url(../images/product/bnum65.gif) no-repeat left top;} .bestBook1 ul li .info.bnum66 { background:url(../images/product/bnum66.gif) no-repeat left top;} .bestBook1 ul li .info.bnum67 { background:url(../images/product/bnum67.gif) no-repeat left top;} .bestBook1 ul li .info.bnum68 { background:url(../images/product/bnum68.gif) no-repeat left top;} .bestBook1 ul li .info.bnum69 { background:url(../images/product/bnum69.gif) no-repeat left top;} .bestBook1 ul li .info.bnum70 { background:url(../images/product/bnum70.gif) no-repeat left top;} .bestBook1 ul li .info.bnum71 { background:url(../images/product/bnum71.gif) no-repeat left top;} .bestBook1 ul li .info.bnum72 { background:url(../images/product/bnum72.gif) no-repeat left top;} .bestBook1 ul li .info.bnum73 { background:url(../images/product/bnum73.gif) no-repeat left top;} .bestBook1 ul li .info.bnum74 { background:url(../images/product/bnum74.gif) no-repeat left top;} .bestBook1 ul li .info.bnum75 { background:url(../images/product/bnum75.gif) no-repeat left top;} .bestBook1 ul li .info.bnum76 { background:url(../images/product/bnum76.gif) no-repeat left top;} .bestBook1 ul li .info.bnum77 { background:url(../images/product/bnum77.gif) no-repeat left top;} .bestBook1 ul li .info.bnum78 { background:url(../images/product/bnum78.gif) no-repeat left top;} .bestBook1 ul li .info.bnum79 { background:url(../images/product/bnum79.gif) no-repeat left top;} .bestBook1 ul li .info.bnum80 { background:url(../images/product/bnum80.gif) no-repeat left top;} .bestBook1 ul li .info.bnum81 { background:url(../images/product/bnum81.gif) no-repeat left top;} .bestBook1 ul li .info.bnum82 { background:url(../images/product/bnum82.gif) no-repeat left top;} .bestBook1 ul li .info.bnum83 { background:url(../images/product/bnum83.gif) no-repeat left top;} .bestBook1 ul li .info.bnum84 { background:url(../images/product/bnum84.gif) no-repeat left top;} .bestBook1 ul li .info.bnum85 { background:url(../images/product/bnum85.gif) no-repeat left top;} .bestBook1 ul li .info.bnum86 { background:url(../images/product/bnum86.gif) no-repeat left top;} .bestBook1 ul li .info.bnum87 { background:url(../images/product/bnum87.gif) no-repeat left top;} .bestBook1 ul li .info.bnum88 { background:url(../images/product/bnum88.gif) no-repeat left top;} .bestBook1 ul li .info.bnum89 { background:url(../images/product/bnum89.gif) no-repeat left top;} .bestBook1 ul li .info.bnum90 { background:url(../images/product/bnum90.gif) no-repeat left top;} .bestBook1 ul li .info.bnum91 { background:url(../images/product/bnum91.gif) no-repeat left top;} .bestBook1 ul li .info.bnum92 { background:url(../images/product/bnum92.gif) no-repeat left top;} .bestBook1 ul li .info.bnum93 { background:url(../images/product/bnum93.gif) no-repeat left top;} .bestBook1 ul li .info.bnum94 { background:url(../images/product/bnum94.gif) no-repeat left top;} .bestBook1 ul li .info.bnum95 { background:url(../images/product/bnum95.gif) no-repeat left top;} .bestBook1 ul li .info.bnum96 { background:url(../images/product/bnum96.gif) no-repeat left top;} .bestBook1 ul li .info.bnum97 { background:url(../images/product/bnum97.gif) no-repeat left top;} .bestBook1 ul li .info.bnum98 { background:url(../images/product/bnum98.gif) no-repeat left top;} .bestBook1 ul li .info.bnum99 { background:url(../images/product/bnum99.gif) no-repeat left top;} .bestBook1 ul li .review { height:60px;} .bestBook1 ul li .review a { display:block; padding-left:7px;background:url(../images/icon_dot.gif) no-repeat 0 50%; font-size:95%;} /*--베스트 그래프--*/ #b-graphArea {position:relative; background:#FFFFFF; margin:0 0 20px 0;padding: 0px 10px 5px 15px;_padding-left:10px;_padding-right:10px;} #b-graphArea .graph_text{font-size: 11px;color: #333333;text-decoration: none;text-align: center;line-height: 14px;height: 20px;} #b-graphArea .graph{padding: 0;width: 200px;} #b-graphArea .graph ul{width:200px;height:90px;margin:0;padding:0;border:1px solid #ddd;border-top:0;border-right:0;font-family:Tahoma, Geneva, sans-serif;list-style:none;background-image: url(../images/graph_bg.gif);} #b-graphArea .graph li{width:26px;display:inline;float:left; border:none; padding-top:0;position:relative;height:85%;text-align:center;white-space:nowrap;margin: 0 6px 0 7px;_margin: 0 3px 0 0px;} #b-graphArea .graph .g_term{font-size: 0.75em;display:inline-block;position:relative;width:26px;height:20px;margin:0 -22px -20px 0;padding:90px 0 0 0;color:#767676;line-height:20px;vertical-align:bottom;text-align: center;} #b-graphArea .graph .g_bar{display:inline-block;position:relative;width:15px;vertical-align:bottom;background:#c5cade;margin: -1px 0 0 0;} #b-graphArea .graph .g_bar span{font-size: 0.75em;text-align: center;position:absolute;top:-15px;left:0px;width:100%;color:#767676;} .list_info{position:relative;float:left; width:100%; border-bottom:2px solid #666;margin:10px auto -2px;padding-bottom:5px;} .list_info:after{display:block;clear:both;content:'';} .list_info a{color:#676767;text-decoration:none !important;} .list_info strong{float:left;padding-top:2px;color:#333;} .list_info strong span{color:#eb0000;font-family:tahoma;font-size:14px;} .list_info .sort_box{float:right; width:520px;} .list_info .sort_box a:hover{color:#333;font-weight:bold;} .list_info .sort_box ul{float:left;padding-top:4px;} .list_info .sort_box ul li{float:left;background:url(../images/ic_common.gif) no-repeat 0 0;background-position:0 0;} .list_info .sort_box ul li.fst { background:none;} .list_info .sort_box ul li a{padding:0 10px;} .list_info .sort_box ul li a:hover{color:#333;font-weight:bold;} .list_info .sort_box ul li a.on{color:#333;font-weight:bold;} /* 상품 리스트 - 무제한 */ .moorentarea { position:relative; clear:both; overflow:hidden; margin-top:2px;} .moorentarea ul { font-size:0;} .moorentarea ul li { position:relative; float:left; width:270px; background:#ffd52e; text-align:center;} .moorentarea ul li.w100 { width:100%;} .moorentarea ul li img { width:100%; height:auto;} .moorentarea ul li .rcount { position:absolute; width:100%; bottom:7px; margin:0 auto;} .moorentarea ul li .rcount p { position:relative; margin:0 auto; width:90px; background:#e6e6e6; color:#333333; padding:3px 0; border-radius:20px; text-align:center; font-size:12px;} /*2019-05-27 검색 탭 수정*/ .nlist_info{position:relative; width:100%; border-bottom:2px solid #666;margin:10px auto -2px;padding-bottom:0px;} .nlist_info:after{display:block;clear:both;content:'';} .nlist_info a{color:#676767;text-decoration:none !important;} .nlist_info strong{color:#333;} .nlist_info strong span{color:#eb0000;font-family:tahoma;font-size:14px;} .nlist_info .sort_box{ position:relative; width:100%;} .nlist_info .sort_box ul{} .nlist_info .sort_box ul li{float:left; width:15%;} .nlist_info .sort_box ul li.last { width:40%;text-align:right;} .nlist_info .sort_box ul li a{ display:block;padding:10px 0; background:#fafafa; margin-left:-1px; border:1px solid #e5e5e5; border-bottom:0; text-align:center;} .nlist_info .sort_box ul li a:hover{color:#333;font-weight:bold;} .nlist_info .sort_box ul li a.on{ background: #fff; margin-left:0;border:1px solid #e5e5e5; margin-bottom:-2px; border-bottom:2px solid #FFFFFF; color:#ff7e36;font-weight:bold;} .nlist_info .sort_box ul li a.down { padding-right:10px; background:url(../../m/images/ic_circledown.png) no-repeat; background-position:90px 4px; background-size: auto 35px;} .nlist_info .sort_box .pricesort {position:absolute; width:130px; top:41px !important; left:242px !important; padding:10px 20px; background:#fff; border:1px solid #e5e5e5; border-radius:5px; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1); z-index:101;} .nlist_info .sort_box .pricesort ul li { clear:both; float:none; display:block; width:100%; text-align:left;} .nlist_info .sort_box .pricesort ul li a{ background:#FFFFFF; border:none; font-size:14px; font-weight: normal;} .listtype_wrap { position:relative; width:100%; float:left;} /*2020-12-07 단행본베스트탭추가*/ .bestABtab { overflow:hidden; background:f6f7f9; padding:10px 0;} .bestABtab ul li {float:left; width:49.7%; height:50px; background:#fafafa; border:1px solid #e5e5e5;} .bestABtab ul li.w3 {width:33%;} .bestABtab ul li.w3:nth-child(2) { border-left:none;} .bestABtab ul li.w3:nth-child(3) { border-left:none;} .bestABtab ul li.on {background:#fff; border-bottom:1px solid #fff;} .bestABtab ul li a { display:block; font-size:16px; color:#666; line-height:50px; text-align:center; letter-spacing:-1px;} .bestABtab ul li.on a{ color:#000;font-weight:800;} .best_selarea { clear:both; overflow:hidden; padding:10px;border-bottom:1px solid #CCCCCC;} .best_selarea ul li { float:left; width:8%; margin:0 1%;} .best_selarea ul li:first-child { margin-left:0;} .best_selarea ul li a { display:block; border:1px solid #CCCCCC; font-size:14px; text-align:center;} .best_selarea ul li a.on { border:1px solid #0099FF;font-weight:bold; color:#0099FF;} /* [list type] */ ul.list_head { position:relative; width:100%;height:42px;background:#fcfcfc;border-top:2px solid #ff7e36;border-bottom:1px solid #d7d7d7; } ul.list_head li { float:left;display:inline; line-height:42px; font-weight:700;} ul.list_type{width:100%;background:#fff;} ul.list_type li{width:100%;padding:15px 0;border-bottom:1px solid #e2e2e2;text-align:center; overflow:hidden;_overflow:hidden;vertical-align:top; letter-spacing:-1px;} ul.list_type li:after{display:block;clear:both;content:'';} ul.list_type .item_area{float:left;position:relative;*z-index:11;width:53%;text-align:left;} ul.list_type .item_area.wd80 { width:80%;} ul.list_type .item_area.wd70 { width:70%;} ul.list_type .item_area .item_thumb{position:relative; float:left;width:140px;height:160px; margin:0 5px; text-align:center;} ul.list_type .item_area .item_thumb.hgt140 { height:140px;} ul.list_type .item_area .item_thumb .img {width:120px; height:120px; margin-bottom:5px;} ul.list_type .item_area .item_dthumb{position:relative; float:left;width:140px; margin:0 5px; text-align:center;} ul.list_type .item_area .item_dthumb.hgt140 { height:140px;} ul.list_type .item_area .item_dthumb .bd { display:table; margin:0 auto; width:120px; height:175px; max-height:175px;} ul.list_type .item_area .item_dthumb .bd .txt { display:table-cell; width:108px; padding:15px 5px; height:145px; vertical-align:middle; border:1px solid #CCCCCC;text-align:center; } ul.list_type .item_area .item_dthumb .bd img { display:table-cell;width:100%; border:1px solid #CCCCCC;max-height:175px;} ul.list_type .item_area .item_info { float:left;margin:0 5px; color:#666666;} ul.list_type .item_area .item_info div {width:260px;} ul.list_type .item_area .item_info div.danw {width:400px;} ul.list_type .item_area .item_info .name { font-weight:800;} ul.list_type .item_area .item_info .state { font-size:85%; color:#FF6600; letter-spacing:-1px;} ul.list_type .item_area .item_info .buy {font-size:85%;} ul.list_type .item_area .item_info .review { margin-top:-20px; font-size:85%; text-align:right;} ul.list_type .item_area .item_info .item_brand {font-size:85%; margin:1% 0; color:#999999; line-height:180%;} ul.list_type .item_price { float:left; width:13%; margin:0 1%; text-align:left; font-weight:800;} ul.list_type .item_price .rent { display:block; font-size:85%; color:#3399CC; font-weight:normal;} ul.list_type .item_price2 { float:left; width:28%; margin:0 1%; text-align:left;} ul.list_type .item_price2 div { display:block; margin:1% 0;} ul.list_type .item_price2 div span { display:inline-block; padding:0 10px; font-weight:600; } ul.list_type .item_price2 div span.saleprice{ color:#3399CC} ul.list_type .item_class { float:left; width:18%; margin:0 1%; font-size:95%; color:#666666; text-align:left;} ul.list_type .item_review {float:left; width:10%; margin:0 1%; font-size:95%; color:#666666; text-align:left;} ul.list_type2{width:100%;background:#fff; overflow:hidden;} ul.list_type2 li{width:100%;padding:13px 0;border-bottom:1px solid #e2e2e2;text-align:center;_overflow:hidden;vertical-align:top;} ul.list_type2 li:after{display:block;clear:both;content:'';} ul.list_type2 .item_area{float:left;position:relative;*z-index:11;width:44%;text-align:left;} ul.list_type2 .item_area .item_thumb{position:relative; float:left;width:80px;height:80px; margin:5px; text-align:center;} ul.list_type2 .item_area .item_thumb .img {width:100%; height:100%;} ul.list_type2 .item_area .item_info { float:left;margin:5px;} ul.list_type2 .item_area .item_info div { margin:3px 0;width:250px;} ul.list_type2 .item_area .item_info .name { font-size:110%;font-weight:800;} ul.list_type2 .item_area .item_info .state { font-size:95%; color:#FF6600; letter-spacing:-1px;} ul.list_type2 .item_area .item_info .buy {font-size:95%;} ul.list_type2 .item_area .item_info .review { font-size:95%; text-align:right;} ul.list_type2 .item_price { float:left; width:10%; text-align:center; font-weight:800;} ul.list_type2 .item_price .rent { display:block; color:#3399CC; font-weight:normal;} ul.list_type2 .item_brand { float:left;width:15%; font-size:95%;} ul.list_type2 .item_stats { float:left; width:30%; font-size:95%;} ul.album_type{ width:100%;background:#fff;} ul.album_type li{ position:relative; float:left;width:21%; height:300px;padding:15px 1% 15px 3%;border-bottom:1px solid #e2e2e2;text-align:center; vertical-align:top; letter-spacing:-1px;} ul.album_type li.wdth2{ width:29%;} ul.album_type li.hght2 { height:330px;} ul.album_type li:after{display:inline-block;clear:both;content:'';} ul.album_type .item_area{position:relative;*z-index:11;width:100%;text-align:left;} ul.album_type .item_area.wd80 { width:80%;} ul.album_type .item_area.wd70 { width:70%;} ul.album_type .item_area .item_thumb{position:relative;width:140px;height:160px; margin:0 5px; text-align:center;} ul.album_type .item_area .item_thumb.hgt140 { height:140px;} ul.album_type .item_area .item_thumb .img {width:120px; height:120px; margin-bottom:5px;} ul.album_type .item_area .item_dthumb{position:relative;width:140px; margin:0 0 10px 0; text-align:center;} ul.album_type .item_area .item_dthumb.hgt140 { height:140px;} ul.album_type .item_area .item_dthumb .bd { display:table; width:120px; height:175px; max-height:175px; border:1px solid #CCCCCC;} ul.album_type .item_area .item_dthumb .bd a { display:table-cell; vertical-align:middle;} ul.album_type .item_area .item_dthumb .bd .txt { padding:10px 5px; max-height:155px;text-align:center; } ul.album_type .item_area .item_dthumb .bd img {width:100%; height: auto; max-height:175px;} ul.album_type .item_area .item_info { color:#666666; font-size:12px;} ul.album_type .item_area .item_info div {} ul.album_type .item_area .item_info .name { width:120px; font-weight:800; font-size:14px;} ul.album_type .item_area .item_info .state { color:#FF6600; letter-spacing:-1px;} ul.album_type .item_area .item_info .buy {font-size:11px;} ul.album_type .item_area .item_info .review { margin-top:-20px; text-align:right;} ul.album_type .item_area .item_info .item_brand { width:120px;margin:1% 0; color:#999999; line-height:180%;} ul.album_type .item_price { width:13%; margin:0 1%; text-align:left; font-weight:800;} ul.album_type .item_price .rent { display:block; font-size:85%; color:#3399CC; font-weight:normal;} ul.album_type .item_price2 { text-align:left;font-size:14px;} ul.album_type .item_price2 div { display:block; margin:1% 0;} ul.album_type .item_price2 div span { display:inline-block; padding:0 2px; font-weight:600;} ul.album_type .item_price2 div span.saleprice{ color:#3399CC} ul.album_type .item_class { font-size:12px; color:#666666; text-align:left;} ul.album_type .item_review {float:left; width:10%; margin:0 1%; font-size:95%; color:#666666; text-align:left;} .buy_info { display: block; position: absolute; z-index: 1; padding: 10px 15px; background:#FFFFFF; border: 3px double #b7b7b7; width: 420px; line-height: 16px; font-size: 12px; color: #666666; text-align: left;} .buy_info .price {color: rgb(237, 73, 102); letter-spacing: -0.5px; margin-top: 5px;} .btn_bookview {position:absolute;bottom:0; right:0; width:35px; height:35px;} .btn_bookview img { width:100%; height: 100%;} .rentendimg {opacity:0.5;} .rentend {position:absolute;left:0; bottom:0; z-index:4;} .rentend.d {left:1px; bottom:1px;} .rentend span {display: inline-block;width: auto;height: 22px;font-size: 11px;line-height: 22px;text-align: center;background-color: #f2f2f2;color: #444;padding: 0 5px;letter-spacing: -0.3px;} .rentendv { display:inline-block; } .rentendv span {display: inline-block;width: auto;height: 20px;font-size: 11px;line-height: 22px;text-align: center; border:1px solid #CCCCCC;background-color: #fff;color: #666;padding: 0 5px;letter-spacing: -0.3px;} /* viewWrap */ .root { margin:0 auto; width:1000px; height:20px;} .root span { padding-left:20px; background: url(../images/icon_home.png) no-repeat 5px 4px; font-size:12px;} #detailWrap { margin:10px auto 0; position:relative; width:1000px; text-align:left;} #detailWrap h1 {} #detailWrap h1.title { border-bottom:1px solid #c7c7c7;padding-bottom:10px;font-size:24px;font-family:'Malgun Gothic','Apple SD Gothic Neo','Dotum','Sans-Serif';} #detailTop { position:relative; overflow:hidden;margin:10px auto;margin-bottom:20px; width:1000px; text-align:left;} #detailTop .photo_area {position:relative; float:left; margin-right:20px; width:250px;} #detailTop .photo_area .photo { width:250px; height:250px; text-align:center;} #detailTop .photo_area .photo img { max-width:250px; max-height:250px;} #detailTop .photo_area .total_review {margin-top:10px; padding-top:10px; text-align:center;} #detailTop .photo_area .total_review a { display:inline-block; margin:3px 5px; height:25px; background: url(../images/ic_common.gif) no-repeat left top; font-size:14px; padding-left:25px;} #detailTop .photo_area .total_review a.book_preview { background-position:-160px 0;} #detailTop .photo_area .total_review a.book_review { background-position:-160px -30px;} #detailTop .prd_info { position:relative; float:left; width:730px;} #detailTop .prd_info .info { float:left; width:480px; padding-bottom:15px;} #detailTop .prd_info .info > ul > li{position:relative;padding:2px 0;} #detailTop .prd_info .info > ul > li > dl{display:inline-block;width:100%;padding-top:5px;} #detailTop .prd_info .info > ul > li > dl > dt{float:left;width:20%;color:#333333;font-size:12px;line-height:16px;vertical-align:middle;} #detailTop .prd_info .info > ul > li > dl > dd{*z-index:0;*position:relative;float:left;width:79%;color:#565656;font-size:14px;line-height:20px;} #detailTop .prd_info .info > ul > li > dl > dd.price { font-size:20px; font-weight:700; color:#FF9900;} .amount .input_style {height:26px;width:30px;text-align:right;padding-right:5px;font-weight:bold;} .amount label {vertical-align:baseline;margin-right:3px;} .amount .btn_count {display:inline-block;vertical-align:middle;height:22px;} .amount button {float:left;margin-right:1px;border:1px solid #aaa;color:#3a60df;width:22px;height:22px;padding:3px;background-color:#fff;} #graphArea {position:relative; float:right;border: 1px solid #dbdbdb; background:#FFFFFF;height: 160px;width: 202px; margin-top:10px;padding:15px 15px 5px 15px;_padding-left:10px;_padding-right:10px;} #graphArea .graph_text{font-size: 11px;color: #333333;text-decoration: none;text-align: center;line-height: 14px;height: 20px;} #graphArea .graph{padding: 10px 0 0 0;width: 200px;} #graphArea .graph ul{width:200px;height:100px;margin:0;padding:0;border:1px solid #ddd;border-top:0;border-right:0;font-family:Tahoma, Geneva, sans-serif;list-style:none;background-image: url(../images/graph_bg.gif);} #graphArea .graph li{width:26px;display:inline;float:left;position:relative;height:85%;text-align:center;white-space:nowrap;margin: 0 6px 0 7px;_margin: 0 3px 0 0px;} #graphArea .graph .g_term{font-size: 0.75em;display:inline-block;position:relative;width:26px;height:20px;margin:0 -22px -20px 0;padding:100px 0 0 0;color:#767676;line-height:20px;vertical-align:bottom;text-align: center;} #graphArea .graph .g_bar{display:inline-block;position:relative;width:15px;vertical-align:bottom;background:#c5cade;margin: -1px 0 0 0;} #graphArea .graph .g_bar span{font-size: 0.75em;text-align: center;position:absolute;top:-15px;left:0px;width:100%;color:#767676;} #detailTop .prd_btn {overflow:hidden; float:left; display:block; margin-left:100px; padding:15px 0;} #detailTop .prd_btn2 {position:relative; text-align:center; margin:20px 0; padding:10px;border-top:dotted 1px #acacac;} #prdOption { position:relative; clear:both; border:1px solid #dbdbdb; padding:7px;} #prdOption table th { padding:5px 0; background:#ececec; font-size:12px; text-align:center;} #prdOption table tbody tr { border-top:1px solid #ebebeb;} #prdOption table td { padding:5px 0; vertical-align:top;} #prdOption table td p { margin:7px 5px;display:block; height:24px; text-align:left; color:#666666; font-size:13px; } #prdOption table td p.bdt { margin:7px 0; padding:7px 5px 0 5px; border-top:1px solid #ebebeb;} #prdOption table td p.tar { text-align:right;} #prdOption table td p.tac { text-align:center;} #prdOption table td p span { display:block;} #prdOption table td p.type { float:left; width:55px; height:auto; font-weight:700; text-align:left; font-size:14px;} #prdOption table td p.info { float:left; width:380px; height:auto;text-align:left; font-size:14px; } #prdOption table td p input { padding:1px; height:18px; border:1px solid #dddddd; font-size:13px; line-height:18px;} #prdOption table td p input.date{ width:70px;} #prdOption table td p input.price{ width:60px; text-align:right;} #prdOption table td p label img { vertical-align:-7px;} #prdOption table td p span.drent { display:inline-block; padding:0 10px;} .preferenceBook{ position:relative;padding:10px 0px 0px;} .preferenceBook h3{ position:relative; margin-bottom:10px; padding:37px 0 12px 0; border-bottom:1px solid #333333; font-weight: 600; font-size: 18px; color: #232a32; letter-spacing: -0.75px; line-height: 20px;} .preferenceBook .recommendView{position: relative; overflow: hidden;} .preferenceBook .recommendView ul li { float:left; display:inline; width:16.6%; text-align:center;} .preferenceBook .recommendView ul li .proInfo { width: 160px;padding-top:6px;} .preferenceBook .recommendView ul li .proInfo .btnEtc { display:table;margin:0 auto;min-height:175px;} .preferenceBook .recommendView ul li .proInfo .btnEtc > a .txt { display:table-cell;width:120px; height:175px; max-height:175px; border:1px solid #e5e5e5; vertical-align:middle;} .preferenceBook .recommendView ul li .proInfo .btnEtc > a img { display:table-cell;width: 120px !important; height: auto !important; max-height:175px; border:1px solid #e5e5e5; vertical-align:middle;} .preferenceBook .recommendView ul li p.name {margin-top:11px; margin-bottom: 4px; letter-spacing:-0.5px; line-height:16px; word-break:break-all;} .preferenceBook .recommendView ul li .productPrice { height: 16px; line-height: 16px; padding: 10px 0 0 0; margin-top: 1px;font-family:'tahoma'; font-size: 17px; letter-spacing:-0.3px; margin-right:4px; font-weight:800;} .preferenceBook .recommendView .btnEtc { display:table;margin:0 auto;} .preferenceBook .recommendView .btnEtc > a .txt { display:table-cell;width:120px; height:175px; max-height:175px; border:1px solid #e5e5e5; vertical-align:middle;} .preferenceBook .recommendView .btnEtc > a img { display:table-cell;width: 120px !important; height: auto !important; max-height:175px; border:1px solid #e5e5e5; vertical-align:middle;} .preferenceBook .recommendView p.name {max-width:120px; margin:11px auto 4px; letter-spacing:-0.5px; line-height:16px; word-break:break-all;} .preferenceBook .recommendView .productPrice {max-width:120px; height: 16px; line-height: 16px; padding: 5px 0 0 0; margin:0 auto;font-family:'tahoma'; font-size: 17px; letter-spacing:-0.3px; font-weight:800;} .detailPrd {position:relative; float:left; width:1000px; margin:30px auto;} .tab_detail { position:relative; display:block;width:1000px; margin:30px 0;height:61px;background-color:#fff;border-bottom:1px solid #111111;} .tab_detail ul li {float:left;width:201px;text-align:center;} .tab_detail ul li a { margin-top:6px;display:block;padding-top:15px;height:39px;border:1px solid #d0d0d0;border-width:1px 1px 0 0;background-color:#f5f5f5; font-size:16px;font-weight:bold;color:#444;} .tab_detail ul li a.fst{border-left-width:1px} .tab_detail ul li a:hover {background-color:#f5f5f5;color:#444;} .tab_detail ul li.on a {height:46px; margin-top:0;background-color:#fff; border-color:#111111; border-width:1px 1px 0 1px;color:#111111;} .tab_detail ul li.on a:hover {background-color:#fff;color:#111111;} .tab_detail ul li span {color: #ed1c24;} .detailPrd .prdview_area { margin:10px 20px; line-height:24px; text-align:left;} .detailPrd .prdview_area img {max-width:960px;} .detailPrd .prdview_area table { position:relative; margin:30px auto; text-align:left;} .detailPrd .prdview_area table td { padding:5px;} .detailPrd .book_preview { clear:both; position:relative; width:98%; margin:30px auto; overflow:hidden; } .detailPrd .book_preview ul li { float:left; display:inline; width:20%; margin:2% 0; text-align:center;} .detailPrd .book_preview ul li img {width:140px; height:160px; padding:5px; border:5px solid #f6f6f6; } .detailPrd .review_area {} .review .no-result{background-color:#f7f7f7;color:#aaa;font-size:16px;padding:85px 0;text-align:center} .review .count { padding:10px;} .review .review-list dl{border-bottom:2px solid #1f1f1f;border-top:2px solid #1f1f1f} .review .review-list dl dt{border-top:1px solid #f1f1f1;position:relative} .review .review-list dl dt:first-child{border-top:0} .review .review-list dl dt a{-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;display:block;font-size:14px;font-weight:400; height:100px;line-height:20px;padding:30px 150px 0 0} .review .review-list dl dt a img { clear:both; width:21px; height:19px; margin-right:3px;} .review .review-list dl dt.active+dd{display:block} .review .review-list dl dt img {display:inline-block; width:80px; height:80px; margin-right:10px; vertical-align:middle;} .review .review-list dl dt .info{display:inline-block; width:150px;padding:25px 0;position:absolute;right:10px;top:0} .review .review-list dl dt .info .user{ display:block;color:#898989;font-size:14px; text-align:center;} .review .review-list dl dt .info .date{display:block;color:#898989;font-size:12px; text-align:center;} .review .review-list dl dt .info .star{display:block;color:#898989;font-size:14px; text-align:center;} .review .review-list dl dd{color:#898989;display:none;font-size:14px;line-height:20px;max-width:950px;padding-bottom:30px; padding-left:20px;position:relative;word-break:break-all} .review .review-list dl dd .review-img{height:auto;margin-bottom:10px;} .review .review-bottom{margin-top:-50px;text-align:right} .review .review-bottom .regist{background:#1f1f1f;border:1px solid #1f1f1f;color:#fff;display:inline-block;font-size:12px;height:34px;line-height:34px;text-align:center;width:102px; font-weight:700;} #graphWrap { overflow:hidden; width:100%; margin:30px 0;padding-bottom:10px; border:1px solid #ececec; } #graphWrap h2.gtitle{ background:#f6f6f6; margin:1px; padding:10px 0 0 15px; height:35px; font-size:16px; font-weight:500; margin-bottom:10px;} #graphWrap h2.gtitle span { font-size:12px; font-weight:normal;} .graph_comm {overflow:hidden; float:left; width:50%;} .graph_comm p { margin: 4px 15px; } .graph_comm p .g_txt{ width:70px; display:inline-block; color:#6f6f6f;} .graph_comm p .i_graph{position:relative;line-height:normal;white-space:nowrap} .graph_comm p .i_graph .g_bar{display:inline-block;position:relative;width:350px;height:12px;margin:0 5px 0 0;background:#d9d9d9;font-size:12px} .graph_comm p .i_graph .g_action{display:inline-block;position:relative;height:12px;margin-top:0px;background:#47b80c} .graph_comm p .i_graph .g_percent{font:12px Arial, Helvetica, sans-serif;color:#6f6f6f} .graph_comm .nstararea { margin: 4px 15px; } .graph_comm .nstararea .gra_area{display:inline-block;width:calc(100% - 90px);} .graph_comm .nstararea .g_txt{ width:60px; display:inline-block; letter-spacing:-1px; color:#6f6f6f;} .graph_comm .nstararea .i_graph{position:relative;line-height:normal;white-space:nowrap} .graph_comm .nstararea .i_graph .g_bar{display:inline-block;position:relative;width:calc(100% - 30px);height:13px;margin:0 5px 0 0;background:#d9d9d9;font-size:12px} .graph_comm .nstararea .i_graph .g_action{display:inline-block;position:relative;height:12px;margin-top:0px;background:#47b80c} .graph_comm .nstararea .i_graph .g_percent{font:12px Arial, Helvetica, sans-serif;color:#6f6f6f} .graph_comm2 {position:relative; float:right;border: 1px solid #dbdbdb; background:#FFFFFF;height: 140px;width: 212px; margin-top:10px;padding:15px 10px 5px 10px;_padding-left:5px;_padding-right:5px;} .graph_comm2 p { margin: 4px 5px; } .graph_comm2 p .g_txt{ width:50px; display:inline-block; color:#6f6f6f; font-size:85%;} .graph_comm2 p .i_graph{position:relative;line-height:normal;white-space:nowrap} .graph_comm2 p .i_graph .g_bar{display:inline-block;position:relative;width:100px;height:12px;margin:0 5px 0 0;background:#d9d9d9;font-size:12px} .graph_comm2 p .i_graph .g_action{display:inline-block;position:relative;height:12px;margin-top:0px;background:#47b80c} .graph_comm2 p .i_graph .g_action.bcg { background:#0072bc;} .graph_comm2 p .i_graph .g_percent{font:12px Arial, Helvetica, sans-serif;color:#6f6f6f} .rent_state {overflow:hidden; margin:20px 0; font-size:12px;} .rent_state h4 {padding:10px 0; font-size:14px; font-weight:600;} .rent_state h4 p { float:right; font-size:12px; font-weight:normal; margin-right:10px;} .rent_state ul { margin:0 20px 0 0; clear:both; overflow:hidden; width:100%;} .rent_state ul li { float:left; padding:7px 1.5%; width:30.3%; border-bottom:1px solid #eaeaea; text-align:center;} .rent_state ul li.tit { padding:10px 1.5%; background:#f5f5f4; font-weight:700; border-top:1px solid #d0d0ca;} .rent_state ul li span { display:inline-block; width:33%; text-align:center;} .rent_state ul.l365 li { float:left; padding:7px 1%; width:18%; border-bottom:1px solid #eaeaea; text-align:center;} .rent_state ul.l365 li.tit { padding:10px 1%; background:#f5f5f4; font-weight:700; border-top:1px solid #d0d0ca;} .rent_state ul.l365 li span { display:inline-block; width:50%; text-align:center;} #delivery_info { overflow:hidden; margin:20px 0; color:#666666} #delivery_info h2 { height:25px; background:url(../images/product/icon_arrow1.gif) no-repeat left 55%; padding-left:20px;font-size:16px;} #delivery_info .payment {} #delivery_info .payment .bank { padding:20px; margin:20px; width:300px; background-color:#f6f6f6; line-height:24px; color:#555;} #delivery_info .delivery { } #delivery_info .rent {} #delivery_info ul { margin:15px;} #delivery_info ul li { background:url(../images/icon_dot.gif) no-repeat left 10px; padding-left:7px; line-height:22px; } .pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 220px; height: auto; background-color: #fff; border: 5px solid #3571B5; z-index: 102; } .dim-layer { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} .dim-layer .dimBg {width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);} .dim-layer .pop-layer { display: block; } .ly_popup{position:absolute;z-index:200;} .ly_popup .border_type{padding:9px 0 5px;background-color:#fff;text-align:center;} .ly_popup .close{position:relative;float:right;top:0px;right:9px;} .cal_simple{margin:0 auto;padding:0;border:0;} .cal_simple caption{margin:0 auto;padding:0 0 8px 3px;color:#000;font-family:'돋움',dotum;font-size:14px;font-weight:bold;text-align:center;} .cal_simple caption strong{margin:0 5px;*margin:0;} .cal_simple tr{border:none;} .cal_simple th{width:25px;height:19px;border:none;color:#000;font-family:'돋움',dotum;font-size:12px;font-weight:normal;} .cal_simple td{width:25px;height:19px;border:none;font-family:tahoma;font-size:11px;color:#eaeaea;text-align:center;} .cal_simple td a{color:#cccccc; text-decoration:none;cursor:pointer;font-size:11px;} .cal_simple td a em{color:#000;font-style:normal;} .cal_simple td a strong{color:#ed432a;font-weight:bold;} .cal_simple td.dbg {background-color:#fff;border:1px solid #00b6f1;border-radius:20px;} /**로그인**/ .login_wrap { position:relative; margin:20px auto;} .login_wrap .big_title {margin: 0 0 25px;padding: 48px 0 0; text-align: center; font-weight: 700; font-size:45px; line-height: 60px; color: #2d2723;} .login_wrap .big_title .sub {margin: 15px 0 0; font-size: 16px; color: #2d2d2d;} .login_wrap .tab_list2 {margin: 0 0 55px;} .login_wrap .greet {margin: 0 0 10px;} .login_wrap .greet p {font-size: 14px; line-height: 26px; font-weight:normal; color: #2d2d2d;} .login_wrap .login {position:relative; width:540px; margin:0 auto;overflow: hidden; border:1px solid #dedede; padding:60px 30px 30px;} .login_wrap .login ul {width:410px;} .login_wrap .login li {position:relative; display:block;} .login_wrap .login li:first-child {margin-bottom:4px} .login_wrap .login li input { width:410px; height: 40px; padding-left:10px;border:1px solid #e8e8e8; font-size: 16px; line-height: 40px; color: #666666; box-sizing: border-box; background: #f6f6f9;} .login_wrap .login li input:focus {border:1px solid #ff9600} .login_wrap .login p.ssl {margin:10px 0 23px; /*padding-left:100px;*/ width: 410px; text-align:center;} .login_wrap .login .login_btn {position: absolute; top:60px; right:30px; } .login_wrap .login .login_btn button{ display:inline-block; width:120px; height:84px; background:#398cd8; font-size:24px; font-weight:600; text-align:center; line-height:84px; color:#FFFFFF} .login_wrap .login .btn {padding-left:80px; margin-bottom:10px} .login_wrap .loginhelp {overflow: hidden; border:1px solid #dedede; padding:30px;} .login_wrap .loginhelp dl {float: left; box-sizing: border-box; margin:0 3%; width: 44%;} .login_wrap .loginhelp dl dt {margin: -5px 0 0; font-size: 20px; font-weight:700; color: #2d2d2d;} .login_wrap .loginhelp dl dd {margin: 14px 0 0;} .login_wrap .loginhelp dl dd .boxed {overflow: hidden; margin: 0 0 10px;} .login_wrap .loginhelp dl dd .boxed span { display:inline-block; width:70px;} .login_wrap .loginhelp dl dd .boxed input {height: 40px; width:390px; padding-left:10px;border:1px solid #e8e8e8; font-size: 16px; line-height: 40px; color: #666666; box-sizing: border-box; background: #f6f6f9;} /**회원가입**/ .join_wrap { position:relative; width:100%; margin-top:30px;} .join_wrap h2 { margin-bottom:5px;} .join_wrap h3 { margin-top:10px; margin-bottom:10px; font-size:18px; font-weight:600; color:#575757; font-family: "나눔고딕", "나눔바른고딕"} .join_wrap h3 span { color:#b8b8b8} .join_wrap h5 { padding:10px 0; font-size:13px;} .join_wrap p { padding:5px 0; text-align:center} .join_wrap p span {margin-left:5px;vertical-align:0px;} .join_textarea { padding:25px 2%; margin:10px 0; height:150px; width:94%; line-height:18px; border:5px solid #f0f0f0; color:#666666 } .join_msg { background-color:#f0f0f0; width:auto; padding:20px;} .join_input_top{margin: 10px 0;} .join_input{border-top:2px solid #595959; border-bottom:2px solid #d2d2d2; display: table;margin-bottom: 20px; width:100%;} .join_input dl{position:relative; display: table; border-top:1px solid #d2d2d2; width:100%;} .join_input dl:first-child{border-top:none;} .join_input dl>dt{display:table-cell;float:left; width:18%; padding:10px 0 10px 30px; text-align: left; font-weight:600; vertical-align:middle;} .join_input dl>dt.chk {background:url(../images/member/icon_check.png) no-repeat 18px 50%; } .join_input dl>dd{position:relative;display:table-cell; float:left; width:75%; padding:10px 0 10px 10px; border-left:1px solid #d8d8d8;color:#666; } .join_input dl>dd input{border:1px solid #d5d5d5; padding:3px 5px; margin:3px;} .join_input>dl>dd span { font-size:90%;} .join_wrap .succ { position:relative; width:540px; margin:50px auto; border:1px solid #d5d5d5; padding:50px 80px;} .joinOne { margin:20px auto; width:680px; border:15px solid #5fa7d3;background: #5fa7d3;} .joinOne h2 { padding:15px 0; background: #5fa7d3; text-align:center;} .joinOne h2 img { width:50%; height:auto;} .joinOne h2 p{ margin-top:20px; font-size:12px; font-weight:500; line-height:20px;text-align:center; color:#FFFFFF; } .joinOne h2 p span { color:#FFFF00;} .joinOne .cont{ padding:30px; text-align:center; background:#FFFFFF;} .joinOne a.btnone { display:inline-block; margin:30px auto; padding:20px 40px; height:30px; line-height:30px; border:1px solid #165999; border-radius:5px; font-size:18px; font-weight:800; font-family: "돋움", "돋움체"; color:#FFFFFF; text-align:center;background: #165999; /* fallback for old browsers */ background: -webkit-linear-gradient(to top, #165999 , #3972a8); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to top, #165999 , #3972a8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */} .joinagr_title { background:url(http://www.littlemom.co.kr/sub/images/etc/blt01.png) no-repeat 0 50%; padding-left:15px; font-size:17px; font-family:"나눔고딕", "돋움체"; font-weight:600; color:#0e3c84; text-align:left;} .joinagr_title span { font-size:12px; font-weight:500; color:#666666;} .joinFormbox { border:1px solid #e0e0e0; margin:10px 0; padding:20px; border-radius:5px; background:#f9f9f9;} .joinform { font-size: 12px;color: #555555;border: 0px solid #dddddd;line-height: 20px; width:100%;background-color: #f9f9f9;} .jointext {border: 1px solid #EBEBEB;line-height: 20px;color: #666666;text-decoration: none;padding: 10px;text-align: left;} .join_gtxt { border:1px solid #ebebeb; margin:0 10px;} .join_gtxt h2 { background:#fcfcfc;border-bottom:1px solid #ebebeb; padding:10px;} .join_gtxt p { margin:15px; line-height:18px;font-size: 11px;} .joinok { width:550px; margin:90px auto 50px; text-align:center;} .joinok p { margin:20px 0; text-align:center;} .joinok p img { width:auto; height:24px;} .joinlogo { overflow:hidden; margin-bottom:30px;} .joinlogo ul li { display: inline; width:50%; float:left; text-align:center;} .joinlogo ul li img { width:50%; height:auto;} /**장바구니**/ .cart_wrap { position:relative; width:100%; margin:20px 0 50px 0;} .cart_wrap h2 { margin-bottom:20px;} .cart_wrap h3 { margin:20px 0 10px; font-size:16px; font-weight:600;} .cart_tlb1 { width:100%;} .cart_tlb1 th { padding:15px 5px; border-top:2px solid #333333; border-bottom:1px solid #d9d9d9; background-color:#ffffff; color:#000000; text-align:center} .cart_tlb1 th.no { border-top:none; border-left:1px solid #d9d9d9; background-color:#fbfbfb; font-weight:normal;} .cart_tlb1 th.leftline { border-left:1px solid #d9d9d9;} .cart_tlb1 td { padding:15px 5px; border-bottom:1px solid #ebebeb; text-align:center; line-height:18px; } .cart_tlb1 td.bdleft{border-left:1px solid #ebebeb;} .cart_tlb1 td.left { text-align:left;} .cart_tlb1 td.right { text-align:right; padding-right:10px;} .cart_tlb1 td.price {color:#9e0b0f;} .cart_tlb1 td.bgcol1 { background-color:#F8F8F8;} .cart_tlb1 td input { border:1px solid #d5d5d5; padding:2px 5px; margin:3px;} .cart_tlb1 td p { line-height:200%;} .cart_tlb1 td span.price { display:inline-block; width:100px;} #cart_msg {position:absolute;z-index:1; margin-left:-250px; margin-top:20px; width:250px; border:1px solid #CCCCCC; background-color:#f8f8f8; padding:20px; line-height:20px; font-size:11px; text-align:center;} .cart_tlb2 { width:100%; border-top:2px solid #595959;} .cart_tlb2 th { width:130px; padding:8px 5px 8px 35px; border-bottom:1px solid #d8d8d8; background-color:#ffffff; text-align:left} .cart_tlb2 td { padding:8px 5px 8px 20px; border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8; color:#666666;} .cart_tlb2 td input { border:1px solid #d5d5d5; padding:3px 5px; margin:3px;} .cart_tlb2 td input.w90{ width:90%;} .cart_tlb2 td textarea { border:1px solid #d5d5d5; padding:3px 5px; margin:3px;} .cart_tlb2 td .bolck{ display:block;} .cart_tlb3 { width:100%; border-top:2px solid #595959;} .cart_tlb3 th { width:130px; padding:8px 5px; border-bottom:1px solid #d8d8d8; background-color:#ffffff; font-weight:normal; text-align:left;} .cart_tlb3 td { padding:8px 5px 8px 20px; border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8; line-height:18px; color:#666666;} .cart_tlb3 td input { border:1px solid #d5d5d5; padding:3px 5px; margin:3px;} .cart_tlb3 td input.w90{ width:90%;} .cart_tlb3 td textarea { border:1px solid #d5d5d5; padding:3px 5px; margin:3px;} .cart_tlb3 td .bolck{ display:block;} .rent_guide { height:100px; background:url(../images/order/rent_guidebg.jpg) no-repeat left top; padding-left:120px;} .rent_guide ul li { display:block; padding-left:7px; margin:2px 0; background:url(../images/icon_dot.gif) no-repeat left 50%; font-size:12px; line-height:18px;} .rent_guide ul li.nodot { background:none; font-size:11px; line-height:16px;} .sett_guide { overflow:hidden; border:5px solid #f0f0f0; padding:20px; padding-left:140px; background:url(../images/order/sett_guidebg.jpg) no-repeat 20px 50%;} .sett_guide p { font-size:14px;} .sett_guide ul li { margin:2px 0; float:left; display:inline; width:85%; font-size:12px;} .sett_guide ul li.w { width:15%;} /**창**/ .popwrap { position:relative; width:100%;} .popwrap .title { overflow:hidden; padding:15px 20px 0; height:40px; background: #8c8c8c; font-family:"나눔고딕", "나눔바른고딕"; font-size:20px; font-weight:600; color:#FFFFFF;} .popwrap .cont{ padding:20px;} .popwrap .txt_info{margin:5px 0px; font-size:12px; line-height:16px;color:#666} .popwrap .txt_info span { color:#0099FF;} .popwrap .msg_line{ border:1px solid #CCCCCC; padding:20px;} .popwrap .msg{padding:10px 0;line-height:30px;overflow:hidden;display:block;margin:0 17px;text-align:center;font-weight:bold;} .popwrap .msg.t1{font-size:16px; color:#0066FF;} .popwrap .msg.t2{font-size:12px;font-weight:normal;line-height:18px;} .popwrap .msg.t3{padding:5px 0;border-top:dotted 1px #ccc; } .popwrap .close { float:right;} .popwrap .close img { width:20px; height:auto} /**입력폼**/ .request_input_top{margin: 10px 0; font-size:90%;} .request_input{ clear:both;border-top:2px solid #595959; border-bottom:2px solid #d2d2d2; display: table;margin-bottom: 20px; width:100%;} .request_input dl{position:relative; display: table; border-top:1px solid #d2d2d2; width:100%;} .request_input dl:first-child{border-top:none;} .request_input dl>dt{float:left; display:table-cell; width:20%; padding:1% 0 1% 3%; text-align: left; font-weight:600; font-size:90%; vertical-align:middle;} .request_input dl>dt.txtm{ padding-top:8px;} .request_input dl>dt.chk {background:url(../images/member/icon_check.png) no-repeat 18px 50%; } .request_input dl>dd{float:left;display:table-cell; width:70%; position:relative; padding:1% 0 1% 2%; border-left:1px solid #d8d8d8;color:#666;vertical-align:middle; } .request_input dl>dd input,textarea,select{border:1px solid #d5d5d5; padding:3px; margin:2px;} .request_input>dl>dd span { display:block; font-size:90%;} .request_input>dl>dd img.cal { vertical-align:-7px;} /*마이페이지*/ .myroot { padding:10px 0; text-align:right; font-size:12px;} .title_my {height:60px; margin-bottom:10px; padding:50px 0 0 0; border-bottom:0px solid #bebebe; background:url(../images/member/title_mybg.png) no-repeat bottom right;} .img_sample {background:url(../images/01/icon_paging.png) no-repeat 0 0} .outline1 { border:1px solid #CCCCCC; border-radius:10px; width:80%; padding:40px 0; margin:20px auto; text-align:center; line-height:22px; } .msg01 { line-height:20px;} .color-red {color:#FF0000} .color-blue {color: #0033CC} .left_mymenu { position:relative; width:180px;} .left_mymenu h2 { height:80px; width:180px;background: url(../images/member/myleft_menu.jpg) no-repeat top left; background-position:0 0; text-indent:-2000px;} .left_mymenu ul li { position:relative;} .left_mymenu a { display:block; height:50px; width:180px;background: url(../images/member/myleft_menu.jpg?=20230303) no-repeat top left; text-indent:-2000px;} .left_mymenu a.menu1 { background-position:0 -100px;} .left_mymenu a.menu2 { background-position:0 -150px;} .left_mymenu a.menu3 { background-position:0 -200px;} .left_mymenu a.menu4 { background-position:0 -250px;} .left_mymenu a.menu5 { background-position:0 -300px;} .left_mymenu a.menu6 { background-position:0 -350px;} .left_mymenu a.menu7 { background-position:0 -400px;} .left_mymenu a.menu8 { background-position:0 -1000px;} .left_mymenu a.smenu1 { height:25px; background-position:0 -500px;} .left_mymenu a.smenu2 { height:25px; background-position:0 -525px;} .left_mymenu a.smenu3 { height:25px; background-position:0 -550px;} .left_mymenu a.smenu4 { height:25px; background-position:0 -575px;} .left_mymenu a.smenu5 { height:25px; background-position:0 -600px;} .left_mymenu a.smenu5y { height:25px; background-position:0 -750px;} .left_mymenu a.smenu6 { height:25px; background-position:0 -625px;} .left_mymenu a.smenu7 { height:25px; background-position:0 -650px;} .left_mymenu a.smenu8 { height:25px; background-position:0 -675px;} .left_mymenu a.smenu9 { height:25px; background-position:0 -700px;} .left_mymenu a.smenu10 { height:25px; background-position:0 -725px;} .left_mymenu a.smenu11 { height:25px; background-position:0 -775px;} .left_mymenu a.smenu12 { height:25px; background-position:0 -800px;} .left_mymenu a.smenu13 { height:25px; background-position:0 -825px;} .left_mymenu a.smenu14 { height:25px; background-position:0 -850px;} .left_mymenu .pt5 { padding-top:5px;} .left_mymenu .pb5 { padding-bottom:5px; border-bottom:1px solid #cacaca;} .my_guide { position:relative; padding-left:10px; margin-bottom:10px;} .my_guide ul li { display:block; padding-left:7px; margin:2px 0; background:url(../images/icon_dot.gif) no-repeat left 50%; font-size:12px; line-height:18px;} .my_guide ul li.nodot { background:none; font-size:11px; line-height:16px;} h4.ordertit { margin:10px 0 5px; font-size:18px; font-weight:600;} .mypage_list { width:100%; border-top:2px solid #333333;} .mypage_list th { padding:13px 0; background:#f5f7f5; border-bottom:1px solid #eaeaea; text-align:center;} .mypage_list th.hid { border-left:none;} .mypage_list td { padding:10px 0; text-align:center;border-bottom:1px solid #eaeaea; line-height:18px;} .mypage_list td.left { padding-left:15px; text-align:left;} .mypage_list td.right { padding-right:5px; text-align:right;} .mypage_list td.content {padding:10px 15px; line-height:20px; text-align:left} .mypage_list td.noitem { padding:30px 0;} .mypage_view { width:100%; border-top:2px solid #595959;} .mypage_view th { width:120px; padding:8px 5px 8px 20px; border-bottom:1px solid #d8d8d8; background-color:#ffffff; text-align:left} .mypage_view th.hid { border-left:none;} .mypage_view td { padding:8px 5px 8px 20px; border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8; line-height:18px; color:#666666;} .mypage_view td.bgcol1 { background-color:#F8F8F8;} .mypage_view td.nopd { padding:0;} .mypage_view td.left { padding-left:5px; text-align:left;} .mypage_view td.right { padding-right:5px; text-align:right;} .mypage_view td.content {padding:10px 15px; line-height:20px; text-align:left} .mypage_view td.noitem { padding:30px 0;} .mypage_view td.noborder { border-left:none;} .mypage_view td input{ border:1px solid #d5d5d5; padding:3px 5px; margin:3px;} .mypage_guide1 { position:relative; padding:15px 15px 10px 140px; border:1px solid #eaeaea; border-radius:5px; background:url(../images/member/mypage_guide01.jpg) no-repeat 20px 30px;} .mypage_guide1 ul li { padding:2px; background:url(../images/member/mypage_guide03.jpg) no-repeat left 7px; padding-left:10px; font-size:12px; line-height:18px;} .mypage_guide1 ul li.no { background:none;} .mypage_mgs { position:relative; width:60%; margin:20px auto; padding:80px 15px; border:1px solid #eaeaea; border-radius:5px; text-align:center;} .mytxt1 { padding-bottom:10px; font-size:12px;} /* 고객센터 */ .title_cust { overflow:hidden; position:relative; margin-bottom:20px;} .left_custmenu { position:relative; width:180px;} .left_custmenu h2 { height:60px; width:180px;background: url(../images/customer/left_menu.jpg) no-repeat top left; background-position:0 0; text-indent:-2000px;} .left_custmenu ul li { position:relative;} .left_custmenu a { display:block; height:50px; width:180px;background: url(../images/customer/left_menu.jpg?ver=20221130) no-repeat top left; text-indent:-2000px;} .left_custmenu a.menu1 { background-position:0 -100px;} .left_custmenu a.menu2 { background-position:0 -150px;} .left_custmenu a.menu3 { background-position:0 -200px;} .left_custmenu a.menu4 { background-position:0 -250px;} .left_custmenu a.menu5 { background-position:0 -300px;} .left_custmenu a.menu6 { background-position:0 -350px;} .left_custmenu a.menu7 { background-position:0 -400px;} .left_custmenu a.menu8 { background-position:0 -450px;} /*게시판*/ .bbs_guide { position:relative; padding-left:10px; margin-bottom:10px;} .bbs_guide ul li { display:block; padding-left:7px; margin:2px 0; background:url(../images/icon_dot.gif) no-repeat left 50%; font-size:12px; line-height:18px;} .bbs_guide ul li.nodot { background:none; font-size:11px; line-height:16px;} .bbs_guide ul li.subj { padding-left:0;background:none; font-size:100%; font-weight:600; color:#3366CC;} .bbs_list { border-top:2px solid #333333;} .bbs_list th { padding:18px 0; font-weight:bold; border-bottom:1px solid #eaeaea; text-align:center} .bbs_list td { padding:15px 0; text-align:center; border-bottom:1px solid #eaeaea;} .bbs_list td.left { text-align:left;} .bbs_list td .review {float:left; padding:10px; width:520px;text-align:left; font-size:13px; line-height:24px; color:#666666;} .bbs_list td .review p { overflow:hidden; display:block; width:530px; margin:5px 0;} .bbs_view { border-top:2px solid #333333;} .bbs_view th { padding:18px 0; width:10%; font-weight:bold; border-bottom:1px solid #eaeaea; text-align:center} .bbs_view th.w20 { width:17%; padding-left:3%; text-align:left;} .bbs_view th.blue { color:#3399CC;} .bbs_view th.left { text-align:left} .bbs_view td { padding:15px 0; border-bottom:1px solid #eaeaea;} .bbs_view td.cont { text-align:left; padding:20px; line-height:24px; height:250px; vertical-align:top;} .bbs_write {margin:0 auto; border-top:2px solid #333333;} .bbs_write th { padding:18px 0; font-weight:bold; border-bottom:1px solid #eaeaea; text-align:center} .bbs_write th.w20 { width:17%; padding-left:3%; text-align:left;} .bbs_write th.blue { color:#3399CC;} .bbs_write th.left { text-align:left} .bbs_write td { padding:15px 0; border-bottom:1px solid #eaeaea;} .bbs_write td.left { text-align:left; padding:20px; line-height:24px;} .bbs_write td input,textarea,select {border:solid 1px #cbcbcb;padding:5px; margin:0 2px;line-height:24px;color:#666666;} .bbs_write td select { height:35px;} .bbs_write td input[type=file] { margin:3px 2px; width:80%; display:block;} .bbssrch_area { position: relative; padding:2px; text-align:center; } .bbssrch_area select {width:80px; padding:7px 5px; border:solid 1px #cbcbcb;} .bbssrch_area input[type=text] { padding:6px;width:150px;border:solid 1px #cbcbcb;} .bbs_srch_btn {width:50px; height:21px; vertical-align:-4px;} .btn_right { float:right; margin-top:-40px;} .review_tab { position:relative;height:30px;} .review_tab ul li { float:left; width:155px;height:30px; text-align:left;} .review_wrap { position:relative; width:100%; border-top:2px solid #333333;} .review_title {font-family:"나눔고딕", "돋움", "돋움체", "굴림", "굴림체";font-size: 14px;font-weight: bold;color: #ffffff;padding:10px;background-color:#21a3e1;margin-top: 15px;margin-bottom: 15px;} .review_stit {font-family:"나눔고딕", "돋움", "돋움체", "굴림", "굴림체";font-size: 12px; font-weight: bold; background-color:#F3F3F3; padding:10px; margin:10px 0;} .review_tbl { position:relative; width:100%; margin:0 10px;} .review_tbl td { padding:5px; color:#999999} .review_tbl td a { color:#333333;} .review_tbl td.icon { background:url(../images/01/icon_01.jpg) no-repeat left 40%; padding-left:10px;} .review_tbl2 { position:relative; width:100%; margin:0 10px;} .review_tbl2 td { padding:8px 8px 8px 10px; width:33%;background:url(../images/01/icon_01.jpg) no-repeat left 40%; color:#999999; } .review_tbl2 td a { color:#333333;} .review_tbl2 td.nobg { background:none;} .faq_list { border-top:2px solid #333333;} .faq_list ul li{display:block;position:relative;border-bottom:1px solid #eaeaea;} .faq_list ul li:hover{background-color:#fcfcfc;} .faq_list ul li .faq_item {display:block;width:100%; padding:0;box-sizing:border-box;} .faq_list ul li .faq_item .title {display:block; padding:10px 20px;color:#333333; font-weight:600;} .faq_list ul li .show_cont {display:none;width:100%;padding:30px;color:#666;box-sizing:border-box; background:#f7f7f7;} /**개인정보**/ .privacy_Wrap {} .privacy_Wrap .big_title {margin: 0 0 25px;padding: 48px 0 20px; border-bottom:1px solid #000; text-align: center; font-weight: 700; font-size: 45px; line-height: 60px; color: #2d2723;} .privacy_Wrap .big_title .sub {margin: 15px 0 0; font-size: 16px; color: #2d2d2d;} .privacy_Wrap .privacy { margin:10px 20px;} .privacy_Wrap .privacy h3 { padding:25px 0 10px; font-size:13px; font-weight:bold;} .privacy_Wrap .privacy ul li{ margin:0 20px; padding:3px 0; line-height:24px;} /**서평**/ .event_title1 { position:relative; height:150px; background:url(../images/product/tong-top.gif) no-repeat top left;} .event_title1 p { float:right; margin-top:95px;} .event_title1 p a { display:inline-block;border:1px solid #dcdcdc; background:#f6f6f6; margin:0 2px; padding:10px 30px; font-weight:700; font-size:11px; color:#444444;} .event_title1 p a span { color:#0099CC} .event_title2 { position:relative; height:150px; background:url(../images/product/ilban-top.gif) no-repeat top left;} .event_title2 p { float:right; margin-top:95px;} .event_title2 p a { display:inline-block;border:1px solid #dcdcdc; background:#f6f6f6; margin:0 2px; padding:10px 30px; font-weight:700; font-size:11px; color:#444444;} .event_title2 p a span { color:#0099CC} .item_review_wrap { float:left; position:relative; width:1000px;} .view_review { width:100%;} .view_review.nobg { background:none; border-top:#CCCCCC 2px solid;} .view_review th { height:30px; text-align:center} .view_review th.hid { background:none;} .view_review td { padding:7px 0; text-align:center; border-bottom:1px solid #eaeaea;} .view_review td.left { padding-left:10px; text-align:left;} .view_review td.cont { padding:30px; background-color:#f9f9f9; text-align:left; line-height:22px;} .guideWrap { position:relative; clear:both; overflow:hidden; margin:0 6px 15px} .guideWrap h2 { margin-top:5px;background:url(images/little-guide.png) no-repeat right #f2f2ed; background-size:auto 100px; border:1px solid #f2f2ed; border-radius:5px;height:100px;font-size:13px; font-weight:800; text-align:left;s} .guideWrap h2 p{padding:75px 0 0 10px;} .guideWrap ul { margin:10px;} .guideWrap ul li { line-height:20px; color:#333333; text-align:left;} .guideWrap ul li.color { padding:10px; margin:10px 0; background:#5676b4; color:#ffffff; font-weight:600;} .guideWrap ul li.q { padding:20px 0 5px 0; font-weight:800; color:#f26522;} .guideWrap ul li.a { padding:5px 0; line-height:24px; } .guideWrap ul li div.txt { display:none; float:left; border-radius:15px; width:20px; height:20px;margin-right:5px;font-size:16px; font-weight:800; line-height:20px; color:#FFFFFF; text-align:center;} .guideWrap ul li div.txt.q{ margin-left:-30px; background:#003279; border:1px solid #003279;} .guideWrap ul li div.txt.a{ margin-left:-30px; background:#777777; border:1px solid #777777;} .guideWrap ul li span {display:block; margin-left:15px; margin-bottom:10px;} .guideWrap div img { width:100%;} /*.guideWrap .sty1 {background:#c4d2f0; border:1px solid #c4d2f0; border-radius:10px; padding:5px;} .guideWrap .sty2 {border-color:#FFFFFF;border-width: 2px;border-style: dashed;border-radius:10px; padding:5px;} .guideWrap .sty3 {background: #FFFFFF; padding:5px 0px;}*/ .guide-diag { margin-left:-10px; } .guide-diag ul li { display:block; margin:5px 2px; padding-bottom:20px; background:url(images/ic_down.png) no-repeat bottom center; background-size:19px auto; } .guide-diag ul li.last { background:none;} .guide-diag ul li p {padding:10px; background:#cce6f4; border:1px solid #cce6f4; border-radius:5px;font-size:14px; line-height:18px; text-align:center;} /* 게시판 공지사항 가이드 */ .rent_guide_st1 { clear:both; position:relative; padding:10px;font-size:100%; border:1px solid #CCCCCC;} .rent_guide_st1 h3.title { margin: 0 10px; font-size:110%; font-weight:700; line-height:35px; color:#003663} .rent_guide_st1 h3.title .num { display:inline-block; width:30px; height:30px;line-height:30px; background:#003663; border:1px solid #003663; border-radius:50%; color:#FFFFFF; text-align:center;} .rent_guide_st1 .txt1 { margin:0 5px 10px 50px; color:#666666;} .rent_guide_st1 .txt1 span .color_red { color:#FF0000;} .rent_guide_st1 .txt1 span .color_blue { color:#0066CC;} /*퍼가기*/ .share { float:right; margin-top:10px;} .share img { width:25px; height:auto; border:1px solid #FFFFFF; border-radius:5px;} /*도서상세페이지 가이드 창*/ .w-guideWrap { position:relative; clear:both; overflow:hidden; padding:5px;background:#f0e2c4; border:1px solid #f0e2c4; border-radius:10px;} .w-guideWrap h2.tit { clear:both; height:15px; font-size:20px; font-weight:900;color:#68431d;} .w-guideWrap ul { margin:0; padding:0;} .w-guideWrap ul li { list-style:none; color:#333333; text-align:left;} .w-guideWrap ul li.color { padding:5px; margin:5px 0; background:#5676b4; color:#ffffff; font-weight:600;} .w-guideWrap ul li.q { padding:10px 0 5px 0;font-weight:800; color:#f26522;} .w-guideWrap ul li.a { padding:5px 0;} .w-guideWrap ul li div.txt { display:inline-block; float:left; border-radius:15px; width:15px; height:15px;margin-right:5px; font-weight:800; line-height:20px; color:#FFFFFF; text-align:center;} .w-guideWrap ul li div.txt.q{ background:#f26522; border:1px solid #f26522;} .w-guideWrap ul li div.txt.a{ background:#8dc63f; border:1px solid #8dc63f;} .w-guideWrap ul li span {display:block; margin-left:15px; margin-bottom:10px;} /*365무제한대여*/ .rent365-guide { position:relative; width:810px; float:right;} .rent365-guide h3{ position:relative; padding:15px 0 12px 0; font-weight: 600; font-size: 18px; color: #232a32;} .rent365-guide .tinfo { overflow:hidden;padding:10px;} .rent365-guide .tinfo .title {margin:4%; text-align:center;} .rent365-guide .tinfo .title img { width:100%;} .rent365-guide .tinfo ul li { position:relative; overflow:hidden; margin:1% auto; padding:1%; width:60%; background:#51b7ff; border:2px solid #0a619e; border-radius:10px;text-align:center;} .rent365-guide .tinfo ul li img { clear:both; width:80%; } .rent365-guide .tinfo ul li p { position:relative;margin:15px 0; font-size:14px; color:#000000; font-weight:600; line-height:24px;} .rent365-guide .pr { overflow:hidden;margin:0 3% 3% 3%; font-size:16px; color:#000000; font-weight:400; line-height:24px;} .rent365-guide .pr ul li { float:left; width:25%;} .rent365-guide .pr ul li a { margin:2px; font-size:14px;} .rent365-guide .recommendView{position: relative; overflow: hidden; width:100%; margin-top:10px;} .rent365-guide .recommendView ul li { float:left; display:inline; width:20%; height:190px; text-align:center;} .rent365-guide .recommendView ul li .proInfo {margin:auto; width:160px; padding-top:6px;} .rent365-guide .recommendView ul li .proInfo .btnEtc { border:1px solid #f3f3f3;} .rent365-guide .recommendView ul li .proInfo .btnEtc > a img {width: 120px !important; height: 120px !important;} .rent365-guide .recommendView ul li .proInfo .ranking {position: absolute; width:30px; height:30px; line-height:30px; background:#0072bc; border:1px solid #0072bc; border-radius:100%; color:#FFFFFF; font-size:16px; font-weight:900; text-align:center;} .rent365-guide .recommendView ul li p.name {margin-top:11px; margin-bottom: 4px; letter-spacing:-0.5px; line-height:16px; word-break:break-all;} .rent365-guide .recommendView ul li .productPrice { height: 16px; line-height: 16px; padding: 10px 0 0 0; margin-top: 1px;font-family:'tahoma'; font-size: 17px; margin-right:4px; font-weight:800;} .rent365-guide .sort_box{ position:relative; overflow:hidden; width:100%;border-bottom:2px solid #ff7e36;margin:10px auto -2px;} .rent365-guide .sort_box ul{} .rent365-guide .sort_box ul li{float:left; width:12%;} .rent365-guide .sort_box ul li.last { width:16%;text-align:right;} .rent365-guide .sort_box ul li a{ display:block;padding:10px 0; background:#fafafa; margin-left:-1px; margin-bottom:-1px; border:1px solid #e5e5e5; border-bottom:0; text-align:center;} .rent365-guide .sort_box ul li a:hover{color:#333;font-weight:bold;} .rent365-guide .sort_box ul li a.on{ background:#ff7e36; margin-left:0;border:1px solid #ff7e36; color:#ffffff;font-weight:bold;} .rent365-guide .moorent_banner { position:relative} .rent365-guide .moorent_banner ul li { float:left; width:25%;} .rent365-guide .moorent_banner ul li a { display:block;} .rent365-guide .moorent_banner ul li img { margin:6% 3%; width:94%; border-radius:5px;} /*영어단행본 추가*/ #e-danWrap { position:relative; float:left; margin-bottom:15px;} #e-danWrap h3 { margin-bottom:10px; font-weight:normal;} #e-danWrap h3 .all { float:right; font-size:80%;} #e-danWrap .lst {position:relative; float:left;overflow-y: auto; height:300px; padding-bottom:1%; border:1px solid #dbdbdb; border-left:none; border-right:none; } #e-danWrap .lst ul { margin:1%;} #e-danWrap .lst ul li { display:inline;float:left; overflow:hidden; width:48%; padding:1%;} #e-danWrap .lst ul li.bg { background:#f2f2f2;} #e-danWrap .lst ul li p { float:right; right:3%;} /* 방문매입 */ .vstitle_cust{ padding:10px 0; font-size:40px; font-weight:600; text-align: center;} .vs_req { overflow:hidden; border:1px solid #CCCCCC; padding:5px 10px;} .vs_req ul {} .vs_req ul li { overflow:hidden; display:block; margin:0; padding:3px 0; color:#999999;} .vs_req ul li.wd100 { width:100%; vertical-align: text-top;} .vs_req ul li label { position:relative; display:inline-block; width:60px; color:#666666;letter-spacing:-1px;} .vs_req ul li input, textarea, select {padding:2px; margin:0 3px;border: 1px solid #dddddd; background:#FFFFFF; font-size:95%; } .vs_req ul li .bd_red { border-color:#FF6600;} .file_btn { display:inline-block; border:1px solid #0072bc;border-radius:2px; background-color:#0072bc; width:80px;height:22px;font-size:12px; font-weight:700; color:#fff; text-align:center; } a.myvisit{margin:0 2px;display:inline-block;height:30px;line-height:30px; font-size:14px; padding:0 15px;background: #3194f1; border:1px solid #3194f1; border-radius:5px;color:#FFFFFF; text-align:center;} /* 레이어 팝업 달력 css */ .btnlay_wrap {display:inline-block;} /*.pl_W {display:block;position:absolute;top:13px;left:0;text-align:left;z-index:9;}*/ .pl_W {display:block;text-align:left;z-index:9;} .pl_W_t49 {top:49px;} .pl_W .wid_1 {width:164px;} .pl_W .wid_2 {width:255px;} .pl_W .wid_5 {width:220px;} .pl_W .wid_6 {width:200px;}/*달력 */ .pl_W h1 {height:18px;margin-bottom:6px;padding:8px 0 0 8px;background:url('/sub/images/calendar/pl_h1_bg.gif') repeat-x left bottom;font-size:11px;font-weight:bold;color:#323232;} .pl_W h1.txt_large {font-size:12px;} .pl_W .btn_close {position:absolute;top:1px;right:1px;width:27px;height:27px;overflow:hidden;} .pl_W .pl_box {border:1px solid #f1f1f1;background-color:#fbfbfb;margin:0 9px 8px 9px;padding:9px;text-align:center;} .pl_TL {background:url('/sub/images/calendar/pl_TL.gif') no-repeat left top; overflow:auto; overflow:hidden;} .pl_BR {width:100%; background:url('/sub/images/calendar/pl_BR.gif') no-repeat right bottom;} .pl_TR {width:100%; background:url('/sub/images/calendar/pl_TR.gif') no-repeat right top;} .pl_BL {background:url('/sub/images/calendar/pl_BL.gif') no-repeat left bottom; padding:4px;} /* 달력 사이즈 조절 */ .ncal_simple{margin:0 auto;padding:0;border:0;} .ncal_simple caption{display:block;margin:0 auto;padding:0 0 8px 3px;color:#000;font-family:'돋움',dotum;font-size:12px;font-weight:bold;text-align:center;} .ncal_simple caption strong{margin:0 5px;*margin:0;} .ncal_simple tr{border:none;} .ncal_simple th{ padding:0;width:35px;height:25px;border:none;background: #ececec;color:#000;font-family:'돋움',dotum;font-size:12px;font-weight:normal; line-height:30px;} .ncal_simple td{ padding:0;width:35px;height:25px;border:none; border-bottom:none;font-family:tahoma;font-size:12px;color:#eaeaea;text-align:center; line-height:30px;} .ncal_simple td a{color:#cccccc; text-decoration:none;cursor:pointer;font-size:12px;} .ncal_simple td a em{color:#000;font-style:normal;} .ncal_simple td a strong{color:#ed432a;font-weight:bold;} .ncal_simple td.dbg {background-color:#fff;border:1px solid #00b6f1;} /* 20220825 단행본 시리즈 선택 */ .danVSeries { position:relative; margin:20px 0;} .danVSeries .tit_box { clear:both;} .danVSeries .tit_box h3 {position:relative; margin-bottom:10px; padding:37px 0 12px 0; border-bottom:1px solid #333333; font-weight: 600; font-size: 18px; color: #232a32; letter-spacing: -0.75px; line-height: 20px;} .danVSeries .tit_box .allcheck{ float:right; font-size:14px; font-weight:normal;} .danVSeries .tit_box .allcheck input[type=checkbox] { vertical-align:-2px;} .danVSeries .bundle_box { width:100%; max-height:400px; margin-bottom:10px; overflow-y:scroll;} .danVSeries .bundle_box ul { clear:both;} .danVSeries .bundle_box ul li { float:left; width:46%; padding:0.5% 2%; font-size:90%;} .danVSeries .bundle_box ul li a { display:block;} .danVSeries .bundle_box ul li.bg { background:#fafafa;} .danVSeries .bundle_box ul li .rentable { display:block;margin-top:-10px; width:100px; float:right; text-align:right; color:#0099FF;} .danVSeries .bundle_box ul li .rentable.end { color:#999999; } .danVSeries a.bselcart { display:inline-block; height:25px; padding:0 10px; border:1px #CCCCCC solid; color:#333333; font-size:12px; line-height:25px;} /* 20220829교과수록 */ .schoolSubjm { position:relative; clear:both; margin:10px 0 30px; font-size:14px; text-align: left;} .schoolSubjm .title { display:inline-block; padding:10px 0 5px; width:200px; background:#0072bc; border-radius:10px 10px 0 0; font-weight:900; color:#FFFFFF; text-align:center;} .schoolSubjm .date { padding:20px 3%; border:2px solid #0072bc; border-radius:0 10px 10px 10px; line-height:160%; color:#555;} /* 20220922주소확인 */ .addcheck {position: absolute; z-index:1101; width:100%; left:0; bottom:80px;} .addcheck .box {position:relative; margin:0 auto; padding:15px 0; width:250px;background:#FFFFFF; border:3px solid #CCCCCC;} .addcheck .box p {padding:10px; text-align:center;} /*20230109단행본세트 수록 구분*/ .danrecom-a { display:inline-block; padding:2px 7px; margin-right:5px; background:#e1e1e1; border-radius:10px; color:#444444; font-size:85%;} .danrecom-b { display:inline-block; padding:2px 5px; margin-right:5px; background:#e1e1e1; border-radius:10px; color:#444444; font-size:85%;} .danrecom-c { display:inline-block; padding:2px 5px; margin-right:5px; background:#e1e1e1; border-radius:10px; color:#444444; font-size:85%;} .danrecom-d { display:inline-block; padding:2px 5px; margin-right:5px; background:#e1e1e1; border-radius:10px; color:#444444; font-size:85%;} .danrecom-e { display:inline-block; padding:2px 5px; margin-right:5px; background:#e1e1e1; border-radius:10px; color:#444444; font-size:85%;} /*20230125호감도지수*/ .eval-info-wrap { position:relative; clear:both; margin:4px 5px;} .eval-info-wrap .subj { display:inline-block;} .eval-info-wrap .star-rate{ position:relative;display:inline-block; top:3px; width:88px; height:18px;} .eval-info-wrap .star-rate.bg { background: url(../images/product/eval_icon_202301.png) no-repeat left top; background-position:0 0; background-size:88px 37px;} .eval-info-wrap .star-rate .progress{ position: absolute; display:inline-block; width:100%; height:18px; background: url(../images/product/eval_icon_202301.png) no-repeat left top; background-position: 0 -18.5px; background-size:88px 37px;} .eval-info-wrap .gpa { display:inline-block; font-size:12px; letter-spacing:3px;} .eval-info-wrap .gpa strong { font-size:14px; letter-spacing:1px;} /* 20240125-추가 */ #detailWrap h1.ntitle {padding-bottom:10px;font-size:24px;font-family:'Malgun Gothic','Apple SD Gothic Neo','Dotum','Sans-Serif'; letter-spacing:-1px;} #ndetailTop { position:relative; overflow:hidden; display:flex;margin:10px auto;width:1000px; text-align:left;} #ndetailTop .photo_area {position:relative; margin-right:30px; width:300px;} #ndetailTop .photo_area .photo { width:300px; height:300px; text-align:center;} #ndetailTop .photo_area .photo img { max-width:300px; max-height:300px;} #ndetailTop .photo_area .total_review {margin-top:10px; text-align:center;} #ndetailTop .photo_area .total_review a { display:inline-block; margin:3px 5px; height:25px; background: url(../images/ic_common.gif) no-repeat left top; font-size:14px; padding-left:25px;} #ndetailTop .photo_area .total_review a.book_preview { background-position:-160px 0;} #ndetailTop .photo_area .total_review a.book_review { background-position:-160px -30px;} #ndetailTop .prd_info { position:relative; width:670px;} #ndetailTop .prd_info .info { width:670px;} #ndetailTop .prd_info .info > ul > li{position:relative;padding:2px 0;} #ndetailTop .prd_info .info > ul > li > dl{display:inline-block;width:100%;padding-top:5px;} #ndetailTop .prd_info .info > ul > li > dl > dt{float:left;width:140px;color:#333333;font-size:12px;line-height:16px;vertical-align:middle;} #ndetailTop .prd_info .info > ul > li > dl > dd{*z-index:0;*position:relative;float:left;width:530px;color:#565656;font-size:14px;line-height:20px;} #ndetailTop .prd_info .info > ul > li > dl > dd.price { font-size:20px; font-weight:700; color:#FF9900;} #ngraphArea {position:relative; border: 1px solid #dbdbdb; background:#FFFFFF;height: 110px; padding:15px 7%;_padding-left:10px;_padding-right:10px;} #ngraphArea .graph_text{font-size: 11px;color: #333333;text-decoration: none;text-align: center;line-height: 14px;height: 20px;} #ngraphArea .graph{ margin:10px auto 0; padding:0;height:80px;} #ngraphArea .graph > ul{ width:100%;height:60px;margin:0;padding:0;border-bottom:1px solid #ddd;font-family:Tahoma, Geneva, sans-serif;list-style:none;background: url(../images/graph_bg.gif) repeat-x bottom left; background-size:auto 60px;} #ngraphArea .graph > ul > li{width:20%;display:inline;float:left;position:relative;height:90%;text-align:center;white-space:nowrap;} #ngraphArea .graph .g_term{font-size: 0.75em;display:inline-block;position:relative;width:35px;height:20px;margin:0 -21px -20px 0;padding:60px 0 0 0;color:#767676;line-height:20px;vertical-align:bottom;text-align: center;} #ngraphArea .graph .g_bar{display:inline-block;position:relative;width:16px;vertical-align:bottom;background:#c5cade;margin: -1px 0 0 0;} #ngraphArea .graph .g_bar span{font-size: 0.75em;text-align: center;position:absolute;top:-15px;left:-5px;width:35px;color:#767676;} /* 딜 옵션 선택 */ #ndetailTop .rent_info1 {position: relative; margin:0 0 12px 0;} #ndetailTop .rent_info1 .select_area {margin-bottom: 10px;} #ndetailTop .rent_info1 .outSel {float: none; width: 100%; margin-bottom: 10px;border: 1px solid #CCCCCC; box-sizing: border-box;} #ndetailTop .rent_info1 .tag_select {display: block; height: 54px; line-height: 54px; padding: 0 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;} #ndetailTop .rent_info1 .tag_select {background: url(../images/ico_option_arrow.png) no-repeat 95% center; background-size:16px 16px; text-decoration: none;} #ndetailTop .rent_info1 .sprice {} #ndetailTop .rent_info1 .tag_options {width: 100%; border-top: 1px solid #CCCCCC; box-sizing: border-box;} #ndetailTop .rent_info1 .tag_options li.soldout {/*pointer-events:none;*/ color:#ccc;} #ndetailTop .rent_info1 .outSel ul.tag_options li {padding: 8px 25px; cursor: pointer; line-height: 22px; font-size: 15px;} #ndetailTop .rent_info1 input {padding:5px 10px; height: 18px; border: 1px solid #CCCCCC; font-size: 13px; line-height: 18px ;} #ndetailTop .rent_info1 input.date {width: 100px;} #ndetailTop .rent_info1 a.cal { display:inline-block; width:28px; height:28px; background:url(/m/images/i_cal2.gif) no-repeat center center; background-size:auto 28px; vertical-align:-10px;} #ndetailTop .rent_info3 {width: 100%;} #ndetailTop .rent_info3 li {position: relative; height: 54px; list-style: none; line-height: 54px; background: url(../images/bg_dot_gray.gif) repeat-x 0 0;} #ndetailTop .rent_info3 li:first-child {background: 0 0; border-top: 1px solid #c7c7c7;} #ndetailTop .rent_info3 li .txt {float: left; width: 240px; margin: 0 10px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } #ndetailTop .rent_info3 li .sdate {float: left; width: 250px; text-align: left; } #ndetailTop .rent_info3 li .del {display: block; position: absolute; top: 19px; right: 0; margin-right: 10px; width: 16px; height: 16px; background: url(../images/icon_close_gray.png) no-repeat 0 0; background-size:16px 16px; font-size: 0;} /* 총가격 */ #ndetailTop .price_total {margin: 25px 0; font-size:17px; text-align: right;} #ndetailTop .price_total .total_top { display:block; margin-bottom:5px;font-size: 14px; color:#333;} #ndetailTop .price_total .total_bottom {display:block;font-size: 20px; color:#333; font-weight: 600; line-height: 29px;} #ndetailTop .price_total .total_bottom em {position: relative; bottom: -2px; padding: 0 3px 0 12px; font-size: 33px; color:#333333; font-weight: 600; line-height: 24px;} #ndetailTop .btn_group {width:100%; overflow: hidden;} #ndetailTop .btn_group .btn_lg {float:left; display: block; margin:0 0.5%;height: 65px;font-family: "Pretendard", sans-serif; font-size: 20px; color:#fff; font-weight: 400; text-align:center; cursor: pointer; box-sizing:border-box;} #ndetailTop .btn_group .btn_wish_lg {background: #fff; border:#999999 solid 2px; color:#666666;} #ndetailTop .btn_group .btn_list_lg {background: #999999;} #ndetailTop .btn_group .btn_buy_lg {background:#00aaff} #ndetailTop .btn_group .btn_soldout_lg {background:#9a9a9a;} #ndetailTop .btn_group .btn_only_lg {width: 100%;} #ndetailTop .navercheckout {margin-top: 20px; text-align: right;} a.btn_rent_guide {display:inline-block; border:1px solid #CCCCCC; margin-right:5px; padding:3px 10px 3px 10px;} a.btn_rent_guide.quest { background:url(../images/ic_question.png) no-repeat 93% center; background-size:12px 12px; padding:3px 25px 3px 10px;} button.btn_rent_guide {display:inline-block; border:1px solid #CCCCCC; margin:0; padding:3px 10px 3px 10px;font-size:12px;} button.btn_rent_guide.quest { background:url(../images/ic_question.png) no-repeat 90% center; background-size:10px 10px; padding:3px 20px 3px 10px;} /*20241115 대여내역 추가*/ .my_moomsg{ margin-bottom:10px;font-size: 13px;display: inline-block;height: 32px;padding: 0 15px; border-radius: 16px;background-color: #f1f4f6; vertical-align: top; font-weight: 600;color: #3f3f3f; line-height:32px; } .my_moomsg em{ color:#03a94d; font-weight:800;} .myorderArea{ position:relative; clear: both;} .myorderArea .order_basic_info {position:relative; overflow:hidden; margin-bottom:20px; } .myorderArea .order_basic_info ul {} .myorderArea .order_basic_info ul li { float:left; text-align:center; color:#000000} .myorderArea .order_basic_info ul li:nth-child(1) {width:calc(100% - 55%); font-size:110%; text-align:left;} .myorderArea .order_basic_info ul li:nth-child(1) .step2{font-weight:600;} .myorderArea .order_basic_info ul li:nth-child(2) {width:15%} .myorderArea .order_basic_info ul li:nth-child(3) {width:15%} .myorderArea .order_basic_info ul li:nth-child(4) {width:15%} .myorderArea .order_basic_info ul li:nth-child(5) {width:10%} .myorderArea .order_detail_info {position:relative; overflow:hidden; margin:5px 0;} .myorderArea .order_detail_info ul {} .myorderArea .order_detail_info ul li { float:left; text-align:left; vertical-align:top; color:#666} .myorderArea .order_detail_info ul li:nth-child(1) { width:60px;} .myorderArea .order_detail_info ul li:nth-child(1) img { width:50px; height:50px; border:1px solid #e6e6e6;} .myorderArea .order_detail_info ul li:nth-child(2) { width:calc((100% - 55%) - 60px);} .myorderArea .order_detail_info ul li:nth-child(3) { width:15%; text-align:center;} .myorderArea .order_detail_info ul li:nth-child(4) { width:15%; text-align:center;} .myorderArea .order_detail_info ul li:nth-child(5) { width:15%; text-align:center;} .myorderArea .order_detail_info ul li:nth-child(6) { width:10%; text-align:center;} /* 20250221 리뷰 평가 */ .rv_star { position:relative; margin:auto; display:inline-block; width:80px; height:16px;} .rv_star .rvs_gray { display:block; width:100%; background:url(/sub/images/ico_star.png) no-repeat left top; background-size: auto 32px; background-position:0 -16px; text-align:left;} .rv_star .rvs_gray span { display:inline-block; height:16px;background:url(/sub/images/ico_star.png) no-repeat left top; background-size: auto 32px; background-position:0 0;}