/* common */
html, body {background:#fff;}
body.bg {background:var(--color-light-active); min-height:100vh; padding:5% 0; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}


/* container */
:root{
	--container-padding: 15px;
	--container-padding-minus: -15px;
}
.container {max-width: calc(1600px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl {max-width: calc(1600px + (var(--container-padding) * 2));}
.container-xl {max-width: calc(1200px + (var(--container-padding) * 2));}
.container-lg {max-width: calc(991px + (var(--container-padding) * 2));}
.container-md {max-width: calc(767px + (var(--container-padding) * 2));}
.container-sm {max-width: calc(575px + (var(--container-padding) * 2));}
.container-xs {max-width: calc(400px + (var(--container-padding) * 2));}

/* intro-box */
.intro-box {width:100%; background:var(--color-light-active); display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.intro-box .intro-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%;}
.intro-box .intro-head h1 img {width:360px;}
.intro-box .intro-foot {width:100%;}
.intro-box .intro-foot ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 8px;}
.intro-box .intro-foot ul li:last-of-type {margin:0;}
.intro-box .intro-foot ul li p {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#333; font-weight:500;}
.intro-box .intro-foot ul li p:after {display:inline-block; content:""; width:1px; height:13px; background:#333; margin:0 15px;}
.intro-box .intro-foot ul li p:last-of-type:after {display:none;}
.intro-box .intro-foot ul li p b {color:#eb7369; margin:0 0 0 5px; font-weight:500;}
.intro-box .intro-body {width:100%; margin:4% 0 8%;}
.intro-box .intro-body .container {display:flex; flex-wrap:wrap; max-width:1330px;}
.intro-box .intro-body .body-left {flex:1; min-width:0;}
.intro-box .intro-body .body-left .swiper-container {overflow:hidden; border-radius:20px 20px 0 0;}
.intro-box .intro-body .body-left .swiper-container .swiper-slide:after {display:block; content:""; padding-bottom:36%;}
.intro-box .intro-body .body-left .swiper-container .swiper-slide img {position:absolute; left:0; top:0; width:100%; /*height:100%;*/ object-fit:cover; border-radius:20px 20px 0 0;}
.intro-box .intro-body .body-left .swiper-control {background:#fff; padding:20px 15px; border-radius:0 0 20px 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.intro-box .intro-body .body-left .swiper-control .swiper-pagination {position:static; margin:0 20px 0 0; width:auto; font-size:18px; color:#333;}
.intro-box .intro-body .body-left .swiper-control .swiper-pagination span {font-size:18px; color:#333;}
.intro-box .intro-body .body-left .swiper-control .swiper-pagination span.swiper-pagination-current {font-weight:600;}
.intro-box .intro-body .body-left .swiper-control .swiper-button-prev {position:static; margin:0; width:35px; height:35px; border-radius:50%; border:1px solid #d9d9d9; background:url('../images/icon_arrow_down.svg') no-repeat center / 24px; transform:rotate(90deg);}
.intro-box .intro-body .body-left .swiper-control .swiper-button-prev:after {display:none;}
.intro-box .intro-body .body-left .swiper-control .swiper-button-next {position:static; margin:0; width:35px; height:35px; border-radius:50%; border:1px solid #d9d9d9; background:url('../images/icon_arrow_down.svg') no-repeat center / 24px; transform:rotate(-90deg);}
.intro-box .intro-body .body-left .swiper-control .swiper-button-next:after {display:none;}
.intro-box .intro-body .body-left .swiper-control .swiper-play {margin:0 5px; width:35px; height:35px; border-radius:50%; border:1px solid #d9d9d9; background:url('../images/icon_pause.svg') no-repeat center / 16px auto; font-size:0;}
.intro-box .intro-body .body-left .swiper-control .swiper-play.active {background-image:url('../images/icon_play.svg');}
.intro-box .intro-body .body-right {width:33%; margin:0 0 0 40px;}
.intro-box .intro-body .body-right ul li {margin:0 0 11px;}
.intro-box .intro-body .body-right ul li:last-of-type {margin:0;}
.intro-box .intro-body .body-right ul li .inner {display:flex; flex-wrap:wrap; background:#fff; border-radius:20px; overflow:hidden;}
.intro-box .intro-body .body-right ul li .inner .inner-left {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding:10px 20px 10px 30px;}
.intro-box .intro-body .body-right ul li .inner .inner-left > div {flex:1; min-width:0;}
.intro-box .intro-body .body-right ul li .inner .inner-left > div h2 {font-size:25px; font-family:'YeogiOttaeJalnan';}
.intro-box .intro-body .body-right ul li .inner .inner-left > div p {font-size:16px; color:#333; word-break:keep-all; line-height: 1.2;}
.intro-box .intro-body .body-right ul li .inner .inner-left:before {display:block; content:""; width:100px; height:105px; background-position:left center; background-repeat:no-repeat;}
.intro-box .intro-body .body-right ul li .inner .inner-right {width:100px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.intro-box .intro-body .body-right ul li .inner .inner-right p {font-size:20px; font-weight:500; color:#fff; text-align:center; line-height:1.2;}
.intro-box .intro-body .body-right ul li .inner:hover .inner-right p {color:#fffc00;}
.intro-box .intro-body .body-right ul li:nth-of-type(1) .inner .inner-left:before {background-image:url('../images/icon_intro_cate_01.png'); background-size:100px auto;}
.intro-box .intro-body .body-right ul li:nth-of-type(2) .inner .inner-left:before {background-image:url('../images/icon_intro_cate_02.png'); background-size:86px auto;}
.intro-box .intro-body .body-right ul li:nth-of-type(3) .inner .inner-left:before {background-image:url('../images/icon_intro_cate_03.png'); background-size:92px auto;}
.intro-box .intro-body .body-right ul li:nth-of-type(1) .inner .inner-left > div h2 {color:var(--color-active);}
.intro-box .intro-body .body-right ul li:nth-of-type(2) .inner .inner-left > div h2 {color:#22ad91;}
.intro-box .intro-body .body-right ul li:nth-of-type(3) .inner .inner-left > div h2 {color:#19a5be;}
.intro-box .intro-body .body-right ul li:nth-of-type(1) .inner .inner-right {background:var(--color-active);}
.intro-box .intro-body .body-right ul li:nth-of-type(2) .inner .inner-right {background:#22ad91;}
.intro-box .intro-body .body-right ul li:nth-of-type(3) .inner .inner-right {background:#19a5be;}
@media (max-width:1350px){
.intro-box {max-width:1200px; margin:0 auto;}
.intro-box .intro-body .body-left {width:100%; flex:none;}
.intro-box .intro-body .body-right {width:100%; margin:40px 0 0;}
.intro-box .intro-body .body-right ul {display:flex; flex-wrap:wrap;}
.intro-box .intro-body .body-right ul li {flex:1; min-width:0; margin:0 20px 0 0;}
.intro-box .intro-body .body-right ul li .inner .inner-left:before {width:70px; height:75px;}
.intro-box .intro-body .body-right ul li .inner .inner-left > div h2 {font-size:18px;}
.intro-box .intro-body .body-right ul li .inner .inner-left > div p {font-size:13px;}
.intro-box .intro-body .body-right ul li .inner .inner-left > div p br {display:none;}
.intro-box .intro-body .body-right ul li .inner .inner-right {width:60px;}
.intro-box .intro-body .body-right ul li .inner .inner-right p {font-size:16px;}
.intro-box .intro-body .body-right ul li:nth-of-type(1) .inner .inner-left:before {background-size:70px auto;}
.intro-box .intro-body .body-right ul li:nth-of-type(2) .inner .inner-left:before {background-size:56px auto;}
.intro-box .intro-body .body-right ul li:nth-of-type(3) .inner .inner-left:before {background-size:62px auto;}
}
@media (max-width:991px){
.intro-box .intro-head h1 img {width:250px;}
.intro-box .intro-foot ul li {justify-content:center; width:100%;}
.intro-box .intro-foot ul li p {width:100%; font-size:13px; text-align:center; justify-content:center; font-size:13px; margin:0 0 3px;}
.intro-box .intro-foot ul li p:last-of-type {margin:0;}
.intro-box .intro-foot ul li p:after {display:none;}
.intro-box .intro-foot ul li p b {font-size:13px;}
.intro-box .intro-foot ul li p a {font-size:13px;}
.intro-box .intro-body {margin:20px auto 40px;}
.intro-box .intro-body .body-left .swiper-container {border-radius:15px 15px 0 0;}
.intro-box .intro-body .body-left .swiper-control {border-radius:0 0 15px 15px;}
.intro-box .intro-body .body-left .swiper-control .swiper-pagination {font-size:14px;}
.intro-box .intro-body .body-left .swiper-control .swiper-pagination span {font-size:14px;}
.intro-box .intro-body .body-left .swiper-control .swiper-button-prev {width:30px; height:30px;}
.intro-box .intro-body .body-left .swiper-control .swiper-button-next {width:30px; height:30px;}
.intro-box .intro-body .body-left .swiper-control .swiper-play {width:30px; height:30px;}
.intro-box .intro-body .body-right {margin:20px 0 0;}
.intro-box .intro-body .body-right ul li {flex:none; width:100%; margin:0 0 8px;}
.intro-box .intro-body .body-right ul li .inner {border-radius:15px;}
.intro-box .intro-body .body-right ul li .inner .inner-left {padding:10px 10px 10px 20px;}
.intro-box .intro-body .body-right ul li .inner .inner-left:before {width:50px; height:55px;}
.intro-box .intro-body .body-right ul li .inner .inner-left > div h2 {font-size:16px;}
.intro-box .intro-body .body-right ul li .inner .inner-right {width:50px;}
.intro-box .intro-body .body-right ul li .inner .inner-right p {font-size:14px;}
.intro-box .intro-body .body-right ul li:nth-of-type(1) .inner .inner-left:before {background-size:50px auto;}
.intro-box .intro-body .body-right ul li:nth-of-type(2) .inner .inner-left:before {background-size:36px auto;}
.intro-box .intro-body .body-right ul li:nth-of-type(3) .inner .inner-left:before {background-size:42px auto;}
}
@media (max-width:575px){
.intro-box .intro-body .body-left .swiper-control { padding-top: 10px; padding-bottom: 10px;}
.intro-box .intro-body .body-left .swiper-container .swiper-slide:after {padding-bottom:31%;}
}
/* sub-box */
.sub-box {padding:50px 0 100px; display:flex; flex-wrap:wrap; align-items:flex-start;}
.sub-box .sub-left {width:320px; margin:0 50px 0 0; position:sticky; top:20px;}
.sub-box .sub-left h2 {padding:40px 10px; margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; border-radius:15px; background:url('../images/bg_sub.png') no-repeat center / cover;}
.sub-box .sub-left h2 b {width:100%; text-align:center; font-size:16px; font-weight:700; color:#fff;}
.sub-box .sub-left h2 p {width:100%; font-size:35px; text-align:center; font-weight:700; color:#fff; word-break:keep-all;}
.sub-box .sub-left .left-cate > ul > li {margin:0 0 8px;}
.sub-box .sub-left .left-cate > ul > li:last-of-type {margin:0;}
.sub-box .sub-left .left-cate > ul > li .depth {padding:10px 20px; display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; border:1px solid #d7d7d7;}
.sub-box .sub-left .left-cate > ul > li .depth p {flex:1; min-width:0; margin:0 10px 0 0; font-size:18px; font-weight:500; line-height:1.3; color:#333; word-break:keep-all;}
.sub-box .sub-left .left-cate > ul > li .depth.more:after {display:inline-block; width:20px; height:20px; content:""; background:url('../images/icon_plus.svg') no-repeat center / cover;}
.sub-box .sub-left .left-cate > ul > li:hover .depth {background:var(--color-active); border-color:var(--color-active);}
.sub-box .sub-left .left-cate > ul > li:hover .depth p {color:#fff;}
.sub-box .sub-left .left-cate > ul > li:hover .depth.more:after {filter:var(--filter-white);}

/* sjkim 추가 */
.sub-box .sub-left .left-cate > ul > li a.target:after{width: 18px;height: 16px;content: "";display: block;background: url('../images/icon_link.png') no-repeat center / cover;}

.sub-box .sub-left .left-cate > ul > li a:hover:after {background: url('../images/icon_link_white.png')}


.sub-box .sub-left .left-cate > ul > li > ul {display:none; background:#eee; border-radius:10px; padding:15px; margin:8px 0 0;}
.sub-box .sub-left .left-cate > ul > li > ul > li {margin:0 0 8px;}
.sub-box .sub-left .left-cate > ul > li > ul > li:last-of-type {margin:0;}
.sub-box .sub-left .left-cate > ul > li > ul > li .depth2 {display:flex; flex-wrap:wrap; align-items:center; padding:0 10px;}

.sub-box .sub-left .left-cate > ul > li > ul > li .depth2 p {flex:1; min-width:0; margin:0 10px 0 0; font-size:16px; font-weight:500; line-height:1.3; color:#333; word-break:keep-all;}

.sub-box .sub-left .left-cate > ul > li > ul > li .depth2:hover p {color:var(--color-active); font-weight:600;}
.sub-box .sub-left .left-cate > ul > li > ul > li .depth2.target:after{width: 18px;height: 16px;content: "";display: block;background: url('../images/icon_link.png') no-repeat center / cover;}
.sub-box .sub-left .left-cate > ul > li > ul > li .depth2.more:after {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_plus.svg') no-repeat center / cover;}
.sub-box .sub-left .left-cate > ul > li > ul > li > ul {display:none; background:#fff; margin:5px 0 0; border-radius:8px; padding:15px;}
.sub-box .sub-left .left-cate > ul > li > ul > li > ul > li {margin:0 0 3px;}
.sub-box .sub-left .left-cate > ul > li > ul > li > ul > li:last-of-type {margin:0;}
.sub-box .sub-left .left-cate > ul > li > ul > li > ul > li a {display:flex; flex-wrap:wrap;}
.sub-box .sub-left .left-cate > ul > li > ul > li > ul > li a:before {display:inline-block; content:""; width:4px; height:4px; background:#333; margin:0 5px 0 0; position:relative; top:11px;}
.sub-box .sub-left .left-cate > ul > li > ul > li > ul > li a p {flex:1; min-width:0; font-size:15px; color:#333;}

.sub-box .sub-left .left-cate > ul > li > ul > li > ul > li a.target:after{width: 18px;height: 16px;content: "";display: block;background: url('../images/icon_link.png') no-repeat center / cover;}


.sub-box .sub-left .left-cate > ul > li > ul > li > ul > li a:hover p {color:var(--color-active); font-weight:600;}
.sub-box .sub-left .left-cate > ul > li > ul > li > ul > li.active a p {color:var(--color-active); font-weight:600;}
.sub-box .sub-left .left-cate > ul > li > ul > li.active .depth2 p {color:var(--color-active); font-weight:600;}
.sub-box .sub-left .left-cate > ul > li > ul > li.active > ul {display:block;}
.sub-box .sub-left .left-cate > ul > li.active .depth {background:var(--color-active); border-color:var(--color-active);}
.sub-box .sub-left .left-cate > ul > li.active .depth p {color:#fff;}
.sub-box .sub-left .left-cate > ul > li.active .depth.more:after {background-image:url('../images/icon_minus.svg'); filter:var(--filter-white);}
.sub-box .sub-left .left-cate > ul > li.active > ul {display:block;}
.sub-box .sub-right {flex:1; min-width:0;}
.sub-box .sub-right .right-head {border-bottom:1px solid #d5d5d5; padding:0 0 24px; margin:0 0 40px; display:flex; flex-wrap:wrap; align-items:flex-end;}
.sub-box .sub-right .right-head .head-left {flex:1; min-width:0; padding:0 20px 0 0;}
.sub-box .sub-right .right-head .head-left h2 {font-size:40px; font-weight:500; color:#333;}
.sub-box .sub-right .right-head .head-left p {font-size:18px; color:#333; word-break:keep-all;}
.sub-box .sub-right .right-head .head-right {display:flex; flex-wrap:wrap; align-items:flex-end;}
.sub-box .sub-right .right-head .head-right a {width:26px; height:26px; margin:0 15px 0 0; background-position:right bottom; background-repeat:no-repeat; font-size:0;}
.sub-box .sub-right .right-head .head-right a:last-of-type {margin:0;}
.sub-box .sub-right .right-head .head-right a.share {background-image:url('../images/icon_share.png'); background-size:21px auto;}
.sub-box .sub-right .right-head .head-right a.print {background-image:url('../images/icon_print.png'); background-size:26px auto;}
@media (max-width:1300px){
.sub-box .sub-left {width:280px; margin:0 30px 0 0;}
}
@media (max-width:991px){
.sub-box {padding:30px 0 50px;}
.sub-box .sub-left {display:none;}
.sub-box .sub-right .right-head {padding:0 0 20px; margin:0 0 20px;}
.sub-box .sub-right .right-head .head-left {padding:0 10px 0 0;}
.sub-box .sub-right .right-head .head-left h2 {font-size:25px;}
.sub-box .sub-right .right-head .head-left p {font-size:15px; line-height: 1.3;}
.sub-box .sub-right .right-head .head-right a {width:20px; height:20px;}
.sub-box .sub-right .right-head .head-right a.print {display:none;}
.sub-box .sub-right .right-head .head-right a.share {background-size:18px auto;}
}

@media (max-width:575px){
    .sub-box .sub-right .right-head .head-right a {height:40px; margin-right: 0;}
    .sub-box .sub-right .right-head .head-right a.share { background-position-y:10px; }
    .sub-box .sub-right .right-head .head-left h2 { line-height: 1.2;}
    
}
/* sitemap-box */
.sitemap-box .inner {padding:0 0 50px; margin:0 0 50px; border-bottom:1px dashed #333;}
.sitemap-box .inner:last-of-type {padding:0; margin:0; border:0;}

/* sjkim 수정 */
/* .sitemap-box .inner > h3 {font-size:25px; font-weight:500; margin:0 0 20px;} */

.sitemap-box .inner > h3 > a {font-size:25px !important; font-weight:500; margin:0 0 20px;}

.sitemap-box .inner > ul {display:flex; flex-wrap:wrap; margin:0 -10px -30px;}
.sitemap-box .inner > ul > li {width:calc(25% - 20px); margin:0 10px 30px;}
.sitemap-box .inner > ul > li > h4 a {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; height:54px; background:var(--color-active); color:#fff; padding:0 20px; font-size:18px; margin:0 0 10px; line-height:1.4em;}
.sitemap-box .inner > ul > li > ul {background:#f4f4f4; border-radius:10px; padding:20px;}
.sitemap-box .inner > ul > li > ul > li {margin:0 0 10px;}
.sitemap-box .inner > ul > li > ul > li:last-of-type {margin:0;}
.sitemap-box .inner > ul > li > ul > li > a {font-size:15px; color:#333;}
.sitemap-box .inner > ul > li > ul > li > a:hover {text-decoration:underline; color:var(--color-active);}
.sitemap-box .inner > ul > li > ul > li > a.target {display:flex; flex-wrap:wrap; align-items:center;justify-content:space-between;}
.sitemap-box .inner > ul > li > ul > li > a.target:after {display:inline-block; content:""; width:18px; height:16px; margin:0 0 0 5px; background:url('../images/icon_link.png') no-repeat center / cover;}
.sitemap-box .inner > ul > li > ul > li > ul {background:#fff; border:1px dashed #333; border-radius:10px; padding:15px; margin:5px 0 0;}
.sitemap-box .inner > ul > li > ul > li > ul > li {margin:0 0 5px; display:flex; flex-wrap:wrap;}
.sitemap-box .inner > ul > li > ul > li > ul > li:last-of-type {margin:0;}
.sitemap-box .inner > ul > li > ul > li > ul > li:before {display:inline-block; content:""; position:relative; top:10px; width:4px; height:4px; background:var(--color-active); margin:0 8px 0 0;}
.sitemap-box .inner > ul > li > ul > li > ul > li a {flex:1; min-width:0; font-size:14px; color:#333;justify-content:space-between; display: flex;}
.sitemap-box .inner > ul > li > ul > li > ul > li a:hover {text-decoration:underline; color:var(--color-active);}
.sitemap-box .inner > ul > li > ul > li > ul > li a.target:after {display:inline-block; content:""; width:18px; height:16px; margin:0 0 0 5px; background:url('../images/icon_link.png') no-repeat center / cover;}
@media (max-width:991px){
.sitemap-box .inner > h3 {font-size:20px; margin:0 0 10px;}
.sitemap-box .inner > ul {margin:0 -5px -20px;}
.sitemap-box .inner > ul > li {width:calc(50% - 10px); margin:0 5px 20px;}
.sitemap-box .inner > ul > li > h4 a {height:45px; padding:0 10px; font-size:16px;}
.sitemap-box .inner > ul > li > ul {padding:10px;}
.sitemap-box .inner > ul > li > ul > li > a {font-size:14px;}
.sitemap-box .inner > ul > li > ul > li > ul {padding:10px;}
.sitemap-box .inner > ul > li > ul > li > ul > li:before {width:3px; height:3px; top:8px; margin:0 5px 0 0;}
.sitemap-box .inner > ul > li > ul > li > ul > li a {font-size:13px;}
}
@media (max-width:575px){
.sitemap-box .inner > ul {margin:0;}
.sitemap-box .inner > ul > li {width:100%; margin:0 0 20px;}
.sitemap-box .inner > ul > li:last-of-type {margin:0;}
}

/* employee-kind-box */
.employee-kind-box > ul {display:flex; flex-wrap:wrap;}
.employee-kind-box > ul > li {flex:1; min-width:0; margin:0 30px 0 0; border-radius:15px; padding:30px 20px 20px;}
.employee-kind-box > ul > li:last-of-type {margin:0;}
.employee-kind-box > ul > li .list-head {margin:0 0 30px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.employee-kind-box > ul > li .list-head strong {position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 50px; font-size:22px; font-weight:600; color:#fff;}
.employee-kind-box > ul > li .list-head strong:before {position:absolute; left:-30px; top:0; width:43px; height:43px; content:""; background:red; transform:rotate(45deg);}
.employee-kind-box > ul > li .list-head strong:after {position:absolute; right:-30px; top:0; width:43px; height:43px; content:""; background:red; transform:rotate(45deg);}
.employee-kind-box > ul > li .list-head h3 {width:100%; text-align:center; font-size:55px; font-weight:700; color:#333;}
.employee-kind-box > ul > li .list-body {display:flex; flex-wrap:wrap; align-items:flex-start; background:#fff; border-radius:10px; padding:15px;}
.employee-kind-box > ul > li .list-body .list-image {width:150px; margin:0 15px 0 0; position:relative; overflow:hidden;}
.employee-kind-box > ul > li .list-body .list-image:after {display:block; content:""; padding-bottom:130%;}
.employee-kind-box > ul > li .list-body .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.employee-kind-box > ul > li .list-body .list-content {flex:1; min-width:0; padding-left: 10px; padding-right: 10px;}
.employee-kind-box > ul > li .list-body .list-content > ul {border-bottom:1px dashed #333; padding:0 0 15px; margin:5px 0 15px;}
.employee-kind-box > ul > li .list-body .list-content > ul li {margin:0 0 0; display:flex; flex-wrap:wrap;}
.employee-kind-box > ul > li .list-body .list-content > ul li:last-of-type {margin:0;}
.employee-kind-box > ul > li .list-body .list-content > ul li b {display:flex; flex-wrap:wrap; font-size:18px; font-weight:600; color:#333;}
.employee-kind-box > ul > li .list-body .list-content > ul li b:before {display:inline-block; content:""; width:4px; height:4px; background:#333; margin:0 5px 0 0; position:relative; top:14px;}
.employee-kind-box > ul > li .list-body .list-content > ul li p {flex:1; min-width:0; font-size:18px; font-weight:600; color:#333; margin:0 0 0 5px;}
.employee-kind-box > ul > li .list-body .list-content > p {font-size:16px; color:#333; word-break:keep-all; line-height: 1.4;}
.employee-kind-box > ul > li:nth-of-type(odd) {border:1px solid #637bb5; background:#dff0ff;}
.employee-kind-box > ul > li:nth-of-type(odd) .list-head strong {background:#637bb5;}
.employee-kind-box > ul > li:nth-of-type(odd) .list-head strong:before {background:#dff0ff;}
.employee-kind-box > ul > li:nth-of-type(odd) .list-head strong:after {background:#dff0ff;}
.employee-kind-box > ul > li:nth-of-type(even) {border:1px solid #299e83; background:#e9fffa;}
.employee-kind-box > ul > li:nth-of-type(even) .list-head strong {background:#299e83;}
.employee-kind-box > ul > li:nth-of-type(even) .list-head strong:before {background:#e9fffa;}
.employee-kind-box > ul > li:nth-of-type(even) .list-head strong:after {background:#e9fffa;}
@media (max-width:1200px){
.employee-kind-box > ul > li {width:100%; margin:0 0 20px; flex:none;}
}
@media (max-width:991px){
.employee-kind-box > ul > li {padding:30px 15px;}
.employee-kind-box > ul > li .list-head {margin:0 0 20px;}
.employee-kind-box > ul > li .list-head strong {font-size:16px;}
.employee-kind-box > ul > li .list-head strong:before {width:34px; height:34px; left:-25px;}
.employee-kind-box > ul > li .list-head strong:after {width:34px; height:34px; right:-25px;}
.employee-kind-box > ul > li .list-head h3 {font-size:40px;}
.employee-kind-box > ul > li .list-body {padding:10px; border-radius:5px; align-items:center;}
.employee-kind-box > ul > li .list-body .list-image {width:120px; margin:0 10px 0 0;}
.employee-kind-box > ul > li .list-body .list-content > ul {padding:0 0 10px; margin:0 0 10px;}
.employee-kind-box > ul > li .list-body .list-content > ul > li {margin:0 0 3px;}
.employee-kind-box > ul > li .list-body .list-content > ul > li b {font-size:14px;}
.employee-kind-box > ul > li .list-body .list-content > ul > li b:before {display:none;}
.employee-kind-box > ul > li .list-body .list-content > ul > li p {font-size:14px;}
.employee-kind-box > ul > li .list-body .list-content > p {font-size:14px;}
}
@media (max-width:575px){
.employee-kind-box > ul > li .list-body .list-image {margin:0 auto 10px; width:100px;}
.employee-kind-box > ul > li .list-body .list-content {flex:none; width:100%;}
}

/* esg-start-box */
.esg-start-box .start-top > ul > li {margin:0 0 50px; display:flex; flex-wrap:wrap; align-items:center;}
.esg-start-box .start-top > ul > li:last-of-type {margin:0;}
.esg-start-box .start-top > ul > li h3 {width:180px; font-size:20px;  padding: 20px; font-weight:500; line-height:1.2; text-align:center; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; background:var(--color-active); color:#fff; border-radius:10px;}

.esg-start-box .start-top > ul > li h3.mission {width:180px; font-size:20px;  padding: 20px; font-weight:500; line-height:1.2; text-align:center; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; background:#22ad91; color:#fff; border-radius:10px;}
.esg-start-box .start-top > ul > li h3.vision {width:180px; font-size:20px;  padding: 20px; font-weight:500; line-height:1.2; text-align:center; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; background:#19a5be; color:#fff; border-radius:10px;}

.esg-start-box .start-top > ul > li .inner {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.esg-start-box .start-top > ul > li .inner:before {display:inline-block; content:""; width:50px; height:1px; border-bottom:1px dashed #333;}
.esg-start-box .start-top > ul > li .inner > div {flex:1; min-width:0;}
.esg-start-box .start-top > ul > li .inner > div.top-text {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--color-light-active); border-radius:15px; padding:30px 15px;}
.esg-start-box .start-top > ul > li .inner > div.top-text p {width:100%; text-align:center; font-size:22px; font-weight:500; color:#333; word-break:keep-all;}

.esg-start-box .start-top > ul > li .inner > div.top-text.mission {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff;border:4px solid #22ad91; border-radius:15px; padding:30px 15px;}
.esg-start-box .start-top > ul > li .inner > div.top-text.vision {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff;border:4px solid #19a5be; border-radius:15px; padding:30px 15px;}

.esg-start-box .start-top > ul > li .inner > div.top-list > ul {display:flex; flex-wrap:wrap;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li {flex:1; min-width:0; margin:0 20px 0 0; border-radius:15px; overflow:hidden;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li:last-of-type {margin:0;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li strong {padding:15px 10px; font-size:18px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; word-break:keep-all; font-weight: 500; line-height: 1.2;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li p {padding:15px; font-size:18px; text-align:center; color:#333; word-break:keep-all; font-weight:500; line-height:1.3;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li:nth-of-type(1) {border:1px solid #22ad91;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li:nth-of-type(2) {border:1px solid #19a5be;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li:nth-of-type(3) {border:1px solid #19be6f;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li:nth-of-type(1) strong {background:#22ad91;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li:nth-of-type(2) strong {background:#19a5be;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li:nth-of-type(3) strong {background:#19be6f;}
.esg-start-box .start-top > ul > li .inner > div.top-content > ul {display:flex; flex-wrap:wrap;}
.esg-start-box .start-top > ul > li .inner > div.top-content > ul > li {flex:1; min-width:0; padding:15px; background:#eee; margin:0 20px 0 0; border-radius:15px;}
.esg-start-box .start-top > ul > li .inner > div.top-content > ul > li:last-of-type {margin:0;}
.esg-start-box .start-top > ul > li .inner > div.top-content > ul > li p {text-align:center; font-size:16px; word-break:keep-all;}
.esg-start-box .start-top > ul > li .inner > div.top-content > ul > li > ul { padding: 0 15px;}
.esg-start-box .start-top > ul > li .inner > div.top-content > ul > li > ul > li {padding:7px 0 7px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 14px; line-height: 1.2; font-size: 15px;}
.esg-start-box .start-bottom {margin:40px 0 0;}
.esg-start-box .start-bottom:before {display:block; content:""; width:240px; height:240px; margin:0 auto; background:url('../images/icon_facility_arrow.png') no-repeat center / 240px auto;}
.esg-start-box .start-bottom .inner {overflow-x:auto; white-space:nowrap;}
.esg-start-box .start-bottom .inner table {border-collapse:collapse;}
.esg-start-box .start-bottom .inner table thead tr th {padding:20px 10px; font-size:20px; font-weight:500; color:#fff; background:var(--color-active); border-right:1px dashed #fff;}
.esg-start-box .start-bottom .inner table thead tr th:first-of-type {border-radius:15px 0 0 0;}
.esg-start-box .start-bottom .inner table thead tr th:last-of-type {border-radius:0 15px 0 0;}
.esg-start-box .start-bottom .inner table tbody tr td {border:1px dashed #333; font-size:18px; word-break:keep-all; padding:20px 10px;}
.esg-start-box .start-bottom .inner table tbody tr td.color1 {background:#e9fffb;}
.esg-start-box .start-bottom .inner table tbody tr td.color2 {background:#d8f9ff;}
.esg-start-box .start-bottom .inner table tbody tr td.color3 {background:#d6ffeb;}
.esg-start-box .start-bottom .inner table tbody tr td ul {padding:0 15px;}
.esg-start-box .start-bottom .inner table tbody tr td ul li {position:relative; text-align:left; font-size:18px; word-break:keep-all; padding:0 0 0 10px;}
.esg-start-box .start-bottom .inner table tbody tr td ul li:before {position:absolute; left:0; top:12px; width:4px; height:4px; background:#333; content:"";}
.esg-start-box .start-bottom .inner table tbody tr td strong {display:block; text-align:center; font-size:22px; font-weight:600;}
.esg-start-box .start-bottom .inner table tbody tr td b {display:block; text-align:center; font-size:18px; font-weight:500;}
.esg-start-box .start-bottom .inner table tbody tr td div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:5px 0;}
.esg-start-box .start-bottom .inner table tbody tr td div span {width:45px; height:45px; font-size:18px; color:#fff; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%;}
.esg-start-box .start-bottom .inner table tbody tr td div span.color1 {background:#22ad91;}
.esg-start-box .start-bottom .inner table tbody tr td div span.color2 {background:#19a5be;}
.esg-start-box .start-bottom .inner table tbody tr td div span.color3 {background:#19be6f;}
@media (max-width:1300px){
.esg-start-box .start-top > ul > li h3 {margin:0 auto;}
.esg-start-box .start-top > ul > li .inner {flex:none; width:100%;}
.esg-start-box .start-top > ul > li .inner:before {margin:0 auto; width:1px; height:50px; border-bottom:0; border-right:1px dashed #333;}
.esg-start-box .start-top > ul > li .inner > div {flex:none; width:100%;}
}
@media (max-width:991px){
.esg-start-box .start-top > ul > li {margin:0 0 30px;}
.esg-start-box .start-top > ul > li h3 {width:150px; font-size:16px; padding: 10px;}
.esg-start-box .start-top > ul > li h3.mission {width:150px; font-size:16px;  padding: 10px;}
.esg-start-box .start-top > ul > li h3.vision {width:150px; font-size:16px;  padding: 10px;}
.esg-start-box .start-top > ul > li .inner:before {height:30px;}
.esg-start-box .start-top > ul > li .inner > div.top-text {border-radius:10px; padding:20px 15px;}
.esg-start-box .start-top > ul > li .inner > div.top-text p {font-size:15px; line-height: 1.4;}
    
.esg-start-box .start-top > ul > li .inner > div.top-text.mission {border-radius:10px; padding:20px 15px;}
.esg-start-box .start-top > ul > li .inner > div.top-text.vision {border-radius:10px; padding:20px 15px;}
    
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li {margin:0 10px 0 0; border-radius:10px;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li strong {padding:10px; font-size:15px;}
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li p {padding:15px 10px; font-size:14px;}
.esg-start-box .start-top > ul > li .inner > div.top-content > ul > li {margin:0 10px 0 0; border-radius:10px;}
.esg-start-box .start-top > ul > li .inner > div.top-content > ul > li p {font-size:14px;}
.esg-start-box .start-bottom {margin:30px 0 0;}
.esg-start-box .start-bottom:before {width:200px; height:200px; background-size:200px auto;}
.esg-start-box .start-bottom .inner table thead tr th {padding:15px 10px; font-size:15px;}
.esg-start-box .start-bottom .inner table tbody tr td {font-size:14px; padding:15px 10px;}
.esg-start-box .start-bottom .inner table tbody tr td ul {padding:0 0 0 10px;}
.esg-start-box .start-bottom .inner table tbody tr td ul li {font-size:14px;}
.esg-start-box .start-bottom .inner table tbody tr td ul li:before {width:3px; height:3px; top:10px;}
.esg-start-box .start-bottom .inner table tbody tr td strong {font-size:18px;}
.esg-start-box .start-bottom .inner table tbody tr td b {font-size:14px;}
.esg-start-box .start-bottom .inner table tbody tr td div span {width:30px; height:30px; font-size:14px;}
}
@media (max-width:575px){
.esg-start-box .start-top > ul > li .inner > div.top-list > ul > li {flex:none; width:100%; margin:0 0 8px;}
.esg-start-box .start-top > ul > li .inner > div.top-content > ul > li {flex:none; margin:0 0 8px; width:100%;}
.esg-start-box .start-top > ul > li .inner > div.top-content > ul > li > ul > li { font-size: 13px; background-position-y:12px; }
.esg-start-box .start-bottom:before {width:150px; height:150px; background-size:150px auto;}
}

/* sub-main-box */
.sub-main-box {background:#eaedf4 url('../images/bg_sub_main.png') no-repeat right bottom / 800px auto; padding:80px 0;}
.sub-main-box .main-title {margin:0 0 40px;}
.sub-main-box .main-title h2 {font-size:40px; color:var(--color-active); font-family:'YeogiOttaeJalnan'; text-align:center;}
.sub-main-box .main-title p {font-size:18px; font-weight:500; color:#333; word-break:keep-all; margin:10px 0 0; text-align:center;}
.sub-main-box .main-body {max-width:1240px; margin:0 auto;}
.sub-main-box .main-body .body-top > ul {display:flex; flex-wrap:wrap;}
.sub-main-box .main-body .body-top > ul > li {flex:1; min-width:0; margin:0 25px 0 0; border-radius:20px; padding:20px; display:flex; flex-wrap:wrap; align-items:center;}
.sub-main-box .main-body .body-top > ul > li:first-of-type {background:var(--color-active);}
.sub-main-box .main-body .body-top > ul > li:last-of-type {margin:0; background:#22ad91;}
.sub-main-box .main-body .body-top > ul > li .top-left {width:40%; margin:0 25px 0 0;}
.sub-main-box .main-body .body-top > ul > li .top-left:after {width:80px; height:80px; display:block; content:""; margin:40px auto 0; background-position:center; background-repeat:no-repeat;}
.sub-main-box .main-body .body-top > ul > li:first-of-type .top-left:after {background-image:url('../images/icon_sub_main_01.png'); background-size:70px auto;}
.sub-main-box .main-body .body-top > ul > li:last-of-type .top-left:after {background-image:url('../images/icon_sub_main_02.png'); background-size:50px auto;}
.sub-main-box .main-body .body-top > ul > li .top-left h3 {font-size:23px; font-weight:600; text-align:center; word-break:keep-all; color:#fff;}
.sub-main-box .main-body .body-top > ul > li .top-right {flex:1; min-width:0;}
.sub-main-box .main-body .body-top > ul > li .top-right ul li {margin:0 0 8px;}
.sub-main-box .main-body .body-top > ul > li .top-right ul li:last-of-type {margin:0;}
.sub-main-box .main-body .body-top > ul > li .top-right ul li a {padding:10px 20px; display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:#fff;}
.sub-main-box .main-body .body-top > ul > li .top-right ul li a:after {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover; transform:rotate(-90deg);}
.sub-main-box .main-body .body-top > ul > li .top-right ul li a p {flex:1; min-width:0; margin:0 10px 0 0; font-size:15px; font-weight:500; word-break:keep-all; line-height:1.3;}
.sub-main-box .main-body .body-top > ul > li:first-of-type .top-right ul li a:hover {background:var(--color-light-active);}
.sub-main-box .main-body .body-top > ul > li:last-of-type .top-right ul li a:hover {background:var(--color-teal);}
.sub-main-box .main-body .body-bottom {margin:40px 0 0;}
.sub-main-box .main-body .body-bottom > ul {display:flex; flex-wrap:wrap;}
.sub-main-box .main-body .body-bottom > ul > li {flex:1; min-width:0; margin:0 25px 0 0; background:#fff; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.sub-main-box .main-body .body-bottom > ul > li:last-of-type {margin:0;}
.sub-main-box .main-body .body-bottom > ul > li .inner {display:block; padding:20px;}
.sub-main-box .main-body .body-bottom > ul > li .inner h3 {text-align:center; font-size:20px; font-weight:600; word-break:keep-all;}
.sub-main-box .main-body .body-bottom > ul > li .inner h3:after {display:block; content:""; width:62px; height:59px; margin:25px auto; background-position:center; background-repeat:no-repeat;}
.sub-main-box .main-body .body-bottom > ul > li .inner div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 20px; border-radius:50px;}
.sub-main-box .main-body .body-bottom > ul > li .inner div:after {display:inline-block; content:""; width:20px; height:20px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover; transform:rotate(-90deg); filter:var(--filter-white);}
.sub-main-box .main-body .body-bottom > ul > li .inner div p {flex:1; min-width:0; font-size:15px; font-weight:500; color:#fff;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(1) .inner h3:after {background-image:url('../images/icon_sub_main_bottom_01.png'); background-size:55px auto;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(2) .inner h3:after {background-image:url('../images/icon_sub_main_bottom_02.png'); background-size:58px auto;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(3) .inner h3:after {background-image:url('../images/icon_sub_main_bottom_03.png'); background-size:62px auto;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(4) .inner h3:after {background-image:url('../images/icon_sub_main_bottom_04.png'); background-size:51px auto;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(odd) .inner div {background:var(--color-active);}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(even) .inner div {background:#22ad91;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(odd) .inner:hover div {background:#22ad91;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(even) .inner:hover div {background:#3c5fb3;}
@media (max-width:991px){
.sub-main-box {background-size:70% auto;}
.sub-main-box .main-title {margin:0 0 30px;}
.sub-main-box .main-title h2 {font-size:25px;}
.sub-main-box .main-title p {font-size:14px; margin:0;}
.sub-main-box .main-body .body-top > ul > li {flex:none; width:100%; margin:0 0 10px; border-radius:12px; padding:20px 15px;}
.sub-main-box .main-body .body-top > ul > li .top-left {width:100%; margin:0 0 20px;}
.sub-main-box .main-body .body-top > ul > li .top-left:after {display:none;}
.sub-main-box .main-body .body-top > ul > li .top-left h3 {font-size:20px;}
.sub-main-box .main-body .body-top > ul > li .top-right {flex:none; width:100%;}
.sub-main-box .main-body .body-bottom {margin:30px 0 0;}
.sub-main-box .main-body .body-bottom > ul {margin:0 -5px -10px;}
.sub-main-box .main-body .body-bottom > ul > li {width:calc(50% - 10px); margin:0 5px 10px; border-radius:12px; flex:none;}
.sub-main-box .main-body .body-bottom > ul > li:last-of-type {margin:0 5px 10px;}
.sub-main-box .main-body .body-bottom > ul > li .inner {padding:15px 10px;}
.sub-main-box .main-body .body-bottom > ul > li .inner h3 {font-size:18px;}
.sub-main-box .main-body .body-bottom > ul > li .inner h3:after {width:42px; height:39px; margin:20px auto;}
.sub-main-box .main-body .body-bottom > ul > li .inner div:after {width:17px; height:17px;}
.sub-main-box .main-body .body-bottom > ul > li .inner div p {font-size:14px;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(1) .inner h3:after {background-size:35px auto;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(2) .inner h3:after {background-size:38px auto;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(3) .inner h3:after {background-size:42px auto;}
.sub-main-box .main-body .body-bottom > ul > li:nth-of-type(4) .inner h3:after {background-size:31px auto;}
}
@media (max-width:575px){
.sub-main-box {padding:50px 0 100px;}
.sub-main-box .main-body .body-bottom > ul {margin:0;}
.sub-main-box .main-body .body-bottom > ul > li {width:100%; margin:0 0 5px;}
.sub-main-box .main-body .body-bottom > ul > li:last-of-type {margin:0;}
}

/* eag-oath-box */
.eag-oath-box {margin:100px 0 0;}
.eag-oath-box .list-head h3 {font-size:38px; text-align:center; word-break:keep-all; font-family:'YeogiOttaeJalnan'; line-height:1.3;}
.eag-oath-box .list-head h3 b {font-size:38px; color:var(--color-active); font-family:'YeogiOttaeJalnan'; line-height:1.3;}
.eag-oath-box .list-head h3 b.gn {color:#22ad91;}
.eag-oath-box .list-head p {font-size:22px; font-weight:500; color:#333; text-align:center; word-break:keep-all; margin:25px 0 0;}
.eag-oath-box .list-body {margin:35px auto 0; width:calc(100% - 30px); outline:15px solid var(--color-active); border-radius:20px; padding:10px;}
.eag-oath-box .list-body .inner {border:2px solid #fbc508; border-radius:20px; padding:40px;}
.eag-oath-box .list-body .inner .title {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.eag-oath-box .list-body .inner .title h4 {padding:5px 60px; font-size:28px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--color-active); color:#fff; border-radius:50px;}
.eag-oath-box .list-body .inner .text:before {display:block; content:""; width:95px; height:39px; margin:40px auto; background:url('../images/icon_logo.png') no-repeat center / 95px auto;}
.eag-oath-box .list-body .inner .text ul {border-radius:20px; background:var(--color-light-active); padding:40px;}
.eag-oath-box .list-body .inner .text ul li {display:flex; flex-wrap:wrap; margin:0 0 20px;}
.eag-oath-box .list-body .inner .text ul li:last-of-type {margin:0;}
.eag-oath-box .list-body .inner .text ul li b {font-size:23px; font-weight:800; color:var(--color-active); width:60px;}
.eag-oath-box .list-body .inner .text ul li p {font-size:23px; font-weight:500; color:#333; word-break:keep-all; flex:1; min-width:0;}
.eag-oath-box .list-body .inner .bottom {margin:30px 0 0;}
.eag-oath-box .list-body .inner .bottom p {font-size:25px; font-weight:500; color:#333; text-align:center; word-break:keep-all;}
@media (max-width:991px){
.eag-oath-box {margin:50px 0 0;}
.eag-oath-box .list-head h3 {font-size:25px;}
.eag-oath-box .list-head h3 b {font-size:25px;}
.eag-oath-box .list-head h3 b.gn {display:block;}
.eag-oath-box .list-head p {font-size:15px; margin:10px 0 0;line-height: 1.4;}
.eag-oath-box .list-body {width:calc(100% - 10px); outline:5px solid var(--color-active);}
.eag-oath-box .list-body .inner {padding:40px 10px;}
.eag-oath-box .list-body .inner .title h4 {padding:5px 30px; font-size:18px;}
.eag-oath-box .list-body .inner .text:before {width:75px; height:29px; margin:20px auto; background-size:75px auto;}
.eag-oath-box .list-body .inner .text ul {padding:20px;}
.eag-oath-box .list-body .inner .text ul li {margin:0 0 10px;}
.eag-oath-box .list-body .inner .text ul li b {font-size:14px; width:45px;}
.eag-oath-box .list-body .inner .text ul li p {font-size:14px; line-height: 1.4;}
.eag-oath-box .list-body .inner .bottom p {font-size:18px;}
}
@media (max-width:575px){
.eag-oath-box .list-head p br {display:none;}
.eag-oath-box .list-body .inner .title h4  {font-size:15px; text-align: center;}
}

/* 고객서비스헌장 */
.customer-service-box {margin:100px 0 0;}
.customer-service-box .list-head h3 {font-size:38px !important; text-align:center; word-break:keep-all; font-family:'YeogiOttaeJalnan' !important; line-height:1.3;}
.customer-service-box .list-head h3 b {font-size:38px !important; color:var(--color-active); font-family:'YeogiOttaeJalnan'!important; line-height:1.3;}
.customer-service-box .list-head h3 b.gn {color:#22ad91;}
.customer-service-box .list-head p {font-size:22px !important; font-weight:500; color:#333; text-align:center; word-break:keep-all; margin:25px 0 0;font-family: 'Paperlogy' !important; }
.customer-service-box .list-body {margin:35px auto 0; width:calc(100% - 30px); outline:15px solid var(--color-active); border-radius:20px; padding:10px;}
.customer-service-box .list-body .inner {border:2px solid #fbc508; border-radius:20px; padding:40px;}
.customer-service-box .list-body .inner .title {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.customer-service-box .list-body .inner .title h4 {padding:5px 60px; font-size:28px !important; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--color-active); color:#fff; border-radius:50px;font-family: 'Paperlogy' !important; }
.customer-service-box .list-body .inner .text:before {display:block; content:""; width:95px; height:39px; margin:40px auto; background:url('../images/icon_logo.png') no-repeat center / 95px auto;}
.customer-service-box .list-body .inner .text ul {border-radius:20px; background:var(--color-light-active); padding:40px;}
.customer-service-box .list-body .inner .text ul li {display:flex; flex-wrap:wrap; margin:0 0 20px;}
.customer-service-box .list-body .inner .text ul li:last-of-type {margin:0;}
.customer-service-box .list-body .inner .text ul li b {font-size:20px !important; font-weight:800; color:var(--color-active); width:60px;font-family: 'Paperlogy' !important; }
.customer-service-box .list-body .inner .text ul li p {font-size:20px !important; font-weight:500; color:#333; word-break:keep-all; flex:1; min-width:0;font-family: 'Paperlogy' !important; }
.customer-service-box .list-body .inner .text ul li p strong {font-size:20px !important; font-weight:500; color:#3c5fb3;font-family: 'Paperlogy' !important; }
.customer-service-box .list-body .inner .bottom {margin:30px 0 0;}
.customer-service-box .list-body .inner .bottom p {font-size:25px !important; font-weight:500; color:#333; text-align:center; word-break:keep-all;font-family: 'Paperlogy' !important;}

/* 실천행동강령 부분 상단 margin  */
.practice .customer-service-box { margin-top: 30px;}
.practice .customer-service-box .list-body .inner .text ul {padding-left: 120px;}
.practice .customer-service-box .list-body .inner .bottom {margin:30px 0 0;}
.practice .customer-service-box .list-body .inner .bottom p {font-size:18px !important; font-weight:500; color:#333; text-align:center; word-break:keep-all;font-family: 'Paperlogy' !important;}


@media (max-width:1300px){

.practice .customer-service-box .list-body .inner .text ul {padding-left: 20px;}    
}
@media (max-width:991px){
.customer-service-box {margin:50px 0 0;}
.customer-service-box .list-head h3 {font-size:25px !important;}
.customer-service-box .list-head h3 b {font-size:25px !important;}
.customer-service-box .list-head h3 b.gn {display:block;}
.customer-service-box .list-head p {font-size:15px !important; margin:10px 0 0; line-height: 1.4;}
.customer-service-box .list-body {width:calc(100% - 10px); outline:5px solid var(--color-active);}
.customer-service-box .list-body .inner {padding:20px 10px 10px 10px;}
.customer-service-box .list-body .inner .title h4 {padding:5px 30px; font-size:18px !important;}
.customer-service-box .list-body .inner .text:before {width:75px; height:29px; margin:20px auto; background-size:75px auto;}
.customer-service-box .list-body .inner .text ul {padding:20px;}
.customer-service-box .list-body .inner .text ul li {margin:0 0 10px;}
.customer-service-box .list-body .inner .text ul li b {font-size:14px !important; width:45px;}
.customer-service-box .list-body .inner .text ul li p {font-size:14px !important; line-height: 1.4;}
.customer-service-box .list-body .inner .text ul li p strong {font-size:14px !important; line-height: 1.4;}
.customer-service-box .list-body .inner .bottom p {font-size:18px !important;}

.practice .customer-service-box .list-body .inner .bottom { margin-top: 20px;}
.practice .customer-service-box .list-body .inner .bottom p {font-size:14px !important;}

}
@media (max-width:575px){
.customer-service-box .list-head p br {display:none;}
.practice .customer-service-box .list-head h3 b { width: 100%; display: block;
    }


}