/************************************************************************ * 파일명 : v2020_monile.css * 설명 : mobile web css * 작성자 : GhPark * 작성일 : 2020.10 ************************************************************************/ @charset 'utf-8'; body{-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;} #container.mobile a, #m_main a {text-decoration:none !important;} body.mobile, #container.mobile{padding-top:55px;} #m_main{background:#f2f2f2;overflow:hidden;} #m_main h3, .mobile h3{font-size:18px;font-weight:bold;} #m_main h3 span, .mobile h3 span{font-weight:normal;} #m_main #mask_gnb{z-index:100;} #m_main .applyBtn{overflow:hidden;margin:3vw;} #m_main .applyBtn li{float:left;width:45.5vw;} #m_main .applyBtn li a{padding:8px 0;text-align:center;display:block;color:#fff;font-size:14px;} #m_main .applyBtn li:first-child{background:#ff7000;margin-right:2vw;} #m_main .applyBtn li:last-child{background:#7057cc;} #m_main .Benefit{overflow:hidden;margin:0 3vw 1vw 3vw;} #m_main .Benefit li{width:30vw;float:left;border:1px solid #dcdcdc;box-sizing:border-box;background:#fff;text-align:center;padding:15px 0;margin-right:1.5vw;margin-bottom:2vw;} #m_main .Benefit li:nth-child(3), #m_main .Benefit li:nth-child(6){margin-right:0;} #m_main .Benefit li dd img{height:40px;} #m_main .Benefit li dd{padding-bottom:10px;} #m_main .Benefit li dt{font-weight:bold;font-size:12px;} /* 메인 공지사항 게시판 */ #m_main .Notice{background:#fff;overflow:hidden;padding:4vw 3vw;} #m_main .Notice h3{display:inline-block;} #m_main .Notice .v_more{float:right;} #m_main .Notice .mNotice{border-top:1px solid #333;margin-top:2vw;padding-top:2vw;} #m_main .Notice .mNotice li{overflow:hidden;} #m_main .Notice .mNotice li a{float:left;} #m_main .Notice .mNotice li p{float:right;color:#999999;} /* 메인 가운데 배너 */ #m_main .conBanner{background:#fff;} #m_main .conBanner li img{width:100%;} /* 메인 오샵 상품 리스트 */ #m_main .mShop{background:#fff;overflow:hidden;padding:4vw 3vw;margin:0;width:94vw;clear:n one;} #m_main .mShop h3{display:inline-block;} #m_main .mShop .v_more{float:right;} #m_main .mShop .v_more a{color:#ff7000;} #m_main .mShop > .prd_list{padding-top:2vw;} #m_main .arrow{width:94vw;z-index:1;opacity:0;} #m_main .mShop > .prd_list{height:170px;} #m_main .mShop > .prd_list .prd_item > .box > .img{width:120px;height:120px;} #m_main .mShop > .prd_list .prd_item > .box > .img > img{max-height:120px;} #m_main .mShop > .prd_list .prd_item p.price{max-width:120px;} #m_main .mShop > .prd_list .prd_item p.tit{max-width:120px;} #m_main .mShop > .prd_list .prd_item{width:130px !important;} #container.mobile .shopCart .AssistedPurchase.cart.ohshop .listBox div.list div.conBox .delBtn{float:right;margin-top:-5px;} #container.mobile .shopCart .AssistedPurchase.cart.ohshop .cartTotal ul li{width:100%;box-sizing:border-box;border-left:none;} #container.mobile .shopCart .AssistedPurchase.cart.ohshop .cartTotal ul li p{float:right;} #container.mobile .shopCart .AssistedPurchase.cart.ohshop .cartTotal ul li p .tPay{color:#ff7000;font-size:16px;} .shopBanner.mobile img{width:100%;} #container.buy.mobile .tag{z-index:unset;} /* 메인 현황판 */ #m_main .Status{overflow:hidden;background:#fff;padding:4vw 3vw;} #m_main .Status h3{margin-bottom:10px;} #m_main .Status .table_container{width:100%;overflow-x:auto;} #m_main .Status .table_container table{width:1010px;margin-bottom:5px;border-top:1px solid #ff7000;} #m_main .Status .table_container table thead th{padding:10px;background:#f2f2f2;border-bottom:1px solid #dcdcdc;} #m_main .Status .table_container table tbody th{padding:10px;border-bottom:1px solid #dcdcdc;} #m_main .Status .table_container table tbody td{padding:10px;border-bottom:1px solid #dcdcdc;text-align:center;} #m_main .Status .table_container table tbody td span.infoDE_txtS{color:#999;} #m_main .Status .table_container::-webkit-scrollbar {height:4px; } #m_main .Status .table_container::-webkit-scrollbar-track { background-color:#f2f2f2; } #m_main .Status .table_container::-webkit-scrollbar-thumb { background: #999; } #m_main .Status .table_container::-webkit-scrollbar-thumb:active { background: #808080; } #m_main .Status .table_container::-webkit-scrollbar-top { display:block ; } /* 고객센터 자주하는 질문 */ #container.mobile.faq_m #content{background:#f2f2f2;overflow:hidden;} #container.mobile.faq_m .Search{background:#fff;overflow:hidden;padding:20px 3vw 10px;margin-bottom:10px;position:relative} #container.mobile.faq_m .Search input{width:94vw;box-sizing:border-box;} #container.mobile.faq_m .Search span.sBtn{position:absolute;top:28px;right:3vw;margin-right:5px;} #container.mobile.faq_m .Search span.sBtn a{background:#333;color:#fff;border-radius:3px;padding:5px 15px;} #container.mobile.faq_m .Search input{height:39px;line-height:39px;padding-left:40px;} #container.mobile.faq_m .Search .icon{position: absolute;left: 3vw;top: 28px;padding-left: 10px;} #container.mobile.faq_m .Search .icon i{font-size:24px;} #container.mobile.faq_m #content > .faqLst{background:#fff;padding:20px 3vw 30px;} #container.mobile.faq_m .faqLst > div{margin-bottom:10px;} #container.mobile.faq_m .faqLst > div > p{border:1px solid #dcdcdc;height:38px;line-height:38px;padding:0 10px;background:#f2f2f2;margin-bottom:10px;font-size:14px;} #container.mobile.faq_m .faqLst > div.active > p{border:1px solid #ff7000;} #container.mobile.faq_m .faqLst > div > p span{float:right;} #container.mobile.faq_m .faqLst > div > p span i{font-size:20px;padding-top:9px;} #container.mobile.faq_m .faqLst > div > p span i.xi-angle-down-min{display:block;} #container.mobile.faq_m .faqLst > div > p span i.xi-angle-up-min{display:none;} #container.mobile.faq_m .faqLst > div.active > p span i.xi-angle-down-min{display:none;} #container.mobile.faq_m .faqLst > div.active > p span i.xi-angle-up-min{display:block;color:#ff7000;} #container.mobile.faq_m .faqLst > div > .select_box select{width:100%;background:#fff;} #container.mobile.faq_m .faqLst > div .select_box{position:relative;overflow:hidden;display:none;} #container.mobile.faq_m .faqLst > div .select_box:before{content: "";position: absolute;top: 50%;right: 16px;width: 0;height: 0;margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #313131;} #container.mobile.faq_m .faqLst > div.active .select_box{display:block;} #container.mobile.faq_m .faqLst > div.active{margin-bottom:30px;} #container.mobile.faq_m #content > .faqLst .faqLst2{overflow:hidden;margin-top:10px;} #container.mobile.faq_m #content > .faqLst ul.faqLst2 li .faq_q{background:#f2f2f2;height:38px;line-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container.mobile.faq_m #content > .faqLst ul.faqLst2 li .faq_q i{font-weight:bold;color:#ff7000;padding-right:10px;} #container.mobile.faq_m #content > .faqLst ul.faqLst2 li .faq_a{padding-top:10px;padding-left:33px;padding-bottom:10px;position:relative;display:none;} #container.mobile.faq_m #content > .faqLst ul.faqLst2 li .faq_a i{font-weight:bold;position:absolute;top:14px;left:10px;} #container.mobile.faq_m #content > .faqLst ul.faqLst2 li section{padding:0 10px;} #container.mobile.faq_m #content > .faqLst ul.faqLst2 li.on .faq_a{display:block;} #container.mobile.faq_m #content > .faq_List.search .faqLst{overflow:hidden;margin-top:10px;} #container.mobile.faq_m #content > .faq_List.search ul.faqLst li .faq_q{background:#f2f2f2;height:38px;line-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container.mobile.faq_m #content > .faq_List.search ul.faqLst li .faq_q i{font-weight:bold;color:#ff7000;padding-right:10px;} #container.mobile.faq_m #content > .faq_List.search ul.faqLst li .faq_a{padding-top:10px;padding-left:33px;padding-bottom:10px;position:relative;display:none;} #container.mobile.faq_m #content > .faq_List.search ul.faqLst li .faq_a i{font-weight:bold;position:absolute;top:14px;left:10px;} #container.mobile.faq_m #content > .faq_List.search ul.faqLst li div{padding:0 10px;} #container.mobile.faq_m #content > .faq_List.search ul.faqLst li.on .faq_a{display:block;} #container.mobile.faq_m #content .faq_List.search{background:#fff;padding:0 3vw 40px;} #container.mobile.faq_m #content .faq_List.search .list_tit{font-size:16px;font-weight:bold;padding-bottom:10px;border-bottom:1px solid #333;} #container.mobile.faq_m .Inquiry{text-align:right;padding:0 3vw;background:#fff;} #container.mobile.faq_m .Inquiry .txt{padding-bottom:10px;} #container.mobile.faq_m .Inquiry .alink a{background:#54a91d;color:#fff;padding:10px 20px;display:inline-block;} /* 공지사항 */ #container.mobile.noticeList_m #content{background:#f2f2f2;overflow:hidden;} #container.mobile.noticeList_m .Search{background:#fff;overflow:hidden;padding:20px 3vw 10px;margin-bottom:10px;position:relative} #container.mobile.noticeList_m .Search input{width:94vw;box-sizing:border-box;} #container.mobile.noticeList_m .Search span.sBtn{position:absolute;top:28px;right:3vw;margin-right:5px;} #container.mobile.noticeList_m .Search span.sBtn a{background:#333;color:#fff;border-radius:5px;padding:5px 15px;} #container.mobile.noticeList_m .Search input{height:39px;line-height:39px;padding-left:40px;} #container.mobile.noticeList_m .Search .icon{position: absolute;left: 3vw;top: 28px;padding-left: 10px;} #container.mobile.noticeList_m .Search .icon i{font-size:24px;} #container.mobile.noticeList_m #content > .noticeList{background:#fff;padding:20px 3vw 30px;} #container.mobile.noticeList_m #content > .noticeList h3{margin-bottom:2vw;} #container.mobile .tableType{overflow:hidden;border-top:1px solid #333;} #container.mobile .tableType thead tr th{background:#f2f2f2;padding:10px 0;font-weight:bold;} #container.mobile .tableType tbody tr td{padding:10px 0;border-bottom:1px solid #dcdcdc;font-weight:bold;} #container.mobile .tableType tbody tr td:first-child{text-align:center;vertical-align:top;} #container.mobile .tableType tbody tr td i{padding-top:5px;display:block;} #container.mobile .tableType tbody tr.notice{background:#ffffe1;} #container.mobile .tableType tbody tr td p{font-weight:bold;color:#999999;} #container.mobile .tableType tbody tr td p .data{padding-right:20px;} #container.mobile.noticeView_m #content{background:#fff;overflow:hidden;padding:20px 3vw} #container.mobile.noticeView_m #content h3{margin-bottom:2vw;} #container.mobile.noticeView_m #content .board_view{border-top:1px solid #333;overflow:hidden;margin-bottom:20px;} #container.mobile.noticeView_m #content .board_view .tit p{padding:10px;font-weight:bold;background:#f2f2f2;overflow:hidden;} #container.mobile.noticeView_m #content .board_view .tit section{font-weight:bold;padding:10px;border-bottom:1px solid #dcdcdc;} #container.mobile.noticeView_m #content .board_view .tit section .hits{float:right;} #container.mobile.noticeView_m #content .board_view dd {width:100%;overflow-x:scroll;padding-bottom:20px;border-bottom:1px solid #dcdcdc;padding:0 10px;} /*하단 스크롤 바 #container.mobile.noticeView_m #content .board_view dd::-webkit-scrollbar {height:2px; } #container.mobile.noticeView_m #content .board_view dd::-webkit-scrollbar-track { background-color:#fff; } #container.mobile.noticeView_m #content .board_view dd::-webkit-scrollbar-thumb { background: #dcdcdc; } #container.mobile.noticeView_m #content .board_view dd::-webkit-scrollbar-thumb:hover { background: #404040; } #container.mobile.noticeView_m #content .board_view dd::-webkit-scrollbar-thumb:active { background: #808080; } #container.mobile.noticeView_m #content .board_view dd::-webkit-scrollbar-button { display: none; } */ #container.mobile.noticeView_m #content .b_btn{overflow:hidden;} #container.mobile.noticeView_m #content .b_btn p.back{float:left;} #container.mobile.noticeView_m #content .b_btn p.back a{color:#333;padding:0 20px;display:inline-block;text-align:center;font-weight:bold;height:35px;line-height:35px;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;} #container.mobile.noticeView_m #content .b_btn p.list{float:right;} #container.mobile.noticeView_m #content .b_btn p.list a{background:linear-gradient(to top, #333 , #666);color:#fff;padding:0 20px;display:inline-block;text-align:center;font-weight:bold;height:35px;line-height:35px;} /* 1:1 문의하기 */ #container.mobile #content.qna_m{overflow:hidden;background:#f2f2f2;} #container.mobile #content.qna_m .qnaM_Center{background:#fff;padding:20px 3vw 10px;margin-bottom:10px;} #container.mobile #content.qna_m h3{margin-bottom:2vw;} #container.mobile #content.qna_m .qnaM_Center ul li{width:100%;border:1px solid #dcdcdc;margin-bottom:10px;padding:10px;overflow:hidden;box-sizing:border-box;} #container.mobile #content.qna_m .qnaM_Center ul li p{float:left;font-weight:bold;} #container.mobile #content.qna_m .qnaM_Center ul li p.area{padding-left:35px;width:60px;color:#333;} #container.mobile #content.qna_m .qnaM_Center ul li p.date{color:#ff7000;} #container.mobile #content.qna_m .qnaM_Center ul li p.date:before{content:"";width:100%;height:100%;border-left:2px solid #dcdcdc;padding-left:15px;font-size:10px;} #container.mobile #content.qna_m .qnaM_Center ul li p.us{background:url('/images2017/sub/ico_ohcafe_usa.png') no-repeat left center;} #container.mobile #content.qna_m .qnaM_Center ul li p.cn{background:url('/images2017/sub/ico_ohcafe_china.png') no-repeat left center;} #container.mobile #content.qna_m .qnaM_Center ul li p.de{background:url('/images2017/sub/ico_ohcafe_germany.png') no-repeat left center;} #container.mobile #content.qna_m .qnaM_Center ul li p.kr{background:url('/images2017/sub/ico_ohcafe_korea.png') no-repeat left center;} #container.mobile #content.qna_m .history_list{background:#fff;padding:20px 3vw 10px;position:relative;overflow:hidden;} #container.mobile #content.qna_m .history_list .board_info{position:absolute;right:3vw;top:16px;} #container.mobile #content.qna_m .history_list .board_info a{background:#54a91d;color:#fff;padding:10px 20px;} #container.mobile #content.qna_m .history_list .tableType tr td:first-child{text-align:left;padding:10px;} #container.mobile #content.qna_m .history_list .tableType tr td:last-child{text-align:center;} #container.mobile #content.qna_m .history_list .tableType tr td p span.date:after{content:"";width:100%;height:100%;border-right:1px solid #dcdcdc;padding-right:10px;margin-right:10px;font-size:10px;} #container.mobile #content.view_m {background:#fff;padding:20px 3vw;} #container.mobile #content.view_m dl.view{border-top:1px solid #333;} #container.mobile #content.view_m dl.view dt div.tit{background:#f2f2f2;padding:10px;overflow:hidden;} #container.mobile #content.view_m dl.view dt div.tit i{padding-right:10px;display:inline-block;font-weight:bold;} #container.mobile #content.view_m dl.view dt div.tit p{display:inline-block;font-weight:bold;} #container.mobile #content.view_m dl.view dt div.tit div.info{float:right;line-height:unset !important;font-weight:bold;} #container.mobile #content.view_m dl.view dt > div.info{border-bottom:1px solid #dcdcdc;padding:10px;line-height:24px;color:#999;} #container.mobile #content.view_m dl.view dt > div.info span{color:#333;} #container.mobile #content.view_m dl.view dd {overflow:hidden;padding:20px 10px;border-bottom:1px solid #dcdcdc;} #container.mobile #content.view_m dl.qna dt{background:#f2f2f2;border-bottom:1px solid #dcdcdc;padding:20px 10px;position:relative;} #container.mobile #content.view_m dl.qna dt .qna_a{position:absolute;left:10px;top:20px;} #container.mobile #content.view_m dl.qna dt .qna_a i{font-weight:bold;} #container.mobile #content.view_m dl.qna dt .qna_a i.xi-subdirectory-arrow{color:#999;vertical-align:-2px;font-size:16px;font-weight:normal;} #container.mobile #content.view_m dl.qna dt p, #container.mobile #content.view_m dl.qna dt .data{padding-left:40px;} #container.mobile #content.view_m dl.qna dd{border-bottom:1px solid #dcdcdc;padding:20px 10px;} #container.mobile #content.view_m dl.qna dd span.data{padding-top:20px;display:block;} #container.mobile #content.view_m dl.qna dd textarea{padding:10px;margin-bottom:10px;} #container.mobile #content.view_m .file .add_file{background:#333;color:#fff;padding:0 11px;height:28px;line-height:28px;border-radius:3px;display:inline-block;} #container.mobile #content.view_m input[type="file"]{margin-bottom:10px;} /* #container.mobile #content.view_m .file #file_area{position:relative;} #container.mobile #content.view_m .file #file_area input{height:32px;line-height:32px;margin-bottom:5px;font-size:13px;margin-left:3px;display:inline-block;} #container.mobile #content.view_m input[type="file"]+ label.btn{font-weight:bold;position:absolute;left:0;color:#333;padding:0 10px;display:inline-block;text-align:center;font-weight:bold;height:30px;line-height:30px;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;} */ #container.mobile #content.view_m .enrollment{overflow:hidden;padding:20px 10px;border-bottom:1px solid #dcdcdc;} #container.mobile #content.view_m .enrollment textarea{padding:10px;margin-bottom:10px;width:100%;} #container.mobile #content.view_m .enrollment .submit_btn{background: linear-gradient(to top, #333 , #666);color: #fff;width: 100%;display: block;margin-top: 10px;text-align: center;padding: 10px 0;font-weight: bold;} #container.mobile #content.view_m .btn{padding-top:10px;widt:100%;text-align:right;} #container.mobile #content.view_m .btn .btn1{background:#999;color:#fff;padding:5px 10px;border-radius:3px;} #container.mobile #content.view_m .btn .btn2{border:1px solid #999;color:#333;padding:5px 10px;border-radius:3px;} #container.mobile #content.view_m div.b_btn{overflow:hidden;margin-top:20px;} #container.mobile #content.view_m div.b_btn a{color:#333;padding:0 20px;display:inline-block;text-align:center;font-weight:bold;height:35px;line-height:35px;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;} #container.mobile #content.write_m{background:#f2f2f2;overflow:hidden;} #container.mobile #content.write_m .modyCate{background:#fff;padding:20px 3vw 10px;margin-bottom:10px;overflow:hidden;} #container.mobile #content.write_m .modyCate .select_box{position:relative;float:left;width:45.5vw;} #container.mobile #content.write_m .modyCate .select_box:first-child{margin-right:3vw;} #container.mobile #content.write_m .modyCate .select_box select{width:100%;} #container.mobile #content.write_m .modyCate .select_box:before{content:"";position:absolute;top:50%;right:10px;width:0;height:0;margin-top:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #313131;} #container.mobile #content.write_m .frmArea{overflow:hidden;background:#fff;padding:20px 3vw;} #container.mobile #content.write_m .frmArea ul{border-top:1px solid #333;overflow:hidden;} #container.mobile #content.write_m .frmArea li{overflow:hidden;border-bottom:1px solid #dcdcdc;padding:10px;} #container.mobile #content.write_m .frmArea li label{display:inline-block;font-weight:bold;width:20vw;vertical-align:top;} #container.mobile #content.write_m .frmArea li div{display:inline-block;width:66vw;} #container.mobile #content.write_m .frmArea li div input{box-sizing:border-box;width:100%;} #container.mobile #content.write_m .frmArea li div.select_box{position:relative;} #container.mobile #content.write_m .frmArea li div.select_box select{width:100%;} #container.mobile #content.write_m .frmArea li div.select_box:before{content:"";position:absolute;top:18px;right:10px;width:0;height:0;margin-top:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #313131;} #container.mobile #content.write_m .frmArea em{position:relative;padding-left:10px;padding-top:5px;display:block;} #container.mobile #content.write_m .frmArea em i{position:absolute;left:0;top:8px;} #container.mobile #content.write_m .frmArea em span{margin-left:-10px;display:block;} #container.mobile #content.write_m .frmArea li .sltArea input[type="radio"] + label{border:1px solid #999;width:15px;height:15px;border-radius:15px;position:relative;} #container.mobile #content.write_m .frmArea li .sltArea input[type="radio"] + label span{position:absolute;left:20px;top:-4px;} #container.mobile #content.write_m .frmArea li .sltArea input[type="radio"]:checked + label{border:1px solid #ff7000;} #container.mobile #content.write_m .frmArea li .sltArea input[type="radio"]:checked + label:before{content:"";width:9px;height:9px;background:#ff7000;display:inline-block;border-radius:9px;position:absolute;top:3px;left:3px;} #container.mobile #content.write_m .frmArea li .sltArea p{float:left;width:110px;padding-bottom:10px;letter-spacing:-1px;} #container.mobile #content.write_m .frmArea li .sltArea .number{position:relative;} #container.mobile #content.write_m .frmArea li .sltArea .number .sel_btn{background:#333;height:28px;line-height:28px;display:inline-block;color:#fff;position:absolute;right:5px;top:5px;padding:0 15px;border-radius:3px;} #container.mobile #content.write_m .frmArea li textarea{padding:10px;} #container.mobile #content.write_m .frmArea li input[type="checkbox"] + label{border:1px solid #999;width:15px;height:15px;border-radius:3px;position:relative;} #container.mobile #content.write_m .frmArea li input[type="checkbox"] + label span{position:absolute;left:20px;top:-4px;width:100px;} #container.mobile #content.write_m .frmArea li input[type="checkbox"]:checked + label{border:1px solid #ff7000;} #container.mobile #content.write_m .frmArea li input[type="checkbox"]:checked + label:before{content:"";width:15px;height:15px;background:url(/images2017/mobile/check_icon.png) #ff7000 no-repeat center;display:inline-block;background-size:15px 10px;border:none;} #container.mobile #content.write_m .frmArea li .file .add_file{background:#333;color:#fff;padding:0 11px;height:28px;line-height:28px;border-radius:3px;display:inline-block;} #container.mobile #content.write_m .frmArea li .file input[type="file"]{margin-bottom:10px} /* #container.mobile #content.write_m .frmArea li .file #file_area{position:relative;} #container.mobile #content.write_m .frmArea li .file #file_area input{height:32px;line-height:32px;margin-bottom:5px;font-size:13px;margin-left:3px;display:inline-block;} #container.mobile #content.write_m .frmArea li .file input[type="file"]+ label.btn{width:auto;font-weight:bold;position:absolute;left:0;top:0;color:#333;padding:0 10px;display:inline-block;text-align:center;font-weight:bold;height:30px;line-height:30px;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;} */ #container.mobile #content.write_m .frmArea li.mail div{vertical-align:top;} #container.mobile #content.write_m .submit_btn{overflow:hidden;background:#fff;padding:0 3vw 20px;} #container.mobile #content.write_m .submit_btn a{background: linear-gradient(to top, #333 , #666);color: #fff;width: 100%;display: block;margin-top: 10px;text-align: center;padding: 10px 0;font-weight: bold;} /* 입/출고신청 번호 조회 */ #container.mobile .sel_ref_num_area{width:100%;height:100%;position:fixed;top:0;left:0;background:#fff;overflow:hidden;z-index:101;} #container.mobile .sel_ref_num_area .prdInfoLst{border-top:1px solid #333;overflow:hidden;margin-top:10px;overflow-y:scroll;height:200vw;} #container.mobile .sel_ref_num_area .prdInfoLst li{border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;padding:10px;} #container.mobile .sel_ref_num_area .prdInfoLst li strong{max-width:100px;width:30vw;display:inline-block;vertical-align:top;} #container.mobile .sel_ref_num_area .prdInfoLst li span{display:inline-block;width:65%;padding-bottom:5px;} #container.mobile .sel_ref_num_area .prdInfoLst li p:last-child span{padding-bottom:0;} #container.mobile .sel_ref_num_area .hMenu{padding:20px 3vw 10px;} #container.mobile .sel_ref_num_area .hMenu p.tTit{text-align:left;} #container.mobile .sel_ref_num_area .hMenu i{font-size:18px;font-weight:bold;position:absolute;right:3vw;top:22px;} #container.mobile .sel_ref_num_area .inner{padding:20px 3vw;} /* 나의 오마이집 주소 */ #container.mobile .myAddress{overflow:hidden;padding:20px 3vw 40px;} #container.mobile .myAddress .tit{margin-bottom:20px;} #container.mobile .myAddress .tit p{font-weight:bold;color:#ff7000;font-size:16px;} #container.mobile .myAddress .tit p span{color:#333;} #container.mobile .myAddress .txt{font-weight:bold;color:#999;text-align:right;} #container.mobile .myAddress .txt span{color:red;} #container.mobile .myAddress .center_lst {margin-bottom:20px;} #container.mobile .myAddress .center_lst .leftTitle{float:none;width:100%;padding:0;} #container.mobile .myAddress .center_lst .leftTitle:before{content:'';width:100%;height:100%;border-left:3px solid #333;font-size:13px;padding-right:10px;} #container.mobile .myAddress .center_lst .box{float:none;width:100%;margin:0 0 20px;padding:0;box-sizing:border-box;} #container.mobile .myAddress .center_lst .box em{font-size:16px;padding:0 10px;width:100%;background:#333;color:#fff;height:40px;line-height:40px;box-sizing:border-box;} #container.mobile .myAddress .center_lst .box label{position:absolute;right:10px;top:8px;font-weight:bold;} #container.mobile .myAddress .center_lst .box ul{padding:10px;} #container.mobile .myAddress .center_lst .box ul li{padding:0 0 10px;} #container.mobile .myAddress .center_lst .box ul li p{width:100%;font-weight:bold;padding:0 0 10px 0;} #container.mobile .myAddress .center_lst .box ul li section{padding:5px 10px;box-sizing:border-box;width:100%;border:1px solid #dcdcdc;} /* 조건없는 무료반품 */ #container.mobile .ofree{width:100%;margin-top:0;padding:20px 3vw;box-sizing:border-box;} #container.mobile .ofree h3{margin-bottom:10px;} #container.mobile .ofree .step_box .step01, #container.mobile .step_box .step02{background:none !important;padding:10px;margin-bottom:20px;} #container.mobile .ofree .step_box li p.tit{background:#f2f2f2;padding:10px;margin:-10px;margin-bottom:10px;} #container.mobile .ofree .step_box li p.tit span{padding:0;border:none;color:#ff7000;} #container.mobile .ofree .message_box{background:none;padding:10px;margin-bottom:10px;} #container.mobile .ofree .message_box p.tit{padding-bottom:10px;font-size:14px;color:#ff7000;} #container.mobile .ofree .message_box ul{margin-bottom:20px;} #container.mobile .ofree .message_box ul:last-child{margin-bottom:0;} #container.mobile .ofree .ofreeRefunds{margin-bottom:40px;padding:10px;} #container.mobile .ofree .ofreeRefunds .tLine{padding-bottom:10px;margin-bottom:10px;} #container.mobile .ofree .ofreeRefunds .tit{padding-bottom:10px;} #container.mobile .ofreeChart_list {margin-bottom:40px;} #container.mobile .ofree .ofreeChart_container{width:100%;overflow-x:auto;margin-bottom:20px;} #container.mobile .ofree .ofreeChart_container .ofreeChart{width:768px;margin-bottom:10px;} #container.mobile .ofree .ofreeChart_container::-webkit-scrollbar {height:4px; } #container.mobile .ofree .ofreeChart_container::-webkit-scrollbar-track { background-color:#f2f2f2; } #container.mobile .ofree .ofreeChart_container::-webkit-scrollbar-thumb { background: #999; } #container.mobile .ofree .ofreeChart_container::-webkit-scrollbar-thumb:active { background: #808080; } #container.mobile .ofree .ofreeChart_container::-webkit-scrollbar-top { display:block ; } #container.mobile .ofree .mb_80{margin-bottom:40px !important;} #container.mobile .ofree .mb_40{margin-bottom:20px !important;} #container.mobile .ofree .mb_30{margin-bottom:10px !important;} #container.mobile .ofree .linkBtn2{margin-top:10px;padding-bottom:1px;} /* 검수 및 검수범위 */ #container.mobile .fees{width:100%;margin-top:0;padding:20px 3vw;box-sizing:border-box;} #container.mobile .fees h3, #container.mobile .fees h1{margin-bottom:10px;font-size:18px;padding-bottom:0;} #container.mobile .fees .table_container{margin-bottom:40px;} #container.mobile .fees table.mb_80{margin-bottom:5px !important;} #container.mobile .fees .mb_80{margin-bottom:40px !important;} #container.mobile .fees .titDep9{font-size:13px;line-height:24px;font-weight:normal;} /* 오빠른 서비스 */ #container.mobile .ohFast{width:100%;margin-top:0;padding:20px 3vw;box-sizing:border-box;} #container.mobile .ohFast h3, #container.mobile .ohFast h1{margin-bottom:10px;font-size:18px;padding-bottom:0;} #container.mobile .ohFast h3:nth-child(2){font-size:14px;} #container.mobile .ohFast .advantage_box{margin-bottom:40px;} #container.mobile .ohFast .step_box, #container.mobile .ohFast .message_box{margin-bottom:10px;} #container.mobile .ohFast .message_box{background:none;padding:10px;} #container.mobile .ohFast .message_box p.tit{font-size:14px;background: #f2f2f2;margin: -10px;padding: 10px;margin-bottom: 10px;} #container.mobile .ohFast .message_box.last{margin-bottom:40px;} #container.mobile .ohFast .d_Txt1 dt{font-weight:bold;} #container.mobile .ohFast .d_Txt1 dd{padding-bottom:10px;} #container.mobile .ohFast .step_box li.step01, #container.mobile .ohFast .step_box li.step02, #container.mobile .ohFast .step_box li.step03{background:none;padding:10px;margin-bottom:20px;} #container.mobile .ohFast .step_box li p.tit{background:#f2f2f2;padding:10px;margin:-10px;margin-bottom:10px;} #container.mobile .ohFast .step_box li p.tit span{padding:0;border:none;color:#ff7000;} #container.mobile .ohFast .advantage_box{padding:20px 10px;} #container.mobile .ohFast .advantage_box li{width:100%;border-right:none;border-bottom:1px solid #f0f0f0;padding-bottom:20px;margin-bottom:20px;} #container.mobile .ohFast .advantage_box li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;} #container.mobile .ohFast .mb_80{margin-bottom:40px !important;} #container.mobile .ohFast .mb_30{margin-bottom:10px !important;} /* 이벤트 페이지 */ #container.mobile .eventPage{width:100%;margin-top:0;padding:20px 3vw;box-sizing:border-box;} #container.mobile .eventPage ul li{width:100%;padding: 10px;border-top: 2px solid #606060;box-sizing: border-box;border-bottom: 1px solid #dcdcdc;margin-bottom:20px;} #container.mobile .eventPage ul li a img{width:100%;height:100%;} #container.mobile .eventPage ul li .txt{position: unset;width: 100%;margin: 10px 0 0 0;} /* 트래킹 5개 무료 */ #container.mobile .tracking{width:100%;margin-top:0;padding:20px 3vw 0;box-sizing:border-box;} #container.mobile .tracking .conImg img{width:100%;} #container.mobile .tracking h1.titDep1{display:none;} #container.mobile .tracking .eventView .img{display:none;} #container.mobile .tracking h1{padding:0;font-size:18px;color:#333;margin:0;text-align:left;background:none;} #container.mobile .tracking h1 span{padding:0 0 10px 0;display:block;} #container.mobile .tracking .subTxt3{font-size:13px;padding-bottom:20px;} #container.mobile .tracking .period{overlfow:hidden;margin-top:10px;} #container.mobile .tracking .period dl{overflow:hidden;margin-bottom:10px;} #container.mobile .tracking .period dl dt{float:left;background:#f2f2f2;font-weight:bold;padding:5px 10px;margin-right:10px;margin-right:10px;} #container.mobile .tracking .period dl dd{float:left;padding-top:5px;} /* 부피무게 할인 이벤트 */ #container.mobile .weight{width:100%;margin-top:0;padding:20px 3vw 0;box-sizing:border-box;} #container.mobile .weight .conImg img{width:100%;} #container.mobile .weight h1.titDep1{display:none;} #container.mobile .weight .eventView section, #container.mobile .weight .eventView img{display:none;} #container.mobile .weight .eventView .txt{display:block;} #container.mobile .weight .eventView .txt h1{padding:0;font-size:18px;color:#333;margin:0;text-align:left;background:none;} #container.mobile .weight .eventView .txt h1 span{padding:0 0 10px 0;display:block;} #container.mobile .weight .eventView .txt .subTxt3{font-size:13px;padding-bottom:20px;} #container.mobile .weight h3{color:#333;margin-bottom:10px;} #container.mobile .weight .con3 {overflow:hidden;margin-bottom:20px;} #container.mobile .weight .con1, #container.mobile .weight .con2{overflow:hidden;margin-bottom:40px;} #container.mobile .weight .con1 p strong{display:block;} #container.mobile .weight .con1 p.box{background:#f2f2f2;border:1px solid #dcdcdc;padding:5px 10px;margin-bottom:0;} #container.mobile .weight .con2 .period{overlfow:hidden;margin-top:10px;} #container.mobile .weight .con2 .period dl{overflow:hidden;margin-bottom:10px;} #container.mobile .weight .con2 .period dl dt{float:left;background:#f2f2f2;font-weight:bold;padding:5px 10px;margin-right:10px;margin-right:10px;} #container.mobile .weight .con2 .period dl dd{float:left;padding-top:5px;} #container.mobile .weight .con3 .example .tit{font-weight:bold;font-size:14px;} #container.mobile .weight .con3 .example .info{margin-top:0;} #container.mobile .weight .con3 .example table{width:100%;overflow:hidden;margin-top:10px;border-top:1px solid #dcdcdc;margin-bottom:10px;} #container.mobile .weight .con3 .example table th{background:#f2f2f2;font-weight:bold;padding:5px 0;border-bottom:1px solid #dcdcdc;} #container.mobile .weight .con3 .example table td{padding-left:10px;border-bottom:1px solid #dcdcdc;} #container.mobile .weight .con3 .example table th span{color:#ff7000;font-size:14px;} /* 마이페이지 */ #container.mobile #orderArea{width:100%;background:#f2f2f2;padding-bottom:10px;} #container.mobile #orderArea .My_Profile{width:100%;margin-top:0;padding:20px 3vw 0;box-sizing:border-box;position:relative;background:#fff;padding-bottom:10px;margin-bottom:10px;} #container.mobile #orderArea .My_Profile h3{margin-bottom:10px;} #container.mobile #orderArea .My_Profile h3 i{font-size:24px;vertical-align:-2px;} #container.mobile #orderArea .My_Profile .linkAddress{float:right;font-weight:bold;} #container.mobile #orderArea .My_Profile .linkAddress a:before{content:"";width:5px;height:10px;border-left:2px solid #333;display:inline-block;} #container.mobile #orderArea .My_Profile .level{border:1px solid #dcdcdc;overflow:hidden;} #container.mobile #orderArea .My_Profile .level p:first-child{border-bottom:1px solid #dcdcdc;} #container.mobile #orderArea .My_Profile .level p{padding:10px;} #container.mobile #orderArea .My_Profile .level p span.btn{float:right;} #container.mobile #orderArea .My_Profile .level p span.btn img{width:18px;padding-top:3px;} #container.mobile #orderArea .My_Profile table{margin-top:10px;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;} #container.mobile #orderArea .My_Profile table td{padding:10px 0;text-align:center;border-left:1px solid #dcdcdc;} #container.mobile #orderArea .My_Profile table td a img{vertical-align:-2px;padding-left:5px;} #container.mobile #orderArea .My_Profile table td .inblock{text-align:left;} #container.mobile #orderArea .order_history{width:100%;margin-top:0;padding:20px 3vw 0;box-sizing:border-box;position:relative;background:#fff;padding-bottom:10px;} #container.mobile #orderArea .order_history h3 {margin-bottom:10px;} #container.mobile #orderArea .order_history h3 i{padding-right:5px;} #container.mobile #orderArea .order_history .hList{overflow:hidden;border-top:1px solid #333;} #container.mobile #orderArea .order_history .hList li{border-bottom:1px solid #dcdcdc;padding:10px;overflow:hidden;} #container.mobile #orderArea .order_history .hList li span{float:left;} #container.mobile #orderArea .order_history .hList li div.num{float:right;} #container.mobile #orderArea .order_history .hList li div.num a{color:#ff7000;font-weight:bold;} #container.mobile #orderArea .order_history .MoreList{border:1px solid #dcdcdc;border-radius:0 0 5px 5px;text-align: center;width: 100px;background: linear-gradient(to top, #e6e6e6 , #fff);padding: 5px 0;font-weight: bold;margin: 10px auto 20px;} #container.mobile #orderArea .order_history .topLink{overflow:hidden;} #container.mobile #orderArea .order_history .topLink .btn1{background:#ff7000;border:1px solid #ff7000;padding:5px 10px;margin-bottom:5px;border-radius:3px;} #container.mobile #orderArea .order_history .topLink .btn1 a{color:#fff;font-weight:bold;} #container.mobile #orderArea .order_history .topLink .btn2{background:#6441be;border:1px solid #6441be;padding:5px 10px;margin-bottom:5px;border-radius:3px;} #container.mobile #orderArea .order_history .topLink .btn2 a{color:#fff;font-weight:bold;} #container.mobile #orderArea .order_history .topLink .btn3{background:#fff;border:1px solid #6441be;padding:5px 10px;margin-bottom:5px;border-radius:3px;} #container.mobile #orderArea .order_history .topLink .btn3 a{color:#6441be;font-weight:bold;} #container.mobile #orderArea .order_history .bottomLink {overflow:hidden;width:100%;} #container.mobile #orderArea .order_history .bottomLink p{float:left;margin-right:1%;margin-bottom:1%;width:49%;} #container.mobile #orderArea .order_history .bottomLink p a{color:#333;padding:5px 0;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;display:block;font-weight:bold;text-align:center;} #container.mobile #content.mypage{width:100%;margin-top:0;padding:20px 3vw 0;box-sizing:border-box;} #container.mobile #content.mypage .csCenter .tit h3{margin-bottom:10px;} #container.mobile #content.mypage .csCenter .tit h3:before{content:"";width:5px;height:18px;border-left:2px solid #ff7000;vertical-align:-2px;display:inline-block;} #container.mobile #content.mypage .csCenter .tit .btn{float:right;} #container.mobile #content.mypage .csCenter .exchange{width:100%;} #container.mobile #content.mypage .csCenter .exchange ul.date{border:1px solid #dcdcdc;overflow:hidden;} #container.mobile #content.mypage .csCenter .exchange ul.date li{float:left;width:50%;text-align:center;padding:10px;box-sizing:border-box;} #container.mobile #content.mypage .csCenter .exchange ul.date li.year{background:#f8f8f8;} #container.mobile #content.mypage .csCenter .exchange ul.Price{margin-top:10px;} #container.mobile #content.mypage .csCenter .exchange ul.Price li{margin-bottom:10px;border:1px solid #dcdcdc;padding:10px 0;} #container.mobile #content.mypage .csCenter .exchange ul.Price li p{display:inline-block;width:50%;padding:0 20px;box-sizing:border-box;font-weight:bold;} #container.mobile #content.mypage .csCenter .exchange ul.Price li p.name span{float:right;} #container.mobile #content.mypage .csCenter .exchange ul.Price li p.Price{text-align:right;font-size:16px;border-left:1px solid #dcdcdc;} #container.mobile #content.mypage .csCenter .exchange ul.Price li p.Price span{padding-left:10px;color:#999;} #container.mobile .scroll_container h1{margin-top:0;border-left:none;padding:0;} #container.mobile .scroll_container h1:before{content:"";width:10px;height:14px;border-left:2px solid #ff7000;display:inline-block;vertical-align:-2px;} /* 출고신청 상세 */ #container.mobile #content.pay_detail{width:100%;margin-top:0;box-sizing:border-box;background:#f2f2f2;} #container.mobile #content.pay_detail .blueBox{background:#fff;padding:20px 3vw 10px;border:none;min-height:unset;margin-bottom:10px;} #container.mobile #content.pay_detail .blueBox .tableType{border-top:none;border-right:1px solid #dcdcdc;} #container.mobile #content.pay_detail .blueBox .tableType thead th{background:#333333;padding:10px;color:#fff;} #container.mobile #content.pay_detail .blueBox .tableType thead th span{color:#fff;} #container.mobile #content.pay_detail .blueBox .tableType tbody th{text-align:left;padding:10px;background:#f3f3f3;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} #container.mobile #content.pay_detail .blueBox .tableType tbody td{padding:10px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} #container.mobile #content.pay_detail .blueBox .tableType tbody td .editBtn{background:linear-gradient(to top, #e6e6e6 , #fff);padding:5px 15px;border:1px solid #dcdcdc;border-radius:3px;} #container.mobile #content.pay_detail .trackingNum {background:#fff;padding:20px 3vw 10px;margin-top:0;box-shadow:none;border:none;margin-bottom:10px;} #container.mobile #content.pay_detail .trackingNum .top02 .num{margin-bottom:0;} #container.mobile #content.pay_detail .trackingNum .top02 .num:before{content:"";width:100%;height:100%;border-left:2px solid #ff7000;padding-left:5px;font-size:10px;vertical-align:1px} #container.mobile #content.pay_detail .trackingNum .info .tableType tr td{padding:10px;} #container.mobile #content.pay_detail .trackingNum .info .tableType tr td:first-child {text-align:left;} #container.mobile #content.pay_detail .trackingNum .Price .goods{position:relative;padding-bottom:10px;border:1px solid #dcdcdc;padding:10px;border-radius:5px;margin-bottom:10px;} #container.mobile #content.pay_detail .trackingNum .Price .goods .img{width:65px;height:65px;position:absolute;left:10px;top:10px;background:url(/images2020/mobile/sub/img_bg.gif)no-repeat 0 0;background-size:65px auto;} #container.mobile #content.pay_detail .trackingNum .Price .goods .img img{width:100%;height:100%;} #container.mobile #content.pay_detail .trackingNum .Price .goods .txt{padding-left:75px;} #container.mobile #content.pay_detail .trackingNum .Price .goods .txt p.name{width:100%;overflow:hidden;padding-bottom:10px;color:#333;} #container.mobile #content.pay_detail .trackingNum .Price .goods .txt p.atm{float:left;} #container.mobile #content.pay_detail .trackingNum .Price .goods .txt p.qty{float:right;} #container.mobile #content.pay_detail .trackingNum .Price .goods .txt p.item{width:100%;overflow:hidden;} #container.mobile #content.pay_detail .trackingNum .Price .goods .txt p span{padding-left:20px;color:#999;} #container.mobile #content.pay_detail .trackingNum .Price .goods .txt p span.currency_symbol{padding-left:0;color:#333;} #container.mobile #content.pay_detail .trackingNum .Price .payTotal_m{overflow:hidden;border-top:1px solid #dcdcdc;padding:10px;border-bottom:1px solid #dcdcdc;margin-top:30px;} #container.mobile #content.pay_detail .trackingNum .Price .payTotal_m li{overflow:hidden;} #container.mobile #content.pay_detail .trackingNum .Price .payTotal_m li p.name{float:left;font-weight:bold;} #container.mobile #content.pay_detail .trackingNum .Price .payTotal_m li p.price{float:right;letter-spacing:0;} #container.mobile #content.pay_detail .trackingNum .Price .payTotal_m li.tPay{border-top:1px solid #dcdcdc;padding-top:7px;margin-top:10px;} #container.mobile #content.pay_detail .trackingNum .Price .payTotal_m li.tPay .name{font-weight:bold;} #container.mobile #content.pay_detail .trackingNum .Price .payTotal_m li.tPay .price{color:#ff7000;font-size:16px;font-weight:bold;} #container.mobile #content.pay_detail .trackingNum .payTable{border-top:1px solid #333;border-bottom:1px solid #dcdcdc;} #container.mobile #content.pay_detail .trackingNum .payTable thead th{padding:10px 0;background:#f2f2f2;} #container.mobile #content.pay_detail .trackingNum .payTable tbody td{padding:10px 0;} #container.mobile #content.pay_detail .trackingNum h3{padding:0;margin:0;} #container.mobile #content.pay_detail .detail_pay_m{width:100%;padding:20px 3vw 10px;box-sizing:border-box;background:#fff;margin-bottom:10px;} #container.mobile #content.pay_detail .detail_pay_m h3{margin:0 0 10px 0;} #container.mobile #content.pay_detail .detail_pay_m .detail_box{border:1px solid #dcdcdc;border-radius:5px;padding:10px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .tableType{border-top:1px solid #dcdcdc;margin-top:10px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .tableType tbody th{background:#f3f3f3;border-bottom:1px solid #dcdcdc;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .tableType tbody td p{font-weight:normal;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .tableType tbody td{padding:10px;font-weight:normal;text-align:left !important;height:25px;min-height:25px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table tbody tr th{text-align:left;padding:10px;font-weight:bold;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td select{width:100%;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td a.btn{background: #ff7000;color: #fff;padding: 5px 15px;border-radius: 3px;margin-top:5px;display:inline-block;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table tr.total_payment th{border-top:1px solid #dcdcdc;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table tr.total_payment td{border-top:1px solid #dcdcdc;color:#ff7000;font-weight:bold;font-size:16px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table input[type="checkbox"]{-webkit-appearance:checkbox !important;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table input[type="radio"]{-webkit-appearance:radio !important;vertical-align:-1px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td.date div .select_box{display:inline-block;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td.date div .select_box:before{right:10px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td.date div select{width:53px;padding-left:5px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td.date div p.o_btn{background:#ff7000;display:inline-block;padding:5px 10px;min-height:28px;line-height:28px;border-radius:3px;color:#fff;margin-top:5px;font-weight:bold;font-size:13px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td.alL ul.info li{position:relative;padding:0 0 0 10px;line-height:24px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td.alL ul.info li em{position:absolute;left:0;top:0;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .payTotal_m{overflow:hidden;margin-top:10px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .payTotal_m tr th{padding:5px 0;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .payTotal_m tr td{text-align:right;padding:5px 0;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .payTotal_m tr td .payBtn{background:#333;display:block;padding:10px 0;color:#fff;font-weight:bold;text-align:center;margin-top:10px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .payTotal_m tr.Ship_Out_Date td div.select_box{display:inline-block;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .payTotal_m tr.Ship_Out_Date td div.select_box select{width:65px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .payTotal_m .select_box:before{right:10px;} #container.mobile #content.pay_detail .detail_pay_m .l_Txt1{margin-top:20px;} #container.mobile #content.pay_detail .detail_pay_m .l_Txt1 li{padding-bottom:10px;} #container.mobile #content.pay_detail .addlPymt{width:100%;padding:20px 3vw 10px;box-sizing:border-box;background:#fff;margin-bottom:10px;} #container.mobile #content.pay_detail .addlPymt h3{margin:0 0 10px 0;} #container.mobile #content.pay_detail .addlPymt .addTable_box{border:1px solid #dcdcdc;border-radius:5px;padding:10px;overflow:hidden;} #container.mobile #content.pay_detail .addlPymt .addTable_box .tableType{border-top:1px solid #dcdcdc;} #container.mobile #content.pay_detail .addlPymt .addTable_box .tableType tbody th{padding:10px;text-align:left;background:#f2f2f2;border-bottom:1px solid #dcdcdc;} #container.mobile #content.pay_detail .addlPymt .addTable_box .tableType tbody td{padding:10px;text-align:left;border-bottom:1px solid #dcdcdc;} #container.mobile #content.pay_detail .addlPymt .addTable_box .payBtn{margin-top:10px;background:#333;} #container.mobile #content.pay_detail .addlPymt .addTable_box .payBtn a{display:block;padding:10px 0;color:#fff;font-weight:bold;text-align:center;} #container.mobile #content.pay_detail .addlPymt .addTable_box .tableType input[type="radio"]{margin:0;} #container.mobile #content.pay_detail .addlPymt .addTable_box .tableType input[type="radio"] + label{border:1px solid #999;width:15px;height:15px;border-radius:15px;position:relative;display:inline-block;} #container.mobile #content.pay_detail .addlPymt .addTable_box .tableType input[type="radio"] + label span{position:absolute;left:20px;top:-4px;} #container.mobile #content.pay_detail .addlPymt .addTable_box .tableType input[type="radio"]:checked + label{border:1px solid #ff7000;} #container.mobile #content.pay_detail .addlPymt .addTable_box .tableType input[type="radio"]:checked + label:before{content:"";width:9px;height:9px;background:#ff7000;display:inline-block;border-radius:9px;position:absolute;top:3px;left:3px;} #container.mobile #content.pay_detail .addlPymt .addTable_box .tableType td span.radioBtn{width:70px;display:inline-block;} #container.mobile #content.pay_detail .addlPymt .addTable_box .tableType td span.tPoint{display:block;} #container.mobile #content.pay_detail .blueBox .tableType{border-collapse:unset;} #container.mobile #content.pay_detail .blueBox .tableType tbody td.date .select_box:before{right:10px;} #container.mobile #content.pay_detail .blueBox .tableType tbody td.date .select_box{display:inline-block;} #container.mobile #content.pay_detail .blueBox .tableType tbody td.date select{width:65px;} #container.mobile #content.pay_detail .blueBox .tableType tbody td.date p.o_btn{background:#ff7000;display:inline-block;padding:5px 10px;min-height:28px;line-height:28px;border-radius:3px;color:#fff;margin-top:10px;font-weight:bold;font-size:13px;} #container.mobile #content.pay_detail .blueBox .tableType tbody td ul.info{margin-top:0;} #container.mobile #content.pay_detail .blueBox .tableType tbody td ul.info li{background:none;position:relative;padding:0 0 0 10px;line-height:24px;} #container.mobile #content.pay_detail .blueBox .tableType tbody td ul.info li em{position:absolute;left:0;top:0;} #container.mobile #content.pay_detail .blueBox .tableType tbody td ul.info li:first-child{padding-bottom:10px;} #container.mobile #content.pay_detail .blueBox > .payTotal_m{overflow:hidden;margin-top:10px;} #container.mobile #content.pay_detail .blueBox > .payTotal_m tr th{padding:5px 0; font-weight:bold;} #container.mobile #content.pay_detail .blueBox > .payTotal_m tr td{text-align:right;padding:5px 0;} #container.mobile #content.pay_detail .blueBox > .payTotal_m tr td .payBtn{background:#333;display:block;padding:10px 0;color:#fff;font-weight:bold;text-align:center;margin-top:10px;} #container.mobile #content.pay_detail .blueBox > .payTotal_m tr.total_payment th{border-top:1px solid #dcdcdc;} #container.mobile #content.pay_detail .blueBox > .payTotal_m tr.total_payment td{border-top:1px solid #dcdcdc;color:#ff7000;font-weight:bold;font-size:16px;} #container.mobile #content.pay_detail .blueBox > ul.l_Txt1 li{background:url(/images2017/shop/guide_txt_line.gif)no-repeat left 11px;padding-left:10px;padding-bottom:10px;} #container.mobile #content.pay_detail .blueBox > ul.l_Txt1 li strong{padding-left:0;} #container.mobile #content.pay_detail .blueBox > .b_tit{font-weight:bold;margin-top:20px;padding-bottom:10px;} /* 관부가세 결제하기 */ #container.mobile #content.pay_detail .detail_pay_m .duty_m{margin:20px 0 10px;} #container.mobile #content.pay_detail .detail_pay_m .duty_m p.tit{font-weight:bold;font-size:14px;} #container.mobile #content.pay_detail .detail_pay_m .duty_m p.tit:before{content:"";width:100%;height:100%;border-left:2px solid #ff7000;padding-left:5px;font-size:10px;vertical-align:1px} #container.mobile #content.pay_detail .detail_pay_m .duty_m dl{margin-top:10px;} #container.mobile #content.pay_detail .detail_pay_m .duty_m dl dt{font-weight:bold;} #container.mobile #content.pay_detail .detail_pay_m .duty_m dl dd{padding-left:8px;} #container.mobile #content.pay_detail .detail_pay_m .duty_m .b_txt{padding-top:20px;} #container.mobile #content.pay_detail .detail_pay_m .duty_m .b_txt li{padding-left:10px;position:relative;} #container.mobile #content.pay_detail .detail_pay_m .duty_m .b_txt li em{color:#ff7000;position:absolute;left:0;top:0;} /* 배송대행 신청하기 */ #container.mobile .application_m{width:100%;padding:20px 3vw 10px;box-sizing:border-box;} #container.mobile .application_m h3{color:#333;margin-bottom:10px;} #container.mobile .application_m .shippingStep .tit_box{margin-top:10px;position:relative;} #container.mobile .application_m .shippingStep .tit_box p{font-weight:bold;font-size:16px;padding:0 0 0 75px;height:55px;line-height:55px;color:#999;} #container.mobile .application_m .shippingStep .tit_box p span{color:#333;width:80px;display:inline-block;} #container.mobile .application_m .shippingStep .tit_box p.us{background:url(/images2020/mobile/sub/flag_us.gif)no-repeat 10px 10px;background-size:auto 35px;} #container.mobile .application_m .shippingStep .tit_box p.cn{background:url(/images2020/mobile/sub/flag_china.gif)no-repeat 10px 10px;background-size:auto 35px;} #container.mobile .application_m .shippingStep .tit_box p.de{background:url(/images2020/mobile/sub/flag_germany.gif)no-repeat 10px 10px;background-size:auto 35px;} #container.mobile .application_m .shippingStep .tit_box p.kr{background:url(/images2020/mobile/sub/flag_korea.gif)no-repeat 10px 10px;background-size:auto 35px;} #container.mobile .application_m .shippingStep .tit_box p.jp{background:url(/images2020/mobile/sub/flag_japan.gif)no-repeat 10px 10px;background-size:auto 35px;} #container.mobile .application_m .shippingStep .shipping_box{overflow:hidden;margin-top:10px;} #container.mobile .application_m .shippingStep ul.shipping_selection > li a{padding:10px;padding-left:45px;margin-bottom:10px;font-weight:bold;position:relative;background:#f2f2f2;display:block;border:1px solid #dcdcdc;} #container.mobile .application_m .shippingStep ul.shipping_selection > li span{font-weight:normal;color:#ff7000;font-size:12px;letter-spacing:-1px;padding-left:10px;} #container.mobile .application_m .shippingStep ul.shipping_selection > li > a.on{display:block;border:1px solid #ff7000;} #container.mobile .application_m .shippingStep .shipping_selection li > a:before {content:'';background:url(/images2020/sub/check_box.png) no-repeat;background-position-x:0%;background-position-y:-26px;width:31px;height:25px;display:block;position:absolute;left:10px;top:10px;} #container.mobile .application_m .shippingStep .shipping_selection li > a.on:before {content:'';background:url(/images2020/sub/check_box.png) no-repeat;background-position-x:0%;background-position-y:0%;width:31px;height:25px;display:block;position:absolute;left:10px;top:10px;} #container.mobile .application_m .shippingStep .shipping_selection li > a.on{border:1px solid #ff7000;} #container.mobile .application_m .shippingStep ul.shipping_selection > li a:hover{color:#333;} #container.mobile .application_m .shippingStep ul.info{background:#f2f2f2;border:1px solid #dcdcdc;padding:10px;} #container.mobile .application_m .shippingStep ul.info li{line-height:24px;position:relative;} #container.mobile .application_m .shippingStep ul.info li em{color:#ff7000;position:absolute;left:0;top:0;} #container.mobile .application_m .shippingStep ul.info li p{padding-left:10px;} #container.mobile .application_m .shippingStep ul.info li span{color:#ff7000;} #container.mobile .application_m .shippingStep .step_btn{width:100%;background:linear-gradient(to top, #333 , #666);border:1px solid #666;margin-bottom:10px;box-sizing:border-box;} #container.mobile .application_m .shippingStep .step_btn a{font-weight:bold;color:#fff;text-align:center;display:block;padding:10px 0;} #container.mobile .application_m .shippingStep .step_btn2{width:100%;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;margin-bottom:10px;box-sizing:border-box;} #container.mobile .application_m .shippingStep .step_btn2 a{font-weight:bold;color:#333;text-align:center;display:block;padding:10px 0;} #container.mobile .application_m .shippingStep .step_btnArea .step_btn{width:49%;float:left;} #container.mobile .application_m .shippingStep .step_btnArea .step_btn2{width:49%;float:left;margin-right:1%;} #container.mobile .application_m .shippingStep .tit_box a:before {content:'';background:url(/images2020/sub/check_box.png) no-repeat;background-position-x:0%;background-position-y:-26px;width:31px;height:25px;display:block;position:absolute;right:10px;top:16px;} #container.mobile .application_m .shippingStep .tit_box a.on:before {content:'';background:url(/images2020/sub/check_box.png) no-repeat;background-position-x:0%;background-position-y:0%;width:31px;height:25px;display:block;position:absolute;right:10px;top:16px;} #container.mobile .application_m .shippingStep .tit_box > a{border:1px solid #dcdcdc;display:block;} #container.mobile .application_m .shippingStep .tit_box > a.on{border:1px solid #ff7000;display:block;} #container.mobile .application_m .shippingStep .inspection .out_detail1_options li a{position:relative; border:1px solid #dcdcdc;padding:10px;padding-left:45px;margin-bottom:10px;display:block} #container.mobile .application_m .shippingStep .inspection .out_detail1_options li a:before {content:'';background:url(/images2020/sub/check_box.png) no-repeat;background-position-x:0%;background-position-y:-26px;width:31px;height:25px;display:block;position:absolute;left:10px;top:10px;} #container.mobile .application_m .shippingStep .inspection .out_detail1_options li a.on{display:block;border:1px solid #ff7000;} #container.mobile .application_m .shippingStep .inspection .out_detail1_options li a.on:before {content:'';background:url(/images2020/sub/check_box.png) no-repeat;background-position-x:0%;background-position-y:0%;width:31px;height:25px;display:block;position:absolute;left:10px;top:10px;} #container.mobile .application_m .shippingStep dl.cLine{padding:0 !important;border:none !important;} #container.mobile .application_m .shippingStep .tableType .ver_a_top{vertical-align:top;padding-top:16px;} #container.mobile .application_m .shippingStep .modify_btn p.btnS2, #container.mobile .application_m .shippingStep .modify_btn p.btnS3{float:left;width:49%;} #container.mobile .application_m .shippingStep .modify_btn p.btnS2{margin-right:2%;} #container.mobile .application_m .scroll_container {width:100%;overflow-x:auto;} #container.mobile .application_m .shippingStep2 .tableType.topT tr th{border-bottom:1px solid #dcdcdc;font-weight:bold;text-align:left;padding-left:10px;} #container.mobile .application_m .shippingStep2 .tableType.topT tr td{padding-right:10px;} #container.mobile .application_m .shippingStep2 .tableType.topT tr td input{width:100%;box-sizing:border-box;} #container.mobile .application_m .shippingStep2 .xi-plus-circle, #container.mobile .application_m .shippingStep2 .xi-minus-circle{font-size:28px;} #container.mobile .application_m .shippingStep2 .shopping_payTotal{overflow:hidden;border-top:1px solid #dcdcdc;margin-top:10px;} #container.mobile .application_m .shippingStep2 .shopping_payTotal li{overflow:hidden;margin-top:10px;} #container.mobile .application_m .shippingStep2 .shopping_payTotal p.name{float:left;line-height:40px;font-weight:bold;} #container.mobile .application_m .shippingStep2 .shopping_payTotal p.price{float:right;} #container.mobile .application_m .shippingStep2 .shopping_payTotal p.price .currency_symbol{font-weight:bold;} #container.mobile .application_m .shippingStep2 .shopping_payTotal p.price .sPrice{width:100px;display:inline-block;margin-left:10px;} #container.mobile .application_m .shippingStep2 .shopping_payTotal p.price .sPrice.total{text-align:right;padding-right:10px;box-sizing:border-box;font-weight:bold;} #container.mobile .application_m .shippingStep2 .shopping_payTotal p.price .sPrice input{width:100%;box-sizing:border-box;text-align:right;padding-right:10px;} #container.mobile .application_m .shippingStep2 .step_info{margin-top:10px;margin-bottom:20px;background:#f2f2f2;padding:10px;border:1px solid #dcdcdc;} #container.mobile .application_m .shippingStep2 .step_info p {line-height:24px;color:#999;} #container.mobile .application_m .shippingStep2 .tableType.tracking{overflow:hidden;border-right:1px solid #dcdcdc;border-top:1px solid #dcdcdc;} #container.mobile .application_m .shippingStep2 .tableType.tracking tbody tr th{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f2f2f2;text-align:left;padding-left:10px;font-weight:bold;} #container.mobile .application_m .shippingStep2 .tableType.tracking tbody tr td{padding:10px;} #container.mobile .application_m .shippingStep2 .tableType.tracking tbody tr td input{width:100%;box-sizing:border-box;} #container.mobile .application_m .shippingStep2 .tableType.tracking thead tr th{text-align:left;padding-left:10px;color:#fff;background:#333;} #container.mobile .application_m .shippingStep2 .tableType.tracking thead tr td{background:#333;padding:10px 10px 10px 0;} #container.mobile .application_m .shippingStep2 .tableType.tracking thead tr td input{width:100%;box-sizing:border-box;} #container.mobile .application_m .shippingStep2 .tableType.tracking .Copy_Delete td{border-left:1px solid #dcdcdc;} #container.mobile .application_m .shippingStep2 .tableType.tracking .Copy_Delete li{text-align:center;padding:3px 15px;box-sizing:border-box;float:left;;color:#333;font-weight:bold;border:1px solid #dcdcdc;width:49%;} #container.mobile .application_m .shippingStep2 .tableType.tracking .Copy_Delete li.copy{margin-right:1%;} #container.mobile .application_m .shippingStep2 p.box_num{background:#333;color:#fff;font-weight:bold;border-radius:7px 7px 0 0;padding:10px 20px;display:inline-block;text-align:center;margin-bottom:-1px;} #container.mobile .application_m .shippingStep2 .seq_tracking{overflow:hidden;margin-top:20px;position:relative;} #container.mobile .application_m .shippingStep2 .seq_tracking .traking_add_delete{position:absolute;right:0;top:5px;} #container.mobile .application_m .shippingStep2 .seq_tracking .traking_add_delete p{float:left;margin-left:5px;} #container.mobile .application_m .shippingStep2 .box_tracking_add{background:#333;margin-bottom:20px;text-align:center;} #container.mobile .application_m .shippingStep2 .box_tracking_add a{padding:10px 0;display:block;color:#fff;font-weight:bold;} #container.mobile .application_m .shippingStep2 .cls_product .tableType.tracking{margin-top:20px;} #container.mobile .application_m .shippingStep2 .cls_product:first-child .tableType.tracking{margin-top:0;} #container.mobile .application_m .shippingStep2 .cls_product .tableType.tracking tr td .btnPack{background:linear-gradient(to top, #e6e6e6 , #fff);border: 1px solid #dcdcdc;width: 100%;} #container.mobile .application_m .shippingStep2 .cls_product .tableType.tracking tr td .btnPack a{padding:6px 0;color:#999;} #container.mobile .application_m .shippingStep2 .cls_product .tableType.tracking tr td.prev .btnClose{position:absolute;z-index:1;right:5px;top:19px;} #container.mobile .application_m .shippingStep2 .cls_product .tableType.tracking tr td.prev .btnClose i{font-weight:bold;font-size:11px;} #container.mobile .application_m .shippingStep2 .cls_product .tableType.tracking tr td.prev .btnCloseOff{display:none;} #container.mobile .application_m .shippingStep2 .inspection_options{overflow:hidden;margin-bottom:10px;border-top:1px solid #dcdcdc !important;padding-top:10px !important;} #container.mobile .application_m .shippingStep2 .Add_Items_btn{overflow:hidden;margin-bottom:20px;padding:10px;background:#f2f2f2;} #container.mobile .application_m .shippingStep2 .Add_Items_btn p{width:100%;float:right;background:#999;text-align:center;} #container.mobile .application_m .shippingStep2 .Add_Items_btn p a{padding:3px 0;display:block;color:#fff;} #container.mobile .application_m .shippingStep3 .tableType.infor{margin-bottom:20px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr th{border-bottom:1px solid #dcdcdc;text-align:left;font-weight:bold;padding-left:10px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td{font-weight:normal;padding-right:10px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .autopay_wrap{border:1px solid #dcdcdc;border-bottom:none;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .autopay_wrap th, #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .autopay_wrap td{border-bottom:none;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td input[type="text"]{width:100%;box-sizing:border-box;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td input[type="radio"]{vertical-align:-1px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td select{width:100%;box-sizing:border-box;height:38px;line-height:38px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .select_ship_date select{width:60px;display:inline-block;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .Issued_btn{border: 1px solid #ff7000;height: 36px;line-height: 36px;display: inline-block;border-radius: 5px;margin-top:10px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .Issued_btn a{font-weight:bold;color:#ff7000;padding:0 15px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td p.ship_method_cd_desc{background: #f2f2f2;padding: 0 10px;height: 38px;line-height: 38px;font-weight: normal;color: #333;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .tableType.autopay_wrap tr td{padding:10px 10px 0 0 ;text-align:left;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .tableType.autopay_wrap tr td.bTxt {padding:10px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .tableType.autopay_wrap tr td input[type="text"]{width:100%;box-sizing:border-box;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .btnPack2{background:#ff7000;height:38px;line-height:38px;border-radius:5px;margin-top:10px;display:inline-block;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .btnPack2 a{font-weight:bold;color:#fff;padding:0 15px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address th{border-bottom:none;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address .shippingAddSearch{padding-top:5px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address .shippingAddSearch .search_name{position:relative;margin-bottom:5px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address .shippingAddSearch .search_name a{position:absolute;right:10px;top:11px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address .btn_addr span{display:block;height:36px;line-height:36px;text-align:center;margin-bottom:5px;float:left;width:49%} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address .btn_addr span.btn1{margin-right:2%;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address .btn_addr span.btn1 a{border:1px solid #ff7000;color:#ff7000;padding:0 15px;display:block;font-weight:bold;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address .btn_addr span.btn2 a{border:1px solid #333;padding:0 15px;display:block;font-weight:bold;color:#333;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_add td{background:#f2f2f2;border-bottom:0;padding:0;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_add td .shippingGray{padding:10px;border-bottom:1px solid #dcdcdc;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_add td .shippingGray li{margin-bottom:5px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_add td .shippingGray li p.shippingAddTxt{text-align:left;color:#333;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_list td{border-bottom:0;padding:0;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_list td .shippingAddList li.addrList{width:100% !important;margin-bottom:5px;margin-left:0 !important;box-sizing:border-box;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_list td .shippingAddList li.addrList dl{margin:0;text-align:left;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_list td .shippingAddList li.addrList dl dt{text-align:left;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_list td .shippingAddList li.addrList dl dd i{display:inline-block !important;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_list td .shippingAddList li.addrList dl dd .btnPack{margin-top:10px;margin-bottom:10px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_list #addr_list{border-bottom:1px solid #dcdcdc;padding-bottom:20px;height:350px;overflow-y:auto;padding:0 10px 10px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr.address_list #addr_list > section{font-size:14px !important;text-align:left;margin-bottom:10px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody .address_Select td{border-bottom:0;padding:0;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody .address_Select td .shippingGray{border-bottom:1px solid #dcdcdc;padding:10px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody .address_Select td .shippingGray li{overflow:hidden;border-bottom:1px solid #dcdcdc;margin-bottom:5px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody .address_Select td .shippingGray li:last-child{border-bottom:none;margin-bottom:0;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody .address_Select td .shippingGray p.shippingAddTxt{float:left;width:30%;max-width:110px;text-align:center;color:#333;background:#f2f2f2;margin-bottom:5px;padding:5px 0;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody .address_Select td .shippingGray p.shippingAddInput{float:left;width:65%;padding-left:5%;text-align:left;color:#333;font-weight:normal;padding-top:5px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody .address_Search td{padding:10px;} #container.mobile .application_m .shippingStep tr th{vertical-align:top;padding-top:18px;} #container.mobile .application_m .shippingStep tr td .radio_btn{overflow:hidden;padding-top:8px;} #container.mobile .application_m .shippingStep .table_info td{padding:0 10px 10px;text-align:left;} #container.mobile .application_m .shippingStep .table_info p{position:relative;padding-left:10px;font-weight:normal;} #container.mobile .application_m .shippingStep .table_info p em{position:absolute;left:0;top:0;} .bb_no{border-bottom:none !important;} #container.mobile .application_m .shippingStep td div.info_m{margin-left:-100px;margin-top:10px;text-align:left;} #container.mobile .application_m .shippingStep td div.info_m p{position:relative;padding-left:10px;font-weight:normal;} #container.mobile .application_m .shippingStep td div.info_m p em{position:absolute;left:0;top:0;} #container.mobile .application_m .errorBox.mobile{font-family:'Noto Sans Korean',sans-serif,'Nanum Gothic';padding:10px;} #container.mobile .application_m .errorBox.mobile li{font-size:13px;} #container.mobile .application_m .errorBox.mobile li i{padding-top:2px;} #container.mobile .application_m .product_error_msg span{font-size:11px;} #container.mobile .application_m .product_error_msg span i{display:inline-block;padding-right:0;} /* 배송대행 신청서 완료 페이지 */ #container.mobile .appComplete{width:100%;padding:20px 3vw 10px;box-sizing:border-box;} #container.mobile .appComplete .complete_box{overflow:hidden;margin-bottom:20px;} #container.mobile .appComplete .complete_box .Ttit_box{overflow:hidden;margin-top:10px;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:10px;} #container.mobile .appComplete .complete_box .Ttit_box h3{font-weight:bold;float:left;color:#333;padding-top:5px;} #container.mobile .appComplete .complete_box .Ttit_box h3:before{content:"";width:5px;height:18px;border-left:2px solid #ff7000;vertical-align:-2px;display:inline-block;} #container.mobile .appComplete .complete_box dl dt{font-weight:bold;padding-bottom:5px;} #container.mobile .appComplete .complete_box dl dt:before{content:'';width:2px;height:2px;padding-right:10px;background:url("/images2020/mobile/sub/tit_dot.gif")no-repeat left center;} #container.mobile .appComplete .complete_box dl dd{background:#f2f2f2;padding:10px;margin-bottom:10px;min-height:22px;} #container.mobile .appComplete .complete_box dl dd .btnPack{background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;} #container.mobile .appComplete .complete_box dl dd .btnPack a{font-weight:bold;padding:3px 15px;display:block;} #container.mobile .appComplete .btnArea p{width:49%;float:left;} #container.mobile .appComplete .btnArea p.btnS2{margin-right:1%;} #container.mobile .appComplete .boxInfo{padding:10px;background:#ff7000;font-weight:bold;text-align:center;color:#fff;margin-bottom:20px;} /* 배송신청서 수정 메인 */ #container.mobile .modifyIndex{width:100%;padding:20px 3vw 10px;box-sizing:border-box;} #container.mobile .modifyIndex .modify_box{overflow:hidden;margin-bottom:20px;} #container.mobile .modifyIndex .modify_box .Ttit_box{overflow:hidden;margin-top:10px;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:10px;} #container.mobile .modifyIndex .modify_box .Ttit_box h3{font-weight:bold;float:left;color:#333;padding-top:5px;} #container.mobile .modifyIndex .modify_box .Ttit_box h3:before{content:"";width:5px;height:18px;border-left:2px solid #ff7000;vertical-align:-2px;display:inline-block;} #container.mobile .modifyIndex .modify_box .Ttit_box .edit_btn{float:right;background:linear-gradient(to top, #333 , #666);} #container.mobile .modifyIndex .modify_box .Ttit_box .edit_btn a{font-weight:bold;color:#fff;padding:3px 15px;display:block;} #container.mobile .modifyIndex .modify_box dl dt{font-weight:bold;padding-bottom:5px;} #container.mobile .modifyIndex .modify_box dl dt:before{content:'';width:2px;height:2px;padding-right:10px;background:url("/images2020/mobile/sub/tit_dot.gif")no-repeat left center;} #container.mobile .modifyIndex .modify_box dl dd{background:#f2f2f2;padding:10px;margin-bottom:10px;min-height:22px;} #container.mobile .modifyIndex .btnArea p{width:49%;float:left;} #container.mobile .modifyIndex .btnArea p.btnS2{margin-right:1%;} /* 오샵플러스 */ .ohshopPlus.mobile{margin-top:0;margin-bottom:20px;} .ohshopPlus.mobile ul.prd_list{display:flex !important;width:100%;margin-left:0;overflow:unset;transform:translate3d(0,0,0);margin-bottom:20px;} .ohshopPlus.mobile ul.prd_list li{margin-right:10px;margin-left:0;width:155px;min-width:155px;overflow:auto;} .ohshopPlus.mobile ul.prd_list li span.img{width:153px;height:153px;} .ohshopPlus.mobile ul.prd_list li img{width:100%;height:100%;} .ohshopPlus.mobile .topTit span{display:block;padding-left:0;} .ohshopPlus.mobile .plusPrice p:first-child::after{content:none;} .ohshopPlus.mobile .ohshopPlusAmount{text-align:left;margin-top:0;} .ohshopPlus.mobile .ohshopPlusAmount p{color:#333;} .ohshopPlus.mobile .ohshopPlusAmount > p{color:#333;padding-top:5px;} .ohshopPlus.mobile .ohshopPlusAmount p span{padding-left:18px;} .ohshopPlus.mobile .shopping_payTotal{margin-top:0 !important;} .ohshopPlus.mobile .shopping_payTotal .price .sPrice{width:100px;height: 38px;line-height:38px;padding:0 14px;border:1px solid #bbb;text-align:right;box-sizing:border-box;background:#f2f2f2;} .ohshopPlus.mobile .plusPrice{padding:15px;} .ohshopPlus.mobile ul.prd_list > li > a.box{max-height:202px;} .ohshopPlus.mobile .prdTit .ohshopPlusCategory{position:absolute;right:0;top:13px;} .ohshopPlustAgreePop.mobile{left:50% !important;top:50% !important;overflow-y:scroll;} .ohshopPlustAgreePop.mobile .contents{padding:0 !important;} .ohshopPlustPop.mobile{left:50% !important;top:50% !important;margin:0;} .ohshopPlustPop.mobile .inner{padding:0 !important;} .ohshopPlustPop.mobile .ohshopPlustPdt .pdtImg .mainImg{width:200px;height:200px;overflow:hidden;} .ohshopPlustPop.mobile .ohshopPlustPdt .pdtImg .altTimg{text-align:center;margin-top:10px;} .ohshopPlus.mobile .listBox{overflow:hidden;border-top:1px solid #333;} .ohshopPlus.mobile .listBox div.list{position:relative;padding:10px;border-bottom:1px solid #dcdcdc;} .ohshopPlus.mobile .listBox div.list:last-child{border-bottom:none;} .ohshopPlus.mobile .listBox div.list p.pImg{position:absolute;left:10px;top:auto;} .ohshopPlus.mobile .listBox div.list p.checkBox {position:absolute;left:10px;top:auto;} .ohshopPlus.mobile .listBox div.list p.checkBox input[type="radio"]{display:block;} .ohshopPlus.mobile .listBox div.list.amazon_de p.pName{padding-left:25px;} .ohshopPlus.mobile .listBox div.list.amazon_de div.conBox{padding-left:95px;} .ohshopPlus.mobile .listBox div.list.amazon_de p.pImg{left:35px;} .ohshopPlus.mobile .listBox div.list div.conBox{padding-left:70px;} .ohshopPlus.mobile .listBox div.list div.conBox p{margin-bottom:10px;} .ohshopPlus.mobile .listBox div.list div.conBox p .name{font-weight:bold;padding-right:10px;width:55px;min-width:55px;display:inline-block;} .ohshopPlus.mobile .listBox div.list div.conBox p .price{color:#ff7000;font-size:14px;font-weight:bold;} .ohshopPlus.mobile .listBox div.list div.conBox .qty{background:#f2f2f2;border:1px solid #dcdcdc;text-align:center;width:70px;height:32px;line-height:32px;box-sizing:border-box;display:inline-block;} .ohshopPlus.mobile .listBox div.list div.conBox .delBtn{float:left;margin-right:10px;width:55px;display:inline-block;margin-bottom:0;border:1px solid #bbb;border-radius:3px;background:linear-gradient(to bottom, rgba(255,255,255,1) 44%,rgba(238,238,238,1) 100%);} .ohshopPlus.mobile .listBox div.list div.conBox .delBtn a{padding:0 15px;height:30px;line-height:30px;display:block;} .ohshopPlus.mobile .listBox div.list div.conBox select{-webkit-appearance:auto !important;-moz-appearance:auto !important;-ms-appearance:auto !important;height:32px;line-height:32px;width:70px;} /* 우편번호 검색 팝업 */ .layer.zipcodePop.mobile{width:100%;left:0;top:0;margin:0;height:100%;box-shadow:none;overflow-y:auto;font-family:'Noto Sans Korean',sans-serif,'Nanum Gothic';} .layer.zipcodePop.mobile .hMenu{padding:20px 3vw 10px;overflow:hidden;border-bottom:1px solid #dcdcdc;position:relative;} .layer.zipcodePop.mobile .hMenu p.tTit{text-align:left;font-size:18px;font-weight:bold;color:#333;} .layer.zipcodePop.mobile .hMenu i{font-size:18px;font-weight:bold;position:absolute;right:3vw;top:23px;} .layer.zipcodePop.mobile p{margin:0;} .layer.zipcodePop.mobile .inner{padding:20px 3vw;} .layer.zipcodePop.mobile .inner .srcBox{padding:10px 73px 10px 10px;text-align:left;position:relative;} .layer.zipcodePop.mobile .inner .srcBox input{width:100%;box-sizing:border-box;} .layer.zipcodePop.mobile .inner .srcBox .btnPack{position:absolute;right:10px;} .layer.zipcodePop.mobile .inner .srcBox .btnPack a{padding:0 13px;height:38px;line-height:38px;box-sizing:border-box;} .layer.zipcodePop.mobile .info {margin-top:20px;} .layer.zipcodePop.mobile .info p{position:relative;padding-left:10px;} .layer.zipcodePop.mobile .info p span{position:absolute;left:0;top:0;color:#ff7000;} .layer.zipcodePop.mobile .info ul{margin-top:10px;} .layer.zipcodePop.mobile .info ul li{font-size:13px;padding:0 0 0 10px;} .layer.zipcodePop.mobile a.del04 span{height:22px;} .layer.zipcodePop.mobile .selected_address {margin-bottom:20px;} .layer.zipcodePop.mobile .selected_address > p{position:relative;padding-left:10px;} .layer.zipcodePop.mobile .selected_address > p > em{position:absolute;left:0;top:0;} .layer.zipcodePop.mobile .selected_address p.btnS1{padding-left:0;} .layer.zipcodePop.mobile .selected_address .selectAdd{margin:10px 0 0;overflow:hidden;} .layer.zipcodePop.mobile dl{margin-bottom:10px;} .layer.zipcodePop.mobile dl dd input{width:100%;box-sizing:border-box;} .layer.zipcodePop.mobile dl dd select{width:49%;} .layer.zipcodePop.mobile dl dd select:first-child{margin-right:1%;} /* 20221028 광군제 팝업 */ .main_layerpop.singlesDay.mobile{transform:translate(-50%, -50%);left:50% !important;top:50% !important;margin:0 !important;padding:0 !important;width:94vw;max-width:609px;} .main_layerpop.singlesDay.mobile .pop_box p a img{width:100%;} .main_layerpop.singlesDay.mobile .pop_b_close a{line-height:24px !important;padding:10px 0;box-sizing:border-box;} .main_layerpop.singlesDay.mobile .pop_b_close a:first-child{border-right:1px solid #5e5454;} .main_layerpop.singlesDay.mobile .pop_b_close{position:unset !important;background:#473232;overflow:hidden;border-radius:0 0 10px 10px;} .main_layerpop.blackFriDay.mobile{transform:translate(-50%, -50%);left:50% !important;top:40% !important;margin:0 !important;padding:0 !important;width:94vw;max-width:609px;} .main_layerpop.blackFriDay.mobile .pop_box p a img{width:100%;} .main_layerpop.blackFriDay.mobile .pop_b_close a{width:49%;} /* 구매대행 */ #container.mobile.purchase .contentS{width:100% !important;padding:20px 3vw 10px !important;box-sizing:border-box;margin-top:0;} #container.mobile.purchase .contentS h1.titDep1{display:none;} #container.mobile.purchase .contentS .infor{background:none;margin-bottom:40px;height:auto !important;} #container.mobile.purchase .contentS .Advantages ul{border-top:1px solid #333 !important;} #container.mobile.purchase .contentS .Advantages ul > li{width:100% !important;box-sizing:border-box;vertical-align:top;display:inline-block;float:none !important;border-bottom:1px solid #dcdcdc !important;} #container.mobile.purchase .contentS .Advantages ul > li div.txt{background-position:10px top !important;padding-top:0 !important;border-right:none !important;text-align:left !important;padding-left:90px !important;} #container.mobile.purchase .contentS .Advantages ul > li:last-child{border-bottom:none !important;} #container.mobile.purchase .contentS .Advantages ul > li div.txt p{line-height:24px;} #container.mobile.purchase .contentS .Advantages ul > li > .txt > ul > li{padding:5px 10px !important;} #container.mobile.purchase .contentS .Advantages ul > li > .txt > ul > li strong{padding-right:0 !important;} #container.mobile.purchase .contentS .inforStep ul li{text-align:left;} #container.mobile.purchase .contentS .inforStep ul li p{line-height:24px;} #container.mobile.purchase .contentS .inforStep ul li p.txt{padding-left:0 !important;} #container.mobile.purchase .contentS .inforStep ul li p.btn{clear:both;margin-left:100px;} #container.mobile.purchase .contentS .guideBtn{overflow:hidden;margin-top:20px;} #container.mobile.purchase .contentS .guideBtn a{float:left;width:49%;padding:0;margin:0;font-size:13px;height:44px;line-height:44px;} #container.mobile.purchase .contentS .guideBtn a:first-child{margin-right:1%;} #container.mobile.purchase .contentS.Guide{background:#fff !important;} #container.mobile.purchase .contentS.Guide .Gtitle{display:none;} #container.mobile.purchase .contentS.Guide .GuideCon .top_Bar{width:100% !important;padding:0 !important;} #container.mobile.purchase .contentS.Guide .GuideCon .top_Bar .guideStep{margin-top:0;} #container.mobile.purchase .contentS.Guide .GuideCon .top_Bar .guideStep ul.l_step li{width:100%;position:relative;margin-bottom:10px;} #container.mobile.purchase .contentS.Guide .GuideCon .top_Bar .guideStep ul.l_step li p.txt{position:absolute;top:2px;left:55px;} #container.mobile.purchase .contentS.Guide .GuideCon .top_Bar .guideStep ul.l_step li p.txt .step_arrow{top:11px;margin-right:-40px;} #container.mobile.purchase .contentS.Guide .guideBox{width:100% !important;padding:0 !important;} #container.mobile.purchase .contentS.Guide .Notice{padding:10px;margin-bottom:20px !important;} #container.mobile.purchase .contentS.Guide .Notice p.tit{padding-left:0;} #container.mobile.purchase .contentS.Guide .Notice p{margin-left:0;line-height:24px;} #container.mobile.purchase .contentS.Guide .Notice .linkBtn3.pdl_35{padding-left:0 !important;} #container.mobile.purchase .contentS.Guide .guideBox dl dt p{font-size:14px !important;} #container.mobile.purchase .contentS.Guide .guideBox dl dt p span{display:none;} #container.mobile.buy .tit.buy{padding:20px 3vw;} #container.mobile.buy .tit.buy h1{padding-bottom:0;} #container.mobile.buy .tit.buy .search span{display:-webkit-box;} #container.mobile.buy .tit.buy .search a{height:auto !important;line-height:normal !important;font-size:13px;} #container.mobile.buy .prd_list{padding:10px 10px 0;overflow:hidden;} #container.mobile.buy .prd_list li{background:#fff;height:275px !important;margin-bottom:10px !important;width:50% !important;box-sizing:border-box;margin-right:0 !important;} #container.mobile.buy .prd_list li span.img{border:none !important;} #container.mobile.buy .prd_list li span.caption{display:none;} #container.mobile.buy .prd_list li p.price{margin:7px 10px 0;} #container.mobile.buy .prd_list li p.tit{margin:7px 10px 0;width:auto !important;max-height:40px;overflow:hidden;} #container.mobile.buy .prd_list li a.box{height:275px !important;} #container.mobile.buy .prd_list li:nth-child(2n + 1){border-right:5px solid #f8f8f8;box-sizing:border-box;} #container.mobile.buy .prd_list li:nth-child(2n + 2){border-left:5px solid #f8f8f8;box-sizing:border-box;} #container.mobile.buy .apGR{background:#fff;overflow:hidden;padding:20px 3vw 10px;} #container.mobile.buy .apGR p.tTxt{font-weight:bold;margin-bottom:40px;} #container.mobile.buy .apGR p.tit{font-size:16px;font-weight:bold;margin-bottom:20px;} #container.mobile.buy .apGR .guide{margin-bottom:20px;} #container.mobile.buy .apGR .guide li{display:block;margin-left:0;margin-bottom:10px;position:relative;text-align:left;padding:10px;letter-spacing:0;} #container.mobile.buy .apGR .guide li p.step{font-weight:bold;padding-bottom:5px;} #container.mobile.buy .apGR .clearfix p.tit{float:left;height:44px;line-height:44px;margin-bottom:10px;} #container.mobile.buy .apGR .clearfix p.btnS3{float:right;width:auto;padding:0 20px;} #container.mobile.buy .apGR .scroll_container{width:100%;overflow-x:auto;} #container.mobile.buy .apGR .scroll{width:1140px;} #container.mobile.buy .apGR .scroll_container::-webkit-scrollbar {height:4px; } #container.mobile.buy .apGR .scroll_container::-webkit-scrollbar-track { background-color:#f2f2f2; } #container.mobile.buy .apGR .scroll_container::-webkit-scrollbar-thumb { background: #999; } #container.mobile.buy .apGR .scroll_container::-webkit-scrollbar-thumb:active { background: #808080; } #container.mobile.buy .apGR .scroll_container::-webkit-scrollbar-top { display:block ; } #container.mobile.buy .apGR .boxG select{height:40px;line-height:40px;padding:0 10px;display:inline-block;} #container.mobile.buy .apGR .boxG input{height:40px;line-height:40px;display:inline-block;box-sizing:border-box;} #container.mobile.buy .apGR .boxG p.btnS1{width:auto;display:inline-block;height:40px;line-height:40px;padding:0 20px;vertical-align:middle;} #container.mobile.buy .apGR .clearfix #container.mobile.buy .GEbuy{background:#fff;overflow:hidden;padding:20px 3vw 10px;box-sizing:border-box;} #container.mobile.buy .GEbuy p.tTxt{font-weight:bold;margin-bottom:20px;} #container.mobile.buy .GEbuy .tableType th{text-align:left;padding-left:10px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;vertical-align:top;padding-top:19px;font-weight:bold;background:#f2f2f2;} #container.mobile.buy .GEbuy .tableType td{padding:10px;border-right:1px solid #dcdcdc;} #container.mobile.buy .GEbuy .tableType td input{width:100%;box-sizing:border-box;} #container.mobile.buy .GEbuy .tableType td input[type="radio"]{float:left;width:auto;} #container.mobile.buy .GEbuy .tableType td p{padding-top:10px;} #container.mobile.buy .GEbuy .tableType td p label{font-weight:normal;color:#333;} #container.mobile.buy .GEbuy .tableType.topT{overflow:hidden;margin-bottom:20px;} #container.mobile.buy .GEbuy .tableType.topT th{background:none;border-left:none;} #container.mobile.buy .GEbuy .tableType.topT td{border-right:none;} #container.mobile.buy .GEbuy .btnGEbuy{float:right;margin:10px 0 20px 10px;} #container.mobile.buy .GEbuy .tableType td p.btnPack{background:linear-gradient(to top, #e6e6e6 , #fff);border: 1px solid #dcdcdc;width: 100%;} #container.mobile.buy .GEbuy .tableType td p.btnPack a{padding:6px 0;color:#999;} #container.mobile.buy .GEbuy .tableType td.prev .btnClose{position:absolute;z-index:1;right:5px;top:19px;} #container.mobile.buy .GEbuy .tableType td.prev .btnClose i{font-weight:bold;font-size:11px;} #container.mobile.buy .GEbuy .tableType td.prev .btnCloseOff{display:none;} #container.mobile.buy .GEbuy .tableType td.prev p{padding-top:0;} #container.mobile.buy .GEbuy .tableType td.prev p a{color:#333;} #container.mobile.buy .GEbuy .btnArea{margin-top:20px;overflow:hidden;} #container.mobile.buy .GEbuy .btnArea p.btn1{width:49%;float:left;margin-right:2%;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;box-sizing:border-box;} #container.mobile.buy .GEbuy .btnArea p.btn1 a{font-weight:bold;color:#333;text-align:center;display:block;padding:10px 0;} #container.mobile.buy .GEbuy .btnArea p.btn2{width:49%;float:left;background:linear-gradient(to top, #ff7000 , #f59344);border:1px solid #ff7000;box-sizing:border-box;} #container.mobile.buy .GEbuy .btnArea p.btn2 a{font-weight:bold;color:#fff;text-align:center;display:block;padding:10px 0;} #container.mobile.buy .GEbuy .payment_area{border-top:1px solid #dcdcdc;margin-top:40px;} #container.mobile.buy .GEbuy .payment_area .payTotal li{overflow:hidden;margin-top:10px;} #container.mobile.buy .GEbuy .payment_area .payTotal li p.name{float:left;line-height:40px;font-weight:bold;} #container.mobile.buy .GEbuy .payment_area .payTotal li p.price{float:right;} #container.mobile.buy .GEbuy .payment_area .payTotal li p.price .currency_mark{font-weight:bold;} #container.mobile.buy .GEbuy .payment_area .payTotal li p.price .sPrice {width:100px;display:inline-block;margin-left:10px;} #container.mobile.buy .GEbuy .payment_area .payTotal li p.price .sPrice input{width:100%;box-sizing:border-box;text-align:right;padding-right:10px;border:none;background:#f2f2f2;} #container.mobile.buy .GEbuy .payment_area .tableType.payment{border-top:1px solid #dcdcdc;margin-top:10px;} #container.mobile.buy .GEbuy .payment_area .tableType.payment tr th{backround:none;border-bottom:none;} #container.mobile.buy .GEbuy .payment_area .tableType.payment tr td {border-bottom:none;} #container.mobile.buy .GEbuy .payment_area .tableType.payment tr td select{width:100%;} #container.mobile.buy .GEbuy .payment_area div.payment{overflow:hidden;margin-top:20px;border:1px solid #dcdcdc;padding:10px;} #container.mobile.buy .GEbuy .payment_area div.payment dl dt{font-weight:bold;display:block;padding-bottom:5px;} #container.mobile.buy .GEbuy .payment_area div.payment dl dd.dd_box{background:#f2f2f2;padding:10px;} #container.mobile.buy .GEbuy .payment_area div.payment dl dd.dd_box span:first-child{padding-right:10px;} #container.mobile.buy .GEbuy .payment_area div.payment dl dd input{vertical-align:-1px;} #container.mobile.buy .GEbuy .payment_area div.payment dl dd input, #container.mobile.buy .GEbuy .payment_area div.payment dl dd select{-webkit-appearance:auto !important;-moz-appearance:auto !important;-ms-appearance:auto !important;} #container.mobile.buy .GEbuy .payment_area div.payment dl dd .tableType th{background:none;border-left:none;} #container.mobile.buy .GEbuy .payment_area div.payment dl dd .tableType td{border-right:none;} #container.mobile.buy .GEbuy .payment_area div.payment dl dd .tableType td select, #container.mobile.buy .GEbuy .payment_area div.payment dl dd .tableType td input{width:100%;} #container.mobile.buy .GEbuy .payment_area div.payment dl dd .tableType td .linkBtn{height:36px;line-height:36px;border:1px solid #ff7000;border-radius:5px;display:inline-block;padding-top:0;margin-top:10px;} #container.mobile.buy .GEbuy .payment_area div.payment dl dd .tableType td .linkBtn a{color:#ff7000;display:block;padding:0 15px;margin:0 !important;} #container.mobile.buy .GEbuy .payment_area div.payment dl dd p.info{padding-top:10px;} #container.mobile.buy .GEbuy .message{margin:0 0 10px;} #container.mobile.buy .GEview {background:#fff;overflow:hidden;padding:20px 3vw 10px;box-sizing:border-box;} #container.mobile.buy .GEview p.tTxt{font-weight:bold;margin-bottom:20px;} #container.mobile.buy .GEview .payment_area{overflow:hidden;} #container.mobile.buy .GEview .payment_area li{overflow:hidden;margin-bottom:10px;} #container.mobile.buy .GEview .payment_area li:last-child{margin-bottom:0;} #container.mobile.buy .GEview .payment_area li p{color:#333;} #container.mobile.buy .GEview .payment_area li p.name{float:left;line-height:40px;font-weight:bold;} #container.mobile.buy .GEview .payment_area li p.price{float:right;} #container.mobile.buy .GEview .payment_area li p.price .currency_mark{font-weight:bold;} #container.mobile.buy .GEview .payment_area li p.price .sPrice {width:100px;display:inline-block;margin-left:10px;height:40px;line-height:40px;background:#f2f2f2;text-align:right;padding:0 10px;box-sizing:border-box;} #container.mobile.buy .GEview .tableType{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;} #container.mobile.buy .GEview .tableType tr th{text-align:left;padding:10px;background:#f2f2f2;font-weight:bold;border-bottom:1px solid #dcdcdc;} #container.mobile.buy .GEview .tableType tr td{text-align:left;padding:10px;font-weight:normal;} #container.mobile.buy .GEview .tableType thead tr th{border-bottom:1px solid #dcdcdc;} #container.mobile.buy .GEview .tableType thead tr td{border-bottom:1px solid #dcdcdc;font-weight:bold;} #container.mobile.buy .GEview .tableType td.tBtn p{text-align:center;padding:5px 0;border:1px solid #dcdcdc;box-sizing:border-box;width:49%;float:left;} #container.mobile.buy .GEview .tableType td.tBtn p:first-child{margin-right:2%;} #container.mobile.buy .GEview .view{overflow:hidden;margin-top:20px;} #container.mobile.buy .GEview .view .trackingNum{padding: 0;border: none;background: none;box-shadow: none;} #container.mobile.buy .GEview .view p.tit{font-weight:bold;font-size:16px;} #container.mobile.buy .GEview .view p.tit em{color:#ff7000;} #container.mobile.buy .GEview .scroll_container{width:100%;overflow-x:auto;} #container.mobile.buy .GEview .scroll_container .scroll{width:1140px;margin-bottom:5px;} #container.mobile.buy .GEview .scroll_container::-webkit-scrollbar {height:4px; } #container.mobile.buy .GEview .scroll_container::-webkit-scrollbar-track { background-color:#f2f2f2; } #container.mobile.buy .GEview .scroll_container::-webkit-scrollbar-thumb { background: #999; } #container.mobile.buy .GEview .scroll_container::-webkit-scrollbar-thumb:active { background: #808080; } #container.mobile.buy .GEview .scroll_container::-webkit-scrollbar-top { display:block ; } #container.mobile.buy .GEview dl.view{border-top:1px solid #333;overflow:hidden;margin-top:40px;} #container.mobile.buy .GEview dl.view dt .tit{background:#f2f2f2;padding:10px;overflow:hidden;} #container.mobile.buy .GEview dl.view dt .tit p{font-weight:bold;} #container.mobile.buy .GEview dl.view dt .info{border-bottom:1px solid #dcdcdc;padding:10px;color:#999;} #container.mobile.buy .GEview dl.qna dt{background:#f2f2f2;border-bottom:1px solid #dcdcdc;padding:20px 10px;position:relative;} #container.mobile.buy .GEview dl.qna dt .qna_a{position:absolute;left:10px;top:20px;} #container.mobile.buy .GEview dl.qna dt .qna_a i{font-weight:bold;} #container.mobile.buy .GEview dl.qna dt .qna_a i.xi-subdirectory-arrow{color:#999;vertical-align:-2px;font-size:16px;font-weight:normal;} #container.mobile.buy .GEview dl.qna dt p.sbj{padding-left:40px;line-height:24px;} #container.mobile.buy .GEview dl.qna dt .date{padding-left:40px;display:block;padding-top:10px;} #container.mobile.buy .GEview dl.qna dd{border-bottom:1px solid #dcdcdc;padding:20px 10px;} #container.mobile.buy .GEview dl.qna dd span.date{padding-top:20px;display:block;} #container.mobile.buy .GEview dl.qna dd textarea{padding:10px;margin-bottom:10px;} #container.mobile.buy .GEview .btn{padding-top:10px;widt:100%;text-align:right;} #container.mobile.buy .GEview .btn .btn1{background:#999;color:#fff;padding:5px 10px;border-radius:3px;} #container.mobile.buy .GEview .btn .btn2{border:1px solid #999;color:#333;padding:5px 10px;border-radius:3px;} #container.mobile.buy .GEview div.b_btn{overflow:hidden;margin-top:20px;} #container.mobile.buy .GEview div.b_btn a{color:#333;padding:0 20px;display:inline-block;text-align:center;font-weight:bold;height:35px;line-height:35px;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;} #container.mobile.buy .GEview .enrollment{overflow:hidden;padding:20px 10px;border-bottom:1px solid #dcdcdc;} #container.mobile.buy .GEview .enrollment textarea{padding:10px;margin-bottom:10px;width:100%;} #container.mobile.buy .GEview .enrollment .submit_btn{background: linear-gradient(to top, #333 , #666);color: #fff;width: 100%;display: block;margin-top: 10px;text-align: center;padding: 10px 0;font-weight: bold;} #container.mobile .buyDtls .ship_info{padding:10px 3vw 0;box-sizing:border-box;overflow:hidden;} #container.mobile .buyDtls .ship_info li{width:100%;margin-bottom:10px;height:auto;padding:10px 0;} #container.mobile .buyDtls .ship_info li:last-child{margin-bottom:0;} #container.mobile .buyDtls .summery .txt2, #container.mobile .buyDtls .summery .txt3{background:#fff;padding:0 3vw;} #container.mobile .buyDtls .summery.amazon h1{padding:20px 3vw !important;} #container.mobile .buyDtls .summery.amazon .price{width:100% !important;padding:10px 3vw 0 !important;box-sizing:border-box;} #container.mobile .buyDtls .summery.amazon .price dl dt{width:20% !important;} #container.mobile .buyDtls .summery.amazon .price dl dt, #container.mobile .buyDtls .summery.amazon .price dl dd{line-height:38px;} #container.mobile .buyDtls .summery.amazon .price dl dd p{font-weight:normal !important;font-size:18px !important;} #container.mobile .buyDtls .summery.amazon .price dl dd p.list-price {color:#999 !important;text-decoration:line-through !important;} #container.mobile .buyDtls .summery.amazon .price dl dd p.sale-price{font-weight:bold !important;font-size:22px !important;} #container.mobile .buyDtls .summery.amazon .optionArea dl dt{width:20% !important;line-height:38px;} #container.mobile .buyDtls .summery.amazon .optionArea dl dd{line-height:38px;} #container.mobile .buyDtls .summery.amazon .optionArea dl{margin-bottom:10px !important;} #container.mobile .buyDtls select{-webkit-appearance:auto !important;-moz-appearance:auto !important;-ms-appearance:auto !important;} /* 사업자 부가가치세 */ #container.mobile .AssistedPurchase{width:100%;padding:20px 3vw 10px;box-sizing:border-box;margin-top:0;} #container.mobile .AssistedPurchase .box_txt{padding:10px;margin-top:20px;margin-bottom:20px;} #container.mobile .AssistedPurchase .l_Txt1 li{padding-bottom:10px;} #container.mobile .AssistedPurchase .l_Txt1:last-child li span{padding-left:0;} #container.mobile .AssistedPurchase .table_container{width:100%;overflow-x:auto;} /* 구매대행 장바구니 */ #container.mobile .shopCart .AssistedPurchase.cart{padding:0;background:#f2f2f2;} #container.mobile .shopCart .AssistedPurchase.cart .countryBox{padding:20px 3vw;background:#fff;margin-bottom:10px;} #container.mobile .shopCart .AssistedPurchase.cart .countryBox:last-child{margin-bottom:0;} #container.mobile .shopCart .AssistedPurchase.cart div.Title{padding:0 0 10px !important;margin-top:0 !important;} #container.mobile .shopCart .AssistedPurchase.cart .listBox p.pName{padding-bottom:10px;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list{position:relative;padding:10px;border-bottom:1px solid #dcdcdc;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list p.pImg{position:absolute;left:10px;top:auto;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list p.checkBox {position:absolute;left:10px;top:auto;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list p.checkBox input[type="radio"]{display:block;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list.amazon_de p.pName{padding-left:25px;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list.amazon_de div.conBox{padding-left:95px;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list.amazon_de p.pImg{left:35px;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list div.conBox{padding-left:70px;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list div.conBox p{margin-bottom:10px;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list div.conBox p .name{font-weight:bold;padding-right:10px;width:55px;display:inline-block;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list div.conBox p .price{color:#ff7000;font-size:14px;font-weight:bold;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list div.conBox .qty{background:#f2f2f2;border:1px solid #dcdcdc;text-align:center;width:70px;height:32px;line-height:32px;box-sizing:border-box;display:inline-block;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list div.conBox .delBtn{float:left;margin-right:10px;width:55px;display:inline-block;margin-bottom:0;border:1px solid #bbb;border-radius:3px;background:linear-gradient(to bottom, rgba(255,255,255,1) 44%,rgba(238,238,238,1) 100%);} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list div.conBox .delBtn a{padding:5px 15px;display:block;} #container.mobile .shopCart .AssistedPurchase.cart .listBox div.list div.conBox select{-webkit-appearance:auto !important;-moz-appearance:auto !important;-ms-appearance:auto !important;height:32px;line-height:32px;width:70px;} #container.mobile .shopCart .AssistedPurchase.cart .cartTotal{padding:0;margin-top:10px;} #container.mobile .shopCart .AssistedPurchase.cart .cartTotal ul{float:none;overflow:hidden;margin-bottom:10px;border:none;} #container.mobile .shopCart .AssistedPurchase.cart .cartTotal ul li{padding:10px;font-weight:bold;color:#333;} #container.mobile .shopCart .AssistedPurchase.cart .cartTotal ul li.tPay{float:right;border:none;color:#ff7000;} /* 구매대행 주문 배송 조회 */ #container.mobile .mypageBuyShop.list{background:#fff;padding:20px 3vw;box-sizing:border-box;} #container.mobile .mypageBuyShop.list .scroll_container{width:100%;overflow-x:auto;} #container.mobile .mypageBuyShop.list .scroll_container .scroll{width:1140px;margin-bottom:5px;} #container.mobile .mypageBuyShop.list .titDep{overflow:hidden;margin-bottom:10px;} #container.mobile .mypageBuyShop.list .titDep .tit{font-size:16px;font-weight:bold;float:left;} #container.mobile .mypageBuyShop.list .titDep .linkBtn{float:right;} #container.mobile .mypageBuyShop.list > .linkBtn{margin-top:10px;text-align:right;overflow:hidden;} #container.mobile .mypageBuyShop.list .scroll_container::-webkit-scrollbar {height:4px; } #container.mobile .mypageBuyShop.list .scroll_container::-webkit-scrollbar-track { background-color:#f2f2f2; } #container.mobile .mypageBuyShop.list .scroll_container::-webkit-scrollbar-thumb { background: #999; } #container.mobile .mypageBuyShop.list .scroll_container::-webkit-scrollbar-thumb:active { background: #808080; } #container.mobile .mypageBuyShop.list .scroll_container::-webkit-scrollbar-top { display:block ; } #container.mobile .mypageBuyShop.list .caution{margin-bottom:40px;font-size:12px;} #container.mobile .mypageBuyShop.list .caution li{font-weight:bold;position:relative;padding-left:10px;} #container.mobile .mypageBuyShop.list .caution li span{position:absolute;left:0;top:0;} #container.mobile .mypageBuyShop.list .tableType_m{border-top:1px solid #333;} #container.mobile .mypageBuyShop.list .tableType_m tr th{background:#f2f2f2;color:#333;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:left;font-weight:bold;padding:10px;} #container.mobile .mypageBuyShop.list .tableType_m tr th a{color:#333;} #container.mobile .mypageBuyShop.list .tableType_m tr td{background:#fff;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:10px;} #container.mobile .mypageBuyShop.list .orderSearchBox{margin-bottom: 10px;padding-right: 45px;position: relative;} #container.mobile .mypageBuyShop.list .orderSearchBox input{height: 40px;line-height: 40px;width: 100%;box-sizing: border-box;} #container.mobile .mypageBuyShop.list .orderSearchBox a > i{border: 1px solid #bbb;background:linear-gradient(to bottom, rgba(255,255,255,1) 44%,rgb(225 225 225) 100%);height: 40px;line-height: 40px;width: 40px;text-align: center;box-sizing: border-box;border-radius: 5px;position: absolute;right: 0;} #container.mobile .mypageBuyShop.list .orderBox-group{margint-top:20px;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body h3{margin-bottom:10px;font-size:16px;font-weight:500;color:#ff7000;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body .orderBox{margin-bottom:15px;} #container.mobile .mypageBuyShop.list .orderBox-group > .orderBox-head{padding:15px 10px;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body{padding:15px 10px;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body .orderBox-inner{padding:0;width:100%;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body > .orderBox-inner p{font-weight:500;padding-bottom:5px;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body > .orderBox-inner p:last-child{padding-bottom:0;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body > .orderBox-inner p span{float:right;font-weight:normal;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body > .orderBox-inner ul.receiver{background:#f2f2f2;padding:10px;line-height:24px;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body .orderBox-inner .orderPrd{width:100%;margin-right:0;margin-bottom:10px;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body .orderBox-inner .orderPrd p.name{padding-bottom:10px;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body .orderBox-inner .orderPrd p.name a{color:#333;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body .orderBox-inner .orderPrd .orderItem{overflow:hidden;margin:0;padding-bottom:10px;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body .orderBox-inner .orderPrd .orderItem a img{margin:0 20px 0 0;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-body .orderBox-inner .orderPrd .orderItem p{margin:0;line-height:24px;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-head{position:relative;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-head .rightBtn{position:absolute;right:10px;top:9px;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-head .rightBtn p{float:unset;min-width:auto;border:1px solid #ccc;padding:5px 15px;background:#fff;} #container.mobile .mypageBuyShop.list .orderBox-group .orderBox-head .rightBtn p a{color:#333;display:block;} #container.mobile .mypageBuyShop .btnArea{overflow:hidden;background:#fff;padding:20px 3vw;} #container.mobile .mypageBuyShop .btnArea p.btn1{width:49%;float:left;margin-right:2%;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;box-sizing:border-box;} #container.mobile .mypageBuyShop .btnArea p.btn1 a{font-weight:bold;color:#333;text-align:center;display:block;padding:10px 0;} #container.mobile .mypageBuyShop .btnArea p.btn2{width:49%;float:left;background:linear-gradient(to top, #ff7000 , #f59344);border:1px solid #ff7000;box-sizing:border-box;} #container.mobile .mypageBuyShop .btnArea p.btn2 a{font-weight:bold;color:#fff;text-align:center;display:block;padding:10px 0;} /* 주문결제 */ #container.mobile .cartList_de .listBox div.list{position:relative;margin:10px;border-bottom:1px solid #dcdcdc;} #container.mobile .cartList_de .listBox:last-child div.list{border-bottom:none;} #container.mobile .cartList_de .listBox div.list p.pImg{position:absolute;left:0;top:0;} #container.mobile .cartList_de .listBox div.list div.conBox{padding-left:70px;} #container.mobile .cartList_de .listBox div.list div.conBox p{margin-bottom:10px;} #container.mobile .cartList_de .listBox div.list div.conBox p .name{font-weight:bold;padding-right:10px;width:55px;display:inline-block;} #container.mobile .cartList_de .listBox div.list div.conBox p .price{color:#ff7000;font-size:14px;font-weight:bold;} #container.mobile .cartList_de .listBox div.list div.conBox .qty{background:#f2f2f2;border:1px solid #dcdcdc;text-align:center;width:70px;height:32px;line-height:32px;box-sizing:border-box;display:inline-block;} #container.mobile .cartList_de .listBox div.list div.conBox .pBox{position:relative;} #container.mobile .cartList_de .listBox div.list div.conBox .pBox i{position:absolute;right:10px;top:12px;color:#999;font-size:10px;} #container.mobile .cartList_de .listBox div.list div.conBox .pBox .btnBoxS{border:1px solid #dcdcdc;} #container.mobile .cartList_de input{-webkit-appearance:auto !important;-moz-appearance:auto !important;-ms-appearance:auto !important;} #container.mobile.amazonPayment .listBox div.list div.selBox{} #container.mobile.amazonPayment .listBox div.list div.selBox dl{overflow:hidden;margin-bottom:10px;line-height:32px;} #container.mobile.amazonPayment .listBox div.list div.selBox dl dt{float:left;width:70px;font-weight:bold;} #container.mobile.amazonPayment .listBox div.list div.selBox dl dd{float:left;position:relative;width:240px;} #container.mobile.amazonPayment .listBox div.list div.selBox dl dd i{position:absolute;right:10px;top:11px;color:#ff7000;z-index:1;} #container.mobile.amazonPayment .listBox div.list div.selBox dl dd .btnPack{background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;width:100%;} #container.mobile.amazonPayment .listBox div.list div.selBox dl dd .btnPack span{font-weight:bold;} #container.mobile.amazonPayment .Title{margin-top:10px;padding:20px 3vw 10px;} #container.mobile.amazonPayment .Title p{font-size:16px;font-weight:bold;} #container.mobile.amazonPayment .pCenter{background:#fff;padding:10px 3vw;overflow:hidden;} #container.mobile.amazonPayment .pCenter .pick p{padding-bottom:10px;margin-left:-3px;} #container.mobile.amazonPayment .pCenter dl.info{margin-bottom:10px;} #container.mobile.amazonPayment .pCenter dl.info dd{position:relative;background:#f2f2f2;padding:10px 10px 10px 20px;font-size:12px;} #container.mobile.amazonPayment .pCenter dl.info dd em{position:absolute;left:10px;color:#ff7000;} #container.mobile.amazonPayment .pCenter .wh_addr > p{font-weight:bold;padding-bottom:10px;font-size:14px;} #container.mobile.amazonPayment .pCenter .wh_addr .tableType {border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;} #container.mobile.amazonPayment .pCenter .wh_addr .tableType thead th{border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} #container.mobile.amazonPayment .pCenter .wh_addr .tableType tbody td{border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:center;font-weight:normal;} #container.mobile.amazonPayment .pCenter .scroll_container{width:100%;overflow-x:auto;} #container.mobile.amazonPayment .pCenter .scroll_container .scroll{width:900px;margin-bottom:5px;} #container.mobile.amazonPayment .pCenter .scroll_container::-webkit-scrollbar {height:4px; } #container.mobile.amazonPayment .pCenter .scroll_container::-webkit-scrollbar-track { background-color:#f2f2f2; } #container.mobile.amazonPayment .pCenter .scroll_container::-webkit-scrollbar-thumb { background: #999; } #container.mobile.amazonPayment .pCenter .scroll_container::-webkit-scrollbar-thumb:active { background: #808080; } #container.mobile.amazonPayment .pCenter .scroll_container::-webkit-scrollbar-top { display:block ; } #container.mobile.amazonPayment input[type="radio"]{margin-top:-2px;} #container.mobile.amazonPayment .pShip{background:#fff;padding:10px 3vw;overflow:hidden;} #container.mobile.amazonPayment .pShip .pick{overflow:hidden;} #container.mobile.amazonPayment .pShip .pick p{margin-left:-3px;float:left;} #container.mobile.amazonPayment .pShip .pick p:first-child{margin-right:20px;} #container.mobile.amazonPayment .pShip > p{margin-top:10px;position:relative;padding-left:22px;} #container.mobile.amazonPayment .pShip > p i{color:#7057cc;position:absolute;left:0;} #container.mobile.amazonPayment .Transaction .payment0 > p{width:100%;overflow:hidden;height:70px;line-height:70px;border:1px solid #dcdcdc;border-radius:5px;margin-bottom:10px;padding:0 20px;box-sizing:border-box;box-shadow:1px 2px 3px #e6e6e6;} #container.mobile.amazonPayment .Transaction .payment0 > p > span{background:url(/images2017/mobile/Transaction_icon01_off.png) no-repeat left center;background-size:40px auto;padding-left:50px;display:block;font-size:14px;font-weight:bold;} #container.mobile.amazonPayment .Transaction .payment0 > p.active{border:1px solid #ff7000;} #container.mobile.amazonPayment .Transaction .payment0 > p.active > span{background:url(/images2017/mobile/Transaction_icon01_on.png) no-repeat left center;background-size:40px auto;color:#ff7000;} #container.mobile.amazonPayment .Transaction .payment0 .notice{padding:0 10px 20px;} #container.mobile.amazonPayment .Transaction .payment0 .notice.active{display:block !important;} #container.mobile.amazonPayment .Transaction .payment1 > p{width:100%;overflow:hidden;height:70px;line-height:70px;border:1px solid #dcdcdc;border-radius:5px;margin-bottom:10px;padding:0 20px;box-sizing:border-box;box-shadow:1px 2px 3px #e6e6e6;} #container.mobile.amazonPayment .Transaction .payment1 > p > span{background:url(/images2017/mobile/Transaction_icon02_off.png) no-repeat left center;background-size:40px auto;padding-left:50px;display:block;font-size:14px;font-weight:bold;} #container.mobile.amazonPayment .Transaction .payment1 > p.active{border:1px solid #ff7000;} #container.mobile.amazonPayment .Transaction .payment1 > p.active > span{background:url(/images2017/mobile/Transaction_icon02_on.png) no-repeat left center;background-size:40px auto;color:#ff7000;} #container.mobile.amazonPayment .Transaction .payment1 .area{padding:0 10px;} #container.mobile.amazonPayment .Transaction .payment1 .area.active{display:block !important;} #container.mobile.amazonPayment .btnArea{overflow:hidden;background:#fff;padding:20px 3vw 0;} #container.mobile.amazonPayment .btnArea p.btn1{width:49%;float:left;margin-right:2%;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;box-sizing:border-box;} #container.mobile.amazonPayment .btnArea p.btn1 a{font-weight:bold;color:#333;text-align:center;display:block;padding:10px 0;} #container.mobile.amazonPayment .btnArea p.btn2{width:49%;float:left;background:linear-gradient(to top, #ff7000 , #f59344);border:1px solid #ff7000;box-sizing:border-box;} #container.mobile.amazonPayment .btnArea p.btn2 a{font-weight:bold;color:#fff;text-align:center;display:block;padding:10px 0;} #container.mobile.amazonPayment .cartTotal2 dl.de_pInfo{line-height:20px;background:#f2f2f2;margin-bottom:10px;} #container.mobile.amazonPayment .cartTotal2 dl.de_pInfo dd{position:relative;padding:10px 10px 10px 20px;font-size:12px;} #container.mobile.amazonPayment .cartTotal2 dl.de_pInfo dd em{position:absolute;left:10px;color:#ff7000;} #container.mobile.amazonPayment .cartTotal2 > ul > li{padding:0;} #container.mobile.amazonPayment .cartTotal2 > ul > li.total{margin-top:10px;} #container.mobile.amazonPayment .cartTotal2 > ul > li.tPayPay{background:none;padding:5px 0;border-top:1px solid #dcdcdc;margin-top:10px;margin-bottom:10px;padding-top:10px;} #container.mobile.amazonPayment .cartTotal2 > ul > li.tPayPay.detPay{border-top:none;border-bottom:none;padding:5px 0;margin-top:0;margin-bottom:0;} #container.mobile.amazonPayment .cartTotal2 > ul > li.tPayPay.detPay span.Price{font-size:16px;} #container.mobile.amazonPayment .cartTotal2 ul > li.omz_tPay{padding-top:10px;margin-bottom:10px;} #container.mobile.amazonPayment .Transaction .cartTotal2{padding:0;width:100%;} #container.mobile.complete .btnArea{padding:20px 3vw;background:#fff;} #container.mobile.complete .btnArea p.btn1{width:49%;float:left;margin-right:2%;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;box-sizing:border-box;} #container.mobile.complete .btnArea p.btn1 a{font-weight:bold;color:#333;text-align:center;display:block;padding:10px 0;} #container.mobile.complete .btnArea p.btn2{width:49%;float:left;background:linear-gradient(to top, #ff7000 , #f59344);border:1px solid #ff7000;box-sizing:border-box;} #container.mobile.complete .btnArea p.btn2 a{font-weight:bold;color:#fff;text-align:center;display:block;padding:10px 0;} #container.mobile.complete .Order .number .transit{display:inline-block;} #container.mobile.complete .Order .number .transit span {background:#ff7000;border-radius:15px;padding:1px 10px;} #container.mobile.complete .Order .number .transit span a{color:#fff;font-size:12px;} #container.mobile.complete #cartList .product_con .top_con .name_price .pPrice dd{font-size:14px;} #container.mobile.complete #cartList .product_con .top_con .name_price .pName{max-height:40px;} /* 오카페 */ #headerNew.mobile.ohcafe{background:url(/images2020/mobile/sub/ohcafe_top_bg.jpg)no-repeat 0 0;background-size:100% 100%;;min-height:100px;height:101px;} #headerNew.mobile.ohcafe .hmTop .MenuB i{color:#fff;} #headerNew.mobile.ohcafe .hmTop .hMypage i{color:#fff;} #headerNew.mobile.ohcafe .hmTop .hLogo {padding-top:16px;} #headerNew.mobile.ohcafe .hmTop .hLogo a{color:#fff;font-weight:bold;font-size:22px;} #headerNew.mobile.ohcafe .searchAll{padding: 0 3vw;width: 94vw;position: relative;} #headerNew.mobile.ohcafe .searchAll input{width: 100%;box-sizing: border-box;border-radius: 5px;height: 32px;} #headerNew.mobile.ohcafe .searchAll .search_icon{position: absolute;right: 3vw;top: 9px;padding-right: 10px;} #headerNew.mobile.ohcafe .searchAll .search_icon i{color: #333;font-size: 20px;} .left_container.mobile.ohcafe .menu_list.guide{border-top:0;margin-top:20px;} .left_container.mobile.ohcafe .menu_list.guide li{border-bottom:none;font-size:14px;padding:10px;} .left_container.mobile.ohcafe .menu_list.guide li.gshopping_guide01{background:#5cb9a4 url('/images2017/sub/ico_ohcafe_guide01.png') no-repeat 10px center;text-align:left;font-weight:bold;color:#fff;padding:10px 10px 10px 40px;font-size:16px;margin-bottom:10px;} .left_container.mobile.ohcafe .menu_list.guide li.gshopping_guide02{background:#5cb978 url('/images2017/sub/ico_ohcafe_guide02.png') no-repeat 10px center;text-align:left;font-weight:bold;color:#fff;padding:10px 10px 10px 40px;font-size:16px;margin-bottom:10px;} .left_container.mobile.ohcafe .new_topBar .myCafeJoin p{margin-bottom:10px;} .left_container.mobile.ohcafe .new_topBar .myCafeJoin p.btn{background:#333;display:inline-block;padding:8px 20px;border-radius:5px;margin-bottom:20px;} .left_container.mobile.ohcafe .new_topBar .myCafeJoin p.btn a{color:#fff;display:block;font-weight:bold;font-size:14px;} .left_container.mobile.ohcafe .new_topBar .myCafe{overflow:hidden;padding:0 3vw;} .left_container.mobile.ohcafe .new_topBar .myCafe .topBox{overflow:hidden;border-bottom:1px solid #dcdcdc;padding-bottom:10px;margin-bottom:10px;} .left_container.mobile.ohcafe .new_topBar .myCafe .topBox p{margin-bottom:0;} .left_container.mobile.ohcafe .new_topBar .myCafe .topBox p.name{float:left;font-weight:bold;line-height:40px;font-size:16px;} .left_container.mobile.ohcafe .new_topBar .myCafe .topBox p.editBtn{float:right;background:#333;display:inline-block;padding:8px 20px;} .left_container.mobile.ohcafe .new_topBar .myCafe .topBox p.editBtn a{color:#fff;display:block;font-weight:bold;font-size:14px;} .left_container.mobile.ohcafe .new_topBar .myCafe ul{margin:0 0 10px;padding:0 10px;text-align:left;} .left_container.mobile.ohcafe .new_topBar .myCafe ul li {font-size:14px;padding:5px 0;font-weight:bold;} .left_container.mobile.ohcafe .new_topBar .myCafe ul li span{float:right;color:#999;} .left_container.mobile.ohcafe .new_topBar .myCafe p.code{border:1px solid #dcdcdc;background:#f2f2f2;padding:10px;text-align:left;} .left_container.mobile.ohcafe .new_topBar .myCafe p.code .copyBtn{float:right;margin-top:-5px;margin-right:-5px;background:#cecece;padding:5px 15px;border-radius:3px;} .cafeMy.mobile{position: fixed;top: 50%;left: 50%;z-index: 999;background: #fff;border-radius:5px;width: 94vw;height: auto;max-height:90%;overflow-y: scroll;padding:20px 10px;box-shadow:0px 2px 10px rgb(0 0 0 / 30%);border:1px solid #dcdcdc;box-sizing:border-box;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .cafeMy.mobile .lpopTop{overflow:hidden;border-bottom:1px solid #dcdcdc;margin-bottom:20px;padding-bottom:10px;} .cafeMy.mobile .lpopTop .TopTitle{font-weight:bold;font-size:16px;} .cafeMy.mobile .lpopTop .lpopClose{float:right;paddidng-top:3px;} .cafeMy.mobile .lpopTop .lpopClose i{font-weight:bold;font-size:18px;} .cafeMy.mobile .cafeMy_Info .myCafe li{border-bottom:1px solid #dcdcdc;padding-bottom:10px;margin-bottom:10px;} .cafeMy.mobile .cafeMy_Info .myCafe li em{font-weight:bold;width:60px;display:inline-block;} .cafeMy.mobile .cafeMy_Info .myCafe li a.lpopBtn{background: #333;height: 40px;line-height: 40px;color: #fff;font-weight: bold;display: inline-block;padding: 0 10px;vertical-align: middle;} .cafeMy.mobile .lpopFooter{text-align:center;margin-bottom:10px;margin-top:10px;overflow:hidden;} .cafeMy.mobile .lpopFooter a.lpopBtn{background:#333;color:#fff;font-weight:bold;display:block;height:38px;line-height:38px;} #container.mobile.cafe{background:#f2f2f2;} #container.mobile.cafe > .cafeM {margin-top:0 !important;width:100%;} #container.mobile.cafe .cafeM .cafe_menu{margin:3vw;width:94vw;background:#fff;border:1px solid #dcdcdc;border-bottom:none;overflow:hidden;} #container.mobile.cafe .cafeM .cafe_menu li{width:33.33%;float:left;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-sizing:border-box;letter-spacing:-1px;text-align:center;padding:15px 0;} #container.mobile.cafe .cafeM .cafe_menu li a{font-weight:bold;display:block;} #container.mobile.cafe .cafeM .cafe_menu li:nth-child(3n){border-right:none;} #container.mobile.cafe .cafeM .board_list{background:#fff;padding-top:20px;position:relative;overflow:hidden;} #container.mobile.cafe .cafeM .board_list .tab_menu{border-bottom:1px solid #dcdcdc;padding:0 3vw;overflow:hidden;} #container.mobile.cafe .cafeM .board_list .tab_menu li{float:left;font-size:16px;font-weight:bold;margin-right:10px;padding-bottom:10px;color:#999;} #container.mobile.cafe .cafeM .board_list .tab_menu li.active{border-bottom:2px solid #333;color:#333;} #container.mobile.cafe .cafeM .board_list .r_btn{position:absolute;right:3vw;top:17px;} #container.mobile.cafe .cafeM .board_list .r_btn .start{background:#333;border-radius:3px;} #container.mobile.cafe .cafeM .board_list .r_btn .start a{color:#fff;display:block;padding:2px 15px;} #container.mobile.cafe .cafeM .board_list .r_btn .writing{padding-top:5px;} #container.mobile.cafe .cafeM .board_list .r_btn .writing i{font-size:16px;} #container.mobile.cafe .cafeM .board_list .r_btn .writing a{font-weight:bold;} #container.mobile.cafe .cafeM .board_list .list{padding:0 3vw;overflow:hidden;} #container.mobile.cafe .cafeM .board_list .list li{border-bottom:1px solid #dcdcdc;overflow:hidden;padding:10px 0;position:relative;} #container.mobile.cafe .cafeM .board_list .list li p.tit{float: left;width: 80%;} #container.mobile.cafe .cafeM .board_list .list li p.tit a{font-weight: bold;max-height: 50px;overflow:hidden;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #container.mobile.cafe .cafeM .board_list .list li p.tit span{color:#2a836b;} #container.mobile.cafe .cafeM .board_list .list li p.tit em{color:#ff7000;} #container.mobile.cafe .cafeM .board_list .list li p.img{background: #333;width: 50px;height: 50px;border-radius: 5px;width: 20%;max-width: 50px;position:absolute;right:0;} #container.mobile.cafe .cafeM .board_list .list li p.info{color:#999;width:100%;overflow:hidden;} #container.mobile.cafe .cafeM .board_list .list li p.info span:after{content:"";width:100%;height:100%;border-right:1px solid #dcdcdc;padding-right:5px;margin-right:5px;font-size:10px;} #container.mobile.cafe .cafeM .board_list .list li p.info span:last-child:after{border-right:none;} #container.mobile.cafe .cafeView{background:#fff;margin-top:0 !important;width:94vw;padding:0 3vw;} #container.mobile.cafe .cafeView .viewTit{background:#f2f2f2;padding:10px 3vw;margin:0 -3vw;overflow:hidden;box-sizing:border-box;position:relative;} #container.mobile.cafe .cafeView .viewTit p{font-weight:bold;font-size:14px;} #container.mobile.cafe .cafeView .viewTit p span{color:#ff7000;} #container.mobile.cafe .cafeView .viewTit p.modify_btn{position:absolute;right:3vw;top:10px;} #container.mobile.cafe .cafeView .viewTit p.modify_btn a{padding-left:5px;} #container.mobile.cafe .cafeView .viewTit p.modify_btn a:last-child span{color:#999;} #container.mobile.cafe .cafeView .viewInfo{padding:10px 0;border-bottom:1px solid #dcdcdc;position:relative;} #container.mobile.cafe .cafeView .viewInfo > div{border-top:1px dashed #dcdcdc;padding-top:5px;margin-top:5px; } #container.mobile.cafe .cafeView .viewInfo p{padding:5px 10px;padding-left:130px;} #container.mobile.cafe .cafeView .viewInfo p strong{padding-right:10px;display:inline-block;width:100px;margin-left:-130px;vertical-align:top;} #container.mobile.cafe .cafeView .viewInfo > p:first-child strong{width:auto;} #container.mobile.cafe .cafeView .viewInfo p span.date:before{content:"";width:100%;height:100%;border-left:1px solid #999;padding-left:10px;font-size:10px;} #container.mobile.cafe .cafeView .viewInfo p span{display:inline-block;word-break:break-all;} #container.mobile.cafe .cafeView .viewInfo p a{word-break:break-all;display:block;} #container.mobile.cafe .cafeView .viewInfo p.vote{position:absolute;right:0;top:10px;} #container.mobile.cafe .cafeView .con{margin:20px 10px;} #container.mobile.cafe .cafeView .con img{width:100%;} #container.mobile.cafe .cafeView > .agree{padding:0 10px;} #container.mobile.cafe .cafeView .comment .writer{padding:10px;position:relative;border-bottom:1px solid #dcdcdc;} #container.mobile.cafe .cafeView .comment .writer p.replyBtn{position:absolute;right:10px;top:10px;padding:0 10px;border:1px solid #333;} #container.mobile.cafe .cafeView .comment p.tit strong{padding-right:10px;} #container.mobile.cafe .cafeView .comment p.tit span.date:before{content:"";width:100%;height:100%;border-left:1px solid #999;padding-left:10px;font-size:10px;} #container.mobile.cafe .cafeView .comment p.txtCon{padding-top:10px;} #container.mobile.cafe .cafeView .comment .reply{border-bottom:1px solid #dcdcdc;padding:10px 10px 10px 30px;position:relative;background:#f2f2f2;} #container.mobile.cafe .cafeView .comment .reply em i{position:absolute;left:10px;top:15px;font-size:15px;color:#999;} #container.mobile.cafe .cafeView .comment .textarea{position: relative;padding-bottom: 20px;padding-top: 20px;padding-right: 80px;border-bottom:1px solid #dcdcdc;} #container.mobile.cafe .cafeView .comment .textarea textarea{padding: 10px;border: 1px solid #333;width: 100%;height:70px;} #container.mobile.cafe .cafeView .comment p.btn{border: 1px solid #333;float: right;height: 68px;line-height: 68px;width: 68px;text-align: center;border-radius: 5px;position: absolute;right: 0;top: 20px;} #container.mobile.cafe .cafeView .b_btn{overflow:hidden;margin-top:20px;} #container.mobile.cafe .cafeView .b_btn p.back{float:left;} #container.mobile.cafe .cafeView .b_btn p.back a{color:#333;padding:0 20px;display:inline-block;text-align:center;font-weight:bold;height:35px;line-height:35px;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;} #container.mobile.cafe .cafeView .b_btn p.list{float:right;} #container.mobile.cafe .cafeView .b_btn p.list a{background:linear-gradient(to top, #333 , #666);color:#fff;padding:0 20px;display:inline-block;text-align:center;font-weight:bold;height:35px;line-height:35px;} #container.mobile.cafe .cafeWrite{margin-top:0 !important;} #container.mobile.cafe .cafeWrite .category{background:#fff;padding:20px 3vw 10px;margin-bottom:10px;} #container.mobile.cafe .cafeWrite .category select{width:45.5vw;} #container.mobile.cafe .cafeWrite .category select:first-child{margin-right:3vw;} #container.mobile.cafe .cafeWrite .frmArea{background:#fff;overflow:hidden;padding:20px 3vw;width:94vw;} #container.mobile.cafe .cafeWrite .frmArea .note-editor.note-frame.panel{width:94vw !important;box-sizing:border-box;} #container.mobile.cafe .cafeWrite .frmArea table.cafeType2{display:block;overflow:hidden;border-top:1px solid #333;border-collapse:unset;} #container.mobile.cafe .cafeWrite .frmArea table.cafeType2 tr th{text-align:left;padding:10px;background:none;vertical-align:middle;} #container.mobile.cafe .cafeWrite .frmArea table.cafeType2 tr td{padding:10px;} #container.mobile.cafe .cafeWrite .frmArea table.cafeType2 tr td input, #container.mobile.cafe .cafeWrite .frmArea table.cafeType2 tr td select{height:38px;line-height:38px;width:100%;box-sizing:border-box;padding:10px;background:#fff;} #container.mobile.cafe .cafeWrite .frmArea table.cafeType2 tr td.file input{box-sizing:unset;padding:0;} #container.mobile.cafe .cafeWrite .frmArea .b_btn{overflow:hidden;margin-top:20px;} #container.mobile.cafe .cafeWrite .frmArea .b_btn p.back{float:left;} #container.mobile.cafe .cafeWrite .frmArea .b_btn p.back a{color:#333;padding:0 20px;display:inline-block;text-align:center;font-weight:bold;height:35px;line-height:35px;background:linear-gradient(to top, #e6e6e6 , #fff);border:1px solid #dcdcdc;} #container.mobile.cafe .cafeWrite .frmArea .b_btn p.end{float:right;} #container.mobile.cafe .cafeWrite .frmArea .b_btn p.end a{background:linear-gradient(to top, #333 , #666);color:#fff;padding:0 20px;display:inline-block;text-align:center;font-weight:bold;height:35px;line-height:35px;} #container.mobile.cafe .cafeWrite .frmArea .info{background:#f2f2f2;padding:20px 10px;margin-top:20px;} #container.mobile.cafe .cafeWrite .frmArea .info p.tit{font-size:14px;font-weight:500;padding-bottom:10px;} #container.mobile.cafe .cafeWrite .frmArea .info p.tit:before{content:"";width:100%;height:100%;border-left:3px solid #ff7000;padding-right:5px;font-size:8px;} /* LPOP 팝업 */ .LPOP.LPOP_ShippingEvent.mobile, .LPOP.LPOP_ShippingProductList.mobile{overflow-y:auto;} .LPOP.mobile{border: 0;width: 100%;height: 100%;left: 0;top: 0;margin: 0;padding: 0;} .LPOP.mobile .hMenu{padding:20px 3vw 10px;overflow:hidden;border-bottom:1px solid #dcdcdc;position:relative;} .LPOP.mobile .hMenu p.tTit{text-align:left;font-size:18px;font-weight:bold;color:#333;} .LPOP.mobile .hMenu i{font-size:18px;font-weight:bold;position:absolute;right:3vw;top:23px;} .LPOP.mobile .contents{padding:20px 3vw;} .LPOP.mobile .contents ul.mTit{overflow:hidden;margin:20px 0 10px;} .LPOP.mobile .contents ul.mTit li{float:left;border:1px solid #dcdcdc;width:49.5%;m argin-right:1%;box-sizing:border-box;padding:5px 0;font-weight:bold;text-align:center;} .LPOP.mobile .contents ul.mTit li:last-child{margin-right:0;} .LPOP.mobile .contents ul.mTit li.active{background:#333;border:1px solid #333;color:#fff;} .LPOP.mobile .contents .General, .LPOP.mobile .contents .List{overflow:hidden;border:1px solid #dcdcdc;border-top:1px solid #333;display:none;} .LPOP.mobile .contents .General.active, .LPOP.mobile .contents .List.active{display:block;} .LPOP.mobile .contents .boxIn{padding:10px;} .LPOP.mobile .contents .boxIn .titS{font-weight:bold;background:#999;color:#fff;padding:2px 10px;margin-bottom:5px;} .LPOP.mobile .contents .boxIn li{padding-left:10px;} .LPOP.mobile .contents .boxIn li input[type="text"]{padding:0 15px;height:28px;line-height:28px;} .LPOP.mobile .contents p.info{position:relative;padding-left:10px;margin-top:10px;} .LPOP.mobile .contents p.info em{position:absolute;left:0;top:0;color:#ff7000;} .LPOP.mobile .contents .boxIn_event li{border:1px solid #dcdcdc;padding:10px;line-height:18px;} .LPOP.mobile .contents .boxIn_event li a{font-weight:bold;display:block;} .LPOP.mobile .contents .boxIn_event li a span{display:block;} .LPOP.mobile .contents .boxIn_event_de p.titL{background: #333;color: #fff;padding: 5px 10px;margin-top: 5px;} .LPOP.mobile .contents .boxIn_event_de p.titL span{color:#ff7000 !important;vertical-align:1px;} .LPOP.mobile .contents .boxIn_event_de .ShippingList_boxOut2 li{float:left;width:49%;box-sizing:border-box;margin-top:5px;margin-right:2%;border:1px solid #dcdcdc;padding:10px;line-height:18px;} .LPOP.mobile .contents .boxIn_event_de .ShippingList_boxOut2 li:nth-child(2n){margin-right:0;} .LPOP.mobile .contents .boxIn_event_de .ShippingList_boxOut > li{float:none;width:100%;margin-top:5px;overflow:hidden;border-left:none;} .LPOP.mobile .contents .boxIn_event_de .ShippingList_boxOut > li > p{border:1px solid #dcdcdc;display:block;padding:10px;} .LPOP.mobile .contents .boxIn_event_de .ShippingList_boxOut > li > ul{background:#f2f2f2;padding:10px;overflow:hidden;} .LPOP.mobile .contents .boxIn_event_de .ShippingList_boxOut > li > ul > li{float:left;width:33.33%;border-left:none;} .LPOP.mobile .contents .boxIn_event_de .ShippingList_boxOut.List2 > li > ul > li{width:100%;} .LPOP.mobile .contents .boxIn_event_de .ShippingList_boxOut{display:block;overflow:hidden;} .LPOP.mobile .contents .boxIn_event_de #content2 .infor{padding:0;width:auto;} .LPOP.mobile .contents .boxIn_event_de #content2 .infor p{position:relative;padding-left:10px;} .LPOP.mobile .contents .boxIn_event_de #content2 .infor p em{position:absolute;left:0;top:0;color:#ff7000;} .LPOP.mobile .contents dl{overflow:hidden;margin-top:10px;} .LPOP.mobile .contents dl dt{font-size:14px;font-weight:bold;} .LPOP.mobile .contents dl dd input{width:100%;box-sizing:border-box;} .LPOP.mobile .contents dl dd select{width:100%;box-sizing:border-box;} .LPOP.mobile .contents dl.date dd select.month{width:40%;margin-right:1%;float:left;} .LPOP.mobile .contents dl.date dd select.year{width:59%;float:left;} .layer.infPop.mobile{width:94vw;margin-left:0;left:3vw;top:45%;box-sizing:border-box;box-shadow:0px 2px 10px rgba(0,0,0,.3);} .layer.infPop.mobile .hMenu{padding:20px 3vw 10px;overflow:hidden;border-bottom:1px solid #dcdcdc;postion:relative;} .layer.infPop.mobile .hMenu p.tTit{text-align:left;font-size:18px;font-weight:bold;} .layer.infPop.mobile .hMenu i{font-size:18px;font-weight:bold;position:absolute;right:3vw;top:22px;} .layer.infPop.mobile .inner{padding:20px 3vw;} .layer.infPop.mobile .inner .btnS1{margin-top:10px;} .layer.infPop.mobile .inner dl{padding-bottom:10px;} .layer.infPop.mobile .inner dl dt{font-size:14px;font-weight:bold;padding-bottom:5px;} .layer.infPop.mobile .inner dl dd input{width:100%;box-sizing:border-box;} .layer.infPop.mobile .inner dl dd p{padding-top:5px;} .LPOP2.pop_gr_addr.mobile{display: block;width: 100% !important;height:100%;left: 0;top: 0;box-sizing: border-box;border: none;border-radius:0;box-shadow:none;overflow-y:auto;transform:unset;-webkit-transform:unset;-ms-transform:unset;-moz-transform:unset;-o-transform:unset;} .LPOP2.pop_gr_addr.mobile .lpopTop{border-radius:0;padding:10px 3vw;margin:10px 0 0 0;} .LPOP2.pop_gr_addr.mobile .lpopTop > .TopTitle{font-weight:bold;font-size:18px;} .LPOP2.pop_gr_addr.mobile .lpopTop .lpopClose{position:absolute;right:3vw;top:20px;} .LPOP2.pop_gr_addr.mobile .lpopTop .lpopClose i{font-size:23px;} .LPOP2.pop_gr_addr.mobile .inArea20{padding:20px 3vw;} .LPOP2.pop_gr_addr.mobile .lpopBtnArea{display:none;} .LPOP2.pop_gr_addr.mobile .lpopBtnArea a.lpopBtn{background: #333;border-radius: 0;padding: 10px 0;display: block;} .LPOP2.pop_gr_addr.mobile .lpopBtnArea.link{display:block;} .LPOP2.pop_gr_addr.mobile .tit{font-size:16px;padding:0;} .LPOP2.pop_confirm.mobile{width: 100% !important;height:100%;left: 0;top: 0;box-sizing: border-box;border: none;border-radius:0;box-shadow:none;overflow-y:auto;transform:unset;-webkit-transform:unset;-ms-transform:unset;-moz-transform:unset;-o-transform:unset;} .LPOP2.pop_confirm.mobile .lpopTop{border-radius:0;padding:10px 3vw;margin:10px 0 0 0;} .LPOP2.pop_confirm.mobile .lpopTop > .TopTitle{font-weight:bold;font-size:18px;} .LPOP2.pop_confirm.mobile .inArea20{padding:20px 3vw;} .LPOP2.pop_glass.mobile{width: 100% !important;height:100%;left: 0;top: 0;box-sizing: border-box;border: none;border-radius:0;box-shadow:none;overflow-y:auto;transform:unset;-webkit-transform:unset;-ms-transform:unset;-moz-transform:unset;-o-transform:unset;} .LPOP2.pop_glass.mobile .lpopTop{border-radius:0;padding:10px 3vw;margin:10px 0 0 0;} .LPOP2.pop_glass.mobile .lpopTop > .TopTitle{font-weight:bold;width:90%;font-size:18px;} .LPOP2.pop_glass.mobile .inArea20{padding:20px 3vw;} .LPOP2.pop_glass.mobile .tit{font-size:16px;padding:0;} .LPOP2.pop_glass.mobile .btnHorizontal{margin-left:0;} .LPOP2.pop_glass.mobile .btnHorizontal p.btn.glass_1{margin-bottom:10px;} .LPOP2.pop_glass.mobile .lpopTop .lpopClose{position:absolute;right:3vw;top:23px;} .LPOP2.pop_glass.mobile .lpopTop .lpopClose i{font-size:20px;} .LPOP2.pop_cn_delay.mobile{width: 100% !important;height:100%;left: 0;top: 0;box-sizing: border-box;border: none;border-radius:0;box-shadow:none;overflow-y:auto;transform:unset;-webkit-transform:unset;-ms-transform:unset;-moz-transform:unset;-o-transform:unset;} .LPOP2.pop_cn_delay.mobile .lpopTop{border-radius:0;padding:10px 3vw;margin:10px 0 0 0;} .LPOP2.pop_cn_delay.mobile .lpopTop > .TopTitle{font-weight:bold;width:90%;font-size:18px;} .LPOP2.pop_cn_delay.mobile .lpopTop .lpopClose{position:absolute;right:3vw;top:23px;} .LPOP2.pop_cn_delay.mobile .lpopTop .lpopClose i{font-size:20px;} .LPOP2.pop_cn_delay.mobile .inArea20{padding:20px 3vw;} .LPOP2.pop_cn_delay.mobile .tit{font-size:16px;padding:0;} .LPOP2.pop_ca_schedule.mobile{width: 100% !important;height:100%;left: 0;top: 0;box-sizing: border-box;border: none;border-radius:0;box-shadow:none;overflow-y:auto;transform:unset;-webkit-transform:unset;-ms-transform:unset;-moz-transform:unset;-o-transform:unset;} .LPOP2.pop_ca_schedule.mobile .lpopTop{border-radius:0;padding:10px 3vw;margin:10px 0 0 0;} .LPOP2.pop_ca_schedule.mobile .lpopTop > .TopTitle{font-weight:bold;width:90%;font-size:18px;} .LPOP2.pop_ca_schedule.mobile .lpopTop .lpopClose{position:absolute;right:3vw;top:23px;} .LPOP2.pop_ca_schedule.mobile .lpopTop .lpopClose i{font-size:20px;} .LPOP2.pop_ca_schedule.mobile .inArea20{padding:20px 3vw;} .LPOP2.pop_ca_schedule.mobile .tit{font-size:16px;padding:0;} .LPOP2.pop_delivery_strike.mobile{width: 100% !important;height:100%;left: 0;top: 0;box-sizing: border-box;border: none;border-radius:0;box-shadow:none;overflow-y:auto;transform:unset;-webkit-transform:unset;-ms-transform:unset;-moz-transform:unset;-o-transform:unset;} .LPOP2.pop_delivery_strike.mobile .lpopTop{border-radius:0;padding:10px 3vw;margin:10px 0 0 0;} .LPOP2.pop_delivery_strike.mobile .lpopTop > .TopTitle{font-weight:bold;width:90%;font-size:18px;} .LPOP2.pop_delivery_strike.mobile .lpopTop .lpopClose{position:absolute;right:3vw;top:23px;} .LPOP2.pop_delivery_strike.mobile .lpopTop .lpopClose i{font-size:20px;} .LPOP2.pop_delivery_strike.mobile .inArea20{padding:20px 3vw;} .LPOP2.pop_delivery_strike.mobile .tit{font-size:16px;padding:0;} .popup_wrapper.mobile{width:94vw !important;height:auto;max-height:80%;left:50% !important;top:50% !important;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-sizing: border-box;border: 1px solid #dcdcdc;border-radius:0;box-shadow:0px 2px 10px rgba(0,0,0,.3);overflow-y:auto;position:fixed !important;background:#fff;} .popup_wrapper.mobile .help_popup_content{width:100%;height:100%;box-sizing: border-box;border:none;padding:10px;overflow:auto;} .popup_wrapper.mobile{width:94vw !important;height:auto;max-height:80%;left:50% !important;top:50% !important;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-sizing: border-box;border: 1px solid #dcdcdc;border-radius:0;box-shadow:0px 2px 10px rgba(0,0,0,.3);overflow-y:auto;position:fixed !important;background:#fff;} .popup_wrapper.mobile .pop_no_order{width:100%;height:100%;box-sizing: border-box;border:none;padding:10px;overflow:auto;} .popup_wrapper.mobile .LPOP_app .tBox{margin-bottom:10px;} .popup_wrapper.mobile .LPOP_app .contents .bBtn{text-align:right;} .trackingArea.mobile{width:94vw !important;height:auto;min-height:max-content;max-height:80%;left:50% !important;top:50% !important;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-sizing: border-box;box-shadow:0px 2px 10px rgba(0,0,0,.3);overflow-y:auto;} .popbox {max-width:300px;box-sizing: border-box;width:100%;z-index:999;position: fixed;left:10%;top:25%;} .popbox .notice {background-color: #fff;padding:15px;border:2px solid #dcdcdc;border-radius: 15px;} .popbox img {display:block;} .popbox a {color:inherit;text-decoration:none;} .popbox .popbox_topbar_title {font-size:16px;font-weight:bold;padding-bottom: 14px;text-align:center;} .popbox .txt1 {font-size:14px;padding-bottom: 12px;} .popbox>.popbox_topbar>.popbox_topbar-btn-1 {display: flex;justify-content: flex-end;width:100%;padding-bottom: 12px;} .popbox>.popbox_topbar>.popbox_topbar-btn-1 a i {font-size: 24px;color: #fff;} .popbox>.popbox_eventbox {border-radius: 10px;overflow: hidden;} .popbox>.popbox_eventbox>.popbox_eventbox-img img {width: 100%;} .popbox>.popbox_eventbox>.popbox_eventbox-btn-1 {background-image: linear-gradient(120deg, #89DB6E 0%, #1ACD8E 100%);width: 100%;display: flex;justify-content: center;align-items: center;padding:20px 0;} .popbox>.popbox_eventbox>.popbox_eventbox-btn-2 {display:flex;justify-content:center;align-items:center;border-radius:5px;background-color: #777;padding: 5px 20px;margin-bottom:15px;} .popbox>.popbox_eventbox>.popbox_eventbox-btn-2 a {color:#fff;} .popbox_eventbox-btn-1 a {border: 2px solid #fff;color:#fff;font-size: 14px;font-weight: bold;letter-spacing: -1px;padding: 10px 36px;border-radius: 50px;} .popbox>.popbox_eventbox>.popbox_todayclose-btn {background-color:#fff;font-size:14px;font-weight:bold;} .popbox_todayclose-btn span {float:right;} /* 공통사용 */ #mask_gnb.mobile{position:fixed !important;width:100% !important;height:100% !important;background:#000 !important;opacity:0.6 !important;z-index: 100;left:0 !important;top:0 !important;display:none;} #container.mobile .hMenu{border-bottom:1px solid #dcdcdc;position:relative;box-shadow:1px 1px 5px #e5e5e5;z-index:10;} #container.mobile .hMenu .backBtn{position:absolute;left:3vw;top:10px;} #container.mobile .hMenu .backBtn i{font-size:32px;color:#fff;} #container.mobile .hMenu p.tTit{text-align:center;font-size:18px;font-weight:bold;color:#fff;background:#000;padding:15px 0;} #container.mobile .hMenu .subMenu > p{font-size:16px;font-weight:bold;padding:15px 3vw;position:relative;background:#fff;} #container.mobile .hMenu .subMenu > p i{font-size:32px;position:absolute;right:3vw;top:10px;} #container.mobile .hMenu .subMenu .menuList{display:none;position:absolute;background:#f2f2f2;width:100%;border-top:1px solid #dcdcdc;z-index:11;} #container.mobile .hMenu .subMenu .menuList.on{display:block;} #container.mobile .hMenu .subMenu .menuList li{padding:10px 3vw;border-bottom:1px solid #dcdcdc;} #container.mobile .hMenu .subMenu .menuList li a:before{content:'';width:3px;height:3px;} #container.mobile .hMenu .subMenu .menuList li a{background:url(/images2017/shop/guide_txt_line.gif)no-repeat 0 center;padding-left:10px;display:block;} #mask_hMenu{position:fixed;width:100%;height:100%;background:#000;opacity:0.6;z-index:1;left:0;top:0;display:none;} #mask_hMenu.on{display:block;} #headerNew.mobile.on{z-index:10;} .dFlex{display:flex;} #container.mobile select{background:#fff;} #container.mobile .table_container{width:100%;overflow-x:auto;} #container.mobile .table_container table{width:768px;margin-bottom:5px;} #container.mobile .table_container::-webkit-scrollbar {height:4px; } #container.mobile .table_container::-webkit-scrollbar-track { background-color:#f2f2f2; } #container.mobile .table_container::-webkit-scrollbar-thumb { background: #999; } #container.mobile .table_container::-webkit-scrollbar-thumb:active { background: #808080; } #container.mobile .table_container::-webkit-scrollbar-top { display:block ; } #container.mobile #content.contentB {width:100%;overflow:hidden;padding:20px 3vw;box-sizing:border-box;} #container.mobile #content.contentB .scroll_container{width:100%;overflow-x:auto;} #container.mobile #content.contentB .scroll_container .scroll{width:1140px;margin-bottom:5px;} #container.mobile #content.contentB .scroll_container::-webkit-scrollbar {height:4px; } #container.mobile #content.contentB .scroll_container::-webkit-scrollbar-track { background-color:#f2f2f2; } #container.mobile #content.contentB .scroll_container::-webkit-scrollbar-thumb { background: #999; } #container.mobile #content.contentB .scroll_container::-webkit-scrollbar-thumb:active { background: #808080; } #container.mobile #content.contentB .scroll_container::-webkit-scrollbar-top { display:block ; } #container.mobile.main_qna_write input, #container.mobile.main_qna_write select, #container.mobile.main_qna_write textarea{-webkit-appearance: none !important;-webkit-border-radius: 0 !important;} #container.mobile.faq_m input, #container.mobile.faq_m select, #container.mobile.faq_m textarea{-webkit-appearance: none !important;-webkit-border-radius: 0 !important;} #container.mobile .pay_detail input, #container.mobile .pay_detail select, #container .mobile.pay_detail textarea{-webkit-appearance: none !important;-webkit-border-radius: 0 !important;} .Pagination a, .Pagination a{width:10px;max-width:10px;padding:10px !important;height:22px;line-height:22px;vertical-align:top;} .Pagination a, .Pagination a i{padding-top:4px;} #container.mobile .select_box{position:relative;} #container.mobile .select_box:before{content: "";position: absolute;top: 50%;right: 16px;width: 0;height: 0;margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #313131;} .prev{position:relative !important;} /* 버튼 */ p.btnS1{background:#333;width:100%;text-align:center;height:44px;line-height:44px;box-sizing:border-box;} p.btnS1 a{color:#fff;display:block;font-weight:bold;} p.btnS2{width:100%;text-align:center;border:1px solid #333;height:44px;line-height:44px;box-sizing:border-box;} p.btnS2 a{color:#333;display:block;font-weight:bold;} p.btnS3{background:#ff7000;width:100%;text-align:center;height:44px;line-height:44px;box-sizing:border-box;} p.btnS3 a{color:#fff;display:block;font-weight:bold;} /* Header */ #headerNew.mobile{border-bottom:1px solid #dcdcdc;position: fixed; top: 0; left: 0; width: 100%; height: 54px;transition: top 0.5s ease-in-out;z-index:100;} #headerNew.mobile.nav-up { top: -54px;} /* Slideshow container */ .slideshow-container {max-width: 1000px;position: relative;margin: auto;} .swiper-slide img{width:100%;} /* Number text (1/3 etc) */ .slideshow-container .numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;} .swiper-button-next, .swiper-button-prev{width:auto !important;height:auto !important;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:none !important;padding-top:10px;left:0 !important;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:none !important;padding-top:10px;right:0 !important;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next i{font-size:40px;color:#000;opacity:0.5;left:100% !important;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev i{font-size:40px;color:#000;opacity:0.5;right:100% !important;} /* The dots/bullets/indicators */ .slideshow-container .dot {height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;} .slideshow-container .active {background-color: #717171;} /* Fading animation */ .slideshow-container .fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;} /* Dot */ .swiper-pagination{bottom:1vw;width:100%;} .swiper-pagination-bullet-active{background:#ff7000 !important;o} @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* Footer */ footer.mobile {background:#000;text-align:center;width:100%;min-width:100%;padding-bottom:50px;overflow:hidden;margin-top:8vw;} 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;} /* left menu */ .left_container.mobile {width:75% !important;background:#fff !important;font-family:'Noto Sans Korean',sans-serif,'Nanum Gothic' !important;overflow-y:auto;overflow-x:hidden;min-height:100% !important;} .left_container.mobile .new_topBar{text-align:center;padding:30px 0 0 0;overflow:hidden;} .left_container.mobile .new_topBar p{font-weight:bold;margin-bottom:20px;} .left_container.mobile .new_topBar ul{overflow:hidden;margin:0 3vw 3vw;} .left_container.mobile .new_topBar > ul > li{float:left;width:33vw;background:#333;} .left_container.mobile .new_topBar > ul > li.m1{margin-right:3vw;} .left_container.mobile .new_topBar > ul > li a{padding:8px 0;text-align:center;display:block;color:#fff;font-weight:bold;font-size:14px;} .left_container.mobile .menu_list{border-top:1px solid #333;padding:0 3vw;} .left_container.mobile .menu_list > li{border-bottom:1px solid #dcdcdc;} .left_container.mobile .menu_list > li > p.tit{font-size:16px;display:block;padding:15px 10px;} .left_container.mobile .menu_list > li > p.tit a{font-size:16px;display:block;} .left_container.mobile .menu_list > li > p.tit span{float:right;padding-top:3px;} .left_container.mobile .menu_list > li > p.tit span > i{font-size:20px;} .left_container.mobile .menu_list > li > p.tit span > i.xi-angle-up-min{display:none;} .left_container.mobile .menu_list > li.on > p.tit span > i.xi-angle-up-min{display:block;} .left_container.mobile .menu_list > li.on > p.tit span > i.xi-angle-down-min{display:none;} .left_container.mobile .menu_list > li .sub_menu{border-top:1px solid #dcdcdc;padding:10px;display:none;} .left_container.mobile .menu_list > li.on .sub_menu{display:block;} .left_container.mobile .menu_list > li.on > p.tit{color:#ff7000;} .left_container.mobile .menu_list > li .sub_menu > p{border: 1px solid #dcdcdc;background:#f2f2f2;padding: 10px;font-size: 14px;} .left_container.mobile .menu_list > li .sub_menu > p i{font-size:20px;vertical-align:-2px;} /* .left_container.mobile .menu_list > li .sub_menu > p.cart{background:url('/images2017/flag/toplnb1_icon.png') no-repeat 10px center #f2f2f2;} .left_container.mobile .menu_list > li .sub_menu > p.order{background:url('/images2017/flag/toplnb2_icon.png') no-repeat 5px center #f2f2f2;} */ .left_container.mobile .menu_list > li .sub_menu ul li{overflow:hidden;padding-bottom:15px;} .left_container.mobile .menu_list > li .sub_menu ul li a{font-size:14px;background:url(/images2017/shop/guide_txt_line.gif)no-repeat 0 10px;padding-left:10px;display:block;} .left_container.mobile .menu_list > li .sub_menu ul li:last-child{padding-bottom:0;} .left_container.mobile .track{margin:0 3vw 30px;border:1px solid #dcdcdc;padding:15px 0;text-align:center;font-size:16px;} .left_container.mobile .track i{font-size:20px;vertical-align:-2px;} .left_container.mobile .btn_link {margin-top:30px;margin-bottom:10px;padding:0 3vw;overflow:hidden;} .left_container.mobile .btn_link li{width:50%;float:left;border:1px solid #dcdcdc;box-sizing:border-box;text-align:center;padding:15px 0;} .left_container.mobile .btn_link li a{font-size:16px;} .left_container.mobile .btn_link li a i{font-size:20px;vertical-align:-2px;} .left_container.mobile .btn_link li:nth-child(1) a {color:#ff7000;} .left_container.mobile .btn_link li:nth-child(1){border-right:none;border-bottom:none;} .left_container.mobile .btn_link li:nth-child(2){border-bottom:none;} .left_container.mobile .btn_link li:nth-child(3){border-right:none;} .left_container.mobile .close_btn2{position:absolute;right:0;margin-right:-60px;top:20px;} .left_container.mobile .close_btn2 i{font-size:50px;color:#fff;} .left_container.mobile .pc{margin-top:30px;background:#989898;padding:15px 0;font-size:16px;text-align:center;color:#fff;overflow:hidden;} @media (max-width: 1499px){ #container.mobile{width:100%;} } @media (min-width: 768px) and (max-width: 1024px) { .left_container.mobile .topBar ul li a{padding:15px 0;} #m_main .applyBtn li a{padding:15px 0;} footer.mobile .menu_list{width:555px;margin:0 auto;} footer.mobile .menu_list ul{float:left;} footer.mobile .menu_list ul:nth-child(1) li:nth-child(3){background:url('/images2017/mobile/m_fmenu_line.gif') right center no-repeat;} #container.mobile .table_container table{width:1000px;} #container.mobile .ohFast .advantage_box{padding:20px 10px;} #container.mobile .ohFast .advantage_box li{width:33.33%;border-right:1px solid #f0f0f0;border-bottom:none;padding-bottom:0;margin-bottom:0;} #container.mobile .ohFast .advantage_box li:last-child{border-right:none;} #container.mobile .eventPage ul li .txt{position: absolute;width: 310px;margin:-125px 0 0 240px;} #container.mobile .eventPage ul li a img{width:220px;height:120px;} #container.mobile #orderArea .order_history .topLink p{float:left;margin-right:10px;} #container.mobile #orderArea .order_history .bottomLink p{width:24%;} .ohshopPlus.mobile .topTit span{display:inline-block;padding-left:20px;} .ohshopPlus.mobile .plusPrice p:first-child::after{content:"";} .ohshopPlus.mobile .plusPrice{padding:20px 15px;} .ohshopPlustPop.mobile{width:600px !important;} .ohshopPlustPop.mobile .ohshopPlustPdt .pdtImg{width:350px;height:350px;} .ohshopPlus.mobile p.topTit{font-size:14px;} } @media (max-width: 767px){ .ohshopPlus.mobile p.topTit{font-size:14px;} .ohshopPlus.mobile p.topTit span::before{display:none;} .ohshopPlus.mobile .plusPrice p:first-child{font-size:16px;} .ohshopPlus.mobile .plusPrice p:last-child{float:left !important;} .ohshopPlustPop.mobile .ohshopPlustPdt .inforStep ul li{width:50%;border-bottom:1px solid #fff;} } @media (min-width: 640px) and (max-width: 767px){ #container.mobile .eventPage ul li .txt{position: absolute;width: 310px;margin:-125px 0 0 240px;} #container.mobile .eventPage ul li a img{width:220px;height:120px;} } @media (min-width: 640px){ #container.mobile #content.pay_detail .detail_pay_m .detail_box table td.date div select{width:65px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td.date div p.o_btn{margin-left:5px;margin-top:0;} #container.mobile #content.pay_detail .blueBox .tableType tbody td.date p.o_btn{float:none;} } @media (max-width: 320px){ #container.mobile #content.view_m .file > span{display:block;margin-top:5px;} #container.mobile .sel_ref_num_area .prdInfoLst li span{width:55%;} #container.mobile #content.pay_detail .detail_pay_m .detail_box .payTotal_m tr.Ship_Out_Date td div.select_box select{width:50px;} #m_main .Benefit li:first-child dt{letter-spacing:-2px;} #container.mobile .application_m .shippingStep2 .cls_product .tableType.tracking tr td.prev .btnPack a span span{width:100px;overflow:hidden;text-overflow:ellipsis;} #container.mobile.amazonPayment .listBox div.list div.selBox dl dd{width:200px;} #container.mobile #content.pay_detail .blueBox .tableType tbody td.date .select_box:before{right:5px;} #container.mobile #content.pay_detail .blueBox .tableType tbody td.date select{width:55px;padding-left:5px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td.date div select{width:100px;} #container.mobile #content.pay_detail .detail_pay_m .detail_box table td.date div .select_box{margin-bottom:5px;} #container.mobile .application_m .shippingStep3 .tableType.infor tbody tr td .select_ship_date select{width:51px;display:inline-block;} }