@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#header { display: flex; justify-content: center; position: fixed; width: 100%; height: 100px; left: 0; top: 0; padding: 0; z-index: 11; background-color:rgba(255, 255, 255, 0); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header.header_over { background-color:rgba(255, 255, 255, 1); }
#header.v1 { background-color:rgba(255, 255, 255, 1); }
#container { overflow: hidden; margin: 0 auto; }
#footer { position: relative; padding: 35px 0 ; background-color: #252726; }

/* 공통 */
:root {
	--font-14: 14px;
	--font-16: 16px;
	--font-18: 18px;
	--font-20: 20px;
	--font-22: 22px;
	--font-24: 24px;
	--font-28: 28px;
	--font-30: 30px;
	--font-36: 36px;
	--font-40: 40px;
	--font-50: 50px;
	--font-60: 60px;

	--line-120: 120%;
	--line-140: 140%;
	--line-150: 150%;

	--font-color-000: #000;
	--font-color-333: #333;
	--font-color-5f: #5f5f5f;
	--font-color-505: #505050;
	--font-color-666: #666;
	--font-color-999: #999;
	--font-color-purple: #40068B;
}


/* HEADER */
#header > .outer { display: flex; position: relative; width: 100%; padding-left: 32px; justify-content: space-between; align-items: start; margin:0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer h1 { cursor: pointer; z-index: 100; position: relative; margin: 32px 0 0; padding: 0; width: 170px; height: 24px; background: url("/images/inc/logo.svg"); background-size: cover; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header.header_over > .outer { position: relative; background-color: #fff; border-bottom: 1px solid #E0E0E0;  }
#header.header_over > .outer h1 { background: url("/images/inc/logo_color.svg"); background-size:cover; }
#header.v1 > .outer { position: relative; background-color: #fff; border-bottom: 1px solid #E0E0E0;  }
#header.v1 > .outer h1 { background: url("/images/inc/logo_color.svg"); background-size:cover; }

#header.over > .outer { position: relative; background-color: #fff; border-bottom: 1px solid #E0E0E0;  }
#header.over > .outer h1 { background: url("/images/inc/logo_color.svg"); background-size:cover; }


/* HEADER - GNB */
#header > .outer .gnb { z-index: 10; position: absolute; width: 100%; right: 0; top: 0; }
#header > .outer .gnb ul { display: flex; justify-content: end; margin: 0; padding: 0; }
#header > .outer .gnb li { position: relative; list-style: none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer .gnb li:first-child { margin: 0; }
#header > .outer .gnb a,
#header > .outer .gnb a:hover { display: block; padding: 40px 50px 42px; font-family: 'Barlow', 'Pretendard'; font-weight:500; font-size: 18px; line-height: 18px; color: #ffffff; letter-spacing: -0.25px; text-align: left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header.header_over > .outer .gnb a,
#header.header_over > .outer .gnb a:hover { font-weight:500; color: #202020; }
#header.v1 > .outer .gnb a,
#header.v1 > .outer .gnb a:hover { font-weight:500; color: #202020; }
#header.over > .outer .gnb a,
#header.over > .outer .gnb a:hover { font-weight:500; color: #202020; }

#header > .outer .gnb .sub_menu { display: none; flex-direction:column; gap: 20px; height: 100%; padding:20px 0; background-color:#fff; border-left:1px solid #E0E0E0; }
#header > .outer .gnb .sub_menu .hover_bar { display: none; z-index: 10; position: absolute; left:0; right:0; top:100px; height:3px; background-color:red; }
#header > .outer .gnb .sub_menu:after { content:""; position:absolute; left:-1000%; top:100px; right:0; border-top: 1px solid #E0E0E0; }
#header > .outer .gnb .sub_menu .sub_item { }
#header > .outer .gnb .sub_menu .sub_item a,
#header > .outer .gnb .sub_menu .sub_item a:hover { display: block; padding: 0; font-family: 'Pretendard'; font-weight:400; font-size: 14px; line-height: 20px; color: #5F5F5F; letter-spacing: -0.25px; text-align: center; }


/*
#header > .outer .gnb { position: absolute; height: 61px; right: 0; top: 40px; }
#header > .outer .gnb ul { margin: 0; padding: 0; }
#header > .outer .gnb li { position: relative; list-style: none; float: left; margin: 0 0 0 80px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer .gnb li:first-child { margin: 0; }
#header > .outer .gnb a,
#header > .outer .gnb a:hover { display: block; font-family: 'Barlow', 'Pretendard'; font-weight:400; font-size: 18px; line-height: 18px; color: #ffffff; letter-spacing: -0.25px; text-align: left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer .gnb:after { content:""; display:block; clear:both;}


#header > .outer .gnb .sub_menu { position: absolute; width: 180px; left: 0; top: 61px; margin-left: -54px; background-color: #0e133b; z-index: 1; display: none; }
#header > .outer .gnb .sub_menu.v1 { margin-left: -34px; }
#header > .outer .gnb .sub_menu ul { margin: 0; padding: 20px 0; }
#header > .outer .gnb .sub_menu li { list-style: none; float: none; margin: 0;}
#header > .outer .gnb .sub_menu a,
#header > .outer .gnb .sub_menu a:hover { display: block; font-size: 13.5px; line-height: 30px; font-weight: 300; color: #e4e4e4; letter-spacing: -1px; text-align: center; }
*/

/* 모바일버튼 */
#header > .outer .gnb_btn { position:absolute; top:36px; right:30px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .outer .gnb_btn .btn_nav { position:relative; width:26px; height:20px; cursor:pointer; }
#header > .outer .gnb_btn .btn_nav span { display:block; position:absolute; width:100%; height:3px; left:0; background:#fff; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
#header.header_over > .outer .gnb_btn .btn_nav span { background:#5f5f5f; }
#header.v1 > .outer .gnb_btn .btn_nav span { background:#5f5f5f; }
#header > .outer .gnb_btn .btn_nav span.ico1 { top:0px; }
#header > .outer .gnb_btn .btn_nav span.ico2,
#header > .outer .gnb_btn .btn_nav span.ico3 { top:8px; }
#header > .outer .gnb_btn .btn_nav span.ico4 { top:16px; }
#header > .outer .gnb_btn .btn_nav.open span.ico1 { width:0%; left:50%; top:18px; }
#header > .outer .gnb_btn .btn_nav.open span.ico2 { width:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#header > .outer .gnb_btn .btn_nav.open span.ico3 { width:100%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg); }
#header > .outer .gnb_btn .btn_nav.open span.ico4 { width:0%; top:18px; left:50%;}



/* 모바일 메뉴영역 */
.gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999999; display:none; }
.gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#093389; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999999; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition:none; }
.gnb_m .head { height:55px; background-color:#fff; }

.gnb_m .head .member_message { display: inline-block; vertical-align: middle; margin: 10px 30px 10px; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }
.gnb_m .head .member_message ul { margin: 0; padding: 0; }
.gnb_m .head .member_message li { list-style: none; float: left; margin-left: 15px; }
.gnb_m .head .member_message li:first-child { margin-left: 0; }
.gnb_m .head .member_message:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
.gnb_m .head .member_message a,
.gnb_m .head .member_message a:hover { display: block; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }

.gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
.gnb_m .head .gnb_btn_close img { width:100%; }

.gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .list ul { margin:0; padding:0; }
.gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #1747a9; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.gnb_m .list .list_title { margin:0 0 0 30px; color:#ffffff; font-size:13px; line-height:60px; font-weight:500; letter-spacing:1px; }

.gnb_m .list li.select { background-color:#062b76; }
.gnb_m .list li.select .list_title { color:#fff; }

.gnb_m .list .sub_list { background-color:#fff; display:none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition:none; }
.gnb_m .list .sub_list ul { margin:0; padding:0; }
.gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #ccc; border-bottom:none; font-family: 'Pretendard'; color:#666666; font-size:14px; line-height:42px; font-weight:500; letter-spacing:0; }
.gnb_m .list .sub_list a,
.gnb_m .list .sub_list a:hover { display: block; font-family: 'Pretendard'; color:#666666; font-size:14px; line-height:42px; font-weight:500; letter-spacing:0; }
.gnb_m .list:after { content:""; clear:both; display:block; }



/* CONTAINER */
#container .slide { position: relative; }
#container .slide ul { margin:0; padding:0; }
#container .slide li { position: relative; display: flex; align-items: center; list-style:none; float:left; width: 100%; height: 100vh; background: url('/images/main/slide1.jpg') no-repeat center; background-size: cover; }
#container .slide li:nth-child(2) { background: url('/images/main/slide2.jpg') no-repeat center; background-size: cover; }

#container .slide .outer { display: flex; justify-content: center; align-items: center; width: 100%; margin:0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide .info { flex-grow:1; display: flex; gap: 72px; flex-direction:column; align-items: center; width: 100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide .info .info_box { display:flex; flex-direction:column; gap:24px; width: 100%; padding:0; }
#container .slide .info .info_box .info_text { width: 100%; font-family: "Barlow Semi Condensed", sans-serif; font-weight: 500; font-size: 68px; line-height: 120%; color: #ffffff; letter-spacing: -1px; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide .info .info_box .info_text i { display:block; }
#container .slide .info .info_box p { width: 100%; margin: 0; padding: 0; font-family: 'Pretendard'; font-weight: 400; font-size: 20px; line-height: 150%; color: #ffffff; letter-spacing: -0.5px; text-align:center; word-break: keep-all; }

#container .slide .info .more { position: relative; z-index: 1; display:flex; justify-content:column; align-items:center; gap: 16px; padding:15px 40px; font-family: 'Pretendard'; font-weight: 400; font-size: 16px; line-height: 150%; color: #ffffff; letter-spacing: -0.25px; background-color:rgba(255, 255, 255, 0.2); -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; }


#container .slide .info .info_box .info_text,
#container .slide .info .info_box p {
    opacity: 0;
    transform: translateY(30px); /* 30px 아래 위치 */
    transition: all 0.8s ease;
}

/* 활성화 시 (진입 시) */
#container .slide li.active-slide .info_box .info_text {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s; /* 텍스트 순차적 노출 */
}

#container .slide li.active-slide .info_box p {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s; /* 텍스트보다 조금 늦게 */
}

/* 3. '자세히보기' 버튼도 부드럽게 노출 */
#container .slide .info .more {
    opacity: 0;
    transition: opacity 0.8s ease 0.8s;
}

#container .slide li.active-slide .more {
    opacity: 1;
}


