@charset "utf-8";

/* =========================== SNB */
#sh_snb{display:inline-block;position:relative;z-index:10;padding:0 40px;text-align:center;box-shadow:0px 2px 12px rgba(0,0,0,.1);background-color:#fff}
#sh_snb li{display:inline-block;position:relative;height:55px;padding:0 35px;font-size:17px;line-height:55px}
#sh_snb li:first-child:before{display:none}
#sh_snb li a{position:relative;font-weight:500}
#sh_snb li.l_menu_ON a{color:#6ab521}

/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#greeting .tit_area{padding:0 0 40px 5%;font-size:34px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area p{}
#greeting .tit_area h2{font-weight:600;color:#6ab521}
#greeting .tit_area h2 span{font-weight:600;color:#222}
#greeting .tit_area .txt_p {font-size:18px;margin-top:5px;font-weight:400;}
#greeting .img{height:320px;;background:url(/img/sub/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .img_pb{height:1200px;background:url(/img/sub/projectb_img.jpg) center no-repeat;background-size:cover}
#greeting .img_sf{height:4100px;background:url(/img/sub/shinsegae_img.jpg) center no-repeat;background-size:cover}
#greeting .img_eng{height:300px;background:url(/img/sub/eng_img.jpg) center no-repeat;background-size:cover}
#greeting .img_cd{height:320px;background:url(/img/sub/coding_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 5%}
#greeting .cont h2{font-size:18px}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:10px;font-size:17px}

/*  */
#greeting .history {
      --main-green: #2e8b57;
      --light-green: #eaf5ec;
      --text-dark: #333;
      --text-light: #777;
      --bg-white: #fff;
	  padding:40px 0 0 5%;
    }
    
#greeting .history h2 {
      color: var(--main-green);
	  display: inline-block;
      border-bottom: 2px solid var(--main-green);
      padding-bottom: 5px;
      margin-bottom: 20px;
      font-size: 20px;
	  color:#222;
	  width: 80px;	  
    }

#greeting .history h3 {
      color: var(--main-green);
	  display: inline-block;
      border-bottom: 2px solid var(--main-green);
      padding-bottom: 5px;
      margin-bottom: 20px;
      font-size: 20px;
	  color:#222;
	  width: 220px;	  
    }
	
#greeting .history h4 {
      color: var(--main-green);
	  display: inline-block;
      border-bottom: 2px solid var(--main-green);
      padding-bottom: 5px;
      margin-bottom: 20px;
      font-size: 20px;
	  color:#222;
	  width: 160px;	  
    }	
	
#greeting .history h5 {
      color: var(--main-green);
	  display: inline-block;
      border-bottom: 2px solid var(--main-green);
      padding-bottom: 5px;
      margin-bottom: 20px;
      font-size: 20px;
	  color:#222;
	  width: 120px;	  
    }		
	
#greeting .history p {font-weight:500;color:#222}

#greeting .history-item {
      margin-bottom: 20px;
    }

#greeting .history-year {
      font-weight: bold;
      color:#6ab521;
    }

#greeting .description {
      color: var(--text-light);
      margin-top: 5px;
    }
	
#greeting .history-sign{margin-top:30px;font-size:17px;font-weight:500;color:#222}	

/* 동영상 */
.video-container {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 비율 */
      height: 0;
      overflow: hidden;
      max-width: 100%;
      background: #000;
	  margin: 10px auto;
    }

    .video-container video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
	  object-fit: cover; /* 영상 꽉 채우기 */
    }

/* -------- 리스트 시작 [s] */
#sh_bo_gall{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666;font-family:'notokr-regular'}

/* 게시판 분류 type1 */
#bo_cate_ul_box{margin-bottom:30px;padding-left:1px}
#bo_cate_ul_box:after{display:block;content:"";visibility:hidden;clear:both}
#bo_cate_ul_box li{float:left;min-width:20%;text-align:center}
#bo_cate_ul_box li a{display:block;height:47px;margin:-1px 0 0 -1px;padding:0 15px;border:1px solid #e1e1e1;font-size:15px;line-height:47px;color:#999;background-color:#f6f6f6}
#bo_cate_ul_box li a:hover{background-color:#fbfbfb}
#bo_cate_ul_box #bo_cate_on{border-top:2px solid #222;color:#222;line-height:45px;background-color:#fff;font-family:'notokr-medium'}

/* 게시판 분류 type2 */
#bo_cate_ul_line{margin-bottom:25px;text-align:center}
#bo_cate_ul_line:after{display:block;content:"";visibility:hidden;clear:both}
#bo_cate_ul_line li{display:inline-block;vertical-align:top;margin:0 15px}
#bo_cate_ul_line li a{display:block;padding:2px 3px;font-size:17px;color:#999}
#bo_cate_ul_line #bo_cate_on{border-bottom:2px solid #222;color:#222;font-family:'notokr-medium'}

@media(max-width:1024px){
#greeting{padding:20px;font-size:14px;line-height:1.6}
#greeting .tit_area{padding:0;font-size:28px;line-height:1.4;color:#222;word-break:keep-all}
#greeting .img{height:200px;margin:15px 0}
#greeting .img_pb{height:1232px;margin:15px 0}
#greeting .img_sf{height:4135px;margin:15px 0}
#greeting .img_cd{height:200px;margin:15px 0}
#greeting .cont{padding:0}
#greeting .cont .sign{margin-top:20px}
#greeting .cont .sign span{margin-left:0;font-size:15px}
#greeting .history {padding:0}
#greeting .history-sign{font-size:15px}	
}
@media(max-width:768px){
#greeting .cont .pl{white-space:normal}
}
@media(max-width:480px){
#greeting{padding:15px 12px}	
#greeting .tit_area{font-size:20px}
#greeting .tit_area .txt_p {font-size:13px}
#greeting .img_pb{height:400px;margin:15px 0;background:url(/img/sub/projectb_img_m.jpg) center no-repeat;background-size:cover}
#greeting .img_sf{height:1400px;margin:15px 0;background:url(/img/sub/shinsegae_img_m.jpg) center no-repeat;background-size:cover}
#greeting .img_eng{height:120px;margin:15px 0;background:url(/img/sub/eng_img_m.jpg) center no-repeat;background-size:cover}
#greeting .img_cd{height:200px;margin:15px 0;background:url(/img/sub/coding_img_m.jpg) center no-repeat;background-size:cover}
#greeting .history h2 {font-size:15px;width:60px;}
#greeting .history h3 {font-size:15px;width:160px;}
#greeting .history h4 {font-size:15px;width:120px;}
#greeting .history h5 {font-size:15px;width:90px;}