@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 #container {width:100%;margin:0;padding:0;overflow:hidden;}
		#wrap #footer {width:100%;margin:0;}
			/* #container 안의 레이아웃 */
		#contents_wrap, .inr{width:100%;max-width:1660px;margin:0 auto;padding:0 30px;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:0 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 {position:relative; width:1640px;margin:0 auto;padding:0;box-sizing:border-box;}
		.sub_w_custom{position:relative; width:100%;max-width:1260px;margin:0 auto;padding:0 30px;box-sizing:border-box;}
	@media only screen and (max-width:1657px) {
		.w_custom{width:calc(100% - 30px);}
	}
	@media only screen and (max-width:1217px) {
		body.on {height:100%;overflow:hidden;}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:1024px) {
		#wrap{overflow:hidden;}

		#contents_wrap, .inr{padding:0 15px;}
		#contents_wrap #contents_box{padding-bottom:120px}
		#contents_wrap #side_box {padding: 85px 0 0 0;}
	}
	@media only screen and (max-width:860px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
	}
	@media only screen and (max-width:767px) {
		#contents_wrap #side_box {display:none;}
		.sub_goods #contents_wrap #side_box {display:block;padding:0;}
	}
	@media only screen and (max-width:640px) {
		#contents_wrap #contents_box{padding-bottom:80px}
		
	}
	@media only screen and (max-width:479px) {
		#contents_wrap #contents_box{padding-bottom:50px}
	}
	@media only screen and (max-width:320px) {
		#contents_wrap, .inr{padding:0 10px;}
		.w_custom{width:calc(100% - 20px);}
	}

