@charset "utf-8"; /* 파일명: skyshop.css 설 명: skyshop/skyshopw 분리 작성자: glim 최초작성일: 2017/08/08 최종수정일: 2018/08/02 - 카테고리메인 배너 상품 1있을때 이미지사이즈 고정 - 모바일0메인 이벤트 배너 pager 위치변경 - 모바일 footer 판매사 내용추가 스타일 수정 */ @import url('common.css?d=20250313'); @import url('dev_js.css?d=20250313'); @import url('typo.css?d=20250313'); @import url('popup.css?d=20250313'); @import url('button.css?d=20250313'); @import url('icon.css?d=20250313'); @import url('eskyshopw.css?d=20250314'); /*모바일 디자인 기본 */ @media screen and (max-width:899px) { body{height:auto;} body {padding-bottom:109px;} body, .sec {min-width: 320px;width: 100%;} .sec {padding:0 32px} .mo {display: block;} .bx-wrapper img.mo {display: block;} .pc {display: none;} .bx-wrapper img.pc {display: none;} h4.tit_list { margin-top: 23px; margin-bottom: 9px; } .stit_wrap { margin-top: 42px; margin-bottom: 14px; } .tit_wrap.pc + .stit_wrap { margin-top: 12px; } .stit_wrap .fr.btng { margin-top: -22px; } .stit_wrap.more_wrap .fr.btng { margin-top: -10px; } .stit_wrap.box_com h3 + .input_ico_box { margin-left: 16px; vertical-align: 7px; } .stit_wrap.box_com h3 { display: inline-block; } .stit_wrap.inst_wrap .fl, .stit_wrap.inst_wrap .fr { float: none; } .stit_wrap.inst_wrap .instruction { margin-top: 13px; } .stit_wrap.inst_wrap .fr.btng { margin-top: 23px; } .stit_wrap.inst_wrap .fr.btng .instruction { margin-top: 0; } .stit_wrap.inst_wrap .fr.btng .instruction + a, .stit_wrap .fr.btng .instruction + button { position: absolute; top: -73px; right: 0; margin-left: 0; } .container .content_wrap {padding-top:20px;padding-bottom: 20px;} .wrap.cart {padding-bottom:80px;} .container .contents .paging:last-child { margin-bottom: 20px; } .header_wrap {padding:10px 18px;width:100%;height:100px;background: #fff;border-bottom: solid 1px #e5e5e5;box-sizing: border-box;margin-bottom: 105px;} .header_wrap .ptitle {position: absolute;left:0;right:0;top:0;text-align: center;padding-top:18px;height:64px;z-index: 1;box-sizing: border-box;} .header_wrap h2.ptitle {padding-top:24px;} .header_wrap .ptitle > a {display: inline-block;height:64px;} .header_wrap .ptitle > a > img {height: 100%;} .header_wrap a.btn {position: relative;display: block;width:76px;height:76px;z-index: 2;} .header_wrap a.btn i.ico {margin:14px} .header_wrap a.btn i.ico.ico_mo_search{display:none} .header_wrap a.btn_mo_menu {float:left;} .header_wrap a.btn_mo_back {float:left;} .header_wrap a.btn_mo_search {float:right;} .box_mo_search { display:block !important; height:99px;padding:11px 20px;position:absolute;z-index:5;top: 100px;left:0;right:0;background-color:#fff;} .box_mo_search .box_mo_search_in{} .box_mo_search .box_mo_search_in .input_box {z-index:2;} .box_mo_search .box_mo_search_in .input_box .placeholder{right:150px;} .box_mo_search .box_mo_search_in .mprd_search{padding-right:150px;width:100%;} .box_mo_search .box_mo_search_in .btn_mprd_search{right: 8px;width:50px;height:50px;top:14px;padding:8px;display:block;overflow:hidden;line-height:3200px;line-height:200rem;position:absolute;z-index:4;background:0;border:0;} .box_mo_search .box_mo_search_in .btn_mprd_search_close{right:8px;width:50px;height:50px;top:14px;padding:8px;display:block;overflow:hidden;line-height:3200px;line-height:200rem;position:absolute;z-index:4;background:0;border:0;box-sizing:border-box;display: none;} .box_mo_search .box_mo_search_in .bar {right:76px;top:28px;height:24px;width:1px;display:block;overflow:hidden;position:absolute;z-index:3;background:0;border:0;background-color:#aaa;display: none;} /* 20180716 top_alert 공지 추가 */ .header_wrap.top_alert { background-color: #051766; height: 70px; } .header_wrap.top_alert .top_alert_wrap { margin-top: 3px; } .header_wrap.top_alert .box_alert h2 { color: #fff; max-width: 90%; height: 45px; overflow: hidden; } .header_wrap.top_alert .box_alert_close .alert_close_btn { width: 44px; height: 44px; position: absolute; top: -45px; right: 0; background-image:url(https://img3.cyberskyshop.com:8443/web/images/common/sprite_topalert.png); background-repeat:no-repeat; background-position: -40px 0; } /* ios mobile back btn 20180108 */ .floting_back {position:fixed;z-index:4;bottom:141px;left:32px;} .floting_back.btn_m_back { background-color: rgba(255, 255, 255, 0.4); } /* 20181031 iOS APP 보완 */ .mo_menu_wrap {padding-top:100px;width:100%;height:100%;top:0;background: #fff;box-sizing: border-box;} .mo_menu_wrap .mo_menu_inner {width:100%;height:100%;} .mo_menu_wrap .mo_menu_inner .mmenu_header {height:100px;position: absolute;top:-100px;left:0;width:100%;;background: #fff;border-bottom:solid 1px #dae5e7;z-index: 1;} .mo_menu_wrap .mo_menu_inner .mmenu_header .username {display: inline-block;width:50%;margin-top:26px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .mo_menu_wrap .mo_menu_inner .mmenu_header .username strong {} .mo_menu_wrap .mo_menu_inner .mmenu_container {height:100%;box-sizing: border-box; overflow-y:auto;-webkit-overflow-scrolling:touch;} .mo_menu_wrap .mo_menu_inner .mmenu_container .mmenu_content {} .mo_menu_wrap .mo_menu_inner .ui-tabs {padding:0;} .mo_menu_wrap .mo_menu_inner .btn_mmenu_close {top:28px;right:28px;position: absolute;} .mo_menu_wrap .mo_menu_inner .btn_mmenu_login, .mo_menu_wrap .mo_menu_inner .btn_mmenu_logout {height:50px;top:25px;right:100px;padding:6px; position: absolute;display:inline-block;width:120px;border:solid 1px; box-sizing:border-box;text-align:center;} .mo_menu_wrap .mo_menu_inner .ui-state-active {background:transparent;border:0;} .mo_menu_wrap .btn_mmenu_top { bottom:32px;right:32px;position: absolute;z-index: 1;display:block;} .mo_menu_wrap .mmenu_content .box_other_menu {background: #e9f3f6;} .mo_menu_wrap .mmenu_content .box_other_menu ul {padding:30px 0;overflow: hidden;width:100%;} .mo_menu_wrap .mmenu_content .box_other_menu ul > li {float:left;width: 33%;text-align: center;} .mo_menu_wrap .mmenu_content .box_other_menu ul > li:first-child {width:34%;} .mo_menu_wrap .mmenu_content .box_other_menu ul > li > a {display: block; width:100%;text-decoration: none;} .mo_menu_wrap .mmenu_content .box_other_menu ul > li > a > i.ico {} .mo_menu_wrap .mmenu_content .box_other_menu ul > li > a > .lb {margin-top:10px; width:100%;display: block; color:#051766;} .mo_menu_wrap .box_mmenu_foot {padding:10px 0 32px;background:#e7e7e7;} .mo_menu_wrap .box_mmenu_foot .btn_area {margin-top:14px;overflow:hidden;} .mo_menu_wrap .box_mmenu_foot .btn_area .btn_mmneu {width:49%;float:left;} .mo_menu_wrap .box_mmenu_foot .btn_area .btn_mmneu + .btn_mmneu {margin-left:2%;} .mo_menu_wrap .box_mmenu_foot .lb_exchangerate {padding-top:14px;} .mo_menu_wrap .box_mmenu_foot .lb_exchangerate .dollar {color:#707070;} .mo_menu_wrap .box_mmenu_foot .lb_exchangerate .won {color:#2f87a3;} .mo_menu_wrap .box_mmenu_foot .ui_sel_en {width:160px;} .mmenu_brand_wrap .tabs_1depth.ui-tabs > .ui-tabs-nav {width:100%;} .mmenu_brand_wrap .tabs_1depth.ui-tabs > .ui-tabs-nav li {height:70px;width:50%;margin-left:-1px;box-sizing: border-box;} .mmenu_brand_wrap .tabs_1depth.ui-tabs > .ui-tabs-nav li.fir, .mmenu_brand_wrap .tabs_1depth.ui-tabs > .ui-tabs-nav li:first-child {margin-left: 0;} .mmenu_brand_wrap .tabs_1depth.ui-tabs > .ui-tabs-nav li a {height:70px;border:solid 1px #051766;} .mmenu_brand_wrap .tabs_2depth.ui-tabs .ui-tabs-nav {margin-top:20px;margin-bottom:20px;width:100%; } .mmenu_brand_wrap .tabs_2depth.ui-tabs .ui-tabs-nav li {height:60px;width:32%;margin-left:2%;box-sizing: border-box;} .mmenu_brand_wrap .tabs_2depth.ui-tabs .ui-tabs-nav li.fir, .mmenu_brand_wrap .tabs_2depth.ui-tabs .ui-tabs-nav li:first-child {margin-left: 0;} .mmenu_brand_wrap .tabs_2depth.ui-tabs .ui-tabs-nav li a {height:60px;padding:9px;border:solid 1px #ccc;} .mmenu_brand_wrap .mmenu_brand_in_tabs {} /*ABC순*/ .box_indexing {margin-top:20px;padding-bottom:15px;} .box_indexing .abc_list {overflow: hidden;margin-right:-11px;} .box_indexing .abc_list li {margin-right:10px;padding:5px 0;float:left; } .box_indexing .abc_list li.fir, .box_indexing .abc_list li:first-child{padding-left:0;margin-left:0;} .box_indexing .abc_list li.fir a {width:72px;} .box_indexing .abc_list li a {width:74px;height:70px;line-height:70px;display: inline-block;border:solid 1px #e9e9e9; color:#333;text-decoration: none;text-align: center;background: #f5f9fa;box-sizing: border-box;} .box_indexing .abc_list li.on a, .box_indexing .abc_list li a:hover {border:solid 1px #409ab2; text-decoration: none;} .box_indexing .abc_list li.disabled a {cursor: text;opacity: 0.4;} .box_brand_index_list {} .box_brand_index_list ul.mmenu_list {} .box_category_index_list {} .box_category_index_list ul.mmenu_list {} .box_category_index_list ul.mmenu_list > li > a.btn_sub_toggle {height:88px;padding:24px 32px 0;display:block;box-sizing:border-box;} .box_category_index_list ul.mmenu_list > li .sec {border-top:solid 1px #c2c2c2;} .box_category_index_list ul.mmenu_list > li > a.btn_sub_toggle i.ico_mmenu_arr {margin-top:14px;float:right;} .box_category_index_list ul.mmenu_list > li.on > a.btn_sub_toggle {color:#051766;} ul.mmenu_list {border-top:solid 1px #c2c2c2;} ul.mmenu_list > li{border-bottom:solid 1px #c2c2c2;} ul.mmenu_list > li > .index_tab {height:90px;padding-top:24px;border-bottom:solid 1px #c2c2c2;color:#222;} ul.mmenu_list > li > .sec {background: #f8f8f8;} .index_lists {}/*ol*/ .index_lists li {height:71PX;border-top:solid 1px #e2e2e2;} .index_lists li:first-child {border-top:none;} .index_lists li a {height:71px;padding:20px 20px 0;width:100%;display: inline-block;box-sizing: border-box;color:#484848 !important; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .index_lists .ui-state-default li a, .index_lists .ui-state-active li a, .index_lists .ui-state-active li a:link {color:#484848 !important;} .page_nav {height:90px;} .page_nav .sec {padding:0;} .page_nav select.ui_sel_indicator { width:50%; } .page_nav select.ui_sel_indicator:first-child {border-left: 0;} .page_nav select.ui_sel_indicator + select.ui_sel_indicator { border-right: 0;} .page_nav button.btn_indicator { width:50%; } .page_nav button.btn_indicator { padding:15px 70px 15px 32px; height:88px; font-size: 1.154em; line-height:1.2;background-color:#f5f5f5; } .page_nav .box_page_nav { padding-right: 89px; } /* 20171101 수정 */ .page_nav .box_page_nav.n3 select.ui_sel_indicator { width:33%; } .page_nav .box_page_nav.n3 select.ui_sel_indicator:first-child { width:34%; } .quickwrap {position: fixed;width:100%; bottom:0;left:0;background: #fff;border-top:solid 1px #a1a9ac;} /*height:100px;*/ .quickwrap .mquick_menu {} .quickwrap .mquick_menu:after {visibility: hidden;display: block;content: "";clear: both;height: 0;} * html .quickwrap .mquick_menu { zoom: 1; } /* IE6 */ *:first-child+html .quickwrap .mquick_menu { zoom: 1; } /* IE7 */ .quickwrap .mquick_menu li {float:left;width:20%;} .quickwrap .mquick_menu li a {display: block;text-align: center;padding:16px 0;} .quickwrap .mquick_menu li a:hover {text-decoration: none;} .quickwrap .mquick_menu li a span {display: block;} .quickwrap .mquick_menu li a.btn_mquick_more {} .quickwrap .mquick_menu li.on a {color:#051766;} .quickwrap .box_mquick_menu_more {position: absolute;box-sizing: border-box;bottom:108px;right:20px;} .quickwrap .box_mquick_menu_more .arr {bottom:-19px;right:25px;width:36px;height:20px;position: absolute;z-index: 1;} .quickwrap .mquick_menu_more { border:solid 1px #051766; border-top:0;background-color:#fff;} .quickwrap .mquick_menu_more li {width:160px;border-top:solid 1px #051766; } .quickwrap .mquick_menu_more li a {display: block;text-align: center;padding:12px 0 18px;} .quickwrap .mquick_menu_more li a span {display: block;} /* mQuick 레이어 */ .mquick_layer_wrap {padding-top:100px;width:100%;top:0;bottom:0;z-index:100;background: rgba(0,0,0,0);box-sizing: border-box;} .mquick_layer_wrap {right:-100%;top:0;position: fixed;z-index: 99;} .mquick_layer_wrap .btn_close_area {height:109px;position:absolute;bottom:0;left:0;right:0;background:transparent;} .mquick_layer_wrap .mquick_layer_inner {top:100px;bottom:0;position:absolute;width:100%;} .mquick_layer_wrap .mquick_layer_inner .mql_header {top:-100px;padding:10px 18px;height:100px;position: absolute;left:0;width:100%;background: #fff;border-bottom:solid 1px #e5e5e5;z-index: 1;} .mquick_layer_wrap .mquick_layer_inner .mql_header .ptitle {padding-top:18px;height:64px;position: absolute;left:0;right:0;top:0;text-align: center;z-index: 1;box-sizing: border-box;} .mquick_layer_wrap .mquick_layer_inner .btn_mmenu_close {top:28px;right:28px;position: absolute;z-index:2;} .mquick_layer_wrap .mquick_layer_inner .mql_container {height:100%;box-sizing: border-box; background: #fff;overflow-y:auto;-webkit-overflow-scrolling:touch;} .mquick_layer_wrap .mquick_layer_inner .mql_container .mql_content { /*background:#ff3399;*/ height: 100%; } .mquick-layer-order .mql_content .mquick_cont_in { padding-top: 148px; height: 100%; } .mquick-layer-order .mql_content .qc_header { padding:36px; position:absolute; top: 0; left: 0; width: 100%; } .mquick-layer-order .mql_content .qc_header .tab_cont { width:100%; } .mquick_layer_wrap .mquick_layer_inner .mql_content .ui-tabs-nav {width:100%; } .mquick_layer_wrap .mquick_layer_inner .mql_content .ui-tabs-nav li { width:33%; margin-left:-1px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .ui-tabs-nav li.fir, .mquick_layer_wrap .mquick_layer_inner .mql_content .ui-tabs-nav li:first-child {width: 34%;margin-left: 0;} .mquick_layer_wrap .mquick_layer_inner .mql_content .ui-tabs-nav li a {padding:18px 0 20px;border:solid 1px #ccc;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body { height: 100%; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body .qc_body_con { height: 100%; padding-top: 79px !important; padding-bottom: 210px !important; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body .box_prd_func { position: absolute; top: 0; left: 0; padding:0 36px; width:100%; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body .box_prd_func .box_com { margin: 0; padding: 0 0 18px; border-bottom: 1px solid #e5e5e5; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body .box_prd_func .ui_sel { width: 230px; height: 60px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body .box_prd_func .input_ico_box {margin-top:6px;} .mquick_layer_wrap .scroll_wrap { height: 100%; padding: 0 36px; } .mquick_layer_wrap .scroll_wrap.scr_hall { padding:30px 36px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list { margin: 0 36px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .scroll_wrap .qc_list { margin: 0; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li { letter-spacing: -0.05em; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li .qc_stitle { padding-left: 16px; background: url(https://img3.cyberskyshop.com:8443/web/images/common/m_ico_bullet_12_c18.png) 0 16px no-repeat; background-size: 6px; font-size: 1.154em; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li .qc_con { margin-top: 10px; color: #707070; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li + li { margin-top: 27px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list .combobox_wrap button { top: 1px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list .tc_bold { display: block; margin-top: 16px; font-weight: normal; color: #000; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li ul li { text-indent: -16px; padding-left: 16px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li ul li + li { margin-top: 0; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule { margin: 42px 36px 0; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule .ms_title { color: #000; font-size: 1.154em; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule .ms_list { margin-top: 17px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule .ms_list li { padding: 3px 0; color: #707070; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule .ms_list .tc_bold { font-weight: normal; color: #000; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule .ms_list .tc_spot { color: #186686; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule .ms_desc { margin-top: 32px; padding-top: 33px; border-top: 1px solid #ccc; color: #333; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available { padding: 25px 0 55px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available .qc_list li .qc_stitle { font-size: 1em; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available .btn_area { margin-top: 40px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available .qc_list li + li { margin-top: 23px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available .qc_list .qc_con { margin-top: 15px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available .qc_list .qc_con .instruction { display:block; margin: -7px 0 13px 12px; } /* 20171116 수정 */ .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available .qc_list .qc_con .ui_cal {width:100%;} /*브랜드탭 active override*/ .mquick_layer_wrap .mquick_layer_inner .ui-tabs-nav li {background: #fff;} .mquick_layer_wrap .mquick_layer_inner .ui-tabs-nav .ui-state-active { background:#434343; } .mquick_layer_wrap .mquick_layer_inner .ui-tabs-nav li a {color:#888;} .mquick_layer_wrap .mquick_layer_inner .ui-tabs-nav .ui-state-active a, .mquick_layer_wrap .mquick_layer_inner .ui-tabs-nav .ui-state-active a:link, .mquick_layer_wrap .mquick_layer_inner .ui-tabs-nav .ui-state-active a:visited {color:#fff;border-color:#434343;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer {position: absolute;bottom:0;left:0;right:0;height:210px;border-top:solid 1px #222;background: #fff;box-sizing:border-box;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .box_com {margin:0 36px; padding:23px 0 24px;box-sizing:border-box;width:auto;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .box_com.qc_foot_result { letter-spacing: -0.05em; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .box_com.qc_foot_result + .qc_foot_result {border-top:solid 1px #ccc;padding-top:12px;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .box_com.qc_foot_result .th {display:inline-block;font-size:1.154em;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .box_com.qc_foot_result .result {font-size:1.154em;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .box_com.qc_foot_result .price_dal {text-align:right;color:#0180a3;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .box_com.qc_foot_result .price_unit {text-align:right;color:#707070;font-size:1em;vertical-align:2px;} .mquick_layer_wrap .mquick_layer_inner .mql_content .btn_area {margin:0 36px; overflow:hidden;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .btn_area button {min-width:48.5%;float:left;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .btn_area button + button {float:right;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer.type_booking .btn_area button {min-width:100%;float:none;} /* 결과가없습니다 느낌표아이콘 */ .box_noresult {display:table;width:100%;height:100%;} .box_noresult .ver_mid {display:table-cell;vertical-align:middle;} .box_noresult .ver_mid .icon {width:100px;height:100px;display:block;margin:0 auto; } .box_noresult .ver_mid .icon img { width: 100%; } .box_noresult .ver_mid .lb {display:block;color:#707070;text-align:center;margin-top:44px;font-size: 1.154em;} /* 카테고리메인,브랜드메인 결과없음 */ .prd_list_container .box_noresult {height:500px;} /* 로그인후 이용할수있는 서비스입니다. */ .box_nologin {display:table;width:100%;height:100%;} .box_nologin .ver_mid {display:table-cell;vertical-align:middle;} .box_nologin .ver_mid .icon {width:100px;height:100px;display:block;margin:0 auto; } .box_nologin .ver_mid .icon img { width: 100%; } .box_nologin .ver_mid .lb {display:block;color:#707070;text-align:center;margin-top:39px;font-size: 1.154em;} .box_nologin .ver_mid .btn_pos {display:block;margin:52px auto 0; } .footer .policy_wrap {background: #434343;z-index: 1;} .footer .policy_wrap .sec:after {visibility: hidden;display: block;content: "";clear: both;height: 0;} * html .footer .policy_wrap .sec{ zoom: 1; } /* IE6 */ *:first-child+html .footer .policy_wrap .sec { zoom: 1; } /* IE7 */ .footer .policy_wrap .policy_menu {padding:10px 0 18px;} .footer .policy_wrap .policy_menu ul{width:100%;overflow: hidden;text-align: center;} .footer .policy_wrap .policy_menu ul li{float:none;display:inline-block;line-height: 1.2; } .footer .policy_wrap .policy_menu ul li a {display: inline-block; padding:5px 10px; color:#eee;} .footer .policy_wrap .policy_menu ul li:first-child a {padding-left:0;} .footer .policy_wrap .policy_menu ul li span.bar {display:inline-block;margin-right:1px;width:1px;height:21px;background:#7c7c7c;color:transparent; overflow:hidden;line-height:999px;} .footer .policy_wrap .family_menu {margin:40px 0;position: absolute;width:100%;display: block;text-align: center;left:0;} .footer .policy_wrap .family_menu a.btn_footer_family {width:auto;padding:13px 20px 0;height:70px;box-sizing: border-box;line-height: 1.4} .footer .company_wrap {background: #555;padding-bottom:20px;} .footer .company_wrap .sec:after {visibility: hidden;display: block;content: "";clear: both;height: 0;} * html .footer .company_wrap .sec { zoom: 1; } /* IE6 */ *:first-child+html .footer .company_wrap .sec { zoom: 1; } /* IE7 */ .footer .company_wrap .box_flogo {width:40%;margin:0 auto 0;} .footer .company_wrap .box_flogo img {width:100%;} .footer .company_wrap .box_companyinfo {padding:150px 0 20px;color:#ddd;text-align: center;line-height: 1.6;} .footer .company_wrap .box_companyinfo span.bar {display: inline-block;padding:0 8px;} .footer .company_wrap .box_companyinfo span.th {color:#ddd;} .footer .company_wrap .box_companyinfo span.td {color:#ccc;} .footer .company_wrap .box_companyinfo p + p{margin-top:35px;} /* 20171215 추가 */ .footer .company_wrap .box_companyinfo p .ftitle{font-weight:700; text-align:center;} /* 20171215 추가 */ /* 20171122 추가 */ .footer .company_wrap .box_companyinfo .bizinfo {margin:0 5px;} .footer .company_wrap .box_companyinfo .bizinfo a {display:inline-block; vertical-align:top;padding-top:5px;} .footer .company_wrap .box_companyinfo .bizinfo a img {display:inline-block; vertical-align:top; width:136px;height:27px;} /* LAYOUT SUB - LNB*/ .container .content_wrap.lo_mem {padding-top:34px;padding-bottom:60px;}/*layout_lnb*/ .lo_mem {}/*layout_member1*/ .lo_mem .sec {width:100%;} /* LAYOUT SUB - lo_combine_mem*/ .container .content_wrap.lo_combine_mem {padding-top:0;padding-bottom:60px;} .lo_combine_mem {border-top:0;}/*layout_combine_mem*/ .lo_combine_mem .sec {width:100%;} .lo_combine_mem .box_join_step .sec{ width: auto; padding: 0; margin: 0 -1px; } .lo_combine_mem .tit_wrap {height:100px;padding-top:23px;text-align:center;margin-bottom:0;} .footer_combine_mem {height:90px;} .footer_combine_mem .mem_foot_menu > li {padding:25px 0 0 24px;} .footer_combine_mem .mem_foot_menu > li span.bar {margin-top:6px;margin-right:24px;height:20px;} .footer_combine_mem .mem_foot_menu > li > a > img{width:132px;height:32px;} /* LAYOUT Error - error*/ .error .container .box_error .img {width:280px;height:280px;} .error .container .box_error .desc {line-height:2;} .error .container .box_error .custom {margin-top:30px;} /* S:상품리스트 기본형 ***************************************************************************/ /* 더보기버튼 공통 */ a.brn_more_plus {padding-top:26px;margin-top:20px;height:80px;} a.brn_more_plus .ico_plus {margin-top:4px;} .prd_list { margin:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .prd_list .prd {margin:0;width:50%;} .prd_list .prd .prd_off a {text-decoration: none;} .prd_list .prd .prd_off .prd_off_in {} .prd_list .prd:nth-child(2n+0) .prd_off .prd_off_in {border-left:0;padding-left:1px;} .prd_list .prd:nth-child(n+3) .prd_off .prd_off_in {border-top:0;} .prd_list .prd .prd_off .prd_off_in .prd_img {padding:18px 36px 20px;} .prd_list .prd .prd_off .prd_off_in .prd_img img{width:100%;} .prd_list .prd .prd_off .prd_off_in .prd_info {margin-top:23px;} .prd_list .prd .prd_off .prd_off_in .prd_info {padding:0 20px 17px;width:100%;box-sizing: border-box;} .prd_list .prd .prd_off .prd_off_in .prd_info .brand {color:#707070;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;height:30px} /* 20171027 수정 */ .prd_list .prd .prd_off .prd_off_in .prd_info .name {height: 68px;line-height:1.2em;color:#333;overflow:hidden} .prd_list .prd .prd_off .prd_off_in .prd_info .price {margin-top:7px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .prd_list .prd .prd_off .prd_off_in .prd_info .price .price_dal {color:#051766;} .prd_list .prd .prd_off .prd_off_in .prd_info .price .price_unit {color:#707070;} .prd_list .prd .prd_over {display:none;} .prd_list .prd .flag {width:70px;height:70px;} .prd_list .prd .flag span.best {margin-top:14px;} .prd_list .prd .flag.blue span.best {margin-top:1px;} /*20201027 YKS add*/ .prd_list .prd .flag.blue span.no {margin-top:14px;} /*20201027 YKS add*/ .prd_list .prd .flag.red span.best {margin-top:1px;} /*20180427 add*/ .prd_list .prd .flag.red span.no {margin-top:14px;} /*20180427 add*/ .mbox_bestprd .prd_list .prd .flag.red span.best {margin-top:14px;} /*20180427 add*/ .mbox_bestprd .prd_list .prd .flag.red span.no {margin-top:0;} /*20180427 add*/ /* s:20171128 add */ .cate_main_best_container .prd_list .prd .flag.md span.no{margin-top:7px;} .cate_main_best_container .prd_list .prd .flag.md span.best{margin-top:2px;} /* s:20171128 add */ .prd_list li.more {padding-top:20px;} /*20171020 add*/ .prd_list li.more .brn_more_plus {margin-top:0;} /*20171020 add*/ /* 상품없을때 - 메인베스트상품 */ .prd_list .prd.noprd.prd_best_small .prd_off, .prd_list .prd.noprd.prd_best_bic .prd_off {width:100%;} .prd_list .prd.noprd.prd_best_small .prd_off .prd_off_in, .prd_list .prd.noprd.prd_best_bic .prd_off .prd_off_in {padding:110px 36px 115px} /* 상품 세로형 */ .prd_list.vertical {width:100%;} .prd_list.vertical .prd {width:100%;float:none;margin:0;padding:30px 0;border-bottom:solid 1px #e5e5e5;} .prd_list.vertical .prd:first-child {border-top:none;} .prd_list.vertical .prd .prd_off {min-height:200px;} .prd_list.vertical .prd .prd_off a { display: block; } .prd_list.vertical .prd .prd_off_in {border:none;} .prd_list.vertical .prd .prd_off_in .prd_img { position:absolute; top: 0; left: 0; padding:0;width:200px;height:200px;border:solid 1px #e5e5e5;} .prd_list.vertical .prd .prd_off_in .prd_info {padding:0 0 20px 224px;margin-top:2px;} .prd_list.vertical .prd .prd_off .prd_off_in .prd_info .name {font-size:1.154em;color:#222;height:80px;} .prd_list.vertical .prd .prd_chk { z-index: 8; position:absolute;top:12px;left:12px;} .prd_list.vertical .prd .prd_chk .input_ico_box {display:block;} .prd_list.vertical .prd .prd_info2 {padding:0 0 0 224px;margin-top:21px;float:none;} .prd_list.vertical .prd .number_counter {} .prd_list.vertical .prd .buy_history {margin-top:12px;} /* E:상품리스트 기본형 ***************************************************************************/ /* 상품 가격 별 리스트 */ .bypirce{text-align:center; font-size:smaller;} /* Main******************************************************************************************* **************************************************************************************************/ .main_bic_banner {overflow:hidden;position:relative;width:100%;height:auto;} .main_bic_banner .sec {padding:0;} .main_bic_banner .btn_area {display:none !important;} .main_middle_banner {} .main_middle_banner .sec {padding:0;} .main_middle_banner .sec a img {width:100%;} .main_prd_wrap {margin-top:47px;} .main_prd_wrap .mbox_bestprd .tit_wrap {text-align:center;} .main_prd_wrap .mbox_bestprd .bestprd_container .tab_cont a.brn_more_plus {padding-top:24px;margin-top:20px;height:70px;width:100%;} .main_prd_wrap .mbox_bestprd .bestprd_container .tab_box {padding-bottom:20px;} .main_prd_wrap .mbox_bestprd .bestprd_container .tab_box .btn_mtab_list_next {position:absolute;right:0;top:0;display:none;} .main_prd_wrap .mbox_bestprd .bestprd_container .tab_box {text-align:center;} .main_prd_wrap .mbox_bestprd .bestprd_container .tab_box .ui-tabs-nav {float:none;margin:0 auto;display:inline-block} .main_prd_wrap .mbox_bestprd .bestprd_container .tab_box:after {visibility: hidden;display: block;content: "";clear: both;height: 0;} * html .main_prd_wrap .mbox_bestprd .bestprd_container .tab_box { zoom: 1; }*:first-child+html .main_prd_wrap .mbox_bestprd .bestprd_container .tab_box { zoom: 1; } .main_prd_wrap .mbox_bestprd .bestprd_container .tab_box .ui-tabs-nav li {float:left;} .main_prd_wrap .mbox_bestprd .bestprd_container .tab_box .ui-tabs-nav li:nth-child(5) {clear:both;} .main_prd_wrap .mbox_bestprd .bestprd_container .tab_box .ui-tabs-nav li:nth-child(5) a::before { content: ""; display:none;} /* 메인 best카테고리상품 */ .bestprd_container .prd_list .prd:last-child {display:none;} /* 메인 신상품 배너 */ .main_prd_wrap .mbox_newprd {margin-top:57px;} .main_prd_wrap .mbox_newprd .newprd_container {padding-bottom:50px;margin-left:-32px;margin-right:-32px;position:relative;border-top:solid 2px #e2f0f5;border-bottom:solid 2px #e2f0f5;} .main_prd_wrap .mbox_newprd .newprd_container .tit_wrap {margin:62px 48px;text-align:center;} .main_prd_wrap .mbox_newprd .newprd_container .tit_wrap span {line-height:1;color:#1983a0;} .main_prd_wrap .mbox_newprd .newprd_container .tit_wrap span.tc_thin {padding-right:5px;} .main_prd_wrap .mbox_newprd .newprd_container .newprd_banner_cont {margin-top:62px;} .main_prd_wrap .newprd_banner_cont .prd_list .prd .prd_off_in .prd_img {padding:4px 138px 54px;} .main_prd_wrap .newprd_banner_cont .prd_list .prd .prd_off .prd_off_in .prd_info .name {padding-top:4px;height: 50px;line-height:1.3em;} .newprd_banner .bx-wrapper .bx-controls-direction a {width:50px; height:100px;top:-417px;background-size:103px 182px;} .newprd_banner .bx-wrapper .bx-controls-direction a.bx-prev {background-position:0 0;left:32px;} .newprd_banner .bx-wrapper .bx-controls-direction a.bx-next {background-position:-52px 0 ;right:32px;} .newprd_banner .bx-wrapper .bx-pager {bottom:-50px;} .newprd_banner .bx-wrapper .bx-pager.bx-default-pager a:after {width:20px;height:20px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;border:1px solid #909090;} .newprd_banner .bx-wrapper .bx-pager.bx-default-pager a, .newprd_banner .bx-wrapper .bx-pager.bx-default-pager a.active { padding: 6px; margin: 0 5px; } .main_prd_wrap .mbox_newprd .newprd_container a.brn_more_plus {margin-top:80px;margin-left:32px;margin-right:32px;padding-top:22px;height:70px;width:auto;top:auto;right:auto;position:relative;} /* 20171121 현업요청 수정 pager 위치수정 */ .main_prd_wrap .evt_banner {margin:30px -32px 65px;position:relative;} .evt_banner .bx-wrapper .bx-controls {bottom:-50px; } .evt_banner .bx-wrapper .bx-pager {bottom:0; text-align:center; padding-right:0;} .evt_banner .bx-wrapper .bx-pager.bx-default-pager a { margin: 0 4px; padding:6px; } .evt_banner .bx-wrapper .bx-pager.bx-default-pager a:after {width:24px; height:24px;-moz-border-radius: 24px;-webkit-border-radius: 24px;border-radius: 24px;border:1px solid #5d7370;} .evt_banner .bx-wrapper .bx-pager.bx-default-pager a.active {padding:6px; } /* 메인 추천상품 배너 */ .main_prd_recommand_wrap {padding:60px 0 100px;} .main_prd_recommand_wrap .prd_list .prd {background:none;} /* .main_prd_recommand_wrap .recommand_banner_cont {width:326px;margin:0 auto;} */ .main_prd_recommand_wrap .prd_list .prd .prd_off .prd_off_in {width:326px;margin:0 auto;border:solid 1px #ccc;background:#fff;} .main_prd_recommand_wrap .prd_list .prd .prd_off .prd_off_in .prd_info {margin-top:39px;} .main_prd_recommand_wrap .recommand_banner_cont {margin:0 auto;} .main_prd_recommand_wrap .bx-wrapper .bx-pager {bottom:-58px;} .main_cutsom_wrap {padding-bottom:50px;} .main_cutsom_wrap .tit_wrap {margin-top:40px; margin-bottom:19px; } .main_cutsom_wrap .tit_wrap .brn_more_plus {margin-top:0;padding-top:14px;width:110px;height:50px;float:right;} .main_cutsom_wrap .mbox_custom {margin:0 -32px 0 -32px; padding:0 32px 30px;border-top:solid 1px #000;} .main_cutsom_wrap .mbox_custom:first-child {border-top:0;} .main_cutsom_wrap .mbox_custom .borad_list_con ul li {padding:12px 0 9px 0;} .main_cutsom_wrap .mbox_custom .borad_list_con ul li:last-child {border-bottom:0;} .main_cutsom_wrap .borad_list_con.borard_noti ul li {background-size:6px;padding:12px 0 9px 13px;} .main_cutsom_wrap .borad_list_con.borard_noti ul li a {width:420px;} .main_cutsom_wrap .borad_list_con.borard_faq ul li a {width:420px;} .main_cutsom_wrap .borad_list_con.borard_noti ul li span.date {margin-top:0;} .main_cutsom_wrap .borad_list_con.borard_faq ul li span.cate {width:140px;margin-top:0;} .main_cutsom_wrap .mbox_custom .service_info {padding-left:0;} /* 브랜드/카테고리 메인 */ .cate_main {margin-top:-20px;} .cate_main .box_rc .cate_main_banner_container {margin-left:-32px;margin-right:-32px;} .cate_main_banner_container .cate_main_banner_cont .bx_slider .item_off .img img.mo {width:100%;}/*20161121 추가*/ .cate_main_banner_container .cate_main_banner_cont .bx_slider .item_off .info {height:206px;} .cate_main_banner_container .cate_main_banner_cont .bx_slider .item_off .info .name {margin-top:30px;} .cate_main_banner_container .cate_main_banner_cont .bx_slider .item_off .info .desc {margin-top:6px;} .cate_main_banner .bx-wrapper .bx-pager.bx-default-pager a.active{padding:5px; margin:0 5px;} /* 20171116 추가 */ .cate_main .box_rc .cate_main_best_container {margin-top:32px;} /* 상품없을때 */ .cate_main_best_container .prd_list .prd.noprd .prd_off .prd_off_in {padding:110px 36px 115px} .cate_main_middle_banner {margin-top:32px;margin-bottom:32px;} .cate_main_middle_banner .sec {padding:0;} .cate_main_middle_banner .sec a img {width:100%;} /* 카테고리메인,브랜드메인 */ .prd_list_container {padding:30px 0 55px;margin-bottom:-20px; } .prd_list_container .box_com.tit_wrap .fl {display:block;text-align:center;} .prd_list_container .box_com.tit_wrap .fr {margin-top:40px;display:block;width:100%;float:none;} .prd_list_container .box_com.tit_wrap .fl h2 {display:block;} .prd_list_container .box_com.tit_wrap .fr .box_sorting, .prd_list_container .box_com.tit_wrap .fr .box_brand {display:inline-block;width:49%;} .prd_list_container .box_com.tit_wrap .fr .box_brand {display:inline-block;width:49%;} .prd_list_container .box_com.tit_wrap .result_txt {font-size:1em;} .prd_list_container .box_com.tit_wrap {margin-bottom:20px;} /* 브랜드메인 ******************************************************************************* *********************************************************************************************/ .brand_main {margin-top:-20px;} .brand_main_banner .sec {padding:0;} .box_brand_info {} .box_brand_info {padding:17px 0;border-bottom:solid 1px #e5e5e5;} .box_brand_info .logos {margin:0 auto;text-align:center;} .box_brand_info .desc {padding:10px 0 20px;width:auto;min-height:auto;text-align:center;} .box_brand_info .desc p {line-height:1.5em;} .brand_main_best {margin-top:50px;padding-bottom:32px;} .brand_prd_list.prd_list_container {padding-top:50px;} .brand_prd_list.prd_list_container .box_com.tit_wrap .fr .box_sorting {width:100%;} /* 신상품메인 ******************************************************************************* *********************************************************************************************/ .new_prd_list.prd_list_container {padding-top:30px;padding-bottom:35px;margin-bottom:0;} .new_prd_list.prd_list_container .box_com.tit_wrap {margin-bottom:20px;} .new_prd_list.prd_list_container .box_com.tit_wrap .fl {float:left;width:56%;text-align:left;} .new_prd_list.prd_list_container .box_com.tit_wrap .fr {float:right;width:42%;margin-top:0;} .new_prd_list.prd_list_container .box_com.tit_wrap .fr .box_sorting {width:100%;} .new_prd_list.prd_list_container .box_com.tit_wrap .result_txt {margin-top:20px;display:inline-block;margin-left:0;text-align:left;} /* 검색결과****************************************************************************** *********************************************************************************************/ /* 검색결과 기본 상품리스트 */ .prd_list_container.search_prd_list {margin-bottom:-20px;padding:0 0 25px;} .prd_list_container.search_prd_list .box_com.tit_wrap {margin-top:0;margin-bottom:20px; display:block;} .prd_list_container.search_prd_list .box_com.tit_wrap .fl {display:block;float:none;} .prd_list_container.search_prd_list .box_com.tit_wrap .fr {display:block;vertical-align:middle;float:none;} .prd_list_container.search_prd_list .box_com.tit_wrap .fr .box_sorting {width:100%;} .prd_list_container.search_prd_list .box_com.tit_wrap h2 {display:inline-block;} .prd_list_container.search_prd_list .box_com.tit_wrap .result_txt {display:block;margin-bottom:20px;} .prd_list_container.search_prd_list .box_com.tit_wrap .sorting_list {overflow:hidden;vertical-align:bottom;} .prd_list_container.search_prd_list .box_noresult {height:300px;border-top:solid 1px #d8d8d8;} /******************************************************************* ** 9. sub > 주문 *******************************************************************/ .box_order_complete { padding: 50px 5px 53px; } .box_order_complete span { font-size: 0.923em; } .box_order_complete .tc_spot { margin-bottom: 2px; } .box_order_complete .tc_spot { font-size: 1.231em; } .box_order_complete .tc_bold { font-size: 1em; } .box_order_event { margin-top: 60px; min-height: auto; padding: 31px 15px 38px; text-align: center; } .order_list_2 + .box_order_event { margin-top: 54px; } .box_order_event .tc_spot { font-size: 1em; } .box_order_event .btn_group { position: static; top: initial; right: initial; margin: 15px 0 0; } .order_price_wrap { display: block; border: 4px solid #051766; margin-top: 60px; } .order_price_wrap .box { display: block; width: 100%; height: auto; padding-bottom: 39px; border-left: 0; } .order_price_wrap .box.pay_total { padding-bottom: 19px; } .order_price_wrap .box + .box { border-left: 0; border-top: 1px solid #e7e7e7; } .order_price_wrap .box > i.ico { top: -30px; left: 50%; margin-left: -28px; } .order_price_wrap .box > dl > dt { padding: 18px 22px 20px; text-align: left; font-size: 1.154em; } .order_price_wrap .box > dl > dd { padding: 18px 32px 0; } .order_price_wrap .box .alert_red { padding: 18px 32px 0; } .order_price_wrap .box .alert_pos { padding: 18px 32px 0; } .order_price_wrap .box .total { padding-bottom: 2px; } .order_price_wrap .box .total strong { font-size: 1.308em; } .order_price_wrap .box .total .won { font-size: 1em; vertical-align: 2px; } .order_price_wrap .box .detail dt { width: 51%; padding: 2px 0 2px 12px; background: url(https://img3.cyberskyshop.com:8443/web/images/common/ico_bullet_16_s7e.png) 0 20px no-repeat; background-size: 4px; } .order_price_wrap .box .detail dd { width: 49%; padding: 2px 0; font-weight: 700; } .tt_coupon + .tt_coupon { margin-top: 0; } .tt_order_sum { font-size: 1em; } .box_order_agree { margin-top: 60px; padding: 23px 30px 24px; } .box_order_agree .list_agree { margin-top: 8px; } .box_order_agree .list_agree li { padding: 6px 0 6px; } .box_order_agree .list_agree .input_ico_box { width: auto; margin-top: 6px; margin-bottom: 6px; } .box_order_agree .list_agree .btn_sm_lgray { padding-left: 0; padding-right: 0; margin-left: 0; } .box_order_agree .instruction + .instruction { margin-top: 0; } .box_order_agree .row + .row { margin-top: 15px; padding-top: 17px; } .order_prd_wrap { overflow: hidden; } .order_prd_wrap .prd_head { display: none; } .order_prd_wrap .prd_list.vertical .prd { border-top: 0; padding: 30px 0; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_img { left: 0; } .order_prd_wrap .prd_list.vertical .prd:nth-child(2n+0) .prd_off .prd_off_in, .order_prd_wrap .prd_list.vertical .prd .prd_off_in { padding-left: 200px; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_info { display: block; min-height: 200px; padding: 0 0 0 24px; } .order_prd_wrap .prd_list.vertical .prd .prd_off .prd_off_in .prd_info .name { height: 78px; margin-top: 6px; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_cell_1 { display: block; width: auto; padding: 0; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in .pi_list { display: block; width: 100%; margin-top: 8px; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in dl { display: block; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in dl dt, .order_prd_wrap .prd_list.vertical .prd .prd_off_in dl dd { display: block; float: left; height: auto; padding: 1px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .order_prd_wrap .prd_list .prd .prd_off .prd_off_in .prd_info .price { margin-top: 0; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_info .counter_change_wrap { display: inline-block; vertical-align: top; padding: 7px 0 5px; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in dl dt { position: initial; height: auto; clip: auto; width: 30%; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_cell_2, .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_cell_3, .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_cell_4{ width: 70%; padding: 1px 0; text-align: right; } .order_prd_wrap .box_noresult { height: 500px; } .order_prd_wrap.basket .box_chk_all { position:relative; top: 0; left: 0; padding: 32px 0 26px; border-bottom: 1px solid #e5e5e5; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in > .input_ico_box { top:12px; left: 12px; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .prd_img { left: 0; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in { padding-left: 200px; } .order_prd_wrap .prd_list.vertical .prd .sticker_group { margin-bottom: 5px; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in dl dt { display:none; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .prd_cell_1 { width: auto; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .prd_cell_2, .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .prd_cell_3, .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .prd_cell_4, .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .prd_cell_5 { width: 100%; text-align: left; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .pc { display: none !important; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .counter_change_wrap { margin-top: 19px; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .counter_change_wrap .btn_sm_lgray2 { padding: 10px 1em 12px; height: 60px; margin: 12px 0 0; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in dl dt { position: absolute; height: 1px; clip: rect(1px,1px,1px,1px); } .security_code_wrap { padding: 30px 0 0; border-bottom: 0; } .security_code_wrap .security_code:after { content:''; display: block; clear: both; } .security_code_wrap .box_img { width: 302px; height: 98px; } .security_code_wrap .btn_group, .security_code_wrap .input_wrap { margin: 0; } .security_code_wrap .input_wrap { float: none; padding-top: 12px; } .security_code_wrap .btn_group { margin-left: 12px; padding: 20px 0 0; } .security_code_wrap .btn_group .btn_sm_lgray { min-width: 120px; padding-left: 0; padding-right: 0; } .security_code_wrap .btn_group .btn_sm_lgray + .btn_sm_lgray { margin-left: 12px; } .security_code_wrap .input_wrap input { width: 100%; } .box_desc_list { padding: 21px 20px 23px; margin-bottom: 36px; } .box_desc_list .list_line_style.n2 li { float: none; width: 100%; } .order_list_2 { margin-top: 26px; } /******************************************************************* ** 10. sub > 약관동의(공통) *******************************************************************/ .agree_wrap .box_agree .ui-accordion-header, .agree_wrap .box_agree .ui-state-active { padding: 10px 10px 10px; } .agree_wrap .box_agree .ui-accordion-content { height: 256px; } .agree_wrap .box_agree .ui-accordion-header .ui-icon { right: 22px; width: 24px; height: 15px; margin-top: -8px; background: url(https://img3.cyberskyshop.com:8443/web/images/ui/mo_ui_accordion_arrow.png) 0 0 no-repeat; background-size: 100% auto; } .agree_wrap .box_agree .ui-state-active .ui-icon { background-position: 0 -15px; } .agree_wrap .box_agree .title_bar { min-height: 68px; } .agree_wrap .box_agree h4{ top: 10px; left: 10px; } .agree_wrap .box_agree .agree_cont > dl > dt { margin-bottom: 3px; color: #000; } .agree_wrap .box_agree .agree_cont > dl > dd + dt { margin-top: 13px; } .agree_wrap .box_agree .agree_cont > dl > dd ol { padding-left: 32px; text-indent: -32px; } .agree_wrap .input_ico_box input[type='checkbox']+span.ico+label { font-size: 1em; padding: 7px 0 8px 60px; } .agree_wrap .box_all_agree { margin-bottom: 20px; } /* 20171013 add */ .agree_wrap .box_agree .title_bar > a { height:68px; } .agree_wrap .box_agree.active .agree_cont {overflow: auto;height: 256px;padding: 17px 20px;} .agree_wrap .box_agree .title_bar > a:after { right: 22px; width: 24px; height: 15px; margin-top: -8px; background: url(https://img3.cyberskyshop.com:8443/web/images/ui/mo_ui_accordion_arrow.png) 0 0 no-repeat; background-size: 100% auto; } .agree_wrap .box_agree.active .title_bar > a:after { background-position: 0 -15px; } .box_terms .tc_bold { margin-bottom: 3px; color: #000; } .box_terms .body_list > li { margin: 13px 0; } .box_terms .body_list table { margin-top: 5px; } .box_terms .stitle { margin-bottom: 3px; } /******************************************************************* ** 11. sub > 로그인 *******************************************************************/ .login_form_wrap .input_wrap { display: block; width: 100%; } .login_form_wrap .input_wrap + .input_wrap { margin-top: 23px; } .login_form_wrap .input_wrap label { display: block; width: 100%; margin-bottom: 11px; padding-top: 0; vertical-align: top; } .login_form_wrap .input_wrap:nth-of-type(1) label { margin-top: 0; } .login_form_wrap .input_wrap .input { display: block; vertical-align: top; } .login_form_wrap .input_wrap .input select, .login_form_wrap .input_wrap .input input, .login_form_wrap .input_wrap .input .input_text_group input { padding: 11px 20px 13px 20px; width: 100%; height: 80px; } .login_form_wrap .input_wrap .input .input_text_group .placeholder { padding: 0 20px; } .login_form_wrap .input_wrap .email_wrap .box { float: none; margin-left: 0; margin-top: 12px; } .login_form_wrap .input_wrap .email_wrap .box:nth-of-type(1) { margin-top: 0; } .login_form_wrap .input_wrap .email_wrap .mark { position:absolute; top: 0; left: 50%; width: 44px;margin-left: -22px; padding-top: 17px; font-size: 1.077em; } .login_form_wrap .input_wrap .email_wrap .box_inner { margin: 0 -22px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .login_form_wrap .input_wrap .email_wrap .box_email, .login_form_wrap .input_wrap .email_wrap .box_adress { width: 50%; padding: 0 22px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .login_form_wrap .input_wrap .email_wrap select { width: 100%; } .login_form_wrap .input_wrap .email_confirm_wrap { margin-top: 12px; } .login_form_wrap .input_wrap .box_r_btn { padding-right: 220px; } .login_form_wrap .input_wrap .box_r_btn button { min-width: 208px; width: 208px; padding-left:5px; padding-right: 5px; } .login_wrap { padding-bottom: 68px; } .login_wrap .login_form_wrap, .login_wrap .login_btn_wrap { float: none; width: 100%;} .login_wrap .login_btn_wrap { margin-top: 40px; } .login_wrap .login_btn_wrap .btn_login { height: 92px; } .login_wrap .id_check_wrap { padding-left: 0; margin-top: 20px; } .social_login_wrap.ke { margin-top: 60px; } /*20180509*/ .social_login_wrap { padding: 39px 20px 46px; } .social_login_wrap .desc, .social_login_wrap .login_btn_wrap { padding-top: 0; float: none; text-align: center; } .social_login_wrap .login_btn_wrap { margin-top: 14px; } .find_login_wrap { margin-top: 40px; padding-top: 0; border-top: 0; } .find_login_wrap .row + .row { margin-top: 12px; } .find_login_wrap .desc { width: 50%; } .find_login_wrap .btn_wrap { width: 50%; } .find_login_wrap .btn_wrap a, .find_login_wrap .btn_wrap button { min-width: 272px; width: 272px; height: 80px; padding: 20px 5px 20px; font-size: 1em; } .login_find_wrap .login_find_tabs li a:focus, .login_find_wrap .login_find_tabs li a:hover, .login_find_wrap .login_find_tabs li a:visited, .login_find_wrap .login_find_tabs li a { padding: 18px 0 20px; font-size: 1.154em; } .login_find_wrap .desc_wrap { margin-top: 32px; padding-bottom: 36px; } .login_find_wrap .tabs { margin-top: 40px; } .login_find_wrap .login_form_wrap .tabs:after { content:''; display: block; clear: both; } .login_find_wrap .login_form_wrap .tabs li { float: left; width: 50%; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: left; } .login_find_wrap .login_form_wrap .input_content { margin-top: 30px; } .login_find_wrap .login_form_wrap .confirm_wrap { margin-top: 20px; } /* 주문 *************************************************************/ /* 타이틀 */ .tit_category { padding: 20px 32px 22px; margin: 60px -32px 0; } .tit_category.hth:nth-of-type(1) { margin-top: 0; } .pc + .tit_category:nth-of-type(1) { margin-top: -20px; } /* 장바구니 경고문구 *****************************************************************/ .alert_red {font-size:1em;} .alert_red .ico_alert_red {margin-top:5px;} .alert_red.basket {margin-top:25px;} .alert_pos {font-size:1em;} .alert_pos .ico_alert_pos {margin-top:5px;} .alert_pos.basket {margin-top:25px;} /* 회원가입 ******************************************************************* *********************************************************************************************/ .box_join_step { padding-bottom: 11px; } .box_join_step ul li i.memico { margin: 0; } .box_join_step ul li .box { padding: 16px 0 17px; font-size: 0.846em; } .box_join_step ul li .box .title { display: block; margin-top: 12px; } .box_join_step ul li .box .title .pc { display: none; } .box_join_step ul li .box:after { bottom: -11px; width: 21px; height: 11px; margin-left: -10px; background-image: url(https://img3.cyberskyshop.com:8443/web/images/common/ico_join_step_arrow_640.png); background-size: 21px 100%; } .box_join_intro { padding-top: 36px; } .box_join_intro .tc_spot { font-size: 1.308em; } .box_join_intro p { margin-top: 16px; font-size: 1em; } .box_join_intro p br { display: none; } .box_join_member { padding: 32px 0 40px; margin-top: 43px; } .box_join_member .col { float: none; width: 100%; } .box_join_member .col + .col { border-left: 0; } .box_join_member .col + .col .stitle { display: inline-block; width: 69%; margin-top: 40px; padding-top: 31px; border-top: 1px solid #d9e0e2; } .box_join_member .col .stitle { font-size: 1.154em; } .box_join_member .col .desc { margin-top: 0; } .box_member_benefit { margin-top: 52px; } .box_member_benefit .stitle { float: none; width: 100%; padding-top: 0; font-size: 1.308em; } .box_member_benefit .list_benefit { margin-top: 14px; } .box_member_benefit .list_benefit li { padding: 6px 0; } .box_member_benefit .list_benefit, .box_member_benefit .list_benefit li.item_1, .box_member_benefit .list_benefit li.item_2, .box_member_benefit .list_benefit li.item_3 { display: block; width: 100%; } .box_member_benefit .list_benefit li .text { font-size: 1em; } .box_member_benefit .list_benefit li .tc_bold { display: inline; } .box_member_benefit .list_benefit li i.memico { margin-right: 12px; } .confirm_wrap { margin-bottom: 6px; } .confirm_wrap .confirm_inner { margin: 0 -8px; } .confirm_wrap .row { padding: 0 8px; } .confirm_wrap .row .box { padding: 19px 0 34px; } .confirm_wrap .row .box h4 { font-size: 1em; } .confirm_wrap .row .box i.memico { margin-top: 18px; } .confirm_wrap .row .box .btn_group { margin-top: 26px; } .box_join_complete { margin-top: 48px; padding: 49px 20px 58px; } .box_join_complete .tc_spot { font-size: 1.308em; } .box_join_complete p { margin-top: 13px; font-size: 1em; } .box_join_complete .btn_group { margin-top: 37px; } .box_foreigner_agree {margin-top:16px;} /* 상품상세페이지**************************************************************************** *********************************************************************************************/ .prd_detail_wrap {margin-top:-20px;} .prd_detail_wrap .prd_no.mo {top:26px; right:0;} .prd_detail_img_in .btn_prd_detail_view {padding:10px; right:-10px;bottom:10px;} .prd_detail_img .bx-wrapper .bx-viewport .item {padding:80px;} .prd_detail_info {border-top:solid 1px #e5e5e5;} .prd_detail_info .box_prd_info {padding-bottom:34px;border-bottom:solid 1px #444;} .prd_detail_info .box_prd_info .brand {margin-top:38px;} .prd_detail_info .box_prd_info .name {margin-top:16px;} .box_prd_info .prd_icons {margin-top:30px;} .box_prd_info .prd_icons .picon {width:108px; height:34px;margin-top:6px;margin-right:6px;} .box_prd_info .prd_icons .picon img {width:100%;} .box_prd_info2 .basic_info {margin-top:26px;} .box_prd_info2 .basic_info li {min-height:48px;} .box_prd_info2 .basic_info li.ip {min-height:76px;} .box_prd_info2 .basic_info li em.th {top:8px;background:none;} .box_prd_info2 .basic_info li .td {padding-left:160px;} .box_prd_info2 .basic_info li .td .txt {display:block;} .box_prd_info2 .basic_info li.ip em.th {top:20px;} .box_prd_info2 .basic_info li.ip .td {padding-top:8px;padding-bottom:8px;} .box_prd_info2 .basic_info li.ip .td .tbtn_lgray {height:60px;padding:10px 15px;} .box_prd_info3 {margin-top:32px;} .box_prd_info3 .sum_total {height:90px;padding:0 36px;} .box_prd_info3 .sum_total .td .price_unit{padding-top:2px;padding-left:10px;} .box_prd_info4 {margin-top:16px;} .box_prd_info4 button {width:49%;min-width:49%;text-align:center;padding:10px;margin-bottom:2%;} .box_prd_info4 button:nth-child(2n) {margin-left:2%;} .box_prd_banner {margin-top:14px;} .box_prd_banner .banner_hth{min-height:71px;} /* 20171218 추가 */ .box_prd_banner .banner_hth .ico_hth {margin-right:16px;} .box_prd_banner .btn_sm_lgray {margin-left:86px;} .prd_brand_banner .sec {padding:0;} .prd_brand_banner .sec a img {width:100%;} .prd_brand_banner {margin-top:18px;} /* 상품상세컨텐츠 */ .prd_detail_view_wrap .ui-tabs-nav {display: none;} .prd_detail_view_wrap .ui-tabs .ui-tabs-panel {padding:0 0 32px;display: block !important; } .prd_detail_view_wrap .tab_panel h2 {margin-left:-32px;margin-right:-32px;padding:32px; margin-bottom:32px; background-color:#051766;color:#fff;} .prd_detail_view_wrap .tab_panel .prd_detail_tab1 img {width:100%;} .prd_detail_view_wrap .tab_panel .prd_detail_tab1 {font-size:1em} .prd_detail_view_wrap .tab_panel ol.list {margin-bottom:40px;} .prd_detail_view_wrap .tab_panel ol.list li {margin-top:20px;margin-left:30px;line-height:1.615em;color:#000; letter-spacing:-1.5px;} .prd_detail_view_wrap .tab_panel ol.list li > p {margin-left:-30px;} .prd_detail_view_wrap .tab_panel ol.list:last-child {margin-bottom:0;} .prd_detail_view_wrap .airline_use_info {margin-bottom:40px;}/*20171213 추가*/ /* 상품상세배너 */ .prd_detail_banner_wrap.prd_recommand {margin-bottom:-20px;} .prd_detail_banner_wrap {padding:60px 0 100px; } .prd_detail_banner_wrap .tit_wrap {margin-bottom:32px;} /* .prd_detail_banner_wrap .prd_banner_cont {width:326px;margin:0 auto;} */ .prd_detail_banner_wrap .prd_list .prd {background:none;} .prd_detail_banner_wrap .prd_list .prd .prd_off .prd_off_in {width:326px;margin:0 auto;border:solid 1px #ccc;background:#fff;} .prd_detail_banner_wrap .prd_banner_cont .prd_list .prd:nth-child(n+3) .prd_off .prd_off_in {border-top:solid 1px #ccc;} .prd_detail_banner_wrap .prd_banner_cont .prd_list .prd:nth-child(2n+0) .prd_off .prd_off_in {border-left:solid 1px #ccc;} .prd_detail_banner_wrap .bx-wrapper .bx-pager {bottom:-58px;} /* .prd_detail_banner_wrap .bx-wrapper .bx-pager.bx-default-pager a {width:16px;height:16px;border-radius:16px;} */ /* 마이페이지 ************************************************************************************** *********************************************************************************************/ .mypage_tit_wrap .user_name { font-size: 1.538em; } .mypage_tit_wrap .btng { margin-top: 21px; } .mypage_tit_wrap.tit_wrap { margin-bottom: 30px; } .mypage_tit_wrap .fl, .mypage_tit_wrap .fr { float: none; } .mypage_tit_wrap.tit_wrap .fr.btng { margin-top: 20px; } .mypage_tit_wrap.stit_wrap .fr.btng { margin-top: 15px; } .box_user_info { margin-top: 30px; } .box_user_info .box.grade, .box_user_info .box.benefit { float: none; width: 100%; } .box_user_info .box.benefit { border-left: 0; border-top: 1px solid #e5e5e5; } .box_user_info .box .item:before { height: 76px; margin-top: -38px; } .box_user_info .box .item .info { font-size: 1.538em; } .box_user_info .box .item strong { top: 110px; } .box_user_info .box .item { padding: 49px 5px 95px 6px; } .box_user_info .box .item:first-child { padding: 49px 5px 95px; } .box_order_condition { display: block; } .box_order_condition .box.order, .box_order_condition .box.cancel { display: block; width: 100%; } .box_order_condition .box.order .item { padding: 40px 18px 34px; } .box_order_condition .box.order .item .order_info i.myico { position: static; } .box_order_condition .box.order .item .order_info { width: 100%; height: auto; padding: 0 0 42px 0; } .box_order_condition .box.order .item .order_info strong { left: 0; width: 100%; } .box_order_condition .box.order .item i.myico.ico_order_arrow { left: -18px; margin-top: -18px; } .box_order_condition .box.order .item .order_info .info { margin-top: 6px; font-size: 1.538em; } .box_order_condition .box.cancel { padding:20px 0; border-left: 0; border-top: 1px solid #e5e5e5; } .box_order_condition .box.cancel .item { float: left; width: 50%; padding: 8px 20px 10px; border-top: 0; border-left: 1px dashed #e5e5e5; } .box_order_condition .box.cancel .item:first-child { border-left: 0; } .box_order_condition .box.cancel strong { width: 70%; } .box_order_condition .box.cancel strong i.myico { margin-right: 16px; vertical-align: -7px; } .box_order_condition .box.cancel .info { width: 30%; } .my_fav_wrap .box_noresult { height: 500px; } .prd_list.my_main_fav.vertical { border-bottom: 0; } .prd_list.my_main_fav.vertical .prd { float: none; width: 100%; padding: 30px 0; border-bottom:solid 1px #e5e5e5;} .prd_list.my_main_fav.vertical .prd .prd_off .prd_off_in { display: block; padding: 0 20px; } .prd_list.my_main_fav.vertical .prd:last-child .prd_off { padding: 0 20px; } .prd_list.my_main_fav.vertical .prd .prd_off a { min-height: 200px; } .prd_list.my_main_fav.vertical .prd_off_in .prd_info { float: none; } table.tbl_col_1 td.td_btn_order { padding-top:11px; text-align: right; padding: 3px 0 3px; } table.tbl_col_1 td.td_btn_order .box { display: inline-block; margin: 0; } table.tbl_col_1 td.td_btn_order a, table.tbl_col_1 td.td_btn_order button { width: auto; } .tit_wrap.pc + .box_gray_info { margin-top: 12px; } .box_gray_info { margin-top: 50px; padding: 0 30px; } .box_gray_info .row { padding: 34px 0 34px; } .box_gray_info .row h4 { margin-bottom: 8px; font-size: 1.154em; } .box_my_detail_modify .btn_modify_wrap { margin-top: 32px; padding-top: 30px; border-top: 1px solid #f2f2f2; text-align: center; } .box_my_detail_modify table.tbl_row_ip td .msg_wrap .instruction { width: auto; padding: 0; } .info_change_wrap .ic_inner { margin: 0 -8px; } .info_change_wrap .row { padding: 0 8px; } .info_change_wrap .row .box { padding: 33px 0 40px; } .info_change_wrap .row .box h4 { font-size: 1em; } .info_change_wrap .row .box i.myico { margin-top: 27px; } .info_change_wrap .row .box .btn_group { margin-top: 40px; } .fav_tab_wrap .tab_content { padding-top: 0; } .fav_tab_wrap .tbl_btn_group { position: static; text-align: left; margin: 20px 0 0; } .fav_tab_wrap .tbl_btn_group button, .fav_tab_wrap .tbl_btn_group a { padding-left: 20px; padding-right: 20px; } .order_prd_wrap.fav .box_chk_all { position:relative; top: 0; left: 0; padding: 32px 0 26px; border-bottom: 1px solid #e5e5e5; } .order_prd_wrap.fav .prd_list.vertical .prd .prd_off_in > .input_ico_box { top:12px; left: 12px; } .order_prd_wrap.fav .prd_list.vertical .prd .prd_off_in .prd_img { left: 0; } .order_prd_wrap.fav .prd_list.vertical .prd .prd_off_in { padding-left: 200px; } .order_prd_wrap .prd_list.vertical .prd .sticker_group { margin-bottom: 5px; } .order_prd_wrap.fav .prd_list.vertical .prd .prd_off_in dl dt { display:none; } .order_prd_wrap.fav .prd_list.vertical .prd .prd_off_in .prd_cell_1 { width: auto; } .order_prd_wrap.fav .prd_list.vertical .prd .prd_off_in .prd_cell_2 { width: 100%; text-align: left; } .order_prd_wrap.fav .prd_list.vertical .prd .prd_off_in .pc { display: none !important; } .order_prd_wrap.fav .prd_list.vertical .prd .prd_off_in dl dt { position: absolute; height: 1px; clip: rect(1px,1px,1px,1px); } .tabs_list li a { padding: 18px 0 20px; } .tabs_list.n9 li { width: 33.33%; border-top-color: transparent; } .tabs_list.n9 li:nth-child(1), .tabs_list.n9 li:nth-child(2), .tabs_list.n9 li:nth-child(3) { border-top-color: #e5e5e5; } /* KE 계정연동 20180608 추가 ******************************************************************************* *********************************************************************************************/ .hth_wrap.ke_wrap { padding-bottom: 30px; } .hth_wrap.ke_wrap button.ke_accout_btn { margin: 60px 0 40px 0; } .keGuide_wrap .sec, .benefits_wrap .sec { text-align:center; padding-top:14px;} .benefits_wrap { margin-bottom:-20px; } .benefits_wrap .sec .ke_guide h3 {font-size:1.538em; } .benefits_wrap .sec .ke_guide h4 {font-size:0.846em; } .benefits_wrap .sec .ke_guide h4 { margin-top:17px; } .benefits_wrap .sec .ke_guide h4 .txt { width:120px; padding:6px 0 7px; border-radius: 40px; } /* 하트투하트 ******************************************************************************* *********************************************************************************************/ .hth_wrap { margin-top:-20px; padding-bottom:40px;} .hth_wrap .sec .box_hth_img { margin:0 -32px;} .hth_wrap .sec .box_hth_img img { width:100%; margin:0 auto; } .hth_wrap .sec .hth_guide h3 { margin-top:50px;text-align:center;} .hth_wrap .sec .hth_guide h4 { margin-top:17px;text-align:center;} .hth_wrap .sec .hth_guide h4 .txt { width:120px;padding:6px 0 7px; border-radius: 40px; } .hth_wrap .sec .hth_guide .step {margin-top:20px;} .hth_wrap .sec .hth_guide .step li {margin-top:50px;width:50%; } .hth_wrap .sec .hth_guide .step li .img {margin-bottom:20px;} .hth_wrap .sec .hth_guide .box_notice {margin-top:60px;padding:20px 20px;display:table;} .hth_wrap .sec .hth_guide .box_notice .img {display:table-cell;vertical-align:middle;} .hth_wrap .sec .hth_guide .box_notice .mo {padding-left:15px;display:table-cell;text-align:left; color:#707070;} .hth_wrap .sec .hth_guide h3 {font-size:1.538em;} .hth_wrap .sec .hth_guide h4 {font-size:0.846em; } .hth_wrap .sec .hth_guide .box_notice .mo {font-size:0.846em} .hth_msg_wrap {margin-bottom:-20px;padding-bottom:60px;} .hth_msg_wrap .hth_msg_list:after {visibility: hidden;display: block;content: "";clear: both;height: 0;} * html .hth_wrap .hth_msg_list { zoom: 1; } /* IE6 */ *:first-child+html .hth_wrap .hth_msg_list { zoom: 1; } /* IE7 */ .hth_msg_wrap .box_hth_img2 {padding-top:54px; padding-bottom:60px; width:auto; margin-left:-32px;margin-right:-32px;} .hth_msg_wrap .box_hth_img2 img {width:100%;} .hth_msg_wrap .box_hth_msg {min-height:586px; margin-top:20px; padding-top:20px;padding-bottom:20px; width:100%; background:#fff;} .hth_msg_wrap .box_hth_msg .label_theme { margin-top:-10px;margin-right:30px; } .hth_msg_wrap .box_hth_msg .hth_msg_in {margin:0 20px 20px; padding:23px 30px 65px 30px; min-height:340px;} .hth_msg_wrap .box_hth_msg .hth_msg_in .to {} .hth_msg_wrap .box_hth_msg .hth_msg_in .from {position:absolute; bottom:23px;right:30px;} .hth_msg_wrap .box_hth_msg .hth_msg_in .msg {margin-top:10px;color:#707070;line-height:1.6;} .hth_msg_wrap .box_hth_msg .hth_gifts {margin:16px 20px 20px;} .hth_msg_wrap .box_hth_msg .hth_gifts .box_com {margin-bottom:20px;} .hth_msg_wrap .box_hth_msg .hth_gifts .box_com .tit {padding-right:130px;} .hth_msg_wrap .box_hth_msg .hth_gifts .box_com .tit .hthico {margin-right:5px;} .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .pager {top:-58px; right:28px;} .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .pager a.btn_prev, .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .pager a.btn_next { display: inline-block; width: 44px; height: 43px; } .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .lists {height:128px;min-height:128px;} /* 20171027 수정 */ .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .lists .prd_list.vertical .prd .prd_off {height:126px;min-height:126px;} .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .lists .prd_list.vertical li.prd .prd_off_in .prd_info {padding-left:144px;padding-bottom:0;width:100%; } .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .lists .prd_list.vertical .prd .prd_off_in .prd_img {width:126px;height:126px; padding:10px;} .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .lists .prd_list.vertical .prd .prd_off .prd_off_in .prd_info .name {margin-top:5px;} /* Promotion page 20180803 추가 ******************************************************************************* *********************************************************************************************/ .hth_wrap.prom_wrap { padding-bottom: 20px; } .hth_wrap.prom_wrapDesc .desc h3 { padding: 26px 0; } .hth_wrap.prom_wrapDesc .sec .promotion_desc img { display: block; margin: 0 auto; padding-top: 36px; width: 74%; } .skyshopBenefits_wrap { margin-bottom: -20px; } /* triangle-down */ .hth_wrap .sec .triangle-down { border-left-width: 74px; border-right-width: 74px; top: 0; } .hth_wrap .sec .triangle-down.red { border-top-width: 42px; } .hth_wrap .sec .triangle-down.light_grey { border-top-width: 42px; } .hth_wrap .sec .triangle-down.light_blue { border-top-width: 42px; } /* 스카이포인트숍 ************************************************************************************** *********************************************************************************************/ .sky_point_wrap { margin-top: -20px; } .sky_point_wrap .prd_list.vertical { border-top: 0; } .sky_point_wrap .prd_list.vertical .prd .prd_off_in { width: 100%; padding-left: 0; } .sky_point_wrap .prd_list.vertical .prd .prd_off .prd_off_in .prd_info .name { margin-top: 4px; height: 80px; } .sky_point_wrap .prd_list.vertical .prd .prd_off .prd_off_in .prd_info .sticker { vertical-align: -5px; } .sky_point_wrap .prd_list.vertical .prd .prd_off_in .prd_info { width: 100%; } .sky_point_wrap .prd_list .prd .prd_off .prd_off_in .prd_info .point { margin-top: 0; } .sky_point_wrap .prd_list .prd .prd_off .prd_btn { position:static; margin-top: 0; padding: 0 0 0 224px; } .sky_point_wrap .box_noresult { border-top: 0; height: 500px; } .point_wrap.prd_detail_wrap .prd_detail_info .box_prd_info{padding-bottom:26px;} .point_wrap.prd_detail_wrap .prd_bic_img_viewer {padding:80px;} .point_wrap.prd_detail_wrap .box_prd_info2 .basic_info{margin-top:32px;} .point_wrap.prd_detail_wrap .box_prd_info5{margin-top:32px; padding:30px 0 30px;} .point_wrap.prd_detail_wrap .box_prd_info3{margin-top:38px;} .point_wrap.prd_detail_wrap .btn_lg_group{margin-top:60px; margin-bottom: 40px;} .point_wrap.prd_detail_wrap .btn_lg_group .btn_area{padding-right:6px;} .point_wrap.prd_detail_wrap .btn_lg_group .btn_area + .btn_area{padding-left:6px;} .point_info .instruction{display:block;} .box_gray_info.point_wrap .box_title_group{margin-bottom:6px;} .box_gray_info.point_wrap .box_title_group h4{margin-bottom:0;} .box_gray_info.point_wrap .list_line_style .btn_list span + .btn_sm_lgray{margin-top:4px;} .box_gray_info.point_wrap .input_lookup_box{position:relative; padding-right:218px;} .box_gray_info.point_wrap .input_lookup_box .tbtn_lgray{position:absolute; top:0; right:0;} /* 이벤트 ************************************************************************************** *********************************************************************************************/ .event_list { border-top: 0; } .event_list .box_noresult { height: 500px; } .event_list .ent .ent_in { padding: 30px 0; } .event_list .ent .ent_in .ent_img { float: none; width: 100%; height: 100%; } .event_list .ent .ent_in .date { margin-top: 5px; } .event_list .ent .ent_in .ent_info, .event_list .ent .ent_in .alert_red, .event_list .ent .ent_in .ent_btn { float: none; width: 100%; padding: 0; } .event_list .ent .ent_in .ent_info { padding-top: 22px; } .event_list .ent .ent_in .ent_btn, .event_list .ent .ent_in .alert_red { margin-top: 23px; } .event_list .ent .ent_in .box_coupon { float: none; width: 100%; height: 100%; } .event_list .ent .ent_in .box_coupon img.mo { width: 100%; opacity: 0; vertical-align: top; } .event_list .ent .ent_in .box_coupon .box_coupon_in {width: 100%; height: 100%; background:url(https://img3.cyberskyshop.com:8443/web/images/common/m_coupon_logo_640.png) right top no-repeat; background-size: 176px 94px; } .event_list .ent .ent_in .box_coupon .box_coupon_info { padding: 15px 11px 28px 120px; } .event_list .ent .ent_in .box_coupon .price { display: block;} .event_list .ent .ent_in .box_coupon:after { z-index: 1; position:absolute; top: 0; left: 0; content:''; width: 92px; height: 100%; background: url(https://img3.cyberskyshop.com:8443/web/images/common/m_bg_coupon_640.png) 0 0 repeat-y; background-size: 92px 100%; } .event_detail_wrap { padding-bottom: 0; } .event_detail_wrap .title_event_wrap { margin-bottom: 22px; } .event_detail_wrap .title_event_wrap .fr, .event_detail_wrap .title_event_wrap .fl { float: none; } .event_detail_wrap .title_event_wrap .date { margin-top: 5px; } .event_detail_wrap .event_detail_head { margin-left: -32px; margin-right: -32px; } .event_detail_wrap .event_img_wrap img { width: 100%; } .event_detail_wrap .planning_list_container { padding: 36px; margin-left: -32px; margin-right: -32px; } .ent_list_container .stit_wrap { margin-top: 29px; margin-bottom: 0; } .board_search_wrap { overflow: hidden; margin: -20px -32px 32px; border-bottom: 1px solid #ddd; } .board_search_wrap .board_search_in { margin: 0 -6px; padding: 32px; } .board_search_wrap .board_search_in .sel_group { padding: 0 6px; width: 38%; } .board_search_wrap .board_search_in .input_group { padding: 0 6px; width: 62%; } .board_search_wrap .board_search_in .input_group input { padding-right: 80px; } .board_search_wrap .board_search_in .input_group .input_text_group .placeholder { padding-right: 80px; } .board_search_wrap .btn_board_search { padding: 20px; top: 0; right: 6px; } table.tbl_col_1.tbl_result_board tr { padding: 24px 0 26px; } table.tbl_col_1.tbl_result_board td.pc { display: none; } table.tbl_col_1.tbl_result_board td.date { color: #707070; } table.tbl_col_1.tbl_result_board td { padding-left: 20px; padding-right: 20px; } .event_detail_wrap .event_detail_head .event_text_wrap { padding: 0 32px; margin-bottom: 20px; } /* 20171027 추가 */ /* 고객센터 *********************************************************************************** *********************************************************************************************/ .ctm_info_wrap { margin: -20px -32px; } .ctm_info_wrap .ctm_info_head .box_ctm_img img { width: 100%; } .ctm_info_wrap .ctm_info_detail { padding: 39px 32px 22px; } .ctm_info_wrap .ctm_info_detail .box { padding: 44px 0 83px; } .ctm_info_wrap .ctm_info_detail .box h3 { margin-bottom: 23px; } .ctm_info_wrap .ctm_info_detail .box ol { margin-top: 13px; } .ctm_info_wrap .ctm_info_detail .box ol li { padding: 13px 0 13px 34px; } .ctm_info_wrap .ctm_info_detail .box ol h4 { text-indent: -34px; } .board_result_wrap .board_list_wrap { margin-top: 38px; } .board_list_wrap .box_noresult { height: 500px; } .board_list_wrap .board_list li.list { padding: 24px 20px 26px; } .board_list_wrap .board_list li.list span.desc { display: inline-block; padding: 2px 0; } .board_list_wrap .board_list li.list span.title { display: block; width: 100%; padding: 2px 0; } .board_list_wrap .board_list li.list span.desc + .desc { position:relative; margin-left: 14px; padding-left: 14px; } .board_list_wrap .board_list li.list span.desc + .desc:before { content:''; position:absolute; top: 50%; left: 0; width: 1px; height: 22px; margin-top: -11px; background-color: #aaa; } .board_list_wrap .board_list li.list span.pc { display: none; } .board_detail_wrap .board_head { padding: 0 18px; margin-bottom: 20px; } .board_detail_wrap .board_head .fr, .board_detail_wrap .board_head .fl { float: none; } .board_detail_wrap .board_head .date { margin-top: 4px; } .board_detail_wrap .board_body .board_content { padding: 23px 22px; } .board_detail_wrap .board_body .board_url { padding: 21px 22px 23px 0; } .board_detail_wrap .board_body .board_url .stitle { width: 90px; } /* 공통 > footer *********************************************************************************** *********************************************************************************************/ .footer_content_wrap .tit_instruction { margin-bottom: 24px; padding: 0 76px 3px; } .footer_content_wrap .tit_instruction .text { word-break:keep-all; } .footer_content_wrap .tit_instruction .mark { position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px,1px,1px,1px);word-break: initial;word-wrap: initial; } .footer_content_wrap .tit_instruction .ico_l_quotes { position:absolute; top: 0; left: 0; line-height:1; } .footer_content_wrap .tit_instruction .ico_r_quotes { position:absolute; bottom: 0; right: 0; line-height:1; } .footer_content_wrap .company_map_wrap { margin-top: 60px; height: 800px; } .footer_content_wrap .company_intro_list { margin-top:17px; } .footer_content_wrap .company_intro_list dd { position:relative; padding: 8px 0 8px 60px; letter-spacing: -0.06em; word-break:keep-all; } .footer_content_wrap .company_intro_list dd i.fico { position:absolute; top: 13px; left: 0; } .footer_content_wrap .policy_wrap .tabs_list ul li a { padding: 20px 0 22px; } .footer_content_wrap .policy_wrap .tab_content { padding-top: 30px; } .footer_content_wrap .policy_wrap .box_policy { padding-top: 40px; } .footer_content_wrap .policy_wrap .box_policy p.tc_bold { margin-bottom: 14px; } .footer_content_wrap .policy_wrap .body_list > li { margin: 18px 0; } .footer_content_wrap .policy_wrap .body_list > li > h4 { margin-bottom: 12px; } .footer_content_wrap .policy_wrap .body_list:nth-of-type(1) > li:first-child { padding-top: 0; } .footer_content_wrap .policy_wrap .body_list.squ_list_style > li { padding-left: 18px; background: url(https://img3.cyberskyshop.com:8443/web/images/common/ico_bullet_16_s00.png) left 18px no-repeat; background-size: 8px; } .footer_content_wrap .policy_wrap .body_list .num_list_style > li { margin-top: 26px; } .footer_content_wrap .policy_wrap .box_policy table { margin-top: 19px; } .footer_content_wrap .stit_wrap h3 + .instruction { display: block; } .footer_content_wrap .tbl_desc { margin-top: 16px; word-break:keep-all; } .footer_content_wrap .grade_standard_wrap .box { padding: 32px 0 45px; text-align: center; } .footer_content_wrap .grade_standard_wrap .box.box_pass { border-top: 1px solid #d6d6d6; } .footer_content_wrap .grade_standard_wrap .box h4 { font-weight: 700; } .footer_content_wrap .grade_standard_wrap .box ul li.best { padding: 46px 0 0; } .footer_content_wrap .grade_standard_wrap .box ul li h5 { margin-top: 30px; font-weight: 700; } .footer_content_wrap .grade_standard_wrap .box ul li .desc { margin-top: 6px; } .footer_content_wrap .grade_standard_wrap .box ul li .desc br { display: none; } /* 20171013 add */ .footer_content_wrap .box_terms { padding-top: 40px; } .footer_content_wrap .box_terms p.tc_bold { margin-bottom: 14px; } .footer_content_wrap .box_terms .body_list > li { margin: 18px 0; } .footer_content_wrap .box_terms .stitle, .footer_content_wrap .box_terms .body_list > li > h4 { margin-bottom: 12px; } .footer_content_wrap .box_terms .body_list:nth-of-type(1) > li:first-child { padding-top: 0; } .footer_content_wrap .box_terms .body_list.squ_list_style > li { padding-left: 18px; background: url(https://img3.cyberskyshop.com:8443/web/images/common/ico_bullet_16_s00.png) left 18px no-repeat; background-size: 8px; } .footer_content_wrap .box_terms .body_list .num_list_style > li { margin-top: 26px; } .footer_content_wrap .box_terms table { margin-top: 19px; } } /*모바일 */ @media screen and (max-width:639px) { body {background: #fff; padding-bottom:50px;} .sec {width: 100%;padding:0 16px} .container .contents .paging:last-child { margin-bottom: 0; } .tit_wrap.pc + .stit_wrap { margin-top: 0; } .stit_wrap { margin-top: 25px; margin-bottom: 7px; } .stit_wrap .fr.btng { margin-top: -10px; } .stit_wrap.box_com { margin-top: 21px; margin-bottom: 7px; } .stit_wrap.box_com h3 + .input_ico_box { margin-left: 8px; vertical-align: 4px; } .stit_wrap.inst_wrap .fr.instruction { margin-top: 6px; } .stit_wrap.inst_wrap .fr.btng { margin-top: 11px; } .stit_wrap.inst_wrap .fr.btng .instruction + a, .stit_wrap .fr.btng .instruction + button { top: -37px; } .stit_wrap.more_wrap .fr.btng { margin-top: -7px; } .header_wrap {height:50px;padding:6px 9px;margin-bottom: 60px;} .header_wrap .ptitle {height:40px;padding-top:9px;} .header_wrap h2.ptitle {padding-top:12px;} .header_wrap .ptitle > a {display: inline-block;width:144px;height:32px;} .header_wrap a.btn {width:38px;height:38px;} .header_wrap a.btn i.ico {margin:7px;} /* 모바일 헤더 검색 */ .box_mo_search {height:49px;padding:5px 10px;top: 55px;} .box_mo_search .box_mo_search_in .input_box .placeholder{right:75px;color: #333;font-size: 1.1em;margin-top: -10px;} .box_mo_search .box_mo_search_in .mprd_search{padding-right:75px;} .box_mo_search .box_mo_search_in .btn_mprd_search{padding:3px;width:25px;height:25px;right: 8px;top:7px;} .box_mo_search .box_mo_search_in .btn_mprd_search_close{width:25px;height:25px;right:8px;top:7px;padding:4px;} .box_mo_search .box_mo_search_in .bar {right:39px;top:14px;height:12px;} /* 20180716 top_alert 공지 추가 */ .header_wrap.top_alert { background-color: #051766; height: 38px; } .header_wrap.top_alert .box_alert h2 { height: 21px; } .header_wrap.top_alert .box_alert_close .alert_close_btn { width: 28px; height: 28px; position: absolute; top: -25px; right: 0; background-image:url(https://img3.cyberskyshop.com:8443/web/images/common/sprite_topalert.png); background-repeat:no-repeat; background-position: 0 0; } .page_nav {height:45px;} .page_nav .box_page_nav { padding-right: 47px; } /* 20171101 수정 */ .page_nav button.btn_indicator { padding:4px 35px 4px 16px;height:43px; } /* ios mobile back btn 20180108 */ .floting_back {bottom:71px;left:16px;} .quickwrap {height:55px; } .quickwrap .mquick_menu li a {padding:8px 0;} .quickwrap .box_mquick_menu_more {bottom:54px;right:10px;} .quickwrap .box_mquick_menu_more .arr {bottom:-9px;right:15px;width:18px;height:10px;} .quickwrap .mquick_menu_more li {width:80px;} .quickwrap .mquick_menu_more li a {padding:6px 0 9px;} /* mQuick 레이어 */ .mquick_layer_wrap {padding-top:55px;} .mquick_layer_wrap .btn_close_area {height:55px;} .mquick_layer_wrap .mquick_layer_inner {top:55px;bottom:0;}/* footer 를 덮음*/ .mquick_layer_wrap .mquick_layer_inner .mql_header {top:-55px;padding:10px 18px;height:55px;} .mquick_layer_wrap .mquick_layer_inner .mql_header .ptitle {padding-top:16px;height:32px;} .mquick_layer_wrap .mquick_layer_inner .btn_mmenu_close {top:14px;right:14px;} .mquick-layer-order .mql_content .mquick_cont_in { padding-top: 74px;} .mquick-layer-order .mql_content .qc_header { padding:18px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .ui-tabs-nav li a {padding:9px 0 9px;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body .qc_body_con { height: 100%; padding-top: 40px !important; padding-bottom: 105px !important; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body .box_prd_func { padding:0 18px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body .box_prd_func .box_com { padding: 0 0 9px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body .box_prd_func .ui_sel { width: 115px; height: 30px; padding: 6px 9px 5px 9px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_body .box_prd_func .input_ico_box {margin-top:3px;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer { height:105px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .box_com {margin:0 18px; padding:11px 0 12px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .box_com.qc_foot_result + .qc_foot_result {padding-top:6px;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer .box_com.qc_foot_result .price_unit {vertical-align:1px;} .mquick_layer_wrap .mquick_layer_inner .mql_content .btn_area {margin:0 18px; overflow:hidden;} .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_footer.type_booking .btn_area button {min-width:100%;float:none;} .mquick_layer_wrap .scroll_wrap { padding: 0 18px; } .mquick_layer_wrap .scroll_wrap.scr_hall { padding:10px 18px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list { margin: 0 18px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li .qc_stitle { padding-left: 8px; background-position: 0 8px; background-size: 3px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li .qc_con { margin-top: 5px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li + li { margin-top: 13px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list .combobox_wrap button { top: 0; right: 0; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list .tc_bold { margin-top: 4px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li ul li { text-indent: -8px; padding-left: 8px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .qc_list li ul li + li { margin-top: 0; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule { margin: 21px 18px 0; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule .ms_list { margin-top: 8px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule .ms_list li { padding: 2px 0 1px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .my_schedule .ms_desc { margin-top: 16px; padding-top: 16px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available { padding: 15px 0 27px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available .btn_area { margin-top: 20px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available .qc_list li + li { margin-top: 12px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available .qc_list .qc_con { margin-top: 7px; } .mquick_layer_wrap .mquick_layer_inner .mql_content .order_time_available .qc_list .qc_con .instruction { margin: -4px 0 6px 6px; } /* 20171116 수정 */ /* 결과가없습니다 느낌표아이콘 */ .box_noresult .ver_mid .icon {width:50px;height:50px;} .box_noresult .ver_mid .lb {margin-top:18px;font-size: 1.154em;} /* 카테고리메인,브랜드메인 결과없음 */ .prd_list_container .box_noresult {height:250px;} /* 로그인후 이용할수있는 서비스입니다. */ .box_nologin .ver_mid .icon {width:50px;height:50px;} .box_nologin .ver_mid .lb {margin-top:15px;} .box_nologin .ver_mid .btn_pos {margin:25px auto 0; } .footer .company_wrap .box_flogo {width:30%;} .footer .policy_wrap .family_menu {margin:20px 0;} .footer .policy_wrap .family_menu a.btn_footer_family {padding: 7px 10px 3px 10px;height:35px;line-height: 1.5;} .footer .policy_wrap .policy_menu {padding:5px 0 9px;} .footer .policy_wrap .policy_menu ul li span.bar {height:11px;} .footer .company_wrap .box_companyinfo {padding:75px 0 20px;} .footer .company_wrap .box_companyinfo p + p{margin-top:13px;} /* 20171215 추가 */ .footer .company_wrap .box_companyinfo .bizinfo a {padding-top:2px;} .footer .company_wrap .box_companyinfo .bizinfo a img {width:78px;height:auto;} .mmenu_brand_wrap .tabs_1depth.ui-tabs > .ui-tabs-nav li {height:35px;} .mmenu_brand_wrap .tabs_1depth.ui-tabs > .ui-tabs-nav li a {height:35px;} .mo_menu_wrap {padding-top:51px;} .mo_menu_wrap .mo_menu_inner .mmenu_header {height:50px;top:-50px;} .mo_menu_wrap .mo_menu_inner .mmenu_header .username {margin-top:13px;} .mo_menu_wrap .mo_menu_inner .btn_mmenu_close {top:14px;right:14px;position: absolute;} .mo_menu_wrap .mo_menu_inner .btn_mmenu_login, .mo_menu_wrap .mo_menu_inner .btn_mmenu_logout {width:80px;height:25px;top:13px;right:50px;padding:3px; } .mo_menu_wrap .btn_mmenu_top {bottom:16px;right:16px;} .mo_menu_wrap .mmenu_content .box_other_menu ul {padding:15px 0;} .mo_menu_wrap .mmenu_content .box_other_menu ul > li > a > .lb {margin-top:5px;} .mo_menu_wrap .box_mmenu_foot {padding:5px 0 16px;} .mo_menu_wrap .box_mmenu_foot .btn_area {margin-top:7px;} .mmenu_brand_wrap .tabs_1depth.ui-tabs > .ui-tabs-nav li {height:35px;} .mmenu_brand_wrap .tabs_1depth.ui-tabs > .ui-tabs-nav li a {height:35px;} .mmenu_brand_wrap .tabs_2depth.ui-tabs .ui-tabs-nav {margin-top:10px;margin-bottom:10px;} .mmenu_brand_wrap .tabs_2depth.ui-tabs .ui-tabs-nav li {height:30px;} .mmenu_brand_wrap .tabs_2depth.ui-tabs .ui-tabs-nav li a {height:30px;padding:5px;} .box_indexing {margin-top:10px;} .box_indexing .abc_list li {margin-right:7px;padding:3px 0;} .box_indexing .abc_list li a {width:41px;height:41px;line-height:41px;} .box_indexing .abc_list li.fir a {width:40px;} .box_category_index_list ul.mmenu_list > li > a.btn_sub_toggle {height:44px;padding:12px 16px 0;} .box_category_index_list ul.mmenu_list > li > a.btn_sub_toggle i.ico_mmenu_arr {margin-top:7px;} ul.mmenu_list > li > .index_tab {height:45px;padding-top:12px;} .index_lists li {height:35px;} .index_lists li a {height:35px;padding:10px 10px 0;} .mo_menu_wrap .box_mmenu_foot .lb_exchangerate {padding-top:7px;} .mo_menu_wrap .box_mmenu_foot .ui_sel_en {width:100px;} /* LAYOUT SUB - LNB*/ .container .content_wrap.lo_mem {padding-top:17px;padding-bottom:30px;}/*layout_lnb*/ .lo_mem {}/*layout_member1*/ .lo_mem .sec {width:100%;} /* LAYOUT SUB - lo_combine_mem*/ .container .content_wrap.lo_combine_mem {padding-top:0;padding-bottom:30px;} .lo_combine_mem .tit_wrap {height:50px;padding-top:12px;} .footer_combine_mem {height:46px;} .footer_combine_mem .mem_foot_menu > li {padding:12px 0 0 12px;} .footer_combine_mem .mem_foot_menu > li span.bar {margin-top:3px;margin-right:12px;height:10px;} .footer_combine_mem .mem_foot_menu > li > a > img{width:66px;height:16px;} /* LAYOUT Error - error*/ .error .container .box_error .img {width:140px;height:140px;} /* 더보기버튼 공통 */ a.brn_more_plus {padding-top:13px;margin-top:10px;height:40px;} a.brn_more_plus .ico_plus {margin-top:1px;} /* S:상품리스트 기본형 ***************************************************************************/ .prd_list .prd .prd_off .prd_off_in {} .prd_list .prd .prd_off .prd_off_in .prd_img {padding:9px 18px 2px;} .prd_list .prd .prd_off .prd_off_in .prd_info {margin-top:0;padding:0 10px 10px;} .prd_list .prd .prd_off .prd_off_in .prd_info .name {height: 36px;} .prd_list .prd .prd_off .prd_off_in .prd_info .price {margin-top:0;} .prd_list .prd .prd_off .prd_off_in .prd_info .brand {height:15px} /* 20171027 추가 */ .prd_list .prd .flag {width:35px;height:35px;} .prd_list .prd .flag span.best {margin-top:6px;} .prd_list .prd .flag.blue span.best {margin-top:0px;} /*20201027 YKS add*/ .prd_list .prd .flag.blue span.no {margin-top:6px;} /*20201027 YKS add*/ .prd_list .prd .flag.red span.best {margin-top:0;} /*20180427 add*/ .prd_list .prd .flag.red span.no {margin-top:6px;} /*20180427 add*/ .mbox_bestprd .prd_list .prd .flag.red span.best {margin-top:6px;} /*20180427 add*/ .mbox_bestprd .prd_list .prd .flag.red span.no {margin-top:0;} /*20180427 add*/ /* s:20171128 add */ .cate_main_best_container .prd_list .prd .flag.md span.no{margin-top:6px;} .cate_main_best_container .prd_list .prd .flag.md span.best{margin-top:0;} /* s:20171128 add */ .prd_list.vertical .prd {padding:15px 0;} .prd_list.vertical .prd .prd_off {min-height:100px;} .prd_list.vertical .prd .prd_off_in .prd_img {width:100px;height:100px;padding:5px;} .prd_list.vertical .prd .prd_off_in .prd_info {padding:0 0 10px 110px;margin-top:2px;} .prd_list.vertical .prd .prd_off .prd_off_in .prd_info .name {height:40px;} .prd_list.vertical .prd .prd_chk { top:6px;left:6px;} .prd_list.vertical .prd .prd_info2 {padding:0 0 0 110px;margin-top:9px;} .prd_list.vertical .prd .buy_history {margin-top:6px;} /* 상품없을때 - 메인베스트상품 */ .prd_list .prd.noprd.prd_best_small .prd_off, .prd_list .prd.noprd.prd_best_bic .prd_off {width:100%;} .prd_list .prd.noprd.prd_best_small .prd_off .prd_off_in, .prd_list .prd.noprd.prd_best_bic .prd_off .prd_off_in {padding:47px 18px 47px;} .prd_list li.more {padding-top:10px;} /*20171020 add*/ /* E:상품리스트 기본형 ***************************************************************************/ /* 상품 가격 별 리스트 */ .bypirce{text-align:center; font-size:smaller;} /* Main******************************************************************************************* **************************************************************************************************/ .main_prd_wrap {margin-top:24px;} .main_prd_wrap .mbox_bestprd .tit_wrap {margin-bottom:0;} .main_prd_wrap .mbox_bestprd .bestprd_container .tab_cont a.brn_more_plus {padding-top:11px;margin-top:10px;height:35px;} .main_prd_wrap .mbox_bestprd .bestprd_container .tab_cont a.brn_more_plus .ico_plus {margin-top:0;} /* 메인 신상품 배너 */ .main_prd_wrap .mbox_newprd {margin-top:25px;} .main_prd_wrap .mbox_newprd .newprd_container {padding-bottom:25px;margin-left:-16px;margin-right:-16px;border-top:solid 1px #e2f0f5;border-bottom:solid 1px #e2f0f5;} .main_prd_wrap .mbox_newprd .newprd_container .tit_wrap {margin:22px 24px 8px;text-align:center;} .main_prd_wrap .mbox_newprd .newprd_container .tit_wrap span {line-height:1;color:#1983a0;} .main_prd_wrap .mbox_newprd .newprd_container .newprd_banner_cont {margin-top:0;} .newprd_banner .bx-wrapper .bx-controls-direction a {width:25px; height:50px;top:-208px;background-size:103px 182px;} .newprd_banner .bx-wrapper .bx-controls-direction a.bx-prev {background-position:0 -100px;left:16px;} .newprd_banner .bx-wrapper .bx-controls-direction a.bx-next {background-position:-54px -100px ;right:16px;} .newprd_banner .bx-wrapper .bx-pager {bottom:-25px;} .newprd_banner .bx-wrapper .bx-pager.bx-default-pager a:after {width:10px;height:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .newprd_banner .bx-wrapper .bx-pager.bx-default-pager a, .newprd_banner .bx-wrapper .bx-pager.bx-default-pager a.active { padding: 3px; margin: 0 2px; } .main_prd_wrap .mbox_newprd .newprd_container a.brn_more_plus {margin-top:40px;margin-left:16px;margin-right:16px;padding-top:11px;height:35px;} .main_prd_wrap .mbox_newprd .newprd_container a.brn_more_plus .ico_plus {margin-top:0;} .main_prd_wrap .newprd_banner_cont .prd_list .prd .prd_off_in .prd_img {padding:2px 69px 27px;} .main_prd_wrap .newprd_banner_cont .prd_list .prd .prd_off .prd_off_in .prd_info .name {padding-top:2px;height: 25px;} /* 현업수정요청 20171121 */ /* .main_prd_wrap .evt_banner {margin:15px -16px 35px; position:relative;} */ .main_prd_wrap .evt_banner {margin:15px -16px 35px; position:relative;} .evt_banner .bx-wrapper .bx-controls {bottom:-25px; } .evt_banner .bx-wrapper .bx-pager {bottom:0; padding-right:0; text-align:center;} .evt_banner .bx-wrapper .bx-pager.bx-default-pager a { margin: 0 2px; padding:3px; } .evt_banner .bx-wrapper .bx-pager.bx-default-pager a:after {width:12px; height:12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;} .evt_banner .bx-wrapper .bx-pager.bx-default-pager a.active {padding:3px; } /* 메인 추천상품 배너 */ .main_prd_recommand_wrap {padding:30px 0 50px;} .main_prd_recommand_wrap .tit_wrap {margin-bottom:16px;} .main_prd_recommand_wrap .recommand_banner_cont {margin:0 auto;} .main_prd_recommand_wrap .prd_list .prd .prd_off .prd_off_in {width:163px;} .main_prd_recommand_wrap .bx-wrapper .bx-pager {bottom:-29px;} .main_prd_recommand_wrap .bx-wrapper .bx-pager.bx-default-pager a { padding: 3px; margin: 0 2px; } .main_prd_recommand_wrap .bx-wrapper .bx-pager.bx-default-pager a:after { width:10px; height:10px; border:1px solid #888;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; } .main_prd_recommand_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { padding: 2px; } .main_prd_recommand_wrap .bx-wrapper .bx-pager.bx-default-pager a.active:after { width:12px; height:12px; } /* 메인 고객센터 배너 */ .main_cutsom_wrap {padding-bottom:25px;} .main_cutsom_wrap .tit_wrap {margin-top:20px; margin-bottom:10px; } .main_cutsom_wrap .tit_wrap .brn_more_plus {padding-top:7px;width:55px;height:25px;float:right;} .main_cutsom_wrap .tit_wrap .brn_more_plus .ico_plus {margin-top:0;width:9px;height:9px;background-position:-182px -158px;} .main_cutsom_wrap .mbox_custom {margin:0 -16px 0 -16px; padding:0 16px 15px;border-top:solid 1px #e7e7e7;} .main_cutsom_wrap .mbox_custom:last-child {padding-bottom:0;} .main_cutsom_wrap .mbox_custom .borad_list_con ul li {padding:6px 0 5px 0;} .main_cutsom_wrap .mbox_custom .borad_list_con ul li:last-child {border-bottom:0;} .main_cutsom_wrap .borad_list_con.borard_noti ul li {background-size:3px;padding:6px 0 5px 6px;} .main_cutsom_wrap .borad_list_con.borard_noti ul li a {width:210px;} .main_cutsom_wrap .borad_list_con.borard_faq ul li a {width:210px;} .main_cutsom_wrap .borad_list_con.borard_faq ul li span.cate {width:70px;} .main_cutsom_wrap .mbox_custom .service_info {padding-left:0;} /* 카테고리메인/브랜드메인************************************************************************ **************************************************************************************************/ .cate_main {margin-top:-20px;} .cate_main .box_rc .cate_main_banner_container {margin-left:-16px;margin-right:-16px;margin-top:16px;} .cate_main_banner_container .cate_main_banner_cont .bx_slider .item_off .info {height:103px;} .cate_main_banner_container .cate_main_banner_cont .bx_slider .item_off .info .name {margin-top:11px;} .cate_main_banner_container .cate_main_banner_cont .bx_slider .item_off .info .desc {margin-top:6px;} .cate_main_banner .bx-wrapper .bx-pager.bx-default-pager a.active{padding:2px; margin:0 2px;} /* 20171116 추가 */ /* 상품없을때 */ .cate_main_best_container .prd_list .prd.noprd .prd_off .prd_off_in {padding:47px 18px 46px;} .cate_main_middle_banner {margin-top:16px;margin-bottom:16px;} .prd_list_container {margin-bottom:-20px;padding-bottom:35px;} .prd_list_container .box_com.tit_wrap {margin-bottom:10px;} .prd_list_container .box_com.tit_wrap .fr { margin-top: 20px; } /* 브랜드메인 ******************************************************************************* *********************************************************************************************/ .box_brand_info {padding:10px 0;} .box_brand_info .logos img {height:74px;} .box_brand_info .desc {padding:10px 0 10px;} .brand_main_best {margin-top:25px;padding-bottom:16px;} .brand_main_best .tit_wrap {margin-bottom:15px;} .brand_prd_list.prd_list_container {padding-top:25px;} /* 신상품메인 ******************************************************************************* *********************************************************************************************/ .new_prd_list.prd_list_container {padding-top:0;padding-bottom:15px;} .new_prd_list.prd_list_container .box_com.tit_wrap {margin-bottom:10px;} .new_prd_list.prd_list_container .box_com.tit_wrap .result_txt {margin-top:10px;} /* 검색결과****************************************************************************** *********************************************************************************************/ /* 검색결과 기본 상품리스트 */ .prd_list_container.search_prd_list {margin-bottom:-20px;} .prd_list_container.search_prd_list .box_com.tit_wrap {margin-bottom:10px;} .prd_list_container.search_prd_list .box_com.tit_wrap .result_txt {display:block;margin-bottom:10px;} .prd_list_container.search_prd_list .box_com.tit_wrap .sorting_list {overflow:hidden;vertical-align:bottom;} .prd_list_container.search_prd_list .box_com.tit_wrap .fr .box_sorting {width:100%;} .prd_list_container.search_prd_list .box_noresult {height:300px;border-top:solid 1px #d8d8d8;} /* 주문 ************************************************************* *********************************************************************************************/ /******************************************************************* ** 9. sub > 주문 *******************************************************************/ .box_order_complete { padding: 25px 5px 26px; } .box_order_complete .tc_spot { margin-bottom: 1px; } .box_order_event { margin-top: 30px; padding: 16px 34px 19px; } .box_order_event + .box_order_event { margin-top: 10px; } /* 20171024 추가 */ .order_list_2 + .box_order_event { margin-top: 24px; } .box_order_event .btn_group { margin: 7px 0 0; } .order_price_wrap { border: 2px solid #051766; margin-top: 30px; } .order_price_wrap .box { padding-bottom: 19px; } .order_price_wrap .box.pay_total { padding-bottom: 9px; } .order_price_wrap .box > i.ico { top: -15px; margin-left: -14px; } .order_price_wrap .box > dl > dt { padding: 10px 11px 9px; } .order_price_wrap .box > dl > dd { padding: 9px 16px 0; } .order_price_wrap .box .total { padding-bottom: 1px; } .order_price_wrap .box .total .won { vertical-align: 1px; } .order_price_wrap .box .detail dt { width: 51%; padding: 1px 0 1px 6px; background-size: 2px; background-position: 0 10px; } .order_price_wrap .box .detail dd { width: 49%; padding: 1px 0; } .order_price_wrap .box .alert_red { padding: 9px 16px 0; } .order_price_wrap .box .alert_pos { padding: 9px 16px 0; } .box_order_agree { margin-top: 30px; padding: 11px 15px 12px; } .box_order_agree .list_agree { margin-top: 4px; } .box_order_agree .list_agree li { padding: 3px 0 3px; } .box_order_agree .list_agree .input_ico_box { width: auto; margin-top: 3px; margin-bottom: 3px; } .box_order_agree .list_agree .btn_sm_lgray { margin-left: 3px; } .box_order_agree .row + .row { margin-top: 5px; padding-top: 10px; } .order_prd_wrap .prd_list.vertical .prd { padding: 15px 0; } .order_prd_wrap .prd_list.vertical .prd chk{ padding: 35px 0; } .order_prd_wrap .prd_list.vertical .prd:nth-child(2n+0) .prd_off .prd_off_in, .order_prd_wrap .prd_list.vertical .prd .prd_off_in { padding-left: 100px; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_info { display: block; min-height: 100px; padding: 0 0 0 12px; } .order_prd_wrap .prd_list.vertical .prd .prd_off .prd_off_in .prd_info .name { height: 40px; margin-top: 3px; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in dl { margin-top: 4px; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in dl dt, .order_prd_wrap .prd_list.vertical .prd .prd_off_in dl dd, .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_cell_2, .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_cell_3, .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_cell_4{ padding:1px 0; } .order_prd_wrap .prd_list.vertical .prd .prd_off_in .prd_info .counter_change_wrap { padding: 3px 0; } .order_prd_wrap .box_noresult { height: 250px; } .order_prd_wrap.basket .box_chk_all { padding: 16px 0 13px; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in > .input_ico_box { top:6px; left: 6px; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in { padding-left: 100px; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .counter_change_wrap { margin-top: 10px; } .order_prd_wrap.basket .prd_list.vertical .prd .prd_off_in .counter_change_wrap .btn_sm_lgray2 { padding: 5px 1em 5px; height: 30px; margin-top: 6px; } .order_prd_wrap .prd_list.vertical .prd .sticker_group { margin-bottom: 3px; } .security_code_wrap { padding: 15px 0 0; } .security_code_wrap .box_img { width: 152px; height: 50px; } .security_code_wrap .input_wrap { float: none; padding-top: 6px; } .security_code_wrap .btn_group { margin-left: 6px; padding: 10px 0 0; } .security_code_wrap .btn_group .btn_sm_lgray { min-width: 60px; } .security_code_wrap .btn_group .btn_sm_lgray + .btn_sm_lgray { margin-left: 6px; } .security_code_wrap .input_wrap input { width: 100%; } .box_desc_list { padding: 11px 10px 11px; margin-bottom: 18px; } .order_list_2 { margin-top: 13px; } /******************************************************************* ** 10. sub > 약관동의(공통) *******************************************************************/ .agree_wrap .box_agree + .box_agree { margin-top: 10px; } .agree_wrap .box_agree .ui-accordion-header, .agree_wrap .box_agree .ui-state-active { padding: 5px 5px 5px; } .agree_wrap .box_agree .ui-accordion-content { padding : 8px 10px; height: 128px; } .agree_wrap .box_agree .ui-accordion-header .ui-icon { right: 11px; width: 12px; height: 8px; margin-top: -4px; } .agree_wrap .box_agree .ui-state-active .ui-icon { background-position: 0 -8px; } .agree_wrap .box_agree .title_bar { min-height: 34px; } .agree_wrap .box_agree h4{ top: 5px; left: 5px; } .agree_wrap .box_agree .agree_cont > dl > dt { margin-bottom: 1px; color: #000; font-size: 0.846em; } .agree_wrap .box_agree .agree_cont > dl > dd + dt { margin-top: 6px; } .agree_wrap .box_agree .agree_cont > dl > dd ol { padding-left: 16px; text-indent: -16px; } .agree_wrap .input_ico_box input[type='checkbox']+span.ico+label { padding: 4px 0 4px 32px; } .agree_wrap .box_all_agree { margin-bottom: 10px; } /* 20171013 add */ .agree_wrap .box_agree .title_bar > a {height:34px;} .agree_wrap .box_agree.active .agree_cont {height: 128px;padding: 8px 10px;} .agree_wrap .box_agree .title_bar > a:after { right: 11px; width: 12px; height: 8px; margin-top: -4px; } .agree_wrap .box_agree.active .title_bar > a:after { background-position: 0 -8px; } .box_terms .tc_bold { margin-bottom: 1x; } .box_terms .body_list > li { margin: 6px 0; } .box_terms .body_list table { margin-top: 3px; } .box_terms .stitle { margin-bottom: 1px; } /******************************************************************* ** 11. sub > 로그인 *******************************************************************/ .login_form_wrap .input_wrap + .input_wrap { margin-top: 12px; } .login_form_wrap .input_wrap label { margin-bottom: 5px; padding-top: 0; } .login_form_wrap .input_wrap .input select, .login_form_wrap .input_wrap .input input, .login_form_wrap .input_wrap .input .input_text_group input { padding: 4px 9px 4px 9px; height: 40px; } .login_form_wrap .input_wrap .input .input_text_group .placeholder { padding: 0 9px; } .login_form_wrap .input_wrap .email_wrap .box { margin-top: 6px; } .login_form_wrap .input_wrap .email_wrap .mark { width: 22px;margin-left: -11px; padding-top: 9px; } .login_form_wrap .input_wrap .email_wrap .box_inner { margin: 0 -11px; } .login_form_wrap .input_wrap .email_wrap .box_email, .login_form_wrap .input_wrap .email_wrap .box_adress { padding: 0 11px; } .login_form_wrap .input_wrap .email_confirm_wrap { margin-top: 6px; } .login_form_wrap .input_wrap .box_r_btn { padding-right: 110px; } .login_form_wrap .input_wrap .box_r_btn button { min-width: 104px; width: 104px; } .login_wrap { padding-bottom: 34px; } .login_wrap .login_btn_wrap { margin-top: 20px; } .login_wrap .login_btn_wrap .btn_login { height: 46px; } .login_wrap .id_check_wrap { margin-top: 10px; } .social_login_wrap.ke { margin-top: 30px; } /*20180508*/ .social_login_wrap { padding: 20px 10px 23px; } .social_login_wrap .login_btn_wrap { margin-top: 7px; } .find_login_wrap { margin-top: 20px; } .find_login_wrap .row + .row { margin-top: 6px; } .find_login_wrap .btn_wrap a, .find_login_wrap .btn_wrap button { min-width: 136px; width: 136px; height: 40px; padding: 10px 5px 10px; } .login_find_wrap .login_find_tabs { border-bottom: 1px solid #051766; } .login_find_wrap .login_find_tabs li a:focus, .login_find_wrap .login_find_tabs li a:hover, .login_find_wrap .login_find_tabs li a:visited, .login_find_wrap .login_find_tabs li a { padding: 10px 0 8px; } .login_find_wrap .desc_wrap { margin-top: 16px; padding-bottom: 18px; } .login_find_wrap .tabs { margin-top: 20px; } .login_find_wrap .login_form_wrap .input_content { margin-top: 15px; } .login_find_wrap .login_form_wrap .confirm_wrap { margin-top: 10px; } /* 타이틀 */ .tit_category { padding: 10px 16px 10px; margin: 30px -16px 0; } .tit_category:nth-of-type(1) { margin-top: 0; } /* 장바구니 경고문구 *************************************************************** *********************************************************************************************/ .alert_red .ico_alert_red {margin-top:2px;margin-right:3px;} .alert_red.basket {margin-top:13px;} .alert_pos .ico_alert_pos {margin-top:2px;margin-right:3px;} .alert_pos.basket {margin-top:13px;} /* 회원가입 ********************************************************************************* *********************************************************************************************/ .box_join_step { padding-bottom: 5px; } .box_join_step .sec { padding: 0; } .box_join_step ul li .box { padding: 8px 0 9px; } .box_join_step ul li .box .title { margin-top: 5px; } .box_join_step ul li .box:after { bottom: -6px; width: 11px; height: 6px; margin-left: -5px; background-image: url(https://img3.cyberskyshop.com:8443/web/images/common/ico_join_step_arrow_360.png); background-size: 11px 100%; } .box_join_intro { padding-top: 18px; } .box_join_intro p { margin-top: 10px; } .box_join_member { padding: 16px 0 20px; margin-top: 21px; } .box_join_member .col + .col .stitle { margin-top: 20px; padding-top: 17px; } .box_member_benefit { margin-top: 26px; } .box_member_benefit .list_benefit { margin-top: 8px; } .box_member_benefit .list_benefit li { padding: 3px 0; } .box_member_benefit .list_benefit li i.memico { margin-right: 6px; } .box_join_member .col .btn_group { margin-top: 12px; } .confirm_wrap { margin-bottom: 3px; } .confirm_wrap .confirm_inner { margin: 0 -4px; } .confirm_wrap .row { padding: 0 4px; } .confirm_wrap .row .box { padding: 10px 0 17px; } .confirm_wrap .row .box i.memico { margin-top: 8px; } .confirm_wrap .row .box .btn_group { margin-top: 13px; } .box_join_complete { margin-top: 24px; padding: 24px 15px 29px; } .box_join_complete p { margin-top: 8px; } .box_join_complete .btn_group { margin-top: 18px; } .box_foreigner_agree {margin-top:5px;} /* 상품상세페이지**************************************************************************** *********************************************************************************************/ .prd_detail_wrap .prd_detail_info {margin-top:-10px;} .prd_detail_img .bx-wrapper .bx-viewport .item {padding:40px;} .prd_detail_wrap .prd_no.mo {top:13px; right:0;} .prd_detail_info .box_prd_info {padding-bottom:17px;} .prd_detail_info .box_prd_info .brand {margin-top:19px;} .prd_detail_info .box_prd_info .name {margin-top:8px;} .box_prd_info .prd_icons {margin-top:15px;} .box_prd_info .prd_icons .picon {width:54px; height:17px;margin-top:3px;margin-right:3px;} .box_prd_info2 .basic_info {margin-top:13px;} .box_prd_info2 .basic_info li {min-height:24px;} .box_prd_info2 .basic_info li.ip {min-height:38px;} .box_prd_info2 .basic_info li em.th {top:4px;background:none;} .box_prd_info2 .basic_info li .td {padding-left:80px;} .box_prd_info2 .basic_info li .td .txt {display:block;} .box_prd_info2 .basic_info li.ip em.th {top:10px;} .box_prd_info2 .basic_info li.ip .td {padding-top:4px;padding-bottom:4px;} .box_prd_info2 .basic_info li.ip .td .tbtn_lgray {height:30px;padding:5px 10px ;} .box_prd_info3 {margin-top:16px;} .box_prd_info3 .sum_total {height:45px;padding:0 18px;} .box_prd_info3 .sum_total .td .price_unit{padding-top:1px;padding-left:5px;} .box_prd_info4 {margin-top:8px;} .box_prd_info4 button {width:49%;min-width:49%;text-align:center;padding:10px;margin-bottom:2%;} .box_prd_info4 button:nth-child(2n) {margin-left:2%;} .box_prd_banner {margin-top:7px;} .box_prd_banner .banner_hth{min-height:44px;} /* 20171218 추가 */ .box_prd_banner .banner_hth .ico_hth {margin-right:8px;} .box_prd_banner .btn_sm_lgray {margin-left:50px;} .prd_brand_banner {margin-top:9px;} /* 상품상세컨텐츠 360*/ .prd_detail_view_wrap .prd_detail_tab1 table.tbl_row_1 { margin-top: 17px; } /* 20180904 추가 */ .prd_detail_view_wrap .ui-tabs .ui-tabs-panel {padding:0 0 16px;} .prd_detail_view_wrap .tab_panel h2 {margin-left:-16px;margin-right:-16px;padding:14px 16px 13px; margin-bottom:16px;} .prd_detail_view_wrap .tab_panel ol.list {margin-bottom:20px;} .prd_detail_view_wrap .tab_panel ol.list li {margin-top:10px;margin-left:16px;line-height:1.615em;color:#000;letter-spacing:-0.5px;} .prd_detail_view_wrap .tab_panel ol.list li > p {margin-left:-16px;} .prd_detail_view_wrap .tab_panel ol.list:last-child {margin-bottom:0;} .prd_detail_view_wrap .airline_use_info {margin-bottom:20px;}/*20171213 추가*/ /* 상품상세배너 */ .prd_detail_banner_wrap {padding:30px 0 50px; margin-bottom:-20px;} .prd_detail_view_wrap + .prd_detail_banner_wrap { margin-bottom: 0; } .prd_detail_banner_wrap .tit_wrap {margin-bottom:16px;} .prd_detail_banner_wrap .prd_list .prd .prd_off .prd_off_in {width:163px;} .prd_detail_banner_wrap .bx-wrapper .bx-pager {bottom:-29px;} .prd_detail_banner_wrap .bx-wrapper .bx-pager.bx-default-pager a { padding: 3px; margin: 0 2px; } .prd_detail_banner_wrap .bx-wrapper .bx-pager.bx-default-pager a:after { width:10px; height:10px; border:1px solid #888;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; } .prd_detail_banner_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { padding: 2px; } .prd_detail_banner_wrap .bx-wrapper .bx-pager.bx-default-pager a.active:after { width:12px; height:12px; } /* 마이페이지 ******************************************************************************* *********************************************************************************************/ .mypage_tit_wrap .btng { margin-top: 10px; } .mypage_tit_wrap.tit_wrap { margin-bottom: 15px; } .mypage_tit_wrap.tit_wrap .fr.btng { margin-top: 10px; } .mypage_tit_wrap.stit_wrap .fr.btng { margin-top: 7px; } .box_user_info { margin-top: 15px; } .box_user_info .box .item:before { height: 38px; margin-top: -19px; } .box_user_info .box .item strong { top: 55px; } .box_user_info .box .item { padding: 24px 5px 47px 6px; } .box_user_info .box .item:first-child { padding: 24px 5px 47px; } .box_order_condition .box.order .item { padding: 20px 9px 17px; } .box_order_condition .box.order .item .order_info { height: auto; padding: 0 0 18px 0; } .box_order_condition .box.order .item i.myico.ico_order_arrow { left: -9px; margin-top: -9px; } .box_order_condition .box.order .item .order_info .info { margin-top: 3px; } .box_order_condition .box.cancel { padding:10px 0; } .box_order_condition .box.cancel .item { padding: 4px 10px 5px; } .box_order_condition .box.cancel strong i.myico { margin-right: 8px; vertical-align: -3px; } .my_fav_wrap .box_noresult { height: 250px; } .prd_list.my_main_fav.vertical .prd { padding: 15px 0; } .prd_list.my_main_fav.vertical .prd .prd_off .prd_off_in { padding: 0 10px; min-height: 100px; } .prd_list.my_main_fav.vertical .prd:last-child .prd_off { padding: 0 10px; } .prd_list.my_main_fav.vertical .prd .prd_off a { min-height: 100px; } .prd_list.my_main_fav.vertical .prd:last-child .prd_off .prd_off_in { padding: 0 0 0 10px; } table.tbl_col_1 td.td_btn_order { padding-top:5px; padding: 1px 0 1px; } .tit_wrap.pc + .box_gray_info { margin-top: 0; } .box_gray_info { margin-top: 25px; padding: 0 15px; } .box_gray_info .row { padding: 17px 0 17px; } .box_gray_info .row h4 { margin-bottom: 2px; } .box_my_detail_modify .btn_modify_wrap { margin-top: 16px; padding-top: 15px; } .info_change_wrap .ic_inner { margin: 0 -4px; } .info_change_wrap .row { padding: 0 4px; } .info_change_wrap .row .box { padding: 17px 0 20px; } .info_change_wrap .row .box i.myico { margin-top: 14px; } .info_change_wrap .row .box .btn_group { margin-top: 20px; } .order_prd_wrap .box_noresult { height: 250px; } .fav_tab_wrap .tbl_btn_group { margin-top: 10px; } .fav_tab_wrap .tbl_btn_group button, .fav_tab_wrap .tbl_btn_group a { padding-left: 10px; padding-right: 10px; } .order_prd_wrap.fav .box_chk_all { padding: 16px 0 13px; } .order_prd_wrap.fav .prd_list.vertical .prd .prd_off_in > .input_ico_box { top:6px; left: 6px; } .order_prd_wrap.fav .prd_list.vertical .prd .prd_off_in { padding-left: 100px; } .tabs_list li a { padding: 9px 0 9px; } /* KE 계정연동 20180608 추가 ******************************************************************************* *********************************************************************************************/ .hth_wrap.ke_wrap { padding-bottom: 20px; } .hth_wrap.ke_wrap button.ke_accout_btn { margin: 30px 0 10px 0; } .benefits_wrap { margin-bottom:-20px; } .benefits_wrap .sec .ke_guide h4 { margin-top:8px;} .benefits_wrap .sec .ke_guide h4 .txt { width:60px;padding:3px 0 2px; border-radius: 20px; } /* 하트투하트 ******************************************************************************* *********************************************************************************************/ .hth_wrap { margin-top:-20px; padding-bottom:20px;} .hth_wrap .sec .box_hth_img { margin:0 -16px;} .hth_wrap .sec .hth_guide h3 { margin-top:25px;} .hth_wrap .sec .hth_guide h4 { margin-top:8px;} .hth_wrap .sec .hth_guide h4 .txt { width:60px;padding:3px 0 2px; border-radius: 20px; } .hth_wrap .sec .hth_guide .step li {margin-top:25px;} .hth_wrap .sec .hth_guide .step li .img {margin-bottom:10px;} .hth_wrap .sec .hth_guide .box_notice {margin-top:30px;padding:12px 10px;} .hth_msg_wrap {margin-bottom:-20px;padding-bottom:30px;} .hth_msg_wrap .box_hth_img2 {padding-top:27px; padding-bottom:30px; width:auto; margin-left:-16px;margin-right:-16px;} .hth_msg_wrap .box_hth_msg {min-height:293px; margin-top:10px; padding-top:10px;padding-bottom:10px; width:100%; background:#fff;} .hth_msg_wrap .box_hth_msg .label_theme { margin-top:-5px;margin-right:15px; } .hth_msg_wrap .box_hth_msg .label_theme .lb {left:8px;top:42%;} .hth_msg_wrap .box_hth_msg .hth_msg_in {margin:0 10px 10px; padding:12px 15px 32px 15px; min-height:170px;} .hth_msg_wrap .box_hth_msg .hth_msg_in .to {} .hth_msg_wrap .box_hth_msg .hth_msg_in .from {bottom:12px;right:15px;} .hth_msg_wrap .box_hth_msg .hth_msg_in .msg {margin-top:5px;} .hth_msg_wrap .box_hth_msg .hth_gifts {margin:8px 10px 0;} .hth_msg_wrap .box_hth_msg .hth_gifts .box_com {margin-bottom:7px;} .hth_msg_wrap .box_hth_msg .hth_gifts .box_com .fl {float:none;} .hth_msg_wrap .box_hth_msg .hth_gifts .box_com .tit {padding-right:90px;} .hth_msg_wrap .box_hth_msg .hth_gifts .box_com .tit .hthico {margin-right:5px;} .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .pager {top:-29px; right:14px;} .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .pager a.btn_prev, .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .pager a.btn_next { display: inline-block; width: 22px; height: 22px; } .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .lists {height:65px;min-height:65px;} /* 20171027 수정 */ .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .lists .prd_list.vertical .prd .prd_off {height:63px;min-height:63px;} .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .lists .prd_list.vertical li.prd .prd_off_in .prd_info {padding-left:74px;} .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .lists .prd_list.vertical .prd .prd_off_in .prd_img {width:63px;height:63px; padding:5px;} .hth_msg_wrap .box_hth_msg .hth_gifts .hth_gifts_list .lists .prd_list.vertical .prd .prd_off .prd_off_in .prd_info .name {margin-top:5px;} /* Promotion page 20180803 추가 ******************************************************************************* *********************************************************************************************/ .hth_wrap.prom_wrapDesc .desc h3 { padding: 14px 0; } .hth_wrap.prom_wrapDesc.prom_benefits { padding-bottom: 60px; } .skyshopBenefits_wrap { margin-bottom: -20px; } /* triangle-down */ .hth_wrap .sec .triangle-down { border-left-width: 48px; border-right-width: 48px; top: 0; } .hth_wrap .sec .triangle-down.red { border-top-width: 24px; } .hth_wrap .sec .triangle-down.light_grey { border-top-width: 24px; } .hth_wrap .sec .triangle-down.light_blue { border-top-width: 24px; } /* 포인트 ************************************************************************************** *********************************************************************************************/ .sky_point_wrap .prd_list.vertical .prd .prd_off .prd_off_in .prd_info .name { margin-top: 2px; height: 40px; } .sky_point_wrap .prd_list .prd .prd_off .prd_btn { padding: 0 0 0 112px; } .sky_point_wrap .box_noresult { height: 250px; } .sky_point_wrap .prd_list.vertical .prd .prd_off .prd_off_in .prd_info .sticker { vertical-align: 0px; } .point_wrap.prd_detail_wrap .prd_detail_info .box_prd_info{padding-bottom:13px;} .point_wrap.prd_detail_wrap .prd_bic_img_viewer {padding:40px;} .point_wrap.prd_detail_wrap .box_prd_info2 .basic_info{margin-top:16px;} .point_wrap.prd_detail_wrap .box_prd_info5{margin-top:16px; padding:16px 0 17px;} .point_wrap.prd_detail_wrap .box_prd_info3{margin-top:16px;} .point_wrap.prd_detail_wrap .btn_lg_group{margin-top:30px; margin-bottom: 10px;} .point_wrap.prd_detail_wrap .btn_lg_group .btn_area{padding-right:3px;} .point_wrap.prd_detail_wrap .btn_lg_group .btn_area + .btn_area{padding-left:3px;} .event_list .box_noresult { height: 250px; } .event_list .ent .ent_in { padding: 15px 0; } .event_list .ent .ent_in .date { margin-top: 4px; } .event_list .ent .ent_in .ent_info { padding-top: 11px; } .event_list .ent .ent_in .ent_btn, .event_list .ent .ent_in .alert_red { margin-top: 11px; } .event_list .ent .ent_in .box_coupon .box_coupon_in { background:url(https://img3.cyberskyshop.com:8443/web/images/common/m_coupon_logo_360.png) right top no-repeat; background-size: 88px 47px; } .event_list .ent .ent_in .box_coupon .box_coupon_info { padding: 15px 11px 14px 60px; } .event_list .ent .ent_in .box_coupon:after { width: 46px; height: 100%; background: url(https://img3.cyberskyshop.com:8443/web/images/common/m_bg_coupon_360.png) 0 0 repeat-y; background-size: 46px 100%; } .event_detail_wrap .title_event_wrap .date { margin-top: 3px; } .event_detail_wrap .event_detail_head { margin-left: -16px; margin-right: -16px; } .event_detail_wrap .planning_list_container { padding: 18px; margin-left: -16px; margin-right: -16px; margin-bottom: 30px; } .ent_list_container .stit_wrap { margin-top: 16px; } .board_search_wrap { margin: -20px -16px 16px; } .board_search_wrap .board_search_in { margin: 0 -3px; padding: 16px; } .board_search_wrap .board_search_in .sel_group { padding: 0 3px; } .board_search_wrap .board_search_in .input_group { padding: 0 3px; } .board_search_wrap .board_search_in .input_group input { padding-right: 40px; } .board_search_wrap .board_search_in .input_group .input_text_group .placeholder { padding-right: 40px; } .board_search_wrap .btn_board_search { padding: 10px; right: 3px; } table.tbl_col_1.tbl_result_board tr { padding: 12px 0 13px; } table.tbl_col_1.tbl_result_board td { padding-left: 10px; padding-right: 10px; } .event_detail_wrap .event_detail_head .event_text_wrap { padding: 0 16px; margin-bottom: 10px; } /* 20171027 추가 */ /* 스카이포인트숍 ******************************************************************************* *********************************************************************************************/ .box_gray_info.point_wrap .input_lookup_box{padding-right:109px;} /* 고객센터 *********************************************************************************** *********************************************************************************************/ .ctm_info_wrap { margin: -20px -16px; } .ctm_info_wrap .ctm_info_detail { padding: 19px 16px 11px; } .ctm_info_wrap .ctm_info_detail .box { padding: 22px 0 41px; } .ctm_info_wrap .ctm_info_detail .box h3 { margin-bottom: 12px; } .ctm_info_wrap .ctm_info_detail .box ol { margin-top: 6px; } .ctm_info_wrap .ctm_info_detail .box ol li { padding: 7px 0 6px 17px; } .ctm_info_wrap .ctm_info_detail .box ol h4 { text-indent: -17px; } .board_result_wrap .board_list_wrap { margin-top: 19px; } .board_list_wrap .box_noresult { height: 250px; } .board_list_wrap .board_list li.list { padding: 12px 10px 13px; } .board_list_wrap .board_list li.list span.desc { padding: 1px 0; } .board_list_wrap .board_list li.list span.title { padding: 1px 0; } .board_list_wrap .board_list li.list span.desc + .desc { margin-left: 7px; padding-left: 7px; } .board_list_wrap .board_list li.list span.desc + .desc:before { height: 11px; margin-top: -5px; } .board_detail_wrap .board_head { padding: 0 9px; } .board_detail_wrap .board_head .date { margin-top: 2px; } .board_detail_wrap .board_body .board_content { padding: 12px 11px; } .board_detail_wrap .board_body .board_url { padding: 10px 11px 11px 0; } .board_detail_wrap .board_body .board_url .stitle { width: 45px; } /* 공통 > footer *********************************************************************************** *********************************************************************************************/ .footer_content_wrap .tit_instruction { margin-bottom: 12px; padding: 0 38px 2px; } .footer_content_wrap .company_map_wrap { margin-top: 30px; height: 400px; } .footer_content_wrap .company_intro_list { margin-top:9px; } .footer_content_wrap .company_intro_list dd { padding: 4px 0 4px 30px; } .footer_content_wrap .company_intro_list dd i.fico { top: 6px; } .footer_content_wrap .policy_wrap .tabs_list ul li a { padding: 10px 0 11px; } .footer_content_wrap .policy_wrap .tab_content { padding-top: 15px; } .footer_content_wrap .policy_wrap .box_policy { padding-top: 20px; } .footer_content_wrap .policy_wrap .box_policy p.tc_bold { margin-bottom: 7px; } .footer_content_wrap .policy_wrap .body_list > li { margin: 9px 0; } .footer_content_wrap .policy_wrap .body_list > li > h4 { margin-bottom: 6px; } .footer_content_wrap .policy_wrap .body_list.squ_list_style > li { padding-left: 9px; background: url(https://img3.cyberskyshop.com:8443/web/images/common/ico_bullet_16_s00.png) left 8px no-repeat; background-size: 4px; } .footer_content_wrap .policy_wrap .body_list .num_list_style > li { margin-top: 13px; } .footer_content_wrap .policy_wrap .box_policy table { margin-top: 9px; } .footer_content_wrap .tbl_desc { margin-top: 8px; } .footer_content_wrap .grade_standard_wrap .box { padding: 16px 0 22px; } .footer_content_wrap .grade_standard_wrap .box ul li.best { padding: 23px 0 0; } .footer_content_wrap .grade_standard_wrap .box ul li h5 { margin-top: 15px; } .footer_content_wrap .grade_standard_wrap .box ul li .desc { margin-top: 3px; } /* 20171012 add */ .footer_content_wrap .box_terms { padding-top: 20px; } .footer_content_wrap .box_terms p.tc_bold { margin-bottom: 7px; } .footer_content_wrap .box_terms .body_list > li { margin: 9px 0; } .footer_content_wrap .box_terms .body_list > li > h4 { margin-bottom: 6px; } .footer_content_wrap .box_terms .body_list.squ_list_style > li { padding-left: 9px; background: url(https://img3.cyberskyshop.com:8443/web/images/common/ico_bullet_16_s00.png) left 8px no-repeat; background-size: 4px; } .footer_content_wrap .box_terms .body_list .num_list_style > li { margin-top: 13px; } .footer_content_wrap .box_terms table { margin-top: 9px; } }