/* 모바일 슬라이드 */
#container .slide_m { display: none; position: relative; }
#container .slide_m ul { margin:0; padding:0; }
#container .slide_m li { position: relative; display: flex; align-items: center; list-style:none; float:left; width: 100%; height: 100vh; background: url('/images/main/slide1_m.jpg') no-repeat center; background-size: cover; }
#container .slide_m li:nth-child(2) { background: url('/images/main/slide2_m.jpg') no-repeat center; background-size: cover; }

#container .slide_m .outer { display: flex; justify-content: center; align-items: center; width: 100%; margin:0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide_m .info { flex-grow:1; display: flex; gap: 72px; flex-direction:column; align-items: center; width: 100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide_m .info .info_box { display:flex; flex-direction:column; gap:24px; width: 100%; padding:0; }
#container .slide_m .info .info_box .info_text { width: 100%; font-family: "Barlow Semi Condensed", sans-serif; font-weight: 500; font-size: 68px; line-height: 120%; color: #ffffff; letter-spacing: -1px; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide_m .info .info_box .info_text i { display:block; }
#container .slide_m .info .info_box p { width: 100%; margin: 0; padding: 0; font-family: 'Pretendard'; font-weight: 400; font-size: 20px; line-height: 150%; color: #ffffff; letter-spacing: -0.5px; text-align:center; word-break: keep-all; }

#container .slide_m .info .more { position: relative; z-index: 1; display:flex; justify-content:column; align-items:center; gap: 16px; padding:15px 40px; font-family: 'Pretendard'; font-weight: 400; font-size: 16px; line-height: 150%; color: #ffffff; letter-spacing: -0.25px; background-color:rgba(255, 255, 255, 0.2); -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; }


#container .slide_m .info .info_box .info_text,
#container .slide_m .info .info_box p {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

/* 활성화 시 (진입 시) */
#container .slide_m li.active-slide .info_box .info_text {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

#container .slide_m li.active-slide .info_box p {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

#container .slide_m .info .more {
    opacity: 0;
    transition: opacity 0.8s ease 0.8s;
}

#container .slide_m li.active-slide .more {
    opacity: 1;
}



#container .summary { display: flex; gap: 1.666%; padding: 120px 100px 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .summary .item { display: flex; flex-direction: column; gap: 20px; position: relative; width: 32.3336%; padding: 48px 40px 68px; background-color:#F5F5F5; border-radius:20px; }
#container .summary .item .subject { font-family: 'Barlow'; font-weight: 600; font-size: 24px; line-height: 150%; color: #000000; letter-spacing: -0.5px; }
#container .summary .item .number { font-family: 'Barlow'; font-weight: 700; font-size: 48px; line-height: 100%; color: #006FFF; letter-spacing: 0; }
#container .summary .item .icon { position:absolute; right:40px; bottom:30px; line-height:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .summary .item.v1 .icon { bottom:40px; }



#container .about { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 80px; padding: 180px 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .about .about_logo { line-height:0; text-align:center; }
#container .about .about_logo img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .about .about_info { display:flex; flex-direction:column; justify-content: center; gap:20px; }
#container .about .about_info .subject { font-family: 'Pretendard'; font-weight: 700; font-size: 44px; line-height: 150%; color: #000000; letter-spacing: -0.75px; text-align:center; word-break: keep-all; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .about .about_info p { margin: 0; padding: 0; font-family: 'Pretendard'; font-weight: 400; font-size: 20px; line-height: 160%; color: #5F5F5F; letter-spacing: -0.5px; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .about .about_info i { display:block; }
#container .about .more { cursor: pointer; display: flex; gap: 12px; justify-content: center; align-items: center; height: 46px; padding: 0 32px; background-color:#000; border-radius:999px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .about .bg1 { position:absolute; left:26%; top:14%; line-height:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .about .bg2 { position:absolute; right:30%; top:18%; line-height:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }


#container .products_new { cursor: pointer; display: flex; flex-wrap: wrap; gap: 40px 1.666%; padding: 100px;  background-color:#F1F4FB; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .products_new .item { position: relative; display: flex; flex-direction: column; gap: 28px; position: relative; width: 32.2226%; padding: 40px 20px; background-color:#FFFFFF; border-radius:20px; box-shadow:0 0 10px rgba(0, 0, 0, 0.03); }
#container .products_new .item .item_thumb { overflow: hidden; line-height:0; }
#container .products_new .item .item_thumb img { width:100%; border-radius:12px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container .products_new .item:hover .item_thumb img { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); } 

#container .products_new .item .item_thumb_title { font-family: 'Pretendard'; font-weight: 600; font-size: 24px; line-height: 140%; color: #093389; letter-spacing: -0.5px; text-align:center; }
#container .products_new .item .item_thumb_title.v1 { color: #622718; }
#container .products_new .item .hover_model { cursor: pointer; position:absolute; left:0; right:0; top:0; bottom:0; display: flex; justify-content: center; align-items: center; background-color:rgba(255, 255, 255, 0.5); opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .products_new .item:hover .hover_model { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0;  }



#container .products { padding: 100px 100px 0; background-color:#093389; }
#container .products .list { max-width: 1720px; margin: 0 auto; background-color:#fff; border-top-left-radius:40px; border-top-right-radius:40px; }
#container .products .list ul { display:flex; flex-direction:column; margin:0; padding:0; }
#container .products .list li { list-style:none; display: flex; justify-content: space-between; align-items: center; padding:80px; }
#container .products .list li:nth-child(2) { background-color:#E1E3FB; }
#container .products .list li:nth-child(3) { background-color:#181D62; }
#container .products .list .info { display:flex; flex-direction:column; gap:28px; }
#container .products .list .info h2 { margin: 0; padding: 0; font-family: 'Barlow'; font-weight: 700; font-size: 48px; line-height: 140%; color: #000000; letter-spacing: -0.5px; word-break: keep-all; }
#container .products .list .info p { margin: 0; padding: 0; font-family: 'Pretendard'; font-weight: 400; font-size: 18px; line-height: 150%; color: #5F5F5F; letter-spacing: -0.5px; word-break: keep-all; }
#container .products .list li:nth-child(3) .info h2 { color: #ffffff; }
#container .products .list li:nth-child(3) .info p { color: #ffffff; }

#container .products .list .thumb { -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#container .products .list .thumb img { -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }



#container .portfolio { display: flex; flex-direction: column; gap: 80px; max-width: 1560px; margin: 0 auto; padding: 120px 0; }
#container .portfolio .head { display:flex; flex-direction:column; gap:20px; }
#container .portfolio .head h2 { margin: 0; padding: 0; font-family: 'Barlow'; font-weight: 700; font-size: 48px; line-height: 140%; color: #000000; letter-spacing: -0.5px; }
#container .portfolio .head p { margin: 0; padding: 0; font-family: 'Pretendard'; font-weight: 400; font-size: 18px; line-height: 150%; color: #5F5F5F; letter-spacing: -0.5px; }

#container .portfolio .list { display:flex; flex-wrap: wrap; gap: 80px 2.56%; }
#container .portfolio .list .item { cursor: pointer; width: 31.626%; display:flex; flex-direction:column; gap:28px; }
#container .portfolio .list .item .thumb { overflow: hidden; line-height:0; border-radius:12px; }
#container .portfolio .list .item .thumb img { width: 100%; border-radius:12px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container .portfolio .list .item:hover .thumb img { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); } 

#container .portfolio .list .item .thumb_info { display:flex; flex-direction:column; gap:12px; padding:0 10px; }
#container .portfolio .list .item .thumb_info h3 { margin: 0; padding: 0; font-family: 'Pretendard'; font-weight: 600; font-size: 24px; line-height: 150%; color: #1D1A1A; letter-spacing: -0.5px; }
#container .portfolio .list .item .thumb_info p { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 400; font-size: 16px; line-height: 150%; color: #5F5F5F; letter-spacing: -0.5px; word-break: keep-all; }



