@charset "utf-8";
/* CSS Document */


/* 공감 이벤트 */
.event_top_visual {width:100%; height:550px; background:url(/special/kfuture/english/images/event/event_bg_top.jpg) no-repeat center top;}
.event_top_con {width:1000px; margin:0 auto; word-break:keep-all; text-align:center;}
.event_top_con h2 {font-size:88px; font-weight:bold; letter-spacing:-0.05em;}
.event_top_con h2 span {color:#009cff;}
.event_top_con p.txt {margin:26px 0 10px; font-size:22px;}

.event_top_con .counter {position:relative; width:1000px;}
.event_top_con .counter div img { position:absolute; top:30px; left:294px;}



.event_top_con .counter .counter_text01 {font-size:30px; font-weight:bold; color:#222222; margin-top:70px;}
.event_top_con .counter .counter_text02 {position:absolute; font-size:48px; font-weight:bold; color:#222222; top:75px; right:160px;}
.event_top_con .counter .counter_text03 {font-size:30px; font-weight:bold; color:#222222; margin-top:20px;}
.event_top_con .counter .clock {margin:2em; margin:0 auto; margin-top:20px; left:150px;}




.event_con {width:1000px; margin:0 auto; text-align:center;}

.e_con1 {padding-top:50px; padding-bottom:100px;}
.e_con1 .message_paper {width:534px; height:237px; margin:0 auto; background:url(/special/kfuture/english/images/event/event_img2.jpg) no-repeat; }
.e_con1 p.txt1 {margin:40px 0; font-size:18px; letter-spacing:-0.01em; line-height:30px;}
.e_con1 p.txt2 {font-size:30px; font-weight:bold; letter-spacing:-0.03em; line-height:40px;}
.e_con1 p.txt2 span {color:#ff6363;}
.e_con1 p.txt3 {padding:50px 20px 20px 20px; font-size:24px; font-weight:bold; letter-spacing:-0.03em; line-height:36px;}

.e_con2 {width:1000px; padding:60px 0 30px;; margin-bottom:10px; background:#9ce3d0; }
.e_con2 p.stit {margin-bottom:30px; font-size:30px; font-weight:bold; color:#324943;}
.message_area {position:relative; width:1000px; height:310px; background:url(/special/kfuture/english/images/event/event_img3.gif) no-repeat}
.message_area p {}
.message_area p.txt1 {float:left; position:absolute; top:77px; left:126px;}
.message_area p.txt2 {float:left; position:absolute; top:77px; left:343px;}
.message_area p.txt3 {float:left; position:absolute; top:77px; right:345px;}
.message_area p.txt4 {float:left; position:absolute; top:77px; right:120px;}
.message_area .rbt_area {position:absolute; top:237px; left:80px; }
.message_area .rbt_area .i_radio {width:33px; height:33px; border-style:none; margin: 0 86px;}

.e_con3 {width:1000px; padding:100px 0 60px; margin-bottom:100px; background:#f4faf7; }
.e_con3  p.txt1 {margin-bottom:30px; font-size:18px; line-height:26px; }
.e_con3  p.txt1 span {color:#ff6363;}
.e_con3  p.txt2 {color:#666; font-size:13px; line-height:20px;}
.e_con3 div img {margin:20px 0;}
/* 공감 이벤트 */


/* 공감 이벤트 신청폼 */
.contents2 {width:1000px; padding:20px 50px 0; margin:0 auto; border-top:#CCC 1px solid; word-break:keep-all;}
.contents2 .navi {font-size:12px; color:#666; text-align:right;}
.contents2 .navi span {color:#222;}
.contents2 h2 {padding:0 0 20px; margin:35px 0 50px 0; border-bottom:1px solid #dfdfdf; font-size:33px; font-weight:bold; letter-spacing:-0.02em;}
.receive_area {position:relative; width:1000px; margin:0 auto 100px; text-align:left;}

.input_list_area {position:relative; border-top:1px solid #c8c8c8; margin:5px 0 20px; border-right:1px solid #c8c8c8; border-left:1px solid #c8c8c8;}
.input_list_area li {padding:0; margin:0; background:none; line-height:normal; border-bottom:1px solid #c8c8c8;}
.input_list_area li:after {content:""; display:block; clear:both;}
.input_list_area .tit {float:left; display:inline-block; width:198px; border-right:1px solid #c8c8c8; line-height:34px; padding:15px 12px; background:#f1f9fd;}
.input_list_area .tit_1 {float:left; display:inline-block; width:198px; border-right:1px solid #c8c8c8; height:180px; line-height:34px; padding:15px 12px; background:#f1f9fd;}
.input_list_area .tit2 {float:left; display:inline-block; width:198px; height:68px; line-height:34px; padding:15px 12px;}
.input_list_area .field_wrap {float:left; width:750px; padding:15px 12px; background:#fff;}
.input_list_area .field_wrap p {line-height:34px;}
.input_list_area .field_wrap .cap {font-size:14px;}
.input_list_area .field_wrap2 {float:left; width:200px; padding:15px 12px; background:#fff;}
.input_list_area .field_wrap2 .i_label {padding:5px 0 0 5px; font-size:14px;}
.input_list_area .item {position:relative;}
.input_list_area .i_text {display:block; position:relative; width:300px; margin:0; padding:2px 0 6px 10px; border:1px solid #999; background:transparent; height:24px; color:#222;}
.input_list_area .i_text2 {display:block; position:relative; width:640px; margin:0; padding:2px 0 6px 10px; border:1px solid #999; background:transparent; height:24px; color:#222;}
.input_list_area .i_text3 {display:block; position:relative; width:640px; height:170px; margin:0; padding:2px 0 6px 10px; border:1px solid #999; background:transparent; color:#222;}
.input_list_area .item select {height:32px; font-size:16px;}

.sel_txt {clear:both; padding:20px; border:1px solid #c5c5c5; background:#fcfcfc; overflow:hidden;}
.sel_txt li {float:none; padding:0; background:none; font-size:14px; line-height:26px;}
.sel_txt .sel_inpup {clear:both; float:left; width:30px;}
.sel_txt .sel_txt1 {float:left; /*width:920px;*/ margin-bottom:7px;}
.sel_txt2 {clear:both; padding:30px 0 0 0; margin-bottom:70px;}

.sel_txt .sel_txt3 a {float:left; color:#00a3e0; font-size:13px; padding-left:20px;}

.receive_area h3 {margin-bottom:22px; font-size:22px; font-weight:bold; color:#00a3e0;}
.receive_area p.txt2 {margin-bottom:30px; line-height:26px;}
/* //공감 이벤트 신청폼 */


/* 공감 이벤트 버튼 */
.btn_red {clear:both; text-align:center;}
.btn_red img {padding-top:20px;}
.btn_red a {display:inline-block; height:64px; padding:10px 80px; margin:20px auto; background:#ff6666; font-size:24px; font-weight:bold; line-height:56px; color:#fff; text-align:center; text-transform:uppercase; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.btn_red a:hover {background:#ff7171; text-decoration:none;}

.btn_blue {clear:both; padding-top:30px; margin-top:30px; border-top:1px solid #e1e1e1; text-align:center;}
.btn_blue a {display:inline-block; height:64px; padding:0 100px; margin:20px auto; background:#009ee2; font-size:24px; font-weight:bold; line-height:56px; color:#fff; text-align:center; text-transform:uppercase;}
.btn_blue a:hover {background:#51bdeb; text-decoration:none;}


.author_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.author_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.author_layer .author_pop-layer {display:block;}

.author_pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 700px; height:auto;  background-color:#fff; border: 5px solid #666666; z-index: 10;}	
.author_pop-layer .pop-container {padding: 10px 25px;}
.author_pop-layer p.ctxt {color: #666; line-height: 25px;}
.author_pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

.author_pop-layer .pop-container p {margin-top:50px; text-align:center; }


.pop_btn_set {display:table; margin:0 auto; margin-top:15px; text-align:center;}

.pop_btn01 {display:inline-block; float:left;}
.pop_btn02 {display:inline-block; float:left; margin-left:10px;}

.pop_btn01 a {display:inline-block; height:30px; padding:10px 30px; margin:20px auto; background:#9d9d9d; font-size:14px; font-weight:bold; line-height:25px; color:#fff; text-align:center; text-transform:uppercase; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.pop_btn01 a:hover {background:#a8a8a8; text-decoration:none;}

.pop_btn02 a {display:inline-block; height:30px; padding:10px 30px; margin:20px auto; background:#ff6666; font-size:14px; font-weight:bold; line-height:25px; color:#fff; text-align:center; text-transform:uppercase; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.pop_btn02 a:hover {background:#ff7171; text-decoration:none;}

.pop_close {float:right; width:26px; height:26px; margin:10px 0 0 0;}
.pop_close a {display:block; width:26px; height:26px; background:url(/special/kfuture/english/images/close_btn.png) center center no-repeat;}
.pop_close a:hover {background:url(/special/kfuture/english/images/main/menu_close_on.png) center center no-repeat;}

/* //공감 이벤트 버튼 */


/* 당첨자 */
.winners_list {overflow:hidden; margin:40px 0 20px; padding:40px; background:#f4faf7; text-align:center;}
.winners_list ul {}
.winners_list li {float:left; width:25%; text-align:left; padding:0; line-height:40px;}
/* //당첨자 */