/* 2016.04.27 CSS 삭제 */ /*@import url(common.css); @import url(sub_common.css);*/ /* // 2016.04.27 CSS 삭제 */ /* signup common */ .signup_wrap h3 { font-size:24px; font-weight:700; line-height:1.5; } .signup_wrap h4 { font-size:20px; font-weight:700; line-height:1.5; } .signup_wrap h3 > span , .signup_wrap h4 > span { color:#e80f00; } .signup_wrap .signup_contents { width:929px; text-align:center; border:1px solid #bfbfbf; } .signup_wrap .btn_box { font-weight:700; } /* sign_up > signup_wrap > signup_step */ .signup_wrap .signup_step .txt_box { margin-top:55px; border:1px solid #bfbfbf; } .signup_wrap .signup_step .txt_box > .title { padding:40px 0; text-align:center; border-bottom:1px solid #e0e0e0; } .signup_wrap .signup_step .txt_box > .title > h3 { font-size:24px; font-weight:700; line-height:40px; } .signup_wrap .signup_step .txt_box > .title > p { font-size:18px; font-weight:700; } .signup_wrap .signup_step .txt_box > .title span { color:#e80f00; } .signup_wrap .signup_step .txt_box > .info { font-size:15px; color:#333; padding:20px 0px; background:#f9f9f9; line-height:15px; text-align:center; } .signup_wrap .signup_step .txt_box > .info label { padding-left:20px; font-weight:700; } .signup_wrap .signup_step .terms { margin-top:40px; } .signup_wrap .signup_step .terms h4 { font-size:17px; font-weight:700; } .signup_wrap .signup_step .terms > ul > li { margin-bottom:40px; } .signup_wrap .signup_step .terms ul li .title { height:23px; } .signup_wrap .signup_step .terms ul li .left_area { float:left; } .signup_wrap .signup_step .terms ul li .left_area h4 { float:left; margin-right:8px; } .signup_wrap .signup_step .terms ul li .left_area.type01 h4 { float:left; font-weight:400; margin-right:15px; } .signup_wrap .signup_step .terms ul li .left_area .btn_ss_white {min-width:auto; box-sizing:border-box; padding:5px 15px 6px 6px; margin-top:3px;} .signup_wrap .signup_step .terms ul li .left_area .btn_ss_white:after {content:""; position:absolute; right:6px; top:50%; width:4px; height:8px; background:url(../img/common/ico_arrow.png) no-repeat right 0; margin-top:-4px;} .signup_wrap .signup_step .terms ul li .right_area { float:right; padding-top:5px; } .signup_wrap .signup_step .terms ul li .right_area label { position:relative; top:3px; line-height:14px; } .signup_wrap .signup_step .terms ul li .section { float:left; width:880px; height:224px; padding:24px; margin-top:10px; border:1px solid #bfbfbf; overflow:auto; } .signup_wrap .signup_step .terms .section > ul > li { margin-top:8px; line-height:1.5; } .signup_wrap .signup_step .terms .section > ul > li:first-child { margin-top:0; } .signup_wrap .signup_step .terms .section > p { line-height:1.5; } .signup_wrap .signup_step .terms .section h5, .signup_wrap .signup_step .terms .section h6 { font-weight:700; line-height:22px; font-size:12.1px; } .signup_wrap .signup_step .terms .section h6 { margin:20px 0 0; } .signup_wrap .signup_step .terms .section h6 + p {margin-bottom:10px;} .signup_wrap .signup_step .terms .table_normal { margin-top:20px; border-bottom:1px solid #bfbfbf; } .signup_wrap .signup_step .terms .table_normal tr th { border-right:1px solid #bfbfbf; border-top:1px solid #e0e0e0; } .signup_wrap .signup_step .terms .table_normal tr td { text-align:left; padding:15px 10px; line-height:1.5; } .signup_wrap .signup_step .terms .table_normal tr:first-child th, .signup_wrap .signup_step .terms .table_normal tr:first-child td { border-top:1px solid #bfbfbf; } .signup_wrap .signup_step .btn_area { text-align:center; } .signup_wrap .signup_step .btn_area .btn_a_red { width:113px; height:48px; line-height:48px; } .signup_wrap .signup_step .btn_area .btn_a_gray { width:153px; height:48px; line-height:48px; font-weight:700; font-size:16px; padding:0 10px; } /* .signup_wrap > .staff */ .signup_wrap .staff { background-color:#f7f7f7; border:1px solid #bfbfbf; } .signup_wrap .staff .title { padding:40px 0 30px; background-color:#fff; border-bottom:1px solid #d2d2d2; } .signup_wrap .staff .title h3 { color:#0071bf !important; text-align:center; } .signup_wrap .staff .staff_input { width:360px; margin:0 auto; padding:36px 0px 40px; } .signup_wrap .staff .staff_input .login { position:relative; left:-150px; width:660px; font-size:16px; font-weight:700; text-align:center; color:#333; margin-bottom:30px; line-height:26px; } .signup_wrap .staff .staff_input ul { border-bottom:1px solid #d2d2d2; } .signup_wrap .staff .staff_input ul li:first-child { padding-bottom:15px; } .signup_wrap .staff .staff_input ul li { padding-bottom:20px; } .signup_wrap .staff .staff_input ul li:first-child + li { padding-bottom:8px; } .signup_wrap .staff .staff_input ul li input { width:360px; height:50px; line-height:50px; padding: 0 20px !important; box-sizing: border-box; } .signup_wrap .staff .staff_input ul li.fail { color:#e80f00; text-align:center; font-size:12.1px; padding-bottom:10px; margin-top:15px; } .signup_wrap .staff .staff_input ul li.fail span { display:inline-block; height:15px; padding-left:20px; background:url('../img/common/ico_warring_red.png') no-repeat; } .signup_wrap .staff .staff_input .btn { width:100%; padding:16px 0; text-align:center; font-weight:700; background-color:#0071bf; display:inline-block; color: #fff; margin:30px 0 0 0; font-size:15px; } .signup_wrap .staff .staff_input .delivery_info { margin-top:20px; color:#666; border-bottom:1px solid #d2d2d2; padding-bottom:20px; text-align:center; } .signup_wrap .staff .staff_input .delivery_info .delivery { font-size:14px; color:#333; font-weight:700; margin-bottom:15px; } .signup_wrap .staff .staff_input .delivery_info .cer_info { float:left; width:100%; margin-top:10px; color:#aaa; margin:12px 0 15px; font-size:11px; text-align:center; } .signup_wrap .staff .staff_input .delivery_info .btn { float:left; width:133px; height:16px; line-height:16px; margin:0; background-color:#373231; padding:16px 0; font-size:15px; } .signup_wrap .staff .staff_input .delivery_info .input { width:216px; height:48px; line-height:48px; padding: 0 20px !important; box-sizing: border-box; display:block; float:right; } .signup_wrap .staff .staff_input .delivery_info .chk_list { float:left; width:100%; text-align:center; } .signup_wrap .staff .staff_input .delivery_info .chk_list li:first-child { margin-left:60px; } .signup_wrap .staff .desc { padding:31px 0 26px; border-top:1px solid #d2d2d2; background-color:#fff; text-align:center; color:#666; } .signup_wrap .staff .desc > div { width:461px; margin:0 auto; } .signup_wrap .staff .desc > div > span { float:left; display:block; width:391px; text-align:left; line-height:20px; } .signup_wrap .staff .desc > div > .btn_ss_white { float:right; } .signup_wrap .staff .btn_ss_white { min-width:auto; padding-right:18px; margin-left:5px; background:url('../img/common/ico_arrow.png') no-repeat 30px 8px; background-color:#fff; } .signup_wrap .staff .agree_text { text-align:left; padding-top:10px; } .signup_wrap .staff .agree_text .btn_ss_white { margin-left:0; margin-top:8px; } /* signup > members_select */ .members_select_wrap .signup_contents { margin-top:35px; } .members_select_wrap .signup_contents .title { padding:40px 0; } .members_select_wrap .signup_contents .title .h3_area { margin-bottom:18px; } .members_select_wrap .signup_contents .title p { font-size:14px; } .members_select_wrap .signup_contents .select { border-top:1px solid #e0e0e0; background:#f7f7f7; padding:40px 20px 30px; }/* 20170216 padding 값 수정 */ /* .members_select_wrap .signup_contents .cupon { padding:40px 0; } */ .members_select_wrap .signup_contents .cupon > ul > li { display:inline-block; padding: 0px 0px 50px; /* 20170216 padding 값 수정 */ margin-left: 17px /* 20170216 margin 값 수정 */ } .members_select_wrap .signup_contents .cupon > ul > li:first-child { margin-left:0; } .members_select_wrap .signup_contents .btn_area { padding: 0 0 60px/* 20170216 padding 값 수정 */ } .members_select_wrap .signup_contents .btn_area .h4_area { margin-bottom:44px; } .members_select_wrap .signup_contents .btn_area .h4_area > h4 { line-height: 1.5; } .members_select_wrap .signup_contents .btn_area .btn_box .btn_m_red { height:50px; line-height:50px; } .members_select_wrap .signup_contents .btn_area .btn_box a { font-weight:700; width:173px; } /* signup > members_nationals */ .members_nationals_wrap .signup_contents .title { padding:78px 0 72px; border-bottom:1px solid #e0e0e0; } .members_nationals_wrap .signup_contents .title .h3_area { margin-bottom:40px; } .members_nationals_wrap .signup_contents .title .btn_m_red { width:173px; height:48px; line-height:48px; } .members_nationals_wrap .signup_contents .btn_box .btn_m_gray { width:173px; height:48px; line-height:48px; } .members_nationals_wrap .signup_contents .sns .h4_area { padding-bottom:39px; } .signup_wrap .signup_contents .sns { margin:0 auto; padding:60px 0 80px; border-top:1px solid #e0e0e0; } .signup_wrap .signup_contents .sns .sns_icon { margin-top:40px; } .signup_wrap .signup_contents .sns .sns_icon > ul { width:313px; margin: auto; } /* 2016-10-14 로그인 개선 */ .signup_wrap .signup_contents .sns .sns_icon > ul > li { float:left; margin-left:5px; } .signup_wrap .signup_contents .sns .sns_icon > ul > li:first-child { margin-left:0; } .signup_wrap .signup_contents .sns .sns_icon > ul > li img { width:48px; height:48px; } .members_nationals_wrap .signup_contents .btn_area { background:#f7f7f7; padding:30px 0; } .members_nationals_wrap .signup_contents .btn_area > p { margin-bottom:30px; } /* signup > members_foreigner */ .members_foreigner_wrap .signup_contents .title { padding:90px 0 110px; text-align:center; } .members_foreigner_wrap .signup_contents .title .h3_area h3 { margin-bottom:53px; } .members_foreigner_wrap .signup_contents .title ul { width:320px; margin:0 auto; } .members_foreigner_wrap .signup_contents .title > ul > li { float:left; width:70px; padding:0 5px; } .members_foreigner_wrap .signup_contents .title > ul > li > a > dl > dt { margin-bottom:8px; border:1px solid #e0e0e0; } .members_foreigner_wrap .signup_contents .title > ul > li > a > dl > dt img { width:100%; } .members_foreigner_wrap .signup_contents .sns .h4_area { padding-bottom:40px; } .members_foreigner_wrap .signup_contents .china_member {background-color:#f7f7f7; border-top:1px solid #e0e0e0; padding:30px 0; } .members_foreigner_wrap .signup_contents .china_member .btn_payment .btn_brown { font-size:12.1px; font-weight:400; } /* .signup_wrap .members_proof_wrap */ .members_proof_wrap .signup_contents { margin-top:55px; } .members_proof_wrap .title .h3_area { padding:40px 0; border-bottom:1px solid #e0e0e0; } .members_proof_wrap .title .h3_area h3 { line-height:1; } .members_proof_wrap .title .h3_area .pass_num_info {padding-top:20px; color:#666;} .members_proof_wrap .select { padding:60px 0; background:#f7f7f7; } .members_proof_wrap .select > a {position:relative; line-height:1.5; display:block; float:left; background-color:#fff; border:1px solid #e0e0e0; padding:18px 0 25px 25px; width:335px; text-align:left; height:69px; color:#666; } .members_proof_wrap .select > a:after {content:""; position:absolute; right:18px; top:50%; display:block; width:12px; height:23px; margin-top:-12px; background:url(../img/common/ico_arrow.png) no-repeat right -206px;} .members_proof_wrap .select > a > strong { display:block; font-size:18px; font-weight:700; color:#333; padding-bottom:11px; } .members_proof_wrap .select > a:first-child { margin-right:30px; margin-left:89px; padding-top:25px; height:62px; } .members_proof_wrap .txt_box { border-top:1px solid #e0e0e0; padding:30px 0; } .members_proof_wrap .txt_box ul { padding-left:135px; } .members_proof_wrap .txt_box ul li { text-align:left; color:#666; padding-top:9px; } .members_proof_wrap .txt_box ul li:first-child { padding-top:0; } .members_proof_wrap .find_id .cont .nationals > a { display:block; } /* .members_select_wrap .signup_proof */ .members_select_wrap .signup_proof .title .h3_area { margin-bottom:0; } .members_select_wrap .signup_proof .title .h3_area h3 { line-height:1; } .members_select_wrap .signup_proof .select { padding:60px 0; } .members_select_wrap .signup_proof .select > a {position:relative; line-height:1.5; display:block; float:left; background-color:#fff; border:1px solid #e0e0e0; padding:18px 0 25px 25px; width:335px; text-align:left; height:69px; color:#666; } .members_select_wrap .signup_proof .select > a:after {content:""; position:absolute; right:18px; top:50%; display:block; width:12px; height:23px; margin-top:-12px; background:url(../img/common/ico_arrow.png) no-repeat right -206px;} .members_select_wrap .signup_proof .select > a > strong { display:block; font-size:18px; font-weight:700; color:#333; padding-bottom:11px; } .members_select_wrap .signup_proof .select > a:first-child { margin-right:30px; margin-left:89px; padding-top:25px; height:62px; } .members_select_wrap .signup_proof .txt_box { border-top:1px solid #e0e0e0; padding:30px 0; } .members_select_wrap .signup_proof .txt_box ul { padding-left:135px; } .members_select_wrap .signup_proof .txt_box ul li { text-align:left; color:#666; padding-top:9px; } .members_select_wrap .signup_proof .txt_box ul li:first-child { padding-top:0; } /* .signup_wrap .foreigner_proof */ .foreigner_proof .select { text-align:center; padding:40px 0;} .foreigner_proof .select > ul { width:380px; display:inline-block; } .foreigner_proof .select > ul > li { padding-top:12px; } .foreigner_proof .select > ul > li:first-child { padding-top:0; } .foreigner_proof .select > ul > li > span { display:block; width:120px; float:left; line-height:29px; text-align:left; font-weight:700; } .foreigner_proof .select > ul > li > p { float:left; margin-left:1px; } .foreigner_proof .select > ul > li > p > input { border:none; } .foreigner_proof .select > ul > li > .input { width:240px; text-transform:uppercase;} .foreigner_proof .select .passport_date { width:256px; border:1px solid #d3d3d3; background:#fff; text-align:left; } .foreigner_proof .select .passport_date .input { width:197px; float:left; } .foreigner_proof .select .passport_date .ic { display:block; float:right; width:18px; height:18px; margin:4px 5px; padding-left:10px; border-left:1px solid #e0e0e0; background:url(../img/common/ico_calender.png) no-repeat right 0; } .foreigner_proof .btn_payment { /*margin-top:30px;*/ } .foreigner_proof .btn_payment a { width:173px; height:48px; line-height:48px; padding:0; } .foreigner_proof .join_email > label { padding-right:30px; } .foreigner_proof .join_email > select { width:150px; padding:4px 5px; } .signup_wrap .japanese { font-family:'ＭＳ Ｐゴシック','ＭＳ ＰGothic',Tahoma, sans-serif !important; } .signup_wrap .japanese h3, .signup_wrap .japanese .txt_box > .title > h3, .signup_wrap .japanese .agree_4step ul li, .signup_wrap .japanese .btn_area a, .signup_wrap .japanese .btn_payment a, .signup_wrap .japanese table th, .signup_wrap .japanese .select > ul > li > span, .signup_wrap .japanese .terms h4, .signup_wrap .japanese .txt_box > .info label, .signup_wrap .japanese .membership_form .h2_area h2 { font-family:'ＭＳ Ｐゴシック','ＭＳ ＰGothic',Tahoma, sans-serif; font-weight:bold; } .signup_wrap .japanese .agree_4step ul li > .st { font-weight:normal; } .signup_wrap .japanese a, .signup_wrap .japanese select, .signup_wrap .japanese input, .signup_wrap .japanese textarea { font-family:'ＭＳ Ｐゴシック','ＭＳ ＰGothic',Tahoma, sans-serif; } .signup_wrap .japanese input[type="password"] { font-weight:400; } .signup_wrap .chinese { font-family: Verdana, SimSun !important; } .signup_wrap .chinese h3, .signup_wrap .chinese .txt_box > .title > h3, .signup_wrap .chinese .agree_4step ul li, .signup_wrap .chinese .btn_area a, .signup_wrap .chinese .btn_payment a, .signup_wrap .chinese table th, .signup_wrap .chinese .select > ul > li > span, .signup_wrap .chinese .terms h4, .signup_wrap .chinese .txt_box > .info label, .signup_wrap .chinese .membership_form .h2_area h2 { font-family: 'Microsoft YaHei'; font-weight:bold; } .signup_wrap .chinese .agree_4step ul li > .st { font-weight:normal; } .signup_wrap .chinese a, .signup_wrap .chinese select, .signup_wrap .chinese input, .signup_wrap .chinese textarea { font-family: Verdana, SimSun; } /* .signup_wrap .members_sns_wrap */ .members_sns_wrap .select > strong { display:block; font-size:20px; padding-bottom:40px; } .members_sns_wrap .select > strong + a { margin-right:30px; margin-left:89px; } .members_sns_wrap .select > a { height:auto; } /* .signup_wrap .sns_wrap */ .signup_wrap .sns_wrap .select { text-align:left; } .signup_wrap .sns_wrap .select > .desc { padding-top:30px; font-weight:700; } .signup_wrap .sns_wrap .select > .desc label { font-size:15px; padding-left:25px; } .signup_wrap .sns_wrap .signup_step .terms { margin-top:0; } .signup_wrap .sns_wrap .signup_step .terms ul li .title { padding:25px 0 15px; } .signup_wrap .sns_wrap .signup_step .terms > ul > li { float:left; width:430px; margin-bottom:0; } .signup_wrap .sns_wrap .signup_step .terms.no_member > ul > li {width:280px; margin-left:20px;} .signup_wrap .sns_wrap .signup_step .terms.no_member ul li .section {width:230px; height:160px;} .signup_wrap .sns_wrap .signup_step .terms.no_member ul li.mar {margin:0;} .signup_wrap .sns_wrap .signup_step .terms ul li .section { background-color:#fff; width:380px; height:90px; margin-top:0; } .signup_wrap .sns_wrap .signup_step .terms ul li.mar { margin-right:29px; } .signup_wrap .sns_wrap .signup_step .terms ul li .btn_bottom { position:relative; padding-top:10px; clear:both; } .signup_wrap .sns_wrap .signup_step .terms ul li .btn_bottom a { position:absolute; right:0; text-decoration:underline; color:#666; } .signup_wrap .sns_wrap .membership_form { padding-top:50px; } .signup_wrap .sns_wrap .membership_form .h3_area { padding-bottom:20px; } /* sign_up > signup_wrap > membership_wrap > membership_form */ .membership_form .h2_area { position:relative; width:100%; padding-bottom:20px; /* margin-top:40px; */ } .membership_form .h2_area h2 { font-size:24px; font-weight:700; } .membership_form .h2_area a.btn_ic_red_s { position:absolute; right:0; bottom:20px;} .membership_form .h2_area.type01 { margin-top:23px; } .membership_form .area { position:relative; } .membership_form .area .pw_complete { right:420px; top:6px; background:url(../img/common/ico_pw_check_16.png) no-repeat; width:16px; height:16px; } .membership_form .table_tbody { margin-bottom:50px; } .membership_form .table_tbody tr:first-child th, .membership_form .table_tbody tr:first-child td { border-top:2px solid #333; } .membership_form .table_tbody th { padding:19px 15px; background-color:#fafafa; } .membership_form .table_tbody td { padding:19px 15px; } .membership_form .table_tbody .v_top { vertical-align:top; } .membership_form .table_tbody .input { border-color:#e9e9e9; } .membership_form .table_tbody .l { width:300px; } .membership_form .table_tbody .m { width:285px; } .membership_form .table_tbody .ml { width:210px; } .membership_form .table_tbody .ms { width:130px; } .membership_form .table_tbody .s { width:77px; } .membership_form .table_tbody .desc_red { font-size:11px; color:#e80f00; } .membership_form .table_tbody .desc_red img { padding:0 10px 0 5px } .membership_form .table_tbody .desc_gray{ padding-top:10px; padding-left:10px; text-indent:-10px; font-size:11px; color:#999; } .membership_form .table_tbody .txt_info_agree { padding-bottom:25px; } .membership_form .table_tbody .txt_info_agree li { padding-bottom:5px; font-size:11px; color:#999; } .membership_form .table_tbody .txt_info_agree li:first-child { padding-bottom:10px; font-size:12.1px; color:#333; } .membership_form .table_tbody .txt_info { padding: 10px 0 0; } .membership_form .table_tbody .txt_info li { padding-bottom:5px; padding-left:10px; font-size:11px; color:#999; position:relative; } .membership_form .table_tbody .txt_info li > span { position:absolute; left:0; top:3px; } .membership_form .table_tbody .tel_add { padding:20px 0; } .membership_form .table_tbody .tel_add dt { float:left; width:60px; height:35px; font-weight:700; line-height:35px; } .membership_form .table_tbody .tel_add dd { float:right; width:640px; height:35px; line-height:35px; } .membership_form .table_tbody .tel_add dd ul { padding-top:12px; } .membership_form .table_tbody .tel_add dd ul li { line-height:1; } .membership_form .table_tbody .passport_date { width:270px; } .membership_form .table_tbody a.btn_brown_s { width:65px; border-color:#40362a; background-color:#534a3f; font-weight:400; vertical-align:middle; } .my_regular_member .membership_form .table_tbody .korea_visited li { width:92px; } .signup_wrap .pro_bg { margin-top:30px; } .signup_wrap .pro_bg .btn_payment a { width:184px; padding:0; height:58px; line-height:58px; } .signup_wrap .pro_bg .btn_payment.change a { width:173px; padding:0; height:48px; line-height:48px; } .signup_wrap .btn_payment { text-align:center; padding-top:30px; } .signup_wrap .btn_payment a { font-size:16px; } .signup_wrap .membership_form .h2_area h2 { display:inline-block; font-size:24px; font-weight:700; padding-top:50px;} .signup_wrap .membership_form .h2_area h2 + p { display:inline-block; padding-top:55px; padding-left:10px; } .signup_wrap .membership_fin .h2_area h2 { padding-top:0; } /* sign_up > signup_wrap > membership_wrap > membership_form */ .membership_form { position:relative; width:100%; margin-top:15px; } /*.membership_form .disable { position:absolute; opacity:0.8; background-color:#fff; width:931px; height:206px; bottom:76px; } .membership_form .disable.long { height:233px; }*/ .membership_form .h2_area { position:relative; width:100%; padding-bottom:20px;} .membership_form .h2_area h2 { font-size:24px; font-weight:700; padding-top:50px; } .membership_form .h2_area.type01 h2 {padding-top:10px;} .membership_form .h2_area a.btn_ic_red_s { position:absolute; right:0; bottom:20px;} .membership_form .table_tbody { margin-bottom:0; } .membership_form .table_tbody tr:first-child th, .membership_form .table_tbody tr:first-child td { border-top:2px solid #333; } .membership_form .table_tbody th { padding:19px 15px; background-color:#fafafa; } .membership_form .table_tbody th img { margin-top:-1px; padding-left:5px; } .membership_form .table_tbody td { padding:19px 15px; } .membership_form .table_tbody .v_top { vertical-align:top; } .membership_form .table_tbody .input { border-color:#e9e9e9; } .membership_form .table_tbody .l { width:300px; } .membership_form .table_tbody .m { width:285px;} .membership_form .table_tbody .ml { width:210px; } .membership_form .table_tbody .ms { width:130px; } .membership_form .table_tbody .s { width:77px; } .membership_form .table_tbody .desc_red { font-size:11px; color:#e80f00; } .membership_form .table_tbody .desc_red img { padding:0 10px 0 5px } .membership_form .table_tbody .desc_gray { padding-top:10px; font-size:11px; color:#999; } .membership_form .table_tbody div + .txt_info_agree {padding-top:10px;} .membership_form .table_tbody .txt_info_agree {padding-bottom:0;} .membership_form .table_tbody .txt_info_agree li {padding-left:8px; padding-bottom:5px; line-height:14px; text-indent:-8px; font-size:11px; color:#999;} .membership_form .table_tbody .txt_info_agree li.red {color:#e80f00;} .membership_form .table_tbody .txt_info_agree li:first-child { padding-bottom:10px; font-size:12.1px; color:#333; } .membership_form .table_tbody .tel_add { padding:20px 0; } .membership_form .table_tbody .tel_add dt { float:left; width:60px; height:35px; font-weight:700; line-height:35px; } .membership_form .table_tbody .tel_add dd { float:right; width:640px; height:35px; line-height:35px; } .membership_form .table_tbody .tel_add dd ul { padding-top:12px; } .membership_form .table_tbody .tel_add dd ul li { line-height:1; } .membership_form .table_tbody .tel_add select {margin-right:5px;} .membership_form .table_tbody .tel_add input {margin:0 5px;} .membership_form .table_tbody .chk_list li { padding:6px 0; width:15%; } .membership_form .table_tbody .chk_list.type01 li { padding:6px 0; width:21%; } .membership_form .table_tbody a.btn_brown_s { width:65px; border-color:#40362a; background-color:#534a3f; font-weight:400; } .membership_form .btn_payment { text-align:center; } .membership_form .btn_payment a { font-size:16px; width:173px; height:48px; line-height:48px; padding:0; } .membership_form .disable_wrap { position:relative; } .membership_form .disable_wrap .disable { position:absolute; top:0; opacity:0.8; filter:alpha(opacity = 80); background-color:#fff; width:100%; height:100%; } /*sign_up > signup_wrap > membership_form > tooltip_layer */ .membership_form .tooltip_layer .box ul { width:400px; } .membership_form .tooltip_layer .box ul li { padding-top:10px; font-size:11px; font-weight:400; } .membership_form .tooltip_layer .box ul li:first-child { padding-top:0; } /*sign_up > signup_wrap > membership_wrap > popup_layer */ #passport_info_guide.popup_layer { width:480px; position:absolute; } #passport_info_guide.popup_layer .padding { padding:30px 20px 12px; font-size:11px; } #passport_info_guide.popup_layer .txt1 li:first-child { padding-bottom:7px; } #passport_info_guide.popup_layer .img { padding:20px 0; } #passport_info_guide.popup_layer .txt2 > li { padding-bottom:18px; } #passport_info_guide.popup_layer .txt2 > li > ul { padding-left:16px; padding-top:8px; } #passport_info_guide.popup_layer .txt2 > li > ul > li { line-height:1.5; } #passport_info_guide.popup_layer .txt2 > li.li_add { padding-left:14px;} /*2016.06.16 여권번호입력안내 - 추가*/ #passport_info_guide.popup_layer .txt2 > li.li_add > ul { padding-left:4px; padding-top:5px;} /*2016.06.16 여권번호입력안내 - 추가*/ .membership_form .btn_payment a { font-size:16px; } .membership_form_layer { width:480px;} .membership_form_layer .padding { padding:30px 20px 12px; font-size:11px; } .membership_form_layer .txt1 li:first-child { padding-bottom:7px; } .membership_form_layer .img { padding:20px 0; } .membership_form_layer .img img { width:441px; height:239px; } .membership_form_layer .txt2 > li { padding-bottom:18px; } .membership_form_layer .txt2 > li > ul { padding-left:16px; padding-top:8px; } .membership_form_layer .txt2 > li > ul > li { line-height:1.5; } /*sign_up > signup_wrap > associate_form */ .membership_form .table_tbody .radio_list li {float:left;} .membership_form .table_tbody .radio_list li:first-child { margin-right:20px; } .membership_form .table_tbody .birthday > span { margin-right:10px; } .membership_form .table_tbody input + span.desc { margin-left:7px; } /* .membership_form .table_tbody .desc_gray li:first-child { padding-bottom:5px; } */ .membership_form .interested_brand .chk_brand li.select select+select { min-width:240px; } .membership_form .interested_brand .chk_brand li.result { padding-top:10px; } .membership_form .interested_brand .chk_brand li.result span { margin-right:30px; } .membership_form .interested_brand .chk_brand li.result span a { text-indent: -9999px; display:inline-block; width:10px; height:10px; line-height:10px; background:url("../img/common/ico_close_red.png") no-repeat 0 0; } /*sign_up > signup_wrap > foreigner_form */ .foreigner_form .table_tbody .desc_gray li { padding-top:5px;} .foreigner_form .table_tbody .desc_gray li:first-child { padding-top:0;} .foreigner_form .table_tbody .nationality > select { width:208px; } .foreigner_form .table_tbody .passport_date { width:208px; } .foreigner_form .table_tbody .ml { width:153px;} .foreigner_form .table_tbody .input_lg { width:650px; } .foreigner_form .table_tbody .agree_txt { display:block; padding-bottom:10px; } .foreigner_form .table_tbody .chk_brand li { padding-bottom:5px; } .foreigner_form .interested_brand .chk_brand li.select select+select { min-width:240px; } .foreigner_form .interested_brand .chk_brand li.result { padding-top:10px; } .foreigner_form .interested_brand .chk_brand li.result span { margin-right:30px; } .foreigner_form .interested_brand .chk_brand li.result span a { text-indent: -9999px; display:inline-block; width:10px; height:10px; line-height:10px; background:url("../img/common/ico_close_red.png") no-repeat 0 0; } /*.mypage_wrap .foreigner_form .disable { position:absolute; opacity:0.8; background-color:#fff; width:732px; height:715px; bottom:90px; } .mypage_wrap .foreigner_form.regular .disable { position:absolute; opacity:0.8; background-color:#fff; width:732px; height:185px; bottom:90px; }*/ /*sign_up > signup_wrap > membership_fin */ .membership_fin { margin-top:60px; border-top:1px solid #e0e0e0; } .membership_fin .h2_area { width:100%; padding-top:60px; } .membership_fin .h2_area h2 { float:left; width:170px; padding-top:5px; } .membership_fin .h2_area .txt { position:relative; float:right; width:735px; } .membership_fin .h2_area .txt p { padding:3px 0 0 0; line-height:1.3; color:#666; } .membership_fin .btn_payment a { width:184px; height:60px; line-height:60px; padding:0; } /*.membership_fin .disable { position:absolute; opacity:0.8; background-color:#fff; width:931px; height:806px; top:93px; } .membership_fin .disable.long { height:916px; }*/ /* .membership_fin .h2_area .txt a.btn_ss_white { display:block; position:absolute; top:0; right:0; } */ .membership_fin .h2_area .txt .tooltip_wrap { display:block; position:absolute; top:0; right:0; } .membership_fin .h2_area .txt a.btn_ss_white img { padding-right:7px; } .membership_fin .h2_area .tooltip_layer { left:-350px; top:-58px; width:336px; z-index:999; } .membership_fin .h2_area .tooltip_layer .ic { left:334px; background-position:right -184px; } .membership_fin .h2_area .tooltip_layer .box {} .membership_fin .h2_area .tooltip_layer .box dl { font-size:11px; font-weight:400; } .membership_fin .h2_area .tooltip_layer .box dt { padding-bottom:10px; font-weight:700; } .membership_fin .h2_area .tooltip_layer .box dd { line-height:1.5; } .membership_fin .save_star { position:relative; text-align:center; margin-bottom:40px; padding:30px 40px; border:1px solid #efefef; background-color:#f7f7f7; font-size:24px; font-weight:700; } .membership_fin .save_star em { color:#333; font-size:22px; font-weight:700; position:relative; top:-5px; } .membership_fin .save_star span.star { /*display:block; position:absolute; right:40px; top:25px;*/ } .membership_fin .table_tbody .chk_list li { width:15%; padding:5px 0; } .membership_fin .table_tbody .chk_brand li { padding-top:10px; } .membership_fin .table_tbody .chk_brand li:first-child { padding-top:0; } .membership_fin .table_tbody select { padding:3px 5px 4px; } .membership_fin .table_tbody .anniversary_select select { float:left; margin-right:10px; } .membership_fin .table_tbody .anniversary_select .passport_date { float:left; width:200px; } .membership_fin .table_tbody .anniversary_select .passport_date .input { width:130px; } /* .popup_wrap .login */ .popup_wrap .login { width:410px; margin:0 auto; } .popup_wrap .login .newwin .cont .login_write, .popup_wrap .login .newwin .cont .sns { width:360px; margin:0 auto; } .popup_wrap .login .newwin .cont .login_write .btn { padding-top:20px; } .popup_wrap .login .newwin { border-top:1px solid #000; } .popup_wrap .login .h1_area { padding:32px 0 29px 0; text-align:center; border-bottom:1px solid #bfbfbf; background-color:#fff; } .popup_wrap .login .h1_area h1 {font-size:26px;} /* .popup_wrap .login .login_write */ .popup_wrap .login .login_write { padding:30px 0; border-bottom:1px solid #e0e0e0; } .popup_wrap .login .login_write h2, .popup_wrap .login .sns h2 { font-size:20px; font-weight:700; text-align:center; padding-bottom:20px; } .popup_wrap .login .login_write .input { width:342px; padding:0 8px; height:46px; line-height:46px; margin-bottom:10px; } .popup_wrap .login .login_write p.save { padding-top:6px; } .popup_wrap .login .login_write a.btn_red { border:1px solid #d3222a; background-color:#e80f00; color:#fff; display:block; width:358px; text-align:center; padding:16px 0; margin:20px 0 15px; font-size:16px; font-weight:700; } .popup_wrap .login .login_write .find_area li { float:left; } .popup_wrap .login .login_write .find_area li > a { color:#666; text-decoration:underline; padding-right:10px; margin-right:14px; background:url('../img/common/ico_arrow.png') no-repeat right -155px; } .popup_wrap .login .login_write .find_area li.right { float:right; } .popup_wrap .login .login_write .find_area li.right > a { margin:0; } .popup_wrap .login .login_write .caution { color:#ef3f3b; text-align:center; padding-bottom:18px; line-height:1.3; background:url('../img/common/ico_warring_red.png') no-repeat 53px 0; } /* .popup_wrap .login .sns */ .popup_wrap .login .sns { padding:30px 0; } .popup_wrap .login .sns h2 { padding-bottom:15px; line-height:1.0; } .popup_wrap .login .sns ul li { float:left; margin-left:5px; } .popup_wrap .login .sns ul li:first-child { margin-left:25px; } /* 2016-10-14 로그인 개선 */ .popup_wrap .login .sns ul li a { display:block; } .popup_wrap .login .sns ul li img { width:48px; height:48px; } /* .popup_wrap .login .no_member */ .popup_wrap .login .no_member { border-top:1px solid #e1e1e1; background-color:#f7f7f7; text-align:center; padding:22px 0 22px; } .popup_wrap .login .no_member p a.btn_ic_red_s { margin-left:20px; padding:4px 15px 6px 6px; } .popup_wrap .login .no_member p.mt10 { margin-top:10px; } .popup_wrap .login .buy { text-align:left; padding:22px 0 30px 46px; } .popup_wrap .login .buy p a.btn_ic_red_s { margin-left:20px;} .popup_wrap .login .buy p a.ml8 { margin-left:8px; } /* .popup_wrap .login .limits */ .popup_wrap .login .limits { text-align:center; } .popup_wrap .login .limits .img { padding:10px 0 30px; } .popup_wrap .login .limits p { line-height:1.6; color:#666; } .popup_wrap .login .limits p.fail { color:#333; padding-bottom:15px; } .popup_wrap .login .limits .btn_area { text-align:center; padding:35px 0 15px 0; } .popup_wrap .login .limits .btn_area > a { margin:0; color:#fff; display:inline-block; width:120px; font-size:13px; padding:11px 0; font-weight:700; } .popup_wrap .login .limits .btn_area > a.btn_red {margin-right:6px; border:1px solid #d3222a; background-color:#e80f00; } .popup_wrap .login .limits .btn_area > a.btn_brown { border:1px solid #000; background-color:#40362a; } /* .popup_wrap .login .no_mem_lookup */ .popup_wrap .login .no_mem_lookup { width:100% !important; margin:0 auto; padding:30px 0 35px; } .popup_wrap .login .no_mem_lookup p { text-align:center; padding-bottom:15px; line-height:1.5; } .popup_wrap .login .no_mem_lookup .input { width:342px; padding:16px 8px; margin-bottom:10px; } .popup_wrap .login .no_mem_lookup a.btn_red { border:1px solid #d3222a; background-color:#e80f00; color:#fff; display:block; width:358px; text-align:center; padding:16px 0; margin:8px 0 0; font-size:16px; font-weight:700; } .popup_wrap .login .no_mem_lookup a.btn_red2 {margin:8px auto 0;} .popup_wrap .login .no_mem_lookup .caution { text-align:left; padding-left:23px; background-position:0 0; } /* .popup_wrap .login .passport_date */ .popup_wrap .login .passport_date h2 { text-align:center; font-size:20px; font-weight:700; padding-bottom:20px; } .popup_wrap .login .passport_date h2 > span { color:#ef3f3b; } .popup_wrap .login .passport_date a.btn_red { margin-top:35px; } /* .pr_wrap .img .gift - 디테일페이지 사은품 */ .pr_wrap .img .gift {position:relative; border-top:1px solid #f0f0f0; padding:18px 30px 18px 80px; text-align:left; font-size:11px; color:#666; } .pr_wrap .img .gift > span {position:absolute; left:30px; top:18px; background:#aba000; border:1px solid #9a9000; color:#fff; padding:1px 4px; margin-right:5px; } .pr_wrap .img .gift > a {line-height:16px; font-size:11px; color:#e80f00; text-decoration:underline; margin-left:5px; } /* .pr_wrap .txt .area .reorder_apply - 디테일페이지 재입고알림 */ .pr_wrap .txt .area .reorder_apply > p { font-size:11px; } .pr_wrap .txt .area .reorder_apply > p > strong { display:block; font-size:12.1px; padding-bottom:8px; } .pr_wrap .txt .area .reorder_apply a.btn_brown { margin-top:15px; font-size:16px; font-weight:700; color:#fff; background-color:#957045; border:1px solid #80603a; width:100%; display:block; text-align:center; padding:21px 0; } /* .pr_wrap .txt .area .special_order - 디테일페이지 스페셜오더 */ .pr_wrap .txt .area .special_order > p { font-size:11px; } .pr_wrap .txt .area .special_order > p > strong { display:block; font-size:12.1px; padding-bottom:8px; } .pr_wrap .txt .area .special_order a.btn_red { margin-top:15px; font-size:16px; font-weight:700; color:#fff; background-color:#957045; border:1px solid #80603a; width:100%; display:block; text-align:center; padding:21px 0; } /* .popup_wrap .address */ .popup_wrap .newwin.pop_add {border-top:1px solid #000;} .popup_wrap .newwin.pop_add .h1_area {padding:32px 0 29px 0; text-align:center;} .popup_wrap .newwin.pop_add .h1_area h1 {font-size:26px;} .popup_wrap .address { width:465px; margin:0 auto; } .popup_wrap .address .cont { padding:20px 15px 50px; } /* .popup_wrap .address .search_form .select_city */ .popup_wrap .address .search_form .select_city { background-color:#f7f7f7; border:1px solid #e0e0e0; border-left:none; border-right:none; padding:13px 0;} .popup_wrap .address .search_form .select_city > p { float:right; margin-right:20px; } .popup_wrap .address .search_form .select_city > p:first-child { float:left; margin-left:20px; } .popup_wrap .address .search_form .select_city > p > strong { padding-right:19px; } .popup_wrap .address .search_form .select_city > p > select { min-width:107px; } .popup_wrap .address .search_form > .chk_list { padding:20px 0 10px; } /* .popup_wrap .address .search_form .write */ .popup_wrap .address .search_form .write > .input { width:387px; float:left; } .popup_wrap .address .search_form .write > a { float:right; border:1px solid #cb3632; background:#ef3f3b url('../img/common/ico_search_12px.png') no-repeat 7px 6px; width:26px; height:26px; display:block; text-indent:-999em; } /* .popup_wrap .address .search_form .ex */ .popup_wrap .address .search_form .ex { padding-top:11px; } .popup_wrap .address .search_form .ex li { color:#999; font-size:11px; } .popup_wrap .address .search_form .ex li:first-child { padding-bottom:5px; } /* .popup_wrap .address .select_address */ .popup_wrap .address .select_address { padding-top:30px; } .popup_wrap .address .select_address .table_normal { margin-top:15px; } .popup_wrap .address .select_address .table_normal th { padding:13px 5px; border-bottom:1px solid #e0e0e0; background-image:none; font-weight:700; color:#333; } .popup_wrap .address .select_address .table_normal td { line-height:1.5; border-top:1px solid #e0e0e0; padding:12px 8px; } .popup_wrap .address .select_address .table_normal tr:first-child td {border-top:none;} .popup_wrap .address .select_address .table_normal td.alignL { text-align:left; } .popup_wrap .address .select_address .table_normal td a:hover { font-weight:700; text-decoration:underline; } .popup_wrap .address .select_address .th_skip { overflow-y:scroll; width:100%; height:280px; border-bottom:1px solid #bfbfbf; } .popup_wrap .address .select_address .th_skip .table_normal { margin-top:0; } .popup_wrap .address .select_address .th_skip .table_normal thead th { height:0; padding:0; border:none; background:none; font-size:0; } /* .popup_wrap .address .detail_address */ .popup_wrap .address .detail_address { padding-top:30px; } .popup_wrap .address .detail_address .write { padding-top:15px; } .popup_wrap .address .detail_address .ma_num { width:102px; margin-bottom:8px; background-color:#f7f7f7; color:#666; } .popup_wrap .address .detail_address .add { width:285px; margin-bottom:8px; line-height:14px; background-color:#f7f7f7; color:#666; } .popup_wrap .address .detail_address .det { width:345px; vertical-align:top;} .popup_wrap .address .detail_address .write > a.btn_brown_s { height:26px; line-height:26px; font-weight:400; } .popup_wrap .address .detail_address .radio_address { padding-top:30px; } .popup_wrap .address .detail_address .radio_address > .chk_list { border:1px solid #bfbfbf; border-left:none; border-right:none; margin-top:15px; } .popup_wrap .address .detail_address .radio_address > .chk_list li { position:relative; padding:20px 0 19px 15px; border-top:1px solid #e0e0e0; float:none; } .popup_wrap .address .detail_address .radio_address > .chk_list li:first-child { border-top:none; } .popup_wrap .address .detail_address .radio_address > .chk_list li > label { position:absolute; left:10px; width:95px; font-weight:700; } .popup_wrap .address .detail_address .radio_address > .chk_list li > span { display:block; padding:0 10px 0 100px; } /* .popup_wrap .address .btn_area */ .popup_wrap .address .btn_area { text-align:center; padding-top:30px; } .popup_wrap .address .btn_area > a.btn_red { display:inline-block; background-color:#ef3f3b; border:1px solid #cb3632; width:180px; color:#fff; padding:21px 0; font-size:16px; font-weight:700; } /* .popup_wrap > newwin > terms */ .popup_wrap .newwin .terms { padding:20px 15px 30px 15px; } .popup_wrap .newwin .terms .section { height:271px; overflow:auto; padding:15px 10px; border:1px solid #bfbfbf; } .popup_wrap .terms .section h2 { padding-top:20px; font-weight:700; line-height:22px; font-size:12.1px; } .popup_wrap .terms .section > h2:first-child { padding-top:0; } .popup_wrap .terms .section h6 { padding-top:20px; font-weight:700; line-height:22px; font-size:12.1px; } .popup_wrap .terms .section > h6:first-child { padding-top:0; } .popup_wrap .terms .section p + ul { padding-top:5px; padding-left:5px; } .popup_wrap .terms .section > ul > li { margin-top:10px; line-height:1.5; } .popup_wrap .terms .section > ul > li:first-child { margin-top:0; } .popup_wrap .terms .section > ul > li > ul { padding-left:5px; padding-top:5px; } .popup_wrap .terms .section > ul > li > ul > li { padding-top:3px; } .popup_wrap .terms .section > ul > li > ul > li:first-child { padding-top:0; } .popup_wrap .terms .section > p { line-height:1.5; } .popup_wrap .terms .section > p.right { text-align:right; padding-top:5px; font-weight:700; } .word_ex { word-break:normal; word-break:break-word } .word_ex * { word-break:normal; word-break:break-word } .popup_wrap .terms .table_normal { border-bottom:1px solid #bfbfbf; line-height:1.5; word-break:break-word; } .popup_wrap .terms .table_normal tr th { text-align:left; padding:15px 10px; border-right:1px solid #bfbfbf; background:#f7f7f7; border-top:1px solid #e0e0e0; } .popup_wrap .terms .table_normal tr td { text-align:left; padding:15px 10px; word-break:break-word; } .popup_wrap .terms .table_normal tr:first-child th, .popup_wrap .terms .table_normal tr:first-child td { border-top:1px solid #bfbfbf; } /* member common */ .member_wrap h3 { font-size:24px; font-weight:700; line-height:1.5; } .member_wrap h4 { font-size:20px; font-weight:700; line-height:1.5; } .member_wrap h3 > span , .member_wrap h4 > span , .member_wrap strong > span{ color:#e80f00; } .member_wrap .member_contents { width:929px; text-align:center; border:1px solid #bfbfbf; } .member_wrap .member_contents .title strong { font-size:20px; font-weight:700; color:#666; line-height:1.5; } .member_wrap .member_contents .btn_box { font-weight:700; } .member_wrap .find_id .member_contents .cont .foreigner p > strong {padding-bottom:58px;} .member_wrap .alert { display:inline-block; margin-bottom:30px; padding-left:18px; line-height:18px; color:#ef3f3b; background:url(../img/common/ico_warring_red.png) no-repeat 0 50%; } /* .member_wrap .find_id */ .member_wrap .find_id .title .h3_area { padding:40px 0; } .member_wrap .find_id .title .h3_area h3 { line-height:1; } .member_wrap .find_id .title .h3_area p { padding-top:15px; color:#666; } .member_wrap .find_id .cont { background-color:#f7f7f7; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding-bottom:45px; } .member_wrap .find_id .cont .nationals, .member_wrap .find_id .cont .foreigner { width:360px; float:left; padding:0 52px; margin-top:43px; } .member_wrap .find_id .cont .nationals { border-right:1px solid #dddddd; } .member_wrap .find_id .cont .nationals p, .member_wrap .find_id .cont .foreigner p {line-height:18px; margin-bottom:30px; } .member_wrap .find_id .cont .nationals p.in_people {margin-bottom:15px;} .member_wrap .find_id .cont .nationals p > strong, .member_wrap .find_id .cont .foreigner p > strong { display:block; font-size:20px; padding-bottom:13px; color:#333; } .member_wrap .find_id .cont .nationals p > strong.people {padding-bottom:20px;} .member_wrap .find_id .cont .nationals p > span.bold {display:inline-block; margin-bottom:20px; height:18px; font-size:13px; font-weight:700;} .member_wrap .find_id .cont .nationals p > span.me {margin-right:30px;} .member_wrap .find_id .cont .nationals .selfCertification a.certify {position:relative; line-height:1.5; display:block; background-color:#fff; border:1px solid #e0e0e0; padding:18px 0 22px 25px; width:335px; text-align:left; height:69px; color:#666; } .member_wrap .find_id .cont .nationals .selfCertification a.certify:after {content:""; position:absolute; right:18px; top:50%; display:block; width:12px; height:23px; margin-top:-12px; background:url(../img/common/ico_arrow.png) no-repeat right -206px;} .member_wrap .find_id .cont .nationals .selfCertification a > strong { display:block; font-size:18px; font-weight:700; color:#333; padding-bottom:11px; } .member_wrap .find_id .cont .nationals .selfCertification a.first { padding-top:25px; height:62px; margin-bottom:8px; } .member_wrap .find_id .cont .nationals span.fail {display:inline-block; min-height:14px; padding-left:18px; color:#ef3f3b; background:url('../img/common/ico_warring_red.png') no-repeat 0 50%; } .member_wrap .find_id .cont .nationals input.type01 {display:block; width:342px; padding:17px 8px; margin-bottom:8px;} .member_wrap .find_id .cont .nationals input.type02 {display:inline-block; width:148px; padding:17px 8px; margin-bottom:8px;} .member_wrap .find_id .cont .nationals span.gol {font-size:18px; padding:0 1px; color:#999;} .member_wrap .find_id .cont .nationals select {display:block; width:360px; padding:17px 8px; color:#999;} .member_wrap .find_id .cont .nationals .btn_brown { background-color:#373231; display:block; width:360px; color:#fff; padding:18px 0; font-size:15px; font-weight:700; margin-top:18px; } .member_wrap .find_id .cont .foreigner .input { display:block; width:342px; padding:17px 8px; margin-bottom:8px; } .member_wrap .find_id .cont .foreigner a.btn_brown { background-color:#373231; display:block; width:360px; color:#fff; padding:18px 0; font-size:15px; font-weight:700; margin-top:18px; } .member_wrap .find_id .cont .foreigner p span {display:inline-block; min-height:14px; padding-left:18px; color:#ef3f3b; background:url('../img/common/ico_warring_red.png') no-repeat 0 50%; } .member_wrap .find_id .find_area { padding:45px 0; } .member_wrap .find_id .find_area a { color:#666; background:url('../img/common/bg_line_11px_c9c9c9.png') no-repeat right; padding-right:10px; margin-right:10px; } .member_wrap .find_id .find_area a.none { background-image:none; } .member_wrap .find_id .cont .nationals p > span.txt {display:block;} .member_wrap .find_id .cont .nationals p > span.txt.member02 { display:none; } .member_wrap .find_id .cont .nationals .email_area { display:none; } /* member > find_id_info */ .member_wrap .find_id_info .title { padding:100px 0 95px; border-bottom:1px solid #e0e0e0; } .member_wrap .find_id_info .title .h3_area { padding-bottom:47px; } .member_wrap .find_id_info .title .h3_area h3 { padding-bottom:24px; } .member_wrap .find_id_info .txt_area { text-align:center; } .member_wrap .find_id_info .txt_area > ul { display:inline-block; padding:45px 0; } .member_wrap .find_id_info .txt_area > ul > li { float:left; } .member_wrap .find_id_info .txt_area > ul > li:first-child { padding-right:10px; margin-right:10px; border-right:1px solid #e0e0e0; } .member_wrap .find_id_info .find_area { padding:45px 0; } .member_wrap .find_id_info .find_area a { color:#666; background:url('../img/common/bg_line_11px_c9c9c9.png') no-repeat right; padding-right:10px; margin-right:10px; } .member_wrap .find_id_info .find_area a.none { background-image:none; } /* member > find_pw */ .member_wrap .find_pw .title .h3_area { padding:40px 0; } .member_wrap .find_pw .title .h3_area h3 { line-height:1; } .member_wrap .find_pw .title .h3_area p { padding-top:15px; color:#666; } .member_wrap .find_pw strong { display:block; font-size:20px; padding-bottom:13px; } .member_wrap .find_pw strong.in_people {padding-bottom:20px;} .member_wrap .find_pw .cont { background-color:#f7f7f7; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } .member_wrap .find_pw .cont .nationals, .member_wrap .find_pw .cont .foreigner { width:360px; float:left; padding:10px 52px 12px 52px; margin:45px 0; } .member_wrap .find_pw .cont .nationals .txt_box > p{ margin-bottom:15px; line-height:1.5; } .member_wrap .find_pw .cont .nationals .txt_box > p.member02{ display:none; margin-bottom:15px; line-height:1.5; } .member_wrap .find_pw .cont .nationals .txt_box .email_area {display:none; } .member_wrap .find_pw .cont .nationals .txt_box .email_area > .phone { margin-top:8px; padding-bottom:57px; } .member_wrap .find_pw .cont .nationals .txt_box .email_area > .phone select { float:left; width:110px; min-width:110px; } .member_wrap .find_pw .cont .nationals .txt_box .email_area > .phone input { float:left; width:85px; } .member_wrap .find_pw .cont .nationals .txt_box .email_area > .phone span { float:left; width:20px; line-height:48px; } .member_wrap .find_pw .cont .nationals .txt_box .email_area .tel_box { padding:6px 0 10px; } .member_wrap .find_pw .cont .nationals .txt_box .email_area .tel_box > select { height:auto !important; border-color:#d3d3d3; } .member_wrap .find_pw .cont .nationals .txt_box .email_area .tel_box .tel_inp { width:auto; } .member_wrap .find_pw .cont .nationals .txt_box .email_area .tel_box .tel_inp select { float:left; width:110px; min-width:110px; margin:0; height:auto; border-color:#d3d3d3; } .member_wrap .find_pw .cont .nationals .txt_box .email_area .tel_box .tel_inp input { float:left; width:85px; border-color:#d3d3d3; padding:15px 8px; } .member_wrap .find_pw .cont .nationals .txt_box .email_area .tel_box .tel_inp span { float:left; width:22px; line-height:48px; height:auto; } .member_wrap .find_pw .cont .nationals .txt_box .email_area .tel_box .input { margin-left:0; border-color:#d3d3d3; } .member_wrap .find_pw .cont .foreigner p { margin-bottom:12px; line-height:1.5; } .member_wrap .find_pw .cont .nationals p > strong, .member_wrap .find_pw .cont .foreigner p > strong { display:block; font-size:20px; padding-bottom:13px; color:#333; } .member_wrap .find_pw .cont .nationals .certification > strong { font-size:14px; padding-top:45px; } .member_wrap .find_pw .cont .nationals .certification > strong + p { padding-bottom:34px; } .member_wrap .find_pw .cont .nationals .certification .certification1{ margin-right:30px; } .member_wrap .find_pw .cont .nationals p > span.bold { font-weight:700; font-size:13px;} .member_wrap .find_pw .cont .nationals p > span.bold:first-child {margin-right:30px;} .member_wrap .find_pw .cont .input { display:block; width:342px; padding:17px 8px; margin-bottom:8px; } .member_wrap .find_pw .cont .nationals .input { margin-bottom:0; } .member_wrap .find_pw .cont .input_half { width:158px; float:left; } .member_wrap .find_pw .cont .input_half + .input_half { margin-left:7px; } .member_wrap .find_pw .cont .foreigner { border-left:1px solid #dddddd; } .member_wrap .find_pw .cont a.btn_m_gray { width:360px; margin:0; font-weight:700; } .member_wrap .find_pw .find_area { padding:45px 0; } .member_wrap .find_pw .find_area a { color:#666; background:url('../img/common/bg_line_11px_c9c9c9.png') no-repeat right; padding-right:10px; margin-right:10px; } .member_wrap .find_pw .find_area a.none { background-image:none; } .member_wrap .find_pw .cont .nationals input.type01 {display:block; width:342px; padding:17px 8px; margin-bottom:8px;} .member_wrap .find_pw .cont .nationals input.type02 {display:inline-block; width:148px; padding:17px 8px; margin-bottom:8px;} .member_wrap .find_pw .cont .nationals span.gol {font-size:18px; padding:0 1px; color:#999;} .member_wrap .find_pw .cont .nationals select {display:block; width:360px; padding:15px 8px; color:#999; margin-bottom:8px;} .member_wrap .find_pw .cont .foreigner strong.people {padding-bottom:55px;} /* member > find_pw_email */ .member_wrap .find_pw_email .title { padding:100px 0 95px; border-bottom:1px solid #e0e0e0; } .member_wrap .find_pw_email .title .h3_area h3 { padding-bottom:40px; } .member_wrap .find_pw_email .title strong { color:#e80f00; font-weight:400; } .member_wrap .find_pw_email .txt_area { padding:45px 0; background:#f7f7f7; } .member_wrap .find_pw_email .txt_area > p { font-weight:700; color:#666; } /* member > find_pw_error */ .member_wrap .find_pw_error .title { padding:90px 0 60px; background:url(../img/sub/bg_line_48.png) no-repeat 50% 100%; } .member_wrap .find_pw_error .title .h3_area h3 { padding-bottom:15px; } .member_wrap .find_pw_error .title strong { } .member_wrap .find_pw_error .txt_area { padding:40px 0 90px; } .member_wrap .find_pw_error .txt_area > p { font-weight:700; color:#666; padding-bottom:40px; } .member_wrap .find_pw_error .txt_area .btn_m_red { width:358px; height:48px; line-height:48px; border:1px solid #9f2626; } /* member > find_pw_complete */ .member_wrap .find_pw_complete .member_contents{ padding:100px 0; } .member_wrap .find_pw_complete .h3_area { padding-bottom:46px; } .member_wrap .find_pw_complete .h3_area h3 { padding-bottom:23px; font-size:24px; } .member_wrap .find_pw_complete .h3_area strong { font-size:20px; color:#666; } .member_wrap .find_pw_complete .btn_box a { width:175px; height:50px; line-height:50px; } .member_wrap .find_pw_complete .h3_area span { font-size:20px; color:#666;} /* member > pw_reset */ .member_wrap .pw_reset .h3_area { padding:40px 0; border-bottom:1px solid #e0e0e0; } .member_wrap .pw_reset .cont { padding:40px; background:#f7f7f7; border-bottom:1px solid #e0e0e0; } .member_wrap .pw_reset .cont > strong { display:block; font-size:20px; margin-bottom:35px; } .member_wrap .pw_reset .cont p {line-height:18px; margin-bottom:30px;} .member_wrap .pw_reset .cont .txt_box { margin:0 auto; width:361px; } .member_wrap .pw_reset .cont .txt_box .area { position:relative; } .member_wrap .pw_reset .cont .txt_box .input { display:block; width:342px; padding:17px 8px; line-height:1.2; } .member_wrap .pw_reset .cont .txt_box .input + .area { margin-top:8px; } .member_wrap .pw_reset .cont .txt_box .input + .input { margin-top:8px; } .member_wrap .pw_reset .cont .txt_box .area + .area { margin:8px 0 16px; } .member_wrap .pw_reset .cont .txt_box span.alert { display:block; margin:8px 0 16px; text-align:left; } .member_wrap .pw_reset .cont .btn_m_gray { width:358px; font-weight:700; } .member_wrap .pw_reset .txt_area { text-align:left; padding:20px 0 20px 275px; line-height:1.5; } .member_wrap .pw_reset .cont .btn_area {width:360px; margin:8px auto 0;} .member_wrap .pw_reset .cont .btn_area a {width:175px; margin:0;} .member_wrap .pw_reset .cont .btn_area a:first-child {margin-right:1px;} /* member > logout_banner01 */ .member_wrap .logout_banner01 .member_contents { padding-bottom:25px; } .member_wrap .logout_banner01 .title { padding:93px 0 73px; } .member_wrap .logout_banner01 .title .h3_area h3 { padding-bottom:20px; } .member_wrap .logout_banner01 .title strong { font-size:16px; } .member_wrap .logout_banner01 .title p { font-size:20px; color:#666; } .member_wrap .logout_banner01 .txt_area { padding:0; } .member_wrap .logout_banner01 .txt_area .btn_box { padding-bottom:50px; } .member_wrap .logout_banner01 .txt_area .btn_m_red { height:48px; line-height:48px; width:173px; } /* member > find_pw_error */ .member_wrap .find_pw_error .title { padding:90px 0 60px; background:url(../img/sub/bg_line_48.png) no-repeat 50% 100%; } .member_wrap .find_pw_error .title .h3_area h3 { padding-bottom:15px; } .member_wrap .find_pw_error .title strong { } .member_wrap .find_pw_error .txt_area { padding:40px 0 90px; } .member_wrap .find_pw_error .txt_area > p { font-weight:700; color:#666; padding-bottom:40px; } .member_wrap .find_pw_error .txt_area .btn_m_red { width:173px; height:48px; line-height:48px; border:1px solid #9f2626; } /* member > logout_banner01 */ .member_wrap .logout_banner01 .member_contents { padding-bottom:25px; } .member_wrap .logout_banner01 .title { padding:93px 0 73px; } .member_wrap .logout_banner01 .title .h3_area h3 { padding-bottom:20px; } .member_wrap .logout_banner01 .title strong { font-size:16px; } .member_wrap .logout_banner01 .txt_area { padding:0; } .member_wrap .logout_banner01 .txt_area .btn_box { padding-bottom:50px; } .member_wrap .logout_banner01 .txt_area .btn_box a { width:173px; } .member_wrap .logout_banner01 .txt_area .btn_m_red { height:48px; line-height:48px; } /* member > logout_banner02 */ .member_wrap .logout_banner02 .member_contents { margin-bottom:60px; padding:93px 0 96px; } .member_wrap .logout_banner02 .title { padding-bottom:73px; } .member_wrap .logout_banner02 .title .h3_area h3 { padding-bottom:36px; } .member_wrap .logout_banner02 .title strong { font-size:16px; } .member_wrap .logout_banner02 .txt_area .btn_box a { width:173px; } .member_wrap .logout_banner02 .txt_area .btn_m_red { height:48px; line-height:48px; } .logout_banner02 .special_event { width:929px; margin-bottom:5px; border:1px solid #aeaeae; } .logout_banner02 .special_event .img_list .list { position:relative; float:left; width:309px; border-left:1px solid #aeaeae; background-color:#fff; } .logout_banner02 .special_event .img_list .list:first-child { border-left:none; } .logout_banner02 .special_event .img_list .list dl { padding:15px 20px 20px 20px; border-bottom:none; } .logout_banner02 .special_event .img_list .list dl dt.tit a { display:block; padding-bottom:7px; font-size:15px; font-weight:700; color:#000; } .logout_banner02 .special_event .img_list .list dl dd.date a { display:block; padding-top:10px; font-size:11px; color:#999; } .logout_banner02 .special_event .img_list .list a:first-child { display:block; } .logout_banner02 .special_event .img_list .list .ico_sale { position:absolute; right:15px; top:110px; } .logout_banner02 .special_event .img_list .list .badge_sale { position:absolute; right:15px; top:110px; } /* search_result > search_box */ .search_result .search_box { margin-bottom:40px; border:1px solid #bfbfbf; text-align:center; } .search_result .search_box h3 { padding:35px 0 15px 0; font-size:26px; font-weight:700; } .search_result .search_box h3 img { padding-right:10px; } .search_result .search_box > p { padding-bottom:25px; font-size:13px;} .search_result .search_box > p > span { font-weight:700; color:#e80f00; } .search_result .total_search { width:530px; margin:0 auto; margin-bottom:30px; border:3px solid #e80f00; } .search_result .total_search .area { position:relative; width:100%; height:35px; line-height:35px; } .search_result .total_search .area > ul > li { float:left; color:#888; } .search_result .total_search .area > ul > li .input_m { width:360px; height:14px; padding:10px; border:0 none; color:#e80f00; line-height:14px; vertical-align:top; font-size:13px;} .search_result .total_search .area > ul > li.search_checkbox { padding-top:11px; height:14px; line-height:14px; } .search_result .total_search .area > ul > li.search_checkbox * {vertical-align:top;} .search_result .total_search .area > span.ico { display:block; position:absolute; right:0; top:0; width:45px; padding-left:3px; background-color:#e80f00; line-height:1; text-align:center; } .search_result .total_search .area > span.ico input {padding:9px 12px 8px;} .search_result .search_box .related_search { padding:20px 0; border-top:1px solid #bfbfbf; background-color:#f5f3f3; font-size:13px;} .search_result .search_box .related_search > li { display:inline; padding-left:12px; text-decoration:underline; color:#666; } .search_result .search_box .related_search > li:first-child { font-weight:700; text-decoration:none; color:#333; } .search_result .search_box .related_search > p > a { padding-left:10px; text-decoration:underline; color:#e80f00; } .search_result .search_box .related_search > p > a img { padding-right:6px; } .search_result .search_box .related_search > p .btn_brown_s {margin-left:10px; width:auto; padding:0 10px;} .search_result .search_box .related_search > p strong span { color:#e80f00; } /* search_result > result_tap_wrap > tab_area */ /* .result_tap_wrap { padding-bottom:30px; } */ .result_tap_wrap .pagination {display:none; position:relative; padding:20px 0; } /* 2017-06-22 검색결과없음 영역 수정 */ .result_tap_wrap .pagination .list-box-container {display:none;} /* 2017-06-22 검색결과없음 영역 수정 */ .result_tap_wrap .pagination select { position:absolute; right:20px; top:20px; } .result_tap_wrap .product_list_wrap + .pagination {position:relative; top:-1px; border-top:1px solid #bfbfbf;} .result_tap_wrap.event_wrap .tab_area {padding:0;} .result_tap_wrap .product_list_wrap .tab_area {padding:17px 0;} .result_tap_wrap .tab_area .tit_tab_txt li { width:20%; } .result_tap_wrap .tab_area .tit_tab_txt li a { border-bottom:1px solid #bfbfbf; font-size:16px; } .result_tap_wrap .tab_area .tit_tab_txt li a span { position:relative; left:5px; top:-2px; display:inline-block; font-weight:400;} .result_tap_wrap .tab_area .tit_tab_txt li a.on { border-bottom:none; padding-top:21px;} .result_tap_wrap .tab_area .area {min-height:189px; border:1px solid #bfbfbf; border-top:none; } .result_tap_wrap .tab_area .box { padding:30px 0 20px; border-top-color:#bfbfbf; border-bottom-color:#bfbfbf; border-left:none; border-right:none;} .result_tap_wrap .power_search .p_brand .chk_list li label {width:140px;} .result_tap_wrap .result_null .box { padding:150px 0; } .result_tap_wrap .result_null .box p { text-align:center; } .result_tap_wrap .result_null .box p span { display:block; padding-top:15px; font-size:22px; font-weight:700; color:#aaa; } .search_result .search_box .special { padding:23px 0 12px 0 ; border-top:1px solid #bfbfbf; font-size:22px; font-weight:700; color:#333; line-height:32px; } .search_result .special strong { color:#e80f00; } .search_result .search_box .btn_payment { padding-bottom:30px; } .search_result .search_box .btn_payment a.btn_red { font-size:12.1px; width:159px; padding:10px 0; } .result_tap_wrap.event_wrap .area { width:929px; } /* search_result > result_tap_wrap > tab_area > tab1 */ .result_tap_wrap .power_search {display:none; padding:15px; } /* 2017-06-22 검색결과없음 영역 수정 */ .result_tap_wrap .power_search .table_tbody tr:first-child th, .result_tap_wrap .power_search .table_tbody tr:first-child td { border-top-width:1px; } .result_tap_wrap .power_search .table_tbody th {width:133px;} .result_tap_wrap .power_search .btn_payment { padding:15px 0 0 0; } .result_tap_wrap .product_list_wrap { border:none; border-top:1px solid #bfbfbf; } /* search_result > result_tap_wrap > tab_area > tab2 */ .search_brand .list {} .search_brand .list li { float:left; width:167px; padding-left:16px; text-align:center; padding-bottom:10px;} .search_brand .list li:first-child { padding-left:15px; } .search_brand .list li a { display:block; padding:20px 0; border:1px solid #e0e0e0; } .search_brand .list li a img { width:116px; height:37px; } .search_brand .list li span { display:block; padding:10px 10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.5; } /* search_result > result_tap_wrap > tab_area > tab3 */ .result_tap_wrap .exhibition_wrap .thum_tab { padding:30px 13px 15px 0; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;} .result_tap_wrap .exhibition_wrap .thum_tab .list {padding-bottom:0} .result_tap_wrap .exhibition_wrap .thum_tab .list_cont {left:-2px; width:211px; margin:0 0 15px 16px;} .result_tap_wrap .exhibition_wrap .thum_tab .list_cont dl dt.img img {width:211px; height:96px;} .result_tap_wrap .exhibition_wrap .thum_tab .list_cont dl dt.img .ic {width:48px; height:48px;} /* search_result > result_tap_wrap > tab_area > tab4 */ .result_tap_wrap .search_event .img_tab {width:auto; padding:30px 15px 25px 10px; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;} .result_tap_wrap.event_wrap .search_event .img_tab .list > ul > li:first-child {margin-left:5px;} .search_event .img_tab .list > ul > li { width:219px !important; margin-bottom:5px;} .search_event .img_tab .list > ul > li img { width:100%; } /* search_result > product_recommend & search_survey */ .search_result .search_survey { border:1px solid #bfbfbf; text-align:center; } .search_result .search_survey .tit_box { padding:30px 0 25px 0; border-bottom:1px solid #bfbfbf; } .search_result .search_survey .tit_box strong { display:block; padding-bottom:15px; font-size:20px; } .search_result .search_survey .tit_box strong em { color:#e80f00; } .search_result .search_survey .tit_box p { color:#666; } .search_result .search_survey .survey_box { padding:25px 0 30px 0; background-color:#f7f7f7; } .search_result .search_survey .survey_box .chk_list { width:425px; margin:0 auto; padding-bottom:25px; font-size:13px;} .search_result .search_survey .survey_box .chk_list .on { color:#e80f00; } .search_result .search_survey .survey_box .chk_list li+li+li+li+li { padding-right:0; } .search_result .search_survey .survey_box .btn_ss_gray { background-color:#534a3f; } /* search_result chanel*/ .result_chanel_wrap {position:relative; height:50px; padding:0 15px 0 206px; border:1px solid #bfbfbf; margin-bottom:30px;} .result_chanel_wrap .logo {position:absolute; left:-1px; top:-1px;} .result_chanel_wrap .logo img {width:181px; height:45px; padding:4px 3px 3px; background:#000;} .result_chanel_wrap p {line-height:48px; font-size:16px;} .result_chanel_wrap .red {color:#ef3f3b;} .result_chanel_wrap .btn_area {position:absolute; right:15px; top:14px;} .result_chanel_wrap .btn_area a {margin-left:4px;} /* mypage_wrap >common */ .mypage_wrap {font-size:13px;} .mypage_wrap a.btn_order_cancel {padding-right:7px; margin-top:8px; } .mypage_wrap a.btn_order_cancel:after {display:none;} .mypage_wrap h4 { padding-bottom:15px; font-size:20px; font-weight:700; } .mypage_wrap .table_normal td .btn_ic_red_s {padding-right:7px;} .mypage_wrap .table_normal td .btn_ic_red_s:after {display:none;} .mypage_wrap .info_box { margin-top:16px; } .mypage_wrap .agree_3step { margin-top:26px; } .mypage_wrap .product_form + .btm_desc {font-size:12.1px;} .search_date_area { width:100%; } .search_date_area .select { padding:20px 0; text-align:right; } .search_date_area .date { padding:20px 0; height:26px; border-top:2px solid #373231; line-height:26px; } .search_date_area .date .tit { float:left; width:63px; font-weight:700; color:#4f4f4f; } .search_date_area .date .btn { float:left; width:200px; } .search_date_area .date .btn a { padding:0; width:50px; text-align:center; } .search_date_area .date .btn a:after {display:none;} .search_date_area .date .search { float:right; } .search_date_area .date .search p { float:left; } .search_date_area .date .search span { display:block; float:left; padding:0 5px; } .search_date_area .date .search a { float:right; margin-left:10px; } .search_date_area .desc { padding-bottom:20px; } .search_date_area .desc em { font-weight:700; color:#e80f00; } .contents_wrap .info_box { margin-bottom:30px; border-top:2px solid #333; border-bottom:1px solid #bfbfbf; } /* mypage_wrap > myshopping_info */ .myshopping_info { padding:17px 20px 19px 20px; border:1px solid #d2c8c1; background-color:#e6dfda; } .myshopping_info .btn_ic_red_s {font-size:11.1px;} .myshopping_info em { font-weight:700; } .myshopping_info .tit_area { position:relative; width:100%; padding-bottom:20px; } .myshopping_info .tit_area .name { font-size:24px; font-weight:400; color:#898178; } .myshopping_info .tit_area .name em { color:#534a3f; font-weight:400;} .myshopping_info .tit_area .txt { position:absolute; right:0; bottom:20px; color:#666; } .myshopping_info .grade_benefit { text-align:center; } .myshopping_info .grade_benefit .tit { position:relative; padding:12px 0 13px; border-radius:4px 4px 0 0; background-color:#988b85; font-size:16px; font-weight:700; color:#fff; } /*20160909 시크릿 이벤트*/ /*.myshopping_info .grade_benefit .tit .btn_ic_red_s { position:absolute; top:9px; right:9px; }*/ .myshopping_info .grade_benefit .tit .btn_area {position:absolute; top:9px; right:9px;} .myshopping_info .grade_benefit .tit .btn_area a.btn_secret {background:#333;color:#fff;border-color:#000} .myshopping_info .grade_benefit .tit .btn_area a.btn_secret:after {background-position:right -1270px} .myshopping_info .grade_benefit .tit .btn_area a:last-child {margin-left:2px} .mypage_wrap a.btn_tbl_link{position:relative;display:inline-block;padding:5px 15px 6px 7px; line-height:1;border-radius:2px;font-size:11.1px;box-sizing:border-box;border:1px solid #d8dbdf;background:#fdfdfd;color:#666} .mypage_wrap a.btn_tbl_link:after {content:'';position:absolute;right:6px; top:50%; width:4px; height:8px; background:url(../img/common/ico_arrow.png) no-repeat right 0; margin-top:-4px;} .mypage_wrap table p.txtLeft {padding:0 10px 0 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left} /* //20160909 시크릿 이벤트*/ .myshopping_info .grade_benefit .box { border:1px solid #bfbfbf; border-top:none; } .myshopping_info .grade_benefit dl { float:left; width:124px; border-left:1px solid #e0e0e0; } .myshopping_info .grade_benefit dl .tooltip_wrap img {vertical-align:top;} .myshopping_info .grade_benefit dl:first-child { border-left:none; } .myshopping_info .grade_benefit dl dt { padding:7px 0 8px 0; height:15px; background-color:#f5f3f3; font-weight:700; font-size:13px;} .myshopping_info .grade_benefit dl dd { display: table; width: 100%; height:119px; background-color:#fff; } .myshopping_info .grade_benefit dl dd div {display: table-cell; vertical-align: middle;} .myshopping_info .grade_benefit dl dd span { display:inline-block; position:relative; margin-left:-11px; padding:0; font-weight:700; } .myshopping_info .grade_benefit dl dd em { display:inline-block; max-width:91px; margin-right:5px; font-size:28px; font-family:'Times New Roman'; font-weight:bold; color:#ef3f3b; word-break: break-all; text-align: right; } .myshopping_info .grade_benefit dl dd em.on {font-size:18px;} .myshopping_info .grade_benefit dl dd strong { position:absolute; top:50%; right:-10px; margin-top:-2px; } .myshopping_info .grade_benefit dl dd a { display:block; width:78px; margin:10px auto 0; } .myshopping_info .grade_benefit .off_member dd , .myshopping_info .grade_benefit .online_member dd {height: 119px; background-color: #fff;} .myshopping_info .grade_area .off_member dd span , .myshopping_info .grade_area .online_member dd span {position:static; display:block; margin:0;} .myshopping_info .grade_benefit .star dt {padding:7px 0 8px 0;} .myshopping_info .grade_benefit .star .tooltip_layer { top:26px !important; left:-83px; width:170px; } .myshopping_info .grade_benefit .pay dt {padding:7px 0 8px 0;} .myshopping_info .grade_benefit .pay .tooltip_layer { top:26px !important; left:-47px; width:170px; } .myshopping_info .grade_benefit .deposit dt {padding:7px 0 8px 0;} .myshopping_info .grade_benefit .deposit .tooltip_layer { top:26px !important; left:-100px; width:180px; } .myshopping_info .grade_benefit .deposit .tooltip_layer .ic {left:auto; right:34px; margin-left:0; } .myshopping_info .grade_benefit .btn_ic_red_s {display:inline-block; width:auto; margin:0; padding:5px 15px 6px 7px; line-height:1; border-radius:2px} .myshopping_info .grade_area { float:left; width:251px; } .myshopping_info .grade_area dl dd img { padding:9px 0 5px; } .myshopping_info .grade_area .online_member dd img {padding:4px 0 0;} .myshopping_info .grade_area dl dd span {font-weight:400;} .myshopping_info .grade_area dd .btn_ic_red_s { margin-top:8px; } .myshopping_info .benefit_area { float:right; width:626px; } .myshopping_info .benefit_area dd span { padding-top:44px; } .myshopping_info .benefit_area dd.btn_none span { padding-top:37px; } .myshopping_info .benefit_area dd.btn_none a { display:none; } .myshopping_info .grade_benefit .top_tool .tooltip_layer .box {border:0} .myshopping_info .grade_benefit .top_tool .tooltip_layer {text-align:left; } .top_tool .tooltip_layer { padding:18px 20px 17px; border: 1px solid #000; background-color:#fff; z-index:10;} .top_tool .tooltip_layer .box > strong { display:block; margin-bottom:5px; font-size:11px; } .top_tool .tooltip_layer .box > p { font-weight:400; line-height:18px; font-size:11px; word-break:keep-all; } .top_tool .tooltip_layer .ic { content: ""; display: block; position: absolute; top:-7px; left:50%; margin-left:-6px; width:12px; height:7px; background: url('../img/common/ico_arrow.png') no-repeat 0 -829px;} /* mypage_wrap > myshopping_wrap (common) */ .myshopping_wrap { width:100%; padding-top:20px; } .myshopping_wrap .lnb_wrap { float:left; width:179px; } .myshopping_wrap .lnb_wrap .h2_area span { display:block; } .myshopping_wrap .lnb_wrap .lnb { padding:0; } .myshopping_wrap .lnb_wrap .lnb > ul > li { border-top:1px solid #e0e0e0; } .myshopping_wrap .lnb_wrap .lnb > ul > li a { color:#333; } .myshopping_wrap .lnb_wrap .lnb > ul > li > a { padding:15px; background:none; font-weight:700; } .myshopping_wrap .lnb_wrap .lnb > ul > li > ul { padding-bottom:15px; } .myshopping_wrap .lnb_wrap .lnb > ul > li > ul > li > a { padding:5px 0 5px 25px; background-position:-5px -793px } .myshopping_wrap .lnb_wrap .lnb > ul > li > ul > li > a:hover { text-decoration:underline; } .myshopping_wrap .lnb_wrap .lnb > ul > li > ul > li.on > a { font-weight:700; color:#e80f00; } .myshopping_wrap .contents_wrap { float:right; width:732px; } /* mypage_wrap > myshopping_wrap > contents_wrap > main_box */ .myshopping_wrap .contents_wrap .main_box { margin-bottom:20px; border:1px solid #bfbfbf; border-top:2px solid #333; } .myshopping_wrap .contents_wrap .main_box .area { float:left; width:364px; } .myshopping_wrap .contents_wrap .main_box .first { width:365px; border-right:1px solid #bfbfbf; } .myshopping_wrap .contents_wrap .main_box .h3_area { position:relative; padding:0 20px; border-bottom:1px solid #bfbfbf; } .myshopping_wrap .contents_wrap .main_box .h3_area h3 { height:60px; font-size:16px; font-weight:700; line-height:60px; } .myshopping_wrap .contents_wrap .main_box .h3_area a { position:absolute; right:20px; top:17px; } .myshopping_wrap .contents_wrap .main_box .null {text-align:center; } /* mypage_wrap > myshopping_wrap > contents_wrap > main_box > board */ .myshopping_wrap .contents_wrap .board .null { line-height:135px; } .myshopping_wrap .contents_wrap .board .board_list { padding:20px; } .myshopping_wrap .contents_wrap .board .board_list li { position:relative; padding:10px 0; } .myshopping_wrap .contents_wrap .board .board_list li > a { padding:5px 0; } .myshopping_wrap .contents_wrap .board .board_list li span { position:absolute; right:0; width:60px; text-align:center; } .myshopping_wrap .contents_wrap .board .board_list li span a { margin-top:-3px; } .myshopping_wrap .contents_wrap .board .warning { color:#e80f00; } .myshopping_wrap .contents_wrap .board .day { color:#999; width:90px !important; } /* mypage_wrap > myshopping_wrap > contents_wrap > mypage_main */ .myshopping_wrap .contents_wrap .mypage_main .btn_ic_red_s { border-radius:2px; padding: 5px 15px 6px 7px;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody { table-layout:fixed; border-bottom:1px solid #e0e0e0;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody th { vertical-align:top; padding:14px 10px; text-align:left; border-top:1px solid #e0e0e0; background-color:#f7f7f7; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody td { padding:10px 20px; text-align:center; color:#666; border-top:1px solid #e0e0e0; border-left:1px solid #f0f0f0; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody .left td { text-align:left; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody th + td { border-left:0; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody td .btn_ic_red_s , .myshopping_wrap .contents_wrap .mypage_main .table_tbody td .btn_ss_white { margin:4px 0; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody td .ico { display:inline-block; margin:4px 0;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade tr:first-child td { padding-top:3px; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online tr:first-child td { padding-top:5px; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online td { padding:10px 15px;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody .terms > span { display:block; color:#999; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody .grade { margin-top:2px; color:#333; line-height:15px; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody .saves { margin-bottom:20px; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody .present { margin-bottom:6px; line-height:16px; } .myshopping_wrap .contents_wrap .mypage_main .table_tbody .present > span { color:#e80f00 } .myshopping_wrap .contents_wrap .mypage_main .table_tbody .sale { margin:1px 0 3px; color:#e80f00; font-size:14px; font-weight:700; } .myshopping_wrap .contents_wrap .mypage_main .disable {position:relative; } .myshopping_wrap .contents_wrap .mypage_main .disable:after { content:""; display:block } .myshopping_wrap .contents_wrap .mypage_main .txt_dot { text-align:left; } .myshopping_wrap .contents_wrap .mypage_main .list_dot li { text-align:left; } /* mypage_wrap > myshopping_wrap > contents_wrap > main_box > passport_departure */ .myshopping_wrap .contents_wrap .passport_departure .area { height:230px; } .myshopping_wrap .contents_wrap .passport_departure .null { line-height:167px; } .myshopping_wrap .contents_wrap .passport_departure .list li { position:relative; padding-top:13px; padding-left:80px; } .myshopping_wrap .contents_wrap .passport_departure .list li:first-child { padding-top:0; } .myshopping_wrap .contents_wrap .passport_departure .list li span { position:absolute; left:0; display:block; width:80px; font-weight:700; } .myshopping_wrap .contents_wrap .passport_departure .passport .name { padding:0 20px; min-height:100px; font-weight:700; font-size:0; } .myshopping_wrap .contents_wrap .passport_departure .passport .name .blank { display:inline-block; vertical-align:middle; width:0; height:100px; overflow:hidden} .myshopping_wrap .contents_wrap .passport_departure .passport .name > span { display:inline-block; vertical-align:middle; font-size:26px; } .myshopping_wrap .contents_wrap .passport_departure .passport .list { padding:0 20px; } .myshopping_wrap .contents_wrap .passport_departure .departure .list { padding:30px 0 0 20px; font-size:13px;} /* mypage_wrap > myshopping_wrap > contents_wrap > mypage_main > membership_class */ .myshopping_wrap .contents_wrap .membership_class .tooltip_wrap { display:inline-block; } .myshopping_wrap .contents_wrap .membership_class .h3_area .btn_tooltip_layer { position:static; } .myshopping_wrap .contents_wrap .membership_class .h3_area .btn_tooltip_layer img {margin-bottom:2px;} .myshopping_wrap .contents_wrap .membership_class .h3_area .date_class { display: inline-block; margin-left: 5px; font-size:12.1px; color:#999; } /* 2016060909 버튼 수정으로 인한 style 삭제 .myshopping_wrap .contents_wrap .membership_class .h3_area .btn_ic_red_s { top:17px; right:20px; height:26px; line-height:26px; padding:0 16px 0 7px; border:0; color:#fff; background:#e80f00; } .myshopping_wrap .contents_wrap .membership_class .h3_area .btn_ic_red_s:after { right:7px; background-position:right -1270px} */.myshopping_wrap .contents_wrap .membership_class .tooltip_layer { top:53px !important; left:92px; width:222px; } .myshopping_wrap .contents_wrap .membership_class .area { border-left:1px solid #bfbfbf; } .myshopping_wrap .contents_wrap .membership_class .area.first { width:364px; border:0; } .myshopping_wrap .contents_wrap .membership_class .class_guide { position:relative; padding-left:74px; min-height:80px; } .myshopping_wrap .contents_wrap .membership_class .class_guide .ico { position:absolute; top:50%; left:0; margin-top:-30px; width:60px; } .myshopping_wrap .contents_wrap .membership_class .class_guide .txt { min-height:80px; font-size:0; text-align:left; } .myshopping_wrap .contents_wrap .membership_class .class_guide .txt .blank { display:inline-block; vertical-align:middle; width:0; height:80px; overflow: hidden} .myshopping_wrap .contents_wrap .membership_class .class_guide .txt > p { display:inline-block; vertical-align:middle; font-size:14px; color:#333; line-height:21px; } .myshopping_wrap .contents_wrap .membership_class .class_guide .txt > p > span { display:block; color:#999; font-size:12.1px} .myshopping_wrap .contents_wrap .membership_class .class_guide .txt > p > em { color:#e80f00; font-size:14px; font-weight:700; } .myshopping_wrap .contents_wrap .membership_class .inner > p { margin-bottom:10px; font-size:12.1px; color:#333; } .myshopping_wrap .contents_wrap .member_class > .inner { padding:28px 20px 10px; } .myshopping_wrap .contents_wrap .class_up { position:relative;} .myshopping_wrap .contents_wrap .class_up:after {content:""; display:block; position:absolute; top:50%; left:-10px; margin-top:-10px; width:21px; height:21px; background:url('../img/common/ico_arrow.png') no-repeat 0 -464px;} .myshopping_wrap .contents_wrap .class_up > .inner { padding:28px 30px 10px 30px;} .myshopping_wrap .contents_wrap .membership_class .area.super_plus { text-align:center; width:100%; } .myshopping_wrap .contents_wrap .membership_class .area.super_plus .class_guide { display:inline-block; } /* mypage_wrap > myshopping_wrap > contents_wrap > mypage_main > member_benefit */ .myshopping_wrap .contents_wrap .member_benefit { border-top: 1px solid #bfbfbf; } .myshopping_wrap .contents_wrap .member_benefit .h4_area { height:40px; padding:0 20px; line-height:40px; border-bottom: 1px solid #bfbfbf; } .myshopping_wrap .contents_wrap .member_benefit .h4_area h4 { padding:0; font-size:16px; color:#333; } .myshopping_wrap .contents_wrap .member_benefit .area { width:auto; padding:28px 20px; border-right:0; } .myshopping_wrap .contents_wrap .member_benefit .tit { display:block; margin:28px 0 20px; color:#333; font-size:14px; } .myshopping_wrap .contents_wrap .member_benefit .tit:first-child { margin-top:0; } .myshopping_wrap .contents_wrap .member_benefit .tit > span { color:#999; font-weight:400; font-size:12.1px; } .myshopping_wrap .contents_wrap .member_benefit .list_dot { padding-top:0; } .myshopping_wrap .contents_wrap .member_benefit .btn_ss_white { min-width:57px; } .myshopping_wrap .contents_wrap .member_benefit .btn_ss_white:before { content:""; display:inline-block; width:9px; height:10px; margin-right:3px; background:url(../img/common/ico_arrow.png) 0 -404px; vertical-align:middle;} .btn_ic_red_s.disable { background:#f9f9f9; color:#999 !important; } .btn_ic_red_s.disable:after { background-position:100% -856px;} .btn_ss_white.disable { background:#f9f9f9; color:#999 !important; } .btn_ss_white.disable:before { background-position:0 -384px !important;} /* mypage_wrap > myshopping_wrap > contents_wrap > mypage_main > my_order */ .myshopping_wrap .contents_wrap .my_order .area { width:100%; } .myshopping_wrap .contents_wrap .my_order .area > ul > li { position:relative; float:left; width:139px; height:123px; text-align:center; border-left:1px solid #e0e0e0; } .myshopping_wrap .contents_wrap .my_order .area > ul > li:first-child { width:140px; border-left:0; } .myshopping_wrap .contents_wrap .my_order .area > ul > li:first-child:after { display:none; } .myshopping_wrap .contents_wrap .my_order .area > ul > li:after {content:""; display:block; position:absolute; top:50%; left:-10px; margin-top:-10px; width:21px; height:21px; background:url('../img/common/ico_arrow.png') no-repeat 0 -464px;} .myshopping_wrap .contents_wrap .my_order .area > ul > li > strong { display:block; margin-top:38px; color:#333; } .myshopping_wrap .contents_wrap .my_order .area > ul > li > p { margin-top:10px; color:#333; font-size:16px; } .myshopping_wrap .contents_wrap .my_order .area > ul > li > p > em { color:#e80f00; font-weight:700; font-size:20px; } .myshopping_wrap .contents_wrap .my_order .area > ul > li.cencle { width:169px; text-align:left; } .myshopping_wrap .contents_wrap .my_order .area > ul > li.cencle > ul { padding:18px 16px; } .myshopping_wrap .contents_wrap .my_order .area > ul > li.cencle > ul > li { margin-top:12px; } .myshopping_wrap .contents_wrap .my_order .area > ul > li.cencle > ul > li:first-child { margin-top:0; } .myshopping_wrap .contents_wrap .my_order .area > ul > li.cencle > ul > li > strong { float:left; width:94px; } .myshopping_wrap .contents_wrap .my_order .area > ul > li.cencle > ul > li > p { float:left; width:43px; text-align:right; } .myshopping_wrap .contents_wrap .my_order .area > ul > li.cencle > ul > li > p > em { color:#e80f00; font-weight:700; } /* mypage_wrap > myshopping_wrap > contents_wrap > mypage_main > my_info */ .myshopping_wrap .contents_wrap .my_info { margin-bottom:20px; }/* 20160803 수정 */ .myshopping_wrap .contents_wrap .email .inner { padding:30px 20px 0; min-height:221px; } .myshopping_wrap .contents_wrap .email .inner > strong {display:block; margin:28px 0 13px; color:#333; } .myshopping_wrap .contents_wrap .email .inner > strong:first-child { margin-top:0; } .myshopping_wrap .contents_wrap .email .inner > ul > li { margin-top:8px; color:#666; } .myshopping_wrap .contents_wrap .email .inner > ul > li:first-child { margin-top:0; } .myshopping_wrap .contents_wrap .email .inner > ul > li > p { font-size:16px; } .myshopping_wrap .contents_wrap .email .inner > ul > li > em { color:#e80f00; font-weight:700; } .myshopping_wrap .contents_wrap .activity .inner > li { float:left; width:181px; height:125px; text-align:center; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0} .myshopping_wrap .contents_wrap .activity .inner > li.left { width:182px; border-left:0; } .myshopping_wrap .contents_wrap .activity .inner > li.left:first-child { border-top:0; } .myshopping_wrap .contents_wrap .activity .inner > li.left:first-child + li { border-top:0; } .myshopping_wrap .contents_wrap .activity .inner > li > strong { display:block; margin:28px 0 14px} .myshopping_wrap .contents_wrap .activity .inner > li > ul { margin-top:1px; padding:0 48px; color:#333; } .myshopping_wrap .contents_wrap .activity .inner > li > ul > li { margin-top:11px; text-align:left; } .myshopping_wrap .contents_wrap .activity .inner > li > ul > li:first-child { margin-top:0; } .myshopping_wrap .contents_wrap .activity .inner > li > ul > li > strong { float:left; width:42px; } .myshopping_wrap .contents_wrap .activity .inner > li > ul > li > p { float:left; width:44px; text-align:right; } .myshopping_wrap .contents_wrap .activity .inner > li p > em { color:#e80f00; font-weight:700; } .myshopping_wrap .contents_wrap .activity .inner .null { color:#999; } /* mypage_wrap > myshopping_wrap > contents_wrap > main_box > brand */ .mypage_wrap .coupon_save_regi .popup_layer { position:absolute; right:30px; top:150px; width:370px; } .mypage_wrap .coupon_save_regi .popup_layer .tit { font-size:15px; } .mypage_wrap .coupon_save_regi .popup_layer .certification { padding:30px 20px; } .mypage_wrap .coupon_save_regi .popup_layer .certification span { display:block; margin:0 0 15px 0; } .mypage_wrap .coupon_save_regi .popup_layer .certification .input { width:244px; margin-right:7px; display:inline-block; vertical-align:middle; } .mypage_wrap .coupon_save_regi .popup_layer .certification .btn_brown_s { vertical-align:middle; } .mypage_wrap .coupon_save_regi .popup_layer .fail { color:#ef3f3b; text-align:center; padding:30px 0; } /* mypage_wrap > tab, table, notice, btn_payment, popup_layer */ .mypage_wrap .tit_tab_txt li { width:50%; } .mypage_wrap .tit_tab_txt li a { padding:15px 0 16px; border-bottom:1px solid #bfbfbf; font-size:16px; font-weight:700; } .mypage_wrap .tit_tab_txt li a.on {padding-top:14px; border-bottom:none; } .mypage_wrap .table_normal thead th { border-top-color:#333; color:#000; } .mypage_wrap .table_normal td { /*border-bottom:1px solid #bfbfbf;*/ line-height:1.5; color:#333; } .mypage_wrap .table_normal td em { font-weight:700; color:#000; } .mypage_wrap .table_normal .num_date.mobile { padding-left:35px; background:url(../img/common/ico_phone_s.png) no-repeat 15px 50%; } .mypage_wrap .table_normal .num_date {text-align:center;} .mypage_wrap .table_normal .num_date li em { color:#000; } .mypage_wrap .table_normal .num_date li span { color:#0d7bbf; font-size:11px; } .mypage_wrap .table_normal .product_name { width:265px; padding:27px 5px 27px 0; text-align:left; } .mypage_wrap .table_normal .product_name li { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .mypage_wrap .table_normal .product_name .ref_no { color:#999; } .mypage_wrap .table_normal .null { padding:41px 0; } .mypage_wrap .table_normal .null a { display:inline-block; padding-right:10px; color:#e80f00; text-decoration:underline; background:url(../img/common/ico_arrow.png) no-repeat 71px -771px; } .mypage_wrap .table_normal .price .won { color:#e80f00; } .mypage_wrap .table_normal .price .off { color:#999; } .mypage_wrap .table_normal .txt_left { text-align:left; } .mypage_wrap .table_normal th .css-label { background-position:0 -20px } .mypage_wrap .table_normal th .css-checkbox:checked + label.css-label { background-position:0 -75px } .mypage_wrap .table_normal label.css-label { min-width:1px !important; } .mypage_wrap .table_normal label.disable { background-position:0 -850px ; } .mypage_wrap .table_normal .tit_left {display:block; text-align:left;} .mypage_wrap .table_normal a .store {font-size:12.1px; color:#957045;} .mypage_wrap .table_tbody th, .mypage_wrap .table_tbody td { padding:15px; line-height:1.5; vertical-align:top; } .mypage_wrap .table_tbody th, .mypage_wrap .table_tbody dd a {vertical-align:middle;} .mypage_wrap .table_tbody tr:first-child th, .mypage_wrap .table_tbody tr:first-child td { border-top:2px solid #333; } .mypage_wrap #detail_tab1 .table_tbody tr:first-child td { padding:7px 0 22px; } .mypage_wrap #detail_tab2 .table_tbody tr:first-child td { padding:9px 0 22px; } .mypage_wrap .notice_wrap { padding:30px; border-top:1px solid #cccccc; border-bottom:1px solid #ccc; background-color:#f7f7f7; } .mypage_wrap .notice_wrap > p { padding-bottom:15px; font-size:14px; font-weight:700; } .mypage_wrap .notice_wrap > ul li { padding-left:10px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 10px; line-height:1.8; color:#666; } .mypage_wrap .notice_wrap > ul li span {color:#e80f00;} .mypage_wrap .notice_wrap > ul li strong { font-weight:400; color:#ef3f3b; } .mypage_wrap .notice_wrap > ul li ul li { padding-left:0; background:none; } .mypage_wrap .popup_layer .tit { font-size:15px; } .mypage_wrap .btn_payment { padding-top:40px; text-align:center; } .mypage_wrap .btn_payment a { font-size:16px; width:173px; height:48px; line-height:48px; padding:0; } .mypage_wrap .agreement_btn { position: relative; margin-top:15px;} /*2016.05.30 신라선불 이용약관 - 추가*/ .mypage_wrap .agreement_btn a { margin:0; width:132px; font-size:12.3px; text-align:center; font-weight:normal; background:#fff; } /*2016.05.30 신라선불 이용약관 - 추가*/ /* customer product_form */ .mypage_wrap .product_form_add {margin-top:-20px} .mypage_wrap .product_form .table_tbody .btn_delete_form {display:none} .mypage_wrap .product_form_add .table_tbody .btn_delete_form {display:inline-block} /* my_order_list */ .mypage_wrap .order_cancel { position:absolute; left:50%; top:100px; width:610px; } .mypage_wrap .order_cancel .popup_layer .tit { font-size:15px; } .mypage_wrap .order_cancel .popup_layer .tit_list { padding:40px 0; text-align:center; } .mypage_wrap .order_cancel .popup_layer .tit_list li:first-child { padding-bottom:10px; font-size:15px; font-weight:700} .mypage_wrap .order_cancel .popup_layer .btn { padding:30px 0 50px 0; text-align:center; } .mypage_wrap .order_cancel .popup_layer .btn a { width:120px; height:36px; font-size:13px; line-height:36px; } .mypage_wrap .order_cancel .popup_layer .notice_wrap { padding:25px; } .mypage_wrap .order_cancel .popup_layer .notice_wrap p { font-size:12.1px; } .mypage_wrap .order_cancel .popup_layer .notice_wrap li span { display:block; padding-left:6px; } .mypage_wrap .order_cancel .popup_layer .table_tbody th, .mypage_wrap .order_cancel .popup_layer .table_tbody td { height:50px; padding:0 15px; line-height:50px; } .mypage_wrap .order_cancel .popup_layer .table_tbody td input.l { width:300px; } .mypage_wrap .order_cancel .popup_layer .table_tbody td input.m { width:130px; } .mypage_wrap .order_cancel .popup_layer .table_tbody td input.s{ width:70px; } .mypage_wrap .order_cancel .popup_layer .table_tbody ul li span { padding-right:10px; } .mypage_wrap .order_cancel .popup_layer .cancle_area { padding:0 30px; } .mypage_wrap .order_cancel .popup_layer .cancle_area .table_tbody tr:first-child th, .mypage_wrap .order_cancel .popup_layer .cancle_area .table_tbody tr:first-child td { border-top:1px solid #bfbfbf; } .mypage_wrap .order_cancel .popup_layer .cancle_area ul { padding-top:10px; } .mypage_wrap .order_cancel .popup_layer .cancle_area ul li { padding:7px 0 0 10px; background: url(../img/common/bg_dot_2px_666.png) no-repeat 0 10px; } /* my_order_list_view */ .mypage_wrap .my_order_list_view .table_tbody td {vertical-align:middle;} .myshopping_wrap .heading_area { position:relative; padding:15px 0; } .myshopping_wrap .heading_area.type01 {border-bottom:1px solid #bfbfbf;} .myshopping_wrap .heading_area .top_tit { position:absolute; right:0; bottom:15px;} .myshopping_wrap .heading_area .top_tit span { line-height:1; } .myshopping_wrap .heading_area .top_tit span:first-child { margin-right:10px; padding-right:10px; border-right:1px solid #a9a9a9; } .myshopping_wrap .heading_area .top_tit span em { font-weight:700; } .myshopping_wrap .heading_area .top_tit a { height:22px; line-height:22px; margin-left:13px; } .my_order_list_view .table_normal .barcode { font-size:11px; font-weight:700; } .my_order_list_view .table_normal .barcode .fc01 { color:#888; } .my_order_list_view .table_normal td { border-right:1px solid #efefef; } .my_order_list_view .table_normal tr td:last-child { border-right:none; } .my_order_list_view .table_normal td .btn_a_white { box-sizing:border-box; padding:0 7px; } /* (D) 2016.06.07 주문결제 - 수정 */ .my_order_list_view .list_view_info .top_tit{padding-bottom:20px; font-size:15px;overflow:hidden} .my_order_list_view .list_view_info .top_tit em { font-weight:700; } .my_order_list_view .list_view_info .top_tit .top_tit_left{float:left} .my_order_list_view .list_view_info .top_tit .top_tit_left span:first-child { margin-right:15px; padding-right:15px; background:url(../img/common/bg_line_11px_c9c9c9.png) no-repeat right 50%; } .my_order_list_view .list_view_info .top_tit .top_tit_right{float:right} /* // (D) 2016.06.07 주문결제 - 수정 */ .my_order_list_view .list_view_info .btn_s { padding:20px 0; } .my_order_list_view .list_view_info .btn_s a {padding-right:7px; font-size:13px; color:#333; } .my_order_list_view .list_view_info .btn_s a:after {display:none;} .my_order_list_view .list_view_info ul.desc li { padding-left:10px; background:url(../img/common/bg_dot_b2b2b2.png) no-repeat 0 50%; line-height:1.5; } .my_order_list_view .list_view_info ul.desc li span { color:#e80f00; } .my_order_list_view .list_view_info .btn_payment { padding-bottom:70px; } .my_order_list_view .list_view_info .title_indojang { position:relative; padding:25px 10px 15px 0; } .my_order_list_view .list_view_info .top_tit+.title_indojang { padding-top:0; } .my_order_list_view .list_view_info .title_indojang p { font-size:15px; font-weight:700;} .my_order_list_view .list_view_info .title_indojang > span { position:absolute; right:0; bottom:15px; } .my_order_list_view .set_sale_info { padding-bottom:50px; } .my_order_list_view .set_sale_info th { background:none; color:#aaa; } .my_order_list_view .set_sale_info em { font-weight:700; color:#333; } .my_order_list_view .cs_departure_info { padding-bottom:50px; } .my_order_list_view .cs_departure_info .table_tbody .textarea { min-height:50px; height:auto; } .my_order_list_view .payment_info { padding-bottom:50px; } .my_order_list_view .payment_info em { font-weight:700; } .my_order_list_view .delivery_info { padding:20px 0; } .my_order_list_view .delivery_info .box { padding:20px 16px; border:1px solid #e0e0e0; border-top:2px solid #333; } .my_order_list_view .delivery_info .box h5 { padding:30px 0 15px 0; font-size:15px; font-weight:700; } .my_order_list_view .delivery_info .box .step+.location { border-bottom:1px solid #e0e0e0; } .my_order_list_view .delivery_info .box .img_txt {padding-top:20px;} .my_order_list_view .delivery_info .location { padding:20px 0; } .my_order_list_view .delivery_info .location:first-child { border-top:none; } .my_order_list_view .delivery_info .location .txt { float:right; width:250px; } .my_order_list_view .delivery_info .location .txt h3 { padding-bottom:20px; font-size:15px; font-weight:700; } .my_order_list_view .delivery_info .location .txt dl { line-height:1.8; padding-bottom:3px; font-size:12.1px; color:#aaa; } .my_order_list_view .delivery_info .location .txt dl dt { padding:0 0 0 10px; font-weight:700; color:#333; float:left; } .my_order_list_view .delivery_info .location .txt dl dd { width:214px; color:#666; float:left; } .my_order_list_view .delivery_info .location .txt dl dd span { display:block; padding-left:60px; } .my_order_list_view .delivery_info .location .img { float:left; width:400px; } /* 2016-11-17 인도장 개선 수정 */ .my_order_list_view .delivery_info .location .img img { width:100%; border:none; }/* 2016-11-17 인도장 개선 수정 */ .my_order_list_view .delivery_info .txt { float:right; padding-right:15px; width:250px; } .my_order_list_view .delivery_info .txt h3 { padding-bottom:20px; font-size:15px; font-weight:700; } .my_order_list_view .delivery_info .txt dl { overflow:hidden; width:100%; line-height:1.8; padding-bottom:3px; font-size:12.1px; color:#aaa; } .my_order_list_view .delivery_info .txt dl dt {padding:0 10px 0 10px; font-weight:700; color:#333; float:left; margin-top:15px; background: url(../img/common/bg_dot_b2b2b2.png) no-repeat 0 9px;} .my_order_list_view .delivery_info .txt dl dt.first { margin-top:0; } .my_order_list_view .delivery_info .txt dl dd { display:block; width:214px; color:#888; float:left; padding-left:10px;} .my_order_list_view .delivery_info .txt dl dd span { display:block; padding-left:60px; } .my_order_list_view .delivery_info .img {position:relative; float:left; width:396px; } .my_order_list_view .delivery_info .img img { width:100%; border:1px solid #e0e0e0; } .my_order_list_view .delivery_info .img .slide_paging {position:absolute; bottom:20px; left:50%; margin-left:-17px;} .my_order_list_view .payment_info .motong { margin-top:15px; } .my_order_list_view .payment_info .motong a.btn_brown_s { width:141px; } .my_order_list_view .cart_wrap .total_box { width:100%; background-image:url(../img/common/bg_checkout_732.png); } .my_order_list_view .cart_wrap .total_box > div {min-height:290px} .my_order_list_view .cart_wrap .total_box > div.box { width:243px; } .my_order_list_view .cart_wrap .total_box > div.box:first-child { width:244px; } .my_order_list_view .cart_wrap .cart_checkout .total_box .title_box { width:100%; margin:0; } .my_order_list_view .cart_wrap .total_box .minus { left:229px; } .my_order_list_view .cart_wrap .total_box .sum { right:235px; } .my_order_list_view .cart_wrap .cart_checkout .total_box .save_box > ul > li > p { width:60%; line-height:1.3; } .my_order_list_view .cart_wrap .cart_checkout .total_box .save_box > ul > li > p .red {color:#e80f00;} .my_order_list_view .cart_wrap .cart_checkout .total_box .save_box > ul > li > p + p { width:40%; } .my_order_list_view .cart_wrap .cart_checkout .total_box .reserves { width:213px; padding:15px; } .my_order_list_view .cart_wrap .cart_checkout .gift_box .h4_area { padding-bottom:0; padding-top:0; } .my_order_list_view .cart_wrap .cart_checkout .gift_box { margin-bottom:50px; } .my_order_list_view .cart_wrap .cart_checkout .gift_list ul > li { width:33.3%; } /* my_order_special_call_list */ .my_order_special_call_list.my_order_list .table_normal td {padding: 27px 5px;} .my_order_special_call_list .null { padding:29px 30px !important; text-align:left; background-color:#f7f7f7; } .my_order_special_call_list p.null { text-align:center; background-color:#fff;} .my_order_special_call_list .table_normal table {width:100%;} .my_order_special_call_list .table_normal .open_de table {border-bottom:none;} .my_order_special_call_list .table_normal .open_de td.null {border-top:1px solid #bfbfbf !important;} /* my_coupon_list */ .my_coupon_list em { font-weight:700; } .my_coupon_list .tit_s { padding-bottom:20px; } .my_coupon_list .tit_s em { color:#e80f00; } .my_coupon_list .table_normal td { padding:27px 5px; } .my_coupon_list .notice_wrap > ul > li { position:relative; } .my_coupon_list .notice_wrap > ul > li > ul { padding-bottom:15px; } .my_coupon_list .btn_sort { position:absolute; right:0; top:0; } .my_coupon_list .btn_sort a:first-child { margin-right:5px; padding-right:8px; border-right:1px solid #666; } .my_coupon_list .category_tab { width:100%; margin-top:10px; border:1px solid #e0e0e0; background-color:#fff; } .my_coupon_list .category_tab .menu { float:left; width:135px; height:363px; } .my_coupon_list .category_tab .menu li { position:relative; } .my_coupon_list .category_tab .menu li a { display:block; width:109px; height:32px; padding-left:20px; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; line-height:33px; color:#666; } .my_coupon_list .category_tab .menu li.on a { border-bottom-color:#7d7d7d; background-color:#7d7d7d; color:#fff; } .my_coupon_list .category_tab .menu li:first-child a { border-top:none; } .my_coupon_list .category_tab .menu li span.ic {position:absolute; left:129px; top:50%; width:5px; height:10px; margin-top:-5px; background:url(../img/common/ico_arrow.png) no-repeat 0 -206px; display:none } .my_coupon_list .category_tab .menu li.on span.ic {display:block} .my_coupon_list .category_tab .cont { float:right; width:500px; padding:20px 10px 20px 0; } .my_coupon_list .category_tab .cont p { overflow:auto; height:323px; } .my_coupon_list .brand_wrap { position:relative; border-top: 1px solid #bfbfbf; margin-top:30px; } .my_coupon_list .brand_wrap .tit_wrap { background-color:#f5f3f3; border-bottom:1px solid #bfbfbf; text-align:center; padding:20px 0; } .my_coupon_list .brand_wrap .tit_wrap p:first-child { padding-bottom:10px; } .my_coupon_list .brand_wrap .tit_wrap p strong { font-size:20px; } .my_coupon_list .brand_wrap .tit_wrap p span { display:inline-block; width:40px; height:16px; font-size:11px; line-height:16px; text-align:center; color:#fff; background-color:#fb8239; } .my_coupon_list .brand_wrap .brand_head { padding:15px 10px 9px; } .my_coupon_list .brand_wrap .brand_head .menu_select { padding-bottom:0; } .my_coupon_list .brand_wrap .brand_head .menu_select .group { width:132px; float:left; } .my_coupon_list .brand_wrap .brand_head .menu_select .group li { width:64px; } .my_coupon_list .brand_wrap .brand_head .menu_sub { float:right; width:539px; } .my_coupon_list .brand_wrap .brand_head .menu_sub a { margin-right:2px; margin-bottom:6px; height:22px; line-height:22px; } .my_coupon_list .brand_wrap .brand_head .menu_sub a.s { width:22px; } .my_coupon_list .brand_wrap .brand_cont { height:352px; overflow:auto; border-top:1px solid #bfbfbf; } .my_coupon_list .brand_wrap .brand_cont .box { margin:0 15px; background-color:#fff; border-top:none; border-bottom:1px solid #e0e0e0; } .my_coupon_list .brand_wrap .brand_cont .box:first-child { border-top:none; } .my_coupon_list .brand_wrap .brand_cont .menu { width:570px; } .my_coupon_list .brand_wrap .brand_cont .menu li { width:190px; } .my_coupon_list .brand_wrap .brand_cont .tit { left:15px; } .my_coupon_list .brand_wrap .brand_cont .tit span { padding-left:0; } .my_coupon_list .brand_wrap .space { background-color:#fff; width:514px; height:5px; position:absolute; bottom:0; left:15px; } /* my_mileage_list */ .my_mileage_list .search_date_area .date .btn a { height:25px; line-height:22px; } .my_mileage_list .table_normal thead th { border-top-width:1px; } .my_mileage_list .table_normal td { height:59px; } .my_mileage_list .table_normal td .txt_left { padding-left:20px; } .my_mileage_list .mileage_info .cont { float:left; width:243px; border-left:1px solid #e0e0e0; } .my_mileage_list .mileage_info .cont .tit { padding:20px 0; font-size:15px; font-weight:700; text-align:center; } .my_mileage_list .mileage_info .cont .tit dt { padding-bottom:8px; } .my_mileage_list .mileage_info .cont .tit dd { font-size:24px; color:#957045; } .my_mileage_list .mileage_info .cont .tit dd em { font-family:'Times New Roman'; font-weight:bold; } .my_mileage_list .mileage_info .cont .desc { height:110px; background-color:#f7f7f7; } .my_mileage_list .mileage_info .cont .desc ul { width:185px; margin:0 auto; padding-top:47px; } .my_mileage_list .mileage_info .cont .desc ul li { position:relative; } .my_mileage_list .mileage_info .cont .desc ul li em { font-weight:700; } .my_mileage_list .mileage_info .cont .desc ul li span { position:absolute; right:0; top:auto; }/* 2019-07-08 top값 수정 /마이페이지고도화 */ .my_mileage_list .mileage_info .cont:first-child { border-left-color:#fff; } .my_mileage_list .mileage_info .cont:first-child .desc ul { padding-top:14px; } .my_mileage_list .mileage_info .cont:first-child .desc ul li { padding:4px 0; } /* my_star_list */ .my_star_list em { font-weight:700; } .my_star_list .star_info .cont { float:left; width:365px; height:180px; border-left:1px solid #e0e0e0; background-color:#f7f7f7; text-align:center; } .my_star_list .star_info .cont dd em { color:#957045; } .my_star_list .star_info .cont:first-child { border-left-color:#fff; background-color:#fff; } .my_star_list .star_info .cont:first-child dl { padding-top:50px; font-weight:700; text-align:center; } .my_star_list .star_info .cont:first-child dl dt { padding-bottom:10px; font-size:18px; } .my_star_list .star_info .cont:first-child dl dd { font-size:32px; } .my_star_list .star_info .cont:first-child dl dd em { font-size:50px; } .my_star_list .star_info .cont:first-child dl dd img { position:relative; top:-5px; padding-right:10px; } .my_star_list .star_info .cont .info_txt li { line-height:1.5; } .my_star_list .star_info .cont .info_txt li:first-child { padding:20px 0 10px 0; font-size:24px; font-weight:700; } .my_star_list .star_info .cont .info_txt li:first-child em { color:#957045; } .my_star_list .star_info .cont .info_txt li a { margin-top:10px; } .my_star_list .table_normal td { padding:30px 5px; } .my_star_list .table_normal td .null {padding:26px 5px;} .my_star_list .saving_change { margin-top:20px; border:1px solid #bfbfbf; text-align:center; } .my_star_list .saving_change .select { padding:25px 0; background-color:#f7f7f7; } .my_star_list .saving_change .select em { padding-right:15px; } .my_star_list .saving_change .select select { width:180px; } .my_star_list .saving_change .desc { padding:40px 0; } .my_star_list .saving_change .desc li:first-child { padding-bottom:20px; font-size:26px; font-weight:700; } .my_star_list .saving_change .desc li span { color:#e80f00; } .my_star_list .btn_payment { padding:30px 0 50px 0; } .my_star_list .btn_payment a { width:186px; height:60px; line-height:60px; border:0; } .my_star_list .btn_payment .btn_gray { display:inline-block; width:186px; height:60px; margin:0 2px; padding:0; font-size:16px; line-height:60px; font-weight:700; color:#fff; background-color:#d7d7d7; } .my_star_list .marketing_star_wrap { border-top:1px solid #bfbfbf; } .my_star_list .marketing_star_wrap .star_use { margin-top:0; } .my_star_list .marketing_star_wrap .star_info { margin-bottom:20px; } .my_star_list .marketing_star_wrap .star_info ul li { width:141px; } /* my_shillaMny_list */ .my_shillaMny_list .shillaMny_info .cont { float:left; width:365px; height:159px; border-left:1px solid #e0e0e0; } .my_shillaMny_list .shillaMny_info .cont:first-child { border-left-color:#fff; text-align:center; } .my_shillaMny_list .shillaMny_info .cont:first-child dl { font-weight:700; } .my_shillaMny_list .shillaMny_info .cont:first-child dl dt { padding:45px 0 15px 0; font-size:18px; } .my_shillaMny_list .shillaMny_info .cont:first-child dl dd { font-size:32px; color:#957045; } .my_shillaMny_list .shillaMny_info .cont .null {display:none;} .my_shillaMny_list .shillaMny_info .cont .null p {margin:36px 0 18px; font-size:14px; line-height:20px; font-weight:700;} .my_shillaMny_list .shillaMny_info .cont .my_money { position:relative; width:308px; height:60px; margin:0 auto; padding-top:40px; font-size:18px; font-weight:700; } .my_shillaMny_list .shillaMny_info .cont .my_money span { position:absolute; right:0; } .my_shillaMny_list .shillaMny_info .cont .my_money span em { color:#957045; font-family:'Times New Roman'; font-weight:bold; } .my_shillaMny_list .shillaMny_info .cont .desc { width:100%; height:59px; line-height:59px; background-color:#f7f7f7; } .my_shillaMny_list .shillaMny_info .cont .desc ul { width:308px; margin:0 auto; } .my_shillaMny_list .shillaMny_info .cont .desc ul li { position:relative; } .my_shillaMny_list .shillaMny_info .cont .desc ul li span { position:absolute; right:0; } .my_shillaMny_list .shillaMny_info .cont .desc ul li span em { font-weight:700; } .my_shillaMny_list .shillaMny_info .cont .desc ul li:first-child { padding-bottom:10px; } .my_shillaMny_list .search_date_area .select { position:relative; padding:10px 0 20px 0; } .my_shillaMny_list .search_date_area .select h4 { position:absolute; left:0; padding:0; } .my_shillaMny_list .table_normal td { height:39px; } .my_shillaMny_list .table_normal th { border-width:1px; } .my_shillaMny_list .table_normal td .txt_left { color:#e80f00; } .my_shillaMny_list .search_date_area .date .btn a { height:25px; line-height:22px; } /* my_deposit_list */ .my_deposit_list { position:relative; } .my_deposit_list .deposit_info {height:40px; padding:43px 0 44px; text-align:center; } .my_deposit_list .deposit_info p {height:40px; line-height:40px; font-size:18px; font-weight:700 } .my_deposit_list .deposit_info p span { padding-left:30px; } .my_deposit_list .deposit_info p span em { position:relative; top:5px; font-size:36px; color:#957045; font-family:'Times New Roman'; font-weight:bold; } .my_deposit_list .search_date_area .date .btn a { height:25px; line-height:22px; } .my_deposit_list .select { position:relative; } .my_deposit_list .select a.btn_brown_s { position:absolute; left:0; width:100px; margin-top:-2px; } .my_deposit_list .table_normal td { height:40px; } .my_deposit_list .table_normal td .txt_left { padding-left:30px; } .my_popup .withdraw_application .box { padding:20px 20px 30px 20px; } .my_popup .withdraw_application .box .desc { padding-bottom:20px; } .my_popup .withdraw_application .box .desc li { padding:5px 0 5px 10px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 50%; } .my_popup .withdraw_application .box .table_tbody tr:first-child th, .my_popup .withdraw_application .box .table_tbody tr:first-child td { border-top:1px solid #bfbfbf; } .my_popup .withdraw_application .box .table_tbody th, .my_popup .withdraw_application .box .table_tbody td { padding:20px 15px; } .my_popup .withdraw_application .box .table_tbody td em { font-weight:700; color:#e80f00; } .my_popup .withdraw_application .box .table_tbody td ul li:first-child { padding-bottom:8px; } .my_popup .withdraw_application .box .table_tbody td select { padding:5px; } .my_popup .withdraw_application .box .table_tbody td .input { width:230px; margin-left:10px; } .my_popup .withdraw_application .box .txt { padding-top:20px; } .my_popup .withdraw_application .box .btn_payment { padding-top:30px; text-align:center; } .my_popup .withdraw_application .box .btn_payment a { width:120px; height:36px; padding:0; border:none; font-size:13px; line-height:36px; text-align:center; } /* my_interest_list */ .my_interest_list { position:relative; } .my_interest_list a.btn_ic_red_s { font-size:12.1px; color:#333; } .my_interest_list .btn_top { text-align:right; } .my_interest_list .btn_top a { padding:6px 10px 8px 10px; } .my_interest_list .btn_top a:after {display:none;} .my_interest_list .position { position:relative; width:100%; text-align:left; background-color:#f5f3f3; } .my_interest_list .position p.tit { font-size:18px; font-weight:700; padding: 20px 15px; } .my_interest_list .position p.modify { padding: 20px 15px; } .my_interest_list .position p.modify .input { width:625px; } .my_interest_list .position a { position:absolute; right:15px; bottom:20px; } .my_interest_list .position:first-child a { bottom:15px; } .my_interest_list .btn_bottom { position:relative; padding:30px 0 0 0; } .my_interest_list .btn_bottom a { min-width:52px; text-align:center; padding:6px 7px; } .my_interest_list .btn_bottom a:after {display:none;} .my_interest_list .btn_bottom a:first-child { margin-right:7px; } .my_interest_list .btn_bottom a+a+a { position:absolute; right:0; } .my_interest_list .ic_star span { display:block; width:22px; height:20px; margin:0 auto; background:url(../img/common/bg_review_star.png) no-repeat 0 0; } .my_interest_list .ic_star span.on { background-position:0 -22px; } .my_interest_list .table_normal td a { display:block; padding:20px; } .my_interest_list .btn_payment { padding-top:0; } .my_interest_list .product_list { border-top:none; } .my_interest_list .product_list_wrap { border-top:2px solid #333; clear:both; } .my_interest_list .product_list_wrap .tab_area { padding:0; } .my_interest_list .product_list_wrap .ea { padding-right:420px; } .my_interest_list .product_list_wrap .tab_area .view_type {border:0 none; margin:0; padding:0} .my_interest_list .product_list_wrap .view_img > ul > li { width:182px; padding:20px 0 30px; } .my_interest_list .product_list_wrap .view_list .table_tbody td { vertical-align:middle; } .my_interest_list .product_list_wrap .prtit_area { width:auto; padding:7px 0 7px 20px; } .my_interest_list .product_list_wrap .prtit_area li { margin-bottom:1px; } .my_interest_list .product_list_wrap .null { padding:175px 0 176px; text-align:center; } .my_interest_list .share_area { float:right; padding-bottom:10px; } .my_interest_list .share_area p { padding-top:6px; padding-right:5px; } .my_interest_list .share_area p, .my_interest_list .share_area ul { float:left; } .my_interest_list .share_area ul li { float:left; width:24px; margin-left:3px; } .my_interest_list .share_area ul li:first-child { margin-left:0; } .my_interest_list .share_area ul li a img { width:100%; } .my_interest_list .table_normal { margin-top:15px; } .my_interest_list .mrt53 { margin-top:-53px; } .mypage_wrap .my_interest_list .share_area ul li:last-child {display:none} /*2019-11-20 이메일 삭제 */ /* .my_interest_list_share */ .my_interest_list_share { margin-top:56px; border:1px solid #bfbfbf; border-top:2px solid #333; } .my_interest_list_share .header_logo { padding:30px 0; border-bottom:1px solid #373231; text-align:center; } .my_interest_list_share .tit_list { height:58px; background-color:#f5f3f3; line-height:58px; } .my_interest_list_share .tit_list span { padding-left:20px; font-size:20px; font-weight:700; } .my_interest_list_share .product_list { width:929px; margin:0 auto; } .my_interest_list_share .product_list > ul { border-top:1px solid #e0e0e0; } .my_interest_list_share .product_list > ul:first-child { border-top:none; } .my_interest_list_share .product_list > ul > li { padding:40px 0 30px 0; float:left; width:20%; } .my_interest_list_share .product_list > ul > li > a { padding:30px 0; } .my_interest_list_share .product_list > ul > li .won { display:block; padding-top:5px; color:#999; } .my_interest_list_share .product_list > ul > li .big { padding-bottom:60px; } .my_interest_list_share .pagination { padding:20px 0; border-top:1px solid #bfbfbf; } .my_interest_list_share .null { height:365px; line-height:365px; font-size:15px; text-align:center; } /* my_interest_list > popup */ .my_popup .add_list .popup_layer { width:380px; } .my_popup .add_list .popup_layer .tit { padding:17px 15px; } .my_popup .add_list .popup_layer .tit a.btn_close { top:50%; margin-top:-7px; } .my_popup .add_list .popup_layer .box {padding:20px 0; text-align:center; } .my_popup .add_list .popup_layer .box input { display:inline-block; vertical-align:middle; } .my_popup .add_list .popup_layer .box a { vertical-align:middle; } .my_popup .add_list .popup_layer .box span { font-weight:700; } .my_popup .add_list .popup_layer .box .txt { padding:20px 0; } .my_popup .add_list .popup_layer .box .txt a { display:block; text-decoration:underline; color:#e80f00; } .my_popup .add_list .popup_layer .input_box { margin:0 18px; padding:20px 0; border-top:1px solid #e2e4e6; border-bottom:1px solid #e2e4e6; text-align:left; } .my_popup .add_list .popup_layer .input_box .chk_list { padding-bottom:15px; } .my_popup .add_list .popup_layer .input_box .input_id .input { width:265px; } .my_popup .add_list .popup_layer .input_box .input_sns {display:none;} .my_popup .add_list .popup_layer .input_box .input_sns .input { width:114px; } .my_popup .share_list .popup_layer { width:320px; } .my_popup .share_list .popup_layer .box { padding:20px 0; text-align:center; } .my_popup .share_list .popup_layer .box .sns img { width:47px; height:47px; border-radius:2px; } .my_popup .share_email_list .popup_layer { width:570px; } .my_popup .share_email_list .popup_layer .box { padding:30px 20px; } .my_popup .share_email_list .popup_layer .box > ul > li:first-child { padding-bottom:8px; } .my_popup .share_email_list .popup_layer .box .input { width:400px; margin-right:5px; } .my_popup .share_email_list .popup_layer .box .textarea { width:510px; margin-right:5px; padding:8px; border:1px solid #e0e0e0; font-size:12.1px; } .my_popup .share_email_list .popup_layer .btn_payment { padding-top:30px; text-align:center; } .my_popup .share_email_list .popup_layer .btn_payment a { width:120px; height:36px; padding:0; font-size:13px; line-height:36px; } .my_popup .share_email_list .popup_layer .text_box { height:120px; border:1px solid #e0e0e0; overflow-y:scroll; padding:15px 10px; } .my_popup .share_email_list .popup_layer .text_box input { border:none; padding:0; line-height:1.5; } .my_popup .share_email_list .popup_layer .text_box input::-webkit-input-placeholder { color:#333; } .my_popup .share_email_list .popup_layer .text_box input:-moz-placeholder { color:#333; } .my_popup .share_email_list .popup_layer .text_box input::-moz-placeholder { color:#333; } .my_popup .share_email_list .popup_layer .text_box input:-ms-input-placeholder{ color:#333; } .my_popup .share_email_list .popup_layer .text_box .list_box { border:1px solid #bfbfbf; margin-top:10px; } .my_popup .share_email_list .popup_layer .text_box .list_box img { width:92px; height:92px; float:left; border-right:1px solid #e0e0e0; } .my_popup .share_email_list .popup_layer .text_box .list_box > div { float:left; background-color:#f7f7f7; width:366px; padding:29px 15px 26px; } .my_popup .share_email_list .popup_layer .text_box .list_box > div p { color:#aaa; font-size:12.1px; } .my_popup .share_email_list .popup_layer .text_box .list_box > div p:first-child { font-weight:700; color:#333; font-size:15px; text-decoration:underline; padding-bottom:10px; } /* my_interest_brand */ .my_interest_brand .brand_list { width:100%; padding-bottom:8px; } .my_interest_brand .brand_list > li { float:left; width:177px; margin-left:8px; } .my_interest_brand .brand_list > li:first-child { margin-left:0; } .my_interest_brand .brand_list .brand { border:1px solid #e0e0e0; } .my_interest_brand .brand_list .brand .tit { position:relative; padding:15px; border-bottom:1px solid #e0e0e0; background-color:#f7f7f7; font-weight:700; } .my_interest_brand .brand_list .brand .tit a.btn_close { position:absolute; right:15px; } .my_interest_brand .brand_list .brand .tit a.btn_close img { width:13px; } .my_interest_brand .brand_list .brand .img { padding:24px 0; text-align:center; } .my_interest_brand .brand_list .brand .img img { width:116px; height:37px; } /* my_review_list */ .my_review_list { margin-top:25px; } .my_review_list .review_wrap { width:100%; } .my_review_list .review_wrap em { display:block; font-weight:700; color:#000; } .my_review_list .table_normal td { padding:10px 5px; } .my_review_list .img_txt { position:relative; text-align:left; } .my_review_list .img_txt .img { float:left; width:80px; margin-right:10px; } .my_review_list .img_txt .img img { width:100%; } .my_review_list .img_txt .txt { float:left; width:130px; } .my_review_list .img_txt .txt em { padding:10px 0 9px 0; } .my_review_list .img_txt .txt .tit { padding-bottom:10px; } .my_review_list .txt_review { text-align:left; word-break:break-all; } .my_review_list .txt_btn li { line-height:1; } .my_review_list .txt_btn li:first-child { padding-bottom:9px; } .my_review_list .txt_btn li a { color:#333; } .my_review_list .colspan { padding:15px !important; background-color:#f8f7fc; text-align:left; } .my_review_list .img_txt_btn { position:relative; } .my_review_list .img_txt_btn .img { float:left; width:90px; padding-right:20px; } .my_review_list .img_txt_btn .img img { width:100%; } .my_review_list .img_txt_btn .txt { float:right; width:590px; } .my_review_list .img_txt_btn .txt .star_point { padding-top:5px; } .my_review_list .img_txt_btn .txt .star_point li { float:left; margin-left:20px; padding-left:20px; border-left:1px solid #ddd; } .my_review_list .img_txt_btn .txt .star_point li:first-child { margin-left:0; padding-left:0; border-left:none; } .my_review_list .img_txt_btn .txt .txt_cont { padding-top:20px; line-height:1.5; word-break:break-word; } .my_review_list .img_txt_btn .txt .txt_cont a.more { padding-left:10px; font-size:11px; font-weight:700; text-decoration:underline; } .my_review_list .img_txt_btn .btn { position:absolute; right:0; top:0; } .my_review_list .img_txt_btn .btn span { display:inline-block; } .my_review_list .img_txt_btn .btn a { height:25px; line-height:25px; width:34px; text-align:center; } .my_review_list .img_txt_btn .btn .disabled { position:relative; display:inline-block; } .my_review_list .img_txt_btn .btn .disabled:after { content:""; position:absolute; display:block; width:100%; height:100%; top:0; } .my_review_list .img_txt_btn .btn .disabled a { background-color:#f9f9f9; border:1px solid #d7d7d7; color:#999 !important; } .my_review_list .null { padding:46px 0 !important; } .my_review_list .notice_wrap { padding:30px 25px; } .my_review_list .notice_wrap ul li { padding-left:0; background:none; } .my_review_list .notice_wrap ul li a strong { text-decoration:underline; } .my_review_list .notice_wrap ul li strong { padding-left:5px; font-size:11px; font-weight:700; } /* my_shopping_1vs1 */ .my_shopping_1vs1 { margin-top:25px; } .my_shopping_1vs1 .table_normal td .txt_left a { display:block; padding:10px 20px; word-break:break-all} .my_shopping_1vs1 .table_normal td.cont { padding:20px 24px; background-color:#f8f8fb; text-align:left; } .my_shopping_1vs1 .table_normal td.cont > div > p { position:relative; padding-left:35px; } .my_shopping_1vs1 .table_normal td.cont .ic { position:absolute; left:0; top:-1px; padding-right:10px; font-size:20px; font-weight:700; line-height:1; } .my_shopping_1vs1 .table_normal td.cont .q { padding-bottom:20px; } .my_shopping_1vs1 .table_normal td.cont .q .ic { color:#e80f00; } .my_shopping_1vs1 .table_normal td.cont .file { padding-top:10px; } .my_shopping_1vs1 .table_normal td.cont .file { color:#666; } .my_shopping_1vs1 .table_normal td.cont .file span {vertical-align:top;} .my_shopping_1vs1 .table_normal td.cont .file a {padding-left:5px; color:#0600ff; vertical-align:top;} .my_shopping_1vs1 .btn { padding-top:10px; text-align:right; } .my_shopping_1vs1 .pagination { padding:20px 0 50px 0; } /* my_part_event */ .my_part_event { margin-top:26px; } .my_part_event .tit_tab_txt { padding-bottom:30px; } .my_part_event .table_normal td { height:40px; } .my_part_event .table_normal td p.txt_left { padding-left:30px; } .my_part_event .info_box { width:100%; } .my_part_event .info_box .txt { padding:20px 0; border-bottom:1px solid #bfbfbf; font-size:14px; font-weight:700; text-align:center; color:#000; } .my_part_event .info_box .txt em { color:#e80f00; } .my_part_event .info_box .cont { padding:22px 30px; } .my_part_event .info_box .cont .img { float:left; width:140px; height:140px; background-color:#eeeeef; line-height:140px; text-align:center; } .my_part_event .info_box .cont .img img { width:100%; height:100%; } .my_part_event .info_box .cont .text { float:right; width:502px; color:#000; position:relative; } .my_part_event .info_box .cont .text > ul { border-bottom:1px solid #ebebeb; } .my_part_event .info_box .cont .text > ul > li { padding-bottom:15px; } .my_part_event .info_box .cont .text > ul > li span { display:inline-block; width:95px; font-weight:700; } .my_part_event .info_box .cont .text .spouse_info { width:100%; padding-top:20px; } .my_part_event .info_box .cont .text .spouse_info p { float:left; width:95px; font-weight:700; } .my_part_event .info_box .cont .text .spouse_info ul { padding-left:95px; } .my_part_event .info_box .cont .text .spouse_info ul li { padding-bottom:5px; } .my_part_event .info_box .cont .text .spouse_info ul li span { display:inline-block; width:80px; font-weight:700; } .my_part_event .info_box .cont .text .btn_ss_white { position:absolute; top:0; right:0; min-width:42px; } .my_part_event .info_box .cont .text span.btn_ss_white {background:#f9f9f9; color:#999; border-color:#d7d7d7;} /* my_receive_msg */ .my_receive_msg { margin-top:23px; } .my_receive_msg .table_normal .txt_left { padding:0 16px; } .my_receive_msg .table_normal .txt_left a { padding-right:10px; background:url(../img/common/ico_arrow.png) no-repeat right 4px; text-decoration:underline; color:#e80f00; } .my_receive_msg .table_normal td { height:40px; padding:0; line-height:40px; } .my_receive_msg .table_normal td[colspan="3"] {padding:45px 0;} /* my_inte_event */ .my_inte_event { padding-top:25px; } .my_inte_event .chk_area { position:relative; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #bfbfbf;} .my_inte_event .chk_area input.css-checkbox[type="checkbox"] + label.css-label { background-position:0 -20px; } .my_inte_event .chk_area input.css-checkbox[type="checkbox"]:checked + label.css-label { background-position:0 -75px; } .my_inte_event .chk_area a { position:absolute; right:0; top:13px;} .my_inte_event .event_list .event_box { width:227px; border:1px solid #e0e0e0; position:relative; } .my_inte_event .event_list li { float:left; padding-right:21px; padding-bottom:20px; } .my_inte_event .event_list li.pad0 { padding-right:0; } .my_inte_event .event_list li .css-label{ display:block; margin-bottom:8px; } .my_inte_event .event_list .img { width:227px; height:254px; } .my_inte_event .event_list .img > img { width:100%; height:100%; } .my_inte_event .event_list .event_box dl dt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; } .my_inte_event .event_list .event_box dl dd {height:42px; overflow:hidden; font-size:14px; line-height:1.5; } .my_inte_event .event_list .event_box dl dd.date {height:auto; padding-top:5px; font-size:12.1px; color:#666; } .my_inte_event .exhibition_list li { float:left; padding-right:34px; padding-bottom:20px; } .my_inte_event .exhibition_list li.pad0 { padding-right:0; } .my_inte_event .exhibition_list li .css-label{ display:block; margin-bottom:8px; } .my_inte_event .exhibition_list .img { width:219px; height:96px; } .my_inte_event .exhibition_list .img > img { width:100%; height:100%; } .my_inte_event .exhibition_list .event_box { width:219px; border:1px solid #e0e0e0; position:relative; } .my_inte_event .event_box .sale_icon { width:50px; height:50px; position:absolute; right:12px; bottom:46px; } .my_inte_event .event_box .sale_icon > img { width:100%; height:100%; } .my_inte_event .event_box dl { padding:11px 11px 12px; border-top:1px solid #e0e0e0; } .my_inte_event .event_box dl dt {height:32px; font-weight:700; padding-bottom:8px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .my_inte_event .event_box dl dd { font-size:11px; color:#888 } .my_inte_event .pagination { padding-top:0; } .my_inte_event .null { height:192px; padding-bottom:20px; border-bottom:1px solid #bfbfbf; line-height:192px; text-align:center; } .my_inte_event .tab_area .area { width:732px; overflow:hidden; } .my_inte_event .tab_area .area ul { width:770px; } /* my_event */ .my_event .bg { background:url('../img/sub/bg_my_event.jpg') no-repeat; height:400px; text-align:center; color:#fff; } .my_event .bg > p { font-weight:700; font-size:15px; line-height:1.5; } .my_event .bg > p.title { font-size:18px; padding:50px 0 30px; } .my_event a.btn_red { background-color:#ef3f3b; border:1px solid #d3222a; color:#fff; font-weight:700; font-size:16px; padding:0; width:184px; height:58px; line-height:58px; display:inline-block; } /* my_check_password */ .my_check_password .password { background-color:#f7f7f7; border:1px solid #bfbfbf; text-align:center; } .my_check_password .password .title { background-color:#fff; border-bottom:1px solid #bfbfbf; font-size:22px; font-weight:700; text-align:center; padding:40px 0; line-height:1.3; } .my_check_password .password .title > span { color:#e80f00; } .my_check_password .password .fail { color:#e80f00; padding-top:20px; } .my_check_password .password .input { margin:20px 0 50px; width:242px;} .my_check_password .password + p.btn_area { text-align:center; margin-top:30px; } .my_check_password .password + p.btn_area > a.btn_red { text-align:center; display:inline-block; width:184px; height:58px; line-height:58px; padding:0; background-color:#e80f00; border:1px solid #d3222a; font-size:16px; font-weight:700; color:#fff; } /* customer center */ .special_order table tr td { vertical-align:middle !important; } .special_order table select { padding-top:2px; } .special_order table .input_185 {width:167px;} .special_order table select.input_185 {width:185px;} .special_order table .input_100 {width:580px;} .special_order table .btn_ss_white .arrow { background-position:right 5px; } .input_mail {width:130px;} .input_phone {width:60px;} select.input_phone {width:100px;} /* my_regular_proof */ .my_regular_proof .agree_4step { margin-top:0px; } .my_regular_proof .agree_4step li:first-child { width:206px; } .my_regular_proof .agree_4step li { width:206px; padding:0 0 17px 160px; } .my_regular_proof .agree_4step ul li.certify { background-position:115px -691px; } .my_regular_proof .agree_4step ul li.certify.on { background-position:115px -792px; } .my_regular_proof .agree_4step ul li.certify.end { background-position:115px -892px; } .my_regular_proof .agree_4step ul li.info { background-position:115px -190px; } .my_regular_proof .agree_4step ul li.info.on { background-position:115px -292px; } .my_regular_proof .agree_4step ul li.info.end { background-position:115px -392px } .my_regular_proof .agree_3step li { width:144px; padding:0 0 17px 100px; } .my_regular_proof .agree_3step li:first-child { width:144px; } .my_regular_proof .agree_3step ul li.certify { background-position:55px -1790px; } .my_regular_proof .agree_3step ul li.certify.on { background-position:55px -1890px; } .my_regular_proof .agree_3step ul li.certify.end { background-position:55px -1990px; } .my_regular_proof .agree_3step ul li.info { background-position:50px -1290px; } .my_regular_proof .agree_3step ul li.info.on { background-position:50px -1390px; } .my_regular_proof .agree_3step ul li.info.end { background-position:50px -1490px } .my_regular_proof .agree_3step ul li.check { background-position:60px -690px; } .my_regular_proof .agree_3step ul li.check.on { background-position:60px -790px; } .my_regular_proof .agree_3step ul li.check.end { background-position:60px -890px } .my_regular_proof .members_proof_wrap { padding-top:55px; } .my_regular_proof .members_proof_wrap .signup_contents { border:1px solid #bfbfbf; margin-top:0; } .my_regular_proof .members_proof_wrap .signup_contents .title h3 { text-align:center; font-size:22px; font-weight:700; } .my_regular_proof .members_proof_wrap .signup_contents .title h3 > span { color:#e80f00; } .my_regular_proof .members_proof_wrap .select > a { width:263px; background-position:260px 50%; } .my_regular_proof .members_proof_wrap .select > a:first-child { margin:0 30px 0 60px; height:69px; padding-top:18px; } .my_regular_proof .members_proof_wrap .txt_box ul { padding-left:35px; } .my_regular_proof .members_proof_wrap .cont { border:none; } .my_regular_proof .members_proof_wrap .cont .nationals, .my_regular_proof .members_proof_wrap .cont .foreigner { width:auto; padding:0 15px; text-align:center; } .my_regular_proof .members_proof_wrap .cont .nationals .select { width:330px; padding:0 } .my_regular_proof .members_proof_wrap .cont .nationals .select a { margin:0; width:305px; } .my_regular_proof .members_proof_wrap .cont .nationals .select a:first-child { margin-bottom:20px; height:60px; } .my_regular_proof .members_proof_wrap .cont .foreigner .input { width:313px; } .my_regular_proof .members_proof_wrap .cont .foreigner a.btn_brown { width:331px; margin-top:15px;} .my_regular_proof .members_proof_wrap .cont .foreigner p.fail { background-position:14px 34px; } .my_regular_proof .signup_wrap .signup_step .info { margin-top:50px; } .my_regular_proof .signup_wrap .signup_step .info label { font-size:15px; color:#333; font-weight:700; } .my_regular_proof .signup_wrap .signup_step .terms { margin-top:25px; } .my_regular_proof .signup_wrap .signup_step .terms ul li .section { width:682px; } /* my_regular_member */ .my_regular_member .membership_form { /* padding-top:55px; */margin-top:0; } .my_regular_member .membership_form .table_tbody .sel_190 {width:190px;} .my_regular_member .membership_form .table_tbody .m { width:212px; } .my_regular_member .membership_form .table_tbody .txt_info_agree { padding-bottom:5px; } .my_regular_member .membership_form .table_tbody .chk_list_w15 .txt_info li {padding-left:18px; text-indent:-8px;} .my_regular_member .membership_form .table_tbody .tel_add dd { width:485px; } .my_regular_member .membership_form .table_tbody .l { width:220px; } .my_regular_member .membership_form .table_tbody .height { height:70px } .my_regular_member .text { color:#666; padding-top:5px; } .my_regular_member h2 + .text { padding-top:10px; } .my_regular_member .table_tbody .chk_list li { width: 20%; padding: 5px 0px; } .my_regular_member .table_tbody .chk_list.type01 li {padding:0; } .my_regular_member .table_tbody th > span { display:block; font-weight:400; } /* my_default */ .my_default .membership_form { padding-top:0; } .my_default .membership_form .h2_area h2 { font-size:24px; } .my_default .membership_form .h2_area h2 + p {margin:18px 0 6px; color:#666; line-height:18px;} .my_default .membership_form .h2_area .agree_area > span {display:inline-block; padding-top:6px;} .my_default .membership_form .h2_area .agree_area .btn_ic_red_s { position:relative; top:0; bottom:0; color:#333; margin-left:10px; } .my_default .membership_form .agree { padding-left:15px; padding-right:0;} /*.mypage_wrap .my_default .foreigner_form .disable { position:absolute; opacity:0.8; background-color:#fff; width:732px; height:643px; bottom:90px; } .my_default.associate .foreigner_form .disable { height:705px; } .my_default.foreigner .foreigner_form .disable { height:185px; }*/ /* my_regular_passport */ .my_regular_passport .membership_form { margin-top:20px; } .my_regular_passport .membership_form .table_tbody { margin-bottom:30px; } .my_regular_passport .membership_form .table_tbody .m { width:212px; } .my_regular_passport .membership_form .btn_payment { padding-top:0; padding-bottom:50px; } /* associate_passport */ .my_associate_passport .btn_payment a.btn_red { width:184px; height:58px; line-height:58px; padding:0; } .associate_passport { border:1px solid #bfbfbf; padding:40px 0; text-align:center; font-size:22px; line-height:1.5; font-weight:700; } .associate_passport > span { color:#e80f00; } .heading_area ul.desc li > span { color:#e80f00; } .my_departure_list .membership_form { margin-top:30px; } .my_departure_list .table_normal td a:first-child { color:#e80f00; margin-bottom:5px; } .mypage_wrap .my_departure_list .table_normal td a { padding: 6px 15px 6px; border-radius:2px; } .mypage_wrap .my_associate_passport { margin-top:25px; } /* my_departure_create_form */ .my_departure_create_form .my_load_btn { text-align:right; padding-bottom:10px; } .my_departure_create_form .my_load_btn a > img { padding-top:3px; } .my_departure_create_form .air_name dt, .my_departure_create_form .air_name dd { float:left; } .my_departure_create_form .air_name dt { font-weight:700; padding-top:5px; margin-right:5px; } .my_departure_create_form .air_name dd a.btn_brown_s { width:80px; margin-left:10px; } .my_departure_create_form .float ul, .my_departure_create_form .float select { float:left; } .my_departure_create_form .chk_list { width:120px; } .my_departure_create_form .chk_list li { width:50% !important; } .my_departure_create_form .float .btn_ic_red_s { float:right; } .my_departure_create_form .float select { width:170px; } .my_departure_create_form .se_s { min-width:90px; } .my_departure_create_form .se_s + strong { margin-left:10px; } .my_departure_create_form .membership_form { padding-top:30px; margin-top:0; } .my_departure_create_form .membership_form .table_tbody { margin-bottom:0; } .my_departure_create_form .membership_form a.btn_ic_red_s img { padding: 5px 0px 0px 5px; } .my_departure_create_form .membership_form .popup_layer { bottom:0; } .my_departure_create_form .membership_form .direct ul { float:left; } .my_departure_create_form .membership_form .direct select { float:left; width:160px; } .my_departure_create_form .membership_form .decs { padding-top:10px; padding-left:10px; text-indent:-10px; color:#e80f00; font-size:11px; } .my_departure_create_form .membership_form .decs span { display:block; } .my_departure_create_form .membership_form .direct .btn_area { float:right} .my_departure_create_form .membership_form .depart_place {width:190px;} .my_departure_create_form .membership_form .arrival {width:190px;} .my_departure_create_form ul.desc {padding-top:15px; } .my_departure_create_form ul.desc li { padding-left:10px; line-height:1.5; position:relative; } .my_departure_create_form ul.desc .txt_red { color:#e80f00; } .my_departure_create_form ul.desc span { position:absolute; left:0; top:2px; } /* customer center (common)*/ .step_list_wrap {border:1px solid #bfbfbf; background:#f7f7f7; } .step_list_wrap li {position:relative; float:left; width:20%;} .step_list_wrap li > div {padding:20px 0; border-left:1px solid #e0e0e0; text-align:center;} .step_list_wrap li:first-child > div {border-left:none;} .step_list_wrap li strong {display:block; margin-bottom:10px;} .step_list_wrap li .img {display:block; padding:10px 0 20px;} .step_list_wrap li .img img {width:auto; } .step_list_wrap li p {height:30px; line-height:14px; font-size:12.1px; color:#666;} .step_list_wrap .next {position:absolute; right:0; top:50%; width:26px; height:26px; background:url(../img/sub/special_order_next.png) no-repeat 0 0; margin:-13px -13px 0 0; z-index:2;} .step_list_wrap.brown li > div {background:#fff;} .step_list_wrap.brown li.on > div {background:#534a3f; color:#fff;} .step_list_wrap.brown li.on p {color:#fff;} .step_list_wrap.brown li strong {font-size:16px;} .step_list_wrap.brown li p {height:20px; font-size:15px; color:#333;} .brend_info_list {width:740px;} .brend_info_list li {float:left; width:175px; border:1px solid #e0e0e0; margin:0 8px 16px 0; text-align:center;} .brend_info_list div {height:30px; padding:20px 15px 0; margin-bottom:10px; font-size:12.1px; line-height:15px; overflow:hidden; word-break:break-word} .brend_info_list .img {height:37px;padding:10px 0 20px; margin:0; background:url(../img/common/bar_gray_s.gif) no-repeat center 0;} .brend_info_list img {width:116px; height:37px;} .special_order .sub_tit_area:first-child { padding-top:0; } .special_order table .input_185 {width:167px;} .special_order table select.input_185 {width:185px;} .special_order table .input_100 {width:545px;} .special_order table tr.add th {border-top:1px solid #333;} .special_order table tr.add td {border-top:1px solid #333;} .special_order .input_mail {width:130px;} .special_order .input_phone {width:60px;} .special_order select.input_phone {width:100px;} .special_order .textarea_wrap {position:relative; padding-bottom:19px; border:1px solid #e0e0e0;} .special_order .textarea_wrap textarea { border:0; height:55px } .special_order .textarea_wrap .count {position:absolute; right:20px; bottom:6px; font-size:11px; color:#999;} .special_order .special_brand_wrap .tit_tab_txt li a { background-color:#eeeeef; border:1px solid #bfbfbf; color:#666; padding:10px 0 11px; font-size:16px; border-left:none;} .special_order .special_brand_wrap .tit_tab_txt li a.on { background-color:#fff; border:1px solid #6d6050; color:#6d6050; } .special_order .special_brand_wrap .tit_tab_txt li:first-child a {border-left:1px solid #bfbfbf; border-right:none;} .special_order .special_brand_wrap .tit_tab_txt li:first-child a.on {border:1px solid #6d6050; } .special_order .special_brand_wrap .brand_wrap { position:relative; border-top:1px solid #bfbfbf; margin-top:20px;} .special_order .special_brand_wrap .brand_wrap .brand_head { padding:15px 15px 7px; border-bottom:1px solid #e0e0e0; } .special_order .special_brand_wrap .brand_wrap .brand_head .menu_select { padding-bottom:0; } .special_order .special_brand_wrap .brand_wrap .brand_head .menu_select .group { width:131px; } .special_order .special_brand_wrap .brand_wrap .brand_head .menu_select .group li { width:64px; } .special_order .special_brand_wrap .brand_wrap .brand_head .menu_sub { float:right; width:539px; margin:2px 0; } .special_order .special_brand_wrap .brand_wrap .brand_head .menu_sub a { margin-right:2px; margin-bottom:6px; height:24px; line-height:24px; } .special_order .special_brand_wrap .brand_wrap .brand_head .menu_sub a.s { width:24px; } .special_order .special_brand_wrap .brand_wrap .brand_cont { overflow-y:auto; max-height:335px; padding:0 15px; } .special_order .special_brand_wrap .brand_wrap .brand_cont .box { border-bottom:1px solid #e0e0e0; border-top:none; } .special_order .special_brand_wrap .brand_wrap .brand_cont .box:first-child { border-top:none; } .special_order .special_brand_wrap .brand_wrap .brand_cont .menu { width:575px; } .special_order .special_brand_wrap .brand_wrap .brand_cont .menu li {box-sizing:border-box; width:50%; padding:7px 8px 7px 8px; word-break:break-all;} .special_order .special_brand_wrap .brand_wrap.store_wrap .brand_cont .box { border:none; padding:25px 30px 25px 15px; } .special_order .special_brand_wrap .brand_wrap .brand_cont .box .tit { left:9px; top:45px;} .special_order .special_brand_wrap .brand_wrap.store_wrap .brand_cont .menu { width:675px; float:none; } .special_order .special_brand_wrap .brand_wrap.store_wrap .brand_cont .menu li {padding:7px 8px 7px 8px; overflow:hidden;} .special_order .special_brand_wrap .space { position:absolute; left:15px; bottom:0; display:block; width:700px; height:15px; background:#fff; z-index:9999; } /* customer center main */ .customer_top_info {padding:30px 20px 20px; border:1px solid #d2c8c1; background:#e6dfda; margin-bottom:20px; text-align:center;} .customer_top_info .top_msg {margin-bottom:20px; font-size:22px; color:#534a3f; font-weight:700; } .customer_top_info .top_msg span {color:#898178; font-weight:400; } .customer_top_info .info_phone {border:1px solid #bfbfbf; border-radius:3px; background:#fff;} .customer_top_info .info_phone li {float:left; width:344px; padding:30px 0; min-height:74px; border-left:1px solid #e0e0e0;} .customer_top_info .info_phone li:first-child {width:343px; border-left:0;} .customer_top_info .info_phone dl * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-weight:700; font-size:16px;} .customer_top_info .info_phone dl dd {font-size:26px; color:#957045;} .customer_top_info .info_phone p {margin-top:10px; font-size:12.1px; color:#666; line-height:1.5;} /* 18-11-15 line-height 추가 */ .customer_top_info .info_phone p span {padding-left:7px; margin-left:5px; border-left:1px solid #b8b8b8;} .myshopping_wrap .contents_wrap .main_box .h3_area.center h3 {text-align:center;} .myshopping_wrap .contents_wrap .main_box .h3_area h3 .bracket {font-weight:400;} .myshopping_wrap .overseas_list {padding:30px 0;} .myshopping_wrap .overseas_list li {float:left; width:243px; border-left:1px solid #ccc; text-align:center; line-height:1.2;} .myshopping_wrap .overseas_list li:first-child {width:242px; border-left:none;} .myshopping_wrap .overseas_list strong {display:block; margin-bottom:15px; font-size:14px;} .myshopping_wrap .overseas_list img {width:70px; height:48px;} .myshopping_wrap .overseas_list p {margin:15px 0 5px;} .myshopping_wrap .overseas_list div {color:#999;} .myshopping_wrap .overseas_list a {color:#999;} /* customer_wrap > lnb_wrap > cs_info (common) */ .mypage_wrap .cs_lnb_wrap { float:left; } .mypage_wrap .cs_lnb_wrap .lnb_wrap { float:none; margin-bottom:10px; } .mypage_wrap .cs_lnb_wrap .lnb_wrap .lnb > ul > li.on > a { color:#ef3f3b; } .mypage_wrap .cs_lnb_wrap .lnb_wrap .lnb > ul > li.on > a > span { display:inline-block; padding-right:14px; background:url('../img/common/ico_arrow.png') no-repeat 100% -751px} .mypage_wrap .cs_lnb_wrap .lnb_wrap .lnb > ul > li.on.depth > a { color:#333;} .mypage_wrap .cs_lnb_wrap .lnb_wrap .lnb > ul > li.on.depth > a > span { background-image:none} .mypage_wrap .cs_lnb_wrap .lnb_wrap .lnb > ul > li > ul > li.on > a {background: url('../img/common/ico_arrow.png') no-repeat -5px -769px;} .mypage_wrap .cs_lnb_wrap .cs_info{ width: 179px; border:1px solid #bfbfbf; } .mypage_wrap .cs_lnb_wrap .cs_info > strong { display:block; padding:18px 15px; font-size:15px; background:#f7f7f7; } .mypage_wrap .cs_lnb_wrap .cs_info > ul { padding:15px; } .mypage_wrap .cs_lnb_wrap .cs_info > strong + ul { padding-bottom:0; } .mypage_wrap .cs_lnb_wrap .cs_info > ul > li:first-child { padding-bottom:7px; } .mypage_wrap .cs_lnb_wrap .cs_info > ul > li > span { display:block; padding-bottom:6px; font-size:20px; font-weight:700; color:#957045; } .mypage_wrap .cs_lnb_wrap .cs_info > ul > li + li + li + li > span { padding-top:7px; font-size:16px} .mypage_wrap .cs_lnb_wrap .cs_info > ul > li > em { display:block; padding-top:8px; font-size:11px; color:#666; } .mypage_wrap .cs_lnb_wrap .cs_info > ul + ul > li > span { font-size:16px; } /* cs_special_1vs1_fin */ .myshopping_wrap .contents_wrap .box_area {padding:80px 0; text-align:center; border-top:2px solid #000; border-bottom:1px solid #bfbfbf;} .myshopping_wrap .contents_wrap .box_area .top {margin-bottom:30px; line-height:34px; font-size:24px; font-weight:700; color:#333;} .myshopping_wrap .contents_wrap .box_area .top.type01 {margin-bottom:0;} .myshopping_wrap .contents_wrap .box_area .top span {color:#e80f00;} .myshopping_wrap .contents_wrap .box_area .bottom {line-height:22px; font-size:14px; color:#333;} /* carryinfo_list */ .carryinfo_list {padding-top:30px; margin-bottom:60px; border-top:1px solid #e0e0e0;} .carryinfo_list h4 { padding-bottom:24px; font-size:20px; font-weight:700; } .carryinfo_list span { color:#ef3f3b; } .carryinfo_list > p { line-height:1.5; } .carryinfo_list > dl { margin:20px 0 60px; text-align:center; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; } .carryinfo_list > dl > dt { padding:12px 0; line-height:24px; font-size:16px; font-weight:700; border-bottom:1px solid #e0e0e0; background:#f7f7f7 url(../img/sub/ico_prohibition_red.png) no-repeat 210px 50%; } .carryinfo_list > dl > dd { padding:23px 0; line-height:2; } .carryinfo_list .txt > li { margin-top:30px; } .carryinfo_list .txt > li:first-child { margin-top:0; } .carryinfo_list .txt > li > strong { display:block; padding-bottom:11px; } .carryinfo_list .txt > li > ul > li { padding-top:11px; } .carryinfo_list .txt > li > ul > li:first-child { padding-top:0; } .carryinfo_list .txt > li em { display:block; padding:11px 0 11px 42px; color:#999; } .carryinfo_list .txt > li em > span { display:block; } .carryinfo_list .txt > li p { padding:11px 0 0 10px; } /* mypage_wrap > tab_type_07 */ .mypage_wrap .tit_tab_txt.tab_type_07 li { width:16.7%; } .mypage_wrap .tit_tab_txt.tab_type_07 li:first-child { width:16.5%; } .mypage_wrap .tit_tab_txt.tab_type_07 li a { padding:20px 0; border-bottom:1px solid #bfbfbf; font-size:12.1px; line-height:14px; } .mypage_wrap .tit_tab_txt.tab_type_07 li a.on { border-bottom:none; padding-top:19px;} .mypage_wrap .tit_tab_txt.tab_type_07 li a.mg_14 { padding:13px 0; } .mypage_wrap .problem_h4 { padding:30px 0 20px; font-size:20px; font-weight:700; } .mypage_wrap .bullet_list > li { padding-left:10px; background:url(../img/common/bg_dimmed.png) no-repeat 0 7px; line-height:1.5; background-size:2px; } .mypage_wrap .bullet_list > li + li { margin-top:11px; } /* tab_type_07 > explanation_box */ .explanation_box > li { margin-top:30px; padding:30px 0 40px; text-align:center; border:1px solid #bfbfbf; } .explanation_box > li > p { padding-bottom:20px; } .explanation_box > li:first-child { margin-top:0; } .explanation_box > li:first-child > p { padding:40px 0 0 0; font-weight:700; } /* tab_type_07 > explanation_box02 */ .explanation_box02 { padding:0 50px 40px 50px; text-align:center; border:1px solid #bfbfbf; } .explanation_box02 > li { margin-top:40px; border-top:1px solid #bfbfbf; } .explanation_box02 > li:first-child { margin-top:0; padding:0; border-top:none; } .explanation_box02 > li > p { padding:30px 0 20px; line-height:1.5; } /* tab_type_07 > vista_list */ .vista_list .vista_top { padding-bottom:30px; border-bottom:1px solid #e0e0e0; } .vista_list .vista_top > p { padding-bottom:18px; line-height:22px; } .vista_list > ul { padding:30px 0; } .vista_list > ul > li + li { margin-top:11px; } .vista_list > span { color:#999; } /* tab_type_07 > security_list */ .security_list .btn_left { padding:15px 0 20px; } .security_list .btn_left a.btn_a_white { height:22px; padding:0 16px 0 6px; line-height:22px; font-size:11px; background:url(../img/common/ico_arrow.png) no-repeat 93% 7px; } /* tab_type_07 > okcashbag_list */ .okcashbag_list .btn_left { padding:10px 0 20px; } /* tab_type_07 > popup_list */ .popup_list .explanation_box02 + h4 { padding:60px 0 25px; } .popup_list h4 + p { padding-bottom:20px; } .popup_list li > p > span { display:block; padding-top:7px; color:#999; } /* tab_type_07 > adobeflash_list */ .adobeflash_list > div { margin:20px 0 30px; padding:40px 0 30px; text-align:center; border:1px solid #bfbfbf; } .adobeflash_list > div > p { padding-top:40px; font-weight:700; } /* customer_search */ .customer_search { padding:36px 30px; background:#e6dfda; border-top:0 none; border-bottom:0 none } /* 2018-11-15 상하단 라인 삭제 */ .customer_search > strong { display:block; float:left; margin-right:68px; line-height:28px; font-size:18px; } .customer_search > strong.mr_44 { margin-right:44px; } .customer_search > select { float:left; width:148px; height:28px; margin-right:10px; } .customer_search > .area { float:left; position:relative; } .customer_search > .area > span:first-child { width:376px; height:28px; border:1px solid #e0e0e0; } .customer_search > .area > span.ico { position:absolute; top:0; right:0; } .customer_search input.input { width:329px; padding:5px 8px; line-height:16px; border-color:#e0e0e0; } .customer_search .ico_input { width:12px; height:12px; padding:7px; background:#ef3f3b; border:1px solid #cb3632; } /* customer notice list */ .table_normal.notice td {padding:30px 5px;} .table_normal.notice .tit_left {padding:0 10px;} /* mypage_wrap > ico_24hours */ p.ico_area { position:relative; padding:30px 0 15px; height:15px; } span.search_txt { line-height:15px; } span.ico_24hours { position:absolute; top:30px; right:0; padding-left:23px; text-align:right; line-height:15px; color:#666; background:url(../img/sub/ico_24hours.png) no-repeat 0 50%; } /* .mypage_wrap > tab_type_06 */ .mypage_wrap .tit_tab_txt.tab_type_06 li {width:25%} /* 2016.07.20 김포공항폐점 - 수정 */ .mypage_wrap .tit_tab_txt.tab_type_06 li a { padding:14px 0 3px; height:32px; color:#666; font-size:13px; line-height:19px} .mypage_wrap .tit_tab_txt.tab_type_06 li a.on { padding:13px 0 4px; color:#333; border-bottom:none; } .mypage_wrap .tit_tab_txt.tab_type_06 li.two a { padding:5px 0 12px; } .mypage_wrap .tit_tab_txt.tab_type_06 li.two a.on { padding:4px 0 13px; } /* mypage_wrap > sort_box */ .sort_box { padding:20px 0 14px 0; } .sort_box ul.sort_list { float:left; width:128px; margin-right:10px; } .sort_box ul.sort_list > li { float:left; border:1px solid #534a3f; box-sizing:border-box; width:50%;} .sort_box ul.sort_list > li:first-child { border-right:none; } .sort_box ul.sort_list a.product { display:block; padding:7px 9px; color:#666; } .sort_box ul.sort_list a.on { background:#534a3f; color:#fff; font-weight:700;} .sort_box div.sort_cont { float:left; width:594px; margin-top:2px; } .sort_box div.sort_cont > a { display:block; float:left; width:22px; margin:0 2px 6px 0; line-height:22px; text-align:center; border:1px solid #ccc; } .sort_box div.sort_cont > a:first-child { margin-left:0; } .sort_box div.sort_cont > a.txt {width:48px; } .sort_box div.sort_cont > a.txt + a.txt {width:74px;} .sort_box div.sort_cont > a.on { background-color:#534a3f; border-color:#534a3f; font-weight:700; color:#fff; } .sort_box div.sort_cont > a.disabled { background-color:#f9f9f9; border-color:#d7d7d7; color:#ddd; cursor:default} /* mypage_wrap > brandtel_box */ div.alphabet_ko, div.alphabet_en { width:100%; border-top:1px solid #bfbfbf; } .sort_box div.alphabet_ko, .sort_box div.alphabet_en {border-top:none} .alphabet_box strong { display:block; padding:18px 0 15px 15px; font-size:24px; border-bottom:1px solid #e0e0e0; background:#f7f7f7; } .alphabet_box strong.txt { font-size:18px; } .alphabet_list li {width:732px;overflow:hidden;padding: 17px 0;border-bottom:1px solid #e0e0e0;} .alphabet_list li > p {float:left;padding-left:23px;line-height:15px;} .alphabet_list li > p.name { width:215px; padding-left:15px; } .alphabet_list li > p.name > a { display:block; float:left; text-decoration:underline; color:#957045; } .alphabet_list li > p.tel {width: 200px;} /* 2016.06.14 고객센터 전화번호 조정 */ .alphabet_list li > p.tel > span { color:#999; } .alphabet_list li > p.on_24 { background:url(../img/sub/ico_24hours.png) no-repeat 0 50%; } .alphabet_list li > p.sectors {width: 140px;} /* 2016.06.14 고객센터 전화번호 조정 */ .alphabet_list li > p.floor {width: 70px;} /* 2016.06.14 고객센터 전화번호 조정 */ .searchresults_list { /*border-top:1px solid #bfbfbf;*/ } .searchresults_list li > p.store { width:98px; } .searchresults_list li > p.name { width:184px; } .searchresults_list li > p.tel { width:130px; } .searchresults_list li > p.sectors{ width:166px; } .searchresults_list li > p.floor{ width:47px; } p.searchresults_none { padding:20px 0; text-align:center; /*border-top:1px solid #bfbfbf;*/ border-bottom:1px solid #bfbfbf; display:block} /* .mypage_wrap > tab_type_08 */ .mypage_wrap .tit_tab_txt.tab_type_08 li { width:14.28% } .mypage_wrap .tit_tab_txt.tab_type_08 li a { padding:17px 0 19px; font-size:15px; color:#666; } .mypage_wrap .tit_tab_txt.tab_type_08 li a.on { border-bottom:none; padding-top:16px;} /* .mypage_wrap > notice_all */ .select_area { padding:20px 0 10px; text-align:right; } .select_area > select { width:148px; } .notice_all .table_normal tr th { background-image:none; background:#f9f9f9; } .notice_all .ico_area {height:28px;} .notice_all .ico_area select {float:right;} /* .mypage_wrap > table_notice */ .mypage_wrap .table_notice tr th, .mypage_wrap .table_notice tr td { line-height:1; } .mypage_wrap .table_notice tr th { background:#f7f7f7; } .mypage_wrap .table_notice tr td > a.underline { text-decoration:underline; } .mypage_wrap .table_notice + .btn_box { margin-top:50px; } .mypage_wrap .table_notice .txt_area { padding:15px 15px 50px 15px; color:#666; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; } .mypage_wrap .table_notice .txt_area .txt_notice { line-height:1.8; } .mypage_wrap .table_notice .txt_area .txt_notice p + p { margin-top:23px; } .mypage_wrap .table_notice .txt_area .txt_notice span { color:#ef3f3b; } /* .mypage_wrap > tab_type_09 */ .mypage_wrap .tit_tab_txt.tab_type_09 { } .mypage_wrap .tit_tab_txt.tab_type_09 li { width:49px;} .mypage_wrap .tit_tab_txt.tab_type_09 li a { padding:18px 0 19px; font-size:15px; color:#666; } .mypage_wrap .tit_tab_txt.tab_type_09 li a.on {padding-top:17px;} .mypage_wrap .tit_tab_txt.tab_type_09 .best { width:56px; } .mypage_wrap .tit_tab_txt.tab_type_09 .order { width:76px; } .mypage_wrap .tit_tab_txt.tab_type_09 .members { width:58px; } .mypage_wrap .tit_tab_txt.tab_type_09 .give { width:74px; } .mypage_wrap .tit_tab_txt.tab_type_09 .txtline2 { width:84px; } .mypage_wrap .tit_tab_txt.tab_type_09 .txtline2 a { padding:10px 0 11px; } .mypage_wrap .tit_tab_txt.tab_type_09 .txtline2 a.on {padding-top:9px;} .mypage_wrap .tit_tab_txt.tab_type_09 li a.on { border-bottom:none; } .mypage_wrap .tit_tab_txt.tab_type_09 .typeTxt01 { width:70px; } .mypage_wrap .tit_tab_txt.tab_type_09 .typeTxt02 { width:75px; } /* .mypage_wrap > faq_all */ .accordion_faq .category { border-bottom:1px solid #bfbfbf; } .accordion_faq > p.none { padding:19px 0; line-height:16px; text-align:center; border-bottom:1px solid #bfbfbf; } .counsel_info { padding:32px 30px; background:#f7f7f7; border:1px solid #bfbfbf; } .counsel_info > strong { margin-right:13px; padding-right:15px; font-size:16px; border-right:1px solid #e0e0e0; } .counsel_info > span { margin-right:80px; } .counsel_info a.btn_a_white { height:auto; margin:0; padding:6px 16px 5px 6px; line-height:1; font-size:11px; background:#fff url(../img/common/ico_arrow.png) no-repeat 88% 7px; } .category dd .answer_txt { padding:30px; } .category dd .answer_txt > strong { display:block; float:left; padding-right:30px; font-size:30px; } .category dd .answer_txt > .txt { float:left; width:608px; padding-top:7px; } .category dd .survey_before { padding:20px 30px; border-top:1px solid #e0e0e0; background:#f7f7f7; } .category dd .survey_before > p { margin-bottom:10px; padding-left:24px; line-height:1; font-size:16px; font-weight:700; background:url(../img/common/bg_check.png) no-repeat 0 50%; } .category dd .survey_before > span { display:inline-block; margin-right:25px; } .category dd .survey_before a.btn_s_brown { width:58px; padding:0; } .category dd .survey_after { padding:15px 0 20px; text-align:center; line-height:1; font-size:16px; font-weight:700; border-top:1px solid #e0e0e0; background:#f7f7f7; } .category dd .survey_after > img { margin-bottom:10px; } /* .mypage_wrap > exchage_top_area */ .exchage_top_area .table_normal th { padding:22px 5px; background:#f7f7f7; border-top:1px solid #bfbfbf; } .exchage_top_area .table_normal tr td { padding:30px 5px; line-height:29px; } .exchage_top_area .table_normal td.dollar_txt { position:relative; border-right:1px solid #e0e0e0; } .exchage_top_area .table_normal td.dollar_txt > em { vertical-align: middle; font-size:18px; } .exchage_top_area .table_normal td.dollar_txt > strong { vertical-align: middle; font-size:26px; } .exchage_top_area .table_normal td.dollar_txt > img { margin:0 7px 0 10px; line-height:29px; } .exchage_top_area .table_normal td.dollar_txt > span { position:absolute; top:50%; right:-13px; margin-top:-13px; } .exchage_top_area .table_normal td.money_txt > span { margin-left:35px; font-size:26px; font-weight:700; vertical-align:middle; } .exchage_top_area .table_normal td.money_txt > span:first-child { margin-left:0; } .exchage_top_area .table_normal td.money_txt > span > img { margin-right:9px; } .exchage_top_area .table_normal td.money_txt > span > em { vertical-align:middle; } .exchage_top_area .btm_desc { margin-bottom:50px; } /* .mypage_wrap > exchage_tab */ .exchage_tab01, .exchage_tab02 { padding-top:30px; } .calender_btn { font-size:0; white-space:nowrap; padding:13px 0; text-align:left; background:#f7f7f7; border-top:1px solid #bfbfbf; border-bottom:1px solid #e0e0e0; } .calender_btn span { display:inline-block; vertical-align: middle; } .calender_btn .today { margin:0 15px 0 185px; } .calender_btn .today > a { margin:0; padding:0 5px; line-height:22px; height:22px;} .calender_btn .page_btn > a:first-child { margin-right:6px; } .calender_btn .number { margin:0 20px; font-size:24px; font-weight:700; } .calender_btn .number > span { vertical-align:top; } .calender_btn .exc_chk > span { margin-left:10px; } .calender_btn .exc_chk > span:first-child { margin-left:0; } .calender_btn .exc_chk > span > label > img { padding-top:2px; } .calender_btn .page_btn_r { margin-right:40px; } .exc_graph { margin-top:30px; border:1px solid #bfbfbf; } /* .mypage_wrap > > exchage_tab > table_calender */ .table_tbody.table_calender th { text-align:center; background:#fff; } .table_tbody.table_calender tr:first-child th { border-top:none; } .table_tbody.table_calender tr:first-child th > span { color:#ef3f3b; } .table_tbody.table_calender tr:first-child td { border-top:1px solid #e0e0e0; } .table_tbody.table_calender tr td { padding:0; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; } .table_tbody.table_calender tr td:first-child { border-left:none; } .table_tbody.table_calender tr td div.day_conts{height:90px; padding:5px 8px; } .table_tbody.table_calender tr td div.today_on{ border:2px solid #957045; } .table_tbody.table_calender .day_conts .day { margin-bottom:10px; font-weight:700; } .table_tbody.table_calender .day_conts .rate_list > li { height: 15px; line-height:1.3; } .table_tbody.table_calender .day_conts .rate_list > li > img { margin-right:7px; } /* customer main*/ .main_box.customer_info li {float:left; width:242px; border-left:1px solid #ccc;} .main_box.customer_info a {display:block; padding:30px 10px 30px 72px;} .main_box.customer_info .menu01 {border-left:none; border-bottom:1px solid #e0e0e0;} .main_box.customer_info .menu02 {border-bottom:1px solid #e0e0e0;} .main_box.customer_info .menu03 {border-bottom:1px solid #e0e0e0;} .main_box.customer_info .menu04 {border-left:none;} .main_box.customer_info .menu01 a {background:url(../img/sub/bg_customer_01.png) no-repeat 20px 50%;} .main_box.customer_info .menu02 a {background:url(../img/sub/bg_customer_02.png) no-repeat 19px 50%;} .main_box.customer_info .menu03 a {background:url(../img/sub/bg_customer_03.png) no-repeat 19px 50%;} .main_box.customer_info .menu04 a {background:url(../img/sub/bg_customer_04.png) no-repeat 24px 50%;} .main_box.customer_info .menu05 a {background:url(../img/sub/bg_customer_05.png) no-repeat 20px 50%;} .main_box.customer_info .menu06 a {background:url(../img/sub/bg_customer_06.png) no-repeat 19px 50%;} .main_box.customer_info strong {font-size:14px;} .main_box.customer_info p {margin-top:10px; font-size:12.1px; color:#666;} .main_faq_search {padding:26px 0; border-bottom:1px solid #efefef; background:#f9f9f9; text-align:center;} .main_faq_search select {width:120px; height:40px; padding:10px 8px; color:#999;} .main_faq_search input {width:288px; height:18px; padding:10px; border:1px solid #e0e0e0; vertical-align:middle;} .main_faq_search .btn_s_brown {width:80px; height:40px; line-height:40px; border:none;} .main_box.board .guide_list li {float:left; border-left:1px solid #efefef;} .main_box.board .guide_list li:first-child {border-left:none;} .main_box.board .guide_list a {display:block; width:80px; height:117px; padding:40px 20px; text-align:center; font-size:16px;} .main_box.board .guide_list a strong {display:block; padding-top:70px; background-image:url(../img/sub/bg_guide_link_03.png); background-repeat:no-repeat; background-position: center 0;} .main_box.board .guide_list a.guide_sp strong {background-image:url(../img/sub/bg_guide_link_01.png);} .main_box.board .guide_list a.guide_pay strong {background-image:url(../img/sub/bg_guide_link_02.png);} .main_box.board .guide_list a p {margin-top:5px; color:#666;} /* cs_guide > common */ .cs_guide h4 { font-size:20px; font-weight:700; padding-bottom:20px; } .cs_guide h4 span { color:#ef3f3b; } .cs_guide em { font-weight:700; } .cs_guide .bg_list li { padding-left:10px; background:url(../img/common/bg_dot_b2b2b2.png) no-repeat 0 11px; line-height:1.8; } .cs_guide .bg_list li ul { padding-bottom:20px; } .cs_guide .bg_list li ul.red {color:#ef3f3b;} .cs_guide .bg_list li ul.red li {position:relative; background:none;} .cs_guide .bg_list li ul.red li:before {content:""; display:block; position:absolute; left:0; top:11px; width:5px; height:1px; background:#ef3f3b;} .cs_guide .bg_list li ul li { background-image:url(../img/common/bg_line_5px_v.png); } .cs_guide .bg_list li ul li ul { padding-bottom:0; } .cs_guide .bg_list li ul li ul li { padding-left:0; background-image:none; } .cs_guide .bg_list li.star { background-image:url(../img/common/bg_star_5px.png); } .cs_guide .bg_list li span { color:#ef3f3b; } .cs_guide .bg_list li.bg_none { background:none; } .cs_guide .btn_ic_red_s {line-height:1; } .cs_guide .btn_ic_red_s img {display:none;} /* cs_guide > cs_guide_manuals */ .cs_guide .manual_area { padding-bottom:60px; } .cs_guide .manual_area:first-child{ padding-top:30px; border-top:1px solid #e0e0e0; } .cs_guide .receive_wrap .manual_area .bg_list .btn_ic_red_s {margin-left:8px;} .cs_guide .toggle_list { margin-top:20px; border-top:2px solid #333; border-bottom:1px solid #bfbfbf; } .cs_guide .toggle_list > dl { border-top:1px solid #e0e0e0; } .cs_guide .toggle_list > dl:first-child { border-top:none } .cs_guide .toggle_list > dl dt { padding:0 15px; } .cs_guide .toggle_list > dl dt a { display:block; padding:15px 0; background:url(../img/common/ico_plus_bold.png) no-repeat right 50%; font-size:16px; font-weight:700; } .cs_guide .toggle_list > dl dt a.on { background-image:url(../img/common/ico_minus_bold.png); } .cs_guide .toggle_list > dl dd {display:none} .cs_guide .toggle_list > dl dt.on + dd {display:block;} .cs_guide .toggle_list .cont { padding:20px; border-top:1px solid #e0e0e0; } .cs_guide .toggle_list .cont .table_normal { border-bottom:1px solid #bfbfbf; } .cs_guide .toggle_list .cont .table_normal th { border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background-image:none; font-weight:700; color:#333; } .cs_guide .toggle_list .cont .table_normal tr:first-child td { border-top:none; } .cs_guide .toggle_list .cont .table_normal td { color:#333; border-top:1px solid #e0e0e0; border-bottom:none; font-size:13px;} .cs_guide .toggle_list .cont .table_normal td span em { color:#e80f00; } .cs_guide .toggle_list .cont .desc { padding-top:14px; } .cs_guide .toggle_list .cont .desc li { padding:5px; line-height:1.5} .cs_guide .toggle_list .cont .desc li em.time {display:inline-block; border:1px solid #444; background-color:#444; width:40px; height:16px; margin-right:2px; font-size:11px; line-height:16px; text-align:center; color:#fff; font-weight:400;} .cs_guide .toggle_list .cont .desc li em.time5 {display:inline-block; border:1px solid #597f93; background-color:#597f93; width:40px; height:16px; margin-right:2px; font-size:11px; line-height:16px; text-align:center; color:#fff; font-weight:400;} .cs_guide .toggle_list .cont .desc li.btn { padding-top:10px; } .cs_guide .my_order_list_view .delivery_info .img { width:440px; height:319px; } .cs_guide .my_order_list_view .delivery_info .txt { padding-right:0; padding-left:10px; width:242px; } .cs_guide .my_order_list_view .delivery_info .txt dl:first-child dt { margin:0; } /* cs_guide > shopping_step_area */ .cs_guide .shopping_step_area { padding-top:30px; border-top:1px solid #e0e0e0; } .cs_guide .shopping_step_area .tit_tab_step { width:100%; padding-top:15px; } .cs_guide .shopping_step_area .tit_tab_step li { position:relative; float:left; width:20%; text-align:center; } .cs_guide .shopping_step_area .tit_tab_step li a { display:block; padding:15px 0; border:1px solid #bfbfbf; border-left:none; font-size:15px; } .cs_guide .shopping_step_area .tit_tab_step li a.on { border-color:#534a3f; background-color:#534a3f; color:#fff; } .cs_guide .shopping_step_area .tit_tab_step li a em { display:block; padding-bottom:7px; font-size:16px; } .cs_guide .shopping_step_area .tit_tab_step li:first-child a { border-left:1px solid #bfbfbf; } .cs_guide .shopping_step_area .tit_tab_step li span.ic { display:block; position:absolute; right:-10px; top:50%; width:21px; height:21px; margin-top:-11px; z-index:999; background:url(../img/common/ico_arrow.png) no-repeat 0 -464px;} .cs_guide .shopping_step_area .tit_tab_step li span.ic img {display:none;} .cs_guide .shopping_step_area .area { height:450px; padding-top:40px; border-bottom:1px solid #bfbfbf; text-align:center; } .cs_guide .shopping_step_area .area .img { padding-bottom:10px; } .cs_guide .shopping_step_area .area .tit { font-size:24px; font-weight:700; } .cs_guide .shopping_step_area .area .tit span.bg { display:block; width:18px; height:2px; margin:20px auto; background-color:#40362a; } .cs_guide .shopping_step_area .area .txt_l { padding-bottom:15px; line-height:1.5; } .cs_guide .shopping_step_area .area .txt_l li { font-size:18px; font-weight:700; } .cs_guide .shopping_step_area .area .txt_l li em { color:#ef3f3b; } .cs_guide .shopping_step_area .area .txt_s li { padding:5px 0; } /* cs_guide > payment_wrap */ .cs_guide .payment_wrap .ban_area { padding-top:30px; } .cs_guide .payment_wrap .ban_area p { padding-bottom:5px; } .cs_guide .payment_wrap .ban_area ul { padding-top:10px; } .cs_guide .payment_wrap .ban_area ul li { float:left; margin-left:9px; } .cs_guide .payment_wrap .ban_area ul li:first-child { margin-left:0; } .cs_guide .payment_wrap .table_normal { margin:20px 0; border-bottom:1px solid #bfbfbf; } .cs_guide .payment_wrap .table_normal tr:first-child th { font-weight:700; } .cs_guide .payment_wrap .table_normal th { border-top:1px solid #e0e0e0; background-image:none; } .cs_guide .payment_wrap .table_normal thead tr:first-child th { border-top:1px solid #bfbfbf; border-bottom:none;} .cs_guide .payment_wrap .table_normal th:first-child { border-right:1px solid #e0e0e0; } .cs_guide .payment_wrap .table_normal tbody tr:first-child td { border-top:1px solid #bfbfbf; } .cs_guide .payment_wrap .table_normal td { border-left:1px solid #f0f0f0; border-top:1px solid #e0e0e0; border-bottom:none; } .cs_guide .payment_wrap .table_normal td:first-child { border-left:none; } .cs_guide .payment_wrap .certificate { margin-top:20px; padding:15px; border:1px solid #bfbfbf; background-color:#f7f7f7; } .cs_guide .payment_wrap .certificate div dl { position:relative; float:left; width:345px; margin-left:10px; } .cs_guide .payment_wrap .certificate div dl:first-child { margin-left:0; } .cs_guide .payment_wrap .certificate div dl dt { margin-bottom:8px; padding:10px 0; background-color:#40362a; font-weight:700; text-align:center; color:#fff; } .cs_guide .payment_wrap .certificate div dl dd { position:relative; height:55px; padding-top:20px; border:1px solid #e0e0e0; background-color:#fff; line-height:1.5; text-align:center; } .cs_guide .payment_wrap .certificate div dl dd+dd { border-top:none; } .cs_guide .payment_wrap .certificate div dl+dl dd { width:203px; } .cs_guide .payment_wrap .certificate div dl+dl dd+dd+dd { position:absolute; right:0; top:40px; width:128px; height:121px; padding-top:30px; border-top:1px solid #e0e0e0; } .cs_guide .payment_wrap .certificate span.ic1 { display:block; position:absolute; left:50%; bottom:-11px; width:21px; height:21px; background:url(../img/common/ico_arrow.png) no-repeat 0 -495px; margin-left:-11px; z-index:999; } .cs_guide .payment_wrap .certificate span.ic2 { display:block; height:42px; background:url(../img/common/ico_arrow.png) no-repeat 50% -545px; } .cs_guide .payment_wrap .certificate p { padding:15px 0; border:1px solid #e0e0e0; background-color:#fff; line-height:1.5; text-align:center; } /* cs_guide > print_ticket */ .print_ticket .popup_layer { width:480px; } .print_ticket .popup_layer .box { padding:20px; } .print_ticket .popup_layer .box .txt { padding:5px 0 20px 0; line-height:1.5; } .print_ticket .popup_layer .box .img img { width:100%; } /* cs_guide > benefit_wrap */ .cs_guide .benefit_wrap { width:100%; } .cs_guide .benefit_wrap .tit_tab_txt li { width:33.3%; } .cs_guide .benefit_wrap .manual_area { border-top:none; } .cs_guide .benefit_wrap .manual_area .bg_list > li { background-image:url(../img/common/bg_dot_2px_666.png); } .cs_guide .benefit_wrap .manual_area .bg_list li.bg_none { background:none; color:#999; } .cs_guide .benefit_wrap .manual_area .bg_list li ul { padding-bottom:0; } .cs_guide .benefit_wrap .manual_area .bg_list+.bg_list { margin-top:20px; } .cs_guide .benefit_wrap .step_list_wrap_desc { padding:20px 20px 20px 35px; background:url(../img/common/ico_location.png) no-repeat 20px 50%; color:#666; } .cs_guide .benefit_wrap .notice_wrap { margin-top:50px; } .cs_guide .benefit_wrap .notice_wrap dl { padding:5px 0; line-height:1.8; } .cs_guide .benefit_wrap .notice_wrap dl dd a { margin-left:10px; } .cs_guide .benefit_wrap .notice_wrap dl dd span { display:block; padding-left:15px; } .cs_guide .benefit_wrap .deposit_desc { margin-top:20px; padding:15px 30px; border:1px solid #e0e0e0; } .cs_guide .benefit_wrap .deposit_desc a { margin-left:10px; } .cs_guide .benefit_wrap .refund_area { margin-top:20px; border:1px solid #bfbfbf; } .cs_guide .benefit_wrap .refund_area ul {position:relative; width:695px; margin:0 auto; padding:30px 0;} .cs_guide .benefit_wrap .refund_area ul:before {content:""; position:absolute; left:50%; top:50%; display:block; width:20px; height:34px; margin:-17px 0 0 -10px; background:url(../img/common/ico_arrow.png) no-repeat 0 -240px;} .cs_guide .benefit_wrap .refund_area ul li { float:left; } .cs_guide .benefit_wrap .refund_area ul li:first-child { margin-right:55px; } .cs_guide .benefit_wrap .refund_area ul li span { display:block; padding-top:20px; text-align:center; } /* cs_guide > cs_guide_manuals */ .my_check_password a.btn_red { text-align:center; display:inline-block; width:173px; padding:24px 0; background-color:#e80f00; border:1px solid #d3222a; font-size:16px; font-weight:700; color:#fff; } /* my_sns */ .mypage_wrap .my_sns .table_tbody td { vertical-align:middle; } .my_sns > .table_tbody td p.img { width:45px; height:45px; border-radius:2px; } .my_sns > .table_tbody td p.img.fa { border:1px solid #3864a3; } .my_sns > .table_tbody td p.img.tw { border:1px solid #52a8ea; } .my_sns > .table_tbody td p.img.ka { border:1px solid #fbe300; } .my_sns > .table_tbody td p.img.in { border:1px solid #2a5b83; } .my_sns > .table_tbody td p.img.go { border:1px solid #ef3f3b; } .my_sns > .table_tbody td p.img > img { width:100%; height:100%; } .my_sns > .table_tbody td a {padding-right:7px; font-size:12.1px; } .my_sns > .table_tbody td a:after {display:none;} .my_sns > .table_tbody td a.red { color:#e80f00; } /* my_change_password */ .my_change_password .membership_form { margin-top:0; } .my_change_password .membership_form .table_tbody td .input.m { width:212px; } /* with_draw */ .with_draw .draw_info { margin:15px 0 30px 0; border:1px solid #bfbfbf; background-color:#fff; text-align:left; } .with_draw .draw_info .title { margin: 0 30px; background-color:#fff; font-size:22px; font-weight:700; text-align:center; padding:40px 0; line-height:1.3; border-bottom:1px solid #e0e0e0;} .with_draw .draw_info .title span { color:#e80f00; } .with_draw .draw_info .list { padding:35px 30px; border-bottom:1px solid #e0e0e0; } .with_draw .draw_info .list ul li { padding-top:16px; font-size:15px; font-weight:700; color:#666; } .with_draw .draw_info .list ul li:first-child { padding-top:0; } .with_draw .draw_info .list ul li em { font-size:20px; font-family:'Times New Roman'; font-weight:bold; color:#957045; } .with_draw .draw_info .list ul li a { margin-left:15px; font-size:13px; font-weight:400; color:#6d6050; } .with_draw .draw_info .list ul li a span { text-decoration:underline; } .with_draw .draw_info .list p { padding:14px 0 0 10px; font-size:13px;} .with_draw .draw_info .text { padding:25px 0 15px 30px; background-color:#f7f7f7; font-size:13px; line-height:1.8; } .with_draw .draw_info .chk_list { padding:0 0 30px 30px; background-color:#f7f7f7; } .with_draw .draw_info .chk_list li { float:none; padding-top:10px;} .with_draw .draw_info .chk_list li:first-child { padding-top:0; } .with_draw .notice_wrap { border:1px solid #bfbfbf; background-color:#fff; text-align:left; } .with_draw .table_tbody { margin-top:30px; table-layout:fixed; } .with_draw .table_tbody .chk_list li { width:37%; padding-top:5px; } .with_draw a.btn_red { padding:0; } .with_draw a.btn_brown { width: 173px; padding:0px; } /* my_departure_create_form .popup_layer */ .popup_layer_w670 { width:670px !important;} .popup_layer_w670 .padding { padding:30px 20px 40px; } .popup_layer_w670 p, .popup_layer_w670 ul { font-size:12.1px; line-height:1.5; } .cart_payment .popup_layer_w670{ width:670px; } .popup_layer_w670 p.title { padding-bottom:15px; padding-top:30px; } .popup_layer_w670 p:first-child.title { padding-top:0; } .popup_layer_w670 p > span { color:#e80f00; } .popup_layer_w670 .padd { padding:20px 0; } .popup_layer_w670 .padd li { padding-top:3px; } .popup_layer_w670 .padd li:first-child { padding-top:0; } .popup_layer_w670 .padd li span { color:#e80f00; } .popup_layer_w670 .em { padding-top:0; } .popup_layer_w670 .em li em { padding-left:36px; } .popup_layer_w670 .notice_wrap { padding:30px; border-top:1px solid #cccccc; background-color:#f7f7f7; } .popup_layer_w670 .notice_wrap > p { padding-bottom:15px; font-size:14px; font-weight:700; } .popup_layer_w670 .notice_wrap > ul li { padding-left:10px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 10px; line-height:1.8; color:#666; } .popup_layer_w670 .notice_wrap > ul li span {color:#e80f00;} .popup_layer_w670 .notice_wrap > ul li strong { font-weight:400; color:#ef3f3b; } .popup_layer_w670 .notice_wrap > ul li ul li { padding-left:0; background:none; } /* cart_payment popup_layer */ .spcial_popup .popup_layer { width:480px; position:relative; } .spcial_popup .popup_layer .tit { padding:19px 0 19px 14px; font-size:15px; color:#333; } .spcial_popup .popup_layer .tit a.btn_close { top:18px; } .spcial_popup .popup_layer .padding { padding:15px 15px 29px; } .spcial_popup .popup_layer .table_normal tr th{ padding:20px 5px; background-image:none; font-weight:700; } .spcial_popup .popup_layer .table_normal tr:first-child th { border-top:1px solid #bfbfbf; } .spcial_popup .popup_layer .table_normal tr td > label { padding-left:0; } .spcial_popup .popup_layer .departure_box { padding-top:2px; padding-bottom:20px; } .spcial_popup .popup_layer .departure_box > p { padding-top:7px; } .spcial_popup .popup_layer .departure_box > p > a { text-decoration:underline; font-weight:700; } .spcial_popup .popup_layer .departure_box > dl { line-height: 18px; } /*2016.05.30 신라선불 이용약관 - 추가*/ .spcial_popup .popup_layer .departure_box > dl > dt { padding-top:7px; font-weight: bold;} /*2016.05.30 신라선불 이용약관 - 추가*/ .spcial_popup .popup_layer .departure_box > dl > dd > ul { padding-left:17px;} /*2016.05.30 신라선불 이용약관 - 추가*/ .spcial_popup .popup_layer .pagination { padding:20px 0px 0px; } .spcial_popup .popup_layer .pagination li { margin:0px; } .spcial_popup .popup_layer .img { width:438px; margin:0 auto; } .spcial_popup .popup_layer .img > img { width:100%; } .spcial_popup .popup_layer_w550 { width:550px; } .spcial_popup .popup_layer_w550 .padding { padding:30px 20px; } .spcial_popup .popup_layer_w550 .place_airport { text-align:center; padding-bottom:30px; } .spcial_popup .popup_layer_w550 .place_airport > span { font-weight:700; margin-right:5px; } .spcial_popup .popup_layer_w550 .place_airport > select { width:160px; } .spcial_popup .popup_layer_w550 .table_normal tr td, .spcial_popup .popup_layer_w550 .table_normal tr th { color:#333; } .spcial_popup .popup_layer_w550 .table_normal tr td { text-align:center; } .spcial_popup .popup_layer_w550 .table_normal tr td > span { color:#e80f00; font-weight:700; } .agree_pop .padding { overflow-y: scroll; height: 350px; } /*2016.05.30 신라선불 이용약관 - 추가*/ /* .cart_payment .notice_wrap */ .cart_payment .table_tbody th.line { line-height:1.5; } .cart_payment .table_tbody td p.blank { height:101px; } .cart_payment .notice_wrap { } .cart_payment .notice_wrap > p { padding-bottom:15px; font-size:12.1px; font-weight:700; } .cart_payment .notice_wrap > ul li { padding-left:10px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 8px; line-height:1.5; color:#666; } .cart_payment .notice_wrap > ul li strong { font-weight:400; color:#ef3f3b; } .cart_payment .notice_wrap > ul li span { font-weight:700; } .cart_payment .notice_wrap > ul li ul li { padding-left:0; background:none; } .cart_payment .info_box .payment_info_box .notice_wrap > .table_tbody { margin-top:10px; margin-bottom:0; } .cart_payment .notice_wrap > .table_tbody th, .cart_payment .notice_wrap > .table_tbody td { padding:12px 12px; border-top:1px solid #e2e4e6; } .cart_payment .info_box .payment_info_box .notice_wrap > .table_tbody tr:first-child th, .cart_payment .info_box .payment_info_box .notice_wrap > .table_tbody tr:first-child td { border-top:1px solid #e2e4e6; } .cart_payment .notice_wrap > .table_tbody th { border-left:1px solid #e2e4e6; border-right:1px solid #e2e4e6; color:#333; } .cart_payment .notice_wrap > .table_tbody td { border-right:1px solid #e2e4e6; color:#666; } .cart_payment .notice_wrap > .table_tbody td > span { color:#e80f00; } .cart_payment .notice_wrap > p.mo { font-weight:400; padding-bottom:10px; } .cart_payment .notice_wrap > p.mo1 { padding-top:30px; } /* .cart_payment .popup_layer .notice_wrap */ .cart_payment .my_departure_create_form > .popup_layer { right:0; bottom:0; } .cart_payment .my_departure_create_form > .popup_layer .tit { line-height:normal; } .cart_payment .popup_layer .notice_wrap { padding:30px; border-top:1px solid #cccccc; border-bottom:1px solid #ccc; background-color:#f7f7f7; } .cart_payment .popup_layer .notice_wrap > p { padding-bottom:10px; color:#333; font-weight:700; } .cart_payment .popup_layer .notice_wrap > ul li { padding-left:10px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 10px; line-height:1.8; color:#666; } .cart_payment .popup_layer .notice_wrap > ul li strong { font-weight:400; color:#ef3f3b; } .cart_payment .popup_layer .notice_wrap > ul li ul li { padding-left:0; background:none; } /* .cart_payment .popup_layer_w595 */ .cart_payment .popup_layer_w595 { width:595px; } .cart_payment .popup_layer_w595 .text_box { border-bottom:1px solid #d6d6d6; padding-bottom:25px; } .cart_payment .popup_layer_w595 .text_box p > strong span { color:#e80f00; } .cart_payment .popup_layer_w595 .text_area { padding-left:5px; } .cart_payment .popup_layer_w595 .text_area p.title { color:#333; padding-bottom:5px; padding-top:20px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 33px; } .cart_payment .popup_layer_w595 .text_area p { line-height:1.7; color:#666; padding-left:10px; } .cart_payment .popup_layer_w595 .text_area p > span { color:#ef3f3b; } .cart_payment .popup_layer_w595 .text_area ul { color:#666; line-height:1.7; padding-left:10px; } .cart_payment .popup_layer_w595 .text_area ul.font li { font-size:11px; } .cart_payment .popup_layer_w595 .text_area ul li > span { color:#ef3f3b; } /* .cart_payment .popup_layer_w615 */ .cart_payment .popup_layer_w615 { width:615px; } .cart_payment .popup_layer_w615 .chapter { padding-top:20px; } .cart_payment .popup_layer_w615 .notice_wrap { padding:0; border:none; background:none; } .cart_payment .popup_layer_w615 .notice_wrap li em { color:#333; } .cart_payment .popup_layer_w615 .notice_wrap .category_tab .cont { width:400px;} /* .cart_payment .membership_form */ .cart_payment .membership_form { margin-top:0; } .cart_payment .membership_form .popup_layer { position:relative; top:0; right:0; } .cart_payment .membership_form .popup_layer .txt1 li > span { color:#ef3f3b; } .cart_payment .membership_form .popup_layer .padding { padding-bottom:30px; } .cart_payment .membership_form .table_tbody { margin-bottom:0; } .cart_payment .membership_form .table_tbody tr:first-child th, .cart_payment .membership_form .table_tbody tr:first-child td { border-top:1px solid #d6d6d6; } .cart_payment .membership_form .table_tbody th { font-size:12.1px; } .cart_payment .membership_form .table_tbody td strong { font-size:15px; color:#333; } .cart_payment .membership_form .table_tbody .m { width:232px; } .cart_payment .membership_form .table_tbody .ml { width:193px; } .cart_payment .membership_form .table_tbody .passport_date { width:248px; } /* .cart_payment .popup_layer_w540 */ .cart_payment .popup_layer_w540 { width:540px; } .cart_payment .popup_layer_w540 .chapter { padding:20px 20px 30px; } .cart_payment .popup_layer_w540 .chapter .table_normal tr:first-child th { border-top:1px solid #333; background-image:none; font-weight:700; color:#333; } .cart_payment .popup_layer_w540 .chapter .table_normal td { border-bottom:1px solid #d3d3d3; } .cart_payment .popup_layer_w540 .chapter .table_normal td label { padding-left:0; } .cart_payment .popup_layer_w540 .chapter .table_normal td > span { font-weight:700; color:#ef3f3b; } .cart_payment .popup_layer_w550 {width: 550px;} .cart_payment .popup_layer .place_airport { text-align:center; padding-bottom:30px; } .cart_payment .popup_layer .place_airport > span { font-weight:700; margin-right:5px; } .cart_payment .popup_layer .place_airport > select { width:160px; } .cart_payment #popup_notice10 .schedule .table_normal tbody td {padding:20px 0; text-align:center} .cart_payment #popup_notice10 .padding {padding:20px 30px} .popup_layer .hour3 { padding-top:20px; font-size:12.1px; } .popup_layer .hour3 > p:first-child { padding-bottom:0; line-height:1.5; } .popup_layer .hour3 > p span { margin-left:3px; padding:0 4px; border:1px solid #3c3c3c; background-color:#434343; font-size:11px; color:#fff; } .popup_layer .hour3 .btn_ic_red_s {margin-top:13px; } .popup_wrap .popup_layer .hour3 .btn_ic_red_s {margin-top:13px; } .popup_wrap .cart_popup .popup_layer .hour3 > p span { margin-left:3px; padding:0 4px; border:1px solid #3c3c3c; background-color:#434343; font-size:11px; color:#fff; } /* .popup_layer_w370 */ .popup_layer_w370 { width:370px; } .popup_layer_w370 .padding { text-align:center; padding:25px 30px 30px; } .popup_layer_w370 .folder_title { font-weight:700; padding-bottom:20px; } .popup_layer_w370 .folder_select { font-weight:700; padding-bottom:30px; } .popup_layer_w370 .folder_select select { width:260px; } .popup_layer_w370 .btn_area { text-align:center; } .popup_layer_w370 .btn_area a { border-radius:0; color:#fff; font-weight:700; width:120px; padding:11px 10px; } .popup_layer .btn_area a.btn_red { background-color:#ef3f3b; border:1px solid #c13832; } .popup_layer .btn_area a.btn_brown { border: 1px solid #000; background-color: #373231; } .popup_layer_w370 > .txt_box { padding:20px 20px; text-align:left; border-top:1px solid #bfbfbf; background:#f7f7f7; } .popup_layer_w370 > .txt_box > strong { display:block; margin-bottom:18px; } .popup_layer_w370 > .txt_box > ul > li { line-height:20px; text-indent:-10px; color:#666; } .popup_layer_w370 > .txt_box > ul > li strong { color:#333; } /* cs_form */ .cs_form select[disabled="disabled"] { color:#999; background-color:#f9f9f9; } .cs_form .table_tbody tr th, .cs_form .table_tbody tr td{ padding:12px 15px; } .cs_form .table_tbody tr td { vertical-align:middle; } .cs_form .table_tbody tr td select.input_csform { width:150px; } .cs_form .table_tbody tr td select.input_phone { min-width:100px; } .cs_form .table_tbody tr td .write_email { padding:16px 0 10px; } .cs_form .table_tbody tr td .write_email > span, .cs_form .table_tbody tr td .write_phone > span { padding-right:10px; } .cs_form .table_tbody tr td .write_phone { overflow:hidden; } .cs_form .table_tbody tr td .write_phone > span { padding-top:3px; } .cs_form .table_tbody tr td .write_phone > span, .cs_form .table_tbody tr td .write_phone > .tel_box { float:left; } .cs_form .table_tbody tr td .write_phone > .tel_box { width:442px; margin-left:4px; } .cs_form .table_tbody tr td input.input_csform { width:542px; } .cs_form .table_tbody tr td textarea.input_csform { width:542px; overflow-y:scroll; } .cs_form .table_tbody tr td .gray_text { color:#666; padding-top:10px; } .cs_form .table_tbody tr td .gray_text span { color:#ef3f3b; padding-top:10px; } .cs_form .table_tbody tr td input.order_num { width:222px; } .cs_form .btn_wrap { padding-top:10px; } .cs_form .btn_wrap a.btn_a_red { width:173px; padding:0; border-color:#d3222a; } .cs_form .btn_wrap a.btn_a_gray { border-color:#000; height:60px; width:173px; padding:0; line-height:60px; font-size:16px; font-weight:700; } .cs_form .agree_area { padding-bottom:20px; } .cs_form .file_select_wrap .input {width:322px;} /* cs_form .tooltip_layer */ .cs_form .tooltip_layer { position:absolute; top:750px; left:420px; width:400px; } .cs_form .tooltip_layer .ic { position:absolute; bottom:-7px; left:21px; display:block; width:12px; height:8px; margin-top:-6px; background:url(../img/common/ico_arrow.png) no-repeat 0 -285px; } .cs_form .tooltip_layer .box { width:360px; background-color:#fff; padding:20px; border:1px solid #000; } .cs_form .tooltip_layer .box p { font-size:11px; line-height:1.8; padding-bottom:20px; } .cs_form .tooltip_layer .box ul li { padding-top:10px; font-size:11px; font-weight:400; } .cs_form .tooltip_layer .box ul li:first-child { padding-top:0; font-weight:700; } /* .spcial_popup .popup_layer_755 */ .spcial_popup .popup_layer_755 { width:753px; } .spcial_popup .popup_layer_755 .table_normal td { padding:12px 5px; } /* membership */ .membership .table_tbody { border-top:2px solid #333; border-collapse: separate;} .membership .table_tbody tr:first-child th, .membership .table_tbody tr:first-child td { border-top:none; } .membership .table_tbody tr td { border-left:1px solid #e0e0e0; text-align:center; } .membership .table_tbody tr td p.grade { padding-top:9px; line-height:1; } .membership .table_tbody tr td p.super { padding-top:2px; } .membership .table_tbody tr td p.special {padding-top:8px; } .membership .table_tbody tr p.mi_img { width:70px; height:70px; margin:0 auto; } .membership .table_tbody tr p.mi_img > img { width:100%; } .membership .table_tbody tr td { padding:20px 0 22px; vertical-align:middle;} .membership .table_tbody tr th { padding:15px 10px; color:#666; text-align:center; } .membership .table_tbody tr th > span { font-weight:400; display:block; } .membership .red_text { padding-top:15px; } .membership .red_text > span { color:#e80f00; } .membership .left_table tr td.ailgnR { text-align:center; padding-left:0; padding-right:0; } .membership .left_table tr td { text-align:left; padding-left:10px; padding-right:10px; vertical-align:top; } .membership .left_table tr td .list_dot { padding-top:0; } .membership .left_table tr td p { color:#333; } .membership .left_table tr td p > span { display:block; margin-top:10px; color:#999; font-size:11px; } .membership .left_table tr td.middle { vertical-align:middle } .membership .left_table tr th.border { border-left:1px solid #efefef; } .membership .left_table + ul { padding-top:15px; } .membership .left_table + ul li { padding-bottom:10px; color:#666; } .membership .family_card { border-top:1px solid #e0e0e0; margin-top:20px; } .membership .family_card li { color:#666; padding-bottom:10px; } .membership .family_card li:first-child { padding-top:24px; padding-bottom:15px; } .membership .family_card >ul li { color:#666; } .membership .family_card >ul li:first-child { padding-bottom:7px; } /* .marketing_warp > .product_list_wrap tab */ .marketing_warp .product_list_wrap .tit_area { padding:20px 0; } /* .marketing_warp .product_list_wrap { margin-top:30px; } */ .marketing_warp .product_list_wrap .tab_area > .tit_tab { padding:12px 0; border-bottom:1px solid #bfbfbf; /*border-top:1px solid #bfbfbf;*/ } .marketing_warp .product_list_wrap .tit_area + .tab_area { border-top:1px solid #bfbfbf; } .marketing_warp .tab_area2 { padding:20px 15px 0 15px; } .marketing_warp .tab_area2 .tit_tab { width:100%; } .marketing_warp .tab_area2 .tit_tab li { float:left; width:20%; } .marketing_warp .tab_area2 .tit_tab li a { padding:0; display:block; height:50px; line-height:50px; border:1px solid #bfbfbf; border-left:none; background-color:#e6e6e6; text-align:center; color:#6e6e6e; } .marketing_warp .tab_area2 .tit_tab li:first-child a { border:1px solid #bfbfbf; } .marketing_warp .tab_area2 .tit_tab li a img { opacity:0.5;filter: alpha(opacity = 50%); } .marketing_warp .tab_area2 .tit_tab li a.on { border-top:2px solid #333; border-bottom:none; background-color:#fff; font-weight:700; color:#000; } .marketing_warp .tab_area2 .tit_tab li a.on img { opacity:1; filter: alpha(opacity = 100%);} .marketing_warp .tab_area2 .area .list > li { position:relative; width:20%; float:left; } .marketing_warp .tab_area2 .area .list > li:first-child .rank { color:#e80f00; border-color:#e80f00; } .marketing_warp .tab_area2 .area .list > li .product_off .img > img { padding: 37px 0px 10px; } .marketing_warp .tab_area2 .area .list > li .product_off .price { padding-bottom:20px; } .marketing_warp .tab_area2 .area .product_over .tit strong { display:block; font-size:12.1px; } .marketing_warp .tab_area2 .area .product_over .btn { width:100%; left:0; } /* .marketing_warp > power_search */ .marketing_warp .power_search { margin-top:50px; } /* .marketing_warp > top_tit */ .marketing_warp .top_tit { background:url(../img/sub/bg_marketing_bestselling.jpg) no-repeat; height:140px; color:#fff; padding-left:65px; } .marketing_warp .top_tit h3 { color:#fff !important; font-size:42px !important; text-align:left !important; padding:34px 0 17px; } .marketing_warp .top_tit p { font-size:16px; } /* .marketing_warp > top_tit */ .marketing_warp .tit_brand { border-top:1px solid #bfbfbf; } .marketing_warp .tit_brand li { position:relative; float:left; padding:7px 1%; background:url(../img/common/ico_common.png) no-repeat -99px -300px; text-align:center; } .marketing_warp .tit_brand li:first-child { background:none; } .marketing_warp .tit_brand li a:hover img { opacity:0.5;filter: alpha(opacity = 50%); } .marketing_warp .brand_over {display:none} .marketing_warp a:hover .brand_over, .marketing_warp a.on .brand_over {display:block; box-sizing:border-box; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; text-align:center; opacity:1; background:url(../img/common/bg_dimmed.png); z-index:999} .marketing_warp .brand_over > strong { display:block; margin-top:11px; font-size:12.1px; } .marketing_warp .brand_over > span { display:block; margin-top:6px; font-size:11px;} /* marketing_gift > visual_gift */ .marketing_gift { position:relative; padding-top:400px; } .marketing_gift .visual_gift { position:absolute; top:0; left:50%; width:1190px; height:394px; margin-left:-598px; border:3px solid #373231; } .marketing_gift .visual_gift .tab { position:absolute; top:17px; left:50%; width:348px; margin-left:-175px; border:1px solid #e80f00; z-index:1000; } .marketing_gift .visual_gift .tab > li { float:left; position:relative; } .marketing_gift .visual_gift .tab > li > a {display:block; width:86px; height:42px; line-height:42px; color:#fff; text-align:center; border-left:1px solid #534a3f; background-color:#333;} .marketing_gift .visual_gift .tab > li:first-child a { width:87px; border-left:0; } .marketing_gift .visual_gift .tab > li .bg { display:none} .marketing_gift .visual_gift .tab > li.on a { background-color:#e80f00; } .marketing_gift .visual_gift .tab > li.on .bg { display:block; position:absolute; left:50%; bottom:-1px; width:12px; height:6px; margin-left:-6px; background:url('../img/common/bg_marketing_gift_tab.png') no-repeat 50% 100%; } .marketing_gift .visual_gift .tit_rolling { position:absolute; top:-3px; left:-3px; width:309px; height:400px; padding-right:16px; overflow:hidden; background:url('../img/sub/bg_marketing_gift_shdow.png') no-repeat 100% 0; z-index:10} .marketing_gift .visual_gift .tit_rolling > ul > li { display:none; float:left; position:relative; } .marketing_gift .visual_gift .tit_rolling > ul > li.on {display:block} .marketing_gift .visual_gift .tit_rolling .img { display:block; } .marketing_gift .visual_gift .tit_rolling .txt { position:absolute; top:94px; left:130px; color:#fff; } .marketing_gift .visual_gift .tit_rolling .txt > strong { display:block; font-size:42px; font-weight:700; } .marketing_gift .visual_gift .tit_rolling .txt > em { display:block; margin-top:40px; font-size:28px; } .marketing_gift .visual_gift .tit_rolling .txt > p { width:140px; margin-top:13px; font-size:28px; line-height:32px; } .marketing_gift .tit_rolling .banner_nav { position:absolute; top:324px; left:126px; } .marketing_gift .tit_rolling .banner_nav > a { float:left; display:block; width:28px; height:28px; font-size:1px; text-indent:-9999px; background:url('../img/common/ico_play_pause02.png') no-repeat 0 0; } .marketing_gift .tit_rolling .banner_nav > .play { background-position:0 0; } .marketing_gift .tit_rolling .banner_nav > .pause { background-position:0 -28px; } .marketing_gift .tit_rolling .banner_nav > ul { float:left; margin:10px 0 0 11px; } .marketing_gift .tit_rolling .banner_nav > ul li {float:left; margin-right:6px; widTh:8px; height:8px;} .marketing_gift .tit_rolling .banner_nav > ul li a {display:block; width:8px; height:8px; overflow:hidden; text-indent:-99px; background:url('../img/common/bg_dot_slidev2.png') no-repeat left -8px;} .marketing_gift .tit_rolling .banner_nav > ul li a.on {background-position:0 0;} .marketing_gift .list_rolling { position:relative; width:1190px; height:394px; overflow:hidden} .marketing_gift .list_rolling .product_list .list {position:absolute; left:124px; top:0; } .marketing_gift .list_rolling .product_list .list .on {position:relative; z-index:9; border-left:1px solid #bfbfbf; margin-right:-1px} .marketing_gift .list_rolling .dimmed {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/common/bg_dimmed02.png);} .list_rolling .product_list .list > li { position:relative; float:left; width:231px; height:394px; border-right:1px solid #bfbfbf; background-color:#fff} .list_rolling .product_list .list > li:first-child {width:230px; border-left:1px solid #bfbfbf} .list_rolling .product_list > ul > li > a { display:inline-block} .list_rolling .product_list .list > li .img { display:block; width:126px; height:195px; margin:199px 0 0 105px; overflow:hidden} .list_rolling .product_list .list > li:first-child .img { margin:199px 0 0 104px;} .list_rolling .product_list .list > li .img img { width:100%; } .list_rolling .product_list .list > li .txt { position:absolute; top:93px; left:15px; } .list_rolling .product_list .list > li .txt strong { display:block; width:191px; margin-bottom:10px; font-size:16px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .list_rolling .product_list .list > li .txt p { width:191px; padding-bottom:15px; font-size:18px; color:#373231; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:url('../img/common/bg_line_v_333.png') no-repeat 0 100%;} .list_rolling .product_list .list > li > a .price {margin-top:44px} .list_rolling .product_list .list > li > a .price > li { margin-top:10px; font-size:12.1px; color:#373231; } .list_rolling .product_list .list > li > a .price > li:first-child { margin-top:0; } .list_rolling .product_list .list > li > a .price > li > em { font-size:32px; color:#e80f00; font-family:'Times New Roman'; font-weight:bold; } .list_rolling .product_list .list > li > a .price > li > em span { font-size:22px; color:#222} .list_rolling .product_list .list .product_over .tit {position:static; display:block; margin-top:74px; width:188px; font-size:12.1px} .list_rolling .product_list .list .product_over .tit + span { display:block; margin-top:9px; font-size:14px; } .list_rolling .product_list .list .product_over .tit + span > em {display:block; margin-top:10px; } .list_rolling .product_list .list .product_over .percent {top:205px; margin-top:0} .list_rolling .product_list .list .product_over .price { bottom:63px; } .list_rolling .prev {position:absolute; top:171px; left:323px; display:block; width:34px; height:52px; font-size:1px; text-indent:-9999px; background:url('../img/common/ico_rolling.png') no-repeat 0 0; z-index:1000} .list_rolling .next {position:absolute; top:171px; right:104px; display:block; width:34px; height:52px; font-size:1px; text-indent:-9999px; background:url('../img/common/ico_rolling.png') no-repeat 0 -52px; z-index:1000} /* marketing_gift > best_present */ .marketing_gift .best_present { margin-bottom:30px; } .marketing_gift .best_present h2 { margin-bottom:12px; padding:29px 0 21px; font-size:26px; font-weight:700; border-bottom:2px solid #333} .marketing_gift .best_present ul > li {float:left} .marketing_gift .best_present li > a {display:block; width:106px; height:62px; margin-right:12px; padding-top:44px; color:#fff; font-weight:700; font-size:18px; text-align:center} .marketing_gift .best_present li span { display:none; width:25px; height:24px; margin:0 auto; background:url('../img/common/bg_arrow13.png') no-repeat 50% 100%; } .marketing_gift .best_present li > a:hover { height:80px; padding-top:26px; } .marketing_gift .best_present li > a:hover span {display:block; margin-top:9px; } .marketing_gift .best_present .colum01 {float:left; width:224px; height:224px; } .marketing_gift .best_present .colum02 { position:relative; float:left; width:340px; height:224px; margin:0 12px; } .marketing_gift .best_present .colum02 .img {display:block} .marketing_gift .best_present .colum02 > a > strong { position:absolute; top:30px; right:29px; font-size:26px; font-weight:700; color:#fff} .marketing_gift .best_present .colum02 > a:hover .over {display:block;} .marketing_gift .best_present .colum02 .over { display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:url('../img/common/bg_dimmed.png');} .marketing_gift .best_present .colum02 .over > strong { display:inline-block; margin-top:46px; color:#fff; font-size:16px; } .marketing_gift .best_present .colum02 .over > p {margin-top:11px; color:#fff; font-size:32px; font-weight:700; } .marketing_gift .best_present .colum02 .over .bg { display:inline-block;width:72px; height:60px; margin-top:16px; border-top:2px solid #fff; background:url('../img/common/bg_arrow14.png') no-repeat 50% 20px} .marketing_gift .best_present .colum03 {float:left; width:342px; height:224px;} .marketing_gift .best_present .category01 > a { background-color:#56b6f9; } .marketing_gift .best_present .category02 > a { margin-right:0; background-color:#d2b897; } .marketing_gift .best_present .category03 > a { margin-top:12px; background-color:#59c3e1; } .marketing_gift .best_present .category04 > a { margin-top:12px; margin-right:0; background-color:#ae90b4; } .marketing_gift .best_present .category05 > a { background-color:#6ab9af; } .marketing_gift .best_present .category06 > a { background-color:#f6738b; } .marketing_gift .best_present .category07 > a { margin-right:0; background-color:#84c83b; } .marketing_gift .best_present .category08 > a { margin-top:12px; background-color:#c1a89d; } .marketing_gift .best_present .category09 > a { margin-top:12px; background-color:#f2a94a; } .marketing_gift .best_present .category10 > a { margin-top:12px; margin-right:0; background-color:#f57272; } .marketing_gift .best_product { border:1px solid #bebebe; } .marketing_gift .best_product h2 {padding:19px 0 17px} .marketing_gift .best_product .list { position:relative; width:100%; border-top:1px solid #bebebe; } .marketing_gift .best_product .list > li { box-sizing:border-box; position:relative; float:left; width:20%; } .marketing_gift .best_product .list > li > a { display:block; width:150px; height:260px; margin:0 auto; text-align:center; } .marketing_gift .power_search { margin-top:30px; } /* .marketing_bestselling .best_selling */ .marketing_bestselling.marketing_3hour_wrap { padding-top:0; } .marketing_bestselling .best_selling {display:none; width:931px; margin-top:5px; /* display:none sds요청 tab -> ajax */} .marketing_bestselling .best_selling .btn_area + .best_box { margin-top:10px; } .marketing_bestselling .best_selling .btn_area > .gray { background-color:#333; color:#fff !important; } /* .marketing_bestselling .four .product_list */ .marketing_bestselling .four .best_box .product_list { width:929px; border:1px solid #bfbfbf; } .marketing_bestselling .four .best_box .product_off .first { background-color:#e80f00; color:#fff; } .marketing_bestselling .four .best_box .product_list > ul > li { float:left; width:231px; height:390px; border:none; border-left:1px solid #e0e0e0; } .marketing_bestselling .four .best_box .product_list > ul > li:first-child { border:none; width:233px; } .marketing_bestselling .four .best_box .product_off .img > img { padding:58px 0 0; } .marketing_bestselling .four .best_box .product_off .price { padding:0; text-align:center; } .marketing_bestselling .four .best_box .product_off .price .won { padding-bottom:10px; } .marketing_bestselling .four .best_box .product_over .big { top:195px; } .marketing_bestselling .four .best_box .product_over .button { width:232px; } .marketing_bestselling .four .best_box .product_list > ul > li:first-child > .product_over .button { width:235px; } .marketing_bestselling .four .best_box .product_over .button a:first-child { width:114px; } /* .marketing_bestselling .best_selling .brand_best */ .marketing_bestselling .best_selling .brand_best { border:1px solid #bfbfbf; margin-top:5px; padding:25px 25px 11px 30px; margin-bottom:30px; } .marketing_bestselling .best_selling .brand_best li > a > span { padding-right:10px; font-size:12.1px; padding-top:3px; padding-left:2px; color:#fff; background:url('../img/sub/ico_bestseller.png') no-repeat; width:18px; height:17px; display:inline-block; } .marketing_bestselling .best_selling .brand_best li > a > span.one { padding-left:6px; padding-top:3px; width:14px; height:17px; } .marketing_bestselling .best_selling .brand_best li { float:left; width:173px; padding-bottom:14px; } .marketing_bestselling .best_selling .brand_best li > a > span.yellow { background-position:0px -21px; } .marketing_bestselling .best_selling .brand_best li > a > span.gold { background-position:0 -42px; } .marketing_bestselling .best_search_list { margin-bottom:15px; } .marketing_bestselling .best_search_list .title { position:relative; background-color:#f5f3f3; border-top:2px solid #333; padding:16px 15px 20px 20px; } .marketing_bestselling .best_search_list .title h3 { font-size:22px !important; text-align:left !important; } .marketing_bestselling .best_search_list .title h3 > span { font-size:26px; padding-right:10px; } .marketing_bestselling .best_search_list .title .btn_a_white { padding:0 25px 0 10px; position:absolute; right:15px; top:15px; background:#fff url('../img/common/ico_toggle.png') no-repeat 76px 9px; } .marketing_bestselling .best_search_list .product_off .first { color:#e80f00; } .marketing_bestselling .best_search_list .product_off .number { background-color:#fff; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-size:18px; } .marketing_bestselling .best_selling .best_list { border:1px solid #bfbfbf; } .marketing_bestselling .best_selling .best_list > .tab_area > .tit_tab { border-bottom:none; } .marketing_bestselling .best_selling .best_list .product_list .list > li > a { height:375px; } .marketing_bestselling .best_selling .best_list .product_list .list .outline .product_over .percent { top:226px; } .marketing_bestselling .best_selling .best_list .product_list .number { position:absolute; top:20px; left:14px; font-size:18px; font-weight:700; color:#6d6050; } .marketing_bestselling .best_selling .best_list .product_list .first { color:#e80f00; } .marketing_bestselling .best_selling .best_list .product_list .prtit_area { top:42px; left:9px; } .marketing_bestselling .best_selling .best_list .product_list .product_off .img > img { padding:66px 0 12px; } /* marketing_bestselling .best_selling .hotsale_list */ .marketing_bestselling .best_selling .hotsale_list { border:1px solid #bfbfbf; margin-top:30px; } .marketing_bestselling .best_selling .hotsale_list .product_list { display:none; } .marketing_bestselling .best_selling .hotsale_list .product_list.on { display:block; } .marketing_bestselling .best_selling .hotsale_list .product_over_outline .big { top:218px; } .marketing_bestselling .best_selling .hotsale_list .product_over_outline_login .big { top:218px; } .marketing_bestselling .best_selling .hotsale_list .product_over_outline_soldout .big { top:218px; } .marketing_bestselling .best_selling .hotsale_list .product_over_outline_order .big { top:218px; } /* hotsale_wrap */ .hotsale_wrap { position:relative; padding-top:454px; } .hotsale_wrap .hotsale_banner { position:absolute; top:0; left:50%; width:1200px; height:454px; margin-left:-600px; background:url('../img/sub/bg_marketing_hotsale.jpg') no-repeat; } .hotsale_wrap .hotsale_banner .section { width:931px; margin:0 auto; position:relative; } .hotsale_wrap .hotsale_banner .section .title { padding-top:40px; } .hotsale_wrap .hotsale_banner .section .title h3 { float:left; font-weight:700; color:#fff !important; font-size:46px !important; text-align:left !important; } .hotsale_wrap .hotsale_banner .section .title p { float:left; color:#ccc; line-height:22px; font-size:16px; padding-left:20px; padding-top:9px; } /* .hotsale_wrap .hotsale_banner .specials_sale */ .hotsale_wrap .hotsale_banner .hotsale_list { visibility:hidden; margin-left:-134px; padding-top:28px; } .hotsale_wrap .hotsale_banner .specials_sale { position:relative; } .hotsale_wrap .hotsale_banner .specials_sale .list_wrap { overflow:hidden; position:relative; height:277px;} .hotsale_wrap .hotsale_banner .specials_sale .list {width:1663px !important; margin-left:-415px; } .hotsale_wrap .hotsale_banner .specials_sale .list li { float:left; margin:0 8px; position:relative; } .hotsale_wrap .hotsale_banner .specials_sale .dim_screen {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/sub/bg_marketing_dimscreen.png'); z-index:100} .hotsale_wrap .hotsale_banner .specials_sale .on .dim_screen {display:none} .hotsale_wrap .hotsale_banner .specials_sale .product { position:relative; width:533px; } .hotsale_wrap .hotsale_banner .specials_sale .hotsale_wrap .hotsale_banner .product_info, .hotsale_wrap .hotsale_banner .specials_sale .product_img { position:relative; float:left; width:287px; height:277px; background-color:#fff; } .hotsale_wrap .hotsale_banner .specials_sale .hotsale_wrap .hotsale_banner .product_info, .hotsale_wrap .hotsale_banner .specials_sale .product_img img { position:absolute; left:50%; top:50%; width:250px; height:250px; margin:-125px 0 0 -125px; } .hotsale_wrap .hotsale_banner .specials_sale .product_img > .percent { width:72px; height:72px; position:absolute; top:16px; left:16px; } .hotsale_wrap .hotsale_banner .specials_sale .product_info { background-color:#fff; width:206px; height:237px; position:absolute; right:0; padding:18px 20px 22px; } .hotsale_wrap .hotsale_banner .specials_sale .product_info .name { font-size:18px; font-weight:700; border-bottom:1px solid #bfbfbf; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .hotsale_wrap .hotsale_banner .specials_sale .product_info .name span { font-size:14px;font-weight:400; display:block; margin-top:7px; padding-bottom:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .hotsale_wrap .hotsale_banner .specials_sale .product_info .sub_name {height:36px; margin-top:13px; line-height:1.3; font-size:14px; color:#534a3f;} .hotsale_wrap .hotsale_banner .specials_sale .product_info .sub_name span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .hotsale_wrap .hotsale_banner .specials_sale .product_info .price { margin-top:8px; font-family:'Times New Roman'; font-weight:bold;} .hotsale_wrap .hotsale_banner .specials_sale .product_info .price .sale {margin-right:10px; text-decoration:line-through; font-size:22px; color:#534a3f;} .hotsale_wrap .hotsale_banner .specials_sale .product_info .price .regular { font-size:32px; color:#e80f00;} .hotsale_wrap .hotsale_banner .specials_sale .product_info .won {margin-top:2px; font-size:13px; color:#999; } .hotsale_wrap .hotsale_banner .specials_sale .product_info.login_guide .btn_area a { width:100%;} .hotsale_wrap .hotsale_banner .specials_sale .product_info.login_guide .btn_area a:first-child { background-color:#e80f00;} .hotsale_wrap .hotsale_banner .specials_sale .product_info .login_txt { margin-top:31px; color:#e80f00; font-size:16px; font-weight:700; line-height:1.3em; text-align:center} .hotsale_wrap .hotsale_banner .specials_sale .product_info.sold_out_order .price { margin-top:6px} .hotsale_wrap .hotsale_banner .specials_sale .product_info.sold_out_order .btn_area a { width:100%; } .hotsale_wrap .hotsale_banner .specials_sale .product_info.sold_out_order .btn_area a:first-child { background-color:#957045;} .hotsale_wrap .hotsale_banner .specials_sale .product_info .soldout_txt { margin-top:10px; color:#666; font-size:16px; font-weight:700; text-align:center} .hotsale_wrap .hotsale_banner .specials_sale .product_info.sold_out .price { margin-top:6px} .hotsale_wrap .hotsale_banner .specials_sale .product_info.sold_out .btn_area a { width:100%; } .hotsale_wrap .hotsale_banner .specials_sale .product_info.sold_out .btn_area a:first-child { background-color:#e80f00;} .hotsale_wrap .hotsale_banner .specials_sale .product_info .btn_area {position:absolute; left:20px; right:20px; bottom:20px; width:auto } .hotsale_wrap .hotsale_banner .specials_sale .product_info .btn_area a { display:inline-block; float:left; padding:11px 0px; margin:0; width:50%; background-color:#e80f00; text-align:center; color:#fff; } .hotsale_wrap .hotsale_banner .specials_sale .product_info .btn_area a:first-child { background-color:#373231; } /* .hotsale_wrap .hotsale_banner .specials_sale .btn_move */ .hotsale_wrap .hotsale_banner .specials_sale .btn_move a { overflow:hidden; position:absolute; top:122px; display:block; width:18px; height:34px; font-size:1px; text-indent:-9999px; z-index:100; background-image:url(../img/sub/bg_btn_hotsale.png); background-repeat:no-repeat;} .hotsale_wrap .hotsale_banner .specials_sale .btn_move a.prev { left:94px; background-position:0 0;} .hotsale_wrap .hotsale_banner .specials_sale .btn_move a.next { right:342px; background-position:right 0;} /* .hotsale_wrap .hotsale_banner .specials_sale .btn_box */ .hotsale_wrap .hotsale_banner .specials_sale .btn_box { width:795px; padding-top:16px; text-align:center;} .hotsale_wrap .hotsale_banner .specials_sale .btn_box .btn_area { margin:0; } .hotsale_wrap .hotsale_banner .specials_sale .btn_box .banner_nav { display:inline-block; height:8px; margin-right:8px; vertical-align:middle;} .hotsale_wrap .hotsale_banner .specials_sale .btn_box .banner_nav ul { width:100%; } .hotsale_wrap .hotsale_banner .specials_sale .btn_box .banner_nav ul li { float:left; margin-left:6px; } .hotsale_wrap .hotsale_banner .specials_sale .btn_box .banner_nav ul li:first-child { margin-left:0; } .hotsale_wrap .hotsale_banner .specials_sale .btn_box .banner_nav ul li a { display:block; overflow:hidden; width:8px; height:8px; background:url(../img/common/bg_slide_paging.png) no-repeat 0 -8px; font-size:0; text-indent:-9999px; } .hotsale_wrap .hotsale_banner .specials_sale .btn_box .banner_nav ul li a.on { background:url(../img/common/bg_slide_paging.png) no-repeat 0 0; } .hotsale_wrap .hotsale_banner .specials_sale .btn_box .btn_play { display:inline-block; vertical-align:middle;} .hotsale_wrap .hotsale_banner .specials_sale .btn_box .btn_play .play { display:none; overflow:hidden; float:left; width:18px; height:18px; text-indent:-9999px; background:url('../img/sub/ico_play_pause_sub_type2.png') no-repeat 0 0; } .hotsale_wrap .hotsale_banner .specials_sale .btn_box .btn_play .stop { display:block; overflow:hidden; float:left; width:18px; height:18px; text-indent:-9999px; background:url('../img/sub/ico_play_pause_sub_type2.png') no-repeat 0 -20px; } /* .hotsale_wrap .pro_banner */ .hotsale_wrap .pro_banner { width:270px; position:absolute;top:0; right:0; z-index:100; } .hotsale_wrap .pro_banner li {position:relative; height:150px; margin-top:2px; } .hotsale_wrap .pro_banner li:first-child { margin-top:0; } .hotsale_wrap .pro_banner li img {width:100%; height:100%;} .hotsale_wrap .pro_banner li p {display:none; position:absolute; left:15px;} .hotsale_wrap .pro_banner li .brend {top:20px; font-size:14px; color:#fff} .hotsale_wrap .pro_banner li .brend span {display:block; margin-top:5px; font-weight:700; font-size:13px;} .hotsale_wrap .pro_banner li .tit {bottom:40px; font-weight:700; font-size:18px;} .hotsale_wrap .pro_banner li .desc {bottom:18px; font-size:12.1px;} /* hotsale_wrap tab */ .marketing_tab .product_list_wrap { border:none; margin-top:4px; } .marketing_tab .product_list_wrap .product_list_wrap {border:1px solid #bfbfbf;} .marketing_tab .product_list_wrap > .new_tab.tab_area { padding:0; border-bottom:none; } .marketing_tab .product_list_wrap > .new_tab.tab_area > .tit_tab { border:none; width:929px; border:1px solid #817a77; border-top:2px solid #333; padding:0; margin:12px 0; } .marketing_tab .product_list_wrap > .new_tab.tab_area > .tit_tab li { width:233px; display:block; float:left; margin:0; } .marketing_tab .product_list_wrap > .new_tab.tab_area > .tit_tab li:first-child { width:230px; } .marketing_tab .product_list_wrap > .new_tab.tab_area > .tit_tab li a {position:relative; display:block; padding:16px 16px 16px; font-size:18px; border-left:1px solid #988e8a; background-color:#b8b5b2; background-image:none; color:#fff; text-align:center;} .marketing_tab .product_list_wrap > .new_tab.tab_area > .tit_tab li:first-child a { border-left:0; } .marketing_tab .product_list_wrap > .new_tab.tab_area > .tit_tab li a.on { background:#e80f00; } /* bestseller_wrap */ .bestseller_wrap { width:100%; padding-top:30px}/* 2016.05.03 왼쪽스크래퍼 - 수정 */ .bestseller_wrap .img_main { width:100%; height:140px; margin-top:0px; background:url(https://media.shilladfs.com/estore/_ui/desktop/common/shilladfshome/kr/img/sub/img_bestseller_main.jpg) no-repeat 0 0; }/* 2016.05.03 왼쪽스크래퍼 - 수정 */ .bestseller_wrap .img_main h2 { padding:30px 0 10px 66px; font-size:40px; font-weight:700; color:#333; } .bestseller_wrap .img_main .txt_s { display:block; padding-left:66px; font-size:16px; color:#333; } .bestseller_wrap .new_tab.tab_area > .tit_tab li:first-child { width:24.9%; } .bestseller_wrap .tit_tab_sub { width:100%; padding-bottom:10px; } .bestseller_wrap .tit_tab_sub li { float:left; padding-right:8px; } .bestseller_wrap .tit_tab_sub li a { display:block; width:70px; height:26px; border:1px solid #e0e0e0; border-radius:2px; line-height:26px; text-align:center; } .bestseller_wrap .tit_tab_sub li a.on { background-color:#333; color:#fff; } .bestseller_wrap .product_list_wrap { margin-top:0 !important; } .bestseller_wrap .product_list_wrap .best_box .ico_bg { background-color:#e80f00; color:#fff; } .bestseller_wrap .best_box { margin-bottom:30px; } .bestseller_wrap .best_box.search_best {border-top:none; margin-bottom:15px;} .bestseller_wrap .tab_menu {position:relative; padding:12px 14px; border-bottom:1px solid #bfbfbf; z-index:2;} .bestseller_wrap .tab_menu ul { width:100%; } .bestseller_wrap .tab_menu ul li { float:left; background:url(../img/common/bg_line_v_e0e0e0.png) no-repeat 0 50%; } .bestseller_wrap .tab_menu ul li:first-child { background-image:none; } .bestseller_wrap .tab_menu ul li a {position:relative; display:block; padding:13px; font-size:14px; } .bestseller_wrap .tab_menu ul li a.on { background:#333; color:#fff; } .bestseller_wrap .tab_menu ul li a.on:after {content:""; position:absolute; left:50%; bottom:0; display:block; width:9px; height:5px; margin-left:-4.5px; background:url(../img/common/ico_arrow.png) no-repeat 0 -369px;} .bestseller_wrap .tab_cont {display:none;} .bestseller_wrap .tab_cont .product_list:first-child {border-top:none;} .bestseller_wrap .tab_cont.on {display:block;} .bestseller_wrap .product_over .over_btn_area a.btn {padding-right:0;} .search_rank { margin-bottom:30px; padding:20px 25px 20px 30px ; border:1px solid #bfbfbf; } .search_rank ul li { float:left; width:174px; padding:5px 0; } /*20160912 bestshop underline*/ .search_rank ul li a:hover {text-decoration:underline} .search_rank ul li a { display:block; position:relative; height:20px; padding:0 20px 0 30px; font-size:14px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .search_rank ul li a span { display:block; position:absolute; left:0; top:0; width:20px; height:20px; font-size:12.1px; font-weight:700; text-align:center; color:#fff; } .search_rank ul li a span.bg_num_red { background-image:url(../img/common/bg_rank_red.png); } .search_rank ul li a span.bg_num_orange { background-image:url(../img/common/bg_rank_orange.png); } .search_rank ul li a span.bg_num_brown { background-image:url(../img/common/bg_rank_brown.png); } #best_selling4 .tit_l { position:relative; padding:15px 15px 15px 20px; border-top:3px solid #333; border-bottom:1px solid #bfbfbf; background-color:#f5f3f3; font-size:22px; font-weight:700;} #best_selling4 .tit_l span { padding-right:18px; font-size:26px;} #best_selling4 .tit_l a { position:absolute; right:15px; } #best_selling4 .tit_l a img { padding-left:10px; } /* marketing_warp > marketing_coupon_wrap */ .marketing_coupon_wrap .img_main { width:100%; height:170px; background:url(../img/sub/160927-KRPC-CouponZoneNew-931x170.jpg) no-repeat 0 0; } .marketing_coupon_wrap .img_main h2 { padding:8px 0 15px 52px; font-size:32px; font-weight:700; color:#373231; } .marketing_coupon_wrap .img_main h2 em { color:#ef3f3b; } .marketing_coupon_wrap .img_main .txt_s { display:block; padding:5px 0 0 55px; font-size:14px; font-weight:700; color:#6d6050; } .marketing_coupon_wrap .img_main .txt_s:first-child { padding-top:25px; } .marketing_coupon_wrap h3 { padding:40px 0 20px; font-size:22px; font-weight:700; color:#000; } .marketing_coupon_wrap .img_banner { padding:30px 0 40px 0; } .marketing_coupon_wrap .img_banner .txt { position:relative; padding:9px 0; background-color:#becec2; overflow:hidden;} .marketing_coupon_wrap .img_banner .txt dl { float:left; height:42px; font-size:18px; line-height:38px; font-weight:700; } .marketing_coupon_wrap .img_banner .txt dl dt { float:left; padding-right:15px; } .marketing_coupon_wrap .img_banner .txt dl dd { float:left; } .marketing_coupon_wrap .img_banner .txt dl dd em { color:#e80f00; } .marketing_coupon_wrap .img_banner .txt dl:first-child { padding:0 20px 0 55px; } .marketing_coupon_wrap .img_banner .txt dl:first-child dt { color:#fff; } .marketing_coupon_wrap .img_banner .txt dl dd.grade { margin-top:-9px; } .marketing_coupon_wrap .img_banner .txt dl:first-child dd span { padding-right:20px; border-right:1px solid #eee; font-size:18px; font-weight:700; color:#333;} .marketing_coupon_wrap .img_banner .txt .btn { position:absolute; right:55px; top:50%; width:165px; height:36px; margin-top:-18px; line-height:36px; } .marketing_coupon_wrap .img_banner .txt .btn a { display:block; background-color:#88998f; text-align:center; color:#fff; } .marketing_coupon_wrap .img_banner .txt .login {padding:11px 0; text-align:center; line-height:20px; font-weight:700; font-size:18px; color:#fff;} .marketing_coupon_wrap .img_banner .txt .login a {color:#fff; text-decoration:underline;} .marketing_coupon_wrap .coupon_list { width:100%; border:1px solid #bfbfbf; } .marketing_coupon_wrap .coupon_list h3 { padding-left:30px; } .marketing_coupon_wrap .coupon_list .tit { padding:25px 0 20px 0; font-size:22px; font-weight:700; text-align:center; } .marketing_coupon_wrap .coupon_list .tit em { color:#e80f00; } .marketing_coupon_wrap .coupon_list .tit a { display:block; width:135px; height:36px; margin:20px auto 0; font-size:13px; line-height:36px; } .marketing_coupon_wrap .coupon_list .list {position:relative; padding-bottom:40px; border-top:1px solid #e0e0e0; background-color:#f7f7f7; } .marketing_coupon_wrap .coupon_list .list .btn_area {position:absolute; right:25px; top:35px; margin:0;} .marketing_coupon_wrap .coupon_list .list .btn_area a {border-radius:2px; background:#fff;} .marketing_coupon_wrap .coupon_list .list > ul { padding:0 19px; } .marketing_coupon_wrap .coupon_list .list > ul > li { position:relative; float:left; width:157px; margin-left:25px; } .marketing_coupon_wrap .coupon_list .list > ul > li:first-child { margin-left:0; } .marketing_coupon_wrap .coupon_list .list span.txt { display:block; position:absolute; left:0; top:75px; width:157px; text-align:center; } .marketing_coupon_wrap .coupon_list .list span.complete_mask {position: absolute;background: #fff;opacity: 0.6;width:158px;height: 101px;top: 0;left: 0;z-index: 10;} /* 2016.05.24 쿠폰존 - 추가*/ .marketing_coupon_wrap .coupon_list .list input.checkbox { position:absolute; left:9px; top:9px; } .marketing_coupon_wrap .coupon_list .list ul a.btn_s_white {display:block;width:85px;margin:10px auto 0;padding:0 0 0 20px;border-radius:2px;background:#fff url(../img/common/ico_arrow.png) no-repeat 23px -396px;font-weight: bold;color:#ef3f3b !important;border: 1px solid #ef3f3b;} .marketing_coupon_wrap .coupon_list .list ul a.btn_s_white.complete {background:#fff;padding:0 10px;color: #a9a9a9 !important;border: 1px solid #cccccc;} /* 2016.05.24 쿠폰존 - 수정*/ .marketing_coupon_wrap .coupon_brand .star_save:first-child h3 { padding-top:0; } .marketing_coupon_wrap .coupon_brand .tab_area { margin-bottom:40px; border:1px solid #bfbfbf; border-top:2px solid #333; } .marketing_coupon_wrap .coupon_brand .alert_coupon {padding:25px 15px 10px; border-top:1px solid #bfbfbf; font-weight:700;} .marketing_coupon_wrap .coupon_brand .alert_coupon .ic_coupon { display:inline-block; width:40px; height:14px; margin:0 5px 0 0; border:1px solid #e17533; background-color:#fb8239; font-size:11px; line-height:14px; text-align:center; color:#fff; } .marketing_coupon_wrap .coupon_brand .alert_coupon strong {color:#e80f00;} .marketing_coupon_wrap .coupon_brand .tab_cont { padding-top:0 !important; } .marketing_coupon_wrap .coupon_brand .list { padding-bottom:15px} .marketing_coupon_wrap .coupon_brand .list > ul { padding:15px 15px 0 15px; } .marketing_coupon_wrap .coupon_brand .list > ul > li { float:left; width:135px; height:63px; margin-left:15px; border:1px solid #e0e0e0; line-height:63px; text-align:center; } .marketing_coupon_wrap .coupon_brand .list > ul > li:first-child { margin-left:0; } .marketing_coupon_wrap .notice_wrap { position:relative; padding:20px; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background-color:#f5f3f3; } .marketing_coupon_wrap .notice_wrap p { padding-bottom:20px; font-size:18px; font-weight:700; } .marketing_coupon_wrap .notice_wrap p img { padding-right:10px; vertical-align:top; padding-top:1px; } .marketing_coupon_wrap .notice_wrap ul li { padding:3px 0 3px 0px; line-height:1.5; color:#666; } .marketing_coupon_wrap .notice_wrap .coupon_qa { position:absolute; right:29px; top:30px; width:220px; padding-left:37px; border-left:1px solid #dadada; text-align:center; } .marketing_coupon_wrap .notice_wrap .coupon_qa p.txt { padding-top:10px; font-size:17px; line-height:1.5; text-align:center; color:#6d6050; } .marketing_coupon_wrap .notice_wrap .coupon_qa p.btn_area { margin:0; } .marketing_coupon_wrap .notice_wrap .coupon_qa p.btn_area a { display:block; float:right; width:105px; padding:15px 0; background-color:#63574b; font-size:13px; line-height:1.5; color:#fff; } .marketing_coupon_wrap .notice_wrap .coupon_qa p.btn_area a:first-child { float:left; } .marketing_coupon_wrap .coupon_brand { margin-top:50px; } .marketing_coupon_wrap .coupon_brand .brand_wrap { position:relative; border-top: 1px solid #bfbfbf; margin-bottom:50px; } .marketing_coupon_wrap .coupon_brand .brand_wrap .tit_wrap { background-color:#f5f3f3; border-bottom:1px solid #bfbfbf; padding:22px 15px; } .marketing_coupon_wrap .coupon_brand .brand_wrap .tit_wrap p { float:left; } .marketing_coupon_wrap .coupon_brand .brand_wrap .tit_wrap p + p { padding-left:40px; padding-top:3px; } .marketing_coupon_wrap .coupon_brand .brand_wrap .tit_wrap p strong { font-size:20px; } .marketing_coupon_wrap .coupon_brand .brand_wrap .tit_wrap p span { display:inline-block; width:40px; height:16px; font-size:11px; line-height:16px; text-align:center; color:#fff; background-color:#fb8239; } .marketing_coupon_wrap .coupon_brand .brand_wrap .brand_head { padding:15px 10px; } .marketing_coupon_wrap .coupon_brand .brand_wrap .brand_head .menu_select { padding-bottom:7px; } .marketing_coupon_wrap .coupon_brand .brand_wrap .brand_head .menu_sub a { margin-right:2px; } .marketing_coupon_wrap .coupon_brand .brand_wrap .brand_cont { height:352px; overflow:auto; border-top:1px solid #bfbfbf; } .marketing_coupon_wrap .coupon_brand .brand_wrap .brand_cont .box { margin:0 15px; background-color:#fff; border-top:none; border-bottom:1px solid #e0e0e0; } .marketing_coupon_wrap .coupon_brand .brand_wrap .brand_cont .box:first-child { border-top:none; } .marketing_coupon_wrap .coupon_brand .brand_wrap .brand_cont .tit { left:15px; } .marketing_coupon_wrap .coupon_brand .brand_wrap .brand_cont .tit span { padding-left:0; } .marketing_coupon_wrap .coupon_brand .brand_wrap .space { background-color:#fff; width:899px; height:5px; position:absolute; bottom:0; left:15px; } /* marketing_warp > marketing_star_wrap */ .marketing_star_wrap .img_main { width:100%; height:170px; background:url(../img/sub/img_star_zone_banner.jpg) no-repeat 0 0; } .marketing_star_wrap .img_main h2 { padding:8px 0 15px 52px; font-size:32px; font-weight:700; color:#362e2b; } .marketing_star_wrap .img_main h2 em { color:#7d6319; } .marketing_star_wrap .img_main .txt_s { display:block; padding:5px 0 0 55px; font-size:14px; font-weight:700; color:#3f3529; } .marketing_star_wrap .img_main .txt_s:first-child { padding-top:25px; } .marketing_star_wrap .img_main .txt_s span { display:block; padding-top:5px; } .marketing_star_wrap .img_banner { padding-bottom:0; } .marketing_star_wrap .img_banner .txt { background-color:#80786b; } .marketing_star_wrap .img_banner .txt span { display:block; height:46px; padding-left:55px; font-size:18px; font-weight:700; line-height:46px; color:#fff } .marketing_star_wrap .img_banner .txt span em { color:#fcdf31; } .marketing_star_wrap .img_banner .txt span a { display:inline; padding-left:0; text-decoration:underline; color:#fff;} .marketing_star_wrap .img_banner .txt .btn { position:absolute; right:55px; top:50%; width:310px; height:36px; margin-top:-18px; line-height:36px; } .marketing_star_wrap .img_banner .txt .btn a { display:block; float:right; width:150px; background-color:#50453a; } .marketing_star_wrap .img_banner .txt .btn a:first-child { float:left; } .marketing_star_wrap .star_save h3 { border-bottom:2px solid #333; text-align:center; } .marketing_star_wrap .star_use { margin-top:15px; width:100%; height:200px; background:url(../img/sub/bg_star_use.jpg) no-repeat 0 0; text-align:center; } .marketing_star_wrap .star_use .tit { padding:25px 0 20px 0; font-size:18px; font-weight:700; line-height:1.5; color:#6d6050; } .marketing_star_wrap .star_use .tit em { color:#e80f00; } .marketing_star_wrap .star_info { /*border-top:1px solid #e0e0e0;*/ border-bottom:1px solid #bfbfbf; background-color:#f7f7f7; } .marketing_star_wrap .star_info ul { margin:0 10px; } .marketing_star_wrap .star_info ul li { float:left; width:181px; margin:13px 0; border-left:1px solid #e0e0e0; font-size:12.1px; text-align:center; color:#6d6050; } .marketing_star_wrap .star_info ul li:first-child { border-left:none; } .marketing_star_wrap .star_info ul li span { display:block; padding-bottom:5px; font-weight:700; } .marketing_star_wrap .star_info ul li span em { color:#e80f00; } .marketing_star_wrap .star_info ul:first-child { border-bottom:1px solid #e0e0e0; } .marketing_star_wrap .star_desc { padding:10px 0 30px; } .marketing_star_wrap .star_desc .txt { padding-left:18px; font-size:12.1px; color:#6d6050; } .marketing_star_wrap .star_desc .tit { text-align:center; } .marketing_star_wrap .star_desc .tit .l { display:block; padding:30px 0 12px 0; font-size:18px; font-weight:700; color:#6d6050; } .marketing_star_wrap .star_desc .tit .s { font-size:12.1px; color:#6d6050; } .marketing_star_wrap .star_desc .tit .s em { text-decoration:underline; color:#e80f00; } .marketing_star_wrap .star_desc .tit .btn { display:block; width:172px; height:40px; margin:20px auto 0; background-color:#63574b; font-size:14px; font-weight:700; line-height:35px; text-align:center; color:#fff; } .marketing_star_wrap .star_list > ul { padding-bottom:16px; } .marketing_star_wrap .star_list > ul:first-child { padding-top:16px; } .marketing_star_wrap .star_list > ul > li { position:relative; float:left; width:297px; height:108px; margin-left:17px; border:1px solid #e0e0e0; background-color:#fafafa; } .marketing_star_wrap .star_list > ul > li:first-child { margin-left:0; } .marketing_star_wrap .star_list > ul > li .tit { display:block; padding:15px; font-size:18px; font-weight:700; line-height:1.3; color:#373231; } .marketing_star_wrap .star_list > ul > li .txt_btn { display:block; padding-left:15px; font-weight:700; text-decoration:underline; color:#373231; } .marketing_star_wrap .star_list > ul > li .img { display:block; position:absolute; right:25px; top:50%; margin-top:-45px; } .marketing_star_wrap .staruse_box { background:url(../img/sub/bg_star_change.jpg) no-repeat; width:931px; height:220px; } .marketing_star_wrap .staruse_box p { padding:20px 0 0 61px; color:#6d6050; line-height:1.5; } .marketing_star_wrap .staruse_box p:first-child { font-size:22px; font-weight:700; padding:30px 0 0 61px; color:#534a3f; line-height:1.4; } .marketing_star_wrap .staruse_box p:first-child span { color:#e80f00; } .marketing_star_wrap .star_go { position:relative; background-color:#ebe8df; padding:28px 61px 25px; margin-bottom:20px; } .marketing_star_wrap .star_go p { color:#333; font-size:12.1px; } .marketing_star_wrap .star_go p span {text-decoration:underline;} .marketing_star_wrap .star_go p:first-child { color:#6d6050; font-size:18px; font-weight:700; padding-bottom:17px; } .marketing_star_wrap .star_go a { position:absolute; top:30px; right:80px; width:220px; height:40px; line-height:40px; background-color: #50453a; text-align:center; color:#fff; } /* detail_view > popup_layer > like_product */ .popup_layer .like_product { width:371px; } .popup_layer .like_product .box { padding:20px 10px; } /* detail_view > popup_layer > interest */ .detail_view .popup_layer .interest { text-align:center; } .detail_view .popup_layer .interest p > strong { font-size:15px; } .detail_view .popup_layer .interest p > span { font-weight:700; } .detail_view .popup_layer .interest p > select { width:260px; } .detail_view .popup_layer .interest p:first-child { padding-bottom:20px; } /* popup_layer > interest */ .popup_layer .interest { text-align:center; } .popup_layer .interest p > strong { font-size:15px; } .popup_layer .interest p > span { font-weight:700; } .popup_layer .interest p > select { width:260px; } .popup_layer .interest p:first-child { padding-bottom:20px; } .popup_layer .btn { padding:10px 0 30px 0; text-align:center; } .popup_layer .btn a { width:120px; height:36px; font-size:13px; line-height:36px; } .popup_layer .btn a.btn_brown_s { margin-left:10px; } .popup_layer .notice { padding:15px; border-top:1px solid #bfbfbf; background-color:#f7f7f7; } .popup_layer .notice li { padding:3px 0; color:#666; } .popup_layer .notice li > a { color:#333; font-weight:700; } .popup_layer .notice li > span { padding-left:6px; padding-top:5px; display:inline-block; } /* detail_view > popup_layer > jeju_product */ .detail_view .popup_layer .jeju_product { width:555px; } .detail_view .popup_layer .jeju_product .box { padding:20px 20px 25px; } .detail_view .popup_layer .jeju_product .jeju .table_normal thead th { border-top:1px solid #bfbfbf; font-weight:700; color:#333; background-image:none; } .detail_view .popup_layer .jeju_product .jeju .table_normal td { color:#333; } .detail_view .popup_layer .jeju_product .jeju p { padding-top:24px; } .detail_view .popup_layer .jeju_product .table_normal tr th { background-color:#f7f7f7; } .detail_view .popup_layer .jeju_product .table_normal tr td { text-align:center; } .detail_view .popup_layer .jeju_product .th_skip { overflow:auto; width:100%; height:407px; border-bottom:1px solid #bfbfbf; } .detail_view .popup_layer .jeju_product .th_skip .table_normal thead th { height:0; padding:0; border:none; background:none; font-size:0; } /* detail_view > popup_layer > fivehour_popup */ #popup_fivehour, #popup_threehour { width:555px ;} .detail_view .popup_layer .fivehour_popup { width:555px; } .detail_view .popup_layer .fivehour_popup .box { padding:20px 20px 25px; } .detail_view .popup_layer .fivehour_popup .jeju .table_normal thead th { border-top:1px solid #bfbfbf; font-weight:700; color:#333; background-image:none; } .detail_view .popup_layer .fivehour_popup .jeju .table_normal td { border-bottom:1px solid #d3d3d3; color:#333; } .detail_view .popup_layer .fivehour_popup .jeju p { padding-top:24px; line-height:1.3; } .detail_view .popup_layer .fivehour_popup .jeju p > a { color:#e80f00; text-decoration:underline; } .detail_view .popup_layer .fivehour_popup .jeju p > a.btn_ss_white { text-decoration:none; padding-right:13px; margin-top:5px; } .detail_view .popup_layer .fivehour_popup .jeju p > a.btn_ss_white:after { content: ""; position: absolute; right: 5px; top: 50%; display: block; width: 4px; height: 8px; margin-top: -4px; background: url(../img/common/ico_arrow.png) no-repeat right 0; } .detail_view .popup_layer .fivehour_popup .table_normal tr th { background-color:#f7f7f7; } .detail_view .popup_layer .fivehour_popup .table_normal tr td { text-align:center; } #popup_threehour .jeju .table_normal td { padding:11px 5px; } #popup_threehour .jeju p > a.btn_ss_white { text-decoration:none; padding-right:13px; margin-top:5px; } #popup_threehour .jeju p > a.btn_ss_white:after { content: ""; position: absolute; right: 5px; top: 50%; display: block; width: 4px; height: 8px; margin-top: -4px; background: url(../img/common/ico_arrow.png) no-repeat right 0; } /* floder_list */ .floder_list { width:100%; height:135px; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; overflow:auto; } .floder_list ul li { font-size:12.1px; padding:16px 15px; border-bottom:1px solid #e0e0e0; } .floder_list ul li label { padding-left:25px; } .floder_list ul li span { background-color:#e80f00; color:#fff; padding:0 6px 1px; margin-left:5px; } /* my_order_list > table_normal */ .my_order_list .table_normal td.pr_name { text-align:left; padding-left:20px; } .my_order_list .table_normal td.pr_name a { display:block; padding:15px 0; } .my_order_list .table_normal td.pr_name a.on { font-weight:700; } .my_order_list .table_normal td.bold { font-weight:700; } .my_order_list .table_normal td.padding { padding:0 !important } .my_order_list .table_normal .open_de { display:none; background-color:#fcfcfc; } .my_order_list .table_normal .open_de td { padding:15px 5px; text-align:left; } .my_order_list .table_normal .open_de td:first-child { padding-left:15px;} .my_order_list .table_normal .open_de td ul li { padding-top:3px; } .my_order_list .table_normal .open_de td ul li > span { padding-right:18px; display:inline-block; } .my_order_list .table_normal .open_de td ul li > .regular { padding-right:0; font-weight:700; color:#e80f00; } .my_order_list .table_normal .open_de td ul li > .sale { padding-right:5px; font-weight:700; text-decoration:line-through; color:#534a3f; } .my_order_list .table_normal .open_de td ul li > .discount { color:#999; } .my_order_list .table_normal .open_de td ul li:first-child { padding-top:0; } .my_order_list .table_normal .open_de td > .table_normal thead th { border:none; background-image:none; background-color:#efefef; padding-left:30px; } .my_order_list .table_normal .open_de td > .table_normal thead th dl dt, .my_order_list .table_normal .open_de td > .table_normal thead th dl dd { float:left; } .my_order_list .table_normal .open_de td > .table_normal thead th dl dt { padding-right:40px; } .my_order_list .table_normal .open_de td > .table_normal tbody td { border-top:1px solid #efefef; border-bottom:none; padding:20px 0 10px 30px; vertical-align:top;} .my_order_list .table_normal .open_de td > .table_normal tbody td p span { padding-right:40px; font-weight:700;} .my_order_list .table_normal .open_de td > .table_normal tbody td:first-child ul li {padding-left:96px;} .my_order_list .table_normal .open_de td > .table_normal tbody td:first-child ul li >span { width:78px; } .my_order_list .table_normal .open_de td > .table_normal tbody td ul li {position:relative; padding-left:88px;} .my_order_list .table_normal .open_de td > .table_normal tbody td ul li >span {position:absolute; left:0; top:0; width:70px; font-weight:700;} .my_order_list .table_normal .open_de td > .table_normal tbody tr.other_info td { position:relative; height:18px; overflow:hidden; padding:0 50px 20px 126px; border-top:none; } .my_order_list .table_normal .open_de td > .table_normal tbody tr.other_info td span { position:absolute; left:30px; top:0; font-weight:700;} .my_order_list .table_normal .open_de.disable .css-label { background-position:0px -850px !important; } .my_order_list .table_normal .open_de td.null { border-bottom:none; background:#f7f7f7; } .my_order_list .btn_payment a.btn_red { width:184px; height:58px; line-height:58px; } .my_order_list .search_date_area .date .btn a { height:25px; line-height:22px; } .myshopping_wrap .my_order_list table tr.disable td input[type=checkbox].css-checkbox[disabled] + label.css-label { opacity:1; filter:alpha(opacity = 100); } .myshopping_wrap .my_order_list table tr.disable td { opacity:0.5; filter:alpha(opacity = 50); } /* marketing_newarrival */ .marketing_warp .marketing_bestselling .product_list_wrap .tab_area {padding:17px 0;} /* marketing_3hour */ .marketing_3hour_wrap { position:relative; padding-top:520px; } .marketing_3hour_wrap .marketing_3hour { position:absolute; top:0; left:50%; width:1200px; height:520px; margin-left:-600px; background:#ffefcf url('../img/sub/bg_marketing_3hour.jpg') no-repeat 0 0; } .marketing_3hour_wrap .product_list_wrap .tab_area { padding:17px 0; border-bottom:1px solid #bfbfbf; } .marketing_3hour .order_3hour { width:931px; margin:0 auto; } .marketing_3hour .order_3hour .order_area { margin-bottom:35px; } .marketing_3hour .order_3hour .ex_3hour { padding-top:3px; } .marketing_3hour .order_3hour .ex_3hour ul.bg_dot {padding-left:15px;} .marketing_3hour .order_3hour .ex_3hour ul.bg_dot li { padding-left:10px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 9px; font-size:12.1px; line-height:20px; color:#666; } .marketing_3hour .order_3hour .ex_3hour ul.bg_dot li span { display:block; } .marketing_3hour .order_3hour .ex_3hour ul.bg_dot li em.time { width:40px; height:16px; margin-right:7px; padding:0; line-height:16px; font-size:11px;} .marketing_3hour .order_3hour .ex_3hour ul.bg_dot li em.five_time { width:40px; height:16px; margin-right:7px; padding:0; line-height:16px; font-size:11px;} #container .marketing_3hour .order_area > h2 { margin-top:30px; text-align:left; font-size:40px; color:#373231; font-weight:700;} .order_3hour .order_area > p { margin-top:12px; font-size:14px; line-height:1.3; color:#534a3f; font-weight:700; } .order_3hour .order_area .order_choice {position:relative; width:273px; height:250px; margin-top:15px; background-color:#c79641; } .order_3hour .order_area .order_choice .title {position:absolute; top:0; left:0; display:block; height:25px; padding:15px 35px 15px 80px;font-size:16px; line-height:25px; color:#333; background:url('../img/sub/ico_3hour_order.png') no-repeat 40px 8px; } .order_3hour .order_choice .btn_m_gray { display:block; width:100%; height:34px; margin:0; font-size:12.1px; line-height:34px; } .order_3hour .order_area .order_choice > .choice {height:175px; padding:55px 35px 20px;} #container .order_3hour .order_choice .choice > select {width:202px; padding:3px 5px 5px; height:30px; line-height:30px; color:#666; font-size:12.1px; } .order_3hour .order_choice .choice .spot {margin-bottom:5px} .order_3hour .order_choice .choice .with_cal_icon { width:200px; height:34px; margin-bottom:5px; padding:0; border-radius:0; } .order_3hour .order_choice .choice .with_cal_icon input { width:158px; color:#666; font-size:12.1px; } .order_3hour .order_choice .choice .with_cal_icon input + a { line-height:34px; } .order_3hour .order_choice .choice .with_cal_icon input + a > img { top:9px; } .order_3hour .order_choice .choice .time { margin-bottom:5px; } #container .order_3hour .order_choice .choice .time > select { min-width:87px !important; width:100px; height:30px; /*margin-left:-1px;*/ font-size:12.1px; padding:3px 5px 5px; line-height:30px; } .order_3hour .order_choice .choice .time select:first-child {margin-left:0} .order_3hour .order_choice .result {padding:55px 16px 20px; color:#333;} .order_3hour .order_choice .result ul {padding-bottom:14px; line-height:20px; font-size:12.1px; border-bottom:1px solid #a38047; } .order_3hour .order_choice .result ul > li > strong { margin-right:4px;} .order_3hour .order_choice .result > div { padding-top:14px; } .order_3hour .order_choice .result > div > strong { margin-left:3px; font-size:18px; font-weight:700; color:#fff; } .order_3hour .order_choice .result > div > strong > span {font-size:14px;} .order_3hour .order_choice .result > div > p { margin-top:6px; color:#353433; font-size:12.1px; } .order_3hour .order_choice .result .btn_m_gray { margin-top:14px; } .marketing_3hour .order_3hour .ex_3hour em.time { padding:0 15px; display:inline-block; border:1px solid #3c3c3c; background-color:#434343; width:25px; height:16px; margin-right:10px; font-size:11px; line-height:16px; text-align:center; color:#fff; } .marketing_3hour .order_3hour .ex_3hour em.five_time { padding:0 15px; display:inline-block; border:1px solid #597f93; background-color:#597f93; width:25px; height:16px; margin-right:10px; font-size:11px; line-height:16px; text-align:center; color:#fff; } .marketing_3hour .passport_date { background-color:#fff; width:202px !important; margin-bottom:5px; } .marketing_3hour .passport_date .input { width:184px !important; height:16px; padding:0 8px; line-height:16px; color:#666;} .marketing_3hour .passport_date input::-webkit-input-placeholder { color:#666; } .marketing_3hour .passport_date input:-moz-placeholder { color:#666; } .marketing_3hour .passport_date input::-moz-placeholder { color:#666; } .marketing_3hour .passport_date input:-ms-input-placeholder{ color:#666; } /*.marketing_3hour .passport_date .ui-datepicker-trigger { padding:6px 12px; }*/ .marketing_3hour .passport_date .ic { background:url('../img/common/ico_calendar.png') no-repeat center 0; top:9px; } .marketing_warp .category_tab { border:1px solid #bfbfbf; padding:12px 0; text-align:center; margin-top:50px; margin-bottom:20px; } .marketing_warp .category_tab ul li { display:inline-block; } .marketing_warp .category_tab ul li a {position:relative; font-size:14px; width:162px; height:40px; line-height:40px; display:block; background:url(../img/common/bg_line_10px_ccc.png) no-repeat right 50%; } .marketing_warp .category_tab ul li.last a { background-image:none; } .marketing_warp .category_tab ul li a.on { color:#fff; background:#333; } .marketing_warp .category_tab ul li a.on:after {content:""; position:absolute; left:50%; bottom:0; display:block; width:9px; height:5px; margin-left:-4.5px; background:url(../img/common/ico_arrow.png) no-repeat 0 -369px;} .marketing_warp .category_tab + .power_search { margin-top:0; } .marketing_warp .btn_area { text-align:center; margin-top:20px; } .marketing_warp .more_btn {position:relative; color:#fff; font-weight:700; font-size:15px; background:#979797; display:inline-block; width:180px; padding:18px 0; } .marketing_warp .more_btn:after {content:""; position:absolute; left:120px; top:22px; display:block; width:13px; height:7px; background:url('../img/common/ico_arrow.png') no-repeat 0 -305px;} /* sub_brand > common */ .sub_brand .banner_area { margin-top:15px; } .sub_brand .banner_wrap { float:left; position:relative; width:326px; height:313px; margin-right:14px; } .sub_brand .banner > li { display:none; position:relative; } .sub_brand .banner > li.on { display:block; } .sub_brand .banner > li .txt {position:absolute; bottom:15px; left:50%; width:284px; height:86px; margin-left:-148px; padding-top:12px; text-align:center; background:url('../img/common/bg_dimmed03.png')} .sub_brand .banner > li .txt > strong { display:block; margin-bottom:3px; color:#fff; font-size:14px; font-weight:700; } .sub_brand .banner > li .txt > p { font-weight:700; color:#fff; font-size:27px; background:url('../img/common/bg_line1.png') no-repeat 50% 100%;} .sub_brand .banner > li .img img {width:326px; height:311px} .sub_brand .banner > li .bg_bar { display:block; width:28px; height:1px; margin:8px auto 0; background-color:#fff; } .sub_brand .banner_nav {position:absolute; bottom:26px; left:50%; margin-left:-42px; text-align:center; } .sub_brand .banner_nav ul {display:inline-block} .sub_brand .banner_nav ul li {float:left; margin-right:6px; width:8px; height:8px;} .sub_brand .banner_nav ul li a {display:block; width:8px; height:8px; overflow:hidden; text-indent:-99px; background:url(../img/common/bg_slide_paging.png) no-repeat 0 -8px;} .sub_brand .banner_nav ul li a.on {background-position:0 0;} .sub_brand .best_brand { float:left; width:591px; } .sub_brand .best_brand .list { position:relative; width:589px; border:1px solid #bebebe; display:none } .sub_brand .best_brand ul.on {display:block} .sub_brand .best_brand .list > li { box-sizing:border-box; position:relative; float:left; width:33.3%; } .sub_brand .best_brand .list > li:first-child { width:33.4%; } .sub_brand .best_brand .list > li > a { display:block; width:150px; height:260px; margin:0 auto; text-align:center; } .sub_brand .best_brand .tit_brand { padding:0 15px; border:1px solid #bebebe; border-bottom:0; } .sub_brand .best_brand .tit_brand li {width:33.3%; padding:7px 0; } .sub_brand .best_brand .tit_brand li:first-child { width:33.4%} .sub_brand .main_img { padding:25px 0 15px 0; } .sub_brand .brand_product { padding-bottom:30px; } .sub_brand .brand_product .img_banner { position:relative; float:left; width:326px;border:1px solid #bfbfbf; } .sub_brand .brand_product .img_banner .txt { position:absolute; left:15px; bottom:15px; width:296px; height:98px; text-align:center; color:#fff } .sub_brand .brand_product .img_banner .txt .tit em { display:block; font-size:27px; font-weight:700; } .sub_brand .brand_product .img_banner .txt .tit em:first-child { padding:12px 0 6px; font-size:14px; } .sub_brand .brand_product .img_banner .txt span.bg_bar { display:block; width:28px; height:1px; margin:8px auto 0; background-color:#fff; } .sub_brand .brand_product .img_banner .txt .slide_paging { width:60px; margin:0 auto; padding:10px 0; } .sub_brand .brand_product .img_banner .bg { position:absolute; left:15px; bottom:15px; display:block; width:296px; height:98px; margin:0 auto; background-color:#957045; opacity:0.9; } .sub_brand .brand_product .product { float:right; width:587px; border:1px solid #bfbfbf; } .sub_brand .brand_product .product .tab_img { padding:0 15px; } .sub_brand .brand_product .product .tab_img ul li { position:relative; float:left; width:33.3%; padding:6px 0 7px 0; background:url(../img/common/bg_line_v_e0e0e0.png) no-repeat 0 50%; text-align:center; } .sub_brand .brand_product .product .tab_img ul li img { width:116px; height:37px; } .sub_brand .brand_product .product .tab_img ul li:first-child { background-image:none; } .sub_brand .brand_product .product .tab_img ul li .over { position:absolute; left:0; top:0; width:100%; height:50px; background-color:#373231; opacity:0.9; text-align:center; color:#fff; display:none } .sub_brand .brand_product .product .tab_img ul li .over em { display:block; font-weight:700; padding:12px 0 5px; } .sub_brand .brand_product .product .tab_img ul li .over span { font-size:11px; } .sub_brand .brand_product .product .tab_img ul li a:hover .over, .sub_brand .brand_product .product .tab_img ul li a.on .over {display:block} .sub_brand .brand_product .product .product_list { height:260px; } .sub_brand .brand_product .product .product_list > ul {display:none} .sub_brand .brand_product .product .product_list > ul.on {display:block} .sub_brand .brand_product .product .product_list > ul > li { float:left; width:33.3%; text-align:center; } .sub_brand .brand_product .product .product_off .img { padding-top:12px; } .sub_brand .brand_product .product .product_off .img img { width:130px; } .sub_brand .brand_product .product .product_off .tit { font-size:12.1px; } .sub_brand .brand_product .product .product_off .price { padding-top:8px; } .sub_brand .brand_product .product .product_off .regular { font-size:12.1px; } .sub_brand .brand_product .product .product_off .won { display:block; padding-top:5px; } /* sub_brand > brand_wrap > brand_head */ .brand_wrap { border:1px solid #bfbfbf; border-top:2px solid #333 } .brand_wrap .brand_head { padding:15px;} .brand_wrap .brand_head .menu_select { padding-bottom:13px; } .brand_wrap .brand_head .menu_select .group { float:left; width:256px; padding-right:30px; } .brand_wrap .brand_head .menu_select .group li { float:left; width:84px; height:26px; border:1px solid #534a3f; border-left:none; line-height:26px; } .brand_wrap .brand_head .menu_select .group li:first-child { border-left:1px solid #534a3f; } .brand_wrap .brand_head .menu_select .group li a { display:block; text-align:center; color:#666;} .brand_wrap .brand_head .menu_select .group li a.on { background-color:#534a3f; color:#fff; font-weight:700;} .brand_wrap .brand_head .menu_select .search { position:relative; float:left; width:345px; } .brand_wrap .brand_head .menu_select .search .search_inp { position:relative; display:inline-block; } .brand_wrap .brand_head .menu_select .search .search_inp .delete { display:block; position:absolute; top:0; right:0; width:30px; height:26px; font-size:0; text-indent:-999px; background:url('../img/common/ico_close_8px.png') no-repeat 50% 50%; } .brand_wrap .brand_head .menu_select .search .input { width:220px; height:26px; margin-top:-1px; padding:0 28px 0 8px; line-height:26px; } .brand_wrap .brand_head .menu_select .search .input::-ms-clear {display: none;} .brand_wrap .brand_head .menu_select .search .btn_a_white { height:26px; line-height:26px; margin-right:0; vertical-align:bottom; } .brand_wrap .brand_head .menu_select .search .btn_a_white img { vertical-align:top; padding-top:6px; padding-right:10px; } .brand_wrap .brand_head .menu_select .search .auto_complete {position:absolute; left:110px; top:28px; width:236px; padding:10px; border:1px solid #e0e0e0; border-top:none; background-color:#fff; z-index:97; } .brand_wrap .brand_head .menu_select .search .auto_complete.style_set { left:88px; } .brand_wrap .brand_head .menu_select .search .auto_complete li { } .brand_wrap .brand_head .menu_select .search .auto_complete li a { display:block; color:#666; padding:8px 10px; } .brand_wrap .brand_head .menu_select .search .auto_complete li a:hover { background-color:#f7f7f7; } .brand_wrap .brand_head .menu_select .search .auto_complete li a em { color:#e80f00; } .brand_wrap .brand_head .menu_select .btn { float:right; width:145px; } .brand_wrap .brand_head .menu_select .btn .btn_a_white {position:relative; width:118px; height:26px; padding:0 15px 0 10px; margin:0; background-color:#f6f2ef; line-height:26px; text-align:center;} .brand_wrap .brand_head .menu_select .btn .btn_a_white:after {content:""; position:absolute; right:10px; top:50%; display:block; width:5px; height:9px; margin-top:-4px; background:url(../img/common/ico_arrow.png) no-repeat right -112px;} .brand_wrap .brand_head .menu_select .btn .btn_a_white img {display:none;} .brand_wrap .brand_head .menu_sub a { display:block; height:26px; padding:0 10px; border:1px solid #ccc; line-height:26px; float:left; margin-right:6px;} .brand_wrap .brand_head .menu_sub a.on { background-color:#534a3f; border-color:#534a3f; font-weight:700; color:#fff; } .brand_wrap .brand_head .menu_sub a.disabled { background-color:#f9f9f9; border-color:#d7d7d7; color:#ddd; cursor:default} .brand_wrap .brand_head .menu_sub a.s { width:23px; padding:0; text-align:center; } /* sub_brand > brand_wrap > brand_cont */ .brand_wrap .brand_cont .box { padding:25px 0; border-top:1px solid #e0e0e0; position:relative } .brand_wrap .brand_cont .tit {position:absolute; left:30px; top:50%; width:130px; min-height:28px; margin-top:-14px; font-weight:700; line-height:28px;} .brand_wrap .brand_cont .tit span {display:block; font-size:18px;} .brand_wrap .brand_cont .menu { float:right; width:765px; padding-top:2px;} .brand_wrap .brand_cont .menu li { float:left; width:245px; padding-left:10px; padding:7px 0; } .brand_wrap .brand_cont .menu li a {font-size:13px; color:#666; } .brand_wrap .brand1 .tit { font-size:18px; } .brand_wrap .brand2 .tit { font-size:26px; } .brand_wrap .brand3 .tit { font-size:26px;} /* sub_brand > brand_wrap > search_result */ .brand_wrap .search_result {display:none} .brand_wrap .search_result .box { padding:13px 0; } .brand_wrap .search_result .box .tit { font-size:18px; } .brand_wrap .null { padding:50px 0; font-size:22px; font-weight:700; text-align:center; color:#aaa; /* display:none */} .brand_wrap .null img { display:block; width:50px; margin:0 auto; padding-bottom:15px; } /* marketing_wrap > visual_lnb > common */ .visual_lnb { overflow:hidden; position:relative; width:929px; height:375px; margin-top:20px; border:1px solid #bfbfbf; } .visual_lnb .visula_area .listwrap .list { overflow:hidden; margin:15px 0; } .visual_lnb .visula_area .listwrap .list > li { float:left; width:231px; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; clear:both; } .visual_lnb .visula_area .listwrap .list > li:first-child { border-top:1px solid #bfbfbf; } .visual_lnb .visula_area .listwrap .list > li > dl > dt > a { display:block; padding:15px; *zoom:1; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .visual_lnb .visula_area .listwrap .list > li > dl > dd { display:none; position:absolute; top:0; right:0; } .visual_lnb .visula_area .listwrap .list > li > dl > dd img { width:697px; height:375px; } .visual_lnb .visula_area .listwrap .list > li.on { background:#e80f00; } .visual_lnb .visula_area .listwrap .list > li.on > dl > dd { display:block; } .visual_lnb .visula_area .listwrap .list > li.on > dl > dt > a { font-weight:700; color:#fff; } .visual_lnb .visula_area .btn_move a { display:block; position:absolute; left:0; width:231px; height:15px; border-right:1px solid #bfbfbf; background:#e6e6e6 url('../img/common/bg_arrow_updown2.png') no-repeat; text-indent:-999px; } .visual_lnb .visula_area .btn_move .prev { top:0; background-position:50% 5px; } .visual_lnb .visula_area .btn_move .next { bottom:0; background-position:50% -45px; } .visual_lnb .visula_area .btn_control {position:absolute; right:10px; top:10px; } .visual_lnb .visula_area .btn_control a {display:block; width:22px; height:21px;} .visual_lnb .visula_area .btn_control a.pause {background:url(../img/common/ico_pause_s.png) no-repeat 0 0;} .visual_lnb .visula_area .btn_control a.play {display:none; background:url(../img/common/ico_play_s.png) no-repeat 0 0;} /* marketing_wrap > event_wrap > banner_wrap */ .path + .marketing_warp .event_wrap .visual_lnb {margin-top:0;} .event_wrap.sub_category .box_area{border-bottom:1px solid#e2e2e2;} .event_wrap .banner_wrap {padding-top:50px;} .event_wrap .banner_wrap > ul { border:1px solid #bfbfbf; border-top:2px solid #333; } .event_wrap .banner_wrap > ul > li {box-sizing:border-box; float:left; width:25%;} .event_wrap .banner_wrap > ul > li p {height:42px; line-height:42px; background:#988b85; text-align:center; font-weight:700; font-size:14px; color:#fff; border-left:1px solid #a69c97;} .event_wrap .banner_wrap > ul > li:first-child .dot_list {border-left:0;} .event_wrap .banner_wrap > ul > li:first-child p {border-left:0;} .event_wrap .banner_wrap .dot_list {min-height:156px; padding:20px 15px; border-left:1px solid #a69c97;} .event_wrap .banner_wrap .dot_list li {margin-top:5px;} .event_wrap .banner_wrap .dot_list li:first-child {margin-top:0;} .event_wrap .banner_wrap .dot_list a {position:relative; box-sizing:border-box; display:inline-block; max-width:100%; height:16px; padding:0 30px 0 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:14px;} .event_wrap .banner_wrap .dot_list a:after {content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; background:#626262;} .event_wrap .banner_wrap .dot_list a:hover {text-decoration:underline;} .event_wrap .banner_wrap .dot_list a img {position:absolute; right:0; top:0;} .event_wrap .benefit_cs_wrap { height:331px; } /* marketing_wrap > event_wrap > tab_area */ .event_wrap .tab_area { padding:40px 0; } .event_wrap .tit_tab {margin-bottom:20px; border:1px solid #817a77; border-top:2px solid #333; } .event_wrap .tit_tab li { float:left; width:231px; border-left:1px solid #988e8a; } .event_wrap .tit_tab li:first-child { border-left:none; width:233px; } .event_wrap .tit_tab li a {position:relative; display:block; height:46px; background-color:#b8b5b2; font-size:16px; font-weight:700; line-height:46px; text-align:center; color:#fff; } .event_wrap .tit_tab li a.on { background:#e80f00; font-size:16px; } .event_wrap .type_select { position:relative; width:100%; height:28px; padding:20px 0 10px 0; } .event_wrap .type_select .view_type { position:absolute; right:0; top:20px; } .event_wrap .area {width:100%; } .event_wrap .img_tab { width:100%; } .event_wrap .img_tab .list > ul { padding-bottom:5px; } .event_wrap .img_tab .list > ul > li { position:relative; float:left; width:227px; height:374px; margin-left:5px; border:1px solid #bfbfbf; } .event_wrap .img_tab .list > ul > li:first-child { margin-left:0; } .event_wrap .img_tab .list > ul > li img {width:100%; height:254px; border-bottom:1px solid #bfbfbf; } .event_wrap .img_tab .list .txt { padding:15px 15px 10px 15px; font-size:14px; line-height:1.5; } .event_wrap .img_tab .list .txt em { font-weight:700; } .event_wrap .img_tab .list .txt p {min-height:42px; max-height:42px; overflow:hidden;} .event_wrap .img_tab .list .txt .tit {min-height:0; max-height:none; padding-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .event_wrap .img_tab .list .txt .date {min-height:0; max-height:none; padding-top:5px; font-size:12.1px; color:#666; } .event_wrap .tab_area .list_over { display:none; position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; border:2px solid #333; } .event_wrap .tab_area .list_over a.btn { display:block; position:absolute; right:0; bottom:0; z-index:2; } .event_wrap .tab_area .list_over a.btn img {width:32px; height:32px; border:none;} .event_wrap .tab_area .img_tab .list ul li:hover > .list_over { display:block !important; } .event_wrap .txt_tab { border-bottom:1px solid #bfbfbf; } .event_wrap .txt_tab .table_normal thead th { border-top-color:#333; color:#000; } .event_wrap .txt_tab .table_normal tbody td { padding:7px 12px; color:#000; } .event_wrap .txt_tab .table_normal tbody td:first-child a { display:block; text-align:left; } /* marketing_wrap > event_wrap > tab_area */ .event_wrap .event_banner_exhibition { border:1px solid #bfbfbf; padding:13px 0; margin-bottom:40px;} .event_wrap .event_banner_exhibition a:first-child dl { border-left:none; } .event_wrap .event_banner_exhibition dl { float:left; width:185px; border-left:1px solid #e0e0e0; text-align:center; } .event_wrap .event_banner_exhibition dt { padding-bottom:5px; } .event_wrap .event_banner_exhibition dd { font-size:12.1px; line-height:1.5; color:#999; } .event_wrap .event_banner_exhibition dd em { font-size:15px; font-weight:700; color:#333; } .event_wrap .h3_area { position:relative; width:100%; border-bottom:1px solid #ccc; } .event_wrap .h3_area h3 { padding:20px; font-size:16px; font-weight:700; } .event_wrap .h3_area p { position:absolute; right:75px; top:23px; font-size:11px; color:#999; } .event_wrap .h3_area p em { font-weight:700; color:#e80f00; } .event_wrap .h3_area ul { position:absolute; right:20px; top:18px; } .event_wrap .h3_area .btn_ic_red_s {position:absolute; right:18px; top:50%; margin-top:-12px;} .event_wrap .box { border:1px solid #c4c4c4; background-color:#fff; } .event_wrap .box .tab_area {padding:0;} .event_wrap .box .info_winner {padding:18px; font-size:12.1px;} .event_wrap .box .info_winner li {margin-top:15px} .event_wrap .box .info_winner li:first-child {margin-top:0;} .event_wrap .box .info_winner a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:6px; line-height:1.2;} .event_wrap .box .info_winner p {color:#999;} .event_wrap .box .mt {margin-top:80px;} /* marketing_wrap > card_benefit > popup_layer */ .card_benefit {width:530px; } .card_benefit .popup_layer {width:530px;} .card_benefit .popup_layer .tab_area {width:100%; padding:0} .card_benefit .popup_layer .tit { padding:18px 20px; font-size:15px; } .card_benefit .popup_layer .tit a.btn_close { top:16px; } .card_benefit .popup_layer .tit_tab_txt { padding:10px 10px 25px 10px; } .card_benefit .popup_layer .tit_tab_txt li { width:169px; } .card_benefit .popup_layer .tit_tab_txt li a { padding:15px 0; border-bottom:1px solid #bfbfbf; font-weight:700; } .card_benefit .popup_layer .tit_tab_txt li a.on { border-bottom:none; } .card_benefit .popup_layer .cont { padding:0 20px 30px 20px; } .card_benefit .popup_layer .cont > ul:first-child { padding-bottom:20px; } .card_benefit .popup_layer .cont > ul li { padding-top:8px; } .card_benefit .popup_layer .cont > ul li:first-child { padding-top:0; } .card_benefit .popup_layer .cont > ul > li.tit_l { padding-bottom:10px; font-size:14px; } .card_benefit .popup_layer .cont > ul > li.txt_s { padding-top:18px; font-size:11px; color:#999; } .card_benefit .popup_layer .cont > ul > li > img { padding:0 25px 0 30px; } .card_benefit .popup_layer .box { padding:25px 20px; border-top:1px solid #bfbfbf; background-color:#f7f7f7; } .card_benefit .popup_layer .bg_list li { padding:5px 10px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 50%; } .card_benefit .popup_layer .box dl { padding:16px 0; border:1px solid #bfbfbf; background-color:#fff; } .card_benefit .popup_layer .box dl:first-child { margin-bottom:5px; } .card_benefit .popup_layer .box dl dt { float:left; padding:0 25px 0 20px; } .card_benefit .popup_layer .box dl dd { /*float:left;*/ } .card_benefit .popup_layer .box dl dd+dd { padding-top:5px; } .card_benefit .popup_layer em { font-weight:700; } .card_benefit .popup_layer em span { color:#e80f00; } /* marketing_wrap > event_wrap */ .exhibition_wrap .search_wrap { position:relative; margin-top:50px; border:1px solid #bfbfbf; border-top:2px solid #333; } .exhibition_wrap .search_wrap .search { padding-top:14px; text-align:center; } .exhibition_wrap .search_wrap .search .input { width:278px; margin-left:10px; padding-right:30px;} .exhibition_wrap .search_wrap .search .btn_a_white { height:26px; line-height:26px; vertical-align:middle} .exhibition_wrap .search_wrap .search .btn_a_white img { vertical-align:top; padding-top:7px; padding-left:3px; padding-right:5px; } .exhibition_wrap .search_wrap .search .btn_s_brown {position:relative; padding-right:30px; background:#534a3f; } .exhibition_wrap .search_wrap .search .btn_s_brown:after { content:""; display:block; position:absolute; top:50%; right:10px; margin-top:-4px; width:9px; height:9px; background:url(../img/common/ico_plus_white.png) no-repeat 0 0;} .exhibition_wrap .search_wrap .search .toggle_on:after { background:#534a3f url(../img/common/ico_minus_white.png) no-repeat 0 4px; } .exhibition_wrap .search_wrap .search .search_lnp { display:inline-block; position:relative; } .exhibition_wrap .search_wrap .search .search_lnp .delete { display:block; position:absolute; top:0; right:0; width:30px; height:26px; font-size:0; text-indent:-999px; background:url(../img/common/ico_close_8px.png) no-repeat 50% 50%; } .exhibition_wrap .search_wrap .desc { padding:25px 0 30px 0; text-align:center; } .exhibition_wrap .search_wrap .desc em { color:#e80f00; } .exhibition_wrap .search_wrap em { font-weight:700; } .exhibition_wrap .search_wrap .auto_complete { display:none; position:absolute; left:240px; top:42px; overflow:auto; width:316px; height:228px; border:1px solid #e0e0e0; border-top:none; background-color:#fff; z-index:9999; } .exhibition_wrap .search_wrap .auto_complete {padding-top:5px; } .exhibition_wrap .search_wrap .auto_complete li {} .exhibition_wrap .search_wrap .auto_complete li a { display:block; padding:8px 11px 7px; color:#666; text-align:left; } .exhibition_wrap .search_wrap .auto_complete li a:hover { background:#f7f7f7} .exhibition_wrap .search_wrap .auto_complete li a em { color:#e80f00; } .exhibition_wrap .tab_area { padding-top:20px; } .exhibition_wrap .tab_area .tab_menu { margin-bottom:20px; } .exhibition_wrap .tit_tab li { width:185px; } .exhibition_wrap .tit_tab li:first-child { width:185px; } .exhibition_wrap .thum_tab .h3_area { margin-bottom:15px; padding:18px 20px; border:1px solid #bfbfbf; border-top:3px solid #333; background-color:#f5f3f3; } .exhibition_wrap .thum_tab .h3_area h3 { font-size:22px; font-weight:700; color:#373231; } .exhibition_wrap .thum_tab .list {width:946px;} .exhibition_wrap .thum_tab .list_cont { position:relative; float:left; width:219px; height:172px; margin:0 15px 16px 0; border:1px solid #e0e0e0; } .exhibition_wrap .thum_tab .list_cont dl {line-height:1.3;} .exhibition_wrap .thum_tab .list_cont dl dt.img { overflow:hidden; height:96px; border-bottom:1px solid #e0e0e0; } .exhibition_wrap .thum_tab .list_cont dl dt.img img { width:100%; height:100%;} .exhibition_wrap .thum_tab .list_cont dl dt.img .ic { position:absolute; right:10px; top:70px; width:48px; height:48px; } .exhibition_wrap .thum_tab .list_cont dl dt.img .badge_sale { position:absolute; right:10px; top:70px; } .exhibition_wrap .thum_tab .list_cont dl dd.tit {height:34px; overflow:hidden; padding:10px 10px 5px 10px; font-size:14px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; } .exhibition_wrap .thum_tab .list_cont dl dd.tit a {display:block; overflow:hidden;} .exhibition_wrap .thum_tab .list_cont dl dd.date {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px; } .exhibition_wrap .thum_tab .list_cont dl dd.date a { font-size:12.1px; color:#888; } .exhibition_wrap .thum_tab .list_cont .list_over { height:172px; } .exhibition_wrap .thum_tab .list_cont:hover > .list_over { display:block; } .exhibition_wrap .null { padding:50px 0; border:1px solid #bfbfbf; text-align:center; } .exhibition_wrap .null p { padding-top:15px; font-size:22px; color:#aaa; } .exhibition_wrap .condition { display:none; width:100%; padding-top:15px; } .exhibition_wrap .condition .table_tbody th { padding:15px 11px; background-color:#988b85; color:#fff; } .exhibition_wrap .condition .table_tbody td { position:relative; padding:10px; } .exhibition_wrap .condition .table_tbody .chk_list li { width:145px; padding:5px 0; } .exhibition_wrap .condition .btn_brown_s { width:120px; height:36px; border:none; background-color:#373231; line-height:36px; } .exhibition_wrap .condition .date_select { position:absolute; right:30px; top:7px; } .exhibition_wrap .condition .date_select .passport_date { width:160px; margin-left:15px; } .exhibition_wrap .condition .date_select .passport_date .input { width:100px; padding:6px 8px} .exhibition_wrap .condition .date_select .end_date .ic { top:0; height:26px; background:#7f6763 url(../img/common/ico_calender.png) no-repeat center -46px; line-height:26px; } .exhibition_wrap .product_list_wrap { border-top:none; } .exhibition_wrap .thum_tab .ca_title_box { position:relative; padding:10px 0 15px; } .exhibition_wrap .thum_tab .ca_title_box p { font-size:22px; font-weight:700; } .exhibition_wrap .thum_tab .ca_title_box select { position:absolute; right:0; top:0; } /* marketing_wrap > event_wrap > box_area */ .event_wrap {position:relative;} .event_wrap .box_area {border:1px solid #e2e2e2; background-color:#f6f2f2; border-bottom:none;} .event_wrap .box_area .img {min-height:300px} .event_wrap .box_area .img img {width:100%;} .event_wrap .info_box { padding:20px; background:#f7f7f7; border:1px solid #bfbfbf; } .event_wrap .event_list { min-height:110px; padding:10px 0 0 140px; font-size:12.1px; color:#666; background:url(../img/sub/bg_notice.jpg) no-repeat 0 0; } .event_wrap .event_list > li { margin-bottom:13px; } .event_wrap .btn_area { margin:30px 0 50px; } .event_wrap .btn_area > a { display:inline-block; width:186px; height:60px; line-height:60px; font-size:16px; font-weight:700; color:#fff; background:#e80f00; } .event_wrap .in_cont { padding:50px 30px 40px; border:1px solid #bfbfbf; border-bottom:none; } .event_wrap .write_box { margin-top:0; padding:20px 30px; background:#e6dfda; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; } .event_wrap .write_box textarea { width:670px; height:34px; overflow:auto; padding:10px; font-size:12.1px; color:#aaa; vertical-align:middle; border-color:#e0e0e0;} .event_wrap .write_box a.btn_brown { display:inline-block; margin-left:10px; width:100px; height:54px; line-height:54px; text-align:center; color:#fff; background:#534a3f; vertical-align:middle; } .event_wrap .in_cont .notice { margin-top:10px; padding-bottom:25px; font-size:12.1px; color:#888; } /* marketing_wrap > event_wrap > my_product_review_wrap */ .my_product_review_wrap { width:100%; } .my_product_review_wrap .table_normal { word-wrap:break-word; } .my_product_review_wrap .table_normal th { border-top-color:#333; border-bottom:1px solid #bfbfbf; font-size:14px; font-weight:700; color:#333; word-wrap:break-word;} .my_product_review_wrap .table_normal td { padding:14px 5px; word-wrap:break-word;} .my_product_review_wrap:first-child tr .table_normal td {border-top:0;} .my_product_review_wrap .table_normal .cont_review { line-height:1.6; text-align:left; } .my_product_review_wrap .table_normal .cont_review .img { float:left; width:100px; height:90px; } .my_product_review_wrap .table_normal .cont_review .img img { width:90px; height:90px; } .my_product_review_wrap .table_normal .cont_review .txt { padding-top:5px; word-break:break-word} .my_product_review_wrap .table_normal .product_off { padding:14px 5px; text-align:left; min-height:0} .my_product_review_wrap .table_normal .product_off:after { display:none} .my_product_review_wrap .table_normal .product_off .img { float:left; width:80px; margin-bottom:0; } .my_product_review_wrap .table_normal .product_off .img img { width:70px; height:70px; padding:0; } .my_product_review_wrap .table_normal .product_off .tit { font-size:12.1px;} .my_product_review_wrap .table_normal .product_off .tit strong { padding:0; } .my_product_review_wrap .table_normal .product_off .tit span { font-weight:400; } .my_product_review_wrap .table_normal .skip .img { display:none; } .my_product_review_wrap .table_normal .skip .txt { padding-top:0; } .my_product_review_wrap .th_skip { overflow:auto; width:100%; height:407px; border-bottom:1px solid #bfbfbf; } .my_product_review_wrap .th_skip .table_normal thead th { height:0; padding:0; border:none; background:none; font-size:0; } .my_product_review_wrap .th_skip .table_normal tr:first-child td {border-top:0;} .my_product_review_wrap .pagination { padding:30px 0 0 0; } /* marketing_wrap > exhibition_wrap > box_area */ .exhibition_wrap .h3_area { border-top:2px solid #333; background-color:#f5f3f3; height:59px; line-height:59px; margin-top:15px;} .exhibition_wrap .h3_area h3 { padding:0 20px; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; font-weight:700; font-size:22px; color:#373231; } .exhibition_wrap .box_area{border-bottom:none;} .exhibition_wrap .my_product_review_wrap .table_normal .cont_review .txt { padding-top:0; } .exhibition_wrap .product_list_wrap { margin-bottom:15px; } .exhibition_wrap .product_list_wrap .product_list > .list { border-top:1px solid #e0e0e0; } .exhibition_wrap .product_list_wrap .product_list > .list:first-child { border-top:none; } .exhibition_wrap .product_list_wrap .product_list > .list > li { width:231px; height:356px; padding:0; border-left:1px solid #e0e0e0; border-bottom:none;} .exhibition_wrap .product_list_wrap .product_list > .list > li:first-child { width:232px; border-left:none; } .exhibition_wrap .product_list_wrap .product_list .list.ea5 > li { width:20%; height:356px; padding:0; border-left:none; } .exhibition_wrap .product_list_wrap .product_list .list.ea3 > li { position:relative; float:left; width:309px; height:356px; padding:0; } .exhibition_wrap .product_list_wrap .product_list .list.ea2 > li { position:relative; float:left; width:464px; height:250px; padding:0; } .exhibition_wrap .product_list_wrap .product_list .list.ea2 .product_off { text-align:left; } .exhibition_wrap .product_list_wrap .product_list .list.ea2 .img { float:left; width:210px; padding:20px 0 20px 20px; margin-bottom:0;} .exhibition_wrap .product_list_wrap .product_list .list.ea2 .img img { width:210px; height:210px; } .exhibition_wrap .product_list_wrap .product_list .list.ea2 .txt { float:right; width:204px; padding:20px 20px 20px 0; } .exhibition_wrap .product_list_wrap .product_list .list.ea2 .tit { padding-top:30px; } .exhibition_wrap .product_list_wrap .product_list .list.ea2 .tit span { padding-top:14px; } .exhibition_wrap .product_list_wrap .product_list .list.ea2 .big { right:0; top:45px; width:50%; min-height:30px} .exhibition_wrap .product_list_wrap .product_list .list.ea2 .button { right:20px; bottom:20px; width:204px; } .exhibition_wrap .product_list_wrap .product_over_outline .big { top:190px; } .exhibition_wrap .product_list_wrap .product_over_outline_login .big { padding:10px 0; } .exhibition_wrap .product_list_wrap .product_over_outline_soldout .big { padding:17px 0; } .exhibition_wrap .product_list_wrap .product_over_outline_order .big { padding:17px 0; } .exhibition_wrap .product_list_wrap .thum_l .big { top:440px; } .exhibition_wrap .product_list_wrap .thum_l .product_over_outline_login .big { padding:12px 0; } .exhibition_wrap .product_list_wrap .thum_l .product_over_outline_soldout .big {height:65px; line-height:65px; padding:0;} .exhibition_wrap .product_list_wrap .thum_l .product_over_outline_order .big {height:65px; line-height:65px; padding:0;} .exhibition_wrap .thum_l { float:left; width:366px; } .exhibition_wrap .thum_l > ul > li { position:relative; height:643px; } .exhibition_wrap .thum_l > ul > li .img { margin-bottom:40px; padding-top:80px; } .exhibition_wrap .thum_l > ul > li .img img { width:320px; height:320px; } .exhibition_wrap .thum_l > ul > li .txt { text-align:left; padding-left:30px; } .exhibition_wrap .thum_l > ul > li .tit { padding:0 10px 0 0; } .exhibition_wrap .thum_l > ul > li .tit > strong { font-size:20px; font-weight:700; } .exhibition_wrap .thum_l > ul > li .tit strong { padding-left:0; } .exhibition_wrap .thum_l > ul > li .sale { font-size:26px !important; font-family:'Times New Roman' !important; color:#534a3f; } .exhibition_wrap .thum_l > ul > li .regular { font-size:40px !important; font-family:'Times New Roman' !important; color:#e80f00; } .exhibition_wrap .thum_m > ul > li .img {padding-top:20px; } .exhibition_wrap .thum_m > ul > li .img img { width:170px; height:170px; } .exhibition_wrap .thum_m > ul > li .tit { padding:0 10px 0 0} .exhibition_wrap .thum_m > ul > li .tit strong { padding-left:0; } .exhibition_wrap .thum_m > ul > li .txt { text-align:left; padding-left:30px; } .exhibition_wrap .thum_s { float:right; width:563px; } .exhibition_wrap .thum_s > ul > li { position:relative; float:left; width:280px; height:321px; border-left:1px solid #e0e0e0; } .exhibition_wrap .thum_s > ul > li .img { margin-bottom:0; padding-top:20px; } .exhibition_wrap .thum_s > ul > li .img img { width:150px; height:150px; } .exhibition_wrap .thum_s > ul > li .tit { padding:5px 10px 0 0; } .exhibition_wrap .thum_s > ul > li .tit strong { padding-left:0; } .exhibition_wrap .thum_s > ul > li .txt { text-align:left; padding-left:30px; } .exhibition_wrap .thum_s > ul > li .big { top:170px !important; } .exhibition_wrap .btn_list { margin:15px 0 30px; border:1px solid #e0e0e0; background:url('../img/common/bg_btn_list.png') repeat-x 0 40px; } .exhibition_wrap .btn_list > li { width:25%; float:left; border-right:1px solid #e0e0e0; box-sizing:border-box; } .exhibition_wrap .btn_list > li > a { display:block; height:40px; line-height:40px; padding:0 20px 0 14px; background:url(../img/common/ico_arrow.png) no-repeat 192px -96px; } .exhibition_wrap .btn_list > li.none { border-right:none; } .exhibition_wrap .btn_list > li> a.none { background:none; } #popup_notice1, #popup_notice2, #popup_notice3, #popup_notice4, #popup_notice5, #popup_notice6, #popup_notice7, #popup_notice8, #popup_notice9, #popup_notice10 {position:absolute; left:50%; top:500px;} #popup_notice8 .table_tbody th {padding:12px 5px;} #popup_notice8 .table_tbody td {padding:5px} #popup_notice8 .table_tbody td input {height:18px; line-height:18px} /* newarrival_wrap */ /*.marketing_warp .newarrival_wrap .power_search { margin-top:30px; }*/ .newarrival_wrap .img_main { width:100%; height:140px; margin-top:25px; background:url(../img/sub/bg_marketing_newarrivals.jpg) no-repeat 0 0; } .newarrival_wrap .img_main h2 { padding:30px 0 10px 66px; font-size:40px; font-weight:700; color:#333; } .newarrival_wrap .img_main .txt_s { display:block; padding-left:66px; font-size:16px; color:#333; } .newarrival_wrap .brand_sale { overflow:hidden; position:relative; width:929px; margin-bottom:0; height:323px; border:1px solid #bfbfbf; } .newarrival_wrap .brand_sale .h3_area { padding:20px 0; border-bottom:1px solid #bfbfbf; font-size:26px; text-align:center; color:#373231; } .newarrival_wrap .brand_sale .h3_area h3 { font-weight:700; } .newarrival_wrap .brand_sale .btn_area { position:absolute; top:140px; left:0; width:100%; } .newarrival_wrap .brand_sale .btn_area li { position:absolute; } .newarrival_wrap .brand_sale .btn_area li+li { position:absolute; right:0; } .newarrival_wrap .brand_sale ul.img_list { position:relative; width:101%; } .newarrival_wrap .brand_sale ul.img_list .ico_sale { position:absolute; right:15px; top:110px; } .newarrival_wrap .brand_sale ul.img_list li { float:left; width:185px; height:255px; border-left:1px solid #bfbfbf; text-align:center; } .newarrival_wrap .brand_sale ul.img_list li a { display:block; } .newarrival_wrap .brand_sale ul.img_list li a img { display:block; width:186px; height:186px; padding-bottom:10px; } .newarrival_wrap .brand_sale ul.img_list li a:first-child { width:187px; border-left:none; } .newarrival_wrap .brand_sale ul.img_list li a:first-child img { width:187px; height:186px; } .newarrival_wrap .brand_sale ul.img_list li a span { display:block; padding:5px 5px 0; font-size:12.1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .newarrival_wrap .brand_sale ul.img_list li a span em { font-size:14px; font-weight:700; } .newarrival_wrap .hotsale_list .product_list .list { border-top:1px solid #e0e0e0; } .newarrival_wrap .hotsale_list .product_list .product_off { padding:40px 0 42px !important; } .newarrival_wrap .hotsale_list .product_list .product_off .ico_rank { position:absolute; left:13px; top:20px; font-size:18px; font-weight:700; color:#898178; } .newarrival_wrap .hotsale_list .product_list .product_off .ico_bg { color:#e80f00; } .newarrival_wrap .hotsale_list .product_list .product_off .prtit_area { left:13px; top:15px; } .newarrival_wrap .hotsale_list .product_list .product_over { width:167px; height:345px; margin:0 auto; } .newarrival_wrap .hotsale_list .product_list .product_over .button a { width:83px; } .newarrival_wrap .hotsale_list .product_list .product_over .big { top:195px; } .marketing_warp .newarrival_wrap .product_list_wrap .hotsale_list .tab_area { padding:17px 0; border-bottom:1px solid #e0e0e0; } .newarrival_wrap .top_banner { margin-bottom:30px; margin-top:16px; } .newarrival_wrap .top_banner .visual { overflow:hidden; width:594px; height:480px; float:left; } .newarrival_wrap .top_banner .visual .img li { width:594px; height:452px; } .newarrival_wrap .top_banner .visual .img li img {width:594px; height:452px;} .newarrival_wrap .top_banner .visual .btn_visual { position:relative; } .newarrival_wrap .top_banner .visual .btn_visual ul { position:relative; margin:0 20px; width:555px; height:28px; overflow:hidden; } .newarrival_wrap .top_banner .visual .btn_visual ul li { position:absolute; left:0; top:0; z-index:10 } .newarrival_wrap .top_banner .visual .btn_visual ul li a { display:inline-block; width:110px; height:26px; line-height:26px; text-align:center; background-color:#fff; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; border-right:1px solid #bfbfbf; } .newarrival_wrap .top_banner .visual .btn_visual ul li:first-child a { border-right:1px solid #bfbfbf; } .newarrival_wrap .top_banner .visual .btn_visual ul li.on a { background-color:#e80f00; color:#fff; } .newarrival_wrap .top_banner .visual .btn_visual a.prev { position:absolute; top:0px; left:0; } .newarrival_wrap .top_banner .visual .btn_visual a.next { position:absolute; top:0px; right:0; } .newarrival_wrap .top_banner .visual .btn_visual ul li .prev img, .newarrival_wrap .top_banner .visual .btn_visual ul li .next img { vertical-align:top; } .newarrival_wrap .top_banner .mdpick { width:321px; float:right; border:1px solid #bfbfbf; } .newarrival_wrap .top_banner .mdpick .md_title { border-bottom:1px solid #bfbfbf; text-align:center; font-size:24px; font-weight:700; padding:14px 0; } .newarrival_wrap .top_banner .mdpick .product_list { overflow:hidden; position:relative; height:252px; border-bottom:1px solid #bfbfbf; } .newarrival_wrap .top_banner .mdpick .product_list ul.img_list li { width:321px; float:left; } .newarrival_wrap .top_banner .mdpick .product_list ul.img_list li.tit span { min-height:15px; } .newarrival_wrap .top_banner .mdpick .product_list.imgcon { height:auto; border:none; } .newarrival_wrap .top_banner .mdpick .product_off { padding:12px 32px 0; } .newarrival_wrap .top_banner .mdpick .product_off .name { margin-bottom:8px; } .newarrival_wrap .top_banner .mdpick .product_off .pr_img { margin-bottom:4px; width:130px; height:130px; } .newarrival_wrap .top_banner .mdpick .product_off .price { font-size:12.1px; } .newarrival_wrap .top_banner .mdpick .product_list .btn_area { position:absolute; top:75px; left:0; width:100%; } .newarrival_wrap .top_banner .mdpick .product_list .btn_area li { position:absolute; } .newarrival_wrap .top_banner .mdpick .product_list .btn_area li+li { position:absolute; right:0; } .newarrival_wrap .top_banner .mdpick .slide_img { padding:20px; } .newarrival_wrap .top_banner .mdpick .slide_img img {width:130px; height:130px; } .newarrival_wrap .top_banner .mdpick .slide_img > li { position:relative; float:right; } .newarrival_wrap .top_banner .mdpick .slide_img > li:first-child { float:left; } .newarrival_wrap .top_banner .mdpick .slide_img > li > a {display:block; width:130px; height:130px;} .newarrival_wrap .top_banner .mdpick .slide_img > li > a img { display:inline-block; } .newarrival_wrap .top_banner .mdpick .slide_img > li > a:hover + .product_over { display:block} /* wedding_wrap */ .wedding_wrap{padding-top:30px}/* 2016.05.03 왼쪽스크래퍼 - 추가 */ .wedding_wrap .img_main { width:100%; height:140px; margin-top:0px; background:url(../img/sub/bg_marketing_wedding.jpg) no-repeat 0 0; }/* 2016.05.03 왼쪽스크래퍼 - 수정 */ .wedding_wrap .img_main h2 { padding:45px 0 10px 75px; font-size:44px; font-weight:700; color:#333; } .wedding_wrap .img_main h2 span { display:block; padding:5px 0 15px 0; } .wedding_wrap .img_main .txt_s { display:block; padding-left:72px; font-size:18px; font-weight:700; color:#333; } .wedding_wrap .new_tab.tab_area { border:none; margin-top:30px; } .wedding_wrap .new_tab.tab_area { padding:0; border-bottom:none; } .wedding_wrap .new_tab.tab_area > .tit_tab { border:none; width:931px; } .wedding_wrap .new_tab.tab_area > .tit_tab li { width:33.33333%; display:block; float:left; border-top:3px solid #141414; } .wedding_wrap .new_tab.tab_area > .tit_tab li a { display:block; padding:14px 16px 15px; font-size:16px; font-weight:700; border-left:1px solid #988e8a; border-bottom:1px solid #817a77;background-color:#b3a9a5; color:#fff; text-align:center;} .wedding_wrap .new_tab.tab_area > .tit_tab li:first-child a { border-left:0; } .wedding_wrap .new_tab.tab_area > .tit_tab li a.on { background:#e80f00; border-bottom:1px solid #a02424; } .wedding_wrap .best_selling { margin-top:0; } .wedding_wrap .heading_area { padding:50px 0 10px } .wedding_wrap .heading_area h3, .wedding_wrap .heading_area p { float:left; } .wedding_wrap .heading_area p { color:#666; font-weight:700; font-size:16px; padding:12px 0 0 30px; background: url(../img/common/bg_line_11px_c9c9c9.png) no-repeat 15px 15px; } .wedding_wrap .accordion_menu dl { border-top:2px solid #373231; } .wedding_wrap .accordion_menu dl dd { background-color:#f9f9f9; } .wedding_wrap .accordion_menu .category a { padding:16px 10px 16px 50px; } .wedding_wrap .accordion_menu .category .on a { font-weight:700; } .wedding_wrap .accordion_menu .category .on a > strong { font-weight:700; background: url(../img/common/ico_minus_bold.png) no-repeat right 50%; } .wedding_wrap .category dd .answer_txt { padding:30px 30px 30px 50px; } .wedding_wrap .accordion_menu p.btn { padding-top:15px; } .wedding_wrap .accordion_menu p.btn a { height:22px; line-height:22px; font-size:11px; margin-left:10px; } .wedding_wrap .notice { background-color:#EFD6DE; position:relative; } .wedding_wrap .notice p { font-size:24px; text-align:center; color:#999; position:absolute; left:55px; top:50%; line-height:33px; margin-top:-50px;} .wedding_wrap .notice p > img { padding-bottom:10px; } .wedding_wrap .notice ul { padding:35px 0 40px 250px; } .wedding_wrap .notice ul li { color:#666; padding-left:12px; background: url(../img/common/bg_dot_2px_666.png) no-repeat 0 10px; padding-top:5px; line-height:17px; } #protowrap .wedding_wrap .wedding_banner{margin-top:25px} #protowrap .wedding_wrap .wedding_banner ul{border:1px solid #c0c0c0;overflow:hidden} #protowrap .wedding_wrap .wedding_banner ul li{float:left; width:232px; height:313px; border-left:1px solid #c0c0c0} #protowrap .wedding_wrap .wedding_banner ul li:first-child{border-left:none;} #protowrap .wedding_wrap .wedding_banner ul li img {width:100%; height:313px;} #protowrap .wedding_wrap .wedding_banner ul li.small {width:231px;} #protowrap .wedding_wrap .heading_area { padding:42px 0 10px 0 } #protowrap .wedding_wrap .heading_area h3, .wedding_wrap .heading_area p { float:left; } #protowrap .wedding_wrap .heading_area h3{font-size:28px; font-weight:700; color:#000} #protowrap .wedding_wrap .heading_area p { color:#666; font-weight:700; font-size:16px; padding:12px 0 0 30px } #protowrap .wedding_wrap p.wedding_btn { height:23px; line-height:24px; font-size:12.1px;padding-top:15px; } #protowrap .wedding_wrap p.wedding_btn a { display:inline-block; height:25px; margin:0 0 0 5px; padding:0 10px; border:1px solid #e0e0e0; border-radius:2px; background-color:#fff; font-size:12.1px; line-height:22px; color:#333 !important; } #protowrap .footer{position:relative;background:#efd6de url('https://media.shilladfs.com/files/attach/ckeditor/2015/07/09/1436427663068_20150709_1_read.png') no-repeat 40px center;padding:30px 155px;font-family:돋움,'dotum',sans-serif;} #protowrap .footer .notice {width:750px; font-size:11.5px; color:#676767; line-height:18px } #protowrap .footer .notice li {list-style-type:disc;} /* brand_shop */ .brand_shop .brand_introduce { border:1px solid #bfbfbf; position:relative; margin-bottom:30px; } .brand_shop .brand_introduce .text_area { padding:32px 32px 30px; word-break: keep-all;} .brand_shop .brand_introduce .tit { position:absolute; color:#333; font-size:16px; font-weight:700; } .brand_shop .brand_introduce .text { padding-left:165px; font-size:12.1px; color:#666; line-height:22px; } .brand_shop .brand_introduce .type_video a.btn_play { position:absolute; top:50%; left:430px; } /* new_brand */ .brand_shop .new_brand { margin-bottom:30px; } .brand_shop .new_brand .new_brand_banner { margin-top:15px; } .brand_shop .new_brand .new_brand_banner .list_cont { position:relative; float:left; background-color:#fff; border:1px solid #e0e0e0; width:219px; height:172px; margin-left:15px; } .brand_shop .new_brand .new_brand_banner .list_cont:first-child { margin-left:0; } .brand_shop .new_brand .new_brand_banner .list_cont dl { padding-bottom:12px; } .brand_shop .new_brand .new_brand_banner .list_cont a { display:block; } .brand_shop .new_brand .new_brand_banner .list_cont dl dt.img { overflow:hidden; height:96px; border-bottom:1px solid #e0e0e0; } .brand_shop .new_brand .new_brand_banner .list_cont dl dt.img > img:first-child { width:100%; height:100%; } .brand_shop .new_brand .new_brand_banner .list_cont dl dt.img .ic { position:absolute; right:10px; top:70px; } .brand_shop .new_brand .new_brand_banner .list_cont dl dt.img .badge_sale { position:absolute; right:10px; top:70px; } .brand_shop .new_brand .new_brand_banner .list_cont dl dd.tit {height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 10px 5px 10px; font-size:14px; font-weight:700; line-height:1.3; } .brand_shop .new_brand .new_brand_banner .list_cont dl dd.date { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px; font-size:12.1px; color:#888; } .brand_shop .new_brand .new_brand_banner .list_cont .list_over { display:none; position:absolute; left:0; top:0; width:215px; height:169px; border:2px solid #333; } .brand_shop .new_brand .new_brand_banner .list_cont .list_over a { position:absolute; bottom:0; right:0; z-index:2; } .brand_shop .new_brand .new_brand_banner .list_cont:hover > .list_over { display:block; } .brand_shop .product_list_wrap .tab_area .btn { float:none; width:90px; position:absolute; right:5px; } .brand_shop h3 { text-align:center; font-size:19px; color:#333; font-weight:700; padding:13px 0; border:1px solid #bfbfbf; border-top:2px solid #333; } .brand_shop .compare h3 { text-align:center; font-size:19px; color:#333; font-weight:700; padding:0; border:none; } .brand_shop .product_list_wrap .view_img > ul > li { height:320px; } .brand_shop .new_brand .product_list_wrap {border-top:0; height:370px; overflow:hidden; } .brand_shop .new_brand .product_top_list { border-bottom:0; } .brand_shop .new_brand .product_list { overflow:hidden; border-top:none; } .brand_shop .new_brand .product_top_list.best_4 > li { float:left; width:232px; } .brand_shop .new_brand .product_top_list.best_4 > li:first-child { width:233px; } .brand_shop .new_brand .product_list_wrap .btn_move a { overflow: hidden; position: absolute; top:125px; display: block; width: 32px; height: 50px; font-size: 1px; text-indent: -9999px; z-index:1000;} .brand_shop .new_brand .product_list_wrap .btn_move a.prev { left:0; background:url(../img/common/ico_prev3.png) no-repeat 0 0;} .brand_shop .new_brand .product_list_wrap .btn_move a.next { right:0; background:url(../img/common/ico_next3.png) no-repeat 0 0;} /*.brand_shop .new_brand .ico_rank { position:absolute; top:0; left:0; padding:7px; color:#898178; font-size:18px; font-weight:700; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }*/ .brand_shop .new_brand .ico_fir { color:#e80f00; } .brand_shop .new_brand .product_list_wrap .product_list .prtit_area {left:45px; width:172px;} .brand_shop { position:relative; } .brand_shop .btn_top { position:absolute; right:0; top:15px; text-align:center; } .brand_shop .btn_a_white { width:125px; padding:0 0 0 13px; margin:0; background:url('../img/common/ico_star.png') no-repeat 15px 7px; color:#666; } /* brand_mall */ .brand_mall { float:right; width:724px; } .brand_mall_title { position:relative; margin-bottom:20px; } .brand_mall_title h3 { border:none; border-bottom:2px solid #333; padding:0; height:65px; } .brand_mall .br_img {width:100%; margin-bottom:30px; } .brand_mall .br_img p {margin-bottom:20px; line-height:18px;} .brand_mall .br_img > img { width:100%; } /*.brand_mall .new_brand .product_list_wrap .view_img > ul > li { width:240px; } .brand_mall .new_brand .product_list_wrap .view_img > ul > li:first-child { width:240px} .brand_mall .new_brand .product_over { width:238px; }*/ .brand_mall .new_brand .product_top_list.best_4 > li { float:left; width:241px; } .brand_mall .new_brand .product_top_list.best_4 > li:first-child { width:241px; } .brand_mall .product_list_wrap .product_list > li, .brand_mall .product_list_wrap .product_list > li:first-child { margin-left:11px; } .brand_shop .sub_category .category_wrap .brand_mall .product_off .tit { padding:3px 10px 0; font-size:12.1px; font-weight:700; } .brand_shop .sub_category .category_wrap .brand_mall .product_over .big { width:234px; } .brand_shop .sub_category .category_wrap .brand_mall .product_over .button a { width:119px; } .brand_shop .sub_category .brand_mall .product_list_wrap .product_over .button a.btn_ss_gray { border-right:none; } .brand_shop .brand_mall .new_brand .new_brand_banner .list_cont { width:219px; height:172px; margin-left:30px; } .brand_shop .brand_mall .new_brand .new_brand_banner .list_cont:first-child { margin-left:0; } .brand_shop .brand_mall .new_brand .new_brand_banner .list_cont .list_over { height:170px; } .brand_shop .brand_mall .new_brand .new_brand_banner .list_cont dl dt.img > img:first-child { width:100%; } .brand_shop .sub_category .category_wrap .brand_list .product_off .img > p { width:130px; height:130px; margin:0 auto; } .brand_shop .sub_category .category_wrap .brand_list .product_off .img > p > img { width:100%; height:100%;} .brand_shop .sub_category .category_wrap .brand_list .product_over_outline .big { top:157px; } .brand_shop .sub_category .category_wrap .brand_list .product_over_outline_login .big { top:150px; } .brand_shop .sub_category .category_wrap .brand_list .product_over_outline_soldout .big { top:150px; } .brand_shop .sub_category .category_wrap .brand_list .product_over_outline_order .big { top:150px; } .brand_shop .brand_list .product_list_wrap .view_img > ul > li { width:25%; padding-top:20px; height:280px; } .brand_shop .sub_category .category_wrap .brand_list .product_off .tit { padding:10px 10px 0; } .brand_shop .sub_category .category_wrap .brand_list .product_off .price { padding-top:5px; } /* brand_mall_lnb */ .brand_mall_lnb > li a { font-weight:700; } .brand_mall_lnb li a { display:block; padding:15px 14px; font-size:13px; font-weight:700; color:#333; border-top:1px solid #493a37; background:url(../img/common/ico_toggle.png) no-repeat 153px 18px; } .brand_mall_lnb li.on a { background-position:153px -32px; } .brand_mall_lnb li.on .depth01 {display:block;} .brand_mall_lnb li a.no_depth { background-image:none; } .brand_mall_lnb li a.last { border-bottom:0; } .brand_mall_lnb li .depth01 { display:none; padding:5px 0; border-top:1px solid #493a37; } .brand_mall_lnb li .depth01 > li a { padding:10px 0 10px 20px; color:#666; font-weight:400; border:none; background: url('../img/common/ico_arrow.png') no-repeat -10px -100px; } .brand_mall_lnb li .depth01 > li.on > a { color:#e80f00; font-weight:700; background: url('../img/common/ico_arrow.png') no-repeat -10px 12px; } .brand_mall_lnb li .depth01 li .depth02 { /*.padding-top:12px;*/ padding-left:16px; } .brand_mall_lnb li .depth01 li .depth02 li { padding:5px 0 5px 0; } .brand_mall_lnb li .depth01 li .depth02 li a { padding:0; color:#888; font-size:11px; background-image:none; } /* onlyshilla_wrap */ .onlyshilla_wrap .img_main { width:100%; height:220px; margin-top:25px; background:url(../img/sub/bg_onlyshilla.jpg) no-repeat 0 0; } .onlyshilla_wrap .img_main h2 { padding-left:47px; font-size:32px; font-weight:700; color:#333; } .onlyshilla_wrap .img_main h2 span { display:block; padding-top:5px; color:#e80f00; } .onlyshilla_wrap .img_main .txt_s { display:block; padding:35px 0 15px 50px; font-size:14px; font-weight:700; color:#362e2b; } .onlyshilla_wrap p:first-child.img { margin-top:25px; } .onlyshilla_wrap .new_tab { margin:30px 0 60px } .onlyshilla_wrap h3 { border:none; padding:0; } .onlyshilla_wrap .only01 { padding:30px; border:1px solid #bfbfbf; width:868px; } .onlyshilla_wrap .only01 h3 { text-align:left; margin:50px 0 20px; padding-left:10px; font-size:20px; font-weight:700; color:#333; } .onlyshilla_wrap .only01 h3:first-child { margin-top:0; } .onlyshilla_wrap .only01 h3.last { margin-top:40px; } .onlyshilla_wrap .only01 ul li { margin-left:10px; margin-bottom:10px; float:left; border:1px solid #e0e0e0; width:133px; } .onlyshilla_wrap .only01 ul li a > img { width:100%; height:100%;} .onlyshilla_wrap .only01 ul li.mar_0 { margin-left:0; } .onlyshilla_wrap .product_list_wrap { display:none; margin-top:25px; border:none; } .onlyshilla_wrap .product_list_wrap:first-child { display:block; } .onlyshilla_wrap .product_list_wrap .product_list { width:931px; border:1px solid #bfbfbf; border-top:1px solid #e0e0e0; } .onlyshilla_wrap .product_list_wrap .product_list + .tab_area { margin-top:50px; } .onlyshilla_wrap .product_list_wrap .tab_area + .product_list { border-top:0; } .onlyshilla_wrap .product_list_wrap .tab_area + .product_list + .product_list { border-top:0; } .onlyshilla_wrap .product_list_wrap .tab_area { border-top:2px solid #333; padding:25px 0; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; } .onlyshilla_wrap .product_list_wrap .tab_area h3 { text-align:center; font-size:20px; font-weight:700; color:#333; } .onlyshilla_wrap .only_brand_tab { position:relative; width:931px; height:36px; overflow:hidden; } .onlyshilla_wrap .only_brand_tab .inner { position:relative; width: 865px; height:36px; margin:0 28px 0 32px; overflow:hidden; } .onlyshilla_wrap .only_brand_tab ul.menu { position:absolute; left:0; top:0; width:3000px; height:36px; margin-left:-5px; } .onlyshilla_wrap .only_brand_tab ul.menu li { float:left; } .onlyshilla_wrap .only_brand_tab ul.menu li { margin-left:5px; } .onlyshilla_wrap .only_brand_tab ul.menu li a { display:block; width:140px; height:36px; line-height:36px; background-color:#7e6b5a; color:#fff; font-weight:700; text-align:center; } .onlyshilla_wrap .only_brand_tab ul.menu li a.on { background-color:#373231; } .onlyshilla_wrap .only_brand_tab ul.menu li.btn a { width:24px; background-color:#fff; } .onlyshilla_wrap .only_brand_tab .btn_area .prev { position:absolute; top:6px; left:0; } .onlyshilla_wrap .only_brand_tab .btn_area .next { position:absolute; top:6px; right:0; } /* sub_brand */ .sub_brand .new_brand { background-color:#fff; padding:30px 0 50px;} .sub_brand .new_brand h3 { font-size:20px; color:#333; font-weight:700; } .sub_brand .new_brand .new_brand_banner { margin-top:20px; } .sub_brand .new_brand .new_brand_banner .list_cont { margin-left:17px; position:relative; background-color:#fff; border:1px solid #e0e0e0; width:218px; float:left; } .sub_brand .new_brand .new_brand_banner .list_cont:first-child { margin-left:0; } .sub_brand .new_brand .new_brand_banner .list_cont dl { padding-bottom:12px; } .sub_brand .new_brand .new_brand_banner .list_cont dl a { display:block; } .sub_brand .new_brand .new_brand_banner .list_cont dl dt.img { overflow:hidden; height:96px; border-bottom:1px solid #e0e0e0; } .sub_brand .new_brand .new_brand_banner .list_cont dl dt.img > img:first-child { width:100%;} .sub_brand .new_brand .new_brand_banner .list_cont dl dt.img .ic { position:absolute; right:10px; top:70px; } .sub_brand .new_brand .new_brand_banner .list_cont dl dd.tit {height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 10px 5px 10px; font-size:14px; font-weight:700; line-height:1.3; } .sub_brand .new_brand .new_brand_banner .list_cont dl dd.date {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px; font-size:12.1px; color:#888; } .sub_brand .new_brand .new_brand_banner .list_cont .list_over { display:none; position:absolute; left:0; top:0; width:215px; height:170px; border:2px solid #333; } .sub_brand .new_brand .new_brand_banner .list_cont .list_over a { position:absolute; bottom:0; right:0; } .sub_brand .new_brand .new_brand_banner .list_cont:hover > .list_over { display:block; } .sub_brand .new_tab.tab_area { border:none; } .sub_brand .new_tab.tab_area { padding:0; border-bottom:none; } .sub_brand .new_tab.tab_area > .tit_tab { border:none; width:931px; } .sub_brand .new_tab.tab_area > .tit_tab li:first-child {width:311px;} .sub_brand .new_tab.tab_area > .tit_tab li { width:310px; display:block; float:left; border-top:3px solid #141414; } .sub_brand .new_tab.tab_area > .tit_tab li a { display:block; padding:14px 16px 15px; font-size:16px; border-left:1px solid #988e8a; border-bottom:1px solid #817a77;background-color:#b3a9a5; color:#fff; text-align:center;} .sub_brand .new_tab.tab_area > .tit_tab li:first-child a { border-left:0; } .sub_brand .new_tab.tab_area > .tit_tab li a.on { background:#e80f00; border-bottom:1px solid #a02424; } .sub_brand .sub_brand1 .brand_wrap .brand_head .menu_select .search { width:440px; padding-left:30px; } .sub_brand .sub_brand1 .brand_wrap .brand_head .menu_select .search label { font-size:14px; font-weight:700; padding-right:10px; } .sub_brand .sub_brand1 .brand_wrap .brand_head .menu_select .group {padding-right:0; } .sub_brand .sub_brand1 .brand_wrap .brand_head .menu_sub a { margin-right:3px; } .sub_brand .sub_brand3 .brand_head .menu_select .search .auto_complete { left:80px; } .sub_brand .sub_brand3 .brand_wrap .brand_head .menu_select .search { float:right; width:412px; padding-left:0; padding-right:0; } .sub_brand .sub_brand3 .brand_wrap .brand_head .menu_select .search label { font-size:14px; font-weight:700; padding-right:10px; } .sub_brand .sub_brand3 .brand_wrap .brand_head .menu_select .btn { float:left; } .sub_brand .sub_brand3 .brand_wrap .brand_head .menu_select .group { float:left; padding-right:0; } .sub_brand .sub_brand3 .brand_wrap .brand_head .menu_sub a { margin-right:3px; } .sub_brand .sub_brand3 .brand_wrap .brand_cont .tit { position:relative; top:0; margin-top:0 !important; width:auto; font-size:26px;} .sub_brand .sub_brand3 .gift_menu { overflow:hidden; padding:10px 24px 0 25px; } .sub_brand .sub_brand3 .gift_menu > li { box-sizing:border-box; position:relative; float:left; width:20%; padding-bottom:20px;} .sub_brand .sub_brand3 .gift_menu > li .css-radiolabel { position:absolute; left:0; top:0; font-size:1px; text-indent:-9999px; } .sub_brand .sub_brand3 .gift_menu > li dl { width:160px; margin:0 auto; /*cursor:pointer;*/ } .sub_brand .sub_brand3 .gift_menu > li dl dt { line-height:1.5; text-align:center; } .sub_brand .sub_brand3 .gift_menu > li dl dt span { display:block; } .sub_brand .sub_brand3 .gift_menu > li dl dt span.img { position:relative; padding:2px 2px 0 0; } .sub_brand .sub_brand3 .gift_menu > li dl dt span.img img { width:157px; height:157px; border:1px solid #f0f0f0; } .sub_brand .sub_brand3 .gift_menu > li dl dt span.img img.ico { position:absolute; top:0; right:0; width:60px; height:60px; border:none; } .sub_brand .sub_brand3 .gift_menu > li dl dt span.img img.on { border-color:#957045; } .sub_brand .sub_brand3 .gift_menu > li dl dt span.desc { font-weight:700; font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; color:#373231; } .sub_brand .sub_brand3 .gift_menu > li dl dt span.btn { padding:10px 0 15px; } .sub_brand .sub_brand3 .gift_menu > li dl dt span.btn a { width:144px; padding:0 0 0 13px; margin:0; background:url('../img/common/ico_star.png') no-repeat 25px 7px; color:#666; } .sub_brand .sub_brand3 .gift_menu > li dl dd + dd { height:32px; overflow:hidden; padding-bottom:0; font-size:11px; color:#999999; line-height:16px; } .sub_brand .sub_brand3 .gift_menu > li dl dd { padding-bottom:9px; text-align:center; } .sub_brand .sub_brand3 .gift_menu > li dl dd strong { display:inline-block; height:15px; overflow:hidden; margin-top:13px; color:#333; font-size:14px; } .sub_brand .sub_brand3 .notice { background-color:#f7f7f7; padding:30px; } .sub_brand .sub_brand3 .notice p { background:url('../img/common/ico_warring_black.png') no-repeat 0 2px; font-size:14px; font-weight:700; color:#333; padding-left:25px; height:18px; padding-top:3px; } .sub_brand .sub_brand3 .notice ul { padding-top:10px; } .sub_brand .sub_brand3 .notice ul li { padding-left:10px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 50%; line-height:1.7; color:#666; } .sub_brand .brand_wrap .brand_head .menu_sub .total { width:43px; padding:0; text-align:center; } .sub_brand .brand_wrap .brand_head .menu_sub .etc { width:43px; padding:0; text-align:center; } .sub_brand .brand_wrap .brand_head .menu_sub .domestic { width:72px; margin:0 !important; padding:0; text-align:center; } /* .popup_wrap .carry_wrap */ .popup_wrap .carry_wrap { width:680px; } .popup_wrap .carry_wrap .newwin { border-top:none; } .popup_wrap .carry_wrap .newwin .h1_area { padding:30px 0; border-bottom-color:#bfbfbf; } .popup_wrap .carry_wrap .newwin .h1_area h1 { font-size:26px; text-align:center; } .popup_wrap .carry_wrap .padding { padding:30px 20px 40px; } .popup_wrap .carry_wrap p, .popup_wrap .carry_wrap ul { font-size:12.1px; line-height:1.5; } .popup_wrap .carry_wrap p.title { padding-bottom:15px; padding-top:30px; color:#333; } .popup_wrap .carry_wrap p:first-child.title { padding-top:0; } .popup_wrap .carry_wrap p > span { color:#e80f00; } .popup_wrap .carry_wrap p > strong { color:#333; } .popup_wrap .carry_wrap p { color:#666; } .popup_wrap .carry_wrap .padd { padding:20px 0; } .popup_wrap .carry_wrap .padd li { padding-top:3px; color:#666; } .popup_wrap .carry_wrap .padd li:first-child { padding-top:0; } .popup_wrap .carry_wrap .padd li span { color:#e80f00; } .popup_wrap .carry_wrap .em { padding-top:0; } .popup_wrap .carry_wrap .em li em { padding-left:36px; } .popup_wrap .carry_wrap .box { margin-top:0; padding:30px 25px; } .popup_wrap .carry_wrap .box ul li { padding-bottom:5px; background: url(../img/common/bg_dot_2px_666.png) no-repeat 0 8px; padding-left:10px; color:#666; } /* .popup_wrap .my_coupon_list */ .popup_wrap .my_coupon_list { width:625px; } .popup_wrap .my_coupon_list .newwin { border-top:none; } .popup_wrap .my_coupon_list .newwin .h1_area { padding:30px 0; border-bottom-color:#bfbfbf; } .popup_wrap .my_coupon_list .newwin .h1_area h1 { font-size:26px; text-align:center; } .popup_wrap .my_coupon_list .notice_wrap { padding:30px; } .popup_wrap .my_coupon_list .notice_wrap > p { padding-bottom:10px; color:#333; font-weight:700; } .popup_wrap .my_coupon_list .notice_wrap > ul li { padding-left:10px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 10px; line-height:1.8; color:#666; } .popup_wrap .my_coupon_list .notice_wrap > ul li strong { font-weight:400; color:#ef3f3b; } .popup_wrap .my_coupon_list .notice_wrap > ul li ul li { padding-left:0; background:none; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap { position:relative; border-top: 1px solid #bfbfbf; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .tit_wrap { background-color:#f5f3f3; border-bottom:1px solid #bfbfbf; text-align:center; padding:20px 0; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .tit_wrap p:first-child { padding-bottom:10px; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .tit_wrap p strong { font-size:20px; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .tit_wrap p span { display:inline-block; width:40px; height:16px; font-size:11px; line-height:16px; text-align:center; color:#fff; background-color:#fb8239; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_head { padding:15px 10px; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_head .menu_select { padding-bottom:7px; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_head .menu_select .group li { width:64px; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_head .menu_sub { float:none; width:auto; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_head .menu_sub a { margin-right:2px; margin-top:6px; margin-bottom:0; height:22px; line-height:22px; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_head .menu_sub a.s { width:22px; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_cont { height:300px; overflow:auto; border-top:1px solid #bfbfbf; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_cont .box { margin:0 15px; background-color:#fff; border-top:none; border-bottom:1px solid #e0e0e0; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_cont .box:first-child { border-top:none; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_cont .menu { width:395px; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_cont .menu li { width:195px; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_cont .tit { left:15px; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .brand_cont .tit span { padding-left:0; } .popup_wrap .my_coupon_list .notice_wrap .brand_wrap .space { background-color:#fff; width:514px; height:5px; position:absolute; bottom:0; left:15px; } .popup_wrap .my_coupon_list .category_tab .cont { width:400px; } .popup_wrap .my_coupon_list .category_tab .cont > p { word-break:break-all; padding:0 10px;} /* .popup_wrap .membership_form_layer */ .popup_wrap .membership_form_layer { width:490px; } .popup_wrap .membership_form_layer .newwin { border-top:none; } .popup_wrap .membership_form_layer .newwin .h1_area { padding:30px 0; border-bottom-color:#bfbfbf; } .popup_wrap .membership_form_layer .newwin .h1_area h1 { font-size:26px; text-align:center; } .popup_wrap .membership_form_layer .table_tbody td, .popup_wrap .membership_form_layer .table_tbody th { height: 52px; } .popup_wrap .membership_form_layer .table_tbody th { padding-left:10px; font-weight:400; } .popup_wrap .membership_form_layer .table_tbody td { padding-left:10px; } .popup_wrap .membership_form_layer .table_tbody td strong { font-size:15px; padding:5px 0; display:block; } .popup_wrap .membership_form_layer .btn_area { padding-top:30px; text-align:center; border-bottom:none; } .popup_wrap .membership_form_layer .btn_area a { color:#fff; font-size:13px; font-weight:700; padding:12px 0 11px; display:inline-block; width:120px; margin: 0px; text-align: center; } .popup_wrap .membership_form_layer .btn_area a:first-child { margin-right:5px; } .popup_wrap .membership_form_layer .btn_area a.btn_red { background-color:#ef3f3b; border:1px solid #c13832; } .popup_wrap .membership_form_layer .btn_area a.btn_brown { border: 1px solid #000; background-color: #373231; } .popup_wrap .membership_form_layer ul li span { color:#e80f00; } /* .popup_wrap .gift_card */ .popup_wrap .gift_card { width:630px; } .popup_wrap .gift_card .newwin { border-top:none; } .popup_wrap .gift_card .newwin .h1_area { padding:30px 0; border-bottom-color:#bfbfbf; } .popup_wrap .gift_card .newwin .h1_area h1 { font-size:26px; text-align:center; } .popup_wrap .gift_card .padding { padding:25px 20px 30px; } .popup_wrap .gift_card .text_box { border-bottom:1px solid #d6d6d6; padding-bottom:25px; } .popup_wrap .gift_card .text_box p > strong span { color:#e80f00; } .popup_wrap .gift_card .text_area { padding-left:5px; } .popup_wrap .gift_card .text_area p.title { color:#333; padding-bottom:5px; padding-top:20px; background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 29px; } .popup_wrap .gift_card .text_area p { line-height:1.7; color:#666; padding-left:10px; } .popup_wrap .gift_card .text_area p > span { color:#ef3f3b; } .popup_wrap .gift_card .text_area ul { color:#666; line-height:1.7; padding-left:18px; text-indent:-8px;} .popup_wrap .gift_card .text_area ul.font li { font-size:11px; } .popup_wrap .gift_card .text_area ul li > span { color:#ef3f3b; } /* .popup_wrap .schedule_wrap */ .popup_wrap .schedule_wrap { width:530px; } .popup_wrap .schedule_wrap .padding { padding: 15px 15px 29px; } .popup_wrap .schedule_wrap .newwin { border-top:none; } .popup_wrap .schedule_wrap .newwin .h1_area { padding:30px 0; border-bottom-color:#bfbfbf; } .popup_wrap .schedule_wrap .newwin .h1_area h1 { font-size:26px; text-align:center; } .popup_wrap .schedule_wrap .schedule_box { background-color:#f7f7f7; padding:19px 0; text-align:center; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin:15px 0; } .popup_wrap .schedule_wrap .schedule_box p:first-child { padding-bottom:12px; color:#333; font-size:12.1px; } .popup_wrap .schedule_wrap .schedule_box p { color:#666; font-size:11px; } .popup_wrap .schedule_wrap .schedule_box p > span { color:#ef3f3b; font-weight:700; } .popup_wrap .schedule_wrap .schedule .table_normal thead th { border-top:1px solid #6d6050; padding:13px 0; font-weight:700; color:#4f4f4f; background-image:none; } .popup_wrap .schedule_wrap .schedule .table_normal tbody td { padding:11px 0; } .popup_wrap .schedule_wrap .schedule .table_normal label { padding-left:0; } .popup_wrap .schedule_wrap .btn_area { padding-top:30px; text-align:center; border-bottom:none; } .popup_wrap .schedule_wrap .btn_area a { color:#fff; font-size:13px; font-weight:700; padding:12px 0 11px; display:inline-block; width:120px; margin: 0px; text-align: center; } .popup_wrap .schedule_wrap .btn_area a:first-child { margin-right:5px; } .popup_wrap .schedule_wrap .btn_area a.btn_red { background-color:#ef3f3b; border:1px solid #c13832; } .popup_wrap .schedule_wrap .btn_area a.btn_brown { border: 1px solid #000; background-color: #373231; } /* .popup_wrap .popup_membership */ .popup_wrap .popup_membership { width:590px; } .popup_wrap .popup_membership .newwin { border-top:none; } .popup_wrap .popup_membership .newwin .h1_area { padding:28px 0; border-bottom-color:#bfbfbf; } .popup_wrap .popup_membership .newwin .h1_area h1 { font-size:26px; text-align:center; } .popup_wrap .popup_membership .box { margin-top:0; padding:30px 25px; } .popup_wrap .popup_membership .box ul li { line-height:1.8; background: url(../img/common/bg_dot_2px_666.png) no-repeat 0 9px; padding-left:10px; color:#666; } .popup_wrap .popup_membership .box ul li:first-child { padding-top:0; } .popup_wrap .popup_membership .box ul li.red { color:#ef3f3b; } .popup_wrap .popup_membership .tit_tab_txt { padding:25px 25px 0; width:auto; } .popup_wrap .popup_membership .mem_area { width:auto; } .popup_wrap .popup_membership .mem_area .padding { padding:0 25px 33px; } .popup_wrap .popup_membership .tit_tab_txt li a { padding:12px 0; font-size:12.1px; } .popup_wrap .popup_membership .tit_tab_txt li a.on {padding-top:11px;} .popup_wrap .popup_membership .shilla_mem { text-align:center; padding:25px 0 30px; } .popup_wrap .popup_membership .shilla_mem p { font-size:13px; color:#333; font-weight:700; padding-bottom:13px; } .popup_wrap .popup_membership .shilla_mem p > span { color:#e80f00; } .popup_wrap .popup_membership .shilla_mem .btn_ic_red_s > img { padding-left:5px; } .popup_wrap .popup_membership .mem_box p { float:left; } .popup_wrap .popup_membership .mem_box p img { width:236px; height:147px; } .popup_wrap .popup_membership .mem_box .table_tbody { float:right; width:54%; } .popup_wrap .popup_membership .mem_box .table_tbody tr:first-child th, .popup_wrap .popup_membership .mem_box .table_tbody tr:first-child td {border-top:none;} .popup_wrap .popup_membership .mem_box .table_tbody th { padding:17px 9px; font-size:11px; font-weight:400; color:#666; text-align:left; border-top:1px solid #d6d6d6; background-color:#f9f9f9; } .popup_wrap .popup_membership .mem_box .table_tbody td { padding:17px 9px; text-align:left; font-size:11px; color:#666; border-left:0; border-top:1px solid #d6d6d6; } .popup_wrap .popup_membership .current { border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; } .popup_wrap .popup_membership .current p.img { float:left; background-color:#f7f7f7; width:175px; text-align:center; padding:39px 0 35px; } .popup_wrap .popup_membership .current p.img > span { display:block; padding:25px 0 0 0; font-weight:700; } .popup_wrap .popup_membership .current div { float:left; width:362px; } .popup_wrap .popup_membership .current div p { text-align:center; font-size:15px; color:#333; font-weight:700; padding:23px 0 21px; border-bottom:1px solid #e0e0e0; } .popup_wrap .popup_membership .current div p span { color:#e80f00; } .popup_wrap .popup_membership .current div ul { padding:20px 20px 0; } .popup_wrap .popup_membership .current div ul li { color:#666; line-height:1.5; font-size:11px; } .popup_wrap .popup_membership .membership2 .box .upgrade { float:left; text-align:center; background-color:#fff; border:1px solid #dedede; width:175px; padding:36px 0; } .popup_wrap .popup_membership .membership2 .box .upgrade span { display:block; padding:25px 0 0 0; } .popup_wrap .popup_membership .membership2 .box .text_area { float:left; text-align:center; padding:39px 0 0 77px; } .popup_wrap .popup_membership .membership2 .box .text_area p:first-child { font-size:15px; font-weight:700; color:#333; padding-bottom:15px; } .popup_wrap .popup_membership .membership2 .box .text_area p { line-height:1.5; } .popup_wrap .popup_membership .membership2 .box .text_area p span { padding-left:0; color:#e80f00; font-weight:700; } .popup_wrap .popup_membership .card { float:left; position:relative; background:url(../img/sub/img_my_card.png) no-repeat; width:236px; height:147px; } .popup_wrap .popup_membership .card > div {position:absolute; left:14px; bottom:59px; text-align:left;} .popup_wrap .popup_membership .card .number { display:block; margin-bottom:1px; font-size:11px; color:#333; } .popup_wrap .popup_membership .card .name { display:block; width:110px; font-size:11px; font-weight:700; color:#333; line-height:14px; } .popup_wrap .popup_membership .card .level { position:absolute; right:11px; bottom:59px; width:100px; text-align:right; font-weight:700; font-size:11px; color:#333; line-height:14px; } /* .popup_wrap .point_wrap */ .popup_wrap .point_wrap { width:660px; } .popup_wrap .popup_membership .point_area { padding:0 25px; } .popup_wrap .popup_membership .point_area .date { border-top:none; padding:10px 18px; background-color:#f7f7f7; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; } .popup_wrap .popup_membership .point_area .date .tit { width:auto; margin-right:8px; } .popup_wrap .popup_membership .point_area .search_date_area { margin:20px 0 0; } .popup_wrap .popup_membership .point_area .search_date_area .search .passport_date { width:130px; margin-right:0; } .popup_wrap .popup_membership .point_area .search_date_area .search .passport_date input { width:80px; } .popup_wrap .popup_membership .point_area .search_date_area .date .btn { width:160px; } .popup_wrap .popup_membership .point_area .calender {padding:0; margin-right:0;} .popup_wrap .popup_membership .point_area .calender .input {width:112px;vertical-align:top;} .popup_wrap .popup_membership .point_area .search_date_area .select { padding:20px 0 10px; } .popup_wrap .popup_membership .point_area .table_normal thead th { border-top:1px solid #6d6050; background-color:#fff; font-size:11px; background-image:none; font-weight:700; } .popup_wrap .popup_membership .point_area .table_normal tbody td { font-size:11px; text-align:center; line-height:1.4; color:#333; } .popup_wrap .popup_membership .point_area .table_normal tbody td .txt_left { text-align:left; } .popup_wrap .popup_membership .point_area .table_normal .txt_left a {color:#333;} .popup_wrap .popup_membership .point_area .table_normal .txt_left a:hover {text-decoration:underline; color:#333;} .popup_wrap .point_wrap .mileage_info { padding:25px 25px 20px; } .popup_wrap .point_wrap .mileage_info .cont { float:left; width:202px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; } .popup_wrap .point_wrap .mileage_info .border { border:1px solid #dfdfdf; } .popup_wrap .point_wrap .mileage_info .cont .tit { padding:20px 0; font-size:15px; font-weight:700; text-align:center; } .popup_wrap .point_wrap .mileage_info .cont .tit dt { padding-bottom:8px; } .popup_wrap .point_wrap .mileage_info .cont .tit dd { font-size:24px; color:#e80f00; } .popup_wrap .point_wrap .mileage_info .cont .tit dd > em { font-family:'Times New Roman'; font-weight:bold;} .popup_wrap .point_wrap .mileage_info .cont .desc { height:105px; background-color:#f7f7f7; } .popup_wrap .point_wrap .mileage_info .cont .desc ul { width:175px; margin:0 auto; padding-top:48px; } .popup_wrap .point_wrap .mileage_info .cont .desc ul li { position:relative; font-size:11px; } .popup_wrap .point_wrap .mileage_info .cont .desc ul li em { font-weight:700; } .popup_wrap .point_wrap .mileage_info .cont .desc ul li span { position:absolute; right:0; top:0; } .popup_wrap .point_wrap .mileage_info .cont:first-child { border-left-color:#fff; } .popup_wrap .point_wrap .mileage_info .cont:first-child .desc ul { padding-top:15px; } .popup_wrap .point_wrap .mileage_info .cont:first-child .desc ul li { padding:4px 0; } .popup_wrap .point_wrap .mileage_info .cont:first-child .desc ul li.ev_gray { color:#888; } .popup_wrap .point_wrap .search_date_area .date .btn a { height:25px; line-height:22px; } .popup_wrap .point_wrap .pagination { padding:20px 0 30px; } /* .popup_wrap .discount_wrap */ .popup_wrap .discount_wrap { width:730px; } .popup_wrap .discount_wrap .discount_area { padding:25px 25px; } .popup_wrap .discount_wrap .discount_area .text_area { padding-bottom:18px; } .popup_wrap .discount_wrap .discount_area .text_area > span { color:#e80f00; } .popup_wrap .discount_wrap .discount_area .table_normal thead th { border-top:1px solid #6d6050; background-color:#fff; font-size:11px; background-image:none; font-weight:700; } .popup_wrap .discount_wrap .discount_area .table_normal tbody td { font-size:11px; text-align:center; } .popup_wrap .discount_wrap .discount_area .table_normal tbody td span { display:block; color:#e80f00; text-align:center; } .popup_wrap .discount_wrap .discount_area .table_normal tbody td .btn_ss_white { min-width:50px; } .popup_wrap .discount_wrap .discount_area .table_normal tbody td .txt_left { text-align:left; line-height:1.3; } .popup_wrap .discount_wrap .discount_area .btn_bottom { position:relative; padding:10px 0 0; } .popup_wrap .discount_wrap .discount_area .btn_bottom a {padding: 5px 8px 6px; } .popup_wrap .discount_wrap .discount_area .btn_bottom a:after {display:none;} .popup_wrap .discount_wrap .discount_area .btn_bottom a.btn_first { position:absolute; right:85px; } .popup_wrap .discount_wrap .discount_area .btn_bottom a + a { position:absolute; right:0; } .popup_wrap .discount_wrap .discount_area .pagination { padding:20px 0 5px; } /* .popup_wrap .ship_wrap */ .popup_wrap .ship_wrap .schedule_box { background-color:#fff; padding:14px 0; } .popup_wrap .ship_wrap .schedule_box label { padding-right:10px; } .popup_wrap .ship_wrap .war_box li { color:#ef3f3b; font-size:11px; line-height:1.5;} .popup_wrap .ship_wrap .war_box { padding-bottom:30px; } .popup_wrap .ship_wrap .ship_box { border:1px solid #bfbfbf; } .popup_wrap .ship_wrap .ship_box p { background-color:#f7f7f7; font-size:12.1px; font-weight:700; color:#333; padding:13px 14px; border-bottom:1px solid #e0e0e0; } .popup_wrap .ship_wrap .ship_box ul li { font-size:11px; float:left; width:144px; padding:14px 10px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; } .popup_wrap .ship_wrap .ship_box ul li.rnone { border-right:none; width:146px; } .popup_wrap .ship_wrap .ship_box ul li.bnone { border-bottom:none; } /* .popup_wrap .air_wrap */ .popup_wrap .air_wrap { width:650px; } .popup_wrap .air_wrap .schedule_box { background-color:#fff; padding:14px 0; } .popup_wrap .air_wrap .schedule_box input { width:80px; text-transform:uppercase; vertical-align:top;} .popup_wrap .air_wrap .schedule_box label {display:inline-block; padding:6px 0 6px 20px; height:16px; line-height:16px; vertical-align:top;} .popup_wrap .air_wrap .schedule_box label:first-child {padding-left:0;} .popup_wrap .air_wrap .write { text-align:left; padding:14px 15px; color:#333;border:1px solid #e0e0e0; } .popup_wrap .air_wrap .write p { font-weight:700; font-size:11px; } .popup_wrap .air_wrap .write ul li { font-size:11px; padding-left:10px; line-height:1.5; background: url(../img/common/bg_dot_2px_666.png) no-repeat 0 6px; } .popup_wrap .air_wrap .write ul li span { color:#ef3f3b; } .popup_wrap .air_wrap .ship_box { border:1px solid #e0e0e0; border-top:none; height:300px; overflow-y:scroll; } .popup_wrap .air_wrap .ship_box p { background-color:#f7f7f7; font-size:12.1px; font-weight:700; color:#333; padding:13px 14px; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; } .popup_wrap .air_wrap .ship_box ul li { font-size:11px; float:left; width:176px; padding:14px 10px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; } .popup_wrap .air_wrap .ship_box ul li.none { border-left:none; width:185px; } .popup_wrap .air_wrap .ship_box ul li.border { border-right:1px solid #e0e0e0; border-bottom:none; } .popup_wrap .air_wrap .ship_box ul li img:first-child { width:30px; height:16px} /* .popup_wrap .popup_w590 */ .popup_wrap .popup_w590 { width:590px; } .popup_wrap .point_search .newwin { border-top:none; } .popup_wrap .point_search .newwin .h1_area { padding:30px 0; border-bottom-color:#bfbfbf; } .popup_wrap .point_search .newwin .h1_area h1 { font-size:26px; text-align:center; } .popup_wrap .point_search .btn_payment { padding-top:30px; padding-bottom:20px !important; text-align:center; border-bottom:none; } .popup_wrap .point_search .btn_payment a { color:#fff; font-size:13px; font-weight:700; padding:12px 0 11px; display:inline-block; width:120px; margin: 0px; text-align: center; } .popup_wrap .point_search .btn_payment a:first-child { margin-right:5px; } .popup_wrap .point_search .btn_payment a.btn_red { background-color:#ef3f3b; border:1px solid #c13832; } .popup_wrap .point_search .btn_payment a.btn_brown { border: 1px solid #000; background-color: #373231; } .popup_wrap .point_search .box { margin-top:0; padding:30px 25px; } .popup_wrap .point_search .box > li { padding-bottom:5px; line-height:1.5; background: url(../img/common/bg_dot_2px_666.png) no-repeat 0 9px; padding-left:10px; color:#666; } .popup_wrap .point_search .box > li a { color:#666; text-decoration:underline; padding-right:10px; border-right:1px solid #cbcbcb; margin-right:10px; } .popup_wrap .point_search .cont { padding:20px; } .popup_wrap .point_search .table_normal th { background-color:#f9f9f9; font-weight:400; text-align:left; border-top:1px solid #e0e0e0; } .popup_wrap .point_search .table_normal tr:first-child th, .popup_wrap .point_search .table_normal tr:first-child td { border-top:1px solid #bfbfbf; } .popup_wrap .point_search .table_normal td { text-align:left; padding:15px; } .popup_wrap .point_search .card_number input { width:60px; } .popup_wrap .point_search .card_number span { display:inline-block; width:14px; text-align:center; } .popup_wrap .point_search .password_area input { width:240px; } .popup_wrap .point_search .password_area a.btn_ic_red_s { margin-left:10px; } .popup_wrap .point_search .password_area a.btn_ic_red_s > img {display:none;} .popup_wrap .point_search .skt_info { padding:5px 15px 10px; } .popup_wrap .point_search .skt_info li { padding-top:10px; color:#666; font-weight:700; font-size:14px } /*2018-12-20 개인정보 관리실태 점검 */ .popup_wrap .point_search .skt_check { padding:0 15px 15px; border-bottom:1px solid #bfbfbf; } .popup_wrap .point_search .skt_txt { color:#666; padding:10px 15px 10px; } .popup_wrap .point_search .skt_txt a { margin-left:10px; } .popup_wrap .point_search .skt_txt span { display:block; padding-top:5px; } .popup_wrap .point_search .skt_txt span img { margin:0 7px; vertical-align:bottom; } /* .popup_wrap .popup_receipt */ .popup_wrap .popup_receipt { width:640px; } .popup_wrap .popup_receipt .newwin { border-top:none; } .popup_wrap .popup_receipt .newwin .h1_area { padding:28px 0; border-bottom-color:#bfbfbf; } .popup_wrap .popup_receipt .newwin .h1_area h1 { font-size:26px; text-align:center; } .popup_wrap .popup_receipt .padding { padding:30px 20px 40px 20px; } .popup_wrap .popup_receipt .title { display:block; margin:30px 0 10px 0; font-size:15px; color:#333; } .popup_wrap .popup_receipt .title:first-child { margin-top:10px; } .popup_wrap .popup_receipt .table_tbody { border-top: 2px solid #333; border-collapse: separate;} .popup_wrap .popup_receipt .table_tbody tr:first-child th, .popup_wrap .popup_receipt .table_tbody tr:first-child td {border-top:none;} .popup_wrap .popup_receipt .table_tbody th { padding:13px 15px; font-size:12.1px; font-weight:400; color:#333; text-align:left; border-top:1px solid #d6d6d6; background-color:#f9f9f9; } .popup_wrap .popup_receipt .table_tbody td { padding:13px 15px; text-align:left; font-size:12.1px; color:#666; border-left:0; border-top:1px solid #d6d6d6; } .popup_wrap .popup_receipt .table_tbody .ellipsis { width:419px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .popup_wrap .popup_receipt .txt01 { color:#333; } .popup_wrap .popup_receipt .txt02 { color:#e80f00; } .popup_wrap .popup_receipt .txt02 > a { color:#e80f00; } .popup_wrap .popup_receipt .box .txt02 > a { color:#e80f00; } .popup_wrap .popup_receipt .box { margin-top:0; padding:25px 25px; } .popup_wrap .popup_receipt .box > ul > li { line-height:1.8; background: url(../img/common/bg_dot_2px_666.png) no-repeat 0 8px; padding-left:10px; color:#666; } .popup_wrap .popup_receipt .box > ul > li:first-child { padding-top:0; } .popup_wrap .popup_receipt .box > ul > li .tit { display:block; margin-top:10px; } .popup_wrap .popup_receipt .box a { color:#666; } .popup_wrap .popup_receipt .bold { color:#333; font-weight:700; } .popup_wrap .popup_receipt .txt_tbl { position:relative; } .popup_wrap .popup_receipt .txt_receipt { position:absolute; top:50%; left:50%; margin-top:-130px; margin-left:-205px; width:410px; height:260px; } .popup_wrap .popup_receipt .txt_receipt img { width:100%; height:100%; } /* .popup_wrap .okcashbag_02 */ .popup_wrap .okcashbag_02 .cont { text-align:center; } .popup_wrap .okcashbag_02 .cont p > span { color:#ef3f3b; } .popup_wrap .okcashbag_02 .cont p { padding-bottom:7px; } .popup_wrap .okcashbag_02 .cont strong { display:block; font-size:24px; color:#666; padding-top:35px;} .popup_wrap .okcashbag_02 .cont strong > span { font-size:32px; color:#ef3f3b; } /* cart_payment 툴팁 */ .info_box .write_box .table_tbody .tooltip_wrap {display:block; position:relative; } .info_box .write_box .table_tbody .tooltip_wrap > a > img {padding-left:4px;} .info_box .write_box .table_tbody .tooltip_wrap .btn_tooltip_layer img {margin-left:3px;} .info_box .write_box .table_tbody .tooltip_wrap .tooltip_layer {left:70px; width:336px; z-index:9999;} .info_box .write_box .table_tbody .tooltip_wrap .ic {position: absolute; left: -6px; top: 50%; display: block; width: 8px; height: 12px; margin-top: -6px; background: url(../img/common/ico_arrow.png) no-repeat 0 -184px; } .info_box .write_box .table_tbody .tooltip_wrap .tooltip_layer .ic { left:-6px; background-image:url(../img/common/ico_arrow.png); } .info_box .write_box .table_tbody .tooltip_wrap .tooltip_layer .box {padding:20px; border:1px solid #000; background-color:#fff;} .info_box .write_box .table_tbody .tooltip_wrap .tooltip_layer .box dl { font-size:11px; font-weight:400; } .info_box .write_box .table_tbody .tooltip_wrap .tooltip_layer .box dd { line-height:1.5; } .info_box .write_box .table_tbody .tooltip1 .tooltip_wrap .tooltip_layer { left:110px; top:-37px !important; } .info_box .write_box .table_tbody .tooltip2 .tooltip_wrap .tooltip_layer { top:-22px !important; } .info_box .write_box .table_tbody .tooltip3 .tooltip_wrap .tooltip_layer { left:84px; top:-95px !important; } .info_box .write_box .table_tbody .tooltip3 .tooltip_wrap .tooltip_layer dd { padding-left:7px; background:url(../img/common/bg_dot_b2b2b2.png) no-repeat 0 7px; } .info_box .write_box .table_tbody .tooltip4 .tooltip_wrap .tooltip_layer { top:-29px !important; } .info_box .write_box .table_tbody .tooltip5 .tooltip_wrap .tooltip_layer { left:77px; top:-37px !important; } .info_box .write_box .table_tbody .tooltip6 .tooltip_wrap .tooltip_layer { left:107px; top:-30px !important; } .info_box .write_box .table_tbody .tooltip7 .tooltip_wrap .tooltip_layer { top:-46px !important; } .info_box .write_box .table_tbody .tooltip8 .tooltip_wrap .tooltip_layer { left:98px; top:-70px !important; } .write_box .table_tbody .tooltip_wrap {display:block; position:absolute; } .write_box .table_tbody .tooltip_wrap .btn_tooltip_layer img {margin-left:3px;} .write_box .table_tbody .tooltip_wrap .tooltip_layer {left:70px; width:336px; z-index:9999;} .write_box .table_tbody .tooltip_wrap .ic {position: absolute; left: -6px; top: 50%; display: block; width: 8px; height: 12px; margin-top: -6px; background: url(../img/common/ico_arrow.png) no-repeat 0 -184px; } .write_box .table_tbody .tooltip_wrap .tooltip_layer .ic { left:-6px; background-image:url(../img/common/ico_arrow.png); } .write_box .table_tbody .tooltip_wrap .tooltip_layer .box {padding:20px; border:1px solid #000; background-color:#fff;} .write_box .table_tbody .tooltip_wrap .tooltip_layer .box dl { font-size:11px; font-weight:400; } .write_box .table_tbody .tooltip_wrap .tooltip_layer .box dd { line-height:1.5; } .write_box .table_tbody .tooltip_wrap .tooltip_layer .box ul { font-size:11px; font-weight:400; line-height:1.5; padding-top:0;} .write_box .table_tbody .tooltip_wrap .tooltip_layer .box li {word-break:break-all} .write_box .table_tbody .tooltip9 .tooltip_wrap .tooltip_layer { left:85px; top:-40px !important;} /* .popup_wrap .team_use */ .popup_wrap .team_use .newwin {border-top:1px solid #000;} .popup_wrap .team_use .newwin .h1_area { padding:32px 0 29px 0; text-align:center; border-bottom:1px solid #bfbfbf; background-color:#fff; } .popup_wrap .team_use .newwin .h1_area h1 {font-size:26px; padding:0 16px;} /* .wedding_wrap .tab_area .list_over */ .wedding_wrap .tab_area .list_over { display:none; position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; border:2px solid #333; } .wedding_wrap .tab_area .list_over a.btn { display:block; position:absolute; right:0; bottom:0; z-index:2; } .wedding_wrap .tab_area .img_tab .list ul li:hover > .list_over { display:block !important; } .pw_complete { position:absolute; right:10px; top:13px; background:url(../img/common/ico_pw_check.png) no-repeat; width:24px; height:24px; text-indent:-999em; } .direct .select_via { display:none; } .popup_wrap .team_use .chinese { font-family: Verdana, SimSun !important; } .popup_wrap .team_use .chinese table th, .popup_wrap .team_use .chinese strong { font-family: Verdana, SimSun !important; font-weight:bold; } .popup_wrap .team_use .chinese .h1_area h1 { font-family: 'Microsoft YaHei'; font-weight:bold; } .popup_wrap .team_use .japanese { font-family:'ＭＳ Ｐゴシック','ＭＳ ＰGothic',Tahoma, sans-serif !important; } .popup_wrap .team_use .japanese table th, .popup_wrap .team_use .japanese strong { font-family:'ＭＳ Ｐゴシック','ＭＳ ＰGothic',Tahoma, sans-serif; font-weight:bold; } .popup_wrap .team_use .japanese .h1_area h1 { font-family:'ＭＳ Ｐゴシック','ＭＳ ＰGothic',Tahoma, sans-serif; font-weight:bold; } /* 2016.08.09 온라인멤버십 회원 등급 추가 */ .btn_benefit01{position:absolute;right:-9px;top:-5px} .myshopping_wrap .contents_wrap .main_box .h3_area .btn_benefit01 a.btn01{position:absolute;right:176px;top:21px} .myshopping_wrap .contents_wrap .main_box .h3_area .btn_benefit01 a.btn02{position:absolute;right:20px;top:21px} .sh_btn_benefit{position:relative;} .sh_btn_benefit .btn_benefit02{position:absolute;right:10px;top:18px} .sh_btn_benefit .btn_benefit02 a.btn03{} .myshopping_wrap .contents_wrap .class_up>.inner{padding:28px 30px 10px 20px} /* //2016.08.09 온라인멤버십 회원 등급 추가 */ /* 신라톡톡 css 추가 */ .talktalk {padding-top:27px;} .talktalk .area.join {margin-top:30px;} .talktalk .area {margin-top:0px;} .talktalk .area.join p.txt_left {overflow:hidden; line-height:15px !important; padding-left:49px; width:394px; white-space: nowrap;text-overflow:ellipsis;} .talktalk .area.join p.txt_left2 {text-overflow:ellipsis; overflow:hidden; height:15px !important; line-height:15px !important; padding-left:38px; white-space: nowrap; padding-right:10px;} .talktalk .area.join p.txt_comment {overflow:hidden; line-height:15px !important; padding-left:29px; text-align:left;} .talktalk .area.join td {line-height:50px; height:50px; padding:10px 0px;} .talktalk .area.join p.txt_nodata {line-height:212px; height:212px; text-align:center;} .my_inte_event {padding-top:27px;} .my_inte_event .area.join {margin-top:30px;} .my_inte_event .area {margin-top:0px;} .my_inte_event .area.join p.txt_left {text-overflow:ellipsis; overflow:hidden; height:15px !important; line-height:15px !important; padding-left:49px; width:394px; white-space: nowrap;} .my_inte_event .area.join p.txt_left2 {text-overflow:ellipsis; overflow:hidden; height:15px !important; line-height:15px !important; padding-left:38px; white-space: nowrap; padding-right:10px;} .my_inte_event .area.join p.txt_comment {overflow:hidden; line-height:15px !important; padding-left:29px; text-align:left;} .my_inte_event .area.join td {line-height:70px; height:70px; padding:0px;} .my_inte_event .area.join p.txt_nodata {line-height:212px; height:212px; text-align:center;} .myshopping_wrap .contents_wrap .main_box.s_talk {margin-bottom:0px;} .my_inte_event .tit_tab_txt li {width:33.3%;} .select_all {border-bottom:1px solid #bfbfbf; line-height:55px; height:55px;} .event_list.talk {overflow:hidden; position:relative;} .event_list.talk li {float:left; text-align:left; padding-top:20px;} .event_list.talk li.last {width:227px;} .event_list.talk li.nodata {width:732px; border-bottom:1px solid #bfbfbf; line-height:212px; height:212px; color:#000; font-size:9.5px; text-align:center;} .event_list.talk li .item_area {border:1px solid #e0e0e0; position:relative; width:227px;} .event_list.talk li .item_area img {width:227px; height:104px;} .event_list.talk li .item_text {border-top:1px solid #e0e0e0; padding:12px 12px 0px; color:#000; font-size:14px; height:30px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;} .event_list.talk li .item_area .smtxt {color:#666666; font-size:9px; display:block; margin-top:12px; padding:0px 0px 12px 12px;} .exhibition_list.talk {overflow:hidden; position:relative;} .exhibition_list.talk li {float:left; text-align:left; padding-top:20px; padding-right:21px;} .exhibition_list.talk li.last {width:227px;} .exhibition_list.talk li.nodata {width:732px; border-bottom:1px solid #bfbfbf; line-height:212px; height:212px; color:#000; font-size:9.5px; text-align:center;} .exhibition_list.talk li .item_area {border:1px solid #e0e0e0; position:relative; width:227px;} .exhibition_list.talk li .item_area img {width:227px; height:104px;} .exhibition_list.talk li .item_text {border-top:1px solid #e0e0e0; padding:12px 12px 0px; color:#000; font-size:14px; height:30px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;} .exhibition_list.talk li .item_area .smtxt {color:#666666; font-size:9px; display:block; margin-top:12px; padding:0px 0px 12px 12px;} .talk_check {height:22px;} .my_inte_event .area a.btn_ic_red_s {border-radius: 2px; padding:8px 10px 7px; float:right; top:13px; right:2px;} .my_inte_event .area a.btn_ic_red_s:after {background:none !important;} .select_all input[type=checkbox].css-checkbox + label.css-label {padding-left:4px !important;} .my_shilla_talk {position:relative;} .my_shilla_talk .inner {border-bottom:1px solid #bfbfbf; overflow:hidden;font-weight:700;} .my_shilla_talk .inner > dt {background:#f7f7f7; color:#333; line-height:20px; padding:17px 0px 0px 20px; width:74px; float:left; height:177px;} .my_shilla_talk .inner > dd {position:relative; overflow:hidden; float:left;} .my_shilla_talk .inner > dd .evarea {width:317px; border-right:1px solid #bfbfbf; float:left; position:relative;} .my_shilla_talk .inner > dd .evarea .ptit {line-height:61px; height:61px; text-align:center; color:#333; border-bottom:1px solid #bfbfbf;} .my_shilla_talk .inner > dd .evarea .talkitem {border-right:1px solid #bfbfbf; width:158px; line-height:28px; color:#333; text-align:center; float:left; height:97px; padding-top:36px;} .my_shilla_talk .inner > dd .evarea .talkitem2 {width:158px; line-height:28px; color:#333; text-align:center; padding-top:36px; height:97px; float:right;} .my_shilla_talk .inner > dd .evarea2 {width:318px; float:left; position:relative;} .my_shilla_talk .inner > dd .evarea2 .ptit {line-height:61px; height:61px; text-align:center; color:#333; border-bottom:1px solid #bfbfbf;} .my_shilla_talk .inner > dd .evarea2 .talkitem {border-right:1px solid #bfbfbf; width:158px; line-height:28px; color:#333; text-align:center; float:left; height:97px; padding-top:36px;} .my_shilla_talk .inner > dd .evarea2 .talkitem2 {width:158px; line-height:28px; color:#333; text-align:center; padding-top:36px; height:97px; float:right;} .my_interest_talk {position:relative;} .my_interest_talk .inner {overflow:hidden;font-weight:700;} .my_interest_talk .inner > dt {background:#f7f7f7; color:#333; line-height:20px; padding:17px 0px 0px 20px; width:74px; float:left; height:109px;} .my_interest_talk .inner > dd {position:relative; overflow:hidden; float:left;} .my_interest_talk .inner > dd .in_talk_item {border-left:1px solid #bfbfbf; line-height:28px; color:#333; height:90px; float:left; width:211px;text-align:center; padding-top:36px;} .my_interest_talk .inner > dd .in_talk_item2 {line-height:28px; color:#333; height:90px; float:left; width:211px;text-align:center; padding-top:36px;} .my_shilla_talk span.smgray, .my_interest_talk span.smgray {color:#adadac;} /* 2016.08.17 온라인멤버십 회원 등급 버튼 추가 */ .myshopping_wrap .contents_wrap .member_class>.inner{position:relative} .myshopping_wrap .contents_wrap .member_class>.inner .btn03_secret{display:block;position:absolute;right:20px;top:18px;} /* //2016.08.17 온라인멤버십 회원 등급 버튼 추가 */ /* memberjoin 2016.08.24 */ .membership_form .table_tbody .txt_info_agree li.tit_none { padding-bottom:5px; font-size:11px; color:#999; } .membership_form .table_info{margin-top:13px;margin-bottom:18px;width:100%} .membership_form .table_info th{border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:11px 0;text-align:center} .membership_form .table_info th:first-child{border-right:1px solid #e0e0e0} .membership_form .table_info th:last-child{border-left:1px solid #e0e0e0} .membership_form .table_info td{border-bottom:1px solid #bfbfbf;text-align:center;vertical-align:middle;padding:12px 10px;line-height:140%;color:#666} .membership_form .table_info td .txts{font-size:9px;color:#999;line-height:120%} .membership_form .table_info td:first-child{border-right:1px solid #e0e0e0} .membership_form .table_info td:last-child{border-left:1px solid #e0e0e0} .membership_form .table_info tr:first-child th, .membership_form .table_info tr:first-child td{border-top:1px solid #bfbfbf} .membership_form .chk_list.chk_add li{width:60px} .membership_form .chk_list.chk_info li{width:80px} .membership_form .chk_list.chk_info li:last-child{width:95px} .membership_form .chk_list.chk_info dt{float:left;width:80px} .membership_form .chk_list.chk_info dd{float:left;margin-right:15px} .membership_form .chk_list.chk_info dd.first_margin{margin-right:10px} .membership_form .chk_list.chk_info dd.last_margin{margin-left:-5px;margin-right:0} .membership_form .m_address1{margin-top:7px} .membership_form .m_address1 input{width:78px;margin-right:10px} .membership_form .m_address2{margin-top:8px} .membership_form .m_address2 input{width:218px} .membership_form .m_address2 input:first-child{margin-right:10px} .membership_form .m_address3 input{width:100%} /* //memberjoin 2016.08.24 */ /* 20160905 스페셜 오더 매장 전화번호 */ table .label_brend {padding:6px 0 0 4px;font-size:12.1px} table .label_brend strong,div.label_brend span {color:#e80f00} /* 2016-09-23 인도장개선 */ .toggle_list.sh_bca_upgrade {margin-bottom:20px;} .toggle_list.sh_bca_upgrade .delivery_info .img {width:auto;height:auto;} .toggle_list.sh_bca_upgrade .delivery_info .img img {width:auto;} .cs_guide .toggle_list.sh_bca_upgrade .cont {padding:30px 20px;} .toggle_list.sh_bca_upgrade .delivery_info .txt {float:left;width:258pxpx;padding-left:30px;} .detail_view .tit_tab_txt.sh_bca_upgrade li {width:20%;} /* 2016-09-23 인도장개선 */ /* 2016-10-12 리튬이온배터리 안내영역 추가 */ .carryinfo_list .txt.type02 {margin-top:-40px;} .table_normal.type02 {} .table_normal.type02 tr th {border-left:1px solid #e0e0e0;} .table_normal.type02 tr th:first-child {border:none;} .carryinfo_list .table_normal.type02 {margin:10px 0px 60px 0px;} .cs_guide .payment_wrap .table_normal.type02 td:first-child {border-right:1px solid #f0f0f0;} /* 2016-11-03 리튬이온배터리 안내영역 추가 */ /* 2017.01.20 FAQ 개선 */ .mypage_wrap .tit_tab_txt.tab_type_10{font-size:0;width:733px;margin-bottom:25px;} .mypage_wrap .tit_tab_txt.tab_type_10 li{width:64px;margin-left:3px;border:0;} .mypage_wrap .tit_tab_txt.tab_type_10 li.no_margin{margin-left:0;} .mypage_wrap .tit_tab_txt.tab_type_10 li.big_tab{width:65px;} .mypage_wrap .tit_tab_txt.tab_type_10 li.small_tab{width:63px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a{display:block;font-size:0;line-height:0;text-indent:-9999px;width:64px;height:75px;background:url(../img/common/pc_tab_icon.jpg) no-repeat;padding:0;border:0;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.on{padding-top:0;} .mypage_wrap .tit_tab_txt.tab_type_10 li.big_tab a{width:65px;} .mypage_wrap .tit_tab_txt.tab_type_10 li.small_tab a{width:63px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab01{background-position:-142px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab01.on{background-position:-142px -225px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab02{background-position:-210px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab02.on{background-position:-210px -225px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab03{background-position:-277px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab03.on{background-position:-277px -225px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab04{background-position:-344px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab04.on{background-position:-344px -225px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab05{background-position:-410px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab05.on{background-position:-410px -225px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab06{background-position:-476px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab06.on{background-position:-476px -225px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab07{background-position:-543px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab07.on{background-position:-543px -225px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab08{background-position:-610px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab08.on{background-position:-610px -225px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab09{background-position:-677px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab09.on{background-position:-677px -225px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab10{background-position:-744px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab10.on{background-position:-744px -225px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab11{background-position:-809px -130px;} .mypage_wrap .tit_tab_txt.tab_type_10 li a.detail_tab11.on{background-position:-809px -225px;} .mypage_wrap .faq_tit{font-size:22px;line-height:22px;margin-bottom:10px;} .mypage_wrap .notice.notice_faq {width:732px;border-bottom:0;} .mypage_wrap .table_normal.notice.notice_faq td{width:100%;padding:15px 5px;border-top:0;border-bottom:1px solid #e0e0e0;font-size:13px;line-height:1.4;} .mypage_wrap .table_normal.notice.notice_faq .tit_category td{cursor:pointer;} .mypage_wrap .table_normal.notice.notice_faq .tit_category td:first-child+td+td{padding-left:18px;text-align:left;} .mypage_wrap .table_normal.notice.notice_faq .answer_category td{padding:0;height:auto;} .mypage_wrap .notice.notice_faq .answer_table{width:100%;} .mypage_wrap .notice.notice_faq .answer_category td{display:none;width:732px;} .mypage_wrap .notice.notice_faq .answer_txt{padding: 30px;} .mypage_wrap .notice.notice_faq .answer_txt>strong{display: block;float: left;padding-right: 30px;font-size: 30px;} .mypage_wrap .notice.notice_faq .answer_txt>.txt{float: left;width: 608px;padding-top: 7px;text-align:left;} /* //2017.01.20 FAQ 개선 */ /* 2016.12.20 본인인증 프로세스 개선 */ .member_process_box{width:477px;margin:0 auto} .member_process_box .cont{padding:0 25px} .member_process_box .h1_area {border-bottom:1px solid #bfbfbf;text-align:center} .member_process_box .h1_area h1{font-size:26px} .member_process_box .cont .txt_center.line1{height:48px;line-height:1.2;padding-top:26px} .member_process_box .cont .txt_center{text-align:center;font-size:15px;height:58px;line-height:1.3;padding-top:16px} .member_process_box .popup_layer.reprocess .content .reprocess_area .table_tbody th, td{height:21px} .member_process_box .table_member_pop{border-top:2px solid #333} .member_process_box .table_member_pop th, .member_process_box .table_member_pop td{border-bottom:1px solid #e0e0e0} .member_process_box .table_member_pop th{text-align:left;background-color:#fafafa;padding-left:15px;color:#333} .member_process_box .table_member_pop th.vertop{vertical-align:top;padding-top:20px} .member_process_box .table_member_pop td{padding:10px 15px} .member_process_box .table_member_pop td input{height:16px;line-height:16px;color:#999} .member_process_box .table_member_pop td select{color:#999;margin-right:7px} .member_process_box .table_member_pop td .tel_inp{margin-top:10px} .member_process_box .table_member_pop td .tel_inp > select{margin-left:0} .member_process_box .table_member_pop td .tel_inp > select{margin-right:0} .member_process_box .table_member_pop td .tel_inp > span{width:10px} .member_process_box .table_member_pop td .tel_box a{float:left;display:block;margin-top:10px} .member_process_box .table_member_pop td .tel_box > input{margin-left:0;margin-top:10px} .member_process_box .table_member_pop .place:focus::-webkit-input-placeholder {color:transparent;} .member_process_box .btn_payment{margin-top:35px;padding-left:34px} .member_process_box .btn_payment a{width:175px;text-align:center;font-size:16px;height:50px;line-height:50px;padding:0;margin:0} .member_process_box .btn_payment a:first-child{margin-right:8px} .member_wrap .find_id .cont .nationals p > span.txt_interval{} .member_wrap .find_id .cont .nationals .selfCertification a.certify{padding:19px 0 6px 14px;line-height:90%;height:43px} .member_wrap .find_id .cont .nationals .selfCertification h3.idfind{font-size:13px;text-align:left;background:url('../img/sub/dot_idfind.gif') no-repeat 0 center;padding-left:8px;margin-bottom:8px} .member_wrap .find_id .cont .nationals .selfCertification h3.idfind.mt13{margin-top:20px} .member_wrap .find_id .cont .nationals .selfCertification a.first{margin-bottom:10px} .member_wrap .find_id .cont .nationals .selfCertification a > strong{font-size:15px} .member_wrap .find_id .cont .foreigner p{margin-bottom:17px} .member_wrap .find_id .cont .nationals .email_area.mt2{margin-top:17px} .member_wrap .find_id .cont .nationals select{padding:16px 4px;height:50px;border:1px solid #d3d3d3} .member_wrap .find_id .cont .nationals input.type01{padding:16px 8px;margin-bottom:10px} .member_wrap .find_id .cont .nationals input.type02{padding:16px 8px;width:148px;margin-bottom:10px} .member_wrap .find_id .cont .nationals span.gol{display:inline-block;width:20px;} .member_wrap .find_id .cont .foreigner .input{padding:16px 8px;margin-bottom:10px} .member_wrap .find_id .cont .foreigner a.btn_brown, .member_wrap .find_id .cont .nationals .btn_brown{margin-top:20px} .member_wrap .find_id_info .title .h3_area h3.tit{padding-bottom:10px} .member_wrap .find_id_info .title .h3_area.view_list{padding-bottom:25px} .member_wrap .find_id_info .title.id_viewlist{padding-bottom:60px} .member_wrap .member_contents .title .idlist_area li strong{font-size:18px} .idlist_view .idlist_area{width:220px;margin:0 auto;text-align:left} .idlist_view .btn_payment{margin-top:39px} .idlist_view .btn_payment a{height:50px;line-height:50px;padding:0;} .idlist_view .btn_payment a:first-child{margin-right:6px} .idlist_view .idfind_box_bottom{} .idlist_view .idfind_box_bottom div{height:117px;padding:50px 0;background-color:#f7f7f7;text-align:center} .idlist_view .idfind_box_bottom div p{font-size:20px;color:#666;margin-bottom:30px} .idlist_view .idfind_box_bottom div a{position:relative;display:inline-block;border:1px solid #e0e0e0;width:328px;height:34px;padding:17px 15px;background-color:#fff;color:#666;text-align:left} .idlist_view .idfind_box_bottom div a:after{content:""; position:absolute; right:18px; top:50%; display:block; width:12px; height:23px; margin-top:-12px; background:url(../img/common/ico_arrow.png) no-repeat right -206px;} .idlist_view .idfind_box_bottom div a > strong{font-size:15px;display:block;font-weight:700;padding-bottom:5px;color:#333} .member_wrap .find_pw .pw_find_area .input{padding:16px 8px;margin-bottom:10px} .member_wrap .find_pw .pw_find_area .certification p{font-size:14px;font-weight:700;margin-top:25px} .member_wrap .find_pw .pw_find_area .certification ul{margin-top:15px;margin-bottom:15px} .member_wrap .find_pw .pw_find_area .certification ul li{text-align:left;color:#797979;margin-bottom:8px;padding-left:110px} .member_wrap .find_pw .pw_find_area .nationals, .member_wrap .find_pw .pw_find_area .foreigner{margin-top:32px} .member_wrap .find_pw .pw_find_area .nationals a.btn_m_gray{margin-top:9px} .member_wrap .find_pw .pw_find_area a.btn_m_gray{margin-top:10px} .member_wrap .find_pw .pw_find_area .nationals_box{margin-top:32px;width:360px;float:left;padding:10px 52px 12px 52px;margin:45px 0} .member_wrap .find_pw .pw_find_area .nationals_box .bold{font-weight:700;display:inline-block} .member_wrap .find_pw .pw_find_area .nationals_box .txt{line-height:1.5;margin:15px 0 11px;display:block;color:#666} .member_wrap .find_pw .pw_find_area .nationals_box .tel_box > select{padding:16px 4px !important;height:50px !important;width:360px;margin-bottom:10px;color:#999} .member_wrap .find_pw .pw_find_area .nationals_box .tel_inp{width:360px} .member_wrap .find_pw .pw_find_area .nationals_box .tel_inp > select{padding:16px 4px !important;float:left;height:50px !important;margin-left:0;width:108px;color:#999} .member_wrap .find_pw .pw_find_area .nationals_box .tel_inp span{float:left;display:inline-block;width:15px;height:50px;line-height:50px;text-align:center} .member_wrap .find_pw .pw_find_area .nationals_box .tel_inp .input{float:left;display:inline-block;color:#999;width:108px} /* //2016.12.20 본인인증 프로세스 개선 */ /* 2016.11.28 3시간전 디자인 개선 */ .marketing_3hour_wrap .marketing_3hour{position:absolute; top:0; left:50%; width:1200px; height:520px; margin-left:-600px; background:#cbf0ff url('../img/sub/bg_marketing_3hour_new01.jpg') no-repeat 0 0; } .order_3hour .order_area .order_choice{background-color:#39a8ee} .order_3hour .order_area .order_choice .title {position:absolute; top:0; left:0; display:block; height:25px; padding:15px 35px 15px 80px;font-size:16px; line-height:25px; color:#333; background:url('../img/sub/ico_3hour_order_01.png') no-repeat 40px 8px; } .order_3hour .order_area .order_choice > .choice{height:175px} .order_3hour .order_area .order_choice{height:250px} #container .order_3hour .order_choice .choice .time{width:206px} #container .order_3hour .order_choice .choice .time > select{width:100px;height:28px;line-height:28px;} .marketing_3hour .order_3hour .order_area{margin-bottom:35px} .marketing_3hour .order_3hour .order_area > p{color:#373231} #container .order_3hour .order_choice .choice > select{width:203px} .order_3hour .order_choice .btn_m_gray{width:201px} .marketing_3hour .passport_date{width:203px !important} .marketing_3hour .passport_date .input{width:185px !important} .order_3hour .order_choice .result ul{border-bottom:1px solid #fff} .order_3hour .order_choice .result{padding:55px 35px 20px} #container .order_3hour .order_choice .choice .passport_date{margin-right:0;} /* //2016.11.28 3시간전 디자인 개선 */ /* 2017.02.01 3시간전 디자인 개선 추가수정 */ .order_3hour .order_choice .result.extend{padding:55px 20px 20px} .order_3hour .order_area .order_choice .result.extend .title{left:28px} .order_3hour .order_choice .result.extend > div > strong{font-size:17px} .order_3hour .order_choice .result.extend > div > strong > span{font-size:13px} .order_3hour .order_choice .result.extend .btn_m_gray{margin-left:10px} /* //2017.02.01 3시간전 디자인 개선 추가수정 */ /* 2017-01-25 only신라 수정 픽스다인(장용호) */ .sub_brand .new_tab.tab_area>.tit_tab.type02 li {width:186px;} .sub_brand .new_tab.tab_area>.tit_tab.type02 li:first-child {width:186px;} .onlyshilla_wrap .only01 {border-top:none;} .onlyshilla_wrap .only01 ul.type02 {overflow:hidden; width:870px; border-top:1px solid #e0e0e0;} .onlyshilla_wrap .only01 ul.type02.opened {height:272px;} .onlyshilla_wrap .only01 ul.type02 li {float:left;margin:0px; border:none;border-bottom:1px solid #e0e0e0; width:174px; padding:15px 0; } .onlyshilla_wrap .only01 ul.type02 li.last_col { border-bottom:none;} .onlyshilla_wrap .only01 ul.type02 li a { display:block; text-align:center;} .onlyshilla_wrap .only01 ul.type02 li a > img { width:auto; height:37px;} .sub_brand .new_tab.tab_area > .tit_tab li a { display:block; padding:14px 16px 15px; font-size:16px; border-bottom:none; border-left:1px solid #988e8a;background-color:#b3a9a5; color:#fff; text-align:center;} .sub_brand .new_tab.tab_area > .tit_tab li a.on {border-bottom:none; background:#e80f00;} .onlyshilla_wrap .only01 .onlylistMore {min-height:1px;margin-top:-1px;background:#fff;border-top:1px solid #e0e0e0;} .onlyshilla_wrap .only01 .onlylistMore a { display: block; overflow: hidden; width: 50px; height: 16px; margin: 0 auto; background: url(../img/common/btnImMore.jpg) no-repeat 0 0; background-position: 0 -17px; text-indent: -9999px;} .onlyshilla_wrap .only01 .onlylistMore.opened a { background-position: 0 0; } /* //2017-01-25 only신라 수정 픽스다인(장용호) */ /* 2017-01-31 only신라 배너영역 - 수정*/ .onlyshilla_wrap .img_main_new {overflow:hidden;width:100%; height:220px;margin-top:25px;} /* //2017-01-31 only신라 배너영역 - 수정*/ /* 2017-02-22 관심이벤트 탭영역수정 픽스다인(장용호) */ .my_inte_event .tit_tab_txt.type02 li {width:50%;} .mypage_wrap .tit_tab_txt li span { cursor:pointer; border-bottom:1px solid #bfbfbf; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; padding:15px 0 16px; font-size:16px; font-weight:700; background-color: #eeeeef; text-align: center; color: #555; display: block;} /* //2017-02-22 관심이벤트 탭영역수정 픽스다인(장용호) */ /* 20170223 공지사항 UI 변경 : 픽스다인 정선화 */ .mypage_wrap .tit_tab_notice {margin-bottom:25px} .mypage_wrap .tit_tab_notice li{ float:left;width:59px;height:75px;margin-left:2px} .mypage_wrap .tit_tab_notice li.tab0000 {margin:0;width:60px} .mypage_wrap .tit_tab_notice li.tab0111 {width:60px} .mypage_wrap .tit_tab_notice li a{display:block;font-size:1px;line-height:0;text-indent:-99999px;height:100%;background:url(../img/common/pc_tab_notice.jpg) no-repeat} .mypage_wrap .tit_tab_notice li.tab0000 a{background-position:0 0} .mypage_wrap .tit_tab_notice li.tab0101 a{background-position:-62px 0} .mypage_wrap .tit_tab_notice li.tab0102 a{background-position:-123px 0} .mypage_wrap .tit_tab_notice li.tab0103 a{background-position:-184px 0} .mypage_wrap .tit_tab_notice li.tab0104 a{background-position:-245px 0} .mypage_wrap .tit_tab_notice li.tab0105 a{background-position:-306px 0} .mypage_wrap .tit_tab_notice li.tab0106 a{background-position:-367px 0} .mypage_wrap .tit_tab_notice li.tab0107 a{background-position:-428px 0} .mypage_wrap .tit_tab_notice li.tab0108 a{background-position:-489px 0} .mypage_wrap .tit_tab_notice li.tab0109 a{background-position:-550px 0} .mypage_wrap .tit_tab_notice li.tab0111 a{background-position:-611px 0} .mypage_wrap .tit_tab_notice li.tab0110 a{background-position:-673px 0} .mypage_wrap .tit_tab_notice li a.on {background-position-y:-95px} .mypage_wrap .table_normal.notice.notice_faq td a.tit_left {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /*20170214 추가*/ /* // 20170223 공지사항 UI 변경*/ /* 2017-03-22 주류예약서비스 메인 플립커뮤니케이션즈(이희정) */ #container.liquor_main {width: 100%;} .liquor_wrap {width: 931px; margin: 0 auto; padding-top: 540px;} .liquor_main_top {position: absolute; top: 0; left: 0; width: 100%; height: 540px;} .liquor_main_top .visual_wrap {height: 430px;} .liquor_main_top .conts {width: 931px; margin: 0 auto;} .liquor_main_top .conts:after {display: block; content: " "; clear: both;} .liquor_main_top .time_guide_wrap {min-height: 110px;} .time_guide_wrap .conts {position: relative; padding-top: 35px; color: #fff;} .time_guide_wrap h2, .time_guide_wrap .dep_time, .time_guide_wrap .btn {display: inline-block; vertical-align: middle;} .time_guide_wrap h2 {position: relative; padding-left: 29px; background: url(../img/sub/ico_chk_time.png) no-repeat 0 50%; font-size: 21px; font-weight: normal; color: #f2d6b3;} .time_guide_wrap h2 .tooltip_wraps {position: absolute; top: -10px; right: -17px; cursor: pointer;} .time_guide_wrap h2 .tooltip_layers {position: absolute; top: -21px; left: -7px; height: 16px; padding: 2px 4px 0; background-color: #fff; font-size: 12px; line-height: 14px; color: #65696d; white-space: nowrap;} .time_guide_wrap h2 .tooltip_layers .ic {display: block; position: absolute; top: 18px; left: 9px; width: 9px; height: 7px; background: url(../img/sub/ico_liq_tooltip_arr.png) no-repeat 0 0;} .time_guide_wrap .dep_time {position: relative; height: 40px; margin-left: 16px;} .time_guide_wrap .dep_time + .dep_time {margin-left: 8px;} .time_guide_wrap .dep_time:after {display: block; position: absolute; bottom:0; left: 0; content: " "; width: 100%; height: 3px; background-color: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;} .liq_dep_date {background: url(../img/sub/ico_calendar_liquor.png) no-repeat 100% 0;} .liq_dep_date > span {display: inline-block; padding-left: 10px; font-size: 14px; line-height: 40px; vertical-align: top;} .dep_time input.input {width: 110px; border: none; margin-left: 5px; padding: 0; height: 40px; line-height: 40px; background: transparent; font-size: 14px; color: #fff; vertical-align: top;} /*.dep_time .ui-datepicker-trigger {display: none;}*/ .dep_time .ui-datepicker-trigger {border-left: none; position: absolute; top: 0; right: 0; width: 90px; height: 16px; padding: 12px 10px; cursor: pointer; opacity:0; filter:alpha(opacity=0);} .dep_time .selectwrap {display: inline-block; position: relative; width: 95px !important; height: 40px;} .dep_time .selectbtn {display: block; padding: 0 10px; background: url(../img/sub/btn_sel_liquor.png) no-repeat 100% 50%; font-size: 14px; line-height: 40px; color: #fff;} .dep_time .selectlist {display: none; position: absolute; top: 40px; left: 0; z-index: 10; overflow: auto; width: 93px; max-height: 250px; background-color: #fff; border: 1px solid #eee; border-top: none;} .dep_time .selectlist a {display: block; padding: 5px 10px; font-size: 14px;} .dep_time .selectlist a:hover {background-color: #021e39; color: #fff;} .time_guide_wrap .btn {display: inline-block; height: 40px; line-height: 40px; margin-left: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; text-align: center; vertical-align: top; cursor: pointer; font-weight:700;} .time_guide_wrap .btn.btn_inquiry {width: 84px; background-color: #fff; color: #373231;} .time_guide_wrap .btn.btn_liq_guide {position: absolute; top: 35px; right: 0; width: 176px; margin-left: 0; background-color: #f2d6b3; font-size: 16px; color: #363740;} .time_guide_wrap .btn.btn_liq_guide span {display: inline-block; position: relative; padding-right: 25px; background: url(../img/sub/ico_guide_liquor.png) no-repeat 100% 50%;} .popup_layer.liq_popup_time {position: fixed !important; top: 50% !important; left: 50% !important; width: 330px; height: 245px; margin: -100px 0 0 -166px; padding: 20px 30px 30px 30px; border: 1px solid #333;} .popup_layer.liq_popup_time:after {padding-bottom: 30px;} .popup_layer.liq_popup_time .tit {height: 102px; padding: 0; padding-top:52px;/*padding-top: 64px;*/ background-color: transparent; background-repeat: no-repeat; background-position: 50% 0; border-bottom: 1px solid #e0e0e0; font-size: 24px; line-height: 30px; text-align: center;} .popup_layer.liq_popup_time .tit strong {color: #ed535b;} .popup_layer.liq_popup_time .tit a.btn_close {top: -10px; right: -10px; line-height: 13px;} .popup_layer.liq_popup_time .tit span {font-size:15px; font-weight:400;} .popup_layer.liq_popup_time .tit.available {background-image: url(../img/sub/ico_liq_time.png);background-size:35px;} .popup_layer.liq_popup_time .tit.not_available {height: 64px; padding-top:68px;background-image: url(../img/sub/ico_liq_caution.png);background-size:35px;} .liq_popup_time .result_msg {margin-top: 12px; font-size: 20px; line-height: 22px; text-align: center;} .liq_popup_time .result_msg.not_available {font-size: 17px;} .liq_popup_time .btn_area{text-align:center;padding:23px 0px 15px 0px;} .liq_popup_time .btn_area a {display:inline-block;width: 158px;height: 34px;background: #fff;border: 1px solid #bfbfbf;color: #666;line-height: 34px;} .liq_popup_time .btn_area a:first-child {margin-right:7px;} .liq_best {position: relative; overflow: hidden; width: 930px; height: 346px; margin-top: 60px; margin-bottom: 60px;} .liq_best .img_list .list {position: relative; float: left; width: 310px;} .liq_best .img_list .list .best_icon {position: absolute; top: 0; right: 30px; width: 36px; height: 37px; padding-top: 9px; background: url(../img/sub/ico_liq_best.png) no-repeat; font-weight:700; font-size: 13px; color: #fff; text-align: center; text-transform: uppercase;z-index:1}/* 2017-04-24 추가 */ .liq_best .img_list .list .best_icon.best {font-weight:400;} .liq_best .img_list .list > a {display: block;outline:none;}/* 2017-04-24 추가 */ .liq_best .img_list .list .product_over {left:47px;top:196px;width:215px;height:43px;border:none;}/* 2017-04-24 추가 */ .liq_best .img_list .list:hover .product_over {display:block;}/* 2017-04-24 추가 */ .brand_sale .btn_area li {position: absolute; top:50%; margin-top: -29px;} .brand_sale .btn_area li + li {right: 0;} .liq_best .img_list .pr_img {display: block; width:215px; margin: 23px auto 0 auto;text-align: center;border:1px solid #fff;}/* 2017-04-24 추가 */ .liq_best .img_list .list:hover .pr_img{border:1px solid #bfbfbf;}/* 2017-04-24 추가 */ .liq_best .img_list .pr_img img {width: 215px; height: 215px;} .liq_best .img_list .pr_info {margin-top: 37px;}/* 2017-04-24 추가 */ .liq_best .img_list .pr_info > div {text-align: center; line-height: 1.1;} .liq_best .img_list .brand {padding-bottom: 7px; font-weight:700; font-size: 17px; color: #333;} .liq_best .img_list .name {overflow: hidden; width: 100%; padding-bottom: 8px; font-size: 13.5px; color: #aaa; white-space: nowrap; text-overflow: ellipsis;} .liq_best .img_list .price span + span {margin-left: 2px;} .liq_best .img_list .sale {font-size: 20px; font-weight:700;} .liq_best .img_list .regular {font-size: 15px; color: #888; text-decoration: line-through;} .liquor_wrap .brand_promotion {margin-bottom: 60px;} .liquor_wrap .brand_promotion > ul {position: relative;} .liquor_wrap .brand_promotion .view_brand_promo {display: block; overflow: hidden; width: 235px; height: 85px;} .liquor_wrap .brand_promotion > ul > li.on .view_brand_promo img {margin-top: -85px;} .liquor_wrap .brand_promotion .brand_promo {display: none; position: absolute; top: 0; right: 0; overflow: hidden; width: 696px; height: 340px;}/* 2017-05-18 수정 */ .liquor_wrap .brand_promotion .brand_promo > div {position: absolute; left: 0; top: 0;}/* 2017-05-18 추가 */ .liquor_wrap .brand_promotion li.on .brand_promo {display: block;} .liquor_wrap .brand_promotion .slick-list {position: relative; overflow: hidden;} .liquor_wrap .brand_promotion .slick-slide {float: left;} .liquor_wrap .brand_promotion .slick-dots {position: absolute; bottom: 20px; z-index: 1000; width: 100%; text-align: center;} .liquor_wrap .brand_promotion .slick-dots li {display: inline-block;} .liquor_wrap .brand_promotion .slick-dots li + li {margin-left: 8px;} .liquor_wrap button {overflow: visible; margin: 0; background-color: transparent; border: none; -webkit-appearance: button; cursor: pointer; font: inherit; color: inherit;} .liquor_wrap button::-moz-focus-inner, .liquor_wrap input::-moz-focus-inner {padding: 0; border: 0;} .liquor_wrap .brand_promotion .slick-dots button {width: 10px; height: 10px; background: url(../img/sub/ico_brand_promo_paging.png) no-repeat 0 0; font-size: 1px; line-height: 1px; color: #c9c9c9;} .liquor_wrap .brand_promotion .slick-dots .slick-active button {background-position: 0 -10px; color: #333;} .liquor_wrap .product_list_wrap {border: none;} .liq_total {margin-bottom: -60px; padding-bottom: 16px; font-size: 15px; color: #333;} .liq_total strong {font-size: 20px;} .liquor_wrap .product_list_wrap .product_list {border-top: none; margin-top: 60px;} .liquor_wrap .product_list_wrap .product_list:first-child {margin-top: 0;} .liquor_wrap .product_list_wrap .product_list > li {width: 215px; margin-left: 23px;} .liquor_wrap .product_list_wrap .product_list > li:first-child {margin-left: 0;} .liquor_wrap .product_off_wrap .product_off {padding: 0;} .liquor_wrap .detail_link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;} .liquor_wrap .product_off .pr_img {position: relative; width: 213px; height: 213px; margin-bottom: 20px; border: 1px solid #e9e9e9;} .liquor_wrap .product_over {width: 100%; height: 215px; padding: 0; background: none; border: 1px solid #bfbfbf;} .liquor_wrap .product_over.soldout {border: none;} .liquor_wrap .product_off .brand {height: 16px; margin-bottom: 5px; font-size: 15px; line-height: 16px;} .liquor_wrap .product_list_wrap .product_list .product_off .name {overflow:inherit;height: 32px; margin-bottom: 0; font-size: 13.5px; line-height: 16px; color: #666;} /* 2017-04-18 수정*/ .liquor_wrap .product_list_wrap .product_list .product_off .ref {overflow: hidden; height: 16px; color: #aaa; line-height: 16px; white-space: nowrap; text-overflow: ellipsis;} .liquor_wrap .product_list_wrap .product_list .product_off .discount_rate {margin-top: 12px; font-size: 18px; font-weight:700; color: #f25c63;} .liquor_wrap .product_list_wrap .product_list .product_off .discount_rate.no_sale {font-size: 15px;} .liquor_wrap .product_list_wrap .product_list .product_off .price {font-weight:400;} .liquor_wrap .product_off .price .regular {margin-left: 2px; font-size: 13.5px; color: #888;} .liquor_wrap .product_off .price .sale {font-weight:700; font-size: 20px; color: #333;} .liquor_wrap .product_off .price .won {font-size: 13.5px; color: #333;} .liquor_wrap .product_over .over_btn_area {left: -1px; right: -1px; bottom: -1px;} .liquor_wrap .product_over .over_btn_area a.btn {height: 43px; line-height: 43px; background: url(../img/sub/bg_liquor_pro_btn.png) repeat 0 0; font-weight:400; font-size: 12px;} .liquor_wrap .product_over .over_btn_area a.btn + a.btn {border-left: 1px solid #999999;} .liquor_wrap .product_over .over_btn_area a.btn:hover {background-color: #f25c63; background-image: none;} .liquor_wrap .product_over .over_btn_area a.btn span {display: inline-block; background-repeat: no-repeat; background-position: 0 50%;} .liquor_wrap .product_over .over_btn_area a.btn.btnDetail span {padding-left: 20px; background-image: url(../img/sub/ico_liq_detail_view.png);} .liquor_wrap .product_over .over_btn_area a.btn.btnCart span {padding-left: 24px; background-image: url(../img/sub/ico_liq_cart.png);} /*.liquor_wrap .product_over .over_btn_area a.btn:hover + a.btn, .liquor_wrap .product_over .over_btn_area a.btn + a.btn:hover {border-left: 1px solid #dd3840;}*/ .liquor_wrap .soldout_msg {position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; background: url(../img/sub/bg_liquor_pro_soldout.png) repeat 0 0; font-size: 22px; line-height: 215px; color: #fff;} .pop_dim.liq_dim {z-index: 1000; opacity: .5; filter:alpha(opacity = 50);} .detail_view .popup_layer.productModuleNew.liq {width: 838px; min-height: 498px; margin-top: -320px; margin-left: -420px; padding: 0; padding-bottom: 140px; border: 1px solid #333;} .detail_view .popup_layer.productModuleNew.liq.set {min-height: 568px; margin-top: -355px;} .detail_view .popup_layer.productModuleNew.liq a.btn_close {right: 40px;} .detail_view .popup_layer.productModuleNew.liq .prtit_wrap {padding-bottom: 20px; border-bottom: none;} .detail_view .popup_layer.productModuleNew.liq .prtit_wrap h3 {margin-top: 30px; padding: 0; text-align: center;} .detail_view .popup_layer.productModuleNew.liq .prtit_wrap h3 > strong {display: block; padding-bottom: 10px; font-size: 23px;} .detail_view .popup_layer.productModuleNew.liq .prtit_wrap h3 .desc {line-height: 22px;} .liq .prtit_wrap .number {display: block; padding-top: 2px; font-size: 12px; line-height: 18px; color: #999; text-align: center;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap {margin: 0 40px; padding-top: 18px; border-top: 1px solid #e0e0e0;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap:after {display: block; content: " "; clear: both;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .img {width: 365px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .img .productimg {width: 320px;} .detail_view .popup_layer.productModuleNew.liq.set .pr_wrap .img .productimg {padding-top: 10px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .img .productimg img {max-height: 320px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt {width: 369px; height: auto;} .liq .pr_wrap .txt .area.group, .liq .pr_wrap .txt .area.group + .area {border-top-color: #bfbfbf;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.normal, .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area.group > dl, .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area.group li dl {padding: 9px 0 9px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area:after, .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl:after {display: block; content: " "; clear: both;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl dt, .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl dd {line-height: 16px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl dt {width: 78px; padding-left: 10px;} .detail_view .popup_layer.productModuleNew.liq.set .pr_wrap .txt .area dl dt {width: 68px; padding-left: 10px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl dd {width: 280px; color: #666;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl dd.prd_info {overflow:hidden;max-height:160px;} /* 2017-04-11 수정 */ .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl dd dt {color: #333;} .detail_view .popup_layer.productModuleNew.liq.set .pr_wrap .txt .area dl dd {padding-left: 10px;} .detail_view .popup_layer.productModuleNew.liq.set .pr_wrap .txt .area.group > dl dd {width: 290px; padding-left: 0;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.short {float: left; width: auto;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.short dd {width: 96px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area.group li dl.short {padding: 0;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area.group li dl.short dt {width: auto; padding-right: 11px; background: url(../img/sub/bg_liquor_set_bar.gif) no-repeat 100% 50%;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area.group li dl.short dd {width: auto; padding-left: 10px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area.group li dl.short:first-child dd {width: 83px;} .liq .pr_wrap .txt .area.group li {padding-left: 10px; padding-top: 9px;} .liq .pr_wrap .txt .area.group li:after {display: block; content: " "; clear: both;} .liq .pr_wrap .txt .area.group li:first-child {padding-top: 0; padding-bottom: 9px;} .liq .pr_wrap .txt .area.group li.name {min-height: 51px; color: #333;} .liq .pr_wrap .txt .area.group li .ref {display: block; padding-bottom: 3px; color: #bdbdbd; font-size: 11px;} .liq .pr_wrap .txt .area.group li.info {padding-left: 0; border-top: 1px solid #f0f0f0;} .liq .pr_wrap .txt .area dl.normal dd .pd-sale {color: #666; /*text-decoration: line-through;*/} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.member {padding: 9px 0 9px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.member dt {padding-top: 8px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.member dd {line-height: 32px;} .liq .pr_wrap .img .productimg_thum li a.on {border-top-color: #333; border-bottom-color: #333;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.member dd em {font-weight:700; font-size: 30px; color: #333;} .liq .pr_wrap .txt .area dl.member dd span {display: inline-block; padding-top: 0;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.member dd span.pd-country-cost {display: inline-block; padding-top: 0; padding-right: 10px; font-size: 15px; color: #666;} .liq .pr_wrap .txt .area dl.member dd span.sale {font-weight:700; font-size: 20px; color: #f5575e;} .liq .pr_wrap .txt .area dl.member dd span.sale > span {font-weight:400; font-size: 17px;} .liq .pr_wrap .txt .area dl.member dd span.sale:after {width: 5px; height: 16px; margin-left: 4px; background: url(../img/sub/ico_liq_discount.png) no-repeat 0 0;} .liq .pr_wrap .txt .area dl.ea dd div a.prePickPlus {right:0;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.ea {padding: 12px 0 20px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.ea dt {padding-top: 6px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area dl.ea dd {line-height: 1.1;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area .pd-btn {position: relative; bottom: 0;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area .btn_payment {margin-top: 0;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area .btn_payment a:first-child {margin-right: 0;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .txt .area .btn_payment a {width: 100%; padding: 12px 0 13px; font-size: 16px;} .detail_view .popup_layer.productModuleNew.liq .pr_wrap .img .zoom {width: 369px; height: 378px; border: 2px solid #dd3840;} .liq .btn_payment a.btn_brown {background-color:#333;} .liq .res_info_wrap {position:absolute; bottom:0; width:100%; min-height:46px; padding-top:28px; padding-bottom:28px; background-color:#f8f8fb;} .liq .res_info_wrap > .info {float: left; background-repeat: no-repeat; background-position: 0 0; font-size: 11px; line-height: 15px; color: #888;} .liq .liq_caution {width: 354px; margin-left: 40px; padding-left: 59px; background-image: url(../img/sub/ico_liq_pop_info.png);} .liq .liq_customer {width: 280px; margin-right: 40px; padding-left: 64px; background-image: url(../img/sub/ico_liq_pop_cus.png);} .liq .liq_customer li {padding-left: 5px; background: url(../img/sub/bu_sq_888.png) no-repeat 0 50%; line-height: 15px;} .liquor_wrap .product_list_wrap .product_list+.pagination, .liquor_wrap .product_list_wrap .pagination+.pagination, .liquor_wrap .product_list_wrap .pagination+div+.pagination {margin-top: 40px; border-top: none;} #container.liquor_guide {width: 100%; background: url(../img/sub/bg_liq_guide.gif) repeat;} .liquor_guide_top .bg_top {background-repeat: no-repeat; background-position: 50% 0;} .liquor_guide_top .bg_01 {height: 806px; background-image: url(../img/sub/bg_liq_guide_top_01.jpg);} .liquor_guide_top .bg_02 {position: relative; height: 817px; background-image: url(../img/sub/bg_liq_guide_top_02.jpg);} .liquor_guide_top .bg_top > div {width: 931px; margin: 0 auto;} .liquor_guide_top .bg_top > div.btn_area {margin-top: 70px;} .liquor_guide_top .btn_area > a {display: inline-block;} .liquor_guide_top .btn_area > a + a {margin-left: 12px;} .liquor_guide_info {width: 931px; margin: 0 auto; padding-top: 70px;} .liq_info_tit {margin: 38px 0 10px; padding-left: 26px; background: url(../img/sub/ico_liq_guide_tit.png) no-repeat 0 2px; font-size: 23px; color: #3a2409; } .liquor_guide_info > .liq_info_tit:first-child {margin-top: 0;} .liq_info_desc {margin-left: 21px;} .liq_info_desc.type02 {margin-left: 50px;} /* 2017-04-24 추가 */ .liq_info_desc li {padding-left: 7px; background: url(../img/sub/bu_sq_4b4b4b.png) no-repeat 0 10px; font-size: 16px; line-height: 20px; color: #747474; } .liq_info_desc li + li {margin-top: 5px;} .liq_info_desc li strong {color: #333;} .liq_info_desc li em {color: #e3656b;} .liq_info_desc li a.location {color: #e3656b; text-decoration: underline;} .liq_info_desc li a.btn_brown_s{width:auto;margin-top:10px;padding: 0px 18px 0px 36px;background: #534a3f url(../img/sub/ico_liquor.png) no-repeat 18px 5px;font-weight:400;} .liq_info_sub_tit {margin: 22px 0 8px 30px; padding-left: 24px; padding-bottom:0px !important; background: url(../img/sub/ico_liq_guide_location.png) no-repeat 0 0; font-size: 18px; color: #8c7353; letter-spacing: -0.75px;} /* 2017-04-24 수정 */ .liq_info_map {margin-left: 30px; margin-top:8px;} /* 2017-04-24 수정 */ .liquor_guide.prePick .popup_layer.pop_liquor {left:50% !important;margin-left:-336px !important;} /* 2017-03-24 주류예약시스템 플립(장용호) */ .mypage_wrap .notice_wrap.type02 {margin-top:-1px;} .search_date_area .date.type02 {padding: 10px 0 12px 0;border:none;text-align:right;} .search_date_area .date.type02 p {float:none;display:inline-block;} .search_date_area .date.type02 p.btn {width:162px;margin-right:17px;} .prePick .cart_wrap .total_box > div {min-height:127px !important;} .prePick .product_off .code {color:#888;margin-bottom:8px} .prePick .product_off .brand {margin-bottom:4px} .prePick.my_order_list_view .list_view_info .top_tit {font-size:16px;} .prePick.my_order_list_view .list_view_info .top_tit p span {float:left;padding-left: 9px;padding-right: 8px;background: url(../img/common/bg_line_11px_c9c9c9.png) no-repeat left 50%;} .prePick.my_order_list_view .list_view_info .top_tit p span:first-child {background:none;margin-right:0;padding-left:0;padding-right:8px;} .prePick.my_order_list_view .list_view_info .top_tit p.top_tit_right span{padding-right:0px;} .prePick .prePick_coupon {display:inline-block;width:83px;height:38px;background: url(../img/common/bg_coupon_prePick.png) no-repeat;font-size:25px;color:#fff;font-family:'Times New Roman';line-height:30px;text-align:center;} .prePick .prePick_coupon em{padding-left:2px;/*font-family:'Times New Roman' !important;*/font-size:17px;color:#fff !important;} .prePick .prePick_coupon.big {width:110px;height:50px;background: url(../img/common/bg_coupon_prePickBig.png) no-repeat;font-size:33px;line-height:39px;} .prePick .prePick_coupon.big em {font-size:22px;} .prePick .step {margin:0px 0px 30px;} .prePick .step ul li.complete {width:257px;padding-left:208px;background: url(../img/sub/sp_step_ico.png) no-repeat 162px -490px;} .prePick .step ul li.complete.on {background: url(../img/sub/sp_step_ico.png) no-repeat 162px -590px;} .prePick .step ul li.orderWrite {width:245px;padding-left:220px;background: url(../img/sub/sp_step_ico.png) no-repeat 174px -1290px;} .prePick .step ul li.orderWrite.on {background: url(../img/sub/sp_step_ico.png) no-repeat 174px -1390px;} .prePick .count_area {margin:8px auto;} .prePick .table_normal tbody tr td:first-child {border-left:none;} .prePick .table_normal tbody tr:first-child + tr td {border-top:1px solid #333;} .prePick .table_normal tbody tr.set td, .prePick .table_normal tbody tr.set th {padding:0px 5px;} .prePick .table_normal tbody tr.set .product_off.type02 {padding:10px 5px 10px 83px;} .prePick .table_normal tbody tr.set .product_off .name {height:14px;white-space:nowrap;} .prePick .table_normal tbody tr.set .product_off .code {margin:3px 0px 0px 0px;color:#999;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} .prePick .table_normal tbody tr.set .price_wrap {font-weight:400;} .prePick .table_normal tbody tr.set .setArrow {width:80px;height:80px;background: url(../img/sub/ico_setArrow.png) no-repeat 50% 50%;} .prePick .price_wrap .prePickPrice {color:#333;/*font-size:17px;font-family:'Times New Roman';*/} .prePick .price_wrap .prePickPrice em {color:#e80f00;} .prePick .table_normal .price_wrap .won {font-size:12.1px;} .prePick .prePickInfoTxt {padding:20px 0px 10px 0px;color:#e80f00;font-size:13px;} .prePick .write_box .title ul li {font-size:12.1px;} .prePick .write_box .title:after {content:"";display:block;clear:both;} .prePick .write_box .title .btn_area {float:right;} .prePick .write_box .table_tbody .tooltip9 .tooltip_wrap .tooltip_layer {top:-68px !important;} .prePick .write_box .table_tbody td #place {width:172px;} .prePick .write_box .table_tbody td .passport_info>.input {width:172px;} .prePick .write_box .table_tbody td .date:after {content:"";display:block;clear:both;} .prePick .write_box .table_tbody td .date .time {float:right;display:inline-block;height:27px;padding:0px 5px 0px 32px;border-bottom:1px solid #333;vertical-align:middle;line-height:28px;background: url(../img/sub/ico_airplane.png) no-repeat 0 6px;} .prePick .write_box .table_tbody td .directPrePick ul {float:left;} .prePick .write_box .table_tbody td .directPrePick select {float:left;display:none;width:210px;margin-top:-7px;} .prePick .write_box .table_tbody td .directPrePick .btn_area {float:right;} .prePick .write_box .table_tbody td .liquor {position:relative;} .prePick .write_box .table_tbody td .liquor .decs {margin:5px 0px;} .prePick .write_box .table_tbody td .liquor a {position:absolute;right:195px;top:-9px;width:auto;padding:0px 18px 0px 36px; background:#534a3f url(../img/sub/ico_liquor.png) no-repeat 18px 5px;font-weight:400} /* 2017-05-10 추가 수정 */ .prePick .write_box .table_tbody input[type=checkbox].css-checkbox + label.css-label {font-size:13px;} .prePick .write_box .table_tbody .decs {font-size:12.1px;} .prePick .write_box .table_tbody .decs + p + p {margin-top:5px;} /* 2017-05-10 추가 수정 */ .prePick .btn_liquor {margin-top:30px;text-align:center;} .prePick .btn_liquor a {display:block;width: 173px;height: 48px;line-height: 48px;margin:0 auto;padding: 0;border: 1px solid #d3222a;background-color: #e80f00;font-weight:700;color: #fff;font-size: 16px;} .prePick .popup_layer.pop_liquor {width:670px;} .prePick .popup_layer.pop_liquor .tit {padding:30px 0px 25px;background:none;border:none;text-align:center;font-size:24px;} .prePick .popup_layer.pop_liquor .infoTxt01 {color:#e80f00;text-align:center;font-size:13px;letter-spacing:-0.5px;} .prePick .popup_layer.pop_liquor .infoTxt02 {margin-top:8px;text-align:center;font-size:12.1px;letter-spacing:-0.5px;} .prePick .popup_layer.pop_liquor .infoTxt02 span {padding-left:15px;color:#888;background: url(../img/sub/ico_liquorInfoTxt.png) no-repeat 0 50%;} .prePick .popup_layer.pop_liquor .liquorArea {padding:25px 20px 20px 20px;} .prePick .popup_layer.pop_liquor .liquorArea ul:after {content:"";display:block;clear:both;} .prePick .popup_layer.pop_liquor .liquorArea ul li {float:left;width:130px;height:40px;line-height:40px;background:#333;color:#fff;font-size:13px;text-align:center;} .prePick .popup_layer.pop_liquor .liquorArea ul li.even {width:185px;} .prePick .popup_layer.pop_liquor .liquorArea ul li .line {float:right;display:block;width:1px;height:11px;margin-top:15px;background:#565656;} .prePick .popup_layer.pop_liquor .table_liquor {overflow-y:scroll;text-align:center;height:470px;border-bottom:1px solid #bfbfbf} .prePick .popup_layer.pop_liquor .table_liquor table {width:100%;margin-top:-40px;} .prePick .popup_layer.pop_liquor .table_liquor table thead th {height:40px;} .prePick .popup_layer.pop_liquor .table_liquor table tbody th {background:#f7f7f7;color:#888;border-top:1px solid #e6e6e6;font-size:12.1px;} .prePick .popup_layer.pop_liquor .table_liquor table tbody tr:first-child th, .prePick .popup_layer.pop_liquor .table_liquor table tbody tr:first-child td {border-top:none;} .prePick .popup_layer.pop_liquor .table_liquor table td {height:auto;padding:10px 0px 9px 0px;border-top:1px solid #e6e6e6;color:#333;font-size:12.1px;line-height:15px;} .prePick .popup_layer.pop_liquor .tit a.btn_close {top:10px;right:20px;} .prePick.cart_payment .mypage_wrap {margin-top:50px;} .prePick .btn_payment {padding:40px 0px 20px 0px;text-align:center;} .prePick .btn_payment a {font-size: 16px;width: 173px;height: 48px;line-height: 48px;padding: 0;} .prePickFinish {padding:32px 0px 34px 0px;border:1px solid #bfbfbf;font-size:23px;color:#333;text-align:center;line-height:35px;background:#e4e4e4;} .prePickFinish span {overflow:hidden;display:inline-block;width:140px;height:23px;margin:-5px 5px 0px 0px;background: url(../img/sub/prePickFinish_txt.png) no-repeat;vertical-align:middle;text-indent:-999px;} .prePickFinishTxt {margin:20px 0px 50px 0px;} .prePickFinishTxt li {padding-left: 10px;background: url(../img/common/bg_dot_2px_666.png) no-repeat 0 9px;line-height: 1.5;font-size: 13px;} .prePickFinishTxt li a {border-bottom:1px solid #e80f00; color:#e80f00;} .prePickTitle {margin:0px 0px 10px 0px;font-weight:700} .prePickTitle:after {content:"";display:block;clear:both;} .prePickTitle ul {float:left;font-size:15px;} .prePickTitle ul:after {content:"";display:block;clear:both;} .prePickTitle ul li {float:left;height:13px;line-height:13px;} .prePickTitle ul li em {padding-left:5px;font-size:16px;font-weight:400} .prePickTitle ul li:first-child {margin-right:10px;padding-right:10px;border-right:1px solid #e0e0e0;} .prePickTitle span {float:right;font-size:15px;} .prePick_wrap * {-webkit-print-color-adjust:exact;} .popup_wrap .prePick_wrap .h1_area {padding:29px 20px;border-color:#bfbfbf;text-align:center;} .popup_wrap .prePick_wrap .h1_area h1 {font-size:25px;letter-spacing:-0.5px;} .prePick_wrap {width:732px;margin:0 auto;padding: 0px 30px 50px 30px;} .prePick_guide {padding-bottom:40px;background:#f7f7f7;border-top:1px solid #e0e0e0;-webkit-print-color-adjust:exact;} .prePick_guide > ul {width:732px;margin:0 auto;padding:30px 30px 40px 30px;letter-spacing:-1px;}/* 2017-05-10 수정*/ .prePick_guide > ul > li {margin-top:30px;} .prePick_guide > ul > li:first-child {margin-top:0px;} .prePick_guide > ul > li > span {display:block;margin-bottom:10px;padding-left: 34px;background: url(../img/sub/ico_prePick_guide.png) no-repeat 0 50%;font-weight:700;font-size:24px;color:#000;-webkit-print-color-adjust:exact;} .prePick_guide > ul > li > span.map {padding-left: 34px;background: url(../img/sub/ico_prePick_guide02.png) no-repeat 0 50%;font-weight:700;font-size:24px;color:#000;-webkit-print-color-adjust:exact;} .prePick_guide > ul > li > span em {color:#e80f00;font-size:19px;font-weight:400;} .prePick_guide > ul > li > em {display:block;padding-top:10px;text-align:center;}/* 2017-05-10 수정*/ .prePick_guide ul li ul {padding:23px;background:#fff;} .prePick_guide ul li ul li {padding-left:10px;font-size:15px;line-height:25px;background: url(../img/common/bg_dot_2px_666.png) no-repeat 0 11px;-webkit-print-color-adjust:exact;} .prePick_guide ul li ul li.point {background: url(../img/common/bg_dot_2px_e53433.png) no-repeat 0 11px;color:#e80f00;-webkit-print-color-adjust:exact;} .prePick_guide > ul ol {width:632px;margin:19px auto 0 auto;}/* 2017-05-10 수정*/ .prePick_guide > ul ol:after {content:"";display:block;clear:both;} .prePick_guide > ul ol li {float:left;width:160px;margin-left:76px;font-size:15px;line-height:19px;color:#000;text-align:center;} .prePick_guide > ul ol li:first-child {margin-left:0;} .prePick_guide > ul ol li span {display:block;padding-bottom:13px;font-size:19px;font-weight:700;} .prePick_guide .btn_center a {display:block; width:180px; height:50px; margin:0 auto; border:1px solid #e80f00; background-color:#e80f00; font-size:16px; line-height:50px; text-align:center; color:#fff;} .my_order_list .search_date_area .date .btn a.active {color:#fff;background:#373231;border-color:#373231;} /* 2017.03.29 여권번호 변경주기 설정 픽스다인 */ .popup_passport_inquiry {display:none; position:absolute; top:513px; left:331px; width:427px; border:1px solid #000; background:#fff;} .popup_passport_inquiry .table_tbody {margin:20px; width:387px; font-size:12.1px} .popup_passport_inquiry .table_tbody th {width:120px; font-weight:400; background:#fafafa;} .popup_passport_inquiry .table_tbody td {text-align:center; color:#333;} .popup_passport_inquiry .btn_close {position:absolute; right:15px;} .popup_passport_inquiry .tit {position:relative; padding-left:20px; height:48px; font-size:15px; font-weight:700; line-height:48px; background:#f7f7f7} .popup_passport_inquiry .txt {margin-bottom:30px; color:#666;} .popup_passport_inquiry .txt span {display:block; margin:0 20px; padding-left:10px; font-size:12.1px; background:url("../img/common/bg_dot_2px_666.png") no-repeat 0 10px; line-height:1.8;} .table_tbody td .passport_txt {padding-top:6px; font-size:11px; color:#999} /* 2017.04.20 단기소멸형 신라선불 픽스다인 */ .contents_wrap.shilla_type .heading_area ul.desc li {font-size:13.5px;} .contents_wrap.shilla_type .date.clear_both {padding:20px 0 0 0; height:auto;} .contents_wrap.shilla_type .date.clear_both .tit {padding:0 20px 0 11px; width:auto} .contents_wrap.shilla_type .date.clear_both .btn {width:auto; padding-right:20px;} .contents_wrap.shilla_type .date.clear_both .search {float:left;} .contents_wrap.shilla_type .date.clear_both .select {float:left; padding:15px 0 20px 0; width:100%;} .contents_wrap.shilla_type .date.clear_both .select select {float:left} .contents_wrap.shilla_type .date.clear_both .select .mr20 {margin-right:20px;} .contents_wrap.shilla_type .date.clear_both .select .tit {clear:both} .contents_wrap.shilla_type .date.clear_both .select .btn_brown_s {float:right; width:94px; height:28px;} .contents_wrap.shilla_type .date.clear_both .btn_ic_red_s {color:#957044; border:1px solid #957044} .contents_wrap.shilla_type .date.clear_both .btn_ic_red_s.on {color:#fff; background:#957044} .contents_wrap.shilla_type .date.clear_both #calendr3, .contents_wrap.shilla_type .date.clear_both #calendr6 {margin-right:2px;} .contents_wrap.shilla_type .date.clear_both .btn_ic_red_s.on {color:#fff; background:#957044;} .contents_wrap.shilla_type .table_normal .ftbold {font-weight:700;} .contents_wrap.shilla_type .table_normal .ftnormal {font-size:13.5px; color:#888;} .contents_wrap.shilla_type .table_normal .minus_money {color:#e63434} .contents_wrap.shilla_type .table_normal .plus_money {color:#957044} .contents_wrap.shilla_type .table_normal .plus_money.ftbold, .contents_wrap.shilla_type .table_normal .minus_money.ftbold {font-size:15px;} .contents_wrap.shilla_type .table_normal th {font-size:13.5px; color:#333;} .contents_wrap.shilla_type .table_normal td {font-size:13.5px;} .contents_wrap.shilla_type .info_box {margin-bottom:50px;} .contents_wrap.shilla_type .search_date_area h4 {padding-bottom:20px;} /* 2017-05-17 로그인 회원가입 플립 이희정 */ .signup_new_wr {} .signup_new_wr:after {display: block; content: " "; clear: both;} .signup_wrap h3.signup_tit {padding-top: 59px; font-weight:400; font-size: 32px; color: #333; line-height: 1.1; text-align: center;} .signup_sub_tit {padding-top: 17px; font-size: 18px; color: #333; text-align: center;} .signup_type_wr {width: 830px; margin: 0 auto 0;} .signup_type_sel {overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-top: 30px; border: 1px solid #e6dfda;} .signup_type_sel > li {float: left; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; height: 260px;} .signup_type_sel > li:first-child {border-right: 1px solid #e6dfda;} .signup_wrap h4.signup_type_tit {padding: 30px 0; font-size: 26px; color: #333; line-height: 1.1; text-align: center;} .signup_account_sel {width: 335px; padding-left: 40px;} .signup_type_sel > li:first-child .signup_account_sel {padding-left: 40px;} .signup_account_sel > li {float: left; width: 150px;} .signup_account_sel > li + li {margin-left: 35px;} .signup_account_sel a {display: block; padding-top: 86px; background-repeat: no-repeat; background-position: 50% 0; /*font-weight:700; */font-size: 18px; line-height: 24px; color: #333; text-align: center;} .signup_account_sel a:link, .signup_account_sel a:visited {color: #333;} .signup_account_sel .normal a {background-image: url(../img/sub/bg_ico_account_normal.png);} .signup_account_sel .sns a {background-image: url(../img/sub/bg_ico_account_sns.png);} .signup_li_tit {margin-top: 30px; font-weight:700; font-size: 18px; margin-bottom: 15px;} .signup_guide_li li {padding-left: 12px; background: url(../img/sub/bg_dot_4px_signup.png) no-repeat 1px 8px; font-size: 14px; line-height: 20px; color: #666; } .signup_guide_li li + li {margin-top: 4px;} .signup_new_wr .signup_benefit_bn {margin-top: 27px;} .signup_new_wr .signup_benefit_bn ul {text-align:center;} .signup_new_wr .signup_benefit_bn ul li {display:inline-block; width:19%; text-align:center;} .signup_new_wr .color_box {padding: 60px 0; background-color: #f7f7f7;} .signup_wrap .color_box h3.signup_tit {padding-top: 0;} .signup_sns_sel {overflow: hidden; width: 725px; margin: 40px auto 0; background-color: #fff;} .signup_sns_sel li {float: left; width: 120px; border-left: 1px solid #f7f7f7;} .signup_sns_sel li:first-child {border-left: none;} .signup_sns_sel li a {display: block; height: 43px; padding-top: 97px; background-repeat: no-repeat; background-position: 50% 30px;/* font-weight:700;*/ font-size: 14px; color: #333; text-align: center;} .signup_sns_sel li.naver a {background-image: url(../img/sub/ico_signup_sns_sel_naver.png);} .signup_sns_sel li.facebook a {background-image: url(../img/sub/ico_signup_sns_sel_fb.png);} .signup_sns_sel li.twitter a {background-image: url(../img/sub/ico_signup_sns_sel_tt.png);} .signup_sns_sel li.kakao a {background-image: url(../img/sub/ico_signup_sns_sel_kakao.png);} .signup_sns_sel li.instagram a {background-image: url(../img/sub/ico_signup_sns_sel_insta.png);} .signup_sns_sel li.google a {background-image: url(../img/sub/ico_signup_sns_sel_google.png);} .signup_new_wr .info_text {margin-top: 60px; font-size: 18px; color: #333; text-align: center;} .signup_new_wr .btn_wr {margin-top: 30px; text-align: center;} .signup_new_wr .btn_signup {display: inline-block; height: 40px; line-height: 40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;/* font-weight:700;*/ font-size: 16px; color: #fff;} .signup_new_wr .btn_signup.primary {min-width: 180px; background-color: #333;} .signup_lang_sel {overflow: hidden; width: 542px; margin: 40px auto 0;} .signup_lang_sel li {float: left; padding: 0 5px;} .signup_lang_sel li a {display: block; width: 123px; height: 54px; line-height: 54px; background-color: #333; -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; font-size: 18px; color: #fff; text-align: center;} .signup_lang_sel li a:hover, .signup_lang_sel li a:focus {background-color: #e80f00;} .lng_sel_guide_wr {overflow: hidden; width: 730px; margin: 60px auto 0; border-top: 1px solid #dcdbdb;} .lng_sel_guide_wr .signup_guide_li {float: left; width: 375px;} .lng_sel_guide_wr .signup_guide_li + .signup_guide_li {width: 355px;} .lng_sel_guide_wr .signup_guide_li li {color: #666;} .link_jp_cn_wr {overflow: hidden; width: 100%; margin-top: 30px;} .link_jp_cn_wr li {float: left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 455px; height: 167px; border: 1px solid #ccc; text-align: center;} .link_jp_cn_wr li + li {float: right;} .link_jp_cn_wr li > p {padding-top: 24px; padding-bottom: 25px; font-size: 14px; line-height: 24px; color: #666;} .link_jp_cn_wr li.cn > p {font-size: 16px;} .signup_new_wr .btn_signup.info {background-color: #534a3f;} .signup_new_wr .jp {font-family: "meiryo" !important;} .signup_new_wr .cn {font-family: "Microsoft YaHei" !important;} .popup_wrap .login .sns.sns_type_sel {padding-bottom: 20px;} .popup_wrap .login .sns.sns_type_sel h2 {padding-bottom: 30px;} .popup_wrap .login .sns.sns_type_sel ul li {margin: 0 5px;} .popup_wrap .login .sns.sns_type_sel ul li:first-child {margin-left: 5px;} .popup_wrap .login .sns.sns_type_sel ul li img {width: 100%; height: 100%;} .sns.sns_type_sel .info_text {padding-top: 20px; font-size: 13px; color: #666; text-align: center;} /* 2017-06-02 수정 : 롤링 UI 추가 */ .liquor_wrap .brand_promotion {overflow:hidden; position:relative;} .liquor_wrap .brand_promotion .controls {position:absolute; top:10px; right:5px; z-index:100;} .liquor_wrap .brand_promotion .controls a {overflow:hidden; display:block; float:left; width:30px; height:30px; font-size:1px; text-indent:-9999px; background:url(../img/main/visualControls.png) no-repeat; opacity:0.7; filter:alpha(opacity = 70);} .liquor_wrap .brand_promotion .controls a:hover {opacity:1; filter:alpha(opacity = 100);} .liquor_wrap .brand_promotion .controls a.play {background-position:0 0;} .liquor_wrap .brand_promotion .controls a.pause {background-position:-30px 0;} .liquor_wrap .brand_promotion .controls a.prev {background-position:0 -30px;} .liquor_wrap .brand_promotion .controls a.next {background-position:-30px -30px;} /* 2017-06-02 수정 : 롤링 UI 추가 - end */ /* 2017-06-22 검색결과없음 영역 수정 */ .result_tap_wrap.event_wrap .tab_area {padding-bottom:35px;} .product_list_wrap.facet_module {display:none;} /* 2017-06-27 검색결과없음 영역 수정 */ .product_list_wrap.facet_module.product-null {display:none;} .result_tap_wrap .empty-box {display:none;} /* 2017-06-28 검색결과없음 영역 수정 */ .result_tap_wrap .result_null .empty-box {padding:50px 0;} /* 2017-06-28 검색결과없음 영역 수정 */ .result_tap_wrap .list-box-container {display:none;} /* 2017-06-28 검색결과없음 영역 수정 */ /* 2017-06-22 검색결과없음 영역 수정 - end */ /* For Print (출력용 css) */ @media print { .prePick_guide {padding-bottom:20px;}/* 2017-05-10 수정*/ .prePick_wrap .myshopping_wrap .heading_area {padding-top:0px}/* 2017-05-10 수정*/ .prePick_wrap .heading_area h3 {font-size: 24px;}/* 2017-05-10 수정*/ .prePick_wrap .my_order_list_view .cs_departure_info { padding-bottom:20px; }/* 2017-05-10 수정*/ .prePick_guide > ul {padding: 20px 30px 20px 30px;}/* 2017-05-10 수정*/ .prePick_guide ul li ul {padding: 10px 23px;}/* 2017-05-10 수정*/ .popup_wrap .prePick_wrap .h1_area {padding-top:0px;} .myshopping_wrap {padding-top:0px;} .prePick_wrap {padding-bottom:20px;} } /* 2017.06.28 회원로그인 페이지 수정 */ .popup_wrap.login_type .login .login_write {text-align:center;} .popup_wrap.login_type .login .login_write .find_area.clear_both {display:inline-block;} .popup_wrap.login_type .login .login_write .find_area li > a {position:relative; padding:0 10px; margin-right:0; background:none; text-decoration:none; } .popup_wrap.login_type .login .login_write .find_area li > a:after {content:"|"; position:absolute; top:2px; right:0; display:block; clear:both; font-size:10px; color:#c8c8c8;} .popup_wrap.login_type .login .login_write .find_area li:last-child a:after {display:none;} .popup_wrap.login_type .login .login_write p.save {text-align:left;} .popup_wrap.login_type .login .login_write .save input[type=checkbox].css-checkbox+label.css-label {padding-left:22px;} .popup_wrap.login_type .login .sns {padding:26px 0 32px 0;} .popup_wrap.login_type .login .sns ul {display:inline-block;} .popup_wrap.login_type .login .sns ul li {margin-right:2px;} .popup_wrap.login_type .login .sns ul li:first-child {margin-left:12px;} .popup_wrap.login_type .login .sns ul li img {width:50px; height:50px;} .popup_wrap.login_type .login {width:100%;} .popup_wrap.login_type .login .newwin {border:none;} .popup_wrap.login_type .login .h1_area {padding:32px 0 0 0; border-bottom:none;} .popup_wrap.login_type .login .no_member {border-top:none;} .popup_wrap.login_type .login .no_member p a.btn_ic_red_s {padding:7px 9px; border-radius:0; font-size:12px;} .popup_wrap.login_type .login .no_member p a.btn_ic_red_s:after {display:none;} .popup_wrap.login_type .login .no_member.buy {padding:22px 0; text-align:center;} /* 2017.06.30 일반카테고리 제한 적립금 */ .mypage_wrap.mypage_type .info_box.mileage_info.clear_both .desc {height:144px;} .mypage_wrap.mypage_type .info_box.mileage_info.clear_both .desc ul {padding-top:57px;} .mypage_wrap.mypage_type .info_box.mileage_info.clear_both .cont:first-child .desc ul {padding-top:14px;} .cart_type .privacy .members .info>.box dl {height:188px;} .cart_type .privacy .members .info .level dl>dd {padding:35px 20px 0;} .cart_type .privacy .members .info .my_shopping dl>dd.padding {padding:66px 0;} /* 2017-08-01 회원가입 혜택 배너 영역 개선 */ .signup_wrap .pro_bg {margin-top:50px;} .signup_new_wr .signup_benefit_tit {margin-top:80px; text-align:center; font-size:32px; line-height:36px; color:#333;} .signup_new_wr .signup_benefit_bn {overflow:hidden; margin-bottom:0;} .signup_new_wr .signup_benefit_bn ul li {float:left; width:100%; text-align:center;} .members_select_wrap .signup_contents .select {padding:0 20px;} .members_select_wrap .signup_contents .cupon > ul > li {padding:0;} /* PC_공통_검색 UI 개선 : 리앙 */ .search_result .total_search {width:387px; margin:30px auto 0; border:1px solid #ccc;} .search_result .search_box {width:100%; padding-top:55px; margin-bottom:55px; border:0; overflow:hidden;} .search_result .search_box > p {padding-bottom:0; font-size:28px; font-weight:700;} .search_result .search_box > p > strong{color:#e80f00;} .search_result .search_box ul.related_search {padding:0; margin-top:20px; background:none; border-top:0;} .search_result .search_box ul.related_search > li {color:#666; font-size:14px; font-weight:400;} .search_result .search_box ul.related_search > li a {color:#666; font-weight:400;} .search_result .search_box ul.related_search > li:first-child {color:#666; font-weight:400; padding:0 20px 0 0; position:relative;} .search_result .search_box ul.related_search > li:first-child:after {content:''; width:1px; height:10px; margin-top:-5px; background:#c8c8c8; display:inline-block; position:absolute; top:50%; right:0;} .search_result .search_box .search_subTxt {margin:19px 0 10px; font-size:13px; font-weight:400;} .search_result .search_box .search_subTxt .btn_ic_red_a {margin:-2px 0 0 10px;background:#fff;} .search_result .total_search .area > ul > li .input_m {width:224px; color:#333;} .search_result .total_search .area > ul > li .input_m::-webkit-input-placeholder { color: #333 } .search_result .total_search .area > ul > li .input_m:-moz-placeholder { color: #333 } .search_result .total_search .area > ul > li .input_m::-moz-placeholder { color: #333 } .search_result .total_search .area > ul > li .input_m:-ms-input-placeholder { color: #333 } .search_result .total_search .area > span.ico {width:51px; background:none;} .result_null {width:100%; padding-top:166px; margin:15px 0 40px; overflow:hidden; background:url(../img/common/bg_search_result_null.png) 50% 0 no-repeat;} .result_null h3, .search_result .search_box h3 {padding:0; color:#666; font-size:26px; font-weight:700;} .search_result .result_null ul.nullList {width:280px; margin:2px auto 0; overflow:hidden;} .search_result .result_null ul.nullList li {padding:7px 0 0 8px; color:#999; font-size:14px; text-align:left; position:relative;} .search_result .result_null ul.nullList li:before {content:''; width:2px; height:2px; background:#999; position:absolute; top:13px; left:0; display:inline-block;} .result_tap_wrap.event_wrap {width:100%; overflow:hidden;} .result_tap_wrap.event_wrap .area {border:0;} .result_tap_wrap .power_search {padding:0;} .power_search .table_tbody th, .result_tap_wrap .power_search .table_tbody th {width:95px;} .power_search .table_tbody tr:first-child td, .result_tap_wrap .power_search .table_tbody tr:first-child td {padding:12px 18px;} .power_search .btn_payment, .result_tap_wrap .power_search .btn_payment {padding:40px 0 40px;} .result_chanel_wrap {height:45px; padding:0 20px 0 185px; margin-bottom:20px; background:#eeeeef; border:0;} .result_chanel_wrap .logo {left:0; top:0;} .result_chanel_wrap .logo img {width:155px; height:45px; padding:0; background:transparent;} .result_chanel_wrap p {font-size:20px; line-height:45px;} .result_chanel_wrap .btn_area {top:12px;} .result_chanel_wrap .btn_area a {background:#fff;} .search_result .search_result_slide {width:100%; overflow:hidden;} .search_result .search_result_slide .improveTit01 {padding-bottom:15px; color:#333; font-size:28px; font-weight:700; text-align:center} .search_result .search_result_slide .improveTit01 strong {display:inline-block;} .search_result .search_result_slide .improveTit01.brNone {border-bottom:0} .search_result .search_result_slide .improveTime {display:inline-block; padding:5px 0;width:40px; height:30px; color:#fff; background:url('../img/common/bgTime.png') no-repeat 0 0; font-size:24px; text-align:center; font-weight:normal } .search_result .search_result_slide .TimeDot {display:inline-block; position:relative; top:-2px; margin:0 3px; color:#fa5450; font-size:18px; } .search_result .search_result_slide .improveTit01.timeWrap {padding-bottom:0; padding-bottom:8px} .search_result .search_result_slide .slide_paging li {float: none; display: inline-block; width: 12px; height: 11px; padding-left: 6px} .search_result .search_result_slide .slide_paging li a {display:block; width:100%; height:11px; background:url('../img/common/slide_paging_new.png') no-repeat 0 0} .search_result .search_result_slide .slide_paging li a.on {background-position: 0 -19px} .search_result .search_result_slide .improveListWrap {position:relative; margin-bottom:60px;} .search_result .search_result_slide .improveListWrap .btn_area li .prev {left:0} .search_result .search_result_slide .improveListWrap .btn_area li .next {right:0} .search_result .search_result_slide .improveListWrap .btn_area li a {position:absolute; top:105px; z-index:11} .search_result .search_result_slide .improveListWrap .pModule4 {overflow:hidden; width:931px; padding-bottom:0; } .search_result .search_result_slide .improveListWrap .pModule4 .product_box {border-bottom:1px solid #e6e6e6} .search_result .search_result_slide .improveListWrap .pModule4 ul {overflow:hidden; max-height:555px;} .search_result .search_result_slide .improveListWrap .pModule4 ul.opened {max-height:100% !important} .search_result .search_result_slide .improveListWrap .pModule4 ul li {float:left; margin:0; padding:0; } .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_off {width:233px; margin:0; padding:0; padding:20px 0; border-top:1px solid #ccc} .search_result .search_result_slide .improveListWrap .pModule4 ul li.first .product_off {width:232px} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_off .pr_img {margin-bottom:0} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_off .brand {width:210px; height:17px; margin:0px auto 5px auto; font-size:14px; line-height:17px;}/* 2016-12-29 수정*/ .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_off .name {width:210px; height:17px; margin:0px auto 5px auto; font-size:13.5px; line-height:17px; white-space:nowrap}/* 2016-12-29 수정*/ .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_off .price {font-size:14px; line-height:17px;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_off .price .regular {font-size:14px;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_off .price .sale {margin-left:2px; font-size:17px;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_off .price .won {font-size:13px !important;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over {padding:0; padding:20px 20px 80px; background:url('../img/common/bg_dimmed_white.png') repeat 0 0; border:1px solid #e43c3b; z-index:3;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .pr_info {text-align:center} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .brand {margin-bottom:0; margin-bottom:5px; color:#333; font-size:14px;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .name {height:16px; color:#333; font-size:13.5px; white-space:nowrap;}/* 2016-12-06 수정*/ .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .msg_area {display:block; height:80px} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .msg {display:block; padding-bottom:0; padding:27px 0 27px 0; color:#e80f00} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .msg strong {font-size:40px; line-height:30px;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .msg p.soldout {color:#898178; font-size:21px} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .price {position:static; color:#333; text-align:center} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .price .regular {color:#666; font-size:14px} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .price .sale {color:#e53139; font-size:17px} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .price .won {color:#888; font-size:13px; padding-top:8px} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .over_btn_area {position:absolute; bottom:20px; text-align:center} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btn {float:none; margin-right:10px; border:0; font-weight:400} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btn.btnCart {display:inline-block; position:relative; width:60px; height:60px; background:url('../img/common/bgBtnCart.png') no-repeat 0 0 } .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btn.btnCart:hover {background-image:none;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btn.btnCart span.hoverTxt {position:absolute; top:0px; left:0px; visibility:hidden; width:60px; height:47px; padding-top:13px; background:url('../img/common/bgCart.png') no-repeat 0 0; color:#fff; font-size:14px; line-height:17px;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btn.btnCart:hover span.hoverTxt {visibility:visible;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btn.btnDbuy {display:inline-block; position:relative; width:60px; height:60px; background:url('../img/common/bgBtnDbuy.png') no-repeat 0 0; font-weight:400} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btn.btnDbuy:hover {background-image:none;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btn.btnDbuy span.hoverTxt {position:absolute; top:0px; left:0px; visibility:hidden; width:60px; height:47px; padding-top:13px; background:url('../img/common/bgDbuy.png') no-repeat 0 0; color:#fff; font-size:14px; line-height:17px;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btn.btnDbuy:hover span.hoverTxt {visibility:visible;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btn_login {width:60px; height:60px; margin:0 auto; padding-top:13px; border:0; background:url('../img/common/bgDbuy.png') no-repeat 0 0; font-weight:400} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btnNotice {position:relative; width:60px; height:60px; margin:0 auto; padding-top:13px; background:url('../img/common/bgBtnNotice.png') no-repeat 0 0; border:0; font-weight:400} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btnNotice:hover {background-image:none;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btnNotice span.hoverTxt {position:absolute; top:0px; left:0px; visibility:hidden; color:#fff; width:60px; height:47px; padding-top:13px; background:url('../img/common/bgNotice.png') no-repeat 0 0; font-size:14px; line-height:17px;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btnNotice:hover span.hoverTxt {visibility:visible;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btnSpecial {position:relative; width:60px; height:60px; margin:0 auto; padding-top:13px; background:url('../img/common/bgBtnSpecial.png') no-repeat 0 0; border:0; font-weight:400} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btnSpecial:hover {background-image:none;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btnSpecial span.hoverTxt {position:absolute; top:0px; left:0px; visibility:hidden; color:#fff; width:60px; height:47px; padding-top:13px; background:url('../img/common/bgNotice.png') no-repeat 0 0; font-size:14px; line-height:17px;} .search_result .search_result_slide .improveListWrap .pModule4 ul li .product_over .btnSpecial:hover span.hoverTxt {visibility:visible;} .search_result .search_result_slide .improveListWrap .pModule4 .product_box {position:relative; height:277px; padding-bottom:34px; border-top:1px solid #ccc} .search_result .search_result_slide .improveListWrap .pModule4 .product_box.inner > ul {position: absolute; left: 0; top:-1px; width:10000px} .search_result .search_result_slide .improveListWrap .pModule4 .product_box > ul > li {float:left; width:931px; border-bottom:0} .search_result .search_result_slide .improveListWrap .pModule4 .product_box > ul > li ul.roll {width:931px} .search_result .search_result_slide .improveListWrap .pModule4 .product_box > ul > li ul.roll li{width:233px} .search_result .search_result_slide .improveListWrap .pModule4 .product_box > ul > li ul.roll li.first {width:232px} .search_result .search_result_slide .improveListWrap .pModule4 ul.slide_paging {position:absolute; left:0; bottom: 17px; width:100%; text-align:center} .search_result .search_result_slide .improveListWrap .pModule4 ul.slide_paging li {float:none; display: inline-block} .search_result .search_result_slide .improveListWrap .pModule4 ul.slide_paging li {padding-left:5px} .search_result .search_result_slide .improveListWrap .pModule4 ul.slide_paging li:first-child {padding-left:0} .search_result .total_search .area > ul > li.search_checkbox {height:18px; padding-top:8px;} .search_result .total_search .area .search_checkbox input[type=checkbox].search-checkbox {overflow:hidden; position:absolute; left:0; width:1px; height:1px; margin:-1px; padding:0; border:0; clip: rect(0 0 0 0); z-index:-1000;} .search_result .total_search .area .search_checkbox input[type=checkbox].search-checkbox + label.search-label {height:16px; min-height:16px; padding-left:23px; vertical-align:middle; line-height:16px; background:url(../img/common/ico_search_check.png) 0 0 no-repeat; cursor: pointer; display:inline-block;} .search_result .total_search .area .search_checkbox input[type=checkbox].search-checkbox:checked + label.search-label {background-position:0 -18px;} .product_list_wrap.facet_module {min-height:321px; border:1px solid #bfbfbf;} .result_tap_wrap .result_null {margin:50px 0 40px;} .result_tap_wrap .result_null .empty-box {display:block; padding:0; margin-bottom:0; text-align:center;} .result_tap_wrap .result_null .empty-box p {width:auto; color:#999; font-size:14px; margin:22px auto 0; padding-left:7px; position:relative; font-weight:400; display:inline-block;} .result_tap_wrap .result_null .empty-box p:before {content:''; width:2px; height:2px; position:absolute; top:6px; left:0; display:inline-block; z-index:1; background:#999;} /* 2017.09.14 온라인 멤버십 최상위 등급 신설 */ .myshopping_wrap .contents_wrap .mypage_main .table_tbody th em.ft12 {font-size:12px;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online tr:first-child td.new_grade {padding-top:24px; padding-bottom:22px;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online tr:first-child td.new_grade p.grade {margin-top:11px; line-height:17px;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online tr th {padding:13px 10px; line-height:14px;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online tr th.va_mid, .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online tr td.va_mid {padding:18px 10px; vertical-align:inherit;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online tr td.va_mid p.ft_bold {font-weight:700;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online td.saves_type {padding-top:6px; vertical-align:inherit;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online td.saves_type .saves {margin-bottom:1px;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.grade_online .btn_newdownload {display:inline-block; width:56px; height:18px; font-size:11px; color:#fff; border:none; border-radius:10px; background:#f95450;} .membership .table_tbody.new_grade_type tr:first-child td {padding:23px 0 9px; vertical-align:top; color:#333; line-height:18px;} .membership .table_tbody.new_grade_type tr:last-child th, .membership .table_tbody.new_grade_type tr:last-child td {padding:10px;} .membership .table_tbody.new_grade_type tr th {font-size:14px; line-height:18px; font-weight:400} .membership .table_tbody.new_grade_type tr th .ft13 {font-size:13px;} .membership .table_tbody.new_grade_type tr td {padding:17px 0 19px; font-size:14px; color:#666} .membership .table_tbody.new_grade_type tr td p.ft_bold {font-weight:700;} .membership .table_tbody.new_grade_type tr td p.grade {padding-top:7px; line-height:18px;} .membership .table_tbody.new_grade_type + div.ps_txt {padding-top:15px; font-size:13px; color:#666; line-height:11px;} .membership .table_tbody.new_grade_type + div.ps_txt p {padding-bottom:8px;} .membership .table_tbody.new_grade_type + div.ps_txt .txt_indent {padding-left:9px; line-height:16px; text-indent:-9px;} /* 20170726 편명입력 팝업UI개선 : 픽스다인 yunseon.lee */ .flight_wrap{position:relative;width:789px;height:818px;padding:0 50px;border:1px solid #000} .flight_wrap .pop_btn_close{display:block;position:absolute;right:15px;top:15px} .flight_wrap .flight_tit .tit{font-size:25px;text-align:center;padding:15px 0 26px;color:#333;font-weight:700;line-height:1.5} .flight_wrap .code_wrap{width:100%;height:85px;padding-top:27px;background-color:#f2f2f2} .flight_wrap .code_wrap .codeinput_area{width:500px;margin:0 auto 15px} .flight_wrap .code_wrap .codeinput_area dl{float:left} .flight_wrap .code_wrap .codeinput_area dl:first-child{margin-right:80px} .flight_wrap .code_wrap .codeinput_area dl dt{float:left;margin-right:10px;height:34px;line-height:34px;font-size:15px;color:#333;font-weight:700} .flight_wrap .code_wrap .codeinput_area dl dd{float:left} .flight_wrap .code_wrap .codeinput_area dl dd input{width:104px;height:34px;font-size:15px;line-height:34px;border:1px solid #bfbfbf;padding:0 10px} .flight_wrap .code_wrap .code_tip{text-align:center;font-size:13px;font-weight:400;color:#666} .flight_wrap .code_wrap .code_tip span{color:#e80f00} .flight_wrap .flight_tab{margin-top:30px} .flight_wrap .flight_tab li a{padding:10px 0;font-size:18px} .flight_wrap .flight_tab li a.on{color:#e80f00;border:1px solid #e80f00;border-bottom-color:#fff;} .flight_wrap .flight_tab .tab_menu.tit_tab_txt.tab_type.clear_both li a {background:#f7f7f7;} .flight_wrap .flight_tab .tab_menu.tit_tab_txt.tab_type.clear_both li a.on {background:#fff;} .flight_wrap .flight_tab .tab_menu.tit_tab_txt.tab_type.clear_both li:first-child a {border-right:none;} .flight_wrap .flight_tab .tab_menu.tit_tab_txt.tab_type.clear_both li:first-child a.on {border-right:1px solid #e80f00;} .flight_wrap .flight_sort_01{margin:30px 0} .flight_wrap .flight_sort_01 a{font-size:12.1px;display:inline-block;width:20px;height:20px;line-height:18px;border:1px solid #ccc;color:#000;text-align:center;margin-left:-2px} .flight_wrap .flight_sort_01 a.disabled{background:#f9f9f9;color:#ddd;cursor:default} .flight_wrap .flight_sort_01 a.on{background-color:#534a3f;color:#fff} .flight_wrap .flight_sort_01 a.sort_btn {width:70px} .flight_wrap .flight_sort_01 a.sort_btn_etc {width:45px} .flight_wrap .sort_list_wrap{width:789px;padding:0 20px;height:195px;overflow-y:scroll;border:1px solid #e0e0e0;box-sizing:border-box} .flight_wrap .sort_list_wrap div{position:relative;margin-top:24px;padding-bottom:5px;border-bottom:1px solid #e5e5e5} .flight_wrap .sort_list_wrap div:last-child{border-bottom:none} .flight_wrap .sort_list_wrap div .title_name{position:absolute;left:5px;top:0;width:168px;font-size:20px;color:#333;font-weight:700} .flight_wrap .sort_list_wrap div .sort_name{position:absolute;left:30px;top:0;width:168px;font-size:34px;color:#333;font-weight:700} .flight_wrap .sort_list_wrap div ul{padding-left:168px} .flight_wrap .sort_list_wrap li{padding-bottom:15px;float:left;width:187px} .flight_wrap .sort_list_wrap li a{font-size:13px;color:#333} .flight_wrap .flight_guide{width:100%;height:140px;margin-top:17px;padding:20px 0;background-color:#f7f7f7;} .flight_wrap .flight_guide p{font-size:14px;margin-bottom:17px;font-weight:700;color:#333;margin-left:25px} .flight_wrap .flight_guide ul{margin-left:30px} .flight_wrap .flight_guide ul li{padding-left:7px;font-size:13px;font-weight:400;color:#666;line-height:150%;background:url(../img/common/bg_dot_b2b2b2.png) no-repeat 0 11px} .flight_wrap .flight_guide ul li span{color:#e80f00} .flight_wrap .flight_btn_area{width:254px;margin:17px auto 27px} .flight_wrap .flight_btn_area a{display:inline-block;width:122px;height:39px;line-height:39px;text-align:center;color:#fff;font-weight:400;font-size:15px;background-color:#373231} .flight_wrap .flight_btn_area a:first-child{background-color:#e80f00;margin-right:10px} /* 20170726 편명입력 팝업UI개선 */ /* 2017.09.28 스페셔롱더 주문가능 브랜드 수정 */ .special_order .special_brand_wrap.special_brand_type .tit_tab_txt.tab_type.tab_menu.clear_both {display:none;} .special_order .special_brand_wrap.special_brand_type .brand_wrap {margin-top:0;} /* 20170908 정회원 간소화 yunseon.lee */ .info .box.level dl dd.jungmember_btn .btn_ss_white{margin-top:18px} .info .box.level dl dd.jungmember_btn .btn_ss_white:after{content: "";position: absolute;right: 6px;top: 50%;display: block;width: 4px;height: 8px;margin-top: -4px;background: url("../img/common/ico_arrow.png") no-repeat right 0} .member_passport_wrap{width:587px;margin:0 auto} .member_passport_wrap .h2_area_passport{margin-top:25px;margin-bottom:12px} .member_passport_wrap .h2_area_passport h2{text-align:left;font-size:18px;font-weight:700} .member_passport_wrap .guide_txt_passport1{font-weight:700;margin-top:25px;margin-bottom:7px} .member_passport_wrap .guide_txt_passport2 li{line-height:150%;background:url(../img/common/bg_dot_2px_666.png) no-repeat 0 10px;padding-left:8px} .member_passport_wrap .table_passport_pop{width:100%} .member_passport_wrap .table_passport_pop td{padding:14px 0 14px 15px} .member_passport_wrap .table_passport_pop td input.lastname0{margin-right:10px} .member_passport_wrap .table_passport_pop td input + p{margin-top:7px;font-size:11px;color:#a7a7a7;line-height:130%} .member_wrap .find_id .cont .nationals input.type02{padding:16px 7px} .foreigner_n .tel_box .select{padding:16px 4px !important;height:50px !important;width:360px;margin-bottom:10px;color:#999} .foreigner_n .tel_box .tel_inp{width:360px} .foreigner_n .tel_box .tel_inp select{float:left;margin-left:0} .foreigner_n .tel_box .tel_inp span{float:left;width:15px;height:50px;line-height:50px;text-align:center;display:inline-block;} .foreigner_n .tel_box .tel_inp input{float:left;display:inline-block} .member_wrap .find_pw .pw_find_area .certification.certification_n .myinfo_number_n{margin-top:20px;margin-bottom:20px} .newSimple_mem .newspace02 { margin-top:30px !important} /*.newSimple_mem .tel_inp + .input { margin-left:0 !important}*/ .newSimple_mem .foreigner .tel_inp + .input { margin-left:0 !important} .newSimple_mem.new_pwSearch .find_pw strong.in_people { padding-bottom:22px !important } .newSimple_mem.new_pwSearch .find_pw .cont .nationals .txt_box>p { margin-bottom:17px !important } .newSimple_mem.new_pwSearch .find_pw .cont .foreigner strong.people { padding-bottom:51px !important } .newSimple_mem.new_pwSearch .find_pw .pw_find_area .certification p {margin-top:27px !important} .newSimple_mem.new_pwSearch .find_pw .pw_find_area .certification.certification_n .myinfo_number_n { margin-top:19px !important; margin-bottom:0 !important } .newSimple_mem.new_pwSearch .find_pw .pw_find_area .nationals a.btn_m_gray { margin-top:10px !important} .newSimple_mem.new_pwSearch .find_pw .cont .nationals .txt_box .email_area .tel_box {padding-top:10px } .newSimple_mem.new_pwSearch .find_pw .cont .nationals select{ padding:14px 8px } .newSimple_mem.new_pwSearch .find_pw .cont .nationals .txt_box .email_area .tel_box .tel_inp .input { padding:16px 8px} .newSimple_mem.new_pwSearch .find_pw .cont .nationals .txt_box .email_area .tel_box .select { margin-bottom:10px } .newSimple_mem.new_pwSearch .find_pw .cont .nationals .txt_box .email_area .tel_box .tel_inp .select {margin-bottom:0px} /* //20170908 정회원 간소화 yunseon.lee */ /* 2017-09-27 정회원 간소화 yunjeong.kim */ .newSimple_mem .newpos_rel { position:relative } .newSimple_mem .newpos_rel .css-radiobox + .css-label {position:relative; display:inline-block; min-width:14px; min-height:14px; padding-left:18px; line-height:13px; vertical-align:middle; background-repeat:no-repeat; background-position:0 0 !important; cursor:pointer;}/* 2017.11.09 추가 수정 */ .newSimple_mem .newpos_rel .css-radiobox:checked + .css-label {background-position:0 -50px !important;}/* 2017.11.09 추가 수정 */ .newSimple_mem .newline_h15 { line-height:1.5} .newSimple_mem .newma_detail_bt { position:absolute; right:19px; top:15px } .membership_form.newSimple_mem .h2_area h2 + .t_desc { position:absolute; right:0; bottom:20px; } .sns_wrap .membership_form.newSimple_mem .h3_area { position:relative} .membership_form.newSimple_mem .h3_area h3 + .t_desc { position:absolute; right:0; bottom:20px } .newSimple_mem .bt_newarrow {background:url(../img/common/bg_drop_arrow.png) no-repeat 0 0; display:inline-block; width:21px; height:11px; border:0; padding:0; margin:0} .newSimple_mem .bt_newarrow.open { transform: rotate(180deg);} .newSimple_mem .new_dropdown { position:relative } .newSimple_mem .new_dropdown .bt_newarrow { position:absolute; right:19px; top:24px } .signup_wrap .sns_wrap .membership_form.newSimple_mem { padding-top:0 } /*sns 회원가입 */ .newSimple_mem .table_tbody .ui-datepicker-trigger { border-left: 0; position: absolute; top: 0; right: 0; padding: 5px 12px; cursor: pointer; } .newSimple_mem .table_tbody .ui-datepicker-trigger:after {content:""; position:absolute; left:0; top:7px; width:1px; height:14px; background:#ddd} .newSimple_mem .table_tbody .passport_in { position:relative; margin:25px 0 0 0; display:none} .newSimple_mem .table_tbody .passport_in .radio_list { margin:0 0 10px 0} .newSimple_mem .table_tbody .passport_in .btn_passport_info_guide { position:absolute; top:4px; right:19px } .newSimple_mem .table_tbody .passport_in .passport_date {margin-left:10px} .newSimple_mem .table_tbody .passport_in fieldset .ml { width:230px } .newSimple_mem .table_tbody .passport_in fieldset .space_ml01 { margin-left:10px; } .newSimple_mem .table_tbody .newtbl_info { margin:0 0 20px 0} .newSimple_mem .table_tbody .newtbl_info li {margin:0 0 7px 0} .newSimple_mem .table_tbody .newtbl_info li:last-child {margin:0 0 0px 0} .newSimple_mem .newspace01 { margin-bottom:20px} .newSimple_mem .table_tbody .address_in { margin:19px 20px 0 0; display:none} .foreigner_form.newSimple_mem .table_tbody .address_in { margin:19px 60px 0 0; display:none} .mypage_wrap .foreigner_form.newSimple_mem .table_tbody .address_in { margin:19px 20px 0 0; display:none} .newSimple_mem .table_tbody .desc_gray { font-size:12px } .newSimple_mem .foreigner_email { text-align:center; padding:55px 0; background: #f7f7f7;} .newSimple_mem .foreigner_email a.btn_brown { background-color: #373231; display:block; width:360px; color: #fff; padding: 18px 0; font-size: 15px; font-weight:700; margin:0 auto} .newSimple_mem .foreigner_email .input {padding: 16px 8px; margin-bottom: 20px; width:342px; } .newSimple_mem .foreigner_email fieldset label { text-indent:-99999px;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0} .popup_merketing_nweInfo { width:630px } .popup_merketing_nweInfo.jp { width:700px } .popup_merketing_nweInfo .tit {background:#fff; border-bottom:0; text-align:center; padding:30px 0 30px 14px} .popup_merketing_nweInfo .pop_newCont {padding:0 30px 30px} .newTbl_st01 { border-collapse:collapse; border:0; border-spacing:0; padding:0; margin:0; border-bottom:1px solid #bfbfbf; width:100%} .newTbl_st01 th {background:#fafafa;border-width:1px 0 0 1px !important; border-style:solid; border-color:#bfbfbf #fff #fff #e0e0e0 !important; padding:12px 5px !important;font-weight:700; text-align:center;line-height: 150% } .newTbl_st01 th:first-child { border-left:0px } .newTbl_st01 td {background:#fff;border-width:1px 0px 0 1px !important; border-style:solid; border-color:#bfbfbf #fff #fff #e0e0e0 !important; text-align:center; color:#4f4f4f; padding:12px 4px !important;line-height: 150%; } .newTbl_st01 td:first-child { border-left:0px } .newTbl_st01 td .txts {font-size: 11px; color: #999; line-height: 120%; margin:5px 0 0 0} .newTbl_st01 + .newTbl_desc { margin-top:16px} .newTbl_desc {} .newTbl_desc li { color:#999; line-height:150%; text-indent:-8px; padding-left:8px; } .new_membership { display:block; padding-top:5px !important; height:119px; box-sizing:border-box} .new_membership img {padding-top:0px !important; margin-top:20px} .new_membership .newmem_reg { margin-top:22px !important} .newMyshilla .my_regular_proof .members_proof_wrap .signup_contents { border:0} .newMyshilla .member_wrap { border-width:0 1px 0px 1px; border-style:solid; border-color:#e0e0e0} .newMyshilla .my_regular_proof .members_proof_wrap {padding-top:0} .newMyshilla .inbox_info_txt { display: block; font-size: 20px; padding-bottom: 13px; color: #333; line-height:150%} .newMyshilla .inbox_info_txt strong { color:#e80f00 !important; display:inline-block !important; font-weight:normal !important} .newMyshilla .member_wrap .find_id .cont .foreigner p { margin-bottom:24px } .newMyshilla .member_wrap .find_id .cont .foreigner p.inbox_info_txt + p { margin-bottom:36px } .newMyshilla .table_tbody td .newtbl_info { font-size:12.1px; } .newMyshilla .table_tbody td .newtbl_info li { text-indent:-10px; padding-left:10px } .newMyshilla .t_desc { font-size:12.1px;} .newMyshilla .txt_box li {text-indent:-11px; padding-left:11px} .newMyshilla .new_dropdown .bt_newarrow { top:20px} .newMyshilla .table_tbody .desc_gray { font-size:12px } .newMyshilla .table_tbody .txt_info_agree li { font-size:12px } .newMyshilla .table_tbody .txt_info_agree li.tit_none { font-size:12px } .newMyshilla .table_info td .txts { font-size:11px; line-height:80% } .newMyshilla .table_tbody .ml { width:172px } .newMyshilla .table_tbody .space_ml01 { margin-left:10px; } .newMyshilla .table_tbody th.th_passport .btn_passport_info_guide { display:none; margin:7px 0 0 0} .newSimple_mem .table_tbody th.th_passport .btn_passport_info_guide { display:none; margin:7px 0 0 0} .new_bt_ac { text-align:center; padding-left:0 !important} /* //2017-09-27 정회원 간소화 yunjeong.kim */ /* 2017-11-17 쿠폰존 변경 yunjeong kim */ .new2017CouponZone.marketing_coupon_wrap .img_main h2 em { color:#373231} .new2017CouponZone.marketing_coupon_wrap h3 { padding:27px 0 20px 29px} .new2017CouponZone.marketing_coupon_wrap .img_main { background: url('../img/sub/1803-KRPC-CouponZoneNew-931x170.png') no-repeat 0 0} .new2017CouponZone.marketing_coupon_wrap .img_banner .txt { background-color:#d5bfa3} .new2017CouponZone.marketing_coupon_wrap .img_banner .txt .login { color:#6d6050; font-weight:400; } .new2017CouponZone.marketing_coupon_wrap .img_banner .txt .login a { color:#6d6050 } .marketing_coupon_wrap .coupon_list .list > ul { margin:0 0 -10px 44px; } .new2017CouponZone.new2017CouponZone.marketing_coupon_wrap .coupon_list .list > ul > li { width:200px; margin:0 0 30px 73px} .new2017CouponZone.marketing_coupon_wrap .coupon_list .list > ul > li:first-child { margin-left:0} .new2017CouponZone.marketing_coupon_wrap .coupon_list .list > ul > li:nth-child(3n+1) { margin-left:0} .new2017CouponZone.marketing_coupon_wrap .coupon_list .list span.txt { width:200px; color:#fff; top:71px} .new2017CouponZone.marketing_coupon_wrap .coupon_list .list input.checkbox { left:-27px; top:-3px } .new2017CouponZone.marketing_coupon_wrap .coupon_list .list .btn_area {top:23px; right:30px} .new2017CouponZone.marketing_coupon_wrap .coupon_list .list ul a.btn_s_white { margin-top:15px} .new2017CouponZone.marketing_coupon_wrap .coupon_list .list { padding-bottom:10px} .new2017CouponZone.new2017CouponZone.marketing_coupon_wrap .coupon_list .list > ul > li.downloadEnd input[type="checkbox"]{ display:none} .new2017CouponZone.new2017CouponZone.marketing_coupon_wrap .coupon_list .list > ul > li.downloadEnd .btn_s_white { background: #fff; padding: 0 10px;color: #a9a9a9!important;border: 1px solid #ccc; cursor:default} .new2017CouponZone.marketing_coupon_wrap .coupon_list .list span.complete_mask {display:none !important} /* 2017.11.21 브랜드관 메인페이지 배너 확대 */ .brand_mall .brand_new_banner {margin-bottom:30px; width:724px;} .brand_mall .brand_new_banner .banner_area_type01 {position:relative; margin-bottom:10px; width:724px;} .brand_mall .brand_new_banner .banner_area_type01 img {width:724px; height:300px;} .brand_mall .brand_new_banner .banner_area_type01 .brand_slide {width:724px; height:300px;} .brand_mall .brand_new_banner .banner_area_type01 .brand_slide li {position:absolute; display:none; top:0; left:0; width:100%;} .brand_mall .brand_new_banner .banner_area_type01 .brand_slide li.on {display:block;} .brand_mall .brand_new_banner .banner_area_type01 .slide_paging.clear_both {position:absolute; bottom:20px; left:50%; margin-left:-150px; width:300px; text-align:center;} .brand_mall .brand_new_banner .banner_area_type01 .slide_paging.clear_both li {float:none; display:inline-block; padding-left:6px; width:12px; height:11px;} .brand_mall .brand_new_banner .banner_area_type01 .slide_paging.clear_both li:first-child {padding-left:0;} .brand_mall .brand_new_banner .banner_area_type01 .slide_paging.clear_both li a {width:12px; height:11px; background:url('../img/common/slide_paging_new.png') no-repeat 0 0} .brand_mall .brand_new_banner .banner_area_type01 .slide_paging.clear_both li a.on {background-position:0 -19px;} .brand_mall .brand_new_banner .banner_area_type02 {height:258px;} .brand_mall .brand_new_banner .banner_area_type02 .img_area img {width:450px; height:258px;} .brand_mall .brand_new_banner .banner_area_type02 .last_banner {float:right; width:265px; height:258px;} .brand_mall .brand_new_banner .banner_area_type02 .last_banner:after {content:""; display:block; clear:both;} .brand_mall .brand_new_banner .banner_area_type02 .mov_area {display:inline-block;} .brand_mall .brand_new_banner .banner_area_type02 .mov_area a, .brand_mall .brand_new_banner .banner_area_type02 .mov_area img {display:none;} .brand_mall .brand_new_banner .banner_area_type02 .mov_area.img_area iframe {display:none;} .brand_mall .brand_new_banner .banner_area_type02 .mov_area.img_area a, .brand_mall .brand_new_banner .banner_area_type02 .mov_area.img_area img {display:inline;} /* 2017.08.14 재입고알림 프로세스 개선 */ .product_over .over_btn_area a.cursor_default {background:#888;} .detail_view .popup_layer.productModuleNew .pr_wrap .txt .area .reorder_apply a.btn_brown.cursor_default {background:#888;} .pr_wrap .txt .area .reorder_apply a.btn_brown.cursor_default {background-color:#888; border:1px solid #888;} /* 2017-10-30 임시비밀번호변경 페이지 추가 */ .pw_reset_temp {margin:100px auto 0;} .pw_reset_temp .title strong { font-size:20px; font-weight:700; color:#666; line-height:1.5; } .pw_reset_temp .btn_box {font-weight:700;} .pw_reset_temp h1.logo {padding-bottom:30px;} .pw_reset_temp .h3_area { padding:40px 0; border-bottom:1px solid #e0e0e0; } .pw_reset_temp .cont { padding:40px; background:#f7f7f7; border-bottom:1px solid #e0e0e0; } .pw_reset_temp .cont > strong { display:block; font-size:20px; margin-bottom:35px; } .pw_reset_temp .cont p {line-height:18px; margin-bottom:30px;} .pw_reset_temp .cont .txt_box { margin:0 auto; width:361px; } .pw_reset_temp .cont .txt_box .area { position:relative; } .pw_reset_temp .cont .txt_box .input { display:block; width:342px; padding:17px 8px; line-height:1.2; } .pw_reset_temp .cont .txt_box .input + .area { margin-top:8px; } .pw_reset_temp .cont .txt_box .input + .input { margin-top:8px; } .pw_reset_temp .cont .txt_box .area + .area { margin:8px 0 16px; } .pw_reset_temp .cont .txt_box span.alert { display:block; margin:8px 0 16px; text-align:left; } .pw_reset_temp .cont .btn_m_gray { width:358px; font-weight:700; } .pw_reset_temp .cont .btn_m_red {height:50px; line-height:50px;} .pw_reset_temp .txt_area { text-align:left; padding:20px 0 20px 275px; line-height:1.5;} .pw_reset_temp .cont .btn_area {width:360px; margin:8px auto 0;} .pw_reset_temp .cont .btn_area a {width:175px; margin:0; vertical-align:top;} .pw_reset_temp .cont .btn_area a:first-child {margin-right:1px;} /* 2017-11-24 공식스토어 허브페이지 */ #container.brand_main{width:100%;font-weight:400;} #container.brand_main .h3_area{width:100%;height:72px;line-height:72px;text-align:center;font-weight:700;font-size:26px;color:#333;} #container.brand_main .slideBnrWrap{position:relative;width:100%;max-width:2000px;height:400px;margin:0 auto;overflow:hidden;} #container.brand_main .slideBnrWrap #slide_hubStore{position:absolute;left:50%;top:0;width:2000px;height:400px;margin-left:-1000px;overflow:hidden;} #container.brand_main .slideBnrWrap #slide_hubStore .slick-slide{float:left;} #container.brand_main .slideBnrWrap .slick-arrow{position:absolute;display:inline-block;width:43px;height:60px;border:0;z-index:10;text-indent:-9999px;font-size:0;} #container.brand_main .slideBnrWrap .slick-prev.slick-arrow{left:50%;top:50%;margin:-30px 0 0 -499px;background:url("../img/common/btn_bnr_prev.png") no-repeat left top;} #container.brand_main .slideBnrWrap .slick-next.slick-arrow{right:50%;top:50%;margin:-30px -499px;background:url("../img/common/btn_bnr_next.png") no-repeat left top;} #container.brand_main .slideBnrWrap .slick-arrow:hover{background-position:right top;} #container.brand_main .slideBnrWrap .slick-dots{position:absolute;left:50%;bottom:19px;margin-left:-365.5px;} #container.brand_main .slideBnrWrap .slick-dots li{float:left;display:inline-block;width:11px;height:11px;margin-right:10px;background:url("../img/common/btn_bnr_indicator.png") no-repeat left top;cursor:pointer;} #container.brand_main .slideBnrWrap .slick-dots li.slick-active{background-position:right top;} #container.brand_main .slideBnrWrap .slick-dots li button{display:none;} #container.brand_main .storeBrandTit{width:100%;padding:40px 0 30px;font-size:24px;font-weight:700;color:#333;text-align:center;} #container.brand_main .brandListWrap{width:931px;margin:0 auto 60px;overflow:hidden;} #container.brand_main .brandListWrap ul{width:944px;margin-top:-13px;} #container.brand_main .brandListWrap li{float:left;width:223px;margin:13px 13px 0 0;overflow:hidden;font-size:0;} #container.brand_main .brandListWrap li a{display:block;width:221px;height:58px;border:1px solid #ccc;} #container.brand_main .brandListWrap li .bPhoto{display:block;width:223px;height:223px;} #container.brand_main .brandListWrap li .bLogo{display:block;width:221px;height:58px;} /* 2017.11.28 국내몰 회원가입 화면 일부 변경 요청 */ .membership_wrap .membership_form .table_tbody .btn_brown_s.btn_checking {margin-left:11px;} /*2017-12-06 국내몰 회원가입 화면 일부 변경 요청 yunjeong kim*/ .popup_rewards_agree { width:700px; } .popup_rewards_agree .ctnBox { padding:10px 0px 40px 0px} .popup_rewards_agree .ctnBox .newRewards_box_scr {overflow-x:hidden; overflow-y:auto; max-height:400px; padding:0 20px} .popup_rewards_agree .tit {background:#fff !important ; font-size:26px; border-bottom:1px solid #e0e0e0; padding:32px 0 29px 20px; text-align:center} .popup_rewards_agree .hTitS {clear:both; margin-top:30px} .popup_rewards_agree .hTitS:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;} .popup_rewards_agree .hTitS {display: inline-block;} .popup_rewards_agree .hTitS {display: block;} .popup_rewards_agree .hTitS h4 {font-weight:700; float:left; font-size:15px } .popup_rewards_agree .hTitS .rewards_chk_area {float:right; margin-top:5px } .popup_rewards_agree .hTitS .btn_ss_white { margin-left:10px} .popup_rewards_agree .btn_ss_white {padding:5px 15px 6px 6px; min-width:auto; margin-top:-2px} .popup_rewards_agree .btn_ss_white:after { content: ""; position: absolute; right: 6px; top: 50%; width: 4px; height: 8px; background: url(https://media.shilladfs.com/estore/_ui/desktop/common/shilladfshome/kr/img/common/ico_arrow.png) no-repeat right 0; margin-top: -4px;} .popup_rewards_agree .checkAgreeBox { margin:10px 0 30px 0} .popup_rewards_agree .checkAgreeBox h4 { margin:10px 0 0 0} .popup_rewards_agree .checkAgreeBox .checkAgree{vertical-align:middle; margin:0; padding:0; margin-right:3px} .popup_rewards_agree .checkAgreeBox label {display:inline-block; vertical-align:middle; margin-right:15px} .popup_rewards_agree .checkAgreeBox.end { margin-bottom:0px } .popup_rewards_agree .policyBox { clear:both; margin:10px 0 0 0} .popup_rewards_agree .rewards_policy_all { background:#f9f9f9; padding:20px; text-align:left} .popup_rewards_agree .policyBox .box {height:60px; border:1px solid #ccc; padding:5px 20px 10px; overflow:auto; overflow-x:hidden; line-height:20px; word-break:keep-all;} .popup_rewards_agree .policyBox .box .t_line { text-decoration:underline} .popup_rewards_agree .policyBox .box.rewards_marketing {height:auto;} .popup_rewards_agree .policyBox .box.rewards_marketing .css-label {margin-right:20px} .popup_rewards_agree .policyBox .box .re_tits { font-weight:700; margin:5px 0 2px 0; display:block;} .popup_rewards_agree .rewards_policy_all label { font-size:14px; font-weight:700} .popup_rewards_agree .rewards_policy_all p {margin-top:10px; color:#666} .popup_rewards_agree .btn_area {text-align:center; margin-top:30px } .popup_rewards_agree .btn_area a {height:36px; line-height:36px;width:100px} .popup_wrap .reward2017_policy { width:560px} .popup_wrap .rewards_policyBox * { line-height:20px !important} .popup_wrap .section.rewards_policyBox { padding:15px 20px !important} .popup_wrap .rewards_policyBox .re_tit { font-size:15px; display:block;} .popup_wrap .rewards_policyBox .re_tits { font-weight:700; margin:15px 0 5px 0; display:block;} .popup_wrap .rewards_policyBox .re_tit + .re_tits { margin-top:10px } .popup_wrap .rewards_policyBox .re_tbl { width:100%; border-bottom: 1px solid #bfbfbf; margin:15px 0; border-collapse:collapse; } .popup_wrap .rewards_policyBox .re_tbl tr:first-child th, .popup_wrap .rewards_policyBox .re_tbl tr:first-child td { border-top:1px solid #bfbfbf} .popup_wrap .rewards_policyBox .re_tbl th {text-align:center; padding:15px 10px; background:#f7f7f7; border-left:1px solid #bfbfbf; border-top:1px solid #bfbfbf} .popup_wrap .rewards_policyBox .re_tbl th:first-child {border-left:0 solid #bfbfbf} .popup_wrap .rewards_policyBox .re_tbl td {text-align:center; padding:15px 10px; background:#fff; border-left:1px solid #bfbfbf;border-top:1px solid #bfbfbf} .popup_wrap .rewards_policyBox .re_tbl td:first-child {border-left:0 solid #bfbfbf} .popup_wrap .rewards_policyBox .re_tbl.st02 th,.popup_wrap .rewards_policyBox .re_tbl.st02 td { word-break: keep-all; } .newrewards2017 .newrewards2017 .title h4 { float:none !important } .newrewards2017 .rewards_cont {background:#efefef; padding:24px; margin-top:10px; font-size:13.3px} .newrewards2017 .rewards_cont p { padding:0 0 5px 0} .newrewards2017 .rewards_cont .rewards_agree { margin:15px auto 0; text-align:center; font-size:15px} .newrewards2017 .rewards_cont .mr{margin-right:15px } /* 2018-01-18 고객센터 메인 상담톡 버튼 추가 */ .info_talk .info_phone li{width:280px;} .info_talk .info_phone li:first-child{width:280px;} .info_talk .info_phone li.last{width:126px; padding:5px 0;} .info_talk .info_phone li.last a{display:block; height:124px; background:url('../img/sub/icon_livetalk.png') no-repeat center 32px; color:#333;} .info_talk .info_phone li > a > span{display:block; padding-top:75px; font-size:16px; font-weight:700;} /*2018-01-12 더 심플회원 일반몰회원으로 전환 */ #simpleMemberChg { position:absolute; width:657px; left:50%; top:50%; margin:-90px 0 0 -328px; color:#333 } #simpleMemberChg .simpleChgCont { padding:20px } #simpleMemberChg .simpleChgCont .t_txt {font-size:14px; line-height:22px } #simpleMemberChg .simpleChgCont .t_txt em {color:#e80f00; font-weight:400;} #simpleMemberChg .simpleChgCont .btm_btn_area { text-align:center; margin-top:45px} #simpleMemberChg .simpleChgCont .btm_btn_area a { line-height:38px; height:38px; min-width:122px; box-sizing:border-box } #simpleMemberChg .simpleChgCont .t_txt02 {background:#f7f7f7; padding:20px 25px; font-size:13px; color:#777; margin-top:20px } #simpleMemberChg .simpleChgCont .t_txt02 dt, #simpleMemberChg .simpleChgCont .t_txt02 dd {line-height:20px} #simpleMemberChg .simpleChgCont .t_txt02 dd {text-indent:-7px; padding-left:7px; margin:0 0 18px 0} #simpleMemberChg .simpleChgCont .t_txt02 dd:last-child { margin:0} #simpleMemberChg .simpleChgCont .btm_expl { margin:25px 0 0 0} #simpleMemberChg .simpleChgCont .btm_expl li { font-size:12px; color:#8f918f; margin-top:8px; } #simpleMemberChg .simpleChgCont .btm_expl li:first-child { margin-top:0 } /*2018-03-09 더 심플회원 일반몰 회원으로 전환 수정 */ #simpleMemberChg .simpleChgEmail { display:block; margin-top:25px } #simpleMemberChg .simpleChgEmail label {display:inline-block; font-weight:700; margin-right:10px } /* 2018.01.26 별존 */ #container.starzone {position:relative; width:100%;} #container.starzone .starzone_bg {z-index:-1; position:absolute; top:0; left:0; width:100%; height:480px; background:#faddcc;} #container.starzone .marketing_star_wrap .banner_area {margin:0 auto; padding-left:31px; width:900px; text-align:center; background: url("../img/common/top_bg.png") no-repeat top;} #container.starzone .marketing_star_wrap .banner_area h2.tit {padding-top:36px; font-size:60px; line-height:60px; font-weight:700;} #container.starzone .marketing_star_wrap .banner_area .sub_tit {padding:10px 0 19px; font-size:20px; font-weight:400;} #container.starzone .marketing_star_wrap .banner_area .sub_tit span {color:#de5126;} #container.starzone .marketing_star_wrap .banner_area .sub_txt {font-size:16px; line-height:25px;} #container.starzone .marketing_star_wrap .banner_area .txt_area {margin-top:36px; height:95px; line-height:95px; border-top:1px solid #e0beaa;} #container.starzone .marketing_star_wrap .banner_area .txt_area .txt {padding-right:12px; font-size:20px; font-weight:400;} #container.starzone .marketing_star_wrap .banner_area .txt_area .txt em {color:#de5126;} #container.starzone .marketing_star_wrap .banner_area .txt_area .btn a {display:inline-block; margin-left:10px; width:159px; height:40px; line-height:40px; font-size:16px; color:#fff; background:url("../img/common/btn_bg.png") no-repeat 0 0;} #container.starzone .marketing_star_wrap .starzone_bg {top:inherit; height:347px; background:#faf1e7;} #container.starzone .marketing_star_wrap .point_use {margin:0 auto; padding:0 0 60px 31px; width:900px; background:url("../img/common/point_bg.png") no-repeat right 60px;} #container.starzone .marketing_star_wrap .point_use p {padding:56px 0 0 0;} #container.starzone .marketing_star_wrap .point_use .tit {font-size:32px; color:#333; font-weight:700;} #container.starzone .marketing_star_wrap .point_use .sub_tit {padding-top:23px; font-size:20px; color:#333; line-height:30px; font-weight:400;} #container.starzone .marketing_star_wrap .point_use .sub_tit span {color:#de5126;} #container.starzone .marketing_star_wrap .point_use .btn_brown {display:block; margin-top:43px; width:186px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; background:url("../img/common/btn_bg02.png") no-repeat 0 0;} #container.starzone .marketing_star_wrap .point_save {margin:0 auto; padding-left:31px; width:900px;} #container.starzone .marketing_star_wrap .point_save h3 {padding-top:56px; font-size:32px; color:#333; font-weight:700;} #container.starzone .marketing_star_wrap .point_save .point_list ul {padding:30px 0 50px 0;} #container.starzone .marketing_star_wrap .point_save .point_list ul li {float:left; padding-bottom:40px; width:300px; height:100px;} #container.starzone .marketing_star_wrap .point_save .point_list ul li img {float:left;} #container.starzone .marketing_star_wrap .point_save .point_list ul li span {float:left; padding:1px 0 0 30px; font-size:16px; line-height:24px;} #container.starzone .marketing_star_wrap .point_save .point_list ul li span a {display:block; margin-top:16px; width:80px; height:28px; text-align:center; line-height:28px; font-size:13px; color:#e63434; background:url("../img/common/btn_bg03.png") no-repeat 0 0;} #container.starzone .marketing_star_wrap .point_save .point_list ul li span.disabled {color:#a9a9a9;} #container.starzone .marketing_star_wrap .point_save .point_list ul li span.disabled a {color:#a9a9a9; background:url("../img/common/btn_bg03_disabled.png") no-repeat 0 0; cursor:default; pointer-events:none;} #container.starzone .marketing_star_wrap .notice_area {margin:0 auto; padding-left:31px; width:900px;} #container.starzone .marketing_star_wrap .notice_wrap {padding:24px 30px 19px; border:1px solid #bfbfbf; border-radius:5px;} #container.starzone .marketing_star_wrap .notice_wrap p {padding-bottom:14px; font-size:25px; line-height:25px; color:#333; font-weight:700;} #container.starzone .marketing_star_wrap .notice_wrap p:before {content:""; clear:both; padding-left:30px; width:18px; height:18px; background:url("../img/common/icon_notice.png") no-repeat 0 10px;} #container.starzone .marketing_star_wrap .notice_wrap ul li {font-size:13px; line-height:25px;} /* 2018-02-19 주문/결제 제휴사 복지포인트 추가 */ .info_box .write_box .table_tbody .tooltip10 .tooltip_wrap .tooltip_layer{left:90px; top:-44px !important;} .tooltip10 .tooltip_wrap .tooltip_layer dt{line-height:1.5;} .tooltip10 .tooltip_wrap .tooltip_layer dd{padding-left:7px; background:url('../img/common/bg_dot_b2b2b2.png') no-repeat 0 7px;} /* 2018-03-28 캡차 추가 픽스다인(김현민) */ .captcha_box{overflow:hidden;} .captcha_box .captcha{float:left; position:relative; display:inline-block; width:137px; height:41px; margin-right:10px; border:1px solid #e0e0e0;} .captcha_box .captcha a{display:block; position:absolute; width:22px; height:20px;} .captcha_box .captcha a span{font-size:0; text-indent:-9999px; overflow:hidden;} .captcha_box .captcha .cap_img{max-width:115px; height:41px;} .captcha_box .captcha .listen{right:0; top:0; border-bottom:1px solid #d8d8d8; background:url('../img/sub/btn_listen.jpg') no-repeat 0 0;} .captcha_box .captcha .refresh{right:0; bottom:0; background:url('../img/sub/btn_refresh.jpg') no-repeat 0 0;} .captcha_box .input_cap{width:80px; padding:13px 8px 12px;} .captcha_box .cap_txt{padding-top:3px;} /*2018-03-30 이메일 입력창 로컬 , 도메인 분리 */ .newSimple_mem .foreigner_email.newtype02 {} .newSimple_mem .foreigner_email.newtype02 span{ display:inline-block; height:50px; line-height:50px; vertical-align:top; font-size:16px;} .newSimple_mem .foreigner_email.newtype02 input {width:152px;} /* 2018-02-23 주문/결제 제휴사 옵션 수정 스마일캐시 추가 */ .cop_box .sel_cop{float:left;} .cop_box .tooltip_wrap{float:left; margin-top:6px;} .info_box .write_box .table_tbody .layer_10 .tooltip_layer{ left:28px; top:-21px !important;} .info_box .write_box .table_tbody .layer_29 .tooltip_layer{left:28px; top:-53px !important;} .info_box .write_box .table_tbody .layer_42 .tooltip_layer{left:28px; top:-53px !important;} .cop_box .red_txt{display:block; width:100%; color:#e80f00;} .cop_box .user_info > em{display:block; float:left;} .cop_box .user_info > em span{padding-left:5px; font-weight:700;} .cop_box .user_info .dc_scash{padding-left:5px;} .cop_box .use_input #totalUsedScach2{width:48px;} .cop_box .use_input .user_info{margin-top:8px;} .checkout_table.payment_wrap.payment_type .info_box.info_type .btn_brown_s.s2{width:56px;} .checkout_table.payment_wrap.payment_type .info_box.info_type #specialUsedOcb2{width:48px;}/* 2018-04-05 특정일 할인 영역 추가 */ /* 2018-02-23 주문/결제 결제금액내역 스마일캐시 추가 */ .dis_wrap .pay_box .pay_detail li{padding:8px 0 0 15px;} .dis_wrap .pay_box .pay_detail li span{right:0;} /* 2018-03-19 주문/결제 제휴사 옵션 OK캐시백 수정 *//* 2018-04-18 품질 반영 후 추가 수정 */ .cart_payment .info_box > .left .write_box .table_tbody .ocb_box .red_txt{display:block; width:100%; margin:0 0 12px 20px; color:#e80f00;} .cart_payment .info_box > .left .write_box .table_tbody .ocb_box #totalUsedOcb2{margin-left:-1px;} .ocb_box .user_info > em{display:block; float:left; padding-left:15px;} .ocb_box .user_info > em span{padding-left:5px; font-weight:700;} .ocb_box .user_info .dc_scash{padding-left:5px; color:#e80f00;} .ocb_box .user_info{margin:8px 0;}/* 2018-04-05 특정일 할인 영역 수정 */ /* 2018-03-06 출국일 정보 변경 */ .mypage_wrap .dp-tit{position:relative;} .mypage_wrap .dp-tit h4{position:relative; line-height:1;} .mypage_wrap .dp-tit a.btn_brown_s{position:absolute; right:0; bottom:11px; width:141px; height:20px; font-size:13px; color:#fff; line-height:1; padding-top:6px;} .my_order_list_view .delivery_info.dp-tit{padding-top:0;} .pop-dp-form{padding:0 14px;} .pop-dp-form .membership_form .h2_area h2{padding-top:0;} .popup_layer .pop-dp-form .table_normal tr:first-child th{border-top:2px solid #6d6050; background:url('../img/common/bg_line_11px_c9c9c9.png') no-repeat 0 50% #f5f3f3;} .popup_layer .pop-dp-form .table_normal tr:first-child th:first-child{background-image:none;} .popup_layer .pop-dp-form .table_normal tr td{font-size:12px; text-align:center;} .popup_layer .pop-dp-form .table_normal .num_date li span{color:#0d7bbf; font-size:11px;} .popup_layer .pop-dp-form .write_box .table_tbody td .place>select{width:190px} .popup_layer .pop-dp-form .write_box .table_tbody td .passport_info>.input{width:172px} .popup_layer .pop-dp-form .btn_payment{text-align:center; padding-top:20px; padding-bottom:20px;} .popup_layer .pop-dp-form .btn_payment a{height:48px; font-size:16px; width:173px; line-height:48px; padding:0;} /* 2018-04-16 주문/결제 스마일캐시 개인정보동의팝업 추가 픽스다인(김현민) */ .member_passport_wrap .term_agree_pop{width:100%; margin-top:25px;} .member_passport_wrap .term_agree_pop th{padding:18px 15px 0; font-size:12px; color:#4f4f4f; vertical-align:top;} .member_passport_wrap .term_agree_pop td{padding:14px 15px;} .member_passport_wrap .term_agree_pop td .txt{line-height:19px;} .member_passport_wrap .guide_txt{padding-top:10px; color:#666;} .member_passport_wrap .guide_txt span{color:#999; font-size:11px;} .member_passport_wrap .guide_txt a{color:#000fff; text-decoration:underline;} .member_passport_wrap .smile_check{margin-top:30px; text-align:center;} .member_passport_wrap .agree_btn{margin:30px 0 50px; padding-left:0; text-align:center;} /* 2018-04-16 동의철회 링크 추가 */ .cop_box .withdraw{display:inline-block; padding-top:10px; color:#999; text-decoration:underline; font-size:11px;} /* 2018-04-18 스마일페이 유의사항 동의철회 링크 추가 픽스다인(김현민) */ .checkout_table.payment_wrap.payment_type .write_box .table_tbody td .withdraw{display:inline-block; padding:10px 0 0 10px; color:#999; text-decoration:underline; font-size:12px;} /* 2018-05-02 이벤트 페이지 보더삭제 (김윤정) */ .marketing_warp .event_wrap.sub_category .box_area { border-bottom:0px } .marketing_warp .event_wrap .box_area {border:0px; background-color:#fff} /* 2018-04-17 주문/결제 복지포인트 조회 팝업 추가 */ .welfare_txt{padding-bottom:20px;} .welfare_point{text-align:center;} .welfare_point .point{padding-top:35px; font-size:24px; color:#666;} .welfare_point .point strong{display:inline-block; font-size:32px; color:#e80f00;} /* 2018-04-27 임직원 인증 개인정보제공동의 팝업 추가 */ .popup_wrap .team_use .table{width:100%; border-top:2px solid #333;} .popup_wrap .team_use .table th{padding:18px 15px 0; font-size:12px; color:#4f4f4f; background-color:#fafafa; vertical-align:top; text-align:left; border-bottom:1px solid #e0e0e0;} .popup_wrap .team_use .table td{padding:14px 15px; border-bottom:1px solid #e0e0e0;} .popup_wrap .team_use .table td .txt{line-height:19px;} .popup_wrap .team_use .table td .point{font-size:15px;} /* 2018-06-15 클럽서비스 추가 마이신라 클럽마일리지 내용 추가 */ .mysilla_info { width:100%; } .mysilla_info.type2 { margin:30px 0; } .mysilla_info:after { display: block; content: ''; clear: both; } .mysilla_info .left { float:left; width:183px; } .mysilla_info .right { float:left; width:748px; background:#f7f4f2; } .mysilla_info .online_member { height:131px; padding:18px; background: #e6dfda; cursor:pointer; } .mysilla_info .online_member dt { position:relative; font-size:13px; color:#555555; font-weight:700;} .mysilla_info .online_member dt span.more { position: absolute; top:-2px; right:-3px; width:20px; height:20px; font-size:0; background:url('../img/common/ico_my_plus.png') no-repeat center;} .mysilla_info .online_member dd { margin:22px 0 0 0; text-align: center;} .mysilla_info .online_member dd span { display:block; width:60px; height:60px; margin:5px auto 0; text-align: center;} .mysilla_info .online_member dd img { width:60px; height:60px; } .mysilla_info .online_member dd strong { display: block; color:#333333; margin:20px 0 0 0; font-size:13px; } .mysilla_info .off_member { height:75px; padding:18px; background: #d9d0ca; cursor:pointer; } .mysilla_info .off_member dt { position:relative; font-size:13px; color:#555555; font-weight:700;} .mysilla_info .off_member dt span.more { position: absolute; top:-2px; right:-3px; width:20px; height:20px; font-size:0; background:url('../img/common/ico_my_plus.png') no-repeat center;} .mysilla_info .off_member dd { text-align: center;} .mysilla_info .off_member dd span { display:block; width:80px; height:30px; margin:12px auto 0; text-align: center;} .mysilla_info .off_member dd img { width:80px; height:30px; } .mysilla_info .off_member dd strong { display: block; color:#333333; margin:6px 0 0 0; font-size:13px; } .mysilla_info .top_title { position: relative; height:56px; padding:0 20px; border-bottom:1px solid #e6dfda; text-align:left; } .mysilla_info .top_title p { font-size: 20px; color:#84746d; line-height: 56px; } .mysilla_info .top_title strong { font-weight:700; font-size: 22px; color:#373231; } .mysilla_info .top_title .top_btn_area { position: absolute; right:20px ; top:15px; } .mysilla_info .top_title .top_btn_area a { display: inline-block; height:26px; padding:0 8px; margin:0 0 0 2px; border: 1px solid #d8dbdf; border-radius: 2px; text-align: center; font-size:12px; line-height: 26px; color:#747774; background: #fff; } .mysilla_info .box_mysilla { height:201px; padding:20px 0 0 0; text-align: center; } .mysilla_info .box_mysilla dl { position:relative;display: inline-block; width:232px; height:91px; margin:0 0 0 -4px; vertical-align: top; text-align: center; cursor: pointer; *display:inline; zoom:1; } .mysilla_info .box_mysilla dl dt { position: absolute; left:0; bottom:26px; width:100%; text-align: center; font-size:13px; line-height: 16px; color:#373231;} .mysilla_info .box_mysilla dl dt a { color:#373231; } .mysilla_info .box_mysilla dl dt a.btn_tooltip_layer img { margin:0 0 0 5px; } .mysilla_info .box_mysilla dl dd { padding:7px 0 0 0; font-size:13px; color:#6e6a69; } .mysilla_info .box_mysilla dl dd span { display: inline-block; margin: 0 2px 0 0; font-size:24px; font-weight:700; color:#333; line-height: 27px; } .mysilla_info .box_mysilla dl.coupon { border-bottom:1px solid #efeae7; border-right:1px solid #efeae7; } .mysilla_info .box_mysilla dl.save { border-bottom:1px solid #efeae7; border-right:1px solid #efeae7; } .mysilla_info .box_mysilla dl.club { border-bottom:1px solid #efeae7; } .mysilla_info .box_mysilla dl.pay { height:80px; padding:15px 0 0 0; border-right:1px solid #efeae7; } .mysilla_info .box_mysilla dl.pay dt { bottom:15px; } .mysilla_info .box_mysilla dl.deposit { height:80px; padding:15px 0 0 0; border-right:1px solid #efeae7; cursor: default; } .mysilla_info .box_mysilla dl.deposit dt { bottom:15px; background:#f7f4f2; } .mysilla_info .box_mysilla dl.star { height:80px; padding:15px 0 0 0; } .mysilla_info .box_mysilla dl.star dt { bottom:15px; } .mysilla_info .box_mysilla .btn_chck_balance { display: inline-block; height:26px; padding:0 8px; margin:0 0 0 2px; border: 1px solid #d8dbdf; border-radius: 2px; text-align: center; font-size:12px; line-height: 26px; color:#747774; background: #fff; } .mysilla_info .box_mysilla dl dt .tooltip_layer { text-align: left; } .mysilla_info .box_mysilla .deposit .tooltip_layer { top: 26px!important; left: -46px; width: 170px;} .mysilla_info .box_mysilla .pay .tooltip_layer { top: 26px!important; left: 1px; width: 170px;} .mysilla_info .box_mysilla .star .tooltip_layer { top: 26px!important; left: -83px; width: 170px;} .mysilla_info .box_coupon_mileage { height:201px; padding:20px 0 0 0; text-align: center; } .table_no_result .btn_benefit_join { position:relative; box-sizing:border-box; display:inline-block; margin:10px 0; padding:5px 15px 6px 6px;border: 1px solid #d8dbdf; border-radius:4px; line-height:1; font-size:11px; color:#666; } .table_no_result .btn_benefit_join:after { content:""; position: absolute; right:6px; top:50%; width:4px; height:8px ;background: url(https://media.shilladfs.com/estore/_ui/desktop/common/shilladfshome/kr/img/common/ico_arrow.png) no-repeat right 0; margin-top:-4px;} .dis_wrap .topBorder { border-top: 1px solid #e0e0e0;} .dis_wrap .tooltipClub .tooltip_wrap {padding: 0!important;} .dis_wrap .tooltipClub .tooltip_wrap .tooltip_layer {left: 145px;top: -4px!important;width: 250px;} .info_box .write_box .table_tbody .tooltip_club .tooltip_wrap .tooltip_layer {left: 107px;top: -67px!important;} .club_mileage_estimate { width: 190px; margin: 0 15px 0; padding: 20px 10px 10px 10px;border-top: 1px solid #e0e0e0;font-size: 11px;text-align: left;} .club_mileage_estimate .txt { position: relative; } .club_mileage_estimate .txt span { position: absolute; right: 0; top:12px; color:#000; font-weight:700;} .club_mileage_estimate .txt2 { color:#999; margin:10px 0 0 0; } .club_mileage_estimate2 { width: 250px; margin: 0 15px 0 19px; padding: 20px 10px 20px 10px; border-top: 1px solid #e0e0e0; font-size: 11px;text-align: left;} .club_mileage_estimate2 .txt { position: relative; } .club_mileage_estimate2 .txt span { position: absolute; right: -12px; top:0; font-weight:700;color: #ef3f3b;} .club_mileage_estimate2 .txt2 { color:#999;margin:10px 0 0 0; } .dis_wrap .pay_box .to_box .club { line-height:15px;} .dis_wrap .pay_box .to_box .club span { display: block; margin:3px 0 0 0;} .box_my_mileage { overflow: hidden; margin:30px 0 0 0; border-bottom: 1px solid #bfbfbf; border-top: 1px solid #e0e0e0; } .box_my_mileage .current_club_mileage { position:relative;float:left; width:365px; border-right: 1px solid #e0e0e0; } .box_my_mileage .current_club_mileage dl { padding:25px 0 0 0; } .box_my_mileage .current_club_mileage dt { padding: 15px 0 0 31px;font-size:18px; font-weight:700;} .box_my_mileage .current_club_mileage dd { position:absolute; top:33px; right:28px; width:158px; overflow:hidden; text-align: right; font-size:18px;color:#957045; } .box_my_mileage .current_club_mileage dd strong { font-size:26px; font-weight:700;} .box_my_mileage .current_club_mileage .current_club_mileage_list { width:365px; margin:28px 0 0 0; padding:15px 0; background:#f7f7f7; } .box_my_mileage .current_club_mileage .current_club_mileage_list li { position: relative; padding:3px 0 3px 32px; font-size:13px; color:#333; } .box_my_mileage .current_club_mileage .current_club_mileage_list li span { position: absolute; top:2px; right:30px; text-align: right; } .box_my_mileage .current_club_mileage .current_club_mileage_list li span strong { color:#333; font-weight:700;} .box_my_mileage .detail_club_mileage { position:relative; float:left; width:366px ; height:163px;} .box_my_mileage .detail_club_mileage ul { position:absolute; top:50%; left:0; width:100%; height:60px; margin:-21px 0 0 0; } .box_my_mileage .detail_club_mileage li { position: relative; padding:3px 0 3px 50px; font-size:13px; color:#333; } .box_my_mileage .detail_club_mileage li span { position: absolute; top:2px; right:40px; text-align: right; } .box_my_mileage .detail_club_mileage li span strong { color:#333; font-weight:700;} .my_club_mileage .list_club_info { padding:35px 20px;} .my_club_mileage .list_club_info li { padding:0 0 5px 0; font-size: 13px; } .my_club_mileage .top_info { position: relative; height:50px; } .my_club_mileage .top_info h4 { padding:0 0 0 20px; border-top:1px solid #bfbfbf; font-size:16px; line-height: 50px; } .my_club_mileage .top_info a { position:absolute; top:3px; right:10px; box-sizing:border-box; display:inline-block; margin:10px 0; padding:6px 15px 6px 6px;border: 1px solid #d8dbdf; border-radius:4px; line-height:1; font-size:11px; color:#666; } .my_club_mileage .top_info a:after{ content:""; position: absolute; right:6px; top:50%; width:4px; height:8px ;background: url(https://media.shilladfs.com/estore/_ui/desktop/common/shilladfshome/kr/img/common/ico_arrow.png) no-repeat right 0; margin-top:-4px;} .my_club_mileage .my_club_cnt { margin:0 0 20px 0; padding:30px 0; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background: #f9f9f9; } .my_club_mileage .my_club_cnt ul { text-align: center; } .my_club_mileage .my_club_cnt ul li { position: relative; display: inline-block; width:138px; text-align:center; *display: inline;} .my_club_mileage .my_club_cnt ul li a { display: block; color:#513831; } .my_club_mileage .my_club_cnt ul li span { display: block; } .my_club_mileage .my_club_cnt ul li p { height:20px; line-height:20px; margin:10px 0 5px 0; color:#333333; font-size:14px; } .my_club_mileage .my_club_cnt ul li em { display:inline-block; height:20px; padding:0 10px; border:1px solid #513831; font-size:13px; color:#513831; text-align:center; line-height:20px; } .my_club_mileage .my_club_cnt .txt_no_club { text-align: center; font-size:12px; color:#333; line-height:18px; } .my_club_mileage .my_club_cnt .txt_no_club strong { display:block; margin:0 0 10px 0; font-size:14px; color:#e43434; } .my_club_mileage .my_club_cnt .txt_no_club span { display:block; margin:0 0 10px 0; } .my_club_mileage .my_club_cnt .txt_no_club a { position: relative; box-sizing:border-box; display:inline-block; margin:10px 0 0 0; padding:6px 15px 6px 6px;border: 1px solid #d8dbdf; border-radius:4px; line-height:1; font-size:11px; color:#666; background:#fff; } .my_club_mileage .my_club_cnt .txt_no_club a:after{ content:""; position: absolute; right:6px; top:50%; width:4px; height:8px ;background: url(https://media.shilladfs.com/estore/_ui/desktop/common/shilladfshome/kr/img/common/ico_arrow.png) no-repeat right 0; margin-top:-4px;} .box_coupon_mileage { overflow: hidden; } .box_coupon_mileage dl { float:left; height:185px; text-align: center; } .box_coupon_mileage dl.save { width:354px; border-right:1px solid #e6dfd9; } .box_coupon_mileage dl.coupon {width:193px; border-right:1px solid #e6dfd9; } .box_coupon_mileage dl.club {width:198px; } .box_coupon_mileage dl dt { height:32px; line-height:32px; font-size:13px; } .box_coupon_mileage dl dd { font-size:13px; } .box_coupon_mileage dl dd strong { margin:0 3px 0 0; font-size:24px; color:#000; font-weight:700; } .box_coupon_mileage dl dd ul { width:170px; margin:17px auto 0;} .box_coupon_mileage dl dd ul li { position:relative; padding:0 0 7px 0; text-align:left; font-size:12px; color:#6e6a69; } .box_coupon_mileage dl dd ul li span { position:absolute; top:0; right:0; display:inline-block; text-align:right; color:#6e6a69;} .box_coupon_mileage dl dd ul li strong { font-size:12px; color:#333; } /* 05/02 플립커뮤니케이션즈 */ .tab_type_faq { width: 733px; margin:0 0 25px 0; overflow:hidden;} .tab_type_faq li { float: left; width:61px !important; height:75px !important; margin:0 ; } .tab_type_faq li a { display: block; width:61px !important; height:75px !important; font-size:0; background: url(../img/common/pc_tab_icon2.jpg) no-repeat;} .tab_type_faq li a.detail_tab01 { background-position:0 0;} .tab_type_faq li a.detail_tab02 { background-position:-61px 0;} .tab_type_faq li a.detail_tab03 { background-position:-122px 0;} .tab_type_faq li a.detail_tab04 { background-position:-183px 0;} .tab_type_faq li a.detail_tab05 { background-position:-244px 0;} .tab_type_faq li a.detail_tab06 { background-position:-305px 0;} .tab_type_faq li a.detail_tab07 { background-position:-366px 0;} .tab_type_faq li a.detail_tab08 { background-position:-427px 0;} .tab_type_faq li a.detail_tab09 { background-position:-488px 0;} .tab_type_faq li a.detail_tab10 { background-position:-549px 0;} .tab_type_faq li a.detail_tab11 { background-position:-610px 0;} .tab_type_faq li a.detail_tab12 { background-position:-671px 0;} .tab_type_faq li a.detail_tab01.on { background-position:0 -95px;} .tab_type_faq li a.detail_tab02.on { background-position:-61px -95px;} .tab_type_faq li a.detail_tab03.on { background-position:-122px -95px;} .tab_type_faq li a.detail_tab04.on { background-position:-183px -95px;} .tab_type_faq li a.detail_tab05.on { background-position:-244px -95px;} .tab_type_faq li a.detail_tab06.on { background-position:-305px -95px;} .tab_type_faq li a.detail_tab07.on { background-position:-366px -95px;} .tab_type_faq li a.detail_tab08.on { background-position:-427px -95px;} .tab_type_faq li a.detail_tab09.on { background-position:-488px -95px;} .tab_type_faq li a.detail_tab10.on { background-position:-549px -95px;} .tab_type_faq li a.detail_tab11.on { background-position:-610px -95px;} .tab_type_faq li a.detail_tab12.on { background-position:-671px -95px;} /*2018-06-18 회원탈퇴안내 팝업(김윤정) > 팁핑연계 */ .withdrawal2018_info { width:435px; color:#333 } .withdrawal2018_info .wd-id-info { margin:23px 0 12px 0} .withdrawal2018_info .wd-id-info dt { display:inline-block; font-weight:700; } .withdrawal2018_info .wd-id-info dd {display:inline-block; font-weight:700; color:#666 } .withdrawal2018_info .txt-r { text-align:right; } .withdrawal2018_info .txt-r span.won { color:#ef3f3b } .withdrawal2018_info .btm_btn_area { text-align:center; margin:30px 0 0 } .withdrawal2018_info .btm_btn_area .btn_a_red {line-height: 38px;height: 38px;min-width: 122px; box-sizing: border-box; text-align:center} .withdrawal2018_info .btm_btn_area .btn_a_gray {line-height: 38px;height: 38px;min-width: 122px; box-sizing: border-box; text-align:center; font-size:16px} .withdrawal2018_info .space01 { padding-bottom:15px} .withdrawal2018_info .desc { font-size:14px} .withdrawal2018_info .padding { padding:30px} .withdrawal2018_info .btm-expl { color:#666; font-size:12.1px; text-indent:-10px; padding-left:10px; line-height:20px;} .withdrawal2018_info .table_tbody + .btm-expl { margin-top:15px} .withdrawal2018_info .withdrawal-txt { font-size:13px; text-align:center; line-height:20px; background:#f7f7f7; border-style:solid; border-width:1px 0; border-color:#e0e0e0; padding:21px 0;} .withdrawal2018_info .btm-expl + .withdrawal-txt { margin:11px 0 0 0} /* 2018-06-20 트렌드샵 시작 */ /* 2018.01.08 트렌드샵 신설 */ #container.trendshop {padding-bottom:0; width:100%;} #container.trendshop .h3_area {width:100%; height:72px; line-height:72px; text-align:center; font-weight:700; font-size:26px; color:#333;} #container.trendshop .trendshop_wrap {position:relative; overflow:hidden; margin:0 auto; width:100%; max-width:2000px; height:416px;}/* 2018-06-04 수정 */ #container.trendshop .trendshop_wrap #trendshop_banner {position:relative; overflow:hidden; left:50%; top:0; margin-left:-1000px; width:2000px; height:416px;}/* 2018-06-04 수정 */ #container.trendshop .trendshop_wrap #trendshop_banner .slick-slide {float:left;} #container.trendshop .trendshop_wrap .slick-arrow {z-index:10; position:absolute; display:inline-block; width:38px; height:61px; font-size:0; border:0; text-indent:-9999px;} #container.trendshop .trendshop_wrap .slick-prev.slick-arrow {left:50%; top:50%; margin:-43px 0 0 -520px; background:url("../img/common/btn_left_arrow.png") no-repeat 0 0;} #container.trendshop .trendshop_wrap .slick-prev.slick-arrow:hover {background:url("../img/common/btn_left_arrow_over.png") no-repeat 0 0;} #container.trendshop .trendshop_wrap .slick-next.slick-arrow {right:50%; top:50%; margin:-43px -520px 0 0; background:url("../img/common/btn_right_arrow.png") no-repeat 0 0;} #container.trendshop .trendshop_wrap .slick-next.slick-arrow:hover {background:url("../img/common/btn_right_arrow_over.png") no-repeat 0 0;} #container.trendshop .trendshop_wrap .slick-dots {position:absolute; left:0; bottom:0; width:100%; margin:0 auto; text-align:center;}/* 2018-06-04 수정 */ #container.trendshop .trendshop_wrap .slick-dots li:first-child {margin-left:0;} #container.trendshop .trendshop_wrap .slick-dots li {display:inline-block; margin-left:10px; width:11px; height:11px; background:url("../img/common/btn_bnr_indicator.png") no-repeat left top; cursor:pointer;} #container.trendshop .trendshop_wrap .slick-dots li.slick-active {background-position:right top;} #container.trendshop .trendshop_wrap .slick-dots li button {display:none;} #container.trendshop .link_area {margin:40px auto 0; width:931px;} #container.trendshop h4 {padding-bottom:15px; width:100%; font-size:25px; color:#000; text-align:center; font-weight:400;} #container.trendshop .btn_lnk.btnMore {padding:0; text-align:right;} #container.trendshop .btn_lnk.btnMore a {position:absolute; top:17px; right:0; padding-right:17px; height:13px; line-height:10px; background:url('../img/common/bgBtnMore.jpg') no-repeat 99% 0;} #container.trendshop .trendshop_area {overflow:hidden; position:relative; margin:57px auto 60px; width:931px;} #container.trendshop .trendshop_area .list_more {position:absolute; z-index:3; left:0; bottom:0px; width:931px; background:transparent;} #container.trendshop .trendshop_area .list_more a {display:block; overflow:hidden; margin-left:441px; margin-top:-1px; width:50px; height:16px; background:url('../img/common/btnImMore.jpg') no-repeat 0 0; background-position:0 -17px; text-indent:-9999px;} #container.trendshop .trendshop_area .list_more.opened a {background-position:0 0} #container.trendshop .trendshop_area .pModule4 {padding-bottom:15px;} #container.trendshop .trendshop_area .pModule4 .product_box {border-bottom:1px solid #e6e6e6} @media screen and (min-width:0\0) { #container.trendshop .trendshop_area .pModule4 ul {overflow:hidden !important; max-height:553px !important} } #container.trendshop .trendshop_area .pModule4 ul {overflow:hidden; max-height:555px;} #container.trendshop .trendshop_area .pModule4 ul.opened {max-height:100% !important} #container.trendshop .trendshop_area .pModule4 ul li {float:left; margin:0; padding:0; } #container.trendshop .trendshop_area .pModule4 ul li .product_off {width:233px; margin:0; padding:0; padding:20px 0; border-top:1px solid #ccc} #container.trendshop .trendshop_area .pModule4 ul li.first .product_off {width:232px} #container.trendshop .trendshop_area .pModule4 ul li .product_off .pr_img {margin-bottom:0} #container.trendshop .trendshop_area .pModule4 ul li .product_off .brand {width:210px; height:17px; margin:0px auto 5px auto; font-size:14px; line-height:17px;}/* 2016-12-29 수정*/ #container.trendshop .trendshop_area .pModule4 ul li .product_off .name {width:210px; height:17px; margin:0px auto 5px auto; font-size:13.5px; line-height:17px; white-space:nowrap}/* 2016-12-29 수정*/ #container.trendshop .trendshop_area .pModule4 ul li .product_off .price {font-size:14px; line-height:17px;} #container.trendshop .trendshop_area .pModule4 ul li .product_off .price .regular {font-size:14px;} #container.trendshop .trendshop_area .pModule4 ul li .product_off .price .sale {margin-left:2px; font-size:17px;} #container.trendshop .trendshop_area .pModule4 ul li .product_off .price .won {font-size:13px !important;} #container.trendshop .trendshop_area .pModule4 ul li .product_over {padding:0; padding:20px 20px 80px; background:url('../img/common/bg_dimmed_white.png') repeat 0 0; border:1px solid #e43c3b; z-index:3;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .pr_info {text-align:center} #container.trendshop .trendshop_area .pModule4 ul li .product_over .brand {margin-bottom:0; margin-bottom:5px; color:#333; font-size:14px;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .name {height:16px; color:#333; font-size:13.5px; white-space:nowrap;}/* 2016-12-06 수정*/ #container.trendshop .trendshop_area .pModule4 ul li .product_over .msg_area {display:block; height:80px} #container.trendshop .trendshop_area .pModule4 ul li .product_over .msg {display:block; padding-bottom:0; padding:27px 0 27px 0; color:#e80f00} #container.trendshop .trendshop_area .pModule4 ul li .product_over .msg strong {font-size:40px; line-height:30px;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .msg p.soldout {color:#898178; font-size:21px} #container.trendshop .trendshop_area .pModule4 ul li .product_over .price {position:static; color:#333; text-align:center} #container.trendshop .trendshop_area .pModule4 ul li .product_over .price .regular {color:#666; font-size:14px} #container.trendshop .trendshop_area .pModule4 ul li .product_over .price .sale {color:#e53139; font-size:17px} #container.trendshop .trendshop_area .pModule4 ul li .product_over .price .won {color:#888; font-size:13px; padding-top:8px} #container.trendshop .trendshop_area .pModule4 ul li .product_over .over_btn_area {position:absolute; bottom:20px; text-align:center} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btn {float:none; margin-right:10px; border:0; font-weight:400} /* 장바구니 버튼 */ #container.trendshop .trendshop_area .pModule4 ul li .product_over .btn.btnCart {display:inline-block; position:relative; width:60px; height:60px; background:url('../img/common/bgBtnCart.png') no-repeat 0 0 } #container.trendshop .trendshop_area .pModule4 ul li .product_over .btn.btnCart:hover {background-image:none;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btn.btnCart span.hoverTxt {position:absolute; top:0px; left:0px; visibility:hidden; width:60px; height:47px; padding-top:13px; background:url('../img/common/bgCart.png') no-repeat 0 0; color:#fff; font-size:14px; line-height:17px;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btn.btnCart:hover span.hoverTxt {visibility:visible;} /* 바로구매 버튼 */ #container.trendshop .trendshop_area .pModule4 ul li .product_over .btn.btnDbuy {display:inline-block; position:relative; width:60px; height:60px; background:url('../img/common/bgBtnDbuy.png') no-repeat 0 0; font-weight:400} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btn.btnDbuy:hover {background-image:none;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btn.btnDbuy span.hoverTxt {position:absolute; top:0px; left:0px; visibility:hidden; width:60px; height:47px; padding-top:13px; background:url('../img/common/bgDbuy.png') no-repeat 0 0; color:#fff; font-size:14px; line-height:17px;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btn.btnDbuy:hover span.hoverTxt {visibility:visible;} /* 로그인 버튼 */ #container.trendshop .trendshop_area .pModule4 ul li .product_over .btn_login {width:60px; height:60px; margin:0 auto; padding-top:13px; border:0; background:url('../img/common/bgDbuy.png') no-repeat 0 0; font-weight:400} /* 재입고알림 버튼 */ #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnNotice {position:relative; width:60px; height:60px; margin:0 auto; padding-top:13px; background:url('../img/common/bgBtnNotice.png') no-repeat 0 0; border:0; font-weight:400} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnNotice:hover {background-image:none;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnNotice span.hoverTxt {position:absolute; top:0px; left:0px; visibility:hidden; color:#fff; width:60px; height:47px; padding-top:13px; background:url('../img/common/bgNotice.png') no-repeat 0 0; font-size:14px; line-height:17px;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnNotice:hover span.hoverTxt {visibility:visible;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnNotice.cursor_default {background:url('../img/common/bg_soldout.png') no-repeat;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnNotice.cursor_default:hover {background:url('../img/common/bg_soldout.png') no-repeat;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnNotice.cursor_default span.hoverTxt {visibility:visible; background:url('../img/common/bg_soldout.png') no-repeat;} /* 스페셜오더 버튼 */ #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnSpecial {position:relative; width:60px; height:60px; margin:0 auto; padding-top:13px; background:url('../img/common/bgBtnSpecial.png') no-repeat 0 0; border:0; font-weight:400} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnSpecial:hover {background-image:none;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnSpecial span.hoverTxt {position:absolute; top:0px; left:0px; visibility:hidden; color:#fff; width:60px; height:47px; padding-top:13px; background:url('../img/common/bgNotice.png') no-repeat 0 0; font-size:14px; line-height:17px;} #container.trendshop .trendshop_area .pModule4 ul li .product_over .btnSpecial:hover span.hoverTxt {visibility:visible;} #container.trendshop .trendshop_area .pModule4 > div > ul {max-height:555px;} #container.trendshop .trendshop_area .pModule4 > div > ul.opened {max-height:100%;} #container.trendshop .trendshop_area .pModule4 > div > ul > li {border-bottom:1px solid #e6e6e6} #container.trendshop .trendshop_area .pModule4 ul li .product_off_wrap {height:276px;} #container.trendshop .trendshop_area .pModule4 ul li.firstBdT {border-top:1px solid #ccc} #container.trendshop .trendshop_area .pModule4 ul li .product_off {border-top:0; height:236px; border:0} #container.trendshop .trendshop_area .pModule4 ul li .product_over {height:278px; margin-top:-1px; z-index:50} #container.trendshop .trendshop_area .pModule4 .product_box {border-bottom:0;} #container.trendshop .trendshop_area .pModule4 ul li ul {overflow:visible; width:931px} @media screen and (min-width:0\0) { #container.trendshop .trendshop_area .pModule4 > div > ul {overflow:hidden !important; max-height:555px !important} #container.trendshop .trendshop_area .pModule4 > div > ul > li ul {overflow:visible !important;} } /* 지난 트렌드샵 보기 */ #container.trendshop .last_trendshop {padding-bottom:60px; width:100%; background:#f7f7f7;} #container.trendshop .last_trendshop ul {overflow:hidden; margin:0 auto; width:931px;} #container.trendshop .last_trendshop ul li {float:left; margin:0 0 15px 15px; width:300px;} #container.trendshop .last_trendshop ul li.first {margin-left:0;} #container.trendshop .last_trendshop ul li:after {content:""; display:block;} #container.trendshop .last_trendshop ul li span {display:block;} #container.trendshop .last_trendshop ul li .item_info {padding:18px 20px 23px 20px; background:#fff;} #container.trendshop .last_trendshop ul li .tit {overflow:hidden; width:260px; font-size:19px; color:#000; white-space:nowrap; text-overflow:ellipsis;} #container.trendshop .last_trendshop ul li .hash_tag {overflow:hidden; padding-top:7px; font-size:14px; color:#888; height:36px; line-height:18px;} #container.trendshop .last_trendshop ul li .hash_tag span {display:inline-block; padding-right:10px;} #container.trendshop .last_trendshop ul li a {display:block;} #container.trendshop .last_trendshop ul li a img {display:block; width:300px; height:320px;} #container.trendshop .last_trendshop h4 {padding:47px 0 29px 0;} #container.trendshop .last_trendshop .btn_more {margin:0 auto; width:931px; height:45px; line-height:45px; font-size:16px; text-align:center; background:#fff;} #container.trendshop .last_trendshop .btn_more a {display:block; font-size:14px; color:#999;} #container.trendshop .last_trendshop .btn_more a span {padding-right:11px; color:#000;} #container.trendshop .last_trendshop .btn_more a span:after {content:""; display:inline-block; margin:-2px 0 0 4px; width:14px; height:14px; vertical-align:middle; background:url('../img/common/btn_more_trendshop.png') no-repeat 0 0;} /* 트렌드샵 기획전 서브페이지 */ #container .marketing_warp.trendshop_wrap h3.tit {padding:38px 0 15px 0; font-size:24px; text-align:center; color:#333; font-weight:700} /* 2018-06-20 트랜드샵 배너 텍스트 시스템화 **/ #trendshop_banner .slick-slide a{display:block; position:relative;} #trendshop_banner .slick-slide a .banner_txt{position:absolute; left:549px; top:116px; width:460px;} #trendshop_banner .slick-slide a .banner_txt .b_txt1{height:49px; font-size:48px; color:#333; line-height:48px;} #trendshop_banner .slick-slide a .banner_txt .b_txt2{height:49px; padding-top:11px; font-size:48px; color:#333; line-height:48px;} #trendshop_banner .slick-slide a .banner_txt .sub_txt{height:16px; padding-top:28px; font-size:16px; color:#333; line-height:16px;} /* 2018-05-03 개인정보 유효기간제 도입의 건 */ .membership_form .table_tbody .chk_list.prd li{width:auto; padding-top:0; margin-right:20px;} .membership_form .table_tbody .desc_gray.prd{text-indent:0; padding-left:0; line-height:1.4;} .valid_txt{margin-bottom:10px;} .valid_txt2{line-height:1.2} .valid_box{position:relative;} /*2018-07-06 신라멤버십 발급받기 추가 */ .mysilla_info .off_member .btn_offmb_issued {display: inline-block; height: 26px; padding: 0 8px;margin: 25px 0 0 0;border: 1px solid #d8dbdf;border-radius: 2px; text-align: center; font-size: 12px;line-height: 26px;color: #747774; background: #fff;} /*2018-07-03 라라쇼핑길 추가 */ .lala-shopping-road {} .lala-shopping-road .lala-spoint-info { position:absolute; right:25px; top:50%; margin-top:-7px} .lala-shopping-road .lala-spoint-info * { font-size:14px; font-weight:700; } .lala-shopping-road .lala-spoint-info dt { color:#333; display:inline-block } .lala-shopping-road .lala-spoint-info dd { color:#e80f00; display:inline-block} .lala-shopping-road .lala-roadarea {text-align:left} .lala-shopping-road .lala-roadarea .inner { padding:29px 20px 0px 20px} .lala-shopping-road .tit { font-size:14px; font-weight:700; padding-bottom:18px } .lala-shopping-road .tit + table.table_tbody { margin-top:-2px} .lala-shopping-road .lala-road-list {} .lala-shopping-road .lala-road-list li { background:url('../img/common/bg_dot_2_2.jpg') no-repeat left 5px; padding-left:8px; margin-top:6px; color:#666;} .lala-shopping-road .lala-road-list li:first-child { margin-top:0} .lala-shopping-road .lala-road-list li.p-color01 {background-image:url('../img/common/bg_dot_red2_2.jpg'); color:#ef3f3b} .lala-shopping-road .lala-road-list li .btn_red_s {height:20px; line-height:20px; font-size:11px; font-weight:normal; margin-left:6px} .lala-shopping-road .lala-road-benefit02 { margin-top:-3px } .lala-shopping-road .lala-road-benefit02 .table_tbody td { text-align:left !important; position:relative} .lala-shopping-road .lala-road-benefit02 .table_tbody td.point { font-size:29px; font-weight:700; color:#534a3f; text-align:center !important} .lala-shopping-road .lala-road-benefit02 .table_tbody td.point span { display:block; text-align:center; font-size:10px; font-weight:400; margin-top:-7px } .lala-shopping-road .lala-road-benefit02 .table_tbody td .lala-road-list02 li { color:#333} .lala-shopping-road .lala-road-benefit02 .table_tbody td .lala-road-list02 li li { color:#666 } .lala-shopping-road .lala-road-list02 { min-height:148px} .lala-shopping-road .lala-road-list02 li {background:url('../img/common/bg_dot_2px_666.png') no-repeat left 8px; padding-left:8px; margin-top:11px; color:#666; line-height:22px; word-break:keep-all } .lala-shopping-road .lala-road-list02 li li { background:none; margin-top:0px; color:#666; font-size:12px; padding-left:0; line-height:13px; margin-top:3px} .lala-shopping-road .lala-road-list02 li li:first-child {margin-top:2px} .lala-shopping-road .lala-road-list02 li:first-child { margin-top:0} .lala-shopping-road .lala-road-list02 li span { color:#666; display:block; font-size:12px; margin-top:-3px; line-height:16px;} .lala-shopping-road .lala-road-info { background:#fafafa; padding:29px 30px 26px 30px; margin:30px 0 29px 0} .lala-shopping-road .lala-road-info .tit { font-size:14px; color:#666;} .lala-shopping-road .search_date_area {text-align:center} .lala-shopping-road .search_date_area .date .search { float:none; display:inline-block } .lala-shopping-road .search_date_area .date .tit { float:none; display:inline-block; line-height:28px; vertical-align:top } .lala-shopping-road .search_date_area .date .search a { float:none; width:94px } .lala-shopping-road .datepicker_area { width:190px} .lala-shopping-road .datepicker_area .input { width:172px } .lala-shopping-road .table_normal { margin-bottom:40px} .lala-shopping-road .table_normal th { text-align:center} .lala-shopping-road .search_date_area + .table_normal thead th { border-top-width:1px} .lala-shopping-road .lala-road-btn { background:#efecea; height:67px; box-sizing:border-box; text-align:center; border-top:1px solid #bfbfbf; font-size:16px; color:#333; } .lala-shopping-road .lala-road-btn a { display:inline-block; margin-top:24px} .lala-shopping-road .lala-road-btn strong { color:#ff504c} .lala-shopping-road .lala-road-btn span { display:inline-block; width:11px; height:6px; background-image:url('../img/sub/bg_lala_road.png'); background-repeat: no-repeat; background-position:0 -597px; overflow:hidden;vertical-align:middle; margin-left:7px} .lala-shopping-road .lala-road-btn.on span { background-position:0 -609px; margin-top:-3px} .lala-shopping-road .lala_txt{padding-top:5px; color:#666;} .lala-shopping-road .lala-road-benefit { height:122px; overflow:hidden; margin:23px 0 32px 0 } .lala-shopping-road .lala-road-benefit ul {background-image:url('../img/sub/bg_lala_road.png'); background-repeat: no-repeat; overflow:hidden} .lala-shopping-road .lala-road-benefit.type00 ul { background-position:0 0} .lala-shopping-road .lala-road-benefit.type00.off ul { background-position:0 -146px} .lala-shopping-road .lala-road-benefit.type01 ul { background-position:0 -292px} .lala-shopping-road .lala-road-benefit.type01.off ul { background-position:0 -448px} .lala-shopping-road .lala-road-benefit ul li { width:116px; height:122px; float:left; position:relative; margin-left:21px; box-sizing:border-box} .lala-shopping-road .lala-road-benefit ul li:first-child { margin-left:0} .lala-shopping-road .lala-road-benefit ul li p { text-indent:-1000px; height:0; width:0; font-size:0; overflow:hidden; position:absolute;} .lala-shopping-road .lala-road-benefit ul li a { display:block; width:66px; height:26px; position:absolute; bottom:17px; left:50%; margin-left:-33px;} .lala-shopping-road .lala-road-benefit.type00.off li a { display:none; } .lala-shopping-road .lala-road-benefit.type01.off li a { display:none; } .lala-shopping-road .lala-road-benefit02 a.btn_red_s { height:32px; box-sizing:border-box; line-height:30px; width:178px; position:relative; left:-6px; margin:15px 0 10px 0; border-color:#f84a49; font-size:14px} .lala-shopping-road .lala-road-benefit02 a.btn_red_s.dis {background-color:#dadada; border-color:#dadada; cursor:default} .lala-sr-pop .h1_area { height:84px; box-sizing:border-box; padding:0} .lala-sr-pop .h1_area h1 { font-size:26px; text-align:center; line-height:84px} .lala-sr-pop .cont { padding:31px 30px 49px 30px} .lala-sr-pop .cont.ac { text-align:center } .lala-sr-pop .cont .lala_survey { } .lala-sr-pop .cont .lala_survey li { margin-top:28px} .lala-sr-pop .cont .lala_survey li:first-child { margin-top:0px} .lala-sr-pop .cont .lala_survey li dt { font-size:15px ; color:#000; text-indent:-24px; padding-left:24px; line-height:22px } .lala-sr-pop .cont .lala_survey li dt span { font-size:15px ; color:#e80f00; text-indent:0} .lala-sr-pop .cont .lala_survey li dd { font-size:13px; color:#666; margin:11px 0 0 28px} .lala-sr-pop .cont .lala_survey li dd:first-child { margin-top:9px} .lala-sr-pop .btn_payment { text-align:center; margin-top:35px } .lala-sr-pop .date-select { margin-top:4px} .lala-sr-pop .date-select select { width:140px; height:40px } .lala-sr-pop .date-select select.month { width:80px; min-width:auto } .lala-sr-pop .date-select span { display:inline-block; margin:0 11px 0 9px} .lalapop-road-info { background:#f7f7f7; padding:21px 20px} .lalapop-road-info li {font-size:13px; color:#666;background:url('../img/common/bg_dot_2_2.jpg') no-repeat left 6px; padding-left:8px; text-align:left; line-height:18px} /* 2018-08-02 라라쇼핑길 추가 및 수정 픽스다인_김현민 */ .lala-shopping-road .lala-road-list li{background-position:left 45%;} .lala_close{position:absolute; right:30px; top:30px;} .lala-shopping-road .lala-road-benefit ul li{width:131px; height:122px; margin-left:6px;} .lala-road-benefit ul li.end{pointer-events:none;} .lala-road-benefit ul li.road01, .lala-road-benefit ul li.road06{width:130px; height:122px;} .lala-road-benefit ul li.road02{width:127px; height:122px; margin-left:7px;} .lala-road-benefit ul li.road03, .lala-road-benefit ul li.road07{margin-left:10px;} .lala-road-benefit ul li.road01.end{background:url("../img/sub/pc_road01_end.png") no-repeat 0 0;} .lala-road-benefit ul li.road02.end{background:url("../img/sub/pc_road02_end.png") no-repeat 0 0;} .lala-road-benefit ul li.road03.end{background:url("../img/sub/pc_road03_end.png") no-repeat 0 0;} .lala-road-benefit ul li.road04.end{background:url("../img/sub/pc_road04_end.png") no-repeat 0 0;} .lala-road-benefit ul li.road05.end{background:url("../img/sub/pc_road05_end.png") no-repeat 0 0;} .lala-road-benefit ul li.road06.end{background:url("../img/sub/pc_road06_end.png") no-repeat 0 0;} .lala-road-benefit ul li.road07.end{background:url("../img/sub/pc_road07_end.png") no-repeat 0 0;} .lala-road-benefit ul li.road08.end{background:url("../img/sub/pc_road08_end.png") no-repeat 0 0;} .lala-road-benefit ul li.road09.end{background:url("../img/sub/pc_road09_end.png") no-repeat 0 0;} .lalapop-road-info li.p-color01{color:#ef3f3b;} /* 2018-07-03 신라 단독 상품 페이지 신설 */ #trendshop_banner .slick-slide a .banner_txt{left:535px;} #container.trendshop .trendshop_wrap .slick-prev.slick-arrow{margin:-43px 0 0 -543px;} #container.trendshop .trendshop_wrap .slick-next.slick-arrow{margin:-43px -543px 0 0;} #container.trendshop .exclusive_area{margin:58px auto 60px;} #container.trendshop .exclusive_area .pModule4 > div > ul{max-height:100%;} #container.trendshop .exclusive_area .pModule4 ul li .product_over{height:276px; margin-top:0;} /* 2018-06-25 신규 롤링 배너 픽스다인(김현민) */ .cart_wrap .cart_checkout .h4_area{padding:48px 0 15px;} .mypage_wrap .my_order_list .notice_wrap{margin:30px 0 0 0;} .my_order_list .new_banner_type{overflow:hidden; position:relative; width:732px; height:140px;} .my_order_list .pagination{padding:30px 0 0 0;} .my_order_list .pagination > ul{margin-bottom:30px;} .cart_wrap .new_banner_type {overflow:hidden; position:relative; width:931px; height:140px; margin:50px 0 0 0;} .new_banner_type .img li a{display:block;} .new_banner_type .slide_paging{position:absolute; left:50%; bottom:12px; width:200px; margin-left:-100px; text-align:center; z-index:9999;} .new_banner_type .slide_paging li{float:none; display:inline-block; padding-left:6px;} .new_banner_type .slide_paging li:first-child{padding-left:0;} /* 2018-09-10 QR코드 온오프라인 동시가입 */ .qr-proof-contents{padding-top:113px; padding-bottom:17px;} .qr-proof-contents h3{font-weight:400; font-size:32px; color:#333; text-align:center; line-height:1.2; margin-bottom:13px} .qr-proof-contents h3 + p{font-weight:400; font-size:18px; color:#333; text-align:center; line-height:24px; margin-bottom:26px;} .qr-proof-area{width:831px; margin:0 auto;} .qr-proof-box{border:1px solid #e6dfda; margin-bottom:26px;} .qr-proof-box h4{font-weight:700; font-size:26px; color:#333; text-align:center; line-height:1.2; margin-bottom:12px; padding-top:26px;} .qr-proof-kit{width:391px; margin:0 auto; padding-bottom:20px;} .qr-proof-kit:after{content:""; display:block ;clear:both;} .qr-proof-kit li{float:left; width:190px; margin-left:11px;} .qr-proof-kit li:first-child{margin-left:0;} .qr-proof-kit li > a{display:block; background:50% 25px no-repeat; font-weight:700; font-size:18px; color:#333; text-align:center; padding-top:120px; padding-bottom:40px;} .qr-proof-kit li > a.k-hp{background-image:url('../img/common/icon_phone.png')} .qr-proof-kit li > a.k-ipin{background-image:url('../img/common/icon_ipin.png')} .qr-proof-area .signup_li_tit{margin-top:0; margin-bottom:16px; padding-top:2px} .qr-proof-area .signup_guide_li li{padding-left:11px;} .qr-proof-form{width:370px; margin:0 auto; padding-top:40px; padding-bottom:25px;} .qr-proof-form li{height:45px; background-color:#f7f7f7; text-align:center; margin-bottom:10px;} .qr-proof-form li, .qr-proof-form li span, .qr-proof-form li em{font-weight:400; font-size:18px; color:#333; line-height:42px;} .qr-proof-btn{width:370px; margin:0 auto 40px;} .qr-proof-btn:after{content:""; display:block ;clear:both;} .qr-proof-btn > a{float:right; width:178px; height:48px; font-weight:700; font-size:16px; vertical-align:middle; line-height:46px; text-align:center; margin:0; padding:0;} .qr-proof-btn > a:first-of-type{float:left;} .member_wrap .find_id .cont .nationals p, .member_wrap .find_id .cont .foreigner p.txt-qr{text-align:left; line-height:18px; margin-bottom:12px; padding-left:8px;} .newSimple_mem.new_pwSearch .find_pw .pw_find_area .certification p.txt-qr{font-size:12.1px; font-weight:normal; text-align:center; line-height:18px; margin-bottom:12px; padding-left:8px; margin-top:0 !important; padding-top:17px;} .pop-proof{width:460px; margin:0 auto; padding-bottom:50px;} .pop-proof h1{height:85px; border-bottom:1px solid #bfbfbf; font-weight:700; font-size:26px; color:#333; text-align:center; line-height:81px; margin-bottom:18px;} .pop-proof-cont{padding:0 30px;} .pop-proof-cont h2{font-weight:700; font-size:13px; color:#333; margin-bottom:5px;} .pop-proof-info{margin-bottom:28px;} .pop-proof-info li{background:url('../img/common/bg_dot_2px_666.png') 0 8px no-repeat; font-weight:400; font-size:12px; color:#666; padding-left:10px; line-height:1.5;} .pop-proof-btn{text-align:center; padding-top:40px;} .pop-proof-btn > a{width:118px; height:34px; font-size:12px; vertical-align:middle; line-height:32px; text-align:center; margin:0 4px; padding:0;} .pop-proof-form{height:50px; border-top:2px solid #333; border-bottom:1px solid #e0e0e0;} .pop-proof-form ul:after{content:""; display:block ;clear:both;} .pop-proof-form ul > li{float:left; width:185px; padding-left:15px; padding-top:17px;} .pop-proof-form ul > li input[type=radio].css-radiobox+label.css-radiolabel{font-weight:700; font-size:12px; color:#333; padding-left:24px;} /*2018-10-11 S Rewards */ .mysilla_info .top_title .top_tool.s_rewards a{ border:0; background-color:#f7f4f2; color:#373231; font-size:13px } .mysilla_info .top_title .top_tool.s_rewards a img { vertical-align:middle;margin:-2px 0 0 5px} .mysilla_info .top_title .top_tool.s_rewards .tooltip_layer {width:160px; top:29px !important; left:50%; margin-left:-70px; } .mysilla_info .top_title .top_tool.s_rewards .tooltip_layer .box p {color:#373231 !important} .cart_box .top_tool.s_rewards { position:absolute; right:15px; top:50%; margin-top:-7px} .cart_box .top_title .top_tool.s_rewards a{ border:0; background-color:#f7f4f2; color:#373231; font-size:13px } .cart_box .top_title .top_tool.s_rewards a img { vertical-align:middle;margin:-2px 0 0 5px} .cart_box .top_title .top_tool.s_rewards .tooltip_layer {width:160px; top:29px !important; left:50%; margin-left:-70px; } .cart_box .top_title .top_tool.s_rewards .tooltip_layer .box p {color:#373231 !important} .checkout_table.payment_wrap.payment_type .write_box .table_tbody .s_rewards .tooltip_wrap .tooltip_layer { left:94px; top:-28px !important;} .checkout_table.payment_wrap.payment_type .write_box .table_tbody .s_rewards .tooltip_wrap .tooltip_layer p { font-size:11px !important; line-height:18px; font-weight:normal} .club_mileage_estimate .accumulate_list {} .club_mileage_estimate .accumulate_list li { margin-top:7px; position:relative} .club_mileage_estimate .accumulate_list li:first-child { margin-top:0px} .club_mileage_estimate .accumulate_list li span {position:absolute; right:0; font-weight:700} /*2018-08-23 SNS 회원 비밀번호 2차인증 개선 */ .new_auth_area { border-width:1px; border-style:solid; border-color:#bfbfbf; background-color:#fff} .new_auth_area .title {font-size: 22px; font-weight:700; text-align: center; padding: 40px 0; line-height: 1.3;} .new_auth_area .title span { color:#e80f00 } .new_auth_area .auth_contarea { background-color:#f7f7f7} .new_auth_area .certification_select { text-align:center; padding:40px 0; display:block } .new_auth_area .chk_list li {float:none; display:inline-block } .new_auth_area .chk_list li label { font-size:18px; } .new_auth_area input[type=radio].css-radiobox + label.css-radiolabel {line-height:0.8; color:#666} .new_auth_area input[type=radio].css-radiobox:checked + label.css-radiolabel {color:#333} .new_auth_area .authorization_box {text-align:center; position:relative} .new_auth_area .authorization_box .auth_input { display:inline-block; width:248px; color:#242424; font-size:15px;font-weight:700; text-align:left; height:46px; line-height:46px; vertical-align:middle; word-break: break-all} .new_auth_area .authorization_box .auth_input.email { line-height:20px; display:table-cell; height:48px; vertical-align:middle} .new_auth_area .authorization_box .certific_email {display:table; margin:0 auto} .new_auth_area .authorization_box .btn_a_gray { vertical-align:middle; height:48px; line-height:46px; margin-left:10px; padding:0; width:120px; box-sizing:border-box} .new_auth_area .authorization_box .btn_a_red { vertical-align:middle; height:48px; line-height:46px; margin-left:10px; padding:0px; font-size:14px; width:120px; box-sizing:border-box} .new_auth_area .authorization_box .certification_num { padding:10px 0 40px 0 } .new_auth_area .authorization_box .certification_num .certification_in { height:48px; font-size:18px; box-sizing:border-box; width:248px; } .new_auth_area .authorization_box .certification_num input[type=text]::-webkit-input-placeholder {color:#999;font-size:14px !important; } .new_auth_area .authorization_box .certification_num input[type=text]::-moz-placeholder {color:#999;font-size:14px !important; } .new_auth_area .authorization_box .certification_num input[type=text]:-ms-input-placeholder {color:#999;font-size:14px !important; } .new_auth_area .authorization_box a.dis { background-color:#aaa; border-color:#aaa; color:#dfdfdf !important; cursor:default} .new_auth_area .txt_box {border-top: 1px solid #e0e0e0; padding: 29px 15px; } .new_auth_area .txt_box li {color:#666; margin-top:6px} .new_auth_area .txt_box li:first-child { margin-top:0 } .new_auth_area .authorization_box .certific_cnt { display:inline-block; position:absolute; z-index:0; top:26px; right:314px; font-size:18px; font-weight:700; color:#e80f00} /* 2018-10-24 제휴적립금_ 강훈*/ .checkout_table.payment_wrap.payment_type .write_box .table_tbody td .alliance select { width:100%} /* 2018-11-01 불량회원 본인인증 _ 강훈 */ .signup_contents.recertification { margin:0 auto; } /* 2018-11-01 이벤트 기획전 상단 배너 효율화 */ .visual_lnb .event_txt{position:absolute; left:38px; top:55px; /*width:311px;*/ text-align:left; font-weight:400;} .visual_lnb .event_txt .txt1{display:block; height:40px; font-size:40px; color:#333; line-height:100%;} .visual_lnb .event_txt .txt1_2{display:block; height:40px; padding-top:10px; font-size:40px; color:#333; line-height:100%;} .visual_lnb .event_txt .txt2{display:block; height:18px; padding-top:24px; font-size:16px; color:#333; line-height:120%;} .visual_lnb .event_txt .txt3{display:block; height:18px; padding-top:85px; font-size:16px; color:#333; line-height:120%;} .sub_category .promotion #category_banner.category_main_sys{height:297px;} .category_main_sys .cate_txt {position:absolute; left:40px; top:50px; /*width:335px;*/ text-align:left; font-weight:400;} .sub_category .promotion .img.category_main_sys .banner_img img { width:730px; height:297px} .category_main_sys .cate_txt .txt1{display:block; height:35px; font-size:35px; color:#333; line-height:100%; font-weight:700; font-weight:700;} .category_main_sys .cate_txt .txt1_2{display:block; height:36px; margin-top:7px; font-size:35px; color:#333; line-height:100%; font-weight:700; font-weight:700;} .category_main_sys .cate_txt .txt2{display:block; height:17px; margin-top:24px; font-size:15px; color:#333; line-height:100%;} .category_main_sys .cate_txt .txt2_2{display:block; height:17px; margin-top:3px; font-size:15px; color:#333; line-height:100%;} .category_main_sys .cate_txt .txt3{display:block; height:18px; margin-top:32px; font-size:15px; color:#333; line-height:100%;} .category_main_sys .cate_txt.white .txt1, .category_main_sys .cate_txt.white .txt1_2,.category_main_sys .cate_txt.white .txt2,.category_main_sys .cate_txt.white .txt2_2,.category_main_sys .cate_txt.white .txt3 { color:#FFF} /*2018-11-08 출국정보변경 관련 접근성 개선 */ .departure_bt2018 { position:absolute; right:0; top:0} .newPointer { cursor:pointer} .newOrder2018 .departure_date { color:#ef3f3b} /* 2018-11-15 고객센터 개선 */ /* 고객센터 메인 */ .mypage_wrap .main_faq_search > input[type="text"].input, .mypage_wrap .main_faq_search > [class^="btn_"] { margin-left:7px } /* customer_search 추천검색어 추가 */ .recom_list { margin-top:12px; padding-left:1px } .recom_list > h4 { display:inline-block; font-weight:700; color:#666; font-size:12.1px; letter-spacing:-.02em; margin-right:12px; padding:0 } .recom_list > a { display:inline-block; color:#999; font-size:12.1px; letter-spacing:-.03em; margin-left:7px } .recom_list > a:first-of-type { margin-left:0 } /* 1:1 상담 문의 수정 */ .myshopping_wrap .heading_area.customer { position:relative; } .myshopping_wrap .heading_area.customer .top_btn_area { position:absolute; right:0; top:15px; } .myshopping_wrap .cs_form .css-radiobox + .css-radiolabel { margin-right:10px } .myshopping_wrap .cs_form .css-radiobox:checked + .css-radiolabel { background-position:0 -150px !important } .myshopping_wrap .cs_form td .faq_title { margin-bottom:10px } .myshopping_wrap .cs_form td .notice_faq th, .myshopping_wrap .cs_form td .notice_faq td { text-align:center } .myshopping_wrap .cs_form td .pagination { padding-bottom:0 } .myshopping_wrap .cs_form td.faq_td_area { padding:30px 0 } .myshopping_wrap .cs_form td.faq_td_area .table_normal.notice.notice_faq { width:100% } /* 교환/환불/AS */ .refund_desc { color:#ef3f3b;} .pop_datesch_area { margin-bottom:15px } .pop_datesch_area .datepicker_area { float:left; width:150px; line-height:1 } .pop_datesch_area .datepicker_area + span { display:block; float:left; line-height:28px; padding:0 5px } .pop_datesch_area .datepicker_area .ui-datepicker-trigger { border-left:0 none;} .pop_datesch_area .datepicker_area:last-of-type { margin-right:7px } .spcial_popup .popup_layer .tit.add_sub_info { position:relative; padding-bottom:35px } .spcial_popup .tit.add_sub_info .pop_order_info { position:absolute; left:14px; bottom:10px; font-size:11px; } .spcial_popup .tit.add_sub_info .pop_order_info > span { display:inline-block; line-height:1.3; padding:0 10px; } .spcial_popup .tit.add_sub_info .pop_order_info > span:first-child { padding-left:0 } .spcial_popup .tit.add_sub_info .pop_order_info > span + span { background: url(../img/common/bg_line_11px_c9c9c9.png) no-repeat 0 50% } .spcial_popup .tit.add_sub_info .pop_bbs_count { position:absolute; right:15px; bottom:10px; font-size:11px; } .spcial_popup .popup_layer .table_normal tr td { font-size:12.1px } .spcial_popup .popup_layer .table_normal.txt_center tr td { text-align:center; font-size:12.1px } .spcial_popup .popup_layer .order_detail { position:relative } .spcial_popup .popup_layer .order_detail .table_normal tr td { text-align:center } .spcial_popup .popup_layer .order_detail .table_normal tr td .img_txt { text-align:left } .spcial_popup .popup_layer .order_detail .table_normal tr td > label { padding-left:14px } .spcial_popup .popup_layer .order_detail .table_normal tr td .css-label { background-position:0 -20px } .spcial_popup .popup_layer .order_detail .table_normal tr td .css-checkbox:checked + label.css-label { background-position:0 -75px } .spcial_popup .popup_layer .order_detail .table_normal tr td a { text-decoration:none; font-weight:400 !important } .spcial_popup .popup_layer .order_detail .table_normal tr td .product_off .pr_img .img { width:100%; height:100% } .spcial_popup .popup_layer .order_detail .table_normal tr td .product_off .pr_img .img img { width:100%; height:100% } .spcial_popup .popup_layer .order_detail .table_normal{ width:100%; color:#666; border-bottom: 1px solid #bfbfbf } .spcial_popup .popup_layer .order_detail .table_normal thead th:first-child{ background-image: none } .spcial_popup .popup_layer .order_detail .table_normal thead th { border-top: 2px solid #6d6050; background:#f5f3f3 url(../img/common/bg_line_11px_c9c9c9.png) no-repeat 0 50%; font-weight:400; border-bottom: 1px solid #bfbfbf; padding:15px 5px } .spcial_popup .popup_layer .order_detail .table_normal .barcode { font-size: 11px; font-weight:700 } .spcial_popup .popup_layer .order_detail .table_normal tr:first-child td { border-top:0 } .spcial_popup .popup_layer .order_detail .table_normal tr td { border-right:1px solid #efefef; padding:15px 5px } .spcial_popup .popup_layer .order_detail .table_normal tr td:last-child { border-right: 0 none } .spcial_popup .popup_layer .order_detail .price_wrap, .spcial_popup .popup_layer .order_detail .table_normal .price_wrap .won { font-size:12.1px } .spcial_popup .popup_layer .order_detail .scroll_table .tb_body { width:100%; max-height:333px; border-bottom: 1px solid #bfbfbf; overflow-y:scroll; } .spcial_popup .popup_layer .order_detail .scroll_table { position:relative } .spcial_popup .popup_layer .order_detail .scroll_table .btn_area{ text-align:right; margin-top:10px } .spcial_popup .popup_layer .order_detail .btn_wrap { margin:10px 0 } .spcial_popup .popup_layer .order_detail .btn_wrap .btn_a_red { width:120px; height:36px; line-height:36px } .cs_form .table_tbody tr td select.input_csform ~ select.input_csform { margin-left:5px } .cs_form .table_tbody tr td input.order_num ~ [class^="btn_"] { margin-left:5px } /* 2018-11-09 마이신라 상단 개인화 영역 온오프라인 등급 수정 */ .mysilla_info .new_member .online_member dt span.more{top:-4px;} .mysilla_info .new_member .online_member{height:122px; padding:17px 18px 0 18px;} .mysilla_info .new_member .online_member dd{margin-top:9px;} .mysilla_info .new_member .online_member dd strong{margin-top:10px;} .mysilla_info .new_member .off_member dt span.more{top:-4px;} .mysilla_info .new_member .off_member{height:121px; padding:17px 18px 0 18px;} .mysilla_info .new_member .off_member dd span{width:60px; height:60px; margin:9px auto;} .mysilla_info .new_member .off_member dd img{width:60px; height:60px;} .mysilla_info .new_member .off_member dd strong{margin-top:10px;} /* 2018-11-09 마이신라 메인 회원등급 안내 및 혜택 수정 */ .myshopping_wrap .contents_wrap .member_benefit .tit{margin-top:40px;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.new_level th{vertical-align:middle;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.new_level td{vertical-align:middle;} .myshopping_wrap .contents_wrap .mypage_main .table_tbody.new_level td.new_grade{vertical-align:top;} .myshopping_wrap .contents_wrap .mypage_main .new_level tr td.fix_h{height:76px; padding:0 5px; line-height:1.6;} /* 2018-10-25 제휴모델고도화 CJ ONE 추가 */ .info_box .write_box .table_tbody .layer_43 .tooltip_layer{left:28px; top:50% !important; transform:translate(0,-50%);} .member_passport_wrap .term_agree_pop td .point{font-size:15px;} /* 2018-11-05 꿈꿔라 적립금 UI 개선 */ .pr_wrap .txt .area dl.money dd span{color:#666;} .pr_wrap .txt .area .tooltip_wraps{position:relative; display:inline-block;} .pr_wrap .txt .area .tooltip_new{padding-top:10px;} .pr_wrap .txt .area .arrow{display:inline-block; margin-top:10px; color:#b0906b;text-decoration:underline;} .cart_payment .info_box > .left .write_box .table_tbody td .now_sale .chk_list li{margin-right:0; padding-right:0;} .cart_payment .info_box > .left .write_box .table_tbody td .now_sale .chk_list li:first-child{margin-right:30px;} .cart_payment .info_box > .left .write_box .table_tbody td .now_sale .chk_list li .lala_dc{margin-left:5px; color:#f03f3b;} /*2018-12-06 @cosme 브랜드관 개선 */ .new_brand.new_brand_allview_cnt { } .new_brand.new_brand_allview_cnt h3 { position:relative; z-index:2 } .new_brand.new_brand_allview_cnt.brandList h3 { font-size:0; line-height:0; height:1px; border-width:0px 0px 1px 0px; padding:0; overflow:hidden; } .new_brand_allview_cnt .new_brand_allview { position:relative; border-width:0px 1px 0px 1px; border-style:solid; border-color:#bfbfbf;} .new_brand_allview_cnt .new_brand_allview:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;} .new_brand_allview_cnt .new_brand_allview:before {content:""; display:block; width:100%; height:1px; background:#bfbfbf; position:absolute; bottom:0px; z-index:1} .new_brand_allview_cnt .new_brand_allview { display:inline-block} .new_brand_allview_cnt .new_brand_allview {display: block;} .new_brand_allview_cnt .new_brand_allview li { position:relative; width:181px; height:74px; text-align:center; float:left; font-size:0; line-height:0; vertical-align:top ; padding:18px 0; margin-left:-1px; box-sizing:border-box; margin-top:-1px; border-width:1px 1px 1px 1px; border-style:solid; border-color:#e0e0e0;} .new_brand_allview_cnt .new_brand_allview li:first-child {margin-left:0; width:182px; border-left:0} .new_brand_allview_cnt .new_brand_allview li:nth-child(4n+1) {margin-left:0; width:182px; border-left:0 } .new_brand_allview_cnt .new_brand_allview li:nth-child(4n) { border-right:0 } .new_brand_allview_cnt .new_brand_allview li:after {content: ""; position:absolute; top:0px; left:0px; display:inline-block; width:181px; height:74px; border:1px solid transparent; box-sizing:border-box } .new_brand_allview_cnt .new_brand_allview li:first-child:after {width:183px;left:0} .new_brand_allview_cnt .new_brand_allview li:nth-child(4n+1):after { width:183px;left:0} .new_brand_allview_cnt .new_brand_allview li:nth-child(4n):after { width:182px; } .new_brand_allview_cnt .new_brand_allview li:hover:after { background:#eeeff0; border-color:#bfbfbf; cursor:pointer; z-index:1; top:-1px; left:-1px } .new_brand_allview_cnt .new_brand_allview li.active { background:#eeeff0; } .new_brand_allview_cnt .new_brand_allview li.active:hover:after { background:#eeeff0; } .new_brand_allview_cnt .new_brand_allview li .b_logo { position:relative; z-index:2; display:inline-block; width:116px; height:37px; overflow:hidden; text-align:center; padding:0; margin:0; box-sizing:border-box; } .new_brand_allview_cnt .new_brand_allview li .b_logo:hover { cursor:pointer} .new_brand_allview_cnt .new_brand_allview li:hover .b_logo {cursor:pointer} .new_brand_allview_cnt .txt_list_more { border-top:1px solid #bfbfbf; margin-top:-1px; text-align:center; } .new_brand_allview_cnt .txt_list_more a { display:inline-block; color:#333; font-weight:700; font-size:13px; font-weight:700; padding:12px 0 0 0} .new_brand_allview_cnt .txt_list_more a span { position:relative; top:-1px; display:inline-block; width:16px; height:16px; border-radius:16px; background-color:#cfcfcf; color:#fff; line-height:15px; overflow:hidden; vertical-align:top; margin-left:6px} /*2018-12-10 S Rewards */ .save_box .accumulate_list { text-align:left} .save_box .accumulate_list li { margin-top:7px; position:relative} .save_box .accumulate_list li:first-child { margin-top:0px} .save_box .accumulate_list li span {position:absolute; right:0; font-weight:700} /* 2018-12-10 고객센터 멤버십 안내 오프라인 멤버십 S블랙 추가 */ .membership .table_tbody.new_grade_type + div.ps_txt{padding-top:30px;} .membership .left_table+ul{padding-top:30px;} .membership .add_offline thead tr th{border-left:1px solid #e0e0e0; font-size:13px; color:#666; line-height:1;} .membership .add_offline thead tr th.first{border-left:0;} .membership .add_offline tbody tr.bd_top td{border-top:1px solid #e0e0e0;} .membership .add_offline tbody tr td{padding:18px 20px; vertical-align:middle;} .membership .add_offline tbody tr td.first{border-left:0;} .membership .add_offline tbody tr td.top{vertical-align:top;} .membership .add_offline tbody tr td.fx_height{height:72px; padding:19px 0 19px 20px;} .membership .add_offline tbody tr td .color_red{display:block; margin-top:9px; color:#e80f00; font-size:12px; line-height:17px;} .membership .add_offline tbody tr td.ailgnR .color_red{margin-top:4px;} .membership .add_offline tbody tr td p{line-height:18px;} .membership .add_offline tbody tr td p strong{font-size:14px; font-weight:700; line-height:20px;} .membership .add_offline tbody tr td p > span{font-size:12px; line-height:17px;} .membership .add_offline tbody tr td .list_dot li{line-height:18px;} /* 2018-11-19 장바구니 브랜드 전용 적립금 다운 버튼 추가 */ .cart_list .total_btn{position:relative;} .cart_list .total_btn ul.right{position:absolute; right:0; top:0;} .cart_list .total_btn ul.right li:first-child{padding-top:0;} .cart_list .total_btn ul.btn_area li > a.down{position:relative; padding:6px 6px 7px 19px; text-align:left;} .cart_list .total_btn ul.btn_area li > a.down:after{content:""; position:absolute; left:6px; top:7px; display:block; width:9px; height:10px; background:url('../img/common/ico_arrow.png') no-repeat 0 -404px;} /* 2018-11-19 브랜드 전용적립금 팝업 */ .popup_wrap .pop_point{width:618px; padding:0 16px; font-size:12px;} .popup_wrap .pop_point .newwin{border:0;} .popup_wrap .pop_point .newwin .h1_area{height:84px; line-height:84px; padding:0; border-color:#bfbfbf;} .popup_wrap .pop_point .newwin .h1_area h1{font-size:26px; text-align:center;} .popup_wrap .pop_point .cont{padding:0 14px;} .popup_wrap .pop_point a.down{position:relative; min-width:auto; min-height:12px; padding:5px 8px 7px 21px; text-align:left; font-size:12px;} .popup_wrap .pop_point a.down:after{content:""; position:absolute; left:8px; top:7px; display:block; width:9px; height:10px; background:url('../img/common/ico_arrow.png') no-repeat 0 -404px;} .popup_wrap .pop_point .table_top{overflow:hidden; padding:34px 0 14px;} .popup_wrap .pop_point .table_top p{float:left; line-height:26px; font-size:14px;} .popup_wrap .pop_point .table_top a{float:right;} .popup_wrap .pop_point .table_btm{overflow:hidden; padding-top:14px;} .popup_wrap .pop_point .table_btm p{float:left; padding-left:11px; line-height:26px; font-size:14px;} .popup_wrap .pop_point .table_btm p.txt_btm{float:right; padding-left:0; padding-top:7px; color:#888; font-size:13px; line-height:1;} /* 2018-12-28 추가 */ .popup_wrap .pop_point .table_btm a{float:left; margin-left:11px;} .popup_wrap .pop_point .table_btm a.down:after{left:10px;} .popup_wrap .pop_point .t_scroll{height:354px; border-bottom:1px solid #e5e5e5; overflow-y:auto;} .popup_wrap .pop_point .t_scroll .none{padding-top:170px; font-size:14px; text-align:center; color:#666; line-height:1;} .table_point{border-bottom:0;} .table_point caption{position:absolute;} .table_point input[type=checkbox].css-checkbox + label.css-label{display:block; width:14px; height:14px; margin:0 auto; padding-left:0; vertical-align:top;} .table_point thead tr th{padding:18px 5px; border-top:1px solid #ccc; border-bottom:1px solid #dfdfdf; background:#f7f7f7; font-size:14px; line-height:1;} .table_point tbody tr td{padding:0; font-size:14px; border-top:1px solid #f8f8f8;} .table_point tbody tr td .txt{display:table; width:100%;} .table_point tbody tr td .txt p{display:table-cell; height:40px; padding:14px 45px 16px; vertical-align:middle; line-height:20px;} .popup_wrap .pop_point .paging_type {height:16px; padding:36px 0 40px; text-align:center;} .popup_wrap .pop_point .paging_type ul{font-size:0;} .popup_wrap .pop_point .paging_type ul li{display:inline-block; height:16px;} .popup_wrap .pop_point .paging_type ul li a{display:block; min-width:18px; padding:0 4px; font-size:14px; color:#ccc; line-height:15px;} .popup_wrap .pop_point .paging_type ul li a.on{background:none; color:#333; font-weight:700;} .popup_wrap .pop_point .paging_type ul li a.prev{padding:0;} .popup_wrap .pop_point .paging_type ul li a.next{padding:0;} .popup_wrap .pop_point .paging_type ul li img{width:24px; height:16px; display:block; margin-top:3px;} /*2018-12-20 이벤트 info box 재정의 : 이지은 */ .event_wrap .info_box{padding:30px; background:#efefefe0; margin-top:20px; box-sizing:border-box; border:none;} .event_wrap .info_box .event_list{background:none; padding:0; color:#777;} .event_wrap .event_list li {color:#888; margin-left:20px; line-height:2; list-style:url('https://media.shilladfs.com/files/attach/ckeditor/2018/12/07/1544144165124_20181207_1_dott.png');} .marketing_event_wrap .notice_wrap{padding:25px 15px; background:#efefefe0; margin-top:5px; box-sizing:border-box;} .marketing_event_wrap .notice_wrap ul{padding:0;} .marketing_event_wrap .notice_wrap ul li {color:#888; margin-left:20px; line-height:2; list-style:url('https://media.shilladfs.com/files/attach/ckeditor/2018/12/07/1544144165124_20181207_1_dott.png');} /* 2018-12-20 checkout tooltip 재정의 : 강훈책임 요청 */ .forTooltip .prePick .table_normal tbody tr:first-child+tr td { border-top: 1px solid #e0e0e0; } .forTooltip .info_box .write_box .table_tbody .tooltip_club .tooltip_wrap .tooltip_layer { left: 80px; top: -53px !important;} .forTooltip .info_box .write_box .table_tbody .tooltip3 .tooltip_wrap .tooltip_layer {left: 80px; top: -68px !important;} .forTooltip .info_box .write_box .table_tbody .tooltip5 .tooltip_wrap .tooltip_layer { left: 90px; top: -30px !important;} .forTooltip .info_box .write_box .table_tbody .tooltip6 .tooltip_wrap .tooltip_layer { left: 107px; top: -20px !important;} .forTooltip .info_box .write_box .table_tbody .layer_29 .tooltip_layer { left: 30px; top: -85px !important;} .forTooltip .info_box .write_box .table_tbody .tooltip1 .tooltip_wrap .tooltip_layer { left: 125px; top: -45px !important;} .forTooltip .info_box .write_box .table_tbody .tooltip2 .tooltip_wrap .tooltip_layer {top: -75px !important;} .forTooltip .write_box.payment_info_box .pay_info.type02 { position: relative; padding: 8px 0 10px !important; width: 240px; min-height: 13px; line-height: 18px; font-size: 12.1px!important; color: #333!important;} .forTooltip .write_box .table_tbody .decs { color: #333;font-size: 11px; padding-top: 10px;} /* 2018-12-12 마이신라 라라캐시 */ .new_lala_mileage{overflow:hidden; margin-top:30px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;} .new_lala_mileage > div{float:left; width:365px; padding:28px 0 30px;} .new_lala_mileage > div:nth-child(1),.new_lala_mileage > div:nth-child(2){height:82px; padding-top:48px; border-bottom:1px solid #e0e0e0;} .new_lala_mileage > div:nth-child(odd){width:366px; border-right:1px solid #e0e0e0;} .new_lala_mileage .cash_info{text-align:center;} .new_lala_mileage .cash_info dl{padding:0 30px;} .new_lala_mileage .cash_info dl dt{padding-bottom:10px; font-size:18px; color:#333;} .new_lala_mileage .cash_info dl dt span{padding-right:26px; background:url('../img/common/icon_lala_info.png') no-repeat 100% 5px; cursor:pointer;} .new_lala_mileage .cash_info dl dd{font-size:16px; color:#333;} .new_lala_mileage .cash_info dl dd strong{display:inline-block; padding-right:9px; font-size:35px;} .new_lala_mileage .cash_detail_info p{padding-bottom:29px; font-size:18px; color:#333; text-align:center;} .new_lala_mileage .cash_detail_info ul{padding:0 30px;} .new_lala_mileage .cash_detail_info ul li{overflow:hidden; margin-top:10px; font-size:14px;} .new_lala_mileage .cash_detail_info ul li:first-child{margin-top:0;} .new_lala_mileage .cash_detail_info ul li span{float:right;} .new_lala_mileage .cash_detail_info ul li span strong{color:#957045; font-weight:400;} .pop_lalacash{position:absolute; top:268px; left:204px; z-index:99999; width:524px;} .mypage_wrap .pop_lalacash .tit{padding:29px 0 32px; border-bottom:0; background-color:#fff; font-size:22px; text-align:center; color:#333;} .pop_lalacash .lala_table{margin:0 32px 32px 32px; border-top:2px solid #000;} .pop_lalacash .lala_table .table_normal{width:100%;} .pop_lalacash .table_normal tr:first-child th{border-top:0; background-color:#fafafa;} .pop_lalacash .table_normal tr th{border-bottom:1px solid #e0e0e0; background-color:#fafafa; font-size:15px; line-height:22px; color:#333;} .pop_lalacash .table_normal tr td{padding:18px 20px; border-bottom:1px solid #e0e0e0; font-size:13px; color:#333; line-height:20px;} .pop_lalacash .tit a.btn_close{width:25px; height:25px; top:20px; right:20px;} .pop_lalacash .tit a.btn_close img{width:100%;} /* 2018-12-12 주문완료 적립예상 라라캐시 */ .club_mileage_estimate2{width:260px; margin:0 20px; padding:20px 0 20px 10px;} .club_mileage_estimate2 .lalacash li{overflow:hidden; margin-top:10px; color:#777; font-size:11px;} .club_mileage_estimate2 .lalacash li:nth-child(2){margin-top:12px;} .club_mileage_estimate2 .lalacash li span{float:right; color:#333;} .club_mileage_estimate2 .lalacash li.first{margin-top:0; font-size:13px; color:#333; line-height:100%;} .club_mileage_estimate2 .lalacash li.first span{color:#e80f00; font-size:12px;} .club_mileage_estimate2 .lalacash li.txt{margin-top:12px; color:#e80f00;} /* 검색 고도화 2019-01-16 */ #container.search_area {position:relative; width:100%} .search_result.renewal_v2 {position:relative; width:931px; margin:0 auto;} .search_result.renewal_v2 .search_box {text-align:left;} .search_result.renewal_v2 .search_keyword {float:left; width:505px; font-size:23px; color:#242424;} .search_result.renewal_v2 .search_keyword strong {margin-right:10px; font-size:34px; color:#e80f00;} .search_result.renewal_v2 .search_keyword span {font-weight:700; color:#e80f00;} .search_result.renewal_v2 .total_search {float:right; position:relative; width:306px; height:30px; margin:0; margin-top:10px; border:0; border-bottom:2px solid #534a3f;} .search_result.renewal_v2 .total_search .input_m {width:179px; height:28px; border:0; font-size:12.1px; color:#333; line-height:28px;} .search_result.renewal_v2 .total_search .input_m::-webkit-input-placeholder {color:#333} .search_result.renewal_v2 .total_search .input_m:-moz-placeholder {color:#333} .search_result.renewal_v2 .total_search .input_m::-moz-placeholder {color:#333} .search_result.renewal_v2 .total_search .input_m:-ms-input-placeholder {color:#333} .search_result.renewal_v2 .total_search .search_checkbox {display:inline-block; line-height:27px;} .search_result.renewal_v2 .total_search .search_checkbox input[type=checkbox].search-checkbox {overflow: hidden; position: absolute; left: 0; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); z-index: -1000} .search_result.renewal_v2 .total_search .search_checkbox input[type=checkbox].search-checkbox+label.search-label {height: 16px; min-height: 16px; padding-left: 23px; vertical-align: middle; color:#888; line-height: 16px; background: url(/estore/_ui/desktop/common/shilladfshome/kr/img/common/ico_search_check.png) 0 0 no-repeat; cursor: pointer; display: inline-block} .search_result.renewal_v2 .total_search .search_checkbox input[type=checkbox].search-checkbox:checked+label.search-label {background-position: 0 -18px} .search_result.renewal_v2 .total_search .ico{display:block;position:absolute;right:0;top:5px;line-height:1;} .search_result.renewal_v2 .search_base {position:relative; padding-bottom:20px; border-bottom:1px solid #eee;} .search_result.renewal_v2 .search_base dt {position:absolute; left:0; top:0; font-size:16px; color:#333;} .search_result.renewal_v2 .search_base dd {padding-left:91px; font-size:14px; color:#666; line-height:17px;} .search_result.renewal_v2 .search_base dd .s_word {color:#333;} .search_result.renewal_v2 .search_base dd .b {color:#333; text-decoration:underline;} .search_result.renewal_v2 .search_base.related {padding-top:10px;} .search_result.renewal_v2 .search_base.related dt {top:26px; line-height:1;} .search_result.renewal_v2 .search_base.related dd .r_word {display:inline-block; margin-right:10px; margin-top:10px; padding:0 14px; border:1px solid #e0e0e0; border-radius:8px; font-size:14px; color:#666; line-height:28px;} .search_result.renewal_v2 .search_base.search_subTxt {margin-bottom:20px; padding-bottom:15px; font-size:14px; color:#333;} .search_result.renewal_v2 .search_base.search_subTxt strong {font-weight:700} .search_result.renewal_v2 .search_base.search_subTxt a.btn_ic_red_a {margin-left:6px;} .search_result.renewal_v2 .search_box + .search_base.related {margin-top:-10px; padding-top:0;} .search_result.renewal_v2 .search_box + .search_base.related dt {top:16px;} .search_result.renewal_v2 .search_box .result_null {text-align:center;} .search_result.renewal_v2 .search_box .result_null ul.nullList {width:310px;} .search_result.renewal_v2 .result_chanel_wrap {height:45px; margin-top:40px; padding:0 20px 0 200px;} .search_result.renewal_v2 .result_chanel_wrap .logo {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:156px; text-align:center;} .search_result.renewal_v2 .result_chanel_wrap .logo img {width:auto; height:auto;} .search_result.renewal_v2 .result_chanel_wrap p {font-size:15px; color:#333; font-weight:700; line-height:45px;} .search_result.renewal_v2 .result_chanel_wrap .red {color:#e80f00;} .search_result.renewal_v2 .result_chanel_wrap .btn_area {right:12px;} .search_result.renewal_v2 .result_tap_wrap.event_wrap {margin-top:40px} .search_result.renewal_v2 .result_chanel_wrap ~ .result_tap_wrap.event_wrap {margin-top:0;} .search_result.renewal_v2 .power_search .select_lang {display:none; margin-top:11px;} .search_result.renewal_v2 .power_search .select_lang li {float:left;} .search_result.renewal_v2 .power_search .select_lang li:last-child {margin-left:-1px;} .search_result.renewal_v2 .power_search .select_lang li>a {display:inline-block;height:24px;line-height:24px;border-radius:12px;border:0;font-size:13px;color:#333;margin:4px 9px 4px 0;padding:0 12px;} .search_result.renewal_v2 .power_search .select_lang li>a.on {border-color:#534a3f; background:#e80f00; color:#fff;} .search_result.renewal_v2 .power_search .select_lang li>em {font-weight:400} .search_result.renewal_v2 .power_search .table_tbody td {padding:7px 0 7px 28px;} .search_result.renewal_v2 .power_search .list_lang_wrap {display:none;} .search_result.renewal_v2 .power_search .list_lang {padding:25px 0 23px; overflow:hidden;} .search_result.renewal_v2 .power_search .list_lang li {float:left; margin-left:1px;} .search_result.renewal_v2 .power_search .list_lang li:first-child {margin-left:0;} .search_result.renewal_v2 .power_search .list_lang li a {display:block; width:20px; height:20px; border:1px solid #ccc; background:#fff; line-height:18px; text-align:center; color:#333; font-size:12.1px} .search_result.renewal_v2 .power_search .list_lang li a.disabled {border:1px solid #e0e0e0; background:#f9f9f9; color:#ddd; cursor:default;} /* 2019-01-07 추가 */ .search_result.renewal_v2 .power_search .list_lang li a.w_auto {width:auto; padding:0 10px} .search_result.renewal_v2 .power_search .list_lang li.on a {background:#534a3f; border-color:#534a3f; color:#fff} .search_result.renewal_v2 .power_search .table_tbody tr:first-child td, .search_result.renewal_v2 .result_tap_wrap .power_search .table_tbody tr:first-child td {padding:12px 0 12px 28px;} .search_result.renewal_v2 .power_search .p_brand .chk_list .brand_list strong {position:absolute; left:24px; top:14px; width:0; font-size:0; line-height:0;} .search_result.renewal_v2 .power_search .p_brand .chk_list .brand_list strong.etc {left:14px;} .search_result.renewal_v2 .power_search .p_brand .chk_list .brand_list ul li {padding:3px 8px 3px 0; box-sizing:border-box;} .search_result.renewal_v2 .power_search .p_brand .chk_list .brand_list ul li:first-child {padding-left:0;} .search_result.renewal_v2 .power_search .p_brand .chk_list .brand_list ul li input[type=checkbox].css-checkbox{width:0;height:0;z-index:-1000;position:absolute;top:0;left:0;border:0;padding:0;} .search_result.renewal_v2 .power_search .p_brand .chk_list .brand_list ul li label.css-label{width:auto;height:24px;line-height:24px;border-radius:12px;color:#333;cursor:pointer;display:inline-block;font-size:13px;background:0;padding:0 12px;} .search_result.renewal_v2 .power_search .p_brand .chk_list .brand_list ul li input[type=checkbox].css-checkbox:checked+label.css-label {background:#a1988f; color:#fff} .search_result.renewal_v2 .power_search .power_search_brand.on .table_tbody td {padding:20px 0 23px 28px;} .search_result.renewal_v2 .power_search .power_search_brand.on .select_lang {display:block;} .search_result.renewal_v2 .power_search .power_search_brand.on .list_lang_wrap {display:block;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand {height:196px; margin-bottom:16px; padding:4px 0; border:1px solid #e0e0e0; box-sizing:border-box;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand .chk_list {position:static; width:auto; height:auto; padding:0 20px; border:0;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand .chk_list .brand_list {position:relative; min-height:30px; padding:25px 0 16px; border-bottom:1px solid #e5e5e5;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand .chk_list .brand_list.disabled {min-height:0; padding:0; border-bottom:none;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand .chk_list .brand_list:last-child {border-bottom:0;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand .chk_list .brand_list ul {margin-left:-12px; margin-top:-9px; padding-left:164px;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand .chk_list .brand_list ul li {width:25%;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand .chk_list .brand_list strong {display:inline-block; width:30px; font-weight:400; font-size:34px; color:#333; line-height:1; text-align:center;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand .chk_list .brand_list strong.etc {width:auto;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand .chk_list .brand_list.disabled strong {display:none;} .search_result.renewal_v2 .power_search .power_search_brand.on .p_brand .chk_list .brand_list.disabled ul {display:none;} /* 2018-11-15 성인인증 페이지 추가 */ .signup_wrap h3 .nineteen{color:#333; margin-left:-45px; padding-left:45px; background:url('https://media.shilladfs.com/files/attach/ckeditor/2018/11/15/1542262444521_20181115_1_icon_nineteen.png') no-repeat 0 5px;} /*2019-03-07 라라캐시 조회 UI변경*/ .checkout_table.payment_wrap.payment_type .info_box.info_type .lalacash_inq_st { padding:0 !important} .checkout_table.payment_wrap.payment_type .info_box.info_type .lalacash_inq_st table { width:100%; table-layout:fixed} .checkout_table.payment_wrap.payment_type .info_box.info_type .lalacash_inq_st table th, .lalacash_inq_st table td {border-top:0 !important; padding:0px 12px 15px 12px !important; vertical-align:top} .checkout_table.payment_wrap.payment_type .info_box.info_type .lalacash_inq_st table tr th { padding-top:7px !important} .checkout_table.payment_wrap.payment_type .info_box.info_type .lalacash_inq_st table tr:first-child th { padding-top:23px !important} .checkout_table.payment_wrap.payment_type .info_box.info_type .lalacash_inq_st table tr:first-child td {padding-top:15px !important} .checkout_table.payment_wrap.payment_type .info_box.info_type .lalacash_inq_st select.sel { width:240px} .checkout_table.payment_wrap.payment_type .info_box.info_type .lalacash_inq_st table td .lalacash_useall {display:inline-block; vertical-align:middle; margin-left:15px} .checkout_table.payment_wrap.payment_type .info_box.info_type .lalacash_inq_st table td .lalacash_inq_res02 {display:inline-block; vertical-align:middle; margin-left:5px} .checkout_table.payment_wrap.payment_type .info_box.info_type .lalacash_inq_st table td .lalacash_inq_res {color:#e80f00; margin-top:10px} /*2019-03-07 결제수단 수정 */ .radio_bt_intx { display:inline-block; line-height:20px; position:relative; top:-4px} .cart_payment .info_box>.left .write_box .table_tbody td .pay_info.pay_st01 { width:auto; position:relative;margin-right:20px} .write_box.payment_info_box .pay_info.type02.pay_st01 a { position:relative; left:auto; top:auto; display:inline-block; vertical-align:top} .cart_payment .info_box>.left .write_box .table_tbody td .pay_info.pay_st01 + .pay_info.pay_st01 { padding-top:0 !important; margin-top:-5px !important} /* 2019-02-28 주문결제 ok캐쉬백 동의철회 추가 */ .tooltip5 .withdraw {display:inline-block; padding-top:10px; color:#999; text-decoration:underline; font-size:11px;} /*2019-02-26 글로벌통합마일리지 회원가입 추가_pc*/ .signup_info_newst { line-height:140%;border-top: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf} .signup_info_newst dt { background:#fafafa; padding:11px 10px; font-size:13px; border-bottom:1px solid #e0e0e0; color:#333; } .signup_info_newst dt.new_terms_fc { font-size:14px} .signup_info_newst dd {padding:11px 10px; border-bottom:1px solid #e0e0e0; color:#666;} .signup_info_newst dd strong { font-size: 14px; /*color:#fa5450*/} .signup_info_newst dd:last-child { border-bottom:0} .signup_info_newst dd li { text-indent:-16px; padding-left:16px; margin-top:5px } .signup_info_newst dd li:first-child { margin-top:0px } .newchoice_info .agree_area02 { margin: 20px 0 10px; color: #666; line-height: 18px} .newchoice_info .h2_area { padding-bottom:0 } .newchoice_info .h2_area + .agree_area02 { } .newchoice_info .newma_detail_bt { position:absolute; right:19px; top:15px } .membership_form .chk_list_rewards.chk_add li{width:60px} .membership_form .chk_list_rewards.chk_info li{width:80px} .membership_form .chk_list_rewards.chk_info li:last-child{width:95px} .membership_form .chk_list_rewards.chk_info dt{float:left;width:80px} .membership_form .chk_list_rewards.chk_info dd{float:left;margin-right:15px} .membership_form .chk_list_rewards.chk_info dd.first_margin{margin-right:10px} .membership_form .chk_list_rewards.chk_info dd.last_margin{margin-left:-5px;margin-right:0} .membership_form .table_tbody .chk_list_rewards li { padding:6px 0; width:15%; } .membership_form .table_tbody .chk_list_rewards.type01 li { padding:6px 0; width:21%; } .popup_wrap .pop_consent_info { width:720px; margin:0 auto} .popup_wrap .pop_consent_info .signup_info_newst dt { font-weight:700; font-size:13px} .popup_wrap .pop_consent_info .signup_info_newst dd { padding:15px 10px; font-size:12.1px; line-height:16px} .popup_wrap .pop_consent_info .signup_info_newst dd strong { font-size:14px; font-weight:700; /*color:#fa5450*/} .popup_wrap .pop_consent_info .table_normal tr th {padding:7px 16px; text-align:center} .popup_wrap .pop_consent_info .table_normal tr th.last {border-right:0} .popup_wrap .pop_consent_info .table_normal tr td {border-right:1px solid #e0e0e0} .popup_wrap .pop_consent_info .table_normal tr td.last {border-right:0px solid #e0e0e0} .pop_consent_wrap {padding-bottom:104px; text-align:center; font-weight:400; } .pop_consent_wrap .pop_consent_body {/*margin:0 18px; */} .pop_consent_wrap .pop_consent_body .pop_body_scr {padding:0 18px; height:450px; overflow-y:auto; overflow-x:hidden } .pop_consent_wrap .pop_header_st { margin:0 auto; padding:40px 0 15px 0; text-align:center; } .pop_consent_wrap .pop_header_st h1{font-size:26px; padding:0 0 22px 0;font-weight:700; } .pop_consent_wrap .pop_header_st h1.eng{font-size:22px; } .pop_consent_wrap .pop_header_st .h_tx {font-size:14px;color:#666;line-height:18px; letter-spacing:-0.5px} .pop_consent_wrap .pop_section01 {padding:0px 0 35px 0; word-break:keep-all; word-wrap:break-word } .pop_consent_wrap .pop_section01 .tx_s {font-size:14px;color:#666; line-height:18px; letter-spacing:-0.5px} .pop_consent_wrap .pop_section01 .tx_s02 {font-size:14px;color:#f6535c; line-height:18px; letter-spacing:-0.5px} .pop_consent_wrap .pop_section01 .tx_s + .tx_s02 { margin:8px 0 0 0} .pop_consent_wrap .pop_section02 {text-align:left} .pop_consent_wrap .pop_bottom {position:fixed; bottom:0; left:0; width:100%; height:102px; background:#fff;} .pop_consent_wrap .pop_bottom .new_checkbox {padding:20px 18px 0; text-align:left;} .pop_consent_wrap .pop_consent_body .signup_info_newst dd .table_normal tbody td.last { word-break:break-all} .new_checkbox input[type="checkbox"] {overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); z-index:-1000;} .new_checkbox input[type="checkbox"] + label span{display:inline-block; position:absolute; left:0; top:0; vertical-align:middle; width:23px; height:23px; background-image:url('../img/sub/new_imgsprite_bg.png'); background-repeat:no-repeat ; background-position:-23px 0; } .new_checkbox input[type="checkbox"]:checked + label span {background-position:0 0 } .new_checkbox input[type="checkbox"] + label { position:relative; display:inline-block; line-height:23px; ; vertical-align:middle; padding-left:30px; font-size:14px; color:#666;cursor: pointer; } .new_checkbox input[type="checkbox"] + label em { color:#aaa} .new_checkbox.all input[type="checkbox"] + label { color:#222; font-size:15px; font-weight:700} .pop_consent_wrap .bt_newarrow {background:url('/estore/_ui/desktop/common/shilladfshome/kr/img/common/bg_drop_arrow.png') no-repeat 0 0; display:inline-block; width:21px; height:11px; border:0; padding:0; margin:0} .pop_consent_wrap .bt_newarrow.open { transform: rotate(180deg);} .new_terms_accordion { border-width:1px 0; border-style:solid; border-color:#d9d9d9} .new_terms_accordion li {padding:12px 0} .new_terms_accordion li dd li {padding:0px 16px} .new_terms_accordion li dd .table_normal thead th { border-top:1px solid #6d6050; text-align:center; padding:5px} .new_terms_accordion li .accordion_tit { position:relative} .new_terms_accordion li .accordion_tit .new_checkbox input[type="checkbox"] + label {padding-right:30px} .new_terms_accordion.lang_global li .accordion_tit .new_checkbox input[type="checkbox"] + label {word-break:break-all} .new_terms_accordion li .accordion_cont {margin-top:20px; display:none} .new_terms_accordion li .accordion_cont .pop_chk_area { font-size:14px; } .new_terms_accordion li .accordion_cont .pop_chk_area .space {display:inline-block; margin:0 10px } .new_terms_accordion li .accordion_cont .pop_chk_area .new_checkbox { display:inline-block} .new_terms_accordion li .accordion_cont .pop_terms_area{ border:1px solid #d9d9d9; height:150px; overflow-y:auto; overflow-x:hidden; margin-top:20px; padding:5px } .new_terms_accordion li .bt_newarrow { position:absolute; right:10px; top:50%; margin-top:-6px} .new_terms_accordion li ul li { padding:5px 0 2px; text-indent:-8px; padding-left:8px; line-height:18px} .new_terms_accordion li .signup_info_newst + ul { margin:10px 0 0 0px; border-bottom:1px solid #bfbfbf; padding:0 0 10px 10px } .new_checkbox.all + .new_terms_accordion { margin-top:12px} .new_terms_accordion + .days_none { margin-top:33px } .new_terms_accordion .terms_expl { margin-top:10px} .pop_btn_st { margin-top:20px} .pop_btn_st .btn_red { font-size:15px; line-height:47px; text-align:center ; display:block; color:#fff; background:#e80f00} .pop_new_marketing { font-size:12.1px} .pop_new_marketing .tit {background: #fff; border-bottom: 0;text-align: center; padding: 30px 0 30px 14px;} .pop_new_marketing .tit.twoline {line-height:20px; padding-right:40px;} .pop_new_marketing .pop_newCont {padding: 0 30px 30px;} .pop_new_marketing .pop_newCont .signup_info_newst dd .table_normal tr th {padding:7px 16px; text-align:center; border-width:1px 1px 0 0; border-color:#e0e0e0; border-style:solid} .popup_layer .pop_newCont .signup_info_newst dd .table_normal tr th.last {border-right:0} .popup_layer .pop_newCont .signup_info_newst dd .table_normal tr td {border-width:1px 1px 0 0; border-style:solid; border-color:#e0e0e0; word-break:break-all} .popup_layer .pop_newCont .signup_info_newst dd .table_normal tr td.last {border-right:0px solid #e0e0e0} .popup_layer .pop_newCont .signup_info_newst + ul { margin:10px 0 0 0px; border-bottom:1px solid #bfbfbf; padding:0 0 10px 10px} .popup_layer .pop_newCont .signup_info_newst + ul li {line-height:18px; text-indent:-8px; padding-left:8px } .popup_layer .pop_newCont .pop_scroll_h { overflow-y:auto; overflow-x:hidden; max-height:400px} .popup_layer .pop_newCont .terms_expl { margin-top:10px} .signup_wrap .signup_step .terms .table_normal tr td .table_normal thead tr th { background-image:none;} .signup_wrap .signup_step .terms .table_normal tr td .table_normal thead tr th.last { border-right:0} .signup_wrap .signup_step .terms .table_normal tr td strong.fs14 {font-size:14px; /*color:#fa5450; */} .signup_wrap .signup_step .terms .section .table_normal tr th { line-height:16px} .popup_wrap .team_use .newwin .h1_area h1 {line-height:32px} .new_terms_fc { font-size:14px; /*color:#fa5450; */ font-weight:700} .table_normal tr td.new_terms_fc { font-size:14px; /*color:#fa5450; */ font-weight:700} .table_normal tr th.new_terms_fc { font-size:14px; /*color:#fa5450; */font-weight:700} .new_re_ast .valid_txt { line-height:18px} .new_re_ast .valid_txt.en { margin-right:80px} .new_re_ast .ch_tits { font-weight:700; /*color:#fa5450; */font-size:14px; margin:10px 0 8px} .new_terms_accordion .accordion_cont .new_terms_fc { margin:10px 0 8px; font-weight:700;} .newTbl_st01 .new_terms_fc { font-size:14px; /*color:#fa5450;*/ font-weight:700} .newTbl_st01 td.t_al { text-align:left; padding-left:15px !important} .newTbl_desc li.fc_red {color: #ff0000;} .newMyshilla .newpos_rel {position:relative} .newMyshilla .newpos_rel .newma_detail_bt {position:absolute; top:15px; right:19px} .newMyshilla .new_re_ast .ch_tits { margin:10px 0 4px} .signup_wrap .signup_step .terms ul li .left_area {width:81%} /*2019-03-25 width 추가 수정*/ .signup_wrap .signup_step .terms ul li .left_area.jp {width:86%} .signup_wrap .signup_step .terms ul li .left_area h4 .btn_ss_white { margin-left:15px} .signup_wrap .terms li .section p.tit { margin:0 0 10px 0; font-weight:700; font-size:14px} .signup_wrap .terms li .section p + h5 { margin-top:20px} .signup_wrap .terms li .section ul + h5 { margin-top:20px} .signup_wrap .terms li .section ul + p.tit { margin-top:40px} .signup_wrap .terms li .section .term_expl { margin-top:10px} .popup_wrap .terms .section .terms_expl { margin-top:20px} .membership_form .table_tbody .new_wb_all { word-break:break-all} .signup_wrap .signup_step .terms .table_normal tr td.new_wb_all { word-break:break-all} /*2019-03-19 S Rewards 정보동의팝업 */ .accordion_cont .table_normal { border-top:1px solid #bfbfbf} .accordion_cont .table_normal tbody th { border-right:1px solid #e0e0e0; line-height:20px; border-top:1px solid #e0e0e0} .accordion_cont .table_normal tbody tr:first-child th { border-top:0} .accordion_cont .table_normal tbody td {text-align:left; line-height:20px} .accordion_cont .table_normal tbody td .table_normal th { border-right:0; line-height:16px; padding:5px} .accordion_cont .table_normal tbody td .table_normal td {text-align:center; word-break:break-all;} .accordion_cont .table_normal + .term_expl { padding-top:5px} /*2019-03-08 이벤트 탭 추가 */ .event_wrap .tit_tab li, .event_wrap .tit_tab li:first-child { width:185px; } /* 2019-03-05 몰메인 푸터 약관 전문 */ .user_trem .explain>ul>li p.tit{font-weight:700; padding-top:8px} .user_trem .explain>ul>li .term-off .tit{font-weight:700; padding-top:8px} .terms-txt-cp{color:#000; font-weight:700;} /* 2019-02-19 고객센터 온오프라인 멤버십 안내 수정 */ .membership .sub_tit_area{padding:48px 0 15px;} .membership .global_level{border-top:2px solid #333;} .global_level .table_tbody{border-top:0; border-collapse:collapse;} .global_level .table_tbody caption{height:0;} .global_level .table_tbody tr td{height:150px; padding:0; border-left:0;} .global_level .table_tbody .grade_txt{padding-top:14px; line-height:1; font-size:14px;} .global_level .table_tbody .level_benefit{padding-left:20px; text-align:left;} .global_level .table_tbody .level_benefit .s_tit{display:block; font-size:14px; color:#333; line-height:1;} .global_level .table_tbody .level_benefit .list{padding-top:18px;} .global_level .table_tbody .level_benefit .list li{position:relative; margin-top:6px; padding-left:11px; font-size:14px; color:#666; line-height:1;} .global_level .table_tbody .level_benefit .list li:first-child{margin-top:0;} .global_level .table_tbody .level_benefit .list li:before{display:block; content:""; position:absolute; left:3px; top:7px; width:2px; height:2px; background-color:#666;} .global_level .offline_level tr td{height:130px;} .global_level .offline_level .level_benefit .list li{padding-left:17px;} .global_level .offline_level .level_benefit .list li:before{display:block; content:"※"; position:absolute; left:0; top:0; width:auto; height:auto; background-color:transparent;} .global_level + .ps_txt{padding-top:15px;} .global_level + .ps_txt li{padding-left:9px; padding-bottom:0; text-indent:-9px; font-size:13px; color:#666; line-height:24px;} /*2019-03-22 s rewards */ .cart_wrap .cart_checkout .total_box+.text_decs + .text_decs { padding-top:5px} /* 2019-03-19 개인정보처리방침 글마 변경사항 반영 */ .user_trem .table_left.termedit{margin-top:0;} .term-tb{border-top:2px solid #333;} .term-tb .table_normal tbody th{background-color:#f5f3f3; font-size:13px} /*2019-03-25 다국어 en회원가입 */ .signup_wrap.foreign .new_terms_fc { font-size:15px !important} .popup_wrap .pop_consent_info.foreign .new_terms_fc { font-size:15px !important } .newTbl_st01.foreign .new_terms_fc { font-size:15px !important } .signup_info_newst.foreign .new_terms_fc { font-size:15px !important } /* 2019-03-05 몰메인 푸터 홍콩싱가폴 약관 전문 */ .popup_wrap .terms.pop_terms_st01 {} .popup_wrap .terms.pop_terms_st01 .section {height:auto; line-height:18px} .popup_wrap .terms.pop_terms_st01 .section h2 {padding-top: 20px; font-weight:700; line-height: 22px; font-size: 14px;} .popup_wrap .terms.pop_terms_st01 .section h3 {padding-top: 20px; font-weight:700; line-height: 22px; font-size: 12.1px;} .popup_wrap .terms.pop_terms_st01 .section h4 {padding-top: 20px; font-weight:700; line-height: 22px; font-size: 12.1px; margin-bottom:10px} .popup_wrap .terms.pop_terms_st01 .section h4 + p { padding-bottom:10px} .popup_wrap .terms .table_normal.tbl_newst { margin:15px 0 0 0} .popup_wrap .terms .table_normal.tbl_newst thead th, .popup_wrap .terms .table_normal.tbl_newst tbody th { text-align:center} .popup_wrap .terms .table_normal.tbl_newst thead th:last-child { border-right:0} .popup_wrap .terms .table_normal.tbl_newst tbody th { background:#fff} .popup_wrap .terms .table_normal.tbl_newst tbody td .table_normal th { background:#f5f3f3 } .popup_wrap .terms .table_normal.tbl_newst li { text-indent:-10px; padding-left:10px} .popup_wrap .terms.pop_terms_st01 .new_terms_fc { font-weight:700; font-size:14px} .popup_wrap .terms.pop_terms_st01 .section p.expl {} .popup_wrap .terms.pop_terms_st01 .section ul + p.expl {margin-top:5px } .popup_wrap .terms.pop_terms_st01 .section .table_normal + p.expl {margin-top:10px } .popup_wrap .terms.pop_terms_st01 .section p.expl + p.expl { margin-top:10px} .popup_wrap .terms.pop_terms_st01 .section li { margin-top:5px; } .popup_wrap .terms.pop_terms_st01 .section li:first-child { margin-top:0px; } /* 2019-04-11 마이페이지 고도화 */ .newtxt_expl_area { margin-top:30px } .popup_wrap .small .special_order .phone_write .newtxt_expl_area p.txt { font-weight:400; color:#333 !important; line-height:1.5; text-align:left; letter-spacing:-0.1px; word-wrap:break-word; word-break:keep-all } .newtxt_expl_area .bt_area {overflow:hidden; margin-top:6px; text-align:left} .newtxt_expl_area .bt_area .btn_link { margin:0 15px 0 0; display:inline-block; border-bottom:1px solid #333} /* 2019-05-02 고객센터 메인 해외 대표번호 안내 삭제 */ .info_talk .info_phone li.first{width:560px;} /* 2019-06-18 상품상세 페이지 수정 (QA탭 제거) */ .detail_view .tit_tab_txt.sh_bca_upgrade li {width:25%;} /* 2019-06-20 어드민 內 약관 수정범위 개선 */ .terms-hmc{padding-top:30px;} .terms-hmc > ul > li { margin-top:8px; line-height:1.5; } .terms-hmc > ul > li:first-child { margin-top:0; } .terms-hmc > p { line-height:1.5; } .terms-hmc h2, .terms-hmc h3 {font-size:18px; padding-bottom:10px} .terms-hmc h2{padding-top:30px;} .terms-hmc h3 { margin:30px 0 0; } .terms-hmc h3 + p {margin-bottom:10px;} .terms-hmc h2:first-of-type, .terms-hmc h3:first-of-type{margin-top:0;} .terms-hmc p + h3:first-of-type{margin-top:30px;} .txt-line{text-decoration:underline} .terms-hmc .terms-new-type2 h2, .terms-hmc .terms-new-type2 h3{font-size:12.1px; padding-bottom:0;} .terms-hmc .terms-new-type2 h2{padding-top:20px;} .terms-hmc .terms-new-type2 h3 { margin:20px 0 0; } .terms-hmc .terms-new-type2 > ul > li{margin-top:8px; line-height:1.5;} .signup_wrap .signup_step .terms ul li .section > .terms-hmc{padding-top:0;} .signup_wrap .signup_step .terms ul li .section > .terms-hmc h2, .signup_wrap .signup_step .terms ul li .section > .terms-hmc h3 { font-size:12.1px; padding-bottom:0;} .signup_wrap .signup_step .terms ul li .section > .terms-hmc .terms-hmc h2{padding-top:0} .popup_wrap .newwin .terms .section > .terms-hmc{padding-top:0;} .popup_wrap .newwin .terms .section > .terms-hmc h2, .popup_wrap .newwin .terms .section > .terms-hmc h3 { font-size:12.1px; padding-bottom:0;} .popup_wrap .newwin .terms .section > .terms-hmc h2{padding-top:0} /* 2019-06-20 고객센터 쇼핑혜택, 예치금 이용안내 라라페이 추가 */ .cs_guide .add_benefit .tit_tab_txt li{width:25%;} .cs_guide .bg_list li ul li.num_list{background:none; padding-left:0;} .cs_guide .benefit_wrap .manual_area .btn_brown_s{display:block; margin:0 auto; width:180px; height:34px; line-height:34px;} /* 2019-06-20 주문결제 라라페이 배너 추가 */ .lala_banner_box{overflow:hidden; position:relative; width:645px; height:140px; margin-top:50px;} .lala_banner_box .lala_banner_in{width:645px; height:140px;} .lala_banner_box .lala_banner_in .slick-slide{position:relative; float:left; width:645px;} .lala_banner_box .slick-dots{position:absolute; left:50%; bottom:15px; width:200px; height:8px; margin-left:-100px; text-align:center; z-index:9999;} .lala_banner_box .slick-dots li{display:inline-block; width:8px; height:8px; padding-left:8px; vertical-align:top;} .lala_banner_box .slick-dots li:first-child{padding-left:0;} .lala_banner_box .slick-dots li button{width:8px; height:8px; background-color:rgba(153,153,153,0.3); border-radius:4px; border:0; text-indent:-9999px; vertical-align:top;} .lala_banner_box .slick-dots li.slick-active button{background-color:#999;} .lala_banner_box .la_txt_set{position:absolute; left:30px; top:27px;} .la_txt_set .la_img{line-height:1;} .la_txt_set .la_txt1{padding-top:14px; font-size:24px; font-weight:400; color:#333; letter-spacing:-0.05em; line-height:1; text-indent:-1px;} .la_txt_set .la_txt1 span{line-height:1; font-weight:700;} .la_txt_set .la_txt2{padding-top:16px; font-size:15px; font-weight:400; color:#999; letter-spacing:-0.035em; line-height:1;} /* 2019-06-20 주문상세 결제완료 영역 버튼 수정 */ .my_order_list_view .payment_info{position:relative;} .my_order_list_view .payment_info .btn_area{position:absolute; right:0; top:0; margin-top:0;} .my_order_list_view .payment_info .btn_area a.btn_brown_s{width:auto; padding:0 20px; height:22px; line-height:22px;} /* 2019-07-02 이벤트 메인 하단 당첨안내 수정 */ .cart_payment .info_box .pop_card{left:93px !important;} .event_wrap .benefit_cs_wrap.board{height:auto;} .benefit_cs_wrap.board .cs_center{position:relative; width:100%; height:auto; min-height:auto; border:0; overflow:hidden;} .benefit_cs_wrap.board .cs_center .h3_area{position:static; float:left; width:auto; border-bottom:0;} .benefit_cs_wrap.board .cs_center .h3_area h3{padding:0;} .benefit_cs_wrap.board .cs_center .info_winner{float:left; padding:0 0 0 30px;} .event_wrap .img_tab2 .list > ul{padding-bottom:25px;} .event_wrap .img_tab2 .list > ul > li{height:357px; border:0; margin-left:7px;} .event_wrap .img_tab2 .list > ul > li img{border-bottom:0;} .event_wrap .img_tab2 .list .txt p{min-height:25px;} .event_wrap .board .info_winner{height:18px;} .event_wrap .board .info_winner li{height:18px; line-height:18px; margin-top:0;} .event_wrap .board .info_winner li a{font-size:13px; color:#666; margin-bottom:0;} .event_wrap .board .info_winner li .date{font-size:12px; margin-left:10px; color:#888;} .event_wrap .board .info_winner li img{margin-left:10px; } .event_wrap .board .h3_area .more_view{position:absolute; right:0; top:2px; padding-right:24px; font-size:13px; color:#8e8e8e;} .event_wrap .board .h3_area .more_view:after{content: ""; position:absolute; right:10px; top:50%; width:4px; height:8px; background: url('https://media.shilladfs.com/estore/_ui/desktop/common/shilladfshome/kr/img/common/ico_arrow.png') no-repeat right 0; margin-top:-4px; background-position:right -213px;} .exhibition_wrap .tab_type .thum_tab .list_cont{margin:0 17px 25px 0; border:0;} .exhibition_wrap .tab_type .thum_tab .list_cont dl dt.img{border-bottom:0;} /* 2019-07-19 싱가폴 여권번호 수집불가 이슈대응 건 */ .sin-txt{margin-bottom:10px;} .sin-ipt{padding-left:10px;} table.break th{word-break:break-all;} .membership_form .h2_area.sin a.btn_ic_red_s{top:0; bottom:auto;} /* 2019-07-30 주문가능시간안내 텍스트 수정 */ .marketing_3hour_wrap{padding-top:540px;} .marketing_3hour_wrap .marketing_3hour{min-height:520px; padding-bottom:20px;} .cs_guide .toggle_list .cont .desc li a{color:#333; text-decoration:underline;} /* 2019-09-05 마이신라/구매완료 오프라인 배너 구좌 사이즈 변경 건 - 픽스다인 */ /*.new_banner_type.banner_off {width:728px; height:90px;} .cart_wrap .new_banner_type.banner_off {width:930px; height:180px;}*/ /* 2019-10-11 스페셜오더 수정 */ .special_order .step_list_wrap.depth4 li {width:25%; } .special_order .step_list_wrap.depth4 li p{height:auto;line-height:16px} /* 2019-07-19 싱가폴 여권번호 수집불가 이슈대응 건 *//* 2019-09-17 고유식별수집동의서 선택항목 변경 개선 */ .sin-txt{margin-bottom:10px;} .sin-ipt{padding-left:0; margin-top:10px;} .sin-ipt a{color:#ef3f3b; text-decoration:underline} table.break th{word-break:break-all;} .membership_form .h2_area.sin a.btn_ic_red_s{top:0; bottom:auto;} /*2019-11-26 온라인 CS _ 오형선,임경남 */ .cs_guide .bg_list li.new_cs_guidelist {} .cs_guide .bg_list li.new_cs_guidelist li { margin-top:15px; } .cs_guide .bg_list li.new_cs_guidelist li:first-child { margin-top:0px; } .cs_guide .bg_list li.new_cs_guidelist li ol li { background-image:none; padding-left:0; margin-top:5px} .cs_guide .bg_list li.new_cs_guidelist li ul li:first-child { margin-top:5px} .cs_guide .bg_list li.new_cs_guidelist li ol ul { margin:5px 0 15px 15px} .cs_guide .bg_list li.new_cs_guidelist li ol ul li {text-indent:-8px; padding-left:8px; margin-top:5px} .cs_guide .bg_list li.new_cs_guidelist li span.block_red { color:#ef3f3b; display:block; text-indent:0} .new_cs_guidelist02 li { background-image:none; padding-left:0; margin-top:15px; line-height:18px} .new_cs_guidelist02 li:first-child {margin-top:0} .new_cs_guidelist02 li ul { margin:10px 0 15px 15px} .new_cs_guidelist02 li ul li {text-indent:-8px; padding-left:8px; margin-top:0;} .new_cs_guidelist02 li span.block_red { color:#ef3f3b; display:block; text-indent:0} .remember .new_cs_guidelist02 { float:right; width:760px} /* 2019-11-25 마카오점 오픈, 제3자국외이전 영역 수정 */ .valid_txt.type2{padding-right:90px;} .agree-third-txt{line-height:1.4; padding-top:10px; padding-bottom:20px;} .agree-third{position:relative;} .agree-third input[type=checkbox].css-checkbox[disabled]+label.css-label{opacity:1;} .agree-third input[type=checkbox].css-checkbox[disabled]+label.css-label.lable_disabled{background-position: 0 -850px!important;} .agree-third label > em{opacity:.5;} .newchoice_info .agree-third .newma_detail_bt{right:0; top:0;} /* 2019-12-12 본인인증 추가 _ 이미지 */ .newacc_privacy {text-align:left; border-width:0px 0 1px; border-style:solid; border-color: #ddd} .newacc_privacy .box {padding: 24px 10px 10px; } .newacc_privacy .box strong { display:block; margin-bottom:8px } .newacc_privacy .box ul li {margin-left: 11px; text-indent: -11px; line-height: 20px; color: #888; } .newacc_privacy .box .toggleViewCont>li:nth-child(3) {font-size:14px; font-weight:700; color:#666} .newacc_privacy .bt_area { display:table; width:100%; border-top:1px solid #ddd} .newacc_privacy .bt_area a.bt_tx { margin:0; padding:0; display:table-cell; font-size:12px; width:50%; float:left; text-align:center; position:relative;height:30px; line-height:30px} .newacc_privacy .bt_area a.bt_tx.red { color:#e80f00} .newacc_privacy .bt_area a.bt_tx.red:after { content:''; position:absolute; width:1px; height:20px; right:-1px; top:5px; background:#e0e0e0} .member_wrap .find_pw .newacc_privacy strong { font-size:12.1px; margin-bottom:8px; padding-bottom:0} .member_wrap .find_pw .pw_find_area .nationals { border-right:1px solid #ddd; margin-right:-1px} /* 2019-12-11 회원가입 페이지 해외몰 이동 추가 */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: normal; src: url('../../../../../mobile/common/shilladfshome/kr/fonts/Roboto-Regular.eot'); src: url('../../../../../mobile/common/shilladfshome/kr/fonts/Roboto-Regular.woff2') format('woff2'), url('../../../../../mobile/common/shilladfshome/kr/fonts/Roboto-Regular.woff') format('woff'), url('../../../../../mobile/common/shilladfshome/kr/fonts/Roboto-Regular.otf') format('opentype'); } .new_link{width:820px; margin:80px auto 0;} .new_link > li{width:273px; height:194px; border:1px solid #e6dfda; border-left:0;} .new_link li > p{padding-top:25px;} .new_link .cn{width:274px; border-left:1px solid #e6dfda;} .new_link .cn .info{font-family:'Microsoft YaHei';} .new_link .jp{float:left;} .new_link .jp .info{font-family:'meiryo';} .new_link .en{float:left; font-family:'Roboto'} .new_link .en .info{font-family:'Roboto'} .new_link .info{min-width:220px;} .signup_type2 .normal a{background-image:url('../img/sub/bg_ico_account_normal2.png');} .signup_type2 .sns a{background-image:url('../img/sub/bg_ico_account_sns2.png');} .signup_new_wr .signup_benefit_tit{margin-top:76px;} .signup_new_wr .signup_benefit_bn{margin-top:28px;} /* 2020-01-28 카카오앱키변경안내문구추가 */ .new_sns_box { background:#fff; margin:40px auto; width:725px} .new_sns_box .signup_sns_sel { margin:0 auto} .new_sns_expl { width:725px; margin:0 auto; padding:29px 0 30px 0; border-top:1px solid #f7f7f7} .new_sns_expl li { text-align:center; font-size:14px; color:#666; margin-top:4px; } .new_sns_expl li:first-child { margin-top:0px; } /* 2020-01-15 오프라인 주문 출국일 변경 추가 */ .mypage_wrap .table_normal .newOrder2018 .date{color:#e80f00;} /*2020-02-10 스페셜오더 개선 */ .special_order .step_list_wrap.depth4 li {width:25%; } .special_order .step_list_wrap.depth4 li p{height:auto;line-height:16px} .new_step_list_wrap {background:#fafafa; } .new_step_list_wrap li { float:left; width:183px; text-align:center; box-sizing:border-box } .new_step_list_wrap li div { position:relative;margin:20px 0; padding:0 10px 10px 10px} .new_step_list_wrap li div:after { content:''; position:absolute; width:1px; height:100%; background:#eaeaea; right:0; top:0; } .new_step_list_wrap li:last-child div:after { display:none } .new_step_list_wrap li .img { position:absolute; top:10px; left:50%; margin-left:-21px; display:block; height:42px; } .new_step_list_wrap li strong {font-size:15px; color:#333; padding:71px 0 4px; display:block } .new_step_list_wrap li p {font-size:13px; color:#999; line-height:18px; letter-spacing:-0.5px } .new_cp .cp_tab_wrap {padding:10px 0 0; border:0; background:transparent} .new_cp .cp_tab_area {overflow:hidden; clear:both} .new_cp .cp_tab_area li {position:relative; float:left; font-size:16px; line-height:25px; font-weight:700; letter-spacing:-1.25px; width:auto} .new_cp .cp_tab_area li + li:before {content:''; display:inline-block; margin:-5px 0 0 10px; padding:0 10px 0 0; border-left:1px solid #ccc; height:16px; vertical-align:middle} .new_cp .cp_tab_area li a {display:inline-block; color:#ccc} .new_cp .cp_tab_area li .on {color:#333} .new_cp .cp_tab_area.sub {margin:8px 0 0; padding:0} .new_cp .cp_tab_area.sub a {float:left; margin:0 2px 2px 0; line-height:26px; text-align:center; border:1px solid #dcdcdc; background:#fff; width:28px; height:28px; box-sizing:border-box} .new_cp .cp_tab_area.sub a.on {color:#fff; border-color:#373231; background:#373231} .new_cp .cp_tab_area.sub a.disabled {color:#ccc; border-color:#dcdcdc; cursor:default} .new_cp .cp_tab_area.sub a.etc {width:58px} .new_cp .cp_tab_area.sub a.domestic {width:88px} .new_cp .cp_tab_area.sub a.all {width:58px} .new_cp .cp_tab_area.sub.alp a.all {display:flex; align-items:center; justify-content:center; width:58px; height:58px} .new_cp .cp_tab_result {overflow-y:auto; margin:15px 0 0; border:1px solid #dcdcdc; background:#fff; max-height:335px} .new_cp .cp_tab_result div[data-sort-target] {display:table; table-layout:fixed; padding:30px 0; width:100%} .new_cp .cp_tab_result div[data-sort-target] + div[data-sort-target] {border-top:1px solid #eee} .new_cp .cp_tab_result div[data-sort-target][style="display:none"] + div[data-sort-target] {border-top:none} .new_cp .cp_tab_result div[data-sort-target] > .ts {display:table-cell; /*padding:0 30px;*/ font-size:46px; font-weight:700; text-align:center; width:140px; vertical-align:top} .new_cp .cp_tab_result div[data-sort-target] > .ts.etc {font-size:26px} .new_cp .cp_tab_result div[data-sort-target] > .ts.domestic {font-size:24px; line-height:28px} .new_cp .cp_brand_list {overflow:hidden; display:table-cell} .new_cp .cp_brand_list li {float:left; width:50%} .new_cp .cp_brand_list li a {display:block; color:#666; font-size:14px; line-height:28px} .newgray_infobox02 { margin:0 0 14px 0} .newgray_infobox02 .box { padding:34px 35px 30px ; background: #fafafa; } .newgray_infobox02 .box strong { display:block; margin-bottom:8px; font-weight:400 } .newgray_infobox02 .box strong label {font-size:14px; padding-left:14px} .newgray_infobox02 .box ul { margin-left:3px} .newgray_infobox02 .box ul li {margin-left: 14px; text-indent: -16px; line-height: 22px; color: #888; } .newgray_infobox02 .box.type02 { margin-top: 0; padding: 24px 30px; border-top: 0;} .newgray_infobox02 .box .toggleViewCont>li:nth-child(3) {font-size:14px; font-weight:700; color:#666;} .new_special_order .btm_desc { position:relative; margin:20px 0 25px} .new_special_order .btm_desc p {text-indent:-10px; padding-left:10px; line-height:22px} .new_special_order .btm_desc .btn_ss_white { position:absolute; right:0; top:0; text-indent:0 } .new_btm_info_st01 { background:#fafafa; padding:34px 30px 32px} .new_btm_info_st01 strong {font-size:14px; color:#333; font-weight:400; } .new_btm_info_st01 .list_dot li { line-height:1.7} /* 2020-02-27 카카오톡 앱 키 변경 대응 - 픽스다인 */ .signup_kakao {text-align:center;} .signup_kakao_top {padding-top:57px;} .signup_kakao_top .title {font-size:18px; color:#666666; line-height:1.6;} .signup_kakao_top .text {padding-top:15px; font-size:14px; color:#333333;} .signup_kakao_step {display:inline-block; position:relative; margin-top:28px;} .signup_kakao_step .reply {position:absolute; top:227px; left:221px; width:380px; height:52px; font-size:0;} .signup_kakao_step .number {position:absolute; top:652px; left:298px; width:301px; height:44px; border:0; background:transparent; font-size:14px; color:#aaaaaa; vertical-align:middle;} .signup_kakao_bottom {padding-top:59px;} .signup_kakao_bottom .text {font-size:18px; color:#333333;} .signup_kakao_bottom .button {padding-top:29px;} .signup_kakao_bottom .button a {display:inline-block; width:380px; height:52px; background:#ef3e3a; font-size:14px; font-weight:700; color:#ffffff; line-height:52px;} /* 2019-11-18 마이신라/구매완료 오프라인 배너 위치 변경 건 - 픽스다인 */ .new_banner_type.banner_off {overflow:hidden; position:relative;} .cart_payment .new_banner_type.banner_off {width:930px; height:180px; margin:30px 0;} /* 2020-04-20 기본정보관리 신라리워즈 추가 */ .myagree_box{} .myagree_box .rew-tit{font-size:14px; font-weight:700;} .myagree_box .rewards_cont {background:#efefef; padding:24px; margin-top:10px; font-size:13.3px} .myagree_box .rewards_cont p {line-height:1.4; padding:0 0 5px 0} .myagree_box .rewards_cont .rewards_agree { margin:15px auto 0; text-align:center; font-size:15px} .myagree_box .rewards_cont .mr{margin-right:15px } .myagree_form_tit{display:table-cell; width:80px; vertical-align:middle} .myagree_form_tit label{font-size:13px} .myagree_form_ipt{display:table-cell; vertical-align:middle;} .myagree_box_name{margin-top:10px;} .myagree_box .rew-tit{font-size:14px; font-weight:700;} .myagree_box .rew-cont{font-size:12px; color:#666; margin-top:6px;} .myagree_box .rew-cont a{color:#666;} .myagree_pw{margin-top:6px;} .myagree_pw .myagree_form_ipt input{width:302px;} /* 툴팁 */ .form_tip_area{position:relative; display:inline-block; width:17px; height:17px; background:url('../img/common/ico_sp.png') -90px -30px no-repeat; vertical-align:-2px;} .form_tip_box{display:inline-block; position:absolute; left:0; top:-999px; margin:0 20px; background-color:rgba(0,0,0,0.8); font-weight:400; font-size:14px; color:#fff; letter-spacing:-0.5px; line-height:20px; padding:16px 20px 18px; z-index:20; box-sizing:border-box} .form_tip_cont{position:relative; padding-right:10px;} .tip_arrow{display:none; position:absolute; left:50%; top:-8px; width:9px; height:8px; background:url('../img/common/ico_sp.png') -180px -30px no-repeat; transform:translateX(-50%)} .tip_close{position:absolute; top:-6px; right:-10px; width:13px; height:13px; background:url('../img/common/ico_sp.png') -210px -30px no-repeat;} .form_tip_area.active .tip_arrow {display:block} .form_tip_area.closed .tip_arrow {display:none} .form_tip_area.closed .form_tip_box {display:none;} /* 2020-04-20 : 전시 카테고리 개편 - 픽스다인 */ .bestseller_wrap .tab_menu ul li a {padding:13px 10px;} .sub_brand .sub_brand1 .brand_wrap .brand_head .menu_sub a {margin-bottom:5px;} /* 2020-05-18 : S.Rewards 포인트 통합 - 픽스다인 */ .checkout_table.payment_wrap.payment_type .info_box.info_type th.tooltip_club .tooltip_wrap label {line-height:1.4;} .checkout_table.payment_wrap.payment_type .info_box.info_type td.lalacash_inq_st table tr th {padding-right:0 !important;} .checkout_table.payment_wrap.payment_type .info_box.info_type td.lalacash_inq_st table tr td {padding-right:0 !important;} .checkout_table.payment_wrap.payment_type .info_box.info_type td.lalacash_inq_st table tr:first-child td {padding:0;} .checkout_table.payment_wrap.payment_type .info_box.info_type td.lalacash_inq_st table tr td .lalacash_useall {margin-left:10px;} .checkout_table.payment_wrap.payment_type .info_box.info_type .user_info.info_type02 {padding-left:0;} /* ec 직구찬스 */ .top_tit02 { overflow:hidden; margin-bottom:15px} .top_tit02 .chk_area{float:left; margin-top:13px} .top_tit02 .bt_area {float:right} .top_tit02 .bt_area a {border-width:1px; border-style:solid; color:#333; box-sizing:border-box; display: inline-block; padding: 0px 20px; border-radius:2px; background: #fff; line-height:28px; font-size: 11px;} .top_tit02 .bt_area a.gray {border-color: #666; color:#333;} .n_btn_area {} .n_btn_area a { min-width:67px; margin-top:3px; position:relative; box-sizing:border-box; display: inline-block; padding: 5px 6px 6px 6px; border-radius: 4px; background: #fdfdfd; line-height: 1; font-size: 11px; } .n_btn_area a:first-child { margin-top:0} .n_btn_area .btn_line_red { border:1px solid #ef3f3b; color:#ef3f3b;} .n_btn_area .btn_line_gray { border:1px solid #d8dbdf; color:#666;} .table_normal .barcode { } .table_normal .barcode .chk {display:inline-block;margin-bottom:7px } .n_space01 { margin-top:30px} .mypage_wrap .table_normal .num_date li span.point_red { color:#ef3f3b} /* 2019-02-07 고객센터 쇼핑혜택, 예치금 이용안내 라라페이 추가 */ .cs_guide .add_benefit .tit_tab_txt li{width:25%;} .cs_guide .bg_list li ul li.num_list{background:none; padding-left:0;} .cs_guide .benefit_wrap .manual_area .btn_brown_s{display:block; margin:0 auto; width:180px; height:34px; line-height:34px;} /* 2019-02-07 주문결제 라라페이 배너 추가 */ .lala_banner_box{overflow:hidden; position:relative; width:645px; height:140px; margin-top:50px;} .lala_banner_box .lala_banner_in{width:645px; height:140px;} .lala_banner_box .lala_banner_in .slick-slide{position:relative; float:left; width:645px;} .lala_banner_box .slick-dots{position:absolute; left:50%; bottom:15px; width:200px; height:8px; margin-left:-100px; text-align:center; z-index:9999;} .lala_banner_box .slick-dots li{display:inline-block; width:8px; height:8px; padding-left:8px; vertical-align:top;} .lala_banner_box .slick-dots li:first-child{padding-left:0;} .lala_banner_box .slick-dots li button{width:8px; height:8px; background-color:rgba(153,153,153,0.3); border-radius:4px; border:0; text-indent:-9999px; vertical-align:top;} .lala_banner_box .slick-dots li.slick-active button{background-color:#999;} .lala_banner_box .la_txt_set{position:absolute; left:30px; top:27px;} .la_txt_set .la_img{line-height:1;} .la_txt_set .la_txt1{padding-top:14px; font-size:24px; font-weight:400; color:#333; letter-spacing:-0.05em; line-height:1; text-indent:-1px;} .la_txt_set .la_txt1 span{line-height:1; font-weight:700;} .la_txt_set .la_txt2{padding-top:16px; font-size:15px; font-weight:400; color:#999; letter-spacing:-0.035em; line-height:1;} /* 2019-02-07 주문결제 라라페이 가입안내 문구 추가 */ .write_box{position:relative;} .lala_txt{position:absolute; top:0; right:-286px;} .lala_txt span{display:inline-block; font-size:15px; line-height:26px; color:#666; letter-spacing:-0.025em;} .lala_txt strong{color:#333; letter-spacing:-0.025em;} .lala_txt a{display:block; float:right; width:122px; height:26px; margin-left:11px; color:#fff; background-color:#f95450; line-height:26px; font-size:13px; text-align:center; letter-spacing:-0.025em;} /* 2019-02-07 주문결제 라라페이앱 안내 팝업 */ .join_lala{width:450px; border:none; background-color:transparent;} .join_lala .btn_close{position:absolute; right:60px; top:27px; width:50px; height:50px; text-indent:-9999px;} /* 2019-02-07 라라페이 약관동의, 가입완료 */ .lala_signed{margin-top:50px;} .lala_signed .area01{height:500px; background:#f95450 url('../img/sub/lalapay/lala_signed01.jpg') no-repeat 0 0;} .lala_signed .area01 .txt{padding:130px 0 0 70px} .lala_signed .area01 .txt .logo_img{padding-top:28px;} .lala_signed .area01 .s_txt{padding-top:34px; font-size:20px; letter-spacing:-0.04em; line-height:28px; color:rgba(255,255,255,0.7); font-weight:400} .lala_signed .area02{position:relative; min-height:130px; padding:70px 0; background-color:#434444;} .lala_signed .area02 .txt{width:431px; padding:0 0 0 70px} .lala_signed .area02 .txt .s_txt{padding-top:20px; font-size:20px; letter-spacing:-0.04em; line-height:28px; color:rgba(255,255,255,0.6); font-weight:400} .lala_signed .area02 .code{position:absolute; left:501px; top:70px; height:130px;} .lala_signed .area02 .code .qr_img{float:left;} .lala_signed .area02 .code ul{float:left; margin-left:20px;} .lala_signed .area02 .code ul li{margin-top:10px;} .lala_signed .area02 .code ul li:first-child{margin-top:0;} .lala_signed .area03{padding:70px 0; text-align:center;} .lala_signed .area03 .s_txt{padding-top:23px; font-size:20px; font-weight:400; letter-spacing:-0.04em; color:#777; line-height:1;} .lala_signed .area03 .pay_list{overflow:hidden; padding:40px 0 0 70px;} .lala_signed .area03 .pay_list li{display:block; width:250px; float:left; margin-left:20px;} .lala_signed .area03 .pay_list li:first-child{margin-left:0;} .lala_signed .area03 .pay_list li > div{width:250px; height:250px; border-radius:125px;} .lala_signed .area03 .pay_list li > div span{display:block; padding-top:159px; font-size:20px; letter-spacing:-0.025em; color:#fff; line-height:1;} .lala_signed .area03 .pay_list li > p{padding-top:26px; font-size:16px; letter-spacing:-0.025em; color:#777; line-height:23px; font-weight:400} .lala_signed .area03 .pay_list .type1 div{background:#f95450 url('../img/sub/lalapay/icon_paytype01.png') no-repeat 50% 60px;} .lala_signed .area03 .pay_list .type2 div{background:#f3f3f3 url('../img/sub/lalapay/icon_paytype02.png') no-repeat 50% 60px;} .lala_signed .area03 .pay_list .type2 div span{color:#666;} .lala_signed .area03 .pay_list .type3 div{background:#434448 url('../img/sub/lalapay/icon_paytype03.png') no-repeat 50% 60px;} .lala_signed_banner{overflow:hidden; position:relative; width:931px; height:200px; margin-bottom:50px;} .lala_signed_banner .slide_paging{position:absolute; left:50%; bottom:20px; width:200px; height:10px; margin-left:-100px; text-align:center; z-index:9999;} .lala_signed_banner .slide_paging li{float:none; display:inline-block; width:10px; height:10px; padding-left:10px; vertical-align:top;} .lala_signed_banner .slide_paging li:first-child{padding-left:0;} .lala_signed_banner .slide_paging li a{background:#d9d9d9; height:10px; border-radius:5px;} .lala_signed_banner .slide_paging li a.on{background:#999;} .lala_signed_banner > ul > li{position:relative;} .lala_signed_banner .la_txt_set{position:absolute; left:40px; top:40px;} .lala_signed_banner .la_txt_set .la_img{line-height:1;} .lala_signed_banner .la_txt_set .la_txt1{padding-top:18px; font-size:30px; font-weight:400; color:#333; letter-spacing:-0.05em; line-height:1;} .lala_signed_banner .la_txt_set .la_txt1 span{line-height:1; font-weight:700;} .lala_signed_banner .la_txt_set .la_txt2{padding-top:11px; font-size:17px; font-weight:400; color:#999; letter-spacing:-0.05em; line-height:1;} /* 2019-02-07 라라페이 가입안내 */ #container.lalapay_intro{width:auto; overflow:hidden;} .lalapay_intro .section01{height:680px; background:url('../img/sub/lalapay/lalapay_visual01.jpg') no-repeat 50% 0;} .lalapay_intro .section_in{position:relative; width:931px; margin:0 auto;} .section01{overflow:hidden;} .section01 .section_in{height:680px;} .section01 .txt{padding-top:170px;} .section01 .txt .logo_img{padding-top:24px;} .section01 .txt .s_txt{padding-top:19px; font-size:20px; letter-spacing:-0.04em; line-height:28px; color:rgba(255,255,255,0.6); font-weight:400; color:#777;} .section01 .join_lalapay{display:block; width:218px; height:53px; margin-top:50px; border:1px solid #bbb; font-size:20px; font-weight:400; line-height:52px; letter-spacing:-0.025em; color:#555; text-align:center;} .section01 .img_mobile{position:absolute; bottom:0; right:-245px; visibility:hidden;} .section02{padding:65px 0 60px; background-color:#434448; text-align:center;} .section02 .qr_txt{padding-top:23px; font-size:20px; line-height:28px; letter-spacing:-0.04em; color:#fff;} .section02 .qr_btn{font-size:0; margin-top:36px;} .section02 .qr_btn a{display:inline-block; margin:0 10px;} .section03{overflow:hidden; position:relative; background-color:#f95450;} .section03 .section_in{height:770px;} .section03 .txt{padding-top:220px;} .section03 .txt .s_txt{padding-top:52px; font-size:20px; letter-spacing:-0.04em; line-height:28px; color:rgba(255,255,255,0.8); font-weight:400; } .section03 .img_mobile{position:absolute; bottom:0; right:-214px;} .section04{height:700px; padding-top:150px; background-color:#f3f3f3; text-align:center;} .section04 .s_txt{padding-top:40px; font-size:20px; font-weight:400; letter-spacing:-0.04em; color:#777; line-height:1;} .section04 .pay_list{overflow:hidden; width:1028px; margin:0 auto; padding:80px 0 0 0;} .section04 .pay_list li{display:block; width:370px; float:left; margin-left:-42px;} .section04 .pay_list li:first-child{margin-left:0;} .section04 .pay_list li > div{width:370px; height:370px; border-radius:185px; background-color:rgba(252,252,252,0.75);} .section04 .pay_list li > div span{display:block; padding-top:180px; font-size:24px; letter-spacing:-0.04em; color:#444; line-height:1;} .section04 .pay_list li > div p{padding-top:26px; font-size:16px; letter-spacing:-0.025em; color:#777; line-height:23px; font-weight:400} .section04 .pay_list .type1 div{background-image:url('../img/sub/lalapay/icon_paytype04.png'); background-repeat:no-repeat; background-position:50% 65px;} .section04 .pay_list .type2 div{background-image:url('../img/sub/lalapay/icon_paytype05.png'); background-repeat:no-repeat; background-position:50% 65px;} .section04 .pay_list .type3 div{background-image:url('../img/sub/lalapay/icon_paytype06.png'); background-repeat:no-repeat; background-position:50% 65px;} .section05{} .section05 .section_in{height:750px;} .section05 .txt{padding:260px 0 0 530px;} .section05 .txt .s_txt{padding-top:52px; font-size:20px; letter-spacing:-0.04em; line-height:28px; color:#777; font-weight:400;} .section05 .img_mobile{position:absolute; bottom:0; left:-45px; visibility:hidden;} .section06{background-color:#fafafa;} .section06 .lala_signed_banner{margin:0 auto;} .section07{height:100px; border-bottom:1px solid #eee; text-align:center;} .section07 .canceling{padding-top:40px; font-size:16px; letter-spacing:-0.025em; color:#aaa; font-weight:400;} .section07 .canceling a{margin-left:23px; color:#777; text-decoration:underline; font-weight:400;} /* card */ .payment_box{position:absolute; top:352px; left:613px; width:100%; overflow:hidden;} .pay_item {overflow:hidden; position:relative; width:926px; height:261px;} .pay_item .list {height:261px;} .pay_item .list > li {position:absolute; z-index:0; height:261px; visibility:hidden;} .pay_item .list > li.active { -webkit-animation-duration: 0.45s; animation-duration: 0.45s; -webkit-animation-name: slide; animation-name: slide; visibility:visible; z-index:10; } .pay_item .list > li.lately{ -webkit-animation-duration: 0.45s; animation-duration: 0.45s; -webkit-animation-name: latelySlide; animation-name: latelySlide; opacity:1; } .pay_item .list > li.active:after{content:""; display:block; width:443px; height:261px; position:absolute; right:-463px; top:0; opacity:1; background-color:#fa9895; border-radius:5px;} @-webkit-keyframes slide { from { -webkit-transform: translate(886px, 0px); transform: translate(886px, 0px); opacity:0; } to { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity:1; } } @keyframes slide { from { -webkit-transform: translate(886px, 0px); transform: translate(886px, 0px); opacity:0; } to { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity:1; } } @-webkit-keyframes latelySlide { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); visibility:visible; z-index:10; } to { -webkit-transform: translate(-443px, 0px); transform: translate(-443px, 0px); visibility:hidden; z-index:0; } } @keyframes latelySlide { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); visibility:visible; z-index:3; } to { -webkit-transform: translate(-443px, 0px); transform: translate(-443px, 0px); visibility:hidden; z-index:0; } } .section03 .menu{position:absolute; left:0; bottom:192px; width:auto; text-align:left;} .section03 .menu .item{display:block; float:left; width:110px; margin-right:40px; background:transparent; height:34px; font-size:20px; letter-spacing:-0.04em; color:#fff; box-sizing:border-box; opacity:0.8;} .section03 .menu .item:hover, .menu .item.active{border-bottom:2px solid #fff; opacity:1;} .section03 .menu2{position:absolute; left:613px; bottom:107px; width:auto; height:10px;} .section03 .menu2 .item{display:block; float:left; width:10px; height:10px; margin-right:10px; background:#fff; opacity:0.4; text-indent:-9999px; border-radius:5px;} .section03 .menu2 .item:hover, .menu2 .item.active{opacity:1;} .payment_box .card{position:relative; box-sizing:border-box; border-radius:5px; width:443px; height:261px; transition:all 1s ease-in-out; background-color:#fff;} .payment_box .card .c_txt3{padding:35px 0 0 35px; font-size:28px; color:#444; line-height:1; letter-spacing:-0.05em; font-weight:400;} .payment_box .card .c_list{position:absolute; left:35px; bottom:35px;} .payment_box .card .c_list li{position:relative; margin-top:8px; font-size:17px; color:#777; font-weight:400; line-height:1;} .payment_box .card .c_list li:first-child{margin-top:0;} .payment_box .card .c_list li:before{display:block; content:""; position:absolute; left:0; top:1.6vw; width:2px; height:2px; background-color:#fff; border-radius:50%; box-sizing:border-box;} .payment_box .card .cp_icon{position:absolute; top:23px; right:35px; display:inline-block; width:54px; height:54px;} .payment_box .card .cp_icon img{width:100%; height:auto;} .cart_payment .info_box .dis_wrap {width:929px;} .cart_payment .info_box .dis_wrap .fixed{margin-left:191px;} .my_order_list_view .payment_info{position:relative;} .my_order_list_view .payment_info .btn_area{position:absolute; right:0; top:0; margin-top:0;} .my_order_list_view .payment_info .btn_area a.btn_brown_s{width:auto; padding:0 20px; height:22px; line-height:22px;} /* 2021-02-24 : 라라클럽 제거 */ .event_wrap .new_tab_w .tit_tab li { width:231px} .event_wrap .new_tab_w .tit_tab li:first-child { width:233px} /* 인터넷점 S.rewards */ .new_lala_mileage { border-top:2px solid #333; margin-top:0} .new_lala_mileage>div.new_all { width:100%} .new_lala_mileage>div.new_all ul { width:355px; margin:0 auto} /* 공지사항 */ .mypage_wrap .tit_tab_notice.new_tab_tw li { margin-left:8px } .mypage_wrap .tit_tab_notice.new_tab_tw li.tab0000 { margin-left:0px } .mypage_wrap .tab_type_faq.new_tab_tw li { margin-right:6px } .mypage_wrap .tab_type_faq.new_tab_tw li:last-child {margin-right:0} /* 2021-04-02 : EC 마이신라 주소검색 팝업 UI 변경 */ .popup_wrap .address {width:500px;} .popup_wrap .address .newwin.pop_add {padding:0 34px; border:0;} .popup_wrap .address .newwin.pop_add .h1_area {padding:32px 0 50px; border:0;} .popup_wrap .address .newwin.pop_add .cont {padding:0 0 50px 0;} .popup_wrap .h1_area a.btn_close {top:30px; right:-16px; padding:20px; background:url('../img/common/ico_popup_address_close.png') no-repeat center center; font-size:0; text-indent:-9999px;} .adrs_md_search {position:relative; padding-right:118px;} .adrs_md_search .ipt_search {width:100%; height:40px; padding:0 25px 0 0; border:0; border-bottom:1px solid #e5e5e5; font-size:16px; color:#333333; box-sizing:border-box;} .adrs_md_search .ipt_search::placeholder {color:#bbb;} .adrs_md_search .ipt_search:-ms-input-placeholder {color:#bbb;} .adrs_md_search .ipt_search::-moz-placeholder {color:#bbb;} .adrs_md_search .ipt_search::-webkit-input-placeholder {color:#bbb;} .adrs_md_search .btn_search {position:absolute; top:0; right:0; width:98px; height:40px; border:0; background:#dd4e44; font-size:16px; line-height:40px; color:#fff; text-align:center;} .adrs_md_search .btn_confirm {position:absolute; top:0; right:0; width:98px; height:40px; border:0; background:#534a3f; font-size:16px; line-height:40px; color:#fff; text-align:center;} .adrs_md_search .btn_delete {position:absolute; top:0; right:118px; width:14px; height:100%; border:0; background:url('../img/common/ico_popup_address_delete.png') no-repeat right center; font-size:0; text-indent:-9999px;} .adrs_search {margin-bottom:10px;} .adrs_info {padding:22px 20px 25px; background:#f7f7f7;} .adrs_info .title {display:block; font-size:16px; color:#333333; line-height:26px;} .adrs_info .title em {color:#dd4e44;} .adrs_info .text {font-size:16px; color:#666; line-height:26px; letter-spacing:-0.5px;} .adrs_info .tip {margin:23px 0 5px;} .adrs_info .tip dl {margin-top:45px;} .adrs_info .tip dl:first-child {margin-top:0;} .adrs_info .tip dl dt {position:relative; padding-left:8px; font-size:16px; color:#666;} .adrs_info .tip dl dt:before {display:block; content:""; position:absolute; top:7px; left:0; width:2px; height:2px; border-radius:50%; background:#606060;} .adrs_info .tip dl dd {margin-top:12px; padding-left:8px; font-size:16px; color:#bbb;} .adrs_info .info_empty {margin-bottom:7px;} .adrs_board {margin-top:10px;} .adrs_board table {width:100%; table-layout:fixed; border-top:2px solid #6b6152;} .adrs_board table thead th {padding:14px 0; border-bottom:1px solid #e0e0e0; background:#f5f3f3; font-size:13px; font-weight:700; color:#333; text-align:center;} .adrs_board table tbody td {padding:15px 10px; border-bottom:1px solid #e0e0e0; text-align:left;} .adrs_board table tbody td p {margin-top:6px;} .adrs_board table tbody td p a {font-size:12px; color:#333;} .adrs_board table tbody td p:frst-child {margin-top:0;} .adrs_board .zipcode {display:block; font-size:12px; color:#666; text-align:center;} .adrs_paging {padding:30px 0 0 0; font-size:0; text-align:center;} .adrs_paging a {display:inline-block; width:24px; height:24px; margin:0 5px; box-sizing:border-box; font-size:12px; color:#666666; text-align:center; line-height:24px; vertical-align:top;} .adrs_paging a.on {background:#7d7d7d; color:#fff;} .adrs_paging a.first, .adrs_paging a.prev, .adrs_paging a.next, .adrs_paging a.last {background:url('../img/common/ico_popup_address_first.png') no-repeat center center; text-indent:-9999px; border:1px solid #e0e0e0;} .adrs_paging a.prev {background-image:url('../img/common/ico_popup_address_prev.png');} .adrs_paging a.next {background-image:url('../img/common/ico_popup_address_next.png');} .adrs_paging a.last {background-image:url('../img/common/ico_popup_address_last.png');} .adrs_detail {padding-top:30px;} .adrs_detail .title {display:block; font-size:16px; color:#333;} .adrs_detail .zipcode {margin-top:12px; font-size:12px; color:#666;} .adrs_detail .address {margin-top:5px; font-size:12px; color:#666; line-height:18px;} .adrs_detail .adrs_md_search {margin-top:17px;} /* 2021-04-12 : ELKO 스탬프 이벤트 개발의 건 */ .my_stamp_event {margin-top:24px; border-top:2px solid #333333;} .my_stamp_event .null {padding:90px 0; border-bottom:1px solid #333333;} .my_stamp_event .null p {font-size:14px; color:#333333; text-align:center;} .my_stamp_event .list {overflow:hidden; width:732px; padding:41px 0 0 0;} .my_stamp_event .list ul {margin-right:-36px;} .my_stamp_event .list ul:after {display:block; clear:both; content:"";} .my_stamp_event .list ul li {float:left; width:33.33%; padding:0 36px 39px 0; box-sizing:border-box;} .my_stamp_event .list ul li:nth-child(3n + 1) {clear:both;} .my_stamp_event .list ul li a {display:block;} .md_event_rect {position:relative;} .md_event_rect .image {height:96px;} .md_event_rect .image img {width:100%; height:100%;} .md_event_rect .tag {position:absolute; top:70px; right:10px;} .md_event_rect dl {padding:10px 10px 0;} .md_event_rect dl dt {overflow:hidden; height:34px; padding-bottom:5px; font-size:14px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; line-height:1.3; color:#333;} .md_event_rect dl dd {overflow:hidden; font-size:12px; color:#333; white-space:nowrap; text-overflow:ellipsis;} /* 2021-06-23 외국인 성별 미수집*/ .mem_chklist_area.new_passport{margin:0 10px 16px;} .mem_chklist_area.bottom{margin-top:33px;} .mem_chklist_box{position:relative; padding-right:25px;} .mem_chklist_btn{position:absolute; display:block; top:0; right:0; width:20px; height:24px; background:url('../img/common/ico_sp.png') -143px -23px no-repeat;background-size:300px auto;} .mem_chklist_btn.on{background-position:-23px -21px;} .mem_chklist_area + .btns_area{margin-top:34px;} .mem_chklist{display:none;} .mem_chklist.on{display:block;} .mem_chklist li{position:relative; margin-top:11px; padding-right:25px;} .mem_chk_view{position:absolute; display:block; top:50%; right:0; border-bottom:1px solid #666; font-size:13px; color:#666; padding-bottom:1px; transform:translateY(-50%)} .mem_chk_txt{font-size:16px; color:#222; font-weight:700; line-height:24px; letter-spacing:-0.25px; vertical-align:top;} .mem_join_date_area{display:table; table-layout:fixed; width:100%; min-height:70px; box-sizing:border-box; background-color:#f5f5f5; text-align:center; padding-top:15px; padding-bottom:15px;} .mem_join_date_area li{display:table-cell; width:50%; border-left:1px solid #e6e6e6; font-size:12px; color:#aaa; letter-spacing:-0.5px; padding-top:8px; padding-bottom:8px;} .mem_join_date_area li:first-child{border-left:0;} .mem_join_date_area li span{display:block; font-size:14px; font-weight:700; padding-top:8px} .mem_form_area{margin-top:9px;} .mem_form_area + .btns_area{margin-top:30px;} /* radio */ .form_rdo{display:inline-block;position:relative;padding-left:30px;} .form_rdo > input{position:absolute;left:0;top:0;width:0;height:0;opacity:0;} .form_rdo > input + span{display:block;position:absolute;top:2px;left:0;width:21px;height:21px;vertical-align:top;background:url('../img/common/ico_sp.png') -60px 0 no-repeat;background-size:300px auto;} .form_rdo .label{display:block;font-size:14px;font-weight:700;color:#333;line-height:24px;vertical-align:top;word-break:keep-all;} .form_rdo > input:checked + span{background-position:-90px 0;} .form_rdo > input:disabled ~ .label{color:#ccc;} .form_rdo + .form_rdo{margin-left:20px;} .form_rdo .txt_em{color:#e80f00;} /* 체크박스 */ .new_passport .form_chk{display:inline-block;position:relative;padding-left:30px;} .new_passport .form_chk > input{position:absolute;left:0;top:0;width:0;height:0;opacity:0;} .new_passport .form_chk > input + span{display:block;position:absolute;top:2px;left:0;width:21px;height:21px;vertical-align:top;background:url('../img/common/ico_sp.png') 0 0 no-repeat;background-size:300px auto;} .new_passport .form_chk .label{display:block;font-size:14px;font-weight:700;color:#666;line-height:24px;letter-spacing:-0.25px;vertical-align:top;word-break:keep-all;} .new_passport .form_chk > input:checked + span{background-position:-30px 0;} .new_passport .form_chk > input:disabled ~ .label{color:#ccc;} .new_passport .form_chk + .form_chk{margin-left:20px;} .new_passport .form_chk .txt_em{color:#e80f00;} .new_passport .form_chk a.txt_em{color:#e80f00; text-decoration:underline} .new_passport .row_cont { padding-left:30px; position:relative; margin-top:6px} .new_passport .row_cont .row_tit { position:absolute; top:5px} .new_passport .row_cont .rc_form_box {margin-left:63px} .new_passport .txt_gray {margin-top:10px !important; line-height:1.5;} .signup_wrap .btns_box { margin-top:5px;} .signup_wrap .btns_box a.btn_brown_s { width:100%; box-sizing:border-box} /* 2021-07-20 : T멤버십 포인트 사용/적립 개발의 건 */ .popup_wrap .dal_coin { text-align:center; } .popup_wrap .dal_coin_res { padding-top:36px } .popup_wrap .dal_coin_res strong { font-size:30px; color:#ef3f3b; font-family:'tahoma'; font-weight:bold } .popup_wrap .dal_coin_res span { font-size:24px; color:#666; font-family:'tahoma' } .checkout_table.payment_wrap.payment_type .info_box.info_type #totalUsedDal2, .checkout_table.payment_wrap.payment_type .info_box.info_type #totalUsedDalPoint2 { width:48px} .user_info.dal_coin { margin:6px 0 11px 23px} .user_info.dal_coin strong { font-weight:700 } /* 2021-11-05 : 3시간전샵 단순문구 추가 */ .marketing_3hour_wrap {padding-top:0;} .marketing_3hour_wrap .marketing_3hour {position:relative; height:auto;} .marketing_3hour_wrap .marketing_3hour .marketing_3hour {padding-bottom:0;} #container .marketing_3hour .order_area > h2 {margin-top:0; padding-top:30px;} /* 2021-11-10 : SKT포인트할인제도변경 건 */ .popup_wrap .point_search.space_point .skt_info li { font-weight:normal; letter-spacing:-1px} .popup_wrap .pop_bmt_info {} .popup_wrap .pop_bmt_info p + p{ margin-top:10px} .checkout_table.payment_wrap.payment_type .info_box.info_type .spaceTpoint .btn_brown_s.point_cancel { width:58px} #totalUsedNewSktMembership2.input { width:48px} .cart_payment .info_box>.left .write_box .table_tbody td .spaceTpoint .brand_point li.spaceTPointReg { padding-bottom:0 } .cart_payment .info_box>.left .write_box .table_tbody td .spaceTpoint .brand_point li.spaceTPointReg .user_info { white-space:nowrap; } .info_box .write_box .table_tbody .addiSelect .layer_10 .tooltip_layer {top:-45px !important; left:30px;} .info_box .write_box .table_tbody .addiSelect .layer_68 .tooltip_layer {top:-76px !important; left:30px;} /* 2021-11-29 : 온라인 명품관 */ #container.sdl_butique {width:100%; padding-bottom:0;} .sdl_wrap {overflow:hidden; width:100%; min-width:1280px; background:#222; color:#fff;} .sdl_wrap .slick-arrow {display:inline-block; position:absolute; z-index:10; width:60px; height:60px; border:0; background:url('../img/common/ico_sdl_arrow_prev.png') no-repeat 0 0 /100% auto; font-size:0;} .sdl_wrap .slick-arrow.slick-next {background-image:url('../img/common/ico_sdl_arrow_next.png');} .sdl_wrap .slick-dots {margin-top:37px; font-size:0;} .sdl_wrap .slick-dots li {display:inline-block; margin-right:10px;} .sdl_wrap .slick-dots li button {display:inline-block; width:8px; height:8px; border:0; border-radius:50%; background:#fff; opacity:.25; font-size:0; vertical-align:top;} .sdl_wrap .slick-dots li.slick-active button {opacity:1;} .sdl_banner .count {position:absolute; bottom:0; right:0;} .sdl_banner .count:before {display:block; content:""; position:absolute; bottom:0; right:0; z-index:0; width:100%; height:100%; background:#000; opacity:.2;} .sdl_banner .count .inner {position:relative; z-index:1; min-width:46px; height:20px; line-height:20px; text-align:center;} .sdl_banner .count .inner .current {font-size:12px; font-weight:700; color:#fff;} .sdl_banner .count .inner .total {font-size:12px; color:#fff; opacity:.3;} .sdl_banner .carousel {position:relative; overflow:hidden; width:100%; font-size:0; white-space:nowrap;} .sdl_banner .carousel .item {display:inline-block; position:relative; overflow:hidden; width:100%; height:500px; vertical-align:top;} .sdl_banner .carousel .item img {position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:auto; height:100%; min-height:500px;} .sdl_banner .carousel .item .video, .sdl_banner .carousel .item .video video {width:100%; height:100%;} .sdl_banner .carousel .slick-arrow {top:50%; left:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);} .sdl_banner .carousel .slick-arrow.slick-prev {margin-left:-640px;} .sdl_banner .carousel .slick-arrow.slick-next {margin-left:580px;} .sdl_container {width:1280px; margin:0 auto;} .sdl_container .barea {padding:30px 0 3px; text-align:right;} .sdl_container .barea .btn_toggle {display:inline-block; width:20px; height:20px; margin-right:-20px; padding:20px; box-sizing:content-box; background:url('../img/common/ico_view_thumb.png') no-repeat right 20px top 20px /20px auto; font-size:0;} .sdl_container .barea .btn_toggle.is-list {background-image:url('../img/common/ico_view_list.png');} .sdl_container .category {width:1280px; overflow:hidden; margin:0 auto; padding-bottom:133px;} .sdl_container .category .title {margin-bottom:26px; font-size:30px; font-weight:700; text-align:center;} .sdl_container .category .carousel {position:relative; font-size:0; white-space:nowrap;} .sdl_container .category .carousel .item {display:inline-block; overflow:hidden; width:310px; padding-right:13px; vertical-align:top;} .sdl_container .category .carousel .item a {display:block;} .sdl_container .category .carousel .item a:hover .image img, .sdl_container .category .carousel .item a:focus .image img {transform:scale(1.13);} .sdl_container .category .carousel .item .image {overflow:hidden; width:100%; height:310px;} .sdl_container .category .carousel .item .image img {width:100%; height:100%; transition: transform 0.3s ease-in-out;} .sdl_container .category .carousel .item .name {padding-top:17px; font-size:18px; color:#fff; opacity:.6; text-align:center;} .sdl_container .category .carousel .item .name span {position:relative; z-index:1;} .sdl_container .category .carousel .slick-arrow {top:125px; opacity:0; background:none; transition: opacity 0.3s ease-in-out;} .sdl_container .category .carousel .slick-arrow:before {display:block; content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background:#000; opacity:0; transition: opacity 0.3s ease-in-out;} .sdl_container .category .carousel .slick-arrow span {display:inline-block; position:relative; z-index:1; width:100%; height:100%; background:url('../img/common/ico_sdl_arrow_prev.png') no-repeat 0 0 /100% auto;} .sdl_container .category .carousel .slick-arrow.active:before {opacity:0.2;} .sdl_container .category .carousel .slick-arrow.slick-prev {left:0;} .sdl_container .category .carousel .slick-arrow.slick-next {right:0;} .sdl_container .category .carousel .slick-arrow.slick-next span {background-image:url('../img/common/ico_sdl_arrow_next.png');} .sdl_container .category .carousel .slick-dots {text-align:center;} .sdl_container .category .carousel:hover .slick-arrow {opacity:1;} .sdl_container .category.is-list .carousel {margin:0 -6px 0 -6px; white-space:normal;} .sdl_container .category.is-list .carousel .item {width:25%; padding:0 6px 14px; box-sizing:border-box;} .sdl_container .category.is-list .carousel .item .image {display:none;} .sdl_container .category.is-list .carousel .item .name {display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:60px; padding-top:0; border:1px solid #393939; line-height:22px; font-size:18px; color:#fff; box-sizing:border-box;} .sdl_container .category.is-list .carousel .item .name:before {display:block; content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background:#fff; opacity:0; transition: opacity 0.3s ease-in-out;} .sdl_container .category.is-list .carousel .item a:hover .name:before {opacity:0.3;} .sdl_container .category.is-list .carousel .item:nth-child(4n + 1) {clear:both;} /* 샤넬 로그인 연동 */ .chanel_mem { margin-top:40px} .chanel_mem_popup { position:absolute; z-index:10000; width:800px; background:#fff; top:50%; left:50%; transform: translate(-50%, -15%); border:1px solid rgba(0,0,0,.3)} .chanel_mem_popup .chanel_mem_close { display:block; position:absolute; width:22px; height:23px; top:14px; right:19px; background:url('../img/chanel_mem_close.png') no-repeat 0 0 } .chanel_mem_popup .chanel_mem_close span { font-size:0; line-height:0; width:0; height:0; text-indent:-9999px; overflow:hidden} .chanel_mem_popup .chanel_m_header { height:50px; background:#000; width:100% } .chanel_mem_popup .chanel_m_body { padding:50px 40px 40px } .chanel_mem_popup .chanel_m_body .css-label { color:#111; } .chanel_mem_popup .chanel_m_body .ch_tit { font-weight:700; font-size:20px; color:#000 } .chanel_mem_popup .chanel_m_body .ch_txt { font-size:14px; color:#111; line-height:20px; margin-top:36px} .chanel_mem_popup .chanel_m_body .ch_txt + .ch_txt {margin-top:30px } .chanel_mem_popup .chanel_m_body .ch_list { margin:54px 0 30px} .chanel_mem_popup .chanel_m_body .ch_list li {position:relative; font-size:14px; color:#666; line-height:20px; padding-left:18px; margin-top:5px } .chanel_mem_popup .chanel_m_body .ch_list li:first-child { margin-top:0px } .chanel_mem_popup .chanel_m_body .ch_list li:before { content:''; position:absolute; width:2px; height:2px; background:#666;left:0; top:9px;} .chanel_mem_popup .chanel_m_body .chanel_m_cont {display:none; background:#f7f7f7; padding:20px; margin-top:20px; } .chanel_mem_popup .chanel_tbl { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; margin:20px 0} .chanel_mem_popup .chanel_tbl th {border-right:1px solid #e0e0e0; padding:0 0 0 10px; line-height:38px; text-align:left; color:#111; font-size:13px;} .chanel_mem_popup .chanel_tbl td {border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0; padding:10px; line-height:20px; text-align:left; color:#111; font-size:13px;vertical-align:middle} .chanel_mem_popup .chanel_tbl tbody th { border-top:1px solid #e0e0e0; padding:10px; line-height:20px;} .chanel_mem_popup .chanel_tbl .tbl_point { font-weight:700; font-size:14px } .chanel_mem_popup .chanel_info { } .chanel_mem_popup .chanel_info li { font-size:12px; color:#666; margin-top:5px; line-height:20px } .chanel_mem_popup .chanel_info li:first-child { margin-top:0px } .chanel_mem_popup .chanel_btn_area { margin:30px 0 0 0} .chanel_mem_popup .chanel_btn { display:block; font-size:20px; font-weight:700; height:70px; line-height:70px; text-align:center; background:#000; color:#fff } .chanel_mem_popup .chanel_btm { font-size:13px; padding:0 0 0 16px; height:40px; line-height:40px; text-align:left; background:#f7f7f7; color:#333 } .chanel_mem_popup .chanel_btm span.css-label { color:#333 } .chanel_mem_popup .chanel_third_agree .css-label { margin-right:5px } .chanel_mem_popup .chanel_third_agree.is-checked .chanel_m_cont {display:block;} .chanel_mem_popup .chanel_third_agree .arrow { margin-left:8px} .chanel_mem_popup .chanel_third_agree.is-checked .arrow {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} .popup_wrap .newwin .terms .section.chanel_mem_popup { position:static; top:auto; width:auto; transform:none; height:auto} .popup_wrap .newwin .terms .section.chanel_mem_popup .chanel_m_cont {text-align:center} .popup_wrap .terms .section.chanel_mem_popup .table_normal {margin:20px 0 } .popup_wrap .terms .section.chanel_mem_popup .table_normal tr th:last-child { border-right:0 } .popup_wrap .terms .section.chanel_mem_popup .table_normal tr td { border-right: 1px solid #bfbfbf} .popup_wrap .terms .section.chanel_mem_popup .table_normal tr td:last-child { border-right: 0} .popup_wrap .terms .section.chanel_mem_popup .table_normal tbody tr th {background:#fff} .popup_wrap .terms .section.chanel_mem_popup .chanel_info {text-align:left} /* 2022-04-26 : 인도장 모바일 발권 서비 */ .ticket-notice {padding-top:10px;} .ticket-point {font-size:13px; text-decoration:underline; color:#222;} /* 2022-05-30 > 스마트영수증 버튼추가 */ .order_top_newarea { position:relative} .order_top_newarea .btn_brown_s { position:absolute; width:108px; right:0; top:-5px} /* 2023-05-08 : 본인인증 아이핀 인증 제거 */ .qr-proof-kit.type2 {display:flex;} .qr-proof-kit.type2 li {flex:1; float:none;} .members_proof_wrap .select.type2 {text-align:center;} .members_proof_wrap .select.type2 a {display:inline-block; float:none; margin:0;} /* 2023-06-22 : 정회원 전환 페이지 아이핀 인증 제거 */ .mypage_wrap.mbm_auth .contents_wrap {width:100%;} .mbm_auth h3 {font-size:28px; line-height:1;} .mbm_auth .path li {font-size:13px; line-height:14px;} .mbm_auth .agree_3step {margin-top:26px;} .mbm_auth .agree_3step ul li {width:183px; padding:0 0 17px 127px;} .mbm_auth .agree_3step ul li:first-child {width:184px;} .mbm_auth .agree_3step ul li.check {background-position:80px -690px;} .mbm_auth .agree_3step ul li.check.on {background-position:80px -790px;} .mbm_auth .agree_3step ul li.certify {background-position:80px -990px;} .mbm_auth .agree_3step ul li.certify.on {background-position:80px -1090px;} .mbm_auth .agree_3step ul li.info {background-position:80px -1290px;} .mbm_auth .agree_3step ul li.info.on {background-position:80px -1390px;} .mbm_auth .members_proof_wrap .cont {padding-bottom:0; border-bottom:1px solid #e0e0e0;} .mbm_auth .members_proof_wrap .cont .foreigner {overflow:hidden; float:none; width:100%; margin:0 auto; padding:37px 0 45px;} .mbm_auth .members_proof_wrap .cont .foreigner p {font-size:14px; color:#333;} .mbm_auth .members_proof_wrap .cont .foreigner .input, .mbm_auth .members_proof_wrap .cont .foreigner .btn_brown {display:inline-block; width:331px; height:50px; padding:0 8px; box-sizing:border-box;} .mbm_auth .members_proof_wrap .cont .foreigner .btn_brown {margin:20px auto 0;} .mbm_auth .members_proof_wrap .cont .foreigner .input {margin:15px 0 0;} .mbm_auth .members_proof_wrap .cont .foreigner .input ~ p {margin-top:7px;} .mbm_auth .members_proof_wrap .cont .foreigner .input ~ .complete {margin-top:20px;} .mbm_auth .members_proof_wrap .cont .foreigner .complete {font-weight:700; line-height:27px;} .mbm_auth .members_proof_wrap .cont .foreigner .complete strong {display:inline-block; padding-bottom:0; font-size:18px;} .mbm_auth .members_proof_wrap .cont .nationals {width:100%; margin:0; padding:60px 0; border:0; text-align:center;} .mbm_auth .members_proof_wrap .cont .nationals .select {display:inline-block;} .mbm_auth .members_proof_wrap .cont .nationals .select a {font-size:12px;} .mbm_auth .members_proof_wrap .cont .nationals .select a:first-child {margin:0;} .mbm_auth .members_proof_wrap .txt_box {border-top:0;} /* 2024-08-07 비회원주문 개인정보 수집 이용 안내 수정 */ .members_select_wrap.agree_wrap .signup_contents .select {padding:0 20px 30px 20px;} .members_select_wrap.agree_wrap .signup_contents .title {padding:20px 0;} .members_select_wrap.agree_wrap .signup_contents .title h3 {line-height:31px;} .sns_wrap.agree_wrap .select > .desc {padding-top:26px;} .sns_wrap.agree_wrap .signup_step .terms {margin-top:10px; padding:0 25px;} .sns_wrap.agree_wrap .signup_step .terms > ul > li {float:none; width:100%; margin-left:0; font-size:13px; line-height:17px;} .sns_wrap.agree_wrap .signup_step .terms > ul > li.last {text-align:center;} .sns_wrap.agree_wrap .signup_step .terms > ul > li.last .btn_bottom {padding-top:20px;} .sns_wrap.agree_wrap .signup_step .terms > ul > li.last .btn_bottom a {position:static;} .sns_wrap.agree_wrap input[type=checkbox].css-checkbox+label.css-label {padding-left:24px;} .sns_wrap.agree_wrap input[type=checkbox].css-checkbox+label.css-label em {color:#e80f00;} /* 26-06-29 스페셜오더 신청 개인정보 처리 및 고지사항 추가 */ .special_order .img_txt{padding-bottom:0;} .special_order .cart_popup .box{margin-top:30px} .popup_wrap .special_order .img_txt{padding-bottom:0;} .sorder_form{padding-top:35px} .sorder_form .s_sub_tit{font-weight: bold; font-size:14px; line-height: 21px; padding:0; margin-bottom:15px} .sorder_form .form_box{display: flex; gap:0 4px; min-width:0;} .sorder_form .form_place select{flex:1;} .sorder_form .form_place select + .btn_brown_s{flex-shrink: 0; width:181px;} .sorder_form .form_date > p, .sorder_form .form_date > span{flex:1; display: flex;} .sorder_form .form_date > span{align-items: center; gap:0 4px; box-sizing: border-box;} .sorder_form .form_date span select{flex:1;} .popup_wrap .special_order .write_box .form_date .date_box{margin-right:0; float: none; width: unset;} .popup_wrap .special_order .write_box .form_date .date_box input{flex:1; width:unset} .popup_wrap .special_order .write_box .form_date .ui-datepicker-trigger{margin-top:0; right:0;} .sorder_form .form_info{margin-top:8px;} .sorder_form .form_info{font-size:11px; line-height: 15px; color:#666} .popup_wrap .special_order .sorder_form .write_box .table_tbody td .qty{width:181px; height:28px; position:relative; overflow:hidden;} .popup_wrap .special_order .sorder_form .write_box .table_tbody td .qty input.input{width:121px; height: 28px; box-sizing: border-box;} .popup_wrap .special_order .sorder_form .write_box .table_tbody td .qty a{top:50%; transform: translateY(-50%); width:30px; text-align: center; align-content: center; box-sizing: border-box; padding:0;} .popup_wrap .cart_popup .sorder_noti{margin-top:30px} .popup_wrap .cart_popup .sorder_noti .box{margin-top:0} .write_box .table_tbody td .form_info .btn_popup_layer{font-size:11px; line-height: 15px; margin-left:0; text-decoration: underline;} .popup_wrap .special_order .newgray_infobox .box .toggleViewCont>li:nth-child(3){font-size:unset; font-family: unset;} .popup_wrap .special_order .newgray_infobox.sorder_noti .box{color:#666} .popup_wrap .special_order .newgray_infobox.sorder_noti .box strong{font-weight: bold;} .popup_wrap .special_order .newgray_infobox.sorder_noti .box li strong{display: inline; margin-bottom:0;} .popup_wrap .special_order .newgray_infobox.sorder_noti .box .emp{color:#e80f00;}