@charset "utf-8";

.open_event {width:100%; height:auto; line-height:1.5;}
.open_event h3 {margin:0 0 15px 0;}
.section01 {width:100%; height:auto; padding:0 0 40px 0; background:#d8b060  no-repeat center top; background-size:100% auto; position:relative;}
.section01 h2 {margin:0 0 20px 0;}
.section01 h2 img {display:block; margin:0 auto; width:100%; max-width:980px;}
.section01 .summery {margin:0 0 15px 0;}
.section01 .summery img {display:block; margin:0 auto; width:96%; max-width:755px;}
.section01 .event_cont {margin:0 5%; padding:20px 4% 25px 4%; background:#fff url(../../web/images/event/open_event/section01_contbg.gif) repeat left top; font-size:14px;
-moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.section01 .event_cont h3 {margin:0 0 10px 0;}
.section01 .event_cont .tip {color:#eb1b2e; font-weight:600; background:url(../../web/images/event/open_event/section01_tip.png) no-repeat left top; padding:5px 0 0 70px; min-height:46px; margin:10px 0 20px 0;}
.section01 .event_cont .cal {width:auto; margin:0 230px 20px 0;}
.section01 .event_cont .cal li {margin-top:5px; position:relative; padding:0 0 0 100px;}
.section01 .event_cont .cal li span {display:inline-block; vertical-align:top; padding:3px 0;}
.section01 .event_cont .cal li span.title {background:#fe4b56; color:#fff; text-align:center; width:90px; position:absolute; left:0; top:0;
-moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}	
.section01 .event_cont .gift {margin:0 230px 0 0;}
.section01 .bg {display:block; background:url(../../web/images/event/open_event/section01_bg2.png) no-repeat; background-size:100% auto; width:270px; height:306px; position:absolute; right:0; bottom:0;}
.section01 .triangle {display:block; background:url(../../web/images/event/open_event/triangle_bg.png) no-repeat; width:81px; height:40px; position:absolute; left:50%; bottom:-40px; margin-left:-40px;}
.section02 {width:100%; height:auto; padding:80px 0 40px 0; background:#17b1ad url(../../web/images/event/open_event/section02_bg.jpg) no-repeat center top;}
.section02 h2 {margin:0 0 30px 0; padding:0 5%; text-align:center;}
.section02 h2 img {display:inline-block; vertical-align:top; margin-bottom:5px;}
.section02 h2 img:first-child {margin-right:10px;}
.section02 .gift_list {text-align:center; margin:0 0 20px 0; padding:0 3%;}
.section02 .gift_list img {display:inline-block; vertical-align:top; margin:0 10px 20px 10px;}
.section02 .padd {padding:0 5%;}
.open_event .agree_infor {background:#fff; padding:20px 3%;}
.open_event .agree_infor p {margin:0 0 15px 0;}
.open_event .agree_infor ul {width:100%;}
.open_event .agree_infor ul li {margin-top:3px; background:url(../../web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding:0 0 0 10px;}
.open_event .agree_check {margin:10px 0 30px 0; padding:0 0 0 20px; color:#fff; position:relative;}
.open_event .agree_check input[type="checkbox"] {position:absolute; left:0; top:2px;}
.open_event .agree_check label {cursor:pointer;}
.open_event .agree_input {width:100%; height:auto;}
.open_event .agree_input:after {content:""; display:block; clear:both;}
.open_event .agree_input li {float:left; margin-left:20px; position:relative;}
.open_event .agree_input li:first-child {margin-left:0;} 
.open_event .agree_input li label {display:inline-block; vertical-align:top; margin-right:10px; color:#fff; height:30px; line-height:28px;}
.open_event .agree_input li input[type="text"] {height:30px; line-height:30px; min-width:10px; background:#fff; border:0; padding:0 5px; box-sizing:border-box; border-radius:0;} 
.open_event .agree_input li.name input[type="text"] {width:100px;}
.open_event .agree_input li.phone input[type="text"] {width:200px;}
.open_event .write_form {width:auto; height:auto; position:relative; padding:0 87px 0 0; margin:15px 0 0 0;}
.open_event .write_form label {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.open_event .write_form textarea {width:98%; height:54px; padding:8px 1%; border:0; background:#fff; resize:none; border-radius:0; font-family: 'NanumGothic01', '나눔 고딕', '맑은 고딕', 'dotum';}  
.open_event .write_form input[type="button"] {background:#fe4b56; font-size:14px; color:#fff; border:0; width:80px; height:70px; position:absolute; right:0; top:0; cursor:pointer; border-radius:0; -webkit-appearance: none;}
.open_event .counter {color:#fff; margin:20px 0 10px 0;}
.open_event .comment_result {width:100%; height:auto; border-top:1px solid #8bd8d6; border-bottom:1px solid #8bd8d6;}
.open_event .comment_result li {border-top:1px dashed #8bd8d6; padding:7px 100px 7px 60px; position:relative; color:#dcf3f3;}
.open_event .comment_result li:first-child {border-top:0;}
.open_event .comment_result li p {margin:0; word-break:break-all;}
.open_event .comment_result li .writer {position:absolute; left:0; top:7px; width:50px; text-align:center;}
.open_event .comment_result li .date {position:absolute; right:0; top:7px; width:90px; text-align:center;}
.open_event .paginate {width:100%; text-align:center; margin-top:20px; position:relative; overflow:hidden;}
.open_event .paginate * {display:inline-block; vertical-align:middle; margin:0;}
.open_event .paginate a {color:#fff; border:1px solid #89d7d5; width:32px; height:32px; line-height:32px; margin:0 2px;
-moz-border-radius:17px; -ms-border-radius:17px; -o-border-radius:17px; -webkit-border-radius:17px; border-radius:17px;}
.open_event .paginate a.first {display:inline-block; margin-right:5px;}
.open_event .paginate a.last {display:inline-block; margin-left:5px;}
.open_event .paginate a:hover, .open_event .paginate a:active {background:#227371; border:1px solid #227371;} 
.open_event .paginate strong {color:#fff; background:#227371; width:34px; height:34px; line-height:34px;
-moz-border-radius:17px; -ms-border-radius:17px; -o-border-radius:17px; -webkit-border-radius:17px; border-radius:17px;}
.open_event .paginate .dir img {display:block; margin:0 auto; padding-top:11px;} 

@media all and (max-width:1000px){
.section01 .event_cont .cal {margin:0 180px 20px 0;}	
.section01 .event_cont .gift {margin:0 180px 0 0;}
.section01 .bg {width:220px; height:249px;}	
.section02 {padding:60px 0 40px 0;}
.section02 h2 img {display:block; margin:0 auto 5px auto !important;}
.section02 .gift_list img {width:190px;}
}

@media all and (max-width:840px){
.section01 .event_cont .cal {margin:0 160px 20px 0;}
.section01 .event_cont .gift {margin:0 160px 0 0;}
.section01 .bg {width:190px; height:215px;}
}

@media all and (max-width:768px){
.open_event {width:auto; margin:20px 15px;}
.open_event h3 {margin:0 0 10px 0;}
.open_event h3 img {height:27px;}
.section02 .gift_list img {width:170px;}
}

@media all and (max-width:640px){
.section01 .event_cont .cal {margin:0 0 20px 0;}
.section01 .event_cont .gift {margin:0 130px 0 0;}
.section01 .bg {width:160px; height:180px;}	
.open_event .agree_input li {float:none; margin:7px 0 0 0 !important;}
.open_event .agree_input li label {width:85px;}
}

@media all and (max-width:480px){
.section01 {padding:30px 0;}
.section01 .event_cont .gift {margin:0 0 0 0;}	
.section01 .event_cont .cal li {padding-left:0;}
.section01 .event_cont .cal li span {display:block;}
.section01 .event_cont .cal li span.title {position:relative; left:auto; top:auto; margin-bottom:3px;}
.section01 .bg {display:none;}	
.section01 .triangle {width:60px; height:30px; background-size:100% auto; bottom:-30px; margin-left:-30px;}
.section02 {padding:40px 0 30px 0;}
.section02 h2 {margin:0 0 25px 0;}
.section02 h2 img {height:32px;}
.section02 .gift_list {margin:0 0 10px 0;}
.section02 .gift_list img {width:140px;}
.open_event .agree_input li.name input[type="text"] {width:60%; max-width:100px;}
.open_event .agree_input li.phone input[type="text"] {width:60%; max-width:200px;} 
.open_event .write_form {padding:0;}
.open_event .write_form input[type="button"] {position:relative; right:auto; top:auto; margin:5px auto 0 auto; width:120px; height:40px; display:block;}
.open_event .comment_result li {padding-right:0;}
.open_event .comment_result li .date {position:relative; right:auto; top:auto; width:auto; text-align:left; margin-top:5px; font-size:12px;}
.open_event .paginate a {width:26px; height:26px; line-height:26px;
-moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;}
.open_event .paginate strong {width:28px; height:28px; line-height:28px;
-moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;}
.open_event .paginate .dir img {padding-top:8px;}
}

@media all and (max-width:400px){
.section02 h2 img {height:27px;}
.section02 .gift_list img {width:110px;}	
.open_event .paginate a {width:20px; height:20px; line-height:20px;
-moz-border-radius:11px; -ms-border-radius:11px; -o-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;}
.open_event .paginate strong {width:22px; height:22px; line-height:22px;
-moz-border-radius:11px; -ms-border-radius:11px; -o-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;}
.open_event .paginate .dir img {padding-top:5px;}
}



/*2016-11-14 댓글 이벤트*/
.re_event {width:100%; height:auto; line-height:1.5;}
.re_event h3 {margin:0 0 15px 0;}
.re_section01 {width:100%; height:auto; padding:40px 0; background:#ffe251 url(../../web/images/event/re_event/section01_bg.png) no-repeat center top; background-size:100% auto; position:relative;}
.re_section01 h2 {margin:0 0 20px 0;}
.re_section01 h2 img {display:block; margin:0 auto; width:82%; max-width:568px;}
.re_section01 .summery {margin:0 0 0 0;}
.re_section01 .summery img {display:block; margin:0 auto; width:96%; max-width:747px;}


.re_section01_plus .bg {display:block; background:url(../../web/images/event/re_event/section01_bg2.png) no-repeat; background-size:100% auto; width:277px; height:464px; position:absolute; right:0; bottom:0;}
.re_section01_plus .triangle {display:block; background:url(../../web/images/event/re_event/triangle_bg.png) no-repeat; width:81px; height:40px; position:absolute; left:50%; bottom:-40px; margin-left:-40px;}


.re_section01 .event_title {background:#fff url(../../web/images/event/re_event/section02_bg.png) repeat left top; font-size:14px;}
.re_section01 .event_title h3 {margin:0 0 10px 0;}
.re_section01 .event_title .tip {color:#eb1b2e; font-weight:600; background:url(../../web/images/event/re_event/section01_tip.png) no-repeat left top; padding:5px 0 0 70px; min-height:46px; margin:10px 0 20px 0;}
.re_section01 .event_title .cal {width:auto; margin:0 230px 20px 0;}
.re_section01 .event_title .cal li {margin-top:5px; position:relative; padding:0 0 0 100px;}
.re_section01 .event_title .cal li span {display:inline-block; vertical-align:top; padding:3px 0;}
.re_section01 .event_title .cal li span.title {background:#fe4b56; color:#fff; text-align:center; width:90px; position:absolute; left:0; top:0;
-moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}	
.re_section01 .event_title .gift {margin:0 230px 0 0;}


.re_section01 .event_cont {margin:0 5%; padding:20px 4% 25px 4%; background:#fff url(../../web/images/event/re_event/section01_contbg.gif) repeat left top; font-size:14px;
-moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.re_section01 .event_cont h3 {margin:0 0 10px 0;}
.re_section01 .event_cont .tip {color:#eb1b2e; font-weight:600; background:url(../../web/images/event/re_event/section01_tip.png) no-repeat left top; padding:5px 0 0 70px; min-height:46px; margin:10px 0 20px 0;}
.re_section01 .event_cont .cal {width:auto; margin:0 230px 20px 0;}
.re_section01 .event_cont .cal li {margin-top:5px; position:relative; padding:0 0 0 100px;}
.re_section01 .event_cont .cal li span {display:inline-block; vertical-align:top; padding:3px 0;}
.re_section01 .event_cont .cal li span.title {background:#fe4b56; color:#fff; text-align:center; width:90px; position:absolute; left:0; top:0;
-moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}	
.re_section01 .event_cont .gift {margin:0 230px 0 0;}
.re_section01 .bg {display:block; background:url(../../web/images/event/re_event/section01_bg2.png) no-repeat; background-size:100% auto; width:270px; height:306px; position:absolute; right:0; bottom:0;}
.re_section01 .triangle {display:block; background:url(../../web/images/event/re_event/triangle_bg.png) no-repeat; width:81px; height:40px; position:absolute; left:50%; bottom:-40px; margin-left:-40px;}

.sectionre02 {width:100%; height:100%; background:url(../../web/images/event/re_event/section03_bg.png) no-repeat center top;}
.sectionre02 h2 {margin:0 0 30px 0; padding:0 5%; text-align:center;}
.sectionre02 h2 img {display:inline-block; vertical-align:top; margin-bottom:5px;}
.sectionre02 h2 img:first-child {margin-right:10px;}
.sectionre02 .gift_list {text-align:center; margin:0 0 20px 0; padding:0 3%;}
.sectionre02 .gift_list img {display:inline-block; vertical-align:top; margin:0 10px 20px 10px;}
.sectionre02 .padd {padding:0 5%;}

.re_event .agree_infor {background:#fff; padding:20px 3%;}
.re_event .agree_infor p {margin:0 0 15px 0;}
.re_event .agree_infor ul {width:100%;}
.re_event .agree_infor ul li {margin-top:3px; background:url(../../web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding:0 0 0 10px;}
.re_event .agree_check {margin:10px 0 30px 0; padding:0 0 0 20px; color:#fff; position:relative;}
.re_event .agree_check input[type="checkbox"] {position:absolute; left:0; top:2px;}
.re_event .agree_check label {cursor:pointer;}
.re_event .agree_input {width:100%; height:auto;}
.re_event .agree_input:after {content:""; display:block; clear:both;}
.re_event .agree_input li {float:left; margin-left:20px; position:relative;}
.re_event .agree_input li:first-child {margin-left:0;} 
.re_event .agree_input li label {display:inline-block; vertical-align:top; margin-right:10px; color:#fff; height:30px; line-height:28px;}
.re_event .agree_input li input[type="text"] {height:30px; line-height:30px; min-width:10px; background:#fff; border:0; padding:0 5px; box-sizing:border-box; border-radius:0;} 
.re_event .agree_input li.name input[type="text"] {width:100px;}
.re_event .agree_input li.phone input[type="text"] {width:200px;}
.re_event .write_form {width:auto; height:auto; position:relative; padding:0 87px 0 0; margin:15px 0 0 0;}
.re_event .write_form label {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.re_event .write_form textarea {width:98%; height:54px; padding:8px 1%; border:0; background:#fff; resize:none; border-radius:0; font-family: 'NanumGothic01', '나눔 고딕', '맑은 고딕', 'dotum';}  
.re_event .write_form input[type="button"] {background:#fe4b56; font-size:14px; color:#fff; border:0; width:80px; height:70px; position:absolute; right:0; top:0; cursor:pointer; border-radius:0; -webkit-appearance: none;}
.re_event .counter {color:#fff; margin:20px 0 10px 0;}
.re_event .comment_result {width:100%; height:auto; border-top:1px solid #8bd8d6; border-bottom:1px solid #8bd8d6;}
.re_event .comment_result li {border-top:1px dashed #8bd8d6; padding:7px 100px 7px 60px; position:relative; color:#dcf3f3;}
.re_event .comment_result li:first-child {border-top:0;}
.re_event .comment_result li p {margin:0; word-break:break-all;}
.re_event .comment_result li .writer {position:absolute; left:0; top:7px; width:50px; text-align:center;}
.re_event .comment_result li .date {position:absolute; right:0; top:7px; width:90px; text-align:center;}
.re_event .paginate {width:100%; text-align:center; margin-top:20px; position:relative; overflow:hidden;}
.re_event .paginate * {display:inline-block; vertical-align:middle; margin:0;}
.re_event .paginate a {color:#fff; border:1px solid #89d7d5; width:32px; height:32px; line-height:32px; margin:0 2px;
-moz-border-radius:17px; -ms-border-radius:17px; -o-border-radius:17px; -webkit-border-radius:17px; border-radius:17px;}
.re_event .paginate a.first {display:inline-block; margin-right:5px;}
.re_event .paginate a.last {display:inline-block; margin-left:5px;}
.re_event .paginate a:hover, .re_event .paginate a:active {background:#227371; border:1px solid #227371;} 
.re_event .paginate strong {color:#fff; background:#227371; width:34px; height:34px; line-height:34px;
-moz-border-radius:17px; -ms-border-radius:17px; -o-border-radius:17px; -webkit-border-radius:17px; border-radius:17px;}
.re_event .paginate .dir img {display:block; margin:0 auto; padding-top:11px;} 


@media all and (max-width:1000px){
.section01 .event_cont .cal {margin:0 180px 20px 0;}	
.section01 .event_cont .gift {margin:0 180px 0 0;}
.section01 .bg {width:220px; height:249px;}	
.section02 {padding:60px 0 40px 0;}
.section02 h2 img {display:block; margin:0 auto 5px auto !important;}
.section02 .gift_list img {width:190px;}
}

@media all and (max-width:840px){
.section01 .event_cont .cal {margin:0 160px 20px 0;}
.section01 .event_cont .gift {margin:0 160px 0 0;}
.section01 .bg {width:190px; height:215px;}
}

@media all and (max-width:768px){
.open_event {width:auto; margin:20px 15px;}
.open_event h3 {margin:0 0 10px 0;}
.open_event h3 img {height:27px;}
.section02 .gift_list img {width:170px;}
}

@media all and (max-width:640px){
.section01 .event_cont .cal {margin:0 0 20px 0;}
.section01 .event_cont .gift {margin:0 130px 0 0;}
.section01 .bg {width:160px; height:180px;}	
.open_event .agree_input li {float:none; margin:7px 0 0 0 !important;}
.open_event .agree_input li label {width:85px;}
}

@media all and (max-width:480px){
.section01 {padding:30px 0;}
.section01 .event_cont .gift {margin:0 0 0 0;}	
.section01 .event_cont .cal li {padding-left:0;}
.section01 .event_cont .cal li span {display:block;}
.section01 .event_cont .cal li span.title {position:relative; left:auto; top:auto; margin-bottom:3px;}
.section01 .bg {display:none;}	
.section01 .triangle {width:60px; height:30px; background-size:100% auto; bottom:-30px; margin-left:-30px;}
.section02 {padding:40px 0 30px 0;}
.section02 h2 {margin:0 0 25px 0;}
.section02 h2 img {height:32px;}
.section02 .gift_list {margin:0 0 10px 0;}
.section02 .gift_list img {width:140px;}
.re_event .agree_input li.name input[type="text"] {width:60%; max-width:100px;}
.re_event .agree_input li.phone input[type="text"] {width:60%; max-width:200px;} 
.re_event .write_form {padding:0;}
.re_event .write_form input[type="button"] {position:relative; right:auto; top:auto; margin:5px auto 0 auto; width:120px; height:40px; display:block;}
.re_event .comment_result li {padding-right:0;}
.re_event .comment_result li .date {position:relative; right:auto; top:auto; width:auto; text-align:left; margin-top:5px; font-size:12px;}
.re_event .paginate a {width:26px; height:26px; line-height:26px;
-moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;}
.re_event .paginate strong {width:28px; height:28px; line-height:28px;
-moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;}
.re_event .paginate .dir img {padding-top:8px;}
}

@media all and (max-width:400px){
.section02 h2 img {height:27px;}
.section02 .gift_list img {width:110px;}	
.re_event .paginate a {width:20px; height:20px; line-height:20px;
-moz-border-radius:11px; -ms-border-radius:11px; -o-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;}
.re_event .paginate strong {width:22px; height:22px; line-height:22px;
-moz-border-radius:11px; -ms-border-radius:11px; -o-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;}
.re_event .paginate .dir img {padding-top:5px;}
}



/** 2017-07-14 댐주변 힐링여행 **/
.healing_event {width:100%; height:auto;}
.healing_event img {display:block; width:100%; max-width:715px;}
.healing_event h2 img {max-width:100%;}
.healing_event .box1 {width:auto; height:auto; background:#ffea35 url(/web/images/event/healing/box1_bg.jpg) repeat-x left bottom; padding:50px 5% 80px 5%;}
.healing_event .box1 h4 {margin:40px 0 0 0;}
.healing_event .box1 ul {width:100%; text-align:center; margin:40px 0 0 0;}
.healing_event .box1 ul li {display:inline-block; vertical-align:top; width:31.333%; margin:0 1% 25px 1%;}
.healing_event .box1 ul li img {width:100%; max-width:218px; margin:0 auto 10px auto;}
.healing_event .box1 ul li label {display:block; cursor:pointer;}
.healing_event .box1 ul li input[type="radio"]:not(old) {width:0; margin:0; padding:0; opacity:0;}
.healing_event .box1 ul li input[type="radio"]:not(old) + label {display:inline-block; background:url(/web/images/event/healing/radio_ck.png) no-repeat center bottom; padding:0 0 23px 0;}
.healing_event .box1 ul li input[type="radio"]:not(old):checked + label {display:inline-block; background:url(/web/images/event/healing/radio_ck_on.png) no-repeat center bottom; padding:0 0 23px 0;}
.healing_event .box1 .write_form {width:100%; height:auto; margin:25px 0 40px 0;}
.healing_event .box1 .write_form label {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
.healing_event .box1 .write_form textarea {width:98%; height:80px; padding:8px 1%; border:0; background:#fff; resize:none; border-radius:0; font-family: 'NanumGothic01', '나눔 고딕', '맑은 고딕', 'dotum';}
.healing_event .box2 {width:auto; height:auto; background:url(/web/images/event/healing/box2_bg.jpg) repeat left top; padding:40px 5% 60px 5%;}
.healing_event .box2 img {margin-top:50px;}
.healing_event .box2 img:first-child {margin-top:0px;}
.healing_event .box3 {width:auto; height:auto; background:#17b2ae; padding:35px 5% 45px 5%;}
.healing_event .box3 .agree_infor {background:#fff; padding:20px 3%; margin:15px 0 0 0;}
.healing_event .box3 .agree_infor p {margin:0 0 15px 0;}
.healing_event .box3 .agree_infor ul {width:100%;}
.healing_event .box3 .agree_infor ul li {margin-top:3px; background:url(../../web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding:0 0 0 10px;}
.healing_event .box3 .agree_check {margin:10px 0 30px 0; padding:0 0 0 20px; color:#fff; position:relative;}
.healing_event .box3 .agree_check input[type="checkbox"] {position:absolute; left:0; top:2px;}
.healing_event .box3 .agree_check label {cursor:pointer;}
.healing_event .box3 .agree_input {position:relative; margin:25px 0 5px 0;}
.healing_event .box3 .agree_input ul {width:100%; height:auto; overflow:hidden;}
.healing_event .box3 .agree_input ul:after {content:""; display:block; clear:both;}
.healing_event .box3 .agree_input ul li {float:left; margin-left:20px; position:relative;}
.healing_event .box3 .agree_input ul li:first-child {margin-left:0;} 
.healing_event .box3 .agree_input ul li label {display:inline-block; vertical-align:top; margin-right:10px; color:#fff; height:30px; line-height:28px;}
.healing_event .box3 .agree_input ul li input[type="text"] {height:30px; line-height:30px; min-width:10px; background:#fff; border:0; padding:0 5px; box-sizing:border-box; border-radius:0;} 
.healing_event .box3 .agree_input ul li.name input[type="text"] {width:125px;}
.healing_event .box3 .agree_input ul li.phone input[type="text"] {width:200px;}
.healing_event .box3 .agree_input input[type="button"] {background:#fe4b56; font-size:14px; color:#fff; border:0; width:180px; height:30px; position:absolute; right:0; top:0; cursor:pointer; border-radius:0; -webkit-appearance: none;}
.healing_event .counter {color:#fff; margin:20px 0 10px 0;}
.healing_event .comment_result {width:100%; height:auto; border-top:1px solid #8bd8d6; border-bottom:1px solid #8bd8d6;}
.healing_event .comment_result li {border-top:1px dashed #8bd8d6; padding:7px 100px 7px 60px; position:relative; color:#dcf3f3;}
.healing_event .comment_result li:first-child {border-top:0;}
.healing_event .comment_result li p {margin:0; word-break:break-all;}
.healing_event .comment_result li .writer {position:absolute; left:0; top:7px; width:50px; text-align:center;}
.healing_event .comment_result li .date {position:absolute; right:0; top:7px; width:90px; text-align:center;}
.healing_event .paginate {width:100%; text-align:center; margin-top:20px; position:relative; overflow:hidden;}
.healing_event .paginate * {display:inline-block; vertical-align:middle; margin:0;}
.healing_event .paginate a {color:#fff; border:1px solid #89d7d5; width:32px; height:32px; line-height:32px; margin:0 2px;
-moz-border-radius:17px; -ms-border-radius:17px; -o-border-radius:17px; -webkit-border-radius:17px; border-radius:17px;}
.healing_event .paginate a.first {display:inline-block; margin-right:5px;}
.healing_event .paginate a.last {display:inline-block; margin-left:5px;}
.healing_event .paginate a:hover, .healing_event .paginate a:active {background:#227371; border:1px solid #227371;} 
.healing_event .paginate strong {color:#fff; background:#227371; width:34px; height:34px; line-height:34px;
-moz-border-radius:17px; -ms-border-radius:17px; -o-border-radius:17px; -webkit-border-radius:17px; border-radius:17px;}
.healing_event .paginate .dir img {display:block; margin:0 auto; padding-top:11px; width: auto; max-width: none;} 



@media all and (max-width:1000px){
.healing_event .box3 .agree_input ul li {width:60%; margin-left:0;}	
.healing_event .box3 .agree_input ul li:first-child {width:40%;}
.healing_event .box3 .agree_input input[type="button"] {width:40%; min-width:160px; height:50px; position:relative; right:auto; top:auto; margin:20px auto 0 auto; display:block;}
}

@media all and (max-width:640px){
.healing_event .box1 {padding:30px 5% 60px 5%;}	
.healing_event .box1 h4 {margin:30px 0 0 0;}
.healing_event .box1 ul {margin:30px 0 0 0;}
.healing_event .box1 ul li {margin:0 1% 15px 1%;}
.healing_event .box1 .write_form {margin:15px 0 30px 0;}
.healing_event .box2 {padding:20px 5% 40px 5%;}
.healing_event .box2 img {margin:30px 0 0 0;}	
.healing_event .box3 {padding:25px 5% 35px 5%;}
.healing_event .box3 .agree_input ul li {float:none; margin:7px 0 0 0; width:auto; position:relative; width:auto; padding:0 0 0 95px;}	
.healing_event .box3 .agree_input ul li:first-child {margin:0; width:auto;}
.healing_event .box3 .agree_input ul li label {width:85px; position:absolute; left:0; top:0;}
.healing_event .box3 .agree_input ul li input[type="text"] {width:80% !important;}
}

@media all and (max-width:480px){
.healing_event .box1 {padding:20px 5% 50px 5%;}	
.healing_event .box1 h4 {margin:20px 0 0 0;}
.healing_event .box1 ul {margin:20px 0 0 0;}
.healing_event .box1 ul li {width:48%;}
.healing_event .box1 .write_form {margin:15px 0 20px 0;}
.healing_event .box2 {padding:15px 5% 30px 5%;}
.healing_event .box2 img {margin:20px 0 0 0;}	
.healing_event .box3 {padding:20px 5% 25px 5%;}

.healing_event .comment_result li {padding-right:0;}
.healing_event .comment_result li .date {position:relative; right:auto; top:auto; width:auto; text-align:left; margin-top:5px; font-size:12px;}
.healing_event .paginate a {width:26px; height:26px; line-height:26px;
-moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;}
.healing_event .paginate strong {width:28px; height:28px; line-height:28px;
-moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;}
.healing_event .paginate .dir img {padding-top:8px;}
}