﻿@charset "utf-8";

@font-face{font-family:'Noto';font-style:normal;font-weight:100;src:url('/html/fonts/notokr-light.eot');src:url('/html/fonts/notokr-light.eot?#iefix') format('embedded-opentype'),url('/html/fonts/notokr-light.woff2') format('woff2'),url('/html/fonts/notokr-light.woff') format('woff')}
@font-face{font-family:'Noto';font-style:normal;font-weight:300;src:url('/html/fonts/notokr-regular.eot');src:url('/html/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),url('/html/fonts/notokr-regular.woff2') format('woff2'),url('/html/fonts/notokr-regular.woff') format('woff')}
@font-face{font-family:'Noto';font-style:normal;font-weight:500;src:url('/html/fonts/notokr-medium.eot');src:url('/html/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),url('/html/fonts/notokr-medium.woff2') format('woff2'),url('/html/fonts/notokr-medium.woff') format('woff')}
@font-face{font-family:'Noto';font-style:normal;font-weight:700;src:url('/html/fonts/notokr-bold.eot');src:url('/html/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),url('/html/fonts/notokr-bold.woff2') format('woff2'),url('/html/fonts/notokr-bold.woff') format('woff')}


.evt_wrap {position:relative; overflow:hidden;}
.evt_wrap img {vertical-align:top;}
.evt_inner {width:960px; margin:0 auto; position:relative;}

.evt_top {height:1000px; padding-top:575px; background: url('/html/event/20190822Free/images/main_top_img.jpg') no-repeat center;}
#evt_level {padding:62px 0 64px;}
#evt_exam {background:#f5f5f5; padding:67px 0 0px;}
.evt_free {margin:62px 0 64px 0;}

/* 열리는 보급상자 */
.evt_box_area {position:relative; width:100px; height:108px; margin:0 auto; background: url('/html/event/20190822Free/images/box_close.png') no-repeat;}
.evt_label_img {opacity:0; position:absolute; top:0; left:100%; margin-left:-31px; transition:all ease-in-out .5s;}

.evt_box_area.on {background-image:url('/html/event/20190822Free/images/box_open.png');}
.evt_box_area.on .evt_label_img {opacity:1; top:-8px;}

/* 댓글 */
.evt_review {border-top:1px solid #eee;}
.evt_write_form {margin-bottom:50px;}
.evt_write_form * {font-family:'Dotum', sans-serif;}
.evt_write_form:after {display:block; clear:both; content:'';}

.evt_form {float:left; width:785px; display: block;	line-height:1; padding:28px 25px; height:81px; border:4px solid #fe8a03; font-size: 18px; font-weight:bold;}
.evt_form_btn {float:right;	width:164px; height:81px; background:#fe8a03 url('/html/event/20190822Free/images/text_submit.png') no-repeat center;}
.evt_num_count {position:absolute; top:84px; right:186px; margin-top:4px; font-size:16px; color:#777; letter-spacing:-1.2px;}

.evt_list_review {overflow:hidden;}
.evt_list_review > li {position:relative; float:left; width:310px; height:160px; margin:15px 15px 0 0; padding:24px 22px; background-color:#f6f6f6;}
.evt_list_review > li:nth-child(3n) {margin:15px 0 0 0;}

.evt_review_text {font-size:16px; color:#333; line-height:1.3; word-break:break-all;}
.evt_writer {position:absolute; bottom:12px; left:22px; font-size:14px; color:#777;}
.evt_my_write_del {position:absolute; right:10px; bottom:10px; width:20px; height:20px; background: url('/html/event/20190822Free/images/btn_close.png') no-repeat;}

/* 페이징 */
.evt_board_pager {margin-top:53px; text-align:center;}
.evt_board_pager a {display:inline-block; width:20px; font-size:18px; color:#1f1f1f; line-height:3px;}
.evt_board_pager strong {display:inline-block; width:20px; font-size:18px; color:#1f1f1f; line-height:3px;}
.evt_board_pager img {vertical-align:top;}
.evt_board_pager a.none {margin:0 5px;}

.evt_subject_tab {width:960px; padding:66px 0 50px; margin:0 auto;}
.evt_footer_tab {display:table; width:100%; table-layout:fixed;}
.evt_footer_tab > li {display:table-cell; border: 2px solid #fe8a03; vertical-align:middle;}
.evt_footer_tab > li > button {display:block; width:100%; padding:21px 0; font-family:Noto; font-weight:300; font-size:19px; color:#fe8a03;}
.evt_footer_tab > li.on > button {background-color:#fe8a03; color:#fff;}
.evt_footer_tab > li + li {border-left:transparent;}

.evt_fixed_menu {position:absolute; top:50px; right:50%; width:168px; margin-right:-677px}
.evt_fixed_menu.fixed {position:fixed; top:15px;}