/* 채널계고도화 프로젝트 - ASIS 그대로 쓰는 화면 있어서 가져온 css - 신규 개발할 때 위의 global폴더 안에 있는 css, images, js 절대로 가져다 쓰지 말것 - 2025-12-17 */
@charset "utf-8";
@import url('normalize.css');
@import url('layout.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
body { font-family:'Noto Sans KR','Apple SD Gothic Neo','AppleGothic','Meiryo UI','Malgun Gothic','Dotum','sans-serif'; background-color:#FFFFFF; }
body,html { height:100%; font-size:12px; }
caption { display: none; }

/* 전체 디자인 틀 */
#headers { border-top:2px solid #009BD7; border-bottom:1px solid #CACACA; background-color:#FFFFFF; box-shadow:0 2px 4px rgba(200, 200, 200, 0.6); }
#headers { position:relative; padding:15px 0 8px; z-index:1; text-align: center; height:26px;}
#headers .btn-home { top: 7px; left: 11px; position: absolute; }
#headers .btn-home a { display: block; width: 32px; height: 34px; background: url('/WebContent/global/images/btn_head.png') -96px 0 no-repeat; background-size: auto 34px; }
#footers { padding:10px 0px 36px 0px; background-color:#4A4E55; z-index:1; margin:0 auto; }
#footers .btn-lang { display:table; width:320px; margin:0 auto; border-collapse:separate;border-spacing:10px; }
#footers .btn-lang a { display:table-cell; border:1px solid #777777; width:90px; height:30px; line-height: 30px; color:#ffffff; background: #5e626b; }
#footers .copyright { padding:0 15px; font-weight:300; font-size:12px; line-height:20px; color:#a5a8af; }
#footers p, #footers a { text-align:center; }
#main { }

/* 공통요소 */
.boxer-group { position:relative; width: 320px; }
.boxer-group.x2 { margin:0 auto; width:320px; }
.boxer-group.x2:before,
.boxer-group.x2:after { content:""; clear:both; display:table; width:100%; overflow:hidden; }
.boxer-group.x2 > .boxer { float:left; margin:0 0 0 15px; }
.boxer-group.x2 > .boxer:first-child { margin:0; }
.boxer-group.odd { left:0px; }
.boxer-group.even { left:65px; }
.boxer { display:table; width:115px; height:130px; background:url('/WebContent/global/images/bg_boxer_m.png') no-repeat 0 0; overflow:hidden; }
.boxer > .inner { display:table-cell; width:100%; height:100%; font-weight:500; font-size:15px; text-align:center; vertical-align:middle; }
.boxer > .inner > a { line-height:120%; color:#333333; text-decoration:none; }
.boxer > .inner.x2 { padding:0 10px; }
.boxer > .inner.x2 > a { display:block; padding:10px 0; font-size:12px; border-top:1px solid #737373; }
.boxer > .inner.x2 > a:first-child { border:none; }
.boxer > .inner.view-point > a { color:#fff !important; font-size:20px !important; line-height: 90%!important; }
.boxer > .inner.view-point em { font-size:12px !important; }
.boxer.smile { background-position:0 0; }
.boxer.orange { background-position:-115px 0; }
.boxer.yellow { background-position:-233px 0; }
.boxer.blue { background-position:-351px 0; }
.boxer.white { background-position:-469px 0; }
.boxer.grey { background-position:-587px 0; }

.hgroup { padding:20px 20px; }
.hgroup:before,
.hgroup:after { content:""; clear:both; display:table; width:100%; overflow:hidden; }
.hgroup > h2 { float:left; margin:0 20px 0 0; font-size:21px; color:#202020; }
.hgroup > .summary { float:left; padding:12px 0 0; font-weight:300; font-size:14px; color:#666666; }

.greetings { padding:42px 0; font-size:13px; line-height:21px; color:#424242; text-align:center; background:#f7f7f7; }
.greetings > p:first-child { margin:0 0 20px; }
.greetings img { width:210px; }

.hide_txt { position: absolute; display: inline-block; overflow: hidden; clip: rect(1px 1px 1px 1px);  width: 1px; height: 1px; font-size: 1px; line-height: 0; }

/* #main - 콘텐츠*/
.hexa-wrap { margin:32px 0px 32px; background: url('/WebContent/global/images/bg_special_m.png') no-repeat 0 0; background-position: center; overflow: hidden; }
.hexa-wrap .boxer-group { top:-10px; }
.hexa-wrap .boxer-group:first-child { top:0; }
.hexa-wrap .boxer-group.third { top:-20px; }

/* #login - 로그인 */
.sign-in-container { margin:0 auto; }
.sign-in-container > .caption { padding:20px 0px; margin:0px 10px; font-weight:300; font-size:12px; color:#666666; text-align:center; border-bottom:1px solid #555555; }
.sign-in-container > .caption b { margin:0 10px 0 0; font-weight:600; font-size:22px; color:#009BD7; }
.login-group { position:relative; }
.login-group legend { position:absolute; visibility:hidden; }
.login-group .auth-form { position:relative; margin:30px 10px; }
.login-group .auth-form .auth-input { position:relative; }
.login-group .auth-form .auth-input:first-child { margin:0 0 10px; }
.login-group .auth-form .auth-input > label { position:absolute; left:0; right:0; top:0; bottom:0; padding:0 10px; width:100%; font-size:13px; line-height:40px; color:#999999; box-sizing:border-box; }
.login-group .auth-form .auth-input > input { padding:10px; width:100%; height:40px; color:#999999; border:1px solid #DDDDDD; box-sizing:border-box; }
.login-group .auth-form .auth-input > input:first-child { margin:0; }
.login-group .auth-form .auth-submit { text-align: center; margin:20px 0px; }
.login-group .auth-form button { width:190px; height:55px; background:#009BD7; border:0; font-size:22px; color:#ffffff; border-radius:4px; }
.login-group .saved { margin:10px auto 0; width:100%; font-weight:300; font-size:13px; color:#666666; }
.login-group .social-login { margin:30px auto 0; padding:20px 0; width:100%; }
.login-group .social-login > div { vertical-align:middle; }
.login-group .social-login .label { font-size:14px; color:#444444; text-align: center; margin-bottom:20px; }
.login-group .social-login .action { display:table; margin:0 auto; }
.login-group .social-login .action a { display:table-cell; text-align:center; }
.login-group .social-login .action img { width:120px; margin:0px 5px; }
.login-group .find-userinfo { display:table; margin:0 auto; padding:20px 0; width:100%; }
.login-group .find-userinfo > div { display:table-cell; vertical-align:middle; }
.login-group .find-userinfo .label { padding:0 0 0 8px; font-size:11px; color:#666666; background:url("/WebContent/global/images/ico_bullet.png") no-repeat 0 center; }
.login-group .find-userinfo .action { text-align:center; }
.login-group .find-userinfo .action span { padding:0px 5px 0px 5px; }
.login-group .auth-form2 { position:relative; margin:30px auto 0; width:100%; background:#f7f7f7; padding-bottom:32px; }
.login-group .auth-info { background:#e2e2e2; padding:20px; line-height: 18px; margin:0px 10px; color:#666666; }

/* #sub-contents - 제휴사 안내 */
#sub-contents { margin:0 auto; width:100%; }
.benefits-view { padding:0px 20px; margin-bottom:10px; font-size:100%; line-height:150%; color:#666666; text-align:center; }
.benefits-view .thumb { padding:10px 0; }
.benefits-view .thumb img { width:210px; }
.more-view { display:table; height:32px; margin:20px 0px 20px 0px; margin:0 auto; border-collapse: separate; border-spacing: 5px; }
.more-view a.btn-affiliates1 { display:table-cell; width:142px; height:32px; line-height:32px; color:#fff; background:#5f6267; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:11px; margin-right: 5px; }
.more-view a.btn-affiliates2 { display:table-cell; width:142px; height:32px; line-height:32px; color:#fff; background:#009BD7; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:11px; }

.affiliate { margin:30px 0px 30px;  }
.affiliate .count { padding:10px; font-size:13px; color:#555555; text-align:right; }
.affiliate .count b { color:#FF0000; }
.affiliate .categories { text-align: center; background:#f7f7f7; }
.affiliate .categories a { display:inline-block; width:107px; height:47px; padding:0px 15px; margin:3px 5px 3px 5px; line-height:47px; text-align: right; }
.affiliate .categories a:hover,
.affiliate .categories a:active { background-color:#EEEEEE; }
.affiliate .grouping { transition:all 0.5s cubic-bezier(0, 1.05, 0, 1); }
.affiliate .grouping.disable { max-height:0; opacity:0; transform:translateY(100px) scale(.7); display: none; }
.affiliate .grouping.active { max-height:auto; min-height:100px; opacity:1; transform:translateY(0) scale(1);}
.affiliate .item { margin:5px; padding:5px; border:1px solid #EEEEEE; background-color:#FFFFFF; }
.affiliate .item img { width:100%; }
.affiliate .item .corp-name { margin:0 0 15px; padding:0 0 15px; font-size:24px; line-height:110%; border-bottom:1px dashed #EEEEEE; }
.affiliate .item .corp-name b { display:block; padding:0 5px; font-size:11px; color:#ED1C24; }
.affiliate .item .corp-name b:before { content:"· "; }
.affiliate .item .item-info { display:none; position:fixed; left:10px; right:10px; bottom:20px; padding:20px; border:1px solid #EEEEEE; background-color:#FFFFFF; opacity:0; overflow:hidden; transition:0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28); transform:scale(0.1); }
.affiliate .item.active .item-info { box-shadow:0 0 10px #EEEEEE; opacity:1; transform:scale(1); z-index:3; }
.affiliate .item .item-info ul { padding:0 0 10px; min-height:130px; font-family:'Apple SD Gothic Neo',AppleGothic,'Meiryo UI','Malgun Gothic',Dotum,sans-serif; letter-spacing:-0.07em; }
.affiliate .item .item-info ul li { padding:2px 0 2px 11px; font-weight:normal; font-size:13px; line-height:140%; color:#333333; text-indent:-8px; }
.affiliate .item .item-info ul li:before { content:"- "; }
.affiliate .item .link { position:absolute; right:10px; bottom:10px; font-size:11px; color:#999999; }
.affiliate .item .btn-close { position: absolute; top:10px; right:10px; color:#555; font-size:18px; }
/*.affiliate .item .link { margin:10px 0 0; padding:0 0 0 17px; font-size:11px; color:#999999; background:url("https://www.lpoint.com/WebContent/images/common/ico_home.gif") no-repeat 0 0; }*/
.floating-info .corp-name { margin:0 0 15px; padding:0 0 15px; font-size:24px; line-height:110%; border-bottom:1px dashed #EEEEEE; }
.floating-info .corp-name b { display:block; padding:0 5px; font-size:11px; color:#ED1C24; }
.floating-info .corp-name b:before { content:"· "; }
.floating-info { display:block; position:fixed; max-height:80%; left:10px; right:10px; bottom:20px; padding:20px; border:1px solid #EEEEEE; background-color:#FFFFFF; opacity:0; overflow:auto; transition:0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28); transform:scale(0.1); }
.floating-info.active { box-shadow:0 0 10px #EEEEEE; opacity:1; transform:scale(1); z-index:3; }
.floating-info ul { padding:0 0 10px; min-height:130px; font-family:'Apple SD Gothic Neo',AppleGothic,'Meiryo UI','Malgun Gothic',Dotum,sans-serif; letter-spacing:-0.07em; }
.floating-info ul li { padding:2px 0 2px 11px; font-weight:normal; font-size:13px; line-height:140%; color:#333333; text-indent:-8px; }
.floating-info ul li:before { content:"- "; }
.floating-info .link { font-size:11px; color:#999999; text-align: right; }
.floating-info .btn-close { position: absolute; top:10px; right:10px; color:#555; font-size:18px; }
.btn-shopping { background:url("/WebContent/global/images/btn_shopping_out.png") no-repeat; color:#555; }
.btn-shopping.active { background:url("/WebContent/global/images/btn_shopping_on.png") no-repeat; color:#fff; }
.btn-dining { background:url("/WebContent/global/images/btn_dining_out.png") no-repeat; color:#555; }
.btn-dining.active { background:url("/WebContent/global/images/btn_dining_on.png") no-repeat; color:#fff; }
.btn-leisure { background:url("/WebContent/global/images/btn_leisure_out.png") no-repeat; color:#555; }
.btn-leisure.active { background:url("/WebContent/global/images/btn_leisure_on.png") no-repeat; color:#fff; } 
.btn-finance { background:url("/WebContent/global/images/btn_finance_out.png") no-repeat; color:#555; }
.btn-finance.active { background:url("/WebContent/global/images/btn_finance_on.png") no-repeat; color:#fff; }

/* #sub-contents - FAQ(질문과답변) */
.faq-list { border-top:1px solid #ddd; font-size:12px; color:#666; }
.faq-list li { border-bottom:1px solid #ddd;margin:0; }
.faq-list li dl { width:100%; }
.faq-list li dt { margin:0;padding:20px; }
.faq-list li dt a { display:block; background:url(/WebContent/global/images/ico_arrow_off.png) right 50% no-repeat; line-height:21px; }
.faq-list li dt strong { display:block; padding:0 30px 0 30px; background:url(/WebContent/global/images/ico_question_off.png) left top no-repeat; font-weight:400; }
.faq-list li dd { display:none; margin:0 20px; padding:0 0 25px 30px; background:url(/WebContent/global/images/ico_answer.png) left top no-repeat; }
.faq-list li.on { background-color:#f5f5f5; }
.faq-list li.on dt a { background:url(/WebContent/global/images/ico_arrow_on.png) right 50% no-repeat; font-size:15px; color:#666; }
.faq-list li.on dd { display:block; }
.faq-list li.on dt strong { padding:0 30px 0 30px; background:url(/WebContent/global/images/ico_question_on.png) left top no-repeat; color:#333; font-weight:700; }
.faq-table { width:100%; max-width:600px; border-top:1px solid #333333; border-left:1px solid #333333; border-spacing:0; border-collapse:collapse; }
.faq-table th,
.faq-table td { padding:3px; font-size:12px; border-bottom:1px solid #333333; border-right:1px solid #333333; }
.faq-table thead th,
.faq-table thead td { font-weight:500; text-align:center; background-color:#E5E5E5; }
.faq-table caption { width:0; height:0; text-indent:-9999em; font-size:1px; line-height:0; }
.answer-text { line-height: 135%; margin-top: 0px; margin-bottom: 0px; color: #666666 }
.answer-text em { font-weight: 500; }
.address-text { color:#dbdcdd; margin-top:13px; }

/*!
Pop_wrap
*/
.dimm,.dimm_main{display:none;top:0;right:0;bottom:0;left:0;z-index:100;opacity: 0.6;background-color:#000;filter:alpha(opacity20);position:fixed;ZOOM:1}
.pop_container_wrap { display:none; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 923px; z-index: 105; overflow-y: scroll; }
.pop_container{top:7px;left:50%;z-index:105;position:absolute}
.pop_wrap{width:1100px;border:1px solid;margin-left:-550px;position:relative; display: none; }
.pop_wrap.width_auto .pop_con{min-height:50px}
.pop_wrap.width_auto .pop_con.full_side{padding:30px 0}
.pop_wrap.width_auto .pop_logo{top:18px;left:30px;position:absolute}
.pop_wrap .pop_top{height:52px;padding:28px 0 0;background-color:#009BD6;text-align:center}
.pop_wrap .pop_top h1{height:24px;color:#FFF;font-size:24px}
.ie7 .pop_wrap .pop_top h1{padding-bottom:2px}
.pop_wrap .pop_con{padding:30px 30px 0;min-height:440px;background-color:#FFF}
.pop_wrap .pop_cont{width:1100px;margin:0 auto}
.pop_wrap .pop_btm{height:30px;background-color:#FFF}
.pop_wrap .btn_area,.pop_wrap .btns_area{margin-bottom:0}
.pop_wrap .pop_close{display:block;width:22px;height:22px;top:27px;right:30px;background:url(/WebContent/global/images/btn_pop_close.gif) left top no-repeat;text-indent:-999em;position:absolute}
.pop_container .pop_wrap.w520{width:520px;margin-left:-260px}
.pop_container .pop_wrap.w520 .pop_con{padding:20px 18px 15px;min-height:200px}
.pop_container .pop_wrap.w520 .pop_close{width:18px;height:18px;background:url(/WebContent/images/common/btn_pop_close2.gif) left top no-repeat}
.pop_container .pop_wrap.w690{width:690px;margin-left:-345px}
.pop_container .pop_wrap.w690 h3{margin-top:0}
.pop_container .pop_wrap.w690 .pop_con{min-height:260px}
.pop_container .pop_wrap.w850{width:850px;margin-left:-425px}
.pop_container .pop_wrap.w850 .pop_con{min-height:320px}
.pop_container .pop_wrap.w890{width:890px;margin-left:-445px}
.pop_container .pop_wrap.w890 .pop_con{min-height:320px}
.pop_wrap .scroll_h750{overflow-x:hidden;overflow-y:scroll;height:750px; }
/*! Layer Popup size*/
.pop_container .pop_wrap .pop_close{background-position:left bottom}
.pop_container .pop_wrap{border:0}
.pop_container .pop_wrap .pop_top{height:52px;padding:28px 0 0;text-align:center}
.pop_container .pop_wrap .pop_btm{height:45px;background:url(/WebContent/images/common/popup_footer.png) left bottom no-repeat}
.pop_container .pop_wrap .pop_top h1{height:24px;color:#333;font-weight:500;font-size:20px}
.pop_container .pop_wrap.w1100 .pop_top{background:url(/WebContent/images/common/popup_header1100.png) left top no-repeat}
.pop_container .pop_wrap.w1100 .pop_btm{height:45px;background:url(/WebContent/images/common/popup_footer1100.png) left bottom no-repeat}
.pop_container .pop_wrap.w890 .pop_top{background:url(/WebContent/global/images/popup_header890.png) left top no-repeat}
.pop_container .pop_wrap.w890 .pop_btm{height:45px;background:url(/WebContent/global/images/popup_footer890.png) left bottom no-repeat}
.pop_container .pop_wrap.w850 .pop_top{background:url(/WebContent/images/common/popup_header850.png) left top no-repeat}
.pop_container .pop_wrap.w850 .pop_btm{height:45px;background:url(/WebContent/images/common/popup_footer850.png) left bottom no-repeat}
.pop_container .pop_wrap.w690 .pop_top{background:url(/WebContent/images/common/popup_header690.png) left top no-repeat}
.pop_container .pop_wrap.w690 .pop_btm{height:45px;background:url(/WebContent/images/common/popup_footer690.png) left bottom no-repeat}
.pop_container .pop_wrap.w520 .pop_top{height:42px;padding:18px 0 0;background:url(/WebContent/images/common/popup_header520.png) left top no-repeat}
.pop_container .pop_wrap.w520 .pop_btm{height:45px;background:url(/WebContent/images/common/popup_footer520.png) left bottom no-repeat}
.pop_container .pop_wrap.w520 .pop_close{top:20px;right:20px}
.pop_container .pop_wrap #pop_id1 { display:none; }
/*!
Table Guide
*/
.tbl_type01{width:100%;border-top:1px solid #555;margin:0 0 10px}
.tbl_type01 tbody td,.tbl_type01 thead th{padding:10px 0;text-align:center}
.tbl_type01 thead th{border-bottom:1px solid #DDD;background-color:#EEE;color:#333;font-weight:500}
.tbl_type01 tbody td:first-child{border-collapse:collapse;border-right:1px solid #EEE;border-left:0}
.tbl_type01 tbody td{height:23px;border-bottom:1px solid #EEE;border-left:1px solid #EEE; font-weight:300}
.tbl_type01 tbody td.left{padding-left:20px;text-align:left}
.tbl_type01 tbody td.right{padding-right:20px;text-align:right}
.tbl_type01.tbl_td_h45 tbody td{height:45px}
.tbl_type01 tbody th{border-bottom:1px solid #EEE;color:#333;text-align:center;font-weight:500}
.tbl_type01 tbody td a:hover{color:#237FA7;text-decoration:underline}
.tbl_type01 tfoot td{border-bottom:1px solid #DDD;padding:13px 20px;background:#F5F5F5}
.tbl_type01 tfoot .td_sum{text-align:right;font-weight:300}
.tbl_type01 tfoot td .txt_sum{padding-left:10px;color:#E15C13;font-size:15px}
.tbl_type01.left tbody td{padding:10px 10px 10px 20px;vertical-align:top;text-align:left}
.tbl_type01.left tbody td.center{vertical-align:middle;text-align:center}
.tbl_type01 img { width:100px; }
/*! tbl_type02 */
.tbl_type02{width:100%;border-top:1px solid #555}
.tbl_type02 tbody td,.tbl_type02 tbody th{border-bottom:1px solid #DDD;padding:13px 0 13px 20px;text-align:left}
.tbl_type02 tbody td *{vertical-align:middle}
.tbl_type02 tbody th{background-color:#EEE;color:#333;font-weight:500}
.tbl_type02 tbody th .star{display:inline-block;width:6px;height:20px;background:url(/WebContent/images/common/ico_star.png) left 10px no-repeat;text-indent:-999em}
.tbl_type02 tbody td .cvc_link{display:inline-block;height:23px;padding-right:22px;background:url(/WebContent/images/common/ico_question.gif) right 4px no-repeat}
.ie7 .tbl_type02 tbody th .star,.ie8 .tbl_type02 tbody th .star{background:url(/WebContent/images/common/ico_star.png) left 9px no-repeat}
.cvc_area{border-bottom:1px solid #E5E5E5;padding:35px 0;background-color:#F5F5F5;text-align:center}

/* 바코드 수정 */
.barcode-bg { padding:20px 0 0; }
.barcode-inner > .barcode-title { font-size:16px; text-align:center; }
.barcode-inner > .barcode-image { margin:10px 0; text-align:center; }
.barcode-inner > .barcode-image > img { width:280px; }
.barcode-inner > .barcode-number { margin-bottom:8px; font-size:14px; text-align:center; }
.barcode-inner > .barcode-number button { margin:0; padding:0; border:0; background:none; }
.barcode-inner > .barcode-number button span { position:relative; display:inline-block; width:13px; height:13px; overflow:hidden; }
.barcode-inner > .barcode-number button span:before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#FFFFFF url("/WebContent/global/images/btn_zoom.png") no-repeat 0 0; z-index:2; background-size:contain; }
.barcode-wrap.active { position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,.8); z-index:990; }
.barcode-wrap.active .barcode-bg { position:fixed; left:20px; right:20px; top:20px; bottom:20px; background-color:#FFFFFF; box-sizing:border-box; transition:.2s cubic-bezier(0.2,-0.4, 0.2, 1.4); }
.barcode-wrap.active .barcode-inner { transform:rotate(90deg); transition:.5s cubic-bezier(0.2,-0.4, 0.2, 1.4); }
.barcode-wrap.active .barcode-inner > .barcode-number button { display:none; }
#barcode-ani { margin:0 auto; width:100px; height:100px; background:url(/WebContent/global/images/icon_lpoy.png) no-repeat 0 0; -webkit-animation:barcode-ani 1s steps(10) infinite; -moz-animation:barcode-ani 1s steps(10) infinite; -ms-animation:barcode-ani 1s steps(10) infinite; -o-animation:barcode-ani 1s steps(10) infinite; animation:barcode-ani 1s steps(10) infinite; background-size:1000px 100px; }
@-webkit-keyframes barcode-ani {
	from { background-position: 0 0; }
	to { background-position: -1000px 0; }
}
@-moz-keyframes barcode-ani {
	from { background-position: 0 0; }
	to { background-position: -1000px 0; }
}
@-ms-keyframes barcode-ani {
	from { background-position: 0 0; }
	to { background-position: -1000px 0; }
}
@-o-keyframes barcode-ani {
	from { background-position: 0 0; }
	to { background-position: -1000px 0; }
}
@keyframes barcode-ani {
	from { background-position: 0 0; }
	to { background-position: -1000px 0; }
}