@charset "euc-kr";
@import url(default.css);
/* --------------------------------
	File Name : payment.css
	Generated Date : 2011-02-01
	Generated Author : Jung-eun
-------------------------------- */

.payment .prodT { position:relative; z-index:1; margin-top:-1px}

.paymentT { width:100%}
.paymentT th,
.paymentT td { padding:5px 10px; text-align:right; font-weight:normal; color:#666; border-bottom:1px solid #daeaf9}
.paymentT thead th { font-size:11px; background:#f5f5f5}
.paymentT tbody th,
.paymentT tbody td { vertical-align:top; line-height:18px}
.paymentT tbody th { text-align:left; font-weight:bold}

.totalPrice { clear:both; /*overflow:hidden;*/ zoom:1; position:relative; margin-top:-10px; padding:15px 0; border:9px solid #ececec; border-top:none}
.totalPrice:after { clear: both; content: ""; display: block}
.totalPrice .giftCoupon { position:absolute; top:15px; left:347px; padding:20px; width:142px; height:58px; background:url(/images/qubridge/order/bg_giftCoupon.gif) no-repeat}
.totalPrice .giftCoupon span { display:block; float:left; margin-right:5px; width:55px; height:30px; text-align:center; font-weight:bold; color:#396da0}
.totalPrice .giftCoupon em { display:block; float:left; padding:5px; width:38px; height:20px; text-align:right; font-weight:bold; color:#003161}
.totalPrice .Qpoint { position:absolute; top:15px; left:285px; padding:20px 20px 20px 15px; width:204px; height:58px; background:url(/images/qubridge/order/bg_Qpoint.gif) no-repeat}
.totalPrice .Qpoint span { display:block; float:left; margin-right:10px; width:55px; height:30px; text-align:center; font-weight:bold; color:#396da0}
.totalPrice .Qpoint em { display:block; float:left; padding:5px; width:100px; height:20px; text-align:right; font-weight:bold; color:#003161}
/* 20181024_장바구니 영역 수정 */
.totalPrice dl { display:inline; float:left; position:relative; margin-left:500px; width:240px; line-height:18px;}
.totalPrice dl:after { clear: both; content: ""; display: block}
.totalPrice dl dt { clear:both; float:left; width:120px; color:#585858; }
.totalPrice dl dt img{float:right; margin-right:25px; margin-top:3px;}
.totalPrice dl dd { float:left; width:80px; color:#706f6f;}
/* 20181024_장바구니 영역 수정 */
.totalPrice dl dd em { font-weight:bold; color:#fe6124}
.totalPrice dl dt.tDC,
.totalPrice dl dt.tPrice { font-weight:bold; color:#000}
.totalPrice dl dd.tDC em { color:#f00}
.totalPrice dl dd.tPrice em { font-size:16px; color:#f00}

/* 2012.11.09 추가*/
.totalPrice dl.typeB { width:255px!important}
.totalPrice dl.typeB dt { width:155px!important; background-position:133px 5px!important}

.couponList { clear:both; overflow:hidden; zoom:1; margin-top:20px; color:#666}
.couponList h2 { padding:12px 10px 10px; color:#000; background:#eefdff; border:1px solid #daeaf9; border-bottom:none}
.couponList h2 strong { color:#f00}
.couponList .scroll { width:978px; height:111px; border:1px solid #daeaf9}
.couponList table { margin:-1px; width:962px}
.couponList table th,
.couponList table td { padding:7px 10px 6px; text-align:center; vertical-align:top; font-weight:normal; border:1px solid #daeaf9}
.couponList table th { font-size:11px}
.couponList ul { clear:both; overflow:hidden; padding:10px; border:1px solid #daeaf9; border-top:none}
.couponList ul li { font-size:11px; line-height:20px}
.couponList ul li strong { font-size:12px; color:#000}

.specialOffer { clear:both; overflow:hidden; zoom:1; margin-top:45px}
.specialOffer h2 { padding-top:11px; height:17px; font-weight:normal; font-size:11px; color:#fff; background:#75bfdd}
.specialOffer h2 img { margin-top:-11px}
.specialOffer .wrap { float:left; position:relative; margin-right:-1px; width:325px; border:1px solid #d1e5f8}
.specialOffer .wrap .moreBtn { position:absolute; top:10px; right:150px}
.specialOffer .wide { width:326px}
.specialOffer h3 { padding:12px 10px 10px 25px; color:#1593af; background:#f6feff url(/images/qubridge/ico/ico_list.gif) no-repeat 10px; border-bottom:1px solid #d1e5f8}
.specialOffer ol { padding:10px}
.specialOffer ol li { position:relative; width:300px; font-weight:bold; line-height:27px}
.specialOffer ol li a { color:#767676}
.specialOffer ol li.noTop a { color:#000}
.specialOffer ol li a:hover { color:#ef2828}
.specialOffer ol li span { margin-right:15px; color:#97c6d0}
.specialOffer ol li.noTop span { color:#f00}
.specialOffer ol li img { position:absolute; top:3px; right:0}

.shippingCharge { clear:both; overflow:hidden; display:inline; float:left; margin:20px 0 0 425px}
.shippingCharge h2 { float:left; margin-right:20px}
.shippingCharge div { float:left; line-height:18px; color:#767676}
.shippingCharge div p strong { font-size:14px}
.shippingCharge div ul { font-size:11px}
.shippingCharge div ul li em { color:#f00}
/* 오피_201702_개편 '수정'*/
.topTxt { clear:both; overflow:hidden; margin: 40px 0 43px; text-align:center; color:#008abe}
/* //오피_201702_개편 '수정'*/
.topTxt strong em { font-size:14px}
/* 오피_201702_개편 '추가'*/
.topTxt .txt-1{font-size:14px;color:#333;}
.topTxt .r-txt{color:#ff0000;}
/* //오피_201702_개편 '추가'*/
/*.wrapBox { clear:both; overflow:hidden; zoom:1; padding-bottom:7px; border:3px solid #f00; border-bottom:none}*/
.wrapBox { clear:both; overflow:hidden; zoom:1; padding-bottom:7px; border:3px solid #f00; border-bottom:none; position:relative}/*20160404_수정*/
.wrapBox.rental-wrapBox{padding-bottom:0px;}
.wrapBox h2 { padding:12px 0 0 10px; height:22px; color:#000; background:#eefdff; border-bottom:1px solid #daeaf9}
.wrapBox h2 img{display:block; width:99px; height:20px}
.wrapBox h2.complete { position:relative; padding:0; height:34px; background:none}
.wrapBox h2.complete strong { position:relative; display:inline-block; padding:11px 0 0 110px; width:220px; height:23px; background:#abe9f5}
.wrapBox h2.complete strong em { position:absolute; top:0; left:0; display:inline-block; padding:9px 0 0; width:100px; height:25px; text-align:center; font-size:14px; color:#fff; background:#3bbbde}
.wrapBox h2.complete p { position:absolute; top:12px; left:340px; font-weight:normal; font-size:11px; color:#078aa3}
.wrapBox h2.complete p strong { margin:0; padding:0; width:auto; height:auto; background:none}

.totalBox { clear:both; overflow:hidden; zoom:1; position:relative; padding:30px 55px 15px; text-align:right; font-weight:bold; font-size:16px; color:#030303; background:#baf1ff; border:3px solid #f00}
.totalBox.r-tB{padding: 16px 0 15px;}
.totalBox.r-tB .txt{text-align:center;line-height:22px;}
.totalBox.r-tB .r-color{color:#ff0000;}
.totalBox p { position:absolute; top:0; left:375px; padding:3px 20px; font-weight:normal; font-size:11px; color:#fff; background:#f00 url(/images/qubridge/ico/ico_totalBox.gif) no-repeat 5px 3px}
.totalBox small { font-weight:normal; font-size:11px; color:#4a99a9}
.totalBox strong { font-size:21px; color:#f00}
/* 오피_201702_개편 */
.paymentWrap {position:relative;clear:both; overflow:hidden; zoom:1; margin-top:30px; color:#666}
/* //오피_201702_개편 */
.paymentWrap h2 { float:left}
.paymentWrap .cont { float:left; width:905px}
.paymentWrap .emArea { padding:10px 15px 8px; line-height:18px; background:#eefdff; border:1px solid #daeaf9; border-bottom:none}
.paymentWrap.r-pw .emArea{color:#030303;}
.paymentWrap .emArea.border { border-bottom:1px solid #daeaf9}
.paymentWrap .emArea.border a { margin-left:20px}
.paymentWrap .emArea span { display:inline-block; /*width:105px;*/ width:155px}
.paymentWrap.r-pw .emArea span { display:inline-block; width:105px;}
/* 오피_201702_개편 */
.paymentWrap .emArea span input,.paymentWrap .emArea span label{cursor:pointer;}
.paymentWrap.phone-box-wrap{margin-top:50px;}
.paymentWrap.phone-box-wrap .phone-box{position:relative;padding: 13px 15px 17px;background:#d8f0f5;border:1px solid #bfdbe0;}
.paymentWrap.phone-box-wrap .phone-box.border{border:1px solid #bfdbe0;}
.paymentWrap.phone-box-wrap .phone-box input{margin: 1px 3px 0 9px;vertical-align: top;}
.paymentWrap.phone-box-wrap .phone-box label{font-size:11px;}
.paymentWrap.phone-box-wrap .phone-box .input-box-wrap{width: 300px;}
.paymentWrap.phone-box-wrap .phone-box .btn-wonder{padding: 3px 0 0 3px;cursor:pointer;}
.paymentWrap.phone-box-wrap .phone-box .confirm-box{margin-top:9px;}
.paymentWrap.phone-box-wrap .phone-box .confirm-box input{width:168px;padding-left:5px;margin:0;}
.paymentWrap.phone-box-wrap .phone-box .confirm-box a{margin:0;}
.paymentWrap.phone-box-wrap .phone-box .confirm-box img{margin:0;}
.paymentWrap.phone-box-wrap .phone-box .wonder-box{display:none;position:absolute;top:21px;right:72px;padding: 9px 13px 7px 9px;line-height:16px;background:#eff0f1;border:1px solid #949494;font-size:11px;}
/* //오피_201702_개편 */
.paymentWrap .emArea strong { color:#000}
.paymentWrap .emArea small { display:block; margin-left:17px; font-size:11px; color:#000}
.paymentWrap .emArea img { margin:-4px 0 -2px}
.paymentWrap.r-pw .emArea img { margin:-1px 0 -2px}
.paymentWrap .emArea p { display:inline; margin-right:10px; padding:0; font-size:11px; color:#63b8ce; border:none}
.paymentWrap .emArea p strong { color:#63b8ce}
.paymentWrap .emArea strong em { color:#f00}
.paymentWrap .emArea2 { padding:10px 15px 8px; line-height:18px; border:1px solid #daeaf9; border-bottom:none}
.paymentWrap .emArea2 span { display:inline-block}
.paymentWrap .emArea2 strong { color:#000}
.paymentWrap .emArea2 small { /*display:block; margin-left:17px;*/ font-size:11px; color:#000}
.paymentWrap p { padding:8px 15px; border:1px solid #daeaf9; border-bottom:none}
.paymentWrap ul { padding:8px 15px; border:1px solid #daeaf9}
.paymentWrap ul li { font-size:11px; line-height:20px}
.paymentWrap ul.r-notice{padding: 16px 15px 8px;border:0px;color:#999;}
/* 오피_201702_개편 */
.paymentWrap ul li.pl{padding-left:11px;}
/* //오피_201702_개편 */
.paymentWrap ul li strong { font-size:12px; color:#000}
.paymentWrap table { width:100%}
.paymentWrap table.none { margin-bottom:-1px}
.paymentWrap table th,
.paymentWrap table td { padding:4px 15px; text-align:left; vertical-align:top; font-weight:bold; line-height:18px; border:1px solid #daeaf9}
.paymentWrap table th,
.paymentWrap table td {padding:4px 14px;}
.paymentWrap table th { font-weight:normal; font-size:11px}
.paymentWrap table td em { margin-left:20px; color:#00a7d2}
.paymentWrap table td em.em2 { margin-right:20px; float:right; font-size:11px; color:#f00}
.paymentWrap table td.tel select { width:47px}
.paymentWrap table td.tel input { width:40px}
.paymentWrap table .emBox { border-color:#17c1e2}
.paymentWrap table .emBox.top { border-top-width:2px}
.paymentWrap table .emBox.btm { border-bottom-width:2px}
.paymentWrap table .emBox.lt { border-left-width:2px}
.paymentWrap table .emBox.rt { text-align:left !important; border-right-width:2px}
.paymentWrap table p { padding:0; border:none}
.paymentWrap table p.inline { display:inline; font-size:11px; color:#c2c2c2}
.paymentWrap .strong { color:#fff; background:#f00}
.paymentWrap .howToPayB .strong { color:#000; background:#daeaf9}
.paymentWrap .howToPayA .strong,
.paymentWrap .howToPayB .strong,
.paymentWrap .howToPayC .strong { border-top:none}
.paymentWrap .howToPayA table td,
.paymentWrap .howToPayB table td,
.paymentWrap .howToPayC table td { font-weight:normal}
/* 오피_201702_개편 */
.paymentWrap .howToPayD{padding:14px 15px 24px;;border: 1px solid #daeaf9;}
.paymentWrap .howToPayD strong{font-size: 11px;line-height: 20px;}
.paymentWrap .howToPayD p{padding:0 0 0 12px;font-size: 11px;line-height: 20px;border:none;}
.paymentWrap .howToPayD .point-txt{padding: 20px 0 0 12px;color:#34a9b7;}
.paymentWrap .howToPayD .point-txt p{padding:0 0 0 4px;}
.paymentWrap .howToPayD .notice-txt{padding:18px 0 0;}
.paymentWrap .howToPayD .notice-txt span{font-size:12px;}
.paymentWrap .btop-point{border-top: 2px solid #17c1e2;}
.paymentWrap .brt-point{border-right: 2px solid #17c1e2;}
.paymentWrap .blt-point{border-left: 2px solid #17c1e2;}
.paymentWrap .bbt-point{border-bottom: 2px solid #17c1e2;}
/* //오피_201702_개편 */
.paymentWrap .surety {}
.paymentWrap .surety .strong { margin:0; padding:8px 15px; border:1px solid #daeaf9; border-bottom:none; color:#000; background:#daeaf9}
.paymentWrap .surety div { padding:8px 15px; border:1px solid #daeaf9; border-bottom:0}
.paymentWrap .surety p { padding:0 0 10px; border:0}
.paymentWrap .surety p strong { display:block; margin-bottom:7px}
.paymentWrap .surety p small { font-weight:normal}
.paymentWrap .surety p span { display:inline-block; width:80px; }
.paymentWrap .surety p input.text { width:80px}
.paymentWrap .surety ul { padding:10px 0 0; border:0; border-top:1px solid #daeaf9}

.orderInfo { clear:both; overflow:hidden; zoom:1; margin:20px 0; color:#666}
.orderInfo h2 { padding:12px 10px 10px; color:#000; background:#eefdff; border:1px solid #daeaf9; border-bottom:none}
.orderInfo table { width:100%}
.orderInfo table th,
.orderInfo table td { padding:4px 15px; text-align:left; vertical-align:top; font-weight:bold; line-height:18px; border:1px solid #daeaf9}
.orderInfo table th { font-weight:normal; font-size:11px}
.orderInfo table td p { display:inline; font-weight:normal; font-size:11px; color:#5495bc}
.orderInfo table td strong { font-size:14px; color:#f00}
.orderInfo table td.deliveryInfo em { color:#000}
.orderInfo table td.deliveryInfo em strong { font-size:12px}
.orderInfo table td img { margin-right:5px; vertical-align:middle}

.paymentInfo { clear:both; overflow:hidden; margin-top:20px; color:#000}
.paymentInfo h2 { float:left; padding:12px 10px 10px; width:95px; background:#eefdff; border:1px solid #daeaf9; border-right:none}
.paymentInfo p { float:left; padding:12px 10px 10px; width:842px; font-weight:bold; background:#eefdff; border:1px solid #daeaf9}
.paymentInfo p strong { color:#f00}

.completeWrap { clear:both; overflow:hidden; zoom:1; margin-top:20px; color:#666}
.completeWrap h2 { padding:12px 10px 10px; color:#000; background:#eefdff; border:1px solid #daeaf9; border-bottom:none}
.completeWrap table { width:100%}
.completeWrap table th,
.completeWrap table td { padding:4px 15px; text-align:left; vertical-align:top; font-weight:bold; line-height:18px; border:1px solid #daeaf9}
.completeWrap table th { font-weight:normal; font-size:11px}
.completeWrap table td strong { color:#f00}

.printInfo { clear:both; overflow:hidden; margin-top:20px; padding:4px 0 1px 10px; height:31px; font-weight:bold; line-height:31px; color:#fff; background:#f00; border:1px solid #daeaf9}
.printInfo strong { display:inline-block; width:43px; height:31px; text-align:center; color:#f00; background:url(/images/qubridge/ico/ico_balloon.gif) no-repeat}


#wrapper #innerWrapper #container .easyOrder {overflow:hidden; position:relative; border-top:4px solid #a9a8a8; *top:50px; *margin-top:50px}
.easyOrder h1 { position:absolute; top:33px; left:290px}

.easyOrder .btnArea { margin:4px 0; text-align:right}
.easyOrder .btnArea a {/* margin-right:-2px;*/}

.easyOrder .searchCode { clear:both; overflow:hidden; position:relative; margin:-4px 0 30px}
.easyOrder .searchCode fieldset { position:relative; float:left; padding:0 15px; width:227px; height:226px; border:4px solid #d0dfe7; border-top:none}
.easyOrder .searchCode fieldset dt { margin:18px 0 5px; padding-left:8px; font-weight:bold; letter-spacing:-1px; color:#000; background:url(/images/qubridge/ico/bul_txtS_red.gif) no-repeat 0 6px}
.easyOrder .searchCode fieldset dt small { display:block; margin-top:3px; font-weight:normal; font-size:11px; line-height:14px; color:#8f8f8f}
.easyOrder .searchCode fieldset dd textarea { width:221px; height:56px; background:#e5f3fa; border:1px solid #c1ccd3}
.easyOrder .searchCode fieldset .btn { position:absolute; bottom:-4px; left:78px}

.easyOrder .themeRanking { float:right; position:relative; padding:80px 0 0 0}
.easyOrder .themeRanking h2 { float:left; margin-left:-1px; font-weight:normal}
.easyOrder .themeRanking h2 a { display:block; width:171px; height:26px; text-align:center; font-size:11px; line-height:28px; color:#b4b4b4; border:1px solid #d0dfe7}
.easyOrder .themeRanking h2 a:hover,
.easyOrder .themeRanking h2 a.active { text-decoration:none; color:#343434; border-bottom:1px solid #fff}
.easyOrder .themeRanking ol { display:none; position:absolute; top:120px; right:0; margin:0 0 0 -35px; width:715px}
.easyOrder .themeRanking ol.on { display:block}
.easyOrder .themeRanking ol li { display:inline; float:left; position:relative; margin-left:40px; width:315px; font-size:11px; line-height:21px; color:#8f8f8f}
.easyOrder .themeRanking ol li strong { margin-right:5px}
.easyOrder .themeRanking ol li a { overflow:hidden; margin-left:10px; color:#8f8f8f}
.easyOrder .themeRanking ol li a:hover,
.easyOrder .themeRanking ol li a.active { color:#ef2828}
.easyOrder .themeRanking ol li a.btn { position:absolute; top:0; right:0; width:33px}

/* 2012.11.13 추가 */
#btn_info {cursor:pointer}
#layer_infoA {display:none;background:url('/images/qubridge/payment/bg_deliveryInfo.gif') no-repeat left top; line-height:17px; width:206px; height:92px; color:#5eb3e1; position:absolute; top:47px; left:575px; z-index:1000}
#layer_infoA p {margin:20px 20px}
#layer_infoA b {display:block; color:#607580}
#layer_infoA span {color:red}
#layer_infoB {display:none;background:url('/images/qubridge/payment/bg_deliveryInfo.gif') no-repeat left top; line-height:17px; width:206px; height:92px; color:#5eb3e1; position:absolute; top:102px; left:600px; z-index:1000}
#layer_infoB p {margin:15px 20px}
#layer_infoB b {display:block; color:#607580}
#layer_infoB span {color:red}

/*#btn_deliveryInfo {float:right; margin:-5px 25px; *margin:-20px 25px; cursor:pointer}*/
#btn_deliveryInfo{float:right; margin:-5px 25px 0 0;  *margin: -20px 10px 0 0; cursor:pointer}/*20160404_수정*/
/*#layer_deliveryInfo {position:absolute; top:187px; right:122px; background:#fff; border:2px solid #17c1e2; line-height:18px; color:#767676; padding:10px 20px; z-index:10}*/
#layer_deliveryInfo {position:absolute; top:128px;right:3px; background:#fff; border:2px solid #17c1e2; line-height:18px; color:#767676; padding:10px 20px; z-index:10}/*20160404_수정*/
#layer_deliveryInfo p strong {font-size:14px}
#layer_deliveryInfo ul {font-size:11px}
#layer_deliveryInfo ul li em {color:#f00}

/* 20150605 ok케쉬백 추가 */
.pointSave{position:relative}
.pointSave .emArea span{width:108px}

.pointSave .cardarea {margin:-27px 0 0 208px; line-height:18px; font-size:11px}
.pointSave .cardarea ul{border:0 none; padding:7px 0 5px 0}
.pointSave .cardarea ul li{}
.pointSave .cardarea p.adr{color: #666}
.pointSave .cardarea dl{margin:17px 0 0 0; overflow:hidden; }
.pointSave .cardarea dl dt, .pointSave .cardarea dd{float:left; height:25px; line-height:25px; vertical-align:middle}
.pointSave .cardarea dt{margin-right:7px}
.pointSave .cardarea dd{margin:0 35px 0 0; *margin:0 18px 0 0}
.pointSave .cardarea dl input[type=text]{width:42px; height:19px; border:1px solid #c7c7c7}
.pointSave .cardarea dl .name{margin-right:0}
.pointSave .cardarea dl .name input[type=text]{width:238px}
.pointSave .info{border:1px solid #d1e5f8;padding:13px 0}
.pointSave .info table{width:691px; margin:0 auto}
.pointSave .info table th, .pointSave .info table td{/*border:1px solid #cacaca;*/border:1px solid #cacaca; font-weight:normal}
.pointSave .info table th{background:#f6f6f6}
/* //20150605 ok케쉬백 추가 */

/* 20160504 모바일 e쿠폰 세금계산서 미발행 안내 추가 */
.ly_info_taxUnissued{position:relative;top:15px;left:50%;width:980px;margin-left:-417px;}
/* //20150605 모바일 e쿠폰 세금계산서 미발행 안내 추가 */

.btn-request{display:block;margin-top:6px;text-align:center;}