#container .banner { padding: 120px 0; background-color:#F5F5F5; }
#container .banner .list { display: flex; gap: 2.56%; max-width: 1720px; margin: 0 auto; }
#container .banner .list .item { cursor: pointer; position: relative; display:flex; flex-direction:column; gap:16px; width: 31.626%; height: 236px; padding: 48px 48px 0; background-color:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#container .banner .list .item h2 { margin: 0; padding: 0; font-family: 'Pretendard'; font-weight: 600; font-size: 24px; line-height: 150%; color: #000000; letter-spacing: -0.5px; }
#container .banner .list .item p { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 400; font-size: 16px; line-height: 150%; color: #5F5F5F; letter-spacing: -0.5px; word-break: keep-all; }
#container .banner .list .item .tel { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 800; font-size: 32px; line-height: 100%; color: #1D1A1A; letter-spacing: -0.5px; word-break: keep-all; }
#container .banner .list .item .icon { position:absolute; right:40px; bottom:40px; line-height:0; }
#container .banner .list .item:hover .icon img {
  animation: bounce 0.8s ease infinite; /* 0.5초 간격으로 무한 반복 */
}
#container .banner .list .item .col { display:flex; flex-direction:column; gap:12px; }

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}


#container .partner { padding: 32px 0; }
#container .partner .partner_outer { position: relative; display: flex; justify-content: center; max-width:1560px; margin:0 auto; padding: 0; overflow: hidden; }
#container .partner .partner_outer .list { display:flex; justify-content: flex-start; align-items: center; gap:100px; width:auto; margin:0; padding:0; overflow: visible; white-space: nowrap; will-change: transform; }
#container .partner .partner_outer .list .item { line-height:0; flex-shrink: 0; }
#container .partner .partner_outer .btn_left { cursor: pointer; position:absolute; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; left:0; top:50%; margin-top:-15px; line-height:0; z-index:10; }
#container .partner .partner_outer .btn_right { cursor: pointer; position:absolute; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; right:0; top:50%; margin-top:-15px; line-height:0; z-index:10; }



#container .movie { padding: 120px 0; background-color:#093389; }
#container .movie .outer { display: flex; flex-direction: column; gap: 40px; max-width: 1560px; margin: 0 auto; }
#container .movie .outer h2 { margin: 0; padding: 0; font-family: 'Pretendard'; font-weight: 700; font-size: 44px; line-height: 140%; color: #ffffff; letter-spacing: -0.5px; }
#container .movie .outer .youtube { height: 800px; border-radius:30px; }
#container .movie .outer .youtube iframe { width:100%; height:100%; border-radius:30px; }



/* FOOTER */
#footer .outer { max-width: 1760px; margin:0 auto; }

#footer .inner { display:flex; padding: 0 20px 28px; border-bottom:1px solid #464646; }

#footer .info { flex-grow: 1; position: relative; }
#footer .info ul { display: flex; gap: 6px 30px; flex-wrap: wrap; margin:0; padding:0; }
#footer .info li { list-style:none; font-family: 'Pretendard'; font-weight: 300; font-size: 15px; line-height: 200%; color: #bababa; }
#footer .info li strong { padding-right: 10px; font-family: 'Pretendard'; font-weight: 400; font-size: 15px; line-height: 200%; color: #ffffff; }
#footer .info li.v1 { width:100%; }
#footer .info li.v1 strong { font-size:18px; }
#footer .info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer .copyright { position: relative; margin: 16px 20px 0; font-family: 'Barlow'; font-weight: 400; font-size: 15px; line-height: 200%; color: #BABABA; }


#quick { display: flex; flex-direction: column; align-items: end; gap: 12px; position:fixed; right:0; bottom:100px; }
#quick .quick_item { cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 8px; min-width: 56px; height: 48px; padding: 0 15px; background-color: #fff; border-top-left-radius:8px; border-bottom-left-radius:8px; box-shadow:-2px 0 4px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#quick .quick_item .item_menu { display: none; font-family: 'Pretendard'; font-weight: 400; font-size:16px; line-height: 100%; color:#5f5f5f; letter-spacing:0; }


/* SUB CONTAINER */
#sub_container { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#sub_container .spot { position: relative; display: flex; justify-content: center; align-items: center; height:700px; }
#sub_container .spot .sub_title { font-family: 'Pretendard'; font-weight: 600; font-size:64px; line-height: 120%; color:#ffffff; letter-spacing:10px; text-align:center; }
#sub_container .spot.about { background:url('/images/about/spot.jpg') no-repeat center; background-size:cover; }
#sub_container .spot.furniture { background:url('/images/furniture/spot.jpg') no-repeat center; background-size:cover; }
#sub_container .spot.safety { background:url('/images/safety/spot.jpg') no-repeat center; background-size:cover; }
#sub_container .spot.support { background:url('/images/support/spot.jpg') no-repeat center; background-size:cover; }
#sub_container .spot.ventilation { background:url('/images/ventilation/spot.jpg') no-repeat center; background-size:cover; }
#sub_container .spot.consulting { background:url('/images/consulting/spot.jpg') no-repeat center; background-size:cover; }
#sub_container .spot.portfolio1 { background:url('/images/portfolio/spot.jpg') no-repeat center; background-size:cover; }

#sub_container .page_route { display: flex; justify-content: center; position:absolute; left:0; right:0; bottom:60px; }
#sub_container .page_route .outer { display: flex; align-items: center; width:700px; height: 60px; border-radius:8px; background-color:rgba(0, 0, 0, 0.5); }
#sub_container .page_route .outer .home { width:80px; text-align:center; line-height:0; }
#sub_container .page_route .outer .item { cursor: pointer; position: relative; flex-grow:1; display: flex; justify-content: center; align-items:center; gap:6px; font-family: 'Pretendard'; font-weight: 400; font-size:17px; line-height: 100%; color:#ffffff; letter-spacing:0; border-left:1px solid rgba(255, 255, 255, 0.2); }
#sub_container .page_route .outer .item .item_sub_outer { display: none; position:absolute; left:10px; right:10px; top:40px; padding: 24px 0; border-bottom-left-radius:8px; border-bottom-right-radius:8px; background-color:rgba(0, 0, 0, 0.5); z-index:999; }
#sub_container .page_route .outer .item .item_sub { display: flex; flex-direction: column; gap: 20px;  }
#sub_container .page_route .outer .item .item_sub .sub_item { font-family: 'Pretendard'; font-weight: 400; font-size:16px; line-height: 100%; color:#E2E2E2; letter-spacing:0; }
#sub_container .page_route .outer .item .item_sub .sub_item a,
#sub_container .page_route .outer .item .item_sub .sub_item a:hover { display: block; font-family: 'Pretendard'; font-weight: 400; font-size:16px; line-height: 100%; color:#E2E2E2; letter-spacing:0; text-align:center; }


#sub_container .sub_content { width: 1500px; margin: 0 auto; padding:80px 0 120px; }

#sub_tab { display:flex; gap:2%; }
#sub_tab .tab_item { flex-grow:1; background-color:#F5F5F5; border-radius:8px; }
#sub_tab .tab_item a,
#sub_tab .tab_item a:hover { display:block; padding:20px 0; font-family: 'Pretendard'; font-weight: 400; font-size:18px; line-height: 150%; color:#5F5F5F; letter-spacing:-0.5px; text-align:center; }
#sub_tab .tab_item.select { flex-grow:1; background-color:#F5F5F5; border-radius:8px; }
#sub_tab .tab_item.select a,
#sub_tab .tab_item.select a:hover { font-weight: 600; color:#000000; }


/* PRODUCTS */
#product {}
#product .product_main { display: flex; flex-direction: column; justify-content: center; gap: 60px; padding:28pxpx 0 0; }
#product .product_main .subject { display:flex; flex-direction:column; justify-content:center; gap:20px; }
#product .product_main .subject h2 { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 700; font-size:44px; line-height: 150%; color:#000000; letter-spacing:-0.75px; text-align:center; }
#product .product_main .subject p { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 400; font-size:18px; line-height: 160%; color:#5F5F5F; letter-spacing:-0.5px; text-align:center; }

#product .product_main .product_list { display:flex; gap:2.66%; }
#product .product_main .product_list .list_item { cursor: pointer; display: flex; flex-direction: column; gap: 10px; width:48.67%; padding: 40px; border:1px solid #D9D9D9; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .product_main .product_list .list_item .thumb { line-height:0; }
#product .product_main .product_list .list_item .thumb_info { display:flex; flex-direction:column; align-items: center; gap:40px; }
#product .product_main .product_list .list_item .thumb_info .info { font-family: 'Pretendard'; font-weight: 300; font-size:18px; line-height: 160%; color:#5F5F5F; letter-spacing:-0.5px; text-align:center; word-break: keep-all; }
#product .product_main .product_list .list_item .thumb_info .info strong { display: block; padding-bottom: 20px; font-family: 'Pretendard'; font-weight: 600; font-size:32px; line-height: 150%; color:#000000; letter-spacing:-0.5px; text-align:center; }
#product .product_main .product_list .list_item .thumb_info .info i { display: block; }
#product .product_main .product_list .list_item .thumb_info .info_btn { cursor: pointer; display: flex; gap: 12px; justify-content: center; align-items: center; height: 46px; padding: 0 32px; background-color:#000; border-radius:999px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }


#product .product_main .product_list .list_item:hover .thumb_info .info_btn img {
  animation: shake 0.8s ease infinite;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px);
  }
}


