@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') #fff no-repeat right 10px center / 16px;
}
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.posr {position:relative;}
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:#54A022 !important;}
.green2 {color:#009095 !important;}
.blue {color:#096AB0 !important;}
.mint {color:#1b7762 !important;}
.pink {color:#DB2E61 !important;} /*E4557E*/
.pink2 {color:#E4557E !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:#54a022; 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 {position:absolute; top:0; left:0; opacity:0; 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:#54A022; 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 .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:#555; 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;}
.board_top.flex {display:flex; justify-content:space-between;}
.board_top.flex select.text {width:160px; height:50px; border:0; border-bottom:#333 2px solid; border-radius:0; font-size:18px; color:#333; font-weight:700; padding:0 10px;}

.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 td a {display:block;}
.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:#888; 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; font-size:0;}
.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:#003F8F; 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:#54A022; border-radius:50%; border-radius:50%; font-size:11px; color:#fff; font-weight:700; text-align:center;}
.board_list td.tal a span.tag{color:#fff; background:#003F8F; border-radius:5px; margin-right:15px; font-size:15px; display:inline; padding:5px 20px;}
.board_list td.tal a span.new{color:#fff; background:#E4557E; border-radius:25px; margin-left:10px; font-size:11px; font-weight:600; display:inline; padding:4px 6px;}

.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:#888 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 {text-align:center; padding-bottom:60px; border-bottom:#ebebeb 1px solid;}
.board_view .tit .cate {color:#003F8F; font-weight:700;}
.board_view .tit .tt {font-size:44px; color:#000; font-weight:700; line-height:50px; margin:20px 0 40px;}
.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 .con {padding:60px 0 140px;}
.board_view .con img {height:auto !important;}
/* .board_view .con table,.board_view .con table th,.board_view .con table td {border:1px solid #333;} */
.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:#003F8F; line-height:32px;}
.board_view .file dd a:hover{text-decoration:underline}
.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:#003F8F; 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:.55; 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;}

/* 글쓰기 */
.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 table.mb2 {margin-bottom:20px;}
.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;}
.filebutton.focus span {border:#EF7F00 2px solid;}
.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; overflow:hidden;}
.board_write .capcha .re {width:50px; border-radius:0 5px 5px 0; background:url('/pub/images/icon_re.svg') #FAFAFA no-repeat 50% 50%; font-size:0;}
.board_write .capcha .sound {width:50px; background:url('/pub/images/icon_sound.png') no-repeat 50% 50% / 50%; border-right:0; font-size:0;}
.board_write .capcha .text {width:200px; margin-left:10px;}

label.radio {position:relative; display:inline-block; vertical-align:top; font-size:18px; color:#333; padding-left:36px;}
label.radio input {position:absolute; top:0; left:0; width:20px; height:20px; opacity:0; z-index:-1;}
label.radio i {position:absolute; top:0; left:0; width:24px; height:24px; border:#ddd 1px solid; border-radius:50%;}
label.radio input:focus {opacity:1;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#54A022; border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
label.radio input:checked + i:before {width:8px; height:8px;}

.board_write .yak_area .text {height:100px; margin-bottom:20px; border:#ddd 1px solid; border-radius:5px; overflow:auto; padding:10px; line-height:1.4;}
label.check {position:relative; display:block; padding-left:30px; line-height:20px;}
label.check input {position:absolute; top:0; left:0; width:20px; height:20px; opacity:0; z-index:-1;}
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:focus {opacity:1;}
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:300px; 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_open {z-index:1;}
.header .btn_menu_close {z-index:0; opacity:0; display:none;}
.header.on .btn_menu_open {z-index:0; opacity:0; display:none;}
.header.on .btn_menu_close {z-index:1; opacity:1; display:block;}
.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.main_top.main_top_on {background:none; box-shadow:none;}
.header.main_top.main_top_on .logo {background:url('/pub/images/logo_w.svg') no-repeat 50% 50% / contain;}
.header.main_top.main_top_on .gnb li > a,
.header.main_top.main_top_on .langs dt {color:#fff;}
.header.main_top.main_top_on .langs dt:after {background:#fff;}

.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 > a > span {position:relative; display:inline-block; line-height:inherit;}
.header .gnb li > a > span:before,
.header .gnb li > a > span:after {content:""; position:absolute; width:0; transition:.2s linear;}
.header .gnb li > a > span:before {top:68px; right:-14px; height:10px; border-radius:50%; background:#fff;}
.header .gnb li > a > span:after {bottom:0; left:50%; height:2px; background:#54A022;}
.header .gnb li.on > a > span:before {width:10px;}
.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.menu_open .gnb li.g1 {width:140px;}
.header.menu_open .gnb li.g2 {width:170px;}
.header.menu_open .gnb li.g3 {width:200px;}
.header.menu_open .gnb li.g7 {width:140px;}
.header.menu_open .gnb li.g5 {width:140px;}
.header.menu_open .gnb li.g4 {width:140px;}
.header.menu_open .gnb li.g6 {width:180px;}
.header.fixed .gnb li > a,
.header.main .gnb li > a {color:#222;}
.header .gnb li.on > a {color:#fff;}
.header.fixed .gnb li.on > a {color:#222;}
/* .header.fixed .gnb li.on > a {color:#00836a;} */
.header .langs {position:absolute; top:0; right:180px;}
.header .langs dt {position:relative; font-size:18px; color:#fff; font-weight:700; line-height:180px; width:42px; 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 {position:absolute; top:0; left:0; color:inherit; font-weight:inherit; line-height:178px; vertical-align:top;}
.header .langs dt button.lang_open {z-index:1;}
.header .langs dt button.lang_close {z-index:0; opacity:0; display:none;}
.header .langs.on dt button.lang_open {z-index:0; opacity:0; display:none;}
.header .langs.on dt button.lang_close {z-index:1; opacity:1; display:block;}
.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%; max-width:100%; /* height:0; overflow:hidden; */ display:none; transition:.2s linear; transition-delay:.2s;}
.header .gnb li.g1 .snb {width:140px;}
.header .gnb li.g2 .snb {width:170px;}
.header .gnb li.g3 .snb {width:200px;}
.header .gnb li.g4 .snb {width:140px;}
.header .gnb li.g5 .snb {width:140px;}
.header .gnb li.g6 .snb {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:#54A022; font-weight:700;}
.header .gnb .bg {position:absolute; top:-530px; left:0; width:100%; height:530px; background:#fff; transition:.2s linear; transition-delay:.1s; z-index:-1; overflow:hidden;}
.header .gnb .bg:before {content:""; position:absolute; top:100px; left:0; width:100%; height:100%; background:url('/pub/images/bg_gnb.svg') no-repeat 0 100% / auto 430px; opacity:.07; filter:grayscale(.5);}
.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: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.on .logo,
.header.fixed.on .logo {background-image:url('/pub/images/logo.svg');}
.header.fixed .gnb li > a,
.header.fixed .langs dt {line-height:100px; height:100px;}
.header.fixed .gnb li > a > span:before {background:#54A022; top:30px;}
.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, #588d19 0%, #009095 53%, #003F8F 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:400; line-height:42px; padding:25px 80px;}
.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 {font-weight:600;}
.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 .g4 .snb {top:-300%;}
.header .sitemap .g5 .snb {top:-400%;}
.header .sitemap .g6 .snb {top:-500%;}
.header .sitemap .g7 .snb {top:-500%;}
.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:#666; 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 > ul > li.menu_close {position:absolute; bottom:0; right:0; font-size:0; width:0; height:0;}
.header .sitemap .menu > ul > li.menu_close > a {position:absolute; bottom:0; right:0; width:200px; font-size:0; padding:0; justify-content:center;}
.header .sitemap .menu > ul > li.menu_close > a:after {display:none;}
.header .sitemap .menu > ul > li.menu_close > a:focus {font-size:15px; padding:10px 20px; background:#003F8F; opacity:1;}

.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 !important;}
.footer:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0006;}
	/* gotop 때문에 생성 */
.footer.main {z-index:2 !important;}

.footer .inner {position:relative; display:flex; z-index:2;}
.footer .inner > * {width:50%;}
.footer .left .logo {display:block; width:300px; height:58px; background:url('/pub/images/flogo.svg') no-repeat 0 0 / contain; margin-bottom:40px; font-size:0;}
.footer .left .fh_tit {font-size:44px; color:#fff; font-weight:600; line-height:50px;}
.footer .left .cs {display:flex; gap:17px; margin:70px 0 30px;}
.footer .left .cs > * {font-size:16px; color:#fff;}
.footer .left .cs dt {font-weight:900;}
.footer .left .links {display:flex; gap:50px;}
.footer .left .links a {position:relative; font-size:16px; color:#fff; font-weight:500; line-height:28px;}
.footer .left .links a strong {display:block; font-size:18px; font-weight:800; border-bottom:#fff 1px solid;}
.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:40px 0;}
.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 .right {position:relative; display:flex; flex-direction:column; align-items:flex-end;}
.footer .right .sitemap {display:flex; gap:60px;}
.footer .right .sitemap li {text-align:right;}
.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:#fff; font-weight:400; line-height:25px;}
.footer .right .webwatch {position:absolute; bottom:-10px; right:250px; width:120px;}
.footer .right .family {position:relative; margin:200px 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; height:42px; width:233px; border-radius:21px; padding:0 22px; z-index:1;  cursor:pointer;}
.footer .right .family dt:before{content:""; position:absolute; top:-30px; right:-10px; width:100px; height:100px; background:#00a182; border-radius:50%; z-index:-1;}
.footer .right .family dt:after {content:""; position:absolute; top:50%; right:22px; display:block; width:13px; height:13px; background:url('/pub/images/arrow_family.svg') no-repeat 50% 50% / contain; transform:translateY(-50%) rotate(45deg);}
.footer .right .family dt button {position:absolute; top:0; right:0; display:block; color:#fff; line-height:inherit; background:inherit; padding-right:46px;}
.footer .right .family dt button.family_open {z-index:1;}
.footer .right .family dt button.family_close {z-index:0; opacity:0; display:none;}
.footer .right .family.on dt button.family_open {z-index:0; opacity:0; display:none;}
.footer .right .family.on dt button.family_close {z-index:1; opacity:1; display:block;}
.footer .right .family dd {position:absolute; bottom:42px; left:0; width:100%; background:#fff; border-radius:20px; padding:15px 26px; z-index:1; 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 > * {width:90px; height:90px; border-radius:50%;}
.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:#cb2a58; 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') #E4557E 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:#E4557E99 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 {}

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

.mvisual_wrap_fix {position:relative; height:calc(100vh + 100px); z-index:0;}
.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% - 230px); 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:300px; 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% - 230px); 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;}
.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') #F43D6D 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:#54A02299; 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.jpg'); background-position:70% 50%;}
.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; 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:#bf5900; 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 50%; 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.png');}
.m_business .list_box .a3 {margin-top:-250px;}
.m_business .list_box .a3 .icon {background-image:url('/pub/images/icon_mc01_03.png');}
.m_business .list_box .a4 .icon {background-image:url('/pub/images/icon_mc01_04.png');}
/* .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); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); 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; border-radius:inherit;}
.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;}
.m_management .list li a:focus {border:#EF7F00 2px solid; overflow:hidden; border-radius:inherit;}
	/* 모션 시작 */
.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_ani .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:#F43D6D;}
.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;}

/* 서브 공통 */
.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:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0006;}
.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/svisual0401.png');}
.svisual.g05 {background-image:url('/pub/images/svisual0501.png');}
.svisual.g06 {background-image:url('/pub/images/svisual0601.jpg');}
.svisual.g07 {background-image:url('/pub/images/svisual07.jpg');}
.svisual.g10 {background-image:url('/pub/images/svisual10.jpg');}
.svisual .point_svisual {position:absolute; top:100px;}
.svisual .inner {position:relative; height:100%; padding-bottom:140px; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; transition:.5s linear; z-index:1;}
.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; cursor:pointer;}
.svisual .location dt span {position:absolute; font-size:0; width:0; height:0;}
.svisual .location dt button {position:relative; display:block; color:#fff; padding-right:28px;}
.svisual .location dt button: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 dt button.location_open {z-index:1;}
.svisual .location dt button.location_close {z-index:0; opacity:0; display:none;}
.svisual .location .on dt button.location_open {z-index:0; opacity:0; display:none;}
.svisual .location .on dt button.location_close {z-index:1; opacity:1; display:block;}
.svisual .location .on dt button: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:#54A022;}
.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;}
.container .link_point.point_main {top:-300px;}
.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:#6f6f6f; 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:#595959; 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:#003F8F; 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:#003F8F; 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 a,
.container .jq_tab.tab_type2 li button {line-height:20px; padding:20px; color:#555; background:#F8F8F8;}
.container .jq_tab.tab_type2 li a:after,
.container .jq_tab.tab_type2 li button:before {display:none;}
.container .jq_tab.tab_type2 li.active a,
.container .jq_tab.tab_type2 li.active button,
.container .jq_tab.tab_type2 li.on button {color:#fff; background:#003F8F;}

.container .jq_tab.tab_type2.tab_one li { width:100% !important;}
.container .jq_tab.tab_type2.tab_one li:hover a {color:#fff; background:#003F8F;}

.container .jq_tabonoff {position:relative;}
.container .jq_tabonoff #link_point {position:absolute; top:-346px;}
.container .jq_tab2 {position:relative; padding:0 120px; display:flex; justify-content:center; border-bottom:#ebebeb 1px solid; margin:-20px 0 100px;}
.container .jq_tab2.inner {max-width:1520px; margin:-20px auto 100px;}
.container .jq_tab2 li {width:25%;}
.container .jq_tab2 button,
.container .jq_tab2 li a,
.container .jq_tab2 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_tab2 button:before,
.container .jq_tab2 li a:before,
.container .jq_tab2 li button:before {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:2px; background:#003F8F; transition:.2s linear;}
.container .jq_tab2 button.active,
.container .jq_tab2 li.active button,
.container .jq_tab2 li.on a,
.container .jq_tab2 li.on button {color:#003F8F; font-weight:700;}
.container .jq_tab2 button.active:before,
.container .jq_tab2 li.active button:before,
.container .jq_tab2 li.on a:before,
.container .jq_tab2 li.on button:before {left:0; width:100%;}

.container .jq_tab2.tab_type2 {padding:0; gap:16px; border:0; margin:0 auto 100px;}
.container .jq_tab2.tab_type2 li {width:calc(50% - 8px);}
.container .jq_tab2.tab_type2 li button {line-height:20px; padding:20px; color:#595959; background:#F8F8F8;}
.container .jq_tab2.tab_type2 li button:before {display:none;}
.container .jq_tab2.tab_type2 li.active button,
.container .jq_tab2.tab_type2 li.on button {color:#fff; background:#003F8F;}

.container .jq_tab2.tab_type2 {padding:0; gap:16px; border:0; margin:0 auto 100px;}
.container .jq_tab2.tab_type2 li {width:calc(50% - 8px);}
.container .jq_tab2.tab_type2 li button {line-height:20px; padding:20px; color:#595959; background:#F8F8F8;}
.container .jq_tab2.tab_type2 li button:before {display:none;}
.container .jq_tab2.tab_type2 li.active button,
.container .jq_tab2.tab_type2 li.on button {color:#fff; background:#003F8F;}

.container .jq_tabonoff {position:relative;}
.container .jq_tabonoff #link_point {position:absolute; top:-346px;}
.container .jq_tab3 {position:relative; padding:0 120px; display:flex; justify-content:center; border-bottom:#ebebeb 1px solid; margin:-20px 0 100px;}
.container .jq_tab3.inner {max-width:1520px; margin:-20px auto 100px;}
.container .jq_tab3 li {width:25%;}
.container .jq_tab3 button,
.container .jq_tab3 li a,
.container .jq_tab3 li button {position:relative; width:100%; height:64px; font-size:20px; color:#595959; font-weight:500; line-height:1.2; text-align:center; display:flex; justify-content:center; align-items:center; white-space:normal;}
.container .jq_tab3 button:before,
.container .jq_tab3 li a:before,
.container .jq_tab3 li button:before {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:2px; background:#003F8F; transition:.2s linear;}
.container .jq_tab3 button.active,
.container .jq_tab3 li.active button,
.container .jq_tab3 li.on a,
.container .jq_tab3 li.on button {color:#003F8F; font-weight:700;}
.container .jq_tab3 button.active:before,
.container .jq_tab3 li.active button:before,
.container .jq_tab3 li.on a:before,
.container .jq_tab3 li.on button:before {left:0; width:100%;}
.container .jq_tab3.tab_type2 {padding:0; gap:16px; border:0; margin:0 auto 100px;}
.container .jq_tab3.tab_type2 li {width:calc(50% - 8px);}
.container .jq_tab3.tab_type2 li button {line-height:20px; padding:20px; color:#555; background:#F8F8F8;}
.container .jq_tab3.tab_type2 li button:before {display:none;}
.container .jq_tab3.tab_type2 li.active button,
.container .jq_tab3.tab_type2 li.on button {color:#fff; background:#003F8F;}
.container .jq_tab3.tab_type2 {padding:0; gap:16px; border:0; margin:0 auto 100px;}
.container .jq_tab3.tab_type2 li {width:calc(50% - 8px);}
.container .jq_tab3.tab_type2 li button {line-height:20px; padding:20px; color:#595959; background:#F8F8F8;}
.container .jq_tab3.tab_type2 li button:before {display:none;}
.container .jq_tab3.tab_type2 li.active button,
.container .jq_tab3.tab_type2 li.on button {color:#fff; background:#003F8F;}
.tab-contents {display:none;}
.tab-contents.active {display:block;}
.tab-contents2 {display:none;}
.tab-contents2.active {display:block;}
.tab-contents3 {display:none;}
.tab-contents3.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 + p.s,
.tbl table + p,
.board_write + p {font-size:16px; color:#767676; font-weight:300; line-height:26px; margin-top:20px;}
.board_write + p b {color:#333;}
.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;}

/* CEO 인사말 */
.greeting {display:flex; align-items:flex-end;}
.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:#54A022 1px solid;}
.greeting .txt .tit strong {position:relative;}
.greeting .txt .tit strong:first-child:after {content:""; position:absolute; top:-38px; right:-86px; width:64px; height:58px; background:url('/pub/images/logo_solo.svg') no-repeat 50% 50% / contain;}
.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:600px;}
.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:1100px; 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;}
.vision_wrap .img .gtit {margin-bottom:40px;}
.vision_wrap .core_value {position:relative; display:flex; gap:20px; justify-content:center; padding-bottom:25px;}
.vision_wrap .core_value:before {content:""; position:absolute; top:161px; left:0; left:50%; width:70%; height:3px; background:#2BADAD; transform:translate(-50%,0);}
.vision_wrap .core_value li {position:relative; width:326px; border:1px solid; border-radius:200px; z-index:1; background:#fff; padding:16px 16px 40px;}
.vision_wrap .core_value li:after {content:""; position:absolute; bottom:-25px; left:0; width:100%; height:100%; background:url('/pub/images/arrow_core_value.svg') no-repeat bottom center / contain; z-index:-1;}
.vision_wrap .core_value li .round {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; font-size:20px; color:#fff; font-weight:600; border:20px solid; border-radius:50%; width:290px; height:290px; max-width:290px; max-height:290px;}
.vision_wrap .core_value li .round strong {font-size:24px; line-height:40px; margin-top:24px;}
.vision_wrap .core_value li i {display:block; width:100%; height:62px; background:no-repeat 50% 50%; margin-top:50px;}
.vision_wrap .core_value li p {font-size:20px; color:#333; font-weight:600; line-height:30px; height:150px; display:flex; justify-content:center; align-items:center; text-align:center; padding:0 40px; margin:0;}
.vision_wrap .core_value li.c1 {border-color:#C3E8D8;}
.vision_wrap .core_value li.c1 .round {border-color:#59CC9D; background:#179b72;}
.vision_wrap .core_value li.c1 i {background-image:url('/pub/images/icon_core_value01.svg');}
.vision_wrap .core_value li.c2 {border-color:#C3E4E8;}
.vision_wrap .core_value li.c2 .round {border-color:#4CCAD0; background:#1c8f8f;}
.vision_wrap .core_value li.c2 i {background-image:url('/pub/images/icon_core_value02.svg');}
.vision_wrap .core_value li.c3 {border-color:#C3DBE8;}
.vision_wrap .core_value li.c3 .round {border-color:#3FA1C6; background:#1b748f;}
.vision_wrap .core_value li.c3 i {background-image:url('/pub/images/icon_core_value03.svg');}
.vision_wrap .core_value li.c4 {border-color:#C3CDE8;}
.vision_wrap .core_value li.c4 .round {border-color:#175E8E; background:#145072;}
.vision_wrap .core_value li.c4 i {background-image:url('/pub/images/icon_core_value04.svg');}

/* 브랜드가치 */
.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:#E4557E; 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:#54A022; border:#54A022 1px solid; padding:19px 30px;}
.btn_down.bd:after {background:#54A022;}

/* 연혁 */
.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:#E4557E; border-radius:50%; z-index:-1;}

.history_top {background-image:url('/pub/images/img_history01.jpg');}
.history_top .txt p:before {background:#54A022;}
.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; display:flex; flex-direction:column; gap:60px;}
.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:#003F8F; 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 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:#555;}
.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:#cb446a; 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:#555; 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)); height:100%; max-width:100vw; 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:#666; 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 dl {border-bottom:#ebebeb 1px solid;}
.directions_wrap .map_txt dl:last-child{border-bottom:unset;}
.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 dd.dots p strong:before {top:13px; left:5px; width:4px; height:4px; background:#003F8F; border-radius:50%;}
.directions_wrap .map_txt .i2 dt:before {background-image:url('/pub/images/icon_location02.svg');}
.directions_wrap .map_txt .i3 dt:before {background-image:url('/pub/images/icon_location03.svg');}
.directions_wrap .map_txt .i4 dt:before {background-image:url('/pub/images/icon_location04.svg');}
.map_area {width:100%; height:720px;}
.map_area > div > div > div:nth-child(6) > div:nth-child(2) {background:none !important; border:none !important;}
.map_area > div > div > div:nth-child(6) > div:nth-child(2) > div:nth-child(1) {display:none;}
.map_area.off > div > div > div:nth-child(6) > div:nth-child(2) {display:none !important;}

.map_info {position:relative; width:478px; height:238px; background:url('/pub/images/bg_map_info.svg') no-repeat 50% 50% / 538px; padding:30px;}
.map_area.off .map_info {display:none;}
.map_info .tit {position:relative; font-size:24px; color:#000; font-weight:700; line-height:29px;}
.map_info .close {position:absolute; top:0; right:0; width:20px; height:20px; background:url('/pub/images/icon_close.svg') no-repeat 50% 50% / contain;}
.map_info p {font-size:18px; color:#000; margin:8px 0;}
.map_info strong {display:block; font-size:24px; color:#54A020; font-weight:600; line-height:29px;}
.map_info .btns {margin-top:26px; display:flex; justify-content:space-between;}
.map_info .btns .left {display:flex; border:#ddd 1px solid; border-radius:10px; background:#fff;}
.map_info .btns .left a {flex:1 1 auto; font-size:14px; color:#555; font-weight:500; line-height:38px; padding:0 20px; border-left:#ddd 1px solid;}
.map_info .btns .left a:first-child {border-left:0;}
.map_info .btns .right a {display:block; font-size:18px; color:#fff; font-weight:500; line-height:40px; height:40px; background:#E4557E; border-radius:10px; padding:0 28px;}

/* 전력사업 */
.power_top {background-image:url('/pub/images/img_power01.jpg');}
.power_middle {padding-bottom:150px;}
.power_middle .stit {margin:0 0 60px;}
.power_middle .hf_txt {padding-right:40px;}
.power_middle .hf_txt p.big {margin-bottom:40px;}
.power_middle .hf_con {padding-left:40px;}
.power_middle .hf_con img {border-radius:30px;}
.power_middle .hf_con p {color:#060606; font-weight:600; text-align:center; margin-top:20px;}
.horizontal_ul {display:flex; margin-top:80px;}
.horizontal_ul li .img {border-radius:30px; overflow:hidden;}
.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; letter-spacing:-1.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:auto;}
.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:#003F8F; 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 {display:flex; gap:70px; margin-bottom:150px;}
.horizontal_dl dt {position:relative; width:490px;}
.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;}
.horizontal_dl dd {width:calc(100% - 560px); height:440px; 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 {display:flex; gap:30px;}
.bg_heating_cooling .icons li {width:calc((100% - 120px)/5); height:280px; padding-top:40px; text-align:center; background:rgba(0,0,0,.2); border-radius:10px;}
.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:36px;}
.facility_status2 .con li .t {color:#003F8F; font-weight:700; line-height:22px; margin-bottom:10px;}
.facility_status2 .con li span {display:inline-block; vertical-align:top; margin-right:20px;}
.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;}

.heating_cooling_box > * {margin-bottom:150px;}
.heating_cooling_box .top_box {height:700px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:no-repeat 50% 50% / cover;}
.heating_cooling_box .top_box .tit {position:relative; font-size:42px; color:#fff; font-weight:700; line-height:50px; padding-top:20px; margin-bottom:60px;}
.heating_cooling_box .top_box .tit:before {content:""; position:absolute; top:0; left:50%; width:30px; height:2px; background:#fff; transform:translate(-50%,0);}
.heating_cooling_box .top_box p {color:#fff; padding:0 10%;}
.heating_cooling_box .heating .top_box {background-image:url('/pub/images/bg_heating.jpg');}
.heating_cooling_box .cooling .top_box {background-image:url('/pub/images/bg_cooling.jpg');}
.heating_cooling_box ul {display:flex; flex-wrap:wrap; gap:40px; margin-top:90px;}
.heating_cooling_box li {position:relative; width:calc((100% - 80px)/3); height:240px; border-radius:10px; display:flex; flex-direction:column; justify-content:center; padding:0 20px 0 180px;}
.heating_cooling_box li i {position:absolute; top:calc(50% - 40px); left:50px; width:80px; height:80px; background:#fff no-repeat 50% 50%; border-radius:50%;}
.heating_cooling_box li strong {display:block; font-size:20px; color:#000; font-weight:700; line-height:24px; margin-bottom:20px;}
.heating_cooling_box li p {font-size:16px; color:#000; line-height:26px;}
.heating_cooling_box .heating li {background:#FFF9F9;}
.heating_cooling_box .cooling li {background:#F2F6FC;}
.heating_cooling_box li.i1 i {background-image:url('/pub/images/icon_heat_cool01.svg');}
.heating_cooling_box li.i2 i {background-image:url('/pub/images/icon_heat_cool02.svg');}
.heating_cooling_box li.i3 i {background-image:url('/pub/images/icon_heat_cool03.svg');}
.heating_cooling_box li.i4 i {background-image:url('/pub/images/icon_heat_cool04.svg');}
.heating_cooling_box li.i5 i {background-image:url('/pub/images/icon_heat_cool05.svg');}
.heating_cooling_box li.i6 i {background-image:url('/pub/images/icon_heat_cool06.svg');}
.heating_cooling_box li.i7 i {background-image:url('/pub/images/icon_heat_cool07.svg');}
.heating_cooling_box li.i8 i {background-image:url('/pub/images/icon_heat_cool08.svg');}

.grapth_wrap {position:relative; padding:90px 0 150px; margin-top:60px; z-index:1;}
/* 240821 임시 주석처리 
.grapth_wrap:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:400px; background:#F8F8F8; transform:translate(-50%,0); z-index:-1;} */
.grapth_wrap .point_grapth_start {position:absolute; top:60vh;}
.grapth_wrap .grapth_area {display:flex; gap:60px;}
.grapth_wrap .grapth_area .box {width:calc(50% - 30px); padding:40px; background:#fff; border-radius:30px; box-shadow:rgba(0,0,0,.06) 0 10px 20px;}
.grapth_wrap .grapth_area .tit {font-size:20px; color:#000; font-weight:600; line-height:24px; margin-bottom:-30px;}
.grapth_wrap .grapth_area .tit .dan {font-size:16px; color:#555; font-weight:400; margin-top:8px;}
.grapth_wrap .grapth_area .grapth {padding:0 45px; max-width:570px; margin:0 auto 30px; border-bottom:#ddd 1px solid;}
.grapth_wrap .grapth_area .grapth ul {display:flex; align-items:flex-end; height:290px;}
.grapth_wrap .grapth_area .grapth li {position:relative; width:20%; height:100%; padding:0 25px; display:flex; align-items:flex-end; justify-content:center;}
.grapth_wrap .grapth_area .grapth p {position:absolute; bottom:-30px; left:0; width:100%; font-size:16px; color:#333; font-weight:500; line-height:20px; text-align:center;}
.grapth_wrap .grapth_area .grapth .bar {position:relative; width:40px; height:0; background:#767676; border-radius:20px 20px 0 0; transition:.5s linear;}
.grapth_wrap .grapth_area .grapth .bar span {position:absolute; top:-30px; left:0; width:100%; font-size:18px; color:#767676; text-align:center;}
.grapth_wrap .grapth_area .grapth li.c .bar {background:linear-gradient(#cb446a,#FEC1D2);}
.grapth_wrap .grapth_area .grapth li.c .bar span {color:#cb446a; font-weight:700;}

.tbd_wrap .stit {margin-bottom:0;}
.tbd_area {display:flex;}
.tbd_area.center {align-items:center;}
.tbd_area .tbl {width:50%;}
.tbd_area .tbl th,
.tbd_area .tbl td {padding:9px 10px; border-bottom:#EBEBEB 1px solid; border-right:0;}
.tbd_area .tbl tfoot td {color:#cb446a; font-weight:600; background:#FFF9F9;}
.tbd_area .tbl col.wtb1 {width:12%;}
.tbd_area .tbl col.wtb2 {width:24%;}
.tbd_area .tbl col.wtb3 {width:32%;}
.tbd_area .map {width:50%; padding-left:0px;}
.tbd_area .map span {position:relative; display:inline-block; font-size:0;}
.tbd_area .map01 img { width:100%; display:block; margin:auto; max-width:300px;     height:100%;
	object-fit:contain;}

/* 신재생에너지 사업 */
.renewable_top {background-image:url('/pub/images/img_renewable_energy01.jpg');}
.status_link {margin-top:130px;}
.status_link a {display:block; padding:5px 0;}
.status_link a span {position:relative; display:inline-block; vertical-align:top; color:#767676; line-height:30px; transition:.2s linear;}
.status_link a span:before {content:""; position:absolute; bottom:0; right:0; width:0; height:2px; background:#003F8F;}
.status_link a.on span {color:#003F8F; font-weight:700;}
.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 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:-120px;}
.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.png');}
.energy_efficiency_top .txt {padding-top:390px;}
.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); max-height:530px;}
.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;}

/* ESG 추진체계 */
.promotion_system_wrap {position:relative;}
.promotion_system_wrap .point {position:absolute; top:750px;}
.promotion_system_top {position:relative; margin-bottom:170px;}
.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;}
.manager {display:flex; justify-content:flex-end; gap:23px; margin-top:20px;}
.manager dt {position:relative; color:#0072BC; font-weight:700;}
.manager dt:after {content:""; position:absolute; top:50%; right:-12px; width:1px; height:16px; background:#707070; transform:translate(0,-50%);}
.manager dd {color:#666; display:flex;}
.manager dd strong {color:#333;}
.manager dd i {width:40px; background:url('/pub/images/icon_mail.svg') no-repeat 50% 50%; font-size:0;}

/* 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; overflow:hidden; transition:none;}
.gs_policy_dl dt a.dl_close,
.gs_policy_dl .on dt a.dl_open {width:0; height:0; padding:0; display:none;}
.gs_policy_dl .on dt a.dl_close {width:100%; height:auto; padding:40px 120px 40px 20px; 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:#3e816a;}
.gs_policy_dl dd .step_box li.c2 {background:#637e30;}
.gs_policy_dl dd .step_box li.c3 {background:#247caf;}
.gs_policy_dl dd .step_box li.c4 {background:#003F8F;}
.gs_policy_dl dd .step_box li.c5 {background:#023E67;}
.gs_policy_dl dl.c1 .tit,
.gs_policy_dl dl.c1 .color {color:#3e816a;}
.gs_policy_dl dl.c1 ol .t i {background:#003F8F;}
.gs_policy_dl dl.c2 .tit,
.gs_policy_dl dl.c2 .color {color:#4c7b14;}
.gs_policy_dl dl.c2 ol .t i {background:#4c7b14;}
.gs_policy_dl dl.c3 .tit,
.gs_policy_dl dl.c3 .color {color:#ad5c00;}
.gs_policy_dl dl.c3 ol .t i {background:#ad5c00;}

/* 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; display:none;}

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

.environmental_area1 .ip_wrap {margin-bottom:50px;}
.environmental_area1 .ip_wrap .tit {width:calc(50% - 40px);}

.environmental_wrap_b .shadow_txt {bottom:auto; top:140px;}
.environmental_wrap_b .btxt.mt {margin:100px 0 30px;}
.environmental_area_b1 {padding-bottom:150px;}
.environmental_area_b1 p.b {}
.environmental_area_b1 p.annotation {font-size:16px; color:#555 /*#999*/; font-weight:300; margin:20px 0 0;}
.environmental_area_b1 .gl_box {border:#ebebeb 1px solid; border-radius:30px; padding:40px;}
.emission_status .flex {display:flex; gap:40px;}
.emission_status dl {display:flex; flex-direction:column; gap:25px; width:calc((100% - 80px)/3);}
.emission_status.set2 dl {width:calc((100% - 40px)/2);}
.emission_status dl .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 .c1 .tt {background:#065121;}/*#2B8A4D*/
.emission_status dl .c2 .tt {background:#043d19;}
.emission_status dl .c3 .tt {background:#204902;}/* #54A020 */
.emission_status dl .c4 .tt {background:#083d5d;}
.emission_status dl .c5 .tt {background:#002037;}
.emission_status dd .ico_box {position:relative; background:#f8f8f8; border-radius:10px; padding:40px; height:190px; display:flex; flex-direction:column; gap:16px;}
.emission_status dd .ico_box > div {display:flex;}
.emission_status dd .ico_box > div i {display:block; background:#999;}
.emission_status dd .ico_box .b,
.emission_status dd .ico_box .m {gap:10px;}
.emission_status dd .ico_box .s {gap:3px;}
.emission_status 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:#555; font-weight:300; line-height:20px; margin-top:10px;}
.emission_status 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 dd .leafbox .b i {width:31px; height:37px;}
.emission_status dd .leafbox .m i {width:21px; height:26px;}
.emission_status dd .leafbox .s i {width:15px; height:18px;}
.emission_status dd.c1 .leafbox > div i {background:#065121;}
.emission_status dd.c1 .leafbox .count {color:#065121;}
.emission_status dd.c2 .leafbox > div i {background:#043d19;}
.emission_status dd.c2 .leafbox .count {color:#043d19;}/* #78BC28 */
.emission_status dd.c3 .leafbox > div i {background:#204902;}
.emission_status dd.c3 .leafbox .count {color:#204902;}
.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 dt .ico {border-color:rgba(0,112,189,.12); background-image:url('/pub/images/icon_emission2.svg');}
.emission_status 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 dd .waterbox .b i {width:24px; height:37px;}
.emission_status dd .waterbox .m i {width:17px; height:26px;}
.emission_status dd .waterbox .s i {width:12px; height:18px;}
.emission_status dd.c4 .waterbox > div i {background:#083d5d;}
.emission_status dd.c4 .waterbox .count {color:#083d5d;}
.emission_status dd.c5 .waterbox > div i {background:#767676;}
.emission_status dd.c5 .waterbox .count {color:#333;}

.emission_round_img {margin-top:100px; border-radius:30px; overflow:hidden;}

.environmental3_top {background-image:url('/pub/images/img_environmental3_01.jpg');}
.environmental_wrap_c .ip_wrap .tit {width:50%; padding-right:40px;}
.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;}
.environmental_wrap_c .en_arwarp2 .shadow_txt {position:relative; margin-top:80px;}
.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 .en_arwarp2 .img {margin-top:50px; padding:80px 40px 60px; text-align:center; border:#ebebeb 1px solid; border-radius:30px;}
.environmental_wrap_c .st_half5 .hf_txt p {padding:30px 0 40px;}
.environmental_wrap_c .st_half5 .hf_con.bdrs img {border-radius:30px;}
.environmental_wrap_c .en_arwarp4 {padding-top:150px;}
.environmental_wrap_c .en_arwarp4 p.big {margin:90px 0 30px;}
.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_a_top {background-image:url('/pub/images/social_a01.jpg');}
.social_a_top .txt {padding-top:300px;}
.social_wrap .ip_wrap .tit {padding-bottom:190px; width:50%;}
.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-bottom:90px;}
.social_a2:before {content:""; position:absolute; top:140px; width:100%; height:230px; background:#F8F8F8;}
.social_a2 .inner {position:relative; display:flex; justify-content:space-between; z-index:1;}
.social_a2 .inner:before {content:""; position:absolute; top:138px; left:20px; width:50%; border-bottom:#337BBB 3px dashed; z-index:-1;}
.social_a2 .icon,
.social_a2 li {width:280px; height:280px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:50%;}
.social_a2 .icon {background:#eee;}
.social_a2 .icon p {font-size:24px; color:#333; font-weight:700; margin-top:8px;}
.social_a2 ul {display:flex; gap:40px;}
.social_a2 li {position:relative; gap:30px; text-align:center; padding:0 30px;}
.social_a2 li:before {content:""; position:absolute; top:0; left:-40px; width:40px; height:100%; background:url('/pub/images/arrow_social_lr.svg') no-repeat 50% 50%;}
.social_a2 li:first-child:before {display:none;}
.social_a2 li .tt {font-size:32px; color:rgba(255,255,255,.8); font-weight:700; line-height:37px;}
.social_a2 li p {font-size:18px; color:#fff; line-height:24px;}
.social_a2 li.c1 {background:#00447f;}
.social_a2 li.c2 {background:#458d14;}
.social_a2 li.c3 {background:#c74067;}
.social_a3 {padding-top:120px;}
.social_a3 .gl_box {margin-bottom:40px;}
.social_a3 .dots_box {position:relative; border:rgba(153,153,153,.8) 1px dashed; border-radius:180px; padding:75px 70px;}
.social_a3 .dots_box .step {position:relative; display:flex; gap:calc((100% - 1000px)/4);}
.social_a3 .dots_box .step:before {content:""; position:absolute; top:calc(50% - 3px); left:0; width:100%; height:5px; background:#ddd;}
.social_a3 .dots_box .step li {position:relative; width:200px; height:200px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; z-index:1;}
.social_a3 .dots_box .step li:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff no-repeat 50% 50% / auto 100%; z-index:-1; border-radius:50%;}
.social_a3 .dots_box .step i {display:block; width:100%; height:48px; background:no-repeat 50% 50%;}
.social_a3 .dots_box .step p {font-size:18px; color:#333; font-weight:500; line-height:22px;}
.social_a3 .dots_box .step .c1:before {background-image:url('/pub/images/icon_social_ar01.svg');}
.social_a3 .dots_box .step .c1 i {background-image:url('/pub/images/icon_social_a31.svg');}
.social_a3 .dots_box .step .c2:before {background-image:url('/pub/images/icon_social_ar02.svg');}
.social_a3 .dots_box .step .c2 i {background-image:url('/pub/images/icon_social_a32.svg');}
.social_a3 .dots_box .step .c3:before {background-image:url('/pub/images/icon_social_ar03.svg');}
.social_a3 .dots_box .step .c3 i {background-image:url('/pub/images/icon_social_a33.svg');}
.social_a3 .dots_box .step .c4:before {background-image:url('/pub/images/icon_social_ar04.svg');}
.social_a3 .dots_box .step .c4 i {background-image:url('/pub/images/icon_social_a34.svg');}
.social_a3 .dots_box .step .c5:before {background-image:url('/pub/images/icon_social_ar05.svg');}
.social_a3 .dots_box .step .c5 i {background-image:url('/pub/images/icon_social_a35.svg');}
.social_a3 .btn_more {display:block; color:#fff; font-weight:700; line-height:60px; height:60px; width:240px; background:#003F8F; border-radius:5px; margin:60px auto 0; text-align:center;}
.social_wrap .gl_box {border:#ebebeb 1px solid; border-radius:30px; padding:64px; text-align:center; font-size:0; margin-top:80px;}

.social2_a1 .gl_box {width:calc(100% - 560px); border:#ebebeb 1px solid; border-radius:30px; padding:0 40px 40px;}
.social2_a2 {position:relative; padding:150px 0; z-index:1;}
.social2_a2:before {content:""; position:absolute; top:0; left:0; width:100%; height:100vh; background:#f8f8f8; z-index:-1;}
.social2_a2 p.mtb {margin:60px 0;}
.social2_a2 .wbox {background:#fff; border-radius:20px; padding:100px; box-shadow:rgba(0,0,0,.05) 0 3px 30px;}
.social2_a2 .wbox .tit {font-size:50px; color:#000; font-weight:700; line-height:60px; text-align:center; margin-bottom:45px;}
.social2_a2 .wbox .tit span {position:relative; display:inline-block; vertical-align:top; padding-bottom:25px; border-bottom:#ddd 1px solid;}
.social2_a2 .wbox .dl_area {margin-top:100px; display:flex; flex-direction:column; gap:24px;}
.social2_a2 .wbox .dl_area dl {display:flex; align-items:center; gap:40px; padding:35px 40px; background:#F8FBFE; border-radius:10px;}
.social2_a2 .wbox .dl_area dt {font-size:20px; color:#fff; font-weight:700; line-height:80px; height:80px; width:80px; border-radius:5px; background:#003F8F; text-align:center;}
.social2_a2 .wbox .dl_area dd {width:calc(100% - 120px);}
.social2_a2 .wbox .date {color:#767676; margin:60px 0 10px; text-align:center;}
.social2_a2 .wbox .name {font-size:30px; color:#000; font-weight:700; line-height:38px; text-align:center; margin-top:80px;}
.social2_a2 .wbox .name span {display:block; font-size:24px; font-weight:500; margin-bottom:10px;}
/* .social2_a2 .wbox .name strong {font-size:28px; font-family:'KOTRA_SONGEULSSI'; margin-left:15px;} */
.social2_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;}
.social2_a4 {padding:60px; text-align:center; font-size:0; border-radius:20px;}
.social2_a5 {padding-top:150px;}
.social2_a5 .gl_box {border:#ebebeb 1px solid; border-radius:30px; padding:0 0 60px; margin-top:60px; overflow:hidden;}

.ip_wrap.social2_b1 .tit {width:50%;}
.social2_wrap ul.halfbox {display:flex; flex-wrap:wrap; gap:70px 60px;}
.social2_wrap ul.halfbox li {flex:1 1 calc(50% - 30px);}
.social2_wrap ul.halfbox .img {display:block; border-radius:30px; overflow:hidden;}
.social2_wrap ul.halfbox p {font-weight:600; line-height:22px; margin-top:30px; text-align:center;}
.social2_b1 .shadow_txt {top:0; right:-60px; bottom:auto; left:auto; text-align:right; z-index:-1;}
.social2_b2 {margin-top:150px;}
.social2_b2 .mtb {margin:60px 0 80px;}
.social2_b3,
.social2_b4,
.social2_b5 {margin-top:150px;}
.container .annotation {font-size:16px; color:#767676; line-height:24px; margin-top:30px;}
.social2_b3 .shadow_txt,
.social2_b4 .shadow_txt {position:relative; margin-top:130px;}
.social2_b5 .gl_box {padding:60px; display:flex; justify-content:center; align-items:center; border:#ebebeb 1px solid; border-radius:30px; margin-top:60px;}
.social2_b5 .gbox {padding:20px 45px; display:flex; justify-content:center; align-items:center; border-radius:140px;}
.social2_b5 .gbox li {margin:0 -15px; width:240px; height:240px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; font-size:24px; color:#fff; font-weight:700; line-height:30px; border-radius:50%;}
.social2_b5 .gbox li p {font-size:20px;}
.social2_b5 .gbox li.c1 {background:#fff; color:#333;}
.social2_b5 .gbox li.c2 {background:rgba(1,91,170,.8);}
.social2_b5 .gbox li.c3 {background:rgba(84,160,34,.8);}
.social2_b5 .gbox li.c4 {background:rgba(228,85,126,.8);}
.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:#003F8F; border-radius:50%; opacity:.09; z-index:-1;}
.sqr_area li .t {font-size:20px; color:#003F8F; font-weight:700; line-height:24px; margin:28px 0 12px;}
.sqr_area li p {color:#555; 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:#003F8F; 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:#555;}
.half_area li.i1 i {background-image:url('/pub/images/icon_social2_c01.svg');}
.half_area li.i2 i {background-image:url('/pub/images/icon_social2_c02.svg');}
	/* 동반성장 */
.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;}
	/* 고객 */
.social3_wrap .glbox {display:flex; justify-content:center; align-items:center; border:#ebebeb 1px solid; border-radius:30px; margin:40px 0 150px;}
.social3_wrap .glbox.h3 {height:900px;}
.social3_wrap .glbox.h5 {height:680px;}
.gbox_wpoint {position:relative; overflow:hidden;}
.gbox_wpoint:before {content:""; position:absolute; bottom:-100px; right:0; width:calc(50% + 290px); height:330px; background:#fff; border-radius:330px 0 0 0;}
.gbox_wpoint .stit sup {font-size:.6em; top:-10px;}
.gbox_wpoint .inner {position:relative; z-index:1;}
.gbox_wpoint .btxt {margin-top:30px;}
.social3_wrap p {letter-spacing:-.5px;}
.social3_wrap p.mt {margin-top:30px;}
.social3_wrap p.mtb {margin:30px 0;}
.padding_box {padding:150px 0 100px;}
.manjok_graph {position:relative; z-index:1; padding-top:50px;}
.manjok_graph:before {content:""; position:absolute; top:0; left:0; width:100%; height:300px; background:#F8F8F8; z-index:-1;}
.manjok_graph .cate {position:relative; margin-bottom:30px;}
.manjok_graph .cate ul {display:flex; gap:30px;}
.manjok_graph .cate li {position:relative; padding-left:30px; font-weight:600; line-height:20px;}
.manjok_graph .cate li:before {content:""; position:absolute; top:0; left:0; width:20px; height:20px; border-radius:50%;}
.manjok_graph .cate li.c1:before {background:#ddd;}
.manjok_graph .cate li.c2:before {background:#E5567F;}
.manjok_graph .cate .danwe {position:absolute; top:0; right:0; font-size:16px; color:#555;}
.manjok_graph .box_wrap {display:flex; gap:40px;}
.manjok_graph .box_wrap .box {width:calc((100% - 120px)/4); max-height:350px; border-radius:30px; background:#fff; padding:30px; box-shadow:rgba(0,0,0,.06) 0 10px 20px;}
.manjok_graph .box_wrap .tit {font-size:20px; color:#000; font-weight:600; line-height:24px; margin-bottom:10px;}
.manjok_graph .box_wrap ul {display:flex; justify-content:center; gap:60px; border-bottom:#ddd 1px solid; margin-bottom:30px;}
.manjok_graph .box_wrap li {position:relative; width:40px; padding-top:35px;}
.manjok_graph .box_wrap li > p {position:absolute; bottom:-30px; left:0; width:100%; text-align:center; font-size:16px; color:#333; font-weight:500; line-height:20px;}
.manjok_graph .box_wrap li .bar {position:relative; height:200px;}
.manjok_graph .box_wrap li .bar .line {position:absolute; bottom:0; left:0; width:100%; height:0; border-radius:20px 20px 0 0; transition:.5s linear;}
.manjok_graph .box_wrap li.c1 .bar .line {background:#767676;}
.manjok_graph .box_wrap li.c2 .bar .line {background:linear-gradient(#9f2d4e,#FEC1D2);}
.manjok_graph .box_wrap li .bar .line p {position:absolute; top:-35px; left:-10%; width:120%; height:22px; text-align:center;}
.manjok_graph .box_wrap li.c1 .bar .line p {color:#555;}
.manjok_graph .box_wrap li.c2 .bar .line p {color:#9f2d4e; font-weight:700;}
	/* 사회공헌 */
.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_2 .shadow_txt {top:0; right:0; bottom:auto; left:auto; color:#fff;}
.social4a_2 .glbox {display:flex; justify-content:center; align-items:center; border:#ebebeb 1px solid; border-radius:30px; padding:70px 20px;}
.social4a_3 {padding-top:150px;}
.social4a_3 .img {display:flex; justify-content:center; align-items:center; gap:30px; height:520px; border-radius:30px; margin-top:80px; padding-left:50%; background:url('/pub/images/img_social4_a_04.jpg') no-repeat 50% 50% / cover;}
.social4a_3 .img span {text-align:left; font-size:28px; color:#0C3C5A; font-weight:700; line-height:50px;}

.social4b_1 {padding:150px 0; background:url('/pub/images/img_social4_b_01.jpg') no-repeat 50% 50% / cover;}
.social4b_1 .stit {color:#fff; margin-bottom:105px;}
.social4b_1 .stit:before {background:#fff;}
.social4b_1 .social_hitory {display:flex; gap:50px;}
.social4b_1 .social_hitory dt {font-size:36px; color:#fff; font-weight:800; line-height:40px; padding:30px; background:#4E9F46; width:200px;}
.social4b_1 .social_hitory dd {position:relative; padding:20px 30px; width:calc((100% - 400px)/4);}
.social4b_1 .social_hitory dd:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#5E8A5A; mix-blend-mode:multiply;}
.social4b_1 .social_hitory .year {position:relative; font-size:42px; color:#fff; font-weight:700; line-height:50px; padding-bottom:20px; margin-bottom:30px;}
.social4b_1 .social_hitory .year:after {content:""; position:absolute; bottom:0; left:0; width:30px; height:1px; background:#fff;}
.social4b_1 .social_hitory ul {position:relative; z-index:1;}
.social4b_1 .social_hitory li {font-size:17px; color:#fff; font-weight:500; line-height:30px; padding-left:8px; text-indent:-8px;}
.social4b_1 .social_hitory dd.c2:before {opacity:.9;}
.social4b_1 .social_hitory dd.c3:before {opacity:.8;}
.social4b_1 .social_hitory dd.c4:before {opacity:.7;}

.social4b_padding {padding:150px 0;}
.social4b_padding p.mtb {margin:50px 0;}
.social4b_padding.social4b_5 {padding-bottom:40px;}

.social4b_2 .horizontal_ul {gap:40px; margin-top:0;}
.social4b_2 .horizontal_ul li .img {border-radius:20px; font-size:0;}
.social4b_2 .horizontal_ul li .img img {width:100%; height:100%; object-fit:cover;}
.social4b_2 .glbox {display:flex; justify-content:center; align-items:center; border:#ebebeb 1px solid; border-radius:30px; padding:100px 20px; margin-top:60px;}
.social4b_3 {position:relative; padding-bottom:100px; z-index:1;}
.social4b_3:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:290px; background:#F8F8F8; z-index:-1;}
.social4b_3 .btxt {margin:60px 0 40px;}
.social4b_3 .manjok_graph:before {display:none;}
.social4b_3 .manjok_graph .box_wrap {gap:34px;}
.social4b_3 .manjok_graph .box_wrap .box {width:calc((100% - 68px)/3);}
.social4b_4 p.b {font-size:20px; font-weight:700; line-height:34px;}
.social4b_4 .btxt {margin:60px 0 30px;}
.social4b_4 col.th {width:33.3%;}
.social4b_5 p.b {font-size:20px; font-weight:700; line-height:34px;}
.social4b_6 p.b {font-size:20px; font-weight:700; line-height:34px;}

/*사회공헌 네트워크 도표*/
.year_graph{ width:100%; max-width:1312px; height:150px; background:url('/pub/images/year_graph_bg.png') no-repeat 50% 50% / 100%;; }
.year_graph ul{max-width:1048px; width:100%;height:100%;display:flex;margin-left:12vw;justify-content:space-between;}
.year_graph ul li{position:relative; width:100%}
.year_graph ul li:before{position:absolute;content:'';width:32px; height:32px; border:10px solid #5A8CEF;border-radius:50%;top:38%; left:0%;z-index:1; background:#fff;}
.year_graph ul li:after{position:absolute;content:'';width:1px; height:97px; background:#999999;top:55%; left:7%;}
.year_graph ul li .year{font-size:24px; font-weight:600;position:absolute; top:18%; left:-6%}
.year_graph ul li .txt{font-size:18px;color:#555;position:absolute; top:62%; left:10%;line-height:30px;}
.year_graph ul li .c_blue{font-size:18px; font-weight:700;; color:#2A57C9;}

.social_chart {position:relative; height:360px; padding-left:60px; margin:10px 0 35px;}
.social_chart .point {position:absolute; top:60vh;}
.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(#003F8F,#5BB0EB);}
.social_chart .years li .bars .bar.c2 {background:linear-gradient(#54A022,#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;}
.governance_top .tit{width:620px;}
.governance_top .ft16.gray{font-size:16px; color:#767676;}
.governance_middle{display:block; background:url('/pub/images/img_governance_03.png') no-repeat 50% 50% / cover; color:#fff; padding:150px 0; margin-bottom:0;}
.governance_middle .tit{width:100%; padding-bottom:0;}
.governance_middle .stit, .governance_middle .btxt{color:#fff;}
.governance_middle .stit:before{background:#fff;}
.governance_bottom{padding-top:150px;}
	/* 윤리경영 */
.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; 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:#555; 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;}
.dl_rule dt a {display:block; color:#000; overflow:hidden; transition:none; padding:40px 120px 40px 20px;}
.dl_rule dt a.dl_close,
.dl_rule .on dt a.dl_open {width:0; height:0; padding:0; display:none;}
.dl_rule .on dt a.dl_close {width:100%; height:auto; padding:40px 120px 40px 20px; display:block;}
.governance2_01 .tit, .governance2_02 .tit, .governance2_03 .tit{width:unset;}
.governance2_02{display:block;}
.governance2_02 .tit{padding-bottom:150px;}
.governance2_02 .gv_area {display:flex; flex-wrap:wrap; gap:40px; margin-top:60px;;}
.governance2_02 .gv_area li {width:calc((100% - 80px)/2); height:353px; background:#fff; border-radius:30px; padding:45px 30px; box-shadow:0 5px 30px rgba(0,0,0,0.05);}
.governance2_02 .gv_area li i {position:relative; display:block; width:100%; height:52px; background:no-repeat top left / contain; z-index:1;}
.governance2_02 .gv_area li .t {font-size:24px; color:#000; font-weight:700; line-height:40px;margin:30px 0 50px 0;}
.governance2_02 .gv_area li p {color:#555; line-height:30px; letter-spacing:-.5px; font-size:18px; border-top:1px solid #EBEBEB; padding-top:40px;}
.governance2_02 .gv_area li.i01 i {background-image:url('/pub/images/icon_governance2_01.svg');}
.governance2_02 .gv_area li.i02 i {background-image:url('/pub/images/icon_governance2_02.svg');}
.governance2_02 .gv_area li.i03 i {background-image:url('/pub/images/icon_governance2_03.svg');}
.governance2_02 .gv_area li.i04 i {background-image:url('/pub/images/icon_governance2_04.svg');}
.governance2_02 .gv_area li.i05 i {background-image:url('/pub/images/icon_governance2_05.svg');}
.governance2_02 .gv_area li.i06 i {background-image:url('/pub/images/icon_governance2_06.svg');}
.governance2_03 .pic{width:600px;}
.governance2_04{display:block;}
.governance2_04 .tit{width:100%; padding-bottom:0;}
.governance2_04 .tit .btxt{margin:0 0 30px 0;}
.governance2_04 .governance2_04_bcon{display:flex; margin-bottom:10px;}
.governance2_04 .governance2_04_bcon .th{margin-right:35px;min-height:233px; max-width:236px; width:100%; border-radius:10px; background:#F4F8FD; padding:30px 20px 30px 50px; position:relative; font-weight:600;}
.governance2_04 .governance2_04_bcon .th:before{position:absolute; width:20px; height:20px; background:#003F8F; border-radius:50%;content:''; left:20px; top:34px;}
.governance2_04 .governance2_04_bcon .th:after{content:'';position:absolute; width:6px; height:16px;color:#fff; font-size:14px;}
.governance2_04 .governance2_04_bcon:nth-child(1) .th:after{content:'1'; left:26px; top:29px;}
.governance2_04 .governance2_04_bcon:nth-child(2) .th:after{content:'2'; left:26px; top:29px;}
.governance2_04 .governance2_04_bcon:nth-child(3) .th:after{content:'3'; left:26px; top:29px;}
.governance2_04 .governance2_04_bcon:nth-child(4) .th:after{content:'4'; left:25px; top:29px;}
.governance2_04 .governance2_04_bcon:nth-child(5) .th:after{content:'5'; left:26px; top:29px;}
.governance2_04 .governance2_04_bcon .td_con{max-width:1248px; width:100%; padding:30px 0; border-bottom:1px solid #ddd;}
.governance2_04 .governance2_04_bcon:nth-child(1) .td_con{border-top:1px solid #003F8F;}
.governance2_04 .governance2_04_bcon .td_con li .o_dot{position:relative; margin:30px 0 20px 10px; letter-spacing:-0.2px}
.governance2_04 .governance2_04_bcon .td_con li .o_dot:last-child {margin-bottom:0;}
.governance2_04 .governance2_04_bcon .td_con li:nth-child(1) .o_dot{margin-top:0;}
.governance2_04 .governance2_04_bcon .td_con li .o_dot:before{content:''; position:absolute; top:calc(50% - 1.5px); left:-10px; width:3px; height:3px; border-radius:50%;background:#E4557E;}
.governance2_05{display:block; min-height:unset;}
.governance2_05 .tit{width:100%; padding-bottom:0;}
.governance2_05 .tit .btxt{margin:40px 0 30px 0;}
.governance2_06{display:block; color:#fff; background:url('/pub/images/img_governance2_04.png') no-repeat 50% 50% / cover; padding:150px 0 220px 0;}
.governance2_06 .tit{width:100%; padding-bottom:0; }
.governance2_06 .tit .stit, .governance2_06 .tit .btxt{color:#fff;}
.governance2_06 .tit .btxt{margin:60px 0 80px 0;}
.governance2_06 .stit:before{background:#fff;}
.governance2_07{display:block; min-height:unset;}
.governance2_07 .tit{width:100%; padding-bottom:0;}
.governance2_07 .tit .btxt{margin:0 0 60px 0;}
.governance2_08 .tit{width:570px;}
.governance2_09{display:block; min-height:unset; margin-bottom:0;}
.governance2_09 .tit{width:100%; padding-bottom:0;}
.governance2_09 .btn{display:block; color:#fff; font-weight:700; line-height:60px; height:60px; width:240px; background:#003F8F; border-radius:5px; margin:60px auto 0; text-align:center;}
.governance2_09 .btn .btn_navy{color:#fff; display:block;}
.governance2_10_01 .mtb{margin:40px 0 60px 0;}
.governance2_10_01 .mb4{margin-bottom:40px;}
.governance2_10_01 .governance2_10_01_icon li{display:flex; background:#F2F6FC; border-radius:10px; padding:40px; margin-bottom:30px;}
.governance2_10_01 .governance2_10_01_icon li:last-child{margin-bottom:0;}
.governance2_10_01 .governance2_10_01_icon li .img{margin-right:45px; margin-top:15px;}
.governance2_10_01 .governance2_10_01_icon li .txt .c_navy{color:#003F8F; margin-bottom:20px; font-weight:600;}
.governance2_10_02{margin-top:150px;}
.governance2_10_02 .mtb{margin:40px 0 60px 0;}
.governance2_10_02 .mb4{margin-bottom:40px;}
.governance2_10_03 .inner{display:flex;}
.governance2_10_03{margin-top:150px; background:url('/pub/images/img_governance2_11.png') no-repeat 50% 50% / cover; padding:90px 0; color:#fff;}
.governance2_10_03 .mtb{margin:40px 0 60px 0;}
.governance2_10_03 .mb4{margin-bottom:40px;}
.governance2_10_03 .btxt{color:#fff; margin:60px 0;}
.governance2_10_03 .stit{color:#fff}
.governance2_10_03 .stit:before{background:#fff;}
.governance2_10_03 .governance2_10_03_left .btxt{font-size:22px;}
.governance2_10_03 .governance2_10_03_left .st_con{width:565px;}
.governance2_10_03 .governance2_10_03_left .mtb{font-size:16px; color:#ccc; line-height:24px;}
.governance2_10_03_right{width:100%;}
.governance2_10_03_right .infra_list {display:flex; flex-wrap:wrap; gap:27px;}
.governance2_10_03_right .infra_list li{border-radius:80px; background:rgba(255,255,255,0.1); padding:60px; min-width:300px; min-height:300px;}
.governance2_10_03_right .infra_list li span{font-size:14px;}
.governance2_10_03_right .infra_list li .tlt{margin-top:10px;margin-bottom:30px; font-size:24px;}
.governance2_10_03_right .infra_list li sup {font-size:12px;}
.governance2_10_03_right .infra_list li .tlt sup {top:-10px; font-weight:700;}
.governance2_10_04{margin-top:150px;}
.governance2_10_04_con{margin-top:50px; display:flex; justify-content:space-between;}
.governance2_10_04_con .btxt{margin-bottom:30px;}
.governance2_10_04_con .governance2_10_04_right .mtb{text-align:center;margin-top:20px; font-size:16px; color:#595959;}
.governance2_10_04_con .governance2_10_04_right .mtb span {font-size:12px; position:relative; top:-5px;}
.governance2_10_05{margin-top:150px;}
.governance2_10_05 .mb4{margin-bottom:40px;}
/* 지속가능경영보고서 */
.sustainability_report_top {background-image:url('/pub/images/img_sustainability_report01.png');}
.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:486px; 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:#767676; 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;}
.sustainability_report_01{margin-top:-100px; display:flex;  justify-content:space-between; gap:40px}
.sustainability_report_01 ul{position:relative;}
.sustainability_report_01 ul li{margin-bottom:60px; text-align:center;box-shadow:0 3px 15px rgba(0,0,0,0.1); border-radius:20px; padding:60px 0; min-height:338px; background:#fff}
.sustainability_report_01 ul li:nth-child(1){box-shadow:unset; padding:0;}
.sustainability_report_01 ul li:nth-child(1):before{ content:''; position:absolute; width:2px; height:50vw; left:calc(50% - 1px); top:20%; z-index:-1; background:repeating-linear-gradient(#bbb, #bbb 2px, #fff 2px, #fff 10px) 10px 2px;}
.sustainability_report_01 ul li:last-child{margin-bottom:0;}
.sustainability_report_01 ul li .tlt{font-size:24px; color:#000; font-weight:600;padding-bottom:30px;}
.sustainability_report_01 ul li .txt{padding-top:30px; position:relative; color:#555; line-height:32px;}
.sustainability_report_01 ul li .txt:before{content:''; position:absolute; top:0; left:calc(50% - 15px); width:30px; height:2px; background:#ddd;}
.sustainability_report_01 ul li .txt .ft60{font-size:60px; line-height:70px; margin:0 10px;}
.sustainability_report_01 ul li .c_green{color:#407d17;}
.sustainability_report_01 ul li .c_navy{color:#003F8F;}
.sustainability_report_01 ul li .c_gray{color:#555; }/* #CCCCCC */
.sustainability_report_02{margin-top:150px;}
/* 인재채용 */
	/* 인재경영 */
.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:#003F8F; 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:#555; 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:#003F8F; 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 #003F8F 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:#003F8F;}
.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:#54A022; border-radius:50%;}

	/* 자주 묻는 질문 */
.faq_top {background-image:url('/pub/images/img_faq01.jpg');}
.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; height:100%; text-align:center; font-size:28px; font-weight:700; font-family:'Poppins'; display:flex; justify-content:center; align-items:center;}
.faq_wrap dt {position:relative; font-size:24px; color:#000; line-height:30px; cursor:pointer;}
.faq_wrap dt button {display:block; font-weight:600; white-space:pre-wrap; text-align:left; padding:30px 120px 30px 100px; width:100%; height:auto; overflow:hidden; transition:none;}
.faq_wrap dt button.faq_open {}
.faq_wrap dt button.faq_close,
.faq_wrap .on dt button.faq_open{width:0; height:0; padding:0; display:none;}
.faq_wrap .on dt button.faq_close {padding:30px 120px 30px 100px; height:auto; width:100%; display:block;}
.faq_wrap dt strong {color:#c13f65; 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:112px;}
	/* 문의하기 */
.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:#555; 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:#666; 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:#666; padding-left:30px; background:url('/pub/images/icon_lock.svg') no-repeat 0 0;}
.qna_list .ing .state span {background:#666;}
.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; left:auto; width:100px !important; height:100px !important; font-size:0; background:url('/pub/images/btn_close.svg') no-repeat 50% 50% / 20px;}
.pop_lock .btn_close.sound_only {position:absolute; top:auto; bottom:0; height:50px !important; line-height:50px; pointer-events:none; background:none; font-size:14px !important; color:#000; font-weight:600; text-align:center;}
.pop_lock .btn_close.sound_only:focus {opacity:1; pointer-events:auto;}
.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:#767676;}
.pop_lock .btn {background:#003F8F; width:200px; height:60px; line-height:60px; border-radius:5px; margin:40px auto 0; border:0; font-weight:700;}
 /*사용 및 관리요령*/
.qna3_01 .qna3_01_01 .qna3_01_01_con {display:flex; flex-wrap:wrap; gap:40px;}
.qna3_01 .qna3_01_01 .qna3_01_01_con li{width:calc((100% - 40px) / 2); margin-top:40px;}
.qna3_01 .qna3_01_01 .qna3_01_01_con li .top_tlt{color:#000; font-weight:600; text-align:center; background:#EAF1FA; border:1px solid #BFD8F8; border-radius:20px 20px 0 0; padding:15px 0;}
.qna3_01 .qna3_01_01 .qna3_01_01_con li .img{border:1px solid #EBEBEB; border-radius:0 0 20px 20px; padding:20px 0;  text-align:center; margin-bottom:30px;}
.qna3_01 .qna3_01_01 .qna3_01_01_con li .txt .pink{font-weight:600;}
.qna3_01 .qna3_01_01 .qna3_01_01_con>li>.txt>p{position:relative; margin-left:10px;}
.qna3_01 .qna3_01_01 .qna3_01_01_con>li>.txt>p:before{position:absolute; width:3px; height:3px; content:'·'; top:0; left:-10px; }
.qna3_01 .qna3_01_02{margin-top:150px;}
.qna3_01 .qna3_01_02 .qna3_01_02_con{ display:flex;  flex-wrap:wrap; justify-content:space-between;}   
.qna3_01 .qna3_01_02 .qna3_01_02_con>li{width:calc((100% - 40px) / 2); margin-top:40px;}
.qna3_01 .qna3_01_02 .qna3_01_02_con>li>.top_tlt{color:#000; font-weight:600; text-align:center; background:#EAF1FA; border:1px solid #BFD8F8; border-radius:20px 20px 0 0; padding:15px 0;}
.qna3_01 .qna3_01_02 .qna3_01_02_con>li>.img{border:1px solid #EBEBEB; border-radius:0 0 20px 20px; padding:20px 0;  text-align:center; margin-bottom:30px;}
.qna3_01 .qna3_01_02 .qna3_01_02_con>li>.txt>p{position:relative; margin-left:10px;}
.qna3_01 .qna3_01_02 .qna3_01_02_con>li>.txt>p:before{position:absolute; width:3px; height:3px; content:'·'; top:0; left:-10px; }
.qna3_01 .qna3_01_02 .qna3_01_02_con>li:nth-child(1){width:100%}
.qna3_01 .qna3_01_02 .qna3_01_02_con>li>ul{display:flex; justify-content:space-between;border:1px solid #EBEBEB; border-radius:0 0 20px 20px; padding:20px 60px; }
.qna3_01 .qna3_01_02 .qna3_01_02_con>li>ul>li{width:calc((100% - 120px) / 3)}
.qna3_01 .qna3_01_02 .qna3_01_02_con>li>ul>li>.img{text-align:center;}
.qna3_01 .qna3_01_02 .qna3_01_02_con>li>ul>li>.txt>p{position:relative; margin-left:10px; margin-top:30px;}
.qna3_01 .qna3_01_02 .qna3_01_02_con>li>ul>li>.txt>p:before{position:absolute; width:3px; height:3px; content:'·'; top:0; left:-10px; }
/*세대설비 사용법*/
.qna3_02 .ip_wrap{min-height:unset;margin-bottom:50px}
.qna3_02 .top_t{width:calc(100% - 560px);}
.qna3_02 .qna3_con > li{display:flex; width:100%; padding:75px 0; border-bottom:1px solid #EBEBEB;}
.qna3_02 .qna3_con > li:last-child{border-bottom:unset; padding-bottom:0;}
.qna3_02 .qna3_con > li .btxt{width:100%; max-width:560px;}
.qna3_02 .qna3_con .qna3_con_r {width:calc(100% - 560px)}
.qna3_02 .qna3_con .qna3_con_r li .top_tlt{color:#000; text-align:center;font-weight:600; padding:15px 0; background:#EAF1FA; border:1px solid #BFD8F8; border-radius:20px 20px 0 0;}
.qna3_02 .qna3_con .qna3_con_r li .top_txt{padding:30PX 0; display:flex; justify-content:center; align-items:center;border:1px solid #EBEBEB; border-radius:0 0 20px 20px;}
.qna3_02 .qna3_con .qna3_con_r li .top_txt img{margin-right:100px;}
.qna3_02 .qna3_con .qna3_con_r li .top_txt .con_txt{display:block;}
.qna3_02 .qna3_con .qna3_con_r li .top_txt p{position:relative;}
.qna3_02 .qna3_con .qna3_con_r li .top_txt p:before{position:absolute; width:3px; height:3px; content:'-'; top:0; left:-15px; }
/*에너지 절약 방법*/
.qna3_03 .ip_wrap{min-height:unset;margin-bottom:unset;}
.qna3_03 .top_t{width:calc(100% - 560px);}
.qna3_03 .qna3_con > li{display:flex; width:100%; padding:75px 0; border-bottom:1px solid #EBEBEB;}
.qna3_03 .qna3_con > li:last-child{border-bottom:unset; padding-bottom:0;}
.qna3_03 .qna3_con > li .btxt{width:100%; max-width:560px;}
.qna3_03 .qna3_con .qna3_con_r {width:calc(100% - 560px)}
.qna3_03 .qna3_con .qna3_con_r li .top_tlt{color:#000; text-align:center;font-weight:600; padding:15px 0; background:#EAF1FA; border:1px solid #BFD8F8; border-radius:20px 20px 0 0;}
.qna3_03 .qna3_con .qna3_con_r li .top_txt{padding:30PX 0; display:flex; justify-content:center; align-items:center;border:1px solid #EBEBEB; border-radius:0 0 20px 20px;}
.qna3_03 .qna3_con .qna3_con_r li .top_txt img{margin-right:100px;}
.qna3_03 .qna3_con .qna3_con_r li .top_txt p{position:relative;}
.qna3_03 .qna3_con .qna3_con_r li .top_txt p:before{position:absolute; width:3px; height:3px; content:'-'; top:0; left:-15px; }
/*난방불량조치요령*/
.qna3_04 .ip_wrap{min-height:unset;margin-bottom:50px}
.qna3_04 .top_t{width:calc(100% - 560px);}
.qna3_04 .qna3_con > li{display:flex; width:100%; padding:75px 0; border-bottom:1px solid #EBEBEB;}
.qna3_04 .qna3_con > li:last-child{border-bottom:unset; padding-bottom:0;}
.qna3_04 .qna3_con > li .btxt{width:100%; max-width:560px;}
.qna3_04 .qna3_con .qna3_con_r {width:calc(100% - 560px)}
.qna3_04 .qna3_con .qna3_con_r li .top_tlt{color:#000; text-align:center;font-weight:600; padding:15px 0; background:#EAF1FA; border:1px solid #BFD8F8; border-radius:20px 20px 0 0;}
.qna3_04 .qna3_con .qna3_con_r li .top_txt{padding:30PX 0; display:flex; justify-content:center; align-items:center;border:1px solid #EBEBEB; border-radius:0 0 20px 20px;}
.qna3_04 .qna3_con .qna3_con_r li .top_txt img{margin-right:100px;}
.qna3_04 .qna3_con .qna3_con_r li .top_txt .con_txt{display:block;}
.qna3_04 .qna3_con .qna3_con_r li .top_txt p{position:relative;}
.qna3_04 .qna3_con .qna3_con_r li .top_txt p:before{position:absolute; width:3px; height:3px; content:'-'; top:0; left:-15px; }
/*열 요금 시물레이션*/
.qna4 table th label{cursor:unset;}
.qna4 table td select, .qna4 table td input{cursor:pointer;}
.qna4 table th{text-align:left; padding:30px 0 30px 80px; font-size:20px;}
.qna4.inputs table th {width:900px;}
.qna4 table td{width:100%; max-width:617px;  text-align:center;}
.qna4 table .c_gray{font-size:18px; font-weight:400;}
.qna4 table td .w197{width:240px}
.qna4 .btn_abso{ width:240px; margin:0 auto; height:60px; line-height:60px; color:#fff; font-weight:700; text-align:center; background:#003F8F; border-radius:5px;}
.qna4_standard{margin-top:150px;}
.qna4_standard .top_txt{margin:30px 0; display:flex; justify-content:space-between;}
.qna4_standard .top_txt .c_gray{font-size:16px; color:#555;}
.qna4_standard table thead th, .qna4_standard table tbody th, .qna4_standard table tbody td{border-right:1px solid #ddd;}
.qna4_standard table thead th:last-child, .qna4_standard table tbody td:last-child{border-right:unset;}
.qna4_standard table tbody td{padding:40px;}
.qna4_standard table tbody td:nth-child(2){text-align:center;}
.qna4_standard table tbody td:nth-child(3){padding:40px 40px 40px 160px;}
.qna4_standard table tbody td b{font-weight:600;}
.qna4_standard table tbody td.dpf{display:flex;align-items:center;}
.qna4_standard table tbody td.dpf .f22{font-size:22px; margin-right:90px;align-items:center;display:flex;}
.qna4_standard table tbody td.dpf .tlt{color:#444;background:#E7F1FC; border-radius:30px; max-width:150px; text-align:center;margin-bottom:10px;}
.qna4_2_top{background:#F2F6FC;padding:60px 0; text-align:center; color:#444; font-weight:500; margin-bottom:100px;}
.qna4_2_top .c_navy{color:#003F8F; font-size:24px; font-weight:600; padding:0 8px;}
.qna4 .qna4_2 table th{ padding:30px 0; font-size:18px; text-align:center; color:#666; border-right:1px solid #ddd;}
.qna4 .qna4_2 table th:last-child, .qna4 .qna4_2 table td:last-child{border-top:unset;}
.qna4 .qna4_2 table th .c_navy{color:#003F8F;}
.qna4 .qna4_2 table td{padding:40px 0;border-right:1px solid #ddd;}
.qna4 .qna4_2 table td b{font-weight:700;}
.qna4_2  .btxt{text-align:center;}
.qna4_2 .btn_abso{margin-top:60px;}
/*공사비부담금 시뮬레이션*/
.qna5_standard{margin-top:150px;}
.qna5_standard .top_txt{margin:30px 0; display:flex; justify-content:space-between;}
.qna5_standard .top_txt .c_gray{font-size:16px; color:#555;}
.qna5_standard  th,.qna5_standard td{padding:20px;}
.qna5_standard table thead th, .qna5_standard table tbody th, .qna5_standard table tbody td{border-right:1px solid #ddd;}
.qna5_standard table thead th:last-child, .qna5_standard table tbody td:last-child{border-right:unset;}
.qna5_standard table tbody td{padding:30px;text-align:center;}
.qna5_2 .stit{margin-bottom:60px;}
.qna5_2 table th{text-align:center;max-width:300px; padding:30px 40px; font-size:22px;}
.qna5_2 table td{max-width:820px;font-size:22px; font-weight:600;}
.qna5_2 .btxt{margin-top:150px; margin-bottom:30px;}
.qna5_2 table th.c_navy{font-size:18px; color:#003F8F;}
.qna5_2 table td p{font-size:18px;}
.qna5_2 table td .fw400{font-weight:400;}
.qna5_2 table{margin-bottom:20px;}
.qna5_2 .ft16{font-size:16px;}
.qna5_2 .c_gray{color:#555; font-weight:300;}
.qna5_2 .btn_abso{ width:240px; margin:0 auto; height:60px; line-height:60px; color:#fff; font-weight:700; text-align:center; background:#003F8F; border-radius:5px; margin-top:60px;}
	/* 채용공고 */
.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:#003F8F; 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:#555; 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:#003F8F;}

/* 고객지원 */
.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/img_partner_01.png');}

/* 고객마당 */
.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:#555; 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:#555;}
.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;}

/* 보도자료 */
.inner.news{margin-top:-100px;}
.news_top {background-image:url('/pub/images/img_news02.png');}
.news_board {display:flex; flex-wrap:wrap; gap:32px 40px;}
.news_board li {width:calc((100% - 80px)/3);}
.news_board li a {position:relative; display:block; height:440px; background:#f8f8f8; border-radius:30px; padding:40px;}
.news_board li span {display:block;}
.news_board li .cate {position:absolute; bottom:70px; color:#003F8F; font-weight:700; line-height:25px;}
.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:215px; 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:pointer; font-size:0; display:none;}
.tour_wrap .video .btn_replay.on {display:block;}
.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:#003F8F; text-align:center;}
.tour_course .tit strong {font-size:32px; color:#000; font-weight:700;}
.tour_course .tit span {font-size:14px; color:#003F8F;}
.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:cover;}
.tour_course .con dd {position:relative; width:45%; padding:40px 40px 140px;}
.tour_course .con span {display:block; font-size:14px; color:#ac5900; 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:#555; 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:#ac5900; 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:#555; 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:#555; 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:#ac5900; border-color:#ac5900;}
.tour_course .con .btm li button {display:flex; justify-content:center; align-items:center; color:inherit; height:48px; line-height:20px; white-space:normal; width:100%;}
.tour_course .tabcon {display:none;}
.tour_course .tabcon.on {display:block;}
.tour_course .jeone_tab_wrap {position:relative;}
.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-radius:10px;}
.tour_course .jeone_con .btxt {margin:0; padding:10px 20px 0;}
.tour_course p.mt {margin-top:15px; font-size:16px;}
.tour_course .tabcon dl {display:flex; align-items:flex-start;}
.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;}

/* 약관들 */
.btn_fancy_close,
.fancybox-close {position:absolute; top:0; right:0; width:100px; height:100px; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%; z-index:10;}
.fancybox-close {display:none;}
.popup_yak {padding:60px; font-size:18px; color:#555; 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:#97314e; 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;}

/* 개인정보처리방침 이력 */
.fancybox-inner .btn-history {display:block; position: absolute; top:calc(60px + 28px); right: calc(100px + 10px); font-size: 16px; width: 120px; height: 40px; line-height:40px; text-align: center; background-color: #f1f1f1; border-radius:20px;}
.fancybox-inner .btn-history:hover {background-color: #ececec; color: #54A022;}
html[lang=en]	.fancybox-inner .btn-history { top:calc(60px); }
.svisual.g10  .location dl {display: none;}
.privacy_history .privacy-content {position:relative; margin-top: 40px;}
.privacy_history .privacy-content .privacy-content-inner {}
.privacy_history .privacy-content .loading-msg {position: absolute; top:0; left:50%; transform:translateX(-50%);width: 100%; height: 100%; max-width:1200px; margin:0 auto; text-align: center; z-index:1; border:1px solid #EBEBEB; border-radius: 30px; background-color: rgba(0,0,0,0.1); backdrop-filter:blur(6px); display: flex; justify-content: center; align-items: center; }
.privacy_history .popup_yak {width:100%; max-width:1200px; margin: 0 auto; border: 1px solid #EBEBEB; border-radius: 30px;}
.privacy_history .popup_yak .jq_tab {display: flex; justify-content: flex-start; padding:0; margin:0 0 40px 0;}
.privacy_history .st1 {text-align:center; margin-bottom: 20px; font-weight: 700; font-size: 18px; line-height: 22px; }
.privacy_history .dropdown {position:relative; width:90%; max-width: 400px; height: auto; margin:0 auto; border:1px solid #ddd; border-radius: 30px; padding:0 20px; box-sizing: border-box; background:#fff; cursor: pointer;}
.privacy_history .dropdown:after {position: absolute; content:''; top:0; right:20px; width: 12px; height: 100%; background: url('/pub/images/arrow_select.svg') no-repeat 50% 50% / contain; transition: 0.2s linear;}
.privacy_history .dropdown .cur_revision{width:100%; height: 60px; line-height: 60px; }
.privacy_history .dropdown .dropdown-list {position:absolute; z-index:-1; top:calc(60px + 10px); left:0; width:100%; background: #fff; border-radius: 16px; padding: 10px 20px; box-sizing: border-box; box-shadow: rgba(0,0,0,0.1) 0 0 10px; display: none; max-height: 200px; overflow-y: auto;}
.privacy_history .dropdown .dropdown-list li {}
.privacy_history .dropdown .dropdown-list li a{display: block; font-size: 15px; color: #666; line-height:28px; text-align: left;}
.privacy_history .dropdown .dropdown-list li a:hover {color: #54A022;}
.privacy_history .dropdown.active {border-color: #54A022;}
.privacy_history .dropdown.active:after {transform: rotate(180deg);}
.privacy_history .dropdown.active .dropdown-list {display: block; z-index: 2;}