@charset "utf-8";

#bottom_wrap {margin-top:0;}

.twoyear {line-height:1.2;}
/* 메인비주얼 */
.visual_wrap {overflow:hidden; height:620px; background:url(/views/img_event/anni_two/bg_visual.jpg) no-repeat center top;}
.visual_wrap h2 {height:404px; padding-top:100px; background:url(/views/img_event/anni_two/title.png) no-repeat 50% 100px; text-indent:-9999px;}
.visual_wrap p {padding-top:40px; text-align:center; font-size:20px;}
/* 2주년 기록 */
.history_wrap {height:640px;}
.history_wrap h2 {padding:100px 0 80px; color:#0d4381; text-align:center; font-size:60px; font-weight:600;}
.history {overflow:hidden; width:1154px; height:auto; margin:0 auto;}
.box_history {position:relative; float:left; width:254px; height:252px; margin:0 17px 40px; background:url(/views/img_event/anni_two/bg_history.png) no-repeat;}
.box_history h3 {position:absolute; top:0; left:32px; background:#0d4381; width:182px; height:50px; margin:0 auto; border-radius:25px; text-align:center; line-height:50px; font-size:24px; color:#fff;}
.history01 p { background:url(/views/img_event/anni_two/img_history01.png);}
.history02 p { background:url(/views/img_event/anni_two/img_history02.png);}
.history03 p { background:url(/views/img_event/anni_two/img_history03.png);}
.history04 p { background:url(/views/img_event/anni_two/img_history04.png);}
.box_history p {width:263px; height:261px; text-align:center; background-repeat:no-repeat; background-position:70px 75px;}
.box_history p > span {display:block; padding-top:175px; color:#ee5047; font-size:28px; font-weight:800;}
.historyTxt {clear:both; text-align:center; font-size:24px;}
/* 이벤트 */
.event_wrap {overflow:hidden; height:auto; background:#0d4381;}
.period {overflow:hidden; width:640px; margin:70px auto 0;}
.period dt {float:left; width:184px; height:50px; margin:12px 0; color:#0d4381; background:#fff; border-radius:25px; text-align:center; line-height:50px; font-size:24px; font-weight:600;}
.period dd {float:left; margin:12px 0; padding-left:24px; color:#fff; line-height:50px; font-size:24px; font-weight:600;}

/* 이벤트01 */
.eventBox {position:relative; width:1100px; margin:120px auto 0; border:10px solid #fff; color:#fff;}
.eventBox .eventNum {position:absolute; top:-85px; left:50%; margin-left:-124px;}
.eventBox .eventTit {padding:70px 0 20px 0; text-align:center; font-size:40px; font-weight:800;}
.eventBox .titInfo {text-align:center; font-size:20px;}
.event01_gift {width:1000px; margin:0 auto; padding:55px 0 80px;}
.event01_gift li {display:inline-block; width:330px; padding:0 25px;}
.event01_gift li a {display:block; width:128px; height:40px; margin:24px auto 0; border:1px solid #ddd; color:#fff; text-align:center; line-height:40px; font-size:18px;}
/* 이벤트02 */
.share_event {overflow:hidden; width:1000px; margin:0 auto; padding:55px 0 80px;}
.shareImg {float:left; width:280px;}
.shareTxt {float:left; width:670px; padding-left:50px;}
.shareTxt p {padding:48px 0 32px; font-size:24px;}
.shareTxt a {display:inline-block; width:180px; height:40px; margin-right:8px; color:#fff; border:1px solid #fff; text-align:center; line-height:40px; font-size:18px;}
/* 유의사항 */
.notice {overflow:hidden; width:1120px; margin:40px auto 80px; background:#033167;}
.notice h2 {float:left; width:280px; height:183px; padding:40px 0; background:url(/views/img_event/anni_two/notice.png) no-repeat 50% 40px; text-indent:-9999px;}
.notice ul {float:right; width:840px; padding-top:40px;}
.notice ul li {margin:5px 0; color:#8198b3; font-size:16px;}

/*댓글쓰기*/
.comment_wrap {overflow:hidden; width:100%; height:auto; background:#f7f7f7;}
.comment {width:1120px; margin:0 auto;}
.comment h2 {padding:75px 0 15px 0; color:#0d4381; font-size:32px; font-weight:600;}
.comment form {height:157px;}
.comment textarea, .comment button {border:0;}
.comment .textareaBg {float:left; width:890px; height:157px; background:url(/views/img_event/anni_two/bg_textarea.png) no-repeat;}
.comment .textareaBg textarea {width:860px; height:123px; margin:3px; padding:10px; font-size:16px; line-height:20px;}
.comment .button {float:right; width:197px; height:157px; background:url(/views/img_event/anni_two/bg_btn.png) no-repeat;}
.comment .button button {width:197px; height:150px; background:none; color:#fff; font-size:36px; cursor:pointer;}
.comment > p {padding:10px 0 0 5px; color:#404040; font-size:20px; font-weight:600;}
.comment_list_box {margin:32px 0 80px; border:3px solid #0d4381;}
.comment_list {width:1054px; margin:0 auto;}
.comment_list li {overflow:hidden; padding:24px 0; border-bottom:1px solid #ddd;}
/* .comment_list li:last-child {border-bottom:0;} */
.comment_list li .review_writer {float:left; width:200px; text-align:center;}
.comment_list li .review_writer .write_name {padding-bottom:6px; color:#333; font-size:18px; font-weight:600;}
.comment_list li .review_writer .write_date {color:#999; font-size:16px;}
.comment_list li .review_content {float:right; width:854px; color:#666; font-size:16px; line-height:1.3;}
.paging {padding:40px 0 60px;}
.paging ul {text-align:center;}
.paging ul li {display:inline-block; width:36px; height:36px; margin:0 5px; line-height:36px; cursor:pointer;}
.paging ul li.on {background:#0d4381; color:#fff; border-radius:50%;}
.paging ul li.on a {color:#fff;}
.paging ul li:hover {background:#0d4381; color:#fff; border-radius:50%;}
.paging ul li:hover a {color:#fff;}
.paging ul li.prev {background:url(/views/img_event/anni_two/prev.png) no-repeat; text-indent:-9999px;}
.paging ul li.next {background:url(/views/img_event/anni_two/next.png) no-repeat; text-indent:-9999px;}