#product .detail { display:flex; flex-direction:column; gap: 80px; padding:80px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#product .detail.v1 { padding:0; }
#product .detail .detail_outer { display: flex; flex-direction: column; gap: 80px; width: 100%; margin:0 auto; }

#product .detail .detail_head { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
#product .detail .detail_head .head_info { flex-grow:1; display:flex; flex-direction:column; gap:20px; }
#product .detail .detail_head .head_info h2 { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 700; font-size:44px; line-height: 150%; color:#000000; letter-spacing:-0.75px; text-align:left; }
#product .detail .detail_head .head_info p { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 400; font-size:18px; line-height: 180%; color:#5F5F5F; letter-spacing:-0.5px; text-align:left; word-break: keep-all; }
#product .detail .detail_head .head_info .p_thumb { width:700px; line-height:0; }
#product .detail .detail_head .head_info .p_thumb img { width:100%; }
#product .detail .detail_head .head_info i { display: block; }
#product .detail .detail_head .head_thumb { display: flex; justify-content: center; align-items: center; width: 40%; padding: 15px 0; border:1px solid #D9D9D9; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#product .detail .detail_head .head_thumb ul { width: 100%; margin:0; padding:0; }
#product .detail .detail_head .head_thumb ul li { width: 100%; list-style:none; }
#product .detail .detail_head .head_thumb img { width:100%; }
#product .detail .detail_head .head_thumb .thumb { line-height:0; }
#product .detail .detail_head .head_thumb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#product .detail .detail_head .head_thumb .thumb img { width:100%; }


#product .detail .feature { display: flex; flex-direction: column; gap: 20px; padding: 40px; background-color:#F1F4FB; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .detail .feature .feature_item { display: flex; flex-direction: row; gap: 12px; align-items: start; font-family: 'Pretendard'; font-weight: 300; font-size:18px; line-height: 160%; color:#444444; letter-spacing:-0.5px; text-align:left; word-break: keep-all; }
#product .detail .feature .feature_item img { padding-top:2px }

#product .detail .model { display: flex; flex-wrap: wrap; align-items: start; gap: 80px 2.66%; width:100%; }
#product .detail .model .model_item { display: flex; flex-direction: column; gap: 20px; width:48.67%; }
#product .detail .model .model_item .thumb_outer { display: flex; flex-direction: column; gap: 10px; padding: 40px; border:1px solid #D9D9D9; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .detail .model .model_item .thumb_outer .thumb { line-height:0; }
#product .detail .model .model_item .thumb_outer .thumb_title { font-family: 'Pretendard'; font-weight: 600; font-size:32px; line-height: 150%; color:#000000; letter-spacing:-0.5px; text-align:center; }

#product .detail .model .model_item .spec { }
#product .detail .model .model_item .spec .table { width:100%; }
#product .detail .model .model_item .spec .table th { padding: 16px 0; font-family: 'Pretendard'; font-weight: 500; font-size:18px; line-height: 150%; color:#093389; letter-spacing:-0.5px; text-align:center; border-top:1px solid #719AEF; border-bottom:1px solid #719AEF; border-left:1px solid #C7C7C7; background-color:#F1F4FB; }
#product .detail .model .model_item .spec .table th:first-child { border-left:none; }
#product .detail .model .model_item .spec .table td { padding: 12px 0; font-family: 'Pretendard'; font-weight: 300; font-size:18px; line-height: 150%; color:#505050; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #C7C7C7; border-left:1px solid #C7C7C7; background-color:#fff; }
#product .detail .model .model_item .spec .table td:first-child { border-left:none; }
#product .detail .model .model_item .spec .table td.left_border { border-left:1px solid #C7C7C7; }

#product .detail .model .model_item .spec .table1 { width:100%; }
#product .detail .model .model_item .spec .table1 th { padding: 16px 0; font-family: 'Pretendard'; font-weight: 500; font-size:18px; line-height: 150%; color:#093389; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #719AEF; background-color:#F1F4FB; }
#product .detail .model .model_item .spec .table1 th.v1 { border-top:1px solid #719AEF; }
#product .detail .model .model_item .spec .table1 td { padding: 12px 0; font-family: 'Pretendard'; font-weight: 300; font-size:18px; line-height: 150%; color:#505050; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #C7C7C7; border-left:1px solid #C7C7C7; background-color:#fff; }
#product .detail .model .model_item .spec .table1 td.v1 { border-top:1px solid #C7C7C7; }
#product .detail .model .model_item .spec .table1 td.left_border { border-left:1px solid #C7C7C7; }



#product .detail .row_cont1 { display: flex; flex-direction: column; gap: 40px; padding: 40px; background-color: #F5F5F5; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .detail .row_cont1 .info { display: flex; flex-direction: column; gap: 20px; font-family: 'Pretendard'; font-weight: 300; font-size:18px; line-height: 180%; color:#5F5F5F; letter-spacing:-0.5px; word-break: keep-all; }
#product .detail .row_cont1 .info strong { display: block; font-family: 'Pretendard'; font-weight: 700; font-size:32px; line-height: 180%; color:#000000; letter-spacing:-0.5px; }
#product .detail .row_cont1 .info_thumb { text-align: center; line-height: 0; background-color:#ffffff; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }


#product .detail .row_cont2 { display: flex; gap: 60px; align-items: center; padding: 40px; background-color: #F5F5F5; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .detail .row_cont2 .info { display: flex; flex-direction: column; gap: 20px; font-family: 'Pretendard'; font-weight: 300; font-size:18px; line-height: 180%; color:#5F5F5F; letter-spacing:-0.5px; word-break: keep-all; }
#product .detail .row_cont2 .info strong { display: block; font-family: 'Pretendard'; font-weight: 700; font-size:32px; line-height: 180%; color:#000000; letter-spacing:-0.5px; }
#product .detail .row_cont2 .info_thumb { width: 43%; text-align: center; line-height: 0; background-color:#ffffff; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .detail .row_cont2 .info_thumb img { width: 100%; }


#product .detail .detail_row { display: flex; flex-direction: row; gap: 2.66%; width:100%; margin:0 auto; }
#product .detail .detail_row .row_item { display: flex; flex-direction: column; gap: 40px; width:48.67%; }
#product .detail .detail_row .row_item .head_info { flex-grow:1; display:flex; flex-direction:column; gap:20px; }
#product .detail .detail_row .row_item .head_info h2 { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 700; font-size:44px; line-height: 150%; color:#000000; letter-spacing:-0.75px; text-align:left; }
#product .detail .detail_row .row_item .head_info p { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 400; font-size:18px; line-height: 180%; color:#5F5F5F; letter-spacing:-0.5px; text-align:left; word-break: keep-all; }
#product .detail .detail_row .row_item .head_info i { display: block; }

#product .detail .detail_row .row_item .feature { display: flex; flex-direction: column; gap: 20px; padding: 40px; background-color:#F1F4FB; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .detail .detail_row .row_item .feature .feature_item { display: flex; flex-direction: row; gap: 12px; align-items: start; font-family: 'Pretendard'; font-weight: 300; font-size:18px; line-height: 160%; color:#444444; letter-spacing:-0.5px; text-align:left; word-break: keep-all; }
#product .detail .detail_row .row_item .feature .feature_item img { padding-top:2px }


#product .detail .detail_row .row_item .model { display: flex; flex-direction: column; align-items: start; gap: 60px; }
#product .detail .detail_row .row_item .model .model_item { display: flex; flex-direction: column; gap: 20px; width:100%; }
#product .detail .detail_row .row_item .model .model_item .thumb_outer { display: flex; flex-direction: column; gap: 10px; padding: 40px; border:1px solid #D9D9D9; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#product .detail .detail_row .row_item .model .model_item .thumb_outer .thumb { line-height:0; }
#product .detail .detail_row .row_item .model .model_item .thumb_outer .thumb img { width:100%; }
#product .detail .detail_row .row_item .model .model_item .thumb_outer .thumb_title { font-family: 'Pretendard'; font-weight: 600; font-size:32px; line-height: 150%; color:#000000; letter-spacing:-0.5px; text-align:center; }

#product .detail .detail_row .row_item .model .model_item .spec { }
#product .detail .detail_row .row_item .model .model_item .spec .table { width:100%; }
#product .detail .detail_row .row_item .model .model_item .spec .table th { padding: 16px 0; font-family: 'Pretendard'; font-weight: 500; font-size:18px; line-height: 150%; color:#093389; letter-spacing:-0.5px; text-align:center; border-top:1px solid #719AEF; border-bottom:1px solid #719AEF; border-left:1px solid #C7C7C7; background-color:#F1F4FB; }
#product .detail .detail_row .row_item .model .model_item .spec .table th:first-child { border-left:none; }
#product .detail .detail_row .row_item .model .model_item .spec .table td { padding: 12px 0; font-family: 'Pretendard'; font-weight: 300; font-size:18px; line-height: 150%; color:#505050; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #C7C7C7; border-left:1px solid #C7C7C7; background-color:#fff; }
#product .detail .detail_row .row_item .model .model_item .spec .table td:first-child { border-left:none; }
#product .detail .detail_row .row_item .model .model_item .spec .table td.left_border { border-left:1px solid #C7C7C7; }


