@charset "utf-8";
/* reset style [start] */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} 
body,input,textarea,select,button,table{font-family: Malgun Gothic, Dotum, sans-serif;font-weight:300;}
img,fieldset{border:0;vertical-align: top;}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
html {-webkit-text-size-adjust:none;}
.blind, legend, caption{position:absolute;left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;text-indent:-10000px} /* 숨김 */
button{border:0;cursor:pointer;*overflow:visible;vertical-align:top;background:transparent;outline: none;}

/* common */
html, body {background-color:#000;}
#wrap{position:relative;width:100%;min-width:1280px;margin:0 auto;overflow: hidden;opacity: 0;}
.screen {position:fixed;left:0;top:0;width:100%;height:100%;z-index:100000;background-color:#9cbcc0;opacity: 0.5;transform: scale(1.5)}

.gnbWrapper{min-width: 1280px !important}
#header{position: absolute;top:0;width: 100%;z-index: 300;opacity: 0}
#header h1 {position: absolute;top:20px;left:40px;width:95px;height:112px;}
#header h1 a{display: block;width: 100%;height: 100%;text-indent: -1000000px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/logo.png") no-repeat}
#header .util{position: absolute;top:32px;right: 15px;height: 40px}
#header .util li{width:41px;height:100%;float:left;}
#header .util li a,#header .util li button{display: block;width: 100%;height: 100%;text-indent: -1000000px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/spr_util.png") no-repeat}
#header .util li.btn_start{width: 125px;margin-right: 11px}
#header .util li.btn_h a{background-position-x: -136px}
#header .util li.btn_c a{background-position-x: -177px}
#header .util li.btn_start button:hover,
#header .util li.btn_h a:hover,
#header .util li.btn_c a:hover{background-position-y: -50px}
#footer{position: relative;width:100%;height:50px;background: url('https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/copy.png') 50% 50% no-repeat;z-index:20;text-indent: -100000px;}

.section{position:relative;width:100%;margin:0 auto;overflow: hidden;height: 1178px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/back.png") repeat}
.b1{position: absolute;width: 2580px;height: 1172px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/line1.png") no-repeat;bottom:0;left:50%;margin-left:-1290px;}
.b2{position: absolute;width: 2580px;height: 846px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/line2.png") no-repeat;bottom:0;left:50%;margin-left:-1290px;}
.b3{position: absolute;width: 2580px;height: 572px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/deco.png") no-repeat;top:0;left:50%;margin-left:-1290px;}
.b4{position: absolute;width: 1087px;height: 94px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/line.png") no-repeat;top:0;left:50%;margin-left:-589px;}
.toon{position: absolute;width:1871px;height: 330px;left: 50%;margin-left: -940px;bottom: 30px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/toon.png") no-repeat;z-index: 1 }
.cat span{position: absolute;width:564px;height: 620px;left: 50%;margin-left: -288px;bottom: -50px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/cat.png") no-repeat;z-index: 1;opacity: 0 }
.btn_left{position: absolute;width: 372px;height: 232px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/spr_btn.png") no-repeat;z-index: 1;top:544px;left: 50%;margin-left: -583px;text-indent: -100000px;}
.btn_right{position: absolute;width: 372px;height: 232px;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/spr_btn.png") -414px 0 no-repeat;z-index: 1;top:544px;left: 50%;margin-left:211px;text-indent: -100000px;}
.btn_left:hover,.btn_right:hover{background-position-y: -280px}


.obj span{position: absolute;left: 50%;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/spr_spin.png") no-repeat}
.obj .o1{width: 90px;height: 83px;top:486px;margin-left:-907px;}
.obj .o2{width: 80px;height: 75px;background-position-x: -142px;top:696px;margin-left:-747px;}
.obj .o3{width: 102px;height: 93px;background-position-x: -274px;top:382px;margin-left:-642px;}
.obj .o4{width: 71px;height: 69px;background-position-x: -428px;top:44px;margin-left:-333px;}
.obj .o5{width: 102px;height: 93px;background-position-x: -551px;top:375px;margin-left:495px;}
.obj .o6{width: 84px;height: 78px;background-position-x: -705px;top:711px;margin-left:632px;}
.obj .o7{width: 93px;height: 89px;background-position-x: -841px;top:491px;margin-left:805px;}
.title{position: absolute;width: 949px;height: 499px;top:90px;left: 50%;margin-left: -475px;}
.title span{position: absolute;width: 100%;left: 0;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/title.png") no-repeat}
.title .t1{height: 67px}
.title .t2{height: 190px;top:92px;background-position-y: -92px}
.title .t3{height: 108px;top:304px;background-position-y: -304px}
.title .t4{height: 67px;top:432px;background-position-y: -432px}
.ob{position: absolute;left: 50%;background:url("https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/spr_obj.png") no-repeat}
.obj1{width: 61px;height: 60px;background-position-y: -122px;top:198px;margin-left: -577px}
.obj2{width: 101px;height: 87px;background-position: -25px -28px;top:105px;margin-left: -551px}
.obj3{width: 247px;height: 182px;background-position-x: -143px;top:77px;margin-left: 379px}
.obj4{width: 137px;height: 103px;background-position: -421px -31px;top:108px;margin-left: 445px}

/* common */
.modal_pop{display:none;position:fixed;top:0;left:0;top:0;right:0;bottom:0;width:100%;height:100%;min-width:1280px;z-index:9999999}
.modal_pop .dim{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#000;filter:alpha(opacity=7);opacity:0.7}
.modal_pop .modal_wrap{position:absolute;top:50%;left:50%;}
.modal_pop .modal_wrap .modal_btn {position: absolute;left:0;bottom:140px;width: 100%;text-align: center;}
.modal_pop .btn_close{position:absolute;right: 0;top:0;width:82px;height: 82px;text-indent: -100000px}
.modal_pop .con{position: absolute;width: 100%;height: 600px;overflow: auto;background-color: #fff;bottom: 0;padding-left:27px;box-sizing: border-box;}
.modal_pop .con p{width: 690px;}
#layerToon1 .modal_wrap{width: 743px;height: 700px;background: url('https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/pop1.png') 100% 0 no-repeat;margin: -350px 0 0 -371px}
#layerToon2 .modal_wrap{width: 743px;height: 700px;background: url('https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/pop2.png') 100% 0 no-repeat;margin: -350px 0 0 -371px}
#layerToon1 .con p{height: 31581px;background: url('https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/toon1.jpg') 0 -1px no-repeat;}
#layerToon2 .con p{height: 28924px;background: url('https://lwi.nexon.com/baram/2021/0114_kfjg034jklhff/toon2.jpg') no-repeat;}