@charset "utf-8";

.main-visual{width:100%; height:auto; background:url('/kor/images/main/bg_2025.jpg') no-repeat center; background-size:cover; position:relative;}
.main-visual::before{content:''; display:block; width:100%; height:17%; background:#c1c0c0; position:absolute; bottom:0; left:0;}
.main-visual .wrap{width:95%; max-width:1400px; margin:0 auto; padding:100px 0 30px;}
.main-visual .bg_title{display:block; width:100%; max-width:650px; margin:0 auto 30px;}
.main-visual .bg-img{display:block; width:100%; max-width:800px; margin:0 auto;}
.main-tit{display:flex; flex-flow:column; align-items:center; justify-content: flex-end; position:relative; z-index:99}



#section5, #section2 {background:#fff;}

.section { position: relative;  background-position: center; background-size:cover; background-repeat: no-repeat; color:#fff; }
#mSection2 { background-image:url("../images/main_section02.jpg"); }
#mSection3 { background-image:url("../images/main_section03.jpg");  }
#section3 {background-image:url("/kor/nimg/msection04.jpg"); display:none !important; }
#section4 { background-image:url("/kor/nimg/msection05.gif"); }
.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:768px) {
.main-visual::before{height:17%; }
.main-visual .wrap{padding:90px 0 15px;}
.main-visual .bg_title{max-width:550px; margin:0 auto 20px;}
.main-visual .bg-img{max-width:700px;}
}

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

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




.sns  img.meta  {width:140px; margin-left:-40px;}
.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-family: 'GamtanRoadDotumBoldTTF'; font-size:30px; color:#fff; margin-top:20px;}
.maintt1{ font-family: 'GamtanRoadDotumBoldTTF'; 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-family: 'GamtanRoadDotumBoldTTF'; font-size:17px; color:#fff; margin-top:20px;}
.maintt1{ font-family: 'GamtanRoadDotumBoldTTF'; 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 {background:#007f76}
#section1 .s-inner1 { width:100%; display: table; table-layout: fixed; 
border:0px solid red; text-align:center; padding:50px 5%; box-sizing:border-box; }



/* #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;  gap: 30px; 
  justify-content: center;  align-items: center;
  
  }

#section1 .s-inner1  .in01 {flex: 1 1 calc(40% - 30px); padding: 0 5%; padding-top:70px; box-sizing:border-box;  height:55vh;}



/* #section1 .s-inner1  .in01:nth-child(1){background:rgba(225, 25, 15, 0.7) url('/intro/images/intro2023_1.jpg') no-repeat center center; 
background-blend-mode: overlay; border-radius:0px 60px 60px 60px;}
#section1 .s-inner1  .in01:nth-child(2){ border-radius:60px 60px 60px 0px; background:rgba(255, 255, 255, 0.7) url('/intro/images/intro2023_2.jpg') no-repeat center center;  background-blend-mode: soft-light;}
#section1 .s-inner1  .in01:nth-child(3){ border-radius:60px 0px 60px 60px;
background:rgba(255, 255, 255, 0.7) url('/intro/images/intro2023_3.jpg') no-repeat center center;
background-blend-mode: soft-light;}

#section1 .s-inner1  .in01:nth-child(4){ border-radius:0px 60px 0px 60px; background:rgba(51, 107, 157, 0.9) url('/intro/images/intro2023_4.jpg') no-repeat center center; 
background-blend-mode: soft-light;}
 */

#section1 .s-inner1  .in01:nth-child(1){background: url('/kor/images/sectionbg05.jpg') no-repeat center bottom; background-size:cover; border-radius:0px 60px 60px 60px;}
#section1 .s-inner1  .in01:nth-child(2){ border-radius:60px 60px 60px 0px; background: url('/kor/images/sectionbg06.jpg') no-repeat center bottom; background-size:cover; }
#section1 .s-inner1  .in01:nth-child(3){ border-radius:60px 0px 60px 60px;  background: url('/kor/images/sectionbg07.jpg')}
#section1 .s-inner1  .in01:nth-child(4){ border-radius:0px 60px 0px 60px; background: url('/kor/images/sectionbg08.jpg') no-repeat center bottom; background-size:cover; }

#section1 .s-inner1  .in01 { cursor:pointer; box-sizing:border-box; background-blend-mode: multiply; background-size:cover !important;}
#section1 .s-inner1  .in01  dt {font-size:18px;  line-height:1.4; }
#section1 .s-inner1  .in01  dd { font-size:52px; font-weight:600; line-height:1; margin-top:20px;  font-family: 'SaenggeoJincheon';}


#section1 .s-inner1  .in01:nth-child(3) dt,
#section1 .s-inner1  .in01:nth-child(3) dd,
#section1 .s-inner1  .in01:nth-child(2) dt,
#section1 .s-inner1  .in01:nth-child(2) dd{color:#000;}



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

#section1 .s-inner1  .in01  dt {font-size:17px; }
#section1 .s-inner1  .in01  dd { font-size:40px; }

}

@media screen and (max-width:1023px){
#section1 .s-inner1  .in01 {flex: 1 1 calc(45% - 20px); padding: 0 5%; padding-top:50px; box-sizing:border-box;  height:36vh;}
#section1 .s-inner1  .in01  dt {font-size:15px; }
#section1 .s-inner1  .in01  dd { font-size:32px; margin-top:15px; }
#section1 .s-inner1  .in01:nth-child(1){border-radius:0px 40px 40px 40px;}
#section1 .s-inner1  .in01:nth-child(2){ border-radius:40px 40px 40px 0px;}
#section1 .s-inner1  .in01:nth-child(3){ border-radius:40px 0px 40px 40px;}
#section1 .s-inner1  .in01:nth-child(4){ border-radius:0px 40px 0px 40px;}
}


@media screen and (max-width:768px){
#section1 .s-inner1  .in01 {flex: 1 1 100%; padding: 0 5%; padding-top:50px;  padding-bottom:40%; height:auto !important; background-position:center bottom !important; }
}

@media screen and (max-width:600px){
#section1 .s-inner1  .in01 {padding: 0 5%; padding-top:40px;  padding-bottom:35%;  }
#section1 .s-inner1  .in01  dt {font-size:14px;}
#section1 .s-inner1  .in01  dd { font-size:25px;}
}



/*
#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_2.jpg') no-repeat center center;background-size:cover; width:33%; float:left;  height: 100%;  }

.togtt{font-size:18px; line-height:30px; color:#fff; font-weight:600;}
.togtt1{ font-family: 'GamtanRoadDotumBoldTTF'; 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 {  text-align:center;  height: 100%;  }

.proarea {width:95%; max-width:1350px; margin:0 auto; overflow:hidden;  border:0px solid red;  padding:110px 0px;
}






.prott{width:100%;  float:left; position:relative; 
line-height:37px; font-family: 'SaenggeoJincheon'; font-size:49px; color:#000;}
.prott span{font-family: 'Pretendard'; line-height:90px;  display:inline-block; font-size:27px;}
.calicon{ position:absolute; right:0px; top:0px;}
.calicon1{  position:relative; width:100%; text-align:center;}
.calicon2{  width:100%; text-align:center;  }





.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:100%; box-sizing:border-box; padding-left:40px; padding-right:40px;  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;  overflow:hidden;}
.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%; font-family: 'SaenggeoJincheon'; width:260px;
 color:#fff; border-radius:65px; font-size:20px; line-height:66px; font-weight:normal;}

.calicon2 .calbtn:nth-child(1) {background:#df3434; }
.calicon2 .calbtn:nth-child(2) {background:#545479; }





@media all and (max-width:1099px) {
.proleft{display:none}
.proright{display:none}
.procenter{width:100%; padding:10%;}
.proarea {width:95%;  padding:50px 0px; }
.calicon{display:none;}

#m_board2 .tabs2.wd3 li:nth-child(1) {display:none}
#m_board2 .tabs2.wd3 li{width:50% !important;}

/*.procenter ul li{width:100% !important; border:0px solid red;}
.procenter ul li img{width:90%;}
*/
.prott{font-size:27px;}

.prott span {margin-top: 10px;
    line-height: 20px;
    font-size: 15px;
  }


.procenter ul li{}
.bxslider{border:0px solid red; overflow:hidden;}
.procenter ul li dl dt img{width:100% !important;}
.calicon2{  position:relative; width:100%; text-align:center;  left:auto;bottom:0%;}
.prott2 span {padding-right:5px;}

.prott1 {font-size:17px; line-height:30px}
.prott2 {font-size:14px; line-height:21px;}

.calbtn {
  font-size: 18px;
  line-height: 46px;}


.calwrap ul li {box-sizing:border-box;}


}



/***홍보동영상***/
#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 { padding:100px 0px; overflow:hidden; /* 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; line-height:26px;
font-family: 'SaenggeoJincheon'; padding:10px 0px; text-align:left; color:#000; font-size:20px;
}
.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-family: 'SaenggeoJincheon';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; font-size:15px;}
.footer1 img{margin-bottom:15px;}
.footer1 span{padding:0 10px; line-height:35px;}
.copy1{color:#888; font-size:14px; font-weight:300; letter-spacing:-0.3px; line-height:1.4; padding:0 10px; 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; 
background:url('/kor/nimg/allmenu_1.png');
}


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



