@charset "utf-8";

html, body { height:100%; -webkit-text-size-adjust:none; font-family:'Noto Sans KR', dotum,"돋움",Arial,Sans-serif; font-size:16px;}
body, input, select, button, textarea, h1, h2, h3, h4, h5, h6, table { line-height:1.5; font:inherit; color:inherit; }
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0; font-style: normal;box-sizing: border-box;}
ol, ul, li { list-style:none; }
img, fieldset { vertical-align:middle; border:0 none; }
input, select, textarea { vertical-align:middle; resize:none; }
input[type=text], input[type=password], input[type=submit], input[type=search], input[type=email], input[type=tel], textarea { -webkit-appearance:none; border-radius: 0;}
select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
button { border:0 none; background:transparent; cursor:pointer; }
hr { display:none; }
legend, .hide { position:absolute; left:-9999px; }
table caption { width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0; }
table { border-collapse:collapse; border-spacing:0; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display:block; box-sizing: border-box;}
.blind {width:1px;height:1px;font-size:0;line-height:0;position:absolute;top:0;left:-1000%;overflow:hidden;}
a { color:inherit; text-decoration:none; }
a:active, a:hover, a:focus { text-decoration:none; }
.clear:after {content: '';display: block;clear: both;}

.m {display:none;}
.pc {display:block;}
.wrap {position: relative;overflow-x: hidden;}
body.fix {overflow-y: hidden;}
.bg_wrap{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);width:100%;height:100%;z-index:20;overflow: scroll;}

.clr {clear:both;}

