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

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

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all; -webkit-text-size-adjust:100%; -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent;}
html {overscroll-behavior:contain;}
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%; border-radius:5px;}
input[type="text"],
input[type="password"],
input[type="date"],
select {height:56px; padding:0 10px;}
select {
	-webkit-appearance:none;
	-moz-appearance:none; 
	appearance:none;
	background:url('/pub/images/arrow_select.svg') no-repeat right 10px center #fff;
}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"]::-webkit-calendar-picker-indicator {background:transparent; z-index:1;}
input[type="date"] {background:url('/pub/images/icon_date.svg') no-repeat right 20px center;}

textarea {padding:10px;}
button,a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}
.imgfit img {width:100%; height:100%; object-fit:cover;}

.inner {width:100%; max-width:1560px; margin:0 auto; padding:0 20px;}
.inner .no_data {margin: 0 auto;height: 100px;text-align: center;background: #f3f3f3;line-height: 100px;}
span.br {display:block;}
.mo_vw {display:none !important;}

.btn {display:block; width:200px; height:50px; line-height:50px; font-size:18px; color:#fff; background:#000; border-radius:25px; text-align:center;}
.btn.ib {display:inline-block; vertical-align:top;}
.btn.mt {margin-top:10px;}
.btn.mt2 {margin-top:20px;}
.btns .btn {margin:0 10px;}

.org {color:#ad5c00 !important;} /* EF7F00 */
.green {color:#2FA459 !important;}
.green2 {color:#009095 !important;}
.blue {color:#0070BD !important;}
.bg_org {background:#FFFAF3 !important;}

.letter {letter-spacing:-.5px;}
.fwn {font-weight:400 !important;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

.sound_only {font-size:0 !important; width:0 !important; height:0 !important; overflow:hidden;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

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

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Pretendard', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#ED6D04; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px; font-size:0;}
.ie_wrap .link a i {font-size:60px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	html,body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.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;}

/* 게시판 목록 */
.board_top {overflow:hidden; margin-bottom:40px;}
.board_top .total {float:left; line-height:46px;}
.board_top .right {float:right; display:flex; align-items:center; flex-wrap:wrap;}
.board_top #two_inputs {display:flex; margin-right:10px;}
.board_top #two_inputs span {width:20px; text-align:center; line-height:56px;}
.board_top #two_inputs input {background:url('/pub/images/icon_date.svg') no-repeat right 10px center; width:200px;}
.board_top .right select.text {width:140px; margin-right:10px;}
.board_top .search_area {position:relative; float:right; overflow:hidden;}
.board_top .search_area select.text {float:left; border:0; border-bottom:#333 2px solid; margin-right:20px; height:46px; border-radius:0; width:120px; font-size:16px; color:#333;}
.board_top .search_wrap {position:relative; float:right; border-bottom:#333 2px solid; padding-right:44px; width:360px;}
.board_top .search_wrap .text {display:block; width:100%; border:0; font-size:16px; color:#333; line-height:44px; height:44px;}
.board_top .search_wrap .text::placeholder {color:#999; font-weight:300;}
.board_top .search_wrap .btn {position:absolute; top:0; right:0; width:44px; height:44px; background:url('/pub/images/icon_search.svg') no-repeat 50% 50%; border:0; font-size:0;}

.date-picker-wrapper.no-shortcuts {position:fixed; top:50% !important; left:50% !important; max-width:calc(100vw - 40px); transform:translate(-50%,-50%); padding:20px; border-radius:10px; font-size:14px; z-index:102;}
.date-picker-wrapper .footer {display:none;}
.date-picker-wrapper .drp_top-bar {padding:0; height:20px; margin-bottom:10px;}
.date-picker-wrapper .drp_top-bar .apply-btn {width:30px; height:30px; background:none; border:#ddd 1px solid; border-radius:50%; font-size:0; margin-top:-15px;}
.date-picker-wrapper .drp_top-bar .apply-btn:before,
.date-picker-wrapper .drp_top-bar .apply-btn:after {content:""; position:absolute; top:50%; left:50%; width:16px; height:2px; background:#333; margin:-1px 0 0 -8px;}
.date-picker-wrapper .drp_top-bar .apply-btn:before {transform:rotate(45deg);}
.date-picker-wrapper .drp_top-bar .apply-btn:after {transform:rotate(-45deg);}
.date-picker-wrapper .month-wrapper table {height:200px;}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {font-size:16px;}
.date-picker-wrapper .month-wrapper table .day {font-size:14px; line-height:1.2;}
.date-picker-wrapper .gap {width:15px; height:200px; background:#fff;}
.date_picker_dm {position:fixed; top:0 !important; left:0 !important; width:100%; height:100%; background:#000; opacity:.5; z-index:101;}
.date-picker-wrapper.on,
.date_picker_dm.on {display:block !important;}

.board_list {border-top:#333 1px solid;}
.board_list col.w1 {width:150px;}
.board_list col.w2 {width:160px;}
.board_list col.w3 {width:180px;}
.board_list th,
.board_list td {text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {font-size:18px; color:#333; font-weight:700; height:70px;}
.board_list td {font-size:16px; color:#767676; font-weight:300; height:100px; transition:.2s linear;}
.board_list td.tal a {position:relative; display:block; vertical-align:top; font-size:20px; color:#333; font-weight:700; line-height:100px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td.tal a span {position:relative; display:inline-block; vertical-align:top; max-width:100%;}
.board_list td i.file {display:block; width:19px; height:25px; background:#ccc; mask:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; margin:0 auto; transition:.2s linear;}
.board_list .ico_down {display:block; height:100%; background:url('/pub/images/icon_file.svg') no-repeat 50% 50%;}
.board_list .important a {padding-left:76px;}
.board_list .important a strong {position:absolute; top:50%; left:0; width:64px; height:24px; line-height:24px; font-size:15px; color:#fff; font-weight:500; text-align:center; background:#0070BD; border-radius:5px; margin-top:-12px;}
.board_list .new a span {padding-right:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .new a span:after {content:"N"; position:absolute; top:50%; right:0; width:20px; height:20px; line-height:20px; margin-top:-10px; background:#EF7F00; border-radius:50%; border-radius:50%; font-size:11px; color:#fff; font-weight:700; text-align:center;}

.board_bottom {position:relative; margin-top:60px; min-height:42px;}
.board_bottom .btns {position:relative; overflow:hidden; margin-top:60px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border:0; border-radius:4px; vertical-align:top;}
.board_bottom .btns .btn_more {position:relative; display:inline-block; font-size:18px; color:#333; line-height:20px; padding-right:30px;}
.board_bottom .btns .btn_more:after {content:""; position:absolute; top:0; right:0; width:11px; height:100%; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}
.board_bottom .btn_abso {position:absolute; bottom:0; right:0; width:240px; height:60px; line-height:60px; color:#fff; font-weight:700; text-align:center; background:#003F8F; border-radius:5px;}
.board_bottom .paging {display:flex; justify-content:center; gap:6px; margin-top:60px;}
.board_bottom .paging a {position:relative; display:inline-block; width:42px; height:42px; line-height:42px; text-align:center; font-size:18px; color:#767676; vertical-align:top;}
.board_bottom .paging a:before {content:""; position:absolute; top:calc(50% + 12px); left:50%; width:0; height:2px; background:#333; transition:.2s linear; transform:translate(-50%,0);}
.board_bottom .paging a.on {color:#333; font-weight:500;}
.board_bottom .paging a.on:before {width:20px;}
.board_bottom .paging .arrow {position:relative; border:#767676 1px solid; border-radius:50%; font-size:0;}
.board_bottom .paging .arrow:before {content:""; position:absolute; top:0; left:0; width:100% !important; height:100%; background:url('/pub/images/arrow_prevnext.svg') no-repeat 50% 50%; transform:translate(0,0);}
.board_bottom .paging .arrow.prev {margin-right:20px;}
.board_bottom .paging .arrow.next {margin-left:20px;}
.board_bottom .paging .arrow.next:before {transform:rotate(180deg);}

/* 게시판 상세 */
.board_view {width:1000px; max-width:100%; margin:0 auto;}
.board_view .tit {position:relative; text-align:center; padding-bottom:60px; border-bottom:#ebebeb 1px solid;}
.board_view .tit .cate {color:#0070BD; font-weight:700;}
.board_view .tit .tt {font-size:44px; color:#000; font-weight:700; line-height:50px; margin:20px 0 20px;}
.board_view .tit .date span {position:relative; font-size:16px; color:#767676; font-weight:300; line-height:20px; padding:0 20px;}
.board_view .tit .date span:before {content:""; position:absolute; top:0; left:0; width:1px; height:20px; background:#eee;}
.board_view .tit .date span:first-child:before {display:none;}
.board_view .tit .print {position:absolute; bottom:20px; right:0; width:40px; height:40px; border:#ddd 1px solid; border-radius:50%; font-size:0; background:url('/pub/images/icon_print.svg') no-repeat 50% 50%;}
.board_view .con {padding:60px 0 140px;}
.board_view .con img {height:auto !important;}
.board_view .file {position:relative; background:#F8F8F8; padding:10px 10px 10px 100px; min-height:52px;}
.board_view .file dt {position:absolute; top:10px; left:0; font-size:16px; color:#000; font-weight:700; line-height:32px; padding-left:28px;}
.board_view .file dd a {display:inline-block; vertical-align:top; font-size:16px; color:#0070BD; line-height:32px;}
.board_view .reply {margin-top:60px;}
.board_view .reply dt {position:relative; font-size:16px; color:#000; font-weight:700; line-height:22px; padding:15px 30px; border-bottom:#ebebeb 1px solid; background:#F8F8F8;}
.board_view .reply dt .date {position:absolute; top:15px; right:10px; display:flex;}
.board_view .reply dt .date span {position:relative; font-weight:300; padding:0 20px;}
.board_view .reply dt .date span:before {content:""; position:absolute; top:calc(50% - 10px); left:0; width:1px; height:20px; background:#ccc;}
.board_view .reply dt .date span:first-child:before {display:none;}
.board_view .reply dd {padding:60px 0 120px;}
.board_bottom .btns .btn_list {display:block; color:#fff; font-weight:500; line-height:60px; height:60px; width:240px; text-align:center; background:#222; border-radius:5px; margin:0 auto;}
.board_bottom .btns .prev_next {position:absolute; top:0; right:0; height:100%; display:flex; gap:20px;}
.board_bottom .btns .prev_next a {display:block; width:22px; height:100%; background:url('/pub/images/arrow_prne.svg') no-repeat 50% 50% / contain; opacity:.5; font-size:0;}
.board_bottom .btns .prev_next a.next {transform:rotate(180deg);}
.board_bottom .btns.flex {display:flex; justify-content:center;}
.board_bottom .btns.flex .btn_list {margin:0 10px; background:#003F8F;}
.board_bottom .btns.flex .btn_edit {background:#ccc;}
@media print {
	.board_view {padding:40px;}
	.board_view .tit .print,
	.board_view .file,
	.board_bottom {display:none;}
}

.board_view .dda_txt {position:relative; font-size:30px; color:#333; font-weight:700; line-height:34px; border-bottom:#ebebeb 1px solid; padding:25px 0 20px; margin:60px 0 20px;}
.board_view .dda_txt:before {content:""; position:absolute; top:0; left:0; width:20px; height:19px; background:linear-gradient(to right, #ff5f00 50%, #01947f 51%); mask:url('/pub/images/icon_dda2.svg') no-repeat 50% 0 / contain; -webkit-mask:url('/pub/images/icon_dda2.svg') no-repeat 50% 0 / contain;}
.board_view .dda_txt:first-child {margin-top:0;}

/* 글쓰기 */
.board_write {border-top:#333 1px solid;}
.board_write table {margin-bottom:50px; border-top:#ddd 1px solid;}
.board_write table:first-child {border-top:0;}
.board_write th,
.board_write td {border-bottom:#ddd 1px solid; padding:20px 40px; font-size:18px;}
.board_write th {color:#333; font-weight:700; line-height:50px; width:300px; background:#F8F8F8;}
.board_write td .text {max-width:100%;}
.board_write td .w1 {width:430px;}
.board_write td .w2 {width:150px;}
.board_write td .w3 {width:200px;}
.board_write td select.w3 {margin-left:10px;}
.board_write td em {width:30px; line-height:50px; display:block; vertical-align:top; text-align:center; font-style:normal;}
.board_write td .flex {display:flex; flex-wrap:wrap;}
.board_write td label.radio {margin-right:50px;}
.board_write td label.radio:last-child {margin-right:0;}
.board_write td label.radio input {position:absolute; top:5px; left:5px; display:block; z-index:-1; opacity:0;}
.board_write td label.radio i {background:#fff;}
.board_write td label.radio i:before {background:#1B3F8F;}
.board_write td label.radio input:checked + i:before {width:10px; height:10px;}
.filebutton {position:relative; width:100px; height:50px; overflow:hidden;}
.filebutton span {display:inline-block; width:100%; height:100%; line-height:48px; font-size:18px; color:#333; text-align:center; border:#222 1px solid; vertical-align:top; border-radius:5px;}
.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 {float:left; width:430px; max-width:calc(100% - 110px); height:50px; line-height:48px; padding:0 20px; overflow:hidden; border:#ddd 1px solid; color:#333; font-size:18px; white-space:nowrap; border-radius:5px; margin-right:10px;}
.board_write td .flex.gap_del {gap:10px 20px;}
.board_write td .flex.gap_del .del {display:flex; align-items:center;}
.board_write .board_bottom {padding-top:10px;}
.board_write .board_bottom .btns {margin-top:0; display:flex; justify-content:center;}
.board_write .board_bottom .btn {width:240px; height:60px; font-size:18px;}
.board_write .board_bottom .btn_cancle {background:#fff; border:#ddd 1px solid; color:#666;}
.board_write .board_bottom .btn_submit {background:#003F8F;}
.board_write .capcha > * {height:50px; border:#ddd 1px solid;}
.board_write .capcha .img {width:150px; border-right:0; border-radius:5px 0 0 5px;}
.board_write .capcha .re {width:50px; border-radius:0 5px 5px 0; background:url('/pub/images/icon_re.svg') #FAFAFA no-repeat 50% 50%;}
.board_write .capcha .text {width:200px; margin-left:10px;}

.board_write .yak_area .text {height:100px; margin-bottom:20px;}
label.check {position:relative; display:block; padding-left:30px; line-height:20px;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:20px; height:20px; border:#ddd 1px solid; transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#003F8F; transform:translate(-50%,-50%); transition:.2s linear;}
label.check input:checked + i {border-color:#003F8F;}
label.check input:checked + i:before {width:10px; height:10px;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:40px;}
.gall_list li {width:calc((100% - 80px)/3);}
.gall_list li a {display:block;}
.gall_list li .img {display:block; width:100%; height:340px; overflow:hidden; border-radius:30px 30px 0 0;}
.gall_list li .img img {width:100%; height:100%; object-fit:cover;}
.gall_list li .txt {display:block; padding:40px 30px; border:#ddd 1px solid; border-top:0; border-radius:0 0 30px 30px;}
.gall_list li .txt strong {display:block; font-size:24px; color:#333; line-height:40px; height:80px; overflow:hidden;}
.gall_list li .txt .date {display:block; font-size:16px; color:#727272; font-weight:300; line-height:20px; margin-top:20px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; transition:.2s linear;}
.header .inbox {position:relative; height:180px; transition:.2s linear; transition-delay:.1s;}
.header .logo {position:absolute; top:0; left:100px; width:187px; height:180px; font-size:0; background:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; z-index:1;}
.header .logo h1 {font-size:0; width:0; height:0; border:0;}
.header.main {background:#fff;}
.header.main .logo {background-image:url('/pub/images/logo_g.svg');}
.header.main.topfixed {top:0 !important;}

.header .btn_menu {position:absolute; top:50%; right:100px; width:36px; height:36px; margin-top:-18px; z-index:1; font-size:0; transition:.2s linear;}
.header .btn_menu:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:rgba(237,109,4,.2); border-radius:50%; transform:translate(-50%,-50%);}
.header .btn_menu p {position:absolute; width:4px; height:4px; border-radius:50%; background:#fff; animation:hbtn 2s infinite; transition:.3s linear;}
@keyframes hbtn {
	0% {transform:scale(1);}
	50% {transform:scale(1.8);}
	100% {transform:scale(1);}
}
.header .btn_menu .i1 {top:0; left:0; /* background:#ED6F04; */}
.header .btn_menu .i2 {top:0; left:calc(50% - 2px); /* background:#ccc; */ animation-delay:.1s;}
.header .btn_menu .i3 {top:0; right:0; /* background:#016FB3; */ animation-delay:.2s;}
.header .btn_menu .i4 {top:calc(50% - 2px); left:0; /* background:#ccc; */ animation-delay:.3s;}
.header .btn_menu .i5 {top:calc(50% - 2px); left:calc(50% - 2px); /* background:#FBBA00; */ animation-delay:.4s;}
.header .btn_menu .i6 {top:calc(50% - 2px); right:0; /* background:#009B96; */ animation-delay:.5s;}
.header .btn_menu .i7 {bottom:0; left:0; opacity:0;}
.header .btn_menu .i8 {bottom:0; left:calc(50% - 2px); /* background:#ccc; */ animation-delay:.7s;}
.header .btn_menu .i9 {bottom:0; right:0; /* background:#8DB943; */ animation-delay:.8s;}
.header.fixed .btn_menu .i1,
.header.main .btn_menu .i1 {background:#ED6F04;}
.header.fixed .btn_menu .i2,
.header.main .btn_menu .i2 {background:#ccc;}
.header.fixed .btn_menu .i3,
.header.main .btn_menu .i3 {background:#016FB3;}
.header.fixed .btn_menu .i4,
.header.main .btn_menu .i4 {background:#ccc;}
.header.fixed .btn_menu .i5,
.header.main .btn_menu .i5 {background:#FBBA00;}
.header.fixed .btn_menu .i6,
.header.main .btn_menu .i6 {background:#009B96;}
.header.fixed .btn_menu .i8,
.header.main .btn_menu .i8 {background:#ccc;}
.header.fixed .btn_menu .i9,
.header.main .btn_menu .i9 {background:#8DB943;}

.header.on .inbox,
.header.on .logo {height:100px;}
.header.on .btn_menu {transform:rotate(135deg); transition-delay:1s;}
.header.on .btn_menu:before {animation:hbtn_before 1s linear forwards;}
@keyframes hbtn_before {
	0% {width:0; height:0; opacity:1;}
	60% {width:50px; height:50px; opacity:1;}
	100% {width:60px; height:60px; opacity:0;}
}
.header.on .btn_menu p {animation:none; background:#333 !important; transition-delay:.5s;}
.header.fixed.on .btn_menu p,
.header.main.on .btn_menu p {background:#222 !important;}
.header.on .btn_menu .i1 {top:8px; left:calc(50% - 2px); opacity:0;}
.header.on .btn_menu .i2 {left:calc(50% - 3px); width:6px; height:6px;}
.header.on .btn_menu .i3 {top:calc(50% - 2px); right:8px; opacity:0;}
.header.on .btn_menu .i4 {top:calc(50% - 2px); width:6px; height:6px;}
.header.on .btn_menu .i5 {top:calc(50% - 3px); left:calc(50% - 3px); width:6px; height:6px;}
.header.on .btn_menu .i6 {top:calc(50% - 3px); width:6px; height:6px;}
.header.on .btn_menu .i7 {bottom:8px; left:calc(50% - 2px); opacity:0;}
.header.on .btn_menu .i8 {left:calc(50% - 3px); width:6px; height:6px;}
.header.on .btn_menu .i9 {bottom:calc(50% - 2px); right:24px; opacity:0;}

.header .gnb {position:absolute; top:0; left:0; width:100%; padding:0 300px 0 360px;}
.header .gnb ul {width:90%; display:flex; justify-content:flex-end; margin:0 auto; transition:.4s linear;}
.header .gnb li {position:relative; transition:0.8s all cubic-bezier(.7, .1, .2, 1);}
.header .gnb li > a {display:block; font-size:18px; color:#fff; font-weight:700; line-height:180px; height:180px; overflow:hidden; padding:0 33px;}
.header .gnb li.g1 {width:129px;}
.header .gnb li.g2 {width:129px; transition-delay:.05s;}
.header .gnb li.g3 {width:137px; transition-delay:.1s;}
.header .gnb li.g7 {width:129px; transition-delay:.15s;}
.header .gnb li.g5 {width:129px; transition-delay:.2s;}
.header .gnb li.g4 {width:129px; transition-delay:.25s;}
.header .gnb li.g6 {width:160px; margin-right:-80px; transition-delay:.3s;}
.header.fixed .gnb li > a,
.header.main .gnb li > a {color:#222;}
.header .gnb li.on > a {color:#ED6D04;}
.header .langs {position:absolute; top:0; right:180px;}
.header .langs dt {position:relative; font-size:18px; color:#fff; font-weight:700; line-height:180px; padding-right:18px; cursor:pointer; transition:.2s linear;}
.header .langs dt:after {content:""; position:absolute; top:0; right:0; width:8px; height:calc(100% - 2px); background:#fff; 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; transition:.2s linear;}
.header .langs dt button {color:inherit; font-weight:inherit; line-height:178px; vertical-align:top;}
.header.fixed .langs dt,
.header.main .langs dt {color:#222;}
.header.fixed .langs dt:after,
.header.main .langs dt:after {background:#222;}
.header .langs dd {position:absolute; top:120px; left:0; width:100%; background:#fff; border-radius:10px; display:none;}
.header.fixed .langs dd {top:80px; box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .langs dd a {display:block; font-size:15px; color:#666; line-height:40px; text-align:center;}
.header .langs .on dt:after {transform:rotate(180deg);}
.header .gnb .snb {position:absolute; top:150px; left:0; width:100%; height:0; overflow:hidden; transition:.2s linear; transition-delay:.2s;}
.header .gnb li.g1 .snb {width:149px;}
.header .gnb li.g2 .snb {width:229px;}
.header .gnb li.g3 .snb {width:177px;}
.header .gnb li.g4 .snb {width:149px;}
.header .gnb li.g5 .snb {width:149px;}
.header .gnb li.g6 .snb {width:180px;}
.header .gnb li.g7 .snb {width:149px;}
.header.menu_open .gnb li.g1 {width:149px;}
.header.menu_open .gnb li.g2 {width:229px;}
.header.menu_open .gnb li.g3 {width:177px;}
.header.menu_open .gnb li.g7 {width:149px;}
.header.menu_open .gnb li.g5 {width:149px;}
.header.menu_open .gnb li.g4 {width:149px;}
.header.menu_open .gnb li.g6 {width:180px;}
.header .gnb .snb a {display:block; font-size:17px; color:#222; font-weight:500; line-height:28px; padding:10px 0 10px 33px; letter-spacing:-.5px;}
.header .gnb .snb a.on {color:#ED6D04;}
.header .gnb .bg {position:absolute; top:-530px; left:0; width:100%; height:530px; background:#fff url('/pub/images/bg_gnb.svg') no-repeat 0 100% / auto 430px; transition:.2s linear; transition-delay:.1s; z-index:-1;}
/* .header .gnb .bg:before {content:""; position:absolute; top:100px; left:0; width:350px; height:calc(100% - 101px); background:url('/pub/images/img_gnb.png') no-repeat 50% 50%;} */
.header .gnb .bg:after {content:""; position:absolute; top:100px; left:0; width:0; height:1px; background:#eee; transition:.4s linear; transition-delay:.1s;}
.header .gnb .bg .abox {position:absolute; top:155px; right:0; width:235px; height:calc(100% - 210px); padding-left:36px; /* display:flex; flex-direction:column; gap:20px; */ border-left:#eee 1px solid;}
.header .gnb .bg .abox a {display:flex; align-items:center; font-size:17px; color:#222; font-weight:800; line-height:28px; margin-bottom:20px;}
.header .gnb .bg .abox a:last-child {margin-bottom:0;}
.header .gnb .bg .abox a:after {content:""; display:block; height:28px; background:no-repeat 50% 50% / contain; margin-left:10px;}
.header .gnb .bg .abox a.i1:after {background-image:url('/pub/images/icon_gnb_ai1.svg'); width:12px;}
.header .gnb .bg .abox a.i2:after {background-image:url('/pub/images/icon_gnb_ai2.svg'); width:15px;}
.header .gnb .bg .abox a.i3:after {background-image:url('/pub/images/icon_gnb_ai3.svg'); width:17px;}

.header.fixed {background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header.fixed .inbox {height:100px;}
.header.fixed .logo {height:100px; background-image:url('/pub/images/logo_g.svg');}
.header.fixed .gnb li > a,
.header.fixed .langs dt {line-height:100px; height:100px;}
.header.fixed .langs dt button {line-height:98px;}

.header .sitemap {position:fixed; top:0; left:0; width:100%; height:100%; display:none;}
.header .sitemap .inbox {display:flex; width:100%; height:100%;}
.header .sitemap .img {width:35.4vw; background:url('/pub/images/img_sitemap.jpg') no-repeat 50% 50% / cover;}
.header .sitemap .menu {position:relative; width:64.6vw; padding-right:32.3vw; background:#F8F8F8;}
.header .sitemap .menu > ul {width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(135deg, #78bc28 0%, #009095 53%, #0070bd 100%);}
.header .sitemap .menu > ul > li {position:relative;}
.header .sitemap .menu > ul > li > a {display:flex; align-items:center; font-size:36px; color:#fff; font-weight:600; line-height:42px; padding:25px 80px; opacity:.3;}
.header .sitemap .menu > ul > li > a:after {content:""; display:block; width:0; height:20px; background:url('/pub/images/arrow_sitemap.svg') no-repeat 50% 50% / contain; margin-left:30px; transition:.2s linear;}
.header .sitemap .menu > ul > li.open_pc > a,
.header .sitemap .menu > ul > li.on > a {opacity:1;}
.header .sitemap .menu > ul > li.open_pc > a:after,
.header .sitemap .menu > ul > li.on > a:after {width:38px;}
.header .sitemap .snb {position:absolute; top:0; left:100%; width:100%; height:700%; max-height:644px; overflow:auto; padding-top:25px; display:none;}
.header .sitemap .open_pc .snb,
.header .sitemap .on .snb {display:block;}
.header .sitemap .open_pc.on .snb {display:none;}
.header .sitemap .g2 .snb {top:-100%;}
.header .sitemap .g3 .snb {top:-200%;}
.header .sitemap .g7 .snb {top:-300%;}
.header .sitemap .g5 .snb {top:-400%;}
.header .sitemap .g4 .snb {top:-500%;}
.header .sitemap .g6 .snb {top:-600%;}
.header .sitemap .snb li {margin-top:40px; padding:0 80px;}
.header .sitemap .snb li:first-child {margin-top:0;}
.header .sitemap .snb > li a {display:block; font-size:24px; color:#999; line-height:30px;}
.header .sitemap .snb > li.on > a {color:#333; font-weight:700;}
.header .sitemap .snb .dep {margin-top:10px;}
.header .sitemap .snb .dep a {display:block; font-size:18px;}
.header .sitemap .snb .dep a.on {color:#333; font-weight:500; text-decoration:underline;}
.header .sitemap .menu_close {font-size:0; width:0; height:0; overflow:hidden;}

.header.head_up {top:-180px;}

/* footer */
.footer {position:relative; background:url('/pub/images/bg_footer.svg') no-repeat 50% 50% / cover; padding:170px 0; font-family:'Pretendard'; animation:foot_z 1s forwards; z-index:1;}
	/* gotop 때문에 생성 */
.footer.main {z-index:2 !important;}

.footer .inner {display:flex;}
.footer .inner > * {width:50%;}
.footer .left .logo {display:block; width:187px; height:64px; background:url('/pub/images/flogo.svg') no-repeat 0 0 / contain; margin-bottom:40px;}
.footer .left .fh_tit {font-size:44px; color:#fff; font-weight:600; line-height:50px;}
.footer .left .cs {display:flex; gap:17px; margin:50px 0 30px;}
.footer .left .cs > * {font-size:16px; color:#fff;}
.footer .left .cs dt {font-weight:900;}
.footer .left .links {overflow:hidden;}
.footer .left .links a {position:relative; float:left; font-size:16px; color:#fff; font-weight:500; line-height:28px; margin-right:50px;}
.footer .left .links a:last-child {margin-right:0;}
.footer .left .links a strong {display:block; font-size:18px; font-weight:800;}
.footer .left .links a:after {content:""; position:absolute; top:50%; right:-25px; width:1px; height:10px; background:#fff; margin-top:-5px;}
.footer .left .links a:last-child:after {display:none;}
.footer .left .links a:before {content:""; position:absolute; bottom:0; right:0; width:0; height:1px; background:#fff; transition:.2s linear;}
.footer .left .address {margin:50px 0 80px;}
.footer .left .address p {font-size:14px; color:#fff; font-weight:600; line-height:30px;}
.footer .left .copy {font-size:12px; color:rgba(255,255,255,.6); line-height:20px;}
.footer .left .copy a {color:inherit;}
.footer .right {display:flex; flex-direction:column; align-items:flex-end;}
.footer .right .sitemap {overflow:hidden;}
.footer .right .sitemap li {float:left; text-align:right; margin-left:60px;}
.footer .right .sitemap li:first-child {margin-left:0;}
.footer .right .sitemap .tt {font-size:17px; color:#fff; font-weight:700; line-height:20px; margin:25px 0 15px;}
.footer .right .sitemap .tt:first-child {margin-top:0;}
.footer .right .sitemap a {display:block; font-size:15px; color:rgba(255,255,255,.5); font-weight:500; line-height:25px;}
.footer .right .family {position:relative; margin:120px 0 0 0;}
.footer .right .family dt {position:relative; display:flex; align-items:center; gap:15px; font-size:18px; color:#fff; font-weight:600; line-height:42px; border-radius:21px; padding:0 22px; z-index:1; background:#008169; /* #00A082 */ cursor:pointer;}
.footer .right .family dt:after {content:""; display:block; width:13px; height:13px; background:url('/pub/images/arrow_family.svg') no-repeat 50% 50% / contain;}
.footer .right .family dt button {display:block; color:#fff; line-height:inherit; background:inherit;}
.footer .right .family dd {position:absolute; bottom:42px; left:0; width:100%; background:#fff; border-radius:20px; padding:15px 26px; display:none;}
.footer .right .family dd a {position:relative; display:block; font-size:18px; color:#333; font-weight:500; line-height:40px; padding-left:14px;}
.footer .right .family dd a:before {content:""; position:absolute; top:50%; left:0; width:4px; height:4px; background:#ddd; border-radius:50%; margin-top:-2px; transition:.2s linear;}

/* 동그랑 버튼 움직임 공통 */
@keyframes btn_ani_round {
	0% {transform:scale(1); opacity:1;}
	100% {transform:scale(1.4); opacity:0;}
}

.quick_menu {position:fixed; bottom:40px; right:40px; transition:none; animation:quick_menu 1s forwards;}
.quick_menu a { width:90px; height:90px; border-radius:50%;}
.quick_menu .btn_quick {display:none; font-size:0;}
.quick_menu.unfixed {position:absolute; bottom:calc(100% - 45px);}
.quick_menu .link {background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 15px; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-bottom:20px; font-size:16px; color:#ED6D04; font-weight:700; line-height:1.2; text-align:center;}
.quick_menu .link:before {content:""; display:block; width:100%; height:24px; background:no-repeat 50% 50%; margin-bottom:8px;}
.quick_menu .link1:before {background-image:url('/pub/images/quick01.svg');}
.quick_menu .link2:before {background-image:url('/pub/images/quick02.svg');}
.quick_menu .link3:before {background-image:url('/pub/images/quick03.png');}
.gotop {display:block;background:url('/pub/images/arrow_gobtm.svg') #ED6D04 no-repeat 50% 50%; transform:rotate(180deg); font-size:0;}
.gotop:before,
.gotop:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#ED6D0499 20px solid; border-radius:50%; z-index:-1;}
.sc_on .quick_menu {display:block; animation:quick_menu_on 2s forwards;}
	/* 움직임 초기화 - 상단 복귀시 필요 */
@keyframes quick_menu {
	0% {opacity:1; display:none;}
	10% {opacity:1; display:block;}
	90% {opacity:0;}
	100% {opacity:0; display:none;}
}
	/* 등장시 움직임 */
@keyframes quick_menu_on {
	0% {opacity:0; display:block;}
	100% {opacity:1; display:block;}
}

/* 약관 */
.popup_yak {}
.popup_yak .tit {margin:30px 0 0;}
.popup_yak .tit:first-child {margin-top:0;}
.popup_yak .inbox {}
.popup_yak ul {}
.popup_yak li {}
.terms_con .tbl {margin:20px 0 40px;}
.popup_yak .terms_con .tbl th,
.popup_yak .terms_con .tbl td {font-size:15px; line-height:24px; padding:10px;}


/* 메인비주얼 */
.main_area {position:relative; font-family:'Pretendard'; z-index:0;}

.mvisual_wrap_fix {position:relative; height:calc(100vh + 100px); z-index:0; background:#fff;}
.mvisual_wrap_fix .mvisual_wrap {position:fixed; bottom:0; left:0; width:100%; height:100%;}
.mvisual_wrap {position:relative; width:100vw; overflow:hidden;}
.mvisual_wrap .mv_txt {position:absolute; top:calc(50% - 160px); left:400px; width:100%; font-size:80px; color:#222; font-weight:600; line-height:100px; z-index:30; transition:.8s;}
.mvisual_wrap .mv_txt li {position:relative; width:100%; max-height:200px; overflow:hidden;}
.mvisual_wrap .mv_txt span {position:relative; top:100%; left:0; opacity:0; transition:.4s linear;}
.mvisual_wrap .mv_txt li:nth-child(2) span {transition-delay:.2s;}
.mvisual_wrap .mv_txt p {width:100%; font-size:24px; font-weight:400; line-height:36px; height:36px; margin-top:10px;}
.mvisual_wrap .mv_txt p span {position:relative; transition:.3s linear; transition-delay:.6s;}
.mvisual_wrap .mv_txt.first {top:calc(50% - 130px); width:930px;}
.mvisual_wrap .mv_txt.first p {position:absolute; top:60px; left:500px; margin-top:0;}
.mvisual_wrap .dm {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); opacity:0; display:none;}
.mvisual_wrap_fix.on .mvisual_wrap.on_set2 .dm {animation:mvdm .2s linear forwards;}
@keyframes mvdm{
	0% {opacity:0;}
	100% {opacity:1;}
}
.mvisual_wrap .main_video {position:absolute; bottom:0; right:0; width:89%; height:540px; border-radius:100px 0 0 0; font-size:0; overflow:hidden; transition:.8s;}
.mvisual_wrap .main_video .before,
.mvisual_wrap .main_video .after {transition:.8s; object-fit:cover;}
.mvisual_wrap .main_video .before {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50px 0 0 0;}
.mvisual_wrap .main_video .after {opacity:0; width:100%; height:100%;}
.mvisual_wrap .mv_txt.on span {opacity:1; top:0;}
.mvisual_wrap .navi {position:relative; margin-top:80px; width:160px; height:25px; opacity:0; transition:.5s linear;}
.mvisual_wrap .mv_txt .navi_paging .slick-dots {position:relative;}
.mvisual_wrap .mv_txt .navi_paging li {position:absolute; top:0; left:0; justify-content:space-between; font-size:18px; color:#fff; font-weight:600; line-height:25px; height:25px; display:none;}
.mvisual_wrap .mv_txt .navi_paging li.slick-active {display:flex;}
.mvisual_wrap .pro_wrap {position:absolute; top:50%; left:50%; width:96px; height:2px; transform:translate(-50%,-50%); background:rgba(255,255,255,.1); border-radius:2px;}
.mvisual_wrap .pro-bar {position:absolute; bottom:0; left:0; width:0; height:2px; background:#fff; border-radius:2px;}
.mvisual_wrap .pro-ani {animation:proBar 5s linear; width:100%;}
@keyframes proBar{
	0%{width:0;}
	100%{width:100%;}
}
.mvisual_wrap .mvisual,
.mvisual_wrap .slick-list,
.mvisual_wrap .slick-track,
.mvisual_wrap .slick-slide,
.mvisual_wrap .slick-slide > div,
.mvisual_wrap .slick-slide {overflow:hidden; height:100%;}
.mvisual_wrap .mv {position:relative; height:100%;}
.mvisual_wrap .mv .mv_txt {display:none;}
.mvisual_wrap .slick-slide img {width:100%; height:100%; object-fit:cover;}
.mvisual_wrap .buttons {position:absolute; top:0; right:-40px; width:30px; height:25px;}
.mvisual_wrap .buttons button {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0; background:no-repeat 50% 50% / auto 16px; display:none;}
.mvisual_wrap .buttons button.on {display:block;}
.mvisual_wrap .buttons .mv_play {background-image:url('/pub/images/icon_play.svg');}
.mvisual_wrap .buttons .mv_pause {background-image:url('/pub/images/icon_pause.svg');}
.mvisual_wrap .gobtm {position:relative; display:block; margin-top:110px; width:115px; height:115px; background:url('/pub/images/arrow_gobtm.svg') #ED6D04 no-repeat 50% 50%; border-radius:50%; transition:.4s; font-size:0;}
.mvisual_wrap .gobtm:before,
.mvisual_wrap .gobtm:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#ED6D0499; border-radius:50%; z-index:-1;}

.mvisual_wrap.on_set1 .mv_txt {left:calc(50% - 760px); transition-delay:1s; color:#fff;}
.mvisual_wrap.on_set1 .mv_txt span {top:0; transition:.2s linear;}
.mvisual_wrap.on_set1 .mv_txt li:nth-child(2) span,
.mvisual_wrap.on_set1 .mv_txt p span {transition:.2s linear; transition-delay:0s;}
.mvisual_wrap.on_set1 .main_video {width:100%; height:100%; border-radius:0; /* animation:main_video 1s linear forwards; */}
.mvisual_wrap.on_set1 .main_video .before {border-radius:0;}
/*@keyframes main_video{
	0% {width:89%; height:540px; border-radius:100px 0 0 0;}
	30% {width:100%; height:540px;}
	100% {width:100%; height:100%; border-radius:0;}
}*/
.mvisual_wrap.on_set1 .main_video .before {opacity:0;}
.mvisual_wrap.on_set1 .main_video .after {opacity:1;}
.mvisual_wrap.on_set2 > .mv_txt {width:160px;}
.mvisual_wrap.on_set2 > .mv_txt > ul,
.mvisual_wrap.on_set2 > .mv_txt > p {width:0; overflow:hidden;}
.mvisual_wrap.on_set2 .mv .mv_txt {display:block; transition-delay:0s;}
.mvisual_wrap.on_set2 .navi {opacity:1;}
.mvisual_wrap.on_set2 .gobtm {margin-top:160px;}
/* 메인 컨텐츠 공통 */
.mtit {display:flex; flex-direction:column; justify-content:center; color:#000;}
.mtit span {font-size:20px; font-weight:600; line-height:28px;}
.mtit strong {font-size:50px; line-height:70px; margin:10px 0 50px;}
.mtit b {font-size:18px; font-weight:700; line-height:26px; margin-bottom:22px;}
.mtit p {font-size:16px; font-weight:500; line-height:26px;}
/* 메인 사업소개 */
.m_business {position:relative; min-height:100vh; overflow:hidden; background:url('/pub/images/bg_mc02_01.jpg') #000 no-repeat 50% 50% / cover; background-attachment:fixed; z-index:1;}
.m_business .bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.m_business .bg li {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover; z-index:0; background-attachment:fixed; transition:.2s linear; opacity:0;}
.m_business .bg .bg1 {background-image:url('/pub/images/bg_mc02_01.jpg');}
.m_business .bg .bg2 {background-image:url('/pub/images/bg_mc02_02.png');}
.m_business .bg .bg3 {background-image:url('/pub/images/bg_mc02_03.jpg');}
.m_business .bg .bg4 {background-image:url('/pub/images/bg_mc02_04.jpg');}
.m_business.list2,
.m_business.list3,
.m_business.list4 {background:#000;}
.m_business.list1 .bg1,
.m_business.list2 .bg2,
.m_business.list3 .bg3,
.m_business.list4 .bg4 {opacity:1;}
.m_business > * {z-index:1;}
.m_business .point {position:absolute;}
.m_business .point_fixed_start_before {top:-30vh;}
.m_business .point_fixed_start {top:0;}
.m_business .point_fixed_end {bottom:100vh;}
.m_business .inner {position:relative; padding-bottom:150px; display:flex; justify-content:flex-end;}
.m_business .tit_box {position:absolute; top:-100px; left:calc(50% - 760px); width:450px; height:100vh; max-height:calc(var(--vh, 1vh) * 100); transition:.4s linear;}
.m_business .tit_box > * {display:block; color:#fff;}
.m_business .tit_box li {display:none; flex-direction:column;}
.m_business .tit_box li.txt0,
.m_business.list1 .tit_box li.txt1,
.m_business.list2 .tit_box li.txt2,
.m_business.list3 .tit_box li.txt3,
.m_business.list4 .tit_box li.txt4 {display:flex;}
.m_business.list1 .tit_box li.txt0,
.m_business.list2 .tit_box li.txt0,
.m_business.list3 .tit_box li.txt0,
.m_business.list4 .tit_box li.txt0 {display:none;}
.m_business .list_box {width:53.5%; padding-top:400px; display:flex; flex-wrap:wrap; gap:150px 90px;}
.m_business .list_box a {position:relative; display:block; width:calc(50% - 45px); height:480px; background:#fff; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-radius:30px; padding:42px 30px 35px; letter-spacing:-1px;}
.m_business .list_box .point {position:absolute; top:-40vh;}
.m_business .list_box a {color:#333;}
.m_business .list_box a > * {display:block;}
.m_business .list_box .t {font-size:14px; color:#ED7004; font-weight:600; line-height:20px;}
.m_business .list_box .num {position:absolute; top:42px; right:30px;}
.m_business .list_box .icon {width:100%; height:142px; background:no-repeat 0 0 / contain; margin:40px 0 20px; opacity:0; transition:.2s linear;}
.m_business .list_box .a1 .icon {background-image:url('/pub/images/icon_mc01_01.svg');}
.m_business .list_box .a2 {margin-top:250px;}
.m_business .list_box .a2 .icon {background-image:url('/pub/images/icon_mc01_02.svg');}
.m_business .list_box .a3 {margin-top:-250px;}
.m_business .list_box .a3 .icon {background-image:url('/pub/images/icon_mc01_03.svg');}
.m_business .list_box .a4 .icon {background-image:url('/pub/images/icon_mc01_05.svg');}
/* .m_business .list_box .a5 {margin-top:-250px;}
.m_business .list_box .a5 .icon {background-image:url('/pub/images/icon_mc01_05.svg');} */
.m_business .list_box .tit {font-size:26px; font-weight:700; line-height:40px; margin-bottom:30px;}
.m_business .list_box strong {font-size:18px; line-height:28px; margin-bottom:15px;}
.m_business .list_box p {font-size:15px; line-height:26px;}
	/* 사업소개 진입시 */
.m_business.landing_before .tit_box {top:0;}
.m_business.landing .tit_box {position:fixed; top:0;}
.m_business.landing_end .bg {position:absolute; top:auto; bottom:0;}
.m_business.landing_end .tit_box {position:absolute; top:auto; bottom:0;}
	/* 호버, 목록 진입시 */
.m_business.list1 .list_box .a1,
.m_business.list2 .list_box .a2,
.m_business.list3 .list_box .a3,
.m_business.list4 .list_box .a4,
.m_business.list5 .list_box .a5 {background-color:rgba(255, 255, 255, .1); color:#fff;}
.m_business.list1 .list_box .a1 .t,
.m_business.list2 .list_box .a2 .t,
.m_business.list3 .list_box .a3 .t,
.m_business.list4 .list_box .a4 .t,
.m_business.list5 .list_box .a5 .t {color:#fff;}
.m_business.list1 .list_box .a1 .icon,
.m_business.list2 .list_box .a2 .icon,
.m_business.list3 .list_box .a3 .icon,
.m_business.list4 .list_box .a4 .icon,
.m_business.list5 .list_box .a5 .icon {opacity:1;}

/* 메인 ESG 경영 */
.m_management {position:relative; padding:140px 0 0; overflow:hidden; background:#fff; z-index:0;}
.m_management > .inner {position:relative;}
.m_management .point {position:absolute; top:0;}
.m_management .list {display:flex; gap:40px; transform:scale(1); padding:0;}
.m_management.basic .list {transform:scale(1) !important;}
.m_management .list li {position:relative; width:calc((100% - 80px)/3); min-width:calc((100% - 80px)/3); max-width:none; height:380px; min-height:380px; border-radius:30px; overflow:hidden; background:#000;}
.m_management .list li:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover; transition:.2s linear;}
.m_management .list li a {position:relative; font-size:28px; color:#fff; font-weight:600; height:100%; display:flex; justify-content:center; align-items:center; z-index:1;}
.m_management .list li.l1:before {background-image:url('/pub/images/img_mc02_01.jpg');}
.m_management .list li.l2:before {background-image:url('/pub/images/img_mc02_02.jpg');}
.m_management .list li.l3:before {background-image:url('/pub/images/img_mc02_03.jpg');}
.m_management .list li.l1 i {position:absolute;}
.m_management .list li.l1 .point_top {top:-5px;}
.m_management .list li.l1 .point_btm {bottom:-5px;}
.m_management .list li.l1 .point_left {left:-5px;}
.m_management .list li.l1 .point_right {right:-5px;}
	/* 모션 시작 */
.position {position:relative;}
.management_ani .position {margin-top:380px;}
.m_management .position .point_management2 {top:260px;}
.m_management .position .height_management2 {height:120px;}
.m_management.basic .list li {transform:translate3d(0,0,0) scale(1) !important;}
.m_management.basic .list li.l1 {width:calc((100% - 80px)/3) !important; height:380px !important;}
.management_start .list_wrap {position:fixed; top:50%; left:50%; width:100%; transform:translate(-50%,-50%);}
.point_txt_start {position:absolute; top:120vh;}
.m_management.management_bgstop .list {transform:scale(4.8) !important;}
.m_management.management_bgstop .list li:before {opacity:.7;}

.trans_text {position:relative; width:100%; z-index:1; padding:150vh 0 100px;}
.trans_text .mtit {color:#fff;}
.trans_text * {color:#fff;}
.trans_text .inner > span {display:block; font-size:40px; font-weight:300; line-height:56px; margin:100px 0;}
.trans_text .inner > p {font-size:24px; font-weight:300; line-height:50px;}
.trans_text .more {display:block; font-size:17px; font-weight:300; line-height:30px; width:140px; border-bottom:#fff 3px solid; background:url('/pub/images/arrow_right.svg') no-repeat right center; margin-top:80px;}
.trans_text .btm_txt {display:flex; gap:15%; margin-top:160px; opacity:0; transition:.2s linear;}
.trans_text .btm_txt li:nth-child(1) {width:50%;}
.trans_text .btm_txt li:nth-child(2) {width:22%;}
.trans_text .btm_txt li > *,
.trans_text .btm_txt li .bounce_in_animation {display:flex;}
.trans_text .btm_txt li .bounce_in_animation span {opacity:0;}
.trans_text .btm_txt li > span {font-size:14px; font-weight:300; line-height:20px; margin-bottom:30px;}
.trans_text .btm_txt li .poppins {font-size:120px; font-weight:700; font-style:italic; line-height:100px; opacity:.6; letter-spacing:-2px; }
.trans_text .btm_txt li .poppins.var {flex-direction:column;}
.trans_text .btm_txt li .poppins.var .bounce_in_animation {flex-wrap:nowrap;}
.point_bounce {position:absolute; bottom:120vh;}
.trans_text .btm_txt.bounce_start {opacity:1;}
.trans_text .btm_txt.bounce_start .bounce_in_animation > span {animation:slideDown 300ms forwards;}
@keyframes slideDown {
	0% {transform:translateY(-50px); opacity:0;}
	20% {opacity:1;}
	40% {transform:translateY(5px);}
	70% {transform:translateY(-3px);}
	100% {transform:translateY(0); opacity:1;}
}

.under_btm {position:relative; z-index:1; display:none;}
.under_btm .point_under_btm {position:absolute; top:calc(100% + (100vh - 48vw) - 100px); height:calc(100% + (100vh - 48vw)); font-size:0;}
.under_btm ul {position:relative; display:flex; height:48vw; overflow:hidden; z-index:1;}
.under_btm ul:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:50%; background:#f4f6f8; z-index:-1;}
.under_btm li {position:relative; width:50%; height:48vw; background:no-repeat 50% 50% / cover; transition:.2s linear;}
.under_btm li a {font-size:40px; color:#fff; font-weight:600; line-height:56px; height:100%; display:flex; justify-content:center; align-items:center;}
.under_btm .i1 {background-image:url('/pub/images/img_mc02_02_b.jpg');}
.under_btm .i2 {background-image:url('/pub/images/img_mc02_03_b.jpg');}
.management_bgstop .under_btm {display:block;}

/* 메인 GS 파워 소식 */
.m_midea_wrap {position:relative; background:#f4f6f8; padding:140px 0 130px; z-index:1;}
.m_midea_wrap .point {position:absolute; top:-30vh;}
.m_midea_wrap .mtit strong {margin-bottom:0;}
.m_midea_wrap .wrap-tab-container {position:relative;}
.m_midea_wrap .jq_tab {position:absolute; top:-110px; right:0; display:flex; gap:50px;}
.m_midea_wrap .jq_tab li button {display:flex; align-items:center; justify-content:center; width:90px; height:90px; font-size:18px; color:#000; font-weight:900; line-height:20px; border-radius:50%; transition:.2s linear;}
.m_midea_wrap .jq_tab li.active button {color:#fff; background:#ED6D04;}
.m_midea_wrap .tab-contents {display:none;}
.m_midea_wrap .tab-contents.active {height:block;}
.m_midea_wrap .arrow,
.m_midea_wrap .slick-arrow {position:absolute; top:0; width:23px; height:23px; background:url('/pub/images/arrow_mslide.svg') no-repeat 50% 50% / contain; font-size:0; z-index:30; opacity:0; transition:.3s linear; transition-delay:1s;}
.m_midea_wrap .before_ani .slick-arrow {opacity:1;}
.m_midea_wrap .before_ani .slick-disabled {opacity:.5;}
.m_midea_wrap .slick-prev {right:65px;}
.m_midea_wrap .slick-next {right:0; transform:rotate(180deg);}
.m_midea_wrap .arrow_prev {right:68px;}
.m_midea_wrap .arrow_next {right:3px; transform:rotate(180deg);}
.m_media_slide {position:relative; padding-top:75px; margin:0 0 0 -60px;}
.m_media_slide .slick-list {width:100%;}
.m_media_slide .slick-track {min-width:100%;}
.m_media_slide .mv {position:relative; padding:0 60px;}
.m_media_slide .mv:before {content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#e8e8e8;}
.m_media_slide a {position:relative; display:block; color:#000; max-width:260px; margin:0 auto;}
.m_media_slide span {display:block;}
.m_media_slide .cate {font-size:18px; font-weight:700; line-height:22px;}
.m_media_slide i {position:absolute; top:0; right:0; width:13px; height:13px; background:#222; mask:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.m_media_slide .date {margin:50px 0 30px;}
.m_media_slide .date span {font-size:14px; font-weight:300; line-height:16px; margin-bottom:2px;}
.m_media_slide .date strong {display:block; font-size:18px;}
.m_media_slide p {font-size:17px; font-weight:900; line-height:26px; height:52px; overflow:hidden; margin-bottom:40px;}
.m_media_slide .img {width:100%; height:140px; border-radius:20px; overflow:hidden;}
.m_media_slide .img img {width:100%; height:100%; object-fit:cover;}
	/* 슬라이드 전 애니메이션 */
.m_media_slide.before,
.m_media_slide.before_ani {display:flex; justify-content:space-between;}
.m_media_slide.before {opacity:0;}
.m_media_slide.before .mv {flex:25%;}
.m_media_slide.before_ani .mv {flex:25%; transform:translate(40px,0); opacity:0; animation:m_media 1s; animation-fill-mode:forwards;}
@keyframes m_media {
	0% {transform:translate(40px,0); opacity:0;}
	100% {transform:translate(0,0); opacity:1;}
}
.m_media_slide .slick-slide:nth-child(2) .mv,
.m_media_slide .slick-slide:nth-child(6) .mv,
.m_media_slide .before_ani .mv:nth-child(2) {animation-delay:.2s;}
.m_media_slide .slick-slide:nth-child(3) .mv,
.m_media_slide .slick-slide:nth-child(7) .mv,
.m_media_slide .before_ani .mv:nth-child(3) {animation-delay:.4s;}
.m_media_slide .slick-slide:nth-child(4) .mv,
.m_media_slide .slick-slide:nth-child(8) .mv,
.m_media_slide .before_ani .mv:nth-child(3) {animation-delay:.6s;}
.m_media_slide.before .mv:nth-child(n+5),
.m_media_slide.before_ani .mv:nth-child(n+5) {display:none;}

.popup {position:fixed; top:50%; left:50%; width:588px; transform:translate(-50%,-50%); z-index:10;}
.popup .img {font-size:0;}
.popup .btns {display:flex;}
.popup .btns a {width:50%; font-size:18px; line-height:60px; height:60px; text-align:center;}
.popup .btns .btn_day {color:#000; background:#fff;}
.popup .btns .btn_close {color:#fff; background:#000;}

#pop_main {animation:pop_main 1s forwards;}
@keyframes pop_main {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}

/* 서브 공통 */
.svisual {position:relative; height:960px; max-height:100vh; min-height:480px; background:no-repeat #000 50% 100% / cover; z-index:10; transition:.5s linear;}
.svisual.g01 {background-image:url('/pub/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/pub/images/svisual02.jpg');}
.svisual.g03.s01 {background-image:url('/pub/images/svisual0301.jpg');}
.svisual.g03.s02 {background-image:url('/pub/images/svisual0302.jpg');}
.svisual.g03.s03 {background-image:url('/pub/images/svisual0303.jpg');}
.svisual.g03.s04 {background-image:url('/pub/images/svisual0304.jpg');}
.svisual.g03.s05 {background-image:url('/pub/images/svisual0305.jpg');}
.svisual.g03.s06 {background-image:url('/pub/images/svisual0306.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 .point_svisual {position:absolute; top:100px;}
.svisual .inner {height:100%; padding-bottom:140px; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; transition:.5s linear;}
.svisual .location {position:relative; display:flex; z-index:1;}
.svisual .location > * {font-size:16px; color:#fff; font-weight:500; line-height:20px;}
.svisual .location b {position:relative; padding-right:18px; margin-right:17px;}
.svisual .location b:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background:#fff; margin-top:-5px;}
.svisual .location dl {position:relative;}
.svisual .location dt {position:relative; padding-right:28px; cursor:pointer;}
.svisual .location dt:after {content:""; position:absolute; top:0; right:0; width:12px; height:100%; background:url('/pub/images/arrow_locat.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.svisual .location .on dt:after {transform:rotate(180deg);}
.svisual .location dd {position:absolute; top:30px; left:0; width:110%; padding:10px; background:#fff; border-radius:10px; box-shadow:rgba(0,0,0,.1) 0 0 10px; display:none;}
.svisual .location dd a {display:block; font-size:15px; color:#666; line-height:28px;}
.svisual .location dd a.on {color:#ED6D04;}
.svisual.g01 .location dd {min-width:120px;}
.svisual.g02 .location dd {min-width:180px;}
.svisual.g03 .location dd {min-width:140px;}
.svisual.g04 .location dd {min-width:110px;}
.svisual.g05 .location dd {min-width:100px;}
.svisual.g06 .location dd {min-width:150px;}
.svisual.g07 .location dd {min-width:100px;}
.svisual.g09 .location dd {min-width:150px;}
.svisual .tit {font-size:80px; color:#fff; font-weight:600; line-height:100px; margin-top:40px; /* font-family:'Poppins'; */}
.svisual .deps {margin-top:40px; display:flex; min-height:27px;}
.svisual .deps a {position:relative; display:block; font-size:18px; color:#ccc; font-weight:700; line-height:22px; padding-bottom:5px; margin-right:60px;}
.svisual .deps a:last-child {margin-right:0;}
.svisual .deps a:before {content:""; position:absolute; bottom:0; right:0; width:0; height:2px; background:#fff; transition:.2s linear;}
.svisual .deps a.on {color:#fff;}
.svisual .deps a.on:before {left:0; width:100%;}
.svisual.scr_on {height:680px; padding-top:200px;}
.svisual.scr_on .inner {padding-bottom:45px;}
.svisual.scr_on.un_motion {height:960px; padding-top:0;}
.svisual.scr_on.un_motion .inner {padding-bottom:140px;}

.container {position:relative; padding:100px 0 200px; font-size:18px; color:#333; line-height:30px; /* min-height:calc(var(--vh, 1vh) * 100); */}
.container .link_point {position:absolute; top:0;}
.stit {position:relative; font-size:32px; color:#000; font-weight:700; line-height:38px; padding-top:20px;}
.stit:before {content:""; position:absolute; top:0; left:0; width:30px; height:2px; background:#222;}
.stit.mt {margin-top:150px;}
.stit.mb {margin-bottom:60px;}
.container p.big,
.container p .big {font-size:24px; line-height:40px;}
.container .title {font-size:38px; color:#000; font-weight:700; line-height:1.2; text-align:center; margin-bottom:100px;}
.container .title.mt {margin-top:200px;}
.container .title.pt {padding-top:200px;}
.container .ctit {position:relative; font-size:50px; color:#000; font-weight:500; line-height:1; padding-bottom:40px; margin-bottom:40px; text-align:center;}
.container .ctit:after {content:""; position:absolute; bottom:0; left:50%; width:90px; height:1px; background:#ddd; transform:translate(-50%,0);}
.container .ctxt {font-size:40px; color:#000; line-height:1.4; text-align:center;}
.container .gtit {font-size:20px; color:#ddd; line-height:1.4; text-align:center; letter-spacing:5px;}
.container .btxt {font-size:24px; color:#333; font-weight:700; line-height:40px;}
.container .btxt.s {font-size:20px; line-height:30px;}
.container .btxt.mb3 {margin-bottom:30px;}
.container .btxt.mtb {margin:60px 0 40px;}
.container .btxt.mtb2 {margin:60px 0 20px;}
.container .btxt.mtb42 {margin:40px 0 20px;}
.container .btxt.mtb24 {margin:20px 0 40px;}

body[data-aos-easing=ease] [data-aos] {transition-timing-function:cubic-bezier(.175,.885,.32,1.275);}
.abso_gtxt {position:absolute; top:0; right:0; font-size:101px; color:#EFEFEF; font-weight:700; font-style:italic; font-family:'Poppins'; z-index:-1; opacity:.5;}

.container .jq_tabonoff {position:relative;}
.container .jq_tabonoff #link_point {position:absolute; top:-346px;}
.container .jq_tab {position:relative; padding:0 120px; display:flex; justify-content:center; border-bottom:#ebebeb 1px solid; margin:-20px 0 100px;}
.container .jq_tab.inner {max-width:1520px; margin:-20px auto 100px;}
.container .jq_tab li {width:25%;}
.container .jq_tab button,
.container .jq_tab li a,
.container .jq_tab li button {position:relative; width:100%; height:64px; font-size:20px; color:#767676; font-weight:500; line-height:1.2; text-align:center; display:flex; justify-content:center; align-items:center; white-space:normal;}
.container .jq_tab button:before,
.container .jq_tab li a:before,
.container .jq_tab li button:before {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:2px; background:#0070BD; transition:.2s linear;}
.container .jq_tab button.active,
.container .jq_tab li.active button,
.container .jq_tab li.on a,
.container .jq_tab li.on button {color:#0070BD; font-weight:700;}
.container .jq_tab button.active:before,
.container .jq_tab li.active button:before,
.container .jq_tab li.on a:before,
.container .jq_tab li.on button:before {left:0; width:100%;}
.container .jq_tab.tab_type2 {padding:0; gap:16px; border:0; margin:0 auto 100px;}
.container .jq_tab.tab_type2 li {width:calc(50% - 8px);}
.container .jq_tab.tab_type2 li button {line-height:20px; padding:20px; color:#707070; background:#F8F8F8;}
.container .jq_tab.tab_type2 li button:before {display:none;}
.container .jq_tab.tab_type2 li.active button,
.container .jq_tab.tab_type2 li.on button {color:#fff; background:#0070BD;}
.tab-contents {display:none;}
.tab-contents.active {display:block;}
/* .aos-animate,
.aos-animate .aos-init {opacity:1;} */

.tbl.mt {margin-top:20px;}
.tbl.mt4 {margin-top:40px;}
.tbl.mt6 {margin-top:60px;}
.tbl p.tar {font-size:16px; color:#767676; font-weight:300; line-height:20px; margin-bottom:20px;}
.tbl table {border-top:#000 1px solid;}
.tbl th,
.tbl td {line-height:30px; padding:25px 0; text-align:center; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.tbl th:last-child,
.tbl td:last-child {border-right:0;}
.tbl th {font-weight:700; background:#F8F8F8;}
.tbl col.w1 {width:13%;}
.tbl col.w2 {width:20%;}
.tbl .glbox + p,
.tbl table + p {font-size:16px; color:#999; font-weight:300; line-height:26px; margin-top:20px;}
.tbl.bdl td {border-left:#ddd 1px solid;}
.tbl.bdl td:first-child {border-left:0;}
.tbl.val th {width:240px;}
.tbl.val td.tal {padding-left:30px;}
.tbl .capcha {display:flex; flex-wrap: wrap;}
.tbl .capcha > * {height:50px; border:#ddd 1px solid;}
.tbl .capcha .img {width:150px; border-right:0; border-radius:5px 0 0 5px;}
.tbl .capcha .re {width:50px; border-radius:0 5px 5px 0; background:url('/pub/images/icon_re.svg') #FAFAFA no-repeat 50% 50%;}
.tbl .capcha .text {width:200px; margin-left:10px;}

/* CEO 인사말 */
.greeting {display:flex; align-items:flex-end; justify-content:center;}
.greeting strong.font24{font-size:24px;}
.greeting > * {position:relative; padding-top:95px;}
.greeting .img {position:relative; width:calc(50% - 70px); padding-right:120px; z-index:1;}
.greeting .img:before {content:""; position:absolute; bottom:calc(100% - (50vw - 260px)); right:100px; width:calc(50vw - 260px); height:calc(50vw - 260px); background:#F8F8F8; border-radius:50%; z-index:-1; transition:2s linear; transition-delay:.5s; opacity:0;}
.greeting.aos-animate .img:before {bottom:0; right:260px; width:calc(50vw - 260px); height:100%; border-radius:0 250px 0 0; opacity:1;}
.greeting .txt {width:calc(50% + 70px); letter-spacing:-.5px;}
.greeting .txt .tit {position:relative; font-size:50px; color:#000; font-weight:300; line-height:70px; padding-bottom:50px; margin-bottom:60px; letter-spacing:-.5px;}
.greeting .txt .tit:before,
.greeting .txt .tit:after {content:""; position:absolute; bottom:0; left:0; height:1px;}
.greeting .txt .tit:before {width:100%; border-bottom:#ebebeb 1px dashed;}
.greeting .txt .tit:after {width:100px; border-bottom:#EF7F00 1px solid;}
.greeting .txt .tit .abso_gtxt {top:-55px;}
.greeting .txt .name {font-size:20px; color:#000; font-weight:700; line-height:1; margin-top:60px;}
.greeting .txt .name b {font-size:30px; margin-left:20px; font-family:'KOTRA_SONGEULSSI';}

/* 비전 */
.vision_wrap .bgbox {position:relative; padding-bottom:650px;}
.vision_wrap .bgbox:before {content:""; position:absolute; bottom:0; left:50%; width:100vw; height:100%; transform:translate(-50%,0); background:url('/pub/images/bg_vision.jpg') no-repeat bottom center / 100%; z-index:-1;}
.vision_wrap .vision {position:relative; font-size:50px; color:#000; font-weight:700; line-height:110px; text-align:center; width:900px; max-width:100%; margin:10px auto 120px;}
.vision_wrap .vision:before,
.vision_wrap .vision:after {content:""; position:absolute; top:0; width:22px; height:110px; border-top:#ddd 11px solid; border-bottom:#ddd 11px solid; opacity:.33;}
.vision_wrap .vision:before {left:0; border-left:#ddd 11px solid;}
.vision_wrap .vision:after {right:0; border-right:#ddd 11px solid;}
.vision_wrap p {font-size:40px; color:#000; font-weight:700; line-height:60px; letter-spacing:-.5px; text-align:center; margin-top:40px;}
.vision_wrap .img {text-align:center; font-size:0; padding-top:190px;}

/* 브랜드가치 */
.sgc_wrap {position:relative; overflow:hidden; margin-top:175px; z-index:1;}
.sgc_wrap:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/bg_sgc.jpg') no-repeat 50% 50% / cover; transition:.5s linear; z-index:-1;}
.sgc_wrap.tab_s:before {background-image:url('/pub/images/bg_sgc.jpg');}
.sgc_wrap.tab_g:before {background-image:url('/pub/images/bg_sgc2.png');}
.sgc_wrap.tab_c:before {background-image:url('/pub/images/bg_sgc3.png');}
.sgc_wrap > div {float:left; width:29.2%; display:flex; flex-direction:column; justify-content:center; align-items:center; height:960px; max-height:100vh; padding:0 5%; text-align:center; border-left:rgba(255,255,255,.15) 1px solid; transition:.4s linear;}
.sgc_wrap > div:first-child {border-left:0;}
.sgc_wrap > div.on {width:41.6%;}
.sgc_wrap > div * {overflow:hidden; width:100%; transition:.2s linear;}
.sgc_wrap .tt {font-size:107px; color:rgba(255,255,255,.16); font-weight:500; line-height:130px;}
.sgc_wrap .t {position:relative; font-size:32px; color:#fff; font-weight:300; line-height:36px; padding-bottom:0; text-align:center; overflow:hidden; margin:40px 0 0;}
.sgc_wrap .t:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:1px; background:#fff; transition:.2s linear; transform:translate(-50%,0);}
.sgc_wrap b {display:block; font-size:20px; color:#fff; font-weight:700; line-height:34px; margin-bottom:30px;}
.sgc_wrap p {color:#fff;}
.sgc_wrap .btm {height:0;}
.sgc_wrap .btm > * {overflow:hidden; width:100%; transition:.2s linear;}
.sgc_wrap .on .t {margin:40px 0; padding-bottom:41px;}
.sgc_wrap .on .t:after {width:74px;}
.sgc_wrap .on .btm {height:240px;}
.leaflet_box {padding:150px 0 0;}
.leaflet_box .ctxt {line-height:60px; margin:40px 0 80px;}
.leaflet_box .pr_down {position:relative; display:flex; flex-direction:column; align-items:center; z-index:1; padding-bottom:200px;}
.leaflet_box .pr_down:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:740px; background:url('/pub/images/bg_leaflet_box.png') #F8F8F8 no-repeat right bottom; z-index:-1;}
.leaflet_box .pr_down img {box-shadow:rgba(0,0,0,.13) 0 10px 30px; border-radius:10px;}
.leaflet_box .pr_down a {margin-top:60px;}
.btn_down {position:relative; display:block; color:#fff; line-height:20px; width:320px; max-width:100%; padding:20px 30px; background:#EF7F00; border-radius:10px; text-align:left; margin:0 auto;}
.btn_down:after {content:""; position:absolute; top:0; right:30px; width:16px; height:100%; background:#fff; mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain;}
.btn_down.bd {background:#fff; color:#EF7F00; border:#EF7F00 1px solid; padding:19px 30px;}
.btn_down.bd:after {background:#EF7F00;}

/* 연혁 */
.page_top {height:420px; background:no-repeat 50% 50% / cover; margin-bottom:280px;}
.page_top .txt {position:relative; font-size:40px; color:#000; font-weight:700; line-height:60px; padding-top:330px; margin-bottom:-85px;}
.page_top .txt p {position:relative; z-index:1;}
.page_top .txt p:before {content:""; position:absolute; top:-40px; left:-40px; width:100px; height:100px; background:#EF7F00; border-radius:50%; z-index:-1;}

.history_top {background-image:url('/pub/images/img_history01.jpg');}
.history_list {position:relative; padding-left:50%;}
.history_list .years_tit {position:absolute; top:0; left:0; width:50%; height:100vh; max-height:calc(var(--vh, 1vh) * 100); background:url('/pub/images/img_history02.jpg') no-repeat 50% 50% / cover; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.history_list .years_tit .tit {font-size:20px; color:#fff; font-weight:300; line-height:1.2; margin-bottom:40px; text-align:center;}
.history_list .years_tit ul {display:flex; flex-direction:column; gap:20px;}
.history_list .years_tit li {font-size:60px; color:rgba(255,255,255,0); font-weight:700; line-height:84px; -webkit-text-stroke:1px rgba(255,255,255,.3)}
.history_list .years_tit li.on {color:#fff; -webkit-text-stroke:0;}
.history_list .years_tit li a {display:block; color:inherit;}
.history_list .years_con {padding:80px 0 100px 80px;}
.history_list .years_con dl {margin-bottom:60px;}
.history_list .years_con dl:last-child {margin-bottom:0;}
.history_list .years_con dt {position:relative; font-size:40px; color:#000; font-weight:700; line-height:1.2;}
.history_list .years_con dt .ypoint {position:absolute; top:-50vh;}
.history_list .years_con dd {padding-top:30px; display:flex; flex-direction:column; gap:15px;}
.history_list .years_con dd p {position:relative; color:#333; line-height:30px; padding-left:45px;}
.history_list .years_con dd p strong {position:absolute; top:0; left:0; color:#0070BD; font-weight:700;}
.history_list .hispoint {position:absolute; top:0;}
.history_list .setpoint {position:absolute; top:-40px;}
.upset .history_list .setpoint {top:-100px;}
.history_list .his_end {top:calc(100% - 100vh);}
.history_list.start .years_tit {position:fixed;}
.history_list.end .years_tit {position:absolute; bottom:0; top:auto;}

/* 재무현황 */
.financial_status {position:relative;}
.financial_graph {position:relative; z-index:1; padding-top:90px; margin-bottom:80px;}
.financial_graph:before {content:""; position:absolute; top:0; left:calc(50% - 50vw); width:100vw; height:400px; background:#F8F8F8; z-index:-1;}
.financial_graph .point {position:absolute; top:60vh;}
.financial_graph p.tar {font-size:16px; color:#767676; font-weight:300; line-height:20px; margin-bottom:20px;}
.financial_graph ul {display:flex; gap:40px;}
.financial_graph li {width:calc((100% - 80px)/3); background:#fff; padding:40px; border-radius:30px; box-shadow:rgba(0,0,0,.06) 0 10px 20px;}
.financial_graph li .tt {font-size:20px; color:#000; font-weight:600; line-height:1.2; margin-bottom:30px;}
.financial_graph li .inbox {position:relative;}
.financial_graph li .dl {position:relative; display:flex; width:100%; padding:0 60px 32px 0; z-index:1;}
.financial_graph li .dt,
.financial_graph li .dd {position:relative; border-bottom:#ddd 1px solid; display:flex; align-items:flex-end; justify-content:center; padding:0 20px; width:calc(100%/3); height:240px;}
.financial_graph li .bar {width:40px; height:0; border-radius:20px 20px 0 0; transition:.5s linear;}
.financial_graph li p {position:absolute; bottom:-32px; left:0; width:100%; font-size:16px; line-height:20px; text-align:center;}
.financial_graph li .dt .bar {background:linear-gradient(#0070BD,#5BB0EB);}
.financial_graph li .dt p {color:#333;}
.financial_graph li .dd .bar {position:relative; background:#eee;}
.financial_graph li .dd p {color:#999;}
.financial_graph li .dd span {position:absolute; bottom:calc(100% + 14px); left:50%; width:100px; height:24px; font-size:14px; color:#666; text-align:center; transform:translateX(-50%); transition:.2s linear;}
.financial_graph li .dd:hover span {color:#EF7F00; font-weight:700;}
.financial_graph li .line {position:absolute; bottom:0; left:0; width:100%; height:100%; padding-bottom:32px; display:block;}
.financial_graph li .line:before {content:""; position:absolute; bottom:25px; right:0; width:60px; height:10px; background:#fff; z-index:1;}
.financial_graph li .line li {position:relative; width:100%; height:20%; padding:0; border-radius:0; box-shadow:none; border-top:#ddd 1px solid;}
.financial_graph li .line li:last-child {border-bottom:#ddd 1px solid;}
.financial_graph li .line li p {position:relative; bottom:auto; left:auto; top:-10px; right:0; font-size:14px; color:#999; font-weight:500; text-align:right; z-index:1;}
.financial_graph li .line li p:before {content:""; position:absolute; top:0; right:0; width:60px; height:100%; background:#fff; z-index:-1;}
.financial_board {margin-top:90px;}

/* 찾아오시는 길 */
.root_daum_roughmap {max-width:100%;}
.directions_wrap .cont {position:relative;height:0; overflow:hidden;}
.directions_wrap .cont.on {height:auto; padding-bottom:20px;}
.directions_wrap .map_wrap {position:relative; z-index:1;}
.map_wrap .hover_txt {position:absolute; top:0; left:0; width:calc(100% + ((100vw - 1440px)/2)); max-width:100vw; height:100%; font-size:20px; color:#fff; background:rgba(0,0,0,.5); z-index:20; opacity:0; transition:.2s linear;}
.map_wrap:hover .hover_txt {opacity:1;}
.map_wrap .hover_txt p {position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-align:center; padding:0 20px;}
.map_wrap .hover_txt p:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.directions_wrap .map_txt {position:relative; width:1520px; max-width:calc(100% - 40px); margin:-140px auto 0; border-radius:40px; background:#fff; padding:20px 55px; z-index:2; box-shadow:rgba(0,0,0,.1) 0 8px 10px;}
.directions_wrap .map_txt dl {display:flex; padding:40px 0;}
.directions_wrap .map_txt dt {position:relative; font-size:24px; color:#333; font-weight:700; line-height:80px; padding-left:110px; width:320px;}
.directions_wrap .map_txt dt:before,
.directions_wrap .map_txt dt:after {content:""; position:absolute;}
.directions_wrap .map_txt dt:before {top:0; left:0; width:80px; height:80px; background:no-repeat #FAFAFA 50% 50%; border-radius:50%;}
.directions_wrap .map_txt dt:after {top:50%; right:0; width:1px; height:60px; background:#ebebeb; transform:translate(0,-50%);}
.directions_wrap .map_txt dd {width:calc(100% - 320px); padding-left:40px; display:flex; flex-direction:column; justify-content:center; gap:10px;}
.directions_wrap .map_txt dd p {position:relative; color:#999; line-height:30px; padding-left:120px;}
.directions_wrap .map_txt dd p strong {position:absolute; top:0; left:0; color:#333; padding-left:20px;}
.directions_wrap .map_txt dd p strong:before {content:""; position:absolute;}
.directions_wrap .map_txt .i1 {border-bottom:#ebebeb 1px solid;}
.directions_wrap .map_txt .i1 dt:before {background-image:url('/pub/images/icon_location01.svg');}
.directions_wrap .map_txt .i1 dd p strong:before {top:0; left:0; width:10px; height:100%; background:no-repeat 50% 50% / contain;}
.directions_wrap .map_txt .i1 dd p.add strong:before {background-image:url('/pub/images/icon_address.svg');}
.directions_wrap .map_txt .i1 dd p.tel strong:before {background-image:url('/pub/images/icon_tel.svg');}
/* .directions_wrap .map_txt .i2 {padding-bottom:0;} */
.directions_wrap .map_txt .i2 dt:before {background-image:url('/pub/images/icon_location02.svg');}
.directions_wrap .map_txt .i2 dd p strong:before {top:13px; left:5px; width:4px; height:4px; background:#0070BD; border-radius:50%;}
.map_area {width:100%; height:600px;}

/* 전력사업 */
.power_top {background-image:url('/pub/images/img_power01.jpg');}
.horizontal_ul {display:flex; margin-top:80px;}
.horizontal_ul li .img {border-radius:30px; overflow:hidden;}
.horizontal_ul li .img img {max-width:100%; max-height:100%; object-fit:cover;}
.horizontal_ul li p {font-weight:600; margin-top:25px; text-align:center;}
.horizontal_ul li:last-child .img {border:#ddd 1px solid; font-size:0;}
.horizontal_ul.set2 {gap:80px;}
.horizontal_ul.set2 li {width:calc(50% - 40px);}
.horizontal_ul.set3 {gap:50px;}
.horizontal_ul.set3 li {width:calc((100% - 100px)/3);}
.horizontal_ul.set3 li .img {height:345px; overflow:hidden;}
.horizontal_ul.set3 li .img.bd {border:#ebebeb 1px solid; display:flex; justify-content:center; align-items:center;}
.horizontal_ul.mb {margin-bottom:150px;}
.horizontal_ul.gl li .img {border:#EBEBEB 1px solid;}
.horizontal_ul.thin li .img {display:flex; justify-content:center; align-items:center; height:200px;}
.horizontal_ul.thin2 li .img {display:flex; justify-content:center; align-items:center; height:280px;}

.facility_status_wrap {background:#f8f8f8; padding:150px 0;}
.facility_status_wrap.mb {margin-bottom:150px;}
.status_box {position:relative; display:flex;}
.status_box .point_status_start {position:absolute; top:-110px;}
.status_box .point_status_end {position:absolute; bottom:100vh;}
.status_box .left_tit {width:560px;}
.status_box .list {width:calc(100% - 560px);}
.status_box .list ul {display:flex; flex-wrap:wrap}
.status_box .list li {border-radius:10px;}
.status_box .list strong {font-size:40px; line-height:1.2; margin-right:5px;}
.status_box .list .ttt {font-size:32px; line-height:1.2;}
.status_box .tit {font-size:24px; color:#333; font-weight:700; line-height:30px; margin:150px 0 30px;}
.status_box .tit:first-child {margin-top:0;}
.tit_fix_set .left_tit {height:calc(100vh - 110px);}
.tit_fix_set.start {padding-left:560px;}
.tit_fix_set.start .left_tit {position:fixed; top:110px; left:50%; margin-left:-760px;}
.tit_fix_set.start .list {width:100%;}
.tit_fix_set.end {padding-left:560px;}
.tit_fix_set.end .left_tit {position:absolute; bottom:0; left:20px;}
.tit_fix_set.end .list {width:100%;}

.facility_status .left_tit {height:calc(100vh - 110px);}
.facility_status .list ul {gap:20px 32px;}
.facility_status .list li {position:relative; width:calc(50% - 16px); padding:40px 20px 40px 152px; background:#fff;}
.facility_status .list i {position:absolute; top:50%; left:40px; width:80px; height:80px; border-radius:50%; background:#f8f8f8 no-repeat 50% 50%; margin-top:-40px;}
.facility_status .list span {display:block; color:#0070BD; font-weight:700; line-height:22px; margin-bottom:10px;}
.facility_status .list .i01 {background-image:url('/pub/images/icon_power01.svg');}
.facility_status .list .i02 {background-image:url('/pub/images/icon_power02.svg');}
.facility_status .list .i03 {background-image:url('/pub/images/icon_power03.svg');}
.facility_status .list .i04 {background-image:url('/pub/images/icon_power04.svg');}
.facility_status .list .i05 {background-image:url('/pub/images/icon_power05.svg');}
.facility_status .list .i06 {background-image:url('/pub/images/icon_power06.svg');}

.facility_btm .horizontal_ul.set2 {flex-wrap:wrap;}

/* 지역냉난방 사업 */
.heating_cooling_top {background-image:url('/pub/images/img_heating_cooling01.jpg');}
.horizontal_dl dl {overflow:hidden; margin-bottom:150px;}
.horizontal_dl dt,
.horizontal_dl dd {float:left; height:440px;}
.horizontal_dl dt {position:relative; width:490px; margin-right:70px;}
.horizontal_dl dt .stit {margin-bottom:60px;}
.horizontal_dl dt .gtxt {position:absolute; bottom:0; left:0; font-size:64px; color:#EFEFEF; font-weight:700; line-height:1.2; opacity:.5; z-index:-1;}
.horizontal_dl dd {width:calc(100% - 560px); border:#ebebeb 1px solid; border-radius:30px; display:flex; justify-content:center; align-items:center;}
.bg_heating_cooling {background:url('/pub/images/bg_heating_cooling01.jpg') no-repeat 50% 50% / cover; padding:180px 0 160px; margin-bottom:150px;}
.bg_heating_cooling .stit {font-size:42px; color:#fff; line-height:60px; margin-bottom:60px;}
.bg_heating_cooling .stit:before {background:#fff;}
.bg_heating_cooling p {font-size:1.2em; color:#fff; line-height:1.6; margin-bottom:95px; text-shadow:#000 0 0 20px;}
.bg_heating_cooling .icons {overflow:hidden;}
.bg_heating_cooling .icons li {float:left; width:calc((100% - 120px)/5); height:280px; padding-top:40px; text-align:center; background:rgba(0,0,0,.2); border-radius:10px; margin-right:30px;}
.bg_heating_cooling .icons li:last-child {margin-right:0;}
.bg_heating_cooling .icons i {display:block; width:100%; height:60px; background:no-repeat bottom center;}
.bg_heating_cooling .icons strong {display:block; font-size:22px; color:#fff; line-height:1.2; margin:40px 0 20px; text-shadow:#000 0 0 20px;}
.bg_heating_cooling .icons p {font-size:18px; line-height:26px; opacity:.9; margin:0; text-shadow:#000 0 0 20px;}
.bg_heating_cooling .icons i.i1 {background-image:url('/pub/images/icon_heating_cooling01.svg');}
.bg_heating_cooling .icons i.i2 {background-image:url('/pub/images/icon_heating_cooling02.svg');}
.bg_heating_cooling .icons i.i3 {background-image:url('/pub/images/icon_heating_cooling03.svg');}
.bg_heating_cooling .icons i.i4 {background-image:url('/pub/images/icon_heating_cooling04.svg');}
.bg_heating_cooling .icons i.i5 {background-image:url('/pub/images/icon_heating_cooling05.svg');}
.facility_status2 .left_tit {width:490px;}
.facility_status2 .con {width:calc(100% - 490px);}
.facility_status2 .con ul {gap:20px;}
.facility_status2 .con li {width:calc(50% - 10px); border:#ebebeb 1px solid; padding:40px;}
.facility_status2 .con li .t {color:#0070BD; font-weight:700; line-height:22px; margin-bottom:10px;}
.facility_status2 .con li span {display:inline-block; vertical-align:top; margin-right:15px;}
.facility_status2 .con li span:last-child {margin-right:0;}
.facility_status2 .con .sha_img {margin-bottom:40px;}
.facility_status2.start {padding-left:490px;}
.facility_status2.end {padding-left:490px;}
.tit_fix_set.end .left_tit {left:0;}
.ibox {margin-top:60px; border:#ebebeb 1px solid; border-radius:10px; padding:100px 20px; text-align:center;}

/* 신재생에너지 사업 */
.renewable_top {background-image:url('/pub/images/img_renewable_energy01.jpg');}
.status_link {margin-top:130px;}
.status_link li,
.status_link a {display:block; padding:5px 0;}
.status_link li button,
.status_link a span {position:relative; display:inline-block; vertical-align:top; color:#767676; line-height:30px; transition:.2s linear;}
.status_link li button:before,
.status_link a span:before {content:""; position:absolute; bottom:0; right:0; width:0; height:2px; background:#0070BD;}
.status_link li.active button,
.status_link a.on span {color:#0070BD; font-weight:700;}
.status_link li.active button:before,
.status_link a.on span:before {left:0; width:100%;}
.ipdl_list dl {margin-top:150px;}
.ipdl_list dl:first-child {margin-top:0;}
.ipdl_list dt {position:relative;}
.ipdl_list dt.mb {margin-bottom:40px;}
.ipdl_list dt img {border-radius:30px;}
.ipdl_list dt .abso {position:absolute; bottom:20px; right:20px;}
.ipdl_list dt .gtxt {position:absolute; top:50px; left:-90px; width:70px; height:70px;}
.ipdl_list dt .gtxt span {position:absolute; top:calc(100% + 120px); left:-190px; font-size:64px; color:#EFEFEF; font-weight:700; line-height:70px; width:450px; text-align:right; opacity:.9; transform:rotate(-90deg); letter-spacing:-.5px;}
.ipdl_list dt .point_on {position:absolute; top:-35vh;}
.ipdl_list dt .point_on#p2 {top:-400px;}
.ipdl_list dt .point_link {position:absolute; top:-110px;}
.ipdl_list dd .tt {font-size:24px; color:#000; font-weight:700; line-height:30px; margin:40px 0 20px;}

/* 열병합발전소 현대화 사업 */
.cogeneration_plant_top {background-image:url('/pub/images/img_cogeneration_plant01.jpg');}

/* 에너지 효율화 사업 */
.energy_efficiency_top {background-image:url('/pub/images/img_energy_efficiency01_2023.jpg'); /* background-position:50% 0;height:558px; */height:420px;background-position:bottom;}
.energy_efficiency_top .txt {/* padding-top:520px; */padding-top:425px;}
.ip_wrap {position:relative; display:flex; justify-content:space-between; margin-bottom:130px; min-height:530px;}
.ip_wrap .tit {width:560px; padding-bottom:120px;}
.ip_wrap .tit .btxt {margin:60px 0;}
.ip_wrap .tit .btxt.mb4 {margin-bottom:40px;}
.ip_wrap .pic {position:relative; width:800px; max-width:calc(100% - 560px);}
.ip_wrap .pic img {position:absolute; border-radius:30px;}
.ip_wrap .pic .pic01 {top:0; right:40px;}
.ip_wrap .pic .pic02 {bottom:0; left:0;}
.solution_status .list strong {font-size:inherit !important;}
.solution_status.pb {padding-bottom:150px;}

/* ESG 추진체계 */
.promotion_system_wrap {position:relative;}
.promotion_system_wrap .point {position:absolute; top:750px;}
.promotion_system_top {position:relative; }
.promotion_system_top:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; margin-left:-50vw; background:url('/pub/images/img_promotion_system01.jpg') no-repeat 50% 50% / cover;}
.gray_box {background:#F8F8F8; border-radius:30px; padding:80px; text-align:center; font-size:0; margin-top:60px;}

/* ESG 정책 */
.gs_policy_dl {position:relative; border-top:#000 1px solid;}
.gs_policy_dl .point {position:absolute; top:-110px;}
.gs_policy_dl dt a {position:relative; font-size:32px; color:#000; font-weight:700; line-height:40px; padding:40px 120px 40px 20px; border-bottom:#ebebeb 1px solid; cursor:pointer; display:block;}
.gs_policy_dl dt i {position:absolute; top:0; right:50px; width:20px; height:100%;}
.gs_policy_dl dt i:before,
.gs_policy_dl dt i:after {content:""; position:absolute; top:50%; left:50%; background:#000; border-radius:2px; transition:.2s linear;}
.gs_policy_dl dt i:before {width:23px; height:3px; margin:-1px 0 0 -11px;}
.gs_policy_dl dt i:after {width:3px; height:23px; margin:-11px 0 0 -1px;}
.gs_policy_dl .on dt i:after {transform:rotate(90deg); opacity:0;}
.gs_policy_dl dd {border-bottom:#ebebeb 1px solid; padding:60px 0;}
.gs_policy_dl dd .tit {font-size:24px; font-weight:700; line-height:30px; margin:100px 0 40px;}
.gs_policy_dl dd .gray_sqr {display:flex; flex-direction:column; gap:40px;}
.gs_policy_dl dd .gray_sqr li {position:relative; background:#F8F8F8; border-radius:20px; min-height:260px; padding:20px 20px 20px 300px; display:flex; flex-direction:column; justify-content:center;}
.gs_policy_dl dd .gray_sqr .icon {position:absolute; top:0; left:0; width:240px; height:100%;}
.gs_policy_dl dd .gray_sqr .icon:before {content:""; position:absolute; top:50%; left:50%; width:120px; height:120px; background:#fff no-repeat 50% 50%; border-radius:50%; transform:translate(-50%,-50%);}
.gs_policy_dl dd .gray_sqr .icon.i1:before {background-image:url('/pub/images/icon_gs_policy01.svg');}
.gs_policy_dl dd .gray_sqr .icon.i2:before {background-image:url('/pub/images/icon_gs_policy02.svg');}
.gs_policy_dl dd .gray_sqr .icon.i3:before {background-image:url('/pub/images/icon_gs_policy03.svg');}
.gs_policy_dl dd .gray_sqr .icon.i4:before {background-image:url('/pub/images/icon_gs_policy04.svg');}
.gs_policy_dl dd .gray_sqr .icon.i5:before {background-image:url('/pub/images/icon_gs_policy05.svg');}
.gs_policy_dl dd .gray_sqr .icon.i6:before {background-image:url('/pub/images/icon_gs_policy06.svg');}
.gs_policy_dl dd .gray_sqr .icon.i7:before {background-image:url('/pub/images/icon_gs_policy07.svg');}
.gs_policy_dl dd .gray_sqr .icon.i8:before {background-image:url('/pub/images/icon_gs_policy08.svg');}
.gs_policy_dl dd .gray_sqr .icon:after {content:""; position:absolute; top:50%; right:0; width:1px; height:140px; background:#ddd; transform:translate(0,-50%);}
.gs_policy_dl dd .gray_sqr .tit {margin:0 0 20px;}
.gs_policy_dl dd .gray_sqr li.in_con {border-radius:20px 20px 0 0;}
.gs_policy_dl dd .gray_sqr + ol {padding:60px; margin-bottom:40px; border:#ebebeb 1px solid; border-radius:0 0 20px 20px;}
.gs_policy_dl dd ol {display:flex; flex-direction:column; gap:40px;}
.gs_policy_dl dd ol .t {position:relative; font-size:20px; color:#000; font-weight:600; line-height:24px; margin-bottom:16px; padding-left:28px;}
.gs_policy_dl dd ol .t i {position:absolute; top:3px; left:0; width:18px; height:18px; line-height:18px; text-align:center; font-size:10px; color:#fff; font-weight:700; border-radius:50%;}
.gs_policy_dl dd ol p {color:#666;}
.gs_policy_dl dd > p:last-child {margin-top:60px;}
.gs_policy_dl dd .step_box {display:flex; flex-direction:row; justify-content:space-between; gap:35px;}
.gs_policy_dl dd .step_box li {position:relative; width:calc((100% - 140px)/5); line-height:40px; font-size:20px; color:#fff; padding:20px; text-align:center; border-radius:10px;}
.gs_policy_dl dd .step_box li:before {content:""; position:absolute; top:0; left:-35px; width:35px; height:100%; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%;}
.gs_policy_dl dd .step_box li:first-child:before {display:none;}
.gs_policy_dl dd .step_box li.c1 {background:#84CCB4;}
.gs_policy_dl dd .step_box li.c2 {background:#BED890;}
.gs_policy_dl dd .step_box li.c3 {background:#42A6E2;}
.gs_policy_dl dd .step_box li.c4 {background:#0070BD;}
.gs_policy_dl dd .step_box li.c5 {background:#023E67;}
.gs_policy_dl dl.c1 .tit,
.gs_policy_dl dl.c1 .color {color:#0070BD;}
.gs_policy_dl dl.c1 ol .t i {background:#0070BD;}
.gs_policy_dl dl.c2 .tit,
.gs_policy_dl dl.c2 .color {color:#78BC28;}
.gs_policy_dl dl.c2 ol .t i {background:#78BC28;}
.gs_policy_dl dl.c3 .tit,
.gs_policy_dl dl.c3 .color {color:#EF7F00;}
.gs_policy_dl dl.c3 ol .t i {background:#EF7F00;}

/* Environmental */
.st_half {display:flex;}
.st_half .st_tit {position:relative; width:560px;}
.st_half .st_con {width:960px;}
.st_half.mb {margin-bottom:150px;}
.st_half5 {display:flex; align-items:center;}
.st_half5 > * {width:50%;}
.st_half5.vat {align-items:flex-start;}
.shadow_txt {position:absolute; bottom:0; left:0; font-size:64px; font-weight:700;}
.shadow_txt:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.stit .shadow_txt,
.st_tit .shadow_txt {color:#EFEFEF; line-height:74px; opacity:.5;}

.environmental_area1 {padding-bottom:180px;}
.environmental_area1 .stit {margin-bottom:130px;}
.environmental_area1 .st_tit p {font-size:20px; color:#000; line-height:34px;}
.environmental_area1 .st_tit p .big {font-size:36px; font-weight:600; line-height:40px;}
.environmental_area1 .st_tit p.mtb {margin:10px 0;}
.environmental_area1 .st_con {padding-right:30px;}
.slide_control {position:relative; overflow:hidden; margin-bottom:38px;}
.slide_control .arrow {position:absolute; top:0; width:42px; height:42px; border-radius:50%; border:#ddd 1px solid; z-index:1; cursor:pointer; font-size:0;}
.slide_control .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#D8D8D8; mask:url('/pub/images/arrow_prevnext.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_prevnext.svg') no-repeat 50% 50%;}
.slide_control .arrow.sl_prev {left:0;}
.slide_control .arrow.sl_next {left:52px;}
.slide_control .arrow.sl_next:before {transform:rotate(180deg);}
.slide_control .slide_paging {position:absolute; top:0; right:0; left:auto; width:auto; font-size:20px; color:#ddd; font-weight:500; line-height:42px; font-family:'Poppins'; display:flex; gap:10px;}
.slide_control .slide_paging strong {color:#49B6FC;}
.slide_control .slide_paging li {display:none;}
.slide_control .slide_paging .slick-active {display:block;}

/* slick slide progress */
.slide_control .progress_bar {position:relative; margin:20px 0 20px 108px; width:calc(100% - 204px); height:2px; background:#ddd; border-radius:2px;}
.slide_control .progress_bar .pro-bar {position:absolute; top:0; left:0; width:0; height:100%; background:#49B6FC; border-radius:2px; transition:.1s width linear;}
.slide_control .progress_bar .pro-ani {animation:proBar 5s 1; width:100%;}
@keyframes proBar{
	0%{width:0;}
	100%{width:100%;}
}
/* swiper slide progress */
.swipe_pro.progress_bar {position:relative; margin:20px 0 20px 108px; width:calc(100% - 204px); height:2px; background:#ddd; border-radius:2px;}
.swipe_pro.progress_bar .bar {position:absolute; top:0; left:0; width:100%; height:100%;}
.swipe_pro.progress_bar .bar:after {content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#49B6FC; border-radius:2px; transition:.1s width linear}
.swipe_pro.progress_bar.active {opacity:1;}
.swipe_pro.progress_bar.animate .bar:after {transition:5s width linear; transition-delay:unset; width:100%;}

.control_slide {overflow:hidden; height:660px;}
.control_slide .swiper-slide,
.control_slide .slick-slide {position:relative; width:530px; overflow:hidden; margin-right:60px; font-size:0; transition:.4s linear;}
.control_slide .swiper-slide {height:411px; margin-right:0;}
.control_slide img {width:330px; border-radius:30px;}
.control_slide .txt {position:absolute; bottom:0; left:0; width:100%; height:100%; padding:40px; display:flex; flex-direction:column; justify-content:flex-end;}
.control_slide .num {font-size:30px; color:#fff; font-weight:900; font-family:'Poppins';}
.control_slide p {position:relative; font-size:16px; color:#fff; font-weight:500; line-height:30px; overflow:hidden; max-height:0; opacity:0;}
.control_slide p:before {content:""; position:absolute; top:0; left:0; width:0; height:2px; background:#fff; transition:.2s linear; transition-delay:.5s;}

.control_slide .swiper-slide-active img,
.control_slide .slick-current img {animation:slideimg 2s forwards;}
@keyframes slideimg {
	0% {width:330px;}
	20% {width:330px;}
	60% {width:530px;}
	100% {width:530px;}
}
.control_slide .swiper-slide-active p,
.control_slide .slick-current p {animation:slidep 2s forwards;}
@keyframes slidep {
	0% {padding:0; margin:0; max-height:0; opacity:0;}
	40% {padding:0; margin:0; max-height:0; opacity:0;}
	80% {padding-top:22px; margin-top:20px; max-height:112px; opacity:1;}
	100% {padding-top:22px; margin-top:20px; max-height:112px; opacity:1;}
}
.control_slide .swiper-slide-active p:before,
.control_slide .slick-current p:before {animation:slidebar 2s forwards;}
@keyframes slidebar {
	0% {width:0;}
	80% {width:0;}
	100% {width:30px;}
}

/* swiper 사용할 경우 */
.swipe_out {overflow:hidden;}
.swipe_out .control_slide {transform:translateX(-200px); width:calc(100% + 200px); padding-right:200px;}
.control_slide .swiper-slide-active {animation:slideimg_h 2s forwards; height:660px;}
@keyframes slideimg_h {
	0% {height:411px;}
	20% {height:411px;}
	60% {height:660px;}
	100% {height:660px;}
}

.gbox {background:#F8F8F8; padding:150px 0;}
.wbox {padding:150px 0;}
.gtop {background:#F8F8F8; padding:30px 0; margin-bottom:30px;}

.environmental_area2 {padding-bottom:0; margin-bottom:195px;}
.environmental_area2 .st_tit .shadow_txt {position:absolute; font-size:64px; color:#fff; font-weight:700; line-height:76px; bottom:-15px; opacity:1;}
.environmental_area2 .st_con {position:relative; padding-bottom:220px;}
.environmental_area2 .st_con p.big {margin:45px 0;}
.environmental_area2 .img_certification {position:absolute; bottom:-195px; left:0; width:100%; display:flex; gap:30px;}
.environmental_area2 .img_certification li p {font-size:16px; color:#060606; font-weight:600; line-height:20px; margin-top:15px; text-align:center;}
.environmental_area2_img {padding:350px 0 210px; text-align:center; padding-left:150px;}

.environmental_area3 {position:relative; overflow:hidden;}
.environmental_area3:before {content:""; position:absolute; bottom:-100px; right:0; width:calc(50% + 290px); height:330px; background:#fff; border-radius:330px 0 0 0;}
.environmental_area3 .inner {position:relative; z-index:1;}
.environmental_area3 .stit {margin-bottom:30px;}
.environmental_area3 .hf_txt p.big {margin:40px 0; font-size:18px;}
.environmental_area3 .hf_con {padding-left:35px;}
.environmental_area3 .hf_con img {border-radius:30px;}

.environmental_area4 .inner {position:relative;}
.environmental_area4 .stit {margin-bottom:60px;}
.environmental_area4 .shadow_txt {position:absolute; top:60px; right:20px; bottom:auto; left:auto; font-size:70px; color:#EFEFEF; font-weight:700; line-height:80px; opacity:.5; text-align:right;}
.environmental_area4 .workshop {margin-top:150px;}
.environmental_area4 .workshop .tit {font-size:24px; color:#000; font-weight:700; line-height:30px; margin-bottom:55px;}
.environmental_area4 .workshop ul {display:flex;}
.environmental_area4 .workshop li {width:50%; text-align:left;}
.environmental_area4 .workshop li.pl {padding-left:40px;}
.environmental_area4 .workshop li span {display:inline-block; vertical-align:top;}
.environmental_area4 .workshop li img {border-radius:30px;}
.environmental_area4 .workshop li .mb {margin-bottom:40px;}
.environmental_area4 .workshop li p.b {color:#060606; font-weight:600; text-align:center; margin-top:40px;}

.environmental_area5 {background:url('/pub/images/bg_environmental_area5_fixed.jpg') no-repeat 50% 50% / cover; padding:150px 0; height:810px; background-attachment:fixed;}
.environmental_area5 .stit {color:#fff; margin-bottom:60px;}
.environmental_area5 .stit:before {background:#fff;}
.environmental_area5 p {color:#fff;}
.environmental_area5 .big {margin-bottom:80px;}

.environmental_wrap_b .shadow_txt {bottom:auto; top:140px;}
.environmental_wrap_b .btxt.mt {margin:80px 0 30px;}
.environmental_area_b1 {padding-bottom:150px;}
.environmental_area_b1 p.b {margin:40px 0;}
.environmental_area_b1 p.annotation {font-size:16px; color:#999; font-weight:300; margin:30px 0 0;}
.environmental_area_b1 .gl_box {border:#ebebeb 1px solid; border-radius:30px; padding:40px;}
.emission_status {display:flex; flex-direction:column;}
.emission_status dl {display:flex; gap:24px; margin-bottom:25px;}
.emission_status dl > * {width:320px;}
.emission_status dl > *:first-child {width:calc(100% - 688px);}
.emission_status dl.dt dd .tt {display:block; font-size:16px; color:#fff; font-weight:700; line-height:40px; width:100%; border-radius:50px; text-align:center;}
.emission_status dl.dt .c1 .tt {background:#2D7A49;}
.emission_status dl.dt .c2 .tt {background:#78BC28;}
.emission_status dl.dd dt .ico {width:190px; height:190px; border:6px solid; border-radius:50%; background:no-repeat bottom center / contain;}
.environmental_area_b1 dl.dd dt .ico {border-color:rgba(120,188,40,.12); background-image:url('/pub/images/icon_emission.svg');}
.emission_status dl.dd dt .ico p {font-size:16px; color:#000; font-weight:700; line-height:20px; text-align:center; padding-top:42px;}
.emission_status dl.dd dd .ico_box {position:relative; background:#f8f8f8; border-radius:10px; padding:40px; height:190px; display:flex; flex-direction:column; gap:16px;}
.emission_status dl.dd dd .ico_box > div {display:flex;}
.emission_status dl.dd dd .ico_box > div i {display:block; background:#999;}
.emission_status dl.dd dd .ico_box .b,
.emission_status dl.dd dd .ico_box .m {gap:10px;}
.emission_status dl.dd dd .ico_box .s {gap:3px;}
.emission_status dl.dd dd .ico_box .count {position:absolute; bottom:20px; right:20px; font-size:40px; color:#333; font-weight:700; line-height:48px;}
.emission_status p.tar {font-size:16px; color:#666; font-weight:300; line-height:20px; margin-top:10px;}
.emission_status dl.dd dd .leafbox > div i {mask:url('/pub/images/icon_leaf.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_leaf.svg') no-repeat 50% 50% / contain;}
.emission_status dl.dd dd .leafbox .b i {width:31px; height:37px;}
.emission_status dl.dd dd .leafbox .m i {width:21px; height:26px;}
.emission_status dl.dd dd .leafbox .s i {width:15px; height:18px;}
.emission_status dl.dd dd.c2 .leafbox > div i {background:#78BC28;}
.emission_status dl.dd dd.c2 .leafbox .count {color:#78BC28;}
.environmental_area_b2 .st_tit .shadow_txt {color:#fff; opacity:1;}
.environmental_area_b2 .btxt.mb {margin-bottom:40px;}
.environmental_area_b2 .w_box {background:#fff; padding:40px; border-radius:30px;}
.environmental_area_b2 dl.dd dt .ico {border-color:rgba(0,112,189,.12); background-image:url('/pub/images/icon_emission2.svg');}
.emission_status dl.dt .c3 .tt {background:#42A6E2;}
.emission_status dl.dt .c4 .tt {background:#023E67;}
.emission_status dl.dd dd .waterbox > div i {mask:url('/pub/images/icon_water.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_water.svg') no-repeat 50% 50% / contain;}
.emission_status dl.dd dd .waterbox .b i {width:24px; height:37px;}
.emission_status dl.dd dd .waterbox .m i {width:17px; height:26px;}
.emission_status dl.dd dd .waterbox .s i {width:12px; height:18px;}
.emission_status dl.dd dd.c3 .waterbox > div i {background:#42A6E2;}
.emission_status dl.dd dd.c3 .waterbox .count {color:#42A6E2;}

.environmental3_top {background-image:url('/pub/images/img_environmental3_01.jpg');}
.environmental_wrap_c .btxt.mb {margin-bottom:40px;}
.environmental_wrap_c .gbox .shadow_txt {color:#fff; opacity:1; bottom:-15px;}
.environmental_wrap_c .gbox .img {border-radius:30px; margin:80px 0 -220px; overflow:hidden;}
.environmental_wrap_c .en_arwarp2 {margin:150px 0 420px;}
.environmental_wrap_c .en_arwarp3 {padding:150px 0 200px;}
.environmental_wrap_c .en_arwarp3 .mtb {margin:60px 0 80px;}
.environmental_wrap_c .horizontal_ul.set2 {gap:40px;}
.environmental_wrap_c .horizontal_ul.set2 li {width:calc(50% - 20px);}
.environmental_wrap_c .st_half5 .hf_txt p {padding:30px 0 40px;}
.environmental_wrap_c .en_arwarp5 {padding:150px 0;}
.environmental_wrap_c .en_arwarp5 .btxt.mtb {margin:40px 0;}
.environmental_wrap_c .en_arwarp5 .img {margin-top:60px; padding:80px; text-align:center; border:#ebebeb 1px solid; border-radius:30px;}
.environmental_wrap_c .en_arwarp5 .img img {box-shadow:rgba(0,0,0,.09) 0 10px 15px;}
.environmental_wrap_c .en_arwarp6 {padding-top:150px; height:812px; background:url('/pub/images/bg_environmental3.jpg') no-repeat 50% 50% / cover;}
.font_fff * {color:#fff !important;}
.font_fff .stit:before {background:#fff;}
.environmental_wrap_c .en_arwarp6 .btxt {padding:30px 0 80px;}
.environmental_wrap_c .en_arwarp6 p {line-height:2;}

/* Social */
.social_wrap .ip_wrap .tit {padding-bottom:190px;}
.social_wrap .ip_wrap .tit .shadow_txt {bottom:0; left:20px; right:auto; top:auto;}
.social_wrap .ip_wrap .tit .btxt {margin:60px 0 40px;}
.social_a2 {position:relative; padding:150px 0; z-index:1;}
.social_a2:before {content:""; position:absolute; top:0; left:0; width:100%; height:100vh; background:#f8f8f8; z-index:-1;}
.social_a2 p.mtb {margin:60px 0;}
.social_a2 .wbox {background:#fff; border-radius:20px; padding:100px; box-shadow:rgba(0,0,0,.05) 0 3px 30px;}
.social_a2 .wbox .tit {font-size:50px; color:#000; font-weight:700; line-height:60px; text-align:center; margin-bottom:45px;}
.social_a2 .wbox .tit span {position:relative; display:inline-block; vertical-align:top; padding-bottom:25px; border-bottom:#ddd 1px solid;}
.social_a2 .wbox .dl_area {margin-top:100px; display:flex; flex-direction:column; gap:24px;}
.social_a2 .wbox .dl_area dl {display:flex; align-items:center; gap:40px; padding:35px 40px; background:#F8FBFE; border-radius:10px;}
.social_a2 .wbox .dl_area dt {font-size:20px; color:#fff; font-weight:700; line-height:80px; height:80px; width:80px; border-radius:5px; background:#0070BD; text-align:center;}
.social_a2 .wbox .dl_area dd {width:calc(100% - 120px);}
.social_a2 .wbox .date {color:#999; margin:60px 0 10px; text-align:center;}
.social_a2 .wbox .name {font-size:20px; color:#000; font-weight:700; line-height:38px; text-align:center;}
.social_a2 .wbox .name strong {font-size:28px; font-family:'KOTRA_SONGEULSSI'; margin-left:15px;}
.social_a2 .wbox .logo {display:block; width:144px; height:49px; background:url('/pub/images/logo_g.svg') no-repeat 50% 50% / contain; margin:50px auto 0;}
.social_a3 {padding:150px 0; background:url('/pub/images/bg_social_a.jpg') no-repeat 50% 50% / cover;}
.social_a3 .btxt {margin:60px 0 80px;}
.social_a3 p.s {font-size:14px; line-height:20px; margin-top:40px;}
.social_a3 .ip_wrap {align-items:center}
.social_a3 .tit {width:calc(100% - 840px);}
.social_a3 .con {width:840px;}
.social_a3 .con ul {display:flex; flex-wrap:wrap; gap:40px;}
.social_a3 .con li {position:relative; width:calc(50% - 20px); height:180px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:rgba(255,255,255,.11); border-radius:90px;}
.social_a3 .con li:after {content:""; position:absolute; width:40px; height:40px; background:url('/pub/images/arrow_rotate.svg') no-repeat 50% 50% / contain;}
.social_a3 .con li:nth-child(1):after {top:calc(50% - 20px); left:100%;}
.social_a3 .con li:nth-child(2):after {top:100%; left:calc(50% - 20px); transform:rotate(90deg);}
.social_a3 .con li:nth-child(3):after {bottom:100%; left:calc(50% - 20px); transform:rotate(270deg);}
.social_a3 .con li:nth-child(4):after {top:calc(50% - 20px); right:100%; transform:rotate(180deg);}
.social_a3 .con li.bg_blue {background:#0070BD; padding-right:180px;}
.social_a3 .con li.bg_blue .round {position:absolute; top:20px; right:20px; width:140px; height:140px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; gap:10px; background:rgba(255,255,255,.1); border-radius:50%;}
.social_a3 .con li.bg_blue .round p {position:relative; font-size:13px; color:#fff; line-height:20px; padding:0 5px;}
.social_a3 .con li.bg_blue .round p:first-child {width:100%; text-align:center;}
.social_a3 .con li.bg_blue .round p:first-child:before,
.social_a3 .con li.bg_blue .round p:first-child:after {content:""; position:absolute; top:0; width:14px; height:17px; background:url('/pub/images/arrow_social_a.svg') no-repeat 50% 50% / contain;}
.social_a3 .con li.bg_blue .round p:first-child:before {left:25px;}
.social_a3 .con li.bg_blue .round p:first-child:after {right:25px; transform:scale(-1,1);}
.social_a3 .con li.bg_blue .round p:last-child:after {content:""; position:absolute; top:0; left:-14px; width:16px; height:100%; background:url('/pub/images/arrow_social_a2.svg') no-repeat 50% 50% / contain;}
.social_wrap .gl_box {border:#ebebeb 1px solid; border-radius:30px; padding:64px; text-align:center; font-size:0; margin-top:80px;}
.social_b1 .shadow_txt {top:0; right:0; bottom:auto; left:auto; text-align:right;}
.social_b2 {margin-top:150px;}
.social_b2 .mtb {margin:60px 0 80px;}
.sqr_area {display:flex; flex-wrap:wrap; gap:32px;}
.sqr_area li {width:calc((100% - 96px)/4); height:240px; background:#fff; border-radius:20px; text-align:center; padding-top:38px;}
.sqr_area li i {position:relative; display:block; width:100%; height:52px; background:no-repeat 50% 50% / contain; z-index:1;}
.sqr_area li i:before {content:""; position:absolute; top:-13px; right:50%; width:40px; height:40px; background:#0070BD; border-radius:50%; opacity:.09; z-index:-1;}
.sqr_area li .t {font-size:20px; color:#0070BD; font-weight:700; line-height:24px; margin:28px 0 12px;}
.sqr_area li p {color:#666; line-height:28px; letter-spacing:-.5px;}
.sqr_area li.i01 i {background-image:url('/pub/images/icon_social_b01.svg');}
.sqr_area li.i02 i {background-image:url('/pub/images/icon_social_b02.svg');}
.sqr_area li.i03 i {background-image:url('/pub/images/icon_social_b03.svg');}
.sqr_area li.i04 i {background-image:url('/pub/images/icon_social_b04.svg');}
.sqr_area li.i05 i {background-image:url('/pub/images/icon_social_b05.svg');}
.sqr_area li.i06 i {background-image:url('/pub/images/icon_social_b06.svg');}
.sqr_area li.i07 i {background-image:url('/pub/images/icon_social_b07.svg');}
.sqr_area li.i08 i {background-image:url('/pub/images/icon_social_b08.svg');}
.sqr_area li.i09 i {background-image:url('/pub/images/icon_social_b09.svg');}
.sqr_area li.i10 i {background-image:url('/pub/images/icon_social_b10.svg');}
.sqr_area li.i11 i {background-image:url('/pub/images/icon_social_b11.svg');}
.sqr_area li.i12 i {background-image:url('/pub/images/icon_social_b12.svg');}
.half_area {position:relative; padding:80px 0 200px; z-index:1;}
.half_area:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:600px; background:#f8f8f8; z-index:-1;}
.half_area ul {display:flex; gap:40px;}
.half_area li {width:calc(50% - 20px); border-radius:30px; background:#fff; padding:55px 40px 60px; box-shadow:rgba(0,0,0,.05) 0 5px 30px;}
.half_area li i {position:relative; display:block; width:100%; height:45px; background:no-repeat left center / contain; z-index:1;}
.half_area li i:before {content:""; position:absolute; top:-14px; left:-14px; width:40px; height:40px; background:#0070BD; border-radius:50%; opacity:.09; z-index:-1;}
.half_area li .tit {font-size:24px; color:#000; font-weight:700; line-height:30px; padding-bottom:50px; border-bottom:#ebebeb 1px solid; margin:20px 0 40px;}
.half_area li p {color:#666;}
.half_area li.i1 i {background-image:url('/pub/images/icon_social_c01.svg');}
.half_area li.i2 i {background-image:url('/pub/images/icon_social_c02.svg');}
.half_area li.i3 i:after {content:""; display:block; width:45px; height:100%; background:url('/pub/images/icon_social_c03.svg') no-repeat 50% 50% / 45px; border-radius:50%; border:#333 3px solid;}
	/* 동반성장 */
.social2_1 {padding-bottom:150px;}
.social2_1 .glbox {border:#ebebeb 1px solid; border-radius:30px;}
.social2_1 .glbox img {width:218px; box-shadow:rgba(0,0,0,.13) 0 3px 26px;}
.social2_1 .agreement_slide {position:relative; width:100%; padding:10px 20px;}
.social2_1 .agreement_slide .slick-slide {padding:25px;}
.social2_1 .agreement_slide .slick-arrow {position:absolute; top:calc(50% - 20px); width:40px; height:40px; background:url('/pub/images/arrow_mslide.svg') no-repeat 50% 50% / 20px; z-index:1; font-size:0; opacity:.5;}
.social2_1 .agreement_slide .slick-arrow:hover {opacity:1;}
.social2_1 .agreement_slide .slick-disabled {opacity:.1 !important;}
.social2_1 .agreement_slide .slick-prev {left:0;}
.social2_1 .agreement_slide .slick-next {right:0; transform:rotate(180deg);}
.social2_2 {padding:110px 0 60px;}
.social2_2:before {bottom:-50px;}
.social2_2 .st_half5.vat {align-items:unset;}
.social2_2 .shadow_txt {bottom:-75px; color:#fff;}
.social2_3 {padding:150px 0 200px;}
.social2_4 {background:url('/pub/images/bg_social_b_04.jpg') no-repeat 50% 50% / cover; padding:150px 0 190px; color:#fff;}
.social2_4 .stit {color:#fff;}
.social2_4 .stit:before {background:#fff;}
.social2_4 .btxt {color:#fff; margin:60px 0 80px;}
	/* 사회공헌 */
.social4 .tit {font-size:20px; color:#000; font-weight:700; line-height:1.6; margin-bottom:40px;}
.social4 .bgbox {background:no-repeat 50% 50% / cover; padding:140px 0; height:800px; max-height:100vh; color:#fff; margin-bottom:150px;}
.social4 .bgbox .stit {color:#fff;}
.social4 .bgbox .stit:before {background:#fff;}
.social4 .bgbox .btxt {color:#fff; margin:60px 0 80px;}
.social4a_1 {height:530px;}
.social4a_2 .shadow_txt {top:0; right:0; bottom:auto; left:auto; color:#fff;}
.social4a_2 .img {background:#fff; padding:90px; text-align:center; border-radius:30px; text-align:center;}
.social4a_3 {padding-top:150px;}
.social4a_3 .glbox {display:flex; justify-content:center; align-items:center; gap:30px; height:400px; border:#ebebeb 1px solid; border-radius:30px; margin-bottom:40px;}
.social4b .jq_tab.tab_type2 {margin:150px auto 100px;}
.social4ba .bgbox {background-image:url('/pub/images/bg_social4ba.jpg');}
.social4bb .bgbox {background-image:url('/pub/images/bg_social4bb.jpg');}
.social4bc .bgbox {background-image:url('/pub/images/bg_social4bc.jpg');}
.social4c .jq_tab.tab_type2 {margin-bottom:100px;}
.social4ca .bgbox {background-image:url('/pub/images/bg_social4ca.jpg');}
.social4ca .bgbox .btns {display:flex; flex-wrap:wrap; gap:20px; width:820px; max-width:100%; margin-top:60px;}
.social4ca .bgbox .btns .btn_down {color:#fff; background:rgba(255,255,255,.1); border:#fff 1px solid; width:calc(50% - 10px);}
.social_chart {position:relative; height:360px; padding-left:60px; margin:10px 0 85px;}
.social_chart .point {position:absolute; top:60vh;}
.social_chart .caption {position:absolute; bottom:-30px; right:0; display:flex; gap:30px;}
.social_chart .caption li {position:relative; padding-left:60px; font-size:14px; color:#333; font-weight:500; line-height:30px;}
.social_chart .caption li i {position:absolute; top:0; left:0; width:50px; height:30px; border-radius:15px;}
.social_chart .caption li.c1 i {background:linear-gradient(#0070BD,#5BB0EB);}
.social_chart .caption li.c2 i {background:linear-gradient(#EF7F00,#E8CB6D);}
.social_chart .line li {width:100%; height:40px; border:#EBEBEB 1px solid; border-right:0; border-bottom:0;}
.social_chart .line li:last-child {border-bottom:#EBEBEB 1px solid;}
.social_chart .guide {position:absolute; top:-20px; left:0; }
.social_chart .guide li {font-size:15px; color:#000; line-height:40px; text-align:right;}
.social_chart .years {position:absolute; bottom:0; left:60px; width:calc(100% - 60px); height:100%; display:flex;}
.social_chart .years li {position:relative; width:20%; text-align:center;}
.social_chart .years li > p {position:absolute; bottom:0; left:0; width:100%; font-size:16px; color:#333; font-weight:500;}
.social_chart .years li .bars {position:absolute; bottom:0; left:0; width:100%; height:100%; padding-bottom:40px; display:flex; justify-content:center; align-items:flex-end; gap:20px;}
.social_chart .years li .bars .bar {width:40px; height:0; border-radius:20px 20px 0 0; transition:.5s linear;}
.social_chart .years li .bars .bar.c1 {background:linear-gradient(#0070BD,#5BB0EB);}
.social_chart .years li .bars .bar.c2 {background:linear-gradient(#EF7F00,#E8CB6D);}
.social_chart .index {position:absolute; display:flex; bottom:-50px; left:60px; width:calc(100% - 60px); justify-content:center; align-items:center; gap:50px;}
.social_chart .index li {display:flex; align-items:center; gap:10px; font-size:16px; color:#333; line-height:40px;}
.social_chart .index li i {display:block; width:40px; height:20px; border-radius:5px;}
.social_chart .index li.c1 i {background:linear-gradient(#0070BD,#5BB0EB);}
.social_chart .index li.c2 i {background:linear-gradient(#EF7F00,#E8CB6D);}

/* Governance */
	/* 지배구조 */
.tbl .over_tbl + p.tar {margin:20px 0 0;}
.governance_a2 {position:relative; padding:130px 0 150px; margin-top:150px; z-index:1;}
.governance_a2:before {content:""; position:absolute; top:0; left:0; width:100%; height:670px; background:#f8f8f8; z-index:-1;}
.governance_a2 ul {display:flex;}
.governance_a2 li {width:50%;}
.governance_a2 .btxt {position:relative; margin-bottom:60px;}
.governance_a2 .shadow_txt {position:absolute; top:-20px; left:205px; color:#fff; text-align:right; z-index:-1;}
.governance_a2 .img {margin-top:35px;}
.governance_a2 .img img {border-radius:30px;}
.governance_a2 li:nth-child(2) {margin-top:200px;}
.governance_a2 li:nth-child(2) .shadow_txt {left:110px;}
	/* 윤리경영 */
.governance2_wrap {display:flex; gap:90px;}
.governance2_wrap .img_governance2 {width:560px; height:680px; background:url('/pub/images/img_governance2_01.jpg'); border-radius:30px;}
.governance2_wrap .txt {width:calc(100% - 650px);}
.governance2_wrap .txt > strong {font-size:24px; color:#333; line-height:40px;}
.governance2_wrap .txt p {margin-top:40px;}
.governance2_wrap .txt .name {margin-top:50px; color:#000; font-weight:700;}
.governance2_wrap .txt .name strong {font-size:28px; margin-left:5px;}
.dl_rule {border-top:#000 2px solid;}
.dl_rule dt,
.dl_rule dd {border-bottom:#ebebeb 1px solid;}
.dl_rule dt {position:relative; font-size:32px; color:#000; font-weight:700; line-height:40px; padding:40px 120px 40px 20px; cursor:pointer;}
.dl_rule dt button {font-weight:inherit;}
.dl_rule dt strong {margin-right:10px;}
.dl_rule dt i {position:absolute; top:0; right:0; width:120px; height:120px;}
.dl_rule dt i:before,
.dl_rule dt i:after {content:""; position:absolute; top:50%; left:50%; background:#000; border-radius:2px; transition:.2s linear;}
.dl_rule dt i:before {width:23px; height:3px; margin:-2px 0 0 -12px;}
.dl_rule dt i:after {width:3px; height:23px; margin:-12px 0 0 -2px;}
.dl_rule .on dt i:after {transform:rotate(90deg); opacity:0;}
.dl_rule dd {color:#666; padding:60px 20px; display:none;}
.dl_rule .tbl_blueb table {border-top:#000 1px solid;}
.dl_rule .tbl_blueb th,
.dl_rule .tbl_blueb td {border-bottom:#ddd 1px solid;}
.dl_rule .tbl_blueb tr > *:first-child {width:200px;}
.dl_rule .tbl_blueb th {text-align:center; padding:20px 0;}
.dl_rule .tbl_blueb thead th {background:#f8f8f8;}
.dl_rule .tbl_blueb td {text-align:left; padding:20px 10px;}

/* 지속가능경영보고서 */
.sustainability_report_top {background-image:url('/pub/images/img_sustainability_report01.jpg');}
.report_wrap {position:relative; display:flex; padding:100px 0 200px; z-index:1;}
.report_wrap:before {content:""; position:absolute; bottom:0; left:calc(50% - 50vw); width:100vw; height:530px; background:#F8F8F8; z-index:-1;}
.report_wrap > * {width:50%;}
.report_wrap .img {padding-right:120px; text-align:right; font-size:0;}
.report_wrap .img img {border-radius:10px; box-shadow:rgba(0,0,0,.13) 5px 15px 15px;}
.report_wrap .txt {padding-top:20px;}
.report_wrap .txt span {display:block; font-size:14px; color:#ddd; font-weight:600; line-height:20px; letter-spacing:10px;}
.report_wrap .txt .tt {font-size:40px; color:#000; font-weight:300; line-height:60px; margin-bottom:140px;}
.report_wrap .txt .down_wrap {font-size:24px; color:#333; font-weight:700; line-height:30px;}
.report_wrap .txt .down_wrap .btn_down {margin:40px 0 0; font-size:18px; font-weight:400;}
.report_environmental:before {height:calc(100% - 380px);}
.report_environmental .txt .down_wrap {display:flex; flex-wrap:wrap; gap:20px;}
.report_environmental .txt .down_wrap .btn_down {width:calc((100% - 40px)/3); padding:15px 20px; margin:0 !important;}
.report_environmental .txt .down_wrap .btn_down:after {right:20px;}

/* 인재채용 */
	/* 인재경영 */
.talent_management_top {background-image:url('/pub/images/img_talent_management01.jpg');}
.organizational_value {position:relative;}
.organizational_value .point {position:absolute;}
.organizational_value .start_organizational_value {top:0;}
.organizational_value .end_organizational_value {top:calc(100% - 100vh);}
.organizational_value dl {display:flex;}
.organizational_value dt,
.organizational_value dd {width:50%;}
.organizational_value dt {position:relative; height:100vh; /* background:url('/pub/images/img_talent_management02.jpg') no-repeat 50% 50% / cover; */}
.organizational_value dt .img {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover; opacity:0; transition:.4s linear;}
.organizational_value dt .img.i01 {background-image:url('/pub/images/img_talent_management02.jpg');}
.organizational_value dt .img.i02 {background-image:url('/pub/images/img_talent_management02b.jpg');}
.organizational_value dt .img.i03 {background-image:url('/pub/images/img_talent_management02c.jpg');}
.organizational_value dt .img.i04 {background-image:url('/pub/images/img_talent_management02d.jpg');}
.organizational_value dd {position:relative;}
.organizational_value dd ul {display:flex; flex-direction:column; justify-content:flex-start;}
.organizational_value dd li {position:relative; padding:140px 140px 120px; height:100vh; display:flex; flex-direction:column; justify-content:flex-end;}
.organizational_value dd li .point {top:-40vh;}
.organizational_value dd .num {position:absolute; top:90px; left:140px; font-size:140px; color:#000; font-weight:700; line-height:1; opacity:.03;}
.organizational_value dd i {display:block; height:55px; background:no-repeat left center / contain;}
.organizational_value dd i.i1 {background-image:url('/pub/images/icon_organizational_value01.svg');}
.organizational_value dd i.i2 {background-image:url('/pub/images/icon_organizational_value02.svg');}
.organizational_value dd i.i3 {background-image:url('/pub/images/icon_organizational_value03.svg');}
.organizational_value dd i.i4 {background-image:url('/pub/images/icon_organizational_value04.svg');}
.organizational_value dd .tit {font-size:32px; color:#0070BD; font-weight:700; line-height:38px; margin:40px 0 30px;}
.organizational_value dd strong {display:block; font-size:20px; color:#333; line-height:24px;}
.organizational_value dd .dots {margin-top:60px;}
.organizational_value dd .dots p {color:#999; font-weight:300; padding-left:10px; text-indent:-10px;}
.organizational_value.start dl {padding-left:50%;}
.organizational_value.start dt {position:fixed; top:0; left:0;}
.organizational_value.start dd {width:100%;}
.organizational_value.end dl {padding-left:50%;}
.organizational_value.end dt {position:absolute; top:auto; left:0; bottom:0;}
.organizational_value.end dd {width:100%;}
.talent_management_area2 .tt {display:block; font-size:28px; color:#000; font-weight:700; line-height:43px; padding:80px 0 30px;}
.talent_management_area2 .dots p {padding-left:10px; text-indent:-10px;}
.talent_management_area3 {padding-top:150px;}
	/* 복리후생 */
.welfare_top {background-image:url('/pub/images/img_welfare01.jpg');}
.welfare_area {display:flex; flex-wrap:wrap; gap:80px 40px;}
.welfare_area li {width:calc((100% - 80px)/3); padding-bottom:60px; border-bottom:#ddd 1px solid;}
.welfare_area li i {position:relative; padding:0 0 0 10px; z-index:1; font-size:0;}
.welfare_area li i:before,
.welfare_area li i:after {content:"";}
.welfare_area li i:before {position:absolute; top:0; left:0; width:40px; height:40px; background:#0070BD; border-radius:50%; opacity:.09; z-index:-1;}
.welfare_area li i:after {display:block; width:100%; height:60px; background:no-repeat left 10px top / contain;}
.welfare_area li .i1:after {background-image:url('/pub/images/icon_welfare01.svg');}
.welfare_area li .i2:after {background-image:url('/pub/images/icon_welfare02.svg');}
.welfare_area li .i3:after {background-image:url('/pub/images/icon_welfare03.svg');}
.welfare_area li .i4:after {background-image:url('/pub/images/icon_welfare04.svg');}
.welfare_area li .i5:after {background-image:url('/pub/images/icon_welfare05.svg');}
.welfare_area li .i6:after {background-image:url('/pub/images/icon_welfare06.svg');}
.welfare_area li .tt {font-size:24px; color:#000; font-weight:700; line-height:30px; margin:50px 0 20px;}
.welfare_area li p {color:#666;}
.welfare_btm {background:#F8F8F8; border-radius:5px; padding:40px; text-align:center; margin-top:60px;}
	/* 채용절차 */
.recruitment_procedure {border-top:#000 1px solid;}
.recruitment_procedure li {position:relative; border-bottom:#ebebeb 1px solid; display:flex; gap:55px; align-items:center; padding:40px 50px;}
.recruitment_procedure li:after {content:""; position:absolute; bottom:-12px; left:118px; width:24px; height:24px; background:url('/pub/images/arrow_btm.svg') no-repeat #0070BD 50% 50%; border-radius:50%;}
.recruitment_procedure li:last-child:after {display:none;}
.recruitment_procedure .ico {width:160px; height:160px; background:#F8F8F8 no-repeat 50% 50%; border-radius:50%;}
.recruitment_procedure .ico.i1 {background-image:url('/pub/images/icon_recruit01.svg');}
.recruitment_procedure .ico.i2 {background-image:url('/pub/images/icon_recruit02.svg');}
.recruitment_procedure .ico.i3 {background-image:url('/pub/images/icon_recruit03.svg');}
.recruitment_procedure .ico.i4 {background-image:url('/pub/images/icon_recruit04.svg');}
.recruitment_procedure .ico.i5 {background-image:url('/pub/images/icon_recruit05.svg'); background-color:#0070BD;}
.recruitment_procedure .txt {width:calc(100% - 215px);}
.recruitment_procedure .tit {display:block; font-size:24px; font-weight:700; line-height:30px; margin-bottom:20px;}
.recruitment_procedure p {color:#666;}
.recruitment_procedure .plbox p {position:relative; padding-left:105px;}
.recruitment_procedure .plbox p strong {position:absolute; top:0; left:0; color:#333;}
.recruitment_procedure .sml {position:relative; padding-left:24px; font-size:14px; color:#666; line-height:16px; margin-top:24px;}
.recruitment_procedure .sml:before {content:"!"; position:absolute; top:0; left:0; width:16px; height:16px; line-height:16px; text-align:center; font-size:14px; color:#fff; font-weight:600; background:#EF7F00; border-radius:50%;}

	/* FAQ */
.faq_top {background-image:url('/pub/images/img_faq01.png');}
.qna_top {background-image:url('/pub/images/img_qna01.png');}
.faq_wrap {display:flex; flex-direction:column; gap:24px;}
.wrap-tab-container.faq_wrap {gap:0;}
.faq_wrap dl {background:#F8F8F8; border-radius:20px; transition:.2s linear;}
.faq_wrap dl.on {background:#fff; box-shadow:rgba(0,0,0,.05) 0 3px 20px;}
.faq_wrap dl strong {position:absolute; top:0; left:0; width:100px; text-align:center; font-size:28px; font-weight:700; font-family:'Poppins';}
.faq_wrap dt {position:relative; font-size:24px; color:#000; line-height:30px; padding:30px 120px 30px 100px; cursor:pointer;}
.faq_wrap dt button {white-space:pre-wrap; text-align:left;}
.faq_wrap dt strong {color:#EF7F00; line-height:90px;}
.faq_wrap dt i {position:absolute; top:0; right:0; width:120px; height:100%; pointer-events:none;}
.faq_wrap dt i:before,
.faq_wrap dt i:after {content:""; position:absolute; top:50%; left:50%; background:#000; border-radius:2px; transition:.2s linear;}
.faq_wrap dt i:before {width:23px; height:3px; margin:-2px 0 0 -12px;}
.faq_wrap dt i:after {width:3px; height:23px; margin:-12px 0 0 -2px;}
.faq_wrap .on dt i:after {transform:rotate(90deg); opacity:0;}
.faq_wrap dd {position:relative; padding:40px 120px 40px 100px; color:#666; display:none;}
.faq_wrap dd:before {content:""; position:absolute; top:0; left:40px; width:calc(100% - 80px); height:1px; background:#EBEBEB;}
.faq_wrap dd strong {color:#000; line-height:120px;}
	/* 문의하기 */
.qna_list {border-top:#000 1px solid;}
.qna_list li {border-bottom:#ddd 1px solid;}
.qna_list a {position:relative; display:flex; align-items:center; padding:40px 0;}
.qna_list a > * {text-align:center;}
.qna_list .tag {width:150px; color:#003F8F; font-weight:700;}
.qna_list .txt {width:calc(100% - 520px); text-align:left;}
.qna_list .txt strong {display:block; font-size:24px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qna_list .txt .date {font-size:16px; color:#727272; font-weight:300; line-height:20px; margin-top:15px;}
.qna_list .name {width:100px; color:#000;}
.qna_list .state {width:170px;}
.qna_list .state span {display:block; color:#fff; line-height:40px; height:40px; width:120px; border-radius:20px; margin:0 auto;}
.qna_list .arrow {width:100px; height:13px; background:#ddd; mask:url('/pub/images/arrow_qna.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_qna.svg') no-repeat 50% 50% / contain;}
.qna_list .lock .txt strong {color:#727272; padding-left:30px; background:url('/pub/images/icon_lock.svg') no-repeat 0 0;}
.qna_list .ing .state span {background:#727272;}
.qna_list .end .state span {background:#003F8F;}
.qna_list .end .arrow {background:#003F8F;}
.pop_lock,
.pop_lock .black {position:fixed; top:0; left:0; width:100%; height:100%;}
.pop_lock {z-index:101; display:none;}
.pop_lock .black {background:rgba(0,0,0,.5);}
.pop_lock .inbox {position:absolute; top:50%; left:50%; width:100%; max-width:800px; padding:60px; background:#fff; border-radius:30px; transform:translate(-50%,-50%);}
.pop_lock .tit {font-size:32px; color:#000; font-weight:700; line-height:38px; padding-bottom:30px; margin-bottom:50px; border-bottom:#ddd 1px solid;}
.pop_lock .btn_close {position:absolute; top:0; right:0; width:100px; height:100px; font-size:0; background:url('/pub/images/btn_close.svg') no-repeat 50% 50% / 20px;}
.pop_lock .input_box {background:#f8f8f8; padding:35px;}
.pop_lock .input_box label {display:flex; justify-content:center; font-size:18px;}
.pop_lock .input_box strong {line-height:50px; padding-right:20px;}
.pop_lock .input_box .text {width:300px; height:50px;}
.pop_lock .input_box .text::placeholder {color:#999;}
.pop_lock .btn {background:#003F8F; width:200px; height:60px; line-height:60px; border-radius:5px; margin:40px auto 0; border:0; font-weight:700;}
	/* 채용공고 */
.employment_list {border-top:#000 1px solid;}
.employment_list li {border-bottom:#ddd 1px solid;}
.employment_list li a {position:relative; display:block; padding:48px 250px 48px 150px;}
.employment_list .tag {position:absolute; top:50%; left:0; width:150px; height:30px; line-height:30px; color:#0070BD; font-weight:700; margin-top:-15px; text-align:center;}
.employment_list strong {display:block; font-size:24px; color:#333; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.employment_list p {font-size:16px; color:#999; font-weight:300; line-height:20px; margin-top:15px;}
.employment_list span {position:absolute; top:50%; right:120px; width:100px; height:40px; line-height:40px; margin-top:-20px; color:#fff; text-align:center; border-radius:20px;}
.employment_list li a:after {content:""; position:absolute; top:0; right:0; width:100px; height:100%; mask:url('/pub/images/arrow_emp.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_emp.svg') no-repeat 50% 50%;}
.employment_list li.end {background:#fff;}
.employment_list li.end span {background:#999;}
.employment_list li.end a:after {background:#ddd;}
.employment_list li.ing {background:#F8F8F8;}
.employment_list li.ing span,
.employment_list li.ing a:after {background:#0070BD;}

/* 협력사 서비스 */
.partner_wrap {display:flex; flex-direction:column; gap:60px;}
.partner_wrap li {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:520px; border-radius:30px; overflow:hidden; background:no-repeat 50% 50% / cover; text-align:center;}
.partner_wrap li > * {color:#fff;}
.partner_wrap li .tit {font-size:32px; font-weight:700; line-height:38px;}
.partner_wrap li p {font-size:20px; line-height:34px; margin:25px 0 60px;}
.partner_wrap li .btn {display:block; line-height:58px; height:60px; width:320px; border:#fff 1px solid; background:rgba(255,255,255,.15); border-radius:10px; text-align:center;}
.partner_wrap li.i1 {background-image:url('/pub/images/bg_partner01.jpg');}
.partner_wrap li.i2 {background-image:url('/pub/images/bg_partner02.jpg');}

/* 고객마당 */
.customer_yard {display:flex; flex-wrap:wrap; gap:40px;}
.customer_yard li {width:calc((100% - 80px)/3); border:#ebebeb 1px solid; border-radius:20px;}
.customer_yard li a {position:relative; display:block; padding:48px; height:220px;}
.customer_yard li .tt {font-size:24px; color:#000; font-weight:700; line-height:30px;}
.customer_yard li i {position:absolute; bottom:48px; left:48px; font-size:14px; color:#999; padding-right:36px; background:url('/pub/images/arrow_yard.svg') no-repeat right center;}
.customer_yard li em {position:absolute; bottom:48px; right:48px; width:70px; height:80px; background:no-repeat 50% 50% / contain;}
.customer_yard li.i1 em {background-image:url('/pub/images/icon_customer_yard01.svg');}
.customer_yard li.i2 em {background-image:url('/pub/images/icon_customer_yard02.svg'); width:67px;}
.customer_yard li.i3 em {background-image:url('/pub/images/icon_customer_yard03.svg');}
.customer_yard li.i4 em {background-image:url('/pub/images/icon_customer_yard04.svg');}
.customer_yard li.i5 em {background-image:url('/pub/images/icon_customer_yard05.svg'); width:65px;}
.customer_yard li.i6 em {background-image:url('/pub/images/icon_customer_yard06.svg'); width:71px; height:69px;}
.customer_yard_btm {background:url('/pub/images/bg_customer_yard_btm.jpg') no-repeat 50% 50% / cover; margin-top:200px;}
.customer_yard_btm .inner {height:420px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.customer_yard_btm strong {font-size:32px; color:#fff; line-height:38px; text-align:center;}
.customer_yard_btm .btn {color:#fff; line-height:58px; height:60px; width:320px; background:rgba(255,255,255,.15); border:#fff 1px solid; border-radius:10px; text-align:center; margin-top:60px;}

/* 에너지 바우처 차감 */
.customer2_2 {width:100%; height:420px; margin-bottom:150px; background:url('/pub/images/img_customer2_03.jpg') no-repeat 50% 50% / cover;}
.customer2_3 .over_tbl {margin-bottom:20px;}
.customer2_3 .tbl > p {color:#999;}
.customer2_4 {margin-top:150px; padding-bottom:200px;}
.customer2_4 .img {padding:80px 0; border-radius:30px; background:#fff; display:flex; justify-content:center; align-items:center; margin-bottom:60px;}
.customer2_5 {background-image:url('/pub/images/img_customer2_05.jpg'); margin:0 !important;}

/* 보도자료 */
.news_top {background-image:url('/pub/images/img_news01.jpg');}
.news_board {display:flex; flex-wrap:wrap; gap:32px 40px;}
.news_board li {width:calc((100% - 120px)/4);}
.news_board li a {position:relative; display:block; height:400px; background:#f8f8f8; border-radius:30px; padding:40px;}
.news_board li span {display:block;}
.news_board li .cate {color:#0070BD; font-weight:700; line-height:25px; margin-bottom:30px;}
.news_board li .tt {font-size:20px; color:#333; font-weight:700; line-height:30px; height:60px; 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_board li .img {width:100%; height:145px; overflow:hidden; margin-top:20px; border-radius:20px;}
.news_board li .img img {width:100%; height:100%; object-fit:cover;}
.news_board li .date {position:absolute; bottom:40px; left:40px; font-size:16px; color:#727272; font-weight:300; line-height:20px;}

/* CI 가이드 */
.cibox {border:#ebebeb 1px solid; border-radius:30px; height:400px; display:flex; justify-content:center; align-items:center;}
.symbol {margin-top:30px;}
.symbol .tt {font-size:24px; color:#333; font-weight:700; line-height:1.4; margin-bottom:25px;}
.symbol strong {font-size:inherit !important;}
.signature {position:relative; margin:100px 0 150px; padding-top:100px; z-index:1;}
.signature:before {content:""; position:absolute; top:0; left:0; width:100%; height:480px; background:#F8F8F8; z-index:-1;}
.signature .stit {margin-bottom:20px;}
.signature .sig_box {display:flex; align-items:flex-end; justify-content:space-between;}
.signature .sig_box .btn_down {margin:0;}
.signature .ci_area {display:flex; gap:40px; margin-top:60px;}
.signature .ci_area dl {width:calc(50% - 20px);}
.signature .ci_area dt {background:#fff; border-radius:20px 20px 0 0; border:#EBEBEB 1px solid; border-bottom:0; height:270px; display:flex; justify-content:center; align-items:center; align-content:center; gap:55px; padding:0 50px;}
.signature .ci_area dt p {display:flex; flex-direction:column; gap:35px; align-items:flex-start;}
.signature .ci_area dd {color:#000; font-weight:600; line-height:60px; text-align:center; background:#F8F8F8; border:#EBEBEB 1px solid; border-radius:0 0 20px 20px;}
.color_palette {display:flex; flex-wrap:wrap; margin-bottom:150px;}
.color_palette li {flex:1 1 25%; height:160px; padding:24px; font-size:20px; color:#fff; font-weight:600; line-height:28px; font-family:'Poppins'; border-radius:0 !important;}
.color_palette li.c1 {background:#097C75;}
.color_palette li.c2 {background:#E65024;}
.color_palette li.c3 {background:#F5B01E;}
.color_palette li.c4 {background:#6EB444;}
.color_palette li.c5 {background:#118F82;}
.color_palette li.c6 {background:#83C7D9;}
.color_palette li.c7 {background:#0F569C;}
.color_palette li.c8 {background:#666465;}
.ci_color_set {overflow:hidden; padding-top:25px;}
.ci_color_set dl {border:#EBEBEB 1px solid; border-radius:30px; margin-top:35px; overflow:hidden;}
.ci_color_set dt {height:300px; display:flex; justify-content:center; align-items:center; padding:10px;}
.ci_color_set dd {color:#000; font-weight:600; line-height:60px; text-align:center; background:#F8F8F8; border-top:#EBEBEB 1px solid;}
.jade_green {margin:150px 0;}
.jade_green dl {display:flex; margin-bottom:60px;}
.jade_green dt {font-size:20px; color:#fff; font-weight:600; line-height:28px; width:150px; height:150px; background:#097C75; border-radius:50%; display:flex; justify-content:center; align-items:center; text-align:center;}
.jade_green dd {width:calc(100% - 150px); padding-left:40px;}
.jade_green dd .btxt strong {font-size:inherit;}
.jade_green .tbl col.jade {width:17%;}
.jade_green .tbl td {position:relative; line-height:26px; height:80px;}
.jade_green .tbl td.c:before {content:""; display:block; width:30px; height:30px; border-radius:50%; margin:0 auto;}
.jade_green .tbl td.c1:before {background:#009999;}
.jade_green .tbl td.c2:before {background:#3366CC;}
.jade_green .tbl td.c3:before {background:#99CC00;}
.jade_green .tbl td.c4:before {background:#CC6600;}
.jade_green .tbl td.c5:before {background:#999999;}
.jade_green .tbl td.c6:before {background:#ECEDE8;}
.application_items {display:flex; gap:40px; margin-top:60px;}
.application_items li {width:calc(50% - 20px);}
.application_items li .img {display:flex; align-items:flex-end; justify-content:center; padding:50px; background:#fff; height:360px; border-radius:30px;}
.application_items li p {color:#060606; font-weight:600; margin-top:25px; text-align:center;}

/* 홍보영상 */
.prvideo_top {background-image:url('/pub/images/img_prvideo01.jpg');}
.pop_video {width:1200px; max-width:100%; padding:55px 60px 60px;}
.pop_video .tit {font-size:32px; color:#000; font-weight:700; line-height:1.2; margin-bottom:20px;}
.pop_video .video {border-radius:30px; overflow:hidden;}
.pop_video iframe {max-width:100%;}

/* 사이버발전소 투어 */
.tour_wrap .jq_tab {padding:0 !important;}
.tour_wrap .jq_tab .hide_tab {position:absolute; top:0; left:0; width:0; height:0; z-index:1; overflow:hidden; font-size:0; display:none;}
.tour_wrap .video {background:#fff; box-shadow:rgba(0,0,0,.1) 0 10px 30px; padding:40px; border-radius:30px;}
.tour_wrap .video .inbox {position:relative; max-width:100%; margin:0 auto 40px; border-radius:30px; overflow:hidden;}
.tour_wrap .video .inbox video {max-width:100%;}
.tour_wrap .video .btn_replay {position:absolute; bottom:0; right:0; width:300px; height:120px; cursor:auto; font-size:0;}
.tour_wrap .video .btxt {text-align:center;}
.tour_wrap .btns {margin-top:60px; display:flex; gap:20px; justify-content:center;}
.tour_wrap .btns .btn {position:relative; display:block; width:320px; height:60px; line-height:58px; padding:0 30px; color:#EF7F00; background:#fff; border:#EF7F00 1px solid; border-radius:10px; text-align:left;}
.tour_wrap .btns .btn:after {content:""; position:absolute; top:0; right:30px; height:100%; background:#EF7F00; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain;}
.tour_wrap .btns .btn_print:after {width:20px; mask-image:url('/pub/images/icon_print.svg'); -webkit-mask-image:url('/pub/images/icon_print.svg');}
.tour_wrap .btns .btn_link:after {width:19px; mask-image:url('/pub/images/icon_link.svg'); -webkit-mask-image:url('/pub/images/icon_link.svg');}
.tour_wrap .btn_input {display:block; font-size:15px; color:#fff; font-weight:500; background:#000; width:200px; height:50px; line-height:50px; border-radius:25px; margin:0 auto; text-align:center;}

.tour_course {padding:46px 40px 40px; box-shadow:rgba(0,0,0,.1) 0 10px 30px; border-radius:30px;}
.tour_course .tit {border-bottom:#EBEBEB 1px dashed; display:flex; gap:16px; line-height:60px; margin-bottom:28px;}
.tour_course .tit .num {font-size:22px; color:#fff; font-weight:600; height:60px; width:60px; background:#0070BD; text-align:center;}
.tour_course .tit strong {font-size:32px; color:#000; font-weight:700;}
.tour_course .tit span {font-size:14px; color:#0070BD;}
.tour_course .con {display:flex;}
.tour_course .con dt {width:55%; height:703px; border:#EBEBEB 1px solid; border-radius:30px; overflow:hidden;}
.tour_course .con dt video,
.tour_course .con dt img {width:100%; height:100%; object-fit:contain;}
.tour_course .con dd {position:relative; width:45%; padding:40px 40px 140px;}
.tour_course .con span {display:block; font-size:14px; color:#EF7F00; font-weight:600; line-height:20px;}
.tour_course .con .tt {font-size:32px; color:#000; font-weight:700; line-height:38px; margin:10px 0 20px;}
.tour_course .con .btxt {margin-top:20px;}
.tour_course .con ol {margin-top:50px;}
.tour_course .con ol li {position:relative; color:#666; line-height:30px; padding:4px 0 4px 28px;}
.tour_course .con ol li i {position:absolute; top:10px; left:0; width:18px; height:18px; line-height:18px; font-size:10px; color:#fff; font-weight:700; text-align:center; background:#EF7F00; border-radius:50%;}
.tour_course .con .btm {position:absolute; bottom:0; left:0; width:100%; padding:0 40px 20px;}
.tour_course .con .btm .t {font-size:20px; color:#000; font-weight:700; line-height:24px; margin-bottom:20px; display:flex; gap:10px;}
.tour_course .con .btm .t .btn {font-size:15px; color:#666; line-height:22px; height:24px; width:100px; background:#fff; border:#ddd 1px solid; display:none;}
.tour_course .con .btm ul {display:flex; gap:13px;}
.tour_course .con .btm li {color:#767676; line-height:20px; height:50px; width:calc((100% - 39px)/4); border:#ddd 1px solid; border-radius:5px; text-align:center; transition:.2s linear; cursor:pointer; display:flex; justify-content:center; align-items:center;}
.tour_course .con .btm li.on {color:#fff; background:#EF7F00; border-color:#EF7F00;}
.tour_course .con .btm li button {display:flex; justify-content:center; align-items:center; color:inherit; height:48px; line-height:20px; white-space:normal;}
.tour_course .tabcon {display:none;}
.tour_course .tabcon.on {display:block;}
.tour_course .jeone_tab_wrap {position:relative; padding-right:50px;}
.tour_course .jeone_tab {position:absolute; top:0; right:0; width:50px; height:100%; display:flex; flex-direction:column; border-radius:0 10px 10px 0; overflow:hidden; border:#ddd 1px solid; border-left:0;}
.tour_course .jeone_tab li {height:50%; text-align:center; background:#ddd; display:flex; justify-content:center; align-items:center; cursor:pointer; transition:.2s linear;}
.tour_course .jeone_tab li.on {color:#000; background:#fff;}
.tour_course .jeone_con {border:#ddd 1px solid; padding:5px 0; border-right:0; border-radius:10px 0 0 10px;}
.tour_course .jeone_con .btxt {margin:0; padding:10px 20px 0;}
.tour_course .tabcon dl {display:flex; align-items:center;}
.tour_course .tabcon dt,
.tour_course .tabcon dd {line-height:20px; padding:5px 0 5px 20px; font-size:16px;}
.tour_course .tabcon dt {position:relative; width:120px; height:auto; border:0;}
.tour_course .tabcon dt:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background:#ddd;}
.tour_course .tabcon dd {width:calc(100% - 120px);}
.tour_course .tabcon .img {position:relative; height:200px; border:#ddd 1px solid; padding:5px; overflow:hidden; text-align:center; margin-top:10px; border-radius:10px; display:flex; gap:5px; display:none;}
.tour_course .tabcon .img li {flex:1 1 50%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.tour_course .tabcon .img img {max-width:100%; max-height:100%; object-fit:contain; margin:0 auto; border-radius:8px;}
.tour_course .tabcon .img img.cover {width:100%; height:100%; object-fit:cover;}
.tour_course .tabcon .img p {position:absolute; bottom:15px; right:15px; font-size:13px; color:#333; font-weight:500; line-height:20px; text-shadow:#fff 0 0 1px,#fff 0 0 1px,#fff 0 0 1px,#fff 0 0 1px,#fff 0 0 1px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px;}
.tour_course .tabcon .img p.s {position:relative; bottom:0; right:0; text-align:left; font-size:13px; line-height:20px; margin-top:10px; padding:0 10px;}
.tour_course .tabcon .img .btxt {margin-bottom:10px; padding-right:10px;}
.tour_course .tabcon .img dl {width:100%;}
.tour_course .tabcon .img dt {width:50px; padding-left:0; text-align:left;}
.tour_course .tabcon .img dd {width:calc(100% - 50px); padding-left:10px; text-align:left;}
.tour_course .jeone_tab_wrap.non {padding-right:0;}
.tour_course .jeone_tab_wrap.non .jeone_con {border:#ddd 1px solid; border-radius:10px;}
.tour_course .bdbox {border:#ddd 5px solid; border-radius:10px; padding:10px; margin:10px 0; text-align:center;}
.tour_course .tabcon71 p strong {margin-right:10px;}
.wrap-tab-contents_other {display:none;}

.tour_wrap .tbl th {width:240px; text-align:left; background:none; border-right:0; padding-left:30px;}
.tour_wrap .tbl td {text-align:left;}
.tour_wrap .tbl .text {max-width:100%; padding:0 20px;}
.tour_wrap .tbl .text::placeholder {color:#ddd;}
.tour_wrap .tbl .over_h {font-size:0;}
.tour_wrap .tbl .over_h * {font-size:18px; line-height:56px; display:inline-block; vertical-align:top;}
.tour_wrap .tbl .over_h label {font-size:0;}
.tour_wrap .tbl .w1 {width:520px;}
.tour_wrap .tbl .w2 {width:160px;}
.tour_wrap .tbl .w3 {width:240px;}
.tour_wrap .tbl .w4 {width:250px;}
.tour_wrap .tbl .w2 ~ span {width:20px; text-align:center;}
.tour_wrap .tbl .w3 + span {width:40px; text-align:center;}
.tour_wrap .tbl .w4 + span {width:40px; text-align:center;}
.tour_wrap .tbl select.w3 {margin-left:20px;}
.tour_wrap .tbl label.radio {margin-right:40px;}
.tour_wrap .tbl label.radio:last-child {margin-right:0;}
label.radio {position:relative; display:inline-block; vertical-align:top; font-size:18px; color:#333; padding-left:36px;}
label.radio input {display:none;}
label.radio i {position:absolute; top:0; left:0; width:24px; height:24px; border:#ddd 1px solid; border-radius:50%;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#EF7F00; border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
label.radio input:checked + i:before {width:8px; height:8px;}
.tour_wrap .gbox {padding:40px; text-align:center; margin:60px 0;}
.tour_wrap .btn_input {font-size:18px; color:#fff; font-weight:500; line-height:60px; height:60px; width:240px; border-radius:5px;}

/* 약관들 */
.fancybox-close {background:url('/pub/images/btn_close.svg') no-repeat 50% 50%;}
.popup_yak {padding:60px; font-size:18px; color:#666; line-height:34px; width:1200px; max-width:100%;}
.popup_yak .inbox {max-height:calc(100vh - 309px); overflow:auto;}
.popup_yak .tit {font-size:32px; color:#000; font-weight:700; line-height:38px; padding-bottom:40px; border-bottom:#ebebeb 1px solid; margin-bottom:40px;}
.popup_yak .tit span {display:block; font-size:14px; color:#EF7F00; font-weight:600; line-height:20px; margin-bottom:10px;}
.popup_yak .tt {font-size:20px; color:#000; font-weight:700; margin:40px 0 20px;}
.popup_yak .tt:first-child {margin-top:0;}
.popup_yak .t {color:#333; font-weight:700; margin:40px 0 0;}
.popup_yak li {padding-left:20px; text-indent:-20px;}
.popup_yak .gbox {padding:35px 40px; border-radius:10px;}
.jeboline {height:480px; background:url('/pub/images/bg_jeboline.jpg') no-repeat 50% 50% / cover; padding:110px 80px;}
.jeboline .tt {position:relative; font-size:32px; color:#fff; font-weight:400; line-height:46px; z-index:1; margin-bottom:60px;}
.jeboline .tt:before {content:""; position:absolute; top:-35px; left:-15px; width:80px; height:54px; background:url('/pub/images/icon_dda.svg') no-repeat 50% 50% / contain; z-index:-1;}
.jeboline ul {display:flex; flex-direction:column; gap:15px;}
.jeboline li {position:relative; padding-left:130px; color:#fff; line-height:20px;}
.jeboline li span {position:absolute; top:0; left:0; opacity:.5; padding-left:0; text-indent:0; display:flex; justify-content:space-between; width:70px;}
.jeboline li:before {content:""; position:absolute; top:50%; left:90px; width:1px; height:14px; margin-top:-7px; background:#fff; opacity:.2;}

.board_view small {display:block; font-size:14px; color:#333; line-height:22px; margin:10px 0; padding-left:30px; background:url('/pub/images/logo_caption.svg') no-repeat 0 1px / auto 20px;}