@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Rajdhani:wght@300;400;500;600;700&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,500,500i,600,600i,700,700i,800,800i&display=swap');

body {width:100%; height:100%; max-width:1920px; margin:0 auto;}
/* skipToContent */
#skipToContent a {position:absolute; top:0;left:0;z-index:9;width:100%;height:1px;margin-top:-1px;display:block;background-color:#fff;font-size:14px;font-weight:bold;color:#000;line-height:1;text-align:center;overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0;height:auto}
.img-responsive {display:block;max-width:100%;height:auto}
.mobile{display:block}
.mobilebr{display:none}
.open {font-family: 'Open Sans', sans-serif;}
.rajd{font-family: 'Rajdhani', sans-serif;}
.tinos {font-family: 'Tinos', serif;}
.pb03{padding-bottom:10px}
/* Scroll Css */
/* 스크롤은 되지만 스크롤은 보이지 않는
::-webkit-scrollbar { width: 0 !important }
::-webkit-scrollbar {width: 15px; height: 15px;  }
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {display: block; width: 15px;height: 15px; background: url() rgba(0,0,0,.05);}
::-webkit-scrollbar-track {     background: rgba(0,0,0,.05); }
::-webkit-scrollbar-thumb {  background: rgba(0,0,0,.1);  }
*/
/*header*/
/*
header {position:absolute; width:1920px; margin:0 auto; z-index:999; }
h1.logo{float:left; position:relative;margin:2.5% 2.5%}
.newyear{float:right; position:relative;margin:2.5% 2.5%;font-family: 'Rajdhani', sans-serif; font-size:24px; font-weight:600; color:#fff;letter-spacing:0.05em}
*/
header {position:absolute;float:left;width:100%;z-index:999; max-width:1920px;}
h1.logo{float:left; position:relative;margin:2.5% 2.5%}
.newyear{float:right; position:relative;margin:2.5% 2.5%;font-family: 'Rajdhani', sans-serif; font-size:24px; font-weight:600; color:#fff;letter-spacing:0.05em}

/*.navi*/
.navi{position:fixed;z-index:9999;/*right:-20%;*/top:0;/*width:100%;height:100%;*/transition: .2s  ease-in-out;margin-top:2.8%;}
.navi.on{position:fixed;top:0;right:0;width:100%;height:100%;display:block;opacity:1;transition: .2s  ease-in-out;}
.navi nav{opacity:0;transition: .2s  ease-in-out  ;width:100%;height:100%;right:-90%}
.navi.on nav{opacity:1;transition: .2s  ease-in-out ;width:100%;height:100%}
.navi .menu{position:fixed;z-index:99999;right:0;top:45%;width:90px;height:90px;background:#00c7f7;}
.navi .articlelist2 ul{position:fixed;top:0;height:100%;width:100%;background:#fff;padding-top:0;display:block;transition: .2s  ease-in-out}
.navi .menu ul{position:fixed;right:26px;top:48.5%;display:block;}
.navi .menu span{display:block;width:37px;height:3px;background:#fff;transition: .2s  ease-in-out ;}
.navi .menu span:nth-of-type(1) {transform:rotate(0deg) translateY(0);transform-origin:left top;text-align:right;margin:0 0 8px 0;color: #fff}
.navi .menu span:nth-of-type(2) {transform: translateX(0);opacity:1;text-align:right;margin:0 0 8px 0;color: #fff}
.navi .menu span:nth-of-type(3) {transform:rotate(0deg);transform-origin:left top;text-align:right;margin:0 0 0 0;color: #fff}
.navi .menu.on span:nth-of-type(1) {transform:rotate(45deg) translateY(-5px) translateX(5px);transform-origin:left top;background:#fff}
.navi .menu.on span:nth-of-type(2) {transform: translateX(0) translateX(3px);opacity:0;background:#fff}
.navi .menu.on span:nth-of-type(3) {transform:rotate(-45deg) translateY(5px) translateX(2px);transform-origin:left top;background:#fff}
/*article2*/
.article2 {background:#f8f8f8;padding:4% 5% 3% 5%;margin-top:-6%}
.inner2{width:100%;margin:0 auto}
.inner2 h6{text-align:center;font-size:32px;font-weight:600;margin:3% 0}
.article_text2 {text-align:center;margin:10% 0}
.article_text2 span {display:block;padding:5px 0 }
.article_text2 span.l_title2 {font-size:18px;color:#000;text-align:left;font-family:'Open Sans', sans-serif;font-weight:700;letter-spacing:0.1em;margin-left:2%}
.article_text2 span.l_stitle2 {font-size:13px;color:#7a7a7a;text-align:left;/* min-height:45px; */line-height:1.4;letter-spacing:0.02em;margin-left:2%}
.article_text2 span.l_stitle2 i{font-style:italic;color:#7a7a7a;letter-spacing:0.03em}
.articlelist2{text-align:center;margin:0 0 3% 0} /* Historic 추가시 text-align:center에서 left로 변경  */
.articlelist2 li {display:inline-block;padding:0 0;margin:0 2% 1% 2%;vertical-align:top;width:14%/* 갯수에 따라 10ea:width 14%,12ea:width:11%변경*/ }
.articlelist2 a .cover2 img {width:100%;text-align:center}
.articlelist2 a .cover2 span {display:inline-block;font-size:0;padding:0;margin:0;background:#000}
.articlelist2 a:hover .cover2 img {opacity:0.5;transition:.2s  ease-in-out }
/* Visual slider Area */
#visual { width:100%; position:relative;  background:#fff}
#mobile_slide {display:none; }
#visual .imgslider { width:100%;overflow: hidden}
#visual .imgslider .visual_img { width:100%; position:relative; overflow:hidden;  }
.vol_title { position:absolute; z-index:101; width:100%; height:100%; text-align:center; top:38%}
.vol_title h2 {/*font-family:"Times New Roman", serif;*/font-family:'Open Sans', sans-serif;font-weight:bold;font-size:6.5em/*6em*/; margin:0 auto;  color:#00c7f7;}
.vol_title .mobile_title { display:none; }
/*
.main_visual div.i01 { background:url('../img/visual_img01.jpg') no-repeat 50% 0;}
.main_visual div.i02 { background:url('../img/visual_img02.jpg') no-repeat 50% 0;}
.main_visual div.i03 { background:url('../img/visual_img03.jpg') no-repeat 50% 0;}
*/
.link_area { display:block; width:100%; }
.link_area img { display:block; width:100%; position:relative; overflow: hidden }
.title_txt { position:absolute; top:17%; right:10%; z-index: 2; width:23%; background:white; text-align: center;}
.title_txt ul {margin:12% 10%; position:relative; }
.title_txt ul .con_title {font-family: 'Rajdhani', sans-serif; color:#00c7f7; font-weight:bold; font-size:20px;text-transform:uppercase;letter-spacing:0.4em;}
.title_txt ul h2 {margin-top:20%; font-size:50px; font-weight:700; color:#000; text-align:center}
/*제목아래 밑줄*/
.title_txt ul h2 .v_line{position: relative;display:inline-block; border-bottom:5px solid #00c7f7;height:47px;text-align:center}
/*텍스트 길고 두줄일때*/
.title_txt ul h2.first_txt {margin-top:20%; font-size:45px; font-weight:700; color:#000;text-align:center}
.title_txt ul h2.first_txt .v_line{position: relative;display:inline-block; border-bottom:5px solid #00c7f7;height:40px;text-align:center}
.title_txt ul h3 { margin:10% 0; font-weight:bold; color:#000; line-height:150%;  }
.title_txt ul .des {font-family:'Open Sans', sans-serif;display: inline-block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; text-align:center; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-size:14px; font-weight:400; color:#666}
/*.title_txt ul .des2 {font-family:'Open Sans', sans-serif;display: inline-block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; height: 7.5em; text-align:center; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-size:14px; font-weight:400; color:#666}*/
.title_txt ul .more {display:inline-block; background: #00c7f7; padding:4% 13%;color:#fff; font-weight:600; margin-top:15%;font-family: 'Rajdhani', sans-serif;text-transform:uppercase;letter-spacing:0.3em;}
.imgslide ul.slick-dots { position:absolute; bottom:15%; left:0; width:20%;  text-align:center;}
.imgslide ul.slick-dots>li { display:inline-block; margin-left:10px;}
 ul.slick-dots>li:first-child { margin-left:0;}
.imgslide ul.slick-dots>li>button { display:inline-block; width:10px; height:10px; padding:0; border:2px solid #fff; background:#fff; text-indent:-9999px; cursor:pointer; vertical-align:top; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.imgslide ul.slick-dots>li.slick-active>button { background:#00c7f7; border:2px solid #00c7f7;}
/* slick slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none;}
.slick-list.dragging { cursor: pointer; cursor: pointer;}
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track { position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after { display: table; content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; z-index:100 !important; outline:0;}
.slick-active{ z-index:200 !important;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
/* 메인 콘텐츠 영역 */
.container { width:100%; background:#fff; }
#con01 { width:80%; margin:0 auto; padding:8% 0 0 0;position:relative; overflow:hidden;}
#con01 .con_left { width:52%; float:left;}
#con01 .con_right { width:28%; float:right; margin:0% 10% 5% 5%; }
#con01 .typo {position:absolute; top:48%; left:-19%;  color:#00c7f7; font-weight:900; font-family:"Times New Roman", serif; font-size:7em; transform: rotate(-90deg);text-align:left; z-index:101}
#con01 .con_left .conimg01 { float:right; width:80%;  }
#con01 .con_left .conimg01 img { width:100%; display:block; }
#con01 h2{clear:both;font-family: 'Rajdhani', sans-serif; font-size:18px; font-weight:700; color:#000;letter-spacing:0.05em; padding:3% 0 0 0%;letter-spacing:0.4em;text-transform:uppercase;}
#con01 .bullet{display:inline-block;width:11px; height:11px; background-color:#00c7f7; margin-right:20px}
#con01 .thin_line { width:15%; border-bottom:1px solid #363636; margin:20% 0 15% 0}
#con01 h3{display:block;width:100%;font-family:"Times New Roman", serif;font-weight:bold;text-align:left;font-size:54px; color:#363636; margin-top:20%;line-height:120%}
#con01 h4{text-align:left;font-size:32px; color:#363636; font-family:"Times New Roman", serif; font-weight:400;padding-top:5%;}
#con01 .headtext{text-align:left;font-size:22px; color:#131313;font-family:'Open Sans', sans-serif;font-weight:400;padding-top:0%;line-height:180%;margin-top:15%}
#con01 .more2 { clear:both; display:block; width:200px; padding:27px 0; border:2px solid #00c7f7; margin-top:13%;text-align:center; color:#00c7f7; font-family: 'Rajdhani', sans-serif; font-size:18px; font-weight:700; letter-spacing:0.3em;text-transform:uppercase;}
#con01 .more2:hover{color:#fff; background-color:#00c7f7}
#con02 { width:91%;  padding:8% 0 5% 0; position:relative; overflow:hidden; }
#con02 .con_left { width:52%; float:left; }
#con02 .con_right { width:28%; float:right; margin:0% 10% 5% 5%;}
#con02 .typo { position:absolute; top:45%; right:-8.8%; position:absolute; color:#00c7f7; font-weight:900; font-family:"Times New Roman", serif; font-size:5.5em; z-index:101;  transform: rotate(-90deg);line-height:120%}
#con02 .imgtxt {display:block; position:absolute; top:74%; right:13%; z-index:101;}
#con02 .con_left .conimg01 {float:right; width:100%;}
#con02 .con_left .conimg01 img {width:100%; display:block;}
#con02 h2{clear:both;font-family: 'Rajdhani', sans-serif; font-size:18px; font-weight:700; color:#000;letter-spacing:0.05em; letter-spacing:0.4em;text-transform:uppercase;}
#con02 .bullet{display:inline-block;width:11px; height:11px; background-color:#00c7f7; margin-right:20px}
#con02 h3{display:block;width:100%;font-family:"Times New Roman", serif;font-weight:bold;text-align:left;font-size:54px; color:#363636; margin-top:16%}
#con02 h4{text-align:left;font-size:32px; color:#363636; font-family:"Times New Roman", serif; font-weight:400;padding-top:5%;}
#con02 .headtext{text-align:left;font-size:22px; color:#131313;font-family:'Open Sans', sans-serif;font-weight:400;padding-top:0%;line-height:180%;margin-top:10%}
#con02 .more2 { clear:both; display:block; width:200px; padding:27px 0; border:2px solid #00c7f7; margin-top:10%;text-align:center; color:#00c7f7; font-family: 'Rajdhani', sans-serif; font-size:18px; font-weight:700; letter-spacing:0.3em;text-transform:uppercase;}
#con02 .more2:hover{color:#fff; background-color:#00c7f7}
#con03 {width:85%;  padding:2% 0 8% 0; position:relative; overflow:hidden; float:right}
#con03 .con_left {width:25%; float:left; position:relative;}
#con03 .con_right {width:70%; float:right;}
#con03 .typo {position:absolute; top:68%; left:18%; position:absolute; color:#00c7f7; font-weight:900; font-family:"Times New Roman", serif; font-size:85px; z-index:101; text-align:left;}
#con03 .con_right .conimg01 {float:right; width:100%;  }
#con03 .con_right .conimg01 img {width:100%; display:block; }
#con03 h2{clear:both;font-family: 'Rajdhani', sans-serif; font-size:18px; font-weight:700; color:#000;letter-spacing:0.05em; padding:0% 0 0 0%;letter-spacing:0.4em;text-transform:uppercase;}
#con03 .bullet{display:inline-block;width:11px; height:11px; background-color:#00c7f7; margin-right:20px}
#con03 h3{display:block;width:100%;font-family:"Times New Roman", serif;font-weight:bold;text-align:left;font-size:54px; color:#363636; margin-top:16%}
#con03 .headtext{text-align:left;font-size:22px; color:#131313;font-family:'Open Sans', sans-serif;font-weight:400;padding-top:0%;line-height:180%;margin-top:10%}
#con03 .more2 {clear:both; display:block; width:200px; padding:27px 0; border:2px solid #00c7f7; margin-top:10%;text-align:center; color:#00c7f7; font-family: 'Rajdhani', sans-serif; font-size:18px; font-weight:700; letter-spacing:0.3em;text-transform:uppercase;}
#con03 .more2:hover{color:#fff; background-color:#00c7f7}
#con04 { width:100%;  padding:8% 0 0 0;  position:relative; overflow:hidden; background:#000}
#con04 h2{clear:both;font-family: 'Rajdhani', sans-serif; font-size:18px; font-weight:700; color:#fff;letter-spacing:0.05em; padding:5% 0 4% 0;letter-spacing:0.4em;text-transform:uppercase;}
#con04 .bullet{display:inline-block;width:11px; height:11px; background-color:#00c7f7; margin-right:20px}
#con04 h3{display:block;width:100%;font-family:"Times New Roman", serif;font-weight:bold;text-align:left;font-size:36px; color:#fff; margin-top:0%}
#con04 h3 span{font-size:24px;font-weight:normal;}
#con04_wrap { width:80%; margin:0 auto; overflow:hidden; }
#con04_wrap .col50 { width:50%; float:left}
#con04_wrap .col50 a {  display:block; margin-bottom:27% }
#con04_wrap .con_right { margin-top:15%}
.conimg1 { display:block; width:100%; margin:0 auto}
.conimg2 { display:block; width:70%; margin:0 auto; }
/*이벤트*/
.event{overflow:hidden;float:left;width:90%;background:#151515; padding:7% 5% 7% 5%;}
.event_left{float:left;width:15%;margin:0 0 0 23%;}
.event_left .typo{display:block;position:absolute; left:5%;color:#00c7f7; font-weight:bold; font-family:"Times New Roman", serif; font-size:140px; transform: rotate(-90deg);text-align:left; z-index:101;padding-top:10%}
.event_title{font-weight:bold; font-family:"Times New Roman", serif; font-size:30px;color:#fcfcfc;line-height:140%}
.event_line{height:1px; width:40px; background-color:#fcfcfc; display:block;margin:10% 0}
.event_text01{font-size:16px; color:#e1e1e1;text-align:left;font-family:'Open Sans', sans-serif;line-height:180%;font-weight:600;padding-bottom:8%}
.event_left .more2 {clear:both; display:block; width:200px; padding:27px 0; border:2px solid #00c7f7; margin-top:10%;text-align:center; color:#00c7f7; font-family: 'Rajdhani', sans-serif; font-size:16px; font-weight:600; letter-spacing:0.2em;text-transform:uppercase;}
.event_right{float:right;width:45%;margin:0 7% 0 0;padding-left:5%;border-left:1px solid #00c7f7}
.event_right .bullet{display:inline-block;width:11px; height:11px; background-color:#00c7f7; margin-bottom:8%}
.event_text02{font-size:14px; color:#9e9e9e;text-align:left;font-family:'Open Sans', sans-serif;line-height:220%;font-weight:600;}
/*퀴즈이벤트*/
.event_right02{float:right;width:45%;margin:0 5% 0 5%;padding:2% 3%;background:#00c7f7}
.event_right02 .event_title02{font-weight:bold; font-family:"Times New Roman", serif; font-size:42px;color:#000;line-height:140%;text-align:center;}
.event_right02 .event_text02{font-size:16px; color:#000;text-align:center;font-family:'Open Sans', sans-serif;line-height:180%;font-weight:400;padding:1% 0;}
.event_right02 .event_text02 span{font-weight:600;}
/*.event_right02 .more3 {clear:both; display:block; width:220px; padding:27px 0; border:2px solid #000; margin:2% auto 0 auto;text-align:center; color:#000; font-family: 'Rajdhani', sans-serif; font-size:18px; font-weight:700; letter-spacing:0.2em;text-transform:uppercase;}
.event_right02 .more3:hover{color:#fff; background-color:#000}*/
.event_btn{clear:both; display:block; width:65%;margin:8% auto 6% auto;}
.event_btn .more3 {width:220px; padding:25px 5%; border:2px solid #000; text-align:center; color:#000; font-family: 'Rajdhani', sans-serif; font-size:18px; font-weight:700; letter-spacing:0.2em;text-transform:uppercase;}
.event_btn .more3:hover{color:#fff; background-color:#000}
/*sns*/
.sns_total {display:none;}
/*footer*/
footer{width:66%; float:left; background:#000; padding:5% 17% 5% 17%;}
.border_line { display:block; width:90%;  border-top:1px solid #fff; margin:0 auto;  padding-bottom:3% } 
.ft_wrap{width:90%; margin: 0 auto;  border-top:1px solid #fff; padding:3% 0 0 0   }
.footer_list{float:right; margin-right:5%}
.footer_list li{list-style:none; text-align:right;font-size:30px; color:#ffffff;font-family:'Times New Roman', serif;font-weight:400;line-height:200%;}
.footer_list li a{color:#fff}
.footer_list li a:hover{color:#00c7f7}
.footer_left{float:left;width:50%; margin-left:5%}
.footer_sns{width:50%}
.footer_sns li{display:block; float:left;margin:3% 2% 0 0}
.logo_list{clear:both;padding:6% 0 0 0;float:left}
.logo_list p{clear:both;padding-bottom:2%;}
.logo_left{float:left}
.logo_right{float:right}
.copy{clear:both;font-family: 'Rajdhani', sans-serif; font-size:14px; font-weight:400; color:#fff;letter-spacing:0.3em;text-transform:uppercase;padding: 5% 0}
@media (max-width:1680px){
	#con01 { width:92%;  }
	#con01 .headtext, #con02 .headtext, #con03 .headtext{ font-size:18px; }
	#con02 {width:95%;}
	#con02 .typo {top:59%; right:-10%; font-size:5em;}
	#con02 .imgtxt {top:70%}
	#con02 .imgtxt img{width:90%}
	#con03 {width:96%;  padding:8% 0 3% 0;}
	#con03 .typo {font-size:5em}
	.event_left{width:20%;margin:0 0 0 21%;}
	.event_left .typo{left:0%;padding-top:13%}
	.event_right02{width:49%;margin:0 2%;padding:3% 3%;}
	.event_right02 .event_title02{font-size:36px}
	.event_right02 .event_text02{font-size:14px}
	.event_right02 .more3 {font-size:14px;width:180px;}
	.event_btn{width:63%}
}
@media (max-width:1600px){
	.title_txt{width:24%}
	.title_txt ul h2 {font-size:48px;}
	.title_txt ul h2 .v_line{height:42px}
	.title_txt ul h2.first_txt {font-size:40px;}
	.title_txt ul h2.first_txt .v_line{height:35px;}
	.footer_sns{width:65%}
	#con01 .typo{font-size:5em;left:-15%}
	#con02 .imgtxt img{width:80%}
}
@media (max-width:1440px){
	.title_txt {width:26%; }
	.title_txt ul { margin:10%;}
	.title_txt ul .con_title {font-size:18px}
	.title_txt ul h2 {margin-top:15%; font-size:48px;}
	.title_txt ul h2.first_txt{margin-top:15%;}
	.title_txt ul h3 { margin:7% 0; font-size:14px}
	.title_txt ul .des {line-height: 1.5;}
	.title_txt ul .more {padding:3% 13%; margin-top:10%;font-size:16px}
	.imgslide ul.slick-dots {left:2%;}
	.imgslide ul.slick-dots>li>button {width:17px; height:17px;border-radius:50%;}
	#con01 { width:90%;  }
	#con01 .typo{left:-15%}
	#con02 .imgtxt{left:10%; top:75%}
	#con02 .imgtxt img{width:75%}
	#con02 .typo{top:50%; right:-8%; font-size:4em;}
	#con03 .typo{font-size:3.8em; top:80%; right:45%;}
	#con04 h3{font-size:30px}
	.event_right02 .event_text02{font-size:12px}
}
@media (max-width:1366px){
	.vol_title h2 { font-size:6em;}
	.event_left{width:20%;margin:0 0 0 20%;}
	.event_left .typo{left:-5%;padding-top:14%}
	.event_text02{line-height:200%}
	.title_txt ul h2 {font-size:42px;}
	.title_txt ul h2 .v_line{height:37px}
	.event_left .more2 {margin-top:11%}
	.title_txt ul h2.first_txt{font-size:36px;}
	.title_txt ul h2.first_txt .v_line{height:31px;}
	#con01 .typo{top:40%;left:-11%;font-size:4.5em}
	#con02 .typo{right:-10%;}
	#con03 .typo{font-size:3.8em; top:77%; right:45%;}
}
@media (max-width:1280px){	
	.title_txt ul .con_title {font-size:18px}
	.title_txt ul h3{font-size:13px}
	.title_txt ul .des { font-size:11px}
	.imgslide ul.slick-dots {left:2%;}
	.imgslide ul.slick-dots>li>button {width:17px; height:17px;}
	#con01 {width:95%;}
	#con01 .typo {top:45%; left:-10%; font-size:4em; }
	#con01 .thin_line {margin:15% 0 5% 0}
	#con02 {width:96%;}
	#con02 .typo {top:50%; right:-7%; font-size:3.4em;}
	#con03 {width:90%;}
	#con03 .typo {top:20%; left:30%;font-size:2.5em;}
	#con03 .con_left {width:30%;}
	#con03 .con_right {width:65%;}
	.footer_sns img{width:70%}
	.footer_sns li{margin:3% -2% 0 0}
	/*.articlelist2 li{width:25%}*/
	.article_text2 span.l_title2 {font-size:14px;}
	.article_text2 span.l_stitle2 {font-size:12px;}
	.event_btn{width:80%}
	.event_text01{font-size:14px}
}
@media (max-width:1220px){
	.title_txt ul h2 {font-size:40px;}
	.title_txt ul h2 .v_line{height:35px}
	.title_txt ul h2.first_txt{font-size:32px;}
	.title_txt ul h2.first_txt .v_line{height:28px;}
	.event_title{font-size:24px}
	.event_text01{font-size:14px}
	.event_text02{font-size:12px}
	.event_left .more2{font-size:16px;margin-top:15%}
	.event_line{margin:12% 0}
	.title_txt ul .con_title {font-size:16px}
	.title_txt ul .more{font-size:14px}
	.event_left .typo{font-size:120px;left:-7%;margin-top:2%}
	.event{width:92%;padding:7% 4%}
}
@media (max-width:1024px){
	.navi .menu ul{top:47.5%;}
	.vol_title h2 {font-size:4em;}
	.title_txt ul h2 {font-size:36px;}
	.title_txt ul h2 .v_line{height:30px}
	.title_txt ul h2.first_txt{font-size:28px;}
	.title_txt ul h2.first_txt .v_line{height:24px;}
	.title_txt ul .des{font-size:12px}
	.title_txt ul h3{font-size:16px}
	.event_title{font-size:22px}
	.event_text01{font-size:12px}
	.event_left .more2 {font-size:12px;width:160px;}
	.event_right .bullet{width:9px; height:9px;margin-bottom:3%}
	.event_right02{width:49%;margin:0 2%;}
	.event_right02 .event_title02{font-size:30px}
	.event_right02 .event_text02{font-size:12px}
	.event_right02 .more3 {font-size:12px;width:160px;}
	#con01 .typo { top:50%; left:-12%; font-size:3.5em; }
	#con02 .typo {top:55%; right:-7%; font-size:3em;}
	#con03 .con_left { width:35%;}
	#con03 .con_right { width:60%;}
	#con03 .typo {top:25%; right:40%; font-size:2.3em}
	#con01 .thin_line {display:none;}
	#con01 h3, #con02 h3, #con03 h3{font-size:42px;}
	#con01 h4 {font-size:28px;}
	#con01 .headtext, #con02 .headtext, #con03 .headtext {font-size:16px;}
	#con01 .more2, #con02 .more2, #con03 .more2 {font-size:14px;width:160px;padding:6% 0;}
	#con01 h2, #con02 h2, #con03 h2{font-size:14px;letter-spacing:0.4em}
	.footer_sns li{margin:3% -3% 0 0}
	#con04 h2{font-size:14px;letter-spacing:0.3em}
	#con04 h3{font-size:26px;}
}
@media (max-width:960px){
	.vol_title h2 {font-size:3.5em;}
	.title_txt ul .con_title {font-size:14px}
	.title_txt ul h2 {font-size:32px;}
	.title_txt ul h2 .v_line{height:28px}
	.title_txt ul h3{font-size:14px}
	.title_txt ul .more{font-size:12px}
	.event_text01{font-size:12px}
	.event_text02{font-size:11px}
	.event_left .typo{font-size:100px;left:-6%;}
	.event_left{width:22%;margin:0 0 0 18%;}
	#con01 .typo{top:45%; left:-15%; font-size:3.2em;}
	#con01 h3,#con02 h3,#con03 h3{font-size:36px;}
	#con01 h4 {font-size:24px;}
	#con01 .headtext, #con02 .headtext, #con03 .headtext {font-size:14px;}
	footer{width:80%; padding:5% 10% 5% 10%;}
	.footer_list li{font-size:18px}
	.navi .menu{right:0;top:12%;}
	.navi .menu{width:65px;height:65px;}
	.navi .menu ul{right:16px;top:14.5%;}
	.navi .menu span{width:30px;height:3px;}
	.navi .menu.on span:nth-of-type(1) {transform:rotate(45deg) translateY(-4px) translateX(5px);}
	.navi .menu.on span:nth-of-type(3) {transform:rotate(-45deg) translateY(4px) translateX(2px);}
	h5{font-size:28px}
	.event_btn .more3{padding: 15px 4%}
	.event_btn{width:75%}
}
@media (max-width:860px){
	.event_btn{width:90%}
}
@media (max-width:768px){
	h1.logo img{width:80%}
	.newyear{font-size:18px}
	.title_txt {width:34%;top:13%;}            
	.title_txt ul .con_title {font-size:12px}
	.title_txt ul h2 {font-size:30px;margin}
	.title_txt ul h2 .v_line{height:28px}
	.title_txt ul h2.first_txt{font-size:24px;margin-top:10%;}
	.title_txt ul h2.first_txt .v_line{height:20px;}
	.title_txt ul h3{font-size:12px}
	.event_left{width:28%;margin:0 0 0 13%;}
	.event_left .typo{font-size:80px;left:-10%;}
	.articlelist2 li{width:20%}
	#con01 {width:98%;}
	#con01 .typo {left:-9%; font-size:3em; }
	#con01 .con_left { width:48%;}
	#con01 .con_right { width:32%;margin:0% 10% 5% 5%; }
	#con01 .bullet, #con02 .bullet, #con03 .bullet, #con04 .bullet{width:7px; height:7px; margin-right:10px}
	#con01 .more2, #con02 .more2, #con03 .more2 {font-size:14px;width:150px}
	#con01 h2, #con02 h2, #con03 h2{font-size:12px;letter-spacing:0.3em}
	#con01 h3,#con02 h3,#con03 h3{font-size:28px; margin-top:10%}
	#con01 h4 {font-size:18px; padding-top:5%;}
	#con01 .headtext, #con02 .headtext, #con03 .headtext {font-size:12px;}
	#con02 .typo {top:50%; right:-9%; font-size:3em;}
	#con02 .imgtxt {display:none}
	#con03 .con_left {width:30%;}
	#con03 .con_right {width:65%;}
	#con03 .typo{left:30%;}
	#con04 h2{font-size:12px;letter-spacing:0.3em}
	#con04 h3{font-size:22px;}
	.footer_sns img{width:60%}
	.footer_sns li{margin:3% -7% 0 0}
}
@media (max-width:570px){
	.mobile{display:none}
	.event{overflow:hidden;float:left;width:90%;background:#151515; padding:7% 5% 7% 5%;}
	.event_left{float:none;width:80%;margin:0 0 7% 10%;}
	.event_left .typo{position:relative; transform:rotate(-0deg); padding:2% 0 5% 7%}
	.event_left .more2{margin:0 0 5% 0}
	.event_line{margin:5% 0}
	.event_right{float:none;width:80%; margin: 0 auto; border-left:0px;border-top:1px solid #00c7f7; margin-top:5%;padding-top:8%}
	.event_right02{float:none;width:80%; margin: 3% auto; padding:5% 5%;}
	.event_right02 .event_title02{font-size:36px;}
	.event_right02 .event_text02{font-size:14px;}
	.event_btn .more3 {font-size:14px;clear:both;display:block;width:90%}
	/* Visual slider Area */
	#visual .imgslide {display:none;}
	#mobile_slide {display:block;}
	.vol_title {top:40%}
	.vol_title h2 {font-size:3em;}
	.vol_title .mobile_title { display:block; }
	.title_txt { display:none; }
	.m_imgslide ul.slick-dots {position:absolute; bottom:5%; right:40%; width:20%;  text-align:center;}
	.m_imgslide ul.slick-dots>li { display:inline-block; margin-left:10px;}
	ul.slick-dots>li:first-child { margin-left:0;}
	.m_imgslide ul.slick-dots>li>button { display:inline-block; width:10px; height:10px; padding:0; border:2px solid #fff; background:#fff; text-indent:-9999px; cursor:pointer; vertical-align:top; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
	.m_imgslide ul.slick-dots>li.slick-active>button { background:#00c7f7; border:2px solid #00c7f7;}
	/*.imgslide ul.slick-dots {left:39%;}*/
	/* 메인 콘텐츠 영역 */
	#con01, #con02 { width:80%;margin:5% auto;}
	#con01 .con_left {width:90%;}
	#con01 .con_right { width:90%;float:none; margin:5% auto;}
	#con01 .typo {top:23%; left:-25%;font-size:4em;}
	#con01 h2, #con02 h2, #con03 h2{font-size:16px;letter-spacing:0.4em;padding-top:10%}
	#con01 .bullet, #con02 .bullet, #con03 .bullet{width:9px; height:9px;}
	#con01 h3,#con02 h3,#con03 h3{font-size:30px; margin-top:7%}
	#con01 h4 {font-size:22px;}
	#con01 .headtext, #con02 .headtext, #con03 .headtext {font-size:16px;margin-top:5%}
	#con01 .more2, #con02 .more2, #con03 .more2{width:180px; padding:5% 0; }
	#con02 .con_left { width:90%;margin:0 auto;  }
	#con02 .con_right { width:100%; margin:0 auto; }
	#con02 .typo{top:23%; right:-21%;font-size:4em;}
	#con03{width:80%;margin:5% auto;float:none;overflow:visible;}
	#con03 .con_left { width:100%; margin:0 auto;padding-bottom:20% }
	#con03 .con_right { width:90%; margin:0 auto;}
	#con03 .typo{top:90%;left:0%;font-size:3em;}
	#con04_wrap{width:80%;margin:5% auto;}
	#con04_wrap .col50{float:none;width:100%; margin:0 auto}
	#con04_wrap .col50 a{margin-bottom:15%}
	.conimg1 { display:block; width:100%; margin:0 auto }
	.conimg2 { display:block; width:100%; margin:0 auto; }
	.navi .menu{width:47px;height:47px;}
	.navi .menu ul{right:11px;top:13.7%;}
	.navi .menu span{width:25px;height:3px;}
	.navi .menu span:nth-of-type(1) {margin:0 0 5px 0;}
	.navi .menu span:nth-of-type(2) {margin:0 0 5px 0;}
	.navi .menu span:nth-of-type(3) {margin:0 0 0 0;}
	.footer_left{width:100%;padding:0 10% 0 5% }
	.footer_list{float:left;padding:0 10% 5% 10%}
	.footer_list li{text-align:left;font-size:16px}
	.articlelist2{margin:5% 0 10% 0}
	.articlelist2 li{width:90%;margin:0 auto}
	.articlelist2 a .cover2 span{display:none}
	.article_text2 {text-align:left;margin:0}
	.inner2 h6{font-size:20px;padding-top:5%}
	.article_text2 span{padding:3px 0}
	.article_text2 span.l_title2 {font-size:14px; margin-top:3%}
	.article_text2 span.l_stitle2 {font-size:12px;}
}
@media (max-width:425px){
	.mobilebr{display:block;}
	/* Visual slider Area */
	#visual .imgslide {display:none;}
	#mobile_slide {display:block;}
	.vol_title { top:43%}
	.vol_title h2{font-size:3em;line-height:120%}
	.vol_title .mobile_title{font-size:3em;}
		.m_imgslide ul.slick-dots {position:absolute; bottom:5%; right:40%; width:20%;  text-align:center;}
	.m_imgslide ul.slick-dots>li { display:inline-block; margin-left:10px;}
	ul.slick-dots>li:first-child { margin-left:0;}
	.m_imgslide ul.slick-dots>li>button { display:inline-block; width:10px; height:10px; padding:0; border:2px solid #fff; background:#fff; text-indent:-9999px; cursor:pointer; vertical-align:top; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
	.m_imgslide ul.slick-dots>li.slick-active>button { background:#00c7f7; border:2px solid #00c7f7;}
	#con01 h2, #con02 h2, #con03 h2{font-size:12px;}
	#con01 .con_left {width:100%;}
	#con01 .typo {top:23%; left:-20%;font-size:3em;}
	#con01 h3,#con02 h3,#con03 h3{font-size:28px; margin-top:7%}
	#con01 h4 {font-size:18px;}
	#con02 h4{font-size:18px}
	#con01 .headtext, #con02 .headtext, #con03 .headtext {font-size:14px;}
	#con02 .typo{top:15%; right:-15%;font-size:2.5em;}
	#con03 .typo{left:0%;font-size:2.5em;}
	.event_right02 .event_title02{font-size:30px;}
	.article2{height:500%}
	.copy{font-size: 10px;}
	.footer_list li{font-size:14px;}
}
/*아이폰XS*/
@media screen and (max-width:375px) {
	h1.logo img{width:70%}
	.newyear{font-size:16px}
	.navi .menu{width:38px;height:38px;}
	.navi .menu ul{right:7px;top:13.4%;}
	.navi .menu span{width:23px;height:2px;}
	#con01 h3,#con02 h3,#con03 h3{font-size:24px; margin-top:7%}
	#con01 .typo {font-size:2.7em;left:-24%;}
	#con04 h3{font-size:18px;}
	#con04 h3 span{font-size:16px;}
	.vol_title h2{font-size:2.3em;}
	.vol_title .mobile_title{font-size:2.3em;}
	#con02 .typo{top:20%; right:-18%;font-size:2.5em;}
	#con03 .typo{font-size:2.5em;bottom:0%}
	.event_title{clear:both;font-size:18px}
	.event_left{width:80%;margin:0 0 7% 10%;}
	.event_left .typo{position:relative; transform: rotate(-0deg); padding:2% 0 5% 7%}
	.event_left .more2{margin:5% 0;width:90%;}
	.event_right02 .event_title02{font-size:24px;}
	.event_right02 .event_text02{font-size:12px;}
	.event_right02 .more3 {font-size:12px;width:90%;}
	#con01 .headtext, #con02 .headtext, #con03 .headtext {font-size:12px;}
	.footer_list li{font-size:12px;}
}
@media (max-width:360px){	
	.event_left .typo{font-size:65px;left:-10%;margin-top:7%}
	#con01 .typo {left:-24%;}
	#con02 .typo {right:-20%}
	.articlelist2{margin:5% 0 10% 0}
	.articlelist2 li{width:90%;margin:0 auto}
	.articlelist2 a .cover2 span{display:none}
	.article_text2 {text-align:left;margin:0}
	.inner2 h6{font-size:18px;padding-top:3%}
	.article_text2 span{padding:0 0}
	.article_text2 span.l_title2 {font-size:14px; margin-top:5%}
	.article_text2 span.l_stitle2 {font-size:12px;}
}
@media (max-width:320px){		
	#con01 .typo {font-size:2.3em;}
	#con02 .typo {font-size:2.3em;}
	.m_imgslide ul.slick-dots {width:25%;}
}

@media (max-width:280px){		
	#con01 .typo {font-size:2.0em;top:20%}
}