@charset "utf-8"; 
/*
    SAEWOOM SUB STYLE
    WRITER :Lee Jeonghee
	Last Modify Date :2026. 02. 25.
*/

@import url("./base.css"); 
@import url("./common.css"); 

/* location */
.siteLocation { position:fixed; top:10rem; left:0; width:100%; padding:0 3.125%; box-sizing:border-box; transition:top 500ms; z-index:2; }
.siteLocation.scroll { top:1rem; }
.locationTab>li>button { display:none; }
.locationTab>li>div { background:rgba(255, 255, 255, .6); backdrop-filter:blur(14px); border-radius:.625em; border:1px solid rgba(234, 234, 234, .7); box-sizing:border-box; }
.locationTab>li>div>ul { display:flex; }
.locationTab>li>div>ul>li { flex:1; position:relative; }
.locationTab>li>div>ul>li::before { content:''; position:absolute; top:50%; left:0; width:1px; height:3rem; background:rgba(10, 21, 45, .1); transform:translateY(-50%); }
.locationTab>li>div>ul>li:first-child::before { display:none; }
.locationTab>li>div>ul>li>a { display:flex; align-items:center; justify-content:center; height:100%; font-size:1.8rem; text-align:center; color:rgba(10, 21, 45, .6); word-break:keep-all; }
.locationTab>li>div>ul>li>a span { position:relative; display:block; padding:3.3rem 0; box-sizing:border-box; }
.locationTab>li>div>ul>li>a.active { font-weight:600; color:#0a152d; }
/* pageTop */
.pageTopGroup { position:relative; z-index:1; }
.pageTopGroup.hidden { display:none; }
.pageTopWrap { position:relative; height:100vh; }
.pageTopWrap .titArea { position:absolute; padding-top:14rem; letter-spacing:-.025em; text-align:center; will-change:top, left, transform; opacity:0; visibility:hidden; }
.pageTopWrap .titArea.active { color:#fff; }
.pageTopWrap .pageTit { font-size:6.5rem; font-weight:900; }
.pageTopWrap .pageTxt { margin-top:1.3rem; font-size:2.4rem; font-weight:300; line-height:1.5; word-break:keep-all; }
.pageTopWrap .pageTxt br { display:none; }
.pageTopGroup .menuBg { position:absolute; left:0; right:0; bottom:0; width:80%; height:35%; margin:auto; background:no-repeat center / cover; transform-origin:bottom; will-change:transform; z-index:-1; }
.pageTopGroup.menu1 .menuBg { background-image:url(../images/sub/bg_menu1.jpg); }
.pageTopGroup.menu2 .menuBg { background-image:url(../images/sub/bg_menu2.jpg); }
.pageTopGroup.menu3 .menuBg { background-image:url(../images/sub/bg_menu3.jpg); }
.pageTopGroup.menu4 .menuBg { background-image:url(../images/sub/bg_menu4.jpg); }
.pageTopGroup .scrollDown { position:absolute; bottom:2rem; left:50%; text-align:center; transform:translateX(-50%); }
.pageTopGroup .scrollDown>i { display:inline-block; position:relative; width:20px; height:30px; border-radius:3em; border:1px solid rgba(255, 255, 255, .7); box-sizing:border-box; }
.pageTopGroup .scrollDown>i::after { content:''; position:absolute; left:50%; width:4px; height:4px; background:#fff; border-radius:50%; transform:translateX(-50%); animation:scrollAni 1.6s ease infinite; }
.pageTopGroup .scrollDown>p { display:block; font-size:1rem; font-weight:300; color:rgba(255, 255, 255, .8); }
/* layout */
#contentGroup { position:relative; z-index:1; }
.defaultLayout { position:relative; padding:20rem 3%; }
.defaultWrap { max-width:1440px; margin:0 auto; }
/* nodata */
.noData { max-width:640px; margin:0 auto; padding:16rem 2rem; border:1px solid #dddddd; border-radius:1.25em; box-sizing:border-box; word-break:keep-all; line-height:1.5; text-align:center; letter-spacing:-.025em; }
.noData p { padding-top:14rem; font-size:2.5rem; font-weight:600; text-align:center; background:url(../images/sub/img_no_data.png) no-repeat top center / 11rem auto; }
/* btn */
.btnStyle { margin-top:10rem; text-align:center; }
.btnStyle a,
.btnStyle button { display:inline-block; overflow:hidden; position:relative; width:24rem; padding:1.6rem 0; font-size:1.8rem; letter-spacing:-.025em; color:#5e6774; background:#fff; border:1px solid #5e6774; box-sizing:border-box; border-radius:4em; transition:color 0.3s ease 0.3s; }
.btnStyle a:focus,
.btnStyle a:hover,
.btnStyle button:focus,
.btnStyle button:hover { color:#fff; }
.btnStyle a::before,
.btnStyle button::before { content:''; position:absolute; bottom:0; left:0; width:0; height:3px; background:var(--point); transition:width 0.4s ease; }
.btnStyle a::after,
.btnStyle button::after { content:''; position:absolute; inset:0; background:var(--point); transform:scaleY(0); transform-origin:bottom; transition:transform 0.4s ease-out 0.3s; }
.btnStyle a:focus::before,
.btnStyle a:hover::before,
.btnStyle button:focus::before,
.btnStyle button:hover::before { width:100%; }
.btnStyle a:focus::after,
.btnStyle a:hover::after,
.btnStyle button:focus::after,
.btnStyle button:hover::after { transform:scaleY(1); }
.btnStyle a span,
.btnStyle button span { position:relative; z-index:1; }
.btnStyle.arrow a { width:21rem; padding:1.6rem 3rem; text-align:left; }
.btnStyle.arrow a span { display:block; background:url(../images/sub/btn_icon_arrow.png) no-repeat right center / 1.4rem; transition:background 0.3s ease 0.3s; }
.btnStyle.arrow a:focus span,
.btnStyle.arrow a:hover span { background-image:url(../images/sub/btn_icon_arrow_on.png); }
.btnStyle.list a { width:21rem; }
.btnStyle.list a span { display:inline-block; padding-left:3.2rem; background:url(../images/sub/btn_icon_list.png) no-repeat left center / 2rem auto; transition:background 0.3s ease 0.3s; }
.btnStyle.list a:focus span,
.btnStyle.list a:hover span { background-image:url(../images/sub/btn_icon_list_on.png); }
@media screen and (max-width:1024px) { 	
	/* location */
	.siteLocation { top:13.125rem; padding:0 6.3888%; }
	.siteLocation .location { border-radius:.625rem; }
	.locationTab>li { position:relative; }
	.locationTab>li>button { display:block; width:100%; padding:2rem 2.5rem; text-align:left; background:rgba(255, 255, 255, .6); backdrop-filter:blur(14px); border-radius:.625rem; border:1px solid rgba(234, 234, 234, .7); box-sizing:border-box; }
	.locationTab>li>button span { display:block; position:relative; font-size:1.875rem; font-weight:600; color:#0a152d; }
	.locationTab>li>button span::after { content:''; position:absolute; top:0; right:0; width:1.375rem; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(10, 21, 45)' d='M21.237,1.412 L11.000,11.650 L0.763,1.412 L1.616,0.559 L11.000,9.943 L20.384,0.559 L21.237,1.412 Z'/%3E%3C/svg%3E") no-repeat center / contain; transition:all .3s; }
	.locationTab>li>button.active { border-bottom:none; border-radius:.625rem .625rem 0 0; }	
	.locationTab>li>button.active span::after { transform:rotate(180deg); }
	.locationTab>li>div { display:none; position:absolute; top:100%; left:0; width:100%; padding:1.5rem 0; border-radius:0 0 .625rem .625rem; }
	.locationTab>li>div>ul { display:block; }
	.locationTab>li>div>ul>li>a { height:auto; padding:1.25rem 2.5rem; font-size:1.875rem; justify-content:flex-start; }
	.locationTab>li>div>ul>li>a span { display:block; padding:0; }
	.locationTab>li>div>ul>li>a.active span::after { display:none; }
	/* pageTop */
	.pageTopWrap { display:flex; align-items:center; justify-content:center; height:62rem; }
	.pageTopWrap .titArea { position:relative; padding-top:16.25rem; }
	.pageTopWrap .pageTit { font-size:4.625rem; }
	.pageTopWrap .pageTxt { margin:1.75rem  auto 0; font-size:1.875rem; }
	.pageTopGroup .menuBg { position:static; width:100%; }
	.pageTopGroup .scrollDown { display:none; }
	/* layout */
	.defaultLayout { padding:12.5rem 6.3888%; }
	/* nodata */
	.noData { padding:12rem 2rem; }
	.noData p { padding-top:11.875rem; background-size:9.375rem auto; }
	/* btn */
	.btnStyle { margin-top:5rem; }
	.btnStyle a,
	.btnStyle button { width:16.25rem; padding:1.25rem 0; font-size:1.625rem; }
	.btnStyle.arrow a { padding:1.25rem 2.75rem; }
	.btnStyle.arrow a span { background-image:url(../images/sub/btn_icon_arrow_mo.png); background-size:1.125rem; }
	.btnStyle.arrow a:focus span,
	.btnStyle.arrow a:hover span { background-image:url(../images/sub/btn_icon_arrow_mo_on.png); }	
	.btnStyle.list a span { padding-left:2.25rem; background-image:url(../images/sub/btn_icon_list_mo.png); background-size:1.5rem auto; }
	.btnStyle.list a:focus span,
	.btnStyle.list a:hover span { background-image:url(../images/sub/btn_icon_list_mo_on.png); }
}
@media screen and (max-width:720px) { 		
	.pageTopWrap .pageTxt br { display:block; }
}
@keyframes scrollAni { 
    0% { top:6px; }
    100% { top:20px; opacity:0; }
}

/* about */
.aboutLayout { position:relative; }
.aboutWrap .navSection { padding:20rem 3% 0; }
.aboutWrap .inner { max-width:1440px; margin:0 auto; }
.aboutWrap .sectionTit { letter-spacing:-.025em; word-break:keep-all; }
.aboutWrap .sectionTit h3 { font-size:5rem; }
.aboutWrap .sectionTit .sTit { margin-bottom:2.4rem; font-size:3rem; font-weight:500; color:#0b46ae; }
.aboutWrap .sectionTit .txt { margin-top:.5rem; font-size:2rem; line-height:1.6; }
.aboutWrap .sectionTit .txt b { font-weight:500; }
/* 어바웃 */
#conAbout { padding:0; }
.aboutMain { overflow:hidden; display:flex; flex-direction:column; justify-content:center; position:relative; padding:28rem 3%; text-align:center; letter-spacing:-.025em; word-break:keep-all; box-sizing:border-box; }
.aboutMain .mainTit h3 { font-size:5rem; }
.aboutMain .mainTit .sTit { margin-bottom:1em; font-size:3rem; }
.aboutMain .mainTit br { display:none; }
.aboutMain .mainbg { position:absolute; left:50%; top:50%; width:30rem; height:30rem; border-radius:50%; transform:translate(-50%, -50%); border:1px solid rgba(0, 0, 0, .1); box-sizing:border-box; }
.aboutIntro { padding:20rem 3%; background:#f7f7f7; }
.aboutIntro .introTit { letter-spacing:-.025em; word-break:keep-all; }
.aboutIntro .introTit h4 { margin-bottom:1em; font-size:5rem; }
.aboutIntro .introTit p { margin-top:1em; font-size:2.6rem; line-height:1.4; }
.aboutIntro .introTit p b { font-weight:500; }
.aboutIntro .introCon { display:flex; gap:2.7777%; margin-top:10.8rem; }
.aboutIntro .introCon .item { flex:1; }
.aboutIntro .introCon .item.box1 { padding-top:6.8rem; }
.aboutIntro .introCon .item.box3 { padding-top:11.4rem; }
.aboutIntro .introCon .item dl { padding:6rem 4.1666%; padding-top:12rem; color:#2b4b8d; letter-spacing:-.025em; text-align:center; word-break:keep-all; background:rgba(231, 236, 242, .8); border-radius:1em; }
.aboutIntro .introCon .item dl dt span { display:block; margin-top:7.4rem; font-size:2.3rem; font-weight:700; }
.aboutIntro .introCon .item dl dt i { display:block; background:no-repeat center / contain; }
.aboutIntro .introCon .item.box1 dl dt i { height:17.2rem; background-image:url(../images/sub/icon_intro_box1.gif); }
.aboutIntro .introCon .item.box2 dl dt i { height:17.6rem; background-image:url(../images/sub/icon_intro_box2.gif); }
.aboutIntro .introCon .item.box3 dl dt i { height:15.2rem; background-image:url(../images/sub/icon_intro_box3.gif); }
.aboutIntro .introCon .item dl dd { margin-top:1.8rem; font-size:1.8rem; font-weight:300; line-height:1.4; }
/* 사업영역 */
#conBiz { padding:0; background:url(../images/sub/bg_about_biz.png) no-repeat center / cover; }
.aboutBiz { padding:20rem 3%; }
.aboutBiz .inner { display:flex; align-items:flex-start; justify-content:space-between; }
.aboutBiz .sectionTit { color:#fff; }
.aboutBiz .sectionTit .sTit { color:#fff; }
.aboutBiz .bizCon { width:59.7222%; }
.aboutBiz .bizSwiper .swiper-wrapper { display:flex; flex-wrap:wrap; justify-content:space-between; }
.aboutBiz .bizSwiper .swiper-slide { width:46.5116%; }
.aboutBiz .bizSwiper .swiper-slide:nth-child(2) { margin-top:30rem; }
.aboutBiz .bizSwiper .swiper-slide:nth-child(3) { margin-top:-22rem; }
.aboutBiz .bizSwiper .swiper-slide:nth-child(4) { margin-top:9rem; }
.aboutBiz .bizSwiper .swiper-slide dl { overflow:hidden; position:relative; padding:6rem 15%; padding-top:7rem; color:#ffffff; letter-spacing:-.025em; word-break:keep-all; background:rgba(255, 255, 255, .05); backdrop-filter:blur(18px); border-radius:1em; transition:.5s; }
.aboutBiz .bizSwiper .swiper-slide dl::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(90deg,rgba(0, 47, 106, 1) 0%, rgba(0, 26, 57, 1) 100%); transition:.5s; opacity:0; }
.aboutBiz .bizSwiper .swiper-slide.active dl::before { opacity:1; }
.aboutBiz .bizSwiper .swiper-slide dl dt { position:relative; }
.aboutBiz .bizSwiper .swiper-slide dl dt span { display:block; margin-top:12rem; font-size:2.6rem; font-weight:700; color:#afcdff; }
.aboutBiz .bizSwiper .swiper-slide.active dl dt span { color:#fff; }
.aboutBiz .bizSwiper .swiper-slide dl dt i { display:block; width:4.8rem; height:4.8rem; margin-left:auto; background:no-repeat center / contain; }
.aboutBiz .bizSwiper .swiper-slide.box1 dl dt i { background-image:url(../images/sub/icon_biz_box1.png); }
.aboutBiz .bizSwiper .swiper-slide.box2 dl dt i { background-image:url(../images/sub/icon_biz_box2.png); }
.aboutBiz .bizSwiper .swiper-slide.box3 dl dt i { background-image:url(../images/sub/icon_biz_box3.png); }
.aboutBiz .bizSwiper .swiper-slide.box4 dl dt i { background-image:url(../images/sub/icon_biz_box4.png); }
.aboutBiz .bizSwiper .swiper-slide dl dd { position:relative; margin-top:1.8rem; font-size:1.8rem; font-weight:300; line-height:1.4; }
.aboutBiz .bizCtrl { display:none; }
/* 연혁 */
.tabContent { display:none; }
.aboutHist .histCon { padding-top:20rem; }
.aboutHist .histBox { display:flex; align-items:flex-start; }
.aboutHist .histCon .tabBtnToggle { width:38.8888%; }
.aboutHist .histCon .tabBtnToggle .moTabBtn { display:none; }
.aboutHist .histCon .tabBtn li { margin-top:3rem; }
.aboutHist .histCon .tabBtn li:first-child { margin-top:0; }
.aboutHist .histCon .tabBtn li a { display:block; font-family:'NotoSerif'; font-size:5rem; color:rgba(14, 47, 105, .5); letter-spacing:-.025em; transition:color .2s; }
.aboutHist .histCon .tabBtn li a.active { font-size:6rem; color:#0e2f69; }
.aboutHist .histCon .tabContentArea { position:relative; width:61.1112%; padding:4rem 0 9rem 13.4724%; box-sizing:border-box; }
.aboutHist .histCon .history>li { margin-top:10rem; letter-spacing:-.025em; word-break:keep-all; }
.aboutHist .histCon .history>li:first-child { margin-top:0; }
.aboutHist .histCon .history>li .year { font-family:'NotoSerif'; font-size:4rem; }
.aboutHist .histCon .history>li .list>li { position:relative; padding-left:2.2rem; }
.aboutHist .histCon .history>li .list>li:before { content:''; position:absolute; top:1.1rem; left:0; width:.7rem; height:.7rem; border:2px solid #000; border-radius:50%; box-sizing:border-box; }
.aboutHist .histCon .history>li .list>li strong { display:block; margin-top:2.6rem; font-size:2.3rem; font-weight:500; }
.aboutHist .histCon .history>li .list>li span { display:block; margin-top:1rem; font-size:1.8rem; font-weight:300; }
.aboutHist .histCon .progress { position:absolute; top:0; left:0; width:1px; height:100%; background:#cccccc; }
.aboutHist .histCon .progress>span { display:block; position:absolute; top:0; left:50%; width:3px; margin-left:-1px; background:#0e2f69; }
.aboutHist .histCon .progress>span i { position:absolute; left:50%; bottom:-2.2rem; width:4.4rem; height:4.4rem; background:rgba(86, 126, 197, .5); border-radius:50%; box-sizing:border-box; transform:translateX(-50%); }
.aboutHist .histCon .progress>span i::before { content:''; position:absolute; top:50%; left:50%; width:2.8rem; height:2.8rem; background:rgba(86, 126, 197, .5); border-radius:50%; box-sizing:border-box; transform:translate(-50%, -50%); }
.aboutHist .histCon .progress>span i::after { content:''; position:absolute; top:50%; left:50%; width:1rem; height:1rem; background:#0e2f69; border-radius:50%; box-sizing:border-box; transform:translate(-50%, -50%); z-index:1; }
/* 조직도 */
#conOrg { padding-top:23rem; }
.aboutOrg .orgCon { margin-top:10rem; padding:13.8rem 3%; background:#f7f9fc; border-radius:1.25em; }
.aboutOrg .orgCon .chart { max-width:1056px; margin:0 auto; }
/* 찾아오시는 길 */
#conMap { padding-bottom:20rem; }
.aboutMap .mapCon { display:flex; justify-content:space-between; margin-top:10rem; }
.aboutMap .mapCon .mapNav { display:flex; flex-direction:column; gap:1.5rem; width:30.4166%; padding:2.0833%; background:#f8f9fd; border-radius:1rem; box-sizing:border-box; }
.aboutMap .mapCon .mapNavItem { padding:6.3492% 7.9365%; background:#fff; border:1px solid transparent; border-radius:1rem; box-sizing:border-box; transition:.2s; cursor:pointer; }
.aboutMap .mapCon .mapNavItem.active { border-color:#0b46ae; }
.aboutMap .mapCon .mapNavItem dl { letter-spacing:-.025em; }
.aboutMap .mapCon .mapNavItem dl dt span { display:inline-block; padding-left:2.6rem; font-size:2rem; font-weight:500; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M8.000,0.075 C4.127,0.075 0.624,3.110 0.624,7.803 C0.624,10.932 3.085,14.637 8.000,18.925 C12.914,14.637 15.376,10.932 15.376,7.803 C15.376,3.110 11.872,0.075 8.000,0.075 ZM8.000,9.500 C6.986,9.500 6.156,8.652 6.156,7.615 C6.156,6.578 6.986,5.730 8.000,5.730 C9.014,5.730 9.844,6.578 9.844,7.615 C9.844,8.652 9.014,9.500 8.000,9.500 Z'/%3E%3C/svg%3E") no-repeat left center / 1.6rem auto; }
.aboutMap .mapCon .mapNavItem.active dl dt span { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(11, 70, 174)' d='M8.000,0.075 C4.127,0.075 0.624,3.110 0.624,7.803 C0.624,10.932 3.085,14.637 8.000,18.925 C12.914,14.637 15.376,10.932 15.376,7.803 C15.376,3.110 11.872,0.075 8.000,0.075 ZM8.000,9.500 C6.986,9.500 6.156,8.652 6.156,7.615 C6.156,6.578 6.986,5.730 8.000,5.730 C9.014,5.730 9.844,6.578 9.844,7.615 C9.844,8.652 9.014,9.500 8.000,9.500 Z'/%3E%3C/svg%3E"); }
.aboutMap .mapCon .mapNavItem dl dd { margin-top:2rem; padding-top:2rem; border-top:1px solid rgba(0, 0, 0, .1); }
.aboutMap .mapCon .mapNavItem dl dd ul li { display:flex; margin-top:1.6rem; line-height:1.4; }
.aboutMap .mapCon .mapNavItem dl dd ul li:first-child { margin-top:0; }
.aboutMap .mapCon .mapNavItem dl dd ul li span { flex-shrink:0; width:5rem; font-weight:500; }
.aboutMap .mapCon .mapNavItem dl dd ul li em { flex-grow:1; word-break:keep-all; font-weight:300; }
.aboutMap .mapCon .mapBox { overflow:hidden; width:68.0555%; border-radius:1rem; }
.aboutMap .mapCon #mapView { height:100%; }
.aboutMap .mapCon .mapOverlay { position:absolute; left:50%; bottom:0; padding-bottom:1.7rem; text-align:left; transform:translateX(-50%); box-sizing:border-box; }
.aboutMap .mapCon .mapOverlay::after { content:''; position:absolute; bottom:0; left:50%; width:0; height:0; margin-left:-1rem; border-style:solid; border-width:1.8rem 1rem 0px 1rem; border-color:#ffffff transparent transparent transparent; }
.aboutMap .mapCon .mapOverlay .infoBox { overflow:hidden; background-color:#fff; border-radius:1rem; box-shadow:0 2px 20px 0px rgba(0, 0, 0, 0.15); }
.aboutMap .mapCon .mapOverlay .title { position:relative; padding:1.4rem 2.6rem; background:#0b46ae; color:#fff; font-weight:700; font-size:1.7rem; }
.aboutMap .mapCon .mapOverlay .info { padding:2.6rem; letter-spacing:-.025em; color:#020202; line-height:1.5; }
.aboutMap .mapCon .mapOverlay .info .address { padding-left:2.4rem; background:url(../images/sub/icon_map_address.png) no-repeat top .4rem left / 1.2rem auto; }
@media screen and (max-width:1024px) { 
	/* about */
	.aboutWrap .navSection { padding:12.5rem 13.6111% 0; }
	.aboutWrap .sectionTit h3 { font-size:3.125rem; }
	.aboutWrap .sectionTit .sTit { margin-bottom:1rem; font-size:1.875rem; }
	.aboutWrap .sectionTit .txt { margin-top:1.25rem; font-size:1.625rem; }
	/* 어바웃 */
	.aboutMain { height:auto; padding:12.5rem 13.6111%; }
	.aboutMain .mainTit h3 { font-size:3.125rem; line-height:1.5; }
	.aboutMain .mainTit .sTit { font-size:1.875rem; line-height:1.5; }
	.aboutMain .mainTit br { display:block; }
	.aboutIntro { padding:12.5rem 13.6111%; }
	.aboutIntro .introTit h4 { margin-bottom:2.5rem; font-size:3.125rem; }
	.aboutIntro .introTit p { margin-top:2rem; font-size:1.625rem; }
	.aboutIntro .introCon { flex-direction:column; gap:1.625rem; margin-top:5rem; }
	.aboutIntro .introCon .item.box1,
	.aboutIntro .introCon .item.box3 { padding:0; }
	.aboutIntro .introCon .item dl { padding:3.75rem 10.68702%; border-radius:1rem; }
	.aboutIntro .introCon .item dl dt span { margin-top:2.75rem; font-size:2rem; }
	.aboutIntro .introCon .item.box1 dl dt i { height:11.25rem; }
	.aboutIntro .introCon .item.box2 dl dt i { height:10.5rem; }
	.aboutIntro .introCon .item.box3 dl dt i { height:9.25rem; }
	.aboutIntro .introCon .item dl dd { margin-top:1.5rem; font-size:1.625rem; }
	.aboutIntro .introCon .item dl dd br { display:none; }
	/* 사업영역 */
	#conBiz { background-image:url(../images/sub/bg_about_biz_mo.png); }
	.aboutBiz { padding:12.5rem 0; }
	.aboutBiz .inner { display:block; }
	.aboutBiz .sectionTit { padding:0 13.6111%; }
	.aboutBiz .bizCon { width:100%; margin-top:5rem; padding-left:13.6111%; box-sizing:border-box; }
	.aboutBiz .bizSwiper .swiper-wrapper { flex-wrap:nowrap; }
	.aboutBiz .bizSwiper .swiper-slide { width:100%; }
	.aboutBiz .bizSwiper .swiper-slide:nth-child(2),
	.aboutBiz .bizSwiper .swiper-slide:nth-child(3),
	.aboutBiz .bizSwiper .swiper-slide:nth-child(4) { margin-top:0; }
	.aboutBiz .bizSwiper .swiper-slide dl { padding:3.5rem 10.68702%; border-radius:1rem; }
	.aboutBiz .bizSwiper .swiper-slide.swiper-slide-active dl::before { opacity:1; }
	.aboutBiz .bizSwiper .swiper-slide dl dt span { font-size:2rem; }
	.aboutBiz .bizSwiper .swiper-slide.swiper-slide-active dl dt span { color:#fff; }
	.aboutBiz .bizSwiper .swiper-slide dl dt i { width:4.75rem; height:4.75rem; }
	.aboutBiz .bizSwiper .swiper-slide dl dd { margin-top:2rem; font-size:1.75rem; }
	.aboutBiz .bizSwiper .swiper-slide dl dd br { display:none; }
	.aboutBiz .bizCtrl { display:block; position:relative; margin-top:3.75rem; padding-right:15.7556%; box-sizing:border-box; }
	.aboutBiz .bizCtrl .pagination { position:relative; height:1px; background:#cccccc; }
	.aboutBiz .bizCtrl .pagination .swiper-pagination-progressbar-fill { top:auto; bottom:0; height:2px; background:#fff; }
	/* 연혁 */
	.aboutHist .histCon { margin-top:5rem; padding:0; }
	.aboutHist .histBox { display:block; }
	.aboutHist .histCon .tabBtnToggle { position:relative; width:100%; }
	.aboutHist .histCon .tabBtnToggle .moTabBtn { display:block; width:100%; padding:.75rem 3.25rem; padding-right:1.125rem; text-align:left; border:1px solid #a5acbd; box-sizing:border-box; border-radius:5em; transition:.2s; }
	.aboutHist .histCon .tabBtnToggle .moTabBtn span { display:block; position:relative; font-size:2.25rem; letter-spacing:-.025em; color:#0e2f69; line-height:3.625rem; }
	.aboutHist .histCon .tabBtnToggle .moTabBtn span::after { content:''; position:absolute; top:0; right:0; width:3.625rem; height:3.625rem; background:#edeef2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(14, 47, 105)' d='M17.076,1.626 L16.295,0.843 L8.877,8.167 L1.475,0.843 L0.677,1.626 L8.877,9.721 L17.076,1.626 Z'/%3E%3C/svg%3E") no-repeat center / 1.125rem auto; border-radius:50%; transition:.2s; }
	.aboutHist .histCon .tabBtnToggle .moTabBtn.active { background:#edeef2; }
	.aboutHist .histCon .tabBtnToggle .moTabBtn.active span::after { transform:rotate(180deg); }
	.aboutHist .histCon .tabBtnToggle div { display:none; position:absolute; top:6.25rem; left:0; width:100%; padding:1.25rem 11.4503%; background:#fff; border:1px solid #a5acbd; border-radius:1.25rem; box-sizing:border-box; box-shadow:0 2px 14px rgba(0, 0, 0, .07); z-index:2; }
	.aboutHist .histCon .tabBtn li { margin:0; border-top:1px solid rgba(165, 172, 189, .5); }
	.aboutHist .histCon .tabBtn li:first-child { border-top:none; }
	.aboutHist .histCon .tabBtn li a { padding:.75rem 0; font-family:'Pretendard'; font-size:2.25rem; }
	.aboutHist .histCon .tabBtn li a.active { font-size:2.25rem; }
	.aboutHist .histCon .tabContentArea { width:100%; margin-top:5rem; padding:0; padding-left:12.97709%; }
	.aboutHist .histCon .history { padding:0; }
	.aboutHist .histCon .history>li { margin-top:6.25rem; }
	.aboutHist .histCon .history>li .year { font-size:2.5rem; }
	.aboutHist .histCon .history>li .list>li { padding-left:1.625rem; }
	.aboutHist .histCon .history>li .list>li:before { top:.75rem; width:.5rem; height:.5rem; border-width:1px; }
	.aboutHist .histCon .history>li .list>li strong { margin-top:1.75rem; font-size:1.875rem; }
	.aboutHist .histCon .history>li .list>li span { margin-top:.5rem; font-size:1.625rem; }
	.aboutHist .histCon .progress { left:1.25rem; }
	.aboutHist .histCon .progress>span { width:1px; margin:0; }
	.aboutHist .histCon .progress>span i { bottom:-1.125rem; width:2.25rem; height:2.25rem; }
	.aboutHist .histCon .progress>span i::before { width:1.5rem; height:1.5rem; }
	.aboutHist .histCon .progress>span i::after { width:.5rem; height:.5rem; }
	/* 조직도 */
	#conOrg { padding:12.5rem 6.3888% 0; padding-top:13.75rem; }
	.aboutOrg .sectionTit { padding:0 8.2802%; }
	.aboutOrg .orgCon { margin-top:5rem; padding:5rem 12.7388%; border-radius:1rem; }
	/* 찾아오시는 길 */
	#conMap { padding-bottom:12.5rem; }
	.aboutMap .mapCon { margin-top:5rem; flex-direction:column; gap:1.875rem; }
	.aboutMap .mapCon .mapNav { width:100%; padding:1.875rem; }
	.aboutMap .mapCon .mapNavItem { padding:2.75rem 1.875rem; }
	.aboutMap .mapCon .mapNavItem dl dt span { padding-left:1em; font-size:1.75rem; background-size:1rem auto; }
	.aboutMap .mapCon .mapNavItem dl dd { margin-top:1rem; padding-top:1rem; }
	.aboutMap .mapCon .mapNavItem dl dd ul li { margin-top:.5rem; font-size:1.625rem; }
	.aboutMap .mapCon .mapNavItem dl dd ul li span { width:5.25rem; }
	.aboutMap .mapCon .mapBox { width:100%; }
	.aboutMap .mapCon #mapView { height:41.25rem; }
	.aboutMap .mapCon .mapOverlay { width:23.75rem; padding-bottom:1.375rem; }
	.aboutMap .mapCon .mapOverlay::after { margin-left:-1.375rem; border-width:1.5rem 1.375rem 0px 1.375rem; }
	.aboutMap .mapCon .mapOverlay .infoBox { border-radius:.5rem; }
	.aboutMap .mapCon .mapOverlay .title { padding:1rem 1.5rem; font-size:1.625rem; }
	.aboutMap .mapCon .mapOverlay .info { padding:1.75rem 1.5rem; font-size:1.5rem; }
	.aboutMap .mapCon .mapOverlay .info .address { padding-left:1.875rem; background-size:1rem auto; white-space:pre-line; word-break:keep-all; }
}

/* product */
.productInfo { display:flex; align-items:flex-end; margin-bottom:18rem; }
.productInfo .txtArea { flex-grow:1; letter-spacing:-.025em; word-break:keep-all; }
.productInfo h3 span { display:block; font-size:2.8rem; font-weight:400; }
.productInfo h3 strong { display:block; margin-top:1rem; font-size:5rem; }
.productInfo .txt { margin-top:4.4rem; font-size:2.3rem; font-weight:300; line-height:1.5; }
.productInfo .marker { flex-shrink:0; margin-bottom:.8rem; }
/* product list */
.productList { display:flex; flex-wrap:wrap; gap:10rem 0; margin:0 -2.1rem; }
.productList li { width:33.33%; padding:0 2.1rem; box-sizing:border-box; }
.productList li a { display:block; position:relative; padding:2rem; padding-bottom:15.4867%; background:#f9f9f9; border:1px solid #dbdbdb; border-radius:.625em; box-sizing:border-box; }
.productList li strong { overflow:hidden; display:block; margin-top:3rem; padding:0 1rem; font-size:2.8rem; font-weight:700; letter-spacing:-.025em; text-align:center; white-space:nowrap; text-overflow:ellipsis; }
.productList li .img { overflow:hidden; display:block; width:100%; height:15.3125vw; max-height:29.4rem; text-align:center; }
.productList li .img img { height:100%; object-fit:contain; }
.productList li .more { display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(10, 27, 57, .9); backdrop-filter:blur(14px); border-radius:.625em; box-sizing:border-box; transition:.3s ease-out; opacity:0; z-index:1; }
.productList li a:focus .more,
.productList li a:hover .more { opacity:1; }
.productList li .more::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid transparent; border-radius:.625em; box-sizing:border-box; transition:.3s ease-out; }
.productList li a:focus .more::before,
.productList li a:hover .more::before { border-color:var(--point); transform:translate(-10px, -10px); }
.productList li .more b { display:inline-block; margin-right:1.8rem; font-size:2.5rem; font-weight:400; color:#fff; letter-spacing:-.025em; }
.productList li .more i { display:inline-block; position:relative; width:4px; height:4px; margin:0 10px; background-color:#fff; animation:moredots 1s infinite linear alternate; animation-delay:0.5s; }
.productList li .more i::before,
.productList li .more i::after { content:''; display:inline-block; position:absolute; top:0; left:-10px; width:100%; height:100%; background-color:#fff; animation:moredots 1s infinite alternate; }
.productList li .more i::after { left:auto; right:-10px; animation:moredots 1s infinite alternate; animation-delay:1s; }
/* view */
.proViewWrap { max-width:1440px; margin:0 auto; padding-top:20rem; }
.productView .title { position:relative; padding-right:24rem; }
.productView .title .eng { display:block; font-size:2.8rem; letter-spacing:-.025em; }
.productView .title h3 { display:flex; align-items:flex-end; gap:5.4rem; margin-top:.5rem; }
.productView .title h3 strong { display:block; font-size:5rem; font-weight:700; letter-spacing:-.025em; }
.productView .title .marker { width:7.8rem; margin-bottom:1rem; }
.productView .btnStyle { position:absolute; top:4rem; right:0; margin:0; }
.productView .btnStyle a { border-color:#cacdd1; }
.modelViewer { overflow:hidden; position:relative; width:100%; height:85rem; margin-top:9rem; background:linear-gradient(90deg,rgba(186, 195, 201, 1) 0%, rgba(212, 220, 225, 1) 100%); box-sizing:border-box; }
.modelViewer #pModel { width:100%; height:100%; z-index:1; }
.modelViewer .pPoster { display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; }
.modelViewer .pPoster img { max-height:90%; object-fit:contain; }
.modelViewer .pLoad { display:flex; align-items:center; position:absolute; top:50%; left:50%; width:21rem; height:21rem; text-align:center; background:rgba(255, 255, 255, .8); backdrop-filter:blur(14px); box-shadow:10px 0 35px rgba(0, 0, 0, .09); border-radius:50%; box-sizing:border-box; transform:translate(-50%, -50%); cursor:pointer; z-index:6; }
.modelViewer .pLoad::after { content:''; position:absolute; top:1rem; left:1rem; width:19rem; height:19rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='197.5px' height='197.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(125, 145, 175)' stroke-width='1px' stroke-dasharray='8, 4' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M97.310,1.020 L99.676,1.020 C152.863,1.020 195.979,44.137 195.979,97.323 L195.979,99.690 C195.979,152.877 152.863,195.993 99.676,195.993 L97.310,195.993 C44.123,195.993 1.007,152.877 1.007,99.690 L1.007,97.323 C1.007,44.137 44.123,1.020 97.310,1.020 Z'/%3E%3C/svg%3E") no-repeat center / contain; border-radius:50%; box-sizing:border-box; z-index:1; }
.modelViewer .pLoad:hover::after { animation:lineRotate 20s linear infinite; transform-origin:center; }
.modelViewer .pLoad i { position:relative; display:block; width:12.2rem; height:5.2rem; margin:0 auto; background:url(../images/sub/btn_viewer_load.png) no-repeat center / contain; text-indent:-9999em; }
.modelViewer .indicator { display:flex; align-items:center; justify-content:center; position:absolute; top:5rem; right:5rem; z-index:1; }
.modelViewer .pInd { position:relative; width:12.2rem; height:5rem; border:1px solid #6a7a98; border-radius:50%; box-sizing:border-box; pointer-events:none; }
.modelViewer .pInd i { position:absolute; width:1.9rem; height:1.9rem; background:var(--point); border-radius:50%; transform:translate(-50%, -50%); }
.productDetail { display:flex; justify-content:space-between; margin-top:20rem; }
.productDetail .gallery { position:relative; width:44.4444%; height:33.8541vw; max-height:65rem; min-height:50rem; background:#f9f9f9; border:1px solid #dbdbdb; box-sizing:border-box; }
.proImgSwiper { height:100%; }
.proImgSwiper .swiper-slide .img { display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:2rem; padding-bottom:7rem; box-sizing:border-box; }
.proImgSwiper .swiper-slide .img img { max-height:100%; object-fit:contain; }
.proImgCtrl { position:absolute; bottom:5rem; left:5rem; z-index:1; }
.proImgCtrl .pagination { display:flex; gap:2.4rem; }
.proImgCtrl .pagination .swiper-pagination-bullet { width:1.2rem; height:1.2rem; margin:0; background:#1b4288; }
.proImgCtrl .pagination .swiper-pagination-bullet-active { background:#1b4288; }
.productDetail .detail { position:relative; width:50%; padding-right:5.5555%; box-sizing:border-box; }
.productDetail .detail h4 { letter-spacing:-.025em; }
.productDetail .detail h4 .eng { display:block; font-size:1.8rem; }
.productDetail .detail h4 strong { display:block; margin-top:1.2rem; font-size:3.8rem; font-weight:700; }
.productDetail .detail .spec { margin-top:3rem; }
.productDetail .detail .spec li { display:flex; padding:1.6rem 0; font-size:1.8rem; word-break:keep-all; line-height:1.5; border-top:1px solid rgba(38, 40, 40, .1); }
.productDetail .detail .spec li:first-child { border:none; }
.productDetail .detail .spec li span { flex-shrink:0; width:37.8125%; padding-right:7.8125%; color:#6d7380; box-sizing:border-box; }
.productDetail .detail .spec li b { flex-grow:1; font-weight:400; }
@media screen and (max-width:1024px) { 
	/* product */
	.productInfo { flex-direction:column; align-items:flex-start; margin-bottom:6.25rem; padding:0 8.2802%; }
	.productInfo h3 span { font-size:1.625rem; }
	.productInfo h3 strong { margin-top:.5rem; font-size:2.75rem; }
	.productInfo .txt { margin-top:3rem; font-size:1.75rem; }
	.productInfo .txt br { display:none; }
	.productInfo .marker { width:7.5rem; margin-top:4.75rem; margin-bottom:0; }
	/* product list */
	.productList { gap:6.25rem 0; padding:0 8.2802%; }
	.productList li { width:50%; }
	.productList li a { padding-bottom:9.5419%; border-radius:.5rem; }
	.productList li strong { margin-top:2rem; font-size:2rem; }
	.productList li .more { position:relative; width:21.5rem; margin:4rem auto 0; padding:1.25rem 0; text-align:center; background:none; border:1px solid #cacdd1; border-radius:4em; opacity:1; }
	.productList li .more::before { display:none; }
	.productList li .more b { margin-right:.75rem; font-size:1.625rem; color:#5e6774; }
	.productList li .more i { width:2px; height:2px; margin:0 6px; animation-name:moredotsCol; }
	.productList li .more i::before { left:-6px; animation-name:moredotsCol; }
	.productList li .more i::after { right:-6px; animation-name:moredotsCol; }
	/* view */
	.proViewWrap { padding:20rem 8.2802% 0; }
	.productView .title { padding:0; }
	.productView .title .eng { font-size:1.625rem; }
	.productView .title h3 { flex-direction:column; align-items:flex-start; gap:2.5rem; }
	.productView .title h3 strong { font-size:3rem; }
	.productView .title .marker { width:5rem; margin:0; }
	.productView .btnStyle { position:static; margin-top:5rem; }	
	.modelViewer { height:83.3333vw; margin-top:5rem; }
	.modelViewer .pLoad { width:15.5rem; height:15.5rem; }
	.modelViewer .pLoad::after { top:.5rem; left:.5rem; width:14.5rem; height:14.5rem; animation:lineRotate 20s linear infinite; transform-origin:center; }
	.modelViewer .pLoad i { width:8.75rem; height:3.75rem; }
	.modelViewer .indicator { display:none; }
	.productDetail { flex-direction:column-reverse; gap:3.75rem; margin-top:12.5rem; }
	.productDetail .gallery { width:100%; height:76.3888vw; max-height:none; min-height:auto; }
	.proImgSwiper .swiper-slide .img { padding-bottom:5rem; }
	.proImgCtrl { bottom:3rem; left:50%; transform:translateX(-50%); }
	.proImgCtrl .pagination { gap:1.25rem; }
	.proImgCtrl .pagination .swiper-pagination-bullet { width:.625rem; height:.625rem; }
	.productDetail .detail { width:100%; padding:0; }
	.productDetail .detail h4 .eng { font-size:1.625rem; }
	.productDetail .detail h4 strong { margin-top:.5rem; font-size:2.75rem; }
	.productDetail .detail .spec { margin-top:3.5rem; border:1px solid rgba(38, 40, 40, .1); border-width:1px 0; }
	.productDetail .detail .spec li { padding:1.25rem 0; font-size:1.75rem; line-height:1.4; }
	.productDetail .detail .spec li span { width:46.1538%; padding:0 5.3435%; }
	.productDetail .detail .spec li b { padding:0 5.3435%; }
}
@media screen and (max-width:720px) { 
	.productList { margin:0; }
	.productList li { width:100%; padding:0; }	
	.productList li .img { height:46.1111vw; max-height:none; }
}
@keyframes moredots { 
	0% { background-color:rgba(255, 255, 255, .3); }
	50% { background-color:rgba(255, 255, 255, .7); }
	100% { background-color:rgba(255, 255, 255, 1); }
}
@keyframes moredotsCol { 
	0% { background-color:rgba(94, 103, 116, .3); }
	50% { background-color:rgba(94, 103, 116, .7); }
	100% { background-color:rgba(94, 103, 116, 1); }
}
@keyframes lineRotate { 
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}

/* works */
.workList .item { overflow:hidden; position:relative; margin-top:18rem; }
.workList .item:first-child { margin-top:0; }
.workList .item .img { opacity:.3; position:absolute; top:0; left:0; width:100%; height:63rem; filter:grayscale(90%); background:no-repeat center / cover; transition:all .6s ease; z-index:1; }
.workList .item:nth-child(2n) .img { left:auto; right:0; }
.workList .item .img button { display:block; width:100%; height:100%; }
.workList .item .img img { width:100%; height:100%; }
.workList .item .img .more { display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(15, 21, 22, .7); backdrop-filter:blur(8px); box-sizing:border-box; transition:.3s ease-out; opacity:0; z-index:1; }
.workList .item .img button:hover .more { opacity:1; }
.workList .item .img .more b { display:inline-block; margin-right:1.8rem; font-size:2.5rem; font-weight:400; color:#fff; letter-spacing:-.025em; }
.workList .item .img .more i { display:inline-block; position:relative; width:4px; height:4px; margin:0 10px; background-color:#fff; animation:moredots 1s infinite linear alternate; animation-delay:0.5s; }
.workList .item .img .more i::before,
.workList .item .img .more i::after { content:''; display:inline-block; position:absolute; top:0; left:-10px; width:100%; height:100%; background-color:#fff; animation:moredots 1s infinite alternate; }
.workList .item .img .more i::after { left:auto; right:-10px; animation:moredots 1s infinite alternate; animation-delay:1s; }
.workList .item .imgMo { display:none; }
.workList .item .info { float:right; position:relative; width:39.5834%; height:100%; min-height:63rem; padding:6.6666%; padding-bottom:4.4444%; word-break:keep-all; letter-spacing:-.025em; color:#081023; z-index:1; box-sizing:border-box; }
.workList .item:nth-child(2n) .info { float:left; }
.workList .item .info::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border:1px solid #fff; transform:translateX(100%); transition:all .6s ease; }
.workList .item:nth-child(2n) .info::before { transform:translateX(-100%); }
.workList .item .split { overflow:hidden; }
.workList .item .split>p { transform:translateY(100px); opacity:0; transition:all .4s ease; }
.workList .item .tit { font-size:3.5rem; font-weight:700; color:var(--point); line-height:1.4; }
.workList .item .delivery { display:block; margin-top:4.2rem; font-size:1.8rem; }
.workList .item .model { display:block; margin-top:1rem; font-size:2.5rem; font-weight:700; }
.workList .item .txt { margin-top:1.6rem; font-size:1.8rem; font-weight:300; line-height:1.4; }
.workList .item .btnStyle { margin-top:11rem; text-align:left; }
.workList .item.active .img { width:60.4166%; opacity:1; filter:grayscale(0); transition-delay:.6s; }
.workList .item.active .info::before { transform:translateX(0); }
.workList .item.active .split>p { transform:translateY(0); opacity:1; transition:all .4s .4s ease; }
.workList .item.active .split:nth-child(1)>p { transition-delay:.45s; }
.workList .item.active .split:nth-child(2)>p { transition-delay:.5s; }
.workList .item.active .split:nth-child(3)>p { transition-delay:.55s; }
.workList .item.active .split:nth-child(4)>p { transition-delay:.6s; }
.pageNav { margin-top:10rem; }
.pageNav ul { display:flex; justify-content:center; align-items:center; }
.pageNav ul li { margin:0 2rem; font-size:2rem; }
.pageNav ul li a,
.pageNav ul li strong { display:block; line-height:3.4rem; }
.pageNav ul li span { display:block; width:3.4rem; font-weight:400; color:#929292; text-align:center; border-radius:.4rem; }
.pageNav ul li strong span { color:#fff; background:#1b4288; }
.pageNav ul li.pageBtn { margin:0 2.4rem; }
.pageNav ul li.pageBtn a { width:3.4rem; background:url(../images/sub/btn_board_prev.png) no-repeat center / 1.5rem; text-indent:-9999em; }
.pageNav ul li.pageBtn.next a { transform:scaleX(-1); }
@media screen and (max-width:1024px) { 
	.workList { padding:0 8.2802%; }
	.workList .item { margin-top:6.25rem; }	
	.workList .item .img { display:none; }
	.workList .item .imgMo { display:block; width:100%; opacity:.3; filter:grayscale(90%); transition:all .4s ease; }
	.worksImgSwiper .swiper-slide { height:56.1111vw; text-align:center; }
	.worksImgSwiper .swiper-slide img { width:100%; height:100%; }	
	.worksImgCtrl { display:flex; justify-content:center; align-items:center; margin-top:2rem; }
	.worksImgCtrl button { display:block; width:2rem; height:2rem; margin:0 3.25rem; background:url(../images/sub/btn_img_zoom_prev_mo.png) no-repeat center / contain; text-indent:-9999em; }
	.worksImgCtrl button.next { transform:scaleX(-1); }
	.worksImgCtrl .swiper-button-disabled { display:none; }
	.worksImgCtrl .pagination { display:inline-flex; justify-content:center; gap:.2rem; width:auto; }
	.worksImgCtrl .pagination .swiper-pagination-bullet { position:relative; width:2rem; height:2rem; margin:0; background:none; border:1px solid transparent; box-sizing:border-box; transition:.2s; opacity:.3; }
	.worksImgCtrl .pagination .swiper-pagination-bullet::before { content:''; position:absolute; top:50%; left:50%; width:.5rem; height:.5rem; background:#1b4288; border-radius:50%; transform:translate(-50%, -50%); }
	.worksImgCtrl .pagination .swiper-pagination-bullet-active { border-color:#1b4288; opacity:1; }
	.workList .item .info { float:none !important; width:100%; min-height:auto; padding:0; }
	.workList .item .info::before { display:none; }
	.workList .item .tit { margin-top:4.25rem; font-size:2.5rem; line-height:1.3; }
	.workList .item .delivery { margin-top:2.75rem; font-size:1.625rem; }
	.workList .item .model { margin-top:.75rem; font-size:2rem; }
	.workList .item .txt { margin-top:1.25rem; font-size:1.75rem; line-height:1.5; }
	.workList .item .btnStyle { margin-top:5.25rem; }
	.workList .item .btnStyle a { width:17.5rem; border-color:#ced1d5; }		
	.workList .item.active .imgMo { opacity:1; filter:grayscale(0); }
	.workList .item.active .split:nth-child(1)>p { transition-delay:.1s; }
	.workList .item.active .split:nth-child(2)>p { transition-delay:.15s; }
	.workList .item.active .split:nth-child(3)>p { transition-delay:.2s; }
	.workList .item.active .split:nth-child(4)>p { transition-delay:.25s; }	
	.pageNav { margin-top:5rem; }
	.pageNav ul li { margin:0 .625rem; font-size:1.75rem; }
	.pageNav ul li a,
	.pageNav ul li strong { line-height:3.25rem; }
	.pageNav ul li span { width:3.25rem; }
	.pageNav ul li.pageBtn { margin:0 .625rem; }
	.pageNav ul li.pageBtn a { width:3.25rem; background-image:url(../images/sub/btn_board_prev_mo.png); background-size:1.25rem; }
}

/* contact */
.contactWrap { max-width:1050px; margin:0 auto; }
i.required { display:inline-block; width:1.1rem; height:1.1rem; margin:0 .6rem; font-style:normal; font-size:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11px' height='11px'%3E%3Ctext kerning='auto' font-family='Gulim' fill='rgb(0, 0, 0)' transform='matrix( 1.37838243574914, 0, 0, 1.37838243574915,0.71839133038623, 18.1990373805569)' font-size='18.137px'%3E%3Ctspan font-size='18.137px' font-family='Pretendard' fill='%230B46B1'%3E&%2342; %3C/tspan%3E%3C/text%3E%3C/svg%3E") no-repeat center / contain; } 
.formStyle dl { margin-top:4rem; }
.formStyle dl:first-child { margin-top:0; }
.formStyle .colgroup { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4rem 0; margin-top:4rem; }
.formStyle .colgroup dl { width:47.61904%; margin:0; }
.formStyle dl dt label,
.formStyle dl dt .label { font-size:2rem; font-weight:500; letter-spacing:-.025em; }
.formStyle dl dt .required { vertical-align:top; margin-top:-.2rem; }
.formStyle dl dd { margin-top:2.2rem; }
.formStyle input[type="text"],
.formStyle input[type="tel"],
.formStyle input[type="email"],
.formStyle input[type="number"] { width:100%; min-height:6rem; padding:0 3rem; letter-spacing:-.025em; border:1px solid #eaeaea; border-radius:.625em; box-sizing:border-box; }
.formStyle .editor textarea { width:100%; height:16.5rem; padding:2rem 3rem; resize:none; letter-spacing:-.025em; border:1px solid #eaeaea; border-radius:.625em; box-sizing:border-box; }
.formStyle input::placeholder,
.formStyle .editor textarea::placeholder { color:#5e6060; }
/* select */
.buttonSelect { position:relative; }
.buttonSelect .selBtn { display:block; width:100%; min-height:6rem; text-align:left; padding:0 3rem; background:#fff; border:1px solid #eaeaea; border-radius:.625em; box-sizing:border-box; }
.buttonSelect .selBtn.active { border-radius:.625em .625em 0 0; }
.buttonSelect .selBtn span { display:block; position:relative; color:#5e6060; letter-spacing:-.025em; }
.buttonSelect .selBtn.color span { color:#000; }
.buttonSelect .selBtn span::after { content:''; position:absolute; top:0; right:0; width:1.8rem; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(94, 96, 96)' d='M17.237,1.412 L9.853,8.797 L9.853,8.797 L9.000,9.650 L8.147,8.797 L8.147,8.797 L0.763,1.412 L1.616,0.559 L9.000,7.943 L16.384,0.559 L17.237,1.412 Z'/%3E%3C/svg%3E") no-repeat center / contain; transition:all .3s; }
.buttonSelect .selBtn.active span::after { transform:rotate(180deg); }
.buttonSelect .selOption { display:none; overflow:hidden; position:absolute; top:100%; left:0; width:100%; background:#f6f6f6; border:1px solid #eaeaea; border-top:none; border-radius:0 0 .625em .625em; box-sizing:border-box; }
.buttonSelect .selOption ul li { overflow:hidden; position:relative; }
.buttonSelect .selOption ul li input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999em; }
.buttonSelect .selOption ul li label { display:block; padding:1.2rem 3rem; cursor:pointer; transition:.2s; }
.buttonSelect .selOption ul li input:focus ~ label,
.buttonSelect .selOption ul li input:hover ~ label { background:#3a69bc; color:#fff; }
/* fileList */
ul.fileList li { overflow:hidden; position:relative; }
ul.fileList li .fileArea { position:relative; }
ul.fileList li .fileArea input[type="file"] { position:absolute; left:0; top:0; width:100%; height:6rem; opacity:0; }
ul.fileList li .fileArea span { display:block; }
ul.fileList li .fileArea span input { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:6rem; }
ul.fileList li label { display:block; position:absolute; top:50%; right:1rem; width:4.2rem; height:4.2rem; text-indent:-9999em; background:url(../images/sub/btn_file_attach.png) no-repeat center / 2.2rem auto; border:1px solid var(--point); border-radius:1.2rem; box-sizing:border-box; cursor:pointer; transform:translateY(-50%); }
ul.fileList li label span { margin-right:.4rem; }
/* agree */
.agreeArea { margin-top:4rem; }
.agreeCheck { overflow:hidden; position:relative; padding:1px; }
.agreeCheck input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.agreeCheck label { display:block; position:relative; padding-left:3.6rem; font-size:2rem; font-weight:500; color:#777; letter-spacing:-.025em; cursor:pointer; }
.agreeCheck label::before { content:''; display:block; position:absolute; top:.2rem; left:0; width:2.2rem; height:2.2rem; background:#fff no-repeat center / 1.2rem auto; border:1px solid #bdbdbd; border-radius:50%; box-sizing:border-box; transition:.2s; }
.agreeCheck input:checked ~ label::before { background-color:var(--point); background-image:url(../images/sub/icon_agree_check.png); border-color:var(--point); }
.agreeCheck label b { font-weight:500; color:#000; }
.agreeBox { margin-top:2.2rem; padding:2rem 3rem; background:#fff; border:1px solid #eaeaea; border-radius:.625em; box-sizing:border-box; }
.agreeBox .content { overflow-y:auto; max-height:17rem; font-weight:300; letter-spacing:-.025em; line-height:1.5; word-break:keep-all; color:#5e6060; }
.agreeBox .content::-webkit-scrollbar { width:3px; height:3px; }
.agreeBox .content::-webkit-scrollbar-thumb { background:#a9a9a9; border-radius:2rem; }
.agreeBox .content::-webkit-scrollbar-track { background:#f1f1f1; border-radius:2rem; } 
.agreeBox .content::-webkit-scrollbar-corner { background:#f1f1f1; } 
.agreeBox .content .tit { margin:1.2rem 0 .4rem; }
.agreeBox .content .tit:first-child { margin-top:0; }
.agreeBox .content .tit b { font-weight:400; }
.agreeBox .content .list { padding-left:1.2rem; }
.agreeBox .content .list li { position:relative; margin:.4rem 0; padding-left:1.4rem; }
.agreeBox .content .list li::before { content:'-'; position:absolute; top:0; left:0; }
/* complete */
.completeArea { word-break:keep-all; line-height:1.5; text-align:center; letter-spacing:-.025em; }
.completeArea h3 { position:relative; padding-top:13rem; font-size:2.5rem; font-weight:600; }
.completeArea h3::before { content:''; position:absolute; top:0; left:50%; width:9rem; height:9rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31px' height='23px'%3E%3Cpath fill-rule='evenodd' fill='rgb(11, 70, 174)' d='M10.481,22.948 L-0.012,12.513 L1.614,10.915 L10.481,19.734 L29.369,0.930 L30.995,2.547 L10.481,22.948 Z'/%3E%3C/svg%3E") no-repeat center / 3.1rem auto; border:1px solid var(--point); border-radius:50%; box-sizing:border-box; transform:translateX(-50%); }
.completeArea .txt { margin-top:1.4rem; font-size:2rem; text-align:center; }
@media screen and (max-width:1024px) { 	
	i.required { width:.875rem; height:.875rem; margin:0 .375rem; } 
	.formStyle dl,
	.formStyle .colgroup { margin-top:3.75rem; }
	.formStyle .colgroup { gap:3.75rem 0; }
	.formStyle .colgroup dl { width:100%; }
	.formStyle dl dt label,
	.formStyle dl dt .label { font-size:1.875rem; }
	.formStyle dl dt .required { margin-top:-.5rem; }
	.formStyle input[type="text"],
	.formStyle input[type="tel"],
	.formStyle input[type="email"],
	.formStyle input[type="number"] { padding:0 2rem; font-size:1.625rem; border-radius:.625rem; }
	.formStyle .editor textarea { height:15rem; padding:2.5rem 2rem; font-size:1.625rem; border-radius:.625rem; }
	/* select */
	.buttonSelect .selBtn { padding:0 2rem; border-radius:.625rem; }
	.buttonSelect .selBtn.active { border-radius:.625rem .625rem 0 0; }
	.buttonSelect .selBtn span { font-size:1.625rem; }
	.buttonSelect .selBtn span::after { width:1.375rem; }
	.buttonSelect .selOption { padding:.5rem 0; border-radius:0 0 .625rem .625rem; }
	.buttonSelect .selOption ul li label { padding:1.125rem 2rem; font-size:1.625rem; }
	/* fileList */
	ul.fileList li label { right:.75rem; width:4.5rem; height:4.5rem; background-image:url(../images/sub/btn_file_attach_mo.png); background-size:2.25rem auto; }
	/* agree */
	.agreeArea { margin-top:6.25rem; }
	.agreeCheck label { padding-left:3rem; font-size:1.875rem; }
	.agreeCheck label::before { top:.25rem; width:1.875rem; height:1.875rem; }
	.agreeCheck input:checked ~ label::before { background-image:url(../images/sub/icon_agree_check_mo.png); background-size:1rem auto; }
	.agreeBox { margin-top:1.25rem; padding:2.5rem 2rem; border-radius:.625rem; }
	.agreeBox .content { font-size:1.625rem; }
	.agreeBox .content::-webkit-scrollbar { width:2px; height:2px; }
	/* complete */
	.completeArea h3 { padding-top:11.75rem; }
	.completeArea h3::before { width:8rem; height:8rem; background-size:2.75rem auto; }
	.completeArea .txt { margin-top:2rem; font-size:1.75rem; }
}

/* privacy */
.privacyWrap { max-width:1280px; margin:0 auto; padding-top:20rem; letter-spacing:-.025em; word-break:keep-all; line-height:1.5; }
.privacyWrap h3 { margin-bottom:9rem; font-size:6.5rem; }
.privacyWrap h4 { margin:4.5rem 0 2rem; font-size:2.4rem; font-weight:500; }
.privacyWrap .box { padding:5rem; border:1px solid #888888; box-sizing:border-box; }
.privacyWrap .box>p { font-size:2rem; line-height:1.6; }
.privacyWrap .txt { margin:2rem 0; font-size:1.8rem; }
.privacyWrap .numList { counter-reset:numlist; margin:2rem 0; padding-left:2rem; }
.privacyWrap .numList>li { position:relative; margin:.5rem 0; padding-left:2rem; font-size:1.8rem; }
.privacyWrap .numList>li::before { counter-increment:numlist; content:counter(numlist)'.'; position:absolute; top:0; left:0; }
.privacyWrap .txtList>li { position:relative; margin:.5rem 0; padding-left:1.4rem; }
.privacyWrap .txtList>li::before { content:'-'; position:absolute; top:0; left:0; }
@media screen and (max-width:1024px) {
	.privacyWrap { padding-top:12.5rem; }
	.privacyWrap h3 { margin-bottom:5.625rem; font-size:4.625rem; }
	.privacyWrap h4 { margin:2.25rem 0 1.5rem; font-size:1.875rem; }
	.privacyWrap .box { padding:2rem; }
	.privacyWrap .box>p { font-size:1.625rem; line-height:1.5; }
	.privacyWrap .txt { margin:1.5rem 0; font-size:1.625rem; }
	.privacyWrap .numList { margin:1.5rem 0; padding-left:1.25rem; font-size:1.625rem; }
	.privacyWrap .numList>li { padding-left:1.75rem; font-size:1.625rem; }
	.privacyWrap .txtList>li { padding-left:1rem; }
}

/* popupWrap */
.popupWrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:0 2%; align-items:center; justify-content:center; box-sizing:border-box; z-index:60; }
.popupWrap.active { display:flex; }
.popupWrap .popInner { overflow-x:hidden; overflow-y:auto; position:relative; width:100%; min-width:300px; max-height:90%; background:#172c56; box-sizing:border-box; border-radius:1.25em; color:#fff; }
.popupWrap .popInner::-webkit-scrollbar { display:none; }
.btnPopClose { margin-top:3rem; text-align:center; }
.btnPopClose button { display:inline-block; overflow:hidden; position:relative; width:16rem; padding:1.6rem 0; font-size:1.8rem; letter-spacing:-.025em; background:rgba(255, 255, 255, .05); border:1px solid rgba(255, 255, 255, .3); box-sizing:border-box; border-radius:4em; transition:0.3s ease; }
.btnPopClose button:focus,
.btnPopClose button:hover { background:rgba(255, 255, 255, .1); }
.btnPopClose button span { position:relative; z-index:1; }
.btnPopClose.dismiss { position:absolute; top:4.2rem; right:4rem; margin:0; z-index:1; }
.btnPopClose.dismiss button { width:4rem; height:4rem; padding:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='17px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M16.985,2.136 L9.914,9.207 L16.278,15.571 L14.864,16.985 L8.500,10.621 L2.136,16.985 L0.722,15.571 L7.086,9.207 L0.015,2.136 L1.429,0.722 L8.500,7.793 L15.571,0.722 L16.985,2.136 Z'/%3E%3C/svg%3E") no-repeat center / 1.7rem; border:none; border-radius:0; }
.btnPopClose.dismiss button span { display:none; }
/* alert */
#alertPop .popInner { max-width:468px; padding:6rem 2rem; text-align:center; }
#alertPop .popTit { font-size:2.5rem; font-weight:700; letter-spacing:-.025em; }
#alertPop .popCont { margin-top:.8rem; }
#alertPop .popCont>p { font-size:2rem; word-break:keep-all; letter-spacing:-.025em; line-height:1.5; color:#dddddd; }
#alertPop .popCont .required { vertical-align:middle; width:.9rem; height:.9rem; margin-top:-.4rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9px' height='9px'%3E%3Ctext kerning='auto' font-family='Gulim' fill='rgb(0, 0, 0)' transform='matrix( 1.37838243574914, 0, 0, 1.37838243574915,0.51785314312076, 15.1845314507095)' font-size='15.235px'%3E%3Ctspan font-size='15.235px' font-family='Pretendard' fill='%2373A0F0'%3E&%2342; %3C/tspan%3E%3C/text%3E%3C/svg%3E"); }
/* img popup */
#imgZoomPop { background:rgba(0,0,0,.6); }
#imgZoomPop .popInner { max-width:920px; padding:5rem; background:#fff; border-radius:0; color:#000; }
#imgZoomPop .popTit { font-size:2rem; font-weight:700; letter-spacing:-.025em; }
#imgZoomPop .popCont { margin-top:4rem; }
#imgZoomPop .btnPopClose.dismiss button { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='17px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M16.985,2.136 L9.914,9.207 L16.278,15.571 L14.864,16.985 L8.500,10.621 L2.136,16.985 L0.722,15.571 L7.086,9.207 L0.015,2.136 L1.429,0.722 L8.500,7.793 L15.571,0.722 L16.985,2.136 Z'/%3E%3C/svg%3E"); }
.imgZoomSwiper .swiper-slide { text-align:center; }
.imgZoomCtrl { display:flex; justify-content:center; align-items:center; margin-top:4rem; }
.imgZoomCtrl button { display:block; width:2.6rem; height:2.6rem; margin:0 4.4rem; background:url(../images/sub/btn_img_zoom_prev.png) no-repeat center / contain; text-indent:-9999em; }
.imgZoomCtrl button.next { transform:scaleX(-1); }
.imgZoomCtrl .swiper-button-disabled { display:none; }
.imgZoomCtrl .pagination { display:inline-flex; justify-content:center; gap:.2rem; width:auto; }
.imgZoomCtrl .pagination .swiper-pagination-bullet { position:relative; width:2.6rem; height:2.6rem; margin:0; background:none; border:1px solid transparent; box-sizing:border-box; transition:.2s; opacity:.3; }
.imgZoomCtrl .pagination .swiper-pagination-bullet::before { content:''; position:absolute; top:50%; left:50%; width:.8rem; height:.8rem; background:#1b4288; border-radius:50%; transform:translate(-50%, -50%); }
.imgZoomCtrl .pagination .swiper-pagination-bullet-active { border-color:#1b4288; opacity:1; }
.imgZoomCtrl .pagination .swiper-pagination-bullet-active::before { background:#1b4288; }
/* complete */
#completePop { background:rgba(0,0,0,.6); }
#completePop .popInner { max-width:640px; padding:11.4rem 2rem; background:#fff; color:#000; }
#completePop .btnPopClose { margin-top:5rem; }
#completePop .btnPopClose button { width:24rem; color:#5e6774; background:#fff; border:1px solid #5e6774; transition:color 0.3s ease 0.3s; }
#completePop .btnPopClose button:focus,
#completePop .btnPopClose button:hover { color:#fff; }
#completePop .btnPopClose button::before { content:''; position:absolute; bottom:0; left:0; width:0; height:3px; background:var(--point); transition:width 0.4s ease; }
#completePop .btnPopClose button::after { content:''; position:absolute; inset:0; background:var(--point); transform:scaleY(0); transform-origin:bottom; transition:transform 0.4s ease-out 0.3s; }
#completePop .btnPopClose button:focus::before, 
#completePop .btnPopClose button:hover::before { width:100%; }
#completePop .btnPopClose button:focus::after, 
#completePop .btnPopClose button:hover::after { transform:scaleY(1); }
#completePop .btnPopClose button span { position:relative; z-index:1; }
@media screen and (max-width:1024px) { 
	.popupWrap { padding:0 8.3333%; }
	.popupWrap .popInner { border-radius:1.25rem; }
	.btnPopClose button { width:12.5rem; padding:1.375rem 0; font-size:1.75rem; }
	.btnPopClose.dismiss { top:2.125rem; right:2rem; }
	.btnPopClose.dismiss button { background-size:1.25rem; }
	/* alert */
	#alertPop .popInner { padding:4.25rem 3rem; }
	#alertPop .popCont { margin-top:1rem; }
	#alertPop .popCont>p { font-size:1.75rem; }
	#alertPop .popCont .required { width:.875rem; height:.875rem; margin-top:-.625rem; }
	/* complete */
	#completePop .popInner { padding:6.25rem 3rem; }
	#completePop .btnPopClose { margin-top:3.25rem; }
	#completePop .btnPopClose button { width:13.75rem; font-size:1.75rem; }
}

/* print */
@media print { 
	body { 
		width:210mm; 
		height:297mm; 
		margin:0; 
	} 
    .header,
    .footer,
    .subFunc { display:none; }
    #container { margin:0 auto; }
    #contentGroup { padding:0; }
    * { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}