.lang{z-index:55555; padding:5px 10px; background:rgba(0,0,0,0.5);
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:#912f46;    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; 
top:5px; left:0px; font-size:1.9rem; 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:21px;}
.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:#fff; height:auto !impotrant; overflow:visible !important; 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-family: 'SaenggeoJincheon';  line-height:55px; color:#f43f3f;}
.programcontt1{font-size:17px; font-weight:600; line-height:55px; color:#000; line-height:30px;}
.programcontt2{margin-top:25px; padding:15px 0px; box-sizing:border-box;
color:#666;  font-size:16px; line-height:27px; }


.programcon:before,
.programcon:after{content:''; position:Absolute; }



.programcon:before{background:url('/kor/nimg/p_modal_img04.png') no-repeat top left;background-size:auto 100%;}
.programcon:after{background:url('/kor/nimg/p_modal_img05.png') no-repeat top left;background-size:auto 100%;}

@media (min-width:1024px)  {
.programcontt2 {max-height:calc(100vh - 600px); overflow-y:auto;}
.programcon:before{bottom:-60px; left:-100px; width:280px; height:200px;}
.programcon:after{bottom:-60px; right:-100px; width:230px; height:230px;}
}

@media (max-width:1023px)  {
.programcon:before,
.programcon:after{display:none;}

}






@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;}
}