header { position:absolute;width: 100%;z-index: 15;}
header > .inner {position: relative;width:100%;max-width:1200px;margin:0 auto 50px;padding: 35px 0px;}
header > .inner h1 {width:179px;height:119px}
header > .inner .side_menu {position: absolute;left:240px;top:65px;font-size: 18px;color:#fff;}
header > .inner .side_menu li {float:left;margin-right: 50px;}
header > .inner .side_menu li:last-child {margin-right: 0;}
header > .inner .side_menu li a {font-family:'icgM';font-size:16px}

header > .inner .sl-nav { position:absolute; right:0; top:65px;display: inline; }
header > .inner .sl-nav ul {  margin:0;  padding:0;  list-style: none;  position: relative;  display: inline-block;}
header > .inner .sl-nav li {  cursor: pointer;  padding-bottom:10px;}
header > .inner .sl-nav li strong {color:#FFF;display: inline-block;background: url(../img/main/ico_earth.png) no-repeat 12px 8px;padding:3px 10px 5px 34px;border: 1px solid #FFF;  border-radius: 30px;}
header > .inner .sl-nav li ul {  display: none;}
header > .inner .sl-nav li:hover ul {  position: absolute;  top:42px;  right:5px;  display: block;  background: #fff;  width:70px;  padding-top: 0px;  z-index: 1;  border-radius:5px;  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
header > .inner .sl-nav li:hover .triangle {  position: absolute;  top: 28px;  right: 20px;  z-index:10;  height: 14px;  overflow:hidden;  width: 30px;  background: transparent;}
header > .inner .sl-nav li:hover .triangle:after {  content: '';  display: block;  z-index: 20;  width: 10px;  transform: rotate(45deg) translateY(0px) translatex(10px);  height: 15px;  background: #fff;  border-radius:2px 0px 0px 0px;  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
header > .inner .sl-nav li ul li {  position: relative;  text-align: left;  background: transparent;  padding: 8px 15px;  padding-bottom:0;  z-index: 2;  font-size: 15px;  color: #3c3c3c;}
header > .inner .sl-nav li ul li:last-of-type {  padding-bottom: 15px;}
header > .inner .sl-nav li ul li span {  padding-left: 5px;}
header > .inner .sl-nav li ul li span:hover, .sl-nav li ul li span.active { color: #000;}
header > .inner .sl-flag {  display: inline-block;  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);  width: 15px;  height: 15px;  background: #aaa;  border-radius: 50%;  position: relative;  top: 2px;  overflow: hidden;}
header > .inner .flag-de {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==');  background-size: cover;  background-position: center center;}
header > .inner .flag-usa {  background-size: cover;  background-position: center center;  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');}

header .m_menu {display:none;position: absolute;left:20px;top:25px;width:24px;height:20px;}
header .m_menu span {position: absolute;top:0;display:block;width:100%;height:3px;background-color: #fff;}
header .m_menu span:after {position: absolute;top: 9px;content:'';display:block;width:100%;height:3px;background-color: #fff;}
header .m_menu span:before {position: absolute;top: 18px;content:'';display:block;width:100%;height:3px;background-color: #fff;}

.nav_wrap {width:300px;position:fixed;background:#222;height:100%;top:0;right:-300px;transform:translate(0,0);overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;z-index:1000;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.nav_wrap.menu_open {transform:translate(-300px,0);-webkit-transform:translate(-300px,0); display:block;}
.top_nav {position: relative;padding-bottom: 60px;background-color: #222;}
.nav_closed {position: absolute;right:16px;top:20px;}
.nav_closed img {width:24px;}
.top_nav .m_header {width:100%;height:70px;background: #222;}
.top_nav .m_header h2 {position: absolute;left:20px;top:20px;}
.top_nav .m_header h2 img {width:146px;}
.top_nav nav {padding:0 16px;}
.top_nav nav li {width:100%;background: url(../img/main/m_btn_closed.png) no-repeat 100% 25px;background-size: 24px;}
.top_nav nav li.on {background: url(../img/main/m_btn_open.png) no-repeat 100% 25px;background-size: 24px;}
.top_nav nav li a {display:block;padding:10px 0;}
.top_nav nav li > a {font-size:18px;font-weight: 400;border-bottom: 1px solid #333;color:#fff;}


/* event */
.intro {position: relative;background: url(../img/main/bg_sec01.jpg) no-repeat 50% 0;background-size: cover;}
.intro > .inner {position: relative;width:1200px;height:736px;margin:0 auto;}
.intro > .inner p {position: relative;margin:0 auto;}
.intro > .inner .t1 {font-size:54px;color:#FFF}
.intro > .inner .t2 {font-size:21px;color:#FFF}
.intro > .inner .t3 {font-size:18px;color:#FFF}
.intro > .inner .t4 {font-size:14px;color:#FFF}
.intro > .inner .btn }
.intro > .inner p.vi {visibility:visible;}

.nav:after {content: '';display: block;clear: both;}
.nav li {width:240px;height:120px;float:left;}
.nav li a {display: block;width: 100%;height:100%;font-size: 0;}
.cont {position: relative;}

.event01 {background: url(../img/main/bg_sec01.jpg) no-repeat 50% 0;background-size: cover;}
.event01 > .inner {position: relative;width:1200px;height:780px;margin:0 auto;padding-top:240px;}
.event01 > .inner p { color:#FFF;margin:0 auto;text-shadow: 12px 12px 20px rgba(0, 0, 0, 0.2);}

.event01 > .inner .t1 {font-family:'icgB';font-size:80px;line-height:86px;color:#FFF;padding:0px 0 35px;}
.event01 > .inner .t2 {font-family:'icgM';font-size:21px;font-weight:;line-height:30px;color:#FFF;}
.event01 > .inner .t3 {margin-top:40px;}
.event01 > .inner .t3 a.btn  {font-family:'icgM';font-size:18px;line-height:30px;color:#FFF;
background-color: #ffc000; border: none; padding: 12px 40px; text-align: center; text-decoration: none; display: inline-block;margin: 4px 2px;border-radius: 30px;}

.event01 > .inner .video { position: absolute;top: 264px;right: 0; width: 580px; height: 326px;/*padding-bottom: 56.25%;*/}
.event01 > .inner .video iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* 새글 스킨 (latest) */
.event02 {position:relative; margin:0 auto; !important; padding:160px 0;background:#f9f5ea}

.event02 > .inner {position: relative;width:1200px;margin:0 auto;}
.event02 > .inner h2 {font-family:'icgB';text-align:center;font-size:36px;color:#4b3c88;padding:0px 0 60px;}

.event02 .slider-m {display:hidden}
.event02 .slider1 .slide { display:inline; } /* 140306 추가  float: left; list-style: none; position: relative; width: 288px; margin-right: 12px;*/
.event02 .slider1 .slide a .event02_cotent { padding:20px}

.event02 .slider1 .slide a{ position:relative; display:inline-block;width:274px; height:180px; background: #FFF; z-index:10;border:4px solid #ffc000; border-radius:24px;overflow:hidden;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); /* offset-x | offset-y | blur-radius | spread-radius | color */ }
.event02 .slider1 .slide a:hover { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.2); }
.event02 .slider1 .slide span.cate {display:block; position:absolute;text-align:center;bottom:16px; font-size:18px; font-weight:700;color:#FFF;width:260px}
.event02 .slider1 .slide strong { font-size:25px; font-weight:bold;padding:15px 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 260px;}
.event02 .slider1 .slide span.date {position:absolute;bottom:20px;left:20px;}


.event03 {background: #ffc000;}
.event03 > .inner {position: relative;width:1200px;margin:0 auto;padding:180px 0;}
.event03 > .inner h2 {font-family:'icgB';text-align:center;font-size:36px;color:#4b3c88;padding:0px 0 60px;}
.event03 > .inner p {text-align:left; color:#FFF;margin:0 auto;}
.event03 > .inner .t1 {font-family:'icgB';font-size:80px;color:#FFF;padding:20px 0px;}
.event03 > .inner .t2 {font-size:16px;line-height:30px;color:#222;}
.event03 > .inner .t4 {width:782px;height: 440px; background:#4b3c88}
.event03 > .inner .t5 {position:absolute;top:360px;left:360px;}

.event04 {background:#f1f3f3;padding:120px 0}
.event04 > .inner {position: relative;width:1200px;margin:0 auto;}
.event04 > .inner h2 {font-family:'icgB';text-align:center;font-size:36px;color:#222;padding:0px 0 60px;}
.event04 > .inner ul {margin:0px 0 0 0;}
.event04 > .inner ul li {width:364px; min-height:692px;padding:0 50px 50px 50px;float:left;margin-right:52px}

.event04 > .inner ul li div {width:100%;color:#FFF}
.event04 > .inner ul li div h3 {font-family:'icgT';margin:80px 0 5px 60px;height:60px;font-size:30px;vertical-align: bottom;}
.event04 > .inner ul li div span {display:inline-block;margin-left:60px;font-size:18px;line-height:24px;font-weight:700;margin-top:15px}
.event04 > .inner ul li div p {font-size:15px;line-height:24px;font-weight:300; margin-top:30px}
.event04 > .inner ul li div div {position:absolute;top:50px;left:-40px}
.event04 > .inner ul li.i01 {background: #4d3e8c;}
.event04 > .inner ul li.i02 {background: #46bcb9;}
.event04 > .inner ul li.i03 {background: #e5518d;margin-right:0}
.event04 > .inner ul li.i04 {background: #ed4a40;margin:80px 52px 0 182px}
.event04 > .inner ul li.i05 {background: #3eba9c;margin-top:80px}

.event04 .clr {content: '';display: block;clear:both;}
.event04 > .inner .t1 {font-size:54px;color:#222;padding:0px 0px;}
.event04 > .inner .t2 {width:300px;font-size:18px;color:#222;padding:5px 10px;}
.event04 > .inner .t3 {font-size:21px;font-weight: 300;line-height:30px;color:#222; margin-top:35px}
.event04 > .inner .t4 {font-size:14px;color:#222}

.event05 {background:#4b3c88 url(../img/main/bg_sec05.png) no-repeat;}
.event05 > .inner {position: relative;width:1200px;height:840px;overflow:hidden;margin:0 auto;padding:160px 0;}
.event05 > .inner div {position:relative;margin:0 auto;text-align:center}

.event06 {background:#FFF url(../img/main/bg_sec06.png) center top no-repeat;}
.event06 > .inner {position: relative;width:1200px;height:1190px;margin:0 auto;padding:160px 0;text-align:center;}
.event06 > .inner h2 {font-family:'icgB';text-align:center;font-size:36px;color:#222;padding:0px;}
.event06 > .inner .t1 {font-size:80px;color:#4d3e8c;padding:0px 0px;font-family:'icgB';margin-top:90px}
.event06 > .inner .t2 {font-size:24px;color:#222;padding:5px 10px;font-weight:700;margin-top:40px}
.event06 > .inner .t3 {font-size:16px;color:#222; line-height:30px;margin-top:30px}
.event06 > .inner .t4 {font-size:16px;color:#222;margin-bottom:0px;}
.event06 > .inner .ico00 {position:relative;margin:0 auto;margin-top:50px}
.event06 > .inner .ico01 {position:absolute;top:854px;left:186px}
.event06 > .inner .ico02 {position:absolute;top:680px;left:-120px}
.event06 > .inner .ico03 {position:absolute;top:210px;left:36px}
.event06 > .inner .ico04 {position:absolute;top:328px;left:1112px}
.event06 > .inner .ico05 {position:absolute;top:626px;left:888px}
.event06 > .inner .ico06 {position:absolute;top:840px;left:1065px}

/* History */
.event07 {background:#e3dff3 url(../img/main/history.png) no-repeat center 790px;}
.event07 > .inner {position: relative;width:1200px;height:1860px;margin:0 auto;padding:160px 0;text-align:center;}
.event07 > .inner h2 {font-family:'icgB';text-align:center;font-size:36px;color:#222;padding:0px;}
.event07 > .inner .t1 {font-size:80px;color:#ffbb43;padding:0px 0px;font-family:'icgB';margin-top:60px}
.event07 > .inner .t2 {font-size:18px;color:#222;font-weight:300;margin-top:30px}
.event07 > .inner .year1 {position:relative;height:920px}
.event07 > .inner .year1:after {content: '';display: block;clear:both;}

.event07 > .inner .year1 div {position:absolute;}
.event07 > .inner .year1 .no_left {left:3px;width:50%;padding-right:50px;margin-left:11px;background: url(../img/main/bu_on.png) no-repeat  right 26px;border:0px solid #F00}
.event07 > .inner .year1 .no_left h1 {font-family:'icgM';text-align:right;font-size:60px;color:#594d96;}
.event07 > .inner .year1 .no_left p {text-align:right;font-size:16px;color:#222;font-weight:300;line-height:30px;}
.event07 > .inner .year1 .no_right {right:1px;width:50%;padding-left:50px;margin-right:10px;background: url(../img/main/bu_on.png) no-repeat  left 26px;border:0px solid #F00}
.event07 > .inner .year1 .no_right h1 {font-family:'icgM';text-align:left;font-size:60px;color:#594d96;}
.event07 > .inner .year1 .no_right p {text-align:left; font-size:16px;color:#222;font-weight:300;line-height:30px;}

.event07 > .inner .year1 .no01 {top:120px;}
.event07 > .inner .year1 .no02 {top:235px;}
.event07 > .inner .year1 .no03 {top:310px;}
.event07 > .inner .year1 .no04 {top:415px;background: url(../img/main/bu_off.png) no-repeat left 26px;}
.event07 > .inner .year1 .no05 {top:560px;background: url(../img/main/bu_off.png) no-repeat right 26px;}
.event07 > .inner .year1 .no06 {top:725px;background: url(../img/main/bu_off.png) no-repeat left 26px;}
.event07 > .inner .year1 .no04 h1,.event07 > .inner .year1 .no05 h1,.event07 > .inner .year1 .no06 h1 {color:#b4b2cc;}

.event08 {background:#ffc80b url(../img/main/bg_sec08.png) no-repeat center;}
.event08 > .inner {position: relative;width:1200px;height:480px;margin:0 auto;padding:120px 0 80px;}
.event08 > .inner h2 {font-family:'icgB';text-align:center;font-size:36px;color:#222;padding:0px;}
.event08 > .inner .t1 {font-size:54px;color:#222;padding:0px 0 0px 0;}
.event08 > .inner .t2 {width:300px;font-size:18px;color:#222;padding:5px 10px;}
.event08 > .inner .t3 {font-size:21px;font-weight: 300;line-height:30px;color:#222; margin-top:25px}
.event08 > .inner .t4 {font-size:14px;color:#222}
.event08 > .inner p {text-align:center; color:#FFF; margin:0 auto;}
.event08 > .inner div {position:relative;margin:0 auto; width:100%;text-align:center; color:#FFF; margin:0 auto;padding:20px 0 80px}
.event08 > .inner div .btn {background-color: #594d96; border: none; color: #FFF; padding: 14px 40px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; margin: 0 0 0 -40px;border-radius: 30px;}
.event08 > .inner .btn2 {position:absolute;bottom:40px;left:0px}
.event08 > .inner .sns {width:300px;text-align:right;position:absolute;bottom:-40px;right:0px}
.event08 > .inner .sns span {padding:0 5px;}

/* footet */
footer {overflow:hidden;position: relative;background-color: #121212;}
footer > .inner {max-width:1200px;margin:0 auto;padding:35px 0;color:#999;font-size:14px;text-align: center;font-weight: 100;}


/* media query */
@media all and (max-width: 767px) {
	.m {display:block;}
	.pc {display:none;}

	header > .inner {margin:0 auto 50px;padding: 20px 80px;}
	header > .inner h1 {width:150px;margin:0 auto;}
	header > .inner h1 img {width:150px;}
	header .m_menu {display: none;}

	header > .inner .sl-nav { position:absolute; right:20px; top:25px;display: none; }/* inline */
	.nav li {display:none;width:calc(100% / 5);height:60px;}

	.event01 > .inner {position: relative;width:100%;height:100%;margin: 0 auto 50px; padding: 160px 20px;}
	.event01 > .inner p {width:90%;text-align: center;text-shadow: 12px 12px 20px rgba(0, 0, 0, 0.2);}

	.event01 > .inner .t1 {width:100%;font-size:52px;line-height:72px;padding:0px 0px;margin:0}
	.event01 > .inner .t2 {font-size:16px;line-height:18px;margin-top:14px;}
	.event01 > .inner .t3 {margin-top:40px;}
	.event01 > .inner .t3 a.btn  {font-size:18px;line-height:30px;color:#FFF;background-color: #ffc000; border: none; padding: 12px 40px; text-align: center; text-decoration: none; display: inline-block;margin: 4px 2px;border-radius: 30px;}
	.event01 { height:100vh; background: url(../img/main/bg_sec01.jpg) no-repeat 50% 0;background-size: cover;}

	.event01 > .inner .video { position: relative; width: 100%; height: 232px;top:26px}
	.event01 > .inner .video iframe { height: 232px;}


	.event02 {position:relative; margin:0 auto; !important; padding:80px 0;background:#f9f5ea}
	.event02 > .inner {position: relative;width:100%;}
	.event02 > .inner h2 {font-size:30px;color:#4b3c88;padding:0px 0 30px;}

	.event02 .slider1 {display:hidden}
	.event02 .slider-m .slide { display:inline; height:110px; } /* 140306 추가 */
	.event02 .slider-m .slide a .event02_cotent { padding:20px}

	.event02 .slider-m .slide a{ position:relative; display:block;width:; background: #FFF; z-index:10;border:4px solid #ffc000; border-radius:8px;overflow:hidden;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); /* offset-x | offset-y | blur-radius | spread-radius | color */ }
	.event02 .slider-m .slide a:hover { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.2); }
	.event02 .slider-m .slide span.cate {display:block; position:absolute;text-align:center;bottom:10px; font-size:14px; font-weight:700;color:#FFF;width:160px}


	.event03 > .inner {position: relative;width:100%;margin:0 auto;padding:80px 40px;}
	.event03 > .inner h2 {text-align:center;font-size:36px;color:#4b3c88;padding:0px 0 60px;}
	.event03 > .inner p {text-align:left; color:#FFF;margin:0 auto;}
	.event03 > .inner .t1 {font-size:46px;color:#FFF;padding:60px 0px 30px;}
	.event03 > .inner .t2 {font-size:13px;line-height:24px;}
	.event03 > .inner .t4 {width:340px;height:190px; background:#4b3c88}
	.event03 > .inner .t5 {position:absolute;top:220px;left:20px;}
	.event03 > .inner .t5 img {width:340px;}

	.event04 {padding:80px 20px 20px}
	.event04 > .inner {position: relative;width:100%;margin:20px auto;}
	.event04 > .inner h2 {font-size:36px;padding:0px 0 100px;}
	.event04 > .inner ul {margin:0px;}
	.event04 > .inner ul li {width:100%;min-height:auto;padding:0px;clear:left;margin:0 0 120px 0;}

	.event04 > .inner ul li div {width:100%;}
	.event04 > .inner ul li div h3 {margin:80px 0 0px 0px;height:auto;font-size:30px; text-align:center}
	.event04 > .inner ul li div span {display:block;font-size:18px;line-height:24px;margin:15px 0 0 0; text-align:center}
	.event04 > .inner ul li div p {font-size:14px;line-height:22px;margin:30px 40px 60px 40px;  text-align:center}
	.event04 > .inner ul li div div {position:absolute;top:-60px;left:50%;margin-left:-60px}
	.event04 > .inner ul li div div img {width:;}
	.event04 > .inner ul li.i01 {background: #4d3e8c;}
	.event04 > .inner ul li.i02 {background: #46bcb9;}
	.event04 > .inner ul li.i03 {background: #e5518d;margin:0 0 120px 0}
	.event04 > .inner ul li.i04 {background: #ed4a40;margin:0 0 120px 0}
	.event04 > .inner ul li.i05 {background: #3eba9c;margin:0 0 120px 0}

	.event04 .clr {content: '';display: block;clear:both;}
	.event04 > .inner .t1 {font-size:54px;color:#222;padding:0px 0px;}
	.event04 > .inner .t2 {width:300px;font-size:18px;color:#222;padding:5px 10px;}
	.event04 > .inner .t3 {font-size:21px;font-weight: 300;line-height:30px;color:#222; margin-top:35px}
	.event04 > .inner .t4 {font-size:14px;color:#222}

	.event05 > .inner {width:90%;height:auto;margin:0 auto;padding:160px 0;}
	.event05 > .inner img {width:100%;}

	.event06 {background:#FFF url(../img/main/bg_sec06.png) center bottom no-repeat;background-size:1200px}
	.event06 > .inner {width:100%;height:1260px;padding:80px 0;text-align:center;}
	.event06 > .inner h2 {margin:40px;}
	.event06 > .inner .t1 {font-size:60px;;margin-top:40px}
	.event06 > .inner .t2 {font-size:20px;padding:5px 10px;margin:20px 40px}
	.event06 > .inner .t3 {font-size:13px;line-height:24px;margin:40px}
	.event06 > .inner .ico00 {position:relative;margin:0 auto;margin-top:320px}
	.event06 > .inner div img{width:60px}
	.event06 > .inner .ico00 img{width:50%}
	.event06 > .inner .ico01 {position:absolute;top:auto;bottom:120px; left:50%;margin-left:90px}
	.event06 > .inner .ico02 {position:absolute;top:auto;bottom:230px; left:50%;margin-left:-140px}
	.event06 > .inner .ico03 {position:absolute;top:auto;bottom:260px; left:50%;margin-left:20px}
	.event06 > .inner .ico04 {position:absolute;top:auto;bottom:350px; left:50%;margin-left:-84px}
	.event06 > .inner .ico05 {position:absolute;top:auto;bottom:380px; left:50%;margin-left:100px}
	.event06 > .inner .ico06 {position:absolute;top:auto;bottom:430px; left:50%;margin-left:-160px}

	/* History */
	.event07 {background:#e3dff3 url(../img/main/history.png) no-repeat center 790px;}
	.event07 > .inner {position: relative;width:100%;height:auto;margin:0 auto;padding:160px 0;text-align:center;}
	.event07 > .inner h2 {font-size:36px;padding:0px;}
	.event07 > .inner .t1 {font-size:40px;margin:60px 40px 0}
	.event07 > .inner .t2 {font-size:14px;margin:30px 40px 0}

	.event07 > .inner .year1 {position:relative;height:920px}
	.event07 > .inner .year1:after {content: '';display: block;clear:both;}

	.event07 > .inner .year1 div {position:absolute;}
	.event07 > .inner .year1 .no_left {left:3px;width:50%;padding-right:30px;margin-left:11px;background: url(../img/main/bu_on.png) no-repeat  right 26px;border:0px solid #F00}
	.event07 > .inner .year1 .no_left h1 {font-size:30px;}
	.event07 > .inner .year1 .no_left p {font-size:11px;line-height:20px;}
	.event07 > .inner .year1 .no_right {right:1px;width:50%;padding-left:30px;margin-right:10px;background: url(../img/main/bu_on.png) no-repeat  left 26px;border:0px solid #F00}
	.event07 > .inner .year1 .no_right h1 {font-size:30px;}
	.event07 > .inner .year1 .no_right p { font-size:11px;line-height:20px;}

	.event07 > .inner .year1 .no01 {top:120px;}
	.event07 > .inner .year1 .no02 {top:235px;}
	.event07 > .inner .year1 .no03 {top:310px;}
	.event07 > .inner .year1 .no04 {top:415px;background: url(../img/main/bu_off.png) no-repeat left 26px;}
	.event07 > .inner .year1 .no05 {top:560px;background: url(../img/main/bu_off.png) no-repeat right 26px;}
	.event07 > .inner .year1 .no06 {top:725px;background: url(../img/main/bu_off.png) no-repeat left 26px;}
	.event07 > .inner .year1 .no04 h1,.event07 > .inner .year1 .no05 h1,.event07 > .inner .year1 .no06 h1 {color:#b4b2cc;}


	.event08 {background-size: cover}
	.event08 > .inner {position: relative;width:100%;height:auto;margin:0 auto;padding:120px 0 80px;}
	.event08 > .inner h2 {font-size:36px;padding:0px;}
	.event08 > .inner .t1 {font-size:36px;padding:0px 0 0px 0;}
	.event08 > .inner .t4 {font-size:14px;color:#222}
	.event08 > .inner p {margin:0 auto;margin-top:40px;}
	.event08 > .inner div .btn {padding: 14px 40px; font-size: 18px; margin: 0 0 0 0px;border-radius: 30px;}
	.event08 > .inner .btn2 {position:absolute;bottom:40px;left:20px}
	.event08 > .inner .sns {width:160px;text-align:right;position:absolute;bottom:-40px;right:20px}
	.event08 > .inner .sns span {padding:0 2px;}
	
	footer > .inner {max-width:100%;padding:50px 0;font-size:11px;}
	.side_menu {display:none;}
	.sl-nav {display:none;}
	.m_menu {display:none;}

}