/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
	/* 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;position:fixed;z-index:10;width:100%;box-sizing:border-box;font-size:0; transition:all 0.4s;}
		#header .hd_top{background:#fff;}
		#header .hd_top .w_custom{padding:0 28px; display:flex; align-items:center; height:56px;}
		#header .header_cont{}
		#header .hd_logo {}
		#header .hd_logo a {background: url('../images/skin/hd_logo.svg') no-repeat left;font-size: 0;display: block;height: 100%;background-size: 100% auto; width:218px; height:27px;}
		#header .hd_right{display:inline-flex;align-items:center;position:absolute;top:0;right: 20px;}
		#header .hd_right .m_search_btn{display:none;}
		#header .hd_right .search_wrap{position:relative; }
			#header .hd_right .search_wrap + .hd_lang{margin-left:20px;}
		#header .hd_right .search_wrap .search_input{width:260px; height:32px; border:1px solid #ddd; padding:0 50px 0 15px; font-size:13px; font-weight:400; color:#333;}
		#header .hd_right .search_wrap .close_btn{font-size:0; display:none; }
		#header .hd_right .search_wrap .search_enter{position:absolute; top:50%; right:10px; transform:translateY(-50%); width:18px; height:18px; background:url('../images/skin/hd_search_icon.png') no-repeat center; background-size:100%; border:0; }
		#header .hd_right .hd_lang{position:relative;  padding-right:128px;}
		#header .hd_right .hd_lang .toggle_btn{position:relative;display:inline-flex; width:56px; height:56px; background:#868686 url('../images/skin/hd_lang_icon.png') no-repeat center; transition:all 0.4s;}
			#header .hd_right .hd_lang .toggle_btn.on{background:#868686 url('../images/skin/hd_lang_close.png') no-repeat center;}
		#header .hd_right .hd_lang .toggle_btn span{position:absolute; top:50%; left:calc(100% + 15px); transform:translateY(-50%); font-size:15px; font-weight:400; color:#868686; width:max-content;}
		#header .hd_right .lang_layer{position:absolute;top:100%;right:0;background:#868686;width:max-content;padding: 35px 40px 29px;z-index:2; opacity:0; transition:all 0.4s; pointer-events:none;}
			#header .hd_right .lang_layer.on{opacity:1;  pointer-events:inherit;}
		#header .hd_right .lang_layer h5{position:relative;font-size:20px;font-weight:400;color:#fff;padding-left:30px;box-sizing:border-box;letter-spacing: 0.01em;}
		#header .hd_right .lang_layer h5:before{position:absolute; content:''; width:19px; height:19px; background:url('../images/skin/hd_lang_icon.png') no-repeat center; background-size:100% auto; top:4px; left:0;}
			#header .hd_right .lang_layer h5 + dl{margin-top: 10px;}
		#header .hd_right .lang_layer dl{display:flex;width:520px;padding: 15px 0;box-sizing: border-box;}
			#header .hd_right .lang_layer dl + dl{border-top:1px solid rgba(255,255,255,0.2);}
		#header .hd_right .lang_layer dl dt{font-size:18px; font-weight:400; color:#fff; width:115px;}
		#header .hd_right .lang_layer dl dd{width:calc(100% - 115px);font-size:18px;font-weight:300;color:#fff;letter-spacing: 0;}
		#header .hd_right .lang_layer dl dd ul{display:flex; flex-wrap:wrap;}
		#header .hd_right .lang_layer dl dd ul li{width:calc(100% / 4);}
		#header .hd_right .lang_layer dl.library dd ul li{width:calc(100% / 3);}
			#header .hd_right .lang_layer dl dd ul li:nth-child(n+5){margin-top: 19px;}
		#header .hd_right .lang_layer dl dd ul li a{font-size:inherit; font-weight:inherit; color:inherit;}

		#header .hd_cont{position:relative; transition:all 0.4s; border-top:1px solid #fff0; border-bottom:1px solid #fff0;}
		#header .hd_cont .w_custom{position:static; padding-right: 18px;}
		#header .hd_lnb{display:flex; justify-content:flex-end; padding-right:104px;}
		#header .hd_lnb > li{box-sizing:border-box; position:relative;}
			#header .hd_lnb > li:nth-child(2){position:static;}
			#header .hd_lnb > li:last-child a{padding-right:0;}
		#header .hd_lnb > li > a{display:inline-flex;align-items:center;height:80px;font-size:16px;font-weight: 400;color:#fff;letter-spacing: -0.01em;padding: 0 75px;}
		#header .hd_lnb > li > a span{position:relative; }
			#header .hd_lnb > li > a span:before{position:absolute;content:'';width:5px;height:5px;background:#005caa;top: 44%;transform:translateY(-50%);left: calc(100% + 11px); opacity:0; transition:all 0.4s;}
		#header .hd_lnb .hd_lnb_dep2{position:absolute;top:100%;left: 23px;background:#f5f5f5;width: 260px;box-sizing:border-box;padding: 27px 30px 72px;}
			#header .hd_lnb > li:nth-child(2) .hd_lnb_dep2{position:absolute;left:auto;right:0;width:auto;padding: 27px 545px 72px 30px;width: 805px;transform:none;min-height:320px;}
			
		#header .hd_lnb .hd_lnb_dep2 li{}
			#header .hd_lnb .hd_lnb_dep2 li + li{margin-top: 19px;}
		#header .hd_lnb .hd_lnb_dep2 li a{position:relative;display:block;font-size: 15px;font-weight:400;color:#666;letter-spacing: -0.02em;box-sizing: border-box;padding-right: 12px;}
			#header .hd_lnb .hd_lnb_dep2 li a br{display: none;}
			#header .hd_lnb .hd_lnb_dep2 li.on > a{color:#005caa; font-weight:500;}
			#header .hd_lnb .hd_lnb_dep2 li a:before{position:absolute; content:''; top:50%; right:0; transform:translateY(-50%); width:7px; height:12px; background:url('../images/skin/hd_lnb_arrow.png') no-repeat center; opacity:0; transition:all 0.4s;}
			#header .hd_lnb .hd_lnb_dep2 li.on > a:before{opacity:1;}
		#header .hd_lnb li .hd_lnb_dep2, #header .hd_lnb .hd_lnb_dep3, #header .hd_lnb .hd_lnb_dep4{opacity:0; pointer-events:none; transition:all 0.4s;}
			#header .hd_lnb li.on .hd_lnb_dep2, #header .hd_lnb li.on > .hd_lnb_dep3, #header .hd_lnb li.on > .hd_lnb_dep4{opacity:1; pointer-events:inherit;}
		#header .hd_lnb .hd_lnb_dep3{position:absolute;top:0;right:0;background:#fff;width: 525px;height:100%;padding: 27px 265px 72px 30px;box-sizing:border-box;}
		#header .hd_lnb .hd_lnb_dep4{position:absolute;top:0;right:0;width: 240px;height:100%;background:#f2f7fb;padding: 27px 25px 72px 30px;box-sizing:border-box;}
		#header .hd_lnb .hd_lnb_dep4 li a{letter-spacing:0.03em;}
		#header .scroll_top{position:fixed; right:-50px; bottom:30px; width:50px; height:50px; background:#111 url('../images/skin/scroll_top_arrow.png') no-repeat center; z-index:5; opacity:0; transition:all 0.4s;}
			#header.on .scroll_top{opacity:1; right:30px;}

		#header .m_cont{display:none;}
			
		/* on */
			#header.on .hd_cont{background:#f5f5f5; border-color:#ddd;}
			#header.on .hd_lnb > li > a{color:#333; font-weight:500;}
		/* over */
			@media only screen and (min-width:1024px) {
				#header .hd_cont.over{background:#f5f5f5; border-color:#ddd;}
				#header .hd_cont.over .hd_lnb > li > a{color:#333; font-weight:500;}
				#header .hd_lnb > li:hover > a span:before{opacity:1;}
			}
		@media only screen and (max-width:1657px) {
			#header .hd_top .w_custom{padding:0;}
			#header .hd_right{right:-15px;}
			#header .hd_right .hd_lang{ padding-right:143px;}
			#header .hd_lnb > li > a{/* padding:0 3.2vw; */}
			#header.on .scroll_top{right:15px;}
		}
		@media only screen and (max-width:1217px) {
			#header .hd_right .lang_layer h5{font-size:18px;}
			#header .hd_right .lang_layer dl dt, #header .hd_right .lang_layer dl dd{font-size:17px;}
			
		}
		@media only screen and (max-width:1023px) {
			#header .hd_lnb{display:none;}
			#header .hd_cont > div{position:relative; padding-right:50px; width:calc(100% - 30px); margin:0 auto; box-sizing:border-box;}
			#header .hd_cont .w_custom{position:relative; padding-right:50px;}
			#header .hd_cont .m_cont{display:flex; align-items:center; height:60px;}
			#header .hd_cont .copy{font-size:17px; font-weight:500; color:#fff;}
			#header .hd_cont .all_menu{position:absolute; top:50%; right:0; width:28px; height:20px; transform:translateY(-50%);}
			#header .hd_cont .all_menu span{position:absolute; top:0; right:0; width:100%; height:2px; background:#fff; transition:all 0.4s;}
			#header .hd_cont .all_menu span:nth-child(2){top:50%; transform:translateY(-50%);}
			#header .hd_cont .all_menu span:nth-child(3){top:auto; bottom:0;}

				/* on */
					#header.on .hd_cont .copy{color:#333;}
					#header.on .hd_cont .all_menu span{background:#333;}
					#header .hd_cont .all_menu.on span, #header .hd_cont .all_menu.on span:nth-child(3){top:50%; left:50%; bottom:auto; transform:translate(-50%, -50%) rotate(45deg);}
					#header .hd_cont .all_menu.on span:nth-child(2){opacity:0;}
					#header .hd_cont .all_menu.on span:nth-child(3){transform:translate(-50%, -50%) rotate(-45deg);}
		}
		@media only screen and (max-width:860px) {
			#header .hd_cont .m_cont{height:55px;}
			#header .hd_right .search_wrap .search_input{width:170px; padding-right:40px;}
			#header .hd_right .search_wrap + .hd_lang{margin-left:15px;}
			#header .hd_right .hd_lang{padding-right:134px;}
			#header .hd_right .hd_lang .toggle_btn span{font-size:14px;}
			#header .hd_right .lang_layer h5{font-size:17px;}
			#header .hd_right .lang_layer dl dt, #header .hd_right .lang_layer dl dd{font-size:16px;}
			#header .scroll_top{width:45px; height:45px; background-size:16px auto;}
		}
		@media only screen and (max-width:640px) {
			#header .hd_top .w_custom{height:50px; justify-content:space-between}
			#header .hd_logo a{width:195px;}
			#header .hd_right{position:static; margin-right:-15px;}
			#header .hd_right .m_search_btn{display:inline-flex;width:22px; height:21px; background:url('../images/skin/hd_search_icon.png') no-repeat center; background-size:100%;}
			#header .hd_right .search_wrap{position:absolute; left:-15px; top:100%; width:100vw;  z-index:3; height:0; overflow:hidden; transition:all 0.4s;}
				#header .hd_right .search_wrap.on{height:50px;}
			#header .hd_right .search_wrap .close_btn{position:absolute; top:50%; right:13px; transform:translateY(-50%); display:inline-block; width:20px; z-index:1;}
			#header .hd_right .search_wrap .close_btn span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); width:100%; height:2px; background:#333; }
				#header .hd_right .search_wrap .close_btn span + span{transform:translate(-50%, -50%) rotate(-45deg); }
			#header .hd_right .search_wrap .search_input{width:100%; height:50px; background:#eee; border:0; transition:all 0.4s;}
			#header .hd_right .search_wrap .search_enter{display:none;}
			#header .hd_right .hd_lang .toggle_btn{width:50px; height:50px; background-size:22px auto;}
			#header .hd_cont .m_cont{height:50px;}
			#header .hd_cont .copy{font-size:16px;}
			#header .hd_cont .all_menu{width:25px; height:18px;}

			#header .hd_right .hd_lang{padding-right:0;}
			#header .hd_right .hd_lang .toggle_btn{position:relative; z-index:3;}
			#header .hd_right .hd_lang .toggle_btn span{font-size:0;}
			#header .hd_right .lang_layer{top:0;width:100vw;box-sizing:border-box;padding: 15px 15px 29px;background: rgba(134,134,134,0.95);height: 100vh;}
			#header .hd_right .lang_layer h5{font-size:16px;}
				#header .hd_right .lang_layer h5:before{top:2px;}
				#header .hd_right .lang_layer h5 + dl{margin-top: 14px;}
			#header .hd_right .lang_layer dl{width:100%;padding: 16px 0;}
			#header .hd_right .lang_layer dl dt, #header .hd_right .lang_layer dl dd{font-size:15px;font-weight: 300;}
			#header .hd_right .lang_layer dl dt{width:75px;}
			#header .hd_right .lang_layer dl dd{width:calc(100% - 75px);}
			#header .hd_right .lang_layer dl dd ul li:nth-child(n+5){margin-top:13px;}

			#header .scroll_top{width:40px; height:40px; background-size:14px auto;}
		}
		@media only screen and (max-width:479px) {
			#header .hd_logo a{width:184px; height:23px;}
			#header .hd_cont .m_cont{height:45px;}
			#header .hd_cont .copy{font-size:15px;}
			#header .hd_cont .all_menu{width:18px; height:16px;}
			#header .hd_right .lang_layer h5{font-size:15px;padding-left: 20px;padding-right: 50px;}
				#header .hd_right .lang_layer h5:before{width:16px;height:16px;background-size:100%;}
			#header .hd_right .lang_layer dl dt, #header .hd_right .lang_layer dl dd{font-size: 14px;}
			
		}
		@media only screen and (max-width:479px) {
			#header .hd_cont .copy{font-size:14px;}
		}
		@media only screen and (max-width:374px) {
			#header .hd_right .lang_layer dl dt{width:55px;}
			#header .hd_right .lang_layer dl dd{width:calc(100% - 55px);}
			#header .hd_right .lang_layer dl dt, #header .hd_right .lang_layer dl dd{font-size:12px;}
		}
		@media only screen and (max-width:320px) {
			#header .hd_right{margin-right:-10px;}
			#header .hd_right .search_wrap{left:-10px;}
		}


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

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

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#aside {position:absolute;width:100%;height:100vh;top:100%;left:0;background:#fff;z-index:5;transition:all 0.6s;opacity:0;pointer-events:none;padding-bottom: 150px;box-sizing:border-box;overflow-y: scroll;}
			#aside.on {opacity:1; pointer-events:inherit;}

		#aside .aside_box{height: max-content;}
		#aside .aside_lnb{width:100%; height:100%; border-bottom:1px solid #ddd;}
		#aside .aside_lnb ul{display:none;padding-bottom: 11px;margin-left:auto;margin-right:auto;}
		#aside .aside_lnb ul li + li{}
		#aside .aside_lnb li{width:100%; } 
		#aside .aside_lnb > li + li{border-top:1px solid #ddd;}
		#aside .aside_lnb li a{position:relative;display:block;font-size:14px;padding: 13px 40px 13px 15px;font-weight:500;color:#333;box-sizing:border-box;}
			#aside .aside_lnb li.child > a:before{position:absolute; content:''; top:50%; transform:translateY(-50%); right:15px; width:13px; height:12px; background:url('../images/skin/aside_lnb_arrow.png') no-repeat center; background-size:100%; }
				#aside .aside_lnb li.child > a.on{color:#005caa;}
				#aside .aside_lnb li.child > a.on:before{background-image:url('../images/skin/aside_lnb_arrow_on.png');}
		#aside .aside_lnb li a br{display:none;}
		#aside .aside_lnb .hd_lnb_dep2{ background:#f5f5f5; padding-top:10px; border-top:1px solid #ddd;}
		#aside .aside_lnb .hd_lnb_dep2 > li > a{padding-left:20px; font-size:13px;}
		#aside .aside_lnb .hd_lnb_dep2 li.child > a:before{right:20px;}
		#aside .aside_lnb .hd_lnb_dep3{background:#fff;width:calc(100% - 40px);margin-top: 4px;padding-top: 11px; margin-bottom:12px;}
		#aside .aside_lnb .hd_lnb_dep3 > li{}
		#aside .aside_lnb .hd_lnb_dep3 > li > a{padding-left: 20px;padding-top: 11px;padding-bottom: 11px;}
		#aside .aside_lnb .hd_lnb_dep4{background:#f2f7fb;width:calc(100% - 40px);margin-top: 7px;padding-top: 11px; margin-bottom:12px;}
		#aside .aside_lnb .hd_lnb_dep4 > li{}
		#aside .aside_lnb .hd_lnb_dep4 > li > a{font-size:13px;color:#666;padding-left: 20px;letter-spacing: 0.04em;padding-top: 11px;padding-bottom: 12px;}

		
	@media only screen and (max-width:1320px) {
	}

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#footer{background:#f5f5f5;padding: 48px 0 90px;}
		#footer .w_custom{display:flex;}
		#footer .ftr_logo{width:218px;height:27px;background:url('../images/skin/hd_logo.svg') no-repeat center; background-size:100% auto; margin-right:60px;margin-top: 5px;}
		#footer .ftr_info{width: calc(100% - 278px); box-sizing: border-box; padding-right: 220px;}
		#footer .ftr_info .addr{font-size:16px;font-weight:300;color:#666;font-family:'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;letter-spacing:-0.02em;line-height: 170%;}
		#footer .ftr_info .addr a, #footer .ftr_info .addr span, #footer .ftr_info .addr strong{font-size:inherit; font-weight:inherit; color:inherit; }
		#footer .ftr_info .addr span{display:inline-block;margin-right: 32px;}
		#footer .ftr_info .addr strong{ color:#333;}
		#footer .ftr_info .copy{font-size:16px;font-weight:400;color:#999;margin-top: 18px;}
		#footer .ftr_info .copy a{font-size:inherit; font-weight:inherit; color:inherit; }
		#footer .ftr_gnb{position:absolute;top: 5px;right:0;text-align:right;}
		#footer .ftr_gnb .service_list{display:flex; justify-content:flex-end;}
			#footer .ftr_gnb .service_list  + .sns_list{margin-top: 25px;}
		#footer .ftr_gnb .service_list li{}
			#footer .ftr_gnb .service_list li + li{margin-left: 35px;}
		#footer .ftr_gnb .service_list li a{font-size:16px;font-weight:300;color:#333;letter-spacing: 0;}
		#footer .ftr_gnb .service_list li a strong{font-size:inherit; font-weight:400; color:inherit;}
		#footer .ftr_gnb .sns_list{display:flex; justify-content:flex-end; font-size:0;}
		#footer .ftr_gnb .sns_list li{}
		#footer .ftr_gnb .sns_list li + li{margin-left:10px;}
		#footer .ftr_gnb .sns_list li a{display:inline-flex; width:46px; height:46px;box-sizing:border-box; transition:all 0.4s; background-repeat:no-repeat; background-position:center;}
		#footer .ftr_gnb .sns_list li a.facebook{background-image:url('../images/skin/icon_sns02.png') ;}
		#footer .ftr_gnb .sns_list li a.in{background-image:url('../images/skin/icon_sns03.png');}
		#footer .ftr_gnb .sns_list li a.youtube{background-image:url('../images/skin/icon_sns01.png');}

		@media only screen and (max-width:1217px){
			#footer .ftr_info .addr, #footer .ftr_info .copy, #footer .ftr_gnb .service_list li a{font-size:15px}
			#footer .ftr_gnb .sns_list li a{width:40px;height:40px;background-size:auto 100%;}
			#footer .ftr_gnb .sns_list li a.youtube{background-size:auto 28px;}
			#footer .ftr_info .copy a{display:block;margin-top: 5px;}
		}
		@media only screen and (max-width:1023px){
			#footer .ftr_logo{margin-right:40px;}
			#footer .ftr_info{width:calc(100% - 258px); padding-right:190px;}
			#footer .ftr_info .addr span{margin-right:25px;}
		}
		@media only screen and (max-width:860px){
			#footer .w_custom{display:block;}
			#footer .ftr_info{width:100%;padding-right:0;margin-top: 34px;}
			#footer .ftr_gnb{position:relative;text-align:left;margin-top: 37px;}
			#footer .ftr_gnb .service_list, #footer .ftr_gnb .sns_list{justify-content:flex-start;}

		}
		@media only screen and (max-width:640px){
			#footer{padding: 36px 0 125px;}
			#footer .ftr_logo{width:195px;}
			#footer .ftr_info .addr, #footer .ftr_info .copy, #footer .ftr_gnb .service_list li a{font-size:14px;}
			#footer .ftr_info .copy{margin-top:30px;}
			#footer .ftr_gnb .sns_list li a{width:35px; height:35px;}
			#footer .ftr_gnb .sns_list li a.youtube{background-size:auto 22px;}
			#footer .ftr_gnb .sns_list li + li{margin-left:15px;}
		}
		@media only screen and (max-width:479px){
			#footer .ftr_logo{width:164px; height:20px;}
			#footer .ftr_info .addr, #footer .ftr_info .copy{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

───────────────────────────────────────────────────────────*/
	/* *PC 일반 **/
		.main_index #container {padding-top:0 !important;}
		
		/* visual */
			.ControlBar_module_controlBarWrapper__843f6260{display: none !important;}
			#wrap .main_visual {position:relative;width:100%;min-width:1200px;margin:0;height:798px;background:#000;}
			#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:798px;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;background-position:center;background-size:cover !important;transition:transform 2s ease-in-out, opacity 2s ease-in-out;transform:scale(1.2) rotate(0.003deg);opacity:.8;}
			.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;}
			.main_visual .txt_box {width:100%;text-align:center;transform:translate(-50%, -50%);position:absolute;left:50%;top:50%;font-size:0;}
			.main_visual .txt_box p,
			.main_visual .txt_box b,
			.main_visual .txt_box span {display:block;text-align:center;color:#fff;font-family:'Josefin Sans';opacity:0;transform:translateY(100px);transition:all 0.5s;}
			.main_visual .txt_box p {font-weight:100;}
			.main_visual .txt_box b {margin:45px 0 48px;}
			.main_visual .txt_box p,
			.main_visual .txt_box b {font-size:90px;line-height:70px;text-transform:uppercase;}
			.main_visual .txt_box span {font-size:24px;line-height:36px;font-weight:300;}
			/*active*/
				.main_visual .active .txt_box p,
				.main_visual .active .txt_box b,
				.main_visual .active .txt_box span{opacity:1;transform:translateY(0);transition:all 0.5s;}
				.main_visual .active .txt_box b{transition-delay:0.3s;}
				.main_visual .active .txt_box span{transition-delay:0.6s;}
			/*재생, 정지버튼*/
				.main_visual .visual_btn_wrap .play_btn_box{display: inline-block;vertical-align: top;position: relative;width:16px;height:16px;text-align: center;}
				.main_visual .visual_btn_wrap .play_btn_box .slickBtn{font-size:0;width:100%;height:100%;cursor:pointer;}
				.main_visual .visual_btn_wrap .slickPause {background:url('../images/test/visual_sld_pause.png') no-repeat center;}
				.main_visual .visual_btn_wrap .play_btn_box .slickPlay{width:auto;height:auto;content:"";border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:none;border-left: 10px solid #fff;margin-left:3px;}
			/*도트 타입 B*/
				/* #wrap .main_visual .slick-dots {text-align: center;display: inline-block;vertical-align: middle;position: absolute;font-size:0;left:48%;bottom:152px;z-index:11;}
				#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{opacity:0.5;width:10px;height:10px;box-sizing:border-box;border-radius:100%;background:#fff;display: inline-block;margin:0 5px;font-size:0;}
				#wrap .main_visual .slick-dots li.slick-active button{opacity:1;background:#de0000;}		 */
			/*도트 타입 C*/
				#wrap .main_visual .slick-dots {text-align: center;display: inline-block;vertical-align: middle;position: absolute;font-size:0;left:48%;bottom:149px;z-index:11;}
				#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{font-size: 15px;color: #fff;font-weight: 400;box-sizing: border-box;display: inline-block;margin: 0 5px;width: auto;height: auto;background: none;opacity: 1;border-radius: 0;}
				#wrap .main_visual .slick-dots li.slick-active button{color:#de0000;}		
			/*타입 A*/
				.main_visual .visual_btn_wrap.type_A {position:absolute;left:0;bottom:150px;overflow:hidden;width:100%;text-align:center;z-index:10;}
				.main_visual .visual_btn_wrap.type_A .control_box,
				.main_visual .visual_btn_wrap.type_A .slider-progress,
				.main_visual .visual_btn_wrap.type_A .slideController {display:inline-block;vertical-align:middle;width:auto;box-sizing:border-box;}
				.main_visual .visual_btn_wrap.type_A .control_box {font-size:0;}
				.main_visual .visual_btn_wrap.type_A .control_box .play_btn_box,
				#wrap .main_visual .visual_btn_wrap.type_A .control_box .slick-arrow {font-size:0;display:inline-block;vertical-align:middle;height:20px;}
				/*화살표*/
				#wrap .main_visual .visual_btn_wrap.type_A .control_box .slick-arrow {width:32px;margin:0;position: static;}
				#wrap .main_visual .visual_btn_wrap.type_A .control_box .slick-arrow:after{display: none;}
				#wrap .main_visual .visual_btn_wrap.type_A .control_box .prev {background:url('../images/test/visual_sld_prev.png') no-repeat left;}
				#wrap .main_visual .visual_btn_wrap.type_A .control_box .next {background:url('../images/test/visual_sld_next.png') no-repeat right;}
				/*프로그래스바*/	
				.main_visual .visual_btn_wrap.type_A .slider-progress{width:100px;vertical-align:middle;height:2px;background:rgba(255,255,255,0.4);margin-left:20px;}
				.main_visual .visual_btn_wrap.type_A .slider-progress .progress{height:100%;background:#de0000;}
				/*카운팅*/
				.main_visual .visual_btn_wrap.type_A .slideController{margin-left:20px;}
				.main_visual .visual_btn_wrap.type_A .slideController span{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:15px;color:#fff;font-weight:400;letter-spacing:0;width:auto;position:relative;top:0;left:0;z-index:20;}
				.main_visual .visual_btn_wrap.type_A .slideController .slideCountItem{font-weight:600;} 
				.main_visual .visual_btn_wrap.type_A .slideController .slideCountItem:before{content:"0";font-size:inherit;color:inherit;font-weight:inherit;}
			/*타입 B*/
				.main_visual .visual_btn_wrap.type_B {position:absolute;left:0;bottom:150px;overflow:hidden;width:100%;text-align:center;z-index:10;box-sizing:border-box;}
				/*화살표*/
					#wrap .main_visual .arw_box.type_B .slick-arrow {width:40px;height:40px;border:2px solid #333;border-width:2px 2px 0 0;margin:0;position:absolute;font-size:0;background:none;top:calc(50% - 20px);}
					#wrap .main_visual .arw_box.type_B .slick-arrow:after{display: none;}
					#wrap .main_visual .arw_box.type_B .prev {transform:rotate(-135deg);left:30px;}
					#wrap .main_visual .arw_box.type_B .next {transform:rotate(45deg);right:30px;}
			/*타입 C*/
				.main_visual .visual_btn_wrap.type_C {position:absolute;left:0;bottom:150px;overflow:hidden;width:100%;text-align:center;z-index:10;}
				/*화살표*/
					#wrap .main_visual .arw_box.type_C .slick-arrow {width:40px;height:40px;border:2px solid #333;border-width:2px 2px 0 0;margin:0;position:absolute;font-size:0;background:none;top:calc(50% - 20px);}
					#wrap .main_visual .arw_box.type_C .slick-arrow:after{display: none;}
					#wrap .main_visual .arw_box.type_C .prev {transform:rotate(-135deg);left:30px;}
					#wrap .main_visual .arw_box.type_C .next {transform:rotate(45deg);right:30px;}
	
		.main_content{transition:all 0.4s;}
		.main_title{text-align:left;}
			.main_title.center{text-align:center;}
		.main_title h3{position:relative; font-size:50px;font-weight: 300;color:#fff;letter-spacing: 0.01em;}
		.main_title h3 small{font-size:92%;}
		.main_title p{font-size:18px;font-weight: 300;color:#fff;line-height:155%;letter-spacing: 0.028em;}
		.main_more{position:relative; display:inline-block; overflow:hidden;}
			.main_more:before{position:absolute;content:'';width:0;height:100%;left: -10px;top:0;background:#0054a6;transform:skewX(-20deg);transition:all 0.4s;}
		.main_more span{position:relative; display:inline-flex; align-items:center; justify-content:center; width:200px; height:60px; border:1px solid #fff; box-sizing:border-box; font-size:16px; font-weight:300; color:#fff; z-index:3; transition:all 0.4s;}

			/* over */
			@media only screen and (min-width:1024px) {
				.main_more:hover:before{width: calc(100% + 20px);}
				.main_more:hover span{border-color:#0054a6; box-shadow:0 0 15px rgba(0,0,0,0.3);}
			}

		.main_video{position:relative; background:#fff; transition:none;}
			.main_video .video_wrap{position: relative;padding-bottom: 57%;padding-top: 0;height: 0;overflow: hidden;margin: 0;}
			.main_video:before{position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; left:0; z-index:1;}
			
		.main_video .video_wrap iframe, .main_video .video_wrap object, .main_video .video_wrap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;}
		.main_video .swiper-slide{position:relative;}
		.main_video .swiper-slide:before{position:absolute; content:''; width:100%; height:100%; background:url('../images/skin/main_video_pattern.png') repeat center; top:0; left:0; z-index:2; background-size:cover;}
		
		.main_video .main_title{position:absolute ;left:50%; top:48%; transform:translate(-50%, -50%); z-index:3;padding-left: 66px; transition:all 0.4s;}
			.main_video.hidden .main_title{opacity:0;}
		.main_video h3, .main_video p{opacity:0; transform:translateX(100px); transition:all 1.5s;}
			.main_video .swiper-slide-active .main_title h3{opacity:1; transform:translateX(0); transition-delay:0.2s;}
			.main_video .swiper-slide-active .main_title p{opacity:1; transform:translateX(0); transition-delay:0.4s;}
		.main_video .main_title h3:before{position:absolute;content:'';width:7px;height:7px;background:#fff;top: 53%;left: -26px;}
		.main_video .main_title h3:after{position:absolute;content:'';width:1px;height:800px;background:#fff;top: 53%;left: -23px;}
		.main_video .main_title h3 + p{margin-top: 20px;}

		.main_prod{position: relative; z-index: 5; margin-top: -230px; } 
		.main_prod .prod_list{display:flex;width: calc(100% - 40px);margin:0 auto;}
		.main_prod .prod_list li{position:relative; width:100%;margin-right:25px;box-shadow: 0 0 30px rgba(0,0,0,0.2); background:#fff;}
			.main_prod .prod_list li:last-child{margin-right:0;}
			/* aos */
			.main_prod .prod_list li:nth-child(1)[data-aos].aos-animate{transition-delay:0.1s;}
			.main_prod .prod_list li:nth-child(2)[data-aos].aos-animate{transition-delay:0.2s;}
			.main_prod .prod_list li:nth-child(3)[data-aos].aos-animate{transition-delay:0.3s;}
			.main_prod .prod_list li:nth-child(4)[data-aos].aos-animate{transition-delay:0.4s;}
			.main_prod .prod_list li:nth-child(5)[data-aos].aos-animate{transition-delay:0.5s;}
		.main_prod .prod_list .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
		.main_prod .prod_list .thumb{position:relative; font-size:0; width:100%; height:260px;}
		.main_prod .prod_list .thumb img{width:100%; height:100%; object-fit:cover;}
		.main_prod .prod_list .thumb .over{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:all 0.4s;}
		.main_prod .prod_list dl{padding: 0 30px 24px;box-sizing:border-box; overflow:hidden;}
		.main_prod .prod_list dl dt{position:relative;font-size:22px;font-weight:500;color:#111;border-bottom:1px solid #ddd;padding: 15px 25px 15px 0; transition:all 0.4s;}
			.main_prod .prod_list dl dt:before{position:absolute; content:''; width:0; height:100%; left:-40px; top:0; background:#0054a6; transform:skewX(-20deg); transition:all 0.4s;}
			.main_prod .prod_list dl dt:after{position:absolute; content:''; width:8px; height:14px; background:url('../images/skin/main_prod_arrow.png') no-repeat center; top:50%; transform:translateY(-50%); right:0; transition:all 0.4s;}
			.main_prod .prod_list dl dt + dd{margin-top:15px;}
		.main_prod .prod_list dl dt span{position:relative; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:2;}
		.main_prod .prod_list dl dd{font-size:15px;font-weight:300;color:#666;line-height:166%;letter-spacing: -0.04em; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; box-sizing:border-box;}
		
		/* over */
			@media only screen and (min-width:1024px) {
				.main_prod .prod_list li:hover .thumb .over{opacity:1;}
				.main_prod .prod_list li:hover dl dt:after{background-image:url('../images/skin/main_prod_arrow_on.png');}
				.main_prod .prod_list li:hover dl dt{color:#fff;}
				.main_prod .prod_list li:hover dl dt:before{width:calc(100% + 80px);}
			}
		.main_wide_bnr{position:relative; width:100%; height:768px; background:url('../images/skin/main_wide_bnr.jpg') no-repeat center; background-size:cover; margin-top:120px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
			.main_wide_bnr:before{position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.3); top:0; left:0;}
		.main_wide_bnr .w_custom{text-align:center;}
		.main_wide_bnr .main_title h3{font-weight:600; letter-spacing:-0.025em; line-height:130%;  z-index:3;}
		.main_wide_bnr .main_title h3 + .main_more{margin-top:50px;}

		.main_cate_list{padding: 120px 0 120px;background:#f5f5f5 url('../images/skin/main_cate_bg.png') no-repeat right center;overflow:hidden;}
		.main_cate_list .CateSwiper{width:100%; }
		.main_cate_list .cate_list{display:flex;}
		.main_cate_list .cate_list li{position:relative;width:100%; height:auto; margin-right:20px;box-shadow: 10px 10px 25px rgba(0,0,0,0.15);padding: 169px 40px 38px;background:#fff;transition:all 0.4s; box-sizing:border-box;}
			.main_cate_list .cate_list li:last-child{margin-right:0;}
			.main_cate_list .cate_list li:before{position:absolute;content:'';top: 40px;left: 40px;}
			.main_cate_list .cate_list li:nth-child(1):before{width:65px; height:69px; background:url('../images/skin/main_cate_icon01.png') no-repeat center;}
			.main_cate_list .cate_list li:nth-child(2):before{width:59px; height:58px; background:url('../images/skin/main_cate_icon02.png') no-repeat center;}
			.main_cate_list .cate_list li:nth-child(3):before{width:60px; height:60px; background:url('../images/skin/main_cate_icon03.png') no-repeat center;}
			.main_cate_list .cate_list li:nth-child(4):before{width:89px; height:57px; background:url('../images/skin/main_cate_icon04.png') no-repeat center;}
		.main_cate_list .cate_list li .link{position:absolute; top:0; left:0; width:100%; height:100%;}
		.main_cate_list .cate_list dl{}
		.main_cate_list .cate_list dl dt{font-size:18px; font-weight:400; color:#111;}
			.main_cate_list .cate_list dl dt + dd{margin-top: 7px;}
		.main_cate_list .cate_list dl dd{font-size:30px;font-weight: 700;color:#111;}
		.main_cate_list .cate_list .more{position:absolute;font-size:0;width:45px;height:45px;border:1px solid #ccc;box-sizing:border-box;right:40px;bottom: 40px;transition:all 0.4s;}
			.main_cate_list .cate_list .more:before{position:absolute; content:''; width:14px; height:2px; background:#aaa; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s;}
			.main_cate_list .cate_list .more:after{position:absolute; content:''; width:2px; height:14px; background:#aaa; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s;}

		/* over */
			@media only screen and (min-width:1024px) {
				.main_cate_list .cate_list li:hover{transform:translateY(-10px);box-shadow: 10px 10px 30px rgba(0,0,0,0.3);}
				.main_cate_list .cate_list li:hover .more{background-color:#0054a6; border-color:#0054a6;}
				.main_cate_list .cate_list li:hover .more:before, .main_cate_list .cate_list li:hover .more:after{background-color:#fff;}
			}

		.main_service.main_prod{margin:0;background:#0054a6;padding-top: 107px; padding-bottom:105px;}
		.main_service.main_prod .prod_list{margin-top:45px; width:calc(100% - 130px);}
		.main_service.main_prod .prod_list li{box-shadow:none;  text-align:center; margin-right:80px; background:#0054a6;}
			.main_service.main_prod .prod_list li:last-child{margin-right:0;}
		.main_service.main_prod .prod_list .thumb{display:inline-flex; align-items:center; justify-content:center; width:140px; height:140px; border-radius:100%; transition:all 0.4s;}
		.main_service.main_prod .prod_list .thumb img{width:auto; height:auto;}
			.main_service.main_prod .prod_list .thumb + dl{margin-top:30px;}
		.main_service.main_prod .prod_list dl{height:auto;  text-align:left; padding:0;}
		.main_service.main_prod .prod_list dl dt{color:#fff; overflow:hidden; padding-left:20px; padding-right:30px; letter-spacing:0.01em;}
			.main_service.main_prod .prod_list dl dt:before{background:#fff;}
			.main_service.main_prod .prod_list dl dt:after{background-image:url('../images/skin/main_prod_arrow_on.png'); right:20px;}
		.main_service.main_prod .prod_list dl dd{font-size:16px; color:#fff; line-height:162%; padding:10px 20px; letter-spacing:0.01em;}

		@media only screen and (min-width:1024px) {
			.main_service.main_prod .prod_list li:hover .thumb{background:rgba(0,0,0,0.2);}
			.main_service.main_prod .prod_list li:hover dl dt{color:#0054a6;}
			.main_service.main_prod .prod_list li:hover dl dt:after{background-image:url('../images/skin/main_prod_arrow_blue.png');}
		}
	@media only screen and (max-width:1657px) {
		.main_prod{margin-top:-13.8vw;}
		.main_prod .prod_list .thumb{height:15.6vw;}
		.main_prod .prod_list dl dt{font-size:20px;}
		.main_cate_list .cate_list dl dd{font-size:28px;}
		.main_cate_list .cate_list dl dt{font-size:17px;}
		.main_cate_list .cate_list li{padding:10.5% 35px 33px;}
			.main_cate_list .cate_list li:before{top:35px; left:35px;}
		.main_cate_list .cate_list .more{right:35px; bottom:35px; width:40px; height:40px;}

		
	}
	@media only screen and (max-width:1400px) {
		.main_prod .prod_list li{margin-right:20px;}
		.main_prod .prod_list dl{padding:0 25px 24px;}
		.main_prod .prod_list dl dt{font-size:19px;}

		.main_cate_list .cate_list dl dd{font-size:26px;}
		.main_cate_list .cate_list dl dt{font-size:16px;}
		.main_cate_list .cate_list li{padding:10.5% 30px 28px;}
		.main_cate_list .cate_list li:before{top:30px; left:30px;}
			.main_cate_list .cate_list li:nth-child(1):before{width: 4vw;height:4vw;background-size:auto 100%;}
			.main_cate_list .cate_list li:nth-child(2):before{width: 3.8vw;height:3.5vw;background-size:auto 100%;}
			.main_cate_list .cate_list li:nth-child(3):before{width: 3.7vw;height:3.5vw;background-size:auto 100%;}
			.main_cate_list .cate_list li:nth-child(4):before{width: 5.7vw;height:3.5vw;background-size:auto 100%;}
		.main_cate_list .cate_list .more{right:30px; bottom:30px; width:35px; height:35px;}

		.main_service.main_prod .prod_list dl dd br{display:none;}
	}
	@media only screen and (max-width:1217px) {
		/*visual*/
			/* 타입 B */
			#wrap .main_visual .slick-dots{left:46%;}

		.main_video .main_title{padding-left:33px;}
		.main_title h3{font-size:4.1vw;}
		.main_title p{font-size:17px;}
		
		.main_prod .prod_list{width:100%;}
		.main_prod .prod_list li{margin-right:15px;}
		.main_prod .prod_list .thumb{height:16.1vw;}
		.main_prod .prod_list dl{padding:0 20px 24px;}
		.main_prod .prod_list dl dt{font-size:18px;}

		.main_wide_bnr{height:63.1vw; min-height:384px;}
		.main_cate_list .cate_list li{margin-right:15px;}
		.main_cate_list .cate_list dl dd{font-size:24px;}
		.main_cate_list .cate_list dl dt{font-size:15px;}

		.main_service.main_prod .prod_list{width:100%;}
		.main_service.main_prod .prod_list dl dd{font-size:15px;}
	}
	@media only screen and (max-width:1023px) {
		/* 타입 A */
			.main_visual .visual_btn_wrap.type_A{bottom:7%;}
		/* 타입 B */
			/* #wrap .main_visual .slick-dots{bottom:7.2%;} */
			.main_visual .visual_btn_wrap.type_B{bottom:7%;}
		/* 타입 C */
			#wrap .main_visual .slick-dots{bottom:6.8%;}
			.main_visual .visual_btn_wrap.type_C{bottom:7%;}

		.main_title p{font-size:16px;}
		.main_more span{width:180px; height:55px;}
	
		.main_prod .prod_list{flex-wrap:wrap;}
		.main_prod .prod_list li{width:calc(100% / 3 - 10px);}
			.main_prod .prod_list li:nth-child(3n){margin-right:0;}
			.main_prod .prod_list li:nth-child(n+4){margin-top:15px;}
		.main_prod .prod_list .thumb{height:27.2vw;}
		.main_prod .prod_list dl dt{font-size:17px;}

		.main_cate_list .cate_list{flex-wrap:wrap;}
		.main_cate_list .cate_list li{width:calc(100% / 2 - 7.5px) !important;}
			.main_cate_list .cate_list li:nth-child(even){margin-right:0 !important;}
			.main_cate_list .cate_list li:nth-child(n+3){margin-top:15px;}
		.main_cate_list .cate_list dl dd{font-size:22px;}

		.main_service.main_prod .prod_list{flex-wrap:nowrap}
		.main_service.main_prod .prod_list li{width:100%; margin-right:7.5vw;}
		.main_service.main_prod .prod_list .thumb{width:120px; height:120px; padding:25px; box-sizing:border-box;}
			.main_service.main_prod .prod_list .thumb + dl{margin-top:20px;}
		.main_service.main_prod .prod_list dl dt{padding-left:15px;}
			.main_service.main_prod .prod_list dl dt:after{right:15px;}
		.main_service.main_prod .prod_list dl dd{padding:5px 15px}
	}
	@media only screen and (max-width: 860px) {
		.main_more span{width:160px; height:50px; font-size:15px;}

		.main_wide_bnr{margin-top:100px;}

		.main_cate_list{padding:100px 0;}
		.main_service.main_prod .prod_list li{margin-right:15px;}
		.main_service.main_prod .prod_list .thumb{width:110px; height:110px; }

		.main_service.main_prod{padding-top:100px; padding-bottom:100px;}
	}
	@media only screen and (max-width:767px) {
		.main_video .video_wrap{padding-bottom:58%;}

		.main_service.main_prod .prod_list{display:block;}
		.main_service.main_prod .prod_list li{margin-right:0; display:flex;}
			.main_service.main_prod .prod_list li + li{margin-top:32px;}
		.main_service.main_prod .prod_list .thumb{width:70px; height:auto; padding:0; justify-content:flex-start; align-items:flex-start;}
			.main_service.main_prod .prod_list .thumb + dl{width:calc(100% - 70px); margin-top:0;}
		.main_service.main_prod .prod_list li:nth-child(1) .thumb img{width:50px;}
		.main_service.main_prod .prod_list li:nth-child(2) .thumb img{width:46px;}
		.main_service.main_prod .prod_list li:nth-child(3) .thumb img{width:46px;}
		.main_service.main_prod .prod_list dl dt{padding-bottom:14px; padding-top:0;}
		.main_service.main_prod .prod_list dl dd{padding:0 15px; line-height:146%;}
	}
	@media only screen and (max-width: 640px) {
	
		/* visual */
			.main_visual .txt_box p, 
			.main_visual .txt_box b {font-size:45px;line-height:45px;}
			.main_visual .txt_box span {font-size:20px;line-height:28px;word-break:keep-all;}
			.main_visual .txt_box span br {display:none;}	
			/* visual */
			.main_visual .txt_box p, 
			.main_visual .txt_box b {font-size:45px;line-height:45px;}
			.main_visual .txt_box span {font-size:20px;line-height:28px;word-break:keep-all;}
			.main_visual .txt_box span br {display:none;}	
			/* 타입 A */
				#wrap .main_visual .visual_btn_wrap.type_A .control_box .slick-arrow{width:15px;}
				.main_visual .visual_btn_wrap.type_A .control_box .play_btn_box{width:25px;}
				.main_visual .visual_btn_wrap.type_A .slider-progress{margin-left:10px;}
				.main_visual .visual_btn_wrap.type_A .slideController{font-size:13px;margin-left:10px;line-height:20px;}
			/* 타입 B */
				#wrap .main_visual .arw_box.type_B .slick-arrow{width:30px;height:30px;}
				#wrap .main_visual .arw_box.type_B .prev{left:15px;}
				#wrap .main_visual .arw_box.type_B .next{right:15px;}
			/* 타입 C */
				#wrap .main_visual .arw_box.type_C .slick-arrow{width:30px;height:30px;}
				#wrap .main_visual .arw_box.type_C .prev{left:15px;}
				#wrap .main_visual .arw_box.type_C .next{right:15px;}
				#wrap .main_visual .visual_btn_wrap.type_C .swiper-dots .swiper-pagination-bullet{font-size:13px;}
		
		.main_title h3{font-size:25px;}
		.main_title p{font-size:15px;}
		.main_more span{width:140px; height:45px; font-size:14px;}

		.main_video{}
		.main_video video{position:absolute; height:100%;}
		.main_video .main_title{position:absolute; height:auto; margin-top:0; top:53%; left:50%; transform:translateX(calc(-50% - 0.5px)); padding-left:17px; opacity:1 !important;}
		.main_video .main_title h3 + p{margin-top:8px;}
		.main_video .main_title h3:before{width:5px; height:5px; top:50%; left:-18px;}
		.main_video .main_title h3:after{left:-16px;}
		.main_video .main_title p br{display:none;}

		.main_prod{margin-top: 28px;}
		.main_prod .prod_list{display:block;}
		.main_prod .prod_list li{width:100%; display:flex; box-shadow:none;}
			.main_prod .prod_list li:nth-child(n+2){margin-top:32px;}
		.main_prod .prod_list .thumb{width: 29%; height: 23vw;}
		.main_prod .prod_list dl{width: 71%; padding: 0 0 0 15px;}
		.main_prod .prod_list dl dt{font-size:16px;padding: 0 0 12px;letter-spacing: -0.02em;}
			.main_prod .prod_list dl dt:after{width:6px; height:10px; background-size:100% auto; top:33%;}
			.main_prod .prod_list dl dt + dd{margin-top: 12px;}
		.main_prod .prod_list dl dd{font-size:14px; line-height:146%;}

		.main_wide_bnr{margin-top:68px;}
		.main_wide_bnr .main_title h3 + .main_more{margin-top:25px;}

		.main_cate_list{padding:75px 0;background-size: auto 150%;background-position: calc(100% + 130px) 50%;}
		.main_cate_list .CateSwiper{/* padding-right:33.39vw; */ padding:0; box-sizing:border-box;}
		.main_cate_list .cate_list li{}
		
		.main_cate_list .cate_list{flex-wrap:nowrap; }
		.main_cate_list .cate_list li{width: 63.8% !important;margin-right:15px;padding: 28% 25px 18px;box-shadow: 5px 5px 12.5px rgba(0,0,0,0.15);}
			.main_cate_list .cate_list li:nth-child(even){margin-right:15px !important;}
			.main_cate_list .cate_list li:nth-child(n+3){margin-top:0;}
			.main_cate_list .cate_list li:last-child{margin-right:0 !important;}
			.main_cate_list .cate_list li:before{left:25px; top:25px;}
			.main_cate_list .cate_list li:nth-child(1):before{width: 39px;height:42px;}
			.main_cate_list .cate_list li:nth-child(2):before{width: 37px;height:35px;background-size:auto 100%;}
			.main_cate_list .cate_list li:nth-child(3):before{width: 35px;height:35px;background-size:auto 100%;}
			.main_cate_list .cate_list li:nth-child(4):before{width: 53px;height:34px;background-size:auto 100%;}
		.main_cate_list .cate_list dl dt{font-size:14px;}
		.main_cate_list .cate_list dl dd{font-size:20px;}
		.main_cate_list .cate_list .more{width:30px;height:30px;bottom: 20px;right:25px;}
		.main_cate_list .cate_list .more:before{width:11px; height:1px;}
		.main_cate_list .cate_list .more:after{width:1px; height:11px;}

		.main_service.main_prod{padding-top:68px; padding-bottom:70px;}
		.main_service.main_prod .prod_list{margin-top:39px;}
		.main_service.main_prod .prod_list dl dt{font-weight:300;}
		.main_service.main_prod .prod_list dl dd{font-size:14px;}
	}

	@media screen and (max-width:479px) {
		.main_video .swiper-slide:before{background-size:auto;}
		.main_video .video_wrap{padding-bottom:82%;}
		.main_video .video_wrap iframe, .main_video .video_wrap object, .main_video .video_wrap embed{width: 155% !important;left: 50% !important;top: 50% !important;transform: translate(-50%, -50%);}

		.main_title p{font-size:14px;}
		.main_more span{width:120px; height:40px; font-size:13px;}

		.main_prod .prod_list dl dt{font-size:15px;}
		.main_prod .prod_list dl dd{font-size:13px;}
		.main_wide_bnr .main_title{padding:0 30px;}
		.main_wide_bnr .main_title h3 br{display:none;}
	}
	@media screen and (max-width:431px) {
		.main_title p{font-size:13px;}
		.main_service.main_prod .prod_list dl dd{font-size:13px;}

	}
	@media screen and (max-width:374px) {
		.main_title h3{font-size:22px;}
		.main_title p{font-size:12px;}

		.main_prod .prod_list dl dt{font-size:14px; padding-bottom:10px;}
			.main_prod .prod_list dl dt + dd{margin-top:10px;}
		.main_prod .prod_list dl dd{font-size:12px;}
	}

	@media only screen and (min-width:640px){
		.main_cate_list .cate_list{transform:none !important;}
		.main_cate_list .cate_list li:nth-child(n+5){display:none;}
	}