@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;700;900&display=swap');



/* Visual Fade Effect */
#visual {width:100%; float:left; overflow:hidden; 
   border-bottom-left-radius: 40px;  border-top-right-radius: 40px; overflow:hidden;
	position:relative; margin:0 auto; height:400px; border:0px solid red;  background:#efefef;  }
.visual_wrap { position:relative; width:100%; margin:auto; height:400; text-align:center; }
.visual_box {position:absolute; width:100%; left:0%; }
.visual_box p {  width:100%;    }

.v_ul {position:absolute; bottom:30px; left:20px;  z-index:111;  display:none;}
.v_ul li { z-index:111;	cursor:pointer;	margin-left:12px; float: left; line-height: 16px;  }
.v_ul li:first-child { margin-left:0; }
.v_btn01 {	position:absolute;	z-index:1;	top:152px;	left:-338px;	cursor:pointer; }
.v_btn02{	position:absolute;	z-index:1;	top:152px;	right:-338px; cursor:pointer; }
.visual_p {	position:absolute;	left:0;  height:400px;}
.visual_p img{width:100%; height:400px;}


/*25년 춘계*/
/*.visual_text{ width:600px; z-index:133; position:absolute; top:70px;  border:0px solid red; left:50%; margin-lefT:-300px;   text-align:center; }*/
/*.visual_text .maintext01{font-size:41px; font-weight:700; color:#003300; line-height:80px; border-bottom:1px solid rgba(16,112,75,0.5);}*/
/*.visual_text .maintext02{text-align:left; font-size:19px; color:#003300; font-weight:500;margin-top:3%; line-height:40px; }*/
/*.visual_text .maintext02 span{font-weight:800; }*/
/*.visual_text .maintext03{font-size:17px; color:#fff;}*/
/*.visual_text .maintext03 span{font-weight:800; }*/

/*25년 추계 1*/
/*.visual_text {*/
/*    width: 1300px;*/
/*    z-index: 133;*/
/*    position: absolute;*/
/*    top: 70px;*/
/*    border: 0px solid red;*/
/*    left: 50%;*/
/*    margin-left: -650px;*/
/*    text-align: left;*/
/*    padding-left: 30px;*/
/*    padding-right: 30px;*/
/*}*/

/*.visual_text .maintext01 {*/
/*    padding: 0 20px; !* 좌우 패딩 20px 추가 *!*/
/*    font-size: 41px;*/
/*    font-weight: 700;*/
/*    color: #42210b;*/
/*    line-height: 40px;*/
/*    margin-top: 1%;*/
/*}*/

/*.visual_text .maintext02 {*/
/*    padding: 0 20px; !* 좌우 패딩 20px 추가 *!*/
/*    text-align: left;*/
/*    font-size: 38px;*/
/*    color: #d97738;*/
/*    font-weight: 700;*/
/*    margin-top: 2%;*/
/*    line-height: 40px;*/
/*}*/

/*.visual_text .maintext02 span {*/
/*    font-weight: 800;*/
/*}*/

/*.visual_text .maintext03 {*/
/*    padding: 0 20px; !* 좌우 패딩 20px 추가 *!*/
/*    font-size: 25px;*/
/*    color: #7d544b;*/
/*    font-weight: 700;*/
/*    margin-top: 2%;*/
/*    line-height: 40px;*/
/*}*/

/*.visual_text .maintext03 span {*/
/*    font-weight: 800;*/
/*}*/

