header {   position:fixed; z-index:99999; width:100%; max-width:1655px; left:50%; margin-left:-827px;   display:flex; align-items:flex-start;  transition: all 0.3s ease-out; top:20px;  border:1px solid #ddd; border:1px solid #bdbdbd;  padding:0 3%; box-sizing:border-box; background-color:#fff }
 
header:after {content:''; position:absolute; width:100%; height:1px; background-color:#bdbdbd; left:0; top:80px; content:''} 

header h1 {cursor:pointer; line-height:0; height:80px; display:flex; align-items:center }
 
header .flex {align-items:flex-start; width:100%;   height:100%;  box-sizing:border-box;  }
header ul#gnb {height:100%; width:auto;  margin-left:auto;  display:flex; align-items:stretch;  justify-content:flex-end;  }
header ul#gnb li {font-size:18px; line-height:80px; font-weight:600; display:flex; flex-direction:column; align-items:center;  justify-content:flex-start;  position:relative;   }
header ul#gnb li a {font-family: "Montserrat",  'Pretendard'; color:#000;  display:inline-block; padding:0 35px;  }
header ul#gnb li:hover a {color:var(--main_c2);}
header ul#gnb li span {font-family: "Montserrat",  'Pretendard'; color:#000;  display:inline-block; padding:0 35px; }
header ul#gnb li:after {content:''; width:1px; height:calc(100% - 140px); position:absolute; bottom:30px; left:0; background-color:#bdbdbd; }
header ul#gnb li:nth-child(n+4):after {display:none}

header ul#gnb li .down {
	display:inline-flex;    
	flex-direction:column;
	overflow:hidden;
	height:0;   
	transition:height 0.3s ease;
	line-height:1;
 	width:100%
  }
  
header ul#gnb li .down p { line-height:1; padding:10px 0;  font-size:16px;   display:inline-block; text-align:center }
header ul#gnb li .down p a {color:#bdbdbd; font-weight:400; transition: all 0.3s ease-out;}
header ul#gnb li .down p a:hover {color:var(--main_c2);  }
header ul#gnb li .down p:first-child {padding-top:30px}
header ul#gnb li .down p:last-child {padding-bottom:30px}


header div.last_div {display:flex;  align-items:center;   gap:10px;  margin-left:6vw;  height:80px;  }
header div.last_div .lang_wrap {width:41px; height:41px; position:relative}
header div.last_div a {width:41px;  height:41px;  border-radius:50%;  display:flex; align-items:center;  justify-content:center; position:absolute; left:0; top:0; font-family: "Montserrat",  'Pretendard'; font-weight:600}
header div.last_div a.lang:nth-child(1) { color:#fff; background-color:#282828}
header div.last_div a.lang:nth-child(2) { opacity:0;  color:#000; background-color:#FF8800}
header div.last_div .lang_wrap:hover a.lang:nth-child(1) {opacity:0; }
header div.last_div .lang_wrap:hover a.lang:nth-child(2) {opacity:1 }

header div.last_div p.ham {  margin-left:20px; width:50px; height:50px;  display:flex; flex-direction:column; align-items:flex-end;  justify-content:center;  cursor:pointer;}
header div.last_div p.ham span {width:20px; height:2px; border-radius:5px;  background-color:#333; float:left;}
header div.last_div p.ham span + span {margin-top:4px; }
 
@media all and (max-width:1655px) {
   header {max-width:94%; left:3%; margin-left:0 }

}

 
@media all and (min-width:1200px) {
 header ul#gnb li span {display:none}
 
}

@media all and (max-width:1200px) {
	header ul#gnb li:nth-child(1) a {display:none;  }
	header ul#gnb li:nth-child(2) a {display:none; }
	header ul#gnb li span  {padding:0 25px;}
	header ul#gnb li a {padding:0 25px}
	header ul#gnb li .down p a {display:block}
	header div.last_div {margin-left:10px}
}

@media all and (min-width:1000px) {
  header div.last_div p.ham  {display:none}
}

@media all and (max-width:1000px) {
		header:after {display:none}
		header h1 {height:50px}
		header h1 img {width:130px;}

		header ul#gnb {display:none}
		header div.last_div  {margin-left:auto; height:50px}
		header div.last_div a.lang {display:none}   
}


.fixed_quick {position:fixed; right:20px; bottom:100px; z-index:9999999}
.fixed_quick * {transition: all 0.3s ease-out;}
.fixed_quick div {width:80px; padding:30px 0; border-radius:50px; background-color:var(--main_c); display:flex; flex-direction:column;  justify-content:center; gap:15px  }
.fixed_quick div a {width:100%; font-size:16px; color:#864700; text-align:center; }
.fixed_quick div a:hover {color:var(--main_c2)}
.fixed_quick div a:hover  svg path {stroke:var(--main_c2)}
.fixed_quick p.top_link  {width:80px; height:80px; margin-top:30px; border-radius:50%; background-color:#000; display:flex; justify-content:center; align-items:center}


@media all and (max-width:900px) {
	.fixed_quick {right:10px}
	.fixed_quick div {background:none;  width:75px; padding:0; border-radius:0 }
	.fixed_quick div a {font-size:12px; width:75px; height:75px; padding:0;  background-color:var(--main_c); display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:50px;  }
	.fixed_quick div a br {display:none}
	.fixed_quick div a svg {width:32px}
 	.fixed_quick p.top_link {display:none}
}


footer {background-color:#171717; font-size:16px; position:Relative; z-index:99; padding:80px 0; color:#A0A0A0;  }
footer h2 {margin-bottom:40px}
footer dl {display:flex}
footer dl dt {margin-right:10px; font-weight:600;  color:#5B5B5B; }
footer .left {width:55%;  }
footer .left .col-2 {width:100%; flex-wrap:wrap}
footer .left .col-2 dl {width:50%; color:#6c6c6c}
footer .left .col-2 dl:nth-child(n+3) {margin-top:10px}
footer .left .col-2 dl dt {width:70px; flex-shrink:0}
footer .copy {color:#3c3c3c; margin-top:30px }

footer .right {width:45%; flex-direction:column; }
 
footer .right .flex div + div {margin-left:auto}
footer .right h6 { font-size:18px; font-weight:500; color:#fff; margin-bottom:15px}
footer .right select {background-color:#333; border:1px solid #ddd; font-size:15px; height:41px; width:244px; padding:0 6px; color:#eee}

footer ul.sns {display:flex; gap:15px}
footer ul.sns li span {width:40px; height:40px; display:flex; align-items:center; border-radius:50%;  justify-content:center; background-color:#282828}
footer ul.sns li:hover span path { fill:var(--main_c)}

footer .footer_cate {margin-top:auto;  width:100%; justify-content:space-between }
footer .footer_cate li { font-family: "Montserrat"; color:#fff;   font-weight:600;  cursor:pointer}



@media all and (max-width:900px) {
		footer {font-size:14px}
		footer h2 img {width:180px}
		footer .left {width:100% }
		footer .left .col-2 dl {width:100%}
		footer .left .col-2 dl:nth-child(n+2) {margin-top:10px}
		footer .right {width:100%;  }
		footer .right select {font-size:12px}

		footer .footer_cate {display:none}
		footer .right .flex div  {width:100%; margin-top:50px}
		footer .right h6 {font-size:15px}
}



ul.news {width:100%; display:flex; flex-wrap:wrap; gap:30px;   }
ul.news li {width:calc(33% - 15px); display:flex; flex-direction:column; background-color:#f9f9f9; border:2px solid #f9f9f9;  box-sizing:border-box;   position:relative; border-radius:20px; overflow:hidden; }
ul.news a {width:100%; height:100%; display:flex; flex-direction:column; position:relative;   }



ul.news li .flex {justify-content:space-between; align-items:center; margin-bottom:50px; padding:40px; box-sizing:border-box; position:absolute; left:0; top:0; width:100%}
ul.news li .img {width:100%; height:290px;}
ul.news li label {background-color:#000; border-radius:50px;  color:var(--main_c);  font-size:16px; line-height:36px; padding:0 20px; display:inline-block}
ul.news li span.date {background-color:#fff; border-radius:50px;  color:#363636;  font-size:16px; line-height:36px; padding:0 20px; display:inline-block;  }
ul.news li dl {box-sizing:border-box; padding:40px; margin-top:auto}
 
ul.news li dt {font-size:20px; color:#000; margin-bottom:10px; font-weight:500;
  text-overflow: ellipsis;
			  display: -webkit-box;
			  -webkit-line-clamp: 2; /* 라인수 */
			  -webkit-box-orient: vertical;
			  word-wrap:break-word; 
			  overflow:hidden; 
			  
}
ul.news li dd  {display:none}
ul.news li.img_none dl {margin-top:70px}
ul.news li.img_none dt { 
			  display: -webkit-box;
			  -webkit-line-clamp: 1; /* 라인수 */
			  -webkit-box-orient: vertical;
 			  
}
ul.news li.img_none dd {font-size:18px; color:#818181;  
  text-overflow: ellipsis;
			  display: -webkit-box;
			  -webkit-line-clamp: 3; /* 라인수 */
			  -webkit-box-orient: vertical;
			  word-wrap:break-word; 
			  overflow:hidden; 
			 
}
 
ul.news li .arrow { position:absolute; bottom:20px; right:20px; opacity:0; margin-top:10px}
ul.news li:hover {border:2px solid var(--main_c)}
ul.news li:hover .arrow {margin-left:auto; opacity:1}


@media all and (max-width:900px) {
		ul.news li {width:100%; }
		ul.news li .flex {padding:20px}
		ul.news li dl {padding:20px}
		ul.news li dl dt {font-size:15px}
		ul.news li.img_none dd {font-size:12px}
		ul.news li label {font-size:11px}
		ul.news li span.date   {font-size:11px}
}

@keyframes rolling1 {
  0% {
    transform: translateX(-1%);
  }

 

  100% {
    transform: translateX(-300%);
  }
}
 
.roller1 {
  animation: rolling1 40s linear infinite;
}


@media all and (max-width:900px) {

  .roller1 {
	  animation: rolling1 30s linear infinite;
}
}

.view {padding-top:200px; }
.view * {word-break:normal;}
.view_top {text-align:center}
.view_top label {background-color:#000; border-radius:50px;  color:var(--main_c);  font-size:16px; line-height:36px; padding:0 20px; display:inline-block}
.view_top h3 {font-size:50px; margin:30px 0 }
.view_content  {border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:60px; padding:50px 0} 
.btn_wrap {margin-top:50px; text-align:center; width:100%}
a.list_btn {width:60px; height:60px; display:inline-flex; justify-content:center; align-items:center; background-color:#000; color:#fff; border-radius:10px}



 @media screen and (max-width:900px) {
		.view {padding-top:150px; }
.view_top label {   font-size:12px; line-height:33px;  }
		.view_top h3 {font-size:20px;   }
		.view_top h3 + p {font-size:14px}
		.view_content {padding:30px 0; margin-top:30px}
		a.list_btn {width:40px; height:40px; }
		a.list_btn img {scale:.5}
}


.page {text-align:center;   width:100%; margin-top:40px; display:inline-block; font-size:0}
.page ul { width:100%; text-align:center; gap:5px; display:flex; justify-content:center }
.page li { display:inline-block; font-size:17px; text-align:center;  font-weight:400;    }
 
.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
 	  background-color:#fff;  width:29px; border-radius:5px;  line-height:29px; height:29px;  font-family: "Montserrat";     color:#999; text-align:Center;
   }
.page li i {vertical-align:middle}

.page a.ov  {  background-color:var(--main_c); color:#fff;}

 
 
 @media screen and (max-width:900px) {
		.page { margin-top:30px;}
		.page li { font-size:12px}
		.page a {  width:25px; line-height:25px; height:25px; }
 
}