@charset "utf-8";
/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}
.wrap{width:100%; overflow:hidden;}

/* contents */
.dv-conts-wrap {position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden;}

/* css setting end */
   

/*********************************************** header ***********************************************/
 
   
/* header */

#header {
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
  transition: all 0.5s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: 1000;
}

#header.black {
  background: #fff;
}

.header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 60px;
  width:100%;
  height: 100%;
  margin: 0 auto;
}

.header_container::before {
  position: absolute;
  display: none;
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: rgba(112, 112, 112, 0.3);
}

.header_container.is_active::before {
  display: block;
}

.header_container nav.sp_gnb {
  height: 100%;
}

.header_container nav.sp_gnb ul {
  display: flex;
  height: 100%;
}

.header_container nav.sp_gnb ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 0;
}

.header_container nav.sp_gnb ul li .menu_wrap {
  height: 100%;
  margin: 0 50px;
}

.header_container nav.sp_gnb .menu_wrap .lnb_back {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 100px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  z-index: -1;
}

.header_container nav.sp_gnb .menu_wrap .lnb_back::before {
  content: '';
  position: absolute;
  height: 100px;
  width: 100%;
  top: 0;
  border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}

.header_container nav.sp_gnb .menu_wrap .lnb {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
}
 
.header_container nav.sp_gnb.is_active ul li.active:focus .menu_wrap .lnb {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

.header_container nav.sp_gnb ul li.active .menu_wrap .lnb_back,
.header_container nav.sp_gnb ul li:hover .menu_wrap .lnb_back {
  display: flex;
  z-index: -2;
}

.header_container nav.sp_gnb ul li.active .menu_wrap .lnb,
.header_container nav.sp_gnb ul li:hover .menu_wrap .lnb {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

.header_container nav.sp_gnb.black .gnb_button {
  color: #000;
}

.header_container nav.sp_gnb .gnb_button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.header_container nav.sp_gnb .gnb_button:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #d80028;
  height: 3px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.header_container nav.sp_gnb:focus-within .gnb_button {
  color: #000;
}

.header_container nav.sp_gnb .lnb a {
  color: #666;
  width: auto;
  font-size: 18px;
  margin-right: 60px;
  transition: 0.3s;
}
 

.header_container nav.sp_gnb .lnb a.active {
  color: #fff;
}

.header_container nav.sp_gnb .lnb a:last-child {
  margin-right: 0;
}
 
.header_container nav.sp_gnb.is_active .gnb_button {
  color: #222;
}

.header_container nav.sp_gnb.is_active ul > li.active .lnb.lnb_intro {
  display: none;
}

.header_container nav.sp_gnb li.active .gnb_button,
.header_container nav.sp_gnb .gnb_button.active,
.header_container nav.sp_gnb .lnb:hover ~ .gnb_button,
.header_container nav.sp_gnb li:hover .gnb_button {
  color: #222;
}

.header_container nav.sp_gnb li.active .gnb_button:before,
.header_container nav.sp_gnb .lnb:hover ~ .gnb_button:before,
.header_container nav.sp_gnb li:hover .gnb_button:before {
  left: 0;
  right: 0;
}

.header_container .header_right {
  display: flex;
  align-items: flex-start;
    width: 196px;
    justify-content: end;
}

.header_container .header_right .header_right_lang_wrap {
  position: relative;
}

.header_container .header_right .header_right_lang_menu {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 70%;
  padding: 19px 50px;
  border-radius: 12px;
  background-color: #F9F9F9;
  transform: translateX(-39%);
}

.header_container .header_right .header_right_lang_menu.active {
  display: flex;
}

.header_container .header_right .header_right_lang_menu a {
  margin-bottom: 30px;
  font-size: 16px;
  color: #111;
  cursor: pointer;
  line-height: 1;
}

.header_container .header_right .header_right_lang_menu a:hover,
.header_container .header_right .header_right_lang_menu a:active,
.header_container .header_right .header_right_lang_menu a:focus {
  color: #F37321;
}

.header_container .header_right .header_right_lang_menu a.active {
  color: #F37321;
}

.header_container .header_right .header_right_lang_menu a:last-child {
  margin-bottom: 0;
}

.header_container .header_right .search_open_wrap {
  margin: 0 32px;
}


#all_menu{position:fixed; top:0; left:0; background:#fff; width:100%; height:100%; z-index:1001; display:none;}
#all_menu.is_active{display:block;}
#all_menu .all_menu_hd{display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 60px;
	width: 100%;
	height: 100px;
	margin: 0 auto;}

	
#all_menu > ul{padding:0 60px 60px; border-top:1px solid #ddd; display:flex; height:100%;}
#all_menu > ul > li{width:100%; border-right:1px solid #ddd; padding:60px;}
#all_menu > ul > li:first-child{padding-left:0;}
#all_menu > ul > li:last-child{padding-right:0; border-right:0;}
#all_menu > ul > li .gnb_button{font-size:30px; font-weight:600; margin:20px 0; color:#333; display:block; transition:all ease .3s;}
#all_menu > ul > li:hover .gnb_button{color:#d80028;}
#all_menu > ul > li .lnb > a{display:block; font-size:18px; padding:10px 0; color:#222;} 
 



/*********************************************** footer ***********************************************/

#footer{
	background:#111; 
	padding:50px 0;
	position:relative;
	z-index:1;
}
#footer .ft_link{ 
	border-bottom:1px solid #333;
	padding-bottom:25px;
	margin-bottom:25px;
}
#footer .ft_link a{
	color:#ddd;
	display:inline-block; 
	margin-right:30px;
}
#footer .ft_body{
	color:#a1a1a1;
	display:flex;
	justify-content:space-between; 
}
#footer .ft_body > a{ 
	margin-top:5px;
}
#footer .ft_body > div{
	width:calc(100% - 250px);
}
#footer .ft_body p.copy{
	color:#666;
	margin-top:20px;
}

