@charset "UTF-8";

/* 신규가입 이벤트 */			

* {margin:0 auto;}
#newMember { position: relative; overflow: hidden; }
#newMember > [class^="stn_"] { position: relative; }
#newMember .inner { position: relative; width: 1100px; margin: 0 auto; text-align: center; }

.x-mas {width:100%;text-align:center;position:relative;}
#newMember .stn_01 {background: url(/Content_new/event/2022/01/img/20220112_NewEvent_01.png) center 0 no-repeat #124364; height:1381px;}
#newMember .stn_02 {background: url(/Content_new/event/2022/01/img/20220112_NewEvent_04.png) center 0 no-repeat #f5ad60; height:1141px;}
#newMember .stn_03 {background: url(/Content_new/event/2022/01/img/20220112_NewEvent_08.png) center 0 no-repeat #295e4d; height:732px;}
#newMember .stn_04 {background: center 0 no-repeat #295e4d; height:1033px;}
#newMember .stn_05 {background: url(/Content_new/event/2022/01/img/20220112_NewEvent_10.png) center 0 no-repeat #d8c0b4; height:691px;}
#newMember .stn_06 {background: #d8c0b4;}
#newMember .stn_08 {background: #d8c0b4; height:150px;}

.newMember_layer1 {position:absolute; float:left; left:300px; top:564px; z-index: 99;}
.newMember_layer2 {position:absolute; float:left; left:724px; top:764px; z-index: 99;}
.newMember_layer3 {position:absolute; float:left; left:240px; top:580px; z-index: 99;}
.newMember_layer4 {position:absolute; float:left; left:240px; top:734px; z-index: 99; line-height: 34px; font-size:24px; width:618px; text-align:center; letter-spacing:-2px; color:#ffffff;}
.newMember_layer5 {position:absolute; float:left; right:13px; top:1026px; z-index: 99;}

a { color:#666; text-decoration:none; vertical-align:middle; }

.newMember .inner-1000{width:1000px;position:relative;margin:0 auto;
}
.newMember .list_talk{text-align: left;}

.newMember .list_talk select{float:left; width:288px;height:30px;text-align: left;border:1px solid #eeeeee;color:#22272a;margin:25px 0 0 0px; font-size:14px;}
.newMember .list_talk input{width:26px;height:26px;margin:27px 2px 0 20px;float:left;}
.newMember .list_talk textarea{width:788px;height:59px;padding:10px;text-align: left;border:1px solid #eeeeee;color:#888888;margin:10px 0 25px 50px;font-family:'Malgun Gothic'; float:left;}
.newMember .talk_personal{float:left;margin:30px 0 0 2px; color:#888888;font-size:14px;}

.newMember .list_talk button{float:left;width:92px;height:79px;line-height: 79px;color:#fff;font-weight:bold;background:#295e4d;border: none;font-size:15px;margin-top:10px;}
.newMember .list_talk	.write_wrap{overflow:hidden;border-bottom:1px solid #fff;background:#eeeeee;}

.newMember .con .talk_talk{background:#fff;padding:0; margin-top:30px;}
.newMember .con .talk_talk>li{ background:#fff; padding:0;width:1000px;margin:0;position:relative; list-style-type:none; border-top:1px solid #222;}
.newMember .con .talk_talk>li:last-child{margin-bottom:0; border-bottom:1px solid #222; }
.newMember .con .talk_name{width:120px;height:48px;line-height:16px;background:#eeeeee;color:#22272a;font-size:14px;text-align:center;float:left;margin: 26px 26px 26px 50px; padding-top:10px;}
.newMember .con .talk_list1{float:left;color:#22272a;font-size:14px; position:absolute;top:30px;left:225px;line-height: 15px;}
.newMember .con .talk_list2{float:left;width:540px;color:#6f7d85;font-size:14px;position:absolute;top:30px;left:420px; line-height: 15px;}
.newMember .con .talk_list_wrap{overflow:hidden;}
.newMember .con .talk_pager>span{display: inline-block;border-radius: 4px;background:#fff;border:1px solid #d8d8d8;width:40px;height:40px;box-sizing: border-box;text-align: center;line-height:36px;font-size:14px;color:#888888;}
.newMember .con .talk_pager>span>a{display:block;}
.newMember .con .talk_pager_wrap{margin:auto;text-align: center !important;padding:20px 0 20px 0;}
.newMember .con .talk_pager>span>a:hover{background:#df4e55; color:#fff;font-weight: bold;border-radius: 4px;width:40px;height:40px;border:0;}
.newMember .con .icon_talk{float:left;padding:0; margin:0; width:30px; height:28px;text-align: left;margin:26px 0 0 50px; overflow:hidden;}
.newMember .con .icon_talk>li{ background:#fff; padding:1px;margin:0;position:relative; list-style-type:none;}

.main-title:after {content: attr(title);position: absolute;margin-left: -1em;color: rgba(255, 255, 255, 0.7);}
.btn {background-color: transparent;text-decoration: none;text-transform: uppercase; transition: .3s; padding: 1.3em;/*padding-bottom: 2.5em;*/  position: relative;}
.btn:after {bottom: .5em;content: attr(href); left: 50%;position: absolute;text-transform: none;transform: translateX(-50%);}

.newEVENT_layer {position:absolute; left:50%; margin:0 0 0 -704px; top:0; width:1100px; z-index:1; }
.newEVENT_layer .layer_content { text-align:center; }
.ek_EVENT li:first-child { padding-top:290px; padding-left:534px; animation:fadeIn_up .4s 0.6s ease both;list-style:none;}
.ek_EVENT li:last-child { padding:0 0 0 200px; animation:fadeIn_up .6s 0.8s ease both; list-style:none; }
.newEVENT_layer .img li:first-child { position:absolute; left:250px; top:0px; animation:fadeIn_down .6s 1.0s ease-out both;list-style:none; }
.newEVENT_layer .img li:last-child { position:absolute; right:-58px; top:94px; animation:fadeIn_down .6s 1.2s ease-out both; list-style:none; }

@keyframes fadeIn_up {
0% { opacity:0;	transform:translateY(20%); }
100% { opacity:1; }
}
@keyframes fadeIn_down {
0% { transform:translateY(-40%); opacity:0;	}
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0;	transform:translateY(5%); }
100% { opacity:1; }
}

.toggle_btn{width:1100px;height:100px;background:url(/Content_new/event/2022/01/img/20220112_NewEvent_11.png) no-repeat 0 0;display:inline-block;}
.toggle_btn.on{background-image:url(/Content_new/event/2022/01/img/20220112_NewEvent_12.png);}
.toggle_con{display:none; }

.imgSelect {cursor:pointer;}
.popupLayer {position: absolute; display:none; width:618px; height:680px;  z-index:9999; overflow-y:scroll; overflow-x:hidden;}
.popupLayer div {position:absolute;}