/*메인 프로그램 수정*/
.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 { background: url('/kor/nimg/mainv.gif') no-repeat  center center !important; padding:0; }
@media (max-width:640px)  {
#slide1 { background: url('/kor/nimg/main_v_mobile.gif') no-repeat  center bottom !important;  padding:0; }

}





/*오늘의 프로그램 간격*/
@media (max-width:640px)  {
.prolist {padding-top:0px !important;}
.procenter {padding:10px 10% !important; }
}



/*메인비쥬얼 꽉차게 수정*/
#slide1, #slide2{ background-size:cover !important; height:100vh; text-align:center;}
.slide_inner {position:Absolute; box-sizing:border-box;  max-width:80%; z-index:10;
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('/kor/nimg/mainv.gif') no-repeat  center center !important; padding:0; }
@media (max-width:640px)  {
#slide1 { background: url('/kor/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:640px)  {

#draggable  img {max-width:100%;}
#draggable  {width:300px !important;}
}

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


/*221115_메인수정 */


#slide1.newin {background:#000; position:relative; width:100%;}
#slide1.newin video {width:100%;  height:100%; position:relative; z-index:1; object-fit: cover; }


/*221115_메인수정 모달팝업*/

.layer_popup {position:fixed; box-shadow:5px 5px 5px rgba(0,0,0,0.6); background:#91634d; box-sizing:border-box;
 max-width:800px; width:80%; z-index:99;}
