@charset "utf-8";
.movie iframe{height:450px;}

.section { position: relative;  background-position: center; background-size:cover; background-repeat: no-repeat; color:#fff; }
#section0 {  }
#mSection2 { background-image:url("../images/main_section02.jpg"); }
#mSection3 { background-image:url("../images/main_section03.jpg"); }
#section2 {background-image:url("/kor/nimg/msection03.jpg");  }
#section3 {background-image:url("/kor/nimg/msection04.jpg");  }
#section4 { background-image:url("/kor/nimg/msection05.jpg"); }

.mtit { margin-bottom: 3em; }
.mtit h3 { font-size: 6rem; font-family: 'Poppins'; font-weight: 300; line-height: 1.0em; margin-bottom: 0.3em;  }
.mtit p { font-size: 1.8rem; line-height: 1.8em; }
.mtit p.em { font-size: 2.6rem; font-weight: 200;  }

@media all and (max-width:1280px) {
  .mtit h3 { font-size: 5.5rem; }
  .mtit p { font-size: 1.7rem; }
  .mtit p.em { font-size: 2.4rem;  }
}

@media all and (max-width:1080px) {
  .mtit h3 { font-size: 5.2rem; }
  .mtit p { font-size: 1.6rem; }
}

@media all and (max-width:568px) {
  .mtit h3 { font-size: 4.8rem; }
}

@media all and (max-width:480px) {
  .mtit h3 { font-size: 4rem; }
}


.more { font-size: 1.3rem; position: relative; display: inline-block; color:#fff; padding-right: 20px; margin-top: 3em; }
.more::after { content:''; width: 40px; height: 40px; border-radius: 100%; background: rgba(255,255,255,0.2);
                                                          position: absolute; right:0; top: 50%; transform: translateY(-50%); z-index:1; }
.more:hover::after { background: #ff0000; }
.more p::after { content:''; display: inline-block; width: 30px; height: 10px; margin-left: 5px;  position: relative;
                                                              background: url("/images/common/more.png") no-repeat right center; z-index:2; }

.more.black::after { background: #f4f4f4; }
.more.black p::after { background-image: url("/images/common/more2.png"); }
.more.black p { color:#212121; }
.more.black:hover::after { background: #0060ff; }

a:hover div.more::after { background: #ff0000; }
a:hover div.more.black::after { background: #0060ff; }


@media all and (max-width:480px) {
  .more { padding-right: 10px; }
  .more::after { width: 30px; height: 30px; }
  .more p::after { width: 24px; }
}


#section0 .mvTxt{top:0%; border:0px solid #fff; text-align:center; }
#section0 .mvTxt .t1 {font-family:'GmarketSansBold', sans-serif;   font-size:70px; color:#33ccff; font-weight:600;  box-sizing:border-box;}
#section0 .mvTxt .t2 {letter-spacing:-0.4px; font-family: 'Noto Sans KR', sans-serif !important;  font-size:55px; color:#fff; font-weight:200 !important;  line-height:40px;  margin-top:20px; box-sizing:border-box; }
#section0 .mvTxt .t2 span{font-weight:700;}

#section0 .mvTxt .t3 {letter-spacing:-0.4px; font-family: 'Noto Sans KR', sans-serif !important;  font-size:20px; color:#fff; font-weight:200 !important;  line-height:45px;  margin-top:30px; box-sizing:border-box; }
#section0 .mvTxt .t3 span{font-weight:700;}


#slide1{background-image:url('/kor/nimg/msection01.jpg') !important; background-position:top center; background-size:105% !important;}
#slide2{background-image:url('/kor/nimg/msection01_1.jpg') !important; background-position:top center; background-size:115% !important;}
.maintt{ font-size:30px; color:#fff; margin-top:20px;}
.maintt1{ font-size:65px; color:#fff; letter-spacing:-2px; margin-top:10px;
text-shadow:5px 5px 10px rgba(0,0,0,0.4);
}
.wd50per{width:20%;}
.maintt2{font-size:25px; font-weight:500; }

@media all and (max-width:976px) {
  #section0 .mvTxt{border:0px solid red; top:0%; border:0px solid red; padding:0px 35px;}
  #section0 .mvTxt .t1 { font-size:6rem; }
  #section0 .mvTxt .t2 { font-size: 3rem; line-height:35px; margin-top:0px;}
  #section0 .mvTxt .t3 {font-size:15px; line-height:30px;}

 .mobilenone{display:none;}
#slide1{background-image:url('/kor/nimg/msection01_m.jpg') !important; background-position:top center; background-size:100% !important;}
#slide2{background-image:url('/kor/nimg/msection01_1_m.jpg') !important; background-position:top center;  background-size:107% !important;}
.wd50per{width:30%; padding-top:50%;}
.maintt{ font-size:17px; color:#fff; margin-top:20px;}
.maintt1{ font-size:35px; color:#fff; letter-spacing:-2px; margin-top:10px;
text-shadow:5px 5px 10px rgba(0,0,0,0.4);}
.maintt2{font-size:15px; font-weight:500; }
}


@media all and (max-width:767px) {
#section0 .mvTxt img {width:95%;}
}

@media all and (max-width:480px) {
 
}



#section1 .s-inner1 { width:100%; display: table; table-layout: fixed; height: 100%;  border:0px solid red; text-align:center; }
#section1 .s-inner1 .togeleft{ border:0px solid red;  overflow:hidden; padding-top:22%; box-sizing:border-box; 
background-image: url('/kor/nimg/mbg01_1.jpg');background-size:cover; 
width:33%; float:left; height: 100%; }

/*
#section1 .s-inner1 .togeleft div.bg01 {opacity:1; 
display:block;
position:absolute;top:0; right:0px; width:33%; height:100%;    text-align:center;}
.togeleft a:hover > div.bg01 {opacity:1; background:rgba(0,0,0,0.4); transition-duration: 900ms;}
.togeleft img:last-child{display:none;}
.togeleft:hover img:first-child{display:none;}
.togeleft:hover img:last-child{display:inline-block;}*/

.textarea { height:100%;  bordeR:0px solid red; width:33%; margin:0 auto; 
 position:absolute; top:0px; z-indeX:5; padding-top:22%;   box-sizing:border-box;
 display: table; table-layout: fixed;  background:rgba(0,0,0,0.2); }
.textarea:hover{background:rgba(0,0,0,0.5); }

.textarea1 { height:100%;  bordeR:0px solid red; width:33%; margin:0 auto; 
 position:absolute; top:0px; z-indeX:5; padding-top:22%;   box-sizing:border-box;
 display: table; table-layout: fixed;  background:rgba(0,0,0,0.2); }
.textarea1:hover{background:rgba(0,0,0,0.5); }


.textarea2 { height:100%;  bordeR:0px solid red; width:33%; margin:0 auto; 
 position:absolute; top:0px; z-indeX:5; padding-top:22%;   box-sizing:border-box;
 display: table; table-layout: fixed;  background:rgba(0,0,0,0.2); }
.textarea2:hover{background:rgba(0,0,0,0.5); }

#section1 .s-inner1 .togecenter{overflow:hidden; padding-top:22%; box-sizing:border-box; background:url('/kor/nimg/mbg02_1.jpg')center;background-size:cover; width:34%; float:left;height: 100%;  }
.textarea1 { height:100%;  bordeR:0px solid red; width:34%; margin:0 auto; 
 position:absolute; top:0px; z-indeX:5; padding-top:22%;   box-sizing:border-box;
 display: table; table-layout: fixed;  background:rgba(0,0,0,0.3); }
.textarea1:hover{background:rgba(0,0,0,0.5); }


#section1 .s-inner1 .togeright{overflow:hidden;  padding-top:22%; box-sizing:border-box;  background:url('/kor/nimg/mbg03_1.jpg')center;background-size:cover; width:33%; float:left;  height: 100%;  }

.togtt{font-size:18px; line-height:30px; color:#fff; font-weight:600;}
.togtt1{ font-size:65px; color:#fff; margin-top:10px; font-weight:600;}


@media all and (max-width:976px) {
.textarea {width:100% !important; border:0px solid red; height:32% !important; top:70px; padding-top:14%; box-sizing:border-box;  background:rgba(0,0,0,0);}
.textarea1{width:100% !important; top:40%; height:30% !important; border:0px solid red; padding-top:13%;  background:rgba(0,0,0,0);}
.textarea2{width:100% !important; top:70%;height:30% !important;  border:0px solid red; padding-top:13%;  background:rgba(0,0,0,0);}
.togtt{font-size:15px; line-height:20px;}
.togtt1{font-size:35px;}
#section1 .s-inner1 .togeleft{width:100%; height:40%; background:url('/kor/nimg/mbg01.jpg')center; background-size:100%;}
#section1 .s-inner1 .togecenter{width:100%; height:30%; background-position : 0px 15%; background:url('/kor/nimg/mbg02.jpg')center;  background-position : 0px 15%; background-size:100%;}
#section1 .s-inner1 .togeright{width:100%; height:30% !important;  background:url('/kor/nimg/mbg03.jpg')center; background-position : 0px 15%; background-size:100%;}

}


#mSection2 .mvTxt1 .t1 { font-family:'GmarketSansBold', sans-serif; font-size:45px; color:#fff; font-weight:500; }
#mSection2 .mvTxt1 .t1 span{color:#ffcc66;}
#mSection2 .mvTxt1 .t2 { font-size:20px; color:#fff; font-weight:600; line-height:40px; margin-top:0px; box-sizing:border-box; }

.linkarea{width:90%;  margin:0 auto;}
.linkarea ul{margin-top:4%;}
.linkarea ul li{display:inline-block; float:left; width:25%; text-align:center; border:0px solid red;}
.linkarea ul li img{padding-bottom:10px;}
.linkarea ul li a{}
.linktit{font-size:27px; font-weight:600; line-height:45px; color:#Fff;}
.linktit1{line-height:30px; font-size:18.5px; font-weight:100; width:80%; margin:0 auto; color:#Fff;}
.linktit1 span{font-weight:600; color:#Fff;}


@media all and (max-width:1580px) {
  #mSection2 .s-inner .cont p br { display: none; }
}

@media all and (max-width:1280px) {
 
}

@media all and (max-width:976px) {

#mSection2 .mvTxt1{ position: relative; border:0px solid red; padding:0px 35px; }
#mSection2 .mvTxt1 .t1 {padding-top:45%;  font-size: 3.5rem; color:#fff; font-weight:600; box-sizing:border-box;}
#mSection2 .mvTxt1 .t2 {font-size:20px;  color:#fff; font-weight:600; line-height:35px; box-sizing:border-box; }
.linkarea ul{margin-top:25px;}
.linkarea ul li{width:50%;}
.linkarea ul li img{width:75%;}
.linktit{font-size:16px;}
.linktit1{display:none;}




}

@media all and (max-width:640px) {
    #mSection2 .s-inner .cont { padding: 6% 2%; }
}


#mSection3 .s-inner { display: table; table-layout: fixed; height: 100%;   border:0px solid red;  padding-top:15%;}

#mSection3 .mvTxt2{position: relative; border:0px solid red; top:0%;}

#mSection3 .mvTxt2 .left01{width:49.2%; border:1px solid rgba(250,250,250,0.7); text-align:center; padding:100px 0px; box-sizing:border-box; float:left;}
#mSection3 .mvTxt2 .left01 ul{width:70%; border:0px solid red; margin:0 auto; padding-top:35px; overflow:hidden;}
#mSection3 .mvTxt2 .left01 ul li{display:inline-block; float:left; border-right:1px solid rgba(250,250,250,0.4); width:33%;}
#mSection3 .mvTxt2 .left01 ul li:last-child{ border-right:0px solid rgba(250,250,250,0.4);}
#mSection3 .mvTxt2 .left01 ul li a{color:#fff !important; font-weight:600; font-size:17px;}


#mSection3 .mvTxt2 .right01{width:49.2%; text-align:center;  border:0px solid red; box-sizing:border-box;  float:right;}

.mtitst01{text-align:center;  font-size:49px; font-weight:600;}
.mtitst02{color:rgba(250,250,250,0.7);}
.mtitst03{text-align:center;  font-size:25px; font-weight:600;}

.lefttop{width:100%; border:1px solid rgba(250,250,250,0.7); padding:65px 0px;}
.lefttop ul {width:80%; border:0px solid red; margin:0 auto; overflow:hidden;}
.lefttop ul li{display:inline-block; float:left; width:33%;}


.myButton {
	
	border-radius:15px;
	border:1px solid #fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	
	font-size:16x;
	padding:10px;
	width:180px;
	text-decoration:none;
	margin-top:25px;
	
}
.myButton:hover {
	background-color:#44c1ef;
	border:1px solid #44c1ef;
}
.myButton:active {
	position:relative;
	top:1px;
}



@media all and (max-width:1380px) {
  
}

@media all and (max-width:1280px) {
 
}

@media all and (max-width:976px) {
#mSection3 .mvTxt2{padding:0px 35px;}
#mSection3 .mvTxt2 .left01{width:100%;  padding:40px 0px;  border:0px solid rgba(250,250,250,0.7); }
.mtitst01{font-size:30px;}
#mSection3 .mvTxt2 .left01 ul{width:100%;}
#mSection3 .mvTxt2 .left01 ul li a{color:#fff !important; font-weight:600; font-size:14px;}
#mSection3 .mvTxt2 .left01 ul li img{width:70%;}
#mSection3 .mvTxt2 .right01{width:100%;}
.lefttop{width:100%; border:0px solid rgba(250,250,250,0.7); padding:15px 0px;}
.lefttop ul {width:100%; border:0px solid red; margin:0 auto; overflow:hidden;}
.lefttop ul li{display:inline-block; float:left; width:50%;}
.lefttop ul li:first-child{width:100%;}
.myButton {width:90%;}
.mt30{margin-top:5px;}
}




/***오늘의 프로그램***/
#section2 .s-inner { display:table-cell;  table-layout: fixed;  text-align:center;  height: 100%;  }

.proarea {width:1350px; margin:0 auto; overflow:hidden; padding-top:12%;  border:0px solid red; }
.prott{width:100%;  float:left; position:relative;   line-height:35px; font-size:39px; color:#000;}
.prott span{font-family: 'Pretendard'; font-size:17px;}
.calicon{ position:absolute; right:0px; top:0px;}
.calicon1{  position:relative; width:100%; text-align:center;}
.calicon2{  position:absolute; width:100%; text-align:center;  bottom:0px;}

.prolist{width:100%;float:left; position:relative; border:0px solid red; margin-top:2%; }

.proleft{width:10%; float:left; position:relative; box-sizing:border-box;  padding-top:12%;}
.procenter{width:80%; float:left; position:relative; box-sizing:border-box; padding-top:1%;}
.procenter ul {width:100%; position:relative; }
.procenter ul li{display:inline-block; float:left;     border:0px solid red; }
.procenter ul li dl{width:100%; float:left;  }
.procenter ul li dl dt{width:100%; float:left;}
.procenter ul li dl dt img{width:90% !important;}
.procenter ul li dl dd {width:100%; float:left; padding:10px; text-align:left;  position:relative;}
.prott1{font-size:25px; color:#000; font-weight:600; }
.prott2{font-size:17px; color:#000; margin-top:5px;}
.prott2 span{font-weight:700; padding-right:25px; line-height:30px;}
.youtubeicon {position:absolute; right:10px; top:15px;}
.proright{width:10%; float:left; position:relative;  padding-top:12%;}

.bxslider{width:100%;  border:0px solid red; }
.calbtn{font-weight:600; display:inline-block; margin:1%; border:2px solid #71574a; padding:10px 15px;  color:#71574a; border-radius:25px;}


@media all and (max-width:1099px) {
.proleft{display:none}
.proright{display:none}
.procenter{width:100%; padding:10%;}
.proarea {width:100%;  padding-top:25%; }
.calicon{display:none;}
/*.procenter ul li{width:100% !important; border:0px solid red;}
.procenter ul li img{width:90%;}
*/
.prott{font-size:27px;}
.procenter ul li{}
.bxslider{border:0px solid red; overflow:hidden;}
.procenter ul li dl dt img{width:100% !important;}
.calicon2{  position:absolute; width:100%; text-align:center;  bottom:5%;}
}



/***홍보동영상***/
#section3 .s-inner { display:table-cell;  table-layout: fixed;  text-align:center;  height: 100%;  border:0px solid red;  }
.moviearea {width:1200px; margin:0 auto; padding-top:12%;}
.movie{width:55%; float:left; position:relative;  padding-right:1%; text-align:left;}
.moviett{font-size:40px; font-weight:600; line-height:65px; color:#fff;}
.iconarea{width:45%; float:right; position:relative; margin-top:5%; }
.iconarea ul {width:90%; floaT:right;}
.iconarea ul li{width:50%; float:left; text-align:center; position:relative; border:0px solid red;margin-bottom:15px; }

.icon a{display:block;border:5px solid transparent;box-sizing:border-box;  width:150px; height:150px;bordeR-radius:50%;  background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0);   margin:0 auto;}
.icon a:hover{box-shadow:5px 5px 10px rgba(0,0,0,0.15); transition:0.1s; left:0; top:0; border:5px solid fff; content:''; box-sizing:border-box; z-index:8888; }
.icon a:after {display:block; clear:both; content:'';}
.icontt{font-size:20px; line-height:55px; color:#000; font-weight:600;}


.movie iframe{height:450px;}

@media all and (max-width:1199px) {
.moviearea {width:100%; margin:0 auto;}
}



@media all and (max-width:976px) {
  #section3 .mvTxt{border:0px solid red; top:0%; border:0px solid red; padding:0px 35px;}
  #section3 .mvTxt .t1 { font-size:6rem; }
  #section3 .mvTxt .t2 { font-size: 3rem; line-height:35px; margin-top:0px;}
  #section3 .mvTxt .t3 {font-size:15px; line-height:30px;}

.movie{width:100%; box-sizing:border-box; padding:20% 10% 5% 10%; }
.iconarea{width:100%;}
.movie iframe{height:300px;}
.moviett{display:none;}
.iconarea ul li{width:30%; float:left; text-align:center; position:relative; border:0px solid red;margin-bottom:15px; }
.iconarea ul li img{width:90%;}
.iconarea ul li:last-child{display:none;}
.icontt{font-size:15px;}
.icon a{width:90px; height:90px;}
}


/***커뮤니티***/
#section4 .s-inner { display: table; table-layout: fixed; height: 100%; border:0px solid red;}

.noticearea{width:1360px; margin:0 auto; padding-top:14%;}
.notice{width:100%; float:left;position:relative; }
.news{width:100%; float:left;position:relative; margin-top:5%;}

.ttarea{width:30%;float:left; text-align:left; position:relative; box-sizing:border-box;}
.listarea{width:70%;float:left;position:relative;box-sizing:border-box;  border:0px solid red;}
.listarea ul {float:right; width:100%;}
.listarea ul li{display:inline-block; width:45%; margin:0% 2%;  border:0px solid red;
background:#fff; border-top-left-radius:25px; border-bottom-right-radius:25px; padding:30px; box-sizing:border-box;}

.listarea ul li dl{width:100%; float:left;}
.listarea ul li dl dt{width:100%; float:left; border-bottom:1px solid #ccc;  padding:10px 0px; text-align:left; color:#000; font-size:20px;
font-weight:600;}
.listarea ul li dl dd{width:100%; float:left; padding-top:10px;  text-align:left; color:#000; font-size:17px; line-height:25px;} 
.listarea ul li dl dd .data{font-style:italic; color:#ff6600; font-size:17px; font-weight:600; line-height:45px;}
.listarea ul li dl dd.con{height:55px; overflow:hidden; }
.newstt{font-size:40px; color:#fff; font-weight:600; line-height:60px; line-height:27px;}
.newstt1{font-size:17px; color:rgba(250,250,250,0.6); line-height:27px; margin-top:20px;}


@media all and (max-width:1359px) {
.noticearea{width:100%;}

}


@media all and (max-width:976px) {
.notice{padding:10% 10% 5% 10%;}
.news{padding:0% 10%;}
.ttarea{width:100%; border:0px solid red;  padding:5%; box-sizing:border-box;}
.listarea{width:100%; border:0px solid red;  box-sizing:border-box;}
.newstt{font-size:25px;}
.newstt1{margin-top:10px; line-height:20px; font-size:15px;}
.listarea ul li{width:98%; padding:15px;}
.listarea ul li:last-child{display:none;}
.listarea ul li dl dt{height:30px !important;padding:0px; line-height:30px !important; min-height:30px !important; overflow:hidden; border:0px solid red;}
.listarea ul li dl dd{font-size:15px;  height:50px !important;padding:0px; line-height:22px !important; min-height:50px !important; overflow:hidden; padding-top:10px;}
}




/***footer***/
#section5 .footer{padding:35px 0px; color:#000; text-align:center;}
#section5 .footer span{padding:0 10px; line-height:35px;}
#section5 .copy{color:#ccc; font-size:14px; line-height:45px; text-transform: uppercase;}



.footer1{padding:35px 0px; color:#000; text-align:center; background:#fafafa;}
.footer1 span{padding:0 10px; line-height:35px;}
.copy1{color:#ccc; font-size:14px; line-height:25px; padding:15px 0px text-transform: uppercase;}



.sns{position:fixed; top:30%; right:2%; z-indeX:55;}
.sns img{margin-bottom:10px;}
.sns ul li{display:block; width:45px; height:45px; margin-bottom:10px;}
.sns ul li.face{background:url('/theme/rsp01/img/sns_01_1.png');}
.sns ul li.insta{background:url('/theme/rsp01/img/sns_02_1.png');}
.sns ul li.blog{background:url('/theme/rsp01/img/sns_03_1.png');}
.sns ul li.youtube{background:url('/theme/rsp01/img/sns_04_1.png');}

.fp-viewing-secondPage .sns ul li.face{background:url('/theme/rsp01/img/sns_01.png');}
.fp-viewing-secondPage .sns ul li.insta{background:url('/theme/rsp01/img/sns_02.png');}
.fp-viewing-secondPage .sns ul li.blog{background:url('/theme/rsp01/img/sns_03.png');}
.fp-viewing-secondPage .sns ul li.youtube{background:url('/theme/rsp01/img/sns_04.png');}


.fp-viewing-4Page .sns ul li.face{background:url('/theme/rsp01/img/sns_01.png');}
.fp-viewing-4Page .sns ul li.insta{background:url('/theme/rsp01/img/sns_02.png');}
.fp-viewing-4Page .sns ul li.blog{background:url('/theme/rsp01/img/sns_03.png');}
.fp-viewing-4Page .sns ul li.youtube{background:url('/theme/rsp01/img/sns_04.png');}

.fp-viewing-5Page .sns ul li.face{background:url('/theme/rsp01/img/sns_01.png');}
.fp-viewing-5Page .sns ul li.insta{background:url('/theme/rsp01/img/sns_02.png');}
.fp-viewing-5Page .sns ul li.blog{background:url('/theme/rsp01/img/sns_03.png');}
.fp-viewing-5Page .sns ul li.youtube{background:url('/theme/rsp01/img/sns_04.png');}

@media all and (max-width:976px) {
.sns{display:none;}
#section5 .footer{ line-height:20px !important;}
.footer1{font-size:14px; line-height:20px;}
#section5 .copy{line-height:20px;}
}



#fullpage::before { content:''; width: 0px; height: 100%; position: absolute; top:120px; right: 50px; margin-right: -0.5px; background: rgba(255,255,255,0.1); z-index:10;  }



.fp-viewing-secondPage #gnb_pc > ul > li > div a,
.fp-viewing-4Page #gnb_pc > ul > li > div a,
.fp-viewing-5Page #gnb_pc > ul > li > div a { color:#fff; }




.fp-viewing-4Page #header #logo,
.fp-viewing-5Page #header #logo{background:url('../images/logo.png')no-repeat; position:absolute;}


.fp-viewing-3rdPage .menuToggle span,.fp-viewing-5Page .menuToggle span { background: #212121; }




/*#footer { position: relative; font-size:15px;  color:#fff; text-align:center; width: 100%; background: #30363b; line-height:25px; padding: 3% 0; overflow: hidden; z-index: 15;  }*/
#footer { position: relative; font-size:15px;  color:#000; text-align:center; width: 100%; background: #fff; line-height:25px; padding: 2% 0; overflow: hidden; z-index: 15;  }
#footer a{color:#fff;}
#footer img{padding:20px; }
#footer .pr15{padding-right:15px;}
#footer .pr10{padding-right:10px;}


#footer h1 { float: left; margin-right: 5%; margin-bottom: 2%; }
#footer .f-cont { float: left; font-size: 1.4rem;  }
#footer .f-cont .f-link li { display: inline-block; margin-right: 12px; }
#footer .f-cont .f-link li a { color:#fff; }
#footer .f-cont .f-info { margin: 1em 0 2em; }
#footer .f-cont .f-info p { display: inline-block; margin-right: 7px; opacity: 0.4; line-height: 1.7em; color: #fff;}
#footer .f-cont .f-info p a{color: #fff;}


.mobileshow{display:none;}


@media all and (max-width:767px) {
  #footer { padding: 5% 0; font-size:13px; }
  #footer img {width:40%; }
  #footer .f-cont .f-info p br { display: none; }
  .mobileshow{display:block;}
  .mobilenone11{display:none;}
}

@media all and (max-width:568px) {
  #footer { padding: 7% 4%;  box-sizing: border-box; margin-top:0%;
  line-height:21px !important;
  }
}

@media all and (max-width:480px) {
  #footer h1 img { height: 20px; }
}




.allmenu{
z-index:55555; position:absolute; top:0px; right:0px; height:120px; width:120px; line-height:120px; border-left:1px solid rgba(255,255,255,0.2); 

background:url('/kor/nimg/allmenu.png');
}


.lang{z-index:55555; padding:5px 10px; background:#663300; font-size:13px;  color:#fff; position:absolute; top:40px; right:140px; border-left:0px solid rgba(255,255,255,0.2); 
border-radius:15px; }
.lang span{font-size:11px; padding:0px 10px; color:rgba(250,250,250,0.2);}
.lang a{color:#fff !important;}

/* **************************************** *
 * window
 * **************************************** */




.window {
    display: none;
	box-sizing:border-box; padding:50px 30px 30px 30px; background:#fff;
	border-color:#ddd #aaa #888 #ddd; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.7);  width:90% ;max-width:860px;}



.window .sm div {display:none;}
.window li {width:100%; overflow:hidden;  border-bottom:1px solid #ddd; padding:11px 15px; box-sizing:border-box;}
.window li  br {display:none;}
.window li:last-child {border-bottom:none;}

.window li  a{float:left; width:200px; font-size:20px; line-height:61px;  color:#fff;  
background:#e02b31;
padding:10px 20px; 
box-sizing:border-box; font-weight:600; text-align:center; }

.window .sub_menu  { overflow:hidden; width:100%; }
	.window .sub_menu li{overflow:hidden; box-sizing:border-box;  float:left; border:none !important;  width: auto !important; padding:12px 7px !important;}
	.window .sub_menu li a{display:block; font-size:17px;  width:auto !important; padding:0px 2px !important; 
	line-height:61px; font-weight:300; color:#333;  width: auto !important; background:#fff; border:none;}

.window .sm {overflow:hidden;float:right; width:540px; box-sizing:border-box; padding: 0px 10px ;}

.window .btn_close {position:absolute; top:30px; right:30px; overflow:hidden; box-sizing:border-box; }


.window .btn_close {top:25px; right:30px;   font-size:27px; line-height:30px; transform:scale(1,0.7);  font-weight:300;}



.allmenubg .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px; }
.allmenubg .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg {background:#3e2002;    height:auto !impotrant;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
	box-sizing:border-box;  border-top-right-radius:30px;  border-bottom-left-radius:30px; 
	border-color:#ddd #aaa #888 #ddd;  width:900px; padding:110px 50px 130px 50px; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none; }

.allmenubg .dept01 {display:none;}
.allmenubg  >  ul >  li{ border-top:1px solid rgba(250,250,250,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg  >  ul >  li:first-child {border-top:none;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg  .sm div{position:absolute; font-weight:500; font-family:'Noto Sans Korean',sans-serif;
top:5px; left:0px; font-size:1.5rem; line-height:25px;  color:#fff;}

.allmenubg     .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg     .sub_menu  li {display:inline-block; }
.allmenubg     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.8);}



.allmenubg1 .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px;}
.allmenubg1 .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg1 {background:#fff;    height:auto !impotrant;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
	box-sizing:border-box;  border-radius:30px; 
	border-color:#ddd #aaa #888 #ddd;  width:900px;padding:110px 50px 130px 50px; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none;}

.allmenubg1 .dept01 {display:none;}
.allmenubg1  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg1  >  ul >  li:first-child {border-top:none;}

.allmenubg1  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg1  .sm div{position:absolute; font-family:'PHCB', sans-serif;
top:5px; left:0px; font-size:26px; line-height:25px; color:#fff;}

.allmenubg1    .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg1     .sub_menu  li {display:inline-block; }
.allmenubg1     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.6);}




/*웹*/
	@media (min-width: 1024px) {


	 	}





	/*패드와 모바일*/
@media (max-width:1023px)  {



.allmenubg {width:90%; max-height:90vh; overflow-y: scroll !important; }
.allmenubg  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:11px 20px 10px 20px; box-sizing:border-box;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative; padding-top:30px;}
.allmenubg  .sm div{
top:5px; left:20; font-size:16px; line-height:23px;}

.allmenubg     .sub_menu { width:100%; }
.allmenubg     .sub_menu  li  a {font-size:12px; padding:0px 3px;}
}



/***프로그램 모달 css***/
.programcon .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px; }
.programcon .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.programcon {background:url('/kor/nimg/modalbg.jpg');    height:auto !impotrant;

margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
	box-sizing:border-box;  border-top-right-radius:30px;  border-bottom-left-radius:30px; 
	border-color:#ddd #aaa #888 #ddd;  width:1200px; padding:110px 50px 130px 50px; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none; }

.programcon ul{width:100%; }
.programcon ul li{display:inline-block; float:left; width:50%;}
.programcon ul li img{border:1px solid  #ccc;}
.programcon ul li:first-child{width:45%;}
.programcon ul li:last-child{width:55%; padding-lefT:25px; box-sizing:border-box; }
.programcontt{font-size:30px; font-weight:600; line-height:55px; color:#000;}
.programcontt1{font-size:17px; font-weight:600; line-height:55px; color:#000; line-height:30px;}
.programcontt2{margin-top:25px; padding:15px; box-sizing:border-box; border:2px solid #936225; background:#fff; font-size:16px; line-height:27px; }

@media (max-width:1199px)  {

.programcon{width:90%; padding:60px 20px 50px 20px; }

}


@media (max-width:789px)  {
.programcon .btn_close{top:20px;  width:30px; height:30px;}
.programcon .btn_close a{line-height:30px;}
.programcon ul li:first-child{width:100%;}
.programcon ul li:last-child{width:100%; padding-lefT:05px; box-sizing:border-box; }

}


@media (max-width:1280px)  {

.lang{display:none;}
.langm{width:100%;}
.langm ul {width:100%; float:left; margin-top:30px;}
.langm ul li{width:32%;height:35px; line-height:35px; background:rgba(250,250,250,0.1); display:inline-block;text-align:center; margin-right:1px;  float:left;}
.langm ul li a{color:#fff;}
}


/***************************************
***************************************
디자인변경
***************************************
/***************************************/

#fp-nav > ul > li:nth-child(5) {display:none;}

.movie {width:calc(100% - 200px)}
.movie iframe {height:560px;}
.iconarea  {width:200px ;}
.iconarea ul li {width:100%}
.icon a {width:130px; height:130px;}
.icon  img {height:100px;}

@media (max-width: 976px){
.movie {width:100%}
.movie iframe  {height:360px;}
.iconarea  {width:100%}
.iconarea ul li {width:33.3%; margin:0; padding:0; display:block; float:left; text-align:center;}
.icon a {width:90px; height:90px;}
.iconarea ul li img {width:70%; margin-top:8px !important; height:auto;}
.iconarea ul li:last-child{display:block !important;}
}
/*메인 프로그램 수정*/
.procenter ul li dl dt {overflow:hidden;}
@media (min-width:1199px)  {
.procenter ul li dl dt {max-height:300px;}
}
  @media (max-width: 976px){
.procenter ul li dl dt {max-height:250px;}
.mobilenone {display:none;}
}
@media (max-width:1280px)  {
}
/*메인비쥬얼 꽉차게 수정*/
#section0 .slide{ background-size:cover !important;}


/*메인비쥬얼 꽉차게 수정*/
#slide1, #slide2{ background-size:cover !important; height:100vh; text-align:center;}
.slide_inner {position:Absolute; box-sizing:border-box;  max-width:80%
text-align:center; top:50%; left:50%; transform:translate(-50%, -50%)}

.slide_inner img {margin-left:auto; margin-right:auto;}
.slide_inner img.wd50per {padding-top:0px !important;}



/*메인비쥬얼 이미지 수정*/
#slide1 { background: url('/chi/nimg/main_v.gif') no-repeat  center center !important; padding:0; }
@media (max-width:640px)  {
#slide1 { background: url('/chi/nimg/main_v_mobile.gif') no-repeat  center bottom !important;  padding:0; }
}
#slide1 ,#slide2 {background-size:cover !important;}

.slick-slide{height:100vh;}
#section0 .slick-list  { position:relative; }
 .slick-prev {left:50% !important; margin-left:-30px; !important}
.slick-next{left:50% !important; margin-left:30px; !important}
#section0  .slick-arrow {position:absolute; z-index:9999990;
transform:translate(0,0) !important;  top:auto !important; bottom:50px !important;}
.slick-prev::before, .slick-next::before {font-size:50px !important; line-height:50px !important;  color: #000 !important;}

@media (max-width:640px)  {
 .slick-prev {margin-left:-15px; !important}
.slick-next{ margin-left:15px; !important}
.slick-prev::before, .slick-next::before {font-size:30px !important; line-height:30px !important;}
}




/*메인 프로그램 수정*/
.procenter ul li dl dt {overflow:hidden;}
@media (min-width:1199px)  {
.procenter ul li dl dt {max-height:300px;}
}
  @media (max-width: 976px){
.procenter ul li dl dt {max-height:250px;}
.mobilenone {display:none;}
}

@media (max-width:1280px)  {
}

/*메인비쥬얼 꽉차게 수정*/
#section0 .slide{ background-size:cover !important;}


/*모바일에서 첫번재롤링이미지 */
@media (max-width:450px)  {
#slide1 {background-size: 460px auto !important;}
}

#section1 .s-inner1 { width:100%; display: table; table-layout: fixed; height: 100%; 
border:0px solid red; text-align:center; }



/* #section1 .s-inner1 .togeleft{ border:0px solid red;  overflow:hidden; padding-top:22%; box-sizing:border-box; 
background: url('/kor/nimg/mbg01_2.jpg') no-repeat center center;background-size:cover; 
width:33%; float:left; height: 100%; }
 */
#section1 .s-inner1  {overflow:hidden; display: flex; flex-direction: row;
flex-wrap: wrap; justify-content: space-between; align-items: stretch;
align-items: center; 
  justify-content: center; }
#section1 .s-inner1  .in01 {flex: 1 1 50%;  
  height:50vh;
vertical-align:middle; 
 text-align:center;}

#section1 .s-inner1  .in01:nth-child(1){background:rgba(117, 87, 54, 0.6) url('/intro/images/intro2023_1.jpg') no-repeat center center; }
#section1 .s-inner1  .in01:nth-child(2){background:rgba(117, 87, 54, 0.3) url('/intro/images/intro2023_2.jpg') no-repeat center center; }
#section1 .s-inner1  .in01:nth-child(3){background:rgba(117, 87, 54, 0.3) url('/intro/images/intro2023_3.jpg') no-repeat center center; }
#section1 .s-inner1  .in01:nth-child(4){background:rgba(117, 87, 54, 0.6) url('/intro/images/intro2023_4.jpg') no-repeat center center; }
#section1 .s-inner1  .in01 { cursor:pointer; box-sizing:border-box;
background-blend-mode: multiply; background-size:cover !important;}
#section1 .s-inner1  .in01  dd {font-weight:600;  font-family: 'arita-buriotfbold';}





@media screen and (min-width:1024px){
#section1 .s-inner1  .in01  {padding-top:150px;}
#section1 .s-inner1  .in01  dt {font-size:20px;  line-height:40px; }
#section1 .s-inner1  .in01  dd { font-size:30px; line-height:40px; padding-top:20px; }

}

@media screen and (max-width:1023px){
#section1 .s-inner1  .in01  {padding-top:110px;}
#section1 .s-inner1  .in01  dt {font-size:17px;  line-height:40px; }
#section1 .s-inner1  .in01  dd { font-size:25px; line-height:30px; padding-top:20px; }
}


@media screen and (max-width:640px){
#section1 .s-inner1 {padding-top:50px;}
#section1 .s-inner1  .in01 {flex: 1 1 100%;  padding-top:10%;  height:25vh; }
#section1 .s-inner1  .in01  dt {font-size:15px;  line-height:20px; }
#section1 .s-inner1  .in01  dd { font-size:20px; line-height:30px; padding-top:10px; }
}

@media screen and (max-width:640px){

}


#section1 .s-inner1 { width:100%; display: table; table-layout: fixed; height: 100%; 
border:0px solid red; text-align:center; }



/* #section1 .s-inner1 .togeleft{ border:0px solid red;  overflow:hidden; padding-top:22%; box-sizing:border-box; 
background: url('/kor/nimg/mbg01_2.jpg') no-repeat center center;background-size:cover; 
width:33%; float:left; height: 100%; }
 */
#section1 .s-inner1  {overflow:hidden; display: flex; flex-direction: row;
flex-wrap: wrap; justify-content: space-between; align-items: stretch;
align-items: center; 
  justify-content: center; }
#section1 .s-inner1  .in01 {flex: 1 1 50%;  
  height:50vh;
vertical-align:middle; 
 text-align:center;}

#section1 .s-inner1  .in01:nth-child(1){background:rgba(117, 87, 54, 0.6) url('/intro/images/intro2023_1.jpg') no-repeat center center; }
#section1 .s-inner1  .in01:nth-child(2){background:rgba(117, 87, 54, 0.3) url('/intro/images/intro2023_2.jpg') no-repeat center center; }
#section1 .s-inner1  .in01:nth-child(3){background:rgba(117, 87, 54, 0.3) url('/intro/images/intro2023_3.jpg') no-repeat center center; }
#section1 .s-inner1  .in01:nth-child(4){background:rgba(117, 87, 54, 0.6) url('/intro/images/intro2023_4.jpg') no-repeat center center; }
#section1 .s-inner1  .in01 { cursor:pointer; box-sizing:border-box;
background-blend-mode: multiply; background-size:cover !important;}
#section1 .s-inner1  .in01  dd {font-weight:600;  font-family: 'arita-buriotfbold';}





@media screen and (min-width:1024px){
#section1 .s-inner1  .in01  {padding-top:150px;}
#section1 .s-inner1  .in01  dt {font-size:20px;  line-height:40px; }
#section1 .s-inner1  .in01  dd { font-size:30px; line-height:40px; padding-top:20px; }

}

@media screen and (max-width:1023px){
#section1 .s-inner1  .in01  {padding-top:110px;}
#section1 .s-inner1  .in01  dt {font-size:17px;  line-height:40px; }
#section1 .s-inner1  .in01  dd { font-size:25px; line-height:30px; padding-top:20px; }
}


@media screen and (max-width:640px){
#section1 .s-inner1 {padding-top:50px;}
#section1 .s-inner1  .in01 {flex: 1 1 100%;  padding-top:10%;  height:25vh; }
#section1 .s-inner1  .in01  dt {font-size:15px;  line-height:20px; }
#section1 .s-inner1  .in01  dd { font-size:20px; line-height:30px; padding-top:10px; }
}

@media screen and (max-width:640px){

}


#slide1 {
 background: url('/chi/nimg/cnmain.jpg') no-repeat  center -345px !important; padding:0; }



@media (min-width:641px) and (max-width:1023px) {
#slide1 {
 background: url('/chi/nimg/cnmain.jpg') no-repeat  center -345px !important; padding:0; }
#slide1 {background-size:auto 1000px !important; 
background-position:center -245px !important; }
}

@media (max-width:640px)  {
#section0 {padding-top:60px;}
#slide1 {background:#354035 url('/chi/nimg/inposter_cn.jpg') no-repeat !important; 
background-size:100% auto  !important; 
background-size:center center; }
}


.sns  img.meta  {width:140px; margin-left:-40px;}