@charset "utf-8";
/* 당근고양이 'ㅅ' */

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

/* layout */
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%;}
input[type="text"],
input[type="password"],
input[type="date"],
select {height:40px; padding:0 20px;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/pub/images/arrow_select.svg') no-repeat right 10px center / 10px;}
textarea {padding:10px;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
.imgfit {overflow:hidden;}
.imgfit img {width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

span.br {display:block;}
.mo_vw {display:none !important;}

.inner {width:100%; max-width:1480px; margin:0 auto; padding:0 20px;}

::-webkit-scrollbar {width:5px; height:5px;}
::-webkit-scrollbar-thumb {background-color:#333; background-clip:padding-box;}
::-webkit-scrollbar-track {background-color:#ddd;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

/* color */
.col_red {color:#f00;}
.col_blue {color:#004993;}

/* 게시판 쓰기 */
.board_write {border-top:#ddd 2px solid;}
.board_write th,
.board_write td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_write th {color:#333; width:200px;}
.board_write td {color:#666;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:100px 40px;}
.gall_list li {width:calc((100% - 80px)/3);}
.gall_list li a {display:block;}
.gall_list li .imgfit {display:block; width:100%; height:305px; overflow:hidden;}
.gall_list li .txt {display:block; margin-top:30px;}
.gall_list li strong {display:block; font-size:20px; color:#222; font-weight:600; line-height:32px; margin-bottom:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list li p {display:block; height:22px; line-height:22px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; border-bottom:#ebebeb 1px solid; transition:.2s linear;}
.header:after {content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#ebebeb; transition:.2s linear;}
.header .dm {position:fixed; top:100px; left:0; width:100%; height:0; background:rgba(0,0,0,.5); z-index:-1;}
.header .inner {max-width:1640px;}
.header .inner {position:relative; height:100px;}
.header .logo {position:absolute; top:0; left:20px; line-height:100px; font-size:0; z-index:11; transition:none;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .gnb {display:flex; justify-content:center;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {display:block; font-size:18px; color:#222; font-weight:600; line-height:100px; padding:0 45px;}
.header .gnb .menu.on > a {color:#000;}
.header .gnb .snb {position:fixed; top:100px; left:0; width:100%; height:0; overflow:hidden; background:#fff; transition:.2s linear;}
.header .gnb .snb .tit {position:absolute; top:0; left:0; width:469px; height:100%; max-width:calc(((100vw - 1400px)/2) + 100px); background:url('/pub/images/img_snb.jpg') no-repeat 50% 50% / cover; display:flex; align-items:flex-end; justify-content:flex-end; gap:15px; padding:30px; font-size:30px; color:#fff; font-weight:600; line-height:32px;}
.header .gnb .snb .tit:after {content:""; display:block; width:32px; height:32px; border:#fff 1px solid; background:url('/pub/images/arrow_snb.svg') no-repeat 50% 50%; border-radius:50%;}
.header .gnb1 .snb .tit {background-image:url('/pub/images/svisual01.jpg');}
.header .gnb2 .snb .tit {background-image:url('/pub/images/svisual02.jpg');}
.header .gnb3 .snb .tit {background-image:url('/pub/images/svisual03.jpg');}
.header .gnb4 .snb .tit {background-image:url('/pub/images/svisual04.jpg');}
.header .gnb5 .snb .tit {background-image:url('/pub/images/svisual05.jpg');}
.header .gnb6 .snb .tit {background-image:url('/pub/images/svisual06.jpg');}
.header .gnb .snb .inner {display:flex; flex-wrap:wrap; gap:40px 30px; padding:50px 0 0 250px; max-width:1370px;}
.header .gnb .snb .snbbox {width:calc((100% - 120px)/5);}
.header .gnb .snb .snbbox > a {position:relative; display:flex; justify-content:center; align-items:center; font-size:16px; color:#222; font-weight:500; line-height:20px; height:50px; width:100%; border:#ebebeb 1px solid; padding:0 20px;}
.header .gnb .snb .snbbox > a.on {color:#fff; background:#282954;}
.header .gnb .snb .snbbox.indep > a:after {content:""; position:absolute; top:50%; right:13px; width:20px; height:20px; border-radius:50%; background:url('/pub/images/arrow_indeps.svg') #F5F5F7 no-repeat 50% 50%; margin-top:-10px;}
.header .gnb .snb .snbbox.indep > a.on:after {background-color:rgba(255,255,255,.2); background-image:url('/pub/images/arrow_indeps_w.svg');}
.header .gnb .snb a.outlink:after {content:""; display:inline-block; width:15px; height:15px; background:url('/pub/images/icon_link.svg') no-repeat 50% 50% / contain; margin-left:10px;}
.header .gnb .depth {margin-top:20px;}
.header .gnb .depth .dep {margin-bottom:15px;}
.header .gnb .depth .dep:last-child {margin-bottom:0;}
.header .gnb .depth a {position:relative; display:block; font-size:16px; color:#666; line-height:22px; padding-left:14px; letter-spacing:-.5px;}
.header .gnb .depth a:before {content:""; position:absolute; top:50%; left:0; width:4px; height:4px; background:#004993; border-radius:50%; margin-top:-2px;}
.header .gnb .depth a.on {text-decoration:underline;}
.header .btn_menu {position:absolute; top:0; right:20px; width:16px; height:100%; z-index:11;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:7px; height:7px; background:#000; border-radius:1px; transition:.2s linear;}
.header .btn_menu .tl {margin:-8px 0 0 -8px; background:#84C0FF;}
.header .btn_menu .tr {margin:-8px 0 0 1px;}
.header .btn_menu .bl {margin:1px 0 0 -8px;}
.header .btn_menu .br {margin:1px 0 0 1px;}
.header .right {position:absolute; top:0; right:66px; display:flex; gap:40px; z-index:11;}
.header .right:before {content:""; position:absolute; top:50%; right:38px; width:1px; height:16px; background:#ddd; transform:translateY(-50%);}
.header .right .langs {position:relative; }
.header .right .langs dt button {position:relative; display:block; font-size:16px; color:#000; font-weight:600; line-height:100px; padding:0 14px 0 27px; outline:0;}
.header .right .langs dt button:before,
.header .right .langs dt button:after {content:""; position:absolute; top:0; height:100%; transition:.2s linear;}
.header .right .langs dt button:before {left:0; width:18px; background:#000; mask:url('/pub/images/icon_langs.svg') no-repeat 50% 50% / contain;-webkit-mask:url('/pub/images/icon_langs.svg') no-repeat 50% 50% / contain;}
.header .right .langs dt button:after {right:0; width:9px; background:#000; mask:url('/pub/images/arrow_langs.svg') no-repeat 50% 50% / contain;-webkit-mask:url('/pub/images/arrow_langs.svg') no-repeat 50% 50% / contain;}
.header .right .langs.on dt button:after {transform:rotate(180deg);}
.header .right .langs dd {position:absolute; top:calc(50% + 20px); left:0; width:80px; background:#fff; border:#ddd 1px solid; display:none;}
.header .right .langs dd a {display:block; font-size:16px; color:#222; line-height:40px; padding-left:27px;}
.header .right .search {position:relative; display:block; width:18px; height:100px; background:#000; mask:url('/pub/images/icon_search.svg') no-repeat 50% 50% / contain;-webkit-mask:url('/pub/images/icon_search.svg') no-repeat 50% 50% / contain; font-size:0; transition:none;}

.header.main {background:none; border-bottom:0;}
.header.main .logo {background:#fff; mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain;}
.header.main .logo img {opacity:0;}
.header.main .gnb .menu > a {color:#fff;}
.header.main .btn_menu p {background:#fff;}
.header.main .btn_menu .tl {background:#0055B4;}
.header.main .right:before {background:rgba(255,255,255,.3);}
.header.main .right .langs dt button {color:#fff;}
.header.main .right .langs dt button:before {background:#fff;}
.header.main .right .langs dt button:after {background:#fff;}
.header.main .right .search {background:#fff;}

.header.on:before {content:""; position:absolute; top:100px; left:0; width:100%; height:1px; background:#fff; opacity:.1; z-index:11;}
.header.on .logo {background:url('/pub/images/logo_w.svg') no-repeat 50% 50% / contain; mask:none; -webkit-mask:none;}
.header.on .logo img {opacity:0;}
.header.on .right:before {background:rgba(255,255,255,.3);}
.header.on .right .langs dt button {color:#fff;}
.header.on .right .langs dt button:before {background:#fff;}
.header.on .right .langs dt button:after {background:#fff;}
.header.on .right .search {background:#fff;}
.header.on .btn_menu p {background:#fff;}
.header.on .btn_menu .tl {background:#0055B4; margin:-8px 0 0 -16px; opacity:0;}
.header.on .btn_menu .tr {margin:-8px 0 0 9px; opacity:0;}
.header.on .btn_menu .bl,
.header.on .btn_menu .br {width:24px; height:2px; margin:-1px 0 0 -12px;}
.header.on .btn_menu .bl {transform:rotate(135deg);}
.header.on .btn_menu .br {transform:rotate(-135deg);}

.header .sitemap {position:fixed; top:0; left:0; width:100%; height:100%; background:#222; z-index:10; display:none;}
.header .sitemap:before {content:"SITE MAP"; position:absolute; bottom:0; right:0; font-size:0; width:1044px; height:145px; max-width:90vw; background:url('/pub/images/bg_sitemap.svg') no-repeat 50% 50% / contain; /* color:transparent; -webkit-text-stroke:1px #fff; text-stroke:1px #fff; line-height:180px; letter-spacing:-5.5px; opacity:.1; */}
.header .sitemap .inbox {position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center; gap:64px;}
.header .sitemap .menu {width:184px; color:#fff;}
.header .sitemap .menu > a {display:block; font-size:26px; height:35px; text-align:center;}
.header .sitemap .menu .snb {border-top:#ddd 1px solid; margin-top:34px; padding-top:19px; height:533px; text-align:center; transition:.2s linear;}
.header .sitemap .menu .snb a {display:block; font-size:18px; font-weight:500; padding:15px 0;}
.header .sitemap .menu.on .snb  {border-color:#008AD1;}
.header .sitemap .menu .snb a.on {text-decoration:underline;}
.header .sitemap .menu .snb a.outlink {display:flex; justify-content:center; align-items:center; gap:10px;}
.header .sitemap .menu .snb a.outlink:after {content:""; display:block; width:15px; height:15px; background:url('/pub/images/icon_link.svg') no-repeat 50% 50% / contain;}
.header .sitemap .menu .snb .snbbox .depth {display:none;}

/* footer */
.footer {position:relative; padding:60px 0 90px; background:#f8f8f8; z-index:10;}
.footer .inner {max-width:1640px;}
.footer .inner {position:relative;}
.footer .foot_top {display:flex; justify-content:space-between; padding-bottom:24px; border-bottom:#E9E9E9 1px solid; margin-bottom:40px;}
.footer .foot_top .logo {width:130px; height:28px; background:url('/pub/images/logo.svg') no-repeat 50% 50%;}
.footer .foot_top .links {display:flex; gap:50px;}
.footer .foot_top .links a {display:block; font-size:18px; color:#999; line-height:28px;}
.footer .foot_top .links a strong {color:#004993; font-weight:500;}
.footer .address {display:flex; justify-content:space-between; font-size:16px;}
.footer .address .left {line-height:30px;}
.footer .address .left strong {display:block; color:#999; font-weight:400;}
.footer .address .left dl {display:flex;}
.footer .address .left dt {padding-right:20px; color:#999;}
.footer .address .left dd {padding-right:30px; color:#333;}
.footer .address .left dd.add {width:340px;}
.footer .address .left .headof dd {color:#222;}
.footer .address .copy {color:#000; margin-top:40px;}
.footer .address .copy span {color:#004993;}
.footer .address .family {position:relative; color:#666; width:340px; z-index:1;}
.footer .address .family dt button {position:relative; display:block; line-height:58px; height:60px; width:100%; padding:0 30px; border:#ddd 1px solid; text-align:left;}
.footer .address .family dt button:after {content:""; position:absolute; top:0; right:25px; width:12px; height:100%; background:url('/pub/images/icon_family.svg') no-repeat 50% 50% / contain; transition:.3s;}
.footer .address .family.on dt button:after {transform:rotate(-405deg);}
.footer .address .family dd {position:absolute; bottom:100%; left:0; width:100%; background:#fff; border:#ddd 1px solid; border-bottom:0; display:none;}
.footer .address .family dd a {display:block; line-height:50px; padding:0 30px;}
.footer .address .contact {display:block; padding:25px 30px; background:url('/pub/images/bg_foot_contact.svg') no-repeat 50% 50% / cover; color:#fff; margin-top:23px;}
.footer .address .contact .tt {font-size:20px; font-weight:600; line-height:27px; padding-left:24px; background:url('/pub/images/icon_contact.svg') no-repeat 0 50%;}
.footer .address .contact .tel {font-weight:600; line-height:22px; margin:15px 0 10px; padding-left:22px; background:url('/pub/images/icon_tel.svg') no-repeat 0 50%;}
.footer .address .contact p {line-height:19px;}

/* main */
.main_wrap .inner {max-width:1640px;}
.mvisual {position:relative; width:100vw; height:100vh;}
.mvisual .slick-slide > div {width:100vw; height:100vh;}
.mvisual video,
.mvisual img {width:100vw; height:100vh; object-fit:cover;}
.mvisual .slick-dots {position:absolute; bottom:50px; left:50%; width:100%; max-width:1320px; padding:0 20px; transform:translateX(-50%); display:flex; gap:40px;}
.mvisual .slick-dots li {flex:1 1 100%;}
.mvisual .slick-dots button {position:relative; display:block; width:100%; text-align:left; padding-top:10px; font-size:18px; color:#fff; font-weight:700; line-height:25px;}
.mvisual .slick-dots button:before,
.mvisual .slick-dots button:after {content:""; position:absolute; top:0; left:0; height:3px;} 
.mvisual .slick-dots button:before {background:rgba(255,255,255,.5); width:100%;}
.mvisual .slick-dots button:after {background:#fff; width:0;}
.mvisual .slick-dots .slick-active button:after {width:100%; animation:mvisual 5s forwards;}
@keyframes mvisual {
	0% {width:0;}
	100% {width:100%;}
}
.mv_txt {position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; transform:translateY(-50%); margin-top:-110px; pointer-events:none; user-select:none;}
.mv_txt strong {display:block; font-size:60px; line-height:86px;}
.mv_txt p {font-size:18px; line-height:28px; margin-top:40px;}
.btn_btm {position:absolute; bottom:60px; right:80px; width:158px; height:158px;}
.btn_btm i {position:absolute; top:50%; left:50%; width:20px; height:30px; border:#fff 2px solid; border-radius:10px; transform:translate(-50%,-50%);}
.btn_btm i:before {content:""; position:absolute; top:4px; left:50%; width:8px; height:8px; background:#fff; border-radius:50%; transform:translateX(-50%); animation:btn_btm 3s infinite;}
@keyframes btn_btm {
	0% {top:4px;}
	50% {top:12px;}
	100% {top:4px;}
}
.btn_btm span {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/img_scroll_down.png') no-repeat 50% 50% / contain; animation:btn_btm_scroll 20s linear infinite;}
@keyframes btn_btm_scroll {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

.menu_area {position:fixed; top:50%; left:60px; transform:translateY(-50%);}
.menu_area .home {display:block; width:18px; height:15px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain; margin-bottom:10px; transition:none;}
.menu_area .num {font-size:14px; color:#fff; line-height:20px;}
.menu_area .end {color:#fff; opacity:.5;}
.menu_area .bar {position:relative; width:1px; height:180px; margin:10px auto; background:rgba(255,255,255,.2);}
.menu_area .bar:before {content:""; position:absolute; top:0; left:0; width:100%; background:#fff; transition:.2s linear;}
.fp-viewing-Main_visual .menu_area .bar:before {height:calc(100%/6);}
.fp-viewing-Business .menu_area .bar:before {height:calc((100%/6)*2);}
.fp-viewing-News .menu_area .bar:before {height:calc((100%/6)*3);}
.fp-viewing-Ir .menu_area .bar:before {height:calc((100%/6)*4);}
.fp-viewing-Item .menu_area .bar:before {height:calc((100%/6)*5);}
.fp-viewing-Service .menu_area .bar:before {height:100%;}
.fp-viewing-Footer .menu_area {display:none;}

.fp-viewing-News .menu_area .home,
.fp-viewing-Item .menu_area .home {background:#222; mask:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain;}
.fp-viewing-News .menu_area .num,
.fp-viewing-Item .menu_area .num {color:#222;}
.fp-viewing-News .menu_area .bar,
.fp-viewing-Item .menu_area .bar {background:rgba(0,0,0,.2);}
.fp-viewing-News .menu_area .bar:before,
.fp-viewing-Item .menu_area .bar:before {background:#222;}

.quick {position:fixed; top:50%; right:0; width:143px; transform:translateY(-50%); border-radius:10px 0 0 10px; overflow:hidden; z-index:30;}
.quick a {position:relative; display:flex; align-items:center; font-size:14px; color:#fff; font-weight:600; line-height:20px; height:60px; padding:0 19px; width:100%; text-align:left; letter-spacing:-.35px; border-bottom:rgba(255,255,255,.1) 1px solid; background:#004993; overflow:hidden;}
.quick a:last-child {border-bottom:0;}
.quick a:after {content:""; position:absolute; top:0; height:100%; right:18px; width:18px; background:#fff; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain; z-index:2;}
.quick a.i1:after{mask-image:url('/pub/images/icon_quick01.svg'); -webkit-mask-image:url('/pub/images/icon_quick01.svg');}
.quick a.i2:after{mask-image:url('/pub/images/icon_quick02.svg'); -webkit-mask-image:url('/pub/images/icon_quick02.svg'); width:21px;}
.quick a.i3:after{mask-image:url('/pub/images/icon_quick03.svg'); -webkit-mask-image:url('/pub/images/icon_quick03.svg');}
.quick a.i4:after{mask-image:url('/pub/images/icon_quick04.svg'); -webkit-mask-image:url('/pub/images/icon_quick04.svg'); width:17px;}
.quick a.i5:after{mask-image:url('/pub/images/icon_quick05.svg'); -webkit-mask-image:url('/pub/images/icon_quick05.svg');}
.quick a.i6:after{mask-image:url('/pub/images/icon_quick06.svg'); -webkit-mask-image:url('/pub/images/icon_quick06.svg'); width:17px;}
.quick a.btn_qiuck {display:none;}

/* .main_wrap {position:relative;} */
.main_wrap .cursor {position:fixed; top:0; left:0; width:119px; height:119px; background:url('/pub/images/cursor_viewmore.svg') no-repeat 50% 50% / contain; pointer-events:none; user-select:none; z-index:10; opacity:0;}
.main_wrap .cursor:before,
.main_wrap .cursor:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.main_wrap .cursor:before {background:#0003; filter:blur(5px); border-radius:50%;}
.main_wrap .cursor:after {background:url('/pub/images/cursor_viewmore.png') no-repeat 50% 50% / contain; animation:cursor 9s linear infinite;}
@keyframes cursor {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
.main_wrap.on .cursor {opacity:1;}
.main_wrap .title {font-size:50px; font-weight:700; line-height:68px;}

.fp-viewing-Business .header,
.fp-viewing-News .header,
.fp-viewing-Item .header,
.fp-viewing-Footer .header {background:#fff;}
.fp-viewing-Business .header .logo,
.fp-viewing-News .header .logo,
.fp-viewing-Item .header .logo,
.fp-viewing-Footer .header .logo {background:none; mask:none; -webkit-mask:none;}
.fp-viewing-Business .header .logo img,
.fp-viewing-News .header .logo img,
.fp-viewing-Item .header .logo img,
.fp-viewing-Footer .header .logo img {opacity:1;}
.fp-viewing-Business .header .gnb .menu > a,
.fp-viewing-News .header .gnb .menu > a,
.fp-viewing-Item .header .gnb .menu > a,
.fp-viewing-Footer .header .gnb .menu > a {color:#222;}
.fp-viewing-Business .header .btn_menu p,
.fp-viewing-News .header .btn_menu p,
.fp-viewing-Item .header .btn_menu p,
.fp-viewing-Footer .header .btn_menu p {background:#000;}
.fp-viewing-Business .header .btn_menu .tl,
.fp-viewing-News .header .btn_menu .tl,
.fp-viewing-Item .header .btn_menu .tl,
.fp-viewing-Footer .header .btn_menu .tl {background:#84C0FF;}
.fp-viewing-Business .header .right .langs:before,
.fp-viewing-News .header .right .langs:before,
.fp-viewing-Item .header .right .langs:before,
.fp-viewing-Footer .header .right .langs:before {background:#000;}
.fp-viewing-Business .header .right .langs dt button,
.fp-viewing-News .header .right .langs dt button,
.fp-viewing-Item .header .right .langs dt button,
.fp-viewing-Footer .header .right .langs dt button {color:#000;}
.fp-viewing-Business .header .right .langs dt button:before,
.fp-viewing-News .header .right .langs dt button:before,
.fp-viewing-Item .header .right .langs dt button:before,
.fp-viewing-Footer .header .right .langs dt button:before,
.fp-viewing-Business .header .right .langs dt button:after,
.fp-viewing-News .header .right .langs dt button:after,
.fp-viewing-Item .header .right .langs dt button:after,
.fp-viewing-Footer .header .right .langs dt button:after {background:#000;}
.fp-viewing-Business .header .right .search,
.fp-viewing-News .header .right .search,
.fp-viewing-Item .header .right .search,
.fp-viewing-Footer .header .right .search {background:#000;}
.fp-viewing-Business .header .right .search:before,
.fp-viewing-News .header .right .search:before,
.fp-viewing-Item .header .right .search:before,
.fp-viewing-Footer .header .right .search:before {background:#ddd; opacity:1;}

.business_wrap .half {display:flex;}
.business_wrap .half > * {width:50%; height:100vh;}
.business_wrap .txt {position:relative; background:#00264C; padding-left:calc((100vw - 1600px)/2); color:#fff; display:flex; flex-direction:column; justify-content:center;}
.business_wrap .bg {position:absolute; top:50%; right:-26px; width:963px; height:159px; margin-top:-340px; pointer-events:none; user-select:none; background:url('/pub/images/bg_business.svg') no-repeat 50% 50% / contain;}
.business_wrap .title {margin-bottom:50px;}
.business_wrap .tt {font-size:26px; line-height:40px; margin:50px 0 20px;}
.business_wrap p {font-size:18px; line-height:32px;}
.business_wrap .links {margin-top:100px; width:470px; max-width:100%;}
.business_wrap .links a {position:relative; display:block; font-size:18px; color:#fff; font-weight:600; line-height:70px; padding:0 70px; border-bottom:rgba(255,255,255,.1) 1px solid;}
.business_wrap .links a:before,
.business_wrap .links a:after {content:""; position:absolute; top:0; height:100%; background:no-repeat 50% 50% / contain;}
.business_wrap .links a:before {left:30px; width:27px;}
.business_wrap .links a:after {right:33px; width:12px; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain; opacity:0; transition:.2s linear;}
.business_wrap .links a.i1:before {background-image:url('/pub/images/icon_mbusiness01.svg'); background-size:15px;}
.business_wrap .links a.i2:before {background-image:url('/pub/images/icon_mbusiness02.svg');}
.business_wrap .links a.i3:before {background-image:url('/pub/images/icon_mbusiness03.svg'); background-size:20px;}
.business_wrap .links a.on {background:#004993;}
.business_wrap .imgbox {position:relative; height:100vh;}
.business_wrap .imgfit {position:absolute; top:0; left:0; width:100%; height:100%; display:none;}
.business_wrap .imgfit.on {display:block;}

.news_wrap {position:relative; overflow:hidden; background:rgba(233, 238, 242, 0.59);}
.news_wrap:before {content:""; position:absolute; top:100%; left:50%; width:1160px; height:1160px; background:#98b8cd; filter:blur(250px); transform:translateX(-50%); transition:.4s linear;}
.fp-viewing-News .news_wrap:before {top:calc(100% - 340px); transition:3s linear;}
.news_wrap .inner {display:flex; height:100%;}
.news_wrap .txt {position:relative; width:600px; padding-top:330px;}
.news_wrap .bg {position:absolute; top:180px; right:120px; width:654px; height:182px; background:url('/pub/images/bg_news.svg') no-repeat 50% 50% / contain;}
.news_wrap .title {color:#222; margin-bottom:100px;}
.news_wrap .more {font-size:18px; color:#222; font-weight:600; line-height:25px; padding-right:27px; background:url('/pub/images/arrow_more_b.svg') no-repeat 100% 50%;}
.news_wrap .list {position:relative; width:calc(100% - 600px); border-left:#fff 1px solid; display:flex; flex-wrap:wrap; padding-top:100px;}
.news_wrap .list:before,
.news_wrap .list:after {content:""; position:absolute; top:0; width:1px; height:100%;}
.news_wrap .list:before {left:50%; background:#fff;}
.news_wrap .list:after {right:0; background:#ebebeb;}
.news_wrap .list a {position:relative; padding:30px 56px; width:50%; height:calc(100%/3); border-bottom:#ebebeb 1px solid; display:flex; flex-direction:column; justify-content:center;}
.news_wrap .list a:nth-child(2n) {transform:translateY(50%);}
.news_wrap .list .tit {font-size:26px; color:#222; font-weight:600; line-height:35px;}
.news_wrap .list p {font-size:18px; color:#666; line-height:32px; height:64px; margin:35px 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_wrap .list .date {font-size:16px; color:#222; line-height:22px;}

.ir_wrap {background:url('/pub/images/bg_ir.jpg') no-repeat 50% 50% / cover;}
.ir_wrap .title {color:#fff; margin-bottom:80px;}
.ir_wrap .half {display:flex; gap:96px;}
.ir_wrap .half > * {width:calc(50% - 48px); height:438px; background:rgba(255,255,255,.1) no-repeat right bottom; border:rgba(255,255,255,.2) 1px solid; padding:95px 70px; display:flex; flex-direction:column; justify-content:center; color:#fff;}
.ir_wrap .half .left {background-image:url('/pub/images/bg_ir_left.svg');}
.ir_wrap .half .left .tit {font-size:36px; font-weight:700; line-height:50px;}
.ir_wrap .half .left p {font-size:18px; margin:25px 0 85px;}
.ir_wrap .half .left .more {display:block; font-size:18px; font-weight:600; line-height:60px; height:60px; width:200px; background:#004993; display:flex; justify-content:center; gap:30px;}
.ir_wrap .half .left .more:after {content:""; display:block; width:12px; height:inherit; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}
.ir_wrap .half .right {background-image:url('/pub/images/bg_ir_right.svg');}
.ir_wrap .half .right dl {display:flex; justify-content:space-between; align-items:flex-end;}
.ir_wrap .half .right .stock {line-height:30px; padding-bottom:65px; border-bottom:rgba(255,255,255,.1) 1px solid; margin-bottom:14px;}
.ir_wrap .half .right .stock strong {display:inline-block; vertical-align:baseline;}
.ir_wrap .half .right .stock dt {font-size:20px; color:rgba(255,255,255,.8);}
.ir_wrap .half .right .stock dt strong {font-size:36px; color:#fff;}
.ir_wrap .half .right .stock dd {font-size:18px; color:#fff;}
.ir_wrap .half .right .stock dd strong {font-size:70px;}
.ir_wrap .half .right .before dt {font-size:18px; line-height:28px;}
.ir_wrap .half .right .before dd {font-size:20px; font-weight:700; line-height:28px; display:flex; gap:11px;}
.ir_wrap .half .right .before dd:before {content:""; display:block; width:14px; height:28px; mask:url('/pub/images/arrow_stock.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_stock.svg') no-repeat 50% 50% / contain;}
.ir_wrap .half .right .before dd.down {color:#008AD1;}
.ir_wrap .half .right .before dd.down:before {background:#008AD1;}
.ir_wrap .half .right .before dd.up {color:#D53C13;}
.ir_wrap .half .right .before dd.up:before {background:#D53C13; transform:rotate(180deg);}

.item_wrap {position:relative;}
.item_wrap .marquee {position:absolute; top:50%; left:0; width:100%; height:72px; z-index:0; margin-top:130px;}
.item_wrap .marquee:before {content:""; position:absolute; top:0; left:0; width:4024px; height:100%; background:url('/pub/images/bg_item.svg') repeat-x 0 50% / contain; animation:item_wrap_bg 20s linear infinite;}
@keyframes item_wrap_bg {
	0% {transform:translateX(0);}
	100% {transform:translateX(-1006px);}
}
.item_wrap .inner {position:relative; z-index:1; display:flex; gap:24px;}
.item_wrap a {position:relative; display:block; width:calc((100% - 72px)/4); height:550px;}
.item_wrap span {display:block;}
.item_wrap a > span {position:absolute; top:0; left:0; width:100%; height:100%; padding:35px 30px; overflow:hidden; transition:.3s linear;}
.item_wrap a .front {background:no-repeat 50% 50% / cover; z-index:2; border-radius:20px;}
.item_wrap a .back {position:absolute; top:0; left:0; width:98%; height:98%; border-radius:24px; background:url('/pub/images/bg_item_hover.svg') #004993 no-repeat bottom -59px right -15px; z-index:1; transform:rotateY(180deg);}
.item_wrap .tit {position:relative; font-size:26px; color:#fff; font-weight:700; line-height:35px; z-index:1;}
.item_wrap p {position:relative; font-size:18px; color:#fff; line-height:30px; margin-top:20px; letter-spacing:-.5px; overflow:hidden; z-index:1; transition:.2s linear;}
.item_wrap p span {display:block; font-size:16px; line-height:26px; margin-top:10px;}
.item_wrap .more {position:absolute; bottom:42px; left:30px; font-size:18px; color:#fff; font-weight:600; display:flex; justify-content:center; gap:30px; z-index:1; transition:.2s linear;}
.item_wrap .more:after {content:""; display:block; width:12px; height:inherit; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}
.item_wrap .i1 .front {background-image:url('/pub/images/img_main_item01.jpg');}
.item_wrap .i2 .front {background-image:url('/pub/images/img_main_item02.jpg');}
.item_wrap .i3 .front {background-image:url('/pub/images/img_main_item03.jpg');}
.item_wrap .i4 .front {background-image:url('/pub/images/img_main_item04.jpg');}

.service_wrap {background:url('/pub/images/bg_service.svg') #222 no-repeat 0 0 / cover;}
.service_wrap .flex {display:flex; justify-content:space-between; padding-top:180px;}
.service_wrap .left {padding-left:calc((100vw - 1600px)/2); width:calc(((100vw - 1600px)/2) + 775px);}
.service_wrap .tabs {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:10px; margin-bottom:60px;}
.service_wrap .tabs button {font-size:18px; color:rgba(255,255,255,.7); line-height:50px; display:flex;}
.service_wrap .tabs button:before {content:""; display:block; width:0; height:50px; background:url('/pub/images/arrow_tabs.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.service_wrap .tabs button.on {font-size:36px; color:#fff; font-weight:700; gap:13px;}
.service_wrap .tabs button.on:before {width:13px;}
.service_wrap .list {position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; gap:24px; overflow:hidden auto; height:476px; padding-right:10px;}
.service_wrap .list .non_select {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; z-index:10; border-radius:20px; background:rgba(255, 255, 255, 0.30); backdrop-filter:blur(15px); /* display:none */;}
.service_wrap .list .non_select:before {content:""; display:block; width:100%; height:69px; background:url('/pub/images/icon_mouse_click.svg') no-repeat 50% 50% / contain; margin-bottom:30px;}
.service_wrap .list .non_select p {font-size:26px; color:#fff; font-weight:600; line-height:44px; text-align:center;}
.service_wrap .list a {width:calc(50% - 12px); padding:30px 24px; border-radius:20px; background:rgba(255,255,255,.1); border:rgba(255,255,255,.1) 1px solid; backdrop-filter:blur(25px);}
.service_wrap .list .tit {position:relative; display:block; font-size:20px; color:#fff; font-weight:700; line-height:28px; margin-bottom:20px; padding:0 30px; background:url('/pub/images/icon_map_point.svg') no-repeat 0 50%;}
.service_wrap .list .tit:after {content:""; position:absolute; top:0; right:0; width:28px; height:28px; background:url('/pub/images/icon_map_round.svg') no-repeat 50% 50% / contain; opacity:.2; filter:grayscale(1); transition:.2s linear;}
.service_wrap .list p {font-size:16px; color:rgba(255,255,255,.7); line-height:22px;}
.service_wrap .list .tel {height:22px; margin-top:10px;}
.service_wrap .list .tags {display:flex; flex-wrap:wrap; gap:5px; margin-top:15px; height:25px; overflow:hidden;}
.service_wrap .list .tags li {font-size:12px; color:rgba(255,255,255,.8); line-height:25px; height:25px; padding:0 12px; border-radius:12px; background:rgba(255,255,255,.05);}
.service_wrap .list.non_scroll {overflow:hidden auto; min-height:400px;}
.service_wrap .list.non_scroll .non_select {display:flex;}
.service_wrap ::-webkit-scrollbar {width:3px; height:3px;}
.service_wrap ::-webkit-scrollbar-thumb {background-color:#fff; border-radius:0; border:none;}
.service_wrap ::-webkit-scrollbar-track {background-color:rgba(255,255,255,.1); border-radius:0; box-shadow:none;}
.service_wrap .map_wrap {width:calc(100vw - (((100vw - 1600px)/2) + 855px)); background:url('/pub/images/bg_service_map.jpg') no-repeat 50% 50% / cover; border-radius:200px 0 0 0;}
.fp-viewing-Footer .service_wrap .list a {background:#333; backdrop-filter:blur(0);}

.map_set {position:relative; height:calc(100vh - 180px); display:flex; justify-content:center; align-items:center;}
.map_set .nationwide {position:relative; width:390px; height:661px; z-index:1;}
.map_set .land {cursor:pointer;}
.map_set .z1 {position:relative;z-index:1;}
.map_set .nationwide svg {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.map_set .nationwide .shadow {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.map_set .nationwide .shadow svg {fill:rgba(0, 0, 0, 0.1);margin-top:7px;}
.map_set .nationwide .count_point {position:relative;z-index:1;}
.map_set .nationwide .count_point .point {position:absolute;overflow:hidden;width:100px;height:30px;border:#666 1px solid;background:#666;border-radius:15px;overflow:hidden;cursor:pointer;}
.map_set .nationwide .count_point .point.off{display: none !important;}
.map_set .nationwide .count_point .point dt,.map_set .nationwide .count_point .point dd {float:left;font-size:16px;text-align:center;line-height:28px;}
.map_set .nationwide .count_point .point dt {width:69px;color:#333;background:#fff;border-radius:0 15px 15px 0;}
.map_set .nationwide .count_point .point dd {width:25px;color:#fff;}
.map_set .nationwide .count_point .point.in {background:#d53c13;border-color:#d53c13;}
.map_set .nationwide .count_point #point01 {top:160px;left:70px;} /* 서울 */
.map_set .nationwide .count_point #point02 {top:90px;left:60px;} /* 경기도 */
.map_set .nationwide .count_point #point03 {top:120px;left:-50px;} /* 인천 */
.map_set .nationwide .count_point #point04 {top:100px;left:180px;} /* 강원도 */
.map_set .nationwide .count_point #point05 {top:450px;left:200px;} /* 경상남도 */
.map_set .nationwide .count_point #point06 {top:280px;left:260px;} /* 경상북도 */
.map_set .nationwide .count_point #point07 {top:470px;left:60px;} /* 광주 */
.map_set .nationwide .count_point #point08 {top:370px;left:260px;} /* 대구 */
.map_set .nationwide .count_point #point09 {top:310px;left:140px;} /* 대전 */
.map_set .nationwide .count_point #point10 {top:490px;left:300px;} /* 부산 */
.map_set .nationwide .count_point #point11 {top:430px;left:340px;} /* 울산 */
.map_set .nationwide .count_point #point12 {top:520px;left:40px;} /* 전라남도 */
.map_set .nationwide .count_point #point13 {top:400px;left:60px;} /* 전라북도 */
.map_set .nationwide .count_point #point14 {top:620px;left:50px;} /* 제주도 */
.map_set .nationwide .count_point #point15 {top:280px;left:20px;} /* 충청남도 */
.map_set .nationwide .count_point #point16 {top:220px;left:160px;} /* 충청북도 */
.map_set .nationwide .count_point #point17 {top:260px;left:120px;} /* 세종 */
.map_set .nationwide .land.on {fill-opacity:1;fill:#0064b3;}
.map_set.on .nationwide {display:none;}

.map_set .btn_before {position:absolute; top:40px; right:40px; font-size:18px; color:#222; font-weight:600; line-height:28px; height:30px; padding:0 20px; background:#fff; border-radius:15px; border:#d53c13 1px solid; z-index:1; display:none;}
.map_set.on .btn_before {display:block;}

/* 지역지도 */
.map_set .map_area_wrap {position:relative; width:522px; height:510px; display:none; z-index:1;}
.map_set.on .map_area_wrap {display:block;}
.map_set .map_area {display:none;}
.map_set .map_area.on {display:block;}
.map_set .map_area svg {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.63);}
.map_set .map_area svg.shadow {fill:rgba(0, 0, 0, 0.1);margin-top:7px;z-index:-1;}
.map_set .map_area svg g {position:relative;cursor:pointer;}
.map_set .map_area svg g polygon {position:relative;cursor:pointer;}
.map_set .map_area svg g text {position:relative;z-index:1;cursor:pointer;display:none;}
.map_set .map_area svg g text tspan {font-size:24px;fill:#999;}
.map_set .map_area svg g text tspan tspan {font-size:15px;fill:#fff;}
.map_set .map_area svg .on .area {fill:#d53c13 !important;}
.map_set .map_area .names li {position:absolute;top:50%;left:50%;z-index:1;cursor:pointer;display:flex;align-items:center;}
.map_set .map_area .names li.on {z-index:100;}
.map_set .map_area .names li p {position:relative;font-size:15px;font-weight:500;line-height:20px;padding-left:4px;transition:0.2s ease-out;}
.map_set .map_area .names li span.redRadi{width:20px;height:20px;line-height:20px;border:1px solid #d53c13;border-radius:50%;background:#d53c13;color:#fff;font-size:12px;text-align:center;}/* .map_set .map_area .names li p:before {content:"";position:absolute;top:50%;left:0;width:12px;height:12px;background:#fff;border:#999 2px solid;border-radius:50%;margin-top:-6px;} */

.map_set .map_area .names li.on p {color:#fff;line-height:30px;height:30px;width:100px;border-radius:15px;background:#303340;text-align:center;padding:0;margin:-5px 0 0 -20px;font-size:18px;}
.map_set.on .map_area_wrap {display:block;}

/* 서울 */
.map_set .map_area .names .area01_01 {margin-top:-10px;margin-left:-230px;} /*강서구*/
.map_set .map_area .names .area01_02 {margin-top:60px;margin-left:-190px;} /*양천구*/
.map_set .map_area .names .area01_03 {margin-top:110px;margin-left:-205px;} /*구로구*/
.map_set .map_area .names .area01_04 {margin-top:-100px;margin-left:-90px;} /*은평구*/
.map_set .map_area .names .area01_05 {margin-top:-30px;margin-left:-85px;} /*서대문구*/
.map_set .map_area .names .area01_06 {margin-top:-5px;margin-left:-110px;} /*마포구*/
.map_set .map_area .names .area01_07 {margin-top:60px;margin-left:-115px;} /*영등포구*/
.map_set .map_area .names .area01_08 {margin-top:150px;margin-left:-140px;} /*금천구*/
.map_set .map_area .names .area01_09 {margin-top:-75px;margin-left:-25px;} /*종로구*/
.map_set .map_area .names .area01_10 {margin-top:-5px;margin-left:10px;} /*중구*/
.map_set .map_area .names .area01_11 {margin-top:35px;margin-left:-25px;} /*용산구*/
.map_set .map_area .names .area01_12 {margin-top:85px;margin-left:-60px;} /*동작구*/
.map_set .map_area .names .area01_13 {margin-top:150px;margin-left:-55px;} /*관악구*/
.map_set .map_area .names .area01_14 {margin-top:-165px;margin-left:55px;} /*도봉구*/
.map_set .map_area .names .area01_15 {margin-top:-115px;margin-left:25px;} /*강북구*/
.map_set .map_area .names .area01_16 {margin-top:-65px;margin-left:30px;} /*성북구*/
.map_set .map_area .names .area01_17 {margin-top:-35px;margin-left:65px;} /*동대문구*/
.map_set .map_area .names .area01_18 {margin-top:10px;margin-left:50px;} /*성동구*/
.map_set .map_area .names .area01_19 {margin-top:105px;margin-left:10px;} /*서초구*/
.map_set .map_area .names .area01_20 {margin-top:-115px;margin-left:95px;} /*노원구*/
.map_set .map_area .names .area01_21 {margin-top:-65px;margin-left:120px;} /*중랑구*/
.map_set .map_area .names .area01_22 {margin-top:15px;margin-left:110px;} /*광진구*/
.map_set .map_area .names .area01_23 {margin-top:105px;margin-left:80px;} /*강남구*/
.map_set .map_area .names .area01_24 {margin-top:5px;margin-left:190px;} /*강동구*/
.map_set .map_area .names .area01_25 {margin-top:90px;margin-left:150px;} /*송파구*/
/* 경기 */
.map_set .map_area .names .area02_01 {margin-top:-55px;margin-left:-190px;}
.map_set .map_area .names .area02_02 {margin-top:-105px;margin-left:-140px;}
.map_set .map_area .names .area02_03 {margin-top:-40px;margin-left:-130px;}
.map_set .map_area .names .area02_04 {margin-top:-190px;margin-left:-70px;}
.map_set .map_area .names .area02_05 {margin-top:-130px;margin-left:-50px;}
.map_set .map_area .names .area02_06 {margin-top:-90px;margin-left:-75px;}
.map_set .map_area .names .area02_07 {margin-top:-60px;margin-left:-65px;}
.map_set .map_area .names .area02_08 {margin-top:-155px;margin-left:0px;}
.map_set .map_area .names .area02_09 {margin-top:-15px;margin-left:-50px;}
.map_set .map_area .names .area02_10 {margin-top:-40px;margin-left:-15px;}
.map_set .map_area .names .area02_11 {margin-top:-90px;margin-left:45px;}
.map_set .map_area .names .area02_12 {margin-top:15px;margin-left:-30px;}
.map_set .map_area .names .area02_13 {margin-top:15px;margin-left:-145px;}
.map_set .map_area .names .area02_14 {margin-top:20px;margin-left:-95px;}
.map_set .map_area .names .area02_15 {margin-top:60px;margin-left:-160px;}
.map_set .map_area .names .area02_16 {margin-top:55px;margin-left:-100px;}
.map_set .map_area .names .area02_17 {margin-top:95px;margin-left:-135px;}
.map_set .map_area .names .area02_18 {margin-top:80px;margin-left:-100px;}
.map_set .map_area .names .area02_19 {margin-top:35px;margin-left:-70px;}
.map_set .map_area .names .area02_20 {margin-top:75px;margin-left:-60px;}
.map_set .map_area .names .area02_21 {margin-top:55px;margin-left:-40px;}
.map_set .map_area .names .area02_22 {margin-top:100px;margin-left:-70px;}
.map_set .map_area .names .area02_23 {margin-top:140px;margin-left:-110px;}
.map_set .map_area .names .area02_24 {margin-top:145px;margin-left:-65px;}
.map_set .map_area .names .area02_25 {margin-top:55px;margin-left:5px;}
.map_set .map_area .names .area02_26 {margin-top:120px;margin-left:-15px;}
.map_set .map_area .names .area02_27 {margin-top:115px;margin-left:50px;}
.map_set .map_area .names .area02_28 {margin-top:20px;margin-left:90px;}
.map_set .map_area .names .area02_29 {margin-top:95px;margin-left:105px;}
.map_set .map_area .names .area02_30 {margin-top:200px;margin-left:-80px;}
.map_set .map_area .names .area02_31 {margin-top:190px;margin-left:5px;}

/* 강원도 */
.map_set .map_area .names .area04_01 {margin-top:30px;margin-left:130px;}
.map_set .map_area .names .area04_02 {margin-top:-155px;margin-left:15px;}
.map_set .map_area .names .area04_03 {margin-top:70px;margin-left:190px;}
.map_set .map_area .names .area04_04 {margin-top:105px;margin-left:160px;}
.map_set .map_area .names .area04_05 {margin-top:-110px;margin-left:60px;}
.map_set .map_area .names .area04_06 {margin-top:-130px;margin-left:-70px;}
.map_set .map_area .names .area04_07 {margin-top:-55px;margin-left:60px;}
.map_set .map_area .names .area04_08 {margin-top:150px;margin-left:20px;}
.map_set .map_area .names .area04_09 {margin-top:130px;margin-left:-100px;}
.map_set .map_area .names .area04_10 {margin-top:-80px;margin-left:-10px;}
.map_set .map_area .names .area04_11 {margin-top:85px;margin-left:90px;}
.map_set .map_area .names .area04_12 {margin-top:-120px;margin-left:-225px;}
.map_set .map_area .names .area04_13 {margin-top:-30px;margin-left:-120px;}
.map_set .map_area .names .area04_14 {margin-top:180px;margin-left:160px;}
.map_set .map_area .names .area04_15 {margin-top:45px;margin-left:30px;}
.map_set .map_area .names .area04_16 {margin-top:-105px;margin-left:-140px;}
.map_set .map_area .names .area04_17 {margin-top:60px;margin-left:-50px;}
.map_set .map_area .names .area04_18 {margin-top:30px;margin-left:-110px;}
/* 충북 */
.map_set .map_area .names .area16_01 {margin-top:-70px;margin-left:-70px;}
.map_set .map_area .names .area16_02 {margin-top:-150px;margin-left:110px;}
.map_set .map_area .names .area16_03 {margin-top:50px;margin-left:-90px;}
.map_set .map_area .names .area16_04 {margin-top:180px;margin-left:-70px;}
.map_set .map_area .names .area16_05 {margin-top:110px;margin-left:-110px;}
.map_set .map_area .names .area16_06 {margin-top:-120px;margin-left:-120px;}
.map_set .map_area .names .area16_07 {margin-top:-200px;margin-left:40px;}
.map_set .map_area .names .area16_08 {margin-top:-65px;margin-left:-140px;}
.map_set .map_area .names .area16_09 {margin-top:-95px;margin-left:-180px;}
.map_set .map_area .names .area16_10 {margin-top:-10px;margin-left:-170px;}
.map_set .map_area .names .area16_11 {margin-top:-160px;margin-left:-50px;}
/* 충남 */
.map_set .map_area .names .area15_01 {margin-top:80px;margin-left:90px;}
.map_set .map_area .names .area15_02 {margin-top:-20px;margin-left:20px;}
.map_set .map_area .names .area15_03 {margin-top:150px;margin-left:150px;}
.map_set .map_area .names .area15_04 {margin-top:115px;margin-left:60px;}
.map_set .map_area .names .area15_05 {margin-top:-150px;margin-left:-95px;}
.map_set .map_area .names .area15_06 {margin-top:40px;margin-left:-115px;}
.map_set .map_area .names .area15_07 {margin-top:95px;margin-left:-40px;}
.map_set .map_area .names .area15_08 {margin-top:-100px;margin-left:-150px;}
.map_set .map_area .names .area15_09 {margin-top:145px;margin-left:-95px;}
.map_set .map_area .names .area15_10{margin-top:-125px;margin-left:0;}
.map_set .map_area .names .area15_11 {margin-top:-90px;margin-left:-75px;}
.map_set .map_area .names .area15_12 {margin-top:-130px;margin-left:80px;}
.map_set .map_area .names .area15_13 {margin-top:25px;margin-left:-40px;}
.map_set .map_area .names .area15_14 {margin-top:-120px;margin-left:-230px;}
.map_set .map_area .names .area15_15 {margin-top:-35px;margin-left:-120px;}
/* 경북 */
.map_set .map_area .names .area06_01 {margin-top:140px;margin-left:-15px;}
.map_set .map_area .names .area06_02 {margin-top:145px;margin-left:80px;}
.map_set .map_area .names .area06_03 {margin-top:150px;margin-left:-130px;}
.map_set .map_area .names .area06_04 {margin-top:20px;margin-left:-100px;}
.map_set .map_area .names .area06_05 {margin-top:40px;margin-left:-30px;}
.map_set .map_area .names .area06_06 {margin-top:40px;margin-left:-170px;}
.map_set .map_area .names .area06_07 {margin-top:-120px;margin-left:-150px;}
.map_set .map_area .names .area06_08 {margin-top:-170px;margin-left:30px;}
.map_set .map_area .names .area06_09 {margin-top:-40px;margin-left:-170px;}
.map_set .map_area .names .area06_10 {margin-top:95px;margin-left:-140px;}
.map_set .map_area .names .area06_11 {margin-top:-85px;margin-left:-5px;}
.map_set .map_area .names .area06_12 {margin-top:-35px;margin-left:110px;}
.map_set .map_area .names .area06_13 {margin-top:-110px;margin-left:75px;}
.map_set .map_area .names .area06_14 {margin-top:-145px;margin-left:-40px;}
.map_set .map_area .names .area06_15 {margin-top:70px;margin-left:20px;}
.map_set .map_area .names .area06_16 {margin-top:-105px;margin-left:-75px;}
.map_set .map_area .names .area06_18 {margin-top:-175px;margin-left:110px;}
.map_set .map_area .names .area06_19 {margin-top:-20px;margin-left:-40px;}
.map_set .map_area .names .area06_20 {margin-top:175px;margin-left:-15px;}
.map_set .map_area .names .area06_21 {margin-top:0px;margin-left:60px;}
.map_set .map_area .names .area06_22 {margin-top:70px;margin-left:-85px;}
.map_set .map_area .names .area06_23 {margin-top:40px;margin-left:90px;}
/* 경남 */
.map_set .map_area .names .area05_01 {margin-top:145px;margin-left:35px;}
.map_set .map_area .names .area05_02 {margin-top:-165px;margin-left:-180px;}
.map_set .map_area .names .area05_03 {margin-top:95px;margin-left:-60px;}
.map_set .map_area .names .area05_04 {margin-top:0;margin-left:100px;}
.map_set .map_area .names .area05_05 {margin-top:170px;margin-left:-160px;}
.map_set .map_area .names .area05_06 {margin-top:-70px;margin-left:75px;}
.map_set .map_area .names .area05_07 {margin-top:80px;margin-left:-130px;}
.map_set .map_area .names .area05_08 {margin-top:-25px;margin-left:-175px;}
.map_set .map_area .names .area05_09 {margin-top:-40px;margin-left:150px;}
.map_set .map_area .names .area05_10 {margin-top:-40px;margin-left:-65px;}
.map_set .map_area .names .area05_11 {margin-top:30px;margin-left:-115px;}
.map_set .map_area .names .area05_12 {margin-top:-90px;margin-left:-10px;}
.map_set .map_area .names .area05_13 {margin-top:25px;margin-left:30px;}
.map_set .map_area .names .area05_14 {margin-top:130px;margin-left:-30px;}
.map_set .map_area .names .area05_15 {margin-top:40px;margin-left:-210px;}
.map_set .map_area .names .area05_16 {margin-top:-10px;margin-left:-20px;}
.map_set .map_area .names .area05_17 {margin-top:-110px;margin-left:-225px;}
.map_set .map_area .names .area05_18 {margin-top:-110px;margin-left:-100px;}
/* 전북 */
.map_set .map_area .names .area13_01 {margin-top:90px;margin-left:-200px;}
.map_set .map_area .names .area13_02 {margin-top:-105px;margin-left:-150px;}
.map_set .map_area .names .area13_03 {margin-top:-34px;margin-left:-115px;}
.map_set .map_area .names .area13_04 {margin-top:110px;margin-left:40px;}
.map_set .map_area .names .area13_05 {margin-top:-100px;margin-left:145px;}
.map_set .map_area .names .area13_06 {margin-top:10px;margin-left:-190px;}
.map_set .map_area .names .area13_07 {margin-top:115px;margin-left:-40px;}
.map_set .map_area .names .area13_08 {margin-top:-110px;margin-left:-5px;}
.map_set .map_area .names .area13_09 {margin-top:-140px;margin-left:-80px;}
.map_set .map_area .names .area13_10 {margin-top:40px;margin-left:-10px;}
.map_set .map_area .names .area13_11 {margin-top:45px;margin-left:75px;}
.map_set .map_area .names .area13_12 {margin-top:-55px;margin-left:-55px;}
.map_set .map_area .names .area13_13 {margin-top:30px;margin-left:-110px;}
.map_set .map_area .names .area13_14 {margin-top:-60px;margin-left:60px;}
/* 전남 */
.map_set .map_area .names .area12_01 {margin-top:30px;margin-left:-55px;}
.map_set .map_area .names .area12_02 {margin-top:45px;margin-left:90px;}
.map_set .map_area .names .area12_03 {margin-top:-150px;margin-left:60px;}
.map_set .map_area .names .area12_04 {margin-top:-90px;margin-left:160px;}
.map_set .map_area .names .area12_05 {margin-top:-140px;margin-left:120px;}
.map_set .map_area .names .area12_06 {margin-top:-70px;margin-left:-65px;}
.map_set .map_area .names .area12_07 {margin-top:-160px;margin-left:0px;}
.map_set .map_area .names .area12_08 {margin-top:-15px;margin-left:-160px;}
.map_set .map_area .names .area12_09 {margin-top:-55px;margin-left:-140px;}
.map_set .map_area .names .area12_10 {margin-top:-20px;margin-left:40px;}
.map_set .map_area .names .area12_11 {margin-top:-75px;margin-left:90px;}
.map_set .map_area .names .area12_12 {margin-top:-25px;margin-left:-225px;}
.map_set .map_area .names .area12_13 {margin-top:-15px;margin-left:155px;}
.map_set .map_area .names .area12_14 {margin-top:-160px;margin-left:-130px;}
.map_set .map_area .names .area12_15 {margin-top:-15px;margin-left:-85px;}
.map_set .map_area .names .area12_16 {margin-top:155px;margin-left:-15px;}
.map_set .map_area .names .area12_17 {margin-top:-170px;margin-left:-60px;}
.map_set .map_area .names .area12_18 {margin-top:-5px;margin-left:-25px;}
.map_set .map_area .names .area12_19 {margin-top:90px;margin-left:-185px;}
.map_set .map_area .names .area12_20 {margin-top:-110px;margin-left:-130px;}
.map_set .map_area .names .area12_21 {margin-top:80px;margin-left:-105px;}
.map_set .map_area .names .area12_22 {margin-top:-80px;margin-left:10px;}
/* 제주 */
.map_set .map_area .names .area14_01 {margin-top:40px;margin-left:-80px;}
.map_set .map_area .names .area14_02 {margin-top:-65px;margin-left:-50px;}
.map_set .map_area .names .area14_03 {margin-top:20px;margin-left:-260px;}
.map_set .map_area .names .area14_04 {margin-top:-10px;margin-left:-220px;}
.map_set .map_area .names .area14_05 {margin-top:-45px;margin-left:-155px;}
.map_set .map_area .names .area14_06 {margin-top:-85px;margin-left:45px;}
.map_set .map_area .names .area14_07 {margin-top:-90px;margin-left:120px;}
.map_set .map_area .names .area14_08 {margin-top:60px;margin-left:-240px;}
.map_set .map_area .names .area14_09 {margin-top:30px;margin-left:-180px;}
.map_set .map_area .names .area14_10 {margin-top:10px;margin-left:40px;}
.map_set .map_area .names .area14_11 {margin-top:-30px;margin-left:90px;}
.map_set .map_area .names .area14_12 {margin-top:-40px;margin-left:155px;}
.map_set .map_area .names .area14_13 {margin-top:-130px;margin-left:220px;}
/* 부산 */
.map_set .map_area .names .area10_01 {margin-top:60px;margin-left:-200px;}
.map_set .map_area .names .area10_02 {margin-top:-95px;margin-left:15px;}
.map_set .map_area .names .area10_03 {margin-top:-130px;margin-left:110px;}
.map_set .map_area .names .area10_04 {margin-top:65px;margin-left:30px;}
.map_set .map_area .names .area10_05 {margin-top:45px;margin-left:-5px;}
.map_set .map_area .names .area10_06 {margin-top:-35px;margin-left:5px;}
.map_set .map_area .names .area10_07 {margin-top:20px;margin-left:-30px;}
.map_set .map_area .names .area10_08 {margin-top:-50px;margin-left:-40px;}
.map_set .map_area .names .area10_09 {margin-top:25px;margin-left:-85px;}
.map_set .map_area .names .area10_10 {margin-top:105px;margin-left:-85px;}
.map_set .map_area .names .area10_11 {margin-top:65px;margin-left:-40px;}
.map_set .map_area .names .area10_12 {margin-top:30px;margin-left:50px;}
.map_set .map_area .names .area10_13 {margin-top:-10px;margin-left:10px;}
.map_set .map_area .names .area10_14 {margin-top:115px;margin-left:5px;}
.map_set .map_area .names .area10_15 {margin-top:85px;margin-left:-17px;}
.map_set .map_area .names .area10_16 {margin-top:-5px;margin-left:75px;}
/* 인천 */
.map_set .map_area .names .area03_01 {margin-top:-110px;margin-left:-50px;}
.map_set .map_area .names .area03_02 {margin-top:-10px;margin-left:80px;}
.map_set .map_area .names .area03_03 {margin-top:0;margin-left:160px;}
.map_set .map_area .names .area03_04 {margin-top:50px;margin-left:160px;}
.map_set .map_area .names .area03_05 {margin-top:130px;margin-left:160px;}
.map_set .map_area .names .area03_06 {margin-top:100px;margin-left:100px;}
.map_set .map_area .names .area03_07 {margin-top:70px;margin-left:85px;}
.map_set .map_area .names .area03_08 {margin-top:35px;margin-left:-60px;}
.map_set .map_area .names .area03_09 {margin-top:45px;margin-left:-175px;}
.map_set .map_area .names .area03_10 {margin-top:130px;margin-left:95px;}
/* 세종 */
/*.map_set .map_area .names .area17_01 {margin-top:-230px;margin-left:-140px;}
.map_set .map_area .names .area17_02 {margin-top:-155px;margin-left:-135px;}
.map_set .map_area .names .area17_03 {margin-top:-135px;margin-left:-50px;}
.map_set .map_area .names .area17_04 {margin-top:-60px;margin-left:10px;}
.map_set .map_area .names .area17_05 {margin-top:-25px;margin-left:-60px;}
.map_set .map_area .names .area17_06 {margin-top:150px;margin-left:-90px;}
.map_set .map_area .names .area17_07 {margin-top:65px;margin-left:10px;}
.map_set .map_area .names .area17_08 {margin-top:20px;margin-left:45px;}
.map_set .map_area .names .area17_09 {margin-top:50px;margin-left:110px;}
.map_set .map_area .names .area17_10 {margin-top:50px;margin-left:-95px;}
.map_set .map_area .names .area17_11 {margin-top:95px;margin-left:-15px;}
.map_set .map_area .names .area17_12 {margin-top:50px;margin-left:-5px;}
.map_set .map_area .names .area17_13 {margin-top:70px;margin-left:-80px;}
.map_set .map_area .names .area17_14 {margin-top:85px;margin-left:-80px;}
.map_set .map_area .names .area17_15 {margin-top:100px;margin-left:-80px;}
.map_set .map_area .names .area17_16 {margin-top:110px;margin-left:-25px;}
.map_set .map_area .names .area17_17 {margin-top:126px;margin-left:-41px;}
.map_set .map_area .names .area17_18 {margin-top:145px;margin-left:-2px;}
.map_set .map_area .names .area17_19 {margin-top:127px;margin-left:20px;}
.map_set .map_area .names .area17_20 {margin-top:110px;margin-left:40px;}
.map_set .map_area .names .area17_21 {margin-top:90px;margin-left:60px;}
.map_set .map_area .names .area17_22 {margin-top:170px;margin-left:-10px;}*/
/* 대전 */
.map_set .map_area .names .area09_01 {margin-top:-85px;margin-left:-2px;}
.map_set .map_area .names .area09_02 {margin-top:-10px;margin-left:45px;}
.map_set .map_area .names .area09_03 {margin-top:60px;margin-left:-100px;}
.map_set .map_area .names .area09_04 {margin-top:-50px;margin-left:-100px;}
.map_set .map_area .names .area09_05 {margin-top:45px;margin-left:-15px;}
/* 대구 */
.map_set .map_area .names .area08_01 {margin-top:-35px;margin-left:10px;}
.map_set .map_area .names .area08_02 {margin-top:-25px;margin-left:-55px;}
.map_set .map_area .names .area08_03 {margin-top:40px;margin-left:-70px;}
.map_set .map_area .names .area08_04 {margin-top:-120px;margin-left:60px;}
.map_set .map_area .names .area08_05 {margin-top:-120px;margin-left:-5px;}
.map_set .map_area .names .area08_06 {margin-top:-70px;margin-left:-30px;}
.map_set .map_area .names .area08_07 {margin-top:-40px;margin-left:60px;}
.map_set .map_area .names .area08_08 {margin-top:-60px;margin-left:10px;}
/* 광주 */
.map_set .map_area .names .area07_01 {margin-top:-30px;margin-left:-100px;}
.map_set .map_area .names .area07_02 {margin-top:50px;margin-left:10px;}
.map_set .map_area .names .area07_03 {margin-top:30px;margin-left:80px;}
.map_set .map_area .names .area07_04 {margin-top:-60px;margin-left:50px;}
.map_set .map_area .names .area07_05 {margin-top:2px;margin-left:-5px;}
/* 울산 */
.map_set .map_area .names .area11_01 {margin-top:5px;margin-left:40px;}
.map_set .map_area .names .area11_02 {margin-top:5px;margin-left:100px;}
.map_set .map_area .names .area11_03 {margin-top:-35px;margin-left:20px;}
.map_set .map_area .names .area11_04 {margin-top:-45px;margin-left:-80px;}
.map_set .map_area .names .area11_05 {margin-top:-65px;margin-left:80px;}

/* sub */
.sub_head {position:relative; margin-top:100px; height:244px; padding:50px 0; z-index:10; background:#fff url('/pub/images/bg_aside.svg') no-repeat bottom -40px right;}
.sub_head.g00 {background:none;}
.sub_head .eng {font-size:14px; color:#004993; font-weight:600; line-height:20px; margin-bottom:20px; display:none;}
.sub_head .tit {font-size:60px; color:#222; font-weight:600; line-height:82px;}
.sub_head .aside {margin-top:20px; display:flex; gap:30px;}
.sub_head .aside .home {width:18px; height:42px; background:url('/pub/images/icon_home_c.svg') no-repeat 50% 50% / contain; font-size:0;}
.sub_head .aside dl {position:relative;}
.sub_head .aside dl:before {content:""; position:absolute; top:50%; left:-17px; width:4px; height:4px; background:#d9d9d9; border-radius:50%; transform:translateY(-50%);}
.sub_head .aside dt {position:relative; font-size:16px; color:#000; line-height:42px;}
.sub_head .aside dd {position:absolute; top:100%; left:-20px; width:230px; background:#fff; padding:10px 0; border:#ddd 1px solid; display:none;}
.sub_head .aside dd a {display:block; font-size:15px; color:#222; line-height:40px; padding:0 20px;}
.sub_head .aside dd a.on {color:#004993; font-weight:600;}
.sub_head .aside dd a.outlink {display:flex; align-items:center; gap:10px;}
.sub_head .aside dd a.outlink:after {content:""; display:block; width:13px; height:13px; background:#666; mask:url('/pub/images/icon_link.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_link.svg') no-repeat 50% 50% / contain;}
.sub_head .aside .updown dt {padding-right:35px; cursor:pointer;}
.sub_head .aside .updown dt:after {content:""; position:absolute; top:0; right:0; width:11px; height:100%; background:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.sub_head .aside .updown.on dt:after {transform:rotate(180deg);}
.sub_head.g08 .aside,
.sub_head.g09 .aside,
.sub_head.g00 .aside {display:none;}

.svisual {position:relative; width:100%; height:500px; background:#fff no-repeat 50% 50% / cover; z-index:9; overflow:hidden;}
.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.g04 {background-image:url('/pub/images/svisual04.jpg');}
.svisual.g05 {background-image:url('/pub/images/svisual05.jpg');}
.svisual.g06 {background-image:url('/pub/images/svisual06.jpg');}
.svisual.g07 {background-image:url('/pub/images/svisual07.jpg');}
.svisual.g08 {background-image:url('/pub/images/svisual08.jpg');}
.svisual.g09 {background-image:url('/pub/images/svisual09.jpg');}
.svisual.g00 {display:none;} /* 통합검색 */
.svisual #subcon {position:absolute; bottom:100px;}

.container {position:relative; padding:160px 0 200px; font-size:18px; color:#222; line-height:30px; z-index:0; z-index:1;}
.container .stit {font-size:40px; font-weight:700; line-height:50px; margin:160px 0 60px; text-align:center;}
.container .stit:first-child {margin-top:0;}
.container .stit.mt_his {margin-top:80px;}
.container .stit.mb {margin-bottom:30px;}
.container .stit.mb8 {margin-bottom:80px;}
.container .sbtxt {font-size:20px; color:#000; line-height:26px; text-align:center; margin:20px 0 60px;}
.container .ltit {position:relative; font-size:30px; font-weight:600; line-height:42px; margin:160px 0 20px;}
.container .ltit.mt {margin-top:80px;}
.container .ltit .btn {position:absolute; top:50%; right:0; font-size:18px; color:#fff; font-weight:600; line-height:50px; height:50px; width:150px; background:#222; text-align:center; transform:translateY(-50%);}
.container .ltit .more {position:absolute; top:0; right:0; font-size:18px; font-weight:500; line-height:42px; padding-right:35px;}
.container .ltit .more:after {content:""; position:absolute; top:50%; right:0; width:25px; height:25px; border:#ddd 1px solid; background:url('/pub/images/icon_plus.svg') no-repeat 50% 50%; border-radius:50%; transform:translateY(-50%);}
.container .ltit.s {font-size:24px; margin:60px 0 25px;}
.container .tb {font-size:24px; font-weight:500; line-height:34px; margin-bottom:80px;}

.point {position:absolute;}

.container .tabs_wrap {width:100%;}
.container .tabs {position:relative; display:flex;}
.container .tabs:before {content:""; position:absolute; bottom:0; left:50%; width:100vw; height:1px; background:#ddd; transform:translateX(-50%);}
.container .tabs.mb {margin-bottom:160px;}
.container .tabs button,
.container .tabs a {position:relative; width:50%; font-size:20px; line-height:28px; padding-bottom:28px; text-align:center;}
.container .tabs li {width:50%;}
.container .tabs li button {width:100%;}
.container .tabs button:after,
.container .tabs a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#004993; transition:.2s linear;}
.container .tabs .on button,
.container .tabs a.on {color:#004993; font-weight:600;}
.container .tabs .on button:after,
.container .tabs a.on:after {left:0; width:100%;}
.container .tabs.auto {justify-content:space-between;}
.container .tabs.auto a {width:auto; flex:1 1 auto;}

.tit_tab {display:flex; justify-content:center; margin-bottom:160px; padding:20px 0; border-bottom:#ddd 1px solid;}
.tit_tab .swiper-wrapper {justify-content:center;}
.tit_tab .stit {position:relative; text-align:center; margin:0 !important; padding:5px 40px; font-size:22px; color:#999; font-weight:400; width:auto;}
.tit_tab .stit:before {content:""; position:absolute; top:50%; left:0; width:1px; height:20px; background:#ddd; margin-top:-10px;}
.tit_tab .stit:first-child:before {display:none;}
.tit_tab .stit.on {color:#222; font-weight:700;}

label.check {position:relative; display:block; font-size:16px; font-weight:600; line-height:20px; padding-left:30px;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:20px; height:20px; background:#fff no-repeat 50% 50% / contain; border:#666 1px solid; transition:.2s linear;}
label.check input:checked + i {background-image:url('/pub/images/icon_check.svg'); background-color:#004993;}
label.check.solo {width:20px; height:20px; padding:0;}

/* 인사말 */
.greeting .inner {display:flex;}
.greeting .txt {position:relative; width:calc(100% - 560px); padding:120px 0 0;}
.greeting .abso {position:absolute; top:10px; left:calc((-100vw + 1440px)/2); font-size:130px; line-height:144px; width:1280px; color:#fff; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#008AD1; letter-spacing:-3.25px; opacity:.2;}
.greeting .tit {position:relative; font-size:36px; line-height:55px; padding-bottom:45px; margin-bottom:55px; letter-spacing:-1px;}
.greeting .tit:after {content:""; position:absolute; bottom:0; left:0; width:100px; height:1px; background:#004993;}
.greeting p {font-weight:500;}
.greeting .name {margin-top:70px; display:flex; align-items:flex-end; gap:20px; line-height:1;}
.greeting .img {position:relative; width:690px; height:690px; margin:160px -130px 0 0; z-index:1;}
.greeting .img:before {content:""; position:absolute; top:-180px; right:-160px; width:440px; height:440px; border-radius:50%; border:#008AD1 1px solid; opacity:.3;}
.greeting .img .in {position:relative; width:100%; height:100%; background:#F5F5F7; padding-top:80px; border-radius:50%; overflow:hidden; text-align:center; z-index:1;}
.greeting .img img {width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; mix-blend-mode:multiply;}

/* 기업소개 */
.about_top {background:url('/pub/images/bg_about_top.jpg') no-repeat 50% 50% / cover; padding:160px 0;}
.about_top #start {top:-50vh;}
.about_top ul {display:flex; gap:28px;}
.about_top li {position:relative; width:calc((100% - 112px)/5); height:350px; border-radius:15px; padding:60px 30px; color:#fff; background:rgba(255, 255, 255, 0.20); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.about_top li:before {content:""; display:block; width:100%; height:33px; background:no-repeat 0 50%;}
.about_top li .tt {font-size:24px; font-weight:600; line-height:45px; margin-top:110px;}
.about_top li p {line-height:30px; height:60px; margin-top:7px;}
.about_top li.i1:before {background-image:url('/pub/images/icon_about_top01.svg');}
.about_top li.i2:before {background-image:url('/pub/images/icon_about_top02.svg');}
.about_top li.i3:before {background-image:url('/pub/images/icon_about_top03.svg');}
.about_top li.i4:before {background-image:url('/pub/images/icon_about_top04.svg');}
.about_top li.i5:before {background-image:url('/pub/images/icon_about_top05.svg');}
.about2 {padding:160px 0;}
.about2 ul {display:flex; gap:26px;}
.about2 li {position:relative; width:calc((100% - 72px)/4); padding-top:222px;}
.about2 li:before {content:""; position:absolute; top:0; left:0; width:100%; height:289px; background:no-repeat 50% 50% / contain;}
.about2 li.i1:before {background-image:url('/pub/images/img_about2_01.jpg');}
.about2 li.i2:before {background-image:url('/pub/images/img_about2_02.jpg');}
.about2 li.i3:before {background-image:url('/pub/images/img_about2_03.jpg');}
.about2 li.i4:before {background-image:url('/pub/images/img_about2_04.jpg');}
.about2 li .txt {position:relative; background:#fff; width:calc(100% - 72px); margin:0 auto; border-radius:15px 15px 0 0; border-bottom:#ebebeb 1px solid; text-align:center; z-index:1; padding:24px 0;}
.about2 li .txt em {display:block; font-size:14px; color:#004993; line-height:1;}
.about2 li .txt .tt {font-size:24px; font-weight:600; line-height:1; margin-top:15px;}
.about2 li p {padding:35px 20px 0; text-align:center; color:#666;}
.about3 {padding:160px 0 0; background:url('/pub/images/bg_about3.jpg') #DAE5ED no-repeat bottom center / cover;}
.about3 .img {text-align:center; background:url('/pub/images/img_bg_about3.svg') no-repeat bottom center; padding-bottom:160px;}
.about4 {display:flex;}
.about4 li {width:calc(100%/3); background:no-repeat 50% 50% / cover;}
.about4 a {display:block; width:100%; height:100vh; max-height:980px; padding:80px; color:#fff;}
.about4 span {display:block; font-size:16px; line-height:22px;}
.about4 em {margin-left:10px;}
.about4 strong {display:block; font-size:40px; line-height:54px; margin:10px 0 30px;}
.about4 p {font-size:18px;}
.about4 .i1 {background-image:url('/pub/images/bg_about4_01.jpg');}
.about4 .i2 {background-image:url('/pub/images/bg_about4_02.jpg');}
.about4 .i3 {background-image:url('/pub/images/bg_about4_03.jpg');}

/* 연혁 */
.history_wrap {position:relative;}
.history_navi {position:absolute; top:0; left:0; width:100%; display:flex; justify-content:center; gap:100px; background:#fff; box-shadow:0px 4px 30px 0px rgba(0,0,0,.06); z-index:10;}
.history_navi a {position:relative; display:block; font-size:24px; line-height:80px;}
.history_navi a:before {content:""; position:absolute; bottom:0; left:50%; width:0; height:5px; background:#004993; transition:.2s linear;}
.history_navi a.on {font-weight:700;}
.history_navi a.on:before {left:0; width:100%;}
.history_wrap.start .history_navi {position:fixed; top:100px; border-top:#ddd 1px solid;}
.history_wrap #start {top:-100px;}
.history_wrap #end {bottom:963px;}
.history_area {position:relative;}
.history_area .bar {position:absolute; top:27px; left:720px; width:1px; height:calc(100% - 27px); overflow:hidden;}
.history_area .bar:before {content:""; position:absolute; top:0; left:0; height:100%; border-right:#ddd 1px dashed;}
.history_area .bar .line {position:absolute; top:0; left:0; width:1px; background:linear-gradient(90deg, #004993 52.67%, #008AD1 100%);; transition:.1s; z-index:1;}
.history_area .area {position:relative; padding-left:720px; z-index:1;}
.history_area .area:last-child {margin-bottom:0;}
.history_area .check {top:-50vh;}
.history_area .link {top:-240px;}
.history_area .img {position:absolute; top:0; left:0; width:532px; height:532px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:30px; background:url('/pub/images/bg_history01.jpg') no-repeat 50% 50% / cover; color:#fff; line-height:45px; text-align:center; border-radius:50%;}
.history_area .img li {display:none; flex-direction:column; justify-content:center; align-items:center; gap:30px;}
.history_area .img li.on {display:flex;}
.history_area.imgstart .img,
.history_area .on .img {position:fixed; top:240px; left:50%; margin-left:-720px;}
.history_area .before .img {opacity:0;}
.history_area .a1 .img {background-image:url('/pub/images/bg_history01.jpg');}
.history_area .a2 .img {background-image:url('/pub/images/bg_history02.jpg');}
.history_area .a3 .img {background-image:url('/pub/images/bg_history03.jpg');}
.history_area .a4 .img {background-image:url('/pub/images/bg_history04.jpg');}
.history_area .img span {font-size:30px;}
.history_area .img strong {font-size:40px;}
.history_wrap.end .img {position:absolute; top:auto; bottom:0; left:0; margin:0;}
.history_area dl {position:relative;}
.history_area dt {position:relative; font-size:40px; font-weight:700; line-height:54px; height:54px; padding-left:80px; margin:60px 0 15px;}
.history_area .img + dl dt {margin-top:0;}
.history_area dt:before,
.history_area dt:after {content:""; position:absolute; top:50%; transform:translateY(-50%); border-radius:50%; transition:.2s linear;}
.history_area dt:before {left:-8px; width:0; height:0;}
.history_area dt:after {left:-8px; width:16px; height:16px; background:#008AD1;}
.history_area dt .point {top:calc(-20vh - 430px);}
.history_area dl.on dt:before {left:-27px; width:54px; height:54px; background:rgba(0, 73, 147, 0.10);}
.history_area dl.on dt:after {background:#004993;}
.history_area dd {padding-left:80px;}
.history_area p {position:relative; line-height:25px; margin-top:10px; padding-left:14px;}
.history_area p:first-child {margin-top:0;}
.history_area p:before {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background:#d9d9d9; border-radius:50%;}
.history_area i {display:block; margin-top:20px;}

/* 브랜드아이덴티티 */
.parallax_wrap {padding:0 !important;}
.parallax_wrap > * {background:#fff;}
.parallax_wrap ~ .footer {position:relative; z-index:10;}

.container .cursor {position:fixed; top:0; left:0; bottom:auto; right:auto; width:158px; height:158px; pointer-events:none; user-select:none; background:none; z-index:10; opacity:0;}
.container .cursor i {position:absolute; top:50%; left:50%; width:20px; height:30px; border:#fff 2px solid; border-radius:10px; transform:translate(-50%,-50%);}
.container .cursor i:before {content:""; position:absolute; top:4px; left:50%; width:8px; height:8px; background:#fff; border-radius:50%; transform:translateX(-50%); animation:btn_btm 3s infinite;}
@keyframes btn_btm {
	0% {top:4px;}
	50% {top:12px;}
	100% {top:4px;}
}
.container .cursor span {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/img_scroll_down.png') no-repeat 50% 50% / contain; animation:btn_btm_scroll 20s linear infinite;}
@keyframes btn_btm_scroll {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

.container.cursor_on .scrolldown {opacity:1;}
.identity01 {position:relative; height:120vh; overflow:hidden; padding:380px 0 160px; z-index:2;}
.identity01 #iden01_before {top:-50vh;}
.identity01 #iden01_start {top:calc((-100vh + 686px)/2);}
.identity01 #iden01_end {bottom:calc(100vh + 100px);}
.identity01 .txt {position:absolute; top:160px; left:0; width:100%; text-align:center; pointer-events:none;}
.identity01 .txt span {display:inline-block; vertical-align:top;}
.identity01 .tt {position:relative; font-size:50px; color:#fff; font-weight:600; line-height:44px; text-align:left; transform:translateY(-100px); opacity:0; transition:1s linear;}
.identity01 .tt:after {content:""; position:absolute; top:50%; left:210px; width:500px; height:1px; background:#fff; opacity:.5;}
.identity01 strong {display:block; font-size:220px; color:#008AD1; font-weight:400; line-height:220px; opacity:.2; text-align:center; pointer-events:none; font-family:"Russo One";}
.identity01 p {text-align:center;font-size:20px; color:#fff; line-height:28px; text-align:center; margin-top:50px; transform:translateY(100px); opacity:0; transition:1s linear;}
.identity01 .imgarea {position:relative; width:1208px; height:542px; max-width:100%; margin:-30px auto 0;}
.identity01 a {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; min-width:1208px; min-height:542px; width:100%; max-width:100vw; border-radius:271px; overflow:hidden; background:#222; z-index:1; transition:none;}
.identity01 a .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/img_identity01.jpg') no-repeat 50% 50% / cover;}
.identity01 .bgi {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:url('/pub/images/bg_identity01.png') no-repeat 100% 100%; pointer-events:none;}
.identity01.basic .txt strong {color:#008AD1 !important; opacity:.2 !important;}
.identity01.before .txt {z-index:2;}
.identity01.before .txt strong {color:#fff !important;}
.identity01.start .txt {position:fixed; top:50%; transform:translateY(-50%); z-index:2;}
.identity01.start .txt .tt,
.identity01.start .txt p {transform:translateY(0); opacity:1;}
.identity01.start .txt strong {color:transparent; stroke:1px #fff; -webkit-text-stroke:1px #fff;}
.identity01.end .txt {position:absolute; bottom:50%; left:0; top:auto; transform:translateY(50%); width:100%; z-index:2;}
.identity01.end .txt .tt,
.identity01.end .txt p {transform:translateY(0); opacity:1;}
.identity01.end .txt strong {color:transparent; stroke:1 #fff; -webkit-text-stroke:1 #fff;}

.identity02 {position:relative; height:calc(410vh - 400px); z-index:1; background:#222;}
.identity02 #iden02_start {top:-100px;}
.identity02 #iden02_end {bottom:100vh;}
.identity02 .bgset {position:fixed; top:100px; left:0; width:100vw; height:calc(100vh - 100px); z-index:-1;}
.identity02 .bgset li {position:absolute; bottom:0; left:0; width:100%; height:0; max-height:100vh; background:no-repeat 50% 50% / cover;}
.identity02 .bgset .bg1 {background-image:url('/pub/images/bg_identity02_01.jpg');}
.identity02 .bgset .bg2 {background-image:url('/pub/images/bg_identity02_02.jpg');}
.identity02 .bgset .bg3 {background-image:url('/pub/images/bg_identity02_03.jpg');}
.identity02 .bgset .bg4 {background-image:url('/pub/images/bg_identity02_04.jpg');}
.identity02 .points {position:absolute; top:-30vh; left:0; display:flex; flex-direction:column;}
.identity02 .points .point {position:relative; width:0; height:calc(70vh - 100px); margin-bottom:30vh;}
.identity02 .points.bg_point {top:-100vh;}
.identity02 .box {position:fixed; top:100px; left:0; width:100%; height:calc(100vh - 100px);}
.identity02 .box .inner {height:100%; display:flex; flex-direction:column; justify-content:center; color:#fff;}
.identity02 .tit {position:relative; font-size:150px; line-height:181px; height:181px; overflow:hidden; opacity:0;}
.identity02 .tit i {position:relative; top:181px; transition:.4s linear;}
.identity02 .txt {padding-left:48%; margin-top:90px; opacity:0;}
.identity02 .tt {position:relative; display:block; font-size:30px; font-weight:600; line-height:42px; height:42px; overflow:hidden; opacity:0;}
.identity02 .tt span {position:relative; top:42px; transition:.5s linear;}
.identity02 p {position:relative; top:50px; font-size:20px; line-height:32px; margin-top:40px; letter-spacing:-.5px; opacity:0; transition:.5s linear;}
.identity02 .on .tt,
.identity02 .on .txt,
.identity02 .on .tit,
.identity02 .upoff .tit,
.identity02 .downoff .tit {opacity:1;}
/* .identity02 .on .tt span {top:0;}
.identity02 .on p {top:0; opacity:1;} */
.identity02 .upoff .tit i {transition:0s linear; transition-delay:0s !important; top:-100% !important;}
.identity02 .downoff .tit i {transition:0s linear; transition-delay:0s !important; top:100% !important;}
.identity02 .upoff .tt,
.identity02 .upoff .txt,
.identity02 .downoff .tt,
.identity02 .downoff .txt {opacity:0;}
.identity02 .upoff .tt span {top:42px !important;}
.identity02 .upoff .txt p {top:50px !important;}
.identity02.end .box4 {position:absolute; top:auto; bottom:0;}

.identity03 {position:relative; padding:100px 0 145px; text-align:center; z-index:2;}
.identity03 .tit {font-size:40px; font-weight:600; line-height:54px; margin-bottom:30px;}
.identity03 p {font-size:22px; line-height:30px;}
.identity03 p strong {font-weight:600;}
.identity03 .ul_area {position:relative; margin-top:60px;}
.identity03 .ul_area .hoverbox {position:absolute; top:0; left:0; width:calc((100% - 60px)/3); height:100%; background:url('/pub/images/bg_iden_hover.svg') no-repeat 50% 50% / cover; z-index:1; transition:.4s; pointer-events:none; opacity:0;}
.identity03 .ul_area.hover .hoverbox {opacity:1;}
.identity03 ul {position:relative; display:flex; gap:30px;}
.identity03 ul:before,
.identity03 ul:after {content:""; position:absolute; top:0; width:30px; height:100%; background:#fff; z-index:1;}
.identity03 ul:before {left:calc((100% - 60px)/3);}
.identity03 ul:after {right:calc((100% - 60px)/3);}
.identity03 ul.txtbox {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.identity03 li {position:relative; width:calc((100% - 60px)/3); height:524px;}
.identity03 a {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; text-align:center;}
.identity03 a * {position:relative; z-index:1;}
.identity03 a span {color:#fff; line-height:25px;}
.identity03 a .tt {font-size:40px; font-weight:600; line-height:45px; margin:10px 0 40px;}
.identity03 a p {font-size:18px; color:#fff; line-height:30px; height:0; overflow:hidden; transition:.2s linear;}
.identity03 a:after {content:""; display:block; width:26px; height:26px; background:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.identity03 .bgbox li:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); z-index:0;}
.identity03 .bgbox .i1 {background:url('/pub/images/img_identity03_01.jpg');}
.identity03 .bgbox .i2 {background:url('/pub/images/img_identity03_02.jpg');}
.identity03 .bgbox .i3 {background:url('/pub/images/img_identity03_03.jpg');}
.identity03 .txtbox {z-index:2;}
.identity03 .hov01 .hoverbox {left:0; background-image:url('/pub/images/bg_iden_hover1.svg');}
.identity03 .hov02 .hoverbox {left:calc(((100% - 60px)/3) + 30px); background-image:url('/pub/images/bg_iden_hover2.svg');}
.identity03 .hov03 .hoverbox {left:calc((((100% - 60px)/3)*2) + 60px); background-image:url('/pub/images/bg_iden_hover3.svg');}

/* 조직도 */
.organization .head {position:relative; width:260px; height:80px; line-height:80px; text-align:center; border-radius:10px; margin:0 auto 180px; font-size:0; background:linear-gradient(5.19deg, #004993 -67.44%, #008AD1 96.54%);}
.organization .head:after {content:""; position:absolute; top:100%; left:50%; width:1px; height:180px; background:#ddd;}
.organization .body {position:relative; display:flex;}
.organization .body:before {content:""; position:absolute; top:0; left:50%; width:75%; height:1px; background:#ddd; transform:translateX(-50%);}
.organization .body dl {position:relative; width:25%; padding-top:60px;}
.organization .body dl:before,
.organization .body dl:after {content:""; position:absolute; left:50%;}
.organization .body dl:before {top:0; width:1px; height:60px; background:#ddd; margin-left:-1px;}
.organization .body dl:after {top:-3px; width:6px; height:6px; background:#008AD1; border-radius:50%; margin-left:-3px;}
.organization .body dt,
.organization .body dd {line-height:40px; text-align:center; border-radius:10px; width:260px; margin:0 auto;}
.organization .body dt {color:#004993; font-weight:600; padding:15px; background:#EDF6FF;}
.organization .body dd {padding:14px; border:#ebebeb 1px solid; margin-top:10px;}

/* CI 소개 */
.dots_list {position:relative;}
.dots_list.inbtn {padding-right:220px;}
.dots_list li {position:relative; line-height:30px; margin-bottom:15px; padding-left:16px;}
.dots_list li:last-child {margin-bottom:0;}
.dots_list li:before {content:""; position:absolute; top:12px; left:0; width:6px; height:6px; background:#ddd; border-radius:50%;}
.dots_list.dot_c li:before {background:#004993;}
.dots_list.pr {padding-right:220px;}
.btn_down_abso {position:absolute; top:0; right:0; color:#004993; font-weight:600; line-height:58px; height:60px; width:200px; display:flex; justify-content:center; align-items:center; gap:10px; border:#004993 1px solid;}
.btn_down_abso:after {content:""; display:block; width:18px; height:58px; background:url('/pub/images/icon_down_c.svg') no-repeat 50% 50% / contain;}
.cibox {margin-top:60px; display:flex; flex-wrap:wrap; border-top:#ddd 1px solid; border-left:#ddd 1px solid;}
.cibox:first-child {margin-top:0;}
.cibox > div {position:relative; width:50%; height:276px; padding:20px; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; display:flex; justify-content:center; align-items:center;}
.cibox .long {justify-content:flex-start; padding-left:126px;}
.cibox p {position:absolute; top:18px; left:18px; font-size:16px; color:#666;}

/* 공시정보관리규정 */
.intabs {margin:100px 0; display:flex; justify-content:center; gap:25px 20px; flex-wrap:wrap; padding:0 100px;}
.intabs li {display:block;}
.intabs button {font-size:16px; color:#222; line-height:20px; padding:15px 25px; border-radius:25px; background:#F5F5F7;}
.intabs .on button {color:#fff; background:#004993;}
.terms .tit {position:relative; font-size:24px; font-weight:600; line-height:45px; margin-bottom:25px;}
.terms .tit .point {top:-100px;}
.terms .tt {font-weight:600; line-height:45px; margin:50px 0 10px;}
.num_list li {position:relative; padding-left:32px;}
.num_list li span {position:absolute; top:4px; left:0; width:22px; height:22px; line-height:22px; text-align:center; font-size:14px; background:#EBEBEB; border-radius:50%;}

/* 전자공고 */
/* 게시판 상단 */
.board_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.board_top.mt {margin-top:100px;}
.board_top .total strong {color:#004993; margin-left:5px;}
.board_top .search_area {display:flex; background:#F5F5F5; border-radius:30px;}
.board_top .search_area .text,
.board_top .search_area .btn {height:60px; line-height:60px; border:0;}
.board_top .search_area .text {background:none; font-size:18px;}
.board_top .search_area .nice-select {width:180px; padding-left:30px;}
.board_top .search_area input.text {width:350px; outline:0;}
.board_top .search_area .btn {width:60px; height:60px; line-height:60px; background:url('/pub/images/btn_seach.svg') no-repeat 50% 50%; font-size:0;}
.board_top .search_area.non_select input.text {width:530px; padding-left:30px;}
.board_top .search_area.non_select .btn {background-image:url('/pub/images/btn_seach_c.svg');}
.nice-select:after {width:14px; height:7px; right:10px; transform-origin:50% 50%; transform:rotate(0deg); border:0; background:url('/pub/images/arrow_select.svg') no-repeat 50% 50% / contain;}
.nice-select.open:after {transform:rotate(180deg);}
.nice-select .list {width:100%;}
.board_top .nice-select.noline {border:0; font-size:18px; color:#222; font-weight:600; line-height:25px; height:25px; padding:0 20px 0 0;}
.board_top .nice-select.noline:after {right:0; background-image:url('/pub/images/arrow_select_b.svg');}
.board_top .nice-select.noline .list {width:110px; left:auto; right:0;}
/* 게시판 목록 */
.board_list {border-top:#222 2px solid;}
.board_list dl {display:flex; border-bottom:#EBEBEB 1px solid;}
.board_list .num {width:120px;}
.board_list .tit {width:calc(100% - 420px); text-align:left; padding-left:25px; display:flex; align-items:center; gap:10px;}
.board_list .tit2 {width:calc(100% - 580px); text-align:left;}
.board_list .tit .notice {font-size:16px; color:#fff; font-weight:600; line-height:38px; height:40px; width:auto; text-align:center; border:0; padding:0 15px; background:#004993;}
.board_list .writer {width:160px;}
.board_list .date {width:160px;}
.board_list .arrow {width:140px; display:flex; justify-content:center; align-items:center;}
.board_list .dab {font-size:16px; font-weight:600; line-height:38px; height:40px; width:100px; text-align:center; border-radius:20px; border:1px solid;}
.board_list .dab.ing {color:#666; background:#ebebeb; border-color:#ebebeb;}
.board_list .dab.end {color:#004993; border-color:#004993;}
.board_list dt,
.board_list dd {height:90px; line-height:90px; text-align:center;}
.board_list .tit a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .tit2 a {display:flex; gap:20px; align-items:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .tit2 p {width:calc(100% - 120px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .arrow a {display:block; width:38px; height:38px; background:#F5F5F5; border-radius:50%; transition:.2s linear;}
.board_list .arrow a:before {content:""; display:block; width:100%; height:100%; background:#666; mask:url('/pub/images/arrow_board.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_board.svg') no-repeat 50% 50%; transition:inherit;}
/* 게시판 하단 */
.board_bottom .paging {display:flex; justify-content:center; align-items:center; margin-top:80px;}
.board_bottom .paging a {position:relative; width:40px; height:40px; line-height:40px; font-size:16px; text-align:center;}
.board_bottom .paging a:before {content:""; position:absolute; top:50%; left:50%; width:0; height:1px; background:#222; margin-top:10px; transform:translateX(-50%); transition:.2s linear;}
.board_bottom .paging a.on {font-weight:600;}
.board_bottom .paging a.on:before {width:10px;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {font-size:0; width:20px; background:no-repeat 50% 50%;}
.board_bottom .paging .arrow:before {display:none;}
.board_bottom .paging .arrow.one {background-image:url('/pub/images/arrow_page_one.svg');}
.board_bottom .paging .arrow.two {background-image:url('/pub/images/arrow_page_two.svg');}
.board_bottom .paging .arrow.prev {margin-right:10px;}
.board_bottom .paging .arrow.next {margin-left:10px; transform:scaleX(-1);}
.board_bottom .paging .arrow.last {transform:scaleX(-1);}
.board_bottom .btns {display:flex; justify-content:flex-end; margin-top:30px;}
.board_bottom .btns.tac {justify-content:center; gap:10px;}
.board_bottom .btns .btn {display:block; color:#004993; line-height:58px; height:60px; width:200px; text-align:center; border:#004993 1px solid;}
.board_bottom .btns .btn_b {color:#fff; background:#004993;}
/* 게시판 상세 */
.board_view {border-top:#222 2px solid;}
.board_view .board_head {border-bottom:#EBEBEB 1px solid; padding:45px 0; text-align:center;}
.board_view .board_head .tit {font-size:30px; font-weight:600; line-height:1.4; display:flex; justify-content:center; gap:20px;}
.board_view .board_head .tit span {font-size:18px; color:#fff; font-weight:600; line-height:32px; height:32px; width:32px; text-align:center; border-radius:50%;}
.board_view .board_head .tit .q {background:#004993;}
.board_view .board_head .tit .a {background:#008AD1;}
.board_view .board_head .tit .notice {font-size:16px; color:#fff; font-weight:600; line-height:38px; height:40px; width:auto; text-align:center; border:0; padding:0 15px; background:#004993;}
.board_view .board_head .date {display:flex; justify-content:center; align-items:center; gap:25px; color:#666; line-height:30px; margin-top:16px;}
.board_view .board_head .date:before {content:""; display:block; width:18px; height:30px; background:url('/pub/images/icon_time.svg') no-repeat 50% 50% / contain; margin-right:-15px;}
.board_view .board_head .date span {position:relative;}
.board_view .board_head .date span:before {content:""; position:absolute; top:50%; left:-13px; width:1px; height:16px; background:#EBEBEB; transform:translateY(-50%);}
.board_view .board_head .date span:first-child:before {display:none;}
.board_view .board_body {padding:100px 0; line-height:25px;}
.board_view .board_file {position:relative; padding-left:214px; background:#F5F5F7; line-height:80px; height:80px;}
.board_view .board_file dt {position:absolute; top:0; left:0; width:214px; padding-left:79px; background:url('/pub/images/icon_file.svg') no-repeat 49px 50%;}
.board_view .board_file dd {width:100%;}
.board_view .board_file dd a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view .prev_next li {position:relative; padding:0 260px 0 214px; line-height:80px; border-bottom:#EBEBEB 1px solid;}
.board_view .prev_next li .tt {position:absolute; top:0; left:0; width:214px; height:100%; padding-left:79px;}
.board_view .prev_next li .tt:before {content:""; position:absolute; top:0; left:50px; width:11px; height:100%; background:url('/pub/images/arrow_prevnext.svg') no-repeat 50% 50% / contain;}
.board_view .prev_next li.next .tt:before {transform:rotate(180deg);}
.board_view .prev_next li a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view .prev_next li .date {position:absolute; top:0; right:0; width:260px; text-align:center;}
.btn_list,
.btn_submit {display:block; color:#fff; font-weight:600; line-height:60px; height:60px; width:200px; border:0; background:#004993; margin:80px auto 0; text-align:center;}
.btn_bk {background:#222 !important;}
	/* Q&A */
.reply_wrap {box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.10); padding:50px 65px 100px;}
.reply_wrap .board_body {padding:60px 0 0;}

/* 사업장소개 */
.world_map {position:relative; background:#F0F1F5; padding:32px 0; margin-bottom:160px;}
.world_map #world_map {top:-100px;}
.world_map .inner {position:relative; text-align:center;}
.world_map .inner .point {top:50%; left:50%; width:5px; height:5px; background:#222; border-radius:50%; z-index:1;}
.world_map .inner .point:before {content:""; position:absolute; top:-5px; left:-5px; width:15px; height:15px; background:#222; border:#fff 5px solid; border-radius:50%;}
.world_map .point.korea {margin:-30px 0 0 -140px;}
.world_map .point.asia {margin:-50px 0 0 -280px;}
.world_map .point.n_america {margin:-70px 0 0 300px;}
.world_map .point i {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:inherit; z-index:-1;}
.world_map .point i:before,
.world_map .point i:after {content:""; position:absolute; border-radius:inherit; z-index:-1; top:-5px; left:-5px; width:15px; height:15px; background:#222; opacity:.2; animation:world_map_point 1.6s infinite;}
.world_map .point i:after {animation-delay:.4s;}
@keyframes world_map_point {
	0% {top:-5px; left:-5px; width:15px; height:15px; opacity:.2;}
	100% {top:-15px; left:-15px; width:35px; height:35px; opacity:0;}
}
.world_map .point p {position:absolute; bottom:23px; left:50%; width:120px; height:40px; line-height:40px; border-radius:20px; background:#fff; text-align:center; transform:translateX(-50%); transition:.2s linear;}
.world_map .point p:before {content:""; position:absolute; top:100%; left:50%; width:1px; height:18px; background:#222; margin-left:-1px;}
.world_map .point.on p {color:#fff; background:#004993;}

.world_list_wrap {position:relative; padding-left:430px;}
.world_list_wrap #world_list_wrap {top:-100px;}
.world_list_wrap .ver_tabs {position:absolute; top:0; left:20px; width:180px;}
.ver_tabs a {display:block; color:#999; font-weight:600; line-height:60px; height:60px; text-align:center; background:#F0F1F5; margin-bottom:20px;}
.ver_tabs a:last-child {margin-bottom:0;}
.ver_tabs a.on {color:#fff; background:#004993;}
.world_list_wrap .stit {position:relative; padding-bottom:30px; margin-bottom:40px; border-bottom:#222 1px solid;}
.world_list_wrap .stit .top {position:absolute; top:50%; right:0; width:44px; height:44px; padding:0; background:url('/pub/images/arrow_top.svg') #222 no-repeat 50% 50%; border-radius:50%; transform:translateY(-50%); font-size:0;}
.world_list_wrap .stit .top.on {transform:translateY(-50%) rotate(180deg);}
.world_list .list .box {display:flex; flex-wrap:wrap; gap:24px;}
.world_list .list a {width:calc(50% - 12px); padding:45px 35px; border-radius:15px; border:#ddd 1px solid; color:#222;}
.world_list .list .tit {position:relative; display:block; font-size:30px; font-weight:700; line-height:28px; margin-bottom:20px; padding-left:30px; background:url('/pub/images/icon_map_point2.svg') no-repeat 0 2px;}
.world_list .list p {color:#666;}
.world_list .list p.add {font-size:20px; color:#222; line-height:28px;}
.world_list .list p strong {display:inline-block; vertical-align:top; font-weight:400; width:50px;}
.world_list .list .tel {padding-left:26px; background:url('/pub/images/icon_tel_c.svg') no-repeat 0 50%;}
.world_list .list .fax {padding-left:26px; background:url('/pub/images/icon_fax_c.svg') no-repeat 0 50%;}
.world_list .list .contact {margin-top:48px; height:100px; display:flex; flex-direction:column; justify-content:flex-end;}
.world_list .list .contact.half {flex-direction:row; gap:30px; justify-content:flex-start;}
.world_list .list .contact.half li {position:relative; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start;}
.world_list .list .contact.half li:before {content:""; position:absolute; bottom:0; left:-15px; width:1px; height:60px; background:#EBEBEB;}
.world_list .list .contact.half li:first-child:before {display:none;}
.world_list .list .contact.half .tt {font-size:16px; color:#fff; line-height:26px; height:26px; background:#222; border-radius:13px; padding:0 15px; margin-bottom:10px;}
.world_list .list .contact.half .tt.in {background:none; padding:0; display:flex; gap:5px;}
.world_list .list .contact.half .tt.in span {display:block; background:#222; border-radius:13px; padding:0 4px;}
.world_list .list .contact.item .name {color:#666; margin-bottom:10px;}
.world_list .list .contact.item .name strong {color:#222; font-weight:400;}

/* 관계사 */
.related_list {display:flex; gap:60px 30px; flex-wrap:wrap;}
.related_list a {width:calc((100% - 60px)/3); border:#EBEBEB 1px solid;}
.related_list a span {display:block;}
.related_list .img {position:relative; width:100%; height:210px; background:#F5F5F7; display:flex; justify-content:center; align-items:center;}
.related_list .img:before,
.related_list .img:after {content:""; position:absolute; opacity:0; transition:.2s linear;}
.related_list .img:before {top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.10); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.related_list .img:after {top:50%; left:50%; width:84px; height:84px; background:url('/pub/images/arrow_link.svg') #004993 50% 50%; border-radius:50%; transform:translate(-50%,-50%);}
.related_list .txt {height:216px; padding:30px;}
.related_list .name {font-size:24px; font-weight:600; line-height:33px; margin-bottom:28px;}
.related_list p {position:relative; color:#666; line-height:25px; padding-left:120px; margin-bottom:10px; background:no-repeat 0 3px;}
.related_list p:last-child {margin-bottom:0;}
.related_list p strong {position:absolute; top:0; left:30px; color:#222;}
.related_list .add {background-image:url('/pub/images/icon_add.svg');}
.related_list .busi {background-image:url('/pub/images/icon_busi.svg');}
.related_list a.nolink {cursor:default;}
.related_list a.nolink .img:before,
.related_list a.nolink .img:after {display:none;}

/* 공구사업소개 */
.parallax_wrap .stit {padding:160px 0 80px;}
.tool_info .box {position:relative;}
.tool_info .point {top:-100px;}
.tool_info .img_slowtop {top:30vh;}
.tool_info .imgfit {width:100%; height:calc(100vh - 100px);}
.tool_info .imgfit img {object-position:top;}
.tool_info .txt {position:relative; padding:70px 0 120px; z-index:1; background:#fff;}
.tool_info .tt {font-size:30px; line-height:45px; letter-spacing:-.75px;}
.tool_info .tt strong {font-weight:600;}
.tool_info p {font-size:20px; line-height:30px; margin-top:40px; letter-spacing:-.5px;}
.tool_info .on {padding-top:calc(100vh - 100px);}
.tool_info .on .imgfit {position:fixed; top:100px; left:0;}

/* 공구사업 */
.type_select {border:#ddd 1px solid;}
.type_select dl {border-bottom:#ddd 1px solid; display:flex; padding:18px 0;}
.type_select dl:last-child {border-bottom:0;}
.type_select dt {width:180px; color:#000; line-height:42px; padding-left:30px;}
.type_select dd {position:relative; width:calc(100% - 180px); padding-right:110px;}
.type_select ul {display:flex; flex-wrap:wrap; gap:10px; height:42px; overflow:hidden;}
.type_select label {display:block;}
.type_select label input {display:none;}
.type_select label span {display:block; font-size:16px; color:#666; line-height:40px; padding:0 18px; border:#ddd 1px solid; border-radius:20px; transition:.2s linear;}
.type_select label input:checked + span {color:#008AD1; font-weight:600; border-color:#008AD1;}
.type_select .more {position:absolute; top:0; right:30px; font-size:16px; line-height:42px; padding-right:20px;}
.type_select .more i {position:absolute; top:15px; right:0; width:11px; height:11px;}
.type_select .more i:before,
.type_select .more i:after {content:""; position:absolute; background:#222; transition:.2s linear;}
.type_select .more i:before {top:5px; left:0; width:11px; height:1px;}
.type_select .more i:after {top:0; left:5px; width:1px; height:11px;}
.type_select .on .more i:after {top:5px; left:0; width:11px; height:1px;}
.type_select .on ul {height:auto;}

.tool_list {display:flex; flex-wrap:wrap; gap:100px 30px;}
.tool_list .box {position:relative; width:calc((100% - 90px)/4); overflow:hidden;}
.tool_list .basic .imgfit {width:100%; height:380px;}
.tool_list .basic .txt {padding-top:30px;}
.tool_list .basic .name,
.tool_list .basic p {overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.tool_list .basic .name {display:block; font-size:22px; font-weight:600; line-height:30px; height:60px; margin-bottom:30px;}
.tool_list .basic p {line-height:28px;}
.tool_list .hover {position:absolute; top:0; left:0; width:100%; height:100%; background:#00264C; padding:20px 20px 80px; color:#fff; opacity:0; transition:.4s; overflow:hidden;}
.tool_list .hover label.check {color:#fff; width:105px; margin:0 0 0 auto; padding:0;}
.tool_list .hover label.check span {position:relative; display:block; width:100%; height:35px; line-height:33px; display:flex; justify-content:center; align-items:center; gap:6px; border:#fff 1px solid; border-radius:17px; transition:.2s linear;}
.tool_list .hover label.check i {position:relative; width:18px; height:18px; border-color:#fff; border-radius:50%; background-image:url('/pub/images/icon_check_c.svg');}
.tool_list .hover label.check input:checked + span {color:#fff; background:#008AD1; border-color:#008AD1;}
.tool_list .hover label.check input:checked + span i {background-color:#fff; background-image:url('/pub/images/icon_check_c.svg');}
.tool_list .hover .name,
.tool_list .hover p {overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:16px; line-height:24px;}
.tool_list .hover .name {font-size:22px; font-weight:600; line-height:32px; max-height:64px; margin:20px 0 10px; letter-spacing:-.5px;}
.tool_list .hover .code {line-height:24px; margin-bottom:25px;}
.tool_list .hover .dl {position:absolute; bottom:60px; left:20px; width:calc(100% - 40px); height:192px; border-top:rgba(255,255,255,.2) 1px solid; margin-top:30px; padding-top:30px; overflow:auto;}
.tool_list .hover dl {display:flex; align-items:center; margin-bottom:10px; line-height:25px; font-size:16px;}
.tool_list .hover dt {width:130px; font-weight:600; padding-right:10px;}
.tool_list .hover dd {width:calc(100% - 130px);}
.tool_list .hover .more {position:absolute; bottom:0; left:0; width:100%; height:60px; color:#00264C; font-weight:600; line-height:58px; text-align:center; background:#fff; border:#00264C 1px solid;}

.container.pb_comparison {padding-bottom:497px; z-index:10;}
#comparison_end {bottom:100vh;}
.comparison_wrap {position:fixed; bottom:0; left:0; width:100%; background:#004993; padding:20px 0 40px; z-index:30; transition:.2s linear;}
.comparison_wrap.close {bottom:-207px;}
.comparison_wrap.unfixed {position:absolute; bottom:0;}
.comparison_wrap .btn_opcl {position:absolute; top:-30px; left:50%; width:120px; height:30px; border-radius:10px 10px 0 0; transform:translateX(-50%); background:inherit;}
.comparison_wrap .btn_opcl:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/arrow_top.svg') no-repeat 50% 50%; transition:.2s linear; transform:rotate(180deg);}
.comparison_wrap.close .btn_opcl:before {transform:rotate(0deg);}
.comparison_wrap.unfixed .btn_opcl {display:none;}
.comparison_wrap .top {display:flex; justify-content:space-between; color:#fff; margin-bottom:20px;}
.comparison_wrap .tit {font-size:24px; font-weight:600; line-height:50px; letter-spacing:-.6px; display:flex; gap:15px;}
.comparison_wrap .btns {display:flex; gap:28px; font-size:18px;}
.comparison_wrap .btns .btn_reset {color:#fff; font-weight:600; line-height:50px; display:flex; align-items:center; gap:10px;}
.comparison_wrap .btns .btn_reset:before {content:""; display:block; width:17px; height:17px; background:url('/pub/images/icon_re2.svg') no-repeat 50% 50% / contain;}
.comparison_wrap .btns .btn_comparison {color:#004993; font-weight:600; line-height:50px; height:50px; width:180px; text-align:center; background:#fff;}
.comparison_wrap .comparison_area {position:relative; z-index:1;}
/* .comparison_wrap .comparison_bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; display:flex; gap:30px; pointer-events:none; user-select:none;}
.comparison_wrap .comparison_bg .box {width:calc((100% - 90px)/4); height:100%; font-size:16px; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; border:rgba(255,255,255,.5) 1px dashed; border-radius:15px;}
.comparison_wrap .comparison_bg .box:before {content:""; display:block; width:28px; height:28px; background:url('/pub/images/icon_plus_w.svg') no-repeat 50% 50% / contain; margin-bottom:20px;} */
.comparison_slide {margin:0 -15px;}
.comparison_slide .slick-track {min-width:100%;}
.comparison_slide .slick-arrow {position:absolute; top:50%; width:54px; height:54px; background:rgba(255,255,255,.3) url('/pub/images/arrow_comparison.svg') no-repeat 50% 50% / contain; border-radius:50%; margin-top:-27px; font-size:0;}
.comparison_slide .slick-prev {left:-118px;}
.comparison_slide .slick-next {right:-118px; transform:scaleX(-1);}
.comparison_slide .slick-disabled {opacity:.3;}
.comparison_slide .slick-slide {position:relative; padding:0 15px;}
.comparison_slide .box {position:relative; font-size:16px; color:#fff; height:167px; display:flex !important; flex-direction:column; justify-content:center; align-items:center; border:rgba(255,255,255,.5) 1px dashed; border-radius:15px;}
.comparison_slide .box i {display:block; width:28px; height:28px; background:url('/pub/images/icon_plus_w.svg') no-repeat 50% 50% / contain; margin-bottom:20px;}
.comparison_slide .box.in {position:relative; padding:20px 20px 20px 138px; background:#fff; align-items:flex-start;}
.comparison_slide .box.in .btn_del {position:absolute; top:0; right:0; width:39px; height:39px; background:url('/pub/images/btn_del.svg') no-repeat 50% 50%; font-size:0;}
.comparison_slide .box.in .imgfit {position:absolute; top:50%; left:20px; width:103px; height:112px; background:#f5f5f7; display:flex; justify-content:center; align-items:center; transform:translateY(-50%);}
.comparison_slide .box.in .name {font-size:20px; color:#222; font-weight:600; margin-bottom:10px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.comparison_slide .box.in .code,
.comparison_slide .box.in p {font-size:16px; color:#666; line-height:25px;}

.page_locat {display:flex; align-items:flex-start; gap:26px; margin-bottom:30px; overflow:hidden; max-width:100%;}
.page_locat span {position:relative; color:#666; line-height:30px;}
.page_locat span:before {content:""; position:absolute; top:0; left:-26px; width:26px; height:100%; background:url('/pub/images/arrow_locate.svg') no-repeat 50% 50%;}
.page_locat span:last-child {color:#222; font-weight:600;}
.tool_view_info {display:flex; gap:90px; height:680px;}
.tool_view_info .tool_slide_wrap {position:relative; width:759px; padding-left:134px; /* overflow:hidden; */}
.tool_view_info .tool_slide_navi {position:absolute; top:-20px; left:0; width:114px; height:calc(100% + 40px); padding:20px 0; overflow:hidden;}
.tool_view_info .tool_slide_navi .slick-slide {opacity:.6; cursor:pointer; font-size:0; height:139px; border:0;}
.tool_view_info .tool_slide_navi .slick-current {opacity:1;}
.tool_view_info .tool_slide_navi .imgfit {height:124px;}
.tool_view_info .tool_slide_navi .slick-arrow {position:absolute; left:50%; width:25px; height:25px; border-radius:50%; background:rgba(255,255,255,.3); box-shadow:0px 4px 4px 0px rgba(0,0,0,.06); transform:translateX(-50%); z-index:1; font-size:0;}
.tool_view_info .tool_slide_navi .slick-arrow:before {content:""; display:block; width:100%; height:100%; background:url('/pub/images/arrow_navi.svg') no-repeat 50% 50% / contain;}
.tool_view_info .tool_slide_navi .slick-prev {top:7px;}
.tool_view_info .tool_slide_navi .slick-next {bottom:7px;}
.tool_view_info .tool_slide_navi .slick-next:before {transform:scaleY(-1);}
.tool_view_info .tool_slide .slick-slide {font-size:0; height:680px;}
.tool_view_info .tool_slide .imgfit {height:680px;}
.tool_view_info .slick-slide > div {height:inherit;}
.tool_view_info .txt {width:calc(100% - 849px);}
.tool_view_info .tags {display:flex; gap:10px;}
.tool_view_info .tags span {font-size:14px; line-height:28px; height:30px; width:80px; text-align:center; border:1px solid; border-radius:15px;}
.tool_view_info .tags span.best {color:#fff; background:#008AD1; border-color:#008AD1;}
.tool_view_info .tags span.new {color:#000; border:#ddd 1px solid;}
.tool_view_info .tags span.plan {color:#fff; background:#004993; border-color:#004993;}
.tool_view_info .tags span.pop {color:#004993; border:#004993 1px solid;}
.tool_view_info .name {font-size:40px; font-weight:700; line-height:60px; margin:15px 0 25px; letter-spacing:-.5px;}
.tool_view_info .code {color:#999; font-weight:600; line-height:25px; margin-bottom:25px;}
.tool_view_info p {color:#666;}
.tool_view_info .dl {margin-top:45px; border-top:#EBEBEB 1px solid;}
.tool_view_info .dl dl {display:flex; justify-content:space-between; border-bottom:#EBEBEB 1px solid; padding:12px 0; line-height:26px;}
.tool_view_info .dl dt {color:#666;}
.tool_view_info .dl dd {font-weight:600;}
.tool_view_info .btns {display:flex; gap:16px; margin-top:70px;}
.tool_view_info .btns .btn {display:flex; justify-content:center; align-items:center; gap:10px; line-height:58px; height:60px; width:calc(50% - 8px); border:1px solid;}
.tool_view_info .btns .btn_buy {color:#fff; font-weight:600; background:#004993; border-color:#004993;}
.tool_view_info .btns .btn_down {border-color:#ddd;}
.tool_view_info .btns .btn_down:after {content:""; width:18px; height:58px; background:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain;}
.detail_area {border-top:#222 1px solid;}
.detail_area .dl {display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:60px 0; border-bottom:#ddd 1px solid; padding:40px 0; overflow:hidden;}
.detail_area.center .dl {justify-content:center;}
.detail_area .dl dl {position:relative; width:20%; text-align:center; line-height:25px; text-align:center;}
/* .detail_area .dl dl:nth-child(n+6):after {content:""; position:absolute; top:-30px; left:-500%; width:1000%; height:1px; background:#ddd;} */
.detail_area .dl dt {font-weight:600; margin-bottom:13px;}
.detail_area .dl dd {color:#666;}
.detail_area .dl dl:before {content:""; position:absolute; top:0; left:0; width:1px; height:62px; background:#ebebeb;}
.detail_area .dl dl:nth-child(5n-4):before {display:none;}
.detail_area .con {padding-top:60px;}

.tbl {border-top:#222 1px solid;}
.tbl.mt {margin-top:100px;}
.tbl dl {display:flex; border-bottom:#ddd 1px solid; padding:20px 0;}
.tbl .dt {background:#F8F8F8;}
.tbl dt {font-size:16px; font-weight:600; line-height:20px; height:20px; text-align:center;}
.tbl dd {display:flex; justify-content:center; align-items:center;}
.tbl dl > .check {width:150px;}
.tbl dl > .img {width:120px;}
.tbl dl > .name {width:calc(100% - 910px);}
.tbl dl > .voltage {width:230px;}
.tbl dl > .rotation {width:210px;}
.tbl dl > .wire {width:200px;}
	/* 구입 제품 등록 */
.tbl.th_18 dl {padding:30px 0;}
.tbl.th_18 dt {font-size:18px; line-height:30px; height:30px;}
.tbl dl > .num {width:100px;}
.tbl dl > .pro {width:130px;}
.tbl dl > .date {width:170px;}
.tbl dl > .sell {width:190px;}
.tbl dl > .lot {width:150px;}
.tbl dl > .dead {width:160px;}
.tbl dl > .appro {width:180px; font-weight:600;}
.tbl dl > .appro.ing {color:#999;}
.tbl dl > .appro.rev {color:#222;}
.tbl dl > .appro.ok {color:#008AD1;}
.tbl dl > .modi {width:180px;}
.tbl dl > .modi .btn {display:block; color:#666; line-height:38px; height:40px; width:100px; text-align:center; border:#ddd 1px solid; border-radius:20px;}
	/* 대리점/서비스지정점 찾기 */
.tbl dl > .wm60 {width:calc(100% - 600px);}
.tbl dl > .w18 {width:180px;}
.tbl dl > .w24 {width:240px;}
.tbl dl > .w27 {width:270px;}
.tbl dl > dd.wm60 {flex-direction:column; align-items:flex-start; padding-left:80px;}
.tbl dl .tags {display:flex; gap:10px; flex-wrap:wrap; margin-top:10px;}
.tbl dl .tags span {font-size:16px; line-height:26px; height:28px; padding:0 13px; border:rgba(34,34,34,.2) 1px solid; border-radius:15px;}
.tbl dl > dd strong {font-weight:600;}
	/* 너트러너 */
.tbl table {background:#fff;}
.tbl th,
.tbl td {text-align:center; border-bottom:#EBEBEB 1px solid; line-height:28px; padding:10px; word-break:break-word;}
.tbl th {color:#fff; background:#004993; font-weight:400;}
.tbl td {color:#666;}
.tbl col.w15 {width:150px;}
.tbl col.w16 {width:160px;}
.tbl col.w18 {width:180px;}
.tbl table + p {font-size:16px; color:#008AD1; margin-top:20px;}
.tbl.td_tal td {text-align:left; padding:13px 24px;}
	/* 다운로드 센터 */
.tbl.tbl_gray {font-size:16px;}
.tbl.tbl_gray th,
.tbl.tbl_gray td {height:60px;}
.tbl.tbl_gray th {color:#222; background:#F8F8F8; width:215px; font-weight:700;}
.tbl.tbl_gray td {padding-left:40px; text-align:left;}
.tbl.tbl_gray .btn_down {position:relative; display:inline-block; vertical-align:top; padding-right:28px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tbl.tbl_gray .btn_down:after {content:""; position:absolute; top:0; right:0; width:18px; height:100%; background:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain;}
	/* SCOOTY */
.scooty_spec th {width:160px;}
.scooty_spec td {text-align:left; padding:10px 24px;}

.dl_overset {/* height:495px; */ overflow:hidden;}
.dl_overset.on {height:auto;}
.detail_wrap .btn_cnt {display:flex; justify-content:center; align-items:center;}
.detail_wrap .btn_more {display:flex; justify-content:center; align-items:center; gap:10px; font-weight:600; line-height:45px; margin-top:30px;}
.detail_wrap .btn_more:after {content:""; display:block; width:25px; height:25px; border:#ddd 1px solid; background:url('/pub/images/btn_plus.svg') no-repeat 50% 50% / cover; border-radius:50%;}

/* 너트러너 */
.tool_zoombox {position:relative; margin-top:100px;}
.tool_zoombox.demo_height {height:2500px;}
.tool_zoombox #start {top:-100px;}
.tool_zoombox #end {bottom:100vh;}
.tool_zoombox .imgarea {position:relative; width:1600px; max-width:100%; height:500px; margin:0 auto;}
.tool_zoombox .imgarea .bg {position:absolute; top:0; left:50%; width:100%; height:100%; min-width:1600px; min-height:500px; max-width:100vw; max-height:calc(100vh - 100px); transform:translateX(-50%); background:#000;}
.tool_zoombox .imgarea .bg .img {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover;}
.tool_zoombox .imgarea .txt {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.tool_zoombox .imgarea .tt {font-size:48px; color:#fff; font-weight:600; line-height:1; margin-bottom:0;}
.tool_zoombox .imgarea span {display:block; height:0; max-height:144px; overflow:hidden; transition:.4s linear;}
.tool_zoombox .imgarea p {font-size:22px; color:#fff; line-height:36px;}
.tool_zoombox.start .imgarea {position:fixed; top:100px; left:50%; transform:translateX(-50%);}
.tool_zoombox.end .imgarea {position:absolute; bottom:0; top:auto; left:50%; transform:translateX(-50%);}
.tool_zoombox.end .imgarea .bg {top:auto; bottom:0;}
.page_height {height:226px;}
.tool_zoombox .imgarea .tool1_00 .img {background-image:url('/pub/images/img_tool1_00.jpg'); opacity:.5 !important;}
.tool_zoombox .imgarea .tool1_00 .tt {line-height:70px;}
.tool_zoombox .imgarea .tool1_00 .tt div {display:block; font-weight:400;}
.tool_zoombox .imgarea .tool3_01 .img {background-image:url('/pub/images/img_tool3_01.jpg');}
.tool_zoombox .imgarea .tool3_01 span {max-height:108px;}
.tool_zoombox .imgarea .seat_motor_01 .img {background-image:url('/pub/images/img_seat_motor_01.jpg');}
.tool_zoombox .imgarea .seat_motor_01 span {max-height:144px;}
.tool_zoombox .imgarea .seat_motor_02a .img {background-image:url('/pub/images/img_seat_motor_02a.jpg');}
.tool_zoombox .imgarea .seat_motor_02b .img {background-image:url('/pub/images/img_seat_motor_02b.jpg');}
.tool_zoombox .imgarea .seat_motor_02c .img {background-image:url('/pub/images/img_seat_motor_02c.jpg');}
.tool_zoombox .imgarea .seat_motor_02d .img {background-image:url('/pub/images/img_seat_motor_02d.jpg');}
.tool_zoombox .imgarea .seat_motor_02e .img {background-image:url('/pub/images/img_seat_motor_02e.jpg');}
.tool_zoombox .imgarea .e_mobility_01 .img {background-image:url('/pub/images/img_e_mobility_01.jpg');}

.dl_area {padding:160px 0; letter-spacing:-.5px;}
.dl_area:last-child {padding-bottom:0;}
.dl_area.gbox {background:#F5F5F7;}
.dl_area .inner {display:flex;}
.dl_area .inner + .inner {margin-top:160px;}
.dl_area .ltit {margin:0;}
.dl_area .inner > .ltit {width:440px;}
.dl_area .ltit p {font-size:18px; font-weight:400; line-height:30px; margin-top:40px;}
.dl_area .con {width:calc(100% - 440px);}
.dl_area .glbox {padding:20px; height:456px; display:flex; justify-content:center; align-items:center; margin-bottom:60px; background:#fff;}
.dl_area .glbox.top_left {flex-direction:column; justify-content:flex-start; align-items:flex-start; margin-bottom:0; padding:32px 32px 40px; height:auto;}
.dl_area .glbox.mt {margin-top:40px;}
.dl_area .glbox.hauto {height:auto; padding:40px;}
.dl_area .tt {font-size:22px; font-weight:600; line-height:30px; margin-bottom:24px;}
.dl_area .glbox.top_left .tt {margin-bottom:40px;}
.dl_area p.b {color:#111;}
.dlset {display:flex; align-items:center;}
.dlset dt {width:330px;}
.dlset dd {width:calc(100% - 330px);}
.dlset .dots_list li {display:flex; color:#666; padding-left:15px; margin-bottom:10px;}
.dlset .dots_list li strong {width:200px; color:#222;}
.dlset .dots_list li span {width:calc(100% - 200px);}
.dlset2 + .dlset2 {margin-top:40px;}
.dlset2 dt {width:400px; height:400px; border:#ebebeb 1px solid; background:#fff; display:flex; justify-content:center; align-items:center;}
.dlset2 dt img {max-height:100%;}
.dlset2 dd {width:calc(100% - 400px); padding-left:40px;}
.dlset2 .ltit {margin-bottom:30px;}
.dl_area .chk_area {display:flex; flex-wrap:wrap; gap:16px;}
.dl_area .chk_area li {width:calc((100% - 48px)/4); padding:24px; background:#F5F5F7; text-align:center; color:#000;}
.dl_area .chk_area li:before {content:""; display:block; width:24px; height:24px; background:url('/pub/images/arrow_chk.svg') #008AD1 no-repeat 50% 50% / contain; border-radius:50%; margin:0 auto 8px;}

/* E카달로그 */
.catalog_list {display:flex; gap:60px 30px; flex-wrap:wrap;}
.catalog_list li {width:calc((100% - 90px)/4);}
.catalog_list li a,
.catalog_list li span {display:block;}
.catalog_list li .imgfit {position:relative; width:100%; height:478px;}
.catalog_list li .imgfit span {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(34,34,34,.50); backdrop-filter:blur(15px); opacity:0; transition:.2s linear;}
.catalog_list li .imgfit i {position:absolute; top:50%; left:50%; width:84px; height:84px; background:#004993 url('/pub/images/icon_down_w.svg') no-repeat 50% 50%; border-radius:50%; transform:translate(-50%,-50%);}
.catalog_list li .name {font-size:22px; font-weight:600; margin-top:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.catalog_list li .date {color:#666; margin-top:10px;}
.catalog_list.video_list li {width:100% !important;}
.catalog_list.video_list li iframe {width:100%; height:600px;}

.characterbox {width:100%; height:470px; border:#ddd 1px solid; display:flex; justify-content:center; align-items:center; margin-bottom:30px;}
.characterinfo {display:flex; gap:32px;}
.characterinfo .img {position:relative; width:250px; z-index:1; text-align:right;}
.characterinfo .img span {position:absolute; top:0; left:0; width:100%; height:160px; line-height:160px; padding:0 28px; font-size:30px; color:#fff; font-weight:600; letter-spacing:-.75px; text-align:left; border-radius:10px;}
.characterinfo .img img {position:relative; z-index:1;}
.characterinfo.c1 {margin-bottom:100px;}
.characterinfo.c1 .img {padding:24px 28px 0;}
.characterinfo.c1 .img span {background:#EF402B;}
.characterinfo.c2 .img {padding:16px 24px 0;}
.characterinfo.c2 .img span {background:#38C4E5;}
.characterinfo .txt {width:calc(100% - 282px);}
.characterinfo .txt dl {display:flex; gap:10px; margin-bottom:10px;}
.characterinfo .txt dt {font-size:16px; color:#fff; line-height:22px; height:22px; width:60px; background:#222; border-radius:11px; text-align:center; margin-top:4px;}
.characterinfo .txt dd {width:calc(100% - 70px);}

/* SCOOTY 브랜드 및 제품 소개 */
.scooty_about .tit {font-size:22px; font-weight:600; margin-bottom:20px;}
.scooty_about .box {position:relative; margin-bottom:24px; padding:48px; height:360px; background-color:#222 !important;}
.scooty_about .box:last-child {margin-bottom:0;}
.scooty_about .box .txt {position:relative; height:100%;}
.scooty_about .box .tt {font-size:30px; color:#fff; font-weight:600; line-height:45px; margin-bottom:24px;}
.scooty_about .box .right {position:absolute; top:50%; right:60px; transform:translateY(-50%);}
.scooty_about .box p {color:#fff;}
.scooty_about .box .btm {position:absolute; bottom:0; left:0; font-size:16px; color:rgba(255,255,255,.5); line-height:30px;}
.scooty_about .box.i1 {background:url('/pub/images/bg_scooty_about01.png') no-repeat 50% 50%;}
.scooty_about .box.i1 ul {display:flex; gap:25px;}
.scooty_about .box.i1 li {display:flex; flex-direction:column; justify-content:center; align-items:center; width:200px; height:240px; border-radius:10px; background:rgba(255,255,255,.10); box-shadow:0px 4px 30px 0px rgba(0,0,0,.25); backdrop-filter:blur(5px);}
.scooty_about .box.i1 li p {font-weight:600; line-height:25px;}
.scooty_about .box.i1 li strong {font-size:40px; color:#F18904; font-weight:700; line-height:45px; font-style:italic; letter-spacing:-1px; margin-top:16px;}
.scooty_about .box.i2 {background:url('/pub/images/bg_scooty_about02.svg') no-repeat 100% 100% / cover;}
.scooty_about .box.i2 .right {width:425px; text-align:center; padding-left:22px;}
.scooty_about .box.i3 .right {right:106px;}

.scooty_product_detail {padding:100px 0; background:#F5F5F7;}
.scooty_product_detail .tit {font-size:22px; font-weight:600; margin-bottom:60px; text-align:center;}
.scooty_product_detail ul {display:flex; justify-content:space-around; text-align:center;}
.scooty_product_detail p {margin-top:30px;}

.scooty_about2 .tt {margin-top:100px;}
.scooty_about2 .tt:first-child {margin-top:0;}
.scooty_color {display:flex; gap:20px;}
.scooty_color li {width:calc(50% - 10px); height:248px; padding:18px;}
.scooty_color li span {display:block;}
.scooty_color li.c1 {border:#ddd 1px solid;}
.scooty_color li.c1 p {color:#666;}
.scooty_color li.c2 {border:#232323 1px solid; background:#232323;}
.scooty_color li.c2 span,
.scooty_color li.c2 p {color:#fff;}

/* 전장사업 소개 및 연혁 */
.customer_area {display:flex; flex-wrap:wrap; gap:10px;}
.customer_area li {width:calc((100% - 40px)/5); background:#fff;}
.seat_motor_history {background:#222; padding:160px 0 200px;}
.seat_motor_history #his_start {top:-100px;}
.seat_motor_history #his_end {bottom:963px;}
.seat_motor_history .img {background-image:url('/pub/images/img_seat_motor_history.png');}
.seat_motor_history .history_area dt {color:#fff;}
.seat_motor_history .history_area dt:before {opacity:0;}
.seat_motor_history .history_area dl:first-child dt {margin-top:0;}
.seat_motor_history .history_area dl:first-child dt:before {opacity:1;}
.seat_motor_history .history_area dd p {color:#fff;}
.seat_motor_history .history_area dd p:before {background:#004993;}
.seat_motor_history .history_area dt .point {top:calc(-20vh - 240px);}
.seat_motor_history.start .img {position:fixed; top:240px; left:50%; margin-left:-720px;}
.team_contact {background:#004993;}
.team_contact.mt {margin-top:200px;}
.team_contact .inner {position:relative; display:flex; align-items:center; gap:85px; line-height:160px;}
.team_contact .inner:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/logo_contact.svg') no-repeat 100% 90%; opacity:.3;}
.team_contact dt {position:relative; font-size:30px; color:#fff; font-weight:600;}
.team_contact dt:after {content:""; position:absolute; top:50%; right:-42px; width:1px; height:30px; background:rgba(255,255,255,.3); margin-top:-15px;}
.team_contact dd {color:#fff;}
.team_contact dd ul {display:flex; gap:40px;}
.team_contact dd li {position:relative; padding-left:20px; background:no-repeat 0 50%;}
.team_contact dd li.mail {background-image:url('/pub/images/icon_mail.svg');}
.team_contact dd li.tel {background-image:url('/pub/images/icon_tel2.svg');}
/* 이모빌리티 */
.emovility_imgbox {padding:60px 0 160px;}
.emovility_imgbox ul {display:flex; gap:30px;}
.emovility_imgbox li {width:calc((100% - 60px)/3);}
.emovility_imgbox .img {width:100%; height:360px; border:#ddd 1px solid; border-bottom:0; display:flex; justify-content:center; align-items:center;}
.emovility_imgbox .img img {max-width:100%; max-height:100%;}
.emovility_imgbox .txt {padding:40px; background:#00264C; color:#fff;}
.emovility_imgbox .tt {font-size:22px; font-weight:600; margin-bottom:24px;}
.emovility_about_btm .img {background:#F5F5F7; padding:60px; text-align:center;}
.emovility_about_btm .sidebox {margin-top:60px;}
.emovility_about_btm .sidebox .box {display:flex; gap:40px; align-items:center; margin-bottom:24px;}
.emovility_about_btm .sidebox .box:last-child {margin-bottom:0;}
.emovility_about_btm .sidebox i {width:240px; height:180px; display:flex; justify-content:center; align-items:center; border:#ddd 1px solid;}
.emovility_about_btm .sidebox .tt {font-size:22px; font-weight:600; margin-bottom:15px;}
.emovility_about_btm .sidebox li {margin-bottom:0;}

/* 연구소 소개 */
.rnd_wrap .tt {position:relative; font-size:30px; font-weight:600; line-height:42px; padding-bottom:75px; margin-bottom:30px;}
.rnd_wrap .tt:after {content:""; position:absolute; bottom:0; left:0; width:1px; height:50px; background:#222;}
.rnd_top {position:relative; display:flex; align-items:flex-end; gap:60px; padding-bottom:140px; margin-bottom:160px;}
.rnd_top .imgfit {width:calc(50% - 50px);}
.rnd_top .txt {width:calc(50% + 50px); padding-bottom:80px;}
.rnd_top p {font-size:20px;}
.rnd_top .abso {position:absolute; bottom:-35px; right:0; font-size:200px; color:#7394D6; line-height:1; opacity:.15;}
.rnd_btm .box {margin-bottom:100px; display:flex; align-items:flex-end; gap:150px;}
.rnd_btm .box:last-child {margin-bottom:0;}
.rnd_btm .box .imgfit {width:724px;}
.rnd_btm .box .txt {width:calc(100% - 874px); padding-bottom:80px;}
.rnd_btm .box .num {position:absolute; top:-25px; left:-68px; font-size:140px; color:#7394D6; font-weight:600; font-style:italic; font-family:'Roboto'; opacity:.15;}
.rnd_btm .box:nth-child(2n) {flex-direction:row-reverse; text-align:right;}
.rnd_btm .box:nth-child(2n) .tt:after {left:auto; right:0;}
.rnd_btm .box:nth-child(2n) .num {left:auto; right:-40px;}

/* 연구소 연혁 */
.rnd_history .img {background:url('/pub/images/bg_rnd_history.jpg') no-repeat 50% 50% / cover; gap:26px; padding-top:60px; z-index:2;}
.rnd_history .img:before,
.rnd_history .img:after {position:absolute; font-size:60px; color:#fff; font-weight:700; line-height:1; opacity:.24;}
.rnd_history .img:before {content:"History of"; top:100px; left:50px;}
.rnd_history .img:after {content:"KEYANG"; top:162px; right:30px;}
.rnd_history .img li {display:flex;}
.rnd_history .img li a {font-size:30px; color:#fff; font-weight:600; line-height:45px; opacity:.4; border-bottom:transparent 1px solid;}
.rnd_history .img li.on a {opacity:1; border-bottom-color:#fff;}
.rnd_history .area {border-bottom:#fff 110px solid;}
.rnd_history .area:last-child {border-bottom:0;}
.rnd_history .area .tit {position:relative; font-size:30px; font-weight:600; line-height:45px; background:#fff; margin-left:-27px; z-index:1;}
.rnd_history .area .tit:after {content:""; position:absolute; top:100%; left:0; width:100%; height:60px; background:inherit;}
.rnd_history dl:before {content:""; position:absolute; top:0; left:0; width:1px; height:19px; background:#e5ecf4; z-index:1;}

/* Vision & Strategy */
.strategy_top {display:flex; gap:60px; align-items:center; margin-bottom:80px;}
.strategy_top .imgfit {width:250px; height:250px; border-radius:50%; background:#fff;}
.strategy_top .txt {width:calc(100% - 310px);}
.strategy_top .tt {font-size:22px; font-weight:600; margin-bottom:20px;}
.strategy_top .dots_list li {margin-bottom:10px;}
.strategy_top .dots_list li:last-child {margin-bottom:0;}
.strategy_mid {display:flex; flex-wrap:wrap; gap:30px;}
.strategy_mid .box {width:calc(50% - 15px); height:200px; background:#fff; display:flex; align-items:flex-start; gap:30px; padding:30px;}
.strategy_mid .imgfit {width:122px;}
.strategy_mid .dots_list li {margin-bottom:10px; font-size:16px;}
.strategy_mid .dots_list li:last-child {margin-bottom:0;}

.strategy_step .tit {font-size:22px; font-weight:600; margin:100px 0 30px; display:flex; gap:20px;}
.strategy_step .tit:first-child {margin-top:0;}
.strategy_step .tit strong {color:#008AD1;}
.strategy_step .overrall {display:flex; justify-content:center; align-items:center; background:#F5FAFD; border:#84C0FF 1px solid; border-radius:62px; height:124px; max-width:1084px; margin:0 auto 60px;}
.strategy_step .overrall > span {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; font-size:20px; line-height:1.4; padding:0 60px; text-align:center;}
.strategy_step .overrall > span:before,
.strategy_step .overrall > span:after {content:""; position:absolute; top:10px; width:38px; height:30px; background:#222; opacity:.05; mask:url('/pub/images/icon_dda.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_dda.svg') no-repeat 50% 50% / contain;}
.strategy_step .overrall > span:before {left:0;}
.strategy_step .overrall > span:after {right:0; transform:rotate(180deg);}
.strategy_step .overrall .t {color:#004993; font-weight:700;}
.strategy_step .overrall p.b {font-weight:600;}
.strategy_step .overrall_box {display:flex;}
.strategy_step .overrall_box .box {position:relative; width:calc(100%/3); padding:40px 4px 0;}
.strategy_step .overrall_box .box:before {content:""; position:absolute; top:0; left:0; width:100%; padding-top:100%; background:url('/pub/images/bg_overrall.svg') no-repeat 50% 50% / contain;}
.strategy_step .overrall_box .box:nth-child(2):before {transform:rotate(180deg);}
.strategy_step .overrall_box .tt {display:flex; flex-direction:column; align-items:center; width:258px; height:258px; margin:0 auto 80px; border-radius:50%; padding-top:65px; box-shadow:0px 4px 50px 0px rgba(0,73,147,.50);}
.strategy_step .overrall_box .tt i {height:50px; width:100%; background:no-repeat 50% 50%; margin-bottom:15px;}
.strategy_step .overrall_box .tt strong {font-size:20px; color:#fff; font-weight:600; line-height:40px; height:40px; text-align:center;}
.strategy_step .overrall_box .i1 .tt {background:#008AD1;}
.strategy_step .overrall_box .i1 .tt i {background-image:url('/pub/images/icon_overrall01.svg');}
.strategy_step .overrall_box .i2 .tt {background:#004993;}
.strategy_step .overrall_box .i2 .tt i {background-image:url('/pub/images/icon_overrall02.svg');}
.strategy_step .overrall_box .i3 .tt {background:#222;}
.strategy_step .overrall_box .i3 .tt i {background-image:url('/pub/images/icon_overrall03.svg');}
.strategy_step .overrall_box dl {position:relative; border:#004993 1px solid; border-radius:20px; padding:30px 25px; text-align:center; height:300px;}
.strategy_step .overrall_box dt {color:#004993; font-weight:600; height:90px; border-bottom:#ddd 1px solid;}
.strategy_step .overrall_box dd {padding-top:30px; font-size:16px; color:#000;}
.inner .dl_area.gbox {position:relative;}
.inner .dl_area.gbox:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:inherit; z-index:-1; transform:translateX(-50%);}

.rnd_vision2 .imgfit {margin:100px 0 30px;}
.rnd_vision2 .imgfit:first-child {margin-top:0;}
.rnd_strategy2 dl {display:flex; align-items:center; margin-bottom:24px;}
.rnd_strategy2 dl:last-child {margin-bottom:0;}
.rnd_strategy2 dt {width:240px; height:180px; border:#ddd 1px solid; display:flex; justify-content:center; align-items:center; padding:10px;}
.rnd_strategy2 dd {width:calc(100% - 240px); padding-left:40px;}
.rnd_strategy2 .tt {font-size:22px; font-weight:600;}
.rnd_strategy2 .dots_list li {margin:0;}

/* R&D Technology */
.system_top {background:url('/pub/images/bg_system_top.jpg') no-repeat 50% 50% / cover; color:#fff; text-align:center; padding:145px 20px; margin-bottom:160px;}
.system_top .tt {font-size:30px; font-weight:600; line-height:45px; margin-bottom:30px;}
.system_top p {font-size:20px;}
.system_btm {position:relative; margin-top:60px;}
.system_btm .head {position:relative; width:290px; height:290px; margin:0 auto 80px; padding:20px;}
.system_btm .head span {display:flex; width:100%; height:100%; background:linear-gradient(139deg, #008AD1 6.24%, #004993 100.62%); box-shadow:0px 4px 50px rgba(0,73,147,.5); border-radius:50%; display:flex; justify-content:center; align-items:center; text-align:center; font-size:24px; color:#fff; font-weight:600; line-height:45px;}
.system_btm .head:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#999 1px dashed; border-radius:50%;}
.system_btm .head:after {content:""; position:absolute; top:100%; left:50%; width:0; height:80px; border-left:#999 1px dashed;}
.system_btm > ul {display:flex; border:#999 1px dashed; padding:70px 0;}
.system_btm > ul > li {position:relative; width:25%; text-align:center;}
.system_btm > ul > li i {display:block; width:100%; height:37px; background:no-repeat 50% 50%;}
.system_btm > ul > li .tt {color:#fff; font-weight:600; line-height:45px; height:45px; width:150px; text-align:center; border-radius:23px; margin:20px auto; background:#004993;}
.system_btm > ul > li .dots_list {text-align:left; display:inline-block; vertical-align:top;}
.system_btm > ul > li .dots_list li {margin-bottom:0;}
.system_btm .i1 i {background-image:url('/pub/images/icon_system_btm01.svg');}
.system_btm .i2 i {background-image:url('/pub/images/icon_system_btm02.svg');}
.system_btm .i3 i {background-image:url('/pub/images/icon_system_btm03.svg');}
.system_btm .i4 i {background-image:url('/pub/images/icon_system_btm04.svg');}

/* 계양인재상 */
.talent_wrap {position:relative; padding-left:calc(47% + 140px); overflow:hidden;}
.talent_wrap #start {top:-100px;}
.talent_wrap #end {bottom:100vh;}
.talent_wrap .img_area {position:absolute; top:0; left:0; width:47%; height:calc(100vh - 100px);}
.talent_wrap .img_area .imgfit {position:absolute; top:0; left:0; width:100%; height:100%; transition:.4s linear;}
.talent_wrap .box {position:relative;}
.talent_wrap .box .point {top:-50vh;}
.talent_wrap .txt {padding:100px 0; min-height:calc(100vh - 100px);}
.talent_wrap .num {font-size:140px; color:rgba(235, 235, 235, 0.30); line-height:164px; font-style:italic; font-family:'Roboto'; margin-bottom:210px;}
.talent_wrap i {display:block; width:100%; height:60px; background:no-repeat 0 50% / contain;}
.talent_wrap .i1 i {background-image:url('/pub/images/icon_talent01.svg');}
.talent_wrap .i2 i {background-image:url('/pub/images/icon_talent02.svg');}
.talent_wrap .i3 i {background-image:url('/pub/images/icon_talent03.svg');}
.talent_wrap .i4 i {background-image:url('/pub/images/icon_talent04.svg');}
.talent_wrap .tit {font-size:40px; color:#004993; font-weight:600; line-height:54px; margin:40px 0;}
.talent_wrap .tt {font-size:24px; font-weight:600; margin-bottom:18px;}
.talent_wrap p {color:#666;}
.talent_wrap.start .img_area {position:fixed; top:100px;}
.talent_wrap.end .img_area {bottom:0; top:auto;}

/* 복리후생 */
.welfare_wrap {position:relative; line-height:normal;}
.welfare_wrap:before {content:""; position:absolute; top:0; right:0; width:calc(50vw + 190px); height:450px; background:url('/pub/images/img_welfare.jpg') no-repeat 50% 50% / cover; border-radius:300px 0 0 0;}
.welfare_wrap .inner > p {position:relative; font-size:22px; letter-spacing:-.5px; z-index:1;}
.welfare_wrap ul {position:relative; margin-top:120px; display:flex; flex-wrap:wrap; gap:30px; z-index:1;}
.welfare_wrap li {width:calc(50% - 30px); height:300px; display:flex; flex-direction:column; justify-content:center; border:#ddd 1px solid; padding:0 45px; background:rgba(255, 255, 255, 0.50); backdrop-filter:blur(15px);}
.welfare_wrap li .tt {font-size:24px; font-weight:600; margin-bottom:20px;}
.welfare_wrap li p {position:relative; color:#666; padding:5px 0 5px 14px;}
.welfare_wrap li p:before {content:""; position:absolute; top:16px; left:0; width:4px; height:4px; background:#004993; border-radius:50%;}

/* 구입 제품 등록 / 입력창 */
.inputs_wrap {display:flex; gap:40px 30px; flex-wrap:wrap; padding-top:100px; margin-bottom:30px;}
.inputs_wrap .required {font-size:16px; color:#008AD1; line-height:22px; width:100%; margin-bottom:-5px;}
.inputs_wrap dl {width:calc(50% - 15px);}
.inputs_wrap dt {position:relative; font-weight:600; margin-bottom:15px;}
.inputs_wrap dt i {color:#008AD1;}
.inputs_wrap dt .tar {position:absolute; top:0; right:0; font-size:16px; color:#008AD1; font-weight:400;}
.inputs_wrap dt .tar.i:before {content:""; position:absolute; top:50%; left:-12px; width:4px; height:4px; background:#008AD1; border-radius:50%; margin-top:-2px;}
.inputs_wrap dd {position:relative; min-height:60px; background:#F5F5F7; font-size:16px;}
.inputs_wrap dd .text {border:0; height:60px; background:none;}
.inputs_wrap dd .bg_white {background:#fff; padding-top:5px;}
.inputs_wrap dd textarea.text {height:250px; padding:15px 20px;}
.inputs_wrap dd .search_item {display:flex;}
.inputs_wrap dd .search_item .text {width:calc(100% - 130px);}
.inputs_wrap dd .search_item .btn {width:130px; color:#fff; line-height:60px; text-align:center; border:0; background:#222;}
.inputs_wrap dd .non_focus {pointer-events:none; user-select:none;}
.file_select {padding:10px 20px; display:flex;}
.filebutton {position:relative; width:115px; height:40px; overflow:hidden;}
.filebutton span {display:inline-block; width:100%; height:100%; line-height:40px; color:#fff; background:#222; text-align:center; vertical-align:top;}
.filebutton input {z-index:9; position:absolute; top:-1px; left:-100%; margin:0; padding:0; font-size:30px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.filebox {width:calc(100% - 115px); height:40px; line-height:40px; padding:0 30px 0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.inputs_wrap dd .btn_q {position:absolute; top:50%; right:16px; width:30px; height:30px; line-height:30px; background:#666; border-radius:50%; font-size:18px; color:#fff; text-align:center; transform:translateY(-50%);}
.inputs_wrap dd .datepicker {padding-left:44px; background:url('/pub/images/icon_month.svg') no-repeat 20px 50%;}
.inputs_wrap dd .datepicker + img {display:none;}
.captcha {display:flex;}
.captcha * {height:60px;}
.captcha .imgfit {width:180px;}
.captcha .re {width:60px; margin:0 10px; background:url('/pub/images/icon_re.svg') #222 no-repeat 50% 50% / contain;}
.inputs_wrap .captcha .text {width:calc(100% - 230px); background:#F5F5F7;}
.inputs_wrap .checkarea {width:100%;}
.inputs_wrap label.check {font-size:18px;}
label.check.off i {background-image:url('/pub/images/icon_check_off.svg');}
.file_select table {width:100px;}

.registration2_input {width:100%; max-width:600px; margin:0 auto;}
.registration2_input p {text-align:center; width:100%;}
.registration2_input th {width:200px;}
.registration2_input td {text-align:left;}
.registration2_input .text {width:100%;}
	/* 달력 */
.ui-datepicker {width:300px; margin-top:-1px; display:none; z-index:30;}
.ui-datepicker-header {position:relative; border:#ddd 1px solid; border-bottom:0; background:#004993; overflow:hidden;}
.ui-datepicker-title {text-align:center; font-size:13px; color:#fff; font-weight:700; line-height:30px; width:100%; padding:10px 0;}
.ui-datepicker-title span {color:#fff;}
.ui-datepicker-title select {vertical-align:top; width:80px; height:30px; line-height:28px; padding:0 10px;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; height:40px; line-height:40px; width:40px; text-align:center; cursor:pointer;}
.ui-datepicker-prev {left:0;}
.ui-corner-all .ui-icon {position:relative; display:block; width:40px; height:50px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:0;}
.ui-corner-all .ui-icon:before,
.ui-corner-all .ui-icon:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin-left:-5px;}
.ui-corner-all .ui-icon:before {margin-top:-4px;}
.ui-corner-all .ui-icon:after {margin-top:2px;}
.ui-datepicker-prev .ui-icon:before {transform:rotate(-45deg);}
.ui-datepicker-prev .ui-icon:after {transform:rotate(45deg);}
.ui-datepicker-next {right:0;}
.ui-datepicker-next .ui-icon:before {transform:rotate(45deg);}
.ui-datepicker-next .ui-icon:after {transform:rotate(-45deg);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {border:#ddd 1px solid; text-align:center; background:#fff; line-height:34px;}
.ui-datepicker-calendar th:first-child {color:#d43333;}
.ui-datepicker-calendar th:last-child {color:#2264b2;}
.ui-datepicker-calendar td a {display:block;}
.ui-datepicker-calendar td:first-child a {color:#d43333;}
.ui-datepicker-calendar td:last-child a {color:#2264b2;}
.ui-datepicker-calendar td a.ui-state-active {font-weight:700; background:#f5f5f5;}
	/* 팝업 */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none; font-size:18px; color:#222; line-height:30px;}
.popup .dm {background:rgba(0,0,0,.5); z-index:-1;}
.popup .inbox {position:absolute; top:50%; left:50%; width:750px; max-width:calc(100vw - 40px); max-height:calc(100vh - 40px); overflow:auto; background:#fff; padding:40px; transform:translate(-50%,-50%); z-index:1;}
.popup .btn_close {position:absolute; top:0; right:0; width:80px; height:80px; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}
.popup .tit {font-size:30px; color:#222; font-weight:600; line-height:40px; margin-bottom:40px;}
	/* 구입 제품 등록 - 제품 검색 */
.popup .search_area {width:100%;}
.popup .board_top .search_area input.text {width:calc(100% - 100px) !important;}
.popup .board_top .search_area .btn {width:100px;}
.popup .pop_product_list {border-top:#ddd 1px solid; overflow:auto; max-height:calc(100vh - 340px);}
.popup .pop_product_list .check {border-bottom:#ddd 1px solid; padding:12px 0 12px 130px; display:flex; align-items:center;}
.popup .pop_product_list .check i {position:absolute; top:50%; left:40px; transform:translateY(-50%);}
.popup .pop_product_list .check .imgfit {width:114px; height:124px;}
.popup .pop_product_list .check .txt {width:calc(100% - 114px); display:flex;}
.popup .pop_product_list .check .txt p {padding-left:50px; display:flex; align-items:center;}
.popup .pop_product_list .check .txt p:first-child {width:240px;}
.popup .pop_product_list .check .txt p:last-child {width:100% - 240px;}
.popup .btn_submit {margin-top:70px;}
	/* 제조번호 입력 */
.popup .gbox {background:#F5F5F7; padding:20px; text-align:center; margin-top:40px;}
.popup .gbox img {mix-blend-mode:multiply;}
	/* Q&A */
.pop_qna .inbox {width:560px;}
.pop_qna .text {height:60px; line-height:58px; padding:0 20px;}
.pop_qna .btns {display:flex; gap:10px; padding:0 32px; margin-top:70px;}
.pop_qna .btns .btn {color:#fff; font-weight:600; line-height:58px; height:60px; width:calc(50% - 5px); border:#222 1px solid; background:#222; text-align:center;}
.pop_qna .btns .btn_l {color:#666; background:#fff; border-color:#ddd;}
	/* 비교하기 팝업 */
.pop_comparison .inbox {width:1440px;}
.pop_comparison .comparison_area {position:relative; width:calc(100% + 52px); overflow:hidden; margin:0 -52px 0 -12px;}
.pop_comparison .comparison_area .slick-slider {left:0; width:100%;}
.pop_comparison .comparison_area .slick-slider .slick-list {position:relative; padding-right:82px;}
.pop_comparison .comparison_area .slick-track {min-width:100%; display:flex;}
.pop_comparison .comparison_area .slick-slide {position:relative; padding:0 12px; float:none;}
.pop_comparison .comparison_area .box {position:relative; display:flex !important; flex-direction:column; width:100%; background:#F5F5F7; overflow:hidden; color:#222;}
.pop_comparison .comparison_area .btn_del {position:absolute; top:0; right:0; width:50px; height:50px; background:url('/pub/images/btn_del2.svg') no-repeat 50% 50%; z-index:1; font-size:0;}
.pop_comparison .comparison_area .comparison_slide_head {position:absolute; top:0; z-index:1; margin:0; padding-right:5px;}
.pop_comparison .comparison_area .comparison_slide_head:after {content:""; position:absolute; top:0; right:0; width:5px; height:calc(100% - 30px); background:#F5F5F7;}
.pop_comparison .comparison_area .comparison_slide_head .slick-slide {padding-bottom:30px;}
.pop_comparison .comparison_area .comparison_slide_head .slick-slide:after {content:""; position:absolute; bottom:20px; left:20px; width:calc(100% - 40px); height:20px; border-radius:50%; filter:blur(10px); background:rgba(0,0,0,.1); z-index:-1; opacity:0; transition:.2s linear;}
.pop_comparison .comparison_area .comparison_slide_head .slick-slide .box {padding:45px 5px 30px; text-align:center; overflow:hidden;}
.pop_comparison .comparison_area .imgfit {height:92px;}
.pop_comparison .comparison_area .imgfit img {object-fit:contain;}
.pop_comparison .comparison_area .name {font-size:20px; font-weight:600; line-height:28px; margin:20px 0 10px; letter-spacing:-.5px;}
.pop_comparison .comparison_area .code {font-size:16px; color:#666; line-height:30px;}
.pop_comparison .comparison_area .btn {position:absolute; top:10px; left:10px; font-size:0; height:40px; width:40px; background:url('/pub/images/arrow_link.svg') #004993 no-repeat 50% 50% / contain; border-radius:20px;}
.pop_comparison .comparison_area .comparison_slide_body {margin-top:255px; max-height:calc(100vh - 460px); overflow:hidden scroll;}
.pop_comparison .comparison_area .comparison_slide_body .box {padding:30px 18px 20px;}
.pop_comparison .comparison_area dl {margin-top:30px; font-size:16px; line-height:30px;}
.pop_comparison .comparison_area dl:first-child {margin-top:0;}
.pop_comparison .comparison_area dt {font-weight:600; border-bottom:#ddd 1px solid; padding-bottom:10px; margin-bottom:10px;}
.pop_comparison .comparison_area dd {position:relative; padding-left:10px;}
.pop_comparison .comparison_area dd:before {content:""; position:absolute; top:50%; left:0; width:2px; height:2px; background:#222; border-radius:2px; margin-top:-1px;}
.pop_comparison .arrow {position:absolute; top:50%; width:44px; height:44px; margin-top:18px; background:rgba(255,255,255,.3); border-radius:50%; font-size:0; z-index:2; box-shadow:0px 4px 4px 0px rgba(0,0,0,.06);}
.pop_comparison .arrow:before {content:""; display:block; width:100%; height:100%; background:#222; mask:url('/pub/images/arrow_comparison.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_comparison.svg') no-repeat 50% 50% / contain;}
.pop_comparison .arrow_prev {left:18px;}
.pop_comparison .arrow_next {right:76px; transform:scaleX(-1);}
.comparison_area.in_scroll .comparison_slide_head .slick-slide:after {opacity:1;}
	/* 다운로드 센터 */
.pop_down .inbox {width:1030px;}
.pop_down .tb {font-size:18px; color:#222; font-weight:600; line-height:30px; display:flex; gap:10px; margin-bottom:20px;}
.pop_down .tb span {font-size:16px; color:#666; font-weight:400;}
.pop_down p.btm {font-size:14px; color:#222; font-weight:400; line-height:30px; margin-top:10px;}
.btn_comp {display:block; font-size:18px; color:#fff; font-weight:600; line-height:60px; height:60px; width:200px; background:#222; text-align:center; margin:50px auto 0;}
	/* e-카타로그 */
.pop_catalog .inbox {width:1080px;}
	/* 대리점/서비스지정점 찾기 */
.pop_map .inbox {width:1048px;}
.pop_map .dots_list li {padding-left:136px; margin:10px 0 0; min-height:30px;}
.pop_map .dots_list li:first-child {margin-top:0;}
.pop_map .dots_list strong {position:absolute; top:0; left:16px; width:120px;}
.pop_map .map_area {margin-top:50px; width:100%; height:275px;}
.pop_map .point_outbox {border:0 !important; height:40px !important; background:none !important;}
.pop_map .point_outbox > div:first-child {opacity:0;}
.pop_map .point_inbox {top:34px !important; left:56px !important;}
.pop_map .point_inbox .map_point a {display:block; font-size:16px; color:#fff; font-weight:700; line-height:40px; height:40px; padding:0 10px 0 40px; background:#0475F4; border-radius:20px;}
.pop_map .point_inbox .map_point a:before {content:""; position:absolute; top:4px; left:4px; width:32px; height:32px; background:#fff url('/pub/images/icon_map_point3.svg') no-repeat 50% 50% / 18px; border-radius:50%; z-index:1;}
.pop_map .point_inbox .map_point a:after {content:""; position:absolute; bottom:-3px; left:14px; width:10px; height:10px; background:inherit; transform:rotate(45deg); z-index:0;}
.pop_map .point_marker {opacity:0;}

/* 보증서비스 */
.glbox {border:#ebebeb 1px solid; padding:40px 30px;}
.glbox li {position:relative; padding-left:32px; margin-bottom:23px; line-height:24px;}
.glbox li i {position:absolute; top:1px; left:0; width:22px; height:22px; line-height:22px; text-align:center; font-size:14px; background:#EBEBEB; border-radius:50%;}
.glbox li p {font-size:16px; color:#666; line-height:22px;}
.glbox li i + p {margin-top:10px;}

/* 서비스 안내 */
.service_info {display:flex; gap:30px;}
.service_info li {width:calc((100% - 60px)/3); text-align:center; border:#ebebeb 1px solid; padding:120px 0 110px;}
.service_info i {display:block; width:100%; height:56px; background:no-repeat 50% 50%;}
.service_info .i1 i {background-image:url('/pub/images/icon_service_info01.svg');}
.service_info .i2 i {background-image:url('/pub/images/icon_service_info02.svg');}
.service_info .i3 i {background-image:url('/pub/images/icon_service_info03.svg');}
.service_info .tt {font-size:24px; font-weight:600; line-height:34px; margin:36px 0 20px;}
.service_info p {line-height:25px; height:75px;}
.service_info .btm {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; height:96px; margin-top:70px;}
.service_info .btm .btn {display:flex; justify-content:center; align-items:center; gap:10px; color:#fff; font-weight:600; line-height:60px; height:60px; width:210px; background:#004993;}
.service_info .btm .btn_search:after {content:""; display:block; width:15px; height:inherit; background:url('/pub/images/icon_search_s.svg') no-repeat 50% 50% / contain;}
.service_info .btm .tel {display:flex; justify-content:center; align-items:center; gap:10px;}
.service_info .btm .tel:before {content:""; display:block; width:17px; height:17px; background:url('/pub/images/icon_tel_c.svg') no-repeat 50% 50% / contain;}
.service_info .btm p {font-size:16px; color:#666; line-height:28px; height:auto;}

/* 대리점/서비스지정점 찾기 */
.map_wrap_sub {width:100%; height:627px; background:url('/pub/images/bg_service_map.jpg') no-repeat 50% 50% / cover;}
.map_wrap_sub .map_set {height:100%;}
.map_wrap_sub .map_set .nationwide {transform:scale(.8);}
.map_wrap_sub .map_set.on .nationwide {display:block;}
.map_wrap_sub .map_set.on .btn_before {display:none;}

.search_wrap {background:#F5F5F7; padding:40px; margin-top:100px;}
.search_wrap dl {display:flex; width:100%; max-width:1020px; margin:0 auto 25px;}
.search_wrap dl:last-child {margin-bottom:0;}
.search_wrap dt {width:120px; line-height:42px;}
.search_wrap dd {width:calc(100% - 120px); display:flex;}
.search_wrap dd select,
.search_wrap dd .nice-select,
.search_wrap dd .text {border:0; height:50px; line-height:50px; font-size:16px; color:#797979;}
.search_wrap dd.label {gap:10px; flex-wrap:wrap;}
.search_wrap dd.label label {display:block;}
.search_wrap dd.label input {display:none;}
.search_wrap dd.label span {display:block; font-size:16px; color:#666; line-height:40px; height:42px; background:#fff; border-radius:21px; border:#ddd 1px solid; padding:0 18px; transition:.2s linear;}
.search_wrap dd.label input:checked + span {color:#008AD1; font-weight:600; border-color:#008AD1;}
.search_wrap dd.search {background:#fff; border-radius:25px; padding-left:20px;}
.search_wrap dd.search select,
.search_wrap dd.search .nice-select,
.search_wrap dd.search .text {background:none;}
.search_wrap dd.search select,
.search_wrap dd.search .nice-select {width:180px;}
.search_wrap dd.search .nice-select.open .current {color:#008AD1;}
.search_wrap dd.search .text {width:calc(100% - 430px);}
.search_wrap dd.search .btn {width:70px; height:50px; background:url('/pub/images/btn_search.svg') no-repeat 50% 50%; font-size:0;}

.tbl .btn_map {display:flex; justify-content:center; align-items:center; gap:10px; font-size:18px; color:#004993; line-height:43px; height:45px; width:130px; border:#004993 1px solid; border-radius:23px;}
.tbl .btn_map:before {content:""; display:block; width:16px; height:16px; background:#004993; mask:url('/pub/images/icon_map.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_map.svg') no-repeat 50% 50% / contain; transition:.2s linear;}

/* FAQ */
.faq_top {display:flex; gap:30px; margin-bottom:160px;}
.faq_top li {width:calc((100% - 60px)/3); height:288px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#F5FAFD; border:#ddd 1px solid;}
.faq_top i {display:block; width:100%; height:40px; background:no-repeat 50% 50% / contain;}
.faq_top .i1 i {background-image:url('/pub/images/icon_faq01.svg');}
.faq_top .i2 i {background-image:url('/pub/images/icon_faq02.svg');}
.faq_top .i3 i {background-image:url('/pub/images/icon_faq03.svg');}
.faq_top .num {color:#004993; font-style:italic; font-family:'Roboto'; margin:30px 0 20px;}
.faq_top p {font-size:20px; font-weight:600; text-align:center;}
.faq_select {position:relative; display:flex; flex-wrap:wrap; border-top:#ddd 1px solid; border-left:#ddd 1px solid; overflow:hidden; margin-bottom:160px;}
.faq_select a {position:relative; display:block; width:calc(100%/5); height:80px; line-height:79px; text-align:center; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.faq_select a.on {color:#fff; font-weight:600; background:#004993;}
.faq_wrap {border-top:#222 2px solid;}
.faq_wrap dl {border-bottom:#EBEBEB 1px solid;}
.faq_wrap dt,
.faq_wrap dd {position:relative; padding:30px 60px 30px 170px;}
.faq_wrap .type {position:absolute; top:30px; left:0; font-size:14px; color:#004993; font-weight:600; line-height:36px; height:38px; width:103px; text-align:center; border-radius:19px; border:rgba(0,73,147,.30) 1px solid;}
.faq_wrap span {position:absolute; top:30px; left:134px; font-size:26px; font-weight:700; line-height:38px;}
.faq_wrap p {padding:4px 0;}
.faq_wrap i {position:absolute; top:0; right:0; width:20px; height:100%;}
.faq_wrap i:before,
.faq_wrap i:after {content:""; position:absolute; top:50%; left:50%; background:#222; transition:.2s linear; transform:translate(-50%,-50%);}
.faq_wrap i:before {width:20px; height:2px;}
.faq_wrap i:after {width:2px; height:20px;}
.faq_wrap .on i:after {width:20px; height:2px;}
.faq_wrap dt {cursor:pointer;}
.faq_wrap dt p {font-size:24px; font-weight:600;}
.faq_wrap dd {background:#F5F5F7; border-radius:20px; display:none;}
.faq_wrap dd span {color:#999;}
.faq_wrap dl.on {padding-bottom:30px;}

.faq_wrap dd table {border:0;}
.faq_wrap dd td {color:#666; text-align:center; border:#EBEBEB 1px solid; line-height:28px; padding:10px; word-break:break-word;}
.faq_wrap dd td:first-child {border-left:0;}
.faq_wrap dd td:last-child {border-right:0;}

/* 다운로드센터 */
.search_wrap dd.selects {background:#fff; border-radius:25px; padding:0 20px;}
.search_wrap dd.selects select,
.search_wrap dd.selects .nice-select {width:calc(100%/3); border:0; height:50px; line-height:50px; background:none;}
.search_wrap dd.search_area select,
.search_wrap dd.search_area .nice-select {width:calc((100% - 20px)/3);}
.search_wrap dd.search_area .text {width:calc(100% - ((100% - 20px)/3) - 70px);}

/* 윤리강령 */
.csr_top {background:url('/pub/images/bg_csr_top.jpg') no-repeat 50% 50% / cover; padding:74px 20px; display:flex; justify-content:center; align-items:center; margin-bottom:160px;}
.csr_top .inbox {position:relative; padding:0 90px;}
.csr_top .inbox:before,
.csr_top .inbox:after {content:""; position:absolute; width:38px; height:30px; background:url('/pub/images/icon_dda.svg') no-repeat 50% 50% / contain;}
.csr_top .inbox:before {top:0; left:0;}
.csr_top .inbox:after {bottom:75px; right:0; transform:rotate(180deg);}
.csr_top p {font-size:20px; color:#fff; line-height:32px; text-align:center;}
.csr_top .name {color:#fff; font-weight:600; text-align:center; margin-top:50px; display:flex; justify-content:center; align-items:flex-end; gap:20px;}
.csr_top .name strong {font-size:30px; font-weight:400; line-height:40px; font-family:'ROEHOE-CHAN';}
.tabs_csr {display:flex; justify-content:center; flex-wrap:wrap; gap:26px 20px; margin-bottom:100px; padding:0 100px;}
.tabs_csr button {display:block; font-size:16px; line-height:30px; padding:10px 25px; background:#F5F5F7; border-radius:25px;}
.tabs_csr .on button {color:#fff; background:#004993;}
.glbox.num_list li {line-height:30px;}
.glbox.num_list li:last-child {margin-bottom:0;}
.glbox.num_list li li {padding-left:14px; text-indent:-14px;}

/* 개인정보처리방침 */
.terms_area .glbox {padding:40px; font-size:16px; line-height:28px; border-color:#ddd;}
.terms_area .glbox.info {margin-bottom:50px;}
.terms_area .glbox .tit {font-weight:700; margin:40px 0 30px;}
.terms_area .glbox .tit:first-child {margin-top:0;}
.terms_area .glbox li {margin-top:20px; padding-left:0;}
.terms_area .glbox li span {display:block; margin-bottom:10px;}
.terms_area .glbox li li {margin:0; padding-left:35px; text-indent:-15px;}
.terms_area .glbox li li li {padding-left:20px; text-indent:-10px;}
.terms_area .glbox.cont {height:750px; overflow:auto;}
.terms_area .glbox .gbox {display:flex; background:#f8f8f8; border:#ddd 1px solid; padding:20px; margin-top:10px;}
.terms_area .glbox .gbox li {width:50%; max-width:400px;}

/* 통합검색 */
.search_top {padding:120px 0; background:linear-gradient(90deg, #004993 0%, #008AD1 100%);}
.search_top .inner {display:flex; justify-content:center; align-items:center;}
.search_top .search_area {width:590px;}
.search_top .search_area input.text {width:calc(100% - 80px);}
.search_top .search_area .btn {width:80px;}
.search_area a {display:block;}
.search_area .tt {display:block; font-size:24px; font-weight:600; line-height:33px; margin-bottom:20px;}
.search_area p {overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.search_area p img {display:block; width:100%; max-width:300px;}
.search_area .ltit {margin-bottom:30px; padding-bottom:30px; border-bottom:#ddd 2px solid;}
.search_area .list_gall {display:flex; flex-wrap:wrap; gap:60px 30px;}
.search_area .list_gall li {width:calc((100% - 60px)/3);}
.search_area .list_gall .imgfit {display:block; width:100%; height:500px;}
.search_area .list_gall .txt {display:block; padding-top:30px;}
.search_area .list_board li {padding:30px 0; border-bottom:#ddd 1px solid;}
.search_area .list_board li:first-child {padding-top:0;}
.search_area .list_board li a {padding:0 40px;}

/*loading*/
.loading {
    text-align: center;
    position: fixed; /* fixed로 변경 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #fff;
    display: none;
}
.loading img {
    width: 32px;
    height: 32px;
    margin-top: 9px;
}