@charset "utf-8";

html, body {overflow:hidden !important;}

/* 공통 */
.inner {position:relative; max-width:1440px; margin:0 auto;}

/* Firefox */
@-moz-document url-prefix() {
}

/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}


#wrap {position:relative;}

/* Container */
#container {width:100%; /*margin:94px 0 0;*/ position:relative;}

/* 메인 비주얼 슬라이드 */
#section0 .visual_slide {position:relative; height:100vh;}
#section0 .visual_slide .inner {}

#section0 .visual_slide .ctrlbox {position:absolute; width:100%; height:60px; bottom:calc(50% - 100px); z-index:1002;}
#section0 .visual_slide .ctrlbox button {position:absolute; width:60px; height:60px; border-radius:50%; background:rgba(255,255,255,0.5); line-height:1.4; font-size:40px; color:#717171; font-family:'xeicon';}
#section0 .visual_slide .ctrlbox button:hover {background:rgba(255,255,255,0.3); color:#414141;}
#section0 .visual_slide .ctrlbox button.pre {left:10px; transform:translateY(-50%);}
#section0 .visual_slide .ctrlbox button.pre::after {display:inline-block; content:'\e93d'; margin-left:-5px;}
#section0 .visual_slide .ctrlbox button.next {right:10px; transform:translateY(-50%);}
#section0 .visual_slide .ctrlbox button.next::after {display:inline-block; content:'\e940'; margin-right:-5px;}
#section0 .visual_slide .ctrlbox button span {position:absolute; top:-1000px; left:-10000px; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0;}

#section0 .visual_slide .ui-mouse {
	display:inline-block; width:24px; height:40px; text-align:center; vertical-align:middle; position:absolute; left:50%; bottom:20px; z-index:1003; margin-left:-14px;
	border:2px solid #fff; border-radius:12px; display:none;
}
#section0 .visual_slide .ui-mouse i.wheel {
	display:inline-block; width:6px; height:8px; border-radius:3px; background:#fff; animation:Updown 1.2s linear infinite; position:relative;
}
@keyframes Updown {
    0% {transform:translateY(0px); opacity:100;}
    100% {transform:translateY(20px); opacity:0;}
}

#section0 .visual_slide ul {width:100%; height:100%; overflow:hidden;}
#section0 .visual_slide ul li {width:100%; height:100vh; float:left; position:relative;}

#section0 .visual_slide ul li dl.text_area {
	position:absolute; width:100%; left:50%; bottom:20px; padding:30px 35px; transform:translateX(-50%); box-sizing:border-box; z-index:1004; background:rgba(255, 255, 255, 0.7); text-align:left;
}
#section0 .visual_slide ul li dl.text_area dt {font-size:2.9rem; font-weight:500; color:#2f2b4e; letter-spacing:-0.03em;}
#section0 .visual_slide ul li dl.text_area dd {margin-top:10px; font-size:1.9rem; font-weight:400; line-height:2.4rem; letter-spacing:-1px; color:#414141;}
#section0 .visual_slide ul li dl.text_area dd a {
	display:block; position:absolute; top:50%; right:35px; transform:translateY(-50%); width:100px; height:34px; line-height:32px; font-size:1.1rem; background:#2d475e; color:#fff; text-align:center;
}

