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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
		#wrap #header {width:100%;margin:0;overflow: visible;}
		#wrap #container {width:100%;margin:0;padding:0;}
		#wrap #footer {width:100%;margin:0;}
			/* #container 안의 레이아웃 */
		#contents_wrap {max-width:1260px;margin:0 auto;padding:0 30px;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 150px 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 {max-width:1230px;padding-left:15px;padding-right:15px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}
		.main_w_custom{max-width:1420px;box-sizing:border-box;padding:40px 60px;margin:0 auto;}
	@media only screen and (max-width:1217px) {
		body.on {height:100%;overflow:hidden;}
		#contents_wrap {padding-left:30px !important;padding-right:30px !important;}
		.w_custom{padding-left:30px !important;padding-right:30px !important;}
		.main_w_custom{padding:20px 30px}
	}
	@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 130px 0;}
		#contents_wrap {padding-left:15px !important;padding-right:15px !important;}
		.w_custom{padding-left:15px !important;padding-right:15px !important;}
		.main_w_custom{padding:90px 15px}
	}
	@media only screen and (max-width:860px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
		#contents_wrap #contents_box {padding:4.2% 0 120px 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:15px !important;padding-right:15px !important;}
		#contents_wrap {padding-left:15px !important;padding-right:15px !important;}
		#contents_wrap #contents_box {padding:4.2% 0 110px 0;}
		.main_w_custom{padding:60px 15px}
	}
	@media only screen and (max-width:479px) {
		#contents_wrap #contents_box {padding:4.2% 0 100px 0;}
	}
	@media only screen and (max-width:320px) {
		.main_w_custom{padding:50px 10px}
		#contents_wrap {padding-left:10px !important;padding-right:10px !important;}
		.w_custom {padding-left:10px !important;padding-right:10px !important;}
	}

