@charset "utf-8";
/* style.css */
@import url("animate.css");
@import url("css.css");
@import url("board.css");

/****************************************************************768*************************************************************************************************************/
@media (max-width:768px){
#wrapper {height:auto; width:100%;   position: absolute; } 
#header {position: relative;   } 

.main{width:100%; margin-right:auto;margin-left:auto; }
.main1{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}

.main_title {font-size:2em; z-index:2; left:0; right:0; margin:auto; padding:10px 0px 0px 0px;}
.main_stitle {font-size:0.9em; z-index:2; left:0; right:0; margin:auto;padding:10px 0px 10px 0px;}

.main_title_text {padding:20px; position: absolute;	font-size:0.9rem; z-index:2; left:0; right:0;  top:150px;margin:auto; color:#FFFFFF;letter-spacing: -0.1em;}
.main_title_text1 {position: absolute;	font-size:1.7rem; z-index:2; left:0; right:0;  top:230px;margin:auto; color:#FFFFFF;}
.main_title_text1 img {width:230px;}

.plus {padding:20px 20px 20px 20px; margin:5px; border-radius: 40px;  overflow: hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.1); border:1px solid #EAEAEA;}
.plus i{ object-fit: cover; transition:0.5s ease;font-size : 1.2rem; color:#7F7F7F;}
.plus:hover i{transform: rotate( 90deg ); transition:0.5s ease;font-size : 1.2rem; color:#424242; cursor:pointer;}

/*** tab****/
.main_tab1{width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #F4F7FF 50%); }
.main_tab2{ padding:50px 0px 50px 0px;width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(45deg, #FFEEEE 18%, #ffffff 18%, #ffffff 70%, #FFEEEE 70%);}
.main_tab3{padding:0px 0px 50px 0px;  background:url('/img/bg1.jpg'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;   text-align:center; }
.main_tab4{width:100%; margin-right:auto;margin-left:auto;padding:0px; }
.main_tab5{width:100%; margin-right:auto;margin-left:auto;padding:0px; border-top:1px solid #EEEEEE; background-image: linear-gradient(to top,#F4F4F4 52%, #ffffff 52%, #ffffff 100%, #F4F4F4 100%); }
.main_tab6{width:100%; margin-right:auto;margin-left:auto;padding:0px; }

/*******/
.wave::before {content: url("/img/wave1.png");  width:100%; position: absolute;	left:0; right:0;  bottom:0px;   background-size: 100% auto; background-repeat: repeat-x;}

/*** tab1삼척문화원****/
.main-tab1-1{max-width:100%;padding: 10px;}
.main-tab1-2{max-width:100%;padding: 10px;}
.main-tab1-3{max-width:100%;padding: 10px;}
.main-tab1-4{max-width:100%;padding: 10px;}
/*******/


/***tab2 공지사항****/
.main-tab2-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%; padding: 10px 0px 10px 0px;}
.main-tab2-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%; padding: 10px 0px 10px 0px; }
.main-tab2-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%; padding: 10px 0px 10px 0px; } 
.main-tab2-4{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%;  padding: 10px 0px 10px 0px;}

.main-tab2-1-box {width:100%; background-color:#FFFFFF; padding:20px;   border:1px solid #EAEAEA; transition: border-color 0.3s ease;  } 
.main-tab2-1-box:hover {width:auto; background-color:#FFFFFF; padding:20px; transition: border-color 0.3s ease;  border-color:#BC2041; } 
.main-tab2-1-box i {padding-right:5px;}
.main-tab2-1-box .notice-title {height:60px;}
.main-tab2-1-box .notice-contents {height:90px;}

.main-notice-1 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 10px 0px 10px 15px;}
.main-notice-2 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 15px 0px 10px 30px; text-align: center;}
.main-notice-2 i{position:absolute; transition:0.5s ease;}
.main-notice-2:hover i{transform: rotate( 90deg ); transition:0.5s ease;  }
/*******/

/***tab3 문화학교****/
.main-tab3-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%; padding: 10px 0px 0px 0px;}
.main-tab3-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%; padding: 10px 0px 0px 0px;}
.main-tab3-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%; padding: 10px 0px 0px 0px;}

.main-ban-2-box {background-color:#FFFFFF; transition: border-color 0.3s ease; padding:20px; box-shadow:5px 5px 5px rgba(0,0,0,0); transform:scale(1.0); transition:0.5s ease;  
overflow: hidden; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; width:auto; } 
.main-ban-2-box img{object-fit: cover; width: 100%; height:200px; border-radius: 0px;}
.main-ban-2-box:hover {padding:20px; transform:translate(0px, 0px);   opacity:1;  filter: blur(0px); box-shadow:5px 5px 5px rgba(0,0,0,0.2); 
-moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius:  0px 0px 0px 0px; width:auto; }

.main-ban-2-box .view { display:inline-block;  color:#FFFFFF;  transition:0.5s ease; font-size :1rem;  }
.main-ban-2-box:hover .view {color:#FFFFFF; transform:translateX(10px); transition:0.5s ease; font-size :1rem;   }
.main-ban-2-box i {padding-left:10px;  transition:0.5s ease; font-size :1rem;   }
.main-ban-2-box:hover i {transform:translateX(10px); transition:0.5s ease; font-size :1rem;   }
/*******/

/***tab4 문화학교갤러리***/
.main-photo-4 {-webkit-box-flex:50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 5px;}
.main-photo-box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,0); transition:0.5s ease;  
overflow: hidden; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;width:auto;  border:1px solid #EAEAEA;} 
.main-photo-box img{object-fit: cover; width: 100%; height:100px;transition:0.5s ease;   }
.main-photo-box:hover { background-color:#FFFFF5; padding:10px; transform:translateY(0px);   opacity:1;  filter: blur(0px); box-shadow:0px 0px 10px rgba(0,0,0,0.2); 
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; width:auto;   border:1px solid #FF9000;}
.main-photo-box:hover  img{object-fit: cover; width: 100%; height:100px;}
.main-photo-box .title {height:30px;}
.main-photo-box .contents {height:30px;}

/***tab5*문화와역사***/
.main-tab5-1{-webkit-box-flex:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 0px 0px;}
.main-tab5-2{-webkit-box-flex:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 0px 0px;}
.main-tab5-3{-webkit-box-flex:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 0px 0px;}
.main-tab5-4{-webkit-box-flex:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 0px 0px;}
.main-tab5-5{-webkit-box-flex:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 0px 0px;}

.main-tab5-box1, 
.main-tab5-box2, 
.main-tab5-box3, 
.main-tab5-box4, 
.main-tab5-box5 {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:20px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:3px solid #FFFFFF;} 
.main-tab5-box1:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #027057;}
.main-tab5-box2:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #6F7002;}
.main-tab5-box3:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #701B02;}
.main-tab5-box4:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #700255;}
.main-tab5-box5:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #020470;}
.main-tab5-box1 i, 
.main-tab5-box2 i, 
.main-tab5-box3 i, 
.main-tab5-box4 i, 
.main-tab5-box5 i{width:100%;  display:block;z-index:10;  top:35%;  text-align: center; font-weight:800; font-size:3.6em; color:#404040; transition:0.5s ease;}

.main-tab5-box1:hover i{color:#027057; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box2:hover i{color:#6F7002; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box3:hover i{color:#701B02; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box4:hover i{color:#700255; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box5:hover i{color:#020470; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }

.main-tab5-box1 .tt, 
.main-tab5-box2 .tt, 
.main-tab5-box3 .tt, 
.main-tab5-box4 .tt, 
.main-tab5-box5 .tt{color:#404040;}

.main-tab5-box1:hover .tt {color:#027057;}
.main-tab5-box2:hover .tt {color:#703802;}
.main-tab5-box3:hover .tt {color:#700202;}
.main-tab5-box4:hover .tt {color:#700228;}
.main-tab5-box5:hover .tt {color:#450270;}

/***tab6*파트너***/
.main-tab6-1 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 0px;}
.main-tab6-1 img{padding: 5px 5px 0px 0px; width:100%;}

.pc {display:none;}
.mblock {line-height: 180%; display:block;}
}


/****************************************************************768~1198*************************************************************************************************************/
@media  (min-width: 768px) and (max-width:1198px){
#wrapper {height:auto; width:100%;   position: absolute; } 
#header {position: relative;   } 

.main{width:100%; margin-right:auto;margin-left:auto; }
.main1{width:100%;  padding:0px 10px 0px 10px;  margin-right:auto;margin-left:auto;}

.main_title {font-size:3em; z-index:2; left:0; right:0; margin:auto; padding:10px 0px 0px 0px;}
.main_stitle {font-size:1.2em; z-index:2; left:0; right:0; margin:auto;padding:10px 0px 10px 0px;}

.main_title_text {position: absolute;	font-size:24px; z-index:2; left:0; right:0;  top:360px;margin:auto; color:#FFFFFF;letter-spacing: -0.1em;}
.main_title_text1 {position: absolute;	font-size:80px; z-index:2; left:0; right:0;  top:400px;margin:auto; color:#FFFFFF;}
.main_title_text1 img {width:300px;}


.plus {padding:20px 20px 20px 20px; margin:5px; border-radius: 40px;  overflow: hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.1); border:1px solid #EAEAEA;}
.plus i{ object-fit: cover; transition:0.5s ease;font-size : 1.2rem; color:#7F7F7F;}
.plus:hover i{transform: rotate( 90deg ); transition:0.5s ease;font-size : 1.2rem; color:#424242; cursor:pointer;}

/*** tab****/
.main_tab1{width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #F4F7FF 50%); }
.main_tab2{ padding:50px 0px 50px 0px;width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(45deg, #FFEEEE 18%, #ffffff 18%, #ffffff 70%, #FFEEEE 70%);}
.main_tab3{padding:0px 0px 50px 0px;  background:url('/img/bg1.jpg'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;   text-align:center; }
.main_tab4{width:100%; margin-right:auto;margin-left:auto;padding:0px; }
.main_tab5{width:100%; margin-right:auto;margin-left:auto;padding:0px; border-top:1px solid #EEEEEE; background-image: linear-gradient(to top,#F4F4F4 52%, #ffffff 52%, #ffffff 100%, #F4F4F4 100%); }
.main_tab6{width:100%; margin-right:auto;margin-left:auto;padding:0px; }

/*******/
.wave::before {content: url("/img/wave1.png");  width:100%; position: absolute;	left:0; right:0;  bottom:0px;   background-size: 100% auto; background-repeat: repeat-x;}

/*** tab1삼척문화원****/
.main-tab1-1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:25%;padding: 10px;}
.main-tab1-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:25%;padding: 10px;}
.main-tab1-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 10px;}
.main-tab1-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 10px;}
/*******/

.main-ban{display: flex; justify-content: space-between; }
.main-ban div img{width:300px;}

/***tab2 공지사항****/
.main-tab2-1{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 0px; border-right:1px solid #EEEEEE;}
.main-tab2-2{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 10px; }
.main-tab2-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 20px; background-color:#444444;} 
.main-tab2-4{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px 10px 0px 10px;}

.main-tab2-1-box {width:auto; background-color:#FFFFFF; padding:20px;   border:1px solid #EAEAEA; transition: border-color 0.3s ease;  } 
.main-tab2-1-box:hover {width:auto; background-color:#FFFFFF; padding:20px; transition: border-color 0.3s ease;  border-color:#BC2041; } 
.main-tab2-1-box i {padding-right:5px;}
.main-tab2-1-box .notice-title {height:60px;}
.main-tab2-1-box .notice-contents {height:90px;}

.main-notice-1 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 10px 0px 10px 15px;}
.main-notice-2 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 15px 0px 10px 30px; text-align: center;}
.main-notice-2 i{position:absolute; transition:0.5s ease;}
.main-notice-2:hover i{transform: rotate( 90deg ); transition:0.5s ease;  }
/*******/

/***tab3 문화학교****/
.main-tab3-1{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 20px 0px 0px;}
.main-tab3-2{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 10px;}
.main-tab3-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 20px;}

.main-ban-2-box {background-color:#FFFFFF; transition: border-color 0.3s ease; padding:0px 0px 20px 0px; box-shadow:5px 5px 5px rgba(0,0,0,0); transform:scale(1.0); transition:0.5s ease;  
overflow: hidden; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px 0px 20px 20px; width:auto; } 
.main-ban-2-box img{object-fit: cover; width: 100%; height:200px; border-radius: 0px;}
.main-ban-2-box:hover {padding:0px 0px 20px 0px; transform:translate(0px, -10px);   opacity:1;  filter: blur(0px); box-shadow:5px 5px 5px rgba(0,0,0,0.2); 
-moz-border-radius: 0px 0px 60px 60px; -webkit-border-radius: 0px 0px 60px 60px; border-radius:  0px 0px 60px 60px; width:auto; }

.main-ban-2-box .view { display:inline-block;  color:#FFFFFF;  transition:0.5s ease; font-size :1rem;  }
.main-ban-2-box:hover .view {color:#FFFFFF; transform:translateX(10px); transition:0.5s ease; font-size :1rem;   }
.main-ban-2-box i {padding-left:10px;  transition:0.5s ease; font-size :1rem;   }
.main-ban-2-box:hover i {transform:translateX(10px); transition:0.5s ease; font-size :1rem;   }

/*******/

/***tab4 문화학교갤러리***/
.main-photo-4 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 10px;}
.main-photo-box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:20px; box-shadow:0px 0px 5px rgba(0,0,0,0); transition:0.5s ease;  
overflow: hidden; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;width:auto;  border:1px solid #EAEAEA;} 
.main-photo-box img{object-fit: cover; width: 100%; height:200px;transition:0.5s ease;   }
.main-photo-box:hover { background-color:#FFFFF5; padding:20px; transform:translateY(10px);   opacity:1;  filter: blur(0px); box-shadow:0px 0px 10px rgba(0,0,0,0.2); 
-moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; width:auto;   border:1px solid #FF9000;}
.main-photo-box:hover  img{object-fit: cover; width: 100%; height:200px; border-radius: 15px;}
.main-photo-box .title {height:30px;}
.main-photo-box .contents {height:30px;}


/***tab5*문화와역사***/
.main-tab5-1{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 100px 20px 0px 0px;}
.main-tab5-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 0px 20px 0px 0px;}
.main-tab5-3{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 100px 20px 0px 0px;}
.main-tab5-4{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 0px 20px 0px 0px;}
.main-tab5-5{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 100px 20px 0px 0px;}

.main-tab5-box1, 
.main-tab5-box2, 
.main-tab5-box3, 
.main-tab5-box4, 
.main-tab5-box5 {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:20px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:3px solid #FFFFFF;} 
.main-tab5-box1:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #027057;}
.main-tab5-box2:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #6F7002;}
.main-tab5-box3:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #701B02;}
.main-tab5-box4:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #700255;}
.main-tab5-box5:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #020470;}
.main-tab5-box1 i, 
.main-tab5-box2 i, 
.main-tab5-box3 i, 
.main-tab5-box4 i, 
.main-tab5-box5 i{width:100%;  display:block;z-index:10;  top:35%;  text-align: center; font-weight:800; font-size:3.6em; color:#404040; transition:0.5s ease;}

.main-tab5-box1:hover i{color:#027057; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box2:hover i{color:#6F7002; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box3:hover i{color:#701B02; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box4:hover i{color:#700255; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box5:hover i{color:#020470; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }

.main-tab5-box1 .tt, 
.main-tab5-box2 .tt, 
.main-tab5-box3 .tt, 
.main-tab5-box4 .tt, 
.main-tab5-box5 .tt{color:#404040;}

.main-tab5-box1:hover .tt {color:#027057;}
.main-tab5-box2:hover .tt {color:#703802;}
.main-tab5-box3:hover .tt {color:#700202;}
.main-tab5-box4:hover .tt {color:#700228;}
.main-tab5-box5:hover .tt {color:#450270;}

/***tab6*파트너***/
.main-tab6-1 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 0px 10px 0px 10px;}
.main-tab6-1 img{padding: 5px 5px 0px 0px; width:100%; max-width:270px;}
.mobile {display:none}
.mblock {display:none}
}


/********************************************************************1200*************************************************************************************************************/
@media (min-width:1198px){
#wrapper {height:auto; width:100%;   position: absolute; } 
#header {position: relative;   } 

.main{width:100%; margin-right:auto;margin-left:auto; }
.main1{width:1500px;  margin-right:auto;margin-left:auto; padding:0px 0px 0px 0px;}

.main_title {font-size:3em; z-index:2; left:0; right:0; margin:auto; padding:10px 0px 0px 0px;}
.main_stitle {font-size:1.2em; z-index:2; left:0; right:0; margin:auto;padding:10px 0px 10px 0px;}

.main_title_text {position: absolute;	font-size:30px; z-index:2; left:0; right:0;  top:360px;margin:auto; color:#FFFFFF;letter-spacing: -0.1em;}
.main_title_text1 {position: absolute;	font-size:80px; z-index:2; left:0; right:0;  top:430px;margin:auto; color:#FFFFFF;}
.main_title_text1 img {}

.plus {padding:20px 20px 20px 20px; margin:5px; border-radius: 40px;  overflow: hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.1); border:1px solid #EAEAEA;}
.plus i{ object-fit: cover; transition:0.5s ease;font-size : 1.2rem; color:#7F7F7F;}
.plus:hover i{transform: rotate( 90deg ); transition:0.5s ease;font-size : 1.2rem; color:#424242; cursor:pointer;}

/*** tab****/
.main_tab1{width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #F4F7FF 50%); }
.main_tab2{ padding:50px 0px 50px 0px;width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(45deg, #FFEEEE 18%, #ffffff 18%, #ffffff 70%, #FFEEEE 70%);}
.main_tab3{padding:0px 0px 50px 0px;  background:url('/img/bg1.jpg'); width:100%; background-size: cover;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;   text-align:center; }
.main_tab4{width:100%; margin-right:auto;margin-left:auto;padding:0px; }
.main_tab5{width:100%; margin-right:auto;margin-left:auto;padding:0px; border-top:1px solid #EEEEEE; background-image: linear-gradient(to top,#F4F4F4 52%, #ffffff 52%, #ffffff 100%, #F4F4F4 100%); }
.main_tab6{width:100%; margin-right:auto;margin-left:auto;padding:0px; }

/*******/
.wave::before {content: url("/img/wave1.png");  width:100%; position: absolute;	left:0; right:0;  bottom:0px;   background-size: 100% auto; background-repeat: repeat-x;}

/*** tab1****/
.main-tab1-1{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 10px;}
.main-tab1-2{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 10px;}
.main-tab1-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 10px; }
.main-tab1-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 10px;}
/*******/

.main-ban{display: flex; justify-content: space-between; }
.main-ban div img{width:300px;}

/***tab2****/
.main-tab2-1{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 0px; border-right:1px solid #EEEEEE;}
.main-tab2-2{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 10px; }
.main-tab2-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 20px; background-color:#444444;} 
.main-tab2-4{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px 10px 0px 10px;}

.main-tab2-1-box {width:auto; background-color:#FFFFFF; padding:20px;   border:1px solid #EAEAEA; transition: border-color 0.3s ease;  } 
.main-tab2-1-box:hover {width:auto; background-color:#FFFFFF; padding:20px; transition: border-color 0.3s ease;  border-color:#BC2041; } 
.main-tab2-1-box i {padding-right:5px;}
.main-tab2-1-box .notice-title {height:60px;}
.main-tab2-1-box .notice-contents {height:90px;}

.main-notice-1 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 10px 0px 10px 15px;}
.main-notice-2 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 15px 0px 10px 30px; text-align: center;}
.main-notice-2 i{position:absolute; transition:0.5s ease;}
.main-notice-2:hover i{transform: rotate( 90deg ); transition:0.5s ease;  }
/*******/

/***tab3 문화학교****/
.main-tab3-1{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 20px 0px 0px;}
.main-tab3-2{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 10px;}
.main-tab3-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 20px;}

.main-ban-2-box {background-color:#FFFFFF; transition: border-color 0.3s ease; padding:0px 0px 20px 0px; box-shadow:5px 5px 5px rgba(0,0,0,0); transform:scale(1.0); transition:0.5s ease;  
overflow: hidden; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px 0px 20px 20px; width:auto; } 
.main-ban-2-box img{object-fit: cover; width: 100%; height:200px; border-radius: 0px;}
.main-ban-2-box:hover {padding:0px 0px 20px 0px; transform:translate(0px, -10px);   opacity:1;  filter: blur(0px); box-shadow:5px 5px 5px rgba(0,0,0,0.2); 
-moz-border-radius: 0px 0px 0px 60px; -webkit-border-radius: 0px 0px 0px 60px; border-radius:  0px 0px 20px 60px; width:auto; }

.main-ban-2-box .view { display:inline-block;  color:#FFFFFF;  transition:0.5s ease; font-size :1rem;  }
.main-ban-2-box:hover .view {color:#FFFFFF; transform:translateX(10px); transition:0.5s ease; font-size :1rem;   }
.main-ban-2-box i {padding-left:10px;  transition:0.5s ease; font-size :1rem;   }
.main-ban-2-box:hover i {transform:translateX(10px); transition:0.5s ease; font-size :1rem;   }
/*******/

/***tab4 문화학교갤러리***/
.main-photo-4 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 10px;}
.main-photo-box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:20px; box-shadow:0px 0px 5px rgba(0,0,0,0); transition:0.5s ease;  
overflow: hidden; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;width:auto;  border:1px solid #EAEAEA;} 
.main-photo-box img{object-fit: cover; width: 100%; height:200px;transition:0.5s ease;   }
.main-photo-box:hover { background-color:#FFFFF5; padding:20px; transform:translateY(10px);   opacity:1;  filter: blur(0px); box-shadow:0px 0px 10px rgba(0,0,0,0.2); 
-moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; width:auto;   border:1px solid #FF9000;}
.main-photo-box:hover  img{object-fit: cover; width: 100%; height:200px; border-radius: 15px;}
.main-photo-box .title {height:30px;}
.main-photo-box .contents {height:30px;}



/***tab5*문화와역사***/
.main-tab5-1{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 100px 20px 0px 0px;}
.main-tab5-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 0px 20px 0px 0px;}
.main-tab5-3{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 100px 20px 0px 0px;}
.main-tab5-4{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 0px 20px 0px 0px;}
.main-tab5-5{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 100px 20px 0px 0px;}

.main-tab5-box1, 
.main-tab5-box2, 
.main-tab5-box3, 
.main-tab5-box4, 
.main-tab5-box5 {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:20px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:3px solid #FFFFFF;} 
.main-tab5-box1:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #027057;}
.main-tab5-box2:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #6F7002;}
.main-tab5-box3:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #701B02;}
.main-tab5-box4:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #700255;}
.main-tab5-box5:hover { padding:20px; transform:translateY(-10px);  box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px 10px 0px 10px; width:auto;   border:3px solid #020470;}
.main-tab5-box1 i, 
.main-tab5-box2 i, 
.main-tab5-box3 i, 
.main-tab5-box4 i, 
.main-tab5-box5 i{width:100%;  display:block;z-index:10;  top:35%;  text-align: center; font-weight:800; font-size:3.6em; color:#404040; transition:0.5s ease;}

.main-tab5-box1:hover i{color:#027057; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box2:hover i{color:#6F7002; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box3:hover i{color:#701B02; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box4:hover i{color:#700255; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }
.main-tab5-box5:hover i{color:#020470; text-shadow:3px 3px 20px rgba(0,0,0,0.1); transform: rotateY(360deg); transition:0.5s ease;  }

.main-tab5-box1 .tt, 
.main-tab5-box2 .tt, 
.main-tab5-box3 .tt, 
.main-tab5-box4 .tt, 
.main-tab5-box5 .tt{color:#404040;}

.main-tab5-box1:hover .tt {color:#027057;}
.main-tab5-box2:hover .tt {color:#703802;}
.main-tab5-box3:hover .tt {color:#700202;}
.main-tab5-box4:hover .tt {color:#700228;}
.main-tab5-box5:hover .tt {color:#450270;}

/***tab6*파트너***/
.main-tab6-1 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 0px 10px 0px 10px;}
.main-tab6-1 img{ width:270px;}
.mobile {display:none}
.mblock {display:none}
}



hr{ height:4vh; width:4px; border-width:0;}
.color0 {background-color:#B08227;}
.color1 {background-color:#C50033;}
.color2 {background-color:#FF7E00;}

.bg1 {background-color:#F5AD2A;}
.bg2{background-color:#63AFB3;}
.bg3{background-color:#41AE71;}
.bg4{background-color:#BB0000;}

.itt::before {  content: url("/img/dot.png");  color:#F5532D; font-family: "Font Awesome 6 Free"; font-size:0.4em;   font-weight: 900;  padding-left:0px; margin-right: 5px;}










/******************************************************************서브타이틀******************************************************************************************************/
@media (max-width:768px){
.sub_tab{width:100%; margin-right:auto;margin-left:auto; z-index:2;  background-color:#FFFFFF; }
.sub_contents{width:100%; margin-right:auto;margin-left:auto;  z-index:2; padding:0px 10px 0px 10px;   }

.sub_title{width:100%; margin-right:auto;margin-left:auto;  z-index:2; padding:150px 0px 0px 10px;   }
.sub_title_text {display: block; font-size:2rem; z-index:2; left:0; right:0;  margin:auto; color:#FFFFFF;letter-spacing: -0.1em;}
.sub_title_text1 {padding-left:5px; font-size:0.8rem; z-index:2; left:0; right:0;  margin:auto; color:rgba(255,255,255,0.7); letter-spacing: -0.01em;}
.sub_title_text::before {  content: '';  display: block;  height: 3px;  width: 50px;   background-color: #FF7E00;   margin: 20px 10px 0px 5px; }

.title_bg1 {background:url('/img/t1.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg2 {background:url('/img/t2.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg3 {background:url('/img/t3.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg4 {background:url('/img/t4.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg5 {background:url('/img/t5.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg6 {background:url('/img/t6.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg7 {background:url('/img/t7.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg8 {background:url('/img/t8.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg9 {background:url('/img/t9.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }

.smenu-tab{width:100%;  padding:0px 0px 0px 0px;  margin-right:auto;margin-left:auto;}

/***인사말****/
.col-sub-con-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px; border-bottom:0px solid #E1E1E1;}
.col-sub-con-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px; border-bottom:0px solid #E1E1E1;}
.col-sub-con-1-box { box-shadow:0px 0px 10px rgba(0,0,0,0.2);  width:auto;   padding: 30px; border:1px solid #D9D9D9;}

/***역대원장****/
.col-sub-hh-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px; border-bottom:0px solid #E1E1E1; transition:all 0.5s ease;  }
.col-sub-hh-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px; border-bottom:0px solid #E1E1E1; transition:all 0.5s ease;  }
.col-sub-hh-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px; border-bottom:0px solid #E1E1E1; transition:all 0.5s ease;  }
.col-sub-hh-4{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 0px 0px 0px 0px; border-bottom:0px solid #E1E1E1;}
.col-sub-hh-5{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 0px 0px 0px 20px; border-bottom:0px solid #E1E1E1;}
.col-sub-hh-1-box { box-shadow:0px 0px 10px rgba(0,0,0,0.2);  width:auto;   padding: 30px; border:1px solid #D9D9D9;}

.hh_title{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.hh_title1{ color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }

/***오시는길****/
.map-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px; border-top:0px solid #FD6F25; }
.map-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px; border-top:0px solid #575757;}
.map-info { padding: 15px 10px 15px 0px; border-bottom:1px solid #F1F1F1; font-size:1.1rem;}
.map-info span{ padding: 15px 15px 15px 0px;  font-family: 'SCoreDream'; font-size:1.1rem;  font-weight:600; }

/***사업소개****/
.business-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 0px 0px; border-top:0px solid #FD6F25; }
.business-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 0px 0px; border-top:0px solid #575757;}
.business-md-1 img{ box-shadow:0px 5px 10px rgba(212,212,212,0.4); width:100%; object-fit: cover; width: 100%; height:250px; border:10px solid #ffffff;}
.business-md-box { box-shadow:0px 5px 10px rgba(212,212,212,0.4);  width:auto;   padding:30px; border:1px solid #D9D9D9;}

.bu_title{  color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }
.bu_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.bu_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }

/***대관안내****/
.rent-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 10px 20px 10px; border-top:0px solid #FD6F25; }
.rent-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 10px 20px 10px; border-top:0px solid #575757;}

.rent-md-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 0px 10px 0px; border-top:0px solid #FD6F25; }
.rent-md-4{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px 0px 10px 0px; border-top:0px solid #575757;}

.rent-md-5{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 0px 10px 0px; border-bottom:1px solid #E7E7E7; text-align:center; }
.rent-md-6{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 0px 0px; border-top:0px solid #575757; text-align:center;}

.rent-md-7{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px; border-top:0px solid #575757;}
.rent-md-3 img{ box-shadow:0px 5px 10px rgba(212,212,212,0.4); width:100%; object-fit: cover; width: 100%; height:200px; border:10px solid #ffffff;}
.rent-md-box { box-shadow:0px 5px 10px rgba(212,212,212,0.4);  width:auto;   padding:20px; border:1px solid #D9D9D9;}

.rent_title{ color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }
/**.rent_title::before { content: "\f22d";  color:#B08227; font-family: "Font Awesome 6 Free";font-size:1.6rem;   font-weight: 600;  padding-left:0px; margin-right: 10px; }**/
.rent_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.rent_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }
.rent-tab{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px;}


/***c_box****/
.c_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

/************삼척의 문화와역사 ********************/
.history-tab5-1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 10px 10px 10px 10px;}

.history-tab5-box{background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:3px solid #AF8125;} 
.history-tab5-box .icon::before {   content: "·";  color:#C50033; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:5px; margin-right:5px;}

/************문화학교 ********************/
.school-tab0{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px;}
.school-tab1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px;}
.school-tab2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px;}
.school-gap {padding:15px;}
/***리스트****/
.school-tab2 .line {border-top:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8;}
.school-tab2 .line2 {border-bottom:1px solid #C8C8C8;}
.school-tab2 .list_title {color:#444444; font-family: 'SCoreDream';  font-size:1.2rem;   font-weight: 600;  background-color:#F9F9F9;}
.school-tab-1{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600;}
.school-tab-2{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
.school-tab-3{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
.school-tab-4{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
.school-tab-5{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
/**.school-tab-6{transition:0.5s ease;   -webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF;  border-right:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
**/
.school_title_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8} 
.school_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8;} 
.school_list_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8} 

.s_title{ color:#B90000; font-family: 'SCoreDream';  font-size:1.3rem;   font-weight: 600;  padding-left:10px; margin-right: 10px;}
.s_title::before { content: "\f22d";  color:#F48E00; font-family: "Font Awesome 6 Free";font-size:1.6rem;   font-weight: 600;  padding-left:0px; margin-right: 10px; }

.school_title_box  span,
.school_box  span{display:block; line-height: 200%; font-size:1rem; text-indent:0px}

.school_title_box .bold,
.school_box .bold{display:block; line-height: 200%; font-size:1rem;  font-weight:800; }

.school_title_box .icon::before,
.school_box .icon::before {   content: "·";  color:#C50033; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:0px; margin-right: 4px;}
.school_box .icon2::before {   content: "";  color:#C50033; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:0px; margin-right: 4px;}

/***부설단체****/
.group-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px; border-top:0px solid #FD6F25; }
.group-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px; border-top:0px solid #575757;}
.group-md-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px; border-top:0px solid #FD6F25; }
.group-md-4{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px; border-top:0px solid #575757;}

.group-md-1 img, .group-md-2 img, .group-md-3 img, .group-md-4 img{ object-fit: cover; width: 100%; height:200px; }
.group-md-box { box-shadow:5px 5px rgba(212,212,212,0.1);  width:auto;   padding:10px; border:1px solid #E7E7E7;}

.group_title{ color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }
.group_title::before { content: "\f22d";  color:#B08227; font-family: "Font Awesome 6 Free";font-size:1.6rem;   font-weight: 600;  padding-left:0px; margin-right: 10px; }
.group_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.group_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }

/************개인정보취급 ********************/
.privacy-tab{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 10px 10px 10px;}
.privacy_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:25px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8; line-height: 200%; color:#6F6F6F; font-size:0.9rem;   font-weight: 400;font-family: 'SCoreDream'; } 
.privacy_box span {border-bottom:1px solid #E4E4E4;display:block; padding-bottom:8px; font-size:1.1rem; color:#434343;  font-weight: 600; font-family: 'SCoreDream';  }

/***********일정안내 ********************/
.cal-tab{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 10px 10px 10px;}
.cal-btn {font-size:1.2rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#FF7E00; border:0px solid #FF8400; text-align:center;  padding:10px 30px 10px 30px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.cal-btn0 {font-size:1.2rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#6B6B6B; border:0px solid #FF8400; text-align:center;  padding:10px 30px 10px 30px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.cal_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:30px 10px 20px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cal_box2 { background-color:#FFFFFF; border-top:1px solid #E6E6E6; border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2; border-left:1px solid #F2F2F2;padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cal_box3 { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:10px 10px 10px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cal_line { border-bottom:1px solid #F2F2F2;}
.cal_box3 .icon::before {   content: "\f328";  color:#000000; font-family: "Font Awesome 6 Free";font-size:1rem;   font-weight: 200;  padding-left:0px; margin-right:5px;}
.cal_box3 .icon1::before {   content: "·";  color:#737373; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:0px; margin-right:5px;}
.cal_title{ color:#373737; font-family: 'SCoreDream'; font-size:1.5rem;   font-weight: 600; }
.cal_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.2rem;   font-weight: 600; }
.cal_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }
.cal_title2{display: block; line-height: 200%; color:#373737; font-size:1rem;   font-weight: 400; }
.cal-btn1 {font-size:1rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#878787; border:0px solid #FF8400; text-align:center;  padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.cal-btn2 {font-size:1rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#E1E1E1; border:0px solid #FF8400; text-align:center;  padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
}


@media  (min-width: 768px) and (max-width:1198px){
.sub_tab{width:100%; margin-right:auto;margin-left:auto; z-index:2;  background-color:#FFFFFF; }
.sub_contents{width:100%; margin-right:auto;margin-left:auto;  z-index:2; padding:0px 10px 0px 10px;   }

.sub_title{width:100%; margin-right:auto;margin-left:auto;  z-index:2; padding:150px 0px 0px 10px;   }
.sub_title_text {display: block; font-size:2rem; z-index:2; left:0; right:0;  margin:auto; color:#FFFFFF;letter-spacing: -0.1em;}
.sub_title_text1 {padding-left:5px; font-size:0.8rem; z-index:2; left:0; right:0;  margin:auto; color:rgba(255,255,255,0.7); letter-spacing: -0.01em;}
.sub_title_text::before {  content: '';  display: block;  height: 3px;  width: 50px;   background-color: #FF7E00;   margin: 20px 10px 0px 5px; }

.title_bg1 {background:url('/img/t1.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg2 {background:url('/img/t2.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg3 {background:url('/img/t3.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg4 {background:url('/img/t4.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg5 {background:url('/img/t5.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg6 {background:url('/img/t6.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg7 {background:url('/img/t7.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg8 {background:url('/img/t8.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg9 {background:url('/img/t9.jpg') center 0 no-repeat; background-size: auto 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }

.smenu-tab{width:100%;  padding:0px 0px 0px 0px;  margin-right:auto;margin-left:auto;}

/***인사말****/
.col-sub-con-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 10px; border-bottom:0px solid #E1E1E1;}
.col-sub-con-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 10px; border-bottom:0px solid #E1E1E1;}
.col-sub-con-1-box { box-shadow:0px 0px 10px rgba(0,0,0,0.2);  width:auto;   padding: 30px; border:1px solid #D9D9D9;}

/***역대원장****/
.col-sub-hh-1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 10px; border-bottom:0px solid #E1E1E1; transition:all 0.5s ease;  }
.col-sub-hh-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 10px; border-bottom:0px solid #E1E1E1; transition:all 0.5s ease;  }
.col-sub-hh-3{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 10px; border-bottom:0px solid #E1E1E1; transition:all 0.5s ease;  }
.col-sub-hh-4{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 0px 0px 0px 0px; border-bottom:0px solid #E1E1E1;}
.col-sub-hh-5{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 0px 0px 0px 20px; border-bottom:0px solid #E1E1E1;}
.col-sub-hh-1-box { box-shadow:0px 0px 10px rgba(0,0,0,0.2);  width:auto;   padding: 30px; border:1px solid #D9D9D9;}

.hh_title{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.hh_title1{ color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }

/***오시는길****/
.map-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px; border-top:0px solid #FD6F25; }
.map-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px; border-top:0px solid #575757;}
.map-info { padding: 15px 10px 15px 0px; border-bottom:1px solid #F1F1F1; font-size:1.1rem;}
.map-info span{ padding: 15px 15px 15px 0px;  font-family: 'SCoreDream'; font-size:1.1rem;  font-weight:600; }

/***사업소개****/
.business-md-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 15px 0px 10px 0px; border-top:0px solid #FD6F25; }
.business-md-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 15px 0px 10px 40px; border-top:0px solid #575757;}
.business-md-1 img{ box-shadow:0px 5px 10px rgba(212,212,212,0.4); width:100%; object-fit: cover; width: 100%; height:250px; border:10px solid #ffffff;}
.business-md-box { box-shadow:0px 5px 10px rgba(212,212,212,0.4);  width:auto;   padding:30px; border:1px solid #D9D9D9;}

.bu_title{  color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }
.bu_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.bu_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }

/***대관안내****/
.rent-md-1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 15px 20px 20px 0px; border-top:0px solid #FD6F25; }
.rent-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 15px 0px 20px 20px; border-top:0px solid #575757;}
.rent-md-3{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 15px 0px 10px 0px; border-top:0px solid #FD6F25; }
.rent-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 15px 0px 10px 30px; border-top:0px solid #575757;}
.rent-md-5{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 15px 0px 10px 0px; border-right:1px solid #E7E7E7; text-align:center; }
.rent-md-6{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 15px 0px 10px 60px; border-top:0px solid #575757;}
.rent-md-7{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px; border-top:0px solid #575757;}
.rent-md-3 img{ box-shadow:0px 5px 10px rgba(212,212,212,0.4); width:100%; object-fit: cover; width: 100%; height:250px; border:10px solid #ffffff;}
.rent-md-box { box-shadow:0px 5px 10px rgba(212,212,212,0.4);  width:auto;   padding:30px; border:1px solid #D9D9D9;}

.rent_title{ color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }
/**.rent_title::before { content: "\f22d";  color:#B08227; font-family: "Font Awesome 6 Free";font-size:1.6rem;   font-weight: 600;  padding-left:0px; margin-right: 10px; }**/
.rent_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.rent_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }
.rent-tab{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px;}

/***c_box****/
.c_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

/************삼척의 문화와역사 ********************/
.history-tab5-1{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%; padding: 10px;}

.history-tab5-box{background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:15px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:3px solid #AF8125;} 
.history-tab5-box .icon::before {   content: "·";  color:#C50033; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:10px; margin-right: 10px;}

/************문화학교 ********************/
.school-tab0{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px;}
.school-tab1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px;}
.school-tab2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px;}
.school-gap {padding:20px;}
/***리스트****/
.school-tab2 .line {border-top:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8;}
.school-tab2 .line2 {border-bottom:1px solid #C8C8C8;}
.school-tab2 .list_title {color:#444444; font-family: 'SCoreDream';  font-size:1.2rem;   font-weight: 600;  background-color:#F9F9F9;}
.school-tab-1{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600;}
.school-tab-2{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
.school-tab-3{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
.school-tab-4{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
.school-tab-5{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
/**.school-tab-6{transition:0.5s ease;   -webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF;  border-right:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
**/
.school_title_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:25px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8} 
.school_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:25px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8;} 
.school_list_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:15px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8} 

.s_title{ color:#B90000; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600;  padding-left:10px; margin-right: 10px;}
.s_title::before { content: "\f22d";  color:#F48E00; font-family: "Font Awesome 6 Free";font-size:1.6rem;   font-weight: 600;  padding-left:0px; margin-right: 10px; }

.school_title_box  span,
.school_box  span{display:block; line-height: 200%; font-size:1.1rem; text-indent:10px}
.school_title_box .bold,
.school_box .bold{display:block; line-height: 200%; font-size:1.3rem;  font-weight:800; }
.school_title_box .icon::before,
.school_box .icon::before {   content: "·";  color:#C50033; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:0px; margin-right: 10px;}
.school_box .icon2::before {   content: "";  color:#C50033; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:0px; margin-right: 10px;}

/***부설단체****/
.group-md-1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 20px 10px 0px 0px; border-top:0px solid #FD6F25; }
.group-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 20px 0px 0px 10px; border-top:0px solid #575757;}
.group-md-3{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 20px 10px 0px 10px; border-top:0px solid #FD6F25; }
.group-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 20px 0px 0px 10px; border-top:0px solid #575757;}

.group-md-1 img, .group-md-2 img, .group-md-3 img, .group-md-4 img{ object-fit: cover; width: 100%; height:250px; }
.group-md-box { box-shadow:5px 5px rgba(212,212,212,0.1);  width:auto;   padding:20px; border:1px solid #E7E7E7;}

.group_title{ color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }
.group_title::before { content: "\f22d";  color:#B08227; font-family: "Font Awesome 6 Free";font-size:1.6rem;   font-weight: 600;  padding-left:0px; margin-right: 10px; }
.group_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.group_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }

/************개인정보취급 ********************/
.privacy-tab{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 10px 10px 10px;}
.privacy_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:25px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8; line-height: 200%; color:#6F6F6F; font-size:0.9rem;   font-weight: 400;font-family: 'SCoreDream'; } 
.privacy_box span {border-bottom:1px solid #E4E4E4;display:block; padding-bottom:8px; font-size:1.1rem; color:#434343;  font-weight: 600; font-family: 'SCoreDream';  }

/***********일정안내 ********************/
.cal-tab{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%; padding: 10px 10px 10px 10px;}
.cal-btn {font-size:1.4rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#FF7E00; border:0px solid #FF8400; text-align:center;  padding:10px 40px 10px 40px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.cal-btn0 {font-size:1.4rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#6B6B6B; border:0px solid #FF8400; text-align:center;  padding:10px 40px 10px 40px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.cal_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:30px 20px 20px 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cal_box2 { background-color:#FFFFFF; border-top:1px solid #E6E6E6; border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2; border-left:1px solid #F2F2F2;padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cal_box3 { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:10px 10px 10px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cal_line { border-bottom:1px solid #F2F2F2;}
.cal_box3 .icon::before {   content: "\f328";  color:#000000; font-family: "Font Awesome 6 Free";font-size:1rem;   font-weight: 200;  padding-left:0px; margin-right:5px;}
.cal_box3 .icon1::before {   content: "·";  color:#737373; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:0px; margin-right:5px;}
.cal_title{ color:#373737; font-family: 'SCoreDream'; font-size:1.8rem;   font-weight: 600; }
.cal_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.2rem;   font-weight: 600; }
.cal_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }
.cal_title2{display: block; line-height: 200%; color:#373737; font-size:1rem;   font-weight: 400; }
.cal-btn1 {font-size:1rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#878787; border:0px solid #FF8400; text-align:center;  padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.cal-btn2 {font-size:1rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#E1E1E1; border:0px solid #FF8400; text-align:center;  padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
}


@media (min-width:1198px){
.sub_tab{width:100%; margin-right:auto;margin-left:auto; z-index:2;  background-color:#FFFFFF; }
.sub_contents{width:1500px; margin-right:auto;margin-left:auto;  z-index:2; padding:0px 0px 0px 0px;   }

.sub_title{width:1500px; margin-right:auto;margin-left:auto;  z-index:2; padding:200px 0px 0px 0px;   }
.sub_title_text {display: block; font-size:3rem; z-index:2; left:0; right:0;  margin:auto; color:#FFFFFF;letter-spacing: -0.1em;}
.sub_title_text1 {padding-left:5px; font-size:1rem; z-index:2; left:0; right:0;  margin:auto; color:rgba(255,255,255,0.7); letter-spacing: -0.01em;}
.sub_title_text::before {  content: '';  display: block;  height: 3px;  width: 50px;   background-color: #FF7E00;   margin: 20px 10px 0px 5px; }

.title_bg1 {background:url('/img/t1.jpg') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg2 {background:url('/img/t2.jpg') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg3 {background:url('/img/t3.jpg') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg4 {background:url('/img/t4.jpg') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg5 {background:url('/img/t5.jpg') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg6 {background:url('/img/t6.jpg') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg7 {background:url('/img/t7.jpg') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg8 {background:url('/img/t8.jpg') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }
.title_bg9 {background:url('/img/t9.jpg') center 0 no-repeat; background-size: auto 100%; height:400px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; }


.sub_menu{width:100%; margin-right:auto;margin-left:auto; z-index:2;  background-color:#FFFFFF; height:60px; border-bottom:1px solid #E1E1E1;}
.smenu-tab{width:1500px;  margin-right:auto;margin-left:auto;}
.smenu-tab i{width: 50px; padding:22px 30px 22px 0px;  border-right:1px solid #E1E1E1;}

/***인사말****/
.col-sub-con-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.col-sub-con-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 20px 20px 20px 50px; border-bottom:0px solid #E1E1E1;}
.col-sub-con-1-box { box-shadow:0px 0px 10px rgba(0,0,0,0.2);  width:auto;   padding: 30px; border:1px solid #D9D9D9;}

/***역대원장****/
.col-sub-hh-1{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1; transition:all 0.5s ease;}
.col-sub-hh-2{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 20px 10px 0px 10px; border-bottom:0px solid #E1E1E1; transition:all 0.5s ease;}
.col-sub-hh-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 20px 0px 0px 20px; border-bottom:0px solid #E1E1E1; transition:all 0.5s ease;}
.col-sub-hh-4{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 0px 0px 0px 0px; border-bottom:0px solid #E1E1E1;}
.col-sub-hh-5{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 0px 0px 0px 20px; border-bottom:0px solid #E1E1E1;}
.col-sub-hh-1-box { box-shadow:0px 0px 10px rgba(0,0,0,0.2);  width:auto;   padding: 30px; border:1px solid #D9D9D9;}

.hh_title{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.hh_title1{ color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }

/***오시는길****/
.map-md-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; }
.map-md-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 15px 0px 15px 50px; border-top:0px solid #575757;}
.map-info { padding: 15px 10px 15px 0px; border-bottom:1px solid #F1F1F1; font-size:1.1rem;}
.map-info span{ padding: 15px 15px 15px 0px;  font-family: 'SCoreDream'; font-size:1.1rem;  font-weight:600; }

/***사업소개****/
.business-md-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 15px 0px 10px 0px; border-top:0px solid #FD6F25; }
.business-md-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 15px 0px 10px 40px; border-top:0px solid #575757;}
.business-md-1 img{ box-shadow:0px 5px 10px rgba(212,212,212,0.4); width:100%; object-fit: cover; width: 100%; height:350px; border:10px solid #ffffff;}
.business-md-box { box-shadow:0px 5px 10px rgba(212,212,212,0.4);  width:auto;   padding:30px; border:1px solid #D9D9D9;}

.bu_title{  color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }
.bu_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.bu_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }

/***대관안내****/
.rent-md-1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 15px 20px 20px 0px; border-top:0px solid #FD6F25; }
.rent-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 15px 0px 20px 20px; border-top:0px solid #575757;}
.rent-md-3{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 15px 0px 10px 0px; border-top:0px solid #FD6F25; }
.rent-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 15px 0px 10px 30px; border-top:0px solid #575757;}
.rent-md-5{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 15px 0px 10px 0px; border-right:1px solid #E7E7E7; text-align:center; }
.rent-md-6{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 15px 0px 10px 60px; border-top:0px solid #575757;}
.rent-md-7{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px; border-top:0px solid #575757;}
.rent-md-3 img{ box-shadow:0px 5px 10px rgba(212,212,212,0.4); width:100%; object-fit: cover; width: 100%; height:250px; border:10px solid #ffffff;}
.rent-md-box { box-shadow:0px 5px 10px rgba(212,212,212,0.4);  width:auto;   padding:30px; border:1px solid #D9D9D9;}

.rent_title{ color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }
/**.rent_title::before { content: "\f22d";  color:#B08227; font-family: "Font Awesome 6 Free";font-size:1.6rem;   font-weight: 600;  padding-left:0px; margin-right: 10px; }**/
.rent_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.rent_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }
.rent-tab{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px;}

/***c_box****/
.c_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

/************삼척의 문화와역사 ********************/
.history-tab5-1{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 50px 10px 0px 10px;}
.history-tab5-box{background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:15px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:3px solid #AF8125;} 
.history-tab5-box .icon::before {   content: "·";  color:#C50033; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:10px; margin-right: 10px;}

/************문화학교 ********************/
.school-tab0{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 10px 10px 10px;}
.school-tab1{-webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%; padding: 10px 20px 10px 0px;}
.school-tab2{-webkit-box-flex:0;-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%; padding: 10px 0px 10px 20px;}
.school-tab3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px;}
.school-gap {padding:40px;}
/***리스트****/
.school-tab2 .line,
.school-tab3 .line{border-top:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8;}
.school-tab2 .line2,
.school-tab3 .line2{border-bottom:1px solid #C8C8C8;}
.school-tab2 .list_title,
.school-tab3 .list_title{color:#444444; font-family: 'SCoreDream';  font-size:1.2rem;   font-weight: 600;  background-color:#F9F9F9;}
.school-tab-1{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600;}
.school-tab-2{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
.school-tab-3{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
.school-tab-4{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
.school-tab-5{transition:0.5s ease;  -webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
/**.school-tab-6{transition:0.5s ease;   -webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 20px 5px 20px 5px; border-left:1px solid #EFEFEF;  border-right:1px solid #EFEFEF; text-align:center; font-size:1.1rem;}
**/
.school_title_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:25px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8} 
.school_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:25px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8;} 
.school_list_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:15px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8} 

.s_title{ color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600;  padding-left:10px; margin-right: 10px;}
.s_title::before { content: "\f22d";  color:#B08227; font-family: "Font Awesome 6 Free";font-size:1.6rem;   font-weight: 600;  padding-left:0px; margin-right: 10px; }

.school_title_box  span,
.school_box  span{display:block; line-height: 200%; font-size:1.1rem; text-indent:10px}
.school_title_box .bold,
.school_box .bold{display:block; line-height: 200%; font-size:1.3rem;  font-weight:800; }
.school_title_box .icon::before,
.school_box .icon::before {   content: "·";  color:#C50033; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:0px; margin-right: 10px;}
.school_box .icon2::before {   content: "";  color:#C50033; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:0px; margin-right: 10px;}

/***부설단체****/
.group-md-1{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 0px 20px 0px 0px; border-top:0px solid #FD6F25; }
.group-md-2{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 0px 10px 0px 10px; border-top:0px solid #575757;}
.group-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 0px 10px 0px 10px; border-top:0px solid #FD6F25; }
.group-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 0px 0px 0px 20px; border-top:0px solid #575757;}

.group-md-1 img, .group-md-2 img, .group-md-3 img, .group-md-4 img{ object-fit: cover; width: 100%; height:250px; }
.group-md-box { box-shadow:5px 5px rgba(212,212,212,0.1);  width:auto;   padding:20px; border:1px solid #E7E7E7;}

.group_title{ color:#373737; font-family: 'SCoreDream';  font-size:1.6rem;   font-weight: 600; }
.group_title::before { content: "\f22d";  color:#B08227; font-family: "Font Awesome 6 Free";font-size:1.6rem;   font-weight: 600;  padding-left:0px; margin-right: 10px; }
.group_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.1rem;   font-weight: 600; }
.group_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }

/************개인정보취급 ********************/
.privacy-tab{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 10px 10px 10px;}
.privacy_box {background-color:#FFFFFF;   transition: border-color 0.3s ease; padding:25px; box-shadow:0px 0px 10px rgba(0,0,0,0.05); transition:0.5s ease;  
overflow: hidden; border-radius: 0px 10px 0px 10px; border:1px solid #C8C8C8; line-height: 200%; color:#6F6F6F; font-size:0.9rem;   font-weight: 400;font-family: 'SCoreDream'; } 
.privacy_box span {border-bottom:1px solid #E4E4E4;display:block; padding-bottom:8px; font-size:1.1rem; color:#434343;  font-weight: 600; font-family: 'SCoreDream';  }

/***********일정안내 ********************/
.cal-tab{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%; padding: 10px 10px 10px 10px;}
.cal-btn {font-size:1.4rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#FF7E00; border:0px solid #FF8400; text-align:center;  padding:10px 40px 10px 40px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.cal-btn0 {font-size:1.4rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#6B6B6B; border:0px solid #FF8400; text-align:center;  padding:10px 40px 10px 40px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.cal_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:30px 20px 20px 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cal_box2 { background-color:#FFFFFF; border-top:1px solid #E6E6E6; border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2; border-left:1px solid #F2F2F2;padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cal_box3 { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:10px 10px 10px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cal_line { border-bottom:1px solid #F2F2F2;}
.cal_box3 .icon::before {   content: "\f328";  color:#000000; font-family: "Font Awesome 6 Free";font-size:1rem;   font-weight: 200;  padding-left:0px; margin-right:5px;}
.cal_box3 .icon1::before {   content: "·";  color:#737373; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:0px; margin-right:5px;}
.cal_title{ color:#373737; font-family: 'SCoreDream'; font-size:1.8rem;   font-weight: 600; }
.cal_title0{ color:#373737; font-family: 'SCoreDream';  font-size:1.2rem;   font-weight: 600; }
.cal_title1{display: block; line-height: 200%; color:#373737; font-size:1.1rem;   font-weight: 400; }
.cal_title2{display: block; line-height: 200%; color:#373737; font-size:1rem;   font-weight: 400; }
.cal-btn1 {font-size:1rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#878787; border:0px solid #FF8400; text-align:center;  padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.cal-btn2 {font-size:1rem;  font-weight:500;  font-family: 'SCoreDream'; color:#FFFFFF; background-color:#E1E1E1; border:0px solid #FF8400; text-align:center;  padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
}



.icon::before {   content: "·";  color:#C50033; font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:10px; margin-right: 10px;}
.d_icon::before {   content: "\f019";  font-family: "Font Awesome 6 Free";font-size:1.1rem;   font-weight: 900;  padding-left:0px; margin-right: 10px;}



/******************************************************************하단******************************************************************************************************/
@media (max-width:768px){
#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#FFFFFF; border-top:1px solid #E1E1E1;}
.foot{width:100%;  margin-right:auto;margin-left:auto;}

.col-md-foot-1{-webkit-box-flex:80%;-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.col-md-foot-2{-webkit-box-flex:10%;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.col-md-foot-3{-webkit-box-flex:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px 20px 20px 0px; border-bottom:1px solid #E1E1E1; text-align: center;}
.col-md-foot-4{-webkit-box-flex:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.flogo img {width:200px;}

.foot_ul li{display:inline-block; border-right:1px solid #E1E1E1; padding:0px 5px 0px 5px; width:auto; font-size:0.6rem;  }
.foot_ul li a{color:#3E3E3E;   font-size:0.7rem; padding:0px 5px 0px 0px;} 
.foot_ul li:first-child{border-left:0px solid #f4f4f4; padding:0px 5px 0px 0px;}
.foot_ul li:last-child{border-right:0px solid #f4f4f4;}

.foot_ul2 li{display:inline-block; border-right:0px solid #E1E1E1; padding:10px 20px 0px 0px; width:auto;  }
.foot_ul2 li a{color:#3E3E3E;   font-size:1rem; padding:0px 25px 0px 0px;} 
.foot_ul2 li i{ padding:0px 10px 0px 0px;} 


}
@media  (min-width: 768px) and (max-width:1198px){
#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#FFFFFF; border-top:1px solid #E1E1E1;}
.foot{width:100%;  margin-right:auto;margin-left:auto;}

.col-md-foot-1{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.col-md-foot-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.col-md-foot-3{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.col-md-foot-4{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.flogo img {width:200px;}

.foot_ul li{display:inline-block; border-right:1px solid #E1E1E1; padding:0px 20px 0px 20px; width:auto;  }
.foot_ul li a{color:#3E3E3E;   padding:0px 25px 0px 0px;} 
.foot_ul li:first-child{border-left:0px solid #f4f4f4; }
.foot_ul li:last-child{border-right:0px solid #f4f4f4;}

.foot_ul2 li{display:inline-block; border-right:0px solid #E1E1E1; padding:0px 20px 0px 20px; width:auto;  }
.foot_ul2 li a{color:#3E3E3E;   padding:0px 25px 0px 0px;} 
.foot_ul2 li i{padding:0px 5px 0px 0px;} 
.foot_ul2 li:first-child{border-left:0px solid #f4f4f4; padding:0px 25px 0px 0px;}
.foot_ul2 li:last-child{border-right:0px solid #f4f4f4;}
}

@media (min-width:1198px){
#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#FFFFFF; border-top:1px solid #E1E1E1;}
.foot{width:1300px;  margin-right:auto;margin-left:auto;}

.col-md-foot-1{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.col-md-foot-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.col-md-foot-3{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.col-md-foot-4{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 20px 20px 20px 0px; border-bottom:0px solid #E1E1E1;}
.flogo img {width:200px;}

.foot_ul li{display:inline-block; border-right:1px solid #E1E1E1; padding:0px 20px 0px 20px; width:auto;  }
.foot_ul li a{color:#3E3E3E;   padding:0px 25px 0px 0px;} 
.foot_ul li:first-child{border-left:0px solid #f4f4f4; padding:0px 20px 0px 0px; }
.foot_ul li:last-child{border-right:0px solid #f4f4f4;}

.foot_ul2 li{display:inline-block; border-right:0px solid #E1E1E1; padding:0px 20px 0px 20px; width:auto;  }
.foot_ul2 li a{color:#3E3E3E;   padding:0px 25px 0px 0px;} 
.foot_ul2 li i{padding:0px 5px 0px 0px;} 
.foot_ul2 li:first-child{border-left:0px solid #f4f4f4; padding:0px 25px 0px 0px;}
.foot_ul2 li:last-child{border-right:0px solid #f4f4f4;}
}












/*******************************************************************폰트******************************************************************************************************/

html {
    font-size: 62.5%
}
.f06 {font-size : 0.6rem}
.f07 {font-size : 0.7rem}
.f08 {font-size : 0.8rem}
.f09 {font-size : 0.9rem} 
.f10 {font-size : 1rem} 
.f11 {font-size : 1.1rem} 
.f12 {font-size : 1.2rem} 
.f13 {font-size : 1.3rem} 
.f14 {font-size : 1.4rem} 
.f15 {font-size : 1.5rem} 
.f16 {font-size : 1.6rem} 
.f17 {font-size : 1.7rem} 
.f18 {font-size : 1.8rem} 
.f19 {font-size : 1.9rem} 
.f20 {font-size : 2rem} 
.f21 {font-size : 2.1rem} 
.f22 {font-size : 2.2rem} 
.f23 {font-size : 2.3rem} 
.f24 {font-size : 2.4rem} 
.f25 {font-size : 2.5rem} 
.f26 {font-size : 2.6rem} 
.f27 {font-size : 2.7rem} 
.f28 {font-size : 2.8rem} 
.f29 {font-size : 2.9rem} 
.f30 {font-size : 3.0rem} 

@-webkit-keyframes visual-bg { 0% { background-size: auto 120%; }
	100% { background-size: auto 100%; } }

@keyframes visual-bg { 0% { background-size: auto 120%; }
	100% { background-size: auto 100%; } }




/*******************************************************************버튼******************************************************************************************************/

.gw_btn{ color:#333333;  font-size:1rem; font-weight:400; transition:0.3s ease; text-align:center; width:auto;  padding:15px 40px 15px 40px;  border:1px solid #898989; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.gw_btn:hover{color:#FFFFFF; background-color:#B08127;  cursor:pointer; border:1px solid #B08127; border-radius: 5px;  }

.gw_btn2{ color:#333333;  background-color:#FFFFFF;  font-size:1rem; font-weight:400; transition:0.3s ease; text-align:center; width:auto;  padding:15px 30px 15px 30px;  border:1px solid #ffffff; border-radius: 40px; }
.gw_btn2:hover{color:#FFFFFF; background-color:#FFB400;  cursor:pointer; border:1px solid #FFB400; }

.gw_btn3{ color:#ffffff;  display:inline-block; background-color:#03C75A;  font-size:1.1rem; font-weight:600; transition:0.3s ease; text-align:center; width:auto;  padding:10px 30px 10px 30px;  border:1px solid #03C75A; border-radius: 5px; }
.gw_btn3:hover{color:#FFFFFF; background-color:#3F3F3F;  cursor:pointer; border:1px solid #3F3F3F; }

.gw_btn4{ display:inline-block; color:#3C1E1E;  background-color:#FAE100;  font-size:1.1rem; font-weight:600; transition:0.3s ease; text-align:center; width:auto;  padding:10px 30px 10px 30px;  border:1px solid #FAE100; border-radius: 5px; }
.gw_btn4:hover{color:#FFFFFF; background-color:#3F3F3F;  cursor:pointer; border:1px solid #3F3F3F; }

.gw_btn_top  i{ text-align:center; width:auto; transition:0.5s ease;   }
.gw_btn_top  i:hover{cursor:pointer; transform:translateY(-10px);  color:#FFB400;  }

.gw_btn5{ display:inline-block; color:#3C1E1E;  background-color:#FAE100;  font-size:1rem; font-weight:600; transition:0.3s ease; text-align:center; width:auto;  padding:10px 20px 10px 20px;  border:1px solid #FAE100; border-radius: 40px; }
.gw_btn5:hover{color:#FFFFFF; background-color:#3F3F3F;  cursor:pointer; border:1px solid #3F3F3F; }

.gw_btn5-1{ color:#3C1E1E; background-color:#ffffff;   border:1px solid #C4C4C4;  font-size:1rem; font-weight:600; transition:0.3s ease; text-align:center; width:auto;  padding:10px 20px 10px 20px; border-radius: 40px;  }
.gw_btn5-1:hover{color:#3C1E1E; background-color:#ffffff;   border:1px solid #C4C4C4; }

@media (max-width:768px){
.gw_btn{  display:inline-block;color:#333333;  font-size:1rem; font-weight:400; transition:0.3s ease; text-align:center; width:auto;  padding:10px;  border:1px solid #898989; 
-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;  }
.gw_btn:hover{color:#FFFFFF; background-color:#B08127;  cursor:pointer; border:1px solid #B08127; border-radius: 5px;  }

.gw_btn2{ display:inline-block; color:#333333;  background-color:#FFFFFF;  font-size:1rem; font-weight:400; transition:0.3s ease; text-align:center; width:auto;  padding:15px 30px 15px 30px;  border:1px solid #ffffff; border-radius: 40px; }
.gw_btn2:hover{color:#FFFFFF; background-color:#FFB400;  cursor:pointer; border:1px solid #FFB400; }

.gw_btn3{ display:inline-block; color:#ffffff;  background-color:#03C75A;  font-size:1rem; font-weight:600; transition:0.3s ease; text-align:center; width:auto;  padding:10px 30px 10px 30px;  border:1px solid #03C75A; border-radius: 5px;  }
.gw_btn3:hover{color:#FFFFFF; background-color:#3F3F3F;  cursor:pointer; border:1px solid #3F3F3F; }

.gw_btn4{  display:inline-block;color:#3C1E1E;  background-color:#FAE100;  font-size:1rem; font-weight:600; transition:0.3s ease; text-align:center; width:auto;  padding:10px 30px 10px 30px;  border:1px solid #FAE100; border-radius: 5px; }
.gw_btn4:hover{color:#FFFFFF; background-color:#3F3F3F;  cursor:pointer; border:1px solid #3F3F3F; }

.gw_btn_top  i{ text-align:center; width:auto; transition:0.5s ease;   }
.gw_btn_top  i:hover{cursor:pointer; transform:translateY(-10px);  color:#FFB400;  }

.gw_btn5{ color:#3C1E1E;  background-color:#FAE100;  font-size:1rem; font-weight:600; transition:0.3s ease; text-align:center; width:auto;  padding:10px 20px 10px 20px;  border:1px solid #FAE100; border-radius: 40px; }
.gw_btn5:hover{color:#FFFFFF; background-color:#3F3F3F;  cursor:pointer; border:1px solid #3F3F3F; }

.gw_btn5-1{ color:#3C1E1E; background-color:#ffffff;   border:1px solid #C4C4C4;  font-size:1rem; font-weight:600; transition:0.3s ease; text-align:center; width:auto;  padding:10px 20px 10px 20px; border-radius: 40px;  }
.gw_btn5-1:hover{color:#3C1E1E; background-color:#ffffff;   border:1px solid #C4C4C4; }

}


/*************************** select ********************************************/
.sm_select {text-align:center; width:100%;}
.sm_select select { -webkit-appearance: none;  /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none;  /* 화살표 없애기 */
    width:50%; height: 60px; border:1px solid #CECECE;  padding:0 0 0 20px;   font-size: 1.3rem;  font-weight:800;}
.select_renewal{  background: url('/img/down.png') no-repeat 95% 50%;   border-radius: 6px;}

.tab-contents {text-align:left;  font-family: 'Nanum Gothic', sans-serif; line-height: 180%; line-height:23px; border:1px solid #eee; box-shadow:2px 2px 10px rgba(0,0,0,0.05);  padding:30px; overflow:hidden; height:auto; overflow-y:auto; line-height:23px;}
.tab-contents > p {font-family: 'Nanum Gothic', sans-serif; line-height: 180%;  font-size: 1.5rem;  font-weight:800; padding-bottom:10px;}
.tab-contents > span {font-family: 'Nanum Gothic', sans-serif; line-height: 200%;  font-size: 1.1rem;  font-weight:200; }
.tab-contents  .text {font-family: 'Nanum Gothic', sans-serif; line-height: 200%;  font-size: 1.2rem;  font-weight:600;}
.tab-contents  .text2 {font-family: 'Nanum Gothic', sans-serif; line-height: 200%;  font-size: 1.1rem;  font-weight:200; padding:10px;}
.tab-contents  .text3 {font-family: 'Nanum Gothic', sans-serif; line-height: 200%;  font-size: 1.2rem;  font-weight:600; padding:10px; border-bottom:1px solid #eee; }

@media (max-width:768px){
.sm_select {text-align:center; width:100%;}
.sm_select select { -webkit-appearance: none;  /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none;  /* 화살표 없애기 */
    width:90%; height: 60px; border:1px solid #CECECE;  padding:0 0 0 20px;   font-size: 1.1rem;  font-weight:600;}
.select_renewal{  background: url('/img/down.png') no-repeat 95% 50%;   border-radius: 6px;}

.tab-con {width:100%; margin-right:auto;margin-left:auto; }	
    .tab-contents { box-shadow:2px 2px 10px rgba(0,0,0,0.05); margin-right:auto;margin-left:auto; width:90%; line-height:23px; border:1px solid #eee; font-size: 13px; padding:10px; overflow:hidden; height:300px; overflow-y:auto;}
	.tab-contents td {line-height:23px; font-size: 13px; }
 }



 /*****************************************************************************테이블***********************************************************************************************/
@media (max-width:768px){
/* 기본 */
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:1px solid #AAAAAA}
.tbl-type01 td {padding:15 0 15 0px;word-wrap:break-word}
.tbl-type01 td {border-bottom:1px solid #EEEEEE; background:#fff; padding-left:5px;}
.tbl-type01 td.bg1{background-color:#FBFBFB;}

.tbl-type01-1 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:1px solid #AAAAAA}
.tbl-type01-1 td {padding:15px;word-wrap:break-word}
.tbl-type01-1 td {border-bottom:1px solid #EEEEEE; background:#fff; padding-left:20px;}
.tbl-type01-1 td.bg1{background-color:#FBFBFB;}

.tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:2px solid #895B00}
.tbl-type02 thead {border-top:1px solid #895B00;} 
.tbl-type02 th {border-right:1px solid #D9D9D9; font-size:1rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-left:0px solid #895B00; border-bottom:1px solid #D9D9D9; padding:10px 5px 10px 5px; background:#ffffff;}
.tbl-type02 th:last-child {font-size:1rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-right:0px solid #895B00; padding:10px 5px 10px 5px; word-wrap:break-word; background:#ffffff;}
.tbl-type02 td {line-height: 180%; font-size:0.8rem; font-weight:400;  font-family: 'SCoreDream'; padding:10px 5px 10px 5px; word-wrap:break-word;}
.tbl-type02 td p{ font-size:0.8rem; font-weight:600;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type02 td span{display:block; font-size:0.8rem; font-weight:400;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type02 tr .bold {font-size:0.8rem; font-weight:600;  font-family: 'SCoreDream'; }
.tbl-type02 tbody .bg {background:#F7F6F2; }
.tbl-type02 td {border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9;  border-left:0px solid #D9D9D9;  background:#fff; }
.tbl-type02 td:last-child {border-bottom:1px solid #D9D9D9; border-right:0px solid #D9D9D9;  border-left:0px solid #D9D9D9;  background:#fff; }

.tbl-type03 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:2px solid #895B00}
.tbl-type03 thead {border-top:1px solid #895B00;} 
.tbl-type03 th {font-size:1rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-left:0px solid #895B00; border-bottom:1px solid #D9D9D9; padding:10px 5px 10px 5px; background:#ffffff;}
.tbl-type03 th:last-child {font-size:1rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-right:0px solid #895B00; padding:10px 5px 10px 5px; word-wrap:break-word; background:#ffffff;}
.tbl-type03 td {line-height: 180%; font-size:0.8rem; font-weight:400;  font-family: 'SCoreDream'; padding:10px 5px 10px 5px; word-wrap:break-word;}
.tbl-type03 td p{ font-size:0.8rem; font-weight:600;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type03 td span{display:block; font-size:0.8rem; font-weight:400;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type03 tr .bold {font-size:0.8rem; font-weight:600;  font-family: 'SCoreDream'; }
.tbl-type03 tbody .bg {background:#F7F6F2; }
.tbl-type03 td {border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9;  border-left:0px solid #D9D9D9;  background:#fff; }
.tbl-type03 td:last-child {border-bottom:1px solid #D9D9D9; border-right:0px solid #D9D9D9;  border-left:0px solid #D9D9D9;  }

.tbl-type04 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-top:1px solid #895B00}
.tbl-type04 thead {border-top:1px solid #895B00;} 
.tbl-type04 th {font-size:1.1rem; font-weight:400; color:#FFFFFF; font-family: 'SCoreDream'; border-left:1px solid #895B00; border-right:1px solid #ffffff; border-bottom:0px solid #895B00; padding:10px; word-wrap:break-word; background:#895B00;text-align:center; }
.tbl-type04 th:last-child {font-size:1.3rem; font-weight:400; color:#FFFFFF; font-family: 'SCoreDream'; border-right:1px solid #895B00; padding:10px; word-wrap:break-word; background:#895B00;}

.tbl-type04 td {line-height: 180%; padding:10px; word-wrap:break-word;}
.tbl-type04 td span{font-size:0.8rem; font-weight:400; word-wrap:break-word;}
.tbl-type04 td .bold {font-size:1rem; font-weight:600;  font-family: 'SCoreDream'; }

.tbl-type04 td {border-bottom:1px solid #F2F2F2; border-left:1px solid #F2F2F2;  }
.tbl-type04 td:last-child {border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2;  border-left:1px solid #F2F2F2;  }

.tbl-type05 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-top:1px solid #895B00}
.tbl-type05 thead {border-top:1px solid #895B00;} 
.tbl-type05 th {font-size:1rem; font-weight:400; color:#FFFFFF; font-family: 'Nanum Gothic', sans-serif; border-left:1px solid #895B00; border-right:1px solid #ffffff; border-bottom:0px solid #895B00; padding:5px; word-wrap:break-word; background:#895B00;text-align:center; }
.tbl-type05 th:last-child {font-size:1rem; font-weight:400; color:#FFFFFF;font-family: 'Nanum Gothic', sans-serif; border-right:1px solid #895B00; padding:5px; word-wrap:break-word; background:#895B00;}
.tbl-type05 td {font-size:0.8rem; line-height: 180%; padding:5px; word-wrap:break-word;font-family: 'Nanum Gothic', sans-serif;}
.tbl-type05 td {border-bottom:1px solid #F2F2F2; border-left:1px solid #F2F2F2;  }
.tbl-type05 td:last-child {border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2;  border-left:1px solid #F2F2F2;  }
}

@media  (min-width: 768px) and (max-width:1198px){
/* 기본 */
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:1px solid #AAAAAA}
.tbl-type01 td {padding:30px;word-wrap:break-word}
.tbl-type01 td {border-bottom:1px solid #EEEEEE; background:#fff; padding-left:20px;}
.tbl-type01 td.bg1{background-color:#FBFBFB;}

.tbl-type01-1 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:1px solid #AAAAAA}
.tbl-type01-1 td {padding:15px;word-wrap:break-word}
.tbl-type01-1 td {border-bottom:1px solid #EEEEEE; background:#fff; padding-left:20px;}
.tbl-type01-1 td.bg1{background-color:#FBFBFB;}

.tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:2px solid #895B00}
.tbl-type02 thead {border-top:1px solid #895B00;} 
.tbl-type02 th {border-right:1px solid #D9D9D9; font-size:1.3rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-left:0px solid #895B00; border-bottom:1px solid #D9D9D9; padding:25px; word-wrap:break-word; background:#ffffff;}
.tbl-type02 th:last-child {font-size:1.3rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-right:0px solid #895B00; padding:25px; word-wrap:break-word; background:#ffffff;}
.tbl-type02 td {line-height: 180%; font-size:1.1rem; font-weight:400;  font-family: 'SCoreDream'; padding:25px; word-wrap:break-word;}
.tbl-type02 td p{ font-size:1.1rem; font-weight:600;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type02 td span{display:block; font-size:1rem; font-weight:400;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type02 tr .bold {font-size:1.3rem; font-weight:600;  font-family: 'SCoreDream'; }
.tbl-type02 tbody .bg {background:#F7F6F2; }
.tbl-type02 td {border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9;  border-left:0px solid #D9D9D9;  background:#fff; }
.tbl-type02 td:last-child {border-bottom:1px solid #D9D9D9; border-right:0px solid #D9D9D9;  border-left:0px solid #D9D9D9;  background:#fff;}

.tbl-type03 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:2px solid #895B00}
.tbl-type03 thead {border-top:1px solid #895B00;} 
.tbl-type03 th {font-size:1.3rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-left:0px solid #895B00; border-bottom:1px solid #D9D9D9; padding:25px; word-wrap:break-word; background:#ffffff;}
.tbl-type03 th:last-child {font-size:1.3rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-right:0px solid #895B00; padding:25px; word-wrap:break-word; background:#ffffff;}
.tbl-type03 td {line-height: 180%; font-size:1.1rem; font-weight:400;  font-family: 'SCoreDream'; padding:25px; word-wrap:break-word;}
.tbl-type03 td p{ font-size:1.1rem; font-weight:600;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type03 td span{display:block; font-size:1rem; font-weight:400;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type03 tr .bold {font-size:1.3rem; font-weight:600;  font-family: 'SCoreDream'; }
.tbl-type03 tbody .bg {background:#F7F6F2; }
.tbl-type03 td {border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9;  border-left:0px solid #D9D9D9;  background:#fff; }
.tbl-type03 td:last-child {border-bottom:1px solid #D9D9D9; border-right:0px solid #D9D9D9;  border-left:0px solid #D9D9D9;}

.tbl-type04 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-top:1px solid #895B00}
.tbl-type04 thead {border-top:1px solid #895B00;} 
.tbl-type04 th {font-size:1.1rem; font-weight:400; color:#FFFFFF; font-family: 'SCoreDream'; border-left:1px solid #895B00; border-right:1px solid #ffffff; border-bottom:0px solid #895B00; padding:25px; word-wrap:break-word; background:#895B00;text-align:center; }
.tbl-type04 th:last-child {font-size:1.3rem; font-weight:400; color:#FFFFFF; font-family: 'SCoreDream'; border-right:1px solid #895B00; padding:25px; word-wrap:break-word; background:#895B00;}

.tbl-type04 td {line-height: 180%; padding:15px 5px 15px 15px; word-wrap:break-word;}
.tbl-type04 td span{font-size:0.8rem; font-weight:400; word-wrap:break-word;}
.tbl-type04 td .bold {font-size:1rem; font-weight:600;  font-family: 'SCoreDream'; }

.tbl-type04 td {border-bottom:1px solid #F2F2F2; border-left:1px solid #F2F2F2;  }
.tbl-type04 td:last-child {border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2;  border-left:1px solid #F2F2F2;  }

.tbl-type05 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-top:1px solid #895B00}
.tbl-type05 thead {border-top:1px solid #895B00;} 
.tbl-type05 th {font-size:1rem; font-weight:400; color:#FFFFFF; font-family: 'Nanum Gothic', sans-serif; border-left:1px solid #895B00; border-right:1px solid #ffffff; border-bottom:0px solid #895B00; padding:5px; word-wrap:break-word; background:#895B00;text-align:center; }
.tbl-type05 th:last-child {font-size:1rem; font-weight:400; color:#FFFFFF;font-family: 'Nanum Gothic', sans-serif; border-right:1px solid #895B00; padding:5px; word-wrap:break-word; background:#895B00;}
.tbl-type05 td {font-size:0.8rem; line-height: 180%; padding:10px 5px 10px 5px; word-wrap:break-word;font-family: 'Nanum Gothic', sans-serif;}
.tbl-type05 td {border-bottom:1px solid #F2F2F2; border-left:1px solid #F2F2F2;  }
.tbl-type05 td:last-child {border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2;  border-left:1px solid #F2F2F2;  }
}

@media (min-width:1198px){
/********table**************/
/* 기본 */
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:1px solid #AAAAAA}
.tbl-type01 td {padding:30px;word-wrap:break-word}
.tbl-type01 td {border-bottom:1px solid #EEEEEE; background:#fff; padding-left:20px;}
.tbl-type01 td.bg1{background-color:#FBFBFB;}

.tbl-type01-1 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:1px solid #AAAAAA}
.tbl-type01-1 td {padding:15px;word-wrap:break-word}
.tbl-type01-1 td {border-bottom:1px solid #EEEEEE; background:#fff; padding-left:20px;}
.tbl-type01-1 td.bg1{background-color:#FBFBFB;}

.tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:2px solid #895B00}
.tbl-type02 thead {border-top:1px solid #895B00;}
.tbl-type02 th {border-right:1px solid #D9D9D9; font-size:1.3rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-left:0px solid #895B00; border-bottom:1px solid #D9D9D9; padding:25px; word-wrap:break-word; background:#ffffff;}
.tbl-type02 th:last-child {font-size:1.3rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-right:0px solid #895B00; padding:25px; word-wrap:break-word; background:#ffffff;}
.tbl-type02 td {line-height: 180%; font-size:1.1rem; font-weight:400;  font-family: 'SCoreDream'; padding:15px 5px 15px 5px; word-wrap:break-word;}
.tbl-type02 td p{display:block;  font-size:1.1rem; font-weight:600;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type02 td span{font-size:1rem; font-weight:400;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type02 tr .bold {font-size:1.3rem; font-weight:600;  font-family: 'SCoreDream'; }
.tbl-type02 tbody .bg {background:#F7F6F2; }
.tbl-type02 td {border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9;  border-left:0px solid #D9D9D9;  background:#fff;}
.tbl-type02 td:last-child {border-bottom:1px solid #D9D9D9; border-right:0px solid #D9D9D9;  border-left:0px solid #D9D9D9;  }

.tbl-type03 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:2px solid #895B00}
.tbl-type03 thead {border-top:1px solid #895B00;} 
.tbl-type03 th {font-size:1.3rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-left:0px solid #895B00; border-bottom:1px solid #D9D9D9; padding:25px; word-wrap:break-word; background:#ffffff;}
.tbl-type03 th:last-child {font-size:1.3rem; font-weight:600; color:#B08227; font-family: 'SCoreDream'; border-right:0px solid #895B00; padding:25px; word-wrap:break-word; background:#ffffff;}
.tbl-type03 td {line-height: 180%; font-size:1.1rem; font-weight:400;  font-family: 'SCoreDream'; padding:15px 5px 15px 5px; word-wrap:break-word;}
.tbl-type03 td p{display:block;  font-size:1.1rem; font-weight:600;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type03 td span{font-size:1rem; font-weight:400;  font-family: 'SCoreDream'; word-wrap:break-word;}
.tbl-type03 tr .bold {font-size:1.3rem; font-weight:600;  font-family: 'SCoreDream'; }
.tbl-type03 tbody .bg {background:#F7F6F2; }
.tbl-type03 td {border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9;  border-left:0px solid #D9D9D9;  background:#fff;}
.tbl-type03 td:last-child {border-bottom:1px solid #D9D9D9; border-right:0px solid #D9D9D9;  border-left:0px solid #D9D9D9;  }

.tbl-type04 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-top:1px solid #895B00}
.tbl-type04 thead {border-top:1px solid #895B00;} 
.tbl-type04 th {font-size:1.1rem; font-weight:400; color:#FFFFFF; font-family: 'SCoreDream'; border-left:1px solid #895B00; border-right:1px solid #ffffff; border-bottom:0px solid #895B00; padding:25px; word-wrap:break-word; background:#895B00;text-align:center; }
.tbl-type04 th:last-child {font-size:1.3rem; font-weight:400; color:#FFFFFF; font-family: 'SCoreDream'; border-right:1px solid #895B00; padding:25px; word-wrap:break-word; background:#895B00;}

.tbl-type04 td {line-height: 180%; padding:15px 5px 15px 15px; word-wrap:break-word;}
.tbl-type04 td span{font-size:0.9rem; font-weight:400; word-wrap:break-word;}
.tbl-type04 td .bold {font-size:1rem; font-weight:600;  font-family: 'SCoreDream'; }

.tbl-type04 td {border-bottom:1px solid #F2F2F2; border-left:1px solid #F2F2F2;  }
.tbl-type04 td:last-child {border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2;  border-left:1px solid #F2F2F2;  }


.tbl-type05 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-top:1px solid #895B00}
.tbl-type05 thead {border-top:1px solid #895B00;} 
.tbl-type05 th {font-size:1rem; font-weight:400; color:#FFFFFF; font-family: 'Nanum Gothic', sans-serif; border-left:1px solid #895B00; border-right:1px solid #ffffff; border-bottom:0px solid #895B00; padding:5px; word-wrap:break-word; background:#895B00;text-align:center; }
.tbl-type05 th:last-child {font-size:1rem; font-weight:400; color:#FFFFFF;font-family: 'Nanum Gothic', sans-serif; border-right:1px solid #895B00; padding:5px; word-wrap:break-word; background:#895B00;}
.tbl-type05 td {font-size:0.8rem; line-height: 180%; padding:10px 5px 10px 5px; word-wrap:break-word;font-family: 'Nanum Gothic', sans-serif;}
.tbl-type05 td {border-bottom:1px solid #F2F2F2; border-left:1px solid #F2F2F2;  }
.tbl-type05 td:last-child {border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2;  border-left:1px solid #F2F2F2;  }
}



@media (max-width:768px){
.img_file {width:100%;}
}

@media  (min-width: 768px) and (max-width:1198px){
.img_file {width:100%; }
}

@media (min-width:1198px){
.img_file {min-width:830px;}
}


/**********************pop****************/

@media (max-width:768px){
.main_notice_pop {position:relative; width:70%; position:absolute; box-shadow:2px 2px 5px rgba(0,0,0,0.1); border:1px solid #000000;}
.main_pop1{ background:#ffffff; color:#000000; position:absolute; top:10%; left:0%; display:none; z-index:99;}

.main_notice_pop img{width:100%;}
.main_notice_pop span{font-size:0.8rem; padding:10px 10px 10px 20px; }
.main_notice_pop .btn {margin:0px 5px 5px 0px; background:#000000; font-size:0.9rem; color:#FFFFFF; position:relative; padding:5px;  float:right;}
}

@media  (min-width: 768px) and (max-width:1198px){
.main_notice_pop {box-shadow:2px 2px 5px rgba(0,0,0,0.1); border:1px solid #000000;}
.main_pop1{background:#ffffff; color:#000000;  position:absolute; left:0px;   top:190px; display:none; z-index:99;}

.main_notice_pop img{}
.main_notice_pop span{font-size:0.8rem; padding:10px 10px 10px 20px; }
.main_notice_pop .btn {margin:0px 5px 5px 0px; background:#000000; font-size:0.9rem; color:#FFFFFF; position:relative; padding:5px;  float:right;}
}

@media (min-width:1198px){
.main_notice_pop {box-shadow:2px 2px 5px rgba(0,0,0,0.1); border:1px solid #000000;}
.main_pop1{background:#ffffff; color:#000000;  position:absolute; left:50px;   top:150px; display:none; z-index:99;}

.main_notice_pop img{}
.main_notice_pop span{font-size:0.8rem; padding:10px 10px 10px 20px; }
.main_notice_pop .btn {margin:0px 5px 5px 0px; background:#000000; font-size:0.9rem; color:#FFFFFF; position:relative; padding:5px;  float:right;}
}