@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800); /*font-family:'Open Sans', sans-serif;*/ @import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css); /* font-family: 'NanumSquare', sans-serif; */ html { overflow-y:scroll; } body { margin:0; padding:0; background:#fff!important; font-family: 'Nanum Gothic', sans-serif; font-size:12px; } input, button, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:0; } button { cursor:pointer; border:none; padding:0; } button img, img { vertical-align:middle; border:none; } ul, ol { list-style:none; margin:0; padding:0; } h1,h2,h3,h4,p { margin:0; } a { text-decoration:none; color:#000; } * { box-sizing:border-box; } table { border-collapse:collapse; } td, th { padding:0; } label { cursor:pointer; } input[type="checkbox"], input[type="radio"] { position:absolute; width:0; height:0; opacity:0; filter:alpha(opacity=0); } .checkbox { display:inline-block; vertical-align:middle; width:29px; height:28px; margin-right:15px; background:url(../images/global/icon_checkbox.png) 0 0 no-repeat; cursor:pointer; } .checkbox02 { display:inline-block; vertical-align:middle; width:25px; height:24px; margin-right:8px; background:url(../images/global/icon_checkbox02.png) 0 0 no-repeat; cursor:pointer; } .m_checkbox { display:inline-block; vertical-align:middle; width:23px; height:22px; margin-right:11px; background:url(../images/global/icon_m_checkbox.png) 0 0 no-repeat; background-size:23px auto;} .radio { display:inline-block; vertical-align:middle; width:25px; height:25px; margin-right:15px; background:url(../images/global/icon_radio.png) 0 0 no-repeat; cursor:pointer; } input[type="checkbox"]:checked + .checkbox { background-image:url(../images/global/icon_checkbox_on.png); } input[type="checkbox"]:checked + .checkbox02 { background-image:url(../images/global/icon_checkbox02_on.png); } input[type="checkbox"]:checked + .m_checkbox { background-image:url(../images/global/icon_m_checkbox_on.png); } input[type="radio"]:checked + .radio { background-image:url(../images/global/icon_radio_on.png); } /* top_list */ #top { background:#eeefef; } .top_area { overflow:hidden; max-width:1180px; margin:0 auto; } .top_list { float:right; margin:0 auto; text-align:right; font-size:0; } .top_list > li { display:inline-block; } .top_list > li + li { background:url(../images/global/bg_top_list01.png) 0 center no-repeat; } .top_list > li a { display:block; padding:0 10px; font-size:12px; line-height:36px; color:#666; } .top_list > li:last-child a { padding-right:0; } .top_list > li:not(.no-data):hover a { font-weight:700; } .top_list > li a span { color:#239ce5; } .top_list02 { float:left; } .top_list02 > li { float:left; border-right:1px solid #e1e1e1; } .top_list02 > li:first-child { border-left:1px solid #e1e1e1; } .top_list02 > li a { display:block; background:#f4f4f4; padding:0 20px; font-size:12px; font-weight:700; line-height:36px; color:#61676a; } .top_list02 > li:not(.no-data):hover a { color:#0994e8; } .top_list02 > li.can a { padding:0 8px; } .top_list02 > li.can a img { margin-right:7px; } /* header */ #m_header, #m_GNB { display:none; } #header { overflow:hidden; max-width:1180px; margin:0 auto; padding-bottom:23px; text-align:center; } #header > h1 { float:left; margin-top:28px; } .searchForm { position:relative; display:inline-block; width:31%; margin-top:25px; } .searchForm input { width:100%; height:45px; padding-left:8px; border:2px solid #239ce5; ; } .searchForm button { background:none; position:absolute; top:10px; right:10px; padding:0; } .top_menu { float:right; width:25%; margin-top:19px; } .top_menu > li { float:left; width:33.333%; } .top_menu > li + li { } .top_menu > li span { overflow:hidden; display:inline-block; height:32px; margin-bottom:5px; } .top_menu > li:not(.no-data):hover span img { margin-top:-32px; } .top_menu > li a { display:block; font-size:12px; color:#8f9192; } .top_menu > li:not(.no-data):hover a { color:#303132; } .top_menu > li.fix:hover span img{ margin-top:0; } .top_menu > li.fix a:hover{ color:#e47736; font-weight:bold; } /* GNB */ #GNB { position:relative; height:52px; border-top:1px solid #e8e8e8; border-bottom:2px solid #2a9ee9; z-index:111;} .GNB_list { float:none; max-width:1180px; margin:0 auto; font-size:0; } .GNB_list > li { float:none; display:inline-block; vertical-align:top; width:21%; ; text-align:center; } .GNB_list > li > a { display:block; background:url(../images/global/bg_gnb02.png) right 0 no-repeat; font-size:17px; color:#303132; font-weight:700; line-height:50px; } .GNB_list > li:not(.no-data):hover > a { color:#2a9ee9; } .GNB_list .category_wrap { width:18%; border-left:none; font-size:12px; } .GNB_list .category_wrap:hover .category { display:block; } .GNB_list .category_wrap img { float:left; } .GNB_list .bbs_menu { width:9.5%; } .GNB_list .bbs_menu a { font-size:13px; color:#239ce5; } .GNB_sub { position:relative; display:none; width:100%; padding-bottom:30px; margin-top:1px; background:#000; text-align:left; background: rgba(0, 0, 0, 0.7); z-index:200;} .GNB_list > li:not(.no-data):hover > .GNB_sub { display:block; } .GNB_sub > li { float:none; } .GNB_sub > li > a { display:block; padding-left:8.3%; font-size:15px; font-weight:700; line-height:54px; color:#fff; } .GNB_sub > li:not(.no-data):hover > a { color:#2a9ee9; } .category { overflow:hidden; position:absolute; width:1180px; max-width:100%; background:#fff; border:2px solid #2a9ee9; z-index:0; display:none; } .category > div { overflow:hidden; float:left; } .category > .left { width:72.88135%; } .category > .right { width:26.7796%; } .category .left01, .category .left02 { overflow:hidden; } .category .left02 { border-top:1px solid #e9eced; } .category_tit { float:left; width:124px; max-width:100%; margin-right:13px; background:#f9f9f9; text-align:center; } .category_tit > h1 { padding-top:19px; font-size:17px; color:#2a9ee9; } .category_tit > img { display:inline-block;margin-top:15px; } .GNB_list .category_tit img { float:none ;} .category .left01 .category_tit { height:301px; } .category .left02 .category_tit { height:286px; } .category .right .category_tit { height:588px; } .category_menu { float:left; width:165px; margin:0 5px; text-align:left; } .category .category_menu img { float:none; margin-left:4px; } .category .left02 .category_menu { margin-top:16px; } .category_menu > h1 { background:#e6f1f9; border-radius:13px; } .category_menu > h1 > a { display:block; padding:4px 0; text-align:center; font-size:14px; color:#000; } .category_menu .all { display:block; width:100%; padding:0; border-left:none; background:none; } .category_menu .all a { background:none; font-size:11px; color:#6dadd6; } .category .left01 .category_menu { height:140px; } .category .left01 .category_menu:nth-child(-n+5), .category .right .category_menu { margin-top:18px; } .category_sub01 li { float: none; overflow:hidden;} .category_sub01 > li > a, .category_sub02, .category_sub03 { padding-left:20px; } .category_sub02 > li > a, .category_sub03 > li > a { display:block; font-size:11px; line-height:18px; color:#666; letter-spacing:-0.2px; } .category_sub01 > li > a:hover, .category_sub02 > li:hover > a, .category_sub03 > li:hover > a { text-decoration:underline; } .category_sub01 > li > a { background:url(../images/global/bg_category.png) 13px center no-repeat; font-size:12px; line-height:20px; color:#525252; } .category_sub03 { overflow:hidden; } .category_sub03 > li { float:left; padding:0 5px; } .category_sub03 > li + li { background:url(../images/global/bg_category02.png) 0 center no-repeat; } .category_sub03 > li:first-child { padding-left:0; } .category_sub03 > li:nth-child(3n+4) { background:none; padding-left:0; } h1 + .category_sub01 { margin-top:4px; } h1 + .category_sub02, h1 + .category_sub03 { margin-top:6px; } /* 모바일 header */ #m_header { overflow:hidden; padding:0 8px 13px; text-align:center; } #m_header img { width:100%; } #m_header > h1 { margin-top:16px; vertical-align:top; display:inline-block; width:170.3333px; height:30px; font-size:0; } .m_menu { float:left; padding:0; width:35px; height:35px; margin-top:15px; } .btn_header { float:right; margin-top:23px; } .btn_header button { width:21px; height:22px; background:none; } .btn_header button + button { margin-left:7px; } /* 모바일 gnb */ #m_GNB { position:fixed; top:0; left:-308px; width:308px; height:100%; z-index:11111; } .m_GNB { overflow-y:auto; height:100%; width:264px; background:#fff; } .m_GNB > h1 { position:absolute; top:0; width:264px; padding-left:17px; background:#2a9ee9; line-height:43px; font-size:18px; color:#fff; ; } .m_GNB_list { width:264px; margin-top:43px; } .m_GNB_list > li { border-bottom:1px solid #e2e2e2; background:url(../images/global/bg_m_sub01.png) 227px 14px no-repeat; background-size:9px auto; } .m_GNB_list > li.select { background:url(../images/global/bg_m_sub02.png) 223px 19px no-repeat; background-size:16px auto; } .m_GNB_list > li > a { display:block; padding-left:16px; font-size:14px; line-height:43px; pointer-events:none; } .m_GNB_list .bbs_menu { background-image:none; } .m_GNB_list .bbs_menu.select { background-image:none; } .m_GNB_list .bbs_menu a { color:#239ce5; } .m_GNB_sub { display:none; padding:2px 0!important; border-top:1px solid #e2e2e2; } .m_GNB_sub > li > a { display:block; padding-left:33px; line-height:27px; font-size:13px; } .gnb_bg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.6); z-index:1; } .m_top_menu { overflow:hidden; width:264px; padding:30px 0; text-align:center; } .m_top_menu > li { float:left; width:33.333%; } .m_top_menu > li span { overflow:hidden; display:inline-block; height:30px; margin-bottom:9px; } .m_top_menu > li img { height:60px; } .m_top_menu > li:not(.no-data):hover img { margin-top:0; } .m_top_menu > li > a { font-size:12px; color:#8f9192; } .m_GNB .close { position:absolute; height:32px; top:7px; left:276px; width:32px; background:none; } .m_GNB .close img { width:32px; height:32px; } .m_category { float:none; display:none; border-top:1px solid #e8e8e8; border-bottom:3px solid #2a9ee9; font-size:0; text-align:center; } .m_category > li { display:inline-block; float:none; padding:0 1.5% } .m_category > li > a { display:block; font-size:12px; line-height:42px; color:#303132; } .m_category > li.bbs_menu a { color:#239ce5; } /* main_rolling */ .main_rolling { max-width:1180px; margin:0 auto; text-align:center; } .main_rolling img { width:100%; } .main_rolling .slick-dots { bottom:11px; } .main_rolling .slick-dots li { width:auto; height:auto; margin:0 5px; } .main_rolling .slick-dots li button { width:14px; height:14px; padding:0; background:url(../images/main/btn_rolling.png) 0 0 no-repeat; } .main_rolling .slick-dots li button:before { display:none; } .main_rolling .slick-dots li.slick-active button { width:41px; height:14px; background:url(../images/main/btn_rolling_on.png) 0 0 no-repeat; } .main_rolling .slick-prev, .main_rolling .slick-next { top:50%; margin-top:-33px; width:37px; height:67px; } .main_rolling .slick-prev { left:20px; background:url(../images/main/btn_intro_rolling01.png) 0 0 no-repeat; } .main_rolling .slick-prev:not(.no-data):hover { background:url(../images/main/btn_intro_rolling01.png) 0 0 no-repeat; } .main_rolling .slick-next { right:20px; background:url(../images/main/btn_intro_rolling02.png) 0 0 no-repeat; } .main_rolling .slick-next:not(.no-data):hover { background:url(../images/main/btn_intro_rolling02.png) 0 0 no-repeat; } .main_rolling.slick-dotted.slick-slider { margin-bottom:0; } /* product_subject */ .product_subject { overflow:hidden; text-align:center; max-width:1180px; margin:56px auto 0; padding-left:47px; font-size:28px; color:#101111; ; } .product_subject > button { float:right; padding-right:14px; background:url(../images/main/icon_more01.png) right center no-repeat; margin-top:31px; font-size:13px; color:#939497; } .product_subject > button img { margin:-4px 0 0 9px; } .product_subject.new { padding-left:0; } /* product */ .product_tab { display:table; width:1180px; margin:7px auto 0; text-align:center; background:#fff; } .product_tab > li { border:1px solid #d8d8d8; display:table-cell; line-height:20px; cursor:pointer; } .product_tab > li + li { border-left:none; } .product_tab > li > a { vertical-align:middle; display:inline-block; padding:17px 0 15px; font-size:15px; color:#2b2e30; } .product_tab > li.select { border-top:2px solid #109cf0; } .product_tab > li.select a { padding-top:16px; font-size:15px; font-weight:700; color:#109cf0; } .product_tab .none { display:none; } .m_product_img { display:none; } .product_list { overflow:hidden; max-width:1180px; margin:0 auto; padding:14px 14px 0; background:#fff url(../images/main/bg_product02.png) 0 bottom repeat-x; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; ; } .product_list.new { padding:14px 0 0; margin-top:25px; border:none; background-image:none; border-top:1px solid #d8d8d8; } .product_list.new > li { border-bottom:none; } .product_list > li { position:relative; float:left; width:25%; padding:0 14px 21px; border:1px solid #fff; border-bottom:1px solid #d8d8d8; text-align:center; ; } .product_list > li:not(.no-data):hover { border:1px solid #3494e1; } .product_list > li:not(.no-data):hover:before { position:absolute; top:-1px; left:-1px; display:block; content:''; width:55px; height:71px; } .product_list > li.none { width:100%; } .product_list > li.none:not(.no-data):hover { border-color:#fff!important; } .product_list.hot > li:not(.no-data):hover:before { background:url(../images/main/icon_hot01.png) center center no-repeat; } .product_list.best > li:not(.no-data):hover:before { background:url(../images/main/icon_best01.png) center center no-repeat; } .product_list.new > li:not(.no-data):hover:before { background:url(../images/main/icon_new01.png) center center no-repeat; } .product_list a { display:inline-block; } .product_list a > h1 { margin-top:9px; padding-bottom:15px; border-bottom:1px solid #e8e8e8; text-align:left; font-size:14px; color:#747474; } .product_list a > h2 { margin-top:14px; overflow:hidden; height:36px; text-align:left; font-size:16px; line-height:18px; color:#2a2a2a; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } .product_list .price { overflow:hidden; height:26px; text-align:left; margin-top:15px; } .product_list .price h1 { float:left; display:inline-block; font-size:15px; } .product_list .price h1 strong { font-size:19px; } .product_list .price h2 { display:inline-block; margin-top:5px; margin-left:7px; font-size:13px; color:#939393; } .product_list .price h2 span { text-decoration: line-through; } .product_list .price h3 { float:right; width:60px; height:26px; padding-right:7px; background:url(../images/main/bg_product01.png) 0 0 no-repeat; text-align:right; font-size:16px; line-height:26px; color:#0086d7; ; } .product_list .price h3 strong { font-size:17px; font-weight:800; } .product_img { vertical-align:middle; text-align:center; height:278px; font-size:0; } .product_img:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /*.product_img img { vertical-align:middle; display:inline-block!important; width:100%; }*/ .product_img img { vertical-align:middle; display:inline-block!important; } .product_btn { display:none; overflow:hidden; position:absolute; top:50%; left:50%; margin:-22px 0 0 -43px; } .product_list > li:not(.no-data):hover .product_btn { display:block; } .product_btn > li { float:left; } .product_btn button { padding:0; background:none; } .recommend { overflow:hidden; margin-top:93px; padding-bottom:39px; background:url(../images/main/bg_recommend01.png) 0 0 repeat;} .recommend .product_subject { padding-left:0; padding-bottom:25px; border-bottom:1px solid #e8e8e8; } .recommend .product_list { margin-top:14px; background-image:none; border:none; } .recommend .product_list > li { border-bottom:#fff; } .recommend .product_list > li:not(.no-data):hover { border-bottom:1px solid #3494e1; } /* notice */ .notice { overflow:hidden; max-width:1180px; margin:58px auto 0; } .notice > li { float:left; width:22%; height:184px; } .notice > li + li { margin-left:4%; } .notice > li > h1 { overflow:hidden; padding:12px 0 10px; border-bottom:1px solid #333; font-size:20px; color:#2b2e30; } .notice > li .notice_pc { display:block; } .notice > li .notice_m { display:none; } .notice > li > h1 > button, .notice > li > h1 > img { float:right; margin-top:-12px; } .notice > li > h1 > button { padding:0; background:none; } .notice01_list { margin-top:19px; } .notice01_list > li > a { overflow:hidden; display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; font-size:13px; line-height:23px; color:#666; } .notice01_list > li > a:before { content:'· ' } .notice01_list > li:not(.no-data):hover > a { font-weight:700; } .address > h2 { margin-top:21px; font-size:13px; font-weight:400; line-height:20px; color:#2b2e30; } .address > h3 { margin-top:7px; font-size:13px; color:#0086d7; } .bank > h2 { margin-top:23px; font-size:14px; color:#666; } .bank > h2 img { margin-right:7px; } .bank > h2 span { margin-left:13px; font-size:14px; font-weight:400; color:#0086d7; } .bank > h3 { margin-top:13px; font-size:30px; font-weight:800; color:#2b2e30; } .bank .kb_pc { display:inline-block; } .bank .kb_m { display:none; } .csCenter > h2 { margin-top:23px; font-size:14px; color:#666; } .csCenter > h3 { margin-top:15px; font-size:30px; font-weight:800; color:#0086d7; } .footer_menu { border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .footer_list { overflow:hidden; max-width:1180px; margin:0 auto; } .footer_list > li { float:left; margin-right:5%; padding:16px 0 17px; } .footer_list > li a { font-size:14px; color:#666; } .footer_list > li:not(.no-data):hover a { font-weight:700; } footer { overflow:hidden; max-width:1180px; margin:0 auto; padding-bottom:30px; } footer > h1 { float:left; margin-top:34px; } footer address { float:left; margin:41px 0 0 5%; font-size:13px; line-height:25px; color:#9d9d9d; font-style:normal; } footer address span { color:#666666; } .footer_logo { overflow:hidden; float:right; margin-top:66px; margin:66px 0 5px; text-align:center; } .footer_logo > li { float:left; font-size:11px; font-weight:700; color:#9c9c9c; } .footer_logo > li img { margin-bottom:5px; } .footer_pc { display:block; } .footer_m { display:none; } .br_none { display:none; } /* queck */ #queck { overflow:hidden; position:absolute; top:300px; width:132px; text-align:center; z-index:50; } #queck > a{ display:block; margin-bottom:20px; padding:15px 10px; border:1px solid #e1e1e1; background:#fff; } #queck > a div h2{ margin-bottom:10px; } #queck > a div img.fly{ position:relative; animation-name:flybox; animation-duration:1.7s; animation-iteration-count:infinite; } @keyframes flybox{ 0%{ top:5px; } 50%{ top:0; } 100%{ top:5px; } } #queck > a div p{ display:inline-block; background:#2a9ee9 url(../images/global/sale_arrow.png)no-repeat 90% center; padding:4px 20px 4px 6px; border-radius:12px; margin-top:15px; color:#fff600; font-size:13px; } #queck > h1 { margin-top:8px; padding-top:10px; padding-bottom:24px; background:#f4f4f5 url(../images/global/bg_quick01.png) center bottom no-repeat; font-size:12px; font-weight:800; color:#2b2b2e; } .queck_list{ background:#f4f4f5; } .queck_list > li:nth-child(3), .queck_list > li:nth-child(4), #queck .queck_btn { background-color:#2ea9f3; } .queck_list > li { padding:10px 0; } .queck_list > h1 { background-color:#2ea9f3; padding:10px 0 5px ; font-size:16px; color:#fff;} .queck_list > h2 { background-color:#2ea9f3; padding-bottom:20px; font-size:17px; color:#fff;} #queck .queck_btn { width:100%; padding:21px 0 6px; background:#f4f4f5 url(../images/global/bg_quick02.png) center top no-repeat; font-size:16px; font-weight:800; color:#2b2b2e; } /* 서브페이지 서브 메뉴 */ #contents { overflow:hidden; max-width:1180px; margin:0 auto; } .subMenuArea { background:#f9f9f9; } .subMenu { max-width:1180px; margin:0 auto; font-size:0; } .subMenu > li { display:inline-block; vertical-align:middle; padding-left:12px; background:url(../images/product/bg_subMenu01.png) right center no-repeat; ; } .subMenu > li:first-child { width:auto; } .subMenu > li:first-child img { margin-top:0; } .subMenu > li > a { display:block; font-size:13px; font-weight:700; line-height:44px; color:#666; } .subMenu > li img { float:right; margin:14px 12px 0 10px; } .sub_subject01 { margin-top:37px; font-size:24px; color:#232323; } .subTab { display: -webkit-flex;-webkit-flex-wrap:wrap; display: flex; flex-wrap: wrap; overflow:hidden; margin-top:24px; border-top:1px solid #303132; } .subTab > li { display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; float:left; width:14.285%; min-height:43px; height:57px\9; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; text-align:center; ; } .subTab > li:nth-child(7n) { border-right:none; } .subTab > li > a { display:block; width:100%; padding:14px 0 13px; font-size:13px; font-weight:700; color:#666; } .subTab > li:hover { background:#303132; } .subTab > li:hover > a { font-size:13px; color:#fff; } .sub_banner_pc { width:100%; margin-top:40px; } .sub_banner_m { display:none; } /* 상품 리스트 타이틀 */ .product_tit { overflow:hidden; margin-top:52px; } .product_tit > h1 { padding-bottom:17px; margin-bottom:17px; border-bottom:1px solid #303132; font-size:15px; font-weight:400; color:#303132; } .product_tit > h1 strong { color:#349ee6; } .product_tab02 { overflow:hidden; float:left; } .product_tab02 > li { float:left; margin-right:25px; padding-left:12px; background:url(../images/product/bg_product_tab02.png) 3px center no-repeat; } .product_tab02 > li.select { background:url(../images/product/bg_product_tab01.png) 0 center no-repeat; } .product_tab02 > li > a { font-size:14px; color:#666; } .product_align { float:right; } .product_align > li { float:left; } .product_align > li button { overflow:hidden; background:none; width:13px; height:13px; } .product_align > li.select button img { vertical-align:top; margin-top:-13px; } .product_align > li:first-child { margin-right:10px; padding-right:11px; background:url(../images/product/bg_product_align01.png) right center no-repeat; } .product_list.sub { margin:-15px 0 60px; padding:14px 0 0; border:none; background:none; } .product_list.sub > li { margin-top:40px; border-color:#fff; } .product_list.sub > li:not(.no-data):hover { border-color:#3494e1; } .product_pager { display:none; } /* 상품 요약 */ #contents.detail { max-width:none; } .summery_area, .summery_info { overflow:hidden; max-width:1180px; margin:0 auto; } .summery { float:left; position:relative; width:52.372%; max-width:618px; text-align:center; } .summery_main { display:inline-block; vertical-align:middle; } .summery_img { height:450px; } .summery_img:before { display:inline-block; content:''; height:100%; vertical-align:middle; } .summery .zoomBtn {position:absolute; top:20px; right:0; z-index:99;} .summery .zoomBtn li {margin:0;} .summery .zoomBtn .end {margin-top:-35px;} .sum_main{ margin-top:30px; } .sns_list { overflow:hidden; width:82px; margin:33px auto 0; } .sns_list > li { float:left; border:1px solid #d0d0d0; } .sns_list > li + li { margin-left:2px; } .summery_pay { float:right; width:44%; } .summery_pay > h1 { margin-top:22px; font-size:30px; font-weight:400; line-height:38px; } .m_pay_fixed > h2 { margin-top:22px; font-size:16px;} .m_pay_fixed > h3 { margin-top:17px; text-align:right; font-size:16px; } .m_pay_fixed > h3 span { font-size:18px; color:#168edc; } .m_pay_fixed > h3 strong { margin-left:60px; font-size:30px; color:#168edc; } .m_pay_fixed .btn_close { display:none; } .pay_area { overflow:hidden; } .pay_area > h1 { float:left; font-size:25px; font-weight:400; color:#232323; } .pay_area > h1 span { display:block; text-decoration:line-through; margin:25px 0 1px; font-size:20px; font-weight:400; color:#959595; } .pay_area > h1 strong { font-size:30px; font-weight:800; color:#232323; } .pay_area > h2 { float:left; margin:35px 0 0 18px; font-size:30px; font-weight:400; color:#e92a6d; } .pay_area > h2 strong { margin-right:4px; letter-spacing:-6px; font-size:48px; } .pay_area > button { float:right; margin-top:29px; background:none; } .pay_table { width:100%; } .pay_list { margin-top:17px; padding:9px 17px; background:#f6f6f6; border:1px solid #dfdfdf; } .pay_list > li { padding:13px 0; font-size:14px; color:#535456; } .pay_list > li + li { border-top:1px solid #e0e0e0; } .pay_list > li strong { display:inline-block; width:96px; padding-left:13px; ; } .quantity { margin-top:7px; padding:0 11px 0 24px; border:1px solid #dfdfdf; } .quantity_list { } .quantity_list > li { position:relative; padding:13px 30px 13px 0; border-bottom:1px solid #eee; font-size:15px; color:#707070; } .quantity_list > li button { position:absolute; top:14px; right:4px; } .quantity_btn { padding:12px 0; font-size:0; } .quantity_btn button { vertical-align:top; width:34px; height:32px; background:none; border:1px solid #e5e5e5; } .quantity_btn button img { margin-top:-2px; } .quantity_btn input { vertical-align:top; width:58px; height:32px; border:none; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:16px; text-align:center; } .quantity_btn > h1 { float:right; margin-top:5px; font-size:16px; } .quantity_btn > h1 strong { font-size:19px; font-weight:800; } .summery_btn { margin-top:18px; font-size:0; } .summery_btn button { width:32.666%; height:59px; border:1px solid #c6c6c6; background:#fff; border-radius:3px; font-size:16px; font-weight:700; } .summery_btn button + button { margin-left:1%; } .summery_btn .summery_btn01 { background:#2a9ee9; border:1px solid #1287d3; color:#fff; } .summery_btn .summery_btn02 { background:#2f4365; border:1px solid #223659; color:#fff; } /* 상품 요약 정보 */ .summery_area02 { max-width:1180px; margin:0 auto 61px; } .summery_notice { overflow:hidden; margin-top:20px; padding:0 0 3px 107px; background:url(../images/product/icon_summery_notice.png) 0 0 no-repeat; text-align:left; } .summery_notice > h1 { margin-top:3px; font-size:16px; color:#eb2e31; } .summery_notice > p { margin-top:3px; font-size:13px; color:#5f6467; } .naverPay { margin-top:16px; text-align:center; } .summery_subject { margin-top:29px; font-size:16px; color:#000; } .summery_info { margin-top:7px; padding:0 31px 22px; border:1px solid #dfdfdf; ; } .info_table { width:100%; margin-top:19px; } .info_table th { text-align:left; font-size:13px; } .info_table td { min-height:1px; font-size:13px; line-height:22px; color:#535353; } .kc_info { overflow:hidden; padding:0 0 16px 111px; background:#f7f7f7 url(../images/product/icon_kc.png) 48px 13px no-repeat; border:1px solid #dfdfdf; border-top:none; ; } .kc_info > h1 { margin-top:14px; font-size:12px; font-weight:400; color:#959595; } .kc_info > h1 strong { font-size:12px; color:#606060; } .kc_info > h1 strong.red { color:#eb3b50; } .kc_table { width:700px; margin-top:7px; } .kc_table th, .kc_table td { text-align:left; font-size:12px; color:#606060; } /* 상품 상세 */ .detail_fixed.on { position:fixed; top:0; left:0; width:100%; } .detail_tab { position:absolute; width:100%; margin-top:0; background:#30313a; text-align:center; font-size:0; z-index:11; } .detail_tab.on { position:fixed; top:0; margin:0; z-index:999999; } .detail_tab > li { display:inline-block; width:12%; min-width:181px; } .detail_tab > li > a { display:block; font-size:20px; font-weight:700; line-height:64px; color:#fff; } .detail_tab > li strong { display:inline-block; vertical-align:middle; min-width:43px; height:22px; margin-left:7px; border-radius:11px; background:#595a61; font-size:15px; line-height:22px; } .detail_area { position:relative; overflow:hidden; max-width:1180px; margin:0 auto 0; } .detail_con { float:left; width:69%; margin-top:121px; } .detail_con > h1 { margin-top:60px; font-size:20px; } .detail_con > h1 strong { display:inline-block; vertical-align:middle; min-width:43px; height:22px; margin-left:7px; border-radius:11px; background:#a0a0a1; font-size:15px; line-height:22px; color:#fff; text-align:center; } .detail_con > h2 { margin-top:41px; font-size:16px; } .review_tit { overflow:hidden; margin-top:15px; padding:20px 22px 18px 32px; border:1px solid #dfdfdf; background:#fafafa; } .review_tit > h1 { float:left; font-size:18px; color:#5a5c5e; } .review_tit > h1 span { display:inline-block; vertical-align:middle; width:137px; height:22px; margin-left:23px; background-repeat:no-repeat; } .review_tit > h1 .score01 { background-image:url(../images/product/all_score01.png); } .review_tit > h1 .score02 { background-image:url(../images/product/all_score02.png); } .review_tit > h1 .score03 { background-image:url(../images/product/all_score03.png); } .review_tit > h1 .score04 { background-image:url(../images/product/all_score04.png); } .review_tit > h1 .score05 { background-image:url(../images/product/all_score05.png); } .review_tit > h1 strong { margin-left:28px; vertical-align:middle; font-size:30px; font-weight:800; color:#171717; } .review_tit button { float:right; width:156px; height:39px; border:1px solid #2a9ee9; background:#fff; font-size:14px; color:#5c6677; } .review_tit button img { margin-left:8px; margin-top:-2px; } .review_list > li { overflow:hidden; border-bottom:1px solid #dfdfdf; padding:0 0 19px; } .review_list > li > h1 { margin-top:15px; font-size:14px; font-weight:400; color:#808080; } .review_list > li > h1 span { display:inline-block; vertical-align:top; width:81px; height:14px; margin-left:13px; background-repeat:no-repeat; } .review_list > li > h1 .score01 { background-image:url(../images/product/score01.png); } .review_list > li > h1 .score02 { background-image:url(../images/product/score02.png); } .review_list > li > h1 .score03 { background-image:url(../images/product/score03.png); } .review_list > li > h1 .score04 { background-image:url(../images/product/score04.png); } .review_list > li > h1 .score05 { background-image:url(../images/product/score05.png); } .review_list > li > img { float:left; margin:11px 28px 0 0; } .review_text { float:left; } .review_text > h1 { margin-top:9px; font-size:14px; color:#232323; } .review_text > p { margin-top:15px; font-size:13px; line-height:18px; color:#5f5f5f; } .review_user { margin-top:10px; font-size:12px; color:#9c9c9c; } .pager { text-align:center; } .pager a { font-size:15px; color:#575757; } .pager b { font-size:15px; color:#2a9ee9; } .delivery_table { width:100%; margin-top:25px; } .delivery_table th, .delivery_table td { border-top:1px solid #e3e5e8; border-bottom:1px solid #e3e5e8; } .delivery_table th { background:#f8f8f8; font-size:15px; } .delivery_table th img { margin-top:17px; } .delivery_table td { padding:19px 0 17px 36px; } .delivery_list01 { list-style:decimal; padding-left:13px; } .delivery_list01 > li { font-size:13px; line-height:22px; color:#16181a; } .delivery_list02 > li { font-size:13px; color:#686b6e; } .refund_notice { margin:9px 0 80px; list-style:decimal; padding-left:13px; } .refund_notice > li { font-size:13px; line-height:22px; color:#16181a; } .pager { margin:13px 0; font-size:0; } .pager b, .pager a, .pager button { display:inline-block; width:24px; height:24px; margin:0 2px 0 3px; line-height:22px; } .pager button { background:none; } .pager button img { margin-top:-2px; } .pager a { font-size:15px; color:#575757; } .pager b { border:1px solid #eaeaea; } /* 구매하기 */ .fixed_pay { position:absolute; top:64px; left:50%; bottom:0; margin-left:263px; float:right; width:327px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:#fff; } .fixed_pay.on { position:fixed; } .fixed_pay > h1 { margin:34px 20px 0; font-size:18px; line-height:30px; color:#232323; } .fixed_pay .naverPay { margin-top:35px; } .quantity02 { border:1px solid #dfdfdf; margin:19px 16px; padding:16px 14px 18px; font-size:0; } .quantity02 button { width:24px; height:22px; background:none; border:1px solid #e5e5e5; } .quantity02 button img { margin-top:-2px; } .quantity02 input { width:58px; height:22px; border:none; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; } .quantity02 > h1 { float:right; line-height:22px; font-size:16px; color:#232323; } .quantity02 > h1 strong { font-size:19px; font-weight:800; } .fixed_pay_all { position:absolute; width:100%; bottom:0; padding:0 14px 14px; border-top:1px solid #ededed; } .fixed_pay_all.on { top:545px; } .fixed_pay_all > h1 { float:left; margin-top:37px; font-size:16px; color:#000; } .fixed_pay_all > h2 { float:right; font-size:18px; color:#168edc; } .fixed_pay_all > h2 strong { display:inline-block; margin-top:24px; font-size:30px; } .pay_all_btn { clear:both; padding-top:30px; font-size:0; } .pay_all_btn button { width:49.5%; height:59px; vertical-align:top; border:1px solid #c6c6c6; background:#fff; border-radius:3px; font-size:16px; font-weight:700; } .pay_all_btn .pay_all_btn01 { margin-left:1%; background:#2f4365; border:1px solid #223659; color:#fff; } .pay_all_btn .pay_all_btn02 { width:100%; margin-top:3px; background:#2a9ee9; border:1px solid #1287d3; color:#fff; } /* 장바구니 */ .basket_label { width:5%; } .basket_label .checkbox { margin:0; } .basket_img { width:12%; cursor:pointer; } .product_subject01 { margin-top:43px; text-align:center; font-size:40px; color:#3a3d44; } .basket_all { display:inline-block; margin-top:23px; font-size:14px; color:#3a3d44; } .basket_list { margin-top:14px; border-top:1px solid #393d44; font-size:0; } .basket_list > li { padding:18px 0 20px; border-bottom:1px solid #e5e5e5; } .basket_list > li > * { vertical-align:middle; display:inline-block; } .basket_list > li > h1 { width:39%; padding-right:3%; font-size:16px; line-height:24px; font-weight:400; color:#232323; } .basket_list > li:not(.no-data):hover > h1 { text-decoration:underline; cursor:pointer; } .basket_list > li > h2 { width:11%; font-size:16px; font-weight:400; color:#232323; } .basket_list > li > h2 strong { font-size:19px; font-weight:800; } .basket_list .quantity_btn { width:16%; } .basket_list > li > button { width:83px; height:37px; border:1px solid #e7e7e7; background:#f8f8f8; font-size:14px; font-weight:700; color:#4c4d4f; } .basket_btn01 { margin-top:16px; font-size:0; } .basket_btn01 > h1 { display:inline-block; margin-right:28px; font-size:14px; font-weight:400; } .basket_btn01 > button { margin:0 10px 0 0 ; padding:5px 22px 7px; background:#fff; border:1px solid #626467; font-size:13px; color:#353739; } .basket_all_pay { margin-top:14px; padding:32px 0 25px; border:5px solid #d9dce0; font-size:0; text-align:center; } .basket_all_pay > li { vertical-align:middle; display:inline-block; text-align:left; } .basket_all_pay01 { width:14%; } .basket_all_pay01 > h1 { font-size:16px; color:#707377; } .basket_all_pay01 > h2 { font-size:16px; font-weight:400; color:#232323; } .basket_all_pay01 > h2 strong { font-size:23px; font-weight:800; color:#393b3e; } .basket_all_pay01 > h2 strong.sum { display:none; } .basket_all_pay02 { height:92px; line-height:92px; padding-left:5%; border-left:1px solid #d9dce0; } .basket_all_pay02 > h1, .basket_all_pay02 > h2 { display:inline-block; vertical-align:middle; } .basket_all_pay02 > h1 { font-size:16px; } .basket_all_pay02 > h2 { margin-left:44px; font-size:18px; font-weight:400; color:#168edc; } .basket_all_pay02 > h2 strong { font-size:30px; } .basket_all_pay03 { padding:0 3.8% 0 0 } .basket_btn02 { font-size:26px; text-align:center; } /* 장바구니 개발도중 form 추가 때문에.. 2018-07-30 최형진 */ .basket_list > li > form > { padding:18px 0 20px; border-bottom:1px solid #e5e5e5; } .basket_list > li > form > * { vertical-align:middle; display:inline-block; } .basket_list > li > form > h1 { width:39%; padding-right:3%; font-size:16px; line-height:24px; font-weight:400; color:#232323; } .basket_list > li:not(.no-data):hover > form > h1 { text-decoration:underline; cursor:pointer; } .basket_list > li > form > h2 { width:11%; font-size:16px; font-weight:400; color:#232323; } .basket_list > li > form > h2 strong { font-size:19px; font-weight:800; } /* 주문/결제 */ .pay_wrap { float:left; width:69%; } .m_product_tit01 { display:none; } .product_tit01 { margin-top:57px; font-size:18px; color:#232323; } .product_tit01 .comment { float:right; margin-top:7px; font-size:12px; font-weight:400; color:#696969; } .pay_info { margin-top:14px; border-top:1px solid #393d44; font-size:0; } .pay_info > li { overflow:hidden; padding:18px 0 20px; border-bottom:1px solid #e5e5e5; } .pay_info > li:not(.no-data):hover .pay_img, .pay_info > li:not(.no-data):hover > h1 { cursor:pointer; } .pay_info > li:not(.no-data):hover > h1 { text-decoration:underline; } .pay_info > li > * { display:inline-block; vertical-align:middle; } .pay_info > li > h1 { width:47%; padding-right:3%; font-size:16px; line-height:24px; font-weight:400; color:#232323; } .pay_info > li > h2 { width:14%; font-size:16px; font-weight:400; color:#232323; } .pay_info > li > h2 strong { font-size:19px; font-weight:800; } .pay_info .pay_img { width:18%; } .pay_info .num { width:6.5%; } .coupon_table { width:100%; margin-top:18px; border-top:1px solid #393d44; } .coupon_table th, .coupon_table td { border-bottom:1px solid #e3e5e8; } .coupon_table th { padding-left:36px; text-align:left; background:#f8f8f8; font-size:14px; color:#232323; } .coupon_table td { padding:23px 0 20px 34px; font-size:14px; color:#232323; } .coupon_table .coupon_num { line-height:22px; } .coupon_table .coupon_num span { display:inline-block; margin-left:51px; padding-left:42px; border-left:1px solid #d9dce0; } .coupon_table strong.blue { font-size:20px; color:#2a9ee9; } .coupon_table .coupon_num .blue { margin-left:17px; } .coupon_table .point { display:inline-block; margin:15px 0 5px; font-weight:400; } .coupon_table td p { margin-top:12px; font-size:13px; color:#565656; } .coupon_table td input[type="text"] { width:49%; height:35px; margin-right:12px; border:1px solid #9d9d9d; } .coupon_table td button { width:101px; height:35px; margin-left:18px; border-radius:2px; font-size:14px; font-weight:700; color:#fff; border:1px solid #1287d3; background:#2a9ee9; } .pay_method { margin-top:18px; padding:27px 0; border-top:1px solid #393d44; border-bottom:1px solid #d9dce0; text-align:center; } .pay_method > li { display:inline-block; margin:0 3.7%; font-size:14px; color:#232323; } .delivery_tit { overflow:hidden; margin-top:57px; } .delivery_tit h1 { float:left; padding-bottom:11px; font-size:18px; color:#232323; } .delivery_tit h2 { float:right; margin-top:10px; line-height:1; font-size:13px; font-weight:400; color:#75787d; } .delivery_tit h2 strong { text-decoration:underline; color:#75787d; } .delivery_tit h1 label { vertical-align:middle; display:inline-block; margin-left:29px; font-size:14px; font-weight:400; color:#3a3d44; } .delivery_table02 { width:100%; margin-bottom:80px; border-top:1px solid #393d44; } .delivery_table02 th, .delivery_table02 td { padding:9px 0 9px 21px; border-bottom:1px solid #e3e5e8; } .delivery_table02 th { padding-left:36px; text-align:left; background:#f8f8f8; font-size:14px; color:#232323; } .delivery_table02 tr:first-child td { padding-top:19px; } .delivery_table02 tr:last-child td { padding-bottom:11px; } .delivery_table02 input, .delivery_table02 button, .delivery_table02 select { vertical-align:middle; } .delivery_table02 input[type="text"] { padding:0 0 0 8px; } .delivery_table02 input[type="text"], .delivery_table02 select { width:54%; height:40px; border:1px solid #e5e5e5; } .delivery_table02 input[type="text"].tel { width:19%; } .delivery_table02 select { width:auto; padding:0 20px 0 15px; } .delivery_table02 button { height:40px; margin-left:-121px; padding:0 19px; background:#e5e5e5; border:1px solid #d9d9d9; border-left:none; font-size:13px; color:#232323; } .pay_fixed { position:absolute; left:50%; margin:65px 0 0 242px; padding:0 14px; width:348px; border:5px solid #d9dce0; background:#fff; } .pay_fixed > h1 { border-top:1px solid #d9dce0; text-align:center; } .pay_fixed.on { position:fixed; top:10px; margin-top:0; } .pay_table02 { width:100%; margin-top:35px; } .pay_table02 th, .pay_table02 td { padding:6px 0; font-weight:400; font-size:14px; color:#6a6e73; } .pay_table02 th { text-align:left; } .pay_table02 td { text-align:right; } .pay_table02 .tit th, .pay_table02 .tit td { padding:6px 0 12px; font-size:16px; color:#1b1c1d; } .pay_table02 .tit th { font-weight:700; } .pay_table02 .tit td strong { font-size:23px; font-weight:800; } .pay_sum { margin-top:39px; border-top:1px solid #d9dce0; } .pay_sum > h1 { overflow:hidden; margin-top:33px; padding:0 17px 0 25px; background:#f7f7f7; line-height:111px; font-size:18px; color:#000; } .pay_sum > h1 span { float:right; color:#168edc; } .pay_sum > h1 strong { font-size:30px; } .pay_btn { font-size:0; margin:25px 0 63px; } .pay_btn button { width:37%; height:59px; background:#fff; border:1px solid #c6c6c6; border-radius:2px; font-size:16px; font-weight:700; color:#45484a; } .pay_btn .blue { width:62%; margin-left:1%; background:#2a9ee9; border:1px solid #1287d3; color:#fff; } /* 장바구니 팝업 */ #basket_popup, #zzim_popup { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.46); z-index:9999999; } .basket_popup { position:absolute; left:50%; top:50%; width:468px; height:318px; border:1px solid #636363; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff; text-align:center; font-size:0; } .basket_close { position:absolute; top:20px; right:25px; background:none; } .basket_popup h1 { font-size:20px; font-weight:400; } .basket_popup h1 img { margin:51px 0 16px; } .popup_btn { margin-top:43px; } .popup_btn button { width:36%; height:59px; background:#fff; border:1px solid #c6c6c6; border-radius:2px; font-size:16px; } .popup_btn button + button { margin-left:3px; } .popup_btn .blue { background:#2a9ee9; border:1px solid #1287d3; color:#fff; } /* 로그인 */ #contents.login_wrap { max-width:100%; padding-bottom:80px; background:#e9f0f5; } .member_subject { margin-top:92px; text-align:center; font-size:40px; color:#3a3d44; } .login { overflow:hidden; max-width:1180px; margin:23px auto 0; padding:0 10px 63px; background:#fff; } .login_list { overflow:hidden; max-width:481px; margin:80px auto 0; } .login_list > li { float:left; width:50%; background:#f6f8f9; border:1px solid #dde5eb; border-bottom-color:#2a9ee9; text-align:center; } .login_list > li + li { border-left:none; } .login_list > li.select { background:#fff; border:1px solid #2a9ee9; border-bottom-color:#fff; } .login_list > li > a { display:block; padding:18px 0 21px; font-size:18px; color:#74767a; } .login_list > li.select > a { font-weight:700; color:#2a9ee9; } #login { max-width:481px; margin:0 auto; } .login_form { overflow:hidden; margin-top:28px; } .login_form button { float:right; width:23%; height:103px; background:#2a9ee9; font-size:18px; color:#fff; } .login_input { float:left; width:76%; font-size:0; } .login_input > li + li { margin-top:9px; } .login_input img { vertical-align:top; } .login_input input { width:84%; height:47px; padding-left:13px; border:1px solid #d4d4d4; border-left:none; } .login_btn01 { overflow:hidden; margin-top:29px; text-align:right; } .login_btn01 label { float:left; font-size:14px; color:#3a3d44; } .login_btn01 > a { display:inline-block; margin-top:4px; font-size:14px; color:#3a3d44; } .login_btn01 > a:not(.no-data):hover { text-decoration:underline; } .login_btn01 > a img { margin-left:10px; } .login_btn02 { margin-top:29px; text-align:center; font-size:0; } .login_btn02 > a { display:inline-block; width:236px; height:35px; border:1px solid #d6d6d6; text-align:center; font-size:13px; line-height:33px; color:#2a9ee9; } .login_btn02 > a + a { margin-left:9px; } .login_btn02 > a:not(.no-data):hover { border-color:#c1c1c1; } .login_join { max-width:1180px; height:207px; margin:20px auto 0; background:#fff url(../images/member/bg_login.png) center center no-repeat; text-align:center; font-size:0; } .login_join .tit { display:inline-block; text-align:left; } .login_join .tit > h1 { margin-top:63px; font-size:16px; font-weight:400; line-height:20px; color:#3a3d44; } .login_join .tit > a { display:inline-block; margin-top:12px; font-size:13px; color:#2a9ee9; } .login_join .tit > a:not(.no-data):hover { text-decoration:underline; } .login_join .tit > a img { margin-left:8px; } .login_join > a { display:inline-block; vertical-align:top; width:182px; height:53px; margin-top:65px; margin:65px 0 0 53px; background:#2f4365; text-align:center; font-size:15px; font-weight:700; line-height:53px; color:#fff; } /* 회원가입 약관동의 */ .join_top { margin-top:31px; text-align:center; font-size:0; } .join_top > li { display:inline-block; padding:0 36px; font-size:15px; font-weight:700; color:#a8abaf; } .join_top > li.select { color:#2a9ee9; } .join_top > li .img { overflow:hidden; display:inline-block; width:88px; height:88px; margin-bottom:11px; } .join_top > li.select .img img { margin-top:-88px; } .join_wrap { margin:30px 0 60px; padding:0 5% 65px; border:1px solid #d9dce0; } .join_tit { margin-top:42px; font-size:20px; line-height:28px; color:#232323; } .join_tit label { float:right; font-size:14px; font-weight:400; color:#3a3d44; } .join_tit label .checkbox { vertical-align:top; } .agree_text { overflow-y:scroll; width:100%; height:185px; margin-top:12px; padding:19px; border:1px solid #bababa; font-size:13px; color:#7a7d82; } .agree_text p + p { margin:16px 0; } .agree_all { display:block; text-align:center; margin-top:32px; font-size:16px; color:#82858a; font-weight:400; } .agree_all strong { color:#3a3d44; } .join_btn { display:block; width:242px; height:49px; margin:50px auto 0; background:#2a9ee9; font-size:16px; font-weight:700; color:#fff; } /* 회원기본정보입력 */ .join_table { margin-top:12px; border-top:1px solid #393d44; width:100%; } .join_table th, .join_table td { padding-bottom:8px; border-bottom:1px solid #e3e5e8; } .join_table th { padding:2px 0 0 47px; background:#f8f8f8; text-align:left; font-size:14px; color:#232323; } .join_table th.check { background:#f8f8f8 url(../images/member/bg_join_table.png) 28px center no-repeat; } .join_table td { padding-left:21px; } .join_table td input, .join_table td select, .join_table td button { margin-top:8px; font-size:13px; color:#232323; } .join_table td input[type="text"], .join_table td input[type="password"] { width:38%; height:36px; padding:0 8px; border:1px solid #e5e5e5; } .join_table td input.tel { width:13%; } .join_table td input.mail { width:13%; } .join_table td label { display:inline-block; margin-top:8px; } .join_table td select { height:36px; padding:0 20px; border:1px solid #d9d9d9; } .join_table .comment_blue { display:block; margin-top:12px; font-size:13px; color:#2a9ee9; } .join_table .comment_blue label { margin:0; } .join_table .comment_blue label .checkbox { margin-right:8px; } .join_table td button { vertical-align:top; padding:0 18px; margin-left:-4px; border:1px solid #d9d9d9; border-left:none; line-height:34px; } /* 회원가입 완료 */ .complete { margin:30px 0 60px; border:1px solid #d9dce0; text-align:center; } .complete > h1 { margin-top:58px; font-size:23px; color:#232323; } .complete > h1 strong { display:inline-block; margin-top:10px; font-size:45px; font-weight:400; color:#2a9ee9; } .complete > h2 { margin-top:22px; font-size:20px; font-weight:400; color:#3e3e3e; } .complete > img { margin-top:61px; } /* 마이 페이지 */ .myPage_wrap { position:relative; min-height:800px; } #LNB { position:absolute; width:195px; height:100%; left:0; top:25px; background:#f9f9f9; } #LNB > h1 { height:123px; padding-top:47px; background:url(../images/mypage/bg_lng.png) center center no-repeat; font-size:28px; font-weight:400; text-shadow: 1px 1px rgba(24, 33, 58, 0.2); color:#fff; text-align:center; } .LNB { border-left:1px solid #e9ebee; border-right:1px solid #e9ebee; } .LNB > li { padding:18px 0 19px 14px; } .LNB > li + li { border-top:1px solid #e9ebee; } .LNB > li > a { display:block; font-weight:700; font-size:16px; color:#242424; } .LNB > li > a:not(.no-data):hover { text-decoration:underline; } .LNB > li > a img { vertical-align:bottom; margin-right:10px; } .LNB_sub { margin:5px 0 0 36px; } .LNB_sub > li > a { display:block; font-size:13px; line-height:22px; color:#494949; } .LNB_sub > li:not(.no-data):hover > a { color:#2a9ee9; } .m_myClass { display:none; } .myClass { overflow:hidden; margin-top:25px; background:#2f374e; } .myClass_info { float:left; width:308px; height:124px; background:url(../images/mypage/icon_class.png) 20px 24px no-repeat; } .myClass_info > h1 { margin:29px 0 0 108px; font-size:14px; line-height:18px; font-weight:400; color:#fff; } .myClass_info > h1 strong { color:#ffd117; } .myClass_info > button { width:160px; height:22px; margin:9px 0 0 108px; border-bottom:2px solid #0c0e14; border-right:1px solid #0c0e14; background:#fff; font-size:12px; color:#444; } .myClass_info > button img { margin:-2px 0 0 10px; } .myClass_table_wrap { overflow:hidden; height:124px; border:1px solid #333846; background:#484f62; } .myClass_table { width:100%; margin-top:23px; } .myClass_table th + th, .myClass_table td + td { border-left:1px solid #333846; } .myClass_table th, .myClass_table td { text-align:center; font-size:14px; color:#fff; } .myClass_table th { padding:10px 0 8px; } .myClass_table td { padding:9px 0 16px; } .myClass_table td strong { display:inline-block; font-size:20px; cursor:pointer; border-bottom:1px solid #484f62; } .myClass_table td strong:not(.no-data):hover { border-bottom:1px solid #fff; } .myPage_tab { margin-top:35px; font-size:0; text-align:center; } .myPage_tab > li { display:inline-block; padding:0 26px; } .myPage_tab > li + li { background:url(../images/mypage/bg_tab.png) 0 center no-repeat; } .myPage_tab > li > a { padding-bottom:9px; border-bottom:3px solid #fff; font-size:19px; font-weight:700; color:#515359; } .myPage_tab > li.select > a { border-bottom-color:#2a9ee9; color:#2a9ee9; } .myPage_tab > li:not(.no-data):hover > a { color:#2a9ee9; } .order_search { margin:13px 0 29px; padding:15px 0; background:#fcfcfc; border:1px solid #d9d9d9; } .order_table { max-width:884px; margin:0 auto; } .order_table th { width:102px; text-align:left; font-size:14px; color:#232323; } .order_table td { overflow:hidden; padding:6px 0; } .order_table input[type="text"] { width:165px; height:36px; padding:0 13px; border:1px solid #d9d9d9 ; } .order_table input.num_input { width:674px; height:36px; } .order_table button[type="submit"] { vertical-align:top; width:101px; height:36px; margin-left:3px; margin-right:-1px; background:#2a9ee9; border:1px solid #1287d3; border-radius:2px; font-size:14px; color:#fff; } .order_table .datepicker { display:inline-block; position:relative; } .order_table .datepicker button { position:absolute; top:7px; right:12px; padding:0; width:22px; height:20px; background:#fff url(../images/mypage/icon_date01.png) 0 0 no-repeat; } .date_list { float:right; vertical-align:middle; overflow:hidden; } .date_list > li { float:left; width:68px; background:#fff; border:1px solid #d9d9d9; text-align:center; line-height:34px; font-size:13px; color:#232323; cursor:pointer; } .date_list > li + li { margin-left:-1px; } .date_list > li.select { background:#2a9ee9; border:1px solid #2a9ee9; color:#fff; } .m_product_tit02, .m_order_table01 { display:none; } .order_table01 { margin-top:13px; border-top:1px solid #393d44; width:100%; text-align:center; } .order_table01 th { background:#fafafa; padding:11px 0 12px; font-size:13px; color:#000; } .order_table01 td { padding:16px 0 20px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; font-size:14px; color:#545454; } .order_table01 td .pay { font-weight:800; font-size:17px; color:#000; } .order_table01 td strong { color:#000; } .order_table01 .order_btn button { position:relative; width:79px; height:23px; padding-left:9px; border:1px solid #d0d0d0; background:#f8f8f8; text-align:left; line-height:23px; } .order_table01 .order_btn button:not(.no-data):hover { border-color:#7f828a; } .order_table01 .order_btn br + button { margin-top:3px; } .order_table01 .order_btn button.blue { background:#2a9ee9; border:1px solid #1287d3; color:#fff; } .order_table01 .order_btn button img { position:absolute; top:7px; left:65px; } .order_table01 .date { font-size:14px; color:#626262; } .order_table01 .num { display:inline-block; margin-top:4px; font-size:15px; color:#000; cursor:pointer; } .order_table01 .num:not(.no-data):hover { text-decoration:underline; } .order_table01 .tit { text-align:left; padding-left:10px; } .order_table01 .tit img, .order_table01 .tit_info { vertical-align:middle; display:inline-block; } .order_table01 .tit img { cursor:pointer; } .order_table01 .tit_info { text-align:left; margin-left:16px; } .order_table01 .tit h1 { width:206px; margin-bottom:11px; font-size:14px; font-weight:400; line-height:24px; color:#232323; cursor:pointer; } .order_table01 .tit h1:not(.no-data):hover { text-decoration:underline; } .myPage { margin-left:220px; max-width:960px; } .thanks { text-align: center; margin: 4rem 0 3.5rem; font-size: 1.5rem; color: #2a9ee9;} /* 주문 상세 정보 */ .table_style01 { width:100%; margin:16px 0 0; border-top:1px solid #393d44; } .table_style01 th, .table_style01 td { padding:17px 0 17px 21px; border-bottom:1px solid #e3e5e8; } .table_style01 th { padding-left:36px; text-align:left; background:#f8f8f8; font-size:14px; color:#232323; } .table_style01 td { font-size:14px; color:#666; } .table_style01 td strong.black { color:#282828; } .table_style01 td .pay { font-size:20px; color:#0b8ee3 } .table_style01 button { height:40px; margin-left:-121px; padding:0 19px; background:#e5e5e5; border:1px solid #d9d9d9; border-left:none; font-size:13px; color:#232323; } .table_style01 label { display:inline-block; width:30%; padding:4px 0; } .table_style01 textarea { width:100%; height:113px; border:1px solid #e5e5e5; } .btnArea { margin:74px 0 50px; text-align:center; } .btnArea button { min-width:191px; height:50px; padding:0 20px; border-radius:2px; border:1px solid #1287d3; background:#2a9ee9; font-size:16px; font-weight:700; color:#fff; } .btnArea02 { margin-top:9px; text-align:left; } .btnArea02 button { padding:4px 15px 7px; border:1px solid #626467; background:#fff; } .btnArea02 button + button { margin-left:8px; } /* 상품평 팝업 */ .popup_wrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.46); z-index:999; } .popup { position: absolute; left: 50%; top:50%; padding-bottom:66px; width:520px; max-width:100%; background:#fff; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup > h1 { overflow:hidden; padding:13px 22px 18px; background:#2f374e; font-size:18px; color:#fff; } .popup > h1 .close { float:right; background:none; } .popup .review_num { margin-top:21px; text-align:center; font-size:13px; color:#515359; } .popup .review_num strong { margin-left:11px; color:#59beff; } .popup .review_tit01 { border-bottom:1px solid #ededed; padding-bottom:19px; font-size:0; } .popup .review_tit01 > img, .popup .review_tit01 > h1 { vertical-align:middle; display:inline-block; } .popup .review_tit01 > h1 { width:205px; margin-left:20px; font-size:14px; font-weight:400; line-height:24px; color:#232323; } .review_score { margin-top:10px; border:1px solid #ededed; } .review_score > h1 { vertical-align:middle; display:inline-block; margin:0 20px; font-size:13px; color:#515359; } .review_score > img { padding:10px 0 15px; } .popup .review_info { margin:13px 22px 0; font-size:12px; line-height:18px; color:#797a7c; } .popup .review { max-width:474px; margin:16px 22px 0; padding:10px 18px 20px; border:5px solid #f0f1f2; } .popup .review textarea { vertical-align:top; width:100%; height:86px; margin-top:9px; padding:8px; border:1px solid #e9e9e9; border-left-color:#c5c5c5; border-top-color:#c5c5c5; } .popup .popup_btn01 { text-align:center; } .popup .popup_btn01 button { height:33px; padding:0 22px; margin-top:11px; border:1px solid #1287d3; background:#2a9ee9; color:#fff; } .popup_zoom { display:none; float:center; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.46); z-index:900; } .zoomImg { display:block; margin-left:auto; margin-right:auto; } /* 나의 쿠폰 */ .coupon_table01 { width:100%; margin-top:14px; border-top:1px solid #393d44; } .coupon_table01 td, .coupon_table01 th { padding:18px 0 19px; border-bottom:1px solid #e5e5e5; } .coupon_table01 td { text-align:center; font-size:14px; line-height:22px; color:#616161; } .coupon_table01 th { font-size:16px; color:#232323; } .coupon_notice { overflow:hidden; margin:38px 0 160px 0; padding:0 0 27px 138px; background:#f8f8f8 url(../images/mypage/bg_coupon01.png) 33px 25px no-repeat; } .coupon_notice > h1 { margin-top:25px; font-size:15px; color:#232323; } .coupon_notice > ul { margin-top:9px; } .coupon_notice > ul > li { font-size:13px; line-height:20px; color:#575f6a; } /* 나의 포인트 */ .point_wrap { overflow:hidden; margin-top:14px; border:2px solid #737373; } .my_point01, .my_point02 { float:left; height:232px; } .my_point01 { width:318px; padding-left:47px; } .my_point01 h1 { width:219px; margin-top:41px; padding:24px 0 21px; font-size:18px; background:url(../images/mypage/icon_point01.png) right 0 no-repeat; } .my_point01 p { margin-top:4px; font-size:22px; color:#2a9ee9; } .my_point01 p strong { font-size:50px; color:#2a9ee9; } .my_point02 { width:638px; padding-left:32px; border-left:1px solid #dedede; } .my_point02 h1 { margin-top:40px; font-size:15px; color:#232323; } .point_change { overflow:hidden; width:554px; height:64px; margin-top:13px; padding:14px 0 0 42px; background:#f3f4f5 url(../images/mypage/icon_point02.png) 15px 19px no-repeat; font-size:15px; color:#6c7580; } .point_change .blue { color:#2a9ee9; } .point_change .change { display:inline-block; vertical-align:middle; width:124px; height:36px; border:1px solid #d9d9d9; background:#fff; line-height:34px; text-align:center; font-size:20px; color:#2c2e31; } .point_change button { float:right; width:60px; height:31px; margin-right:17px; background:#2a9ee9; border:1px solid #1287d3; border-radius:2px; font-size:14px; color:#fff; } .my_point02 ul { margin-top:13px; } .my_point02 ul > li { font-size:13px; line-height:20px; color:#6c7580; } .table_style02 { width:100%; margin-top:12px; border-top:1px solid #393d44; } .table_style02 th { padding:13px 0 14px; background:#f8f8f8; font-size:13px; color:#232323; } .table_style02 td { padding:10px 0 11px; border-bottom:1px solid #e5e5e5; font-size:13px; text-align:center; color:#878787; } .table_style02 td.left { padding:0 0 0 20px; text-align:left; } .table_style02 td.class { text-align:left; padding-left:67px; } .table_style02 td.tit { padding:0 0 0 20px; text-align:left; color:#202020; } .table_style02 td.star img { width:90%; } .table_style02 td strong { color:#202020; } .table_style02 td .blue { color:#2a9ee9; } .table_style02 td .reserve { font-size:20px; font-weight:800; color:#202020; } .table_style02 .tit02 img, .table_style02 .tit_info { vertical-align:middle; display:inline-block; } .table_style02 .tit02 img { cursor:pointer; } .table_style02 .tit_info { width:240px; text-align:left; margin-left:16px; } .table_style02 .tit02 h1 { width:206px; margin-bottom:11px; font-size:14px; font-weight:400; line-height:24px; color:#232323; cursor:pointer; } .table_style02 .tit02 h1:not(.no-data):hover { text-decoration:underline; } .table_style02 .order_btn button { position:relative; width:79px; height:23px; border:1px solid #d0d0d0; background:#f8f8f8; text-align:center; line-height:23px; } .table_style02 .order_btn button:not(.no-data):hover { border-color:#7f828a; } .table_style02 .order_btn br + button { margin-top:3px; } .change_br { display:none; } /* 나의 적립금 */ .reserve_wrap { overflow:hidden; margin-top:57px; } .reserve01, .reserve02, .deposit01 { float:left; } .reserve01 { position:relative; width:483px; height:178px; margin-left:21px; background:url(../images/mypage/bg_reserve.png) 0 0 no-repeat; } .reserve01 p { position:absolute; top:34px; left:127px; width:259px; height:81px; text-align:center; font-size:18px; line-height:81px; color:#2a9ee9; } .reserve01 span { font-size:43px; letter-spacing:-2px; } .reserve02 { margin:16px 0 0 20px; } .reserve02 > li { font-size:13px; line-height:22px; color:#6c7580; } .reserve02 > li strong { color:#202020; } .deposit01 { position:relative; width:489px; height:187px; margin-left:15px; background:url(../images/mypage/bg_deposit.png) 0 0 no-repeat; } .deposit01 p { position:absolute; top:34px; left:133px; width:259px; height:81px; text-align:center; font-size:18px; line-height:81px; color:#2a9ee9; } .deposit01 span { font-size:43px; letter-spacing:-2px; } /* 내 회원등급 */ .myClass_wrap { overflow:hidden; background:#b1b3b9; padding:8px; margin-top:14px; } .myClass01, .myClass02 { float:left; height:216px; background:#fff; border-radius:11px; } .myClass01 { width:34%; padding:22px; font-size:0; } .myClass01_area { height:100%; padding-top:41px; border:1px solid #dedfe2; text-align:center; } .myClass01_area img { margin-right:8px; } .myClass01_area h1 { display:inline-block; vertical-align:middle; text-align:left; font-size:18px; font-weight:400; color:#41444d; } .myClass01_area h1 strong { display:inline-block; margin-bottom:2px; font-size:28px; font-weight:800; color:#ffa800; } .myClass02 { width:66%; padding-left:50px; border-left:2px dashed #b1b3b9; } .myClass02 h1 { margin-top:44px; font-size:23px; font-weight:400; color:#434343; } .myClass02 h1 strong { font-weight:800; color:#ffa800; } .myClass02 h2 { margin-top:10px; font-size:14px; font-weight:400; color:#e63030; } .myClass02 h3 { margin-top:31px; font-size:17px; font-weight:400; color:#555; } .myClass02 h3 strong { color:#202020; } .myClass02 h4 { margin-top:8px; font-size:14px; font-weight:400; color:#555; } .myClass_com { margin-top:9px; text-align:right; font-size:12px; color:#696969; } /* 회원탈퇴 */ .withdraw01 { margin-top:43px; padding:0 0 48px 287px; background:url(../images/mypage/icon_withdraw01.png) 126px 4px no-repeat; } .withdraw01 h1 { font-weight:400; font-size:30px; color:#2a9ee9; } .withdraw01 p { margin-top:19px; font-size:15px; line-height:23px; color:#4f5257; } .withdraw02 { overflow:hidden; padding:0 0 28px; background:#f8f8f8; } .withdraw02 h1 { margin:26px 0 0 49px; font-size:15px; color:#232323; } .withdraw02 h1 img { margin:-2px 8px 0 0; } .withdraw02 ul { margin:7px 0 0 74px; } .withdraw02 ul > li { font-size:13px; line-height:20px; color:#575f6a; } .withdraw03 { padding:0 50px 40px; margin-top:16px; border:1px solid #d9dce0; } .withdraw03 h1 { margin-top:30px; font-size:17px; color:#232323; } /* 고객센터 */ .customer_menu { overflow:hidden; margin-top:65px; } .customer_menu > li { float:left; width:16.666%; text-align:center; } .customer_menu > li + li { background:url(../images/customer/bg_customer01.png) 0 center no-repeat; } .customer_menu > li a { font-size:15px; font-weight:700; color:#3f4146; } .customer_menu > li:not(.no-data):hover a { text-decoration:underline; } .customer_menu > li a img { margin-bottom:20px; } .faq_search { margin-top:39px; padding:28px 0 27px; border:9px solid #eee; text-align:center; } .faq_search select, .faq_search input, .faq_search button { vertical-align:top; } .faq_search h1 { display:inline-block; vertical-align:middle; margin-right:6.1458%; font-size:24px; color:#2a9ee9; } .faq_search select { width:18.4375%; height:31px; border:1px solid #d2d2d2; background:#fff; } .faq_search input[type="text"] { width:20.7291%; height:31px; padding:0 8px; margin-left:7px; border:1px solid #d2d2d2; } .faq_search button { width:73px; height:31px; margin-left:3px; background:#2a9ee9; font-size:14px; font-weight:700; color:#fff; } .faq_search_list { display:inline-block; vertical-align:middle; margin-left:1.35416%; text-align:center; font-size:0; } .faq_search_list > li { display:inline-block; } .faq_search_list > li + li { border-left:1px solid #dadada; } .faq_search_list > li a { padding:0 15px; font-size:13px; color:#42444a; } .faq_search_list > li:not(.no-data):hover a { text-decoration:underline; } .content_search { margin-top:39px; padding:28px 0 27px; border:9px solid #eee; text-align:center; } .content_search select, .content_search input, .content_search button { vertical-align:top; } .content_search h1 { display:inline-block; vertical-align:middle; margin-right:6.1458%; font-size:24px; color:#2a9ee9; } .content_search select { width:18.4375%; height:31px; border:1px solid #d2d2d2; background:#fff; } .content_search input[type="text"] { width:20.7291%; height:31px; padding:0 8px; margin-left:7px; border:1px solid #d2d2d2; } .content_search button { width:73px; height:31px; margin-left:3px; background:#2a9ee9; font-size:14px; font-weight:700; color:#fff; } .content_search_list { display:inline-block; vertical-align:middle; margin-left:1.35416%; text-align:center; font-size:0; } .content_search_list > li { display:inline-block; } .content_search_list > li + li { border-left:1px solid #dadada; } .content_search_list > li a { padding:0 15px; font-size:13px; color:#42444a; } .content_search_list > li:not(.no-data):hover a { text-decoration:underline; } .customer01 { margin:12px 0 19px; padding:0 44px 24px; border:1px solid #e8e8e8; } .customer01 h1 { overflow:hidden; border-bottom:2px solid #2a9ee9; margin-top:33px; padding-bottom:13px; font-size:20px; color:#242424; } .customer01 h1 button { float:right; } .faq_main { overflow:hidden; margin-top:11px; } .faq_main > li { float:left; width:49%; padding-left:25px; background:url(../images/customer/icon_q.png) 5px center no-repeat; } .faq_main > li:nth-child(even) { margin-left:2%; } .faq_main > li a { overflow:hidden; display:block; font-size:13px; line-height:29px; color:#242424; white-space: nowrap; text-overflow: ellipsis; } .faq_main > li:not(.no-data):hover a { text-decoration:underline; } .customer02 { float:left; width:48.64583%; height:162px; padding:0 0 0 41px; border:1px solid #e8e8e8; background:url(../images/customer/bg_customer02.png) right top no-repeat; } .customer02 h1 { margin-top:23px; font-size:18px; color:#242424; } .customer02 h2 { margin-top:11px; font-size:30px; color:#4384ef; } .customer02 h3 { margin-top:9px; font-size:13px; line-height:18px; color:#757575; } .customer03 { float:right; width:48.0208%; } .customer03 h1 { width:100%; height:44px; padding-left:16px; background:url(../images/customer/bg_customer03.png) 0 0 no-repeat; font-size:20px; line-height:44px; color:#242424; } .customer03 h1 button { float:right; margin:12px 14px 0 0; } .notice_main { margin-top:8px; } .notice_main > li { padding:0 0 0 30px; background:url(../images/customer/bg_list01.png) 18px center no-repeat; } .notice_main > li a { overflow:hidden; display:block; font-size:13px; line-height:25px; color:#42444a; white-space: nowrap; text-overflow: ellipsis; } .notice_main > li:not(.no-data):hover a { text-decoration:underline; } /* 자주하는 질문 */ .customer_tit01 { margin-top:53px; font-size:22px; color:#43454b; } .customer_tab { font-size:0; margin-top:32px; } .customer_tab > li { display:inline-block; vertical-align:top; width:20%; height:36px; margin-top:-1px; border:1px solid #d7d7d7; text-align:center; } .customer_tab > li + li { border-left:none; } .customer_tab > li a { display:block; padding:10px 0; font-size:14px; color:#43454b; } .customer_tab > li.select { background:#484f62; border-color:#484f62; } .customer_tab > li.select a { color:#fff; } .customer_tab > li:nth-child(5n+6) { border-left:1px solid #d7d7d7; } .faq > h1 { margin-top:19px; padding:10px 0 10px 21px; background:#f3f7fa; font-size:16px; color:#0181d4; } .faq_list > li { background:url(../images/customer/icon_faq03.png) right 20px no-repeat; border-bottom:1px solid #e5e5e5; } .faq_list > li.on { background-image:url(../images/customer/icon_faq04.png); background-position:right 19px; } .faq_list > li h1 { overflow:hidden; width:-webkit-calc(100% - 65px); width:-moz-calc(100% - 65px); width:calc(100% - 65px); padding:13px 0 13px 49px; background:url(../images/customer/icon_faq01.png) 17px center no-repeat; font-size:14px; font-weight:400; color:#232323; cursor:pointer; text-overflow:ellipsis; white-space:nowrap;} .faq_list > li h1:not(.no-data):hover { text-decoration:underline; } .faq_list .answer { display:none; padding:13px 48px 22px; background:#f9f9f9 url(../images/customer/icon_faq02.png) 17px 14px no-repeat; font-size:13px; line-height:21px; color:#505050; } /* 공지사항 */ .bbs_tit { overflow:hidden; margin-top:25px; border-top:1px solid #393d44; border-bottom:1px solid #c8c8ca; } .bbs_tit > li:first-child { border-bottom:1px solid #f0f0f0; } .bbs_tit > li.half { float:left; width:50%; } .bbs_tit > li h1, .bbs_tit > li h2 { display:inline-block; vertical-align:middle; } .bbs_tit > li h1 { width:13.229%; padding:13px 0 16px 28px; background:#f8f8f8; font-size:13px; color:#232323; } .bbs_tit > li.half h1 { width:26.458%; } .bbs_tit > li h2 { width:86%; padding-left:22px; font-weight:400; font-size:12px; color:#878787; } .bbs_tit > li.half h2 { width:70%; } .bbs_tit > li h2.tit { font-size:14px; font-weight:700; color:#232323; } .BBSContents { padding:29px 28px 35px; border-bottom:1px solid #e5e5e5; font-size:13px; line-height:21px; color:#5f5f5f; } /* 회원등급안내 */ .customer_tit02 { margin-top:49px; text-align:center; font-size:23px; color:#2a9ee9; } .customer_tit03 { margin-top:11px; text-align:center; font-size:14px; font-weight:400; color:#6e7376; } .class_table { width:100%; margin:29px 0 0; border-top:1px solid #393d44; text-align:center; table-layout:fixed; } .class_table th, .class_table td { border:1px solid #e5e5e5; } .class_table th { width:16%; background:#f8f8f8; font-size:14px; color:#232323; } .class_table td { width:21%; } .class_table .member td { padding:19px 0; font-size:16px; font-weight:700; color:#494949; } .class_table .member td img { margin-top:8px; } .class_table .terms td { padding:12px 0 0;font-size:13px; line-height:20px; color:#5f5f5f; } .class_table .terms td strong { font-size:15px; color:#3d3d3d; } .class_table .terms td img { width:100%; margin-top:23px; } .class_table .benefit td { padding:17px 0 18px; font-size:12px; color:#7a7a7a; } .class_table .benefit td img { margin-bottom:8px; } .class_table .save td { padding:12px 0 15px; font-size:14px; line-height:24px; color:#232323; } .class_table .save td strong { font-size:20px; color:#232323; } .class_table .save td .num { font-size:30px; color:#232323; } .class_info { margin:22px 0 115px; padding:0 10px 24px 163px; border:1px solid #e3e3e6; background:#f2f2f3 url(../images/customer/icon_class_info.png) 35px 30px no-repeat; } .class_info h1 { margin-top:24px; font-size:15px; color:#4b4b4d; } .class_info ul { margin-top:11px; } .class_info ul > li { font-size:13px; line-height:20px; color:#69696b; } .class_info ul > li strong { color:#333337; } /* 포인트/적립금/예치금 */ .customer_area { overflow:hidden; padding-bottom:60px; } .customer_tit04 { margin-top:45px; font-size:18px; color:#050505; } .customer_tit05 { margin-top:25px; font-size:16px; color:#2a9ee9; } .customer_tit06 { margin-top:11px; font-size:13px; color:#2b2b2b; } .customer_text01 { margin-top:12px; font-size:13px; line-height:20px; color:#545454; } .customer_text01 .red { color:#ff4425; } img + .customer_text01 { margin-top:42px; } .point01 { margin-top:29px; text-align:center; } .point01 h1 { padding:12px 0 15px;background:#ebf5fc; border:1px solid #cae0f0; font-size:15px; color:#144768; } .point01 div { padding:31px 0 49px; border:1px solid #7abef1; border-top:none; } .point02_list { text-align:center; margin-top:41px; font-size:0; } .point02_list > li { display:inline-block; width:23.6%; margin:0 0.7%; vertical-align:top; } .point02_list > li > h1 { font-size:28px; font-weight:800; color:#9b9b9b; } .point02_list > li > h1 strong { margin-right:6px; font-size:30px; color:#fa9a39; } .point02_list > li > h1 img { margin:-8px 7px 0 0; } .point02_list div { min-height:168px; margin-top:8px; border:1px solid #dedede; border-radius:10px; } .point02_list div h1 { padding:9px 0 11px; background:#eceded; border-radius:10px 10px 0 0; font-size:15px; color:#55585b; } .point02_list div p, .point02_list div ul { margin-top:17px; font-size:14px; line-height:22px; color:#6c6c6c; } .point02_list div ul { display:inline-block; text-align:left; } .point03 p { margin-top:12px; font-size:13px; line-height:20px; color:#545454; } .point03_list { margin-top:20px; padding-bottom:40px; border:1px solid #e0e0e0; font-size:0; text-align:center; } .point03_list > li { display:inline-block; width:33.333%; vertical-align:top; padding:0 3.333%; } .point03_list > li + li { background:url(../images/customer/bg_customer04.png) 0 center no-repeat; } .point03_list > li h1 { margin-top:41px; font-size:18px; color:#505050; } .point03_list > li p { margin-top:20px 0 0; font-size:14px; line-height:22px; color:#6c6c6c; } .point03_list > li img { width:100%; margin-top:14px; } .point03_info { overflow:hidden; padding:0 10px 22px 163px; background:#f2f2f3 url(../images/customer/icon_point02.png) 38px 29px no-repeat; border:1px solid #e0e0e0; border-top:none; } .point03_info h1 { margin-top:24px; font-size:15px; color:#4b4b4d; } .point03_info ul { margin-top:13px; } .point03_info ul > li { font-size:13px; line-height:20px; color:#69696b; } .point03_info ul > li strong { color:#333337; } .point04 p { margin:17px 0 60px; font-size:13px; line-height:20px; color:#545454; } .point04 p strong { color:#333337; } /* 도매문의 */ .wholesale_tit01 { text-align:center; margin-top:25px; } .wholesale_tit01 > h1 img { width:100%; } .wholesale01 { overflow:hidden; } .wholesale01 > li { float:left; width:31.666%; } .wholesale01 > li + li { margin-left:2.5%; } .wholesale01 > li h1 { margin-top:63px; text-align:center; font-size:24px; color:#35a1e6; } .wholesale01_text { height:191px; margin-top:9px; border-radius:14px; border:1px solid #dedede; text-align:center; } .wholesale01 > li:not(.no-data):hover .wholesale01_text { border-color:#9fcdeb; } .wholesale01_text ul { display:inline-block; margin-top:16px; } .wholesale01_text ul > li { padding-left:40px; background-position:0 -38px; background-repeat:no-repeat; text-align:left; font-size:16px; line-height:38px; } .wholesale01_text ul > li.tel { background-image:url(../images/customer/icon_wholesale04.png); } .wholesale01_text ul > li.fax { background-image:url(../images/customer/icon_wholesale05.png); } .wholesale01_text ul > li.mail { background-image:url(../images/customer/icon_wholesale06.png); } .wholesale01 > li:not(.no-data):hover .wholesale01_text ul > li { background-position:0 0; } .wholesale01_text button { display:block; width:90%; max-width:227px; height:28px; margin:12px auto 0; border-radius:14px; background:#8b909e; font-size:14px; color:#fff; } .wholesale01 > li:not(.no-data):hover .wholesale01_text button { background-color:#616a83; } .wholesale02 { padding:0 2.2%; margin-top:93px; text-align:center; } .wholesale02 .info { padding-bottom:46px; border:1px solid #dddfe0; border-bottom:none; } .wholesale02 .info img { margin-top:37px; } .wholesale02 h2, .wholesale02 h1, .wholesale02 h3, .wholesale02 p, .contact_list > li h1 { font-family:'NanumSquare', sans-serif; } .wholesale02 .info h2 { margin-top:17px; font-weight:400; color:#66737b; } .wholesale02 .info h1 { margin-top:6px; padding-bottom:29px; background:url(../images/customer/bg_wholesale04.png) center bottom no-repeat; font-size:45px; color:#000; } .wholesale02 .info h3 { margin-top:45px; font-size:30px; color:#323234; } .wholesale02 .info p { margin-top:17px; font-size:18px; line-height:25px; color:#499fd7; } .wholesale02 .info h1 + p { margin-top:29px; } .wholesale02 button { height:49px; margin-top:25px; padding:0 30px; border:1px solid #1287d3; background:#2a9ee9; font-size:16px; color:#fff; } .wholesale02 .contact { overflow:hidden; height:145px; background-repeat:no-repeat; background-position:0 0; } .contact { text-align:center; } .contact_list { overflow:hidden; display:inline-block; width:610px; margin:38px auto 0; text-align:left; } .contact_list > li { float:left; width:50%; font-size:0; text-align:left; } .contact_list > li:nth-child(3n) { width:100%; } .contact_list > li h1, .contact_list > li h2 { display:inline-block; vertical-align:middle; line-height:38px; } .contact_list > li h1 { width:106px; padding-left:35px; background-position:0 -3px; background-repeat:no-repeat; font-size:18px; font-weight:400; color:#fff; } .contact_list > li h2 { font-size:22px; color:#fff; } .contact_list > li .tel { background-image:url(../images/customer/icon_wholesale07.png); } .contact_list > li .fax { background-image:url(../images/customer/icon_wholesale08.png); } .contact_list > li .mail { background-image:url(../images/customer/icon_wholesale09.png); } .m_tit01, .m_pay_btn { display:none; } /* 검색결과 */ .search_tit { overflow:hidden; margin-top:37px; font-size:24px; font-weight:400; color:#232323; } .search_tit .blue { color:#2a9ee9; } .search_table { width:100%; margin-top:24px; border-top:1px solid #303132; } .search_table th, .search_table td { padding:16px 25px; } .search_table th { width:18.3%; text-align:left; background:#89c0e4; border-bottom:1px solid #69aedb; font-size:13px; font-weight:400; color:#fff; } .search_table th strong { font-size:15px; } .search_table td { border-bottom:1px solid #e8e8e8; font-size:12px; color:#808080; } .search_table ul { overflow:hidden; } .search_table ul > li { float:left; width:33.333%; padding:5px 0; } .search_table ul > li strong { overflow:hidden; vertical-align:top; display:inline-block; max-width:146px; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:400; color:#010101; cursor:pointer; } .search_table ul > li strong:not(.no-data):hover { text-decoration:underline; } .search_list { overflow:hidden; margin-top:12px; border:1px solid #edecec; background:#f7f7f7; padding:30px 25px; } .search_list > li { float:left; width:33.333%; padding:17px 0; } .search_list > li span, .search_list > li a { display:block; overflow:hidden; width:90%; text-overflow:ellipsis; white-space:nowrap; } .search_list > li span { font-size:12px; color:#8d8d8d; } .search_list > li a { margin-top:6px; font-size:14px; color:#262626; } .search_list > li a:not(.no-data):hover { text-decoration:underline; } .search_tit .all { float:right; margin-top:10px; font-size:14px; color:#2a9ee9; } .search_tit .all:not(.no-data):hover { text-decoration:underline; } .er_test { display:none; position:absolute; top:317px; left:50%; margin-left:613px; } #desc { list-style-type:none; margin-left: 0px; padding:0 0 20px 0; } #desc li{ margin-top:30px; font-weight:bold; font-size:16px; font-family:맑은고딕,"Malgun Gothic", verdana,돋움,dotum; color:#3399cc; line-height:140%; font-weight:bold; } #desc li ul li { font-size:12px; font-family:verdana,돋움,dotum; color:#999999; margin-top:10px; margin-bottom:10px; font-weight:normal; line-height:160%;} #desc li ul li ul li{ font-weight:normal; } .private { padding:58px 0; } .private, .private p { font-size:13px; line-height:20px; color:#545454; } #it_explan td { font-size:12px; line-height:17px; color:#666;} /* 모바일 마이페이지 메인 */ .m_tit01 { display:none; padding:13px 0; text-align:center; font-size:20px; font-weight:700; color:#109cf0; } .m_myClass { display:none; } .m_myClass .myClass_info { width:100%; height:106px; background:#2f374e url(../images/mypage/icon_m_class.png) 29px 14px no-repeat; background-size:62px auto; } .m_myClass .myClass_info h1 { margin-top:18px; line-height:19px; } .m_myClass .myClass_info h1 .none { display:none; } .m_myClass .myClass_info h2 { margin:5px 0 0 108px; font-size:11px; font-weight:400; color:#fff; } .m_myClass_table { width:100%; } .m_myClass_table td { width:33.333%; padding:8px 0 14px; border-bottom:1px solid #b1b1b1; text-align:center; font-size:10px; } .m_myClass_table td strong { display:inline-block; padding:0 0 3px; font-size:12px; color:#3d3d3d; } .m_myClass_table td span { line-height:1; font-size:14px; font-weight:700; color:#2a9ee9; } .m_myClass_table td + td { border-left:1px solid #b1b1b1; } .m_myClass_table .deliver { font-size:18px; } .m_myClass_table .deliver strong { font-size:13px; } .m_myClass_table .deliver span { vertical-align:bottom; display:inline-block; margin-bottom:-5px; font-size:33px; font-weight:700; } .m_tab_wrap { overflow:hidden; background:#f8f8f8; } .tab_tit { padding:19px 1.2% 0; font-size:16px; } .m_tab { margin:11px 1.2% 24px; font-size:0; } .m_tab > li { display:inline-block; vertical-align:top; width:25%; height:43px; border:1px solid #b7b7b7; margin-top:-1px; background:#fff; font-size:12px; line-height:1.1; text-align:center; } .m_tab > li + li { border-left:none; } .m_tab > li:nth-child(5) { border-left:1px solid #b7b7b7; } .m_tab > li:before { content:''; display:inline-block; height:100%; vertical-align:middle; } .m_tab > li a { width:100%; vertical-align:middle; display:inline-block; } /* @media screen and (max-width:1400px) */ @media screen and (max-width:1400px){ #queck { display:none; } } /* @media screen and (max-width:1200px) */ @media screen and (max-width:1200px){ #LNB { left:2%; } #top { padding:0 2%; } #contents { padding:0 2%; } .GNB_sub { height:auto; padding-bottom:30px; } .GNB_list > li { width:18%; } .GNB_list .bbs_menu { width:14%; } .product_subject { margin:56px 2% 0; } .product_tab { width:96%; margin:7px auto 0; } .product_list { margin:0 2%; } .notice { padding:0 2%; } .notice > li { width:48%; margin-left:0!important; } .notice > li:nth-child(even) { margin-left:4%!important; } .footer_menu { padding:0 2%; } footer { padding:0 2% 30px; } .footer_logo { display:none; } .summery_img { height:auto; padding:20px 0; } .detail_tab { width:96%; } .fixed_pay { left:auto; margin:0; right:0; width:300px; } .fixed_pay.on { right:2%; } .datepicker { width:47%; } .order_table input[type="text"] { width:100%; } .date_list { float:none; margin-top:11px; } .date_list > li { width:16.6%; } .order_table { width:96%;margin:0 2%; } .order_table input.num_input { width:73.854%; } .order_table button[type="submit"] { width:24%; } .my_point01 { height:auto; width:100%; text-align:center; padding:0; } .my_point01 h1 { text-align:left; display:inline-block; } .my_point01 p { display:inline-block; margin-left:36px; } .my_point02 { width:100%; height:auto; padding:0 10px 30px; } .point_change { width:100%; } .basket_list > li { overflow:hidden; } .basket_list > li > * { float:left; } .basket_img { width:153px; } .basket_list > li > h1 { width:65%; } .basket_list > li > h2 { width:auto; margin-top:5px; } .basket_list > li > .price { clear:both; width:153px;margin-left:5% } .basket_list > li > .quantity_btn { width:180px; padding:0; } .basket_label { margin-top:36px; } .category_tit { display:none; } .category > .left { width:75%; } .category > .right { width:25%; height:588px; border-left:1px solid #e9eced; } .er_test { display:none!important; } .table_style01 label { width:49%; } .pay_wrap { float:none; width:100%; } .pay_fixed { position:static; width:100%; margin-left:0; margin:0 0 60px; } .pay_fixed.on { position:static; margin:0 0 60px; } .pay_info > li > * { float:left; } .pay_info .num:before { display:block; content:''; margin-top:3px; } .pay_info > li > h1 { width:65%; } .pay_info > li > h2 { width:auto; margin-top:5px; } .pay_info > li .ct_price { clear:both; width:154px; } .pay_info > li .all_ct_price { float:right; } .pay_img { width:153px!important; } } @media screen and (max-width:1180px){ .point02_list { margin-top:24px; } .point02_list > li { width:48%; margin:17px 1%; } } /* @media screen and (max-width:1080px) */ @media screen and (max-width:1080px){ .detail_con { margin-top:20px; width:100%;} .fixed_pay, .detail_tab { display:none; } .myClass_table_wrap { clear:both; } .sns_list { margin:33px 0 15px; } .summery { float:none; width:100%; max-width:none; } .summery_pay { float:none; width:100%; } .summery_area02 { margin:20px 0 0; } .summery_notice { width:100%; } .pay_area > h1 span { margin-top:10px; } .pay_area > h2 { float:right; margin-top:20px; } .pay_area > button { display:none; } .m_pay_fixed { position:fixed; bottom:-430px; left:0; width:100%; padding:1.2%; background:#fff; border-top:2px solid #bababa; z-index:9999999; } .m_pay_fixed .btn_close { display:inline-block; position:absolute; top:-20px; left:50%; width:73px; margin-left:-36px; background:none; } .m_pay_fixed .btn_close img { width:100%; } .m_pay_btn { position:fixed; display:block; bottom:0; left:0; width:100%; padding:10px; border-top:2px solid #bababa; background:#fff; z-index:1; text-align:right; } .m_pay_btn button { vertical-align:top; } .m_pay_btn .wish { background:none; } .m_pay_btn .buy { height:52px; margin-left:10px; padding:0 50px; border-radius:4px; background:#2a9ee9; color:#fff; font-size:16px; font-weight:700; } .basket_label { width:8%; padding-left:10px; } .basket_list > li > .price { margin-left:8%; } .faq_search { padding:22px 0; margin:25px 1.2% 0; } .faq_search_list { width:100%; margin-top:10px; } .customer_tab { margin:40px 1.2% 0; } .customer_tab > li { width:20%!important; } .customer_tab > li:nth-child(6) { border-left:1px solid #d7d7d7!important; } .customer01 { border:none; padding:0 1.2%; } .customer02 { float:none; width:auto; margin:0 1.2%; } .customer03 { float:none; width:auto; margin:18px 1.2% 30px; } .customer03 h1 { background-repeat:repeat-x; } .myClass01 { display:none; } .myClass02 { width:100%; border-left:none; } .reserve01 { float:none; margin:0 auto; } .deposit01 { float:none; margin:0 auto; } } /* @media screen and (max-width:950px) */ @media screen and (max-width:950px){ #contents.myPage_wrap { min-height:auto; padding:0; } #top, #header, #GNB, .product_tit01, .order_table01 { display:none; } #m_header, #m_GNB, .m_category { display:block; } .gnb_bg { display:none; } .order_search { margin:16px 1.2% 0; } .m_searchForm { display:none; position:relative; margin:0; width:100%; margin-top:9px!important; } .m_searchForm input { width:100%; height:45px; padding-left:8px; border:2px solid #239ce5; ; } .m_searchForm button { background:none; position:absolute; right:10px; top:12px; width:21px; height:20.333px; } .subTab > li { width:33.333%; } .subTab > li:nth-child(7n) { border-right:1px solid #e8e8e8; } .subTab > li:nth-child(3n) { border-right:none; } .product_list > li { width:50%; } #LNB, .myClass, .myPage_tab { display:none; } .myPage { margin-left:0; } .thanks { margin: 2rem 0 2rem; font-size: 1.3rem;} .m_product_tit01 { overflow:hidden; display:block; margin:10px 1.2% 0; font-size:16px; color:#3a3d44; } .m_product_tit01 button { vertical-align:middle; background:none; width:19.666px; height:16px; margin:-1px 10px 0 0; font-size:0; } .m_product_tit01 button img { width:100%; } .m_product_tit01 + .faq_search { margin-top:12px!important; } .m_order_table01 { display:block; margin-bottom:40px; } .m_order { overflow:hidden; padding:0 1.2% 5px; border-bottom:1px solid #e5e5e5; } .m_order .img { float:left; width:32%; padding:0 2%; margin-top:15px; } .m_order .img img { width:100%; max-width:140px; } .m_order .info { float:left; width:68%; } .m_order .info h2 { margin-top:15px; font-size:13px; color:#232323; } .m_order .info h2 span { float:right; font-size:11px; font-weight:400; color:#878787; } .m_order .info h1 { overflow:hidden; height:75px; margin-top:7px; font-size:13px; font-weight:400; line-height:19px; color:#232323; } .m_order .info h3 { font-size:12px; color:#7c7c7c; } .m_order .info h3 .price { float:right; margin-top:-2px; font-size:15px; color:#232323; } .m_order .info h3 .price strong { font-size:18px; font-weight:800; } .m_order .btn { clear:both; padding-top:9px; font-size:0; } .m_order .btn button { width:25%; padding:9px 0; border:1px solid #b7b7b7; background:#fafafa; font-size:12px; color:#3d3d3d; } .m_order .btn button + button { border-left:none; } .m_product_tit02, .product_tit01.m_tit, .delivery_tit h1, .basket_all { display:block; margin-top:14px; padding:7px 2%; background:#f0f1f2; border-top:1px solid #c4c8cb; font-size:13px; color:#3a3d44; } .delivery_tit h1, .delivery_tit h2 { margin-top:0; width:100%; } .delivery_tit h2 { padding:7px 2.2% 14px; } .m_product_tit02 .del { float:right; width:17px; height:17px; margin-top:1px; background:none; } .order_check { display:inline-block; } .m_order_table01.wish .img { width:24%; padding-left:0; font-size:0; } .m_order_table01.wish .img img { width:100px; } .m_order_table01.wish .info { width:76%; } .btnArea02 { margin-bottom:30px; padding-left:1.2%; font-size:25px; font-size:0; } .btnArea02 button { height:25px; padding:0 10px; font-size:11px; border-color:#c4c8cb; } .btnArea02 button + button { margin-left:5px; } .coupon_table01 { margin-top:0; border-top:none; } .coupon_notice { background:#fff; margin:0; padding:0; } .coupon_notice h1 { padding:12px 1.2%; background:#f8f8f8; font-size:11px; color:#232323; } .coupon_notice ul { margin:9px 1.2% 20px; } .coupon_notice ul > li { font-size:11px; line-height:15px; color:#575f6a; } .point_wrap { border:none; margin-top:0; } .change_br { display:none; } .agree_text { margin-top:0; } .join_wrap { margin:0; padding:0 0 60px 0; border:none;} .join_top { display:none; } .join_table th { width:30%!important; } .member_subject { overflow:hidden; display:block; margin:10px 2% 0; text-align:left; font-size:16px; color:#3a3d44; } .product_subject01 { display:none; } .join_tit { overflow:hidden; display:block; margin-top:14px; padding:7px 2%; background:#f0f1f2; border-top:1px solid #c4c8cb; font-size:13px; color:#3a3d44; } .join_table { margin:0; } .kc_table { width:auto; } .kc_table td, .kc_table th { float:left; display:block; line-height:22px; } .info_table th { width:20%; } .info_table td { width:30%; } .kc_table th { clear:both; width:140px; margin-left:0; } /* .infomBox, #newGoodsDetail, #goodsView, .goodsIntro table, .accGroup { width:100%!important; } .infomBox { margin-left:0!important; } .goodsIntro img { width:100%!important; height:auto; } */ .basket_all_pay { margin:14px 1.2% 0; padding:20px 28px 0; } .basket_all_pay > li { display:block; overflow:hidden; } .basket_all_pay01 { width:100%; } .basket_all_pay01 > h1 { float:left; line-height:26px; } .basket_all_pay01 > h2 { float:right; line-height:26px; } .basket_all_pay01 > h2 strong.sum { display:inline-block; margin-right:5px; } .basket_all_pay02 { height:auto; padding:20px 0; border-left:none; border-top:2px solid #d9dce0; line-height:1; } .basket_all_pay02 > h1 { float:left; } .basket_all_pay02 > h2 { float:right; } .basket_all_pay02 > h2 strong { font-size:26px; } .basket_all_pay .basket_all_pay03 { display:none; } .basket_list { margin-top:0; } .basket_btn01 > h1 { padding-left:1.2%; } /* 모바일 마이페이지 메인 */ .m_tit01 { display:block; } .m_myClass { display:block; } .customer_menu { margin-top:0; } .customer_menu > li { width:33%; margin-top:14px; } .customer_tit01 { display:none; } .class_table { width:97.6%; margin:24px 1.2% 0; } .point01, .point02 { padding:0 1.2%; } .point02 > h1 { padding:0 1%; } .point03, .point04 { padding:0 2.2%; } .customer_area { padding:0 2.2% 60px; } .br_m_none { display:none; } .search_table th { width:25%; } .search_table ul > li { width:50%; } .search_list > li { width:50%; } .wholesale01 { padding:0 2.2%; } .wholesale01 > li { width:49%; } .wholesale01 > li + li { margin-left:0; } .wholesale01 > li:nth-child(even) { margin-left:2%; } .private { padding:58px 2% 0; } .withdraw01 { padding-left:206px; background-position:51px 4px; } .withdraw03 { border:none; padding:0 2.2%; } .delivery_table02 { border-top:1px solid #e3e5e8; margin-bottom:0; } .delivery_table02 input[type="text"], .delivery_table02 select { width:85%; } .pay_info { margin-top:0; border-top:none; } .pay_info > li { overflow:hidden; padding:18px 2.2% 20px; } .pay_info > li:last-child { border-bottom:none; } .pay_fixed { width:97.6%; margin:12px 1.2% 60px; } .pay_fixed.on { margin:12px 1.2% 60px; } .coupon_table { margin-top:0; border-top:none; } .coupon_table th { width:120px; background:none; padding-left:2.2%; } .coupon_table tr:last-child th, .coupon_table tr:last-child td { border-bottom:none; } .pay_method { margin:0; border-top:none; border-bottom:none; } #it_explan table { width:100%!important; max-width:700px; } #it_explan img { width:100%; height:auto; } #it_explan iframe { width:100%; } #it_explan img[src*="s_point"] { width:auto; } .table_style02 { margin-top:0; } .table_style02 td.class { padding-left:12px; } .myClass02 { height:80px; padding-left:0; text-align:center; } .myClass02 > h1, .myClass02 > h4 { display:none; } .myClass02 > h2 { margin-top:18px; font-size:11px; } .myClass02 > h3 { margin-top:7px; font-size:15px; } .myClass_table02 th { display:table-cell; background:#fff; border-bottom:1px solid #e5e5e5; } .myClass_com { padding-left:12px; text-align:left; } } /* @media screen and (max-width:950px) 끝 */ /* @media screen and (max-width:850px) */ @media screen and (max-width:850px){ footer address { clear:both; display:block; margin:26px 0 0; } .main_rolling .slick-prev, .main_rolling .slick-next { width:18.5px; height:33.5px; margin-top:-16px; background-size:18.5px 33.5px; } .main_rolling .slick-prev:not(.no-data):hover, .main_rolling .slick-next:not(.no-data):hover { background-size:18.5px 33.5px; } } @media screen and (max-width:755px){ .class_table .benefit td img { width:90%; } .table_style01 label { width:90%; } } /* @media screen and (max-width:640px) */ @media screen and (max-width:320px){ .product_subject { margin:30px 2% 0; font-size:17px; } .product_subject > button { margin:5px 0 0; font-size:11px; background-image:url(../images/main/icon_m_more01.png); background-size:6px auto; } .main_rolling { padding-bottom:35px; } .main_rolling .slick-dots { bottom:0; } .main_rolling .slick-dots li { margin:0 4px; } .main_rolling .slick-dots li button { width:13px; background:url(../images/main/btn_m_rolling.png) 0 0 no-repeat; background-size:13px auto; } .main_rolling .slick-dots li.slick-active button { background-image:url(../images/main/btn_m_rolling_on.png); background-size:38px auto; } .main_rolling .slick-prev, .main_rolling .slick-next { margin-top:-32px; } .product_tab { overflow:hidden; display:block; margin-top:16px; } .product_tab > li { float:left; width:33.333%; display: -webkit-flex;display:flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center; height:43px; border-top:none; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; ; } .product_tab > li > a { padding:5px 0 6px; font-size:12px; line-height:15px; } .product_tab > li.select { border-top:2px solid #109cf0!important; } .product_tab > li.select a { padding:3px 0 6px; font-size:12px; } .product_tab > li + li { border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; } .product_tab > li:nth-child(-n+3) { border-top:1px solid #d8d8d8; } .product_tab > li:nth-child(-n+3).select a { padding:4px 0 6px; } .product_tab > li:nth-child(3n+1) { border-left:1px solid #d8d8d8; } .product_tab .none { display:block; } .product_list.new { margin-top:16px; } .product_img { display:none; } .product_list { margin-top:24px; background:#fff; } .product_list { padding:0; border:none; } .product_list > li { width:45%; border:none; margin-top:15px; padding:0; } .product_list > li:not(.no-data):hover { border:none; } .product_list > li:not(.no-data):hover .product_btn { display:none; } .product_list > li:not(.no-data):hover:before { top:0; left:0; width:48px; height:62px; } .product_list.hot > li:not(.no-data):hover:before { background:url(../images/main/icon_m_hot01.png) center center no-repeat; background-size:48px auto; } .product_list.best > li:not(.no-data):hover:before { background:url(../images/main/icon_m_best01.png) center center no-repeat; background-size:48px auto;} .product_list.new > li:not(.no-data):hover:before { background:url(../images/main/icon_m_new01.png) center center no-repeat; background-size:48px auto;} .product_list > li:nth-child(-n+2) { padding-bottom:12px; border-bottom:1px solid #e8e8e8; } .product_list > li:nth-child(-n+2):hover { border-bottom:1px solid #e8e8e8; } .product_list > li:nth-child(even) { margin-left:10%; } .product_list > li:before { position:absolute; top:0; left:0; display:block; content:''; width:48px; height:62px; } .product_list.hot > li:not(.no-data):before { background:url(../images/main/icon_m_hot01.png) center center no-repeat; background-size:48px auto; } .product_list.best > li:not(.no-data):before { background:url(../images/main/icon_m_best01.png) center center no-repeat; background-size:48px auto;} .product_list.new > li:not(.no-data):before { background:url(../images/main/icon_m_new01.png) center center no-repeat; background-size:48px auto;} .product_list a > h1 { margin-top:16px; padding-bottom:8px; font-size:11px; } .product_list a > h2 { margin-top:8px; height:33px; font-size:12px; line-height:16px; } .product_list .price { height:39px; margin:16px 0 0; padding-top:16px;} .product_list .price h1 { font-size:16px; } .product_list .price h2 { float:left; margin:-16px 0 0; font-size:12px; } .product_list .price h3 { width:auto; height:auto; margin-top:-3px; padding:0; background:none; font-size:11px; } .product_list .price h3 strong { font-size:23px; letter-spacing:-0.75px; } .m_product_img { vertical-align:middle; display:block; margin:0 auto; width:155px; height:155px; text-align:center; font-size:0; } .m_product_img:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .m_product_img img { vertical-align:middle; display:inline-block!important; width:155px; } .recommend { margin-top:40px; padding-bottom:39px; } .recommend .product_list { padding:2%; } .recommend .product_list li:not(.no-data):hover { border:none; } .recommend .product_list > li:nth-child(-n+2) { padding-bottom:12px; border-bottom:1px solid #e8e8e8; } .recommend .product_subject { padding-bottom:16px; } .notice { margin:30px 0 0; } .notice > li { width:100%; height:auto; margin-top:16px; } .notice > li:nth-child(even) { margin:16px 0 0 0!important; } .notice > li > h1 { padding:22px 0 0; border-bottom:1px solid #333; font-size:14px; line-height:1; } .notice > li .notice_pc { display:none; } .notice > li .notice_m, .notice > li .notice_m img { height:46px; display:block; } .notice > li .notice_m { margin-top:-22px; } .notice01_list { margin:6px 0 0 0; } .notice01_list > li > a { font-size:12px; line-height:16px; } .address > h2 { margin:13px 0 0; font-size:11px; } .address > h3 { margin:0; font-size:11px; } .bank .kb_pc { display:none; } .bank .kb_m { display:inline-block; width:29px; } .bank > h2 { margin:11px 0 0; font-size:15px; } .bank > h2 span { font-size:15px; } .bank > h3 { margin:6px 0 0; font-size:26px; } .csCenter > h2 { margin:11px 0 0; font-size:13px; } .csCenter > h3 { margin:8px 0 56px; font-size:26px; } .footer_menu { padding:0; border:none; background:#f0f0f0; } .footer_list { text-align:center; } .footer_list > li { float:none; display:inline-block; margin:0; padding:10px 0 13px;} .footer_list > li + li { margin-left:27px; } .footer_list > li a { font-size:12px; } .footer_pc { display:none; } .footer_m { display:block; width:150px; } footer > h1 { margin:17px 0 0; } footer address { font-size:11px; line-height:16px; } .br_none { display:block; } .m_myClass .myClass_info h1 .none { display:block; } .sub_banner_pc { display:none; } .sub_banner_m { display:block; width:100%; margin-top:17px; } .sub_subject01 { margin:22px 0 0; font-size:17px; } .subTab { margin:16px 0 0; } .subTab > li { min-height:32px; height:45px\9;} .subTab > li > a { padding:9px 0 8px; font-size:12px; } .subMenu { display:none; } .product_tit { margin:31px 0 0; padding-bottom:12px; border-bottom:1px solid #303132; } .product_tit > h1 { margin:0; padding:0 0 10px; font-size:11px; } .product_tab02 { margin-top:9px; } .product_tab02 > li { margin:0 4px 0 0; padding-left:20px; background:url(../images/product/bg_m_product_tab02.png) 10px center no-repeat; background-size:3px auto; } .product_tab02 > li > a { font-size:11px; } .product_tab02 > li.select { background:url(../images/product/bg_m_product_tab01.png) 2px center no-repeat; background-size:11px auto; } .product_list.sub { padding-bottom:15px; border-bottom:1px solid #303132; } .product_list.sub > li { margin-top:15px; padding-top:15px; border-top:1px solid #e8e8e8; } .product_list.sub > li:not(.no-data):hover { border-top:1px solid #e8e8e8; } .product_list.sub > li:nth-child(-n+2) { border:none; } .product_list.sub > li:nth-child(-n+2):hover { border:none; } .product_align { display:none; } .product_pager { margin:9px 0 40px; display:block; text-align:center; font-size:0; } .product_pager b, .product_pager a { padding:0 2%; font-size:15px; font-weight:700; } .product_pager a { color:#7a7a7a; } .product_pager b { font-size:15px; color:#109cf0; } .order_search { padding:9px 0; } .order_table th { width:24%; font-size:11px; } .order_table td { padding:4px 0; } .order_table input[type="text"] { height:24px; font-size:11px; } .order_table button[type="submit"] { height:24px; font-size:11px; } .order_table .datepicker button { top:3px; right:3px; width:18.666px; height:17px; background:#fff url(../images/mypage/icon_m_date01.png) 0 0 no-repeat; background-size:18.666px 17px } .date_list { margin-top:7px; } .date_list > li { font-size:11px; line-height:22px; } .m_order_table01.wish .img { width:30%; } .m_order_table01.wish .info { width:70%; } .coupon_table01 { margin:0; border:none; border-bottom:1px solid #e5e5e5; } .coupon_table01 th { font-size:15px; } .coupon_table01 td, .coupon_table01 th { display:block; width:100%; padding:20px 0 0; border:none; } .coupon_table01 td.half, th.half { float:right; width:50%; padding-bottom:10px; font-size:11px; line-height:15px; } .coupon_table01 tr + tr .cpimg { border-top:1px solid #e5e5e5; } .coupon_notice ul > li { font-size:10px; line-height:13px; color:#575f6a; } .my_point01 h1 { width:140px; padding:12px 0; margin-top:20px; font-size:13px; background-image:url(../images/mypage/icon_m_point01.png); background-size:37px auto; } .my_point01 p { font-size:13px; } .my_point01 p strong { font-size:25px; } .my_point02 h1 { margin-top:24px; font-size:11px; } .change_br { display:block; } .point_change { padding:16px 0 10px 42px; height:auto; font-size:13px; line-height:27px; color:#6c7580; } .point_change .change { clear:both; width:109px; height:26px; line-height:24px; padding-bottom:10px; font-size:13px; } .point_change button { width:45px; height:23px; font-size:10px; } .table_style02 { margin-top:0; } .table_style02 th { display:none; } .agree_all { font-size:11px; } .agree_text p { font-size:10px; } .agree_text p + p { margin:6px 0; } .join_table th, .join_table td { font-size:10px; font-weight:400; } .join_table td input[type="text"], .join_table td input[type="password"] { width:59%; font-size:10px; height:24px; } .join_table td button { font-size:10px; padding:0 10px; height:24px; line-height:24px; } .join_table .comment_blue { font-size:10px; } .join_btn { height:27px; width:64px; margin-top:16px; font-size:12px; } .complete { border:none; } .complete > h1 { margin-top:0; font-size:12px; font-weight:400; } .complete > h1 strong { margin-top:5px; font-size:15px; font-weight:700; } .complete > h2 { width:90%; margin:15px auto 0; text-align:center; font-size:11px; line-height:16px; } .complete img { width:70%; margin-top:30px; } .radio { margin-right:11px; } .join_tit label { font-size:11px; } .join_tit label .checkbox { vertical-align:middle; } .checkbox{ display:inline-block; vertical-align:middle; width:23px; height:22px; margin-right:11px; background:url(../images/global/icon_m_checkbox.png) 0 0 no-repeat; background-size:23px auto;} .checkbox02 { width:10px; height:10px; border:1px solid #dedede; background:url(../images/global/icon_checkbox02_m.png.png) center center no-repeat; background-size:7px auto; } input[type="checkbox"]:checked + .checkbox02 { border-color:#2a9ee9; background-image:url(../images/global/icon_checkbox02_m_on.png); } input[type="checkbox"]:checked + .checkbox { background-image:url(../images/global/icon_m_checkbox_on.png); } .kc_info { padding-left:60px; padding-right:10px; background-position:11px 13px;background-size:33px auto; } .kc_info > h1 { font-size:10px; line-height:13px; } .kc_info > h1 strong { font-size:10px; } .summery_pay > h1 { font-size:15px; line-height:21px; font-weight:700; } .m_pay_fixed > h2 {font-size:12px; } .m_pay_fixed > h3 { font-size:13px; } .m_pay_fixed > h3 strong, .m_pay_fixed > h3 span { font-size:15px; } .summery_info { padding:8px; } .summery_btn { width:100%!important; padding:0 1.2%; margin-top:18px!important; } .summery_btn button { vertical-align:top; height:38px; font-size:13px; } .quantity_list > li, .quantity_btn { padding:10px 0; } .quantity_list > li, .quantity_btn input, .quantity_btn > h1, .quantity_btn > h1 strong { font-size:10px; } .quantity_list > li button { top:7px; } .basket_list > li > .quantity_btn { width:130px; } .quantity_btn input { width:30px; height:26px; line-height:24px; } .quantity_btn button { width:30px; height:26px; font-size:10px; } .info_table { margin:0; } .pay_area > button { width:39px; height:39px; margin:10px 0 0; } .pay_area > button img { width:100%; } .pay_area > h1, .pay_area > h1 span { font-size:13px; } .pay_area > h1 strong { font-size:18px; } .summery_notice { height:46px; padding-left:80px; background-size:auto 33px; } .summery_notice > h1 { font-size:13px; } .summery_notice > p { font-size:11px; } .info_table th, .info_table td, .kc_table th, .kc_table td { font-size:9px; line-height:13px; } .detail_con > h1 { margin-top:30px; font-size:15px; } .detail_con > h2 { margin-top:18px; } .review_tit { padding:7px; margin-top:10px; line-height:26px; } .review_tit > h1 { font-size:10px; } .review_tit > h1 strong { font-size:16px; } .review_tit > h1 span { width:84px; height:14px; margin-left:8px; background-size:84px 14px; } .review_list > li > h1 span { width:63px; height:10px; margin-left:6px; background-size:63px 10px; } .review_tit button { width:100px; height:26px; font-size:10px; } .review_tit button img { height:11px; margin-top:-3px; } .review_list > li > h1 { font-size:10px; } .review_text > h1 { font-size:11px; } .review_text > p, .review_user { margin-top:8px; } .review_text p, .review_text span { font-size:10px!important; } .delivery_table { margin-top:10px; border:1px solid #e1e1e1; } .delivery_table th, .delivery_table td { display:block; border:none; padding:0 12px; } .delivery_table th { background:none; text-align:left; } .delivery_table tr:first-child th { padding-top:13px; } .delivery_table th img { display:none; } .delivery_table td { padding:11px 12px 25px; } .delivery_list01 > li, .delivery_list02 > li { font-size:11px; line-height:13px; } .delivery_list02 { margin-top:12px; } .refund_notice { margin-top:13px; } .refund_notice > li { font-size:11px; line-height:14px; } .m_pay_btn { text-align:center; z-index:999999; } .m_pay_btn button { height:39px; } .m_pay_btn button img { height:100%; } .m_pay_btn .buy { height:39px; width:82%; } .basket_list > li > h1 { width:61%; font-size:11px; line-height:18px; } .basket_img { width:116px; } .basket_img img { width:92px; height:auto; } .basket_list > li > .price { width:116px; } .basket_list > li > h2 { font-size:11px; } .basket_list > li > h2 strong { font-size:11px; } .basket_btn01 > h1 { font-size:10px; } .basket_btn01 > button { font-size:10px; } .basket_all_pay01 > h1, .basket_all_pay01 > h2, .basket_all_pay01 > h2 strong { font-size:11px; } .basket_all_pay02 { padding-top:10px; } .basket_all_pay02 > h1 { font-size:12px; } .basket_all_pay02 > h2, .basket_all_pay02 > h2 strong { font-size:13px; } .customer_menu > li a { font-size:11px; } .customer_menu > li a img { height:42px; margin-bottom:13px; } .faq_main > li { width:100%; } .faq_main > li:nth-child(even) { margin-left:0; } .faq_search { padding:10px 0; border:5px solid #eee; } .faq_search h1 { margin-top:10px; margin-right:4.356%; font-size:20px; } .faq_search select, .faq_search input[type="text"], .faq_search button { height:21px; font-size:10px; } .faq_search select { width:24.90%; } .faq_search input[type="text"] { width:30.587%; margin-left:4px; } .faq_search button { width:49px; margin-left:1px; } .faq_search_list { margin-top:-5px; } .faq_search_list > li a { padding:0 11px; font-size:10px; } .content_search { padding:10px 0; border:5px solid #eee; } .content_search h1 { margin-top:10px; margin-right:4.356%; font-size:20px; } .content_search select, .content_search input[type="text"], .content_search button { height:21px; font-size:10px; } .content_search select { width:24.90%; } .content_search input[type="text"] { width:30.587%; margin-left:4px; } .content_search button { width:49px; margin-left:1px; } .content_search_list { margin-top:-5px; } .content_search_list > li a { padding:0 11px; font-size:10px; } .customer01 { margin:0; } .customer01 h1 { margin-top:20px; font-size:14px; padding-bottom:6px; } .customer01 h1 button, .customer01 h1 button img { width:15px; height:15px; } .faq_main > li { padding-left:20px; background-size:11px auto; } .faq_main > li a { font-size:11px; line-height:18px; } .customer02 { height:119px; margin-top:21px; padding-left:14px; background-size:auto 119px; } .customer02 h1 { margin:17px 0 0; font-size:13px; } .customer02 h2 { margin:8px 0 0; font-size:22px; } .customer02 h3 { margin:7px 0 0; font-size:10px; line-height:13px; } .customer03 h1 { font-size:15px; height:36px; line-height:36px; background-size:auto 36px; } .customer03 h1 button, .customer03 h1 button img { width:16px; height:16px; } .customer03 h1 button { margin:10px 11px 0 0; } .notice_main > li { padding-left:23px; background-position:13px center; } .notice_main > li a { font-size:11px; line-height:19px; } .customer_tab { margin-top:8px; } .customer_tab > li { height:40px; } .customer_tab > li:before { content:''; display:inline-block; height:100%; vertical-align:middle; } .customer_tab > li a { vertical-align:middle; display:inline-block; padding:0 3px; font-size:12px; line-height:13px; } .faq > h1 { margin-top:12px; padding:8px 0 8px 21px; font-size:14px; } .faq_list > li, .faq_list > li.on { background-size:auto 7px; background-position:right 12px; } .faq_list > li h1 { width:-webkit-calc(100% - 55px); width:-moz-calc(100% - 55px); width:calc(100% - 55px); padding:8px 0 8px 35px; background-position:9px 9px; background-size:17px 17px; font-size:11px; color:#232323 } .faq_list .answer { padding:12px 35px 12px!important; background-size:17px 17px; background-position:9px 9px; } .faq_list .answer p { font-size:11px!important; line-height:16px!important;} .table_style02 td { font-size:11px; } .table_style02 .none { display:none; } .table_style02 .block { display:block; text-align:left; padding:6px 13px 8px 13px; } .table_style02 .block.tit, .table_style02 .block.tit02 { border-bottom:none; font-size:13px; padding:8px 13px 0 13px; } .table_style02 .block.tit02 h1 { margin:0; width:auto; font-size:13px; line-height:16px; } .table_style02 .block.tit02 img { width:100px!important; height:auto; } .table_style02 .inline { padding:10px 0; display:inline-block; vertical-align:middle; border-bottom:none; }' .table_style02 .tit { font-size:13px; line-height:20px; } .table_style02 .tit_info { width:58%; margin-left:5px; } .table_style02 .iq_subject, .table_style02 .time { padding-left:13px; padding-right:5px; } .table_style02 .iq_subject:after { margin-left:5px; vertical-align:top; display:inline-block; width:1px; height:9px; margin-top:2px; border-left:1px solid #878787; content:''; } .bbs_tit > li { background:url(../images/global/bg_bbs.png) 0 0 repeat-y; background-size:18% 1px; } .bbs_tit > li + li { border-top:1px solid #f0f0f0; } .bbs_tit > li.half { width:100%; } .bbs_tit > li.half h1 { width:18%; } .bbs_tit > li:first-child { border-bottom:none; } .bbs_tit > li h1 { width:18%; } .bbs_tit > li h1, .bbs_tit > li h2, .bbs_tit > li h2.tit { padding:6px 10px; font-size:12px; } .bbs_tit > li h2 { width:80%; } .BBSContents { padding:10px; font-size:12px; } .BBSContents img { width:100%; } .customer_tit02 { margin:52px 0 0; font-size:16px; } .customer_tit03 { margin:8px 0 0; padding:0 10px; font-size:11px; line-height:13px; } .class_table th { font-size:10px; } .class_table .terms td, .class_table .terms td strong { font-size:10px; line-height:12px; } .class_table .terms td { vertical-align:top; } .class_table .terms td img { margin:10px 0 0; } .class_table .terms .terms01 img { margin:-2px 0 0; } .class_table .member td { padding:8px 0; font-size:11px; } .class_table .member td img { width:58px; margin:7px 0 0; } .class_table .benefit td { padding:6px 0; font-size:10px; } .class_table .benefit td img { margin-bottom:8px; } .class_table .save td { padding:0; line-height:27px; font-size:10px; } .class_table .save td strong { font-size:12px; } .class_table .save td .num { font-size:12px; } .class_info { margin:9px 0 30px; padding:0 10px 15px 71px; background-position:3.425% 14px; background-size:47px auto; } .class_info ul { margin-top:0; } .class_info h1 { margin-top:15px; font-size:10px; } .class_info ul { margin-top:6px; } .class_info ul > li { font-size:9px; line-height:12px; } .customer_tit04 { margin-top:13px; font-size:10px; } .customer_text01 { margin:6px 0 0; font-size:9px; line-height:11px; } img + .customer_text01 { margin:11px 0 0; } .point01 { margin-top:22px 0 0; } .point01 > h1 { padding:6px 0; font-size:10px; line-height:12px; font-weight:400; } .point01 div { padding:11px 0; } .point01 div img { width:90%; } .point02_list { margin-top:-3px; } .point02_list > li > h1 { font-size:20px; } .point02_list > li > h1 strong { font-size:22px!important; } .point02_list > li > h1 img { width:23px; } .point02_list div { min-height:115px; margin-top:5px 0 0; } .point02_list div h1 { padding:7px 0; font-size:10px; color:#55585b; } .point02_list div p, .point02_list div ul { margin:13px 0 0; font-size:10px; line-height:15px; color:#6c6c6c; } .point03 { padding:0; } .point03 > h1 { padding:0 2.2%; } .point03 p { padding:0 2.2%; margin-top:8px; font-size:9px; line-height:11px; } .point03_list { margin-top:25px; padding-bottom:0; border:none; } .point03_list > li { background-size:1px 60px!important; padding:0 2.2%; } .point03_list > li h1 { margin-top:0; font-size:10px; } .point03_list > li img { margin-top:9px; } .point03_list > li p { margin-top:4px; font-size:9px; line-height:12px; } .point03_list > li p br { display:none; } .point03_info { margin-top:14px; padding:0 0 18px 19.7222%; border:1px solid #e3e3e6; background-position:2.9629% 13px; background-size:13.7407% auto; } .point03_info > h1 { margin:15px 0 0; font-size:10px; } .point03_info > ul { margin:7px 0 0; padding-right:10px; } .point03_info > ul > li { font-size:9px; line-height:10px; } .point04 p { margin:9px 0 30px; font-size:9px; line-height:11px; } .customer_tit05 { font-size:9px; margin:11px 0 0; } .customer_tit06 { font-size:9px; margin:11px 0 0; } .m_img { width:100%; } .search_tit { font-size:13px; } .search_tit .all { font-size:12px; } .search_table { margin-top:12px; border-top:none; } .search_table th { border-top:1px solid #69aedb; } .search_table th, .search_table td { display:block; width:100%; padding:5px 15px; } .search_table th strong { font-size:12px; } .search_table ul > li { padding:6px 0; font-size:10px; line-height:11px; } .search_table ul > li strong { font-size:11px; max-width:80%; } .search_list { padding:10px; } .search_list > li { width:100%; padding:6px 0; } .search_list > li span { font-size:10px; } .search_list > li a { font-size:11px; margin-top:4px; } #desc li { margin-top:20px; font-size:12px; } #desc li ul li { margin:0; font-size:10px; } .wholesale01 > li { width:100%; } .wholesale01 > li h1 { margin-top:15px; font-size:18px; } .wholesale01 > li:nth-child(even) { margin:0; } .wholesale01_text { height:143px; margin-top:7px; } .wholesale01_text ul { margin-top:11px; } .wholesale01 > li:nth-child(3) .wholesale01_text ul { margin-top:22px!important; } .wholesale01_text ul > li { padding-left:30px; background-position:0px -28px; background-size:19px auto; line-height:28px; font-size:15px; color:#6c6c6c; } .wholesale01_text button { margin-top:10px; height:20px; font-size:10px; color:#fff; } .wholesale01 > li:nth-child(3) .wholesale01_text button { margin-top:26px!important; } .wholesale01 > li:not(.no-data):hover .wholesale01_text ul > li { background-position:0 -28px; } .wholesale02 { margin-top:7px; } .wholesale02 .info { padding-bottom:27px; } .wholesale02 .info h2 { margin-top:9px; font-size:13px; } .wholesale02 .info h1 { margin:6px 0 0 0; padding:0; background:none; font-size:26px; } .wholesale02 .info h3 { margin-top:16px; font-size:18px; } .wholesale02 .info p { margin-top:9px; font-size:12px; line-height:14px; } .wholesale02 .info img { width:58px; margin-top:23px; } .wholesale02 button { height:29px; margin-top:16px; font-size:12px; color:#fff; } .wholesale02 .contact { height:81px; background-size:cover; } .contact_list { width:95%; margin-top:15px; } .contact_list > li h1, .contact_list > li h2 { line-height:22px; } .contact_list > li h1 { width:53px; padding-left:20px; background-size:15px auto; font-size:10px; } .contact_list > li h2 { font-size:13px; } #wholesale03 .contact { height:68px; } .private, .private p { padding-bottom:30px; font-size:10px; line-height:12px; } .withdraw01 { padding:0 10px 10px 100px; margin-top:0; background-position:42px 19px; background-size:36px auto; } .withdraw01 h1 { margin-top:13px; font-size:13px; } .withdraw01 p { margin-top:10px; font-size:10px; line-height:11px; } .withdraw02 { padding:0 10px 14px; } .withdraw02 h1 { margin:14px 0 0 ; font-size:10px; } .withdraw02 h1 img { width:14px; } .withdraw02 ul { margin:7px 0 0 15px; } .withdraw02 ul > li { font-size:9px; line-height:12px; } .withdraw03 { margin-top:0; } .withdraw03 h1 { margin-top:16px; font-size:9px; } .table_style01 { margin-top:6px; } .table_style01 label { width:auto; margin-right:10px; font-size:10px; } .table_style01 th { padding:0 10px; width:23.663%!important; font-size:10px; text-align:center; } .btnArea { margin-top:12px; } .btnArea button { height:20px; font-size:10px; color:#fff; } .pay_info > li > h1 { width:61%; font-size:11px; line-height:18px; } .pay_info .pay_img { width:116px!important; } .pay_info .pay_img img { height:auto; } .pay_info > li .ct_price { width:117px; } .pay_info > li > .price { width:116px; } .pay_info > li > h2 { font-size:11px; } .pay_info > li > h2 strong { font-size:11px; } .pay_img { width:116px!important; } .pay_img img { width:92px!important; height:auto; } .coupon_table th { width:110px; font-size:11px; } .coupon_table td { padding-left:0; font-size:11px; } .coupon_table .point { margin:2px 0 3px; } .coupon_table strong.blue { font-size:15px; } .coupon_table td p { margin:4px 0 0; font-size:11px; } .pay_method > li { font-size:12px; } .radio { width:22px; height:22px; margin-right:5px; background-size:22px 22px; } .delivery_table02 th { padding-left:10px;font-size:11px; } .delivery_table02 input[type="text"], .delivery_table02 select, .delivery_table02 button { height:23px; font-size:11px;} .delivery_table02 th, .delivery_table02 td { padding:5px; } .delivery_table02 tr:first-child td { padding-top:5px; } .delivery_table02 button { min-width:108px; margin-left:-110px; } .pay_fixed { border:3px solid #d9dce0; } .pay_table02 { margin-top:8px; } .pay_table02 th, .pay_table02 td, .pay_table02 .tit th, .pay_table02 .tit td, .pay_table02 .tit td strong { padding:0; font-size:11px; line-height:22px; font-weight:400; } .pay_table02 .tit th { color:#707377; } .pay_sum { margin-top:14px; } .pay_sum > h1 { margin-top:9px; line-height:45px; font-size:12px; } .pay_sum > h1 strong { font-size:12px; } .pay_btn { margin:10px 21px; } .pay_btn button { height:38px; font-size:12px; } .table_style02 .order_btn button { width:100%; height:auto; padding:6px 0; border:1px solid #b7b7b7; background:#fafafa; font-size:11px; line-height:1; color:#3d3d3d; } .table_style02 .iq_subject, .table_style02 .iq_answer, .table_style02 .time { padding-bottom:0; } tr[class*=qaContent] td h1, tr[class*=qaContent] td { font-size:11px; } tr[class*=qaContent] td h1 { padding-left:13px; } tr[class*=qaContent] .qa_tit { padding-bottom:0; } tr[class*=qaContent] .star { width:90px; padding-left:13px; padding-bottom:0; text-align:left; } .login { padding-bottom:40px; } .login_list { margin-top:40px; } .login_list > li > a { padding:14px 0 17px; font-size:14px; } .login_input input, .login_form button { font-size:12px; } .login_btn01 { margin-top:15px; } .login_btn01 label, .login_btn01 > a { margin-top:0; font-size:12px; line-height:22px; } .login_btn02 { margin-top:15px; } .login_btn02 > a { width:49%; height:30px; vertical-align:top; font-size:10px; line-height:1.2; } .login_btn02 > a:before { display:inline-block; content:''; height:100%; vertical-align:middle; } .login_btn02 > a span { display:inline-block; vertical-align:middle; } .login_btn02 > a + a { margin-left:1%; } .login_join { overflow:hidden; height:auto; background:#fff; } .login_join .tit { display:block; text-align:center; } .login_join .tit > h1 { margin-top:27px; font-size:14px; line-height:18px; } .login_join .tit > a { font-size:11px; } .login_join .tit > a img { height:10px; } .login_join > a { display:block; margin:25px auto 35px; height:35px; font-size:12px; line-height:35px; } .table_style02 td .reserve { font-size:17px; } .table_style02 td.class span { display:block; margin:-2px 0 0 32px; } .myClass_table02 th { display:table-cell; padding:14px 0; font-size:11px; line-height:13px; } .pager { margin:20px 0 30px!important; } .pager b, .pager a, .pager button { width:18px; height:18px; line-height:16px; font-size:11px; } .reserve_wrap { margin-top:20px; } .reserve01 { float:none; width:338px; height:124px; margin:0 auto; background-size:338px auto; } .reserve01 p { width:181px; height:56px; top:24px; left:89px; line-height:56px; } .reserve01 span {font-size:28px; } .reserve02 { margin-top:13px; } .reserve02 > li { font-size:10px; line-height:14px; } .deposit01 { width:324px; height:123px; background-size:324px auto; } .deposit01 p { width:172px; height:53px; line-height:53px; top:23px; left:88px; } .deposit01 span { font-size:20px; } } /* @media screen and (max-width:640px) 끝 * /* @media screen and (max-width:540px) */ @media screen and (max-width:540px){ .login_input input { width:80%; } .join_table th { padding-left:28px; } .join_table th.check { background-position:10px center; } .m_order_table01.wish .img { width:42%; } .m_order_table01.wish .info { width:58%; } .point03_info { background-size:15.7407% auto; } } /* @media screen and (max-width:380px) */ @media screen and (max-width:380px){ .datepicker { width:46%; } .order_table input.num_input { width:72.854%; } .login_input input { width:76%; } .m_order_table01.wish .img { width:48%; } .m_order_table01.wish .info { width:52%; } .info_table th { clear:both; width:100px; } .info_table td { width:auto; } .basket_img, .basket_list > li > .price { width:92px; } .basket_img img { width:80px; } .basket_list > li > h1 { width:63%; } .faq_search h1 { width:45px; } .content_search h1 { width:100%; display:block !important; padding: 0 0 10px 0; } .summery_main { width:60%; } .summery_img img { width:100%; } } @media screen and (max-width:480px){ .content_search h1 { width:100%; display:block !important; padding: 0 0 10px 0; } } /* @media screen and (max-width:320px) */ @media screen and (max-width:320px){ .reserve01 { width:288px; height:109px; margin:0 auto; background-size:288px auto; } .reserve01 p { width:154px; height:48px; top:20px; left:76px; line-height:48px; } .deposit01 { width:288px; height:110px; background-size:288px auto; } .deposit01 p { width:153px; height:47px; top:20px; left:77px; margin:0 auto; } } /* 메인 교구신상품 롤링 hover 장바구니 관련. 20181121 최형진 */ /* .slick-slide:not(.no-data):hover { border:1px solid #3494e1; } .slick-slide:not(.no-data):hover:before { position:absolute; top:-1px; left:-1px; display:block; content:''; width:55px; height:71px; } .slick-slide.none:not(.no-data):hover { border-color:#fff!important; } .slick-slide:not(.no-data):hover:before { background:url(../images/main/icon_best01.png) center center no-repeat; } .slick-slide:not(.no-data):hover .product_btn { display:block; } .slick-slide:not(.no-data):hover { border-bottom:1px solid #3494e1; } .slick-slide > * > li:not(.no-data):hover .product_btn { display:block; } */ #productList5 a { outline:0; } #productList5 .slick-slide:not(.no-data) { position:relative; padding:0 14px 21px; border:1px solid #fff; } #productList5 .slick-slide:not(.no-data):hover { border:1px solid #3494e1; } #productList5 .slick-slide:not(.no-data):hover .product_btn { display:block; } #productList5 .slick-arrow { width:40px; height:40px; top:50%; margin-top:-20px; } /* 기존 영카트 레이어팝업 20181203 최형진 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;max-width:1200px;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;} .hd_pops img{max-width:100%} .hd_pops_con {} .hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {padding: 10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject{background:#000;text-align:left} .hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0} /* 제품사진슬라이드 */ .sum_main .slider.slider-single img{ width:85%; margin:0 auto; } .sum_main .slider.slider-nav > div{ cursor:pointer; }