@charset "utf-8";




.evtBox {position: relative;margin-top:15px;}
.evtBox::before {display: block;content: "";height: 100%;width: 1px;position: absolute;top:0;left:50%;border-left: 1px solid #ddd;}
.evtBox::after {display: block;content: "";clear:both;}
.evtBox li {border-bottom: 1px solid #ddd;width: 440px;float:left;margin-left:10px;padding-bottom:5px;margin-top:10px;position: relative;}
.evtBox li:nth-of-type(even) {float:right;margin:10px 10px 0 0 ;}
.evtBox li:nth-of-type(1),.evtBox li:nth-of-type(2) {margin-top:0;}
.evtBox li a {height: 140px;display: block;width: 440px;margin-bottom:5px;position: relative;}
.evtBox li a img {height: 140px;}
.evtBox li p {line-height: 20px; color: #888;font-size: 12px;}
.evtBox li p span {color: #4c7f58;}
.evtBox li.end::after {position: absolute;top:48px;left:0;right:0;margin:0 auto;width: 158px;content: "End Event";display:inline-block; color: #aaa;font-size: 34px;font-family: SF-Compact-bold;text-align: center;border-bottom:1px solid #aaa;line-height: 1;text-align: center;}
.evtBox li.end a::after {position: absolute;top:0;left:0;width: 100%;height: 100%;content: "";display: block;background: rgba(0,0,0,0.8);cursor: default;}


.event_wrap {}

.event_01 {background: #040309; padding-bottom:40px;}
.event_01 > div:nth-of-type(1) > div {width:100%;height: 290px; background: url("../image/event/evt01/bg_evt02.jpg") no-repeat;position: relative;}
.event_01 > div:nth-of-type(1) > div > p {color: #fff;font-size: 20px;display: block;margin-left:38px;line-height: 27px;margin-bottom:7px;}
.event_01 > div:nth-of-type(1) > div > p span {color: #ffb800;border-bottom:1px solid #ffb800;}
.event_01 > div:nth-of-type(1) > div div:nth-of-type(1) {background: #b4b4b6;color: #666;display: inline-block;line-height: 28px;font-size: 16px;padding:0 10px;border-radius: 5px;margin-left:38px;}
.event_01 > div:nth-of-type(1) img {display: block;}
.event_01 > div:nth-of-type(1) > div div:nth-of-type(2) {position: absolute;right:32px;bottom:29px;width: 432px;height: 168px;text-align: center;}
.event_01 > div:nth-of-type(1) > div div:nth-of-type(2) a {display: inline-block;height: 65px;width: 65px;background: #4c7f58;margin-top:32px;margin-bottom: 10px;border-radius: 33px;}
.event_01 > div:nth-of-type(1) > div div:nth-of-type(2) a::after {display: inline-block;width: 35px;height: 33px;content: "";background: url("../image/base/etc.png") no-repeat 0 -208px;margin-top:16px;margin-left:-2px;}
.event_01 > div:nth-of-type(1) > div div:nth-of-type(2) p {font-family: SF-Compact-bold;color: #4c7f58;font-size: 20px; text-transform: uppercase;font-style: italic;}
.event_01 > div:nth-of-type(2) {background: #36353a;border-radius: 8px;margin-left: 38px;margin-right: 32px;padding:17px 20px 10px;}
.event_01 > div:nth-of-type(2) h3 {color: #ccc;font-size: 20px;font-family: SF-Compact-bold; text-transform: none; line-height: 20px;}
.event_01 > div:nth-of-type(2) h3::before {display: inline-block; content: ""; width: 21px; height: 22px; background: url("../image/base/etc.png") no-repeat -37px -208px;vertical-align: middle;margin-right:10px;}
.event_01 > div:nth-of-type(2) ul {}
.event_01 > div:nth-of-type(2) ul li {color: #a0a0a1;font-size: 14px;line-height: 30px;text-transform: none;}
.event_01 > div:nth-of-type(2) ul li a {color: #a0a0a1;border-bottom: 1px solid #767678;}
.event_01 > div:nth-of-type(2) ul li span {color: #ae8121;}
/*.event_01 > p {background: #4c7f58; color: #fff; font-family: SF-Compact-bold; text-align: center; font-size: 28px;line-height: 60px; text-transform: uppercase; font-style: italic; border-radius: 8px;margin:20px 32px 20px 38px;}*/
.event_01 > p {margin:20px 32px 20px 38px;}
.event_01 > div:nth-last-of-type(1) {background: #36353a;border-radius: 8px;margin-left: 38px;margin-right: 32px;padding:20px; position: relative; }
.event_01 > div:nth-last-of-type(1) table .topth02 {background: #888;}
.event_01 > div:nth-last-of-type(1) table td {background: none; border-bottom: 1px solid #666 !important;}
.event_01 > div:nth-last-of-type(1) .pagebox > span {background-color: #bbb;border:1px solid #bbb;}
.event_01 > div:nth-last-of-type(1) .pagebox > ul > li > a {background: none; border:1px solid #666; color: #888;}
.event_01 > div:nth-last-of-type(1) .pagebox > ul > li.on > a {border:none;color: #4c7f58;}


.search_box > div:nth-last-of-type(1) {border:none;}
.search_box input[type=text] {height: 26px; background: #888; color: #fff;}
.search_box input[type=text]::-webkit-input-placeholder { /* 크롬 4–56 */ color: #666; text-align: center;}
.search_box input[type=text]:-moz-placeholder { /* 파이어폭스 4–18 */ color: #aaa; opacity:  1; text-align: center;}
.search_box input[type=text]::-moz-placeholder { /* 파이어폭스 19–50 */  color: #666; opacity:  1; text-align: center;}
.search_box input[type=text]:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */  color:  #666; text-align: center;}
.search_box input[type=text]::placeholder { /* 파이어폭스 51+, 크롬 57+ */  color: #666;  opacity:  1; text-align: center;}
.search_box input[type=button] {background: #ccc; line-height: 26px; color: #444;}




.event_03 {background: #f6f5f6; padding:19px; border-radius: 10px;border:1px solid #bbb;}
.event_03::before, .event_03::after {content: "";display: block;width: 100%; height: 37px; background: url("../image/event/evt03/line01.jpg") repeat-x;}
.event_03 h3 {text-align: center; padding: 45px 0 38px;}
.event_03 > p {text-align: center;margin:0 40px;}
.event_03 > p::before, .event_03 > p::after {content: "";display: block;width: 100%; height: 24px; background: url("../image/event/evt03/line02.jpg") repeat-x;}
.event_03 > p img {display: inline-block;margin:24px 0;}
.event_03 h4 {text-align: center; padding:30px 0 18px;}
.event_03 ul li {margin-bottom:15px; text-align: center;}
.event_03 ul li img {}
.event_03 div.table {margin:35px 40px 0;}
.event_03 div.table::before, .event_03 div.table::after {content: "";display: block;width: 100%; height: 24px; background: url("../image/event/evt03/line02.jpg") repeat-x;}
.event_03 div.table > div {padding: 20px 35px; position: relative;}
.event_03 div.table table.table01 tbody tr td {background: none; border-bottom: 1px solid #ccc;}
.event_03 div.table p {position: absolute; bottom:27px; left:-25px; color: #4c7f58; }
.event_03 div.table p::after {content: "";display: inline-block;width: 5px; height: 8px; background: url("../image/base/arrow.png") 0 -1320px no-repeat;margin-left:5px;}
.event_03 div.graybox {margin:30px 70px;border-radius: 8px; padding: 20px;font-size: 14px; text-transform: none;}
.event_03 div.graybox h5 {font-size: 20px; font-family: SF-Compact-bold; margin-bottom: 8px;}

.event_03_1 {padding:20px; border:none;}