/*25년 추계 2*/
.visual_text {
    width: 1300px;
    z-index: 133;
    position: absolute;
    top: 20px;
    border: 0px solid red;
    left: 50%;
    margin-left: -650px;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

.visual_text .maintext01 {
    padding: 0 20px; /* 좌우 패딩 20px 추가 */
    font-size:25px;
    font-weight: 700;
    color: #fff100;
    line-height: 40px;
    margin-top: 1%;
}

.visual_text .maintext02 {
    padding: 0 20px; /* 좌우 패딩 20px 추가 */
    text-align: left;
    font-size: 38px;
    color: #fffeff;
    font-weight: 700;
    margin-top: 2%;
    line-height: 40px;
}

.visual_text .maintext02 span {
    font-weight: 800;
}

.visual_text .maintext02a {
    padding: 0 20px; /* 좌우 패딩 20px 추가 */
    text-align: left;
    font-size: 25px;
    color: #fff100;
    font-weight: 700;
    margin-top: 1%;
    line-height: 40px;
}

.visual_text .maintext03 {
    padding: 0 20px; /* 좌우 패딩 20px 추가 */
    font-size: 25px;
    color: #231815;
    font-weight: 700;
    margin-top: 2%;
    line-height: 40px;
}

.visual_text .maintext03 span {
    font-weight: 800;
}

/*.mainbg01{width:100%; background:url('/images/main25/mvisual_01.jpg');}*/
/*.mainbg02{ width:100%; background:url('/images/main25/mvisual_02.jpg');}*/
.mainbg01{width:100%; background:url('/images/main25/mvisual_25fb.jpg');}
.mainbg02{ width:100%; background:url('/images/main25/mvisual_25fb.jpg');}

.text-outline {
    color: black; /* 글자색 */
    text-shadow: -1px -1px 2px white,
    1px -1px 2px white,
    -1px  1px 2px white,
    1px  1px 2px white; /* 검은색 테두리 */
    font-weight: bold;
}

@media (max-width:1249px) {
#visual{width:100%;}
.mobilenone{display:none;}


}



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


#visual{height:500px;}
.visual_wrap {height:500px;}
.visual_p { position:absolute;  left:0;  height:500px;}
.visual_text{width:100%; left:0px; margin-left:0%; top:20%; padding:25px;  }
.visual_text .maintext01{font-size:20px; line-height:35px; padding-bottom:5%; }
.visual_text .maintext02{font-size:25px; line-height:35px; padding-bottom:3%;}
.visual_text .maintext03{font-size:20px; line-height:30px; padding-bottom:3%;}

.mainbg01{width:100%; background:url('/images/main25/mvisual_25fb_1.jpg')center; }
.mainbg02{ width:100%; background:url('/images/main25/mvisual_25fb_1.jpg') center;}

}



