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

textarea, select {font-family:'s-core-dream-regular', 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:'s-core-dream-regular'; letter-spacing:-0.03em;}

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

/* TM */	
.tm { float:right; position:absolute; z-index:99999; right:0px; top:50px; }
.tm span { position:absolute; width:80px; margin-top:-4px; right:60px; }
.tm a { color:#222; text-decoration:none; }
.tm a svg { margin:-10px 3px 0 0; }

.span_ll { padding:0 5px; font-family:'dotum'; font-size:14px; font-weight:normal; }

.main_top_wrap { display:none; } 

/* 모바일 */
@media only screen and (max-width:1024px){
	.tm { display:none; }
	.contents_wrapper { display:block; width:100%; height:100%; margin:0 auto; top:0; 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:17px; width:100%; text-align:center; margin-left:20px;}
	.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:9999; width:100%; height:100px; margin:0 auto; top:0; background:#fff; } 
.gnb_container { top:0; left:0; width:100%; height:100px; line-height:0; position:relative; z-index:30; background:#FFF; border-bottom:1px #ddd solid; transition: all .5s ease;}
.gnb_container .temp_gnb { width:1400px; height:100%; margin:0 auto; position:relative; background:#fff; }
.gnb_container .temp_gnb .logo { top:26px; left:0px; position:absolute; z-index:99999; width:250px; }
.gnb_container .temp_gnb .logo img { width:250px; }

.gnb_container .temp_gnb .select { float:right; position:absolute; width:90px; top:35px; right:0px; z-index:94; }
.gnb_container .temp_gnb .select .form-control { font-size:13px; font-family:'Noto Sans Kr'; font-weight:bold; height:28px; padding:0 3px; border-radius:3px; } 


.gnb_wrap { width:100%; height:100%; margin:0 auto; text-align:center; position:relative; }
.gnb_wrap .bg_wrap { top:0; left:0; position:absolute; z-index:1; width:100%; height:100%; }
.gnb_wrap .bg_wrap .bg { width:100%; height:100%; margin:0 auto;  }

.gnb_wrap .g_wrap { display:inline-block; width:100%; left:100px; position:relative; z-index:1; margin:0 auto; text-align:center; overflow:hidden; }
.gnb_wrap .g_wrap .btn { display:inline-block; *display:inline; zoom:1; line-height:100px; padding:0 20px;  font-family:'s-core-dream-medium'; font-size:19px; color:#222; overflow:hidden; cursor:pointer; letter-spacing:-0.04em; }

.bar_container { width:100%; position:absolute; bottom:0; left:0; }
.bar_container .bar_wrap { position:relative; }
.bar_container .bar_wrap .bar { width:0px; height:4px; position:relative; background:#4165cd; }
	
@media only screen and (max-width:1680px){
	.gnb_container .temp_gnb .logo { left:0px; transition: all 0.3s ease; }	
	.gnb_wrap .g_wrap .btn { padding:0 20px; }
}	
@media only screen and (max-width:1440px){
	.gnb_wrap .g_wrap .btn { padding:0 20px; }
}	
@media only screen and (max-width:1060px){
	#gnb { display:none; } 
}


.snb_wrap { position:relative; width:100%; margin-top:0px; }
.snb_wrap .temp_wrap { display:flex; flex-wrap: wrap; justify-content: center; position:relative;  width:100%; text-align:center; }
.snb_wrap .wrap {  margin-top:-1px; width:75%; margin-left:190px; text-align:center; position:absolute; overflow:hidden; border:1px #ddd solid; border-top:none; border-radius:0 0 25px 25px; background:#fff; }
.snb_wrap .wrap .bg { display:none; top:0; width:100%; height:100%; text-align:center; position:absolute; }
.snb_wrap .wrap .btn_wrapper { display:inline-block; top:0px; position:relative; width:100%; text-align:center; left:0px;  }
.snb_wrap .wrap .btn { display:inline-block; float:center; /*width:180px;*/ padding:0 20px; line-height:50px; position:relative; cursor:pointer; }
.snb_wrap .wrap .btn .title { float:left; padding:0; text-align:center; display:inline-block; *display:inline; zoom:1; }
.snb_wrap .wrap .btn .txt { display:inline-block; position:relative; z-index:2; font-family:'s-core-dream-medium'; font-size:17px; color:#222; letter-spacing:-0.02em; }
.snb_wrap .wrap .btn:after { content:""; display:none; /* display:block; */ width:0px; height:4px; background:#000; position:absolute; z-index:1; bottom:0px; left:10%; transform:translateX(0%); transition:width 0.4s; opacity:1;}
.snb_wrap .wrap .btn:hover:after { display:none; /*display:inline-block;*/ list-style:none; float:left; width:80%; line-height:50px; }
.snb_wrap .wrap .btn .underline { display:none; /*display:inline-block;*/ bottom:2px; height:2px; left:5px; background:#4165cd; position:absolute; z-index:1;  }

.logoSide { display:none; width:50px; height:100%; overflow:hidden; top:0; left:50%; margin-left:-620px; position:absolute; z-index:9999; }
.logoSide_btn { width:100%; height:100%; position:relative; margin-top:-60px; cursor:pointer; }

@media only screen and (max-width:1440px){
	.snb_wrap .wrap {  width:60%; }
}	

/*  메인영상  */    
.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:1920px){
	.video_wrap { margin-top:0px; }
}
@media only screen and (max-width:1460px){
	.video_wrap { margin-top:-70px; }
}
@media only screen and (max-width:1024px){
	.video_wrap { margin-top:0px; }
}
@media only screen and (max-width:586px){
	.video_wrap { margin-top:0px; }
}


/* 탄소배출 Zero 주방시스템 */
.sec1_container { display:inline-block; width:100%; margin-top:0px; position:relative; text-align:center;  color:#000; font-family:'s-core-dream-regular'; letter-spacing:-0.01em; }
.sec1_container > p:nth-child(1) { font-size:45px; font-family:'s-core-dream-bold'; }
.sec1_container > p:nth-child(2) { font-size:24px; padding-top:10px; }
.sec1_wrap { display:flex; flex-wrap: wrap; justify-content: center; width:1365px; margin:0 auto; text-align:center; position:relative; }
.sec1_wrap .box { width:403px; height:430px; margin:50px 26px 0 26px; text-align:left; cursor:pointer; }
.sec1_wrap .box > p:nth-child(1) { padding-bottom:15px; transition: all 0.5s ease; }
.sec1_wrap .box > p:nth-child(1):hover{ transform: scale(1.05);  transition: all 0.5s ease; }
.sec1_wrap .box > p:nth-child(2) { font-family:'s-core-dream-regular'; font-size:17px; line-height:25px; }
.sec1_wrap .box > p:nth-child(2) span {  font-family:'s-core-dream-medium'; font-size:23px; line-height:55px; }

.sec1_container .br_off { display:block; }
.sec1_container .br_m { display:none; }

/* 모바일 */
@media only screen and (max-width:1024px){
	.sec1_container { margin-top:0px ; }
	.sec1_container > p:nth-child(1) { font-size:28px; letter-spacing:-0.04em; }
	.sec1_container > p:nth-child(2) { font-size:17px; padding-top:10px; }
	.sec1_wrap { width:90%; margin:0 auto; letter-spacing:-0.02em; }
	.sec1_wrap .box { width:45%; height:100%; margin:30px 10px 20px 10px; text-align:center; }
	.sec1_wrap .box > p:nth-child(1) { padding-bottom:10px; }
	.sec1_wrap .box > p:nth-child(1) img { width:100%; }
	.sec1_wrap .box > p:nth-child(2) { font-size:16px; line-height:24px; }
	.sec1_wrap .box > p:nth-child(2) span { padding:0 10px; font-family:'s-core-dream-bold'; font-size:21px; line-height:50px; }
	.br_off { display:none; }
}
@media only screen and (max-width:794px){
	.sec1_container { margin-top:0px ; }
}
@media only screen and (max-width:586px){
	.sec1_container { margin-top:50px ; }
	.sec1_container > p:nth-child(1) { font-size:24px; }
	.sec1_container > p:nth-child(2) { font-size:17px; padding:10px 15px 0 15px; }
	.sec1_wrap { width:90%; margin:0 auto; letter-spacing:-0.02em; }
	.sec1_wrap .box { width:100%; height:100%; margin:30px 0 20px 0; text-align:center; }
	.sec1_wrap .box > p:nth-child(1) { padding-bottom:10px; }
	.sec1_wrap .box > p:nth-child(1) img { width:100%; }
	.sec1_wrap .box > p:nth-child(2) { font-size:16px; line-height:24px; }
	.sec1_wrap .box > p:nth-child(2) span { padding:0 10px; font-family:'s-core-dream-bold'; font-size:20px; line-height:50px; }
	.sec1_container .br_off { display:none; }
	.sec1_container .br_m { display:block; }
}


/* 최상의 서비스 제공 */
.sec2_container { display:inline-block; width:100%; position:relative; text-align:center; margin-top:120px; color:#000; font-family:'s-core-dream-regular'; letter-spacing:-0.01em; }
.sec2_container > p:nth-child(1) { font-size:24px; }
.sec2_container > p:nth-child(2) { font-size:45px; padding-top:10px; font-family:'s-core-dream-bold'; }
.sec2_wrap { display:inline-block; width:100%; margin-top:50px; text-align:center; position:relative; }

.smooth-scroll { width:100% !important; height:751px; position:relative; overflow:hidden; margin-top:0px; }
.smooth-scroll .column_quarter { float:left; width:252%; height:751px; cursor:pointer; border:0; }
.smooth-scroll li.column_quarter { border-right:1px #888 solid; }
.smooth-scroll .equipment__list-titles {  margin:0 auto; padding-top:280px; height:751px; text-align:center; font-family:'s-core-dream-regular';  font-size:18px; color:#fff; line-height:30px; }
.smooth-scroll .equipment__list-titles span {  display:inline-block;  margin:0 auto; width:55px; height:30px; border-bottom:1px #fff solid; }
.smooth-scroll .equipment__list-titles strong { font-family:'s-core-dream-bold'; font-size:43px; line-height:90px;  letter-spacing:0.04em;}

/* 모바일 */
@media only screen and (max-width:1024px){
	.sec2_container > p:nth-child(1) { font-size:17px; }
	.sec2_container > p:nth-child(2) { font-size:28px; padding-top:10px; font-family:'s-core-dream-bold'; }
	.smooth-scroll .equipment__list-titles {  padding:280px 20px 0 20px; font-size:17px; color:#fff; line-height:27px; }
	.smooth-scroll .equipment__list-titles strong { font-size:30px; line-height:40px; }

}
@media only screen and (max-width:586px){
	.sec2_container { margin-top:40px; padding-top:40px; border-top:1px #ddd solid; }
	.sec2_container > p:nth-child(1) { font-size:16px; }
	.sec2_container > p:nth-child(2) { font-size:24px; letter-spacing:0em;  }
	.sec2_wrap { display:inline-block; width:100%; margin-top:30px; text-align:center; position:relative; }

	.list-title { position:absolute; width:100%; top:0; text-align:center; padding-top:110px; font-family:'s-core-dream-regular';  font-size:17px; color:#fff; line-height:26px; }
	.list-title span { display:inline-block;  margin:0 auto; width:55px; height:20px; border-bottom:1px #fff solid; }
	.list-title strong { font-family:'s-core-dream-bold'; font-size:30px; line-height:70px;  letter-spacing:0.04em;}
}


/* 새로운 제품 */
.sec3_container { display:inline-block; width:100%; position:relative; text-align:center; margin-top:110px; color:#000; font-family:'s-core-dream-regular'; letter-spacing:-0.01em; }
.sec3_container > p:nth-child(1) { font-size:24px; }
.sec3_container > p:nth-child(2) { font-size:45px; padding-top:10px; font-family:'s-core-dream-bold'; }
.sec3_wrap { display:inline-block; width:1300px; margin-top:20px; text-align:center; position:relative; }

/* 모바일 */
@media only screen and (max-width:1024px){
	.sec3_container { margin-top:60px;  }
	.sec3_container > p:nth-child(1) { font-size:16px; }
	.sec3_container > p:nth-child(2) { font-size:26px; letter-spacing:-0.04em; }
	.sec3_wrap { width:90%; margin:0 auto; margin-top:0px; }
}
@media only screen and (max-width:586px){
	.sec3_container { margin-top:60px;  }
	.sec3_container > p:nth-child(1) { font-size:16px; }
	.sec3_container > p:nth-child(2) { font-size:21px; letter-spacing:-0.01em; }
	.sec3_wrap { width:90%; margin:0 auto; margin-top:0px; }
}

/* 바로가기 */
.sec4_container { display:inline-block; width:100%; position:relative; text-align:center; padding:40px 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:290px 0 0 30px; line-height:22px; }
.sec4_wrap .box_layer strong { font-size:23px; line-height:45px; }
.sec4_wrap .box1 { float:left; width:325px; height:424px; overflow:hidden; 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:424px; 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:424px; overflow:hidden; color:#fff; 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:424px; 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:1024px){
	.sec4_container { padding:40px 0 110px 0;  }
	.sec4_wrap { width:94%; }
	.sec4_wrap .box_layer { width:100%; padding:290px 0 0 20px; font-size:14px; line-height:18px; }
	.sec4_wrap .box_layer strong { font-size:18px; line-height:30px; }
	.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:586px){
	.sec4_container { padding:20px 0 60px 0;  }
	.sec4_wrap { display:inline-block; width:90%; margin:0 auto; margin-top:30px; }
	.sec4_wrap .box_layer { position:absolute; width:100%; top:0; text-align:left; color:#fff;  padding:50px 0 0 20px; line-height:20px; text-shadow: 1px 1px 6px #000; }
	.sec4_wrap .box_layer strong { font-size:19px; line-height:35px; }
	.sec4_wrap .box1 { float:left; width:100%; height:160px; margin-bottom:8px; overflow:hidden; border-radius:15px; background-image: url('../images/sec4_img1.jpg'); background-position: center -80px; background-size: cover; }
	.sec4_wrap .box1 img { opacity:0; } 
	.sec4_wrap .box2 { float:left; width:100%; height:160px; margin-bottom:8px; overflow:hidden; border-radius:15px; background-image: url('../images/sec4_img2.jpg'); background-position: center -130px; background-size: cover; }
	.sec4_wrap .box2 img { opacity:0;} 
	.sec4_wrap .box3 { float:left; width:100%; height:160px; margin-bottom:8px; overflow:hidden; border-radius:15px; background-image: url('../images/sec4_img3.jpg'); background-position: center -130px; background-size: cover; }
	.sec4_wrap .box3 img { opacity:0;} 
	.sec4_wrap .box4 { float:left; width:100%; height:160px; margin-bottom:8px; overflow:hidden; border-radius:15px; background-image: url('../images/sec4_img4.jpg'); background-position: center -150px; background-size: cover; }
	.sec4_wrap .box4 img { opacity:0;} 
}






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


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

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


/* 서브 타이틀 */
.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:30px; }
.snb_tit .bo_tit { display:inline-block; width:100%; font-family:'s-core-dream-medium'; font-size:40px; line-height:60px;  }
.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:10px; }
	.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:'s-core-dream-medium';  font-size:16px; letter-spacing:-0.04em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; width:20%; height:45px; line-height:49px; background:#F1F3F5; border-radius:6px; color:#000; margin: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:6px; }

.cateBtn1 { width:1300px; margin:0 auto; text-align:center; margin-top:50px;}
.cateBtn1 .nav { width:100%; position:relative; margin:0 auto; }
.cateBtn1 .nav ul { width:100%; margin:0; padding:0;  font-family:'s-core-dream-medium';  font-size:16px; letter-spacing:-0.04em;}
.cateBtn1 .nav li { list-style:none; display:inline-block; position:relative; width:15%; height:45px; line-height:49px; background:#F1F3F5; border-radius:6px; color:#000; margin:0 3px; text-align:center; cursor:pointer; }
.cateBtn1 .nav li span {  display:block; height:45px; background:#10308D; color:#fff; text-align:center; cursor:pointer; border-radius:6px; }


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

	.cateBtn1 { width:100%; margin-top:30px;}
	.cateBtn1 .nav ul { width:100%; margin:0; padding:0; font-size:15px; }
	.cateBtn1 .nav li { width:23%; height:40px; line-height:42px; border-radius:4px; margin:1px; }
	.cateBtn1 .nav li span { height:40px; border-radius:4px; }

	.snbBtn1 { width:94%; position:relative; margin:0 auto; margin-top:5px;}
	.snbBtn1 .nav-m { position:relative; width:100%; margin:0 auto; text-align:center; }
	.snbBtn1 .nav-m ul { display:inline-block; width:100%; font-family:'s-core-dream-medium'; font-size:15px;  letter-spacing:-0.04em;}
	.snbBtn1 .nav-m li { display:inline-block; position:relative; float:left; width:100%; height:40px; line-height:42px; background:#F1F3F5; color:#000; text-align:center; }
	.snbBtn1 .nav-m li span {  display:block; width:100%; height:40px; background:#10308D; color:#fff; text-align:center; }

	.snbBtn2 { width:94%; position:relative; margin:0 auto; margin-top:5px;}
	.snbBtn2 .nav-m { position:relative; width:100%; text-align:center; }
	.snbBtn2 .nav-m ul { display:inline-block; width:100%; font-family:'s-core-dream-medium'; font-size:15px;  letter-spacing:-0.04em; }
	.snbBtn2 .nav-m li { display:inline-block; position:relative; float:left; width:49.7%; height:40px; line-height:42px; background:#F1F3F5; color:#000; margin:0 1px 0 0; text-align:center; }
	.snbBtn2 .nav-m li span {  display:block; width:100%; height:40px; background:#10308D; color:#fff; text-align:center; }

	.snbBtn3 { width:94%; position:relative; margin:0 auto; margin-top:5px;}
	.snbBtn3 .nav-m { position:relative; width:100%; margin:0 auto; text-align:center; }
	.snbBtn3 .nav-m ul { display:inline-block; width:100%; font-family:'s-core-dream-medium'; font-size:15px;  letter-spacing:-0.04em; }
	.snbBtn3 .nav-m li { display:inline-block; position:relative; float:left; width:33%; height:40px; line-height:42px; background:#F1F3F5; color:#000; margin:0 1px 0 0; text-align:center; }
	.snbBtn3 .nav-m li span {  display:block; width:100%; height:40px; background:#10308D; color:#fff; text-align:center; }

	.snbBtn4 { width:94%; position:relative; margin:0 auto; margin-top:5px;}
	.snbBtn4 .nav-m { position:relative; width:100%; ext-align:center; }
	.snbBtn4 .nav-m ul { display:inline-block; width:100%; font-family:'s-core-dream-medium'; font-size:15px;  letter-spacing:-0.04em; }
	.snbBtn4 .nav-m li { display:inline-block; position:relative; float:left; width:25.7%; height:40px; line-height:42px; background:#F1F3F5; color:#000;  margin:0 1px 0 0; text-align:center; }
	.snbBtn4 .nav-m li span {  display:block; width:100%; height:40px; background:#10308D; color:#fff; text-align:center; }
}

/* 모바일 */
@media only screen and (max-width:586px){
	.cateBtn { width:100%; margin-top:30px;}
	.cateBtn .nav ul { width:100%; margin:0; padding:0; font-size:15px; }
	.cateBtn .nav li { width:48.5%; height:40px; line-height:42px; border-radius:4px; margin:0 2px 0 2px;  letter-spacing:-0.05em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.cateBtn .nav li span { height:40px; border-radius:4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

	.snbBtn4 { width:94%; position:relative; margin:0 auto; margin-top:5px;}
	.snbBtn4 .nav-m { position:relative; width:100%; ext-align:center; }
	.snbBtn4 .nav-m ul { display:inline-block; width:100%; font-family:'s-core-dream-medium'; font-size:15px;  letter-spacing:-0.04em; }
	.snbBtn4 .nav-m li { display:inline-block; position:relative; float:left; width:49.7%; height:40px; line-height:42px; background:#F1F3F5; color:#000;  margin:0 1px 1px 0; text-align:center; }
	.snbBtn4 .nav-m li span {  display:block; width:100%; height:40px; background:#10308D; color:#fff; text-align:center; }
}




/*  서브 내용 부  */
#container_wrap{ display:inline-block; position:relative; z-index:1; width:100%; text-align:center; top:0; }
.board { display:block; position:relative; top:0; text-align:center; }
.board .bo_board { width:1300px; min-height:700px; padding:60px 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:30px 0 40px 0; } 
}


/* COPYRIGHT */
#foot { display:inline-block; position:relative; width:100%; padding:0 0 70px 0; text-align:center; background:#222; }
.copyright { width:1300px; margin:0 auto; text-align:left; color:#aaa; font-family:'s-core-dream-regular'; font-size:15px; letter-spacing:0em; }
.menu_ { width:100%; color:#fff; height:60px; line-height:64px; border-bottom:1px #666 solid; }
.add_ { width:100%; padding-top:50px; color:#aaa;  line-height:26px;}
.add_ .color_ { color:#fe7137; font-family:'s-core-dream-medium';}
.add_ img { width:180px; margin:0 0 20px 0; }
.add_ strong { color:#ccc; }
.tail_line { display:inline-block; position:relative; width:1px; background:#aaa; line-height:12px; margin:0 10px; }

/* 모바일 */
@media only screen and (max-width:1024px){
	#foot { display:inline-block;  width:100%; padding:0 0 50px 0; }
	.copyright { width:100%; text-align:center; color:#aaa; font-family:'s-core-dream-regular'; font-size:13px; letter-spacing:-0.04em; }
	.menu_ { width:100%; color:#fff; height:50px; line-height:54px; }
	.add_ { display:inline-block; width:100%; padding-top:40px; color:#aaa; line-height:24px;}
	.add_ .color_ { color:#fe7137; font-family:'s-core-dream-medium';}
	.add_ img { width:170px; margin:0 auto; margin-bottom:25px; }

	.tail_line { display:inline-block; position:relative; width:1px; background:#aaa; line-height:12px; margin:0 4px 0 8px; }
}


/* 우측 퀵메뉴 */
.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;
}


/* 버튼 */
.btn, a.btn{ 
-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;}

.btn3, a.btn3{ 
-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;}