#section0 .visual_slide ul li .img {position:relative; width:100%; height:100%; background-repeat:no-repeat; background-size:cover;}
#section0 .visual_slide ul li .img span {
	z-index:-1; position:absolute; top:0; left:0; display:block; width:100%; height:100%; transform:scale(1);
	filter:Alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; -webkit-opacity:0.2; transform:rotate(.001deg);
}
#section0 .visual_slide ul li[class*=slick-active].on .img span { 
	/*transform:scale(1.2);*/ filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1;
	-webkit-transition:transform 9s ease-in 0.0s, opacity 0.9s ease-in 0.0s;
	-moz-transition:transform 9s ease-in 0.0s, opacity 0.9s ease-in 0.0s;
	-o-transition:transform 9s ease-in 0.0s, opacity 0.9s ease-in 0.0s;
	transition:transform 9s ease-in 0.0s, opacity 0.9s ease-in 0.0s;
}
/* 1920x1000 */
#section0 .visual_slide ul li.vs_img01 .img span {background:url(../images/main/visual_slide/vsn001.jpg) no-repeat center;}
#section0 .visual_slide ul li.vs_img02 .img span {background:url(../images/main/visual_slide/vsn002.jpg) no-repeat center;}
#section0 .visual_slide ul li.vs_img03 .img span {background:url(../images/main/visual_slide/vsn003.jpg) no-repeat center;}
#section0 .visual_slide ul li.vs_img04 .img span {background:url(../images/main/visual_slide/vsn004.jpg) no-repeat center;}
#section0 .visual_slide ul li.vs_img05 .img span {background:url(../images/main/visual_slide/vsn005.jpg) no-repeat center;}
#section0 .visual_slide ul li .img span {background-size:cover !important;}

#section0 .visual_slide ul li video {
	display:block; position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform:translate(-50%, -50%);
	filter:Alpha(opacity=15); opacity:0.15; -moz-opacity:0.15; -webkit-opacity:0.15;
}
#section0 .visual_slide ul li[class*=slick-active].on video {
	filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1;
	-webkit-transition:opacity 0.9s ease-in 0.0s;
	-moz-transition:opacity 0.9s ease-in 0.0s;
	-o-transition:opacity 0.9s ease-in 0.0s;
	transition:opacity 0.9s ease-in 0.0s;
}

#container .section {box-sizing:border-box;}
#container .section article {width:100%; max-width:1440px; margin:0 auto; padding-top:190px; position:relative;}

#container .section article h1 {font-size:4.8rem; font-weight:600; font-family:'Anton'; color:#010101; letter-spacing:-1px;}
#container .section article h5 {font-size:1.8rem; font-weight:400; color:#818181; margin-top:8px;}

#section_menu {position:fixed; left:16px; top:50%; z-index:1004;}
#section_menu li {display:block; width:14px; padding:3px 0;}
#section_menu li a {position:relative; display:inline-block; width:14px; height:14px; background:#f1f1f1; border-radius:7px;}
#section_menu li.active a {background:#111;}
#section_menu li span {display:none;}
#section_menu li.active span {
	display:inline-block; position:absolute; left:18px; background:#111; font-size:1.1rem; font-weight:500; color:#fff; padding:2px 4px;
}

/* 포트폴리오 */
#section1 ul.biz_area {margin-top:90px; display:flex; gap:10px;}
#section1 ul.biz_area li {
	display:flex; flex:1; height:calc(60vh - 90px); border:1px solid #d2d2d2; position:relative; box-sizing:border-box; text-align:center;
	background-size:cover !important; background-repeat:no-repeat !important;
	-webkit-transition: flex 0.3s ease;
	-moz-transition: flex 0.3s ease;
	-o-transition: flex 0.3s ease;
	transition: flex 0.3s ease;
}
#section1 ul.biz_area li:nth-child(1) {background:url(../images/main/ba_img01.jpg);}
#section1 ul.biz_area li:nth-child(2) {background:url(../images/main/ba_img02.jpg);}
#section1 ul.biz_area li:nth-child(3) {background:url(../images/main/ba_img03.jpg);}
#section1 ul.biz_area li:nth-child(4) {background:url(../images/main/ba_img04.jpg);}

#section1 ul.biz_area li a {
	position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:flex-end; box-sizing:border-box;
	background:rgba(0,0,0,0.26); z-index:1;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
#section1 ul.biz_area li a:hover {
	background:rgba(0,0,0,0);
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

