/************************************************************************ * 파일명 : v2018_buy.css * 설명 : 구매대행,오샵 세부 css * 작성자 : hahaC * 작성일 : 2018.07 ************************************************************************/ /* 서비스별 CSS구분 기본설정 - v2018.css 버튼,팝업 메인설정 - v2018_main.css 서비스별 공통사항 - v2018_service.css SA 배송대행 shipping - v2018_ship.css SB 구매대행,오샵 buy - v2018_buy.css SC 오카페 cafe - v2018_cafe.css */ @charset 'utf-8'; @keyframes blink-effect { 50% { opacity: 0; } } /* Header // */ #wrap { zoom:1; } #headerNew {position: relative;min-width: 1170px;background-color:#fff;} #headerNew input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;} #headerNew input[type="radio"] + label {display: inline-block;position: relative;padding-left: 17px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;} #headerNew input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 1.5px;width: 10px;height: 10px;text-align: center;background: #fff;border: 1px solid #303030;border-radius: 100%;} #headerNew input[type="radio"]:checked + label:before {background: #fff;border-color: #303030;} #headerNew input[type="radio"]:checked + label:after {content: '';position: absolute;top: 4.5px;left: 3px;width: 6px;height: 6px;background: #ff7000;border-radius: 100%;} #headerNew > .hTop {position: fixed;z-index:1000;width:100%;background-color:#444;height:34px;line-height:34px;color:#fff;vertical-align:middle;font-size:14px;over-flow:hidden;} #headerNew > .hTop:after {content:""; display:block; clear:bobth;} /* 검색 */ #headerNew > .hTop > .inCon > .searchAll {position: relative;color:#fff;width:50%;margin:0 auto;text-align:center;top:3px;} #headerNew > .hTop > .inCon > .searchAll > input {width:330px;height: 26px;padding: 0 30px 0 10px;line-height:26px;border: 1px solid #777;font-size: 12px;background-color:#444;border-radius:5px;text-align:left;color:#fff;} #headerNew > .hTop > .inCon > .searchAll > span.search-icon {position: absolute;top:8px;margin-left:-25px;} #headerNew > .hTop > .inCon > .searchAll > input::-webkit-input-placeholder{text-align:center;} /* 마이페이지 */ #headerNew > .hTop > .inCon > ul.hMypage {position: absolute;top:0;right:35px;font-family:'Roboto', sans-serif;} #headerNew > .hTop > .inCon > ul.hMypage > li {display:inline-block;padding:0 20px 0 5px;} #headerNew > .hTop > .inCon > ul.hMypage > li:last-child {padding:0 0 0 15px;} #headerNew > .hTop > .inCon > ul.hMypage > li a.hMypage_link, #headerNew > .hTop > .inCon > ul.hMypage > li a.hLang_link, #headerNew > .hTop > .inCon > ul.hMypage > li a.hCurrency_link, #headerNew > .hTop > .inCon > ul.hMypage > li a.hHelp_link {color:#fff;cursor:context-menu;} #headerNew > .hTop > .inCon > ul.hMypage > li a.hMypage_link:hover, #headerNew > .hTop > .inCon > ul.hMypage > li a.hLang_link:hover, #headerNew > .hTop > .inCon > ul.hMypage > li a.hCurrency_link:hover, #headerNew > .hTop > .inCon > ul.hMypage > li a.hHelp_link:hover {color:#ff7000;text-decoration:none;} #headerNew > .hTop > .inCon > ul.hMypage > li a.hMypage_link > i, #headerNew > .hTop > .inCon > ul.hMypage > li a.hLang_link > i, #headerNew > .hTop > .inCon > ul.hMypage > li a.hCurrency_link > i, #headerNew > .hTop > .inCon > ul.hMypage > li a.hHelp_link > i {position:absolute;color:#999;margin:10px 0 0 5px;} /*로고,메뉴 영역*/ #headerNew > .hMenu {position: relative;width:100%;background-color:#fff;height:59px;line-height:59px;vertical-align:top;over-flow:hidden;padding-top:34px;} /* 로고 */ #headerNew > .hMenu > .inCon > .hLogo {position: absolute;top:7px;left:15px;} #headerNew > .hMenu > .inCon > .hLogo > a > img {width:183px} /* GNB */ #headerNew > .hMenu > .inCon > .gnb{position:relative;width:60%;margin:0 auto;text-align:center;} #headerNew > .hMenu > .inCon > .gnb > ul > li{display:inline-block;margin-right:18px;} #headerNew > .hMenu > .inCon > .gnb > ul > li > i {vertical-align:middle;color:#ccc;} #headerNew > .hMenu > .inCon > .gnb > ul > li > a {font-weight:700;text-align:center;} #headerNew > .hMenu > .inCon > .gnb > ul > li > a > span.en {padding:0 18px;font-size:17px;} /* 센터선택 */ #headerNew > .hMenu > .inCon > ul.hCenter {position:absolute;top:-47px;right:310px;line-height:56px;z-index:1000;} #headerNew > .hMenu > .inCon > ul.hCenter li {display:inline-block;} #headerNew > .hMenu > .inCon > ul.hCenter > li a img {vertical-align:middle;width:25px;} #headerNew > .hMenu > .inCon > ul.hCenter > li i, #headerNew > .hMenu > .inCon > ul.hCenter > li a i {vertical-align:middle;color:#777;font-size:14px;} #headerNew > .hMenu > .inCon > ul.hCenter > li a.hCenterF_link, #headerNew > .hMenu > .inCon > ul.hCenter > li a.hCenterT_link {text-decoration:none;} #headerNew > .hMenu > .inCon > ul.hCenter > li a.hCenterF_link:hover > i, #headerNew > .hMenu > .inCon > ul.hCenter > li a.hCenterT_link:hover > i {color:#ff7000;} /* 로그인, 회원가입 */ #headerNew > .hMenu > .inCon > .headerBar{position:absolute;right:15px;top:0;} #headerNew > .hMenu > .inCon > .headerBar ul.signIn{float:left;margin-top:12px;} #headerNew > .hMenu > .inCon > .headerBar ul.signIn li{float:left;line-height:35px;margin-left:10px;border-radius:5px;} #headerNew > .hMenu > .inCon > .headerBar ul.signIn li a{padding:0 20px;display:block;font-size:14px;text-decoration:none;border:1px solid #ff7000;border-radius:5px;box-sizing:border-box;} #headerNew > .hMenu > .inCon > .headerBar ul.signIn li.sIn .hMypage_link{border:none;} #headerNew > .hMenu > .inCon > .headerBar ul.signIn li.sIn a{color:#ff7000;} #headerNew > .hMenu > .inCon > .headerBar ul.signIn li.jUs{background:#ff7000;} #headerNew > .hMenu > .inCon > .headerBar ul.signIn li.jUs a{color:#fff;} /* 신청하기 버튼 */ #headerNew > .hMenu > .inCon > .headerBar .hBtn {float:left;margin-left:10px;} #headerNew > .hMenu > .inCon > .headerBar .hBtn > a > span {display:block;color:#fff;text-align:center;background-color:#ff7000;height:37px;padding:0 25px;margin-top:12px;line-height:37px;border-radius:25px;} #headerNew > .hMenu > .inCon > .headerBar .hBtn > a > span.en {font-size:16px;} #headerNew > .hMenu > .inCon > .headerBar .hBtn > a > span.ko {font-size:16px;} #headerNew > .hMenu > .inCon > .headerBar .hBtn a:hover, #headerNew > .hMenu > .inCon > .headerBar .hBtn a:hover span.en, #headerNew > .hMenu > .inCon > .headerBar .hBtn a:hover span.ko {background-color:#ff5000;text-decoration:none;} /* 서브메뉴 영역 */ #headerNew > .hSub {position: relative;width:100%;height:31px;line-height:31px;border-top:1px solid #dddddd; border-bottom:3px solid #444444;} /* 서브 메뉴 */ #headerNew > .hSub > .inCon > ul.subMenu {position: relative;width:80%;margin:0 auto;text-align:center;font-size:12px;} #headerNew > .hSub > .inCon > ul.subMenu > li {display:inline;padding:0 30px;} #headerNew > .hSub > .inCon > ul.subMenu > li > a {text-decoration:none;} #headerNew > .hSub > .inCon > ul.subMenu > li > a:hover {font-weight:bold;} /*로그인후 알림 메세지*/ #headerNew > .hSub > .inCon > .msgTop {position:absolute;top:0;right:15px;vertical-align:middle} #headerNew > .hSub > .inCon > .msgTop > a:hover {text-decoration:none;} #headerNew > .hSub > .inCon > .msgTop > a > i {color:#ff7000;margin:0 3px 0 10px;} /* 고객센터 신규 알림 */ #headerNew > .hSub .alarm_txt{position:absolute;right:15px;top:9px;} #headerNew .alarmPop{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);width:700px;background:#fff;padding:40px;border:1px solid #dcdcdc;box-shadow:0px 2px 10px rgb(0 0 0 / 10%);z-index:999;} #headerNew .alarmPop table tr td a{text-decoration:underline;} #headerNew .alarmPop p.tit{text-align: center;font-size: 16px;font-weight: bold;margin-bottom: 20px;} #headerNew .alarmPop .closeBtn {position:absolute;right:40px;top:42px;cursor:pointer;} #headerNew .alarmPop .closeBtn i{font-size:24px;font-weight:bold;} #headerNew .alarmPop.open{display:block;} .headerBar .alarm_Diesel {position:absolute;right:0;top:67px;z-index:999;} /*레이어팝업 DIM배경*/ #mask {position: absolute;width:100%;height:100%;background-color:#000;opacity: .5;filter: alpha(opacity=50);display:none;z-index:99;} #mask_gnb {position: absolute;width:100%;height:100%;background-color:#000;opacity: .5;filter: alpha(opacity=50);display:none;z-index:99;} #mask.on{display:block !important;position:fixed;} /* 메뉴 레이어팝업 공통*/ #headerNew .hBox {position:absolute;z-index:100;display:none;} #headerNew .hBox > p {text-align:right;margin-right:23px;color:#ddd;} #headerNew .hBox > ul {background-color:#fff;border:1px solid #ddd;overflow:hidden;} #headerNew .hBox > ul > li {font-size:12px;padding:4px 2px;line-height:16px;color:#303030;vertical-align:middle;} #headerNew .hBox > ul > li > a > i {color:#ff7000;} /* 마이페이지 > 마이페이지 레이어 메뉴*/ #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox {margin:-9px 0 0 -30px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box:hover > .hBox {display: block;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox > ul.hMypage_Con {width:130px;margin-top:-5px;padding:5px 10px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox > ul.hMypage_Con > li.m1 {font-size:15px;line-height:34px;font-weight:700;text-align:center;border-bottom:1px solid #ddd;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox > ul.hMypage_Con > li.m1 > a, #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox > ul.hMypage_Con > li.m1 > a:hover {color:#ff7000;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox > ul.hMypage_Con > li.m2 {font-size:14px;line-height:34px;font-weight:700;border-bottom:1px solid #ddd;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox > ul.hMypage_Con > li.m3 {font-size:14px;line-height:30px;font-weight:700;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox > ul.hMypage_Con > li.m4 {font-size:14px;line-height:34px;margin-top:5px;padding-bottom:0px;font-weight:700;text-align:center;border-top:1px solid #ddd;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox > ul.hMypage_Con > li.m5 {font-size:14px;line-height:30px;font-weight:700;border-top:1px solid #ddd;margin-top:5px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox > ul.hMypage_Con > li > a:hover {color:#303030;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hMypage_Box > .hBox > p{margin-right:80px;} /* 마이페이지 > 언어선택 레이어 메뉴*/ #headerNew > .hTop > .inCon > ul.hMypage > li > .hLang_Box > .hBox {margin:-9px 0 0 -67px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hLang_Box:hover > .hBox {display: block;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hLang_Box > .hBox > ul.hLang_Con {width:130px;margin-top:-5px;padding:5px 10px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hLang_Box > .hBox > ul.hLang_Con > li > span {position:absolute;margin-top:2px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hLang_Box > .hBox > p{margin-right:58px;} /* 마이페이지 > 통화선택 레이어 메뉴*/ #headerNew > .hTop > .inCon > ul.hMypage > li > .hCurrency_Box > .hBox {margin:-9px 0 0 -105px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hCurrency_Box:hover > .hBox {display: block;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hCurrency_Box > .hBox > ul.hCurrency_Con {width:130px;margin-top:-5px;padding:5px 10px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hCurrency_Box > .hBox > ul.hCurrency_Con > li > span {position:absolute;margin-top:2px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hHelp_Box a{color:#fff;} /* 마이페이지 > help 레이어 메뉴*/ #headerNew > .hTop > .inCon > ul.hMypage > li > .hHelp_Box > .hBox {margin:-9px 0 0 -93px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hHelp_Box:hover > .hBox {display: block;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hHelp_Box > .hBox > p {text-align:right;margin-right:11px} #headerNew > .hTop > .inCon > ul.hMypage > li > .hHelp_Box > .hBox > ul.hHelp_Con {width:130px;margin-top:-5px;padding:5px 10px;} #headerNew > .hTop > .inCon > ul.hMypage > li > .hHelp_Box > .hBox > ul.hHelp_Con > li > a:hover {color:#303030;} #headerNew > .hTop > .inCon > ul.hMypage .hMypage_Box i.xi-caret-down-min{color:#999;} /* GNB 레이어 메뉴*/ #headerNew > .hMenu > .inCon > .gnb > ul > li > a.gnbMenu_link {text-decoration:none;} #headerNew > .hMenu > .inCon > .gnb > ul > li > a.gnbMenu_link > i {color:#fff; position:absolute; top:25px; margin-left:-13px;} #headerNew > .hMenu > .inCon > .gnb > ul > li > a.gnbMenu_link:hover > i {color:#ff7000;} #headerNew > .hMenu > .inCon > .gnb > ul > li > a.gnbMenu_link.on {color:#ff7000;} #headerNew > .hMenu > .inCon > .gnb > ul > li > a.gnbMenu_link.on > i {color:#ff7000;} #headerNew > .hMenu > .inCon > .gnb > ul > li > a.gnbMenu_link.or > i {color:#ff7000;} #headerNew > .hMenu > .inCon > .gnb > ul > li > a.gnbMenu_link > span.or {color:#ff7000;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box {display:none;z-index:101;top:59px;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > p {position:absolute;text-align:right;margin:-2px 0 0 40px;color:#ff7000;display:none;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con {text-align:left;padding:30px;overflow:hidden;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li {padding-left:30px;margin-left:10px;display:inline-block;vertical-align:top;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li:first-child {padding-left:0;margin-left:0;border-left:0;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li:first-child > ul > li:first-child {padding:42px 0 7px;font-weight:normal;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li:first-child > ul > li > a, #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li:first-child > ul > li > a:hover {color:#ff7000;background:none;padding-left:0;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li > ul > li {font-size:13px;line-height:16px;padding-bottom:7px} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li > ul > li:first-child {padding-bottom:20px;font-weight:700;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li > ul > li > a:hover {color:#ff7000;border-bottom:1px solid #ff7000;padding-bottom:2px;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li > ul > li > a > i {color:#ff7000;padding-left:5px;} /* dep3 메뉴 추가 - 20191017 */ #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li > ul > li > ul{line-height:18px;padding-top:10px;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li > ul > li > ul > li{background:url("/images2017/shop/guide_txt_line.gif")no-repeat left center;padding-left:10px;} #headerNew > .hMenu > .inCon > .gnb > ul > li > .gnbMenu_Box > ul.gnbMenu_Con > li > ul > li > ul > li > a {color:#777;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list1 > .gnbMenu_Box {margin-left:-167px;} /*배송대행*/ #headerNew > .hMenu > .inCon > .gnb > ul > li.list1 > .gnbMenu_Box > ul.gnbMenu_Con {width:950px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list1 > .gnbMenu_Box > ul.gnbMenu_Con > li {margin-bottom:30px;width:215px;max-width:215px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list1 > .gnbMenu_Box > ul.gnbMenu_Con > li:first-child {padding-left:0;margin-left:0;border-left:0;width:140px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list2 > .blink {animation: blink-effect 2s step-end infinite;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list2 > .gnbMenu_Box {margin-left:-321px;} /*구매대행*/ #headerNew > .hMenu > .inCon > .gnb > ul > li.list2 > .gnbMenu_Box > ul.gnbMenu_Con {width:950px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list2 > .gnbMenu_Box > ul.gnbMenu_Con > li {margin-bottom:30px;width:215px;max-width:215px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list2 > .gnbMenu_Box > ul.gnbMenu_Con > li:first-child {padding-left:0;margin-left:0;border-left:0;width:140px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list2 > .gnbMenu_Box > ul.gnbMenu_Con > li.line_second {padding-left:185px;margin-left:0 !important;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list3 > .gnbMenu_Box {margin-left:-576px;} /*오샵*/ #headerNew > .hMenu > .inCon > .gnb > ul > li.list3 > .gnbMenu_Box > ul.gnbMenu_Con {width:950px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list3 > .gnbMenu_Box > ul.gnbMenu_Con > li {min-height:170px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list4 > .gnbMenu_Box {margin-left:-670px;} /*오카페*/ #headerNew > .hMenu > .inCon > .gnb > ul > li.list4 > .gnbMenu_Box > ul.gnbMenu_Con {width:950px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list4 > .gnbMenu_Box > ul.gnbMenu_Con > li {min-height:200px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list5 > .gnbMenu_Box {left:-84px;} /*결제대행*/ #headerNew > .hMenu > .inCon > .gnb > ul > li.list5 > .gnbMenu_Box > ul.gnbMenu_Con {width:950px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list5 > .gnbMenu_Box > ul.gnbMenu_Con > li {min-height:200px;} #headerNew > .hMenu > .inCon > .gnb > ul > li.list8 > .gnbMenu_Box {margin-left:-30px;} /*통신 서비스*/ #headerNew > .hMenu > .inCon > .gnb > ul > li a {text-decoration:none;} /* 센터선택 > 보내는 센터 레이어 메뉴*/ #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox {margin:-15px 0 0 -400px;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box:hover > .hBox {display: block;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > p {text-align:right;margin:-1px 158px 0 0;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > ul.hCenterF_Con {width:550px;margin-top:-7px;padding:0 10px 20px;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > ul.hCenterF_Con > li:nth-child(1), #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > ul.hCenterF_Con > li:nth-child(2) {width:100%;display:block;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > ul.hCenterF_Con > li:nth-child(1) {text-align:center;font-weight:700;font-size:14px;border-bottom:1px solid #ddd;padding-bottom:7px;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > ul.hCenterF_Con > li:nth-child(2) {text-align:right;font-size:11px;padding:0;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > ul.hCenterF_Con > li:nth-child(2) > a {color:#ff7000;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > ul.hCenterF_Con > li {width:48%;vertical-align:top;padding-top:10px;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > ul.hCenterF_Con > li > em {position:absolute;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > ul.hCenterF_Con > li > em > label > img {vertical-align:middle;width:25px;margin-top:-4px;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox > ul.hCenterF_Con > li > p {margin-left:50px;line-height:20px;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterF_Box > .hBox p i{color:#fff;} /* 센터선택 > 받는 센터 레이어 메뉴*/ #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterT_Box > .hBox {margin:-15px 0 0 -140px;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterT_Box:hover > .hBox {display: block;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterT_Box > .hBox > p {text-align:right;margin:-1px 160px 0 0;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterT_Box > .hBox > ul.hCenterT_Con {width:320px;margin-top:-3px;padding:0 10px 15px;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterT_Box > .hBox > ul.hCenterT_Con > li:nth-child(1) {width:100%;display:block;text-align:center;font-size:14px;border-bottom:1px solid #ddd;padding:10px 0 7px;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterT_Box > .hBox > ul.hCenterT_Con > li {width:37%;float:left;padding:5px 20px;font-weight:700;display:inline;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterT_Box > .hBox > ul.hCenterT_Con > li:nth-child(2), #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterT_Box > .hBox > ul.hCenterT_Con > li:nth-child(3) {padding-top:20px;} #headerNew > .hMenu > .inCon > ul.hCenter > li > .hCenterT_Box > .hBox > ul.hCenterT_Con > li > label > img {vertical-align:middle;width:25px;padding-right:5px;margin-top:-4px;} /* All Department 레이어 메뉴*/ #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box {position: absolute;z-index:100;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > p {margin:-3px 0 0 85px;color:#ff7000;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > #leftMenu_Con ul li a{overflow:hidden;white-space:normal;/*text-overflow:ellipsis;-o-text-overflow:ellipsis;width:100%;*/} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con {width:180px;text-align:left;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > a {font-size:13px;line-height:31px;font-weight:700;padding-left:20px; background:url('/images2017/flag/menu_icon.png') no-repeat left center;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > a:hover {text-decoration:none;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > a > .submenu-indicator {line-height:31px;margin-left:70px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu {border-top:1px solid #ddd;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > a {width: 150px;float: left;padding:4px 20px 4px 10px;font-size: 12px;background: #fff;border-top: none;position: relative;line-height:16px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > a.dep1 {font-size: 13px;font-weight:700;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > a.line {margin-top:10px;padding-top:10px;border-top:1px solid #ddd;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > a > .submenu-indicator {position:absolute;top:4px;margin: 0 0 0 15px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li:last-child > a {padding-bottom:10px;border-bottom:1px solid #ddd;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu {margin:0 10px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu > li {border:none;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu > li > a {width: 150px;float: left;font-size: 11.4px;padding:0 5px;background: #efefef;border: none;position: relative;line-height:20px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu > li > a > .submenu-indicator {color:#ff7000;margin: 0 0 0 10px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu > li:first-child > a {padding-top:5px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu > li:last-child > a {padding-bottom:5px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu > li > ul.submenu > li {border:none;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > a {width: 140px;float: left;font-size: 11.4px;padding:0 10px;background: #efefef;border-top: none;position: relative;line-height:20px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > a > .submenu-indicator {color:#ff7000;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu > li > ul.submenu > li:first-child > a {padding-top:5px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu > li > ul.submenu > li:last-child > a {padding-bottom:5px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu, #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box > ul.leftMenu_Con > li > ul.submenu > li > ul.submenu {/*width: 100%;*/display: none;position: static;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box ul li {display: block;float:left;position: relative;width: 100%;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box ul li a {color:#303030;white-space: nowrap;position: relative;overflow: hidden;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box ul li a i {width: 34px;float: left;line-height: 18px;font-size: 16px;text-align: left;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box ul ul.submenu li {width: 100%;background-color:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box ul ul.submenu .submenu-indicator {line-height: 16px;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box .submenu-indicator {position: absolute;font-weight:700;font-size: 14px;color:#999;-o-transition: transform .3s linear;-moz-transition: transform .3s linear;-webkit-transition: transform .3s linear;-ms-transition: transform .3s linear;} #headerNew > .hSub > .inCon > .leftMenu > .leftMenu_Box .submenu-indicator-minus .submenu-indicator {-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} /* // Header */ /* footer // */ /*상단이동 버튼*/ .btnTop {clear:both();position:relative;width:100%;min-width:1170px;background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .btnTop > .inCon {text-align:center;} .btnTop > .inCon > a {color:#303030;line-height:32px;font-weight:700; background:url('/images2017/main/back_arrow.png') no-repeat left center; padding-left:15px;text-decoration:none;} .scrollTop{position:fixed;right:0;bottom:-100px;transition:all 1s ease 0s;z-index:100;} .scrollTop i{color:#fff;background:#000;opacity:0.6;height:50px;line-height:50px;width:50px;text-align:center;font-size:20px;border-radius:5px;} .scrollTop.show{bottom:10px;transition:all 1s ease 0s;} /*사이트맵*/ .Sitemap {position:relative;width:100%;min-width:1170px; background-color: #FFF;} .Sitemap > .inCon > ul {padding:35px 0 25px;margin-left:30px !important;} .Sitemap > .inCon > ul > li {width:13.9%;display:inline-block;vertical-align:top;color:#fff;} .Sitemap > .inCon > ul > li > dl > dt {padding-bottom:15px;font-weight:700;font-size:14px;} .Sitemap > .inCon > ul > li > dl > dd {font-size:13px;line-height:20px;} .Sitemap > .inCon > ul > li a {text-decoration:none;font-size:12px;} /*footer*/ footer {position:relative;width:100%;min-width:1170px;background-color:#242020;} footer > section.fnb > ul {text-align:center;margin-left:-35px !important;} footer > section.fnb > ul > li {display:inline;line-height:60px;padding:0 15px;} footer > section.fnb > ul > li > span {display:inline-block;} footer > section.fnb > ul > li > a, footer > section.fnb > ul > li > a:link , footer > section.fnb > ul > li > span > a, footer > section.fnb > ul > li > span.btnMCS00 > a {color:#ccc;font-size:13px !important;} footer > section.fnb > ul > li > a.fBd {color:#fff;font-size:13px !important;} footer > .copy {text-align:center;padding-bottom:10px;color:#777;} /* // footer */ /* quick menu */ .quick_menu{position: fixed;bottom:61px;right: 0;transition:all 0.5s ease 0s;z-index:1000;} .quick_menu:hover{right:0;transition:all 0.5s ease 0s;} .quick_menu ul li{height:60px;line-height:60px;color:#fff;font-size:14px;cursor:pointer;width:121px;min-width:121px;} .quick_menu ul li.matsutake{height:166px;margin-bottom:1px;} .quick_menu ul li.matsutake a{padding:0;} .quick_menu ul li.track{background:#ff7000;margin-bottom:1px;border-radius:5px 0 0 0;} .quick_menu ul li.talk{background:#6a69ff;border-radius:0 0 0 5px;} .quick_menu ul li a{color:#fff;text-decoration:none;padding-left:50px;font-size:16px;display:block;} .quick_menu ul li a:hover{color:#fff;} .quick_menu ul li.track a{background:url('/images2017/common/track.png') no-repeat 10px center;background-size:30px auto;} .quick_menu ul li.talk a{background:url('/images2017/common/talk.png') no-repeat 15px 23px;background-size:25px auto;} /* 트래킹 조회 */ .trackingArea {background: #fff;width:350px;min-height: 320px;position: fixed;top: 250px;right: 160px;padding:30px;border:1px solid #dcdcdc;display:none;z-index:1000;box-shadow:0px 2px 10px rgb(0 0 0 / 30%);} .trackingArea .titArea {border-bottom:1px solid #dcdcdc;padding-bottom:20px;margin-bottom:20px;position:relative;} .trackingArea .titArea .tit{font-size:24px;font-weight:bold;} .trackingArea .titArea .close{position:absolute;right:0;top:1px;font-size:24px;cursor:pointer;} .trackingArea p.btn{background:#333;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;cursor:pointer;margin-top:20px;margin-bottom:20px;} .trackingArea .conArea input[type="text"]{width:100%;height:45px;line-height:45px;box-sizing:border-box;} .trackingArea .conArea select{width:100%;height:45px;box-sizing:border-box;-webkit-appearance: none !important;-webkit-border-radius: 0 !important;padding-left:14px;background:#fff;} .trackingArea .conArea .select_Box{position:relative;overflow:hidden;} .trackingArea .conArea .select_Box:before{content: "";position: absolute;top: 50%;right: 15px;width: 0;height: 0;margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #313131;} .trackingArea .conArea li{margin-bottom:10px;} .trackingArea .conArea li:last-child{margin-bottom:0;} .trackingArea .conArea li p{text-align:center;padding-top:10px;} .trackingArea p.info{background:#f2f2f2;padding:10px 20px;} .trackingArea .result{margin-bottom:30px;} .trackingArea .result p.none{text-align:center;color:red;margin-top:-10px;} .trackingArea .result div.have p.tit{font-size:16px;font-weight:bold;} .trackingArea .result div.have p.tit:before{content:"";widt:100%;height:100%;border-left:3px solid #333;font-size:9px;padding-left:5px;vertical-align:1px;} .trackingArea .result div.have table{margin-top:10px;} .trackingArea .result div.have table th{background:#f2f2f2;} /* container // */ #container {min-height:650px;margin-bottom:100px !important;} /*container > 왼쪽 메뉴*/ #container > .LNB {float:left;width:178px;margin:45px 46px 0 0;} #container > .LNB > p {padding:2px 5px;background-color:#eee;font-weight:700;font-size:14px;} #container > .LNB > p em {color:#ff7000;} #container > .LNB > p a:hover {text-decoration:none;} #container > .LNB > ul.LNB_Con {padding-top:25px;} #container > .LNB > ul.LNB_Con > li {font-weight:700;padding:4px;} #container > .LNB > ul.LNB_Con > li > a:hover {color:#303030;} #container > .LNB > ul.LNB_Con > li > ul.dep2 {padding:5px 0 10px;} #container > .LNB > ul.LNB_Con > li > ul.dep2 > li > a {color:#777} #container > .LNB > ul.LNB_Con > li > ul.dep2 > li > a:hover {color:#777;} #container > .LNB > ul.LNB_Con li.on a, #container > .LNB > ul.LNB_Con li a.on {color:#ff7000;} #container > .LNB > ul.LNB_Con li.promo a, #container > .LNB > ul.LNB_Con li a.promo {font-weight:bold !important; color:#30b087 !important;} #container > .LNB > ul.LNB_Con li img {vertical-align:middle;} #container > .LNB > ul.LNB_Con li.promo span, #container > .LNB > ul.LNB_Con li.on span {font-weight:normal !important; color:#8c8c8c !important;} #container > .LNB.ohshop_lnb > ul.LNB_Con li.on a, #container > .LNB.ohshop_lnb > ul.LNB_Con li a.on {color:#4e82e2;} #container > .LNB.faq_lnb > ul.LNB_Con li.on a, #container > .LNB.faq_lnb > ul.LNB_Con li a.on {color:#6ab33b;} /* 구매대행 lnb - 20191010 */ /* #container > .LNB.buy_lnb > p{background-color:#7057cc;color:#fff;text-align:center;font-size:18px;padding:20px;} #container > .LNB.buy_lnb > p > em{color:#fff;} #container > .LNB.buy_lnb > ul.top_lnb{padding:5px 0 5px 10px;margin-top:10px;background-color:#f9f9f9;} #container > .LNB.buy_lnb > ul.top_lnb > li {padding-left:45px;line-height:32px;} #container > .LNB.buy_lnb > ul.top_lnb > li.toplnb1{background:url('/images2017/flag/toplnb1_icon.png') no-repeat 6px center;} #container > .LNB.buy_lnb > ul.top_lnb > li.toplnb2{background:url('/images2017/flag/toplnb2_icon.png') no-repeat left center;} #container > .LNB.buy_lnb > ul.top_lnb > li.toplnb3{background:url('/images2017/flag/toplnb3_icon.png') no-repeat 6px center;} #container > .LNB.buy_lnb > ul.top_lnb > li.toplnb1 > a > span {font-size:14px;color:#ff6300;} #container > .LNB.buy_lnb > ul.LNB_Con {padding-top:0;} #container > .LNB.buy_lnb > ul.LNB_Con > li {border-bottom:1px solid #f0f0f0;padding:0;font-weight:bold;background:url('/images2017/flag/dep1_off_icon.png') no-repeat 165px 22px;} #container > .LNB.buy_lnb > ul.LNB_Con > li > a {padding:15px 10px;display:block;text-decoration:none;} #container > .LNB.buy_lnb > ul.LNB_Con > li.active {background:url('/images2017/flag/dep1_on_icon.png') no-repeat 165px 22px;border-bottom:none;} #container > .LNB.buy_lnb > ul.LNB_Con > li.active > ul.dep2 {display:block !important;border-top:1px solid #f0f0f0;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 {padding-top:10px;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li{line-height:24px;padding-left:10px;font-weight:bold;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li > a {background:url('/images2017/flag/lne_dep2_line.gif') no-repeat left center;padding-left:10px;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li:hover, #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li:active, #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li.on{background:url('/images2017/flag/lne_dep2_bg.gif') repeat-x 100% 2px;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li:hover > a, #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li:active > a, #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li.on > a{color:#fff !important;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li > a {color:#444;text-decoration:none;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 {padding:10px 0 0 10px;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 > li {font-weight:normal;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 > li > a, #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li.on > ul.dep3 > li > a{color:#777 !important;text-decoration:none;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 > li:hover > a, #container > .LNB > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 > li:active > a {color:#9176f5 !important;} #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 > li.on > a{color:#9176f5 !important;} */ #container > .LNB.NewLNB > p{color:#fff;text-align:center;font-size:18px;padding:20px;} #container > .LNB.NewLNB > p > em{color:#fff;} #container > .LNB.NewLNB > ul.top_lnb{padding:5px 0 5px 10px;margin-top:10px;background-color:#f9f9f9;} #container > .LNB.NewLNB > ul.top_lnb > li {padding-left:45px;line-height:32px;} #container > .LNB.NewLNB > ul.top_lnb > li.toplnb1{background:url('/images2024/purchase/icons_cart.png') no-repeat 6px center;} #container > .LNB.NewLNB > ul.top_lnb > li.toplnb2{background:url('/images2024/purchase/icons_delivery.png') no-repeat 6px center;} #container > .LNB.NewLNB > ul.top_lnb > li.toplnb3{background:url('/images2024/purchase/icons_custsevce.png') no-repeat 6px center;} #container > .LNB.NewLNB > ul.top_lnb > li.toplnb4{background:url('/images2017/flag/toplnb4_icon.png') no-repeat 6px center;} #container > .LNB.NewLNB > ul.top_lnb > li.toplnb5{background:url('/images2017/flag/toplnb5_icon.png') no-repeat 7px center;} #container > .LNB.NewLNB > ul.top_lnb > li.toplnb1 > a > span {font-size:14px;color:#ff6300;} #container > .LNB.NewLNB > ul.LNB_Con {padding-top:0;} #container > .LNB.NewLNB > ul.LNB_Con > li {border-bottom:1px solid #f0f0f0;padding:0;font-weight:bold;background:url('/images2017/flag/dep1_off_icon.png') no-repeat 165px 20px;} #container > .LNB.NewLNB > ul.LNB_Con > li > a {padding:15px 10px;display:inline-block;text-decoration:none;} #container > .LNB.NewLNB > ul.LNB_Con > li > span{display:none;} #container > .LNB.NewLNB > ul.LNB_Con > li > img{width:12px;} #container > .LNB.NewLNB > ul.LNB_Con > li.active {background:url('/images2017/flag/dep1_on_icon.png') no-repeat 165px 20px;border-bottom:none;} #container > .LNB.NewLNB > ul.LNB_Con > li.active > ul.dep2 {display:block !important;border-top:1px solid #f0f0f0;} /* #container > .LNB.NewLNB > ul.LNB_Con > li:hover > ul.dep2{display:block !important;border-top:1px solid #f0f0f0;} */ #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 {padding-top:10px;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li{line-height:28px;font-size:12px;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li > span{display:none;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li > img{width:12px;padding-left:10px;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li > a {background:url('/images2017/flag/lne_dep2_line.gif') no-repeat left 12px;padding-left:10px;display:inline-block;color:#444;text-decoration:none;margin-left:10px;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li.on > a {background:url('/images2017/flag/lne_dep2_on_line.gif') no-repeat left 12px;padding-left:10px;color:#fff !important;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li:hover > a, #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li:active > a, #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li.on > a{color:#fff !important;background:url('/images2017/flag/lne_dep2_on_line.gif') no-repeat left 12px;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 {padding:10px 0 0 20px;background:#fff;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 > li {font-weight:normal;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 > li > a, #container > .LNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li.on > ul.dep3 > li > a{color:#777 !important;text-decoration:none;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 > li:hover > a, #container > .LNB > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 > li:active > a {color:#9176f5 !important;} #container > .LNB.NewLNB > ul.LNB_Con > li > ul.dep2 > li > ul.dep3 > li.on > a{color:#9176f5 !important;} #container > .LNB.NewLNB.service_lnb > ul.LNB_Con > li.active, #container > .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li.active, #container > .LNB.NewLNB.about_lnb > ul.LNB_Con > li.active, #container > .LNB.NewLNB.event_lnb > ul.LNB_Con > li.active {background:url('/images2017/flag/dep1_on_icon2.png') no-repeat 165px 20px;border-bottom:none;} #container > .LNB.NewLNB.ohshop_lnb > ul.LNB_Con > li.active{background:url('/images2017/flag/dep1_on_icon3.png') no-repeat 165px 20px;border-bottom:none;} #container > .LNB.NewLNB.faq_lnb > ul.LNB_Con > li.active{background:url('/images2017/flag/dep1_on_icon4.png') no-repeat 165px 20px;border-bottom:none;} #container > .LNB.NewLNB.buy_lnb > ul.LNB_Con > li.active > a {color:#ff7000} #container > .LNB.NewLNB.buy_lnb > p{background-color:#ff7000;} #container > .LNB.NewLNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li:hover, #container > .LNB.NewLNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li:active, #container > .LNB.NewLNB.buy_lnb > ul.LNB_Con > li > ul.dep2 > li.on{background:#ff7000;} #container > .LNB.NewLNB.buy_lnb > p.sBanner{padding:0;margin-top:20px;} #container > .LNB.NewLNB.buy_lnb > ul.LNB_Con > li.on{background:url('/images2017/flag/dep1_on_icon_arrow.png') no-repeat 165px 20px;} #container > .LNB.NewLNB.faq_lnb > ul.LNB_Con > li.active > a {color:#74c043} #container > .LNB.NewLNB.faq_lnb > p{background-color:#74c043;} #container > .LNB.NewLNB.faq_lnb > ul.LNB_Con > li > ul.dep2 > li:hover, #container > .LNB.NewLNB.faq_lnb > ul.LNB_Con > li > ul.dep2 > li:active, #container > .LNB.NewLNB.faq_lnb > ul.LNB_Con > li > ul.dep2 > li.on{background:#74c043;} #container > .LNB.NewLNB.faq_lnb > ul.LNB_Con > li.on{background:url('/images2017/flag/dep1_on_icon4_arrow.png') no-repeat 165px 20px;} #container > .LNB.NewLNB.service_lnb > ul.LNB_Con > li.active > a {color:#ff7000;} #container > .LNB.NewLNB.service_lnb > p{background-color:#ff7000;} #container > .LNB.NewLNB.service_lnb > ul.LNB_Con > li > ul.dep2 > li:hover, #container > .LNB.NewLNB.service_lnb > ul.LNB_Con > li > ul.dep2 > li:active, #container > .LNB.NewLNB.service_lnb > ul.LNB_Con > li > ul.dep2 > li.on{background:#fe913b;} #container > .LNB.NewLNB.service_lnb > ul.LNB_Con > li.on{background:url('/images2017/flag/dep1_on_icon2_arrow.png') no-repeat 165px 20px;} #container > .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li.active > a {color:#ff7000;} #container > .LNB.NewLNB.shipping_lnb > p{background-color:#ff7000;} #container > .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li > ul.dep2 > li:hover, #container > .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li > ul.dep2 > li:active, #container > .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li > ul.dep2 > li.on{background:#fe913b;} #container > .LNB.NewLNB.shipping_lnb > ul.LNB_Con > li.on{background:url('/images2017/flag/dep1_on_icon2_arrow.png') no-repeat 165px 20px;} #container > .LNB.NewLNB.event_lnb > ul.LNB_Con > li.active > a {color:#ff7000;} #container > .LNB.NewLNB.event_lnb > p{background-color:#ff7000;} #container > .LNB.NewLNB.event_lnb > p a{color:#fff;} #container > .LNB.NewLNB.event_lnb > ul.LNB_Con > li > ul.dep2 > li:hover, #container > .LNB.NewLNB.event_lnb > ul.LNB_Con > li > ul.dep2 > li:active, #container > .LNB.NewLNB.event_lnb > ul.LNB_Con > li > ul.dep2 > li.on{background:#fe913b;} #container > .LNB.NewLNB.event_lnb > ul.LNB_Con > li.on{background:url('/images2017/flag/dep1_on_icon2_arrow.png') no-repeat 165px 20px;} #container > .LNB.NewLNB.about_lnb > ul.LNB_Con > li.active > a {color:#ff7000;} #container > .LNB.NewLNB.about_lnb > p{background-color:#ff7000;} #container > .LNB.NewLNB.about_lnb > ul.LNB_Con > li > ul.dep2 > li:hover, #container > .LNB.NewLNB.about_lnb > ul.LNB_Con > li > ul.dep2 > li:active, #container > .LNB.NewLNB.about_lnb > ul.LNB_Con > li > ul.dep2 > li.on{background:#fe913b;} #container > .LNB.NewLNB.about_lnb > ul.LNB_Con > li.on{background:url('/images2017/flag/dep1_on_icon2_arrow.png') no-repeat 165px 20px;} #container > .LNB.NewLNB.ohshop_lnb > ul.LNB_Con > li.active > a {color:#4e82e2;} #container > .LNB.NewLNB.ohshop_lnb > p{background-color:#4e82e2;} #container > .LNB.NewLNB.ohshop_lnb > ul.LNB_Con > li > ul.dep2 > li:hover, #container > .LNB.NewLNB.ohshop_lnb > ul.LNB_Con > li > ul.dep2 > li:active, #container > .LNB.NewLNB.ohshop_lnb > ul.LNB_Con > li > ul.dep2 > li.on{background:#699bf7;} #container > .LNB.NewLNB.ohshop_lnb > ul.LNB_Con > li > a.on{color:#4e82e2 !important;} #container > .LNB.NewLNB.ohshop_lnb > ul.LNB_Con > li.on{background:url('/images2017/flag/dep1_on_icon3_arrow.png') no-repeat 165px 20px;} /*container > content 영역 #container #content.content916 {position:relative;margin-left:224px;width:916px !important;}/* content 916px 사이드메뉴와 함께있는경우* #container #content:after {content:""; display:block; clear:both;} #container #content {content:"";display:block;clear:both;float: none;width:inherit;min-height:inherit;} */ #container > .content {clear:both;width:1140px;padding:0;} #container > .content:after {content:""; display:block;} #container > .contentS {float:left;width:916px;margin-top:45px;padding:0;}/*w916*/ #container > .contentS:after {content:""; display:block; clear:both;} #container > .contentM {float:left;width:1246px;margin-top:45px;padding:0;}/*w1246*/ #container > .contentM:after {content:""; display:block; clear:both;} #container > .contentL {width:1470px;margin-top:45px;padding:0;}/*w1470*/ #container > .contentL:after {content:""; display:block; clear:both;} #container > .contentB {float:left;width:1140px;margin-top:45px;padding:0;}/*w1140*/ #container > .contentB:after {content:""; display:block; clear:both;} #container > .contentS > h1.titDep1, #container > .contentM > h1.titDep1, #container > .contentL > h1.titDep1, #container > .contentB > h1.titDep1, h1.titDep1{font-size:26px;padding-bottom:35px;} #container #content .boxTR {background:#ccc;border-radius:7px 7px 0 0;color:#ff7000;font-weight:700;padding:10px 50px } #container #content .boxOS {background:#ff7000;border-radius:0;color:#fff;font-weight:700;padding:30px 50px; } #container #content .boxS {background:#fff;border:1px solid #e4e4e4;font-size:12px;padding:5px 10px} #container #content .boxG {background:#f8f8f8;border-radius:0;padding:10px;}/*게시판 검색박스,*/ #container #content .info {line-height:18px;color:#909090;} #container #content .info i{color:#ccc;font-size:18px} #container #content .infoS {line-height:18px;color:#909090;font-size:12px;} #container #content .inputLC{ font-size:16px; border:2px solid #ff7000; } #container #content .inputL{ font-size:16px; } #container #content .inputS{ font-size:14px;height:30px;line-height:30px;} #container #content select.inputS{ height:32px;line-height:32px;padding:4px 9px 9px;} #container #content input.inputS{ height:30px;line-height:30px;} #container #content .inputXS{ font-size:14px;height:20px;line-height:20px;} #container #content .inputSignin{ font-size:14px;height:28px;width:250px;line-height:20px;border:0px;background:none;box-shadow:none;} #container #content .LineEnd {border-bottom:1px solid #e4e4e4;} #container #content select {font-size:14px;} /*container > 배너*/ #container .banner.t1 {top:45px;} /*depth2*/ #container .banner.t2 {top:113px;} /*depth3*/ #container .banner.t3 {top:88px;} /*풀사이즈인 경우*/ #container .banner.t4 {top:0;position:absolute;right:15px;float:right;left:auto;} #container .banner {position:absolute;left:50%;width:284px;margin-bottom: 50px;margin-left:451px;} #container .banner > .banner_In > a > img {width:284px;} #container .banner > .banner_In + .banner_In, #container .banner > .banner_In + .prd_item {margin-top:14px;} #container .banner > .prd_item {position:relative;border:1px solid #bbb;color:#303030;} #container .banner > .prd_item > .box {cursor:pointer;float:left;position:relative;overflow:hidden;border-bottom:1px solid #bbb;} #container .banner > .prd_item > .box > img {max-width:282px;max-height:251px;} #container .banner > .prd_item > p.name {clear:both;padding:10px;border-bottom:1px solid #bbb;line-height:20px;font-size:18px;vertical-align:middle;} #container .banner > .prd_item > p.price {clear:both;padding:10px;line-height:24px;vertical-align:middle;text-align:center;} #container .banner > .prd_item > p.price > .priceSale {font-weight:700;font-size:24px;} #container .banner > .prd_item > p.price > .pricePer {font-weight:700;padding-left:20px;} #container .banner > .prd_item > p.price > .priceInfo {display:block;padding-left:10px;color:#ff7000;} #container .banner > .todayMark {position:absolute;font-size:12px;width:50px;height:54px;background:url(/images2017/sub/bg_icotodaydeal.png) 20px 10px no-repeat;color:#fff;margin:-10px 0 0 -10px;padding:15px 19px 10px;text-align:center;line-height:15px;font-weight:700;z-index:1;} #container .banner > .prd_today {position:relative;border:1px solid #e4e4e4;} #container .banner > .prd_today > .box {position:relative;overflow:hidden;} #container .banner > .prd_today > .box > img {max-width:282px;margin:0 auto;text-align:center;} #container .banner > .prd_today > p.price {position:relative;clear:both;text-align:center;font-weight:700;} #container .banner > .prd_today > p.price > .priceSale {position:absolute;top:-55px;right:25px;font-size:20px;color:#d6573c;} #container .banner > .prd_today > section> p.name {margin:-6px 15px 0;clear:both;font-weight:bold;padding:10px;border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;line-height:20px;font-size:15px;color:#5a5a5a;vertical-align:middle;text-align:center;} #container .banner > .prd_today > p.info {padding:10px 15px 0;color:#7b7a80;line-height:18px;} /* // container */ /*공통페이지 - 검색결과*/ #container.search > .contentS > .searchBox {background-color:#eee;text-align:center;padding-top:20px;display:block;position:inherit;} #container.search > .contentS > .searchBox > input {border:2px solid #ff7000;width:540px;text-align:center;border-radius:10px 0 0 10px;} #container.search > .contentS > .searchBox > span {padding:12px 20px 15px;outline:none;margin-left:-5px;background:#ff7000;border-radius:0 10px 10px 0;} #container.search > .contentS > .searchBox > span > a {color:#fff;} #container.search > .contentS > .searchBox > span > a > i {position:absolute;margin:7px 0 0 -14px;} #container.search > .contentS > .searchBox > ul > li {display:inline-block;font-size:12px;padding:8px 5px 10px;} #container.search > .contentS > .searchBox > ul > li:first-child {font-weight:700;color:#ff7000;padding-right:15px;} #container.search > .contentS > .searchBox > ul > li > a:hover {text-decoration:none;} #container.search > .contentS > .searchTotal {padding:30px 0;font-size:15px;text-align:center;} #container.search > .contentS > .searchList > ul {border-top:1px solid #ddd;clear:both} #container.search > .contentS > .searchList > ul > li {display:inline-block;vertical-align:top;padding:30px 0;} #container.search > .contentS > .searchList > ul > li:nth-child(1) {width:156px;font-weight:700;font-size:14px;} #container.search > .contentS > .searchList > ul > li:nth-child(1) > em {font-weight:400;color:#ff7000;padding-left:5px;} #container.search > .contentS > .searchList > ul > li:nth-child(2) {width:745px;} #container.search > .contentS > .searchList > ul > li > a {display:block;margin:-10px;padding:10px;} #container.search > .contentS > .searchList > ul > li > a:hover {text-decoration:none;background:#f8f8f8;} #container.search > .contentS > .searchList > ul > li > a + a {margin-top:10px;} #container.search > .contentS > .searchList > ul > li > a > dl > dt {color:#ff7000;text-decoration:underline;font-size:14px;font-weight:700;} #container.search > .contentS > .searchList > ul > li > a > dl > dd {padding-top:5px;} #container.search > .contentS > .searchList > ul > li > a > dl > dd:nth-child(2), #container.search > .contentS > .searchList > ul > li > a > dl > dd:nth-child(3) {color:#2688c7;} #container.search > .contentS > .searchList > ul > li > a:hover > dl > dd:last-child {color:#303030;} #container.search > .contentS > .searchList > .moreSearch {position:absolute;right:355px;margin-top:32px;} #container.search > .contentS > .searchList > .moreSearch > a {color:#2688c7;font-weight:700;text-decoration:underline;} #container.search > .contentS > .searchList > .btnPack > a {margin-left:160px;} #container.search > .banner {top:221px;} /* 오마이집 소개 About_Ohmyzip */ #content.about .titDep2 {margin:30px 0 0;padding:0} #content.about ul.history li {margin-left:20px;padding:15px 0;border-left:3px solid #ddd;} #content.about ul.history li i {position:absolute;color:#ff7000;margin:3px 0 0 -8px} #content.about ul.history li em {padding:0 10px 0 30px;font-style:italic; font-size:24px; font-weight:700;} #content.about ul.history li span {font-size:14px;} #content.about .pledge {background:url(/images2017/sub/about_01.jpg) 0 0 no-repeat; height:115px; font-style:italic; font-size:14px; line-height:180%; padding:40px 0 0 308px;} /* 센터 소개 */ #content.deCenter_bg1 {background:url(/images2017/sub/about_de01.jpg) right 90px no-repeat;} #content.cnCenter_bg1 {background:url(/images2017/sub/about_cn01.png) right 430px no-repeat;} #content.caCenter_bg1 {background:url(/images2017/sub/about_ca01.png) right 430px no-repeat;} #content.krCenter_bg1 {background:url(/images2017/sub/about_kr01.png) right 100px no-repeat;} #content.grCenter_bg1 {background:url(/images2017/sub/about_gr_map.jpg) right 450px no-repeat;} #content.jpCenter_bg1 {background:url(/images2017/sub/about_jp03.png) right 30px no-repeat;} /* 오마이집 소개>중국센터 소개 */ #content.ohmyzipCNCenter .subTxt1 .txtUp {width:400px;color:#fff;margin-left:476px;padding:20px;font-size:20px;font-weight:700;line-height:120%;letter-spacing:-1px;background:rgba(0,0,0,0.3)} #content.ohmyzipCNCenter .subTxt1 .txtUp em {display:block;font-size:14px;font-weight:normal;line-height:140%;margin-top:5px} #content.ohmyzipCNCenter table.subTxt1 td {vertical-align:top;padding-bottom:20px;/*height:170px*/} #content.ohmyzipCNCenter table.subTxt1 td i {color:#ff7000;padding:10px 0;} #content.ohmyzipCNCenter table.subTxt1 td span {display:block;font-weight:700;font-size:16px;padding-bottom:5px} #content.ohmyzipCNCenter .subImage1 .time {margin:150px 0 0 470px;font-weight:700;} /* 오마이집 소개>캘리포니아센터 소개 */ #content.ohmyzipCACenter .subTxt1 .txtUp {width:310px;color:#fff;margin-left:566px;padding:20px;font-size:20px;font-weight:700;line-height:120%;letter-spacing:-1px;background:rgba(0,0,0,0.4)} #content.ohmyzipCACenter .subTxt1 .txtUp em {display:block;font-size:14px;font-weight:normal;line-height:140%;margin-bottom:5px} #content.ohmyzipCACenter table.subTxt1 td {vertical-align:top;padding-bottom:20px;/*height:170px*/} #content.ohmyzipCACenter table.subTxt1 td i {color:#ff7000;padding:10px 0;} #content.ohmyzipCACenter table.subTxt1 td span {display:block;font-weight:700;font-size:16px;padding-bottom:5px} #content.ohmyzipCACenter .subImage1 .caCenter {margin:30px 0 0 160px;color:#ff2000;text-shadow: 1px 2px rgba(0,0,0,0.2);} /* 오마이집 소개>델라웨어센터 소개 */ #content.ohmyzipDECenter .subImage1 {/*border-top:2px dashed #ddd;*/text-align:left;} #content.ohmyzipDECenter .subImage1 > h2 {padding-top:20px} #content.ohmyzipDECenter .subImage1 > span {font-size:13px;line-height:160%;} #content.ohmyzipDECenter .subImage1 > section > span {display:initial;} #content.ohmyzipDECenter .subImage1 > section > img {display:block;padding:20px 0;margin:0 auto;} #content.ohmyzipDECenter .subTxt2 > li > img {display:block;padding:10px 0 10px;} #content.ohmyzipDECenter .subTxt3 > li {padding-top:20px} #content.ohmyzipDECenter .subTxt3 > li:first-child {padding-top:0} #content.ohmyzipDECenter .subTxt2 > li > img, #content.ohmyzipDECenter .subTxt3 > li > img {margin-left:-20px;} #content.ohmyzipDECenter .subTxt4 > li {padding:5px 0 0 20px} /* 오마이집 소개>한국센터 소개 */ #content.ohmyzipKRCenter table.subTxt1 td {width:188px;vertical-align:top;padding-bottom:20px;} #content.ohmyzipKRCenter table.subTxt1 td i {color:#ff7000;padding:10px 0;} #content.ohmyzipKRCenter table.subTxt1 td span {display:block;font-weight:700;font-size:16px;padding-bottom:5px} #content.ohmyzipKRCenter ul.ScheduleS > li {display:inline-block;width:48%;vertical-align:top;} #content.ohmyzipKRCenter ul.ScheduleS > li:last-child {float:right;} #content.ohmyzipKRCenter ul.ScheduleS > li > table.tableType3 {width:100%;} #content.ohmyzipKRCenter ul.ScheduleS > li > table.tableType3 > tbody > tr > td {text-align:center;} /* 오마이집 소개>독일센터 소개 */ #content.ohmyzipGRCenter .subTxt1 .txtUp {width:400px;color:#fff;margin-left:476px;padding:20px;font-size:20px;font-weight:700;line-height:120%;letter-spacing:-1px;background:rgba(0,0,0,0.3);} #content.ohmyzipGRCenter .subTxt1 .txtUp em {display:block;font-size:14px;font-weight:normal;line-height:140%;margin-top:5px} #content.ohmyzipGRCenter .subImage1 .grCenter {margin:282px 0 0 278px;color:#ff2000;text-shadow: 1px 2px rgba(0,0,0,0.2);} /* 오마이집 소개>일본센터 소개*/ #content.ohmyzipJPCenter .subTxt1 .txtUp {width:400px;color:#fff;margin-left:476px;padding:20px;font-size:20px;font-weight:700;line-height:120%;letter-spacing:-1px;background:rgba(0,0,0,0.3)} #content.ohmyzipJPCenter .subTxt1 .txtUp em {display:block;font-size:14px;font-weight:normal;line-height:140%;margin-top:5px} #content.ohmyzipJPCenter table.subTxt1 td {vertical-align:top;padding-bottom:20px;/*height:170px*/} #content.ohmyzipJPCenter table.subTxt1 td i {color:#ff7000;padding:10px 0;} #content.ohmyzipJPCenter table.subTxt1 td span {display:block;font-weight:700;font-size:16px;padding-bottom:5px} #content.ohmyzipJPCenter .subImage1 .time {margin:150px 0 0 470px;font-weight:700;} /* 고객센터 */ #content.customerService .cusBox {text-align:center;border:1px solid #ff7000;padding:35px 0 40px;} #content.customerService .cusBox dl.tel {font-family:'NanumSquare';width:400px;margin-left:100px;} #content.customerService .cusBox dl.tel > dt {font-size:18px;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px;} #content.customerService .cusBox dl.tel > dd {font-size:40px;font-weight:700;} #content.customerService .cusBox dl.tel > dd > a {color:#ff7000;text-decoration:none;} #content.customerService .cusBox .telInfo {position:absolute;margin:10px 0 0 550px;text-align:left;} #content.customerService ul.cusFaq > li {display:inline-block;width:13.41%;text-align:center;margin-left:5px;vertical-align:top;} #content.customerService ul.cusFaq > li:first-child {margin:0px;} #content.customerService ul.cusFaq > li > a {text-decoration:none;} #content.customerService ul.cusFaq > li > a > span.icon {display:block;background:#ccc;text-align:center;padding:43px 0 43px;} #content.customerService ul.cusFaq > li > a > span.icon > i {font-size:50px;color:#fff;} #content.customerService ul.cusFaq > li > a > span.txt {display:block;font-size:16px;font-weight:700;margin-top:10px;} #content.customerService ul.cusFaq > li > a:hover > span.icon {background:#ff7000;} #content.customerService ul.snsBox > li {display:inline-block;width:24.06%;vertical-align:top;border:1px solid #ddd;text-align:center;padding:20px 0;margin:0 0 10px 5px;} #content.customerService ul.snsBox > li > a {font-size:16px;font-weight:700;text-decoration:none;} #content.customerService ul.snsBox > li > a > i {display:inline-block;color:#ccc;vertical-align:middle;} /* 고객센터 > 1:1 Q&A List */ #content .qnaM_Center {position:relative;} #content .qnaM_Center:after {content:""; display:block; clear:both;} #content .qnaM_Center .box {float:left; position:relative; background:#f8f8f8; width:16.78%; margin:0 0 0 10px; padding:15px; border:1px solid #e2e2e2;} #content .qnaM_Center .box:first-child {margin-left:0;} #content .qnaM_Center .box em {float:left; font-size:20px; font-weight:700; color:#ff7000;} #content .qnaM_Center .box span {float:left; margin-left:5px; font-size:12px;} #content .qnaM_Center .box .date {float:right; color:#525252; font-size:16px; font-weight:700;} /* 고객센터 > 1:1 Q&A 카테고리 선택 */ #content.qna_cate .qna_cate_lst {zoom:1;} #content.qna_cate .qna_cate_lst:after {content:""; display:block; clear:both;} #content.qna_cate .qna_cate_lst dl {float:left; width:19.35%; min-height:270px; margin:0 0 0 10px;} #content.qna_cate .qna_cate_lst dl.first {margin-left:0;} #content.qna_cate .qna_cate_lst dl dt {background:#f3f3f3; padding:11px 0 10px; color:#545454; font-size:14px; font-weight:700; text-align:center;} #content.qna_cate .qna_cate_lst dl dd {padding:10px 10px 9px; color:#000; font-size:12px;} #content.qna_cate .qna_cate_lst dl dd a {color:#000;} #content.qna_cate .qna_cate_lst dl dd a:hover {color:#ff9000;} #content.qna_cate .qna_cate_lst dl dd a span {color:#353535; font-size:11px;} #content.qna_cate .qna_cate_lst dl dd a em {display:block; margin-top:2px; color:#353535; font-size:11px; line-height:16px;} #content.qna_cate .qna_cate_lst dl dd a em em {margin-top:0;} #content.qna_cate .qna_cate_lst dl dd + dd {padding-top:0;} /* 고객센터 > 1:1 Q&A 글씨기전 재확인 */ .qnaM .faqLst {zoom:1;} .qnaM .faqLst:after {content:""; display:block; clear:both;} .qnaM .faqLst > .titDep8 {margin-top:-20px} .qnaM .faqLst dl {float:left; width:128px; height:300px; margin-left:3px;} .qnaM .faqLst dl:first-child {margin-left:0;} .qnaM .faqLst dl dt {background:#ebebeb; padding:13px 0; color:#545454; font-size:12px; font-weight:700; text-align:center;} .qnaM .faqLst dl dd {background:#fbfbfb; min-height:30px; padding:6px 10px 0 ;} .qnaM .faqLst dl dd li {padding:6px 0;} .qnaM .faqLst dl dd a {color:#000; font-size:12px;line-height:18px;} .qnaM .faqLst dl dd li.on a, .qnaM .faqLst dl dd a:hover {color:#ff9000; text-decoration:underline;} .qnaM .faqLst li .qna_q {background:#f8f8f8; margin-bottom:5px; padding:8px 0 10px;} .qnaM .faqLst li .qna_q * {display:inline-block;} .qnaM .faqLst li .qna_q i {width:60px; color:#353535; font-size:18px; font-weight:700; text-align:center;} .qnaM .faqLst li .qna_q a {padding-left:10px; color:#454545; font-weight:700;} .qnaM .faqLst li .qna_a {display:none; position:relative; margin-bottom:20px; padding:7px 0 35px 75px; border-bottom:1px solid #e8e8e8; color:#353535; line-height:20px;} .qnaM .faqLst li .qna_a .qa {position:absolute; top:4px; left:24px; color:#454545; font-size:18px; font-weight:700;} .qnaM .faqLst li.on .qna_a {display:block;} /* 고객센터 > DE 센터 업무처리 현황 */ .qnaM .titDep8 span{font-size: 12px;font-weight: normal;color: #656565;letter-spacing: 0;padding-left: 5px;} .qnaM .mStatus{border-bottom:1px solid #dbdbdb;margin-bottom:70px;position:relative;} .qnaM .mStatus table.mS_tbl th{border-top:1px solid #464646;border-left:none;padding:20px 0;} .qnaM .mStatus table.mS_tbl td{border-left:none;color:#777777;padding:15px 0;} .qnaM .mStatus table.mS_tbl td .Date, .qnaM .mStatus table.mS_tbl td .Date2{display:inline-block;cursor:pointer;} .qnaM .mStatus table.mS_tbl td .Date .icon, .qnaM .mStatus table.mS_tbl td .Date2 .icon{border: 1px solid #d4d4d4;width:15px;height:15px;display:inline-block;text-align:center;vertical-align:middle;line-height:16px;border-radius: 8px;font-weight: bold;font-family: cursive;color: #777777;} .qnaM .mStatus table.mS_tbl td .Date .txtDate{color:#333;border: 1px solid #97d253;padding: 2px 20px;border-radius: 20px;background: #fff;position:absolute;left:100px;bottom:-20px;display:none;} .qnaM .mStatus table.mS_tbl td .Date:hover .txtDate{display:block;} .qnaM .mStatus table.mS_tbl td .Date2 .txtDate{color:#333;border: 1px solid #97d253;padding: 2px 20px;border-radius: 20px;background: #fff;position:absolute;left:500px;bottom:-20px;display:none;} .qnaM .mStatus table.mS_tbl td .Date2:hover .txtDate{display:block;} /*고객센터>공지사항, 언론보도*/ #content.noticeList .boardSearch {background:#f8f8f8;text-align:center;vertical-align:top;margin-top:30px;padding:15px 0;} #content.noticeList .tableType6 > thead > tr > th {font-size:14px;padding:15px;/*background:#f8f8f8;*/} #content.noticeList .tableType6 > tbody > tr.notice {background:#ffffcc;} #content.noticeList .tableType6 > tbody > tr > td {padding:10px;} #content.noticeList .tableType6 > tbody > tr > td:nth-child(2) {text-align:left;font-weight:700;} #content.noticeList form > dl.board_view > dt.tit {border-top:2px solid #212121;border-bottom:1px solid #ddd;background:#f8f8f8;font-size:16px;font-weight:700;padding:20px;} #content.noticeList form > dl.board_view > dt.tit > .txtUp {font-size:13px;right:360px;} #content.noticeList form > dl.board_view > dt.tit > .txtUp > span {font-weight:normal;} #content.noticeList form > dl.board_view > dt.sub {border-bottom:1px solid #ddd;padding:5px 20px;color:#777;} #content.noticeList form > dl.board_view > dd {padding:20px 20px 100px;} /*고객센터>FAQ*/ #content.faq .faqLst {zoom:1;} #content.faq .faqLst:after {content:""; display:block; clear:both;} #content.faq .faqLst > dl {display:inline-block; vertical-align:top;width:13.87%;margin-bottom:20px;} #content.faq .faqLst > dl > dt {width:100%;font-weight:700; text-align:center;font-size:16px;background:#ff8000;color:#fff;line-height:140%;padding:31px 0;} #content.faq .faqLst > dl > dd {padding:10px 5px;background:#f8f8f8;min-height:210px;} #content.faq .faqLst > dl > dd > ul > li {padding:5px 0;line-height:140%;font-weight:700;} /*고객센터>FAQ - NEW 2019/10/31*/ #content.New_faq section.faqLst{border-bottom:1px solid #d6d6d6;margin-bottom:60px;} #content.New_faq .faqLst > dl{width:25%;float:left;margin-bottom:0;} #content.New_faq .faqLst > dl > dt {width:auto;padding:10px 0 10px 20px;background:#fff;color:#303030;text-align:left;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6;} #content.New_faq .faqLst > dl:nth-child(4n+4) > dt{border-right:1px solid #d6d6d6;} #content.New_faq .faqLst > dl > dd {padding:10px 0 10px 30px;background:#f9f9f9;color:#303030;text-align:left;border-left:1px solid #d6d6d6;} #content.New_faq .faqLst > dl:nth-child(4n+4) > dd{border-right:1px solid #d6d6d6;} #content.New_faq .faqLst > dl > dd > ul > li{background:url("/images2017/flag/2dep_dot.gif") 0 13px no-repeat;padding-left:10px;} #content.New_faq .sTit{font-size:14px;padding-bottom:10px;display:block;} #content.New_faq .faq_search{overflow:hidden;margin-bottom:40px;} #content.New_faq .faq_search p.search_tit{float:left;background:#f6f4d3;width:230px;height:84px;line-height:84px;text-align:center;} #content.New_faq .faq_search p.search_tit span{font-size:18px;font-weight:bold;background:url("/images2017/flag/faq_search_img.png") 0 50% no-repeat;padding:5px 0 5px 35px;} #content.New_faq .faq_search div.search_Box{float:left;background:#faf8e3;width:625px;height:30px;padding:27px 30px} #content.New_faq .faq_search div.search_Box select{float:left;height:30px;line-height:30px;max-height:30px;margin-right:5px;} #content.New_faq .faq_search div.search_Box input{float:left;height:30px;width:300px;line-height:30px;box-sizing:border-box;margin-right:5px;} #content.New_faq .faq_search div.search_Box .sBtn{float:left;background:#fa8c3c;font-size:15px;height:30px;line-height:30px;text-align:center;} #content.New_faq .faq_search div.search_Box .sBtn a{color:#fff;text-decoration:none;padding:0 30px;} #content.New_faq .faq_List{overflow:hidden;margin-bottom:40px;} #content.New_faq .faq_List p.list_tit{font-size:18px;font-weight:bold;border-bottom:2px solid #464646;padding-bottom:10px;} #content.New_faq .faq_List p.list_tit span{color:#fa8c3c} #content.New_faq .faq_List ul.faqLst li div{padding:15px 30px;overflow:hidden;line-height:24px;color:#656565;} #content.New_faq .faq_List ul.faqLst li div.faq_q{border-bottom:1px solid #e0e0e0;} #content.New_faq .faq_List ul.faqLst li div.faq_q i.qq, #content.New_faq .faq_List ul.faqLst li div.faq_a i.qa{font-size:17px;font-weight:bold;margin-right:15px;float:left;line-height:22px;font-family:auto !important;} #content.New_faq .faq_List ul.faqLst li div.faq_a i.qa{color:#fff;padding:0 10px 2px 7px;background:url("/images2017/flag/faq_qa_arrow.png") 100% center no-repeat #b8b8b7;} #content.New_faq .faq_List ul.faqLst li div.faq_q .txt span{color:#fa8c3c;} #content.New_faq .faq_List ul.faqLst li .txt{float:left;} #content.New_faq .faq_List ul.faqLst li .txt:hover{color:#303030;text-decoration:none;} #content.New_faq .faq_List ul.faqLst li div.faq_a{background:#f9f9f9;border-bottom:1px solid #e0e0e0;} #content.New_faq .faq_List ul.faqLst li div.faq_a .txt p{line-height:20px;} #content.New_faq .faq_List ul.faqLst li.off div.faq_q{background:url("/images2017/flag/faq_list_off_arrow.png") 98% center no-repeat;} #content.New_faq .faq_List ul.faqLst li.on div.faq_q{background:url("/images2017/flag/faq_list_on_arrow.png") 98% center no-repeat;} #content.New_faq .faq_List ul.faqLst li.off div.faq_a{display:none;} #content.New_faq .faq_List ul.faqLst li.on div.faq_a{display:block;} #content.New_faq .faq_List ul.faqLst li.tab_con {display:none;} #content.New_faq .faq_List ul.faqLst li.tab_con.active{display:block;} #content.New_faq .faq_List ul.faqLst.active li.tab_con{display:block;} #content.New_faq .faq_List {display:block;} #content.New_faq .faq_List.active{display:block;} #content.New_faq .faq_List.tab_con{display:block;} #content.New_faq .faq_List.faq_search{display:block;} #content.New_faq .faq_List .list_result{margin-bottom:10px;width:100%;} #content.New_faq .faq_List .list_result span{color:#fa8c3c;} #content.New_faq .faq_List .list_tab{overflow:hidden;width:100%;} #content.New_faq .faq_List .list_tab table tr th {font-weight:bold;font-size:14px;background:#fbfbfb;height:40px;line-height:40px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-bottom:1px solid #74c043;cursor:pointer;} #content.New_faq .faq_List .list_tab table tr th:last-child{border-right:1px solid #e0e0e0; } #content.New_faq .faq_List .list_tab table tr th.active{background:#fff;border-top:1px solid #74c043;border-left:1px solid #74c043;border-right:1px solid #74c043;border-bottom:1px solid #fff;cursor:pointer;} #content.New_faq .Inquiry{width:876px;overflow:hidden;background:#f9f9f9;padding:20px 20px 20px 30px;} #content.New_faq .Inquiry .txt{float:left;font-size:14px;color:#656565;height:55px;line-height:55px;} #content.New_faq .Inquiry .alink{float:right;height:55px;line-height:55px;background:#54a91d;} #content.New_faq .Inquiry .alink a{padding:0 40px;text-decoration:none;color:#fff;font-size:16px;font-weight:bold;} #content.New_faq .faq_topMenu {overflow:hidden;width:100%;margin-bottom:40px;} #content.New_faq .faq_topMenu ul{border-bottom:1px solid #d6d6d6;overflow:hidden;} #content.New_faq .faq_topMenu ul li{font-weight:bold;font-size:14px;float:left;width:229px;text-align:left;border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;box-sizing:border-box;} #content.New_faq .faq_topMenu ul li:nth-child(4n+4){border-right:1px solid #d6d6d6;} #content.New_faq .faq_topMenu ul li:hover {background:#464646;color:#fff;text-decoration:none;} #content.New_faq .faq_topMenu ul li.active {background:#464646;color:#fff;text-decoration:none;} #content.New_faq .faq_topMenu ul li a{display:block;padding:15px 20px} #content.New_faq .faq_topMenu ul li a:hover{color:#fff;text-decoration:none;} #content.New_faq .faq_topMenu ul li.active a{color:#fff;} /* #content.faq .faqLst > dl:first-child > dt, #content.faq .faqLst > dl:nth-child(7) > dt {padding:20px 0;} */ #content.faq .faqLst li .faq_q {background:#f8f8f8;padding:10px 0;} #content.faq .faqLst li .faq_q * {display:inline-block;} #content.faq .faqLst li .faq_q i {width:60px; color:#ff7000; font-size:18px; font-weight:700; text-align:center;} #content.faq .faqLst li .faq_q a {padding-left:10px; font-weight:700;} #content.faq .faqLst li .faq_a {display:none; position:relative; padding:7px 0 35px 75px; border-bottom:1px solid #ddd; line-height:20px;} #content.faq .faqLst li .faq_a .qa {position:absolute; top:4px; left:24px; font-size:18px; font-weight:700;} #content.faq .faqLst li.on .faq_a {display:block;} /*고객센터>이용약관, 개인정보처리방침*/ #content.terms ul.termsList > li {display:inline-block;margin:0 0 9px 5px;vertical-align:top;text-align:center} #content.terms ul.termsList > li > a {display:block;background:#e9f6ff;border:1px solid #ddd;padding:5px 10px;font-size:15px;text-decoration:none;font-weight: bold;} #content.terms ul.termsList > li > a:hover {color:#303030;} #content.terms ul.termsList.li5 > li {width:19.14%;} #content.terms ul.termsList.li5 > li:first-child, #content.terms ul.termsList.li5 > li:nth-child(6) {margin-left:0;} #content.terms ul.termsList.li7 > li {width:13.37%;} #content.terms ul.termsList.li7 > li:first-child, #content.terms ul.termsList.li7 > li:nth-child(8) {margin-left:0;} #content.terms ul.termsList.li8 > li {width:11.57%;} #content.terms ul.termsList.li8 > li:first-child, #content.terms ul.termsList.li8 > li:nth-child(9), #content.terms ul.termsList.li8 > li:nth-child(17) {margin-left:0;} #content.terms .editable {line-height: 20px;word-break: keep-all;color:#666;padding: 20px;border: 1px solid #ddd;overflow-y: scroll;height:450px;} #content.terms .editable > p.termsTit1 {padding: 30px 0 0;color: #303030;font-size: 16px;font-weight: bold;} #content.terms .editable > p.termsTit1:first-child {padding:0;} #content.terms .editable > p.termsTit2 { padding: 15px 0 10px;color: #303030;font-size: 14px;} #content.terms .editable > ol.termsOlist {padding:10px 0 0;} #content.terms .editable > ol.termsOlist > li {margin-left: 18px;text-indent: -18px;padding:3px 0 0;line-height:20px;} #content.terms .editable > ol.termsOlist > li:first-child {padding:0;} /*고객센터>제휴/제안*/ #content.affiliates .frmArea {background:#f8f8f8; margin-top:10px; padding:30px 0; border:1px solid #ddd;} #content.affiliates .frmArea > form > ul > li {padding:7px 0; zoom:1;} #content.affiliates .frmArea > form > ul > li:after {content:""; display:block; clear:both;} #content.affiliates .frmArea > form > ul > li > label {float:left; width:190px; padding:8px 0 0 30px; font-weight:700;} #content.affiliates .frmArea > form > ul > li > section {float:left;} #content.affiliates .frmArea > form > ul > li > section > textarea {width:560px; padding:12px;} #content.affiliates .frmArea > form > ul > li > section > em {display:inline-block; margin-left:20px;} #content.affiliates .frmArea > form > ul > li > section > .del03 > span {width:89px;} #content.affiliates .agree1 {padding:10px 0;line-height:18px} #content.affiliates .agree2 {padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc} /* Sign Page */ #container.SignUp {margin-bottom:0!important;background-color:#f1f1f1;padding-bottom:100px;} #container.signin {margin-bottom:0!important;background-color:#f1f1f1;padding-bottom:100px;} #container.SignUp .int, #container.signin .int {height:28px !important;line-height:28px !important;} #container.SignUp .sel, #container.signin .sel {height:28px !important;line-height:18px !important;-webkit-appearance:none;border-radius:0;border:0;} :root .sel {background:url(/images2017/sub/right_arrow.png) 100% 50% no-repeat;} #container.SignUp .outBox #email_confirm_success .accountNPoint{padding:0;letter-spacing:0;color:#303030;font-size:14px;} #container.SignUp .outBox #email_confirm_success .accountNPoint .Tinfor{text-align:center;font-weight:bold;} #container.SignUp .outBox #email_confirm_success .accountNPoint .Tinfor span{background:url("/images2017/sub/signUp_icon.png") 0 50% no-repeat;padding-left:25px;padding-top:1px;} #container.SignUp .outBox #email_confirm_success .accountNPoint .Emailinfor{text-align:center;font-weight:bold;background-color:#f8f8f8;padding:10px 30px;margin-top:10px;} #container.SignUp .outBox #email_confirm_success .accountNPoint .Emailinfor span{color:#ff7000} #container.SignUp .pd60{padding-top:60px !important;} .accountN {width:680px;margin:0 auto; } .accountN h1 {font-size:46px;padding:70px 0 10px;line-height:46px;font-weight:700;} .accountN .required {font-size:14px;padding-bottom:20px;font-weight:700;} .accountN .required span {color:#ff6300;} .accountN .outBox {background-color:#fff;padding:30px 30px 60px 30px;box-shadow:3px 3px 3px 3px #e4e4e4;} .accountN .outBox .accountN {width:570px;} .accountN .outBox .msgBox {background-color:rgba(250,247,226,1);margin:0 25px 25px;} .accountN dl {width:570px; margin-bottom:10px;font-size:12px;;overflow:hidden;} .accountN dl dt {width:190px;max-width:190px;height:48px;line-height:48px;float:left;background-color:#f1f1f1;padding:0 30px;font-weight:bold;box-sizing:border-box;} .accountN dl.cLine2 dt{height:48px;line-height:48px;} .accountN dl dd {width:350px;float:left;background-color:#f8f8f8;padding:10px 15px;max-height:48px;} .accountN dl dd select.sel {width:175px; background:url(/images2017/sub/right_arrow.png) 70% 50% no-repeat;} .accountN dl.select dd {width:129px;float:left;overflow:hidden;} .accountN dl.select dd:last-child {width:181px;margin-left:10px;} .accountN dl.select dd input{width:200px;} .accountN dl input.inputS {padding:0 10px;width:320px;} #container.signin .outBox dl.cLine2 dd input{border:none !important;background-color:#f8f8f8;} #container.signin .outBox #email_confirm_success .accountNPoint{padding:0;letter-spacing:0;color:#303030;font-size:14px;} #container.signin .outBox #email_confirm_success .accountNPoint .Tinfor{font-weight:bold;background:url("/images2017/sub/signUp_icon.png") 0 50% no-repeat;padding-left:25px;margin-left:5px;} #container.signin .outBox #email_confirm_success .accountNPoint .Emailinfor{font-weight:bold;background-color:#f8f8f8;padding:10px 30px;margin-top:10px;} #container.signin .outBox #email_confirm_fail .accountNPoint {padding:0;letter-spacing:0;color:#303030;font-size:14px;text-align:center;} #container.signin .outBox #email_confirm_fail .accountNPoint p.img{padding-bottom:20px;} #container.signin .outBox #email_confirm_fail .accountNPoint p strong{display:block;line-height:14px;} #container.signin .outBox .errorMessage{padding:0;letter-spacing:0;color:#303030;font-size:14px;text-align:center;margin:20px 0;} #container.signin .outBox .errorMessage .Tinfor{font-weight:bold;background:url("/images2017/sub/signUp_icon.png") 0 50% no-repeat;padding-left:25px;padding-top:1px;} #container.signin .outBox .msgBox span{font-size:14px;} .accountN form input {border:none;background-color:#f8f8f8;} #container.SignUp .inputS {font-size:12px !important;color:#5e5e5e !important;border:none;background-color:#f8f8f8;} .accountN .accountNTxt {padding:0 0 10px 20px;font-size:12px;line-height:20px;color:#5e5e5e;width:550px;margin-top:10px;border-bottom:1px solid #f1f1f1;} .accountN .accountNTxt p {font-size:14px; font-weight:bold;padding-bottom:10px;padding-top:20px;} #container .accountN .outBox .cBtnArea span a{font-size:14px;padding:0;height:46px;line-height:46px;width:570px;border:none;border-radius:0;} #container .accountN .outBox .SinginUrl{border-bottom:none;} #container .accountN .outBox .email_Save{text-align:right;} #container.signin .outBox{padding:60px 30px;} #container.signin .outBox .SinginUrl{padding:25px 0 0;} #container.signin .outBox dl.cLine3 dt{font-size:18px;width:auto;padding:15px 18px;max-width:55px;} #container.signin .outBox dl.cLine3 dd{width:485px;} #container.signin .outBox .cBtnArea{padding-top:25px;} #container.signin .outBox .cBtnArea.search_btn{overflow:hidden;} #container.signin .outBox .cBtnArea.search_btn span{float:left;} #container.signin .outBox .cBtnArea.search_btn span a{width:285px;} #container.signin .errorBox_Line{padding-bottom:10px;padding-left:180px;} #container.signin .outBox .accountN dl.cLine3{position:relative;} /* #container.signin .outBox .accountN dl.cLine3 dd p{position: absolute;top: 18px;right: 0;} #container.signin .outBox .accountN dl.cLine3 dd p i{font-size: 14px;}*/ .accountN .SinginForm{width:360px;padding-top:20px;margin:0 auto} .accountN .SinginForm li{border-bottom:1px solid #d5d5d5;padding:25px 0 10px;} .accountN .SinginForm li:last-child {border-bottom:0px;padding:15px 0 25px;color:#999;text-align:right;} .accountN .SinginForm li i {color:#888;font-size:16px} .accountN .SinginUrl {text-align:center;padding:25px 0 40px;border-bottom:1px solid #d5d5d5;} .accountN .SinginUrl li {display:inline;letter-spacing:-1px;font-weight:700;padding:0 10px 0 5px;border-right:1px solid #d5d5d5;} .accountN .SinginUrl li:last-child {padding:0 0 0 5px;border-right:0;} .accountN .SinginUrl li:last-child a {color:#ff7000;} .accountN .accountNPoint {font-size:24px;padding:28px 0 30px;text-align:left;color:#ff7000;line-height:30px;letter-spacing:-1px;} .accountN .accountNPoint_Register {font-size:12px;padding-bottom:30px;text-align:left;;line-height:20px;background:url(/images2017/sub/signUp_icon.png) 0 2px no-repeat;padding-left:25px;} .accountN .accountNPoint_Singin {font-size:24px;padding:28px 0 30px;text-align:left;background:#fff;line-height:30px;letter-spacing:-1px;text-align:center;border-bottom:1px solid #e4e4e4;} #email_assist.accountN dl.cLine {width:680px;} #email_assist.accountN .cLine dd{width:475px;padding:5px 15px;} #email_assist.accountN .cLine dd input {box-sizing:border-box;} #password_assist.accountN dl.cLine {width:680px;} #password_assist.accountN .cLine dd{width:475px;padding:4px 15px;} #password_assist.accountN .cLine dd input{width:445px !important;} /* My Page>주문내역 */ .Mypage {position:relative;} /* 안내사항 한줄에 1개씩 */ .Mypage .Mypage_info {padding-bottom:15px} .Mypage .Mypage_info li {display:block;width:100%;line-height:140%;padding-top:7px;} .Mypage .Mypage_info li:first-child {padding-top:0px;} .Mypage .Mypage_info li > i {float:left;color:#ff7000;margin-top:1px} .Mypage .Mypage_info li > em {display:block;margin-left:25px;} /* 안내사항 한줄에 2개씩 */ .Mypage .Mypage_info50 {padding-bottom:15px} .Mypage .Mypage_info50 li {display:inline-block;width:49.5%;line-height:140%;padding-top:7px;vertical-align:top} .Mypage .Mypage_info50 li:first-child, .Mypage .Mypage_info50 li:nth-child(2){padding-top:0px;} .Mypage .Mypage_info50 li > i {float:left;color:#ff7000;margin-top:1px} .Mypage .Mypage_info50 li > em {display:block;margin-left:25px;} /* 주소 선택 */ .address2 ul {zoom:1;} .address2 ul:after {content:""; display:block; clear:both;} .address2 ul li {float:left; position:relative; width:197px; min-height:160px; margin:35px 13px 20px 13px;} .address2 ul li strong {display:block; margin-bottom:8px; color:#353535; font-size:18px; font-weight:normal;} .address2 ul li p {color:#353535; font-size:12px; line-height:18px; margin:0 0 10px;} .address2 ul li p span {display:block;} .address2 ul li p em {margin:0 0 0 15px;} .address2 ul li p em a {color:#0084ff;} /* 공지 관세청 고시환율 나의 1: 1 질물 자주하는 질문 */ .subT {color:#666; font-size:14px; font-weight:bold; margin-top:20px;} .subT:before{content:"";width:100%;height:100%;padding-right:10px;border-left:3px solid #ff7000;font-size:12px;} .mypage .tit2 {border-bottom:1px solid #edecec; margin:0 0 10px;} .mypage .subT {display:inline-block; margin:0 10px 10px 0;} .ico_status_cscenter01 {border:1px solid #e3873f;padding:1px 8px;color:#e3873f;border-radius:10px;} /* 공지 관세청 고시환율 나의 1: 1 질물 자주하는 질문 리뉴얼 20190104*/ .mypagesubT {color:#303030; font-size:16px;margin-top:20px;letter-spacing:-1px;} .mypagesubT:before{content:"";width:100%;height:100%;border-left:3px solid #ff7000;font-size:13px;padding-right:10px;} .mypage .mypagetit2 {border-bottom:1px solid #edecec; margin:0 0 10px;} .mypage .mypagesubT {display:inline-block; margin:0 10px 10px 0;} .mypage .goview {display:inline-block;line-height:28px;width:13px;height:13px;margin-left:5px;} .csCenter {zoom:1;} .csCenter:after {content:""; display:block; clear:both;} .csCenter .box {float:left; position:relative; width:356px; min-height:150px; margin:0 0 30px 30px; background:none;} .csCenter .box:first-child {margin-left:0;} .csCenter .mypagetit2 {position:relative;width:100%;} .csCenter .mypagetit2 .mypagegoview {position:absolute;display:inline-block;right:0;} .csCenter .mypagetit2 .mypagegoview a {text-decoration:none;color:#4e4e4e;font-size:12px;} .csCenter .mypagetit2 .mypagegoview a:hover {text-decoration:none;color:#1d1d1b;font-size:12px;} .csCenter .news li {line-height:28px; font-size:12px;} .csCenter .news li a {color:#787878;} .csCenter .news li span {color:#bababa; font-size:11px;} .csCenter .qna li {line-height:28px; font-size:12px; background:url(/images/app/bullet_dot_orange_small.gif) left no-repeat; padding:0 0 0 6px;} .csCenter .qna li a {color:#787878;} .csCenter .qna li span {color:#bababa; font-size:11px;} .faqAll .faqList {zoom:1;border-bottom:1px solid #e8e8e8;} .faqAll .faqList:after {content:""; display:block; clear:both;} .faqAll .faqList dl {float:left; width:25%; height:270px; border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;box-sizing:border-box;} .faqAll .faqList dl:nth-child(4n+4){border-right:1px solid #e8e8e8;} .faqAll .faqList dl dt {background:#f4f4f4; border-bottom:1px solid #e8e8e8; padding:13px 0; text-align:left;padding-left:20px; font-weight:bold; color:#717171;} .faqAll .faqList dl dd {padding:10px 20px;} .faqAll .faqList dl dd li {padding:0 0 10px;} .faqAll .faqList dl dd a {color:#7a7a7a;line-height:18px; background:url(/images/app/bullet_arrow_right.gif) left no-repeat; padding:5px 6px;} .faqAll .faqList dl dd li.on a, .faqAll .faqList dl dd a:hover {color:#9b6fff; text-decoration:underline;} /* 결제방법 프라임 선택 */ .payment .primeBox{border:1px solid #dcdcdc;padding:20px 40px;margin-bottom:10px;} .payment .primeBox p{float:left;padding-right:20px;} .payment .primeBox p input{vertical-align:text-top;} .payment .primeBox ul{width:100%;overflow:hidden;padding-top:10px;padding-left:10px;} .payment .primeBox ul li{position:relative;padding-left:10px;} .payment .primeBox ul li em{position:absolute;left:0;top:0;} /*나의 결제 정보 - 등록된 카드 목록*/ .uCardLst {/*margin-top:30px;*/padding:30px 0 40px; border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; zoom:1;} .uCardLst:after {content:""; display:block; clear:both;} .uCardLst dt {float:left; width:161px; padding-right:34px; color:#666; font-size:14px; line-height:18px; text-align:right; font-weight:700;} .uCardLst dt em {display:block;} .uCardLst dd {float:left; width:1250px;} .uCardLst dd ul li {position:relative; background:#f8f8f8; margin-top:10px; border:1px solid #e2e2e2; zoom:1; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .uCardLst dd ul li:after {content:""; display:block; clear:both;} .uCardLst dd ul li:first-child {margin-top:0;} .uCardLst dd ul li > p {float:left; padding:20px 0; color:#353535;} .uCardLst dd ul li > p em {color:#353535;} .uCardLst dd ul li > p span {color:#a94442;} .uCardLst dd ul li > p.name {width:80px; padding-left:15px; color:#353535; font-size:14px; font-weight:700;} .uCardLst dd ul li > p.end {width:165px;} .uCardLst dd ul li > p.ex {width:145px;background: none;position: relative;font-weight: normal;font-size:13px;} .uCardLst dd ul li > p.cardName {width:245px;} .uCardLst dd ul li > p.cvs {width:150px;position: relative;font-weight: bold;font-size:13px;margin-top:-3px;} .uCardLst dd ul li > p.cvs input {width:40px;height:28px;padding:5px 10 !important;vertical-align:middle;line-height:15px;} .uCardLst dd ul li .btn {position:absolute; top:20px; right:15px; margin-top:-3px;} /*나의 결제 정보 - 새로운 카드정보 입력하기*/ .newCard {position:relative; padding-bottom:30px; border-bottom:1px solid #e2e2e2;} .newCard dl {position:relative; padding-top:24px;} .newCard dl dt {position:absolute; top:29px; left:0; width:161px; padding-right:34px; color:#666; font-size:14px; line-height:18px; text-align:right; font-weight:700;} .newCard dl dt em {display:block;} .newCard dl dd {position:relative; margin-left:196px; padding:7px 0; zoom:1;} .newCard dl dd:after {content:""; display:block; clear:both;} .newCard dl dd label {float:left; width:100px; padding:9px 34px 0 0; color:#666; font-size:14px; text-align:right;} .newCard dl dd.date select {color:#353535;} .newCard dl dd .quest {position:absolute; top:13px; left:210px;} .newCard .btn34O {margin:8px 0 0 330px;} .newCard .btnPack {margin:8px 0 0 330px;} .newCard .cardLst {position:absolute; top:32px; left:585px;} .newCard .cardLst ul {zoom:1;} .newCard .cardLst ul:after {content:""; display:block; clear:both;} .newCard .cardLst ul li {float:left; margin-left:15px;} .newCard .cardLst ul li:first-child {margin-left:0;} .newCard .cardLst p {margin-top:16px; color:#353535;} /*마이페이지 신청서 리스트*/ .orderList h1.subT {color:#303030;} .orderList p.info, .orderList section.info {background:#f3f3f3; border:1px solid #e2e2e2; padding:23px 32px; margin:15px 0 0; color:#303030 !important; font-size:12px !important; line-height:22px !important;} .orderList section.info .b_info{overflow:hidden;} .orderList section.info .b_info i{float:left;font-size:20px;color:#6441be !important;} .orderList section.info .b_info span{float:left;padding-left:5px;color:#6441be;} .orderList img.right {float: right; position: inherit; margin-top: -35px} .orderList p.info span {display:block;} .orderList table {margin:15px 0 0;} .orderList table th {background:#f3f3f3; color:#666; font-weight:bold;} .orderList table th, .orderList table td {text-align:center; vertical-align:middle; word-break:break-all; border:1px solid #c1c1c1; padding:9px 10px; overflow-wrap: break-word;} .orderList table .rbd0, .orderList table .rbd0 {border-right:1px solid #fff !important;} .orderList table td {line-height:18px;} .orderList table td em {display:block; padding:5px 0 0; font-size:11px;} .orderList table td em + em {padding:0;} .orderList table td i {color:#999;} .orderList input[type=text] {height:7px; background:#fbfbfb; border:1px solid #e4e4e4; margin:0;} .orderList .tab_menu{overflow:hidden;margin:40px 0 20px;} .orderList .tab_menu li{float:left;border:1px solid #ff7000;border-radius:3px;box-sizing:border-box;margin-right:10px;} .orderList .tab_menu li a {color:#ff7000;font-size:14px;font-weight:bold;padding:7px 25px;display:block;text-decoration:none; } .orderList .tab_menu li.active{background:#ff7000;} .orderList .tab_menu li.active a{color:#fff;} /* 마이페이지 신청서 리스트 - 버튼*/ .searchBox {display:inline-block; position:absolute; top:8px; left:342px;} .searchBox input {height:26px; background:#fbfbfb; border:1px solid #e4e4e4; margin:0;} .searchBox select {height:26px; background:#fbfbfb; border:1px solid #e4e4e4;} .btn26 {display:inline-block; overflow:visible; background:linear-gradient(to top, #f2f2f2 , #fff);border-radius:3px;border:1px solid #dcdcdc;} .btn26 span {display:block; padding:5px 10px; color:#4e4e4e; font-size:12px; text-align:center;} a.btn26:hover, a.btn26 span:hover {text-decoration:underline;} .txBold, .txBold span {font-weight:bold;} .txBlack, .txBlack span {color:#000 !important;} .txRed, .txRed span, a.txRed {color:#ef3f45 !important;} .txBlue, .txBlue span, a.txBlue {color:#0f82d2 !important;} .txReddark, .txReddark span {color:#b41035 !important;} .ca {color:#ff9000;} .de {color:#66b9cf;} /* 나의 주소록 - 검색 */ .my02 .addBox label {position:relative; top:1px; color:#666; font-size:14px; font-weight:700;} .my02 .addBox select {color:#353535; margin:0 2px 0 9px;} /* 나의 주소록 - 리스트 */ .addLst ul li .btn, .address ul li .btn {position:absolute; bottom:15px; left:15px;} .addLst ul {zoom:1;} .addLst ul:after {content:""; display:block; clear:both;} .addLst ul li {float:left; position:relative; background:#f8f8f8; width:313px; min-height:167px; margin:30px 0 0 30px; padding:15px; border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .addLst ul li:first-child, .addLst ul li.first {margin-left:0;} .addLst ul li strong {display:block; margin-bottom:18px; color:#353535; font-size:14px; font-weight:700;} .addLst ul li p {color:#353535; font-size:12px; line-height:18px;} .addLst ul li p span {display:block;} .addLst ul li p em {color:#353535;} /* 나의 주소록 - 우편번호 찾기 */ .zipcodePop {width:571px; min-height:319px; margin:-330px 0 0 -285px;} .zipcodePop .inner {padding:30px 30px 0 30px;} .zipcodePop .srcBox {margin-bottom:20px; padding: 20px; text-align:center; background:#f0f0f0;} .zipcodePop p {margin:5px 0; font-size:13px;} .zipcodePop p em, .zipcodePop .scroll li em {color:#ff7000;} .zipcodePop ul li {font-size:11px; background:url(/images/sub/blt_2x2B.gif) 2px 10px no-repeat; padding:5px 0 0 10px; color:#353535;} .zipcodePop .scroll {height:220px; overflow-x:hidden; overflow-y:scroll; position:relative; margin:0 0 10px 0; border:#ddd 1px solid;} .zipcodePop .scroll ul {margin:0px; padding:10px;} .zipcodePop .scroll li {float:left; width:100%; padding:4px 0; border-bottom:1px solid #eee; font-size:12px; color:#353535; background:none;} .zipcodePop .scroll li span.btnPack {float:right;/*margin-top:-15px;*/} .zipcodePop .selectAdd {margin:10px 0 50px 45px;} .zipcodePop .selectAdd .selectAddW {clear:both;} .zipcodePop .selectAdd .selectAddW p {float:left;margin:2px 0;} .zipcodePop .selectAdd .selectAddW p.addWidth {width:70px;line-height:38px;} .zipcodePop .btnC {margin-top:10px;} /* 나의 오마이집 주소*/ .myAddress > .center_lst {margin:0; zoom:1;} .myAddress > .center_lst .leftTitle {float:left; position:relative;width:170px;font-size:16px;padding:10px 0 0;font-weight:700;} .myAddress > .center_lst:after {content:""; display:block; clear:both;} .myAddress > .center_lst .box {float:left; position:relative; background:#f8f8f8; width:438px; margin-left:15px; padding:15px; border:1px solid #e2e2e2;} .myAddress > .center_lst .box:first-child {margin-left:0;} .myAddress > .center_lst .box em {float:left; font-size:20px; font-weight:700; color:#ff7000;} .myAddress > .center_lst .box .date {float:right; color:#525252; font-size:18px; font-weight:700;} .myAddress > .center_lst .box ul {padding:20px 0 0 0; clear:both; min-height:180px} .myAddress > .center_lst .box ul li {padding:3px 0; zoom:1;} .myAddress > .center_lst .box ul li:after {content:""; display:block; clear:both;} .myAddress > .center_lst .box ul li p {float:left; width:100px; padding:6px 0 0 0; color:#353535; font-size:12px;} .myAddress > .center_lst .box ul li section {float:left; display:block; width:325px; background:#fff; border:1px solid #fff; padding:5px; cursor:pointer;} .myAddress > .center_lst .box ul li section:hover {border:1px solid #ddd;} /* 오캐시 */ .cash .topArea {zoom:1;} .cash .topArea:after {content:""; display:block; clear:both;} .cash .topArea .box01 {float:left; background:#f3f3f3; width:300px; height:78px; margin-right:15px; padding-top:22px; border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3; text-align:center;} .cash .topArea .box01 p {color:#787878; font-size:14px; font-weight:700;} .cash .topArea .box01 p span {display:inline-block; padding-bottom:7px;} .cash .topArea .box01 em {display:block; margin-top:15px; color:#ff8400; font-size:18px; font-weight:700;} .cash .topArea .box02 {float:left; background:#f3f3f3; border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;} .cash .topArea .box02 dl {float:left; width:165px; height:78px; padding-top:22px; text-align:center;} .cash .topArea .box02 dl dt {position:relative; color:#787878; font-size:14px; font-weight:700; text-align:center;} .cash .topArea .box02 dl dt em {display:block; position:absolute; top:23px; left:50%; background:#545454; height:1px; margin-left:-15px;} .cash .topArea .box02 dl dd {margin-top:24px; color:#ff8400; font-size:16px; font-weight:700;} .cash .topArea .box02 dl.last dt {color:#353535;} .cash .topArea .box02 dl.last dt em {background:#353535;} .cash .topArea .box03 {float:left; width:495px; border-top:1px solid #d3d3d3;border-bottom:1px solid #ddd;} .cash .topArea .box03 .type1 {height:100px; padding-left:20px;} .cash .topArea .box03 .type1 p {padding-top:9px; color:#353535; font-size:14px; font-weight:700;} .cash .topArea .box03 .type1 > span {display:block; padding:5px 0 4px; color:#353535; font-size:12px;} .cash .topArea .box03 .type1 > span em {color:#ff7000;} .cash .topArea .box03 .type2 {height:100px; text-align:center;} .cash .topArea .box03 .type2 p {padding:16px 0 9px; color:#353535; font-size:14px; font-weight:700;} .cash .topArea .box03 .type2 strong {display:block; color:#353535; font-size:14px;} .cash .topArea .box03 .type2 > span {display:block; margin-top:10px; padding:5px 0 4px; color:#353535; font-size:12px;} .cash .topArea .box03 .type2 > span em {color:#ff7000;} .cash .tit {position:relative;} .cash .tit h4 {margin:27px 0 23px 0; color:#353535; font-size:16px; font-weight:700;} .cash .tit .del05 {position:absolute; top:50%; right:0; margin-top:-12px;} .cash .dot {zoom:1;} .cash .dot:after {content:""; display:block; clear:both;} .cash .dot ul {float:left; width:720px;} .cash .dot ul.first {margin-right:30px;} .cash .dot li {background:url(/images/sub/blt_3x3B.gif) 0 8px no-repeat; padding-left:11px; line-height:20px; color:#353535; font-size:12px;} .cash .dot li span {font-weight:700;} .cash .dot li p.btn_add span {font-weight:normal; line-height:normal;} .cash .yBox {background:#f3f3f3; margin-top:20px; padding:20px 30px; border:1px solid #ddd; zoom:1; -webkit-box-shadow:0px 0px 5px rgba(0,0,0,.4); -moz-box-shadow:0px 0px 5px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .cash .yBox:after {content:""; display:block; clear:both;} .cash .yBox .in01 {float:left; padding-right:45px;} .cash .yBox .in01 p {margin-bottom:12px; color:#353535; font-size:14px; font-weight:700;} .cash .yBox .in01 p em {font-size:18px;} .cash .yBox .in01 div select {color:#353535;} .cash .yBox .in01 div input[type=text] {text-align:right;} .cash .yBox .in02 {float:left; padding:5px 0 0 30px; border-left:1px solid #ddd;} .cash .yBox .in02 dl {zoom:1;} .cash .yBox .in02 dl:after {content:""; display:block; clear:both;} .cash .yBox .in02 dl:first-child {margin-bottom:15px;} .cash .yBox .in02 dl dt {float:left; color:#353535; font-size:14px; font-weight:700;} .cash .yBox .in02 dl dd {position:relative; top:-2px; float:left;} .cash .yBox .in02 dl dd > span {color:#353535; font-size:12px;} .cash .yBox .in02 dl dd > .del04 {margin-left:10px;} .cash .yBox .in02 dl dd > .del04.ty2 {margin-left:7px;} .cash .yBox .in02 dl dd > .del04.ty2 span {font-size:12px;} .cash table th {padding-bottom:10px; border-bottom:1px solid #dddddd; color:#353535; font-size:12px; font-weight:normal; background:#f3f3f3; width:1140px; padding:13px 0 16px; } .cash table td {height:27px; padding:5px 0 5px; border-bottom:1px solid #ddd; text-align:center; font-size:12px; color:#555;} .cash table td em {display:inline-block; width:65px; margin-right:28px; text-align:right;} .cash table td em.ty2 {display:inline-block; width:65px; margin-right:7px; text-align:right;} .cash table td span {display:inline-block; width:65px; margin-right:20px; text-align:right;} .cash table.last {border-top:1px solid #787878;} .cash table.last th {height:27px; padding:5px 0 5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:12px;} .cash table.last th:first-child {background:#f3f3f3; border-left:0 none;} .cash table.last td {border-left:1px solid #ddd; color:#353535; font-size:12px;} .cash table.last tbody th {color:#353535;} .cash table.last2 {border-top:1px solid #787878;} .cash table.last2 th {background:#f3f3f3; height:27px; padding:5px 0 5px; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; font-size:15px; font-weight:700;} .cash table.last2 td {border-left:1px solid #ddd; border-right:1px solid #ddd; color:#353535; font-size:14px;} .cash table.last2 tbody th {color:#353535;} /* 쿠폰 */ .my03 .info {/*background:url(/images/sub/bg_passFine.gif) 0 100% repeat-x;*/ padding-bottom:25px;} .my03 .info strong {display:block; margin-bottom:30px; color:#515151; font-size:16px;} .my03 .info p {margin-bottom:30px; color:#353535; font-size:13px; font-weight:700;} .my03 .info p em {color:#6ba5c2;} .my03 .info ul {zoom:1;} .my03 .info ul:after {content:""; display:block; clear:both;} .my03 .info ul li {float:left; /*background:url(/images/sub/blt_3x3B.gif) 0 8px no-repeat;*/ width:720px; padding-left:8px; line-height:20px; font-size:12px;} .my03 .info ul li.ma {margin-left:14px;} .my03 .tab a p {width:700px; text-align:center;} .my03 .tab a p strong {font-weight:normal;} .my03 .tab a p strong:hover {font-weight:700; text-decoration:none;} .my03 .tab a.on {font-weight:normal;} .my03 .tab a.on p {width:700px;} .my03 .tab a.on p strong {font-weight:700;} .my03 .tab a.on p em {font-weight:700;} .my03 table th {padding-bottom:10px; border-bottom:1px solid #787878; color:#353535; font-size:12px; font-weight:normal;} .my03 table td {height:27px; padding:5px 0 5px; border-bottom:1px solid #ddd; text-align:center; font-size:12px;} .my03 table td.corO {text-decoration:underline;} .my03 table td .btn27O span {font-size:12px;} /* 포인트 */ .my04 .point {position:relative; padding-left:195px;} .my04 .point .box {position:absolute; top:0; left:0; background:#f3f3f3; width:165px; padding:50px 0 52px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; text-align:center;} .my04 .point .box > p {color:#353535; font-size:16px; font-weight:700; line-height:19px;} .my04 .point .box > p em {display:block} .my04 .point .box > p span {display:inline-block; border-bottom:1px solid #545454;} .my04 .point .box > em {display:block; margin:14px 0 9px; color:#ff7000; font-weight:700; font-size:24px; line-height:1.2em;} .my04 .point .box > span {color:#353535; font-size:13px; font-weight:700;} .my04 .point .box2 {position:absolute; top:240px; left:0; background:#f3f3f3; width:165px; padding:50px 0 52px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; text-align:center;} .my04 .point .box2 > p {color:#353535; font-size:16px; font-weight:700; line-height:19px;} .my04 .point .box2 > p em {display:block} .my04 .point .box2 > p span {display:inline-block; border-bottom:1px solid #545454;} .my04 .point .box2 > em {display:block; margin:14px 0 9px; color:#ff7000; font-weight:700; font-size:24px; line-height:1.2em;} .my04 .point .box2 > span {color:#353535; font-size:13px; font-weight:700;} .my04 .point .con {margin-bottom:20px;} .my04 .point .con > p {padding-bottom:12px; border-bottom:1px solid #ddd; color:#353535; font-size:12px;} .my04 .point .con > p strong {font-size:14px;} .my04 .point .con > p em {color:#ff7000;} .my04 .point .con ul {margin-top:17px; zoom:1;} .my04 .point .con ul:after {content:""; display:block; clear:both;} .my04 .point .con ul li {float:left; margin:0 0 10px 27px;} .my04 .point .con ul li.first, .my04 .point .con ul li:first-child {margin-left:0;} .my04 .point .con ul.yuanCon {overflow:hidden;background:#f9f9f9;padding:20px 20px 20px 30px;border-radius:5px;} .my04 .point .con ul.yuanCon li{display:block;clear:both;margin:0;line-height:32px;background:url("/images2017/sub/orange_dot.gif")no-repeat left center;padding-left:10px;} .my04 .rewardBox{overflow:hidden;} .my04 .rewardBox li{width:448px;float:left;background:#f3f3f3;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;text-align:center;padding:30px 0;} .my04 .rewardBox li p{font-size:16px;font-weight:bold;margin-bottom:15px;} .my04 .rewardBox li span{font-size:24px;font-weight:bold;} .my04 .rewardBox li:first-child{margin-right:20px;} .my04 h4 {margin:60px 0 24px; color:#353535; font-size:16px; font-weight:700;} .my04 table th {padding-bottom:11px; border-top:1px solid #787878; border-bottom:1px solid #dddddd; color:#353535; font-size:12px; font-weight:normal; background:#f3f3f3; width:1140px; padding:13px 0 16px;} .my04 table td {height:27px; padding:5px 0 5px; border-bottom:1px solid #ddd; text-align:center; font-size:12px;} .my04 table tr.return_pay td {background:#f2f2f2;} .my04 .yBox {background:#f3f3f3; margin-top:20px; padding:20px 30px; border:1px solid #ddd; zoom:1; -webkit-box-shadow:0px 0px 5px rgba(0,0,0,.4); -moz-box-shadow:0px 0px 5px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .my04 .yBox:after {content:""; display:block; clear:both;} .my04 .yBox .in01 {float:left; padding-right:45px;} .my04 .yBox .in01 p {margin-bottom:12px; color:#353535; font-size:14px; font-weight:700;} .my04 .yBox .in01 p em {font-size:18px;} .my04 .yBox .in01 div select {color:#353535;} .my04 .yBox .in01 div input[type=text] {text-align:right;} .my04 .yBox .in02 {float:left; padding:5px 0 0 30px; border-left:1px solid #ddd;} .my04 .yBox .in02 dl {zoom:1;} .my04 .yBox .in02 dl:after {content:""; display:block; clear:both;} .my04 .yBox .in02 dl:first-child {margin-bottom:15px;} .my04 .yBox .in02 dl dt {float:left; color:#353535; font-size:14px; font-weight:700;} .my04 .yBox .in02 dl dd {position:relative; top:-2px; float:left;} .my04 .yBox .in02 dl dd > span {color:#353535; font-size:12px;} .my04 .yBox .in02 dl dd > .del04 {margin-left:10px;} .my04 .yBox .in02 dl dd > .del04.ty2 {margin-left:7px;} .my04 .yBox .in02 dl dd > .del04.ty2 span {font-size:12px;} .my04 .tableTab {overflow:hidden;margin-bottom:30px;} .my04 .tableTab li{float:left;text-align:center;width:33%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;} .my04 .tableTab li:first-child{border-left:1px solid #ddd;} .my04 .tableTab li.on {background:#ff7000;border:none;height:42px;} .my04 .tableTab li.on a{color:#fff;} .my04 .tableTab li a{display:block;font-weight:bold;height:40px;line-height:40px;font-size:16px;text-decoration:none;} .my04 table.tabTarget1, .my04 table.tabTarget2, .my04 table.tabTarget3, .my04 div.tabTarget1{display:none;} .my04 table.tabTarget1.active, .my04 table.tabTarget2.active, .my04 table.tabTarget3.active, .my04 div.tabTarget1.active{display:block;} .w50per {width:50% !important;} .btn_yellowOv {display:block; position:relative; width:231px; padding-left:2px; vertical-align:middle; white-space:nowrap;background-color:#f9f9f9;border-radius:5px;} .btn_yellowOv > span {display:block; position:relative; top:0; left:0; height:41px; padding:22px 18px 0 14px; color:#545454; text-align:center; font-size:18px; font-weight:700;} .btn_yellowOv > span em {font-size:16px;} .btn_yellowOv .ov {display:none;} .btn_yellowOv.on .ov {display:block; position:absolute; top:0; left:0; width:230px; padding-left:4px;background-color:rgba(255,112,0,0.85);border-radius:5px;text-align:center;} .btn_yellowOv .ov p {height:41px; padding:22px 18px 0 14px; color:#fff; text-align:center; font-size:20px; font-weight:700;display:inline-block;} .btn_yellowOv .ov p span{display:inline-block;color:#fff;font-size:16px;} .point_tab{width:100%;overflow:hidden;margin-bottom:30px;position:relative;} .point_tab:after{content:'';width:100%;height:100%;border-bottom:1px solid #ff7000;position:absolute;left:0;bottom:0;z-index:-1;} .point_tab li{float:left;width:20%;font-size:18px;font-weight:bold;height:60px;line-height:60px;text-align:center;background:#fbfbfb;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-bottom:1px solid #ff7000;box-sizing:border-box;} .point_tab li:last-child{border-right:1px solid #e0e0e0;} .point_tab li.active{border-top:1px solid #ff7000;border-left:1px solid #ff7000;border-right:1px solid #ff7000;border-bottom:none;background:#fff;} .point_tab li.active a {color:#ff7000;} .point_tab li:hover a{text-decoration:none;} .point_tab li a{display:block;} .myPoint .point{padding-left:0;} .myPoint .point_tab li{width:50%;} .myPoint .point .pbox {background:#f3f3f3; width:100%; padding:35px;border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3;overflow:hidden;box-sizing:border-box;text-align:left;} .myPoint .point .pbox .myPoint {display:inline-block;width:50%;vertical-align:middle;box-sizing:border-box;padding-left:30px;} .myPoint .point .pbox .myPoint p {font-size:18px;font-weight:bold;line-height:30px;} .myPoint .point .pbox .myPoint p em{font-size:28px;} .myPoint .point .pbox .rightCon {display:inline-block;width:49%;vertical-align:middle;} .myPoint .point .pbox .rightCon p{font-size:14px;padding-bottom:5px;} .myPoint .point .pbox .reward {overflow: hidden;margin-top: 20px;padding-bottom:20px;} .myPoint .point .pbox .reward .myReward {display:inline-block;vertical-align:middle;box-sizing:border-box;background: #fff;padding: 20px 30px 0;vertical-align: top;width: 45%;margin-right: 5%;} .myPoint .point .pbox .reward .myReward .link{border-top:1px solid #d3d3d3;padding-top:20px;letter-spacing:-0.5px;} .myPoint .point .pbox .reward .myReward .link span{display:inline-block;} .myPoint .point .pbox .reward .myReward .link p{display:inline-block;} .myPoint .point .pbox .reward .myReward .link p a{font-size:12px;} .myPoint .point .pbox .reward .myReward .link p i{vertical-align:-3px;} .myPoint .point .pbox .reward .myReward p{font-size:18px;font-weight:bold;padding-bottom:20px;} .myPoint .point .pbox .reward .myReward p em{font-size:28px;} .myPoint .point .pbox .reward .rightCon{display:inline-block;width:49%;vertical-align:middle;border-top:1px solid #d3d3d3;padding-top:20px;} .myPoint .point .con h4{float:left;} .myPoint .point .con p.txt{text-align:right;border-bottom:none;} .myPoint .point .con ul{overflow:hidden;width:100%;border-top:1px solid #ddd;padding-top:20px;} .myPoint h4 {color:#353535; font-size:16px; font-weight:700;margin-bottom:20px;margin-top:0;} .myPoint .point .con ul li {float:left; margin:0 0 20px 20px;width:167px;} .myPoint .point .con ul li.manual {background:#f9f9f9;border-radius:5px;height:63px;line-height:63px;padding-left:20px;box-sizing:border-box;} .myPoint .point .con ul li.manual lable{float:left;font-size:16px;font-weight:bold;color:#545454;} .myPoint .point .con ul li.manual input{float:left;width:60px;text-align:right;font-size:18px;font-weight:bold;margin:20px 10px 19px 0;border:0;border-bottom:1px solid #545454;background:#f9f9f9;padding:0;height:24px;} .myPoint .point .con ul li.manual p{float:left;} .myPoint .point .con ul li.manual p a{background:#ff7000;color:#fff;padding:5px 12px;border-radius:3px;text-decoration:none;font-size:15px;} .myPoint .point .con ul li.manual p a:hover{background:#db680d} .myPoint .point .con p.bTxt{right:17px;bottom:-15px;position:absolute;border:none;} .myPoint .btn_yellowOv, .myPoint .btn_yellowOv.on, .myPoint .btn_yellowOv.on .ov{width:100%;} .myPoint .select_Box {float:right;margin-top:-10px;margin-left:10px;} .myPoint .select_Box select{width:115px;} .myPoint .point p .xi-info{color:#ff7000;font-size:18px;vertical-align:-3px;} .myPoint .pRemit {overflow:hidden;border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;position:relative;} .myPoint .pRemit > p.tit {float:left;width:200px;font-size:14px;font-weight:bold;background:#f3f3f3;height:269px;text-align:center;padding-top:20px;} .myPoint .pRemit .conTxt{width:400px;} .myPoint .pRemit .conTxt li {display:block;overflow:hidden;border-bottom:1px solid #d3d3d3;padding-top:10px;padding-bottom:10px;padding-left:20px;} .myPoint .pRemit .conTxt li:first-child{padding-top:0;} .myPoint .pRemit .conTxt li:last-child {border-bottom:none;padding-bottom:0;} .myPoint .pRemit .conTxt li p{float:left;font-weight:bold;width:150px;} .myPoint .pRemit .conTxt li span{float:left;} .myPoint .pRemit .conTxt .linkBtn2{margin-top:20px;margin-left:10px;} .myPoint .pRemit .conTxt .linkBtn2 i{vertical-align:-3px;} /*.myPoint .pRemit .conLink{float:left;position:absolute;top:130px;right:20px;}*/ .myPoint .pRemit .conLink p{display:block;margin-bottom:10px;width:200px;text-align:center;} .myPoint .pRemit .conLink p a{display:block;text-align:center;font-weight:bold;} .myPoint .pRemit th{border-top:none;font-size:14px;font-weight:bold;} .myPoint .pRemit td{border-right:1px solid #d3d3d3;padding:20px 30px;text-align:left;} .myPoint .pRemit td:last-child{border-right:none;vertical-align:top;} .myPoint .pRemit td dl.infor{margin-top:20px;} .myPoint .pRemit td dl.infor dd{background:url(/images2020/sub/dot_orange.gif)no-repeat left 10px;padding-left:10px;margin-left:13px;line-height:24px;margin-bottom:0;} .myPoint dl.infor{overflow:hidden;margin-top:80px;} .myPoint dl.infor dd{background:none;padding-left:0;margin-bottom:20px;} .myPoint dl.infor dd p.tit{padding-left:10px;} .myPoint dl.infor dd .tableType01 {margin-left:10px;margin-top:7px;box-sizing:border-box;width:97%;} .myPoint dl.infor dd .tableType01 th, .myPoint dl.infor dd .tableType01 td{padding:5px 0;} .myPoint .step2.tableType01 tr td{text-align:left;padding-left:35px;} .myPoint .step2.tableType01 tr th{font-size:14px;font-weight:bold;} .myPoint .step2.tableType01 tr td.num {font-size:14px;font-weight:bold;color:#ff7000;} .myPoint .step2.tableType01 tr td input.inputTxt{line-height: 24px;height:24px;padding: 5px 10px;width: 150px;border: 1px solid #b5b5b5;} .myPoint .step2.tableType01 tr td span{padding-left:20px;display:block;} .myPoint .step2.tableType01 tr td .addFile{padding:10px 0 0 24px;} .myPoint .step2.tableType01 tr td.upload label{vertical-align:middle;font-weight:bold;font-size:14px;} .myPoint .txtRight{text-align:right;padding-bottom:10px;} .myPoint .step3.tableType01 thead tr th{font-size:16px;font-weight:bold;padding:20px 0;} .myPoint .step3.tableType01 thead tr th span{display:inline-block;} .myPoint .step3.tableType01 tbody tr td:first-child{background:none;} .myPoint .step3.tableType01 tbody tr td {text-align:left;padding:20px;} .myPoint .step3.tableType01 tbody tr td p{line-height:28px;} .myPoint .step3.tableType01 tbody tr td i{font-size:16px;vertical-align:-2px;} .myPoint .step3.tableType01 tbody tr td ul.l_Txt1{padding-left:10px;} .myPoint .step3.tableType01 tbody tr td.font14{font-size:14px;font-weight:bold;} .myPoint .step3.tableType01 tbody tr td p span.font12{font-size:12px;padding-left:10px;} .myPoint .rightBtn{float:right;overflow:hidden;margin-top:20px;padding:5px 0;} .myPoint .rightBtn p{margin-left:10px;} .myPoint .rightBtn p i{vertical-align:-3px;} /* 나의 멤버십 등급 */ .my05{position:relative;} .my05 h1{display:inline-block;} .my05 > p.info{display:inline-block;} .my05 .linkBtn1 {position:absolute;right:0;top:0;} .my05 .linkBtn1 a{background:#333;border:none;padding:10px 20px;color:#fff;} .my05 .linkBtn1 a:hover{background:#333;border:none;padding:10px 20px;color:#fff;} .my05 .topArea {zoom:1;} .my05 .topArea:after {content:""; display:block; clear:both;} .my05 .topArea .box01 {float:left; background:#333; width:350px;height:120px;box-sizing:border-box; margin-right:15px; padding:20px; text-align:center;} .my05 .topArea .box01 p {color:#fff; font-size:14px; font-weight:500;} .my05 .topArea .box01 p i.corB{color:#ff7000 !important; } .my05 .topArea .box01 p:after{content:"";width:10px;height:100%;border-bottom:1px solid #fff;display:block;margin:0 auto;padding-bottom:10px;} .my05 .topArea .box01 span {display:block; padding-top:10px; color:#ff7000; font-size:20px; font-weight:500;} .my05 .topArea .box01 p em {display:block; position:absolute; top:110px; left:240px; background:#545454; width:51px; height:1px; margin-top:12px;} .my05 .topArea .box02 {position:relative;float:left; width:552px; height:120px;box-sizing:border-box; padding:20px; background:#f3f3f3; border-top:1px solid #545454; border-bottom:1px solid #d3d3d3;} .my05 .topArea .box02 dl{width:350px;overflow:hidden;margin:0 auto;} .my05 .topArea .box02 dl dt {float:left;font-size:14px;color:#333;font-weight:500;margin-right:10px;} .my05 .topArea .box02 dl dd {float:left;font-size:14px;} .my05 .topArea .box02:after{content:"";width:0;height:0;float:left;border-style:solid; border-width:11.5px 0 11.5px 10px; border-color:transparent transparent transparent #f3f3f3;position:absolute;right:0;top:48.5px;margin-right:-10px;} .my05 .topArea .box03 {float:left; width:552px;height:120px;box-sizing:border-box;border-bottom:1px solid #ddd; padding:20px;border-top:1px solid #545454; } .my05 .topArea .box03 p{line-height:24px;text-align:center;padding-top:15px;} .my05 .topArea .box03 p span {color:#353535; font-size:14px; font-weight:700;} .my05 .topArea .info {float:left; width:800px; color:#353535; font-size:12px; margin-left:15px; padding:15px 0;} .my05 .b_service{width:100%;overflow:hidden;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding-bottom:20px;} .my05 .b_service p.tit{height:50px;line-height:50px;background:#f3f3f3;font-size:16px;padding-left:140px;} .my05 .b_service ul {padding:20px 20px 0 140px;width:100%;background:url(/images2020/sub/shipping_sub1_iconImg01.png)no-repeat 20px 20px;} .my05 .b_service ul li u{padding-left:10px;} .my05 .b_service ul li{font-size:14px;padding-bottom:5px;} .my05 .b_service_add{width:100%;overflow:hidden;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding-bottom:20px;} .my05 .b_service_add p.tit{height:50px;line-height:50px;background:#f3f3f3;font-size:16px;padding-left:140px;} .my05 .b_service_add ul {padding:20px 20px 0 140px;margin-bottom:20px;width:100%;overflow:hidden;background:url(/images2020/sub/shipping_sub1_iconImg03.png)no-repeat 20px 20px;} .my05 .b_service_add ul li{float:left;padding-bottom:5px;font-size:14px;width:33.33%;} .my05 .b_service_add ul li label{cursor:pointer;} .my05 .b_service_add .linkBtn4{margin-left:140px;} .my05 .b_service_add .linkBtn4 a{padding:10px 25px;display:block;} .my05 .tableType5{display:inline-table;} .my05 .tableType5 > tbody > tr > td {vertical-align:top;padding-bottom:20px;} .my05 .tableType5 > tbody > tr > td > i {color:#ff7000;padding:10px 0;} .my05 .tableType5 > tbody > tr > td > span {display:block;font-weight:700;font-size:16px;padding-bottom:5px} .my05 .tableType3 > tbody > tr > td {text-align:center;vertical-align:middle;line-height:200%;} .my05 .tit {width:100%;} /* 나의 멤버십 등급 - 프라임 멤버십 */ #content .prime {position:relative; background:url(/images/sub/bg_prime_lg.png) 0 0 no-repeat; width:1140px; height:200px;margin:0 auto;} #content .prime > p {width:300px; padding:60px 45px; color:#fff; font-size:24px; line-height:1.2em; text-align:center;} #content .prime > p em {color:#e6c973; font-weight:700;} #content .prime > p i {color:#e6c973; font-weight:700; font-size:28px;} #content .prime .dis {position:absolute; width:410px; top:35px; left:395px; text-align:center;} #content .prime .dis p {margin-top:6px; color:#fff; font-size:14px; line-height:1.4em;} #content .prime .dis p span {font-weight:700; color:#e6c973;} #content .prime .dis p em {font-size:28px; line-height:1.8em;} #content .prime .join {position:absolute; top:60px; right:52px; width:216px; font-size:18px; text-align:center; line-height:18px;} #content .prime .join a {display:block; padding:10px 0; color:#e6c973; border:2px solid #e6c973; font-weight:700;} #content .prime .join a:hover {color:#ba21e9; border:2px solid #ba21e9; text-decoration:none;} #content .prime .join em {display:block; font-size:14px;} @media (max-width:1499px) /* PC – 1500px~1170px */ { #headerNew > .hTop > .inCon > .searchAll > input {width: 280px;} #headerNew > .hMenu > .inCon > .gnb > ul > li > a.gnbMenu_link > i {color:#fff; margin: 0 -8px 0 -5px;} #container {width:1140px;margin:0 auto} #container .banner {display:none;} #container > .contentM {width:916px;} #container > .contentL {width:1140px;} /* 고객센터 > 1:1 Q&A List */ #content .qnaM_Center .box {width:17.81%;padding:15px 5px;} /* 고객센터 > 1:1 Q&A View */ #content .enrollment > textarea {width:77.81%;padding:15px 5px;} /* 고객센터 > 1:1 Q&A 카테고리 선택 */ #content.qna_cate .qna_cate_lst dl {width:19.12%;} /*공통페이지 - 검색결과*/ #container.search > .contentS > .searchList > .moreSearch {right:27px;} /*나의 결제 정보 - 등록된 카드 목록*/ .uCardLst dd {width:945px;} /* 나의 주소록 - 리스트 */ .addLst ul li {width:230px;} /* 오캐시 */ .cash .topArea .box01 {width:165px;} .cash .topArea .box03 {width:300px;} .cash .dot ul {width:550px;} /* 쿠폰 */ .my03 .info ul li {width:555px;} .my03 .tab a p {width:535px;} .my03 .tab a.on p {width:536px;} .btn_yellowOv {width:163px;} .btn_yellowOv.on .ov {width:162px} /* 나의 멤버십 등급 */ .my05 .topArea .box01 {width:315px;} .my05 .topArea .box01 p em {left:150px;} .my05 .topArea .box02 {width:340px;} .my05 .topArea .box03 {width:470px;} .my05 .topArea .btn {width:315px;} /*고객센터>공지사항, 언론보도*/ #content.noticeList form > dl.board_view > dt.tit > .txtUp {right:30px;} } @media (max-width:767px) /* Mobile – 767px */ { /* Layer Popup //*/ .LPOP_ShippingProductList { width:88% } .LPOP_ShippingEvent { width:88%; left:0; } .LPOP_Scroll { overflow-y: scroll} .LPOP {position:fixed;background:#fff;display:block;zoom:1;padding:20px;border: 3px solid #ff7000;top:0%;left:0%;margin-left:0%;z-index:999;} /* // Layer Popup */ } @media (max-width:499px) /* Mobile – 767px */ { .popupB > .print {width:90%;} } /*UPS 송장인쇄하기*/ .popupB {max-width:1140px;padding:0 10px 20px;margin:0 auto;} .popupB > .print {position:absolute;width:1140px;text-align:right;} .popupB > #content> section.printPage {width: 100%;border: 1px solid #eee;margin-top:10px;padding:260px 0 10px;text-align:center;height:420px; overflow-y:scroll;} .popupB > #content> section.printPage > span > img {height:400px; -webkit-transform:rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} /*팝업-신청서 ? 팝업*/ .LPOP_app {background:#fff; border:#dcdcdc solid 1px;padding:40px;width:600px;box-shadow:0px 2px 10px rgb(0 0 0 / 30%);} .LPOP_app > .content {color:#555;} .LPOP_app > .btn {text-align:center;margin-top:20px;} .LPOP_app img.left {margin-bottom: 20px;} .LPOP_app img.right {float:right;} .LPOP_app .tBox{overflow: hidden;border-bottom: 1px solid #dcdcdc;padding-bottom: 20px;margin-bottom: 20px;} .LPOP_app .tBox .tit{font-size: 20px;font-weight: bold;float: left;} .LPOP_app .tBox .close_btn{float:right;padding-top:5px;} .LPOP_app .tBox .close_btn i{font-weight: bold;padding-top: 5px;} .LPOP_app .contents{margin-bottom:10px;} .LPOP_app .contents p.info{padding-left:10px;position:relative;} .LPOP_app .contents p.info em{position:absolute;left:0;top:0;color:#ff7000;} .LPOP_app .contents .link a{color:#ff7000;font-weight:bold;} .LPOP_app .contents .link a i{vertical-align:-1px;} .LPOP_app .bgBox{background: #f2f2f2;padding: 10px;margin-bottom: 10px;font-weight:bold;} .LPOP_app .contents .btnArea1{background:#333;display:inline-block;} .LPOP_app .contents .btnArea1 a{color:#fff;font-weight:bold;padding:3px 15px;display:block;} .LPOP_app .contents .btnArea2{border:1px solid #ff7000;display:inline-block;} .LPOP_app .contents .btnArea2 a{color:#ff7000;font-weight:bold;padding:3px 15px;display:block;} .LPOP_app .contents .btnArea3{background:#ff7000;display:inline-block;} .LPOP_app .contents .btnArea3 a{color:#fff;font-weight:bold;padding:3px 15px;display:block;} .LPOP_app .contents .bBtn{overflow:hidden;margin-top:20px;text-align:center;} /*팝업-신청서- small ? 팝업*/ .LPOP_app_s {background:#fff; border:#ff9000 solid 3px;padding:20px;width:830px;} .LPOP_app_s > .content {color:#555;} .LPOP_app_s > .btn {text-align:center;margin-top:20px;} .LPOP_app_s img.left {margin-bottom: 20px;} .LPOP_app_s img.right {float:right;} /*팝업-마이페이지new*/ .LPOP_app_rg {background:#fff; border:#ff9000 solid 3px;padding:20px;width:650px;} .LPOP_app_rg > .content {color:#555;} .LPOP_app_rg > .btn {text-align:center;margin-top:20px;} .LPOP_app_rg img.left {margin-bottom: 20px;} .LPOP_app_rg img.right {float:right;} /* Layer Popup //*/ .LPOP_ShippingProductList { width:700px } .LPOP_ShippingEvent { width:600px; left:62%; } .LPOP_Scroll { overflow-y: scroll} .LPOP {position:fixed;background:#fff;display:block;zoom:1;padding:20px;border: 3px solid #ff7000;top:20%;left:55%;margin-left:-25%;z-index:999;}/* Ÿ��Ʋ ���� ���� */ .LPOP .close {color:#ff7000;font-size:40px;float: right} .LPOP .tit {font-size: 18px;padding:10px 0;font-weight: bold} .LPOP .btnS a {padding:1px 10px;color:#fff;background:#aaa;border:1px solid #aaa;font-weight:700;font-size:14px;letter-spacing:-1px;} .LPOP .btnS a:hover {color:#fff;background:#2c2c2c;border:1px solid #2c2c2c} .LPOP .btnSC a {padding:1px 10px;color:#fff;background:#ff7000;border:1px solid #ff7000;font-weight:700;font-size:14px;letter-spacing:-1px;} .LPOP .btnSC a:hover {color:#fff;background:#ff5000;border:1px solid #ff7000} .LPOP .lpopLink {margin-top:20px;padding:10px;font-weight: bold;background:#f8f8f8;} .LPOP1 {position:absolute;background:#fff;display:block;zoom:1;border: 3px solid #ff7000;top:20%;left:55%;margin-left:-25%;z-index:999;}/* Ÿ��Ʋ ���� ������ */ .LPOP1 .tit {background:#ff7000;padding:7px 10px 10px} .LPOP1 .tit .titTxt {font-size: 16px;font-weight: bold;color:#fff;text-align:center} .LPOP1 .tit .close {position:absolute;top:3px;right:3px} .LPOP1 #content {word-break: break-all;padding:20px;} .LPOP1 #content .btnPack, .btnPack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;vertical-align:top;text-align:center;white-space:nowrap;} .LPOP1 #content .btnCN a{padding:11px 10px;line-height:18px;color:#fff;background:#ff7000;border:1px solid #ff7000;font-weight:700;font-size:14px;letter-spacing:-1px;} .LPOP1 #content .btnCN a:hover{background:#ff5000;border:1px solid #ff5000;} .LPOP1 #content .btnCL a{padding:11px 40px;line-height:18px;color:#fff;background:#ff7000;border:1px solid #ff7000;font-weight:700;font-size:14px;} .LPOP1 #content .btnCL a:hover{background:#ff5000;border:1px solid #ff5000;} /* 배송신청서 > 통관품목 팝업 */ .LPOP .ShippingList_boxOut {content:"";display:flex;clear:both;} .LPOP .ShippingList_boxOut.tv, .LPOP .ShippingList_boxOut.oh{display:block;width:100% !important;} .LPOP .ShippingList_boxOut:after{content:"";display:block;clear:both} .LPOP .ShippingList_boxOut li.titL {color:#fff;font-weight:700;font-size:14px;line-height:18px;padding:7px 0;text-align:center;background: #ff9000;border-left:2px solid #fff;box-sizing:border-box;} .LPOP .ShippingList_boxOut li:first-child{border-left:none;} .LPOP .ShippingList_boxOut li {float:left;width:50%;list-style:none;border-left:2px solid #ff9000;box-sizing:border-box;} .LPOP .ShippingList_boxOut .boxIn{padding:0;content:"";display:block;clear:both;} .LPOP .ShippingList_boxOut .boxIn li {line-height:14px;list-style:none;border-left:0px;padding:0 7px;width: 90%;padding:3px 0 3px 25px} .LPOP .ShippingList_boxOut .boxIn li.titS {color:#ff7000;font-weight:700;line-height:30px;padding-top:10px;margin-left:-20px} .LPOP .ShippingList_boxOut .boxIn li.titSG {font-weight:700;line-height:30px;padding-top:10px} .LPOP .ShippingList_boxOut .boxIn li input {line-height:20px;padding:0 5px;width: 65px;height: 22px;margin-top:-5px} .LPOP .ShippingList_boxOut .boxIn .on {color:#ff7000;text-decoration:underline} .LPOP .ShippingList_boxOut .tableType04{margin-bottom:10px;} .LPOP .ShippingList_boxOut .tableType04 tr th{padding:10px;background:#cccccc;} .LPOP .ShippingList_boxOut .tableType04 tr td{padding:10px;} .LPOP .ShippingList_boxOut.tv ul.l_Txt1 li, .LPOP .ShippingList_boxOut.oh ul.l_Txt1 li{border:none;float:none;width:100%;} .LPOP #content2 p.titL {color:#fff;font-weight:700;font-size:14px;line-height:18px;padding:10px 0 10px 20px;text-align:left;background: #ff9000;border-left:2px solid #fff;box-sizing:border-box;width:100%;overflow:hidden;} .LPOP #content2 .ShippingList_boxOut{display:block;padding-top:10px;clear:none;float:left;width:80%;} .LPOP #content2 .ShippingList_boxOut > li{width:25%;float:left;border-left:none;font-size:14px;padding-left:20px;} .LPOP #content2 .ShippingList_boxOut > li > ul > li{border-left:none;width:100%;} .LPOP #content2 .ShippingList_boxOut > li > ul > li a{color:#999;} .LPOP #content2 .ShippingList_boxOut > li > ul > li a:hover{color:#ff7000} .LPOP #content2 .ShippingList_boxOut.List2 > li{width:100%;} .LPOP #content2 .ShippingList_boxOut.List2 > li input{vertical-align:-1px;} .LPOP #content2 .ShippingList_boxOut2{float:left;width:20%;padding-top:10px;} .LPOP #content2 .ShippingList_boxOut2 > li{width:100%;font-size:14px;padding-left:20px;} .LPOP #content2 .infor{padding: 10px 20px;overflow: hidden;width: 560px;margin-top: 10px;display: inline-block;} /* 입고신청서 > 상품코드 팝업 */ .LPOP .tableType6.InboundNoti {border-top:0;font-size:13px;} .LPOP .tableType6.InboundNoti > thead > tr > th {padding:10px 0;background:#ff7000;color:#fff;border-top:0;} .LPOP .tableType6.InboundNoti > tbody > tr > td:first-child {font-weight:700;text-align:center;} .LPOP .tableType6.InboundNoti > tbody > tr > td:last-child {color:#777;text-align:left;} .LPOP .tableType6.InboundNoti > tbody > tr > td {padding:8px;} .LPOP .InboundNoti_search {background:#f8f8f8;display:block;text-align:center;padding:10px 0;} .LPOP .InboundNoti_search > input {height:30px;} .LPOP .InboundNoti_search > select {height:32px;} /* 입고신청서 > 등록, 수정 팝업 */ .LPOP.POP_InboundSearch > .tit {text-align:center;} .LPOP.POP_InboundSearch > #content {border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:20px 0;padding:15px 0 10px;} .LPOP.POP_InboundSearch > #content > span.tit {position: absolute;font-size:14px;} .LPOP.POP_InboundSearch > #content > span.txt, .LPOP.POP_InboundSearch > #content > input, .LPOP.POP_InboundSearch > #content > select {margin-left:100px;line-height:250%;} .LPOP.POP_InboundSearch > #content > span.txt{font-weight:700;font-size:14px;} .LPOP.POP_InboundSearch > #content > input, .LPOP.POP_InboundSearch > #content > select {margin-bottom:5px;} .LPOP.POP_InboundSearch > .lpopBtnArea {text-align:center;} /* POPUP 전체메뉴 */ .popAllMenu{margin-bottom:50px;min-height:1200px;} .popAllMenu .dep1 {position:relative;margin:0;padding:0;border-bottom:2px solid #ff7000;} .popAllMenu .dep1:after {content:""; display:block; clear:both;} .popAllMenu .dep1 li{float:left;margin-bottom:-2px;font-size:18px;} .popAllMenu .dep1 li a{float:left;position:relative;border:1px solid #ccc;border-bottom-color:#ff7000;background:#f8f8f8;text-decoration:none;} .popAllMenu .dep1 li a span{display:inline-block;padding:20px 0;width:187px;letter-spacing:-1px;text-align:center;} .popAllMenu .dep1 li.on a {margin-top:-1px;border:2px solid #ff7000;border-bottom:2px solid #fff;background:transparent;} .popAllMenu .dep1 li.on span{width:191px;} .popAllMenu .dep1 li.on .dep2{display:block} .popAllMenu li .dep2{display:none;position:absolute;top:100px;left:0;width:100%;background:#fff;margin:0;padding:0;border:0;white-space:nowrap;} table.tableType10 {width:100%;border:0;border-spacing:0;} /* 전체메뉴 */ table.tableType10 td,table.tableType10 th{border:0;vertical-align:top} table.tableType10 th a {color:#ff7000;border-top:0 !important;border-left:0 !important;border-right:0 !important;} table.tableType10 th a span {text-align:left !important;font-size:16px;padding:0 0 10px;width:255px !important; border-bottom:1px solid #ddd;font-weight:700;} table.tableType10 tr .dep3 {margin-top:20px;} table.tableType10 tr .dep3 li{width:100%;font-size:14px;line-height:180%} table.tableType10 tr .dep3 li:last-child {margin-bottom:20px;} table.tableType10 tr .dep3 li a {border-top:0 !important;border-left:0 !important;border-right:0 !important;} table.tableType10 tr .dep4 {margin:0;padding:0;border:0; } table.tableType10 tr .dep4 li {float:none;display:table;line-height:150%;font-size:14px;} table.tableType10 tr .dep4 li:last-child {margin-bottom:10px;} table.tableType10 tr .dep4 li a {color:#999;} table.tableType10 tr .dep4 li a:hover {color:#303030;} /* POPUP 키워드 검색 */ .popAllSearch {margin-bottom:50px;} .popAllSearch .SearchForm{margin: 0 auto;width: 500px;height: 50px;} .popAllSearch .SeachInput{overflow: hidden;width: 500px;vertical-align: middle;white-space: nowrap;} .popAllSearch .SeachInput input#search{width: 500px;height: 50px;background: #fff;border: 2px solid #ff7000;font-size: 16px; float: left;padding-left: 15px;} .popAllSearch .SeachInput input#search::-webkit-input-placeholder {color: #999;} .popAllSearch .SeachInput input#search:-moz-placeholder { /* Firefox 18- */color: #999;} .popAllSearch .SeachInput input#search::-moz-placeholder { /* Firefox 19+ */color: #999;} .popAllSearch .SeachInput input#search:-ms-input-placeholder {color: #999;} .popAllSearch .SeachInput button.icon{border: 2px solid #ff7000;border-left:0;background: #fff;height: 50px; width: 50px;color: #ff7000;margin-left: -50px;} .popAllSearch .SeachInput:hover button.icon:hover{background: #ff7000;color:#fff} .popAllSearch .SearchKey {margin-top:20px;text-align:center;} .popAllSearch .SearchKey a {padding:0 5px;font-size:16px;line-height:160%} /* 레이어 팝업 기본 틀 - orange */ .LPOP2 {position:fixed;background:#fff;display:block;zoom:1;border: 1px solid #dcdcdc;z-index:999;box-shadow:0px 2px 10px rgb(0 0 0 / 30%);left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);} .LPOP2 a:hover {text-decoration:none} .LPOP2 .inArea20 {padding:20px 40px 40px;} .LPOP2 .lpopTop .lpopClose {position:absolute;right:40px;top:40px;} .LPOP2 .lpopTop .lpopClose i {color:#333;font-weight:bold;} .LPOP2 .lpopTop {margin:40px 40px 0 40px;padding-bottom:20px;} .LPOP2 .lpopTop > .TopTitle {font-size:24px;color:#333;font-weight:bold;} .LPOP2 .lpopBtnArea {text-align:center;margin-top:15px} .LPOP2 .lpopBtnArea a.lpopBtn {border-radius:5px;background-color:#777;padding:5px 20px;color:#fff} .LPOP2 .lpopBtnArea a.lpopBtn:hover {background-color:#555;} .LPOP2 .lpopBtnArea a.lpopBtnO {border-radius:5px;background-color:#ff7000;padding:5px 20px;color:#fff} .LPOP2 .lpopBtnArea a.lpopBtnO:hover {background-color:#ff5000;} .LPOP2 a.lpopBtnS {border-radius:5px;background-color:#ccc;padding:2px 10px 1px;margin-left:10px;color:#fff;font-size:11px} .LPOP2 a.lpopBtnS:hover {background-color:#aaa;} .LPOP2 .lpopFooter {background:#f8f8f8;padding:10px 20px;border-radius:0px 0px 10px 10px;} /* 레이어 팝업 기본 틀 - green */ .LPOP3 {position:fixed;background:#fff;display:block;zoom:1;border: 3px solid #00a49a;z-index:999;border-radius:10px;box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);} .LPOP3 a:hover {text-decoration:none} .LPOP3 a.lpopBtn {border-radius:5px;background-color:#777;padding:5px 20px;color:#fff} .LPOP3 a.lpopBtn:hover {background-color:#555;} .LPOP3 a.lpopBtnS {border-radius:5px;background-color:#ccc;padding:2px 10px 1px;margin-left:10px;color:#fff;font-size:11px} .LPOP3 a.lpopBtnS:hover {background-color:#aaa;} .LPOP3 .inArea20 {padding:20px} .LPOP3 .lpopTop .lpopClose {position:absolute;right:7px;top:0;} .LPOP3 .lpopTop .lpopClose i {color:#fff} .LPOP3 .lpopTop {background:#00a49a;padding:5px 20px;border-radius:7px 7px 0px 0px;} .LPOP3 .lpopTop > .TopTitle {font-size:14px;color:#fff;} .LPOP3 .lpopBtnArea {text-align:center;margin-top:15px} .LPOP3 .lpopFooter {background:#f8f8f8;padding:10px 20px;border-radius:0px 0px 10px 10px;} /* CVS번호입력 */ .LPOP2.pop_cvs {width:350px;top:104px;left:400px;text-align:center;} .LPOP2.pop_cvs .tit {font-size:20px;font-weight:700;padding:5px 0;line-height:26px;} .LPOP2.pop_cvs .tit > em {color:#ff7000;} .LPOP2.pop_cvs .txt1 {margin-bottom:15px;} .LPOP2.pop_cvs .txt2 > input {text-align:center;border:3px solid #ccc;border-radius:5px;font-size:18px;font-weight:700;} .LPOP2.pop_cvs .txt2 > input::placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */color:#777;font-size:16px;opacity: 1;/* Firefox */} .LPOP2.pop_cvs .txt2 > input:-ms-input-placeholder {/* Internet Explorer 10-11 */color:#777;font-size:16px;} .LPOP2.pop_cvs .txt2 > input::-ms-input-placeholder { /* Microsoft Edge */color:#777;font-size:16px;} .LPOP2.pop_cvs .txt2 > span {line-height:26px;color:#999;font-size:12px;} /* 미작성 입고 알림 */ .LPOP2.pop_no_order {width:400px;} .LPOP2.pop_no_order .tit {font-size:20px;text-align:center;font-weight:700;padding:5px 0 15px;line-height:26px;} .LPOP2.pop_no_order .tit > em {color:#ff7000;} .LPOP2.pop_no_order .txt {display:block;margin-bottom:5px;text-align:center;} .LPOP2.pop_info {width:350px;} .LPOP2.pop_info .tit {font-size:20px;text-align:center;font-weight:700;padding:5px 0 15px;line-height:26px;} .LPOP2.pop_info .tit > em {color:#ff7000;} .LPOP2.pop_info .txt {display:block;margin-bottom:5px;text-align:center;} /* 쿠폰 알림 */ .LPOP2.pop_coupon {width:550px;top:104px;left:800px;} .LPOP2.pop_coupon .tit {font-size:20px;text-align:center;font-weight:700;padding:5px 0 15px;line-height:26px;} .LPOP2.pop_coupon .tit > em {color:#ff7000;} .LPOP2.pop_coupon .txt {display:block;margin-bottom:5px;text-align:center;} .LPOP2.pop_coupon.ui-draggable{width:500px;} .LPOP2.pop_coupon.ui-draggable .tit{line-height:32px;} .LPOP2.pop_coupon.ui-draggable .p_btn{text-align:center;margin-bottom:10px;} .LPOP2.pop_coupon.ui-draggable .p_btn p.btn{background:linear-gradient(to top, #e6e6e6 , #fff);padding:5px 10px;border:1px solid #dcdcdc;display:inline-block;} .LPOP2.pop_coupon.ui-draggable .p_btn p.btn:first-child{margin-right:10px;} /* 대한통운 파업 */ .LPOP2.pop_delivery_strike {width:530px;top:50%;left:50%;position:fixed;} .LPOP2.pop_delivery_strike .tit {font-size:18px;text-align:center;font-weight:700;padding:5px 0 15px;} .LPOP2.pop_delivery_strike .tit i {color:#ccc} .LPOP2.pop_delivery_strike .txt1 em {display:block;margin-bottom:5px;} .LPOP2.pop_delivery_strike .txt1 em.txt3 {margin-top:10px ;font-size:11px;line-height:140%;color:#999} .LPOP2.pop_delivery_strike .txt2 {margin-top:20px;padding:3px 0 5px 10px;border-left:3px solid #eee;font-size:14px;} .LPOP2.pop_delivery_strike .txt2 em {display:block;margin-bottom:3px;font-size:13px;} /* CA센터 이전 */ .LPOP2.pop_ca {width:350px;top:104px;left:30px;} .LPOP2.pop_ca .tit {font-size:18px;text-align:center;font-weight:700;padding:5px 0 15px;} .LPOP2.pop_ca .tit i {color:#ccc} .LPOP2.pop_ca .txt1 em {display:block;margin-bottom:5px;} .LPOP2.pop_ca .txt1 em.txt3 {margin-top:10px ;font-size:11px;line-height:140%;color:#999} .LPOP2.pop_ca .txt2 {margin-top:20px;padding:3px 0 5px 10px;border-left:3px solid #eee;font-size:14px;} .LPOP2.pop_ca .txt2 em {display:block;margin-bottom:3px;font-size:13px;} /* CN센터 오픈 */ .LPOP2.pop_cn {width:350px;top:104px;left:400px;} .LPOP2.pop_cn .tit {font-size:20px;text-align:center;font-weight:700;padding:5px 0 15px;} .LPOP2.pop_cn .tit i {color:#ccc} .LPOP2.pop_cn .txt1 em {display:block;margin-bottom:5px;} .LPOP2.pop_cn .txt1 em.txt3 {margin-top:10px ;font-size:11px;line-height:140%;color:#999} .LPOP2.pop_cn .txt2 {margin-top:20px;padding:3px 0 5px 10px;border-left:3px solid #eee;font-size:14px;} .LPOP2.pop_cn .txt2 em {display:block;margin-bottom:3px;font-weight:700;} /* 회원가입 설문조사 이벤트 */ .LPOP3.pop_reSearch1 {width:500px;top:104px;left:30px;} .LPOP3.pop_reSearch1 .lpopTop .TopTitle {padding-left:160px;font-weight:700;} .LPOP3.pop_reSearch1 .tit {font-size:18px;text-align:center;font-weight:700;padding:5px 0 15px;color:#00a49a;} .LPOP3.pop_reSearch1 .tit i {color:#ccc} .LPOP3.pop_reSearch2 {width:600px;top:350px;left:30px;} .LPOP3.pop_reSearch2 .lpopTop .TopTitle {padding-left:200px;font-weight:700;} .LPOP3.pop_reSearch2 .tit {font-size:18px;text-align:center;font-weight:700;padding:5px 0 15px;color:#00a49a;} .LPOP3.pop_reSearch2 .tit i {color:#ccc} .LPOP3.pop_reSearch2 textarea {padding:10px;height:150px;line-height:140%} /* 시즌 바로바로출고 안내 */ .LPOP2.pop_baro {width:670px;top:104px;left:150px;} .LPOP2.pop_baro .tit {color:#ff7000;font-size:20px;} .LPOP2.pop_baro .pop_baroBox1 {margin:10px 0 10px;padding:10px;background:#eee;color:#009dd9;border-radius:10px;font-size:12px} .LPOP2.pop_baro .pop_baroBox2 {width:70%;margin:0 auto;padding:10px 20px;background:#009dd9;color:#fff;font-weight:700;line-height:140%;font-size:14px;border-radius:10px;} /* 시즌 가장빠른출고 안내 */ .LPOP2.pop_express {width:500px;top:104px;left:390px;} .LPOP2.pop_express .tit {color:#ff7000;font-size:24px;text-align:center;font-family:'NanumSquare';font-weight:800;line-height:140%;letter-spacing:-1px} .LPOP2.pop_express .tit .titL {font-size:36px} .LPOP2.pop_express .pop_expressBox1 {position: absolute;margin-top:10px} .LPOP2.pop_express .pop_expressBox1 li{color:#009dd9;text-align:center;font-weight:800;font-size:40px;padding:25px 0;} .LPOP2.pop_express .pop_expressBox1 li.icon {padding:0px 0;font-size:20px;color:#ff7000;} .LPOP2.pop_express .pop_expressBox2 {margin:5px 0 0 40px;} .LPOP2.pop_express .pop_expressBox2 li {letter-spacing:-1px} .LPOP2.pop_express .pop_expressBox2 li em {display:block;font-size:16px;font-weight:700;line-height:160%;padding-top:10px;color:#ff7000} /* 아마존 입고순위 Top5 */ .LPOP2.pop_deal5 {width:565px;top:104px;left:400px;} .LPOP2.pop_deal5 ul {margin-top:10px} .LPOP2.pop_deal5 ul li {width:102px;display:inline-block;vertical-align:top;font-size:12px;line-height:140%;} .LPOP2.pop_deal5 ul li img {width:100px;border:1px solid #dcdcdc} .LPOP2.pop_express .pop_expressBox1 li{color:#009dd9;text-align:center;font-weight:800;font-size:40px;padding:25px 0;} .LPOP2.pop_express .pop_expressBox1 li.icon {padding:0px 0;font-size:20px;color:#ff7000;} .LPOP2.pop_express .pop_expressBox2 {margin:5px 0 0 40px;} .LPOP2.pop_express .pop_expressBox2 li {letter-spacing:-1px} .LPOP2.pop_express .pop_expressBox2 li em {display:block;font-size:16px;font-weight:700;line-height:160%;padding-top:10px;color:#ff7000} /* 합포장 신청건 일정 안내 */ .LPOP2.pop_addPackage {width:500px;top:104px;left:390px;} .LPOP2.pop_addPackage .titL {color:#ff7000;font-size:36px;text-align:center;font-family:'NanumSquare';font-weight:800;line-height:140%;letter-spacing:-1px} .LPOP2.pop_addPackage .tit {color:#ff7000;font-size:20px;text-align:left;font-family:'NanumSquare';font-weight:800;line-height:140%;letter-spacing:-1px;padding-top:20px;} .LPOP2.pop_addPackage .tit span {color:#009dd9;} .LPOP2.pop_addPackage .pop_addPackage {padding:10px 0 0;text-align:center;} .LPOP2.pop_addPackage .pop_addPackage1 li {letter-spacing:-1px;padding:5px 0 0;line-height:140%;margin-left: 13px;text-indent: -13px;} .LPOP2.pop_addPackage .pop_addPackage2 {background:rgba(255,112,0,0.1);padding:8px 100px 15px;} .LPOP2.pop_addPackage .pop_addPackage2 li {padding-top:7px;} .LPOP2.pop_addPackage .pop_addPackage2 li span {color:#ff5000;font-weight:700;padding-right:20px;font-size:16px;} .LPOP2.pop_addPackage .lpopBtnArea {margin-bottom:20px;} .LPOP2.pop_addPackage .lpopBtnArea a {padding:5px 40px;background:#999;font-size:16px;font-weight:700;} /* GR 센터 주소안내 */ .LPOP2.pop_gr_addr {width:630px;} .LPOP2.pop_gr_addr .tit {font-size:20px;text-align:center;font-weight:700;padding:15px 0 15px;} .LPOP2.pop_gr_addr .tit i {color:#ccc} .LPOP2.pop_gr_addr .txt_ctr {text-align:center;} .LPOP2.pop_gr_addr .txt1 em {display:block;margin-bottom:5px;} .LPOP2.pop_gr_addr .txt1 em.txt3 {margin-top:10px ;font-size:11px;line-height:140%;color:#999} .LPOP2.pop_gr_addr .txt2 {margin-top:20px;padding:3px 0 5px 10px;border-left:3px solid #eee;font-size:14px;} .LPOP2.pop_gr_addr .txt2 em {display:block;margin-bottom:3px;font-weight:700;} .LPOP2.pop_gr_addr .inArea20 {padding:20px 40px 40px;} .LPOP2.pop_gr_addr p.txt{line-height:24px;} #popup_cn_addr.LPOP2.pop_gr_addr{width:700px;} /* CA 센터 해상스케줄 확인 안내 */ .LPOP2.pop_ca_schedule {width:450px;} .LPOP2.pop_ca_schedule .tit {font-size:20px;text-align:center;font-weight:700;padding:15px 0 15px;} .LPOP2.pop_ca_schedule .tit i {color:#ccc} .LPOP2.pop_ca_schedule .txt_ctr {text-align:center;} .LPOP2.pop_ca_schedule .txt1 em {display:block;margin-bottom:5px;} .LPOP2.pop_ca_schedule .txt1 em.txt3 {margin-top:10px ;font-size:11px;line-height:140%;color:#999} .LPOP2.pop_ca_schedule .txt2 {margin-top:20px;padding:3px 0 5px 10px;border-left:3px solid #eee;font-size:14px;} .LPOP2.pop_ca_schedule .txt2 em {display:block;margin-bottom:3px;font-weight:700;} .LPOP2.pop_ca_schedule .inArea20 {padding:20px 40px 40px;} .LPOP2.pop_ca_schedule p.txt{line-height:24px;} /* 현지내배송비 확인 popup*/ .LPOP2.pop_confirm {width:580px;top:204px;left:400px;} .LPOP2.pop_confirm .tit {font-size:24px;text-align:center;font-weight:bold;padding:15px 0 15px;} .LPOP2.pop_confirm .tit i {color:#ccc} .LPOP2.pop_confirm .txt {font-size:14px; text-align:center;} .LPOP2 .lpopBtnArea {text-align:center;margin-top:15px} .LPOP2 .lpopBtnArea a.lpopBtnOrg {border-radius:5px;background-color:#ff7000;padding:5px 20px;color:#fff} .LPOP2 .lpopBtnArea a.lpopBtn:hover {background-color:#555;} /* 도자기 무검수 안내 */ .LPOP2.pop_glass {width:700px;top:210px;left:365px;} .LPOP2.pop_glass .tit {font-size:20px;text-align:center;font-weight:700;padding:15px 0 15px;} .LPOP2.pop_glass .tit i {color:#ccc} .LPOP2.pop_glass .txt {font-size:14px; } .LPOP2.pop_glass .txt_ctr {text-align:center;} .LPOP2.pop_glass div.btnHorizontal{overflow:hidden; width:100%; margin-bottom:30px; margin-left:120px;} .LPOP2.pop_glass .btnHorizontal p{float:left;line-height:22px;margin-right:20px;} .LPOP2.pop_glass .btnHorizontal p:last-child {margin-right:0px;} .LPOP2.pop_glass .btnHorizontal p.btn a{width:200px;} .LPOP2.pop_glass .btnHorizontal .txtS {font-size:12px;color:#ff7000;font-weight:normal} .LPOP2.pop_glass .btnHorizontal .btnPack, .btnPack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;vertical-align:top;text-align:center;white-space:nowrap;} .LPOP2.pop_glass .btnHorizontal .btnL_DE a:hover {background-color:#95b3d7;} .LPOP2.pop_glass .btnHorizontal .btnL_DE a.on {background-color:#95b3d7;} .LPOP2.pop_glass .btnWidth a {/*4개일 경우 width:220px;*/width:175px;padding:15px 0;line-height:22px;color:#303030;font-weight:700;font-size:16px;background:#d9d9d9 no-repeat;background-position:5px 16px;background-size:20px;letter-spacing:-0.4px;} .LPOP2.pop_glass .btnWidth a:hover {color:#fff;} .LPOP2.pop_glass .btnWidth a.on {color:#fff;background-position:5px -294px;} /* // Layer Popup */ /* 중국 항공 지연 temp popup*/ .LPOP2.pop_cn_delay {width:500px;} .LPOP2.pop_cn_delay .tit {font-size:20px;text-align:center;font-weight:700;padding:15px 0 15px;} .LPOP2.pop_cn_delay .tit i {color:#ccc} .LPOP2.pop_cn_delay .txt_ctr {text-align:left;} .LPOP2.pop_cn_delay .txt1 em {display:block;margin-bottom:5px;} .LPOP2.pop_cn_delay .txt1 em.txt3 {margin-top:10px ;font-size:11px;line-height:140%;color:#999} .LPOP2.pop_cn_delay .txt2 {margin-top:20px;padding:3px 0 5px 10px;border-left:3px solid #eee;font-size:14px;} .LPOP2.pop_cn_delay .txt2 em {display:block;margin-bottom:3px;font-weight:700;} /* // Layer Popup */ /* 메인 오배송 팝업 */ .LPOP2.pop_coupon.Misdelivery{top:104px;left:150px;width:525px;transform:unset;-webkit-transform:unset;-ms-transform:unset;-moz-transform:unset;-o-transform:unset;} .LPOP2.pop_coupon.Misdelivery .p_btn{text-align:center;margin-bottom:10px;margin-top:20px;} .LPOP2.pop_coupon.Misdelivery .p_btn p.btn{background:linear-gradient(to top, #e6e6e6 , #fff);padding:5px 10px;border:1px solid #dcdcdc;display:inline-block;} .LPOP2.pop_coupon.Misdelivery .pop_btntodayclose{background: #f2f2f2;padding: 5px 10px;margin-top:20px;} .LPOP2.pop_coupon.Misdelivery .pop_btntodayclose label{vertical-align:-1px;cursor:pointer;} .LPOP2.pop_coupon.Misdelivery .pop_btntodayclose p{float:right;cursor:pointer;} /* 마이페이지 팝업 */ #pop3_my.LPOP2.pop_express .pop_expressBox2 li em{color:#303030;} #pop3_my.LPOP2.pop_express .tit{font-size:20px;font-weight:normal;border-bottom:1px solid #ff7000;padding-bottom:10px;} #pop3_my.LPOP2.pop_express .tit .titL{font-size: 32px;color: #303030;font-weight: bold;padding-top: 5px;display: block;} #pop3_my.LPOP2.pop_express .pop_expressBox1 li{color:#6441be;font-size:35px;padding:15px 0 40px;} #pop3_my.LPOP2.pop_express .pop_expressBox1 li:nth-child(3){padding:5px 0 8px;} #pop3_my.LPOP2.pop_express .pop_expressBox2 li span.fColor12{color:#7357d2 !important;} #pop3_my.LPOP2.pop_express .lpopLink{text-align:center;margin-top:10px;} #pop3_my.LPOP2.pop_express .lpopLink a{background: #333333;color: #fff;padding: 0 30px;text-align: center;line-height: 35px;height: 35px;display: inline-block;} #pop3_my.LPOP2.pop_express .lpopLink a span{vertical-align: -2px;padding-left: 10px;} /* Alert in popup */ .message {background-color:#f2dede;border:1px solid #ebccd1;border-radius:5px;margin-bottom:20px;padding-top:3px;} .message .inner {position:relative;zoom:1; padding:20px 40px 20px 20px;} .message .inner p {color:#a94442; font-size:14px; line-height:20px;} .message .inner p em {display:block;} .message .inner p span {border-bottom:1px solid #a94442; font-weight:700;} .message .inner .close {position:absolute; top:20px; right:20px;} /* .message {background:url(/images/bg/bg_warning_t.png) 0 0 no-repeat; margin-bottom:20px; padding-top:3px;} .message .inner {position:relative; background:url(/images/bg/bg_warning_b.png) 0 100% no-repeat; zoom:1; padding:20px 40px 20px 20px;} .message .inner p {color:#a94442; font-size:14px; line-height:20px;} .message .inner p em {display:block;} .message .inner p span {border-bottom:1px solid #a94442; font-weight:700;} .message .inner .close {position:absolute; top:20px; right:20px;} */ .message02 {background-color:#f2dede;border:1px solid #ebccd1;border-radius:5px;width:533px; margin:20px auto 0; padding-top:3px;} .message02 .inner {position:relative; zoom:1; padding:20px 40px 20px 20px;} .message02 .inner p {color:#a94442; font-size:14px; line-height:20px;} .message02 .inner .close {position:absolute; top:20px; right:20px;} .message_signin {background-color:#f2dede;border:1px solid #ebccd1;border-radius:5px;margin-bottom:30px; padding-top:3px;} .message_signin .inner {position:relative; zoom:1; padding:20px 40px 20px 20px;} .message_signin .inner p {color:#a94442; font-size:14px; line-height:20px} .message_signin .inner .close {position:absolute; top:20px; right:20px;} .msg_inform {margin-bottom:20px; border-radius:4px; border:1px solid #cae7e7; background:#e6f2f2;} .msg_inform .inner {position:relative; padding:20px 40px 20px 20px;} .msg_inform .inner p {color:#42a8a8; font-size:14px; line-height:20px;} .msg_inform .inner .close {position:absolute; top:20px; right:20px;} /* 차신욱차장 추가 */ .layer {position:fixed; top:50%; left:50%; background:#fff; padding-bottom:30px; border:1px solid #c5c5c5; z-index:999; -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 5px rgba(0,0,0,.2); box-shadow:0px 0px 10px rgba(0,0,0,.2);} .layer .close {position:absolute; top:19px; right:20px;} .layer h3 {padding:17px 0 16px 17px; border-bottom:1px solid #e5e5e5; color:#353535; font-size:16px; font-weight:700;} .zipcodePop {width:571px; min-height:319px; margin:-330px 0 0 -285px;} .zipcodePop .inner {padding:30px 30px 0 30px;} .zipcodePop .srcBox {margin-bottom:20px; padding: 20px; text-align:center; background:#f0f0f0;} .zipcodePop p {margin:5px 0; font-size:13px;} .zipcodePop p em, .zipcodePop .scroll li em {color:#ff7000;} .zipcodePop ul li {font-size:11px; background:url(/images/sub/blt_2x2B.gif) 2px 10px no-repeat; padding:5px 0 0 10px; color:#353535;} .zipcodePop .scroll {height:220px; overflow-x:hidden; overflow-y:scroll; position:relative; margin:0 0 10px 0; border:#ddd 1px solid;} .zipcodePop .scroll ul {margin:0px; padding:10px;} .zipcodePop .scroll li {float:left; width:100%; padding:4px 0; border-bottom:1px solid #eee; font-size:12px; color:#353535; background:none;} .zipcodePop .scroll li a {display:block; float:right; margin-top:-15px;} .zipcodePop .selectAdd {margin:10px 0 50px 45px;} .zipcodePop .selectAdd .selectAddW {clear:both;} .zipcodePop .selectAdd .selectAddW p {float:left;margin:2px 0;} .zipcodePop .selectAdd .selectAddW p.addWidth {width:70px;line-height:38px;} .zipcodePop .btnC {margin-top:10px;} .infPop {width:571px; min-height:319px; margin:-159px 0 0 -285px;} .infPop .inner table th {padding:15px 15px 15px 0; color:#666; font-size:14px; text-align:right; vertical-align:top;} .infPop .inner table th em {display:block; margin-top:10px;} .infPop .inner table td {padding:15px 20px 15px 0; vertical-align:middle;} .infPop .inner table td p {margin-top:5px; color:#353535; font-size:13px;} .infPop .inner table td p em {color:#ff7000;} .infPop .inner .btnC input {background:url(/images/bg/bg_imgup.gif) 0 0 no-repeat; width:121px; height:34px; border:0 none; color:#fff; text-align:center;} .infPop .inner_wrap {padding:20px 20px 0 20px;} .editPop {width:552px; margin:-277px 0 0 -276px;z-index:1 !important;} .editPop ul {margin:23px 0 0 0;} .editPop ul li {padding:7px 0; zoom:1;} .editPop ul li:after {content:""; display:block; clear:both;} .editPop ul li label {float:left; width:160px; padding:8px 34px 0 0; color:#666; font-size:14px; text-align:right;} .editPop ul li div {float:left;} .editPop .inner .btnC {text-align:center;} .editPop .inner .btnC a span {padding-left:60px; padding-right:64px;} #addr_popup .inputLC{ font-size:16px; border:2px solid #ff7000; } #addr_popup .inputL{ font-size:16px; } /* ******************************************************************************** */ .borTG {border-top:1px solid #e2e2e2;} .cor54 {color:#545454 !important;} .cor78 {color:#787878 !important;} .cor999 {color:#999 !important;} .corO {color:#545454 !important;} .corB {color:#353535 !important;} .bgG {background:#f8f8f8 !important;} .bgY {background:#ffffcc !important;} .through {text-decoration:line-through} .alR {text-align:right !important;} .alL {text-align:left !important;} .alC {text-align:center !important;} .mr35 {margin-right:35px !important;} .mr30 {margin-right:30px !important;} .ml50 {margin-left:50px !important;} .ml40 {margin-left:40px !important;} .ml35 {margin-left:35px !important;} .ml34 {margin-left:34px !important;} .ml27 {margin-left:27px !important;} .ml10 {margin-left:10px !important;} .ml6 {margin-left:6px;} .mb34 {margin-bottom:34px !important;} .mb20 {margin-bottom:20px !important;} .mb0 {margin-bottom:0px !important;} .mt105 {margin-top:105px !important;} .mt80 {margin-top:80px !important;} .mt70 {margin-top:70px !important;} .mt65 {margin-top:65px !important;} .mt60 {margin-top:60px !important;} .mt50 {margin-top:50px !important;} .mt45 {margin-top:45px !important;} .mt40 {margin-top:40px !important;} .mt30 {margin-top:30px !important;} .mt25 {margin-top:25px !important;} .mt20 {margin-top:20px !important;} .mt15 {margin-top:15px !important;} .mt9 {margin-top:9px !important;} .mt5 {margin-top:5px !important;} .mt0 {margin-top:0px !important;} .flArea {zoom:1;} .flArea:after {content:""; display:block; clear:both;} .btn:hover, .btn a:hover, .btn34O:hover, .btn38O:hover, .btn27O:hover, .btn30O:hover, .btn28O:hover, .btn41O:hover, .btn75O:hover, .btn_yellowOv:hover, a.btn:hover, a.edit:hover, a.del02:hover, a.del03:hover, a.del04:hover, a.del05:hover, a.del06:hover, a.pay:hover, a.cancel:hover, a.comp:hover, .paging a:hover {text-decoration:none;} .btnC {margin-top:30px; text-align:center; vertical-align:middle;} .btnC * {display:inline-block;} .btnC span img {display:inline-block; vertical-align:-1px;} .btnC .cancel img {margin-right:3px;} .btnC .comp img {margin-left:3px;} .btnC.ty2 .cancel {margin-right:6px;} .arrowR {display:inline-block; background:url(/images/sub/arrow_rightO.gif) 0 4px no-repeat; margin-left:3px; padding-left:10px;} .arrowL {display:inline-block; background:url(/images/sub/arrow_leftO.gif) 0 9px no-repeat; margin-left:2px; padding-left:8px;} .btn_service01 {float:left; background:url(/images/bg/bg_btn34W_l.png) 0 0 no-repeat; color:#545454;} .btn_service01 span {display:block; height:25px; padding:9px 15px 0 15px;text-decoration:none;} .btn_service01:hover {background:url(/images/bg/bg_btn34W_l_ov.png) 0 0 no-repeat;text-decoration:none;} .btn_service01.on {background:url(/images/bg/bg_btn34B_l.png) 0 0 no-repeat; color:#fff;} .btn_service01.on:hover {background:url(/images/bg/bg_btn34B_l_ov.png) 0 0 no-repeat; color:#fff;text-decoration:none;} .btn_service01.on span {border-right:1px solid #5d9ebf;} .btn_service02 {float:left; background:url(/images/bg/bg_btn34W_r.png) 100% 0 no-repeat; color:#545454;} .btn_service02 span {display:block; height:25px; padding:9px 15px 0 15px;} .btn_service02:hover {background:url(/images/bg/bg_btn34W_r_ov.png) 100% 0 no-repeat;text-decoration:none;} .btn_service02.on {background:url(/images/bg/bg_btn34B_r.png) 100% 0 no-repeat; color:#fff;} .btn_service02.on:hover {background:url(/images/bg/bg_btn34B_r_ov.png) 0 0 no-repeat; color:#fff;text-decoration:none;} .btn_service02.on span {border-left:1px solid #5d9ebf;} .btn_svc {display:inline-block; background:url(/images/bg/bg_svc_l.png) 0 0 no-repeat; margin-left:2px; padding-left:4px; text-align:center;} .btn_svc span {display:block; background:url(/images/bg/bg_svc_r.png) 100% 0 no-repeat; min-width:125px; height:46px; padding:15px 20px 0 16px; color:#fff; font-size:14px; font-weight:700;} .btn_svc:hover {background:url(/images/bg/bg_svc_l_ov.png) 0 0 no-repeat;text-decoration:none;} .btn_svc:hover span {background:url(/images/bg/bg_svc_r_ov.png) 100% 0 no-repeat;text-decoration:none;} .btn_svc.on {background:url(/images/bg/bg_svc_l_on.png) 0 0 no-repeat;} .btn_svc.on span {background:url(/images/bg/bg_svc_r_on.png) 100% 0 no-repeat;} .btn_svc.on:hover {background:url(/images/bg/bg_svc_l_on_ov.png) 0 0 no-repeat;text-decoration:none;} .btn_svc.on:hover span {background:url(/images/bg/bg_svc_r_on_ov.png) 100% 0 no-repeat;text-decoration:none;} .btn_cwl {display:inline-block; background:url(/images/bg/bg_CWL_l.png) 0 0 no-repeat; margin-left:2px; padding-left:4px; text-align:center;} .btn_cwl:first-child {margin-left:0;} .btn_cwl span {display:block; background:url(/images/bg/bg_CWL_r.png) 100% 0 no-repeat; min-width:155px; height:46px; padding:14px 4px 0 0; color:#fff; font-size:12px;} .btn_cwl span strong {display:block; margin-bottom:5px; color:#fff; font-size:24px; font-weight:700;} .btn_cwl:hover {background:url(/images/bg/bg_CWL_l_ov.png) 0 0 no-repeat;text-decoration:none;} .btn_cwl:hover span {background:url(/images/bg/bg_CWL_r_ov.png) 100% 0 no-repeat;text-decoration:none;} .btn_cwl.on {background:url(/images/bg/bg_CWL_l_on.png) 0 0 no-repeat;} .btn_cwl.on span {background:url(/images/bg/bg_CWL_r_on.png) 100% 0 no-repeat;} .btn_cwl.on:hover {background:url(/images/bg/bg_CWL_l_on_ov.png) 0 0 no-repeat;text-decoration:none;} .btn_cwl.on:hover span {background:url(/images/bg/bg_CWL_r_on_ov.png) 100% 0 no-repeat;text-decoration:none;} .btn_cwl02 {display:inline-block; background:url(/images/bg/bg_CWL_l.png) 0 0 no-repeat; margin-left:2px; padding-left:4px; text-align:center;} .btn_cwl02:first-child {margin-left:0;} .btn_cwl02 span {display:block; background:url(/images/bg/bg_CWL_r.png) 100% 0 no-repeat; min-width:155px; height:38px; padding:22px 4px 0 0; color:#fff; font-size:12px;} .btn_cwl02 span strong {display:block; margin-bottom:5px; color:#fff; font-size:24px; font-weight:700;} .btn_cwl02:hover {background:url(/images/bg/bg_CWL_l_ov.png) 0 0 no-repeat;text-decoration:none;} .btn_cwl02:hover span {background:url(/images/bg/bg_CWL_r_ov.png) 100% 0 no-repeat;text-decoration:none;} .btn_cwl02.on {background:url(/images/bg/bg_CWL_l_on.png) 0 0 no-repeat;} .btn_cwl02.on span {background:url(/images/bg/bg_CWL_r_on.png) 100% 0 no-repeat;} .btn_cwl02.on:hover {background:url(/images/bg/bg_CWL_l_on_ov.png) 0 0 no-repeat;text-decoration:none;} .btn_cwl02.on:hover span {background:url(/images/bg/bg_CWL_r_on_ov.png) 100% 0 no-repeat;text-decoration:none;} .btn27O {display:inline-block; background:url(/images/bg/bg_OH27_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle;} .btn27O span {display:block; background:url(/images/bg/bg_OH27_r.png) 100% 0 no-repeat; height:22px; padding:6px 14px 0 10px; color:#fff; text-align:center; font-size:12px;} .btn28O {display:inline-block; background:url(/images/bg/bg_OH28_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle;} .btn28O span {display:block; position:relative; top:0px; left:0; background:url(/images/bg/bg_OH28_r.png) 100% 0 no-repeat; height:21px; padding:7px 18px 0 14px; color:#fff; text-align:center; white-space:nowrap; font-size:13px;} .btn30O {display:inline-block; background:url(/images/bg/bg_OH30_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle;} .btn30O span {display:block; background:url(/images/bg/bg_OH30_r.png) 100% 0 no-repeat; height:23px; padding:7px 18px 0 14px; color:#fff; text-align:center; font-size:13px;} .btn32O {display:inline-block; background:url(/images/bg/bg_OH32_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle; } .btn32O span {display:block; background:url(/images/bg/bg_OH32_r.png) 100% 0 no-repeat; height:32px; padding:0 8px 0 8px; color:#fff; text-align:center; } .btn34O {display:inline-block; background:#ff7000; border-radius:5px; vertical-align:middle;} .btn34O span {display:block; padding:5px 15px; color:#fff; text-align:center; font-size:12px;} .btn34O span img {display:inline-block; margin-right:10px; vertical-align:middle;} .btn34OGray {display:inline-block; background:#bfbfbf; border-radius:5px; vertical-align:middle;} .btn34OGray span {display:block; padding:5px 15px; color:#fff; text-align:center; font-size:14px;} .btn34OGray span img {display:inline-block; margin-right:10px; vertical-align:middle;} .btn38O {display:inline-block; background:url(/images/bg/bg_OH38_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle;} .btn38O span {display:block; background:url(/images/bg/bg_OH38_r.png) 100% 0 no-repeat; height:26px; padding:12px 18px 0 14px; color:#fff; text-align:center; font-size:14px;} .btn41O {display:inline-block; background:url(/images/bg/bg_OH41_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle; white-space:nowrap;} .btn41O span {display:table-cell; position:relative; top:0; left:0; background:url(/images/bg/bg_OH41_r.png) 100% 0 no-repeat; height:36px; padding:5px 18px 0 14px; color:#fff; text-align:center; vertical-align:middle; font-size:12px;} .btn41O span em {display:block;} /* .btn75O {display:inline-block; background:url(/images/bg/bg_btn75O_l.png) 0 0 no-repeat; padding-left:3px; vertical-align:middle; white-space:nowrap;} .btn75O span {display:table-cell; position:relative; top:0; left:0; background:url(/images/bg/bg_btn75O_r.png) 100% 0 no-repeat; min-width:86px; height:62px; padding:8px 18px 8px 14px; color:#fff; text-align:center; vertical-align:middle; font-size:14px; font-weight:700; line-height:1.4em;} .btn75O span em {display:block;} */ .btn75O{float:right;margin-top:15px;} .btn75O span {background-color:#ff7000;color:#fff;padding:10px 20px;border-radius:3px;} .btn_submit75 {overflow:visible; background:url(/images/bg/bg_GH75_l.png) 0 0 no-repeat; padding-left:4px;} .btn_submit75 span {display:inline-block; position:relative; top:0; left:0; background:url(/images/bg/bg_GH75_r.png) 100% 0 no-repeat; min-width:86px; height:46px; margin:0; padding:29px 4px 0 0; color:#fff; font-size:16px; font-weight:700; text-align:center; white-space:nowrap;} .continue {display:inline-block; overflow:visible; background:url(/images/bg/bg_OH35_l.png) 0 0 no-repeat; padding-left:4px;} .continue span {display:block; background:url(/images/bg/bg_OH35_r.png) 100% 0 no-repeat; min-height:25px; margin:0; padding:10px 20px 0 16px; color:#fff; font-size:16px; font-weight:700; text-align:center;} .comp {display:inline-block; overflow:visible; background:#ff7000; border-radius:5px;} .comp span {display:block; min-width:150px; padding:10px 0; color:#fff; font-size:15px; font-weight:700; text-align:center;} .comp_cp_chk {display:inline-block; overflow:visible; background:url(/images/bg/bg_OH42_l_c.png) 0 0 no-repeat; padding-left:3px; height:33px;} .comp_cp_chk span {display:block; background:url(/images/bg/bg_OH42_r_c.png) 100% 0 no-repeat; min-width:40px; min-height:29px; padding:6px 20px 0 16px; color:#fff; font-size:16px; font-weight:700; text-align:center;} a.gra {display:inline-block; background:url(/images/bg/bg_WH29_l_ov.png) 0 0 no-repeat; padding-left:4px;} a.gra span {display:block; background:url(/images/bg/bg_WH29_r_ov.png) 100% 0 no-repeat; height:23px; padding:6px 15px 0 11px; color:#545454; text-align:center; font-size:13px;} a.gra:hover {text-decoration:none;} a.gra02 {display:inline-block; background:url(/images/bg/bg_gra34_l.png) 0 0 no-repeat; padding-left:4px;} a.gra02 span {display:block; background:url(/images/bg/bg_gra34_r.png) 100% 0 no-repeat; height:25px; padding:9px 15px 0 11px; color:#545454; text-align:center; font-size:13px;} a.gra02:hover {text-decoration:none;} a.btn32G {display:inline-block; background:url(/images/bg/bg_GH32_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle; } a.btn32G span {display:block; background:url(/images/bg/bg_GH32_r.png) 100% 0 no-repeat; height:32px; padding:0 8px 0 8px; color:#fff; text-align:center; } a.del {display:inline-block; background:url(/images/bg/bg_WH29_l.png) 0 0 no-repeat; padding-left:4px;} a.del span {display:block; background:url(/images/bg/bg_WH29_r.png) 100% 0 no-repeat; height:22px; padding:7px 15px 0 11px; color:#545454; text-align:center; font-size:12px;} a.del:hover {background:url(/images/bg/bg_WH29_l_ov.png) 0 0 no-repeat;text-decoration:none;} a.del:hover span {background:url(/images/bg/bg_WH29_r_ov.png) 100% 0 no-repeat;text-decoration:none;} a.del02 {display:inline-block; background:url(/images/bg/bg_WH36_l.png) 0 0 no-repeat; padding-left:4px;} a.del02 span {display:block; background:url(/images/bg/bg_WH36_r.png) 100% 0 no-repeat; height:26px; padding:10px 15px 0 11px; color:#545454; text-align:center; font-size:14px;} a.del05 {display:inline-block; background:url(/images/bg/bg_WH24_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle;} a.del05 span {display:block; background:url(/images/bg/bg_WH24_r.png) 100% 0 no-repeat; height:20px; padding:4px 12px 0 8px; color:#545454; text-align:center; font-size:10.5px;} a.edit {display:inline-block; background:url(/images/bg/bg_GH27_l.png) 0 0 no-repeat; padding-left:4px;} a.edit span {display:block; background:url(/images/bg/bg_GH27_r.png) 100% 0 no-repeat; height:22px; padding:6px 15px 0 11px; color:#fff; text-align:center; font-size:12px;} a.del03 {display:inline-block; background:url(/images/bg/bg_GH34_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle;} a.del03 span {display:block; background:url(/images/bg/bg_GH34_r.png) 100% 0 no-repeat; height:24px; padding:10px 15px 0 11px; color:#fff; text-align:center; font-size:14px;} a.del04 {display:inline-block; background:url(/images/bg/bg_GH22_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle;} a.del04 span {display:block; background:url(/images/bg/bg_GH22_r.png) 100% 0 no-repeat; height:18px; padding:0 12px 0 8px; color:#fff; text-align:center; font-size:11px;} a.del06 {display:inline-block; background:url(/images/bg/bg_G2H34_l.png) 0 0 no-repeat; padding-left:4px; vertical-align:middle;} a.del06 span {display:block; background:url(/images/bg/bg_G2H34_r.png) 100% 0 no-repeat; height:24px; padding:10px 15px 0 11px; color:#fff; text-align:center; font-size:14px;} a.pay {display:inline-block; background:url(/images/bg/bg_btn44W_l.png) 0 0 no-repeat; padding-left:4px;} a.pay span {display:block; background:url(/images/bg/bg_btn44W_r.png) 100% 0 no-repeat; height:31px; padding:13px 15px 0 11px; color:#545454; text-align:center; font-size:18px; font-weight:700;} a.pay span img {vertical-align:-6px;} a.cancel {display:inline-block; background:#bfbfbf; border-radius:5px;} a.cancel span {display:block; min-width:150px; padding:9px 0; color:#fff; text-align:center; font-size:14px; font-weight:700;} a.btn_bdr {display:inline-block; background:url(/images/bg/bg_brd_l.png) 0 0 no-repeat; padding-left:3px;} a.btn_bdr span {display:block; background:url(/images/bg/bg_brd_r.png) 100% 0 no-repeat; min-height:29px; padding:13px 20px 0 16px; color:#fff; text-align:center; font-size:18px; font-weight:700;} a.graS {display:inline-block; background-color:#f0f0f0; border:1px solid #e1e1e1; padding-left:4px; vertical-align:middle;border-radius:3px;} a.graS span {display:block; height:18px; padding:0 12px 0 8px; color:#545454; text-align:center; font-size:11px;} a.graS:hover {color:#545454;} /* ******************************************************************************** */ #container #mDepth {/*margin-top: 18px;*/ margin-top:8px; margin-bottom: 5px; display:none} .currency_symbol {margin:0 !important;} /* Title */ .titArea {position:relative; margin-bottom:31px; /*padding:20px 0 11px 0; 사이드 메뉴 배경*/ padding:1px 0 11px 0;} .titArea .img{position:relative; float: right;} .titArea h2 {position:relative; color:#353535; font-size:36px; line-height:1.2em; font-weight:normal;letter-spacing:-2px} .titArea span {display:block; position:absolute; top:70px; left:0; background:#666; width:67px; height:2px;} .inCompLst .titArea h2 {font-size:28px;} .badge {display:inline-block; padding:1px 5px 2px; font-size:9px; border-radius:10px;} .badge.gn {background:#a8e500; color:#fff;} .section {width:750px; margin:40px auto 0;} .section .titArea {padding-bottom:15px;} .section .titArea h2 {font-size:30px;} .section .titArea span {background:#d8d8d8; width:100%; height:2px; top:auto; bottom:0;} .section .titArea span em {display:block; background:#666; width:67px; height:2px;} /* Sub page */ .box {padding-top:3px; margin-bottom:30px;} .box .inner {background:url(/images/bg/bg_boxG_b.png) 0 100% no-repeat; padding:14px 0 14px 30px; zoom:1; border:1px solid #d3d3d3;} .box .inner:after {content:""; display:block; clear:both;} .box .inner dl {float:left; width:280px;} .box .inner dl dt {margin-bottom:7px; color:#666; font-size:14px; font-weight:700;} .box .inner dl dd select {width:230px;} .box .inner dl dd.chk {padding-top:10px; zoom:1;} .box .inner dl dd.chk:after {content:""; display:block; clear:both;} .box .inner dl dd.chk * {float:left;} .box .inner dl dd.chk input[type=radio] {margin-left:30px;} .box .inner dl dd.chk input[type=radio]:first-child {margin-left:0;} .box .inner dl dd.chk label {margin-left:5px; color:#353535; font-size:13px;} .box .inner dl dd.chk a {display:inline-block; margin:-10px 0 0 30px;} /* //Sub page */ /* Sign In */ .signIn dl {margin-left:40px;} .signIn dl dt {margin-bottom:20px; color:#666; font-size:14px;} .signIn dl dd {margin:0 0 20px 40px; color:#666; font-size:14px; zoom:1;} .signIn dl dd:after {content:""; display:block; clear:both;} .signIn dl dd * {float:left;} .signIn dl dd input[type=text], .signIn dl dd input[type=password] {margin-left:10px;} .signIn dl dd input[type=radio] {margin-right:10px;} .signIn dl dd a.pass {margin:9px 0 0 10px;} /* //Sign In */ .signIn .btnC, .regist .btnC {margin-top:20px; padding-left:265px; text-align:left;} /* password */ .signIn .pa_txt {color:#353535; font-size:14px; line-height:22px;} .signIn .pa_email {background:url(/images/sub/bg_passFine.gif) 0 100% repeat-x; margin-top:33px; padding-bottom:43px; text-align:center;} .signIn .pa_email * {display:inline-block; vertical-align:middle;} .signIn .pa_email input[type=text] {margin-left:4px;} .signIn .pa_email .continue span {font-weight:normal;} .signIn .info {margin-top:25px; color:#a1a1a1; font-size:13px; line-height:20px; text-align:center;} .signIn .info a.cs {color:#ff7000; text-decoration:underline;} .signIn .myemail {margin-top:37px;} .signIn .myemail dl {margin-left:0; zoom:1;} .signIn .myemail dl:after {content:""; display:block; clear:both;} .signIn .myemail dt {float:left; width:200px; padding:6px 10px 0 0; text-align:right;} .signIn .myemail dd {float:left; margin:0;} .signIn .myemail dd em {display:block; padding:5px 0 0 10px; color:#5d9ebf; font-size:14px;} .signIn .myemail dd .continue {margin-left:5px;} .signIn .myemail dd .continue span {font-weight:normal;} /* register */ .regist h3 {margin-bottom:10px; padding-left:42px; color:#666; font-size:14px; font-weight:700;} .regist table th {padding:0 18px 0 0; color:#666; text-align:right; vertical-align:middle; font-size:14px; font-weight:normal;} .regist table td {padding:7px 0; word-break:normal; float:left;} .regist table td em {position:relative; top:2px; left:5px; color:#a1a1a1;} .regist table td span {float:left; padding:0 0 15px 0;} .regist table td span input[type=checkbox] {float:left;} .regist table td span label {float:left; width:420px; padding-left:7px;} .register_info {background:url(/images/sub/bg_passFine.gif) 0 0 repeat-x; margin-top:40px; padding-top:30px; color:#a1a1a1; text-align:center;} .regist .btnC .comp span {padding-left:11px; padding-right:15px;} /* 페이지에서 트레킹정보 보기 */ .trackingNum {position:relative; background:#f8f8f8; margin-top:20px; padding:20px; border:1px solid #e2e2e2; -webkit-box-shadow:0px 0px 5px rgba(0,0,0,.4); -moz-box-shadow:0px 0px 5px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .trackingNum .top p {margin-bottom:20px; color:#353535; font-weight:700; font-size:14px;} .trackingNum .top p span {color:#ff7000} .trackingNum .top p a.btn34O span {color:#fff;} .trackingNum .top p.right {font-size:12px;} .trackingNum .top p em {display:inline-block; margin-left:25px; color:#6ba5c2; font-size:12px;} .trackingNum .top02 {margin-bottom:10px;} .trackingNum .top02 .num {margin-bottom:15px; color:#353535; font-size:14px; font-weight:700; zoom:1; text-align:left;} .trackingNum .top02 .num em {color:#ff7000;} .trackingNum .top02 .num span {display:inline-block; margin-left:16px; color:#6ba5c2; font-size:12px;} .trackingNum .top02 .dpay {zoom:1;} .trackingNum .top02 .dpay:after {content:""; display:block; clear:both;} .trackingNum .top02 .dpay p {float:right; background:url(/images/sub/line_blueBox.gif) 0 0 no-repeat; padding:0 13px; color:#353535; font-size:12px;} .trackingNum .top02 .dpay p:first-child {background:none; padding-left:500;} .trackingNum .top02 .dpay p em {color:#353535;} .trackingNum .top02 .info {zoom:1;} .trackingNum .top02 .info:after {content:""; display:block; clear:both;} .trackingNum .top02 .info p {float:left; background:url(/images/sub/line_blueBox.gif) 0 0 no-repeat; padding:0 13px; color:#353535; font-size:12px;} .trackingNum .top02 .info p:first-child {background:none; padding-left:0;} .trackingNum .top02 .info p em {color:#353535;} .trackingNum .top02 .info span {float:left; background:url(/images/sub/blt_2x2B.gif) 0 7px no-repeat; margin-left:13px; padding-left:9px; color:#353535; font-size:12px;} /* 출고신청상세 결제전, 결제후 멀티박스 트래킹 */ #div_payment_prepared_t .trackingNum > div.top02, #div_payment_complete .trackingNum > div.top02 {padding-top:18px;} #div_payment_prepared_t .trackingNum > div.top02:first-child, #div_payment_complete .trackingNum > div.top02:first-child {padding-top:0;border-top:0;} #div_payment_prepared_t .trackingNum > ul, #div_payment_complete .trackingNum > ul {padding-bottom:18px;} #div_payment_prepared_t .trackingNum > ul:last-child, #div_payment_complete .trackingNum > ul:last-child {padding-bottom:0;} .multibox_wrap {background:#f8f8f8;width:97%;margin:0 auto;text-align:left;} .multibox_wrap li {display:inline-block;padding:2px;} .multibox_wrap li:first-child {width:72px;background:#eee;font-weight:bold;padding-left:5px !important;} .multibox_wrap li.actual_w {width:24%;} .multibox_wrap li:last-child {padding-right:5px !important;} .multibox_total {border-bottom:1px solid #e2e2e2;padding:10px;width:90%;margin:10px auto 0;line-height:30px;vertical-align:middle;} #div_payment_prepared_t .note, #div_payment_complete .note {width:90%;text-align:left;margin:0 auto;padding:2px 40px 15px;} #div_payment_prepared_t .note > span .note_txt, #div_payment_complete .note > span .note_txt {display:inline-block;padding-left:80px;} #div_payment_prepared_t .note > span:first-child, #div_payment_complete .note > span:first-child {margin-left:-30px;font-size:14px;font-weight:bold;} .event_mark {display:inline-block;margin:0;vertical-align:top;text-align:center;white-space:nowrap;line-height:22px;font-size:12px;padding:3px 12px;color:#00a49a;border:1px solid #00a49a;border-radius:25px;} /* 상품정보 일반 */ /* ---------이미지 있는 경우--------- */ li.prdList {background:#fff; margin-top:10px; padding:10px 15px; zoom:1;} li.prdList:after {content:""; display:block; clear:both;} li.prdList:first-child {margin-top:0;} li.prdList * {float:left; margin:10px 0;} li.prdList .img {margin:0; border:1px solid #e2e2e2;} li.prdList p {width:390px; padding-left:20px; color:#353535; text-align:left;} li.prdList .num {width:55px; text-align:center;} li.prdList .pay {width:105px; text-align:center;} li.prdList .category {width:220px; text-align:center;} /* ---------이미지 없는 경우--------- */ li.prdList02 {background:#fff; margin-top:10px; padding:15px; zoom:1;} li.prdList02:after {content:""; display:block; clear:both;} li.prdList02:first-child {margin-top:0;} li.prdList02 * {float:left; margin:10px 0;} li.prdList02 p {width:390px; color:#353535; text-align:left;} li.prdList02 .num {width:55px; text-align:center;} li.prdList02 .pay {width:105px; text-align:center;} li.prdList02 .category {width:220px; text-align:center;} /* ---------이미지와 브랜드가 있는 경우--------- */ li.prdList03 {position:relative; background:#fff; margin-top:10px; padding:10px 15px; zoom:1;} li.prdList03:after {content:""; display:block; clear:both;} li.prdList03:first-child {margin-top:0;} li.prdList03 * {float:left; margin:10px 0;} li.prdList03 .img {margin:0; border:1px solid #e2e2e2;} li.prdList03 p {width:430px; padding-left:20px; color:#353535; text-align:left;} li.prdList03 .num {width:55px; text-align:center;} li.prdList03 .pay {width:105px; text-align:center;} li.prdList03 .category {width:120px; text-align:center;} li.prdList03 .brand {width:180px; text-align:left;} li.prdList03 button {position:absolute; top:15px; right:16px; margin-top:0;} li.prdList03 button img {margin-top:0;} li.prdList03 select {margin-top:-9px;} /* ---------이미지 없고 브랜드가 있는 경우--------- */ li.prdList04 {background:#fff; margin-top:10px; padding:15px; zoom:1;} li.prdList04:after {content:""; display:block; clear:both;} li.prdList04:first-child {margin-top:0;} li.prdList04 * {float:left; margin:10px 0;} li.prdList04 p {width:390px; color:#353535; text-align:left;} li.prdList04 .num {width:55px; text-align:center;} li.prdList04 .pay {width:105px; text-align:center;} li.prdList04 .brand {width:180px; text-align:left;} li.prdList04 .category {width:220px; text-align:center;} .prdInfoLst td.view .tracking ul {background:url(/images/sub/line_GW.gif) 0 100% repeat-x; padding-bottom:15px; margin:15px 0;} /* 사고주문건 내역 */ li.prdList .problem *, li.prdList02 .problem *, li.prdList03 .problem *, li.prdList04 .problem * {margin:0;} .problem {display:inline-block; width:97%; padding:10px 15px; margin:10px 0 0 0; background:#f5e6e6; border:1px solid #ebccd1;} .problem * {float:left;} .problem .warning {width:750px; padding:5px 15px;} .problem .warning span {display:block; color:#a94442; font-weight:700; padding:0; margin:0 0 5px; width:100%; text-align:left;} .problem .warning p {padding:0; margin:0; width:100%; text-align:left;} .problem .warning dl {zoom:1; display:block; padding:0; margin:5px 0 0; width:780px; font-size:11px;} .problem .warning dl dt {color:#353535; text-align:right; min-width:170px; margin:0;} .problem .warning dl dd {margin:0 0 0 10px;} .problem .pic {float:right; width:225px; text-align:right; margin-top:5px;} .problem .pic a {float:right; margin:0;} .problem .pic a img {margin:0 0 5px 5px;} /* 탭 스타일 */ .tab {position:relative; margin:37px 0 20px; border-bottom:1px solid #ccc; zoom:1; z-index:2;} .tab:after {content:""; display:block; clear:both;} .tab a {float:left; position:relative; background:url(/images/sub/bg_tab_l.png) 0 0 no-repeat; margin:0 0 -1px 1px; padding-left:3px; border-bottom:1px solid #ccc; color:#555; font-size:16px; z-index:1;} .tab a:hover {font-weight:700; text-decoration:none;} .tab a:first-child {margin-left:0;} .tab a p {background:url(/images/sub/bg_tab_r.png) 100% 0 no-repeat; min-height:29px; padding:14px 17px 0 14px;} .tab a p em {color:#ff7000;} .tab a.on {background:url(/images/sub/bg_tab_l_on.png) 0 0 no-repeat; border-bottom:1px solid #fff; font-weight:700; z-index:3;} .tab a.on p {background:url(/images/sub/bg_tab_r_on.png) 100% 0 no-repeat;} /* 탭 스타일02 */ .tab02 {position:relative; margin:18px 0 20px; border-bottom:1px solid #d3d3d3; zoom:1; z-index:2;} .tab02:after {content:""; display:block; clear:both;} .tab02 a {float:left; position:relative; top:3px; background:#f1f1f1; margin:0 0 -1px 2px; padding:13px 0 10px; border-bottom:1px solid #d3d3d3; color:#353535; font-size:13px; text-align:center; z-index:1;} .tab02 a.on {background:#fff; padding-top:16px; border:1px solid #d3d3d3; border-width:1px 1px 0 1px; font-weight:700; top:0px;} .tab02 a:first-child {margin-left:0;} .tab02 a:hover {text-decoration:none;} /* 사고주문건 내역 */ li.prdList .problem *, li.prdList02 .problem *, li.prdList03 .problem *, li.prdList04 .problem * {margin:0;} .problem {display:inline-block; width:97%; padding:10px 15px; margin:10px 0 0 0; background:#f5e6e6; border:1px solid #ebccd1;} .problem * {float:left;} .problem .warning {width:750px; padding:5px 15px;} .problem .warning span {color:#a94442; font-weight:700; padding:0; margin:0 0 5px;} .problem .warning p {padding:0; margin:0; width:100%; text-align:left;} .problem .warning dl {zoom:1; display:block; padding:0; margin:5px 0 0; width:780px; font-size:11px;} .problem .warning dl dt {color:#353535; margin:0;} .problem .warning dl dd {margin:0 0 0 10px;} .problem .pic {float:right; width:225px; text-align:right; margin-top:5px;} .problem .pic a {float:right; margin:0;} .problem .pic a img {margin:0 0 5px 5px;} /* 특수포장 안내 */ li.prdList .special *, li.prdList02 .special *, li.prdList03 .special *, li.prdList04 .special * {margin:0;} .special {display:inline-block; width:97%; padding:10px 15px; margin:0 0 20px 0; background:#f1f6e4; border:1px solid #a8e500;} .special * {float:left;} .special .warning {padding:5px 20px 5px 15px; max-width:500px; text-align:left;} .special .warning span {color:#83b300; width:100%; font-weight:700; padding:0; margin:0 0 5px;} .special .warning p {padding:0; margin:0; line-height:20px; width:100%;} .special .warning em {font-size:11px; color:#353535; margin-top:5px;} .special .warning .corO {float:none; font-size:14px;} .special dl {padding:6px 20px; margin-top:25px; min-width:170px; font-weight:700; border-left:1px solid #a8e500; text-align:left;} .special dl dt {float:none; font-size:14px;} .special dl dd {float:none; margin-top:10px;} .special dl dd label {margin:0 15px 0 7px; color:#353535;} .special .btn {float:left; padding-top:10px;} /* 상품정보 테이블 */ .trackingNum table {background:#fff; margin-top:10px;} .trackingNum table th {background:#f0f0f0; padding:6px 0 6px; border-left:1px solid #fff; color:#353535; font-size:12px;} .trackingNum table th:first-child {border-left:0 none;} .trackingNum table td {background:#fff; padding:8px 0; border-left:1px solid #fff; color:#353535;} .trackingNum table td:first-child {border-left:0 none;} .trackingNum table td.img {text-align:center;} .trackingNum table td.img img {border:1px solid #e2e2e2;} .trackingNum table td.sbj {padding-left:10px;} .trackingNum table td.alR {padding-right:15px; text-align:right;} .trackingNum table td.alL {padding-left:15px; text-align:left;} .trackingNum table td.alC {text-align:center;} .trackingNum table td.btn {text-align:center;} .trackingNum table td.cate {padding-left:14px;} .trackingNum table.tableType03 tbody td{border-left:none;} .trackingNum table.tableType03 tbody td:nth-child(2){text-align:left;padding:0 20px;} .trackingNum ul.payTotal{text-align:right;padding-right:20px;background:#fffff9;padding:14px 0 !important;overflow:hidden;width:100%;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;margin-top:10px;margin-bottom:20px;} .trackingNum ul.payTotal li{display:inline-block;padding:0 5px;} .trackingNum ul.payTotal li:last-child{background:url(/images/sub/line_blueBox.gif) 0 center no-repeat;background-size:1px 12px;padding:0 20px;} .trackingNum ul.payTotal li:first-child{background:none;} .trackingNum ul.payTotal li.sign{font-family:serif;font-size:14px;vertical-align:middle;color:#777;} /* 오더리스트 테이블 */ table.prdInfoLst {margin-top:15px;} table.prdInfoLst th {padding:13px 0; border-bottom:1px solid #787878; color:#353535; font-size:12px; font-weight:normal;} table.prdInfoLst tr.on td {background:#ffffcc;} table.prdInfoLst td {padding:11px 0; border-bottom:1px solid #ddd; text-align:center; font-size:12px;} table.prdInfoLst td .tdTy {display:table; width:100%; vertical-align:middle;} table.prdInfoLst td .tdTy span {display:table-cell; width:100%; vertical-align:middle;} table.prdInfoLst td .line {padding-top:10px; border-top:1px solid #ddd;} table.prdInfoLst td.prdInfo {padding-left:10px; text-align:left;} table.prdInfoLst td.view {display:none; padding:0;} /* 오더리스트 결제 다음 통관목록 테이블 */ table.prdInfoLst tr .nomargin {padding:0px;margin:0px} table.prdInfoLst td .img {border-bottom:0px; text-align:left; } table.prdInfoLst td .nm {width:360px; border-bottom:0px; text-align:left; } table.prdInfoLst td .qty {width:122px; border-bottom:0px;} table.prdInfoLst td .amt {width:130px; border-bottom:0px;} table.prdInfoLst td .ctgy {width:394px; padding:0px; margin:0px; border-bottom:0px;} /* 오더리스트 결제 다음 통관목록 니코틴 */ table.prdInfoLst td .ctgy span.nico {padding:0;margin-top:3px;margin-right:5px;} table.prdInfoLst td .ctgy span.how {padding:0;margin:0px;} input.w30plus {width:30px;padding:2px;margin:0px;} table.prdInfoLst td .ctgy span.ml {padding:0;margin-top:3px;margin-left:5px;} /* 오더리스트에서 트레킹정보 보기 */ .view .tracking {background:#f0f0f0; padding:20px; border-top:2px solid #e4e4e4; position:relative;} .view .tracking .fee {zoom:1;} .view .tracking .fee:after {content:""; display:block; clear:both;} .view .tracking .fee * {float:right;margin-right:10px} .view .tracking .fee span {float:right;} .view .tracking .srh {zoom:1;} .view .tracking .srh:after {content:""; display:block; clear:both;} .view .tracking .srh * {float:left;} .view .tracking .srh label {margin-right:13px; padding-top:8px; color:#353535; font-size:14px; font-weight:700; text-align:left;} .view .tracking .srh input[type=text] {width:334px; margin-right:6px; border:1px solid #ff7000; color:#ff7000; -webkit-box-shadow:0px 0px 5px rgba(250,203,165,.9); -moz-box-shadow:0px 0px 5px rgba(250,203,165,.9); box-shadow:0px 0px 5px rgba(250,203,165,.9);} .view .tracking .srh span.txt {margin:10px 0 0 20px; color:#6ba5c2; font-size:12px; font-weight:700;} .view .tracking .info {margin-top:8px; zoom:1;} .view .tracking .info:after {content:""; display:block; clear:both;} .view .tracking .info p {float:left; background:url(/images/sub/line_blueBox.gif) 0 0 no-repeat; padding:0 13px; color:#353535; font-size:12px;} .view .tracking .info p:first-child {background:none; padding-left:0;} .view .tracking .info p em {color:#353535;} .view .tracking .info span {float:left; background:url(/images/sub/blt_2x2B.gif) 0 7px no-repeat; margin-left:13px; padding-left:9px; color:#353535; font-size:12px;} .view .tracking .info .fee {float:right; margin-right:5px; padding-right:9px; color:#353535; font-size:13px; font-weight:normal;} .view .tracking .info .fee em {color:#ff7000;} .view .tracking .top01 {border-bottom: 1px dotted #999; padding-bottom: 20px; margin-bottom:20px;} .view .tracking .top01 .num {color:#353535; font-size:14px; font-weight:700; zoom:1;} .view .tracking .top01 .num em {color:#353535; font-weight:normal;} .view .tracking .top01 .num span {display:inline-block; margin-left:16px; color:#353535; font-size:12px; font-weight:normal;} .view .tracking .top02 {margin:0 0 0px 0;} .view .tracking .top02 .num {color:#353535; font-size:14px; font-weight:700; zoom:1; text-align:left;} .view .tracking .top02 .num em {color:#ff7000;} .view .tracking .top02 .num span {display:inline-block; margin-left:16px; color:#6ba5c2; font-size:12px;} .view .tracking .top02 .info {zoom:1;} .view .tracking .top02 .info:after {content:""; display:block; clear:both;} .view .tracking .top02 .info p {float:left; background:url(/images/sub/line_blueBox.gif) 0 0 no-repeat; padding:0 13px;} .view .tracking .top02 .info p:first-child {background:none; padding-left:0;} .view .tracking .btn {margin-top:20px; zoom:1;} .view .tracking .btn:after {content:""; display:block; clear:both;} .view .tracking .btn .btn34O {float:left;} .view .tracking .btn .right {float:right;} .view .tracking .btn .right * {float:left;} .view .tracking .btn .right .del03 {margin-right:6px;} .top > p.right, .top01 > p.right, .top02 > p.right {position:absolute; right:20px; color:#353535; font-size:12px; font-weight:700; text-align:right;} .top > p.right .btn27O, .top01 > p.right .btn27O, .top02 > p.right .btn27O, .top02 > p.right .edit {margin-left:10px; font-weight:normal;} .top > p.right em, .top01 > p.right em, .top02 > p.right em {display:block;} /* 상단 오더내역 */ .blueBox {background:#f3f3f3; padding:20px 20px; border-top:1px solid #d3d3d3; border-bottom:1px solid #dddddd; min-height:20px;} .blueBox p {float:left; font-size:14px;} .blueBox p span {color:#353535; font-weight:700;} .blueBox p em {color:#353535999; font-size:11px;} .blueBox p em span {color:#353535;} /*.blueBox p strong {float:right;}*/ .blueBox .num p {float:left; color:#353535; } .blueBox .num p span {color:#353535; font-weight:700;} .blueBox .num p em {color:#353535999; font-size:11px;} .blueBox .num p em span {color:#353535;} .blueBox ul {margin-top:15px; zoom:1;} .blueBox ul:after {content:""; display:block; clear:both;} .blueBox ul li {float:left; background:url(/images/sub/line_blueBox.gif) 0 0 no-repeat; padding:0 15px;} .blueBox ul li:first-child {background:none; padding-left:0;} .blueBox ul li span {color:#353535; font-size:12px;} .blueBox ul li strong {color:#353535; font-size:12px; padding-left:7px;} /* 상단 완료안내 */ .blueBox03 {background:#ecf6fb; border:1px solid #6ba5c2; border-radius:3px; text-align:center;} .blueBox03 .top {padding:26px 0 20px 0; color:#6ba5c2; font-size:24px; font-weight:700;} .blueBox03 .foot {background:#6ba5c2; padding:18px; color:#d2eaf6; font-size:14px; line-height:1.5;} .blueBox03 .foot em {color:#fff; font-weight:700;} .signIn .blueBox03 .foot {color:#fff; font-size:18px;} .returnC .blueBox03 .foot em {margin-right:25px;} .returnC .blueBox03 .foot em.last {margin-right:0;} /* 팝업 */ .layer {position:fixed; top:50%; left:50%; background:#fff; padding-bottom:30px; border:1px solid #c5c5c5; z-index:999; -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 5px rgba(0,0,0,.2); box-shadow:0px 0px 10px rgba(0,0,0,.2);} .layer .close {position:absolute; top:19px; right:20px;} .layer h3 {padding:17px 0 16px 17px; border-bottom:1px solid #e5e5e5; color:#353535; font-size:16px; font-weight:700;} .infPop {width:571px; min-height:319px; margin:-159px 0 0 -285px;} .infPop .inner table th {padding:15px 15px 15px 0; color:#666; font-size:14px; text-align:right; vertical-align:top;} .infPop .inner table th em {display:block; margin-top:10px;} .infPop .inner table td {padding:15px 20px 15px 0; vertical-align:middle;} .infPop .inner table td p {margin-top:5px; color:#353535; font-size:13px;} .infPop .inner table td p em {color:#ff7000;} .infPop .inner .btnC input {background:url(/images/bg/bg_imgup.gif) 0 0 no-repeat; width:121px; height:34px; border:0 none; color:#fff; text-align:center;} .infPop .inner_wrap {padding:20px 20px 0 20px;} .editPop {width:552px; margin:-277px 0 0 -276px;} .editPop ul {margin:23px 0 0 0;} .editPop ul li {padding:7px 0; zoom:1;} .editPop ul li:after {content:""; display:block; clear:both;} .editPop ul li label {float:left; width:160px; padding:8px 34px 0 0; color:#666; font-size:14px; text-align:right;} .editPop ul li div {float:left;} .editPop .inner .btnC {text-align:center;} .editPop .inner .btnC a span {padding-left:60px; padding-right:64px;} .addPop {width:945px; margin:-300px 0 0 -376px;} .addPop ul {margin:0 45px;} .couponPop {width:552px; margin:-188px 0 0 -276px;} .couponPop .box {background:#ecf6fb; width:533px; margin:10px auto 0; border-radius:5px;} .couponPop .box p {padding:20px 0; color:#6ba5c2; font-size:14px; font-weight:700; text-align:center; line-height:1.2em;} .couponPop .box p em {color:#353535; font-size:18px; font-weight:700;} .couponPop .cont {padding-left:96px;} .couponPop .cont p {padding:30px 0 14px; color:#666; font-size:14px;} .couponPop .cont input[type=text] {margin-bottom:10px;} .couponPop .cont ul {margin-top:28px;} .couponPop .cont ul li {line-height:20px; color:#353535;} .couponPop .cont ul li em {color:#ff7000;} .uIdPop {width:552px; margin:-145px 0 0 -276px;} .uIdPop dl {zoom:1;} .uIdPop dl:after {content:""; display:block; clear:both;} .uIdPop dl.first {margin:30px 0 15px;} .uIdPop dl dt {float:left; width:160px; padding:9px 34px 0 0; color:#666; text-align:right; font-size:14px;} .uIdPop dl dd {float:left;} .uIdPop .btn {margin:14px 0 0 194px;} .uIdPop .btn p {margin-top:30px; color:#353535; font-size:13px;} .uIdPop .btn p a {color:#ff7000; text-decoration:underline;} .addChkPop {width:552px; margin:-266px 0 0 -276px;} .addChkPop ul {margin:23px 0 0 0;} .addChkPop ul li {padding:7px 0; zoom:1;} .addChkPop ul li:after {content:""; display:block; clear:both;} .addChkPop ul li label {float:left; width:160px; padding:8px 34px 0 0; color:#666; font-size:14px; text-align:right;} .addChkPop ul li div {float:left;} .addChkPop .btn {margin:8px 0 0 194px;} .addChkPop .btn span {width:158px; padding:9px 4px 0 0;} .ocashPop {width:552px; margin:-143px 0 0 -276px;} .ocashPop .inner > p {margin:41px 0 18px; color:#666; font-size:13px; text-align:center;} .ocashPop .inner .box {background:#ecf6fb; width:404px; margin:0 auto; padding:22px 0 26px; color:#353535; font-size:14px; font-weight:700; text-align:center;} .ocashPop .inner .box p em {font-size:16px;} .ocashPop .inner .btn {margin-top:30px; text-align:center;} .autoPop {width:750px; min-height:319px; margin:-198px 0 0 -376px;} .autoPop .inner {padding:30px 30px 0 30px;} .autoPop .inner p, .autoPop dl {padding:0 0 20px;} .autoPop dl {zoom:1;} .autoPop dl:after {content:""; display:block; clear:both;} .autoPop dl dt {float:left; width:160px; padding:10px 20px 0 0; color:#666; text-align:right; font-size:14px;} .autoPop dl dd {float:left;} .autoPop .scroll {width:690px; height:300px; overflow-x:hidden; overflow-y:scroll; resize: vertical; position:relative; border:#ddd 1px solid;} .autoPop .scroll ul {margin:20px;} .autoPop .scroll ul li {font-size:11px; background:url(/images/sub/blt_2x2B.gif) 2px 10px no-repeat; padding:5px 0 0 10px; color:#353535;} .autoPop .btnC {margin-top:10px;} .autoPop table.prdInfoLst {margin:0;} .autoPop table.prdInfoLst tr:hover {background:#f8f8f8;} .layer2 {position:fixed; top:50%; left:50%; background:#fff; border-radius:4px; border:1px solid #c5c5c5; z-index:999; -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 5px rgba(0,0,0,.2); box-shadow:0px 0px 10px rgba(0,0,0,.2);} .notiPop {width:358px; margin:-120px 0 0 -180px;} .notiPop .inner {padding:30px 30px 20px; text-align:center;} .notiPop .inner h4 {margin-bottom:20px; padding:0; color:#353535; font-size:14px; font-weight:700;} .notiPop .inner p {color:#353535; font-size:13px; min-height:65px;} .notiPop .btnC {margin:0; padding:20px; border-top:1px solid #e5e5e5; background:#f0f0f0; text-align:center; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;} .notiPop .btnC .btn34O, .notiPop .btnC .del03 {min-width:116px;} .popOver {position:fixed; top:50%; left:50%; background:#545454; border-radius:4px; z-index:999; width:570px; margin:-50px 0 0 -285px; -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 5px rgba(0,0,0,.2); box-shadow:0px 0px 10px rgba(0,0,0,.2);} .popOver .popT {margin:0; padding:15px 20px; background:#ff7000; border-top-right-radius: 4px; border-top-left-radius: 4px; text-align:left;} .popOver .popT h4 {padding:0; color:#fff; font-size:14px; font-weight:700;} .popOver .close {float:right; margin:15px 20px 0 10px;} .popOver .popC {padding:20px; text-align:left;} .popOver .popC p {color:#fff; font-size:13px; line-height:18px;} /* //팝업 */ /* 입고신청서 */ .inf table th {padding:15px 33px 15px 0; color:#666; font-size:14px; text-align:right; font-weight:700; vertical-align:middle; word-break:normal;} .inf table th.vtop {vertical-align:top;} .inf table td {padding:15px 20px 15px 0; vertical-align:middle;} .inf table td p {margin-top:10px; color:#9b9b9b; font-size:12px;} .inf table td p em {color:#ff7000;} .inf .order_info {margin-top:20px;} .inf .order_info table td .areaTxt {width:802px; height:125px; padding:17px; border:1px solid #ddd; overflow-x:hidden; overflow-y:scroll; color:inherit; line-height:20px;} .inf .order_info table td .areaTxt ol li {list-style:decimal outside; margin-left:20px;} .inf .order_info table td .quest {position:absolute; top:21px; left:742px;} .inf .order_info table td.slt {zoom:1;} .inf .order_info table td.slt:after {content:""; display:block; clear:both;} .inf .order_info table td.slt select {float:left; height:34px; margin-left:7px; color:#555;} .inf .order_info table td.slt select:first-child {margin-left:0;} .inf .order_info table td.slt {margin-top:7px;} .inf .order_info table td.slt:first-child {margin-top:13px;} .inf .board.frm01 {background:#f8f8f8; border:1px solid #e2e2e2;} .inf .board.frm01 table th {text-align:left; padding:20px 0 0 20px;} .inf .board.frm01 table td {padding:20px;} .inf .board.frm01 table td .prd {display:block; position:relative; background:#fff; margin-top:10px; padding:15px; min-height:24px;} .inf .board.frm01 table td .prd:first-child {margin-top:0; } .inf .board.frm01 table td .prd div {zoom:1;} .inf .board.frm01 table td .prd div:after {content:""; display:block; clear:both;} .inf .board.frm01 table td .prd div input {float:left;} .inf .board.frm01 table td .prd div em {float:left; margin-left:7px;} .inf .board.frm01 table td .prd .btn {position:absolute; top:15px; right:15px; margin:0;} .inf .board.frm01 table td .prd .btn a {float:left;} .inf .board.frm01 table td .prd .btn a.del04 {position:relative; top:1px; margin:0 3px 3px 0;} .inf .board.frm01 table td .prd.list {zoom:1;} .inf .board.frm01 table td .prd.list:after {content:""; display:block; clear:both;} .inf .board.frm01 table td .prd.list p {margin-top:0; color:inherit; font-size:inherit;} .inf .board.frm01 table td .prd.list p {float:left; padding-left:7px; word-break:normal;} .inf .board.frm01 table td .prd.list p span.opt {color:#353535;} .inf .board.frm01 table td .prd.list .pic {display:block; width:48px; height:48px; text-align:center; padding:0;} .inf .board.frm01 table td .prd.list .pic.ty1 {border:1px solid #e6e6e6; color:#fff; margin-left:0;} .inf .board.frm01 table td .prd.input {zoom:1;} .inf .board.frm01 table td .prd.input input, .inf .board.frm01 table td .prd.input select {margin:0 0 0 7px;} .inf .board.frm01 table td .prd.input {background:#fff url(/images/sub/bg_prdInput.gif) 0 0 repeat-x; border:1px solid #e2e2e2;} .inf .board.frm01 table td .prd.input input:first-child {margin-left:0;} .inf .board.frm01 table td .prd.input select {color:#353535;} .inf .board.frm01 table td .prd.input input[type=text] {color:#353535;} .inf .board.frm01 table td .prd.input input[type=text].costIn {margin-left:0;} .inf .board.frm01 table td .prd.input em {display:block; background:url(/images/sub/ico_cost.gif) 0 0 no-repeat; width:32px; height:34px;} .inf .board.frm01 table td .prd.input em i {display:block; padding:10px; text-align:center; font-style:normal;} .inf .board.frm01 table td .prd.input .btn_submit75 {position:absolute; top:15px; right:15px;} .inf .board.frm01 table td.po .del02 {float:right;} .inf .board.frm01 table td .input.ty2 .pic {float:left; width:48px; height:32px; text-align:center; padding:0;} .inf .board.frm01 table td .input.ty2 .pic.ty1 {background:#fff; border:1px solid #e6e6e6; color:#5d9ebf;} .inf .board.frm01 table td .input.ty2 .pic.ty2 {background:#7dc7f0; border:1px solid #5d9ebf; color:#fff;} .inf .board.frm01 table td .input.ty2 .pic em {z-index:1; background:none; width:100%; padding-top:10px; font-size:11px; text-align:center; margin:0;} .inf .board.frm01 table td .input.ty2 .pic img {position:relative; z-index:2;} .inf .board.frm01 table td .input.ty2 .pic.ty2:hover {display:block; background:#5d9ebf; cursor:pointer;} .inf .btn_add {margin-top:20px; zoom:1;} .inf .btn_add:after {content:""; display:block; clear:both;} .inf .btn_add .btn34O {float:left;} .inf .btn_add p {float:left; margin:10px 0 0 20px; color:#a1a1a1; font-size:13px;} .inf .btn_add p em {color:#ff7000;} .inf .amount {margin-top:30px; padding:0 0 25px 20px;} .inf .amount dl {zoom:1; float:left;} .inf .amount dl:after {content:""; display:block; clear:both;} .inf .amount dl dt {float:left; display:inline; margin:5px 0 0 20px; padding:5px 10px 0 0; font-size:14px; font-weight:700; background:url(/images/sub/arrow_rightO.gif) 100% 8px no-repeat;} .inf .amount dl p {float:left; margin-left:20px} .inf .amount dl span {padding-right:15px; color:#ff7000; font-size:28px; font-weight:700; line-height:1.2em;} .inf .amount dl dd {float:left;} .inf .amount dl dd * {float:left;} .inf .amount dl dd em {display:block; background:url(/images/sub/ico_cost.gif) 0 0 no-repeat; width:32px; height:34px; margin-left:6px;} .inf .amount dl dd em i {display:block; width:33px; padding-top:10px; text-align:center; font-style:normal;} .inf .amount dl dd em:first-child {margin-left:0;} .inf .btnC {background:url(/images/sub/bg_amount.gif) top repeat-x; padding-top:20px;} .inf .btnC input.comp {margin-left:3px;} .inf .trk dl {margin:40px 0 0 180px;} .inf .trk dl dd {margin:20px 0 10px;} .inf .trk dl dd label {font-size:14px; font-weight:700; padding:0 7px;} .inf .trk dl dt {padding:0 0 10px 25px; color:#9b9b9b; font-size:12px; line-height:20px;} .inf .trk dl dt em {color:#ff7000;} /* //입고신청서 */ /* 입고신청내역 수정 */ .inf.modify .board.frm01 table th {text-align:right; vertical-align:top; padding:30px 35px 0 0;} .inf.modify .board.frm01 table td {padding:20px 20px 20px 0;} .inf.modify .board.frm01 table td .prd div {margin:0 0 8px 0; zoom:1;} .inf.modify .board.frm01 table td .prd div em {float:left; margin-left:7px;} .inf.modify .board.frm01 table td .prd.list p, .inf.modify .board.frm01 table td .prd.list span {float:left; padding-left:8px; word-break:normal;} .inf.modify .board.frm01 table td .list.ty2 {padding:35px 15px;} .inf.modify .board.frm01 table td .list.ty2 div {margin:0 0 0 76px;} /* ie7 더블마진 버그 _display:inlie; 으로 해결안됨 */ .inf.modify .board.frm01 table td .list .pic {display:block; position:absolute; top:15px; left:15px; width:73px; height:73px; text-align:center;} .inf.modify .board.frm01 table td .list .pic.ty1 {border:1px solid #e6e6e6; color:#fff; margin-left:0; padding-left:0;} .inf.modify .board.frm01 table td .input.ty2 div {margin-left:82px;} /* ie7 더블마진 버그 _display:inlie; 으로 해결안됨 */ .inf.modify .board.frm01 table td .input.ty2 .pic {display:block; position:absolute; top:15px; left:15px; width:75px; height:75px; text-align:center;} .inf.modify .board.frm01 table td .input.ty2 .pic.ty1 {border:1px solid #e6e6e6; color:#fff;} .inf.modify .board.frm01 table td .input.ty2 .pic.ty1 img {position:relative; z-index:2;} .inf.modify .board.frm01 table td .input.ty2 .pic.ty1 em {position:absolute; top:50%; left:0; z-index:1; background:none; width:100%; height:auto; margin-top:-30px; color:#5d9ebf; font-size:12px; line-height:1.2em; text-align:center;} .inf.modify .board.frm01 table td .input.ty2 .pic.ty2 {background:#7dc7f0; border:1px solid #5d9ebf; color:#fff;} .inf.modify .board.frm01 table td .input.ty2 .pic.ty2 img {position:relative; z-index:2;} .inf.modify .board.frm01 table td .input.ty2 .pic.ty2 em {position:absolute; top:50%; left:0; z-index:1; background:none; width:100%; height:auto; margin-top:-30px; color:#fff; font-size:12px; line-height:1.2em; text-align:center;} .inf.modify .amount dl {zoom:1; margin-left:176px;} .frm01 .inO {border:1px solid #ff7000; color:#ff7000; -webkit-box-shadow:0px 0px 5px rgba(250,203,165,.9); -moz-box-shadow:0px 0px 5px rgba(250,203,165,.9); box-shadow:0px 0px 5px rgba(250,203,165,.9); } .frm01 .inO::-webkit-input-placeholder {color:#ff7000;} .inf .board.frm01.modi table td .prd.input input[type=text] {color:#353535;} .inf .board.frm01.modi table td .prd.input select {color:#353535;} .frm01 td.iso .sltArea {margin-top:15px;} .frm01 td.iso .sltArea select {margin-bottom:7px;} .pic.ty3 {position:relative; border:1px solid #c7c7c7;} .pic.ty3 a {position:absolute; top:-1px; left:-1px; background:#7dc7f0; padding:3px 5px; color:#fff; font-size:10px; z-index:5;} .inf .board.frm01.modi table td .prd.input {background-image:none; width:784px; border:0 none;} .inf .board.frm01.modi table td .prd.input input[type=text]::-webkit-input-placeholder {color:#353535;} .inf .board.frm01.modi table td .prd.input.w894 {background:#fff url(/images/sub/bg_prdInput.gif) 0 0 repeat-x; border:1px solid #e2e2e2;} .inf .board.frm01.modi table td .prd.input.w894 select {color:#353535;} .inf .board.frm01 table td .prd.input input[type=text] {color:#353535;} .inf .board.frm01 table td.borTG .input.ty3 {background-image:none; width:784px; border:0 none;} /* 분리된 트레킹 */ .trackingNum02 {background:#ffffcc; margin-top:20px; padding:13px 0 13px} .trackingNum02 th {padding-right:13px; text-align:right; word-break:normal; font-weight:700;} .trackingNum02 td {padding:7px 15px;} .trackingNum02 td.po .del02 {float:right; margin-right:20px;} .trackingNum02 td.iso .flArea {margin-bottom:15px;} .trackingNum02 .board02 {background:#fff url(/images/sub/bg_prdInput.gif) 0 0 repeat-x; width:1098px; margin-left:20px; border:1px solid #e2e2e2;} .trackingNum02 .board02 td.img {text-align:center;} .trackingNum02 .board02 td.img img {border:1px solid #e2e2e2;} .trackingNum02 .board02 td.sbj {padding-left:10px;} .trackingNum02 .board02 td.btn {padding-right:20px; text-align:right;} .trackingNum02 .num {padding:0 20px; zoom:1;} .trackingNum02 .num:after {content:""; display:block; clear:both;} .trackingNum02 .num span {float:left; padding:8px 13px 0 0; color:#353535; font-size:14px; font-weight:700;} .trackingNum02 .num em {color:#ff7000;} .trackingNum02 .num strong {display:inline-block; padding:8px 13px 0 0; color:#6ba5c2; font-size:12px;} .trackingNum02 .info {background:#fff url(/images/sub/bg_prdInput.gif) 0 0 repeat-x; margin:15px 20px 0; padding:25px 0; border:1px solid #e2e2e2; text-align:center; color:#353535;} .trkBtn {margin-top:-43px;} /* 입고신청완료 */ .inComp .orderInfo dl {margin:20px 0; zoom:1;} .inComp .orderInfo dl:after {content:""; display:block; clear:both;} .inComp .orderInfo dl dt {float:left; color:#6ba5c2; font-size:14px; font-weight:700; margin:2px 0;} .inComp .orderInfo dl dd {float:left; background:url(/images/sub/line_blueBox.gif) 0 0 no-repeat; padding:0 15px; margin:2px 0;} .inComp .orderInfo dl dd.first {background:none;} .inComp .orderInfo dl dd em {color:#353535; font-size:12px; font-weight:700;} .inComp .orderInfo dl dd p {display:inline-block; color:#353535; font-size:12px; padding-left:10px;} .inComp .orderInfo dl dd span {color:#353535; padding-left:10px;} .inComp .info {margin-top:46px;} .inComp .info p {color:#353535; font-size:16px; font-weight:700;} .inComp .info dl {margin-top:25px;} .inComp .info dl dt {margin-bottom:3px; color:#353535; font-size:13px; font-weight:700;} .inComp .info dl dd {background:url(/images/sub/blt_3x3B.gif) 0 8px no-repeat; padding-left:8px; color:#353535; font-size:12px; line-height:20px;} .inComp .info dl dd em {color:#6ba5c2;} /* 입고, 출고신청서 스텝 */ .step.on1 {background:url(/images/sub/bg_step.jpg) 0 0 no-repeat;} .step.on2 {background:url(/images/sub/bg_step.jpg) 0 -100px no-repeat;} .step.on3 {background:url(/images/sub/bg_step.jpg) 0 -200px no-repeat;} .step ul {zoom:1;} .step ul:after {content:""; display:block; clear:both;} .step ul li {float:left; min-height:80px; text-align:center;} .step ul li p {display:inline-block; padding:30px 50px 10px 0; color:#6ba5c2; font-weight:700; font-size:16px; line-height:1.2em;} .step ul li p em {font-size:24px;} .step ul li.step01 {width:390px;} .request .step ul li.step01 p {background:url(/images/sub/ico_request_step02.gif) 100% 24px no-repeat;} .request .step.on1 ul .step01 p {background:url(/images/sub/ico_request_step02_on.gif) 100% 24px no-repeat; color:#fff;} .inf .step ul li.step01 p {background:url(/images/sub/ico_inf_step02.png) 100% 24px no-repeat;} .inf .step.on1 ul .step01 p {background:url(/images/sub/ico_inf_step02_on.png) 100% 24px no-repeat; color:#fff;} .step ul li.step02 {width:379px;} .request .step ul li.step02 p {background:url(/images/sub/ico_request_step03.gif) 100% 24px no-repeat;} .request .step.on2 ul .step02 p {background:url(/images/sub/ico_request_step03_on.gif) 100% 24px no-repeat; color:#fff;} .inf .step ul li.step02 p {background:url(/images/sub/ico_inf_step03.png) 100% 24px no-repeat;} .inf .step.on2 ul .step02 p {background:url(/images/sub/ico_inf_step03_on.png) 100% 24px no-repeat; color:#fff;} .step ul li.step03 {width:371px;} .request .step ul li.step03 p {background:url(/images/sub/ico_request_step01.gif) 100% 24px no-repeat;} .request .step.on3 ul .step03 p {background:url(/images/sub/ico_request_step01_on.gif) 100% 24px no-repeat; color:#fff;} .inf .step ul li.step03 p {background:url(/images/sub/ico_inf_step01.png) 100% 24px no-repeat;} .inf .step.on3 ul .step03 p {background:url(/images/sub/ico_inf_step01_on.png) 100% 24px no-repeat; color:#fff;} /* 출고신청서 */ .board_rqt table th {padding-bottom:10px; border-bottom:1px solid #787878; color:#353535; font-size:12px; line-height:14px; font-weight:normal;} .board_rqt table td {padding:15px 0; border-bottom:1px solid #ddd; text-align:center; font-size:12px;} .board_rqt table tr.on td {background:#ffffcc;} .board_rqt table td.view {display:none; padding:0;} .prdBox {background:#f0f0f0; padding:20px; border-bottom:1px solid #e4e4e4;} .prdBox ul li {background:#fff; margin-top:10px; padding:11px 15px; zoom:1;} .prdBox ul li:after {content:""; display:block; clear:both;} .prdBox ul li:first-child {margin-top:0;} .prdBox ul li .img {float:left; border:1px solid #e2e2e2;} .prdBox ul li > p {float:left; width:290px; margin:2px 0 0 28px; line-height:18px; text-align:left;} .prdBox ul li .num {float:left; width:35px; margin-top:12px; text-align:center;} .prdBox ul li .pay {float:left; width:75px; margin:12px 13px 0 0; text-align:center;} .prdBox ul li .slt {float:left; width:480px; margin-top:3px;} .prdBox ul li .slt select {float:left;} .prdBox ul li .slt p {float:left; width:auto; margin:0 0 0 20px; color:#353535;} .prdBox ul li .slt p input {width:34px; padding-left:0; padding-right:0; text-align:center;} .prdBox ul li .btn {float:right; margin:6px 15px 0 0;} .request .btnC.ty2 {margin-bottom:60px;} .request .prdInfoLst td.view .tracking {background:#f0f0f0; padding:20px; border-top:2px solid #e4e4e4; position:relative;} .request .prdInfoLst td.view .tracking ul {background:none; padding:0; margin: 0;} .chkArea {margin-top:30px; border:4px solid #efefef; border-radius:3px;} .chkArea .tit {color:#6ba5c2; font-size:24px; font-weight:700; text-align:center; line-height:1.2em;} .chkArea .country {margin:20px 20px 0; font-size:14px; font-weight:700;} .chkArea .trackingNum {margin:20px 20px 0;} .chkArea .trackingNum table td.sbj, .chkArea .trackingNum table td.cate {text-align:left;} .chkArea table {margin-top:27px;} .chkArea table tr.on td {background:#ffffcc;} .chkArea table th {padding-bottom:10px; border-bottom:1px solid #787878; color:#353535; font-size:12px; line-height:14px; font-weight:normal;} .chkArea table td {padding:15px 10px; border-bottom:1px solid #ddd; text-align:center; font-size:12px;} .chkArea table td p {margin-top:5px;} .chkArea table td a.del04 span {padding:4px 7px 0 3px;} .chkArea table td.view {display:none; padding:0;} .chkArea .prdInfo {padding:25px 0 25px 20px; border-bottom:1px solid #e2e2e2;} .chkArea .prdInfo ul {zoom:1;} .chkArea .prdInfo ul:after {content:""; display:block; clear:both;} .chkArea .prdInfo ul li {float:left; background:url(/images/sub/line_blueBox.gif) 0 0 no-repeat; padding:0 15px; font-size:14px;} .chkArea .prdInfo ul li:first-child {background:none; padding-left:0;} .chkArea .detail_info {position:relative; background:#f8f8f8 url(/images/sub/bg_passFine.gif) 0 0 repeat-x; padding:30px 0;} .chkArea .detail_info dt {position:absolute; top:0; left:0; width:257px; margin-top:28px; padding:38px 0 37px; border-right:1px solid #ddd; text-align:center;} .chkArea .detail_info dt span {display:block; margin-bottom:8px; color:#353535; font-size:14px;} .chkArea .detail_info dt strong {display:block; color:#ff7000; font-size:24px; font-weight:700;} .chkArea .detail_info dd {margin-left:289px;} .chkArea .detail_info dd ul li {margin-top:9px; padding-left:9px; text-indent:-9px; color:#353535;} .chkArea .detail_info dd ul li:first-child {margin-top:0;} .chkArea .detail_info dd ul li a.del04 span {padding:4px 15px 0 18px;} .request .dropInfo dl {margin-top:40px; zoom:1;} .request .dropInfo dl:after {content:""; display:block; clear:both;} .request .dropInfo dl dt.first {padding-top:20px;} .request .dropInfo dl dd.first {width:auto;} .request .dropInfo dl dt {float:left; width:162px; padding-right:30px; color:#353535; font-size:14px; font-weight:700; text-align:right;} .request .dropInfo dl dd {float:left; width:180px; font-size:14px;} .request .dropInfo dl dd label {margin-left:7px;} .request .dropInfo dl dd span {font-size:12px;} .request .dropInfo dl em {color:#ff7000; font-weight:700;} .request .dropInfo dl .cm {position:relative; font-size:12px; width:710px; margin:10px 0 0 0; padding:10px 20px; border:0px solid #ddd; } .request .dropInfo dl .last {position:relative; font-size:12px; width:710px; margin:10px 0 0 0; padding:10px 20px; border:1px solid #ddd; background:#f8f8f8; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .request .dropInfo dl .last.ty1 {left:-180px;} .request .dropInfo dl .last.ty2 {left:-360px;} .request .dropInfo dl .last ul {zoom:1; display:block;} .request .dropInfo dl .last ul li {padding:7px 0;} .request .dropInfo dl .last ul li .test {padding-left:5px;padding-right:100px;} .request .dropInfo dl .last ul li .pt {padding-left:5px;padding-top:70px;} .request .dropInfo dl .last ul li .pt1 {padding-left:5px;padding-top:7px;} .request .dropInfo dl .last ul li .cd {padding-left:1px;padding-top:70px;} .request .dropInfo dl .last ul li .cd1 {padding-left:60px;padding-top:7px;} .request .dropInfo dl .last label {margin:0 10px 0 5px; font-weight:700;} /* //출고신청서 */ /* 미작성입고 */ .stock_info {margin-top:35px;} .stock_info p {margin-bottom:4px; color:#353535; font-weight:700;} .stock_info ul li {background:url(/images/sub/blt_3x3B.gif) 0 8px no-repeat; padding-left:10px; color:#353535; font-size:12px; line-height:20px;} .stock_info ul li em {color:#6ba5c2;} .stock_prd {margin:24px 0; border-top:1px solid #787878;} .stock_prd > ul > li {padding:15px 0; border-bottom:1px solid #ddd; zoom:1;} .stock_prd ul li:after {content:""; display:block; clear:both;} .stock_prd ul li .txt {float:left; position:relative; width:317px;} .stock_prd ul li .txt ul li {line-height:20px; zoom:1;} .stock_prd ul li .txt ul li:after {content:""; display:block; clear:both;} .stock_prd ul li .txt ul li span {float:left; width:102px; color:#353535; text-align:right;} .stock_prd ul li .txt ul li p {float:left; padding-left:8px; color:#353535; font-size:12px;} .stock_prd ul li .prd {float:left; position:relative; width:438px; height:75px; border-right:1px dotted #e2e2e2;} .stock_prd ul li .prd .img {position:absolute; top:0; left:0; width:73px; height:73px; border:1px solid #ddd;} .stock_prd ul li .prd .img img {position:absolute; top:0; left:0; z-index:5;} .stock_prd ul li .prd .img span {display:block; position:relative; z-index:1; padding-top:20px; text-align:center; color:#5d9ebf; font-size:12px;} .stock_prd ul li .prd .img span em {display:block;} .stock_prd ul li .prd p {width:202px; margin-left:85px; color:#353535; line-height:20px;} .stock_prd ul li .prd .qty {position:absolute; bottom:0; left:85px;} .stock_prd ul li .prd .btn {position:absolute; top:0; right:15px;} .stock_prd ul li .frm {float:left; position:relative; width:369px; padding-left:15px;} .stock_prd ul li .frm input[type=text] {width:234px;} .stock_prd ul li .frm p {width:261px; margin-top:10px; padding-top:10px; border-top:1px dotted #e2e2e2;} .stock_prd ul li .frm p label {display:inline-block; margin-left:4px; color:#353535;} .stock_prd ul li .frm .btn_submit75 {position:absolute; top:0; right:0;} .stock_tit {margin-top:30px; color:#353535; font-size:16px; font-weight:700;} /* //미작성입고 */ /* 배송비 결제 */ p.total_amount {color:#666; font-size:14px; font-weight:700;} p.total_amount em {display:inline-block; margin-left:16px; color:#ff7000; font-weight:700; font-size:28px; vertical-align:-3px;letter-spacing:-2px;} .moreOp {padding:30px 0; border-bottom:1px solid #e2e2e2;} .moreOp dl {zoom:1;} .moreOp dl:after {content:""; display:block; clear:both;} .moreOp dl dt {float:left; width:161px; padding-right:34px; color:#666; font-size:14px; line-height:18px; text-align:right; font-weight:700;} .moreOp dl dd {float:left;} .moreOp dl dd p {margin-top:13px; color:#353535;} .payment_info {margin-top:30px;} .payment_info p {margin-bottom:26px; color:#ff7000; font-size:16px; font-weight:700;} .payment_info li {background:url(/images/sub/blt_3x3B.gif) 0 10px no-repeat; padding-left:10px; color:#353535; font-size:13px; line-height:24px;} /* //배송비 결제 */ /* 결제완료 */ .thxMessage {margin:27px 0 0; color:#353535; text-align:center; line-height:22px;} .thxMessage span {display:block;} .thxMessage span em {color:#6ba5c2;} .thxMenu {margin-top:27px; text-align:center;} .thxMenu li {display:inline-block; background:url(/images/sub/line_blueBox.gif) 0 0 no-repeat; padding:0 15px;} .thxMenu li:first-child {background:none;} .thxMenu li a {display:block; color:#353535; font-size:12px;} .thxBtn {margin-top:26px; text-align:center;} .thxMoreInfo {background:url(/images/sub/bg_passFine.gif) 0 0 repeat-x; margin-top:30px; padding-top:30px; color:#a1a1a1; text-align:center; line-height:20px;} .thxMoreInfo span {display:block;} .thxMoreInfo a {color:#ff7000; text-decoration:underline;} /* //결제완료 */ /* 배송비 내역 */ .uInfo {zoom:1; margin-top:15px;} .uInfo:after {content:""; display:block; clear:both;} .uInfo > span {float:left; color:#353535; font-size:12px;} .uInfo > em {float:left; margin:0 20px 0 4px; color:#353535; font-weight:700; font-size:12px;} .uInfo > p {float:left; margin:0 20px 0 4px; font-size:12px;} .uInfo .del04 {float:left; position:relative; margin-top:-4px;} .pay_detail h3 {margin:41px 0 25px; color:#353535; font-size:24px; font-weight:normal;} .pay_detail .payTable {border-top:1px solid #6ba5c2; border-bottom:1px solid #e2e2e2;} .pay_detail .payTable th {background:#ecf6fb; padding:14px 0 14px; border-left:1px solid #e2e2e2; color:#353535; font-size:12px;} .pay_detail .payTable th:first-child {border-left:0 none;} .pay_detail .payTable td {padding:14px 0; border-left:1px solid #e2e2e2; text-align:center;} .pay_detail .payTable td:first-child {border-left:0 none;} .pay_detail .payTable td em.arrow {display:inline-block; background:url(/images/sub/arrow_rightO.gif) 0 4px no-repeat; margin-left:3px; padding-left:10px; color:#ff7000; font-weight:700;} .pay_detail th strong {font-size:14px; font-weight:700;} .pay_detail td.due {color:#ff7000;font-weight:700; font-size:28px;} .pay_detail td .comp {margin-right:14px;} .pay_detail .lineT {border-top:1px solid #787878;} .pay_detail .lineTO {border-top:1px solid #ff7000;} .pay_detail .lineBO {border-bottom:1px solid #ff7000; border-right:0 none;} .pay_detail .duty {margin:30px 0;} .pay_detail .duty h4 {color:#353535; font-size:16px; font-weight:700;} .pay_detail .duty dl {margin-top:20px; float:left; width:100%;} .pay_detail .duty dl:after {content:""; display:block; clear:both;} .pay_detail .duty dl dt {width:165px; min-height:25px; margin-right:30px; font-weight:700; float:left; text-align:right;} .pay_detail .duty dl dd {line-height:20px;} .pay_detail .duty dl dd span {color:#353535; font-size:12px;} .pay_detail .duty p, .payTable td p {color:#353535; font-size:12px; padding:10px 10px 0;line-height:20px; display:inline-block;} .pay_detail .duty p em, .payTable td p em {color:#ff7000;} /* 추가 결제 */ .pay_detail .pay.tableType01 {overflow:hidden;margin-bottom:40px;} .pay_detail .pay.tableType01 tbody tr th{background:#f8f8f8;} .pay_detail .pay.tableType01 tbody tr td{text-align:left;padding-left:20px;} .pay_detail .pay.tableType01 tbody tr td:first-child{background:none;} .pay_detail .pay.tableType01 tbody tr td.pay p{display:inline-block;color:#b3b3b3;padding-right:5px;font-size:13px;font-weight:bold;} .pay_detail .pay.tableType01 tbody .all_use{color:#777;border: 1px solid #dcdcdc;display: inline-block;height: 34px;line-height: 34px;vertical-align: middle;width:80px;text-align:center;margin-left:20px;font-weight:bold;background:linear-gradient(to top, #f3f3f3 , #fff);cursor:pointer;} .pay_detail .pay.tableType01 tbody tr td .tPoint {margin-left:10px;} .pay_detail .pay.tableType01 tbody tr td .radioBtn {margin-right:20px;} .pay_detail .pay.tableType01 tbody tr td .radioBtn input{vertical-align:sub;} .pay_detail .pay.tableType01 tbody tr:last-child td{background:#fefef6;} .pay_detail .pay.tableType01 tbody tr td p.payTotal {font-size:18px;font-weight:bold;display:inline-block;width:130px;} .pay_detail .pay.tableType01 tbody tr td p.payBtn{display:inline-block;margin-left:20px;height: 34px;line-height: 34px;width:80px;text-align:center;background:linear-gradient(to top, #fe7409 , #fea154);font-weight:bold;border:1px solid #ff8e2b;} .pay_detail .pay.tableType01 tbody tr td p.payBtn a{color:#fff;text-decoration:none;display:block;} /* .primeM {position:relative; background:url(/images/sub/bg_prime.jpg) 0 0 no-repeat; width:1140px; height:126px; margin-top:15px;} .primeM > p {padding:35px 0 0 48px; color:#353535; font-size:24px; line-height:1.2em;} .primeM > p em {color:#8500af; font-weight:700;} .primeM .dis {position:absolute; top:25px; left:548px; color:#353535; font-size:24px; text-align:center;} .primeM .dis p i {font-style:normal; text-decoration:line-through; line-height:1.2em;} .primeM .dis p span {color:#ff7000; font-size:28px; font-weight:700;} .primeM .dis p.info {margin-top:6px; font-size:12px;} .primeM .dis p.info em {color:#ff7000;} .primeM .joinM {position:absolute; top:20px; right:27px; width:216px; border:2px solid #8500af; font-size:18px; text-align:center; line-height:18px;} .primeM .joinM a {display:block; padding:10px 0; color:#8500af; font-weight:700;} .primeM .joinM em {display:block; font-size:14px;} */ .detail_pay {margin-top:10px; border-bottom:1px solid #ddd;} .detail_pay th {padding:14px 15px 14px 0; border-top:1px solid #ddd; color:#353535; text-align:right; font-weight:normal;} .detail_pay td {border:1px solid #ddd; border-width:1px 0 0 1px; text-align:center;padding:10px;} .detail_pay tr:first-child th, .detail_pay tr:first-child td {border-top:1px solid #787878;} .detail_pay tr.h57 td {height:57px; vertical-align:middle;} .detail_pay tr.h65 td {height:65px; vertical-align:middle; line-height:1.2em;} .detail_pay td.bgG {padding-right:13px; text-align:right;} .detail_pay td .arrowR {color:#6ba5c2; font-weight:700;} .detail_pay td.alR {padding-right:14px;} .detail_pay td p {padding-left:9px; font-size:12px;} .detail_pay td p i {color:#353535; font-size:11px;} .detail_pay td select {color:#353535; vertical-align:middle;} .detail_pay td.total {color:#6ba5c2; font-size:18px; font-weight:700;} .detail_pay td.sTotal {color:#353535; font-size:18px; font-weight:700;} .detail_pay td.due {padding-right:14px; text-align:right;} .detail_pay td.date {padding:12px 14px 12px 0; color:#353535; text-align:right;} .detail_pay td.date select {padding-left:8px;} .detail_pay td p.tit{font-weight:bold;} .detail_pay td ul.info{padding-left:10px;line-height:24px !important;} .detail_pay td ul.info li{position:relative;padding-left:10px;} .detail_pay td ul.info li em{position:absolute;left:0;top:0;} .detail_pay td p.o_btn{background:#ff7000;display:inline-block;padding: 5px 20px;border-radius: 5px;color: #fff;margin-top: 10px;font-weight:bold;} /* //배송비 내역 */ /* Address */ .address {padding-bottom:37px;} .address dl {margin-top:37px; zoom:1;} .address dl:after {content:""; display:block; clear:both;} .address dl dt {float:left; width:162px; padding-right:33px; color:#353535; font-size:14px; font-weight:700; text-align:right;} .address dl dt.first {padding-top:19px;} .address dl dd {float:left; width:945px;} .address dl dd ul {zoom:1;} .address dl dd ul:after {content:""; display:block; clear:both;} .address dl dd ul li {float:left; position:relative; background:#f8f8f8; width:260px; min-height:160px; margin:0 20px 20px 0; padding:15px; border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .address dl dd ul li.first, .address dl dd ul li:first-child {margin-left:0;} .address dl dd ul li strong {display:block; margin-bottom:18px; color:#353535; font-size:14px; font-weight:700;} .address dl dd ul li p {color:#353535; font-size:12px; line-height:18px;} .address dl dd ul li p span {display:block;} .address dl dd ul li p em {color:#353535;} .address dl dd ul li .btn30O {position:absolute; bottom:15px; left:15px;} .address .btn {margin:20px 0 0 195px; padding-top:20px; border-top:1px solid #e2e2e2;} .address02 {padding-top:26px;} .address02 dl {position:relative; zoom:1;} .address02 dl dt {position:absolute; top:0; left:0; width:160px; color:#353535; font-size:14px; font-weight:700; line-height:20px; text-align:right;} .address02 dl dt em {display:block;} .address02 dl dd {margin-left:194px; padding:7px 0; zoom:1;} .address02 dl dd:after {content:""; display:block; clear:both;} .address02 dl dd label {float:left; width:162px; padding:9px 34px 0 0; color:#666; font-size:14px; text-align:right} .address02 dl dd > div {float:left;} .address02 dl dd .btn34O {margin-left:196px;} /* Order History */ .his {margin-top:43px; border:1px solid #ddd; border-radius:5px; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .his .top {padding:15px 0; border-bottom:1px solid #ddd; zoom:1;} .his .top:after {content:""; display:block; clear:both;} .his .top h3 {float:left; padding:8px 0 0 15px; color:#353535; font-size:16px; font-weight:700;} .his .top .srhBox {float:right; padding-right:15px;} .his .top .srhBox * {float:left;} .his .top .srhBox label {margin-right:13px; padding-top:8px; color:#353535; font-size:14px; font-weight:700;} .his .top .srhBox input[type=text] {width:139px; margin-right:5px;} .his .top .btn {margin-left:10px;} .his .list {position:relative; padding:22px 20px 18px;} .his .list ul {zoom:1;} .his .list ul:after {content:""; display:block; clear:both;} .his .list ul li {float:left; width:250px; height:20px; margin:0 0 0 16px; padding:0 0 10px 15px; border-left:1px solid #ddd;} .his .list ul li.first {margin-left:0; padding-left:0; border-left:0 none;} .his .list ul li.last {width:545px; padding:10px 0 0;} .his .list ul li span {float:left; position:relative; padding-top:3px; color:#353535; font-size:12px;} .his .list ul li span a {color:#353535;} .his .list ul li .num {float:right; background:url(/images/bg/bg_num_l.png) 0 0 no-repeat; padding-left:8px;} .his .list ul li .num em {display:block; background:url(/images/bg/bg_num_r.png) 100% 0 no-repeat; padding-right:9px; color:#fff;} .his .list ul li .num2 {float:right; background:url(/images/bg/bg_num2_l.png) 0 0 no-repeat; padding-left:8px;} .his .list ul li .num2 em {display:block; background:url(/images/bg/bg_num2_r.png) 100% 0 no-repeat; padding-right:9px; color:#fff;} .his .list ul li .num3 {float:right; background:url(/images/bg/bg_num3_l.png) 0 0 no-repeat; padding-left:8px;} .his .list ul li .num3 em {display:block; background:url(/images/bg/bg_num3_r.png) 100% 0 no-repeat; padding-right:9px; color:#fff;} .his .list ul li .num4 {float:right; background:url(/images/bg/bg_num4_l.png) 0 0 no-repeat; padding-left:8px;} .his .list ul li .num4 em {display:block; background:url(/images/bg/bg_num4_r.png) 100% 0 no-repeat; padding-right:9px; color:#fff;} .his .list ul li .num5 {float:right; background:url(/images/bg/bg_num5_l.png) 0 0 no-repeat; padding-left:8px;} .his .list ul li .num5 em {display:block; background:url(/images/bg/bg_num5_r.png) 100% 0 no-repeat; padding-right:9px; color:#fff;} .his .list ul li .num6 {float:right; background:url(/images/bg/bg_num6_l.png) 0 0 no-repeat; padding-left:8px;} .his .list ul li .num6 em {display:block; background:url(/images/bg/bg_num6_r.png) 100% 0 no-repeat; padding-right:9px; color:#fff;} .his .list ul li .num, .his .list ul li .num2, .his .list ul li .num3, .his .list ul li .num4, .his .list ul li .num5, .his .list ul li .num6 {margin-left:5px;} .his .list ul li .num em a, .his .list ul li .num2 em a, .his .list ul li .num3 em a, .his .list ul li .num4 em a, .his .list ul li .num5 em a, .his .list ul li .num6 em a {display:block; height:18px; padding:3px 0 0 0; font-weight:700; color:#fff; font-size:12px;} /* 마이페이지 */ .my01 dl {margin-top:40px; zoom:1;} .my01 dl:after {content:""; display:block; clear:both;} .my01 dl dt {width:140px; padding:0 0 15px; border-bottom:2px solid #6ba5c2; color:#353535; font-size:16px; font-weight:700;} .my01 dl dd {float:left; width:100%; padding:40px 0 0 0; border-top:1px solid #ddd;} .my01 dl dd ul {zoom:1;} .my01 dl dd ul:after {content:""; display:block; clear:both;} .my01 dl dd ul li {float:left; width:280px; padding:0 0 0 60px; margin:0 0 0 40px;} .my01 dl dd ul li > p {margin-bottom:13px; padding-left:6px; color:#353535; font-size:14px; font-weight:700;} .my01 dl dd ul li .round {display:inline-block; background:url(/images/sub/bg_round_account_l.gif) 0 0 no-repeat; margin-bottom:15px; padding-left:19px;} .my01 dl dd ul li .round p {background:url(/images/sub/bg_round_account_r.gif) 100% 0 no-repeat; height:25px; padding:13px 20px 0 11px; color:#353535; text-align:center; font-size:16px; font-weight:700;} .my01 dl dd ul li .round p em {color:#ff7000; font-size:16px;} .my01 dl dd ul li .round p span {font-size:12px; font-weight:normal;} .my01 dl dd ul li a {display:block; margin-left:6px; color:#353535; line-height:24px;} .my01 dl dd ul li a:hover {color:#ff7000;} .my01 dl dd ul li a em {display:block; margin-top:-3px; color:#353535; font-size:11px; line-height:18px;} .my01 dl dd ul li.wa01 {background:url(/images/sub/ico_account_01.gif) 0 0 no-repeat;} .my01 dl dd ul li.wa02 {background:url(/images/sub/ico_account_02.gif) 0 0 no-repeat;} .my01 dl dd ul li.wa03 {background:url(/images/sub/ico_account_03.gif) 0 0 no-repeat;} .my01 dl dd ul li.set01 {background:url(/images/sub/ico_account_04.gif) 0 0 no-repeat;} .my01 dl dd ul li.set02 {background:url(/images/sub/ico_account_05.gif) 0 0 no-repeat;} .my01 dl dd ul li.set03 {background:url(/images/sub/ico_account_06.gif) 0 0 no-repeat;} .my01 dl dd ul li.per01 {background:url(/images/sub/ico_account_07.gif) 0 0 no-repeat;} .my01 dl dd ul li.per02 {background:url(/images/sub/ico_account_08.gif) 0 0 no-repeat;} .my01 dl dd ul li.per03 {background:url(/images/sub/ico_account_09.gif) 0 0 no-repeat;} /* 마이페이지 > 배송신청내역 및 마이페이지 메인 */ /*.topstatus {width:100%;padding:15px 0;text-align:center;margin-bottom:10px;background:#faf8e2;color:#303030;}*/ .topstatus {display:inline-block;} .topstatus a {text-decoration:none;color:#303030 !important;font-weight:700;font-size:13px;} .topstatus i {vertical-align:middle;} .tableType14 .titDep4 .profilestatus {display:inline-block;font-size:13px !important;padding-left:10px;} .mypagetit01 {display:inline-block;background:url(/images2017/sub/ico_basicall.png) -10px -75px no-repeat;line-height:26px;padding-left:35px;margin-left:-10px;} .mypagetit02 {display:inline-block;background:url(/images2017/sub/ico_basicall.png) -10px -37px no-repeat;line-height:26px;padding-left:35px;margin-left:-10px;} .mypagetit03 {display:inline-block;background:url(/images2017/sub/ico_basicall.png) -10px -115px no-repeat;line-height:26px;padding-left:35px;margin-left:-10px;} .mypagetit04 {display:inline-block;background:url(/images2017/sub/ico_basicall.png) -10px -152px no-repeat;line-height:26px;padding-left:35px;margin-left:-10px;} .mypageLink .titDep4 em {display:inline-block;} /* 마이페이지 > 사진 검수*/ .inspic_thumnail ul, .inspic_thumnail li {display:inline-block !important;} .inspic_thumnail li img {padding:0 2px;width:105px;height:79px;} .inspic_info dt, .inspic_info dd {display:inline-block;font-size:12px;} .inspic_info dl {width:100%;} .inspic_info dt {font-weight:bold;display:inline-block;padding:0 2px 0 5px;line-height:21px;} .inspic_info dd {display:inline-block;padding:0 10px 0 5px;color:#666;line-height:21px;} .inspic_info dt.producttit {width:45px;vertical-align:top;} .rbd0 img {width:105px;height:79px;} .ico_status {border:1px solid #e3873f;padding:2px 10px;color:#e3873f;} /* Pagination */ .paging {margin-top:35px; text-align:center;} .paging a {display:inline-block; width:31px; margin-left:1px; padding:8px 0 8px 0; border:1px solid #eee; color:#353535; text-align:center; line-height:16px; vertical-align:middle;} .paging a:first-child {margin-left:0;} .paging a:hover {border:1px solid #ccc;} .paging a.on {border:1px solid #ff7000;} .paging a.prev {background:#eee url(/images/sub/ico_paging_prev.gif) 50% 50% no-repeat; width:31px; height:32px; padding:0; border:1px solid #ccc;} .paging a.next {background:#eee url(/images/sub/ico_paging_next.gif) 50% 50% no-repeat; width:31px; height:32px; padding:0; border:1px solid #ccc;} .return .tab a p {width:535px; text-align:center;} .return .tab a p strong {font-weight:normal;} .return .tab a p strong:hover {font-weight:700; text-decoration:none;} .return .tab a.on {font-weight:normal;} .return .tab a.on p {width:536px;} .return .tab a.on p strong {font-weight:700;} .return .tab a.on p em {font-weight:700;} .return .dcd {margin:0 0 22px 0; text-align:center;} .return .dcd * {display:inline-block;} .return .dcd label {margin-right:10px; color:#666; font-weight:700; font-size:14px;} .return table tr.chk {background:#f2f2f2;} .return table th {padding-bottom:10px; border-bottom:1px solid #787878; color:#353535; font-size:12px; font-weight:normal;} .return table td {height:27px; padding:5px 0 5px; border-bottom:1px solid #ddd; text-align:center; font-size:12px;} .return table td p {margin-bottom:3px;} .return .btnC {margin-top:35px;} .return .btnC a span img {margin-right:10px;} .return .txtSin {display:block;padding-top:10px;line-height:14px;font-size:11px;} /* 타이들 아래 삽입글*/ .returnC .desc {text-align:center;} .returnC .desc {margin-top:55px; color:#353535; font-weight:700;} .returnC .desc strong {display:block; margin-bottom:25px; font-size:16px; font-weight:700;} .returnC .desc em {display:block; margin-top:10px; color:#353535; font-size:12px; font-weight:normal;} .returnC .img_sample {display:block; margin:40px auto 40px;} .returnC .allChk {margin-top:20px; text-align:center;} .returnC .allChk * {display:inline-block;} .returnC .allChk label {margin-left:4px; color:#353535; font-size:14px; font-weight:700;} .returnC .label {position:relative; background:#f8f8f8; margin-top:30px; padding:0 0 20px 20px; border:1px solid #e2e2e2; -webkit-box-shadow:0px 0px 5px rgba(0,0,0,.4); -moz-box-shadow:0px 0px 5px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .returnC .label p.tit {position:absolute; top:30px; right:978px; color:#353535; font-size:14px; font-weight:700;} .returnC .label .label_frm {margin-top:30px;} .returnC .label .label_frm > p {color:#353535; line-height:18px; font-size:12px;} .returnC .label .label_frm > p em {color:#ff7000;} .returnC .label .label_frm > p span {color:#6ba5c2;} .returnC .label .label_frm > ul {margin-top:13px;} .returnC .label .label_frm > ul > li {background:#fff; width:880px; margin-top:10px; padding:16px 0 16px 20px; border:1px solid #e2e2e2; -webkit-box-shadow:0px 0px 1px rgba(0,0,0,.05); -moz-box-shadow:0px 0px 1px rgba(0,0,0,.05); box-shadow:inset 0px 1px 1px rgba(0,0,0,.05);} .returnC .label .label_frm > ul > li:first-child {margin-top:0;} .returnC .label .label_frm > ul > li > input[type=radio] {display:inline-block; margin:1px 6px 0 0; vertical-align:top;} .returnC .label .label_frm > ul > li > label {display:inline-block; color:#353535; font-weight:700;} .returnC .label .label_frm > ul > li > label span {color:#6ba5c2; font-weight:normal; font-size:12px;} .returnC .label .label_frm > ul > li > label i {display:block; font-size:12px; font-weight:normal; line-height:20px;} .returnC .label .label_frm > ul > li .show_con {margin:12px 0 0 23px;} .returnC .label .label_frm .show_con.ty2 {margin-left:0;} .returnC .label .label_frm .show_con li {padding:7px 0; zoom:1;} .returnC .label .label_frm .show_con li:after {content:""; display:block; clear:both;} .returnC .label .label_frm .show_con li label { float:left; width:139px; padding:7px 34px 0 0; color:#666; text-align:right; font-size:14px;} .returnC .payOp {position:relative; margin-top:10px; padding-left:195px;} .returnC .payOp p.tit {position:absolute; top:35px; right:978px; color:#353535; font-size:14px; font-weight:700;} .returnC .payOp .op {padding-top:22px;} .returnC .payOp .op > div {float:left;} .returnC .payOp .op > div:first-child {margin-right:20px; border-right:1px solid #ddd; padding:5px 43px 53px 0;} .returnC .payOp .op .op_chk {padding-top:11px;} .returnC .payOp .op .op_chk > * {display:inline-block; zoom:1;} .returnC .payOp .op .op_chk input[type=checkbox] {margin-right:6px;} .returnC .payOp .op .op_chk label {color:#353535;} .returnC .payOp .op .op_chk select {display:block; margin-top:23px;} .returnC .return_op dl {position:relative; padding:15px 0;} .returnC .return_op dl dt {position:absolute; top:15px; left:0px; width:162px; padding-right:33px; color:#353535; font-size:14px; font-weight:700; line-height:18px; text-align:right;} .returnC .return_op dl dt.op1 {top:27px;} .returnC .return_op dl dd {margin-left:195px;} .returnC .return_op dl dd .down {margin-top:11px;} .returnC .return_op dl dd .down ul {zoom:1;} .returnC .return_op dl dd .down ul:after {content:""; display:block; clear:both;} .returnC .return_op dl dd .down ul li {float:left; margin-right:22px; padding:10px 22px 10px 0;} .returnC .return_op dl dd .down ul li:first-child {border-right:1px solid #e2e2e2;} .returnC .return_op dl dd .down ul li p {margin-bottom:10px; color:#6ba5c2; font-weight:700; text-align:center;} .returnC .return_op dl dd .op > div {float:left;} .returnC .return_op dl dd .op > div:first-child {margin-right:20px; border-right:1px solid #ddd; padding:5px 43px 53px 0;} .returnC .return_op dl dd .op .op_chk {padding-top:11px;} .returnC .return_op dl dd .op .op_chk > * {display:inline-block; zoom:1;} .returnC .return_op dl dd .op .op_chk input[type=checkbox] {margin-right:6px;} .returnC .return_op dl dd .op .op_chk label {color:#353535;} .returnC .return_op dl dd .op .op_chk select {display:block; margin-top:23px;} .returnC .return_op .show_con.ty2 {margin-left:0;} .returnC .return_op .show_con li {padding:7px 0; zoom:1;} .returnC .return_op .show_con li:after {content:""; display:block; clear:both;} .returnC .return_op .show_con li label { float:left; width:100px; padding:7px 14px 0 0; color:#666; text-align:right; font-size:14px;} .returnC .return_op > dl > dd > div.label{margin-top:0;padding-left:20px;box-shadow:none;} .returnC .return_op > dl > dd > div.label > div.label_frm {margin-top:20px;} .returnC .return_op > dl > dd > div.label > div.label_frm > ul > li{width:880px;box-shadow:none;} .returnC .btnC {background:url(/images/sub/bg_passFine.gif) 0 0 repeat-x; padding-top:40px; position:relative;} .returnC .btnC .btn34O {float:left;} /* //마이페이지 */ /* Prohibited Items */ .proh h3 {margin:43px 0 0 0; color:#353535; font-size:24px; font-weight:normal; line-height:30px;} .proh .box {background:url(/images/bg/bg_boxG_t.png) 0 0 no-repeat; padding-top:3px;} .proh .box .inner {background:url(/images/bg/bg_boxG_b.png) 0 100% no-repeat; padding:24px 0 35px 30px; zoom:1;} .proh .box .inner:after {content:""; display:block; clear:both;} .proh .box .inner dl {float:left; width:260px;} .proh .box .inner dl dt {margin-bottom:7px; color:#666; font-size:14px; font-weight:700;} .proh .box .inner dl dd select {width:230px;} .proh .box .inner dl dd.chk {padding-top:10px; zoom:1;} .proh .box .inner dl dd.chk:after {content:""; display:block; clear:both;} .proh .box .inner dl dd.chk * {float:left;} .proh .box .inner dl dd.chk input[type=radio] {margin-left:40px;} .proh .box .inner dl dd.chk input[type=radio]:first-child {margin-left:0;} .proh .box .inner dl dd.chk label {margin-left:5px; color:#353535; font-size:13px;} .proh p {margin:34px 0 22px 0; color:#353535; line-height:22px;} .proh ul li {color:#353535; line-height:22px;} /* //Prohibited Items */ /* Promotion */ .prom .st {color:#353535; font-size:14px; line-height:1.4em;letter-spacing:-1px} .prom h3 {color:#353535; font-size:24px; line-height:34px; font-weight:normal;letter-spacing:-3px} .prom h3 span {color:#fe750a;} .prom .yellowbox {display:block; position:absolute; top:147px; left:500px; background:#fff200; width:120px; padding:11px 0 12px; color:#353535; font-size:15px; text-align:center; font-weight:700;} .prom .yellowbox a {color:#353535;} .prom .differ {margin-top:30px;} .prom .stitle {margin-top:130px; left:10px;} .prom .stitle h3 {color:#353535; font-size:24px; line-height:34px; font-weight:normal;letter-spacing:-3px} .prom li.txt1 {position:absolute; top:1100; left:20; margin-top:20px; color:#353535; font-size:14px; line-height:1.2em;letter-spacing:-1px} .prom li.txt2 {position:absolute; top:400; left:20; margin-top:20px;margin-left:500px; color:#353535; font-size:14px; line-height:1.2em;letter-spacing:-1px} .prom li .allthree {position:absolute; top:400; left:300; margin-top:20px; margin-left:280px; background:url(../images/sub/bg_paren_n.gif) 0 0 no-repeat; padding:7px 0 0 0; color:#545454; width:211px; height:87px;font-weight:700; font-size:16px;color:#545454; line-height:22px; text-align:center;} .prom .cnt {margin-top:30px; } .prom .cnt:after {content:""; display:block; clear:both;} .prom .cnt li.num1 {float:left; position:relative; width:900px; min-height:129px; padding-left:89px;} .prom .cnt li.num1 span {display:block; position:absolute; top:0; left:0; background:url(../images/sub/bg_myzip_step.gif) 0 0 no-repeat; width:70px; height:70px; color:#353535; font-size:40px; text-align:center; line-height:70px;} .prom .cnt li.num1 .txt {width:810px; line-height:22px;} .prom .cnt li.num1 .txt strong {color:#fe750a; font-weight:700;font-size:16px;} .prom .cnt li.num1 .txt p {color:#353535;letter-spacing:-1px} .prom .cnt li.num1 .txt p img {margin-top:5px} .prom .cnt li.num2 {float:left; position:relative; width:900px; min-height:129px; padding-left:89px;margin-top:50px} .prom .cnt li.num2 span {display:block; position:absolute; top:0; left:0; background:url(../images/sub/bg_myzip_step.gif) 0 0 no-repeat; width:70px; height:70px; color:#353535; font-size:40px; text-align:center; line-height:70px;} .prom .cnt li.num2 .txt {width:810px; line-height:22px;} .prom .cnt li.num2 .txt strong {color:#fe750a; font-weight:700;font-size:16px;} .prom .cnt li.num2 .txt p {color:#353535;letter-spacing:-1px} .prom .cnt li.num2 .txt p img {margin-top:10px} .prom .cnt li.num3 {float:left; position:relative; width:900px; min-height:129px; padding-left:89px;margin-top:40px} .prom .cnt li.num3 span {display:block; position:absolute; top:0; left:0; background:url(../images/sub/bg_myzip_step.gif) 0 0 no-repeat; width:70px; height:70px; color:#353535; font-size:40px; text-align:center; line-height:70px;} .prom .cnt li.num3 .txt {width:810px; line-height:22px;} .prom .cnt li.num3 .txt strong {color:#fe750a; font-weight:700;font-size:16px;} .prom .cnt li.num3 .txt p {color:#353535;letter-spacing:-1px} .prom .cnt li.num3 .txt p img {margin-top:5px} .prom .cnt li.num4 {float:left; position:relative; width:900px; min-height:129px; padding-left:89px;margin-top:30px} .prom .cnt li.num4 span {display:block; position:absolute; top:0; left:0; background:url(../images/sub/bg_myzip_step.gif) 0 0 no-repeat; width:70px; height:70px; color:#353535; font-size:40px; text-align:center; line-height:70px;} .prom .cnt li.num4 .txt {width:810px; line-height:22px;} .prom .cnt li.num4 .txt strong {color:#fe750a; font-weight:700;font-size:16px;} .prom .cnt li.num4 .txt p {color:#353535;letter-spacing:-1px} .prom .cnt li.num4 .txt p img {margin-top:5px} .prom .cnt li.num4 .txt h4{padding-top:20px;font-size:11px;color:#353535; } .prom .cnt li.num4 .txt h4 em {font-size:20px;font-weight:700;color:#5196a5;} .prom .cnt li.num4 .txt2 {margin-top:40px;margin-left:-20px;} .prom .cnt li.num4 .txt2 em {font-size:20px;font-weight:700;} .prom .cnt li.num5 {float:left; position:relative; width:900px; min-height:129px; padding-left:89px;margin-top:40px} .prom .cnt li.num5 span {display:block; position:absolute; top:0; left:0; background:url(../images/sub/bg_myzip_step.gif) 0 0 no-repeat; width:70px; height:70px; color:#353535; font-size:40px; text-align:center; line-height:70px;} .prom .cnt li.num5 .txt {width:810px; line-height:22px;} .prom .cnt li.num5 .txt strong {color:#fe750a; font-weight:700;font-size:16px;} .prom .cnt li.num5 .txt p {color:#353535;letter-spacing:-1px} .prom .cnt li.num5 .txt p img {margin-top:5px} .prom .cnt li.num5 .txt h4{padding-top:20px;font-size:11px;color:#353535; } .prom .cnt li.num5 .txt h4 em {font-size:20px;font-weight:700;color:#5196a5;} .prom .cnt li.num6 {float:left; position:relative; width:900px; min-height:129px; padding-left:89px;margin-top:50px} .prom .cnt li.num6 span {display:block; position:absolute; top:0; left:0; background:url(../images/sub/bg_myzip_step.gif) 0 0 no-repeat; width:70px; height:70px; color:#353535; font-size:40px; text-align:center; line-height:70px;} .prom .cnt li.num6 .txt {width:810px; line-height:22px;} .prom .cnt li.num6 .txt strong {color:#fe750a; font-weight:700;font-size:16px;} .prom .cnt li.num6 .txt p {color:#353535;letter-spacing:-1px} .prom .cnt li.num6 .txt p img {margin-top:5px} .prom .dash {margin-top:10px; width:800px; height:30px; border-bottom:2px dashed #ece3d1; zoom:1;} .prom .jp {font-size:24px;font-weight:600;color:#353535;margin-top:45px;letter-spacing:-2px;} .prom .jp em{color:#748444;} .prom .jp_txt {font-size:12px;color:#353535;margin-top:25px;letter-spacing:-1px;line-height:1.8em;} .prom .jp_add {width:750px; font-size:12px;color:#353535;margin-top:25px;letter-spacing:-1px;line-height:1.8em; padding:25px;background-color:#f3f3f3} .prom .jp_btn {margin-top:5px;} /* MakeInvoice */ .makeinvoice {min-height:800px} .makeinvoice .st {color:#353535; font-size:14px; line-height:1.4em;letter-spacing:-1px} .makeinvoice .txt {position:absolute; top:1100; left:20; margin-top:20px; color:#353535; font-size:13px; line-height:1.2em;letter-spacing:-1px} .makeinvoice ul {zoom:1; /*margin-top:28px*/} .makeinvoice ul:after {content:""; display:block; clear:both;} .makeinvoice ul li {float:left; background:url(../images/sub/blt_3x3B.gif) 0 8px no-repeat; width:900px; padding-left:8px; line-height:22px; font-size:12px;} .makeinvoice ul li.ma {margin-left:14px;} .makeinvoice .write {display:block;position:relative; top:0; left:0; margin-top:56px; background:url(../images/omz_shipping_invoice_new.png) 0 0 no-repeat;width:870px; height:404px;} .makeinvoice .write .sender {padding-top:23px; padding-left:70px} .makeinvoice .write .tel {padding-top:27px; padding-left:50px} .w150 {width:150px;} .w170 {width:170px;} .makeinvoice .btnarea {position:relative; margin-top:300px; margin-left:260px; width:344px;min-height:1000px } .makeinvoice .btnarea span.make {display:block; position:absolute; top:10px; left:0px; background:url(../images/btn_orange_bg.png) 0 0 no-repeat;width:169px; height:36px;font-weight:700;font-size:14px;letter-spacing:-1px;color:#FFF;text-align:center;padding-top:10px} .makeinvoice .btnarea span.init {display:block; position:absolute; top:10px; left:175px; background:url(../images/btn_gray_bg.png) 0 0 no-repeat;width:169px; height:36px;font-weight:700;font-size:14px;letter-spacing:-1px;color:#FFF;text-align:center;padding-top:10px} /* why ohmyzip */ .myzip h3 {color:#353535; font-size:24px; line-height:30px; font-weight:normal;letter-spacing:-3px} .myzip h3 span {color:#fe750a;} .myzip .service {margin-top:50px; border-bottom:2px dashed #ece3d1; zoom:1;} .myzip .service:after {content:""; display:block; clear:both;} .myzip .service li {float:left; position:relative; width:369px; min-height:129px; padding-left:89px;} .myzip .service li span {display:block; position:absolute; top:0; left:0; background:url(/images/sub/bg_myzip_step.gif) 0 0 no-repeat; width:70px; height:70px; color:#353535; font-size:40px; text-align:center; line-height:70px;} .myzip .service li .txt {width:310px; line-height:22px;} .myzip .service li .txt strong {color:#353535; font-weight:700;} .myzip .service li .txt p {color:#353535;} .myzip .service li.num5, .myzip .service li.num6 {min-height:170px;} .myzip .service li.num7 {width:100%; min-height:120px;} .myzip .service li.num7 .txt {width:710px;} .myzip .sameDay {background:url(/images/sub/bg_paren.gif) 0 0 no-repeat; margin-top:30px; padding:13px 0 8px 0; text-align:center; color:#353535; line-height:22px;} .myzip .sameDay strong {display:block; color:#353535; font-size:18px;} .myzip .sameDay em {display:block;} .myzip .ex {position:relative; margin-top:43px; padding-left:107px;} .myzip .ex em {display:block; position:absolute; top:0; left:0; background:#fff200; width:90px; padding:11px 0 12px; color:#353535; font-size:14px; text-align:center; font-weight:700;} .myzip .ex .txt {line-height:1.2em;} .myzip .ex .txt strong {display:block; margin-bottom:6px; color:#353535;} .myzip .ex .txt p {color:#353535; } .myzip table {margin-top:30px; border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .myzip table th {background:#f8f8f8; padding:20px 0; color:#666; font-weight:700; font-size:14px;} .myzip table td {padding:11px 0; text-align:center; line-height:1.2em;} .myzip table tr:first-child td {border-bottom:1px solid #f8f8f8;} .myzip table td em {display:block;} .myzip table td.myzipC {position:relative; background:url(/images/sub/bg_myzip_tue.gif) 0 5px no-repeat;} .myzip table td.myzipC > div {width:70px; padding-top:15px; text-align:center;} .myzip table td.myzipC > div span {color:#353535; font-weight:700;} .myzip table td.myzipC > div em {color:#666; font-size:11px; font-weight:700;} .myzip table td.myzipC .thu {position:absolute; top:10px; left:180px;} .myzip table td.myzipC .sat {position:absolute; top:10px; left:274px;} .myzip table td.myzipC .sun {position:absolute; top:10px; left:367px;} .myzip table td.mC {position:relative; background:url(/images/sub/bg_myzip_tue02.gif) 0 5px no-repeat;} .myzip table td.mC > div {width:70px; padding-top:15px; text-align:center;} .myzip table td.mC > div span {color:#353535; font-weight:700;} .myzip table td.mC > div em {color:#666; font-size:11px; font-weight:700;} .myzip table td.mC .thu {position:absolute; top:10px; left:180px;} .myzip table td.mC .sat {position:absolute; top:10px; left:274px;} .myzip table td.mC .sun {position:absolute; top:10px; left:367px;} .myzip .trk_info {padding:20px 0 45px; border-bottom:2px dashed #ece3d1; line-height:22px;} .myzip .trk_info strong {display:block; color:#353535;} .myzip .advantage {margin-top:45px;} .myzip .advantage h3 {color:#353535; font-size:24px; font-weight:700; line-height:1.2em;} .myzip .advantage ul {margin-top:35px; zoom:1;} .myzip .advantage ul:after {content:""; display:block; clear:both;} .myzip .advantage ul li {float:left; width:378px; padding-right:80px; line-height:22px;} .myzip .advantage ul li strong {display:block; color:#353535; font-weight:700;} .myzip .advantage ul li p {color:#353535;} .myzip .advantage ul li.ad01, .myzip .advantage ul li.ad02 {height:160px;} .myzip .advantage ul li.ad03, .myzip .advantage ul li.ad04 {height:205px;} .myzip .advantage ul li.ad05, .myzip .advantage ul li.ad06 {height:182px;} /* //why ohmyzip */ /* Member Rankings_Benefits */ .benef h3 {margin:32px 0 20px; color:#353535; font-size:24px; line-height:1.2em;} .benef h3.rankingH3 {margin:32px 0 20px; color:#353535; font-size:18px; line-height:1.2em; font-weight:700;} .benef .info {color:#353535; line-height:22px;} .benef .info strong {display:block; margin-bottom:5px; color:#353535; font-size:14px;} .benef .info ul {margin-bottom:10px;} .benef .info ul li em {display:inline-block; margin-right:4px;} .benef .info p {margin-left:15px;} .benef .info p em {color:#ff7000;} .benef .discount table {border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .benef .discount table.discntTable { border:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} .benef .discount table th {background:#f8f8f8; padding:20px 0 19px; color:#666; font-weight:700; font-size:14px;} .benef .discount table td {padding:11px 0; border-bottom:1px solid #f8f8f8; text-align:center; line-height:1.2em;} .benef .discount table td i {position:relative; top:-10px; color:#ff7000; font-size:22px;} .benef .discount table td span {color:#353535; font-size:40px;} .benef .discount table td span.discntSpan {color:#353535; font-size:20px; font-weight:700;} .benef .discount table td em {color:#353535; font-size:22px;} .benef .discount table td em.discntEm {color:#353535; font-size:18px;} .benef .discount table td.rank {text-align:left;} .benef .discount table td.rank * {display:inline-block;} /*.benef .discount table td.rank em {display:inline-block; background:#ece3d1; width:31px; height:24px;}*/ .benef .discount table td.rank em {display:inline-block; background:#c264a7; width:31px; height:24px; border:#aa5793;} .benef .discount table td.rank em.rank02 {width:91px;} .benef .discount table td.rank em.rank03 {width:181px;} .benef .discount table td.rank em.rank04 {width:301px;} .benef .discount table td.rank em.rank05 {width:361px;} .benef .discount table td.rank em.rank06 {width:58px;} .benef .discount table td.rank em.rank07 {width:161px;} .benef .discount table td.rank em.rank08 {width:186px;} .benef .discount table td.rank span {position:relative; top:-8px; margin-left:20px; font-size:13px;} .benef .discount .desc {display:block; margin-top:15px; color:#353535; text-align:right;} .benef .discount .desc em {color:#ff7000; /*font-size:22px;*/} .benef .discount .info li {color:#353535; line-height:22px;} .benef .discount .info li em {color:#ff7000;} .benef .event p {margin-bottom:10px;} /* //Member Rankings_Benefits */ /* Prime Membership */ .primeMem h3 {color:#353535; font-size:24px; font-weight:normal;} .primeMem .desc {display:block; margin:40px 0 0; color:#ff7000; font-weight:700; font-size:16px; line-height:22px;} .primeMem .desc span {display:block;} .primeMem p.tit {color:#353535; font-size:14px; font-weight:700;} .primeMem .pM01 ul {color:#353535; line-height:22px;} .primeMem .pM01 ul li em {display:block; padding-left:8px;} .primeMem .pM01 .package {background:url(/images/sub/bg_paren.gif) 0 0 no-repeat; margin-top:30px; padding:6px 0 14px 57px; text-align:left; color:#353535; line-height:22px;} .primeMem .pM01 .package strong {color:#353535; font-size:14px;} .primeMem .pM01 .package p {color:#353535;} .primeMem .pM01 .package p span {display:block;} .primeMem .pM02 {margin-top:50px;} .primeMem .pM02 ul.bbox {margin:15px 0 0 13px; zoom:1;} .primeMem .pM02 ul.bbox:after {content:""; display:block; clear:both;} .primeMem .pM02 ul.bbox li {float:left; background:#f3f3f3; width:286px; min-height:90px; margin-right:15px; padding:30px 0 0 0; color:#454545; text-align:center;} .primeMem .pM02 ul.bbox li:last-child {margin-right:0;} .primeMem .pM02 ul.bbox li em {display:block; margin-bottom:12px; font-size:14px; font-weight:700;} .primeMem .pM02 ul.bbox li p {width:260px; margin:0 auto; line-height:18px;} .primeMem .pM02 .other-ben { margin-left:15px; } .primeMem .pM02 .other-ben p { line-height:150%; } .primeMem .pM02 .other-ben .it { margin-left:10px; } .primeMem .pM02 .other-ben .it p.tit { font-weight:normal; } .primeMem .pM02 .other-ben .it ul li { line-height:150%; } .primeMem .pM03 {margin-top:50px;} .primeMem .pM03 .ex {position:relative; margin-top:43px; padding-left:107px;} .primeMem .pM03 .ex em {display:block; position:absolute; top:0; left:0; background:#fff200; width:90px; padding:11px 0 12px; color:#353535; font-size:14px; text-align:center; font-weight:700;} .primeMem .pM03 .ex .txt {line-height:1.2em;} .primeMem .pM03 .ex .txt strong {display:block; margin-bottom:6px; color:#353535;} .primeMem .pM03 .ex .txt p {color:#353535; } .primeMem .pM03 table {margin-top:30px; border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .primeMem .pM03 table th {background:#f8f8f8; padding:20px 0; color:#666; font-weight:700; font-size:14px;} .primeMem .pM03 table td {height:60px; border-top:1px solid #f8f8f8; text-align:center; line-height:1.2em; vertical-align:middle;} .primeMem .pM03 table tr:first-child td {border-top:0 none;} .primeMem .pM03 table tbody th {background:#fff; padding:0 0 0 25px; text-align:left; font-weight:normal; font-size:14px; line-height:18px;} .primeMem .pM03 table tbody th span {display:block;} .primeMem .pM03 table tbody th span em {display:inline; color:#353535; font-size:12px;} .primeMem .pM04 {margin-top:50px;} .primeMem .pM04 ul {margin-top:8px;} .primeMem .pM04 ul li {color:#353535; line-height:22px;} .primeMem .pM04 ul li em {display:block; padding-left:8px;} .primeMem_info {position: absolute; z-index:100; width:600px;background-color:#fff;border:3px solid #ff8000;padding:20px 20px 30px;margin-left:70px; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .primeMem_info h3 {font-size:18px;padding-bottom:10px; font-weight:700;border-bottom:1px solid #eee;margin-bottom:10px} .primeMem_info li {line-height:140%;padding:3px 0;} .primeMem_info p {padding:10px 0;font-weight:700;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:10px 0 20px;} .primeMem_info .btn {text-align:center;} .primeMem_info .btn .Con {background-color:#ff8000;padding:7px 50px;color:#fff; font-weight:700;} .primeMem_info .btn .Coff {background-color:#aaa;padding:7px 50px;color:#fff; font-weight:700;} /* //Prime Membership */ /* Duties_Taxes_Guide */ .guide .tab02 a {width:360px;} .guide .tab02 a.on {width:358px;} .guide .tit {margin-top:30px; color:#454545; font-size:14px; font-weight:700;} .guide .txt {color:#353535; line-height:22px;} .guide .ybox {background:#ffffff; width:890px; margin-top:15px; padding:16px 0 20px 25px; color:#454545; border:1px solid #d3d3d3;} /*fff1a4 ybox*/ .guide .board {margin-top:15px; zoom:1;} .guide .board:after {content:""; display:block; clear:both;} .guide .board table {float:right; width:454px; border:1x solid #eae7e1;} .guide .board table:first-child {float:left;} .guide .board table thead th {background:#e8f7f2; padding:15px 0; color:#666; font-size:13px; border:1px solid #d3d3d3;} /*f8f8f8*/ .guide .board table thead th.bg {background:#e8f7f2; border:1px solid #d3d3d3;} .guide .board table tbody th {background:#fff1a4; padding:17px 0; border-bottom:1px solid #f8f8f8; border:1px solid #d3d3d3;} /*f2ece0*/ .guide .board table tbody td {border-bottom:1px solid #f8f8f8; text-align:center; border:1px solid #d3d3d3; } .guide ul li {color:#353535; line-height:22px;} .guide ul li em {display:block; padding-left:8px;} .guide .goods {background:#f8f8f8; margin-top:20px; padding:35px 25px; border:1px solid #e2e2e2; line-height:34px;} .guide .goods p a {display:inline-block; background:url(/images/sub/line_goodsLst.gif) 0 11px no-repeat; margin-left:16px; padding-left:19px; color:#353535; font-size:13px;} .guide .goods p a:first-child {background:none; margin-left:0; padding-left:0;} .guide .goods p a.on {color:#ff7000; text-decoration:underline;} .guide .cfa {margin-top:10px;} .guide .cfa th {background:#f8f8f8; padding:15px 0 17px; color:#353535;} .guide .cfa td {border-bottom:1px solid #f2f1f1; padding:12px 0 15px; color:#353535; text-align:center;} /*f2f1f1*/ .guide .cfa .forline {border-bottom:1px solid #d3d3d3; padding:12px 0 15px; color:#353535; text-align:center;} /*f2f1f1*/ .guide .cfa .green {border-bottom:1px solid #d3d3d3; padding:12px 0 15px; color:#353535; text-align:center; background: #e8f7f2;} .guide .gra {margin-top:10px;} .guide .txt02 {color:#353535; line-height:22px;} .guide .txt02 em {display:block;} .guide .ybox.ty2 {line-height:24px;} .guide .sct {position:relative; padding:30px 0; border-bottom:1px solid #f2f1f1;} .guide .sct .tit02 {color:#353535; font-size:16px; font-weight:700;} .guide .sct ul {position:relative; left:-9px; width:917px; margin-top:7px; zoom:1;} .guide .sct ul:after {content:""; display:block; clear:both;} .guide .sct ul li {float:left; position:relative; width:80px; min-height:124px; margin-left:9px;} .guide .sct ul li img {display:block; margin-bottom:4px; border:1px solid #e8e8e8;} .guide .sct ul li p {color:#353535; font-size:12px; font-weight:700; text-align:center; line-height:1.2em;} .guide .sct ul li p.ty1 {position:absolute; top:84px; left:-3px; width:85px;} .guide .sct ul li p.ty2 {position:absolute; top:84px; left:-17px; width:113px;} .guide .sct .info {position:absolute; bottom:71px; left:274px; color:#353535; font-size:13px; line-height:1.2em;} .guide .sct .info span {display:block; padding-left:8px;} .guide .sct .info.ty2 {left:453px;} .guide .sct .info.ty3 {left:550px;} .guide ul.ty2 strong {color:#454545;} .guide ul.ty2 p {padding-left:40px;} .guide ul.ty2 b {color:#454545; font-weight:normal;} /* //Duties_Taxes_Guide */ /* 배송요금 계산기 */ .cllt h3 {color:#353535; font-size:20px; line-height:30px; font-weight:normal; font-weight:700;} .cllt h3 em {display:block;} .cllt h3 span {display:inline-block; margin-left:5px; color:#353535; font-size:12px;} .cllt .details {background:#f8f8f8; /*margin-top:40px;*/ padding:20px 29px 0; border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .cllt .details .tit {color:#353535; font-size:14px; font-weight:700;} .cllt .details .tit02 {margin-bottom:7px; color:#666; font-size:14px;} .cllt .details .tit03 {color:#353535; font-size:14px;} .cllt .details ul {width:100%; margin-top:20px; zoom:1;} .cllt .details ul:after {content:""; display:block; clear:both;} .cllt .details ul li {float:left; min-height:76px; border:1px solid #ddd; border-width:0 0 1px 1px; color:#353535;} .cllt .details ul li.first {width:273px; border-left:0 none;} .cllt .details ul li div.sct {float:left;} .cllt .details ul li .dropSlt {padding-top:10px; zoom:1;} .cllt .details ul li .dropSlt:after {content:""; display:block; clear:both;} .cllt .details ul li .dropSlt * {float:left;} .cllt .details ul li .dropSlt input[type=radio] {position:relative; top:2px; margin-right:10px;} .cllt .details ul li .sct {padding:0 0 0 32px;} .cllt .details ul li .sct.first {background:url(/images/sub/arrow_details.gif) 100% 30px no-repeat; padding-right:52px;} .cllt .details ul li .sct.ty2 {background:url(/images/sub/arrow_details.gif) 100% 30px no-repeat; padding-right:52px;} .cllt .details ul li span {display:block;} .cllt .details ul li .size {margin-top:10px; text-align:right;} .cllt .details ul li .size * {display:inline-block; vertical-align:top;} .cllt .details ul li .size label {padding:8px 15px 0 0;} .cllt .details ul li .size .unit {background:#eee; margin-left:-4px; border:1px solid #ccc; border-width:1px 1px 1px 0;} .cllt .details ul li .size .unit i {display:block; width:35px; padding:8px 0 9px; color:#353535; text-align:center;} .cllt .details ul li .star {margin-top:20px; text-align:right;} .cllt .details ul li .size02 {margin-top:10px; text-align:left;} .cllt .details ul li .size02 * {display:inline-block; vertical-align:top;} .cllt .details ul li .size02 label {padding:8px 15px 0 0;} .cllt .details ul li .size02 .unit {background:#eee; margin-right:-3px; border:1px solid #ccc; border-width:1px 0 1px 1px;height:30px;} .cllt .details ul li .size02 .unit i {display:block; width:35px; padding:8px 0 9px; color:#353535; text-align:center;} .cllt .details ul li .size03 {margin-top:10px; text-align:left;} .cllt .details ul li .size03 * {display:inline-block; vertical-align:top;} .cllt .details ul li .size03 label {padding:8px 15px 0 0;} .cllt .details ul li .size03 .unit {background:#eee; margin-left:-3px; border:1px solid #ccc; border-width:1px 1px 1px 0;height:30px;} .cllt .details ul li .size03 .unit i {display:block; width:35px; padding:8px 0 9px; color:#353535; text-align:center;} .cllt .details ul.first li select {color:#353535;} .cllt .details ul.ty2 li {height:100px;} .cllt .details ul.ty3 {position:relative; left:-30px; width:916px; border-bottom:1px solid #ddd;} .cllt .details ul.ty3 li {height:150px; padding-left:32px; border-bottom:0 none;} .cllt .details ul.ty3 li:first-child {padding-left:30px;} .cllt .details ul.ty3 li.lst02 {width:250px;} .cllt .details ul.ty3 li.lst03 {width:241px;} .cllt .details ul.ty3 li .star02 {margin-top:8px; color:#353535; font-size:12px; line-height:18px;} .cllt .details ul.ty3 li .star02 span {display:block; padding-left:8px;} .cllt .details ul.ty4 {position:relative; left:-30px; margin-top:0; padding-top:60px; border-top:1px solid #fff;} .cllt .details ul.ty4 li {position:relative; border-bottom:0 none; height:113px; padding-left:32px;} .cllt .details ul.ty4 li.first {padding-left:30px;} .cllt .details ul.ty4 li .tit {position:absolute; top:-40px; left:30px;} .cllt .details ul.ty4 li .tit03 {margin-bottom:10px;} .cllt .details ul.ty4 li .star {text-align:left;} .cllt .details ul.ty4 li .op {margin-bottom:1px;} .cllt .details ul.ty4 li.lst02 {width:250px;} .cllt .costs {position:relative; left:-20px; width:936px; margin-top:10px; zoom:1;overflow:hidden;} .cllt .costs:after {content:""; display:block; clear:both;} .cllt .costs li {float:left; width:212px; min-height:50px; max-height:50px; margin:0 0 20px 20px; padding:19px 0; border:1px solid #e2e2e2;} .cllt .costs li.bg {background:#f8f8f8;} .cllt .costs li.brd {border:1px solid #d3d3d3;} .cllt .costs li > div {float:left; width:105px; text-align:center;} .cllt .costs li > div.tit {width:106px; color:#545454; line-height:18px;} .cllt .costs li > .tit.ty1 {padding-top:15px;} .cllt .costs li > .tit.ty2 {padding-top:8px;} .cllt .costs li > div.tit i {display:block;} .cllt .costs li > div.cost {padding:19px 0 20px; border-left:1px solid #ddd; color:#353535; font-size:14px;} .cllt .costs li > .cost.ty2 {padding:11px 0 12px;} .cllt .costs li > div.cost em {display:block;} .cllt .costs li.brd .tit {font-weight:700;} .cllt .costs li.total {background:#ffffcc; /*width:446px;*/ border:1px solid #d3d3d3;} .cllt .costs li.total .tit {color:#545454; font-weight:700;} .cllt .costs li.total .cost {/*width:339px;*/padding:5px 0;} .cllt .costs li.total .cost em {display:inline-block; margin:0 40px; color:#353535; font-size:18px;} .cllt .costs li.total .cost strong {color:#ff8400; font-size:18px; font-weight:700;} .cllt .costs li.total .cost strong i {line-height:120%;} .cllt .pCosts{float:right;padding-top:40px;} .cllt .pCosts p{float:left;} .cllt .pCosts input{float:left;} .cllt .pCosts label{cursor:pointer;float:left;} /* //배송요금 계산기 */ /* Ocash Rewards */ .ocashR .tab02 a {width:360px;} .ocashR .tab02 a.on {width:358px;} .ocashR .prm {background:url(/images/sub/img_ocashR.jpg) 56px 0 no-repeat; padding:25px 0 15px 358px;} .ocashR .prm h3 {color:#353535; font-size:20px; font-weight:700;} .ocashR .prm .btn34O span {width:129px;} .ocashR .prm .sct01 {margin-bottom:30px; padding-bottom:32px; border-bottom:1px dashed #dcdcdc;} .ocashR .prm p {margin:15px 0; color:#353535; line-height:22px;} .ocashR .prm p em {display:block; margin-bottom:25px;} .ocashR .prm p span {color:#353535;} .ocashR .open_prm {background:url(/images/sub/bg_paren02.gif) 0 20px no-repeat; margin-top:50px; padding:30px 0 30px; border:2px dashed #ece3d1; border-width:2px 0; text-align:center; line-height:22px;} .ocashR .open_prm h3 {color:#353535; font-size:18px;} .ocashR .open_prm p {color:#353535;} .ocashR .open_prm p em {display:block;} .ocashR .ocash_info {margin-top:0px; color:#353535; line-height:22px;} /*.ocashR .ocash_info {margin-top:35px; color:#353535; line-height:22px;}*/ .ocashR .ocash_info .tit {margin-top:55px; color:#454545; font-size:14px; font-weight:700;} .ocashR .ocash_info .tit:first-child {margin-top:0;} .ocashR .ocash_info ul li {padding-left:14px; text-indent:-14px;} .ocashR .ocash_info ul li b {font-weight:normal; text-decoration:underline;} .ocashR .ocash_info ul li > em {display:block; padding-left:12px;} .ocashR .ocash_info ul li span {display:block; color:#353535;} .ocashR .ocash_info ul li span em {display:block; padding-left:10px;} .ocashR .promote {background:url(/images/sub/img_ocashR02.jpg) 41px 0 no-repeat; margin-top:63px; padding-bottom:40px; border-bottom:2px dashed #ece3d1; text-align:center; line-height:22px;} .ocashR .promote h3 {margin-bottom:32px; color:#353535; font-size:24px; font-weight:700;} .ocashR .promote p em {display:block;} .ocashR .promote p span {display:block; margin-top:17px; color:#353535;} .ocashR .generator > strong {display:block; color:#353535; font-size:14px;} .ocashR .generator .txt {color:#353535; font-size:13px; line-height:22px;} .ocashR .generator .txt em {display:block;} .ocashR .generator .url {background:#f8f8f8; /*margin-top:25px;*/border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; padding:0; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .ocashR .generator .url > div {zoom:1;} .ocashR .generator .url > div:after {content:""; display:block; clear:both;} .ocashR .generator .url > div:first-child {margin-bottom:10px;} .ocashR .generator .url > div label {width:125px; margin-left:40px; padding-top:8px; color:#454545; font-size:13px;} .ocashR .generator .url > div label i {display:inline-block; margin-right:3px;} .ocashR .generator .url > div .del03 {margin-left:10px;} .ocashR .generator .url > div .del03 span {width:100px;} .ocashR .generator dl {position:relative; margin-top:30px; padding-left:110px;} .ocashR .generator dl dt {position:absolute; top:0; left:0; background:#fff200; padding:11px 12px 12px; color:#353535; font-size:14px; font-weight:700;} .ocashR .generator dl dd > p {color:#454545; font-size:14px; font-weight:700;} .ocashR .generator dl dd ul li {padding:7px 0;} .ocashR .generator dl dd ul li em {display:block; line-height:30px;} .ocashR .generator .tit {margin-top:70px; color:#454545; font-size:14px; font-weight:700;} .ocashR .generator ul.num {margin-top:30px;} .ocashR .generator ul.num li {position:relative; margin-top:40px; padding-left:90px; line-height:22px; color:#353535;} .ocashR .generator ul.num li:first-child {margin-top:0;} .ocashR .generator ul.num li span {display:block; position:absolute; top:0; left:0; background:url(/images/sub/bg_myzip_step.gif) 0 0 no-repeat; width:70px; height:70px; color:#353535; font-size:40px; text-align:center; line-height:70px;} .ocashR .generator ul.num li strong {display:block; color:#353535;} .ocashR .generator ul.num li em {display:block;} .ocashR .generator ul.num li i.ty2 {display:inline-block; margin-left:10px;} .ocashR .coupon_w {margin-top:50px;} .ocashR .coupon_w .tit {margin-bottom:20px; color:#454545; font-size:14px; font-weight:700;} .ocashR .coupon_w .sample {padding:23px 0; border:1px dashed #999; text-align:center; line-height:22px;} .ocashR .coupon_w .sample h3 {color:#353535; font-size:18px; font-weight:700;} .ocashR .coupon_w .sample .txt {color:#353535;} .ocashR .coupon_w .sample .code {background:#f6f6f6; margin:16px 0; padding:25px 0;} .ocashR .coupon_w .sample span,.ocashR .coupon_m .sample span {color:#353535; font-size:11px; line-height:1.0;} .ocashR .coupon_m {position:relative; min-height:480px; margin-top:40px;} .ocashR .coupon_m .sample {position:absolute; top:37px; left:0; width:369px; padding:44px 0; border:1px dashed #999; text-align:center; line-height:22px;} .ocashR .coupon_m .sample h3 {color:#353535; font-size:18px; font-weight:700;} .ocashR .coupon_m .sample h3 em {display:block;} .ocashR .coupon_m .sample .txt {margin-top:30px; color:#353535;} .ocashR .coupon_m .sample em {display:block;} .ocashR .coupon_m .sample .code {background:#f6f6f6; margin:16px 0 40px; padding:25px 0;} .ocashR .coupon_m .tit {margin-bottom:20px; color:#454545; font-size:14px; font-weight:700;} .ocashR .coupon_m .cont {padding-left:410px; color:#353535;} .ocashR .coupon_m .cont p {margin-bottom:3px; color:#353535; font-size:14px;} .ocashR .coupon_m .cont li {padding-left:14px; text-indent:-14px; line-height:22px;} .ocashR .coupon_m .cont li em {display:block; padding-left:14px;} .zipCenter h3 {margin-bottom:35px; color:#353535; font-size:24px; line-height:1.2em;} .zipCenter h3 em {display:block;} .zipCenter .tit {margin-top:60px; color:#454545; font-size:14px; font-weight:700;} .zipCenter .tit.first {margin-top:45px;} .zipCenter .txt {color:#353535; line-height:22px;} .zipCenter .txt em {display:block;} .zipCenter .dis {display:block; margin-top:30px; color:#353535; font-style:italic;} .zipCenter ul {margin-top:10px; zoom:1;} .zipCenter ul:after {content:""; display:block; clear:both;} .zipCenter ul li {float:left; width:390px; margin-top:10px;} .zipCenter ul li a {display:inline-block; margin:0 0 0 16px; color:#454545;} .zipCenter ul li a:hover {color:#ff7000;} .zipCenter .tblN {width:95%;border:0;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-spacing:0} .zipCenter .tblN td{border:0;border-top:1px solid #ccc;border-left:1px solid #ccc;padding:5px } .zipCenter .tblN .bold { font-weight:700;} .zipCenter .tblN .bg_grey {background:#ececec} /* //Ocash Rewards */ /* Return Procedure */ .proced h3 {margin-bottom:35px; color:#353535; font-size:24px; line-height:1.2em;} .proced h3 em {display:block;} .proced .tit {color:#454545; font-size:14px; font-weight:700;} .proced .txt {color:#353535; line-height:22px;} .proced .ind { text-indent:-10px; margin-left:10px; } .proced ul.num {zoom:1;} .proced ul.num:after {content:""; display:block; clear:both;} .proced ul.num li {position:relative; float:left; width:310px; margin-top:30px; padding-left:90px; line-height:22px; color:#353535;} .proced ul.num li > em {display:block; position:absolute; top:0; left:0; background:url(/images/sub/bg_myzip_step.gif) 0 0 no-repeat; width:36px; height:62px; color:#ffffff; font-size:22px; text-align:center; line-height:40px;} .proced ul.num li .cont .line {display:block; padding:3px 0 12px; border-bottom:1px dashed #dcdcdc; color:#353535;} .proced ul.num li .cont .line em {display:block;} .proced ul.num li .cont p {padding-top:10px;color:#353535; line-height:22px;} .proced ul.num li .cont p em {display:block;} .proced ul.num li.num03, .proced ul.num li.num04 {height:230px;} .proced ul.num li.num02, .proced ul.num li.num04, .proced ul.num li.num06 {margin-left:80px;} .proced ul.num li.num02 {margin-bottom:22px;} .proced ul.num li.num01 .line {background:url(/images/sub/ico_procedNum_01.gif) 100% 0 no-repeat;} .proced ul.num li.num02 .line {background:url(/images/sub/ico_procedNum_02.gif) 100% 0 no-repeat;} .proced ul.num li.num03 .cont {margin-top:-15px;} .proced ul.num li.num03 .line {background:url(/images/sub/ico_procedNum_03.gif) 100% 0 no-repeat; padding:18px 0 12px;} .proced ul.num li.num03 .line.ty2 {background:url(/images/sub/ico_procedNum_0302.gif) 100% 0 no-repeat; margin-top:10px;} .proced ul.num li.num04 .line {background:url(/images/sub/ico_procedNum_04.gif) 100% 0 no-repeat;} .proced ul.num li.num05 .line {background:url(/images/sub/ico_procedNum_05.gif) 100% 0 no-repeat;} .proced ul.num li.num06 .cont {margin-top:-10px;} .proced ul.num li.num06 .line {background:url(/images/sub/ico_procedNum_06.gif) 100% 0 no-repeat; padding:13px 0 12px;} .proced table {margin-top:15px; border:1px solid #e2e2e2;} .proced table thead th {background:#f8f8f8; padding:7px 0 11px; color:#666; font-weight:700; font-size:14px;} .proced table thead th em {display:block; color:#353535; font-weight:normal;} .proced table tbody th {background:#e8f7f2; border-top:1px solid #f8f8f8; color:#666; font-weight:700;} .proced table tbody td {padding:31px 0 34px; border-top:1px solid #f8f8f8; text-align:center; line-height:1.2em;} .proced table tbody td span {color:#353535;} .proced table tbody tr:first-child th, .proced table tbody tr:first-child td {border-top:0 none;} .proced ul.notice li {color:#353535; line-height:22px;} .proced ul.notice li em {display:block; padding-left:10px;} /* //Return Procedure */ /* Dimensional Weight */ .weight h3 {margin-bottom:35px; color:#ff8400; font-size:20px; line-height:1.2em; font-weight:700;} .weight h3 em {display:block;} .weight .tit {color:#454545; font-size:14px; font-weight:700;} .weight .tit span {color:#353535; font-weight:normal;} .weight .txt {color:#353535; line-height:22px;} .weight .txt em {display:block;} .weight .ultxt li {color:#353535; line-height:22px;} .weight .ultxt li em {display:block; padding-left:10px;} .weight .txt02 {color:#353535; line-height:22px;} .weight .txt02 em {display:block; padding-left:10px;} .weight .txt02 em:first-child {padding-left:0;} .weight .txt02 span {display:block;} .weight .txt02 span span {padding-left:10px;} .weight .ybox {background:#ffffff; width:890px; margin-top:15px; padding:16px 0 20px 25px; color:#ff8400; line-height:22px; border:1px solid #d3d3d3;} .weight dl.ex {position:relative; margin-top:30px; padding-left:110px;} .weight dl.ex dt {position:absolute; top:0; left:0; background:#fff200; padding:11px 12px 12px; color:#353535; font-size:14px; font-weight:700;} .weight dl.ex dd {line-height:22px;} .weight dl.ex dd strong {color:#454545; font-size:14px;} .weight dl.ex dd > p {color:#353535; font-size:13px;} .weight .exArea {margin-top:30px; zoom:1;} .weight .exArea:after {content:""; display:block; clear:both;} .weight .exArea .sct01 {float:left; width:424px;} .weight .exArea .sct02 {float:right; width:424px;} .weight .exArea > div strong {display:block; margin-bottom:10px; padding-bottom:13px; border-bottom:1px dashed #dcdcdc; color:#353535; font-size:13px;} .weight .exArea > div strong em {font-weight:normal;} .weight .exArea > div p {color:#353535; line-height:22px;} .weight .exArea > div p em {display:block; padding-left:8px; font-weight:700;} .weight .info {display:block; margin-top:15px; line-height:22px;} .weight .info em {display:block; padding-left:8px;} .weight dl.ex02 {position:relative; background:url(/images/sub/img_ex_tv.jpg) 118px 0 no-repeat; margin-top:30px; padding-left:300px;} .weight dl.ex02 dt {position:absolute; top:0; left:0; background:#fff200; padding:11px 12px 12px; color:#353535; font-size:14px; font-weight:700;} .weight dl.ex02 dd {line-height:22px;} .weight dl.ex02 dd strong {display:block; font-size:14px;} /* //Dimensional Weight */ /* Affiliates/Proposition */ .aff h3 {margin-bottom:25px; color:#353535; font-size:24px; line-height:1.2em;} .aff .txt {color:#353535; line-height:22px;} .aff .txt em {display:block;} .aff .frmArea {background:#f8f8f8; margin-top:40px; padding:43px 0; border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .aff .frmArea li {padding:7px 0; zoom:1;} .aff .frmArea li:after {content:""; display:block; clear:both;} .aff .frmArea li label {float:left; width:192px; padding:8px 0 0 30px; color:#666; font-size:14px; font-weight:700;} .aff .frmArea li div {float:left;} .aff .frmArea li div textarea {width:532px; padding:12px; border:1px solid #c7c7c7;} .aff .frmArea li div em {display:inline-block; margin-left:20px; color:#353535;} .aff .frmArea li div .del03 span {width:89px;} .aff .btnC span {width:129px;} /* //Affiliates/Proposition */ .qnaM .desc {margin-bottom:36px; color:#353535; font-size:24px; line-height:1.2em;} .qnaM .tit {color:#454545; font-size:12px; font-weight:700;} .qnaM .tit span {color:#666; font-weight:normal;} .qnaM div.qnaM_Center{overflow:hidden;margin-bottom:70px;} .qnaM div.qnaM_Center div.left_txt{float:left;width:215px;text-align:center;height:145px;} .qnaM div.qnaM_Center div.left_txt .txt{font-size:16px;font-weight:bold;padding:15px 0;} .qnaM div.qnaM_Center div.left_txt span{color:#656565} .qnaM div.qnaM_Center ul.right_box{float:left;} .qnaM div.qnaM_Center ul.right_box li{float:left;width:130px;border:1px solid #e0e0e0;text-align:center;height:143px;margin-left:8px;} .qnaM div.qnaM_Center ul.right_box li p.area{padding:40px 0 10px;margin:25px 15px 10px;font-size:16px;font-weight:bold;color:#303030;border-bottom:1px solid #efefef;} .qnaM div.qnaM_Center ul.right_box li p.date{color:#fa8c3c;font-size:14px;} .qnaM div.qnaM_Center ul.right_box li p.us{background:url('/images2017/sub/ico_ohcafe_usa.png') no-repeat center top;} .qnaM div.qnaM_Center ul.right_box li p.cn{background:url('/images2017/sub/ico_ohcafe_china.png') no-repeat center top;} .qnaM div.qnaM_Center ul.right_box li p.de{background:url('/images2017/sub/ico_ohcafe_germany.png') no-repeat center top;} .qnaM div.qnaM_Center ul.right_box li p.kr{background:url('/images2017/sub/ico_ohcafe_korea.png') no-repeat center top;} .qnaM p.title{padding:0;float:left;} .qnaM div.board_info{float:right;height:34px;line-height:34px;background:#464646;border-radius:3px;margin-bottom:10px;} .qnaM div.board_info a{padding:0 30px;color:#fff;font-size:14px;text-decoration:none;} .qnaM div.board_info a i{padding-left:5px;font-size:11px;} .qnaM .board_info {zoom:1;} .qnaM .board_info:after {content:""; display:block; clear:both;} .qnaM .board_info > span {float:left; margin-top:9px;} .qnaM .board_info > a {float:right;} .qnaM table tr.notice td {background:#ffffcc;} .qnaM table th {background:#f8f8f8; padding:11px 0; border-bottom:1px solid #fff; color:#353535; font-size:14px; font-weight:700;} .qnaM table td {padding:10px 0; border-bottom:1px solid #e8e8e8; color:#353535; text-align:center;} .qnaM table td.sbj {padding-left:30px; text-align:left;} .qnaM table td.sbj a {color:#454545; font-size:13px; font-weight:700;} .qnaM table td.sbj .qq {display:inline-block; background:#f0f0f0; margin-left:15px; padding:0 4px; color:#ff7000; font-size:9px; border-radius:3px;} .qnaM table td.sbj .qa {display:inline-block; background:#ffffcc; margin-left:15px; padding:0 4px; color:#353535; font-size:9px; border-radius:3px;} .qnaM .paging {margin-top:30px;} .qnaM dl.view dt {border-bottom:1px solid #e8e8e8;} .qnaM dl.view dt .tit {background:#f0f0f0; padding:9px 0; zoom:1;} .qnaM dl.view dt .tit:after {content:""; display:block; clear:both;} .qnaM dl.view dt .tit i {float:left; margin:0 33px 0 20px; font-size:18px; font-weight:700;} .qnaM dl.view dt .tit .sbj {float:left; color:#454545; font-size:13px; font-weight:700;} .qnaM dl.view dt .tit .info {float:right; margin-right:25px;} .qnaM dl.view dt .tit .info * {float:left;} .qnaM dl.view dt .tit .info em {margin-right:20px; font-size:12px;} .qnaM dl.view dt .tit .info span {color:#353535; font-size:12px;} .qnaM dl.view dt > .info {padding:11px 0; zoom:1;} .qnaM dl.view dt > .info:after {content:""; display:block; clear:both;} .qnaM dl.view dt > .info p {color:#353535; font-size:11px;} .qnaM dl.view dt > .info p span {color:#353535;} .qnaM dl.view dt > .info .cate {float:left; margin-left:15px;} .qnaM dl.view dt > .info .num {float:right; margin-right:25px;} .qnaM dl.view dd {position:relative; padding:20px; border-bottom:1px solid #e8e8e8;} .qnaM dl.qna dt {position:relative; background:url(/images/sub/ico_qna_answer.gif) 20px 0 no-repeat; padding:0 0 0 60px; border-bottom:none;} .qnaM dl.qna dt i.qna_a {position:absolute; top:20px; left:76px; font-size:18px; font-weight:700;} .qnaM dl.qna dt .data {position:absolute; top:20px; right:25px; color:#353535; font-size:12px; text-align:center;} .qnaM dl.qna dt .sbj {width:780px; padding:16px 10px 16px 60px; background:#ffffcc; color:#353535; font-size:13px; line-height:22px;} .qnaM dl.qna dd {position:relative; padding:11px 0 11px 70px; margin-top:15px; border-bottom:1px solid #e8e8e8;} .qnaM dl.qna dd > i {position:absolute; top:15px; left:20px; color:#353535; font-size:18px; font-weight:700;} .qnaM .info i{color:#333 !important;font-size:13px !important;} .qna_m .info i{color:#333 !important;font-size:13px !important;} .qnaM dl.view dd .cont, .qnaM dl.qna dd .cont {width:910px; margin-top:5px; color:#454545; font-size:13px; line-height:22px; min-height:60px;} .qnaM dl.qna dd .data {position:absolute; top:15px; right:25px; color:#353535; font-size:12px;} .qnaM dl.qna dd .data em {display:block; text-align:center;} .qnaM dl dd .btn {position:absolute; bottom:15px; right:30px;} .qnaM dl dd .btn .btn1{background:#989898;padding:0 10px;color:#fff;border-radius:3px;height:24px;line-height:24px;display:inline-block;} .qnaM dl dd .btn .btn2{border:1px solid #989898;padding:0 10px;border-radius:3px;height:22px;line-height:22px;display:inline-block;} .qnaM .btnC .btn{background:#333;padding:10px 40px;color:#fff;border-radius:3px;} .qnaM .modify textarea {width:910px; height:60px; margin:0; padding:0; border:1px solid #c7c7c7; resize: vertical;} .qnaM .enrollment {position:relative; background:#f8f8f8; margin-top:35px; padding:20px; border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1); } .qnaM .enrollment textarea {float:left; width:960px; height:75px; margin:0; padding:0; border:1px solid #c7c7c7; resize: vertical;} .qnaM .enrollment a {float:left; margin-left:10px;} .qnaM .file {display:inline-block; clear:both; zoom:1; margin-top:10px;} .qnaM .file label {float:left; padding:8px 10px 0 0; font-weight:700;} .qnaM .file div, .qnaM .file a {float:left;} .qnaM .file input {float:left; margin:0 5px 5px 0;} .qnaM .file .add_btn{background: #989898;padding: 0 10px;color: #fff;border-radius: 3px;height: 24px;line-height: 24px;display: block;margin-right: 10px;text-decoration:none;} .qnaM .file .add_btn:hover{background:#797979;} .qnaM .attached em {display:inline-block; margin-right:10px; font-size:11px; color:#353535;} .qnaM .attached em .close {padding:0 4px 4px 4px;} .qnaM .modyCate {background:url(/images2017/flag/qna_icon2.png)no-repeat 40px 25px;padding:30px 30px 30px 100px; border:1px solid #e2e2e2;overflow:hidden;margin-bottom:40px;} .qnaM .modyCate a {margin-left:10px;} .qnaM .modyCate p.tit {float:left;width:192px;line-height:38px;} .qnaM .modyCate select{float:left;width:200px;font-size:12px !important;margin-right:20px;} .qnaM .modyCate select option{padding:5px 0;} .qnaM .modyCate select.dep2{display:none;} .qnaM .frmArea {background:#f8f8f8; margin-top:40px; padding:30px 0; border:1px solid #e2e2e2;} .qnaM .frmArea li {padding:15px 0; zoom:1;} .qnaM .frmArea li:after {content:""; display:block; clear:both;} .qnaM .frmArea li > label {float:left; width:192px; padding:8px 0 0 30px; color:#666; font-size:12px; font-weight:700;} .qnaM .frmArea li > div {float:left;} .qnaM .frmArea li div textarea {width:564px; padding:12px; border:1px solid #c7c7c7; resize:vertical;} .qnaM .frmArea li div .sltArea * {display:inline-block;} .qnaM .frmArea li div .sltArea input {margin:0 5px 0 40px;} .qnaM .frmArea li div .sltArea input:first-child {margin-left:0 !important;} .qnaM .frmArea li div.slt em {display:block; margin-top:10px; font-size:11px; color:#353535;} .qnaM .frmArea li div > span {display:inline-block; margin-left:15px; font-size:11px;} .qnaM .frmArea li div a.gra {margin-left:4px;} .qnaM .frmArea li div > p {margin-top:10px;} .qnaM .frmArea li.file {padding-top:20px;} .qnaM .frmArea li.file .attached {margin-left:220px; width:650px;} .qnaM .frmArea li.file .file_area{width:564px;} .qnaM .frmArea li.file .file_area ul.file_list{display:none;} .qnaM .frmArea li.file .file_area ul.file_list li {position:relative;width:522px;height:38px;line-height:38px;border:1px solid #e2e2e2;margin-bottom:5px;padding:0 20px;background:#fff;} .qnaM .frmArea li.file .file_area ul.file_list li span.close{position:absolute;right:20px;top:15px;} .qnaM .frmArea li.file .file_area .file_add{position:relative;background:url('/images2017/flag/file_box_bg.gif')repeat-x 0 0;border:1px solid #e2e2e2;width:562px;height:38px;line-height:38px;text-align:center;} .qnaM .frmArea li.file .file_area .file_add input{width:564px;opacity:0;position:absolute; left:0;top:0;z-index:1;cursor:pointer;height:40px;margin:0;} .qnaM .frmArea li.file .file_area .file_add p{position:absolute; left:46%;top:0;margin:0;background:url('/images2017/flag/file_add_icon.png') no-repeat right center;padding-right:20px;} .qnaM .frmArea li.file .file_area > span{margin:10px 0 0 0;} .qnaM .frmArea li.mail {padding-top:30px;} .qnaM .frmArea li.mail > label {padding-top:0;} .qnaM .bSrh {margin-top:30px; text-align:center;} .qnaM .bSrh * {display:inline-block;} .qnaM .bSrh select {background:#fbfbfb; width:80px;} .qnaM .bSrh input[type=text] {background:#fbfbfb; margin:0 8px 0 4px;} .qnaM .bSrh .gra02 span {width:44px;} .qnaM .board_view {margin-bottom:60px;} .qnaM .board_view dt {background:#f8f8f8; padding:9px 0 10px; color:#353535; zoom:1;} .qnaM .board_view dt:after {content:""; display:block; clear:both;} .qnaM .board_view dt > em {float:left; width:50px; text-align:center;} .qnaM .board_view dt > p {float:left; width:500px; padding-left:5px; color:#454545;} .qnaM .board_view dt .right {float:right; text-align:center;} .qnaM .board_view dt .right em {float:left; width:140px;} .qnaM .board_view dt .right span {float:left; width:200px;} .qnaM .board_view dd {padding:20px 175px 50px 30px; border-bottom:1px solid #e8e8e8; color:#353535; font-size:13px; line-height:22px;} .cg_btn{padding:15px 40px;background:#54a91d;font-size:16px;font-weight:bold;} .cg_btn:hover span{color:#fff;} .cg_btn span{color:#fff;} .sel_btn1{height: 38px;line-height: 38px;background: #464646;padding: 0 40px;color: #fff !important;font-weight: bold;} .sel_btn1:hover{color:#fff;} /* //cs center */ /* Event Page */ .event .tit {margin-top:50px; color:#454545; font-size:14px; font-weight:700;} .event > .desc {margin-bottom:36px; color:#353535; font-size:24px; line-height:1.2em;} .event .welcome {padding:24px 0 37px 0; border-bottom:1px solid #ddd; text-align:center;} .event .welcome strong {display:block; margin-bottom:5px; color:#353535; font-size:55px; line-height:1.2em; font-weight:normal;} .event .welcome span {color:#353535; font-size:18px; line-height:22px;} .event .welcome p {margin-top:8px; color:#353535; font-size:13px; line-height:22px;} .event .welcome p em {display:block;} .event .welcome p em span {color:#353535; text-decoration:underline; font-size:12px;} .event > ul {margin:0;} .event > ul li {color:#353535; font-size:13px; line-height:22px;} .event > ul li em {display:block; margin-left:8px;} .event .ex {position:relative; margin-top:30px; padding-left:104px;} .event .ex em {display:block; position:absolute; top:3px; left:0; background:#fff200; padding:11px 12px 12px; color:#353535; font-size:14px; font-weight:700;} .event .ex p {color:#353535; font-size:12px; line-height:22px;} .event table {margin-top:10px;} .event table tr.notice td {background:#ffffcc;} .event table th {background:#f8f8f8; padding:11px 0; border-bottom:1px solid #fff; color:#353535; font-size:14px; font-weight:700;} .event table td {padding:10px; border-bottom:1px solid #e8e8e8; color:#353535; text-align:center;} .event table td a {color:#454545; font-size:13px; font-weight:700;} .event table td strong {color:#454545;} .event .board {position:relative;} .event .board table {border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1);} .event .board table th {color:#666;} .event .board table td {border-left:2px solid #f8f8f8;} .event .board table tr td:first-child {border-left:0 none;} .event .board table td a span {font-weight:normal;} .event .board table td a.btn34O span {width:129px;} .event .board table td input[type=text] {background:#fbfbfb;} .event .board p {margin:15px 0 0 513px; color:#353535; font-size:11px; line-height:14px;} .event .board p span {display:block; margin-left:8px;} .event .eLst {border-top:1px solid #e8e8e8; zoom:1;} .event .eLst:after {content:""; display:block; clear:both;} .event .eLst li {float:left; position:relative; width:322px; padding:15px 0 15px 248px; border-bottom:1px solid #e8e8e8; line-height:22px;} .event .eLst li.bg {background:#fbfbfb;} .event .eLst li > img {position:absolute; top:15px; left:0;} .event .eLst li a {display:inline-block; color:#454545; font-size:14px; font-weight:700;} .event .eLst li a i {display:inline-block; background:#fff200; padding:2px 10px 0; color:#454545; font-size:11px; font-weight:normal;} .event .eLst li a:hover {color:#ff7000; text-decoration:none;} .event .eLst li p {color:#353535; font-size:13px;} .event .eLst li span {color:#454545; font-size:13px; font-weight:700;} .event .eView dt {position:relative; background:#f8f8f8; padding:11px 0 10px;} .event .eView dt p {padding:0 0 0 33px; color:#454545; font-size:13px;} .event .eView dt span {display:block; position:absolute; top:10px; right:10px; background:#fff200; padding:0 10px; text-align:center;} .event .eView dt i {color:#353535; font-size:11px;} .event .eView dd {padding:40px 30px; border-bottom:1px solid #e8e8e8; line-height:22px;} .event .eView dd > strong {display:block; color:#353535; font-size:14px;} .event .eView dd p {margin-bottom:30px; color:#353535; font-size:13px;} .event .eView dd p em {display:block;} .event .eView dd p.cor54 em.corO {display:inline; font-size:14px; text-decoration:underline;} .event .eView dd .info {margin-top:25px;} .event .eView dd .info strong {color:#353535;} .event .eView dd .info li {color:#353535; line-height:20px;} .event .eView dd .info li a {margin-left:5px; line-height:1.2em;} /* events */ .events h3 {color:#353535; font-size:24px; line-height:30px; font-weight:normal;} .events .tit {margin-top:36px; color:#353535; font-size:14px; font-weight:700; line-height:150%; } .events .txt {width:773px; color:#353535; line-height:22px;} .events .tit span.like-img { display:inline-block; float:left; margin-right:15px; padding:10px; background-color:yellow; } .events .ind { text-indent: -15px; margin-left:15px; } .events table {margin-top:15px; border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4); -moz-box-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 1px 1px rgba(0,0,0,.1); } .events table thead th { background:#f8f8f8; padding:7px 0 11px; color:#666; font-weight:700; font-size:14px; } .events table tbody th {padding:7px 0 9px; background:#f2ece0; border-top:1px solid #eaeaea; color:#353535; font-weight:normal; font-size:13px; } .events table tbody td {padding:7px 0 9px; border-top:1px solid #eaeaea; text-align:center; line-height:1.2em; color:#353535; } .events table tbody td.corO {font-weight:700;} .events p.table-upper-cap { margin-bottom:3px; text-align:right; } .events p.table-under-cap { margin-top:6px; text-align:right; } .events p.table-under-cap strong { color:#ff7000; font-weight:700; font-size:14px; } .events .ret-proc { margin-top:10px; } .events .ret-proc li { display:inline-block; width:135px; height:170px; margin:2px; padding:8px 5px; background-color:#dcecf5; vertical-align:middle; } .events .ret-proc li p.dt { width:100px; margin:5px auto; padding:0 8px; border-bottom:1px solid #fff; font-size:14px; color:#454545; font-weight:700; text-align:center; } .events .ret-proc li p.dd { margin-top:8px; line-height:130%; font-size:12px; color:#454545; } .cust h3 { color:#353535; font-size:24px; line-height:30px; font-weight:normal; } .cust .tit {margin-top:36px; color:#353535; font-size:14px; font-weight:700; line-height:150%; } .cust .txt {width:773px; color:#353535; line-height:22px;} .cust .txt strong { color:#545454; }.cust .cust-cent { margin-top:10px; margin-bottom:15px; background-color:#f3f3f3; border:1px solid #d3d3d3; } .cust .ind { text-indent: -10px; margin-left:10px; } .cust .cust-cent:after { content:""; display:block; clear:both; } .cust .cust-cent dl { float:left; width:33%; border-right:1px solid #e7d8b9; } .cust .cust-cent dl.end { border-right:0 none; } .cust .cust-cent dl dt { padding:20px 0 0 0; font-size:17px; font-weight:700; text-align:center; } .cust .cust-cent dl dt span {display:block; width:200px; padding:8px 0; margin:0 auto; border-bottom:1px solid #545454; } .cust .cust-cent dl dt span.kr { color:#545454; } .cust .cust-cent dl dt span.ca { color:#545454; } .cust .cust-cent dl dt span.de { color:#545454; } .cust .cust-cent dl dd { padding:10px 0 20px 0; color:#353535; text-align:center; } .cust .cust-cent dl dd.telInfo { padding:19px 0 0 40px; color:#353535; text-align:left; line-height:160%} .cust .cust-cent dl dd p.dsc { padding-bottom:12px; font-size:13px; font-weight:700; color:#545454; } .cust .cust-cent dl dd p.tel { font-size:20px; font-weight:700; color:#ff8400; } .cust .cafe-box { margin-top:8px; } .cust .cafe-box dl { float:left; width:300px; margin:8px 3px; border:1px solid #e8e8e8; } .cust .cafe-box:after { content:""; display:block; clear:both; } .cust .cafe-box dl dt { float:left; width:150px; margin:12px 0; text-align:center; border-right:1px solid #e8e8e8; } .cust .cafe-box dl dd { text-align:center; margin-top:22px; font-size:14px; } .cust .cafe-box dl dd a { color:#353535; text-decoration:none; } .cust .cafe-box dl dd span { display:inline-block; margin-left:12px; font-size:8px; color:#ff7000; } .amtSplit {margin:15px 0 0; text-align:left;} .amtSplit span {margin:0 5px; font-size:11px; color:#353535;} .amtSplit span strong {color:#353535; padding:0 3px 0; font-weight:normal; font-size:12px;} .mark {position:relative; padding:5px; margin:0 0 0 10px;} .mark img {position:absolute; top:3px; right:0;} .signIn .titArea .go-old-zip { position:absolute; left:105px; top:43px; font-weight:700; font-size:14px; color:#151515; } .signIn .titArea .go-old-zip a { color:#151515; text-decoration:none; } .regist .old-zip-acct { position:absolute; top:3px; left:250px; padding:6px; background-color:#b9dfe2; border:1px solid #556767; white-space:nowrap; } .regist .old-zip-acct a { color:#2d3737; text-decoration:none; } .regist .old-zip-numb { background-color:#b9dfe2; border:1px solid #556767; } .weight .tbl { clear:both; margin-top:-8px; } .weight .tbl table { border:1px solid #e2e2e2;} .weight .tbl table thead th { background:#e8f7f2; padding:7px 0 11px; color:#666; font-weight:700; font-size:12px; } .weight .tbl table tbody th {padding:7px 0 9px; background:#fff1a4; border-top:1px solid #eaeaea; color:#353535; font-weight:normal; font-size:13px; } .weight .tbl table tbody td {padding:7px 0 9px; border-top:1px solid #eaeaea; text-align:center; line-height:1.2em; color:#353535; } .weight .tbl table tbody td.corO {font-weight:700;} .helpD { padding:0;} .basic h3 { color:#353535; font-size:24px; line-height:30px; font-weight:normal; } .basic .tit { margin-top:36px; color:#353535; font-size:14px; font-weight:700; line-height:150%; } .basic .txt { color:#353535; line-height:22px;} .basic ul li { text-indent: -15px; margin-left:15px; } .basic .img { margin:20px 0 40px 0; } .basic .img:after { content:""; display:block; clear:both; } .basic .img .itxt { margin-top:6px; } /* 20160913 HAHA추가 */ /* Sub Title*/ .titArea_New {position:relative;border-bottom:1px solid #b9b9b9;color:#515151;padding-bottom:10px;margin:10px 0 30px;clear:both;} .titArea_New .icon {float:left;text-align:center;} .titArea_New .icon i {font-size:45px;width:70px;} .titArea_New .title {line-height:26px;font-size:24px;} .titArea_New .title em {font-size:11px; color:#999;} .titArea_New .Cgold {color:#e7ddb7;} .titArea_New .Cmint {color:#bae7d9;} .titArea_New .Corange {color:#ff7000;} .titArea_New .Cskyblue {color:#c7e5f5;} .titArea_New .Cbrown {color:#b69c90;} .titArea_New .Cpurple{color:#e5ddf7;} .titArea_New .Cyellow{color:#ead819;} /* 안내 >배송요금안내 테이블 */ .t_omz_price_box {border:1px solid #d7d5d6;} table.t_omz_price {width:100%} table.t_omz_price td,table.t_omz_price th{border:0; font-size:14px; font-weight:700; line-height:50px;text-align:center;border:5px solid #fff;} caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0} table .t_yellow2 {background-color:#ffeca0;} table .t_yellow {background-color:#fffae4;} table .t_gray2 {background-color:#ababad;} table .t_gray {background-color:#c8c8ca;} table .t_skyblue2 {background-color:#9edfff;} table .t_skyblue {background-color:#c0e9fd;} table .t_blue2 {background-color:#c7e8fb;} table .t_blue {background-color:#e9f6ff;} /* Your Account > 탈퇴하기 */ .withdrawal_info p {font-weight:700;padding:10px 0;line-height:180%;} .withdrawal_info p i {color:#ff8000;} .withdrawal_info ul {padding:0 0 20px 20px} .withdrawal_info ul li{line-height:180%;} .withdrawal_info p.line {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 10px;} .withdrawal_info em {color:#ff8000;font-weight:700;} .withdrawal_info .btn {margin:30px 0 0 500px;} .withdrawal_info .btn span {background-color:#333;padding:10px 50px;color:#fff; font-weight:700;} .flArea {zoom:1;} .flArea:after {content:""; display:block; clear:both;} .border_thicker_grey{border:#c1c1c1 solid 4px;} .width9a{width:564px;} .bg_white{background:#ffffff;} .margin_top_10{margin-top:10px;} .bg_light_grey{background:#f3f3f3;} .border_grey{border:#d3d3d3 solid 1px;} .padding_left_5{padding-left:5px;} .padding_2{padding:2px;} /* 반품신청서, 반품대행신청서 미작성입고 */ section.infobox {background:#f3f3f3; border:1px solid #e2e2e2; padding:23px 32px; margin:0 0 10px 0; color:#303030 !important; line-height:22px;font-size:12px;} section.infobox ul {font-size:13px;margin:0 0 10px 8px;} section.infobox ul li {display:inline-block;width:25%;} section.infobox ul li em {font-weight:bold;color:#000;font-size:1.2em;} /* //events 상세 */ /* 미국 고정가 이벤트 */ #content .etc_link {position:relative;margin:0;padding:0;font-size:0;} #content .etc_link section {position:absolute;width:760px;top:43px;left:146px;} #content .event_flatrate .krdate {position:absolute;width:910px;text-align:center;padding-top:290px;word-spacing:-2px;} #content .event_flatrate .endate {position:absolute;width:910px;text-align:center;padding-top:330px;word-spacing:-2px;} #content .etc_link section > ul > li {display:inline-block;padding:0;margin:0;margin-right:12px;} #content .etc_link section > ul > li > a > span {display:inline-block;width:240px;height:230px;background: transparent;cursor:pointer;} /* 조건없는 무료반품 */ #content .freereturn_btn_box01, #content .freereturn_btn_box02 {position:relative;margin:0;padding:0;} #content .freereturn_btn_box01 div {position:absolute;margin:190px 0 0 70px;bottom:390px;} #content .freereturn_btn_box02 div {position:absolute;margin:370px 0 0 325px;} #content .en.freereturn_btn_box01 div {position:absolute;margin:210px 0 0 70px;} #content .en.freereturn_btn_box02 div {position:absolute;margin:430px 0 0 325px;} #content .event_freereturn .krdate {position:absolute;width:916px;text-align:center;top:730px;word-spacing:-2px;color:#494646;z-index:5;} #content .event_freereturn .endate {position:absolute;width:916px;text-align:center;top:740px;word-spacing:-2px;color:#494646;z-index:5;} #content .btn_eventPurple01 .ico_go {display:inline-block;background:url(/images2017/sub/ico_basicall.png) -48px -14px no-repeat;width:13px;height:13px;margin-left:30px;} #content .btn_eventPurple01 a {border:3px solid #6441be;background:#6441be;color:#fff;font-size:15px;font-weight:bold;padding:14px 22px;} #content .btn_eventPurple01 a:hover, .btn_eventPurple01 a:focus {border:3px solid #fff;background:none;color:#fff;text-decoration:none;} #content .btn_eventPurple02 .ico_go {display:inline-block;background:url(/images2017/sub/ico_basicall.png) -48px -14px no-repeat;width:13px;height:13px;margin-left:30px;} #content .btn_eventPurple02 a {border:3px solid #fff;background:none;color:#fff;font-size:15px;font-weight:bold;padding:14px 22px;} #content .btn_eventPurple02 a:hover, .btn_eventPurple01 a:focus {border:3px solid #342d57;background:none;color:#fff;text-decoration:none;} /* 독일 고정가 이벤트 */ #content .grflatrate_guide01 {background:#2b304a;width:100%;color:#fff;font-family:'NanumSquare','AppleGothic',/*'Malgun Gothic','맑은 고딕',*/sans-serif;padding:30px 0 40px;} #content .grflatrate_guide01 dt{display:inline-block;background:#2b304a;border:1px solid #fff;border-radius:20px;padding:10px 30px;margin-right:20px;font-weight:900;} #content .grflatrate_guide01 dd {display:inline-block;font-weight:700;} #content .grflatrate_guide_box01 {background:rgba(73,114,161,0.2);border-radius:5px;width:82%;color:#fff;padding:15px 25px;margin:10px auto 0;font-size:14px;} #content .grflatrate_guide_box02 ul {margin:40px auto 0;} #content .grflatrate_guide_box02 ul li {display:inline-block;text-align:center;padding:0 10px;} #content .grflatrate_guide02 {background:#95a6e2;width:100%;font-family:'NanumSquare','AppleGothic',/*'Malgun Gothic','맑은 고딕',*/sans-serif;padding:30px 0 40px;} #content > .eventView .grflatrate_guide02 h1 {color:#fff !important;font-family:'NanumSquare','AppleGothic',/*'Malgun Gothic','맑은 고딕',*/sans-serif;font-size:33px;margin:0 0 15px;background:none;} #content .grflatrate_guide02 table.Type1 {width:95%;border:0;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-spacing:0;font-size:14px;clear:both;margin:0 auto;background:#fff;} #content .grflatrate_guide02 table.Type1 td, #content .grflatrate_guide02 table.Type1 th{border:0;border-top:1px solid #ccc;border-left:1px solid #ccc;padding:5px;line-height:170%;text-align:center;font-weight:700;} #content .grflatrate_guide02 table.Type1 th{background:#fff6bf;} #content .grflatrate_guide02 table caption {visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0} /* 타오바오 구매대행 오픈 이벤트 */ #content > .taobaoPurchaseEvent > .img {position:relative;} #content > .taobaoPurchaseEvent > .img > .stepMenu {position:absolute;left:0;top:1110px;z-index:1;} #content > .taobaoPurchaseEvent > .img > .guide_btn {position:absolute;left:580px;top:410px;z-index:1;} #content > .taobaoPurchaseEvent > .img > .stepMenu > ul > li {float:left;} #content > .taobaoPurchaseEvent > .img > .stepMenu > ul > li > a > span.stepImg {background:url(//image.ohmyzip.com/front/design/event/taobaoPurchase_ko_stepImg.png);background-position-x:0%;background-position-y:0%;width:228px;height:213px;display:block;} #content > .taobaoPurchaseEvent > .img > .stepMenu > ul > li.bp1 > a > span.stepImg{background-position:0 213px;width:228px;} #content > .taobaoPurchaseEvent > .img > .stepMenu > ul > li.bp2 > a > span.stepImg{background-position:-228px 213px;width:230px;} #content > .taobaoPurchaseEvent > .img > .stepMenu > ul > li.bp3 > a > span.stepImg{background-position:-458px 213px;width:230px;} #content > .taobaoPurchaseEvent > .img > .stepMenu > ul > li.bp4 > a > span.stepImg{background-position:-688px 213px;width:228px;} #content > .taobaoPurchaseEvent > .img > .stepMenu > ul > li.bp1 > a:hover > span.stepImg{background-position:0 0;width:228px;} #content > .taobaoPurchaseEvent > .img > .stepMenu > ul > li.bp2 > a:hover > span.stepImg{background-position:-228px 0;width:230px;} #content > .taobaoPurchaseEvent > .img > .stepMenu > ul > li.bp3 > a:hover > span.stepImg{background-position:-458px 0;width:230px;} #content > .taobaoPurchaseEvent > .img > .stepMenu > ul > li.bp4 > a:hover > span.stepImg{background-position:-688px 0;width:228px;} #content > .taobaoPurchaseEvent > .img > .guide_Menu {position:absolute;left:88px;top:555px;z-index:1;} #content > .taobaoPurchaseEvent > .img > .guide_Menu > ul > li {float:left;} #content > .taobaoPurchaseEvent > .img > .guide_Menu > ul > li > a > span.guide_MenuImg {background:url(//image.ohmyzip.com/front/design/event/taobaoPurchase_guide_menu.png);background-position-x:0%;background-position-y:0%;width:188px;height:196px;display:block;} #content > .taobaoPurchaseEvent > .img > .guide_Menu > ul > li.menu1 > a > span.guide_MenuImg{background-position:0 0;width:187px;} #content > .taobaoPurchaseEvent > .img > .guide_Menu > ul > li.menu2 > a > span.guide_MenuImg{background-position:-198px 0;width:180px;} #content > .taobaoPurchaseEvent > .img > .guide_Menu > ul > li.menu3 > a > span.guide_MenuImg{background-position:-388px 0;width:180px;} #content > .taobaoPurchaseEvent > .img > .guide_Menu > ul > li.menu4 > span.guide_MenuImg{background:url(//image.ohmyzip.com/front/design/event/taobaoPurchase_guide_menu.png);background-position-x:-578px;background-position-y:0;width:187px;height:196px;display:block;} #content > .taobaoPurchaseEvent > .img > .step {padding-bottom:70px;overflow:hidden;} #content > .taobaoPurchaseEvent > .img > .step.step01 {background-color:#f1ffff;} #content > .taobaoPurchaseEvent > .img > .step.step02 {background-color:#fffdf8;} #content > .taobaoPurchaseEvent > .img > .step.step03 {background-color:#fafcff;} #content > .taobaoPurchaseEvent > .img > .step.step04 {background-color:#fafef7;} #content > .taobaoPurchaseEvent > .img > .step > ul {width: 675px;font-size: 14px;padding: 20px 30px;margin:0 auto;} #content > .taobaoPurchaseEvent > .img > .step > ul > li {float:none; text-align:left;line-height:24px;min-height:24px;list-style:square;} #content > .taobaoPurchaseEvent > .img > .step > ul > li.tit {font-size:18px;margin-bottom:15px;font-weight:bold;} #content > .taobaoPurchaseEvent > .img > .step > ul > li.list {margin-left:30px;} #content > .taobaoPurchaseEvent > .img > .step > .sns {width: 675px;font-size: 12px;padding: 20px 30px;margin:0 auto;background-color:#f7f6ff;margin-bottom:10px;} #content > .taobaoPurchaseEvent > .img > .step > .sns > p {width:316px;margin:0 auto;padding-bottom:15px;} #content > .taobaoPurchaseEvent > .img > .step > .sns > ul {width:490px;margin:0 auto;} #content > .taobaoPurchaseEvent > .img > .step > .sns > ul > li {display:inline-block;padding-left:35px; padding-right:35px;min-height:56px;} #content > .taobaoPurchaseEvent > .img > .step > ul.txt01 {background-color:#e6f9fe;color:#3e5caf;} #content > .taobaoPurchaseEvent > .img > .step > ul.txt01 > li.tit {background:url(//image.ohmyzip.com/front/design/event/taobaoPurchase_icon01.png) left center no-repeat;list-style:none;padding-left:30px;} #content > .taobaoPurchaseEvent > .img > .step > ul.txt02 {background-color:#fff9ef;color:#f16b55;} #content > .taobaoPurchaseEvent > .img > .step > ul.txt02 > li.tit {background:url(//image.ohmyzip.com/front/design/event/taobaoPurchase_icon02.png) left center no-repeat;list-style:none;padding-left:30px;} #content > .taobaoPurchaseEvent > .img > .step > ul.txt03 {background-color:#f7f6ff;color:#575674;} #content > .taobaoPurchaseEvent > .img > .step > ul.txt03 > li.tit {background:url(//image.ohmyzip.com/front/design/event/taobaoPurchase_icon03.png) left center no-repeat;list-style:none;padding-left:30px;} #content > .taobaoPurchaseEvent > .img > .step > ul.txt04 {background-color:#f3f7f0;color:#3e6146;} #content > .taobaoPurchaseEvent > .img > .step > ul.txt04 > li.tit {background:url(//image.ohmyzip.com/front/design/event/taobaoPurchase_icon04.png) left center no-repeat;list-style:none;padding-left:30px;} #content > .taobaoPurchaseEvent > .img > .step > .taobaoPurchase_ko_btn {width:303px; margin:0 auto;margin-bottom:37px;} /* 프라임 무료체험 나눔 이벤트 - 2019/10/29 */ #content.event_Prime .login_area{background-color:#474457;color:#fff;padding:40px 80px;} #content.event_Prime .login_area a{text-decoration:none;color:#fff;} #content.event_Prime .login_area p.title {background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_title_bg.gif")no-repeat 50% 0;height:64px;line-height:64px;text-align:center;} #content.event_Prime .login_area p.title a{color:#65533b;font-size:20px;font-weight:bold;font-family:'NanumSquare' !important;} #content.event_Prime .login_area p.my_Code {text-align:center;font-size:24px;font-weight:bold;overflow:hidden;padding:5px 0;} #content.event_Prime .login_area p.my_Code strong{background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_mycode_icon.png")no-repeat left center;padding-left:45px;} #content.event_Prime .login_area p.my_Code span {color:#35e0ff;padding-left:20px;} #content.event_Prime .login_area p.join_txt{text-align:center;padding-top:15px;} #content.event_Prime .login_area p.join_txt span{color:#35e0ff;} #content.event_Prime .login_area p.message{text-align:center;padding-top:15px;margin-bottom:0;border:none;background-color:unset;} #content.event_Prime .login_area p.message span{color:#35e0ff;} #content.event_Prime .login_area p.term{text-align:center;font-size:18px;padding-top:15px;} #content.event_Prime .login_area .my_Nanum {margin-top:25px;margin-bottom:25px;background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_tit_line.gif")no-repeat top left;overflow:hidden;} #content.event_Prime .login_area .my_Nanum ul{padding-top:25px;padding-bottom:20px;width:100%;overflow:hidden;} #content.event_Prime .login_area .my_Nanum ul li{float:left;width:40%;text-align:center;font-size:18px;} #content.event_Prime .login_area .my_Nanum ul li:first-child{padding-left:10%;} #content.event_Prime .login_area .my_Nanum ul li:last-child{padding-right:10%;} #content.event_Prime .login_area .my_Nanum ul li a {font-size:18px;background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_add_icon01.png")no-repeat center right;padding:1px 31px 1px 0;} #content.event_Prime .login_area .my_Nanum ul li span{font-size:30px;font-weight:bold;color:#fff227;padding-left:15px;vertical-align:-3px;} #content.event_Prime .login_area .my_Nanum div{text-align:center;color:#ffd983;font-size:13px;width:600px;margin:0 auto;} #content.event_Prime .login_area .my_Nanum div span{background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_lg_icon.png")no-repeat 9px 0;padding-left:30px;padding-bottom:1px;display:inline-block;} #content.event_Prime .login_area p.bottomBtn{background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_title_bg.gif")no-repeat 50% 0;height:64px;line-height:64px;text-align:center;margin-top:25px;} #content.event_Prime .login_area p.bottomBtn a{color:#65533b;font-size:20px;font-weight:bold;font-family:'NanumSquare' !important;} #content.event_Prime > .login_area > .txt {background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_tit_line.gif")no-repeat top left #545568;overflow:hidden;padding:25px;line-height:22px;} #content.event_Prime > .login_area > .txt > p{background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_dot.gif")no-repeat 0 10px;padding-left:10px;padding-bottom:10px;} #content.event_Prime > .login_area > .txt > p > strong{display:block;} #content.event_Prime > .login_area > .txt > p > span{color:#ffd983;} #content.event_Prime > .login_area > .txt > p:last-child{padding-bottom:0;} #content.event_Prime i.xi-x{vertical-align:-24% !important;} #content.event_Prime .tabMenu {overflow:hidden;height:131px;} #content.event_Prime .tabMenu ul li{float:left;} #content.event_Prime .Benefits_Con{padding:60px 80px;background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_bg.jpg")no-repeat top left #f1e7e2;} #content.event_Prime .Benefits_Con .con{overflow:hidden;margin-bottom:120px;} #content.event_Prime .Benefits_Con .con p.title{font-size:20px;font-weight:bold;background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_tit_line.gif")no-repeat bottom left;padding-bottom:20px;padding-top:10px;margin-bottom:20px;line-height:24px;} #content.event_Prime .Benefits_Con .con p.title span{color:#8a6616;background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_event_icon.png")no-repeat center left;padding:5px 0 5px 50px;} #content.event_Prime .Benefits_Con .con p.title span.nbsp{background:none;margin-left:115px;} #content.event_Prime .Benefits_Con .con div.sTit{width:100%;overflow:hidden;margin-bottom:15px;padding-top:2px;} #content.event_Prime .Benefits_Con .con div.sTit p.txt{font-size:20px;font-weight:bold;float:left;line-height:24px;} #content.event_Prime .Benefits_Con .con div.sTit p.txt span{color:#a3680a;font-size:26px;} #content.event_Prime .Benefits_Con .con div.sTit p.Read_more{font-size:14px;font-weight:bold;float:right;background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_arrow.png")no-repeat 99% 50%;padding-right:20px;} #content.event_Prime .Benefits_Con .con div.sTit p.Read_more a:hover{text-decoration:none;color:#303030;} #content.event_Prime .Benefits_Con .con table.tableType3{width:100%;overflow:hidden;margin-bottom:30px;} #content.event_Prime .Benefits_Con .con table.tableType3 tbody tr th {background-color:#d1b37f;font-size:18px;padding:10px 0;color:#fff;} #content.event_Prime .Benefits_Con .con table.tableType3 tbody tr td {background-color:#e0d0be;font-size:20px;padding:20px 0;text-align:center;} #content.event_Prime .Benefits_Con .con div.Notice{margin-bottom:50px;color:#696969;line-height:22px;} #content.event_Prime .Benefits_Con .con div.Notice p{background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_Notice.png")no-repeat 5px 0;padding-left:35px;padding-top:3px;} #content.event_Prime .Benefits_Con .con div.Notice ul{padding-left:35px;} #content.event_Prime .Benefits_Con .con div.Notice ul li{background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_dot.gif")no-repeat 0 10px;padding-left:10px;} #content.event_Prime .Benefits_Con .con div.bestBenefits{width:100%;overflow:hidden;} #content.event_Prime .Benefits_Con .con div.bestBenefits ul li{float:left;width:148px;box-sizing:content-box;text-align:center;padding:20px 0;min-height:150px;margin:0 2px;} #content.event_Prime .Benefits_Con .con div.bestBenefits ul li:first-child{margin-left:0;} #content.event_Prime .Benefits_Con .con div.bestBenefits ul li:last-child{margin-right:0;} #content.event_Prime .Benefits_Con .con div.bestBenefits ul li.conBg1{background-color:#e5d7c7;} #content.event_Prime .Benefits_Con .con div.bestBenefits ul li.conBg2{background-color:#e9ddd1;} #content.event_Prime .Benefits_Con .con div.bestBenefits ul li p.txt{padding-top:10px;} #content.event_Prime .Benefits_Con .con div.bestBenefits ul li p.txt span{color:#d85708;} #content.event_Prime .Benefits_Con .con ul.coupon{overflow:hidden;width:100%;margin-top:40px;margin-bottom:40px;} #content.event_Prime .Benefits_Con .con ul.coupon li{float:left;width:50%;text-align:center;font-size:16px;} #content.event_Prime .Benefits_Con .con ul.coupon li p.cp_txt1{color:#3d355f;font-weight:bold;margin-bottom:10px;background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_cp_txt_line01.png")no-repeat 50% 50%;} #content.event_Prime .Benefits_Con .con ul.coupon li p.cp_txt2{color:#613f26;font-weight:bold;margin-bottom:10px;background:url("//image.ohmyzip.com/front/design/201911/event/prime2019_cp_txt_line02.png")no-repeat 50% 50%;} #content.event_Prime .Benefits_Con .con ul.coupon li p.cp_txt1.bg_no, #content.event_Prime .Benefits_Con .con ul.coupon li p.cp_txt2.bg_no{background:none;} #content.event_Prime .Benefits_Con .con div.smoke{width:100%;overflow:hidden;position:relative;} #content.event_Prime .Benefits_Con .con div.smoke ul{overflow:hidden;position:relative;} #content.event_Prime .Benefits_Con .con div.smoke ul li{float:left;text-align:center;padding:30px 0;font-size:18px;line-height:24px;} #content.event_Prime .Benefits_Con .con div.smoke ul li.box1{background-color:#c9aa75;color:#fff;width:20%;} #content.event_Prime .Benefits_Con .con div.smoke ul li.box2{background-color:#e6d9cb;width:60%;line-height:48px;} #content.event_Prime .Benefits_Con .con div.smoke ul li.box3{background-color:#3d355d;color:#fff;width:20%;} #content.event_Prime .Benefits_Con .con div.smoke p.txt{font-size:20px;font-weight:bold;text-align:center;padding-top:10px;color:#4b4173;padding-bottom:2px;} #content.event_Prime .Benefits_Con .con div.smoke p.arrow{padding-top:10px;} #content.event_Prime .Benefits_Con .con div.smoke p.icon1{position:absolute;left:135px;top:37px;z-index:1;} #content.event_Prime .Benefits_Con .con div.smoke p.icon2{position:absolute;right:135px;top:37px;z-index:1;} #content.event_Prime .newCard dl dd label {color:#fff;} #content.event_Prime .Benefits_Con .con.mb60 {margin-bottom:60px !important;} /* MOBILE부분 - 해더 */ #headerNew.mobile {width:100%;min-width:100%;overflow:hidden;} #headerNew.mobile a{text-decoration:none !important;} #headerNew.mobile .hmTop{position:relative;overflow:hidden;height:54px;} #headerNew.mobile .hmTop .MenuB{position:absolute;left:3vw;top:12px;} #headerNew.mobile .hmTop .MenuB i{font-size:32px;} #headerNew.mobile .hmTop .MenuB img{width:20px;} #headerNew.mobile .hmTop .hLogo{text-align:center;} #headerNew.mobile .hmTop .hLogo img{width:120px;padding-top:14px} #headerNew.mobile .hmTop .hMypage{position:absolute;right:3vw;top:12px;} #headerNew.mobile .hmTop .hMypage i{font-size:32px;color:#ff7000;} #headerNew.mobile .hmTop .hMypage li{float:left;padding-left:15px;} #headerNew.mobile .hmTop .hMypage li.toplnb1{position:relative;} #headerNew.mobile .hmTop .hMypage li.toplnb1 img{width:30px;} #headerNew.mobile .hmTop .hMypage li.toplnb1 span{position:absolute;right:-7px;top:-5px;width:15px;height:15px;line-height:15px;color:#fff;background:#272525;text-align:center;border-radius:15px;font-size:10px;vertical-align:middle;} #headerNew.mobile .hmTop .hMypage li.toplnb2 img{width:24px;} #headerNew.mobile.show{position:fixed;z-index:100;box-shadow:1px 1px 5px #a2a2a2;border-bottom:none;} #container.mobile .hMenu .backBtn a img{width:20px;} #container.mobile .hMenu .hgnb{text-align:center;width:100%;border-top:1px solid #dcdcdc;} #container.mobile .hMenu .hgnb .tTit{font-size:16px;font-weight:bold;width:100%;/* background:url('/images2017/mobile/m_menu_arrow.gif') right center no-repeat;padding-right:30px; */display:inline-block;min-height:45px;line-height:45px;letter-spacing:-1px;border-bottom:1px solid #cdcdcd;} #container.mobile .hMenu .hgnb .tTit span{padding-right:10px;margin-right:10px;background:url('/images2017/mobile/m_menu_line.gif') right center no-repeat;background-size:1px 13px;} #container.mobile .hMenu .hgnb .subMenu{height:42px;border-bottom:1px solid #f5f5f5;font-size:14px;padding:0 4%;text-align:center;} #container.mobile .hMenu .hgnb .subMenu li{height:42px;line-height:42px;display:inline-block;box-sizing:border-box;padding:0 4px;position:relative;} #container.mobile .hMenu .hgnb .subMenu li.active a{color:#ff6300;} #container.mobile .hMenu .hgnb .subMenu li.active:before{content:'';width:100%;height:100%;border-bottom:2px solid #ff6300;position:absolute;left:0;bottom:-1px;z-index:1;} #container.mobile .hMenu .hgnb .subMenu li a{color:#909090;} #headerNew.mobile .scroll_Top{background:rgba(255,112,0,0.9);height:74px;line-height:74px;position:fixed;top:-74px;width:100%;z-index:100;transition:all 0.5s ease 0s;} #headerNew.mobile .scroll_Top .backBtn{position:absolute;left:4%;top:15px;float:left;line-height:45px;} #headerNew.mobile .scroll_Top .backBtn img{width:20px;} #headerNew.mobile .scroll_Top .MenuB{position:absolute;left:3vw;top:20px;} #headerNew.mobile .scroll_Top .MenuB i{font-size:34px;color:#fff;} #headerNew.mobile .scroll_Top .MenuB img{width:20px;} #headerNew.mobile .scroll_Top .hLogo{width:120px;margin:0 auto;padding-top:23px;} #headerNew.mobile .scroll_Top .hLogo img{width:120px;} #headerNew.mobile .scroll_Top.show{top:0;} /* MOBILE부분 - leftmenu */ .left_container.mobile a{text-decoration:none !important;} .left_container.mobile{position:fixed;background:#fff;left:-100%;top:0;z-index:200;width:100%;height:100%;min-height:640px;transition:all 0.5s ease 0s;} .left_container.mobile.taobao{width:100% !important;overflow:scroll;} .left_container.mobile .leftlist {background:#f8f8f8;overflow:hidden;} .left_container.mobile .leftlist .topBar {overflow:hidden;margin-bottom:10px;position:relative;} .left_container.mobile .leftlist .topBar a:hover{color:#303030;} .left_container.mobile .leftlist .topBar .hMypage_link span{padding-left:10px;} .left_container.mobile .leftlist .topBar > div{font-size:16px;font-weight:bold;margin:0 4%;height:45px;line-height:45px;} .left_container.mobile .leftlist .topBar > div p{font-size:12px;font-weight:normal;margin-left: 10px;} .left_container.mobile .leftlist .topBar > div p.outBtn{height: 22px;line-height: 22px;overflow: hidden;display:inline-flex;} .left_container.mobile .leftlist .topBar > div p.outBtn a{color: #ff8707;border: 1px solid #ff8707;border-radius: 22px;padding: 0 10px;display: inline-block;text-decoration:none;} .left_container.mobile .leftlist .topBar > div p.notice{position: absolute;right: 15%;top: 10px;} .left_container.mobile .leftlist .topBar > div p.notice span{position:absolute;top:-5px;right:-6px;width:20px;height:20px;line-height:20px;color:#fff;background:#ff6300;text-align:center;border-radius:20px;} .left_container.mobile .leftlist .topBar > div p.notice img{width:25px;} .left_container.mobile .leftlist .topBar > div a span{font-size:12px;color:#909090;font-weight:normal;} .left_container.mobile .leftlist .topBar p.close_btn{position:absolute;right:4%;top:12.5px;margin:0;-webkit-transition:transform .6s linear;cursor:pointer;height:auto;} .left_container.mobile .leftlist .topBar p.close_btn img{width:20px;} .left_container.mobile .leftlist .topBar .lMypage{background:#fff;padding:10px 0;border-bottom:1px solid #e9e9e8;overflow:hidden;} .left_container.mobile .leftlist .topBar .lMypage li{float:left;width:33.33%;text-align:center;} .left_container.mobile .leftlist .topBar .lMypage li.toplnb1{position:relative;} .left_container.mobile .leftlist .lMypage li.toplnb1 img{width:33px;} .left_container.mobile .leftlist .lMypage li.toplnb1 p.cart{position: relative;width: 35px;margin: 0 auto;} .left_container.mobile .leftlist .lMypage li.toplnb1 span{position:absolute;top:-5px;right:-6px;width:20px;height:20px;line-height:20px;color:#fff;background:#272525;text-align:center;border-radius:20px;} .left_container.mobile .leftlist .lMypage li.toplnb2 img{width:26px;} .left_container.mobile .leftlist .topBar .lMypage li.toplnb3 img{width:40px;} .left_container.mobile .leftlist .topBar .lMypage li p{padding-top:2px;color:#909090;} .left_container.mobile .leftlist .Menu_con{overflow:hidden;margin-bottom:10px;background:#fff;padding:0 4% 20px;} .left_container.mobile .leftlist .Menu_con p.Title{padding:25px 0 15px;font-size:16px;border-bottom:1px solid #707070;} .left_container.mobile .leftlist .Menu_con p.Title strong{border-bottom:1px solid #ff6300;padding-bottom:14px;position:relative;} .left_container.mobile .leftlist .Menu_con p.Title strong:before{content:'';width:100%;height:100%;border-bottom:1px solid #ff6300;position:absolute;left:0;bottom:-1px;z-index:99;} .left_container.mobile .leftlist .Menu_con > li {background:url('/images2017/flag/dep1_off_icon.png') no-repeat 98% 20px;border-bottom:1px solid #e9e9e8;} .left_container.mobile .leftlist .Menu_con > li > p{font-size:16px;padding:15px 10px;display:block;} .left_container.mobile .leftlist .Menu_con > li > ul{border-top:1px solid #e9e9e8;background:#fcfcfc;padding:10px;} .left_container.mobile .leftlist .Menu_con > li > ul > li > a{font-size:14px;display:block;padding:7px 0;} .left_container.mobile .leftlist .Menu_con > li > ul > li > a:hover{color:#303030;} .left_container.mobile .leftlist .l_banner{overflow:hidden;margin-bottom:10px;} .left_container.mobile .leftlist .l_banner img{width:100%;} .left_container.mobile .leftlist .bottomMenu{background:#fff;overflow:hidden;margin-bottom:2%;border-bottom:1px solid #e9e9e8;} .left_container.mobile .leftlist .bottomMenu li {float:left;width:50%;text-align:center;border-top:1px solid #e9e9e8;border-left:1px solid #e9e9e8;box-sizing:border-box;} .left_container.mobile .leftlist .bottomMenu li:nth-child(2n+1){border-left:none;} .left_container.mobile .leftlist .bottomMenu li a {padding:20px 0;display:block;} .left_container.mobile .leftlist .Follow_us{padding:20px 4%;overflow:hidden;background:#fff;height:100%;} .left_container.mobile .leftlist .Follow_us p{font-size: 18px;font-weight: bold;float: left;width:30%;line-height:44px;} .left_container.mobile .leftlist .Follow_us ul{float:left;width:70%;} .left_container.mobile .leftlist .Follow_us ul li {float:left;width:33.33%;} .left_container.mobile .leftlist .Follow_us ul li:nth-child(1) img{width:45px;} .left_container.mobile .leftlist .Follow_us ul li:nth-child(2) img{width:34px;} .left_container.mobile .leftlist .Follow_us ul li:nth-child(3) img{width:46px;} .left_container.mobile.open{left:0;} .left_container.mobile.open .leftlist .topBar p.close_btn{transform:rotate(180deg);} /* MOBILE부분 - 푸터 */ footer.mobile {background:#000;text-align:center;width:100%;min-width:100%;padding-bottom:50px;overflow:hidden;margin-top:4vw;} footer.mobile .center{overflow:hidden;padding:20px 0;} footer.mobile .center div{width:300px;margin:0 auto;} footer.mobile .center p{float:left;color:#fff;text-align:left;} footer.mobile .center p:first-child{padding-right:10px;} footer.mobile .center p img{width:80%;padding-top:6px;} footer.mobile .menu_list{border-top:1px solid #242424;padding-top:20px;overflow:hidden;} footer.mobile .menu_list ul:first-child{width:320px;margin:0 auto;} footer.mobile .menu_list ul:last-child{width:235px;margin:0 auto;} footer.mobile .menu_list li{float:left;background:url('/images2017/mobile/m_fmenu_line.gif') right center no-repeat;padding:0 20px;} footer.mobile .menu_list ul:nth-child(1) li:nth-child(3), footer.mobile .menu_list ul:nth-child(2) li:nth-child(2){background:none;} footer.mobile .menu_list li a{color:#fff;} footer.mobile .f_logo{padding:40px 0;} footer.mobile .copy span, footer.mobile .copy span a{color:#fff;} .m_btnTop {position:fixed;z-index:99;bottom:50px;} .m_btnTop.top{right:3vw;} .m_btnTop .topBtn.show{opacity:0.8;transition:all 2.0s ease 0s;} .m_btnTop .topBtn{background: #000000;opacity: 0;width: 50px;height: 50px;text-align: center;border-radius: 10px;margin-bottom:10px;} .m_btnTop .topBtn i.xi-arrow-up {font-size: 30px;color: #fff;line-height: 50px;} .m_btnTop .talkBtn{background: #000000;opacity: 0.8;width: 50px;height: 50px;text-align: center;border-radius: 10px;} .m_btnTop .talkBtn i.xi-message-o {font-size: 30px;color: #fff;line-height: 50px;} .m_btnTop p.backBtn{float:left;padding-top:45px;} .m_btnTop p.backBtn img{width:35px;} .m_btnTop ul{float:right;} /* MOBILE부분 - 타오바오 구매대행 */ #container.mobile {width:100%;max-width:100%;min-width:100%;min-height:100%;overflow:hidden;padding:0;} /* MOBILE부분 - 로그인 / 회원가입 */ #container.signin.mobile, #container.SignUp.mobile{background:#fff;} #container.signin.mobile > .accountN, #container.SignUp.mobile > .accountN{width:auto;padding:40px 20px;} #container.signin.mobile .topTit h1, #container.SignUp.mobile .topTit h1{padding: 0 0 10px;line-height:normal;font-size:28px;} #container.signin.mobile .topTit .required, #container.SignUp.mobile .topTit .required{font-size:14px;padding-bottom:0;font-weight:normal;} #container.signin.mobile .outBox, #container.SignUp.mobile .outBox{padding: 20px 0 0;box-shadow:none;} #container.signin.mobile .outBox .accountN, #container.SignUp.mobile .outBox .accountN{width:100%;} #container.signin.mobile .outBox .msgBox, #container.SignUp.mobile .outBox .msgBox{margin:0 0 20px;} #container.signin.mobile .outBox .form-signin .accountN, #container.SignUp.mobile .outBox .form-signin .accountN{width:100%;} #container.signin.mobile .outBox .form-signin .accountN dl.cLine3, #container.SignUp.mobile .outBox .form-signin .accountN dl.cLine3{width:100%;} #container.signin.mobile .outBox .email_Save, #container.SignUp.mobile .outBox .email_Save{margin-bottom:20px;position:relative;} #container.signin.mobile .outBox .email_Save input[type="checkbox"] + label{display: inline-block; width:20px; height:20px; background:url(/images2017/mobile/check_icon_off.png) #fff no-repeat center/15px 10px;border:1px solid #dcdcdc;cursor: pointer; border-radius: 3px;box-sizing:border-box;} #container.signin.mobile .outBox .email_Save input[type="checkbox"]:checked + label{background:url(/images2017/mobile/check_icon.png) #fe9002 no-repeat center;background-size:15px 10px;border:none;} #container.signin.mobile .outBox .email_Save input[type="checkbox"] + label span{position: absolute; top: 3px; right:25px; display: block;font-size:14px;line-height:14px;} #container.signin.mobile .outBox .email_Save input[type="checkbox"]{display:none;} #container.signin.mobile dl.cLine2 dd{width:100%;padding:0;} #container.signin.mobile dl.cLine2 dd input{height: 30px !important;line-height: 30px !important;padding: 10px 15px !important;width: 100% !important;} #container.signin.mobile dl.cLine2, #container.SignUp.mobile dl.cLine2{width:100%;margin-bottom:20px;} #container.signin.mobile dl.cLine2 dt, #container.SignUp.mobile dl.cLine2 dt{width: 100%;background: none;padding: 0 0 10px;font-size:14px;} #container.signin.mobile dl.cLine3 dt{width: 50px;height: 50px;padding: 0;position: absolute;left: 0;top: 0;} #container.signin.mobile dl.cLine3 dt.email{background:url("/images2017/mobile/m_login_icon01.gif") center center no-repeat #eeeeee;background-size:18px auto} #container.signin.mobile dl.cLine3 dt.pwd{background:url("/images2017/mobile/m_login_icon02.gif") center center no-repeat #eeeeee;background-size:16px auto} #container.signin.mobile dl.cLine3 dt label{width:50px;height:50px;display:block;opacity:0;} #container.signin.mobile dl.cLine3 dd{width:100%;padding:0 0 0 50px;box-sizing:border-box;} #container.signin.mobile dl.cLine3 dd input{height: 50px !important;line-height: 50px !important;padding: 10px 15px !important;width: 100% !important;box-sizing:border-box;} #container.signin.mobile .outBox .SinginUrl{padding:10px 0 0;} #container.signin.mobile .msgBox > .inner, #container.SignUp.mobile .msgBox > .inner{padding:10px 20px 10px 10px;} #container.signin.mobile .msgBox > .inner .Tinfor, #container.SignUp.mobile .msgBox > .inner .Tinfor{padding-left:30px;font-size:12px;display:block;} #container.signin.mobile .msgBox > .inner > a.close, #container.SignUp.mobile .msgBox > .inner > a.close{top:14px;right:10px;} #container.signin.mobile .msgBox > .inner > p.icon, #container.SignUp.mobile .msgBox > .inner > p.icon{top:9px;left:10px;} #container.signin.mobile .msgBox > .inner > p.msgCon.narrow, #container.SignUp.mobile .msgBox > .inner > p.msgCon.narrow{padding-left:30px;font-size:12px;} #container.signin.mobile .outBox #email_confirm_success .accountNPoint .Tinfor, #container.SignUp.mobile .outBox #email_confirm_success .accountNPoint .Tinfor{background:url("/images2017/sub/signUp_icon.png") 0 1px no-repeat;line-height:18px;} #container.SignUp.mobile .accountN .accountNTxt{padding:0 0 10px;width:100%;margin-bottom:10px;} #container.SignUp.mobile .accountN .accountNTxt p{padding-top:0;} #container.SignUp.mobile .accountN .accountNPoint_Register{background:none;padding-left:0;} #container.SignUp.mobile .accountN .accountNPoint_Register strong{color:#ff7000;} #container.SignUp.mobile .accountN dl.select dd{width:100%;} #container.SignUp.mobile .accountN dl dd{padding:0;} #container.SignUp.mobile .accountN dl input.inputS{width:240px;} #container.SignUp.mobile .accountN .accountNTxt input[type="checkbox"] + label{display:block; width:20px; height:20px; background:url(/images2017/mobile/check_icon_off.png) #fff no-repeat center/15px 10px;border:1px solid #dcdcdc;cursor: pointer; border-radius: 3px;box-sizing:border-box;float:left;margin-right:5px;} #container.SignUp.mobile .accountN .accountNTxt input[type="checkbox"]:checked + label{background:url(/images2017/mobile/check_icon.png) #fe9002 no-repeat center;background-size:15px 10px;border:none;} #container.SignUp.mobile .accountN .accountNTxt input[type="checkbox"]{display:none;} #container.SignUp.mobile .accountN .accountNTxt.check p{font-size:12px;font-weight:normal;padding-bottom:5px;} #container.SignUp.mobile .accountN .accountNTxt.check p span{display:table;} #container.SignUp.mobile dl.cLine2 dd{width:100%;padding:0;} #container.SignUp.mobile dl.cLine2 dd input{height: 30px !important;line-height: 30px !important;padding: 10px 15px !important;width: 100% !important;font-size:14px !important;} #container.SignUp.mobile dl.cLine2.select dd:last-child{width:100%;margin-top:5px;margin-left:0;} #container.SignUp.mobile dl.cLine2.select dd select{width:100%;height:50px !important;line-height:50px !important;padding:0 0 0 15px !important;} #container.SignUp.mobile dl.cLine2.select dd select.sel{background:url(/images2017/sub/right_arrow.png) 98% 50% no-repeat;} #container.SignUp.mobile #registerComplete{width:auto;padding:40px 20px;} #container.SignUp.mobile #registerComplete .accountN{width:100%;} #container.SignUp.mobile #registerComplete .accountN .Tinfor{background:none !important;} #container.SignUp.mobile .cBtnArea{padding:20px 0; width:100%;} #container.mobile #content .inputSignin {background-color:#f8f8f8 !important;} #container.SignUp.Account.mobile .outBox{padding:0;} #container.SignUp.Account.mobile .form-change-account .accountN{width:100%;} #container.SignUp.Account.mobile .accountNTxt span{display:table;} #container.SignUp.Account.mobile .cBtnArea{padding-bottom:10px;} /* 알림 메시지 팝업 */ #pop_kakao_log .LPOP{padding:30px 20px 20px;width:550px;} #pop_kakao_log .LPOP h2{font-size:24px;font-weight:bold;border-bottom:1px solid #ff7000;padding-bottom:20px;margin-bottom:20px;color:#4b4b4b;} #pop_kakao_log .LPOP div i.xi-close-thin {position:absolute;right:18px;top:19px;} #pop_kakao_log .LPOP #popup-wt-save{overflow-y: auto;max-height:500px;} #pop_kakao_log .LPOP .LPOP_tableType{border-top:1px solid #303030;margin-bottom:20px;} #pop_kakao_log .LPOP .LPOP_tableType tr th{background:#f3f3f3;padding:10px 0;font-weight:bold;border-bottom:1px solid #cecece;border-left:1px solid #cecece;} #pop_kakao_log .LPOP .LPOP_tableType tr th:last-child{border-right:1px solid #cecece;} #pop_kakao_log .LPOP .LPOP_tableType tr td{padding:10px 0;border-bottom:1px solid #cecece;border-left:1px solid #cecece;box-sizing:border-box;} #pop_kakao_log .LPOP .LPOP_tableType tr td:last-child{border-right:1px solid #cecece;} #pop_kakao_log .LPOP .LPOP_tableType tr.kakao_tr2 td{line-height:24px;padding:10px 20px;border-top:2px solid #ff7000;} /* MOBILE부분 - 이용약관 / 개인정보처리 방침 */ #container.mobile{margin-bottom:0 !important;} #container.mobile .contentM{width:100%;position:relative;overflow:hidden;background:#f8f8f8;margin-top:0;} #container.mobile .contentM.terms{margin-bottom:40px;} #container.mobile .contentM.terms .editable{margin:20px 4%;background:#fff;border-radius:5px;padding:10px 10px 20px;height:100%;} #container.mobile .contentM.terms p.txt{margin:20px 4% 0;line-height:20px;font-size:13px;line-height:22px;} #container.mobile .contentM.terms .termsTit1{line-height:24px;} #container.mobile .contentM.terms .termsTit2, #container.mobile .contentM.terms .termsOlist, #container.mobile .contentM.terms p{font-size:13px;line-height:22px;} /* MOBILE부분 - 알림 */ #container.mobile .contentM.notice .topCheck{background:#fff;overflow:hidden;padding:15px 4% 10px;} #container.mobile .contentM.notice .topCheck li {float:left;position:relative;padding-right:15px;} #container.mobile .contentM.notice .topCheck li:last-child{padding-right:0;} #container.mobile .contentM.notice .topCheck li:nth-child(1){width:60px;} #container.mobile .contentM.notice .topCheck li:nth-child(2){width:115px;} #container.mobile .contentM.notice .topCheck li:nth-child(3){width:85px;} #container.mobile .contentM.notice .topCheck li input[type="radio"] + label{display: inline-block; width:20px; height:20px;font-size:14px; background:url(/images2017/mobile/check_icon_off.png) #fff no-repeat center/15px 10px;border:1px solid #dcdcdc;box-sizing:border-box;cursor: pointer; border-radius: 3px;} #container.mobile .contentM.notice .topCheck li input[type="radio"]:checked + label{background:url(/images2017/mobile/check_icon.png) #fe9002 no-repeat center/15px 10px;border:none;} #container.mobile .contentM.notice .topCheck li input[type="radio"] + label span{position: absolute; top: 0; left:25px; display: block;} #container.mobile .contentM.notice .topCheck li input[type="radio"]{display:none;} #container.mobile .contentM.notice .noticeTit{padding:10px 4%;font-size:14px;overflow:hidden;} #container.mobile .contentM.notice .noticeTit p.tit{float:left;line-height:30px;} #container.mobile .contentM.notice .noticeTit .delete{float:right;padding:0 10px;height:28px;line-height:28px;border:1px solid #dcdcdc;background:#fff;border-radius:20px;letter-spacing:-1px;} #container.mobile .contentM.notice .noticeTit .delete img{width: 14px;vertical-align: -3px;padding-left: 10px;} #container.mobile .contentM.notice .notice_box{background:#fff;border:1px solid #e9eaeb;border-radius:5px;padding:15px 10px;margin:0 10px 10px;position:relative;} #container.mobile .contentM.notice .notice_box .cn_tit{background:url('/images2017/sub/ico_ohcafe_china.png') no-repeat 0 center;background-size:14px;padding-left:17px;font-size:14px;} #container.mobile .contentM.notice .notice_box .us_tit{background:url('/images2017/sub/ico_ohcafe_usa.png') no-repeat 0 center;background-size:14px;padding-left:17px;font-size:14px;} #container.mobile .contentM.notice .notice_box .de_tit{background:url('/images2017/sub/ico_ohcafe_germany.png') no-repeat 0 center;background-size:14px;padding-left:17px;font-size:14px;} #container.mobile .contentM.notice .notice_box .con{line-height: 20px;margin:10px 0;height:40px;overflow:hidden;font-size:13px;} #container.mobile .contentM.notice .notice_box .link .date{color:#797878;} #container.mobile .contentM.notice .notice_box .link .btn{padding-left:5px;margin-left:15px;background:url('/images2017/mobile/m_txt_line02.gif') no-repeat left center;background-size:1px 12px;} #container.mobile .contentM.notice .notice_box .link .btn a{color:#fe9002;font-size:14px;} #container.mobile .contentM.notice .notice_box .close_btn{position:absolute;top:10px;right:10px;} #container.mobile .contentM.notice .notice_box .close_btn img{width:15px;} #container.signin.mobile .cBtnArea{padding:0;width:100%;} #container.mobile .cBtnArea{padding: 20px 4%;width: 92%;overflow:hidden;background:#fff;} #container.mobile .cBtnArea p{float:left;width:50%;height:50px;line-height:50px;} #container.mobile .cBtnArea a{font-size:16px;display:block;color:#fff;font-weight:bold;} #container.mobile .cBtnArea p.btn1{background:#fff;border:1px solid #ff7000;box-sizing:border-box;} #container.mobile .cBtnArea p.btn1 a{color:#ff7000;} #container.mobile .cBtnArea p.btn2{background:#ff7000;} #container.mobile .cBtnArea p.btn3{background:#444;} #container.mobile .cBtnArea p.btn4{background:#7057cc;} #container.mobile .cBtnArea p.btn5{background:#fff;border:1px solid #444;box-sizing:border-box;} #container.mobile .cBtnArea p.btn5 a{color:#444;} #container.mobile .cBtnArea.fixed{position:fixed;bottom:0;z-index:100;width:100% !important;padding:0 !important;} /* MOBILE부분 - 포인트 / 포인트 결제 */ #container.mobile .pointP .topBox{background: #fff;padding: 10px 4% 20px;position:relative;} #container.mobile .pointP .topBox .pBtn{float:right;position:absolute;right:4%;top:25px;} #container.mobile .pointP .topBox .pBtn a{padding:5px 10px;border:1px solid #dcdcdc;border-radius:20px;} #container.mobile .pointP .topBox .pBtn a:hover{color:#303030;} #container.mobile .pointP .topBox .pTotal{background:#fbf9e8;text-align:center;padding:40px 0;margin-top:10px;overflow:hidden;border-radius:5px;} #container.mobile .pointP .topBox .pTotal span{background:url('/images2017/mobile/m_point_icon.png') no-repeat left center;background-size:50px;padding-left:60px;font-size:42px;font-weight:bold;} #container.mobile .pointP .topBox .Title{padding:5px 0 5px;border-bottom:none;} #container.mobile .pointP .payment{background:#fff;overflow:hidden;margin-top:10px;display:none;padding-bottom:40px;} #container.mobile .pointP .payment.active{display:block;} #container.mobile .pointP .payment .Title{border-bottom:1px solid #333333;background:#fff;padding:15px 4%;} #container.mobile .pointP .payment .Title p{font-size:16px;} #container.mobile .pointP .payment .tTxt {font-size:14px;padding:10px 4% 5px;} #container.mobile .pointP .payment .notice{padding:0 4%;} #container.mobile .pointP .payment .notice .bul_circle03{display:inline-block;border:1px solid #f5821f;color:#f5821f;border-radius:25px;height:15px;width:15px;line-height:15px;font-weight:bold;font-size:12px;text-align:center;} #container.mobile .pointP .payment .notice .txt span{color:#f5821f;} #container.mobile .pointP .payment ul {overflow:hidden;margin-top:20px;padding:0 4%;} #container.mobile .pointP .payment ul li {float:left;border:1px solid #dcdcdc;border-radius:3px;text-align:center;width:48%;box-sizing:border-box;margin-bottom:4%;position:relative;overflow:hidden;padding:5px 10px;} #container.mobile .pointP .payment ul li:nth-child(2n+1){margin-right:2%;} #container.mobile .pointP .payment ul li:nth-child(2n+2){margin-left:2%;} #container.mobile .pointP .payment ul li a{font-size:20px;display:block;} #container.mobile .pointP .payment ul li:hover{border:1px solid #ff7000;} #container.mobile .pointP .payment ul li:hover .ov, #container.mobile .pointP .payment ul li:active .ov{display:block;} #container.mobile .pointP .payment ul li .left_logo{float:left;padding-right:10px;position:absolute;left:10px;top:10px;} #container.mobile .pointP .payment ul li .left_logo img{width:10px;} #container.mobile .pointP .payment ul li .right_con{width:94%;margin-left:20px;border-left:1px dashed #c7c7c7;overflow:hidden;padding:5px 0;} #container.mobile .pointP .payment ul li .right_con .point{padding-bottom:5px;display:block;} #container.mobile .pointP .payment ul li .right_con p{width:97px;margin:0 auto;} #container.mobile .pointP .payment ul li .right_con p .txt{font-size:12px;background:#ededed;border-radius:3px 0 0 3px;height: 24px;line-height: 24px;float:left;padding: 0 10px;} #container.mobile .pointP .payment ul li .right_con p .icon{background:url('/images2017/mobile/m_plus_icon02.png') no-repeat center center #fbbe49;background-size:9px auto;border-radius:0 3px 3px 0;height: 24px;line-height: 24px;width:9px;float:left;padding: 0 10px;} #container.mobile .pointP .point .con {background:#fff;padding:10px 4% 20px;} #container.mobile .pointP .point .con .tit{font-size:16px;letter-spacing:-1px;} #container.mobile .pointP .point .con .yuanCon{background: #f9f9f9;padding: 10px 20px;margin-top: 20px;} #container.mobile .pointP .point .con .yuanCon li {background:url("/images2017/sub/orange_dot.gif")no-repeat left 10px;padding-left:10px;line-height:24px;} #container.mobile .pointP .search{overflow:hidden;padding:20px 4%;background:#fff;} #container.mobile .pointP .search select{float:left;width:100%;box-sizing:border-box;height:40px;line-height:40px;background:#fff;padding:0 0 0 10px;} #container.mobile .pointP .search .select_Box:first-child select{border-right:none;background:url(/images2017/mobile/m_select_line.gif) no-repeat right center;background-size:1px 20px} #container.mobile .pointP .search .select_Box:last-child select{border-left:none;} #container.mobile .pointP .search .select_Box{float:left;width:50%;position:relative;} #container.mobile .pointP .history{overflow:hidden;margin-top:10px;background:#fff;display:none;padding-bottom:40px;} #container.mobile .pointP .history.active{display:block;} #container.mobile .pointP .history .Title{border-bottom:1px solid #333333;background:#fff;padding:15px 4%;} #container.mobile .pointP .history .Title p{font-size:16px;} #container.mobile .pointP .history .his_Con{background: #f8f8f8;padding: 10px 4%;} #container.mobile .pointP .history .his_Con li {border:1px solid #e9eaeb;border-radius:5px;background:#fff;margin-bottom:10px;padding:10px;} #container.mobile .pointP .history .his_Con li:last-child{margin-bottom:0;} #container.mobile .pointP .history .his_Con li .point{display:inline-block;text-align:center;width:100px;} #container.mobile .pointP .history .his_Con li .point p{border:1px solid #2eb560;border-radius:5px;color:#2eb560;padding:5px 20px;text-align:center;font-size:14px;margin:0 auto 5px;width:30px;} #container.mobile .pointP .history .his_Con li .point strong{font-size:16px;} #container.mobile .pointP .history .his_Con li .his_Data{display:inline-block;padding-left:20px;vertical-align:top;} #container.mobile .pointP .history .his_Con li .his_Data .date{color:#909090;padding-bottom:5px;} #container.mobile .pointP .history .his_Con li .his_Data .con{font-size:16px;padding-bottom:5px;} #container.mobile .pointP .history .his_Con li .his_Data .num{color:666666;font-size:14px;} #container.mobile .pointP .history .his_Con li.addP {border:1px solid #999999;} #container.mobile .pointP .history .his_Con li.addP .point p{border:1px solid #f5821f;color:#f5821f;} #container.mobile .pointP .paging{background:#fff;margin-top:0;padding:20px 0 0;} #container.mobile .pointP .topBox .total_amount{background:#fbf9e8;text-align:center;padding:40px 0;margin-top:10px;overflow:hidden;border-radius:5px;} #container.mobile .pointP .topBox .total_amount span{font-size:42px;font-weight:bold;color:#303030;} #container.mobile .pointP .cardTab{overflow:hidden;} #container.mobile .pointP .cardTab li{position:relative;float:left;line-height:50px;height:50px;text-align:center;font-size:14px;font-weight:bold;width:50%;background:#f8f8f8;border-bottom:1px solid #333333;box-sizing:border-box;} #container.mobile .pointP .cardTab li:first-child{border-right:1px solid #333333;} #container.mobile .pointP .cardTab li.active{background:#fff;border-bottom:none;} #container.mobile .pointP .cardTab li.active:before{content:''; width:100%;height:50px;background:url(/images2017/mobile/m_tab_bLine.gif) no-repeat center bottom;position:absolute;left:0;} #container.mobile .pointP .cardPick{padding: 10px 4%;overflow: hidden;background:#fff;display:none;position:relative;} #container.mobile .pointP .cardPick.active{display:block;} #container.mobile .pointP .cardPick .title{font-size:16px;padding:10px 0;} #container.mobile .pointP .cardPick ul{overflow:hidden;} #container.mobile .pointP .cardPick ul li{border:1px solid #cdcdcd;border-radius:5px;padding:10px;margin-bottom:10px;position:relative;} #container.mobile .pointP .cardPick ul li .card{overflow:hidden;height:25px;line-height:25px;margin-bottom:10px;} #container.mobile .pointP .cardPick ul li .card img{height:25px;width:auto;float:left;} #container.mobile .pointP .cardPick ul li .card span{float:left;padding-left:10px;} #container.mobile .pointP .cardPick ul li .name{font-size:16px;font-weight:bold;overflow:hidden;margin-bottom:10px;} #container.mobile .pointP .cardPick ul li dl{overflow:hidden;line-height:30px;} #container.mobile .pointP .cardPick ul li dl dt{float:left;color:#909090;width:45%;font-size:14px;} #container.mobile .pointP .cardPick ul li dl dd{float:left;width:55%;font-size:16px;} #container.mobile .pointP .cardPick ul li dl dd input{width:100%;box-sizing:border-box;} #container.mobile .pointP .cardPick ul li dl dd span{color:#fe9002;display:inline-block;font-size:14px;background:url(/images2017/mobile/m_txt_line02.gif) no-repeat left center;padding-left:5px;margin-left:5px;background-size:1px 13px;} #container.mobile .pointP .cardPick ul li .pBtn{background:#f2f2f2;height:50px;line-height:50px;text-align:center;font-size:16px;border-radius:3px;margin-top:10px;} #container.mobile .pointP .cardPick ul li .pBtn span{background:url(/images2017/mobile/check_icon_off02.png) no-repeat left center;background-size:15px auto;padding-left:20px;} #container.mobile .pointP .cardPick ul li .close_btn{position:absolute;right:10px;top:10px;} #container.mobile .pointP .cardPick ul li .close_btn img{width:15px;height:auto;} #container.mobile .pointP .cardPick ul li.active{border:1px solid #fe9002;} #container.mobile .pointP .cardPick ul li.active .pBtn{background:#fe9002;} #container.mobile .pointP .cardPick ul li.active .pBtn span{background:url(/images2017/mobile/check_icon.png) no-repeat left center;background-size:15px auto;padding-left:20px;} #container.mobile .pointP .cardPick ul li.active .pBtn a, #container.mobile .pointP .cardPick ul li.hover .pBtn a {color:#fff;} #container.mobile .pointP .cardPick ul li.no_card{text-align:center;padding:65px 10px;border:1px solid #cdcdcd !important;} #container.mobile .pointP .cardPick ul li.no_card img{width:80px;} #container.mobile .pointP .cardPick ul li.no_card p{font-size:16px;padding-top:20px;color:#969696;} #container.mobile .pointP .cardPick .msgPop.m_LayerPopup{position:fixed;top:30%;} #container.mobile .pointP .cardPick .newCard_btn{border:1px solid #ff7000;border-radius:3px;height:50px;line-height:50px;box-sizing:border-box;text-align:center;margin-top:10px;} #container.mobile .pointP .cardPick .newCard_btn span{font-size:16px;font-weight:bold;color:#ff7000;background:url(/images2017/mobile/m_addPlus_icon.png) no-repeat left center;background-size:18px auto;padding-left:25px;} #container.mobile .pointP .payment_info{background: #fff;margin: 0;padding: 40px 4%;} #container.mobile .pointP .payment_info p{color:#333;margin-bottom:10px;font-size:14px;} #container.mobile .pointP .payment_info ul li {font-size:12px;background:url(/images2017/mobile/m_txt_dot.gif) no-repeat 0 9px;padding-left:8px;line-height:20px;} #container.mobile .pointP .payment_info ul li span{color:#f5821f;} #container.mobile .pointP .payment_info div{background:#fbfbfb;padding:10px;} #container.mobile .pointP .MnewCard{background:#fff;padding:20px 4% 0;display:none;} #container.mobile .pointP .MnewCard.active{display:block;} #container.mobile .pointP .MnewCard .cardLst{overflow:hidden;margin-bottom:10px;} #container.mobile .pointP .MnewCard .cardLst ul li{float:left;padding-right:10px;} #container.mobile .pointP .MnewCard .cardLst ul li img{height:25px;width:auto;} #container.mobile .pointP .MnewCard .cardLst ul li:last-child{padding-right:0;} #container.mobile .pointP .MnewCard .cardLst p{padding-bottom:10px;} #container.mobile .pointP .MnewCard > ul{overflow:hidden;padding-bottom:10px;} #container.mobile .pointP .MnewCard > ul li{padding:0;margin-bottom:20px;overflow:hidden;} #container.mobile .pointP .MnewCard > ul li:last-child{margin-bottom:0;} #container.mobile .pointP .MnewCard > ul li label{padding:0 0 10px 0;text-align:left;width:100%;color:#303030;font-size:14px;display:block;} #container.mobile .pointP .MnewCard > ul li select, #container.mobile .pointP .MnewCard ul li input{width:100%;padding:0 0 0 10px;box-sizing:border-box;background:#fff;} #container.mobile .pointP .MnewCard > ul li span.bul_circle03{display:inline-block;position:absolute;left:15px;} #container.mobile .pointP .MnewCard > ul li span.txt{margin-left:25px;display:block;width:auto;} #container.mobile .pointP .MnewCard > ul li.date div{float:left;} #container.mobile .pointP .MnewCard > ul li .select_Box{position:relative;} #container.mobile .pointP .MnewCard .cBtnArea{padding:20px 0 0;width:100%;} #container.mobile .pointP .MnewCard .cBtnArea p{width:100%;} #container.mobile .pointP .MnewCard .notice .bul_circle{border:1px solid #ff7000;color:#ff7000;border-radius:25px;height:15px;width:15px;line-height:15px;font-weight:bold;font-size:12px;text-align:center;display:inline-block;} #container.mobile .pointP .MnewCard .notice .txt span{color:#ff7000;} #container.mobile .pointP .MnewCard .card_Save{position:relative;margin-top:10px;} #container.mobile .pointP .MnewCard input[type="checkbox"] + label{display: inline-block; width:20px; height:20px; background:url(/images2017/mobile/check_icon_off.png) #fff no-repeat center/15px 10px;border:1px solid #dcdcdc;cursor: pointer; border-radius: 3px;box-sizing:border-box;} #container.mobile .pointP .MnewCard input[type="checkbox"]:checked + label{background:url(/images2017/mobile/check_icon.png) #fe9002 no-repeat center;background-size:15px 10px;border:none;} #container.mobile .pointP .MnewCard input[type="checkbox"] + label span{position: absolute; top: 3px; left:25px; display: block;font-size:14px;line-height:14px;} #container.mobile .pointP .MnewCard input[type="checkbox"]{display:none;} #container.mobile .pointP .topTab{overflow:hidden;width:100%;background:#fff;padding:20px 0 0 0;} #container.mobile .pointP .topTab li{float:left;width:50%;font-size:14px;text-align:center;background:#fcfcfc;border-top:1px solid #f5f5f5;border-bottom:1px solid #333333;border-right:1px solid #333333;box-sizing:border-box;} #container.mobile .pointP .topTab li a{color:#8d8d8d;padding:10px 0;display:block;} #container.mobile .pointP .topTab li:last-child{border-right:none;} #container.mobile .pointP .topTab li.active{background:#fff;border-top:1px solid #333333;border-bottom:1px solid #fff;} #container.mobile .pointP .topTab li.active a{color:#333333;} #container.mobile .pointP .topBox .Title p.titDep3{float:left;} #container.mobile .pointP .topBox .Title p.history_btn{float:right;margin-top:10px;margin-bottom:10px;} #container.mobile .pointP .topBox .Title p.history_btn a{padding:5px 10px;border:1px solid #dcdcdc;border-radius:20px;text-decoration:none;font-size:12px;} .m_LayerPopup.msgPop {position: absolute;top: 35%;left: 0;width:80%;box-sizing:border-box;padding:10px;margin: 0 10%;background: #fff;border: 1px solid #6a57c3;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);display:none;} .m_LayerPopup.msgPop .close_btn{position: absolute;right:15px;top:20px;} .m_LayerPopup.msgPop .close_btn img{width:20px;} .m_LayerPopup.msgPop .tit{font-size: 16px;font-weight: bold;border-bottom: 1px solid #6a57c3;padding-bottom: 20px;padding:10px 0 15px 10px;margin-bottom: 20px;} .m_LayerPopup.msgPop .txt{overflow:hidden;width:100%;font-size:14px;text-align:center;line-height:24px;} /* mobile 부분 - 포인트 결제 결과 */ #container.mobile .paymentFinish{padding:40px 10%;} #container.mobile .paymentFinish .txtCon{text-align:center;} #container.mobile .paymentFinish .txtCon .top {border-bottom:1px solid #cdcdcd;padding-bottom:30px;margin-bottom:20px;} #container.mobile .paymentFinish .txtCon .top span{font-size:18px;font-weight:bold;} #container.mobile .paymentFinish .txtCon .top .success{background:url(/images2017/mobile/m_success_icon.png) no-repeat left center;background-size:55px;padding:10px 0 10px 65px;} #container.mobile .paymentFinish .txtCon .top .fail{background:url(/images2017/mobile/m_fail_icon.png) no-repeat left center;background-size:60px;padding:10px 0 10px 70px;} #container.mobile .paymentFinish .txtCon .foot{font-size:16px;} #container.mobile .paymentFinish .thxMessage{margin-top:20px;font-size:14px;} #container.mobile .paymentFinish .thxMessage span{padding-top:10px;} #container.mobile .paymentFinish .cBtnArea{padding:20px 0;margin:0 auto;} #container.mobile .paymentFinish .cBtnArea .btn2{width:100%;} #container.mobile .paymentFinish .bottom_notice{border-top:1px solid #cdcdcd;padding-top:20px;} #container.mobile .paymentFinish .bottom_notice .bul_circle{border:1px solid #ff7000;color:#ff7000;border-radius:25px;height:15px;width:15px;line-height:15px;font-weight:bold;font-size:12px;text-align:center;display:inline-block;} #container.mobile .paymentFinish .bottom_notice .txt span{color:#ff7000;} #container.mobile .paymentFinish .bottom_notice > .txt{background:#f8f8f8;padding:10px;margin-top:10px;} #container.mobile .paymentFinish .bottom_notice > .txt a{color:#ff7000;} /* 공통 */ #container.mobile .Pagination{background:#fff;padding-bottom:0;} #container.mobile input, #container.mobile select{font-size:14px;} .left_container.mobile a, #container.mobile a, footer.mobile a, #container.mobile div, #container.mobile p, #container.mobile span, #container.mobile strong, #container.mobile ul li{text-decoration:none !important;} footer.mobile a:hover{color:#303030;} .w_max{width:100% !important;} #container.mobile .hMenu .hgnb .subMenu.menuTwo li{padding:0 12px;} #container.mobile .select_Box:before{content: "";position: absolute;top: 50%;right: 15px;width: 0;height: 0;margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #313131;} #container.mobile div.Title{background:#fff;padding:25px 4% 15px;margin:0;border-bottom:1px solid #333 ;margin-top:40px;overflow:hidden;} #container.mobile div.Title:first-child{margin-top:0;} #container.mobile div.Title p{font-size:16px;letter-spacing:-1px;} #container.mobile .message{margin:10px 4%;background:#fbf9e8;border:1px solid #fbf9e8;} #container.mobile .message .inner p{color:#303030;} .mgl15-{margin-left:-15px !important;} @media (min-width: 320px) and (max-width: 374px){ .popup_wrapper.scroll_m .layer{margin-left:0 !important;left:3vw !important;top:65% !important;width:94% !important;} .popup_wrapper.scroll_m .layer .inner{padding:0 15px !important;overflow-x:auto !important;} .popup_wrapper.scroll_m .layer .inner .orderList {margin:0 !important;padding:10px !important;width:850px !important;} .popup_wrapper.scroll_m .layer .inner .srcBox{width:850px !important;box-sizing:border-box;} .popup_wrapper.scroll_m .layer h3{padding:10px 17px;margin-bottom:10px;} } @media (min-width:320px) and (max-width: 767px){ .LPOP2.pop_ca{position: fixed;left: 50%;top: 50%;max-height: 80%;width: 94vw;height: auto;transition: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);overflow-y: auto;} @media (min-width: 375px) and (max-width: 1024px) { #container.mobile .hMenu .hgnb .subMenu li{padding:0 12px;} /* 모바일 popup_wrapper 팝업 */ .popup_wrapper.scroll_m .layer{margin-left:0 !important;left:3vw !important;top:55% !important;width:94% !important;} .popup_wrapper.scroll_m .layer .inner{padding:0 15px !important;overflow-x:auto !important;} .popup_wrapper.scroll_m .layer .inner .orderList {margin:0 !important;padding:10px !important;width:850px !important;} .popup_wrapper.scroll_m .layer .inner .srcBox{width:850px !important;box-sizing:border-box;} } @media (min-width: 768px) and (max-width: 1023px) { #headerNew.mobile .scroll_Top .hLogo {left:70px;} } @media (min-width: 1024px) and (max-width: 1366px) { #headerNew.mobile .scroll_Top .hLogo {left:80px;} } @media (max-width: 1024px){ .quick_menu{right:-75px;} } @media (min-width: 1025px) and (max-width: 1919px){ .quick_menu{right:-75px;} }