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

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

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all;}
input[type="text"],
input[type="password"],
.nice-select,
select {height:40px; line-height:38px; border:#ccc 1px solid; outline:0; border-radius:5px; transition:.2s linear;}
input[type="text"],
input[type="password"] {padding:0 20px;}
body.ie select.text {padding:0 0 0 20px !important; background:none;}
textarea {border:#ccc 1px solid;}
textarea:read-only {outline:0;}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {border-color:#145BA2;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
a.smoth_link {scroll-behavior:smooth;}
.imgfit {overflow:hidden;}
.imgfit img {width:100%; height:100%; object-fit:cover;}
.mgb100{margin-bottom:100px;}
.green {color:#04712A;}
.blue {color:#1B458B;}
.inner {width:100%; max-width:1340px; padding:0 20px; margin:0 auto;}
span.br {display:block;}
.mo_vw {display:none !important;}
/* .pc_table{display:none;} */
.mo_table{display:none;}

.btn_gray {background:#888 !important;}
.btn_gray:hover {background:#666 !important;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#b5b5b5; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#fff; border-radius:10px; box-shadow:inset 0px 0px 5px white;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 30px #fff inset ; -webkit-text-fill-color:#000;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}

strong.score, .score strong {font-weight:600;}

.blue {color:#1A458B;}
.green {color:#279746;}
.green2 {color:#279746;}
.red {color:#f00;}
.unline{text-decoration:underline;}

/* 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:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; 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;}
.ie_wrap .link a:hover {opacity:.7;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link {display:none !important;}
span.mbl{display:none;}

/* 게시판 목록 */
.board_list {border-top:#145BA2 2px solid;}
.board_list th,
.board_list td {text-align:center; line-height:20px; padding:20px 0;}
.board_list th {color:#145BA2; border-bottom:#145BA2 1px solid;}
.board_list td {color:#444; border-bottom:#ddd 1px solid;}
.board_list td.tal a {position:relative; display:inline-block; max-width:100%; height:20px; padding-right:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td.tal a i.file {position:absolute; top:0; right:0; width:16px; height:inherit; background:url('/images/front/icon_file.svg') no-repeat 50% 50% / contain;}
.board_list td a:hover {color:#145BA2; text-decoration:underline;}

.nice-select:after {background-image:url('/images/front/arrow_select.svg');}
.board_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.board_top .total {font-size:15px; line-height:48px;}
.board_top .total strong {color:#145BA2;}
.board_top .search_wrap {display:flex;}
.board_top .search_wrap .nice-select,
.board_top .search_wrap input,
.board_top .search_wrap .btn {display:inline-block; vertical-align:top; height:48px; font-size:inherit;}
.board_top .search_wrap .nice-select,
.board_top .search_wrap input {border:#ccc 1px solid; border-right-width:0; color:#444; line-height:46px; padding:0 15px;}
.board_top .search_wrap .nice-select {width:130px; border-radius:5px 0 0 5px;}
.board_top .search_wrap input {width:320px; border-radius:0;}
.board_top .search_wrap input::placeholder {color:#999;}
.board_top .search_wrap .btn {width:100px; line-height:48px; border:0; background:#145BA2; color:#fff; font-weight:500; text-align:center; border-radius:0 5px 5px 0;}
.board_top .search_wrap.shm .nice-select {border-radius:5px; margin-right:10px; border-right-width:1px;}
.board_top .search_wrap.shm input {border-radius:5px 0 0 5px;}
.board_top .search_wrap.set3 select ~ select,
.board_top .search_wrap.set3 .nice-select ~ .nice-select {border-radius:0;}
.board_top.right {justify-content:flex-end;}
.board_top.right .nice-select {width:130px; height:48px; border-radius:5px;}
.board_top.right .search_wrap input {width:420px; border-radius:5px 0 0 5px;}
.board_top.right span {font-size:15px; line-height:48px; margin:0 20px 0 40px;}
.board_top.right span:first-child {margin-left:0;}
.board_top.category {display:flex; justify-content:flex-end; margin-bottom:10px;}
.board_top.category dl {display:flex;}
.board_top.category dt {width:60px; height:30px; background:#F8FFF9; border:#ccc 1px solid; border-radius:5px;}
.board_top.category dd {padding-left:15px; font-weight:500; line-height:30px;}
.board_top .date_select {display:flex; justify-content:center; align-items:center; gap:10px;}
.board_top .date_select span {padding-right:6px;}
.board_top .date_select .datepicker_area {width:150px;}
.board_top .date_select .datepicker_area .text {height:48px;}

.board_bottom .btns {margin-top:40px; display:flex; justify-content:center;}
.board_bottom .btns .btn {display:inline-block; width:200px; height:60px; line-height:60px; background:#145BA2; font-size:18px; color:#fff; font-weight:500; text-align:center; border:0; border-radius:10px; vertical-align:top; margin:0 5px;}
.board_bottom .btns .btn_l {color:#145BA2; background:#fff; border:#145BA2 1px solid; line-height:58px;}
.board_bottom .paging {display:flex; justify-content:center; margin-top:60px;}
.board_bottom .paging a {display:inline-block; width:48px; height:48px; line-height:46px; text-align:center; border:#ccc 1px solid; border-right:0; color:#444; vertical-align:top;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#145BA2; color:#fff; border-color:#145BA2;}
.board_bottom .paging .nums {margin:0 10px; display:flex; justify-content:center;}
.board_bottom .paging .arrow {position:relative;}
.board_bottom .paging .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#444;}
.board_bottom .paging .arrow.first:before {mask:url('/images/front/page_first.svg') no-repeat 50% 50% / auto 14px; -webkit-mask:url('/images/front/page_first.svg') no-repeat 50% 50% / auto 14px;}
.board_bottom .paging .arrow.prev:before {mask:url('/images/front/page_prev.svg') no-repeat 50% 50% / auto 14px; -webkit-mask:url('/images/front/page_prev.svg') no-repeat 50% 50% / auto 14px;}
.board_bottom .paging .arrow.next:before {mask:url('/images/front/page_next.svg') no-repeat 50% 50% / auto 14px; -webkit-mask:url('/images/front/page_next.svg') no-repeat 50% 50% / auto 14px;}
.board_bottom .paging .arrow.last:before {mask:url('/images/front/page_last.svg') no-repeat 50% 50% / auto 14px; -webkit-mask:url('/images/front/page_last.svg') no-repeat 50% 50% / auto 14px;}
.board_bottom .paging .arrow:hover:before {background:#fff;}
.board_bottom .paging .nums a:last-child,
.board_bottom .paging .prev,
.board_bottom .paging .last {border-right:#ccc 1px solid;}

/* 게시판 상세 */
.board_in {border-top:#145BA2 2px solid;}
.board_in .tit {font-size:28px; font-weight:500; line-height:34px; text-align:center; padding:20px; border-bottom:#145BA2 1px solid; word-break:break-all;}
.board_in .tit .date {font-size:16px; color:#888; font-weight:400; line-height:20px; margin-top:15px;}
.board_in .file {border-bottom:#ddd 1px solid; padding:20px; display:flex; flex-direction:column;}
.board_in .file a {font-size:16px; color:#444; background:url('/images/front/icon_file.svg') no-repeat 0 2px; padding-left:40px; margin-top:10px;}
.board_in .file a:first-child {margin-top:0;}
.board_in .file a:hover {text-decoration:underline;}
.board_in .con {padding:40px 20px; border-bottom:#145BA2 1px solid; word-break:break-all;}
.board_in .con .img {width:calc(100% + 40px); margin:0 -20px;}

.board_write col.w1 {width:200px;}

/* 갤러리 목록 */
.gall_list {border-top:#145BA2 2px solid; display:flex; flex-wrap:wrap;}
.gall_list li {width:calc((100% - 80px)/3); margin:40px 0 0 40px;}
.gall_list li:nth-child(3n-2) {margin-left:0;}
.gall_list li a {display:block;}
.gall_list li span {display:block;}
.gall_list li .img {position:relative; width:100%; height:214px; overflow:hidden; border-radius:10px;}
.gall_list li img {width:100%; height:100%; object-fit:cover;}
.gall_list li .img i {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:.2s linear;}
.gall_list li .img i:before,
.gall_list li .img i:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.gall_list li .img i:before {background:linear-gradient(#1B458B,#68BC45); opacity:.8;}
.gall_list li .img i:after {background:url('/images/front/btn_plus.svg') no-repeat 50% 50%;}
.gall_list li:hover .img i {opacity:1;}
.gall_list li p {display:block; font-weight:500; line-height:26px; height:52px; margin:20px 0 15px; overflow:hidden;}
.gall_list li .time {font-size:14px; color:#888; font-weight:300; line-height:20px; padding-left:16px; background:url('/images/front/icon_time.svg') no-repeat left center / 11px;}
.patent_list li .img {height:425px; border:#ebebeb 1px solid;}
.patent_list li p {height:auto; margin-bottom:0;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:1000; border-bottom:#ddd 1px solid; transition:.2s linear;}
.header * {font-family:'Pretendard';}
.header .inner {position:relative; height:100px; max-width:100%;}
.header .logo {position:absolute; top:0; left:50px; width:180px; height:100px; font-size:0; background:url('/images/front/logo.png') no-repeat 0 50% / contain; transition:none;}
.header .logo h1 {display:none;}
.header .btn_menu {position:absolute; top:0; right:50px; width:28px; height:100px;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:28px; height:12px; background:#fff; border-radius:1px; margin-left:-14px; transition:.2s linear; transition-delay:.2s;}
.header .btn_menu p:before,
.header .btn_menu p:after {content:""; position:absolute; top:0; left:50%; width:12px; height:12px; background:#00347A; border-radius:2px; transition:.2s linear; transition-delay:.2s;}
.header .btn_menu p:before {margin-left:-14px;}
.header .btn_menu p:after {margin-left:2px;}
.header .btn_menu .t {margin-top:-14px;}
.header .btn_menu .t:after {background:#007939;}
.header .btn_menu .b {margin-top:2px;}
.header .btn_menu:before,
.header .btn_menu:after {content:""; position:absolute; top:50%; left:50%; width:0; height:2px; background:#00347A; transition:.2s linear; transition-delay:.3s;}
.header .btn_menu:before {transform:translate(-50%,-50%);}
.header .btn_menu:after {transform:translate(-50%,-50%) rotate(90deg);}
.header.on .btn_menu {top:25px; height:50px; transform:rotate(135deg);}
.header.on .btn_menu p {opacity:0;}
.header.on .btn_menu .t {margin-top:-13px;}
.header.on .btn_menu .b {margin-top:1px;}
.header.on .btn_menu p:before {margin-left:-13px;}
.header.on .btn_menu p:after {margin-left:1px;}
.header.on .btn_menu:before,
.header.on .btn_menu:after {width:24px;}
.header .gnb ul {display:flex; justify-content:center;}
.header .gnb li {position:relative;}
.header .gnb li > a {display:block; font-size:18px; color:#000; line-height:100px; padding:0 25px;}
.header .gnb li:hover > a,
.header .gnb li.on > a {color:#1A458B;}
.header .gnb .snb {position:absolute; top:100px; left:0; width:100%; background:#fff; border-radius:0 0 10px 10px; padding:10px; display:none;}
.header .gnb .snb a {display:block; font-size:15px; color:#333; line-height:30px; text-align:center;}
.header .gnb .snb a:hover,
.header .gnb .snb a.on {color:#1A458B;}
.header .gnb li:hover .snb {display:block;}
.header.main .inner {max-width:100%;}
.header.fixed {box-shadow:rgba(0,0,0,.2) 0 0 10px;}
.header.on,
.header.hover,
.header.fixed {background:#fff;}
.header.on .gnb li > a,
.header.hover .gnb li > a,
.header.fixed .gnb li > a {color:#000;}
.header.on .gnb li > a:hover,
.header.hover .gnb li > a:hover,
.header.fixed .gnb li > a:hover {color:#1A458B;}

.header .sitemap {position:absolute; top:100px; left:0; width:100%; z-index:20; display:none;}
.header .sitemap .black {position:fixed; top:100px; left:0; width:100%; height:0; background:rgba(0,0,0,.5); z-index:-1; opacity:0; transition:.2s linear;}
.header.on .sitemap .black {height:100%; opacity:1;}
.header .sitemap .outbox {position:relative; background:#fff; padding:30px 0; height:100%; max-height:calc((var(--vh, 1vh) * 100) - 100px); overflow:hidden auto;}
.header .sitemap .outbox > ul {display:flex; justify-content:space-between; height:auto; padding:0 50px;}
.header .sitemap .outbox > ul > li {width:calc((100% - 300px)/7);}
.header .sitemap .outbox > ul > li > a {display:block; font-size:20px; color:#fff; width:100%; height:60px; line-height:20px; text-align:center; border-radius:5px; margin-bottom:10px; display:flex; justify-content:center; align-items:center;}
.header .sitemap .outbox > ul > li.g1 > a {background:#68BC45;}
.header .sitemap .outbox > ul > li.g2 > a {background:#279746;}
.header .sitemap .outbox > ul > li.g3 > a {background:#13D4CA;}
.header .sitemap .outbox > ul > li.g4 > a {background:#106EDE;}
.header .sitemap .outbox > ul > li.g5 > a {background:#F3A122;}
.header .sitemap .outbox > ul > li.g6 > a {background:#F1595B;}
.header .sitemap .outbox > ul > li.g7 > a {background:#145BA2;}
.header .sitemap .snb > li.header_banner{
	color:#fff;
	background:url(/images/front/bg_aside.svg) no-repeat 50% 50% / cover;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    font-size:20px;
    color:#fff;
    width:100%;
    /*line-height:60px;*/
    text-align:center;
    border-radius:5px;
    margin-bottom:10px;
    height:90px;
}

.header .sitemap .snb > li.header_banner .green{
	display:contents;
	color:#35ff6d;
}

.header .sitemap .snb > li a {display:block; font-size:16px; color:#000; line-height:26px; padding:5px 0 5px 10px; text-indent:-10px;}
.header .sitemap .snb > li > a:before {content:"- ";}
.header .sitemap .snb > li:hover > a,
.header .sitemap .snb > li.on > a {color:#279746;}
.header .sitemap .dep a {display:block; padding-left:20px;}
.header .sitemap .dep a:before {content:"ㆍ";}
.header .sitemap .dep a:hover,
.header .sitemap .dep a.on {color:#279746;}

/* footer */
.link.mgr20{margin-right:20px;}
.flink {position:relative; border-top:#ebebeb 1px solid;}
.flink .inner {position:relative;}
.flink_slide {position:relative; padding-right:220px;}
.flink_slide .slick-slide a {display:flex !important; height:100px; font-size:0; justify-content:center; align-items:center;}
.flink .buttons {position:absolute; top:0; right:20px; width:220px; height:100%; display:flex; align-items:center; justify-content:flex-end;}
.flink .buttons:before {content:""; position:absolute; top:50%; left:0; width:1px; height:40px; background:#ddd; margin-top:-20px;}
.flink .buttons button {position:relative; display:block; width:40px; height:40px; border:#ebebeb 1px solid; border-radius:50%; background:no-repeat 50% 50%;}
.flink .buttons .flink_gostop {display:none; font-size:0;}
.flink .buttons .flink_gostop.on {display:block;}
.flink .buttons .flink_pause:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#333; mask:url('/images/front/btn_pause.svg') no-repeat 50% 50% / auto 14px; -webkit-mask:url('/images/front/btn_pause.svg') no-repeat 50% 50% / auto 14px;}
.flink .buttons .flink_play {background-image:url('/images/front/btn_play.svg'); background-size:10px;}
.flink .buttons .flink_arrows {background-size:auto 14px; font-size:0;}
.flink .buttons .flink_prev {background-image:url('/images/front/arrow_prev.svg'); margin-right:20px;}
.flink .buttons .flink_next {background-image:url('/images/front/arrow_next.svg'); margin-right:40px;}
.flink .buttons .slick-hidden {opacity:.7;}
.footer {background:#222; padding:50px 0 80px;}
.footer * {font-family:'Pretendard';}
.footer ul {display:flex; justify-content:space-between;}
.footer li:first-child {width:400px;}
.footer .tt {position:relative; font-size:20px; color:#fff; padding-bottom:12px; margin-bottom:12px; width:390px; max-width:100%; border-bottom:#fff 1px solid;}
.footer .tt .more {position:absolute; top:0; right:0; font-size:16px; color:#fff; font-weight:600; line-height:20px; padding-right:30px; background:url('/images/front/arrow_more2.svg') no-repeat 100% 50%;}
.footer span {display:inline-block; vertical-align:top; font-size:15px; color:#ffffff80; line-height:24px;}
.footer .btm {margin-top:30px;}
.footer .btm.flex{display:flex;}
.footer .btm a {display:flex; justify-content:center; font-size:14px; color:#fff; line-height:43px; height:45px; width:160px; border:#fff 1px solid; background:#333;}
.footer .btm a:after {content:""; display:block; width:7px; height:43px; background:url('/images/front/arrow_more.svg') no-repeat 50% 50% / contain; margin-left:16px;}
.footer .copy {font-size:14px; color:#ffffff80; margin-top:10px;}
.footer dl {display:flex; padding:14px 0; border-bottom:rgba(255,255,255,.2) 1px solid;}
.footer dl:last-child {border-bottom:0;}
.footer dt {width:195px; margin:0; font-size:15px; color:#ffffff80; line-height:30px;}
.footer dd {font-size:26px; color:#fff; font-weight:600; line-height:30px;}
.flink .inner.main,
.footer .inner.main {max-width:1480px;}
.footer .inner.main li:first-child {width:auto;}
.quick_menu {position:fixed; top:50%; right:30px; display:flex; flex-direction:column; width:106px; padding:4px 0 0; z-index:100; box-shadow:rgba(0,0,0,.11) 0 3px 26px; border-radius:20px; overflow:hidden; transform:translate(0,-50%);}
.quick_menu a {position:relative; font-size:14px; color:#333; font-weight:500; line-height:20px; text-align:center; padding:16px 10px; background:#fff;}
.quick_menu a:before {content:""; position:absolute; top:0; left:50%; width:calc(100% - 30px); height:1px; background:#ddd; transform:translate(-50%,0);}
.quick_menu a:first-child:before {display:none;}
.quick_menu a i {display:flex; width:56px; height:56px; background:#f8f8f8 no-repeat 50% 50%; border-radius:10px; margin:0 auto 8px;}
.quick_menu a i.i1 {background-image:url('/images/front/icon_quick01.svg');}
.quick_menu a i.i2 {background-image:url('/images/front/icon_quick02.svg');}
.quick_menu a i.i3 {background-image:url('/images/front/icon_quick03.svg');}
.quick_menu a i.i4 {background-image:url('/images/front/icon_quick04.svg');}
.quick_menu .gotop {background:#00347A; width:100%; margin:0; padding:24px 0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.quick_menu .gotop:before {display:none;}
.quick_menu .gotop i {width:100%; height:20px; background:url('/images/front/arrow_gotop.svg') no-repeat 50% 50% / contain; margin-bottom:5px;}
.quick_menu .gotop p {font-size:15px; color:#fff; font-weight:600; line-height:20px;}

/* main */
.mvisual_wrap {position:relative; margin-top:100px;}
.inner_main {width:1480px; max-width:100%; margin:0 auto; padding:0 20px;}
.mvisual_wrap * {font-family:'Pretendard';}
.mvisual {position:relative;}
.mvisual .slick-slide {position:relative; height:700px; overflow:hidden; font-size:0;}
.mvisual .slick-slide div {height:inherit;}
.mvisual .slick-slide img {width:100%; height:100%; object-fit:cover;}
.mvisual .slick-dots {position:absolute; bottom:80px; left:50%; width:100%; max-width:1480px; padding:0 20px; display:flex; z-index:2; transform:translate(-50%,0);}
.mvisual .slick-dots li {margin-right:12px;}
.mvisual .slick-dots li button {display:block; width:12px; height:12px; background:#fff; opacity:.4; border-radius:50%; font-size:0;}
.mvisual .slick-dots li.slick-active button {opacity:1;}
.mvisual_wrap .text {position:absolute; top:0; left:0; width:100%; height:100%; font-size:50px; color:#fff; font-weight:300; line-height:75px; display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:1; text-shadow:rgba(0,0,0,.5) 0 3px 16px;}

.mcon {position:relative;}
.mcon * {font-family:'Pretendard';}
.mcon .inner_main {position:relative; z-index:1;}
.mcon .title {position:relative; font-size:28px; color:#00347A; line-height:50px; display:flex;}
.mcon .title strong {position:relative; font-size:42px; margin-left:80px;}
.mcon .title strong:before,
.mcon .title strong:after {content:""; position:absolute;}
.mcon .title strong:before {top:50%; left:-60px; width:40px; height:2px; background:#ddd; margin-top:-1px;}
.mcon .title strong:after {bottom:0; left:-10px; width:calc(100% + 20px); height:17px; background:#BEECB3; border-radius:8px; z-index:-1;}
.mcon .title strong + strong {margin-left:10px;}
.mcon .title strong + strong:before {display:none;}
.mcon .title strong + strong:after {width:calc(100% + 30px); left:-20px;}
.mcon .title b {font-size:30px; font-weight:500;}

.mc01 {padding:110px 0 200px; background:url('/images/front/bg_mc01.svg') no-repeat bottom 80px center / 105%;}
.mc01:before,
.mc01:after {content:""; position:absolute;}
.mc01:before {top:76px; left:82px; width:279px; height:279px; background:url('/images/front/bg_mc01a.svg') no-repeat 50% 50% / contain;}
.mc01:after {bottom:142px; right:-30px; width:183px; height:183px; background:url('/images/front/bg_mc01b.svg') no-repeat 50% 50% / contain;}
.mc01 .title {margin-bottom:80px;}
.mc01 ul {display:flex; justify-content:space-between;}
.mc01 ul.pc_vw ul{display:flex; justify-content:space-between;}
.mc01 li {width:340px; border:#ddd 1px solid; border-radius:30px; padding:40px 20px; display:flex; flex-direction:column; align-items:center; background:#fff; transition:.2s linear;}
.mc01 li.seconds {width:632px;}
.mc01 li .img {height:223px; display:flex; align-items:center; margin-top:40px;}
.mc01 li p {font-size:18px; color:#007939; font-weight:700; line-height:20px; height:36px; border:#007939 1px solid; border-radius:18px; text-align:center; padding:16px; display:flex; justify-content:center; align-items:center; margin-top:70px; letter-spacing:-.5px; background:#fff;}
.mc01 li.seconds p{padding:6px 16px 6px 6px;}
.mc01 li p strong {width:130px; height:24px; line-height:24px; color:#fff; background:#007939; border-radius:18px; margin-right:6px;}
.mc01 li.last p {padding:6px 16px; color:#fff; background:#007939;}
/* .mc01 li:hover {transform:translate(0,-20px); background:#A4D68F; border-color:#A4D68F;} */
.mc01 li:hover {transform:translate(0,-20px); border-color:#D3E3F6; background:linear-gradient(312deg, #ffffff,#D3E3F6);}

.mc02 {padding:80px 0; background:url('/images/front/bg_mc02.svg') no-repeat center center / cover;}
.mc02 .title {margin-bottom:20px;}
.mc02 span.year {position:relative; font-size:24px; color:#333; font-weight:700; /*line-height:30px;*/ padding-left:10px; /*margin-bottom:30px;*/ margin-left:30px;}
.mc02 span.year:before {content:""; position:absolute; top:50%; left:0; width:3px; height:20px; background:#333; margin-top:-10px;}
.mc02 dl {display:flex; align-items:flex-end;}
.mc02 dt {width:28%; margin-left:10px; text-align:left;}
.mc02 dd {width:72%; text-align:right; }
.mc02 dd .donutty {position:relative; width:258px; height:250px; margin:0 auto;}
.mc02 dd .donutty svg circle {stroke:linear-gradient(to right, #4E95F4,#001A3D);}
.mc02 dd .donutty .out {position:absolute; top:0; left:0; width:100%; height:100%; padding:57px;}
.mc02 dd .donutty .in {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; border:#fff 2px solid; background:linear-gradient(-15deg, #ffffff,#D3E3F6); border-radius:50%; font-size:18px; color:#598BCE; line-height:28px;}
.mc02 dd .donutty .in strong {font-size:24px; color:#00347A;}
.mc02 dd p {width:144px; height:40px; line-height:40px; background:#fff; border-radius:20px; text-align:center; font-size:20px; color:#00347A; font-weight:700; margin:20px auto 0;}
.mc02 dd p:before {content:""; display:inline-block; vertical-align:top; height:40px; margin-right:10px; background:no-repeat 50% 50% / contain;}
.mc02 dd.i1 p:before {width:31px; background-image:url('/images/front/icon_mc02_01.svg');}
.mc02 dd.i2 p:before {width:30px; background-image:url('/images/front/icon_mc02_02.svg');}
.mc02 dd.i3 p:before {width:30px; background-image:url('/images/front/icon_mc02_03.svg');}

.mc03 {padding:120px 0 150px; background:#F8F8F8;}
.mc03 .inner_main {display:flex; justify-content:space-between;}
.mc03 .inner_main > * {box-shadow:rgba(0,0,0,.1) 0 4px 26px; border-radius:40px; overflow:hidden;}
.mc03 .slick-slide img{max-height:200px;}
.mboard {width:60%; height:450px; display:flex;}
.mboard .jq_tab {width:194px; background:#00347A; padding:43px 0 43px 20px; display:flex; flex-direction:column; justify-content:center;}
.mboard .jq_tab li {position:relative; padding:36px 0; cursor:pointer;}
.mboard .jq_tab li:after {content:""; position:absolute; bottom:0; left:24px; width:114px; height:1px; background:rgba(255,255,255,.2);}
.mboard .jq_tab li:last-child:after {display:none;}
.mboard .jq_tab li span {position:relative; display:block; color:#fff; font-weight:600; line-height:45px; width:calc(100% + 20px); padding:0 24px; border-radius:22px; transition:.2s linear;}
.mboard .jq_tab li span i {position:absolute; top:0; right:20px; width:0; height:100%; background:url('/images/front/arrow_mc.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.mboard .jq_tab li.on span {background:#44ACFB;}
.mboard .jq_tab li.on span i {width:22px;}
.mboard .jq_cont {width:calc(100% - 194px); padding:24px 24px 24px 32px;}
.mboard .cont {position:relative;}
.mboard .tit {font-size:26px; color:#333; font-weight:600; padding-bottom:30px;}
.mc03 .more {position:absolute; top:0; right:0; width:41px; height:41px; background:url('/images/front/icon_more.svg') #00347A no-repeat 50% 50%; border-radius:50%;}
.mc03 .more:hover {transform:rotate(180deg);}
.mboard .cont ul {border-top:#ddd 1px solid; margin-top:-10px; padding-top:10px;}
.mboard .cont li {padding:20px 0; border-bottom:#ddd 1px dashed;}
.mboard .cont li:last-child {border-bottom:0;}
.mboard .cont li a {position:relative; padding:5px 0 5px 82px; display:block;}
.mboard .cont li .date {position:absolute; top:0; left:0; width:70px; height:70px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#F2F8FF; border-radius:10px;}
.mboard .cont li .date strong {font-size:32px; color:#00347A; font-weight:600; line-height:1;}
.mboard .cont li .date p {font-size:12px; color:#00347A; font-weight:600; line-height:1; margin-top:5px;}
.mboard .cont li .tt {display:block; font-size:20px; color:#222; font-weight:600; line-height:30px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mboard .cont li p {font-size:16px; color:#999; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m_photo_news {width:36%; padding:30px;}
.m_photo_news .tit {position:relative; font-size:28px; color:#333; font-weight:600; display:flex; margin-bottom:27px;}
.m_photo_news .tit > strong {margin-left:10px;}
.m_photo_news .btn_box {width:160px; height:40px; margin-left:23px; display:flex; justify-content:center; align-items:center; border:#ddd 1px solid; border-radius:20px;}
.m_photo_news button {height:38px;}
.m_photo_news .arrow {width:7px; background:no-repeat 50% 50% / contain;}
.m_photo_news .news_prev {background-image:url('/images/front/arrow_prev.svg');}
.m_photo_news .news_next {background-image:url('/images/front/arrow_next.svg');}
.m_photo_news .custom_paging {position:relative;}
.m_photo_news .custom_paging .slick-dots {position:relative; width:68px; height:38px;}
.m_photo_news .custom_paging .slick-dots li {font-size:15px; color:rgba(51,51,51,.5); font-weight:600; line-height:38px; text-align:center; display:none;}
.m_photo_news .custom_paging .slick-dots li strong {color:#333; font-weight:600;}
.m_photo_news .custom_paging .slick-dots li.slick-active {display:block;}
.m_photo_news .news_pause {width:8px; background:#333; mask:url('/images/front/btn_pause.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/images/front/btn_pause.svg') no-repeat 50% 50% / contain;}
.m_photo_news .news_play {width:8px; background:url('/images/front/btn_play.svg') no-repeat 50% 50% / contain;}
.m_photo_news .papl {display:none; margin-left:22px;}
.m_photo_news .papl.on {display:block;}
.m_photo_news .photo_slide .img {display:flex; border-radius:10px; overflow:hidden; justify-content:center;}
.m_photo_news .photo_slide p {font-size:20px; color:#333; font-weight:600; line-height:30px; margin:16px 0;}
.m_photo_news .photo_slide .date {font-size:16px; color:#999; line-height:20px; padding-left:20px; background:url('/images/front/icon_date.svg') no-repeat left center;}

.mc04 {padding:100px 0;}
.mc04 dl {display:flex; align-items:center; margin-top:80px;}
.mc04 dt {width:440px;}
.mc04 dd {position:relative; width:calc(100% - 440px);}
.mc04 dd .ani_point_mc {position:absolute; top:-50vh;}
.mc04 .graph {position:relative; padding-top:30px;}
.mc04 .graph > p {position:absolute; top:0; left:0; color:#666;}
.mc04 .graph .mc04_cate {position:absolute; top:0; right:0; display:flex;}
.mc04 .graph .mc04_cate li {font-size:16px; color:#444; line-height:20px; display:flex; margin-left:30px;}
.mc04 .graph .mc04_cate li:first-child {margin-left:0;}
.mc04 .graph .mc04_cate li em {display:block; width:40px; height:20px; margin-right:10px; border-radius:3px;}
.mc04 .graph .mc04_cate .c1 em {background:linear-gradient(#2E78BE,#1A458B);}
.mc04 .graph .mc04_cate .c2 em {background:linear-gradient(#68BC45,#279746);}
.mc04 .graph .count {position:relative; padding-top:10px;}
.mc04 .graph .count li {position:relative; line-height:20px; margin-bottom:40px;}
.mc04 .graph .count li:last-child {margin-bottom:0;}
.mc04 .graph .count li:before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#ddd;}
.mc04 .graph .count li span {position:relative; display:block; background:#fff; width:40px; z-index:1;}
.mc04 .graph .line {position:absolute; top:30px; left:40px; width:calc(100% - 40px); height:calc(100% - 38px); border-left:#ccc 2px solid; border-bottom:#ccc 2px solid;}
.mc04 .graph .years {position:absolute; bottom:9px; left:0; width:100%; height:100%; display:flex; padding:60px 0 0 40px;}
.mc04 .graph .years li {position:relative; flex:25%; text-align:center;}
.mc04 .graph .years li .bar {position:absolute; bottom:0; left:50%; width:40px; height:0; background:#000; transform:translate(-50%,0); transition:all 0.5s ease;}
.mc04 .graph .years li .bar.c1 {background:linear-gradient(#2E78BE,#1A458B); margin-left:-20px;}
.mc04 .graph .years li .bar.c2 {background:linear-gradient(#68BC45,#279746); margin-left:20px;}
.mc04 .graph .years li p {position:absolute; top:100%; left:0; width:100%; padding-top:20px; font-size:18px; color:#00347A; font-weight:700; line-height:20px; text-align:center;}

.mc00 {padding-top:110px;}
.mc00 .jq_tabonoff {margin-top:80px;}
.mc00 .jq_tab {position:relative; padding-left:580px; display:flex; z-index:1; margin-bottom:-25px;}
.mc00 .jq_tab li {font-size:24px; color:#888; font-weight:300; line-height:30px; padding:0 30px; border-right:#ddd 1px solid; cursor:pointer;}
.mc00 .jq_tab li:last-child {border-right:0;}
.mc00 .jq_tab li.on {color:#00347A; font-weight:600;}
.mc00 .cont > dl {display:flex; gap:80px;}
.mc00 .cont > dl > dt {position:relative; width:500px; height:500px; background:no-repeat 50% 50% / contain;}
.mc00 .cont > .i1 > dt {background-image:url('/images/front/img_mc00_01.svg');}
.mc00 .cont > .i2 > dt {background-image:url('/images/front/img_mc00_02.svg');}
.mc00 .cont > .i3 > dt {background-image:url('/images/front/img_mc00_03.svg');}
.mc00 .cont > .i4 > dt {background-image:url('/images/front/img_mc00_04.svg');}
.mc00 dt .rotate {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/front/img_mc00_rotate.svg') no-repeat 50% 50% / 50%; animation:mc00_rotate 20s linear infinite; z-index:-1;}
@keyframes mc00_rotate {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
.mc00 .cont > dl > dd {width:calc(100% - 580px); padding-top:60px;}
.mc00 .inbox {background:#F8F8F8; border-radius:40px; padding:30px; min-height:465px;}
.mc00 .tit {font-size:22px; color:#145BA2; font-weight:700; line-height:30px; padding:0 0 20px 55px; background:url('/images/front/icon_logo.png') no-repeat 0 0; border-bottom:#ddd 1px solid; margin-bottom:30px;}
.mc00 p {font-size:16px; color:#444; line-height:24px;}
.mc00 .tt {font-size:20px; color:#444; font-weight:700; padding-left:22px; background:url('/images/front/icon_plus2.svg') no-repeat left center; margin:30px 0 20px;}
.mc00 .tar {margin-top:30px;}
.mc00 .tar .btn {display:inline-block; vertical-align:top; font-size:16px; color:#00347A; font-weight:600; line-height:22px; padding-right:30px; background:url('/images/front/icon_plus3.svg') no-repeat right center;}
.mc00 .i1 ul {display:flex; gap:10px; margin-top:20px;}
.mc00 .i1 li {width:calc(50% - 5px); border:#ccc 1px solid; border-radius:10px; overflow:hidden; background:#fff;}
.mc00 .i1 .t {font-size:18px; color:#fff; font-weight:500; line-height:30px; padding:10px 0; text-align:center; background:#999;}
.mc00 .i1 .c {font-size:16px; color:#666; line-height:20px; padding:20px; text-align:center;}
.mc00 .i1 .c1 .t {background:linear-gradient(to right, #1B458B, #68BC45);}
.mc00 .i2 ul {display:flex; gap:60px; margin-top:30px;}
.mc00 .i2 li {position:relative; width:calc(50% - 30px);}
.mc00 .i2 li:before {content:""; position:absolute; top:0; left:-60px; width:60px; height:100%; background:url('/images/front/arrow_mc00b.svg') no-repeat 50% 50%;}
.mc00 .i2 li:first-child:before {display:none;}
.mc00 .i2 .t {font-size:18px; color:#fff; font-weight:500; line-height:40px; text-align:center; background:#145BA2; text-align:center; border-radius:10px 10px 0 0; overflow:hidden;}
.mc00 .i2 .c {padding:15px; display:flex; align-items:center; background:#fff; border-radius:0 0 10px 10px; border:#ccc 1px solid; border-top:0;}
.mc00 .i2 .c .img {width:60%;}
.mc00 .i2 .c p {width:40%; text-align:center;}
.mc00 .i3 ul {display:flex; gap:25px; margin-bottom:30px;}
.mc00 .i3 li {width:calc((100% - 50px)/3);}
.mc00 .i3 .t {font-size:18px; color:#fff; font-weight:500; line-height:40px; text-align:center; text-align:center; border-radius:10px 10px 0 0; overflow:hidden;}
.mc00 .i3 .c {padding:25px 30px; font-size:16px; color:#666; line-height:24px; border-radius:0 0 10px 10px; border:#ccc 1px solid; border-top:0; background:#fff; height:123px;}
.mc00 .i3 .c1 .t {background:#279746;}
.mc00 .i3 .c2 .t {background:#106EDE;}
.mc00 .i3 .c3 .t {background:#145BA2;}
.mc00 .i3 .arrbox {background:#fff; border-radius:15px; display:flex; align-items:center; padding:28px 0;}
.mc00 .i3 .arrbox dt,
.mc00 .i3 .arrbox dd {line-height:24px;}
.mc00 .i3 .arrbox dt {font-size:20px; color:#279746; font-weight:700; padding:0 20px 0 70px; background:url('/images/front/arrow_mc00c.svg') no-repeat 30px 50% / 30px; margin-right:20px; border-right:#ddd 1px solid;}
.mc00 .i3 .arrbox dd {font-size:18px; color:#444; padding:0; width:calc(100% - 220px);}
.mc00 .i4 .book {padding-left:200px; background:url('/images/front/img_mc00_d01.png') no-repeat 30px 0; margin-top:30px;}
.mc00 .i4 .book ol {display:flex; flex-direction:column; gap:21px;}
.mc00 .i4 .book li {position:relative; background:#fff; padding:13px 10px 13px 49px; background:#fff; border-radius:10px; font-size:16px; color:#444; line-height:24px;}
.mc00 .i4 .book li i {position:absolute; top:13px; left:13px; width:24px; height:24px; line-height:24px; text-align:center; font-size:16px; color:#fff; font-weight:700; background:#145BA2; border-radius:50%;}

/* 상단 이미지 */
.svisual {margin-top:100px; background:no-repeat 50% 50% / cover;}
.svisual .inner {text-align:right; font-size:35px; font-weight:300; line-height:50px; padding:100px 20px;}
.svisual i {position:relative; }
.svisual i:before {content:""; position:absolute; top:-12px; left:50%; width:10px; height:10px; border-radius:50%; margin-left:-5px;}
.svisual p {font-size:15px; line-height:20px;}
.svisual p strong {font-weight:600;}
.svisual.g1 {background-image:url('/images/front/svisual01.svg'); color:#1B458B;}
.svisual.g1 i:before {background-color:#1B458B;}
.svisual.g2 {background-image:url('/images/front/svisual02.svg'); color:#285B75;}
.svisual.g2 i:before {background-color:#285B75;}
.svisual.g3 {background-image:url('/images/front/svisual03.svg'); color:#1758EF;}
.svisual.g3 i:before {background-color:#1758EF;}
.svisual.g4 {background-image:url('/images/front/svisual04.svg'); color:#AC4E0F;}
.svisual.g4 i:before {background-color:#AC4E0F;}
.svisual.g5 {background-image:url('/images/front/svisual06.svg'); color:#123552;}
.svisual.g5 i:before {background-color:#123552;}
.svisual.g6 {background-image:url('/images/front/svisual07.jpg'); color:#D45555;}
.svisual.g6 i:before {background-color:#D45555;}
.svisual.g7 {background-image:url('/images/front/svisual05.svg'); color:#116FB7;}
.svisual.g7 i:before {background-color:#116FB7;}

/* 서브메뉴 */
.aside {margin-top:-30px; width:220px; transition:.2s linear;}
.aside * {font-family:'Pretendard';}
.aside .home,
.aside .g dd,
.aside .s dt,
.aside .d {display:none;}
.aside .g dt {display:flex; justify-content:center; align-items:center; font-size:24px; color:#fff; font-weight:500; width:100%; height:130px; background:url('/images/front/bg_aside.svg') no-repeat 50% 50% / cover; border-radius:0 30px 30px 0; text-align:center; line-height:30px;}
.aside dd li > a {position:relative; display:block; color:#444; font-weight:500; line-height:60px;}
.aside dd li > a:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd; transition:.2s linear;}
.aside dd li > a i {position:absolute; top:0; right:8px; width:16px; height:100%;}
.aside dd li > a i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#444; mask:url('/images/front/arrow_aside.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/images/front/arrow_aside.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.aside dd li:hover > a,
.aside dd li.open > a,
.aside dd li.on > a {color:#24954B; font-weight:700;}
.aside dd li:hover > a:after,
.aside dd li.open a:after,
.aside dd li.on > a:after {background:#24954B; height:2px;}
/* .aside dd li:hover a i:before, */
.aside dd li.open a i:before,
.aside dd li.on a i:before {background:#24954B; transform:rotate(180deg);}
.aside dd li.open.on > a {color:#444; font-weight:500;}
.aside dd li.open.on > a:after {background:#ddd; height:1px;}
.aside dd li.open.on > a:hover:after {background:#24954B; height:2px;}
.aside dd li.open.on a i:before {background:#444; transform:rotate(0deg);}
.aside dd li .dep {background:#fbfbfb; padding:16px 0; border-bottom:#ddd 1px solid; display:none;}
.aside dd li.on .dep {display:block;}
.aside dd li .dep a {display:block; font-size:15px; color:#444; font-weight:500; line-height:30px; padding:0 20px;}
.aside dd li .dep a:hover,
.aside dd li .dep a.on {color:#279746;}

/* 타이틀 및 공통 */
.container {display:flex; justify-content:space-between; padding-bottom:160px; font-size:16px; color:#444; line-height:24px;}
.container * {font-family:'Pretendard';}
.container .contents {width:1010px; padding:56px 0 0; transition:.2s linear;}
.container .title {position:relative; line-height:40px; padding-bottom:25px; border-bottom:#ebebeb 1px solid; margin-bottom:50px;}
.container .title .name {font-size:28px; color:#145BA2; font-weight:700; font-family:'S-CoreDream', sans-serif;}
.container .title .location {position:absolute; top:0; right:0; font-size:15px; font-weight:400; display:flex; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif;}
.container .title .location .home {width:14px; background:url('/images/front/icon_home.svg') no-repeat 50% 50% / contain;}
.container .title .location span {color:#444;}
.container .title .location strong {color:#145BA2;}
.container .title .location strong.s {color:#444; font-weight:400;}
.container .title .location em {width:6px; background:url('/images/front/arrow_next.svg') no-repeat 50% 50% / contain; margin:0 11px;}
.stit {font-size:20px; color:#145BA2; font-weight:700; line-height:30px; margin:100px 0 40px; font-family:'S-CoreDream', sans-serif;}
.stit_se{font-size:16px; color:#222; font-weight:500;}
.stit.mb25 {margin-bottom:25px;}
.stit.mg2500 {margin:25px 0 0;}
.stit.mg8000 {margin: 80px 0 0;}
.stit_se.mg25010 {margin:25px 0 10px;}
.stit_se.mg200{margin:20px 0;}
.stit.flex {display:flex; align-items: center; gap:50px;}
.stit .select {display:flex; align-items: center; gap:5px;}
.stit .select p {font-size:16px; color:#666; font-weight:400;}
.stit .select .nice-select {color:#333;}
.mg100{margin:10px 0;}
.container .title + .stit {margin-top:0;}
.cb_tit {font-size:20px; color:#fff; font-weight:500; line-height:50px; width:200px; text-align:center; background:linear-gradient(to right, #1B458B,#68BC45); border-radius:10px; margin:80px 0 40px;}
.cb_tit_auto {margin:40px 0 20px;}
.cb_tit_auto span {display:inline-block; font-size:20px; color:#fff; font-weight:500; line-height:50px; padding:0 37px; background:linear-gradient(to right, #1B458B,#68BC45); border-radius:10px;}
.subtit {font-size:20px; color:#145BA2; font-weight:700;}
.subtit.blk {color:#444;}
.subtit.mtb {margin:50px 0 20px;}

.coming {background:#fbfbfb; border-radius:20px; padding:100px 0; text-align:center; font-size:30px;}

.btn_blue {display:block; font-size:18px; color:#fff; font-weight:500; line-height:60px; height:60px; max-width:100%; background:#145BA2; border-radius:10px; text-align:center; margin:40px auto 0; border:0;}
.btn_blue:after {content:""; display:inline-block; height:inherit; vertical-align:top; background:no-repeat 50% 50% / contain; margin-left:10px;}
.btn_green {background:#279746;}
.btn_green img {display:inline-block; vertical-align:text-bottom;}
.btn_down {width:260px;}
.btn_down:after {width:20px; background-image:url('/images/front/icon_down.svg');}
.btn_pdf {width:200px;}
.btn_pdf:after {width:16px; background-image:url('/images/front/icon_pdf.svg');}
.btn_link {display:inline-block; width:300px; max-width:100%; vertical-align:top; padding:0 20px; text-align:center;}
.btn_link:after {width:18px; background-image:url('/images/front/icon_link.svg');}
.btn_link.nonico:after {display:none;}
.tac .btn_blue {display:inline-block; vertical-align:top; width:200px;}
.tac .btn_blue.wauto {width:auto;}
.btn_tac {text-align:center; font-size:0;}
.btn_tac > * {margin-left:10px;}
.btn_tac > *:first-child {margin-left:0;}
.btn_tac.mt2 .btn_blue {margin-top:20px;}
.btn_tac.mt2 .btn_blue.btn_gradient{background:linear-gradient(to right, #1B458B,#68BC45);}
.btn_list {width:200px;}
.btn_list:after {display:none;}
.btn_non:after {display:none;}

.tbl table {border-top:#444 2px solid;}
.tbl th,
.tbl td {border:#ccc 1px solid; border-top:0; text-align:center;}
.tbl.nbd_l th:first-child,
.tbl.nbd_l td:first-child {border-left:0;}
.tbl.nbd_r th:last-child,
.tbl.nbd_r td:last-child {border-right:0;}
.tbl thead th {font-weight:700; line-height:20px; padding:19px 20px; background:#fbfbfb;}
.tbl tbody th {font-weight:700; line-height:26px; padding:20px 10px; background:#fbfbfb;}
.tbl tbody td.tal {padding:25px 20px;}
.tbl tbody td.tal2 {padding:25px 20px;}
.tbl tbody td.tal2 img {height:265px;}
table col.ws8 {width:80px;}
table col.ws9 {width:90px;}
table col.ws10 {width:100px;}
table col.ws11 {width:110px;}
table col.ws12 {width:120px;}
table col.ws13 {width:130px;}
table col.ws14 {width:140px;}
table col.ws15 {width:150px;}
table col.ws16 {width:160px;}
table col.ws17 {width:170px;}
table col.ws18 {width:180px;}
table col.ws19 {width:190px;}
table col.ws20 {width:200px;}
table col.ws22 {width:220px;}
table col.ws24 {width:240px;}
table col.ws25 {width:250px;}
table col.ws30 {width:300px;}
.tbl.mt {margin-top:20px;}
.tbl.mt4 {margin-top:40px;}
.tbl.mt6 {margin-top:60px;}
.tbl.nbdlr tr :first-child {border-left:0;}
.tbl.nbdlr tr :last-child {border-right:0;}
.tbl_val th,
.tbl_val td {padding:30px 40px;}
.tbl_val th {background:#fbfbfb; line-height:26px;}
.tbl_val th b {font-size:14px;}
.tbl_val td {line-height:30px;}
.tbl .bg_green,
.tdgreen td {background:#F8FFF9;}
.tbl .tbl_tit {font-weight:700; margin-top:40px;}
.tbl .tbl_tit:first-child {margin-top:0;}
p.mt {margin-top:20px;}
p.mt10 {margin-top:10px;}
p.mt6 {margin-top:60px;}
.tbl.pb_long td {padding:35px 40px;}
.tbl.tdover td {padding:10px;}
.tbl.font_sml thead th {font-size:14px; line-height:22px; font-weight:500; padding:10px;}
.tbl.font_sml tbody th {font-size:14px; background:#fbfbfb;}
.tbl.font_sml tbody td {font-size:14px; line-height:22px; padding:20px 10px; word-wrap:break-word;}
.tbl .bg_g {background:#F8FFF9;}
.tbl table ~ p {padding-left:13px; text-indent:-13px;}
.tbl.lh6 td {padding:20px 10px;}
.tbl td.c {background:#F8FFF9;}
.tbl.th_lr_pd10 thead th {padding-left:10px; padding-right:10px;}
.tbl td i.o,
.tbl td i.x {display:block; width:10px; height:10px; background:no-repeat 50% 50%; margin:0 auto;}
.tbl td i.o {background-image:url('/images/front/icon_o.svg');}
.tbl td i.x {background-image:url('/images/front/icon_x.svg');}

/* E-순환체계란 */
ul.flx {
	display:flex;
	justify-content:space-between;
	margin-top:30px;
}

ul.flx > li{
	border:1px solid #ccc;
	border-radius:10px;
	width:480px;
	text-align:center;
}

ul.flx > li > div{
	padding:20px;
}

ul.flx > li > div.subTitle{
	color:#fff;
	font-size:1.2rem;
	border-top-left-radius:10px;
    border-top-right-radius:10px;
}

ul.flx > li > div.subTitle.firstColor{
	background:#999999;
}

ul.flx > li > div.subTitle.seColor{
	    background:linear-gradient(to right, #1B458B,#68BC45);
}

/* 설립목적 및 연혁 */
.introduction_img {background:url('/images/front/img_s0101.png') no-repeat 0 0 / cover; padding-left:39%; height:280px; display:flex; flex-direction:column; justify-content:center; margin-bottom:75px; border-radius:15px;}
.introduction_img .tit {font-size:24px; color:#04712A; font-weight:700; line-height:34px; margin-bottom:25px;}
.introduction_img p {font-size:18px; color:#333; font-weight:500; line-height:28px; font-family:'Pretendard', sans-serif; padding-right:5px;}

.history {position:relative; padding-top:220px;}
.history:before {content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#ccc;}
.history .tit {position:absolute; top:0; left:50%; background:linear-gradient(200deg, #1b458b 0%,#68bc45 100%); border-radius:50%; transform:translate(-50%,0); padding:5px;}
.history .tit span {display:flex; justify-content:center; align-items:center; width:140px; height:140px; background:#fff; border-radius:50%; font-size:24px; color:#145BA2; font-weight:700;}
.history dl {position:relative; padding-left:50%; z-index:1; margin-top:95px;}
.history .tit + dl {margin-top:0;}
.history dt,
.history dd {padding-left:46px;}
.history dt {position:relative; font-size:28px; color:#279746; font-weight:700; line-height:30px; margin-bottom:15px;}
.history dt:before,
.history dt:after {content:""; position:absolute; top:50%; background:#ccc;}
.history dt:before {left:0; width:30px; height:1px;}
.history dt:after {left:-6px; width:13px; height:13px; border-radius:50%; margin-top:-6px;}
.history dd p {position:relative; font-size:18px; color:#707070; line-height:21px; margin-top:15px; padding-left:60px;}
.history dd p:first-child {margin-top:0;}
.history dd p em {position:absolute; top:0; left:0; color:#000;}
.history dl:nth-child(2n-1) {padding:0 50% 0 0; text-align:right;}
.history dl:nth-child(2n-1) dt,
.history dl:nth-child(2n-1) dd {padding:0 46px 0 0;}
.history dl:nth-child(2n-1) dt {color:#1B458B;}
.history dl:nth-child(2n-1) dt:before {left:auto; right:0;}
.history dl:nth-child(2n-1) dt:after {left:auto; right:-6px;}
.history dl:nth-child(2n-1) dd p {padding:0 60px 0 0;}
.history dl:nth-child(2n-1) dd p em {left:auto; right:0;}
.history dl:last-child {padding-bottom:150px;}

/* 주요사업 */
.business_area {margin-top:100px;}
.business_area dl {margin-top:60px; display:flex; justify-content:space-between; align-items:center;}
.business_area dl:first-child {margin-top:0;}
.business_area dt,
.business_area dd {width:44.56%;}
.business_area dd .num {font-size:21px; color:#279746; font-weight:700;}
.business_area dd .tit {position:relative; font-size:24px; color:#444; font-weight:700; line-height:30px; padding:10px 0 33px; margin-bottom:20px;}
.business_area dd .tit:after {content:""; position:absolute; bottom:0; left:0; width:50px; height:3px; background:#ccc;}
.business_area dd p {color:#666; line-height:36px;}
.business_area dl:nth-child(2n) {flex-direction:row-reverse;}
.business_area dl:nth-child(2n) dd {text-align:right;}
.business_area dl:nth-child(2n) dd .tit:after {left:auto; right:0;}

/* 임원현황 */
.executives_tit {font-size:24px; color:#279746; font-weight:600; background:#fbfbfb; padding:28px 20px; text-align:center; border-radius:10px;}
.executives_tit span {font-size:16px;}
.executives_list {display:flex; flex-wrap:wrap; margin-top:-40px;}
.executives_list li {width:calc((100% - 90px)/4); margin:40px 0 0 30px;}
.executives_list li:nth-child(4n-3) {margin-left:0;}
.executives_list li i {display:block; width:100%; height:130px; border:#ccc 1px solid; border-radius:10px; display:flex; justify-content:center; align-items:center; padding:0 10px;}
.executives_list li i > img{max-height:100px;}

.executives_list li p {font-size:20px; color:#444; font-weight:700; line-height:24px; margin-top:20px;}
.executives_list li p span {font-size:16px; color:#666; font-weight:500; margin-left:10px;}

/* 조직도 */
.organization_chart {text-align:center;}
.organization_chart * {position:relative;}
.organization_chart .bg {background:linear-gradient(to right, #1B458B,#68BC45); font-weight:500;}
.organization_chart .bg2 {background:#1F4B89;}
.organization_chart .in {padding:5px;}
.organization_chart .in span {display:block; background:#fff; border-radius:7px; line-height:70px; font-size:26px; color:#444;}
.organization_chart .c1 {width:200px; height:80px; line-height:80px; border-radius:10px; color:#fff;}
.organization_chart .line_b:after {content:""; position:absolute; top:80px; left:50%; width:1px; background:#cecece;}
.organization_chart .line_r:after {content:""; position:absolute; top:50%; left:0; width:50%; height:1px; background:#cecece; z-index:-1;}
.organization_chart .lh_h {line-height:20px; display:flex; align-items:center; justify-content:center; font-size:18px;}
.organization_chart .lh_h p {font-size:16px;}
.organization_chart a {display:block; font-size:18px; font-weight:500; display:flex; justify-content:center; align-items:center; align-content:center;}
.organization_chart a:after {content:""; display:block; width:8px; height:inherit; margin-left:10px; background:url('/images/front/arrow_more3.svg') no-repeat 100% 50% / 8px;}
.organization_chart .ceo {margin:0 auto 60px;}
.organization_chart .ceo:after {height:60px;}
.organization_chart .siljang {font-size:22px; margin:60px auto 60px;}
.organization_chart .siljang:before,
.organization_chart .samu:before {content:""; position:absolute; bottom:80px; left:50%; width:1px; height:60px; background:#cecece;}
.organization_chart .siljang:after {height:70px;}
.organization_chart .samu {margin:60px auto; width:120px; height:50px; background:#66B847;}
.organization_chart .samu:before {bottom:50px; height:100px;}
.organization_chart .samu:after {top:50px; height:70px;}
.organization_chart .samu span {line-height:40px; font-size:18px;}
.organization_chart .side.left {margin:-40px 0;}
.organization_chart .side.right {padding-left:50%; margin:-60px 0;}
.organization_chart .side.right ul {position:relative; display:flex; flex-direction:column; gap:10px; padding:0 0 0 240px;}
.organization_chart .side.right ul:before {content:""; position:absolute; top:50%; left:0; width:186px; height:1px; background:#cecece;}
.organization_chart .side.right li {position:relative; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:500; border-radius:10px;}
.organization_chart .side.right li a.memberLink{color:#fff;}
.organization_chart .side.right li:before,
.organization_chart .side.right li:after {content:""; position:absolute; top:50%; background:#cecece;}
.organization_chart .side.right li:before {left:-55px; width:55px; height:1px;}
.organization_chart .side.right li:after {left:-56px; width:1px; height:calc(100% + 10px);}
.organization_chart .side.right li:last-child:after {top:auto; bottom:50%;}
.organization_chart .point1 {background:url('/images/front/bg_orga01.svg') no-repeat 50% 50% / cover;}
.organization_chart .point2 {background:url('/images/front/bg_orga02.svg') no-repeat 50% 50% / cover;}
.organization_chart .point3 {background:url('/images/front/bg_orga03.svg') no-repeat 50% 50% / cover;}
.organization_chart .point4, .organization_chart .point5 {background:url('/images/front/bg_orga04.svg') no-repeat 50% 50% / cover;}
.organization_chart .bon a {margin:0 auto;}
.organization_chart .bon:before {content:""; position:absolute; bottom:-6px; left:calc(50% - 6px); width:12px; height:12px; border-radius:50%; border:3px solid; background:#fff; z-index:1;}
.organization_chart ul.btm {position:relative; display:flex; padding-top:50px;}
.organization_chart ul.btm li {position:relative;}
.organization_chart ul.btm li:before,
.organization_chart ul.btm li:after {content:""; position:absolute; top:-40px; background:#cecece;}
.organization_chart ul.btm li:before {left:50%; width:1px; height:40px;}
.organization_chart ul.btm li:after {width:100%; height:1px;}
.organization_chart li.t1 {width:240px;}
.organization_chart li.t2 {margin:0 10px 0 15px;}
.organization_chart li.t2:after {left:0;}
.organization_chart li.t3:after {left:-15px; right:50%;}
.organization_chart li.t4:after {left:auto; right:50%;}
.organization_chart li.t2 .bon:before {border-color:#245FA5;}
.organization_chart li.t3 .bon:before {border-color:#46A846;}
.organization_chart dl {position:relative; display:flex; padding-top:60px; margin-top:60px; justify-content:center;}
.organization_chart dl:before {content:""; position:absolute; top:-60px; left:50%; width:1px; height:60px; background:#cecece;}
.organization_chart dd {position:relative; width:110px; height:70px; line-height:24px; font-size:16px; color:#444; text-align:center; margin-left:10px; background:#f2f2f2; border-radius:10px; display:flex; align-content:center; justify-content:center; align-items:center;}
.organization_chart dd:before,
.organization_chart dd:after {content:""; position:absolute; top:-60px; left:50%; background:#cecece;}
.organization_chart dd:before {width:1px; height:60px;}
.organization_chart dd:after {width:100%; height:1px;}
.organization_chart dd:first-child {margin-left:0;}
.organization_chart dd:nth-child(2):after {left:0;}
.organization_chart dd:last-child:after {left:auto; right:50%;}
.organization_chart dd i {position:absolute; top:-6px; left:calc(50% - 6px); width:12px; height:12px; border-radius:50%; border:3px solid; background:#fff; z-index:1;}
.organization_chart li.t2 .bon:before,
.organization_chart li.t2 dd i {border-color:#245FA5;}
.organization_chart li.t3 .bon:before,
.organization_chart li.t3 dd i {border-color:#46A846;}
.organization_chart li.t4 dd:after{display:none;}
.tbl_organization > div {display:none;}
.tbl_organization > div.on {display:block;}

/* CI 및 캐릭터 */
.chkarea {background:url('/images/front/bg_chk.svg'); border:#ccc 1px solid; border-radius:15px; height:210px; display:flex; justify-content:center; align-items:center; margin-bottom:20px;}
.ci_color {display:flex; justify-content:space-between; align-items:center; padding:0 35px; height:210px; border:#ccc 1px solid; border-radius:15px;}
.ci_color dl {display:flex; align-items:center;}
.ci_color dt {width:70px; height:70px; border-radius:50%;}
.ci_color dd {padding-left:15px;}
.ci_color dd p {position:relative; margin-top:10px; font-size:14px; line-height:20px; padding:0 140px 0 30px;}
.ci_color dd p:first-child {margin-top:0;}
.ci_color dd p i {position:absolute; top:0; left:0; width:20px; height:20px; border-radius:3px;}
.ci_color dd p em {position:absolute; top:0; right:0; text-align:right;}
.ci_color .g dt {background:linear-gradient(#68bc45, #279746);}
.ci_color .g dd .c1 i {background:#68bc45;}
.ci_color .g dd .c2 i {background:#279746;}
.ci_color .b dt {background:linear-gradient(#2e78be, #1a458b);}
.ci_color .b dd .c1 i {background:#2e78be;}
.ci_color .b dd .c2 i {background:#1a458b;}
.ci_color .y dt {background:linear-gradient(#ffe100, #f18900);}
.ci_color .y dd .c1 i {background:#ffe100;}
.ci_color .y dd .c2 i {background:#f18900;}
.ci_half {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:-60px;}
.ci_half li {width:calc(50% - 30px); margin-top:60px;}
.ci_half li .tt {font-weight:700; margin-bottom:20px;}
.ci_half li .ibox {display:flex; justify-content:center; align-items:center; height:260px; border:#ccc 1px solid; border-radius:15px;}
.ci_half li .ibox.blk {background:#000;}
.ci_half li .ibox img {max-width:380px;}

.character_video iframe {max-width:100%; margin:0 auto;}
.character_list dl {margin-top:100px; display:table;}
.character_list dl:first-child {margin-top:0;}
.character_list dt,
.character_list dd {display:table-cell; vertical-align:bottom;}
.character_list dt {width:355px;}
.character_list .tt span {position:relative; font-size:26px; font-weight:700; padding-left:20px; margin-left:20px; display:inline-block; vertical-align:bottom;}
.character_list .tt span:before {content:""; position:absolute; top:50%; left:0; width:1px; height:28px; margin-top:-14px; background:#ccc;}
.character_list .bar {font-size:22px; font-weight:500; line-height:30px; padding:3px 15px; margin:22px 0 44px;}
.character_list p {font-size:18px; line-height:26px;}
.character_list .c1 .tt span {color:#0070BE;}
.character_list .c1 .bar {color:#0070BE; background:#EDF2FA;}
.character_list .c2 .tt span {color:#1EB5C9;}
.character_list .c2 .bar {color:#1EB5C9; background:#EEF7F1;}
.character_list .c3 .tt span {color:#B10113;}
.character_list .c3 .bar {color:#B10113; background:#FEF0DC;}
.character_list .c4 .tt span {color:#8ABB2A;}
.character_list .c4 .bar {color:#8ABB2A; background:#F8F9DB;}

/* 정관 및 운영보고 */
.crticles_list dl {border-top:#145BA2 2px solid; margin-top:60px;}
.crticles_list dl:first-child {margin-top:0;}
.crticles_list dt {font-size:22px; color:#145BA2; font-weight:700; line-height:30px; padding:25px; text-align:center; border-bottom:#145BA2 1px solid; background:#F8FCFF;}
.crticles_list dd {padding:40px 30px; border-bottom:#ccc 1px solid;}
.crticles_list dd ul {display:flex; flex-wrap:wrap; margin-top:-30px;}
.crticles_list dd li {position:relative; flex:1 1 33%; margin-top:30px; font-weight:500; line-height:20px; padding-left:20px;}
.crticles_list dd li:before {content:""; position:absolute; top:5px; left:0; width:10px; height:10px; background:#145BA2; border-radius:50%;}

/* 오시는 길 */
.map_box {width:100%;}
.root_daum_roughmap {max-width:100%;}
.map_box .roughmap_maker_label {top:0 !important; left:0 !important; border:0;}
.map_box .roughmap_maker_label:after {display:none;}
.map_box .roughmap_maker_label a {display:block; width:107px; height:145px; background:url('/images/front/icon_map.svg') no-repeat 50% 50% / contain;}
.map_box .roughmap_maker_label .roughmap_lebel_text {font-size:0; display:none;}
.map_text {display:flex; background:#145BA2; padding:34px 40px; border-radius:0 0 15px 15px;}
.map_text dl {position:relative; display:flex; align-items:center; padding-left:35px; margin-left:35px;}
.map_text dl:before {content:""; position:absolute; top:50%; left:0; width:1px; height:20px; background:#fff; transform:translate(0,-50%);}
.map_text dl:first-child {padding-left:0; margin-left:0;}
.map_text dl:first-child:before {display:none;}
.map_text dt {width:48px;}
.map_text dd {font-size:17px; color:#fff; font-weight:500;}
.transportation {display:flex; justify-content:space-between;}
.transportation dl {width:calc(50% - 5px); display:flex; align-items:center; height:160px; border:#ccc 1px solid; padding:0 40px; border-radius:10px;}
.transportation dt {width:74px;}
.transportation dd {width:calc(100% - 74px);}
.transportation dd .tt {font-size:20px; font-weight:700; line-height:24px; margin-bottom:10px;}

/* E-순환체계 */
.circulation_img {background:no-repeat #FBFBFB right 40px center; padding:40px; min-height:230px; display:flex; flex-direction:column; justify-content:center; margin-bottom:100px; border-radius:10px;}
.circulation_img .tit {font-size:24px; color:#04712A; font-weight:700; line-height:34px; margin-bottom:25px;}
.circulation_img p {font-size:18px; color:#333; font-weight:500; line-height:28px; font-family:'Pretendard', sans-serif;}
.circulation_img p strong {color:#279746;}
.circulation_img.height_auto {min-height:auto !important; padding:20px;}
.circulation_img.height_auto p {font-size:20px; line-height:32px;}
.circulation_img.s21 {background-image:url('/images/front/img_s0201.svg'); padding-right:290px;}
.circulation_img.s22 {background-image:url('/images/front/img_s0202.svg'); padding-right:220px;}

.glbox {display:flex; justify-content:center; align-items:center; border:#ccc 1px solid; border-radius:10px; padding:60px 0;}
.glbox.low4 {padding:40px 0;}
.glbox.low3 {padding:30px 0;}
.glbox.mt {margin-top:30px;}
.glbtm_mt {margin-top:60px;}
.glbtm_mb {margin-bottom:40px;}

/* 환경성보장제도 */
.system_overview_img {position:relative; padding:60px 0; max-width:1010px; margin:0 auto;}
.system_overview_img .center {position:relative; width:420px; height:420px; margin:0 auto; background:url('/images/front/img_mc00_01.svg') no-repeat 50% 50% / contain; z-index:1;}
.system_overview_img .center .rotate {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/front/img_mc00_rotate.svg') no-repeat 50% 50% / 50%; animation:mc00_rotate 20s linear infinite; z-index:-1;}
.system_overview_img ul {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.system_overview_img li {position:absolute; width:265px;}
.system_overview_img li:before,
.system_overview_img li:after {content:""; position:absolute; background:#ddd; height:1px;}
.system_overview_img li i {position:absolute; width:10px; height:10px; border:2px solid; border-radius:50%; background:#fff; z-index:1;}
.system_overview_img li .svg {position:absolute; background:no-repeat 50% 50% / contain;}
.system_overview_img .tt {font-size:18px; color:#fff; font-weight:500; line-height:50px; text-align:center; border-radius:10px 10px 0 0;}
.system_overview_img .cn {background:#fff; border:#ddd 1px solid; border-radius:0 0 10px 10px; padding:20px;}
.system_overview_img .cn p {padding-left:16px; text-indent:-16px;}
.system_overview_img .c1 {top:0; left:0;}
.system_overview_img .c1 .svg {left:100%; top:90px; width:110px; height:28px; background-image:url('/images/front/svg_saline1.svg');}
.system_overview_img .c1 i {border-color:#55787D; right:-112px; bottom:20px;}
.system_overview_img .c1 .tt {background:#55787D;}
.system_overview_img .c2 {top:95px; right:0;}
.system_overview_img .c2 .svg {right:100%; top:5px; width:125px; height:110px; background-image:url('/images/front/svg_saline2.svg');}
.system_overview_img .c2 i {border-color:#698B7A; top:0; left:-133px;}
.system_overview_img .c2 .tt {background:#698B7A;}
.system_overview_img .c3 {top:305px; right:0;}
.system_overview_img .c3 .svg {right:100%; top:51px; width:55px; height:30px; background-image:url('/images/front/svg_saline3.svg');}
.system_overview_img .c3 i {border-color:#87AA74; top:45px; left:-62px;}
.system_overview_img .c3 .tt {background:#87AA74;}
.system_overview_img .c4 {bottom:0; left:0;}
.system_overview_img .c4 .svg {left:100%; top:73px; width:145px; height:26px; background-image:url('/images/front/svg_saline4.svg');}
.system_overview_img .c4 i {border-color:#E2804F; top:67px; right:-150px;}
.system_overview_img .c4 .tt {background:#E2804F;}
.system_overview_img .c5 {top:165px; left:0;}
.system_overview_img .c5:before {left:100%; top:105px; width:40px;}
.system_overview_img .c5:after {display:none;}
.system_overview_img .c5 i {border-color:#FFBD3A; top:100px; right:-43px;}
.system_overview_img .c5 .tt {background:#FFBD3A;}

.s21_round {display:flex; justify-content:center; align-items:center;}
.s21_round dt {position:relative; width:240px; height:240px; padding:22px;}
.s21_round dt:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; border:#fff 2px; border-style:solid solid dotted dotted; transform:rotate(-45deg); z-index:-1;}
.s21_round dt span {display:flex; justify-content:center; align-items:center; width:100%;  height:100%; border-radius:50%; padding:20px;}
.s21_round dd {width:105px;}
.s21_round ul {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%;}
.s21_round li {text-align:center; width:100%;}
.s21_round dt em {position:absolute; top:50%; left:100%; width:105px; height:2px; margin-top:-1px; transform:translate(0,-50%);}
.s21_round dt em:before,
.s21_round dt em:after {content:""; position:absolute; top:50%; width:16px; height:16px; border-radius:50%; border:3px solid; background:#fff; transform:translate(0,-50%);}
.s21_round dt em:before {left:-8px;}
.s21_round dt em:after {right:-8px;}
.s21_round dt.c1:before {border-color:#0E3D8A;}
.s21_round dt.c1 span {background:#0E3D8A;}
.s21_round dt.c1 em {background:linear-gradient(to right, #0E3D8A 0%,#2A59C0 100%);}
.s21_round dt.c1 em:before {border-color:#0E3D8A;}
.s21_round dt.c1 em:after {border-color:#2A59C0;} 
.s21_round dt.c2:before {border-color:#2A59C0; transform:rotate(135deg);}
.s21_round dt.c2 span {background:#2A59C0;}
.s21_round dt.c2 .logo {display:block; width:100%; height:100%; background:#fff; mask:url('/images/front/logo.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/front/logo.png') no-repeat 50% 50% / contain;}
.s21_round dt.c2 em {background:linear-gradient(to right, #2A59C0 0%,#008AB7 100%);}
.s21_round dt.c2 em:before {border-color:#2A59C0;}
.s21_round dt.c2 em:after {border-color:#008AB7;} 
.s21_round dt.c3:before {border-color:#008AB7;}
.s21_round dt.c3 span {background:#008AB7;}
.s21_round dt li {font-size:20px; color:#fff; font-weight:600; line-height:54px; border-top:#fff 1px solid;}
.s21_round dt li:first-child {border-top:0;}
.s21_round dd li {font-size:18px; color:#666; font-weight:500; line-height:54px;}

/* 대상품목 및 역할 */
.half_set10 {display:flex; justify-content:space-between;}
.half_set10 li {width:calc(50% - 5px); border:#ccc 1px solid; border-radius:15px; padding:40px;}
.half_set10 li .tt {font-size:20px; font-weight:700; line-height:40px; margin-bottom:20px;}
.half_set10 li .tt i {display:inline-block; vertical-align:top; width:55px;}

/* 회수방법 */
.container .jq_tab {display:table; width:100%; table-layout:fixed; margin-bottom:100px;}
.container .jq_tab li {display:table-cell; vertical-align:middle; width:25%; height:50px; font-size:18px; color:#666; background:#f8f8f8; border:#ccc 1px solid; border-left:0; text-align:center; cursor:pointer; transition:.2s linear;}
.container .jq_tab li:first-child {border-left:#ccc 1px solid; border-radius:5px 0 0 5px;}
.container .jq_tab li:last-child {border-radius:0 5px 5px 0;}
.container .jq_tab li.on {color:#fff; background:linear-gradient(to right, #2E78BE 0%,#1A458B 100%);}
.container .jq_tab li.on a{display:block; font-size:inherit; color:inherit;}
.container .jq_tab li a{display:block; font-size:inherit; color:inherit;}

.recycling_top {display:flex;}
.recycling_top dt {width:45.6%;}
.recycling_top dd {width:54.4%; padding:25px 0 0 40px;}
.recycling_top dd.pt0_pc {padding-top:0;}
.recycling_top .tit {position:relative; font-size:24px; font-weight:700; line-height:30px; padding-bottom:33px; margin-bottom:30px;}
.recycling_top .tit:after {content:""; position:absolute; bottom:0; left:0; width:50px; height:3px; background:#ccc;}
.recycling_top p {color:#666; margin-bottom:30px;}
.recycling_top p.mbs {margin-bottom:20px;}
.recycling_top p.gray {color:#999;}
.recycling_top a {color:#145BA2; font-weight:700; line-height:20px; border-bottom:#145BA2 1px solid;}
.recycling_top.mt {margin-top:100px;}
.recycling_top .joddo_info {background:#fbfbfb; border-radius:20px; padding:30px;}
.recycling_top .joddo_info .tt {font-size:24px; color:#444; font-weight:700; line-height:31px; padding-left:50px; background:url('/images/front/icon_ne.svg') no-repeat left center; margin-bottom:20px;}
.recycling_top .joddo_info b {display:block; font-size:16px; color:#444;}
.recycling_top .joddo_info li {font-size:15px; color:#666; line-height:24px; padding-left:15px; text-indent:-15px;}

/* ESG 활동현황 */
.gbox {background:#fbfbfb; padding:30px; border-radius:10px;}
.gbox .tit {font-size:20px; color:#145BA2; font-weight:700; line-height:28px; margin-bottom:20px;}
.gbox.mt {margin-top:60px;}
.gbox.mt2 {margin-top:100px;}
.gbox.strong {font-size:20px; font-weight:600;}
.gbox .btxt {font-size:24px; font-weight:700; margin-bottom:15px;}
.gbox.pd4 {padding:40px;}
.gbox img {margin-bottom:20px;}
.gbox .stit.mb {margin-bottom:20px;}
.gbox.plh p {line-height:28px; margin-bottom:10px;}
.gbox.plh p:last-child {margin-bottom:0;}
.gbox.plh p img {margin:0 10px 0 0;}
.underLine_wrap{display:flex; justify-content:center;}
.underLine{font-size:13px;}
span.red{color:red;}
.plbox {margin-top:20px;}
.plbox p {padding-left:16px; text-indent:-16px;}

.dots_list.mt {margin-top:20px;}
.dots_list li {padding-left:20px; text-indent:-20px;}
.dots_list p {position:relative; padding-left:18px; line-height:20px;}
.dots_list p:before {content:""; position:absolute; top:6px; left:0; width:8px; height:8px; background:#279746; border-radius:50%;}
.dots_list.ver_dnt p {line-height:24px;}
.dots_list.ver_dnt p:before {top:7px; width:10px; height:10px; background:#fff; border:#145BA2 3px solid;}

.recycling_box {border:#ccc 1px solid; border-radius:10px; padding:30px 40px; margin-top:40px;}
.recycling_box .tt {font-size:20px; font-weight:700; line-height:40px; margin-bottom:15px;}
.recycling_box .tt.lha {line-height:30px; display:flex;}
.recycling_box .tt i {display:inline-block; vertical-align:top; margin-right:10px;}
.recycling_box .tt i img {margin-bottom:0;}
.recycling_box .tac.mt {margin-top:36px;}
.recycling_box .gbox {margin-top:20px;}
/*.recycling_box.mt {margin-top:100px;}*/
.recycling_box .half {display:flex; justify-content:space-between; margin-bottom:40px;}
.recycling_box .half .gbox {width:calc(50% - 10px); margin-top:0;}
.recycling_box .half .gbox p.b {font-size:18px; margin-bottom:20px;}
.recycling_box.mt .btn_tac.flx{display:flex;}
.recycling_box.mt .btn_tac.flx .mintictxt{width:45%; font-size:18px; line-height:1.2; margin-top:25px; text-align:left;}

.recycling_half {display:flex; justify-content:space-between; /*margin-top:100px;*/}
.recycling_half .recycling_box {width:calc(50% - 10px); margin-top:0;}

.recycling_step {padding:30px 0; display:flex;}
.recycling_step li {position:relative; width:25%; text-align:center;}
.recycling_step li:before {content:""; position:absolute; top:0; left:-17px; width:35px; height:100%; background:url('/images/front/arrow_recycling.svg') no-repeat 50% 50% / contain;}
.recycling_step li:first-child:before {display:none;}
.recycling_step li p {margin-top:10px;}

.performance_page {border:#ccc 1px solid; border-radius:15px; padding:40px;}
.performance_page .tit {position:relative; text-align:center; margin-bottom:20px; line-height:34px;}
.performance_page .tit strong {font-size:24px; vertical-align:top;}
.performance_page .tit .link {position:absolute; top:0; font-size:18px; color:#999; font-weight:600;}
.performance_page .tit .prev {left:0; padding-left:30px; background:url('/images/front/arrow_prev2.svg') no-repeat 0 50% / 9px;}
.performance_page .tit .next {right:0; padding-right:30px; background:url('/images/front/arrow_next2.svg') no-repeat 100% 50% / 9px;}
.performance_page.low4 li{background:#fff;}
.performance_page ul {display:flex;}
.performance_page li {width:calc((100% - 60px)/3); margin-left:30px; padding:34px 24px; text-align:center; border:#ccc 1px solid; border-radius:15px;}
.performance_page li:first-child {margin-left:0;}
.performance_page li img {display:block; margin:0 auto;}
.performance_page li p {font-size:20px; font-weight:500; margin:6px 0 10px;}
.performance_page li .count {font-size:20px; padding-bottom:30px; margin-bottom:30px; border-bottom:#ccc 1px solid;}
.performance_page li .count span {font-weight:500; margin-left:20px;}
.performance_page li .count strong {font-size:35px; line-height:50px;}
.performance_page li dl {display:flex; justify-content:space-between; font-size:15px;}
.performance_page li dt,
.performance_page li dd {line-height:32px;}
.performance_page li dt {font-weight:500;}
.performance_page li dd {color:#279746;}
.esg_graph_wrap {position:relative;}
.esg_graph_wrap .ani_point {position:absolute; top:50vh;}
.esg_graph {display:flex; justify-content:space-between;}
.esg_graph > li {position:relative; width:calc(50% - 5px); border:#ccc 1px solid; border-radius:15px; padding:40px 35px;}
.esg_graph li .tit {text-align:center; margin-bottom:40px;}
.esg_graph li .tit strong {font-size:24px;}
.esg_graph li .tit p {color:#666; line-height:20px; margin-top:10px;}
.esg_graph li .graph {height:356px;}
.esg_graph li .graph01 {position:relative; padding-top:30px;}
.esg_graph li .graph01 > p {position:absolute; top:0; left:0;}
.esg_graph li .graph01 .count {position:relative; padding-top:10px;}
.esg_graph li .graph01 .count li {position:relative; line-height:20px; margin-bottom:40px;}
.esg_graph li .graph01 .count li:last-child {margin-bottom:0;}
.esg_graph li .graph01 .count li:before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#ddd;}
.esg_graph li .graph01 .count li span {position:relative; display:block; background:#fff; width:53px; z-index:1;}
.esg_graph li .graph01 .line {position:absolute; top:30px; left:53px; width:calc(100% - 53px); height:calc(100% - 35px); border-left:#ccc 2px solid; border-bottom:#ccc 2px solid;}
.esg_graph li .graph01 .years {position:absolute; bottom:7px; left:0; width:100%; height:100%; display:flex; padding-left:53px;}
.esg_graph li .graph01 .years li {position:relative; flex:50%; text-align:center;}
.esg_graph li .graph01 .years li .bar {position:absolute; bottom:0; left:50%; width:40px; height:0; background:#000; transform:translate(-50%,0); transition:all 0.5s ease;}
.esg_graph li .graph01 .years li .bar.c1 {background:linear-gradient(#2E78BE,#1A458B);}
.esg_graph li .graph01 .years li .bar.c2 {background:linear-gradient(#68BC45,#279746);}
.esg_graph li .graph01 .years li p {position:absolute; top:100%; left:0; width:100%; padding-top:10px; text-align:center;}
.esg_graph li .graph02 .donut {position:relative; display:flex; justify-content:center; align-items:center; align-content:center; width:100%; height:300px; margin-bottom:20px;}
.esg_graph li .graph02 .donut div {display:none;}
.esg_graph li .graph02 .donut .listtopie-svg {position:absolute; top:50%; width:300px; transform:translate(0, -100%) rotate(270deg) !important;}
.esg_graph li .graph02 .donut circle {fill:transparent; stroke-width:150px; stroke-dasharray:471; stroke-dashoffset:471; transform:rotate(-90deg); transform-origin:center;}
.esg_graph li .graph02 .donut svg {position:absolute; top:0; left:50%; transform:translate(-50%,0);}
.esg_graph li .graph02 .donut_svg1 {z-index:1;}
.esg_graph.on2 li .graph02 .donut_svg1 circle {animation:anti_donut_svg1 .2s linear; animation-fill-mode:forwards;}
@keyframes anti_donut_svg1 {
  0% {stroke-dashoffset:471;}
  100% {stroke-dashoffset:373;}
}
.esg_graph li .graph02 .donut_svg2 {z-index:2;}
.esg_graph.on2 li .graph02 .donut_svg2 circle {animation:anti_donut_svg2 .3s linear; animation-fill-mode:forwards; animation-delay:.2s; transform:rotate(-15deg);}
@keyframes anti_donut_svg2 {
  0% {stroke-dashoffset:471;}
  100% {stroke-dashoffset:333;}
}
.esg_graph li .graph02 .donut_svg3 {z-index:3;}
.esg_graph.on2 li .graph02 .donut_svg3 circle {animation:anti_donut_svg3 .5s linear; animation-fill-mode:forwards; animation-delay:.5s; transform:rotate(90deg);}
@keyframes anti_donut_svg3 {
  0% {stroke-dashoffset:471;}
  100% {stroke-dashoffset:235;}
}
.esg_graph li .graph02 .donut .count {position:absolute; top:50%; left:50%; font-size:20px; color:#fff; font-weight:500; line-height:30px; display:block; z-index:10;}
.esg_graph li .graph02 .donut .count.c1 {margin:-85px 0 0 40px;}
.esg_graph li .graph02 .donut .count.c2 {margin:50px 0 0 40px;}
.esg_graph li .graph02 .donut .count.c3 {margin:-15px 0 0 -90px;}
.esg_graph li .graph02 .docut_cate {display:flex; justify-content:space-between;}
.esg_graph li .graph02 .docut_cate li {font-size:16px; color:#444; line-height:30px; display:flex;}
.esg_graph li .graph02 .docut_cate em {display:block; width:60px; height:30px; margin-right:20px; border-radius:5px;}
.esg_graph li .graph02 .docut_cate .c1 em {background:linear-gradient(#2E78BE,#1A458B);}
.esg_graph li .graph02 .docut_cate .c2 em {background:linear-gradient(#68BC45,#279746);}
.esg_graph li .graph02 .docut_cate .c3 em {background:linear-gradient(#FFE100,#F18900);}
.social_contribution {display:flex;}
.social_contribution li {width:calc((100% - 20px)/3); margin-left:10px; background:#fbfbfb; border-radius:15px; text-align:center; padding:30px;}
.social_contribution li:first-child {margin-left:0;}
.social_contribution li p {font-weight:500; margin:20px 0;}
.social_contribution li .count {font-size:18px; font-weight:700;}
.social_contribution li .count strong {font-size:40px; color:#279746; line-height:40px; display:inline-block; vertical-align:bottom;}
.social_contribution_price {display:flex; margin:20px 0; font-size:20px;}
.social_contribution_price div{background:#fbfbfb; border-radius:15px; font-weight:500; padding:15px;}
.social_contribution_price div.price_txt{width:33%; text-align:center;}
.social_contribution_price div.price_prc{width:66%; text-align:right; margin-left:1%; line-height:70px; padding-right:130px;}
.social_contribution_price div.price_prc strong{font-size:40px; color:#279746;}
/* 재활용방법 */
.recy_method {padding:40px; flex-direction:column;}
.recy_method dl {display:table; width:100%; table-layout:fixed; margin-top:80px;}
.recy_method dl:first-child {margin-top:0;}
.recy_method dt,
.recy_method dd {display:table-cell; vertical-align:top;}
.recy_method dt {width:130px;}
.recy_method dd {padding-left:30px;}

.recy_center dl {border:#ccc 1px solid; border-radius:20px; padding:40px; display:flex; justify-content:space-between; margin-top:80px;}
.recy_center dl:first-child {margin-top:0;}
.recy_center dt,
.recy_center dd {display:flex;}
.recy_center dt {flex-direction:column; justify-content:space-between; width:28.879%;}
.recy_center dt .tit {font-size:48px; font-weight:700; line-height:56px;}
.recy_center dt strong {display:block; font-size:20px; line-height:26px; margin:10px 0 0;}
.recy_center dt p {position:relative; padding-top:22px; margin-top:20px;}
.recy_center dt p:after {content:""; position:absolute; top:0; left:0; width:60px; height:2px;}
.recy_center .c1 dt p:after {background:#145BA2;}
.recy_center .c2 dt p:after {background:#279746;}
.recy_center dt .img {padding-right:40px;}
.recy_center dd {flex-wrap:wrap; width:71.121%; margin-top:-20px;}
.recy_center dd img {width:calc(50% - 10px); margin:20px 0 0 20px;}
.recy_center dd img:nth-child(2n-1) {margin-left:0;}

/* 의무이행 현황 */
.fulfillment_graph {position:relative; margin-top:100px;}
.fulfillment_graph .ani_point {position:absolute; top:50vh;}
.fulfillment_graph .guide {display:flex; justify-content:space-between; margin-bottom:10px;}
.fulfillment_graph .guide p {color:#666; line-height:20px; padding:0 15px;}
.fulfillment_graph .guide ul {display:flex;}
.fulfillment_graph .guide li {margin-left:40px; display:flex; line-height:20px;}
.fulfillment_graph .guide li:first-child {margin-left:0;}
.fulfillment_graph .guide li i {width:40px; height:20px; border-radius:3px; margin-right:20px;}
.fulfillment_graph .c1 {background:linear-gradient(#2E78BE,#1A458B);}
.fulfillment_graph .c2 {background:linear-gradient(#68BC45,#279746);}
.fulfillment_graph .graph {position:relative; padding-top:20px;}
.fulfillment_graph .graph .guide_line {width:100%;}
.fulfillment_graph .graph .guide_line:before {content:""; position:absolute; top:0; left:55px; width:2px; height:calc(100% - 10px); background:#ccc;}
.fulfillment_graph .graph .guide_line li {position:relative; margin-top:50px; line-height:20px;}
.fulfillment_graph .graph .guide_line li:first-child {margin-top:0;}
.fulfillment_graph .graph .guide_line li:before {content:""; position:absolute; top:50%; left:55px; width:calc(100% - 55px); height:1px; background:#ccc;}
.fulfillment_graph .graph .years {position:absolute; bottom:10px; left:0; width:100%; height:100%; padding-left:55px; display:flex;}
.fulfillment_graph .graph .years > li {position:relative; width:25%; text-align:center;}
.fulfillment_graph .graph .years > li p {position:absolute; bottom:-35px; left:0; width:100%; font-weight:500; line-height:20px; text-align:center;}
.fulfillment_graph .graph .years > li ul {position:relative; height:100%; display:flex; align-items:flex-end; justify-content:center;}
.fulfillment_graph .graph .years > li li {width:40px; height:0; transition:all 0.5s ease;}
span.tonTxt{
	font-size:0.8em;
	margin-left:2%;
}
/* ESG 사업 운영 */
.dep_tabs {display:table; width:100%; table-layout:fixed; margin-bottom:50px;}
.dep_tabs li {display:table-cell; font-size:18px; color:#666; line-height:48px; height:50px; border:#ccc 1px solid; border-left:0; text-align:center; overflow:hidden;}
.dep_tabs li:first-child {border-left:#ccc 1px solid; border-radius:5px 0 0 5px;}
.dep_tabs li:last-child {border-radius:0 5px 5px 0;}
.dep_tabs li a {display:block; font-size:inherit; color:inherit;}
.dep_tabs li.on {color:#fff; background:linear-gradient(to right,#2E78BE,#1A458B); border:none;}

.co2_step {display:flex;}
.co2_step li {position:relative; width:calc((100% - 110px)/3); border:#ccc 1px solid; border-radius:15px; text-align:center; overflow:hidden;}
.co2_step li.arrow {width:55px; border:0; background:url('/images/front/arrow_recycling.svg') no-repeat 50% 50% / 35px;}
.co2_step li p {height:102px; display:flex; justify-content:center; align-items:center;}

.availability {display:flex;}
.availability dt {border:#ccc 1px solid; padding:30px 40px; width:39.6%; border-radius:15px;}
.availability .tit {font-size:22px; font-weight:700; line-height:32px; text-align:center; margin-bottom:15px;}
.availability .dots_list {padding-top:15px;}
.availability .dots_list p {margin-top:10px;}
.availability .dots_list p:first-child {margin-top:0;}
.availability img {display:block; margin:0 auto;}
.availability dd {width:20.8%; background:url('/images/front/arrow_availability.svg') no-repeat 50% 50% / contain;}

.blue_half {display:flex; justify-content:space-between; margin-bottom:60px;}
.blue_half dl {width:calc(50% - 5px);}
.blue_half dt {font-size:18px; color:#fff; font-weight:500; line-height:20px; height:50px; text-align:center; display:flex; justify-content:center; align-items:center; background:#145BA2; border-radius:15px 15px 0 0;}
.blue_half dd {padding:40px 30px; color:#666; border:#ccc 1px solid; border-top:0; border-radius:0 0 15px 15px;}
.down_btns {display:flex; justify-content:center; margin-top:40px;}
.down_btns .btn_down {width:300px; margin:0 7px;}
.thums_list {border:#ccc 1px solid; padding:40px; border-radius:15px;}
.thums_list dl {display:flex; align-items:center; margin-top:40px;}
.thums_list dl:first-child {margin-top:0;}
.thums_list dt {width:300px;}
.thums_list dd {width:calc(100% - 300px); padding-left:60px;}
.thums_list .tit {position:relative; font-size:24px; font-weight:700; line-height:30px; padding-bottom:33px; margin-bottom:30px;}
.thums_list .tit:after {content:""; position:absolute; bottom:0; left:0; width:50px; height:3px; background:#ccc;}

.operation_role {display:flex; margin-top:40px;}
.operation_role li {width:calc((100% - 90px)/4); margin-left:30px; border:#ccc 1px solid; border-radius:15px; overflow:hidden;}
.operation_role li:first-child {margin-left:0;}
.operation_role li span {border-top:#ccc 1px solid; height:80px; display:flex; justify-content:center; align-items:center; text-align:center;}

/* 팝업 */
.popup {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001; display:none;}
.popup * {font-family:'Pretendard';}
.popup .black {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.popup .pop_in {position:absolute; top:50%; left:50%; width:570px; max-width:calc(100vw - 30px); background:#fff; padding:25px 30px; transform:translate(-50%,-50%); border-radius:10px;}
.popup .pop_in .btn_close {position:absolute; top:0; right:0; width:80px; height:80px; background:url('/images/front/btn_close.svg') no-repeat 50% 50% / 16px;  font-size:0;}
.popup .pop_in .tit {font-size:22px; color:#145BA2; font-weight:700; font-family:'S-CoreDream', sans-serif; padding-bottom:20px; border-bottom:#ccc 1px solid; margin-bottom:30px;}
.popup .pop_in .inputs dl {display:table; table-layout:fixed; width:100%; margin-top:20px;}
.popup .pop_in .inputs dl:first-child {margin-top:0;}
.popup .pop_in .inputs dt,
.popup .pop_in .inputs dd {display:table-cell; vertical-align:middle; line-height:40px;}
.popup .pop_in .inputs dt {font-size:18px; font-weight:500; width:70px;}
.popup .pop_in .inputs dd {width:calc(100% - 70px);}
.popup .pop_in .inputs dd .w100p_minus {width:calc(100% - 50px);}
.popup .pop_in .inputs dd .txt {width:50px; text-align:center; display:inline-block; vertical-align:top;}
.pop_appli .pop_in {width:910px; max-width:calc(100% - 40px); padding:40px;}
.pop_appli .inbox {overflow:hidden auto; max-height:calc((var(--vh, 1vh) * 100) - 200px);}
.pop_appli .inbox .inputs dt {width:190px;}
.pop_appli .inbox .inputs dd {width:calc(100% - 190px);}
.pop_appli .inbox .inputs dd span.ml {margin-left:50px; font-size:14px; color:#999; }
.pop_appli .inbox .inputs dd span.ml.bl {margin-left:30px; font-size:14px; color:#000; line-height:20px; display:block; font-weight:600;}
.pop_appli .inbox .inputs dd span.ml a {color:#145BA2; font-weight:500; text-decoration:underline;}
.pop_appli .inbox .inputs dd .w1 {width:220px;}
.pop_appli .inbox .inputs dd .w2 {width:170px; margin-right:10px;}
.pop_appli .inbox .inputs .yak {margin-top:40px; padding-top:40px; border-top:#ccc 1px solid;}
.pop_appli .inbox .inputs .yak .tt {font-size:18px; font-weight:500;}
.pop_appli .inbox .inputs .yak .tt em {font-size:14px;}
.pop_appli .inbox .inputs textarea {height:120px; border-radius:5px; margin-top:10px; font-size:15px; padding:10px; color:#333;}
.pop_appli .inbox .inputs .yak + .tac {padding-top:20px;}
.pop_appli_end .pop_in {width:480px; padding:40px;}
.pop_appli_end .pop_in .end {font-size:24px; color:#666; font-weight:300; line-height:30px; text-align:center; padding:25px 0 10px;}

.email {display:flex;}
.email em.e {width:30px; text-align:center;}
.email .nice-select {float:none;}

.file_inputs {display:flex;}
.filebutton {position:relative; width:220px; height:40px; overflow:hidden;}
.filebutton span {display:inline-block; width:100%; height:100%; line-height:40px; text-align:center; vertical-align:top;}
.filebutton span:after {height:40px;}
.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;}
.file_inputs + p {font-size:14px;}
.filebox {width:calc(100% - 220px); height:40px; line-height:40px; padding:0 25px; overflow:hidden; white-space:nowrap; border-right:0;}
.filebox p {font-size:14px; color:#999;}

/* 발급신청 */
.certificates_card {border:#ccc 1px solid; border-radius:15px; padding:40px; display:flex;}
.certificates_card dt {width:240px; border:#ccc 1px solid; border-radius:15px; display:flex; justify-content:center; align-items:center; background:#F8F8F8;}
.certificates_card dt img {width:auto; height:auto; max-width:100%; max-width:100%;}
.certificates_card dd {width:calc(100% - 240px); padding-left:40px;}
.certificates_card .cb_tit {width:300px; margin:0 0 30px;}
.certificates_card ul {margin-top:30px;}
.certificates_card li {position:relative; padding:3px 0 3px 130px; margin-top:10px;}
.certificates_card li.se{color: #145BA2; font-weight: bold;}
.certificates_card li:first-child {margin-top:0;}
.certificates_card li .tt {position:absolute; top:0; left:0; font-size:14px; color:#145BA2; font-weight:500; line-height:28px; height:30px; border-radius:15px; padding:0 12px; border:#145BA2 1px solid; width:95px;}
.certificates_card li .tt.wd2{width:120px;}
.certificates_card li .tt i {display:inline-block; vertical-align:top; width:12px; height:28px; margin-right:5px; background:no-repeat 50% 50% / contain;}
.certificates_card li .tt i.i1 {background-image:url('/images/front/icon_certificates01.svg');}
.certificates_card li .tt i.i2 {background-image:url('/images/front/icon_certificates02.svg');}
.certificates_card li .tt i.i3 {background-image:url('/images/front/icon_certificates03.svg');}
.certificates_card li .tt i.i4 {background-image:url('/images/front/icon_certificates04.svg');}
.certificates_card li .tt i.i5 {background-image:url('/images/front/icon_certificates05.svg');}
.certificates_card li a {font-weight:700; text-decoration:underline;}

/* 라디오 */
label.radio {position:relative; padding-left:23px; line-height:20px; margin-left:25px;}
label.radio:first-child {margin-left:0;}
label.radio input {display:none;}
label.radio i {position:absolute; top:3px; left:0; width:14px; height:14px; background:#fff; border:#ddd 1px solid; border-radius:50%;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#145BA2; border-radius:50%; transition:.2s linear; transform:translate(-50%,-50%);}
label.radio span {color:#999;}
label.radio input:checked + i:before {width:8px; height:8px;}
label.radio input:checked ~ span {color:#444;}

/* 체크박스 */
label.check {position:relative; padding-left:23px; line-height:20px; margin-left:25px;}
label.check:first-child {margin-left:0;}
label.check input {display:none;}
label.check i {position:absolute; top:3px; left:0; width:14px; height:14px; background:#fff; border:#ddd 1px solid; border-radius:1px; transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/front/icon_check.svg') no-repeat 50% 50% / 8px; opacity:0; transition:.2s linear;}
label.check input:checked + i {background:#145BA2; border-color:#145BA2;}
label.check input:checked + i:before {opacity:1;}

/* 회원가입 안내 */
.info_txt li {margin-top:100px;}
.info_txt li:first-child {margin-top:0;}
.info_txt li .tt {font-size:18px; font-weight:700; line-height:22px; margin-bottom:20px;}
.info_txt li .tt em {font-size:16px; font-weight:500;}
.info_txt li .cn {padding-left:20px;}
.info_txt li .cnt {font-size:18px; font-weight:500; line-height:20px; margin:60px 0 20px;}
.info_txt li .cnt:first-child {margin-top:0;}
.info_txt li .cn p {font-size:16px; line-height:30px;}
.info_txt li .cn p.mt {margin-top:40px;}

.contents .step_box {display:flex;}
.contents .step_box.mt {margin-top:40px;}
.contents .step_box dt {width:19.8%; height:170px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:#ccc 1px solid; border-radius:15px; text-align:center; background:#fff;}
.contents .step_box dt strong {font-size:14px; color:#279746; line-height:20px; margin-bottom:15px;}
.contents .step_box dt .t {font-size:22px; font-weight:700; line-height:26px;}
.contents .cn .step_box dt p {font-size:14px; color:#666; line-height:22px; margin-top:10px; padding-left:0; text-indent:0;}
.contents .step_box dd {width:6.9%; background:url('/images/front/arrow_recycling.svg') no-repeat 50% 50% / 35px;}
.contents .step_box_b dt {width:19.4%; padding:0 15px;}
.contents .step_box_b dt strong,
.contents .step_box_b dt p {font-size:16px;}
.contents .step_box_b dt p {margin-top:0;}
.contents .step_box_b dd {width:7.5%;}

.info_txt .gbox {margin-top:40px; border-radius:15px; padding:40px;}
.info_txt .gbox .pwbox{margin:20px 0 0 20px;}
.info_txt .gbox .mgtop20{margin:20px 0 10px 0; font-weight:700;}
.info_txt .gbox .wbox {background:#fff; border-radius:15px; /*margin:30px 0 60px;*/ padding:30px; display:flex; justify-content:center; align-items:center;}
.info_txt .gbox .wbox:last-child {margin-bottom:0;}
.info_txt .gbox .wbox li {margin:0; font-size:18px; color:#279746; font-weight:500; line-height:36px;}
.info_txt .gbox .wbox li em {padding:0 10px;}
.info_txt .gbox .wbox .bun {text-align:center; margin-left:10px;}
.info_txt .gbox .wbox .bun dt {border-bottom:#279746 1px solid;}
.info_txt .tbl {padding:20px 0 0 40px;}
.info_txt .tbl td {padding:20px;}
.info_txt .tbl td span {display:inline-block;}
.info_txt .step_box2 {display:flex;}
.info_txt .step_box2 dt {position:relative; width:9.7%;}
.info_txt .step_box2 dt i {position:relative; display:block; width:100%; padding-top:98%; border:#ccc 1px solid; border-radius:50%;}
.info_txt .step_box2 dt i img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.info_txt .step_box2 dt p {font-weight:500; line-height:22px; text-align:center; margin-top:10px; padding-left:0; text-indent:0;}
.info_txt .step_box2 dt.last i {background:#145BA2; border-color:#145BA2;}
.info_txt .step_box2 dt.last p {color:#145BA2;}
.info_txt .step_box2 dd {width:5.3%; height:96px; background:url('/images/front/arrow_recycling.svg') no-repeat 50% 50% / 25px;}
.info_txt .tbl td span.sbtal{font-size:15px; margin-left:15px;}

/* 예상 분담금 계산 */
.calculation_select {display:flex; justify-content:center; margin-top:80px;}
.calculation_select a {width:240px; height:240px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:#ccc 1px solid; border-radius:15px; margin:0 15px;}
.calculation_select p {font-size:18px; font-weight:500; line-height:22px; margin-top:20px; text-align:center;}
.calculation_select a:hover {background:#F8FCFF; border-color:#145BA2; box-shadow:rgba(0,0,0,.16) 0 2px 6px;}
.calculation_select a:hover p {color:#145BA2; font-weight:700;}

.step_list .tit {margin:100px 0 20px; border-bottom:#ccc 1px solid; padding-bottom:20px;}
.step_list .tit strong {font-size:22px; color:#145BA2; font-weight:700; line-height:30px; font-family:'S-CoreDream', sans-serif;}
.step_list .tit b {font-size:18px; margin-left:20px;}
.check_area {display:flex; flex-wrap:wrap;}
.check_area label.check_in {width:calc((100% - 55px)/5); margin-left:10px; margin-bottom:10px;}
/*
.check_area label.check_in:first-child {margin-left:0;}
*/
label.check_in input {display:none;}
label.check_in i {color:#666; line-height:20px; height:50px; border:#ccc 1px solid; border-radius:5px; display:flex; justify-content:center; align-items:center; text-align:center; transition:.2s linear;}
label.check_in input:checked + i {color:#fff; background:linear-gradient(to right, #2e78be, #1a458b); border:0;}

.plus_minus .inputbox {width:210px; border:#ccc 1px solid; display:flex; border-radius:5px; margin:0 auto; line-height:38px;}
.plus_minus .inputbox input {border:0; width:100%; height:38px; line-height:inherit;}
.plus_minus .inputbox span {font-weight:500; padding-right:20px;}
.plus_minus button {display:flex; justify-content:center; color:#fff; font-weight:500; line-height:40px; width:80px; text-align:center; border-radius:5px; margin:0 auto;}
.plus_minus button:after {content:""; width:16px; height:40px; margin-left:5px; background:no-repeat 50% 50% / contain;}
.plus_minus .btn_add {background:#145BA2;}
.plus_minus .btn_add:after {background-image:url('/images/front/icon_plus.svg');}
.plus_minus .btn_del {background:#666;}
.plus_minus .btn_del:after {background-image:url('/images/front/icon_delete.svg');}

/* 예상 분담금 계산 */
.apportionment {margin-top:60px; display:flex; border-radius:15px;}
.apportionment .num {display:flex; flex-direction:column; width:calc(100% - 280px); padding-left:40px;}
.apportionment dl {display:flex; justify-content:space-between; margin-top:20px; padding-right:40px;}
.apportionment dl:first-child {margin-top:0;}
.apportionment dt {font-size:18px; font-weight:500; line-height:20px;}
.apportionment dd {font-size:24px; color:#279746; font-weight:700; line-height:20px;}
.apportionment .down {position:relative; padding-left:40px;}
.apportionment .down:before {content:""; position:absolute; top:50%; left:0; width:1px; height:60px; background:#ccc; transform:translate(0,-50%);}
.apportionment .down .btn_blue {margin-top:0; width:200px;}

/* 수집소 현황 */
.stit.m0{margin-top:0;}
.st{font-size:1.3rem; font-weight:600; margin:25px 5px;}
.collection_area {display:flex; height:480px; border:#ccc 1px solid; border-radius:15px; overflow:hidden;}
.collection_area *::-webkit-scrollbar {width:5px; height:5px;}
.collection_area *::-webkit-scrollbar-thumb {background-color:#145BA2; border-radius:5px; background-clip:padding-box; border:0;}
.collection_area *::-webkit-scrollbar-track {border-radius:5px; box-shadow:none;}
.collection_area *::-webkit-scrollbar-button {width:5px; height:10px;}
.collection_area .map {width:500px;}
.collection_area .map_point {font-size:13px; line-height:20px; padding:10px; text-align:center;}
.collection_area .list_box {width:calc(100% - 500px); overflow:hidden auto;}
.collection_area li {position:relative; padding:30px 100px 30px 68px; border-bottom:#ccc 1px solid;}
.collection_area li:last-child {border-bottom:0;}
.collection_area li .num {position:absolute; top:30px; left:40px; font-size:18px; color:#279746; font-weight:700; line-height:22px;}
.collection_area li .name {font-size:18px; color:#444; font-weight:700; line-height:22px; margin-bottom:10px;}
.collection_area li .more {position:absolute; top:0; right:30px; width:55px; height:100%; display:flex; flex-direction:column; justify-content:center; font-weight:500;}
.collection_area li .more i {width:100%; height:36px; background:url('/images/front/icon_zoom.svg') no-repeat 50% 50% / contain; margin-bottom:10px;}
.collection_area li p.pflex {display:flex;}
.collection_area li p.pflex span.f25{flex:25%;}
.collection_area li p.pflex span.f75{flex:80%;}


.collection_area #menu_wrap li:last-child {border-bottom:#ccc 1px solid;}
.collection_area #pagination {text-align:center; font-size:0; padding:20px 0;}
.collection_area #pagination a {display:inline-block; width:48px; height:48px; line-height:46px; text-align:center; border:#ccc 1px solid; border-right:0; font-size:16px; color:#444; vertical-align:top;}
.collection_area #pagination a:hover,
.collection_area #pagination a.on {background:#145BA2; color:#fff; border-color:#145BA2;}

.collection_point {padding:40px; background:#fff; border-radius:10px; max-width:calc(100vw - 20%); margin:0 auto;}
.collection_point .tit {font-size:22px; color:#145BA2; font-weight:700; line-height:28px; padding-bottom:20px; border-bottom:#ccc 1px solid;}
.collection_point .scroll_area {overflow:hidden auto; max-height:calc((var(--vh, 1vh) * 100) - 169px);}
.collection_point .dlbox {border-bottom:#ccc 1px solid; padding:20px 0;}
.collection_point .dlbox dl {display:flex; margin-top:20px;}
.collection_point .dlbox dl:first-child {margin-top:0;}
.collection_point .dlbox dt,
.collection_point .dlbox dd {font-size:18px;}
.collection_point .dlbox dt {width:210px; font-weight:600;}
.collection_point .dlbox dd {width:calc(100% - 210px);}
.collection_point .btn_blue {width:200px;}

.fancybox-close {top:0; right:0; width:80px; height:80px; background:url('/images/front/fancy_close.svg') no-repeat 50% 50%;}
.fancybox_close_hide .fancybox-close {display:none !important;}

/* 홍보동영상 */
.pop_solo {width:740px; max-width:100%; border-radius:10px; overflow:hidden;}
.pop_solo .tit {font-size:20px; color:#fff; font-weight:500; font-family:'Pretendard'; height:80px; background:linear-gradient(to right, #2E78BE, #1A458B); display:flex; align-items:center; padding:0 30px;}
.pop_solo .img {background:#fff; overflow:hidden auto; max-height:calc((var(--vh, 1vh) * 100) - 120px);}
.pop_solo .video iframe {max-width:100%; max-height:49vw;}

/* FAQ */
.faq_wrap {border-top:#145BA2 2px solid;}
.faq_wrap dl {border-bottom:#ccc 1px solid; transition:.2s linear;}
.faq_wrap dl em {position:absolute; left:60px; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; font-size:26px; color:#fff; font-weight:600;}
.faq_wrap dt,
.faq_wrap dd {position:relative;}
.faq_wrap dt {padding:20px 80px 20px 120px; cursor:pointer;}
.faq_wrap dt em {background:#145BA2;}
.faq_wrap dt .tit {font-size:18px; line-height:20px; padding:10px 0;}
.faq_wrap dt i {position:absolute; top:0; right:30px; width:22px; height:100%; background:url('/images/front/arrow_faq.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.faq_wrap dd {padding:30px 20px 30px 120px; border-top:#ccc 1px solid; display:none;}
.faq_wrap dd em {background:#4FAE45;}
.faq_wrap dd .con {font-size:18px; line-height:30px; padding:5px 0;}
.faq_wrap dl.on {background:#F8F8F8;}
.faq_wrap dl.on dt i {transform:rotate(180deg);}

/* 44 */
.mg40 {margin:40px;}

/* E-순환우수제품 인증소개 */
.sgtit {font-size:26px; color:#279746; font-weight:800; line-height:34px; margin-bottom:25px;}
.sgtit.blue {color:#145BA2;}
/* E-순환우수제품 인증이란? */
.certification01 {margin:40px 0 30px;}
.certification01.btm {margin:100px 0 0;}
.certification01 .sgtit {margin-top:40px;}
.certification01 p {font-size:18px; color:#333; font-weight:500; line-height:28px;}
.certification01b {display:flex; gap:60px;}
.certification01b .subtit {position:relative; padding-left:28px;}
.certification01b .subtit:before {content:""; position:absolute; top:0; left:0; width:18px; height:24px; background:url('/images/front/icon_re.svg') no-repeat 50% 50% / contain;}
.certification25_00 {flex-direction:column; text-align:center; line-height:60px;}
.certification25_00 p {font-size:28px; color:#333; font-weight:700; margin-top:30px;}
.certification25_00 strong {font-size:40px; color:#145BA2; font-weight:700;}
.itit {position:relative; font-size:30px; color:#333; font-weight:700; line-height:42px; padding-left:60px; margin:100px 0 25px;}
.itit:before {content:""; position:absolute; top:0; left:0; width:42px; height:42px; border-radius:50%; background:no-repeat 50% 50%;}
.itit.green:before {background-color:#68BC45; background-image:url('/images/front/icon_itit_i1.svg');}
.itit.blue:before {background-color:#1B458B; background-image:url('/images/front/icon_itit_i2.svg');}
.certification .ibox {padding:40px 60px; display:flex; align-items:center; gap:60px; border-radius:10px; margin-bottom:25px;}
.certification .ibox .img {width:260px;}
.certification .ibox .txt {width:calc(100% - 260px);}
.certification .ibox .tt {font-size:30px; font-weight:700; line-height:1; margin-bottom:25px;}
.certification .ibox p {font-size:18px; line-height:28px;}
.certification .ibox.set1 .tt,
.certification .ibox.set1 p {color:#fff;}
.certification .ibox.set2 {flex-direction:row-reverse;}
.certification .ibox.set3 {margin-bottom:0;}
.certification25_01 .ibox .tt {color:#04712A;}
.certification25_01 .set1 {background:#68BC45;}
.certification25_01 .set2 {background:rgba(104,188,69,.15);}
.certification25_01 .set3 {background:#F8F8F8;}
.certification25_01 ul {display:flex; gap:25px; margin-bottom:60px;}
.certification25_01 li {width:calc((100% - 50px)/3); text-align:center; padding:30px; border:#ccc 1px solid; border-radius:15px;}
.certification25_01 li i {display:block; width:100%; height:66px; line-height:66px; font-size:0;}
.certification25_01 li p {font-size:18px; color:#333; font-weight:500; margin-top:16px;}
.certification25_01b .ibox .tt {color:#1B458B;}
.certification25_01b .set1 {background:#1B458B;}
.certification25_01b .set2 {background:#F8F8F8;}
.certification25_01b .set3 {background:#C3E0FC;}
/* 인증마크 및 사용방법 */
.certification02 {padding:35px; display:flex; gap:70px; border-radius:15px; margin-top:40px;}
.certification02 .img {width:289px;}
.certification02 .txt {width:calc(100% - 359px);}
.certification02 p {font-size:18px; color:#333; font-weight:500; line-height:28px;}
.certification02 p img {display:inline-block; vertical-align:top; margin:4px 3px 0 0;}
.certification02b {display:flex; gap:25px; margin-top:27px;}
.certification02b li {border-radius:15px; width:calc((100% - 50px)/3); padding:22px; flex-direction:column; text-align:center;}
.certification02b li span {font-size:18px; color:#279746; font-weight:600; line-height:15px; margin-bottom:10px;}
.certification02b li strong {font-size:21px; /* line-height:30px; */}
.download_box {margin:100px 0; background:#F8F8F8; border-radius:15px; padding:28px 40px; display:flex; justify-content:space-between; font-size:18px; font-weight:500; line-height:45px;}
.download_box.mt1 {margin-top:10px;}
.download_box .btns {padding-left:40px; border-left:#ccc 1px solid;}
.download_box .btn_down {font-size:18px; color:#fff; font-weight:500; line-height:45px; height:45px; width:200px; background:#145BA2; border-radius:10px; display:flex; justify-content:center; align-items:center; gap:28px;}
.download_box .btn_down:after {content:""; display:block; width:20px; height:18px; background:url('/images/front/icon_down.svg') no-repeat 50% 50% / contain;}
.download_box_area {margin-top:40px;}
.download_box_area .download_box {margin:0 0 25px;}
.download_box_area .download_box:last-child {margin-bottom:0;}
.marks .glbox {padding-left:60px; padding-right:60px; justify-content:space-between; align-items:unset; gap:20px; color:#1A1311; margin-bottom:60px;}
.marks .glbox:last-child {margin-bottom:0;}
.marks .glbox.flex_center {justify-content:center; align-items:center;}
.marks .glbox .tit {font-size:22px; font-weight:600; line-height:1.2; margin-bottom:20px; font-family:'S-CoreDream', sans-serif;}
.marks .glbox .tit span {font-size:12px; line-height:18px;}
.marks .glbox p {font-size:14px; font-weight:500; line-height:21px;}
.marks .glbox .img {display:flex; align-items:center; width:560px; height:554px;}
.marks .glbox .img.btm {align-items:flex-end;}
.marks .glbox.img_pd0 {padding:0;}
.marks .glbox.img_pd0 .txt {padding:60px 0 60px 60px;}
.marks .glbox.img_pd0 .img {width:620px; height:674px; max-width:100%;}
.certification25_02 .ibox {padding:40px 50px; gap:50px; background:#f8f8f8;}
.certification25_02 .ibox .img {width:233px;}
.certification25_02 .ibox .txt {width:calc(100% - 283px);}
.certification25_02 .ibox .tt {font-size:24px;}
.certification25_02 .ibox p {font-size:16px; line-height:24px;}
.certification25_02 .ibox:nth-child(2n) {flex-direction:row-reverse;}
/* 인증대상제품 */
.tibox {display:flex; gap:40px; justify-content:space-between; padding:50px 60px 50px 40px;}
.tibox .sgtit {font-family:'S-CoreDream', sans-serif;}
.tibox p {font-size:18px; color:#333; line-height:28px;}
.tibox img {margin-bottom:0;}
.tibox + p.mt {margin-top:20px;}
.certification03 p img {display:inline-block; vertical-align:top; margin:4px 3px 0 0;}

/*인증혜택*/
.guide6 .ibox {gap:0 !important; padding:0 !important; background:#F8F8F8;}
.guide6 .ibox .img {width:390px; padding:55px 0; display:flex; justify-content:center; align-items:center;}
.guide6 .ibox .img.btm {align-items:flex-end;}
.guide6 .ibox .txt {width:calc(100% - 390px); padding:55px 0 55px 50px;}
.guide6 .ibox .tt {font-size:28px; line-height:40px;}
.guide6 .ibox p {font-size:16px; line-height:26px;}
.guide6 .ibox:nth-child(2n-1) {flex-direction:row-reverse;}
.guide6 .ibox:nth-child(2n-1) .txt {padding:55px 50px 55px 50px;}

.elec_item .box {display:flex; flex-direction:column; border:#ccc 1px solid; border-radius:10px; padding:40px 60px 60px;}
.elec_item .box .tit {font-size:20px; font-weight:700; line-height:24px; margin-bottom:35px;}
.elec_item .box ul {display:flex; gap:30px;}
.elec_item .box li {position:relative; width:calc((100% - 90px)/4); height:110px; padding-bottom:24px; border:1px solid; border-radius:10px; background:#fff; display:flex; justify-content:center; align-items:center;}
.elec_item .box li p {position:absolute; bottom:12px; left:0; width:100%; font-weight:500; text-align:center;}
.elec_item .box.c1 {background:#FBFBFB; margin-bottom:40px;}
.elec_item .box.c1 .tit {color:#145BA2;}
.elec_item .box.c1 li {border-color:#145BA2;}
.elec_item .box.c2 {background:#FCFFFD;}
.elec_item .box.c2 .tit {color:#24954B;}
.elec_item .box.c2 li {border-color:#24954B;}
/* 인증단 조직 및 업무분장 */
.organization_cert {text-align:center;}
.organization_cert + .organization_chart {margin-top:100px;}
.organization_cert .box {position:relative; border-radius:10px; width:210px; height:70px; font-size:18px; color:#fff; font-weight:500; display:flex; justify-content:center; align-items:center; background:no-repeat right center / contain; margin:0 auto;}
.organization_cert .box:after {content:""; position:absolute; top:100%; left:50%; width:1px; height:40px; background:#CECECE;}
.organization_cert .boss {width:240px; height:80px; background:linear-gradient(to right, #1B458B,#68BC45); margin-bottom:60px; font-size:26px; color:#444;}
.organization_cert .boss:after {height:240px;}
.organization_cert .boss span {display:flex; justify-content:center; align-items:center; width:230px; height:70px; background:#fff; border-radius:7px;}
.organization_cert .c1 {background-image:url('/images/front/bg_orga01.svg');}
.organization_cert .c2 {background-image:url('/images/front/bg_orga03.svg');}
.organization_cert .c3 {background-image:url('/images/front/bg_orga04.svg');}
.organization_cert .c4 {background-image:url('/images/front/bg_orga02.svg');}
.organization_cert .right {width:870px; max-width:100%; display:flex; justify-content:flex-end; margin:0 auto 20px;}
.organization_cert .right .box {margin:0;}
.organization_cert .right .box:after {top:50%; right:100%; left:auto; width:224px; height:1px;}
.organization_cert .center {margin-bottom:40px;}
.organization_cert .side {position:relative; padding-top:40px; display:flex;}
.organization_cert .side .box:before {content:""; position:absolute; top:-40px; width:150%; height:1px; background:#CECECE;}
.organization_cert .side .box:first-child:before {left:50%;}
.organization_cert .side .box:last-child:before {right:50%;}
.organization_cert .side .box:after {bottom:100%; top:auto;}
.contact {position:relative; background:#F8F8F8; border-radius:10px; padding:20px 20px 20px 250px; margin-top:40px;}
.contact .icon {position:absolute; top:50%; left:85px; width:120px; height:30px; background:#fff; border:#145BA2 1px solid; border-radius:15px; display:flex; justify-content:center; align-items:center; gap:6px; font-size:14px; color:#145BA2; font-weight:500; transform:translateY(-50%);}
.contact .icon:before {content:""; display:block; width:14px; height:14px; background:url('/images/front/icon_tel.svg') no-repeat 50% 50% / contain;}
/* 인증문의하기 */
.inq_inputs .tar {font-size:14px; color:#145BA2; font-weight:600; margin-bottom:25px;}
.inq_inputs dl {display:flex; margin-bottom:25px;}
.inq_inputs dt {width:190px; line-height:24px;}
.inq_inputs dt i,
.inq_inputs dt p {color:#145BA2;}
.inq_inputs dd {width:calc(100% - 190px);}
.inq_inputs dd select.text,
.inq_inputs dd input.text {height:48px;}
.inq_inputs .email {display:flex;}
.inq_inputs .email .e {width:24px; height:48px; line-height:48px; text-align:center;}
.inq_inputs .email .w1 {width:calc((100% - 214px)/2);}
.inq_inputs .email .w2 {width:180px; margin-right:10px;}
.inq_inputs .email .w2 + .text {margin-top:0;} 
.inq_inputs .flex_check {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.inq_inputs .flex_check.start {justify-content:flex-start;}
.inq_inputs .flex_check .flex {display:inline-flex; align-items:center; gap:10px;}
.inq_inputs .flex_check .flex .text {width:320px;}
.inq_inputs label.check {font-size:inherit; padding-left:30px; line-height:48px;}
.inq_inputs label.check i {top:50%; width:20px; height:20px; margin-top:-10px;}
.inq_inputs label.check i:before {background-size:11px;}
.inq_inputs textarea {height:230px; padding:14px 20px;}
.inq_inputs .tac {margin-top:25px;}
.inq_inputs .yak .tt {color:#333; font-weight:600; line-height:1; margin:25px 0 16px;}
.inq_inputs .btn_blue {margin-top:50px;}

.inq_inputs .flex_inbtn {display:flex; gap:10px;}
.inq_inputs .flex_inbtn .btn {width:150px; height:48px; line-height:46px; text-align:center; font-size:16px; color:#fff; font-weight:600; border-radius:6px; background:#00366B; border:#00366B 1px solid;}
.inq_inputs .flex_inbtn .btn_l {color:#00366B; background:#fff;}
.inq_inputs .flex_inbtn .text {flex:1 1 calc(100% - 320px);}
.inq_inputs .flex_inbtn + .blue {margin-top:12px;}
.inq_inputs select.text,
.inq_inputs .nice-select {height:48px; line-height:46px;}
.inq_inputs .text + .text {margin-top:25px;}
.inq_inputs .text + .nice-select {margin-top:0;}
.inq_inputs .text[readonly] {background:#f5f5f5;}
.datepicker_area {position:relative; width:180px;}
.datepicker_area img {position:absolute; top:50%; right:20px; width:14px; transform:translateY(-50%);}
.datepicker_area .text {width:100%;}
.inq_inputs .file_inputs {display:flex; gap:20px; margin-bottom:10px;}
.inq_inputs .file_inputs label.file {display:block;}
.inq_inputs .file_inputs label.file input {display:none;}
.inq_inputs .file_inputs label.file span {display:block; font-size:16px; color:#fff; font-weight:600; line-height:48px; height:48px; width:150px; text-align:center; background:#00366B; border-radius:6px;}
.inq_inputs .file_inputs .file_in {width:calc(100% - 170px); display:flex; gap:10px 20px; flex-wrap:wrap;}
.inq_inputs .file_inputs .file_in span {position:relative; display:block; font-size:16px; color:#333; font-weight:600; line-height:24px; padding:0 31px 10px 0;}
.inq_inputs .file_inputs .file_in button {position:absolute; top:50%; right:0; width:23px; height:23px; border:#ccc 1px solid; border-radius:2px; transform:translateY(-50%); font-size:0;}
.inq_inputs .file_inputs .file_in button:before,
.inq_inputs .file_inputs .file_in button:after {content:""; position:absolute; top:50%; left:50%; width:12px; height:2px; background:#666; border-radius:1px;}
.inq_inputs .file_inputs .file_in button:before {transform:translate(-50%,-50%) rotate(45deg);}
.inq_inputs .file_inputs .file_in button:after {transform:translate(-50%,-50%) rotate(-45deg);}

.pop_comp .pop_in {width:600px; padding:60px 20px;}
.pop_comp .pop_in .tit {font-size:24px; color:#04712A; font-weight:700; line-height:34px; text-align:center; padding-bottom:0; border-bottom:0; margin-bottom:16px;}
.pop_comp .pop_in .tit:before {content:""; display:block; width:60px; height:60px; background:#04712A url('/images/front/icon_check.svg') no-repeat 50% 50% / 32px; border-radius:50%; margin:0 auto 20px;}
.pop_comp .pop_in p {font-size:18px; color:#333; line-height:28px; text-align:center;}
.pop_comp .btns {margin-top:50px; display:flex; justify-content:center; align-items:center; gap:12px;}
.pop_comp .btns .btn {width:200px; height:60px; line-height:58px; text-align:center; font-size:18px; color:#fff; font-weight:500; border-radius:10px; background:#145BA2; border:#145BA2 1px solid;}
.pop_comp .btns .btn_l {color:#145BA2; background:#fff;}

.event_top {margin-bottom:100px;}
.event_top .txt {font-size:24px; color:#04712A; font-weight:700; line-height:40px; text-align:center; width:100%;}
.event_top .txt:before {content:""; display:block; width:60px; height:60px; background:#04712A no-repeat 50% 50%; border-radius:50%; margin:0 auto 20px;}
.event_top .txt p {font-size:18px; color:#333; font-weight:400; line-height:22px; margin-top:16px;}
.event_top.step1 .txt:before {background-image:url('/images/front/icon_event_top_step1.svg');}
.event_top.step2 .txt:before {background-image:url('/images/front/icon_event_top_step2.svg');}
.event_top.step3 .txt:before {background-image:url('/images/front/icon_event_top_step3.svg');}

.event_step {display:flex; gap:70px; margin-bottom:100px;}
.event_step .box {width:calc((100% - 210px)/4);}
.event_step .inbox {position:relative; width:100%; height:140px; border:#ccc 1px solid; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:15px; border-radius:15px;}
.event_step .inbox * {display:block;}
.event_step .inbox span {font-size:14px; color:#145BA2; font-weight:700; line-height:16px;}
.event_step .inbox strong {font-size:22px; color:#444; font-weight:700; line-height:26px;}
.event_step .first .inbox:after,
.event_step .chk .inbox:after {content:""; position:absolute; background:url('/images/front/arrow_step.svg') no-repeat 50% 50%;}
.event_step .first .inbox:after {top:0; right:-71px; width:70px; height:100%;}
.event_step .chk .inbox {height:92px;}
.event_step .chk .inbox:before {content:""; position:absolute; top:0; left:-71px; width:70px; height:100%; background:url('/images/front/arrow_step_chk.svg') no-repeat 50% 50%;}
.event_step .chk .inbox:after {bottom:-49px; left:0; width:100%; height:48px;}
.event_step .chk .inbox strong {color:#A00; border-color:#C98C8C;}
.event_step .last .inbox {background:#155BA2; border-color:#155BA2;}
.event_step .last .inbox span,
.event_step .last .inbox strong {color:#fff;}

.event_board .btn {display:block; font-size:16px; color:#444; font-weight:500; line-height:34px; height:36px; width:120px; margin:0 auto; border:#ddd 1px solid; border-radius:8px;}
.event_board .btn:hover {color:#fff; background:#000; border-color:#000; text-decoration:none;}
.event_board .btn.modi {color:#A00; border-color:#a00;}
.event_board .btn.modi:hover {color:#fff; background:#a00;}

/* 달력 */
.ui-datepicker {width:326px; border:#111 1px solid; margin-top:-1px; padding-bottom:24px; background:#fff; z-index:100 !important; display:none;}
.ui-datepicker-header {position:relative; overflow:hidden; padding:32px 0 24px;}
.ui-datepicker-title {text-align:center; font-size:22px; color:#222; font-weight:700; line-height:26px; width:100%;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:27px; height:40px; line-height:40px; width:40px; text-align:center;}
.ui-datepicker-prev {left:20px;}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {display:block; width:11px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:0; margin:10px auto;}
.ui-datepicker-prev .ui-icon {background-image:url('/images/front/arrow_prev.svg');}
.ui-datepicker-next {right:20px;}
.ui-datepicker-next .ui-icon {background-image:url('/images/front/arrow_next.svg');}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {font-size:16px; text-align:center; line-height:32px;}
.ui-datepicker-calendar th {color:#7B7B7B;}
.ui-datepicker-calendar td a {display:block;}
.ui-datepicker-calendar td:first-child a {color:#A00;}
.ui-datepicker-calendar td:last-child a {color:#155ba2; /*text-decoration:line-through;*/}
/* 공평성보장선언문 및 품질방침 */
.img_half {display:flex; margin:100px 0;}
.img_half img {width:50%; height:auto; box-shadow:rgba(0,0,0,.05) 0 5px 40px;}
.num_list {margin-top:100px; border-top:#ccc 1px solid;}
.num_list li {position:relative; border-bottom:#ccc 1px solid; padding:35px 0 35px 100px;}
.num_list li strong {position:absolute; top:35px; left:24px; font-size:22px; color:#145BA2; font-weight:800; line-height:1;}
.guide_mtb510 {margin:50px 0 100px;}
.guide_mtb510 img {box-shadow:rgba(0,0,0,.05) 0 5px 40px;}
.rdots_list {margin-top:100px; border-top:#ccc 1px solid;}
.rdots_list li {position:relative; border-bottom:#ccc 1px solid; padding:35px 0 35px 25px;}
.rdots_list li:before {content:""; position:absolute; top:40px; left:0; width:10px; height:10px; background:#fff; border:#145BA2 3px solid; border-radius:50%;}

.tibox.guide2 img {margin:-10px 0;}
.tibox.guide2b img {margin:-40px 0;}
.tibox.guide3 img {margin:-20px 0;}
.tibox.guide5 img {margin:-20px 0;}
.pl_box {padding-left:5px;}
.pl_box.mt {margin-top:20px;}
.pl_box p span{width:17px; display:inline-block;}

.certification_state {border:#ccc 1px solid; border-top:#145BA2 3px solid; padding:40px; display:flex;}
.certification_state .imgfit {width:240px; height:310px; border:#ccc 1px solid; border-radius:15px;}
.certification_state .txt {width:calc(100% - 240px); padding:45px 0 0 40px;}
.certification_state .tit {font-size:28px; font-weight:700; line-height:34px; margin-bottom:40px;}
.certification_state dl {position:relative; margin-bottom:14px; padding-left:150px;}
.certification_state dl:last-child {margin-bottom:0;}
.certification_state dt {position:absolute; top:0; left:0; width:120px; height:30px; line-height:28px; color:#145BA2; font-weight:500; border:#145BA2 1px solid; border-radius:15px; padding-left:36px;}
.certification_state dt:before {content:""; position:absolute; top:0; left:20px; width:12px; height:100%; background:no-repeat 50% 50%;}
.certification_state dd {line-height:30px;}
.certification_state .i1 dt {color:#fff; background:#145BA2;}
.certification_state .i1 dt:before {display:none;}
.certification_state .i2 dt:before {background-image:url('/images/front/icon_certification_state02.svg');}
.certification_state .i3 dt:before {background-image:url('/images/front/icon_certification_state03.svg');}
.certification_state .i4 dt:before {background-image:url('/images/front/icon_certification_state04.svg');}

/* E-순환우수제품 모아보기 */
.festival_top {display:flex; gap:30px; margin-bottom:100px;}
.festival_top a {width:calc((100% - 150px)/6);}
.festival_top .img {position:relative; display:block; width:100%; height:0; padding-top:100%; border-radius:8px;}
.festival_top .img:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:8px; border:#145BA2 2px solid; opacity:0; transition:.2s linear;}
.festival_top .img img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%); object-fit:contain;}
.festival_top .img .txt {position:absolute; top:50%; left:0; width:100%; font-size:16px; color:#444; font-weight:700; line-height:30px; transform:translateY(-50%); text-align:center;}
.festival_top p {font-size:16px; color:#444; font-weight:700; line-height:20px; margin-top:16px; text-align:center;}
.festival_top a.on .img:before {opacity:1;}

.festival_list {margin-top:50px; display:flex; flex-wrap:wrap; gap:50px 20px;}
.festival_list .box {width:calc((100% - 60px)/4);}
.festival_list span {display:block;}
.festival_list .img {height:260px;}
.festival_list .imgfit {position:relative; overflow:hidden; border:#EBEBEB 1px solid; border-radius:10px; aspect-ratio:119/130;}
.festival_list .imgfit:before,
.festival_list .img p {position:absolute; opacity:0; transition:.2s linear;}
.festival_list .imgfit:before {content:""; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:1;}
.festival_list .img p {top:50%; left:50%; font-size:16px; color:#fff; font-weight:500; line-height:26px; height:38px; width:180px; max-width:calc(100% - 20px); padding:5px; border:#fff 1px solid; transform:translate(-50%,-50%); border-radius:5px; text-align:center; z-index:2;}
.festival_list .tit {padding-top:15px;}
.festival_list .tit .tt {font-size:18px; color:#444; font-weight:700; line-height:22px; margin-bottom:10px;}
.festival_list .tit dl {display:flex; gap:17px; font-size:16px; color:#444;}
.festival_list .tit dt {position:relative;}
.festival_list .tit dt:after {content:""; position:absolute; top:50%; right:-9px; width:1px; height:12px; background:#ddd; transform:translateY(-50%);}
.festival_list .tit dd {font-weight:500;}
.festival_list .link,
.festival_list .copy {display:flex; justify-content:center; align-items:center; gap:8px; font-weight:500; border-radius:10px;}
.festival_list .link:after,
.festival_list .copy:after {content:""; display:block; height:14px; background:no-repeat 50% 50% / contain;}
.festival_list .link {font-size:17px; color:#fff; line-height:44px; height:44px; margin-top:25px; background:#00366B;}
.festival_list .link:after {width:14px; background-image:url('/images/front/icon_link.svg');}
.festival_list .copy {font-size:15px; color:#444; line-height:30px; height:32px; margin-top:4px; border:#ddd 1px solid;}
.festival_list .copy:after {width:12px; background-image:url('/images/front/icon_copy.svg');}
.festival_list .box:hover .imgfit:before,
.festival_list .box:hover .img p {opacity:1;}
.pop_festival .tit {text-align:center; font-size:24px; color:#04712A; font-weight:700; line-height:1; padding-bottom:0; border-bottom:0; margin-bottom:0;}
.pop_festival .tit:before {content:""; display:block; width:60px; height:60px; background:#04712A url('/images/front/icon_copy2.svg') no-repeat 50% 50% / 20px; border-radius:50%; margin:0 auto 20px;}
.pop_festival .btns {margin-top:50px; display:flex; justify-content:center; gap:12px;}
.pop_festival .btns .btn {font-size:18px; font-weight:500; line-height:58px; height:60px; width:200px; max-width:calc(50% - 6px); border-radius:10px; text-align:center; border:#145BA2 1px solid;}
.pop_festival .btns .btn_b {color:#fff; background:#145BA2;}
.pop_festival .btns .btn_l {color:#145BA2; background:#fff;}

/* E-순환우수제품 모아보기 */
.festival_view .info {display:flex; gap:40px; margin-bottom:100px;}
.festival_view .info .imgfit {width:306px; height:395px; border:#ccc 1px solid; border-radius:15px; font-size:0;}
.festival_view .info .txt {position:relative; width:calc(100% - 346px);}
.festival_view .info .maker {display:flex; gap:16px; font-size:18px;}
.festival_view .info .maker dt {position:relative; color:#666; line-height:22px;}
.festival_view .info .maker dt:after {content:""; position:absolute; top:4px; right:-8px; width:1px; height:14px; background:#ddd;}
.festival_view .info .maker dd {color:#145BA2; font-weight:600;}
.festival_view .info .tit {font-size:28px; color:#444; font-weight:700; line-height:34px; margin:10px 0 25px;}
.festival_view .info .model {position:relative; padding-left:64px; font-size:15px; line-height:22px;}
.festival_view .info .model dt {position:absolute; top:0; left:0; color:#666; font-weight:500;}
.festival_view .info .model dd {color:#444; font-weight:500;}
.festival_view .info .link {position:absolute; bottom:0; left:0; width:100%; height:44px; font-size:17px; color:#fff; background:#00366B; border-radius:10px; display:flex; justify-content:center; align-items:center; gap:8px;}
.festival_view .info .link:after {content:""; display:block; height:14px; background:no-repeat 50% 50% / contain; width:14px; background-image:url('/images/front/icon_link.svg');}
.festival_view .cont {padding:50px 0; border-top:#ddd 1px solid;}
.btn_list2 {display:block; font-size:18px; color:#fff; font-weight:500; line-height:60px; height:60px; width:200px; background:#145BA2; border-radius:10px; margin:50px auto 0; text-align:center;}
.btn_application:after {display:none;}
.btn_list_link {color:#145BA2; background:#fff; border:#145BA2 1px solid; line-height:58px;}

/* 구매 인증 이벤트 안내 */
.event3_top {margin-bottom:50px;}
.normal_tabs {display:flex; border:#ccc 1px solid; margin-bottom:100px; border-radius:5px;}
.normal_tabs a {font-size:18px; color:#666; line-height:48px; height:48px; border-left:#ccc 1px solid; text-align:center; width:25%;}
.normal_tabs a:first-child {border-left:0;}
.normal_tabs a.on {color:#fff; background:linear-gradient(-90deg,#2E78BE,#1A458B);}
.event_list {display:flex; flex-wrap:wrap; gap:50px 20px;}
.event_list a {width:calc((100% - 40px)/3); border:#EBEBEB 1px solid; border-radius:10px;}
.event_list span {display:block;}
.event_list .imgfit {position:relative; width:100%; height:269px;}
.event_list .imgfit p {position:absolute; top:10px; left:10px; width:64px; height:22px; line-height:22px; text-align:center; font-size:12px; color:#fff; font-weight:600; border-radius:11px;}
.event_list .imgfit p.before {background:#145BA2;}
.event_list .imgfit p.ing {background:#24954B;}
.event_list .imgfit p.end {background:#666;}
.event_list .txt {padding:16px;}
.event_list .tit {font-size:18px; color:#444; font-weight:700; line-height:26px; height:52px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.event_list .date {font-size:16px; color:#666; margin-top:10px; padding-left:24px; background:url('/images/front/icon_time.svg') no-repeat 0 50% / 16px;}

.event_view .tit {font-size:40px; color:#444; font-weight:700; line-height:48px; margin-bottom:24px; text-align:center;}
.event_info {display:flex; flex-wrap:wrap; gap:20px; padding:24px 15px 30px; border-top:#145BA2 3px solid; border-bottom:1px solid #ddd;}
.event_info dl {display:flex; justify-content:center; align-items:center; gap:27px;}
.event_info dt {width:120px; height:30px; line-height:28px; display:flex; justify-content:center; align-items:center; gap:7px; font-size:14px; color:#145BA2; border:#145BA2 1px solid; border-radius:15px;}
.event_info dt:before {content:""; display:block; width:12px; height:12px; background:no-repeat 50% 50%;}
.event_info dd {width:calc(100% - 147px);}
.event_info .i1,
.event_info .i3 {width:calc(100% - 480px);}
.event_info .i1 dt:before {background-image:url('/images/front/icon_human.svg');}
.event_info .i2 {width:460px;}
.event_info .i2 dt:before {background-image:url('/images/front/icon_time.svg');}
.event_info .i3 dt:before {background-image:url('/images/front/icon_ddabong.svg');}
.event_view .cont {padding-top:50px;}
.event_view .photo {width:100%; min-height:460px; border:#ccc 1px solid; border-radius:15px; display:flex; justify-content:center; align-items:center;}
.event_view .file {border-bottom: #ddd 1px solid; padding: 20px; display: flex; flex-direction: column;}
.event_view .file a {font-size: 16px; color: #444; background: url(/images/front/icon_file.svg) no-repeat 0 2px; padding-left: 40px; margin-top: 10px;}

.file_inputs .file_in span a {font-size: 16px;  height: 36px; width: 100%; margin: 0 auto; line-height: 36px; padding: 0 32px; background: #145BA2; color: #fff; display: flex; justify-content: center; align-items: center; gap: 28px;}
.file_inputs .file_in span a:after {content: ""; display: block; width: 20px; height: 18px; background: url(/images/front/icon_down.svg) no-repeat 50% 50% / contain;}


/* 사랑의 어깨동무 소개 */
.glbox.shoulder_top {position:relative; padding:60px 60px 60px 380px; justify-content:flex-start;}
.shoulder_top .img {position:absolute; top:50%; left:0; width:380px; display:flex; justify-content:center; align-items:center; transform:translateY(-50%);}
.shoulder_top .sgtit {line-height:30px; margin-bottom:20px;}
.shoulder_mid {position:relative; padding:25px 25px 25px 260px; margin:100px 0;}
.shoulder_mid:before {content:""; position:absolute; top:50%; left:50px; width:158px; height:24px; background:url('/images/front/icon_shoulder.svg') no-repeat 50% 50% / contain; transform:translateY(-50%);}
.shoulder_sidebox.mgtop100{margin-top:100px;}
.shoulder_sidebox .box {display:flex; gap:110px; margin-bottom:80px;}
.shoulder_sidebox .box:last-child {margin-bottom:0;}
.shoulder_sidebox .box > * {width:calc(50% - 55px);}
.shoulder_sidebox .imgfit {border-radius:15px; overflow:hidden;}
.shoulder_sidebox .txt {display:flex; flex-direction:column; justify-content:center;}
.shoulder_sidebox .num {font-size:21px; color:#279746; font-weight:700; line-height:25px;}
.shoulder_sidebox .tit {position:relative; font-size:24px; font-weight:700; line-height:30px; padding:10px 0 33px; margin-bottom:30px;}
.shoulder_sidebox .tit:after {content:""; position:absolute; bottom:0; left:0; width:50px; height:3px; background:#ccc;}
.shoulder_sidebox p {color:#666; line-height:30px;}
.shoulder_sidebox span {display:block; font-size:14px; color:#999; line-height:20px; margin-top:15px;}
.shoulder_sidebox p.flex{display:flex;}
.shoulder_sidebox span.mg15{margin-left:15px;}
.shoulder_sidebox .box:nth-child(2n) {flex-direction:row-reverse;}
.shoulder_sidebox .box:nth-child(2n) .num {color:#145BA2;}
.shoulder_sidebox .box:nth-child(2n) .txt {align-items:flex-end; text-align:right;}
.shoulder_sidebox .box:nth-child(2n) .tit:after {left:auto; right:0;}
.shoulder_sidebox.glbox {flex-direction:column; align-items:flex-start; padding:40px;}
.shoulder_sidebox.glbox .box {flex-direction:row; gap:0; width:100%;}
.shoulder_sidebox.glbox .box .imgfit {width:300px; height:220px; overflow:hidden; border:#ccc 1px solid;}
.shoulder_sidebox.glbox .box .txt {width:calc(100% - 300px); padding-left:60px; text-align:left; align-items:flex-start;}
.shoulder_sidebox.glbox .box .num {color:#279746;}
.shoulder_sidebox.glbox .box .tit:after {right:auto; left:0;}

.contact_area {margin:100px 0 25px; display:flex; gap:20px;}
.contact_area .gbox {width:calc(50% - 10px); padding:45px 50px;}
.contact_area .tit {position:relative; font-size:20px; font-weight:700; line-height:24px; padding-left:34px; background:no-repeat left center; margin-bottom:20px;}
.contact_area .tit.i1 {background-image:url('/images/front/icon_contact01.svg');}
.contact_area .tit.i2 {background-image:url('/images/front/icon_contact02.svg');}
.contact_area p {font-weight:600; line-height:20px; margin-bottom:10px;}
.contact_area ul {display:flex; gap:0 60px;}
.contact_area li {padding-left:24px; color:#279746; font-weight:700; line-height:20px; background:no-repeat left center;}
.contact_area li.i1 {background-image:url('/images/front/icon_contact03.svg');}
.contact_area li.i2 {background-image:url('/images/front/icon_contact04.svg');}
.contact_area li.i3 {background-image:url('/images/front/icon_contact05.svg');}

/* 걸어온 길 (연혁) */
.shoulder_history .head {position:relative; width:340px; height:144px; border:#CECECE 1px solid; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0 auto 81px;}
.shoulder_history .head:after {content:""; position:absolute; top:100%; left:50%; width:1px; height:81px; background:#CECECE;}
.shoulder_history .head span {font-size:17px; color:#279746; font-weight:700; line-height:20px; margin-bottom:10px;}
.shoulder_history .head .nu {font-size:42px; color:#145BA2; font-weight:500; line-height:50px;}
.shoulder_history .head .nu strong {margin:0 5px;}
.shoulder_history .head .nu b {margin-left:5px;}
.shoulder_history ul {display:flex; gap:25px;}
.shoulder_history li {position:relative; border:#ccc 1px solid; border-radius:15px; width:calc((100% - 50px)/3); padding:40px;}
.shoulder_history li:before,
.shoulder_history li:after {content:""; position:absolute; top:-40px; left:50%; background:#cecece;}
.shoulder_history li:before {width:1px; height:40px;}
.shoulder_history li.i2:before {display: none;}
.shoulder_history li:after {width:100%; height:1px;}
.shoulder_history li i {content:""; display:block; width:100%; height:68px; background:no-repeat 50% 50%;}
.shoulder_history .tit {display:block; font-size:22px; font-weight:700; line-height:32px; text-align:center; margin:20px 0 40px;}
.shoulder_history p {position:relative; padding-left:20px; line-height:26px;}
.shoulder_history p:before {content:""; position:absolute; top:9px; left:0; width:8px; height:8px; background:#279746; border-radius:50%;}
.shoulder_history li.i1 i{background-image:url('/images/front/icon_shoulder_history01.svg');}
.shoulder_history li.i2:after {transform:translateX(-50%);}
.shoulder_history li.i2 i{background-image:url('/images/front/icon_shoulder_history02.svg');}
.shoulder_history li.i3:after {left:-50%;}
.shoulder_history li.i3 i{background-image:url('/images/front/icon_shoulder_history03.svg');}
.shoulder_slider_tit {font-size:28px; color:#145BA2; font-weight:800; line-height:40px; margin:100px 0 40px; text-align:center;}
.shoulder_slider_wrap {position:relative; padding-bottom:45px;}
.shoulder_slider {position:relative; overflow:hidden; width:100%;}
.shoulder_slider img {border-radius:15px; width:100%;}
.shoulder_slider_wrap .swiper-scrollbar {background:#CFCFCF; left:0; width:100%; height:5px;}
.shoulder_slider_wrap .swiper-scrollbar-drag {background:#145BA2;}
.shoulder_slider_wrap .swiper_arrow {position:absolute; top:50%; width:40px; height:40px; background:#fff url('/images/front/arrow_slide.svg') no-repeat 50% 50%; border:#ddd 1px solid; border-radius:50%; z-index:1; margin-top:-20px;}
.shoulder_slider_wrap .swiper_arrow:after {display:none;}
.shoulder_slider_wrap .swiper_prev {left:-20px;}
.shoulder_slider_wrap .swiper_next {right:-20px; transform:rotate(180deg);}

/* 기부자 혜택 */
.done_step {display:flex; gap:70px;}
.done_step li {width:calc((100% - 210px)/4); text-align:center;}
.done_step .box {height:140px; border:#ccc 1px solid; border-radius:15px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.done_step .box span {display:block; font-size:14px; color:#145BA2; font-weight:700; line-height:16px; margin:0 0 15px;}
.done_step .box strong {display:block; font-size:22px; line-height:26px;}
.done_step p {color:#666; font-weight:600; line-height:24px; margin-top:20px;}
.done_step p + span {display:block; font-size:14px; color:#999; line-height:20px; margin-top:10px;}
.done_step li:last-child .box {background:#155BA2;}
.done_step li:last-child .box span,
.done_step li:last-child .box strong {color:#fff;}

.over_info{opacity:0; position:absolute;}

/*사랑의 어깨동무 소개 2024*/
.shoulder_tibox {flex-direction:row-reverse; gap:20px;}
.shoulder_tibox .img {width:140px;}
.shoulder_tibox img {mix-blend-mode:multiply;}
.shoulder_tibox .txt {width:calc(100% - 160px);}
.shoulder_tibox .sgtit {font-size:22px;}
.shoulder_table {border:#ddd 1px solid; border-radius:15px; padding:40px; margin-top:80px;}
.shoulder_table .box {display:flex; align-items:center; margin-bottom:16px;}
.shoulder_table .box:last-child {margin-bottom:0;}
.shoulder_table .tit {position:relative; font-size:20px; color:#222; font-weight:600; width:170px;}
.shoulder_table .tit:before,
.shoulder_table .tit:after {content:""; position:absolute; top:50%; transform:translateY(-50%);}
.shoulder_table .tit:before {right:0; width:60px; border-top:#ccc 1px dashed;}
.shoulder_table .tit:after {right:62px; width:13px; height:13px; border:#D1DAE8 4px solid; border-radius:50%; background:#1A458B;}
.shoulder_table .tit.none:before,
.shoulder_table .tit.none:after {display:none;}
.shoulder_table .con {width:calc(100% - 170px);}
.shoulder_table .box_radius {border-radius:12px;}
.shoulder_table .copy {padding:20px 40px; background:linear-gradient(0deg, #fffbee,#fff3cd); display:flex; align-items:center; gap:30px;}
.shoulder_table .copy .icon {width:100px; height:100px; background:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center; border:#D35354 2px solid; box-shadow:rgba(211,83,84,.3) 0 3px 10px; padding:10px; overflow:hidden;}
.shoulder_table .copy .txt {width:calc(100% - 130px); color:#D35354; line-height:40px;}
.shoulder_table .copy .txt span {display:block; font-size:22px; font-weight:300;}
.shoulder_table .copy .txt strong {display:block; font-size:24px; font-weight:500;}
.shoulder_table .tri {display:flex; gap:20px;}
.shoulder_table .tri .bx {width:calc((100% - 40px)/3); display:flex; justify-content:center; align-items:center; padding:25px;}
.shoulder_table .tri.iset .bx {height:100px; font-size:20px; font-weight:600; gap:10px;}
.shoulder_table .tri.iset .bx:before {content:""; display:block; background:no-repeat 50% 50% / contain}
.shoulder_table .tri.iset .bx.i1 {background-color:rgba(244,149,78,.16);}
.shoulder_table .tri.iset .bx.i1:before {width:30px; height:26px; background-image:url('/images/front/icon_shoulder_01.svg');}
.shoulder_table .tri.iset .bx.i2 {background-color:#E8F5FF;}
.shoulder_table .tri.iset .bx.i2:before {width:33px; height:25px; background-image:url('/images/front/icon_shoulder_02.svg');}
.shoulder_table .tri.iset .bx.i3 {background-color:#EBFCD9;}
.shoulder_table .tri.iset .bx.i3:before {width:27px; height:21px; background-image:url('/images/front/icon_shoulder_03.svg');}
.shoulder_table .tri.tset .bx {position:relative; font-size:18px; font-weight:500; line-height:25px; border:#ddd 1px solid;}
/*.shoulder_table .tri.tset .bx:before {content:""; position:absolute; top:0; left:-21px; width:20px; height:100%; background:url('/images/front/icon_plus.svg') no-repeat 50% 50%;}
.shoulder_table .tri.tset .bx:first-child:before {display:none;}*/
.shoulder_table .dots {background:#F8F8F8; padding:22px 32px; font-size:18px; color:#444; line-height:38px;}

/* 기부 혜택 */
.done_benefit {border:#ccc 1px solid; border-radius:15px; padding:40px; text-align:center;}
.done_benefit dl {margin-bottom:70px;}
.done_benefit dt {font-size:18px; color:#fff; font-weight:500; line-height:50px; height:50px; width:100%; border-radius:10px 10px 0 0; background:#145BA2;}
.done_benefit dd {font-size:20px; color:#444; font-weight:700; line-height:24px; padding:24px; border:#ddd 1px solid; border-radius:0 0 10px 10px;}
.done_benefit .ibox {display:flex; gap:15px;}
.done_benefit .ibox .box {position:relative; width:calc((100% - 30px)/3); padding:40px 20px; background:#F8F8F8;}
.done_benefit .ibox .box:before {content:""; position:absolute; top:-70px; left:0; width:100%; height:70px; background:url('/images/front/arrow_done_benefit.svg') no-repeat 50% 50% / contain;}
.done_benefit .ibox i {position:relative; display:block; width:130px; height:130px; padding:9px; margin:0 auto; border-radius:50%; overflow: hidden;}
.done_benefit .ibox i:before {content:""; display:block; width:100%; height:100%; background:#fff no-repeat 50% 50%; border-radius:50%; box-shadow:rgba(0,0,0,.4) 4px 4px 5px;}
.done_benefit .ibox i:after {content:""; position:absolute; top:50%; left:50%; width:100px; height:100px; border:#E0E0E0 1px solid; border-radius:50%; transform:translate(-50%,-50%);}
.done_benefit .ibox strong {position:relative; display:block; font-size:24px; color:#444; line-height:30px; margin:30px 0 24px; padding-bottom:23px;}
.done_benefit .ibox strong:after {content:""; position:absolute; bottom:0; left:50%; width:50px; height:3px; background:#ccc; transform:translateX(-50%);}
.done_benefit .ibox p {font-size:16px; color:#666; line-height:24px;}
.done_benefit .ibox .i1 i {background:#145BA2;}
.done_benefit .ibox .i1 i:before {background-image:url('/images/front/icon_done_benefit01.svg');}
.done_benefit .ibox .i2 i {background:#279746;}
.done_benefit .ibox .i2 i:before {background-image:url('/images/front/icon_done_benefit02.svg');}
.done_benefit .ibox .i3 i {background:#F38134;}
.done_benefit .ibox .i3 i:before {background-image:url('/images/front/icon_done_benefit03.svg');}
/* 기부 예우 */
.done_tbl table {margin-top:15px;}
.done_tbl col.wd {width:18%;}
.done_tbl th:first-child,
.done_tbl td:first-child {border-left:0;}
.done_tbl th:last-child,
.done_tbl td:last-child {border-right:0;}
.done_tbl span {display:inline-block; vertical-align:top; font-size:15px; color:#fff; font-weight:500; line-height:26px; height:26px; padding:0 10px; border-radius:13px; margin-bottom:10px;}
.done_tbl .c1 span,
.done_tbl .c1 i {background:#E05B40;}
.done_tbl .c2 span,
.done_tbl .c2 i {background:#955FB9;}
.done_tbl .c3 span,
.done_tbl .c3 i {background:#6962AE;}
.done_tbl .c4 span,
.done_tbl .c4 i {background:#6DA782;}
.done_tbl .c5 span,
.done_tbl .c5 i {background:#686868;}
.done_tbl .c6 span,
.done_tbl .c6 i {background:#B5B5B5;}
.done_tbl td {padding:20px 5px; text-align:center;}
.done_tbl i {display:block; width:20px; height:20px; margin:0 auto; mask:url('/images/front/icon_chk.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/images/front/icon_chk.svg') no-repeat 50% 50% / contain;}

.donation_tri {display:flex; flex-wrap:wrap; gap:40px; margin:100px 0 50px;}
.donation_tri .box {width:calc((100% - 80px)/3); border:#ccc 1px solid; border-radius:15px; padding:30px 20px 40px; text-align:center;}
.donation_tri .icon {position: relative; width:160px; height:160px; border-radius:50%; margin:0 auto 20px; background:#F8F8F8;}
.donation_tri i {position: absolute; top:0; left:0; width:100%; height:100%; display:block; background:no-repeat 50% 50%;}
.donation_tri .i1 i {background-image: url('/images/front/icon_donation_tri01.svg');}
.donation_tri .i2 i {background-image: url('/images/front/icon_donation_tri02.svg');}
.donation_tri .i3 i {background-image: url('/images/front/icon_donation_tri03.svg');}
.donation_tri .i4 i {background-image: url('/images/front/icon_donation_tri04.svg');}
.donation_tri .i5 i {background-image: url('/images/front/icon_donation_tri05.svg');}
.donation_tri .i6 i {background-image: url('/images/front/icon_donation_tri06.svg');}
.donation_tri .tt {font-size:20px; color:#444; font-weight:700; line-height:32px;}

/* 활동 보고 */
.activity_report_tri {display:flex; gap:20px; margin:100px 0 50px;}
.activity_report_tri .box {width:calc((100% - 60px)/4); border:#ccc 1px solid; border-radius:15px; padding:30px 20px 40px; text-align:center;}
.activity_report_tri .icon {position: relative; width:160px; height:160px; border-radius:50%; margin:0 auto 20px; background:#EBF4E1;}
.activity_report_tri img {position: absolute; top:50%; left:50%; max-width:none; display:block; background:no-repeat 50% 50% / contain; transform:translate(-50%,-50%);}
.activity_report_tri .i1 img {width:215px;}
.activity_report_tri .i2 img {width:163px;}
.activity_report_tri .i3 img {width:171px;}
.activity_report_tri .i4 img {width:190px;}
.activity_report_tri .tt {font-size:20px; color:#444; font-weight:700; line-height:32px;}
.activity_report_tri .tt strong {color:#279746;}
.activity_report_tri .pct {font-size:20px; color:#279746; font-weight:500; margin-top:25px;}
.activity_report_tri .pct strong {font-size:50px;}