.mtit{padding:5px 10px; margin-top:5px; color:#fff; width:auto; border:1px solid #fff; border-radius:25px;}
.mtit1{ color:#fff; font-weight:600; font-size:21px; margin-top:15px; }
.mtit2{height:61px; line-height:61px; color:#000;  background:url("/images/main25/titbg.jpg")repeat left; font-size:24px; font-weight:500; }
.mtit2 span{float:right; margin-top:15px;}
.mtit3{height:61px; line-height:61px; color:#000;  background:url("/images/main25/titbg01.jpg")repeat left; font-size:24px; font-weight:500; }
.mtit3 span{float:right; margin-top:15px;}


@media screen and (max-width:789px){
.mtit1{font-size:17px;}

}


.clear{clear:both !important;}

.mainwrap{width:95%; overflow:hidden; margin:0 auto; }
.mainright{width:1300px; position:relative; margin:0 auto;  padding-top:0px;   }

.mainabout1{width:100%;}
.mainright02{width:50%; float:left; }
.mainright02_tt{font-size:35px; font-weight:600; color:#fff; padding:15px; }
.eventarea{width:95%; margin:0 auto;  overflow:hidden;}


@media screen and (max-width:1289px){
.mainleft{width:100%;  float:left;}
.mainright{width:100%;  float:left;}

}

@media screen and (max-width:1024px){
.mainleft{width:100%;  }
.mainright{width:100%;   }
.mainright01{width:100%; float:left;}
.mainright02{width:100%; float:left; }
.mainright02_tt{font-size:25px; font-weight:600; color:#fff; padding:15px; }
}



.mainabout1 > ul {
       width: 100%;
       float: left;
       position: relative;
       margin-top:4.5%;
       border:0px solid red;

   }
   .mainabout1 > ul > li {
       position: relative;
       display: inline-block;
       line-height:25px;
       width:31%;
       margin:1%;
       text-align: left;      
       border: 1px solid rgba(0,0,0,0.1);
       color: #000;   font-weight:500;
       font-size: 1.2em;
       box-sizing: border-box;
       float:left ;
       border-radius:25px;
       height:300px;
       
   }

   .mainabout1 > ul > li a {
       padding: 50px 35px;
       display: block;
       box-sizing: border-box;
       border:4px solid transparent;
      border-radius:25px;   
      height:300px;
   }
   .mainabout1 > ul > li a:hover {
       box-shadow: 9px 12px 10px rgba(0,0,0,0.15);
       transition: 0.1s;
       left:0px;
       top: 0px;
       border: 4px solid #7d544b;
       content: '';
       box-sizing: border-box;
       z-index: 8888;
       color:#7d544b;
       font-weight:500; border-radius:25px;   height:300px;
   }
   .mainabout1 > ul > :after {
       display: block;
       clear: both;
       content: '';
   }

.mainabout1 > ul > li.bg01{background: url('/images/main25/m_icon01f.png') right bottom no-repeat;}
.mainabout1 > ul > li.bg02{background: url('/images/main25/m_icon02f.png') right bottom no-repeat;}
.mainabout1 > ul > li.bg03{background: url('/images/main25/m_icon03f.png') right bottom no-repeat;}

.mainabout1_tt{color:#d97738; font-size:33px; font-weight:500; }
.mainabout1_tt1{font-size:18px; line-height:27px; margin-top:5%; }
.mainabout1_tt2{color:#d97738; font-size:20px; font-weight:500; margin-top:25px; }
.mainabout1_tt3{color:#000; font-size:21px; font-weight:500;  padding-left:15px; line-height:35px;}


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

  .mainabout1 > ul > li {width:96%; margin:2%;}
     .mainabout1 > ul > li a {
       padding: 50px 20px;}
  .mainabout1_tt{color:#d97738; font-size:30px; font-weight:500; }
.mainabout1_tt3{color:#000; font-size:19px; font-weight:500;  padding-left:15px; line-height:35px;}
}










.speaker{text-align:center; width:1300px; border-radius:30px; background:#f5f5f5; padding:65px 45px;  margin:0 auto;
overflow:hidden;}

.speaker_tt{color:#000; font-size:33px; font-weight:500;}
.speaker_tt span{font-size:18px; line-height:20px;  font-weight:400; display: block;}

.speaker ul{width:100%; margin-top:4%; }
.speaker ul li{display:inline-block; float:left; width:30%; margin:1.5%;  background:#fff;  box-shadow: 5px 5px 10px rgba(0,0,0,0.1); 
border-top-left-radius:35px; border-bottom-right-radius:35px;   border:0px solid red; padding:35px; text-align:left;}
.speaker ul li:nth-child(2){ margin-top:5%; }


.speaker_img{width:100%; text-align: center; display: block;}
.speaker_tt1{font-weight:500; font-size:21px; line-height:55px;  color:#000;}
.speaker_tt2{font-weight:500; font-size:18.5px;  }
.speaker_tt2 span{font-size:17px;  display:block;  font-weight:400;}



@media screen and (max-width:1289px){
 .speaker{width:100%;}
}


@media screen and (max-width:1024px){
.event{height:auto;}
.commynity{padding:20px 10px; }
.mainjournal{padding:75px 0px;}

.speaker_tt{color:#000; font-size:30px; font-weight:500;}
.speaker_tt span{font-size:17px;}

}

@media screen and (max-width:989px){
.speaker{padding:65px 25px;}
.speaker ul li{width:96%; margin:2%;  padding:25px;}
.speaker ul li:nth-child(2){ margin-top:2%; }
.speaker_tt1{font-size:20px; }
.speaker_tt2{font-size:17.5px;}
}


.bottombanner{width:100%; 
max-width:1300px;
 margin:0 auto; padding-bottom:0px; overflow:hidden;  padding:50px; background:#fff; bordeR:0px  solid red;}
.bannerarea{width:100%; float:left;  padding:0px; background:#fff;}


.flow_banner {overflow: hidden; display: flex;background:#fff; padding:0px 30px; }
.flow_banner .list {display: flex;}
.flow_banner .list > li {width:200px !important;background:#fff;  border:1px solid #ccc; margin:20px; white-space: nowrap; font-size: 18px;color: #fff; padding:10px;}
@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* 반응형 스타일 */
@media (max-width: 1280px) {
	.bottombanne{max-width:100%;}
    .flow_banner .list > li {font-size: 16px;padding: 10px;}
}

@media (max-width: 1024px) {
	#m_board .tab_container {
	margin-top: 0px;
	padding: 15px 0 0 0px;}
	.bottombanner{padding:20px 10px;}
.flow_banner {overflow: hidden; display: flex; margin: 10px auto;background:#f5f5f5;}
    .flow_banner .list > li {width:130px !important;font-size: 14px;padding: 5px;}

  .flow_banner .list > li > img{width:90% !important;}

}



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

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



.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:#08182c;    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:20px; font-size:16px; line-height:23px;}

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


#top_btn {border-radius:30px; position: fixed; bottom: 30px; right: 30px; width: 60px;
 height: 60px;  line-height: 56px; border: 0; background: #d97738; color: #FFF; text-align: center; font-size:1em;
  z-index:99999999999999999999; }
#top_btn:hover{background-color:#cc0000;}


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

#top_btn{width:40px; height:40px;  bottom:15px; right:15px;  line-height:40px;}
}