@charset "utf-8";

/* ======================================================
   .cont-top 
=========================================================*/
.cont-top{margin-bottom:0px;padding-top:0px;}
.cont-top h2{font-size:48px; color:#000; letter-spacing:-0.065em; line-height:1.3em; padding-top:150px;}
.cont-top h2 span{font-size:32px; color:#000; letter-spacing:-0.065em; line-height:1.0em;}

.cont-top .snb{margin-top:10px; position:relative; }
.cont-top .snb .ov{position:Relative;}
.cont-top .snb ul{position:relative;z-index:2111}
.cont-top .snb ul:after{display:block ;content:"";clear:both}
.cont-top .snb li{float:left; position:relative;margin-right:50px;}
.cont-top .snb li:last-child{margin-right:0;}
.cont-top .snb li a{display:block; line-height:60px;font-size:22px ;font-weight:700; color:#999; letter-spacing:-0.05em}
.cont-top .snb li.active a{color:#000; border-bottom:2px solid #000;  }

.cont-top .snb .under{position:Absolute; left:0; top:0; z-index:1999; width:0;border-bottom:0px solid #000; box-sizing:border-box;}


	@media only screen and (max-width:1480px) {
		.cont-top h2{font-size:43px;} 
		.cont-top h2 span{font-size:28px;}
		.cont-top .snb li{margin-right:50px;}
		.cont-top .snb li a{font-size:18px;}
		
		.cont-top .snb{margin-top:35px;}
	}
	@media only screen and (max-width:1280px) {
		.cont-top h2{font-size:38px;}
	}
	@media only screen and (max-width:1185px) {
		.top-btn{width:40px;height:40px; right:-40px; bottom:15px;}
		.top-btn.over{right:15px;}
	}
	@media only screen and (max-width:999px) {
		
		.cont-top{margin-bottom:20px;}
		.cont-top h2{font-size:33px;  padding-top:50px;}
		.cont-top h2 span{font-size:24px;}

		.cont-top .snb{margin-top:25px;}
		.cont-top .snb:after{border-bottom:0px solid #ddd;position:absolute ;left:0; bottom:50%;display:block; content:""; width:100%;z-index:-1;}
		.cont-top .snb:before{width:100%;height:100%; position:absolute ;left:0; top:0 ;border:1px solid #ddd;box-sizing:border-box; display:block; content:"";z-index:-1;}
		.cont-top .snb .ov{position:Relative;}
		.cont-top .snb .ov:after{width:0;height:100%; position:absolute ;left:66.33333%; margin-left:1px; top:0 ;border-left:1px solid #ddd;box-sizing:border-box; display:block; content:"";z-index:-1;}
		.cont-top .snb .ov:before{width:0;height:100%; position:absolute ;left:33.33333%; top:0 ;border-right:1px solid #ddd;box-sizing:border-box; display:block; content:"";z-index:-1;}
		.cont-top .snb ul{position:relative;}
		.cont-top .snb li{margin-right:0; width:33.3333%;}
		
		.cont-top .snb li:nth-child(n+4):after{display:none; border-top:1px solid #ddd;}
		.cont-top .snb li:nth-child(n+4){border-top:1px solid #ddd;}
		.cont-top .snb li:nth-child(6){border-bottom:1px solid #ddd;}
		.cont-top .snb li a{font-size:16px;text-align:center; line-height:42px;}
		.cont-top .snb li a:after{}
		
		.cont-top .snb .under{border:1px solid #000; max-height:42px;}

			}
	@media only screen and (max-width:680px) {
		.cont-top{margin-bottom:0px;padding-top:70px;}
		.cont-top h2{font-size:28px;}
		.cont-top h2 span{font-size:20px;}

		.cont-top .snb{margin-top:15px;}
		.cont-top .snb li a{font-size:14px;display:flex;align-items: center; justify-content: center;line-height:1.2em; height:42px; padding:0 10px;}
	}
	@media only screen and (max-width:480px) {
		.cont-top{margin-bottom:0px;}
		.cont-top h2{font-size:23px;}
		.cont-top h2 span{font-size:17px;}
		.cont-top .snb li a{font-size:16px; height:50px; padding:0 2px;  }
		.cont-top .snb li.active a{color:#000; border-bottom:0px solid #000;  }
		.cont-top .snb .under{max-height:50px;}

		.cont-top .snb li:nth-child(n+2){border-bottom:1px solid #ddd;}
	}



/* ======================================================
   .cont-top .snb02
=========================================================*/


.cont-top .snb02{margin-top:10px; position:relative; }
.cont-top .snb02 .ov{position:Relative;}
.cont-top .snb02 ul{position:relative;z-index:2111}
.cont-top .snb02 ul:after{display:block ;content:"";clear:both}
.cont-top .snb02 li{float:left; position:relative;margin-right:50px;}
.cont-top .snb02 li:last-child{margin-right:0;}
.cont-top .snb02 li a{display:block; line-height:60px;font-size:22px ;font-weight:700; color:#999; letter-spacing:-0.05em}
.cont-top .snb02 li.active a{color:#000; border-bottom:2px solid #000;  }

.cont-top .snb02 .under{position:Absolute; left:0; top:0; z-index:1999; width:0;border-bottom:0px solid #000; box-sizing:border-box;}


	@media only screen and (max-width:1480px) {
		
		.cont-top .snb02{margin-top:35px;}
	}
	@media only screen and (max-width:1280px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		
		.cont-top .snb02{margin-top:25px;}
		.cont-top .snb02:after{border-bottom:0px solid #ddd;position:absolute ;left:0; bottom:50%;display:block; content:""; width:100%;z-index:-1;}
		.cont-top .snb02:before{width:100%;height:100%; position:absolute ;left:0; top:0 ;border:1px solid #ddd;box-sizing:border-box; display:block; content:"";z-index:-1;}
		.cont-top .snb02 .ov{position:Relative;}
		.cont-top .snb02 .ov:after{width:0;height:100%; position:absolute ;left:66.33333%; margin-left:1px; top:0 ;border-left:1px solid #ddd;box-sizing:border-box; display:block; content:"";z-index:-1;}
		.cont-top .snb02 .ov:before{width:0;height:100%; position:absolute ;left:33.33333%; top:0 ;border-right:1px solid #ddd;box-sizing:border-box; display:block; content:"";z-index:-1;}
		.cont-top .snb02 ul{position:relative;}
		.cont-top .snb02 li{margin-right:0; width:48%;}
		
		.cont-top .snb02 li:nth-child(n+3):after{display:none;}
		.cont-top .snb02 li:nth-child(n+3){border-top:1px solid #ddd;}
		.cont-top .snb02 li:nth-child(6){border-bottom:1px solid #ddd;}
		.cont-top .snb02 li a{font-size:16px;text-align:center; line-height:42px;}
		.cont-top .snb02 li a:after{}
		
		.cont-top .snb02 .under{border:1px solid #000; max-height:42px;}

			}
	@media only screen and (max-width:680px) {
		
		.cont-top .snb02{margin-top:15px;}
		.cont-top .snb02 li a{font-size:14px;display:flex;align-items: center; justify-content: center;line-height:1.2em; height:42px; padding:0 10px;}
	}
	@media only screen and (max-width:480px) {
		
		.cont-top .snb02 li a{font-size:16px; height:50px; padding:0 2px;  }
		.cont-top .snb02 .under{max-height:50px;}
	}


/* ======================================================
   .about-wrap.about
=========================================================*/
.about-wrap.about{position:relative; padding-top:50px;}
.about-wrap .about-01 .txt{max-width:1840px; padding:0 20px; box-sizing:border-box;margin:0 auto;}
.about-wrap .about-01 .txt h3{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.about-wrap .about-01 .txt .btxt{font-size:36px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.4em; margin-top:50px}
.about-wrap .about-01 .txt .stxt{font-size:24px; color:#333; font-weight:400; letter-spacing:-0.03em; line-height:1.6em; margin-top:30px; margin-bottom:100px;  }
	@media only screen and (max-width:1440px) {	
		.about-wrap .about-01 .txt h3{font-size:42px;}
		.about-wrap .about-01 .txt .btxt{font-size:32px; margin-top:40px;}
		.about-wrap .about-01 .txt .stxt{font-size:17px; margin-top:20px}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px) {
		.about-wrap .about-01 .txt h3{font-size:36px;}
		.about-wrap .about-01 .txt .btxt{font-size:28px; margin-top:30px;}
		.about-wrap .about-01 .txt .stxt{font-size:16px; margin-top:10px}
	}
	@media only screen and (max-width:680px) {
		
		.about-wrap .about-01 .txt h3{font-size:30px;}
		.about-wrap .about-01 .txt .btxt{font-size:24px; }
		.about-wrap .about-01 .txt .stxt{font-size:15px;}
		.about-wrap .about-01 .txt .stxt br{display:none;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap .about-01 .txt h3{font-size:24px;}
		.about-wrap .about-01 .txt .btxt{font-size:20px;}
		.about-wrap .about-01 .txt .stxt{font-size:14px; margin-top:0px; margin-bottom:30px; }
	}

.about-wrap .about-01 .tab{margin-top:30px;position:relative; z-index:922;}
.about-wrap .about-01 .tab .ov{position:relative; }
.about-wrap .about-01 .tab ul:after{display:block; content:"";clear:both;}
.about-wrap .about-01 .tab li{float:left; position:relative; z-index:2}
.about-wrap .about-01 .tab li:before{width:100%;height:100%; border:1px solid #000; box-sizing:border-box; right:0; top:0; display:block; content:"";z-index:-1; position:absolute;}
.about-wrap .about-01 .tab li a{position:relative;text-align:center;box-sizing:border-box; min-width:155px; display:block; font-weight:400; font-size:16px; letter-spacing:-0.025em; line-height:52px;height:52px; padding:0 19px;}
.about-wrap .about-01 .tab li.active, .about-wrap .about-01 .tab li.active:hover {z-index:6}
.about-wrap .about-01 .tab li:hover {z-index:4}
.about-wrap .about-01 .tab li.active a{color:#f58220;font-weight:500;}
.about-wrap .about-01 .tab li:nth-child(n+2):before{border-left:none;}
.about-wrap .about-01 .tab .under{width:100%;height:52px !Important;; border:2px solid #000;background:#fff; box-sizing:border-box; right:0; top:0; display:block; content:"";z-index:-1; position:absolute; }

.about-wrap .about-01 .vis{height:500px;position:relative;margin:0 auto;margin-top:0px;} 
.about-wrap .about-01 .vis .img{position:Absolute ;left:50% ; top:0;width:80%; overflow:hidden; width:80%;height:100%; display:block; content:"";z-index:-1;background:url(../img/content/about-img01.jpg) no-repeat center center; background-size:cover;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}

.about-wrap .about-01 .vis02{height:500px;position:relative;margin:0 auto;margin-top:0px;} 
.about-wrap .about-01 .vis02 .img{position:Absolute ;left:50% ; top:0;width:80%; overflow:hidden; width:80%;height:100%; display:block; content:"";z-index:-1;background:url(../img/content/about-img02.jpg) no-repeat center center; background-size:cover;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
	
	@media only screen and (max-width:1440px) {	
		.about-wrap .about-01 .tab li a{min-width:200px; font-size:16px; line-height:55px; height:55px;}
		.about-wrap .about-01 .tab .under{height:55px !important;}

		.about-wrap .about-01 .vis{height:350px}
		.about-wrap .about-01 .vis02{height:350px}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px) {
		.about-wrap .about-01 .tab{margin-top:20px;}
		.about-wrap .about-01 .tab li{width:33.333333%;}
		.about-wrap .about-01 .tab li a{min-width:auto;font-size:15px; line-height:50px; height:50px;padding:0 5px;}
		.about-wrap .about-01 .tab .under{height:50px !important;}

		.about-wrap .about-01 .vis{margin-top:40px;height:300px}
		.about-wrap .about-01 .vis02{margin-top:40px;height:300px}
	}
	@media only screen and (max-width:680px) {
		.about-wrap .about-01 .tab li a{font-size:14px; line-height:45px; height:45px;}
		.about-wrap .about-01 .tab .under{height:45px !important;}

		.about-wrap .about-01 .vis{margin-top:0px; height:200px}
		.about-wrap .about-01 .vis02{margin-top:0px; height:200px}
	}
	@media only screen and (max-width:480px) {
		.about-wrap .about-01 .tab li a{font-size:13px;}
	}


.about-wrap .about-02{margin-top:150px;}
.about-wrap .about-02 .cont{max-width:1440px; box-sizing:border-box;padding:0 20px; margin:0 auto;}
.about-wrap .about-02 .cont .btxt{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.about-wrap .about-02 .cont .stxt{font-size:30px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.4em; margin-top:45px}
.about-wrap .about-02 .cont .ctxt{font-size:18px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:1.6em; margin-top:20px}

.about-wrap .about-02 .vis{ margin-top:150px;height:500px;background:url(../img/content/about-img02.jpg) no-repeat center center; background-size:cover;} 
.about-wrap .about-02 .vis .txt{max-width:1440px; box-sizing:border-box;padding:0 20px; margin:0 auto; height:500px;  display:flex;align-items: center; justify-content: center;}
.about-wrap .about-02 .vis .txt .vc{width:100%; box-sizing:border-box; padding-left:0%;text-align:center;}
.about-wrap .about-02 .vis .txt .ab{display:inline-block;vertical-align:top;text-align:left;}
.about-wrap .about-02 .vis .btxt{font-size:48px; color:#fff; font-weight:700; letter-spacing:-0.03em; line-height:1.4em;}
.about-wrap .about-02 .vis .stxt{font-size:24px ;font-weight:500; color:#fff; letter-spacing:-0.03em; line-height:2.0em; margin-top:20px;}
.about-wrap .about-02 .vis .ctxt{font-size:16px ;font-weight:300; color:#fff; letter-spacing:-0.03em; line-height:1.6em; margin-top:20px;}
	@media only screen and (max-width:1440px) {	
		.about-wrap .about-02{margin-top:80px;}
		.about-wrap .about-02 .cont .btxt{font-size:42px; }
		.about-wrap .about-02 .cont .stxt{font-size:27px; margin-top:35px}
		.about-wrap .about-02 .cont .ctxt{font-size:17px; margin-top:15px}

		.about-wrap .about-02 .vis{height:460px;}
		.about-wrap .about-02 .vis .txt{height:460px}
		.about-wrap .about-02 .vis .btxt{font-size:36px;}
		.about-wrap .about-02 .vis .stxt{font-size:18px;margin-top:15px;}
		.about-wrap .about-02 .vis .ctxt{font-size:15px;margin-top:15px;}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px) {
		.about-wrap .about-02{margin-top:60px;}
		.about-wrap .about-02 .cont .btxt{font-size:36px; }
		.about-wrap .about-02 .cont .stxt{font-size:24px; margin-top:25px}
		.about-wrap .about-02 .cont .ctxt{font-size:16px; margin-top:10px}

		.about-wrap .about-02 .vis{ margin-top:60px; height:420px}
		.about-wrap .about-02 .vis .txt{height:420px}
		.about-wrap .about-02 .vis .btxt{font-size:32px;}
		.about-wrap .about-02 .vis .stxt{font-size:17px;margin-top:10px;}
		.about-wrap .about-02 .vis .ctxt{font-size:14px;margin-top:10px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap .about-02{margin-top:40px;}
		.about-wrap .about-02 .cont .btxt{font-size:30px; }
		.about-wrap .about-02 .cont .stxt{font-size:21px; margin-top:15px}
		.about-wrap .about-02 .cont .ctxt{font-size:15px; margin-top:5px}
		
		.about-wrap .about-02 .vis{ margin-top:40px; height:350px}
		.about-wrap .about-02 .vis .txt{height:350px}
		.about-wrap .about-02 .vis .txt .vc{padding:0 20px}
		.about-wrap .about-02 .vis .txt .ab{text-align:Center; display:block;}
		.about-wrap .about-02 .vis .btxt{font-size:28px;}
		.about-wrap .about-02 .vis .stxt{font-size:16px;}
		.about-wrap .about-02 .vis .ctxt{font-size:13px;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap .about-02 .cont .btxt{font-size:24px; }
		.about-wrap .about-02 .cont .stxt{font-size:18px;}
		.about-wrap .about-02 .cont .ctxt{font-size:14px;}
		
		.about-wrap .about-02 .vis{height:300px}
		.about-wrap .about-02 .vis .txt{height:300px}
		.about-wrap .about-02 .vis .btxt{font-size:24px;}
		.about-wrap .about-02 .vis .stxt{font-size:15px;}
		.about-wrap .about-02 .vis .ctxt{font-size:12px;}
	}


.about-wrap .about-03{max-width:1340px;box-sizing:border-box; margin:0 auto; margin-top:100px; margin-bottom:150px;}
.about-wrap .about-03 .txt{position:relative; padding-left:50%; }
.about-wrap .about-03 .txt h3{font-size:36px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.4em;  position:Absolute; left:0; top:0; text-align:left;}
.about-wrap .about-03 .txt .btxt{font-size:24px; color:#000; letter-spacing:-0.03em; line-height:1.4em;}
.about-wrap .about-03 .txt .stxt{font-size:18px; color:#555;font-weight:300;  letter-spacing:-0.03em; line-height:1.6em; margin-top:20px;}

.about-wrap .about-03 ul{margin-top:80px}
.about-wrap .about-03 ul:after{display:block; content:"";clear:both}
.about-wrap .about-03 li{float:left; width:33.3333%; position:Relative; padding-top:145px;}
.about-wrap .about-03 li:before{width:120px;height:120px; position:absolute ;left:0; top:0; display:block; content:""}
.about-wrap .about-03 li .btxt{font-size:30px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.4em;}
.about-wrap .about-03 li .stxt{font-size:18px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:1.6em; margin-top:15px}

.about-wrap .about-03 li:nth-child(1):before{background:url(../img/content/about-ico01.jpg) no-repeat left center;}
.about-wrap .about-03 li:nth-child(2):before{background:url(../img/content/about-ico02.jpg) no-repeat left center;}
.about-wrap .about-03 li:nth-child(3):before{background:url(../img/content/about-ico03.jpg) no-repeat left center;}
	@media only screen and (max-width:1440px) {	
		.about-wrap .about-03{margin-top:80px;}
		.about-wrap .about-03 .txt h3{font-size:42px; width:48%; }
		.about-wrap .about-03 .txt .btxt{font-size:22px; }
		.about-wrap .about-03 .txt .btxt br{display:none;}
		.about-wrap .about-03 .txt .stxt{font-size:17px;}
		.about-wrap .about-03 .txt .stxt br{display:none;}
		
		.about-wrap .about-03 ul{margin-top:60px}
		.about-wrap .about-03 li{box-sizing:border-box; padding-top:120px;}
		.about-wrap .about-03 li:before{width:100px;height:100px; background-size:100% auto !important;}
		.about-wrap .about-03 li .btxt{font-size:26px;}
		.about-wrap .about-03 li .stxt{font-size:17px;}
		
	}
	@media only screen and (max-width:1200px) {
		.about-wrap .about-03 .txt h3{font-size:36px; }
		.about-wrap .about-03 li{padding-top:100px; padding-right:20px;}
		.about-wrap .about-03 li:before{width:90px;height:90px;}
		.about-wrap .about-03 li .stxt br{display:none;}
	}
	@media only screen and (max-width:999px) {
		.about-wrap .about-03{margin-top:60px;}
		.about-wrap .about-03 .txt h3{font-size:32px; }
		.about-wrap .about-03 .txt .btxt{font-size:20px; }
		.about-wrap .about-03 .txt .stxt{font-size:16px;}
		
		.about-wrap .about-03 ul{margin-top:40px; padding-top:40px; border-top:1px solid #dedede;}
		.about-wrap .about-03 li .btxt{font-size:24px;}
		.about-wrap .about-03 li .stxt{font-size:16px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap .about-03{margin-top:20px;  margin-bottom:50px;}
		.about-wrap .about-03 .txt{padding-left:0}
		.about-wrap .about-03 .txt h3{font-size:30px; position:relative; left:auto; top:auto; margin-bottom:10px; width:auto;}
		.about-wrap .about-03 .txt .btxt{font-size:18px;}
		.about-wrap .about-03 .txt .stxt{font-size:15px;}
		.about-wrap .about-03 .txt .stxt br{display:none;}
		
		.about-wrap .about-03 li{float:none; width:auto;padding-top:0; padding-left:80px;}
		.about-wrap .about-03 li:before{width:70px;height:70px; background-size:100% auto !important; top:-15px;}
		.about-wrap .about-03 li:nth-child(n+2){margin-top:40px}
		.about-wrap .about-03 li .btxt{font-size:22px;}
		.about-wrap .about-03 li .stxt{font-size:15px; margin-top:10px;}
		.about-wrap .about-03 li .stxt br{display:none;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap .about-03 .txt h3{font-size:20px; }
		.about-wrap .about-03 .txt .btxt{font-size:16px; }
		.about-wrap .about-03 .txt .stxt{font-size:14px;}
		.about-wrap .about-03 li{padding-left:60px}
		.about-wrap .about-03 li:before{width:50px;height:50px; top:-5px;}
		.about-wrap .about-03 li .btxt{font-size:20px;}
		.about-wrap .about-03 li .stxt{font-size:14px;}
	}
/* ======================================================
   .about-wrap.history
=========================================================*/
.about-wrap.history{}
.about-wrap.history h3{font-size:36px; font-weight:700; letter-spacing:-0.03em; line-height:1.2em;  padding-left:10px; margin-bottom:30px; font-family: 'Pretendard';animation-delay:0.2s;}
.about-wrap.history h3.u-tit01{color:#213590; }
.about-wrap.history h3.u-tit02{color:#111; }

.about-wrap.history .gap130{height:130px;}

.about-wrap.history .vis{overflow:hidden;}
.about-wrap.history .vis img{width:100%;height:480px;object-fit:cover; -webkit-animation: imgAni 8s linear forwards; animation: imgAni 8s linear forwards}

	@keyframes imgAni {
		0%{ transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}
		50%{ transform:scale(1.15, 1.15); -webkit-transform:scale(1.15, 1.15); -moz-transform:scale(1.15, 1.15); -ms-transform:scale(1.15, 1.15);}
		100%{ transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}
	}	
	@media only screen and (max-width:1460px) {	
		.about-wrap.history h3{font-size:32px; margin-bottom:25px;}
		.about-wrap.history .gap130{height:110px;}
		
	}
	@media only screen and (max-width:1280px) {
		.about-wrap.history h3{font-size:28px; margin-bottom:20px;}
		.about-wrap.history .gap130{height:80px;}

		.about-wrap.history .vis img{height:400px;}
	}
	@media only screen and (max-width:999px) {
		.about-wrap.history h3{font-size:24px; margin-bottom:15px;}
		.about-wrap.history .gap130{height:65px;}

		.about-wrap.history .vis img{height:350px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap.history h3{font-size:20px;}
		.about-wrap.history .gap130{height:50px;}

		.about-wrap.history .vis img{height:300px;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap.history .vis img{height:250px;}
	}

.about-wrap.history .history{max-width:1340px;box-sizing:border-box;  margin:0 auto; margin-top:100px; margin-bottom:150px;}
.about-wrap.history .history dl{position:relative; padding-left:465px;}
.about-wrap.history .history dl:nth-child(n+2){margin-top:100px;}


.about-wrap.history .history dt{font-size:72px; position:Absolute ;left:0; top:0; line-height:1em; color:#13833b; font-weight:700; letter-spacing:-0.02em;}
.about-wrap.history .history dd{position:Relative; padding-left:200px;}
.about-wrap.history .history dd:before{position:absolute; left:-55px; border-left:1px solid #dadada; display:block; content:""; position:absolute; top:14px; height:calc(100% + 70px); z-index:-1}
.about-wrap.history .history dd:after{position:absolute; left:-55px; border-left:1px solid #2051ba; display:block; content:""; position:absolute; top:14px; height:0;-webkit-transition: height 0.5s linear;-moz-transition: height 0.5s linear;-o-transition: height 0.5s linear;transition: height 0.5s linear;}

.about-wrap.history .history dl dd:nth-child(n+3):before{height:calc(100% + 70px)}
.about-wrap.history .history dl:nth-child(n+2) dd:nth-child(2):before{top:14px; height:calc(100% + 70px)}
.about-wrap.history .history dl:last-child dd:last-child:before, .about-wrap.history .history dl:last-child dd:last-child:after{display:none;}


.about-wrap.history .history dd.is-inview:nth-child(n+3):after{height:calc(100% + 70px)}
.about-wrap.history .history dd.is-inview:after{ height:calc(100% + 70px)}
.about-wrap.history .history dl:nth-child(n+2) dd.is-inview:nth-child(2):after{transition-delay: 0.6s;}

.about-wrap.history .history dl:first-child dd:last-child:before{height:calc(100% + 100px)}
.about-wrap.history .history dl:first-child dd.is-inview:last-child:after{height:calc(100% + 100px)}

.about-wrap.history .history dd:nth-child(1):after{transition-delay: 0.1s;}
.about-wrap.history .history dd:nth-child(2):after{transition-delay: 0.2s;}
.about-wrap.history .history dd:nth-child(3):after{transition-delay: 0.3s;}
.about-wrap.history .history dd:nth-child(4):after{transition-delay: 0.4s;}
.about-wrap.history .history dd:nth-child(5):after{transition-delay: 0.5s;}
.about-wrap.history .history dd:nth-child(6):after{transition-delay: 0.6s;}
.about-wrap.history .history dd:nth-child(7):after{transition-delay: 0.7s;}
.about-wrap.history .history dd:nth-child(8):after{transition-delay: 0.8s;}
.about-wrap.history .history dd:nth-child(9):after{transition-delay: 0.9s;}
.about-wrap.history .history dd:nth-child(10):after{transition-delay: 1.0s;}


.about-wrap.history .history dd:nth-child(n+3){margin-top:70px;}
.about-wrap.history .history dd .year{position:absolute; left:0; top:0;font-size:30px; line-height:1em; font-weight:700 ;color:#111; letter-spacing:-0.02em;}
.about-wrap.history .history dd .year:before{width:9px;height:9px; background:#13833b; position:Absolute ;left:-59px; top:12px; border-radius:100%; display:block; content:""; z-index:1}
.about-wrap.history .history dd .year:after{width:19px;height:19px; background:#13833b; border:4px solid #e6e6e6; position:absolute ;left:-63px; top:8px; border-radius:100%; display:block; content:""; z-index:2;opacity:0;-webkit-transition: opacity 1.opacitys ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}

.about-wrap.history .history dl dd.is-inview .year:after{opacity:1;}
.about-wrap.history .history dl dd.is-inview .year.c01:after{transition-delay: 0.1s;}
.about-wrap.history .history dl dd.is-inview .year.c02:after{transition-delay: 0.2s;}
.about-wrap.history .history dl dd.is-inview .year.c03:after{transition-delay: 0.3s;}
.about-wrap.history .history dl dd.is-inview .year.c04:after{transition-delay: 0.4s;}
.about-wrap.history .history dl dd.is-inview .year.c05:after{transition-delay: 0.5s;}
.about-wrap.history .history dl dd.is-inview .year.c06:after{transition-delay: 0.6s;}
.about-wrap.history .history dl dd.is-inview .year.c07:after{transition-delay: 0.7s;}
.about-wrap.history .history dl dd.is-inview .year.c08:after{transition-delay: 0.8s;}
.about-wrap.history .history dl dd.is-inview .year.c09:after{transition-delay: 0.9s;}
.about-wrap.history .history dl dd.is-inview .year.c10:after{transition-delay: 1.0s;}


.about-wrap.history .history dd ul{padding:2px 0}
.about-wrap.history .history dd li{font-size:20px;font-weight:500; color:#111; letter-spacing:-0.02em; line-height:1.3em;}
.about-wrap.history .history dd li:nth-child(n+2){margin-top:9px;}
.about-wrap.history .history dd li:before{}
	@media only screen and (max-width:1460px) {	
		.about-wrap.history .history dl{padding-left:485px}
		.about-wrap.history .history dl:before{left:430px}
		.about-wrap.history .history dl:after{left:430px}

		
		.about-wrap.history .history dt{font-size:61px;}
		.about-wrap.history .history dd{padding-left:150px}
		.about-wrap.history .history dd:nth-child(n+3){margin-top:50px;}
		.about-wrap.history .history dd .year{font-size:32px;}
		.about-wrap.history .history dd .year:before{top:11px}
		.about-wrap.history .history dd .year:after{top:7px;}

		.about-wrap.history .history dd li{font-size:18px;}
	}
	@media only screen and (max-width:1280px) {
		.about-wrap.history .history dl{padding-left:395px}

		.about-wrap.history .history dt{font-size:52px;}
		.about-wrap.history .history dd{padding-left:130px}
		.about-wrap.history .history dd .year{font-size:28px;}
		.about-wrap.history .history dd .year:before{top:9px}
		.about-wrap.history .history dd .year:after{top:5px;}

		.about-wrap.history .history dd li{font-size:16px;}

	}
	@media only screen and (max-width:999px) {
		.about-wrap.history .history dl{padding-left:0}
		.about-wrap.history .history dl:nth-child(n+2){margin-top:80px;}
		.about-wrap.history .history dt{font-size:43px; position:relative; left:auto; top:auto; line-height:1em; margin-bottom:20px;}
		
		.about-wrap.history .history dd{padding-left:130px;}
		.about-wrap.history .history dd:before{left:11px;}
		.about-wrap.history .history dd:after{left:11px;}

		
		.about-wrap.history .history dl dd:nth-child(n+3):before{height:calc(100% + 30px)}
		.about-wrap.history .history dl:nth-child(n+2) dd:nth-child(2):before{top:14px; height:calc(100% + 30px)}
		.about-wrap.history .history dd.is-inview:nth-child(n+3):after{height:calc(100% + 30px)}
		.about-wrap.history .history dd.is-inview:after{ height:calc(100% + 30px)}

		.about-wrap.history .history dl dd:last-child:before, .about-wrap.history .history dl dd:last-child:after{display:none;}

		.about-wrap.history .history dd .year{font-size:24px; left:35px;}
		.about-wrap.history .history dd .year:before{left:-28px;top:11px;}
		.about-wrap.history .history dd .year:after{left:-32px;top:7px;}
		.about-wrap.history .history dd li{font-size:15px;}

		.about-wrap.history .history dd:nth-child(n+3){margin-top:30px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap.history .history{margin-top:50px; margin-bottom:50px;}
		.about-wrap.history .history dl{padding-left:0}
		.about-wrap.history .history dl:nth-child(n+2){margin-top:60px;}
		.about-wrap.history .history dt{font-size:34px;}
		.about-wrap.history .history dd{padding-left:110px;}
		.about-wrap.history .history dd .year{font-size:21px;}
		.about-wrap.history .history dd .year:before{top:6px;}
		.about-wrap.history .history dd .year:after{top:2px}
		.about-wrap.history .history dd li{font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap.history .history dt{font-size:25px;}
		.about-wrap.history .history dd .year{font-size:18px;}
		.about-wrap.history .history dd{padding-left:95px;}
	}


/* =====================================
   about-wrap
===================================== */
.about-wrap{position:relative;}
.about-wrap .info{max-width:1300px; padding:0 0px; box-sizing:border-box; margin:0 auto; position:relative;}
.about-wrap .info:before{width:30px;height:100%; position:absolute;right:-80px; bottom:0; display:block; content:"";background:url(../img/content/about-intxt.jpg) no-repeat right bottom;}
.about-wrap .info:after{display:block; content:"";clear:both;}
.about-wrap .info .txt{float:left; width:50%;}
.about-wrap .info .txt h3{font-weight:100; color:#111; font-size:48px;font-family: 'Spoqa Han Sans'; line-height:1.3em;letter-spacing:-0.03em;}
.about-wrap .info .txt h3 i{display:block;font-weight:600;line-height:1.2em; letter-spacing:-0.01em; font-family:"GothamPro"; display:block; font-size:18px;text-transform:uppercase; margin-bottom:10px;}
.about-wrap .info .txt h3 span{font-weight:700;}
.about-wrap .info .txt p{margin-top:45px;font-size:18px; color:#333; font-weight:400; line-height:1.55em; font-family: 'Spoqa Han Sans';letter-spacing:-0.03em;}
.about-wrap .info .img{float:right;width:50%;}
.about-wrap .info .img img{width:100%;height:667px;object-fit:cover;}
	@media only screen and (max-width:1400px) {
		.about-wrap .info .txt h3{font-size:42px;}
		.about-wrap .info .txt h3 i{font-size:17px;}
		.about-wrap .info .txt p{margin-top:35px;font-size:17px; }
		.about-wrap .info .img img{height:600px;}
	}
	@media only screen and (max-width:1100px) {
	
	
	}
	@media only screen and (max-width:999px) {
		.about-wrap .info .txt{float:none; width:auto;}
		.about-wrap .info .txt h3{font-size:36px;}
		.about-wrap .info .txt h3 i{font-size:16px; margin-bottom:5px;}
		.about-wrap .info .txt h3 br{display:none;}
		.about-wrap .info .txt p{margin-top:25px;font-size:16px; }
		.about-wrap .info .txt p br{display:none;}

		.about-wrap .info .img{float:none;width:auto; margin-top:35px}
		.about-wrap .info .img img{height:480px}
	}
	@media only screen and (max-width:680px) {
		.about-wrap .info .txt h3{font-size:30px;}
		.about-wrap .info .txt h3 i{font-size:15px;}
		.about-wrap .info .txt p{margin-top:15px;font-size:15px; }

		.about-wrap .info .img img{height:340px}
	}
	@media only screen and (max-width:480px) {
		.about-wrap .info .txt h3{font-size:27px;}
		.about-wrap .info .txt h3 i{font-size:14px;}

		.about-wrap .info .img img{height:200px}
	}


.about-wrap .craft{margin-top:195px;background:#1f1e1e;margin-left:-20px; width:calc(100% + 40px);  padding-bottom:270px;}
.about-wrap .craft .vis{position:relative;}
.about-wrap .craft .vis .img{}
.about-wrap .craft .vis .img img{width:100%;height:820px;object-fit:cover;}
.about-wrap .craft .ov{max-width:1320px; padding:0 20px; box-sizing:border-box; margin:0 auto;margin-top:180px; }
.about-wrap .craft .ov .tits{}
.about-wrap .craft .ov .tits h3{font-size:48px; font-weight:600; color:#fff; line-height:1.2em; letter-spacing:-0.01em; font-family:"GothamPro";}
.about-wrap .craft .ov .tits p{margin-top:45px;font-size:16px; color:#fff; font-weight:400; line-height:1.8em; font-family: 'Spoqa Han Sans'; opacity:0.85;}
.about-wrap .craft .ov .img{margin-top:130px ;position:relative; height:674px;}
.about-wrap .craft .ov .img:after{display:block; content:"";clear:both;}
.about-wrap .craft .ov .img img{width:100%}
.about-wrap .craft .ov .img:before{width:1px;height:110px; background:#fff; position:absolute; left:0; top:0; display:block; content:""}
.about-wrap .craft .ov .img .img01{position:absolute;width:450px;right:23.5%; top:0;}
.about-wrap .craft .ov .img .img02{position:absolute;width:390px;left:-90px; bottom:0;}
.about-wrap .craft .ov .img .img03{position:absolute;width:614px;right:23.5%;bottom:0;}
.about-wrap .craft .ov .img .img04{position:absolute;width:330px;right:-90px; bottom:250px;}
.about-wrap .craft .ov .img .img05{position:absolute;width:330px;right:-90px; bottom:0;}
	@media only screen and (max-width:1400px) {
		.about-wrap .craft{margin-top:160px; padding-bottom:220px;}
		.about-wrap .craft .vis .img img{height:750px}

		.about-wrap .craft .ov{margin-top:140px}
		.about-wrap .craft .ov .tits h3{font-size:42px;}
		.about-wrap .craft .ov .tits p{margin-top:30px;font-size:15px;}

		.about-wrap .craft .ov .img{margin-top:100px; height:600px;}
		.about-wrap .craft .ov .img:before{height:80px}
		.about-wrap .craft .ov .img img{object-fit:cover;}
		
		.about-wrap .craft .ov .img .img01{position:absolute;width:30%;right:30%; top:0;}
		.about-wrap .craft .ov .img .img01 img{height:230px;}
		.about-wrap .craft .ov .img .img02{position:absolute;width:calc(30% - 20px);left:0; bottom:0;}
		.about-wrap .craft .ov .img .img02 img{height:210px;}
		.about-wrap .craft .ov .img .img03{position:absolute;width:40%;right:30%;bottom:0;}
		.about-wrap .craft .ov .img .img03 img{height:340px;}
		.about-wrap .craft .ov .img .img04{position:absolute;width:calc(30% - 20px);right:0; bottom:190px;}
		.about-wrap .craft .ov .img .img04 img{height:170px;}
		.about-wrap .craft .ov .img .img05{position:absolute;width:calc(30% - 20px);right:0; bottom:0;}
		.about-wrap .craft .ov .img .img05 img{height:170px;}
	}
	@media only screen and (max-width:1100px) {
	
	
	}
	@media only screen and (max-width:999px) {
		.about-wrap .craft{margin-top:120px; padding-bottom:160px;}
		.about-wrap .craft .vis .img img{height:600px}
		
		.about-wrap .craft .ov{margin-top:100px}
		.about-wrap .craft .ov .tits h3{font-size:36px;}
		.about-wrap .craft .ov .tits p{margin-top:20px;font-size:15px;}

		.about-wrap .craft .ov .img{margin-top:70px; height:auto;}
		.about-wrap .craft .ov .img:before{height:50px}
		.about-wrap .craft .ov .img img{height:auto;}
		.about-wrap .craft .ov .img .img01{float:left; width:49%; right:auto;  top:auto;position:relative; bottom:auto;}
		.about-wrap .craft .ov .img .img01 img{height:230px;}
		.about-wrap .craft .ov .img .img02{float:right; width:49%; left:auto;  top:auto;position:relative; bottom:auto;}
		.about-wrap .craft .ov .img .img02 img{height:230px;}
		.about-wrap .craft .ov .img .img03{float:right; width:100%; right:auto;  top:auto;position:relative; bottom:auto; margin:2% 0}
		.about-wrap .craft .ov .img .img03 img{height:auto;object-fit:fill;}
		.about-wrap .craft .ov .img .img04{float:left; width:49%; right:auto;  top:auto;position:relative; bottom:auto;}
		.about-wrap .craft .ov .img .img04 img{height:230px;}
		.about-wrap .craft .ov .img .img05{float:right; width:49%; right:auto;  top:auto;position:relative; bottom:auto;}
		.about-wrap .craft .ov .img .img05 img{height:230px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap .craft{margin-top:80px; padding-bottom:100px;}
		.about-wrap .craft .vis .img img{height:500px}

		.about-wrap .craft .ov{margin-top:60px}
		.about-wrap .craft .ov .tits h3{font-size:30px;}
		.about-wrap .craft .ov .tits p{margin-top:15px;font-size:14px;}
		.about-wrap .craft .ov .tits p br{display:none;}

		.about-wrap .craft .ov .img .img01 img{height:180px;}
		.about-wrap .craft .ov .img .img02 img{height:180px;}
		.about-wrap .craft .ov .img .img03 img{}
		.about-wrap .craft .ov .img .img04 img{height:180px;}
		.about-wrap .craft .ov .img .img05 img{height:180px;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap .craft .vis .img img{height:400px}
		.about-wrap .craft .ov .img .img01 img{height:130px;}
		.about-wrap .craft .ov .img .img02 img{height:130px;}
		.about-wrap .craft .ov .img .img03 img{}
		.about-wrap .craft .ov .img .img04 img{height:130px;}
		.about-wrap .craft .ov .img .img05 img{height:130px;}

	}


.about-wrap .sence{margin-top:240px; position:relative; }
.about-wrap .sence:before{width:1px;height:110px;border-right:1px solid #585858;; position:absolute; left:50%; top:-160px; margin-left:-1px; display:block; content:"";-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.about-wrap .sence h3{font-family: 'Nanum Myeongjo'; line-height:1.2em; font-size:20px;text-align:center;letter-spacing:-0.03em; font-weight:400; color:#111;}
.about-wrap .sence .img {text-align:center;margin-top:20px;}
.about-wrap .sence .img img{display:inline-block;vertical-align:top;}
.about-wrap .sence .ov{max-width:1320px; padding:0 0px; box-sizing:border-box; margin:0 auto;margin-top:55px;}
.about-wrap .sence .ov:after{display:block; content:"";clear:both;}
.about-wrap .sence .ov .fl{float:left; width:47%;}
.about-wrap .sence .ov .fr{float:right; width:47%;}
.about-wrap .sence .ov p{font-family: 'NanumSquare'; transform: skew(-0.001deg); color:#111; line-height:1.8em; font-size:16px; letter-spacing:-0.03em;}
	@media only screen and (max-width:1400px) {
		.about-wrap .sence{margin-top:200px;}
		.about-wrap .sence:before{height:80px; top:-120px}
		.about-wrap .sence .ov p br{display:none;}
	}
	@media only screen and (max-width:1100px) {
	
	
	}
	@media only screen and (max-width:999px) {
		.about-wrap .sence{margin-top:160px;}
		.about-wrap .sence:before{height:60px; top:-90px}

		.about-wrap .sence h3{font-size:18px;}
		.about-wrap .sence .img img{width:130px;}
		.about-wrap .sence .ov{margin-top:30px;}
		.about-wrap .sence .ov .fl{float:none;width:auto;}
		.about-wrap .sence .ov .fr{float:none; width:auto;margin-top:30px;}
		.about-wrap .sence .ov p{font-size:15px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap .sence .ov{}
		.about-wrap .sence .img img{width:100px;}
	}
	@media only screen and (max-width:480px) {
		
	}


/* ======================================================
   .map-wrap
=========================================================*/
.map-wrap .ic { display: inline-block; vertical-align: middle; top: -1px; position: relative; }
.map-wrap { position: relative; background: #fff; margin-bottom: 100px; /*box-shadow: 1px 0px 18px rgba(0,0,0,0.14);*/ padding:40px 0px 80px; border-top: 0px solid #eee;  border-bottom: 1px solid #e1e1e1; }
.map-wrap h4 { font-size: 24px; color: #000; padding-bottom: 11px; padding:40px 0px 0px; }
.map-wrap ul { margin-top: 0px; margin-left: -10px; margin-right: -10px }
.map-wrap ul > li { float: left; display: table; width: 23%; padding: 5px 10px }
.map-wrap ul > li.li01 { width: 48% }
.map-wrap ul > li .list { display: table-cell; width: 100px; vertical-align: middle }
.map-wrap ul > li .txt { display: table-cell; vertical-align: middle }
.map-wrap .ic_pin { width: 13px; height: 17px; background: url('../img/content/ic_pin.png') no-repeat }
.map-wrap .ic_tel { width: 16px; height: 16px; background: url('../img/content/ic_tel.png') no-repeat }
.map-wrap .ic_fax { width: 19px; height: 15px; background: url('../img/content/ic_fax.png') no-repeat }
.map-wrap .list { font-size: 17px; font-weight: 700; color: #000 }
.map-wrap .list i { margin-right: 10px }
.map-wrap .txt { font-size: 18px; color: #666 }
 @media (max-width:1280px) {
.map-wrap { padding: 35px 30px }
.map-wrap ul > li .list { width: 80px }
}
 @media (max-width:970px) {
.map-wrap { padding: 20px 40px; margin-top: 0px; height: 170px; }
.map-wrap h4 { font-size: 20px }
.map-wrap ul > li { width: 100%; padding: 5px 0px }
.map-wrap ul > li.li01 { width: 100% }
}
 @media (max-width:480px) {

.map-wrap { padding: 20px 10px; margin-top: 0px; height: 100px; margin-bottom: 20px; }
.map-wrap h4 { font-size: 17px }
.map-wrap ul > li .list { width: 75px }
.map-wrap ul > li .txt { font-size: 15px }
.map-wrap .list { font-size: 15px; font-weight: 500;}
.map-wrap .ic_pin { display:none; }
.map-wrap .ic_tel { display:none; }
.map-wrap .ic_fax { display:none; }

}


/* =====================================
   prd-wrap
===================================== */
.prd-wrap{position:relative; width:calc(100% + 40px);margin-left:-20px;}

.prd-wrap .info{max-width:1340px; margin:0 auto; box-sizing:border-box; padding:0 20px;}
.prd-wrap .info:after{display:block;content:"";clear:both; }
.prd-wrap .info .fl{float:left; width:50%; padding-left:90px; box-sizing:border-box;}
.prd-wrap .info .fl h3{font-weight:100; color:#111; font-size:48px;line-height:1.3em;letter-spacing:-0.03em;}
.prd-wrap .info .fr{float:right; width:50%}
.prd-wrap .info .fr p{font-size:15px; color:#333; font-weight:400; line-height:1.9em; letter-spacing:-0.03em;}
	@media only screen and (max-width:1400px) {
		.prd-wrap .info .fl{padding-left:70px;}
		.prd-wrap .info .fl h3{font-size:42px;}
		.prd-wrap .info .fr p{font-size:15px;}
		
	}
	@media only screen and (max-width:1100px) {
	
	
	}
	@media only screen and (max-width:999px) {
		.prd-wrap .info .fl{float:none; width:auto; padding:0;}
		.prd-wrap .info .fr{float:none; width:auto; margin-top:30px;}
		.prd-wrap .info .fl h3{font-size:36px;}
		.prd-wrap .info .fl h3 br{display:none;}
		.prd-wrap .info .fr p{font-size:15px;}
		.prd-wrap .info .fr p br{display:none;}
	}
	@media only screen and (max-width:680px) {
		.prd-wrap .info .fl h3{font-size:30px;}	
	}
	@media only screen and (max-width:480px) {
		.prd-wrap .info .fl h3{font-size:27px;}	
	}

.prd-wrap .types{margin-top:180px;position:Relative; background:url(../img/content/prd-bg.jpg) no-repeat center center; background-size:cover; padding:150px 0}
.prd-wrap .types .tits{text-align:center;}
.prd-wrap .types .tits h3{font-size:43px; color:#fff; line-height:1.3em; font-weight:100;}
.prd-wrap .types .tits p{margin-top:10px;font-size:14px; font-weight:300;display:inline-block;vertical-align:top;color:#fff;line-height:40px ;border-bottom:1px solid #fff;}

.prd-wrap .types .ov{ max-width:1340px; margin:0 auto; padding:0 20px;box-sizing:border-box; margin-top:70px;font-family: 'Spoqa Han Sans';}
.prd-wrap .types .ov:after{display:block; content:"";clear:both}
.prd-wrap .types .ov .fl{float:left; width:50%; box-sizing:border-box; padding:40px 70px; min-height:342px;}
.prd-wrap .types .ov .fr{float:right; width:50%; box-sizing:border-box;padding:40px 70px;position:Relative; min-height:342px;}
.prd-wrap .types .ov .fr:before{width:1px;height:100%; background:#fff; display:block; content:""; position:Absolute ;left:-1px; top:0; opacity:0.1}

.prd-wrap .types .ov .fl ul{}
.prd-wrap .types .ov .fl ul:after{display:block; content:"";clear:both}
.prd-wrap .types .ov .fl li{float:left;margin-left:115px; width:80px;}
.prd-wrap .types .ov .fl li:nth-child(3n+1){margin-left:0;}
.prd-wrap .types .ov .fl li:nth-child(n+4){margin-top:45px;}
.prd-wrap .types .ov .fl li .img img{}
.prd-wrap .types .ov .fl li .txt{text-align:center; margin-top:10px;font-size:15px; color:#fff; line-height:1.2em; letter-spacing:-0.03em; font-weight:400;}

.prd-wrap .types .ov .fr p{font-size:15px;color:#fff; line-height:1.9em; letter-spacing:-0.03em; font-weight:300; opacity:0.9}
.prd-wrap .types .ov .fr p:nth-child(n+2){margin-top:40px;}
	@media only screen and (max-width:1400px) {
		.prd-wrap .types{margin-top:140px; padding:120px 0}
		.prd-wrap .types .tits h3{font-size:38px;}
		.prd-wrap .types .tits p{margin-top:7px;font-size:14px;}

		.prd-wrap .types .ov .fl li{width:33.3333%; margin-left:0;}
		.prd-wrap .types .ov .fr p br{display:none;}
		.prd-wrap .types .ov .fl li .txt{width:80px;}
	}
	@media only screen and (max-width:1100px) {
	
	
	}
	@media only screen and (max-width:999px) {
		.prd-wrap .types{margin-top:100px;padding:90px 0}
		.prd-wrap .types .tits h3{font-size:32px;}
		.prd-wrap .types .tits p{margin-top:5px;font-size:13px; line-height:35px;}
		
		.prd-wrap .types .ov{margin-top:50px;}
		.prd-wrap .types .ov .fl{float:none; width:auto; padding:0 10px; min-height:auto;}
		.prd-wrap .types .ov .fl{max-width:480px; margin:0 auto;}
		.prd-wrap .types .ov .fl li:nth-child(n+4){margin-top:30px;}
		.prd-wrap .types .ov .fl li .img {text-align:center;}
		.prd-wrap .types .ov .fl li .img img{width:70px}
		.prd-wrap .types .ov .fl li .txt{font-size:14px; margin:0 auto; margin-top:7px;}
		.prd-wrap .types .ov .fr{float:none; width:auto; margin-top:40px; padding:0 10px;text-align:center; padding-top:40px; border-top:1px solid rgba(255,255,255,0.2)}
		.prd-wrap .types .ov .fr:before{display:none;}
		.prd-wrap .types .ov .fr p{font-size:14px;}
		.prd-wrap .types .ov .fr p:nth-child(n+2){margin-top:20px;}
	}
	@media only screen and (max-width:680px) {
		.prd-wrap .types{margin-top:60px;padding:60px 0}
		.prd-wrap .types .tits h3{font-size:27px;}

		.prd-wrap .types .ov .fl li .img img{width:60px}
	}
	@media only screen and (max-width:480px) {
		
	}

.prd-wrap .downs{ position:relative; max-width:1340px; padding:0 20px; box-sizing:border-box;margin:0 auto; margin-top:240px;text-align:center;}
.prd-wrap .downs:before{width:1px;height:110px;border-right:1px solid #585858;position:absolute; left:50%; top:-160px; margin-left:-1px; display:block; content:"";-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.prd-wrap .downs h3{font-family: 'Nanum Myeongjo'; line-height:1.2em; font-size:30px;text-align:center;letter-spacing:-0.03em; font-weight:400; color:#111;}
.prd-wrap .downs .txt{margin-top:80px;font-family: 'Spoqa Han Sans';  display:inline-block;vertical-align:top;}
.prd-wrap .downs .txt dl{position:relative; min-height:128px; padding-left:240px; padding-top:15px; box-sizing:border-box;text-align:left;}
.prd-wrap .downs .txt dl:before{width:128px;height:128px; position:absolute; left:0; top:0; display:block;content:""}
.prd-wrap .downs .txt dt{font-size:24px;color:#111; line-height:1.2em; letter-spacing:-0.03em; font-weight:700;}
.prd-wrap .downs .txt dd{margin-top:20px;font-size:16px; color:#555; line-height:1.6em; letter-spacing:-0.03em; font-weight:400;}
.prd-wrap .downs .txt dl:nth-child(n+2){margin-top:50px}

.prd-wrap .downs .txt dl:nth-child(1):before{background:url(../img/content/prd-vtype01.jpg) no-repeat center center}
.prd-wrap .downs .txt dl:nth-child(2):before{background:url(../img/content/prd-vtype02.jpg) no-repeat center center}
	@media only screen and (max-width:1400px) {
		.prd-wrap .downs{margin-top:200px;}
		.prd-wrap .downs:before{height:80px; top:-120px}
		.prd-wrap .downs h3{font-size:27px;}
		
		.prd-wrap .downs .txt {margin-top:60px;}
		.prd-wrap .downs .txt dl{ padding-left:180px; padding-top:12px;}
		.prd-wrap .downs .txt dl:before{width:105px;height:105px; background-size:100px auto !important;}
		.prd-wrap .downs .txt dt{font-size:22px;}
		.prd-wrap .downs .txt dd{margin-top:15px;font-size:15px;}
	}
	@media only screen and (max-width:1100px) {
	
	
	}
	@media only screen and (max-width:999px) {
		.prd-wrap .downs{margin-top:160px;}
		.prd-wrap .downs:before{height:60px; top:-90px}
		.prd-wrap .downs h3{font-size:25px;}
		
		.prd-wrap .downs .txt {margin-top:40px;}
		.prd-wrap .downs .txt dl{ padding-left:140px; padding-top:7px;}
		.prd-wrap .downs .txt dl:before{width:95px;height:95px; background-size:90px auto !important;}
		.prd-wrap .downs .txt dt{font-size:20px;}
		.prd-wrap .downs .txt dd{margin-top:10px;font-size:14px;}

		.prd-wrap .downs .txt dl:nth-child(n+2){margin-top:30px}
	}
	@media only screen and (max-width:680px) {
		.prd-wrap .downs .txt dl{ padding-left:100px; padding-top:3px;}
		.prd-wrap .downs .txt dl:before{width:75px;height:75px; background-size:70px auto !important;}
		.prd-wrap .downs .txt dt{font-size:18px;}
		.prd-wrap .downs .txt dd{}
		.prd-wrap .downs .txt dd br{display:none;}
	}
	@media only screen and (max-width:480px) {
		
	}



.prd-wrap .compare{position:relative; margin-top:174px;overflow:hidden}
.prd-wrap .compare .ov{padding:210px 20px; max-width:1340px; box-sizing:border-box; margin:0 auto; position:relative; box-sizing:border-box;}
.prd-wrap .compare .ov:after{display:block; content:"";clear:both;}
.prd-wrap .compare .ov .tits{padding-left:90px;float:left; width:50%; box-sizing:Border-box; }
.prd-wrap .compare .ov .tits h3{font-size:48px; color:#fff; font-weight:100; line-height:1.3em; letter-spacing:-0.03em;}
.prd-wrap .compare .ov .txt{float:right; width:50%;}
.prd-wrap .compare .ov .txt p{font-size:15px;font-family: 'Spoqa Han Sans'; color:#fff; line-height:1.9em; letter-spacing:-0.03em; font-weight:300;white-space:pre}
.prd-wrap .compare .img{margin-left:250px;position:relative;}
.prd-wrap .compare .img:before{width:calc(100% + 250px);height:2500px; margin-left:-250px;background:#736e69; display:block; content:""; position:Absolute ;left:0; bottom:125px; z-index:-1;}
.prd-wrap .compare .img:after{width:100%;height:125px; background:#fff; display:block; content:""; position:Absolute ;left:50%; bottom:0; z-index:2; margin-left:-125px}
.prd-wrap .compare .img img{width:100%;}
.prd-wrap .compare .vtxt{box-sizing:border-box; max-width:1340px ;margin:0 auto; padding:0 20px 0 20px;margin-top:140px;}
.prd-wrap .compare .vtxt .vc{padding-left:50%;}
.prd-wrap .compare .vtxt .stxt{font-size:21px;font-family: 'Spoqa Han Sans'; color:#111; line-height:1.8em; letter-spacing:-0.03em; font-weight:300;}
.prd-wrap .compare .vtxt .ctxt{margin-top:70px;font-size:15px; font-weight:400;color:#6f6b68; line-height:1.7em; letter-spacing:-0.03em;}
	@media only screen and (max-width:1400px) {
		.prd-wrap .compare{margin-top:140px;}
		.prd-wrap .compare .ov{padding:160px 20px;}
		
		.prd-wrap .compare .ov .tits{padding-left:70px;}
		.prd-wrap .compare .ov .tits h3{font-size:42px;}
		.prd-wrap .compare .ov .txt p{white-space:normal}
		.prd-wrap .compare .ov .txt p br{display:none;}

		.prd-wrap .compare .img{margin-left:100px;}
		.prd-wrap .compare .img:before{width:calc(100% + 100px);margin-left:-100px; bottom:100px;}
		.prd-wrap .compare .img:after{margin-left:-50px; height:100px;}
		
		.prd-wrap .compare .vtxt{margin-top:100px;}
		.prd-wrap .compare .vtxt .stxt{font-size:19px;}
		.prd-wrap .compare .vtxt .ctxt{margin-top:50px;font-size:14px;}
	}
	@media only screen and (max-width:1100px) {
		.prd-wrap .compare .img{margin:0;width:calc(100% + 40px); margin-left:-20px;}
		.prd-wrap .compare .img:after{display:none;}
		
		.prd-wrap .compare .vtxt{margin-top:80px;}
	}
	@media only screen and (max-width:999px) {
		.prd-wrap .compare{margin-top:100px;}
		.prd-wrap .compare .ov{padding:110px 20px;}
		.prd-wrap .compare .ov .tits{padding-left:0;float:none; width:auto;}
		.prd-wrap .compare .ov .tits h3{font-size:36px;}
		.prd-wrap .compare .ov .tits h3 br{display:none;}
		.prd-wrap .compare .ov .txt{float:none; width:auto;margin-top:25px;}
		
		.prd-wrap .compare .vtxt{margin-top:60px;}
		.prd-wrap .compare .vtxt .vc{padding-left:0;}
		.prd-wrap .compare .vtxt .stxt{font-size:17px;}
		
		.prd-wrap .compare .vtxt .ctxt{margin-top:30px;}
	}
	@media only screen and (max-width:680px) {
		.prd-wrap .compare{margin-top:80px;}
		.prd-wrap .compare .ov{padding:60px 20px;}
		.prd-wrap .compare .ov .tits h3{font-size:30px;}
		.prd-wrap .compare .vtxt{padding: 0 20px; margin-top:40px;}
		.prd-wrap .compare .vtxt .stxt br{display:none;}
		.prd-wrap .compare .vtxt .ctxt br{display:none;}
	}
	@media only screen and (max-width:480px) {
		.prd-wrap .compare .ov .tits h3{font-size:27px;}
		.prd-wrap .compare .vtxt .stxtr{margin-top:15px;}
	}