@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Infra Development Team
 * 린든상자 Stylesheet
------------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, select, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption {margin:0;padding:0;font-size:100%;}
img, fieldset, button {border:0;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body, input, button, textarea, select, table, kbd {line-height:1.2;font-family:'돋움', dotum, Helvetica, sans-serif;font-size:12px;color:#000;}
img {vertical-align:middle;}
ol, ul {list-style:none;}
a {text-decoration:none;color:#000;}
a:hover, a:focus, a:active {text-decoration:underline;color:#0000ff;}
button, label {cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
caption, legend {width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.irPm {display:block;font-size:0px;line-height:0;text-indent:-9999px;overflow:hidden;}
.irWa {position:relative;display:block;width:100%;height:100%;z-index:-1;overflow:hidden;}
.blind {position:absolute;top:0;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
.show {display:block;}
.hide {display:none;}
.fL {float:left;}
.fR {float:right;}
.clearFix {zoom:1;}
.clearFix:after {display:block;content:'';clear:both;}
.br {display:block;}
/* Styles
-------------------------------------------------------------- */
body {width:100%;height:100%;background:#000;}

.sp_btn {display:inline-block;vertical-align:top;width:auto;height:10px;background:url(../images/sp_btn.png) no-repeat 0 0;line-height:999px;overflow:hidden;}

#wrap {position:relative;width:100%;max-width:2000px;min-width:1100px;margin:0 auto;background:url(../images/bg.jpg) no-repeat 50% 0;overflow:hidden;}
#wrap .inner {position:relative;width:1100px;height:980px;margin:0 auto;}
.inner .linden_login {position:absolute;top:464px;left:0;width:640px;height:162px;margin-left:220px;text-align:center;font-weight:bold;z-index:10;}
.inner .linden_login .my_point {background:url(../images/spr_bg_myPoint.png) no-repeat 0 -148px;width:337px;height:74px;margin:1px 0 10px 150px;color:#edd0a7;font-size:22px;line-height:72px;}
.inner .linden_login .btn_buy {display:inline-block;background:url(../images/spr_btn_buy.png) no-repeat 0 -102px;width:309px;height:102px;color:transparent;font-size:0;}
.inner .linden_login .login_after .my_point {background-position:0 -224px;}
.inner .linden_login .login_after .my_point p {margin-left:184px;font-weight:bold;}
.inner .linden_login .login_after .btn_buy {background-position:0 0;}
.inner.tabOn .linden_login {top:0;height:72px;padding:35px 0 44px 0;}
.inner.tabOn .linden_login .my_point {float:left;width:335px;height:72px;margin:0 0 0 30px;background-position:0 0;color:#423c46;line-height:70px;}
.inner.tabOn .linden_login .btn_buy {float:left;width:231px;height:75px;margin:0 0 0 15px;background-position:-310px -107px;}
.inner.tabOn .linden_login .login_after .my_point {background-position:0 -74px;color:#423c46;}
.inner.tabOn .linden_login .login_after .my_point p {margin-left:184px;font-weight:bold;}
.inner.tabOn .linden_login .login_after .btn_buy {background-position:-310px -7px;}
.inner.tabOn .caution, .inner.tabOn .btn_caition_more {visibility:visible;transition:all 0.5s;}

/* Tab */
.tab_area {position:relative;width:860px;height:100%;padding-top:66px;}
.tab_area > ul {overflow:hidden;}
.tab_area li .tit {background:url(../images/spr_tab_tit.png) no-repeat 0 0;width:220px;height:69px;}
.tab_area li .tit a {display:block;width:100%;height:100%;color:transparent;text-indent:-9999px;}
.tab_area li.tab5 .tit {height:70px;}
.tab_area .tab0 .tit {background-position:0 -1px;}
.tab_area .tab0 .tit:hover, .tab_area .tab0 .tit.on {background-position:-220px -1px;}
.tab_area .tab1 .tit {background-position:0 -70px;}
.tab_area .tab1 .tit:hover, .tab_area .tab1 .tit.on {background-position:-220px -70px;}
.tab_area .tab2 .tit {background-position:0 -139px;}
.tab_area .tab2 .tit:hover, .tab_area .tab2 .tit.on {background-position:-220px -139px;}
.tab_area .tab3 .tit {background-position:0 -208px;}
.tab_area .tab3 .tit:hover, .tab_area .tab3 .tit.on {background-position:-220px -208px;}
.tab_area .tab4 .tit {background-position:0 -277px;}
.tab_area .tab4 .tit:hover, .tab_area .tab4 .tit.on {background-position:-220px -277px;}
.tab_area .tab5 .tit {background-position:0 -346px;}
.tab_area .tab5 .tit:hover, .tab_area .tab5 .tit.on {background-position:-220px -346px;}
.tab_area .btn_tabClose {position:absolute;top:0;right:-31px;background:url(../images/btn_tabClose.jpg) no-repeat 0 0;width:31px;height:84px;color:transparent;text-indent:-9999px;}
.tab_area .tab_contents {display:none;position:absolute;top:0;left:219px;background:url(../images/bg_contents.jpg) no-repeat 100% 0;width:642px;height:100%;padding:150px 0 30px;box-shadow:10px 2px 20px rgba(0, 0, 0, 0.7);}
.tab_area .tab_contents .in {position:relative;width:594px;height:512px;margin:0 25px;}
.tab_area .tab0 .tab_contents .in {background:url(../images/tab0_con.png) no-repeat 0 0;}
.tab_area .tab2 .tab_contents .in {background:url(../images/tab2_con.png) no-repeat 0 0;}
.tab_area .tab3 .tab_contents .in {background:url(../images/tab3_con.png) no-repeat 0 0;}
.tab_area .tab4 .tab_contents .in {background:url(../images/tab4_con.png) no-repeat 0 0;}
/* .tab_area .tab5 .tab_contents .in {background:url(../images/tab5_con.png) no-repeat -1px 0;} */
.tab_area .caution {position:absolute;top:676px;left:220px;background:url(../images/tit_caution.png) no-repeat 38px 0;width:640px;height:208px;padding:24px 0 0 0;visibility:hidden;overflow:hidden;}
.tab_area .caution ul {padding:0 38px;}
.tab_area .caution li {line-height:16px;font-size:11px;color:#ccc;letter-spacing:-0.5px;overflow:hidden;}
.tab_area .caution .fc_bright {color:#a972bd;}

.tab_area .caution .num {float:left;display:block;width:13px;height:10px;margin-top:1px;text-align:center;line-height:11px;background:#9c9d9c;font-size:8px;color:#25221b;}
.tab_area .caution p {padding-left:20px;}
.tab_area .btn_caition_more {position:absolute;top:675px;left:335px;background:url(../images/btn_caution_more.png) no-repeat 0 0;width:44px;height:18px;color:transparent;font-size:0;z-index:1;visibility:hidden;}
.tab_area .caution .btn_caution_close {display:none;position:absolute;top:12px;right:14px;background:url(../images/btn_caution_more_close.png) no-repeat 0 0;width:21px;height:21px;color:transparent;font-size:0;}
.tab_area .caution.more {top:588px;left:218px;background:#111417 url(../images/tit_caution_pop.png) no-repeat 39px 32px;width:642px;height:336px;padding-top:58px;z-index:100;}
.tab_area .caution.more ul {padding:0 33px 0 39px;word-break:keep-all;}
.tab_area .caution.more li {color:#cbccc3;}
.tab_area .caution.more .btn_caution_close {display:block;}

/* 기본보상상품  */
.slide_inner .slide_wrap {position:relative;top:0;left:7px;width:580px;height:434px;}
.slide_inner .slide_wrap .con {position:absolute;top:0;left:0;width:100%;height:434px;text-align:center;visibility:hidden;}
.slide_inner .slide_wrap .con:first-child {visibility:visible;}
.slide_inner .pageing_area {position:relative;background:url(../images/paging_bg.png) no-repeat 0 0;width:594px;height:78px;text-align:center;line-height:60px;}
.slide_inner .pageing_area button {color:transparent;background:url(../images/spr_btn_nextPre.png) no-repeat 0 0;width:11px;height:12px;vertical-align:middle;font-size:0;}
.slide_inner .pageing_area button.next {background-position:0 -12px;}
.slide_inner .pageing_area button.prev {background-position:0 0;}
.slide_inner .pageing_area .paging {margin:0 18px;vertical-align:middle;}
.slide_inner .pageing_area .paging a {display:inline-block;vertical-align:middle;background:url(../images/spr_btn_paging.png) no-repeat 0 -14px;width:14px;height:14px;margin:0 5px;color:transparent;}
.slide_inner .pageing_area a.on {background-position:0 0;}

/* 190926 추가 S */
.slide_inner .pageing_area2 {position:relative;width:594px;height:78px;text-align:center;line-height:60px;}
.slide_inner .pageing_area2 button {color:transparent;background:url(../images/spr_btn_nextPre2.png) no-repeat 0 0;width:11px;height:12px;vertical-align:middle;font-size:0;}
.slide_inner .pageing_area2 button.next {background-position:0 -12px;}
.slide_inner .pageing_area2 button.prev {background-position:0 0;}
.slide_inner .pageing_area2 .paging {margin:0 18px;vertical-align:middle;}
.slide_inner .pageing_area2 .paging a {display:inline-block;vertical-align:middle;background:url(../images/spr_btn_paging2.png) no-repeat 0 0;width:14px;height:14px;margin:0 5px;color:transparent;}
.slide_inner .pageing_area2 a.on {background-position:0 -14px;}
/* 190926 추가 E */
.tab5 .slide_inner .slide_wrap .con {height:512px;}
.tab5 .slide_inner .slide_wrap .con0 {background:url(../images/tab5_con.png) no-repeat -1px 0;}

.tab1 .slide_inner .slide_wrap .con0 {background:url(../images/tab1_list0.jpg) no-repeat 0 0;}
.tab1 .slide_inner .slide_wrap .con1 {background:url(../images/tab1_list1.jpg) no-repeat 0 0;}
.tab1 .slide_inner .slide_wrap .con2 {background:url(../images/tab1_list2.jpg) no-repeat 0 0;}
.tab1 .slide_inner .slide_wrap .con3 {background:url(../images/tab1_list3.jpg) no-repeat 0 0;}
.tab1 .slide_inner .slide_wrap .con4 {background:url(../images/tab1_list4.jpg) no-repeat 0 0;}
.inner.tabOn .ellip_img {visibility:visible;}
.tab_area .ellip_img {display:inline-block;vertical-align:middle;position:absolute;top:920px;left:280px;background:url(../images/ellip.png) no-repeat 0 0;width:3px;height:17px;color:transparent;visibility:hidden;}

/* etc */
.btn_more {position:absolute;width:16px;height:16px;background-position:-58px -93px;z-index:9;}
.btn_sly+img {opacity:0;visibility:hidden;position:absolute;z-index:100;transition:opacity 0.5s;}
.btn_sly:hover +img {opacity:1;visibility:visible;transition:opacity 0.5s;}
.btn_acc {background-position:-22px -57px !important;}

.btn_m0 {top:357px;left:373px;}
.btn_m1 {top:357px;left:508px;z-index:300;}
.btn_m2 {top:109px;left:103px;}
.btn_m3 {top:109px;left:238px;}
.btn_m4 {top:109px;left:373px;}
.btn_m5 {top:109px;left:508px;}
.btn_m6 {top:193px;left:245px;}
.btn_m7 {top:193px;left:374px;}
.btn_m8 {top:193px;left:503px;}

.btn_m9 {top:365px;left:503px;} /* 191121 수정 */
.btn_m10 {top:191px;left:312px;}
.btn_m11 {top:191px;left:414px;}
.btn_m12 {top:191px;left:516px;}
.btn_m13 {top:311px;left:108px;}
.btn_m14 {top:311px;left:210px;}

.btn_m15 {top:193px;left:182px;}
.btn_m16 {top:365px;left:182px;}

.ly_img0 {top:376px;left:214px;}
.ly_img1 {top:350px;left:330px;}

.ly_img2 {top:128px;left:-55px;}
.ly_img3 {top:128px;left:79px;}
.ly_img4 {top:128px;left:214px;}
.ly_img5 {top:125px;right:-115px;}

.ly_img6 {top:212px;left:-5px;}
.ly_img7 {top:212px;left:122px;}
.ly_img8 {top:212px;left:252px;}

.ly_img9 {top:383px;left:304px;} /* 191121 수정 */
.ly_img10 {top:209px;left:93px;}
.ly_img11 {top:209px;left:195px;}
.ly_img12 {top:209px;right:-155px;}
.ly_img13 {top:330px;left:-111px;}
.ly_img14 {top:330px;left:-9px;}

.ly_img15 {top:212px;left:-30px;}
/* .ly_img16 {top:212px;left:-30px;} */
.ly_img16 {display:none;position:absolute;top:50%;left:50%;margin:-385px 0 0 -333px;width:665px;height:770px;z-index:100;}
.ly_img16 .btn_close {display:block;position:absolute;top:0;right:-73px;background:url(../images/btn_close.png) no-repeat;width:53px;height:53px;cursor:pointer;transition: transform 0.35s linear;}
.ly_img16 .btn_close:hover {-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg);}
.ly_img16 .btn_m17 {top:528px;left:50%;margin-left:241px;}
.ly_img16 .ly_img17 {top:546px;right:-137px;} 


.ly_solo {display:none;position:absolute;top:197px;left:284px;z-index:999;background:url(../images/ly_pop.png) no-repeat;width:761px;height:443px;}
.btn_closepop {position:absolute;top:41px;right:43px;width:56px;height:56px;z-index:9;background:transparent;}
.btn_view {display:block;position:absolute;bottom:39px;left:238px;width:180px;height:31px;}
.ly_bg {display:none;position:fixed;top:0;left:0;z-index:9991;background:url(../images/bg_black.png) 0 0 repeat;width:100%;height:100%;}

.linkBtn {position:absolute;right:0;bottom:0;left:0;width:304px;margin:0 auto;}
.linkBtn a {display:block;background:url(../images/probable_btn.png) no-repeat;width:304px;height:57px;}

.dimmed {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.9;filter:alpha(opacity=90);}