@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {overflow:hidden;position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
		#wrap #container {width:100%;margin:0;padding:0;}
			/* #container 안의 레이아웃 */
		#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
		#contents_wrap #side_box {width:100%;padding:110px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
		#contents_wrap #contents_box {width:100%;padding:110px 0 7.2% 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
		#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
			/* navigation layout */
		#contents_wrap .nav_wrap {box-sizing:border-box;}
			/* #content */
		#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
		#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;}
		#content .sub_content:after {clear:both;content:"";display:block;}
			/* 컨텐츠 전체 가로 사이즈 */
		.w_custom {width:1230px;padding-left:15px;padding-right:15px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}
		.w_1780{width:1780px;margin:0 auto;box-sizing:border-box;position: relative;}
		.w_1480{width:1480px;margin:0 auto;box-sizing:border-box;position: relative;}

	@media only screen and (max-width:1850px) {
		.w_1780{width:100%;padding-right:30px;padding-left:30px;}
	}
	@media only screen and (max-width:1550px) {
		.w_1480{width:100%;padding-right:30px;padding-left:30px;}
	}
	@media only screen and (max-width:1217px) {
		body.on {height:100%;overflow:hidden;}
		#contents_wrap {width:100%;padding-left:15px !important;padding-right:15px !important;}
		.w_custom{width:100%;padding-left:15px !important;padding-right:15px !important;}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:1024px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
		#contents_wrap #contents_box {padding:4.8% 0 6.4% 0;}
	}
	@media only screen and (max-width:860px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
		#contents_wrap #contents_box {padding:4.2% 0 6.4% 0;}
	}
	@media only screen and (max-width:767px) {
		/*.w_custom {padding-left:4% !important;padding-right:4% !important;}*/
		#contents_wrap #side_box {display:none;}
		.sub_goods #contents_wrap #side_box {display:block;padding:0;}
	}
	@media only screen and (max-width:640px) {
		.w_custom{width:100%;padding-left:12px !important;padding-right:12px !important;}
		#contents_wrap {width:100%;padding-left:12px !important;padding-right:12px !important;}
		#contents_wrap #contents_box {padding:4.2% 0 10.4% 0;}
		.w_1780, .w_1480{padding-right:15px;padding-left:15px;}
	}
	@media only screen and (max-width:479px) {
		#contents_wrap #contents_box {padding:4.2% 0 12% 0;}
	}
	@media only screen and (max-width:320px) {
		.w_custom {padding-left:10px !important;padding-right:10px !important;}
	}

/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#header{box-sizing:border-box;position:fixed;top:0;left:0;background:#fff;width:100%;z-index:10;}
		#header.on{box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
		#header .header_cont{position: relative;text-align: center;width:1750px;margin:0 auto;box-sizing:border-box;}
		#header .header_cont .hd_logo{width:277px;height:52px;position: absolute;left:0;top:50%;transform:translateY(-50%);}
		#header .header_cont .hd_logo a{display: block;width:100%;height:100%;background:url('../images/skin/hd-logo.png')no-repeat left center;background-size:auto 100%;font-size:0;}
		#header .header_cont .hd_lnb{font-size:0;text-align: center;}
		#header .header_cont .hd_lnb li{display: inline-block;vertical-align: top;padding:0 38px;}
		#header .header_cont .hd_lnb li a{font-size:17px;color:#333;font-weight:500;line-height:100px;}
		#header .hd_right{position: absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;}
		#header .hd_right .hd_lang{display: inline-block;box-sizing:border-box;width:120px;height:40px;line-height:38px;background:#ed3338;border-radius:20px;text-align: center;font-size:16px;color:#fff;font-weight:400;}
		
		@media only screen and (min-width:1024px) {
			#header .header_cont .hd_lnb li:hover a{color:#ed3338;}	
		}

		@media only screen and (max-width:1800px) {
			#header .header_cont{width:100%;padding-right:30px;padding-left:30px;}
			#header .header_cont .hd_logo{left:30px;}
			#header .hd_right{right:30px;}
		}
		@media only screen and (max-width:1200px) {
			#header .header_cont .hd_lnb{text-align: right;padding-right:120px;}
			#header .header_cont .hd_lnb li:last-child{padding-right:0;}
			#header .hd_right .hd_lang{width:90px;}
		}
		@media only screen and (max-width:1024px) {
			#header .header_cont .hd_logo{width:215px;height:36px;}
			#header .header_cont .hd_lnb{padding-right:70px;}
			#header .header_cont .hd_lnb li{padding:0 20px;}
			#header .hd_right .hd_lang{width:60px;font-size:14px;;}
		}
		@media only screen and (max-width:900px) {
			/* #header .header_cont .hd_logo{width:205px;height:38px;} */
			#header .header_cont .hd_lnb li{padding:0 10px;}
			#header .header_cont .hd_lnb li a{font-size:14px;line-height:76px;}
		}
		@media only screen and (max-width:640px) {
			#header .header_cont{height:70px;padding-right:15px;padding-left:15px;}
			#header .header_cont .hd_logo{left:15px;}
			#header .header_cont .hd_lnb{display: none;}
			#header .hd_right{position: absolute;right:15px;top:50%;transform:translateY(-50%);}
			#header .hd_right .menu-trigger{display: block;width:28px;height:28px;background:url('../images/skin/btn-all-cate.png')no-repeat center;background-size: auto 100%;margin-left:15px;}
		}
		@media only screen and (max-width:500px) {
			#header .header_cont{height:60px;}
			#header .header_cont .hd_logo{width:170px;height:30px;}
			#header .hd_right .menu-trigger{width:20px;height:20px;}
		}
		

/*───────────────────────────────────────────────────────────

	 ASIDE | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	#aside{width:100%;right:-100%;top:0px;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;background:#fff;z-index:99;opacity:0;}
	#aside.on {right:0%;opacity:1;}

	@media only screen and (max-width:640px) {
		.aside_bg.on{display: none;}
		#aside .aside_box .btn_aside_close{width:22px;height:22px;position: absolute;right:30px;top:39px;}
		#aside .aside_box .btn_aside_close a{display: block;width:100%;height:100%;background:url('../images/skin/cate-close.png')no-repeat center;font-size:0;background-size:auto 100%;}
		#aside .slide_container{display: block;width:100%;margin-top:50px;height:auto;}
		#aside .aside_box .slide_box{width:100%;display: block;height:auto;padding-top:115px;}
		#aside .aside_box .slide_box .slidemenu{width:100%;box-sizing:border-box;padding:0 20px;}
		#aside .aside_box .slide_box .slidemenu .depth1_li{display: block;text-align: center;position: relative;box-sizing:border-box;padding:0;border:none;border-bottom:1px solid #ddd;}
		#aside .aside_box .slide_box .slidemenu .depth1_li .depth1_a{width: auto;font-size:22px;color:#333;font-weight:600;display: block;width:100%;line-height:55px;margin:0;}
		#aside .aside_box .slide_box .slidemenu .depth1_li .depth1_a em{font-size: inherit;color: inherit;font-weight: inherit;font-family: inherit;display: inline-block;position: relative;line-height: 1.2;}
		#aside .slide_box .slidemenu li.on > a em{background:linear-gradient(to top, rgba(229,50,44,0.3) 24%, transparent 26%);}
		#aside .slide_box .slidemenu .icons{display: inline-block;box-sizing:border-box;position: relative;width:55px;height:55px;position: absolute;top:0;right:0;cursor:pointer;}
		#aside .slide_box .slidemenu .icons:before{width:10px;height:10px;content:"";border:1px solid #888;border-width:1px 1px 0 0;position: absolute;top:50%;left:50%;transform:translate(-50%, -86%) rotate(135deg);}
		#aside .slide_box .slidemenu li.on .icons:before{transform:translate(-50%, -41%) rotate(-45deg);border-color:#e3231d;}
		#aside .aside_box .slide_box .slidemenu .depth{width:100%;padding:0;margin:30px 0 30px 0;display: none;}
		#aside .aside_box .slide_box .slidemenu .depth li{display: block;margin:0;}
		#aside .aside_box .slide_box .slidemenu .depth li a{font-size:18px;display: block;}
	}

/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{box-sizing:border-box;background:#111;padding:65px 0 74px;}
	#footer .ft_cont{display:flex;align-items:center;width:1750px;margin:0 auto;box-sizing:border-box;}
	#footer .info_box{width:80%;box-sizing:border-box;padding-left:80px;}
	#footer .info_box .info{width:calc(100% + 36px);margin-left:-18px;}
	#footer .info_box .info span{font-size:15px;color:rgba(255,255,255,0.7);font-weight:400;display: inline-block;vertical-align: top;letter-spacing:-0.3px;margin:0 18px 8px;}
	#footer .info_box .info span a{font-size:inherit;color:inherit;font-weight:inherit;}
	#footer .info_box .copy{font-size:15px;color:rgba(255,255,255,0.7);font-weight:400;}
	#footer .info_box .copy a{font-size:inherit;color:inherit;font-weight:inherit;display: inline-block;margin-left:20px;}

	.ft_go_btn {position:fixed;right:30px;bottom:30px;z-index:-10;opacity:0;transition:all 0.5s;}
	.ft_go_btn.on{z-index:10;opacity:1;transition:all 0.5s;}
	.ft_go_btn a {height:50px;padding:23px 0 0;width:50px;border-radius:10px;font-size:12px;color:#fff;font-weight:500;background:#ed3338;display:inline-block;text-align:center;margin:0 auto;position:relative;z-index:1;box-sizing:border-box;}
	.ft_go_btn a:before {position:absolute;left:50%;top:8px;transform:translateX(-50%);display:inline-block;content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #fff;}
		
	@media only screen and (max-width:1800px) {
		#footer .ft_cont{width:100%;padding-right:30px;padding-left:30px;}
	}
	@media only screen and (max-width:1024px) {
		#footer .info_box{padding-left:30px;}
		#footer .info_box .info{width:calc(100% + 20px);margin-left:-10px;}
		#footer .info_box .info span{font-size:14px;margin:0 10px 8px;}
		#footer .info_box .copy{font-size:14px;}
	}
	@media only screen and (max-width:860px) {
		#footer .ft_cont{display: block;}
		#footer .info_box{width:100%;padding:30px 0 0 0;}
	}
	@media only screen and (max-width:640px) {
		#footer{padding:35px 0 50px;}
		#footer .ft_cont{padding-right:15px;padding-left:15px;}
		#footer .logo img{height:44px;}
		
		#footer .info_box .copy a{display: block;margin:20px 0 0;}
	}
	@media only screen and (max-width:500px) {
		#footer .logo img{height:40px;}
		#footer .info_box .info{width:calc(100% + 10px);margin-left:-5px;}
		#footer .info_box .info span{font-size:13px;margin:0 5px 4px;}

		#footer .info_box .copy{font-size:13px;margin-top:20px;}
		#footer .info_box .copy a{margin-top:5px;}

		.ft_go_btn{right:20px;bottom:20px;}
		.ft_go_btn a{width:40px;height:40px;padding:18px 0 0;}
	}

/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	.main > div{position: relative;}
	.main > div > a{position: absolute;top:-50px;}

	/* visual */
		#wrap .visual_wrapper{position: relative;}
		#wrap .main_visual {position:relative;width:100%;margin:0;height:850px;background:#000;}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:850px;border:none;min-height:100% !important;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width:100%;max-width:1920px;margin:0 auto;text-align:center;position:absolute;left:0;top:0;outline:0;}
		.main_visual .txt_box {width:100%;text-align:center;transform:translate(-50%);position:absolute;left:50%;top:26.5%;font-size:0;}
		.main_visual .txt_box p,
		.main_visual .txt_box h3{display:block;text-align:center;color:#fff;opacity:0;transform:translateY(100px);transition:all 0.5s;}
		.main_visual .txt_box p {font-size:36px;font-weight:400;}
		.main_visual .txt_box h3 {font-size:80px;font-weight:700;line-height:90px;margin-top:19px;}

		/*active*/
			.main_visual .active .txt_box p,
			.main_visual .active .txt_box h3{opacity:1;transform:translateY(0);transition:all 0.5s;}
			.main_visual .active .txt_box h3{transition-delay:0.5s;}
	
		/*dots*/
			#wrap .main_visual .slick-dots {text-align: center;display: inline-block;vertical-align: middle;position: absolute;font-size:0;left:50%;top:63.8%;z-index:11;transform:translate(-50%);}
			#wrap .main_visual .slick-dots li{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:0;}
			#wrap .main_visual .slick-dots li button{box-sizing: border-box;display: inline-block;margin:0 10px;width:8px;height:8px;border-radius:100%;opacity:0.6;background:#fff;font-size:0;transition:all 0.5s;}
			#wrap .main_visual .slick-dots li.slick-active button{width:22px;border-radius:4px;opacity:1;transition:all 0.5s;}		
		
		/*arrow*/
			#wrap .main_visual .arw_box{width:184px;left:50%;transform:translate(-50%);position: absolute;top:63.2%;}
			#wrap .main_visual .arw_box:after{clear:both;content:"";display: block;}
			#wrap .main_visual .slick-arrow{font-size:0;width:10px;height:17px;display: inline-block;vertical-align:top;}
			#wrap .main_visual .slick-arrow.prev{background:url('../images/skin/visual-prev.png')no-repeat center;}
			#wrap .main_visual .slick-arrow.next{background:url('../images/skin/visual-next.png')no-repeat center;float: right;}

		/*scroll down*/
			#btn_scroll{position: absolute;bottom:0;left:50%;transform:translate(-50%);cursor:pointer;}
			#btn_scroll .down_box{position: relative;padding-bottom:71px;}
			#btn_scroll .down_box span{display: block;font-size:16px;color:#f9fbfa;font-weight:400;}
			#btn_scroll .down_box:before{width:1px;height:70px;content:"";background:#f9fbfa;position: absolute;left:50%;bottom:0;}
			#btn_scroll .down_box:after{width:5px;height:5px;content:"";box-sizing:border-box;background:#702082;position: absolute;left:calc(50% - 1.5px);bottom:57%;animation:scroll 2s ease-in Infinite Alternate;}
			@keyframes scroll{
				0%{bottom:57%;}
				50%{bottom:10%;}
				100%{bottom:57%;}
			}

	/*main title*/
		.main_title{text-align: center;}
		.main_title span{font-size:20px;color:#333;font-weight:500;display: inline-block;border-bottom:1px solid #333;line-height:20px;}
		.main_title h3{font-size:56px; background-image:linear-gradient(90deg, #702082 34%, #ff0600 65%);font-stretch: normal;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight:700;margin-top:22px;}

	/*about*/
		.main_about{position: relative;background:url('../images/skin/about-bg.jpg')no-repeat center;background-size:cover;box-sizing:border-box;padding:167px 0 166px;}
		.main_about .txt_box{text-align: center;margin-top:29px;}
		.main_about .txt_box strong{display: block;font-size:24px;color:#333;font-weight:500;line-height:40px;}
		.main_about .txt_box p{font-size:18px;color:#666;font-weight:300;line-height:32px;margin-top:25px;}

	/*tech*/
		.main_tech{box-sizing:border-box;background:#f5f5f5;padding:166px 0 150px;text-align: center;}
		.main_tech .main_title p{font-size:18px;color:#666;font-weight:300;line-height:32px;margin-top:27px;}

		.main_tech h4{font-size:36px;color:#333;font-weight:700;line-height:40px;}
		.main_tech .uci_cell{margin-top:108px;} 
		.main_tech .uci_cell .cell_content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:41px;}
		.main_tech .uci_cell .cell_content > div{box-sizing:border-box;width:calc(50% - 5px);background:#fff;text-align:left;display:flex;flex-wrap:wrap;padding:106px 60px 123px 60px;align-items:center;flex-direction:row-reverse;}
		.main_tech .uci_cell .cell_content .txt_box{width:63%;}
		.main_tech .uci_cell .cell_content .txt_box > dl > dt{font-size:26px;color:#111;font-weight:600;}
		.main_tech .uci_cell .cell_content .txt_box > dl > dd > p{font-size:16px;color:#888;font-weight:300;line-height:24px;margin-top:11px;}
		.main_tech .uci_cell .cell_content .cell_info{margin-top:40px;}
		.main_tech .uci_cell .cell_content .cell_info dl{display:flex;flex-wrap:wrap;align-items:center;}
		.main_tech .uci_cell .cell_content .cell_info dl + dl{margin-top:5px;}
		.main_tech .uci_cell .cell_content .cell_info dl dt{width:66px;box-sizing:border-box;text-align: center;height:32px;line-height:32px;border-radius:16px;background:#702082;font-size:16px;color:#fff;font-weight:400;}
		.main_tech .uci_cell .cell_content .cell_info dl dd{width:calc(100% - 66px);box-sizing:border-box;padding-left:14px;font-size:14px;color:#999;font-weight:400;letter-spacing:-0.28px;line-height:26px;}
		.main_tech .uci_cell .cell_content > div:nth-child(1) .cell_info dl{}
		.main_tech .uci_cell .cell_content > div:nth-child(1) .cell_info dl dt{}
		.main_tech .uci_cell .cell_content > div:nth-child(1) .cell_info dl dd{width:100%;padding:0;margin-top:7px;}
		.main_tech .uci_cell .cell_content .img_box{width:37%;}

		.main_tech .ucl_manufacture{margin-top:145px;}
		.main_tech .ucl_manufacture > p{font-size:18px;color:#666;font-weight:400;line-height:32px;margin-top:32px;}
		.main_tech .mf_list{display:flex;justify-content:space-between;margin-top:44px;position: relative;flex-wrap:wrap;}
		.main_tech .mf_list:before{width:100%;height:100px;content:"";background:url('../images/skin/manufacture-arw.png')no-repeat left center;position: absolute;left:7px;top:25%;}
		.main_tech .mf_list li{box-sizing:border-box;background:#fff;border:1px solid #ddd;width:calc(100% / 7 - 10px);padding:70px 0 30px;}
		.main_tech .mf_list li:nth-child(4){border-radius:20px;}
		.main_tech .mf_list li .img{height:188px;display:flex;justify-content:center;align-items:center;position: relative;z-index:3;}
		.main_tech .mf_list li .img img{max-height:100%;}
		.main_tech .mf_list li dl{margin-top:44px;}
		.main_tech .mf_list li dl dt{font-size:18px;font-stretch: normal;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight:600;}
		.main_tech .mf_list li:nth-child(1) dl dt{ background-image:linear-gradient(90deg, #702082 76%, #ff0600 98%);}
		.main_tech .mf_list li:nth-child(2) dl dt{ background-image:linear-gradient(90deg, #702082 50%, #ff0600 95%);}
		.main_tech .mf_list li:nth-child(3) dl dt{ background-image:linear-gradient(20deg, #702082 43%, #ff0600 98%)}
		.main_tech .mf_list li:nth-child(4) dl dt{ background-image:linear-gradient(25deg, #702082 42%, #ff0600 67%);}
		.main_tech .mf_list li:nth-child(5) dl dt{ background-image:linear-gradient(16deg, #702082 34%, #ff0600 65%);}
		.main_tech .mf_list li:nth-child(6) dl dt{ background-image:linear-gradient(90deg, #702082 6%, #ff0600 31%);}
		.main_tech .mf_list li:nth-child(7) dl dt{ background-image:linear-gradient(90deg, #702082 12%, #ff0600 23%);}
		.main_tech .mf_list li dl dd{font-size:15px;color:#666;font-weight:300;line-height:20px;margin-top:15px;}

	/*pipe*/
		.main_pipe{padding:146px 0 145px;}
		.main_pipe .pipe_cont{margin-top:31px;}

	/*contact*/
		.main_contact{box-sizing:border-box;background:rgba(112,32,130, 0.05) url('../images/skin/map-bg.png')no-repeat left -17% top 82px;}
		.main_contact .w_1480{padding:170px 0 251px;}
		.main_contact .w_1480:before{content:"UCI Therapeutics";font-size:161px;color:rgba(51,51,51,0.08);font-weight:700;line-height:92px;position: absolute;bottom:0;left:0;text-transform:uppercase;letter-spacing:-2px;}
		.main_contact .info{position: relative;display: flex;flex-direction: row-reverse;}
		.main_contact .txt_box{position: absolute;left:0;top:67px;box-sizing:border-box;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);background:#702082;width:480px;padding:67px 60px 134px;z-index:2;}
		.main_contact .txt_box h3{font-size:56px;color:#fff;font-weight:700;}
		.main_contact .txt_box .location_info{margin-top:42px;}
		.main_contact .txt_box .location_info dl{display:flex;}
		.main_contact .txt_box .location_info dl + dl{margin-top:22px;}
		.main_contact .txt_box .location_info dl dt{width:17px;display:flex;justify-content:center;align-items:flex-start;padding-top:4px;}
		.main_contact .txt_box .location_info dl dd{font-size:16px;color:#fff;font-weight:400;line-height:26px;width:calc(100% - 17px);box-sizing:border-box;padding-left:10px;}
		
		.main_contact .map_box{width:81%;position: relative;height:0;padding-bottom:33.1%;}
		.main_contact .map_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

	@media screen and (max-width:1700px) {
		/*tech*/
			.main_tech .mf_list:before{background-size:86% auto;}
	}
	@media screen and (max-width:1600px) {
		/*tech*/
			.main_tech .uci_cell .cell_content > div{padding:106px 30px 123px 30px;}
			.main_tech .uci_cell .cell_content .txt_box > dl > dd > p br{display: none;}
			.main_tech .uci_cell .cell_content .cell_info dl dd br{display: none;}
	}
	@media screen and (max-width:1550px) {
		/*tech*/
			.main_tech .mf_list:before{top:22%;}
			.main_tech .mf_list li{padding:70px 5px 30px;}
			.main_tech .mf_list li .img{height:140px;}
			.main_tech .mf_list li dl dt{font-size:16px;}
			.main_tech .mf_list li dl dd{font-size:13px;line-height:18px;}
			.main_tech .mf_list li dl dd br{display: none;}

		/*contact*/
			.main_contact .w_1480{padding:170px 30px 251px;}
			.main_contact .w_1480:before{font-size:120px;left:50%;transform:translate(-50%);line-height:82px;width:100%;text-align: center;}
	}
	@media screen and (max-width:1350px) {
		/*about*/
			.main_about .txt_box strong{font-size:22px;line-height:34px;}
			.main_about .txt_box strong br{display: none;}
			.main_about .txt_box p{font-size:16px;line-height:30px;}
			.main_about .txt_box p br{display: none;}

		/*contact*/
			.main_contact .w_1480{padding:110px 30px 200px;}
			.main_contact .w_1480:before{font-size:80px;line-height:54px;}
			.main_contact .txt_box{padding:67px 40px 120px}
			.main_contact .map_box{padding-bottom:41%;}
	}
	@media screen and (max-width:1250px) {
		/*visaul*/
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:65vw}
			.main_visual .txt_box p{font-size:28px;}
			.main_visual .txt_box h3{font-size:60px;line-height:70px;}

		/*tech*/	
			.main_tech .mf_list:before{height:70px;top:12%;background-size:88% auto;}
			.main_tech .mf_list li{padding:30px 5px 20px;}
			.main_tech .mf_list li .img{height:100px;}
			.main_tech .mf_list li dl{margin-top:20px;}
			.main_tech .mf_list li dl dt{font-size:14px;}
			.main_tech .mf_list li dl dd{margin-top:5px;font-size:12px;line-height:18px;}
	}
	@media screen and (max-width:1100px) {
		/*tech*/
			.main_tech .mf_list:before{top:105px;left:4%;width:81px;height:100%;background:url('../images/skin/program-arw_vertical.png')no-repeat top center;background-size:auto 81%;}	
			.main_tech .mf_list li{padding: 30px 20px 20px;display: flex;align-items: center;width:100%;}
			.main_tech .mf_list li + li{margin-top:20px;}
			.main_tech .mf_list li .img{height:auto;width:15%;}
			.main_tech .mf_list li dl{margin-top:0;text-align:left;box-sizing:border-box;width:84%;padding-left:20px;}
			.main_tech .mf_list li dl dt{font-size:20px;display: inline-block;}
			.main_tech .mf_list li:nth-child(1) dl dt{background-image:linear-gradient(90deg, #702082 98%, #ff0600 100%);}
			.main_tech .mf_list li:nth-child(2) dl dt{background-image:linear-gradient(17deg, #702082 64%, #ff0600 90%);}
			.main_tech .mf_list li:nth-child(3) dl dt{ background-image:linear-gradient(0deg, #702082 43%, #ff0600 98%)}
			.main_tech .mf_list li:nth-child(4) dl dt{ background-image:linear-gradient(0deg, #702082 42%, #ff0600 67%);}
			.main_tech .mf_list li:nth-child(5) dl dt{ background-image:linear-gradient(0deg, #702082 34%, #ff0600 65%);}
			.main_tech .mf_list li:nth-child(6) dl dt{ background-image:linear-gradient(0deg, #702082 18%, #ff0600 71%);}
			.main_tech .mf_list li:nth-child(7) dl dt{ background-image:linear-gradient(0deg, #702082 12%, #ff0600 23%);}
			.main_tech .mf_list li dl dd{font-size:15px;line-height:22px;}

		/*contact*/		
			.main_contact{background-size:65% auto;}
			.main_contact .w_1480{padding:110px 30px 320px;}
			.main_contact .txt_box{width:45%;bottom:-50%;top:auto;padding:40px 25px 80px;}
			.main_contact .txt_box h3{font-size:40px;}
			.main_contact .txt_box .location_info dl + dl{margin-top:12px;}
			.main_contact .txt_box .location_info dl dt{padding-top:3px;}
			.main_contact .txt_box .location_info dl dd{font-size:14px;line-height:20px;}
	}
	@media screen and (max-width:1024px) {
		/*main title*/
			.main_title span{font-size:18px;}
			.main_title h3{font-size:50px;margin-top:15px;line-height:62px;;}

		/*about*/
			.main_about{padding:100px 0 100px;}

		/*tech*/
			.main_tech{padding:100px 0 90px;}
			.main_tech .main_title p{font-size:16px;line-height:28px;margin-top:20px;}
			.main_tech .main_title p br{display: none;}
			.main_tech .uci_cell{margin-top:80px;}
			.main_tech h4{font-size:30px;}
			.main_tech .uci_cell .cell_content > div{flex-direction:column;align-items:normal;padding:50px 30px 50px 30px;}
			.main_tech .uci_cell .cell_content .img_box{width:100%;text-align: center;max-height:380px;}
			.main_tech .uci_cell .cell_content .img_box img{max-height:100%;}
			.main_tech .uci_cell .cell_content .txt_box{width:100%;margin-top:20px;}
			.main_tech .uci_cell .cell_content .txt_box > dl > dt{font-size:22px;}
			.main_tech .uci_cell .cell_content .txt_box > dl > dd > p{font-size:14px;margin-top:8px;line-height:20px;}
			.main_tech .uci_cell .cell_content .cell_info dl dt{width:58px;font-size:14px;}
			.main_tech .uci_cell .cell_content .cell_info dl dd{width:calc(100% - 58px);font-size:13px;line-height:20px;}
			.main_tech .uci_cell .cell_content > div:nth-child(1) .cell_info dl dd{width:calc(100% - 58px);margin-top:0;padding-left:14px;}

			.main_tech .ucl_manufacture{margin-top:100px;}
			.main_tech .ucl_manufacture > p{font-size:16px;line-height:28px;margin-top:20px;}
			.main_tech .ucl_manufacture > p br{display: none;}

		/*pipe*/
			.main_pipe{padding:100px 0 110px;}
	}
	@media screen and (max-width:950px) {
		/*visual*/
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:80vw;}
			.main_visual .txt_box{top:18.5%;}
			.main_visual .txt_box h3{font-size:50px;line-height:60px;}
			
			#wrap .main_visual .slick-dots{top:69%;}
			#wrap .main_visual .arw_box{top:68.4%;}

	}
	@media screen and (max-width:800px) {
		/*tech*/
			.main_tech h4{font-size:26px;}
			.main_tech .uci_cell .cell_content{margin-top:20px;}
			.main_tech .uci_cell .cell_content .img_box{max-height:290px;}
			.main_tech .uci_cell .cell_content .txt_box > dl > dt{font-size:18px;}
			.main_tech .uci_cell .cell_content .cell_info{margin-top:20px;}

		/*contact*/
			.main_contact .w_1480:before{display: none;}
			.main_contact .map_box{width:89%;padding-bottom:52%;}
			.main_contact .txt_box{width:55%;bottom:-53%;}
			.main_contact .txt_box .location_info{margin-top:20px;}
	}
	@media screen and (max-width:640px) {
		/*visual*/
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:122vw;}

		/*main title*/
			.main_title span{font-size:16px;line-height:20px;}
			.main_title h3{font-size:40px;margin-top:10px;line-height:52px;}

		/*about*/
			.main_about{padding:80px 0 80px;}	
			.main_about .txt_box{margin-top:20px;}
			.main_about .txt_box strong{font-size:18px;line-height:30px;}
			.main_about .txt_box p{font-size:14px;line-height:26px;margin-top:15px;}
		
		/*tech*/	
			.main_tech{padding:80px 0 70px;}
			.main_tech .main_title p{font-size:14px;line-height:24px;margin-top:10px;}
			.main_tech .uci_cell{margin-top:50px;}
			.main_tech h4{font-size:20px;line-height:30px;}
			.main_tech .uci_cell .cell_content{display: block;}
			.main_tech .uci_cell .cell_content > div{width:100%;padding:30px 15px 30px 15px;}
			.main_tech .uci_cell .cell_content > div + div{margin-top:30px;}
			.main_tech .uci_cell .cell_content .img_box{max-height:initial;width:52%;margin:0 auto;}

			.main_tech .ucl_manufacture{margin-top:70px;}
			.main_tech .ucl_manufacture > p{font-size:14px;line-height:22px;margin-top:10px;}

			.main_tech .mf_list:before{background-size:auto 79%;}
			.main_tech .mf_list li{padding:20px 15px 20px;}
			.main_tech .mf_list li:nth-child(4){border-radius:10px;}
			.main_tech .mf_list li + li{margin-top:10px;}
			.main_tech .mf_list li .img{width:22%;height:100px;}
			.main_tech .mf_list li dl{width:78%;padding-left:10px;}
			.main_tech .mf_list li dl dt{font-size:18px;}
			.main_tech .mf_list li dl dd{font-size:13px;line-height:20px;}
		
		/*pipe*/
			.main_pipe{padding:80px 0 70px;}
			.main_pipe .pipe_cont{margin-top:15px;}

		/*contact*/
			.main_contact{background:rgba(112,32,130, 0.05);}
			.main_contact .w_1480{padding:80px 15px 100px;}
			.main_contact .info{flex-direction: column-reverse;flex-wrap: wrap;}
			.main_contact .txt_box{position: static;width:100%;box-sizing:border-box;padding:30px 15px 60px;}
			.main_contact .txt_box h3{font-size:32px;}
			.main_contact .txt_box .location_info{margin-top:15px;}
			.main_contact .txt_box .location_info dl + dl{margin-top:10px;}
			.main_contact .txt_box .location_info dl dt{padding-top:2px;}
			.main_contact .txt_box .location_info dl dd{font-size:13px;}
			.main_contact .map_box{width:100%;padding-bottom:65%;}

	}
	@media screen and (max-width:500px) {
		/*visual*/
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:160vw;}
			.main_visual .txt_box{box-sizing:border-box;padding:0 15px;;}
			.main_visual .txt_box p{font-size:20px;}
			.main_visual .txt_box h3{font-size:36px;line-height:46px;margin-top:10px;}

			#wrap .main_visual .slick-dots li button{width:6px;height:6px;margin:0 6px;}
			#wrap .main_visual .slick-dots li.slick-active button{width:18px;}

			#wrap .main_visual .arw_box{width:130px;top:68.2%;}

			#btn_scroll .down_box{padding-bottom:50px;}
			#btn_scroll .down_box:before{height:50px;}
			#btn_scroll .down_box span{font-size:14px;}

		/*main title*/
			.main_title h3{font-size:32px;line-height:40px;}

		/*tech*/
			.main_tech .main_title p{font-size:13px;line-height:22px;}
			.main_tech .uci_cell{margin-top:40px;}
			.main_tech h4{font-size:18px;line-height:24px;}
			.main_tech .uci_cell .cell_content .cell_info dl dt{font-size:13px;height:26px;line-height:26px;width:50px;}
			.main_tech .uci_cell .cell_content > div:nth-child(1) .cell_info dl dd,
			.main_tech .uci_cell .cell_content .cell_info dl dd{width:calc(100% - 50px);padding-left:8px;font-size:12px;line-height:18px;}

			.main_tech .mf_list:before{left:1%;}
			.main_tech .mf_list li .img{height:85px;}
			.main_tech .mf_list li dl dt{font-size:16px;}
			.main_tech .mf_list li dl dd{font-swize:12px;line-height:18px;margin-top:0;}
			
	}
	@media screen and (max-width:350px) {
		/*visual*/
			.main_visual .txt_box h3{font-size:28px;line-height:38px;}
	}