.privacy-popup{width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:99; display:flex; justify-content:center; align-items:center; padding:5%; display:none;}
.privacy-popup .privacy-cont{background:#fff; padding:50px 30px; width:100%; max-width:800px; position:relative;}
.privacy-popup .privacy-cont h3{color:#333; font-size:24px; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px;}
.privacy-popup .privacy-cont p{line-height:1.8;}
.privacy-popup .privacy-cont .cont-wr{height:50vh; overflow-y:scroll;}
.privacy-popup .privacy-cont .cont-wr .privacy{}
.privacy-popup .privacy-cont .cont-wr .privacy b{color:#333;}
.privacy-popup .privacy-cont .cont-wr .privacy h6{color:#333; font-size:18px;}
.privacy-close{position:absolute; right:20px; top:20px; font-size:30px; color:#333; cursor:pointer;}


/*********************************************** layout ***********************************************/ 
 

#wrapper {
	width: 100%;
	min-height: 100%;
	min-width: 1260px;
	overflow: hidden;
}
 
.sec-container {
  width:90%;
  max-width: 1440px;
  margin: 0 auto;
}
 
/* checkbox */ 
.checkbox{position:relative;}
.checkbox input[type=checkbox]{ width: 22px; cursor: pointer; height: 22px; display: block; position: absolute; top: 0; left: 0; margin: 0;z-index: 1;opacity: 0;}
.checkbox input[type=checkbox]+ label{position:relative; font-weight: normal;  padding:0 0 0 30px; display:block; }
.checkbox input[type=checkbox]+ label span{border-bottom:1px solid #222; font-weight:500; color:#222; margin-right:5px; vertical-align:baseline;}
.checkbox input[type=checkbox]+ label:before {content: ""; display: inline-block; width:20px; height:20px;   position:absolute; top:2px; left:0; background:#fff; border:1px solid #ddd;}
.checkbox input[type=checkbox]:checked + label:before {content: "\e929"; font-size:20px; line-height:20px; color:#d80028; font-family: xeicon!important; width:20px; height:20px;}

/* filebox */ 
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox .upload-name {
    display: inline-block;
    height: 50px;
    padding: 0 5px;
    vertical-align: middle;
    border-bottom: 1px solid #dddddd;
    width: 300px;
    color: #999999;
}
.filebox label {
    display: inline-block;
    padding: 0 40px;
    color: #222;
    vertical-align: middle; 
    cursor: pointer;
    height: 50px;
	line-height:50px;
	border:1px solid #222;
    margin-left: 20px;
	font-size:16px;
}





.btn_center{text-align:center;}

.more_btn{font-size:16px; color:#d80028; display:inline-block; font-weight:500; padding:0 50px; height:62px; line-height:58px; border:2px solid #d80028; text-align:center; border-radius:0 0 0 10px; margin:50px 0; transition:all ease .3s;}
.more_btn i{vertical-align:text-bottom; margin-left:10px;}
.more_btn:hover{background:#d80028;color:#fff;border-color:#d80028;}


.sub_cont_tit{font-size:45px; text-align:center; color:#222; margin:160px auto 70px;} 
.sub_cont_tit p{ font-size: 18px; color: #666; padding-top: 20px; font-weight: 500;}


/*********************************************** sub ***********************************************/ 
.sub_visual{background-repeat:no-repeat; background-position:Center center; background-size:cover; width:100%; height:520px; color:#fff; padding-top:250px; position:relative; margin-bottom:35px;}
.sub_visual h1{font-size:55px;}
.sub_visual p{font-size:18px; opacity:.3;}
.sub_visual.visual_1{background-image:url('/images/sub/sub_visual_1.jpg');}
.sub_visual.visual_2{background-image:url('/images/sub/sub_visual_2.jpg');}
.sub_visual.visual_3{background-image:url('/images/sub/sub_visual_3.jpg');}
.sub_visual.visual_4{background-image:url('/images/sub/sub_visual_4.jpg');}
.sub_visual .sub_tabs{position:absolute; bottom:-35px; left:50%; transform:translateX(-50%);width:100%;  }
.sub_visual .sub_tabs ul{display:flex; justify-content:space-between;  background:#fff;} 
.sub_visual .sub_tabs ul li{width:100%; position:relative;}
.sub_visual .sub_tabs ul li:not(:last-child):after{content:''; width:1px; height:20px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-10px;}
.sub_visual .sub_tabs ul li.on a{background:#d80028; color:#fff;}
.sub_visual .sub_tabs ul li.on::after{display:none;}
.sub_visual .sub_tabs ul li a{display:block; height:70px; line-height:70px; font-size:17px; text-align:center; font-weight:500; color:#222;}





/* about */
.about_video{padding-bottom:150px; position:relative;}
.about_video:before{content:''; width:100%; height:80%; background:#f0f0f0; position:absolute; left:0; bottom:0;}
.youtube_wr{position: relative; max-width: 100%; padding-bottom: 46.25%; height: 0;}
.youtube_wr iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.about_cont{display:flex; flex-wrap:wrap; padding:150px 0 50px; justify-content:space-between;}
.about_cont h2{font-size:45px; color:#222; margin-bottom:100px; width:100%; line-height: 1.4;}
.about_cont h2 b{ line-height: 1.4;}
.about_cont .leftbar{position:relative;  height:100%; width:300px; font-size:22px;}
.about_cont .leftbar.fixed{position:sticky; top:50px;  }
.about_cont .leftbar h3{color:#222; margin-bottom:100px;}
.about_cont .leftbar a{color:#999; padding:10px 0;display:block; font-weight:400; transition:all ease .3s;}
.about_cont .leftbar a.active{color:#d80028; font-weight:600; }
.about_cont .leftbar a:before{content:''; width: 0; height:2px; background:#d80028; display:inline-block;  transform:translateY(-7px); transition:all ease .3s;}
.about_cont .leftbar a.active:before{width:30px;  margin-right:10px; }
.about_cont .sections{max-width:1071px;}
.about_cont .sections p{font-size:20px; padding:30px 0 100px;}
.about_cont .sections p b{color:#333;  }


/* greeting */
.greeting_cont{display:flex; justify-content:space-between; position:relative; margin-bottom:150px; }
.greeting_cont:before{content:''; width:95%; height:85%; position:absolute; right:0; bottom:0; background:#f0f0f0; z-index:-1}
.greeting_cont:after{content:'Daewon envypol'; font-weight:900; font-size:120px; color:#fff; opacity:.5; position:absolute; right:7.5%; bottom:0;     text-transform: uppercase; z-index:0; line-height:.8;}
.greeting_cont .img{width:50%;}
.greeting_cont .txt{width:48%; padding:200px 100px 150px;;}
.greeting_cont .txt p{font-size:18px;}
.greeting_cont .txt span{color:#d80028; font-weight:bold; vertical-align:baseline;}
.greeting_cont .txt b{font-weight:600; color:#222;}
.greeting_cont .txt strong{font-size:20px; color:#222;}
.greeting_cont .txt strong span{font-weight:100; color:#aaa; margin:-2px 10px 0; }




/* history */
.history_cont{margin-bottom:150px;}
.history_cont ul{position:relative; padding:50px 0;}
.history_cont ul:after{content:''; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0;}
.history_cont li{padding-left:60%; position:relative; margin:50px 0;}
.history_cont li:after{content:''; width:7px; height:7px; border:4px solid #f7ccd4; position:absolute; left:50%; background:#d80028; top:28px; margin-left:-6.5px; z-index:2;}  
.history_cont li:before{content:''; width:8%; height:1px; border-bottom:1px dashed #ddd; position:absolute; left:50%;   top:34px;   z-index:2;}  
.history_cont li:nth-child(2n){padding-right:60%; padding-left:0;   display: flex;  flex-wrap: wrap;  justify-content: end;}
.history_cont li:nth-child(2n) strong{ text-align:right;}
.history_cont li strong{font-size:48px; color:#d80028; margin-bottom:20px; width:100%;  }  
.history_cont li p{font-size:20px; position:relative; margin:10px 0; text-align:left; padding-left:60px;}
.history_cont li p span{font-size:21px; color:#222; position:absolute; left:0; top:0; font-weight:500;}
.history_cont li img{margin:20px 0;}





/* location */
.location{}
.location_cont{margin-bottom:150px;}
.location_cont h2{font-size:36px; font-weight:500; margin-bottom:20px; color:#222;}
.location_cont h2 b{font-weight:900}
.location_cont ul{border-top:2px solid #222;}
.location_cont ul:first-of-type li{border-bottom:0;}
.location_cont li{border-bottom:1px solid #ddd; padding:36px  ; display:flex; justify-content:space-between; align-items:center;} 
.location_cont li h3{width:35%; color:#222; font-size:21px;}
.location_cont li dl{width:55%; display:flex; font-size:18px;}
.location_cont li dl dt{width:30%;  color:#aaa; font-weight:500;}
.location_cont li dl dd{font-weight:500; color:#222;}
.location_cont .root_daum_roughmap{width:100% !important; margin-bottom:100px; margin-top:30px;}
.location_cont .root_daum_roughmap .wrap_controllers{display:none;}

/* location - 20230104 추가*/
.location .list{margin-bottom:150px;}
.location .list ul{display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 80px 60px;}
.list .location_cont{margin-bottom:0px;}
.location_cont .root_daum_roughmap{margin:0;}
.location_cont .map{}
.location_cont .textBox{}
.location_cont h4{padding: 30px 0;font-size: 28px;color: #222222;line-height: 1em;font-weight: 500;}
.location_cont h4 b{padding-right:3rem;line-height: 1em;}
.location_cont p{font-size: 20px;color:#666666;line-height: 1em;padding-top: 30px;border-top: 1px solid #dddddd;}

/* report */
.report {margin-bottom:100px;}
.report .report_list{display:flex;  flex-wrap:wrap;}
.report .report_list li{width:23.5%; margin-right:2%; text-align:center; margin-bottom:2%;}
.report .report_list li:nth-child(4n){margin-right:0;}
.report .report_list li a{display:block;}
.report .report_list p{ font-size:18px; color:#222; padding:20px 0;} 
.report_layer{width:100%; height:100%; position:fixed; top:0; left:0; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.7); display:none; z-index:999;}
.report_layer .pop_image{position:relative;}
.report_layer .pop_image .pop_close{color:#fff; position:absolute; right:-40px; top:0; font-size:30px; line-height:1; cursor:pointer;}



/* faq */
.faq{margin-bottom:100px;}
.faq_list{border-top:2px solid #222;}
.faq_list li{border-bottom:1px solid #ddd; position:relative;  cursor:pointer;}
.faq_list li:after{content:"\e9c5"; font-family: xeicon!important; position:absolute; right:30px; top:34px; font-size:24px; color:#222; font-weight:600; }
.faq_list li.active:after {content:"\e9c1";}
.faq_list li dl{  padding:30px;overflow:hidden;} 
.faq_list li dl b{ } 
.faq_list li dl dt {float:left;width:60px;}
.faq_list li dl dd{float:left; font-size:16px; width:calc(100% - 60px);}
.faq_list li dl dt strong{color:#d80028; border:2px solid #d80028; width:45px; height:45px; border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:20px; margin-right:20px; line-height:1;}
.faq_list li dl dd b{color:#222; font-weight:600; width:140px; display:inline-block;}
.faq_list li dl dd{font-size:18px; padding:10px; } 
.faq_list li dl.an{background:#f7f7f7; border-top:1px solid #ddd; display:none;  }
.faq_list li dl.an strong{background:#d80028; color:#fff;} 
.faq_list li dl.an dd{font-size:16px;}
 

/* inquiry */
.inquiry{margin-bottom:100px;}
.inquiry ul:not(.inq_privacy){border-top:2px solid #222;}
.inquiry ul{border-bottom:1px solid #ddd; padding:40px; display:flex;} 
.inquiry ul li:first-child{width:25%; font-size:28px;color:#222; font-weight:700;}
.inquiry ul li{width:75%;}
.inquiry ul li textarea{width:100%; border: none; padding:10px 5px; height:200px; font-size:16px;border-bottom:1px solid #ddd;}
.inquiry ul li input{width:100%; border: none;  height:50px; line-height:50px; font-size:16px; border-bottom:1px solid #ddd;}
.inquiry ul li dl{font-size:18px;color:#222; display:flex;  flex-wrap:wrap;}
.inquiry ul li dl dt{padding:20px 10px; width:150px; font-weight:500;}
.inquiry ul li dl dd{padding:10px; width:calc(100% - 150px);}
.inquiry ul li dl dd p{font-size:16px; margin-top:10px; color:#999;}
.required{color:#d80028; margin-left:5px;}
.inquiry ul.inq_privacy li textarea{background:#f7f7f7;  border:none; padding:20px; margin-bottom:20px;}



/* product */
.product_cont .youtube_wr{margin-bottom:150px;}
.product_cont h2{font-size:36px; font-weight:bold; margin-bottom:30px; color:#222;} 
.prd_guide{display:flex; flex-wrap:wrap; padding:20px 0 150px; position:relative; margin-bottom:150px;}
.prd_guide::after{content:''; width:60%; height:80%; background:#f0f0f0; position:absolute; left:-30%; bottom:0; z-index:-1;}
.prd_guide::before { 
	content:'';
	position:absolute;
	right:0;
	bottom:10%;
	width:451px;
	height:307px;
	background:url('/images/main/about_bg.png');  
	z-index:-1;
}
.prd_guide > div{width:48%;}
.prd_guide .txt{padding:50px;}
.prd_guide .txt h3{font-size: 36px;color:#222;margin-bottom:20px;line-height:1.4}
.prd_guide .txt h3 b{ color:#d80028; vertical-align:baseline; line-height:1.4}
.prd_guide .txt p{font-size:18px; line-height:1.8;}

.prd_item{margin-bottom:100px;}
.prd_item .swiper-container {
  position: relative;
  width: 100%; 
}
 

.prd_item .swiper-slide { 
  display: -webkit-box;
  display: flex; 
  height: 500px;
  width: 600px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transform: scale(1);
  transform: scale(1); 
}
.prd_item .swiper-slide.swiper-slide-active {
  -webkit-transform: scale(2);
  transform: scale(2); 
  height: 500px; 
  z-index: 9;
  color: #fff;
}
.prd_item .swiper-slide.swiper-slide-active img{
	box-shadow:10px 10px 30px 10px rgba(0,0,0,0.2);
} 

.prd_item .swiper-buttons, .swiper-controlls {
  display: flex;
  align-items: center;
  justify-content:center;
  padding:20px 0;
}

.prd_item .swiper-buttons > div {
  z-index: 99;
  font-size:30px;
  display: block;
  cursor: pointer; 
  color:#222;
  line-height:1;
}

.prd_item .swiper-controlls .swiper-page {
  font-size: 22px;
  width: auto!important;
  color:#999;
}
.prd_item .swiper-controlls .swiper-page span{
	vertical-align:baseline;
	margin:0 10px;
}
.prd_item .swiper-controlls .swiper-page .swiper-pagination-current{
	color:#222;
} 

.prd_step{background:#f0f0f0; padding:150px 0;}
.prd_step ul{display:flex; justify-content:space-between; flex-wrap:Wrap;}
.prd_step ul li{width:30%; margin-bottom:3%; border:1px solid #ddd; padding:50px 20px; text-align:center; background:#fff; position:relative;} 
.prd_step ul li:not(:nth-child(3n)):after{content:''; width:23px; height:23px; position:absolute; right:-11%; top:50%; margin-top:-11.5px; background:url('/images/sub/product_arr.png') no-repeat 0 0;}
.prd_step ul li strong{display:block; color:#222; width:30px; height:30px; display:flex; justify-content:Center; align-items:center; border-radius:50%; background:#fff; margin:0 auto -15px; position:relative; z-index:2;}
.prd_step ul li h3{display:block; margin:20px 0 0; font-size:22px; color:#222;}
.prd_step ul li p{font-size:18px;} 
.prd_step ul li img{ filter: grayscale(1);}
.prd_step ul li.active img{ filter:none;}


/* product - 20230104 추가*/
.N_guide{}
.N_guide h2{font-size: 43px;}
.N_guide h2 b{color:#d80028; vertical-align:baseline; }
.N_guide p{font-size: 18px; color: #666666;}
.N_guide .prd_guide{padding-top:80px;justify-content: space-between;position: relative;}
.N_guide .prd_guide:last-of-type{margin-bottom: 0;}
.N_guide .prd_guide::before{content:none;}
.N_guide .prd_guide > div{overflow: hidden;}

.N_guide .prd_guide:nth-child(2n)::after{content:''; width:60%; height:80%; background:#f0f0f0; position:absolute; left:unset; right:-30%; bottom:0; z-index:-1;}


.N_guide .img-silder{position:relative;max-width: 600px;}
.N_guide .img-silder .swiper-wrapper{
}
.N_guide .img-silder .swiper-slide{
    padding-bottom: 4rem;
}
.N_guide .img-silder .swiper-slide img{}
.N_guide .swiper-pagination{max-width: 600px;}
.N_guide .swiper-pagination span{
    width: 11px;
    height: 11px;
    background: #cccccc;
    border-radius: 50%;
    margin: 5px;
    opacity: 1;
}
.N_guide .img-silder .swiper-pagination span.swiper-pagination-bullet-active{
    width: 16px;
    background-color: #d80028;
    height: 16px;
}
.N_guide .prd_guide .txt{padding-right: calc(50px + 5%);}


/* performance */
.performance-wr{}
.performance-wr ul{display:grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 45px;padding-bottom: 150px;}
.performance-wr li{}
.performance-wr li img{border: 1px solid #ddd;max-width: 324px;/* height: 148px; *//* object-fit: cover; */width: 100%;}
.performance-wr li p{font-size:18px;color:#222;text-align: center;font-weight: 500;padding-top: 15px;}


/* features */
.features_cont{position:relative;}
.features_cont:after{content:'DAEWON'; position:absolute; right:5%; bottom:0; color:#f0f0f0; line-height:.6; font-size:180px; font-weight:900;}
.features_cont .txt{padding:50px 0 150px;}
.features_cont h3{font-size:32px; color:#222; display:block;}
.features_cont h3:after{content:''; width:35px; height:2px; background:#aaa; margin:25px 0; display:block;}
.features_cont p{font-size:18px; line-height:1.8;}
.features_enbipol{background:#f0f0f0; padding:150px 0 100px;}
.features_enbipol h2{font-size:40px; color:#222; margin-bottom:30px;}
.features_enbipol ul {display:flex; justify-content:space-between; flex-wrap:wrap }
.features_enbipol ul li{background:#fff; padding:50px 40px; border:1px solid #ddd; font-size:20px; width:23%; margin-bottom:2%;}
.features_enbipol ul li strong{display:block; font-style:italic; color:#222;}
.features_enbipol ul li strong:after{content:''; width:18px; height:2px; background:#ddd; display:block; margin:15px 0;}
.features_enbipol ul li p{line-height:1.8;}
.features_enbipol ul li p b{color:#222; vertical-align:baseline;}








/*********************************************** responsive ***********************************************/


@media screen and (max-width:1200px){ 
	.header_container nav.sp_gnb{display:none;}
		
	/* location - 20230104 추가*/
	.location .list{}
	.location .list ul{display:grid;grid-template-columns: repeat(1, minmax(0, 1fr));}
	.list .location_cont{}
	.location_cont .root_daum_roughmap{}
	.location_cont .map{}
	.location_cont .textBox{}
	.location_cont h4{font-size: 22px;}
	.location_cont h4 b{}
	.location_cont p{font-size: 16px;}


	.N_guide .prd_guide .txt h3{font-size: 30px;}
	.N_guide .prd_guide .txt p{font-size: 16px;}
	.N_guide .prd_guide .txt{padding:30px}

	
	/* performance */
	.performance-wr{}
	.performance-wr ul{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 4vw;}
	.performance-wr li{}
	.performance-wr li img{/* height:120px; */}
	.performance-wr li p{}
} 

@media screen and (max-width:940px){
	.N_guide h2{font-size:38px;margin-bottom: 20px;}
	.N_guide .prd_guide{flex-direction: column;}
	.N_guide .prd_guide > div{width: 100%; margin: 0 auto;}
	.N_guide .prd_guide img{margin:0 auto; display:block;}
	.N_guide .prd_guide:nth-child(2n){}
	.N_guide .prd_guide:nth-child(2n) .txt{order:2;}
	.N_guide .prd_guide:nth-child(2n) .img{order:1;}
	
}

@media screen and (max-width:768px){ 
	#header{height:80px;}
	.header_container{padding:0 5%;}
	#all_menu .all_menu_hd{height:80px; padding:0 5%;}
	#logo img{max-width:154px;     vertical-align: text-bottom;}
	#all_menu > ul{padding:20px 0;display:block;}
	#all_menu > ul > li .lnb{display:none;}  
	#all_menu > ul > li:last-child,
	#all_menu > ul > li:first-child,
	#all_menu > ul > li{padding:5px 30px}
	#all_menu > ul > li .lnb > a{border-bottom:1px solid #ddd; font-size:16px;}
	#all_menu > ul > li .gnb_button{font-size:20px; margin:10px 0; position:relative;}
	#all_menu > ul > li .gnb_button:after{content:"\e942"; font-family: xeicon!important; position:absolute; right:0; top:4px; font-size:14px;}  

	#footer{padding:30px 0;}
	#footer .ft_link a{font-size:14px;}
	#footer .ft_body > a img{width:154px;}
	#footer .ft_body{flex-wrap:wrap;}
	#footer .ft_body > div{width:100%; margin-top:20px;}
	#footer .ft_link{  padding-bottom: 15px;  margin-bottom: 15px;}

	.checkbox input[type=checkbox]+ label{font-size:14px;}   
	.more_btn{padding:0 30px; height: 48px;  line-height: 42px; font-size:14px;     margin: 30px 0;}
	.more_btn i{display:none;}


	.sub_visual{height:300px; padding-top: 130px;}
	.sub_visual h1{font-size:34px;}
	.sub_visual p{font-size:14px;}   
	.sub_visual .sub_tabs ul li a{font-size:14px;     height: 50px;  line-height:50px;}   
	.sub_visual .sub_tabs{bottom:-25px;}
	.sub_cont_tit{font-size:30px;     margin:80px auto 30px;}
	.about_video{padding-bottom:80px;}
	.about_cont h2{font-size:30px; margin-bottom:20px; }
	.about_cont h2 br{display:none;}
	.about_cont{padding:80px 0 20px}
	.about_cont .leftbar{ font-size:18px;}
	.about_cont .leftbar h3{margin-bottom:20px;}
	.about_cont .leftbar ul{display:flex; justify-content:space-between;}
	.about_cont .leftbar a{font-size:16px;}
	.about_cont .leftbar.fixed{top:0; background: #fff; padding:10px 0; width:100%;}
	.about_cont .leftbar.fixed h3{margin-bottom:0;}
	.about_cont .leftbar a:before{    transform: translateY(-5px);}
	.about_cont .sections p{font-size:16px;     padding: 20px 0 50px;}

	.greeting_cont{flex-wrap:wrap; margin-bottom:80px;}
	.greeting_cont .img{width:80%;  } 
	.greeting_cont .txt{width:100%; padding: 30px;}
	.greeting_cont:before{width:100%;}
	.greeting_cont .txt p{font-size:16px;}
	.greeting_cont:after{font-size:30px;}

	.history_cont{margin-bottom:80px;}
	.history_cont li strong{font-size:30px;}
	.history_cont ul{padding:5px 0;}
	.history_cont ul:after{left:0;}
	.history_cont li p span{font-size:17px;}
	.history_cont li p{font-size:16px;}
	.history_cont li{padding-left:50px;}
	.history_cont li:nth-child(2n){padding-right:0; padding-left:50px; justify-content:start}
	.history_cont li:nth-child(2n) strong{text-align:left;}
	.history_cont li:before{left:4px; top: 22px;}
	.history_cont li:after{left:0; top:16px;} 

	.location_cont{margin-bottom:80px;}
	.location_cont h2{font-size:26px;}
	.location_cont li{padding:20px; flex-wrap:wrap;}
	.location_cont li h3{font-size:18px; width:100%;}
	.location_cont li dl{font-size:16px; width:100%; margin:5px 0;}
	.location_cont .root_daum_roughmap{height:300px; margin-bottom:50px; margin-top:10px;}

	/* location - 20230104 추가*/
	.location .list{}
	.location .list ul{}
	.list .location_cont{}
	.location_cont .root_daum_roughmap{margin:0;}
	.location_cont .map{}
	.location_cont .textBox{}
	.location_cont h4{padding: 30px 0 20px;}
	.location_cont h4 b{}
	.location_cont p{padding-top: 20px;}

	.prd_guide{margin-bottom:80px; padding:0;}
	.product_cont h2{font-size:26px;}
	.prd_guide{padding:0 0 30px;}
	.prd_guide > div{width:100%;}
	.prd_guide .txt{padding:50px 20px;}
	.prd_guide .txt h3{font-size:30px;}
	.prd_guide .txt p{font-size:16px; }

	.product_cont .youtube_wr{margin-bottom:80px;}
 
 	.prd_item{margin-bottom:80px;}
	.prd_item .swiper-slide{height:200px;}
	.prd_item .swiper-slide.swiper-slide-active{height:200px;}
	.prd_item .swiper-buttons > div{font-size:16px;}
	.prd_item .swiper-controlls .swiper-page{font-size:16px;}
	.prd_item .swiper-buttons, .swiper-controlls{padding:0;}
	.prd_item .swiper-slide.swiper-slide-active img{box-shadow: 3px 3px 10px 3px rgb(0 0 0 / 20%);}

	.prd_step{padding:80px 0 50px;}
	.prd_step ul li{width:100%; margin-bottom:55px;}
	.prd_step ul li:not(:nth-child(3n)):after{transform:rotate(90deg); left:50%; bottom:-40px; top: auto;  margin-top: auto; margin-left:-11.5px;}
	.prd_step ul li h3{font-size:20px;}
	
	.N_guide .prd_guide .txt{padding: 30px 0;}

	/* performance */
	.performance-wr{}
	.performance-wr ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.performance-wr li{}
	.performance-wr li img{/* height:120px; */}
	.performance-wr li p{padding-top:5px; font-size:16px;}


	.features_cont h3{font-size:24px;}
	.features_cont .txt{padding: 30px 0 100px;}
	.features_cont p{font-size:16px;}
	.features_cont:after{font-size:60px;}
	.features_enbipol{padding:80px 0 50px;}
	.features_enbipol h2{font-size:30px;}
	.features_enbipol ul li{width:100%; font-size:18px;}

	
	.report{margin-bottom:30px;}
	.report .report_list li{width:49%;}
	.report .report_list li:nth-child(2n){margin-right:0;}
	.report .report_list p{font-size:16px; padding: 15px 0;}

	.boardTop{flex-wrap:wrap; margin-bottom:20px;}
	.boardTop .total{font-size:14px; margin-bottom:20px;}
	.selArea{margin:0 auto;}
	.boardListArea{margin:0 auto;}
	.srboardList .listTable .colTbl th{font-size:14px;}
	.pager{margin:20px auto;}
	.srboardView .viewArea .viewTitle .subInfo ul li{padding:0;}
	.srboardView .viewArea .viewTitle dt{padding:10px;}
	.srboardView .viewArea .viewTitle dd{padding:10px;}
	.srboardView .viewArea .viewTitle .subInfo ul li+li{text-align:left;}

	.srboardView .viewArea .preViewTitle dl{padding:5px 0;}
	.srboardView .viewArea .preViewTitle dl dt{font-size:16px;}
	.bottomBtn{margin:0 0 20px;}
	.btnList{width:50px; height:50px;}
	.btnList i{font-size:20px;}
	.srboardList .listGallery .colUll > ul > li{margin-bottom:20px;}

	.boardTop .cate{  margin-bottom:20px;}
	.boardTop .cate a{font-size:14px;}
	.faq{margin-bottom:80px;}
	.faq_list li dl{padding:20px 10px;} 
	.faq_list li dl dt{width:40px;}
	.faq_list li dl dt strong{width:40px; height:40px; font-size:14px}
	.faq_list li dl dd{font-size:14px; width: calc(100% - 40px);}
	.faq_list li dl dd b{width:80px;}
	.faq_list li:after{font-size:16px;     top: 26px; right:10px}
	.faq_list li dl.an dd{font-size:14px;}

	.inquiry{margin-bottom:50px;}
	.inquiry ul{padding:30px 10px; flex-wrap:wrap;}
	.inquiry ul li:first-child{width:100%; font-size:20px; margin-bottom:20px;}
	.inquiry ul li{width:100%;}
	.inquiry ul li dl dt{padding: 15px 0; width:80px;}
	.inquiry ul li dl{font-size:16px;}
	.inquiry ul li dl dd{padding:  0;width: calc(100% - 80px);}
	.inquiry ul li input{font-size:14px;}
	.inquiry ul li textarea{font-size:14px; height:160px; padding: 15px 5px;}
	.filebox .upload-name{width:100%;}
	.filebox label{margin-left:0; margin-top:10px; height:40px; line-height:40px; font-size:14px;}
	.inquiry ul li dl dd p{ font-size:14px;}
 
}