/* 영문 (대문자) : U+0041-005A 영문 (소문자) : U+0061-007A 숫자 : U+0030-0039 한글 : U+AC00-U+D7A3 */ #ft_wr,#gnb {width:1680px} #ft_catch, #ft_copy, #hd, #wrapper, #container, #ft {min-width:1680px} #container{margin:0 auto;padding:0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none} #gnb{padding:0 90px} #ft_wr{padding:40px 90px} /* 공통 */ div[id^='main_']{min-width:1680px;width:1680px;margin:0 auto;margin-top:75px} div[id^='main_'].sub{min-width:auto;width:auto;margin:0 auto;margin-top:75px} div[id^='main_'] > ul {list-style:none;padding:0;margin:0} div[id^='main_'] > ul:after{content:'';display:block;clear:both;width:0;height:0} div[id^='main_'] > ul > li {float:left} div[id^='main_'] > h1{font-size:28px;font-weight:300} div[id^='main_'] > h1:after{content:'';display:block;border-top:1px solid #d4d4d4;height:1px;width:30px;margin:25px 0 18px 2px} /* 버튼 */ #main_content .main_button{text-align:center} #main_content .main_button > button{background:#000000;color:#ffffff;font-weight:300;font-size:18px;border:1px solid #ffffff;width:300px;height:47px;padding-bottom:3px;box-shadow: 2px 5px 0 1px rgba(0, 0, 0, .1)} #main_content .main_button > a{background:#000000;color:#ffffff;font-weight:300;font-size:18px;border:1px solid #ffffff;width:300px;height:47px;padding-bottom:3px;box-shadow: 2px 5px 0 1px rgba(0, 0, 0, .1);display:inline-block;line-height:44px} #main_content{margin:0 auto} #main_content > ul > li {height:100%} #main_content > #main_content_ul1{height:650px;color:#ffffff} #main_content > #main_content_ul1 > li > h1{font-size:28px;font-weight:300;position:absolute;left:25px;top:50px;z-index:3} #main_content > #main_content_ul1 > li > h1 > a{color:#ffffff} #main_content > #main_content_ul1 > li > h1:after{content:'';display:block;border-top:1px solid #ffffff;height:1px;width:30px;margin:18px 0 18px 2px} #main_content > #main_content_ul1 > li {position:relative} #main_content > #main_content_ul1 > li > div .main-service{grid-template-columns:repeat(2,1fr)} /* 이벤트 */ #main_content > #main_content_ul1 > li:nth-child(1){width:919px;} #main_content > #main_content_ul1 > li:nth-child(1) > div{display:flex;} #main_content > #main_content_ul1 > li:nth-child(1) > div > div{width:50%} /* 공지 */ #main_content > #main_content_ul1 > li:nth-child(2){width:410px;background:#f34848;padding-top:110px;padding-bottom:110px} /* 주문내역 #main_content > #main_content_ul1 > li:nth-child(3){width:350px;background:#202020;padding-top:110px;padding-bottom:110px} #main_content > #main_content_ul1 > li:nth-child(3) > div.main_login > i.fa {color:#dddddd;font-size:80px;display:block;margin-bottom:20px} #main_content > #main_content_ul1 > li:nth-child(3) > div.main_login{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:24px;font-weight:300;line-height:26px} #main_content > #main_content_ul1 > li > .main_button {position:absolute;bottom:30px;left:50%;transform:translate(-50%,0)} #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest {position:relative;padding:0 25px} #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest li .num{display:inline-block;font-size:14px;margin-right:8px} #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest li .status{display:inline-block;font-size:14px;margin-right:8px;} #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest li .dt{display:inline-block;width:52px;font-size:14px;float:right;letter-spacing: -.5px;} #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid #ffffff30} #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest li:last-child{border-bottom:none} #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest li a, #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest li.empty_li {color:#ffffff;padding:12px 0;display:inline-block;font-size:14px;font-weight:300;width:100%} #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline} #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline} #main_content > #main_content_ul1 > li:nth-child(3) > .order_latest li.empty_li {border-bottom:0;line-height:120px} */ /* 배대지 정보 */ #main_content > #main_content_ul1 > li:nth-child(3){width:350px;background:#444444;padding-top:110px;padding-bottom:200px} #main_content > #main_content_ul1 > li:nth-child(3) > .delivery_info{position:relative;padding:10px 25px} #main_content > #main_content_ul1 > li:nth-child(3) > .delivery_info > .explain {font-size:11px;font-weight:300px;letter-spacing:-0.5px;margin-top:10px} #main_content > #main_content_ul1 > li:nth-child(3) > .delivery_info .button{background:#000000;color:#ffffff;font-weight:300;font-size:12px;border:1px solid #ffffff;width:122px;height:23px;padding-bottom:3px;box-shadow: 2px 4px 0 1px rgba(0, 0, 0, .1);display:inline-block;line-height:20px;text-align:center;letter-spacing:-1px;vertical-align: middle;} #main_content > #main_content_ul1 > li:nth-child(3) > .delivery_info .button.red{background:#f34848} #main_content > #main_content_ul1 > li:nth-child(3) > .kakao_banner {position:absolute;bottom:30px;left:50%;transform:translate(-50%,0);box-shadow: 2px 5px 0 1px rgb(0 0 0 / 10%)} /* 신청서 작성하기 */ #main_content > #main_content_ul2{height:125px;border-bottom:1px solid #dbdbdb} #main_content > #main_content_ul2 > li:nth-child(1){width:100%;background:#f8f7f7;/*border-right:1px solid #dbdbdb*/} #main_content > #main_content_ul2 > li:nth-child(2){width:50%;background:#ededed;display:none} #main_content > #main_content_ul2 > li{line-height:125px;text-align:center} #main_content > #main_content_ul2 > li:hover {background:#eeeded} #main_content > #main_content_ul2 > li i.fa {font-size:55px;vertical-align:middle} #main_content > #main_content_ul2 > li div {display:inline-block;vertical-align:middle;font-size:17px;line-height:normal;text-align:left;margin-left:10px } #main_content > #main_content_ul2 > li div > b{display:block;font-size:30px;text-indent:-3px;margin-top:-10px} #main_content > #main_content_ul2 > li i.right{margin-left:40px;display:inline-block;width:45px;height:45px;border:3px solid #444444;border-radius:50%;vertical-align:middle;position:relative} #main_content > #main_content_ul2 > li i.right:after{content:'';display:inline-block;width:16px;height:16px;border-top:3px solid #444444;border-right:3px solid #444444;vertical-align:middle;position:absolute;left:14%;top:50%;transform: rotate( 45deg) translate(-25%, -50%)} /* 계산기 & 메뉴2 */ #main_content > #main_content_ul3_2{height:260px;gap:15px;display:flex;align-items:center;padding:15px 0} #main_content > #main_content_ul3_2::after{display:none} #main_content > #main_content_ul3_2 > li{width:20%;flex:1 1 auto;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f7f7} #main_content > #main_content_ul3_2 > li:hover{background:#eeeded} #main_content > #main_content_ul3_2 > li > a {display:block;vertical-align: middle;text-align:center;font-size:14px;font-weight:600} #main_content > #main_content_ul3_2 > li > a b{display:block;font-size:32px;font-weight:600} #main_content > #main_content_ul3_2 > li > .main_button {position:absolute;bottom:70px;left:50%;transform:translate(-50%,0)} #main_content > #main_content_ul3_2 > li:nth-child(5){background:#ffffff} #main_content > #main_content_ul3_2 > li:nth-child(5) > dl{list-style:none;padding:0;margin:0;width:100%} #main_content > #main_content_ul3_2 > li:nth-child(5) > dl:after{content:'';display:block;clear:both;width:0;height:0} #main_content > #main_content_ul3_2 > li:nth-child(5) > dl > dt {width:100%;border-bottom:1px solid #e5e5e5;font-size:18px;font-weight:bold;height:50px;line-height:50px} #main_content > #main_content_ul3_2 > li:nth-child(5) > dl > dd {float:left;width:50%;height:180px;padding:5px 0;font-size:14px;font-weight:500} #main_content > #main_content_ul3_2 > li:nth-child(5) > dl > dd:last-child {background:#f8f7f7;padding-left:10px} #main_content > #main_content_ul3_2 > li:nth-child(5) > dl > dd > b{display:block;font-size:15px;letter-spacing:-1px} #main_content > #main_content_ul3_2 > li:nth-child(5) > dl > dd > b.number{font-size:18px;font-weight:700} #main_content > #main_content_ul3_2 > li:nth-child(5) > dl > dd > b > span {background:#0084ff;color:#ffffff;border-radius:10px;font-size:11px;font-weight:300;height:18px;display:inline-block;vertical-align:top;margin-top:3px;padding:0 8px} #main_content > #main_content_ul3_2 > li:nth-child(5) > dl > dd:last-child > b.number:after{content:'';display:block;border-bottom:1px solid #222222;width:25px;margin:30px 0 35px 0 } /* 계산기 & 메뉴 */ #main_content > #main_content_ul3{height:600px} #main_content > #main_content_ul3 > li {padding:50px 25px 25px 25px;position:relative} #main_content > #main_content_ul3 > li > h1{font-size:28px;font-weight:300} #main_content > #main_content_ul3 > li > h1:after{content:'';display:block;border-top:1px solid #dcdcdc;height:1px;width:30px;margin:18px 0 18px 2px} /* 관부가세 계산기 */ #main_content > #main_content_ul3 > li:nth-child(1){width:25%;border-right:1px solid #dbdbdb} #dutyCalc{border-top:none} #dutyCalc .tbody:last-child{border-bottom:none} #dutyCalc > .tbody > span:first-child{width:120px;text-align:left} #dutyCalc > .tbody > span:nth-child(2) > input[type='text']{width:calc(100% - 30px);margin-right :5px} #dutyCalc > .tbody:nth-child(-n+3) > span{height:40px;line-height:40px;font-size:18px;font-weight:400;color:#333} #dutyCalc > .tbody:nth-child(n+4) > span{height:47px;line-height:47px;font-size:24px;font-weight:700} #dutyCalc > .tbody:nth-child(n+4) > span:nth-child(2) {text-align:right} #dutyCalc > .tbody:nth-child(n+4) > span:nth-child(2) > span {font-family:'gsm';margin-right:5px} /* 무게/ 부피비용 계산기 */ #main_content > #main_content_ul3 > li:nth-child(2){width:25%;border-right:1px solid #dbdbdb} #itemCalc{border-top:none} #itemCalc .tbody:last-child{border-bottom:none} #itemCalc > .tbody > span{height:40px;line-height:40px;text-align:left} #itemCalc > .tbody:nth-child(n+4) > span{height:47px;line-height:47px} #itemCalc > .tbody > span:first-child{width:120px;text-align:left} #itemCalc > .tbody > span:nth-child(2) > input[type='text']{width:calc(100% - 30px);margin-right :5px} #itemCalc > .tbody:nth-child(3) > span:nth-child(2) {text-align:right} #itemCalc > .tbody:nth-child(4) > span > input[type='text']{width:calc(33% - 33px)} #itemCalc > .tbody:nth-child(-n+5) > span{font-size:18px;font-weight:400;color:#333} #itemCalc > .tbody:nth-child(n+6) > span{font-size:24px;font-weight:700} #itemCalc > .tbody:nth-child(n+6) > span:nth-child(2) {text-align:right} #itemCalc > .tbody:nth-child(n+6) > span:nth-child(2) > span {font-family:'gsm';margin-right:5px} /* 베너 */ #main_content > #main_content_ul3 > li:nth-child(3){width:50%;padding:25px} #main_content > #main_content_ul3 > li:nth-child(3) > ul {list-style:none;padding:0;margin:0} #main_content > #main_content_ul3 > li:nth-child(3) > ul:after{content:'';display:block;clear:both;width:0;height:0} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li {float:left;width:382px;height:240px;display:table} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(n+3){margin-top:25px} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(odd){margin-right:25px} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(4){background:#ffffff} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(-n+4) > div:hover{background:#eeeded} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(-n+4) > div {background:#f8f7f7;display:table-cell;vertical-align: middle;text-align:center;font-size:14px;font-weight:600} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(-n+4) > div b{display:block;font-size:32px;font-weight:600} #main_content > #main_content_ul3 > li > .main_button {position:absolute;bottom:70px;left:50%;transform:translate(-50%,0)} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(4) > dl{list-style:none;padding:0;margin:0;width:100%} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(4) > dl:after{content:'';display:block;clear:both;width:0;height:0} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(4) > dl > dt {width:100%;border-bottom:1px solid #e5e5e5;font-size:18px;font-weight:bold;height:50px;line-height:50px} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(4) > dl > dd {float:left;width:50%;height:190px;padding:15px 0;font-size:14px;font-weight:500} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(4) > dl > dd:last-child {background:#f8f7f7;padding-left:20px} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(4) > dl > dd > b{display:block;font-size:16px;letter-spacing:-1px} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(4) > dl > dd > b.number{font-size:19px;font-weight:700;margin-bottom:5px} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(4) > dl > dd > b > span {background:#0084ff;color:#ffffff;border-radius:10px;font-size:11px;font-weight:300;height:18px;display:inline-block;vertical-align:top;margin-top:3px;padding:0 8px} #main_content > #main_content_ul3 > li:nth-child(3) > ul > li:nth-child(4) > dl > dd:last-child > b.number:after{content:'';display:block;border-bottom:1px solid #222222;width:25px;margin:30px 0 35px 0 } /* 배송대행 진행절차 안내 */ #main_steps_group{background:#f8f6f7;min-width:1680px;width:100%;padding:75px 0;margin-top:0} #main_steps_title{text-align:center;margin-top:0} #main_steps_title > div:first-child {display:inline-block;margin-left:310px;margin-right:20px;height:70px;vertical-align:middle;font-size:17px} #main_steps_title > div:first-child > b{font-size:32px;letter-spacing:-0.5px;display:block} #main_steps_title > div:last-child {display:inline-block;width:290px;background:#e0dfdf;height:70px;line-height:70px;border-radius:35px;vertical-align:middle;font-size:20px;font-weight:600;letter-spacing:-1px} #main_steps_title > div:last-child > a > img {-webkit-filter:brightness(0%);filter: brightness(0%)} #main_steps_title > div:last-child:hover {background:#0084ff;color:#ffffff;cursor:pointer} #main_steps_title > div:last-child:hover > a{color:#ffffff;cursor:pointer} #main_steps_title > div:last-child:hover > a > img{-webkit-filter:none;filter:none} #main_steps {background:#f8f6f7;padding:0 200px} #main_steps .steps_img{background:url('/theme/basic/img/main_steps_icon.png') no-repeat;width:80px;height:80px;display:block;background-position-y:-80px;-webkit-filter: grayscale(100%) brightness(10%);filter: grayscale(100%) brightness(10%);transition: .2s filter ease-out;} #main_steps .steps_img[data-step="1"]{background-position-x:0} #main_steps .steps_img[data-step="2"]{background-position-x:-80px} #main_steps .steps_img[data-step="3"]{background-position-x:-160px} #main_steps .steps_img[data-step="4"]{background-position-x:-240px} #main_steps .steps_img[data-step="5"]{background-position-x:-320px} #main_steps .steps_img[data-step="6"]{background-position-x:-400px} #main_steps .steps_img[data-step="7"]{background-position-x:-480px} #main_steps .steps_img[data-step="8"]{background-position-x:-560px} #main_steps .steps_img[data-step="0"]{background-position-x:-640px;-webkit-filter: grayscale(100%) brightness(190%);filter: grayscale(100%) brightness(190%);} #main_steps .steps_text{text-align:center;font-weight:400;font-size:18px;letter-spacing:-1px;transition: .2s color ease-out} #main_steps .steps_number{text-align:center;font-weight:bold;font-family: 'gsm';font-size:11px;margin-bottom:15px;transition:.2s color ease-out} #main_steps .steps_circle{border-bottom:1px solid #e0dfdf;padding-top:24px;margin-bottom:24px;position:relative} #main_steps .steps_circle:after{content:'';display:block;height:13px;width:13px;border-radius:50%;background:#e1e0e0;position:absolute;left:50%;bottom:-6px;transform:translate(-50%, 0);transition: .2s background ease-out} #main_steps > ul > li:first-child > .steps_circle:before{content:'';display:block;border-bottom:1px solid #e0dfdf;padding-top:24px;margin-bottom:24px;position:absolute;left:-100px;top:0;width:100px} #main_steps > ul > li:last-child > .steps_circle:before{content:'';display:block;border-bottom:1px solid #e0dfdf;padding-top:24px;margin-bottom:24px;position:absolute;right:-100px;top:0;width:100px} #main_steps > ul > li {cursor:pointer;width:160px} #main_steps > ul > li > .steps_img {margin:0 auto} #main_steps > ul > li:hover > .steps_img, #main_steps > ul > li.active > .steps_img{transition: .5s filter ease-in;filter: grayscale(0%) brightness(100%);} #main_steps > ul > li:hover > .steps_text, #main_steps > ul > li.active > .steps_text, #main_steps > ul > li:hover > .steps_number, #main_steps > ul > li.active > .steps_number{transition: .5s color ease-in;color:#0b80e0} #main_steps > ul > li:hover > .steps_circle:after, #main_steps > ul > li.active > .steps_circle:after{transition: .5s background ease-in;background:#0b80e0} /* 자주묻는 질문 */ #main_faq > ul > li {height:189px;width:189px;background:#f8f7f7;padding:24px 24px 0 24px;font-size:16px} #main_faq > ul > li:not(:last-child) {margin-right:24px} /* 이벤트 & 관세청 소식 */ #main_event_customs {margin:0 auto;} #main_event_customs:after{content:'';display:block;clear:both;width:0;height:0} /* 이벤트 */ #main_event{float:left} #main_event > ul > li {height:190px;width:400px} #main_event > ul > li:not(:last-child) {margin-right:26px} /* 관세청 소식 */ #main_customs{float:left} #main_customs > h1{margin-left:24px} #main_customs > .customs_latest{width:400px;margin-left:28px} #main_customs > ul > li{height:190px;width:400px;padding:24px 0 0 24px} #main_customs > ul > li:not(:last-child){margin-right:26px} #main_customs > ul > li:last-child{margin-left:28px} /* 하단 통계 */ #main_stats{background: url('/theme/basic/img/main_bottom.jpg') no-repeat center center;zoom: 1;height: 474px;color:#ffffff;text-align:center} #main_stats > div {font-size:18px;font-weight:300;padding-top:70px} #main_stats > h1 {font-weight:500} #main_stats > h1:after{display:none} #main_stats > ul {margin-top:50px;display:inline-block} #main_stats > ul > li{width:280px;text-align:center;font-size:18px;font-weight:300} #main_stats > ul > li > .stats_count{font-size:45px;font-family:'gsm';font-weight:700;margin-top:5px} #main_stats .stats_img{background:url('/theme/basic/img/main_stats_icon.png') no-repeat;width:85px;height:85px;background-position-y:0;display:block;margin:0 auto} #main_stats .stats_img[data-step="1"]{background-position-x:0} #main_stats .stats_img[data-step="2"]{background-position-x:-85px} #main_stats .stats_img[data-step="3"]{background-position-x:-170px} #main_stats .stats_img[data-step="4"]{background-position-x:-255px} /* 사이트 링크 */ /* #main_site_banner {margin-top:40px;text-align:center;height:100px} #main_site_banner > ul{display:inline-block} #main_site_banner > ul > li {width:240px;font-size:16px;text-align:center} #main_site_banner > ul > li:not(:last-child) {margin-right:12px} #main_site_banner > ul > li > a > img {vertical-align:bottom} */ #main_site_banner {margin:40px auto;text-align:center;height: 100px;} #main_site_banner > ul{display:inline-block;width:auto} #main_site_banner > ul > li{width:240px;text-align:center} #main_site_banner > ul > li:not(:last-child) {margin-right:12px} /* IE 오류 처리 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* 배송대행 진행절차 안내 */ #main_steps .steps_img{background-position-y:0} #main_steps > ul > li > .steps_img {margin:0 auto} #main_steps > ul > li:hover > .steps_img, #main_steps > ul > li.active > .steps_img{background-position-y:-80px!important} /* 미확인 주문건 */ #main_unidentified > ul > li {letter-spacing:-1px} }