/* 회사소개 */
#about { display:flex; flex-direction:column; gap:80px; }
#about .thumb { line-height:0; }
#about .thumb_m { display: none; line-height:0; }
#about .thumb_m img { width:100%; }
#about .info { display:flex; flex-direction:column; gap:60px; }
#about .info h3 { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 600; font-size:24px; line-height: 180%; color:#000000; letter-spacing:-0.5px; word-break: keep-all; }
#about .info h3 i { display:block; }
#about .info p { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 300; font-size:18px; line-height: 180%; color:#666666; letter-spacing:-0.5px; word-break: keep-all; }
#about .info p i { display:block; }
#about .info .sign { display:flex; justify-content:end; gap: 10px; font-family: 'Pretendard'; font-weight: 300; font-size:28px; line-height: 120%; color:#000000; letter-spacing:-0.5px; text-align: right; word-break: keep-all; }
#about .info .sign strong { font-family: 'Pretendard'; font-weight: 700; font-size:28px; line-height: 120%; color:#000000; letter-spacing:-0.5px; }


/* 비전과가치 */
#vision { display:flex; flex-direction:column; justify-content: center; align-items: center; gap:40px; height:800px; background:url('/images/about/vision_thumb.png') no-repeat center; background-size:cover; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#vision .vision_title { }
#vision .vision_title h3 { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 400; font-size:44px; line-height: 150%; color:#000000; letter-spacing:-0.5px; text-align: center; word-break: keep-all; }
#vision .vision_title h3 strong { font-weight: 600; font-size:44px; line-height: 150%; color:#000000; letter-spacing:-0.5px; word-break: keep-all; }
#vision .vision_title h4 { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 700; font-size:52px; line-height: 150%; color:#093389; letter-spacing:-0.5px; text-align: center; word-break: keep-all; }

#vision p { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 400; font-size:20px; line-height: 180%; color:#333333; letter-spacing:-0.5px; text-align: center; word-break: keep-all; }
#vision p i { display:block; }


/* 오시는길 */
#location { display:flex; flex-direction:column; gap:80px; }
#location .row_item { display:flex; align-items: center; gap:60px; padding:40px; box-shadow:0 0 20px rgba(0, 0, 0, 0.1); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#location .row_item .map { overflow: hidden; flex-shrink: 1; width:650px; height:450px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#location .row_item .map_info { display:flex; flex-direction:column; gap:40px; }
#location .row_item .map_info h3 { margin:0; padding:0; font-family: 'Pretendard'; font-weight: 700; font-size:40px; line-height: 160%; color:#000000; letter-spacing:-0.5px; word-break: keep-all; }
#location .row_item .map_info .info_detail { display:flex; flex-direction:column; gap:32px; }
#location .row_item .map_info .info_detail .list { display:flex; flex-direction:column; gap:20px; }
#location .row_item .map_info .info_detail .list .list_item { display:flex; gap:30px; font-family: 'Pretendard'; font-weight: 300; font-size:20px; line-height: 160%; color:#666666; letter-spacing:-0.5px; word-break: keep-all; }
#location .row_item .map_info .info_detail .list .list_item a, 
#location .row_item .map_info .info_detail .list .list_item a:hover { font-family: 'Pretendard'; font-weight: 300; font-size:20px; line-height: 160%; color:#666666; letter-spacing:-0.5px; word-break: keep-all; }
#location .row_item .map_info .info_detail .list .list_item .title { display:flex; align-items: center; gap:12px; font-family: 'Pretendard'; font-weight: 500; font-size:20px; line-height: 160%; color:#2958B9; letter-spacing:-0.5px; word-break: keep-all; }
#location .row_item .map_info .info_detail .map_more { display:flex; flex-wrap: wrap; gap:10px; }
#location .row_item .map_info .info_detail .map_more .more_item { cursor: pointer; display:flex; justify-content: center; align-items: center; gap:6px; height:40px; padding:0 24px; font-family: 'Pretendard'; font-weight: 400; font-size:14px; line-height: 130%; color:#9E9E9E; letter-spacing:-0.5px; border:1px solid #DBDBDB; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.05); -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }




/* 컨설팅 */
#consulting { display:flex; flex-direction:column; gap:120px; }

#consulting .intro { display:flex; flex-direction:column; gap:80px; }
#consulting .intro .intro_item { display:flex; align-items: center; gap:80px; }
#consulting .intro .intro_item .thumb { flex-shrink: 0; width: 37%; line-height:0; }
#consulting .intro .intro_item .thumb img { width:100%; }
#consulting .intro .intro_item .thumb_info { flex-grow:1; display:flex; flex-direction:column; gap:24px; font-family: 'Pretendard'; font-weight: 400; font-size:20px; line-height: 160%; color:#666666; letter-spacing:-0.5px; word-break: keep-all; }
#consulting .intro .intro_item .thumb_info strong { font-family: 'Pretendard'; font-weight: 700; font-size:40px; line-height: 160%; color:#000000; letter-spacing:-0.5px; word-break: keep-all; }

#consulting .process { display:flex; flex-direction:column; gap:60px; }
#consulting .process .title { display:flex; flex-direction:column; gap:8px; font-family: 'Pretendard'; font-weight: 400; font-size:20px; line-height: 160%; color:#666666; letter-spacing:-0.5px; word-break: keep-all; }
#consulting .process .title strong { display:block; font-family: 'Pretendard'; font-weight: 700; font-size:40px; line-height: 160%; color:#000000; letter-spacing:-0.5px; word-break: keep-all; }

#consulting .process .process_list { display:flex; flex-wrap: wrap; gap:1.6%; }
#consulting .process .process_list .list_item { display: flex; flex-direction: column; gap: 10px; width:23.8%; padding: 10px; background-color:#F1F4FB; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#consulting .process .process_list .list_item .icon { display:flex; justify-content:center; align-items:center; padding:24px 0; line-height:0; }
#consulting .process .process_list .list_item .icon_info { display:flex; flex-direction: column; justify-content:center; align-items:center; gap: 12px; height: 134px; padding:24px 10px; font-family: 'Pretendard'; font-weight: 400; font-size:18px; line-height: 140%; color:#666666; letter-spacing:-0.5px; text-align: center; word-break: keep-all; background-color: #fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#consulting .process .process_list .list_item .icon_info strong { display:block; font-family: 'Pretendard'; font-weight: 600; font-size:24px; line-height: 100%; color:#000000; letter-spacing:-0.5px; text-align: center; word-break: keep-all; }

#consulting .trust { display:flex; justify-content: center; align-items: center; gap:80px; }
#consulting .trust .thumb { flex-shrink: 0; width: 37%; line-height:0; }
#consulting .trust .thumb img { width:100%; }
#consulting .trust .thumb_outer { display:flex; flex-direction:column; align-items: start; gap:40px }
#consulting .trust .thumb_info { flex-grow:1; display:flex; flex-direction:column; gap:24px; font-family: 'Pretendard'; font-weight: 400; font-size:20px; line-height: 160%; color:#666666; letter-spacing:-0.5px; word-break: keep-all; }
#consulting .trust .thumb_info strong { font-family: 'Pretendard'; font-weight: 700; font-size:40px; line-height: 160%; color:#000000; letter-spacing:-0.5px; word-break: keep-all; }
#consulting .trust .trust_more { cursor: pointer; display:flex; justify-content:center; align-items:center; gap: 12px; height: 56px; padding: 0 28px; font-family: 'Pretendard'; font-weight: 500; font-size:16px; line-height: 150%; color:#ffffff; letter-spacing:-0.5px; background-color:#1D5CEE; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }

#consulting .point { display:flex; gap:2.6%; }
#consulting .point .point_item { display: flex; flex-direction: column; gap: 28px; width:31.6%; }
#consulting .point .point_item .thumb { line-height:0; }
#consulting .point .point_item .thumb img { width:100%; }
#consulting .point .point_item .thumb_info { display:flex; flex-direction:column; gap:24px; padding:0 10px; }
#consulting .point .point_item .thumb_info .title { font-family: 'Pretendard'; font-weight: 600; font-size:20px; line-height: 160%; color:#1D1A1A; letter-spacing:-0.5px; word-break: keep-all; }
#consulting .point .point_item .thumb_info .title strong { display: block; font-family: 'Pretendard'; font-weight: 600; font-size:24px; line-height: 160%; color:#1D1A1A; letter-spacing:-0.5px; word-break: keep-all; }
#consulting .point .point_item .thumb_info .info_list { display:flex; flex-direction:column; gap:10px; }
#consulting .point .point_item .thumb_info .info_list .list_item { display:flex; align-items: center; gap:10px; font-family: 'Pretendard'; font-weight: 400; font-size:18px; line-height: 150%; color:#5F5F5F; letter-spacing:-0.5px; word-break: keep-all; }


