@charset 'utf-8';
 
/* Common */
.subTxt1 {display:block;padding:0;line-height:160%;word-wrap: break-word;}
.subTxt2 {display:block;padding:0;line-height:160%;word-wrap: break-word;}
.subTxt2 > li {display:block;padding:10px 0 0 20px;}
.subTxt2 > li:first-child {padding-top:0px;}
.subTxt2 > li > em {position:absolute;margin-left:-15px;font-weight:bold;}
.subTxt3 {display:block;padding:0;line-height:140%;word-wrap: break-word;}
.subTxt3 > li {display:block;padding:5px 0 0 20px;}
.subTxt3 > li:first-child {padding-top:0px;}
.subTxt3 > li > em {position:absolute;margin-left:-15px;font-weight:bold;}
.subImage1 {text-align:center;}
.subImage1 span {display:block;padding:10px 0 25px;line-height:180%;font-size:14px;}
.txtUp {position:absolute;}
.exBox {display:block;margin:20px 0 5px;height:38px;}
.ex {position:absolute; background:#fff200; padding:10px 15px; font-size:14px; font-weight:bold;}
.ex i {color:rgba(0,0,0,0.5);font-size:14px;}
hr {border:5px;width:50px;dispaly:block;}

/*에러페이지 - 404 등...*/
.error404 {width:90%;max-width:620px;margin:0 auto;} 
.error404 > .hLogo {text-align:left;margin-bottom:-20px;padding-top:50px}
.error404 > .icon {position:absolute;margin-top:65px;font-size:60px;color:#aaa;}
.error404 > h1 {padding-top:30px;margin-top:30px;border-top:1px solid #e4e4e4;}
.error404 > .txt > span {color:#ff7000;font-weight:bold;}
.error404 > h1,
.error404 > .txt {padding-left:70px}
.error404 > .cBtnArea {margin-top:30px;border-top:1px solid #e4e4e4;}

/* 페이지내 Tab 버튼 */
.tabType1{position:relative;zoom:1;margin-bottom:10px}
.tabType1>li{float:left;margin-left:-1px}
.tabType1>li>a{display:block;position:relative;width:100%;height:58px;background:#fff;border:1px solid #ddd;font-size:16px;line-height:56px;text-align:center;font-weight:bold;}
.tabType1>li:first-child{margin:0}
.tabType1>li.on>a{background:#ff7000;border-color:#ff7000;text-decoration:none;color:#fff}
.tabType1 a:hover{text-decoration:none}
.tabType1>li.on>a {z-index:1}
.tabType1:after {content:"";display:block;clear:both;zoom:1}

.tabType2{position:relative;zoom:1;margin-bottom:10px}
.tabType2>li{float:left;margin-left:-1px}
.tabType2>li>a{display:block;position:relative;width:100%;height:40px;background:#fff;border:1px solid #ddd;font-size:16px;line-height:38px;text-align:center;font-weight:bold;}
.tabType2>li:first-child{margin:0}
.tabType2>li.on>a{background:#ff7000;border-color:#ff7000;text-decoration:none;color:#fff}
.tabType2 a:hover{text-decoration:none}
.tabType2>li.on>a {z-index:1}
.tabType2:after {content:"";display:block;clear:both;zoom:1}

/* Pagination */
.Pagination{padding:15px 0;text-align:center}
.Pagination a,.Pagination strong{display:inline-block;position:relative;_width /**/:17px;padding:9px 12px 10px;border:1px solid #e4e4e4;}
.Pagination strong{font-weight:bold;color:#ff7000 !important;border:1px solid #ff7000;}
.Pagination .pre{margin-right:9px;padding:10px 10px 8px;}
.Pagination .next{margin-left:9px;padding:10px 10px 8px;}
.Pagination .pre,.Pagination .next{display:inline-block;position:relative;top:1px;_width /**/:84px;border:1px solid #e4e4e4;color:#ccc;font-size:12px;line-height:normal}
.Pagination a.pre,.Pagination a.next{color:#515151}
.Pagination a:hover{border:1px solid #e4e4e4;background-color:#f7f7f7 !important}

/*메세지 박스*/
.msgBox {background:rgba(255,144,0,0.2);margin-bottom:20px; padding-top:3px;border-radius:3px;}
.msgBox > .inner {position:relative; zoom:1; padding:20px 40px 23px 20px;}
.msgBox > .inner > p.msgCon {/*color:#a70300;*/ line-height:20px;font-size: 14px;}
.msgBox > .inner > p.msgCon.narrow {padding-left:40px;}
.msgBox > .inner > p.icon {position:absolute; top:16px; left:20px;color:#999;}
.msgBox > .inner > a.close {position:absolute; top:23px; right:20px;}
.errorBox_Line {font-size: 14px; color:#ff2000;}/*내용아래 노출시*/
.errorBox_Line i{color:#ff2000;padding-right:5px;}

/* My Page>주문내역 */
.Mypage {position:relative;}

/* 안내사항 한줄에 1개씩 */
.Mypage .Mypage_info {padding-bottom:15px} 
.Mypage .Mypage_info li {display:block;width:100%;line-height:140%;padding-top:7px;}
.Mypage .Mypage_info li:first-child {padding-top:0px;}
.Mypage .Mypage_info li > i {float:left;color:#ff7000;margin-top:1px}
.Mypage .Mypage_info li > em {display:block;margin-left:25px;}
/* 안내사항 한줄에 2개씩 */
.Mypage .Mypage_info50 {padding-bottom:15px} 
.Mypage .Mypage_info50 li {display:inline-block;width:49.5%;line-height:140%;padding-top:7px;vertical-align:top}
.Mypage .Mypage_info50 li:first-child,
.Mypage .Mypage_info50 li:nth-child(2){padding-top:0px;}
.Mypage .Mypage_info50 li > i {float:left;color:#ff7000;margin-top:1px}
.Mypage .Mypage_info50 li > em {display:block;margin-left:25px;}

/* Event Page */
.eventPage > ul {}
.eventPage > ul:after {content:""; display:block; clear:both;}
.eventPage > ul > li {float:left; position:relative; width:570px; min-height:115px; padding:15px 0; border-bottom:1px solid #eee;}
.eventPage > ul > li.bg {background:#fbfbfb;}
.eventPage > ul > li > a > img {top:15px; left:0; width:220px; height:120px;border:1px solid #ddd;}
.eventPage > ul > li > .txt {position:absolute;width:310px;margin:-125px 0 0 240px}
.eventPage > ul > li > .txt > a {font-size:14px;font-weight:bold;line-height:140%;}
.eventPage > ul > li > .txt > a > span {background:#fff200; padding:1px 5px 0; color:#454545; font-size:11px;font-weight:normal;margin-right:10px;}
.eventPage > ul > li > .txt > p.txtInfo {line-height:140%;padding:5px 0 5px}
.eventPage > ul > li > .txt > p.txtDate {font-weight:bold;}
.eventPage_tit{padding:10px 20px;background:#f4f4f4;border-top:#e4e4e4 solid 1px;border-bottom:#e4e4e4 solid 1px;font-weight:bold;}
.event1708{width:916px;margin:0 auto;clear:both}
.event1708 h1 {padding:20px 0 10px; font-size:30px; color:#303030;font-weight:bold;margin:40px 0 10px;text-align: center;	background: url(/images2017/event/icon_bar.png) center 25px repeat-x;}
.event1708 h1 span {padding:0 30px; background:#fff;}	
.event1708 h2 {margin-top:10px;padding:15px 0; font-size:18px; color:#303030; font-weight:bold;}
.event1708 h3 {margin-top:10px;padding:0 0 10px; font-size:24px; color:#303030; font-weight:bold;}
.event1708 > .txt{font-size:14px; letter-spacing:0px;}
.event1708 > .txt ul li {padding:3px 0;line-height:130%;color:#303030}
.event1708 > .txt ul li img {padding:10px 0 0 10px}
.event1708 > .txt dl dt {font-size:20px; font-weight:bold;color:#212121;padding-top:10px}
.event1708 > .txt dl dd {padding:10px 0 0 35px;line-height:150%;}
.event1708 > .txt > table.Type1 {width:100%;border:0;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-spacing:0;font-size:14px;clear:both}
.event1708 > .txt > table.Type1 td,
.event1708 > .txt > table.Type1 th{border:0;border-top:1px solid #ccc;border-left:1px solid #ccc;padding:5px;line-height:170%}
.event1708 > .txt > table.Type1 th{background:#eee}
.event1708 > .txt > table.Type2 {width:100%;border:0;border-top:1px solid #ccc;border-spacing:0;font-size:14px;clear:both}
.event1708 > .txt > table.Type2 td,
.event1708 > .txt > table.Type2 th{border:0;border-bottom:1px solid #ccc;padding:5px;line-height:170%;text-align:center;}
.event1708 > .txt > table.Type2 th{background:#eee;font-weight:bold;}
.event1708 > .txt > table > caption {visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}

/* 오마이집 소개 About_Ohmyzip */
#content.about .titDep2 {margin:30px 0 0;padding:0}
#content.about ul.history {}
#content.about ul.history li {margin-left:20px;padding:15px 0;border-left:3px solid #ddd;}
#content.about ul.history li i {position:absolute;color:#ff7000;margin:3px 0 0 -8px}
#content.about ul.history li em {padding:0 10px 0 30px;font-style:italic; font-size:24px; font-weight:bold;}
#content.about ul.history li span {font-size:14px;}
#content.about .pledge {background:url(/images2017/sub/about_01.jpg) 0 0 no-repeat; height:115px; font-style:italic; font-size:14px; line-height:180%; padding:40px 0 0 308px;}
/* 센터 소개 */
#content.deCenter_bg1 {background:url(/images2017/sub/about_de01.jpg) right 90px no-repeat;}
#content.cnCenter_bg1 {background:url(/images2017/sub/about_cn01.png) right 430px no-repeat;}
#content.caCenter_bg1 {background:url(/images2017/sub/about_ca01.png) right 430px no-repeat;}
#content.krCenter_bg1 {background:url(/images2017/sub/about_kr01.png) right 100px no-repeat;}
#content.grCenter_bg1 {background:url(/images2017/sub/about_gr_map.jpg) right 450px no-repeat;}
/* 오마이집 소개>중국센터 소개 */
#content.ohmyzipCNCenter .subTxt1 .txtUp {width:400px;color:#fff;right:0;padding:20px;font-size:20px;font-weight:bold;line-height:120%;letter-spacing:-1px;background:rgba(0,0,0,0.3)}
#content.ohmyzipCNCenter .subTxt1 .txtUp em {display:block;font-size:14px;font-weight:normal;line-height:140%;margin-top:5px}
#content.ohmyzipCNCenter table.subTxt1 td {vertical-align:top;padding-bottom:20px;/*height:170px*/}
#content.ohmyzipCNCenter table.subTxt1 td i {color:#ff7000;padding:10px 0;}
#content.ohmyzipCNCenter table.subTxt1 td span {display:block;font-weight:bold;font-size:16px;padding-bottom:5px}
#content.ohmyzipCNCenter .subImage1 .time {margin:150px 0 0 470px;font-weight:bold;}
/* 오마이집 소개>캘리포니아센터 소개 */
#content.ohmyzipCACenter .subTxt1 .txtUp {width:310px;color:#fff;right:0;padding:20px;font-size:20px;font-weight:bold;line-height:120%;letter-spacing:-1px;background:rgba(0,0,0,0.4)}
#content.ohmyzipCACenter .subTxt1 .txtUp em {display:block;font-size:14px;font-weight:normal;line-height:140%;margin-bottom:5px}
#content.ohmyzipCACenter table.subTxt1 td {vertical-align:top;padding-bottom:20px;/*height:170px*/}
#content.ohmyzipCACenter table.subTxt1 td i {color:#ff7000;padding:10px 0;}
#content.ohmyzipCACenter table.subTxt1 td span {display:block;font-weight:bold;font-size:16px;padding-bottom:5px}
#content.ohmyzipCACenter .subImage1 .caCenter {margin:30px 0 0 160px;color:#ff2000;text-shadow: 1px 2px rgba(0,0,0,0.2);}
/* 오마이집 소개>델라웨어센터 소개 */
#content.ohmyzipDECenter .subImage1 {/*border-top:2px dashed #ddd;*/text-align:left;}
#content.ohmyzipDECenter .subImage1 > h2 {padding-top:20px}
#content.ohmyzipDECenter .subImage1 > span {font-size:13px;line-height:160%;}
#content.ohmyzipDECenter .subImage1 > section > span  {display:initial;}
#content.ohmyzipDECenter .subImage1 > section > img {display:block;padding:20px 0;margin:0 auto;}
#content.ohmyzipDECenter .subTxt2 > li {}
#content.ohmyzipDECenter .subTxt2 > li > img {display:block;padding:10px 0 10px;}
#content.ohmyzipDECenter .subTxt3 > li {padding-top:20px}
#content.ohmyzipDECenter .subTxt3 > li:first-child {padding-top:0}
#content.ohmyzipDECenter .subTxt2 > li > img,
#content.ohmyzipDECenter .subTxt3 > li > img {margin-left:-20px;}
#content.ohmyzipDECenter .subTxt4 > li {padding:5px 0 0 20px}
/* 오마이집 소개>한국센터 소개 */
#content.ohmyzipKRCenter table.subTxt1 td {width:188px;vertical-align:top;padding-bottom:20px;}
#content.ohmyzipKRCenter table.subTxt1 td i {color:#ff7000;padding:10px 0;}
#content.ohmyzipKRCenter table.subTxt1 td span {display:block;font-weight:bold;font-size:16px;padding-bottom:5px}
#content.ohmyzipKRCenter ul.ScheduleS > li {display:inline-block;width:48%;vertical-align:top;}
#content.ohmyzipKRCenter ul.ScheduleS > li:last-child {float:right;}
#content.ohmyzipKRCenter ul.ScheduleS > li > table.tableType3 {width:100%;}
#content.ohmyzipKRCenter ul.ScheduleS > li > table.tableType3 > tbody > tr > td {text-align:center;}
/* 오마이집 소개>독일센터 소개 */
#content.ohmyzipGRCenter .subTxt1 .txtUp {width:400px;color:#fff;right:0;padding:20px;font-size:20px;font-weight:bold;line-height:120%;letter-spacing:-1px;background:rgba(0,0,0,0.3);}
#content.ohmyzipGRCenter .subTxt1 .txtUp em {display:block;font-size:14px;font-weight:normal;line-height:140%;margin-top:5px}
#content.ohmyzipGRCenter .subImage1 .grCenter {margin:65px 0 0 215px;color:#ff2000;text-shadow: 1px 2px rgba(0,0,0,0.2);}


/* 고객센터 */
#content.customerService {}
#content.customerService .cusBox {text-align:center;border:1px solid #ff7000;margin-top:30px;padding:35px 0 40px;}
#content.customerService .cusBox dl.tel {font-family:'NanumSquare';width:400px;margin-left:100px;}
#content.customerService .cusBox dl.tel > dt {font-size:18px;font-weight:bold;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px;}
#content.customerService .cusBox dl.tel > dd {font-size:40px;font-weight:bold;}
#content.customerService .cusBox dl.tel > dd > a {color:#ff7000;text-decoration:none;}
#content.customerService .cusBox .telInfo {position:absolute;margin:10px 0 0 550px;text-align:left;}
#content.customerService ul.cusFaq {}
#content.customerService ul.cusFaq > li {display:inline-block;width:13.41%;text-align:center;margin-left:5px;vertical-align:top;}
#content.customerService ul.cusFaq > li:first-child {margin:0px;}
#content.customerService ul.cusFaq > li > a {text-decoration:none;}
#content.customerService ul.cusFaq > li > a:inner {}
#content.customerService ul.cusFaq > li > a > span.icon {display:block;background:#ccc;text-align:center;padding:43px 0 43px;}
#content.customerService ul.cusFaq > li > a > span.icon > i {font-size:50px;color:#fff;}
#content.customerService ul.cusFaq > li > a > span.txt {display:block;font-size:16px;font-weight:bold;margin-top:10px;}
#content.customerService ul.cusFaq > li > a:hover > span.icon {background:#ff7000;}
#content.customerService ul.cusFaq > li > a:hover > span.icon > i {}
#content.customerService ul.snsBox {} 
#content.customerService ul.snsBox > li {display:inline-block;width:24.06%;vertical-align:top;border:1px solid #ddd;text-align:center;padding:20px 0;margin:0 0 10px 5px;}
#content.customerService ul.snsBox > li > a {font-size:16px;font-weight:bold;text-decoration:none;}
#content.customerService ul.snsBox > li > a > i {display:inline-block;color:#ccc;vertical-align:middle;}
/*고객센터>공지사항, 언론보도*/
#content.noticeList .boardSearch {background:#f8f8f8;text-align:center;vertical-align:top;margin-top:30px;padding:15px 0;}
#content.noticeList .tableType6 > thead > tr > th {font-size:14px;padding:15px;/*background:#f8f8f8;*/}
#content.noticeList .tableType6 > tbody > tr.notice {background:#ffffcc;}
#content.noticeList .tableType6 > tbody > tr > td {padding:10px;}
#content.noticeList .tableType6 > tbody > tr > td:nth-child(2) {text-align:left;font-weight:bold;}
#content.noticeList form > dl.board_view {}
#content.noticeList form > dl.board_view > dt.tit {border-top:2px solid #212121;border-bottom:1px solid #ddd;background:#f8f8f8;font-size:16px;font-weight:bold;padding:20px;}
#content.noticeList form > dl.board_view > dt.tit > .txtUp {font-size:13px;right:20px;}
#content.noticeList form > dl.board_view > dt.tit > .txtUp > span {font-weight:normal;}
#content.noticeList form > dl.board_view > dt.sub {border-bottom:1px solid #ddd;padding:5px 20px;color:#777;}
#content.noticeList form > dl.board_view > dd {padding:20px 20px 100px;}
/*고객센터>FAQ*/
#content.faq .faqLst {margin-top:5px; zoom:1;}
#content.faq .faqLst:after {content:""; display:block; clear:both;}
#content.faq .faqLst > dl {display:inline-block; vertical-align:top;width:13.87%;}
#content.faq .faqLst > dl > dt {width:100%;font-weight:bold; text-align:center;font-size:16px;background:#ff8000;color:#fff;line-height:140%;padding:31px 0;}
#content.faq .faqLst > dl > dd {padding:10px 5px;background:#f8f8f8;}
#content.faq .faqLst > dl > dd > ul > li {padding:5px 0;line-height:140%;font-weight:bold;}
#content.faq .faqLst > dl:first-child > dt,
#content.faq .faqLst > dl:nth-child(7) > dt {padding:20px 0;}
#content.faq .faqLst li .faq_q {background:#f8f8f8;padding:10px 0;}
#content.faq .faqLst li .faq_q * {display:inline-block; *display:inline; zoom:1;}
#content.faq .faqLst li .faq_q i {width:60px; color:#ff7000; font-size:18px; font-weight:bold; text-align:center;}
#content.faq .faqLst li .faq_q a {padding-left:10px; font-weight:bold;}
#content.faq .faqLst li .faq_a {display:none; position:relative; padding:7px 0 35px 75px; border-bottom:1px solid #ddd; line-height:20px;}
#content.faq .faqLst li .faq_a .qa {position:absolute; top:4px; left:24px; font-size:18px; font-weight:bold;}
#content.faq .faqLst li.on .faq_a {display:block;}
/*고객센터>이용약관, 개인정보처리방침*/
#content.terms {}
#content.terms ul.termsList {margin-top:30px;}
#content.terms ul.termsList > li {display:inline-block;margin:0 0 9px 5px;vertical-align:top;text-align:center}
#content.terms ul.termsList > li > a {display:block;background:#e9f6ff;border:1px solid #ddd;padding:5px 10px;font-size:15px;text-decoration:none;font-weight: bold;}
#content.terms ul.termsList > li > a:hover {color:#303030;}
#content.terms ul.termsList.li5 > li {width:19.14%;}
#content.terms ul.termsList.li5 > li:first-child,
#content.terms ul.termsList.li5 > li:nth-child(6) {margin-left:0;}
#content.terms ul.termsList.li7 > li {width:13.37%;}
#content.terms ul.termsList.li7 > li:first-child,
#content.terms ul.termsList.li7 > li:nth-child(8) {margin-left:0;}
#content.terms ul.termsList.li8 > li {width:11.57%;}
#content.terms ul.termsList.li8 > li:first-child,
#content.terms ul.termsList.li8 > li:nth-child(9),
#content.terms ul.termsList.li8 > li:nth-child(17) {margin-left:0;}
#content.terms .editable {line-height: 20px;word-break: keep-all;color:#666;padding: 20px;border: 1px solid #ddd;overflow-y: scroll;height:450px;}
#content.terms .editable > p.termsTit1 {padding: 30px 0 0;color: #303030;font-size: 16px;font-weight: bold;}
#content.terms .editable > p.termsTit1:first-child {padding:0;} 
#content.terms .editable > p.termsTit2 { padding: 15px 0 10px;color: #303030;font-size: 14px;}
#content.terms .editable > ol.termsOlist {padding:10px 0 0;}
#content.terms .editable > ol.termsOlist > li {margin-left: 18px;text-indent: -18px;padding:3px 0 0;line-height:20px;}
#content.terms .editable > ol.termsOlist > li:first-child {padding:0;}
/*고객센터>제휴/제안*/
#content.affiliates {}
#content.affiliates .frmArea {background:#f8f8f8; margin-top:10px; padding:30px 0; border:1px solid #ddd;}
#content.affiliates .frmArea > form > ul > li {padding:7px 0; zoom:1;}
#content.affiliates .frmArea > form > ul > li:after {content:""; display:block; clear:both;}
#content.affiliates .frmArea > form > ul > li > label {float:left; width:190px; padding:8px 0 0 30px; font-weight:bold;}
#content.affiliates .frmArea > form > ul > li > section {float:left;}
#content.affiliates .frmArea > form > ul > li > section > textarea {width:560px; padding:12px;}
#content.affiliates .frmArea > form > ul > li > section > em {display:inline-block; *display:inline; zoom:1; margin-left:20px;}
#content.affiliates .frmArea > form > ul > li > section > .del03 > span {width:89px;}
#content.affiliates .agree1 {padding:10px 0;line-height:18px}
#content.affiliates .agree2 {padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}

/*UPS 송장인쇄하기*/
.popupB {max-width:1140px;padding:0 10px 20px;margin:0 auto;}
.popupB > .print {position:absolute;width:1140px;text-align:right;}
.popupB > #content> section.printPage {width: 100%;border: 1px solid #eee;margin-top:10px;padding:260px 0 10px;text-align:center;height:420px; overflow-y:scroll;}
.popupB > #content> section.printPage > span > img {height:400px;
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);} 
  
@media (max-width:499px) /* Mobile – 767px */
{
	.popupB > .print {width:90%;}	
}