@charset "utf-8";

/** 로그인 **/
.login_wrap{width:380px; position:absolute; left:50%; top:50%; margin:-180px 0 0 -190px;}
.login_area{background-color:rgba(255,255,255,0.8); border-radius:20px; padding:30px; position:relative;}
.login_logo{width:220px; margin:0 auto 15px auto; display:block;}

.login_table{width:100%; border-collapse:collapse;}
.login_table th{width:106px;}
.login_input{width:100%; height:42px; background-color:#fff; color:#003760; display:block; padding-left:6%; font-weight:300; border-radius:10px; box-shadow:3px 3px 0 0 #d5d5d5;}
.login_input::placeholder{color:#b9b9b9;}
.login_input.id{margin-bottom:8px;}
.login_btn{display:block; width:94px; height:90px; line-height:88px; font-size:18px; color:#fff; font-weight:500; border-radius:10px; margin:0 0 0 auto; transition:0.2s;
box-shadow:3px 3px 0 0 #024a81;
background:#00365f; /* Old browsers */
background:-moz-linear-gradient(-45deg,  #00365f 0%, #015696 100%);
background:-webkit-linear-gradient(-45deg,  #00365f 0%,#015696 100%);
background: linear-gradient(135deg,  #00365f 0%,#015696 100%);
}
.login_btn:hover{
background:#015696; /* Old browsers */
background:-moz-linear-gradient(-45deg,  #015696 0%, #00365f 100%);
background:-webkit-linear-gradient(-45deg,  #015696 0%,#00365f 100%);
background: linear-gradient(135deg,  #015696 0%,#00365f 100%);
}

.login_btns_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.login_btns{width:31%; height:42px; line-height:41px; text-align:center; color:#fff; border-radius:10px; font-size:15px; transition:0.2s;}
.login_btns.one{
box-shadow:3px 3px 0 0 #e37318;
background:#f5862c; /* Old browsers */
background:-moz-linear-gradient(-45deg,  #f5862c 0%, #fd9a4a 100%);
background:-webkit-linear-gradient(-45deg,  #f5862c 0%,#fd9a4a 100%);
background: linear-gradient(135deg,  #f5862c 0%,#fd9a4a 100%);    
}
.login_btns.two{
box-shadow:3px 3px 0 0 #dd980d;
background:#f3af27; /* Old browsers */
background:-moz-linear-gradient(-45deg,  #f3af27 0%, #ffc248 100%);
background:-webkit-linear-gradient(-45deg,  #f3af27 0%,#ffc248 100%);
background: linear-gradient(135deg,  #f3af27 0%,#ffc248 100%);    
}
.login_btns.three{
box-shadow:3px 3px 0 0 #ce206c;
background:#ea1f77; /* Old browsers */
background:-moz-linear-gradient(-45deg,  #ea1f77 0%, #fb4a97 100%);
background:-webkit-linear-gradient(-45deg,  #ea1f77 0%,#fb4a97 100%);
background: linear-gradient(135deg,  #ea1f77 0%,#fb4a97 100%);    
}
.login_btns.one:hover{
background:#e37318; /* Old browsers */
background:-moz-linear-gradient(-45deg,  #fd9a4a 0%, #f5862c 100%);
background:-webkit-linear-gradient(-45deg,  #fd9a4a 0%,#f5862c 100%);
background: linear-gradient(135deg,  #fd9a4a 0%,#f5862c 100%);    
}
.login_btns.two:hover{
box-shadow:3px 3px 0 0 #dd980d;
background:#ffc248; /* Old browsers */
background:-moz-linear-gradient(-45deg,  #ffc248 0%, #f3af27 100%);
background:-webkit-linear-gradient(-45deg,  #ffc248 0%,#f3af27 100%);
background: linear-gradient(135deg,  #ffc248 0%,#f3af27 100%);    
}
.login_btns.three:hover{
box-shadow:3px 3px 0 0 #ce206c;
background:#fb4a97; /* Old browsers */
background:-moz-linear-gradient(-45deg,  #fb4a97 0%, #ea1f77 100%);
background:-webkit-linear-gradient(-45deg,  #fb4a97 0%,#ea1f77 100%);
background: linear-gradient(135deg,  #fb4a97 0%,#ea1f77 100%);    
}

.login_text{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:15px 1px; font-size:13px;}
.login_text .check_bullet{border-radius:50%; border:3px solid #015493; box-shadow:inset -1px -1px 0 0 #d5d5d5; margin-bottom:-1px;}
.login_text .check_input:checked + .check_bullet{background-image:url(../images/input_check_indigo.png);}
.login_forgot{color:#333;}


@media all and (min-width:960px){
    .login_wrap{width:450px; margin:-215px 0 0 -225px;}    
    .login_logo{width:260px; margin:0 auto 20px auto;}
    .login_area{padding:35px;}
    
    .login_table th{width:130px;}
    .login_input{height:50px; border-radius:20px; font-size:16px; padding-left:20px;}
    .login_btn{width:118px; height:108px; line-height:106px; font-size:22px; border-radius:20px;}
    
    .login_btns{width:31%; height:48px; line-height:47px; border-radius:20px; font-size:17px;}
   
    .login_text{font-size:15px;}
    .login_text .check_bullet{width:22px; height:22px;}
}
@media all and (min-width:1024px){
    .login_wrap{width:470px; margin:-220px 0 0 -235px;}
    .login_logo{width:260px; margin:0 auto 20px auto;}
    .login_area{padding:40px;}
}
@media all and (min-width:1280px){
    .login_wrap{background:url(../images/login_wrap.png) no-repeat; background-size:cover; width:780px; height:640px; margin:-312px 0 0 -390px; padding-top:205px;}
    .login_logo{display:none;}
    .login_area{background:none; border-radius:0; width:320px; padding:22px 11px 0 4px; margin:0 auto;}
    
    .login_table th{width:108px;}
    .login_input{height:40px; border-radius:10px; font-size:15px; padding-left:15px;}
    .login_btn{width:98px; height:88px; line-height:86px; font-size:18px; border-radius:10px;}
    
    .login_btns{width:31.5%; height:40px; line-height:39px; border-radius:10px; font-size:15px;}
   
    .login_text{font-size:13px; padding:13px 1px;}
    .login_text .check_bullet{width:20px; height:20px;}
}
@media all and (min-width:1440px){
    .login_wrap{width:854px; height:700px; margin:-342px 0 0 -427px; padding-top:230px;}
    .login_area{width:330px; padding:22px 12px 0 4px;}
    
    .login_table th{width:108px;}
    .login_input{height:42px; font-size:15px; padding-left:15px;}
    .login_btn{width:98px; height:92px; line-height:90px; font-size:20px;}    
    
    .login_btns{height:42px; line-height:41px; font-size:16px;}
    
    .login_text{font-size:14px; padding:15px 1px;}
}
@media all and (min-width:1680px){
    .login_wrap{width:1000px; height:820px; margin:-412px 0 0 -500px; padding-top:264px;}
    .login_area{width:406px; padding:34px 25px 0 14px;}
    
    .login_table th{width:124px;}
    .login_input{height:48px; font-size:16px; padding-left:20px; border-radius:20px;}
    .login_input.id{margin-bottom:10px;}
    .login_btn{width:112px; height:106px; line-height:104px; font-size:22px; border-radius:20px;}    
    
    .login_btns{height:47px; line-height:46px; font-size:17px; border-radius:20px;}
    
    .login_text{font-size:15px;}
    .login_text .check_bullet{width:24px; height:24px;}
}
@media all and (min-width:1920px){
    .login_wrap{width:1092px; height:896px; margin:-448px 0 0 -546px; padding-top:290px;}
    .login_area{width:444px; padding:38px 30px 0 19px;}
    
    .login_table th{width:128px;}
    .login_input{height:50px; font-size:17px; padding-left:20px;}
    .login_input.id{margin-bottom:10px;}
    .login_btn{width:116px; height:110px; line-height:104px; font-size:22px;}    
    
    .login_btns{width:31%; height:50px; line-height:49px; font-size:18px;}
    
    .login_text{padding:20px 2px;}
}

/** 인트로 **/
.intro_wrap{height:100%; background:url(../images/intro_bg.jpg) no-repeat 50%; background-attachment:fixed; background-size:cover; position:relative; max-width:1920px; margin:0 auto;}
.intro_logo_wrap{position:absolute; width:100%; left:0; top:13.4%;}
.intro_logo{width:33.85%; display:block; margin:0 auto;}
.intro_door_wrap{position:absolute; bottom:0; width:50%; perspective:1000px;}
.intro_door_wrap.left{left:0;}
.intro_door_wrap.right{right:0;}
.intro_door{transition:1.8s; width:100%; display:block;}
.intro_door_wrap.left .intro_door{transform-origin:0 100% 0;}
.intro_door_wrap.right .intro_door{transform-origin:100% 0 0;}

.intro_door_wrap.left.open .intro_door{transform:rotateY(60deg);}
.intro_door_wrap.right.open .intro_door{transform:rotateY(-60deg);}

.intro_child_select{position:fixed; left:0; right:0; top:0; bottom:0;}
.intro_child_select_iframe{display:block; border:0; width:100%; height:100%;}

/* basic */
.main_body{ overflow: hidden;}
.main_index{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; background:url(../images/main/background.jpg) no-repeat 50%; background-size:cover;}
.main_wrap{ max-width: 1920px; margin: 0 auto; position: relative; overflow: hidden;}
.main_bg_tablet, .main_bg_pc{ width: 100%; display: block; position: relative; z-index: 0;}
.main_bg_tablet{ display: block;}
.main_bg_tablet_cloud{ display: block; width: 200%; overflow: hidden; position: absolute; left: -100%; right: 0; top: 0; animation: cloud linear 150s infinite;}
.main_bg_pc_cloud{ display: none;}
.main_bg_pc{ display: none;}
.main_basic{ position: absolute; z-index: 0;}
.main_person{ position: absolute;}
.main_object_wrap{ position: absolute;}
.sub_object{ position: absolute;}

@keyframes cloud {
    0%{ left: -100%;}
    100%{ left: 0%;}
}

/* 벤치_뒤 */
.main_basic.bench_back_01{ top: 35%; left: 35.7%; width: 2.81%;}
.main_basic.bench_back_02{ top: 58.5%; right: 22.3%; width: 2.81%;}
.main_basic.bench_back_03{ top: 42%; right: 0.5%; width: 2.81%;}
.main_basic.bench_back_04{ top: 38.5%; left: 42.4%; width: 2.81%;}
.main_basic.bench_back_05{ top: 39.7%; left: 0.2%; width: 2.81%;}
.main_basic.bench_back_06{ bottom: 30%; left: 31.8%; width: 2.81%; z-index: 40;}
.main_basic.bench_back_07{ bottom: 18%; left: 19.7%; width: 2.81%;}

/* 벤치_앞 */
.main_basic.bench_front_01{ top: 56.5%; left: 39.4%; width: 2.81%;}
.main_basic.bench_front_02{ top: 32%; left: 11%; width: 2.81%; z-index: 10;}
.main_basic.bench_front_03{ bottom: 27%; left: 29%; width: 2.81%; z-index: 40;}

/* 벤치테이블_뒤 */
.main_basic.table_01{ top: 33.5%; left: 22.8%; width: 4.9%; z-index: 0;}
.main_basic.table_02{ bottom: 25.2%; right: 23%; width: 4.9%;}
.main_basic.table_03{ bottom: 8.3%; right: 33%; width: 4.9%;}
.main_basic.table_04{ bottom: 12.5%; right: 37%; width: 4.9%;}
.main_basic.table_05{ bottom: 21.2%; right: 46%; width: 4.9%; z-index: 10;}
.main_basic.table_06{ bottom: -2.5%; right: 22.5%; width: 4.9%;}
.main_basic.table_07{ bottom: 22%; right: 2.5%; width: 4.9%;}
.main_basic.table_08{ bottom: 26%; right: -1.3%; width: 4.9%;}

/* 나무_뒤 */
.main_basic.tree_back_01{ top: 16.5%; left: 8.9%; width: 9.8%;}
.main_basic.tree_back_02{ top: 48.5%; right: 0.9%; width: 9.8%;}
.main_basic.tree_back_03{ top: 13.3%; right: 20.5%; width: 7.4%;}

.main_basic.tree_back_04{ bottom: 22.1%; left: 32.1%; width: 5.1%;}
.main_basic.tree_back_05{ top: 38.5%; left: 6.2%; width: 5.1%;}
.main_basic.tree_back_06{ top: 49%; right: 21.7%; width: 6.8%;}
.main_basic.tree_back_07{ top: 34%; right: 1%; width: 5.1%;}

.main_basic.tree_back_08{ top: 16.3%; left: 4.9%; width: 6.8%;}
.main_basic.tree_back_09{ top: 20.1%; left: 29.8%; width: 6.8%;}
.main_basic.tree_back_10{ top: 49%; right: 36.3%; width: 6.8%;}
.main_basic.tree_back_11{ top: 51%; right: 38.3%; width: 6.8%;}
.main_basic.tree_back_12{ top: 41.9%; right: 24.8%; width: 6.8%; z-index: 0;}
.main_basic.tree_back_13{ top: 39.8%; right: 26.8%; width: 6.8%; z-index: 0;}
.main_basic.tree_back_14{ top: 37.4%; right: 29.4%; width: 6.8%; z-index: 0;}

.main_basic.tree_back_15{ top: 24.7%; left: 27.9%; width: 4.1%;}
.main_basic.tree_back_16{ top: 41.8%; right: 33.5%; width: 5.1%; z-index: 10;}
.main_basic.tree_back_17{ top: 52%; right: 34%; width: 5.1%; z-index: 20;}

.main_basic.tree_back_18{ top: 19%; right: 3%; width: 3.2%;}

/* 나무_앞 */
.main_basic.tree_front_01{ bottom: 25.4%; right: 31.9%; width: 5.1%; z-index: 30;}
.main_basic.tree_front_02{ bottom: 4.5%; left: 32.9%; width: 5.1%; z-index: 10;}
.main_basic.tree_front_03{ bottom: 19.5%; right: 19.3%; width: 5.1%;}
.main_basic.tree_front_04{ bottom: 19.3%; right: 38.4%; width: 5.1%;}
.main_basic.tree_front_05{ bottom: 1.7%; right: -0.4%; width: 6.8%;}

.main_basic.tree_front_06{ top: 27.5%; left: -2%; width: 6.8%; z-index: 20;}
.main_basic.tree_front_07{ top: 28.5%; left: -0.2%; width: 6.8%; z-index: 20;}
.main_basic.tree_front_08{ top: 16.1%; right: -0.6%; width: 6%; z-index: 10;}
.main_basic.tree_front_09{ top: 38.8%; left: 13.5%; width: 6.8%;}
.main_basic.tree_front_10{ top: 43.3%; left: 17.6%; width: 6.8%; z-index: 20;}
.main_basic.tree_front_11{ top: 44.5%; left: 16.1%; width: 6.8%; z-index: 20;}
.main_basic.tree_front_12{ top: 15%; right: 31.9%; width: 6.8%;}
.main_basic.tree_front_13{ bottom: 13%; left: 21%; width: 6.8%; z-index: 50;}
.main_basic.tree_front_14{ bottom: 15%; left: 23%; width: 6.8%; z-index: 50;}
.main_basic.tree_front_15{ bottom: 17%; left: 25%; width: 6.8%; z-index: 50;}
.main_basic.tree_front_16{ bottom: 24.5%; right: 34.2%; width: 6.8%; z-index: 40;}
.main_basic.tree_front_17{ bottom: 26.9%; right: 19.2%; width: 6.8%; z-index: 10;}
.main_basic.tree_front_18{ bottom: 24.8%; left: 36.3%; width: 6.8%; z-index: 20;}
.main_basic.tree_front_19{ bottom: 22.8%; left: 38.3%; width: 6.8%; z-index: 10;}

.main_basic.tree_front_20{ top: 32.8%; right: 25.5%; width: 5.1%;}
.main_basic.tree_front_21{ top: 36.5%; right: 21.5%; width: 5.1%; z-index: 10;}
.main_basic.tree_front_22{ top: 18.8%; right: -0.6%; width: 4.1%;}

.main_basic.tree_front_23{ top: 34.5%; right: 38.9%; width: 4.1%; z-index: 10;}
.main_basic.tree_front_24{ top: 25%; left: 45%; width: 4.1%;}
.main_basic.tree_front_25{ top: 24.3%; right: -1.7%; width: 4.1%;}
.main_basic.tree_front_26{ top: 20.8%; right: 7.8%; width: 3.2%;}
.main_basic.tree_front_27{ top: 28%; left: 47.2%; width: 3.2%;}
.main_basic.tree_front_28{ bottom: 4.4%; right: 19%; width: 4.1%;}
.main_basic.tree_front_29{ bottom: 2.4%; right: 16.5%; width: 3.2%;}

.main_basic.tree_front_30{ top: 25.2%; right: 30.5%; width: 4.6%; z-index: 10;}

/* 성 */
.main_basic.castle{ bottom: -4.5%; left: 0.4%; width: 26%; z-index: 90;}

/* 표지판_뒤 */
.main_basic.board_01{ top: 42.3%; right: 37%; width: 3%;}
.main_basic.board_02{ top: 39.8%; left: 40.6%; width: 3%;}
.main_basic.board_03{ top: 34.6%; left: 37.7%; width: 4.3%;}
.main_basic.board_04{ top: 61%; left: 40%; width: 4.3%;}

/* 사람_뒤 */
/* person_front_12과 같이 */
.main_person.person_back_01{ top: 37.8%; left: 17.4%; width: 3.9%; z-index:0;}
/* person_front_12과 같이 */

.main_person.person_back_02{ bottom: 30.3%; right: 43.3%; width: 4%;}
.main_person.person_back_03{ top: 36.4%; left: 35.5%; width: 4.3%;}
.main_person.person_back_04{ top: 48.5%; right: 33.2%; width: 4.3%; z-index: 10;}

/* 사람_앞 */
.main_person.person_front_01{ bottom: 7.3%; left: 9.3%; width: 3.9%; z-index: 100;}
.main_person.person_front_02{ bottom: 3%; right: 26.5%; width: 4%; z-index: 10;}
.main_person.person_front_03{ bottom: 37.8%; left: 41.5%; width: 4.8%;}
.main_person.person_front_04{ bottom: 22.8%; left: 21.4%; width: 5.8%; z-index: 30;}
.main_person.person_front_05{ bottom: 32.4%; right: 2.3%; width: 3.4%;}
.main_person.person_front_06{ bottom: 13%; right: 2.2%; width: 4.4%;}
.main_person.person_front_07{ bottom: 17.8%; right: 34%; width: 4.1%;}
.main_person.person_front_08{ bottom: 24.8%; left: 42.1%; width: 4.5%; z-index: 10;}
.main_person.person_front_09{ top: 30%; left: 43.1%; width: 3.2%;}
.main_person.person_front_10{ top: 55.5%; right: 43.9%; width: 3.4%; z-index: 20;}
.main_person.person_front_11{ top: 32.4%; left: 6.6%; width: 3.3%; z-index: 20;}

/* person_back_01과 같이 */
.main_person.person_front_12{ top: 40.4%; left: 22.2%; width: 3.2%;}
/* person_back_01과 같이 */

.main_person.person_front_13{ top: 28.5%; left: 33.8%; width: 3.5%; z-index: 10;}
.main_person.person_front_14{ bottom: 7%; left: 0.4%; width: 4.1%;}

/* 사람_서브 */
.main_person.person_sub_01{ top: 34.5%; left: 11.9%; width: 4.8%;}
.main_person.person_sub_03{ bottom: 12.5%; right: 22.5%; width: 4.5%;}
.main_person.person_sub_07{ bottom: 31.2%; left: 34.4%; width: 5.1%; z-index: 20;}


/* 메인오브젝트 */
.main_object{ width:100%; position: relative;}
.main_object_wrap.one{ top: 10%; left: 13.3%; width: 15.7%; z-index:2000;}
.main_object_wrap.two{ top: 26.2%; left: 41.9%; width: 18%; z-index: 10;}
.main_object_wrap.three{ top: 10.5%; right: 6.5%; width: 19.5%; z-index: 10;}

.main_object_wrap.four{ top: 39.7%; left: -1%; width: 21.5%; z-index: 10;}
.main_object_wrap.five{ bottom: 0.0%; left: 41%; width: 16.3%; z-index: 20;}
.main_object_wrap.six{ bottom: 7.5%; right: 4.5%; width: 17.8%; z-index: 10;}

/* 메인오브젝트 애니 */
.object.ani{display:none;}
.object .item_ani_cloud{opacity:0;}
.object.ani .item_ani_cloud{animation-name:item_ani_cloud; animation-duration:0.65s; animation-fill-mode:both; animation-timing-function:ease-out; animation-delay:0;}
@-webkit-keyframes item_ani_cloud{
    0%{transform:scale(100%); opacity:1;}
    80%{opacity:0.9;}
    100%{opacity:0; transform:scale(100%);}
}

.object.ani .item_ani{animation-name:item_ani; animation-duration:0.55s; animation-fill-mode:both; animation-timing-function:ease-out; animation-delay:0.55s;}
@-webkit-keyframes item_ani{
    0%{transform:scale(85%); opacity:0;}
    100%{opacity:1; transform:scale(100%);}
}  

/* 메인오브젝트 버튼 */
.main_object_btn{ position: absolute; background: url(../images/main/main_btn.png) no-repeat; background-size: cover; transition: 0.2s;}
.main_object_btn_number{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: 'yg-jalnan'; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #794d79; font-size: 36px; text-shadow: 2px 2px 1px rgba(0,0,0,0.2);}

div.main_object_wrap{ filter: brightness(60%); -webkit-filter: brightness(60%);}

.main_object_btn.one{ width: 52.98%; padding-top: 52.98%; left: 38%; top: 30.5%;}
.main_object_btn.two{ width: 46.51%; padding-top: 46.51%; left: 27%; top: 33.4%;}
.main_object_btn.three{ width: 42.78%; padding-top: 42.78%; left: 14.2%; top: 33.8%;}
.main_object_btn.four{ width: 38.83%; padding-top: 38.83%; left: 34.2%; top: 21.8%;}
.main_object_btn.five{ width: 51.28%; padding-top: 51.28%; left: 27.5%; top: 26.8%;}
.main_object_btn.six{ width: 46.78%; padding-top: 46.78%; left: 31.8%; top: 31.8%;}

a.main_object_wrap .main_object_btn:hover{ transform: scale(1.1);}

a.main_object_wrap.finish .main_object_btn{transform:scale(0.4);}
a.main_object_wrap.finish:hover .main_object_btn{transform:scale(0.5);}

a.main_object_wrap.finish .main_object_btn.one{left:53%; top:25%;}
a.main_object_wrap.finish .main_object_btn.two{left:27%; top:19%;}
a.main_object_wrap.finish .main_object_btn.three{left:33%; top:19%;}
a.main_object_wrap.finish .main_object_btn.four{left:36%; top:8%;}
a.main_object_wrap.finish .main_object_btn.five{left:-16%; top:22%;}
a.main_object_wrap.finish .main_object_btn.six{left:55%; top:39%;}

@media all and (min-width:960px) {
    .main_object_btn_number{font-size:44px;}
}
@media all and (min-width:1080px) {
    .main_object_btn_number{font-size:52px;}
}
@media all and (min-width:1280px) {
    .main_object_btn_number{font-size:64px;}
}
@media all and (min-width:1440px) {
    .main_object_btn_number{font-size:72px;}
}
@media all and (min-width:1680px) {
    .main_object_btn_number{font-size:88px;}
}
@media all and (min-width:1920px) {
    .main_object_btn_number{font-size:98px;}
}

/* 서브오브젝트 item_1 ~ item_32 */
.sub_object.item_1{ top: 27.5%; left: 22.5%; width: 16%; z-index: 10;}
.sub_object.item_2{ top: 43.8%; right: 10%; width: 11.8%;}
.sub_object.item_3{ top: 52.3%; left: 21%; width: 12%; z-index: 20;}
.sub_object.item_4{ top: 15.1%; left: -1%; width: 12.3%; z-index: 10;}
.sub_object.item_5{ top: 8%; right: 37.1%; width: 14.1%;}
.sub_object.item_6{ top: 24.2%; right: 32.5%; width: 9.2%;}
.sub_object.item_7{ top: 20%; right: 27%; width: 5.3%;}
.sub_object.item_8{ top: 22.7%; right: 2.8%; width: 5.5%;}
.sub_object.item_9{ top: 45.2%; right: 28.4%; width: 6%; z-index: 20;}
.sub_object.item_10{ bottom: 27.3%; right: 40.4%; width: 6.9%; z-index: 30;}
.sub_object.item_11{ bottom: 28.4%; right: 25.8%; width: 7%; z-index: 10;}
.sub_object.item_12{ bottom: 32.4%; right: 36.1%; width: 6.9%; z-index: 20;}
.sub_object.item_13{ top: 42.3%; right: 6.5%; width: 5.4%;}
.sub_object.item_14{ top: 35.3%; left: 18.5%; width: 6.3%; z-index: 20;}
.sub_object.item_15{ top: 53.8%; left: 34.5%; width: 5.3%;}
.sub_object.item_16{ bottom: 25.1%; left: 43.2%; width: 8%;}
.sub_object.item_17{ bottom: 4.6%; right: 26.5%; width: 8.3%; z-index: 10;}
.sub_object.item_18{ bottom: 2.4%; left: 2.7%; width: 6.3%; z-index: 100;}
.sub_object.item_19{ bottom: 8%; left: 29.8%; width: 9.9%; z-index: 10;}
.sub_object.item_20{ top: 19.5%; left: 34.8%; width: 9.8%;}

.sub_object.item_21{ bottom: 27.2%; right: 17.1%; width: 5.7%;}
.sub_object.item_22{ top: 39.5%; left: 38.1%; width: 5.1%; z-index: 10;}
.sub_object.item_23{ top: 28.5%; left: 11.5%; width: 4.8%;}
.sub_object.item_24{ bottom: 4.5%; left: 26%; width: 5.3%;}
.sub_object.item_25{ bottom: 34.2%; left: 34.4%; width: 5.1%; z-index: 20;}
.sub_object.item_26{ bottom: 0%; left: 7.3%; width: 6%; z-index: 100;}
.sub_object.item_27{ bottom: 12.6%; right: 22.7%; width: 4.4%;}
.sub_object.item_28{ bottom: 30.8%; right: 31.6%; width: 6.4%; z-index: 30;}
.sub_object.item_29{ top: 29.5%; left: 26.3%; width: 3%;}
.sub_object.item_30{ top: 32.7%; right: 34%; width: 5%; z-index: 10;}
.sub_object.item_31{ top: 33.4%; right: 10.3%; width: 7.2%; z-index: 20;}
.sub_object.item_32{ top: 42%; right: 0.5%; width: 5.5%;}


/* pc버전 */
@media all and (min-width:1280px) {
    .main_bg_tablet{ display: none;}
    .main_bg_pc{ display: block;}
    .main_bg_tablet_cloud{ display: none;}
    .main_bg_pc_cloud{ display: block; width: 200%; overflow: hidden; position: absolute; left: -100%; right: 0; top: 0; animation: cloud linear 150s infinite;}

    /* 벤치_뒤 */
    .main_basic.bench_back_01{ top: 29%; left: 35.5%;}
    .main_basic.bench_back_02{ top: 54.6%; right: 22.3%;}
    .main_basic.bench_back_03{ top: 37%; right: 0.4%;}
    .main_basic.bench_back_04{ top: 33%; left: 42.5%;}
    .main_basic.bench_back_05{ top: 34%; left: 0.2%;}
    .main_basic.bench_back_06{ bottom: 33%; left: 31.5%;}
    .main_basic.bench_back_07{ bottom: 20%; left: 19.5%;}

    /* 벤치_앞 */
    .main_basic.bench_front_01{ top: 52.5%; left: 39.5%;}
    .main_basic.bench_front_02{ top: 26%; left: 11%;}
    .main_basic.bench_front_03{ bottom: 29.5%; left: 28.5%;}

    /* 벤치테이블_뒤 */
    .main_basic.table_01{ top: 27.3%; left: 22.5%;}
    .main_basic.table_02{ bottom: 27.5%; right: 23%;}
    .main_basic.table_03{ bottom: 9%; right: 33.3%;}
    .main_basic.table_04{ bottom: 13%; right: 37%;}
    .main_basic.table_05{ bottom: 23.2%; right: 46%;}
    .main_basic.table_06{ bottom: -2%; right: 23%;}
    .main_basic.table_07{ bottom: 24%; right: 2.5%;}
    .main_basic.table_08{ bottom: 28%; right: -1%;}

    /* 나무_뒤 */
    .main_basic.tree_back_01{ top: 9%; left: 8.8%;}
    .main_basic.tree_back_02{ top: 43.8%; right: 0.9%;}
    .main_basic.tree_back_03{ top: 5%; right: 20%;}

    .main_basic.tree_back_04{ bottom: 24.5%; left: 32.4%;}
    .main_basic.tree_back_05{ top: 33%; left: 7%;}
    .main_basic.tree_back_06{ top: 44%; right: 21.7%;}
    .main_basic.tree_back_07{ top: 28%; right: 1%;}

    .main_basic.tree_back_08{ top: 9%; left: 4.5%;}
    .main_basic.tree_back_09{ top: 12.5%; left: 30%;}
    .main_basic.tree_back_10{ top: 44.5%; right: 36.5%;}
    .main_basic.tree_back_11{ top: 46.5%; right: 38.5%;}
    .main_basic.tree_back_12{ top: 36.3%; right: 25%;}
    .main_basic.tree_back_13{ top: 34%; right: 27%;}
    .main_basic.tree_back_14{ top: 31.5%; right: 29.3%;}

    .main_basic.tree_back_15{ top: 18%; left: 28%;}
    .main_basic.tree_back_16{ top: 36.5%; right: 33.5%;}
    .main_basic.tree_back_17{ top: 47%; right: 34%;}

    .main_basic.tree_back_18{ top: 11.5%; right: 3%;}

    /* 나무_앞 */
    .main_basic.tree_front_01{ bottom: 28%; right: 32%;}
    .main_basic.tree_front_02{ bottom: 5%; left: 33%;}
    .main_basic.tree_front_03{ bottom: 22%; right: 19%;}
    .main_basic.tree_front_04{ bottom: 21%; right: 38.5%;}
    .main_basic.tree_front_05{ bottom: 2%; right: 0%;}

    .main_basic.tree_front_06{ top: 21%; left: -2%;}
    .main_basic.tree_front_07{ top: 21.5%; left: 0%;}
    .main_basic.tree_front_08{ top: 9%; right: -0.6%;}
    .main_basic.tree_front_09{ top: 33%; left: 13.5%;}
    .main_basic.tree_front_10{ top: 38%; left: 17.5%;}
    .main_basic.tree_front_11{ top: 39.3%; left: 16%;}
    .main_basic.tree_front_12{ top: 7.5%; right: 31.7%;}
    .main_basic.tree_front_13{ bottom: 13%; left: 21%;}
    .main_basic.tree_front_14{ bottom: 15%; left: 23%;}
    .main_basic.tree_front_15{ bottom: 17%; left: 25%;}
    .main_basic.tree_front_16{ bottom: 27%; right: 34.5%;}
    .main_basic.tree_front_17{ bottom: 29.5%; right: 19.1%;}
    .main_basic.tree_front_18{ bottom: 27%; left: 36%;}
    .main_basic.tree_front_19{ bottom: 25%; left: 38%;}

    .main_basic.tree_front_20{ top: 26%; right: 25.5%;}
    .main_basic.tree_front_21{ top: 30.8%; right: 21.5%;}
    .main_basic.tree_front_22{ top: 12%; right: -0.5%;}

    .main_basic.tree_front_23{ top: 28.5%; right: 39%;}
    .main_basic.tree_front_24{ top: 17.5%; left: 45%;}
    .main_basic.tree_front_25{ top: 17.5%; right: -2%;}
    .main_basic.tree_front_26{ top: 13.3%; right: 7.8%;}
    .main_basic.tree_front_27{ top: 21%; left: 47%;}
    .main_basic.tree_front_28{ bottom: 5%; right: 19%;}
    .main_basic.tree_front_29{ bottom: 3%; right: 16.5%;}

    .main_basic.tree_front_30{ top: 18%; right: 30.2%;}

    /* 성 */
    .main_basic.castle{ bottom: -5%; left: 0%;}
 
    /* 표지판_뒤 */
    .main_basic.board_01{ top: 37%; right: 37%;}
    .main_basic.board_02{ top: 34.3%; left: 40.7%;}
    .main_basic.board_03{ top: 28.5%; left: 37.3%;}
    .main_basic.board_04{ top: 58%; left: 40%;}

    /* 사람_뒤 */
    /* person_front_12과 같이 */
    .main_person.person_back_01{ top: 32%; left: 17.4%;}
    /* person_front_12과 같이 */

    .main_person.person_back_02{ bottom: 33%; right: 43%;}
    .main_person.person_back_03{ top: 30%; left: 35.3%;}
    .main_person.person_back_04{ top: 43.3%; right: 33.5%;}

    /* 사람_앞 */
    .main_person.person_front_01{ bottom: 8.5%; left: 9%;}
    .main_person.person_front_02{ bottom: 3.8%; right: 26.8%;}
    .main_person.person_front_03{ bottom: 41%; left: 41.3%;}
    .main_person.person_front_04{ bottom: 24.7%; left: 21.7%;}
    .main_person.person_front_05{ bottom: 36%; right: 2%;}
    .main_person.person_front_06{ bottom: 15%; right: 2.2%;}
    .main_person.person_front_07{ bottom: 20%; right: 34.1%;}
    .main_person.person_front_08{ bottom: 27%; left: 42.5%;}
    .main_person.person_front_09{ top: 23.5%; left: 43%;}
    .main_person.person_front_10{ top: 51.5%; right: 44%;}
    .main_person.person_front_11{ top: 26%; left: 6.5%;}

    /* person_back_01과 같이 */
    .main_person.person_front_12{ top: 35.5%; left: 22%;}
    /* person_back_01과 같이 */

    .main_person.person_front_13{ top: 21.5%; left: 34%;}
    .main_person.person_front_14{ bottom: 7.5%; left: 0%;}

    /* 사람_서브 */
    .main_person.person_sub_01{ top: 28.5%; left: 11.8%;}
    .main_person.person_sub_03{ bottom: 14.5%; right: 22.5%;}
    .main_person.person_sub_07{ bottom: 34%; left: 34.1%;}
  
    /* 메인오브젝트 */
    .main_object_wrap.one{ top: 1.5%; left: 13%;}
    .main_object_wrap.two{ top: 17.7%; left: 41.8%;}
    .main_object_wrap.three{ top: 2.2%; right: 6.2%;}
    .main_object_wrap.four{ top: 34%; left: -1.3%;}
    .main_object_wrap.five{ bottom: 0.2%; left: 41%;}
    .main_object_wrap.six{ bottom: 8.5%; right: 4.5%;}

    /* 서브오브젝트 */
    .sub_object.item_1{ top: 21%; left: 22.7%;}
    .sub_object.item_2{ top: 38.5%; right: 10%;}
    .sub_object.item_3{ top: 47.8%; left: 20.9%;}
    .sub_object.item_4{ top: 7%; left: -1%;}
    .sub_object.item_5{ top: -0.1%; right: 37.1%;}
    .sub_object.item_6{ top: 17%; right: 32.5%;}
    .sub_object.item_7{ top: 12.5%; right: 26.8%;}
    .sub_object.item_8{ top: 15.7%; right: 2.5%;}
    .sub_object.item_9{ top: 40%; right: 28.5%;}
    .sub_object.item_10{ bottom: 30%; right: 40%;}
    .sub_object.item_11{ bottom: 31.3%; right: 26%;}
    .sub_object.item_12{ bottom: 35.5%; right: 36.5%;}
    .sub_object.item_13{ top: 36.5%; right: 6.4%;}
    .sub_object.item_14{ top: 29.5%; left: 18.4%;}
    .sub_object.item_15{ top: 49.5%; left: 34.5%;}
    .sub_object.item_16{ bottom: 27.5%; left: 43.7%;}
    .sub_object.item_17{ bottom: 5%; right: 27%;}
    .sub_object.item_18{ bottom: 3%; left: 2.5%;}
    .sub_object.item_19{ bottom: 9%; left: 30%;}
    .sub_object.item_20{ top: 11.5%; left: 34.8%;}

    .sub_object.item_21{ bottom: 30%; right: 17%;}
    .sub_object.item_22{ top: 33.8%; left: 38%;}
    .sub_object.item_23{ top: 29%; left: 11.5%;}
    .sub_object.item_24{ bottom: 4.5%; left: 26%;}
    .sub_object.item_25{ bottom: 34.2%; left: 34.4%;}
    .sub_object.item_26{ bottom: 0%; left: 7.5%;}
    .sub_object.item_27{ bottom: 14.5%; right: 22.5%;}
    .sub_object.item_28{ bottom: 34.5%; right: 31.7%;}
    .sub_object.item_29{ top: 22.5%; left: 26.2%;}
    .sub_object.item_30{ top: 26%; right: 34%;}
    .sub_object.item_31{ top: 27%; right: 10%;}
    .sub_object.item_32{ top: 36.5%; right: 0.5%;}
}

@media all and (min-width:1920px) {
    /* 벤치_뒤 */
    .main_basic.bench_back_01{ top: 29%; left: 35.5%; width: 54px;}
    .main_basic.bench_back_02{ top: 54.6%; right: 22.3%; width: 54px;}
    .main_basic.bench_back_03{ top: 37%; right: 0.4%; width: 54px;}
    .main_basic.bench_back_04{ top: 33%; left: 42.5%; width: 54px;}
    .main_basic.bench_back_05{ top: 34%; left: 0.2%; width: 54px;}
    .main_basic.bench_back_06{ bottom: 33%; left: 31.5%; width: 54px;}
    .main_basic.bench_back_07{ bottom: 20%; left: 19.5%; width: 54px;}

    /* 벤치_앞 */
    .main_basic.bench_front_01{ top: 52.5%; left: 39.5%; width: 54px;}
    .main_basic.bench_front_02{ top: 26%; left: 11%; width: 54px;}
    .main_basic.bench_front_03{ bottom: 29.5%; left: 28.5%; width: 54px;}

    /* 벤치테이블_뒤 */
    .main_basic.table_01{ top: 27.3%; left: 22.5%; width: 94px;}
    .main_basic.table_02{ bottom: 27.5%; right: 23%; width: 94px;}
    .main_basic.table_03{ bottom: 9%; right: 33.3%; width: 94px;}
    .main_basic.table_04{ bottom: 13%; right: 37%; width: 94px;}
    .main_basic.table_05{ bottom: 23.2%; right: 46%; width: 94px;}
    .main_basic.table_06{ bottom: -2%; right: 23%; width: 94px;}
    .main_basic.table_07{ bottom: 24%; right: 2.5%; width: 94px;}
    .main_basic.table_08{ bottom: 28%; right: -1%; width: 94px;}

    /* 나무_뒤 */
    .main_basic.tree_back_01{ top: 9%; left: 8.8%; width: 188px;}
    .main_basic.tree_back_02{ top: 43.8%; right: 0.9%; width: 188px;}
    .main_basic.tree_back_03{ top: 5%; right: 20%;}/* 작은나무 */

    .main_basic.tree_back_04{ bottom: 24.5%; left: 32.4%;}/* 작은나무 */
    .main_basic.tree_back_05{ top: 33%; left: 7%;}/* 작은나무 */
    .main_basic.tree_back_06{ top: 44%; right: 21.7%; width: 132px;}
    .main_basic.tree_back_07{ top: 28%; right: 1%;}/* 작은나무 */

    .main_basic.tree_back_08{ top: 9%; left: 4.5%; width: 130px;}
    .main_basic.tree_back_09{ top: 12.5%; left: 30%; width: 130px;}
    .main_basic.tree_back_10{ top: 44.5%; right: 36.5%; width: 130px;}
    .main_basic.tree_back_11{ top: 46.5%; right: 38.5%; width: 130px;}
    .main_basic.tree_back_12{ top: 36.3%; right: 25%; width: 130px;}
    .main_basic.tree_back_13{ top: 34%; right: 27%; width: 130px;}
    .main_basic.tree_back_14{ top: 31.5%; right: 29.3%; width: 130px;}

    .main_basic.tree_back_15{ top: 18%; left: 28%;}/* 작은나무 */
    .main_basic.tree_back_16{ top: 36.5%; right: 33.5%; width: 98px;}
    .main_basic.tree_back_17{ top: 47%; right: 34%; width: 98px;}

    .main_basic.tree_back_18{ top: 11.5%; right: 3%;}/* 작은나무 */

    /* 나무_앞 */
    .main_basic.tree_front_01{ bottom: 28%; right: 32%;}/* 작은나무 */
    .main_basic.tree_front_02{ bottom: 5%; left: 33%;}/* 작은나무 */
    .main_basic.tree_front_03{ bottom: 22%; right: 19%;}/* 작은나무 */
    .main_basic.tree_front_04{ bottom: 21%; right: 38.5%;}/* 작은나무 */
    .main_basic.tree_front_05{ bottom: 2%; right: 0%; width: 132px;}

    .main_basic.tree_front_06{ top: 21%; left: -2%; width: 130px;}
    .main_basic.tree_front_07{ top: 21.5%; left: 0%; width: 130px;}
    .main_basic.tree_front_08{ top: 9%; right: -0.6%;}/* 작은나무 */
    .main_basic.tree_front_09{ top: 33%; left: 13.5%; width: 130px;}
    .main_basic.tree_front_10{ top: 38%; left: 17.5%; width: 130px;}
    .main_basic.tree_front_11{ top: 39.3%; left: 16%; width: 130px;}
    .main_basic.tree_front_12{ top: 7.5%; right: 31.7%; width: 130px;}
    .main_basic.tree_front_13{ bottom: 13%; left: 21%; width: 130px;}
    .main_basic.tree_front_14{ bottom: 15%; left: 23%; width: 130px;}
    .main_basic.tree_front_15{ bottom: 17%; left: 25%; width: 130px;}
    .main_basic.tree_front_16{ bottom: 27%; right: 34.5%; width: 130px;}
    .main_basic.tree_front_17{ bottom: 29.5%; right: 19.1%; width: 130px;}
    .main_basic.tree_front_18{ bottom: 27%; left: 36%; width: 130px;}
    .main_basic.tree_front_19{ bottom: 25%; left: 38%; width: 130px;}

    .main_basic.tree_front_20{ top: 26%; right: 25.5%; width: 98px;}
    .main_basic.tree_front_21{ top: 30.8%; right: 21.5%; width: 98px;}
    .main_basic.tree_front_22{ top: 12%; right: -0.5%;}/* 작은나무 */

    .main_basic.tree_front_23{ top: 28.5%; right: 39%; width: 78px;}
    .main_basic.tree_front_24{ top: 17.5%; left: 45%; width: 78px;}
    .main_basic.tree_front_25{ top: 17.5%; right: -2%; width: 78px;}
    .main_basic.tree_front_26{ top: 13.3%; right: 7.8%; width: 78px;}
    .main_basic.tree_front_27{ top: 21%; left: 47%; width: 78px;}
    .main_basic.tree_front_28{ bottom: 5%; right: 19%; width: 78px;}
    .main_basic.tree_front_29{ bottom: 3%; right: 16.5%; width: 78px;}

    .main_basic.tree_front_30{ top: 18%; right: 30.2%; width: 88px;}

    /* 성 */
    .main_basic.castle{ bottom: -5%; left: 0%; width: 500px;}

    /* 표지판_뒤 */
    .main_basic.board_01{ top: 37%; right: 37%; width: 56px;}
    .main_basic.board_02{ top: 34.3%; left: 40.7%; width: 56px;}
    .main_basic.board_03{ top: 28.5%; left: 37.3%; width: 82px;}
    .main_basic.board_04{ top: 58%; left: 40%; width: 82px;}

    /* 사람_뒤 */
    /* person_front_12과 같이 */
    .main_person.person_back_01{ top: 32%; left: 17.4%; width: 74px;}
    /* person_front_12과 같이 */

    .main_person.person_back_02{ bottom: 33%; right: 43%; width: 76px;}
    .main_person.person_back_03{ top: 30%; left: 35.3%; width: 82px;}
    .main_person.person_back_04{ top: 43.3%; right: 33.5%; width: 82px;}

    /* 사람_앞 */
    .main_person.person_front_01{ bottom: 8.5%; left: 9%; width: 74px;}
    .main_person.person_front_02{ bottom: 3.8%; right: 26.8%; width: 76px;}
    .main_person.person_front_03{ bottom: 41%; left: 41.3%; width: 92px;}
    .main_person.person_front_04{ bottom: 24.7%; left: 21.7%; width: 110px;}
    .main_person.person_front_05{ bottom: 36%; right: 2%; width: 66px;}
    .main_person.person_front_06{ bottom: 15%; right: 2.2%; width: 84px;}
    .main_person.person_front_07{ bottom: 20%; right: 34.1%; width: 78px;}
    .main_person.person_front_08{ bottom: 27%; left: 42.5%; width: 86px;}
    .main_person.person_front_09{ top: 23.5%; left: 43%; width: 62px;}
    .main_person.person_front_10{ top: 51.5%; right: 44%; width: 66px;}
    .main_person.person_front_11{ top: 26%; left: 6.5%; width: 64px;}

    /* person_back_01과 같이 */
    .main_person.person_front_12{ top: 35.5%; left: 22%; width: 62px;}
    /* person_back_01과 같이 */

    .main_person.person_front_13{ top: 21.5%; left: 34%; width: 68px;}
    .main_person.person_front_14{ bottom: 7.5%; left: 0%; width: 78px;}
    
    /* 사람_서브 */
    .main_person.person_sub_01{ top: 28.5%; left: 11.8%; width: 92px;}
    .main_person.person_sub_03{ bottom: 14.5%; right: 22.5%; width: 86px;}
    .main_person.person_sub_07{ bottom: 34%; left: 34.1%; width: 98px;}
   
    /* 메인오브젝트 */
    .main_object_wrap.one{ top: 1.5%; left: 13%; width: 302px;}
    .main_object_wrap.two{ top: 17.7%; left: 41.8%; width: 344px;}
    .main_object_wrap.three{ top: 2.2%; right: 6.2%; width: 374px;}
    .main_object_wrap.four{ top: 34%; left: -1.3%; width: 412px;}
    .main_object_wrap.five{ bottom: 0.2%; left: 41%; width: 312px;}
    .main_object_wrap.six{ bottom: 8.5%; right: 4.5%; width: 342px;}

    /* 서브오브젝트 */
    .sub_object.item_1{ top: 21%; left: 22.7%; width: 308px;}
    .sub_object.item_2{ top: 38.5%; right: 10%; width: 230px;}
    .sub_object.item_3{ top: 47.8%; left: 20.9%; width: 230px;}
    .sub_object.item_4{ top: 7%; left: -1%; width: 236px;}
    .sub_object.item_5{ top: -0.1%; right: 37.1%; width: 270px;}
    .sub_object.item_6{ top: 17%; right: 32.5%; width: 176px;}
    .sub_object.item_7{ top: 12.5%; right: 26.8%; width: 102px;}
    .sub_object.item_8{ top: 15.7%; right: 2.5%; width: 106px;}
    .sub_object.item_9{ top: 40%; right: 28.5%; width: 116px;}
    .sub_object.item_10{ bottom: 30%; right: 40%; width: 128px;}
    .sub_object.item_11{ bottom: 31.3%; right: 26%; width: 134px;}
    .sub_object.item_12{ bottom: 35.5%; right: 36.5%; width: 132px;}
    .sub_object.item_13{ top: 36.5%; right: 6.4%; width: 104px;}
    .sub_object.item_14{ top: 29.5%; left: 18.4%; width: 120px;}
    .sub_object.item_15{ top: 49.5%; left: 34.5%; width: 102px;}
    .sub_object.item_16{ bottom: 27.5%; left: 43.7%; width: 152px;}
    .sub_object.item_17{ bottom: 5%; right: 27%; width: 160px;}
    .sub_object.item_18{ bottom: 3%; left: 2.5%; width: 120px;}
    .sub_object.item_19{ bottom: 9%; left: 30%; width: 190px;}
    .sub_object.item_20{ top: 11.5%; left: 34.8%; width: 188px;}

    .sub_object.item_21{ bottom: 30%; right: 17%; width: 110px;}
    .sub_object.item_22{ top: 33.8%; left: 38%; width: 98px;}
    .sub_object.item_23{ top: 29%; left: 11.5%; width: 92px;}
    .sub_object.item_24{ bottom: 4.5%; left: 26%; width: 102px;}
    .sub_object.item_25{ bottom: 34.2%; left: 34.4%; width: 98px;}
    .sub_object.item_26{ bottom: 0%; left: 7.5%; width: 116px;}
    .sub_object.item_27{ bottom: 14.3%; right: 22.5%; width: 86px;}
    .sub_object.item_28{ bottom: 34.5%; right: 31.7%; width: 122px;}
    .sub_object.item_29{ top: 22.5%; left: 26.2%; width: 54px;}
    .sub_object.item_30{ top: 26%; right: 34%; width: 96px;}
    .sub_object.item_31{ top: 27%; right: 10%; width: 138px;}
    .sub_object.item_32{ top: 36.5%; right: 0.5%; width: 106px;}
}

/** 팝업 애니메이션 **/
.pop_ticket_ani_bg{position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(255,255,255,0.8); z-index:2000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.pop_ticket_ani_wrap{position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; }
.pop_ticket_ani{width:100%; display:block; max-width:1024px;}

.pop_ticket_ani_area{width:52%; max-width:1024px; position:relative;}
.pop_ticket_current{width:100%; display:block;}

.pop_ticket_stamp{position:absolute; right:4.9%; top:12.7%; transition:0.35s; width:21.28%; max-width:219px; transform:scale(1200%); opacity:0; filter:blur(60px); -webkit-filter:blur(60px); transition-timing-function:ease}
.pop_ticket_stamp.ani{transform:scale(100%); opacity:1; filter:blur(0); -webkit-filter:blur(0);}

.pop_ticket_ani_close{position:absolute; width:52px; right:-62px; top:0; cursor:pointer;}

@media all and (min-width:960px){
    .pop_ticket_ani_close{width:58px; right:-68px;}
}
@media all and (min-width:1080px){
    .pop_ticket_ani_close{width:62px; right:-72px;}
}
@media all and (min-width:1280px){
    .pop_ticket_ani_close{width:68px; right:-78px;}
}
@media all and (min-width:1440px){
    .pop_ticket_ani_close{width:74px; right:-84px;}
}
@media all and (min-width:1680px){
    .pop_ticket_ani_close{width:82px; right:-92px;}
}
@media all and (min-width:1920px){
    .pop_ticket_ani_close{width:90px; right:-100px;}
}