@charset "utf-8";
@import url('reset.css');
/*skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:99; width:100%; height:1px; margin-top:-1px; display:block; font-size:0.7rem; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:0.5rem 0}
/*common */
.auto {margin:0 auto}
.img-responsive {display:block; max-width:100%; height:auto}
.left{text-align:left}
.width25{width:25%;text-align:justify}
.width30{width:30%;text-align:justify}
.width40{width:40%;text-align:justify}
.width45{width:45%;text-align:justify}
.width50{width:50%;text-align:justify}
.width60{width:60%;text-align:justify}
.width70{width:70%;text-align:justify}
.width80{width:80%;text-align:justify}
.width90{width:90%;text-align:justify}
.width100{width:100%;text-align:justify}
.mb10{margin-bottom:10% !important}
.mb7{margin-bottom:7% !important}
.mb5{margin-bottom:5% !important}
.mb3{margin-bottom:3% !important}
.mt10{margin-top:10% !important}
.mt7{margin-top:7% !important}
.mt5{margin-top:5% !important}
.mt3{margin-top:3% !important}
.padding3{padding-top:3% !important}
.center{text-align:center}
.black{background:#000}
.white{background:#fff}
.displaynone{display:none}
.display{display:block}
.mobilebr{display:none}
.movile1680{display:block}
.movile1600{display:block}
/*wrap*/
#section{overflow:hidden;margin:0 auto}
#wrap{margin:0 auto;width:100%;background:#000}
.visualbg{width:100%;background:url('../images/visualbg.jpg') center bottom no-repeat;background-size:contain;border-bottom:1px solid #0d0d0d;padding-bottom:8%}
h1.logo{top:2.5rem;left:3rem;position:fixed;width:5rem;z-index:99}
/*nav, vol*/
.navi{position:fixed;z-index:99;right:-20rem;top:0;width:20rem;height:100%;transition: all .1s  ease;background:#a1a1a1}
.navi.on{right:0rem;width:20rem;display:block;opacity:1;transition: .2s  ease-in-out}
.navi nav{opacity:0;transition: .2s  ease-in-out}
.navi.on nav{opacity:0.8;transition: .2s  ease-in-out ;width:20rem;height:100% }/**/
.navi .menu{position:absolute;z-index:9999;left:-5.5rem;top:2rem;display:block;width:1.25rem;height:1.25rem;background:#fff;border-radius:2.25rem;padding:0.5rem ;margin-right:0.5rem}
.navi .menu i{position:absolute;font-size:0}
.navi .menu span{display:block; width:100%;height:0.15rem; background:#000 ;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.15rem 0 0 0}
.navi .menu span:nth-of-type(2) {transform: translateX(0);opacity:1;text-align:right;margin:0.2rem 0 0 0}
.navi .menu span:nth-of-type(3) {transform:rotate(0deg);transform-origin:left top;text-align:right;margin:0.2rem 0 0 0}
.navi .menu.on {background:#fff;left:8.5rem;top:2rem}/*close*/
.navi .menu.on span:nth-of-type(1) {transform:rotate(45deg) translateY(-4px) translateX(4px);transform-origin:left top}
.navi .menu.on span:nth-of-type(2) {transform: translateX(0) translateX(3px);opacity:0}
.navi .menu.on span:nth-of-type(3) {transform:rotate(-45deg) translateY(5px) translateX(0px) ;transform-origin:left top}
.navi ul{position:relative;top:0 ;height:100%;width:100%;background:#fff ;padding-top:10%;display:block;transition: .2s  ease-in-out}
.navi li{font-family:'Work Sans', sans-serif;font-size:1.6rem;font-weight:600;letter-spacing:0.2rem;text-align:center;text-transform:uppercase;color:#212121;padding-bottom:1.4rem}
.navi li a:hover{color:#a1a1a1}
.navi li a {color:#212121}
.navi li:nth-of-type(1){margin-top:8rem} 
.navi li:nth-of-type(7){font-family:'Work Sans', sans-serif;font-size:1.0rem;font-weight:300;letter-spacing:0.1rem;text-align:center;text-transform:uppercase;color:#212121;margin-top:2rem}
.navi li:nth-of-type(7):hover{color:#a0a0a0}
.navi li:nth-of-type(8){text-align:center;position:relative;z-index:99999;font-family:'Rajdhani', sans-serif;font-size:0.9rem;font-weight:500;color:#212121;letter-spacing:0rem}
.navi li:nth-of-type(9){text-align:center;padding :0.5rem 1rem;margin:0 4rem ;font-family:'Noto Sans KR', sans-serif;letter-spacing:0rem;font-size:0.8rem;font-weight:300;color:#fff;background:#a0a0a0}
.navi li:nth-of-type(9) a{color:#fff;background:#a0a0a0}
.navi li:nth-of-type(9) a:hover{color:#fff;background:#a0a0a0}
.vol{top:2.5rem;right:6.5rem;position:fixed;z-index:99;color:#fff;font-family:'Rajdhani', sans-serif;font-size:0.9rem;font-weight:500}
/*메뉴,Visual*/
.visual{position:relative;z-index:9;top:0}
.visual img{width:100%}
.visual_txt{position:absolute;text-align:center;top:57%;width:100%}
.visual_txt01{position:relative;z-index:9;font-family:'Noto Sans KR', sans-serif;font-size:1.5rem;font-weight:300;color:#fff;margin: 1rem 0 0 0}
/*common title*/
h2{position:relative;z-index:9;font-family:'Rajdhani', sans-serif;font-size:0.9rem;font-weight:700;color:#0bfffc;text-transform:uppercase;letter-spacing:0.15rem;padding:0 0 3rem 0}
h3{position:relative;z-index:9;font-family:'Noto Sans KR', sans-serif;font-size:3.6rem;font-weight:500;color:#fff;margin: 1rem 0 0 0}
h4{position:relative;z-index:9;font-family:'Noto Sans KR', sans-serif;font-size:0.8rem;font-weight:400;letter-spacing:0.2em;color:#fff;text-transform:uppercase;margin: 0 0 0 0}
.stitle{font-family:'Rajdhani', sans-serif;font-size:0.8rem;font-weight:700;color:#0bfffc;text-transform:uppercase;letter-spacing:0.15rem;padding:3rem 0 1rem 0}
.stitle02{font-family:'Rajdhani', sans-serif;font-size:0.8rem;font-weight:700;color:#0bfffc;text-transform:uppercase;letter-spacing:0.15rem;padding:3rem 0 1rem 0}
.title{font-family:'Noto Sans KR', sans-serif;font-size:2.5rem;font-weight:500;line-height:140%;color:#fff;padding:0 0 2.2rem 0;letter-spacing:-0.05rem;margin:0 0}
.contents01{font-family: 'Noto Sans KR', sans-serif;font-size:0.8rem;font-weight:400;line-height:180%;color:#fff;padding:0 0 2.5rem 0;width:50%}
/*moving text*/
.highlighted{position:relative;z-index:9;color:#a0a0a0;font-size:7.5rem;opacity:0.3;font-family:'Work Sans', sans-serif;font-weight:800;margin:2.2rem auto}
.txtbox{overflow:hidden;margin:0 auto;width:100%;z-index:9}
#dhtmlgoodies_marquee{	position:absolute;margin:0 auto; width:100%;display:none;top:39rem}
#dhtmlgoodies_marquee .textObj{position:absolute;color: #FFF;font-weight:bold;white-space:nowrap;	font-family: 'Work Sans', sans-serif;font-weight:900;overflow:hidden;}
/*conbox01*/
.conbox01{margin:6% auto 0 auto}
.con01{display:block;text-align:center}
.con01 img{margin:0 auto;width:80%}
.con01_txt{margin:1.8% 0 0 52%;position:relative}
.con01_txt:before{z-index:9;position: absolute;left: 0px;top: 0;margin-top: -5rem ;content:url('../images/line01.png');display:block;width:0.4rem;height:6.05rem}
/*con_btn01 */
.con_btn_icon01 {position: relative;display:inline-block;vertical-align:middle;line-height:1;padding:1.35rem 2rem 1.45rem 2rem;letter-spacing:0.05rem;color: #000;background:#fff;border-radius: 2rem;-webkit-transition: color 260ms, background 300ms;transition: color 260ms, background 300ms}
.con_btn_icon01 a > span {position: relative;display:inline-block;font-family: 'Rajdhani', sans-serif;font-size:0.75rem;font-weight:900;color: #000}
.con_btn_icon01 a > span:before {content:"▶";display:block;font-family:'Noto Sans KR', sans-serif;font-size:0.55rem;float:left;text-align:center;margin-right:0.25rem}
.con_btn_icon01:hover{color:#fff;background: #007a88}
.con_btn_icon01:hover span{color:#fff}
/*science*/
.conbox02{width:60%;overflow:hidden;margin:0 auto}
.con02_txt{margin:-12% 0 10% 4%;padding-top:2%;height:90%;position:relative}
.con02_txt:before{z-index:9;position:absolute;left:0;top:0;margin-top:-5rem ;content:url('../images/line01.png');display:block;width:0.4rem;height:6.05rem}
.con02_txt .stitle02{font-family:'Rajdhani', sans-serif;font-size:0.8rem;font-weight:700;color:#0bfffc;text-transform:uppercase;letter-spacing:0.15rem;padding:2rem 0 1rem 0}
.con02_txt .title02{font-family:'Noto Sans KR', sans-serif;font-size:2.5rem;font-weight:500;line-height:140%;color:#fff;padding:0 0 2.2rem 0;letter-spacing:-0.10rem;margin:0 0}
.con02_txt .contents02{font-family: 'Noto Sans KR', sans-serif;font-size:0.8rem;font-weight:400;line-height:180%;color:#fff;padding:0 0 2.5rem 0}
.con02 ul {font-size:0;text-align:center;width:100%}
.con02 ul li {font-size:0.6rem;display:inline-block;vertical-align:top;width:47%;padding-right:6%}
.con02 ul li.last{font-size:0.6rem;display:inline-block;vertical-align:top;width:47%;padding:15% 0 0 0}
.con02 ul li a {display:block;width:auto;margin-top:0.5rem;color:#000;text-decoration:none}
.con02 ul li a .mask {/*position:relative;*/overflow:hidden;height:100%} /*  overflow:hidden*/
.con02 ul li a img {width:100%;transition:transform 0.8s;}
.con02 ul li a:hover img {transform:scale(1.1)}
/*people*/
.conbox03{width:60%;margin:0 auto}
.conbox03all{width:100%}
.con03left{width:47%;overflow:hidden}
.con03left a {display:block;width:auto;margin-top:10px;color:#000;text-decoration:none}
.con03left a .mask{position:relative;overflow:hidden;width:100%;height:100%} /* overflow:hidden*/
.con03left a img {width:100%;transition:all 0.3s ease-in-out}
.con03left a:hover img {transform:scale(1.1)}
.con03right{margin-left:47%}
.con03_txt{margin:-110% 0 10% 20%;padding-top:0;padding-left:0%}
.con03_txt:before{z-index:9;position:relative;left: 0rem;top: 3rem;margin-left: -9rem;content:url('../images/line02.png');display:block}
.con03_txt .stitle03{font-family:'Rajdhani', sans-serif;font-size:0.8rem;font-weight:700;color:#0bfffc;text-transform:uppercase;letter-spacing:0.15rem;padding:2rem 0 1rem 0/*padding:2.8% 0 1.6% 0 ;stitle02 2배*/}
.con03_txt .title03{font-family:'Noto Sans KR', sans-serif;font-size:2.5rem;font-weight:500;line-height:140%;color:#fff;padding:0 0 2.2rem 0;letter-spacing:-0.02rem/**/}
.con03_txt .name{font-family: 'Noto Sans KR', sans-serif;font-size:0.75rem;font-weight:400;line-height:180%;color:#fff;padding:0 0 1rem 0}
.con03_txt .contents03{font-family: 'Noto Sans KR', sans-serif;font-size:0.8rem;font-weight:400;line-height:180%;color:#fff;padding:0 0 2.5rem 0/*padding:0 0 6% 0 ;stitle02 2배*/}
/*Ict trend*/
.conbox04{width:100%;overflow:hidden;background:#0d0d0d;margin-top:0}
.con04_txt{width:65%;padding-bottom:16rem;margin:3rem auto 0 auto;background:url('../images/main06.jpg') center bottom no-repeat ;-webkit-background-size: contain; -moz-background-size: contain;   -o-background-size: contain; background-size: contain}
.con04_txt .title04{font-family:'Noto Sans KR', sans-serif;font-size:2.5rem;font-weight:500;line-height:140%;color:#fff;padding:0 0 2.2rem 0;letter-spacing:-0.10rem}
.con04_txt .contents04{font-family: 'Noto Sans KR', sans-serif;font-size:0.8rem;font-weight:400;line-height:180%;color:#fff;padding:0 0 2.5rem 0}
/*R n BD*/
.conbox05{width:100%;overflow:hidden;background:#0d0d0d}
.con05_txt{width:65%;padding-bottom:18rem;margin:3rem auto 0 auto;background:url('../images/main07.jpg') center bottom no-repeat ;-webkit-background-size: contain; -moz-background-size: contain;   -o-background-size: contain; background-size: contain}
.con05_txt .title05{font-family:'Noto Sans KR', sans-serif;font-size:2.5rem;font-weight:500;line-height:140%;color:#fff;padding:0 0 2rem 0;letter-spacing:-0.10rem}
/*News*/
.newsevent {position:relative;width:70%;margin:5rem auto ;overflow:hidden}
.newstxt{position:relative;z-index:9;font-family:'Rajdhani', sans-serif;font-size:0.9rem;font-weight:700;color:#0bfffc;text-transform:uppercase;letter-spacing:0.15rem;padding:0 0 3rem 0}
.newsevent ul {font-size:0;text-align:center;width:100%}
.newsevent ul li {font-size:0rem;display:inline-block;vertical-align:top;width:32%;padding-right:1.2rem}
.newsevent ul li.last{font-size:0rem;display:inline-block;vertical-align:top;width:31%;padding-right:0%}
.newsevent ul li a {display:block;width:auto;margin-top:0.5rem;color:#000;text-decoration:none}
.newsevent ul li a .mask {overflow:hidden;width:100%;height:90%;padding-left:0} /* overflow:hidden;*/
.newsevent ul li a img {overflow:hidden;transition:transform 0.7s }
.nt{font-family:'Noto Sans KR', sans-serif;font-size:0.8rem;font-weight:400;color:#888;text-align:center;margin:1rem 0 0 0} /* 기사제목*/
.newsevent ul li a:hover img {transform:scale(1.1)}
.scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.6s ease-in-out;/* 부드러운 모션을 위해 추가*/
}
.scale:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
/*Footer*/
#pagefooter{width:100%;padding:2.5rem 0 ;display:block;text-align:center;background:#121212;vertical-align:bottom/*event;margin-bottom:4rem*/}
#pagefooter .copy{font-size:0.65rem;color:#555;font-weight:400;font-family:'Noto Sans KR', sans-serif;text-align:center}
.footer_global{padding-bottom:1rem;overflow:hidden}
.footer_global li{display:inline-block;margin-right:0.25rem}
.footer_global li:hover{opacity:0.4;transition: .2s  ease-in-out}/*utility sns*/
.footer_utility{position:relative;z-index:9;overflow:hidden;border-bottom:1px solid #333;width:70%;margin:0 auto 2rem auto;padding-bottom:1rem}
.footer_utility li{margin:0 1rem 1.5rem 0;display:inline-block}
/* utility_btn */
.utility_btn_icon {z-index:9;position:relative;background:#313131;color:#999;border:1px solid #313131;display:inline-block;vertical-align:top;text-align:center;line-height:1;padding:0.7rem 0 1.1rem 0;width:10rem;border-radius: 1.8rem;-webkit-transition: color 260ms, background 300ms;transition: color 260ms, background 300ms}
.utility_btn_icon > span {display:inline-block;font-family:'Noto Sans KR', sans-serif;font-size:0.7rem;font-weight:400}
.utility_btn_icon.utility_type_01:hover {border:1px solid #333;color: #626262;background:#000000}

/*event*/
.event{position:fixed;bottom:0;left:0;height:4rem;width:100%;background:#320043;margin:0 auto ;text-align:center;z-index:9}
.event ul {vertical-align:middle}
.event ul li{display:inline-block}
.event ul li:nth-of-type(1){color:#fff;font-family: 'Noto Sans KR', sans-serif;font-size:1.3em;font-weight:300;text-align:right}
.event ul li:nth-of-type(1) span{font-weight:700}
.event ul li:nth-of-type(2) {width:4%;text-align:center;margin:0 auto}
.event ul li:nth-of-type(2) img{vertical-align:middle;margin:0 auto;margin-bottom:-0.3rem}
.event ul li:nth-of-type(3){color:#fff;font-family: 'Noto Sans KR', sans-serif;font-size:1.3rem;font-weight:700;text-align:left}
.event ul li:nth-of-type(3) span{font-family: 'Playfair Display', serif;font-size:2.1rem;font-weight:700;color:#ba4fa4}
.event ul li:nth-of-type(4) img{vertical-align:middle}
.event ul li:nth-of-type(4) {text-align:left;margin-bottom:-1rem}
@keyframes w3-spin{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(45deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(-45deg)}
	100%{transform:rotate(0deg)}
}
@media screen and (max-width:1680px) {   
.movile1680{display:none}
.conbox02{width:65%}
.conbox03{width:65%}
.contents01{width:65%}
.navi li{font-size:1.5rem}
.navi li:nth-of-type(1){margin-top:6rem}
.navi li:nth-of-type(8){margin-top:2.5rem}
}
@media screen and (max-width:1600px) {
.movile1600{display:none}
.navi li:nth-of-type(8){margin-top:1.5rem}
.navi li:nth-of-type(10){font-size:0.70rem}
}
@media screen and (max-width:1440px) {
/*.conbox01{margin:16% auto}*/
.vol{font-size:0.8rem}
.conbox02{width:70%}
.conbox03{width:70%}
.newsevent {width:70%}
.newsevent ul li {width:30%}
.newsevent ul li.last{width:29%}
.footer_utility{width:70%}
.visualbg{padding-bottom:5%}
.contents01{width:68%}
.nt{font-size:0.7rem}
}
@media screen and (max-width:1366px) {	
.newsevent{width:75%}
.footer_utility{width:75%}
#pagefooter .copy{font-size:0.65rem}
}
@media screen and (max-width:1280px) {
.con04_txt{width:90%}
.con05_txt{width:90%}
.newsevent{width:80%}
.footer_utility{width:80%}
}
@media screen and (max-width:1199px) {
.title{font-size:2.3rem}
.con02_txt .title02{font-size:2.3rem}
.con03_txt .title03{font-size:2.3rem}
.con04_txt .title04{font-size:2.3rem}
.con05_txt .title05{font-size:2.3rem}
.utility_btn_icon {width:9rem}
}
@media screen and (max-width:1024px) {	
.utility_btn_icon {width:8rem}
h1.logo{top:2.0rem;left:2.5rem;width:4.5rem}
.navi{right:-20rem}
.vol{top:2.6rem;right:5rem;font-size:0.8rem}
.navi .menu{left:-4.5rem}
}
@media screen and (max-width:960px) {
.utility_btn_icon {width:12rem}
.vol{font-size:0.8em}
}
@media screen and (max-width:768px) {
.newsevent ul li a h3{font-size:0.65rem}
.utility_btn_icon {width:11rem}
#pagefooter .copy{font-size:0.6rem}
.vol{font-size:0.7rem}
}
@media screen and (max-width:570px) {
.mobile{display:none}
.mobilebr{display:block}
h1.logo{top:1rem;left:1rem;width:3.5rem}
.vol{/*top:2.6rem;right:4rem;font-size:0.8rem*/display:none}
.navi{right:-22rem;top:0rem}
.navi.on{width:16rem}
.navi.on nav{width:16rem}
.navi .menu{left:-5rem;top:1rem}
.navi .menu.on {top:1rem;left:6.8rem}
.navi ul{padding-top:15%}
.navi li{font-size:1.2rem}
.navi li:nth-of-type(8){margin-top:2rem;font-size:1.0rem}
.navi li:nth-of-type(9){font-size:0.8rem}
.navi li:nth-of-type(10){margin:0 3rem ;font-size:0.75rem}
.visual_txt{top:25%}
h3{font-size:2.4rem;letter-spacing:0.2rem}
h4{font-size:0.6rem}
.visualbg{padding-bottom:20%}
.visual_txt01{font-size:1.2rem;opacity:0.7}
#dhtmlgoodies_marquee{display:none}
#dhtmlgoodies_marquee .textObj{display:none}
.highlighted{display:none}
/*.highlighted{font-size:5.5rem;opacity:0.3;margin:2.2rem auto}
#dhtmlgoodies_marquee{	top:15rem}
#dhtmlgoodies_marquee .textObj{position:absolute;color: #FFF;font-weight:bold;white-space:nowrap;	font-family: 'Work Sans', sans-serif;font-weight:900;overflow:hidden;}*/
.title{letter-spacing:-0.1rem;font-size:1.6rem;text-align:center}
.stitle{text-align:center;padding:4rem 0 1rem 0}
.stitle02{text-align:center;padding:1rem 0 1rem 0}
.contents01{width:100%;font-size:0.7rem;text-align:center}
.conbox01{margin:40% auto 0 auto;text-align:center}
.newstxt{padding:0 0 2rem 0}
.con_btn_icon01 {padding:0.6rem 1.5rem 0.9rem 1.5rem}
.con01_txt{margin:1.8% 0 0 0;position:relative}
.con01_txt:before{top: -12rem;margin: 10rem;content:url('../images/line01_.png')}
.con01_txt{margin:0% 0 30% 0%;text-align:center}
.con01 img{width:90%}
.conbox02{width:90%}
.con02_txt .title02{font-size:1.6rem}
.con02 ul li{width:50%}
.con02 ul li.last{width:37%;padding:30% 0 0 0}
.con02_txt {margin:-8% 0 40% 10%}
.con02_txt .stitle02{text-align:left}
.con02_txt .contents02{width:90%;font-size:0.7rem}
.con02_txt:before{top: 2rem;content:url('../images/line01_.png')}
.conbox03{width:90%}
.con03_txt{margin:0% 0% 0% 0%}
.con03_txt .stitle03{text-align:center;padding:0rem 0 1rem 0}
.con03_txt .title03{font-size:1.6rem;text-align:center}
.con03_txt{margin-top:0%;padding-top:0%;padding-left:0%;text-align:center}/*bg padding*/
.con03_txt:before{top: -2rem;margin-left: 0rem;content:url('../images/line01_.png')}
.con03_txt .contents03{width:100%;text-align:center}
.con03_txt .name{;text-align:center}
.con03left{width:90%;display:block;margin:0 auto}
.con03right{width:100%;display:block;margin-top:0;margin-left:0%}
.con04_txt{width:100%;padding-bottom:8rem}
.con04_txt .title04{font-size:1.6rem}
.con04_txt .contents04{font-size:0.7rem;width:70%;margin:0 auto}
.width40{width:100%}
.con05_txt{width:100%;padding-bottom:8rem}
.con05_txt .title05{font-size:1.6rem}
.con03_txt .name{font-size:0.65rem}
.con03_txt .contents03{font-size:0.7rem}
#pagefooter{padding:1.5rem 0/*event ;margin-bottom:3rem*/ }
#pagefooter .copy{font-size:0.4rem}
.footer_global {padding-bottom:0.5rem}
.footer_global li{width:8%;margin-right:0}
.footer_utility{width:90%;margin:0 auto 1.5rem auto}
.footer_utility li{margin:0 0.1rem 0.7rem 0.3rem}
.utility_btn_icon{padding:0.3rem 0 0.7rem 0}
.utility_btn_icon > span{font-size:0.5rem}
.newsevent{margin:5rem auto 2rem auto}
.nt{padding:0 0 1rem 0;font-size:0.7rem;margin-top:0.6rem} /* 기사제목*/
.newsevent ul li {margin-bottom:2rem;width:90%;margin:0 auto;padding-right:0rem}
.newsevent ul li.last{width:90%;margin:0 auto}
.utility_btn_icon {width:8rem}
.event{height:3rem}
.event ul {margin:0.6rem auto}
.event ul li:nth-of-type(1){font-size:0.8rem;}
.event ul li:nth-of-type(2){margin-bottom:0.2rem}
.event ul li:nth-of-type(3){font-size:0.8rem}
.event ul li:nth-of-type(3) span{font-size:1.2rem}
.event ul li:nth-of-type(4) img{width:60%}
.event ul li:nth-of-type(4){margin-bottom:-0.5rem}
}
@media screen and (max-width:425px) {
.visual_txt01{font-size:1rem;opacity:0.7}
.con01_txt:before{margin: 10rem 8.8rem 8.5rem 8.8rem}
.navi ul{padding-top:8%}
.navi li{font-size:0.9rem;padding-bottom:0.7rem}
.navi li:nth-of-type(1){margin-top:4rem}
.navi li:nth-of-type(8){margin-top:1rem}
.navi li:nth-of-type(10){font-size:0.65rem}
.contents01{font-size:0.7rem} 
.contents02{font-size:0.7rem} 
.contents03{font-size:0.7rem}
.con04_txt .contents04{font-size:0.7rem;width:80%}
.nt{font-size:0.65rem} /* 기사제목*/
}
@media screen and (max-width:360px) {
.utility_btn_icon {width:7rem}
}