@charset "utf-8";
/* LicenseNumber:ekdrh202511 */

/* for styles */
@import url("default.css");

/* color */
	.c_blue {color:#054477 !important;}

/* header */
	.header {position:fixed; top:0; left:0; width:100%; z-index:100; border-bottom:#FFFFFF26 1px solid; transition:.2s linear;}
	.header.main {border-bottom:0;}
	.header:before {content:""; position:absolute; top:0; left:0; width:100%; height:0; background:linear-gradient(#0009,#0000); opacity:0; transition:.2s linear;}
	.header .inner {position:relative; height:100px; max-width:1540px;}
	.header .logo {position:absolute; top:0; left:20px; height:inherit; font-size:0; display:flex; justify-content:center; align-items:center; z-index:10;}
	.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
	.header .gnb {display:flex; justify-content:flex-end; padding-right:80px;}
	.header .gnb .menu {position:relative;}
	.header .gnb .menu > a {display:block; font-size:18px; color:#fff; font-weight:500; line-height:100px; padding:0 50px;}
	.header .gnb .snb {position:absolute; top:100%; left:50%; width:190px; transform:translateX(-50%); background:#fff; padding:16px; display:none;}
	.header .gnb .snb a {display:block; font-size:16px; color:#111; line-height:40px; text-align:center;}
	.header .gnb .snb a.on {color:#054477; font-weight:600; background:#F8F8F8;}

	.header .btn_menu {position:absolute; top:50%; right:20px; width:36px; height:36px; margin-top:-18px; font-size:0; transition:.2s linear; z-index:10;}
	.header .btn_menu:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#fff3; border-radius:50%; transform:translate(-50%,-50%);}
	.header .btn_menu p {position:absolute; width:4px; height:4px; border-radius:50%; background:#fff; animation:headbtn 2s infinite; transition:.3s linear;}
	@keyframes headbtn {
		0% {transform:scale(1);}
		50% {transform:scale(1.8);}
		100% {transform:scale(1);}
	}
	.header .btn_menu .i1 {top:0; left:0; background:#4894D2;}
	.header .btn_menu .i2 {top:0; left:calc(50% - 2px); animation-delay:.1s;}
	.header .btn_menu .i3 {top:0; right:0; animation-delay:.2s;}
	.header .btn_menu .i4 {top:calc(50% - 2px); left:0; animation-delay:.3s;}
	.header .btn_menu .i5 {top:calc(50% - 2px); left:calc(50% - 2px); background:#4894D2; animation-delay:.4s;}
	.header .btn_menu .i6 {top:calc(50% - 2px); right:0; animation-delay:.5s;}
	.header .btn_menu .i7 {bottom:0; left:0; animation-delay:.6s;}
	.header .btn_menu .i8 {bottom:0; left:calc(50% - 2px); animation-delay:.7s;}
	.header .btn_menu .i9 {bottom:0; right:0; background:#4894D2; animation-delay:.8s;}
	.header.on .btn_menu {transform:rotate(135deg); transition-delay:1s;}
	.header.on .btn_menu:before {animation:hbtn_before 1s linear forwards;}
	@keyframes hbtn_before {
		0% {width:0; height:0; opacity:1;}
		60% {width:50px; height:50px; opacity:1;}
		100% {width:60px; height:60px; opacity:0;}
	}
	.header.on .btn_menu p {animation:none; background:#333 !important; transition-delay:.1s;}
	.header.fixed.on .btn_menu p,
	.header.main.on .btn_menu p {background:#222 !important;}
	.header.on .btn_menu .i1 {top:8px; left:calc(50% - 2px); opacity:0;}
	.header.on .btn_menu .i2 {top:5px; left:calc(50% - 1px); width:2px; height:12px;}
	.header.on .btn_menu .i3 {top:calc(50% - 1px); right:5px; width:12px; height:2px;}
	.header.on .btn_menu .i4 {top:calc(50% - 1px); left:5px; width:12px; height:2px;}
	.header.on .btn_menu .i5 {top:calc(50% - 1px); left:calc(50% - 1px); width:2px; height:2px;}
	.header.on .btn_menu .i6 {top:calc(50% - 1px); opacity:0;}
	.header.on .btn_menu .i7 {bottom:8px; left:calc(50% - 1px); opacity:0;}
	.header.on .btn_menu .i8 {bottom:5px; left:calc(50% - 1px); width:2px; height:12px;}
	.header.on .btn_menu .i9 {bottom:calc(50% - 1px); right:24px; opacity:0;}
	.header.on .logo {pointer-events:none;}

	.header .sitemap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:9; background:#fff url('/pub/images/bg_logo.svg') no-repeat 100% 100%; padding-left:32.5%; display:none;}
	.header .sitemap .img {position:absolute; top:0; left:0; width:32.5%; height:100%; background:url('/pub/images/bg_sitemap.png') no-repeat 50% 50% / cover;}
	.header .sitemap .manus {width:100%; height:100%; padding:180px 120px; display:flex; flex-direction:column; gap:130px;}
	.header .sitemap .menu {position:relative; padding-left:30px;} 
	.header .sitemap .menu:before {content:""; position:absolute; bottom:0; left:0; width:3px; height:100%; background:#F8F8F8;}
	.header .sitemap .menu + .menu:before {height:calc(100% + 130px);}
	.header .sitemap .menu > button,
	.header .sitemap .menu > a {position:relative; display:block; font-size:44px; color:#222; font-weight:700; line-height:1; margin-bottom:40px;}
	.header .sitemap .menu > button:before,
	.header .sitemap .menu > a:before {content:""; position:absolute; top:50%; left:-30px; width:3px; height:40px; background:#054477; transform:translateY(-50%); opacity:0; transition:.2s linear;}
	.header .sitemap .menu.on > * {color:#054477;}
	.header .sitemap .menu.on > *:before {opacity:1;}
	.header .sitemap .snb {display:flex; gap:10px 60px;}
	.header .sitemap .snb a {font-size:24px; color:#666; font-weight:600; line-height:24px;}
	.header .sitemap .snb a.on {color:#222; font-weight:600; text-decoration:underline;}
	.header .sitemap .link_privacy_policy {position:absolute; bottom:60px; right:136px; font-size:16px; color:#222; font-weight:600; line-height:20px; padding-left:26px; background:url('/pub/images/icon_privacy_policy.svg') no-repeat 0 50%;}
	
	.header.fixed:before {height:150%; opacity:1;}
/* footer */
	.footer {position:relative; border-top:#ddd 1px solid;}
	.footer .gotop {position:absolute; top:-32px; right:60px; width:64px; aspect-ratio:1/1; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#fff; box-shadow:#00000014 0 4px 20px; font-size:14px; color:#222; font-weight:600; line-height:1.5; text-align:center; border-radius:50%; z-index:5;}
	.footer .gotop:before {content:""; display:block; width:100%; height:6px; background:url('/pub/images/arrow_gotop.svg') no-repeat 50% 50% / contain; margin-bottom:5px;}
	.footer .fbanner_wrap .inner {position:relative; display:flex;}
	.footer .fbanner_wrap .tit {width:210px; height:80px; display:flex; align-items:center; gap:4px;}
	.footer .fbanner_wrap .tit strong {font-size:18px; color:#222; font-weight:600; padding-right:12px;}
	.footer .fbanner_wrap button {width:22px; height:22px; border:#ebebeb 1px solid; background:#fff no-repeat 50% 50%; font-size:0;}
	.footer .fbanner_wrap .arrow {background-image:url('/pub/images/arrow_slide.svg');}
	.footer .fbanner_wrap .next {transform:scaleX(-1);}
	.footer .fbanner_wrap .papl {display:none;}
	.footer .fbanner_wrap .papl.on {display:block;}
	.footer .fbanner_wrap .pause {background-image:url('/pub/images/icon_pause.svg');}
	.footer .fbanner_wrap .play {background-image:url('/pub/images/icon_play.svg'); background-size:10px;}
	.footer .fbanner_wrap .fbanner {width:calc(100% - 210px); overflow:hidden;}
	.footer .fbanner_wrap .fbanner .swiper-slide {height:80px; display:flex; justify-content:center; align-items:center;}
	.footer .finfo {background:#00172A; padding:48px 0 60px;}
	.footer .finfo .info {padding-left:250px; background:url('/pub/images/logo.svg') no-repeat 0 0; font-size:16px; color:#fff; line-height:1.5;}
	.footer .finfo .info ul {display:flex; gap:21px;}
	.footer .finfo .info ul + ul {margin-top:5px;}
	.footer .finfo .info li {position:relative;}
	.footer .finfo .info li + li:before {content:""; position:absolute; top:50%; left:-11px; width:1px; height:14px; background:#fff3; transform:translateY(-50%);}
	.footer .copy {font-size:14px; color:#fff9; line-height:20px; padding-top:24px; margin-top:24px; border-top:#ffffff26 1px solid;}

/* main */
	.mvisual_wrap {position:relative; overflow:hidden; width:100%;}
	.mvisual_wrap .inner {max-width:1540px;}
	.mvisual {width:100%;}
	.mvisual .swiper-slide {height:100vh;}
	.mvisual .swiper-slide > * {width:100%; height:100%; object-fit:cover;}
	.mvisual_wrap .mv_txt {position:absolute; bottom:180px; left:50%; width:100%; max-width:1540px; padding:0 20px; display:flex; flex-direction:column; color:#fff; z-index:1; transform:translateX(-50%);}
	.mvisual_wrap .mv_txt strong {display:block; font-size:100px; font-weight:400; line-height:1.2; padding-bottom:24px; margin-bottom:24px; border-bottom:#fff3 1px solid;}
	.mvisual_wrap .mv_txt p {font-size:24px; line-height:1.2;}
	.mvisual_wrap .navi {margin-top:60px; display:flex;}
	.mvisual_wrap .navi .paging {display:flex; align-items:center; gap:16px; width:auto; padding-right:20px;}
	.mvisual_wrap .navi .paging .swiper-pagination-bullet {width:6px; height:6px; background:#ffffff4d; border-radius:50%; transition:.2s linear; opacity:1; margin:0;}
	.mvisual_wrap .navi .paging .swiper-pagination-bullet-active {background:#fff;}
	.mvisual_wrap .navi button {width:22px; height:22px; background:#fff; mask:no-repeat 50% 50%; -webkit-mask:no-repeat 50% 50%; font-size:0;}
	.mvisual_wrap .navi .arrow {mask-image:url('/pub/images/arrow_slide.svg'); -webkit-mask-image:url('/pub/images/arrow_slide.svg');}
	.mvisual_wrap .navi .next {transform:scaleX(-1);}
	.mvisual_wrap .navi .papl {display:none;}
	.mvisual_wrap .navi .papl.on {display:block;}
	.mvisual_wrap .navi .pause {mask-image:url('/pub/images/icon_pause.svg'); -webkit-mask-image:url('/pub/images/icon_pause.svg');}
	.mvisual_wrap .navi .play {mask-image:url('/pub/images/icon_play.svg'); -webkit-mask-image:url('/pub/images/icon_play.svg'); mask-size:10px; -webkit-mask-size:10px;}
	.mcon {padding:160px 0; width:100%; overflow:hidden;}
	.mtit span {display:block; font-size:24px; color:#054477; line-height:1.5; letter-spacing:12px; margin-bottom:16px;}
	.mtit strong {display:block; font-size:54px; color:#222; line-height:1.5;}
	.btn_more {position:relative; display:inline-block; vertical-align:top; font-size:18px; color:#222; font-weight:600; line-height:40px; padding-right:50px;}
	.btn_more i {position:absolute; top:0; right:0; width:40px; height:40px; background:#fff; border:#ddd 1px solid; border-radius:50%; transition:.2s linear;}
	.btn_more i:before {content:""; display:block; width:100%; height:100%; background:#222; mask:url('/pub/images/arrow_btn_more.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_btn_more.svg') no-repeat 50% 50%; transition:.2s linear;}

	.mc01 {position:relative; background:#F8F8F8 url('/pub/images/img_mc01.svg') no-repeat 0 100%;}
	.mc01 .inner {display:flex; gap:100px;}
	.mc01 .mtit {width:820px;}
	.mc01 .btn_more {margin-top:60px;}
	.mc01 .count_area {width:680px; border-top:#222 2px solid;}
	.mc01 .count_area dl {padding:24px 0; border-bottom:#ddd 1px solid; line-height:1.5; background:no-repeat 100% 50%;}
	.mc01 .count_area dt {font-size:18px; color:#222; font-weight:500;}
	.mc01 .count_area dd {font-size:48px; color:#054477; font-weight:600; margin-top:10px; font-family:'Poppins';}
	.mc01 .count_area .i1 {background-image:url('/pub/images/icon_mc01_01.svg');}
	.mc01 .count_area .i2 {background-image:url('/pub/images/icon_mc01_02.svg');}
	.mc01 .count_area .i3 {background-image:url('/pub/images/icon_mc01_03.svg');}

	.mc02 {position:relative; height:calc(300vh + 534px);}
	.mc02 #end_mc02 {bottom:100vh;}
	.mc02 .mtit {text-align:center; transform:translateY(100px);}
	.mc02 .img_area {position:relative; height:100vh; display:flex; justify-content:center; align-items:center;}
	.mc02 .img_area .txt {position:absolute; top:50%; left:0; width:100%; font-size:160px; color:#054477; font-weight:600; line-height:200px; height:200px; margin-top:-100px; white-space:nowrap; opacity:.05; display:flex; gap:20px;}
	.mc02 .img_area .img {position:relative; margin:0 auto; transform:translateY(100px); width:280px; height:630px; /* background:url('/pub/images/img_mc02.jpg') no-repeat 50% 50% / cover; */}
	.mc02.fixed .img_area .img {position:fixed; top:50%; left:50%; min-width:100vw; min-height:100vh;}
	.mc02.unfixed .img_area .img {position:absolute; bottom:0; left:0; width:100vw; height:100vh;}
	.mc02 .img_area .img:before {content:""; position:absolute; top:50%; left:50%; width:280px; height:630px; background:url('/pub/images/img_mc02.jpg') no-repeat 50% 50% / cover; transform:translate(-50%,-50%); transition:.5s linear;}
	.mc02.fixed .img_area .img:before {position:fixed; width:100vw; height:100vh;}
	.mc02_slide_wrap {position:fixed; top:0; left:0; width:100vw; height:100vh; max-width:100%; max-height:100%; opacity:0; pointer-events:none; transition:.2s linear;}
	.mc02_slide {position:relative; width:100%; height:100%;}
	.mc02_slide .imgfit {position:relative; width:100%; height:100%;}
	.mc02_slide .imgfit:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 73.16%, rgba(0, 0, 0, 0.3) 86.63%), linear-gradient(-90deg, rgba(0, 0, 0, 0) 40.52%, rgba(0, 0, 0, 0.3) 67.19%);}
	.mc02_slide .txt {position:absolute; bottom:240px; left:50%; transform:translateX(-50%);}
	.mc02_slide .tit {display:flex; align-items:center; gap:30px; font-size:64px; color:#fff; font-weight:600; line-height:1.5; margin-top:24px;}
	.mc02_slide .tit a {width:60px; aspect-ratio:1/1; background:#ffffff1a; border-radius:50%; border:#fff 1px solid; font-size:0; backdrop-filter:blur(2px);}
	.mc02_slide .tit a:before {content:""; display:block; width:100%; height:100%; background:url('/pub/images/arrow_link.svg') no-repeat 50% 50%;}
	.mc02_slide_navi {position:absolute; bottom:0; left:0; width:100%; z-index:10; border-top:#fff3 1px solid;}
	.mc02_slide_navi .swiper-slide {position:relative; display:flex; justify-content:center; align-items:center; gap:15px; font-size:18px; color:#fffc; font-weight:500; height:80px; cursor:pointer; padding:0 10px;}
	.mc02_slide_navi .swiper-slide:before {content:""; position:absolute; top:-2px; left:0; width:0; height:2px; background:#fff;}
	.mc02_slide_navi .swiper-slide + .swiper-slide {border-left:#fff3 1px solid;}
	.mc02_slide_navi .swiper-slide-thumb-active {color:#fff; font-weight:700;}
	.slide_on .mc02_slide_navi .swiper-slide-thumb-active:before,
	.unfixed .mc02_slide_navi .swiper-slide-thumb-active:before {animation:mc02_slide_navi 10s forwards;}
	@keyframes mc02_slide_navi {
		0% {width:0;}
		100% {width:100%;}
	}
	.mc02.slide_on .mc02_slide_wrap {opacity:1; pointer-events:auto;}
	.mc02.unfixed .mc02_slide_wrap {position:absolute; top:auto; bottom:0; opacity:1; pointer-events:auto;}

	.mc03 .mtit {position:relative; margin-bottom:80px;}
	.mc03 .mtit .btn_more {position:absolute; bottom:0; right:0;}
	.mc03_slide_wrap {overflow:hidden;}
	.mc03_slide {margin:0 -10vw;}
	.mc03_slide .swiper-slide {padding:0 12px;}
	.mc03_slide a {position:relative; display:block;}
	.mc03_slide .imgfit {width:100%; aspect-ratio:121/145;}
	.mc03_slide .txt,
	.mc03_slide .before,
	.mc03_slide .after {position:absolute; top:0; left:0; width:100%; height:100%; max-width:100%; max-height:100%;}
	.mc03_slide .before,
	.mc03_slide .after {display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; line-height:1.5; padding:0 20px; text-align:center;}
	.mc03_slide .before strong {display:block; font-size:30px; font-weight:600; margin-bottom:8px;}
	.mc03_slide .before p,
	.mc03_slide .after {font-size:18px; transition:.2s linear;}
	.mc03_slide .after {gap:40px; background:#054477CC; opacity:0;}
	.mc03_slide .after:after {content:""; display:block; width:48px; aspect-ratio:1/1; border-radius:50%; background:#fff url('/pub/images/icon_more_plus.svg') no-repeat 50% 50%;}
	.mc03 .navi {margin-top:48px; display:flex; align-items:center; gap:10px;}
	.mc03 .navi .paging {position:relative; width:calc(100% - 194px); height:2px; background:#ddd; margin-right:30px;}
	.mc03 .navi .paging .swiper-scrollbar-drag {position:absolute; top:0; left:0; height:100%; background:#222; opacity:1;}
	.mc03 .navi button {width:48px; height:48px; background:no-repeat 50% 50%; font-size:0; border:#ddd 1px solid; border-radius:50%;}
	.mc03 .navi .arrow {background-image:url('/pub/images/arrow_slide.svg'); background-size:8px;}
	.mc03 .navi .next {transform:scaleX(-1);}
	.mc03 .navi .papl {display:none;}
	.mc03 .navi .papl.on {display:block;}
	.mc03 .navi .pause {background-image:url('/pub/images/icon_pause.svg'); background-size:10px;}
	.mc03 .navi .play {background-image:url('/pub/images/icon_play.svg'); background-size:16px;}

/* sub */
	.svisual {position:relative; height:506px; background:no-repeat 50% 50%; padding:100px 0 90px; z-index:30;}
	.svisual:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0, 0, 0, 0.00) 56.92%, rgba(0, 0, 0, 0.30) 80.63%), linear-gradient(176deg, rgba(0, 0, 0, 0.00) 62.12%, rgba(0, 0, 0, 0.20) 93.81%), linear-gradient(270deg, rgba(0, 0, 0, 0.00) 44.9%, rgba(0, 0, 0, 0.30) 71.35%);}
	.svisual.g01 {background-image:url('/pub/images/svisual01.jpg');}
	.svisual.g02 {background-image:url('/pub/images/svisual02.jpg');}
	.svisual.g03 {background-image:url('/pub/images/svisual03.jpg');}
	.svisual .txt {position:relative; height:100%; display:flex; flex-direction:column; justify-content:center; color:#fff; line-height:1.2; z-index:1;}
	.svisual .txt span {font-size:20px; margin-bottom:16px;}
	.svisual .txt strong {font-size:56px; font-weight:700; letter-spacing:-1.68px;}
	.svisual .aside {position:absolute; bottom:0; left:0; width:100%; border-top:#FFFFFF26 1px solid; z-index:1;}
	.svisual .aside .inner {display:flex;}
	.svisual .home {width:17px; height:89px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain; margin-right:20px; font-size:0;}
	.svisual dl {position:relative;}
	.svisual .g dt button {position:relative; display:block; font-size:18px; color:#fff; font-weight:600; line-height:89px; width:140px; text-align:left;}
	.svisual .g dt button:after {content:""; position:absolute; top:50%; right:0; width:18px; height:18px; background:url('/pub/images/arrow_aside.svg') no-repeat 50% 50%; margin-top:-9px; transition:.2s linear;}
	.svisual .g dd {position:absolute; top:100%; left:0; width:150px; background:#fff; border:#ddd 1px solid; display:none;}
	.svisual .g dd a {display:block; font-size:16px; color:#777; line-height:30px; padding:5px 16px;}
	.svisual .g dd a.on {color:#222; text-decoration:underline;}
	.svisual .s {margin-left:60px;}
	.svisual .s dt {display:none;}
	.svisual .s dd {display:flex; gap:60px;}
	.svisual .s dd a {position:relative; font-size:18px; color:#fffc; font-weight:600; line-height:89px;}
	.svisual .s dd a:before {content:""; position:absolute; top:-1px; left:50%; width:0; height:2px; background:#fff; transition:.2s linear; transform:translateX(-50%);}
	.svisual .s dd a.on {color:#fff; font-weight:700;}
	.svisual .s dd a.on:before {width:100%;}
	.container {min-height:calc(100vh - 817px); padding:120px 0 200px; overflow:hidden; font-size:18px; color:#666; line-height:1.5;}
/* 타이틀 */	
	.stitle {font-size:52px; color:#222; font-weight:700; line-height:1.2; text-align:center; margin-bottom:85px;}
	.stit {font-size:44px; color:#222; font-weight:700; line-height:1.5;}
	.stit.mtb {margin:160px 0 48px;}
	.btit {font-size:28px; color:#222; font-weight:700; line-height:1.5;}
/* 테이블 */
	.tbl table {border-top:#222 2px solid;}
	.tbl col.w100 {width:100px;}
	.tbl col.w130 {width:130px;}
	.tbl col.w180 {width:180px;}
	.tbl th,
	.tbl td {border-bottom:#ddd 1px solid; font-size:18px; color:#222; line-height:30px; height:80px; padding:25px 0; text-align:center;}
	.tbl th {font-weight:700; background:#F8F8F8;}
	.tbl td.tal {padding-left:48px;}
	.tbl td span {display:inline-block; font-size:14px; color:#054477; font-weight:500; margin-left:10px;}
	.tbl.th_thin thead th {height:40px; line-height:20px; padding:10px 0;}
/* 기타 */
	.gbox {background:#F8F8F8; padding:120px 0;}
	.glbox {border:#ddd 1px solid; padding:24px;}
/* 게시판 상단 */
	.board_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
	.board_top.mb16 {margin-bottom:16px;}
	.board_top .total {font-size:16px; color:#222; font-weight:400; line-height:1.6;}
	.board_top .search_area {display:flex; gap:10px;}
	.board_top .search_area select {width:160px; height:60px; line-height:58px; border-radius:2px;}
	.board_top .search_area input {width:320px; height:60px; border:#ddd 1px solid; display:flex; border-radius:2px; overflow:hidden; padding:0 24px;}
	.board_top .search_area .btn {width:60px; height:60px; background:#222 url('/pub/images/icon_search.svg') no-repeat 50% 50%; border:0; outline:0; font-size:0; border-radius:2px;}
	.board_top .left,
	.board_top .right {color:#222;}
/* 게시판 하단 */
	.board_bottom .paging {display:flex; justify-content:center; gap:10px; margin-top:80px;}
	.board_bottom .paging a {width:36px; height:36px; line-height:36px; text-align:center; font-size:16px;}
	.board_bottom .paging a.on {background:#222; color:#fff; font-weight:500;}
	.board_bottom .paging .arrow {font-size:0; background:no-repeat 50% 50% !important;}
	.board_bottom .paging .two {background-image:url('/pub/images/page_two.svg') !important;}
	.board_bottom .paging .one {background-image:url('/pub/images/page_one.svg') !important;}
	.board_bottom .paging .prev {margin-right:10px;}
	.board_bottom .paging .next {margin-left:10px;}
	.board_bottom .paging .next,
	.board_bottom .paging .last {transform:scaleX(-1);}
/* 팝업 */
	.popup,
	.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
	.popup {z-index:101; display:none;}
	.popup .dm {background:#00000080;}
	.popup .inbox {position:absolute; top:50%; left:50%; width:800px; max-width:calc(100% - 40px); max-height:calc(100% - 40px); transform:translate(-50%,-50%); padding:20px; background:#fff; border-radius:10px; overflow:auto;}
	.popup .btn_close {position:absolute; top:0; right:0; width:80px; height:80px; font-size:0;}
	.popup .btn_close:before,
	.popup .btn_close:after {content:""; position:absolute; top:50%; left:50%; background:#222; width:30px; height:2px;}
	.popup .btn_close:before {transform:translate(-50%,-50%) rotate(45deg);}
	.popup .btn_close:after {transform:translate(-50%,-50%) rotate(-45deg);}
	.popup .tit {font-size:24px; line-height:40px; text-align:center; margin-bottom:20px; padding:0 20px;}
	.popup .scroll {max-height:calc(100vh - 140px); overflow:auto;}

/* 인사말 */
	.greeting {display:flex; gap:5.3%;}
	.greeting .imgfit {width:39%;}
	.greeting .txt {width:55.7%;}
	.greeting .tit {position:relative; font-size:44px; color:#222; font-weight:700; line-height:1.4; margin-bottom:32px; padding-top:50px; background:url('/pub/images/icon_dda.svg') no-repeat 0 10px;}
	.greeting p {font-size:20px; color:#222;}
	.greeting p + p {margin-top:30px;}
	.greeting .name {display:flex; align-items:flex-end; gap:20px; margin-top:50px; font-size:20px; color:#666; line-height:1.6;}
/* 회사개요 */
	.overview_top img {position:relative; z-index:2;}
	.overview_top .txt {position:relative; z-index:1;}
	.overview_top .txt:before {content:""; position:absolute; top:-60px; right:calc((-100vw + 1500px)/2); width:803px; height:581px; background:url('/pub/images/bg_building.svg') no-repeat 50% 50%;}
	.overview_top .txt .tit {font-size:48px; color:#222; font-weight:700; margin-top:40px;}
	.overview_top .txt p {font-size:18px; color:#666; line-height:1.6; margin-top:24px;}
	.overview_top .counts {position:relative; display:flex; gap:24px; margin-top:80px; z-index:2;}
	.overview_top .counts li {width:calc((100% - 72px)/4); border:#ddd 1px solid; padding:38px 20px 50px; text-align:center; font-size:20px; color:#666; line-height:1.6; background:#fff;}
	.overview_top .counts li:before {content:""; display:block; width:100%; height:48px; background:no-repeat 50% 50%; margin:0 auto 12px;}
	.overview_top .counts li span {display:block; font-size:18px; color:#222; margin-bottom:24px;}
	.overview_top .counts li .flex {justify-content:center; align-items:baseline; flex-wrap:wrap; gap:8px;}
	.overview_top .counts li strong {font-size:40px; color:#054477; font-weight:600;}
	.overview_top .counts li.i1:before {background-image:url('/pub/images/icon_overview_top01.svg');}
	.overview_top .counts li.i2:before {background-image:url('/pub/images/icon_overview_top02.svg');}
	.overview_top .counts li.i3:before {background-image:url('/pub/images/icon_overview_top03.svg');}
	.overview_top .counts li.i4:before {background-image:url('/pub/images/icon_overview_top04.svg');}
	.overview_top .counts li.i4 p {font-size:16px; color:#222; font-weight:500; line-height:34px; height:34px; width:calc((100% - 16px)/3); background:#F8F8F8; border-radius:17px;}
	.overview_mid {margin-top:120px; margin-bottom:120px;}
	.overview_mid .stit {margin-bottom:30px;}
	.misson_vision {display:flex; align-items:center; gap:150px;}
	.misson_vision > div {position:relative; aspect-ratio:1/1; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border-radius:50%;}
	.misson_vision .wbox:before,
	.misson_vision .center .inbox:before {content:""; display:block; width:100%; background:no-repeat 50% 50% / contain;}
	.misson_vision .wbox {width:340px; background:#fff; box-shadow:#0000001a 0 4px 100px;}
	.misson_vision .wbox:before {height:30px;}
	.misson_vision .wbox:after {content:""; position:absolute; top:50%; width:150px; height:8px; background:url('/pub/images/icon_misson_vision_dot.svg') no-repeat 50% 50% / contain;}
	.misson_vision .left:before {background-image:url('/pub/images/icon_misson_vision01.svg');}
	.misson_vision .left:after {right:-150px;}
	.misson_vision .center .inbox:before {background-image:url('/pub/images/icon_misson_vision02.svg'); height:122px;}
	.misson_vision .right:before {background-image:url('/pub/images/icon_misson_vision03.svg');}
	.misson_vision .right:after {left:-150px; transform:scaleX(-1);}
	.misson_vision strong {font-size:28px; color:#054477; font-weight:800; margin:12px 0 24px;}
	.misson_vision p {font-size:18px; color:#222;}
	.misson_vision .center {position:relative; background:#0544771A; padding:40px; width:420px;}
	.misson_vision .center:before {content:""; position:absolute; top:50%; left:50%; width:534px; aspect-ratio:1/1; transform:translate(-50%,-50%); border-radius:50%; background:url('/pub/images/bg_round_gra.svg') no-repeat 50% 50% / contain; opacity:0.7;}
	.misson_vision .center .inbox {width:100%; height:100%; display:flex; background:#054477; flex-direction:column; justify-content:center; align-items:center; border-radius:50%; box-shadow:#05447780 0 4px 30px;}
	.misson_vision .center strong {color:#fff; font-weight:600; margin:24px 0 0;}
	.overview_mid .btit {margin:120px 0 20px;}
	.values_list {display:flex; gap:24px;}
	.values_list li {width:calc((100% - 96px)/5); height:395px; background:no-repeat 50% 50% / cover; display:flex; flex-direction:column; justify-content:flex-end; gap:8px; padding:24px; color:#fff;}
	.values_list li span {font-size:16px; font-weight:500;}
	.values_list li strong {font-size:28px;}
	.values_list li.i1 {background-image:url('/pub/images/img_values01.jpg');}
	.values_list li.i2 {background-image:url('/pub/images/img_values02.jpg');}
	.values_list li.i3 {background-image:url('/pub/images/img_values03.jpg');}
	.values_list li.i4 {background-image:url('/pub/images/img_values04.jpg');}
	.values_list li.i5 {background-image:url('/pub/images/img_values05.jpg');}
	.lrbox {display:flex;}
	.lrbox .tit {width:320px;}
	.lrbox .con {width:calc(100% - 320px);}
	.company_info {border-top:#ddd 1px solid;}
	.company_info dl {display:flex; font-size:20px; color:#222; padding:25px 0; width:100%; border-bottom:#ddd 1px solid;}
	.company_info dt {width:168px; font-weight:700;}
	.company_info dd {width:calc(100% - 168px);}
/* 조직도 */
	.organizational {border:#ddd 1px solid; padding:80px; display:flex; flex-direction:column; align-items:center;}
	.organizational .ceo {position:relative; font-size:26px; color:#fff; font-weight:700; border-radius:50%; width:180px; aspect-ratio:1/1; background:linear-gradient(316deg, var(--CI_01, #054477) 16.9%, #80BAE9 82.49%); display:flex; justify-content:center; align-items:center;}
	.organizational .ceo:before {content:""; position:absolute; top:50%; left:50%; width:calc(100% + 24px); height:calc(100% + 24px); transform:translate(-50%,-50%); border:20px solid rgba(5, 68, 119, 0.15); border-radius:50%; z-index:-1;}
	.organizational ul {position:relative; width:100%; max-width:720px; display:flex; align-items:flex-start; gap:60px; padding-top:30px; margin-top:60px;}
	.organizational ul:before,
	.organizational ul:after {content:""; position:absolute;}
	.organizational ul:before {top:-60px; height:60px; left:50%; border-left:#ddd 1px dashed;}
	.organizational ul:after {top:0; left:50%; width:calc(100% - ((100% - 120px)/3)); border-bottom:#ddd 1px dashed; transform:translateX(-50%);}
	.organizational li {position:relative; width:calc((100% - 120px)/3);}
	.organizational li:before,
	.organizational li:after {content:""; position:absolute; left:50%;}
	.organizational li:before {top:-31px; height:30px; border-left:#ddd 1px dashed; z-index:-1;}
	.organizational li:after {top:-35px; width:10px; height:10px; border:#051A2E 2px solid; border-radius:50%; transform:translateX(-50%); background:#fff; z-index:1;}
	.organizational .box {position:relative; font-size:18px; font-weight:600; line-height:66px; height:70px; text-align:center; border:2px solid;}
	.organizational .c1 {color:#fff; background:#054477; border-color:#054477;}
	.organizational .c2 {color:#054477; background:#fff; border-color:#054477;}
	.organizational .c3 {color:#054477; background:#E6F4FF; border-color:#054477;}
	.organizational .c4 {color:#222; background:#fff; border-color:#222; margin:60px 0 16px;}
	.organizational .c4:after {content:""; position:absolute; top:-5px; left:50%; width:10px; height:10px; border:#051A2E 2px solid; border-radius:50%; transform:translateX(-50%); background:#fff;}
	.organizational .c5 {color:#222; font-weight:400; background:#fff; border-color:#ddd; margin-bottom:8px;}
	.organizational .c5:last-child {margin-bottom:0;}
	.organizational .right {justify-content:flex-end; padding-top:0;}
	.organizational .right:before {height:calc(100% + 60px);}
	.organizational .right:after {display:none;}
	.organizational .right li:before {top:50%; left:calc(-50% - 60px); width:calc(50% + 60px); border-left:0; border-top:#ddd 1px dashed;}
	.organizational .right li:after {top:50%; left:-5px; transform:translateY(-50%);}
	.organizational .detail li:before {height:calc(100% + 30px);}
/* 안전·보건 방침 및 목표 */
	.safety_health_top {height:292px; padding:0 80px; margin-bottom:80px; font-size:44px; color:#fff; font-weight:700; display:flex; align-items:center; background:url('/pub/images/bg_safety_health_top.jpg') no-repeat 50% 50% / cover;}
	.safety_health_top span {position:relative; display:inline-block; padding:0 36px;}
	.safety_health_top span:before,
	.safety_health_top span:after {content:""; position:absolute; width:20px; height:18px; background:url('/pub/images/icon_dda2.svg') no-repeat 50% 50% / contain;}
	.safety_health_top span:before {top:0; left:0;}
	.safety_health_top span:after {bottom:40px; right:0; transform:rotate(180deg);}
	.safety_health_mid {margin-bottom:160px;}
	.safety_health_mid .glbox {margin-top:30px;}
	.safety_health_mid .stit {margin-bottom:16px;}
	.num_list li {position:relative; color:#222; line-height:27px; padding-left:32px;}
	.num_list li + li {margin-top:18px;}
	.num_list li span {position:absolute; top:3px; left:0; width:22px; height:22px; line-height:22px; text-align:center; font-size:12px; color:#fff; font-weight:600; background:#222; border-radius:50%;}
	.safety_health_list {display:flex; flex-wrap:wrap; gap:60px 30px;}
	.safety_health_list button {width:calc((100% - 60px)/3); text-align:left;}
	.safety_health_list span {display:block;}
	.safety_health_list .imgfit {width:100%; aspect-ratio:447/595;}
	.safety_health_list .txt {padding-top:24px;}
	.safety_health_list .txt strong {display:block; font-size:24px; color:#222; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.safety_health_list .txt .date {font-size:18px; color:#666; line-height:1.6; margin-top:12px;}
/* 오시는 길 */
	.root_daum_roughmap {max-width:100%;}
	.root_daum_roughmap .cont {display:none;}
	.map_text {margin-top:32px;}
	.map_text strong {display:block; font-size:28px; color:#222; line-height:1.6;}
	.map_text .flex {border-top:#ddd 1px solid; margin-top:16px; padding-top:16px; gap:24px;}
	.map_text dl {display:flex; gap:16px; font-size:18px; line-height:1;}
	.map_text dt {position:relative; font-weight:500; padding-left:24px;}
	.map_text dt:before {content:""; position:absolute; top:0; left:0; width:18px; height:18px; background:#054477 no-repeat 50% 50%; border-radius:50%;}
	.map_text .i1 dt:before {background-image:url('/pub/images/icon_map_text01.svg');}
	.map_text .i2 dt:before {background-image:url('/pub/images/icon_map_text02.svg');}

/* 주요사업안내 */
	.itit {font-size:28px; color:#222; font-weight:700; padding-left:38px; background:no-repeat 0 50%; margin-bottom:20px;}
	.itit.i1 {background-image:url('/pub/images/icon_itit01.svg'); margin-top:48px;}
	.itit.i2 {background-image:url('/pub/images/icon_itit02.svg'); margin-top:80px;}
	.projects_top ul {display:flex; justify-content:center; gap:100px; padding:40px; border:#ddd 1px solid;}
	.projects_top li {text-align:center;}
	.projects_top li p {font-size:20px; color:#222; font-weight:600; margin-top:16px;}
	.projects_mid {margin:120px 0;}
	.projects_mid .stit {margin-bottom:48px;}
	.projects_mid ul {display:flex; flex-wrap:wrap; gap:48px 24px;}
	.projects_mid li {width:calc((100% - 48px)/3); box-shadow:rgba(0, 0, 0, 0.08) 0 4px 10px; background:#fff;}
	.projects_mid .txt {background:#fff; padding:30px;}
	.projects_mid strong {display:block; font-size:24px; color:#222; font-weight:600; margin-bottom:12px; letter-spacing:-0.72px;}
	.projects_mid p {font-size:16px; color:#666; line-height:1.6; letter-spacing:-0.48px;}
	.projects_btm ul {display:flex; gap:30px; width:100%;}
	.projects_btm li {width:calc(50% - 15px); border:#ddd 1px solid; padding:40px 48px; display:flex; align-items:center;}
	.projects_btm strong {font-size:28px; color:#222; font-weight:600; margin-right:30px; display:flex; align-items:center;}
	.projects_btm strong:before {content:""; height:30px; background:no-repeat 50% 50% / contain; margin-right:16px;}
	.projects_btm p {position:relative; font-size:20px; color:#222; font-weight:500;}
	.projects_btm p + p {margin-left:20px;}
	.projects_btm p + p:before {content:""; position:absolute; top:50%; left:-11px; width:1px; height:16px; background:#ddd; transform:translateY(-50%);}
	.projects_btm .i1 strong:before {width:52px; background-image:url('/pub/images/icon_projects_btm01.svg');}
	.projects_btm .i2 strong:before {width:28px; background-image:url('/pub/images/icon_projects_btm02.svg');}
/* 주요공사현황 */
	.gall_list {display:flex; flex-wrap:wrap; gap:60px 30px;}
	.gall_list li {width:calc((100% - 60px)/3);}
	.gall_list a {display:block;}
	.gall_list .imgfit {display:block; width:100%; aspect-ratio:447/295;}
	.gall_list .txt {display:block; margin-top:24px;}
	.gall_list strong {display:block; font-size:24px; color:#222; font-weight:600; line-height:1.6; margin-bottom:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.gall_list p {font-size:18px; color:#666; line-height:1.6;}
/* 게시판 상세 */
	.board_view {border-top:#222 2px solid;}
	.board_view .tit {padding:32px 24px; border-bottom:#ddd 1px solid;}
	.board_view .tit strong {display:block; font-size:32px; color:#222; font-weight:600; line-height:1.5;}
	.board_view .tit dl {display:flex; gap:8px; font-size:16px; margin-top:16px;}
	.board_view .tit dt {color:#222; font-weight:600;}
	.board_view .tit dd {color:#666;}
	.board_view .con {font-size:18px; color:#222; line-height:1.6; padding:40px 24px 80px;}
	.board_view .con img {height:auto !important;}
	.prevnext {border-top:#ddd 1px solid;}
	.prevnext a {position:relative; padding-left:132px; display:block; font-size:18px; color:#222; line-height:72px; height:73px; border-bottom:#ddd 1px solid;}
	.prevnext span {position:absolute; top:0; left:0; padding-left:52px; font-weight:500;}
	.prevnext span:before {content:""; position:absolute; top:0; left:24px; width:16px; height:100%; background:url('/pub/images/arrow_pagw_view.svg') no-repeat 50% 50%;}
	.prevnext p {font-size:18px; color:#222;}
	.prevnext .next span:before {transform:scaleY(-1);}
	.btn_list {display:block; font-size:18px; color:#fff; font-weight:600; line-height:60px; height:60px; width:160px; text-align:center; background:#222;	margin:80px auto 0;}
/* 공사실적 */
	.tabs {display:flex; gap:8px; margin-bottom:80px;}
	.tabs li {width:calc((100% - 24px)/4);}
	.tabs a {display:block; font-size:20px; color:#666; line-height:56px; height:56px; text-align:center; background:#F8F8F8; border-radius:28px;}
	.tabs .on a {color:#fff; font-weight:600; background:#054477;}