#section1 ul.biz_area li a h3 {
	font-size:3.8rem; font-weight:600; color:#fff; margin-bottom:15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#section1 ul.biz_area li a:hover h3 {
	font-size:4.6rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#section1 ul.biz_area li a p {
	font-size:1.7rem; font-weight:400; color:#fbfbfb; margin-bottom:120px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#section1 ul.biz_area li a:hover p {
	font-size:2.4rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#section1 ul.biz_area li a i.icon_arrow {
	display:block; width:48px; height:16px; background:url(../images/main/icon_arrow01w2.png) no-repeat; position:absolute; bottom:40px; right:40px;
	filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5;
	-webkit-transition: right 0.3s ease, opacity 0.3s ease;
	-moz-transition: right 0.3s ease, opacity 0.3s ease;
	-o-transition: right 0.3s ease, opacity 0.3s ease;
	transition: right 0.3s ease, opacity 0.3s ease;
}
#section1 ul.biz_area li a:hover i.icon_arrow {
	filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; right:20px;
	-webkit-transition: right 0.3s ease, opacity 0.3s ease;
	-moz-transition: right 0.3s ease, opacity 0.3s ease;
	-o-transition: right 0.3s ease, opacity 0.3s ease;
	transition: right 0.3s ease, opacity 0.3s ease;
}

/* 제품안내 */
#section2 .fp-controlArrow {top:70%;}
#section2 .fp-controlArrow.fp-prev {left:-60px;}
#section2 .fp-controlArrow.fp-next {right:-60px;}
#section2 .slide {margin-top:80px;}
#section2 .slide h2 {font-size:4.6rem; font-weight:200; letter-spacing:-2px; font-family:'Roboto'; color:#000; text-transform:uppercase;}
#section2 .slide ul {list-style:none; display:grid; margin-top:20px; height:54vh;}
#section2 .slide:nth-child(1) ul {grid-template-columns:repeat(3, 1fr); gap:15px;}
#section2 .slide:nth-child(2) ul {grid-template-columns:repeat(2, 1fr); gap:20px;}
#section2 .slide:nth-child(3) ul {grid-template-columns:repeat(2, 1fr); gap:20px;}
#section2 .slide:nth-child(4) ul {grid-template-columns:repeat(3, 1fr); gap:15px;}
#section2 .slide ul li {box-sizing:border-box; background-size:cover !important; background-repeat:no-repeat !important; position:relative;}
#section2 .slide ul li a {
	width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; padding:10% 35px;
	box-sizing:border-box; color:#fff;
	-webkit-transition: background-color 0.3s ease, color 0.3s ease;
	-moz-transition: background-color 0.3s ease, color 0.3s ease;
	-o-transition: background-color 0.3s ease, color 0.3s ease;
	transition: background-color 0.3s ease, color 0.3s ease;
}
#section2 .slide:nth-child(1) ul li a {padding-top:20%;}
#section2 .slide ul li a:hover {
	background:rgba(0,0,0,0.0); color:#111;
	-webkit-transition: background-color 0.3s ease, color 0.3s ease;
	-moz-transition: background-color 0.3s ease, color 0.3s ease;
	-o-transition: background-color 0.3s ease, color 0.3s ease;
	transition: background-color 0.3s ease, color 0.3s ease;
}
#section2 #slide1 ul li:nth-child(1) {background:url(../images/main/pd0101.jpg);}
#section2 #slide1 ul li:nth-child(2) {background:url(../images/main/pd0102.jpg);}
#section2 #slide1 ul li:nth-child(3) {background:url(../images/main/pd0103.jpg);}

#section2 #slide2 ul li:nth-child(1) {background:url(../images/main/pd0201.jpg);}
#section2 #slide2 ul li:nth-child(2) {background:url(../images/main/pd0202.jpg);}

#section2 #slide3 ul li:nth-child(1) {background:url(../images/main/pd0301.jpg) bottom;}
#section2 #slide3 ul li:nth-child(2) {background:url(../images/main/pd0302.jpg) 0 -100px;}
#section2 #slide3 ul li:nth-child(3) {background:url(../images/main/pd0303.jpg) 0 -120px;}
#section2 #slide3 ul li:nth-child(4) {background:url(../images/main/pd0304.jpg) 0 -120px;}

