/*  영역  */	
body { font-size:16px; font-family:'Noto Sans KR', dotum, sans-serif; font-weight:400; letter-spacing:-0.03em; }
input, button, select {margin:0; padding:0; font-family:'Noto Sans KR', dotum, sans-serif; font-size:16px}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;font-size:15px}
select {margin:0}

*{ margin:0; padding:0;  }

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 길이 자르기 */
.ellips_ { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/*  전체 영역  */	
#wrap { width:100%; min-width:1300px; height:auto !important; height:100%; min-height:100%; overflow-y:hidden; font-family:'Noto Sans KR'; letter-spacing:-0.03em;}

/* 모바일 */
@media only screen and (max-width:1024px){
	#wrap { width:100%; min-width:100%; }
}

/* TM */
.tm_container { position:relative; z-index:99; width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; background:#D70B19; color:#fff;overflow-y:hidden; overflow-x:hidden;}
.tm_wrap { display:inline-block; width:1300px; margin:0 auto;}
.tm_newsticker { float:left; width:60%; text-align:left; left:0;}
.tm_newsticker img { position: absolute; margin-top:11px;}

.tm_menu { float:right; z-index:1;width:40%;text-align:center; right:0;}
.tm { float:right; position: relative; text-align:right; width:250px; right:97px; }
.tm a { font-size: 14px;color:#fff; font-family:'arial'; text-decoration:none;}
.tm_adm { width:70px; position: absolute;  z-index:9; top:5px;right:170px;}
.tm_line { display:inline-block; position:relative; width:1px; background:#fff; line-height:10px; margin:0 10px; }

.custom-select-wrapper { float:right; position: relative; width: 115px; top:-2px; right:-260px;}
.custom-select {width: 100%;padding: 5px 20px 5px 10px; border:1px #D70B19 solid; background:#D70B19; font-size: 14px;color:#fff; font-family:'arial'; 
  appearance: none; /* 기본 화살표 제거 */
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border-color 0.3s;
  cursor: pointer;
}
.custom-select:focus {border-color: #ddd;outline: none;}
.custom-select-wrapper::after {content: "⌵";position: absolute;top: 50%;right: 20px;transform: translateY(-50%);font-size: 14px;font-weight:600;pointer-events: none;}

.main_top_wrap { display:none; } 

/* 모바일 */
@media only screen and (max-width:1040px){
	.tm { display:none; }
	.contents_wrapper { display:block; width:100%; height:100%; margin:0 auto; margin-top:-40px; position:relative; }
	.main_top_wrap { display:block; position:relative; height:60px; margin:0 auto; }
	.main_top_wrap .main_top { position:relative; z-index:991; height:60px; border-bottom:1px #ddd solid;}
	.main_top_wrap .main_top .tel { left:0; top:2px; width:60px; height:auto; position:absolute; z-index:1; cursor:pointer; }
	.main_top_wrap .main_top .logo_mobile { display:block; position:absolute; top:12px; width:100%; text-align:center; }
	.main_top_wrap .main_top .navBtn { right:0; top:2px; width:60px; height:auto; position:absolute; cursor:pointer; }

	.disabeldBox { top:0; left:0; bottom:0; width:100%; height:100%; background:#222; position:absolute; z-index:992; }

	.navbar { position:fixed; width:100%; height:60px; margin:0 auto; z-index:992; top:0; background:#FFF; }
	.navbar.sticked { width:100%; transition: all 0.3s ease; }
	.sticked .navbar{ margin-top:0px; }
	.navbar {  }
	.navbar.sticked { top:0px; transition: all 0.3s ease;  }
}

/* GNB */
#gnb { display:block; position:relative; z-index:999; width:100%; height:100px; text-align:center; top:0px; } 
.gnb_stripe { position:relative; z-index:9; }

#gnb_nav { width:100%; min-width:1300px; height:100%; margin:0 auto; position:relative; background:#fff; } 
#gnb_nav_wrapper { margin:0 auto; text-align:center; width:1300px; height:100px; position:relative; top:36px; left:280px; ;/* 마우스 오버 영역 */}
#gnb_nav_wrapper .logo { float:left; width:110px; top:-16px; left:-280px; position:absolute; z-index:94;  }
#gnb_nav_wrapper .logo img { width:110px; }
#gnb_nav_wrapper div.default ul{  margin:0;padding:0; }
#gnb_nav_wrapper div.default ul li { overflow:hidden; list-style:none; float:left; height:30px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:30px;  font-family:'Noto Sans Kr'; color:#222; font-size:20px; font-weight:500; letter-spacing:-0.05em; text-align:center; }
#gnb_nav_wrapper div.default ul li a { color:#222; }
#gnb_nav_wrapper div.default ul li .square { width:100%; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; position:absolute; }
#gnb_nav_wrapper div.default ul li .over { top:30px; width:100%; position:absolute; background:#fff; color:#D70B19; }		

#gnb_nav_wrapper div.over ul{ top:0px; left:0px; margin:0; padding:0; position:absolute; }
#gnb_nav_wrapper div.over ul li { list-style:none; float:left; height:100px; cursor:pointer; position:relative; /* 마우스 오버 영역 */}
	
#snb_nav_mask { top:0px; width:100%; height:0; margin:0 auto; overflow:hidden; position:relative; background:#fff; opacity:1; border-bottom:1px #ddd solid; background-image: url('../images/bg_gnb.jpg'); background-position:top;} 

#snb_nav_wrapper { top:0px; left:280px; width:1300px; height:250px; position:relative; margin:0 auto; padding-top:15px; }
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; height:250px; background:#fff; position:relative; }
#snb_nav_square .menu ul { padding:0; }
#snb_nav_square .menu ul li { top:0px; text-align:center; list-style:none; height:27px;  line-height:27px; font-family:'Noto Sans Kr';  font-size:16px; font-weight:400; background:#fff; color:#444;  letter-spacing:-0.04em; cursor:pointer; position:relative; }
					
#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; float:left; width:180px; height:250px; position:relative; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; float:left; width:180px; height:27px; background:#fff; cursor:pointer; position:relative; }
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; height:250px; position:relative; margin-top:0px;  }

.lineBottom { top:100px; left:0; width:100%; height:1px; background:#EE7317; opacity:0; filter:alpha(opacity=0); position:absolute; }		

@media only screen and (max-width:1040px){
	#gnb { display:none; } 
}

/* 검색 */
#hd_sch { display:inline-block; width:300px; height:38px; line-height:38px; border:0px #ccc solid; margin:-7px 160px 0 0; background:#EBEBEB; border-radius:19px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_str { padding-left:20px; line-height:38px; background:none; width:240px; border:none; float:left; font-size:16px; }
#hd_sch #sch_submit { margin-right:16px; border:0; background:none; color:#999; width:20px;line-height:38px; float:right;cursor:pointer; font-size:20px}	

#hd_sch input[type=text]:focus {
border: 0px !important;
outline: none;
}

/*  메인영상  */    
.video_wrap { display:inline-block; width:100%; height:0; padding-bottom: 56.25%; /* 16:9 비율을 유지하기 위해 */ position:relative;  margin-top:0px;  overflow:hidden; }
.video { display:inline-block; position:absolute; z-index:1;  width:100%; height:100%; margin:0 auto; left:0; right:0; top:0; bottom:0; }
.video_bg { display:none;  width:100%; height:100%; position:absolute; z-index:1; background-image: url('../images/MainVisual2025/bg_mv.png'); background-position:top; }
.video_txt { display:none;  width:100%; text-align:center; position:absolute; z-index:2; top:27%; }
.video_txt > p:nth-child(1) {  font-family:'Noto Sans Kr'; color:#fff; font-weight:500; font-size:40px;  letter-spacing:-0.07em; }
.video_txt > p:nth-child(2) {  font-family:'Noto Sans Kr'; color:#fff; font-weight:600; font-size:70px; line-height:100px; letter-spacing:-0.07em; }
.video_txt > p:nth-child(3) {  font-family:'Noto Sans Kr'; color:#fff; font-weight:400; font-size:30px; letter-spacing:-0.07em; }

@media only screen and (max-width:1930px){
	.video_wrap { margin-top:-80px; }
	.video { width:100%; }
}
@media only screen and (max-width:1460px){
	.video_wrap { margin-top:0px; }
}
@media only screen and (max-width:1040px){
	.video_wrap { margin-top:0px; }
}
@media only screen and (max-width:794px){
	/*.video_wrap { display:inline-block; width:100%; height:430px; padding-bottom: 56.25%; }*/
	.video_wrap { display:inline-block; width:100%; margin-top:80px;}
}
@media only screen and (max-width:512px){
	.video_wrap { display:inline-block; width:100%; height:200px; margin-top:0px;}
}




/* 기업소개 */
.sec1_container { display:inline-block; width:100%; margin-top:100px; position:relative; text-align:center;  color:#000; font-family:'Noto Sans KR';}
.sec1_wrap { display:flex; flex-wrap: wrap; justify-content: center; width:1300px; margin:0 auto; text-align:center; position:relative; }
.sec1_wrap .box { width:460px; text-align:left; }
.sec1_wrap .box > p:nth-child(1) { font-family:'arial'; font-size:27px; font-weight:bold; }
.sec1_wrap .box > p:nth-child(2) { padding-top:20px; font-size:23px; font-weight:300; line-height:35px; letter-spacing:-0.05em; }
.sec1_wrap .box > p:nth-child(3) a { margin-top:40px; display:inline-block; text-align:center; width:180px; height:46px; line-height:46px; font-size:20px; color:#fff; font-weight:500; letter-spacing:-0.05em; border:1px #D70B19 solid; border-radius:6px; background:#D70B19; transition: all 0.3s ease;}
.sec1_wrap .box > p:nth-child(3) a:hover {color:#D70B19; background:#fff;text-decoration:none; transition: all 0.3s ease;}
.sec1_wrap .box1 { width:840px; text-align:right; }
.sec1_wrap .box1 img { float:left; margin-left:20px; }
.br_off { display:block; }

/* 모바일 */
@media only screen and (max-width:1040px){
	.sec1_container { margin-top:0px; }
	.sec1_wrap { width:96%; margin:0 auto; }
	.sec1_wrap .box { width:38%; text-align:left; }
	.sec1_wrap .box > p:nth-child(1) { font-family:'arial'; font-size:24px; font-weight:bold; }
	.sec1_wrap .box > p:nth-child(2) { padding-top:20px; font-size:18px; line-height:28px; }
	.sec1_wrap .box > p:nth-child(3) a { margin-top:20px; width:140px; height:40px; line-height:40px; font-size:18px; border-radius:6px;}
	.sec1_wrap .box1 { width:62%; text-align:right; }
	.sec1_wrap .box1 img { float:left; width:48%; margin:0 0 0 10px; }
}
@media only screen and (max-width:794px){
	.sec1_container { margin-top:0px; }
	.sec1_wrap { width:96%; margin:0 auto; }
	.sec1_wrap .box { width:100%; text-align:center; }
	.sec1_wrap .box > p:nth-child(1) { font-family:'arial'; font-size:24px; font-weight:bold; }
	.sec1_wrap .box > p:nth-child(2) { padding-top:20px; font-size:18px; line-height:28px; }
	.sec1_wrap .box > p:nth-child(3) a { margin-top:20px; width:140px; height:40px; line-height:38px; font-size:18px; border-radius:6px;}
	.sec1_wrap .box1 { width:100%; text-align:center; }
	.sec1_wrap .box1 img { float:none; margin:0 auto; width:46%; margin:30px 5px 0 5px; }
}
@media only screen and (max-width:512px){
	.sec1_container { margin-top:-30px; }
	.sec1_wrap .box > p:nth-child(2) { padding-top:20px; font-size:18px; font-weight:400;line-height:28px; }
	.sec1_wrap .box1 { width:100%; text-align:center; padding-top:30px; }
	.sec1_wrap .box1 img { float:none; width:96%; margin:0 auto; margin-bottom:5px; }
	.br_off { display:none; }
}
@media only screen and (max-width:440px){
	.sec1_container { margin-top:0px; top:-100px;}
}


/* 제품소개 */
.sec2_container { display:inline-block; width:100%; position:relative; text-align:center; margin-top:90px; font-family:'Noto Sans KR'; background:#eee; }
.sec2_tit { display:inline-block; width:1300px; margin:0 auto; margin-top:80px; position:relative; }
.sec2_tit > p:nth-child(1) { float:left; text-align:left; width:500px; font-size:49px; font-family:'arial'; font-weight:normal }
.sec2_tit > p:nth-child(2) { float:left; text-align:left; font-size:23px; font-weight:300;letter-spacing:-0.04em; }
.sec2_wrap { display:inline-block; width:1300px; margin:0 auto; margin-top:70px; text-align:center; position:relative; }

/* 모바일 */
@media only screen and (max-width:1040px){
	.sec2_container { width:100%; margin-top:50px; padding:0 0 60px 0;}
	.sec2_tit { width:100%; margin-top:60px; position:relative; }
	.sec2_tit > p:nth-child(1) { width:100%;float:center; text-align:center;  font-size:35px;  }
	.sec2_tit > p:nth-child(2) { width:100%;padding-top:15px; float:center; text-align:center; font-size:18px;}
	.sec2_wrap { width:100%; margin-top:50px; }
}
@media only screen and (max-width:794px){
	.sec2_container { width:100%; margin-top:0px; padding:0 0 60px 0;}
	.sec2_tit { width:100%; margin-top:60px; position:relative; }
	.sec2_tit > p:nth-child(1) { width:100%;float:center; text-align:center;  font-size:25px;  }
	.sec2_tit > p:nth-child(2) { width:100%;padding-top:15px; float:center; text-align:center; font-size:16px;}
	.sec2_wrap { width:100%; margin-top:50px; }
}
@media only screen and (max-width:512px){
	.sec2_container { width:100%; margin-top:50px; padding:0 0 30px 0;}
	.sec2_tit { margin-top:50px; }
	.sec2_tit > p:nth-child(1) { line-height:50px; }
	.sec2_tit > p:nth-child(2) { width:100%; padding:15px 20px 0 20px; float:none; text-align:center; font-size:16px;font-weight:400; }
	.sec2_wrap { width:100%; margin-top:30px; }
}
@media only screen and (max-width:440px){
	.sec2_container { width:100%; margin-top:-40px; padding:0 0 30px 0;}
}



/* 새로운 제품 */
.sec3_container { display:inline-block; width:100%; position:relative; text-align:center; margin-top:90px; font-family:'Noto Sans KR'; }
.sec3_container > p:nth-child(1) { font-size:40px; font-family:'arial'; font-weight:normal }
.sec3_wrap { display:inline-block; width:1400px; margin-top:50px; text-align:center; position:relative; }

/* 모바일 */
@media only screen and (max-width:1040px){
	.sec3_container { margin-top:70px; }
	.sec3_container > p:nth-child(1) { font-size:30px; }
	.sec3_wrap { width:100%; margin-top:50px; }
}
@media only screen and (max-width:794px){
	.sec3_container { margin-top:60px; }
	.sec3_container > p:nth-child(1) { font-size:25px; }
	.sec3_wrap { width:100%; margin-top:40px; }
}


/* 바로가기 */
.sec4_container { display:inline-block; width:100%; position:relative; text-align:center; padding:70px 0 110px 0;  }
.sec4_wrap { display:inline-block; width:1300px; margin-top:30px; text-align:center; position:relative; cursor:pointer; }
.sec4_wrap .box_layer { position:absolute; width:315; top:0; text-align:left; padding:30px 0 0 30px; font-size:18px; font-weight:300; line-height:24px; letter-spacing:-0.04em;}
.sec4_wrap .box_layer strong { font-size:26px;  font-weight:600;  line-height:60px; }
.sec4_wrap .box1 { float:left; width:325px; height:620px; overflow:hidden; color:#fff; background-image: url('../images/sec4_img1.jpg'); }
.sec4_wrap .box1 img { opacity:1; transition: all 0.5s ease;} 
.sec4_wrap .box1:hover img { opacity:1; transform: scale(1.15);  transition: all 0.5s ease;} 
.sec4_wrap .box2 { float:left; width:325px; height:620px; overflow:hidden; color:#fff; background-image: url('../images/sec4_img2.jpg'); }
.sec4_wrap .box2 img { opacity:1; transition: all 0.5s ease;} 
.sec4_wrap .box2:hover img { opacity:1; transform: scale(1.15);  transition: all 0.5s ease;} 
.sec4_wrap .box3 { float:left; width:325px; height:620px; overflow:hidden; color:#000; background-image: url('../images/sec4_img3.jpg'); }
.sec4_wrap .box3 img { opacity:1; transition: all 0.5s ease;} 
.sec4_wrap .box3:hover img { opacity:1; transform: scale(1.15);  transition: all 0.5s ease;} 
.sec4_wrap .box4 { float:left; width:325px; height:620px; overflow:hidden; color:#fff; background-image: url('../images/sec4_img4.jpg'); }
.sec4_wrap .box4 img { opacity:1; transition: all 0.5s ease;} 
.sec4_wrap .box4:hover img { opacity:1; transform: scale(1.15); transition: all 0.5s ease;} 

/* 모바일 */
@media only screen and (max-width:1040px){
	.sec4_container { padding:40px 0 70px 0;  }
	.sec4_wrap { width:94%; }
	.sec4_wrap .box_layer { width:100%; padding:30px 0 0 20px; font-size:15px; line-height:21px; }
	.sec4_wrap .box_layer strong { font-size:20px; line-height:40px; }
	.sec4_wrap .box1 { width:25%; height:400px; }
	.sec4_wrap .box2 { width:25%; height:400px; }
	.sec4_wrap .box3 { width:25%; height:400px;  }
	.sec4_wrap .box4 { width:25%; height:400px; }
}
@media only screen and (max-width:794px){
	.sec4_container { padding:40px 0 70px 0;  }
	.sec4_wrap { width:94%; }
	.sec4_wrap .box_layer { width:100%; padding:30px 0 0 20px; font-size:15px; line-height:21px; }
	.sec4_wrap .box_layer strong { font-size:20px; line-height:40px; }
	.sec4_wrap .box1 { width:50%; height:350px; }
	.sec4_wrap .box2 { width:50%; height:350px; }
	.sec4_wrap .box3 { width:50%; height:350px;  }
	.sec4_wrap .box4 { width:50%; height:350px; }
}
@media only screen and (max-width:512px){
	.sec4_container { margin-top:30px; }
	.sec4_wrap .box_layer { padding:20px 15px 0 15px; font-weight:400; line-height:19px;  }
	.sec4_wrap .box1 { width:50%; height:300px; }
	.sec4_wrap .box2 { width:50%; height:300px; }
	.sec4_wrap .box3 { width:50%; height:300px;  }
	.sec4_wrap .box4 { width:50%; height:300px; }
	.br_off { display:none; }
}


/* 테크놀러지 */
.sec5_container { display:inline-block; width:100%; height:620px; position:relative; text-align:center; margin-top:0px; font-family:'Noto Sans KR'; }
.sec5_container > p:nth-child(1) { font-size:40px; font-family:'arial'; font-weight:normal }
.sec5_container > p:nth-child(2) { padding-top:15px; font-size:25px; font-weight:300; letter-spacing:-0.04em; }
.sec5_wrap { display:inline-block; width:1260px; margin:0 auto; margin-top:60px; text-align:center; position:relative; }
.sec5_wrap img { width:70%; }
.sec5_wrap .box { width:100%; margin:0 auto;font-size:15px; font-weight:300;line-height:22px; }
.sec5_wrap .box li { float:left; width:16.66%;text-align:center; }
.sec5_wrap .box li img { margin:0 0 10px 0; }
.sec5_wrap .box1 { width:100%; margin:0 auto; font-size:15px; font-weight:300;line-height:22px; }
.sec5_wrap .box1 li { float:left; width:14.22%;text-align:center; }
.sec5_wrap .box1 li img { margin:30px 0 10px 0; }

.multiple-items { width:100%; text-align:center; }
.multiple-items div { text-align:center; font-size:13px; font-weight:400;line-height:18px;}
.multiple-items div img { margin:0 auto; margin-bottom:15px; }

@media only screen and (max-width:1040px){
	.sec5_container { width:96%; height:100%; padding:0 0 50px 0;}
	.sec5_container > p:nth-child(1) { font-size:30px; }
	.sec5_container > p:nth-child(2) { padding-top:10px; font-size:18px; }
	.sec5_wrap { width:100%; margin-top:50px; }
	.sec5_wrap .box li { float:left; width:20%;text-align:center; vertical-align:top;}
	.sec5_wrap .box li img { margin:0 0 10px 0; }
	.sec5_wrap .box1 li { float:left; width:20%;text-align:center; }
	.sec5_wrap .box1 li img { margin:30px 0 10px 0; }
}
@media only screen and (max-width:794px){
	.sec5_container > p:nth-child(1) { font-size:25px; }
	.sec5_container > p:nth-child(2) { padding-top:10px; font-size:17px; }
	.sec5_wrap { width:100%; margin-top:50px; }
	.sec5_wrap .box li { display:inline-block;float:left; width:20%;text-align:center; }
	.sec5_wrap .box li img { margin:0 0 10px 0; }
	.sec5_wrap .box1 { font-size:14px; line-height:18px; }
	.sec5_wrap .box1 li { display:inline-block;float:left; width:20%;text-align:center; }
	.sec5_wrap .box1 li img { margin:30px 0 10px 0; }
}
@media only screen and (max-width:512px){
	.sec5_container > p:nth-child(2) { padding:10px 20px 0 20px; font-size:17px; font-weight:400;}
	.sec5_wrap { width:100%; margin-top:40px; }
	.sec5_wrap .box li { display:inline-block;float:left; width:33.332%;text-align:center; }
	.sec5_wrap .box li img { margin:0 0 10px 0; }
	.sec5_wrap .box1 { font-size:14px; line-height:18px; }
	.sec5_wrap .box1 li { display:inline-block;float:left; width:33.332%;text-align:center; }
	.sec5_wrap .box1 li img { margin:30px 0 10px 0; }
}


/* 서브 비쥬얼 */
#visual_sub { display:inline-block; position:relative; z-index:1; width:100%; margin-top:0px; }
.visual_sub_wrap{	position:relative; height:100%; overflow:hidden; }

/* 모바일 */
@media only screen and (max-width:1024px){
	#visual_sub { margin-top:-20px; }
}


/* 서브 주메뉴 */
#snb_container { display:inline-block; position:relative; z-index:2; width:100%; min-height:80px; top:50px; text-align:center; }
.snb_wrap { width:1300px; margin:0 auto; text-align:center; }

/* 모바일 */
@media only screen and (max-width:1024px){
	#snb_container { width:100%; left:0; min-height:80px;top:30px; }
	.snb_wrap { width:100%; }
}


/* 서브 타이틀 */
.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:70px; }
.snb_tit .bo_tit { display:inline-block; width:100%; font-family:'Noto Sans KR'; font-size:35px; font-weight:500;line-height:60px;  letter-spacing:-0.06em; }
.snb_tit .bo_line { display:inline-block; width:70px; height:1px; margin:0 auto; background:#444; } 

/* 모바일 */
@media only screen and (max-width:1024px){
	.snb_tit { margin-top:30px; }
	.snb_tit .bo_tit { font-size:25px; line-height:40px;  }
	.snb_tit .bo_line { width:50px; height:1px; } 
}


/* 분류 */
.cateBtn { width:1300px; margin:0 auto; text-align:center; margin-top:50px;}
.cateBtn .nav { width:100%; position:relative; margin:0 auto; }
.cateBtn .nav ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans KR';  font-size:17px; letter-spacing:-0.02em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; width:15%; height:45px; line-height:45px; background:#F1F3F5; border-radius:20px 0 20px 0;color:#000; margin:0 3px; text-align:center; cursor:pointer; }
.cateBtn .nav li span {  display:block; height:45px; background:#10308D; color:#fff; text-align:center; cursor:pointer; border-radius:20px 0 20px 0;}

/* 모바일 */
@media only screen and (max-width:1024px){
	.cateBtn { width:100%; margin-top:20px;}
	.cateBtn .nav ul { width:100%; margin:0; padding:0; font-size:15px; }
	.cateBtn .nav li { width:31%; height:40px; line-height:42px; border-radius:15px 0 15px 0; margin:1px; }
	.cateBtn .nav li span { height:40px; border-radius:15px 0 15px 0; }

	.cateBtn-m { display:block; width:96%; margin:0 auto; text-align:center; margin-top:0px;}
	.cateBtn-m .nav-m { width:100%; position:relative; z-index:5;margin:0 auto; }
	.cateBtn-m .nav-m ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans KR';  font-size:16px; letter-spacing:-0.03em;}
	.cateBtn-m .nav-m li { list-style:none; display:inline-block; position:relative; padding:0 15px;height:36px; line-height:36px; background:#F1F3F5; border-radius:15px 0 15px 0;color:#000; margin:0 1px 2px 1px; text-align:center; cursor:pointer; }
	.cateBtn-m .nav-m li span {  display:block; height:36px;  padding:0 15px; margin-left:-15px; margin-right:-15px; background:#10308D; color:#fff; text-align:center; cursor:pointer; border-radius:15px 0 15px 0;}

	.snbBtn1 { width:94%; position:relative; margin:0 auto; margin-top:-10px; }
	.snbBtn1 .nav-m { position:relative; width:100%; margin:0 auto; text-align:center; }
	.snbBtn1 .nav-m ul { display:inline-block; width:100%; text-align:center;font-family:'Noto Sans KR'; font-size:15px; font-weight:500; letter-spacing:-0.04em;}
	.snbBtn1 .nav-m li { display:inline-block; position:relative; padding:0 15px; height:40px; line-height:40px; margin:0 1px 2px 1px; border-radius:15px 0 15px 0; background:#F1F3F5; color:#000; text-align:center; }
	.snbBtn1 .nav-m li span {  display:inline-block; padding:0 15px; margin-left:-15px; margin-right:-15px; height:40px; background:#D70B19; color:#fff; text-align:center; border-radius:15px 0 15px 0;}

	.snbBtn2 { width:94%; position:relative; margin:0 auto; margin-top:-10px; margin-bottom:20px;}
	.snbBtn2 .nav-m { position:relative; width:100%; margin:0 auto; text-align:center; }
	.snbBtn2 .nav-m ul { display:inline-block; width:100%; text-align:center;font-family:'Noto Sans KR'; font-size:15px; font-weight:500; letter-spacing:-0.04em;}
	.snbBtn2 .nav-m li { display:inline-block; position:relative; padding:0 15px; height:40px; line-height:40px; margin:0 1px 2px 1px; border-radius:15px 0 15px 0; background:#F1F3F5; color:#000; text-align:center; }
	.snbBtn2 .nav-m li span {  display:inline-block; padding:0 15px; margin-left:-15px; margin-right:-15px; height:40px; background:#D70B19; color:#fff; text-align:center; border-radius:15px 0 15px 0;}

	.snbBtn3 { width:94%; position:relative; margin:0 auto; margin-top:-10px; margin-bottom:20px;}
	.snbBtn3 .nav-m { position:relative; width:100%; margin:0 auto; text-align:center; }
	.snbBtn3 .nav-m ul { display:inline-block; width:100%; text-align:center;font-family:'Noto Sans KR'; font-size:15px; font-weight:500; letter-spacing:-0.04em;}
	.snbBtn3 .nav-m li { display:inline-block; position:relative; padding:0 15px; height:40px; line-height:40px; margin:0 1px 2px 1px;border-radius:15px 0 15px 0; background:#F1F3F5; color:#000; text-align:center; }
	.snbBtn3 .nav-m li span {  display:inline-block; padding:0 15px; margin-left:-15px; margin-right:-15px; height:40px; background:#D70B19; color:#fff; text-align:center; border-radius:15px 0 15px 0;}
}


/*  서브 내용 부  */
#container_wrap{ display:inline-block; position:relative; z-index:1; width:100%; text-align:center; }
.board { display:block; position:relative; top:0; text-align:center; }
.board .bo_board { width:1300px; min-height:700px; padding:70px 0 70px 0; text-align:left; margin:0 auto; height:auto !important; } 
.board .bo_content { width:100%; min-height:700px; padding:70px 0 70px 0; text-align:left; margin:0 auto; height:auto !important; } 

/* 모바일 */
@media only screen and (max-width:1024px){
	.board .bo_board { width:94%; min-height:450px; padding:50px 0 40px 0; } 
}
@media only screen and (max-width:794px){
	.board .bo_board { width:94%; min-height:450px; padding:20px 0 40px 0; } 
}


/* COPYRIGHT */
#foot { display:inline-block; position:relative; width:100%; padding:0 0 60px 0; text-align:center; background:#2F2F2F; }
.copyright { width:1300px; margin:0 auto; text-align:left; color:#bbb; font-family:'Noto Sans KR'; font-size:15px; letter-spacing:0em; }
.menu_ { display:inline-block; width:100%; margin:0 auto; font-family:'Noto Sans Kr'; font-size:16px;line-height:60px; }
.add_ { width:100%; padding-top:40px; color:#bbb;  line-height:26px; }
.add_ h2 { font-size:25px; color:#bbb;  line-height:60px; border-bottom:1px #888 solid; }
.add_ .color_ { color:#e765cf; font-family:'Noto Sans KR';}
.add_ img { width:180px; margin:0 0 20px 0; }
.sns_ { float:right; margin-top:-145px; }
.sns_ img { position:relative; z-index:3; margin-left:6px; }
.sns_img { height:35px; }
.tail_line { display:inline-block; position:relative; width:1px; background:#aaa; line-height:12px; margin:0 10px 0 14px; }
.tail_off { display:none; }

/* 모바일 */
@media only screen and (max-width:1024px){
	#foot { display:inline-block;  width:100%; padding:0 0 40px 0; }
	.copyright { width:100%; text-align:center; color:#aaa; font-family:'Noto Sans KR'; font-size:14px; letter-spacing:-0.04em; }
	.add_ { display:inline-block; width:100%; padding-top:30px; color:#aaa; line-height:24px;}
	.add_ img { width:170px; margin:0 auto; margin-bottom:25px; }
	.sns_ { float:none; position:relative; margin-top:30px; text-align:center; }
	.sns_ img { margin:0 4px; }
	.sns_img { height:35px; }

	.tail_line { display:inline-block; position:relative; width:1px; background:#aaa; line-height:12px; margin:0 4px 0 8px; }
	.tail_off { display:inline-block; }
	.tail_off1 { display:none; }
}
@media only screen and (max-width:512px){
	.menu_ { font-size:15px;line-height:50px; }
	.sns_ { float:none; width:100%;position:relative; margin-top:30px; }
	.sns_ img { display:inline-block; margin:0 4px; }
	.sns_img { height:35px; }
}

.custom-select-wrapper-tail { float:left; position: relative; width: 135px; top:0px; right:6px;}
.custom-select-tail {width: 135px;padding: 7px 20px 7px 10px; border:1px #2F2F2F solid; background:#fff; font-size: 15px;color:#000; border-radius:4px; 
  appearance: none; /* 기본 화살표 제거 */
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border-color 0.3s;
  cursor: pointer;
}
.custom-select-tail:focus {border-color: #ddd;outline: none;}
.custom-select-wrapper-tail::after {content: "⌵";position: absolute;top: 47%;right: 10px;transform: translateY(-50%);font-size: 16px;font-weight:600;pointer-events: none;}

@media only screen and (max-width:1024px){
	.custom-select-wrapper-tail { display:inline-block; float:none; position: relative; width: 135px; margin-top:0px; margin:0 auto; right:0px;}
}

/* 우측 퀵메뉴 */
.layer-scroll { width:85px; float:right; position:fixed; z-index:3; right:40px; bottom:200px; animation: ani 0.6s infinite alternate; }
.layer-scroll a { display:block; margin:0 0 5px 0; width:85px; transition: all .3s ease;}
@keyframes ani {
  from { transform: translateY(15%); }
  to { transform: translateY(0%); }
}

/* 라인 모션 */
.line_motion{position:relative; overflow:hidden; padding:0;}
.line_motion > span{position:relative; z-index:1; display:inline-block; transform:translateY(calc(100% + 20px));  transition:transform 0.6s ease 0.2s, opacity 0.8s cubic-bezier(.5, 0, .1, 1) 0.2s; opacity:0;}
.line_motion > span:before{content:""; position: absolute; bottom:0; left:0; transition:width 0.5s cubic-bezier(0.700, 0.100, 0.10, 0.86) 0.6s; width:0; height:30%; background:#ddd; z-index:-1;  margin-bottom:12px;padding:0; }
.line_motion.active > span{transform:translateY(0); opacity:1; color:#000;  padding:0; }
.line_motion.active > span:before{width:100%;}

/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; top:1px; text-align:center;  margin-top:0px; }
#head_content #head { width:950px;  min-height:750px; margin:0 auto; padding:0; }
#head_content #head .cont { width:950px; text-align:left;  margin:0 auto; padding:40px 0 100px 0; }

/* 모바일 */
@media only screen and (max-width:1024px){
	#head_content #head { width:100%; min-height:400px; }
	#head_content #head .cont { width:100%; padding:0; }
}


/* Go Top 버튼 */
a.go-top { position: fixed; right: 40px; bottom: 110px; width: 65px; height: 65px; z-index:9999; display: none; }


/* 게시판 검색창 */
#bo_sch input[type=text]:focus {
border: 0px !important;
}
#bo_sch select:focus {
border: 0px !important;
}


/* 버튼 */
a.btn,.btn{  line-height:30px; padding:0 10px; text-align:center; font-weight:500; border-radius:2px;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn_co,.btn_co{text-decoration:none;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn-more a {position:relative;display:inline-block;overflow:hidden;color:#fff;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:before {content:"";position:absolute;top:0;left:0;bottom:0;right:-120px;display:block;border-right:0px solid transparent;border-bottom:100px #eee solid;z-index:-1;transform: translateX(-100%);-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:hover:before {transform: translateX(0)}

/* 더보기 버튼 공통 */
.btn_more:hover .toggler{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}

.toggler{ display:inline-block; position:absolute;z-index:20; margin-left:660px; top:55px; width:40px;height:40px; border:none;}
.toggler{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}
.toggler:before,.toggler:after{content:'';display:block;position:absolute;background-color:#000; }
.toggler:before{ top:0px;left:50%;margin-left:-2px;width:3px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-2px;width:100%;height:3px;}