@charset "utf-8"; .fancybox-button--zoom{ display:none !important; } /*------------------------------------ 스크롤 ------------------------------------*/ ::-webkit-scrollbar{width:10px;height:10px;background:#cfcfcf;cursor:pointer} ::-webkit-scrollbar-corner{background:#262a33} ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none} ::-webkit-scrollbar-track{position:relative;top:0;border-radius:0} ::-webkit-scrollbar-thumb{height:50px;width:50px;background:#999;border-radius:0;cursor:pointer} ::-webkit-scrollbar-corner{background-color:#cfcfcf} body,html,input,select,textarea{scrollbar-color:#999 #cfcfcf;scrollbar-width:thin;scrollbar-height:thin} input::-ms-input-placeholder, textarea::-ms-input-placeholder { color:#999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999; } /* Internet Explorer 10 이상에 적용 */ input::-ms-input-placeholder, textarea::-ms-input-placeholder { color:#999; } /* Internet Explorer 10 이상에 적용 */ input::-webkit-input-placeholder, input::-webkit-input-placeholder { color:#999; } /* Webkit, Blink, Edge에 적용 */ input::-moz-placeholder, input::-moz-placeholder { color:#999; } /* Mozilla Firefox에 적용 */ input[type=text]::-ms-clear { display:none; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; } .centerWrap{ position:relative; width:100%; max-width:1310px; min-width:1024px; margin:0 auto; padding-left:15px; padding-right:15px; } .centerWrap:after{ display:block; content:''; clear:both; } #layout_config > .centerWrap{ padding-bottom:100px; } /*------------------------------------ 공통 ------------------------------------*/ .center{ text-align:center; } .left{ text-align:left; } .right{ text-align:right; } .color1{ color:#f36910 !important; } .color2{ color:#043b74; } .color3{ color:#141414; } .color4{ color:#777; } .color_red{ color:#e60600; } .bg1{ background:#f36910; } .bg2{ background:#043b74; } .bg3{ background:#141414; } .bg_red{ background:#e14337; } .bg4{ background:#1e3da8; } .bg5{ background:#42bcc2; } .bg6{ background:#e9c20e; } .bg7{ background:#e34d66; } .bg8{ background:#803da6; } .bg9{ background:#e03030; } .bg10{ background:#67b11f; } .bg11{ background:#d26cca; } .bg12{ background:#8a8fc1; } .bg13{ background:#bf6530; } .bg14{ background:#bd903f; } .bg15{ background: #bb0028; } /* 2023.06.30 kjun 수업자료 배경색상*/ .bg38{ background: #06d3e8; } /* 2024.03.12 전학년, 저학년, 고학년 배경색상 */ .bg39{ background: #4500f2; } .bg40{ background: #ea4410; } .bg41{ background: #12d1a1; }/*2024.04.15 유치원 배경색상*/ .round{ border-radius:4px; } .font_bold{ font-weight:500; } .img_wrap{} .img_wrap img{ width:auto; max-width:100%; } .clearbox{} .clearbox:after{ display:block; content:''; clear:both; } .a100{ padding:0; } .a100 a{ display:block; } /*------------------------------------ 체크박스 디자인 변경 ------------------------------------*/ /* input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } input[type="checkbox"] + label {display: inline-block;position: relative;cusor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 18px;height: 18px;line-height: 18px;margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background: #fafafa;} input[type="checkbox"] + label:before {border: 1px solid #cacece;border-radius: 3px;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);} [type="checkbox"] + label:active:before, .checkbox-container input[type="checkbox"]:checked + label:active:before {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} input[type="checkbox"]:checked + label:before {content: '2713';color: #314ca2;text-shadow: 1px 1px white;background: #f1f4ff;border-color: #adb8c0;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);} */ /*------------------------------------ 헤더 ------------------------------------*/ #header{ z-index:8; position:relative; background:#fff; } /* 스몰메뉴 */ .top_menu_block{ border-bottom:1px solid #eee; } .top_menu_wrap{ } .top_menu_wrap:after{ display:block; content:''; clear:both; } .top_menu_wrap li{ float:left; position:relative; font-size:13px; line-height:30px; font-weight:300; letter-spacing:-0.2px; } .top_menu_wrap li a{ display:block; position:relative; padding:0 10px 0 11px; color:#9d9d9d; } .top_menu_wrap li > a{ padding:0 10px 0 11px; } .top_menu_wrap li a:hover{ color:#555; } .top_menu_wrap li > a:before{ position:absolute; left:0; top:50%; margin-top:-5px; content:""; width:1px; height:10px; background:#ddd; } .top_menu_wrap li:first-child a:before{ display:none; } .top_menu_wrap .top_menu_left{ float:left; } .top_menu_wrap .top_menu_left:after{ display:block; content:''; clear:both; } .top_menu_wrap .top_menu_left li:first-child a{ padding-left:0; } .top_menu_wrap .top_menu_left li.on{ background:#fff; } .top_menu_wrap .top_menu_left li.on:before{ z-index:3; position:absolute; left:0; bottom:-1px; content:''; width:100%; height:1px; background:#fff; } .top_menu_wrap .top_menu_left li.on a{ color:#f36910; background:#fff; } .top_menu_wrap .top_menu_left li.on a:before{ z-index:2; position:absolute; left:0; top:0; content:''; margin-top:0; width:1px; height:100%; background:#eee; } .top_menu_wrap .top_menu_left li.on a:after{ z-index:2; position:absolute; right:-1px; top:0; content:''; width:1px; height:100%; background:#eee; } .top_menu_wrap .top_menu_right{ float:right; } .top_menu_wrap .top_menu_right:after{ display:block; content:''; clear:both; } .top_menu_wrap .top_menu_right li{ } .top_menu_wrap .top_menu_right li a{} .top_menu_wrap .top_menu_right li:last-child a{ padding-right:0; } .top_menu_wrap .small_menu_wrap{ } .top_menu_wrap .small_menu_wrap:hover > a{ color:#555; } .top_menu_wrap .small_menu_wrap:hover > a:before{ z-index:2; position:absolute; left:0; top:0; content:''; margin-top:0; width:1px; height:100%; background:#ddd; } .top_menu_wrap .small_menu_wrap:hover > a:after{ z-index:2; position:absolute; right:-1px; top:0; content:''; width:1px; height:100%; background:#ddd; } .top_menu_wrap .small_menu_wrap div{ display:none; z-index:5; position:absolute; left:0; top:100%; width:100%; border:1px solid #ddd; border-width:1px 0 1px 1px; border-top:none; border-radius:0 0 2px 2px; } .top_menu_wrap .small_menu_wrap:hover div{ display:block; width:101%; } .top_menu_wrap .small_menu_wrap div a{ line-height:23px; font-size:13px; background:#fff; } .top_menu_wrap .small_menu_wrap div a:before{ position:absolute; right:0; top:0; content:''; margin-top:0; width:1px; height:100%; background:#ddd; } .top_menu_wrap .small_menu_wrap div a:first-child{ padding-top:5px; border-top:1px solid #eee; } .top_menu_wrap .small_menu_wrap div a:last-child{ padding-bottom:3px; } /* .cart span{ display:inline-block; margin-left:1px; padding:0 6px; border-radius:15px; background:#f36910; color:#fff; } .cart span{ font-weight:400; font-size:12px; line-height:18px; vertical-align:1px; text-align:center; letter-spacing:-0.2px; } */ .cart span{ margin-left:1px; color:#f36910; font-weight:400; line-height:28px; font-size:11px; text-decoration:underline; vertical-align:2px; } /* 상단탑배너 추가:jsy:20230102 */ .new_right_topbanner{position:absolute; top:10px; right:15px; z-index:9;} .new_right_topbanner img{max-width:100%; width:105px; margin:0 auto; } .new_right_top_hover{position:absolute; top:10px; right:15px; display:none; z-index:8;} .new_right_top_hover img{max-width:100%; width:600px; margin:0 auto; border-radius:10px; } /* 로고 */ .top_logo_wrap{ height:125px; padding-top:25px; } .logo{ position:absolute; left:0; top:2px; } .logo a{ display:block; } .logo a img{ width:270px !important; height:auto !important; } /* 검색바 */ .src_words_block{ position:relative; width:49.1%; max-width:629px; margin:2px auto 0; border-bottom:2px solid #111; } .src_words_block:after{ display:block; clear:both; content:''; } .search_wrap{ float:left; width:63.9%; overflow:hidden; } .search_text_box{ float:left; width:86.1%; padding: 0; height:36px; line-height:36px; font-size:14px; border:none; color:#777; font-weight:300; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; } .search_text_box:focus{ color:#333; } .search_btn{ float:left; width:13.9%; max-width:45px; height:auto; padding:0; border:none; } .src_words_block .search_wrap input{ text-align: center; padding-right:0; } .search_wrap input::-ms-input-placeholder { color:#777; } /* Internet Explorer 10 이상에 적용 */ .search_wrap input::-webkit-input-placeholder { color:#777; } /* Webkit, Blink, Edge에 적용 */ .search_wrap input::-moz-placeholder { color:#777; } /* Mozilla Firefox에 적용 */ /* 211201_도서검색 추가 */ .book_search { display:none; position:absolute; top:0; left:0; } .book_search:before{display:block; content:'도서검색'; font-size:12px; line-height:16px; color:#61cbea; text-align: center; margin:-10px 0 0 2px; } .book_search input[type="checkbox"] {position: absolute; visibility: hidden; } .book_search label { display: block; position:absolute; top:7px; width:48px; height:22px; border-radius:100px; background-color:#ddd; transition-duration: 0.2s; } .book_search label span { position: absolute; left:5px; top:3px; z-index: 1; width:16px; height:16px; border-radius: 50%; background-color: #fff; transition-duration: 0.2s;} .book_search label:before, label:after{ position: absolute; top:0; width:28px; font-size:10px; line-height:22px; color: #fff; text-align: center; } .book_search label:before { left: 0; content: 'On'; } .book_search label:after { right: 0; content: 'Off'; } .book_search input:checked + label { background-color:#61cbea; } .book_search input:checked + label span { transform: translateX(22px); transition:ease all .2s; } /* 실시간 검색어 키워드 */ .src_keyword_block{position:relative; width:49.1%; max-width:629px; margin:0 auto; text-align:center; } .src_keyword_wrap{ margin-top:9px; display:inline-block; } .src_keyword_wrap:after{ display:block; content:''; clear:both; } .src_keyword_wrap a{ float:left; margin-left:17px; color:#888; font-weight:300; font-size:13px; line-height:15px; } .src_keyword_wrap a:first-child{ margin-left:0; } .src_keyword_wrap span{ display:none; color:#777; font-size:12px; } /* 실시간 검색어 */ .top_roll_wrap{ position:relative; float:left; width:36.1%; padding-left:4px; } .top_roll_wrap:before{ position:absolute; left:0; top:50%; content:''; margin-top:-11px; width:1px; height:22px; background:#111; } .top_roll_wrap:after{ display:block; clear:both; content:''; } #hotkeyword{ overflow:hidden; height:36px; position:relative; z-index:2; } #hotkeyword li a{ overflow:hidden; display:block; color:#222; font-size:16px; } #hotkeyword li a span{ display:block; float:left; line-height:36px; text-align:center; } #hotkeyword li a span.no{ width:17.5%; color:#f36910; font-weight:700; font-size:19px; } #hotkeyword li a strong{ display:block; float:left; width:82.5%; line-height:36px; font-weight:400; } #hotkeyword li a strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; } .top_roll_wrap li a strong{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #hotkeyword li a span:nth-of-type(2){ display:none; width:17.9%; color:#555; } .hotkeyword-layer{ z-index:3; display:none; position:absolute; top:0; right:0px; padding:19px 25px 22px; width:100%; border:1px solid #ddd; border-radius:10px; background:#fff; box-shadow:0px 5px 10px rgba(0,0,0,0.15); } .hotkeyword-layer h5{ color:#000; font-size:17px; font-weight:500; } .hotkeyword-layer p{ padding-bottom:1px; font-size:13px; color:#777; } .hotkeyword-layer ol li{ margin-top:8px; } .hotkeyword-layer ol li a{ overflow:hidden; display:block; color:#222; } .hotkeyword-layer ol li a:hover{ color:#f36910; } .hotkeyword-layer ol li a span{ display:block; float:left; line-height:22px; } .hotkeyword-layer ol li a span{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .hotkeyword-layer ol li a span.no{ width:17%; color:#999; font-weight:400; font-size:13px; } .hotkeyword-layer ol li a:hover span.no{ color:#666; } .hotkeyword-layer ol li a strong{ display:block; float:left; width:83%; font-size:14px; font-weight:400; line-height:22px; } .hotkeyword-layer ol li a strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; } .hotkeyword-layer ol li a span:nth-of-type(2){ display:none; width:17.9%; color:#555; font-size:11px; text-align:center; } .top_roll_wrap:hover .hotkeyword-layer{ display:block; } /* 스몰 배너 */ .bx_slider_wrap{ overflow:hidden; position:absolute; right:15px; top:19px; width:215px; height:75px; background:url(/data/skin/default_gl/img/bx_banner.jpg) no-repeat center; background-size:100%; } .bx_slider_wrap .slider > div > a{ display:block; } .bx_slider_wrap .slider > div > a > img{ width:auto; max-width:100%; } /* bx_banner */ .bx_slider_wrap .bx-wrapper{ position: relative; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx_slider_wrap .bx-wrapper img{ max-width: 100%; display: block; } .bx_slider_wrap .bx-viewport{ /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } .bx_slider_wrap .bx-viewport .slider > div{ z-index:1 !important; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx_slider_wrap .bx-wrapper .bx-prev{ right:14px; background:url(/data/skin/default_gl/img/arrow_right.jpg) no-repeat center; transform:rotate(-180deg); } .bx_slider_wrap .bx-wrapper .bx-prev:hover, .bx_slider_wrap .bx-wrapper .bx-prev:focus{ } .bx_slider_wrap .bx-wrapper .bx-next{ right:0; background:url(/data/skin/default_gl/img/arrow_right.jpg) no-repeat center; } .bx_slider_wrap .bx-wrapper .bx-next:hover, .bx_slider_wrap .bx-wrapper .bx-next:focus{ } .bx_slider_wrap .bx-wrapper .bx-controls-direction a{ z-index:1; display:block; position:absolute; top:9px; width:15px; height:15px; font-size:0; border:1px solid #eee; } .bx_slider_wrap .bx-wrapper .bx-controls-direction a:hover, .bx_slider_wrap .bx-wrapper .bx-controls-direction a:focus{ border-color:#ddd; } .bx_slider_wrap .bx-wrapper .bx-controls-direction a.disabled { display: none; } .top_logo_wrap .anibanner_navigation_paging{ width:26px !important; margin:0 !important; position:absolute !important; right:0; top:0; } .top_logo_wrap ul.anibanner_navigation_paging_style_4 li{ width:13px !important; height:13px !important; margin:0 !important; background:url(/data/skin/default_gl/img/arrow_right.jpg) no-repeat center !important; } .top_logo_wrap ul.anibanner_navigation_paging_style_4 li{ border:1px solid #eee; font-size:0; } .top_logo_wrap ul.anibanner_navigation_paging_style_4 li:first-child{ transform:rotate(-180deg); } .top_logo_wrap ul.anibanner_navigation_paging_style_4 .paging_btn_body{ display:none; } /*------------------------------------ 탑메뉴 ------------------------------------*/ #layout_topBar_fixed_area{ z-index:7; position:relative; border-top:1px solid #eee; border-bottom:1px solid #ddd; background:#fff; } /* tyzh2818 플로팅영역 개선 type2 */ #layout_topBar_fixed_area.flying {height: 64px;} #layout_topBar_fixed_area.flying .ltc_box_wrap {margin-top:6px; display: none;} #layout_topBar_fixed_area.flying .gnb_content {height: 64px; line-height: 62px;} #layout_topBar_fixed_area .floating_search2 {display: none;} #layout_topBar_fixed_area .floating_logo2 {display: none;} #layout_topBar_fixed_area .floating_logo {display: none;} #layout_topBar_fixed_area ul.top_menu_right {display: none;} #layout_topBar_fixed_area .mallcode_wrap .mallcode001 span{position: relative;top: 2px;display: inline-block;animation: bounce .3s ease infinite alternate;} #layout_topBar_fixed_area .mallcode_wrap .mallcode001 span:nth-child(2) {animation-delay: .1s;} #layout_topBar_fixed_area .mallcode_wrap .mallcode001 span:nth-child(3) {animation-delay: .2s;} @keyframes bounce { 100% { top: -2px; } } #layout_topBar_fixed_area.flying {height: 64px;} #layout_topBar_fixed_area.flying .gnb_content {height: 64px; line-height: 62px;} #layout_topBar_fixed_area.flying .floating_search { display: inline-flex !important; align-items: center; margin: 0 48px;} #layout_topBar_fixed_area.flying .floating_search::before {border-radius: 36px; border:2px solid #f36910; display: block; position: absolute; content: ''; width: 19.2vw; height: 4vh; z-index: -9;} #layout_topBar_fixed_area.flying .floating_search input { border:none; background: none;} #layout_topBar_fixed_area.flying .floating_search input:last-child { padding-left:10px;} #layout_topBar_fixed_area.flying .floating_logo {display: inline-flex !important; align-items: center; transform:translate(20px,3px);} #layout_topBar_fixed_area.flying .designCategoryNavigation { width: 64px; min-width: 4% !important; max-width: none;} #layout_topBar_fixed_area.flying .designCategoryNavigation:before {width: 98%;} #layout_topBar_fixed_area.flying .designCategoryNavigation::after {width: 98%;} #layout_topBar_fixed_area.flying .top_allcate {width: 64px;} #layout_topBar_fixed_area.flying .top_allcate > a {text-indent: -10000px; width: 97%; height: 62px; background-image: url("/data/skin/default_gl/img/sitemap.png"); background-repeat: no-repeat; background-position: center; transition: width 2s ease-in 1s; } #layout_topBar_fixed_area.flying .ltc_box {border:none;} #layout_topBar_fixed_area.flying .ltc_box_wrap {margin-top:6px; display: none;} #layout_topBar_fixed_area.flying .eventboard_wrap {display: none;} #layout_topBar .flying{ z-index:10; position:fixed; left:0; top:0; width:100%; } #layout_topBar .flying .mallcode_wrap{ display: none;} #layout_topBar .flying .mallcode_wrap{ display: inline-flex; float: right; height: 64px; letter-spacing: -.1em; align-items: center;} #layout_topBar_fixed_area.flying .floating_search2 { display: inline-flex !important; align-items: center; margin-left: 2vw;} #layout_topBar_fixed_area.flying .floating_search2::before {border-radius: 36px; border:2px solid #f36910; display: block; position: absolute; content: ''; width: 18vw; height: 4vh; z-index: -9;} #layout_topBar_fixed_area.flying .floating_search2 input { border:none; background: none;} #layout_topBar_fixed_area.flying .floating_search2 input:last-child { position: relative; transform: translateX(.8vw);} #layout_topBar_fixed_area.flying .floating_logo2 {display: inline-flex !important; align-items: center; transform:translate(15px,0);} #layout_topBar .flying #layout_topBar_fixed_area{ border-top-color:#fff; } .gnb_content{ position:relative; height:48px; } .gnb_content:after{ display:block; content:''; clear:both; } @media (min-width: 1440px) and (max-width: 1600px) { #layout_topBar_fixed_area.flying .floating_logo2 {transform: translatex(6px);} #layout_topBar_fixed_area.flying .floating_logo2 img {width: 140px !important;} #layout_topBar_fixed_area.flying .floating_search2 {margin: 0 1vw; width: 17vw; transform: translateY(-2px);} #layout_topBar_fixed_area.flying .floating_search2 form {display: flex;} #layout_topBar_fixed_area.flying .floating_search2 form input.search_text_box{width: 15.6vw !important;} #layout_topBar_fixed_area.flying .floating_search2 form input.search_icon{padding: none !important;} #layout_topBar_fixed_area.flying .floating_search2 input:last-child {transform: translateX(-.9vw);} #layout_topBar_fixed_area.flying .floating_search2::before{width: 19.2vw; height: 4vh; z-index: -9; margin-left:.4vw ;} } @media (min-width: 1018px) and (max-width: 1439px) { #layout_topBar_fixed_area.flying .floating_logo2 {transform: translatex(6px);} #layout_topBar_fixed_area.flying .floating_logo2 img {width: 140px !important;} #layout_topBar_fixed_area.flying .floating_search2 {margin: 0 1vw; width: 17vw; transform: translateY(-2px);} #layout_topBar_fixed_area.flying .floating_search2 form {display: flex;} #layout_topBar_fixed_area.flying .floating_search2 form input.search_text_box{width: 15.6vw !important;} #layout_topBar_fixed_area.flying .floating_search2 form input.search_icon{padding: none !important;} #layout_topBar_fixed_area.flying .floating_search2 input:last-child {transform: translateX(-2.4vw);} #layout_topBar_fixed_area.flying .floating_search2::before{width: 19.2vw; height: 4vh; z-index: -9; margin-left:.4vw ;} } /* 전체 카테고리 */ .designCategoryNavigation{ position:relative; float:left; width:17%; min-width:190px; max-width:218px; margin-right:15px; } .designCategoryNavigation:before{ position:absolute; left:0; top:-1px; content:''; width:100%; height:1px; background:#f36910; } .designCategoryNavigation:after{ position:absolute; left:0; bottom:-1px; content:''; width:100%; height:1px; background:#f36910; } .top_allcate{ position:relative; text-align:center; } .top_allcate > a{ display:block; background:#f36910; color:#fff; font-size:17px; line-height:48px; font-weight:400; } .top_allcate > a img{ margin-right:14px; vertical-align:-2px; } /* 전체 카테고리 열림 */ .categoryAll_wrap{ z-index:5; position:absolute; left:0; top:100%; text-align:left; } .categoryAllContainer{ } .categoryAll{ position:relative; width:776px; border:1px solid #f36910; background:#fff; } .categoryAll > ul{ position:relative; height:460px; } .categoryAll > ul > li{ overflow:hidden; } .categoryAll > ul > li a{ display:block; font-weight:400; color:#333; } .categoryAll > ul > li > a{ float:left; position:relative; padding-left:19px; width:218px; font-size:15px; line-height:41px; background:#fff; border-bottom:1px solid #eee; } .categoryAll > ul > li > a:hover{ background:#fef0e7; } .category_menu{ } .categoryAll > ul > li:first-child > a{ border-top:none; } .categoryAll > ul > li > ol{ z-index:-1; position:absolute; left:218px; top:0; width:218px; height:100%; padding-top:19px; border-left:1px solid #eee; background:#fff; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s; opacity:0; } .categoryAll > ul > li > ol > li{} .categoryAll > ul > li > ol > li > a{ padding-left:30px; font-size:14px; line-height:30px; } .categoryAll > ul > li > ol > li > a span{ display:inline-block; line-height:30px; color:#333 !important; font-weight:400 !important; } .categoryAll > ul > li > ol > li > a:hover{ color:#f36910; } .categoryAll > ul > li > ol > li > a span{ } .categoryAll > ul > li > ol > li > a:hover span{ color:#f36910 !important; } .categoryAll > ul > li > div{ z-index:-1; position:absolute; right:0; top:0; width:338px; height:100%; padding:19px 28px 0; border-left:1px solid #eee; background:#fff; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s; opacity:0; } .categoryAll > ul > li.active > a{ color:#333; background:#fef0e7; } .categoryAll > ul > li.active > a.category_menu:after{ position:absolute; right:21px; top:0; content:''; width:5px; height:100%; background:url(/data/skin/default_gl/img/arrow_right.png) no-repeat center; background-size:100%; } .categoryAll > ul > li.active > ol{ z-index:1; opacity:1; } .categoryAll > ul > li.active > div{ z-index:1; opacity:1; } .categoryAll > ul > li .logo_box_wrap{ display:none; right:auto; top:auto; left:218px; bottom:29px; width:218px; height:auto; background:none; } .categoryAll > ul > li:nth-child(8) .logo_box_wrap{ display:block; } .categoryAll > ul > li .logo_box{ } .categoryAll > ul > li .logo_box a{ margin-top:8px; padding:7px 0; border:1px solid #eee; background:#fff; text-align:center; } .categoryAll > ul > li .logo_box a img{ } .sitemap_best_wrap h5{ font-size:20px; color:#333; } .sitemap_best_wrap .goods_name{ height:40px !important; } .sitemap_best_wrap .sale_price{ display:none !important; } .sitemap_best_wrap div ul li .product_contents{ margin-top:2px; } .sitemap_best_wrap div ul li .product_contents li{ width:46%; margin-left:6%; margin-top:10px; } .sitemap_best_wrap div ul li .product_contents li:nth-child(2n+1){ margin-left:0; } .sitemap_best_wrap div ul li .product_contents > li > a .img_wrap{ height:129.25px; margin-bottom:10px; } /* 메뉴 */ .mallcode001{ position:relative; float:left; } .mallcode001 a{ display:block; padding:0 8px; line-height:48px; font-weight:400; font-size:17px; color:#222; } .mallcode001 a:hover, .mallcode001 a.active{ color:#000; } .mallcode001:hover .mallcode001_2{ display:block; } .mallcode001_2{ display:none; position:absolute; left:-8%; top:48px; padding:7px 0; width:116%; background:#fff; border:1px solid #ddd; text-align:center; } .mallcode001_2 a{ padding:0 15px; font-size:15px; line-height:32px; color:#555; } .mallcode001_2 a:hover, .mallcode001_2 a.active{ color:#000; } .gnb_tip a:before{ position:absolute; left:12px; top:3px; content:'EVENT'; font-size:10px; line-height:13px; color:#e14337; font-weight:500; } h1.gnb_tip:before{ position:absolute; left:1px; top:-2px; content:'EVENT'; font-size:14.3px; line-height:16px; color:#e14337; font-weight:500; } h1.gnb_tip.jsy{position:relative; } .gnb_tip.jsy a:before{display:none;} .gnb_tip.jsy .more_btn{ position:absolute; right:0; bottom:14px; } .gnb_tip.jsy .more_btn span{ position:relative; padding-right:14px; font-size:16px; color:#444; font-weight:400; } .gnb_tip.jsy .more_btn span:after{ position:absolute; right:1px; top:0; content:''; width:4px; height:18px; background:url(/data/skin/default_gl/img/arrow_right.png) no-repeat center; background-size:100%; } /* 학년별, 테마별 */ .ltc_box_wrap{ position:relative; float:right; width:20%;} .ltc_box_wrap:after{ display:block; content:''; clear:both; } .ltc_box{ position:relative; float:left; width: 49%; height: 40px; top: 4px; border-radius: 30px; border: 1px solid #cfcfcf;} .ltc_box:last-child{ margin-left: 4px;} .ltc_box:last-child > a.active{background-color: #3ead46;} .ltc_box > a{position:relative; display:block; min-width:93px; padding:0 0 0 20px; font-size:15px; line-height:40px; color:#333; font-weight:400; } .ltc_box > a.active{ border-radius: 18px 18px 0 0; color:#eee; background-color: #2b90de;} .ltc_box > a.active::after{ position:absolute; right:14px; top:.72em; content:''; width:1.2em; height:1.2em; background:url(/data/skin/default_gl/img/arrow_bottom.png) no-repeat center; background-color: #eeeeee ; border-radius: 10px; transition:ease all .3s; transform:rotate(180deg);} .ltc_box > a.active:hover{ font-weight:400;} .ltc_box > a:after{ position:absolute; right:14px; top:.72em; content:''; width:1.2em; height:1.2em; background:url(/data/skin/default_gl/img/arrow_bottom.png) no-repeat center; background-color: #eeeeee ; border-radius: 10px;} .ltc_box .cm_s_cate{ z-index:3; display:none; position:absolute; left:0; top:100%; width:100%; background:#fff; border:1px solid #eee; border-radius: 0 0 18px 18px; } .ltc_bd .cm_s_cate a:hover{ font-weight: 400; color:#2b90de !important; } .ltc_box .cm_s_cate a{ display:block; font-size:13px; color:#313131; line-height:24px; padding:5px 15px; font-weight:400;letter-spacing: -.1em; } .ltc_box .cm_s_cate a:first-child{ padding-top:8px; } .ltc_box .cm_s_cate a:last-child{ padding-bottom:8px; } .ltc_box .cm_s_cate a:hover{ font-weight: 400; color:#3ead46; } /*------------------------------------ 퀵메뉴 ------------------------------------*/ .rightQuickMenuWrap2{ z-index:2; position:fixed; right:0; top:0 !important; width:108px; height:100vh; padding-top:199px; border-left:1px solid #ddd; background:#fff; text-align:center; } .rightQuickMenu{ } .rightQuickMenu a{ display:inline-block; } .rightQuickMenu img{ width:auto !important; max-width:100%; height:auto !important; max-height:100%; } .rightQuickMenu > ul{} .rightQuickMenu > ul > li{ border-bottom:1px solid #eee; /* position:relative; */ } /* .rightQuickMenu > ul > li:after{ content:""; display:none; position:absolute; top:0; left:-6px; width:6px; height:100%; border-radius:3px 0 0 3px; border:none; font:normal 0px "FontAwesome"; line-height:36px; color:rgba(255,255,255,0); transition:.2s ease } .rightQuickMenu > ul > li:hover:after{ left:-28px; width:28px; font-size:15px; color:rgba(255,255,255,1) } .rightQuickMenu > ul > li:nth-child(7):after{ background:#777; content:"" } .rightQuickMenu > ul > li:nth-child(7):hover:after{ background:#ddd; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(7):hover a{ background:#ddd; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(8):after{ background:#ffa56b; content:"" } .rightQuickMenu > ul > li:nth-child(8):hover:after{ background:#fdc162; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(8):hover a{ background:#fdc162; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(9):after{ background:#ffe164; content:"" } .rightQuickMenu > ul > li:nth-child(9):hover:after{ background:#ffe164; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(9):hover a{ background:#ffe164; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(10):after{ background:#afe2a5; content:"" } .rightQuickMenu > ul > li:nth-child(10):hover:after{ background:#b6ec82; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(10):hover a{ background:#b6ec82; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(11):after{ background:#61cbea; content:"" } .rightQuickMenu > ul > li:nth-child(11):hover:after{ background:#84dffa; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(11):hover a{ background:#84dffa; color:rgba(0,0,0,.95) } */ .rightQuickMenu > ul > li:nth-child(9) { background-image: linear-gradient(-225deg,#F36910 0%,#A52600 29%,#600000 67%,rgba(0,0,0,.95) 100%); background-size: auto auto; background-clip: border-box; background-size: 200% auto; color: #fff; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; z-index: 1;} @keyframes textclip { to { background-position: 200% center; } } .rightQuickMenu > ul > li:nth-child(9) a { font-weight: 600; } .rightQuickMenu > ul > li:nth-child(9) a:hover { font-size: 13.8px; } .rightQuickMenu > ul > li:nth-child(7):hover a{ background:#e9e9e9; color:#000 !important;} .rightQuickMenu > ul > li:nth-child(8):hover a{ background:#ddd; color:#000 !important;} /* .rightQuickMenu > ul > li:nth-child(9):hover a{ background:#fdc162; color:rgba(0,0,0,.95);} */ .rightQuickMenu > ul > li:nth-child(10):hover a{ background:#ffe164; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(11):hover a{ background:#b6ec82; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(12):hover a{ background:#84dffa; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(13):hover a{ background:#e3a8ff; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(14):hover a{ background:#ffa8d3; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(15):hover a{ background:#ffc0cd; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li:nth-child(16):hover a{ background:#ffc0cd; color:rgba(0,0,0,.95) } .rightQuickMenu > ul > li > a{ display:block; } .rightQuickMenu > ul > li a{ font-size:13px; color:#444; font-weight:400; line-height:36px; letter-spacing:-1px; } .rightQuickMenu > ul > li a > span{ display:inline-block; font-size:14px; font-weight:500; line-height:36px; } .rightQuickMenu > ul > li a:hover{ color:#444; } #right_cart_total_amount{ display:block; font-size:14px; font-weight:500; margin-top:-8px; margin-bottom:3px; } .rightQuickMenu > ul > li.quick_cart{ } .rightQuickMenu > ul > li.quick_cart a{ padding:19px 0 5px; color:#222; font-size:13px; font-weight:400; line-height:29px; } .rightQuickMenu > ul > li.share_cart_txt > div{ height:36px; } .rightQuickMenu > ul > li.cart_notice{ background:#fafafa; } .rightQuickMenu > ul > li.cart_notice a{ letter-spacing:-0.5px; font-size:12px; color:#333; } .rightQuickMenu > ul > li.quick_wish_wrap a{ color:#222; font-size:13px; font-weight:400; } .rightQuickMenu > ul > li.itemList_wrap{ border-bottom:none; } .rightQuickMenu > ul > li.itemList_wrap a{ color:#222; font-size:13px; font-weight:400; } .rightQuickMenu > ul > li.quick_top{ border-bottom:none; } .rightQuickMenu > ul > li.quick_top a{ background:#f36910; line-height:35px; font-size:14px; font-weight:400; color:#fff; } .rightQuickMenu > ul > li.quick_top a:hover{ background:#043b74; /* font-weight:700; letter-spacing:1px */ } .rightQuickMenu > ul > li.quick_top img{ vertical-align:0; } .rightQuick_close{ display:none !important; } .ropen{ display:none !important; /* z-index:2; position:fixed; right:0; top:0; width:95px; padding-top:179px; border-left:1px solid #ddd; background:#fff; text-align:center; */ } .ropen .openbtn{} .ropen .openbtn a{} /* 최근 본 상품 */ .rightQuickMenuWrap2 .right_itemList{ height:121px; padding:0 7px 16px; } .rightQuickMenuWrap2 .right_itemList ul{ height:90px; padding-bottom:10px; } .rightQuickMenuWrap2 .right_itemList ul li{ position:relative; } .rightQuickMenuWrap2 .right_quick_goods_box { position:relative; } .rightQuickMenuWrap2 .right_quick_goods_box > p{ font-size:12px; line-height:18px; color:#777; } .rightQuickMenuWrap2 .right_quick_goods_box a.right_quick_goods{ position:relative; display:block; overflow:hidden; height:80px; } .rightQuickMenuWrap2 .right_quick_goods_box a img{ position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; } .rightQuickMenuWrap2 .right_quick_goods_box a img{ width:auto; max-width:100%; height:auto; max-height:100%; border:none !important; } .rightQuickMenuWrap2 .right_quick_goods_box a.right_quick_btn_delete{ position:absolute; top:0px; left:auto !important; right:0 !important; width:17px; height:17px; visibility:hidden; } .rightQuickMenuWrap2 .right_quick_paging{ position:relative; } .rightQuickMenuWrap2 .right_quick_paging > a{ position:absolute; top:0; border:1px solid #eee; } .rightQuickMenuWrap2 .right_quick_paging > a:hover{ border-color:#ddd; } .rightQuickMenuWrap2 .right_quick_paging .right_quick_btn_prev{ left:8px; transform:rotate(-180deg); } .rightQuickMenuWrap2 .right_quick_paging .right_quick_btn_next{ right:8px; } .rightQuickMenuWrap2 .right_quick_paging .right_page_box{ display:inline-block; } .rightQuickMenuWrap2 .right_quick_paging .right_page_box span{ color:#929395; font-weight:500; font-size:12px; line-height:15px; } .rightQuickMenuWrap2 .right_quick_paging .right_page_box span:first-child{ color:#222; } /*------------------------------------ 유튜브 영상 반응형 ------------------------------------*/ .board_video_wrap{ overflow:hidden; position:relative; display:inline-block; width:100%; max-width:1060px; height:0; margin:0 auto; padding-bottom:56.25%; padding-top:30px; } .board_video_wrap iframe{ position:absolute; top:0; left:0; width:100%; height:100%; } /*------------------------------------ 푸터 ------------------------------------*/ #footer{} .footer_bar_block{ border:1px solid #eee; border-width:1px 0; } .footer_bar_wrap{ overflow:hidden; } .footer_bar{ overflow:hidden; float:left; } .footer_bar li{ float:left; } .footer_bar li a{ display:block; position:relative; padding:0 14px 0 15px; line-height:54px; color:#666; } .footer_bar li a:hover{ color:#444; } .footer_bar li:nth-child(3) a{ font-weight:500; } .footer_bar li:first-child a{ padding-left:0; } .footer_bar li a:before{ position:absolute; left:0; top:50%; margin-top:-6px; content:""; width:1px; height:12px; background:#ddd; } .footer_bar li:first-child a:before{ display:none; } .main_notice_wrap{ overflow:hidden; float:right; width:31.1%; max-width:387.5px; padding:0 24px 0 28px; padding:0 1.8% 0 2.2%; border:1px solid #eee; border-width:0 1px; } .main_notice_wrap h4{ float:left; color:#444; line-height:54px; letter-spacing:-0.3px; } .main_notice_wrap a{ display:block; line-height:54px; color:#333; } .main_notice_wrap a:hover{ color:#141414; } .main_notice_wrap .main_notice_subject{ float:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:93%; max-width:300px; color:#333; } .main_notice_wrap b{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .main_notice_wrap a:hover b{ color:#043b74; } .main_notice_wrap .main_notice_more{ float:right; width:18px; height:54px; font-size:0; background:url(/data/skin/default_gl/img/more_btn.png) no-repeat center; background-size:18px; } .main_notice_wrap .main_notice_more:hover{ background:url(/data/skin/default_gl/img/more_btn_blue.png) no-repeat center; background-size:18px; } .copyright_block{ padding:30px 0 35px; background:#f9f9f9; } .copyright_wrap{ overflow:hidden; } .copyright_wrap h1{ width:100%; padding:10px 0 30px; } .copyright_wrap h1 a{ display:block; width:100%; max-width:185px; margin:0; } .copyright_wrap h1 a img{ width:auto; max-width:100%; } address{ width:100%; font-style:normal; } address h3{ padding:0 0 7px; color:#141414; font-size:14px; } address ul{ overflow:hidden; } address ul li{ position:relative; float:left; padding:1px 10px 1px 11px; color:#666; font-size:14px; font-weight:400; } address ul li:first-child{ padding-left:0; } address ul li:last-child{ padding-right:0; } address ul li:before{ position:absolute; left:0; top:50%; margin-top:-5px; content:""; width:1px; height:10px; background:#ddd; } address ul li:first-child:before{ display:none; } address ul li a{ display:inline-block; color:#666; } address ul:last-child li{ font-size:14px; } /*211104_프론트 하단 정보 sns추가 */ .copyright_wrap.centerWrap{ position:relative; } .copyright_sns{ position:absolute; top:10px; right:15px;} .copyright_sns ul{ overflow:hidden; } .copyright_sns ul li{ float:left; width:46.5%; margin-left:7%;} .copyright_sns ul li:first-child{ margin-left:0; } .copyright_sns ul li img{ width:auto; max-width:100%; } .copyright_sns ul li a{display:block;} /*------------------------------------ 서브 상단 공통 레이아웃 ------------------------------------*/ .Sub #layout_config_full{ position:relative; width:100%; max-width:1310px; /* min-width:1024px; */ min-height:570px; margin:0 auto; padding-left:15px; padding-right:15px; padding-top:17px; padding-bottom:100px; } /* .Sub #layout_config_full > img{ width:auto; max-width:100%; } */ /* 서브 경로 path */ .category_depth{ margin-bottom:39px; } .category_depth:after{ clear:both; display:block; content:''; } .category_depth > ul{ } .category_depth > ul > li{ position:relative; float:left; padding-right:24px; color:#555; font-size:14px; line-height:24px; } .category_depth > ul > li:after{ position:absolute; right:9px; top:0; width:5px; height:100%; content:''; background:url(/data/skin/default_gl/img/arrow_right.png) no-repeat center; } .category_depth > ul > li:last-child{ padding-right:0; } .category_depth > ul > li:last-child:after{ display:none; } .category_depth > ul > li > a{ position:relative; display:block; padding-right:21px; color:#555; font-size:14px; line-height:24px; } .category_depth > ul > li > a:after{ position:absolute; right:0; top:0; content:''; width:15px; height:100%; background:url(/data/skin/default_gl/img/category_arrow.png) no-repeat center; } .category_depth > ul > li > a.normal{ cursor:default; } .category_depth > ul > li > a.normal:after{ display:none; } .category_depth > ul > li:hover > a{ color:#333; } .category_depth > ul > li.selected a:after{ transform:rotate(-180deg); } .category_depth > ul > li.home_depth a{ padding-right:0; } .category_depth > ul > li.home_depth a:after{ display:none; } .category_depth > ul > li .sub_menu_list{ display:none; z-index:9999; position:absolute; left:0; top:100%; width:100%; min-width:138px; border:1px solid #888; background:#fff; padding:10px 0; text-align:left; } .category_depth > ul > li:hover .sub_menu_list{ display:block; } .category_depth > ul > li .sub_menu_list a{ display:block; padding:2px 10px; font-size:13px; line-height:18px; color:#777; } .category_depth > ul > li .sub_menu_list a:hover{ color:#f36910; background:#fcfcfc; } /* 미니샵 버튼 */ .mshop_depth{ position:absolute; right:15px; top:17px; } .mshop_depth select{ height:32px; padding-left:10px; line-height:30px; font-size:13px; min-width:140px; } /* 메인 타이틀 */ h1.label{ font-size:25px; font-weight:700; line-height:60px; color:#141414; letter-spacing:-0.5px; } /* 서브 상단 타이틀 */ .sub_title_wrap{ margin-top:-38px; margin-bottom:42px; } .mb_none{ margin-bottom:-8px; } .sub_title{ } .sub_title h1{ font-size:32px; font-weight:700; letter-spacing:-0.5px; color:#141414; } .sub_title h2{ margin-top:30px; font-size:25px; line-height:60px; font-weight:700; letter-spacing:-0.5px; color:#141414; } .sub_title h3{ margin:30px auto 5px; font-size:25px; line-height:60px; font-weight:700; letter-spacing:-0.5px; color:#141414; } .sub_title h4{ font-size:25px; line-height:60px; font-weight:700; letter-spacing:-0.5px; color:#141414; } .sub_title p{ margin-top:10px; } .sub_best_block.jsy .displayTabType2_wrap{display:none;} /* 주문불가 처리 페이지 전용 */ .message_box h3{ margin:0px auto 5px; font-size:25px; line-height:60px; font-weight:700; letter-spacing:-0.5px; color:#141414; } .h3_wrap.gextends{ margin-top:-38px; margin-bottom:42px; } /* 당첨자 발표 */ .h3_wrap.gextends h3{ font-size:32px; font-weight:700; letter-spacing:-0.5px; color:#141414; text-align:center; } /* 베스트 상품 툴팁 */ .sub_title_tip_wrap{ display:inline-block; } .sub_title_tip_wrap:after{ clear:both; display:block; content:''; } .sub_title_tip_wrap h1{ float:left; } .sub_title_tip_wrap .sub_title_tip{ float:left; margin:14px 0 0 12px; } .sub_title_tip{ position:relative; } .sub_title_tip .tip{} .sub_title_tip .pop_select_best{ display:none; width: max-content; z-index:2; position:absolute; left:100%; top:12px; margin-left:-15px; background:#fff; padding:10px 12px; border:1px solid #ddd; border-radius:4px; font-size:13px; color:#555; } .sub_title_tip:hover .pop_select_best{ display:block; } .sub_title_tip.small{ display:inline-block; } .sub_title_tip.small .tip{ vertical-align:middle; } /*------------------------------------ 장바구니_예산맞추기 : 220921_jsy ------------------------------------*/ .Sub .jsy_budget_basket .goodsDisplayImageWrap{ border:none !important; } .Sub .jsy_budget_basket .goodsDisplayImageWrap > a {height:209px !important; background:#fff; } .jsy_budget_basket_title{display:none; } .jsy_budget_basket .jsy_budget_basket_title{display:block; position:relative; text-align:center; padding:9px 0 7px; background:#f3f3f3; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; } .jsy_budget_basket .jsy_budget_basket_title h3{display:inline-block; position:relative; font-size:24px; font-weight:800; color:#141414; } .jsy_budget_basket .jsy_budget_basket_title .jsy_tip_box{display:inline-block; margin-left:4px;} .jsy_budget_basket .jsy_budget_basket_title .jsy_tip_box .jsy_soso_icon{display:inline; line-height:210%; } .jsy_budget_basket .jsy_budget_basket_title .jsy_tip_box .jsy_soso_pop{ display:none; background:#fff; font-size:14px; padding:6px 13px; border-radius:5px; border:solid 1px #ddd; } .jsy_budget_basket .jsy_budget_basket_title .jsy_tip_box:hover .jsy_soso_pop{display:inline-block; position:absolute; margin-left:5px; z-index:2; transition:ease all .4s; } .jsy_soso_icon img{animation-name:jsytip; animation-duration:1s; animation-iteration-count:infinite; } @keyframes jsytip{ 0% { margin-top:0; } 50% { margin-top:3px; } 100% { margin-top:-1px; } } .jsy_budget_basket { background:#fff; border:solid 1px #eee; border-top:none; margin:50px 0 65px; } .jsy_budget_basket ul.product_contents{padding:20px; } .jsy_budget_basket ul.product_contents li{width:18.8%; margin-left:1.5%; padding:0; border:solid 1px #eee; } .jsy_budget_basket ul.product_contents li:first-child{margin-left:0;} .jsy_budget_basket ul.goodsDisplayTextWrap{background:#f9f9f9;} .jsy_budget_basket ul.goodsDisplayTextWrap li{width:auto; border:none; background:none; box-shadow:none; margin:0; padding:0 10px; } .jsy_budget_basket ul.goodsDisplayTextWrap li .goods_name{font-size:14px !important; word-break:keep-all; } .jsy_budget_basket ul.goodsDisplayTextWrap .s_price .sale_price{text-align:left; color:#141414 !important; font-size:19px !important; } .jsy_budget_basket ul.goodsDisplayTextWrap .s_price .consumer_price{font-size:12px; } .jsy_budget_basket .swiper-pagination{display:none; } .jsy_budget_basket .swiper-button-next {opacity:1; z-index:1; top:10px; width:35px; height:35px; margin-top:0; border:solid 1px rgba(255,255,255,.5); background:rgba(255,255,255,.5) url(/data/skin/default_gl/img/arrow_right_middle.png) no-repeat center !important; } .jsy_budget_basket .swiper-button-prev {opacity:1; z-index:1; top:10px; width:35px; height:35px; margin-top:0; border:solid 1px rgba(255,255,255,.5); left:auto; right:50px; background:rgba(255,255,255,.5) url(/data/skin/default_gl/img/arrow_left_middle.png) no-repeat center !important; } .jsy_budget_basket .swiper-button-next:hover{ background:#fff url(/data/skin/default_gl/img/arrow_right_middle.png) no-repeat center !important; transition:Ease all .5s; } .jsy_budget_basket .swiper-button-prev:hover{ background:#fff url(/data/skin/default_gl/img/arrow_left_middle.png) no-repeat center !important; transition:Ease all .5s; } .jsy_budget_basket .jsy_basket_btn{display:inline-block; margin-top:5px; position:relative; float:right; background:#4ab2ff; font-size:14px; color:#fff; padding:3px 10px 2px; border-radius:100px; } .jsy_budget_basket .jsy_basket_btn:hover{padding-right:26px; transition:ease all .4s; background:#043364; } .jsy_budget_basket .jsy_basket_btn:after{position:absolute; content:''; background:url(/data/skin/default_gl/img/jsy_budget_basket_icon_w.png) no-repeat center; background-size:14px auto; width:14px; height:14px; top:5.5px; right:9px; opacity:0; } .jsy_budget_basket .jsy_basket_btn:hover:after{opacity:1; transition:ease all .4s; } /*------------------------------------ 베스트 상품 : 메인, 서브 공통 ------------------------------------*/ /* 탭메뉴2 */ .tab_menu2{ overflow:hidden; float:right; margin-top:-40px; text-align:right; } .tab_menu2 li{ display:inline-block; position:relative; } .tab_menu2 a{ display:block; position:relative; width:13px; height:13px; margin-left:5px; border-radius:100px; font-size:0; background:#fff; border:2px solid #ddd; } .tab_menu2 li.active a{ color:#f36910; border-color:#f36910; background:#f36910; } .tab_list2{ position:relative; /* min-height:397px; */ } .tab_list2 > li{ overflow:hidden; /* position:absolute; left:0; top:0; */ width:100%; height:100%; background:#fff; } .product_contents{ overflow:hidden; } .product_contents > li{ float:left; width:23.575%; margin-left:1.9%; } .product_contents > li:first-child{ margin-left:0; } .product_contents > li a{ display:block; position:relative; } .product_contents > li a .img_wrap{ position:relative; /* height:302px; */ overflow:hidden; margin-bottom:15px; border-radius:4px; border:1px solid #eee; } .product_contents > li a .img_wrap img{ /* position:absolute; left:0; top:0; right:0; bottom:0; height:auto; max-height:100%; margin:auto; */ } .product_contents > li a .img_wrap img{ width:auto; max-width:100%; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; } .product_contents > li a:hover .img_wrap img{ transform:scale(1.1); } .product_contents > li a .youtube_icon{ top:-25px; } /* 기획전 탭메뉴 */ .Sub .displayTabContainer{ *zoom:1; position:relative; background:#fcfcfc; } .Sub .displayTabContainer:before{ position:absolute; right:0; bottom:0; content:''; width:1px; height:100%; background:#eee; } .Sub .displayTabContainer:after{ display:block; content:''; clear:both; } .Sub .displayTabContainer li{ position:relative; float:left; width:16.66% !important; margin-top:-1px; font-size:15px; color:#555; line-height:50px; background:#fcfcfc; border:1px solid #eee; text-align:center; cursor:pointer; } /* .Sub .displayTabContainer li{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .Sub .displayTabContainer li:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } */ .Sub .displayTabContainer li:before{ position:absolute; left:0; top:0; content:''; width:1px; height:100%; } .Sub .displayTabContainer li:nth-child(5n+1):before{ background:#eee; } .Sub .displayTabContainer li:before{ } .Sub .displayTabContainer li.current{ z-index:2; color:#f36910; border-color:#f36910; background:#fff; } .Sub .displayTabContainer li.current:before{ background:#f36910; } .Sub .displayTabContainer li a{ display:block; } .Sub .displayTabContainer li.current a, .Sub .displayTabContainer li a:hover{ color:#f36910; } .Sub .displayTabContainer > li:hover > a{ color:#f36910; } /* 탭메뉴 */ .Sub .displayTabType2_wrap{ /* overflow:hidden; */ position:relative; margin-bottom:10px; } .Sub .displayTabType2_wrap:before{ z-index:1; position:absolute; left:0; top:-1px; content:''; width:100%; height:1px; background:#eee; } .Sub .displayTabType2_wrap:after{ z-index:1; position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#eee; } .Sub .displayTabType2_wrap.jsy:before{background:#fff;} .Sub .displayTabTypeImage_wrap:before{ display:none; } .Sub .displayTabTypeImage_wrap:after{ display:none; } .Sub .displayTabType2{ *zoom:1; position:relative; background:#fcfcfc; } .Sub .displayTabType2:before{ position:absolute; right:0; bottom:0; content:''; width:1px; height:100%; background:#eee; } .Sub .displayTabType2:after{ display:block; content:''; clear:both; } .Sub .displayTabType2 li{ position:relative; float:left; width:20% !important; margin-top:-1px; font-size:15px; color:#555; line-height:50px; background:#fcfcfc; border:1px solid #eee; text-align:center; cursor:pointer; } /* .Sub .displayTabType2 li{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .Sub .displayTabType2 li:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } */ .Sub .displayTabType2 li:before{ position:absolute; left:-1px; top:0; content:''; width:1px; height:100%; } .Sub .displayTabType2 li:first-child {} .Sub .displayTabType2 li:nth-child(5n+1):before{ background:#eee; } .Sub .displayTabType2 li:before{ } .Sub .displayTabType2 li.current{ z-index:2; color:#f36910; border-color:#f36910; background:#fff; } .Sub .displayTabType2 li.current:before{ background:#f36910; } .Sub .displayTabType2 li a{ display:block; } .Sub .displayTabType2 li.current a, .Sub .displayTabType2 li a:hover{ color:#f36910; } .Sub .displayTabType2 > li:hover > a{ color:#f36910; } .Sub .displayTabType2.two li{ width:50% !important; } .Sub .displayTabType2 li .depth_wrap{ display:none; z-index:2; position:absolute; left:0; top:100%; width:100%; } .Sub .displayTabType2 li:hover .depth_wrap{ display:block; } .Sub .displayTabType2 li .depth_wrap li{ float:none; width:100% !important; border-left-width:1px; background:#fff; } .Sub .displayTabType2 li .depth_wrap li a{ line-height:40px; font-size:14px; color:#555; } .Sub .displayTabType2 li .depth_wrap li:before{ display:none; } .designCategoryGoodsDisplay .displayTabType2_wrap{ display:none; } .designSearchGoodsDisplay .displayTabType2_wrap{ display:none; } .designMshopGoodsDisplay .displayTabType2_wrap{ display:none; } /* 기획전 */ .exhibitions_wrap{ } .exhibitions_wrap ul{ overflow:hidden; } .exhibitions_wrap ul li{ position:relative; float:left; font-size:22px; font-weight:500; color:rgba(255,255,255,0.9); line-height:64px; } .exhibitions_wrap ul li:before{ position:absolute; left:0; top:0; content:''; width:1px; height:100%; background-color:rgba(255,255,255,0.4); } .exhibitions_wrap ul li:first-child:before{ display:none; } .exhibitions_wrap ul.one li{ float:none; width:100%; text-align:center; } .exhibitions_wrap ul.two li{ width:50%; } .exhibitions_wrap ul.three li{ width:33.3333%; } .exhibitions_wrap ul.four li{ width:25%; } .exhibitions_wrap ul.five li{ width:20%; } .exhibitions_wrap ul.six li{ width:16.6666%; } .exhibitions_wrap ul.seven li{ width:14.2857%; } .exhibitions_wrap ul.eight li{ width:12.5%; } .exhibitions_wrap ul.nine li{ width:11.1111%; } .exhibitions_wrap ul.ten li{ width:10%; } .exhibitions_wrap ul li a{ display:block; font-size:22px; font-weight:500; color:rgba(255,255,255,0.9); line-height:64px; } .exhibitions_wrap ul li.active a{ color:#fff; } .exhibitions_wrap ul li img{ width:auto; max-width:100%; } .exhibitions_wrap ul.black_txt li{ border-bottom:1px solid #eee; border-right:1px solid #eee; color:#777; } .exhibitions_wrap ul.black_txt li:before{ background-color:#eee; } .exhibitions_wrap ul.black_txt li:first-child:before{ display:block; } .exhibitions_wrap ul.black_txt li a{ color:#777; } .exhibitions_wrap ul.black_txt li.active a{ color:#141414; } /* 추천상품 */ .goods_recommend{ margin-top:50px; } .goods_recommend .displayTabType2_wrap{ display:none; } .Sub .goods_recommend .md_products_wrap{ margin-top:0; } .Sub .goods_recommend .md_products_wrap > ul:first-child{ margin-top:0; } /* 제품영역 */ .Sub .designDisplay{ /* margin-top:60px; */ } .displayTabContentsContainer{ position:relative; overflow:hidden; } .designDisplay .displayTabContentsContainer img{ position:relative; left:auto; top:auto; right:auto; bottom:auto; width:auto; max-width:100%; height:auto; margin: 0 auto;} .goodsDisplayImageWrap > a .goodsDisplayImageSlide img{ display:none; position:relative; left:auto; top:auto; right:auto; bottom:auto; width:auto; max-width:100%; height:auto; } .md_products_wrap > ul{ overflow:hidden; } .md_products_wrap > ul > li{ float:left; } .md_products_wrap > ul > li:first-child{ margin-left:0 !important; } .goodsDisplayItemWrap{ } .goodsDisplayImageWrap{ display:block !important; margin:0 !important; border:1px solid #eee !important; border-radius:4px 0 4px 4px; } .goodsDisplayImageWrap > a{ position:relative; overflow:hidden; display:block; } .goodsDisplayImageWrap > a img{ height:auto; opacity:1 !important; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; } .goodsDisplayWrap:hover .goodsDisplayImageWrap a img{ transform:scale(1.1); } .goodsDisplayTextWrap li a{ position:relative; display:block; padding:10px 0 12px; } .s_icon{ display:none; } .Sub .md_banner_wrap{ display:none; } .Sub .md_products_wrap{ margin-top:5px; } .Sub .md_products_wrap > ul{ margin-top:48px; } .Sub .md_products_wrap > ul:first-child{ margin-top:40px; } .Sub .md_products_wrap > ul > li{ width:23.575%; margin-left:1.9%; } .Sub .goodsDisplayImageWrap{ max-width:100% !important; max-height:none !important; } .Sub .goodsDisplayImageWrap > a{ position:relative; overflow:hidden; display:block; height:299px; } .Sub .goodsDisplayImageWrap > a img{ position:absolute; max-height:100%; height:auto; margin:auto; left:0; top:0; right:0; bottom:0; width:auto; max-width:100%; } /* 위시리스트, 장바구니 담기 버튼 */ .wish_cart_wrap{ display:none !important; z-index:2; overflow:hidden; position:absolute; right:18px; bottom:18px; opacity:0; filter: alpha(opacity=0); } .wish_cart_wrap{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .wish_cart_wrap a{ display:block; float:left; width:38px; height:38px; font-size:0; border-radius:100px; } .wish_cart_wrap a:first-child{ margin-right:10px; background:#fff url(/data/skin/default_gl/img/wish_plus.png) no-repeat center; background-size:22px; } .wish_cart_wrap a:last-child{ background:#fff url(/data/skin/default_gl/img/cart_plus.png) no-repeat center; background-size:22px; } .goodsDisplayWrap:hover .wish_cart_wrap{ opacity:1; filter: alpha(opacity=100); } .product_contents > li > div:hover .wish_cart_wrap{ opacity:1; filter: alpha(opacity=100); } /* 제품명, 가격 */ .goods_name{ display:block; overflow:hidden; height:40px; font-size:15px !important; line-height:20px; color:#333 !important; font-weight:400 !important; } .sale_price{ display:block; font-size:22px !important; color:#f36910 !important; font-weight:700 !important; text-align:right; } .sale_price.left{ text-align:left; } .sale_price i{ display:inline-block; margin-left:-3px; font-style:normal; font-size:15px; font-weight:400; vertical-align:1px; } .summary{ display:block; color:#555 !important; font-weight:400 !important; font-size:14px; } .s_price .sale_price{ } .s_stat{ color:#e60600; font-style:normal; } .plus_info_wrap{ margin-bottom:4px; } .plus_info{ display:none; margin-left:5px; font-size:14px; /* line-height:18px; */ text-decoration:none; } .plus_info_wrap .plus_info:first-child{ margin-left:0; } .plus_info.sale:before{ display:inline-block; margin-right:4px; content:''; width:13px; height:13px; background:url(/data/skin/default_gl/img/star_icon.png) no-repeat center; background-size:100%; } .youtube_icon{ z-index:1; position:absolute; right:12px; top:-25px; width:19px; } .youtube_icon img{ width:auto; max-width:100%; } .mypage_sale_price i{ display:inline-block; margin-left:-3px; font-style:normal; font-size:12px; font-weight:400; vertical-align:0; } /* 정가, 할인 */ .consumer_price{ display:inline-block; display:none; margin-left:2px; text-decoration:none; font-weight:400; font-size:15px; line-height:20px; color:#888; vertical-align:1px; } .consumer_price i{ display:inline-block; margin-left:-3px; font-size:13px; font-style:normal; } .consumer_price del{} .consumer_price span{ line-height:20px; font-size:14px; vertical-align:1px; } .sale_per{ display:inline-block; font-size:14px; line-height:20px; color:#e14337; } .price_won i{ margin-left:-2px; font-size:13px; vertical-align:-1px; } /* 베스트 전체 순위 */ .goodsDisplayImageIcon_wrap{ z-index:1; position:absolute; left:0; top:0; } .goodsDisplayImageIcon{ position:relative; left:auto !important; display:block; width:39px; height:39px; color:#fff; font-size:12px; line-height:39px; text-align:center; } .goodsDisplayImageIcon span{ display:block; font-size:14px; line-height:39px; font-weight:400; } .goodsDisplayImageIcon small{ margin-top:6px; display:inline-block; font-size:12px; line-height:14px; } .goodsDisplayImageIcon.bg3 small{ margin-top:7px; } .goodsDisplayTextWrap .goodsDisplayImageIcon_wrap{ overflow:hidden; position:relative; left:auto; top:auto; height:19px; margin-bottom:9px; } .goodsDisplayTextWrap .goodsDisplayImageIcon_wrap:after{ clear:both; content:''; display:block; } .goodsDisplayTextWrap .goodsDisplayImageIcon_wrap > div{ float:left; padding:0 5px; width:auto; height:auto; line-height:19px; font-size:11px; } .goodsDisplayTextWrap .goodsDisplayImageIcon_wrap br{ display:none; } .goodsDisplayTextWrap .goodsDisplayImageIcon_wrap span{ line-height:19px; } .goodsDisplayTextWrap .goodsDisplayImageIcon_wrap small{ margin:0; line-height:19px; font-size:11px; } .goodsDisplayImageIcon.best{ position:absolute; left:0; top:0; /* background:rgba(0,0,0,0.3); */ } .goodsDisplayImageIcon.best img{ display:none; } .goodsDisplayImageIcon.best .goodsDisplayImageIconText{ display:block; width:100%; } .save_point_btn{ z-index:1; position:absolute; left:0; bottom:0; } .save_point_btn > div{ display:inline-block; padding:0 10px; font-size:12px; line-height:21px; font-weight:400; color:#fff; } .small_products .youtube_icon{ top:-22px; width:16px; } .small_products .plus_info{ margin-bottom:2px; font-size:13px; line-height:18px; } .small_products .plus_info.sale:before{ width:12px; height:12px; } .small_products .goods_name{ font-size:14px !important; } /* .small_products .goods_name{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; } */ .small_products .sale_price{ font-size:16px !important; } .small_products .sale_price i{ font-size:13px; } .small_products .consumer_price{ font-size:13px; } .small_products .consumer_price span{ font-size:11px; } .small_products .wish_cart_wrap{ right:12px; bottom:12px; } .small_products .wish_cart_wrap a{ width:34px; height:34px; } .small_products .wish_cart_wrap a:first-child{ margin-right:7px; } /* 상품정보 */ .goodsDisplayImageIconText {position:absolute; font-weight:700; color:#ffffff; letter-spacing:-0.5px; left:0px;} .goodsDisplayImageIconText span {font-size:12px;} .goodsDisplayImageSend {position:absolute; top:2px;} .goodsDisplayImageSlide { position:absolute; left:-1px; bottom:-1px; } .goodsDisplayWrap:hover .goodsDisplayImageWrap a .goodsDisplayImageSlide img{ transform:scale(1); } .goodsDisplayImageOveray1 {display:none; position:absolute; left:0px; top:100%; margin-top:-20px; width:100%; height:20px;} .goodsDisplayImageOveray1Bg {background-color:#000000; color:#fff; opacity:0.3; position:absolute; left:0; top:0; width:100%; height:20px;} .goodsDisplayImageOveray1Text {color:#fff; font-size:11px; font-weight:700; text-align:center; position:absolute; overflow:hidden; white-space:nowrap; line-height:20px; left:0; top:0; width:100%;} .goodsDisplayQuickShopping {margin:0 auto;} .goodsDisplayQuickShopping .quick_shopping_container {display:table; width:100%; border-collapse:collapse; table-layout:fixed} .goodsDisplayQuickShopping .quick_shopping_container li {display:table-cell; height:16px; text-align:center; border:1px solid #e5e5e5; background-color:#fff; font-size:11px; color:#888; cursor:pointer;} .goodsDisplayQuickShopping .quick_shopping_container li:hover {background:#f9f9f9;} .goodsDisplayTextWrap .consumer_wrap {position:relative; margin-bottom:-3px;} .goodsDisplayTextWrap .sale_per2 {/* 할인율 */ color:#2c8ff0;} .goodsDisplayTextWrap .sale_per2 strong {/* 할인율 */ font-family:inherit; font-weight:700;} .goodsDisplayTextWrap .price_txt {/* 판매가 타이틀 */ display:none; vertical-align:middle; width:50px; font-size:11px; color:#666;} .goodsDisplayTextWrap .eventEnd {/* 판매수량,남은시간 */ display:inline-block; margin-top:6px; border:1px solid #e9e9e9; background:#f9f9f9; padding:3px 6px; text-align:center; font-size:11px;} .goodsDisplayTextWrap .eventEnd > li {line-height:1.8;} .goodsDisplayTextWrap .eventEnd .time_count {/* 남은시간 */ background:#c61515; padding:0 3px; font-weight:700; color:#fff;} .goodsDisplayTextWrap .eventEnd .buy_count {/* 판매수량 */ font-weight:700; color:#c61515; text-decoration:underline;} .goodsDisplayTextWrap .fblike {/* 좋아요(페이스북) */ display:inline-block; margin-top:3px;} .goodsDisplayTextWrap .fblike .fb-like, .fb-like {z-index:0 !important;} .goodsDisplayTextWrap .icon {/* 아이콘 */ margin-top:3px;} .goodsDisplayTextWrap .status_icon {/* 상태 아이콘 */ margin-top:3px;} .goodsDisplayTextWrap .score {/* 상품평 */ font-size:12px;} .goodsDisplayTextWrap .score .num {/* 상품평 */ border-radius:2px; background:#ff8000; padding:0 3px; font-size:10px; font-weight:500; color:#fff;} .goodsDisplayTextWrap .color {/* 컬러 옵션 */ display:inline-block; margin:3px 0; border:1px solid #ddd; line-height:1.0;} /* goods_display_list */ .designSearchGoodsDisplay{ margin-top:10px; } .displayTabContentsList {} .displayTabContentsList .goodsDisplayItemWrap{ display:table; width:100%; padding:30px 30px; border-bottom:1px solid #ddd; } .displayTabContentsList .goodsDisplayItemWrap > li{ display:table-cell; vertical-align:middle; } .displayTabContentsList .goodsDisplayItemWrap > li:first-child{ width:162px; } .displayTabContentsList .goodsDisplayImageWrap{ } .displayTabContentsList .goodsDisplayImageWrap a{ height:160px; } .displayTabContentsList .goodsDisplayImageWrap a img{ } .displayTabContentsList .goodsDisplayTextWrap{ }/*제품명*/ .displayTabContentsList .goodsDisplayTextWrap li a{ padding-bottom:0; } .displayTabContentsList .list_goods_name_wrap{ padding-left:40px; padding-right:40px; } .displayTabContentsList .list_goods_name_wrap .goodsDisplayImageIcon_wrap{ overflow:hidden; position:relative; right:auto; top:auto; margin-bottom:0; } .displayTabContentsList .list_goods_name_wrap .goodsDisplayImageIcon{ float:left; width:auto; height:auto; padding:0 8px; line-height:21px; } .displayTabContentsList .list_goods_name_wrap .goodsDisplayImageIcon small{ margin-top:0; line-height:21px; } .displayTabContentsList .list_goods_name_wrap .goodsDisplayImageIcon small br{ display:none; } .displayTabContentsList .list_goods_name_wrap .youtube_icon{ display:inline-block; position:relative; margin-left:5px; right:auto; top:auto; vertical-align:13px; } .displayTabContentsList .list_goods_name_wrap .goods_name{ height:auto; } .displayTabContentsList .goodsDisplayImageWrap .goodsDisplayPrice{ width:17%; }/*가격*/ .displayTabContentsList .list_cart_wish_wrap{ width:12.5%; text-align:right; }/*장바구니,위시리스트*/ .displayTabContentsList .list_cart_wish_wrap a{ margin:4px 0; width:100px; } .displayTabContentsList .consumer_price{ display:block; } .displayTabContentsList .goodsDisplayItemWrap > li.goodsDisplayPrice {width:20%;} .displayTabContentsList .goodsDisplayItemWrap > li.goodsDisplayPrice dl {width:100%;} .displayTabContentsList .goodsDisplayItemWrap > li.goodsDisplayBenefit {width:18%; text-align:right;} .displayTabContentsList .goodsDisplayItemWrap > li.goodsDisplayBenefit dl {width:100px; float:right;} .designSearchGoodsDisplay .displayTabContainer{ display:none; } /*------------------------------------ 기획전 ------------------------------------*/ .event-container{} .event-list{} .event-list ul{ overflow:hidden; margin-top:-48px; } .event-list ul li{ float:left; width:23.575%; margin-left:1.9%; margin-top:48px; } .event-list ul li:nth-child(4n+1){ margin-left:0; clear:both; } .event-list ul li a{ display:block; } .event-image-box{ overflow:hidden; border-radius:4px; border:1px solid #eee; } .event-image-box > div{ min-height:165px; } .event-image-box .close-icon{ display:none; } .event-image-box img{ width:100%; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; } .event-list ul li a:hover .event-image-box img{ transform:scale(1.05); } .event-list .infobox{ padding:10px 0 12px; } .period{ margin-top:5px; font-size:14px; color:#777; } .event-list .goods_name{ height:auto; } .sub_event{ display:inline-block; } .sub_event li{ float:left; } .sub_event li a{ display:block; } /*------------------------------------ 체험전 : 메인, 서브 공통 ------------------------------------*/ .wrap-tb{} .wrap-tb:after{ display:block; content:''; clear:both; } .bannera{ position:relative; width:100%; border:1px solid #eee; padding:22px; } .bannera:after{ clear:both; content:''; display:block; } .bannera > a{ display:block; } .bannera > a:after{ display:block; content:''; clear:both; } .bannera .img-wrap{ float:left; width:62.1%; height:178px; } .bannera .info-wrap{ float:right; width:30%; width:33%; } .info-wrap{ position:relative; padding:11px 0 0 0; } .bannera .icon{ display:inline-block; padding:0 15px; line-height:30px; border-radius:100px; color:#fff; background:#f36910; font-weight:400; font-size:15px; } .bannera .icon{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .bannera > a:hover .icon{ background:#043b74; } .bannera li.no-data{ text-align:center; color:#444; } .bannera .arrow_img{ display:none; position:absolute; right:12px; bottom:0px; opacity:0.25; width:54px; } .bannera .arrow_img img{ width:100%; } ol.bannera{ padding:0; margin-top:-30px; border:none; } ol.bannera > li{ padding:22px; margin-top:30px; border:1px solid #eee; } ol.bannera > li:hover .icon{ background:#043b74; } .title{ color:#333; font-size:20px; line-height:30px; margin:15px 0 10px; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .noti{ color:#555; font-size:15px; line-height:24px; } .noti li{ } .noti li span{ position:relative; padding-left:10px; display:inline-block; width:120px; } .noti li span:before{ position:absolute; left:0; top:50%; content:''; width:3px; height:3px; margin-top:-2px; border-radius:100px; background:#666; } /* 지난 체험단 */ .bbs-exping{ position:relative; margin-top:-48px; } .bbs-exping:after{ display:block; content:''; clear:both; } .bbs-exping > li{ float:left; width:49%; margin-left:2%; margin-top:48px; } .bbs-exping > li:nth-child(2n+1){ margin-left:0; } .bbs-exping li .hand{ cursor:pointer; } .bbs-exping li .wrap-img{ overflow:hidden; position:relative; height:250px; border:1px solid #eee; text-align:center; } .bbs-exping li .wrap-img .end_bg{ z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); } .bbs-exping li .wrap-img .end_bg span{ z-index:2; position:absolute; left:50%; top:50%; display:inline-block; margin:-35px 0 0 -35px; width:70px; font-size:20px; font-weight:500; color:rgba(255,255,255,0.8); line-height:70px; border-radius:100px; background:rgba(0,0,0,0.2); vertical-align:middle; } .bbs-exping li .wrap-img .end_bg span{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .bbs-exping li:hover .wrap-img .end_bg span{ background:rgba(0,0,0,0.4); } .bbs-exping .info-wrap{ padding-top:0; } .bbs-exping .noti li span{ width:auto; margin-right:5px; } .bbs-exping .title{ width:55%; } .info-wrap .btns{ z-index:1; overflow:hidden; position:absolute; right:0; bottom:6px; width:40%; height:55px; text-align:right; } .info-wrap .btns a{ display:inline-block; width:50%; padding:0 17px; font-size:15px; line-height:55px; background:#f36910; color:#fff; text-align:center; } .info-wrap .btns a:hover{ background:#043b74; } .info-wrap .btns a.btn_review{ background:#242424; } .info-wrap .btns a.btn_review:hover{ background:#111; } .info-wrap .btns a:first-child{ border-top-left-radius:4px; border-bottom-left-radius:4px; } .info-wrap .btns a:last-child{ border-top-right-radius:4px; border-bottom-right-radius:4px; } /* 체험단 상세페이지 */ .experience_user_btn_wrap{ margin:55px auto 35px; text-align:center; } .experience_user_btn{ display:inline-block; overflow:hidden; } .experience_user_btn li{ float:left; } .experience_user_btn li:first-child{ margin-right:48px; } .experience_user_btn li a{ display:inline-block; } .experience_user_btn li a img{ width:auto; max-width:100%; } .experience_user_btn.one li{ float:none; } .experience_user_btn.one li:first-child{ margin-right:0; } /*------------------------------------ 제품 리스트 상단 검색바 ------------------------------------*/ #goodsSearchForm{ padding-top:25px; padding-bottom:5px; } #goodsSearchForm form{ border-bottom:1px solid #ddd; } .search-area{ padding-bottom:10px; font-size:15px; color:#141414; } .search-area b{ display:inline-block; font-size:16px; } .search-area select{ min-width:150px; } .goods_list_top{ padding:10px 7px; position:relative; border-top:1px solid #ddd; border-bottom:1px solid #eee; } .goods_list_top:after{ display:block; content:''; clear:both; } .float_wrap{ float:left; } .sort_item{ position:relative; display:block; } .sort_item:after{ display:block; content:''; clear:both; } .sort_item a{ display:block; float:left; padding:0 10px; position:relative; font-size:15px; line-height:40px; color:#777; } .sort_item a:before{ display:inline-block; content:''; margin-right:6px; width:3px; height:3px; background:#777; border-radius:100px; vertical-align:4px; } .sort_item a:hover{ color:#333; } .sort_item a:hover:before{ background:#333; } .sort_item a.active{ color:#141414; } .sort_item a.active:before{ background:#141414; } .goods_list_top .fr{ position:relative; float:right; padding-right:10px; margin-top:0; line-height:160%; } .goods_list_top .fr:after{ display:block; content:''; clear:both; } /* 키워드검색_유로광고기획전_영역추가 */ .goods_search_ad.jsy{ position:relative; height:230px; background:#eee; margin:20px 0 0; text-align:center; overflow:hidden; border:solid 1px #eee; } .goods_search_ad.jsy img{max-width:100%; width:auto; margin:0 auto;} .goods_search_ad.jsy .ad_txt{position:absolute; top:15px; left:15px; font-size:11px; font-weight:600; background:rgba(255,255,255,.3); color:#000; padding:0 5px; border-radius:30px; } .goods_search_ad.jsy .ad_txt.w_ad{background:rgba(0,0,0,.3); color:#fff; } /* 그리드 */ .goods_list_style{ position:relative; float:left; margin:10px 8px 0 0; } .goods_list_style:after{ display:block; content:''; clear:both; } .goods_list_style li{ float:left; } .goods_list_style li a{ display:block; width:18px; height:18px; margin:0 5px; } .goods_list_style .lattice_a_on a{ background:url('/data/skin/default_gl/img/lattice_a_on.png') no-repeat center; } .goods_list_style .lattice_b{ display:none; } .goods_list_style .list a{ background:url('/data/skin/default_gl/img/list.png') no-repeat center; } .goods_list_style .lattice_a a{ background:url('/data/skin/default_gl/img/lattice_a.png') no-repeat center; } .goods_list_style .list_on a{ background:url('/data/skin/default_gl/img/list_on.png') no-repeat center; } /* 셀렉트 */ .goods_list_top .fr select{ float:left; height:38px; width:120px; padding:0 0 0 10px; line-height:38px; border:1px solid #ddd; font-size:15px; } /* 상품 검색영역 */ #goodsSearchForm .gsf-category-title {margin:0 0 15px 0; position:relative; padding-left:140px;} #goodsSearchForm .gsf-category-title .gsfc-th, #goodsSearchForm .gsf-category-title .gsfc-td {height:20px; line-height:20px;} #goodsSearchForm .gsf-category-title .gsfc-th {position:absolute; top:0; left:0; bottom:0; width:120px; line-height:25px;} #goodsSearchForm .gsf-category-title .gsfc-td {text-align:right;} #goodsSearchForm .gsf-category-title .gsfc-td input[name='search_text'] {width:200px; text-indent:5px; height:20px; line-height:20px; border:1px solid #c1c1c1; border-right:none;} #goodsSearchForm .gsf-category-table {position:relative; padding-left:15px; border:1px solid #dbdbdb;} #goodsSearchForm .gsf-category-table .gsfc-th, #goodsSearchForm .gsf-category-table .gsfc-td {min-height:40px; line-height:40px;} #goodsSearchForm .gsf-category-table .gsfc-th input[name='search_text'] {width:140px; text-indent:5px; height:20px; line-height:20px; border:1px solid #c1c1c1; border-right:none;} #goodsSearchForm .gsf-category-list {width:100%; zoom:1;padding-left:23px} #goodsSearchForm .gsf-category-list:after {clear:both; display:block; content:'';} #goodsSearchForm .gsf-category-list li {float:left;} #goodsSearchForm .gsf-category-list li a {display:inline-block; margin:9px 30px 9px 0; border-bottom:1px solid #fff; padding:1px 0; height:20px; line-height:20px; font-weight:500; color:#676767;} #goodsSearchForm .gsf-category-list li a:hover, #goodsSearchForm .gsf-category-list li a.bold {border-bottom:1px solid #333; color:#333; text-decoration:none;} #goodsSearchForm .gsf-category-double-list {table-layout:fixed; } #goodsSearchForm .gsf-category-double-list .gsfc-th {padding:20px 16px; text-align:left; font-weight:700; color:#4e4e4e; } #goodsSearchForm .gsf-category-double-list .gsfc-td {padding:15px;} #goodsSearchForm .gsf-category-double-list .gsfc-td, #goodsSearchForm .gsf-category-double-list .gsfc-th {border-top:1px solid #e9e9e9} #goodsSearchForm .gsf-category-double-list tr:first-child td, #goodsSearchForm .gsf-category-double-list tr:first-child th {border-top:none;} #goodsSearchForm .gsf-category-double-list .gsfc-td a {color:#676767;} #goodsSearchForm .gsf-category-double-list .gsf-category-list {table-layout:fixed; margin:0px; border-left:1px solid #e9e9e9;} #goodsSearchForm .gsf-category-double-list .gsf-category-list li {padding:4px 20px; border:0px;} #goodsSearchForm .gsf-category-double-list .gsf-category-list li a {color:#676767; ;} .gsf-main-table, .gsf-main-table_new{ position:relative; padding:10px 7px; } .gsf-main-table:after, .gsf-main-table_new:after{ display:block; content:''; clear:both; } .gsfm-th{ float:left; width:8.5%; font-size:17px; color:#141414; font-weight:500; line-height:40px; text-align:center; } .gsf-main-table .fr{ margin-top:-1px; } .gsfm-td{ position:relative; float:left; width:91.5%; } .gsfm-td:after{ display:block; content:''; clear:both; } .gsfm-prices{ position:relative; float:left; } .gsfm-prices:after{ display:block; content:''; clear:both; } .gsfm-prices li{ position:relative; z-index:0; float:left; margin-left:-1px; padding:0 13px; min-width:80px; font-size:14px; border:1px solid #ddd; background:#fff; height:40px; line-height:40px; text-align:center; color:#777; cursor:pointer; } .gsfm-prices li:first-child{ margin-left:0; } .gsfm-prices li{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .gsfm-prices li:hover{ color:#555; } .gsfm-prices li.selected{ z-index:1; border-color:#f36910; color:#fff; background:#f36910; } .gsfm-prices li.selected:hover{ color:#fff; } .cateTyb{ margin-bottom:20px; } .cateTyb .gsf-main-table_new{ margin-bottom:10px; border:1px solid #ddd; background:#fcfcfc; } .cateTyb .gsf-main-table_new .bbs_btn{ height:40px; line-height:40px; } .cateTyb .gsfm-th{ } .gsfm-brands{ position:relative; float:left; width:85%; } .gsfm-brands:after{ display:block; content:''; clear:both; } .gsfm-brands li{ display:inline-block; margin:0 12px 0 4px; } .gsfm-brands li a{ display:block; font-size:14px; line-height:40px; color:#777; } .gsfm-brands li a:hover{ color:#555; } #gsfm-provider-more{ float:right; } .cateTyb .bbs_btn{ width:15%; width:120px; line-height:38px; } /*------------------------------------ 페이징 네비게이션 ------------------------------------*/ .paging_navigation_wrap{ text-align:center; } .paging_navigation { display:inline-block; padding:60px 0 30px 0; text-align:center;} .paging_navigation:after{ display:block; content:''; clear:both; } .paging_navigation a { position:relative; display:inline-block; float:left; margin-left:-1px; padding:0 14px; height:35px; min-width:38px; font-size:13px; line-height:35px; vertical-align:top; font-weight:400; color:#464646; border:1px solid #ddd; } .paging_navigation a span{} .paging_navigation a:hover { font-weight:500; color:#fff; background:#434343; border-color:#434343; } .paging_navigation a.on { background:#565656; border-color:#565656; color:#fff !important; font-weight:500; } .paging_navigation a.on.red{ } .paging_navigation a.first:first-child, .paging_navigation a.prev:first-child{ border-radius:4px 0 0 4px; } .paging_navigation a.next:last-child, .paging_navigation a.end:last-child, .paging_navigation a.last:last-child{ border-radius:0 4px 4px 0; } .paging_navigation a.first:before, .paging_navigation a.prev:before, .paging_navigation a.next:before, .paging_navigation a.end:before, .paging_navigation a.last:before{ display:inline-block; font-family:'FontAwesome'; font-size:12px; vertical-align:-5px; font-weight:normal; } .paging_navigation a.first:before, .paging_navigation a.end:before, .paging_navigation a.last:before{ font-size:11px; } .paging_navigation a.first:before{ content:'\f048'; } .paging_navigation a.prev:before{ content:'\f104'; } .paging_navigation a.next:before{ content:'\f105'; } .paging_navigation a.end:before{ content:'\f051'; } .paging_navigation a.last:before{ content:'\f051'; } .paging_navigation .first, .paging_navigation .prev, .paging_navigation .next, .paging_navigation .end, .paging_navigation .last{ min-width:36px; font-size:0; color:#777; } /*------------------------------------ 개인정보처리방침 ------------------------------------*/ .privacy_wrap{ position:relative; font-size:15px; line-height:28px; word-break:keep-all; color:#555; } .privacy_wrap:after{ display:block; content:''; clear:both; } .privacy_wrap > select:first-child{ margin-top:-5px; height:42px; float:right; width:150px; padding:0 0 0 10px; border:1px solid #ddd; color:#555; font-size:16px; line-height:42px; font-weight:500; } .privacy_wrap h1{ margin-bottom:27px; font-size:20px; font-weight:700; color:#f36910; } .privacy_wrap h2{ margin:0; margin:30px 0 12px; display:block; font-size:20px; font-weight:700; color:#333; } .privacy_wrap h2 span{ font-weight:400; } .privacy_wrap p{ font-size:15px; line-height:28px; } .privacy_wrap p.i_wrap{ font-size:17px; line-height:27px; } .privacy_wrap b{ font-weight:400; line-height:28px; color:#333; } .privacy_wrap span{ line-height:28px; } .txt_contents{ padding-left:8px; font-size:15px; line-height:28px; color:#555; } .txt_contents li{ } .txt_contents2{ padding-left:16px; font-size:15px; line-height:28px; color:#555; } .privacy_wrap .mb10{ margin-bottom:10px; } .privacy_wrap .mb40{ margin-bottom:40px; } .privacy_wrap strong{ color:#333; } .privacy_wrap h4{ font-size:16px; font-weight:500; } /* 개인정보처리방침_신규디자인 */ .privacy_jsy{scroll-behavior:smooth;} .privacy_jsy h1{font-size:31px; line-height:160%; color:#141414; margin-bottom:0; } .privacy_jsy h3{font-size:26px; line-height:140%; color:#141414; margin-bottom:30px; } .privacy_jsy.top span{display:block; padding:15px 0 40px;} .privacy_jsy.top{text-align:center; border-bottom:dotted 3px #eee;} .privacy_jsy.top p{font-size:18px; line-height:29px; letter-spacing:-.5px; color:#232323;} .privacy_jsy.top ul{overflow:hidden; margin-top:10px; } .privacy_jsy.top ul li a{display:block; overflow:hidden; padding:25px 30px; min-height:170px;} .privacy_jsy.top ul li{float:left; width:32%; margin-left:2%; margin-top:2%; border-radius:20px; background:#f5f9fd;} .privacy_jsy.top ul li:nth-child(3n+1){margin-left:0; } .privacy_jsy.top ul li img{width:65px;} .privacy_jsy.top ul li:nth-child(4) img{width:75px;} .privacy_jsy.top ul li:hover{background:#e1f0fa; transition:ease all .5s; } .privacy_jsy.top ul li:hover img{transform: scale( 1.1 ); transition:ease all .5s; } .privacy_jsy.top .labeling_left{float:left; width:70%; text-align:left; } .privacy_jsy.top .labeling_left h3{ font-size:22px; margin-bottom:20px; color:#141414; } .privacy_jsy.top .labeling_left p{ font-size:16px; line-height:140%; color:#333; } .privacy_jsy.top .labeling_right{float:left; width:30%; padding-top:25px; } .privacy_jsy.list{padding-bottom:30px; border-bottom:dotted 3px #eee;} .privacy_jsy.list h2{text-align:center; font-size:28px; color:#141414;} .privacy_jsy.list ul{overflow:hidden; padding:10px 20px 0;} .privacy_jsy.list ul li dl dd{font-size:18px; line-height:44px; color:#232323; letter-spacing:-.5px; border-bottom:solid 1px #eee; padding-left:15px; } .privacy_jsy.list ul li{float:left; width:48%; margin-left:4%; } .privacy_jsy.list ul li:nth-child(2n+1){margin-left:0;} .privacy_jsy.list ul li dl dd:last-child{border-bottom:none;} .privacy_jsy.content{margin:30px 0 50px;} .privacy_jsy.content h3{font-size:20px; margin-bottom:0; line-height:180%;} .privacy_jsy.content p{font-size:16px; line-height:160%; color:#333; } .privacy_jsy.content p a:hover{color:#57bbff;} .privacy_jsy.content span{display:block; padding-left:15px; position:relative; } .privacy_jsy.content span.b_no:before{display:none;} .privacy_jsy.content span:before{position:absolute; content:''; top:12px; left:0; width:4px; height:3px; background:#57bbff; border-radius:100%; } .privacy_jsy.content .f_15{font-size:15px;} .privacy_jsy.content .p_40{padding-left:40px; text-indent:-20px;} .privacy_jsy.content .p_50{padding-left:50px; text-indent:-17px;} .privacy_jsy.content .m_50{margin-left:50px;} .privacy_jsy_btn{margin:10px 0 0 35px;} .privacy_jsy_btn h2{margin:0; color:#444; font-weight:500; } .privacy_jsy_btn a{display:inline-block; background:#f5f9fd; padding:15px 20px 10px; border-radius:15px;} .privacy_jsy_btn a:hover{background:#e1f0fa; transition:ease all .5s;} .privacy_jsy_btn a:hover h2{color:#141414; } .privacy_jsy_btn img{width:40px; margin-left:10px; margin-top:-3px; } .privacy_jsy_btn a:hover img{transform: scale( 1.1 ); transition:ease all .5s; } /* 테이블_jsy */ .table01.jsy caption {position:absolute; top:-35px; right:0; font-size:18px; z-index:-1; color:#595757; line-height:160%; font-weight:500; background:#e8f3ff; text-indent:inherit; padding:5px 18px; border-radius:10px 10px 0 0; } .table01.jsy{margin:20px 0 60px; border-top:none; position:relative;} .table01.jsy.two{margin-bottom:20px;} .table01.jsy.center td{text-align:center;} .table01.jsy thead th{ background:#eff7fe; } .table01.jsy tbody th{background:#f5f9fd;} .table01.jsy th{font-size:16px; padding:15px 0; border-bottom:none; border-color:#eff7fe; } .table01.jsy td{font-size:15px; padding:12px; color:#555; border-color:#eff7fe;} .table01.jsy td a:hover{font-weight:500; color:#57bbff;} .table01.jsy td b{font-weight:500;} .table01.jsy td:hover{color:#141414; background:#f5f9fd; transition:ease all .3s;} /* 테이블 */ .table01{ margin-top:5px; border-top:2px solid #242424; clear:both; width:100%; background:#fff; } .table01 th, .table01 td{ height:40px; padding:4px 12px; border:1px solid #ddd; word-break:keep-all; font-size:13px; } .table01 thead th{ background:#f9f9f9; text-align:center; } .table01 th{ background:#fcfcfc; border-bottom:1px solid #d4d8de; font-weight:500; color:#333; text-align:center; font-size:14px; } .table01 td{ padding-left:20px; padding-right:20px; color:#555; } .table01 td a{ color:#333; } .table01 td a:hover{ color:#f36910; } .table01.center td{ padding-left:12px; padding-right:12px; text-align:center; } /*------------------------------------ 마이페이지 ------------------------------------*/ #layout_side{ float:left; width:17%; max-width:217px; padding-bottom:70px } #layout_config_body{ float:right; width:79.1%; } /* 좌측 메뉴 */ .lmenu{ } .lmenu h2{ margin:35px auto 0; padding-bottom:10px; color:#141414; font-size:30px; font-weight:700; border-bottom:1px solid #141414; } .lmenu h2 .desc{font-size:13px;color:#999999;font-weight:normal;} .lmenu .inner{ padding:20px 0; border-bottom:1px solid #eee; } .lmenu .inner:last-child{ border-bottom:none; } .lmenu .inner > li > a{ display:inline-block; padding:4px 15px 4px; font-size:15px; line-height:22px; color:#666; } .lmenu .inner > li > a:hover{ color:#000; } .lmenu h3, .lmenu .inner > a{ display:inline-block; margin:0; color:#333; font-size:18px; font-weight:500; padding:0 0 10px 15px; } .lmenu .inner > a:hover{ color:#f36910; } .lmenu.side_list ul {border:0;} /* .lmenu ul:before {display:block;content:'';clear:both;padding-top:10px;} .lmenu ul:after {display:block;content:'';clear:both;padding-top:10px;} */ .lmenu.side_list ul > li{line-height:28px;} .lmenu.side_list ul > li a{ display:inline-block; padding:4px 15px 4px; font-size:15px; line-height:22px; color:#666; } .lmenu.side_list ul > li a:hover{ color:#000; } .lmenu.side_list ul > li:after{ clear:both; content:''; display:block; } .lmenu.side_list ul > li .my_cart_num{ float:right; padding:0 15px 0 0; } .lmenu.side_list ul > li .my_cart_num span{ } .lmenu > ul > li {padding-left:28px;text-align:left; } .lmenu > ul > li a.has-child {font-weight:bold;margin-top:10px} .lmenu .inner ul > li span{ display:inline-block; font-size:14px; line-height:30px; color:#777; } .lmenu .inner ul > li span em{color:#e60600; font-style:normal; } .lmenu .inner ul > li > a.active{color:#f36910;} .lmenu .inner ul > li > a.active span{color:#666;} .lmenu.side_list ul > li .my_cart_num span:hover{color:#444;} .lmenu .inner ul > li > a.active span em{color:#e60600;} .side_list ul {padding:0;} .lmenu > ul > li > a {font-size:15px;display:inline-block; color:#666;} .lmenu > ul > li > a.active,.lmenu > ul > li > a:hover { color:#ff6600;padding-bottom:0px;border-bottom:1px solid #ff6600;box-sizing:border-box; } .lmenu ul li > ul {display:block;width:100%;border-width:0} .lmenu ul li > ul:after {clear:both;display:block;content:'';} .lmenu ul li > ul > li > a {font-size:0.8em} .lmenu ul li > ul > li > a:active {font-weight:bold;} .lmenu ul li > ul > li > a:before {content:' - ';padding-right:3px;} /*------------------------------------ 장바구니 ------------------------------------*/ .cart_top_btn_wrap{ overflow:hidden; margin:-30px -4px 15px; } .cart_top_btn_wrap > button{ float:left; } .cart_top_btn_wrap > div{ float:right; } /*----------------------------------*/ /* 공통요소 /*----------------------------------*/ /* 탭메뉴1 */ .detail_tab_wrap1{ position:relative; margin:52px auto 37px; } .detail_tab_wrap1:before{ z-index:1; position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#eee; } .detail_tab{ *zoom:1; position:relative; background:#fcfcfc; } .detail_tab:before{ position:absolute; right:0; bottom:0; content:''; width:1px; height:100%; background:#eee; } .detail_tab:after{ display:block; content:''; clear:both; } .detail_tab li{ position:relative; float:left; width:50%; margin-top:-1px; font-size:15px; color:#555; line-height:50px; background:#fcfcfc; border:1px solid #eee; border-width:1px 1px 1px 0; text-align:center; cursor:pointer; } .detail_tab li{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .detail_tab li:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .detail_tab li:before{ position:absolute; left:0; top:0; content:''; width:1px; height:100%; } .detail_tab li:nth-child(5n+1):before{ background:#eee; } .detail_tab li:before{ } .detail_tab li.on{ z-index:2; color:#f36910; border-color:#f36910; background:#fff; } .detail_tab li.on:before{ background:#f36910; } .detail_tab li a{ display:block; } .detail_tab li.on a, .detail_tab li:hover a{ color:#f36910; } .detail_tab.six li{ width:16.6666%; } /* 탭메뉴2 */ .detail_tab_wrap { position:relative; } .detail_tab_wrap:before{ z-index:1; position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#f36910; } .detail_tab2 {margin-top:0; margin-bottom:20px; zoom:1;} .detail_tab2:after {clear:both; display:block; content:'';} .detail_tab2 li { position:relative; float:left; width:25%; height:50px; overflow:hidden;} .detail_tab2 li a {margin-top:1px; display:block; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; border-left:0; background:#fcfcfc; height:50px; line-height:50px; text-align:center; font-size:15px; color:#555; text-decoration:none;} .detail_tab2 li:first-child a {border-left:1px solid #eee;} .detail_tab2 li a span {font-size:13px;} .detail_tab2 li a:hover {background:#fff; color:#333;} .detail_tab2 li.active a, .detail_tab2 li.on a {border-top:1px solid #f36910; border-right:1px solid #f36910; border-bottom:1px solid #fff; border-left:1px solid #f36910; background:#fff; color:#f36910;} .detail_tab2 li.active:after, .detail_tab2 li.on:after{ z-index:2; position:absolute; left:0; bottom:0; width:100%; height:1px; content:''; background:#fff; } .detail_tab2 li.active:first-child a {border-left:1px solid #f36910;} .mypage_wrap .search_li02 > span{ margin-right:20px;} .mypage_wrap .search_li02 label{ font-size:14px; color:#555; } .mypage_wrap .search_li02 label input{ margin-right:3px; } .mypage_wrap .fright{ position:relative; float:right; margin-top:-48px; } /* 가로 테이블2 */ table.list_table_style2 {width:100%; border-collapse:collapse;} table.list_table_style2 > thead > tr > th {border:1px solid #ddd; border-bottom:none; background:#f9f9f9; padding:10px 0; font-weight:normal; color:#666; font-size:14px; } table.list_table_style2 > tbody > tr > td {border:1px solid #ddd; background:#fff; padding:10px; text-align:center; font-size:14px; } /* 세로 테이블 */ table.info_table_style {width:100%; border-collapse:separate; border-top:1px solid #666; border-bottom:1px solid #aaa; border-right:0;} table.info_table_style > tbody > tr > th {border-top:1px solid #ddd; background:#f9f9f9; padding:13px 15px; text-align:left; vertical-align:top; font-weight:500; color:#666;} table.info_table_style > tbody > tr > td {border-top:1px solid #ddd; background:#fff; border-left:1px solid #eee; padding:10px 15px; text-align:left;} table.info_table_style > tbody > tr:first-child > th, table.info_table_style > tbody > tr:first-child > td {border-top:none;} table.info_table_style > tbody > tr > td:first-child {border-left:none;} table.info_table_style.join > tbody > tr > th {padding-left:30px;} table.info_table_style.join > tbody > tr > th.required {background:#f9f9f9 url('../images/common/icon_check_join.gif') no-repeat 15px 17px;} table.info_table_style > tbody > tr > td.contents {border-left:0; padding:10px 0 0;} /* 세로 테이블2 */ table.info_table_style2 {} table.info_table_style2 > tbody > tr > th { padding:10px 15px; text-align:left; color:#333; } table.info_table_style2 > tbody > tr > td { padding:10px 15px; text-align:left; } /* NODATA */ table.list_table_style > tbody > tr > td.nodata, table.bbslist_table_style > tbody > tr > td.nodata, li.nodata {background:none !important; height:100px; line-height:100px; text-align:center; color:#888; font-weight:400; } div.nodata {height:300px; line-height:300px; text-align:center; color:#888; font-weight:400; } .categoryAllTable .nodata {height:200px; line-height:200px; text-align:center; color:#888;} /*NODATA추가_jsy*/ .nodata.jsy{display:table; width:100%;} .jsy_new_nodata{display:table-cell; vertical-align:middle; } .jsy_new_nodata h3{font-size:20px; color:#333; padding-bottom:5px; } .jsy_new_nodata h3:before{display:block; content:''; margin:0 auto 15px; width:48px; height:48px; background:url('/data/skin/default_gl/images/new_nodata_icon.png') no-repeat; } .jsy_new_nodata p{font-size:16px; color:#888; } /* 아이콘 */ .ui-datepicker-trigger {cursor:pointer;} .ico_ {margin-bottom:2px; display:inline-block; background:url('/data/skin/default_gl/img/quest_icon.png') no-repeat; text-indent:-9999px; vertical-align:middle;} .ico_.quest {background-position:0 0; width:18px; height:18px; cursor:pointer;} .ico_.import { width:18px; height:18px;} .ico_.coupon {margin-left:3px; background-position:-40px 0; width:11px; height:10px;} .ico_.cs01 {background-position:0 -60px; width:54px; height:50px;} .ico_.cs02 {background-position:-60px -60px; width:58px; height:50px;} .ico_.cs03 {background-position:-130px -60px; width:54px ; height:50px;} .ico_.cs04 {background-position:-200px -60px; width:41px; height:50px;} .ico_.cs05 {background-position:-250px -60px; width:50px; height:50px;} /* 주의사항 */ .order_import_wrap{ position:relative; padding:14px 30px 26px; margin:50px auto 50px; background:#f9f9f9; border:1px solid #ddd; border-radius:4px; text-align:center; } .order_import_wrap h2{ position:relative; margin:0; display:inline-block; padding-left:35px; } .order_import_wrap h2:before{ position:absolute; left:0; top:0; content:''; width:28px; height:100%; background:url(/data/skin/default_gl/img/tip_icon.png) no-repeat center; background-size:100%; } .ico_.import{ position:relative; display:block; width:28px; height:28px; margin:12px auto; background:none; } .ico_.import:before{ position:absolute; left:0; top:0; content:''; width:28px; height:100%; background:url(/data/skin/default_gl/img/tip_icon.png) no-repeat center !important; background-size:100% !important; } .order_import_wrap ul li{ font-size:14px; color:#666; } /* 퀵뷰 레이어 스타일 */ div.goodsPopupLayer {border:2px solid #000; padding:0px 22px; position:absolute; background-color:#fff; z-index:100} div.goodsPopupLayerTitle {padding:12px 0 10px 0; border-bottom:1px solid #000; font-size:15px; font-weight:500;} div.goodsPopupLayerClose {position:absolute; top:12px; right:22px; background:url('../images/common/btn_close_dsp.gif') no-repeat; width:15px; height:15px; cursor:pointer} div.goodsPopupLayerBody {padding:10px 0 5px 0; text-align:center;} div.goodsPopupLayerBtnWrap {margin-top:20px; border-top:1px solid #ddd} .goodsPopupLayerMoreBtn {margin-top:15px; background:url('../images/common/btn_view_detail.gif') no-repeat; width:128px; height:40px; display:inline-block;} /* 팝업 */ .designPopup { z-index:997 !important; position:fixed; z-index:101; border: solid 1px #eeeeee;} .designPopup .designPopupBody a{ display:block; } /*.designPopup .designPopupBody {width: 500px; height: 345px;border: solid 1px #bababa;}*/ .designPopup .designPopupBar {height: 30px; background-color:#f3f3f3;} .designPopup .designPopupBar .designPopupTodaymsg {float:left; line-height:30px; padding-left:19px; font-size:13px; color:#fefefe; } .designPopup .designPopupBar label{ line-height:30px; } .designPopup .designPopupBar .designPopupClose {float:right; line-height:30px; background-color:#f3f3f3; color:#fefefe;font-size:13px; cursor:pointer; } .designPopup .designPopupBar .designPopupClose img {padding-left: 5px; padding-right:22px;} /* 와이드 팝업 스타일 수정 */ .designPopup.with_bgcenter{ z-index:999 !important; border:none; } .wide_layer_bg{ z-index:998 !important; } .designPopup.with_bgcenter .designPopupBody{} .designPopup.with_bgcenter .designPopupBody a{ display:block; } .designPopup.with_bgcenter .designPopupBar{ padding:0 12px; background:rgba(0,0,0,0.3) !important; text-align:center; } .designPopup.with_bgcenter .designPopupBar .designPopupTodaymsg{ padding-left:0; color:rgba(255,255,255,0.8) !important; font-weight:300; letter-spacing:0.5px; } .designPopup.with_bgcenter .designPopupBar .designPopupTodaymsg:hover{ color:rgba(255,255,255,0.8) !important; } .designPopup.with_bgcenter .designPopupBar .designPopupTodaymsg label{ /* font-family:'Malgun Gothic',Sans-serif; */ } .designPopup.with_bgcenter .designPopupBar .designPopupTodaymsg label:hover{ color:rgba(255,255,255,0.8) !important; } .designPopup.with_bgcenter .designPopupBar .designPopupTodaymsg label input{ opacity:0.8; margin:0 2px 2px 0 !important; } .designPopup.with_bgcenter .designPopupBar .designPopupClose{ padding-right:17px; /* font-family:'Malgun Gothic',Sans-serif; */ background:url(/data/skin/default_gl/images/close_vector_smart_object_white.png) no-repeat right center; color:rgba(255,255,255,0.8) !important; font-weight:300; } .designPopup.with_bgcenter .designPopupBar .designPopupClose img{ display:none; } /* 수업활용팁 이벤트 팝업 */ .popup_html_block{ max-width:448px; margin:0 auto; height:378px; text-align:center; background:#ffc921; } .popup_html_block ul{ overflow:hidden; display:inline-block; width:82.6%; max-width:370px; } .popup_html_block ul li{ float:left; } .popup_html_block ul li:last-child{ margin-left:6px; } .popup_html_block ul li a{ display:block; } .popup_html_block ul li a img{ width:auto; max-width:100%; } /* 팝업 - 단골미니샵 등록 */ .popup_reg {position:relative; padding:10px 15px; font-size:14px; color:#444; } .popup_reg h4{ font-size:22px; font-weight:700; color:#141414; } .popup_reg textarea {width:100%; height:100px;} .popup_reg .red{ color:#e14337; } .popup_reg .desc { padding-top:15px; } .popup_reg .pop_close {position:absolute; top:14px; right:15px; padding-right:13px; background:url('../images/common/btn_close.gif') no-repeat right;} /* 팝업 - 주소찾기 */ .zipcode_wrap {width:100%; table-layout:fixed; padding:10px 0;} .zipcode_wrap .zsfText{ } .zipcode_wrap .zsfSubmit { background:#f36910; border-color:#f36910; color:#fff; } .zipcode_wrap .zipcodeResult {cursor:pointer;} .zipcode_wrap .zipcodeResult:hover {color:#f36910; background:#f7f7f7;} /* 레이어 */ .ui-dialog {border:1px solid #999;} .ui-dialog .hide{ } .ui-dialog .ui-dialog-box {border:1px solid #ddd; padding:15px;} .ui-dialog .ui-dialog-box .ul_list2 li {margin-top:10px; color:#666;} .ui-dialog .ul_ship {} .ui-dialog .ul_ship li {margin-top:15px;} .ui-dialog .ul_ship li dl {margin-bottom:5px;} .ui-dialog .ul_ship li dt {float:left; padding-top:5px; font-weight:500;} .ui-dialog .ul_ship li dd {float:right;} .ui-dialog .ico_de {display:inline-block; margin-bottom:2px; background:url('../images/common/ico_detail_list.png') no-repeat; width:11px; height:11px; text-indent:-9999px; vertical-align:middle;} .ui-dialog .address_box {position:relative; float:left; width:50%; text-align:left; } .ui-dialog .address_box > dl { margin:15px 0 0 15px; border:1px solid #ddd;} .ui-dialog .address_box:nth-child(odd) > dl {margin-left:0;} .ui-dialog .address_box > dl > dt {border-bottom:1px solid #eee; background:#f9f9f9; padding:6px 10px 3px; font-size:14px; vertical-align:-1px; } .ui-dialog .address_box > dl > dt p {font-size:13px; color:#777;} .ui-dialog .address_box > dl > dd { min-height:100px !important; padding:10px 10px 6px; font-size:13px; } .ui-dialog .address_box > .btns {position:absolute; top:20px; right:12px;} .ui-dialog .address_box > .btns a.more {display:inline-block; margin-left:5px; background:url('../images/common/btn_detail_more.png') no-repeat right center; padding-right:8px; text-align:right; color:#555; font-size:13px; } .ui-dialog .address_box > .btns a.more:hover{ color:#f36910; } .ui-dialog .clearbox .address_box:nth-child(2n+1){ clear:both; } .ui-dialog .pickup {background:url('../images/common/img_pickup.png') no-repeat; width:400px; height:120px; margin:10px auto;} .ui-dialog .pickup li {float:left; padding-top:75px; text-align:center; line-height:1.2; color:#666;} .ui-dialog .pickup li:nth-child(odd) {width:25%;} .ui-dialog .pickup li:nth-child(even) {width:12.5%; font-size:11px;} .ui-dialog .pickup li.point {font-weight:500; color:#8297d2;} .ui-dialog .ul_coupon > li {border-top:1px solid #ddd; margin-top:15px; padding-top:15px;} .ui-dialog .ul_coupon > li:first-child {border-top:0; margin-top:0; padding-top:0;} .ui-dialog .ul_coupon > li li {margin-top:5px;} .ui-dialog .paging_navigation{ position:relative !important; width:auto !important; !important; bottom:auto !important; padding:25px 0 0; } /* 큰 레이어 */ .ui-widget-overlay{ position:fixed; left:0; top:0; width:100% !important; height:100% !important; background:rgba(0,0,0,0.5); } .ui-widget.ui-dialog{ display:none; position:fixed !important; max-height:700px; overflow:hidden; min-height:300px !important; } .ui-widget.ui-dialog{ background:#fff; border:1px solid #eee; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:4px; } .ui-widget.ui-dialog .ui-dialog-titlebar{ position:absolute; left:0; top:0; width:100%; padding:25px 25px 0; background:#fff; } .ui-widget.ui-dialog .ui-dialog-titlebar > span{ display:block; /* margin-bottom:25px; */ padding-bottom:20px; font-size:18px; font-weight:400; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; border-bottom:1px solid #ddd; color:#f36910; } .ui-widget.ui-dialog .desc{ font-size:13px; padding:3px 0; color:#666; } .ui-widget.ui-dialog .ui-dialog-titlebar-close{ display:inline-block; position:absolute; right:25px; top:30px; width:16px; height:16px; text-align:center; background:url(/data/skin/default_gl/img/close.png) no-repeat center; background-size:100%; font-size:0; } .ui-widget.ui-dialog .ui-widget-content{ margin-top:74.8px; padding:25px 25px 30px; overflow-y:auto; height:auto !important; min-height:auto !important; max-height:624px; } .ui-widget.ui-dialog #optional_changes_dialog{ margin-bottom:70px; } .ui-widget.ui-dialog .ui-widget-content > div{ padding-bottom:30px; } .ui-widget.ui-dialog .ui-widget-content > #openDialogLayerBtns{ padding-bottom:0; } .ui-widget.ui-dialog #openDialogLayerMsg{ padding:10px 0; min-height:88px; color:#555; } .ui-widget.ui-dialog #openDialogLayerBtns input{ display:inline-block; padding:0 16px; min-width:65px; margin:0 4px; border:1px solid #f36910; background:#f36910; color:#fff; border-radius:4px; font-size:14px; line-height:34px; } .ui-widget.ui-dialog #openDialogLayerBtns input{ font-weight:400; height:50px; cursor:pointer; text-align:center; width:188px; font-size:18px; line-height:50px; } .ui-widget.ui-dialog #openDialogLayerBtns input{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .ui-widget.ui-dialog #openDialogLayerBtns input:hover{ background:#043b74; border-color:#043b74; } .ui-widget.ui-dialog #openDialogLayerBtns .btn.medium input{ /* height:120px; */ } .ui-widget.ui-dialog span.btn{ display:inline-block; } .ui-widget.ui-dialog span.btn button{ display:inline-block; padding:0 16px; min-width:65px; margin:0 4px; border:1px solid #242424; background:#242424; color:#fff; border-radius:4px; font-size:14px; line-height:34px; font-weight:400; cursor:pointer; text-align:center; } .ui-widget.ui-dialog span.btn button{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .ui-widget.ui-dialog span.btn button:hover{ background:#111; border-color:#111; } .ui-widget.ui-dialog #openDialogLayerBtns > span:first-child button{ background:#f36910; border-color:#f36910; } .ui-widget.ui-dialog #openDialogLayerBtns > span:first-child button:hover{ background:#043b74; border-color:#043b74; } .ui-widget.ui-dialog textarea{ padding:12px 15px; line-height:18px; font-size:13px; } .ui-widget.ui-dialog button{ display:inline-block; padding:0 16px; height:36px; min-width:65px; margin:0 4px; border:1px solid #ddd; background:#fff; color:#555; border-radius:4px; font-size:14px; line-height:34px; font-weight:400; letter-spacing:-0.5px; cursor:pointer; text-align:center; } .ui-widget.ui-dialog button{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .ui-widget.ui-dialog button:hover{ color:#fff; background:#f36910; border-color:#f36910; } .ui-widget.ui-dialog .btn_move{ background:#f36910; border-color:#f36910; color:#fff; border-radius:4px; } .ui-widget.ui-dialog .btn_move:hover{ background:#043b74; border-color:#043b74; } .ui-widget.ui-dialog .btn_sch{ background:#242424; border-color:#242424; color:#fff; border-radius:4px; } .ui-widget.ui-dialog .btn_sch:hover{ background:#111; border-color:#111; } .ui-widget.ui-dialog div{ } /*반품신청 레이어 수정 230609_jsy*/ .order_return_jsy .order_number{font-size:18px; font-weight:600; } .order_return_jsy .order_number strong{color:#1f7aea; } .order_return_jsy .order_title{font-size:17px; color:333; } .order_return_jsy .order_title span{font-size:14px; margin-left:10px; } .order_return_jsy .shipping_group label{display:block; margin-bottom:5px; } .order_return_jsy label{font-size:15px; font-weight:500; color:#555; margin-right:8px; } .order_return_jsy .order_notice_text p{display:block; color:red; font-size:14px; padding-top:5px; } /* 결제취소 레이어 */ .ui-widget.ui-dialog #order_refund_layer{} .ui-widget.ui-dialog #order_refund_container form table.list_table_style > thead > tr > th{ font-size:12px; } .ui-widget.ui-dialog #order_refund_container form table.list_table_style > thead > tr > td{ font-size:12px; } .ui-widget.ui-dialog #order_refund_container form table.list_table_style > thead > tr > td select{ padding-left:5px; } .ui-widget.ui-dialog #order_refund_container .order_thumb_wrap dt{ width:70px; } .ui-widget.ui-dialog #order_refund_container .order_thumb_wrap dt .order_thumb, #order_refund_container .order-item-image img{ display:block; width:50px; } .ui-widget.ui-dialog #refund_method_layer table.info_table_style > tbody > tr > th{ font-size:12px; vertical-align:middle; text-align:center; } .ui-widget.ui-dialog #refund_method_layer table.info_table_style > tbody > tr > td{ font-size:12px; } .ui-widget.ui-dialog #refund_method_layer table.info_table_style > tbody > tr > td input{ width:130px; } .ui-widget.ui-dialog #order_refund_layer #order_refund_container form > p{ font-size:12px; } .ui-widget.ui-dialog #order_refund_layer #order_refund_container form > strong{ font-size:12px; } .ui-widget.ui-dialog #order_refund_layer #order_refund_container form > ol il{ font-size:12px; } .ui-widget.ui-dialog #order_refund_layer .btn_wrap{ margin-top:15px; text-align:center; } #order_refund_layer ol > li{font-size: 12px; color:#444444;} .ui-widget.ui-dialog .list_table_style select{ font-size:12px; } /* 상품 검색 : 팝업 레이어 */ div.search-form-container{} /* 학사일정 */ .smonth {border-top:1px solid #000000;border-bottom:1px solid #dedede;margin-bottom:30px;} .smonth:after {clear:both;content:'';display:block;} .smonth li {float:left;width:8.3333%; position:relative;} .smonth li a {display:inline-block;width:100%;text-align:center;font-size:18px;padding-top:15px;padding-bottom:15px;} .smonth li a.active {color:#f36910;font-weight:700;font-size:18px; } .tac{ text-align:center; } /* 제품 리스트 페이지 > 상단 이미지 배너 */ .list_top_banner1{ overflow:hidden; margin-bottom:60px; text-align:center; } .list_top_banner1 > a{ float:left; display:block; width:50%; } .list_top_banner1 > a:nth-child(2n+1){ clear:both; } .list_top_banner1 img{ width:auto; max-width:100%; } .top_banner_left{ float:left; width:40%; background:#fcfcfc; } .top_banner_left a{ display:block; } .top_banner_right{ overflow:hidden; float:left; width:60%; } .top_banner_right li{ float:left; width:50%; line-height:100px; } .top_banner_right a{ display:block; } .list_top_banner2{ overflow:hidden; margin:20px auto 50px; text-align:center; } .list_top_banner2 img{ width:auto; max-width:100%; } .list_top_banner2 li{ float:left; width:33.33333%; } .list_top_banner2 li:nth-child(2){ background:#fcfcfc; } .list_top_banner{ overflow:hidden; margin-bottom:50px; border:solid 1px rgba(0,0,0,.1); } .list_top_banner li{ position:relative; float:left; width:25%; border-right:solid 1px rgba(0,0,0,.1);} .list_top_banner li a{ position:relative; display:block; } .list_top_banner li:last-child{border-right:0;} .list_top_banner li a:before{content:''; position:absolute; top:0; left:0; border-bottom:solid 1px rgba(0,0,0,.1); width:100%; height:100%; z-index:1;} .list_top_banner li a:last-child:before{border-bottom:none;} /*.list_top_banner li:first-child a{margin-right:-2px;} .list_top_banner li:nth-child(2){border-right:none;} .list_top_banner li:nth-child(3){border-right:none;} .list_top_banner li:nth-child(2) a:nth-child(3){border-bottom:none;} .list_top_banner li:nth-child(3) a:nth-child(3){border-bottom:none;} .list_top_banner li:nth-child(4) a:nth-child(3){border-bottom:none; margin-bottom:1px; } */ .list_top_banner li a img{ width:auto; max-width:100%; image-rendering:pixelated; } /* 발송추적 */ .order_list_table th{ font-weight:500 !important; } .order_list_table th, .order_list_table td{ padding:5px !important; font-size:14px !important; line-height:20px !important; color:#333 !important; } .order_list_table span.order-item-image{ width:auto !important; } .order_list_table span.order-item-image img{ width:50px !important; height:50px !important; margin:0 !important; line-height:20px !important; } .order_list_table span{ display:inline-block; color:#333 !important; } .order_list_table button{ display:inline-block; height:32px; padding:0 10px; font-size:13px; line-height:30px; border:1px solid #ddd; background:#fff; color:#555; border-radius:4px; font-weight:400; letter-spacing:-0.5px; cursor:pointer; text-align:center; } .order_list_table button{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .order_list_table button:hover{ background:#f36910; border-color:#f36910; color:#fff; } .order_list_table .black_btn{ display:inline-block; height:32px; padding:0 10px; font-size:13px; line-height:30px; border:1px solid #f36910; background:#f36910; color:#fff; border-radius:4px; font-weight:400; letter-spacing:-0.5px; cursor:pointer; text-align:center; } .order_list_table .black_btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .order_list_table .black_btn:hover{ background:#043b74; border-color:#043b74; } .order_list_table .exp-content div{} .order_list_table .exp-content .option-info > img{ vertical-align:-2px; } /* 배송지 수정 페이지 */ .ui-widget.ui-dialog #in_Address{ font-size:14px; color:#555; } .ui-widget.ui-dialog #in_Address .mb10{ margin-bottom:10px; } .ui-widget.ui-dialog #in_Address table.info_table_style{} .ui-widget.ui-dialog #in_Address table.info_table_style label input{ vertical-align:-2px; } .ui-widget.ui-dialog #in_Address table.info_table_style th, .ui-widget.ui-dialog #in_Address table.info_table_style td{ padding:5px; vertical-align:middle; color:#555; } .ui-widget.ui-dialog #in_Address table.info_table_style th{ width:20%; color:#333; text-align:center; } .ui-widget.ui-dialog #in_Address table.info_table_style input, .ui-widget.ui-dialog #in_Address table.info_table_style select{ margin-top:3px; margin-bottom:3px; } .ui-widget.ui-dialog #in_Address .btn_wrap{ text-align:center; margin-top:20px; } /* 작은 레이어 */ .detailDescriptionLayer { position:absolute; z-index:9 !important;} .detailDescriptionLayer .layer_wrap {position:relative; min-width:200px; border:1px solid #ddd; background:#fff; box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); } .detailDescriptionLayer .layer_wrap2 {margin:2px 0 0 -30px; position:relative; border:1px solid #aaa; border-radius:5px; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1); background:rgba(255, 255, 255, 0.95); padding:10px; line-height:1.4;} .detailDescriptionLayer .layer_wrap h1 {border-bottom:1px solid #ddd; background:#f1f1f1; padding-left:15px; text-align:left; height:30px; line-height:30px; font-size:14px; font-weight:500; letter-spacing:-0.5px;} .detailDescriptionLayer .layer_wrap a.detailDescriptionLayerCloseBtn {position:absolute; top:0; right:0; display:inline-block; background:url('../images/common/btn_detail_close.png') no-repeat; width:30px; height:30px; text-indent:-9999px;} .detailDescriptionLayer .layer_wrap .layer_inner { padding:15px; text-align:left; color:#555; font-size:12px; line-height:120%; } .detailDescriptionLayer .layer_wrap .layer_inner2{ padding:10px 15px; font-size:13px; line-height:140%; } .detailDescriptionLayer .layer_inner button{ display:inline-block; padding:0 10px; margin:0 4px; border:1px solid #ddd; background:#fff; color:#555; border-radius:4px; font-size:13px; line-height:30px; font-weight:400; letter-spacing:-0.5px; cursor:pointer; text-align:center; } .detailDescriptionLayer .layer_inner button{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .detailDescriptionLayer .layer_inner button:hover{ color:#fff; background:#f36910; border-color:#f36910 !important; } .detailDescriptionLayer .layer_wrap .layer_inner strong, .detailDescriptionLayer .layer_wrap .layer_inner a {font-size:inherit; color:inherit;} .detailDescriptionLayer .layer_wrap .layer_inner a.more {display:block; background:url('../images/common/btn_detail_more2.png') no-repeat right 7px; padding-right:8px; text-align:right; color:#2c8ff0;} .detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li {margin-top:10px; background:url('../images/common/ico_detail_list.png') no-repeat left 4px; padding-left:15px;} .detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li:first-child {margin-top:0;} .detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li .ul_list2 {margin-left:-8px;} .detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country {margin-bottom:5px; width:100%; padding:0;} .detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dt {float:left; width:65%;} .detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dt img {border:1px solid #ddd;} .detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dd {float:right; width:30%; text-align:right;} .detailDescriptionLayer .ddlTable tr th, .detailDescriptionLayer .ddlTable tr td {padding:0; border-top:1px solid #ddd; text-align:center;} .detailDescriptionLayer .ddlTable tr:first-child th, .detailDescriptionLayer .ddlTable tr:first-child td {border-top:none; line-height:inherit} .detailDescriptionLayer .tbl_row {border-collapse:collapse; font-weight:normal; color:#666;} .detailDescriptionLayer .tbl_row tbody th {border:1px solid #ddd; background:#f9f9f9; text-align:left; padding:5px; line-height:inherit} .detailDescriptionLayer .tbl_row tbody td {border:1px solid #ddd; background:#fff; padding:5px; line-height:inherit} .detailDescriptionLayer .tbl_col {border-collapse:collapse; font-weight:normal; color:#666;} .detailDescriptionLayer .tbl_col th, .detailDescriptionLayer .tbl_col td {border:1px solid #ddd; padding:5px; line-height:inherit} .detailDescriptionLayer .tbl_col thead th {background:#f1f1f1; text-align:center; line-height:inherit} .detailDescriptionLayer .tbl_col tbody th {background:#f9f9f9; text-align:center; line-height:inherit} .detailDescriptionLayer .tbl_col tbody td {background:#fff; text-align:center; line-height:inherit;} .goods_delivery_info .detailDescriptionLayer{ right:0; } .detailDescriptionLayer .layer_wrap .layer_inner .tb_timetable{ border-collapse:separate; } #goods_view .detailDescriptionLayer .layer_wrap .layer_inner{ padding:10px; font-size:13px; } #goods_view .detailDescriptionLayer .layer_wrap a.detailDescriptionLayerCloseBtn{ right:5px; top:3px; } #goods_view .goods_option_table .detailDescriptionLayer .layer_wrap a.detailDescriptionLayerCloseBtn{ right:0; top:0; } /* 221117_캘린더 스타일 수정_jsy */ .detailDescriptionLayer .layer_wrap.calendar_jsy{box-shadow:none;} .detailDescriptionLayer .layer_wrap.calendar_jsy .layer_inner{padding:18px 10px !important;} .detailDescriptionLayer .layer_wrap.calendar_jsy .j_month{margin-top:10px; } .detailDescriptionLayer .layer_wrap.calendar_jsy .calendar_title{font-size:19px; font-weight:600; letter-spacing:-.5px; color:#000;} .detailDescriptionLayer .layer_wrap.calendar_jsy .prev img{padding-top:7px; margin-right:12px; opacity:.1; } .detailDescriptionLayer .layer_wrap.calendar_jsy .prev:hover img{opacity:.3; transition:ease all .5s; } .detailDescriptionLayer .layer_wrap.calendar_jsy .next img{padding-top:7px; margin-left:11px; opacity:.1; } .detailDescriptionLayer .layer_wrap.calendar_jsy .next:hover img{opacity:.3; transition:ease all .5s; } .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable{width:280px !important; } .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable th{text-align:center; padding:12px 0 3px !important; color:#555; } .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable th:first-child{color:#e84147;} .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable th:last-child{color:#0054e0;} .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable .tbdate{padding:1px 4px !important; font-size:14px; color:#ddd;} .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable .tbdate span{display:inline-block; width:100%; padding:2px 6px; border:solid 2px #fff; } .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable .tbdate.day_jsy:nth-child(7n){color:#0054e0;} .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable .tbdate.day_jsy:nth-child(7n+1){color:#e84147;} .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable .tbdate.day_jsy{cursor:pointer; color:#333; font-weight:500;} .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable .tbdate.day_jsy:hover span{ border:solid 2px #f36910; border-radius:100px; color:#000; font-weight:600; transition:ease all .3s; } .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable .tbdate.day_jsy:nth-child(7n):hover span{color:#0054e0;} .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable .tbdate.day_jsy:nth-child(7n+1):hover span{color:#e84147;} .detailDescriptionLayer .layer_wrap.calendar_jsy .tb_timetable .tbdate.day_jsy.on span{background:#f36910; border:solid 2px #f36910; color:#fff; font-weight:600; border-radius:100px; } .detailDescriptionLayer .layer_wrap.calendar_jsy .calendar_btn_jsy{margin:15px; } .detailDescriptionLayer .layer_wrap.calendar_jsy .calendar_btn_jsy button{font-size:13px; border-radius:100px; height:33px; padding:1px 0 0; } .detailDescriptionLayer .layer_wrap.calendar_jsy .calendar_btn_jsy .btn_move{min-width:55px;} /* 2017.09.27, wkwang */ .shipping_icon_jsy{display:inline; position:relative; } .shipping_icon_jsy .detailShippingInfoLayer{left:0; } .detailShippingInfoLayer { position:absolute; z-index:9; right:0; } .detailShippingInfoLayer .layer_wrap {position:relative; min-width:200px; border:1px solid #ddd; background:#fff; -webkit-box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); -moz-box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); text-align:left;} .detailShippingInfoLayer .layer_wrap h1 {border-bottom:1px solid #ddd; background:#f1f1f1; padding-left:15px; text-align:left; height:30px; line-height:30px; font-size:14px; font-weight:500; letter-spacing:-0.5px;} .detailShippingInfoLayer .layer_wrap a.detailShippingInfoLayerCloseBtn {position:absolute; top:0; right:0; display:inline-block; background:url('../images/common/btn_detail_close.png') no-repeat; width:30px; height:30px; text-indent:-9999px;} .detailShippingInfoLayer .layer_wrap .layer_inner {padding:15px; text-align:left; color:#555; font-size:12px; line-height:120%;} .detailShippingInfoLayer .layer_wrap .layer_inner strong {display:block; margin-bottom:5px;} .detailShippingInfoLayer .layer_wrap .layer_inner h2 {margin:10px 0 5px 0; font-size:13px; font-weight:700;} .detailShippingInfoLayer .layer_wrap .layer_inner .baserule, .detailShippingInfoLayer .layer_wrap .layer_inner .add {padding:10px; margin-top:10px; border:1px solid #ddd; background-color:#f3f3f3;} .detailShippingInfoLayer .layer_wrap .layer_inner .add ul li {margin-top:5px;} .detailShippingInfoLayer .layer_wrap .layer_inner .add ul li:first-child {margin-top:0;} .detailShippingInfoLayer .layer_wrap .layer_inner .add ul li em {float:right; font-weight:500; font-style:normal; } /*지출증빙 레이어 스타일*/ .issueInfoLayer { position:absolute; z-index:9; right:0; } .issueInfoLayer .layer_wrap {position:relative; min-width:200px; border:1px solid #ddd; background:#fff; -webkit-box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); -moz-box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); text-align:left;} .issueInfoLayer .layer_wrap h1 {border-bottom:1px solid #ddd; background:#f1f1f1; padding-left:15px; text-align:left; height:30px; line-height:30px; font-size:14px; font-weight:500; letter-spacing:-0.5px;} .issueInfoLayer .layer_wrap a.issueInfoLayerCloseBtn {position:absolute; top:0; right:0; display:inline-block; background:url('../images/common/btn_detail_close.png') no-repeat; width:30px; height:30px; text-indent:-9999px;} .issueInfoLayer .layer_wrap .layer_inner {padding:15px; text-align:left; color:#555; font-size:12px; line-height:120%;} .issueInfoLayer .layer_wrap .layer_inner strong {display:block; margin-bottom:5px;} .issueInfoLayer .layer_wrap .layer_inner h2 {margin:10px 0 5px 0; font-size:13px; font-weight:700;} .issueInfoLayer .layer_wrap .layer_inner .baserule, .issueInfoLayer .layer_wrap .layer_inner .add {padding:10px; margin-top:10px; border:1px solid #ddd; background-color:#f3f3f3;} .issueInfoLayer .layer_wrap .layer_inner .add ul li {margin-top:5px;} .issueInfoLayer .layer_wrap .layer_inner .add ul li:first-child {margin-top:0;} .issueInfoLayer .layer_wrap .layer_inner .add ul li em {float:right; font-weight:500; font-style:normal; } /* 셀렉트박스 */ .sbHolder { position:relative; } /* 상품디스플레이 탭 스타일 */ /* ul.displayTabType1 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;} ul.displayTabType1:after {content:""; display:block; clear:both;} ul.displayTabType1 li {float:left; background-color:#efefef; color:#858585; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; cursor:default;} ul.displayTabType1 li.current {background-color:#313642; color:#fff; border-top:1px solid #313642; border-right:1px solid #313642;} ul.displayTabType3 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;} ul.displayTabType3:after {content:""; display:block; clear:both;} ul.displayTabType3 li {float:left; background-color:#efefef; color:#858585; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; cursor:default;} ul.displayTabType3 li.current {background-color:#727c8a; color:#fff; border-top:1px solid #727c8a; border-right:1px solid #727c8a;} ul.displayTabType4 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;} ul.displayTabType4:after {content:""; display:block; clear:both;} ul.displayTabType4 li {float:left; background-color:#e0e6f7; color:#8190b5; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #c9d0e7; border-right:1px solid #c9d0e7; cursor:default;} ul.displayTabType4 li.current {background-color:#4b69b1; color:#fff; border-top:1px solid #4b69b1; border-right:1px solid #4b69b1;} ul.displayTabType5 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;} ul.displayTabType5:after {content:""; display:block; clear:both;} ul.displayTabType5 li {float:left; background-color:#fce8f5; color:#d783bb; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #eccbde; border-right:1px solid #eccbde; cursor:default;} ul.displayTabType5 li.current {background-color:#e08ac3; color:#fff; border-top:1px solid #e08ac3; border-right:1px solid #e08ac3;} ul.displayTabType6 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;} ul.displayTabType6:after {content:""; display:block; clear:both;} ul.displayTabType6 li {float:left; background-color:#f9f0d7; color:#ba9857; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #decfa4; border-right:1px solid #decfa4; cursor:default;} ul.displayTabType6 li.current {background-color:#c99a32; color:#fff; border-top:1px solid #c99a32; border-right:1px solid #c99a32;} ul.displayTabType7 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;} ul.displayTabType7:after {content:""; display:block; clear:both;} ul.displayTabType7 li {float:left; background-color:#eef5e2; color:#88a845; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #cddab7; border-right:1px solid #cddab7; cursor:default;} ul.displayTabType7 li.current {background-color:#85a849; color:#fff; border-top:1px solid #85a849; border-right:1px solid #85a849;} */ .displayTabTypeImage_wrap{ margin-top:30px; } .displayTabTypeImage {*zoom:1; display:inline-block; background:#fff !important; } .Sub .displayTabTypeImage:before{ display:none; } .Sub .displayTabTypeImage:after {content:""; display:block; clear:both;} .Sub .displayTabTypeImage li { float:left; max-width:100%; width:auto !important; margin-top:0; line-height:160%; border:none; background:#fff; } .Sub .displayTabTypeImage li.current { color:#000; border:none; } .Sub .displayTabTypeImage li.current:before{ display:none; } #layout_config_full .center .designDisplay:nth-of-type(1) ul.displayTabTypeImage{ margin-top:0; } .displayTabTypeImage.one{ display:block; } .displayTabTypeImage.one li{ float:none; width:100% !important; } .displayTabTypeImage.one li span{ display:block; } .displayTabTypeImage.one li img{ } /*----------------------------------*/ /* 회원(member) /*----------------------------------*/ /* 로그인폼 - 상하 */ .login_wrap { display:flex; position:relative; margin:0 auto; text-align:center; } .login_wrap:after{ display:block; content:''; clear:both; } .login_wrap form{ float:left; width:30.6666%; margin-left:4%; height:347px; padding:35px 40px; border:1px solid #eee; border-radius:4px; } .login_wrap form{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .login_wrap form:first-child{ margin-left:0; } .login_wrap form:focus, .login_wrap form:hover{ border-color:#ddd; } .login_wrap form h4{ font-size:24px; color:#333; font-weight:500; letter-spacing:-0.5px; margin-bottom:20px; } .login_wrap .login_form input[type='text'], .login_wrap .login_form input[type='password'] { width:100%; /*width:357px\0IE8+9;*/ height:46px; line-height:46px; border:1px solid #ddd; font-size:14px; } .login_wrap .login_form input{ margin:0 0 10px; border-radius:2px; } .login_wrap .login_form .login_btn{ width:100%; border-radius:2px; height:48px; line-height:48px; } .login_wrap .login_form input:focus .login_wrap .login_list {zoom:1; padding-top:2px; } .login_wrap .login_list:after {clear:both; display:block; content:'';} .login_wrap .login_list li { color:#555; font-size:15px; line-height:20px; text-align:left; } .login_wrap .login_list li label { } .login_wrap .login_list li input{ vertical-align:-2px; } .login_wrap form:nth-of-type(3) .login_list li{ font-size:14px; word-break:keep-all; } .login_wrap .sns_join{ margin-top:15px; padding-top:0; margin-top:0; border-top:none; } .joinpwd{ margin-top:30px; text-align:center; } .joinpwd a{ position:relative; display:inline-block; margin:0 20px; font-size:16px; color:#777; } .joinpwd a:last-child:before{ position:absolute; left:-20px; top:50%; margin-top:-7px; content:''; width:1px; height:12px; background:#ccc; } .login_wrap form .login_form input[type='text']:focus, .login_wrap form .login_form input[type='password']:focus{ border-color:#bbb; /* color:#f36910; */ } /* .login_wrap form:nth-child(2) .login_form input[type='text']:focus, .login_wrap form:nth-child(2) .login_form input[type='password']:focus{ border-color:#242424; color:#242424; } .login_wrap form:nth-child(3) .login_form input[type='text']:focus, .login_wrap form:nth-child(3) .login_form input[type='password']:focus{ border-color:#043b74; color:#043b74; } */ /* 통합회원_로그인폼 수정 */ .tong_check_jsy{display:block; padding-bottom:5px; color:#888; } .tong_check_jsy input[type="checkbox"]:checked + label{color:#ec6006;} .tong_check_jsy label{font-size:15px; display:inline-block; margin:2px 0 0 4px; } .login_list.jsy{overflow:hidden; } .login_list.jsy.tong{text-align:center;} .login_list.jsy.tong .joinpwd.jsy{float:inherit;} .login_wrap form:nth-of-type(3) .login_list.jsy li{font-size:13px;} .login_list.jsy li{display:inline-block; float:left; font-size:13px;} .login_list.jsy .joinpwd.jsy{margin-top:0; float:right;} .login_list.jsy .joinpwd.jsy a{font-size:13px; margin:0; } .login_list.jsy .joinpwd.jsy a:hover{color:#141414; transition:ease all .1s; } .login_list.jsy .joinpwd.jsy a:first-child{margin-right:10px;} .joinpwd.jsy a:last-child:before{left:-6px; top:55%; height:10px;} .login_form.jsy h5{font-size:17px; font-weight:400; color:#555; margin-bottom:10px; letter-spacing:-.3px; } .login_form.jsy img{display:block; margin:0 auto 15px; max-width:100%; width:auto; } .login_wrap form .jsy_tong_login{margin-bottom:3px;} /*비밀번호 확인*/ .register_gate_password{ margin:35px auto; } .register_gate_password input{ width:376px; height:48px; line-height:48px; border-radius:4px; } /* 회원정보 변경 */ table.join.info_table_style{ margin-bottom:40px; border:1px solid #ddd; border-width:1px 0; } table.join.info_table_style tr th, table.join.info_table_style tr td{ height:63px; padding:10px; border:1px solid #eee; border-width:1px 0 0 0; font-size:15px; line-height:36px; } table.join.info_table_style tr th{ width:18%; color:#333; background:none !important; } table.join.info_table_style tr td{ /* width:82%; */ padding-left:25px; color:#555; } table.join.info_table_style tr td select{} table.join.info_table_style tr th, table.join.info_table_style tr td{} table.join.info_table_style .input_long, table.join.info_table_style .input_small{ margin:3px 0 3px 0; } table.join.info_table_style .desc{ margin-left:7px; } table.join.info_table_style .bbs_btn{ margin-top:3px; margin-bottom:3px; } table.join.info_table_style .pdt10.desc{ font-size:14px; margin:5px 0 0 0; } table.join.info_table_style select{ min-width:303px; } table.join.info_table_style label{ margin-right:5px; font-size:14px; } table.join.info_table_style label input{ vertical-align:-2px; } table.join.info_table_style select.input_small{ min-width:125.5px; } /* 로그인 - 좌우 */ .login_wrap .login_form2 {text-align:left; zoom:1;} .login_wrap .login_form2:after {clear:both; display:block; content:'';} .login_wrap .login_form2 li {float:right; width:30%;} .login_wrap .login_form2 li:first-child {float:left; width:65%;} .login_wrap .login_form2 input[type='text'], .login_wrap .login_form2 input[type='password'] {width:100%; height:35px; line-height:35px; border:1px solid #e0e0e0; padding-left:10px; font-size:14px;} .login_wrap .login_form2 input {margin-bottom:8px;} .login_wrap .login_form2 .login_btn {padding:35px 0; width:100%; min-width:100px;} /* SNS 로그인 */ .sns_join {width:100%; /* margin:20px auto 0; */ padding-top:10px; text-align:center; *zoom:1;} .sns_join h4 {margin-bottom:15px; color:#666;} .sns_join .sns_list {text-align:center;} .sns_join .sns_list li {display:inline-block; text-align:left; padding:0px; margin:3px;} .sns_join .sns_list li img {cursor:pointer;} .sns_join .login_form a.login_btn{ font-size:16px; color:#f36910; } /* 회원가입 - 스텝 */ .join_step {margin:30px auto; /*border:1px solid #e0e0e0; background:#fff; */zoom:1;} .join_step:after {clear:both; display:block; content:'';} .join_step li {float:left; width:24.5%; margin:0 2px; border-bottom:3px solid #c8c8c8; background:url('../images/common/order_step_arrow.png') no-repeat left center; padding:15px 0; text-align:center; color:#999;} .join_step li:first-child {background:none;} .join_step li h3 {font-size:24px; font-weight:500; letter-spacing:-0.5px; color:inherit;} .join_step li h3 span {display:inline-block; vertical-align:middle; margin:-5px 0 0 10px; font-size:16px;} .join_step li.active {border-color:#666; color:#666;} /* 회원가입 */ .join_wrap .gate_wrap {/* margin-top:15px; border-top:1px solid #666; */} .join_wrap > h4{ margin-top:15px; font-size:25px; font-weight:700; padding-bottom:13px; color:#242424; } .join_wrap .benefit_wrap {border-bottom:1px dotted #a0a0a0; background:#f9f9f9; padding:20px 0; text-align:center; color:#666;} .join_wrap .benefit_wrap h5 {color:inherit;} .join_wrap .benefit_wrap ul {text-align:center; margin:0 auto;} .join_wrap .benefit_wrap li {display:inline-block;} .join_wrap .benefit_wrap li .benefit {font:13px Verdana; font-weight:500; color:#c40000;} .join_wrap .type_list {padding:20px 0 0; text-align:center;} .join_wrap .type_list .type {display:inline-block; vertical-align:middle; margin-right:20px; font-size:14px; font-weight:500;} .join_wrap .type_list .jointypemember {min-width:150px !important;} .join_wrap .benefit_wrap2 {margin:30px auto 0; border:1px solid #e0e0e0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:20px; text-align:center; color:#666;} .join_wrap .benefit_wrap2 h5 {font-size:14px; color:inherit;} .join_wrap .benefit_wrap2 .benefit_list {width:615px; margin:0 auto;} .join_wrap .benefit_wrap2 .benefit_list li {float:left; width:14.2%; text-align:center; font-size:11px; color:#888;} .join_wrap .agree_wrap {} .join_wrap .agree_wrap .textarea {margin:20px auto 35px; border:1px solid #ddd; border-radius:4px; background:#fcfcfc; padding:20px 30px; color:#555; font-size:14px; } .join_wrap .agree_wrap .textarea strong{ color:#333; } .join_wrap .agree_wrap .textarea textarea {width:100%; height:200px; border:0px; padding:0;} .join_wrap .agree_wrap .agree { text-align:center;} .join_wrap .form_wrap {margin:10px auto 15px;} .join_wrap .welc_wrap {margin:100px auto; text-align:center;} .join_wrap .welc_wrap .welcome {font-size:50px; font-weight:normal; color:#666;} .join_wrap .welc_wrap p {margin-top:10px; font-size:14px;} .join_wrap .btn_wrap {margin-top:30px;} /* 회원가입 추가:jsy */ .bg_grey{background:#f7f7f7; } .form_wrap .desc.jsy{display:block; font-size:14px; color:#888; padding-top:8px;} .new_title_jsy{display:none;} .new_school_jsy{max-width:1000px; width:auto; margin:40px auto 60px; border-top:solid 1px #eee; } .new_school_jsy.connectnear.connecttoup { margin-top:0px; padding-top:0px; } .new_school_jsy.connectnear.connecttodown { margin-bottom:0px; padding-bottom:0px; } .new_school_jsy .join_required{display:inline-block; background:none; vertical-align:top; color:#ec6006; } .new_school_jsy > span { display:block; padding: 10px 30px 0; font-size: 14px; color: #888;} .new_school_jsy > span:first-of-type { padding-top: 25px; } .new_school_jsy input:read-only { cursor: default; } .school_new_info.new{background:#f9f9f9; } .school_new_info .pdb5{padding-bottom:5px;} .school_new_info .desc{margin-left:7px; font-size:14px; color:#888; } .school_new_info dl {overflow:hidden; padding:15px 30px; border-bottom:solid 1px #eee; } .school_new_info.new dl { border-bottom:dotted 1px #eee; } .school_new_info dt {float:left; width:18.5%; font-size:15px; font-weight:500; color:#333; padding-top:7px; } .school_new_info dd {float:left; width:81.5%; font-size:15px; } .school_new_info #new_mail{margin-top:-3px;} .school_new_info #new_sms{margin-top:-3px; margin-left:10px; } .school_new_info.new #hangul_box{display:none;} .school_new_info.new #teach_position_box{display:none;} .iscream_myinfo dl{ padding-top:18px; padding-bottom:18px; } .iscream_myinfo .school_new_info dt{ padding-top:0; } .iscream_myinfo .sms_field dt{ padding-top:4px; } .iscream_myinfo .sms_field dd .desc{ margin-left:0; } .iscream_myinfo .school_new_info.school_info dt{ padding-top:6px; } .welcome-desc .new{max-width:1000px; width:auto; margin:0 auto; text-align:left; margin-bottom:-25px; } .welcome-desc .join_required{background:none; vertical-align:top; color:#ec6006; } input.validation_focused { border: 2px solid #000000; } /* 약관동의 */ .agrees.pl20{ overflow:hidden; max-width:700px; margin:0 auto; padding:0 30px 10px; padding-left:70px; } /* 회원가입 완료 시 팝업 레이어 */ /* #openDialogLayerMsg > div{ padding-bottom:10px; } #openDialogLayerMsg > div h3{ margin-bottom:5px; font-size:20px; font-weight:500; color:#242424; } #openDialogLayerMsg > div br{ display:none; } #openDialogLayerMsg > div p{} #openDialogLayerMsg > div p span{ display:inline-block; font-size:18px; color:#333; font-weight:500; color:#f36910; } #openDialogLayerMsg > div p span i{ margin-left:-2px; font-size:15px; font-weight:400; font-style:normal; } */ /* 본인인증/성인인증 */ .join_wrap .adult_img {margin-bottom:30px; border:1px solid #e0e0e0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:20px;} .join_wrap .adult_img dl {width:800px; margin:0 auto;} .join_wrap .adult_img dt {display:table-cell;} .join_wrap .adult_img dd {display:table-cell; padding:5px 0 0 20px; font-size:14px; line-height:1.6; letter-spacing:-0.5px;} .join_wrap .auth_wrap {margin-bottom:60px;,margin-top:40px;} .join_wrap .auth_wrap ul {display:table; width:100%;} .join_wrap .auth_wrap ul li {display:table-cell; padding-left:5px; vertical-align:top;width:50%;} .join_wrap .auth_wrap ul li:first-child {padding-left:0; padding-right:5px;} .join_wrap .auth_wrap ul:first-child { padding-left:20%; } .join_wrap .auth_wrap ul:last-child { padding-right:20%; } .join_wrap .auth_wrap .auth {padding:15px 0 0; text-align:center;} .join_wrap .auth_wrap .auth .find_id{ overflow:hidden; width:90%; margin:0 auto 15px; } .join_wrap .auth_wrap .auth .find_id span{ float:left; width:26%; line-height:36px; text-align:left; } .join_wrap .auth_wrap .auth .find_id span:last-child{ width:74%; } .join_wrap .auth_wrap dl { margin:0 auto; text-align:center;} .join_wrap .auth_wrap dt {height:70px; border-radius:50%; background:#fff;} .join_wrap .auth_wrap #ipin_id_tab dt{} .join_wrap .auth_wrap dd { text-align:center;} .join_wrap .auth_wrap dd p {margin-bottom:10px; font-size:15px; letter-spacing:-0.2px; line-height:1.4;} .join_wrap .auth_wrap table{} .join_wrap .auth_wrap table th, .join_wrap .auth_wrap table td{ font-size:14px; color:#333; padding:5px 0; line-height:48px; } .join_wrap .auth_wrap table th{ width:20%; font-weight:500; } .join_wrap .auth_wrap table td{ width:80%; } .join_wrap .auth_wrap table td input{ width:100% !important; height:48px; line-height:48px; } .join_wrap .ul_list2{padding-left:10%;} a.btn_sch.large { background: #f36910; line-height: 35px; font-size: 20px; font-weight: 400; color: #fff; padding: 10px; border-radius: 4px; } /* 230607_본인인증/성인인증_추가작업 */ .join_wrap.jsy {text-align:center; } .join_wrap.jsy .adult_img{ border:none; } .join_wrap.jsy .adult_img .clearbox{ display:flex; border:solid 1px #e0e0e0; padding:25px; 15px; border-radius:20px; } .join_wrap.jsy .adult_img .clearbox dd{text-align:left; font-size:15px; } .join_wrap .auth_wrap.jsy{max-width:800px; width:auto; margin:0 auto; } .join_wrap .auth_wrap.jsy .auth{ padding:0; } .join_wrap .auth_wrap.jsy ul{display:inline-block; overflow:hidden; padding:20px 10px; } .join_wrap .auth_wrap.jsy ul li{float:left; width:49%; margin-left:2%; background:#f9f9f9; border-radius:15px; box-shadow:2px 2px 5px #eee; padding:25px 0; } .join_wrap .auth_wrap.jsy ul li:first-child{margin-left:0; } .join_wrap .auth_wrap.jsy ul li dt{width:auto; height:auto; background:none; } .join_wrap .auth_wrap.jsy ul li dd {text-align:center; } .join_wrap .auth_wrap.jsy ul li dd p {font-size:16px; line-height:130%; padding:10px 0 15px; margin-bottom:0; } .join_wrap .auth_wrap.jsy ul li dd p b{color:#f36910; font-weight:500; } .join_wrap .auth_wrap.jsy ul li dd a{display:inline-block; background:#fff; color:#141414; padding:5px 20px; font-size:18px; font-weight:600; border-radius:100px; box-shadow:2px 2px 5px #ddd; letter-spacing:-.5px; } .join_wrap .auth_wrap.jsy ul li dd a:hover{background:#f36910; transition:ease all .3s; color:#fff; box-shadow:none; } .ul_list2.jsy{padding:0; } .ul_list2.jsy li{ position:relative; display:inline-block; background:none; color:rgba(0,0,0,.7); font-size:14px; padding-left:0; } .ul_list2.jsy li:before{position:absolute; content:''; width:3px; height:3px; top:8px; left:-9px; background:#aaa; border-radius:100px; } /* 아이디/비밀번호 찾기 */ .login_find_block{ position:relative; max-width:900px; padding-top:20px;margin:0 auto 0; font-size:14px; } .login_find_block:after{ display:block; content:''; clear:both; } .login_find_block label{ margin-right:5px; font-size:14px; } .login_find_block label input{ vertical-align:-2px; } .login_find_block h5{ margin-bottom:5px; } .login_find_wrap{ float:left; width:48%; margin-left:4%; } .login_find_wrap:nth-of-type(1){ margin-left:0; } .login_find_wrap h4{ font-size:24px; color:#333; font-weight:500; letter-spacing:-0.5px; margin-bottom:18px; text-align:Center; } .login_find_wrap{ padding:35px 40px; min-height:562px; border:1px solid #eee; border-radius:4px; } .auth_result{ font-size:15px; color:#555; } .auth_result strong{ color:#333; } /* 아이디/비밀번호 찾기_txt수정_jsy : 230616 */ .member_find_txt.jsy {max-width:900px; width:auto; margin:-20px auto 15px; background:#fbfbfb; padding:30px 0; border-radius:10px; border:solid 1px #eee; } .member_find_txt.jsy h3{ text-align:center; color:#242424; font-size:19px; line-height:140%; letter-spacing:-.5px; padding-bottom:10px; } .member_find_txt.jsy h3 a{color:#333; font-size:16px; } .member_find_txt.jsy h3 a:hover{color:#328bff; transition:ease all .2s; } .member_find_txt.jsy p{ display:block; text-align:center; color:rgba(0,0,0,.7); font-size:16px; line-height:160%; letter-spacing:-.5px; font-weight:500; } .member_find_txt.jsy p a{ position:relative; display:inline-block; background:#328bff; color:#fff; padding:2px 30px 1px 15px; border-radius:100px; margin-left:4px; font-size:14px; } .member_find_txt.jsy p a:after{ position:absolute; content:''; top:3px; right:9px; width:18px; height:18px; background:url('/data/skin/default_gl/images/member_find_download.png')no-repeat center; } .member_find_txt.jsy p a:hover{background:#0057c9; transition:ease all .2s; } .send_cart_info.jsy{background:#fbfbfb; border:solid 1px #eee; } /* .join_wrap.find .h5_wrap {padding:5px 0 10px; line-height:1.6;} .join_wrap.find .auth {display:table; width:100%; height:200px;} .join_wrap.find .auth .cell {display:table-cell; vertical-align:middle; text-align:center;} .join_wrap.find .auth .find_id {margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:20px; vertical-align:middle;} .join_wrap.find .auth .type {margin-bottom:10px;} .join_wrap.find .auth .find_table th {padding-bottom:5px; text-align:left; font-weight:normal;} .join_wrap.find .auth .find_table td {padding-bottom:8px;} .join_wrap.find .auth input[type='submit'] {min-width:80px; height:80px;} .join_wrap.find .auth_result {margin-bottom:30px; border:1px solid #e0e0e0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:20px; text-align:center; color:#666; line-height:1.6;} */ /* 아이디찾기(캡차) */ .captcha_wrap { margin-top:5px; } .captcha_wrap .captcha_table {width:100%; border-collapse:collapse;} .captcha_wrap .captcha_table td {border:1px solid #ddd; padding:0px; text-align:center;} .captcha_wrap .captcha_table .captcha_td { padding:0; background:#fff;} .captcha_wrap .captcha_table .captcha_td2 { width:60px; background:#fff;} .captcha_wrap .captcha_img{} .captcha_wrap .captcha_img:after{ display:block; content:''; clear:both; } .captcha_wrap .captcha_img img {width:147px;} .captcha_text { margin-top:10px; } .captcha_text input { border:1px solid #ddd; width:100%; padding:0 15px; height:48px; line-height:48px; border-radius:4px; background:#fff; } .auth.bgcolor .bbs_btn{ margin-top:10px; height:48px; line-height:48px; width:100%; min-width: 100%; } /* 통합 회원 탈퇴 페이지 */ .secession_wrap{} .secession_wrap h1{ margin-bottom:40px; } .secession_wrap h1:before{ display:block; margin:0 auto; margin-bottom:15px; content:''; width:54px; height:54px; border:1px solid #eee; border-radius:100px; background:url(/data/skin/default_gl/img/check.png) center no-repeat; background-size:24px; } .secession_info{ padding:50px 0 60px; border:1px solid #ddd; border-width:1px 0; background:#fcfcfc; } .secession_info p{ margin-bottom:30px; font-size:18px; line-height:28px; } .secession_info a{} /*----------------------------------*/ /* 상품(goods) /*----------------------------------*/ /* 브랜드 검색 */ .bradn_search_fm {margin:0 auto 30px; width:540px; zoom:1;} .bradn_search_fm:after {clear:both; display:block; content:'';} .bradn_search_fm > h1 {float:left; width:120px; line-height:40px; font-size:24px; font-weight:500; color:#444; letter-spacing: -1px;} .bradn_search_fm > div {float:left; border:1px solid #999; background:#fff; padding-left:10px;} .bradn_search_fm > div > input[type='text'] {border:none; width:300px; height:20px; line-height:20px; font-size:16px;} .brand_search_btns {border:1px solid #e3e3e3; background:#f5f5f5; padding:20px 10px; text-align:center;} .brand_search_btns > .la {float:left; width:17%; text-align:center; height:19px; border-right:1px #7e7e7e dotted;} .brand_search_btns > .ra {width:100%; height:19px; margin:0 auto;} .brand_search_btns > .ra > ul {margin:0 13px;} .brand_search_btns > .ra > ul > li {float:left;} .brand_search_btns > .ra > ul > li.bar {font-size:11px; line-height:16px; color:#e6e6e6; margin:1px 2px;} .brand_search_btns a {display:inline-block; border:1px solid #cbcbcb; color:#aeaeae; padding:3px; min-width:10px; line-height:11px; font-size:13px; cursor: pointer; text-align:center; margin:1px; background: #ffffff;} .brand_search_btns a:hover, .brand_search_btns a.on {background:#6F7B9C; border:1px solid #3d3c4a; color:#fff; text-decoration:none;} .brand_search_classification {clear: both; padding-top:15px; color:#666;} .brand_search_classification > dl > dt {width:10%; float:left; text-align:center; margin:5px 0;} .brand_search_classification > dl > dd {width:90%; float:left;} .brand_search_classification > dl > dd > ul > li {float:left; width:160px; margin:5px;} .brand_search_classification input[type='checkbox'] {vertical-align: middle;} .brand_list {border-bottom:1px solid #e3e3e3; padding:20px 0 0;} .brand_list > dl {border-top:1px solid #e3e3e3; padding-top:30px;} .brand_list > dl > dt { font-size:16px; font-weight: 700; color:#FFF; background:#767676; width:44px; height:44px; line-height:44px; text-align:center; margin:0 20px; float:left; margin-bottom:30px; } .brand_list > dl > dd { float:left; width:90%; margin-bottom:30px; } .brand_list > dl > dd > ul {list-style-type:disc; list-style-position: inside;} .brand_list > dl > dd > ul > li { float:left; width:200px; line-height:12px; padding:3px 10px;} .brand_list > dl > dd > ul > li > a {color:#767676;} .brand_list .brandtxt.disable {color:#E0E0E0;} .brand_list .brandtxt.on {font-weight:700; color:#003f7e;} table.noborder-table, table.noborder-table th, table.noborder-table td {border:0px !important;} .thumbnailvideo {position:absolute; z-index:5; background-position:center; background:url('../images/common/thumb_play.png') no-repeat center center; vertical-align:middle;} .mobilethumbnailvideo {position:absolute; z-index:5; background-position:center; background:url('../images/common/thumb_play.png') no-repeat; vertical-align:middle;} .goods_option {color:#848484; margin:2px 0;} .goods_input {color:#848484; margin:2px 0;} .order_number {font-size:13px;} .order_title {margin:20px 0 5px; background:url('../images/common/ico_detail_list.png') no-repeat left center; padding-left:15px; font-size:13px; font-weight:500;} .order_title span {font-size:12px; font-weight:normal; color:#888;} .join_required {display:inline-block; width:7px; height:6px; background:url('../images/common/icon_check_join.gif') no-repeat; vertical-align:middle;} .couponbtn {border:0px; background-color:#000; color:#fff; font-size:11px; height:20px; letter-spacing:-0.5px; padding:0 7px; cursor:pointer} /* 반품 교환 신청 팝업 레이어 */ .order_exchange_desc{ margin-top:20px; border-top:1px dotted #ddd; } .order_exchange_desc img{ margin:3px 4px 0 0; } .order_exchange_desc th, .order_exchange_desc td{ font-size:14px; color:#555; vertical-align:top; } .order_exchange_desc th .bold, .order_exchange_desc td .bold{ padding:3px 0 2px; color:#f36910 !important; font-weight:400; } .order_exchange_desc th .black, .order_exchange_desc td .black{ font-size:16px; color:#141414; } /* 타임세일 */ .eventEnd {} .eventEnd .time_count {/* 남은시간 */ background:#e60600; padding:2px 5px; font-size:11px; font-weight:normal; color:#fff;} /* 배송불가 */ .ship_no {position:absolute; top:0; left:0; border:1px solid #e60600; width:100%; height:99%;} .ship_no dt {background:#e60600; padding:5px; color:#fff;} /*----------------------------------*/ /* 주문(order) /*----------------------------------*/ /* 주문/결제 - 스텝 */ .order2_step {margin:30px auto; border:1px solid #e0e0e0; background:#fff; zoom:1;} .order2_step:after {clear:both; display:block; content:'';} .order2_step li {float:left; width:32.5%; margin:0 2px; background:url('../images/common/order_step_arrow.png') no-repeat left center; padding:15px 0; text-align:center; color:#999;} .order2_step li:first-child {background:none;} .order2_step li h3 {font-size:24px; font-weight:500; letter-spacing:-0.5px; color:inherit;} .order2_step li h3 span {display:inline-block; vertical-align:middle; margin:-5px 0 0 10px; font-size:16px;} .order2_step li.active {border-color:#666; color:#666;} /* 가로 테이블 : 장바구니 */ table.list_table_style{ width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; table-layout:fixed; } table.list_table_style caption{ display:none; } table.list_table_style > thead > tr > th {border-left:none; border-bottom:1px solid #cccccc; background:#fbf5f0; padding:14px 0; font-size:15px; font-weight:500; color:#333; } table.list_table_style > thead > tr > th.return {padding:6px 0 4px;} table.list_table_style > thead > tr > th:first-child {border-left:none;} table.list_table_style > tbody > tr > td { border-top:1px solid #ddd; padding:10px 5px; text-align:center; font-size:14px; color:#555; } table.list_table_style > tbody > tr > td.left{ text-align:left; } table.list_table_style > tbody > tr > td font{ word-break:break-all; } table.list_table_style > tbody > tr > td div{ word-break:break-all; } table.list_table_style > tbody > tr:nth-of-type(1) > td {border-top:none;} table.list_table_style > tbody > tr > td:first-child {border-left:none;} table.list_table_style > tbody > tr.sub_bg {background:#fff;} table.list_table_style > tbody > tr.sub_bg > td {border-top:1px solid #eee;} /* table.list_table_style > tbody > tr > td > button.smbtn { min-width : 75px; margin: 2px; border-radius: 2px; border:1px solid; background-color: #FFFFFF; } table.list_table_style > tbody > tr > td > button.smbtn:last-child { margin-bottom: 10px; } table.list_table_style > tbody > tr > td > button.revbutton { min-width : 75px; margin: 2px; border-radius: 2px; border:1px solid #0070c0; background-color: #FFFFFF; color: #0070c0; } table.list_table_style > tbody > tr > td > button.revbutton.active { min-width : 75px; margin: 2px; border-radius: 2px; border:1px solid #AAAAAA; background-color: #FFFFFF; color: #AAAAAA; } */ /* table.list_table_style > tbody > tr > td > button.tipbutton { min-width : 75px; margin: 2px; border-radius: 2px; border:1px solid #ff6300; background-color: #FFFFFF; color: #ff6300; } */ table.list_table_style > tfoot > tr > th { padding:14px 0; border-left:none; border-top:1px solid #ddd; background:#f9f9f9; padding:10px 0; font-weight:500; color:#333; text-align:center; font-size:15px; } table.list_table_style > tfoot > tr > th:first-child {border-left:none;} table.list_table_style > tfoot > tr > td { padding:14px 0; border-left:none; border-top:1px solid #ddd; background:#f9f9f9; padding:10px 0; font-weight:500; color:#333; text-align:center; font-size:15px; } table.list_table_style > tfoot > tr > td:first-child {border-left:none;} table.list_table_style > tbody > tr > td.right{ padding-right:15px; text-align:right; } table.list_table_style > tbody > tr > td.right span.left { float: left; } table.tbl_col > tbody > tr > td.left{ text-align:left; } table.tbl_col > tbody > tr > td.right{ padding-right:15px; text-align:right; } table.list_table_style img{ width:auto; max-width:100%; } .order_thumb{ width:auto; max-width:100%; } table.cart_table_style02 > tbody > tr:nth-of-type(1) > td{ /* border-top:1px solid #ddd; */ } table.list_table_style > tbody > tr > td.order_catalog_list_data{ padding:7px 0 6px 3%; font-weight:500; color:#333; background:#f1f1f1; } /* 마이페이지 > 주문/배송 내역 > 주문상품 */ .orderinfo_wrap{ padding:5px 0; } .orderinfo_wrap li{ font-size:15px; color:#333; font-weight:500; } .orderinfo_wrap li label{ display:inline-block; vertical-align:0px; cursor:auto; } .orderinfo_wrap li.seq span{ display:inline-block; } .orderinfo_wrap li p{ font-size:15px; } table.orderinfo_dateline_wrap{} table.orderinfo_dateline_wrap > tbody > tr > .orderinfo_dateline{ padding:10px 15px; font-size:15px; color:#333; font-weight:500; } table.orderinfo_dateline_wrap > tbody > tr > td{ padding:15px; text-align:left; } .orderinfo_list_wrap{ position:relative; } .orderinfo_list_wrap layer{ position:absolute; right:100.5px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .orderinfo_list_wrap layer button{ float:left; } .orderinfo_list_wrap .orderinfo.seq{ } .orderinfo_list_wrap .orderinfo.body{ width:65%; } .orderinfo_list_wrap .orderinfo.body p{ color:#141414; font-weight:400; } .orderinfo_list_wrap .orderinfo.link{ position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .orderinfo_list_wrap .orderinfo.link .bbs_btn{ min-width:92.5px; } /* 장바구니 */ .list_table_style.return .order_thumb_wrap{ display:block; } .list_table_style.return .order_thumb_wrap dt{ margin-bottom:5px; } .list_table_style.return .order_thumb_wrap dt, .list_table_style .order-item-image{ display:block; width:100%; text-align:left; } .order_thumb_wrap {display:table;} .order_thumb_wrap dt, .order-item-image { position:relative; display:table-cell; width:120px; text-align:right; vertical-align:middle; } .order_thumb_wrap dt > img{ display:none; } .order_thumb_wrap dt a{ display:block; } .order_thumb_wrap dt .order_thumb, .order-item-image img {border:1px solid #ddd; width:100px; margin-right:20px;} .order_thumb_wrap dd {display:table-cell; text-align:left; vertical-align:middle; } .order_thumb {} .order_name {display:inline-block;} .order_option { font-size:13px; color:#666; } .order_option p{ font-size:13px; color:#666; } .btn_chg.icon, .btn_sch.icon, .btn_gray.icon, .btn_move.icon, .btn_red.icon{ display:inline-block; padding:0 4px; border-radius:2px; color:#fff; font-size:11px; vertical-align:1px; font-weight:400; } .btn_gray.icon, .btn_gray.icon:hover{ background:#888; } .btn_chg.icon, .btn_chg.icon:hover {border:1px solid #8da3df; background:#8da3df;} .btn_sch.icon, .btn_sch.icon:hover {border:1px solid #808cae; background:#808cae;} .btn_gray.icon, .btn_gray.icon:hover {border:1px solid #B9B9B9; background:#B9B9B9;} .btn_move.icon, .btn_move.icon:hover {border:1px solid #B9B9B9; background:#fff; color:#888;} .order_change {padding:0 0;} .order_change button {float:right; margin-top:-2px !important;} .cart_num{ display:inline-block; } .cart_num > div{ line-height:30px; } .cart_num > div:first-child{ margin:0 4px; } .cart_price{ display:inline-block; font-size:18px; font-weight:700; letter-spacing:-0.5px; } .cart_price i{ display:inline-block; margin-left:-3px; font-style:normal; font-size:14px; font-weight:400; vertical-align:1px; } .goods_delivery_info .ship_info{ color:#555; } .btn_select_send_wrap{ position:relative; margin-bottom:30px; height: 36px; } .btn_select_send_wrap:after{ display:block; content:''; clear:both; } .btn_select_send_wrap .bbs_btn{ float:left; } .btn_select_send_wrap .tip{ float: left; top: 8px; left: -30px; position: relative; z-index: 1; } /*장바구니 > 선택상품장바구니보내기 디자인_jsy*/ .btn_select_send_wrap .bbs_btn.send_jsy.soso{ padding:0 36px 0 12px; margin-left:12px; position:relative; font-weight:500; background:#ffe67c; border-color:#ffe67c; border-radius:100px; font-size:15px; color:#141414;} .tip.jsy_soso{top:5px; left:-35px; animation-name:jsytip3; animation-duration:1s; animation-iteration-count:infinite; } @keyframes jsytip3 { 0% { margin-top:0; } 50% { margin-top:3px; } 100% { margin-top:-1px; } } .btn_select_send_wrap .bbs_btn.send_jsy.soso:after{position:absolute; animation-name:jsytip4; animation-duration:1s; animation-iteration-count:infinite; content:''; top:-7px; left:-9px; z-index:9; width:20px; height:10px; transform:rotate(-40deg); background:url('../img/quest_icon_jsy_three_hand2.png') no-repeat center;} @keyframes jsytip4 { 0% { opacity:1; } 50% { opacity:.5; } 100% { opacity:1; } } .btn_select_send_wrap .bbs_btn.send_jsy.soso:hover{background:#ffdb5d; border-color:#ffdb5d; color:#000; transition:ease all .2s; } .btn_select_send_wrap .bbs_btn.soso{border-radius:100px; font-size:15px; font-weight:500; padding:0 12px; background:#f5f5f5; border-color:#f5f5f5; color:#555; } .btn_select_send_wrap .bbs_btn.soso:hover{background:#eee; border-color:#eee; color:#444; } .pop_select_send.jsy_soso_pop {position:absolute; top:0; left:50%; transform:translateX(-13%); } .bbs_btn.send_jsy.top{background:#ffe67c; border-color:#ffe67c; color:#333; font-weight:500; } .bbs_btn.send_jsy.top:hover{background:#ffdb5d; border-color:#ffdb5d; color:#141414; transition:Ease all .2s; } .btn_select_send { position:relative; display:inline-block; padding-right: 35px; } .btn_cancel_send { position:relative; } .pop_select_sendorder { display:none; z-index:2; position:relative; float:right; right: 31px; top:5px; margin-left:-15px; background:#fff; padding:10px 12px; width:380px; border:1px solid #ddd; border-radius:4px; font-size:13px; color:#555; } .pop_select_sendorder.on{ display:block; } .pop_select_send { display: none; z-index: 2; float: left; margin: 0 0 20px -16px; background: #fff; padding: 10px 12px; width: max-content; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; color: #555; } .pop_select_send.on{ display:block; } .btn_select_send:hover .pop_select_send{ display:block; z-index:999; } #disable_message { border: 1px solid #CCC; padding: 8px; border-radius: 4px; } .btn_cartbt_wrap{ margin: 40px 0 0 0; } .btn_cartbt_wrap .tip{ float: right; top: 24px; right: 65px; position: relative; width: 0px; z-index: 1; } .btn_cartbt_wrap .btn_order_cancel { padding-right: 30px; } .btn_cartbt_wrap .bbs_btn.big{ max-width:200px; } #cart_form .btn_cartbt_wrap .bbs_btn.big{ max-width:190px; height:58px; font-size:18px; line-height:56px; } #cart_form .btn_cartbt_wrap button{ margin-top:4px; margin-bottom:4px; } .btn_cartbt_wrap > button:first-child{ background:#f9f9f9; } .btn_cartbt_wrap > button:first-child:hover{ background:#f36910; } .btn_cartbt_wrap > button.black:first-child{ background:#242424; } .btn_cartbt_wrap > button.black:first-child:hover{ background:#111; } .btn_cartbt_wrap > .btn_select_cart{ background:#f9f9f9; } .btn_cartbt_wrap > .btn_select_cart:hover{ background:#f36910; } .btn_cartbt_wrap .btn_select_edufine{ background:#e14337; border-color:#e14337; color:#fff; } .btn_cartbt_wrap .btn_select_edufine:hover{ background:#c7382d; border-color:#c7382d; } /* 주문/결제 */ .order_settle { position:relative; margin-top:60px; width:100%; } #cart_form .order_settle { padding:10px 0; margin:0 auto 15px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8; text-align:center; zoom:1; } .order_settle:after{ display:block; content:''; clear:both; } .order_settle:after {clear:both; display:block; content:'';} .order_settle > strong{ margin-right:5px; display:inline-block; font-weight:normal; font-size:16px; line-height:80px; color:#666; } .order_settle > p{ display:inline-block; line-height:80px; font-size:17px; color:#141414; font-weight:700; } .order_settle > p{ } .order_settle > p i{ display:inline-block; margin-left:-3px; font-style:normal; font-size:14px; font-weight:400; vertical-align:1px; } .order_settle > i{ display:inline-block; font-style:normal; line-height:80px; margin:0 15px; font-size:20px; font-weight:400; color:#777; } .order_settle > span{ line-height:80px; font-size:24px; } .order_settle > span i{ font-size:17px; } .order_settle .benefit {position:relative; float:left; width:70%; } .order_settle .benefit h2{ margin-top:0; } .left_list h5{ font-size:18px; color:#141414; } .list_inner{ } /* 주문/결제_추가_조소영 */ .list_inner_title.jsy{display:flex; align-items:flex-start; position:relative; background:#fbf5f0; padding:20px; z-index:-1; } .list_inner_title.jsy h5{font-weight:600; color:#333; } .list_inner_title.jsy .layer_inner{margin-left:3%; margin-top:0; } .list_inner_title.jsy .layer_inner b{color:#f36910;} .list_inner .detail_tab_wrap1.jsy{margin:20px 0 15px;} .list_inner_title.jsy p{ position:relative; padding:8px 18px; background:#f36910; color:#fff; border-radius:100px; font-weight:500; font-size:14px; } .list_inner_title.jsy p:before{content: ''; position: absolute; left:-6px; top:7px; width: 0px; height:0px; border-bottom:20px solid #f36910; border-left:9px solid transparent; border-right:9px solid transparent; transform:rotate(30deg); } .list_inner_title.jsy .jsy_free_right{display:flex; align-items:center; position:absolute; top:15px; right:15px; } .list_inner_title.jsy .jsy_free_right span{display:block; position:relative; margin-right:12px; } .list_inner_title.jsy .jsy_free_right span img{ max-width:100%; width:auto; margin:0 auto; } /*.list_inner_title.jsy .jsy_free_right span:after{position:absolute; content:''; background:url('/data/skin/default_gl/img/jsy_free_icon.png') no-repeat center; top:0; right:0; width:40px; height:40px; z-index:-1; animation:rotate 1s linear infinite;} @keyframes rotate{ 100% { transform: scale(1.1);} } */ /* 230705_세금계산서및영수증발급안내_조소영 */ .typereceipt.jsy{margin-top:15px; background:#fcfcfc; padding:20px; border-radius:5px; border:solid 1px #eee; } .typereceipt.jsy h5{font-size:18px; font-weight:500; color:#000; letter-spacing:-.5px; padding-bottom:5px;} .typereceipt.jsy h5.two{padding-top:15px; margin-top:15px; border-top:dotted 1px #ddd; } .typereceipt.jsy span{position:relative; display:block; color:red; font-size:16px; padding-left:16px; } .typereceipt.jsy span:before{position:absolute; content:''; top:9px; left:2px; width:5px; height:5px; border-radius:100px; background:#ff0000; } .typereceipt.jsy .jsy_no{color:#333 !important; padding-left:0 !important;} .typereceipt.jsy .jsy_no:before{display:none; } .typereceipt.jsy .list_inner p{position:relative; display:block; font-size:15px; color:#555; padding-left:16px; } .typereceipt.jsy .list_inner p:before{position:absolute; content:''; top:9px; left:2px; width:5px; height:5px; border-radius:100px; background:#aaa; } .typereceipt.jsy .list_inner p b{font-weight:500; color:#333; } .list_inner .layer_inner{ margin-top:10px; color:#555; } .list_inner label{ margin-right:15px; color:#555; } .list_inner label:hover{ color:#333; } .list_inner label input{ vertical-align:0; } .order_input{ padding:4px 0; } .order_member{ padding:5px 0; line-height:32px; } .accountCfrmLyr { margin:10px auto 0; } .accountCfrmLyr .layer_wrap .msg { margin:5px 10px 0; padding:0 0 2px 0.5%; border-bottom:1px solid #ddd; line-height:30px; font-size:13px; font-weight:500; color:#242424; } .accountCfrmLyr .layer_wrap .layer_inner {text-align:center;} .ui-widget{ letter-spacing:-0.5px; } .ui-widget div,.ui-widget span,.ui-widget object,.ui-widget iframe,.ui-widget p, .ui-widget blockquote,.ui-widget pre,abbr,.ui-widget cite,.ui-widget code,.ui-widget del,.ui-widget dfn,.ui-widget img,.ui-widget h1, .ui-widget h2, .ui-widget h3, .ui-widget h4, .ui-widget h5,.ui-widget h6,.ui-widget html,.ui-widget body, .ui-widget ins,.ui-widget kbd,.ui-widget q,.ui-widget samp,.ui-widget small,.ui-widget strong,.ui-widget sub,.ui-widget sup,.ui-widget var,.ui-widget b,.ui-widget i,.ui-widget dl,.ui-widget dt,.ui-widget dd,.ui-widget ol,.ui-widget ul,.ui-widget li, .ui-widget fieldset,.ui-widget form,.ui-widget label,.ui-widget legend,.ui-widget table,.ui-widget caption,.ui-widget tbody,.ui-widget tfoot,.ui-widget thead,.ui-widget tr,.ui-widget th,.ui-widget td, .ui-widget article,.ui-widget aside,.ui-widget canvas,.ui-widget details,.ui-widget figcaption,.ui-widget figure,.ui-widget footer,.ui-widget header,.ui-widget hgroup, .ui-widget menu,.ui-widget nav,.ui-widget section,.ui-widget summary,.ui-widget time,.ui-widget mark,.ui-widget audio,.ui-widget video, .ui-widget label, .ui-widget input, .ui-widget button, .ui-widget select, .ui-widget p{ /* font-family:'Malgun Gothic'; */ } .ui-widget .btn_move, .ui-widget .btn_sch, .ui-widget .btn_gray{ /* font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; */ } .ui-widget input[type="checkbox"], .ui-widget input[type="radio"]{ min-height:18px; vertical-align:-4px; } /* #typereceiptInputDiv{ margin:0 auto 25px; padding:15px 20px; border:1px solid #ddd; background:#f9f9f9; color:#555; font-size:15px; } .ui-widget.ui-dialog #typereceiptInputDiv{ font-size:13px !important; font-weight:400 !important; } .ui-widget.ui-dialog #typereceiptInputDiv span{ display:inline-block; } .ui-widget.ui-dialog #typereceiptInputDivRadioLy label{ margin-right:5px; } .ui-widget.ui-dialog #typereceipt1InputLy dt{ line-height:36px; font-weight:500; } .ui-widget.ui-dialog #typereceipt1InputLy input{ max-width:100%; } */ .ui-widget.ui-dialog .pd20.center{ margin-top:15px; } /* 매출증빙 */ .sales_tax_layer_wrap{ margin:0 auto 30px; padding:15px 20px; border:1px solid #ddd; background:#f9f9f9; font-size:14px; color:#333; } .sales_title{ margin-bottom:6px; font-size:17px; color:#141414; font-weight:500; } .sales_tax_layer_wrap #typereceiptInputDivRadioLy label{ margin-right:10px; } .sales_tax_layer_wrap .typereceiptInputLy{ margin-top:5px; } .sales_tax_layer_wrap .typereceiptInputLy dl.save{ padding:10px 0.5%; } .sales_tax_layer_wrap .typereceiptInputLy dl dt, .sales_tax_layer_wrap .typereceiptInputLy dl dd{ line-height:36px; } .sales_tax_layer_wrap input{ font-size:14px !important; } #typereceiptLyr1{ margin-top:3px; } .order_settle .benefit .left_list.bt{ margin-top:15px; } .order_settle .benefit .left_list .description { padding:10px 20px; border:1px solid #ddd; background:#f9f9f9; color:#555; font-size:15px; } .order_settle .benefit .left_list .description.margin {margin:5px 0;} .order_settle .benefit .ship_message .add_message li {line-height:18px;} #recipientAddrs2{ position:relative; } .order_settle .common_delivery_info { margin-top:37px; } .common_delivery_info li:first-child dl{ border-top:1px solid #ddd; } .common_delivery_info dl{ position:relative; border-bottom:1px solid #eee; } .common_delivery_info dl:after{ display:block; content:''; clear:both; } .common_delivery_info dt{ float:left; width:18%; padding:3px 0; padding-left:25px; color:#333; font-weight:500; line-height:36px; } .common_delivery_info dd{ float:left; width:82%; padding:3px 0; line-height:36px; color:#555; font-size:15px; } .common_delivery_info dd strong{ line-height:36px; } .order_settle .collect_shipping .announce {margin-bottom:10px;} .order_settle .delivery_input.common_delivery_info li{} .benefit .bbs_btn.small{ height:36px; line-height:34px; } .input_100{ width:100%; } .input_long{ width:400px; } .input_long2{ width:255px; } .input_middle{ width:155px; } .input_small{ width:125.5px; } .typereceiptInputLy {margin-top:10px; } .typereceiptInputLy dl.save { padding:10px 0 10px 15px; border-top:1px dotted #ddd; } .typereceiptInputLy dl.save .save{ padding-bottom:0; border:none; } .typereceiptInputLy dl.save .save .save_text { height: 36px; } .typereceiptInputLy dl.save .save .save_text span { line-height: 36px; } .typereceiptInputLy dl.save dt { float:left; width:15%; font-weight:500; } .typereceiptInputLy dl.save dd { float:left; width:85%; } .typereceiptInputLy dl.save .color_red{ display:block; font-size:13px; } .typereceiptInputLy dl.save label{ margin-right:10px; line-height:30px; } /* .typereceiptInputLy .bb { border-bottom:1px solid #ddd; } */ /* .typereceiptInputLy .bt { border-top:1px solid #ddd; } */ .typereceiptInputLy .mt5 {margin-top:5px;} .order_settle .benefit dl { padding:10px 0; } .order_settle .benefit dl:after{ display:block; content:''; clear:both; } .order_settle .benefit dl dt {float:left; display:table-cell; width:18%; color:#333;} .order_settle .benefit dl.settle_title_dt, .order_settle .benefit dl.settle_title_dt dt, .order_settle .benefit dl.settle_title_dt dd{ font-weight:700; font-size:17px; } .order_settle .benefit dl dd {float:left; width:82%;} .order_settle .benefit dl.ship {position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; background:#f9f9f9; padding:15px 0;} .order_settle .benefit dl.ship dt {width:17%; margin-left:15px;} .order_settle .benefit dl.ship dd {margin-left:2px;} .recipient_user_name{ display:inline-block; line-height:36px; } .delivery_member{ margin-top:13px; border-top:1px solid #ddd; } .delivery_member div{ } .order_settle .settle { position:relative; float:right; width:27%; max-width:330px; } .order_settle .settle:after{ display:block; content:''; clear:both; } .order_settle .settle dl { position:relative; padding:5px 0; color:#666; font-size:15px; } .order_settle .settle dl:after{ display:block; content:''; clear:both; } .order_settle .settle dl dt {float:left; width:40%; min-height:36px; line-height:36px; } .order_settle .settle dl dd {float:right; width:60%; min-height:36px; text-align:right; font-weight:700; line-height:36px; color:#242424; } .order_settle .settle dl dd .p_area span{ display:inline-block; line-height:36px; } .order_settle .settle dl dt.total, .order_settle .settle dl dd.total {margin-top:15px; border-top:1px solid #ddd; padding-top:15px; font-size:15px; font-weight:500; color:#f36910; line-height:36px; letter-spacing:-0.5px; } .order_settle .settle dl dd.total.price{ font-size:20px; } .order_settle .settle dl dd.total {} .order_settle .settle dl dd.total span{ display:inline-block; font-size:20px; line-height:36px; } .order_settle .settle dl dd.total .tahoma{ font-size:30px; font-weight:700; vertical-align:-2px; } .order_settle .benefit dl.save.order_coupon_wrap{ padding:0; border-bottom:1px solid #ddd; } .order_settle .benefit dl.save.order_coupon_wrap dt{ padding:13px 0 13px 25px; border-top:1px solid #eee; } .order_settle .benefit dl.save.order_coupon_wrap dd{ padding:13px 0; border-top:1px solid #eee; color:#555; font-size:15px; } .order_settle .benefit dl.save.order_coupon_wrap dt:nth-of-type(1), .order_coupon_wrap dd:nth-of-type(1){ border-top-color:#ddd; } .order_settle .settle.amount_area { position:relative; /* height:100vh; max-height:865px; */ } .order_settle .settle .settle_amount_area { z-index:2; position:absolute; right:0; top:0; height:auto !important; border:1px solid #242424; background:#fff; } .order_settle .settle .settle_amount_area h4{ padding-top:0; margin-top:0; } .order_settle .settle .agreement { position:relative; padding:13px 14px; margin:10px auto; font-size:13px; line-height:20px; background-color:#f9f9f9; color:#555; } .order_settle .settle .agreement .base{ overflow:hidden; position:relative; } .order_settle .settle .agreement .base > #agreement{ } .order_settle .settle .agreement .base > label{ line-height:19px; } .amount_area_block{ overflow-y:auto; max-height:440px; padding:15px 28px 0 !important; } .amount_area_btn{ padding:25px 28px; /* position:absolute; left:0; bottom:-65px; z-index:3; width:100%; padding:15px 28px 25px; background:#fff; border:1px solid #141414; border-width:0 1px 1px; */ } .order_settle .settle .agreement input[type=checkbox] {padding:0; margin:0; width:12px; height:12px;} .order_settle .settle .agreement label {padding:0; margin:0; margin-left:4px; line-height:13px;} .order_settle .settle .agreement ul {margin-top:5px;} .order_settle .settle .agreement ul li { padding-top:2px; line-height:18px; } .order_settle .settle .agreement .button { z-index:1; position:absolute; right:10px; top:6px; text-align:right; } .order_settle .settle .agreement .button input { } .order_settle .settle .agreement .more ul {margin-top:0;} .order_settle .settle .agreement .more ul li {margin-top:10px;} .order_settle .settle .agreement .more ul li:first-child {margin-top:0; padding-top:8px;} .order_settle .settle .agreement .more ul li .agree_area {height:72px; padding:5px; margin-top:10px; overflow-y:auto; border:1px solid #eee; background:#fff; } .xlarge.bbs_btn{ margin:5px 0; max-width:100% !important; } /* 240118_주문시포인트미적립 추가 */ .order_settle .settle .notsaving_point{ position:relative; padding:13px 14px; margin:10px auto; font-size:13px; line-height:20px; background-color: #fbf5f0; } .order_settle .settle .notsaving_point .base{ overflow:hidden; position:relative; } .order_settle .settle .notsaving_point .base > label{ line-height:19px; color:#f36910; } .order_settle .settle .notsaving_point input[type=checkbox] {padding:0; margin:0; width:12px; height:12px;} .order_settle .settle .notsaving_point label {padding:0; margin:0; margin-left:4px; line-height:13px;} .order_settle .settle .notsaving_point ul {margin-top:5px;} .order_settle .settle .notsaving_point ul li { padding-top:2px; line-height:18px; } .order_settle .settle .notsaving_point .button { z-index:1; position:absolute; right:10px; top:6px; text-align:right; } .order_settle .settle .notsaving_point .button input { } .order_settle .settle .notsaving_point .more ul {margin-top:0;} .order_settle .settle .notsaving_point .more ul li {margin-top:10px;} .order_settle .settle .notsaving_point .more ul li:first-child {margin-top:0; padding-top:8px;} .order_settle .settle .notsaving_point .more ul li .agree_area {height:90px; padding:5px; margin-top:10px; overflow-y:auto; border:1px solid #eee; background:#fff; line-height: inherit;} /* 230511_거래명세서출력여부 추가 */ .order_settle .settle .statement_print{ position:relative; padding:13px 14px; margin:10px auto; font-size:13px; line-height:20px; background-color:#f9f9f9; color:#555; } .order_settle .settle .statement_print .base{ overflow:hidden; position:relative; } .order_settle .settle .statement_print .base > label{ line-height:19px; } .order_settle .settle .statement_print input[type=checkbox] {padding:0; margin:0; width:12px; height:12px;} .order_settle .settle .statement_print label {padding:0; margin:0; margin-left:4px; line-height:13px;} .order_settle .settle .statement_print ul {margin-top:5px;} .order_settle .settle .statement_print ul li { padding-top:2px; line-height:18px; } .order_settle .settle .statement_print .button { z-index:1; position:absolute; right:10px; top:6px; text-align:right; } .order_settle .settle .statement_print .button input { } .order_settle .settle .statement_print .more ul {margin-top:0;} .order_settle .settle .statement_print .more ul li {margin-top:10px;} .order_settle .settle .statement_print .more ul li:first-child {margin-top:0; padding-top:8px;} .order_settle .settle .statement_print .more ul li .agree_area {height:72px; padding:5px; margin-top:10px; overflow-y:auto; border:1px solid #eee; background:#fff; } .order_settle h4 { position:relative; font-size:25px; line-height:60px; font-weight:700; letter-spacing:-0.5px; margin-top:15px; padding-top:20px; } .order_settle h4 > button.btn_chg{ z-index:2; position:absolute; right:0; top:33px; } .state_point{ position:relative; display:inline-block; padding:0 3px; } .state_point:before{ z-index:-1; position:absolute; left:0; bottom:1px; content:''; width:100%; height:18px; background:#fde4d4; } .order_settle .benefit dl.save dt {padding:3px 0; line-height:36px; font-weight:500; } .order_settle .benefit dl.save dd {padding:3px 0;} .order_settle .settle ul.list_inner {padding:5px 13px 10px;} .order_settle .settle ul.list_inner > li {padding:3px 0;} .order_settle .list_inner table tbody th {line-height:27px; text-align:left; font-weight:normal; color:#666;} .order_settle .list_inner table tbody td {} .order_settle.view .benefit dl dt {width:20%;} .order_settle.view .benefit dl dd {width:80%;} .order_settle.view .settle { } .order_settle.view .settle_amount_area{ /* position:relative; right:auto; top:auto; */ } .order_settle.view .common_delivery_info{ position:relative; margin-top:0; } .order_settle.view .common_delivery_info dl dt{ padding-left:25px; } .order_settle.view .common_delivery_info dl dd{ padding-right:25px; } .order_settle.view .common_delivery_info .goods_delivery_info_btn{ z-index:3; position:absolute; right:0; top:-49px; color:#555; font-size:14px; line-height:36px; } .order_settle.view .list_inner table.order_view tbody th { padding:13px 0 13px 25px; line-height:36px; border:1px solid #eee; border-width:1px 0; vertical-align:top; text-align:left; color:#333; font-weight:500; font-size:15px; } .order_settle.view .list_inner table.order_view tbody td {padding:13px 0; line-height:36px; color:#555; border:1px solid #eee; border-width:1px 0; font-size:15px; } .order_settle.view .list_inner table.order_view tbody td.tit {border-bottom:1px solid #ddd; padding-bottom:5px; font-weight:500;} .order_settle.view .list_inner table.order_view tbody tr:first-child th, .order_settle.view .list_inner table.order_view tbody tr:first-child td{ border-top-color:#ddd; } .order_settle .sub_title h5{ position:relative; padding-left:25px; font-size:20px; font-weight:500; margin-bottom:10px; } .order_settle .sub_title h5:before{ display:none; position:absolute; left:4px; top:15px; content:''; width:4px; height:4px; background:#141414; border-radius:100px; } .order_settle.left_right{ margin-top:0; } .order_settle.left_right .benefit{ float:none; width:100%; } .order_settle.left_right .benefit h2{ height:60px; } .order_settle.left_right .benefit dl{ padding:7px 0; } .order_settle.left_right .benefit dl dt{ width:28%; } .order_settle.left_right .benefit dl dd{ width:72%; } .order_settle.left_right .settle.amount_area{ display:none; } .order_settle.left_right .left_right_wrap{ overflow:hidden; margin-top:30px; } .order_settle.left_right .order_settle_box_left{ float:left; width:48%; } .order_settle.left_right .order_settle_box_right{ float:right; width:48%; } .order_settle.left_right .order_settle_box_lrnone{ float:none; width:100%; } .order_settle.left_right .list_inner table.order_view tbody th, .order_settle.left_right .list_inner table.order_view tbody td{ padding-top:10px; padding-bottom:10px; } .cscustom{ margin-top:60px; } .delivery_info_total{ padding:13px 0 13px 18%; border-bottom:1px solid #ddd; color:#555; font-size:15px; } .ship-msg-lay{ margin-top:5px; } .delivery_info_total .goods_info_txt{ margin:9px auto 5px; } .delivery_info_total .each_ship_msg .ship-lay:nth-of-type(1) .goods_info_txt{ margin-top:0; } .benefit .total_ship_msg{ } .benefit .total_ship_msg .desc{ margin-left:5px; display:inline-block; line-height:38px; } .order_settle .benefit .ship_message { position:relative; display:inline-block; width:400px; border:1px solid #ddd; background:url('../images/common/new_arrow.png') no-repeat right; vertical-align:middle; } .order_settle .benefit .ship_message input { border:none; } .order_settle .benefit .ship_message .click {float:right; width:18px; height:36px;cursor:pointer;} .order_settle .benefit .ship_message .add_message {display:none; position:absolute; top:100% !important; left:-1px; border:1px solid #ddd; background:#fff; width:400px; z-index:5; cursor:default; } .order_settle .benefit .ship_message .add_message li {border-top:1px solid #ddd; line-height:36px; padding:0 15px !important; font-size:14px; color:#555; } .order_settle .benefit .ship_message .add_message li:first-child {border-top:0;} .order_settle .benefit .ship_message_txt { width:94%; } #payment_type {margin:8px 0 10px;} #payment_type > li {float:left; margin-left:5px; margin-right:5px; padding:0;} #payment_type > li:first-child {margin-left:0;} #payment_type > li > div {border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; width:74px; height:74px; overflow:hidden;} #payment_type > li > div > label {background:#eee url('../images/common/bg_settle.png') no-repeat; width:74px; height:74px; text-align:center;} #payment_type > li > div > label input[type="radio"] {display:none;} #payment_type > li > p {margin-top:10px; text-align:center; line-height:14px;} #payment_type > li > div.kakaopay2 > label {background-position:0 0;} #payment_type > li > div.card > label {background-position:-85px 0;} #payment_type > li > div.account > label {background-position:-169px 0;} #payment_type > li > div.escrow_account > label {background-position:-253px 0;} #payment_type > li > div.virtual > label {background-position:-337px 0;} #payment_type > li > div.escrow_virtual > label {background-position:-421px 0;} #payment_type > li > div.cellphonepay > label {background-position:-505px 0;} #payment_type > li > div.bank2 > label {background-position:-589px 0;} #payment_type > li > div.paypal > label {background-position:-673px 0;} #payment_type > li > div.eximbay > label {background-position:-757px 0;} #payment_type > li > div.active > label {background:#385cb4 url('../images/common/bg_settle.png') no-repeat;} #payment_type > li > div.active + p {font-weight:500;} #payment_type > li > div.kakaopay2.active > label {background-position:0 -80px;} #payment_type > li > div.card.active > label {background-position:-85px -80px;} #payment_type > li > div.account.active > label {background-position:-169px -80px;} #payment_type > li > div.escrow_account.active > label {background-position:-253px -80px;} #payment_type > li > div.virtual.active > label {background-position:-337px -80px;} #payment_type > li > div.escrow_virtual.active > label {background-position:-421px -80px;} #payment_type > li > div.cellphonepay.active > label {background-position:-505px -80px;} #payment_type > li > div.bank2.active > label {background-position:-589px -80px;} #payment_type > li > div.paypal.active > label {background-position:-673px -80px;} #payment_type > li > div.eximbay.active > label {background-position:-757px -80px;} .order_settle span.save {display:inline-block; padding:0 15px; margin-right:4px; width:127.5px; height:36px; line-height:36px; font-size:14px; color:#555; border:1px solid #ddd; text-align:right; } .order_settle input.save { text-align:right; } .btn_move.wx {width:96px;} .giftTable {border-top:0px solid #ddd; padding-top:5px;} .ul_list li {background:url('../images/common/ico_list.png') no-repeat left 10px; padding-left:6px; line-height:1.6;} .ul_list2 li {background:url('../images/common/ico_list2.png') no-repeat left 10px; padding-left:8px; line-height:1.6;} /* 상품상세 */ .goods_eventEnd {display:table; width:100%; border-top:1px solid #ccc; background:#f9f9f9; font-size:14px;} .goods_eventEnd li {display:table-cell; padding:5px;} .goods_eventEnd li.buy span {font-size:20px; font-weight:500; color:#333;} .goods_eventEnd li.time {text-align:right;} .goods_eventEnd li.time .time_count {display:inline-block; background:#6F7B9C; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 7px; font-weight:500; color:#fff; letter-spacing:-0.5px;} .sale_rate_wrap {position:relative; float:right;} .sale_rate_wrap .sale_rate_bg {position:absolute; top:52px; right:5px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#e60600; width:60px; height:60px;} .sale_rate_wrap .sale_rate_txt {position:absolute; top:65px; right:13px; text-align:right; font-size:16px; color:#fff; letter-spacing:-0.5px;} .sale_rate_wrap .sale_rate_txt span {font-size:26px;} #goods_view .slides_container {position:relative; width:100%; margin-bottom:20px; border:1px solid #eee; min-height:466px; } #goods_view .slides_container a{ position:relative; left:auto; display:block; height:600px; } #goods_view .slides_container a img{ margin:auto; position:absolute; left:0; top:0; bottom:0; right:0; height:auto; max-height:100%; width:auto; max-width:100%; } /* #goods_view .slides_container a img{ transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; } #goods_view .slides_container:hover a img{ transform:scale(1.1); } */ #goods_view .slides_container .goodsDisplayImageIcon_wrap{ right:auto; left:0; } #goods_view .slides_container .goodsDisplayImageIcon{ height:59px; width:59px; line-height:59px; font-size:14px; } #goods_view .slides_container .goodsDisplayImageIcon small{ margin-top:14px; font-size:14px; line-height:17px; } #goods_view .slides_container .zoom { position:absolute; top:0; left:0; width:100%; height:100%; } #goods_view .slides_container .zoom_img{ position:absolute; top:0; left:0; width:100%; height:100%; font-size:0; } #goods_view .goods_title {border-top:0px solid #ddd; padding-bottom:20px;} #goods_view .goods_title > li { } #goods_view .goods_title .goods_name{ height:auto; } #goods_view .goods_title .goods_name h3{ padding:9px 0 6px; font-size:28px; font-weight:700 !important; color:#141414; line-height:38px; letter-spacing:-0.5px; } #goods_view .goods_title .goods_name h3 .youtube_icon{ position:relative; right:auto; top:auto; display:inline-block; margin:-5px 0 0 7px; width:28px; vertical-align:middle; } #goods_view .goods_title .goods_name h3.youtube_icon_title{ position:relative; padding-right:35px; } #goods_view .goods_title .goods_name h3.youtube_icon_title .youtube_icon{ position:absolute; right:0; top:22px; } #goods_view .goods_wrap { margin-bottom:75px; width:100%; height:auto !important; } #goods_view .goods_wrap:after{ display:block; content:''; clear:both; } #goods_view .goods_wrap > dt { float:left; width:46.9%; vertical-align:top;} #goods_view .goods_wrap > dd { float:right; width:45.9%; vertical-align:top;} #goods_view .goods_wrap .btn_wrap { position:relative; padding-top:15px;} #goods_view .goods_wrap .btn_wrap:after{ display:block; content:''; clear:both; } #goods_view .goods_wrap .btn_wrap .bbs_btn{ float:left; width:42.7%; margin:0 0 0 1.7%; } #goods_view .ico-wish{ margin:0; } #goods_view .ico-wish{ display:inline-block; border:1px solid #242424; height:62px; font-size:0; float:left; width:11.2%; line-height:62px; border-radius:4px; background:#fff url(/data/skin/default_gl/img/wish_plus.png) no-repeat center; background-size:27px; } #goods_view .ico-wish.active{ background-color:#e14337 !important; border-color:#e14337; background:#fff url(/data/skin/default_gl/img/wish_plus_w.png) no-repeat center;} #goods_view .goods_wrap > dd.flying{ position:fixed; /* top:0; */ width:256px; overflow:hidden; right:317px; background:#fff; z-index:999; } .only_teacher_view {margin-top:7px; color:#b71212;} #goods_thumbs .count { width:100%; position:relative; } #goods_thumbs .count li { text-align:center; } #goods_thumbs .pagination {position:relative; display:inline-block; width:auto !important; max-width:80%; margin:0 auto; overflow:hidden; white-space:nowrap; } #goods_thumbs .pagination li { display:inline-block; width:82px; margin:0 5px; } #goods_thumbs .pagination li:first-child{ } #goods_thumbs .pagination li a{ position:relative; display:block; height:82px; border:1px solid #eee; } #goods_thumbs .pagination li img{ margin:auto; position:absolute; left:0; top:0; bottom:0; right:0; height:auto; max-height:100%; width:auto; max-width:100%; } #goods_thumbs .pagination li.current a { border:1px solid #ddd; } #goods_thumbs .count li.left a, #goods_thumbs .count li.right a{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } #goods_thumbs .count li a.prev{ left:0; } #goods_thumbs .count li a.next{ right:0; } #goods_thumbs a.prev{ display:block; width:16px; height:30px; opacity:0.6; } #goods_thumbs a.prev:hover{ opacity:0.9; } #goods_thumbs a.next{ display:block; width:16px; height:30px; opacity:0.6; } #goods_thumbs a.next:hover{ opacity:0.9; } #goods_thumbs a img{ width:auto; max-width:100%; } #goods_thumbs > a .yes24_goods_img{ height:500px; object-fit: contain; } .review_benifit {line-height:1.4;} .short_desc {font-size:14px; color:#666; letter-spacing:-0.5px; line-height:1.4;} /* 하이스토어에서만 사용하는 상세페이지 > 이미지 영역 */ .histore_viewimg{ display:none; } .histore_viewimg a{ display:inline-block; } .histore_viewimg a img{ width:auto; max-width:100%; } /* 할인퍼센테이지삭제 */ .sale_rate_wrap .sale_rate_bg {top:25px;} .sale_rate_wrap .sale_rate_txt {top:36px;} .sale_rate_bg {display:none;} /* 상세페이지 탭메뉴 */ .set_preload_wrap{ position:relative; margin-top:20px; } .set_preload_wrap:after{ display:block; content:''; clear:both; } .set_preload{ position:relative; } .set_preload .detail_tab{ background:none; } .set_preload .sub_title h2{ margin-top:0; margin-bottom:8px; } .set_preload #tab-6_wrap .sub_title h2{ margin:0; } .set_preload #tab-6_wrap .sub_title h4{ position:relative; padding-left:15px; font-size:22px; font-weight:500; } .set_preload #tab-6_wrap .sub_title h4:before{ position:absolute; left:4px; top:27px; content:''; width:4px; height:4px; background:#141414; border-radius:100px; } .set_preload #tab-6_wrap .sub_title h4.fit{ margin-top:10px; } #tab-6 .sub_title{ position:relative; } #tab-6 .bbs_btn.small{ z-index:2; position:absolute; right:0; top:14px; } .tbl-ty-ly{ border-top:1px solid #9ea0a3; } .tbl-ty-ly em{ font-style:normal; color:#777; } .tbl-ty-ly p{ margin-top:15px; font-size:14px; color:#555; } #tab-6 .guide{ padding:25px 30px; background:#f8f8f8; text-align:left; } #tab-6 .guide li{ position:relative; padding:3px 0 3px 10px; font-size:14px; line-height:24px; color:#555; } #tab-6 .guide li:before{ position:absolute; left:0; top:2px; content:'-'; } #tab-6 .guide li ul{ padding-top:3px; } #tab-6 .guide li ul li:before{ display:inline-block; top:13px; content:''; width:3px; height:3px; border-radius:100px; background:#666; } #tab-6 .guide.none{ background:none; padding:0; } #tab-6 .guide.none li{ padding-top:0; padding-bottom:0; color:#777; } #tab-6 .bbslist_table_style2 tbody th{ background:#f8f8f8; } .goods_description {padding:10px 0 20px 0;} .goods_description ul {list-style-type:disc;padding-left: 20px;} .exchange_guide {padding:10px 0 20px 0; overflow:hidden;} /*.sale_price {color:#ff5500;}*/ /* 예스24 상품 상세페이지 */ .book_introduce { text-align:center; border-bottom: solid 1px #d8d8d8; margin-bottom:50px; } .book_introduce_title { margin-bottom:25px; } .book_introduce_title h4 { font-size: 20px; } .book_introduce_detail { margin-bottom:25px; } .book_introduce_detail > iframe { margin:0 auto; display: block; } .book_menu { text-align:center; border-bottom: solid 1px #d8d8d8; margin-bottom:50px; } .book_menu_title { margin-bottom:25px; } .book_menu_title h4 { font-size: 20px; } .book_menu_detail { margin-bottom:25px; } .book_publisher_review { text-align:center; border-bottom: solid 1px #d8d8d8; margin-bottom:50px; } .book_publisher_review_title { margin-bottom:25px; } .book_publisher_review_title h4 { font-size: 20px; } .book_publisher_review_detail { margin-bottom:25px; } .book_images { text-align:center; border-bottom: solid 1px #d8d8d8; margin-bottom:50px; } .book_images_title { margin-bottom:25px; } .book_images_title h4 { font-size: 20px; } .book_images_detail { margin-bottom:25px; text-align:center; } .book_author { text-align:center; border-bottom: solid 1px #d8d8d8; margin-bottom:50px; } .book_author_title { margin-bottom:25px; } .book_author_title h4 { font-size: 20px; } .book_author_name { display: table; width: 100%; position: relative; padding: 13px 10px 13px 20px; margin-bottom:7px; line-height: 24px; font-size: 16px; color: #333; font-weight: bold; background-color: #f8f8f8; } .book_author_detail { margin-bottom:25px; } /* 제품 상세페이지 탭메뉴 */ .tabs_wrap{ position:relative; } .tabs{ *zoom:1; position:relative; background:#fff; } .tabs:after{ display:block; content:''; clear:both; } .tabs li{ position:relative; float:left; width:14.28571%; font-size:15px; color:#555; border:1px solid #ddd; border-width:1px 0; text-align:center; cursor:pointer; } .tabs li{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .tabs li:before{ } .tabs li.current{ } /* .tabs li.current:before{ position:absolute; left:0; top:0; content:''; width:1px; height:100%; background:#ddd; } */ /* .tabs li.current:after{ position:absolute; right:0; top:0; content:''; width:1px; height:100%; background:#ddd; } */ .tabs li.current:after{ position:absolute; right:0; bottom:-1px; content:''; width:100%; height:2px; background:#f36910; } .tabs li a{ display:block; line-height:58px; font-weight:400; /* background:#fcfcfc; */ } .tabs li.current a, .tabs li:hover a{ color:#f36910; } .tabs li.current a{ font-weight:500; } .tab-content{ /* padding-top:35px; */ /* max-width:1024px; */ margin:0 auto; text-align:left; } .tab-content.current{ display: inherit; } .tabs li.active:after{ position:absolute; right:0; bottom:-1px; content:''; width:100%; height:2px; background:#f36910; } .tabs li.active a, .tabs li:hover a{ color:#f36910; } .tabs li.active a{ font-weight:500; } .tab-content.active{ display: inherit; } #tab-1_wrap{ padding-top:49px; } #tab-2_wrap, #tab-3_wrap, #tab-31_wrap, #tab-4_wrap, #tab-5_wrap, #tab-6_wrap, #tab-7_wrap{ padding-top:118px; } #tab-4_wrap, #tab-5_wrap, #tab-6_wrap{ margin-top:-70px; } #tab-1{ margin-top:50px; text-align:center; } #tab-1 img{ width:auto; max-width:100%; } /* 상품공급업체 */ .shop_name_block{ position:relative; margin:9px 0 7px; } .shop_name_block:after{ display:block; content:''; clear:both; } .shop_name_wrap{ position:relative; letter-spacing:-0.3px; } .shop_name_wrap:after{ display:block; content:''; clear:both; } .shop_name_wrap a{ float:left; margin-right:15px; display:inline-block; font-size:20px; line-height:24px; font-weight:500; } .shop_name_wrap button{ display:inline-block; height:24px; border:1px solid #ccc; background:#fff; } .shop_name_wrap button{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .shop_name_wrap button:hover{ border-color:#bbb; } .shop_name_wrap button span{ position:relative; display:block; padding:0 20px 0 9px; font-weight:300; font-size:13px; color:#949494; line-height:22px; } .shop_name_wrap button span{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .shop_name_wrap button:hover span{ color:#777; } .shop_name_wrap button span:after{ position:absolute; right:8px; top:0; content:''; width:4px; height:100%; background:url(/data/skin/default_gl/img/arrow_right.png) no-repeat center; background-size:100%; opacity:0.6; } .shop_name_wrap button:hover span:after{ opacity:1; } .goods_title .plus_info_wrap{ position:relative; margin:4px 0 0 0; } .goods_title .plus_info_wrap:after{ display:block; content:''; clear:both; } .goods_title .plus_info_wrap u{ display:inline-block; margin-left:8px; float:left; line-height:24px; color:#555; } .goods_title .youtube_icon2{ float:left; position:relative; display:inline-block; padding-top:4px; margin-left:5px; } .goods_title .youtube_icon2 img{ width:18px; margin-left:5px; } /* 정가, 판매가 */ .top_total_goods_price{ position:relative; padding:11px 0; border-top:1px solid #e9e9e9; } .top_total_goods_price:after{ display:block; content:''; clear:both; } .top_total_goods_price .price_wrap{ position:relative; } .top_total_goods_price .price_wrap:after{ clear:both; content:''; display:block; } .top_total_goods_price .price_wrap.middle_sale{ } .top_total_goods_price .sell_price{ display:inline-block; font-size:20px; color:#f36910 !important; font-weight:700; line-height:30px; } .top_total_goods_price .price_wrap.middle_sale .sell_price{ color:#333; font-size:16px; font-weight:400; } .top_total_goods_price .price_wrap.middle_sale .sell_price i{ color:#333; font-size:15px; font-weight:400; vertical-align:0; } .top_total_goods_price .sell_price span{ margin-left:2px; font-size:15px; line-height:30px; font-weight:500; vertical-align:1px; } .top_total_goods_price .sell_price > i{ margin-left:2px; font-size:15px;font-style:normal; line-height:30px; font-weight:500; vertical-align:1px; } .top_total_goods_price .sell_price img{ display:none; } .top_total_goods_price .consumer{ display:inline-block; text-decoration:line-through; font-size:16px; font-weight:400; color:#666 !important; } .top_total_goods_price .consumer i{ margin-left:2px; font-style:normal; text-decoration:none; font-size:15px; vertical-align:0px; } .top_total_goods_price .price_wrap .company_price{ position:relative; color:#f36910; } .top_total_goods_price .price_wrap .company_price:before{ /* position:absolute; left:0; top:-30px; content:'할인 판매가'; font-size:14px; color:#333; */ } .top_total_goods_price .price_wrap .view_price_title{ float:left; width:25%; padding:4px 0 4px 2px; line-height:30px; color:#333; font-weight:400; } .top_total_goods_price .price_wrap .view_price_right{ float:left; padding:4px 0; width:75%; color:#333; line-height:30px; } .goods_spec_table { position:relative; /* margin-top:25px; */ padding-bottom:11px !important; border-bottom:1px solid #e9e9e9 !important; } .goods_spec_table:before{ position:absolute; left:0; top:0; width:100%; height:1px; content:''; background:#e9e9e9; } .goods_spec_table dl {display:table; width:100%; font-size:15px; } .view_code{ padding:11px 0; margin-bottom:12px; border-bottom:1px solid #f1f1f1; border-top:1px solid #f1f1f1; } .underliner{ padding: 0 0 11px 0; margin-bottom:12px; border-bottom:1px solid #f1f1f1; } .goods_description img { max-width:100%; } .goods_spec_table dt {display:table-cell; width:25%; padding:4px 0 4px 2px; vertical-align:top; line-height:30px; color:#333; font-weight:400; } .goods_spec_table dd { position:relative; display:table-cell; padding:4px 0; width:75%; color:#333; line-height:30px; } .goods_spec_table dd .btn_hpstatus{ position:absolute; right:2px; top:4px; } .goods_spec_table dd .btn_hpstatus span{ display:inline-block; padding:0 19px; font-size:14px; line-height:30px; font-weight:400; color:#fff; background:#f36910; cursor:default; } .goods_spec_table img.hand{ margin-left:2px; vertical-align:-3px; } .goods_spec_table dd .price_wrap {position:relative;} .goods_spec_table dd .price_wrap2 {position:relative; font-size:14px; font-weight:700;} .goods_spec_table .line {margin:10px 0; height:1px; background:#eaeaea;} .goods_spec_table dd strong {text-align:left; color:#858585; font-size:11px;letter-spacing:0px;} .goods_spec_table dd .desc{font-size:16px; color:#333;} .goods_spec_table .sell_price {font-size:18px; font-weight:500;} .goods_spec_table .sell_price span {font-size:16px;} .goods_spec_table .consumer_wrap {margin-bottom:-5px;} .goods_spec_table .consumer {/* font-size:14px; color:#888; */letter-spacing:-0.5px; text-decoration:line-through;} .goods_spec_table select {min-width:120px;} .goods_spec_table .coupon_btn {position:relative; display:inline-block; width:71px; height:34px; background:url("../images/design/coupon_bg.gif"); vertical-align:middle;} .goods_spec_table .coupon_btn span.cb_percent {position:absolute; left:4px; top:14px; font-size:14px; color:#c00c0b; font-weight:500;} .goods_spec_table .coupon_btn span.cb_text {position:absolute; left:100%; top:20px; margin-left:3px; width:65px; color:#c00c0b; font-size:11px; font-weight:500; text-decoration:underline;} .goods_event_banner {padding-top:20px; text-align:center; margin:auto;} .goods_event_banner .pagination {margin: 10px 0 0; text-align: center; list-style: none;} .goods_event_banner .pagination li {display:inline-block;margin: 0 1px;} .goods_event_banner .pagination li a {display: block;width: 13px;height: 0;padding-top: 13px;background-image: url(/app/javascript/plugin/images/pagination.png);background-position: 0 0;margin:0 2px;overflow: hidden;} .goods_event_banner .pagination li.current a, .goods_event_banner .pagination li.current a:hover {background-position: 0 -13px} .goods_event_banner .pagination li a:hover {background-position: 0 -26px} .event_datetime {margin-bottom:30px; padding:20px 0;} .event_datetime > ul {display:table; margin:0 auto;} .event_datetime > ul > li {display:block; text-align:center;} .event_datetime > ul > li p {font-size:20px; font-weight:500;} .event_datetime .event_tit {display:table; margin:0 auto 10px; text-align:center; font-size:18px; font-weight:500; color:#666; color:rgba(0, 0, 0, 0.6); letter-spacing:-0.5px;} .event_datetime .event_cont {display:table-cell;} .event_datetime .event_buy {display:table-cell; padding-left:3px; font-weight:normal; color:#000;} .event_datetime .event_date > dt, .event_datetime .event_date > dd {display:table-cell; padding:0 5px; font-size:18px; font-weight:700; color:#666; color:rgba(0, 0, 0, 0.6);} .event_datetime .event_date li {display:table-cell;} .event_datetime .event_date li.soloday {background:url('../images/common/social_bg_daym.png') repeat-x;} .event_datetime .event_date li.solohour, .event_datetime .event_date li.solomin, .event_datetime .event_date li.solosecond {width:92px; background:url('../images/common/social_bg_timem.png') repeat-x;} .goods_option_table { table-layout:fixed; border-bottom:1px solid #d0d0d0; padding:10px 0; line-height:1.8;/*background-color:#ececec*/} .goods_option_table th { padding-left:0.5%; width:100% !important; text-align:left; vertical-align:top; color:#333; font-weight:500; line-height:50px; } .goods_option_table > tbody > tr > td {padding:0 0 5px 0; text-align:left; color:#333;} .goods_option_table td .line { margin:5px 0 5px; height:12px; border-bottom:1px solid :#ddd;} .goods_option_table .desc {/* font-size:11px; color:#9a9a9a; */font-size:16px;} .goods_option_table select {width:100%;} #goods_view .goods_option_table{ border-bottom:none; } #goods_view .goods_option_table th{ padding:15px 0 15px 2px; line-height:30px; font-weight:400; font-size:15px; width: 100% !important; text-align: left;} #goods_view .goods_option_table td{ position:relative; padding-bottom:0; line-height:30px; font-size:15px; } #goods_view .goods_option_table .optionTr_title{ height: 10px; } #goods_view .goods_option_table .optionTitle{ display:none; } /*#goods_view .goods_option_table .suboptionTr_title{ height: 10px; } #goods_view .goods_option_table .suboptionTitle{ display:none; } #goods_view .goods_option_table .inputoptionTr_title{ height: 10px; } #goods_view .goods_option_table .inputsTitle{ display:none; }*/ /* 선택 옵션 박스 */ .goods_quantity_container{ position:relative; margin-top:23px; } .goods_quantity_container:after{ clear:both; content:''; display:block; } .goods_quantity_container dl{ position:relative; margin-top:2px; padding:18px 25px; background:#f8f8f8; } .goods_quantity_container dl dt{ width:90%; font-size:15px; margin-bottom:5px; color:#141414; font-weight:500; } .goods_quantity_container dl dt small{ display:block; margin-top:2px; font-size:13px; color:#666; font-weight:300; } .goods_quantity_container dl dd{ overflow:hidden; } .goods_quantity_container dl dd .option_number{ margin-top:3px; float:left; } .goods_quantity_container dl dd .sale_price{ float:right; } .goods_quantity_container dl dd .removeOption{ position:absolute; right:25px; top:24px; width:12px; height:12px; cursor:pointer; } .goods_quantity_container dl dd .removeOption img{ width:auto; max-width:100%; } /* 단체티 사이즈별 수량 입력 */ #goods_view .goods_uniform_quantity_table{ position:relative; } #goods_view .goods_uniform_quantity_table:after{ display:block; clear:both; content:''; } #goods_view .goods_uniform_quantity_table h3{ padding:15px 0 15px 2px; line-height:30px; font-weight:400; font-size:15px; color:#333; } #goods_view .goods_uniform_quantity_table table{ float:left; } #goods_view .goods_uniform_quantity_left{ width:54.5%; } #goods_view .goods_uniform_quantity_left th{ width: 16% !important;} #goods_view .goods_uniform_quantity_right{ width:45.5%; margin-left:-1px; } #goods_view .goods_uniform_quantity_right th {width: 20% !important;} #goods_view .goods_uniform_quantity_table thead th{ background:#f8f8f8; color:#33334d; font-size:14px; font-weight:400; } #goods_view .goods_uniform_quantity_table thead tr .bg {width: 50% !important;} #goods_view .goods_uniform_quantity_table th, .goods_uniform_quantity_table td{ padding:0; height:34px; font-size:13px; border:1px solid #e9e9e9; text-align:center; color:#555; } #goods_view .goods_uniform_quantity_table_wrap input{ padding:0; border:none; width:100%; height:34px; line-height:34px; text-align:center; } #goods_view .goods_uniform_quantity_table th{} #goods_view .goods_uniform_quantity_table td{} #goods_view .goods_uniform_quantity_table_wrap .last{ position:relative; overflow:hidden; text-align:center; } #goods_view .goods_uniform_quantity_table_wrap .last li{ float:left; width:45.7%; border:1px solid #e9e9e9; border-width:0 1px 1px 1px; font-size:14px; line-height:36px; font-weight:400; } #goods_view .goods_uniform_quantity_table_wrap .last li:first-child{ width:54.3%; border-right:none; background:#f8f8f8; color:#33334d; font-weight:400; } /* webidas 19.11.11 추가 */ .ui-dialog #optional_changes_form > div{ } .ui-dialog #optional_changes_form > div a{ } .ui-dialog #select_option_lay{} .ui-dialog #select_option_lay .ea_change{ } .option_bar_new{ display:none !important; margin:10px 0 20px 0; width:100%;height:1px;display:block;background: #d4d2d3;} .goods_option_table_new.goods_option_table{ margin-bottom:24px; background: #f9f9f9;border:1px solid #d4d2d3 !important;padding:0;} .goods_option_table_new.goods_option_table > tbody > tr > th{padding:18px 15px;} .goods_option_table_new.goods_option_table > tbody > tr > td{padding:18px 15px;text-align:right;} .goods_option_table_new.goods_option_table table{float:right;} .goods_option_table_new.goods_option_table table td{padding:0;} .btn_wishday{width:100%;height:50px;padding-left:4px; line-height:50px;color:#f36910;border:1px solid #f36910;background: #fff url('../images/icon/wishdate_blet.png') no-repeat 97.5% 8px;text-align:left;font-size:14px;text-indent:15px;} .btn_wishday .desc{ font-size:14px; line-height:50px; } #goods_view .detailDescriptionLayer .layer_wrap h1{ display:none; } #goods_view .wishdayTr .tb_timetable{width:85% !important;table-layout:auto !important;} #goods_view .wishdayTr .tb_timetable th{ padding:15px 0 15px 2px; line-height:30px; font-weight:400; font-size:15px; width: 0% !important; text-align: center;} #goods_view .wishdayTr .detailDescriptionLayer{ } #goods_view .wishdayTr .detailDescriptionLayer .layer_wrap{ font-size:14px; text-align:center; } #goods_view .wishdayTr .detailDescriptionLayer .layer_wrap .layer_inner{ padding:35px 20px; } #goods_view .wishdayTr .detailDescriptionLayer .layer_wrap .layer_inner .center{ font-size:13px; } #goods_view .wishdayTr .detailDescriptionLayer .layer_wrap .layer_inner .center span{ font-size:12px; } .detailDescriptionLayer .layer_wrap .pdt5{ margin-top:12px; } .goods_option_table .viewOptionsApply{font-size:16px; line-height:50px; width:100%;border:0;background:#f36910;color:#fff;} .goods_option_table .btn-plus.gray button{width:50px; height:50px;background: url('/data/skin/default_gl/img/plus_icon_b.jpg') no-repeat center;} .goods_option_table .btn-minus.gray button{width:50px; height:50px;background: url('/data/skin/default_gl/img/minus_icon_b.jpg') no-repeat center;} .upload-tb{width:100%;font-size:14px; color:#777; } .upload-tb .inputsUploadButton{position:relative;background:#f8f8f8; width:100% !important; height:50px !important; border:1px solid #eee; } .upload-tb .inputsUploadButton:after{position:absolute;top:0;left:0; width:100%; height:100%; content:'파일찾기'; color:#444; line-height:50px; font-size:16px; text-align:center; } .upload-tb .inputsUploadButton img{display:none;} .upload-tb .inputsUploadButton input{ z-index:1; position:relative; width:100% !important;height:50px !important; font-size:0; } .goods_option_table .suboptionTr{ position:relative; } #goods_view .goods_option_table .suboptionTr td{ padding-bottom:10px !important; } .goods_option_table .btn_pm_td{ z-index:3; position:absolute; right:0; top:0; } .goods_option_table .btn_pm_td span{ display:inline-block; } .goods_option_table .btn_pm_td .btn-plus button{ border:1px solid #ddd; } .goods_option_table .btn_pm_td .btn-minus{ padding-top:0 !important; } .goods_option_table .btn_pm_td .btn-minus button{ border:1px solid #ddd; } /* webidas 19.11.11 추가_end */ /* webidas 19.11.29 추가 */ /* .btn_experienceday{display:block;width:100%;height:37px;line-height:37px;color:#666;border:1px solid #e9e9e9;background: #fff url('../images/icon/select_blet.png') no-repeat 353px 2px;text-align:left;font-size:16px;text-indent:20px;} input[type="text"].btn_experienceday {display:block;width:100%;height:37px;line-height:37px;color:#666;border:1px solid #e9e9e9;background: #fff url('../images/icon/select_blet.png') no-repeat 353px 2px;text-align:left;font-size:16px;text-indent:20px;box-sizing:border-box;} */ .btn_experienceday{width:100%;height:50px;padding-left:4px;cursor:pointer; line-height:50px;color:#666;border:1px solid #666;background: #fff url('../images/icon/select_blet.png') no-repeat 97.5% 8px;text-align:left;font-size:14px;text-indent:15px;} .btn_experienceday::placeholder{color:#666;opacity: 1} .btn_experienceday::-webkit-input-placeholder{color:#666;opacity: 1} .btn_experienceday:-ms-input-placeholder{color:#666;opacity: 1} .btn_experienceday:-mos-input-placeholder{color:#666;opacity: 1} .experienceTr .tb_timetable{width:240px !important;table-layout:auto !important;} .layer_wrap.calendar .btn_move{padding:;font-size:16px;color:#ff6600;border-color:#ff6600;} .layer_wrap.calendar .btn_chg{font-size:16px;} /* webidas 19.11.29 추가_end */ .goods_quantity_table_container {position:relative;margin:24px 0 0; background: #f8f8f8;} .goods_quantity_table .option_tr .quantity_cell{ border:2px solid #fff; border-width:2px 0 !important; } .goods_quantity_table .quantity_cell {vertical-align:middle;border-bottom:2px solid #fff; padding:15px 0; color:#333; font-size:15px;} .goods_quantity_table .quantity_cell.option_col_price img {margin-top:11px; margin-left:7px; } .goods_quantity_table .quantity_cell_sub {border-bottom:2px solid #fff; padding:15px 0; color:#666;font-size:15px;} .goods_quantity_table .quantity_cell_sub_price {border-bottom:2px solid #fff; padding:15px 15px 15px 0; font-size:15px; color:#333; vertical-align:middle; } .goods_quantity_table .quantity_cell_sub_price img{ margin-top:6px; } .goods_quantity_table .quanity_row:last-child .quantity_cell{border-bottom:0;} .goods_quantity_table .quanity_row:last-child .quantity_cell_sub{border-bottom:0;} .goods_quantity_table .quanity_row:last-child .quantity_cell_sub_price{border-bottom:0;} .goods_quantity_table .option_text { padding-left:15px; font-size:15px; color:#141414; text-align:left; font-weight:400; } .goods_quantity_table .option_col_price {padding-right:15px;} .goods_quantity_table tr.quanity_row.first td {border-top:none;} .goods_quantity_table > tbody > tr > td:first-child{ padding-left:20px; } .goods_quantity_table > tbody > tr > td:last-child{ padding-right:20px; padding-right:10px; } .goods_quantity_table_maincontainer_foronlysub {position:relative;margin:24px 0 0; background: #f8f8f8;} .goods_quantity_table_foronlysub .option_tr .quantity_cell{ border:2px solid #fff; border-width:2px 0 !important; } .goods_quantity_table_foronlysub .quantity_cell {vertical-align:middle;border-bottom:2px solid #fff; padding:15px 0; color:#333; font-size:15px;} .goods_quantity_table_foronlysub .quantity_cell.option_col_price img {margin-top:11px; margin-left:7px; } .goods_quantity_table_foronlysub .quantity_cell_sub {border-bottom:2px solid #fff; padding:15px 0; color:#666;font-size:15px;} .goods_quantity_table_foronlysub .quantity_cell_sub_price {border-bottom:2px solid #fff; padding:15px 15px 15px 0; font-size:15px; color:#333; vertical-align:middle; } .goods_quantity_table_foronlysub .quantity_cell_sub_price img{ margin-top:6px; } .goods_quantity_table_foronlysub .quanity_row:last-child .quantity_cell{border-bottom:0;} .goods_quantity_table_foronlysub .quanity_row:last-child .quantity_cell_sub{border-bottom:0;} .goods_quantity_table_foronlysub .quanity_row:last-child .quantity_cell_sub_price{border-bottom:0;} .goods_quantity_table_foronlysub .option_text { padding-left:15px; font-size:15px; color:#141414; text-align:left; font-weight:400; } .goods_quantity_table_foronlysub .option_col_price {padding-right:15px;} .goods_quantity_table_foronlysub tr.quanity_row.first td {border-top:none;} .goods_quantity_table_foronlysub > tbody > tr > td:first-child{ padding-left:20px; } .goods_quantity_table_foronlysub > tbody > tr > td:last-child{ padding-right:20px; padding-right:10px; } .sbOptions .option_able_qty_wrap > a{ position:relative; padding-right:124px; } .option_able_qty{ position:absolute; right:17px; top:50%; display:inline-block; color:#777; font-weight:400; font-size:13px; } .option_able_qty{ -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } /* .option_able_qty:before{ position:absolute; left:0; top:4px; content:''; width:1px; height:12px; background:#ddd; } */ .quantity_cell .option_able_qty{ padding-left:0; } .quantity_cell .option_able_qty:before{ display:none; } .sbOptions .option_able_qty{ margin-left:14px; } .option_able_qty_block{ margin:15px 10px -19px 0; text-align:right; } .option_able_qty_block > .option_able_qty{ position:relative; right:auto; top:auto; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } .option_col_price, .out_suboption_price {font-size:17px;} .option_col_price > span {font-size:17px; margin-left:3px; vertical-align:1px; } .option_col_price .out_option_price{font-size:22px; font-weight:700; } .viewOptionsspecialays {margin:5px 0; padding-bottom:0 !important;} option.soldout {color:#bcbcbc;} .viewOptionsspecialbtn {width:30px; height:30px; margin-right:2px; border:0px solid #e8e8e8;padding:0;} .viewOptionsspecialbtn font { overflow:hidden; display:inline-block;width:18px; height:18px; border:1px solid #eee;cursor:pointer;} .viewOptionsspecialbtnDisable {width:30px; height:30px; margin-left:2px; border:0px solid #e8e8e8;} .viewOptionsspecialbtnDisable font {display:inline-block;width:18px; height:18px; border:1px solid #ccc;cursor:pointer;} .viewSubOptionsspecialays { margin-top:3px; } .viewSubOptionsspecialbtn {width:30px; height:30px; margin-left:2px; border:0px solid #e8e8e8;padding:0; } .viewSubOptionsspecialbtn font {display:inline-block;width:18px; height:18px; border:1px solid #ccc;cursor:pointer;} .viewSubOptionsspecialbtnDisable {width:30px; height:30px; margin-left:2px; border:0px solid #e8e8e8;} .viewSubOptionsspecialbtnDisable font {display:inline-block;width:18px; height:18px; border:1px solid #ccc;cursor:pointer;} .viewInputTextareaLay {padding:6px 8px;border:1px solid #ddd;background-color:#fff;} .viewInputTextareaLay textarea {padding:0;width:100%;resize:none;overflow:auto;border:none;} .hide {} .viewInputLay {padding:0;margin-right:2px;} .viewInputLay input {width:100% !important;border-color:#f36910;text-align: left; text-indent: 3px; font-size:14px;color:#f36910;}/*튜닝 color 추가 2020-01-03*/ .viewInputLay input[type='text'] {height:50px;} .viewInputLay input[type='text']::-ms-input-placeholder{ color:#f36910} .viewInputLay input[type='text']::-moz-placeholder{ color:#f36910} .viewInputLay input[type='text']::-webkit-input-placeholder { color:#f36910} /*.sale_price {color:#e60600;}*/ .ea_change {text-align:center;width:36px;height:30px !important; line-height:1.7; border:1px solid #eee !important; background:#fff; font-size:13px; border-left:none !important;border-right:none !important;padding:0 !important;} .total_price_block{ text-align:right; } .total_price { display:inline-block; margin:30px auto 0; font-weight:500; text-align:right; } .total_price:after{ clear:both; content:''; display:block; } .total_price li{ float:left; } .total_price li.th { margin-right:12px; margin-top:4px; line-height:60px; font-size:21px; color:#333; font-weight:500; } .total_price li.total_goods_price { } .total_price li.total_goods_price div i{ vertical-align:1px; margin-left:-2px; display:inline-block; } .total_price li.total_goods_price div, .total_price div{ font-size:22px; font-weight:400; color:#f36910; } .total_price li.total_goods_price #total_goods_price, .total_price #total_goods_price{ font-size:38px; font-weight:700; } .total_price li.total_goods_price .fx20.red, .total_price .fx20.red{ font-weight:400; } .total_price table td{ padding:5px 25px !important; text-align:left; } .total_price table td:last-child{ text-align:right; } .total_price table #change_cart{ display:inline-block; padding:0 16px; min-width:65px; margin:0 4px; border:1px solid #f36910; background:#f36910; color:#fff; border-radius:4px; font-size:14px; line-height:34px; font-weight:400; cursor:pointer; text-align:center; } .total_price table #change_cart{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .total_price table #change_cart:hover{ background:#043b74; border-color:#043b74; } img.eaMinus, img.eaPlus{ vertical-align:middle !important; } img.removeOption{ vertical-align:unset !important; } .minus_plus_wrap{ display:inline-block; } .minus_plus_wrap:after{ display:block; content:''; clear:both; } .minus_plus_wrap img, .minus_plus_wrap input{ float:left; } /* 상세페이지 대표이미지 하단 상품후기 */ .view_review_sns_wrap{ position:relative; margin-top:22px; padding:25px 0; background:#fff; border:1px solid #e9e9e9; border-width:1px 0; } .view_review_sns_wrap:after{ display:block; clear:both; content:''; } .view_review_sns_wrap li{ } .view_review_title{ overflow:hidden; } .view_review_title h5{ float:left; margin-right:35px; font-size:15px; color:#333; line-height:22px; } .view_review_title a{ float:left; overflow:hidden; display:inline-block; line-height:22px; } .view_review_title .star_img{ float:left; margin-top:1px; line-height:22px; } .view_review_title .star_img img{ max-height:18px; } .view_review_title strong{ float:left; display:inline-block; margin:0 10px 0 15px; font-size:22px; line-height:22px; } .view_review_title span{ float:left; display:inline-block; font-size:15px; color:#666; line-height:22px; } .sns_box_block{ position:absolute; right:0; top:50%; text-align:right; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .sns_box_block:hover{ width:100%; } .sns_box_block .sns_box{ right:0; } /* 빅데이터 */ .bigdata_wrap {width:100%;text-align:center;} .bigdata_wrap .bigdata_top_bg {position:relative; width:100%; height:190px; margin:0 auto 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:url('../images/common/bigdata_top_bg.png') repeat-x; padding:40px 0 0 40px; text-align:left;} .bigdata_wrap .bigdata_top_bg h3 {font-size:16px; font-weight:500; color:#379fc7;} .bigdata_wrap .bigdata_top_bg p {margin-top:10px; font-size:35px; font-weight:500; color:#333; letter-spacing:-2px;} .bigdata_wrap .bigdata_top_bg img {position:absolute; top:30px; right:40px;} .bigdata_wrap .bigdata-title-bar img {margin-top:8px;} .bigdata_wrap .bigdata-goods-list {padding-top:30px;} div.bigdata-title-bar {border-top:1px solid #828282; border-bottom:1px solid #e3e3e3; height:48px; line-height:48px; position:relative} div.bigdata-title-bar .bigdata-img {position:absolute; left:5px; top:8px} div.bigdata-title-bar .bigdata-str {position:absolute; left:45px} /*---------------------------------------------*/ /* 마이페이지/고객센터(mypage/cecenter) /*---------------------------------------------*/ /* 인덱스 */ .bbslist_wrap {position:relative; margin-top:40px; zoom:1;} .bbslist_wrap:after {clear:both; display:block; content:'';} .bbslist_wrap > .fleft {position:relative; width:49%;} .bbslist_wrap > .fright {position:relative; width:49%;} .bbslist_wrap a.more {position:absolute; top:14px; right:0; } .bbslist_wrap table, .bbslist_wrap .wishlist_slide, .bbslist_wrap .bbslist {position:relative; margin-top:8px; border-top:1px solid #cccccc;} .bbslist_wrap .wishlist_slide .prev {position:absolute; top:50%; left:6px; margin-top:-25px; z-index:10;} .bbslist_wrap .wishlist_slide .next {position:absolute; top:50%; right:6px; margin-top:-25px; z-index:10;} .bbslist_wrap .wishlist_slide .slides_container {background:#fff;} .bbslist_wrap .wishlist_slide .slides_container .slide > ul {margin-top:20px; width:100%; height:258px; overflow:hidden; zoom:1;} .bbslist_wrap .wishlist_slide .slides_container .slide > ul:after {clear:both; display:block; content:'';} .bbslist_wrap .wishlist_slide .slides_container .slide > ul > li {float:left; vertical-align:top; margin-left:10px;} .bbslist_wrap .wishlist_slide .slides_container .slide > ul > li .img a{ display:block; position:relative; } .bbslist_wrap .wishlist_slide .slides_container .slide > ul > li .img img { position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:auto; max-width:100%; height:auto; max-height:100%; } .bbslist_wrap .wishlist_slide .slides_container .slide > ul > li ul {margin:10px 0;} .bbslist_wrap .wishlist_slide .slides_container .slide > ul > li li {text-align:left; line-height:1.6;} .bbslist_wrap .wishlist_slide .slides_container .slide > ul > li li.goods_name { height:auto; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .bbslist_wrap .wishlist_slide .slides_container .slide > ul > li p.gray{ display:none; } .bbslist_wrap .wishlist_slide .slides_container .slide > ul > li li .wishcart{ margin-top:5px; } .bbslist_wrap .bbslist {padding-top:10px;} .bbslist_wrap .bbslist > li {border-bottom:0px solid #e0e0e0; background:url('../images/common/ico_list.png') no-repeat left center; padding:3px 6px; word-wrap:break-word; word-break:break-all;} .bbslist_wrap .bbslist > li span.cat {color:#666;} .bbslist_wrap .cslist {border:1px solid #e0e0e0; padding:15px 20px 10px; min-height:105px; zoom:1;} .bbslist_wrap .cslist:after {clear:both; display:block; content:'';} .bbslist_wrap .cslist h4 {margin-bottom:0; background:none; padding-left:0;} .bbslist_wrap .cslist .phone {margin:5px 0 -5px; font-size:30px;} .bbslist_wrap .cslist ul {margin-top:10px;} .bbslist_wrap .cslist li {background:url('../images/common/ico_list2.png') no-repeat left center; padding:0 8px; line-height:1.6; word-wrap:break-word; word-break:break-all;} /* 내부 레이아웃 */ .mypage_wrap {} .mypage_wrap h4{ font-size:25px; font-weight:700; padding-bottom:13px; color:#242424; } .mypage_wrap .mb10{ font-size:15px; color:#555; padding-bottom:5px; } .mt20{ margin-top:20px; } .mypage_wrap .sns_list {margin-top:10px; border-top:1px solid #666; padding:20px 0 30px; text-align:center;} .mypage_sum {margin-bottom:20px; padding:30px 0; text-align:center; font-size:12px; background:#f8f8f8; color:#565656;} .mypage_inner {position:relative; padding:20px; zoom:1;} .mypage_inner:after {clear:both; display:block; content:'';} .mypage_inner > .fleft {position:relative; width:49%;} .mypage_inner > .fright {position:relative; width:49%;} .mypage_inner > li {float:left; width:33.3%;} .mypage_inner > li a {text-decoration:none;} .mypage_inner > li dl {display:table; border-left:1px solid #ccc;} .mypage_inner > li:first-child dl {border-left:none;} .mypage_inner > li dt, .mypage_inner > li dd {display:table-cell; line-height:1.6;} .mypage_inner > li dt {padding:0 15px 0 30px;} .mypage_inner > li dd span {display:block; color:#666; letter-spacing:-0.5px;} .mypage_inner > li dd strong {display:block; font-size:16px; font-weight:500; color:#585866;} .mypage_inner a.more {position:absolute; top:5px; right:0; background:url('../images/common/btn_detail_more.png') no-repeat right center; padding-right:8px; color:#888;} .mypage_inner table {position:relative; margin-top:8px; border-top:1px solid #666;} .mypage_inner table th, .mypage_inner table td {padding:5px 15px !important;} .mypage_inner table td div {width:270px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .box_container {border:1px solid #eee; background:#f9f9f9; padding:40px 40px; border-radius:4px; } .box_container .coupon_wrap {width:100%; margin:0 auto;} .box_container .coupon_wrap > li {text-align:center; font-size:15px; color:#555; } .box_container .coupon_wrap > li.mt10{ margin-top:15px; } .box_container .coupon_wrap > li.mt10 strong{ color:#333; font-size:17px; margin-right:5px; line-height:36px; } .box_container .promotion_wrap {width:100%; margin:0 auto;} .box_container .promotion_wrap > li {width:20%; text-align:center;} .box_container .promo_wrap {width:100%; margin:0 auto; zoom:1;} .box_container .promo_wrap:after {clear:both; display:block; content:'';} .box_container .promo_wrap.mt-20 {margin-top:-20px;} .box_container .promo_wrap > li {float:left; width:20%; text-align:center; margin-top:20px;} .box_container .promo_wrap > li ul {width:95%; margin:0 auto; border:1px solid #6d7c81; border:1px solid rgba(109, 124, 140, 0.2); background:#fff; padding-bottom:15px;} .box_container .promo_wrap > li li {line-height:20px;} .box_container .promo_wrap > li li .promo_code {background:#6d7c81; background:rgba(109, 124, 140, 0.8); padding:10px 0; color:#fff; line-height:1.2;} .box_container .promo_wrap > li li .promo_code .txt {font-weight:700; color:#fff; color:rgba(255, 255, 255, 0.5);} .box_container .promo_wrap > li li .promo_code .sale {font-size:14px;} .box_container .promo_wrap > li li .promo_code .sale span {font-size:16px; font-weight:700; color:#fff;} .box_container .exchange_wrap {background:#6d7c81; background:rgba(109, 124, 140, 0.8); padding:10px; color:#fff; color:rgba(255, 255, 255, 0.5);} .box_container .exchange_wrap strong {color:#fff;} /* 검색폼 양식 */ .search-form-container {margin-bottom:30px; border:1px solid #e0e0e0; background:#f9f9f9; padding:15px 0;} .search-form-container .search-form-table {width:560px; margin:auto;} .search-form-container .search-form-table li {padding:5px 0;} .search-form-container .search-form-table li input[name='keyword'] {width:477px; height:24px; line-height:24px; padding:0 10px; border:1px solid #a1afb8; border-right:0; background:#fff;} .search-form-container .search-form-table li button {width:32px; height:26px; border:0px; background:url('../images/icon/icon_search.gif') no-repeat; text-indent:-9999px;} .search-form-container .search-form-table li .search-tit {display:inline-block; width:60px; vertical-align:middle; font-weight:500;} /* 주문내역 스텝 */ .order_step { overflow:hidden; margin:0 auto; line-height:1.4; zoom:1;} .order_step:after {clear:both; display:block; content:''; } .order_step li { position:relative; float:left; width:15.41666%; margin-left:1.5%; margin-top:15px; text-align:center; background:url('../images/common/order_step_arrow.png') no-repeat left center;} .order_step li:nth-child(6n+1) { margin-left:0; } .order_step li:after{ display:none; position:absolute; right:-25%; top:0; content:''; width:15px; height:100%; background:url(/data/skin/default_gl/img/arrow_right_big.png) no-repeat center; background-size:100%; } .order_step li dl { background:#f9f9f9; border-radius:4px; height:130px; padding-top:15px; border:1px solid #ddd; } .order_step li dt span {display:inline-block; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; background:#f36910; text-align:center; width:21px; height:21px; line-height:21px; font-size:13px; font-weight:500; color:#fff;} .order_step li dd.tit {margin:12px 0 3px; font-size:15px; font-weight:500; color:#333;} .order_step li dd { padding:0 15px; font-size:13px; color:#555; letter-spacing:-0.5px; line-height:18px; word-break:keep-all; } .order_step li dd br{ display:none; } .order_step.return {} .order_step.return li, .order_step.return li:first-child { width:31.8333%; } .order_step.return li dl{ height:110px; } .order_step.ticket { } .order_step.ticket li {float:left; width:16.75%;} .order_step.ticket li:first-child {width:25%;} .order_step.refund li{ width:31.8333%; } .order_step.refund li dl{ height:130px; } .order_step li dl{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } .order_step li:hover dl{ /* border-color:#f36910; */ background-color:#fcf7f1; } .order_step li span{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } /* .order_step li{ width:48%; height:auto; padding:15px 0; margin-left:4%; } .order_step li:after{ display:none; } .order_step li dl{ overflow:hidden; } .order_step li dl dt{ float:left; } .order_step li dl dd{ float:left; } .order_step li dl dd br{ display:none; } */ .bulkorder-wrap .order_step li { width:23.5%; margin-left:2%; } .bulkorder-wrap .order_step li:nth-child(4n+1){ margin-left:0; } .bulkorder-wrap .order_step li dl{ height:146px; } .bulkorder-wrap .order_step li dl dt{ font-size:14px; color:#555; } .bulkorder-wrap .order_step li dl dd{ color:#333; margin-top:3px; font-weight:500; } .bulkorder-wrap .order_step li:hover dl dt{ color:#f36910; } /* 고객센터 > 대량구매 & 맞춤견적 요청 */ .order_step_list_wrap{ margin-top:40px; } .order_step_list{ text-align: center; white-space: nowrap; width: 100%; margin:0 auto; } .order_step_list:after{ display:block; content:''; clear:both; } .order_step_list li{ float:left; margin-left:2%; } .order_step_list li .order_step_txt{ width:100%; padding:50px 0; background-color:rgba(207,129,79,0.06); display: inline-block; border-radius: 50%; } .order_step_list li .img_wrap{ margin-bottom:15px; } .order_step_list li .img_wrap img{ max-height:52px; } .order_step_list li small{ display:block; margin-bottom:5px; font-size:13px; color:#777; } .order_step_list li strong{ font-size:15px; line-height:21px; font-weight:500; color:#141414; display: block; } .order_step_list li p{ margin-top:15px; font-size:14px; line-height:22px; } .order_step_list.three{ max-width:730px; margin:0 auto; } .order_step_list.three li{ width:32%; } .order_step_list.three li:nth-child(3n+1){ margin-left:0; clear:both; } .order_step_list.four li{ width:23.5%; } .order_step_list.four li:nth-child(4n+1){ margin-left:0; clear:both; } .order_step_list.five li{ width:18.4%; } .order_step_list.five li:nth-child(5n+1){ margin-left:0; clear:both; } .order_step_list.five li .order_step_txt{ padding:40px 0; } .order_step_list.five li .img_wrap{ margin-bottom:10px; } .order_step_list.five li .img_wrap img{ max-height:50px; } .order_step_list.five li small{ margin-bottom:3px; } .order_step_list.five li p{ margin-top:12px; font-size:13px; line-height:20px; } .order_step_list li.active .order_step_txt{ background-color:rgba(207,129,79,0.15); } .order_step_list li.active strong{ color:#000; } .order_step_list li.active p{ color:#141414; } .order_step_list li.active small{ color:#555; } /* 배송상태안내 */ ol.progress.arror{ margin:15px auto ;} ol.progress.arror li{ } .progress_len5_wrap{ overflow:hidden; position:relative; background:#fcf7f1; border-bottom:15px solid #fff; } .progress_len5_wrap .sub_title{ z-index:2; position:absolute; left:0; top:50%; padding-left:4%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .progress_len5_wrap .sub_title h2{ margin:0; font-weight:500; font-size:22px; line-height:30px; } .progress_len5_wrap .progress{ padding-left:13%; padding-bottom:0 !important; } .progress_len5_wrap .progress.ordstate li{ padding-bottom:5px; } .progress_len5_wrap .progress li div{ font-weight:500; color:#333; } .progress_len5_wrap .progress li b{ display:block; font-weight:400; color:#777; font-size:13px; } .progress_len5_wrap .progress li.active{ background:none; } .progress_len5_wrap .progress li.active div{ border-radius:0; background:none; } .progress_len5_wrap .progress li .cnt{ line-height:34px; margin-top:14px; } .progress_len5_wrap .progress li.active .cnt{ color:#f36910; } .progress_len5_wrap .tip img{ margin-top:7px; cursor:pointer; } .order_step_list_tip{ display:none; margin-bottom:40px; padding-top:10px; } .order_step_list_tip .order_step_list_wrap{ margin-top:20px; } .order_step_list_tip .ordstatestep-label .label_close{ z-index:1; position:absolute; right:0; top:0; width:48px; height:100%; background:url(/data/skin/default_gl/img/close_orange.png) no-repeat center; background-size:18px; cursor:pointer; } .order_step_list_tip .ordstatestep-label:after{ display:none; } .order_step_list_tip_block.open > .order_step_list_tip{ display:block; } /* 위시리스트 */ .wish_wrap.md_products_wrap { margin-top:0; } .wish_wrap > ul > li.nodata{ width:100%; padding-bottom:20px; } .wish_wrap > ul > li .img input[type='checkbox'] { z-index:4; position:absolute; top:10px; left:10px; } .Sub .md_products_wrap.wish_wrap > ul{ margin-top:35px; } .wish_wrap .goodsDisplayImageWrap{ position:relative; } .Sub .wish_wrap.md_products_wrap > ul:first-child{ margin-top:30px; } .Sub .wish_wrap .goodsDisplayImageWrap > a{ height:237px; } .Sub .goodsDisplayImageWrap > a img{ border:none !important; } .wish_wrap .goodsDisplayImageIcon_wrap > div{ position:relative; left:auto !important; display:block; width:39px; height:39px; color:#fff; font-size:12px; line-height:39px; text-align:center; } .wish_wrap .goodsDisplayImageIcon_wrap > div span{ display:block; font-size:14px; line-height:39px; font-weight:400; } .wish_wrap .goodsDisplayImageIcon_wrap > div small{ margin-top:7px; display:inline-block; font-size:12px; line-height:14px; } .wish_wrap .save_point_btn{ position:relative; left:auto; bottom:auto; margin-bottom:9px; } .wish_wrap .save_point_btn > div{ display:inline-block; padding:0 5px; font-size:11px; line-height:19px; font-weight:400; color:#fff; } .wish_wrap .goods_name{ height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mg50{ margin-top:50px; } /* 미니샵 */ .mshop_depth ul {zoom:1;} .mshop_depth ul:after {clear:both; display:block; content:'';} .mshop_depth li {float:left;} .mshop_depth li.reg_btn {margin-top:-3px; padding-left:5px;} .mshop_visual {margin-bottom:40px; text-align:center;} /* 네이버톡톡 버튼 */ .btn_navertalk {display:block; margin-top:10px; border:1px solid #01b639; background:#01c43d; text-align:center; line-height:50px; font-size:15px; font-weight:500; color:#fff !important; text-decoration:none !important; letter-spacing:-0.5px;} .btn_navertalk img {margin-bottom:3px;} /* 404 에러페이지 */ #PC { position:relative; margin:50px auto; text-align:center;} #PC h1 {margin:30px auto; font-size:30px; font-weight:normal; color:#333; letter-spacing:-3px;} #PC p {margin:0 auto; font-size:20px; font-weight:normal; color:#666; letter-spacing:-2px;} #PC p .phone { font-weight:500; letter-spacing:0;} #PC .btn_sch{ display:inline-block; padding:0 16px; height:52px; min-width:200px; margin:50px auto 0; border:1px solid #f36910; background:#f36910; color:#fff; border-radius:4px; font-size:18px; line-height:50px; font-weight:400; letter-spacing:-0.5px; cursor:pointer; text-align:center; } #PC .btn_sch{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } #PC .btn_sch:hover{ color:#fff; background:#f36910; border-color:#f36910; } /*----------------------------------*/ /* 메인(main) /*----------------------------------*/ .main_display .displayTabContentsRolling > ul > li.l_navi_btn img {left:-20px;} .main_display .displayTabContentsRolling > ul > li.r_navi_btn img {right:-20px;} /* .main_display .goodsDisplayWrap {width:230px !important; height:230px !important;} .main_display .goodsDisplayImageWrap {width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; border-radius:50%; overflow:hidden;} .main_display .goodsDisplayImageWrap > a > img {width:100% !important; height:100% !important;} .main_slider {margin-bottom:50px;} */ .main_display h3 {margin:50px 0 15px 0; text-align:center; font-size:24px; font-weight:500;} .main_display h3 span {font-size:18px; font-weight:normal; color:#888;} .main_border {border:1px solid #ccc; padding:35px 20px 20px;} /****/ #bbslist .article_info{color:#565656!important;} #bbslist .article_info span{color:#565656!important;} /****/ .relation_items{position:relative; margin-top:75px; margin-bottom:105px; } .relation_items h3{position:absolute;top:0;left:2px;font-size:20px; font-weight:500; padding-top:0;} .relation_items .item_al_bx{ } .relation_items .item_al_bx .img_bx{ position:relative; overflow:hidden; height:240.8px; background: #fff; border-radius:4px; border:1px solid #eee; } .relation_items .item_al_bx .img_bx img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:auto; max-width:100%; height:auto; max-height:100%; } .relation_items .item_al_bx .text_bx{ position:relative; padding-top:8px;} .relation_items .item_al_bx .text_bx .plus_info{ font-size:13px; } .relation_items .item_al_bx .text_bx .youtube_icon{ /* top:14px; */ width:18px; } .relation_items .item_al_bx .text_bx .brand{color:#777;font-size:13px;} .relation_items .item_al_bx .text_bx .name{overflow:hidden; height:40px; line-height:20px; color:#333;font-size:14px;} .relation_items .item_al_bx .text_bx .rel_price { color:#333; color:#f36910 !important; text-align:right; } .relation_items .item_al_bx .text_bx .rel_price i{ font-size:13px; font-weight:400; font-style:normal; margin-left:-3px; } .relation_items .item_al_bx .text_bx .rel_price em{font-size:17px;font-weight:700; font-style:normal; } .relation_items .item_al_bx .text_bx .rel_price em a{ color:#ff6600 !important; } .relation_items .swiper-container{ padding-top:47px;} .relation_items .swiper-container-horizontal>.swiper-pagination-bullets{width:auto;left:auto; right:-4px;bottom:auto;top:15px;} .relation_items .swiper-pagination-bullet { width:10px; height:10px; background:#e2e2e2; opacity:1;} .relation_items .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#f36910; } .mdmsg { margin:20px auto; font-size:14px; text-align:center; } .mdmsg:first-child { margin-top:0; } .mdmsg img {max-width:100%;} .emoney_table_style.list_table_style{border-color:#dadada;} /* .emoney_table_style.list_table_style > thead > tr > th{background: #f9f1e3;border-bottom:0; border-left: 1px solid #dadada;font-family : "Noto Sans KR" !important;} */ .emoney_table_style.list_table_style > tbody > tr > td{border-color:#dadada;} .emoney_table_style .blue{color:#043b74 !important; } .emoney_table_style .red {color:#f36910 !important; } .multicart_popup{border:1px solid #ccc;} .multicart_popup.designPopup .designPopupBar{height:auto;} .multicart_popup .designPopupBody{text-align:center; } .multicart_popup h3{padding:0 15px; line-height:40px; font-size:16px;font-weight:700;text-align:left;background: #666; color:#fff;} .multicart_popup .content_bx{padding:20px;word-wrap: break-word; word-break: keep-all;} .multicart_popup .btns{padding-bottom:30px;} .multicart_popup .medium{margin:0 5px;} .multicart_popup .medium a{ height: 25px; line-height: 25px; padding: 0 13px 0 13px !important; } .multicart_popup .designPopupTodaymsg{display:none;} .multicart_popup .layer_close{position:absolute;top:0;right:0;width:40px;height:40px;background: url('/data/skin/default_gl/css/jqueryui/black-tie/images/btn_close_popup.gif') no-repeat 50% 50%;font-size:0 !important;} /*----------------------------------*/ /* 장바구니 상품 보내기 /*----------------------------------*/ .cartsend_box01{padding:20px 25px;border: solid 1px #ddd; background-color:#f9f9f9;line-height:24px; font-size:15px; border-radius:4px; } .cartsend_box01 dt{ margin-bottom:2px; font-weight:500; color:#333; } .cartsend_box01 dd{ color:#555; } .cartsend_box02{ } .cartsend_box02 h2{padding-bottom:15px; font-size:16px; font-weight:500;color:#333;} .cartsend_box02 .sub_title { position: relative; padding-bottom: 20px; } .cartsend_box02 .sub_title .mt20 { position: relative; width: 200px; font-weight: 900; font-size: x-large; vertical-align: top; } .cartsend_box02 .sendid_box{ left: 100px; height: max-content; position: relative; width: 500px; display: inline-block; } .cartsend_box02 .sendid_box input[type='text']{ width:100%; height: 37px; line-height:37px; border: 1px solid #cccccc;box-sizing:border-box;} .cartsend_box02 .sendid_box button{position:absolute;top:0;left:100%;width:57px;height: 37px;background:#323232;border:0;color:#fff;font-size:14px; line-height:130%;} /*장바구니 상품 보내기 > 최근 보낸 장바구니 추가 : 221020:jsy*/ .cartsend_box02 .sendid_box.jsy_sendid_box{width:100%; display:flex; } .cartsend_box02 .sendid_box.jsy_sendid_box .jsy_sendid_search button{left:initial; right:0;} .cartsend_box02 .sendid_box.jsy_sendid_box .jsy_sendid_search{ width:300px; display:inline-block; position:relative; } .cartsend_box02 .sendid_box.jsy_sendid_box .jsy_recent_content{display:inline-block; position:relative; margin-left:10px; } .cartsend_box02 .sendid_box button.jsy_recent_box{position:relative; left:inherit; width:160px; border-radius:5px; background:#ffe67c; color:#141414; font-size:15px; font-weight:500;} .cartsend_box02 .sendid_box button.jsy_recent_box:hover{background:#ffdb5d; } .recentDetailLayer {position:absolute; z-index:9; } .recentDetailLayer .layer_wrap { position:relative; width:500px; border:1px solid #eee; background:#fff; text-align:left;} .recentDetailLayer .layer_wrap a.recentDetailLayerCloseBtn {position:absolute; top:0; right:0; display:inline-block; background:url('../images/common/btn_detail_close.png') no-repeat; width:30px; height:30px; text-indent:-9999px;} .recentDetailLayer .layer_wrap .layer_inner { padding:15px; text-align:left; color:#555; font-size:12px; line-height:120%;} .recentDetailLayer .layer_wrap .layer_inner table{ text-align:center;} .recentDetailLayer .layer_wrap .layer_inner table thead th{background:#eee; padding:10px 0; font-size:13px; line-height:140%; color:#141414; font-weight:500;} .recentDetailLayer .layer_wrap .layer_inner table tbody td{background:#fafafa; padding:10px; font-size:13px; line-height:140%; border-bottom:solid 1px #f1f1f1; color:#555; } .recentDetailLayer .layer_wrap .layer_inner table tbody td span{display:block; font-weight:500; color:#333; } .recentDetailLayer .layer_wrap .layer_inner table tbody td span:before{display:inline-block; content:'('; font-size:12px; } .recentDetailLayer .layer_wrap .layer_inner table tbody td span:after{display:inline-block; content:')'; font-size:12px; } .recentDetailLayer .layer_wrap .layer_inner table tbody tr:last-child td{border-bottom:none;} .recentDetailLayer .layer_wrap .layer_inner table tbody td button{position:initial; width:50px; height:30px; line-height:150%; border-radius:4px; background:#ffe67c; color:#141414; font-weight:500; } .recentDetailLayer .layer_wrap .layer_inner table tbody td button:hover{background:#ffdb5d; } .recentDetailLayer .paging_navigation{ padding:0 0 15px;} .recentDetailLayer .paging_navigation a{height:31px; line-height:27px; color:#aaa !important; border-color:#e9e9e9;} .recentDetailLayer .paging_navigation a.on{ border-color:#565656; } .recentDetailLayer .paging_navigation a:hover{border-color:#565656;} .cartsend_box02 textarea{width:100%; height:153px; padding:12px 15px; box-sizing:border-box;} .cartsend_box02 .message_box{ } .cartsend_box02 .message_box .mt20 { position: relative; width: 200px; font-weight: 900; font-size: x-large; vertical-align: top; } .cartsend_box02 .message_box .fr { position: absolute; right: 25px; bottom: 0; } .cartsend_box02 .message_box.jsy_message{position:relative;} .cartsend_box02 .message_box .fr.jsy_type { right: 15px; bottom:5px; } .fl{ float:left; margin-top:7px; padding-left:0.5%; font-size:14px; color:#555; line-height:40px; } .search-area{ position:relative; } .search-area .fl{ float:none; margin-top:0; line-height:25px; } .mypage_wrap .search-area #orderyear{ position:absolute; right:0; top:-4px; } /*검색시 도서안내문 추가*/ .search-area .search_book_notice{position:absolute; top:-7px; display:inline-block; margin-left:8px; } .search-area .search_book_notice p{position:relative; font-size:14px; line-height:25px; color:#888; } .search-area .search_book_notice span{ display:inline-block; vertical-align:bottom; padding:0 3px 0 2px; margin-bottom:3px;} .fr{ float:right; margin-top:7px; padding-right:0.5%; font-size:13px; color:#777; line-height:40px; } .fr .bbs_btn{ width:120px; margin-left:10px; height:40px; line-height:29px; } .fr input[name='start_price'], .fr input[name='end_price']{ min-width:90px; margin:0 3px 0 5px; height:40px; line-height:40px; padding:0 10px; border:1px solid #ddd; font-size:14px; color:#555; } .fr input[type='submit']{ } .cartsend_box02 #span_bytes{color:#f87625;} .cartsend_box03{ padding:20px 10px; margin-bottom:20px; color:#555; font-size:14px; } .cartsend_box02_dl{ position:relative; } .cartsend_box02_dl:after{ display:block; content:''; clear:both; } .cartsend_box02_dl dt{ float:left; margin-right:15px; color:#333; font-weight:500; line-height:36px; font-size:17px; } .cartsend_box02_dl dd{ float:left; } .cartsend_box02_dl dd p{ padding-top:8px; font-size:14px; color:#555; } .ly-estimate table{ font-family:'Malgun Gothic'; } /*----------------------------------*/ /* 마이페이지 /*----------------------------------*/ .cart_tit_h4{ margin:0 auto; padding:4px 0 13px; font-size:25px; font-weight:700; letter-spacing:-0.5px; color:#141414; } .search-form-container_new { } .search-form-table{ margin-bottom:30px; border:1px solid #ddd; border-width:1px 0; } .search-form-container_new li{ padding:26px 0 ; background:#fcfcfc; border-top:1px solid #eee; border-width:1px 0; } .search-form-container_new ul li:first-child{ border-top:none; } .search-form-container_new .search_li01 .gray{display:inline-block;width:25px;text-align:center;} .search-form-container_new .search_li01 .datepicker_box{position:relative;display:inline-block;width:124px; } .search-form-container_new .search_li01 .datepicker_box input[type='text']{border:0;width:100%; height:36px; line-height:36px;border:1px solid #ddd;background:#fff url('/data/skin/default_gl/images/design/icon-calendar_n.png') no-repeat 95% 50%;} .search-form-container_new .search_li01 .datepicker_box .ui-datepicker-trigger{position:absolute;top:0;right:0; width:28px;height:28px; opacity:0; } .search-form-container_new .search_li01 .setdate_btns{overflow:hidden;display:inline-block;vertical-align:middle;padding-left:1px;margin-left:18px;} .search-form-container_new .search_li01 .setdate_btns .btn_move{ float:left; margin-left:-1px; background: #fff; border:1px solid #ddd; padding:0 12px; line-height:34px;font-size:14px; cursor:pointer; } .search-form-container_new .search_li01 .setdate_btns .btn_move:hover{padding:0 12px;} .search-form-container_new .search-tit{display:inline-block;width:120px;text-align:center; line-height:36px; color:#444; font-size:15px; } .search-form-container_new .search_li02{ padding:10px 0 ; line-height:30px;} .search-form-container_new .search_li02 label{display:inline-block;margin-right:20px;} .search-form-container_new .search_li02 label input{ vertical-align:-1px; } .search-form-container_new button[type='submit']{ vertical-align:-1px; } .search-form-container_new .search_li03{ } .search-form-container_new .search_li03 input[type='text']{ width: 453px; height: 36px; line-height:36px; border:1px solid #ddd; text-indent:3px;} .search-form-container_new .tooltip{position:relative;} .search-form-container_new .tooltip > div{display:none; position:absolute; top:30px;right:-100px;font-size:11px; padding:5px 10px;width:200px;border:1px solid #ddd;border-radius:10px;background:#f5f5f5;} .send_cart_info { padding:25px 30px; margin:50px auto; border:1px solid #ddd; background:#f9f9f9; font-size:15px; color:#333; border-radius:4px; } .send_cart_info em{ font-style:normal; color:#f36910; } .cart_table_style03.list_table_style{ margin-bottom:50px; font-size:15px; } .cart_table_style03.list_table_style > tbody > tr > th{ height:64px; padding:10px 0; background-color:#f5f5f5; border-bottom:1px solid #dbdbdb; font-weight:500; color:#333; } .cart_table_style03.list_table_style > tbody > tr > td{ height:64px; border-color:#dbdbdb; border-left:0; color:#555; } .cart_table_style03.list_table_style > tbody > tr > td.left{ padding:22px; word-break:break-word; } .cart_table_style03.list_table_style > tbody > tr > td .br{ display:block; } /* 마이페이지 달력 */ #ui-datepicker-div{ width:17em !important; padding:.2em .2em 0 !important; min-height:auto !important; background:#f9f9f9; border:1px solid #eee; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:4px; display:none; } #ui-datepicker-div .ui-datepicker-header{ position:relative; padding:.2em 0; } #ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next{ position:absolute; top:2px; width:1.8em; height:1.8em; } #ui-datepicker-div .ui-datepicker-prev{ left:2px; } #ui-datepicker-div .ui-datepicker-next{ right:2px; } #ui-datepicker-div .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-next span{ display:block; position:absolute; left:50%; margin-left:-8px; width:16px; height:16px; top:50%; margin-top:1px; font-size:0; } #ui-datepicker-div .ui-widget-header .ui-icon{ background-image:url(/data/skin/default_gl/css/jqueryui/black-tie/images/ui-icons_bbbbbb_256x240.png); } #ui-datepicker-div .ui-icon-circle-triangle-w{ background-position:-80px -192px; } #ui-datepicker-div .ui-icon.ui-icon-circle-triangle-e{ background-position:-48px -192px; } #ui-datepicker-div .ui-datepicker-title{ margin:6px 2.3em 0; line-height;1.8em; text-align:center; } #ui-datepicker-div select.ui-datepicker-year, #ui-datepicker-div select.ui-datepicker-month{ width:80px; font-size:1em; margin:1px 0; border-color:#eee; padding:0 5px; height:30px; line-height:30px; font-size:13px; } #ui-datepicker-div table{ width:100%; font-size:.9em; margin:0 0 .4em; } #ui-datepicker-div th{ padding:.7em .3em; text-align:center; font-weight:500; border:0; color:#555; } #ui-datepicker-div .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{ opacity:.35; filter:Alpha(Opacity=35); background:none; } #ui-datepicker-div td{ border:0; padding:1px; } #ui-datepicker-div .ui-state-disabled{ cursor:default !important; } #ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight{ background:#aaa; color:#fff; } #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default{ text-align:center; } #ui-datepicker-div td span, #ui-datepicker-div td a{ display:block; padding:.2em; } #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content{ display:none; } .hand{ cursor:pointer; } .emoney_search .search-form-table{ padding:10px 7px; } /* 포인트 페이지*/ .myinfo .info .lev{ padding-bottom:6px; font-size:15px; color:##043b74; font-weight:400; } /*.emoney_type{ letter-spacing:-0.5px; } .emoney_type > div{ display:inline-block; } .myinfo li.emoney_type01{ font-size:26px; color:#141414; font-weight:500; } .myinfo li.emoney_type01 .num{ font-weight:700; } .myinfo li.emoney_type02{ font-size:16px; margin-top:5px; color:#555; } */ /* 마이페이지 */ .myinfo_wrap{ position:relative; } .myinfo_table{ display:table; position:relative; width:100%; padding:40px 4%; background:#fcf7f1; text-align:center; } .myinfo { display:table-row; position:relative; } .myinfo:after {clear:both;content:'';display:block; } .myinfo li { display:table-cell; height:85px; vertical-align:middle; } .myinfo li{ border-left:1px solid #ddd; width:22%; padding:20px 0; } .myinfo li:first-child{ border-left:none; } .myinfo li.info{ width:33%; } .myinfo li.myinfo_long{ width:34%; } .myinfo li.myinfo_middle{ width:23%; } .myinfo li.myinfo_small{ width:20%; } .myinfo .info .name {color:#333333;font-size:24px; font-weight:500;} .myinfo li .orange {font-size:24px;color:#ff6600;font-weight:700; vertical-align:-1px; } .myinfo.emoney li{ width:33.333333%; } .trophy_icon{ position:relative; padding-left:25px; } .trophy_icon:before{ position:absolute; left:0; top:4px; content:''; width:20px; height:20px; background:url(/data/skin/default_gl/img/trophy_icon.png) no-repeat center; background-size:100%; } .lank_txt_wrap{ display:inline-block; } .lank_txt_wrap:after{ display:block; content:''; clear:both; } .lank_txt_wrap strong{ float:left; font-weight:400; } .lank_txt{ position:relative; float:left; margin:0 0 0 5px; padding-top:3px; } .lank_txt span{ display:none; z-index:2; position:absolute; right:-70px; top:120%; padding:8px 10px; width:240px; font-size:13px; line-height:18px; border:1px solid #eee; border-radius:4px; background:#fff; color:#555; } .lank_txt:hover span{ display:block; } .progress.arror li:after {top:42px;} .progress.ordstate { padding-bottom:15px;} .progress.ordstate li { padding:5px 0 10px; text-align:Center;font-size:14px;color:#333; background:#fcf7f1; } .my_name_wreap{ display:inline-block; padding:10px 0; border-radius:100px; } .progress.ordstate li .cnt {color:#333333;font-size:34px; font-weight:500; } h4 { font-size:18px;} .ordno > u {color:#ff6600;font-weight:normal;} /* gextends patch */ .bbslist_wrap .wishlist_slide .slides_container .slide > ul > li {width:25%;margin-right:0;box-sizing:border-box;margin-left:0} /*----------------------------------*/ /* 대량구매 & 맞춤견적 요청 페이지 /*----------------------------------*/ .bulkorder-wrap { text-align:center; } .bulkorder-wrap h4 { padding-bottom:13px; font-size:25px; font-weight:700; color:#242424;} .bulkorder-wrap p {font-size:15px; color:#555; } .bulkorder-wrap .bulkorder-wrap-step {width:722px; height:200px; margin:0 auto; margin-top:30px; background:url(/data/skin/{skin}/gextends/images/sub/bulkorder_step.png) no-repeat;} .bulkorder-wrap .bulkorder-wrap-step dl {float:left; width:118px; padding-top:135px; margin-left:83px; text-align:center;} .bulkorder-wrap .bulkorder-wrap-step dl:first-child {margin-left:1px;} .bulkorder-wrap .bulkorder-wrap-step dl dt {font-weight:bold; font-size:15px; color:#000;} .bulkorder-wrap .bulkorder-wrap-step dl dd {margin-top:5px; font-size:14px; color:#000;} .bulkorder-wrap .clear {clear:both;} .bulkorder-wrap .bulkorder-wrap-desc {margin-top:35px; font-size:15px; color:#555;} .bulkorder-wrap .bulkorder-wrap-desc ul li {margin-top:5px;} .bulkorder-wrap .bulkorder-wrap-desc ul li:first-child {margin-top:0;} .bulkorder-wrap .bulkorder-wrap-down {margin-top:30px; text-align:center;} .bulkorder-wrap .bulkorder-wrap-inqr { overflow:hidden; margin:0 auto 50px; color:#fff; } .bulkorder-wrap .bulkorder-wrap-inqr span{ overflow:hidden; position:relative; float:left; width:32%; line-height:70px; font-size:17px; font-weight:400; letter-spacing:-0.5px; } .bulkorder-wrap .bulkorder-wrap-inqr span:before{ position:absolute; right:0; top:0; content:''; border-bottom:70px solid transparent; border-left:324px solid rgba(255,255,255,0.03); border-top:0px solid rgba(255,255,255,0.03); } .bulkorder-wrap .bulkorder-wrap-inqr span:last-child{ width:36%; } .bulkorder-wrap .bulkorder-wrap-inqr span:last-child:before{ border-left:365px solid rgba(255,255,255,0.03); } .bulkorder-wrap .bulkorder-wrap-inqr span:first-child{ background:#1c77c8; } .bulkorder-wrap .bulkorder-wrap-inqr span:nth-child(2){ background:#0055a1; } .bulkorder-wrap .bulkorder-wrap-inqr span:nth-child(3){ background:#043b74; } .bulkorder-wrap .bulkorder-wrap-inqr span b{ display:inline-block; line-height:70px; font-size:20px; font-weight:400; vertical-align:-1px; } /* 개인결제 페이지 */ .personal_top_search{ position:relative; float:none; width:100%; } .personal_top_search .right{ z-index:2; position:absolute; right:0; top:-5px; } /* 주소록 페이지 */ .address_reg .float_wrap{ position:relative; margin-bottom:15px; width:100%; } .address_reg .float_wrap:after{ display:block; content:''; clear:both; } .address_reg .float_wrap li{ float:left; } .address_reg .float_wrap .right{ float:right; } .address_reg .float_wrap select{ min-width:120px; } .addAddress_btn_position{ position:absolute; right:-4px; bottom:7px; } /* ---------------------------- join ------------------------------------------------------------------------------ */ .join-progress { display:none; text-align: center; } .join-progress:after {clear:both;content:'';display:block} .join-progress li {display:inline-block; position:relative;box-sizing:border-box;width:19%;text-align:center;color:#707070;font-size:16px;box-sizing:border-box;} .join-progress li:after {content:'￣￣￣￣￣';font-size:24px;color:#707070;position:absolute;top:34px;right:-62px;} .join-progress li:last-child:after {content:''} .join-progress li div { border:1px solid #707070;background-color:##FFFFFF;border-radius:39px;width:78px;height:78px;line-height:78px;margin:0 auto;line-height:1;vertical-align:middle; box-sizing:border-box;padding-top:18px;margin-bottom:15px; font-size:15px;} .join-progress li div span {font-size:22px;clear:both;display:block;margin-top:3px;color:#666666;} .join-progress li.active {color:#FC7D2E;} .join-progress li.active div {border-color:#ff6600;background-color:#ffffff} .join-progress li.active div span {color:#FC7D2E;} .welcome {font-size:38px; text-align:center; margin:20px auto 35px;width:100%;display:block;box-sizing:border-box;} .welcome:after {clear:both;content:'';display:block} .welcome .b { font-size:32px;font-weight:700; color:#141414; } .skyblue {color:#043b74} .welcome-desc{ text-align:center; color:#333; font-size:15px; } .welcome-desc .title{ color:#f36910; font-size:22px; } .gate_select_block{ margin:0 auto; max-width:680px; padding:30px 35px 53px; border-radius:4px; background:#fcfcfc; border:1px solid #eee; } .gate_wrap .wrap-tyle-list{ overflow:hidden; margin-top:30px; text-align:center; } .wrap-tyle-list li{ display:inline-block; min-width:260px; } .wrap-tyle-list li span{ display:block; margin-bottom:8px; color:#777; font-weight:400; } /* 새로운 회원가입 페이지 */ .join_top_box{ margin-top:-3px; padding:20px 0; background:#fafafa; border:1px solid #eee; } .join_top_box strong{ display:block; margin-bottom:5px; font-size:20px; } .provision_wrap{} .provision_wrap li .agree{ z-index:1; position:absolute; right:0; top:0; font-size:18px; } .provision_wrap li .agree input{ vertical-align:0; } .provision_wrap > li{ position:relative; margin-top:40px; padding-top:40px; border-top:1px solid #eee; } .provision_wrap > li:first-child{ padding-top:0; border-top:none; } .provision_wrap h4{ padding-bottom:12px; font-size:22px; } .provision_contents{ height:230px; padding:20px 20px 0; overflow-y:scroll; border:1px solid #eee; } .provision_wrap li:nth-child(3) .provision_contents{ height:auto; overflow-y:hidden; } .provision_contents h2:nth-of-type(1){ margin-top:0; } .provision_contents h2{ font-size:18px; } .provision_contents > div{ padding-bottom:20px; } .provision_check{ overflow:hidden; margin-top:20px; } .provision_check p{ float:left; font-size:17px; color:#555; } .provision_check div{ float:right; overflow:hidden; } .provision_check div span{ float:left; margin-left:25px; font-size:17px; color:#555; } .provision_check div span input{ vertical-align:-1px; } /* 고객센터 */ /* 공지사항 */ .wrap-cs .bbscc-wrap {width:100%;display:block;padding:25px 40px 40px; background:#fcf7f1; margin-bottom:30px;} .wrap-cs .bbscc-wrap:after {display:block;content:'';clear:both;} .wrap-cs .bbscc-wrap .info {float:left; padding-top:17px;} .wrap-cs .bbscc-wrap .info .q {font-size:16px;color:#043b74; } .wrap-cs .bbscc-wrap .info .info_txt {font-size:26px;color:#141414; font-weight:500; } .wrap-cs .bbscc-wrap .info .info_txt{} .wrap-cs .bbscc-wrap .info .desc {font-size:15px;color:#555; } .wrap-cs .bbscc-wrap .info-tel {float:right;padding-left:30px;padding-right:30px;box-sizing:border-box;border-left:1px dotted #cccccc;} .wrap-cs .bbscc-wrap .info-tel .tel { background-image:url('/data/skin/default_gl/gextends/images/sub/ico-tel.png'); background-position:left center; background-repeat:no-repeat; padding-left:50px; font-size:36px;color:#f36910; padding-top:10px;padding-bottom:10px; font-weight:700 } .wrap-cs .bbscc-wrap .info-tel li span {height:20px;width:60px;color:#666666;display:inline-block;} .wrap-cs .bbscc-desc-wrap2 {width:100%;display:block;padding:30px;box-sizing:border-box;margin-bottom:30px;background-color:#fafafa;} .wrap-cs .bbscc-desc-wrap2:after {clear:both;content:'';display:block} .wrap-cs .bbscc-desc-wrap2 input[type='text'] {height:40px;width:370px;font-size:20px;} .wrap-cs .bbscc-desc-wrap2 div {font-size:18px;color:#000000;font-weight:bold;} .wrap-cs .bbscc-desc-wrap2 div:first-child { margin-top:0; border-right:1px dashed #cccccc;padding-right:30px;} .wrap-cs .bbscc-desc-wrap2 .btn-orage { width:150px;text-align:center;height:40px;line-height:40px;background-color:#043b74;color:#fff;display:inline-block;} .wrap-cs .wrap-csbbs h4 {height:30px;border-bottom:2px solid #a9a9a9;font-size:18px;font-weight:normal;} .wrap-cs dl.faq dt.best a:before {content:'BEST';} .wrap-cs .bannerb {width:100%;padding:15px 0px 15px 0px;box-sizing:border-box} .wrap-cs .bannerb .img-wrap {text-align:center;} .wrap-cs .bannerb .img-wrap img {width:100px;height:100px;} .wrap-cs .bannerb:after {clear:both;content:'';display:block;} .wrap-cs .bannerb li {float:left;text-align:center;box-sizing:border-box;margin-right:14px;} .wrap-cs .bannerb li:last-child {float:right;margin-right:0px;} .wrap-cs .bannerb li:nth-child(6n) {padding-right:0;} .wrap-cs .bannerb .title {color:#333333;font-size:16px;height:45px;line-height:45px;} .wrap-cs table.bbslist_table_style > thead > tr > th {background-color:#fafafa} .wrap-cs a.more {font-size:13px;margin-top:20px;} .wrap-cs h3.fit {width:auto;position:relative;} .wrap-cs h3 a.more {position:absolute;right:0;top:-6px;} /*------------------------------------ 선생님을 위한 맞춤 서비스, 리뷰 ------------------------------------*/ .bannerb{ overflow:hidden; margin-top:-10px; } .bannerb li{ float:left; width:49.2%; margin-left:1.6%; margin-top:10px; } .bannerb li:nth-child(2n+1){ margin-left:0; clear:both; } .bannerb li a{ overflow:hidden; position:relative; display:block; height:137px; padding:0 36px; background:#faf0d0; border-radius:4px; } .bannerb li a:before{ position:absolute; left:0; top:0; content:''; border-bottom:137px solid transparent; border-left:308px solid rgba(255,255,255,0.1); border-top:0px solid rgba(255,255,255,0.1); } .bannerb li .img_wrap{ position:absolute; right:29px; bottom:31px; width:25.9%; max-width:80px; height:auto; } .bannerb li .img_wrap img{ width:auto; max-width:100%; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; } .bannerb li:hover .img_wrap img{ transform:scale(1.05); } .bannerb li .bannerb_txt_wrap{ padding-top:33px; letter-spacing:-0.2px; } .bannerb li .bannerb_txt_wrap h5{ font-size:18px; font-weight:500; color:#333; } .bannerb li:hover .bannerb_txt_wrap h5{ color:#222; } .bannerb li .bannerb_txt_wrap p{ padding-top:4px; font-size:13px; line-height:18px; color:#666; } .bannerb li:nth-child(2) a{ background:#dee3f4; } .bannerb li:nth-child(3) a{ background:#d3e3fa; } .bannerb li:nth-child(4) a{ background:#cee5ce; } .bannerb li:nth-child(5) a{ background:#f9dff4; } .bannerb li:nth-child(6) a{ background:#ffe5e7; } .Sub .bannerb{ } .Sub .bannerb li{ width:32.2666%; text-align:left; margin-right:0; } .Sub .bannerb li:nth-child(2n+1){ margin-left:1.6%; clear:none; } .Sub .bannerb li:nth-child(3n+1){ margin-left:0; clear:both; } /* 선생님 맞춤 서비스 */ .etc_wrap{ max-width:1024px; margin:40px auto 0; font-size:16px; color:#555; line-height:26px; text-align:left; } .etc_wrap h3{ font-size:25px; line-height:60px; font-weight:700; letter-spacing:-0.5px; color:#141414; margin:30px auto 0; } .etc_wrap .large{ margin-bottom:3px; color:#242424; font-size:17px !important; font-weight:500 !important; } .etc_wrap fl, .etc_wrap .fr{ font-size:15px; } .etc_wrap .cb_box{ margin-top:15px; padding:25px 35px; background:#fcfcfc; } .etc_wrap h4{ font-size:25px; line-height:60px; font-weight:700; letter-spacing:-0.5px; color:#141414; margin:30px auto 0; } .etc_wrap em{ font-style:normal; } .etc_wrap .step dl dt{ font-weight:500; } .etc_wrap .step dl dd{} .etc_wrap img{ width:auto; max-width:100%; } .etc_wrap .bbs_btn{ padding:0 15px; margin:5px 0; } .etc_wrap .btn-wrap{ text-align:center; } .etc_wrap .bcircle.len3.mt30 li .tal.small{ text-align:left; font-size:13px; color:#666; } .etc_wrap .bcircle.len3.mt30 li .tal.small br{ display:none; } @media(max-width:1600px){ .mallcode001 a{padding:0 8px;} .ltc_box{width:45%; } .ltc_box:nth-child(2){width:52%;} } @media(max-width:1400px){ /* 퀵메뉴 */ #layout_scroll{ display:none; } } @media(max-width:1250px){ .lmenu.side_list ul > li .my_cart_num{ float:none; padding-left:15px; } .set_preload{ float:none; width:100%; } .ltc_box .cm_s_cate{ left:auto; right:0; } /* 주문내역 스텝 */ .order_step li dl{ height:145px; } .order_settle .benefit{ width:65%; } .order_settle .settle{ width:32%; } .order_settle .settle dl dt.total, .order_settle .settle dl dd.total.price{ width:50%; } .search_tit_no .search-tit{ width:28px; } .mallcode001 a{padding:0 12px; font-size:15px;} } @media(max-width:1300px){ .pop_select_send.jsy_soso_pop {position:absolute; top:0; left:50%; transform:translateX(-11%); } #cart_form .btn_cartbt_wrap .bbs_btn.big{ max-width:170px; height:56px; font-size:17px; line-height:54px; } } @media(max-width:1210px){ /*220911_개인정보처리방침_반응형수정*/ .privacy_jsy h1{font-size:28px; } .privacy_jsy h3{font-size:24px;} .privacy_jsy.list h2{font-size:26px; } .privacy_jsy.top p{font-size:17px; line-height:26px; } .privacy_jsy.top .labeling_left h3{font-size:20px; } .privacy_jsy.top .labeling_left p{font-size:15px;} .privacy_jsy.top ul li a{min-height:160px; } .privacy_jsy.top .labeling_left{width:80%; } .privacy_jsy.top .labeling_right{width:20%; } .privacy_jsy.top ul li img{width:55px; } .privacy_jsy.top ul li:nth-child(4) img{width:65px;} .privacy_jsy.list ul li dl dd{font-size:17px; line-height:42px; } .privacy_jsy.content p{font-size:15px; } .privacy_jsy.content h3{font-size:18px;} .table01.jsy th{font-size:15px;} .table01.jsy td{font-size:14px;} .table01.jsy caption{font-size:16px; } .pop_select_send.jsy_soso_pop {position:absolute; top:0; left:50%; transform:translateX(-2%); } .list_inner_title.jsy .jsy_free_right{top:-50px; right:0;} } @media(max-width:1200px){ /*211105_프론트 하단 sns 영역 수정*/ .copyright_sns{position:inherit; top:0; right:0; padding:10px 0;} .copyright_sns ul{display:inline-block;} /* 이 상품을 본 고객들이 함께 구매한 상품 */ .relation_items .item_al_bx .img_bx{ height:183.59px; } .Sub .goodsDisplayImageWrap > a{ height:232.03px; } .Sub #today_form .goodsDisplayImageWrap > a{ height:188px; } .Sub #wish_form .goodsDisplayImageWrap > a{ height:188px; } .Sub .wish_wrap .goodsDisplayImageWrap > a{ height:188px; } .displayTabContentsList .goodsDisplayImageWrap a{ height:160px; } #goods_view .slides_container a{ height:472px; } /* 푸터 */ .copyright_wrap h1{ display:none; } address{ float:none; width:100%; } .bannera .info-wrap{ width:33%; } .order_settle .settle .settle_amount_area{ position:relative; right:auto; top:auto !important;} .order_settle.view .list_inner table.order_view tbody th{ width:28% !important; padding-left:0.5% !important; } .order_settle.view .list_inner table.order_view.delivery_info_txt tbody th{ width:13.4% !important; } .order_settle.view .benefit dl dt{ width:28% !important; padding-left:0.5% !important; } .sub_title_tip .pop_select_send{ width:353px; } #layout_config_body{ width:81%;} .info-wrap .btns a{ padding:0 12px; font-size:14px; } .input_long{ width:380px; } .input_small{ width:118.5px; } .ui-widget.ui-dialog .ui-widget-content{ max-height:560px; } .top_allcate > a{ font-size:16px; } .mallcode001 a{ padding:0 12px; font-size:15px; } .ltc_box > a{ font-size:14px; } } @media(max-width:1190px){ /* 통합회원_로그인폼 수정 */ .login_wrap form h4{font-size:23px; } .login_wrap form{padding:35px 30px;} .login_list.jsy li{float:inherit;} .login_list.jsy .joinpwd.jsy{float:inherit; margin-top:5px;} .pop_select_send.jsy_soso_pop {position:absolute; top:0; left:50%; transform:translateX(6%); } } @media(max-width:1160px){ .mallcode001 a{ padding:0 10px; font-size:15px; } #cart_form .btn_cartbt_wrap .bbs_btn.big{ max-width:160px;} } @media(max-width:1100px){ .order_step_list li .order_step_txt{ padding:60px 0; } .order_step_list.four li .order_step_txt{ padding:30px 0; } .order_step_list.five li .order_step_txt{ padding:25px 0; } #cart_form .btn_cartbt_wrap .bbs_btn.big{ max-width:140px; font-size:15px; } .bannerb li a{ padding:0 31px; } .bannerb li .img_wrap{ right:24px; } /* 학년별, 테마별 */ .ltc_box_wrap{ width:18.5%; max-width:230px; } .ltc_box .cm_s_cate a{font-size:12px; padding:4px 8px;} .mallcode001 a{ padding:0 9px; font-size:15px; } /* 통합회원_로그인폼 수정 */ .login_wrap form h4{font-size:22px; } .login_wrap form{padding:35px 27px;} .pop_select_send.jsy_soso_pop {position:absolute; top:0; left:50%; transform:translateX(14%); } } @media(max-width:1023px){ #layout_topBar .flying{ position:relative; left:auto; top:auto; } .scrollflex.state-follow { position:relative !important; max-width:1023px !important; top:auto !important; left:auto !important; } /* 제품 상세페이지 탭메뉴 */ .tabs_wrap{ margin-bottom:30px; } .tabs_wrap.hide{ display:block; } .tabs li.current a, .tabs li:hover a{ color:#555; } .tabs li.current:after{ display:none; } #tab-1_wrap .tabs li.current:after{ display:block; } #tab-1_wrap .tabs li.current a{ color:#f36910; } .order_catalog_list_table .color_red{ font-size:12px; } } /* 210528 연구소 작업 / 모바일 */ .wrapper-spa{height:auto;margin:0 auto;background-color:#f5f5f5} .header-img,.footer-img{width:auto;height:auto;margin:0 auto;} .header-img > img,.footer-img > img{width:100%;} h2.title-h2{text-align:center;margin-top:30px;} h2.title-h2 > img{width:40%;} ul.contens-line1{text-align:center;overflow:hidden;padding:0 2%} ul.contens-line1:last-child{padding:0;} ul.contens-line1 > li{float:left;width:50%;margin-top:30px;height:auto} ul.contens-line1 > li > a{margin:10px auto 0;display:block;width:90%;} ul.contens-line1 > li > img{width:90%; } ul.contens-line1 > li > a > img{width:100%} .footer-img{margin-top:30px;} .footer-text{text-align:center;padding:16px 0;background-color:#a6a6a6;color:#fff;font-weight:600;margin-top:145px;font-size:21px;letter-spacing:-1px;;} img.small_goods_image, img.order_thumb {height: 100px; object-fit: contain;} /* 210528 연구소 작업 / pc & 테블릿 */ @media (min-width: 768px) and (min-width: 1024px) { .wrapper-spa{width:1000px;height:auto;margin:0 auto;} .header-img,.footer-img{width:1000px;height:auto;margin:0 auto;} h2.title-h2{text-align:center;margin-bottom:88px;margin-top:120px} h2.title-h2 > img{width:auto} ul.contens-line1{display:flex;justify-content:center;height:650px;margin-bottom:145px;} ul.contens-line1:last-child{padding:0;margin-top:78px} ul.contens-line1 > li{margin-right:23px;margin-top:0;width:auto} ul.contens-line1 > li:last-child{margin:0;} ul.contens-line1 > li > a{margin-top:22px;display:block;} ul.contens-line1 > li > img{width:auto} ul.contens-line1 > li > a > img{width:auto} } /** 2020-06-25, pgs : 마이페이지 약식 주문리스트, 주문/배송 리스트 퍼블리싱 */ /* div.search-form-container { text-align: center; } ul.search-form-table.new { display: inline-flex; } ul.search-form-table.new li { margin-right: 1em; } .mb10 select { float: right; vertical-align: middle; } ul li.orderinfo.seq { text-align: left; padding: 0.5em 0em 0.5em; } ul li.orderinfo.seq label { font-size: 1.1em; cursor: default; } ul li.orderinfo.seq span { font-size: 1.3em; } ul li.orderinfo.seq layer { display: inline; vertical-align: text-bottom; margin-left: 2em; } ul li.orderinfo.body { text-align: left; padding: 0.5em 1em 0.5em; background-color: #F2F2F2; } ul li.orderinfo.body p { font-size: 1.2em; margin-bottom: 0.25em; } ul li.orderinfo.body label { font-size: 1.2em; font-weight: bold; color : #EF4E22; } ul li.orderinfo.body span { font-size: 1.2em; font-weight: bold; } ul li.orderinfo.link { text-align: center; padding: 0.7em 0em 0.7em; background-color: #D5ECEE; } ul li.orderinfo.link a { font-size: 1.35em; font-weight: bold; } .pgreceiptbtn { background-color: #345899; color: #FFFFFF !important; } td.orderinfo_dateline { text-align: left !important; } .iteminfo { margin: 0.5em 0em 0.5em 0em; } table.order_maininfo { width: 100%; border-bottom: 1px solid #aaa; } table.order_maininfo tr { border-top: 1px solid #ddd; height: 5em; } table.order_maininfo tr td { border-left: 1px solid #aaa; } table.order_maininfo tr td:last-child { border-right: 1px solid #aaa; } */