#section2 #slide4 ul li:nth-child(1) {background:url(../images/main/pd0305.jpg) bottom;}
#section2 #slide4 ul li:nth-child(2) {background:url(../images/main/pd0306.jpg) bottom;}
#section2 #slide4 ul li:nth-child(3) {background:url(../images/main/pd0307.jpg) bottom;}
#section2 .slide ul li a h3 {
	font-size:3.4rem; font-weight:600; text-shadow:none;
	-webkit-transition: font-size 0.3s ease;
	-moz-transition: font-size 0.3s ease;
	-o-transition: font-size 0.3s ease;
	transition: font-size 0.3s ease;
}
#section2 .slide ul li a:hover h3 {
	font-size:4.0rem; text-shadow:0.5px 0.5px #ffffff; color:#000;
	-webkit-transition: font-size 0.3s ease;
	-moz-transition: font-size 0.3s ease;
	-o-transition: font-size 0.3s ease;
	transition: font-size 0.3s ease;
}
#section2 .slide ul li a h5 {margin-top:22px; font-size:2.8rem; font-weight:500; color:#f1f1f1;}
#section2 .slide ul li a:hover h5 {color:#111; text-shadow:0.5px 0.5px #ffffff;}
#section2 .slide ul li a p {
	margin-top:10px; font-size:1.6rem; font-weight:400; line-height:2.4rem; text-shadow:none; color:#f1f1f1;
}
#section2 .slide ul li a:hover p {text-shadow:0.5px 0.5px #ffffff; color:#000;}
#section2 .slide ul li a i {
	display:block; width:48px; height:16px; background:url(../images/main/icon_arrow01w2.png) no-repeat; position:absolute; bottom:40px; right:40px;
	filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5;
	-webkit-transition: right 0.3s ease, opacity 0.3s ease;
	-moz-transition: right 0.3s ease, opacity 0.3s ease;
	-o-transition: right 0.3s ease, opacity 0.3s ease;
	transition: right 0.3s ease, opacity 0.3s ease;
}
#section2 .slide ul li a:hover i.icon_arrow {
	filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; right:20px;
	-webkit-transition: right 0.3s ease, opacity 0.3s ease;
	-moz-transition: right 0.3s ease, opacity 0.3s ease;
	-o-transition: right 0.3s ease, opacity 0.3s ease;
	transition: right 0.3s ease, opacity 0.3s ease;
}

/* 상담문의 background:#6b8ca0; */
#section3 {background:url(../images/main/conect_bg.jpg) no-repeat; background-size:cover;}
#section3 article {display:grid; grid-template-columns:54% 46%; position:relative; transform:translateY(25%);}
#section3 dl {height:52vh;}
#section3 dl dt {}
#section3 dl dt h2 {font-size:5.8rem; line-height:7.2rem; font-weight:600; color:#fff; letter-spacing:-2px; margin:0; padding:0;}
#section3 dl dt p {display:block; margin:10px 0 50px; font-size:1.8rem; color:#bdd4e2; font-weight:500;}
#section3 dl dt p.dp_mobile {display:none;}
#section3 dl dd {width:664px; font-size:0; font-weight:500;}

