/* main : box */
div.img_box { position:relative; margin-bottom:20px } 
div.img_box ul { position:absolute; top:29px; right:305px } 
div.img_box ul li { float:left; padding-left:7px } 

/* main : 정보 */
div.main_01 { margin-bottom:20px } 
div.main_01 ul { padding-bottom: 5px; *zoom:1 } 
div.main_01 ul:after { content:""; display:block; clear:both } 
div.main_01 ul li { float:left; width:228px; margin-bottom:10px } 
div.main_01 ul li.r1 { margin-right:38px } 
div.main_01 ul li.r2 { margin-right:39px } 
div.main_02 { margin-bottom:20px } 
div.main_02 ul { padding-bottom: 5px; *zoom:1 } 
div.main_02 ul:after { content:""; display:block; clear:both } 
div.main_02 ul li { float:left; width:228px; margin-bottom:10px } 
div.main_02 ul li.r1 { margin-right:38px } 
div.main_02 ul li.r2 { margin-right:39px } 

/* 20130212_KT올레뮤직 추가/수정 */
div.list_tab04 .center { text-align:center } 
div.list_tab04 .col08 { color:#2d9204 } 
div.list_tab04 ul li.k1 { margin-left:3px; margin-bottom:7px } 
div.list_tab04 div.k2 { position:absolute; margin-top:-20px; margin-left:225px } 

/* 상품권 : 정보 */
/* div.ticket_01 { border-top:2px solid #333333; border-bottom:1px solid #e7e7e7; background-color:#f9f9f9; padding:10px 20px 0 20px; margin-bottom:20px } */
/* div.ticket_01 ol li { line-height:18px; padding:0 0 10px 8px; background:url('/resources/image/design/gift/bull_01.gif') no-repeat left 5px } */
div.ticket_01 .col01 { color:#f65d00; font-weight:bold } 

/* 상품권 : 이용방법 */
div.ticket_02 { border-top:2px solid #d3d3d3; border-bottom:2px solid #d3d3d3; padding:20px 0 20px 0; margin-bottom:20px } 

/* 상품권 : 사용처 */
div.ticket_03 { border:2px solid #d3d3d3; padding:19px 19px 4px 19px; margin-bottom:20px } 
div.ticket_03 ul { padding-bottom: 5px } 
div.ticket_03 ul li { float:left; width:140px; padding-bottom:10px } 
div.ticket_03 .r6 { float:left; width:119px; padding-top:7px } 
div.ticket_03 .rf_r1 { padding-bottom: 0px } 
div.ticket_03 .rf_r3 { padding-bottom: 0px } 
div.ticket_03 .bay_r1 { padding-bottom: 0px } 
div.ticket_03 .bay_r2 { padding-bottom: 0px } 
div.ticket_03 .btn_1 { padding: 0px 0px 0px 45px } 
div.ticket_03 .btn { padding: 1px 0 6px 0 } 
div.ticket_03 .col01 { color:#f65d00; padding:0 0 5px 8px; background :url('/resources/image/design/gift/bull_02.gif') no-repeat left 5px } 
div.btn_center { padding-bottom:30px } 

/* 에그머니GT : 사용처 */
div.gt_card { border:2px solid #d3d3d3; padding:19px 19px 4px 19px; margin-bottom:20px } 
div.gt_card ul.img li { float:left; width:143px; padding-bottom:10px } 
div.gt_card ul.text li { float:left; width:119px; padding-bottom:10px; font-size: 11px } 
div.gt_card ul:after { content:""; display:block; clear:both } 
div.gt_card ul { *zoom:1 } 

/* 상품권 : 내정보입력 */
.col02 { color:#f65d00 } 

/* 틴캐시 */
div.list_tab04 .center { text-align:center } 
div.list_tab04 .col08 { color:#2d9204 } 
div.list_tab04 .col09 { color:#f31e1e } 
div.list_tab04 .txt { text-decoration: line-through } 
div.teen_info { text-align:center; font-size:11px; color:#f65d00; background-color:#fafafa; padding:15px 15px 15px 15px; margin-bottom:10px } 

/* 20130212_KT올레뮤직 추가/수정 */
div.list_tab04 ul li.k1 { margin-left:3px; margin-bottom:7px } 
div.list_tab04 div.k2 { position:absolute; margin-top:-20px; margin-left:225px } 

/* SKT메시지쿠폰 : 이용안내 */
div.ticket_05 { border:1px solid #dcdcdc; padding:20px; margin-bottom:20px; background-color:#f9f9f9 } 
div.ticket_05 .col06 { margin-bottom:0px } 
div.ticket_05 .col05 { font-weight:bold; color:#f65d00; padding: 0 0 5px 10px; background :url('/resources/image/design/gift/bull_01.gif') no-repeat left 3px } 
div.ticket_05 .col04 { padding-bottom:0px } 
div.ticket_05 .col03 { font-weight:bold; color:#4a4a4a; padding: 0 0 5px 10px; background :url('/resources/image/design/gift/bull_01.gif') no-repeat left 3px } 
div.ticket_05 .col02 { font-weight:bold } 
div.ticket_05 .col01 { color:#f65d00; font-weight:bold } 
div.ticket_05 ol li { margin-bottom:5px } 

/* SHOW쿠폰 : 주의사항 */
div.show_coupon_01 { padding:15px 0 0 0; background:url('/resources/image/design/gift/bg_line.gif') repeat-x left top; margin-bottom:20px } 
div.show_coupon_01 ol { padding:0 19px 0 15px } 
div.show_coupon_01 ol li { line-height:18px; padding:0 0 2px 8px; background:url('/resources/image/design/gift/bull_01.gif') no-repeat left 5px } 

/* 내구매내역_01 : tab */
div.myorder_tab { margin-bottom:20px } 
div.myorder_tab ul li { width:152px; height:34px; float:left; background:url('/resources/image/design/gift/tab2_myorder_00_bg.gif') no-repeat left top } 
div.myorder_tab img { margin-bottom:0; vertical-align:top } 
div.myorder_tab ul { border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf } 
div.myorder_tab .clear_aft a { display:block; height:100% }
form[name='tk_select02'] h6.base span.col02 { background:none; padding:0 } 

/*FAQ : 02 */
div.main_best { width:761px } 
div.main_best h6 { height:23px; border-bottom:1px solid #dbdbdb } 
/* div.main_best ol { padding-top:3px; margin:0px } */
div.main_best ol li { border:1px solid #ffffff } 
div.main_best ol li dl dd { display:none } 
div.main_best ol li.on dl dd { display:none } 
/* div.main_best ol li dl dt { background:url('/resources/image/design/customer/main_18.gif') no-repeat 8px 6px; padding:8px 10px 6px 38px; border-bottom:1px solid #dbdbdb; line-height:18px } */
/* div.main_best ol li dl dd { background:url('/resources/image/design/customer/main_19.gif') no-repeat 8px 6px; padding:8px 10px 10px 38px; border-bottom:1px solid #dbdbdb; line-height:18px } */

/* 개인정보 제3자 제공 */
div.agree_box { padding:10px 5px 5px 5px; height:250px; background-color:#f9f9f9; border:1px solid #e5e5e5 } 
div.agree_box h6 { height:20px } 
div.agree_box div.agree { padding:15px 20px; height:199px; overflow:auto; border:1px solid #cccccc; background-color:#ffffff; margin-bottom:5px; line-height:20px } 
div.nonmember_agree { color:#2f2f2f; text-align:right; padding-top:5px; margin-bottom:20px } 

/* 20130212_KT올레뮤직 추가/수정 */
div.main_03 { margin-bottom:20px; width:760px } 
div.main_03 { border:solid 1px #ccc; background-color:#f4f4f4 } 
div.main_03 ul { padding-bottom: 5px; *zoom:1 } 
div.main_03 ul:after { content:""; display:block; clear:both } 
div.main_03 ul li { float:left; width:253px; margin-bottom:10px } 
div.main_03 ul li.r1 { position:absolute; margin-left:5px; margin-right:16px; padding:20px 0 0 20px } 
div.main_03 ul li.r2 { position:absolute; margin-left:635px; padding:20px 20px 0 0 } 
div.main_03 ul li.r3 { margin-left:5px; margin-top:50px; margin-bottom:0 } 
div.main_04 { margin-bottom:20px } 
div.outvn { width:728px; background-color:#f4f4f4; padding:15px 16px 15px 17px } 

/* 20131127 */
div.layerPop { position:absolute; top: 100px; left:420px; width:250px; height:250px; display:none } 
div.layerPop div.btn_close img { position:relative; top:26px; left:223px; width:20px; height:20px } 

/* 20140321_레이어팝업 수정(백채원) */
div.layerPop p.eventPop { width:250px; height:250px; background:url('/resources/resources/image/design/gift/popup_main_02.gif') no-repeat'' } 
div.layerPop p.eventPop a.eventLink { position:absolute; width:250px; height:250px; left:0 } 

/* 20140319_해피머니이벤트 추가(백채원) */
div.content_in p.hpeventbox { width:761px; height:97px; background:url('/resources/image/design/gift/ticket_07_box.gif') no-repeat } 
div.content_in span.boxhelp { position:relative; top:74px; left:23px; font-size:12px } 
div.content_in input.battingticket { border:0; color:#FF0000; font-weight:bold } 
div.content_in p.evinfo { position:absolute; top: 278px; left:125px; width:590px; height:230px; background-color:#fff; padding:15px; border:2px solid #2d9204; font-size:11px } 

/* 20150113_메인개편 (이미화) */
div.main_tk { margin-bottom:5px } 
/* div.main_tk ul { padding-bottom:15px; *zoom:1 } */
div.main_tk ul:after { content:""; display:block; clear:both } 
/* div.main_tk ul li { float:left; width:184px; height:118px } */
/* div.main_tk ul li.b1 { margin-right:8px } 
div.main_tk ul li.b2 { margin-right:8px } 
div.main_tk ul li.b3 { margin-right:9px } */
div.main_bt { width:761px; padding-bottom:10px; *zoom:1; margin-top:30px } 
div.main_bt:after { content:""; display:block; clear:both } 
div.main_bt div.gift_bn { position:relative; float:left; width:376px; height:150px; background:url('/resources/image/design/gift/gift_bn.png') no-repeat; margin-right:18px } 
div.main_bt div.gift_bn a.b01 { position:absolute; top:11px; left:11px; width:354px; height:73px } 
div.main_bt div.gift_bn a.b02 { position:absolute; top:94px; left:11px; width:173px; height:45px } 
div.main_bt div.gift_bn a.b03 { position:absolute; top:94px; left:192px; width:173px; height:45px } 
div.main_bt div.gift_news { position:relative; float:left; width:360px; height:150px; background:url('/resources/image/design/gift/gift_news.png') no-repeat } 
div.main_bt div.gift_news p { padding:1px 0 13px 310px } 
div.main_bt div.gift_news dl dd a { display:block; width:350px; letter-spacing:-1px; padding-left:10px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -ms-text-overflow:ellipsis } 

/* 20150209_상품권개선 상세-문화상품권 (백채원) */
div.moneySelect { width:470px; padding-left:15px; overflow:hidden } 
div.moneySelect { *zoom:1 } 
div.moneySelect:after { content:""; display:block; clear:both } 
div.moneySelect table { width:100%; text-align:left; border-collapse:collapse } 
div.moneySelect table.sel01 { border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3 } 
div.moneySelect table.sel01 th { padding:10px 0 0 15px; height:45px } 
div.moneySelect table.sel01 td { padding:0 0 5px 15px; height:45px } 
div.moneySelect table.sel02 { margin-top:-1px } 
div.moneySelect table.sel02 th { border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:0 0 0 15px; height:45px } 
div.moneySelect table.sel02 td { padding:0 0 10px 0; height:45px; font-weight:bold } 
div.moneySelect table.sel02 span.color01 { color:#c1c1c1 } 
div.moneySelect table.sel02 span.color02 { color:#ec1b26 } 
div.moneySelect table.sel02 span.size01 { font-size:16px; line-height:normal; font-family:Tahoma, Geneva, sans-serif } 
div.moneySelect table.sel02 input.inpST01 { border:1px solid #e0e0e0; padding:3px 5px 1px 2px; line-height:14px; height:14px; width:115px; text-align:right } 
div.moneySelect table.sel02 span.size01 input { font-size:16px; line-height:normal; font-family:Tahoma, Geneva, sans-serif; border: 0px; text-align: right; color:#ec1b26; font-weight:bold } 
div.moneySelect div.eventTxt { border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; width:275px; height:20px; font-size:11px; color:#e76035; line-height:20px; font-weight:bold; text-decoration:blink; cursor:pointer } 
div.moneySelect div.eventTxt a { font-size:11px; color:#e76035; line-height:20px; font-weight:bold; text-decoration:blink } 
div.moneySelect ul { *zoom:1 } 
div.moneySelect ul:after { content:""; display:block; clear:both } 
div.moneySelect ul li { float:left } 
div.moneySelect ul li.list01 { font-weight:bold } 
div.moneySelect ul li.list02 { padding-left:37px; font-weight:bold } 
div.moneySelect ul li.list03 { padding:3px 0 0 0 } 
div.moneySelect ul li.list04 { float:right; font-size:11px } 
div.moneySelect div.selectBox { background:url('/resources/image/design/btn/btn_tiket_select.gif') no-repeat right #fff; border: 1px solid #dedede; width: 385px; height: 28px; text-align:left } 

/* 20150209 추가 */
div.moneySelect div.selectBox table.done td { height: 27px; padding-left:0 } 
div.moneySelect div.selectBox table.done td.selType { text-align:left; width:210px } 
div.moneySelect div.selectBox table.done td span.over { color:#999; font-size:11px; width:90px; display:inline-block } 
div.moneySelect div.selectBox table.done td.bgArrow { background:url('/resources/image/design/btn/bg_arrow.png') no-repeat center 5px; width:60px } 
div.moneySelect div.selectBox table.done td.selMoney { width:80px; padding-right:15px; text-align:right; font-weight:bold; color:#3e6fe2 } 
div.moneySelect div.selectBox a { padding:2px 17px 0px 5px; height:27px; color:#666; line-height:27px; overflow:hidden; text-decoration:none; display:block } 
@media not all { div.moneySelect div.selectBox a { line-height: 25px } 
 } 
div.moneySelect div.selectBox a:hover { text-decoration:none } 
div.moneySelect div.selectBox a:focus { text-decoration:none } 

/* 20150209 추가 */
div.moneySelect table.moneySelected th { font-size:12px; height:35px; padding-left:20px; text-align:left } 
div.moneySelect table.moneySelected tr { display: none } 
div.moneySelect table.moneySelected th.selMoney { padding-right:15px; text-align:right } 
div.moneySelect table.moneySelected th.selMoney span.color02 { color:#ec1b26 } 
div.moneySelect table.moneySelected th.selMoney input.color02 { color:#ec1b26; border:0; font-weight:bold; text-align:right } 
div.moneySelect table.moneySelected td { font-size:11px; background-color:#f9f9f9; border-bottom:1px dashed #dedede; height:45px } 
div.moneySelect table.moneySelected td.selType { padding-left:20px; text-align:left } 
div.moneySelect table.moneySelected td.selMoney { padding-right:15px; text-align:right; font-weight:bold } 
div.moneySelect table.moneySelected td span.over { color:#999; width:100px; display:inline-block } 
div.moneySelect table.moneySelected input.inpST02 { border:1px solid #e0e0e0; padding:3px 0 0px 0; height:16px; width:30px; text-align:center } 
div.selectBoxOpen { width:383px; border:2px solid #9299ab; position:absolute; top:182px; left:368px; background-color:#fff; z-index:30; display:none } 
div.selectBoxOpen table { width:100%; border-collapse:collapse; display: inline } 
div.selectBoxOpen table td { height:24px; font-size:11px } 
div.selectBoxOpen table td.selType { padding-left:20px; text-align:left; width:230px } 
div.selectBoxOpen table td span.over { color:#999; font-size:11px; width:90px; display:inline-block } 
div.selectBoxOpen table td.bgArrow { background: url('/resources/image/design/btn/bg_arrow.png') no-repeat center 5px; width:60px } 
div.selectBoxOpen table td.selMoney { width:80px; padding-right:15px; text-align:right; font-weight:bold; color:#3e6fe2 } 
div.selectBoxOpen a { display:inline-block; width:100% } 
div.selectBoxOpen a:hover { text-decoration: none; background-color:#e4eaf9; cursor:pointer } 
div.selectBoxOpen a:focus { text-decoration: none; background-color:#e4eaf9; cursor:pointer } 
div.moneySelect table.sel01 td.agree { height:20px; font-size:11px; letter-spacing:-1px } 
p.link_Xcoin01 { position:relative; background: url('/resources/image/design/gift/img_ticket_13.jpg') no-repeat; width:275px; height:215px } 
p.link_Xcoin01 a { position:absolute; top:145px; left:143px; width:125px; height:28px } 
p.link_Xcoin02 { position:relative; background: url('/resources/image/design/gift/box2_ticket_13.gif') no-repeat; width:761px; height:137px } 
p.link_Xcoin02 a { position:absolute; top:111px; left:385px; width:140px; height:16px } 
div.moneySelect ul li.list05 { padding-left:10px; font-weight:bold; line-height:20px } 
div.moneySelect .blue_02 { font-weight:bold } 
div.moneySelect ul li.list02 span { font-weight:normal; letter-spacing:-0.05em; font-size:11px } 

/* 20150507_상품권샵 내 구매내역 : gift_table 01 (백채원) */
div.gift_table01 { border-top:2px solid #333333; margin-bottom:20px } 
table.gift_table01 { width:100%; table-layout:fixed } 
table.gift_table01 th { color:#565656; font-size:11px; font-weight:bold; background-color:#f9f9f9; border-bottom:1px solid #e6e6e8; padding:15px 0; border-right:1px solid #e6e6e8 } 
table.gift_table01 td { border-bottom:1px solid #e6e6e8; text-align:center; padding:9px 0 5px 0 } 
table.gift_table01 td.small { font-size:11px } 
table.gift_table01 td.left { padding:9px 0 5px 10px; text-align:left } 
table.gift_table01 td.price01 { padding:9px 10px 5px 0; text-align:right; color:#ff3000; font-weight:bold } 
table.gift_table01 td.price02 { padding:9px 10px 5px 0; text-align:right; font-weight:bold } 
table.gift_table01 td.nodata { padding:23px 0 20px 0 } 
table.gift_table01 .end { border-right:0px solid } 
table.gift_table01 .col01 { color:#d60500 } 
table.gift_table01 .btn_pin_detail { display:inline-block }

/* 20150730_상품권샵2차개선_메인/상세 (김혜미) */
div.main_tk ul li { position:relative } 
/* div.main_tk ul li span.over { display:inline-block; width:184px; height:31px; position:absolute; left:0; bottom:0; background:url('/resources/image/design/gift/label_over.png') no-repeat; cursor:pointer } */
div.main_tk ul li a { display:block; height:118px } 
/* div.main_tk ul li a span.event { display:inline-block; width:43px; height:43px; position:absolute; right:0; top:0; background:url('/resources/image/design/gift/label_event.png') no-repeat } 
div.main_tk ul li a span.sale { display:inline-block; width:43px; height:43px; position:absolute; right:0; top:0; background:url('/resources/image/design/gift/label_sale.png') no-repeat } 
div.main_tk ul li a span.new { display:inline-block; width:43px; height:43px; position:absolute; right:0; top:0; background:url('/resources/image/design/gift/label_new.png') no-repeat } */
/* div.main_tk ul li a span.talkbox { display:inline-block; width:184px; height:19px; line-height:18px; color:#fff; text-align:center; padding-top:10px; overflow:hidden; position:absolute; left:0; bottom:0; background:url('/resources/image/design/gift/talkbox.png') no-repeat } */
/* div.info_l { float:left; width:231px; height:122px; margin-left:40px } */
/* div.info_r { float:right; width:430px; margin-left:20px; margin-right:40px; position:relative } */
div.info_r div.eventTxt { position:absolute; top:0; right:0; border:0; width:180px; height:20px; text-align:right; overflow:hidden } 
div.info_r div.eventTxt a { font-size:11px; color:#e76035; line-height:20px; font-weight:bold; text-decoration:blink } 
/* div.mileage_check { border-top:1px dashed #d2d2d2; border-bottom:1px solid #d2d2d2; margin-bottom:20px; overflow:hidden } */
/* div.mileage_check div.mc { width:540px; margin:13px auto; overflow:hidden } 
div.mileage_check div.mc div { height:19px; line-height:19px } 
div.mileage_check div.mc_l { float:left; width:320px; text-align:right; font-weight:bold } 
div.mileage_check div.mc_l a img { margin-bottom:1px } 
div.mileage_check div.mc_r { float:right; width:179px; padding-left:20px; text-align:left; border-left:1px solid #d2d2d2; font-weight:bold } */

/* 20150803_상품권샵2차개선_구매팝업 (김혜미) */
div.mileageMall_slt { width:570px; margin:0 auto } 
div.mileageMall_slt div.tit { margin-bottom:10px; position:relative; overflow:hidden; height:15px } 
div.mileageMall_slt div.tit a { position:absolute; right:0; top:-1px } 
div.mileageMall_slt table.sel01 { table-layout:fixed; width:100%; font-weight:bold; border-top:1px solid #cfcfcf; margin-bottom:20px } 
div.mileageMall_slt table.sel01 td { height:28px; border-bottom:1px solid #cfcfcf } 
div.mileageMall_slt table.sel01 td.selMoney2 { padding-right:10px } 
div.mileageMall_slt table.sel01 td.bgArrow { background:url('/resources/image/design/gift/bg_arrow.gif') no-repeat right 50% } 
div.mileageMall_slt table.sel01 td.bgArrow p { background:#fff; display:inline; padding-right:10px } 
div.mileageMall_slt table.sel01 td.selType { text-indent:10px } 
div.mileageMall_slt table.sel01 td.selType span.over { font-size:11px; color:#b0b0b0; font-weight:normal } 
div.mileageMall_slt table.sel01 td.selType del { color:#b0b0b0 } 
div.mileageMall_slt table.sel01 td input.inpST02 { width:20px; height:17px; line-height:20px; text-align:center; float:left; border:1px solid #e9e9e9 } 
div.mileageMall_slt table.sel01 td.selNumber a { float:left } 
div.mileageMall_slt table.sel01 td.selMoney { text-indent:10px } 
div.mileageMall_slt table.sel01 td.selMoney2 { color:#d60500; text-align:right } 
div.mileageMall_slt table.sel02 { table-layout:fixed; width:100%; border-top:2px solid #333 } 
div.mileageMall_slt table.sel02 td { border-top:1px solid #cfcfcf; padding:5px 0 5px 15px } 
div.mileageMall_slt table.sel02 td:first-child { border-right:1px solid #cfcfcf; padding-left:10px } 
div.mileageMall_slt table.sel02 td.sel02_fst { border-top:0 } 
div.mileageMall_slt table.sel02 td input.inpST01 { width:90px; height:17px; line-height:20px; text-align:right; border:1px solid #e9e9e9; padding:0 5px; font-weight:bold } 
div.mileageMall_slt table.sel02 .holdPoint { font-weight:bold } 
div.mileageMall_slt table.sel02 td.priceTotal { color:#d60500; font-weight:bold } 
div.mileageMall_slt p.info { margin-bottom:70px; padding-top:7px; color:#747474; font-size:11px; border-top:1px solid #333 } 
div.mileageMall_slt p.info.info_pop_culture {background: #d60500; color: #fff; padding: 5px 10px;}
div.mileageMall_slt p.info span { color:#2b76eb; font-weight:bold; margin-right:10px } 
div.mileageMall_slt .btn { position:fixed; bottom:20px; left:0; width:100% } 

/* 20151012 구매하기팝업-터치패치 탭 추가 (김혜미) */
ul.slt_tab { position:absolute; top:10px; right:60px } 
ul.slt_tab li { float:left; width:90px; position:relative } 
span.slt_tab_evt_on { position:absolute; top:-10px; left:15px; width:47px; height:18px; background:url('/resources/image/design/gift/tab05_event_on.png') no-repeat } 
span.slt_tab_evt_off { position:absolute; top:-10px; left:15px; width:47px; height:18px; background:url('/resources/image/design/gift/tab05_event_off.png') no-repeat } 

/* 20151020 구매내역 내 상품권핀번호 추가 (김혜미) */
table.gift_table01 td.pin { line-height:15px; word-break:break-all } */
table.gift_table01 td.pin2 { letter-spacing:-0.05em; line-height:15px }
table.gift_table01 td.small { line-height:15px }

/* 20160225 스포라이브 상품권 추가 (김혜미) */
a.link_spo { position:absolute; top:45px; left:318px; display:inline-block; width:125px; height:55px } 

/* 20160708 비트코인 상세페이지 내 배너 추가 (김혜미) */
div.bitcoinBanner { position:relative; width:100%; height:170px; margin-bottom:20px; background:url('/resources/image/design/gift/bitcoin_01.jpg') no-repeat } 
div.bitcoinBanner a.bit01 { width:235px; height:60px; position:absolute; top:20px; right:20px } 
div.bitcoinBanner a.bit02 { width:235px; height:60px; position:absolute; top:90px; right:20px } 

/* 20170626 리니지M 쿠폰 상품권 추가 (김혜미) */
p.link_lngm { position:relative; height:373px; background:url('/resources/image/design/gift/box4_ticket_67.jpg') no-repeat } 
p.link_lngm a { position:absolute; left:0; top:193px; width:100%; height:25px } 

/* 20171215 티캐시 이용방법 버튼 추가 */
.tcash_info { position:relative; height:206px; background:url('/resources/image/design/gift/box2_ticket_69.gif') no-repeat } 
.tcash_info a { position:absolute; top:101px; left:493px; width:40px; height:18px } 
.tcash_info a:first-child { left:414px; width:75px } 

/* 20171215 티캐시 이용방법 버튼 추가 */
.method_app { position:relative } 
.method_app .btn_android { position:absolute; top:101px; left:414px; width:75px; height:18px } 
.method_app .btn_ios { position:absolute; top:101px; left:493px; width:40px; height:18px } 

/* 20200117 티캐시 qr코드 추가 */
.qr_box { position:relative; height:130px; margin-top:15px; margin-bottom:40px; border:1px solid #eaeef7 } 
.qr_box .qr_txt { position:absolute; top:50%; left:20px; transform:translate(0, -50%); font-family:notoKR } 
.qr_box .qr_txt h3 { margin-bottom:20px; font-size:20px; font-weight:400; color:#202153 } 
.qr_box .qr_txt p { font-size:14px; color:#616781 } 
.qr_box .qr_txt p.emphasis { margin-top:8px; color:#ff3066 } 
.qr_box .qr_code { position:absolute; top:50%; right:20px; transform:translate(0, -50%) } 
.qr_box .qr_code .qr_img { position:relative; width:64px; height:64px; margin:0 auto; border:1px solid #b7c1d9; box-sizing:border-box; overflow:hidden } 
.qr_box .qr_code .qr_img.off { border:none } 
.qr_box .qr_code .qr_img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) } 
.qr_box .qr_code > a { display:block; width:129px; height:29px; margin-top:5px; background:#716ace; border-radius:20px; line-height:29px; font-family:notoKR; font-size:12px; text-align:center; color:#fff } 
.qr_box .qr_code > a:hover { background:linear-gradient(to right,#8a39ce,#635bca); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#8a39ce', endColorstr='#635bca') } 

/* 20221212 상품권샵 ui개편진행 */
.content_in.gift_shop_wrap { font-family: Malgun Gothic; } 
.gift_shop_wrap .tab_type02 { margin: 38px 0 30px; } 
.gift_shop_wrap h6.base { font-size: 14px; font-weight: bold; color: #120b3d; height: inherit; margin-bottom:20px; } 
.gift_shop_wrap .main_tk ul + ul { margin-top: 20px; } 
.gift_shop_wrap .main_tk ul li { float: left; width: 240px; height: 200px; box-sizing: border-box; } 
.gift_shop_wrap .main_tk_mob ul li { width: 370px; } 
.gift_shop_wrap .main_tk ul li+li { margin-left: 20px; } 
.gift_shop_wrap .main_tk ul li a { display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 100%; padding-top: 28px; box-sizing: border-box; border: 1px solid #e0e7f7; border-radius: 10px; transition: border .3s; } 
.gift_shop_wrap .main_tk ul li a:hover { border: 1px solid #635bca; } 
.gift_shop_wrap .main_tk ul li a span.over { font-size: 14px; display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 40px; height: 40px; text-align: center; padding-left: 30px; color: #635bca; border-top: 1px solid #e0e7f7; background: url(/resources/image/design/gift/ico_cart.png) no-repeat center left 73px; box-sizing: border-box; } 
.gift_shop_wrap .main_tk_mob ul li a span.over { background: url(/resources/image/design/gift/ico_cart.png) no-repeat center left 137px; } 

.gift_shop_wrap .main_tk ul li a img {margin-top: -13px;}
.gift_shop_wrap .main_tk ul li .text_box {order: -1;text-align: center;}
.gift_shop_wrap .main_tk ul li .text_box p {font-size: 14px; font-weight: bold; display: inline-block; color: #4b4863; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width: 225px; text-align: center;} 
.gift_shop_wrap .main_tk ul li .text_box span.talkbox {display: block;font-size: 11px;font-weight: 300;color: #635bca;margin-top: 2px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width: 225px; text-align: center;}
.gift_shop_wrap .main_tk_mob ul li .text_box p {width: 355px;}
.gift_shop_wrap .main_tk_mob ul li .text_box span.talkbox {width: 355px;}
.gift_shop_wrap .main_tk ul li a span.over img { margin-right: 15px; } 
.gift_shop_wrap .main_tk ul li a span.event,
.gift_shop_wrap .main_tk ul li a span.sale,
.gift_shop_wrap .main_tk ul li a span.new { line-height: 1; letter-spacing: -1px; font-size: 9px; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; display:inline-block; padding: 5px; position:absolute; right:6px; top:6px; color: #fff; background: #635bca; border-radius: 0 9px 0 9px; } 
.gift_shop_wrap .main_tk ul li a span.sale::before { content: "SALE"; display: block; } 
.gift_shop_wrap .main_tk ul li a span.event::before { content: "EVENT"; display: block; } 
.gift_shop_wrap .main_tk ul li a span.new::before { content: "NEW"; display: block; } 

/* 상품권 정보 */
.gift_shop_wrap .ticket_01 { padding: 18px 20px; margin-bottom: 20px; background: #ecf2ff; border: 1px solid #cfcbff; border-radius: 10px; } 
.gift_shop_wrap .ticket_01 li { line-height: 20px; font-size: 14px; color: #5076e4; padding: 0; background: none; }
.gift_shop_wrap .box_info .box_info_item { display: flex; height: 204px; border: 1px solid #e0e7f7; }
.gift_shop_wrap .box_info .box_info_item > div { width: 50%; }
.gift_shop_wrap .box_info .box_info_item .img_gift { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 30px; }
.gift_shop_wrap .box_info .box_info_item .img_gift a { position: relative; display: inline-block; margin-top: 20px; /* text-decoration: underline; */}
.gift_shop_wrap .box_info .box_info_item .img_gift a::before { position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 1px; background: #616781; }

.gift_shop_wrap .box_info .box_info_item .mileage_check { border-left: 1px solid #e0e7f7; }
.gift_shop_wrap .box_info .box_info_item .mileage_check > div { padding: 20px 20px 0; height: 50%; box-sizing: border-box; }
.gift_shop_wrap .box_info .box_info_item .mileage_check .mc_r { border-top: 1px solid #e0e7f7; }
.gift_shop_wrap .box_info .box_info_item .mileage_check p { position: relative; line-height: 20px; padding-left: 26px; margin-bottom: 20px; color: #888; }
.gift_shop_wrap .box_info .box_info_item .mileage_check .mc_l p::before { content: ""; position: absolute; left: 0; width: 20px; height: 20px; background: url(/resources/image/design/gift/ico_m.png) no-repeat; }
.gift_shop_wrap .box_info .box_info_item .mileage_check .mc_r p::before { content: ""; position: absolute; left: 0; width: 20px; height: 20px; background: url(/resources/image/design/gift/ico_p.png) no-repeat; }
.gift_shop_wrap .box_info .box_info_item .mileage_check span { font-weight: bold; font-size: 14px; color: #888; }
.gift_shop_wrap .box_info .box_info_item .mileage_check .num { font-size: 24px; margin-right: 3px; color: #635bca; }
.gift_shop_wrap .box_info .box_info_item .box_num { display: flex; justify-content: space-between; }
.gift_shop_wrap .box_info .box_info_item .mileage_check a { font-weight: bold; display: inline-block; padding: 4px 10px; margin-top: -5px; border: 1px solid #b7b9c5; border-radius: 2px; }
.gift_shop_wrap .list_use { padding: 20px 16px; border: 1px solid #e0e7f7; border-top: none; }
.gift_shop_wrap .list_use.list_notice { background: #f6faff; }
.gift_shop_wrap .list_use.list_notice_alone { margin-top: 60px; background: #f6faff; border: 1px solid #dbebff; }
.gift_shop_wrap .list_use li.list_use_title { font-weight: bold; margin-bottom: 15px; color: #5076e4; padding-left: 0;}
.gift_shop_wrap .list_use li:not(.list_use_title) + li:not(.list_use_title) { margin-top: 8px; }
.gift_shop_wrap .list_use li:not(.list_use_title) { position: relative; padding-left: 8px; }
.gift_shop_wrap .list_use li:not(.list_use_title)::before { content: ""; position: absolute; top: 6px; left: 0; width: 2px; height: 2px; background: #7d818a; }
.gift_shop_wrap .list_use li span { font-weight: bold; }
.gift_shop_wrap .box_info .sell { text-align: center; margin-top: 20px; }
.gift_shop_wrap .box_info .sell a { font-size: 14px; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; width: 166px; height: 49px; color: #fff; background: #635bca; }
.gift_shop_wrap .main_best { margin-top: 38px; }
.gift_shop_wrap .main_best h6.base { padding-bottom: 20px; margin-bottom: 0; border-bottom: 1px solid #120b3d; }
.gift_shop_wrap .main_best ol li { border: none; }
.gift_shop_wrap .main_best ol li dl { border-bottom:1px solid #b7b9c5; cursor: pointer; }
.gift_shop_wrap .main_best ol li dl dt { padding: 29px 30px; position: relative; }
.gift_shop_wrap .main_best ol li dl dt::before { content: "Q"; position: absolute; top: 28px; left: 0; font-family: 'Apple SD Gothic Neo'; font-size: 14px; font-weight: bold; color: #635bca; }
.gift_shop_wrap .main_best ol li dl dt a { font-weight: bold; color: #4b4863; }
.gift_shop_wrap .main_best ol li dl dd { position: relative; line-height: 20px; padding:20px 24px 20px 50px; margin: 0 0 20px 30px; color: #888888; background: #f1f2f4; border-radius: 10px; cursor: default; }
.gift_shop_wrap .main_best ol li.on dd { display: block; }
.gift_shop_wrap .main_best ol li.on dl dt { padding: 29px 30px 19px; }
.gift_shop_wrap .main_best ol li dl dd::before { content: "A"; position: absolute; top: 20px; left: 20px; font-family: 'Apple SD Gothic Neo'; font-size: 14px; font-weight: bold; color: #635bca; }
/* 내 구매내역 */
.gift_shop_wrap .tab_type03 { margin-bottom: 20px; } 
.gift_shop_wrap .tab_type03 li { width: auto; } 
.gift_shop_wrap .tab_type03 li .btn { font-size: 14px; padding: 0 15px 10px; color: #7e86a8; box-sizing: border-box; } 
.gift_shop_wrap .tab_type03 li.on .btn { color: #635bca; } 
.gift_shop_wrap .myorder_tab { display: flex; flex-wrap: wrap; } 
.gift_shop_wrap .myorder_tab li { width: 144px; height: 50px; margin-top: 10px; } 
.gift_shop_wrap .myorder_tab li+li { margin-left: 10px; } 
.gift_shop_wrap .myorder_tab li:nth-of-type(1),
.gift_shop_wrap .myorder_tab li:nth-of-type(2),
.gift_shop_wrap .myorder_tab li:nth-of-type(3),
.gift_shop_wrap .myorder_tab li:nth-of-type(4),
.gift_shop_wrap .myorder_tab li:nth-of-type(5) { margin-top: 0; } 
.gift_shop_wrap .myorder_tab li:nth-of-type(5n + 1) { margin-left: 0; } 
.gift_shop_wrap .myorder_tab li a { font-weight: bold; display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #4b4863; border: 1px solid #e0e7f7; border-radius: 10px; box-sizing: border-box; } 
.gift_shop_wrap .myorder_tab li.small a { font-size: 11px; } 
.gift_shop_wrap .myorder_tab li.on a { color: #635bca; border: 1px solid #635bca; } 


.gift_shop_wrap .tk_select02_title { display: flex; justify-content: space-between; margin-top: 30px; } 
.gift_shop_wrap .tk_select02_title h6 span { font-size: 12px; font-weight: normal; margin-left: 10px; color: #616781; } 
.gift_shop_wrap .tk_select02_title .tk_select02_btn { display: flex; } 
.gift_shop_wrap .tk_select02_title .tk_select02_btn li+li { margin-left: 6px; } 
.gift_shop_wrap .tk_select02_title .tk_select02_btn a { font-weight: bold; display: inline-block; padding: 3px 10px; background: #f1f2f4; border: 1px solid #b7b9c5; } 
.gift_shop_wrap .gift_table { border: 1px solid #e3e5e9; border-left: none; border-right: none; border-collapse: collapse; box-sizing: border-box; table-layout: fixed; } 
.gift_shop_wrap .gift_table th { font-weight: bold; height: 62px; padding: 0; color: #666; background: #f1f2f4; border: 1px solid #e3e5e9; box-sizing: border-box; } 
.gift_shop_wrap .gift_table td { height: 62px; padding: 0; color: #303030; text-align: center; border: 1px solid #e3e5e9; box-sizing: border-box; word-break: break-all; } 
.gift_shop_wrap .gift_table td.small { color: #888; } 
.gift_shop_wrap .gift_table td.pin > a { font-size: 11px; display: inline-block; padding: 3px 15px; color: #fff; background: #666; border: 1px solid #333; border-radius: 3px; box-sizing: border-box; } 
.gift_shop_wrap .gift_table td.price01,
.gift_shop_wrap .gift_table td.price02 { letter-spacing: -.5px; white-space: nowrap; font-weight: bold; text-align: right; padding-right: 10px; } 
.gift_shop_wrap .gift_table td.price01 { color: #1f97fd; } 
.gift_shop_wrap .gift_table th:first-child,
.gift_shop_wrap .gift_table th:last-child,
.gift_shop_wrap .gift_table td:first-child,
.gift_shop_wrap .gift_table td:last-child { border-left: none; border-right: none; } 
.gift_shop_wrap .gift_table td.barcode { position: relative; } 
.gift_shop_wrap .gift_table td a.barcode { position: relative; display: inline-block; color: #1f97fd; } 
.gift_shop_wrap .gift_table td a.barcode::before { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #a8cffe; } 
.gift_shop_wrap .pagination { display: flex; justify-content: center; margin-top: 40px; } 
.gift_shop_wrap .pagination a { font-family: notoKR; font-size: 10px; display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; color: #000; border: 1px solid #dadada; box-sizing: border-box; } 
.gift_shop_wrap .pagination a:not(.arw)+a:not(.arw) { border-left: none; } 
.gift_shop_wrap .pagination a.on { color: #fff; background: #000; } 
.gift_shop_wrap .pagination a.prev { margin-right: 6px; background: url(/resources/image/design/gift/ico_pagi_prev.png) no-repeat center; } 
.gift_shop_wrap .pagination a.next { margin-left: 6px; background: url(/resources/image/design/gift/ico_pagi_next.png) no-repeat center; } 
/* 바코드 팝업 */
.gift_shop_wrap .pop_barcode { position: absolute; top: -13px; left: -330px; display: none; width: 280px; height: 120px; padding: 18px 0 25px; background: #fff; border: 1px solid #616161; box-sizing: border-box; -webkit-box-shadow: 0px 0px 4px 3px rgba(183,186,194,0.46); box-shadow: 0px 0px 4px 3px rgba(183,186,194,0.46); } 
.gift_shop_wrap .pop_barcode.on { display: block; } 
.gift_shop_wrap .pop_barcode .btn_close { position: absolute; top: 10px; right: 10px; } 
.gift_shop_wrap .pop_barcode h6 { font-weight: bold; font-size: 14px; color: #231f20; } 
.gift_shop_wrap .pop_barcode h6 span { color: #51a7fd; margin-left: 7px; } 
.gift_shop_wrap .pop_barcode p { color: #231f20; margin-top: 8px; margin-bottom: 15px; } 
/* 기존 페이지네이션 */
.gift_pagination {margin-top: 30px;}

/* 컬쳐랜드 사용처 변경 안내 팝업 (해당 팝업 종료시 추후 삭제) */
.fix_pop.pop_cultureland .layerBox_ty03 {width: 418px;height: 454px;background:url('/resources/image/design/gift/pop_cultureland.jpg') no-repeat;border: none;}
.fix_pop.pop_cultureland .layerBox_ty03 .close {text-align: right;}
.fix_pop.pop_cultureland .layerBox_ty03 .close a {display: inline-block;width: 25px;height: 25px;margin: 14px 16px 0 0;}
.fix_pop.pop_cultureland .layerBox_ty03 .cont {margin-top: 68px;text-align: center;}
.fix_pop.pop_cultureland .layerBox_ty03 h3 {font-size: 21px;font-weight: 300;color: #800008;}
.fix_pop.pop_cultureland .layerBox_ty03 p {line-height: 24px;font-size: 16px;font-weight: 300;margin-top: 70px;color: #000;}
.fix_pop.pop_cultureland .layerBox_ty03 p b {font-weight: 500;}
.fix_pop.pop_cultureland .layerBox_ty03 p span {color: #e6000f;}
.fix_pop.pop_cultureland .layerBox_ty03 .link {margin-top: 30px;}
.fix_pop.pop_cultureland .layerBox_ty03 .link a {display: inline-block;font-size: 13px;line-height: 40px;width: 152px;height: 40px;color: #fff;background: #000;}
.fix_pop.pop_cultureland .layerBox_ty03 .link a+a {margin-left: 9px;}
.fix_pop.pop_cultureland .layerBox_ty03 .box_day {margin-top: 27px; margin-right: 20px;text-align: right;}
.fix_pop.pop_cultureland .layerBox_ty03 .box_day input {margin: 0 5px 0 0;}
.fix_pop.pop_cultureland .layerBox_ty03 .box_day label {color: #d7dbe3;}

/*26.03.19 gift off*/
.gift_shop_wrap .box_info .box_info_item .img_gift.off5,
.gift_shop_wrap .main_tk ul li.off5 a{
 position:relative;
 z-index: 1;
}
.gift_shop_wrap .main_tk ul li.off5::before{
 content: "";
 background: url(/resources/image/design/gift/img_gift_5off.png) no-repeat center center;
 width: 52px;
 height: 52px;
 position: absolute;
 top: 5px;
 right: 5px;
 background-size: 52px;
 z-index: 0;
}
.gift_shop_wrap .box_info .box_info_item .img_gift.off5::before{
 content: "";
 background: url(/resources/image/design/gift/img_gift_5off.png) no-repeat center center;
 width: 78px;
 height: 78px;
 position: absolute;
 top: 5px;
 right: 5px;
 background-size: 78px;
 z-index: 0;
}