.container.gnu {font-size:15px;max-width:1200px}
@media all and (max-width:1024px){
	.container.gnu{font-size:12px}
}


.h2_tit{text-align:center}
.h2_tit .tit{font-size:2.4rem;;font-family: 'yg-jalnan', sans-serif;color:var(--main-color)}
.h2_tit .desc{font-size:1.25rem;color:#666;text-align:center}

.h3_tit{text-align:center;margin:4rem 0}
.h3_tit .tit{font-size:2rem;;font-family: 'yg-jalnan', sans-serif;color:var(--main-color-light)}   
.h3_tit .desc{font-size:1.25rem;color:#666;text-align:center;width:90%;margin:1rem auto}
.h3_tit .desc:after{content:'';display:block;width:2px;height:3rem;background:var(--point-color);margin:1rem auto}

.h4_tit{font-size:1.5rem;margin:4rem 0 2rem}


.s_tit{margin:3rem 0 1rem}	
.s_tit .tit{display:inline-block;background:var(--main-color-light);line-height:2.5rem;border-radius:2rem;font-size:1.13rem;padding:0 2rem;color:#fff;font-weight:400;}
.s_tit .tit.-bg2{background:#52cdd8}

.s_list{margin:1rem 0;line-height:2}
.s_list.-w50{width:50%}
.s_list li{padding-left:12px;text-indent:-12px}
.s_list li:before{content:'';display:inline-block;position:relative;top:-2px;width:5px;height:5px;background:var(--main-color-light);border-radius:5px;margin-right:8px;}

.s_img{display:flex;gap:10px;flex-wrap:wrap;margin:2rem 0}
.s_img li{flex:1 1 200px;}
.s_img li img{width:100%;object-fit: cover;aspect-ratio:1.6/1}


@media all and (max-width:640px){
	.h3_tit{margin:2.5rem 0}
}


.visual_sec{position:relative;display:flex;justify-content:center;align-items:center; height:25rem;padding:1px 0;background:url('../images/sub/s_visual.png') no-repeat center /cover;overflow:hidden}
/*.visual_sec:before{content:'';position:absolute;z-index:0;left:0;height:100%;width:min(1100px,100%);background:url('../images/sub/visual_bg.png') no-repeat right 100% ;}*/
/*.visual_sec:after{content:'';position:absolute;z-index:0;right:0;height:100%;width:35vw;background:url('../images/sub/visual1_bg.jpg') no-repeat center /cover;;border-radius:80%  0% 0% 20%;transform:scale(1.1);transition:0.3s}*/
.visual_sec .h2_tit{position:relative;z-index:1}
.visual_sec .h2_tit .desc{display:none}
@media all and (max-width:1024px){
	.visual_sec{height:16rem;background-position:80% center}
}
/*
.visual_sec.s01:after{background-image: url('../images/sub/visual1_bg.jpg')}
.visual_sec.s02:after{background-image: url('../images/sub/visual2_bg.jpg')}
.visual_sec.s03:after{background-image: url('../images/sub/visual3_bg.jpg')}
.visual_sec.s04:after{background-image: url('../images/sub/visual4_bg.jpg')}
.visual_sec.s05:after{background-image: url('../images/sub/visual5_bg.jpg')}
*/



.menu_sec{border-top:1px solid #555;border-bottom:1px solid #555}
.menu_sec dl{display:flex;justify-content:center}
.menu_sec dd a{display:block;position:relative;font-size:1.13rem;line-height:4rem;padding:0 1.5rem;white-space:nowrap}
.menu_sec dd.on,
.menu_sec dd a:hover{background:var(--main-color-light);color:#fff;}
@media all and (max-width:1024px){
	.menu_sec .container{width:100%}
	.menu_sec dl{flex-wrap:wrap;gap:0;text-align:center;}
	.menu_sec dd{flex:1 1 160px;background:#fff;outline:1px solid #ddd}
	.menu_sec dd a{font-size:1rem;line-height:3rem;padding:0 5px}
}


.contents{max-width:1200px;padding:2rem 0 5rem}
.contents .p{margin:2rem 0;line-height:2;color:#555}


.s0101_sec1{display:flex;}
.s0101_sec1 .photo{width:20rem;text-align:center}
.s0101_sec1 .photo .thumb{max-width:222px;margin:0 auto}
.s0101_sec1 .photo .tit{font-size:14px;margin:1rem 0}
.s0101_sec1 .photo .name{font-size:2rem;letter-spacing: 1rem;font-family:serif}
.s0101_sec1 .cont{flex:1;border-left:1px solid #eee;padding:0 4rem}
.s0101_sec1 .cont .first_line{font-size:1.25rem}
@media all and (max-width:960px){
	.s0101_sec1{display:block}	
	.s0101_sec1 .photo{margin:0 auto 5rem}
	.s0101_sec1 .cont{border:0;padding:0 1rem}
}



.s0103_sec1 .history li{display:flex;border-bottom:1px solid #ddd;padding:20px 0}    
.s0103_sec1 .history .year{font-size:1.88rem;font-weight:600;width:10rem;color:var(--main-color-light)}
.s0103_sec1 .history  dl{flex:1;display:flex;flex-wrap:wrap;}
.s0103_sec1 .history  dt{width:5rem;margin:5px 0;font-size:1.25rem;font-weight:400;color:var(--main-color-light);transform:translateY(-4px)}
.s0103_sec1 .history  dd{width:calc(100% - 5rem);margin:5px 0;color:#333}
.s0103_sec1 .history .etc{border:0}
.s0103_sec1 .history .etc .year span{display:block;width:4.5rem;text-align:center}
.s0103_sec1 .history .etc dt{width:9rem}
.s0103_sec1 .history .etc dd{width:calc(100% - 9rem)}
@media all and (max-width:960px){
	.s0103_sec1 .history{padding:0 2rem}	
}
@media all and (max-width:640px){
	.s0103_sec1 .history li{display:block}
	.s0103_sec1 .history .year{width:auto;text-align:center;margin-bottom:1rem}
	.s0103_sec1 .history  dt{width:3rem;}
	.s0103_sec1 .history  dd{width:calc(100% - 3rem);}
	.s0103_sec1 .history .etc .year span{display:inline;margin:0 5px}
	.s0103_sec1 .history .etc dt{width:7rem}
	.s0103_sec1 .history .etc dd{width:calc(100% - 7rem)}
}



.s0104_sec1 .list_con{display:flex;gap:1.5rem;flex-wrap:wrap;max-width:800px;margin:1rem auto}
.s0104_sec1 .list_con li{width:calc((100% - 1.5rem * 2)/3);}
.s0104_sec1 .list_con li .thumb{border:1px solid #ddd}
.s0104_sec1 .list_con li .tit{text-align:center;margin:1rem 0}

@media all and (max-width:640px){
	.s0104_sec1 .list_con{display:flex;gap:1rem;}
	.s0104_sec1 .list_con li{width:calc((100% - 1rem * 1)/2)}
}





/*빌더에서 복사*/
.hf-card{background:#fff;    
	border:1px solid rgba(0,0,0,.08);    
	border-radius:18px;    
	padding:26px;margin:2rem 0  }

  .hf-card-head{ display:flex; align-items:flex-start; gap:10px; margin-bottom:14px; }
  .hf-badge{    display:inline-flex; align-items:center; justify-content:center;    padding:7px 12px;    border-radius:999px;    font-size:12px; font-weight:800;    background:rgba(0,0,0,.06);
    white-space:nowrap;
  }
  .hf-card-title{ margin:0; font-size:20px;line-height:1.3; }


  /* 설립목적 본문 */
  .hf-desc{ margin:0;line-height:1.9; opacity:.9; }
  .hf-highlights{ margin-top:16px; display:flex; flex-wrap:wrap; gap:8px; }
  .hf-highlights span{
    padding:8px 10px; border-radius:12px;
    background:rgba(0,0,0,.05);
    font-size:13px; font-weight:700; opacity:.92;
  }


  /* 시설현황 DL */
  .hf-dl{ margin:6px 0 0; }
  .hf-row{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:14px;
    padding:12px 0;
    border-bottom:1px dashed rgba(0,0,0,.12);
  }


  .hf-note{ margin-top:14px; font-size:0.88rem;color:#666}
/*빌더복사끝*/

.table_wrap{overflow:auto}
.s_table{width:100%;border-collapse: collapse}
.s_table th,
.s_table td{border:1px solid #eee;padding:1rem 1rem}
.s_table th{background:#f5f6f8;padding:0.5rem 1rem;font-weight:400}
.s_table.th_center th{text-align:center}
.s_table.td_center td{text-align:center}

.table_tit{display:flex;justify-content:space-between;align-items:baseline; font-size:1.25rem;;padding:1rem 2rem}
.table_tit .date{font-size:0.88rem;opacity:0.8}
.table_tit.-blue{background:var(--main-color);color:#fff;border-radius:1rem 1rem 0 0}
.table_tit.-red{background:var(--point-color);color:#fff;border-radius:1rem 1rem 0 0}



.s0106_sec1 iframe{width:100% !important}
.s0106_sec1 .info_con {display:flex;align-items:center;margin:2rem 0}
.s0106_sec1 .info_con .logo{flex:1;text-align:center}
.s0106_sec1 .info_con .logo img{width:300px}
.s0106_sec1 .info_con .info{flex:1}
.s0106_sec1 .info_con .info li{display:flex;border-bottom:1px solid #eee;padding:2rem 10px;color:#555}
.s0106_sec1 .info_con .info li b{width:7rem;;color:#000}
@media all and (max-width:860px){
	.s0106_sec1 .info_con .logo{display:none}
	.s0106_sec1 .info_con{display:block;width:90%;margin:2rem auto}
}
			
				
.s0109_sec1{background:url('/images/sub/s0109_img2.png') no-repeat right 0}

				
.s0201_sec1{display:flex;gap:8rem;margin:8rem 0}
.s0201_sec1 .thumb_con{flex:1}
.s0201_sec1 .thumb_con .thumb{background:#f5f5f5;;padding:1rem;text-align:center}
.s0201_sec1 .info_con{flex:1;}
.s0201_sec1 .info_con .tit{font-size:2.5rem;font-weight:200;margin:1rem 0}
.s0201_sec1 .info_con p{}
.s0201_sec1 .info_con .list{margin:1rem 0}
.s0201_sec1 .info_con .list li{margin: 5px 0;    padding-left: 10px;    text-indent: -10px;}
.s0201_sec1 .info_con .list li:before{content: '';    display: inline-block;    width: 6px;    height: 6px;    background:var(--main-color-light);    border-radius: 50%;    vertical-align: middle;    margin-right: 10px;}
.s0201_sec1 .info_con .more{display:inline-block;line-height:3rem;padding:0 3.5rem 0 2rem;;color:#fff;border-radius:5px;background:url('../images/btn_icon1.png') no-repeat calc(100% - 20px) /20px var(--point-color)}

.s0201_sec1:nth-child(2n) .thumb_con{order:1}
.s0201_sec1:nth-child(2n) .info_con{order:0}
@media all and (max-width:1024px){
	.s0201_sec1{display:block;margin:6rem 0}
	.s0201_sec1 .thumb_con .thumb{width:100%;margin:0 auto 5rem}
}


/*제품*/
.prd_sec{margin:2rem 0 8rem}
.prd_sec .head_con{margin:2rem 0}
.prd_sec .head_con .tit{font-size:1.7rem}
.prd_sec .head_con .tit b{display:inline-block;width:40px;line-height:40px;text-align:center;background:var(--main-color-light);color:#fff;margin-right:0.63rem}
.prd_sec .head_con .info{font-size:1.25rem;color:#555;margin:0.63rem 0}

.prd_sec .list{display:flex;;flex-wrap:wrap}
.prd_sec .list.grid2{gap:4rem;justify-content:center;flex-wrap:nowrap}
.prd_sec .list.grid3{gap:4rem;}
.prd_sec .list.grid4{gap:2rem;}

.prd_sec .list.grid3 li{width:calc((100% - 4rem*2)/3)}
.prd_sec .list.grid4 li{width:calc((100% - 2rem*3)/4)}
.prd_sec .list.-nobg .thumb{background:none;aspect-ratio:unset}
.prd_sec .list li .thumb{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;background:#f5f5f5}
.prd_sec .list li .thumb img{max-height:100%}
.prd_sec .list li .name{font-size:1.25rem;text-align:center;padding:0.63rem 0}

@media all and (max-width:1024px){
	.prd_sec .list.grid2,
	.prd_sec .list.grid3,
	.prd_sec .list.grid4{gap:2rem;}
	.prd_sec .list.grid3 li,
	.prd_sec .list.grid4 li{width:calc((100% - 2rem*2)/3)}
}
@media all and (max-width:640px){
	.prd_sec .list.grid2,
	.prd_sec .list.grid3,
	.prd_sec .list.grid4{gap:1rem;}
	.prd_sec .list.grid3 li,
	.prd_sec .list.grid4 li{width:calc((100% - 1rem*1)/2)}
}


.s0401_sec1{background:url('../images/sub/s0401_bg2.png') no-repeat right bottom}


.s0207_sec1{max-width:860px;margin:2rem auto}
.s0207_sec1 .thumb_con{display:flex;gap:10px;}
.s0207_sec1 .thumb_con .thumb{flex:1}
.s0207_sec1 .thumb_con .thumb img{width:100%}

.s0207_sec1 .thumb_name{display:flex;gap:10px;background:#f5f5f5;line-height:40px;;font-size:1rem;text-align:center;margin:10px 0}
.s0207_sec1 .thumb_name span{flex:1}