#section3 ul {height:52vh; display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
#section3 ul li {text-align:center; box-sizing:border-box;}
#section3 ul li:nth-child(1) {
	background:#324e68 url(../images/main/icon_list.png) no-repeat center 100px; background-size:70px;
	-webkit-transition: background-color 0.3s ease, background-size 0.3s ease;
	-moz-transition: background-color 0.3s ease, background-size 0.3s ease;
	-o-transition: background-color 0.3s ease, background-size 0.3s ease;
	transition: background-color 0.3s ease, background-size 0.3s ease;
}
#section3 ul li:nth-child(1):hover {
	background:#2d475e url(../images/main/icon_list.png) no-repeat center 100px; background-size:76px; outline:1px solid #ebebeb;
	-webkit-transition: background-color 0.3s ease, background-size 0.3s ease;
	-moz-transition: background-color 0.3s ease, background-size 0.3s ease;
	-o-transition: background-color 0.3s ease, background-size 0.3s ease;
	transition: background-color 0.3s ease, background-size 0.3s ease;
}
#section3 ul li:nth-child(2) {
	background:#486292 url(../images/main/icon_monitor.png) no-repeat center 100px; background-size:70px;
	-webkit-transition: background-color 0.3s ease, background-size 0.3s ease;
	-moz-transition: background-color 0.3s ease, background-size 0.3s ease;
	-o-transition: background-color 0.3s ease, background-size 0.3s ease;
	transition: background-color 0.3s ease, background-size 0.3s ease;
}
#section3 ul li:nth-child(2):hover {
	background:#384c71 url(../images/main/icon_monitor.png) no-repeat center 100px; background-size:76px; outline:1px solid #ebebeb;
	-webkit-transition: background-color 0.3s ease, background-size 0.3s ease;
	-moz-transition: background-color 0.3s ease, background-size 0.3s ease;
	-o-transition: background-color 0.3s ease, background-size 0.3s ease;
	transition: background-color 0.3s ease, background-size 0.3s ease;
}
#section3 ul li:nth-child(3) {
	background:#3a5c70 url(../images/main/icon_faq.png) no-repeat center 100px; background-size:70px;
	-webkit-transition: background-color 0.3s ease, background-size 0.3s ease;
	-moz-transition: background-color 0.3s ease, background-size 0.3s ease;
	-o-transition: background-color 0.3s ease, background-size 0.3s ease;
	transition: background-color 0.3s ease, background-size 0.3s ease;
}
#section3 ul li:nth-child(3):hover {
	background:#304c5c url(../images/main/icon_faq.png) no-repeat center 100px; background-size:76px; outline:1px solid #ebebeb;
	-webkit-transition: background-color 0.3s ease, background-size 0.3s ease;
	-moz-transition: background-color 0.3s ease, background-size 0.3s ease;
	-o-transition: background-color 0.3s ease, background-size 0.3s ease;
	transition: background-color 0.3s ease, background-size 0.3s ease;
}
#section3 ul li:nth-child(4) {
	background:#3c4e80 url(../images/main/icon_map.png) no-repeat center 100px; background-size:70px;
	-webkit-transition: background-color 0.3s ease, background-size 0.3s ease;
	-moz-transition: background-color 0.3s ease, background-size 0.3s ease;
	-o-transition: background-color 0.3s ease, background-size 0.3s ease;
	transition: background-color 0.3s ease, background-size 0.3s ease;
}
#section3 ul li:nth-child(4):hover {
	background:#2f3d64 url(../images/main/icon_map.png) no-repeat center 100px; background-size:76px; outline:1px solid #ebebeb;
	-webkit-transition: background-color 0.3s ease, background-size 0.3s ease;
	-moz-transition: background-color 0.3s ease, background-size 0.3s ease;
	-o-transition: background-color 0.3s ease, background-size 0.3s ease;
	transition: background-color 0.3s ease, background-size 0.3s ease;
}
#section3 ul li a {display:block; width:100%; height:100%; position:relative;}
#section3 ul li a h4 {width:100%; position:absolute; left:0; bottom:70px; font-size:2.2rem; font-weight:500; color:#fff;}


/* 고객센터 */
#section4 {background:url(../images/main/cs_center_bg.jpg) no-repeat; background-size:cover;}
#section4 article {display:grid; grid-template-columns:55% 45%; column-gap:140px;}
#section4 .news {margin-top:10vh;}
#section4 .news h2 {font-size:7.0rem; font-weight:600; color:#fff; margin:0; padding:0;}
#section4 .news p {font-size:1.8rem; font-weight:400; color:#e2e2e2; margin-top:10px;}

#section4 .cs_center {margin-top:10vh;}
#section4 .cs_center dl {}
#section4 .cs_center dl dt {}
#section4 .cs_center dl dt h2 {font-size:5.0rem; font-weight:300; color:#fff; letter-spacing:-2px; margin:0; padding:0;}
#section4 .cs_center dl dt a {
	display:block; font-size:6.8rem; font-weight:600; font-family:'Roboto'; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
#section4 .cs_center dl dd {font-size:1.8rem; color:#f1f1f1; font-weight:400; margin-top:6px; line-height:3.0rem;}
#section4 .cs_center ul.sns_link {margin-top:50px;}
#section4 .cs_center ul.sns_link li {
	display:inline-block; width:75px; height:75px; border-radius:37.5px; background-color:rgba(31, 48, 58, 0.9); margin-right:20px;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}