/* SEARCH */
.search_spot { display: flex; justify-content: center; align-items: center; height:400px; margin-top:100px; background:url('/images/search/spot.jpg') no-repeat center; background-size:cover; }
.search_spot .search { position: relative; display: flex; align-items: center; width:1000px; height:80px; padding: 0 40px; border-radius:80px; border:4px solid #0CE3D1; background-color:rgba(0, 0, 0, 0.4); }
.search_spot .search .field { position: relative; flex-grow: 1; margin-right:60px; }
.search_spot .search .field .input { width: 100%; height:48px; font-family: 'Pretendard'; font-weight: 300; font-size:18px; line-height: 150%; color:#ffffff; letter-spacing:-0.5px; border: none; background-color:transparent; outline:none; }
.search_spot .search .field .input::-webkit-input-placeholder { color:#fff; }
.search_spot .search .field .input:moz-placeholder { color:#fff; }
.search_spot .search .field .input::-moz-placeholder { color:#fff; }
.search_spot .search .field .input:-ms-input-placeholder { color:#fff; }
.search_spot .search .btn_search { position:absolute; right:40px; top:50%; margin-top: -14px; line-height:0; }


/* 신규 퀵 */
#side_quick { z-index: 100; display: flex; flex-direction: column; position:fixed; width: 90px; right:0; top:50%; transform: translateY(-50%); background-color: #fff; border-top-left-radius:12px; border-bottom-left-radius:12px; box-shadow:-2px 0 12px rgba(0, 0, 0, 0.2); }
#side_quick .quick_col { cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; padding:14px 0; border-bottom:1px solid #D9D9D9; }
#side_quick .quick_col .quict_title { font-family: 'Pretendard'; font-weight: 400; font-size:15px; line-height: 160%; color:#333333; letter-spacing:-0.5px; text-align:center; }
#side_quick .quick_top { cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; padding:16px 0; background-color:#000000; border-bottom-left-radius:12px; }
#side_quick .quick_top .top_title { font-family: 'Pretendard'; font-weight: 400; font-size:15px; line-height: 160%; color:#fff; letter-spacing:-0.5px; text-align:center; }


/* 모바일 퀵 */
#mobile_quick_icon { cursor: pointer; z-index:100; display:none; justify-content: center; align-items: center; position: fixed; width:70px; height:70px; right: 20px; bottom: 20px; font-family: 'Pretendard'; font-weight: 500; font-size:15px; line-height: 160%; color:#005387; letter-spacing:-0.5px; text-align:center; background-color: #fff; border-radius:999px; box-shadow:0 0 12px rgba(0, 0, 0, 0.2); }
#mobile_quick_bg { z-index: 200; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.6); display:none; }
#mobile_quick { z-index: 200; display: flex; flex-direction: column; align-items: center; gap: 40px; position:fixed; left:10px; right:10px; top:20px; bottom:20px; padding: 50px 30px; background-color:#ffffff; border-radius:32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mobile_quick .mobile_quick_head { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; font-family: 'Pretendard'; font-weight: 400; font-size:16px; line-height: 160%; color:#5F5F5F; letter-spacing:-0.5px; text-align:center; }
#mobile_quick .mobile_quick_head strong { display: block; font-weight: 600; font-size:28px; line-height: 150%; color:#005387; letter-spacing:-0.5px; text-align:center; }

#mobile_quick .mobile_quick_list { display:flex; flex-direction:column; gap:10px; width:100%; }
#mobile_quick .mobile_quick_list .quick_list_item { cursor: pointer; flex-grow: 1; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px 10px 12px; border:1px solid #C7C7C7; border-radius:4px; }
#mobile_quick .mobile_quick_list .quick_list_item .item_subject { flex-grow: 1; display: flex; align-items: center; gap: 10px; font-family: 'Pretendard'; font-weight: 400; font-size:15px; line-height: 160%; color:#333333; letter-spacing:-0.5px; }
#mobile_quick .mobile_quick_list .quick_list_item .item_subject .icon { width:45px; line-height:0; }
#mobile_quick .mobile_quick_list .quick_list_item .item_subject .icon img { width:100%; }
#mobile_quick .mobile_quick_list .quick_list_item .item_icon { line-height:0; }

#mobile_quick .btn_close { cursor: pointer; position:absolute; right:30px; top:30px; line-height:0; }


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

	#container .summary { width: auto; margin: 0 auto; padding: 120px 5% 0; }


}


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


	#container .about .bg1 { left:20%; }
	#container .about .bg2 { right:20%; }


	#container .banner { padding: 120px 3.5%; }


	/* FOOTER */
	#footer .outer { width: auto; margin:0 5%; }

}


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

	#header > .outer .gnb a,
	#header > .outer .gnb a:hover { padding: 40px 30px 42px; }


	#container .portfolio { padding: 120px 5%; }

	#container .partner .partner_outer { padding: 0 5%; }
	#container .partner .partner_outer .list { display:flex; width:auto; }

	#container .movie { padding: 120px 5%;  }
	#container .movie .outer .youtube { height: 600px; }


	/* PRODUCTS */
	#product .product_main .product_list .list_item .thumb img { width:100%; }

	#product .detail .model .model_item .thumb_outer .thumb img { width:100%; }


	/* 회사소개 */
	#about .thumb img { width:100%; }

}


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

	/* CONTAINER */
	#container .summary { padding: 120px 3% 0; }


	#container .about .bg1 { left:10%; top:14%; line-height:0; }
	#container .about .bg2 { right:10%; top:18%; line-height:0; }


	/* SUB CONTAINER */
	#sub_container .sub_content { width: auto; margin: 0 5%; }
	#product .detail .detail_head .head_info .p_thumb { width:500px; }



}


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

	/* HEADER - GNB */
	#header > .outer .gnb { display: none; }
	#header > .outer .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }


	/* CONTAINER */
	#container .slide .info .info_box .info_text { font-weight: 600; font-size: 60px; }
	#container .slide .info .info_box p { font-size: 18px; }

	#container .slide_m .info .info_box .info_text { font-weight: 600; font-size: 60px; }
	#container .slide_m .info .info_box p { font-size: 18px; }


	#container .summary { padding: 80px 3% 0; }
	#container .summary .item { padding: 40px 40px 60px; }
	#container .summary .item .subject { font-size: 20px; }
	#container .summary .item .number { font-size: 40px; }
	#container .summary .item .icon { right:20px; bottom:20px; }
	#container .summary .item .icon img { width:80px }
	#container .summary .item.v1 .icon { bottom:30px; }
	#container .summary .item.v1 .icon img { width:60px }


	#container .about { padding: 120px 0; }
	#container .about .about_logo img { width: 260px; }
	#container .about .about_info .subject { font-size: 36px; }
	#container .about .about_info p { font-size: 18px; }



	#container .products_new { gap: 40px 1.666%; padding: 60px 3%; }
	#container .products_new .item .item_thumb_title { font-size: 20px; }

	#container .products { padding: 100px 5% 0; }
	#container .products .list li { gap: 28px; padding:80px 60px; }
	#container .products .list .info h2 { font-size: 40px; }

	#container .products .list .thumb img { width:100%; }


	#container .portfolio { gap: 60px; padding: 100px 3%; }
	#container .portfolio .head h2 { font-size: 40px; }
	#container .portfolio .list .item .thumb_info h3 { font-size: 20px; }


	#container .banner { padding: 80px 3%; }
	#container .banner .list .item h2 { font-size: 20px; }
	#container .banner .list .item .tel { font-size: 26px; }
	#container .banner .list .item .icon { right:20px; bottom:20px; }
	#container .banner .list .item .icon img { width:60px }


	#container .partner .partner_outer .list { gap:30px; }


	#container .movie { padding: 100px 3%; }
	#container .movie .outer h2 { font-size: 36px; }


	/* FOOTER */
	#footer .info ul { gap: 0 30px; }


	/* SUB CONTAINER */
	#sub_container .spot { position: relative; display: flex; justify-content: center; align-items: center; height:500px; }
	#sub_container .spot .sub_title { font-size:48px; }

	#sub_container .page_route .outer { height: 52px; border-radius:8px; }

	#sub_tab .tab_item a,
	#sub_tab .tab_item a:hover { padding:14px 0; font-family: 'Pretendard'; }


	/* PRODUCTS */
	#product .product_main .subject h2 { font-size:36px; }
	#product .product_main .subject p { font-size:16px; }

	#product .product_main .product_list .list_item .thumb_info .info { font-size:16px; }
	#product .product_main .product_list .list_item .thumb_info .info strong { padding-bottom: 20px; font-size:28px; }
	#product .product_main .product_list .list_item .thumb_info .info_btn { height: 42px; padding: 0 28px; }


	#product .detail .detail_head .head_info h2 { font-size:36px; }
	#product .detail .detail_head .head_info p { font-size:16px; }
	#product .detail .detail_head .head_info .p_thumb { width:360px; }

	#product .detail .feature .feature_item { gap: 12px; font-size:16px; }

	#product .detail .model .model_item .thumb_outer .thumb_title { font-size:24px; }

	#product .detail .model .model_item .spec .table th { padding: 16px 0; font-size:16px; }
	#product .detail .model .model_item .spec .table td { padding: 12px 0; font-size:16px; }

	#product .detail .model .model_item .spec .table1 th { padding: 16px 0; font-size:16px; }
	#product .detail .model .model_item .spec .table1 td { padding: 12px 0; font-size:16px; }


	#product .detail .row_cont1 { display: flex; flex-direction: column; gap: 40px; padding: 30px; }
	#product .detail .row_cont1 .info { font-size:16px; }
	#product .detail .row_cont1 .info strong { font-size:24px; }


	#product .detail .row_cont2 { gap: 40px; align-items: center; padding: 30px; }
	#product .detail .row_cont2 .info { font-size:16px; }
	#product .detail .row_cont2 .info strong { font-size:24px; }
	#product .detail .row_cont2 .info_thumb { flex-shrink: 0; width: 350px; }



	#product .detail .detail_row .row_item .head_info h2 { font-size:36px; }
	#product .detail .detail_row .row_item .head_info p { font-size:16px; }
	#product .detail .detail_row .row_item .head_info i { display: none; }

	#product .detail .detail_row .row_item .feature .feature_item { gap: 12px; font-size:16px; }


	#product .detail .detail_row .row_item .model .model_item .thumb_outer .thumb_title { font-size:24px; }

	#product .detail .detail_row .row_item .model .model_item .spec .table th { padding: 16px 0; font-size:16px; }
	#product .detail .detail_row .row_item .model .model_item .spec .table td { padding: 12px 0; font-size:16px; }



	/* 비전과가치 */
	#vision .vision_title h3 { font-size:36px; }
	#vision .vision_title h3 strong { font-size:36px; }
	#vision .vision_title h4 { font-size:44px; }

	#vision p { font-size:18px; }


	/* 오시는길 */
	#location { gap:60px; }
	#location .row_item { gap:40px; padding:25px; }
	#location .row_item .map { width:500px; height:350px; }
	#location .row_item .map_info { gap:20px; }
	#location .row_item .map_info h3 { font-size:32px; }
	#location .row_item .map_info .info_detail { gap:24px; }
	#location .row_item .map_info .info_detail .list { gap:12px; }
	#location .row_item .map_info .info_detail .list .list_item { gap:30px; font-size:18px; }
	#location .row_item .map_info .info_detail .list .list_item a, 
	#location .row_item .map_info .info_detail .list .list_item a:hover { font-size:18px; }
	#location .row_item .map_info .info_detail .list .list_item .title { flex-shrink: 0; gap:12px; font-size:18px; }
	#location .row_item .map_info .info_detail .map_more { gap:10px; }
	#location .row_item .map_info .info_detail .map_more .more_item { gap:6px; height:40px; padding:0 24px; font-size:14px; }
	#location .row_item .map_info .info_detail .map_more .more_item img { width:20px; }


	/* 컨설팅 */
	#consulting { gap:100px; }

	#consulting .intro { gap:60px; }
	#consulting .intro .intro_item { gap:60px; }
	#consulting .intro .intro_item .thumb_info { gap:24px; font-size:18px; }
	#consulting .intro .intro_item .thumb_info strong { font-size:32px; }

	#consulting .process { gap:50px; }
	#consulting .process .title { gap:8px; font-size:18px; }
	#consulting .process .title strong { font-size:32px; }

	#consulting .process .process_list .list_item .icon img { width:80px; }
	#consulting .process .process_list .list_item .icon_info { gap: 12px; height: 134px; padding:24px 10px; font-size:16px; }
	#consulting .process .process_list .list_item .icon_info strong { font-size:20px; }

	#consulting .trust { gap:60px; }
	#consulting .trust .thumb_info { gap:24px; font-size:18px; }
	#consulting .trust .thumb_info strong { font-size:32px; }
	#consulting .trust .trust_more { gap: 12px; height: 50px; padding: 0 24px; font-size:14px; }


	#consulting .point .point_item .thumb_info .title { font-size:18px; }
	#consulting .point .point_item .thumb_info .title strong { font-size:22px; }
	#consulting .point .point_item .thumb_info .info_list .list_item { gap:10px; font-size:16px; }


	/* SEARCH */
	.search_spot { height:320px; }
	.search_spot .search { width:700px; height:70px; }

}



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



	#container .products { padding: 100px 5% 0; }
	#container .products .list li { padding:60px 40px; }
	#container .products .list .info h2 { font-size: 36px; }
	#container .products .list .info p { font-size: 16px; }



	#container .banner .list { flex-wrap: wrap; gap: 30px 2%; }
	#container .banner .list .item { width: 49%; }
	#container .banner .list .item:nth-child(3) { width: 100%; }




}

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

	#header { height: 60px; }
	#header > .outer .gnb_btn { top:20px; }


	/* HEADER */
	#header > .outer { padding-left: 20px; }
	#header > .outer h1 { margin: 19px 0 0; width: 142px; height: 20px; }
	#header > .outer .gnb_btn { right:20px; }

	#container .slide { display: none; }
	#container .slide_m { display: block; }

	#container .slide .info { gap: 48px; }
	#container .slide .info .info_box { gap:16px; padding:0 3.5%; }
	#container .slide .info .info_box .info_text { font-size: 36px; }
	#container .slide .info .info_box p { font-size: 16px; }

	#container .slide .info .more { gap: 12px; padding:10px 25px; font-size: 14px; }
	
	#container .slide_m .info { gap: 48px; }
	#container .slide_m .info .info_box { gap:16px; padding:0 3.5%; }
	#container .slide_m .info .info_box .info_text { font-size: 36px; }
	#container .slide_m .info .info_box p { font-size: 16px; }

	#container .slide_m .info .more { gap: 12px; padding:10px 25px; font-size: 14px; }


	#container .summary { display: flex; flex-direction: column; gap: 10px; padding: 60px 3.5%; }
	#container .summary .item { gap: 10px; width: auto; padding: 30px 25px 32px; }
	#container .summary .item .number { font-size: 30px; }
	#container .summary .item .icon { right:20px; bottom:20px; }
	#container .summary .item .icon img { width:60px; }
	#container .summary .item.v1 .icon { bottom:30px; }
	#container .summary .item.v1 .icon img { width:50px; }



	#container .about { gap: 40px; padding: 100px 0; }
	#container .about .about_logo img { width:200px; }
	#container .about .about_info .subject { padding: 0 3%; font-size: 28px; }
	#container .about .about_info p { padding: 0 5%; font-size: 16px; }
	#container .about .about_info i { display:none; }
	#container .about .more { height: 40px; padding: 0 26px; }
	#container .about .bg1 { left:5%; top:10%; }
	#container .about .bg1 img { width:300px; }
	#container .about .bg2 { right:5%; top:18%; }
	#container .about .bg2 img { width:100px; }


	#container .products_new { gap: 20px 2%; padding: 60px 3%; }
	#container .products_new .item { gap: 20px; width: 49%; padding: 20px 20px; }
	#container .products_new .item .item_thumb_title { font-size: 16px; }
	#container .products_new .item .hover_model { display: none; }

	#container .products_new .item:hover .item_thumb img { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } 


	#container .products { padding: 60px 3% 0; }
	#container .products .list li { flex-direction: column; justify-content: start; align-items: start; gap: 40px; padding:40px 25px; }
	#container .products .list .info { gap:20px; }
	#container .products .list .info h2 { font-size: 28px; }

	#container .products .list .thumb { width: 100%; }


	#container .portfolio { gap: 40px; padding: 80px 5%; }
	#container .portfolio .head { gap:12px; }
	#container .portfolio .head h2 { font-size: 28px; }
	#container .portfolio .head p { font-size: 16px; }

	#container .portfolio .list { gap: 50px 2%; }
	#container .portfolio .list .item { width: 49%; gap:20px; }

	#container .portfolio .list .item .thumb_info { gap:8px; padding:0; }
	#container .portfolio .list .item .thumb_info h3 { font-size: 18px; }
	#container .portfolio .list .item .thumb_info p { font-size: 14px; }


	#container .banner { padding: 60px 3%; background-color:#F5F5F5; }
	#container .banner .list { flex-direction: column; gap: 25px; }
	#container .banner .list .item { gap:16px; width: 100%; height: auto; padding: 30px 25px; }
	#container .banner .list .item h2 { font-size: 20px; }
	#container .banner .list .item .tel { font-size: 26px; }
	

	#container .partner .partner_outer .list .item img { height:30px }


	#container .movie { padding: 60px 5%; }
	#container .movie .outer { gap: 20px; }
	#container .movie .outer h2 { font-size: 28px; }
	#container .movie .outer .youtube { height: 240px;  border-radius:15px; }
	#container .movie .outer .youtube iframe { width:100%; height:100%; border-radius:15px; }


	/* FOOTER */
	#footer { padding: 20px 0; }
	#footer .outer { margin:0 3%; }

	#footer .inner { flex-direction: column; gap: 10px; padding: 0 10px 10px; border-bottom:none; }

	#footer .info ul { flex-direction: column; gap: 0 10px; }
	#footer .info li { font-size: 14px; line-height:150%; }
	#footer .info li strong { font-size: 14px; }
	#footer .info li.v1 strong { font-size:16px; }

	#footer .copyright { margin: 6px 10px 0; padding-top: 6px; font-size: 14px; border-top:1px solid #464646; }


	/* SUB CONTAINER */
	#sub_container .spot { height:300px; }
	#sub_container .spot .sub_title { font-size:30px; }

	#sub_container .page_route { left: 20px; right: 20px; bottom:20px; }
	#sub_container .page_route .outer { height: 46px; }
	#sub_container .page_route .outer .home { width:60px; }
	#sub_container .page_route .outer .item { font-size:15px; }
	#sub_container .page_route .outer .item .item_sub_outer { top:33px; padding: 16px 0; }
	#sub_container .page_route .outer .item .item_sub { gap: 15px;  }
	#sub_container .page_route .outer .item .item_sub .sub_item { font-size:14px; }
	#sub_container .page_route .outer .item .item_sub .sub_item a,
	#sub_container .page_route .outer .item .item_sub .sub_item a:hover { font-size:14px; }

	#sub_container .sub_content { margin: 0 3.5%; padding:40px 0 80px; }


	#sub_tab .tab_item a,
	#sub_tab .tab_item a:hover { padding:10px 0; font-size:15px; }


	/* PRODUCTS */
	#product .product_main { gap: 40px; }
	#product .product_main .subject h2 { font-size:26px; }
	#product .product_main .subject p { font-size:14px; }

	#product .product_main .product_list { flex-direction: column; gap:30px; }
	#product .product_main .product_list .list_item { width:100%; padding: 25px; }
	#product .product_main .product_list .list_item .thumb_info { gap:20px; }
	#product .product_main .product_list .list_item .thumb_info .info { font-size:14px; }
	#product .product_main .product_list .list_item .thumb_info .info strong { padding-bottom: 12px; font-size:20px; }
	#product .product_main .product_list .list_item .thumb_info .info i { display: none; }
	#product .product_main .product_list .list_item .thumb_info .info_btn { height: 36px; padding: 0 20px; }
	#product .product_main .product_list .list_item .thumb_info .info_btn img { width: 18px; }


	#product .detail { padding:40px 0 0; }
	#product .detail .detail_outer { gap: 50px; }

	#product .detail .detail_head { flex-direction: column; justify-content: start; align-items: start; gap: 40px; width:100%; }
	#product .detail .detail_head .head_info { gap:10px; }
	#product .detail .detail_head .head_info h2 { font-size:26px; }
	#product .detail .detail_head .head_info p { font-size:14px; }
	#product .detail .detail_head .head_info .p_thumb { width:100%; }
	#product .detail .detail_head .head_info i { display: none; }
	#product .detail .detail_head .head_thumb { width: auto; padding: 10px 0; }


	#product .detail .feature { gap: 10px; padding: 20px; }
	#product .detail .feature .feature_item { gap: 8px; font-size:14px; }
	#product .detail .feature .feature_item img { width: 20px; padding-top:2px }

	#product .detail .model { flex-direction: column; flex-wrap: nowrap; align-items: start; gap: 50px; }
	#product .detail .model .model_item { width:100%; }
	#product .detail .model .model_item .thumb_outer { padding: 20px; }
	#product .detail .model .model_item .thumb_outer .thumb_title { font-size:20px; }

	#product .detail .model .model_item .spec .table th { padding: 12px 0; font-size:14px; }
	#product .detail .model .model_item .spec .table td { padding: 8px 0; font-size:14px; }

	#product .detail .model .model_item .spec .table1 th { padding: 12px 0; font-size:14px; }
	#product .detail .model .model_item .spec .table1 td { padding: 8px 0; font-size:14px; }

	#product .detail .row_cont1 { display: flex; flex-direction: column; gap: 30px; padding: 20px; }
	#product .detail .row_cont1 .info { gap: 10px; font-size:14px; }
	#product .detail .row_cont1 .info strong { font-size:20px; }
	#product .detail .row_cont1 .info_thumb img { width:100%; }


	#product .detail .row_cont2 { flex-direction: column; gap: 30px; align-items: start; padding: 20px; }
	#product .detail .row_cont2 .info { gap: 10px; font-size:14px; }
	#product .detail .row_cont2 .info strong { font-size:20px; }
	#product .detail .row_cont2 .info_thumb { flex-shrink: 0; width: 100%; }



	#product .detail .detail_row { flex-direction: column; gap:50px; }
	#product .detail .detail_row .row_item { gap: 40px; width:100%; }
	#product .detail .detail_row .row_item .head_info { gap:10px; }
	#product .detail .detail_row .row_item .head_info h2 { font-size:26px; }
	#product .detail .detail_row .row_item .head_info p { font-size:14px; }

	#product .detail .detail_row .row_item .feature { gap: 10px; padding: 20px; }
	#product .detail .detail_row .row_item .feature .feature_item { gap: 8px; font-size:14px; }
	#product .detail .detail_row .row_item .feature .feature_item img { width: 20px; padding-top:2px }


	#product .detail .detail_row .row_item .model { gap: 50px; }
	#product .detail .detail_row .row_item .model .model_item .thumb_outer { padding: 20px; }
	#product .detail .detail_row .row_item .model .model_item .thumb_outer .thumb_title { font-size:20px; }

	#product .detail .detail_row .row_item .model .model_item .spec .table th { padding: 12px 0; font-size:14px; }
	#product .detail .detail_row .row_item .model .model_item .spec .table td { padding: 8px 0; font-size:14px; }


	/* 회사소개 */
	#about { gap:50px; }
	#about .thumb { display: none; }
	#about .thumb_m { display: block; }
	#about .info { gap:40px; }
	#about .info h3 { font-size:20px; }
	#about .info h3 i { display:none; }
	#about .info p { font-size:16px; }
	#about .info p i { display:none; }
	#about .info .sign { font-size:20px; }
	#about .info .sign strong { font-size:20px; }


	/* 비전과가치 */
	#vision { gap:40px; height:auto; padding:100px 25px; }
	#vision .vision_title h3 { font-size:28px; }
	#vision .vision_title h3 strong { display: block; font-size:28px; }
	#vision .vision_title h4 { padding-top:15px; font-size:34px; }

	#vision p { font-size:16px; }
	#vision p i { display:none; }



	/* 오시는길 */
	#location { gap:50px; }
	#location .row_item { flex-direction: column; justify-content: start; align-items: start; gap:40px; padding:20px; }
	#location .row_item .map { width:100%; height:300px; }
	#location .row_item .map_info { gap:20px; padding:0 10px; }
	#location .row_item .map_info h3 { font-size:24px; }
	#location .row_item .map_info .info_detail { gap:20px; }
	#location .row_item .map_info .info_detail .list .list_item { gap:20px; font-size:16px; }
	#location .row_item .map_info .info_detail .list .list_item a, 
	#location .row_item .map_info .info_detail .list .list_item a:hover { font-size:16px; }
	#location .row_item .map_info .info_detail .list .list_item .title { gap:4px; font-size:16px; }
	#location .row_item .map_info .info_detail .list .list_item .title img { width: 20px; }
	#location .row_item .map_info .info_detail .map_more { gap:6px; }
	#location .row_item .map_info .info_detail .map_more .more_item { padding:0 20px; }
	#location .row_item .map_info .info_detail .map_more .more_item img { width:16px; }


	/* 컨설팅 */
	#consulting { gap:60px; }

	#consulting .intro { gap:40px; }
	#consulting .intro .intro_item { flex-direction: column; align-items: start; gap:40px; }
	#consulting .intro .intro_item .thumb { order: 2; width: 100%; }
	#consulting .intro .intro_item .thumb_info { order: 1; gap:16px; font-size:16px; }
	#consulting .intro .intro_item .thumb_info strong { font-size:24px; }

	#consulting .process { gap:40px; }
	#consulting .process .title { gap:8px; font-size:16px; }
	#consulting .process .title strong { font-size:24px; }

	#consulting .process .process_list { display:flex; flex-wrap: wrap; gap:20px 2%; }
	#consulting .process .process_list .list_item { width:49%; padding: 6px; }
	#consulting .process .process_list .list_item .icon { padding:16px 0; }
	#consulting .process .process_list .list_item .icon img { width:60px; }
	#consulting .process .process_list .list_item .icon_info { height: 100px; padding:16px 10px; font-size:14px; }
	#consulting .process .process_list .list_item .icon_info strong { font-size:18px; }

	#consulting .trust { flex-direction: column; align-items: start; gap:40px; }
	#consulting .trust .thumb { width: 100%; }
	#consulting .trust .thumb_info { gap:20px; font-size:16px; }
	#consulting .trust .thumb_info strong { font-size:24px; }
	#consulting .trust .trust_more { height: 46px; padding: 0 20px; }

	#consulting .point { flex-direction: column; gap:50px; }
	#consulting .point .point_item { gap: 28px; width:100%; }
	#consulting .point .point_item .thumb_info .title { font-size:16px; }
	#consulting .point .point_item .thumb_info .title strong { font-size:20px; }
	#consulting .point .point_item .thumb_info .info_list .list_item { font-size:14px; }


	/* SEARCH */
	.search_spot { height:260px; margin-top:60px; padding:0 10% }
	.search_spot .search { width:100%; height:60px; padding: 0 20px; border:3px solid #0CE3D1; }
	.search_spot .search .field .input { font-size:16px; }
	.search_spot .search .btn_search { right:20px; top:50%; margin-top: -14px; line-height:0; }


	/* 신규 퀵 */
	#side_quick { display:none; }

	/* 모바일 퀵 */
	#mobile_quick_icon { display:flex; }
}


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

}



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

	#container .portfolio .list { gap: 40px; }
	#container .portfolio .list .item { width: 100%; }

	#container .about .about_logo img { width:160px; }
	#container .about .about_info .subject { font-size: 24px; }

	#container .about .bg1 { left:0; top:0; }
	#container .about .bg1 img { width:240px; }
	#container .about .bg2 { right:0; top:auto; bottom:5%; }
	#container .about .bg2 img { width:100px; }
}