/*기본*/ body, form, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, fieldset, legend, label {padding:0; margin:0;} ul, ol, li { list-style:none; margin:0;} body { font-family:"돋움", "굴림", "Verdana"; font-size:12px; color:#555; background-color: #fff;} img { border:0;} hr{ display:none;} legend {position:absolute; top:-1000000000000000000px;} a { color:#666; text-decoration:none; } /*a:hover { color:#666; text-decoration:none; }*/ .hidden { display:block; position:absolute; top:-1000px; left:-1000px;} .displayNone { display:none;} .clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0; line-height:0; overflow:hidden; margin:0; padding:0;} #wrap { width:1000px; margin:0 auto; overflow:hidden} #header { position:relative; width:1000px; height: 184px; margin:0 auto ; z-index: 100;} #header h1 {position:relative; float:left; width:200px; height:75px; left:0px; top:5px;} /* 2015-08-10 나눔폰트추가 */ @font-face{ font-family:'NGothic'; src:url("font/NaumGothic.woff"); } @font-face { font-family:'NGothicEB'; src:url("font/NanumGothicExtraBold.woff"); } @font-face{ font-family:'NGothicB'; src:url("font/NanumGothicBold.woff"); } @font-face{ font-family:SCDream3; src:url(/_prozn/_skin_os_renew/font/SCDream3.eot); src:local("※"), url(/_prozn/_skin_os_renew/fonts/SCDream3.woff) format('woff'), url(/_prozn/_skin_os_renew/font/SCDream3.ttf) format('truetype'); } @font-face{ font-family:SCDream4; src:url(/_prozn/_skin_os_renew/font/SCDream4.eot); src:local("※"), url(/_prozn/_skin_os_renew/fonts/SCDream4.woff) format('woff'), url(/_prozn/_skin_os_renew/font/SCDream4.ttf) format('truetype'); } @font-face{ font-family:SCDream5; src:url(/_prozn/_skin_os_renew/font/SCDream5.eot); src:local("※"), url(/_prozn/_skin_os_renew/fonts/SCDream5.woff) format('woff'), url(/_prozn/_skin_os_renew/font/SCDream5.ttf) format('truetype'); } @font-face{ font-family:SCDream6; src:url(/_prozn/_skin_os_renew/font/SCDream6.eot); src:local("※"), url(/_prozn/_skin_os_renew/fonts/SCDream6.woff) format('woff'), url(/_prozn/_skin_os_renew/font/SCDream6.ttf) format('truetype'); } @font-face{ font-family:SCDream7; src:url(/_prozn/_skin_os_renew/font/SCDream7.eot); src:local("※"), url(/_prozn/_skin_os_renew/font/SCDream7.woff) format('woff'), url(/_prozn/_skin_os_renew/font/SCDream7.ttf) format('truetype'); } /* 공통 */ select {border:solid 1px #999999; font-size:12px; color:#666; padding:2px;} /*.pd_bm_5 { padding-bottom:5px; }*/ .padding_t7 {padding-top:7px;} .padding_t10 {padding-top:10px;} .padding_b5 { padding-bottom:5px;} .padding_l15 {padding-left:15px;} /*margin*/ .margin_t-1 {margin-top:-1px;} .margin_t-2 {margin-top:-2px;} .margin_t-3 {margin-top:-3px;} .margin_t-5 {margin-top:-5px;} .margin_t-15 {margin-top:-15px;} .margin_t3 {margin-top:3px;} .margin_t5 {margin-top:5px;} .margin_t7 {margin-top:7px;} .margin_t10 {margin-top:10px;} .margin_t15 {margin-top:15px;} .margin_t20 {margin-top:20px;} .margin_t25 {margin-top:25px;} .margin_t30 {margin-top:30px;} .margin_t40 {margin-top:40px;} .margin_t50 {margin-top:50px;} .margin_r5 {margin-right:5px;} .margin_r10 {margin-right:10px;} .margin_r20 {margin-right:20px;} .margin_r22 {margin-right:22px;} .margin_r25 {margin-right:25px;} .margin_r30 {margin-right:30px;} .margin_r40 {margin-right:40px;} .margin_r50 {margin-right:50px;} .margin_l5 {margin-left:5px;} .margin_l10 {margin-left:10px;} .margin_l20 {margin-left:20px;} .margin_l30 {margin-left:30px;} .margin_l40 {margin-left:40px;} .margin_l50 {margin-left:50px;} .margin_b2 {margin-bottom:2px;} .margin_b5 {margin-bottom:5px;} .margin_b10 {margin-bottom:10px;} .margin_b15 {margin-bottom:15px;} .margin_b20 {margin-bottom:20px;} .margin_b30 {margin-bottom:30px;} .margin_b40 {margin-bottom:40px;} .margin_b50 {margin-bottom:50px;} .FL {float:left;} .FR {float:right;} .DPB {display:block;} .DPIB {display:inline-block;} /*font*/ .bold {font-weight:bold;} .font10 {font-size:10px;} .font11 {font-size:11px;} .font12B {font-size:12px; font-weight:bold;} .font14 {font-size:14px;} .font16 {font-size:16px;} .font16B {font-size:16px; font-weight:bold;} .font18 {font-size:18px;} .font18B {font-size:18px; font-weight:bold;} .center {text-align:center;} .T-left {text-align:left;} .T-right {text-align:right;} .gray777 {color:#777777;} .gray999 {color:#999999;} .grayCCC {color:#cccccc;} .red {color:#f25647;} .red02 {color:#ed1c24;} .red03 {color:#e00000;} /*2016-01-26 포인트몰 컬러*/ .blue {color:#61a7ed;} .blue02 {color:#448bd2;} .skyblue {color:#01b2ca;} .yellow {color:#fff200;} .orange {color:#ff6b00;} .purple {color:#9d7ae4;} .remark {background:url(../images/common/blt_red22.gif) no-repeat 0px 5px; padding-left:7px;} .remark02 {background:url(../images/common/blt_red22.gif) no-repeat 2px 9px; padding-left:10px;} .in {padding-left:14px;} .blue_line {width:800px; height:2px; background-color:#40c1d0;} .btn_right {width:1000px; position:relative; float:right; text-align:right;} .vertical {vertical-align:middle;} .van {font-family:"Verdana"} .input01{height: 17px; border: solid 1px #dadada; outline: medium none; ime-mode:active;}/* 2015-12-02 한글먼저나오도록 - 장소연 대리님*/ .cursorP {cursor:pointer;} /* ★header tnb*/ #header #tnb01 { position:relative; top:0px; left:0px; width:1000px; height:30px; background-color:#eef2f3; } #header #tnb01 ul li { position:relative; float:left; display:inline; } #header #tnb01 .tnb_edupre { position:relative; float:left; padding: 5px 3px 0 10px; } #header #tnb01 .tnb01_01 { position:relative; float:left; top:0px; left:0px; height:30px; line-height:270%; } #header #tnb01 .tnb01_01 li { padding:0 4px 0 0; font-size:11px;} #header #tnb01 .tnb01_02 { position:relative; float:right; height:30px; } /*#header #tnb01 .tnb01_02 li {background: url(../images/common/blt_red33.gif) no-repeat 0px 12px; }*/ #header #tnb01 .tnb01_02 li img{ padding:5px 10px 0 0; vertical-align:middle; } #header #tnb02 { position:relative; top:0px; left:0px; width:1000px; height:25px; } #header #tnb02 ul li { position:relative; float:left; display:inline;} #header #tnb02 .tnb02_01 { font-size:11px; position:relative; float:right; top:0px; right:10px; height:25px; line-height:250%;} #header #tnb02 .tnb02_01 li { padding: 0 0 0 4px; color:#666666; } /* search */ #header #top_sb { width:1000px; height:90px; float:left; display:inline;} /*#header #top_sb .search { position:relative; float:left; display:inline; width:335px; top:25px; left:145px; }*/ #header #top_sb .search { position:relative; float:left; display:inline; width:340px; top:25px; left:145px; } /*search_검색바*/ #header #top_sb .search .blue_window { display: inline-block; width: 275px; height: 26px; margin-right: -5px; border: 2px solid #35c1cf; background-color: #ffffff;} #header #top_sb .search .sch_smit { width: 55px; height: 30px; border: 0px none; background: url("../images/common/btn_search.gif") no-repeat scroll 0px 0px transparent; vertical-align: top;} #header #top_sb .search .input_text { width: 265px; height: 17px; margin: 3px 0px 0px 6px; border: 0px none; line-height: 18px; font-weight: bold; font-size: 14px; color: #555555; outline: medium none;} /*#header #top_sb .search .ir { display: block; overflow: hidden; position: relative; z-index: -1; height: 11px; font-size: 11px; white-space: nowrap;}*/ /*search_인기검색어*/ #header #top_sb .search_txt { font-size:11px; color:#999; margin-top:10px; text-align:center;} #header #top_sb .search_txt a { font-size:11px; color:#999; } #header #top_sb .search_txt .title { color:#6dd7e6;background: url(../images/common/blt_arrow01.gif) no-repeat 57px 1px; padding-right:6px;} #header #top_sb .search_txt .txt { margin:0 5px 0 5px;} /* top banner */ #header #top_sb .top_banner { position:relative; float:right; display:inline; width:265px; height:54px; top:34px; right:0px; } /* gnb */ #header #gnb {position:relative; float:left; display:inline; width:1000px; height:45px;background:url(../images/common/bg_gnb.gif) no-repeat left bottom;margin-left:auto; margin-right:auto; } #header #gnb ul li { position:relative; float:left; display:inline; height:45px; } /* depth 1 */ #header #gnb ul { width:1000px; margin:14px auto 0 auto; } /* depth 1 */ #header #gnb ul ul { display:none; position:absolute; top:6px; width:310px; padding: 20px 10px 0px 10px; border-bottom:solid 2px #36b7c6; } /* depth 2 */ #header #gnb ul ul li { width:150px; height: 22px; background: url(../images/common/blt_red22.gif) no-repeat 0px 5px; padding-left:5px; } /* depth 2 */ #header #gnb ul li:hover ul { display:block; } /* depth 2 */ #header #gnb ul ul li a:hover { color:#36b7c6; } /* depth 2 */ #gnb .mn01{ position:absolute; left:0px; background: url(../images/common/bg_gnb_point02.gif) no-repeat} /* 정기구독 사이즈 92 */ #gnb .mn02{ position:absolute; left:-136px; background: url(../images/common/bg_gnb_point05.gif) no-repeat} /* 평가인증 사이즈 137 */ #gnb .mn03{ position:absolute; left:-110px; background: url(../images/common/bg_gnb_point.gif) no-repeat } /* 만들기 사이즈 104 */ #gnb .mn04{ position:absolute; left:-132px; background: url(../images/common/bg_gnb_point.gif) no-repeat } /* 안전위생 사이즈 61 */ #gnb .mn05{ position:absolute; left:-125px; background: url(../images/common/bg_gnb_point.gif) no-repeat } /* 영역별 사이즈 75 */ #gnb .mn06{ position:absolute; left:-117px; background: url(../images/common/bg_gnb_point.gif) no-repeat } /* 문구 사이즈 90 */ #gnb .mn07{ position:absolute; left:-131px; background: url(../images/common/bg_gnb_point.gif) no-repeat } /* 시설비품 사이즈 62 */ #gnb .mn08{ position:absolute; left:-118px; background: url(../images/common/bg_gnb_point.gif) no-repeat } /* 선물행사 사이즈 88 */ #gnb .mn09{ position:absolute; left:-93px; background: url(../images/common/bg_gnb_point.gif) no-repeat } /* 도서멀티미디어 사이즈 138 (162-69) */ #gnb .mn10{ position:absolute; left:-188px; background: url(../images/common/bg_gnb_point03.gif) no-repeat} /* 교사용품 사이즈 62 */ #gnb .mn11{ position:absolute; left:-98px; background: url(../images/common/bg_gnb_point04.gif) no-repeat} /* 신학기용품 사이즈 67 */ /* ★main container */ #MainContainer { clear:both; position:relative; width:1000px; margin:0 auto; margin-top:20px; } /* main banner */ #MainContainer #MainBanner { width:1000px; } #MainContainer #MainBanner .banner01 { width:1000px; height:360px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border:solid 1px #eaeaea;} #MainContainer #MainBanner .banner01 .m1 { width:580px; padding:10px; } /*#MainContainer #MainBanner .banner01 .m1 img { width:580px; height:340px; }*/ #MainContainer #MainBanner .banner01 .m2 { width:150px; padding:10px;} #MainContainer #MainBanner .banner01 .m2 ul li.h224 { height:224px;} #MainContainer #MainBanner .banner01 .m2 ul li.h107 { height:107px; margin-top:-10px;} #MainContainer #MainBanner .banner01 .m3 { width:186px; padding:10px; } #MainContainer #MainBanner .banner01 .m3 img { width:186px; height:107px; } #MainContainer #MainBanner .banner01 .m3 ul li.h117 { height:117px; } #MainContainer #MainBanner .banner01 .m3 ul li.h107 { height:107px; } #MainContainer #MainBanner .banner01 .m1 #main_banner_m1 { width:580px; height:340px; border:solid 1xp #ff3300;} /*m1 div*/ #MainContainer #MainBanner .banner02 { width:998px; height:79px; border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea; } #MainContainer #MainBanner .banner02 ul li { position:relative; float:left; display:inline;} #MainContainer #MainBanner .banner02 ul li.line_right { height:79px; border-right:solid 1px #eaeaea; } /*#MainContainer #MainBanner .banner02 img { width:248px;}*/ /* 롤링배너 */ .banner01_1 {width:822px; height:365px; overflow:hidden; border:1px solid #bebebe; float:left;} .banner01_1 ul li {padding:0;margin:0;float:left;} #image_list_3 {overflow:hidden;} .clsBannerScreen {position: relative; height:314; width: 580px; cursor:pointer; clear:both; overflow:hidden; } .clsBannerScreen .images {position:absolute; display:none; height:314; width: 580px; } .clsBannerButton {float:left; width:580px; cursor:pointer; } .clsBannerButton li {width:116px; height:26px; float:left;} /* 1 칸당 26px */ .clsBannerButton li.lst {border-right:1px solid #e1e1e1;} /*2016-02-23 1000px배너*/ .banneeWrap {width:998px; height:365px; margin-bottom:20px; border:1px solid #bebebe;} #image_list_new {overflow:hidden;} .bannerScreen {position:relative; width:998px; height:333px; cursor:pointer; clear:both; overflow:hidden;} .bannerScreen .images {position:absolute; display:none; width:998px; height:333px;} .bannerButton {float:left; width:998px; height:31px; cursor:pointer;} .bannerButton li {width:165px; height:31px; float:left;} .bannerButton li.lst {border-right:1px solid #e1e1e1;} /*2016-02-23 1000px배너*/ .banner01_2 {width:168px; height:365px; overflow:hidden; border:1px solid #bebebe; float:right;} .banner02_1 {width:822px; height:228px; overflow:hidden; border:1px solid #bebebe; float:left;} .banner02_1 ul li {padding:0;margin:0;float:left;} .banner02_2 {width:168px; height:228px; overflow:hidden; border:1px solid #bebebe; float:right;} .middle_banner{margin:0; padding:0; width:204px; height:228px;} .mb_img{border-right:1px solid #bebebe; border-collapse:collapse;} /*2015-11-05 구매가이드 팝업 - 오미영 팀장님*/ #guide_delivery_layer{display:none; position:absolute; cursor:pointer;} /* 인기Best_MD추천 */ /* #MainContainer #BestMD { width:1000px; height:310px; position:relative; float:left; display:inline; background: url("../images/common/bg_mainbest.gif") no-repeat; margin-bottom:0px; font-weight:bold; word-spacing:1px; letter-spacing:-1px; } */ #MainContainer #BestMD { width:1000px; height:310px; position:relative; float:left; display:inline; background: url("../images/common/bg_mainbest.gif") no-repeat; margin-bottom:0px; word-spacing:1px; letter-spacing:-1px; } #MainContainer #BestMD a { color:#828282; } #MainContainer #BestMD .best { position:relative; float:left; display:inline; top:44px; width:500px; height:225px;} #MainContainer #BestMD .best ul li { position:relative; float:left; display:inline; width:140px; height:225px; padding:0 13px 0 13px;} #MainContainer #BestMD .best ul li img { width:140px; height:140px; border:solid 1px #eaeaea; margin-bottom:15px; } #MainContainer #BestMD .MD { position:relative; float:left; display:inline; top:44px; width:500px; height:225px;} #MainContainer #BestMD .MD ul li { position:relative; float:left; display:inline; width:140px; height:225px; padding:0 13px 0 13px; } #MainContainer #BestMD .MD ul li img { width:140px; height:140px; border:solid 1px #eaeaea; margin-bottom:15px; } /* 메인상품리스트 table */ #MainContainer .main_goodslist { width:1000px; height:303px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; margin-bottom:20px; } #MainContainer .main_goodslist .goodstitle01 { width:165px; background: url("../images/common/bgmain_goodstitle_01.gif") top left; vertical-align: top; } #MainContainer .main_goodslist .goodstitle01 img {width:165px;} #MainContainer .main_goodslist .goodstitle02 { width:165px; background: url("../images/common/bgmain_goodstitle_02.gif") top left ;vertical-align: top; } #MainContainer .main_goodslist .goodstitle02 img {width:165px;} #MainContainer .main_goodslist .goodstitle03 { width:165px; background: url("../images/common/bgmain_goodstitle_03.gif") top left ; vertical-align: top; } #MainContainer .main_goodslist .goodstitle03 img {width:165px;} #MainContainer .main_goodslist .goodstitle04 { width:165px; background: url("../images/common/bgmain_goodstitle_04.gif") top left ;vertical-align: top; } #MainContainer .main_goodslist .goodstitle04 img {width:165px;} #MainContainer .goods_img img { width:130px; height:130px; text-align:left; margin-top:20px; margin-bottom:20px; } #MainContainer .goods_name { width:130px; margin-bottom:5px; } #MainContainer .goods_cost { width:130px; height:24px; /*background-color:#f7f7f7;*/ line-height:230%; padding-left:3px; text-align:left; margin-bottom:7px; } #MainContainer .goods_cost .cost01 { font-size:11px; color:#999; text-decoration:line-through;} #MainContainer .goods_cost .cost02 { color:#333; font-weight:bold; } #MainContainer .goods_cost .won { color:#333;} #MainContainer .per { color:#ef5e4d; font-size:10px; font-weight:bold; font-family:"Verdana","돋움"; } #MainContainer .goods_icon { height:16px; width:130px; text-align:left; vertical-align:middle; } #MainContainer .goods_icon img {padding-right:2px;} /* 상담전화, 정기구독, 부분무이자, 배너 */ #MainContainer #footer_banner { position:relative; float:left; display:inline; width:998px; height:280px; border:solid 1px #eaeaea; background-color:#f0f3f7; margin-bottom:20px; } #MainContainer #footer_banner .callcenter { position:relative; float:left; display:inline; margin:10px 0 10px 10px; background:url(../images/common/main_callcenter.gif) no-repeat top left; width:200px; height:260px; } #MainContainer #footer_banner .callcenter p.fb_question { position:relative; float:left; top:77px; left:11px; } #MainContainer #footer_banner .callcenter p.fb_faq { position:relative; float:left; top:77px; left:15px; } #MainContainer #footer_banner .account { position:relative; float:left; display:inline; margin:10px 0 10px 10px; background:url(../images/common/main_subscribe.gif) no-repeat top left; width:200px; height:260px; } #MainContainer #footer_banner .main_free { position:relative; float:left; display:inline; margin:10px 0 10px 10px; background:url(../images/common/main_selling.gif) no-repeat top left; width:240px; height:260px; } #MainContainer #footer_banner .f_banner { position:relative; float:left; display:inline; margin:10px 0 10px 10px; width:308px; height:260px; background-color:#999999; } #MainContainer #footer_banner .f_banner .left_banner { position:relative; float:left;width:200px; margin:3px 1px 0 3px; } #MainContainer #footer_banner .f_banner .left_banner li.line { height:63px; padding-bottom:1px;} #MainContainer #footer_banner .f_banner .right_banner { position:relative; float:left; width:101px; margin:3px 0 0 0;} #MainContainer #footer_banner .f_banner .right_banner li.line { height:127px; padding-bottom:1px;} /* ★footer */ #footer {clear:both; position:relative; width:1000px; height:4px;} #footer .footer_menu { position:relative; width:1000px; height:35px; } #footer .footer_menu ul li { position:relative; float:left; display:inline; } #footer .footer_menu img {padding: 13px 8px 10px 8px; } #footer .footer_menu .footer_leftmn { position:relative; float:left; top:0px; left:2px; height:30px; } #footer .footer_menu .footer_rightmn { position:relative; float:right; top:0px; right:2px; height:30px; } #footer .kcp img {position:relative; float:left; top:45px; left:853px; width:69px; height:79px;} #footer .copyright_num img {position:relative; float:left; top:43px; left:238px; width:74px; height:13px; } /* ★footer new */ #footernew {position:relative;z-index:100;height:184px;background-image:url('../images/common/footer.gif');background-repeat:no-repeat;background-position:top center;} #footernew_menu1 {position:relative;z-index:100;height:35px;} #footernew_menu1 ul.footernew_menu1_l {padding-top:2px;} #footernew_menu1 ul.footernew_menu1_l li {padding:0;margin:0;list-style:none;float:left;height:35px;line-height:35px;display:inline-block;cursor:pointer;} #footernew_menu1 ul.footernew_menu1_r {float:right;padding-top:0px;margin-right:10px;} #footernew_menu1 ul.footernew_menu1_r li {padding:0;margin:0;list-style:none;float:left;height:35px;display:inline-block;cursor:pointer;} #footernew_menu2 {position:relative;z-index:100;height:149px;} #footernew_menu2 div.footernew_menu2_l {position:relative;z-index:100;width:730px;height:149px;} #footernew_menu2 div.footernew_menu2_l_1 {position:absolute;z-index:101;width:100px;height:20px;top:42px;left:307px;} #footernew_menu2 div.footernew_menu2_r_1 {position:absolute;z-index:101;width:72px;height:88px;top:42px;right:75px;cursor:pointer;} /* sky banner */ #sky_banner_panel {position:relative; z-index:100; width:1000px; margin:0 auto;} #sky_banner {position:fixed; bottom:auto; top:103px; margin-left: 1015px; width:70px; background-color:#fff;} * html #sky_banner {position:absolute;bottom:auto; top:expression(eval(document.documentElement.scrollTop+50));} #sky_banner .event_banber_00 {margin-bottom:1px;} #sky_banner .event_banber {margin-bottom:1px;} #sky_banner .event_banber_bottom {margin-bottom:5px;} #sky_banner .today { width:68px; background-color:#fff; background:url(../images/common/bg_skybanner.gif) no-repeat top left; border:solid 1px #bebebe; margin-bottom:5px; padding:34px 0 0 0; text-align:center; } #sky_banner .today li {margin-bottom:5px; } #sky_banner .today li img { width:50px; height:50px; border:solid 1px #eaeaea; } #sky_banner .sky_btn { width:68px; margin:0px auto 5px auto; } #sky_banner .sky_btn p img { padding-bottom:2px; } #sky_banner .cart_num { width:68px; background-color:#8d8d8d; border:solid 1px #bebebe; color:#fff; font-size:11px; letter-spacing:-1px; text-align:center; padding:7px 0 5px 0; margin-bottom:5px; } #sky_banner .today table { width:50px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; margin:0 auto 5px auto; } #sky_banner .today table td { border:0px; } #sky_banner .today table td.today_img img { width:50px; height:50px; border:solid 1px #eaeaea; margin-bottom:5px; } #sky_banner .monthly { width:68px; height:16px; background-color:#af97d5; border:solid 1px #eaeaea; color:#ffffff; font-size:11px; letter-spacing:-1px; text-align:center; padding:7px 0 0px 0; margin-bottom:5px; } #sky_banner .monthly a { color:#f3ebff; } /* ★Sub Container //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #subContainer { clear:both; position:relative; width:1000px; margin:0 auto; margin-top:20px; margin-bottom:20px; } #subContainer #subTitle { width:1000px; height: 35px; border-bottom:solid 2px #dadada; margin-bottom:15px; } #subContainer #subTitle_detail { width:1000px; height: 20px; border-bottom:solid 2px #4b4b4d; margin-bottom:0px; } #subContainer #subTitle h2 { width: 300px; position:relative; float:left; padding:10px 0 0 10px; } #subContainer .cate { position:relative; float:right; font-size:11px; color:#666666; padding:17px 10px 0 15px; background:url(../images/common/ico_cate.gif) no-repeat 0px 18px;} #subContainer .cate_detail { position:relative; float:right; font-size:11px; color:#666666; padding:2px 10px 0 15px; background:url(../images/common/ico_cate.gif) no-repeat 0px 4px; } #subContainer #subTitle02 { width:1000px; height: 35px; border-bottom:solid 2px #dadada; margin-bottom:24px; } #subContainer #subTitle02 h2 { width: 300px; position:relative; float:left; padding:10px 0 0 10px; } /* ☆ sub 상품 리스트 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* left box */ #leftBox { width:180px; position:relative; float:left; } #leftBox #subMenu {position:relative; float:left; display:inline; width:180px; } #leftBox #subMenu table {width:180px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px;margin-bottom:30px;} #leftBox #subMenu table td {border:0px;padding-top:4px;} #leftBox #subMenu table td.dep01 {height:23px;border-bottom:solid 1px #dadada; padding-left:20px; color:#777777; } #leftBox #subMenu table td.dep01 a { color:#777777; } #leftBox #subMenu .lnb_on { font-weight:bold; background:url(../images/common/blt_pink45.gif) no-repeat 10px 10px; } #leftBox #subMenu table td.dep02 {height:17px; padding-left:30px; font-size:11px; color:#777777;} #leftBox #subMenu table td.dep02 a { color:#777777; } #leftBox #subMenu table td.start {margin-top:12px;} #leftBox #subMenu table td.end {margin-bottom:10px;border-bottom:solid 1px #dadada;} #leftBox #subMenu .lnb_on02 { background-color:#eeeeee; } /* left banner */ #leftBox #leftBanner { position:relative; float:left; width:174px; background-color:#d3d3d3; padding:3px 3px 2px 3px; } #leftBox #leftBanner img { margin-bottom:1px; } #leftBox #leftBanner ul li { width:174px; height:60px; } /* left event banner */ #leftBox #left_event img { margin-bottom:5px; } /* sub contents */ #subContainer #container { width:800px; position:relative; float:right; display:inline; } #subContainer #container h3 { width:790px; height:27px; border-bottom: solid 1px #dadada; font-size:14px; font-weight:bold; line-height:230%; padding-left:10px; margin-bottom:15px;} #subContainer .checkBox { width:10px; height:10px;} #subContainer #containerWrap {width:1000px;} /*depth3 menu*/ #subContainer #sub_depth03 { float:left; width:798px; margin:0 0 15px 0; background-color:#fafafa ; border:1px dotted #cccccc; } #subContainer #sub_depth03 ul { float:left; margin: 15px; float:left; } #subContainer #sub_depth03 ul li { float:left; width:186px; font-size:12px; line-height:140%; background:url(../images/common/blt_red22.gif) no-repeat 0px 5px; padding: 0 0 0 6px; } /* sub BEST ITEM */ #subContainer #best {clear:both; width:800px; margin-bottom:25px; border-top:solid 2px #ff6666; overflow:hidden;} #subContainer #best .best_title { height:35px; background-color:#ff6666; border-bottom: solid 2px #ff3333; text-align:center; margin-bottom:5px; } #subContainer #best .best_title img { vertical-align:middle; margin-top:10px; } #subContainer #best #list_btn04 { clear:both; width:796px; height:20px; text-align:right;} #subContainer #best table.sub_bestlist {border-collapse:collapse; padding:0px; border-spacing:0px;} #subContainer #best .sub_bestlist th {width:174px; border:0 ; } #subContainer #best .sub_bestlist td {width:174px; border:0 ; vertical-align:text-top; padding: 20px 10px 20px 16px; } #subContainer #best .goods_img img {width:168px; height:168px; text-align:left; margin-bottom:20px; } #subContainer #best .goods_btn {width:168px; height:20px; text-align:center; margin-bottom:20px; } #subContainer #best .goods_btn img {padding-right:2px; } #subContainer #best .goods_name {width:168px; margin-bottom:5px; word-break:break-all;} #subContainer #best .goods_cost {width:165px; height:24px; background-color:#f7f7f7; line-height:230%; padding-left:3px; text-align:left; margin-bottom:7px; } #subContainer #best .goods_cost .cost01 {color:#999; text-decoration:line-through;} #subContainer #best .goods_cost .cost02 {color:#333; font-weight:bold; } #subContainer #best .goods_cost .won {color:#333;} #subContainer #best .goods_icon {width:168px; text-align:left; } #subContainer #best .goods_icon img {padding-right:2px;} /* sub banner */ #sub_banner { clear:both; width:800px; margin-bottom:15px; } /* sub sort - tab,btn */ #view_sort { width:800px; height:30px; font-size:11px; border-bottom:solid 1px #dadada; border-left:solid 1px #dadada; margin-bottom:5px; } #view_sort .tab .start { border-left:solid 1px #dadada; } #view_sort .tab span.on { position:relative; float:left; display:block; width:100px; height:29px; line-height:280%; background-color:#55cae6; color:#ffffff; font-weight:bold; text-align:center; border-top:solid 1px #dadada; border-right:solid 1px #dadada; } #view_sort .tab span.on a { color:#ffffff; } #view_sort .tab span.off { position:relative; float:left; display:block; width:100px; height:29px; line-height:280%; background-color:#f7f7f7; color:#999999; text-align:center; border-top:solid 1px #dadada; border-right:solid 1px #dadada; } #view_sort .tab span.off a { color:#999999; } #view_sort .view_choice { float:right; width:304px; text-align:right; padding-top:12px; } #view_sort .view_choice img{ padding:0 2px; } #list_btn { clear:both; width:798px; height:20px; text-align:right;} /* sub 상품리스트 table - 이미지로 보기 */ #goods_list { padding-bottom:10px; } #goods_list .sub_goods_list td { width:174px; border:0 ; vertical-align:text-top; padding: 20px 10px 20px 16px; border-bottom:solid 1px #eaeaea; } #goods_list .goods_img { width:168px; } #goods_list .goods_img img { width:168px; height:168px; text-align:left; margin-bottom:10px; } #goods_list .goods_btn { width:168px; height:20px; text-align:center; margin-bottom:20px; } #goods_list .goods_btn img { padding-right:2px; } #goods_list .goods_name { width:168px; margin-bottom:5px; word-break:break-all;} #goods_list .goods_cost { width:165px; height:24px; background-color:#f7f7f7; line-height:230%; padding-left:3px; text-align:left; margin-bottom:7px; } #goods_list .goods_cost .cost01 { font-size:11px; color:#999; text-decoration:line-through;} #goods_list .goods_cost .cost02 { color:#333; font-weight:bold; } #goods_list .goods_cost .won { color:#333;} #goods_list .goods_icon {width:168px; text-align:left; } #goods_list .goods_icon img {padding-right:2px;} /* sub 상품리스트 table - 리스트로 보기 */ #goods_list02 { padding:10px 0; } #goods_list02 .sub_goods_list { width:800px; } #goods_list02 .sub_goods_list td { border:0; border-bottom:solid 1px #eaeaea; padding:10px; } #goods_list02 .sub_goods_list td.td_check { width:10px; text-align:center; } #goods_list02 .sub_goods_list td.td_img { width:100px; } #goods_list02 .sub_goods_list td.td_name { width:530px; } #goods_list02 .sub_goods_list td.td_icon { width:130px; text-align:right; } #goods_list02 .goods_btn { width:130px; height:20px; margin-bottom:0px; } #goods_list02 .goods_btn img { padding-right:2px; } #goods_list02 .goods_img img { width:100px; height:100px;} #goods_list02 .goods_icon img {padding-right:2px;} #goods_list02 .goods_cost { height:30px; line-height:230%; text-align:left; margin-top:10px; } #goods_list02 .goods_cost .cost01 { font-size:11px; color:#999; text-decoration:line-through;} #goods_list02 .goods_cost .cost02 { color:#333; font-weight:bold; } #goods_list02 .goods_cost .won { color:#333;} /* sub num */ .list_num { width:800px; height:25px; font-family:"Verdana"; font-size:11px; line-height:250%; text-align:center; } .list_num_line { font-size:10px; color:#cccccc; padding-left:7px; padding-right:7px; } .list_num img { vertical-align:middle; padding:5px; } #subContainer .list_num02 { position:relative; float:left; width:636px; height:25px; padding-left:82px; font-family:"Verdana"; font-size:11px; line-height:250%; text-align:center;} /*qna */ #subContainer .list_num_line01 { font-size:12px; color:#555; padding-left:7px; padding-right:7px; } #subContainer .list_num_line02 { font-size:10px; color:#cccccc; padding-left:7px; padding-right:7px; } #subContainer .list_num02 img { vertical-align:middle; padding:5px; } #subContainer .list_num03 { position:relative; float:left; width:636px; height:25px; padding-left:82px; font-family:"Verdana"; font-size:11px; line-height:250%; text-align:center; } /*1:1문의하기 */ #subContainer .list_num_line03 { font-size:10px; color:#cccccc; padding-left:7px; padding-right:7px; } #subContainer .list_num03 img { vertical-align:middle; padding:5px; } #subContainer .list_num04 { position:relative; float:left; width:600px; height:25px; padding-left:82px; font-family:"Verdana"; font-size:11px; line-height:250%; text-align:center; } /*구매대행 */ /* sub 검색결과 개수 */ .result_num {margin-bottom:5px;} .brand { float:left; width:750px; background-color:#f2f2f2; margin-top:10px; padding:5px 10px ; font-size:11px; } .brand h4 { font-size:12px; } .brand ul { position:relative; float:left; } .brand li { position:relative; display:inline; padding:0px 5px 0px 0px ; } .brand p.brand_more { float:right; color:#61a7ed; } .list_num_line04 { font-size:10px; color:#55cae6; padding-left:10px; padding-right:3px; } /* ☆ 상품 상세 페이지 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* 상품기본정보 */ #subContainer #detail_title { width:1000px; height:60px; background-color:#f4f4f4; margin-bottom:20px; } #subContainer #detail_title h3{position:relative; float:left; padding:23px 0 0 30px; font-size:14px; font-weight:bold; } #subContainer #detail_title img {padding:5px 0 0 0; vertical-align:middle; } #subContainer .goods_code { position:relative; float:right; padding:25px 20px 0 0; font-size:11px; color:#777777; } #subContainer #explain { width:1000px; position:relative; float:left; margin-bottom:30px; } #subContainer #explain .detail_img { width:350px; height:425px; position:relative; float:left; margin-right:30px; } #subContainer #explain .detail_img .big_img { width:348px; height:348px; border:solid 1px #eaeaea; background:url(../images/goods/goods_empty_big.gif); } #subContainer #explain .detail_img ul { position:relative; float:left; } #subContainer #explain .detail_img ul li { position:relative; float:left; } #subContainer #explain .detail_img ul li.small_img { width:60px; height:58px; border:solid 1px #eaeaea; background:url(../images/goods/goods_empty.gif) no-repeat top left; } #subContainer #explain .detail_img ul li.small_img img { width:60px; height:58px; } #subContainer #explain #pic_preview_large { display:none; position:absolute; top:0px; left:0px; z-index:3; background-color:#91bcc2; border-right:solid 2px #e5e5e5; border-bottom:solid 2px #e5e5e5; } #subContainer #explain #pic_preview_large table { border-collapse:collapse; padding:0px; border-spacing:0px; border:solid 2px #91bcc2 ; } #subContainer #explain #pic_preview_large td { border:0; } #subContainer #explain .detail_explain { width:618px; min-height:350px; position:relative; float:left; margin-top:0px; margin-bottom:15px; z-index:1; } #subContainer #explain .detail_explain .add_show { height:26px; position:relative; float:right; } #subContainer #explain .detail_explain dl { width: 620px; position:relative; float:left; z-index:1; } #subContainer #explain .detail_explain dt { width:100px; min-height:30px; position:relative; float:left; line-height:240%; font-size:11px; font-weight:bold; color:#666666; padding-left:30px; z-index:1; } #subContainer #explain .detail_explain .top_line { border-top:solid 1px #eaeaea; } #subContainer #explain .detail_explain dd { width:490px; min-height:30px; position:relative; float:left; line-height:220%; z-index:1; } #subContainer #explain .detail_explain .input_text02 { width: 40px; height: 17px; position:relative; float:left; margin: 0px 2px 0px 0px; border: solid 1px #999999; outline: medium none;} #subContainer #explain .detail_explain .up_down { position:relative; float:left; display:block; width:10px; height:20px; } #subContainer #explain .detail_explain .num_up { float:left; margin-bottom:3px; } #subContainer #explain .detail_explain .num_down { float:left; } #subContainer #explain .cost_old { color:#555555; text-decoration:line-through; font-size:11px; } #subContainer #explain .cost_now { color:#ef5e4d; font-weight:bold; font-size:15px; font-family:"Verdana","돋움"; } #subContainer #explain .detail_btn { width:620px; height:62px; position:relative; float:right; text-align:right; } /* 부분무이자 */ #subContainer #explain .free_view { display:none; position:absolute; top:86px; left:230px; width:330px; padding:0 10px 10px 10px; border:1px solid #36b7c6; background-color:#f4f4f4; background:url("../images/common/bg_freeview.gif") top left; z-index:100; overflow: auto; font-size:11px;} #subContainer #explain .free_view .title {width:250px; height: 22px; display:inline; float:left; color:#fff; line-height:200%;} #subContainer #explain .free_view .free_close {height: 22px; display:inline; float:right; padding-top:5px;} /*이 상품은 가지고 계신 포인트 */ #subContainer #explain .detail_explain #point_ok { padding-left:30px;} #subContainer #explain .detail_explain #point_ok span {background:#57d0de; padding:3px 3px 0 3px; color:#ffffff;} /* 옵션 적용가 */ #subContainer #explain span.type02 { clear:both; position:relative; float:left; margin-right:10px; } /* MD추천상품 */ #MD_goods { clear:both; height: 240px; margin-bottom:40px; background:url(../images/common/bg_md.gif) no-repeat top left; } #subContainer #MD_goods .detail_goodslist { width:1000px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; } #subContainer #MD_goods .detail_goodslist .goodstitle01 { width:200px; vertical-align: top; } #subContainer #MD_goods .detail_goodslist .goodstitle01 img { padding-top:10px; text-align:left; } #subContainer #MD_goods .detail_goodslist th{ width:200px; border:0px;} #subContainer #MD_goods .detail_goodslist td { width:160px; border:0px; vertical-align:text-top; padding-left:19px;} #subContainer #MD_goods .goods_img img { width:130px; height:130px; text-align:left; margin-top:20px; margin-bottom:20px; } #subContainer #MD_goods .goods_name { width:130px; margin-bottom:5px; } #subContainer #MD_goods .goods_cost { width:130px; height:24px; background-color:#f7f7f7; line-height:230%; padding-left:3px; text-align:left; margin-bottom:7px; } #subContainer #MD_goods .goods_cost .cost01 { color:#999; text-decoration:line-through;} #subContainer #MD_goods .goods_cost .cost02 { color:#333; font-weight:bold; } #subContainer #MD_goods .goods_cost .won { color:#333;} /* event banner */ #subContainer #detail_contents #event_banner { clear:both; margin-bottom:30px; } /* 상품 상세 설명 , 배송/반품/교환, 상품후기, Q&A */ #subContainer #detail_contents { clear:both; position:relative; width:998px; text-align:center; margin:0 auto; } #subContainer #detail_contents #detail_tab { position:relative; width:800px; height:30px; border-bottom:solid 2px #ec2800; margin:0 auto 20px auto; } #subContainer #detail_contents #detail_tab span.start { border-left:solid 1px #eaeaea; } #subContainer #detail_contents #detail_tab span.on { position:relative; display:block; float:left; width:198px; height:30px; border-right:solid 2px #ec2800; border-left:solid 2px #ec2800; border-top:solid 2px #ec2800; background-color:#ffffff; } #subContainer #detail_contents #detail_tab span.off { position:relative; display:block; float:left; width:198px; height:29px; border-right:solid 1px #eaeaea; border-top:solid 1px #eaeaea; background-color:#ffffff; } #subContainer #detail_contents #detail_tab span img { padding-top:8px;} /* 상품정보제공 고시 */ #goods_info {width:800px; margin:0 auto 50px auto; text-align:left; } #goods_info h4 {width:300px; font-size:12px; font-weight:bold; background:url(../images/common/blt_blue97.gif) no-repeat 3px 1px; padding-left:17px; margin-bottom:5px; } #goods_info table.send { border-collapse:collapse; padding:0px; border-spacing:0px; border-top:solid 2px #9f9fa0 ; } #goods_info table.send td { border:0; } #goods_info table.send .rule_dt { width:300px; background-color:#f4f4f4; padding:5px 10px 5px 10px; text-align:left; vertical-align:top; border-bottom:solid 1px #eaeaea; } #goods_info table.send .rule_dd { width:500px; padding:5px 10px 5px 10px; text-align:left; border-bottom:solid 1px #eaeaea; } #goods_info table.send .rule_dd p { line-height:130%; } /* 배송,반품,교환 */ #detail_img {width:800px; margin:0 auto 30px auto; } #detail_rule {width:800px; margin:0 auto 50px auto; } #detail_rule table.send { border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; } #detail_rule table.send tr.under_line { border-bottom:solid 1px #eaeaea; } #detail_rule table.send td { border:0; } #detail_rule table.send .rule_dt { width:170px; background-color:#f4f4f4; padding:15px 30px 15px 30px; text-align:center; vertical-align:middle; font-weight:bold;} #detail_rule table.send .rule_dd { width:580px; padding:15px 0 15px 20px; text-align:left; } #detail_rule table.send .rule_dd p { line-height:150%; } /* 상품후기 */ #detail_board {width:800px; margin:0 auto 50px auto;} #detail_board table.review {width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px;} #detail_board table.review td {height:30px; border:0; border-bottom:solid 1px #eaeaea; color:#777777; font-size:11px; } #detail_board table.review td.num {width:30px; font-family:"Verdana","돋움"; font-size:11px;} #detail_board table.review td.star {width:90px;} #detail_board table.review td.con {width:480px; text-align:left;} #detail_board table.review td.date {width:100px; font-family:"Verdana","돋움"; font-size:11px; } #detail_board table.review td.id {width:100px; font-size:11px; } #detail_board #btn_num { width:800px; margin:10px auto; ;} #detail_board #btn_num .board_btn { position:relative; float:right; padding-top:3px; } /* QnA */ #detail_board table.qna {width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px;} #detail_board table.qna td {height:30px; border:0; color:#777777; font-size:11px; } #detail_board table.qna td.num {width:30px; font-family:"Verdana","돋움"; font-size:11px; } #detail_board table.qna td.con {width:570px; text-align:left; padding-left:15px; } #detail_board table.qna td.date {width:100px; font-family:"Verdana","돋움"; font-size:11px; } #detail_board table.qna td.id {width:100px; font-size:11px; } #detail_board dl {width:800px; margin:0 auto ;} #detail_board dt {height:30px; border:0; border-bottom:solid 1px #eaeaea; color:#777777; font-size:11px; } #detail_board dd.qna_view {width:735px; background-color:#f6f6f6; text-align:left; padding:10px 20px 10px 45px; line-height:150%; border-bottom:solid 1px #eaeaea; font-size:11px; text-align:justify; } #detail_board #btn_num02 { position:relative; float:left; width:800px; margin:10px auto; ;} #detail_board #btn_num02 .board_btn { position:relative; float:right; padding-top:3px; ;} /* ☆ 정기구독 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #container #order_year { position:relative; float:left; background-color:#fbf7ea; padding:30px 30px 30px 30px; } #container #order_year .order_img { position:relative; float:left; width:740px; min-height:220px; background:url(../images/common/bg_order.jpg) no-repeat top right; } #container #order_year .present12 { position:relative; float:left; width:740px; margin-bottom:50px; background-color:#fff; } #container #order_year .present12 p.title { width:740px; background-color:#7d6554; text-align:center; padding:7px 0 7px 0; } #container #order_year .present12 ul.month12 li { height:195px; } #container #order_year .present12 ul.month24 li { height:180px; } #container #order_year .present12 ul.month06 li { height:195px; } #container #order_year .present12 ul li { position:relative; float:left; font-size:11px; width:148px; padding:5px 0 5px 0; border-bottom:solid 1px #d0c5b7; } #container #order_year .present12 ul li p.imgbox { margin:5px 0 7px 0; text-align:center; } #container #order_year .present12 ul li p.imgbox img { width:125px; height:125px; } #container #order_year .present12 ul li p.imgname { margin:5px; text-align:left; word-spacing:-5px; letter-spacing:-0.3px; line-height:150%; } #container #order_year .present12 ul li p.imgname span.sel { background-color:#a98871; color:#fff; padding:2px 4px 0 1px; margin-right:5px;} #container #order_year .present12 ul li p.imgname span.sel_red { background-color:#ff3300; color:#fff; padding:2px 4px 0 1px; margin-right:5px; } #container #mypage_explain03 { width:730px; background-color:#fbf7ea; padding:5px; margin-bottom:40px;} #container #mypage_explain03 .box_in { width:708px; background-color:#fbf7ea; padding:10px; border:solid 2px #c4a894; line-height:200%; } /* ☆ 교사용 도서 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #container #book_event p{ position:relative; float:left; margin-bottom:20px; } #container #book { clear:both; position:relative; float:left; background-color:#fbf7ea; padding:30px 30px 10px 30px; } #container #book h4 { clear:both; width:300px; font-size:12px; font-weight:bold; background:url(../images/common/blt_blue97.gif) no-repeat 3px 1px; padding-left:17px; margin-bottom:10px; } #container #book .book_list { position:relative; float:left; width:740px; margin-bottom:20px; background-color:#fff; } #container #book .book_list ul li { position:relative; float:left; display:block; font-size:12px; width:148px; height:210px; padding:5px 0 5px 0; border-bottom:solid 1px #d0c5b7; } #container #book .book_list ul li p.imgbox { margin:5px 0 7px 0; text-align:center; } #container #book .book_list ul li p.imgbox img { width:125px; height:125px; } #container #book .book_list ul li p.book_title { width:124px; margin:5px 12px 5px 12px; } #container #book .book_list ul li p.book_price { width:124px; margin:5px 12px 10px 12px; padding:3px 0 3px 0; background-color:#f7f7f7; } #container #book .book_list ul li p.book_price .cost01 { color:#999; text-decoration:line-through;} #container #book .book_list ul li p.book_price .cost02 { color:#333; font-weight:bold; } #container #book .book_list ul li p.book_price .won { color:#333;} #container #book .book_list_old { position:relative; float:left; width:740px; margin-bottom:20px; background-color:#fff; } #container #book .book_list_old ul li { position:relative; float:left; display:block; font-size:12px; width:148px; height:270px; padding:5px 0 5px 0; border-bottom:solid 1px #d0c5b7; } #container #book .book_list_old ul li p.imgbox { margin:5px 0 7px 0; text-align:center; } #container #book .book_list_old ul li p.imgbox img { width:125px; height:125px; } #container #book .book_list_old ul li p.book_title { width:124px; margin:5px 12px 5px 12px; } #container #book .book_list_old ul li p.book_price { width:124px; margin:5px 12px 10px 12px; padding:3px 0 3px 0; background-color:#f7f7f7; } #container #book .book_list_old ul li p.book_price .cost01 { color:#999; text-decoration:line-through;} #container #book .book_list_old ul li p.book_price .cost02 { color:#333; font-weight:bold; } #container #book .book_list_old ul li p.book_price .won { color:#333;} /* ☆ My page ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #subContainer #container h3.mypage { margin-bottom:27px; } /*#container #mypage_explain { width:790px; background-color:#f0f0f0; padding:5px; margin-bottom:40px;} 2016-01-13 아래로 변경 */ #container #mypage_explain { width:790px; padding:5px; margin-bottom:40px;} #container #mypage_explain .box_in { width:768px; background-color:#ffffff; padding:10px; border:solid 1px #dadada; line-height:200%; } #container #mypage_explain .box_in_brand { width:768px; background-color:#ffffff; padding:10px; border:solid 1px #dadada; line-height:200%; position:relative; float:left; margin-bottom:10px; } #container #mypage_explain02 { width:800px; } /* 주문내역 리스트 */ #mypage_list .order_sum { height:20px; position:relative; float:right; display:block; padding-right:0px; color:#61a7ed; } #mypage_list .order_sum2 { height:20px; position:relative; float:right; display:block; padding-right:0px; color:#e00000; } #mypage_list .order_txt01 { height:20px; position:relative; float:left; display:block; padding-left:10px; font-size:11px; color:#777; } #mypage_list table.order_board { clear:both; width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #737373; margin-bottom:10px; } #mypage_list table.order_board th { height:30px; text-align:center; font-weight:bold; font-size:12px; border-bottom:1px solid #CDCDCD; border-right:1px solid #CDCDCD;} #mypage_list table.order_board th.end { border-right:0; } #mypage_list table.order_board td { height:30px; border:0; border-bottom:1px solid #CDCDCD; border-left:1px solid #CDCDCD;} #mypage_list table.order_board td.num { width:130px; color:#61a7ed; font-family:"Verdana","돋움"; font-size:11px; padding-left:10px; border-left:0; text-align:center;} #mypage_list table.order_board td.num a { color:#61a7ed; } #mypage_list table.order_board td.new_num { width:90px; color:#000; font-family:"Verdana","돋움"; font-size:11px; padding:20px 20px; border-left:0; text-align:center;} #mypage_list table.order_board td.new_num a { color:#000; } #mypage_list table.order_board td.new_num a:hover {text-decoration: underline;} #mypage_list table.order_board td.money { width:70px; color:#f1594a; font-family:"Verdana","돋움"; font-size:11px; text-align:right; padding-right:10px; } #mypage_list table.order_board td.name { width:320px; font-size:11px; } #mypage_list table.order_board td.option { width:100px; font-size:11px; color:#777; text-align:center; } #mypage_list table.order_board td.num02 { width:40px; font-family:"Verdana","돋움"; font-size:11px; color:#777; text-align:center; } #mypage_list table.order_board td.state { width:80px; font-size:11px; text-align:center; } #mypage_list table.order_board td.cancel { padding:0 10px; font-size:11px; text-align:center; } /* 적립금내역 */ #mypage_list .money_sum { height:20px; position:relative; float:right; display:block; padding-right:0px; color:#61a7ed; } #mypage_list table.money_board { clear:both; width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #40c1d0; margin-bottom:10px; } #mypage_list table.money_board th { height:30px; text-align:center; font-weight:bold; font-size:12px; border-bottom:1px solid #eaeaea; background:url(../images/common/bg_th.gif) no-repeat top right; } #mypage_list table.money_board th.end { background:url(../images/common/bg_th_end.gif) no-repeat top right; } #mypage_list table.money_board td { height:30px; border:0; border-bottom:1px solid #eaeaea; } #mypage_list table.money_board td.num { width:30px; font-family:"Verdana","돋움"; font-size:11px; padding-left:10px;} #mypage_list table.money_board td.divide { width:50px; font-size:11px; text-align:center; } #mypage_list table.money_board td.plus { width:70px; font-family:"Verdana","돋움"; font-size:11px; text-align:right; padding-right:10px; } #mypage_list table.money_board td.con { width:530px; font-size:11px; padding-left:10px; } #mypage_list table.money_board td.date { width:100px; font-family:"Verdana","돋움"; font-size:11px; color:#777; text-align:center; } /* 쿠폰내역 */ #mypage_list .coupon_sum { height:20px; position:relative; float:right; display:block; padding-right:0px; color:#61a7ed; } #mypage_list table.coupon_board { clear:both; width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #40c1d0; margin-bottom:10px; } #mypage_list table.coupon_board th { height:30px; text-align:center; font-weight:bold; font-size:12px; border-bottom:1px solid #eaeaea; background:url(../images/common/bg_th.gif) no-repeat top right;} #mypage_list table.coupon_board th.end { background:url(../images/common/bg_th_end.gif) no-repeat top right; } #mypage_list table.coupon_board td { height:30px; border:0; border-bottom:1px solid #eaeaea; } #mypage_list table.coupon_board td.num { width:50px; font-family:"Verdana","돋움"; font-size:11px; } #mypage_list table.coupon_board td.coupon_code { width:130px; font-family:"Verdana","돋움"; font-size:11px; color:#777; } #mypage_list table.coupon_board td.yesno { width:50px; font-family:"Verdana","돋움"; font-size:11px; color:#f1594a; } #mypage_list table.coupon_board td.money { width:70px; font-family:"Verdana","돋움"; font-size:11px; text-align:right; padding-right:10px; } #mypage_list table.coupon_board td.range { width:190px; font-size:11px; } #mypage_list table.coupon_board td.type { width:80px; font-size:11px;} #mypage_list table.coupon_board td.limit { width:150px; font-family:"Verdana","돋움"; font-size:11px; color:#61a7ed; } #mypage_list table.coupon_board td.date { width:70px; font-family:"Verdana","돋움"; font-size:11px; color:#777; } /* 쿠폰 다운로드 */ #mypage_list table.coupon_board02 { clear:both; width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #40c1d0; margin-bottom:10px; } #mypage_list table.coupon_board02 th { height:30px; text-align:center; font-weight:bold; font-size:12px; border-bottom:1px solid #eaeaea; background:url(../images/common/bg_th.gif) no-repeat top right;} #mypage_list table.coupon_board02 th.end { background:url(../images/common/bg_th_end.gif) no-repeat top right; } #mypage_list table.coupon_board02 td { height:30px; font-size:11px; text-align:center; border:0; border-bottom:1px solid #eaeaea; } #mypage_list table.coupon_board02 td.num { width:50px; font-family:"Verdana","돋움"; } #mypage_list table.coupon_board02 td.coupon_code { width:160px; font-family:"Verdana","돋움"; color:#777; } #mypage_list table.coupon_board02 td.detail { width:70px; } #mypage_list table.coupon_board02 td.discount { width:90px;} #mypage_list table.coupon_board02 td.group { width:90px;} #mypage_list table.coupon_board02 td.level { width:90px;} #mypage_list table.coupon_board02 td.limit { width:180px; font-family:"Verdana","돋움"; color:#61a7ed; } #mypage_list table.coupon_board02 td.down { width:70px; color:#777; } #subContainer #mypage_list .free_view { display:none; position:absolute; width:150px; padding: 10px; border:1px solid #36b7c6; background-color:#f4f4f4; z-index:100; overflow: auto; font-size:11px; text-align:left;} #coupon_img_list { position:relative; float:left; width:798px; border:solid 1px #ccc; background:url(../images/common/bg_coupon_list.gif) repeat-y top left; } #coupon_img_list ul li { position:relative; float:left; width:246px; padding:10px; text-align:center; margin:10px 0 10px 0; } #coupon_img_list ul li.line-right { border-right:solid 1px #dadada; } #coupon_img_list h5 { height:30px; background-color:#ffd681; font-size:13px; font-weight:bold; text-align:center; line-height:230%; margin-bottom:10px; } #coupon_img_list p.date { font-weight:bold; color:#3399cc; margin-bottom:10px; } #coupon_img_list #coupon_img { width:219px; height:90px; background:url(../images/common/bg_coupon.gif) no-repeat top left; margin-bottom:10px; padding:10px;font-weight:bold;} #coupon_img_list #coupon_img p.coupon_text { margin-top:40px; font-family:"나눔고딕","돋움","Verdana"; color:#e7431b; font-size:20px; } #coupon_img_list p.explain { color:#3399cc; margin-bottom:10px; } #coupon_img_list p.btn { margin-bottom:10px; } #coupon_img_list #coupon_img_gray { width:219px; height:90px; background:url(../images/common/bg_coupon_gray.gif) no-repeat top left; margin-bottom:10px; padding:10px;font-weight:bold;} /*내가 찜한 상품*/ #container .wish_sum { position:relative; float:right; display:block; padding-right:0px; color:#61a7ed; line-height:220% } #subContainer #list_btn02 { } /* 내가 찜한 상품*/ #subContainer #goods_list03 { } #subContainer #goods_list03 .sub_goods_list { width:800px; } #subContainer #goods_list03 .sub_goods_list td { border:0; border-bottom:solid 1px #eaeaea; padding:10px; } #subContainer #goods_list03 .sub_goods_list td.td_check { width:10px; text-align:center; } #subContainer #goods_list03 .sub_goods_list td.td_img { width:100px; } #subContainer #goods_list03 .sub_goods_list td.td_name { width:530px; } #subContainer #goods_list03 .sub_goods_list td.td_icon { width:130px; text-align:right; } #subContainer #goods_list03 .goods_btn { width:130px; height:20px; margin-bottom:0px; } #subContainer #goods_list03 .goods_btn img { padding-right:2px; } #subContainer #goods_list03 .goods_img img { width:100px; height:100px;} #subContainer #goods_list03 .goods_icon img {padding-right:2px;} #subContainer #goods_list03 .goods_cost { height:30px; line-height:230%; text-align:left; margin-top:10px; } #subContainer #goods_list03 .goods_cost .cost01 { color:#999; text-decoration:line-through;} #subContainer #goods_list03 .goods_cost .cost02 { color:#333; font-weight:bold; } #subContainer #goods_list03 .goods_cost .won { color:#333;} /*제품비교 (큰창):::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ #compare {position:relative; float:left;} #compare .compare_list table { width:1000px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #40c1d0; } #compare .compare_list table td {width:500px;padding:20px; vertical-align:top; } #compare .compare_list table td p.goods_img {width:350px; margin:0 auto; margin-bottom:10px;} #compare .compare_list table td p.goods_name {width:330px; min-height:30px; text-align:left; margin:0 auto; line-height:230%; padding: 0 10px 0 10px; background-color:#f0f0f0; } #compare .compare_list table td p.goods_txt {width:330px; height:25px; text-align:left; margin:0 auto; line-height:220%; padding: 0 10px 0 10px; border-bottom:solid 1px #eaeaea;} #compare .compare_list table td p.goods_txt .cost01 { color:#999; text-decoration:line-through;} #compare .compare_list table td p.goods_txt .cost02 { color:#f25647; font-weight:bold; } #compare .compare_list table td p.btn { width:350px; height:22px; margin:0 auto; padding:10px; text-align:center; } #compare .compare_list span.txt_title { clear:both; width:70px; height:22px; display:block; float:left; font-size:11px; color:#61a7ed; } /*제품비교 (팝업):::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ #bg_popup {position:relative; float:left;} #bg_popup .compare_list table { width:700px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #40c1d0;} #bg_popup .compare_list table td {width:310px;padding:20px; vertical-align:top; } #bg_popup .compare_list table td p.goods_img {width:290px; margin:0 auto; margin-bottom:10px;} #bg_popup .compare_list table td p.goods_img img {width:290px; height:300px;} #bg_popup .compare_list table td p.goods_name {width:290px; min-height:30px; text-align:left; margin:0 auto; line-height:230%; padding: 0 10px 0 10px; background-color:#f0f0f0; } #bg_popup .compare_list table td p.goods_txt {width:290px; height:25px; text-align:left; margin:0 auto; line-height:220%; padding: 0 10px 0 10px; border-bottom:solid 1px #eaeaea;} #bg_popup .compare_list table td p.goods_txt .cost01 { color:#999; text-decoration:line-through;} #bg_popup .compare_list table td p.goods_txt .cost02 { color:#f25647; font-weight:bold; } #bg_popup .compare_list table td p.btn { width:290px; height:22px; margin:0 auto; padding:10px; text-align:center; } #bg_popup .compare_list span.txt_title { clear:both; width:70px; height:22px; display:block; float:left; font-size:11px; color:#61a7ed; } /* 장바구니 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ #cart_list {position:relative; float:left;} #cart_list .explain02 { width:998px; } #cart_list .cart_sum { position:relative; float:right; display:block; padding-right:0px; color:#61a7ed; line-height:220%; } #subContainer #list_btn03 {} /* 장바구니 */ #cart_list .order_txt01 { height:20px; position:relative; float:left; display:block; padding-left:10px; font-size:11px; color:#777; } #cart_list table.cart_board { clear:both; width:1000px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #737373; } #cart_list table.cart_board th { height:30px; text-align:center; font-weight:bold; font-family:"Verdana","돋움"; font-size:12px; color:#777; border-bottom:1px solid #eaeaea;} #cart_list table.cart_board th.end {} /* 추가 */ #cart_list table.cart_board th.check { width:30px;text-align:center; } #cart_list table.cart_board th.name { width:590px; text-align:center;} #cart_list table.cart_board th.money { width:100px; text-align:center; } #cart_list table.cart_board th.num { width:70px; text-align:center; } #cart_list table.cart_board th.charge { width:100px; text-align:center; } #cart_list table.cart_board th.price { width:100px; text-align:center; } #cart_list table.cart_board table.table_in{width:1000px;border:0; padding:0px; border-bottom:1px solid #eaeaea; } #cart_list table.cart_board table.table_in td {border:0; padding:10px 0 10px 0;} /* 추가끝 */ #cart_list table.cart_board td { border:0; border-bottom:1px solid #eaeaea; } /* 수정 */ #cart_list table.cart_board td.check { width:30px;text-align:center; } #cart_list table.cart_board td.img { width:90px; font-size:11px;text-align:center;} #cart_list table.cart_board td.img img{ width:70px; height:70px; } #cart_list table.cart_board td.name { width:490px; padding-left:20px; line-height:150%; } #cart_list table.cart_board td.name a {color:#777; } #cart_list table.cart_board td.money { width:100px; font-family:"Verdana","돋움"; font-size:11px; color:#777; text-align:center;} #cart_list table.cart_board td.num { width:70px; font-family:"Verdana","돋움"; font-size:11px; color:#777; text-align:center; } #cart_list table.cart_board td.charge { width:100px; font-family:"Verdana","돋움"; font-size:11px; color:#777; text-align:center; } #cart_list table.cart_board td.price { width:100px; font-family:"Verdana","돋움"; font-size:11px; color:#f3594a; text-align:center; } #cart_list table.cart_board td.total { width:1000px; background-color:#f0f0f0; text-align:right; padding:10px; font-size:11px; } #cart_list table.cart_board td.total .business { float:left; } #cart_list .num .center { width:47px; margin:0 auto; } #cart_list .num .input_text02 { width: 30px; height: 17px; position:relative; float:left; margin: 0px 2px 0px 0px; border: solid 1px #999999; outline: medium none; } #cart_list .num .up_down { position:relative; float:left; display:block; width:10px; height:20px; } #cart_list .num .num_up { float:left; margin-bottom:3px; } #cart_list .num .num_down { float:left; } #cart_list .cart_total {padding:5px 0; text-align:right; margin-bottom:10px; border-top:2px solid #737373; border-bottom:2px solid #737373; } #cart_list .cart_total td { border:0px; width:990px; padding-right:10px; } #cart_list .cart_total img { vertical-align:middle; } /*#cart_list .cart_total p.ico_total { background:url(../images/common/ico_total.gif) no-repeat top left; }*/ #cart_list #mypage_explain { float:left; width:990px; background-color:#f0f0f0; padding:5px; margin-bottom:40px;} #cart_list #mypage_explain .box_in { float:left; width:967px; background-color:#ffffff; padding:10px; border:solid 1px #dadada; line-height:200%; } #cart_list #mypage_explain .blabla li { padding:0 20px 0 8px ; background:url(../images/common/blt_red22.gif) no-repeat 2px 9px; } #cart_list #mypage_explain .my { float:left; width:947px; background-color:#f2f2f2; margin-top:10px; padding:5px 10px ; } #cart_list #mypage_explain .my .txt_btn { background-color:#57d0de; height:18px; padding:0px 3px 2px 3px; color:#ffffff; float:right; font-size:11px; } #cart_list #mypage_explain .my .txt_btn a { color:#ffffff; } /* 주문하기 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ #cart_list #cart_detail { position:relative; float:left; margin:10px 0 10px 0; } #cart_list #cart_detail h4 {width:100%; font-size:12px; font-weight:bold; background:url(../images/common/blt_blue97.gif) no-repeat 3px 1px; padding-left:17px; } #cart_list #cart_detail h4 span.explain {color:#f25647; font-weight:normal;} #cart_list #cart_detail .explain03 {width:1000px; height:25px;} #cart_list #cart_detail .explain03 span.left { float:left;} #cart_list #cart_detail .explain03 span.right {float:right;} #cart_list #cart_detail dl {width:1000px; position:relative; float:left; border-top:solid 2px #777; } #cart_list #cart_detail dt {width:140px; min-height:30px; position:relative; float:left; font-weight:bold; border-bottom:solid 1px #eaeaea; line-height:240%;background-color:#f0f0f0; padding-left:10px; } #cart_list #cart_detail dt img { margin: 5px 0 0 0;} #cart_list #cart_detail dd {width:840px; min-height:30px; position:relative; float:left; border-bottom:solid 1px #eaeaea;line-height:240%;padding-left:10px; } #cart_list #cart_detail .input_text03 {height: 17px; position:relative; margin:4px 3px 0 3px; border:solid 1px #999; outline: medium none; ime-mode:active;}/* 2015-12-02 한글먼저나오도록 - 장소연 대리님*/ #cart_list #cart_detail select {height:21px; margin:4px 3px 0 3px;border:solid 1px #999;outline: medium none; } #cart_list #cart_detail table.coupon {width:1000px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #777; } #cart_list #cart_detail table.coupon th.th01 {width:150px;font-weight:bold; border-bottom:solid 1px #eaeaea; line-height:240%;background-color:#f0f0f0; text-align:left; padding-left:10px;} #cart_list #cart_detail table.coupon td.td01 {width:850px; min-height:30px; position:relative; text-align:left; border:0px; line-height:240%;padding:0px 0 10px 0px; border-bottom:solid 1px #eaeaea; } #cart_list #cart_detail table.coupon td.td01 img { vertical-align:middle; } #cart_list #cart_detail table.coupon_list {width:830px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; margin-left:10px;} #cart_list #cart_detail table.coupon_list th { font-weight:normal; font-size:11px; border-top:solid 1px #d8ecee; border-bottom:solid 1px #d8ecee; background-color:#e6f7f9; text-align:center; } #cart_list #cart_detail table.coupon_list td { text-align:center; border:0px; border-bottom:solid 1px #d8ecee; color:#777; } #cart_list #cart_detail table.coupon_list td.td011 {width:200px; } #cart_list #cart_detail table.coupon_list td.td012 {width:100px; } #cart_list #cart_detail table.coupon_list td.td013 {width:330px; } #cart_list #cart_detail table.coupon_list td.td014 {width:150px; } #cart_list #cart_detail table.coupon_list td.td015 {width:50px; } #cart_list #cart_detail table.bill_input {width:830px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; margin:10px 0 0 10px;} #cart_list #cart_detail table.bill_input th { text-align:left; width:130px; padding-left:10px; font-weight:normal; font-size:11px; border-top:solid 1px #d8ecee; border-bottom:solid 1px #d8ecee; background-color:#e6f7f9; } #cart_list #cart_detail table.bill_input td { width:285px; text-align:left; padding-left:10px; border:0px; border-top:solid 1px #d8ecee; border-bottom:solid 1px #d8ecee; color:#777; } #cation { clear:both; font-size:11px; line-height:130%; margin:0 0 20px 10px; } #cart_list #cart_detail .box {position:relative; height:150px; width:960px; padding:20px 18px 20px 20px; margin:0px 0px ; border:1px solid #eaeaea; color:#666;} #cart_list #cart_con { position:relative; clear:both; margin-top:-15px;} #cart_list #cart_con table { width:1000px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; background-color:#f7f7f7; } #cart_list #cart_con table th { text-align:left; width:150px; padding:8px 0 0 10px; vertical-align:top; border-bottom:solid 1px #eaeaea; } #cart_list #cart_con table th span{ padding:3px 7px 0px 5px; background-color:#2fc0d1; color:#ffffff; font-weight:normal;} #cart_list #cart_con table td { width: 850px; border:0px; padding:5px 0 0 0; border-bottom:solid 1px #eaeaea; } #cart_list #cart_con table td p { background:url(../images/common/blt_pink45.gif) no-repeat 3px 3px; padding:0 0 5px 10px; } /* 고객선터 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #mypage_list #board_find {position:relative; float:left; width:798px; padding:10px 0 10px 0; margin-top:10px; text-align:center; border:solid 1px #eaeaea; background-color:#f8f8f8; } #mypage_list #board_find img {vertical-align:middle; } /* 공지사항 리스트 -마이페이지와 비슷함 */ #mypage_list table.customer_board { clear:both; width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #40c1d0; margin-bottom:10px; } #mypage_list table.customer_board th { height:30px; text-align:center; font-weight:bold; font-size:12px; border-bottom:1px solid #eaeaea; background:url(../images/common/bg_th.gif) no-repeat top right; } #mypage_list table.customer_board th.end { background:url(../images/common/bg_th_end.gif) no-repeat top right; } #mypage_list table.customer_board td { height:30px; border:0; border-bottom:1px solid #eaeaea; } #mypage_list table.customer_board td.num { width:50px; font-family:"Verdana","돋움"; font-size:11px; text-align:center;} #mypage_list table.customer_board td.title { width:660px; font-size:12px; text-align:left; padding-left:10px; } #mypage_list table.customer_board td.date { width:100px; font-family:"Verdana","돋움"; font-size:11px; color:#777; text-align:center; } /* 공지사항 글보기 */ #mypage_list #board_view table{margin-bottom:10px;width:800px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:2px solid #40c1d0;} #mypage_list #board_view th {width:100px; padding:10px; vertical-align:top; border-bottom:solid 1px #eaeaea;} #mypage_list #board_view th.th_top { background:url(../images/common/bg_th.gif) no-repeat top right; } #mypage_list #board_view td {width:660px; padding:10px; border:0px; border-bottom:solid 1px #eaeaea; line-height:150%; } #mypage_list #board_view td.con { height:200px; vertical-align:top; } #mypage_list #board_view td.con_event { height:200px; vertical-align:top; padding:0px; } #mypage_list #board_view span.title {float:left; font-weight:bold; } #mypage_list #board_view span.date {float:right; color:#777;} #mypage_list #board_btn { position:relative; float:right; text-align:right; } #mypage_list #board_next {position:relative; float:left; width:778px; border:solid 1px #eaeaea; background-color:#f8f8f8; margin:10px 0 0 0; padding:10px;} #mypage_list #board_next span.next {position:relative; float:left; display:block; width:100px; font-size:11px; text-align:center; clear:both; } #mypage_list #board_next span.next_title {padding-left:22px; color:#777;} #mypage_list #board_view span.board_view_email {font-size:11px; color:#61a7ed; } /* 구매대행 */ #mypage_list img.buying { vertical-align:middle; padding:0px 5px 0 0px; } #mypage_list #re {width:100%; border-top:dotted 1px #d6d6d6; border-bottom:dotted 1px #d6d6d6; margin-top:10px; padding:10px; background-color:#f6f6f6;} /* 1:1문의 리스트 */ #mypage_list img.new { vertical-align:middle; padding:0px 0 0 4px; } #mypage_list img.re { vertical-align:middle; padding:0px 5px 0 12px; } #mypage_list table.customer_board02 { clear:both; width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #40c1d0; margin-bottom:10px; } #mypage_list table.customer_board02 th { height:30px; text-align:center; font-weight:bold; font-size:12px; border-bottom:1px solid #eaeaea; background:url(../images/common/bg_th.gif) no-repeat top right; } #mypage_list table.customer_board02 th.end { background:url(../images/common/bg_th_end.gif) no-repeat top right; } #mypage_list table.customer_board02 td { height:30px; border:0; border-bottom:1px solid #eaeaea; } #mypage_list table.customer_board02 td.num { width:50px; font-family:"Verdana","돋움"; font-size:11px; text-align:center;} #mypage_list table.customer_board02 td.title { width:510px; font-size:12px; text-align:left; padding-left:10px; } #mypage_list table.customer_board02 td.name { width:100px; color:#777; text-align:center;} #mypage_list table.customer_board02 td.date { width:80px; font-family:"Verdana","돋움"; font-size:11px; color:#777; text-align:center; } #mypage_list table.customer_board02 td.view { width:50px; font-family:"Verdana","돋움"; font-size:11px; color:#777; text-align:center;} #mypage_list table #pass_chk_fm { background-color:#f8f8f8; margin:3px 0 0px 0; padding:4px 0 4px 5px; border-top:dotted 1px #d8ecee; font-size:11px; color:#61a7ed; } /*1:1문의 글쓰기 */ p.order_txt02 { position:absolute; top:40px; width:800px; text-align:right; font-size:11px; color:#999; } /* 1:1문의,제휴문의*/ #mypage_list #board_write .design_tab {position:relative; float:left; width:660px; } #mypage_list #board_write .design_tab .start { border-left:solid 1px #dadada; } #mypage_list #board_write .design_tab span { position:relative; float:left; display:block; width:100px; text-align:center; font-size:11px; padding:5px 0 5px 0; margin-right:1px;} #mypage_list #board_write .design_tab span.on { height:14px; background-color:#eaeaea; color:#ffffff; font-weight:bold; border-top:solid 1px #dadada; border-right:solid 1px #dadada; border-left:solid 1px #dadada; } #mypage_list #board_write .design_tab span.on a { color:#44bad7; } #mypage_list #board_write .design_tab span.off { height: 12px; background-color:#fff; color:#999999; border-top:solid 1px #dadada; border-right:solid 1px #dadada; border-left:solid 1px #dadada; top:5px;} #mypage_list #board_write .design_tab span.off a { color:#999999; } #mypage_list #board_write table{margin-bottom:10px;width:800px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:2px solid #40c1d0;} #mypage_list #board_write th {width:100px; padding:10px 20px 10px 0; vertical-align:top; border-bottom:solid 1px #eaeaea; text-align:right; } #mypage_list #board_write th.th_top { background:url(../images/common/bg_th.gif) no-repeat top right; } #mypage_list #board_write td {width:660px; padding:5px 0 5px 10px; border:0px; border-bottom:solid 1px #eaeaea; } #mypage_list #board_write .input{ height: 17px; border: solid 1px #dadada; outline: medium none;} #mypage_list #board_write .input_700{ width:650px; height: 17px; border: solid 1px #dadada; outline: medium none;} #mypage_list #board_write .textarea_700{ width:650px; height: 200px; border: solid 1px #dadada; outline: medium none;} #mypage_list #board_write .design_option { clear:both; position:relative; float:left; display:inline; width:647px; background-color:#eaeaea; padding:4px 0 2px 3px; border-left:solid 1px #dadada; border-right:solid 1px #dadada; } #mypage_list #board_write .design_option ul {position:relative; float:left; padding-left:5px;} #mypage_list #board_write .design_option ul li {position:relative; float:left;} /* FAQ */ #detail_board table.faq {width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px;} #detail_board table.faq td {height:30px; border:0; color:#777777; font-size:11px; } #detail_board table.faq td.num {width:30px; font-family:"Verdana","돋움"; font-size:11px; text-align:center;} #detail_board table.faq td.con {width:755px; text-align:left; padding-left:15px; } #detail_board dd.faq_view {width:735px; background-color:#f6f6f6; text-align:left; padding:10px 20px 10px 45px; line-height:150%;border-bottom:solid 1px #eaeaea; font-size:11px; text-align:justify; } #mypage_list #detail_board .faq_tab {width:800px; height:30px; border-bottom:solid 2px #40c1d0; margin-bottom:10px; } #mypage_list #detail_board .faq_tab .start { border-left:solid 1px #dadada; } #mypage_list #detail_board .faq_tab span.on { position:relative; float:left; display:block; width:100px; height:29px; line-height:280%; background-color:#55cae6; color:#ffffff; font-weight:bold; text-align:center; border-top:solid 1px #dadada; border-right:solid 1px #dadada; } #mypage_list #detail_board .faq_tab span.on a { color:#ffffff; } #mypage_list #detail_board .faq_tab span.off { position:relative; float:left; display:block; width:100px; height:29px; line-height:280%; background-color:#f7f7f7; color:#999999; text-align:center; border-top:solid 1px #dadada; border-right:solid 1px #dadada; } #mypage_list #detail_board .faq_tab span.off a { color:#999999; } #mypage_list table.faq_title { clear:both; width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #40c1d0;} #mypage_list table.faq_title th { height:30px; text-align:center; font-weight:bold; font-size:12px; border-bottom:1px solid #eaeaea; background:url(../images/common/bg_th.gif) no-repeat top right; } #mypage_list table.faq_title th.end { background:url(../images/common/bg_th_end.gif) no-repeat top right; } /* 이벤트-댓글 */ #comment { position:relative; float:left; width:778px; border:solid 1px #eaeaea; background-color:#f8f8f8; margin:10px 0 0 0; padding:10px; } #write { position:relative; float:left; width:778px; } #write .textarea_700{ width:700px; height: 40px; border: solid 1px #dadada; outline: medium none;} #write .btn { position:absolute; float:right; } #text { position:relative; float:left; width:778px; margin:10px 0 0 0; } #text .info { position:relative; float:left; width:778px; height:20px; margin:5px 0 0 0; } #text .info span.nickname { float:left; display:block; width:500px; font-weight:bold; } #text .info span.date { float:right; display:block; font-size:11px; color:#57d0de; width:60px; height:15px; } #text .info span.btn { float:right; display:block; font-size:11px; height:15px; } #text .comment { border-bottom:dotted 1px #cccccc; padding:0 0 5px 2px; color:#777777; } /* 후기게시판 */ #detail_board02 {width:800px; margin:0 auto 0px auto;} #detail_board02 table.review { width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px;} #detail_board02 table.review td { height:100px; border:0px; color:#777777; } #detail_board02 dd.review_view {width:735px; background-color:#f6f6f6; text-align:left; padding:10px 20px 10px 45px; line-height:150%;border-bottom:solid 1px #eaeaea; font-size:11px; text-align:justify; } #mypage_list table.review_title { clear:both; width:800px;border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #40c1d0;} #mypage_list table.review_title th { height:30px; text-align:center; font-weight:bold; font-size:12px; border-bottom:1px solid #eaeaea; background:url(../images/common/bg_th.gif) no-repeat top right; } #mypage_list table.review_title th.end { background:url(../images/common/bg_th_end.gif) no-repeat top right; } /* 로그인, 회원가입 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #members {position:relative; float:left; width:940px; padding:10px 30px 0 30px; } /* 로그인 */ #members #login_box { width:638px; height:198px; margin:60px auto 130px auto ; border:solid 1px #dadada; background:url(../images/common/bg_login.gif) no-repeat top left; } #members #login_box .input03 { width:156px; height: 17px; border: solid 1px #dadada; outline: medium none; } #members #login_box .login { position:relative; float:left; display:inline; width:439px; height:268px; font-size:11px; color:#666; } #members #login_box .login .position01 { position:absolute; top:62px; left:106px;} /*아이디*/ #members #login_box .login .position02 { position:absolute; top:92px; left:106px;} /*비밀번호*/ #members #login_box .login .position03 { position:absolute; top:122px; left:103px;} /*아이디저장*/ #members #login_box .login .position04 { position:absolute; top:64px; left:281px;} /*로그인*/ #members #login_box .login .position05 { position:absolute; top:194px; left:250px;} /*아이디비번찾기*/ #members #login_box .login .position06 { position:absolute; top:221px; left:201px;} /*꼬망세회원가입*/ #members #login_box .btn { position:relative; float:left; display:inline; width:439px; height:74px; } #members #login_box .banner { position:relative; float:right; display:inline; width:199px; height:268px; } /* 회원가입, 정보동의 */ #members #agreement {margin-bottom:20px; line-height:150%; } #members #agreement h3 {margin:0px 0 10px 0;} #members .btn {text-align:center;} #members #agreement .box {position:relative; height:150px; width:900px; padding:20px 18px 20px 20px; margin:0px 0px ; border:1px solid #eaeaea; overflow:auto; color:#666;} #members #agreement h5 {font-size:12px; margin:20px 0 10px 0;} #members #agreement h6 {font-size:12px; margin:10px 0 10px 0; font-weight:normal; color:#333;} #members #agreement p.agree_check { width:940px; height:25px; background-color:#fff; text-align:right;} #members #agreement ul li { padding-left:10px; } #members #agreement ul li ul li { padding-left:10px; } #members table.members_info { margin-bottom:10px; width:940px; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:2px solid #40c1d0; } #members table.members_info th {width:150px; padding:10px 20px 10px 0; vertical-align:top; border-bottom:solid 1px #eaeaea; text-align:right; } #members table.members_info th.th_top { background:url(../images/common/bg_th.gif) no-repeat top right; } #members table.members_info td {width:800px; padding:5px 0 5px 10px; border:0px; border-bottom:solid 1px #eaeaea; } #members table.members_info .input02{ height: 17px; border: solid 1px #dadada; outline: medium none;} p.order_txt03 { position:relative; width:940px; text-align:right; font-size:11px; color:#999; } /* 팝업 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* 팝업 공통 */ /*#bg_popup { position:relative; float:left; background:url(../images/common/bg_popuptitle.gif) no-repeat top left;} 2016-01-08 아래로 수정 - 조상기*/ #bg_popup { position:relative; float:left;} /*#popup_title { width:685px; height:40px; margin-bottom:10px; background:url(../images/common/bg_popuptitle_end.gif) no-repeat top right; font-size:14px; font-weight:bold; color:#fff; padding:0 0 0 35px; line-height:310%; } 2016-01-08 아래로 수정 - 조상기 */ #popup_title { width:98%; margin-bottom:10px; font-size:18px; font-weight:bold; color:#737373; padding:10px 0 10px 20px; border-bottom:1px solid #737373;} #popup_contents_720 { width:700px; position:relative; float:left; margin:10px; } #popup_title_550 { width:515px; height:40px; margin-bottom:10px; background:url(../images/common/bg_popuptitle_end.gif) no-repeat top right; font-size:14px; font-weight:bold; color:#fff; padding:0 0 0 35px; line-height:310%; } #popup_contents_550 { width:530px; position:relative; float:left; margin:10px; } #popup_title_420 { width:385px; height:40px; margin-bottom:10px; background:url(../images/common/bg_popuptitle_end.gif) no-repeat top right; font-size:14px; font-weight:bold; color:#fff; padding:0 0 0 35px; line-height:310%; } #popup_contents_420 { width:400px; position:relative; float:left; margin:10px; } #popup_title_320 { width:285px; height:40px; margin-bottom:10px; background:url(../images/common/bg_popuptitle_end.gif) no-repeat top right; font-size:14px; font-weight:bold; color:#fff; padding:0 0 0 35px; line-height:310%; } #popup_contents_320 { width:300px; position:relative; float:left; margin:10px; } #popup_btn { position:relative; float:right; text-align:right; } #bg_popup .input{ height: 13px; border: solid 1px #dadada; outline: medium none;font-family:"돋움";} #bg_popup .input_gray{ height: 13px; border: solid 1px #dadada; outline: medium none; font-family:"돋움"; color:#666666; font-size:11px; line-height:200%; } #bg_popup #popup_explain { background-color:#f0f0f0; padding:5px; margin-bottom:20px; } #bg_popup #popup_explain02 { background-color:#f0f0f0; padding:5px; margin:10px 0 10px 0; } #bg_popup #popup_explain .box_in { background-color:#ffffff; padding:10px; border:solid 1px #dadada; line-height:200%; } #bg_popup h5 { font-size:12px; font-weight:bold; background:url(../images/common/blt_pink14.gif) no-repeat 7px -2px; padding-left:25px;} .dot_line {border-bottom:1px dotted #cccccc; margin:5px 0; } #bg_popup h4 {font-size:12px; font-weight:bold; background:url(../images/common/blt_blue97.gif) no-repeat 3px 1px; padding-left:17px; margin-bottom:5px; } /* 미리보기 */ #preview_title { position:relative; width:700px; height:60px; background-color:#f4f4f4; border-top:2px solid #4b4b4d; margin:10px;} #preview_title h3 {position:relative; float:left; padding:23px 0 0 30px; font-size:14px; font-weight:bold; } #preview_title .goods_code { position:relative; float:right; padding:25px 20px 0 0; font-size:11px; color:#777777; } #preview { width:700px; position:relative; float:left; margin:10px;} #preview .detail_img { width:300px; position:relative; float:left; margin-right:30px; } #preview .detail_img .big_img { width:298px; height:298px; border:solid 1px #eaeaea; } #preview .detail_img ul { position:relative; float:left; } #preview .detail_img ul li { position:relative; float:left; } #preview .detail_img ul li.small_img { width:50px; height:50px; border:solid 1px #eaeaea; } #preview .detail_img ul li.small_img img { width:48px; height:48px; } #preview .detail_explain { width:366px; min-height:291px; position:relative; float:left; margin-top:0px; margin-bottom:15px; } #preview .detail_explain .add_show { height:26px; position:relative; float:right; } #preview .detail_explain dl { width: 364px; position:relative; float:left; } #preview .detail_explain dt { width:100px; min-height:30px; position:relative; float:left; line-height:240%; font-size:11px; font-weight:bold; color:#666666; padding-left:20px; } #preview .detail_explain .under_line { border-bottom:solid 1px #eaeaea; } #preview .detail_explain dd { width:242px; min-height:30px; position:relative; float:left; line-height:220%; } #preview .detail_explain .input_text02 { width: 40px; height: 17px; position:relative; float:left; margin: 0px 2px 0px 0px; border: solid 1px #999999; outline: medium none;} #preview .detail_explain .up_down { position:relative; float:left; display:block; width:10px; height:20px; } #preview .detail_explain .num_up { float:left; margin-bottom:3px; } #preview .detail_explain .num_down { float:left; } #preview .cost_old { color:#555555; text-decoration:line-through; font-size:11px; } #preview .cost_now { color:#ef5e4d; font-weight:bold; font-size:15px; font-family:"Verdana","돋움"; } #preview .detail_btn { width:366px; height:62px; position:relative; float:right; text-align:right; } /* QnA */ #bg_popup #table01 table{margin-bottom:10px;width:100%; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:2px solid #40c1d0;} #bg_popup #table01 th {width:80px; padding:10px; vertical-align:top; border-bottom:solid 1px #eaeaea;} #bg_popup #table01 th.th_top { background:url(../images/common/bg_th.gif) no-repeat top right; } #bg_popup #table01 td {width:580px; padding:10px; border:0px; border-bottom:solid 1px #eaeaea; } #bg_popup #table01 .input_680{ width:570px; height: 17px; border: solid 1px #dadada; outline: medium none; ime-mode:active;}/* 2015-12-02 한글먼저나오도록 - 장소연 대리님*/ #bg_popup #table01 .textarea_680{ width:570px; height: 200px; border: solid 1px #dadada; outline: medium none;} /* 주문내역조회 */ #bg_popup #table02 table { margin-bottom:10px;width:100%; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; border-top:solid 2px #737373; } #bg_popup #table02 table th { height:30px; text-align:center; font-weight:bold; font-size:12px; border-bottom:1px solid #eaeaea; border-right:1px solid #CDCDCD;} #bg_popup #table02 table th.end { border-right:0; } #bg_popup #table02 table td{ height:30px; border:0; border-bottom:1px solid #CDCDCD; border-right:1px solid #CDCDCD; padding:5px 5px;} #bg_popup #table02 table td.end{ border-right:0;} #bg_popup #table02 table td.total { background-color:#f0f0f0; text-align:right; padding:10px; font-size:11px; } #bg_popup #table02 table td.left {text-align:left;} #bg_popup #table02 table td.name { background-color:#f0f0f0; text-align:left; font-size:11px; width:610px; height:20px; padding:3px 10px 3px 10px;} #bg_popup #table02 table td.w140 {width:140px;} #bg_popup #table02 table td.w100 {width:100px;} #bg_popup #table02 table td.w90 {width:90px;} #bg_popup #table02 table td.w80 {width:80px;} #bg_popup #table02 table td.w50 {width:50px;} #bg_popup #table02 .goods_img70 {width:70px; height:70px;} #bg_popup #table02 table th.th01 { width:100px; text-align:right; padding-right:10px; } #bg_popup #table02 table td.td01 { width:600px; text-align:left; } /* 우편번호 검색 */ #result_address ul {width:400px; } #result_address ul li {height:23px; border-bottom:solid 1px #eaeaea; line-height:23px;} #result_address ul li span.address_num {float:left; width:60px; display:block;} #result_address ul li span.address {float:left; width:320px; display:block;} #zip_sort { width:400px; height:30px; font-size:11px; border-bottom:solid 1px #dadada; margin-bottom:5px; } #zip_sort .tab .start { border-left:solid 1px #dadada; } #zip_sort .tab span.on { position:relative; float:left; display:block; width:199px; height:29px; line-height:280%; background-color:#55cae6; color:#ffffff; font-weight:bold; text-align:center; border-top:solid 1px #dadada; border-right:solid 1px #dadada; } #zip_sort .tab span.on a { color:#ffffff; } #zip_sort .tab span.off { position:relative; float:left; display:block; width:198px; height:29px; line-height:280%; background-color:#f7f7f7; color:#999999; text-align:center; border-top:solid 1px #dadada; border-right:solid 1px #dadada; } #zip_sort .tab span.off a { color:#999999; } #popup_explain .ex { font-size:11px; color:#666; line-height:180%; letter-spacing:-0.5px; } } #popup_explain ul.search { position:relative; float:left; } #popup_explain ul.search li { width:180px; height:28px; position:relative; float:left; } #popup_explain .title { display:inline-block; width:40px; text-align:right; font-size:11px; font-weight:bold; } #popup_explain input { font-size:11px; color:#666666; line-height:170%; } /* 배송지관리 */ #bg_popup table.explain_con {margin-bottom:10px;width:100%; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px;} #bg_popup table.explain_con {width:665px; margin-bottom:10px;} #bg_popup .explain_con th {width:90px; border-bottom:solid 1px #eaeaea; background-color:#f0f0f0; text-align:left; padding-left:10px;} #bg_popup .explain_con td {width:550px; float:left; border:0px; border-bottom:solid 1px #eaeaea; padding-left:10px;} #bg_popup .explain_con .input_text03 {height: 17px; position:relative; margin:4px 3px 0 3px; border:solid 1px #999; outline: medium none; } #bg_popup .explain_con select {height:21px; margin:4px 3px 0 3px;border:solid 1px #999;outline: medium none; } #bg_popup .explain02 { width:700px; margin-bottom:5px; } #bg_popup .cart_sum { position:relative; float:right; display:block; padding-right:0px; color:#61a7ed; line-height:150%; } #bg_popup #table02 table td.check {width:30px;} #bg_popup #table02 table td.num {width:30px;} #bg_popup #table02 table td.name02 {width:80px;} #bg_popup #table02 table td.phone {width:100px;} #bg_popup #table02 table td.mobile {width:100px;} #bg_popup #table02 table td.address {width:330px; text-align:left;} #bg_popup #table02 table td.choice {width:30px;} /* 팝업 끝 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* 주문완료 메일 #mail_logo { width:600px; height:40px; margin:0 auto; padding-top:30px; background:#fff; } #mail { width:540px; margin:0 auto 10px auto; background:url(../images/common/bg_mail.gif) top left; padding:35px 30px 30px 30px;} #mail .mail_con { width:500px; background:#fff; margin:0 auto; } #mail .mail_ok { padding-left:30px; } #mail table.mail_order { border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; width:500px; border-top:solid 2px #815c40; margin:0 auto; background-color:#fff; } #mail table.mail_order th { width:150px; text-align:left; padding-left:10px; font-size:11px; border-bottom:solid 1px #eaeaea; line-height:150%; } #mail table.mail_order td { width:650px; border:0px; border-bottom:solid 1px #eaeaea; padding:10px; line-height:150%; } #mail_footer { width:540px; height:110px; margin:0 auto; background-color:#eff0f0; text-align:center; vertical-align:middle; padding:20px 30px 20px 30px;} */ /* 비회원주문조회 */ #members #sh_txt {width:638px; height:32px; margin:70px auto 0 auto ;} #members #login_box02 { width:638px; height:198px; margin:0 auto 130px auto ; border:solid 1px #dadada; background:url(../images/common/bg_login02.gif) no-repeat top left; } #members #login_box02 .input03 { width:156px; height: 17px; border: solid 1px #dadada; outline: medium none; } #members #login_box02 .login { position:relative; float:left; display:inline; width:439px; height:198px; font-size:11px; color:#666; } #members #login_box02 .login .position01 { position:absolute; top:32px; left:161px;} /*주문번호*/ #members #login_box02 .login .position02 { position:absolute; top:62px; left:161px;} /*이메일*/ #members #login_box02 .login .position03 { position:absolute; top:104px; left:123px;} /*주문조회,취소버튼*/ #members #login_box02 .login .position03 img { margin-right:7px; } #members #login_box02 .login .position04 { position:absolute; top:158px; left:277px;} /*로그인하러가기*/ #members #login_box02 .btn { position:relative; float:left; display:inline; width:439px; height:74px; } /* 쇼핑몰 교사용도서 이벤트 */ #book_event_131104 { height:400px; background:url(http://www.edupre.co.kr/images/shop/lucky_shop_view30000.jpg) no-repeat top left; } /*럭키북박스 30,000*/ #book_event_131104 img { height:400px; width:800px; } /* 꼬망세 이벤트, 기획전 */ #event h5 { clear:both; color:#666; font-size:12px; padding:10px 0 0px 23px; height:25px; border-bottom:solid 2px #32bdcd; background:url(../images/common/blt_blueround.gif) no-repeat 4px 10px; background-color:#f7f7f7; float:left; width:778px;} #event #event_img { margin-bottom:20px; } #event #event_img .event_flv { position:absolute; float:right; top:560px; right:30px; } #event #event_go { float:left; width:100%; border-left:solid 1px #dadada; border-top:solid 1px #dadada; margin-bottom:10px; } #event #event_go li { float:left; width:24.83%; border-right:solid 1px #dadada; border-bottom:solid 1px #dadada; text-align:center; background-color:#f7f7f7; } #event #event_go li a { width:199px; display:block; padding:10px 0 10px 0; } #event #event_go li a:focus, #event #event_go li a:hover { background-color:skyblue; color:#ffffff; font-weight:bold; } #event #event_go li.event_empty { width:199px; display:block; height:34px; } #event span.top { position:relative; float:right; padding-right:10px; top:-10px; font-size:10px; } #event span.top a { color:#32bdcd; } #event span.more { position:relative; float:right; padding-right:10px; top:-10px; font-size:11px; } #event span.more a { color:#32bdcd; } #event #event_go_5 { float:left; width:100%; border-left:solid 1px #dadada; border-top:solid 1px #dadada; margin-bottom:10px; } #event #event_go_5 li { float:left; width:159px; border-right:solid 1px #dadada; border-bottom:solid 1px #dadada; text-align:center; background-color:#f7f7f7; } #event #event_go_5 li a { width:159px; display:block; padding:10px 0 10px 0; } #event #event_go_5 li a:focus, #event #event_go_5 li a:hover { background-color:skyblue; color:#ffffff; font-weight:bold; } #event #event_go_5 li.event_empty { width:159px; display:block; height:34px; } #event #event_go_3 { float:left; width:100%; border-left:solid 1px #dadada; border-top:solid 1px #dadada; margin-bottom:10px; } #event #event_go_3 li { float:left; width:265px; border-right:solid 1px #dadada; border-bottom:solid 1px #dadada; text-align:center; background-color:#f7f7f7; } #event #event_go_3 li a { width:265px; display:block; padding:10px 0 10px 0; } #event #event_go_3 li a:focus, #event #event_go_3 li a:hover { background-color:skyblue; color:#ffffff; font-weight:bold; } #event #event_go_3 li.event_empty { width:265px; display:block; height:34px; } /* 후불구매 안내 */ #paylater { width:998px; text-align:center; padding-top:10px;} /* 상품후기_마이페이지서브 */ #photo_review { float:left; width:777px; border-top:solid 3px #e00000; border-bottom:solid 1px #cccccc; background:url() 0 0; padding: 7px 0px 10px 25px; margin-bottom:20px; } #photo_review h4 { width:777px; text-align:right; margin-bottom:20px; } #photo_review ul li { float:left; width:192px; height:176px; } #photo_review ul li p.review_img { width:170px; height:120px; border:solid 1px #e2e2e2; background-color:#ffffff; } #photo_review ul li p.review_img img { width:170px; height:120px; } #photo_review ul li p.review_title { width:170px; margin:10px 0 20px 0; font-weight:bold; } /* 상품후기 쓰기 팝업_마이페이지서브 */ #popup_contents_720 table.review_goods { border-collapse:collapse; padding:0px; border-spacing:0px; border:0px; } #popup_contents_720 table.review_goods td { border:0; } #popup_contents_720 table.review_goods p.goods_name { font-weight:bold; } /* 상품후기 내용보기 팝업 #popup_contents_review { width:700px; position:relative; float:left; margin:10px; } #popup_contents_review #popup_explain { background-color:#f0f0f0; padding:5px; margin-bottom:20px; } #popup_contents_review #popup_explain .box_in { background-color:#ffffff; padding:10px; border:solid 1px #dadada; line-height:200%; } #popup_contents_review img.review_thumb { width:100px; height:100px; } */ /*2015-10-30 onedeal*/ .onedealwrap {width:800px; height:980px; background:url(../images/common/onedeal_pattern.jpg) repeat 0 0;} .onedeal_top {width:800px; background:url(../images/common/onedeal_title_bg.png) no-repeat top left;} .onedeal_title {padding-top:38px; text-align:center;} .onedeal_mainP_wrap {width:748px; height:478px; margin:53px auto 0; border:1px solid #cfcfcf; background-color:#fff;} .onedeal_mainP_box {width:748px; height:383px; position:relative;} .onedeal_mainP_thum {width:380px; height:380px; margin:1px; float:left;} .onedeal_mainP_text {width:340px; margin-top:50px; margin-left:20px; float:left; overflow:hidden;} .onedeal_mainP_namebox {color:#424242; letter-spacing:-0.1em; font-size:38px;} .onedeal_mainP_name {font-weight:bold;} .onedeal_mainP_nameS {font-size:26px;} .onedeal_mainP_paybox {font-family:"Verdana"; margin-top:20px;} .onedeal_mainP_per {float:left; color:#f20000; font-size:36px; letter-spacing:-0.1em;} .onedeal_mainP_perB {font-size:60px; font-weight:bold;} .onedeal_mainP_pay {float:left; margin-left:20px; margin-top:10px; color:#424242; letter-spacing:-0.1em;} .onedeal_mainP_payS {text-decoration:line-through; font-size:18px; color:#8d8d8d;} .onedeal_mainP_payB {font-size:32px;} .onedeal_mainP_payN {font-family:"Dotum","돋움"; font-size:24px;} .onedeal_timebox {width:236px; height:39px; line-height:3.2em; position:absolute; bottom:0; right:0; background:url(../images/common/onedeal_time_bg.png) no-repeat; color:#fff; font-size:14px; padding-left:38px;} .onedeal_time {font-weight:bold; color:#ffd800; margin-left:40px; } .onedeal_mainP_info {width:713px; height:59px; padding:20px 15px 15px 20px;border-top:1px solid #cfcfcf;} .onedeal_mainP_infobox {font-size:14px; float:left; letter-spacing:-0.05em;} .onedeal_mainP_infoU {display:block; margin-bottom:10px;} .txtBR {color:#f20000; font-weight:bold;} .onedeal_infoT {margin-left:10px;} .txtBB {color:#002691; font-weight:bold;} .onedeal_mainP_infoD {} .onedeal_mainP_btnbox {width:345px; float:right;} a.onedeal_btn {display:block; width:170px; height:31px; color:#fff; text-align:center; padding-top:11px; font-size:18px; letter-spacing:-0.1em; text-decoration:none; margin-bottom:5px;} .order_btn {background-color:#002691;} .view_btn {background-color:#bdbdbd;} .onedeal_btnT { text-align:right;} .onedeal_listP_wrap {width:748px; height:240px; border:1px solid #cfcfcf; border-top:none; background-color:#fff; margin:10px auto;} .onedeal_listP_box {} .onedeal_listP_box li {width:186px; height:240px; float:left;} .onedeal_listP_box li.bdR1 {border-right:1px solid #cfcfcf;} .onedeal_listP {width:186px; height:48px; text-align:center; position:relative;} .onedeal_listP dt {width:186px; height:38px; background:url(../images/common/onedeal_tabbg_off.png) repeat-x; padding-top:12px; font-size:14px; font-weight:bold; color:#fff;} .onedeal_listP dt.onedeal_listP_date {background:url(../images/common/onedeal_tabbg.png) repeat-x;} .onedeal_listP dd {width:186px; height:185px; margin-top:5px;} .onedeal_listP_thum {} .onedeal_listP_udi {position:absolute; left:3px; top:55px;} /*2016-04-25 검색결과페이지*/ .searchN_resultWrap {width:1000px; height:40px; border-bottom:1px solid #c7c7c7; } .searchN_result {font-size:16px; float:left; margin-top:7px;} .searchN_search {height:27px; float:right;} .Input130 {width:120px; height:15px; border:1px solid #c7c7c7; padding:5px; vertical-align:middle;} .Input100 {width:90px; height:15px; border:1px solid #c7c7c7; padding:5px; vertical-align:middle;} .searchN_btn {vertical-align:middle;} .searchN_relationWrap {width:1000px; height:20px; padding:10px 0;} .searchN_choiceWrap {width:1000px; background-color:#fcfcfc; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; position:relative;} .searchN_choice {display:inline-block; *height:5px; padding:13px 20px;} .searchN_choiceTit {width:100px; font-weight:bold; display:inline-block; float:left;} .searchN_choiceTxt {width:190px; float:left;} .searchN_choiceBtn {position:absolute; top:8px; right:20px;} .searchN_check {width:960px; display:inline-block; *height:5px; border-top:1px solid #c7c7c7; padding:13px 20px;} .searchN_checkTit {width:100px; font-weight:bold; display:inline-block; float:left;} .searchN_checkTxt {width:190px; float:left; margin-top:-2px;} .searchN_checkcheckbox {vertical-align:middle; *vertical-align:none;} .searchN_checkBtn {position:absolute; top:50px; *top:46px; right:20px;} .searchN_recomWrap {width:1000px; margin-top:30px;} .searchN_recomTit {} .searchN_recomBox {width:1000px; padding:20px 0;} .searchN_recomBox li {width:168px; float:left; margin:0 16px;} .searchN_List {width:100%;padding:3px;border:1px solid #FFF} .searchN_List dt {text-align:center;} .searchN_List dd {width:100%;} .searchN_ListBtn {text-align:center; margin:10px; *margin:5px 0 10px;} .searchN_ListTit {width:100%; height:45px; overflow:hidden;} .searchN_ListPay { height:13px; padding:5px 2px; background-color:#f7f7f7; margin:10px 0 5px; letter-spacing:-0.05em; overflow:hidden;} .searchN_ListPayG {text-decoration:line-through; color:#999;} .searchN_ListPayB {margin-left:5px; font-size:14px;} .searchN_ListPayD {margin-left:5px; color:#ef5e4d; font-size:11px; font-weight:bold; margin-top:-2px;} .searchN_ListIcon {width:100%; height:22px; position:relative;} .searchN_ListIconR {position:absolute; top:1px; right:5px;} .searchN_bannerWrap {width:1000px; margin:25px 0 50px 0; *margin:10px 0 50px 0; display:inline-block;} .searchN_bannerWrap li {float:left; margin:15px 0 0 15px;} .searchN_productWrap {width:1000px; position:relative; display:inline-block;} .searchN_Form {height:27px; position:absolute; top:10px; right:10px; z-index:999;} .searchN_Tab {width:1000px; display:inline-block; border-bottom:2px solid #ef0000;} .searchN_Tab li {width:185px; height:49px; line-height:3.8em; font-size:14px; text-align:center; font-weight:bold; float:left; border-top:1px solid #ef0000; border-right:1px solid #ef0000;} .searchN_Tab li a {color:#ef0000;} .searchN_Tab li.First {border-left:1px solid #ef0000;} .searchN_Tab li.TabOn {height:50px; background-color:#ef0000; border:none; color:#fff;} .searchN_Tab li.TabOn a {color:#fff;} .searchN_productBox {width:1000px;} .searchN_productBox li {width:235px; float:left; margin:15px 7px;} .searchN_productBoxL {width:1000px;} .searchN_productBoxL li {width:1000px; float:left; padding:25px 0; border-bottom:1px solid #e7e7e7;} .searchN_ListL {width:100%; height:138px;} .searchN_ListL dt {width:138px; height:138px; text-align:center; margin:0 30px; float:left;} .searchN_ListL dd {width:800px; padding:10px 0; float:left;} .searchN_ListBtnL {text-align:center; margin:10px; *margin:5px 0 10px;} .searchN_ListTitL {width:100%; height:14px; margin-top:10px; overflow:hidden;} .searchN_ListPayL {width:100%; margin-top:5px; letter-spacing:-0.05em; overflow:hidden;} .searchN_ListPayLG {text-decoration:line-through; color:#999;} .searchN_ListPayLB {margin-left:5px; font-size:14px;} .searchN_ListPayLD {margin-left:5px; color:#ef5e4d; font-size:11px; font-weight:bold; margin-top:-2px;} .searchN_ListIconL {width:100%; height:22px; margin-top:25px;} /* 2016-08-24 꼬마숲 전용 메인*/ .littleforest_Wrap {width:1000px;} .littleforest_topWrap {display:inline-block; width:1000px; height:166px; background:url('../images/common/littleforest_title_bg.jpg') no-repeat top left;} .littleforest_title {margin-top:45px; margin-left:230px;} .littleforest_tab {margin-top:15px;} .littleforest_tab li {float:left; width:140px; height:40px; margin-left:1px; background-color:#b2b2b2; text-align:center; line-height:40px; color:#fff; cursor:pointer;} .littleforest_tab li.lfOn {font-weight:bold; background-color:#ff6900;} .littleforest_tab li a{float:left; width:140px; height:40px; background-color:#b2b2b2; text-align:center; line-height:40px; color:#fff; cursor:pointer;} .littleforest_tab li.lfOn a{font-weight:bold; background-color:#ff6900;} .littleforest_conWrap {width:1000px;} .littleforest_thumbox {width:1000px; display:inline-block;} .littleforest_thumbox li {width:233px; border:1px solid #ddd; float:left; margin:6px; } .littleforest_thum {width:223px; margin:5px;} .littleforest_thum dt {width:223px; height:215px;} .littleforest_thum dd {width:213px; padding:0 5px;} .lf_thum_name {display:inline-block; width:213px; height:17px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} .lf_thum_pay {display:inline-block; width:213px; height:15px; font-size:14px; font-weight:bold; overflow:hidden;} .lf_thum_pay01 {font-size:11px; font-weight:normal; text-decoration:line-through;} .lf_thum_pay03 {color:#e60012;} .lf_thum_bf {display:inline-block; width:213px; height:14px; border-top:1px solid #ddd; margin-top:10px; padding-top:10px; font-weight:bold; overflow:hidden;} .lf_thum_free {color:#e60012;} .lf_thum_save {color:#0061c5;} .littleforest_morebtn {display:inline-block; width:998px; border:1px solid #ddd; background-color:#b2b2b2; text-align:center; padding:8px 0; margin-top:10px; cursor:pointer;} .gooddeal_Wrap_stit {text-align:center; font-weight:bold; color:#e40000; margin-top:-10px;} /* 2017-06-01 카테고리메인*/ #subContainer_top {position:relative; clear:both; width:100%; min-height:500px; margin-bottom:20px;} #subContainer_2depth {width:1000px; margin:0 auto;} .depth_title {width:1000px; height:25px; padding:25px 0;} .depth_title h2 {font-size:26px; font-weight:bold; text-align:center; letter-spacing:-2px;} .depth_title .cate {margin-top:-28px; position:relative; float:right; font-size:11px; color:#666666; padding:17px 10px 0 15px; background:url(../images/common/ico_cate.gif) no-repeat 0px 18px;} .depth_cateBox {width:996px; border-top:1px solid #dadada; position:relative; display:inline-block; background:url('../images/common/cate_box_bg.jpg') repeat-y left top;} .depth_cate {width:996px; border-left:1px solid #dadada;} .depth_cate li {width:198px; height:50px; float:left; border-right:1px solid #dadada; border-bottom:1px solid #dadada; background:url('../images/common/cate_close_bg.jpg') no-repeat left top; text-indent:20px; line-height:50px; cursor:pointer;} .depth_cate li.depth_cate_on {background:url('../images/common/cate_open_bg.jpg') no-repeat left top;} .depth_cate_list {position:absolute; top:50px; left:199px; width:198px; border:1px solid #dadada; background-color:#fff; cursor:pointer; z-index:99999;} .depth_cate_list li {width:198px; letter-spacing:-0.8px; margin:20px; background:url('../images/common/cate_list_disc.jpg') no-repeat left 4px; text-indent:8px; overflow:hidden;} .depth_bannerBox {width:998px; height:333px; border:1px solid #dadada; margin-top:20px; position:relative;} .depth_banner {width:998px; height:333px; overflow:hidden;} .depth_banner li {float:left; cursor:pointer;} .depth_banner_bullet {position:absolute; width:998px; overflow:hidden; top:310px; z-index:9998; text-align:center;} .depth_banner_bullet .depth_bullet {display:inline-block; width:40px; height:8px; background-color:#4b4c4d; border-radius:8px; text-align:center; margin:0 2px; cursor:pointer;} .depth_banner_bullet .bullet_on {background-color:#e00000;} .depth_pmBox {width:1000px; padding:30px 5px 20px; position:relative; background-color:#f1f1f1; margin-top:40px;} .depth_pm_title {font-size:18px; color:#e00000; font-weight:bold; letter-spacing:-1px; margin-left:10px; margin-bottom:10px;} .depth_pm_title .depth_pm_stitle {margin-left:8px; font-size:12px; color:#4b4c4d; font-weight:normal;} .depth_pm_banner a {display:inline-block; margin:7px;} .depth_pm_btn {position:absolute; left:46%; bottom:-22px; width:70px; height:23px; display:inline-block; background-color:#4b4c4d; color:#fff; text-align:center; line-height:24px; cursor:pointer;} .depth_pdBox {width:1000px;} .depth_pd_top {width:1000px; height:30px; margin-top:30px; border-bottom:1px solid #dadada;} .depth_pd_title {width:800px; display:inline-block; font-size:18px; color:#e00000; font-weight:bold; letter-spacing:-1px; margin-left:10px; margin-bottom:10px; vertical-align:middle;} .depth_pd_titC {color:#4b4c4d;} .depth_pd_title .depth_pd_stitle {margin-left:8px; font-size:12px; color:#4b4c4d; font-weight:normal;} .depth_pd_title .depth_pd_stitle em {font-style:normal !important;} .depth_pd_btn {float:right; margin-top:10px; margin-right:10px;} .depth_pd_list {width:1000px; margin:10px 0;} /*------------------------ 220607 에듀파인 결제 레이어 ------------------------------------------------*/ .edufine_layer { clear:both;width:942px;height:714px;margin:0 auto;border-top:10px solid #e00000;border-left:1px solid #000000;border-right:1px solid #000000; position:absolute;padding:26px 0 14px 0;background-color:#ffffff;border-bottom:1px solid #000000;overflow:auto; } .edufine_part1 {width:834px;margin:0 auto;} .edufine_part2 {width:834px;margin:0 auto;border-bottom:1px dashed #bebebe;padding-bottom:36px;margin-bottom:18px;} .edufine_part3 {clear:both;width:834px;margin:0 auto;} .edufine_tlt1 {clear:both;height:44px;border-bottom:2px solid #191919;} .edufine_stlt {font-family:SCDream6;font-size:24px;letter-spacing: -0.6px;color: #000000;display:block;float:left;} .edufine_tlticon {font-family:SCDream6;font-size:14px;color: #e00000; font-style:normal;display:block;float:left;padding:6px 7px 0 0;} .edufine_ment {font-family:SCDream3;font-size:13px;color: #7a7a7a; float:right;padding-top:12px;} .edufine_txtall {clear:both;padding:20px 7px;} .edufine_txt {} .edufine_txt dt {font-family:SCDream6;font-size:14px;color: #000000;margin-bottom:12px;} .edufine_txt dd {font-family:SCDream4;font-size:12px;color: #393939;margin:2px 0 0 4px; letter-spacing:-0.3px;} .edufine_txticon1 { display:block;width:3px;height:3px;border-radius:2px;background-color:#191919; float:left;margin:7px 3px 0 0; } .edufine_txticon2 { display:block;font-family:SCDream6;font-size:14px;color: #FF0101; float:left;margin:0px 5px 0 0;font-style:normal; } .edufine_txticon3 { display:inline-block;width:13px;height:4px;border-radius:2px;background-color:#ff0000; margin:0px 0px 0 6px;vertical-align:middle; } .edufine_txticon4 { display:inline-block;font-family:SCDream6;font-size:14px;color: #FF0101; margin:0px 3px 0 0;font-style:normal; } .edufine_txtimg { display:inline-block;width:59px;font-family:SCDream5;font-size:11.5px;color: #191919;font-style:normal;text-align:left; border:1px solid #707070;border-radius:5px;padding:2px 5px 3px 6px;margin:0px 3px 0 4px;vertical-align:top; background:url('/_prozn/_skin_os_renew/images/common/edufine_icon1.jpg') 54px 4px no-repeat; } .edufine_tlt2 {clear:both;width:834px;height:44px;border-bottom:2px solid #191919;padding-top:40px;float:left;} .edufine_input1 {} .edufine_input1 dt {font-family:SCDream6;font-size:14px;color: #000000;float:left;margin:6px 0px 0 0;} .edufine_input1 dd {float:left;margin:0px 25px 0 16px;} .edufine_input1 dd:last-child {float:left;margin-right:0px;} .edufine_input2 {clear:both;padding-top:12px;position:relative;} .edufine_input2 dt {float:left;width:67px;font-family:SCDream6;font-size:14px;color: #000000;margin:6px 0px 0 0;} .edufine_input2 dd {float:left;margin:0px 0px 0 16px;} .edufine_input3 {clear:both;padding-top:12px;} .edufine_input3 dt {float:left;font-family:SCDream6;font-size:14px;color: #000000;margin:6px 0px 0 0;} .edufine_input3 dd {float:left;margin:0px 25px 0 16px;} .edufine_input3 dd:last-child {float:left;margin-right:0px;} .edufine_txtbox1 {width:130px;height:30px;background-color: #f6f6f6;border: 1px solid #dcdcdc;border-radius:6px;} .edufine_txtbox2 {width:268px;height:30px;background-color: #f6f6f6;border: 1px solid #dcdcdc;border-radius:6px;} .edufine_txtbox3 {width:729px;height:30px;background-color: #f6f6f6;border: 1px solid #dcdcdc;border-radius:6px;} .edufine_txtbox4 {width:709px;height:100px;background-color: #ffffff;border: 1px solid #707070;border-radius:6px;padding:10px;font-size:12px;color:#555} .edufine_txtbox5 { width:158px;height:30px;border: 1px solid #dcdcdc;border-radius:6px; background:url('/_prozn/_skin_os_renew/images/common/edufine_icon3.jpg') 0px 0px no-repeat; background-position:right; } .edufine_copybtn { display:block;width:72px;font-family:SCDream5;font-size:11.5px;color: #191919;font-style:normal;text-align:left; border:1px solid #707070;border-radius:5px;padding:2px 5px 3px 6px;margin:0px 3px 0 3px;vertical-align:top; background:url('/_prozn/_skin_os_renew/images/common/edufine_icon1.jpg') 54px 4px no-repeat; position:absolute;top:105px;right:10px; cursor:pointer; } .edufine_copybtn:hover { border:1px solid #505050; box-shadow:1px 2px 0px rgba(190,190,190,.3); -webkit-box-shadow:1px 2px 0px rgba(190,190,190,.3); } .edufine_tlt3 {clear:both;} .edufine_stlt2 {font-family:SCDream6;font-size:20px;letter-spacing: -0.6px;color: #000000;display:block;float:left;} .edufine_downbtn { float:right;display:block;width:142px;font-family:SCDream5;font-size:11.5px;color: #191919;font-style:normal;text-align:left; border:1px solid #707070;border-radius:5px;padding:2px 5px 3px 6px;margin:4px 3px 0 3px;vertical-align:top; background:url('/_prozn/_skin_os_renew/images/common/edufine_icon2.jpg') 116px 2px no-repeat; margin-right:10px; cursor:pointer;background-color:#ffffff; } .edufine_downbtn:hover { color: #ffffff;border:1px solid #e00000; background:url('/_prozn/_skin_os_renew/images/common/edufine_icon22.jpg') 116px 2px no-repeat, #e00000; box-shadow:1px 2px 0px rgba(190,190,190,.3); -webkit-box-shadow:1px 2px 0px rgba(190,190,190,.3); } .edufine_table {border-top:1px solid #191919;margin-top:-8px;} .edufine_table tbody tr th { font-family:SCDream4;font-size:14px;color:#000000;height:34px; background-color:#ffcece;border-right:1px dashed #ffffff; } .edufine_table tbody tr th:last-child {border-right:none;} .edufine_table tbody tr td { font-family:SCDream4;font-size:12px;color:#000000;height:46px; border-bottom:1px solid #bebebe;background-color:#ffffff;border-right:1px dashed #bebebe; } .edufine_table tbody tr td:last-child {border-right:none;} .edufine_copybtn2 { display:inline-block;width:72px;font-family:SCDream5;font-size:11.5px;color: #191919;font-style:normal;text-align:left; border:1px solid #707070;border-radius:5px;padding:2px 5px 3px 6px;margin:-2px 10px 0 8px;vertical-align:top; background:url('/_prozn/_skin_os_renew/images/common/edufine_icon1.jpg') 54px 4px no-repeat; cursor:pointer;float:right; } .edufine_copybtn2:hover { border:1px solid #505050; box-shadow:1px 2px 0px rgba(190,190,190,.3); -webkit-box-shadow:1px 2px 0px rgba(190,190,190,.3); }