#section4 .cs_center ul.sns_link li:hover{
	background-color:rgba(35, 49, 88, 0.8);
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}
#section4 .cs_center ul.sns_link li a {display:block; width:100%; height:100%; background-position:center !important; background-repeat:no-repeat !important; background-size:30px !important;}
#section4 .cs_center ul.sns_link li.youtube a {background:url(../images/sns/icon-youtube.svg);}
#section4 .cs_center ul.sns_link li.instar a {background:url(../images/sns/icon-instagram.svg);}
#section4 .cs_center ul.sns_link li.blog a {background:url(../images/sns/icon-blog.svg);}
#section4 .cs_center ul.sns_link li.kakao a {background:url(../images/sns/icon-kakao.svg);}

#container .footer {height:380px !important; background:#fff;}
/* Partners Slid */
#container .footer .partners {width:100%; height:180px; background:#fff;}
#container .footer .partners h2 {font-family:'Roboto'; font-size:2.0rem; font-weight:500; color:#000; letter-spacing:8px; text-align:center; text-transform:uppercase; padding:40px 0 30px;}
#container .footer .partners ul {width:100%; height:100%; overflow:hidden;}
#container .footer .partners ul li {width:100%; height:52px; float:left; display:flex; align-items:center; justify-content:center;}
/* Container End */

.inner,
.section article {}


