class="on"@charset "utf-8"; /*@import url('/m/css/common.css.asp');*/ /*통합으로 적용되는 CSS*/ .clfix {display:block;zoom:1;} .clfix:after {content:""; display:block; height:0px; clear:both; visibility:hidden; zoom:1;} .anchorCover {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index:1;} @keyframes bigsmall{ 0% { -webkit-transform:ba(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } 100% { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); } } /*모바일 서브페이지 이동 시 로딩중 뒷배경 보이는 현상 대응 css*/ @media(max-width:568px){ .mainbgbg{display:none;} .mainbg{display:none;} .mainbg_osaka{display:none;} .top_fix_head{left:0 !important;} .head_top{left:0 !important;} } /*정렬*/ .dsp-t{display:table;} .dsp-tc{display:table-cell;height:100%;vertical-align:middle;} .forFloatLayout{vertical-align:middle;display:inline-block;line-height:0;} /* 쿠폰등록 */ .btn_coupon_box {margin:0 -15px; background:#fff; overflow:hidden;} .btn_coupon_reg {display:block; margin:15px; border:1px solid #ffbd0c; border-radius:5px; background:#fff; color:#ffbd0c; font-size:14px; line-height:30px; text-align:center;} .couponLayerBox {display:none;} .couponLayer {position:fixed; top:50%; left:0; width:100%; height:9999px; margin-top:-120px; padding:0 15px; box-sizing:border-box; z-index:99999;} .couponLayer .inhead {position:relative; background:#ffe20c;} .couponLayer .inhead h1 {padding:15px; color:#000; font-size:14px; line-height:20px; text-align:left;} .couponLayer .inhead span.close {display:block; position:absolute; top:50%; right:15px; width:20px; height:20px; margin-top:-10px; color:#000; font-size:20px; line-height:20px; text-align:center; cursor:pointer;} .couponLayer .incont {padding:15px; background:#fff;} .couponLayer .incont p {font-size:13px; line-height:16px;} .couponLayer .incont input.text {height:30px; padding:0 10px; margin:10px 0 0 0; border:1px solid #000; box-sizing:border-box; font-size:12px; line-height:26px;} .couponLayerBox .mask {position:fixed; top:0; left:0; width:100%; height:9999px; background:#000; opacity:0.8; z-index:99998;} /*리스트아이콘*/ .isiconBoxTop {position:absolute; left:0; right:0; z-index:10; text-align:left;} /*리스트아이콘 끝*/ #mobile_wrap {overflow:hidden;background:#f0f0f0;/* min-height:calc(100vh - 48px); 마이페이지 상단 여백 생겨서 주석*/} #wrapper {width:100%; max-width:568px; margin:0 auto;} #container {background:#f0f0f0;} #m_wrap { margin: auto; max-width: 568px; overflow: hidden; width: 100%; } .na_bg {overflow:hidden; background:#f0f0f0; margin:0 -15px; padding:0 15px 0;} /*회색배경*/ .wi_bg {clear:both; overflow:hidden; background:#fff; margin:0 -15px; padding:0 15px;} /*흰배경*/ .wi_bg2 {overflow:hidden; margin:0 -15px; background:#fff;} /*흰배경 100% width*/ .totar_width {position:relative; overflow:hidden; width:100%; height:100vh;padding:0 15px; box-sizing:border-box;overflow: auto;} .totar_width.totar_hei {padding-bottom:10px;} .totar_width h1.h1_1 {font-size:16px; color:#221e1f; text-align:left; margin:0 -15px; padding:15px; background:#fff;} .totar_width h1.h1_1 img{margin:-6px 10px 0 0; width:20px;} .find_section {background:#fff;} .find_section .totar_width .member_input {font-size:0; line-height:0;} .find_tab {margin:10px -15px 0;} .find_tab ul {height:39px; border-bottom:1px solid #92979b;} .find_tab ul li {float:left; width:50%;} .find_tab ul li a {display:block; height:40px; border:1px solid #92979b; background:#92979b; color:#fff; font-size:14px; line-height:40px; text-align:center; box-sizing:border-box;} .find_tab ul li.on a {border-bottom:1px solid #fff; background:#fff; color:#2e2e2e;} .totar_width h1.h1_2 {width:100%; background:#ffe20c; font-size:18px; color:#3a1c1c; text-align:left; padding:15px 15px; margin:0 -15px; } .totar_width h1.h1_2 img{margin:-3px 10px 0 0; width:15px;} .totar_width .btn_cart {position:absolute; right:6px; top:3px;} .totar_width .btn_cart img {height:49px;} .totar_width .btn_cart .cartCnt {display:block; position:absolute; top:4px; right:4px; width:18px; height:18px; border-radius:50%; background:#ff8a0c; color:#fff; font-size:11px; line-height:18px; text-align:center;} .vaWrap-t{display:table;width:100%;height:100%;} .vaWrap-tc{display:table-cell;vertical-align:middle;} /*인풋부분*/ .member_input {width:100%; overflow:hidden;} .member_input.fontsize0 {font-size:0px;} .member_input input.text {border-radius:0px; width:100%;line-height:20px; height:40px; box-sizing:border-box; padding-left:10px; border:1px solid #c4c4c4; margin-top:12px; font-size:13px; color:#939393; text-align:left;} .member_input input.text.set_dr { background:url("/data/rental/ico_dr.gif") no-repeat scroll right center #fff; box-sizing: border-box; cursor: pointer; font-size:13px; height: 40px; line-height: 40px; padding: 0 40px 0 10px; position: relative; text-align: left; vertical-align: middle; } .member_input input.text.topno {margin-top:0px;} .member_input.id_box {padding:10px; background:#fff; font-size:15px;} .member_input.member_name {padding:10px 0; margin-top:12px;} .member_input.member_name p {font-size:15px; line-height:20px;} .newPassBox {display:none;} .member_input span.hipen {display:inline-block; font-size:12px; color:#ccc; line-height: 40px; height:40px; text-align:center; vertical-align:bottom;} /*날짜선택*/ .ui-datepicker {width:227px; background:#fff;} .ui-datepicker .ui-datepicker-header {position:relative; height:45px; background:#ffe20c; text-align:center;} .ui-datepicker .ui-datepicker-header .ui-datepicker-title {padding-top:10px;} .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {height:25px; margin:0 5px; border:1px solid #c4c4c4;} .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {display:block; position:absolute; left:5px; top:10px; width:25px; height:25px; background:url('/data/rental/btn_dr_prev.gif') no-repeat 0 0; text-indent:-999px; overflow:hidden; box-sizing:border-box; cursor:pointer;} .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {display:block; position:absolute; right:5px; top:10px; width:25px; height:25px; background:url('/data/rental/btn_dr_next.gif') no-repeat 0 0; text-indent:-999px; overflow:hidden; box-sizing:border-box; cursor:pointer;} .ui-datepicker .ui-datepicker-calendar {width:100%; border-left:1px solid #dfdfdf; box-sizing:border-box;} .ui-datepicker .ui-datepicker-calendar th {width:32px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#92979b; color:#fff; font-size:12px; line-height:32px; font-weight:normal; text-align:center;} .ui-datepicker .ui-datepicker-calendar th span {display:block;} .ui-datepicker .ui-datepicker-calendar td {height:32px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#363636; font-size:12px; text-align:center; cursor:pointer;} .ui-datepicker .ui-datepicker-calendar td a {color:#363636;} .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end a {color:#c6c6c6;} .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {display:inline-block; width:24px; height:24px; border:1px solid #ffe20c; border-radius:12px; font-size:12px; line-height:24px; text-align:center; color:#ffe20c !important; font-weight:bold;} /*셀렉트 부분*/ select.select1 { border-radius:0px; width:100%;line-height:20px; height:40px; box-sizing:border-box; padding-left:10px; border:1px solid #5f5f5f; margin-top:12px; font-size:13px; color:#939393; text-align:left; appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url('/m/images/bottom_icon12.png') no-repeat right 5px center #fff; background-size:25px;} select.select1.topno {margin-top:0px;} .of_box {margin-top:10px; overflow:hidden;} .of_box .check_text3 {float:left;} .check_text {display:inline-block; position:relative; overflow:hidden; font-size:12px; color:#5f5f5f; padding-left:25px; line-height:23px; } .check_text .iconfont {position:absolute; top:0; left:0; width:20px; height:20px; color:#999; font-size:20px; line-height:22px; font-weight:bold; text-align:center;} .check_text2 {display:inline-block; position:relative; overflow:hidden; font-size:13px; color:#5f5f5f; padding-left:25px; line-height:23px; letter-spacing:-1px;} .check_text2 .iconfont {position:absolute; top:0; left:0; width:22px; height:22px; color:#999; font-size:20px; line-height:24px; font-weight:bold; text-align:center;} .check_text2 em {color:#000;} .check_text3 {display:inline-block; overflow:hidden; font-size:15px; color:#5f5f5f; line-height:40px; } .check_text3.on {} .check_text4 {display:block; position:relative; height:40px; overflow:hidden; font-size:15px; background:#fff; color:#5f5f5f; margin:0 -15px; padding:0 15px 0 45px; line-height:40px; } .check_text4 .iconfont {position:absolute; top:0; left:15px; width:24px; height:24px; color:#999; font-size:24px; line-height:39px; font-weight:bold; text-align:center;} .check_text5 {display:inline-block; overflow:hidden; background:url('/m/images/check_text_onicon.png') no-repeat left 15px center #fff; background-size:20px; font-size:15px; color:#5f5f5f; margin:0 -15px; padding:0 15px 0 45px; line-height:40px; } /*버튼 부분*/ .btn_style1 {background:#ffd11a; box-sizing:border-box; display:inline-block; border:none; width:100%; height:40px; line-height:40px; font-size:15px; color:#fff; font-weight:bold; text-align:center; vertical-align:middle;} .btn_style2 {background:#92979b; box-sizing:border-box; display:inline-block; width:100%; line-height:40px; font-size:15px; color:#fff; font-weight:bold; text-align:center;vertical-align:middle; } .btn_style3 {background:#ffe20c; box-sizing:border-box; display:inline-block; width:100%; line-height:40px; font-size:15px; color:#fff; font-weight:bold; text-align:center; vertical-align:middle;} .btn_style4 {background:#ffe20c; box-sizing:border-box; display:inline-block; width:100%; line-height:40px; font-size:15px; color:#fff; font-weight:bold; text-align:center; vertical-align:middle;} .btn_style5 {background:#434343; box-sizing:border-box; display:inline-block; width:100%; line-height:27px; font-size:12px; color:#fff; font-weight:bold; text-align:center; vertical-align:middle;} .btn_style1 img{width:21px; vertical-align:middle; margin-top:-2px;} .btn_style2 img{width:21px; vertical-align:middle; margin-top:-2px;} .btn_style3 img{width:21px; vertical-align:middle; margin-top:-2px;} .btns-box {overflow:hidden; padding-top:12px; font-size:0px;} span.ss_text {display:inline-block; font-size:10px; color:#231815; padding:1px 0 6px 10px;} span.box{display:inline-block; box-sizing:border-box;} div.totar_width_tet {height:150px; overflow:hidden; width:100%; overflow-y:auto; padding:5px 15px; background:#fff; border:1px solid #5f5f5f; font-size:10px; color:#5f5f5f; margin-top:10px; box-sizing:border-box;} div.totar_width_tet2 {overflow:hidden; padding:15px; background:#fff; border:1px solid #5f5f5f; font-size:11px; margin-top:15px; color:#000;} .sub_menu {position:relative; height:0; margin:0 -15px 0; padding:0 20px; background:#ffffff; text-align:left; overflow:hidden;} .sub_menu .swiper-container {width:100%;} .sub_menu ul li {float:left; width:auto; margin-right:20px;} .sub_menu ul li a{display:inline-block; height:45px; padding:0 2px; color:#000; font-size:13px; line-height:45px; text-align:center; box-sizing:border-box;} .sub_menu ul li.on a{border-bottom:2px solid #3a1c1c; color:#3a1c1c;} .sub_menu .swiper-button-prev {width:20px; left:0; background:url('/m/images/gnb_left.png') no-repeat center center; background-size:10px 15px; color:#e1e1e1; font-weight:bold; text-align:center; z-index:11;} .sub_menu .swiper-button-next {width:20px; right:0; background:url('/m/images/gnb_right.png') no-repeat center center; background-size:10px 15px; color:#e1e1e1; font-weight:bold; text-align:center; z-index:11;} .sub2_menu {position:relative; height:0; padding:0 20px; margin:0 -15px; background:#f0f0f0; text-align:left; overflow:hidden;border-bottom:solid 1px #e1e1e1;} .sub2_menu .swiper-container {width:100%;} .sub2_menu ul li {float:left; width:auto; margin-right:24px; box-sizing:border-box;} .sub2_menu ul li a{display:block; height:45px; color:#000; font-size:13px; line-height:45px; box-sizing:border-box;} .sub2_menu ul li.on a {font-weight:bold;} .sub2_menu .swiper-button-prev {width:20px; left:0; background:url('/m/images/gnb_left.png') no-repeat center center; background-size:10px 15px; color:#e1e1e1; font-weight:bold; text-align:center; z-index:11;} .sub2_menu .swiper-button-next {width:20px; right:0; background:url('/m/images/gnb_right.png') no-repeat center center; background-size:10px 15px; color:#e1e1e1; font-weight:bold; text-align:center; z-index:11;} .txt-s13p{font-size:13px !important;} .txt-black{color:black !important;} .txt-c333{color:#333 !important;} /*공통 부분 끝*/ /*로그인부분*/ .member_input input.text.uicion1 {background:url('/m/images/m-login_icon1.png') no-repeat 10px center #fff; padding-left:35px; background-size:15px;} .member_input input.text.uicion2 {background:url('/m/images/m-login_icon2.png') no-repeat 10px center #fff; padding-left:35px; background-size:15px;} .login_smenu {overflow:hidden; margin:20px 0 25px 0;} .login_smenu ul{overflow:hidden;width:100%;} .login_smenu ul li {float:left; text-align:center; width:33.3%; background:url('/m/images/login_li_bg.png') no-repeat left center;} .login_smenu ul li a {width:100%; font-size:15px; color:#000000; display:inline-block;} .login_smenu ul li:first-child {background:none;} .login_gray_box {padding:20px; overflow:hidden; box-sizing:border-box; background:#f0f0ea; margin:0 -15px; font-size:0;} .login_gray_box h2{font-size:13px; color:#5f5f5f; padding:5px 0 15px 0;} .login_gray_box a {width:32%;} .btn_naver {display:inline-block; height:36px; padding-left:35px; background:url('../../css/images/ic-naver-02.png') no-repeat 11px 10px #57b04b; background-size:18px 16px; color:#fff; font-size:14px; line-height:36px; font-weight:bold; box-sizing:border-box;} .btn_facebook {display:inline-block; height:36px; padding-left:35px; background:url('../../css/images/ic-facebook-02.png') no-repeat 15px 8px #3b5998; background-size:10px 21px; color:#fff; font-size:14px; line-height:36px; font-weight:bold; box-sizing:border-box;} .btn_kakao {display:inline-block; height:36px; padding-left:35px; background:url('../../css/images/ic-kakao-02.png') no-repeat 11px 10px #ffe812; background-size:18px 17px; color:#fff; font-size:14px; line-height:36px; font-weight:bold; box-sizing:border-box;} /*네이버 아이디 간편 회원가입*/ .m_receive {padding-top:15px; overflow:hidden;} .m_receive .e-mail {float:left; overflow:hidden; font-size:15px; color:#5f5f5f;} .m_receive .check_text.check_text_right {float:right;} /*박람회 회원가입*/ div.totar_width_tet2 span {font-weight:bold;} div.totar_width_tet2 strong {font-size:15px; color:#000;} .joinok_box {padding:50px 0 20px; text-align:center;} .joinok_box p {margin:30px 0;} /*비밀번호 등록*/ .pw_btns {overflow:hidden; margin-top:15px;} /*약관동의부분*/ h2.alvins_ok_h2 {font-size:12px; color:#000000; text-align:left; padding-top:25px;} h2.alvins_ok_h2.alvins_o_h2{padding-top:10px;} .check_text2 span{text-decoration:underline; padding-left:8px;} .check_text2 span a {color:#5f5f5f; font-size:11px;} /*회원정보입력*/ .user_p_text {overflow:hidden; margin:12px -15px 0; background:#fff; padding:25px 15px; text-align:left; color:#000; font-size:10px;} .user_p_text strong {font-size:14px;} .user_p_text em {font-size:12px;} /*서브메인 시작*/ /*적립금*/ .ico_point {display:inline-block; width:18px; height:18px; margin-top:-2px; border-radius:100%; background:#b0c976; color:#fff; font-weight:bold; font-size:12px; line-height:18px; text-align:center; overflow:hidden; vertical-align:middle;} .point_box {overflow:hidden; background-size:100% 100%;} .point_box .left{float:left; width:50%; box-sizing:border-box; padding:10px; border-bottom:1px solid #d9d9d9; } .point_box .right{float:right; width:50%; box-sizing:border-box; padding:10px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; } .point_box h4{color:#fff; font-size:11px; text-align:left; } .point_box .img{float:left; width:30%;} .point_box .img img{width:20px; height:20px;} .point_box .text {float:right; width:70%; text-align:right; color:#fff;} .point_box .text em {color:#fff; font-size:15px;} /*배송어떻게되는지 보여주는 부분*/ .deliver_ing {overflow:hidden; border-bottom:1px solid #d9d9d9; clear:both;} .deliver_ing ul{overflow:hidden; clear:both;} .deliver_ing ul li{width:25%;padding:15px 0; text-align:center; float:left; box-sizing:border-box; border-left:1px solid #f0f0f0; position:relative;} .deliver_ing div.img {position:absolute; top:48%; left:-11px;} .deliver_ing div.img img{width:20px; height:20px;} .deliver_ing ul li:first-child {border:none;} .deliver_ing ul li span{font-size:13px; color:#000; display:block;} .deliver_ing ul li span.text {height:35px; vertical-align:middle; box-sizing:border-box;} .deliver_ing ul li span img{padding-top:5px; width:20px;height:17px;} .deliver_ing ul li strong{font-size:25px; color:#ffc90c; display:block; padding-top:10px;} /*h3-1 부분*/ h3.h3-1 {overflow:hidden; line-height:60px; color:#000; text-align:left; font-size:14px; } h3.h3-1 img{width:30px; vertical-align:middle; margin-top:-2px;} h3.h3-1.h3-1-wirte span.img {position:absolute; top:50%; left:15px; margin-top:-15px;} h3.h3-1.h3-1-wirte span.text {line-height:11px; font-size:10px; color:#6c6c6c;} h3.h3-1.h3-1-wirte span.tet_box {display:inline-block; padding-left:35px;} h3.h3-1.h3-1-wirte {position:relative; padding:10px 15px 10px; ; margin:0 -15px; background:#fff; background-size:30px; line-height:13px; box-sizing:border-box; vertical-align:middle;} /*최근 주문내역 부분*/ .order_totalBox {padding: 10px 15px; margin: 0 -15px; background:#f0f0f0;} .product_box_01 {text-align:center; border-radius:5px;background:#fff; overflow:hidden;margin:0 -15px;padding:10px 0; /*-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.29); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.29); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.29);*/ } .product_box_01 p {position:relative; text-align:left; font-size:14px; color:#000; font-weight:bold; padding:10px 15px 0px; background:#f9f7f8; border-top:1px solid #ccc;} .product_box_01 p:first-child {border-top:0;} .product_box_01 p .btn_detail_view {position:absolute; top:50%; right:15px; margin-top:-13px;} .product_box_01 p span {color:#ff9239;} .product_box_01 .img_text_box {overflow:hidden; box-sizing:border-box; padding:0 15px;} .product_box_01 div.img{padding:10px 0; float:left; width:35%; text-align:left; margin-top:10px;} .product_box_01 div.img img {width:100%;} .product_box_01 div.text{padding:10px 0; float:right; width:60%; text-align:left; margin-top:10px; color:#000; font-size:11px;} .product_box_01 div.text a{color:#000;} .product_box_01 div.text strong{font-size:15px;} .product_box_01 div.text span {padding-top:5px; display:inline-block;} .product_box_01 .price-boxwrap {clear:both; padding:15px 15px 10px; } .product_box_01 table.price-box {width:100%;} .product_box_01 table.price-box th {font-size:12px; color:#000; line-height:30px;} .product_box_01 table.price-box td {font-size:10px; color:#000;} .product_box_01 table.price-box td img {width:15px; vertical-align:middle; margin-top:-2px;} .product_box_01 table.price-box td span.price {font-size:17px; font-weight:bold; color:#ffa200;} .product_box_01 table.price-box td span.point {font-size:12px;} .product_box_BTN {display:inline-block; width:auto; margin-top:5px; padding:0 10px; line-height:25px; font-size:12px; background:#fff; color:#000; border-radius:4px; border:1px solid #eee; box-sizing:border-box; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.29); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.29); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.29); } .product_box_01 .orderNo {text-align:left; box-sizing:border-box; padding:0 15px; font-size:13px;} .product_box_01 .delBox {box-sizing:border-box; color:#000; font-size:12px; font-weight:normal;} .product_box_01 .delBox span {color:#000;} /* 플러스마이너하는 부분*/ div.mtp {overflow:hidden; margin-top:5px; font-size:0px;} span.minu img {box-sizing:border-box; border:1px solid #c4c4c4; border-right:none; cursor:pointer ; vertical-align:top; width:30px; height:30px; padding:0; margin:0px; display:inline-block; text-align:center; } input.number {box-sizing:border-box; border-radius:0px; border:1px solid #c4c4c4; direction:none; text-align:center; vertical-align:top; font-size:12px; color:#424242; width:50px; height:30px; margin:0; padding:0; line-height:30px; vertical-align:middle; appearance: none; -webkit-appearance: none; -moz-appearance: none;} span.plus img{box-sizing:border-box; border:1px solid #c4c4c4; border-left:none; cursor:pointer ; vertical-align:top; width:30px; height:30px; padding:0; margin:0px; display:inline-block; text-align:center; } /*장바구니 상세 보기 */ .view{border-bottom:1px solid #e8e8e8; overflow:hidden; background:#fff; padding:15px; margin:8px -15px 0;} .view .img {float:left; width:121px; padding-bottom:10px;} .view .img img{width:121px; height:99px;} .view .text { font-size:11px; color:#4b4b4b; text-align:left; padding-left:131px; padding-bottom:10px;} .view .text a{font-size:11px; color:#4b4b4b;} .view .text strong {font-size:15px; color:#000000;} .view dl {clear:both; overflow:hidden;} .view dl:first-child {padding-top:10px;} .view dl dt{float:left; width:50%; text-align:left; padding:5px 0; font-size:12px; color:#000; line-height:17px;} .view dl dd{float:right; width:50%; text-align:right; padding:5px 0; font-size:15px; color:#000; line-height:17px;} .view dl dd span {font-size:11px;} .view dl dd em {font-size:15px; color:#ffa200;} .view .view_btn {width:30%; float:right;} .view .check_view_btn {clear:both; overflow:hidden; padding-top:10px;} /*결제예정금액*/ div.sum_box{overflow:hidden; margin:10px -15px 0; background:#fff; border-bottom:1px solid #e8e8e8; font-family:'Malgun Gothic';} .sum_box .sum_box_in {box-sizing:border-box; padding:15px; overflow:hidden;} .sum_box dl.sum_price_box {overflow:hidden; margin:10px 0;} .sum_box dl.sum_price_box dt{position:relative; float:left; width:60%; text-align:left; font-size:14px; color:#222;} .sum_box dl.sum_price_box dt span.cblue {display: inline-block; color: #222; text-decoration: underline;} .sum_box dl.sum_price_box dt span.arithmetic_operation {position:absolute; right:0px; top:50%; margin-top:-8px; border-radius:100%; width:19px; height:19px; color:#fff; font-size:24px; text-align:center; line-height:12px; } .sum_box dl.sum_price_box dd {float:right; text-align:right; font-size:18px; font-weight:bold; color:#222; line-height:20px;} .sum_box dl.sum_price_box dd.sum_total_price {font-size:25px;} .sum_box dl.sum_price_box dd span.won {font-size:12px; color:#999;} .sum_box .sum_price_list {box-sizing:border-box; border:1px solid; padding:15px; margin-bottom:15px; position:relative;} .sum_box .sum_price_list span.ic_box {display:block; width:0; height:0; border-width:0 10px 10px; border-style:solid; border-top-color:transparent !important; border-right-color:transparent !important; border-left-color:transparent !important; position:absolute; top:-10px; left:20px;} .sum_box .sum_price_list span.ic_box span.in_ic_box {display:block; width:0; height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #fff; position:absolute; top:1px; left:0; margin-left:-10px;} .sum_box .sum_price_list.classtoggle {display:block;} .sum_box .sum_price_list.classtoggle.on {display:none;} .sum_box .sum_price_list dl {overflow:hidden;width:100%;} .sum_box .sum_price_list dl dt {float:left; text-align:left; font-size: 12px; color: #999;} .sum_box .sum_price_list dl dd {float:left; text-align:left; padding-left:15px; font-size:15px; color:#666; font-weight:bold;} .sum_box .sum_price_list dl dd span.won {font-size:12px; font-weight:normal; color:#666;} table.sum{width:100%; text-align:center;} table.sum th{background:#434343; padding:8px 0; font-size:13px; color:#fff;} table.sum td {position:relative; padding:13px 0; border-right:1px solid #f0f0f0; border-bottom:1px solid #e8e8e8; font-size:11px; color:#000000; } table.sum td.total {border-right:none;} table.sum td:first-child{border-left:none;} table.sum td img{width:19px; position:absolute; top:26%; right:-10px;} table.sum td em {font-size:15px;} table.sum td strong {font-size:17px; color:#ffa200;} div.sum_box.pop {margin-top:0px;} table.sum_in {padding-left:15px; text-align:left; color:#000;} table.sum_in th{font-size:13px; padding:15px 0;} table.sum_in td{font-size:12px; padding:15px 0 15px 15px; } table.sum_in .pp {padding-top:0px;} table.sum_in td img{width:16px; margin:-2px 0 0 5px;} div.sum_in {padding:0 15px;} div.sum_in dl {overflow:hidden;} div.sum_in dl dt {padding:15px 0; font-size:12px; color:#000; font-weight:bold; text-align:left; } div.sum_in dl dd {padding:0 0 15px 0; font-size:10px; color:#000; text-align:right; } div.sum_in dl dd strong {font-size:25px; color:#ffa200; font-weight:bold;} /*배송지 입력 부분*/ .choice_btn{overflow:hidden; margin:0 -15px; padding:0 15px;} .choice_btn li {float:left;width:50%; text-align:center; line-height:60px;} .choice_btn li a{width:100%; display:inline-block; font-size:14px; color:#000;} .choice_btn li a span {font-size:11px;} .choice_btn li a.on{color:#ffbd0c; border-bottom:2px solid #ffbd0c;} .choice_box {display:none;} .choice_box.on {display:block;} .choice_box1{margin:0 -15px; padding:30px 15px 40px; background:#fff; border-bottom:1px solid #e8e8e8;} .choice_box1 p {font-size:13px; color:#000; line-height:25px;} .choice_box1 p span {font-size:16px;} .choice_box2 {margin:0 -15px; padding:10px 15px; background:#fff; border-bottom:1px solid #e8e8e8;} .choice_box2_line {display:inline-block; height:1px; width:100%; margin:0 -15px; background:#e8e8e8; padding:0 15px;} .member_input.mailnum {padding-left:115px; box-sizing:border-box; position:relative;} .member_input.mailnum a {position:absolute; top:0; left:0;} /*할인및 쿠폰,포인트,캐시 보유*/ .coupon_box {overflow:hidden; color:#000; text-align:left; padding:10px 0;} .coupon_box div.left {float:left; font-size:12px; line-height:40px;} .coupon_box div.right {float:right; line-height:40px;font-size:11px;} .coupon_box div.right em{font-size:12px;} .poca_box {overflow:hidden; color:#000; padding:10px 0;} .poca_box dl {margin-bottom:-5px; overflow:hidden;} .poca_box dl dt{float:left; width:50%; text-align:left; font-size:11px; color:#000;} .poca_box dl dd{float:right; width:50%; text-align:right; font-size:15px; color:#000;} .poca_box dl dd img{width:18px; margin-top:-3px;} .poca_box .member_input {position:relative; box-sizing:border-box; padding-right:100px;} .poca_box .member_input a {position:absolute; top:12px; right:0;} /*결제방법*/ .pay_ul {overflow:hidden; background:#fff; margin:0 -15px; text-align:center; } .pay_ul ul{overflow:hidden;border-bottom:1px solid #d9d9d9;} .pay_ul ul li {float:left; width:50%; text-align:left; box-sizing:border-box;} .pay_ul ul li:first-child {border-left:none;} .pay_ul ul li a {display:block; padding:10px 0;} .pay_ul ul li label {display:block; box-sizing:border-box; padding:10px;} .pay_ul ul li label input {display:none;} .pay_ul ul li span {display:inline-block; vertical-align:middle; padding-top:8px; height:18px; font-size:11px; color:#000;} .pay_ul ul li span img{width:33px;} .pay_ul ul li.on span.on{display:inline-block;} .pay_ul ul li.on span.off{display:none;} .pay_ul ul li span.on{display:none;} .pay_ul ul li span.off{display:inline-block;} /*현금 영수증*/ .receipt {overflow:hidden; padding:15px 0;} .receipt p{float:left; line-height:40px; text-align:left; font-size:11px; color:#000;} .receipt_btn {overflow:hidden; padding:15px 0; text-align:center;} .receipt_btn a img {width:17px;} /*나는 추천한 회원 구매 총액*/ .h3-1_select .h3-1 {width:40%; float:left;} .h3-1_select .member_input {width:60%; float:right;} .my_member_total {overflow:hidden;} .my_member_total dl {overflow:hidden;} .my_member_total dl dt{float:left; width:60%;overflow:hidden; color:#000; font-size:13px; text-align:left; line-height:60px; font-weight:bold;} .my_member_total dl dd {width:40%;overflow:hidden; color:#000; font-size:11px; text-align:right; line-height:60px;} .my_member_total dl dd span {font-size:18px; color:#ffa200; font-weight:bold;} .my_member_h {overflow:hidden; margin:0 -15px; padding:0 15px; background:#f9f8f8;} .my_member_h dl {overflow:hidden;} .my_member_h dl dt{float:left; width:60%;overflow:hidden; color:#000; font-size:12px; text-align:left; line-height:40px; font-weight:bold;} .my_member_h dl dd {width:40%;overflow:hidden; color:#9c9c9c; font-size:10px; text-align:right; line-height:40px;} .my_member_c {overflow:hidden; margin:0 -15px; padding:15px 15px; background:#fff;} .my_member_c dl {overflow:hidden;} .my_member_c dl dt{float:left; width:60%;overflow:hidden; color:#000; font-size:12px; text-align:left; line-height:40px;} .my_member_c dl dd {width:40%;overflow:hidden; color:#5f5f5f; font-size:14px; text-align:right; line-height:40px;} .my_member_c dl dd strong {color:#ffa200;} .my_member_c dl dd span {font-size:11px;} /*쿠폰 팝업 창*/ .popup_h1 h1 img{width:41px; height:26px; margin-top:-3px; vertical-align:middle; } .popup_h1 h1 {margin:0 -15px; padding:0 15px; background:#ffd530; font-size:15px; color:#fff; line-height:58px;} .popup_h1 h1 a img{width:23px; height:23px;} .popup_h1 h1 a {float:right;} .pop_add {overflow:hidden;} .pop_add table {width:100%; font-size:13px; color:#000; font-weight:bold;} .pop_add table td span.won {font-size:10px;} .pop_add table td {padding:15px 0; } .pop_add label.pop_label {padding:10px 0; background:url('/m/images/label_radio_baba.png')no-repeat 0 center; background-size:20px;} .pop_add label.pop_label.on {background:url('/m/images/label_radio_babaon.png')no-repeat 0 center; background-size:20px;} .pop_add label span {display:inline-block; margin-left:25px;} .pop_add label input {display:none;} /*배송지 추가/수정*/ .deli_in {overflow:hidden; background:#f5f5f3; margin:0 -15px; padding:0 15px 15px;} .btns-box.bot{padding-bottom:20px;} /* 상세 */ .btn_detail_view {display:inline-block; padding:0 5px; border:1px solid #ffbd0c; color:#ffbd0c; border-radius:3px; font-size:13px; line-height:24px; z-index:5;} .tit_timesale {background:#ffbd06; overflow:hidden;} .tit_timesale h1 {float:left; margin-left:15px; color:#fff; font-size:12px; line-height:30px;} .tit_timesale .time {float:right; margin-right:15px; padding-left:19px; background:url('/m/images/ico_time_fff.png') no-repeat 0 center; background-size:11px 11px; color:#fff; font-size:12px; line-height:30px; font-weight:bold;} .detail_img {position:relative; overflow:hidden;} .detail_img .btn_detail_view {position:absolute; top:15px; right:15px;} .detail_img .swiper-slide img {width:100%;} .detail_img .detailimg_page {display:inline-block; position:absolute; bottom:10px; left:50%; width:60px; margin:0 0 0 -30px; border-radius:12px; background:#f0f0f0; color:#000; font-size:14px; line-height:24px; text-align:center; z-index:5;} .detail_txt {padding:15px;} .detail_txt .icons {margin-top:5px;} .detail_txt .icons .btn_orage {display:inline-block; padding:0 5px; background:#ff9239; color:#fff; font-size:12px; line-height:20px;} .detail_txt h1 {padding:5px 0; color:#000; font-size:18px; line-height:20px;} .detail_txt .prc_box {padding-bottom:10px;} .detail_txt .prc_box .pct {display:inline-block; margin-right:5px; color:#ff9239; font-size:12px; line-height:14px; vertical-align:bottom;} .detail_txt .prc_box .pct em {font-size:25px; line-height:26px; font-weight:bold;} .detail_txt .prc_box .prc {display:inline-block; vertical-align:bottom;} .detail_txt .prc_box .prc .zq {display:block; margin-bottom:-2px; color:#b8b8b8; font-size:12px; line-height:14px; text-decoration:line-through;} .detail_txt .prc_box .prc .xz {display:inline-block; color:#2e2e2e; font-size:20px; line-height:24px; font-weight:bold;} .detail_txt .prc_box .prc .discountVal{font-size:14px;color:#DA2B2D;} .detail_txt .prc_box .memberPrc{font-weight:bold;} .detail_txt .prc_box .memberPrc dl{position:relative;} .detail_txt .prc_box .memberPrc dd{font-size:20px;padding-left:0;margin-left:68px;} .detail_txt .prc_box .memberPrc dd .memberPrcCon{cursor:pointer;} .detail_txt .prc_box .memberPrc .memberPrcList{display:none;width:240px;position:absolute;left:68px;top:30px;border:1px solid #ddd;background:#fff;z-index:99;font-size:12px;} .detail_txt .prc_box .memberPrc .memberPrcList p{padding:5px 10px;} .detail_txt .prc_box .memberPrc .memberPrcList p a{float:right;font-size:14px;} .detail_txt .prc_box .memberPrc .memberPrcList ul{} .detail_txt .prc_box .memberPrc .memberPrcList ul li{padding:5px 10px;border-top:1px solid #ddd;} .detail_txt .prc_box .memberPrc .memberPrcList ul li.pertinent{background:#f3f3f3;} .detail_txt .prc_box .memberPrc .memberPrcList ul li.pertinent:before{content:"> "} .detail_txt .prc_box .memberPrc .memberPrcList ul li .prc{float:right;color:#06f;} .detail_txt .prc_box .couponWrap{font-size:13px;line-height:14px;padding:8px 0;font-weight:bold;} .detail_txt .prc_box .couponWrap .couponSalePrc{color:#DA2B2D;} .detail_txt .prc_box .couponWrap .checkCouponBtn{display:inline-block;margin-left:12px;font-size:11px;color:#5d5d5d;border:1px solid #9d9d9d;line-height:19px;padding:0 8px;} .detail_txt dl {color:#000; font-weight:bold; overflow:hidden;display: flex;justify-content: space-around;} .detail_txt dl dt {float:left; width:65px; padding:8px 0; font-size:13px; line-height:14px;} .detail_txt dl dd {padding:8px 0; padding-left:65px; font-size:13px; line-height:14px;} .detail_txt dl dd img {margin-top:-3px; vertical-align:middle;} .detail_txt dl dd .stars_cnt {display:block; margin-top:-2px;} .detail_txt dl dd .stars_cnt em {margin:0 2px 0 0; color:#ffe20c; font-size:16px; font-weight:bold;} .detail_txt dl .katalk, .detail_txt dl .toktok {display:inline-block; width:49%; box-sizing:border-box; padding:3px 0;} .detail_txt dl .katalk>img, .detail_txt dl .toktok>img {width:100%;} .detail_txt dl .katalk {background:#ffe600; margin-right:1%;} .detail_txt dl .toktok {background:#01c73c;} .freeCardWrap {font-size: 13px;padding:7px 20px 2px;margin-bottom: 16px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;background: #f8f8f8;letter-spacing:-1px;border:1px solid #eee;border-radius:5px;} .freeCardWrap dl {display: flex;justify-content: flex-start;} .freeCardWrap dl dt {width: 90px;} .freeCardWrap dl dt img {width: 100%;} .freeCardWrap dl dd {width: 90px;display: flex; align-items: center; width: calc(100% - 90px); flex-wrap: wrap;padding-left:18px;} .freeCardWrap dl dd span {display: block;} .freeCardWrap .text1 {font-weight: 700;color: #222;font-size: 15px;width: 100%;} .freeCardWrap .text2 {font-weight: 400;color: #666;font-size: 14px;line-height: 1.2rem;width: 100%;} @media(max-width:360px){ .freeCardWrap dl dt {width: 80px;} .freeCardWrap .text2 {font-size: 13px;line-height: 1rem;} } @media(max-width:320px){ .freeCardWrap dl dt {width: 24%;text-align: center;} .freeCardWrap dl dt img {width: 100%;} .freeCardWrap dl dd {width: 76%;padding-left:10px;} .freeCardWrap .text1 {margin: 0;font-size: 14px;} .freeCardWrap .text2 {font-size: 11px;line-height: 1rem;margin-top: 5px;} } .detail_tab {border-top:1px solid #d9d9d9; background:#f0f0f0; overflow:hidden;} .detail_tab li {float:left; width:25%; text-align:center;} .detail_tab li a {display:inline-block; height:45px; padding:0 6px; color:#000; font-size:13px; line-height:45px; box-sizing:border-box;} .detail_tab li a.on {border-bottom:4px solid #ffbd0c; color:#ffbd0c; font-weight:bold;} .detail_tabcont_img img {width:100%;} .detail_tabcont {} .detail_tabcont.on {} .m_detail img{max-width:100%;} .related_goods {margin:0 15px; overflow:hidden;} .related_goods h1 {color:#000; font-size:15px; line-height:45px; font-weight:bold; text-align:left;} .prd_list {margin:-15px -4px 0; overflow:hidden;} .prd_list li {float:left; width:50%; padding:15px 4px; border-top:1px solid #d9d9d9; box-sizing:border-box;} .prd_list li:nth-child(1) {border-top:none;} .prd_list li:nth-child(2) {border-top:none;} .prd_list li .img img {width:100%;} .prd_list li .txt {padding-top:10px;} .prd_list li .txt .tit {display:block; color:#000; font-size:12px; line-height:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .prd_list li .txt .prc_box {margin-top:3px; height:30px;} .prd_list li .txt .prc_box .pct {display:inline-block; margin-right:5px; color:#ff9239; font-size:11px; line-height:13px; vertical-align:bottom;} .prd_list li .txt .prc_box .pct em {font-size:18px; line-height:20px;} .prd_list li .txt .prc_box .prc {display:inline-block; vertical-align:bottom;} .prd_list li .txt .prc_box .prc .zq {display:block; margin-bottom:-2px; color:#b8b8b8; font-size:11px; line-height:13px; text-decoration:line-through;} .prd_list li .txt .prc_box .prc .xz {display:block; color:#2e2e2e; font-size:16px; line-height:18px;} .total_stars {padding:22px 0 12px; text-align:center;position:relative;} .total_stars img {margin-top:-6px; vertical-align:middle;} .total_stars .stars_cnt {display:block; font-size:14px; line-height:16px; font-weight:bold;} .total_stars .stars_cnt em {margin:0 2px 0 4px; color:#ffe20c; font-size:25px; line-height:22px; font-weight:bold; vertical-align:bottom;} .total_stars p {margin-top:10px; color:#010101; font-size:12px; line-height:14px; font-weight:bold;} .total_stars p em {font-size:13px; font-weight:bold;} .couponTxtWrap{font-size:13px;padding:10px 0 5px;font-weight:bold;padding-left:15px;} .reviewWriteBtn{position:absolute;right:14px;top:40px;padding:12px 14px;border:0;font-size:12px;line-height:14px;background-color:#5e5e5e;color:#fff} .layer{position:fixed;width:100%;height:100%;left:0;top:0;z-index:99999;background:#fff;} .layerWrap{padding:0 5px;} .layerWrap .popup_h1 h1 a{position:absolute;right:15px;} .layerCon{overflow-y:auto;} .layerWrap .board_write{table-layout:fixed;border:1px solid #5f5f5f;} .layerWrap .board_write tbody tr th{text-align:center;border-right:1px solid #5f5f5f;border-top:1px solid #5f5f5f;} .layerWrap .board_write td{background:none;} .board_write td span.text{display:block; margin-top:5px; line-height:1.5;} .board_write td span.text label {padding:2px 0; display:block;} .board_write td div.box {box-sizing:border-box; border-radius:15px; background:#fff; border:1px solid #ddd; padding:15px;} .board_write td span.text label input {margin:0;} .board_write td.m_number {font-size:0;} .board_write td.m_number input[type="text"] {display:inline-block; width:30%; font-size:12px;} .board_write td.m_number span.mm {font-size:12px; line-height:30px; display:inline-block; vertical-align:middle;} .layerWrap .board_write tbody tr:first-child th{border-top:0;} .layerWrap .board_write tbody tr td{border-top:1px solid #5f5f5f;} .layerWrap .board_write tbody tr:first-child td{border-top:0;} .layerWrap .board_write tbody tr td.put_area label {display:block; border:1px solid #5f5f5f; padding:0 5px;} .layerWrap .board_write tbody tr td.put_area label input {width:100%; border:0;} .layerWrap .board_write tbody tr td .textarea_box label {display:block; border:1px solid #c4c4c4; padding:0 5px;} .layerWrap .board_write tbody tr td .textarea_box label textarea {width:100%; border:0;} .layerWrap .board_write tbody tr td.product_wrap .product .img img {max-width:100%;} .layerWrap .btn_board_center {text-align:center; padding:20px 0;} .layerWrap .board_write.pop td select {border:1px solid #c4c4c4; height: 40px;} .layerWrap .board_write .star_area img{margin:0 !important;} .layerWrap .board_write td.putBw{position:relative;} .layerWrap .board_write td .putB{border: solid 1px #ccc;background:linear-gradient(to bottom,#f6f6f6,#dedede);border-radius:2px;position:absolute;left:12px;top:10px;z-index:-1;} .layerWrap .board_write td input.text{height:26px;border:1px solid #5f5f5f;border-radius:0;box-sizing:border-box;text-indent:-9999px;} .layerWrap .okBtn{display:inline-block;padding:0 30px;background:#3dc1cd;color:#fff;font-size:13px;line-height:35px;font-weight:bold;} .layerWrap .ccBtn{display:inline-block;padding:0 30px;background:#5e5e5e;color:#fff;font-size:13px;line-height:35px;font-weight:bold;} /*-----------*/ .evaluate_list {box-sizing:border-box; padding:0 15px;} .evaluate_list .e_head {padding:0 15px; color:#e8e8e8; font-size:11px; line-height:35px; text-align:left;} .evaluate_list .e_head .stars_cnt {} .evaluate_list .e_head .txts { text-align:left;} .evaluate_list .e_head .txts .sname {font-size:12px; color:#000;} .evaluate_list .e_head .txts span {margin:0 10px; color:#9c9c9c; font-size:13px;} .evaluate_list .e_head .txts .opinionModAndDel{display:inline-block;} .evaluate_list .e_cont {padding:15px; text-align:left;} .evaluate_list .e_cont .tit {color:#010101; font-size:14px; line-height:16px; font-weight:bold;} .evaluate_list .e_cont .cont {margin-top:5px; color:#4b4b4b; font-size:12px; line-height:14px;} .top_bg_g {margin:0 -15px; padding:0 15px; height:10px; background:#f0f0f0;} .evaluate_list .img {padding:15px;} .evaluate_list .img img{width:80px; height:80px; opacity:0.5;} .evaluate_list .img a {display:inline-block; position:relative;} .evaluate_list .img span.iconfont {position:absolute; left:50%; top:50%; z-index:50; color:#333; font-size:30px; margin: -8px 0 0 -14px;} .evaluate_list ul.smallimg_box li {float:left; width:60px; height:60px; overflow:hidden; margin-left:10px; position:relative;} .evaluate_list ul.smallimg_box li img {position:absolute; left:0px; top:0px; width:100%; height:100%;} .evaluate_list ul.smallimg_box li a {display:inline-block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba( 0, 0, 0, 0.7 ); z-index:10; color:#fff; font-size:15px; text-align:center; box-sizing:border-box; padding-top:22px;} /*-----------*/ .btn_more01 {display:block; height:43px; border-top:1px solid #d9d9d9; background:#f2f1ef; color:#000; font-size:14px; line-height:43px; font-weight:bold; text-align:center;} .btn_more01 img {margin-top:-3px; vertical-align:middle;} .btn_more02 {display:block; height:43px; background:#f2f1ef; color:#000; font-size:14px; line-height:43px; font-weight:bold; text-align:center;} .btn_more02 img {margin-top:-3px; vertical-align:middle;} .plus_btn_more { display:inline-block; width:20px; height:20px; border-radius:100%; color:#fff; line-height:20px;} .tabcont_link {padding:10px 15px; border-bottom:1px solid #d9d9d9; text-align:center; overflow:hidden;} .tabcont_link .btn_ico01 {float:left; width:49%; border-radius:5px; background:#ffe20c;} .tabcont_link .btn_ico01 span {display:inline-block; height:45px; padding-left:30px; background:url('/m/images/ico_detail_btn01.png') no-repeat 0 center; background-size:24px 24px; color:#fff; font-size:14px; line-height:48px; font-weight:bold;} .tabcont_link .btn_ico02 {float:right; width:49%; border-radius:5px; background:#92979b;} .tabcont_link .btn_ico02 span {display:inline-block; height:45px; padding-left:30px; background:url('/m/images/ico_detail_btn02.png') no-repeat 0 center; background-size:24px 24px; color:#fff; font-size:14px; line-height:48px; font-weight:bold;} .prd_inquiry {padding-top:10px; background:#f0f0f0;} .prd_inquiry li {margin-top:4px; border-bottom:1px solid #d9d9d9; background:#fff;} .prd_inquiry li:first-child {margin-top:0;} .prd_inquiry li .tit {padding:15px; overflow:hidden;} .prd_inquiry li .tit .bi {float:left; width:50px; height:20px; background:#ff9239; color:#fff; font-size:11px; line-height:20px; text-align:center;} .prd_inquiry li .tit .txt {padding:0 40px 0 60px; background:url('/m/images/bg_inquiry_down.png') no-repeat right center; background-size:16px 10px;} .prd_inquiry li.on .tit .txt {background:url('/m/images/bg_inquiry_up.png') no-repeat right center; background-size:16px 10px;} .prd_inquiry li .tit .txt strong {display:inline-block; max-width:100%; padding-right:15px; position:relative; color:#010101; font-size:14px; line-height:20px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .prd_inquiry li .tit .txt strong img {position:absolute; top:4px; right:0;} .prd_inquiry li .tit .txt .txts {margin-top:5px; color:#e8e8e8; font-size:11px; line-height:16px;} .prd_inquiry li .tit .txt .txts span {margin:0 8px; color:#9c9c9c; font-size:12px;} .prd_inquiry li .tit .txt .txts span:first-child {margin-left:0;} .prd_inquiry li .cont {display:none; padding:15px; background:#f6f6f7;} .prd_inquiry li .cont .q {min-height:24px; padding:5px 0 0 34px; background-size:24px 24px; color:#4b4b4b; font-size:12px; line-height:16px; position:relative;} .prd_inquiry li .cont .q .ico_q{display: inline-block; position: absolute; top: 1px; left: 1px; width: 25px; height: 25px; border-radius: 100%; background: #888888; color: #fff; font-size: 15px; line-height: 23px; text-align: center;} .prd_inquiry li .cont .a {min-height:24px; margin-top:18px; padding:5px 0 0 34px; background-size:24px 24px; position:relative;} .prd_inquiry li .cont .a .ico_a{display: inline-block; position: absolute; top: 1px; left: 1px; width: 25px; height: 25px; border-radius: 100%; background: #888888; color: #fff; font-size: 15px; line-height: 23px; text-align: center;} .inquiry_write {display:none; background:#f2f1ef;} .inquiry_write .i_head {padding:15px; background:#fff; border-bottom:1px solid #d9d9d9;} .inquiry_write .i_head h1 {color:#000; font-size:16px; line-height:20px;} .inquiry_write .i_head p {margin-top:5px; color:#6c6c6c; font-size:12px; line-height:14px;} .inquiry_write .i_cont {padding:15px 15px 20px;} .inquiry_write .i_cont table {width:100%; font-size:14px; line-height:24px;} .inquiry_write .i_cont table th {font-weight:bold; text-align:left;} .inquiry_write .i_cont table td {padding:5px 0; text-align:left;} .inquiry_write .i_cont table td input[type="radio"] {margin-top:-3px; vertical-align:middle;} .inquiry_write .i_cont table td label {margin-right:15px;} .inquiry_write .i_cont table td input[type="text"] {width:100%; height:40px; padding:10px; border:1px solid #5f5f5f; border-radius:0; background:#fff; font-size:14px; line-height:20px; box-sizing:border-box;} .inquiry_write .i_cont table td textarea {width:100%; height:130px; padding:10px; border:1px solid #5f5f5f; border-radius:0; background:#fff; font-size:14px; line-height:20px; resize:none; box-sizing:border-box;} #pop_div{width:90%;height:50%;position:fixed;left:5%;top:25%;border:5px solid #000;box-sizing:border-box;background:#fff;z-index:1000;} #pop_div .noti{color:#FF4242;font-size:1.1rem;line-height:24px;text-align:center;font-family:'mgb';} #pop_div #pop_ul{width:100%;height:100%;display:table;} #pop_div #pop_ul #pop_ul_con{display:table-cell;vertical-align:middle;} #pop_div #pop_ul .ftic-cart{font-size:5rem;text-align:center;padding:15% 0;} #pop_div .btn_center{text-align:center;padding:0 5%;font-size:0;margin-top:2%;} #pop_div .btn_center > span{font-size:.9rem;padding:3%;display:inline-block;height:auto;line-height:normal;box-sizing:border-box;} .fixed_option_box.close { transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; } .fixed_option_box {position:fixed; bottom:0; left:0; width:100%; z-index:99997; transform:translateY(120%); -ms-transform:translateY(120%); -moz-transform:translateY(120%); -webkit-transform:translateY(120%); -o-transform:translateY(120%); transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; } .fixed_option_box .btn {display:block; position:absolute; top:-27px; left:50%; width:104px; height:26px; margin-left:-52px; border-radius:8px 8px 0 0; color:#fff; font-size:12px; line-height:26px; text-align:center;} .fixed_option_box .fixed_option {padding:14px 0; margin-top:-1px; border-top:1px solid #ffc22c; background:#f5f5f5;} .fixed_option_box .fixed_option h1 {padding:0 17px 5px; color:#000; font-size:14px; line-height:30px;} .fixed_option_box .fixed_option .totalprice {padding:0 17px;} .fixed_option_box .fo_cont {position:relative; padding:0 17px; overflow:hidden;} .fixed_option_box .fo_cont .swiper-container {width:100%; height:100%; z-index:10;} .fixed_option_box .fo_cont .swiper-container .swiper-slide {height:auto;} .fixed_option_box .totalprice {margin-top:15px; color:#000; font-size:12px; line-height:24px; text-align:right;} .fixed_option_box .totalprice em {color:#ffa200; font-size:20px; font-weight:bold;} .fixed_option_box .btns {position:relative; padding:0 70px;} .fixed_option_box .btns .bcart {position:absolute; top:0; left:0; border:1px solid #e9ae1e;} .fixed_option_box .btns .bcart .btn_detail_cart {display:inline-block; width:71px; height:49px; color:#fff; font-size:30px; line-height:49px; text-align:center;} .fixed_option_box .btns .blike {position:absolute; top:0; right:0; border:1px solid #e9ae1e;} .fixed_option_box .btns .blike .btn_detail_like {display:inline-block; width:71px; height:49px; color:#fff; font-size:30px; line-height:49px; text-align:center;} .fixed_option_box .btns .buy {display:block; height:49px; border:1px solid #e9ae1e; background:#ffc22c; color:#fff; font-size:20px; line-height:49px; font-weight:bold; text-align:center;} .fixed_option_box .btns .inbtn {display:block; height:49px; margin:0 -70px; border:1px solid #e9ae1e; background:#ffc22c; color:#fff; font-size:20px; line-height:49px; font-weight:bold; text-align:center;} .fixed_optionbtns_box {position:fixed;bottom:0; left:0; width:100%; z-index:500;} .fixed_optionbtns_box .btns {position:relative; padding:0 72px;} .fixed_optionbtns_box .btns.demo {padding:0;} .fixed_optionbtns_box .btns .bcart {position:absolute; top:0; left:0; border:1px solid #e9ae1e; background:#fff;} .fixed_optionbtns_box .btns .bcart .btn_detail_cart {display:inline-block; width:71px; height:49px; color:#fff; font-size:30px; line-height:49px; text-align:center;} .fixed_optionbtns_box .btns .blike {position:absolute; top:0; right:0; border:1px solid #e9ae1e; background:#fff;} .fixed_optionbtns_box .btns .blike .btn_detail_like {display:inline-block; width:71px; height:49px; color:#fff; font-size:30px; line-height:49px; text-align:center;} .fixed_optionbtns_box .btns .buy {display:block; height:49px; color:#fff; font-size:20px; line-height:49px; font-weight:bold; text-align:center;} select.select {border-radius:0px; width:100%;line-height:20px; height:40px; box-sizing:border-box; padding-left:10px; padding-right:50px; border:1px solid #5f5f5f; margin-bottom:5px; font-size:13px; color:#939393; text-align:left; appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url('/m/images/bottom_icon12.png') no-repeat right 5px center #fff; background-size:25px;} .prd_opt_box {padding:10px 5px 10px 10px; margin-top:5px; border:1px solid #c9c9c9; background:#fff; box-sizing:border-box;} .prd_opt_box strong {color:#000; font-size:14px; line-height:25px;} .mtp_prc {overflow:hidden;} .mtp_prc div.mtp {float:left; margin-top:0;} .mtp_prc .prc_right {float:right; color:#000; font-size:12px; line-height:30px;} .mtp_prc .prc_right .prc em {font-size:14px; font-weight:bold;} .mtp_prc .prc_right .del img {margin-left:5px; border:1px solid #c4c4c4; box-sizing:border-box;} /**********************************************************************************/ /**********************************************************************************/ /**********************************************************************************/ /**********************************************************************************/ /**********************************************************************************/ .catebanner_box img {width:100%;} .goods_item {position:relative; margin-top:10px; background:#fff; border-bottom:1px solid #d9d9d9;} .goods_item .ico {position:absolute; top:5px; left:5px;} .goods_item .ico img {width:36px;} .goods_item .img img {width:100%;} .goods_item .img .bgsize {display:block; position:relative;} .goods_item .img .bgsize .bg {position:absolute; top:0; left:0; width:76%; height:100%; margin:0 12%; z-index:10;} .goods_item .txt {position:relative; padding:10px 47px 10px 20px; border-top:1px solid #f1efe7;} .goods_item .txt .tit {margin-bottom:3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .goods_item .txt .tit a {color:#2e2e2e; font-size:14px; line-height:20px; font-weight:bold;} .goods_item .txt .tit a span {color:#2e2e2e; font-size:14px; line-height:20px; font-weight:bold;} .goods_item .txt .pct {display:inline-block; color:#ff9239; font-size:12px; line-height:18px; vertical-align:bottom;} .goods_item .txt .pct > span {margin-right:5px;} .goods_item .txt .pct em {font-size:20px; line-height:22px; font-weight:bold; vertical-align:bottom;} .goods_item .txt .prc {display:inline-block; color:#2e2e2e; font-size:16px; line-height:20px; font-weight:bold; vertical-align:bottom;} .goods_item .txt .shipping {display:block; position:absolute; top:50%; right:10px; width:37px; height:37px; margin-top:-18px; padding:6px 0; border:1px solid #ff9806; border-radius:100%; color:#ff9806; font-size:11px; line-height:12px; box-sizing:border-box; text-align:center;} /**********************************************************************************/ /**********************************************************************************/ /**********************************************************************************/ /**********************************************************************************/ /**********************************************************************************/ .fontsizezero {overflow:hidden; font-size:0px;} .fontsizezero.pp {padding:10px 0 20px;} .h3-1.h3-1-wirte span.text2 {font-size:11px;} .h3-1 span.point {display:inline-block; float:right; font-size:20px;} .h3-1 span.point img {width:25px;} div.deli_in div.member_input.flor {position:relative; padding-right:130px; box-sizing:border-box;} div.deli_in div.member_input.flor .check_text {position:absolute; top:21px; right:0;} div.deli_in.border {border-bottom:1px solid #d9d9d9;} .deli-list {margin:0 -15px; padding:0 15px; background:#fff; overflow:hidden;} .deli-list h4{margin:0 -15px; padding:10px 15px; font-size:13px; font-weight:bold; color:#000; background:#f9f7f8;} .deli-list p {padding-top:25px; font-size:12px; font-weight:bold; color:#000; } .deli-list dl {overflow:hidden;} .deli-list dl.last {padding-bottom:10px;} .deli-list dl dt {float:left; padding-top:10px; font-size:12px; color:#000; text-align:left;} .deli-list dl dd {float:right; padding-top:10px; font-size:12px; font-weight:bold; color:#000; text-align:right;} .deli-list .btns-box.deli-listbtn {margin:0 -15px; padding:0 15px; text-align:right; background:#f9f7f8; border-bottom:1px solid #d9d9d9;} .deli-list .btns-box.deli-listbtn .btns-box-botline {margin:0 -15px; padding:10px 15px;background:#f9f7f8; border-bottom:1px solid #fff;} .evaluate_list_wrap {overflow:hidden; margin:0 -15px;} .e_cont em.tit_bottom {font-size:11px; font-weight:bold; text-align:left;} /*나의 포인트 내역 부분*/ .my_point_list.list_fs {margin-top:10px;} .my_point_list {margin:4px -15px 0; padding:0 15px; border-bottom:1px solid #d9d9d9; background:#fff; overflow:hidden;} .my_point_list table {padding:15px 0; width:100%; font-size:12px; color:#000;} .my_point_list table td img {width:15px; vertical-align:middle; margin-top:-2px;} .my_point_list table th strong{font-size:13px;} .my_point_list table td span {font-size:10px; color:#9c9c9c;} /*상품문의*/ .prd_inquiry li .tit .txt p {display: inline-block; max-width: 100%; padding-right: 15px; position: relative; color: #010101; font-size: 12px; line-height: 20px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} /*할인쿠폰*/ .coupon_use.ma {margin-top:0px;} .coupon_use{position:relative; margin:5px -15px 0; padding:15px 15px; overflow:hidden; background:#fff; border-bottom:1px solid #d9d9d9;} .coupon_use .img {position:absolute; top:50%; left:15px; margin-top:-25px;} .coupon_use .img img {width:90px; height:49px;} .coupon_use {padding-left:115px;} .coupon_use strong {text-align:left; font-size:12px; color:#000;} .coupon_use span {text-align:left; font-size:10px; color:#9c9c9c;} /*회원탈퇴부분*/ .member_leave_n {margin:0 -15px; padding:10px 15px 20px; text-align:left; background:#fff; overflow:hidden;} .member_leave_n h4 {padding:10px 0; font-size:13px; color:#000;} .member_leave_n p {padding-left:5px; font-size:11px; color:#000; background:url('/m/images/commamama.png')no-repeat left 7px;} .member_leave_check {padding-bottom:15px; overflow:hidden;} .member_leave_check h2{padding:15px 0; color:#000; font-size:13px; text-align:left;} .member_leave_check .left{text-align:left; overflow:hidden; } .member_leave_check .right{text-align:left; overflow:hidden; } .member_leave_check .leave_check {padding:5px 0; border-top:1px solid #bbb;} .member_leave_check .check_text3{font-size:12px; line-height:20px; letter-spacing:-1px;} .leave_total_check {margin:0 -15px; padding:10px 15px; background:#f2f1ef; overflow:hidden;} .leave_total_check .check_text3{font-size:13px; line-height:20px; color:#000; font-weight:bold; letter-spacing:-1px;} .leave_btn {margin:0 -15px; padding:15px; font-size:0px; background:#fff; overflow:hidden;} /*이벤트 페이지*/ .sub_tab01 {overflow:hidden; margin:10px -15px 0; background:#fff; border-bottom:1px solid #d9d9d9;} .sub_tab01 ul{overflow:hidden; text-align:center;} .sub_tab01 ul li{float:left; width:50%; line-height:45px; font-size:13px; color:#000; font-weight:bold;} .sub_tab01 ul li a {width:100%; display:inline-block;} .sub_tab01 ul li a.on {background:#fee10b; color:#fff;} .event_ny {display:none; overflow:hidden; margin:0 -15px;} .event_ny.on {display:block; overflow:hidden; margin:0 -15px;} .event_ny_in {overflow:hidden; margin-top:10px; border-bottom:1px solid #d9d9d9;} .event_ny_in.notop {margin-top:0px;} .event_ny_in img {width:100%;} /*이벤트 자세히 보기 페이지*/ .event_ny_view {margin:10px -15px 0; overflow:hidden; border-bottom:1px solid #d9d9d9;} .event_ny_view img {width:100%;} .view_content {overflow:hidden; text-align:left;} .view_content h4 {font-size:14px; color:#5f5f5f;} .view_content p {font-size:12px; color:#333333; padding-top:15px;} .view_content span {padding:10px 0; display:inline-block; font-size:11px; color:#5f5f5f;} .view_content div.like {padding-top:4px; font-size:11px; color:#ff8a0c; text-align:right;} /*제품 목록*/ .cartbanner_box {overflow:hidden;} .cartbanner_box img{width:100%;} .sub_tab02 {overflow:hidden; background:#fff; border-bottom:1px solid #d9d9d9;} .sub_tab02 ul{overflow:hidden; text-align:center;} .sub_tab02 ul li{float:left; width:25%; line-height:45px; color:#000;} .sub_tab02 ul li a {width:100%; display:inline-block; font-size:12px; font-weight:normal; vertical-align:top; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sub_tab02 ul li a.on {background:#fee10b; color:#fff;} /*육아정보 faq*/ .parenting_top_ul {overflow:hidden; margin:0 -15px;border-bottom:1px solid #cdcac3;} .parenting_top_ul ul {overflow:hidden;} .parenting_top_ul ul li{float:left; width:25%; text-align:center; background:#fff;} .parenting_top_ul ul li a {display:block; padding:10px 0; width:60%; color:#000; font-size:11px; font-weight:bold; margin:0 auto;} .parenting_top_ul ul li a.on {border-bottom:2px solid #ffbd06; color:#ffbd06;} .faq_banner {overflow:hidden; margin:0 -15px;} .faq_banner img {width:100%;} .parenting_ul {overflow:hidden; margin:0 -15px;} .parenting_ul ul {overflow:hidden;} .parenting_ul ul li{float:left; width:25%; text-align:center; background:#fff;} .parenting_ul ul li a {display:block; padding:10px 0; color:#000; font-size:11px; font-weight:bold;} .parenting_ul ul li a.on {background:#fee10b; color:#ffffff;} .parenting_ul ul li span {display:block;} .parenting_ul ul li span.tet {padding-top:5px;} .parenting_ul ul li span img {width:34px;} .faq_m_menu {overflow:hidden; margin:10px -15px 0;} .faq_m_menu ul{overflow:hidden;} .faq_m_menu ul li{float:left; width:33.3%; text-align:center;} .faq_m_menu ul li a{display:block; line-height:40px; background:#cbcbc7; font-size:11px; color:#fff;} .faq_m_menu ul li a.on {background:#ffca3b;} .prd_inquiry li .tit .bi.bibi {background:none; margin-top:-3px; text-align:left; width:25px;} .prd_inquiry li .cont .a.aaa {margin-top:0px;} .prd_inquiry li .tit .txt.txt11 {padding-left:34px;} .prd_inquiry2 li .tit .bi.bibi {background:none; margin-top:-3px; text-align:left; width:25px;} .prd_inquiry2 li .cont .a.aaa {margin-top:0px;} .prd_inquiry2 li .tit .txt.txt11 {padding-left:34px;} .prd_inquiry_box_width {overflow:hidden; margin:0 -15px;} /*육아정보 Q&Alist*/ .prd_inquiry li .cont .cont_ul {overflow:hidden; margin:-15px -15px 15px;} .prd_inquiry li .cont .cont_ul ul{overflow:hidden;} .prd_inquiry li .cont .cont_ul ul li{text-align:center; float:left; margin:0px; width:33.3%; box-sizing:border-box; border:1px solid #fff; font-size:11px; color:#000; line-height:40px; background:#f0efed;} .prd_inquiry li .cont .cont_ul ul li span {color:#ff9239;} .Q_A_list_n {width:100%; height:120px; margin:12px 0 0 0; padding:10px; font-size:13px; color:#939393; border:1px solid #c4c4c4; box-sizing:border-box; resize:none; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0px;} .wi_bg textarea.Q_A_list_n.ft {color:#c4c4c4;} .parentingwrite_note {overflow:hidden; padding:20px 0;} .parentingwrite_note h4 { text-align:left; font-size:15px; color:#92979b;} .parentingwrite_note ol {padding-left:14px; text-indent:-14px; padding-top:15px; font-size:11px; color:#92979b; text-align:left;} /*육아정보 단계별 이유식 */ .parenting_top_ul2 {overflow:hidden;border-bottom:1px solid #cdcac3;} .parenting_top_ul2 ul {overflow:hidden;} .parenting_top_ul2 ul li{float:left; width:33.3%; text-align:center; background:#fff;} .parenting_top_ul2 ul li a {display:block; padding:10px 0; width:60%; color:#000; font-size:11px; font-weight:bold; margin:0 auto;} .parenting_top_ul2 ul li a.on {border-bottom:2px solid #ffbd06;; color:#ffbd06;} /*육아정보 레시피 자세히보기*/ .stag_view ol {overflow:hidden; padding-bottom:10px;} .stag_view ol li{display:table; overflow:hidden; padding-top:20px;} .stag_view {overflow:hidden; background:#fff; margin:15px -7.5px 0; box-sizing:border-box; padding:0 14px;} .stag_view h2{padding-top:20px; font-size:14px; color:#000; text-align:left;} .stag_view .img{display:table-cell; width:45%; vertical-align:middle;} .stag_view .img img{ width:100%;} .stag_view .txt {display:table-cell; max-width:320px; width:55%; padding:0 10px; line-height:14px; box-sizing:border-box; vertical-align:middle;} .stag_view .txt em {display:inline-block; font-size:11px; color:#000; font-weight:bold; text-align:left;} .stag_view .txt span {display:inline-block; padding-top:5px; font-size:11px; color:#000; text-align:left;} /*육아정보 레시피 리스트*/ .recipe_list_box {overflow:hidden; margin:0 -15px 0; padding:1% 0.5%; border-bottom:1px solid #d9d9d9;} .recipe_list_box ul{overflow:hidden;} .recipe_list_box ul li{float:left; width:49%; margin:0.5%; background:#fff; box-sizing:border-box; padding:10px;} .recipe_list_box ul li img{width:100%;} .recipe_list_box ul li strong {display:block; padding-top:20px; font-size:12px; color:#000; white-space: nowrap;text-overflow: ellipsis; overflow:hidden; text-align:left;} .recipe_list_box ul li span {font-size:10px; color:#9c9c9c; text-align:left;} .cs_onecheck_text3 .check_text3 {line-height:21px; font-size:11px; font-weight:bold;} /*cs센터 FAQ부분*/ .cscenter_FAQ_menu {overflow:hidden; margin:10px -15px 0;} .cscenter_FAQ_menu ul {overflow:hidden; text-align:center;} .cscenter_FAQ_menu ul li{overflow:hidden; float:left; width:33.3%; box-sizing:border-box; border-top:1px solid #fff; border-left:1px solid #fff; background:#cbcbc7;} .cscenter_FAQ_menu ul li.on {background:#ffca3b;} .cscenter_FAQ_menu ul li a {display:block; line-height:40px; font-size:12px; color:#fff;} .cscenter_FAQ_menu ul li.borderno {border-left:none;} .prd_inquiry li .tit .txt.cs_noti {padding:0 40px 0 0;} .prd_inquiry li .cont .a.cs_noti_a {margin-top:0px; padding:0; background:none;} /*cs 센터 메인*/ .cscenter_number {overflow:hidden; position:relative; margin:10px -15px 0; padding:15px 15px; background:url('/m/images/h3-16_icon.png')no-repeat 15px center #f7f8f3; background-size:55px; border-bottom:1px solid #d9d9d9;} .cscenter_number .btn {position:absolute; top:50%; right:15px; margin-top:-23px; width:100px;} .cscenter_number .btn a{line-height:45px;} .cscenter_number .txt { padding:0 111px 0 70px;} .cscenter_number strong{display:block; text-align:left; font-size:20px; color:#000;} .cscenter_number span {display:block; text-align:left; font-size:10px; color:#787878;} .prd_inquiry.topno {padding-top:4px;} .prd_inquiry2 {padding-top:10px; background:#f0f0f0;} .prd_inquiry2 li {margin-top:4px; border-bottom:1px solid #d9d9d9; background:#fff;} .prd_inquiry2 li:first-child {margin-top:0;} .prd_inquiry2 li .tit {padding:15px; overflow:hidden;} .prd_inquiry2 li .tit .bi {float:left; width:50px; height:20px; background:#ff9239; color:#fff; font-size:11px; line-height:20px; text-align:center;} .prd_inquiry2 li .tit .txt {padding:0 40px 0 60px; background:url('/m/images/bg_inquiry_down.png') no-repeat right center; background-size:16px 10px;} .prd_inquiry2 li.on .tit .txt {background:url('/m/images/bg_inquiry_up.png') no-repeat right center; background-size:16px 10px;} .prd_inquiry2 li .tit .txt strong {display:inline-block; max-width:100%; padding-right:15px; position:relative; color:#010101; font-size:14px; line-height:20px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .prd_inquiry2 li .tit .txt strong img {position:absolute; top:4px; right:0;} .prd_inquiry2 li .tit .txt .txts {margin-top:5px; color:#e8e8e8; font-size:11px; line-height:16px;} .prd_inquiry2 li .tit .txt .txts span {margin:0 8px; color:#9c9c9c; font-size:12px;} .prd_inquiry2 li .tit .txt .txts span:first-child {margin-left:0;} .prd_inquiry2 li .cont {display:none; padding:15px; background:#f6f6f7;} .prd_inquiry2 li .cont .q {padding:5px 0 0 34px; background:url('/m/images/qna_q.png') no-repeat 0 0; background-size:24px 24px; color:#4b4b4b; font-size:12px; line-height:16px;} .prd_inquiry2 li .cont .a {min-height:24px; margin-top:18px; padding:5px 0 0 34px; background:url('/m/images/qna_a.png') no-repeat 0 0; background-size:24px 24px;} .mgt5 {margin-top:5px !important;} .mgt40 {margin-top:40px !important;} .h1tit {margin:15px 0 0 0; font-size:16px; line-height:20px;} .stit {margin-top:20px; font-size:14px; line-height:18px;} .board_write {width:100%; margin-top:8px; /* border-top:1px solid #5f5f5f; */ color:#231815; text-align:left; font-size:12px; line-height:14px;} .board_write th {padding:6px; /* border:1px solid #5f5f5f; */ border-top:none; /* background:#f4f4f4 */; font-weight:normal;} .board_write td {padding:6px; /* border-right:1px solid #5f5f5f; border-bottom:1px solid #5f5f5f; */background:#f6f6f6;} .board_write td input.text {height:30px; border:1px solid #5f5f5f; border-radius:0; box-sizing:border-box;} .board_write td select {height:30px; border:1px solid #5f5f5f; border-radius:0; box-sizing:border-box;} .board_write td .color {color:#ff9239 !important;} .board_write td .prd_name {color:#999; font-size:11px; line-height:12px;} .new_textarea_box {margin-top:10px; padding:10px; border:1px solid #5f5f5f; text-align:left;} .new_textarea_box textarea.textarea {width:100%; height:100px; border:1px solid #5f5f5f; border-radius:0; font-size:12px; line-height:20px; box-sizing:border-box; resize:none;} .btn_right {padding:5px 0 20px; text-align:right;} /****************************** 팝업 상관 스타일 ******************************/ .layer_pop {background:#f0f0f0;} .pop_head {position:relative; padding:0 14px; background:#ffe20c; overflow:hidden;} .pop_head h1 {float:left; margin-right:30px; color:#3a1c1c; font-size:20px; line-height:50px; font-family:'mgb'; font-weight:normal;} .pop_head p {display:table-cell; height:85px; color:#3a1c1c; font-size:14px; line-height:20px; font-family:'mgb'; vertical-align:middle;} .pop_head p span {display:block; margin-top:5px; font-size:11px; line-height:14px; font-weight:normal; font-family:'mg';} .pop_head .btn_close {position:absolute; top:30px; right:30px;} .pop_cont {padding:14px; background:#f0f0f0; box-sizing:border-box;} .layer_pop input.text {height:35px; padding:0 10px; margin:0; border:1px solid #c4c4c4; border-radius:0; font-size:15px; line-height:33px; box-sizing:border-box;} .layer_pop .textarea_box {position:relative; padding-bottom:29px; border:1px solid #c4c4c4; background:#fff; box-sizing:border-box;} .layer_pop .textarea_box p {position:absolute; right:10px; bottom:0; color:#8a8a8a; font-size:12px; line-height:29px;} .layer_pop textarea.textarea {width:100%; padding:5px 10px; margin:0; border:none; font-size:15px; line-height:20px; box-sizing:border-box; overflow:hidden; overflow-y:auto; resize:none;} .layer_pop .star_area {width:100% !important; box-sizing:border-box;} .note_box {margin-top:20px; overflow:hidden;} .note_box strong {float:left; width:80px; font-size:16px; line-height:20px; font-weight:normal; font-family:'mgb'; text-align:center;} .note_box p {padding-left:80px; color:#8a8a8a; font-size:12px; line-height:15px; letter-spacing:-0.8px; text-align:left;} .board_write2 {width:100%; border-top:1px solid #d9d9d9; font-size:15px; line-height:20px; text-align:left; box-sizing:border-box; border-right:1px solid #d9d9d9;} .board_write2 th {min-width:70px;padding:10px; border-bottom:1px solid #d9d9d9; background:#f7f7f3; font-family:'mgb'; font-weight:normal; text-align:left; letter-spacing:-1px;} .board_write2 tr th:first-child {border-left:1px solid #d9d9d9;} .board_write2 td {min-height:55px; padding:10px; border-bottom:1px solid #d9d9d9; background:#fcfcfb;} .board_write2 td .product {padding:10px 0; overflow:hidden;} .board_write2 td .product .img {float:left;} .board_write2 td .product .img img {width:50px;} .board_write2 td .product .txt {padding-left:60px; font-size:14px; line-height:16px;} .board_write2 td .nt {display:inline-block; margin-left:12px; letter-spacing:-1px; vertical-align:middle;} .board_write2 td .price {font-size:20px; line-height:43px;} .board_write2 td .price em {font-size:25px;} .board_write2 td .label_group .check_label {margin-right:30px; line-height:43px;} .board_write2 td .txtbox {padding:7px 0 8px;} .board_write2 td .position_price {float:right;} .board_write2 td .bank_dt {display:inline-block; width:75px;} .ordernum_txt {margin-top:45px; font-size:16px; line-height:20px;} .ordernum_txt .color {color:#ff9239 !important;} .qna_search_box {position:relative; height:40px; margin-top:12px; padding:0 85px;} .qna_search_box select.select1 {position:absolute; top:0; left:0; width:80px; margin:0;} .qna_search_box input.text {width:100%; height:40px; border:1px solid #5f5f5f; border-radius:0; box-sizing:border-box;} .qna_search_box .search_submit {position:absolute; top:0; right:0; width:80px; height:40px; border:0 none; background:#000; color:#fff;} .total_search_txt {display:block; padding:15px 10px; font-size:14px; line-height:20px; position:relative;} .total_search_txt em {color:#ff8a0c; font-weight:bold;} .m_search2 {display:block; position:absolute; width:38px; height:38px; background-color:#000; border-radius:50%; text-align:center; box-sizing:border-box; padding-top:9px; opacity:.8; top:6px; right:5%; color:#fff;} .info_banner img {width:100%;} .info_tabs {margin:0; overflow:hidden;} .info_tabs li {float:left; width:25%;} .info_tabs li img {width:100%;} .album_list {padding:1% 0.5%; border-bottom:1px solid #d9d9d9; overflow:hidden;} .album_list li {float:left; width:49%; padding:10px; margin:0.5%; box-sizing:border-box; background:#fff;} .album_list li .img {position:relative;} .album_list li .img img {width:100%;} .album_list li .img .imgbg {position:absolute; top:0; left:0; width:100%; height:100%;} .album_list li h3 {height:20px; margin-top:20px; font-size:15px; line-height:20px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; text-align:left;} .album_list li span {display:block; margin-top:5px; color:#9c9c9c;} .album_view {} .album_view li {margin-top:10px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} .album_view li .tit_top {padding:0 15px; background:#f5f5f3; color:#9c9c9c; font-size:15px; line-height:50px; overflow:hidden;} .album_view li .tit_top .tit_left {float:left;} .album_view li .tit_top .tit_right {float:right;} .album_view li .tit_top .tit_right i {margin:0 10px; color:#e8e8e8; font-style:normal;} .album_view li .txt_cont {padding:15px; background:#fff;} .album_view li .txt_cont h3 {font-size:20px; text-align:left;} .album_view li .txt_cont p {margin-top:10px; font-size:13px; line-height:20px; text-align:left;} .album_view li .img img {width:100%;} .album_write_box {padding:15px 15px 40px; background:#f5f5f3;} .album_write_box ul li + li {margin-top:10px;} .album_write_box ul li input[type="text"] {width:100%; height:50px; padding:10px; border:1px solid #5f5f5f; box-sizing:border-box; background:#fff; color:#939393; font-size:15px; text-align:left;} .album_write_box ul li textarea {width:100%; padding:10px; box-sizing:border-box; border:1px solid #5f5f5f; background:#fff; font-size:15px; resize:none; text-align:left;} .btn_center {margin-top:20px; overflow:hidden;} .btnStyle1 {height:40px; border-radius:3px; background:#ffe20c; color:#fff; font-size:13px; line-height:40px; font-weight:bold; text-align:center;} .btnStyle1.mm {display:inline-block; padding:0 20px;transform:none !important;margin:0 2.5px;} .btnStyle1.mmm {display:inline-block; padding:0 108px;transform:none !important;margin:0 2.5px; margin-top:5px;} .btn_gray01{height:50px;border-radius:3px;background:#92979b;color:#fff;font-size:20px;line-height:50px;font-weight:bold;text-align:center;} .c-black{background:#000;} .c-darkred{background:#ce0000;} .c-green {background-color:#22954d;} .c-orange {background-color:#ff6000;} .width49 {width:49%;} .float_left {float:left;} .float_right {float:right;} .txt_red {color:red;} input, textarea {border-radius:0;} input[type="file"] {border-radius:0;} .btn_yellow_full {display:block; background:#fee10b; color:#3a1c1c; font-size:14px; line-height:43px; text-align:center; font-weight:bold;} .getCode {padding:0; margin:12px 0 0 0; border:0 none; border-radius:0; cursor:pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none;} #Zipcode iframe {border:0;} .zip_content {padding:15px 0;} .zip_content .nt {font-size:14px;} .zip_content .nt02 {margin:3px 1px 0;} .zip_content .zip_search {margin-top:10px;} .zip_content .zip_search p {margin:0 1px 3px;} .zip_content .zip_search .inputBox {position:relative; padding-right:60px;} .zip_content .zip_search .inputBox input[type="text"] {width:100%; height:36px; margin:0; padding:0 10px; border:1px solid #92979b; box-sizing:border-box; font-size:12px; line-height:34px;} .zip_content .zip_search .inputBox .bsearch {position:absolute; top:0; right:0;width:55px; height:36px; padding:0; margin:0; border:none; border-radius:0; background:#92979b; color:#fff; font-size:12px; line-height:34px; box-sizing:border-box; cursor:pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none;} .zip_wrap2 {margin:15px; padding:10px; border:1px solid #92979b;} .rufwpckd {padding-left:37px; padding-bottom:10px;} .promotion_list {overflow:hidden; margin:0 -15px;} .promotion_list li {margin-top:10px;} .promotion_list li:first-child {margin-top:0px;} .promotion_list li img {width:100%;} .promotion_list li .tet {padding:10px; background:white; font-size:15px; margin-bottom:5px; font-weight:bold;} .orderCancel{background:#F7F7F3;border:1px solid #d9d9d9;margin-top:15px;} .orderCancel h1{padding-left:10px;line-height:80px;margin-right:10px;} .orderCancel p{background:#fff;padding:0 10px;} /*남자여자 체크박스*/ .MFchk_box {} .MFchk_box .MFchk {} .MFchk_box .MFchk .notif{display:inline-block;} /*남자여자 구분 체크박스 꾸미기*/ .MFchk_box_wrap {line-height:22px;} .MFchk_box_wrap input[type=radio] {display: none;} .MFchk_box_wrap input[type=radio] + label{display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 13px;} .MFchk_box_wrap input[type=radio]+ label:before {content: "";display: inline-block;width: 20px;height: 20px;margin-right: 10px;position: absolute;left: 0;bottom: 1px;background-color: #ccc;border-radius: 15px;box-shadow: inset 0px 1px px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);} .MFchk_box_wrap input[type=radio]:checked + label:before {content: "\2713"; /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 18px;font-weight:800;color: #fff;background:#2f87c1;text-align: center;line-height: 18px;} /*남자여자 구분 체크박스 꾸미기 끝*/ /*출석체크*/ .check_attendance_h {text-align:center; font-size:20px; color:#333333; font-weight:bold; line-height:24px; padding-top:40px;} .check_attendance_W {overflow:hidden;} .check_attendance_li {margin:40px 5px 0 5px; border-bottom:4px solid #656565;} .check_attendance_li ul li {float:left; width:20%; box-sizing:border-box; border-radius:7px 7px 0 0; border-bottom:none;border-top:1px solid #bdbdbd; border-right:1px solid #bdbdbd;} .check_attendance_li ul li:first-child {border-left:1px solid #bdbdbd;} .check_attendance_li ul li a {border-radius:7px 7px 0 0; display:inline-block; width:100%; padding:7px 0; font-size:11px; color:#333333; text-align:center; font-weight:bold; background:#f4f4f4;} .check_attendance_li ul li a.on{background:#d86b72; color:#fff;} .check_attendance_con {display:none; margin:0 5px;} .check_attendance_con.on {display:block; margin:0 5px;} .check_attendance_con .check_con_in {width:310px; height:250px; margin:0 auto; padding:25px 0; background:url('/m/images/chbg11.png') no-repeat center center; background-size:230.5px; position:relative;} .check_con_in a {display:inline-block; width:70px; height:80px; background:url('/m/images/check_attendance_img3.png') no-repeat center top; background-size:57px;} .check_con_in a span {display:inline-block; margin-top:62px; padding:2px; font-size:10px; color:#fff; background:#acacac; border-radius:7px;text-align:center;} .check_con_in a.on{background:url('/m/images/check_attendance_img2.png') no-repeat center top; background-size:57px;} .check_con_in a.off{background:url('/m/images/check_attendance_img1.png') no-repeat center top; background-size:57px;} .check_con_in a.c1 {position:absolute; top:60px; left:30px;} .check_con_in a.c2 {position:absolute; top:60px; left:125px;} .check_con_in a.c3 {position:absolute; top:60px; left:235px;} .check_con_in a.c4 {position:absolute; top:182px; left:2px;} .check_con_in a.c5 {position:absolute; top:182px; left:89px;} .check_con_in a.c6 {position:absolute; top:182px; left:165px;} .check_con_in a.c7 {position:absolute; top:182px; left:242px;} /* 서브,리스트 부분 */ /* 서브,리스트 부분 */ /* 서브,리스트 부분 */ .top_fix_head {position:fixed; top:0; width:100%;left:calc(50% - 284px);max-width:568px;height:53px; padding:0 60px; border-bottom:1px solid #e7e7e7; background:#fefefe; box-sizing:border-box; z-index:200;} .top_fix_head .btn_back_pst {display:block; position:absolute; top:0; left:0; width:53px; height:53px; color:#fff; font-size:20px; line-height:51px; text-align:center; box-sizing:border-box;} .top_fix_head h1 {color:#fff; font-size:20px; line-height:53px; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .top_fix_head h1 span a {color:#fff; font-size:20px;} .top_fix_head .ftic-allmenu {display:block; position:absolute; top:0; right:0; width:53px; height:53px; color:#fff; font-size:20px; line-height:53px; text-align:center; box-sizing:border-box;} .top_fix_head .ftic-fenxiang {display:block; position:absolute; top:0; right:60px; width:53px; height:53px; color:#fff; font-size:20px; line-height:53px; text-align:center; box-sizing:border-box;} .fix_gnbmenu {position:relative; margin-bottom:-1px; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:#fff; z-index:150; box-sizing:border-box;} .fix_gnbmenu.fix_mode {position:fixed; top:49px; left:0; width:100%;} /* .fix_gnbmenu span {position:relative; float:left; width:25%; height:40px; color:#161616; font-size:14px; line-height:40px; text-align:center;} .fix_gnbmenu span.on {color:#ff317a;} .fix_gnbmenu span a {display:block; font-size:14px; line-height:40px;} .fix_gnbmenu span .top {position:absolute; top:12px; left:50%; width:8px; height:6px; margin-left:22px; color:#999; line-height:6px; text-align:center;} .fix_gnbmenu span .bottom {position:absolute; bottom:12px; left:50%; width:8px; height:6px; margin-left:22px; color:#999; line-height:6px; text-align:center;} */ .fix_gnbmenu .seltype_wrap {height:60px; padding:0 138px 0 10px; overflow:hidden;} .fix_gnbmenu .seltype_wrap .pd_wrap {float:left; width:49%; margin-top:10px; padding-right:10px; box-sizing:border-box;} .fix_gnbmenu .seltype_wrap .sc_dtl {position:relative; float:left; width:100%; height:40px; padding-left:10px; border:1px solid #ccc; background-size:25px; color:#939393; font-size:13px; line-height:38px; box-sizing:border-box; vertical-align:middle; cursor:pointer;} .fix_gnbmenu .seltype_wrap .sc_dtl:after { content: "＋";height: 5px;position: absolute;right: 10px;text-align: center;top: 0;width: 5px;} .fix_gnbmenu .seltype_wrap .select1 {float:left; width:51%; margin-top:10px; border:1px solid #ccc;} .fix_gnbmenu .list_view_type {position:absolute; top:10px; right:10px; font-size:0; line-height:0;} .fix_gnbmenu .list_view_type a {display:inline-block; width:40px; height:40px; margin-left:-1px; border:1px solid #ccc; color:#888; font-size:20px; line-height:40px; box-sizing:border-box; text-align:center; vertical-align:top;} .fix_gnbmenu .list_view_type a.ftic-list1 {line-height:36px;} .fix_gnbmenu .list_view_type a.ftic-list2 {font-size:24px;} .fix_gnbmenu_heightbox {display:none; height:61px;} .fix_gnbmenu .slidebar {position:absolute; bottom:0; left:0; width:25%; height:4px;} a.brands_link {display:inline-block; padding:0 5px; margin:2px 4px; border:1px solid #888; border-radius:2px; color:#888; font-size:12px; line-height:18px;} /* 리스트 */ ul.cont_list {width:100% !important; overflow:hidden; padding-top:24px;} ul.cont_list li {background: #fff; text-align:center; font-size:14px; width:48%; margin:0 1% 4%; float:left; border-radius:0; border: 1px solid #f8f5f5; padding: 1.5%; box-sizing: border-box; -o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; visibility:hidden;} ul.cont_list li .positionWrap {position:relative;} ul.cont_list li .positionicons {position:absolute; top:0; right:0;} ul.cont_list li .positionicons img {width:25px;} /*타일세일 / 브랜드 변경*/ ul.cont_list li dl dt { width:100%; display:inline-block; margin-bottom:2%; position:relative;} ul.cont_list li dl dd .brand {color:#929292; margin-top:5px; text-align:left; height:15px; font-size:11px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} ul.cont_list li dl dt {position:relative;} ul.cont_list li dl dt .timerestBox_height {position:absolute; bottom:0; left:0; width:100%; z-index:10; height:auto; text-align:center;} ul.cont_list li dl dt .timerestBox_height i {vertical-align:middle; font-size:12px; margin-top:-2px;} ul.cont_list li dl dt .timerestBox_height .timerestBox {padding:0; color:#fff; } ul.cont_list li dl dt .timerestBox_height #product {background:rgba(0,0,0,0.5); padding:5px;} ul.cont_list li dl dt .timerestBox_height .timerestBox span {background:none; color:#fff; } ul.cont_list li dl dd .price_wrap {overflow:hidden; text-align:left; padding-top:8px;} ul.cont_list li dl dd .price_wrap > div {display:inline-block; vertical-align:middle;} ul.cont_list li dl dd .price_wrap > div.per {font-size:12px; font-weight:normal; line-height:30px;} ul.cont_list li dl dd .price_wrap > div.per em{font-size:25px; font-weight:bold; vertical-align: middle;line-height: 30px;} ul.cont_list li dl dd .price_wrap > div.pricebox {line-height:15px; font-size:11px;} ul.cont_list li dl dd .price_wrap > div.pricebox del {color:#b8b8b8;} ul.cont_list li dl dd .price_wrap > div.pricebox .price {font-size:15px; font-weight:bold; padding-top:5px;} ul.cont_list li dl dd .price_wrap > div.pricebox .price em {font-weight:bold;} ul.cont_list li dl dd span.mwon {display:none;} ul.cont_list li dl dd span.per_icon {padding-right:10px;line-height:20px;vertical-align:bottom;} /*타일세일 / 브랜드 변경*/ ul.cont_list li dl dt img { width:100%; box-sizing:border-box;} ul.cont_list li dl dt img {} ul.cont_list li dl dt a {display:inline-block; position:relative;} ul.cont_list li dl dd { color:#363636; font-size:12px; line-height:12px; text-align:left; padding-left:2%;} ul.cont_list li dl dd img{width:initial;} /*아이콘 크기 원본 크기로 설정*/ ul.cont_list li dl dd p { line-height:1.4em; } ul.cont_list li dl dd p.money_txt {line-height:24px; overflow:hidden; } ul.cont_list li dl dd span { display:inline-block; font-size:12px; } ul.cont_list li dl dd span.tit { display:block; /*height:30px;*/ margin-top:5px; line-height:16px;} ul.cont_list li dl dd span.tit a {color:#000;} ul.cont_list li dl dd div.tit { display:block; /*height:30px;*/ margin-top:5px; line-height:16px;} ul.cont_list li dl dd span.pri_txt { } ul.cont_list li dl dd span.pri {margin:0 0 2px; font-size:12px; font-weight:bold; text-decoration:line-through;} ul.cont_list li dl dd span.pri2 { text-decoration:none; } ul.cont_list li dl dd span.pri_txt2 { margin-left:-3px; } ul.cont_list li dl dd span.dis_txt { } ul.cont_list li dl dd span.dis_txt.pointbg {display:inline-block; width:24px; height:24px; text-align:center; color:#fff; border-radius:100%; overflow:hidden; vertical-align:top;} ul.cont_list li dl dd span.dis { color:#ff0078; font-weight:bold; font-size:21px;} ul.cont_list li dl dd span.dis_txt2 { color:#ff0078; margin-left:-3px;} /*리스트 밑 장바구니 좋아요 아이콘 및 레이어 */ ul.cont_list li .HoverIconBox {text-align:right;color:#ccc;} ul.cont_list li .HoverIconBox .iconfont , ul.cont_list li .HoverIconBox .material-icons {display:inline-block; color:#2D2E33; margin:0 3px; font-size:18px; font-weight:bold; vertical-align: middle;} ul.cont_list li .HoverIconBox .material-icons {} .CartClickLayermarsk {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998; display:none;} .CartClickLayer {position:fixed; min-width:306px; top:50px; left:7px; right:7px; background:#fff; z-index:9999; border-radius:5px; text-align:left; overflow:hidden; height:0; opacity:0; -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 10px 2px rgba(0,0,0,0.75); box-shadow: 0 0 10px 2px rgba(0,0,0,0.75); transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; } .CartClickLayermarsk.on {display:block;} .CartClickLayer.on {height:auto; opacity:1; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; } .CartClickLayer h1 {border-radius:5px 5px 0 0; box-sizing:border-box; padding:10px; color:#fff;} .CartClickLayer .Layerinner {box-sizing:border-box; padding:10px; max-height:250px; overflow:auto;} .CartClickLayer .Layerinner .optionTit {padding:5px 0; font-weight:bold;} .CartClickLayer .totalpriceBox {text-align:right; font-size:13px; padding:5px 10px;} .CartClickLayer .totalpriceBox .text01 {font-weight:bold;} .CartClickLayer .totalpriceBox .totalprice {font-size:13px; font-weight:bold;} .CartClickLayer .totalpriceBox .eq {font-weight:normal;} .CartClickLayer .CartClickBtn {border-radius:0 0 5px 5px; text-align:center; padding:8px 0;} .CartClickLayer .CartClickBtn a {width:47%;} /*리스트 밑 장바구니 좋아요 아이콘 및 레이어 끝 */ /* 1줄스타일 */ ul.cont_list.D li {width:100%; margin:-1px 0 0; padding:0; border-right:none; border-left:none;} ul.cont_list.D li dl {overflow:hidden;} ul.cont_list.D li dl dt {float:left; width:80px; padding:10px; margin:0;} ul.cont_list.D li dl dd {padding:10px 10px 10px 100px;} /* 3줄스타일 */ ul.cont_list.M {padding:24px 0.5% 0; box-sizing:border-box;} ul.cont_list.M li {width:31%; margin:0 1% 4%;} /* 2016-04-29 가격스타일 설정 jungeol kim */ .prcStyleBox {} .prcStyle01 {display:inline-block; color:#e10124 !important; font-size:15px !important; line-height:20px !important; vertical-align:bottom;} .prcStyle02 {display:inline-block; color:#a6a6a6 !important; font-size:13px !important; text-decoration:line-through; line-height:18px !important; vertical-align:bottom;} .prcStyle03 {display:inline-block; color:#e10124 !important; font-size:13px !important; line-height:18px !important; vertical-align:bottom;} .eventTxt {display:inline !important; line-height:24px !important;} ul.cont_list_type {width:100% !important; overflow:hidden;} ul.cont_list_type li {background: #fff; text-align:center; font-size:14px; width:33.3%; padding:4px; float:left; border-radius:0; box-sizing: border-box; -o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;} ul.cont_list_type li .positionWrap {position:relative;} ul.cont_list_type li .positionicons {position:absolute; top:0; right:0;} ul.cont_list_type li dl {height:40px; overflow:hidden;} ul.cont_list_type li dl dt {width:100%; display:inline-block; margin:0; } ul.cont_list_type li dl dt img { width:100%; height:40px; box-sizing:border-box;} ul.cont_list_type li dl dt img {border: 1px solid #eee;} ul.cont_list_type li dl dd { color:#636363; font-size:12px; line-height:12px; text-align:left; padding-left:2%;} ul.cont_list_type li dl dd img{width:initial;} /*아이콘 크기 원본 크기로 설정*/ ul.cont_list_type li dl dd p { line-height:1.4em; } ul.cont_list_type li dl dd p.money_txt {line-height:24px; overflow:hidden; } ul.cont_list_type li dl dd span { display:inline-block; font-size:12px; } ul.cont_list_type li dl dd span.tit { display:block; /*height:30px;*/ line-height:16px;} ul.cont_list_type li dl dd div.tit { display:block; /*height:30px;*/ line-height:16px;} ul.cont_list_type li dl dd span.pri_txt { } ul.cont_list_type li dl dd span.pri { color:#636363; text-decoration:line-through; margin:4px 0 2px; font-size:16px; font-weight:bold; } ul.cont_list_type li dl dd span.pri2 { text-decoration:none; } ul.cont_list_type li dl dd span.pri_txt2 { margin-left:-3px; } ul.cont_list_type li dl dd span.dis_txt { } ul.cont_list_type li dl dd span.dis { color:#ff0078; font-weight:bold; font-size:21px;} ul.cont_list_type li dl dd span.dis_txt2 { color:#ff0078; margin-left:-3px;} .allbrand_view {display:none; padding:0 10px 10px; text-align:right;} .allbrand_view span {color:#888; font-size:12px; line-height:30px; text-decoration:underline;} /* loading */ .loading {position:relative; padding-bottom:10px; line-height:32px; text-align:center;} @keyframes rotation{ from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotation{ from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotation{ from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotation{ from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @-ms-keyframes rotation{ from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } #loader{ animation: rotation 1s linear infinite; -webkit-animation: rotation 1s linear infinite; -moz-animation: rotation 1s linear infinite; -o-animation: rotation 1s linear infinite; } /* loading end */ .ico_point {display:inline-block; width:18px; height:18px; margin-top:-2px; border-radius:100%; color:#fff !important; font-weight:bold; font-size:12px; line-height:18px; text-align:center; overflow:hidden; vertical-align:middle;} .timerestBox_height {margin:2px 0; color:#000; font-size:12px; line-height:16px;} .timerestBox_height .time-sale-day {color:#000; font-size:12px; line-height:16px;} .timerestBox_height .time-sale-hour {color:#000; font-size:12px; line-height:16px;} .timerestBox_height .time-sale-min {color:#000; font-size:12px; line-height:16px;} .timerestBox_height .time-sale-sec {color:#000; font-size:12px; line-height:16px;} .contentAddView , .contentFolding {display:inline-block; padding:8px 40px; border:1px solid #000; border-radius: 2px; color:#fff; background:#000; cursor:pointer; font-size:13px; font-weight:bold;} .contentAddView .iconfont, .contentFolding .iconfont {margin-left:10px;} /* list play btn */ .isPlay img, ul.cont_list li .positionWrap .isPlay img, ul.cont_list li dl dt a .isPlay img {position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; width:60px; height:60px;} .goods_item .img .isPlay img {position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-52px; width:60px; height:60px;} /* 주의공통 */ .prompt {margin:20px 0 10px; font-size:12px; line-height:18px; text-align:center;} /* 비쥬얼 이미지100% */ .wyditor_img {width:100%;} /*게시판쪽 css 시작*/ .text_al{font-size:13px; padding:10px 15px; border-bottom:1px solid #ccc;} .mboard {margin:15px; border:1px solid #ccc;} .mboard_select .select1.wid{width:40%; margin-left:15px;} .mboard-list-default {overflow:hidden; box-sizing:border-box; background:#fff;} .mboard-list-default.first {background:#f4f4f4;} .mboard-list-default li {border-bottom:1px solid #ccc; padding:10px; box-sizing:border-box;} .mboard-list-default li:last-child {border-bottom:none;} .mboard-list-default li .titArea a{color:#333; font-size:13px;} .mboard-list-default li .titArea .dateArea {float:right; color:#888;} .sel {margin-top:20px;} .sel .select1 {width:35%; display:inline-block;vertical-align:top; margin-top:0px;} .sel .member_input {width:35%; display:inline-block;} .sel .member_input .text { margin:0px; vertical-align:top;} .sel .btn_style1 {width:20%; display:inline-block;vertical-align:top;} .mboard.list {border:none;} .mboard-list {overflow:hidden;} .mboard-list li {width:49%; float:left; margin:0.5%; box-sizing:border-box; padding:1%; border:1px solid #ccc; background:#fff;} .mboard-list li .mboard-img img{ width:100%;} .mboard-list li .mboard-tit a{display:inline-block;font-size:15px; padding:10px 0; color:#333; font-weight:bold;} .mboard-list li .mboard-cont {color:#888;} .write_btn {margin:15px;} .mboard .tit_date {box-sizing:border-box; padding:10px;} .mboard .tit_date h1{font-size:15px; line-height:20px;} .mboard .tit_date span {color:#888;} .mboard .b_contents {box-sizing:border-box; padding:15px;} .mboard .b_contents .img img {width:100%;} .mboard .b_contents p#tbContent {font-size:15px; padding-bottom:10px;} .mboard .prev_next { box-sizing:border-box; padding:15px;} .mboard .prev_next li {padding:5px; border:1px solid #ccc; overflow:hidden;} .mboard .prev_next li:first-child {border-bottom:none;} .mboard .prev_next li .left {float:left; width:20%;} .mboard .prev_next li .right {float:right; width:80%;} .btn_center {box-sizing:border-box; padding:15px;} .contbox .btn_center a,.contbox .btn_center span {display:inline-block; width:20%;} .mboard .table_style {width:100%; box-sizing:border-box; padding:10px;} .mboard .table_style textarea {border:1px solid #ccc; width:100%; min-height:150px;appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0px;} .mpaging {text-align:center;} .mpaging a.prev {float:left; display:inline-block; margin-left:15px;} .mpaging a.next {float:right; display:inline-block; margin-right:15px;} .mboard-list-news {overflow:hidden; box-sizing:border-box; } .mboard-list-news.first {background:#f4f4f4;} .mboard-list-news li table tr td {padding:15px;} .mboard-list-news li {border-bottom:1px solid #ccc;box-sizing:border-box; max-height:150px; overflow:hidden;} .mboard-list-news li:last-child {border-bottom:none;} .mboard-list-news li .titArea a{color:#333; font-size:16px; font-weight:bold;} .mboard-list-news li .dateArea {display:block; color:#888; font-size:13px;} .mboard-list-news li .news_con {margin-top:10px; height:70px;} .mboard-list-news li .news_img img{width:100px; height:100px;} .mboard-list-write {width:100%; box-sizing:border-box; padding:15px;} .mboard-list-write textarea{border:1px solid #ccc; min-width:100%; width:100%; min-height:150px;appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0px; box-sizing:border-box;} .mboard-list-write .isNotice_tit{display:block; margin:20px 0 5px 0; font-size:15px;} .del_box.on {display:block; text-align:center;} .del_box {border:2px solid #000; display:none;} .del_box .del_box_in {width:300px; height:130px; background:#fff;} .del_box .del_box_in h1 {padding-top:15px; font-size:15px;} .del_box .del_box_in .del_box_btn {margin-top:30px;} .b_contents p img {max-width:100%;} /* 스마트검색 */ .sc_dtl_wrap {overflow:hidden; display:none;} .sc_dtl_box {padding:10px; background:#fff;} .dtlsc_box {display:none; margin-bottom:20px; padding:10px; background:#f9f9f9;} .sc_dtl_wrap dl {letter-spacing:-1px; overflow:hidden;} .sc_dtl_wrap dl dt {float:left; width:80px; padding:15px 0 15px 5px; font-size:13px; line-height:20px;} .sc_dtl_wrap dl dd {padding-left:85px;} .sc_dtl_wrap dl dd .btn_selbrand {position:relative; width:100%; height:40px; padding-left:10px; border:1px solid #ccc; color:#939393; font-size:13px; line-height:38px; box-sizing:border-box; cursor:pointer;} .sc_dtl_wrap dl dd .btn_selbrand:after {content:'＋'; position:absolute; top:0; right:15px; width:5px; height:5px; text-align:center;} .sc_dtl_wrap dl dd select {margin:0; border:1px solid #ccc;} .sc_dtl_wrap dl dd .inwrap {float:left; width:100%; padding:5px; box-sizing:border-box;} .sc_dtl_wrap dl dd .ptbox {display:table; float:left; width:50%; height:50px; padding:5px; box-sizing:border-box;} .sc_dtl_wrap dl dd .ptbox span {display:table-cell; position:relative; padding:0 20px; border:1px solid #ccc; background:#fff; color:#939393; font-size:13px; line-height:15px; text-align:center; vertical-align:middle; cursor:pointer;} .sc_dtl_wrap dl dd .ptbox span.on:after {content:'×'; position:absolute; top:2px; right:10px; width:5px; height:5px; text-align:center;} .sc_dtl_wrap dl dd input.text {border-radius:0px; width:100%;line-height:20px; height:40px; box-sizing:border-box; padding-left:10px; border:1px solid #ccc; font-size:13px; color:#939393; text-align:left;} .sc_dtl_wrap .btn_dtlsc {padding:0 15px 20px; background:#fff;} .sc_dtl_wrap .btn_dtlsc input {display:block; width:100%; height:40px; padding:0; margin:0; border:1px solid #000; background:#000; color:#fff; font-size:13px; box-sizing:border-box;} .sc_dtl_wrap .btn_open_delsc {height:40px; border-top:1px solid #ccc; border-bottom:1px solid #000; background:#fff; color:#000; text-align:center; font-size:13px; line-height:40px; cursor:pointer;} .sc_dtl_wrap .btn_open_delsc:after {content:' ▼';} .sc_dtl_wrap .btn_open_delsc.on:after {content:' ▲';} .check_brand_wrap {position:fixed; top:0; left:100%; width:100%; height:100%; padding:54px 0 64px; background:#fff; z-index:10050; box-sizing:border-box; transition:all .5s; -webkit-transition:all .5s; } .check_brand_wrap.on { transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all .5s; -webkit-transition:all .5s; } .check_brand_head {position:absolute; top:0; left:0; width:100%; height:54px;} .check_brand_head h1 {color:#fff; font-size:20px; line-height:54px; text-align:center;} .check_brand_cont {height:100%; padding:5px; overflow:hidden; overflow-y:auto; box-sizing:border-box;} .check_brand_cont .bibox {display:table; float:left; width:50%; height:50px; padding:5px; box-sizing:border-box;} .check_brand_cont .bibox span {display:table-cell; position:relative; padding:0 20px; border:1px solid #ccc; background:#fff; color:#939393; font-size:13px; line-height:15px; text-align:center; vertical-align:middle; cursor:pointer;} .check_brand_cont .bibox span.on:after {content:'×'; position:absolute; top:2px; right:10px; width:5px; height:5px; text-align:center;} .check_brand_foot {position:absolute; bottom:0; left:0; width:100%; height:64px; padding:0 12px 12px 12px; border-top:1px solid #ccc; background:#fff; box-sizing:border-box;} /*검색결과없을때 텍스트*/ .cont_list .notSearchTxt{text-align:center;width:100%;float:left;} /*출석체크 쿠폰받기 부분 */ .check_date_wrap {overflow:hidden; } .check_date_wrap .check_date_noti{position:relative; margin-top:15px; border-radius:10px; box-sizing:border-box; padding:28px 25px 28px 25px; background:url('/data/kdemo3/m/images/check_dateimg.png')no-repeat right 10px top 35px #f4f9fa; background-size:175px 134px; padding-left:10px;} .check_date_wrap .check_date_noti h1 {font-size:30px; color:#000; line-height:35px; position:relative;} .check_date_wrap .check_date_noti h1 span.chimg {position:absolute; left:60px; top:-25px;} .check_date_wrap .check_date_noti h1 span.chimg img {width:24px; height:17px;} .check_date_wrap .check_date_noti p {font-size:16px; line-height:20px;} .check_date_wrap .check_date_noti ul {overflow:hidden; padding-top:15px;} .check_date_wrap .check_date_noti ul li {font-size:11px; color:#3a3a3a; background:url('/data/kdemo3/m/images/comma.png')no-repeat left center; padding-left:10px;} .check_date_wrap .check_date_noti ul li a.mylink {text-decoration:underline; color:#3a3a3a;} .check_date_wrap .check_date h1{font-size:15px; font-weight:bold; text-align:center; padding:30px 0 15px 0;} .check_date_wrap .check_date table {width:100%; background:#fff;} .check_date_wrap .check_date table th {line-height:36px; border-left:1px solid #fff; width:14.2%;} .check_date_wrap .check_date table th:first-child{border-left:none;} .check_date_wrap .check_date table td {position:relative;width:14.2%; box-sizing:border-box; text-align:center; border-right:1px solid #e6e6e6; vertical-align:top;} .check_date_wrap .check_date table td span.num {position:absolute; left:8px; top:8px;} .check_date_wrap .check_date table td .check_img {margin-top:20px;} .check_date_wrap .check_date table td .check_img img {width:60%;} .check_date_wrap .check_date table td .cupon_img { height:23px; margin-top:5px;} .check_date_wrap .check_date table td .cupon_img img {width:40px; height:13px;} /*회원가입 선택*/ .JoinDistinction {overflow:hidden;} .JoinDistinction label.radiolabel {position:relative; float:left; display:inline-block; width:50%; box-sizing:border-box; text-align:left; padding:10px 30px 10px 30px; color:#5f5f5f; font-size: 15px; line-height: 24px; overflow: hidden; } .JoinDistinction label.radiolabel input[type="radio"] {margin:0; position:absolute; left:-9999px;} .JoinDistinction .iconfont {position:absolute; left:0; top:50%; margin-top:-12px; display:inline-block; color:#999; font-size:24px; font-weight:bold; height:24px;line-height:28px; text-align: center; width:24px;} .JoinDistinction label.radiolabel.on .iconfont{} .BusiInfor {overflow:hidden; display:none;} .BusiInfor .BusiInfortitle {font-family:"mgb"; font-size:20px; font-weight:normal; height:58px; line-height:58px; text-align:center;} /*회원가입 선택 끝*/ /*모바일 세트상품*/ .Set_wrap {background:#fff; box-sizing:border-box; padding:10px;} .Set_wrap .Set_wrapslide {overflow:hidden; background:#fff; margin-top:10px; position:relative;} .Set_wrap .Set_wrapslide .swiper-slide img{width:100%;} .Set_wrap .Set_wrapslide .swiper-pagination {position:static; background:#fff; padding:10px 0;} .Set_wrap .Set_wrapslide .swiper-pagination-bullet {background:#cdcdcd;opacity: 1; width:15px; height:15px;} .Set_wrap .Set_wrapslide .swiper-pagination-bullet-active {background:#e51b13;opacity: 1;} .Set_wrap .Set_wrapslide .swiper-button-prev {} .Set_wrap .Set_wrapslide .swiper-button-next {} .Set_wrap .Set_wrapslide .swiper-button-next, .Set_wrap .Set_wrapslide .swiper-button-prev {width:18px; height:33px;} .Set_wrap .Set_wrapslide .videoview {display:inline-block; position:absolute; right:10px; bottom:10px; z-index:10; width:80px; height:80px; color:#fff; text-align:center; border-radius:100%; box-sizing:border-box; padding:13px 0; -webkit-box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.5); box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.5);} .Set_wrap .Set_wrapslide .videoview > span {display:block;} .Set_wrap .Set_wrapslide .videoview > span.Goimg img {width:18px; height:18px;} .Set_wrap .Set_wrapslide .videoview > span.text1 {font-weight:bold; margin-top:3px;} .Set_wrap .setchoice {padding-bottom:10px; border-bottom:1px solid #c9c9c9;} .Set_wrap .setchoice h1 {font-size:14px; font-weight:normal; color:#5e5e5e; padding:10px 0;} .Set_wrap .setchoice ul {} .Set_wrap .setchoice ul li {box-sizing:border-box; padding:10px 0; border-top:1px solid #dddddd;} .Set_wrap .setchoice ul li .setchoiceCon {position:relative; box-sizing:border-box; padding:10px 65px 0 115px; min-height:105px;} .Set_wrap .setchoice ul li .setchoiceCon .proimg{position:absolute; left:0; top:0; width:105px; height:105px; box-sizing:border-box; border:1px solid #dddddd;} .Set_wrap .setchoice ul li.on .setchoiceCon .proimg {border-width:4px;} .Set_wrap .setchoice ul li .setchoiceCon .proimg img {width:100%;} .Set_wrap .setchoice ul li .setchoiceCon .setchoiceBtn {position:absolute; right:0; top:50%; width:60px; height:60px; margin-top:-30px; background:#868686; text-align:center; border-radius:100%; color:#fff; font-size:10px; box-sizing:border-box; padding:10px 0;} .Set_wrap .setchoice ul li .setchoiceCon .setchoiceBtn > span {display:block;} .Set_wrap .setchoice ul li .setchoiceCon .setchoiceBtn > span.text {margin-top:5px;} .Set_wrap .setchoice ul li .setchoiceCon .setchoiceBtn > span.img img{width:13px;} .Set_wrap .setchoice ul li .setchoiceCon .setchoiceBtn > span {} .Set_wrap .setchoice ul li .setchoiceCon .setchoiceBtn > span.choice {display:none;} .Set_wrap .setchoice ul li.on .setchoiceCon .setchoiceBtn > span.choice {display:block;} .Set_wrap .setchoice ul li .setchoiceCon .setchoiceBtn > span.notchoice {display:block;} .Set_wrap .setchoice ul li.on .setchoiceCon .setchoiceBtn > span.notchoice {display:none;} .Set_wrap .setchoice ul li .setchoiceCon .TextBox{} .Set_wrap .setchoice ul li .setchoiceCon .TextBox .Tit {font-size:14px; font-weight:normal; color:#5e5e5e; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .Set_wrap .setchoice ul li .setchoiceCon .TextBox .Tit a{font-size:14px; font-weight:normal; color:#5e5e5e;} .Set_wrap .setchoice ul li .setchoiceCon .TextBox .price {font-size:15px; font-weight:bold; color:#5e5e5e;} .Set_wrap .setchoice ul li .setchoiceCon .TextBox .price .won {font-weight:normal;} .Set_wrap .setchoice ul li .setchoiceCon .TextBox .Setproview {display:inline-block; color:#fff; background:#868686; border-radius:2px; font-size:14px; font-weight:bold; padding:0 5px; line-height:20px; margin-top:38px;} .Set_wrap .SetInformation {text-align:center; background:#fff; padding-top:15px; padding-bottom:50px; border-bottom:1px solid #ddd;} .Set_wrap .SetInformation img{max-width:100%;} .itemsLayermarsk {position:fixed; left:0; top:0; z-index:99995; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;} .itemsLayermarsk.on {display:block; } .itemsLayer {display:none; width:90%; height:85%; overflow-y:auto; overflow:scroll; -webkit-overflow-scrolling:touch; overflow-x:hidden; background:#fff; z-index:99998;} .itemsLayer .Set_itemsLayerposition {position:relative;} .itemsLayer.on {display:block; } .itemsLayer img {max-width:100%;} .Set_itemsLayerclobtn {display:none; position:fixed; right:5%; top:7.5%; width:29px; height:29px; z-index:99999; background:rgba(0,0,0,0.5);} .Set_itemsLayerclobtn.on {display:inline-block;} .Set_itemsLayerclobtn img {width:100%;} .Set_wrap .Setproslide {margin:0 -10px; box-sizing:border-box; padding:0 5px; background:#f9f9f9;} .Set_wrap .Setproslide h1 {font-size:17px; font-weight:bold; color:#000; line-height:40px;} .Set_wrap .Setproslide .Setproslidecon {box-sizing:border-box; padding:0 5px; text-align:center;} .Set_wrap .Setproslide .Setproslidecon .img {border:1px solid #ddd;} .Set_wrap .Setproslide .Setproslidecon .img img{width:100%;} .Set_wrap .Setproslide .Setproslidecon .Tit { font-size:15px; font-weight:bold; color:#5e5e5e; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 20px; height: 40px; } .Set_wrap .Setproslide .Setproslidecon .Tit a {color:#5e5e5e;} .Set_wrap .Setproslide .Setproslidecon .SubTit { font-size:12px; color:#a1a1a1; margin-top:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 20px; height: 40px; } .Set_wrap .Setproslide .swiper-pagination-bullet-active {background:#e51b13;} .Set_wrap .Setproslide .swiper-container {overflow:visible;} .Set_wrap .Setproslide .swiper-pagination {text-align:right; top:-30px; bottom:auto;} .fixed_option_box .fixed_option.BgWhite {background:#fff;} .fixed_option_box .fixed_option .protit {font-size:16px; color:#5e5e5e; box-sizing:border-box; padding:0 17px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .fixed_option_box .fixed_option .prosubtit {font-size:12px; color:#999999; margin-top:5px; box-sizing:border-box; padding:0 17px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .Setproprice {overflow:hidden; width:100%; position:relative; border-bottom:1px solid #eeeeee; box-sizing:border-box; padding-left:100px; padding-right:10px; line-height:30px; } .Setproprice:first-child {border-top:1px solid #eee;} .Setproprice dt {position:absolute; left:10px; top:0; width:75px; font-size:13px; color:#5e5e5e;} .Setproprice dd {text-align:right; font-size:15px; color:#000;} .Setproprice dd .minus {display:inline-block; color:#fff; background:#92979b; border-radius:100%; height:19px; width:19px; line-height:19px; text-align:center; font-weight:bold; margin-right:15px;} .Setproprice.total {border-top:0; line-height:60px; margin-top:10px; border-radius:4px;} .Setproprice.total dd {font-size:18px; font-weight:bold; } .Setproprice.total dd .color {display:inline-block; margin-right:15px; color:#e51b13; } .Setproprice.total dd .won {font-size:15px; font-weight:normal;} /*TV쇼핑 시작 */ .TVlistBox {background:#f9f9f9; margin-top:10px;} .TVlistBox h1 {box-sizing:border-box; padding:0 10px; font-size:18px; font-weight:bold; line-height:50px;} .TVlistBox ul {overflow:hidden; box-sizing:border-box; padding:0 5px;} .TVlistBox ul li {float:left; width:50%; box-sizing:border-box; padding:5px 5px;} .TVlistBox ul li .con {text-align:center;} .TVlistBox ul li .img {border:1px solid #dddddd; position:relative;} .TVlistBox ul li .img img {width:100%;} .TVlistBox ul li .img .playIcon {position:absolute; left:3px; bottom:3px; } .TVlistBox ul li .img .playIcon img {width:15px; height:15px;} .TVlistBox ul li .Tit {font-size:16px; font-weight:bold; color:#5e5e5e; margin-top:8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em; } .TVlistBox ul li .Tit a {color:#5e5e5e;} .TVlistBox ul li .subTit {font-size:12px; font-weight:normal; color:#a1a1a1; margin-top:8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; } .TVshoppingcon{background:#fff;margin-top:10px;} .TVshoppingcon .TVprointro {box-sizing:border-box; padding:0 10px;} .TVshoppingcon .TVprointro .TVprolistTit{font-size:18px; color:#5e5e5e; padding:10px 0; line-height:25px; font-weight:bold;} .TVshoppingcon .TVprointro .TVprolistTit a {color:#5e5e5e;} .TVshoppingcon .TVprointro .TVprolistSubTit {font-size:12px; color:#999999; margin-top:15px;} .TVshoppingcon .TVTit {box-sizing:border-box; padding:0 10px;} .TVshoppingcon .TVTit > span {display:block;font-size:14px; color:#fff; text-align:center; font-weight:bold; padding:6px 0; margin-top:15px; border-radius:3px;} .TVshoppingcon .TVwraplist {box-sizing:border-box; padding:0 10px; margin-top:10px;} .TVshoppingcon .TVwraplist ul.TVlistUl {width:100%; border-top:1px solid #dddddd;} .TVshoppingcon .TVwraplist ul.TVlistUl li {overflow:hidden; border-bottom:1px solid #dddddd;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con { min-height:125px; position:relative; box-sizing:border-box; padding:10px 10px 10px 110px;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .img {position:absolute; left:0; top:10px; width:105px; height:105px; overflow:hidden; box-sizing:border-box; border:1px solid #ddd;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .img img {width:100%;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .Tit {font-size:15px; font-weight:bold; color:#5e5e5e; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .subTit {font-size:14px; font-weight:normal; color:#5e5e5e; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-top:5px;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .priceBox {font-size:14px; font-weight:bold; color:#5e5e5e; } .TVshoppingcon .TVwraplist ul.TVlistUl li .con .priceBox .won {font-weight:normal;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .TVproview span.iconfont {font-size:12px;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .TVproview {display:inline-block; color:#5e5e5e; background:#f0f0f0; border-radius:3px; padding:0 5px; line-height:24px; font-size:13px; text-align:center;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .BtnBox {margin-top:7px; font-size:0;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .BtnBox > a {display:inline-block; width:49%; line-height:28px; color:#fff; font-size:13px; font-weight:bold; text-align:center;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .BtnBox > a.TVlistbtngray {background:#92979b;} .TVshoppingcon .TVwraplist ul.TVlistUl li .con .BtnBox .interval {display:inline-block; width:2%;} .TVshoppingcon .commentBox {margin-top:10px; box-sizing:border-box; padding:0 10px; text-align:center;} .TVshoppingcon .commentBox textarea {border:1px solid #ddd; width:100%; max-width:100%; min-height:100%; height:150px; max-height:150px; min-height:150px; resize:none;appearance: none; -webkit-appearance: none; -moz-appearance: none; background:#fff; border-radius:0; text-align:left;} .TVshoppingcon .commentBox .commentBtn {display:inline-block; text-align:center; width:80%; margin:15px 0 0 0; font-size:15px; font-weight:bold; color:#fff; line-height:30px;} .TVshoppingcon .commentList {margin-top:20px; box-sizing:border-box; padding:0 15px 20px 15px;} .TVshoppingcon .commentList li {padding:5px 0;} .TVshoppingcon .commentList li .DayBox{font-size:12px; color:#000;} .TVshoppingcon .commentList li .DayBox .IconLogo img{height:12px;} .TVshoppingcon .commentList li .DayBox .day{margin-left:10px;} .TVshoppingcon .commentList li .DayBox .time{margin-left:10px;} .TVshoppingcon .commentList li .DayBox .delbtn {float:right;} .TVshoppingcon .commentList li .commentText {margin-top:10px; color:#000;} .TVlistBox h1 .listview {float:right; color:#a1a1a1; font-size:12px; margin-top:20px; line-height:17px;} /*TV쇼핑 끝 */ /*세트상품 비디오 레이어*/ .videoLayermarsk {display:none; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%; z-index:9998;} .videoLayer {display:none; position:fixed; left:0; top:50%;width:100%; height:329px; margin-top:-165px; z-index:9999; text-align:right;} .videoLayer a.LayercloBtn {width:29px; height:29px;} .videoLayer a.LayercloBtn img {width:29px; height:29px;} .videoLayermarsk.on {display:block;} .videoLayer.on {display:block;} /*세트상품 비디오 레이어 끝*/ /*홍보하기 시작*/ .QRwrap .QRLayermarsk {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:99998; display:none;} .QRwrap .QRLayermarsk.on {display:block;} .QRwrap {background:#fff; box-sizing:border-box; padding:10px;} .QRwrap .QRLayer {display:none; z-index:99999; padding:30px; background:#fff;} .QRwrap .QRLayer.on {display:block;} .QRwrap .cont_title02 {font-size:18px; font-weight:bold; padding:10px 0px;} .QRwrap dl {overflow:hidden;} .QRwrap dl dt {font-size:15px; margin-top:15px; height:25px;} .QRwrap dl dd {margin-top:5px;} .QRwrap dl dd .QRlinktext{font-size:12px; color:#000;} .QRwrap .QRLayerBtn {float:right;} .QRwrap .QRLayerBtn img {width:18px;} .sharetablewrpa {box-sizing:border-box; padding:10px;} .sharetablewrpa #pop_div h1{line-height:50px; } .sharetablewrpa #pop_div input.text{ background:url("/data/rental/ico_dr.gif") no-repeat scroll right center #fff; box-sizing: border-box; cursor: pointer; font-size:13px; height: 40px; line-height: 40px; padding: 0 40px 0 10px; position: relative; text-align: left; vertical-align: middle;} .sharetablewrpa #pop_div .submitSearch {background: #000 none repeat scroll 0 0; border: 1px solid #000; box-sizing: border-box; color: #fff; display:inline-block; font-size: 13px; height: 40px; margin: 0; padding: 0; width: 50px;} .sharetablewrpa #pop_div .protit {font-size:15px; line-height:40px;} .sharetablewrpa table {width:100%; margin-top:10px;} .sharetablewrpa table th{color:#fff; font-weight:normal; padding:10px 0;} .sharetablewrpa .Searchbottom{background: #000 none repeat scroll 0 0; border: 1px solid #000; box-sizing: border-box; color: #fff; display:inline-block; font-size: 13px; height: 40px; margin: 0; padding: 0; width: 100%; margin-top:15px;} .sharetablewrpa .shaList {overflow:hidden;} .sharetablewrpa .shaList li {margin-top:10px;} .sharetablewrpa .shaList li .code {font-size:12px;} .sharetablewrpa .shaList li .con{box-sizing:border-box; padding:10px 10px 10px 110px; position:relative; background:#fff; min-height:100px;} .sharetablewrpa .shaList li .con .img {position:absolute; left:0; top:0; width:100px; height:100px;} .sharetablewrpa .shaList li .con .Tit {font-size:14px; color:#000; font-weight:bold; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .sharetablewrpa .shaList li .con .Tit a{color:#000; } .sharetablewrpa .shaList li .con .price {} .sharetablewrpa .shaList li .con .btn {text-align:right;} .sharetablewrpa .shaList li .con .btn .choicebtn{background: #000 none repeat scroll 0 0; border: 1px solid #000; box-sizing: border-box; color: #fff; display:inline-block; font-size: 13px; height: 40px; margin: 0; padding: 0; width: 100px; text-align:center; line-height:37px;} /*홍보하기 끝*/ /*이달의 쿠폰 시작*/ .coupon_dw_con {overflow:hidden; margin-top:20px;} .coupon_dw_con .img img{width:100%;} .coupon_dw_con .txt {box-sizing:border-box; padding:10px;} .coupon_dw_con .txt .last{margin-top:15px;} /*이달의 쿠폰 끝*/ /*SNS공유 레이어및 아이콘 시작*/ .SNSLayerIcon span.iconfont {font-size:26px; color:#fff; font-weight:bold; vertical-align:middle;} .SNSLayerBoxmarsk {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99998; background:rgba(0,0,0,0.5);} .SNSLayerBoxmarsk.on {display:block;} .SNSLayerBox {display:inline-block; position:fixed; left:50%; top:-25%; opacity:0; width:300px; height:0; overflow:hidden; margin:-115px 0 0 -150px; background:#fff; z-index:99999; border-radius:6px; box-sizing:border-box; padding:15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .SNSLayerBox.on { top:30%; opacity:1; height:auto; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .SNSLayerBox .SNSLayerInner {position:relative; overflow:hidden;} .SNSLayerBox .SNSLayerInner .SNSLayerCloseX {position:absolute; right:0px; top:0px; font-size:20px; color:#555; line-height:15px; cursor:pointer;} .SNSLayerBox .SNSLayerInner .Tit {text-align: center; border-bottom: 0; font-size: 15px; font-weight: bold; line-height:17px; color:#333;} .SNSLayerBox .SNSLayerInner .SNSouterwrap {overflow:hidden;} .SNSLayerBox .SNSLayerInner .SNSouter {display:inline-block; float:left; width:33.3%; text-align:center; margin-top:20px;} .SNSLayerBox .SNSLayerInner .SNSouter img {cursor:pointer;} .SNSLayerBox .SNSLayerInner .SNSouter span.text {display:block; font-size:12px; line-height:17px; margin-top:10px; color:#9b9b9b;} .SNSLayerBox .SNSLayerInner .URLcopy {overflow:hidden; margin-top:20px;} .SNSLayerBox .SNSLayerInner .URLcopy input {width:163px; border-radius:4px; border:2px solid #e1e8ee; color:#9b9b9b; height:35px; line-height:33px; box-sizing:border-box;} .SNSLayerBox .SNSLayerInner .URLcopy a.clipboard {display:inline-block; text-align:center; color:#fff; height:35px; line-height:33px; font-size:10px; padding:0 16px; border-radius:4px; width:70px;} /*SNS공유 레이어및 아이콘 끝*/ /**************************************** 상품정보고시 ****************************************/ .content_category{text-align:center;border:solid 1px #e0e0e0;border-bottom:none; width:100%; margin-top:10px;} .content_category .catetr{background:#f4f4f4;} .content_category .catetr .tit{border-right:solid 1px #e0e0e0;border-bottom:solid 1px #e0e0e0;padding:5px;} .content_category .catetr .con{border-right:solid 1px #e0e0e0;border-bottom:solid 1px #e0e0e0;padding:5px;} .content_category .left{border-right:solid 1px #e0e0e0;width:30%;} .content_category .right{width:70%;} .content_category td{border-bottom:solid 1px #e0e0e0;padding:5px;} /*face모바일*/ .bg_wrap{background:#fff;margin:0 -15px;} .bg_wrap2{padding:0 15px;box-sizing:border-box;} .onair{display:none;} .face_liveting_wrap{position:relative;margin:0 -15px;} .face_liveting_wrap .main_img{width:100%;} .face_liveting_wrap .main_img img{width:100%;} .face_liveting{width:100%;position:absolute;left:0;top:0px;padding:20px;box-sizing:border-box;} .face_liveting .info{width:30px;position:absolute;left:6px;top:6px;} .face_liveting .info img{width:100%;} .face_liveting .info .tit{float:right;font-size:12px;color:#fff;margin-left:10px;line-height:17px;} .face_liveting .info .tit .answer{background:rgba(73,51,53,0.6);margin-top:5px;padding:3px;border-radius:3px;} .face_liveting .onair.on{width:40px;display:block;position:absolute;left:50%;top:10px;margin-left:-20px;} .face_liveting .onair.on img{width:100%;} .face_comment{width:100%;background:url(/m/images/m_chat_bg.png)repeat-x;position:absolute;left:0;bottom:0;} .face_comment .face_comment_wrap{height:160px;margin:60px 10px 0;overflow:auto;} .face_comment .face_comment_wrap li{float:left;margin:5px 0;clear:both;position:relative;} .face_comment .profile{width:30px;height:30px;border-radius:50%;overflow:hidden;position:absolute;left:0;top:0;} .face_comment .profile img{width:100%;height:100%;} .face_comment .txt{float:right;padding-left:35px;font-size:10px;color:#fff;margin-top:-2px;} .face_comment .txt .con{line-height:10px;} .face_comment .enter{box-sizing:border-box;margin-bottom:10px;padding:0 20px;} .face_comment input{width:75%;background:transparent;border:none;border-bottom:solid 2px #bcbcbc;outline:none;margin-top:18px;color:#fff;} .face_comment button{width:60px;height:25px;background:#fff;border:none;outline:none;border-radius:8px;float:right;margin-top:10px;} .face_info{width:100%;overflow:hidden;box-sizing:border-box;margin-top:30px;} .face_info .tit{font-size:24px;color:#5e5e5e;} .face_info .tit .nick{font-weight:bold;} .face_info .emoticon{height:46px;} .face_info .emoticon div{float:left;margin:15px 10px 0 0;} .face_info .txt{height:70px;font-size:13px;color:#999;} .face_info .txt .comnum{margin-top:15px;font-size:13px;color:#5e5e5e;} .face_info .product{overflow:hidden;margin-top:40px;} .face_info .product > p{width:100%;font-size:12px;color:#fff;text-align:center;padding:3px 0;border-radius:5px;font-weight:bold;} .face_info .product .setpd{margin-top:10px;} .face_info .product .setpd li{height:90px;box-sizing:border-box;padding-left:85px;margin:10px 0;border-top:solid 1px #ddd;position:relative;} .face_info .product .setpd li .setpd_wrap{position:relative;margin-top:10px;} .face_info .product .setpd li:first-child{margin-top:0;} .face_info .product .setpd li:last-child{margin-bottom:0;} .face_info .product .setpd li .pdimg{width:70px;height:70px;border:solid 1px #ddd;position:absolute;left:-85px;top:0;} .face_info .product .setpd li .pdimg img{width:100%;height:100%;} .face_info .product .setpd li .tit{font-size:11px;color:#5e5e5e;line-height:14px;margin-bottom:6px;} .face_info .product .setpd li .tit p{font-weight:bold;} .face_info .product .setpd li .tit .prc{font-size:12px;font-weight:bold;} .face_info .product .setpd li .tit .button{margin-left: 10px;display: inline-block;text-indent: 7px;border: none;background: #f0f0f0 url(/m/images/dotbogi.png)no-repeat 7% 55%;font-size: 10px;color: #5e5e5e;padding: 2px 5px 2px 10px;border-radius: 3px;outline: none;font-weight: bold;} .face_info .product .setpd li .cart{background:#92979b url(/m/images/m_cart.jpg) no-repeat 10% center;font-size:10px;color:#fff;padding:6px 8px 6px 25px;background-size:20%;} .face_info .product .setpd li .buy{background:#ff6eb1 url(/m/images/m_buy.jpg) no-repeat 10% center;font-size:10px;color:#fff;padding:6px 8px 6px 25px;background-size:20%;} .face_info .product .setpd li .select{width:60px;height:60px;background:#ccc;position:absolute;right:3%;top:50%;margin-top:-30px;cursor:pointer;border-radius:50%;} .face_info .product .setpd li .select p{margin-top:30px;} .face_info .product .setpd li .select .bt_sel{display:none;} .face_info .product .setpd li .select .bt_sel_on{display:block;} .face_info .product .setpd li .select.sitebg1 .bt_sel{display:block;} .face_info .product .setpd li .select.sitebg1 .bt_sel_on{display:none;} .face_info .product .setpd li .select p{font-size:10px;color:#fff;text-align:center;letter-spacing:-1.5px;} .face_info .product .setpd li .select p:after{content:"선택하세요";} .face_info .product .setpd li .select.sitebg1 p:after{content:"선택됨";} .priceBox {border-top:1px solid #dddddd;} .priceBox dl{position:relative; border-bottom:1px solid #dddddd; overflow:hidden;} .priceBox dl dt {position:absolute; left:0; top:0px; line-height:47px; width:70px; font-size:15px; color:#5e5e5e; box-sizing:border-box; padding-left:18px;} .priceBox dl dd {float:right; width:100%;box-sizing:border-box; padding-left:70px; padding-right:15px; line-height:47px; text-align:right; font-size:20px; color:#000000;} .priceBox dl.totalprice {border:0;margin-top:15px; background:<%=cfgColor2%>; border-radius:2px;} .priceBox dl.totalprice dt{line-height:67px; } .priceBox dl.totalprice dd{line-height:67px; font-size:28px; font-family:'mgb';} .priceBox dl.totalprice dd .color {color:#e51b13; margin-right:15px;} .priceBox dl.totalprice dd .mwon {font-size:20px; font-weight:normal; font-family:'mg';} .priceBoxBtn {margin-top:15px;} .priceBoxBtn a {background: <%=cfgColor1%> none repeat scroll 0 0; color: #fff; float: left; font-family: "mgb"; font-size: 18px; height: 70px; line-height: 68px; text-align: center; width: 100%;} .different{background:#f9f9f9;margin:0 -15px;} .different h1{font-size:18px;color:#000;width:100%;font-weight:normal;letter-spacing:-1.15px;margin-bottom:20px;font-weight:bold;} .different h1 span{font-size:14px;color:#a1a1a1;float:right;} .different .movie_wrap{overflow:hidden;margin-top:20px;box-sizing:border-box;padding:20px;} .different .movie_wrap .movies{margin:-7.5px;} .different .movie_wrap .movies>li{float:left;width:50%;padding:7.5px;box-sizing:border-box;position:relative;} .different .movie_wrap .movies>li .movies_wrap{} .different .movie_wrap .movies li .movie_img{width:100%;border:solid 1px #ddd;box-sizing:border-box;position:relative;} .different .movie_wrap .movies li .movie_img>img{width:100%;height:100%;} .different .movie_wrap .movies li .movie_img .onair.on{display:block;position:absolute;left:0px;bottom:0px;} .different .movie_wrap .movies li .tit{font-size:14px;color:#5e5e5e;letter-spacing:-1.15px;margin-top:10px;} .different .movie_wrap .movies li .emoticon{overflow:hidden;margin:10px 0;} .different .movie_wrap .movies li .emoticon div{float:left;} .different .movie_wrap .movies li .con ul{float:left;font-size:12px;color:#a1a1a1;} .different .movie_wrap .movies li .con .product{float:right;} .different .movie_wrap .movies li .con .product span{font-size: 20px;color:#e51b13;font-weight:bold;} .different .movie_wrap .movies li .con .product.on{width:80px;text-indent:-9999px;background:url(/m/images/setpro.png)no-repeat;position:absolute;bottom:42px;right:10px;background-size:100%;} .buy_wrap{box-sizing:border-box;padding:40px 15px 0;background:url(/m/images/m_part.jpg)no-repeat top;background-size:100%;margin:15px -15px 0;overflow:hidden;} .buy_wrap .tit{font-size:17px;color:#5e5e5e;letter-spacing:-1.15px;text-align:center;margin:0 -15px 20px;} .addtablestyle {width:100%; box-sizing:border-box; padding:0 5px 20px 5px;} .addtablestyle:first-child {padding-top:0;} .addtablestyle td:first-child {background:none;} .addtablestyle td{padding:5px 10px; background:#f6f6f6;} .addtablestyle th {text-align:left; box-sizing:border-box; padding-left:10px; width:80px; color:#fff;} .board_tablestyle .Pop_Tit {font-size:15px; font-weight:bold; line-height:25px; padding:10px 0;} .board_tablestyle td .selectheight .select {height:35px;} .myDeliveryList {position:fixed; top:53px; left:0; width:100%; min-height:100%; bottom:0; overflow:auto; z-index:99999; -webkit-overflow-scrolling:touch; background:#f0f0f0;} .myDeliveryListmarsk{position:fixed; top:53px; left:0; height:100%; background:rgba(0,0,0,0.8); width:100%; bottom:0; overflow:auto; z-index:99990;} /*관리자확인중 오버 스타일*/ .Question_Btn { position:relative; display:inline-block; width:18px; height:18px; font-weight:bold; box-sizing:border-box; text-align:center; border-radius:100%; color:#fff; vertical-align:middle; line-height:18px;} .Question_Btn .Question_Over {display:none; position:absolute; font-size:12px; color:#000; right:0; top:-60px; width:210px; background:#fff; text-align:left; border:1px solid #fff; padding:10px;} .Question_Btn .Question_Over.on {display:inline-block; } /*회원가입 동의 페이지*/ .agreeWrap {overflow:hidden; background:#fff; box-sizing:border-box; padding:0 10px;} .agreeWrap dl dt {font-size:15px; padding:20px 0 10px 0; font-weight:bold;} .agreeWrap dl dd .agreebtn {padding:10px 15px; border:1px solid #ccc; border-radius:5px;} .agreeWrap dl dd .agreebtn.on {border-radius:5px 5px 0 0;} .agreeWrap dl dd .agreebtn > span {float:right;} .agreeWrap dl dd .agree-slide {display:none;padding:10px 15px; border:1px solid #ccc; border-top:none; border-radius:0 0 5px 5px; height:300px; overflow:auto;-webkit-overflow-scrolling : touch;} .agreeWrap .agree-next {padding-top:20px; text-align:center;} .agreeWrap .agree-next .total {box-sizing: border-box; display: inline-block; border: none; width: 100%; height: 40px; line-height: 40px; font-size: 15px; color: #fff; font-weight: bold; text-align: center; vertical-align: middle;} /*현금영수증/세금계산서 레이어*/ .Layer_receipts{display:none; position:fixed;left:50%;top:5%;z-index:100000;width:90%;height:90%;margin-left:-45%;background:#fff;overflow:auto; -webkit-overflow-scrolling : touch;} .Layer_receipts .pop_tit{overflow:hidden;box-sizing:border-box;padding:15px 20px;} .Layer_receipts .pop_tit h1{font-size:14px;color:#fff;float:left;padding-top:3px;} .Layer_receipts .pop_tit .btn_cancel{width:25px;height:25px;background:url("/css/images/btn_close2.png")no-repeat center;float:right;} .receipts_marsk{display:none; position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:99999;} .Layer_receipts .pop_con {box-sizing:border-box; padding:10px;} .Layer_receipts .pop_con p {line-height:18px; } .Layer_receipts .pop_con dl {border-top:1px solid #eee; margin-top:10px; padding-top:10px;} .Layer_receipts .pop_con dl dt {font-size:15px; font-weight:bold;} .Layer_receipts .pop_con dl dd {padding-top:5px;} .Layer_receipts .pop_con dl dd input.text {margin-top:0; height:35px; border:1px solid #c1c1c1;} .Layer_receipts .pop_con .btns {padding-top:15px;} .Layer_receipts .pop_con .btns a{border-radius:4px; width:49%;} .Layer_receipts .pop_con .textarea {width:100%; height:150px; box-sizing:border-box; border:1px solid #c1c1c1;} /* 티비 퍼블 시작*/ .Conbrandinfo {text-align:center;} .Conbrandinfo img{max-width:100%;} .ATTV_wrap {text-align:left;} .ATTV_list a {color:#000;} .ATTV_list {overflow:hidden;} .ATTV_list li {background:#fff; padding-bottom:10px; border-bottom:1px solid #c6cacd; margin-bottom:10px;} .ATTV_list li .text {box-sizing:border-box; padding:0 15px;} .ATTV_list li .text .top .Top_Tit {font-size:15px; padding-top:10px; font-weight:bold;white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .ATTV_list li .text .top .Top_Tit a{color:#000;} .ATTV_list li .text .top .TopSub_Tit {font-size:12px; color:#7e7e7e; padding-top:10px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .ATTV_list li .text .top .text_Box {padding-top:15px; overflow:hidden;} .ATTV_list li .text .top .text_Box > div {display:inline-block; font-size:0.750em; } .ATTV_list li .text .top .text_Box .text {float:right; padding:0;} .ATTV_list li .text .top .text_Box .text span {color:#7e7e7e;} .ATTV_list li .text .bottom {position:relative; box-sizing:border-box; padding-left:110px; border:1px solid #e7e7e7; min-height:112px;/*background: url('/css/images/ATTVcontent_listBG.jpg')no-repeat right top;*/} .ATTV_list li .text .bottom .img{position:absolute; left:0; top:0; width:110px; height:110px; overflow:hidden;} .ATTV_list li .text .bottom .img img {width:100%; height:auto;} .ATTV_list li .text .bottom .bottomCon {box-sizing:border-box; padding:10px; width:100%;} .ATTV_list li .text .bottom .bottomCon .brand {box-sizing:border-box; /*padding-right:22px;*/ white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .ATTV_list li .text .bottom .bottomCon .brand a{color:#929292;} .ATTV_list li .text .bottom .bottomCon .Tit {box-sizing:border-box; /*padding-right:36px;*/ white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .ATTV_list li .text .bottom .bottomCon .Tit a {color:#000; font-weight:bold;} .ATTV_list li .text .bottom .bottomCon .size {/*padding-top:3px;*/color:#000; font-weight:bold;} .ATTV_list li .text .bottom .bottomCon .price_Box {padding-top:5px; position:relative;} .ATTV_list li .text .bottom .bottomCon .price_Box > span {display:block;} .ATTV_list li .text .bottom .bottomCon .price_Box > span.market {font-size:11px; font-weight:bold; color:#929292;} .ATTV_list li .text .bottom .bottomCon .price_Box > span.price {font-weight:bold; color:#000;} .ATTV_list li .text .bottom .bottomCon .price_Box > span.per {font-size:15px; color:#ed2528; position:absolute; right:0; bottom:0; font-weight:bold;} .ATTV_list li .text .bottom .bottomCon .price_Box > span.per span {font-size:12px; color:#000;} .list_plus {text-align:center; padding:10px 0; color:#000; font-size:12px; font-weight:bold;} .list_plus a {color:#000;} .line {height:1px; background:#ededed; margin:10px 0;} .detail_txt_Top {box-sizing:border-box;} .detail_txt_Top .top .Top_Tit {font-size:15px; padding-top:10px; font-weight:bold;white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .detail_txt_Top .top .Top_Tit a{color:#000;} .detail_txt_Top .top .TopSub_Tit {font-size:12px; color:#7e7e7e; padding-top:10px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .detail_txt_Top .top .text_Box {padding-top:15px; overflow:hidden;} .detail_txt_Top .top .text_Box > div {display:inline-block; font-size:0.750em; } .detail_txt_Top .top .text_Box .text {float:right; padding:0;} .detail_txt_Top .top .text_Box .text span {color:#7e7e7e;} .detail_txt_Top .bottom {position:relative; box-sizing:border-box; padding-left:110px; border:1px solid #e7e7e7; min-height:110px;background: url('/css/images/ATTVcontent_listBG.jpg')no-repeat right top;} .ATTV_wrap .detail_txt .prc_box {padding-bottom:0;} .detail_tabcont .ATTV_list {padding-top:30px; padding-bottom:10px;} .detail_tabcont .ATTV_list li {border-bottom:none; margin-bottom:0;} .ATTVreviewWrap {box-sizing:border-box; padding:0 15px;} .ATTVreviewWrap .textarea {overflow:hidden;} .ATTVreviewWrap .textarea .UserID {font-size:15px; color:#000; box-sizing:border-box; padding:0 10px; border:1px solid #e7e7e7; border-bottom:0; background:url('/m/images/UserIDBG.jpg')no-repeat left bottom #f9f9f9; line-height:48px;} .ATTVreviewWrap .textarea textarea { float:left; box-sizing:border-box; padding:13px 10px; font-size:15px; border:1px solid #e7e7e7; border-top:0;resize:none; height:46px; width:80%; vertical-align:top;} .ATTVreviewWrap .textarea a { float:left; display:inline-block;width:20%; line-height:45px; background:#92979b; color:#fff; font-size:15px; text-align:center; vertical-align:top;} .ATTVreviewWrap .reviewlist .tab {padding:15px 0 8px 0; font-size:15px; border-bottom:1px solid #e2e2e2;} .ATTVreviewWrap .reviewlist .tab span.bar {color:#bbbbbb;} .ATTVreviewWrap .reviewlist .tab a{color:#bbbbbb; display:inline-block; } .ATTVreviewWrap .reviewlist .tab a.on {color:#000; background:url('/css/images/tabcheckBG.png')no-repeat left center; padding-left:23px;} .ATTVreviewWrap .reviewlist .list {overflow:hidden;} .ATTVreviewWrap .reviewlist .list li {padding:15px 0; border-bottom:1px solid #e2e2e2;} .ATTVreviewWrap .reviewlist .list li .ID {font-size:14px; font-weight:bold; color:#000;} .ATTVreviewWrap .reviewlist .list li .ID span.Day {display:inline-block; margin-left:10px; color:#c5c5c5;} .ATTVreviewWrap .reviewlist .list li .ID a.del {display:inline-block; margin-left:10px; color:#000; text-decoration:underline;} .ATTVreviewWrap .reviewlist .list li .Text {font-size:14px; font-weight:bold; padding-top:10px;} .ATTVreviewWrap .reviewlist .like {padding-top:10px; font-size:15px;} .ATTVreviewWrap .reviewlist .like .iconfont{color:#e0e0e0; display:inline-block;} .ATTVreviewWrap .reviewlist .like .rightzan .iconfont{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ATTVreviewWrap .reviewlist .like a.on.leftzan {color:#ed2528;} .ATTVreviewWrap .reviewlist .like a.on.leftzan .iconfont {color:#ed2528;} .ATTVreviewWrap .reviewlist .like a.on.rightzan {color:#257bed;} .ATTVreviewWrap .reviewlist .like a.on.rightzan .iconfont {color:#257bed;} .tabcont_ATTVlist {/*padding:15px 10px;*/ font-size:0} .tabcont_ATTVlist li {display:inline-block; font-size:12px; width:100%; box-sizing:border-box; padding:10px; vertical-align:top;border-bottom:10px solid #f0f0f0;} .tabcont_ATTVlist li .img img {width:100%;} .tabcont_ATTVlist li .Tit {padding-top:10px; font-size:13px; font-weight:bold; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .tabcont_ATTVlist li .Tit a {color:#000;} .tabcont_ATTVlist li .SubTit {font-size:11px; color:#929292; padding-top:7px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .ATTV_LayerMaksk {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99997;} .ATTV_LayerMaksk.on {display:block;} .ATTV_Layer { background:#fff; height:100%; position:fixed; top:0; right:-85%; width:85%; z-index:99998; transform:translateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); -o-transform:translateX(0); transition: all 0.2s; -moz-transition: all 0.2s; /* Firefox 4 */ -webkit-transition: all 0.2s; /* Safari 和 Chrome */ -o-transition: all 0.2s; /* Opera */ } .ATTV_Layer.on { transform:translateX(-100%); -ms-transform:translateX(-100%); -moz-transform:translateX(-100%); -webkit-transform:translateX(-100%); -o-transform:translateX(-100%); transition: all 0.2s; -moz-transition: all 0.2s; /* Firefox 4 */ -webkit-transition: all 0.2s; /* Safari 和 Chrome */ -o-transition: all 0.2s; /* Opera */ } #goods_layer{ } .ATTV_Layer .top_fix_head .btn_back_pst img {width:39px; height:38px;} .ATTV_LayerInner {overflow-y:scroll; max-height:100%; box-sizing: border-box; padding: 0 0 49px 0; margin-top:39px;-webkit-overflow-scrolling : touch;} .ATTV_conBy_Layer_marsk {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99998; display:none;} .ATTV_conBy_Layer {position:fixed; min-width:306px; top:50px; left:7px; right:7px; background:#fff; z-index:99999; border-radius:5px; text-align:left; overflow:hidden; height:0; opacity:0; -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 10px 2px rgba(0,0,0,0.75); box-shadow: 0 0 10px 2px rgba(0,0,0,0.75); transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; } .ATTV_conBy_Layer_marsk.on {display:block;} .ATTV_conBy_Layer.on {height:auto; opacity:1; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; } .ATTV_conBy_Layer h1 {border-radius:5px 5px 0 0; box-sizing:border-box; padding:10px; color:#fff;} .ATTV_conBy_Layer .Layerinner {box-sizing:border-box; padding:10px; max-height:250px; overflow:auto;} .ATTV_conBy_Layer .Layerinner .optionTit {padding:5px 0; font-weight:bold;} .ATTV_conBy_Layer .totalpriceBox {text-align:right; font-size:13px; padding:5px 10px;} .ATTV_conBy_Layer .totalpriceBox .text01 {font-weight:bold;} .ATTV_conBy_Layer .totalpriceBox .totalprice {font-size:13px; font-weight:bold;} .ATTV_conBy_Layer .totalpriceBox .eq {font-weight:normal;} .ATTV_conBy_Layer .CartClickBtn {border-radius:0 0 5px 5px; text-align:center; padding:8px 0;} .ATTV_conBy_Layer .CartClickBtn a {width:30%;background:#e1e1e1;} .ATTV_conBy_Layer .fixed_option {box-sizing:border-box; padding:0 10px; max-height:300px; overflow:auto;} .view_goods_Inbox {max-height:180px; overflow:auto;} /* 티비 퍼블 끝*/ /*BRAND페이지 퍼블*/ .brandTop {overflow:hidden; background:#c8c8c8; padding:15px 0;} .brandTop .brandTopTab{overflow:hidden; text-align:center;} .brandTop .brandTopTab li {display:inline-block; line-height:25px; font-size:15px; font-weight:bold; margin:0 10px;} .brandTop .brandTopTab li a {color:#000; display:block; background:#555555; border-radius:12.5px; padding:0 5px; min-width:50px;} .brandTop .brandTopTab li a.on {background:#fff; } .brandTop .brandToplinks {overflow:hidden; padding-top:15px; display:none;} .brandTop .brandToplinks.on {display:block;} .brandTop .brandToplinks ul {overflow:hidden; box-sizing:border-box; padding:0 15px;} .brandTop .brandToplinks li {display:inline-block; float:left; width:11.11%; text-align:center; line-height:35px;} .brandTop .brandToplinks li a {display:inline-block; font-size:15px; color:#fff; font-weight:bold; width:35px; height:35px;} .brandTop .brandToplinks li a.on {color:#000; background:#fff; border-radius:100%; text-align:center;} .brandWrap .brand_List {background:#fff; padding-top:20px;} .brandWrap .brand_List h1 {font-size:14px; color:#aaaaaa; padding:10px;} .brandWrap .brand_List ul {overflow:hidden; font-size:0; box-sizing:border-box; padding:0 2%;} .brandWrap .brand_List ul li{display:inline-block; font-size:12px; box-sizing:border-box;float:left;position:relative;padding:12.5%;margin-bottom:42px;} .brandWrap .brand_List ul li .listcon{width:100%;height:100%;position:absolute;left:0;top:0;padding:0 2%;box-sizing:border-box;} .brandWrap .brand_List ul li .img {width:100%;height:100%;box-sizing:border-box; border:1px solid #dddddd;display:table;} .brandWrap .brand_List ul li .img a{display:table-cell;vertical-align:middle;} .brandWrap .brand_List ul li .img img {width:100%;} .brandWrap .brand_List ul li .text {white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center;} /*BRAND페이지 퍼블 끝*/ .list_p {font-weight:bold;} /* 메인팝업 */ .pop_main_mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:99998;opacity:0.6 !important;} /* 메인팝업 끝 */ .my_main_list {background:#fff; margin:10px -15px 0;} .my_main_list ul li {border-bottom: 1px solid #dbdbdb; padding: 14px 10px 13px 10px; width: 100%; box-sizing: border-box; color: #323232; font-size: 14px;} .my_main_list ul li.depth1 > a {background: url(/m/images//2_5_1.png) no-repeat right center; background-size: 25px 4px;} .my_main_list ul li.depth1.on > a {background: url(/data/kdemo3/banner/1_7_1.png) no-repeat right center;background-size: 25px 4px;} .my_main_list ul li a {display:block; color: #323232;} .my_main_list .depth2{display:none;} .my_main_list .depth2 li {font-size:12px;} .my_main_list .depth2 li:last-child {border-bottom:0;} /* 장바구니 alert */ .conf_cart {position:fixed; left:50%; bottom:50%; margin-left:-30px; margin-bottom:-30px; width:60px; height:60px; z-index:99997; display:none; box-sizing:border-box; padding:11px; text-align:center; font-size:13px; line-height:1.5em; font-weight:bold; border:1px solid #FFA8A8; background-color:rgba(255,255,255,.8); color:gray; border-radius:50%;} .conf_cart .bak_img {background:url('../images/cart_check_ico1_03.png')no-repeat; background-position:center center; background-size:38px 38px; width:38px; height:38px;} .fixed_optionbtns_box .cartCnt {display:block; position:absolute; top:4px; right:4px; width:18px; height:18px; border-radius:50%; color:#fff; font-size:11px; line-height:18px; text-align:center;} .subSolutionSummary ul{padding-top:10px;} .subSolutionSummary li.line{line-height:1.3; height:auto; margin:0; box-sizing:border-box; padding:5px 15px;border-bottom:0 !important;background:#fff;} .subSolutionSummary li.line:after{content:"";display:block;width:100%;border-bottom:1px solid #ffd402;padding-top:5px;margin-bottom:-5px;} .http { margin-top: 12px; display: inline-block; line-height: 40px; vertical-align: middle; width: 15%;} .member_wrap.estimate {padding:10px 0; border:1px solid #ccc; border-left:0; border-right:0; overflow:hidden; margin:10px 0;} .member_wrap.estimate .titit {font-size:15px; font-weight:bold;} .member_wrap.estimate p {font-size:11px; color:red; padding:10px 0;} .member_wrap.estimate .check_text {width:43%; box-sizing:border-box; margin:0 10px; float:left; font-size:12px;} .qanda_list_top .tit{font-size:17px; font-weight:bold; padding:10px 0; line-height:1.5;} .qanda_list_top .subtit {line-height:1.5;} .qanda_list_top .color {color:rgb(255, 102, 0); font-size:14px;} .qanda_list_top .list_num {font-size:15px; padding-top:15px;} .board_write_tit {font-size:15px; padding-top:15px;} .board_write_tit .bold {font-weight:bold;} /* 부가서비스 - 공통 */ .add_service_wrap .inner {padding-bottom:30px;} .add_service_wrap .inner .top {position:relative;} .add_service_wrap .inner img {width:100%;} .add_service_wrap .inner .apply_btn {width:140px; height:28px; margin:0 auto; background-color:#333; color:#fff; display:block; line-height:28px; text-align:center; font-weight:bold;} .add_service_wrap .inner .top .apply_btn {margin-top:20px;} .add_service_wrap .inner .section {margin-top:40px;} .add_service_wrap .inner .section2 p {padding-left:10px; margin-top:10px;} .add_service_wrap .inner .section:last-of-type{margin-bottom:20px;} .add_service_wrap .inner .tit_wrap {text-align:center; font-size:16px; margin:0 10px; margin-bottom:20px; padding-top:20px; border-top:1.5px solid #eee;} .add_service_wrap .inner .section1 .tit_wrap {padding-top:0; border-top:none;} .add_service_wrap .inner h2.color_num {color:#ff0047; margin-bottom:5px;} /* 부가서비스 - 카카오알림톡 */ /* .add_service_wrap .kakao_noti_wrap .inner .top {background-color:#fae125;} */ /* 부가서비스 - SMS발송 */ .add_service_wrap .sms_wrap .inner .top {background-color:#f9f4ee;} .add_service_wrap .sms_wrap .section3 {margin-bottom:0;} .add_service_wrap .sms_wrap .section4 {margin-bottom:20px;} /* 부가서비스 - 쇼핑몰앱서비스 */ .add_service_wrap .app_wrap .inner .top {background-color:#f9f4ee;} .add_service_wrap .app_wrap .inner .section3 .cont {padding:0 10px;} .add_service_wrap .app_wrap .inner .section3 .bg {padding:15px; background-color:#f4f4f4; overflow:hidden; padding-bottom:0;} .add_service_wrap .app_wrap .inner .section3 .ico_wrap {float:left; width:50%;} .add_service_wrap .app_wrap .inner .section3 .iphone {float:left; width:50%; position:relative;} .add_service_wrap .app_wrap .inner .section3 .ico_wrap ul {overflow:hidden; box-sizing:border-box; padding:0 5px; text-align:center; padding-left:0;} .add_service_wrap .app_wrap .inner .section3 .ico_wrap ul li {float:left; width:50%; box-sizing:border-box; padding:0 5px; margin-bottom:15px;} .add_service_wrap .app_wrap .inner .section3 .ico_wrap ul li h5 {font-size:0.7em;} .add_service_wrap .app_wrap .inner .section3 .iphone .box {position:absolute; top:12%; left:8%; right:8%; bottom:15%;} .add_service_wrap .app_wrap .inner .section3 .iphone .box img {display:none;} .add_service_wrap .app_wrap .inner .section3 .iphone .box img.on {display:block;} /* 부가서비스 - 국제알리페이 */ .add_service_wrap .alipay_wrap .inner .top {background-color:#f9f4ee;} .add_service_wrap .alipay_wrap .inner .apply_btn {background:url('/m/images/m_ali_02.jpg')no-repeat; background-position:center center; background-size:120px 16px; background-color:#333; color:#333;} /* 부가서비스 - 네이버페이 */ .add_service_wrap .naverpay_wrap .inner .top {padding-bottom:0;} .add_service_wrap .naverpay_wrap .inner .apply_btn {background:url('/m/images/m_naverpay_11.jpg')no-repeat; background-position:center center; background-size:100px 18px; background-color:#333; color:#333;} .add_service_wrap .naverpay_wrap .inner .top .apply_btn {bottom:10%;} /* 부가서비스 - 페이코 */ .add_service_wrap .payco_wrap .inner .top {background-color:#fef9f7;} /* 부가서비스 - 실명인증 */ .add_service_wrap .real_name_wrap .inner .top {padding-bottom:0;} .add_service_wrap .real_name_wrap .inner .tit_wrap .color_num {color:#ff0047;} .add_service_wrap .real_name_wrap .inner .section3 {margin-bottom:0;} .add_service_wrap .real_name_wrap .inner .section4 {margin-bottom:20px;} /* 부가서비스 - 위챗페이 */ .add_service_wrap .wechat_wrap .inner .top {background-color:#f9f4ee;} .add_service_wrap .wechat_wrap .inner .apply_btn {background:url('/m/images/m_wechat_05.jpg')no-repeat; background-position:center center; background-size:120px 16px; background-color:#333; color:#333;} /* 부가서비스 - 보안 SSL */ .add_service_wrap .ssl_wrap .inner .top {padding-bottom:0;} .add_service_wrap .ssl_wrap .inner .section2 .tit_wrap>span {font-size:13px;} .add_service_wrap .ssl_wrap .inner .section2 .cont {padding:0 10px;} .add_service_wrap .ssl_wrap .inner .section2 .cont img:first-child {border-bottom:2px solid #ededed;} /* 부가서비스 - 중국 SMS발송 */ .add_service_wrap .sms_ch_wrap .inner .top {padding-bottom:0;} /* 부가서비스 - 웹호스팅 */ .add_service_wrap .hosting_wrap .section .tit_wrap>span {font-size:11px;} .add_service_wrap .hosting_wrap .section2 img {margin-bottom:20px;} .add_service_wrap .hosting_wrap .section3 img {margin-bottom:20px;} .add_service_wrap .hosting_wrap .apply_btn {margin-bottom:3px;} .add_service_wrap .hosting_wrap .apply_btn+span {display:block; text-align:center; font-size:10px;} /* 부가서비스 - PG신청 */ .add_service_wrap .add_pg_wrap .section1 .cont {padding:0 3%;} .add_service_wrap .add_pg_wrap .section1 .cont .cont_btm {overflow:hidden; border-left:0.5px solid #ededed; border-right:2px solid #ededed; border-bottom:2px solid #ededed; box-sizing:border-box; margin:0 0.1% 0 0.4%;} .add_service_wrap .add_pg_wrap .section1 .cont .cont_btm>div {float:left;} .add_service_wrap .add_pg_wrap .section1 .cont .cont_btm .cont_lgt {width:22%;} .add_service_wrap .add_pg_wrap .section1 .cont .cont_btm .cont_rgt {width:78%; padding:10px 0;} .add_service_wrap .add_pg_wrap .section1 .cont .cont_btm .cont_rgt img {float:left; width:22%; margin-left:13%;} .add_service_wrap .add_pg_wrap .section1 .cont .cont_btm .cont_rgt img:first-child {margin-left:0;} .add_service_wrap .add_pg_wrap .section3 h1.tit {position:relative;} .add_service_wrap .add_pg_wrap .section3 h1.tit .logo {position:absolute; top:0; right:17%; width:55px;} .add_service_wrap .add_pg_wrap .section h1.tit+span {font-size:11px;} .add_service_wrap .add_pg_wrap .section3 .cont_btm {margin:0 4.1% 0 3.6%; overflow:hidden; border-left:0.5px solid #ededed; border-right:2px solid #ededed; border-bottom:2px solid #ededed; box-sizing:border-box; } .add_service_wrap .add_pg_wrap .section3 .cont_btm>div {float:left; width:50%; text-align:center; box-sizing:border-box;} .add_service_wrap .add_pg_wrap .section3 .cont_btm>div img {width:70%; margin-bottom:10px;} .add_service_wrap .add_pg_wrap .section4 h1.tit {position:relative;} .add_service_wrap .add_pg_wrap .section4 h1.tit .logo {position:absolute; top:-12px; right:23%; width:44px;} .add_service_wrap .add_pg_wrap .section4 .cont_btm {margin:0 4% 0 3.8%; overflow:hidden; border-left:0.5px solid #ededed; border-right:2px solid #ededed; border-bottom:2px solid #ededed; box-sizing:border-box; } .add_service_wrap .add_pg_wrap .section4 .cont_btm>div {float:left; text-align:center; box-sizing:border-box;} .add_service_wrap .add_pg_wrap .section4 .cont_btm .cont_lgt {width:42%;} .add_service_wrap .add_pg_wrap .section4 .cont_btm .cont_rgt {width:58%;} .add_service_wrap .add_pg_wrap .section4 .cont_btm .cont_lgt img {width:80%; margin-bottom:10px;} .add_service_wrap .add_pg_wrap .section4 .cont_btm .cont_rgt img {width:60%; margin-bottom:10px;} .add_service_wrap .add_pg_wrap .section5 h1.tit {position:relative;} .add_service_wrap .add_pg_wrap .section5 h1.tit .logo {position:absolute; top:-12px; right:23%; width:44px;} .add_service_wrap .add_pg_wrap .section5 .cont_btm {margin:0 4% 0 3.8%; overflow:hidden; border-left:0.5px solid #ededed; border-right:2px solid #ededed; border-bottom:2px solid #ededed; box-sizing:border-box; } .add_service_wrap .add_pg_wrap .section5 .cont_btm>div {float:left; text-align:center; box-sizing:border-box;} .add_service_wrap .add_pg_wrap .section5 .cont_btm .cont_lgt {width:42%;} .add_service_wrap .add_pg_wrap .section5 .cont_btm .cont_rgt {width:58%;} .add_service_wrap .add_pg_wrap .section5 .cont_btm .cont_lgt img {width:80%; margin-bottom:10px;} .add_service_wrap .add_pg_wrap .section5 .cont_btm .cont_rgt img {width:60%; margin-bottom:10px;} /* 쇼핑몰솔루션-기능Summary by jejewa */ div.solutionSummary{width:100%;background:#fff;overflow:hidden;} div.solutionSummary h2{position:relative;width:97%;margin:20px 10px 0;padding:13px 0;border-top:5px solid #2cccdc;border-bottom:1px solid #aaa;font-size:15pt;} div.solutionSummary dl{position:relative;margin:20px 10px 0;} div.solutionSummary dl dt{position:absolute;left:50px;top:8px;font-size:12pt;font-weight:bold;letter-spacing:-2px;} div.solutionSummary dl dt a{color:#333;} div.solutionSummary dl dd{margin:0;padding:0;letter-spacing:-1px;} div.solutionSummary dl dd img{max-width:50px;} div.solutionSummary dl dd:first-child{position:absolute;} div.solutionSummary dl dd:last-child{position:absolute;left:50px;top:22pt;font-size:9pt;color:#888;line-height:11pt;} /* 쇼핑몰솔루션-기능desc by jejewa */ dl.solutionTitle{position:relative;width:100%;height:82px;margin:80px 0 30px 0;background:#333;border-radius:5px;} dl.solutionTitle dt{position:absolute;left:80px;top:0;margin:0;padding:20px 0 25px 20px;width:82.5%;font-size:28px;color:#333;font-weight:bold;letter-spacing:-2px;background:#f5cb1f;border-radius:5px;} dl.solutionTitle dd{margin:0;padding:0;letter-spacing:-1px;} dl.solutionTitle dd.first {position:absolute;top:10px;padding-top:22px;width:15%;height:70px;color:#fff;text-align:center;} dl.solutionTitle dd:last-child {position:absolute;left:80px;top:53px;padding:0 0 12px 20px;width:82.5%;font-size:15px;color:#333;background:#f5cb1f;border-radius:5px;} dl.solutionTitle dd:last-child div.top{position:absolute;right:5px;top:-95px;padding:8px;background:#333;color:#fff;border-radius:5px;} dl.solutionTitle dd:last-child div.top a{color:#fff;font-size:11px;} /* 설명 페이지 - 솔루션별 기능안내 */ .all_solution_wrap_m .pageContain {width:100%;} .all_solution_wrap_m .subpageTitle {border-bottom:2px solid #000;} .all_solution_wrap_m .solutions {background-color:#f4f4f4;} .all_solution_wrap_m .inner {padding:10px;} .all_solution_wrap_m p.tit {font-size:25px; text-align:center; padding-bottom:20px;} .all_solution_wrap_m .solutions .inner ul {overflow:hidden; text-align:center; line-height:2em; margin-bottom:10px; margin-left:-2%;} .all_solution_wrap_m .solutions .inner ul li {float:left; width:48%; background-color:#fff; margin-left:2%; border-radius:10px; margin-bottom:10px;} .all_solution_wrap_m .solutions .inner ul li>p {padding:15px; border-top-left-radius:10px; border-top-right-radius:10px; font-size:13px; font-weight:bold;} .all_solution_wrap_m .solutions .inner ul p.kr {background-color:#ffd402;} .all_solution_wrap_m .solutions .inner ul p.ch {background-color:#f5002e; color:#fff;} .all_solution_wrap_m .solutions .inner ul li>div {padding:10px 0;} .all_solution_wrap_m .solutions .inner ul li>div>p {margin-top:15px; min-height:60px;} .all_solution_wrap_m .solutions .inner ul li>div>p:first-child {margin-bottom:8px; height:120px; box-sizing:border-box; padding:0 10px;} .all_solution_wrap_m .solutions .inner ul li.last_li>div>p:first-child {padding-top:0;} .all_solution_wrap_m .solutions .inner ul li>div>p strong {font-weigh:bold; font-size:18px;} .all_solution_wrap_m .solutions .inner>div {background-color:#fff; padding:10px; font-size:0px; margin-top:-10px; border-radius:10px;/*border-bottom-left-radius:10px; border-bottom-right-radius:10px;*/} .all_solution_wrap_m .solutions .inner>div p {border-top:1px solid #e8e8e8; padding:4px;} .all_solution_wrap_m .solutions .inner>div p>span {display:inline-block; width:75%; text-align:center; font-size:12px; box-sizing:border-box; padding:10px; vertical-align:middle;} .all_solution_wrap_m .solutions .inner>div p>span.tit_span {width:25%; font-size:12px; border-right:1px solid #e8e8ea;} .all_solution_wrap_m .solutions .solution_ul div img{width:45%;} .all_solution_wrap_m .solutions .inner ul li:nth-of-type(5)>div{height:230px;} .all_solution_wrap_m .solutions .inner ul li:nth-of-type(6)>div{height:230px;} .all_solution_wrap_m .solutions .solution_ul dl dd img{width:35%; margin:-20px 10px 0;} .all_solution_wrap_m .solutions .solution_ul .kr a{color:#000; display:inline-block; width:100%; height:100%;} .all_solution_wrap_m .solutions .solution_ul .ch a{color:#000;display:inline-block; width:100%; height:100%;} .all_solution_wrap_m .inner {padding-top:40px;} .all_solution_wrap_m .inner .tit_number{font-size:30px; text-align:center; color:#ff0047; margin-bottom:10px;} .all_solution_wrap_m .inner p.tit {font-size:12px; color:#b6b6b6;} .all_solution_wrap_m .inner p.tit strong {display:block; color:#333; font-size:20px; margin-bottom:8px;} .all_solution_wrap_m .inner .tab_tit ul {overflow:hidden;} .all_solution_wrap_m .inner .tab_tit ul li {float:left; width:48%; background-color:#edecec; border-top-left-radius:10px; border-top-right-radius:10px; box-sizing:border-box; padding:10px; text-align:center; font-size:14px; color:#fff;} .all_solution_wrap_m .inner .tab_tit ul .tab_k.on {background-color:#ffd402; font-weight:bold; color:#000;} .all_solution_wrap_m .inner .tab_tit ul .tab_c.on {background-color:#f5002e; font-weight:bold; color:#000;} .all_solution_wrap_m .inner .tab_cont {display:none;} .all_solution_wrap_m .inner .tab_cont.on {display:block;} .all_solution_wrap_m .inner table {text-align:center; width:100%; border-top:1px solid #000;} .all_solution_wrap_m .inner table tr:first-child th {border-left:1px solid #e8e8ea;} .all_solution_wrap_m .inner table tr:first-child th:first-child {border-left:none; background-color:#ebebed;} .all_solution_wrap_m .inner table th, .all_solution_wrap_m .inner table td {padding:10px; border-bottom:1px solid #e8e8ea;} .all_solution_wrap_m .inner table th {background-color:#f5f5f6; font-size:12px;} .all_solution_wrap_m .inner table td {border-left:1px solid #e8e8ea;} .all_solution_wrap_m .inner .add_desc {margin-top:10px; line-height:2em;} .all_solution_wrap_m .inner .add_desc a {display:inline-block; color:#006aa7; text-decoration:underline; background:url("/images/mall-sub_13.jpg")no-repeat; background-position:right center; background-size:17px 17px; width:auto; padding:0 18px 0 0;} .all_solution_wrap_m .inner table td.td_o {color:#f50633; font-size:20px;} .all_solution_wrap_m .inner table td.td_x {color:#e1e1e1; font-size:20px;} .all_solution_wrap_m .inner .section_inner h3 {font-size:18px; margin:30px 0 10px 0;} .all_solution_wrap_m .solution_main_service .inner h3 {background-position:left center; background-size:33px 33px; padding:5px 0 5px 36px;} .all_solution_wrap_m .solution_main_service .inner .setting_section h3 {background:url("/images/mall-sub_03.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .design_section h3 {background:url("/images/mall-sub_16.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .product_section h3 {background:url("/images/mall-sub_19.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .order_section h3 {background:url("/images/mall-sub_23.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .operate_section h3 {background:url("/images/mall-sub_27.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .member_section h3 {background:url("/images/mall-sub_31.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .stats_section h3 {background:url("/images/mall-sub_35.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .seller_section h3 {background:url("/images/mall-sub_37.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .accounts_section h3 {background:url("/images/mall-sub_03.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .mobile_section h3 {background:url("/images/mall-sub_40.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .parcel_section h3 {background:url("/images/mall-sub_44.jpg")no-repeat;} .all_solution_wrap_m .solution_main_service .inner .kr table{border-top:none;} .all_solution_wrap_m .solution_main_service .inner .kr table th{border-bottom:none;} .all_solution_wrap_m .solution_main_service .inner .kr table tr:first-child th{background-color:#f5f5f6;} .all_solution_wrap_m .solution_main_service .inner .kr .table_info{text-indent:10px;} .all_solution_wrap_m .solution_main_service .inner .ch{margin-top:40px;} .all_solution_wrap_m .solution_main_service .inner .ch table{border-top:none;} .all_solution_wrap_m .solution_main_service .inner .scn_tit {display:block; color:#333; font-size:20px; margin-bottom:25px; text-align:center;} .all_solution_wrap_m .solution_main_service .inner .table_tit{background-color:#f5f5f6;} .all_solution_wrap_m .solution_main_service .inner .table_info{background-color:#fff; font-weight:100; text-align:left;} .all_solution_wrap_m .solution_main_service .inner .ch .table_tit{border-bottom:none; color:red;} .all_solution_wrap_m .solution_main_service .inner .ch .table_tit:first-child{background-color:#f5f5f6;} .all_solution_wrap_m .solution_main_service .inner .ch .table_info{border-left:none; border-bottom:none; text-align:left; font-weight:bold;} .all_solution_wrap_m .solution_main_service .inner .ch .table_tit2{background-color:#fff; border-bottom:none;} .all_solution_wrap_m .solution_main_service .inner .ch .table_info2{border-left:none; text-align:left; border-bottom:none;} .all_solution_wrap_m .solution_main_service .inner .ch .table_info2 strong{color:red;} .all_solution_wrap_m .solution_main_service .inner .ch .table_line{border:none; padding:10px 0} .all_solution_wrap_m .solution_main_service .inner .ch .table_line div{background-color:#d9d9d9; ;height:1px;width:calc(100% + 20px);margin-left:-10px; text-indent:-9999px;} .all_solution_wrap_m .cs {background-color:#f5f5f6; margin:30px 10px;} .all_solution_wrap_m .cs .inner {padding-top:0;} .all_solution_wrap_m .cs .inner h2 {font-size:16px; text-align:center; padding:10px; border-bottom:1px solid #e0e0e0;} .all_solution_wrap_m .cs .inner .cont {overflow:hidden; padding-top:10px; text-align:center;} .all_solution_wrap_m .cs .inner .cont .cont_lgt {float:left; width:30%; height:90px; background-color:#333; border-radius:10px; margin-right:2%; color:#fff; font-size:12px; text-align:center; box-sizing:border-box; padding-top:5px;} .all_solution_wrap_m .cs .inner .cont_lgt strong {display:block; font-size:15px; margin-top:4px;} .all_solution_wrap_m .cs .inner .cont .cont_rgt {float:left; width:68%; text-align:left;} .all_solution_wrap_m .cs .inner .cont_rgt strong {font-size:15px; display:block; margin-bottom:8px;} .all_solution_wrap_m .cs .inner .cont_rgt strong>span {display:block; font-size:13px;} .all_solution_wrap_m .cs .inner .cont_rgt p {font-size:9px; line-height:1.5em; margin-bottom:15px;} .all_solution_wrap_m .cs .inner .cont>span {display:inline-block; background-color:#f5002e; padding:10px 15px; border-radius:4px; margin-right:10px;} .all_solution_wrap_m .cs .inner .cont>span>a{color:#fff;} .pageContain .btn_yellow01:first-child {margin-right:56px;} /* 쇼핑몰스킨 //10.18 icw */ .shsk > div{padding:40px 20px;box-sizing:border-box;} .shsk .titWrap{text-align:center;} .shsk .titWrap .tit{font-size:28px;color:#333;font-weight:bold;padding:20px 0 15px;} .shsk .titWrap .stit{font-size:13px;color:#333;font-weight:bold;margin-top:0;} .shsk .conWrap .caption{font-size:13px;color:#333;vertical-align:top;line-height:24px;padding:10px 0;} .shsk .conWrap .caption i{color:#fff;background:#ffca42;border-radius:50%;vertical-align:top;margin-right:5px;} .shsk .imgWrap{font-size:0;} .shsk .imgWrap li{width:100%;display:inline-block;} .shsk .imgWrap li .liWrap{background:#d9d9d9;position:relative;overflow:hidden;} .shsk .imgWrap li .liWrap img{width:100%;} .shsk .imgWrap li .liWrap span{position:absolute;left:50%;top:50%;color:#fff;background:rgba(251,198,63,.9);border-radius:50%;width:66px;height:66px;margin:-33px 0 0 -33px;font-size:50px;text-align:center;line-height:67px;font-weight:normal;cursor:pointer;} .shsk .imgWrap li p{text-align:left;font-size:14px;color:#333;padding:25px 0 10px;} .shsk .sct_m .imgWrap{margin:0 -10px;text-align:center;} .shsk .sct_m .imgWrap li{width:75%;padding:0 5px;box-sizing:border-box;vertical-align:top;margin:auto;} .clone_detail{width:auto;position: absolute;top:60px;left:50%;z-index:800;margin-left:-600px;cursor:pointer;} .detail_click_z.clone_detail{width:100%;text-align:center;} .detail_click_z.clone_detail img{width:100%;} .detail_click_z.clone_detail span{display:none;} .det_dummy_box{width:100%;height:100%;background:#000;position:fixed;top:0px;left:0px;z-index:700;opacity:.8;} /* 쇼핑몰스킨 끝 */ /*page.asp*/ .demo_box {overflow:hidden; padding:0 15px;} .demo_box dl {float:left; width:46%; overflow:hidden;} .demo_box dl.left{float:left;} .demo_box dl.right{float:right;} .demo_box dl dt , .demo_box dl dd {float:left; font-size:13px;} .demo_box dl dt {text-align: left; padding-top: 11px; box-sizing: border-box; padding-left: 3px;float:left;} .demo_box dl dd {width:64%;text-align:left;float:right;} .demo_box a{display:block; text-align:center; line-height:2.2; background:#ffd402; color:#000; margin-top:5px;cursor:pointer;font-weight:bold;} .demo_box.fi a {font-size:11px; margin-right:1px;} .pageContain .subSolutionSummary .solutionPrice{text-decoration:line-through;} .pageContain .subSolutionSummary .solutionPctPrice{margin-top:-15px;font-size:16px;color:#ce0000;font-weight:bold;letter-spacing:-1px;padding-right:5px;} .mall_shoppingmall{overflow:hidden;padding:15px 10px;box-sizing:border-box;border:1px solid #ccc;border-width:1px 0;margin:40px 0;} .mall_shoppingmall dl{overflow:hidden;} .mall_shoppingmall dt{float:left;text-align:center;width:20%;} .mall_shoppingmall dd{float:left;font-size:0;text-align:right;width:80%;} .mall_shoppingmall dd span{display:inline-block;width:40%;text-align:center;} /*page.asp 끝*/ /* 중국전자상거래 */ .chiec{width: 100%; height: 100%; margin-left: auto; margin-right: auto; box-sizing:border-box;} .chiec > .swiper-wrapper > .swiper-slide{text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .chiec > .swiper-wrapper > .swiper-slide>div{width:100%;} .chiec > .swiper-button-next{position:fixed;display:inline-block;width:40px;top:auto;bottom:30px;left:50%;margin-left:-20px;background:none;} .chiec > .swiper-button-next img{width:100%;height:auto;} .chiec > .swiper-button-prev{display:none;} .chiec .swiper-button-next.wrap { -webkit-animation:horizontalBounce 5s linear infinite both; animation:horizontalBounce 5s linear infinite both; } @-webkit-keyframes horizontalBounce { 0%, 10%, 30%, 50%, 70%, 90%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20%, 40%, 60%, 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } } .chiec .swiper-button-next.swiper-button-disabled.wrap, .swiper-button-prev.swiper-button-disabled.wrap {display:none;} .chiec .swiper-button-prev.wrap {display:none;} .chiec .section1 {height:100%;} .chiec .section1 .swiper-slide {width:100%;} .chiec .section1 .swiper-slide .text img {height:20px;} .chiec .section1 .swiper-slide .bg_img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;} .chiec .section1 .swiper-slide .bg_img img {width:100%; height:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:7s; -moz-transition:7s; -ms-transition:7s; -o-transition:7s; transition:7s; } .chiec .section1 .swiper-slide.swiper-slide-active .bg_img img{width:100%; height:100%; -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); -webkit-transition:7s; -moz-transition:7s; -ms-transition:7s; -o-transition:7s; transition:7s; } .chiec .section1 .swiper-slide .text {position:absolute; left:0; top:32%; width:100%; font-size:1.3em; z-index:10; color:#fff;font-family: "NanumSquareL"; line-height:1.5;} .chiec .section1 .swiper-slide .text span{font-family: "NanumSquareB";} .chiec .section1 .swiper-button-next {background:url("/images/section_portfolioright.png")no-repeat 0 0; background-size:22px 44px;} .chiec .section1 .swiper-button-prev {background:url("/images/section_portfolioleft.png")no-repeat 0 0; background-size:22px 44px;} .chiec > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ffed00;} .chiec > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active.wrap_page04 {background:#000;} .chiec span.bold{font-family:NanumSquareB;} .chiec .btn_page {position:fixed;top:50%;right:100px;z-index:999;margin-top:-130px;} .chiec .btn_page ul {} .chiec .btn_page ul li{margin:15px 0;} .chiec .btn_page ul li a{display:inline-block; width:40px;height:40px; text-align:center;background:#ffd402;font-size:16px;line-height:40px;color:#fff;font-family:"NanumSquareB";border-radius:50%;} .chiec .btn_page ul li a:hover{background:none;} .chiec .btn_page ul li.on a{background:none;} .chiec .btn_page .TB {display:block; position:absolute; right:-50px; top:0; width:50px; box-sizing:border-box; border-left:1px solid #f6da21;} .chiec .btn_page .TB a {display:block; width:100%; height:50px; line-height:50px; text-align:center; box-sizing:border-box; border-bottom:1px solid #f6da21;color:#000;} .chiec .btn_page .TB a:last-child{border-bottom:0;}; .chiec .btn_page .TB a img {vertical-align:middle;} .chiec .flag {position:absolute; right:7px; top:38px; z-index:10;} .chiec .flag a {display:inline-block; margin-right:2px;} .chiec .flag a img {width:26px;} .chiec .bottom_botton {position:absolute; left:0; bottom:70px; width:100%; text-align:center; z-index:20;} .chiec .bottom_botton a {display:inline-block;} .chiec .bottom_botton a img{width:50px;height:auto;} .chiec .bounce_ani { -webkit-animation:horizontalBounce 5s linear infinite both; animation:horizontalBounce 5s linear infinite both; } @-webkit-keyframes horizontalBounce { 0%, 10%, 30%, 50%, 70%, 90%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20%, 40%, 60%, 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } } .chiec .bottom_btn_list {position:absolute; left:0; text-align:center; bottom:50px; width:100%; height:auto; z-index:30;} .chiec .bottom_btn_list {font-size:0; box-sizing:border-box; padding:0 5%;} .chiec .bottom_btn_list a {display:inline-block; font-size:12px; color:#fff; text-align:center;} .chiec .main_section {height:100vh;position:relative;} .chiec .main_section .main_marsk {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);} .chiec .section_F1 {background:#ffed00;} .chiec .section_F1_intro .swiper-container{} .chiec .section_F1_intro .swiper-wrapper{width:100% !important;height:100% !important;} .chiec .section_F1_intro .swiper-slide{width:100%; height:100vh;text-align:center; box-sizing:border-box;} .chiec .section_F1_intro .swiper-slide{} .chiec .section_F1_intro .text{position:absolute; line-height:1.5; left:0; top:22%; z-index:20; width:100%; color:#fff; font-size:80px; text-align:center; font-weight:normal;font-family:"NanumSquareL";letter-spacing:-.4px;} .chiec .section_F1_intro .swiper-slide.p2 .text{top:15%;} .chiec .section_F1_intro .swiper-slide.p3 .text{top:16%;} .chiec .section_F1_intro .text .logo {} .chiec .section_F1_intro .text span.bold {font-family:"NanumSquareB";} .chiec .section_F1_intro .text .logo_none {height:55px;} .chiec .section_F1_intro .text strong {font-family:"NanumSquareB";} .chiec .section_F1_intro .swiper-button-next, .section_F1_intro .swiper-button-prev{width:65px; height:125px; margin-top:-65px; z-index:50;} .chiec .section_F1_intro .swiper-button-next{background:url("/images/section_portfolioright.png")no-repeat 0 0;} .chiec .section_F1_intro .swiper-button-prev{background:url("/images/section_portfolioleft.png")no-repeat 0 0;} .chiec .section_F1_intro .swiper-slide .bg_img{position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; z-index:-1;} .chiec .section_F1_intro .swiper-slide .bg_img img {width:100%; height:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:7s; -moz-transition:7s; -ms-transition:7s; -o-transition:7s; transition:7s; } .chiec .section_F1_intro .swiper-slide.swiper-slide-active .bg_img img {width:100%; height:100%; -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); -webkit-transition:7s; -moz-transition:7s; -ms-transition:7s; -o-transition:7s; transition:7s; } .chiec .section_F1_intro .swiper-slide.swiper-slide-active .bg_img img {width:100%; height:100%; } .chiec #F2{background:#f9f4f4;} .chiec #F2 .swiper-container{} .chiec #F2 .swiper-wrapper{width:100% !important;height:100% !important;} .chiec #F2 .swiper-slide{width:100%; height: 100vh;text-align:center; box-sizing:border-box;} .chiec #F2 .swiper-slide{} .chiec #F2 .swiper-slide .tit{font-size:1.4rem;color:#333;letter-spacing:-.6px;text-align:center;font-family:NanumSquareL;line-height:2rem;} .chiec #F2 .swiper-slide .image{padding-top:5vh;} .chiec #F2 .swiper-slide .image img{max-width:80%;max-height:80vh;} .chiec #F2 .swiper-slide.p2 .image{padding-top:35px;} .chiec #F2 .swiper-pagination-bullet{border:1px solid #eee;box-sizing:border-box;width:20px;height:20px;background:#fff;opacity:1;} .chiec #F2 .swiper-pagination-bullet-active{background:#ffd402;border:0;} .chiec #F2 .swiper-button-next,.chiec #F2 .swiper-button-prev{width:26px; height:50px; margin-top:-25px; z-index:50;} .chiec #F2 .swiper-button-next{background:url("/images/section_portfolioright.png")no-repeat center / 100% 100%;} .chiec #F2 .swiper-button-prev{background:url("/images/section_portfolioleft.png")no-repeat center / 100% 100%;} .chiec #F2 .swiper-slide.swiper-slide-active .bg_img img {width:auto;} .chiec #F3{font-family:NanumSquareL;} .chiec #F3 .swiper-container{} .chiec #F3 .swiper-wrapper{width:100% !important;height:100% !important;} .chiec #F3 .swiper-slide{width:100%; height: 100vh; text-align:center; box-sizing:border-box;} .chiec #F3 .swiper-slide{} .chiec #F3 .swiper-slide.p1{background:#f6dfd1;} .chiec #F3 .swiper-slide.p2{background:#ffe085;} .chiec #F3 .swiper-slide.p3{background:#fbeacc;} .chiec #F3 .swiper-slide .slWrap{width:80%;margin:auto;} .chiec #F3 .slWrap .topWrap{padding-top:12vh;} .chiec #F3 .slWrap .topWrap .btns{text-align:left;font-size:0;margin:0 -20px;} .chiec #F3 .slWrap .topWrap .btns li{display:inline-block;width:33.333%;padding:0 1px;box-sizing:border-box;} .chiec #F3 .slWrap .topWrap .btns li .liWrap{background:#fff;NanumSquareB;border-radius:3px;color:#333;text-align:center;font-size:10px;padding:3px 0;} .chiec #F3 .slWrap .topWrap .btns li.on .liWrap{background:#f70d08;color:#fff;} .chiec #F3 .slWrap .topWrap .btns li span{font-size:12px;} .chiec #F3 .slWrap .midWrap{overflow:hidden;position:relative;padding-top:3vh;} .chiec #F3 .slWrap .topLft{text-align:left;float:left;width:80%;} .chiec #F3 .slWrap .topRgt{position:absolute;width:42%;right:-30px;bottom:0px;} .chiec #F3 .slWrap .topRgt img{width:100%;} .chiec #F3 .slWrap .topRgt a{position:absolute;right:0;bottom:0;background:#000;font-size:27px;color:#fff;border-radius:50%;width:127px;height:127px;text-align:center;} .chiec #F3 .slWrap .botWrap{border:1px dashed;border-width:1px 0;padding:30px 0;margin-top:30px;} .chiec #F3 .slWrap .botWrap ul{font-size:0;width:90%;margin:auto;} .chiec #F3 .slWrap .botWrap ul li{display:inline-block;width:50%;vertical-align:top;} .chiec #F3 .slWrap .botWrap ul li .image{width:100%;} .chiec #F3 .slWrap .botWrap ul li img{width:auto;height:6vh;} .chiec #F3 .slWrap .botWrap ul li p{font-size:11px;font-family:NanumSquareB;padding:10px 0 15px;line-height:16px;} .chiec #F3 .slWrap .botWrap ul li:nth-last-child(-n+2) p{padding-bottom:0;} .chiec #F3 .slWrap .tit{font-size:1.3em;color:#333;letter-spacing:-.6px;} .chiec #F3 .slWrap .stit{font-size:.65em;color:#333;letter-spacing:-.6px;padding:30px 0 20px;line-height:1.3em;margin-top:0;} .chiec #F3 .slWrap .representative{} .chiec #F3 .slWrap .representative li{width:22%;display:inline-block;margin-right:2%;vertical-align:middle;} .chiec #F3 .slWrap .representative li:nth-of-type(1){width:auto;text-align:center;background:#f70d08;font-size:.6em;color:#fff;font-family:NanumSquareB;border-radius:3px;padding:3px 5px;} .chiec #F3 .slWrap .representative li img{width:100%;max-width:200px;} .chiec #F3 .swiper-button-next,.chiec #F3 .swiper-button-prev{width:26px; height:50px; margin-top:-25px; z-index:50;} .chiec #F3 .swiper-button-next{background:url("/images/section_portfolioright.png")no-repeat center / 100% 100%;} .chiec #F3 .swiper-button-prev{background:url("/images/section_portfolioleft.png")no-repeat center / 100% 100%;} .chiec #F3 .swiper-slide.swiper-slide-active .bg_img img {width:auto;} .chiec #F4{height:100vh;position:relative;overflow:hidden;} .chiec #F4 .tit{font-size:1.2em;color:#333;letter-spacing:-.6px;text-align:center;padding-top:8vh;font-family:NanumSquareL;} .chiec #F4 .tit span{display:block;font-size:1.2em;padding-top:20px;} .chiec #F4 .stit{display:block;font-size:1.2em;color:#fbeacc;letter-spacing:-.6px;text-align:center;padding-top:7vh;text-shadow:1px 1px 1px #000;margin-top:0;} .chiec #F4 .image{width:979px;position:absolute;left:50%;bottom:auto;top:230px;margin-left:-489.5px;} .chiec #F4 .bg_img{position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; background:url(/images/newsl4bg1m.jpg)no-repeat center/cover;animation:bigsmall 7s infinite alternate;} .chiec #F4 .bg_img+.forpos{position:absolute;left:0;right:0;top:0;} .chiec #F4 ul{width:100%;margin:40px auto 0;padding:20px 0;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,0));} .chiec #F4 ul li{font-size:.8em;color:#fff;font-family:NanumSquareL;letter-spacing:-.4px;padding:10px 0;text-shadow:0 0 10px #000;background:url(/images/newsl4ico1.png)no-repeat left 4% center;padding-left:40px;margin-left:8%;text-align:left;background-size:5%;} .chiec #F5{width:auto/*캐시삭제시깨짐 방지하려면 풀면됨 대신bg따로*/;background:url(/images/sl3bg2.jpg)no-repeat center / 100% 100%;} .chiec #F5 .swiper-slide{height:100vh;position:relative;} .chiec #F5 .swiper-slide .tit{font-size:1.6rem;color:#fff;letter-spacing:-.6px;text-align:center;font-family:NanumSquareL;line-height:2rem;padding-top:15vw} .chiec #F5 .swiper-slide .tit div{font-size:1.2rem;padding-bottom:10px;} .chiec #F5 .swiper-slide .image{width:50vw;position:absolute;left:50%;bottom:20vw;margin-left:-25vw;} .chiec #F5 .swiper-slide .image img{max-width:100%;max-height:60vh;} .chiec #F5 .swiper-slide.p1{background:url(/images/sl3bg1.jpg)no-repeat center / 100% 100%;} .chiec #F5 .swiper-slide.p1 .tit{padding:0 0 5vh;} .chiec #F5 .swiper-slide.p1 ul{overflow:hidden;width:100vw;margin:auto;padding:5vh 10vw;box-sizing:border-box;font-size:0;} .chiec #F5 .swiper-slide.p1 ul li{display:inline-block;width:50%;text-align:center;padding:10px;box-sizing:border-box;} .chiec #F5 .swiper-slide.p1 ul li:nth-child(3) a{} .chiec #F5 .swiper-slide.p1 ul li:nth-last-child(-n+2){} .chiec #F5 .swiper-slide.p1 ul li img{width:100%;} .chiec #F5 .swiper-slide.p4 .image,.chiec #F5 .swiper-slide.p5 .image{width:80vw;margin-left:-40vw;} .chiec #F5 .swiper-button-next,.chiec #F5 .swiper-button-prev{width:26px; height:50px; margin-top:-25px; z-index:50;position:fixed !important;} .chiec #F5 .swiper-button-next{background:url("/images/section_portfolioright3.png")no-repeat center / 100% 100%;} .chiec #F5 .swiper-button-prev{background:url("/images/section_portfolioleft3.png")no-repeat center / 100% 100%;} .chiec #F5 .swiper-slide.swiper-slide-active .bg_img img {width:auto;} .chiec #F6 .swiper-slide{height:100vh;position:relative;} .chiec #F6 .swiper-slide .tit{font-size:1.6rem;color:#fff;letter-spacing:-.6px;text-align:center;font-family:NanumSquareL;line-height:2rem;padding-top:15vw;} .chiec #F6 .swiper-slide .tit div{font-size:30px;padding-bottom:20px;} .chiec #F6 .swiper-slide .image{width:80vw;position:absolute;left:50%;top:30vw;margin-left:-40vw;} .chiec #F6 .swiper-slide .image img{max-width:100%;max-height:60vh;} .chiec #F6 .swiper-slide.p1{background:url()no-repeat center / 100% 100%;} .chiec #F6 .swiper-slide.p1 .tit{} .chiec #F6 .swiper-slide.p2{background:url()no-repeat center / 100% 100%;} .chiec #F6 .swiper-button-next,.chiec #F6 .swiper-button-prev{width:26px; height:50px; margin-top:-25px; z-index:50;} .chiec #F6 .swiper-button-next{background:url("/images/section_portfolioright3.png")no-repeat center / 100% 100%;} .chiec #F6 .swiper-button-prev{background:url("/images/section_portfolioleft3.png")no-repeat center / 100% 100%;} .chiec #F6 .swiper-slide.swiper-slide-active .bg_img img {width:auto;} .chiec #F6 .swiper-slide .bg_img{position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; z-index:-1;} .chiec #F6 .swiper-slide .bg_img img {width:100%; height:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:7s; -moz-transition:7s; -ms-transition:7s; -o-transition:7s; transition:7s; } .chiec #F6 .swiper-slide.swiper-slide-active .bg_img img {width:100%; height:100%; -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); -webkit-transition:7s; -moz-transition:7s; -ms-transition:7s; -o-transition:7s; transition:7s; } .chiec #F6 .swiper-slide.swiper-slide-active .bg_img img {width:100%; height:100%;} .chiec #F7{background:url(/m/images/sl5bg1.jpg)no-repeat center / 100% 100%;} .chiec #F7:before{content:"";display:inline-block;width:60px;height:22px;position:absolute;right:18vw;bottom:25vh;background:url(/m/images/sl5logo1.png)no-repeat center / 100% 100%;z-index:99;} .chiec #F7 .swiper-slide{height:100vh;position:relative;} .chiec #F7 .swiper-slide .tit{font-size:1.2rem;color:#fff;letter-spacing:-.6px;text-align:center;font-family:NanumSquareL;line-height:2rem;padding-top:15vw;} .chiec #F7 .swiper-slide .tit div{font-size:1rem;padding-top:10px;letter-spacing:-.6px;font-family:NanumSquareB;} .chiec #F7 .swiper-slide .image{width:80vw;position:absolute;left:50%;bottom:30vw;margin-left:-40vw;} .chiec #F7 .swiper-slide .image img{max-width:100%;max-height:60vh;} .chiec #F7 .swiper-slide.p1 .image{width:60vw;position:absolute;left:50%;bottom:50vw;margin-left:-30vw;} .chiec #F7 .swiper-slide.p1 .tit{display:inline-block;position:absolute;left:0;top:0;width:100%;font-size:1.8rem;} .chiec #F7 .swiper-slide.p1 .tit div{font-size:1.2rem;} .chiec #F7 .swiper-slide.p2 .tit{font-size:1.4rem;} .chiec #F7 .swiper-slide.p2 .tit div{font-size:.8rem;} .chiec #F7 .swiper-button-next,.chiec #F7 .swiper-button-prev{width:26px; height:50px; margin-top:-25px; z-index:50;} .chiec #F7 .swiper-button-next{background:url("/images/section_portfolioright3.png")no-repeat center / 100% 100%;} .chiec #F7 .swiper-button-prev{background:url("/images/section_portfolioleft3.png")no-repeat center / 100% 100%;} .chiec #F7 .swiper-slide.swiper-slide-active .bg_img img {width:auto;} /* 중국전자상거래 끝 */ /*웹호스팅*/ .section3 table {margin:0 auto; width:90%; font-size:11px; border-right:5px solid #ededed; border-bottom:5px solid #ededed;} .section3 table thead th {padding:3% 0; color:#fff; background-color:#333;} .section3 table tbody tr td {padding:2% 1%; text-align:center; color:#333; background-color:#fff; border-bottom:1px solid #f5f5f5;} .section3 table tbody tr td.first {color:#333; background-color:#f4f4f4;} .section3 table tbody td.first_text > div {text-align:left;} .section3 table tbody td > div.none {font-size:0;} .section3 table tbody tr.total td {text-align:left; padding-left:2%; border-bottom:0;} .section3 table tbody tr.total td:first-child {text-align:right; padding-right:2%; background-color:#f5f5f5;} .cloud_server .subGrayList {margin:5% auto; width:90%;} /*페이지관리*/ .bgwht {background-color:#fff;} /*호스팅연장*/ .checked_wrap {background:#fff; padding:0 15px; font-size:14px;} .checked_wrap .subtit {padding:15px 0; text-align:center;} .checked_wrap .cw_cont > div {margin-bottom:5px;} .checked_wrap div.tit {position:relative; overflow:hidden; border:1px solid #d8e3dd; border-radius:4px; box-sizing:border-box;} .checked_wrap div.tit .leftit {margin-right:10px; display:inline-block; width:115px; line-height:32px; font-weight:bold; text-align:center; color:#fff; background:#333;} .checked_wrap .pay_ul {text-align:left; margin:15px 0;} .checked_wrap .pay_ul .liWrap {position:relative; padding:5px 0; overflow:hidden;} .checked_wrap .pay_ul .liWrap input[type=radio] {float:left;} .checked_wrap .pay_ul .liWrap .inputtit {float:left; padding:0 2%;} .checked_wrap .inputCon {overflow:hidden; text-align:center; float:left; margin-left:10px;} .checked_wrap .inputCon dl dt {text-align:left; margin:1%;} .checked_wrap .inputCon dl:first-child dt {margin-top:0;} .checked_wrap .inputCon dl dd input {width:180px; height:28px; padding:3px;} .checked_wrap .lastBtn_wrap a {border-radius:4px;} /*호스팅신청*/ .hosting_wrap table {width:100%; text-align:left; border-collapse:collapse;} .hosting_wrap table th {font-weight:bold; color:#fff; background:#333;} .hosting_wrap table td {border:1px solid #d8e3dd;} .hosting_wrap table td input[type=radio] {vertical-align:text-bottom;} .hosting_wrap table td input[type=text] {border-color:#ccc;} .hosting_submit a {margin-top:3%; border-radius:4px;} /* 정기구독 신청 페이지 211222 kgy */ .service_regist {width:100%;margin:60px auto;font-family: 'NotoSansCJKkr','Apple SD Gothic','맑은고딕',sans-serif !important;} .service_regist .regist_header {text-align:left;padding-left:90px;box-sizing:border-box;margin-bottom:30px;background:url(/livesolution/img/store.png) no-repeat 20px top;background-size:55px;} .service_regist .regist_header h1 {font-size:20px;font-weight:bold;margin-bottom:15px;letter-spacing:-1px;line-height:120%;} .service_regist .regist_header p {font-size:13px;line-height:120%;} .service_regist .regist_cont {border-radius:10px;overflow:hidden;padding:20px;box-sizing:border-box;}/*box-shadow: 0 0 30px 0 rgb(0 0 0 / 9%);*/ .service_regist .regist_cont th {text-align:left;font-size:13px;} .service_regist .regist_cont tr {height:60px;vertical-align:baseline;} .service_regist .regist_cont td.period label {display:block;} .service_regist .regist_cont td span.cmt {display:block;width:100%;margin:8px 0 15px;color:#bbb;font-size:14px;font-weight:normal;} .service_regist .regist_cont input.text {text-align:left;height:40px;line-height:40px;border-radius:4px;width:100%;} .service_regist .regist_cont input.text::placeholder {color:#888;} .service_regist .regist_cont label {font-size:17px;} .service_regist .regist_cont label + label {padding:0;} .service_regist .regist_cont input[type=radio] + span {padding-right:7px;} .service_regist .regist_cont .agreeWrap {height:45px;} .service_regist .regist_cont .agreeWrap td {font-size:15px;} .service_regist .regist_cont .agreeWrap span.checkmark {margin-right:5px;} .service_regist .regist_cont .agreeWrap label {display:inline-block;position: relative;padding-left:26px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .service_regist .regist_cont .agreeWrap label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .service_regist .regist_cont .agreeWrap label .checkmark {background-image:none;position: absolute;top:6px;left:0;height:17px;width: 14px;border-radius:50%;background-color: #fff;border:1px solid #c4c4c4;} .service_regist .regist_cont .agreeWrap label input:checked ~ .checkmark {background-color: #2290F3;border-color:#2290F3;} .service_regist .regist_cont .agreeWrap label .checkmark:after {content: "";position: absolute;display: none;} .service_regist .regist_cont .agreeWrap label input:checked ~ .checkmark:after {display: block;} .service_regist .regist_cont .agreeWrap label .checkmark:after {left:5px;top:2px;width: 4px;height: 8px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);} /*2022-02-10 kmj 체크버튼,라디오버튼 커스텀*/ .inputWrap label input[type=checkbox], .inputWrap label input[type=radio] {position: absolute;left: -9999px;} .inputWrap label input[type=checkbox] + span {content: ""; display: inline-block; width: 20px; height: 23px; background: url(/admin/images/sp_input.png) no-repeat -26px -26px; background-size: 46px;vertical-align: middle;padding-right: 6px;} .inputWrap label input[type=checkbox]:checked + span {background-position: 0 -26px;} .inputWrap label input[type=radio] + span {content: ""; display: inline-block; width: 20px; height: 23px; background: url(/admin/images/sp_input.png) no-repeat -26px 0; background-size: 46px; vertical-align: middle; padding-right: 6px;} .inputWrap label input[type=radio]:checked + span {background-position: 0 0;} /* 2022-02-10 kmj 주문결제 - 개인정보처리방침,이용약관 */ .clauseSvcWrap {padding:15px;box-sizing:border-box;} .clauseSvcWrap .clauseSvcList {margin-bottom:10px;font-size: 13px;} .clauseSvcWrap .clauseSvcList:last-child {margin-bottom:0;} .nonmember_pop {display:none; position:fixed; width:85%; height:auto; background-color:#fff; left:50%; top:50%; transform:translate(-50% , -50%); z-index:9999; box-sizing:border-box; padding:10px;} .nonmember_pop .titleArea2 {text-align:center;} .nonmember_pop .titleText {font-size:16px;} .nonmember_pop .subtitleText {margin-top:15px; text-align:center;} .nonmember_pop table {border:1px solid #ddd; box-sizing:border-box; padding:10px;} .nonmember_pop i{font-style:normal;vertical-align:middle;} .nonmember_pop .btnClose{position:absolute;right:10px;top:10px;border:1px solid #666;padding:2px;border-radius:3px;cursor:pointer;} .nonmember_pop .btnClose i{font-size:20px;vertical-align:middle;} .nonmember_pop .btnClose span{vertical-align:middle;} .nmb_mask {display:none; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.8); z-index:9999;} .nonmember_pop td {font-size:12px;} @media(min-width:670px){ .nonmember_pop {width: 570px;} } /* 호스팅 관련 공통 */ .hosting_info {width:100%;box-sizing:border-box;font-size:15px;} .hosting_info + .hosting_info {margin-top:40px;} .hosting_info .titArea {margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #333;} .hosting_info .titArea h2 {float:left;display:inline-block;font-size:20px;} .hosting_info .titArea p {float:right;display:inline-block;padding-top:4px;color:#A5A5A5;font-size:12px;} .hosting_info .font_bk {color:#333;} .hosting_info .font_pk {color:#ff3366;} /* 마이페이지-마이호스팅,SSL */ .hosting_info .infoArea {box-shadow:0px 2px 5px 2px rgb(0 0 0 / 10%);border-radius:12px;border:1px solid #e8e8e8;overflow:hidden;} .hosting_info .infoArea dl {box-sizing:border-box;text-align:left;} .hosting_info dl:not(:last-child) {border-bottom:1px solid #e8e8e8;} .hosting_info dt {display:inline-block;width:40%;padding:10px 20px;box-sizing:border-box;background-color:#f5f5f5;border-right: 1px solid #e8e8e8;} .hosting_info dd {display:inline-block;width:calc(100% - 42%);padding:10px 20px;box-sizing:border-box;} .hosting_info dd strong {padding-right:3px;} /* 호스팅 결제 페이지 */ .hosting_info.paySec {margin-top:40px;} .hosting_info.paySec p {font-size:12px;color:#A5A5A5;} .hosting_info.paySec .font_gy {color:#8C8C8C;} .hosting_info.paySec .infoArea {margin-top:16px;} .hosting_info.paySec .comm {display:block;margin-top:8px;color:#A7A7A7;font-size:12px;} .hosting_info.paySec .member_input {margin-bottom:28px;} .hosting_info.paySec .member_input font {vertical-align:middle;} .hosting_info.paySec .member_input input.text {color:#000;font-weight:600;} .hosting_info.paySec .member_input label {} .hosting_info.paySec .member_input label {display:block;line-height:initial;} .hosting_info.paySec .member_input label:not(:last-child) {margin-bottom:14px;} .hosting_info.paySec .member_input label + label {padding:0;} .hosting_info.paySec .hostingPeriod label p {display:inline-block;color:#999;font-size:15px;} .hosting_info.paySec .hostingPeriod .inputWrap {margin-top:12px;padding:20px;box-sizing:border-box;border:1px solid #c4c4c4;border-radius:12px;overflow:hidden;} .hosting_info.paySec .hostingPeriod .radioTit {display:inline-block;width:48px;} .hosting_info.paySec .hostingPeriod .radioAmount {display:inline-block;width:94px;text-align:right;} .hosting_info.paySec .hostingPeriod .eventTag {padding: 3px 9px 3px 20px;margin:0 6px;box-sizing:border-box;border-radius:4px;background-color:#FF0023;font-size:13px;color:#fff;clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 14% 100%, 0% 50%);} .hosting_info.paySec .hostingPayMethod .inputWrap {margin-top:12px;padding:20px;box-sizing:border-box;border:1px solid #c4c4c4;border-radius:12px;overflow:hidden;} .hosting_info.agreeArea {margin-bottom:40px;} .hosting_info.agreeArea .titArea {padding:0;border-bottom:0;} .hosting_info.agreeArea .agreeCont {height:150px;padding:15px;margin-bottom:16px;box-sizing:border-box;overflow:auto;border:1px solid #c4c4c4;background-color:#F7F7F7;} .hosting_info.agreeArea label input[type=checkbox] + span{content:"";display:inline-block;width:20px;height:20px;background:url(/admin/images/sp_input.png) no-repeat -26px -26px;background-size:46px;vertical-align:middle;padding-right:6px;} .hosting_info.agreeArea label input[type=checkbox] + span + span{vertical-align:middle;} .hosting_info.agreeArea label input[type=checkbox]:checked + span{background-position:0 -26px;} @media (max-width:465px) { .hosting_info.paySec .hostingPeriod label p {display:block;text-indent:27px;line-height:25px;} } @media (max-width:360px) { .hosting_info.paySec .hostingPeriod .eventTag {font-size:10px;padding-left: 16px;} } @media (max-width:344px) { .hosting_info.paySec .hostingPeriod .eventTag {display:block;width:34%;margin-left:100px;} } /*호스팅 에러 페이지*/ .errorContentWrap {display: flex;justify-content: center;align-items: center;width:100%;height:100vh;text-align: center;} .errorContentWrap .errorContentBox {padding: 0 30px;} .errorContentWrap .errorImg {width:200px;margin:0 auto;} .errorContentWrap .errorImg img {width:100%;} .errorContentWrap .errorTxtBox {margin-top:40px;word-break: keep-all;letter-spacing: -.4px;} .errorContentWrap .errorTxtBox .title {font-size: 22px;font-weight: bold;} .errorContentWrap .errorTxtBox .subTxt {margin-top: 22px;font-size: 16px;font-weight: bold; line-height: 1.5;color: #8B8C92;} .errorContentWrap .hostLinkBtn {margin-top:30px;text-align:center;} .errorContentWrap .hostLinkBtn a {display:inline-block; padding:18px 35px; border-radius:50px; background-color:#7F99E3; color:#fff; font-size:18px; font-weight:bold;} /* 페이지관리 - 입점형, 미니샵, 프랜차이즈, 프리미엄 브랜드 css*/ .pageConWrap {width:100%;background-color:#fff;} .pageConWrap.chStore .liveComBox{background:linear-gradient(180deg, rgba(235,234,249,1) 90%, rgba(255,255,255,1) 100%);} .pageConWrap.brand .liveComBox{background:linear-gradient(180deg, rgba(249,234,235,1) 90%, rgba(255,255,255,1) 100%);} .pageConWrap .liveComBox {padding:70px 15px 0; background: linear-gradient(#fff7fa,#fffdfe,#fffdfe,#fffdfe,#fff); text-align: center;letter-spacing: -.4px;-webkit-box-sizing: border-box;box-sizing: border-box;} .pageConWrap .liveComBox .brandColor {display: inline-block;width: 36px;height: 36px;line-height: 36px;margin-bottom: 15px;background-color: #fd407c;color: #fff;border-radius: 8px;font-size: 18px;font-weight: bold;} .pageConWrap.chStore .liveComBox .brandColor{padding: 0 6px; height: 33px; line-height: 33px; background-color: #3B238F;} .pageConWrap.brand .liveComBox .brandColor{background-color:#D33349;} .pageConWrap .liveComBox .title {margin-bottom: 15px;font-size: 18px;font-weight: bold;} .pageConWrap .liveComBox .subTxt {margin-bottom: 15px;line-height: 1.6;font-size: 15px;} .pageConWrap .liveComBox .btmImg {margin-bottom:25px; padding: 0 25px;-webkit-box-sizing: border-box;box-sizing: border-box;} .pageConWrap .liveComBox .btmImg img {width: 100%;} .pageConWrap.chStore .liveComBox .btmImg{padding: 20px 40px;} .pageConWrap .titleBox {margin-bottom: 18px; letter-spacing: -1px;text-align: center;} .pageConWrap .titleBox h2 {font-size: 20px;font-weight: bold;margin-bottom: 15px; color:#333;} .pageConWrap .titleBox em {font-size: 15px;font-weight: 400;color: #666;} .pageConWrap .liveComBox .demoConBox {margin-bottom: 60px;} .pageConWrap .liveComBox .demoConBox ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .pageConWrap .liveComBox .demoConBox ul li {position: relative; width: 49%;margin-right: 2%; margin-bottom: 2%; text-align: center;} .pageConWrap .liveComBox .demoConBox ul li:nth-child(2n) {margin-right: 0;} .pageConWrap .liveComBox .demoConBox ul li a {display:block;height: 58px; line-height: 52px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fdf1f5;border: 1px solid #dedede;border-radius: 5px;font-size: 15px;color:#333;} .pageConWrap.chStore .liveComBox .demoConBox ul li a{background-color: #E4E3F8;} .pageConWrap.brand .liveComBox .demoConBox ul li a{background-color:#F8E3E6;} .pageConWrap .liveComBox .demoConBox ul li img {width: 18px;} .pageConWrap .liveComBox .demoConBox ul li em {margin-left: 8px;vertical-align: middle;} .pageConWrap .liveComBox .innerConBox {margin-bottom: 60px;} .pageConWrap .liveComBox .innerConBox ul {padding: 20px;text-align: left;border: 1px solid #e8e8e8;border-radius: 10px; letter-spacing: -.4px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12); background-color:#fff;} .pageConWrap .liveComBox .innerConBox .innerTit {margin-bottom: 5px;line-height: normal;font-size: 21px;font-weight: bold;} .pageConWrap .liveComBox .innerConBox .innerTit .subsTit {float: left; position: relative; font-weight: 600;} .pageConWrap .liveComBox .innerConBox .innerTit .eventIco {display: inline-block;margin-top: -6px;margin-left: 10px;padding: 4px 12px;background-color: #fc0f41;font-size: 12px;color: #fff;border-radius: 50px;vertical-align: middle;font-weight: bold;} .pageConWrap .liveComBox .innerConBox .innerTit .price {float: right;} .pageConWrap .liveComBox .innerConBox .innerTit .won {font-size: 21px; font-weight: bold; color: #ff7800;} .pageConWrap .liveComBox .innerConBox .innerTit dl {display: flex; justify-content:space-between; width: 100%; margin-right: 0;} .pageConWrap .liveComBox .innerConBox .innerTit dl dd {text-align: right;} .pageConWrap .liveComBox .innerConBox .innerTit dl .txt1 {font-size: 15px;color: #999;} .pageConWrap .liveComBox .innerConBox .innerTit dl .txt2 {font-size: 21px;} .pageConWrap .liveComBox .innerConBox .innerTit dl .txt2 .sticker {height: 24px; padding: 0 11px; line-height: 23px; font-size: 12px; color: #fff; font-weight: bold; background-color: #fc0f41; border-radius: 50px;margin-right: 5px;vertical-align: middle;} .pageConWrap .liveComBox .innerConBox .innerTxt {margin-bottom: 30px;line-height: 1.4;color: #7c7c7c;font-size: 16px;font-weight: 400;} .pageConWrap .liveComBox .innerConBox .innerTxt:last-of-type {margin-bottom: 0;} .pageConWrap .liveComBox .platformConBox {margin-bottom: 35px;} .pageConWrap .liveComBox .platformConBox ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:20px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff7fa;border: 1px solid #dedede;border-radius: 10px;} .pageConWrap .liveComBox .platformConBox ul li {width: 22%;margin-right: 4%; margin-top: 10px; text-align: center;} .pageConWrap .liveComBox .platformConBox ul li:nth-child(-n+4) {margin-top:0;} .pageConWrap .liveComBox .platformConBox ul li:nth-child(4n) {margin-right: 0;} .pageConWrap .liveComBox .platformConBox ul li img {width: 100%;max-width:100px;} .pageConWrap.chStore .liveComBox .platformConBox ul{background-color: #E4E3F8; justify-content: center;} .pageConWrap.brand .liveComBox .platformConBox ul{background-color:#F8E3E6;} .pageConWrap .liveComBox .btmButton {margin-bottom: 60px;} .pageConWrap .liveComBox .btmButton a {display: block;width: 100%;height: 60px;line-height:60px;margin-bottom: 16px;background-color: #fff;color: #fd407c;font-size: 16px;border: 1px solid #fc0f41;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;} .pageConWrap .liveComBox .btmButton a:first-child {color:#fff; background-color:#fd407c;} .pageConWrap.chStore .liveComBox .btmButton a:first-child{background-color:#3B238F;color: #fff;} .pageConWrap.chStore .liveComBox .btmButton a{border: 1px solid #3B238F;color:#3B238F;} .pageConWrap.brand .liveComBox .btmButton a:first-child{background-color:#D33349;color: #fff;} .pageConWrap.brand .liveComBox .btmButton a{border: 1px solid #D33349;color:#D33349;} .pageConWrap .liveComBox .contentBox {margin-bottom:48px;} .pageConWrap .liveComBox .contentBox li {margin-bottom: 15px;padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box; background-color: #fff;border-radius: 5px; font-size: 16px;color: #666; line-height: 1.6; text-align: left;border: 1px solid #ebebeb;} .pageConWrap .liveComBox .contentBox li p {padding-bottom: 5px;font-size: 18px;font-weight: bold;color: #333;} .pageConWrap.mallinmallSec .liveComBox {background: linear-gradient(#e9f8f9, #f9fdfe, #f9fdfe,#fff);} .pageConWrap.mallinmallSec .liveComBox .brandColor {background: #2cccdc;} .pageConWrap.mallinmallSec .liveComBox .btmButton a {border: 1px solid #2cccdc; color:#2cccdc;} .pageConWrap.mallinmallSec .liveComBox .btmButton a:first-child {color:#fff; background-color:#2cccdc;} .pageConWrap.mallinmallSec .liveComBox .btmButton .qnaBtn {background: #2cccdc;} .pageConWrap.mallinmallSec .liveComBox .btmButton .moreView {color: #2cccdc;} .pageConWrap.mallinmallSec .liveComBox .platformConBox ul {background-color:#e9f8f9;} .pageConWrap.mallinmallSec .liveComBox .demoConBox ul li a {background-color: #e9f8f9;} .pageConWrap.miniShop .liveComBox {background: linear-gradient(#fef9e7, #fefdf8, #fefdf8,#fff);} .pageConWrap.miniShop .liveComBox .brandColor {background:#f5cb1f;} .pageConWrap.miniShop .liveComBox .btmButton a {border: 1px solid #f5cb1f;color:#f5cb1f;} .pageConWrap.miniShop .liveComBox .btmButton a:first-child {color:#fff; background-color:#f5cb1f;} .pageConWrap.miniShop .liveComBox .btmButton .qnaBtn {background: #f5cb1f;} .pageConWrap.miniShop .liveComBox .btmButton .moreView {color: #f5cb1f;} .pageConWrap.miniShop .liveComBox .platformConBox ul {background-color:#fefaea;} .pageConWrap.miniShop .liveComBox .demoConBox ul li a {background-color: #fefaea} .pageConWrap.franSection .liveComBox {background: linear-gradient(#fcf9ff,#fffeff,#fffeff,#fff);} .pageConWrap.franSection .liveComBox .brandColor {background:#924edb;} .pageConWrap.franSection .liveComBox .btmButton a {border: 1px solid #924edb; color:#924edb;} .pageConWrap.franSection .liveComBox .btmButton a:first-child {color:#fff; background-color:#924edb;} .pageConWrap.franSection .liveComBox .btmButton .qnaBtn {background: #924edb;} .pageConWrap.franSection .liveComBox .btmButton .moreView {color: #924edb;} .pageConWrap.franSection .liveComBox .platformConBox ul {background-color: #fcf9ff;} .pageConWrap.franSection .liveComBox .platformConBox ul li {margin-bottom: 0;} .pageConWrap.franSection .liveComBox .demoConBox ul li a {background-color: #fcf9ff;} .pageConWrap .subArea > img {max-width:100%;} @media(max-width: 410px) { .pageConWrap .liveComBox .innerConBox .innerTit {font-size: 17px;} .pageConWrap .liveComBox .innerConBox .innerTit .won {font-size: 17px;} .pageConWrap .liveComBox .innerConBox .innerTit .eventIco {margin-left: 5px;padding: 3px 8px; font-size: 11px;} .pageConWrap .liveComBox .innerConBox .innerTxt {font-size: 14px;} } @media(max-width: 340px) { .pageConWrap .liveComBox .innerConBox .innerTit {font-size: 15px;} .pageConWrap .liveComBox .innerConBox .innerTit .won {font-size: 15px;} .pageConWrap .liveComBox .innerConBox .innerTit .eventIco {margin-top: -3px;font-size: 10px;} .pageConWrap .liveComBox .innerConBox .innerTxt {font-size: 13px;} } @media(max-width: 320px) { .pageConWrap .liveComBox .demoConBox ul li {font-size: 13px;} } /* 페이지관리 - 입점형, 미니샵, 프랜차이즈, 프리미엄 브랜드 css 끝*/ /* 페이지관리 - 호스팅 */ .webHostWrap {padding: 70px 20px 40px;text-align:center;line-height: 1.3;} .webHostWrap .subTitle {font-size:26px; font-weight:bold;} .webHostWrap .mainTxt {margin:60px 0 45px;} .webHostWrap .mainTxt dt {margin-bottom: 8px;font-size: 22px;font-weight: bold;} .webHostWrap .mainTxt dd {font-size: 18px;letter-spacing: -.4px;} .webHostWrap .hostingTb {margin-bottom:25px;} .webHostWrap .menuList {display: flex;justify-content: flex-start;border-radius: 10px 10px 0 0;overflow: hidden;} .webHostWrap .menuList li {width: 50%;padding: 20px 0px;font-size: 18px;font-weight: bold;color: #fff;background-color: #1BBC9B;} .webHostWrap .menuList li.gubun {background-color: #2C3D4D;} .webHostWrap .box {display: flex;justify-content: flex-start;border: 1px solid #D8E3DD;border-top: 0;} .webHostWrap .box:last-child {border-radius: 0 0 10px 10px;overflow: hidden;} .webHostWrap .addPrice .box {align-items: center;} .webHostWrap .hostingTb .box ul {width:50%; padding: 40px 25px; box-sizing: border-box; border-left: 1px solid #D8E3DD; font-size: 17px;} .webHostWrap .hostingTb .box ul.lft {border-left:0;} .webHostWrap .hostingTb .box ul li {margin-bottom: 25px;} .webHostWrap .hostingTb .box ul li:last-child {margin-bottom:0;} .webHostWrap .hostingTb .box ul.lft li {padding-left:30px;} .webHostWrap .hostingTb .box ul .chkIco {text-align:left;background-image:url(/m/images/hosting_chcek_icon.png);background-repeat: no-repeat; background-position: left center; background-size: 20px;} .webHostWrap .hostingTb .box ul .bTxt {font-weight:bold;} .webHostWrap .hostingTb .box ul.lft .bTxt {text-align:left;} .webHostWrap .linkBtn {margin: 40px 0;} .webHostWrap .linkBtn a {display: inline-block;padding: 20px 45px;color: #222;font-size: 18px;font-weight: bold;border: 1px solid #333;border-radius: 10px;} .webHostWrap .cloudHostTb {margin-bottom:20px;} .webHostWrap .cloudHostTb .box {border-left: 0;font-size: 17px;} .webHostWrap .cloudHostTb .menuList li {width:75%;} .webHostWrap .cloudHostTb .menuList li.gubun {width:25%;} .webHostWrap .cloudHostTb .box .lftSec {display: flex;align-items: center;justify-content: center;width:25%; background-color: #2C3D4D;color: #fff;border-left: 0; border-top: 2px solid #D8E3DD;} .webHostWrap .cloudHostTb .box .rgtSec {width:75%;border-left:0;} .webHostWrap .cloudHostTb .box .rgtSec li {padding: 30px 10px; border-bottom: 1px solid #D8E3DD;} .webHostWrap .cloudHostTb .box .rgtSec li:last-child {border-bottom:0;} .webHostWrap .cloudHostTb .box .rgtSec .list {display: flex;justify-content: flex-start;padding:0;} .webHostWrap .cloudHostTb .box .rgtSec .list .title {width: 35%; padding: 20px 0;box-sizing: border-box;border-right:1px solid #D8E3DD;} .webHostWrap .cloudHostTb .box .rgtSec .list .desc {width: 70%;padding: 20px 0;} .webHostWrap .totalBox {display: flex;align-items: center;margin-bottom:20px; border: 1px solid #E2E2E2;border-radius: 10px;overflow: hidden;font-size: 17px;font-weight: bold;} .webHostWrap .totalBox .titSec {width:42%;padding: 40px 50px 40px 10px;border-right: 1px solid #E2E2E2;background-color: #F6F8F7; box-sizing: border-box;} .webHostWrap .totalBox .titSec li {margin-bottom: 25px;text-align:right;} .webHostWrap .totalBox ul li {margin-bottom: 25px;} .webHostWrap .totalBox ul li:last-child {margin-bottom: 0;} .webHostWrap .totalBox .listSec {width: 58%;} .webHostWrap .btmDescBox {padding: 40px 30px;box-sizing: border-box;background-color:#F6F8F7; border:1px solid #e2e2e2; border-radius: 10px;overflow: hidden;font-size: 17px; text-align:left;} .webHostWrap .btmDescBox p {margin-bottom:20px;font-size:20px; font-weight:bold;} .webHostWrap .btmDescBox dl {margin-bottom: 25px;} .webHostWrap .btmDescBox dl:last-child {margin-bottom: 0;} .webHostWrap .btmDescBox dl dt {float: left;width: 22px;} .webHostWrap .btmDescBox dl dd {float: right;width: calc(100% - 22px);} /* 페이지관리 - 호스팅 끝 */ /* label 스타일 */ .-labelStyle {position: relative;} .-labelStyle input[type="checkbox"] {-webkit-appearance: none; border: 0 !important; position: absolute; left: 5px !important; top: 5px !important; width: 1px !important; height: 1px !important; padding: 0 !important; z-index: 1;} .-labelStyle input[type="checkbox"] + span {display: inline; width: auto; height: auto; background: transparent; padding-right: auto; padding-left: auto;} .-labelStyle input[type="checkbox"] + span.label_ico {position:relative;display: inline-flex;padding:0;width: 18px;height: 18px;border: 1px solid #a3a3a3;background-color: #fff;border-radius:3px;vertical-align: middle;z-index:2;margin-right: 8px} .-labelStyle input[type="checkbox"] + span.label_ico::before {content: '';position: absolute;top: 4px;right: 3px;width: 10px;height: 5px;border: 1px solid transparent;border-width: 0 0 1px 1px;transform: rotate(-45deg);} .-labelStyle input[type="checkbox"]:checked + span.label_ico {background-color:#fff;border: 1px solid var(--sitecolor1);} .-labelStyle input[type="checkbox"]:checked + span.label_ico::before {border: 1px solid var(--sitecolor1);border-width: 0 0 1px 1px;} .-labelStyle input[type="checkbox"].-circle + span.label_ico {border-radius: 100%;border: 1px solid #D2D2D2;background-color: #D2D2D2;width: 24px;height: 24px;} .-labelStyle input[type="checkbox"].-circle + span.label_ico::before {content: '';position: absolute;top: 7px;right: 6px;width: 9px;height: 5px;border: 1px solid #fff;border-width: 0 0 3px 3px;transform: rotate(-45deg);} .-labelStyle input[type="checkbox"].-circle:checked + span.label_ico {border-radius: 100%;border: 1px solid var(--sitecolor1);background-color: var(--sitecolor1);} /* 끝 */