.layer_popup  .inputarea {width:100%; background:#fff; box-sizing:border-box;}
.layer_popup .txtarea3 {box-sizing:border-box;}
.layer_popup h2, .layer_popup h3{color:#fff; text-align:center;}
.layer_popup  .closewrap {text-align:right; box-sizing:border-box; padding:10px; overflow:hidden; background:rgba(0,0,0,0.4)}
.layer_popup  .closewrap  dd input,
.layer_popup  .closewrap  dd a,
.layer_popup  .closewrap  dt,
.layer_popup  .closewrap  dd {display:inline-block; vertical-align:middle;  color:#fff; font-weight:300;}
.layer_popup  .closewrap  dd a {background:rgba(0,0,0,0.4); margin-left:20px;}
.layer_popup  .closewrap  dd a {padding:0px 10px;}
.layer_popup  .closewrap  dt input{margin-right:10px;}
		.layer_popup .inputarea  dl {overflow:hidden; border-bottom:1px dotted #ddd; box-sizing:border-box;}
		.layer_popup .inputarea  dl dt,
		.layer_popup .inputarea  dl dd {display:inline-block; vertical-align:middle;}

		.layer_popup .inputarea  dl dt {font-weight:600; color:#000 !important;}
			.layer_popup .inputarea  dd input,
			.layer_popup .inputarea  dd textarea {width:100%; border:1px solid #ccc;}

.privacywrap div{ background:#eee; margin-top:20px; overflow-y:scroll;  width:100%; box-sizing:border-box;
}

.privacywrap p {text-align:right;  color:000;}
.privacywrap p input {vertical-align:middle; margin-right:10px;}

.layer_popup h2 {font-weight:800; }
.layer_popup h3 { font-weight:300; }

.layer_popup .btnok input {background:rgba(0,0,0,0.6);  border:none; cursor:pointer; color:#fff; font-weight:600;}



  @media (min-width: 1024px){
  .layer_popup {top:130px; left:110px; }
.layer_popup .txtarea3 { padding:50px 40px 30px 40px;}
	.layer_popup h2 {font-size:35px; line-height:48px;padding-bottom:20px;}
	.layer_popup h3 {font-size:18px; line-height:30px;  padding-bottom:10px;}
.layer_popup  .closewrap  dt,
.layer_popup  .closewrap  dd a {font-size:15px; line-height:30px; }
	.layer_popup .inputarea {margin-top:20px; padding:20px 30px;}
.layer_popup .inputarea  dl { padding:10px;width:100%}
.layer_popup .inputarea  dl dt,
.layer_popup .inputarea  dl dd {font-size:17px; line-height:30px;}

.layer_popup .inputarea  dl dt {width:100px;}
.layer_popup .inputarea  dl dd {width:calc(100% - 140px)}

.layer_popup .inputarea  dd input {height:30px; line-height:30px;}
.layer_popup .inputarea  dd textarea {height:80px;}
.privacywrap div{  
font-size:13px; line-height:20px; padding:20px 20px; height:80px; }
.privacywrap p {font-size:16px; line-height:50px; }

.layer_popup .btnok input  { margin-top:20px; font-size:17px; line-height:60px; padding:0px 70px;}


}

@media (min-width:641px) and (max-width:1023px) {
	.layer_popup h2  br,	.layer_popup h3 br {display:none}
  .layer_popup {top:100px; left:50px; }
.layer_popup .txtarea3 { padding:20px 30px;}
	.layer_popup h2 {font-size:27px; line-height:33px;padding-bottom:20px;}
	.layer_popup h3 {font-size:16px; line-height:30px;  padding-bottom:10px;}

.layer_popup  .closewrap  dt,
.layer_popup  .closewrap  dd a {font-size:14px; line-height:27px; }
	.layer_popup .inputarea {margin-top:27px; padding:27px;}
.layer_popup .inputarea  dl { padding:10px;width:100%}
.layer_popup .inputarea  dl dt,
.layer_popup .inputarea  dl dd {font-size:15px; line-height:30px;}

.layer_popup .inputarea  dl dt {width:100px;}
.layer_popup .inputarea  dl dd {width:calc(100% - 140px)}

.layer_popup .inputarea  dd input {height:30px; line-height:30px;}
.layer_popup .inputarea  dd textarea {height:70px;}
.privacywrap div{  
font-size:13px; line-height:20px; padding:20px 20px; height:80px; }
.privacywrap p {font-size:16px; line-height:50px; }
.layer_popup .btnok input  { margin-top:20px; font-size:17px; line-height:40px; padding:0px 70px;}


}

@media (max-width:640px)  {
	.layer_popup h2  br,	.layer_popup h3 br {display:none}
  .layer_popup {top:30px; left:50px; }
.layer_popup .txtarea3 { padding:20px 20px;}
	.layer_popup h2 {font-size:20px; line-height:30px;padding-bottom:10px;}
	.layer_popup h3 {font-size:14px; line-height:20px;  padding-bottom:10px;}

.layer_popup  .closewrap  dt,
.layer_popup  .closewrap  dd a {font-size:14px; line-height:27px; }
	.layer_popup .inputarea {margin-top:13px; padding:10px;}
.layer_popup .inputarea  dl { padding:3px;width:100%}
.layer_popup .inputarea  dl dt,
.layer_popup .inputarea  dl dd {font-size:14px; line-height:27px;}
.layer_popup .inputarea  dl dt {width:70px;}
.layer_popup .inputarea  dl dd {width:calc(100% - 100px)}
.layer_popup .inputarea  dd input {height:27px; line-height:27px;}
.layer_popup .inputarea  dd textarea {height:40px;}
.privacywrap div{  
font-size:13px; line-height:20px; padding:10px 10px; height:60px; }
.privacywrap p {font-size:13px; line-height:20px; }
.layer_popup .btnok input  { margin-top:15px; font-size:15px; line-height:29px; padding:0px 30px;}

}










/*2024 수정*/
#slide1 {background: url('/kor/images/main2024.jpg') no-repeat  center -40px !important;  padding:0;  }
#slide1 .slide_inner {display:none;}
.movie_area {position:relative;  width:100%;  text-align:center;  padding:110px 0px; box-sizing:border-box; background:#e9b06b;}
.movie_area video { width: 75%;   max-width:900px;    height:auto;}
.movie_area:after, .movie_area:before {content:''; position:absolute; }
.movie_area:after{bottom:20px; right:50px;  width:400px; height:450px; background:url('/kor/nimg/p_modal_img05.png') no-repeat bottom left; background-size:400px }
.movie_area:before  {top:-80px; left:60px; width:300px; height:420px; background:url('/kor/nimg/p_modal_img04.png') no-repeat top left; background-size:300px }


@media (max-width:1230px)  {
.movie_area:after{bottom:15px; right:30px;  width:320px; height:380px;background-size:320px }
.movie_area:before  {top:-70px; left:40px; width:250px; height:380px; background-size:250px }
}


@media (max-width:1023px) {
.movie_area:after{bottom:10px; right:15px; width:260px; height:280px;background-size:260px }
.movie_area:before  {top:-60px; left:20px; width:200px; height:320px; background-size:200px }
#slide1 {background-size:auto 1000px !important; background-position:center -245px !important; }
}


@media (max-width:640px)  {
#section0 {padding-top:60px; height:660px !important}
#slide1 {background:#202637 url('/kor/images/new/poster2_2.jpg') no-repeat center 12px !important; background-size:100% auto  !important; }

#section2 .swiper-button-next img,
#section2 .swiper-button-prev img{width:45px; margin-top:-30px;}
.movie_area {height:300px; }

#section2 .swiper-button-next{right:0px}
#section2 .swiper-button-prev{left:0px}

.movie_area { padding:40px 0px; overflow:hidden; height:auto;}

.movie_area:after{bottom:10px; right:10px; width:150px; height:180px;background-size:150px }
.movie_area:before  {top:10px; left:10px; width:100px; height:125px; background-size:100px }
}



.swiper-wrapper {height:auto !important; align-items: flex-start;}
.swiper {  width: 100%;overflow:hidden; }
#section2 .swiper-slide {  height:auto !important;}
#section2  .swiper-slide {display: flex;  justify-content: center; align-items: center; }
#section2 .swiper-button-next,
#section2 .swiper-button-prev {top:50% !important;  box-shadow:none !important; box-sizing:border-box; padding:0px 10px !important; transform:translatey(-50%) !important; margin-top:-40px;}
#section2 .swiper-button-next{right:20px}
#section2 .swiper-button-prev{left:20px}
#section2 .swiper-button-next:after,
#section2 .swiper-button-prev:after,
#section2 .swiper-button-next:before,
#section2 .swiper-button-prev:before {display:none;}
#section2 .mySwipe {box-sizing:border-box; padding-left:30px; padding-right:30px; overflow:hidden;}
#section2 .swiper-slide {overflow:hidden; position:relative; text-align:center;}
#section2 .swiper-slide dl {width:100%; overflow:hidden;display:inline-block;  padding-bottom:40px;}
#section2 .swiper-slide dt {width:100%;   aspect-ratio: 4/ 3;  overflow:hidden;position:relative; }
#section2 .swiper-slide dt img {position:Absolute; top:50%; left:50%; width:120%; height:auto; transform:translate(-50%, -50%)}
#section2 .swiper-slide dd {text-align:left !important; padding-top:10px;}