@media screen and (max-width:1920px) {

	.inner,
	#container .section article {max-width:1200px;}
	#container .section article {padding-top:165px;}
	#container .section article h1 {font-size:4.2rem;}
	#container .section article h5 {font-size:1.7rem;}

	/* 포트폴리오 */
	#section1 ul.biz_area li a h3 {font-size:2.5rem;}
	#section1 ul.biz_area li a:hover h3 {font-size:3.4rem;}
	#section1 ul.biz_area li a p {font-size:1.6rem;}
	#section1 ul.biz_area li a:hover p {font-size:2.0rem;}

	/* 제품안내 */
	#section2 .fp-controlArrow {top:74%;}
	#section2 .slide ul {height:50vh;}
	#section2 .slide ul li a {padding:8% 35px;}
	#section2 .slide ul li a h3 {font-size:2.8rem;}
	#section2 .slide ul li a:hover h3 {font-size:3.2rem;}
	#section2 .slide ul li a h5 {font-size:2.0rem; margin-top:16px;}
	#section2 .slide ul li a:hover h5 {}
	#section2 .slide ul li a p {font-size:1.3rem; line-height:1.8rem; margin-top:8px;}
	#section2 .slide ul li a:hover p {}

	/* 상담문의*/
	#section3 article {transform:translateY(15%);}
	#section3 dl dt h2 {font-size:4.4rem; line-height:5.8rem;}
	#section3 dl dt p {font-size:1.3rem;}
	#section3 dl dd {width:460px;}
	#section3 ul li {background-position:center 70px !important; background-size:60px !important;}
	#section3 ul li:hover {background-position:center 70px !important; background-size:64px !important;}
	#section3 ul li a h4 {bottom:40px; font-size:1.7rem;}

	/* 고객센터 */
	#section4 .news {margin-top:10vh;}
	#section4 .news h2 {font-size:6.8rem;}
	#section4 .news p {font-size:1.7rem;}

	#section4 .cs_center {margin-top:10vh;}
	#section4 .cs_center dl dt h2 {font-size:4.8rem;}
	#section4 .cs_center dl dt a {font-size:6.4rem;}
	#section4 .cs_center dl dd {font-size:1.7rem;}
	#section4 .cs_center ul.sns_link {margin-top:40px;}
	#section4 .cs_center ul.sns_link li {width:75px; height:75px; border-radius:37.5px; margin-right:20px;}
}
@media screen and (max-width:1680px) {

	/* 메인 비주얼 슬라이드 */
	#section0 .visual_slide .ctrlbox {}
	#section0 .visual_slide ul li dl.text_area dt {}
	#section0 .visual_slide ul li dl.text_area dd {}
	#section0 .visual_slide .ui-mouse {}

	#container .section article h1 {font-size:4.0rem;}
	#container .section article h5 {font-size:1.5rem;}

	/* 제품안내 */
	#section2 .fp-controlArrow {top:76%;}
	#section2 .slide {margin-top:60px;}
	#section2 .slide ul {height:42vh;}

	/* 고객센터 */
	#section4 .news h2 {font-size:6.6rem;}
	#section4 .news p {font-size:1.6rem; margin-top:6px;}
}
@media screen and (max-width:1440px) {

	/* 메인 비주얼 슬라이드 */
	#section0 .visual_slide .ctrlbox {}
	#section0 .visual_slide ul li dl.text_area dt {}
	#section0 .visual_slide ul li dl.text_area dd {}
	#section0 .visual_slide .ui-mouse {}

	/* 고객센터 */
	#section4 .cs_center ul.sns_link {margin-top:35px;}
	#section4 .cs_center ul.sns_link li {width:70px; height:70px; border-radius:35px; margin-right:14px;}
}
@media screen and (max-width:1366px) {

	/* 상담문의 */
	#section3 dl dt h2 {font-size:4.0rem; line-height:4.8rem;}
	#section3 dl dt p {font-size:1.2rem;}
	#section3 dl dd {width:440px;}
}
@media screen and (max-width:1280px) {

	/* 제품안내 */
	.fp-controlArrow {top:77% !important; margin-top:-20px !important;}
	.fp-controlArrow.fp-prev {top:40px; left:10px !important; border-width:24px 20px 24px 0; border-color: transparent #161616 transparent transparent;}
	.fp-controlArrow.fp-next {top:40px; right:10px !important; border-width:24px 0 24px 20px; border-color: transparent transparent transparent #161616;}

	#section2 .slide ul {gap:15px;}
}
@media screen and (max-width:1152px) {
	#section0 .visual_slide {}
	#section0 .visual_slide ul {}
	#section0 .visual_slide ul li {}
}
@media screen and (max-width:1024px) {

	/* 메인 비주얼 슬라이드 */
	#section0 .visual_slide .ctrlbox {}
	#section0 .visual_slide ul li dl.text_area {padding:25px 30px; bottom:0; left:0; transform:translate(0%);}
	#section0 .visual_slide ul li dl.text_area dt {font-size:2.8rem; letter-spacing:-1px;}
	#section0 .visual_slide ul li dl.text_area dd {font-size:1.8rem; line-height:2.2rem;}

	#section0 .visual_slide .ui-mouse {width:20px; height:36px; margin-left:-10px; border-radius:10px;}
	#section0 .visual_slide .ui-mouse i.wheel {width:5px; height:6px; border-radius:2.5px;}

	/* 포트폴리오 */
	#section1 ul.biz_area {margin-top:90px; display:flex; flex-wrap:wrap; gap:10px;}
	#section1 ul.biz_area li {flex: 1 1 calc(50% - 10px); height:calc(40vh - 90px);}
	#section1 ul.biz_area li a {justify-content:end;}
	#section1 ul.biz_area li a h3 {margin:0; font-size:3.0rem; font-weight:600; word-spacing:-1px;}
	#section1 ul.biz_area li a:hover h3 {font-size:4.0rem;}
	#section1 ul.biz_area li a p {margin:8px 0 86px; font-size:1.3rem;}
	#section1 ul.biz_area li a:hover p {font-size:1.8rem;}
	#section1 ul.biz_area li a i.icon_arrow {right:15px; bottom:15px;}

	/* 상담문의 */
	#section3 article {transform:translateY(2%);}
	#section3 dl dt h2 {font-weight:600;}
	#section3 ul li {background-position:center 45px !important; background-size:44px !important;}
	#section3 ul li:hover {background-position:center 45px !important; background-size:50px !important;}

	/* 고객센터 */
	#section4 article {column-gap:50px;}
	#section4 .news,
	#section4 .cs_center {margin-top:4vh;}

	#container .footer {height:350px !important; background:#fff;}
}
@media screen and (max-width:840px) {

	/* 메인 비주얼 슬라이드 */
	#section0 .visual_slide .ctrlbox {}
	#section0 .visual_slide ul li dl.text_area {padding:20px 25px;}
	#section0 .visual_slide ul li dl.text_area dt {font-size:2.6rem;}
	#section0 .visual_slide ul li dl.text_area dd {margin-top:8px; font-size:1.6rem; line-height:2.0rem;}
	#section0 .visual_slide .ui-mouse {}

	/* 섹션 */
	#container .section article {padding:120px 10px 0; box-sizing:border-box;}
	#container .section article h1 {font-size:3.8rem;}
	#container .section article h5 {font-size:1.3rem; margin-top:6px;}

	/* 포트폴리오 */
	#section1 ul.biz_area li a h3 {margin-bottom:0px;}
	#section1 ul.biz_area li a p {margin-bottom:100px;}

	/* 제품안내 */
	.fp-controlArrow {top:64% !important; margin-top:-16px !important;}

	#section2 .slide {margin-top:30px;}
	#section2 .slide h2 {font-size:3.8rem;}
	#section2 .slide ul {margin-top:8px; height:66vh;}
	#section2 .slide:nth-child(1) ul {grid-template-columns:repeat(1, 1fr); gap:15px;}
	#section2 .slide:nth-child(2) ul {grid-template-columns:repeat(1, 1fr); gap:15px;}

	#section2 #slide1 ul li:nth-child(1) {background-position:50% 50%; background-size:120%;}
	#section2 #slide1 ul li:nth-child(2) {background-position:50% 40%;}
	#section2 #slide1 ul li:nth-child(3) {background-position:50% 60%;}
	#section2 #slide2 ul li:nth-child(1) {background-position:;}
	#section2 #slide2 ul li:nth-child(2) {background-position:;}
	#section2 #slide3 ul li:nth-child(1) {background-position:50% 10%;}
	#section2 #slide3 ul li:nth-child(2) {background-position:50% 10%;}
	#section2 #slide3 ul li:nth-child(3) {background-position:50% 10%;}
	#section2 #slide3 ul li:nth-child(4) {background-position:50% 10%;}

	#section2 .slide ul li a {padding:20px 30px !important; vertical-align:top; box-sizing:border-box;}
	#section2 .slide ul li a h3 {font-size:3.4rem;}
	#section2 .slide ul li a:hover h3 {font-size:3.6rem;}
	#section2 .slide ul li a h5 {display:inline-block; font-size:1.8rem; margin-top:10px; margin-right:6px; vertical-align:top;}
	#section2 .slide ul li a:hover h5 {font-size:1.9rem !important; font-weight:400 !important; color:#f1f1f1;}
	#section2 .slide ul li a p {display:inline-block; font-size:1.6rem; margin-top:4px; padding-top:8px; vertical-align:top;}
	#section2 .slide ul li a:hover p {color:#f1f1f1;}
	#section2 .slide ul li a i {right:15px; bottom:15px;}

	/* 상담문의 */
	#section3 article {grid-template-columns:repeat(1, 1fr); transform:translateY(4%); column-gap:0; row-gap:20px;}
	#section3 article dl {height:auto !important;}
	#section3 dl dt h2 {font-size:5.0rem; line-height:6.0rem; font-weight:500;}
	#section3 dl dt p.dp_pc {display:none;}
	#section3 dl dt p.dp_mobile {display:block;}
	#section3 dl dt p {font-size:2.0rem; margin-top:20px;}

	#section3 dl dd {width:94%; margin:0 auto;}
	#section3 ul {grid-template-columns:repeat(4, 1fr); margin-top:40px; gap:10px; grid-auto-rows:minmax(170px, 170px); padding:auto 20px; box-sizing:border-box;}

	/* 고객센터 */
	#section4 article {
		grid-template-columns:repeat(1, 1fr); column-gap:0; row-gap:60px; transform:translateY(4%);
	}
	#section4 .news,
	#section4 .cs_center {margin-top:0;}

}
@media screen and (max-width:768px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:420px) {
}