/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		/* 메인상품진열 - 공통 */
		.main .list_cont {}
		.main .list_cont ul {font-size:0;width:calc(100% + 15px);margin-left:-15px;}
		.main .list_cont ul li {display:inline-block;margin-left:15px;vertical-align:top;}
		.main .list_cont ul li a {display:block;height:100%;}
		.main .list_cont ul li .thumb {}
		.main .list_cont ul li .thumb img {max-width:100%;width:100%;}
		.main .list_cont ul li .info {}
		.main .list_cont ul li .info p {color:#333;line-height:1.2;}
		.main .list_cont ul li .info .name {font-size:14px;}
		/* 메인상품진열 - 갤러리형 */
		.main .list_Galleryform {}
		.main .list_Galleryform ul {text-align:left;} 
		.main .list_Galleryform ul li {width:calc(25% - 15px);}
		.main .list_Galleryform ul li:nth-of-type(n+5) {margin-top:40px;}
		.main .list_Galleryform ul li .thumb {}
		.main .list_Galleryform ul li .thumb img {}
		.main .list_Galleryform ul li .info {margin-top:10px;}
		.main .list_Galleryform ul li .info p {}
		.main .list_Galleryform ul li .info .name {}
		/* 메인상품진열 - 리스트형 */
		.main .list_Listform {}
		.main .list_Listform ul {} 
		.main .list_Listform ul li {width:calc(50% - 15px);}
		.main .list_Listform ul li a {width:100%;display:table;}
		.main .list_Listform ul li:nth-of-type(n+3) {margin-top:40px;}
		.main .list_Listform ul li .thumb,
		.main .list_Listform ul li .info {display:table-cell;vertical-align:middle;width:50%;box-sizing:border-box;}
		.main .list_Listform ul li .thumb {}
		.main .list_Listform ul li .thumb img {}
		.main .list_Listform ul li .info {border:1px solid #ddd;padding:0 15px;}
		.main .list_Listform ul li .info p {}
		.main .list_Listform ul li .info .name {}

	@media only screen and (max-width:860px) {
		/* 메인상품진열 - 갤러리형 */
		.main .list_Galleryform ul li {width:calc(50% - 15px);}
		.main .list_Galleryform ul li:nth-of-type(n+3) {margin-top:40px;}
		/* 메인상품진열 - 리스트형 */
		.main .list_Listform ul li {width:calc(100% - 15px);}
		.main .list_Listform ul li:nth-of-type(n+2) {margin-top:40px;}
		}

/*───────────────────────────────────────────────────────────
	sub custom
───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		/*** company/history (연혁) ***/
			/* 연도 */
		.sub_history.history1 .history_box .his_year .year strong {background:#4aabe6;}
		/* 원 */.sub_history.history1 .history_box .his_year .year::before {background-color:#4aabe6;}
		/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:12px solid #4aabe6;border-color:#4aabe6 !important;}

		/*** company/history2 (연혁2) ***/
			/* 연도 */
		.sub_history.history2 .history_box .his_year .year strong {color:#4aabe6;}
		.sub_history.history2 .history_box .his_year .year strong::before {background:#4aabe6;}
		.sub_history.history2 .history_box .his_year .year strong::after {border-color:#4aabe6;}

		/*** company/history3 (연혁3) ***/
			/* 연도 */
		.sub_history.history3 .history_box table.history span {color:#49abe6;}

		/*** company/work (조직도1번) ***/
		.sub_chart.chart1 .chart .chart_box h3 + h3 {background:#ffa531;}

		/*** company/work (조직도2번) ***/ /* :before 요소는 라인, :after 요소는 원형 */
		.sub_chart.chart2 .chart h3 {box-shadow:0 0 0 20px #f2fafd;border:2px #0095da solid;}
		.sub_chart.chart2 .chart h3:before{border-color:#0095da;}
		.sub_chart.chart2 .chart h4{border-color:#0095da;0 0 0 8px #f2fafd;}
		.sub_chart.chart2 .chart h3:after,
		.sub_chart.chart2 .chart h4:after,
		.sub_chart.chart2 .chart li.chart_side li h5:after{border-color:#0095da;}

	@media only screen and (max-width:479px) {
		/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:8px solid #4aabe6;}
	}

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

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

───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.skip_nav {position:relative;z-index:9999;}
		.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
		.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}
		#header {left:0;top:0;height: 100px;border:0;text-align:center;position:fixed;z-index:10;width:100%;box-sizing:border-box;font-size:0;border-bottom:1px solid #ddd;background:#fff;}
		#header .header_cont{height:calc(100% + 1px);position:relative;}
		#header .hd_logo {transition:all 0.3s;left:70px;top: 50%;position:absolute;z-index:15;width:276px;height: 57px;transform: translateY(calc(-50% + 0.5px));}
		#header .hd_logo a {background: url('../images/skin/hd_logo.png') no-repeat left;font-size: 0;display: block;height: 100%;background-size: auto 100%;}
		#header .hd_lnb {margin:0;padding:0;font-size:0;width:100%;display:block;vertical-align:top;text-align:center;display:block;box-sizing:border-box;z-index:10;position:absolute;top:50%;left:0;transform:translateY(-50%)}
		#header .hd_lnb > li > a {transition:all 0.3s;padding:5px 64px;line-height: 2;font-size: 20px;font-weight: 400;color:#333;letter-spacing:-0.04em;vertical-align: middle;text-align:center;display:inline-block;box-sizing:border-box;}
		#header .hd_lnb > li {position:relative;display:inline-block;vertical-align:top;}
		#header .hd_lnb > li .hd_lnb_dep2 {z-index: 55;display:none;position:absolute;left:50%;top:100%;transform:translateX(-50%);background:#fff;border-radius:10px;padding:15px;box-shadow:0 0 10px rgba(0,0,0,0.1);min-width:max-content;}
		#header .hd_lnb > li .hd_lnb_dep2 a{font-size:18px;color:#333;padding:8px;display:block}
		#header .hd_lnb > li .hd_lnb_dep2 li{display:block;}
		#header .hd_right {transition:all 0.3s;top:0;right:0;height:100%;margin:0;padding:0;font-size:0;position:absolute;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:15;display:flex;align-items:center;}
		#header .hd_right .hd_lang li,#header .hd_right .hd_lang li a {transition:all 0.3s;position:relative;line-height: 1;padding:0;font-size:16px;font-weight:400;color:#666;letter-spacing:-0.04em;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;text-transform:uppercase;}
		#header .hd_right .hd_lang li a{padding:0 18px 0 20px;}
		#header .hd_right .hd_lang li a strong{font-size:inherit;font-weight:inherit;color:#333;border-bottom:1px solid #333;}
		#header .hd_right .hd_lang li + li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#ddd}
		#header .hd_right .hd_gnb {}
		#header .hd_right .hd_gnb li, 
		#header .hd_right .hd_gnb li a {line-height: 1;padding:0;font-size:14px;font-weight:400;color:#888;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;}
		#header .hd_right .hd_gnb li {}
		#header .hd_right .hd_gnb li + li a {padding:0 0 0 30px;}
		#header .all_menu_btn{position:relative;padding:0;width: 100px;height: 100%;background:#7cafd1;margin-left: 30px;}
		#header .hd_right .menu-trigger {display:block;position:relative;padding:0;width: 100%;height: 100%;box-sizing: border-box;display:flex;justify-content:center;align-items:center;}
		#header .hd_right .menu-trigger > div{width: 38px;height: 29px;position:relative;}
		#header .hd_right .menu-trigger span {transition:all 0.3s;transition:0.3s;position:absolute;width: 100%;height:3px;background-color: #fff;left:0;}
		#header .hd_right .menu-trigger span:nth-of-type(1) {top: 0;}
		#header .hd_right .menu-trigger span:nth-of-type(2) {top: 50%;margin-top: -1px;}
		#header .hd_right .menu-trigger span:nth-of-type(3) {bottom: 0;}



		@media only screen and (max-width:1500px) {
			#header .hd_logo{left:30px;}
		}
		@media only screen and (max-width:1280px) {
			#header .hd_lnb li a{padding:0 30px;font-size:18px;}
			#header .hd_logo{width:237px;height:48px;}
		}
		@media only screen and (max-width:1024px) {
			#header {height:80px;position:sticky;}
			#header .hd_logo {left:20px;width:200px;height:40px;}
			#header .hd_lnb,
			#header .hd_right .hd_gnb {display:none;}
			#header .all_menu_btn{width:80px;margin-left:20px;}
			#header .hd_right .menu-trigger > div{width:30px;height:26px;}
			#header .hd_right .hd_lang li, #header .hd_right .hd_lang li a{font-size:15px;}
		}
		@media only screen and (max-width:980px) {
		}
		@media only screen and (max-width:860px) {
		}
		@media only screen and (max-width:767px) {
		}
		@media only screen and (max-width:640px) {
			#header {height:70px;}
			#header .hd_logo {left:15px;width:150px;height:30px;}
			#header .hd_right {right:0;}
			#header .all_menu_btn{width:70px;margin-left:15px;}
			#header .hd_right .hd_lang li, #header .hd_right .hd_lang li a{font-size:14px;}
			#header .hd_right .hd_lang li a{padding:0 13px 0 15px}
		} 
		@media only screen and (max-width:479px) { 
			#header {height:60px;}
			#header .hd_right .hd_lang{display:none;}
			#header .all_menu_btn{width:60px}
			#header .hd_right .menu-trigger > div{width:28px;height:24px;}
		} 
		@media only screen and (max-width:320px) { 
			#header .hd_logo {left:10px;}
			#header .hd_right {right:0;}
		}

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

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

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

		.aside_bg {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index:50;position:fixed;display:none;}
		.aside_bg.on {opacity:1;display:block;}

		#aside .aside_box .btn_aside_close {position:absolute;right:60px;top:30px;width:32px;height:32px;cursor:pointer;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 {width:100%;height:100%;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width:100%;height:2px;background-color:#18b3e5;left:0;top:14px;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform:translateY (0) rotate (-45deg);transform:translateY(0) rotate(-45deg);}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
		#aside .aside_box {}
		#aside .aside_box .aside_logo {text-align:center;margin-bottom:58px;}
		#aside .aside_box .aside_logo a {display:block;background:url('../images/test/hd_logo.png') no-repeat center;font-size:0;height:30px;background-size:auto 100%;}
		#aside .aside_box {width:100%;height:100%;margin:0;padding:20px 15px;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display:block;}
		#aside .aside_box .btn_aside_close {right:15px;top:15px;width:25px;height:25px;}
		#aside .aside_box .aside_logo {text-align:left;margin-bottom:22px;}
		#aside .aside_box .aside_logo a {display:block;background:url('../images/test/hd_logo.png') no-repeat left;font-size:0;height:20px;background-size:auto 100%;}
		#aside .aside_box .aside_gnb {text-align:left;display:block;}
		#aside .aside_box .aside_gnb li {display:inline-block;vertical-align:middle;}
		#aside .aside_box .aside_gnb li + li {margin-left:23px;}
		#aside .aside_box .aside_gnb li a {display:block;font-size:14px;color:#ffffff;}
		#aside .aside_box .aside_search {margin:40px 0 28px;height:40px;background:#fff;position:relative;display:block;}
		#aside .aside_box .aside_search .search_input {width:100%;padding:0 10px;box-sizing:border-box;color:#333;font-size:13px;border:none;line-height:40px;}
		#aside .aside_box .aside_search .search_enter {width:24px;height:24px;background:url('../images/test/aside_search.png') no-repeat 0 0;position:absolute;right:15px;top:50%;margin-top:-12px;background-size:auto 100%;font-size: 0;border: 0;}
		#aside ul.slidemenu {padding:0 0 50px 0;}
		#aside ul.slidemenu li.on > .icons {background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),transparent;background-position:center;background-size:100% 1px,0 100%;background-repeat:no-repeat;}
		#aside ul.slidemenu .depth1_li {text-align:left;display:block;vertical-align:top;font-size:0;border-bottom:1px solid rgba(255,255,255,0.2);position:relative;}
		#aside ul.slidemenu .depth1_li + .depth1_li {margin-top:0;margin-left:0;}
		#aside ul.slidemenu .depth1_li a,
		#aside ul.slidemenu .depth1_li .icons {display:inline-block;vertical-align:middle;}
		#aside ul.slidemenu .depth1_li a {width:calc(100% - 60px);}
		#aside ul.slidemenu .depth1_li .depth1_a {background:url('../images/test/aside_cate_off.png') no-repeat 97%;background-size:auto 8px;transition:0.2s;padding:0 10px;line-height:2.9;font-size:20px;color:#fff;}
		#aside ul.slidemenu .depth1_li .icons {width:20px;height:20px;background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),transparent;background-position:center;background-size:100% 1px,1px 100%;background-repeat:no-repeat;}
		#aside ul.slidemenu .depth1_li .depth1_a.now {background:url('../images/test/aside_cate_on.png') no-repeat 97%;background-size:auto 8px;}
		#aside ul.slidemenu .depth1_li .depth {padding:30px 15px;display:none;border:0;border-bottom:1px solid rgba(255,255,255,0.2);}
		#aside ul.slidemenu .depth1_li .depth li {padding-left:0;position:relative;}
		#aside ul.slidemenu .depth1_li .depth li + li {margin-top:26px;}
		#aside ul.slidemenu .depth1_li .depth li a {font-size:16px;line-height:16px;color:#ffffff;position:relative;padding-left:18px;}
		#aside ul.slidemenu .depth1_li .depth li:before {content:"";display:block;width:2px;height:2px;position:absolute;left:0;top:8px;background:#18b3e5;}
	@media only screen and (max-width:1320px) {
	}
	@media only screen and (max-width:1217px) {
	}
	@media only screen and (max-width:1024px) {
	}
	@media only screen and (max-width:980px) {
	}
	@media only screen and (max-width:860px) {
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
	} 
	@media only screen and (max-width:479px) { 
		#aside {right: -80%;width:80%;}
	} 
	@media only screen and (max-width:320px) {
	}

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#footer{background:#444;}
		#footer *{transition:all 0.3s;}
		#footer .ft_inner {position:relative;max-width:1820px;box-sizing:border-box;margin:0 auto;overflow:hidden;padding: 38px 30px 72px;font-size:0;}
		#footer .ft_inner > div{display:flex;justify-content:space-between;flex-wrap:wrap;}
		#footer .ft_inner .ft_contact{width: calc(100% - 300px);}
		#footer .ft_inner .contact_info span{display:inline-block;margin-right: 35px;color:#fff;font-weight:300;letter-spacing:-0.04em;font-size:15px;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		#footer .ft_inner .contact_info span a{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
		#footer .ft_inner .contact_info > div{opacity:0.6;margin-top:5px;}
		#footer .ft_gnb{padding-right:80px;padding-top:5px;width: 300px;text-align:right;box-sizing: border-box;}
		#footer .ft_gnb li{display:inline-block;}
		#footer .ft_gnb li a{font-size:16px;color:#fff;letter-spacing:-0.04em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		#footer .ft_gnb li a strong{font-size:inherit;color:inherit;letter-spacing:inherit;font-weight:500;font-family:inherit;}
		#footer .ft_gnb li + li{margin-left:33px;}

	@media only screen and (max-width:1820px) {
		#footer .ft_gnb{padding-right:0;padding-top:0;}
		
	}
	@media only screen and (max-width:1024px) {
		#footer .ft_inner{padding:30px 15px 60px;}
		#footer .ft_inner .contact_info span{margin-right:20px;font-size:14px;}
		#footer .ft_gnb li + li{margin-left:20px;}
		#footer .ft_gnb li a{font-size:15px;}
	
	}
	@media only screen and (max-width:767px) {
		#footer .ft_inner > div{flex-direction:column-reverse;}
		#footer .ft_inner .ft_contact{width:100%;}
		#footer .ft_gnb{width:100%;text-align:left;padding-bottom:15px;}
	}
	@media only screen and (max-width:640px) {
		#footer .ft_inner{padding:25px 15px 40px;}
		
		#footer .ft_gnb li a{font-size:14px;}
		#footer .ft_gnb li + li{margin-left:15px;}
		#footer .ft_inner .contact_info span{display:block;margin-right:0;font-size:13px;}
		#footer .ft_inner .contact_info > div{margin-top:15px;}
		#footer .ft_inner .contact_info > div span{font-size:12px;}
		
	}
	@media only screen and (max-width:320px) {
			#footer .ft_inner{padding:20px 10px 35px;}
			#footer .ft_gnb{padding-bottom:10px;}
			#footer .ft_gnb li a{font-size:13px;}
	}

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

	 SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#side_box {padding-bottom:1.8%;}
		#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
		#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
		#side_box .sub_menu dt,
		#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
		#side_box .sub_menu dt {display:none;}
		#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
		#side_box .sub_menu dd + dd {}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
		#side_box .sub_menu dd:hover a,
		#side_box .sub_menu dd.on a,
		#side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;}
		#side_box .sub_menu dd:hover a:before,
		#side_box .sub_menu dd.on a:before, 
		#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

	@media only screen and (max-width:1200px) {
	}
	@media only screen and (max-width:1024px) {
	}
	@media only screen and (max-width:860px) {
		#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:479px) {
		#side_box {display:none;}
	}


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

	 MAIN | index.html

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

		
		
		.more_btn{margin-top:50px;}
			.more_btn a{display:inline-block;background:#7cafd1;height:50px;padding:0 20px;border-radius:25px;display:inline-flex;flex-wrap:wrap;align-items:center;color:#fff;font-size:16px;letter-spacing:-0.04em;font-weight:300}
			.more_btn a em{font-size:0; position:relative;width:25px;height:25px;border-radius:50%;background:#fff;margin-left:30px;}
			.more_btn a em:before{content:'';position:absolute;top: 0;left: 0;width:100%;height:100%;box-sizing:border-box;background:url('../images/skin/more_btn_arrow.png') no-repeat;background-size:cover;background-position:center;}
		@media only screen and (max-width:1024px) {
			.more_btn{margin-top:30px;}
			.more_btn a{font-size:15px;padding:0 15px;height:45px;border-radius:23px;}
			.more_btn a em{width:22px;height:22px;}
		}
		@media only screen and (max-width:640px) {
			.more_btn{margin-top:20px;}
			.more_btn a{font-size:14px;padding:0 12px;height:40px;border-radius:20px;}
			.more_btn a em{width:20px;height:20px;}
		}
		.sky_bg{background-color:#7cafd1;}
		.dark_bg{background-color:#4a637f;}
		
		.highlight_txt{position:relative;}
		.highlight_txt:before{content:'';width:100%;height:12px;background:rgba(255,255,255,0.2);position:absolute;bottom:0;left:0;}

		.line_tit{position:relative;margin-bottom:45px;padding-bottom:55px;}
			.line_tit:before{content:'';width:60px;height:2px;background:#fff;position:absolute;bottom:0;left:50%;margin-left:-30px;}
		@media only screen and (max-width:1024px) {
			.line_tit{margin-bottom:35px;padding-bottom:45px;}
				.line_tit:before{width:40px;margin-left:-20px;}
		}
		@media only screen and (max-width:640px) {
			.line_tit{margin-bottom:25px;padding-bottom:35px;}
				.line_tit:before{width:30px;margin-left:-15px;}
		}
		@media only screen and (max-width:320px) {
			.line_tit{margin-bottom:15px;padding-bottom:25px;}
				.line_tit:before{width:24px;margin-left:-12px;}
		}
		.round_list li{font-size:16px;letter-spacing:-0.04em;font-weight: 200;color:#fff;line-height:1.4;position:relative;padding-left:12px;word-break:keep-all;}
			.round_list li:before{content:'·';position:absolute;top:0;left:0;font-weight:700}
			.round_list li + li{margin-top: 8px;}
		@media only screen and (max-width:1024px) {
			.round_list li{font-size:15px;}
			.round_list li + li{margin-top: 5px;}
		}
		@media only screen and (max-width:640px) {
			.round_list li{font-size:14px;padding-left:10px;}
			.round_list li + li{margin-top: 3px;}
		}
		@media only screen and (max-width:320px) {
			.round_list li{font-size:13px;padding-left:7px;}
			.round_list li + li{margin-top: 2px;}
		}
	/* *PC 일반 **/
		.main{overflow:hidden;}
		#wrap .main .fp-tableCell{vertical-align:bottom;height:100% !important;}	
		#wrap .main_sec{margin-top:100px;}
		#wrap .main_sec > div{height:100%;box-sizing:border-box;}
		/* visual */
			#wrap .main_visual {position:relative;width:100%;margin:0;background:#000;}
			#wrap .main_visual .slick-track{width:100% !important;}
			#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;border:none;min-height:100% !important;width:100% !important;}
			.main_visual .slick-slide{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 .slick-slide > span{transition:all 4s;display:block;position:absolute;top:50%;left:50%;transform:scale(1) translate(-50%,-50%);transform-origin:center center;width:100%;height:100%;background-position:center;background-size:cover !important;}
			.main_visual .txt_box {width:100%;text-align:center;transform:translateY(-50%);position:absolute;left:0;top:50%;font-size:0;box-sizing:border-box;padding:0 30px;z-index:1;}
			.main_visual .txt_box .line_tit{display:inline-block;vertical-align:top;opacity:0;transform:translateY(100px);transition:all 0.8s;}
			.main_visual .txt_box b,
			.main_visual .txt_box span {display:block;text-align:center;color:#fff;opacity:0;transform:translateY(100px);transition:all 0.5s;}
			.main_visual .txt_box b {font-size:36px;letter-spacing:-0.04em;font-weight:500;position:relative;}
			
			.main_visual .txt_box span {font-size:30px;letter-spacing:-0.04em;font-weight:300;display:block;margin-top:20px;}
			/*active*/
				.main_visual.active  .slick-slide > span{transform:scale(1.05) translate(-50%,-50%);transform-origin:center center;}
				.main_visual.active .txt_box .line_tit,
				.main_visual.active .txt_box b,
				.main_visual.active .txt_box span{opacity:1;transform:translateY(0);transition:all 0.8s;}
				.main_visual.active .txt_box b{transition-delay:0.5s;}
				.main_visual.active .txt_box span{transition-delay:0.8s;}
			

			.main .sec1 .swiper_box .swiper-pagination{position:absolute;top:50%;right:72px;transform:translateY(-50%)}
				.main .sec1 .swiper_box .swiper-pagination span{transition:all 0.3s;display:block;width:22px;height:22px;border-radius:50%;border:2px solid transparent;background:none;opacity:1;position:relative;box-sizing:border-box;}
				.main .sec1 .swiper_box .swiper-pagination span:before{transition:all 0.3s;content:'';width:6px;height:6px;border-radius:50%;background:#aaa;position:absolute;top:50%;left:50%;margin-left:-3px;margin-top:-3px;}
				.main .sec1 .swiper_box .swiper-pagination span + span{margin-top:8px;}
				.main .sec1 .swiper_box .swiper-pagination span.swiper-pagination-bullet-active{border:2px solid #7cafd1;}
				.main .sec1 .swiper_box .swiper-pagination span.swiper-pagination-bullet-active:before{background:#7cafd1}
		/* main_tit */
			.main_tit{text-align:center;width:100%;}
			.main_tit span{font-family: 'Cormorant', serif;font-weight:500;display:block;letter-spacing:0.1em;font-size:20px;color:#4a637f;margin-bottom:15px;text-transform:uppercase}
			.main_tit strong{word-break:keep-all;font-weight:600;color:#333;letter-spacing:-0.05em;font-size:50px;display:block;}
			.main_tit strong br{display:none;}
			.main_tit p{word-break:keep-all;display:block;font-size:20px;letter-spacing:-0.04em;color:#666;font-weight:300;line-height:1.65;margin-top:17px;}
			
		/* main_technology */
			.main_technology{position:relative;overflow:hidden;}
			.main_technology:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:url('../images/skin/main_technology_bg.jpg') no-repeat;background-size:cover;background-position:center;}
			.main_technology .main_w_custom{height:100%;display:flex;align-items:center;}
			.main_technology .main_w_custom > div{width:100%;}
			.main_technology .technology_advantage{display:flex;flex-wrap:wrap;row-gap:20px;column-gap: 20px;margin-top:30px;}
				.main_technology .technology_advantage > div{width:calc(50% - 10px);display:flex;flex-wrap:wrap;box-shadow:3px 3px 7px rgba(0,0,0,0.1)}
				.main_technology .technology_advantage .advantage_img{width:280px;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
				.main_technology .technology_advantage .advantage_txt{width:calc(100% - 280px);box-sizing:border-box;padding: 43px 40px;}
				.main_technology .technology_advantage .advantage01 .advantage_img{background-image:url('../images/skin/main_technology_cont01.jpg')}
				.main_technology .technology_advantage .advantage02 .advantage_img{background-image:url('../images/skin/main_technology_cont02.jpg')}
				.main_technology .technology_advantage .advantage_txt strong{font-weight:700;font-size:26px;letter-spacing:-0.04em;display:block;color: #fff;margin-bottom: 25px;}
			.main_technology .technology_icon_list{margin-top:23px;}
				.main_technology .technology_icon_list ul{display:flex;flex-wrap:wrap;column-gap: 10px;row-gap: 10px;}
				.main_technology .technology_icon_list li{width:calc(25% - 7.5px);background:#fff;box-sizing:border-box;padding:30px;box-shadow:3px 3px 7px rgba(0,0,0,0.1);position:relative;display: flex;align-items: center;}
				.main_technology .technology_icon_list li dl{padding-left:68px;background-position:left center;background-repeat:no-repeat;}
				.main_technology .technology_icon_list li dl dt{font-size:18px;letter-spacing:-0.04em;color:#333;font-weight:500;word-break:keep-all;}
				.main_technology .technology_icon_list li dl dd{font-weight:300;letter-spacing:-0.04em;color:#666;font-size:16px;margin-top:7px;word-break:keep-all;}
				
				.main_technology .technology_icon_list li:nth-child(1) dl{background-image:url('../images/skin/main_tech_icon01.png')}
				.main_technology .technology_icon_list li:nth-child(2) dl{background-image:url('../images/skin/main_tech_icon02.png')}
				.main_technology .technology_icon_list li:nth-child(3) dl{background-image:url('../images/skin/main_tech_icon03.png')}
				.main_technology .technology_icon_list li:nth-child(4) dl{background-image:url('../images/skin/main_tech_icon04.png')}	

				.main_technology .technology_icon_list li + li:before{z-index:1;content:'';position:absolute;top:50%;left:0;margin-top:-15px;margin-left:-20px;width:30px;height:30px;border-radius:50%;box-shadow:3px 3px 7px rgba(0,0,0,0.1);background:#4a637f url('../images/skin/technology_arrow.png') no-repeat center;background-size:cover;}		

		/* main_rnd */
			.main_rnd {position:relative;overflow:hidden;}
			.main_rnd:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:url('../images/skin/main_rnd_bg.jpg') no-repeat;background-size:cover;background-position:center;}	
			.main_rnd .main_tit{margin-bottom:25px;}
			.main_rnd .main_tit strong{font-size:46px;}
			.main_rnd .main_w_custom{height:100%;display:flex;align-items:center;}
			.main_rnd .main_w_custom > div{width:100%;}
			.main_rnd .rnd_cont{display:flex;flex-wrap:wrap;column-gap: 10px;row-gap: 15px;}
			.main_rnd .rnd_cont_bg{background:#fff;box-sizing:border-box;border:1px solid #ddd;border-top:0;padding:25px;height:calc(100% - 138px);}
			.main_rnd .rnd_cont > div{width:calc(50% - 5px);position:relative}
			.main_rnd .rnd_tit{text-align:Center;padding:25px 10px;color:#fff;position:relative;}
				.main_rnd .rnd_tit:before{content:'1';position:absolute;bottom:-25px;right:30px;font-weight:600;letter-spacing:-0.04em;font-size:100px;color:rgba(255,255,255,0.07)}
				.main_rnd .rnd_tit strong{display:block;font-size:24px;letter-spacing:-0.04em;font-weight:500}
				.main_rnd .rnd_tit strong em{font-size:inherit;font-weight:700;}
				.main_rnd .rnd_tit p{font-size:16px;letter-spacing:-0.04em;font-weight:300;line-height:1.625;margin-top:7px;}
			.main_rnd .rnd_grid{display:grid;row-gap: 10px;}
			.main_rnd .rnd_grid.grid1{grid-template-rows: 1fr;}
			.main_rnd .rnd_grid.grid2{grid-template-rows: 1fr 1fr;}
			.main_rnd .rnd_grid.grid3{grid-template-rows: 1fr 1fr 1fr;}
			.main_rnd .rnd_img_box{display:grid;grid-template-columns: 1fr 1fr;column-gap: 10px;}
			.main_rnd .rnd_grid span{display:block;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;font-size:0}
			.main_rnd .rnd_grid span em{position:absolute;bottom:5px;left:5px;font-weight:400;color:#fff;font-size:14px;letter-spacing:-0.04em;}
			.main_rnd .rnd_grid span.border_box{border:1px solid #ddd;}
			.main_rnd .rnd_list01 .rnd_img_box > div:nth-child(1) span:nth-child(1){background-image:url('../images/skin/rnd_list01_img01.jpg')}
			.main_rnd .rnd_list01 .rnd_img_box > div:nth-child(1) span:nth-child(2){background-image:url('../images/skin/rnd_list01_img02.jpg')}
			.main_rnd .rnd_list01 .rnd_img_box > div:nth-child(1) span:nth-child(3){background-image:url('../images/skin/rnd_list01_img03.jpg')}
			.main_rnd .rnd_list01 .rnd_img_box > div:nth-child(2) span:nth-child(1){background-image:url('../images/skin/rnd_list01_img04.jpg')}
			.main_rnd .rnd_list01 .rnd_img_box > div:nth-child(2) span:nth-child(2){background-image:url('../images/skin/rnd_list01_img05.jpg')}
			.main_rnd .rnd_list02 .rnd_img_box > div:nth-child(1) span:nth-child(1){background-image:url('../images/skin/rnd_list02_img01.jpg')}
			.main_rnd .rnd_list02 .rnd_img_box > div:nth-child(1) span:nth-child(2){background-image:url('../images/skin/rnd_list02_img02.jpg')}
			.main_rnd .rnd_list02 .rnd_img_box > div:nth-child(2) span:nth-child(1){background-image:url('../images/skin/rnd_list02_img03.jpg')}
			.main_rnd .rnd_list01 .rnd_cont > div.rnd_list01_chk{width: calc(48.5% - 5px);}
			
			.main_rnd .rnd_list01 .rnd_list01_chk li{padding-left: 23px;}
			.main_rnd .rnd_list01 .rnd_list01_chk li strong{font-size:16px;letter-spacing:-0.04em;color:#333;font-weight:500;position:relative;display:block;margin-bottom:12px;}
			.main_rnd .rnd_list01 .rnd_list01_chk li strong:before{content:'';position:absolute;top:0;left: -23px;width:13px;height:16px;background:url('../images/skin/list_chk_icon.png') no-repeat;background-size:100% auto;background-position:center 3px;}
			.main_rnd .rnd_list01 .rnd_list01_chk li + li{margin-top:25px;}
			.main_rnd .rnd_list01 .rnd_list01_chk li img{width:188px;}
			.main_rnd .rnd_list01 .rnd_list01_imgbox{grid-template-columns: calc(46% - 5px) calc(54% - 5px);width: calc(51.5% - 5px);}
			.main_rnd .rnd_list02 .rnd_list01_imgbox{height:calc(100% - 70px);grid-template-columns:calc(34% - 5px) calc(66% - 5px);}
			.main_rnd .rnd_list02 .rnd_tit:before{content:'2';}
			.main_rnd .rnd_list02 .rnd_plus{position:absolute;top:48px;left:-27.5px;width:45px;height:45px;border-radius:50%;background:#fff;box-shadow:3px 3px 7px rgba(0,0,0,0.1);z-index:1;}
			.main_rnd .rnd_list02 .rnd_plus:before,.main_rnd .rnd_list02 .rnd_plus:after{content:'';background:#333;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
			.main_rnd .rnd_list02 .rnd_plus:before{width:18px;height:2px;}
			.main_rnd .rnd_list02 .rnd_plus:after{width:2px;height:18px;}
			.main_rnd .rnd_txt_box {margin-top:18px;}
			.main_rnd .rnd_txt_box div{font-size:18px;letter-spacing:-0.04em;color:#333;font-weight:500;word-break:keep-all;}
			.main_rnd .rnd_txt_box div strong{font-weight:600;}
			.main_rnd .rnd_txt_box p{word-break:keep-all;font-size:16px;color:#333;position:relative;padding-left:17px;margin-top:12px;}
			.main_rnd .rnd_txt_box p:before{content:'';width:11px;height:100%;background:url('../images/skin/rnd_txt_box_arrow.png') no-repeat;background-size:100% auto;background-position:left 5.5px;position:absolute;top:0;left:0;}
			.main_rnd .rnd_txt_box p strong{font-weight:500}
			.main_rnd .rnd_txt_box strong{color:#4a637f;font-size:inherit;}
			
			
		/* main_overview */
			.main_overview {position:relative;overflow:hidden;}
			.main_overview:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:url('../images/skin/main_overview_bg.jpg') no-repeat;background-size:cover;background-position:center;}
			.main_overview .main_w_custom{height:100%;display:flex;align-items:center;}
			.main_overview .main_tit span{color:#fff;}
			.main_overview .main_tit strong{color:#fff;font-size:60px;font-family: 'Cormorant', serif;letter-spacing:0;margin-bottom:35px;padding-bottom:45px;}
			.main_overview .main_tit strong br{display:block;}
			.main_overview .main_tit p{font-size:18px;color:#fff;font-weight:400;margin-top:0;word-break:keep-all;}
		
		/* main_news */
			.main_news {position:relative;overflow:hidden;}
			.main_news:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:url('../images/skin/main_news_bg.jpg') no-repeat;background-size:cover;background-position:center;}
			.main_news .main_w_custom{height:100%;display:flex;align-items:center;flex-wrap:wrap;}
			.main_news .main_tit{text-align:left;width:calc(100% - 806px)}
			.main_news .main_tit p{color:#333;font-size:18px;}
			.main_news_cont{width:806px;position:relative;}
			.main_news_cont > span{position:absolute;bottom:0;right:-25px;}
			.main_news_cont > span:before{content:'NANOMEDI PHARM';font-family: 'Cormorant', serif;display:block;font-size:26px;letter-spacing:0.2em;color:rgba(0,0,0,0.3);font-weight:500;transform:rotate(90deg);transform-origin:bottom right}
			.main_news_cont .board_ul{display:grid;grid-template-rows: 1fr 1fr 1fr 1fr 1fr;row-gap: 10px;position:relative;}
				.main_news_cont .board_li{background:#fff;position:relative;padding:15px 0;transition:all 0.5s;}
				.main_news_cont .board_li:before{transition:all 0.5s;content:'';width:0;height:100%;background:#4a637f;position:absolute;top:0;left:0;opacity:0;}
				.main_news_cont .board_li > a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
				.main_news_cont .board_li .txt{display:flex;align-items:center;flex-wrap:wrap;position:relative;z-index:1;padding-right: 28px;box-sizing: border-box;}
				.main_news_cont .board_li .txt .notice_date{text-align:center;width:157px;}
				.main_news_cont .board_li .txt .notice_date em,.main_news_cont .board_li .txt span{display:block;transition:all 0.5s;}
				.main_news_cont .board_li .txt .notice_date em{font-size:50px;letter-spacing:-0.05em;color:#4a637f;font-weight:400;line-height:1.1}
				.main_news_cont .board_li .txt .notice_date span{font-size:16px;color:#333;letter-spacing:-0.05em;font-weight:400;}
				.main_news_cont .board_li .txt .notice_tit {width: calc(100% - 197px);}
				.main_news_cont .board_li .txt .notice_tit strong{transition:all 0.5s;color:#333;letter-spacing:-0.05em;font-size:20px;font-weight:400;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;}
			.main_news_cont .board_ul .board_li .main_view_btn {transition:all 0.5s;width:40px;height:40px;box-sizing:border-box;border: 1px solid #ddd;border-radius:50%;background-color:#fff;background-image:url('../images/skin/main_view_btn.png');background-repeat:no-repeat;background-position:center;}
			
/** hover 효과 **/	
	@media only screen and (min-width:1024px) {
		.main .sec1 .swiper_box .swiper-pagination span:hover{border:2px solid #7cafd1;}
		.main .sec1 .swiper_box .swiper-pagination span:hover:before{background:#7cafd1}
		/* main_news */
			.main_news_cont .board_li:hover{box-shadow:6px 6px 13px rgba(0,0,0,0.1)}
			.main_news_cont .board_li:hover:before{width:100%;opacity:1;}
			.main_news_cont .board_li:hover .txt .notice_date em{color:#fff;}
			.main_news_cont .board_li:hover .txt .notice_date span{color:#fff;}
			.main_news_cont .board_li:hover .txt .notice_tit strong{color:#fff;}
		/*** 애니메이션 효과 ***/
			#wrap .main_tit span{transform:translateY(400px);opacity:0;transition: all 0.8s;}
			#wrap .main_tit strong{transform:translateY(400px);opacity:0;transition: all 1.2s;}
			#wrap .main_tit p{transform:translateY(400px);opacity:0;transition: all 1.6s;}
			#wrap .more_btn {transform:translateY(400px);opacity:0;transition: all 2s;}
			#wrap .swiper-slide-active .main_tit span{transform:translateY(0);opacity:1;}
			#wrap .swiper-slide-active .main_tit strong{transform:translateY(0);opacity:1;}
			#wrap .swiper-slide-active .main_tit p{transform:translateY(0);opacity:1;}
			#wrap .swiper-slide-active .more_btn{transform:translateY(0);opacity:1;}

			/*active*/
				.swiper-slide-active .main_visual .active.slick-slide > span{transform:scale(1.05) translate(-50%,-50%);transform-origin:center center;}
				.swiper-slide-active .main_visual .active .txt_box .line_tit,
				.swiper-slide-active .main_visual .active .txt_box b,
				.swiper-slide-active .main_visual .active .txt_box span{opacity:1;transform:translateY(0);transition:all 0.8s;}
				.swiper-slide-active .main_visual .active .txt_box b{transition-delay:0.5s;}
				.swiper-slide-active .main_visual .active .txt_box span{transition-delay:0.8s;}

			/* main_technology */
				#wrap .main_technology .technology_advantage{transform:translateY(400px);opacity:0;transition: all 2s;}
				#wrap .swiper-slide-active .main_technology .technology_advantage{transform:translateY(0);opacity:1;}
				#wrap .main_technology .technology_icon_list{transform:translateY(400px);opacity:0;transition: all 2.6s;}
				#wrap .swiper-slide-active .main_technology .technology_icon_list{transform:translateY(0);opacity:1;}
			/* main_rnd */
				#wrap .main_rnd .rnd_cont,#wrap .main_rnd .rnd_cont_bg{transform:translateY(400px);opacity:0;transition: all 2s;}
				#wrap .swiper-slide-active .main_rnd .rnd_cont,#wrap .swiper-slide-active .main_rnd .rnd_cont_bg{transform:translateY(0);opacity:1;}
			/* main_news */
				#wrap .main_news_cont .board_li{transform:translateY(400px);opacity:0;}
				#wrap .main_news_cont .board_li:nth-child(1){transition: all 1.2s;}
				#wrap .main_news_cont .board_li:nth-child(2){transition: all 1.6s;}
				#wrap .main_news_cont .board_li:nth-child(3){transition: all 2s;}
				#wrap .main_news_cont .board_li:nth-child(4){transition: all 2.4s;}
				#wrap .main_news_cont .board_li:nth-child(5){transition: all 2.8s;}
				#wrap .swiper-slide-active .main_news_cont .board_li{transform:translateY(0);opacity:1;}
				#wrap .main_news_cont > span{transform:translateY(400px);opacity:0;transition: all 2.8s;}
				#wrap .swiper-slide-active .main_news_cont > span{transform:translateY(0);opacity:1;}
				#wrap .main_news_cont .board_ul .board_li:hover .main_view_btn{border:1px solid #4a637f;background-image:url('../images/skin/main_view_btn_on.png')}
			.main_overview:before{transform:scale(1.05) translate(-50%,-50%);transition: all 3s;transform-origin:center center;}
			.swiper-slide-active .main_overview:before{transform:scale(1) translate(-50%,-50%);transform-origin:center center;}
			.main_news:before{transform:scale(1.05) translate(-50%,-50%);transition: all 3s;transform-origin:center center;}
			.swiper-slide-active .main_news:before{transform:scale(1) translate(-50%,-50%);transform-origin:center center;}
			.main_rnd:before{transform:scale(1) translate(-50%,-50%);transition: all 3s;transform-origin:center center;}
			.swiper-slide-active .main_rnd:before{transform:scale(1.05) translate(-50%,-50%);transform-origin:center center;}
			.main_technology:before{transform:scale(1) translate(-50%,-50%);transition: all 3s;transform-origin:center center;}
			.swiper-slide-active .main_technology:before{transform:scale(1.05) translate(-50%,-50%);transform-origin:center center;}
		
	}
/** 풀페이지 height 줄어들때 **/				
	@media only screen and (max-height:830px) {
		.main_tit p{font-size:18px;margin-top:15px;}
		/* main_rnd */
			.main_rnd .main_tit strong{font-size:40px}
			.main_rnd .main_tit{margin-bottom:20px;}
			.main_rnd .rnd_tit strong{font-size:22px;}
			.main_rnd .rnd_tit p{font-size:15px;}
			.main_rnd .rnd_list02 .rnd_plus{top:45px;}
		
	}
	@media only screen and (max-height:780px) {
		.main_tit p{font-size:17px;}
		/* main_rnd */
			.main_rnd .rnd_tit{padding:20px 10px;}
			.main_rnd .rnd_list01 .rnd_list01_chk li img{width:170px;}
			.main_rnd .rnd_cont_bg{height:calc(100% - 122px);padding:20px;}
			.main_rnd .rnd_list02 .rnd_plus{top:40px;}
		/* main_news */
			.main_news_cont .board_li{padding:10px 0;}
	}
	@media only screen and (max-height:700px) {
		.main_tit p{margin-top:10px;}
		/* main_rnd */
			.main_rnd .rnd_tit{padding:16px 10px;}
			.main_rnd .rnd_list01 .rnd_list01_chk li img{width:150px;}
			.main_rnd .rnd_cont_bg{height:calc(100% - 114px);padding:20px;}
			.main_rnd .rnd_list02 .rnd_plus{top:35px;}
		/* main_news */
			.main_news_cont .board_li{padding:10px 0;}
	}

/** 풀페이지 width 줄어들 때 **/	
	@media only screen and (max-width:1700px) {
		.main .sec1 .swiper_box .swiper-pagination{right:30px;}
		
	}
	@media only screen and (max-width:1380px) {
		.main .sec1 .swiper_box .swiper-pagination{right:20px;}
		
	}
	@media only screen and (max-width:1296px) {
		.main .sec1 .swiper_box .swiper-pagination{right:15px}
		/* main_technology */
			.main_technology .technology_advantage .advantage_img{width:40%}
			.main_technology .technology_advantage .advantage_txt{width:60%;padding:30px 20px;}
			
	}
	@media only screen and (max-width:1217px) {
		.main_tit strong{font-size:40px;}
		.main_tit p{font-size:18px;}
		/* main_rnd */
			.main_rnd .main_tit strong{font-size:34px;}	
			.main_rnd .rnd_list02 .rnd_list01_imgbox{height:calc(100% - 91px)}
		/* main_news */
			.main_news .main_tit{width:35%;}
			.main_news_cont{width:65%}
		/* main_overview */
			.main_overview .main_tit strong{font-size:50px;}
		

	}
/** 풀페이지 종료 **/	
	@media only screen and (max-width:1024px) {
		.main_tit span{font-size:18px;}
		.main_tit strong{font-size:34px;line-height:1.4}
		.main_tit strong br{display:block;}
		

		.main .sec1 .swiper_box .swiper-pagination{display:none;}
		#wrap .main_visual .slick-slide{height:650px !important;}
		#wrap .main_sec{margin-top:0;}
		#wrap .main_sec > div{height:auto;}
		.main_visual .txt_box{padding:0 20px;}
		.main_visual .txt_box img{height:45px;}
		.main_visual .txt_box b{font-size:30px;}
		.main_visual .txt_box span{font-size:24px;margin-top:15px;}
		/* main_overview */
			.main_overview .main_tit strong{font-size:45px;margin-bottom:30px;padding-bottom:35px;line-height:1.1}
			.main_overview .main_tit strong br{display:none;}
			.main_overview .main_tit p{font-size:16px;}
		/* main_technology */
			.main_technology .technology_advantage > div{width:100%}
			.main_technology .technology_icon_list li{padding:25px 20px;display:flex;align-items:center;}
			.main_technology .technology_icon_list li dl{padding-left:0;padding-top:60px;background-position:center top;text-align:center;width:100%;}
			.main_technology .technology_icon_list li dl dt{font-size:17px;}
			.main_technology .technology_icon_list li dl dd{font-size:15px;}
		/* main_rnd */
			.main_rnd .rnd_cont_bg{height:calc(100% - 132px);padding:25px 20px;}
			.main_rnd .rnd_tit{padding:25px 15px}
			.main_rnd .rnd_tit:before{font-size:80px;bottom:-20px;right:20px;}	
			.main_rnd .rnd_tit strong{font-size:22px;}
			.main_rnd .rnd_tit strong em{display:inline-block}
			.main_rnd .rnd_tit p{font-size:15px;}
			.main_rnd .rnd_txt_box p{font-size:15px;}
			.main_rnd .rnd_txt_box div{font-size:17px;}
			.main_rnd .rnd_list01 .rnd_list01_chk li strong{font-size:15px;}
			.main_rnd .rnd_list02 .rnd_list01_imgbox{height:calc(100% - 89px)}
			.main_rnd .rnd_list02 .rnd_plus{width:40px;height:40px;top:47px;left:-24.5px;}
			.main_rnd .rnd_list02 .rnd_plus:before{width:16px;}
			.main_rnd .rnd_list02 .rnd_plus:after{height:16px;}
		/* main_news */
			.main_news .main_tit{width:100%;}
			.main_news_cont{width:100%;margin-top:20px;}
			.main_news .main_tit p{font-size:16px;}
			.main_news_cont .board_ul{display:block;}
			.main_news_cont .board_li + .board_li {margin-top:10px;}
			.main_news_cont .board_li .txt{padding-right:15px;}
			.main_news_cont .board_li .txt .notice_date{width:120px;}
			.main_news_cont .board_li .txt .notice_tit{width: calc(100% - 160px);}
			.main_news_cont .board_li .txt .notice_tit strong{font-size:18px;}
			.main_news_cont .board_li .txt .notice_date em{font-size:40px;}
			.main_news_cont .board_li .txt .notice_date span{font-size:15px;}
			
	}
	@media only screen and (max-width: 860px) {
		/* main_rnd */	
			.main_rnd .rnd_cont{row-gap:30px}
			.main_rnd .rnd_cont > div{width:100%;}
			.main_rnd .rnd_cont_bg{height:auto;padding:20px 15px;}
			.main_rnd .rnd_grid span{padding-bottom:60%;}
			.main_rnd .rnd_list01 .rnd_list01_chk li img{width:250px;}
			.main_rnd .rnd_list02 .rnd_plus{top:-37px;left:50%;margin-left:-20px;}
			
		
	}
	@media only screen and (max-width:767px) {
		/* main_overview */
			.main_overview .main_tit p br{display:none;}
		/* main_technology */
			.main_technology .technology_advantage .advantage_txt{padding:35px 25px;}
			.main_technology .technology_advantage .advantage_txt strong{font-size:22px;margin-bottom:15px;}

	}
	@media only screen and (max-width: 640px) {
		.main_tit span{font-size:16px;margin-bottom:10px;}
		.main_tit strong{font-size:28px;}
		.main_tit p{font-size:15px;line-height:1.4}
		.main_tit p br{display:none;}
		#wrap .main_visual .slick-slide{height:600px !important;}
		.main_visual .txt_box{padding:0 15px;}
		.main_visual .txt_box img{height:35px;}
		.main_visual .txt_box b{font-size: 24px;}
		.main_visual .txt_box span{font-size: 19px;margin-top:10px;}
		/* main_overview */
			.main_overview .main_tit strong{font-size:35px;margin-bottom:20px;padding-bottom:25px;line-height:1.1}
			.main_overview .main_tit p{font-size:15px}
			.main_overview .main_tit p br{display:none;}
		/* main_technology */
			.main_technology .technology_advantage .advantage_img{width:35%;}
			.main_technology .technology_advantage .advantage_txt{width:65%;}
			.main_technology .technology_icon_list li{width:calc(50% - 5px)}
			.main_technology .technology_icon_list li:nth-child(3){order:4;}
			.main_technology .technology_icon_list li:nth-child(4){order:3;}
			.main_technology .technology_icon_list li:nth-child(3):before{top:0;margin-top:-20px;left:50%;margin-left:-15px;transform:rotate(90deg);box-shadow:3px -3px 7px rgba(0,0,0,0.1);}
			.main_technology .technology_icon_list li:nth-child(4):before{left:auto;right:0;margin-left:0;margin-right:-20px;transform:rotate(180deg);box-shadow:-3px -3px 7px rgba(0,0,0,0.1);}
			.main_technology .technology_icon_list li dl dt{font-size:16px;}
				.main_technology .technology_icon_list li dl dd{font-size:14px;}
		/* main_rnd */
			.main_rnd .main_tit strong{font-size:26px;}
			.main_rnd .rnd_tit{padding:20px 15px;}
			.main_rnd .rnd_tit strong{font-size:20px;}
			.main_rnd .rnd_tit strong em{display:inline-block;}
			.main_rnd .rnd_tit p{line-height:1.4;font-size:14px;}
			
			.main_rnd .rnd_list01 .rnd_list01_chk li{padding-left:15px;}
			.main_rnd .rnd_list01 .rnd_list01_chk li strong:before{left:-15px;width:10px;height:14px;}
			.main_rnd .rnd_txt_box div{font-size:16px;}
			.main_rnd .rnd_txt_box p{font-size:14px;}
		/* main_news */
			.main_news .main_tit p{font-size:15px;}
			.main_news_cont .board_li{padding:10px 0;}
			.main_news_cont .board_li .txt .notice_date{width:90px;}
			.main_news_cont .board_li .txt .notice_tit{width: calc(100% - 125px);}
			.main_news_cont .board_li .txt .notice_tit strong{font-size:16px;}
			.main_news_cont .board_li .txt .notice_date em{font-size:30px;}
			.main_news_cont .board_li .txt .notice_date span{font-size:14px;}
			.main_news_cont .board_ul .board_li .main_view_btn{width:35px;height:35px;}
			
			
			
	}
	@media only screen and (max-width:500px) {
		#wrap .main_visual .slick-slide{height: 520px !important;}
		.main_visual .txt_box img{height:auto;width: 90%;margin:0 auto;}
		
		/* main_technology */
			.main_technology .technology_advantage .advantage_img{width:100%;height:0;padding-bottom:50%;}
			.main_technology .technology_advantage .advantage_txt{width:100%;padding:20px;}
			.main_technology .technology_advantage .advantage_txt strong{font-size:18px;margin-bottom:10px;}
			.main_technology .technology_icon_list ul{row-gap:15px}
			.main_technology .technology_icon_list li{width:100%}
			.main_technology .technology_icon_list li:nth-child(3){order:3;}
			.main_technology .technology_icon_list li:nth-child(4){order:4;}
			.main_technology .technology_icon_list li + li:before{top:0;margin-top:-23px;left:50%;margin-left:-15px;transform:rotate(90deg);box-shadow:3px -3px 7px rgba(0,0,0,0.1);}
			.main_technology .technology_icon_list li:nth-child(3):before{margin-top:-23px;}
			.main_technology .technology_icon_list li:nth-child(4):before{top:0;margin-top:-23px;left:50%;margin-left:-15px;transform:rotate(90deg);box-shadow:3px -3px 7px rgba(0,0,0,0.1);}
		/* main_rnd */
			.main_rnd .rnd_list01 .rnd_cont > div.rnd_list01_chk{width:100%;}
			.main_rnd .rnd_list01 .rnd_list01_imgbox{width:100%;}
			.main_rnd .rnd_list01 .rnd_list01_chk li img{width:auto;}
		/* main_news */
			.main_news_cont .board_li .txt{padding-right:10px;}
			.main_news_cont .board_li .txt .notice_tit{width:calc(100% - 122px);}
			.main_news_cont .board_ul .board_li .main_view_btn{width:32px;height:32px;}

	}
	@media screen and (max-width:350px) {
		/* main_overview */
			.main_overview .main_tit strong{font-size:30px;}

		/* main_rnd */
			.main_rnd .rnd_cont_bg{padding:15px 10px;}
			.main_rnd .rnd_tit p br{display:none;}
	}
	@media screen and (max-width:320px) {
		#wrap .main_visual .slick-slide{height:450px !important;}
		.main_visual .txt_box b{font-size:22px;}
		.main_visual .txt_box span{font-size:14px;}

		.main_tit p{font-size:14px;}
		.main_tit strong{font-size:24px;line-height:1.2}
		/* main_overview */
			.main_overview .main_tit strong{font-size:28px;}
			.main_overview .main_tit p{font-size:14px;}
		/* main_technology */
			.main_technology .technology_advantage .advantage_txt{padding:15px;}
			.main_technology .technology_advantage .advantage_txt strong{font-size:17px;}
		/* main_rnd */
			.main_rnd .main_tit strong{font-size:22px;}
			.main_rnd .rnd_tit strong{font-size:18px;}
			.main_rnd .rnd_tit p{font-size:13px;}
		
		
	}