@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}
.m_view{display:block}
.mobile{display:block}
.mobilebr{display:none}
/*wrap*/
#section{overflow:hidden;margin:0 auto}
#wrap{margin:0 auto;width:100%;background:#fff}
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:400;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}
/*container*/
.container{margin:0}
.margin_5{margin-top:-5px}
/*메뉴,Visual, common title*/
.subvisual{position:relative;z-index:9;width:100%;top:0}
.subvisual img{width:100%}
.subvisual_txt{position:absolute;z-index:9;text-align:center;top:35%;width:100%;margin:0}
.subvisual_txt2{position:absolute;z-index:9;text-align:center;top:10%;width:100%;margin:0}
h2{display:inline-block;font-family:'Rajdhani', sans-serif;font-size:1.2rem;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:0.35rem;background:#0ceae7;text-align:center;padding:0.4% 1% 0.4% 1.5%;border-radius:60px;margin:0 auto}
h3{font-family:'Noto Sans KR', sans-serif;font-size:2.9rem;font-weight:500;line-height:140%;color:#fff;margin: 2% 0 0 0;text-transform:uppercase;text-align:center/*;letter-spacing:1.7rem*/}
h4{font-family:'Noto Sans KR', sans-serif;font-size:1.5rem;font-weight:500;letter-spacing:0;color:#fff;text-transform:uppercase;margin: 2% auto 0 auto;text-align:center}
h4 span{font-size:1.5rem;font-weight:500;text-transform:capitalize}
.stitle{position:relative;z-index:9;font-family:'Rajdhani', sans-serif;font-size:0.8rem;font-weight:700;color:#0bfffc;text-transform:uppercase;letter-spacing:0.15rem;padding:6% 0 2% 0;text-align:center}
.title{position:relative;z-index:9;font-family:'Noto Sans KR', sans-serif;font-size:2.25rem;font-weight:500;line-height:140%;color:#fff;padding:0 0 5% 0;letter-spacing:-0.10rem;margin:0 0}
.contents01{font-family: 'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;line-height:180%;color:#fff;padding:0 0 7% 0;position:relative;z-index:9;}
/*sub_sns*/
.sub_sns{margin:5% auto;position:relative;overflow:hidden}
.sub_sns li a{color:#fff}
.sub_sns li{display:inline-block;margin:0 0.5rem}
.sub_sns li:nth-of-type(1){width:2rem;height:2rem;border-radius:50%;border:1px solid #a1a1a1;font-size:1.2rem;color:#a1a1a1;padding:0.2rem 0.1rem 0 0.1rem}
.sub_sns li:nth-of-type(2){width:2rem;height:2rem;border-radius:50%;border:1px solid #a1a1a1;font-size:1.2rem;color:#a1a1a1;padding:0.2rem 0.1rem 0 0.1rem}
.sub_sns li:nth-of-type(3){width:2rem;height:2rem;border-radius:50%;border:1px solid #a1a1a1;font-size:1.2rem;color:#a1a1a1;padding:0.2rem 0.1rem 0 0.1rem;display:none}
.sub_sns li:hover{opacity:0.5; transition:all .4s}
.sub_sns2{margin:4% auto }
.sub_sns2 li{display:inline-block;margin-right:1%}
.sub_sns2 li img:hover{opacity:0.5; transition:all .4s;cursor: pointer}
.sub_sns2 li.last{margin-right:0}
/*conbox01_margin-top:7.6%*/
.subconbox01{position:relative;width:100%;margin: 0 auto 5% auto;font-size:0}
.subconbox01 li{display:inline-block;font-size:0}
.subconbox01 li:nth-child(1) {text-align:right;padding-right:4%;width:30%;vertical-align:top}
.subconbox01 li:nth-child(2) {text-align:justify;width:32%;margin-top:7.6%}
.subconbox01 li:nth-child(3) {text-align:left;width:33%}
.con01_txt{position:relative;margin:0;padding:25% 0 0 0}
.con01_txt:before{position: absolute;right: 0;top: 0;content:url('../images/line03.png');display:block;width:8px;height:121px}
.con011_txt{position:relative;margin:0;padding:25% 0 0 0}
.con011_txt:before{position: absolute;right: 0;top: 0;content:url('../images/line03.png');display:block;width:8px;height:121px}
.con022_txt{position:relative;margin:0;padding:0 0 0 0;margin-top:-12px}
.contitle01{font-family:'Noto Sans KR', sans-serif;font-size:1.5rem;font-weight:500;line-height:160%;color:#535353;padding:0 0 5% 0;margin:0 0}
.contitle01 span{color:#0bcfcc}
.contitle02{font-family:'Noto Sans KR', sans-serif;font-size:1.5rem;font-weight:500;line-height:160%;color:#535353;padding:0 0 5% 0;margin:0 0}
.contitle02 span{color:#01e2df}
.conimg01{padding:10% 0 0 0}
.conimg02{padding:10% 0}
.constitle01{font-family:'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;line-height:180%;color:#007a88;padding-bottom:8%;text-align:justify}
.constitle01 span{font-family:'Noto Serif KR', serif;font-size:0.85rem;font-weight:500;line-height:180%;color:#007a88;letter-spacing:-0.001rem}/*컨텐츠stitle 영문 약자*/
.constitle02{font-family:'Noto Serif KR', serif;font-size:1.3rem;font-weight:700;line-height:175%;color:#313131;padding:5% 0 3% 0}/*Epilogue*/
.contxt01_nopadding{font-family:'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;line-height:175%;color:#545454;padding:0 0 0 0;text-align:justify/*단락 end*/}
.contxt01_nopadding span{font-family:'Noto Serif KR', serif;font-size:0.7rem;font-weight:400;vertical-align: 2px}/*단락 end컨텐츠 영문 약자*/
.contxt01{font-family:'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;line-height:175%;color:#545454;padding:0 0 5% 0;text-align:justify/*;letter-spacing:0.01rem*/}
.contxt01 span{font-family:'Noto Serif KR', serif;font-size:0.7rem;font-weight:400;vertical-align: 2px}/*컨텐츠 영문 약자*/
.contxt01 i{font-style:normal;font-family:'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:500;line-height:175%;color:#007a88;padding:0 0 5% 0;text-align:justify/*;letter-spacing:0.01rem*/}
.contxt02{font-family:'Noto Sans KR', sans-serif;font-size:0.75rem;font-weight:400;line-height:175%;color:#fff/**/;padding:5% 0 0 0;text-align:justify;margin-top:5%;padding:2rem;background:#bcd0e0}
.contxt02 span{color:#fff}
.contxt05{font-family:'Noto Sans KR', sans-serif;font-size:0.8rem;font-weight:400;line-height:175%;color:#6895ba;margin:5% 0 10% 0;text-align:center/*ict trent_foot*/}
.ictbook{margin:15% auto 7% auto}
.ictbook img{margin:0 auto}
.ictbook:after{content:"";display:block;width:14px;height:2px;background:#bcd0e0;margin:5% auto}
/*con 컨텐츠 중간 이미지 밑에 배치*/
.contxt03{font-family:'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;line-height:175%;color:#999;padding:15% 0 0 0;text-align:justify;letter-spacing:0.01rem}
/*caption01, margin-left:14%*/
.caption01{margin-left:14%;vertical-align:bottom}
.caption01 img{margin-bottom:5%}
.caption01_title01_kr{font-family: 'Noto Sans KR', serif;color:#1b1b1b;font-size:0.7rem;font-weight:500;line-height:160%}
.caption01_title01_kr span{font-family: 'Noto Sans KR', serif;font-size:0.9rem;font-weight:500;padding-bottom:3%;color:#1b1b1b}
.caption01_title01{font-family: 'Noto Sans KR', sans-serif;color:#1b1b1b;font-size:0.72rem;font-weight:400;line-height:160%}/*caption01*/
.caption01_title01 .kr span{font-family: 'Noto Sans KR', serif;font-size:0.9rem;font-weight:500;padding-bottom:3%;color:#1b1b1b}
.caption01_title01 span{font-family: 'Noto Serif KR', serif;font-size:0.9rem;font-weight:900;padding-bottom:3%;color:#1b1b1b}
.caption01_title02{font-family: 'Noto Serif KR', serif;color:#1b1b1b;line-height:160%;font-size:0.9rem;font-weight:900;padding-bottom:5%}/*영어 약자 없는 title */
.caption01_title01_eng{font-family: 'Noto Serif KR', serif;font-size:0.7rem;font-weight:300;line-height:160%;padding-bottom:2%;color:#1b1b1b}
.caption02{font-family:'Noto Sans KR', sans-serif;font-size:0.7rem;font-weight:400;line-height:160%;color:#898989;margin-bottom:6%}
.caption02_icon1{font-family:'Rajdhani', sans-serif;font-size:0.9rem;font-weight:500;color:#000;background:#0ceae7/*;width:15px*/;vertical-align:middle;line-height:1;text-align:center;border-radius:50%;margin-bottom:4%;display:inline-block;padding:11px 12px;letter-spacing:0.05rem}
.caption02_icon2{font-family:'Rajdhani', sans-serif;font-size:0.9rem;font-weight:500;color:#000;background:#0ceae7/*;width:15px*/;vertical-align:middle;line-height:1;text-align:center;border-radius:50%;margin-bottom:4%;display:inline-block;padding:11px 11px}
.caption03{font-family:'Noto Sans KR', sans-serif;font-size:0.7rem;font-weight:400;line-height:160%;color:#898989;margin-bottom:0%}
.caption04{margin-left:14%;vertical-align:top}
.captionbox{display:inline-block;text-align:left}
/*conbox011_margin-top:0*/
.subconbox011{position:relative;width:100%;margin: 0% auto 5% auto;font-size:0}
.subconbox011 li{display:inline-block;font-size:0}
.subconbox011 li:nth-child(1) {text-align:right;padding-right:4%;width:30%;vertical-align:top}
.subconbox011 li:nth-child(2) {text-align:justify;width:32%;margin-top:-7px}
.subconbox011 li:nth-child(3) {text-align:left;width:33%}
/*blank*/
.blank{display:inline-block;font-family:'Noto Sans KR', sans-serif;font-size:18px;font-weight:500;color:#999;vertical-align:middle;text-align:center;margin:4% auto}
/*conbox02 images*/
.subconbox02{position:relative;width:100%;margin:0 0 8% 0;text-align:right;font-size:0}
.subconbox02 li{display:inline-block;font-size:0}
.subconbox02 li:nth-child(1) {text-align:right;vertical-align:top;margin-right:4%}
.subconbox02 li:nth-child(2) {text-align:left}
.subconbox02 li:nth-child(3) {text-align:right;vertical-align:top;margin-left:1%}
/*conbox02 large - images*/
.subconbox022{position:relative;width:100%;margin:0 0 8% 0;text-align:right;font-size:0}
.subconbox022 li{display:inline-block;font-size:0}
.subconbox022 li:nth-child(1) {text-align:right;vertical-align:top;margin-right:4%}
.subconbox022 li:nth-child(2) {text-align:left}
.subconbox022 li:nth-child(3) {text-align:right;vertical-align:top;margin-left:1%}
/*fullimage*/
.fullimage{width:100%;margin:0 auto}
/*conbox03 images*/
.subconbox03{position:relative;width:100%;margin: 0 auto;font-size:0 }
.subconbox03 li{display:inline-block}
.subconbox03 li:nth-child(1) {text-align:left;margin-right:1%}
.subconbox03 li:nth-child(2) {text-align:left}
.subconbox03 li:nth-child(3) {text-align:left;vertical-align:top;margin-left:5%;}
.subconbox03 li.bottom {text-align:left;vertical-align:bottom;margin-left:5%;}
/*conbox06통합*/
.subconbox06{position:relative;width:100%;margin: 0 auto;font-size:0 }
.subconbox06 li{display:inline-block}
.subconbox06 li:nth-child(1) {text-align:left}
.subconbox06 li:nth-child(2) {text-align:left;vertical-align:top;margin-left:5%;}
.subconbox06 li.bottom {text-align:left;vertical-align:bottom;margin-left:5%}
/*conbox06통합2*/
.subconbox066{position:relative;width:100%;margin: 0 auto;font-size:0;text-align:right}
.subconbox066 li{display:inline-block}
.subconbox066 li:nth-child(1) {text-align:right;width:28%;margin-right:5%}
.subconbox066 li:nth-child(2) {text-align:left;vertical-align:top;width:66%}
.subconbox066 li:nth-child(2) img{width:100%}
/*conbox04, title+text+caption*/
.subconbox04{position:relative;width:100%;margin: 5% auto 5% auto;font-size:0}
.subconbox04 li{display:inline-block;font-size:0}
.subconbox04 li:nth-child(1) {text-align:right;padding-right:4%;width:30%;vertical-align:top}
.subconbox04 li:nth-child(2) {width:32%}
.subconbox04 li:nth-child(2) img{display:block}
.subconbox04 li:nth-child(3) {text-align:left;width:29%;vertical-align:bottom}
.contxt04{font-family:'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;line-height:175%;color:#898989;padding:0 0 5% 0;text-align:justify;letter-spacing:0.005rem;margin: -1.5%/**/}
/*padding-bottom:0*/
.contxt00{font-family:'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;line-height:175%;color:#898989;padding-bottom: 0;text-align:justify;letter-spacing:0.005rem}
/*cardnews*/
.subconbox05{position:relative;width:100%;margin: 0 auto 5% auto;font-size:0}
.subconbox05 li{display:inline-block;font-size:0}
.subconbox05 li:nth-child(1) {width:27%}
.subconbox05 li:nth-child(2) {width:45%;margin-top:7.6%}
.subconbox05 li:nth-child(2) img{display:block;margin-bottom:7%;width:100%}
.subconbox05 li:nth-child(3) {width:27%;margin-bottom:10%}
/*Video*/
.vimeoWrap{position: relative;padding-top: 30px; /* IE6 workaround*/	padding-bottom: 51.4%; /* 16/9 ratio */    overflow: hidden;    margin: 0}
.vimeoWrap iframe, .vimeoWrap object, .vimeoWrap embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;	border: 0px}
/*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}
/*conbox02*/
.conbox02{position:relative;width:60%;margin:0 auto 2% auto;overflow:hidden}
.con02_txt{position:relative;margin:-12% 0 10% 4%;z-index:9999;padding-top:2%;height:90%}
.con02_txt:before{position:absolute;left:0px;top:0;margin-top:-100px ;content:url('../images/line01.png');display:block;width:8px;height:121px}
.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:2.8% 0 1.6% 0;position:relative}
.con02_txt .title02{font-family:'Noto Sans KR', sans-serif;font-size:2.25rem;font-weight:500;line-height:140%;color:#fff;padding:0 0 4% 0;position:relative;letter-spacing:-0.10rem;margin:0 0}
.con02_txt .contents02{font-family: 'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;line-height:180%;color:#fff;padding:0 0 5.4% 0;position:relative}
.con02 ul {font-size:0;text-align:center}
.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:10px;color:#000;text-decoration:none}
.con02 ul li a .mask {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)}
/*conbox03*/
.conbox03{position:relative;width:60%;margin:0 auto}
.conbox03all{width:100%}
.con03left{margin-left:0;width:50%;overflow:hidden}
.con03left a {display:block;width:auto;margin-top:10px;color:#000;text-decoration:none}
.con03left a .mask{overflow:hidden;width:100%;height:100%} /* overflow:hidden*/
/*.listWrap02 a div {overflow:hidden; background:#fff}*/
.con03left a img {width:100%;transition:all 0.3s ease-in-out;/*transition:transform 0.8s;*/}
.con03left a:hover img {transform:scale(1.1,1.1)}
.con03right{margin-left:45%}
.con03_txt{position:relative;margin:-110% 0 10% 25%;z-index:9999;padding-top:2%;padding-left:2%}
.con03_txt:before{position:absolute;left: 0px;top: 30px;margin-left: -150px;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:5.6% 0 3.4% 0/*padding:2.8% 0 1.6% 0 ;stitle02 2배*/;position:relative}
.con03_txt .title03{font-family:'Noto Sans KR', sans-serif;font-size:2.25rem;font-weight:500;line-height:140%;color:#fff;padding:0 0 5% 0;position:relative;letter-spacing:-0.10rem}
.con03_txt .name{font-family: 'Noto Sans KR', sans-serif;font-size:0.8rem;font-weight:400;line-height:180%;color:#fff;padding:0 0 5% 0;position:relative}
.con03_txt .contents03{font-family: 'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;line-height:180%;color:#fff;padding:0 0 12.5% 0/*padding:0 0 6% 0 ;stitle02 2배*/;position:relative}
/*conbox04*/
.conbox04{position:relative;width:100%;overflow:hidden;background:#0d0d0d;margin-top:0}
.con04_txt{width:65%;padding-bottom:15%;margin:3% 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.25rem;font-weight:500;line-height:140%;color:#fff;padding:0 0 3% 0;position:relative;letter-spacing:-0.10rem}
.con04_txt .contents04{font-family: 'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;line-height:180%;color:#fff;padding:0 0 5% 0;position:relative}
/*conbox05*/
.conbox05{position:relative;width:100%;overflow:hidden;background:#0d0d0d}
.con05_txt{width:65%;padding-bottom:20%;margin:3% 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.25rem;font-weight:500;line-height:140%;color:#fff;padding:0 0 4.8% 0;position:relative;letter-spacing:-0.10rem}
/* News2*/
.newsevent {position:relative;z-index:99;width:70%;margin:5% auto;overflow:hidden}
.newsevent ul {font-size:0;text-align:center}
.newsevent ul li {font-size:0.6rem;display:inline-block;vertical-align:top;width:32%;padding-right:2.5%}
.newsevent ul li.last{font-size:0.6rem;display:inline-block;vertical-align:top;width:31%;padding-right:0%}
.newsevent ul li a {display:block;width:auto;margin-top:10px;color:#000;text-decoration:none}
.newsevent ul li a .mask {overflow:hidden;width:100%;height:130px} /* overflow:hidden;*/
.newsevent ul li a img {overflow:hidden;transition:transform 0.7s }
.newsevent ul li a h3 {font-family:'Noto Sans KR', sans-serif;font-size:0.8rem;font-weight:400;color:#999;text-align:left;padding-top:2%} /* 기사제목*/
.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);
}
/*news1*/
  .news{position:relative;margin:0 ;width:50%;margin:7% auto 8% auto}
  .news2{margin:0 ;width:50%;margin:7% auto 8% auto}
  .newsfull{width:100%;margin:0 auto 10% auto}
  .newstitle{font-family:'Noto Sans KR', sans-serif;font-size:2.1rem;font-weight:400;margin:0 0 3% 0;line-height:160%;text-align:center;color:#212121}
  .newstitle span{color:#0bcfcc}
  .newstitle2{font-family:'Noto Sans KR', sans-serif;font-size:1.4rem;font-weight:500;margin:0 0 3% 0;line-height:160%;text-align:center;color:#212121}  
  .newscon2{font-family:'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;margin:0% 0 5% 0;line-height:180%;text-align:justify;color:#545454}
  .newscon2 span{font-family:'Noto Sans KR', sans-serif;font-size:0.9rem;font-weight:400;letter-spacing:-0.001rem;vertical-align:top} 
  .newscon{font-family:'Noto Sans KR', sans-serif;font-size:0.85rem;font-weight:400;margin:0% 0 5% 0;line-height:175%;text-align:justify;color:#545454}
  .newscon span{font-family:'Noto Serif KR', serif;font-size:0.65rem;font-weight:400;color:#545454;letter-spacing:-0.01rem;vertical-align:top} 
  .slider{text-align:center}
  .bx-wapper {position:relative;max-width:70%}
  .bx-controls-direction .bx-prev:before{content:"\e93d";font-family:'xeicon';font-size:100px}
  .bx-controls-direction .bx-next:before{content:"\e940";font-family:'xeicon';font-size:100px}
  .bx-controls-direction .bx-prev{left:-20%}
  .bx-controls-direction .bx-next{right:-20%}  
  .bx-controls-direction a {position:absolute;top:70%/**/;display:block;width:100px;height:100px;overflow:hidden;transform:translateY(-50%);color:#5a5a5a}
  .bx-pager{position:absolute;left:0;bottom:-5%/**/;width:100%;text-align:center} 
  .bx-pager div {display:inline-block;margin:0 5px}
  .bx-pager div a {display:block;font-size:0;background-color:transparent;width:10px;height:10px;border-radius:50%;background-color:#999}
  .bx-pager div a.active {background-color:#666}
  .width100{width:100%}
  .width45{width:45%}
  .article{width:100%;margin-bottom:2%}
  .article_left {width:48%;padding-right:2.5%;display:inline-block;margin-bottom:5%;vertical-align:top} 
  .article_right {width:46%;padding:1% 0 0 2.5%;display:inline-block;margin-bottom:5%;font-size:0}
  .article_right img{width:100%;border-bottom:4px solid #fff}
  .movie{text-align:center;width:100%;margin:15% auto 10% auto}
/* footer */
#pagefooter{width:100%;padding:3% 0 3% 0;display:block;text-align:center;background:#121212;vertical-align:bottom}
#pagefooter .copy{font-size:0.7rem;color:#555;font-weight:400;font-family:'Noto Sans KR', sans-serif;text-align:center}
.footer_global{padding-bottom:1%;overflow:hidden}
.footer_global li{display:inline-block;margin-right:5px}/*utility sns*/
.footer_global li:hover{opacity:0.4;transition: .2s  ease-in-out}
.footer_utility{position:relative;z-index:9;overflow:hidden;position:relative;border-bottom:1px solid #333;width:70%;margin:0 auto 2% auto;padding-bottom:1%}
.footer_utility li{margin-bottom:3%;margin-right:2%;display:inline-block}
/* utility_btn */
.utility_btn_icon {background:#313131;color:#999;border:1px solid #000;display:inline-block;position:relative;vertical-align:middle;text-align:center;line-height:1;padding:12px 0 15px 0;width:180px;border-radius: 35px;-webkit-transition: color 260ms, background 300ms;transition: color 260ms, background 300ms}
.utility_btn_icon > span {display:inline-block;position: relative;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}
@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) {  
h3{font-size:2.8rem}
.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}
.subconbox06 li:nth-child(1){width:66%}
.subconbox022 li:nth-child(2){width:31.9%}
.subconbox022 li:nth-child(3){width:33%}
.subconbox02 li:nth-child(2){width:31.9%}
.subconbox02 li:nth-child(3){width:33%}
.subconbox03 li:nth-child(1){width:33%}
.subconbox03 li:nth-child(2){width:31.9%}
.contxt05{font-size:0.75rem}
.newscon{font-size:0.75rem}
}
@media screen and (max-width:1600px) {
h3{font-size:2.6rem}
h4{font-size:1.3rem}
.newstitle{font-size:1.9rem}
.bx-pager{bottom:33%}
.bx-controls-direction a{top:43%}
.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) {
.vol{font-size:0.8rem}
.subvisual_txt{top:30%}
h2{letter-spacing:0.25rem;padding:0.4% 1.8%}
h3{font-size:2.4rem}
.navi li:nth-of-type(9){font-size:0.8rem}
.con011_txt{padding:30% 0 0 0}
.con01_txt{padding:30% 0 0 0}
.contxt01, .contxt01_nopadding{font-size:0.8rem}
.contxt01 i{font-size:0.8rem}
.constitle01{font-size:0.8rem}
.contitle01{font-size:1.4rem}
.contxt05{font-size:0.7rem}
.newstitle{font-size:1.7rem}
.bx-pager{bottom:32%}
.newscon{font-size:0.70rem}
.newstitle2{font-size:1.2rem}
.contxt02{font-size:0.70rem}
.caption01_title01_eng{font-size:0.65rem}
.caption01_title01{font-size:0.65rem}
.caption01_title01_kr{font-size:0.8rem}
.caption01_title01_kr span{font-size:0.75rem}
.caption02{font-size:0.65rem}
}
@media screen and (max-width:1366px) {	
h4{font-size:1.2rem}
.contxt02{font-size:0.65rem}
.caption01_title01_eng{font-size:0.6rem}
.caption01_title01{font-size:0.6rem}
.caption01_title01_kr span{font-size:0.7rem}
.caption02{font-size:0.6rem}
.sub_sns{margin:3% auto}
.sub_sns li:nth-of-type(1){width:1.8rem;height:1.8rem;padding:0 0 0 0}
.sub_sns li:nth-of-type(2){width:1.8rem;height:1.8rem;padding:0 0 0 0}
.sub_sns li:nth-of-type(3){width:1.8rem;height:1.8rem;padding:0 0 0 0}
.contxt05{font-size:0.65rem}
.newstitle{font-size:1.6rem}
#pagefooter .copy{font-size:0.65rem}
.footer_utility{width:75%}
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {	
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:768px) {
}
@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.8rem}
.subvisual_txt{top:40%;}
h2{font-size:0.7rem;letter-spacing:0.15rem;padding:1% 5%}
h3{font-size:1.2rem;color:#000;margin: 5% 0 0 0;letter-spacing:-0.05rem}
h4{font-size:0.7rem;color:#000}
.sub_sns{margin:5% auto }
.sub_sns li a{color:#666}
.sub_sns li{margin:0 0.2rem}
.sub_sns li:nth-of-type(1){width:1.5rem;height:1.5rem;border:1px solid #666;font-size:1rem;color:#666;padding:0.2rem 0.1rem 0 0.1rem}
.sub_sns li:nth-of-type(2){width:1.5rem;height:1.5rem;border:1px solid #666;font-size:1rem;color:#666;padding:0.2rem 0.1rem 0 0.1rem}
.sub_sns li:nth-of-type(3){width:1.5rem;height:1.5rem;border:1px solid #666;font-size:1rem;color:#666;padding:0.2rem 0.1rem 0 0.1rem;display:inline-block}
.displaynone{display:block}
.contitle01{font-size:1.3rem;font-weight:500;line-height:140%}
.contxt01, .contxt01_nopadding{font-size:0.7rem}
.contxt01 i{font-size:0.7rem}
.contxt01 span, .contxt01_nopadding span{font-size:0.6rem}
.contxt02{font-size:0.6rem}
.contxt05{font-size:0.6rem}
.contxt00{font-size:0.6rem}
.constitle01{font-size:0.7rem}
.constitle01 span{font-size:0.5rem}
.constitle02{font-size:1rem;padding:7% 0 3% 0}/*Epilogue*/
.con011_txt{padding:55% 0 0 0;margin-top:70%}
.con011_txt:before{position:absolute;text-align:center;margin:0 auto;left:0;right:0;top:20%;content:url('../images/line03_.png')}
.con01_txt{padding:50% 0 0 0;margin-top:5%}
.con01_txt:before{position:absolute;text-align:center;margin:0 auto;left:0;right:0;top:20%;content:url('../images/line03_.png')}
.subconbox01 li:nth-child(1) {;width:80%;text-align:center;padding-right:0%;padding-left:10%;padding-right:10%}
.subconbox01 li:nth-child(2) {width:80%;text-align:center;padding:0 10% }
.subconbox01 li:nth-child(3) {width:75%;text-align:center;margin:0 10%;padding:0 12.5%/*caption*/;margin:0 auto }
.caption01{margin:0 0 10% 0;text-align:center}
.subconbox05{margin: 0 auto 5% auto;padding-top:60%}
.subconbox06 li:nth-child(1) {text-align:center;width:100%}
.subconbox06 li:nth-child(2) {text-align:center;margin:0 auto;width:100%}
.subconbox066{text-align:center}
.subconbox066 li:nth-child(1) {width:95%;text-align:center;margin-left:0%}
.subconbox066 li:nth-child(2) {width:90%;text-align:center;margin:0 2% 0 2%}
.caption02{font-size:10px;margin-top:2%}
.caption02_icon1{display:none}
.caption02_icon2{display:none}
.fullimage{width:95%}
.news{margin:65% auto 8% auto;width:80%}
.news2{margin:15% auto 8% auto;width:80%}
.newstitle{font-size:1.2rem;font-weight:500;line-height:140%;margin-top:5%;border-top:1px solid #333;padding-top:10%}
.newstitle span{font-size:1.2rem}
.newstitle2{font-size:1.0rem;font-weight:500;line-height:140%;letter-spacing:0.01rem}  
.newscon2{font-size:0.7rem}
.newscon2 span{font-size:0.5rem} 
.newscon{font-size:0.7rem}
.newscon span{font-size:0.5rem} 
.bx-wapper {position:relative;max-width:100%}
.slider img{width:100%}
.bx-controls-direction .bx-prev:before{font-size:100px}
.bx-controls-direction .bx-next:before{font-size:100px;left:0}
.bx-controls-direction .bx-prev{left:5%;display:none}
.bx-controls-direction .bx-next{right:5%;display:none}  
.bx-controls-direction a {transform:translateY(-50%)}
.bx-pager{bottom:35%} 
.bx-pager div a {background-color:#e3e2e2}
.bx-pager div a.active {background-color:#0bfffc}
.width100{width:100%}
.width45{width:45%}
.article{width:100%;margin:10% 0 5% 0}
.article_left {width:100%;padding-right:0;margin:0 auto} 
.article_right {width:100%;margin:0 auto;padding-left:0}
/*conbox04 movie*/
.subconbox04{text-align:center}
.subconbox04 li:nth-child(1) {display:none}
.subconbox04 li:nth-child(2) {width:80%;text-align:left;padding:0 0}
.subconbox04 li:nth-child(3) {width:100%;text-align:center;padding:5% 0 0 0}
.subconbox04 li:nth-child(3) img {width:90%}
.subconbox03{position:relative;width:100%;margin: 0 auto;font-size:0 }
.subconbox03 li{display:inline-block}
/*conbox03 left large - images*/
.subconbox03{text-align:center}
.subconbox03 li:nth-child(1) {width:60%;margin-right:0%;margin-bottom:0.2rem}
.subconbox03 li:nth-child(2) {width:60%}
.subconbox03 li:nth-child(3) {display:none}
/*conbox02 right small - images연결이미지*/
.subconbox02{text-align:center}
.subconbox02 li:nth-child(1) {display:none}
.subconbox02 li:nth-child(2) {width:45%;text-align:left}
.subconbox02 li:nth-child(3) {width:46.4%;text-align:left;margin-left:0%}
/*conbox02 right large - images*/
.subconbox022{text-align:center}
.subconbox022 li:nth-child(1) {display:none}
.subconbox022 li:nth-child(2) {width:60%;text-align:left;margin-bottom:0.2rem}
.subconbox022 li:nth-child(3) {width:60%;text-align:left;margin-left:0%}
.subconbox011{margin-top:20%}
.subconbox011 li:nth-child(1) {width:80%;text-align:center;padding-right:10%;padding-left:10%}
.subconbox011 li:nth-child(2) {width:80%;text-align:center;padding:0 10%}
.subconbox011 li:nth-child(3) {width:80%;text-align:center;padding-right:10%;padding-left:10%}
.caption01{margin:5% auto 0 auto;width:80%}
.caption01 img{width:40%}
.caption02{text-align:center;margin:2% 10%}
.caption01_title01_kr{font-size:0.5rem}
.caption01_title01_kr span{font-size:0.6rem}
.caption01_title01{font-size:0.5rem}
.caption01_title01 span{font-size:0.6rem}
.caption01_title01_eng{font-size:0.6rem}
.caption03{font-size:0.6rem}
.subconbox05{margin-top:5%}
.subconbox05 li:nth-child(1) {width:10%}
.subconbox05 li:nth-child(2) {width:79%}
.subconbox05 li:nth-child(3) {width:10%;margin-bottom:10%}
#pagefooter{padding:1.5rem 0}
#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}
.newsevent ul li a h3{padding:0 0 1rem 0;text-align:center}
.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}
}
@media screen and (max-width:425px) {
.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.7rem}
.contents04{font-size:0.6rem;border:1px solid red}
.con04_txt{;width:100%}
.conbox04{;width:100%}
}
@media screen and (max-width:360px) {
.utility_btn_icon {width:7rem}
}