@charset "UTF-8";

/* 접근성 명도 대비 수정 2022.03.18
   #7fc31c -> #518406 
   #99cf49 -> #2E5803
   #9a9a98 -> #666 
   #cbcbcb -> #555  
   1px solid #dedede -> 1px solid #ccc  */

/* Font - NotoSansCKJ (기본) */
/* Light */
@font-face {
 font-family: "NotoSansKR"; font-weight: 300; font-style: normal; font-display: fallback;
 src: url("../../fonts/NotoSansCKJ/NotoSans-Light.woff2") format("woff2"), url("../../fonts/NotoSansCKJ/NotoSans-Light.woff") format("woff"),
  url("../../fonts/NotoSansCKJ/NotoSans-Light.eot") format("opentype"), url("../../fonts/NotoSansCKJ/NotoSans-Light.ttf") format("truetype");
}
/* Regular */
@font-face {
 font-family: "NotoSansKR"; font-weight: 400; font-style: normal; font-display: fallback;
 src: url("../../fonts/NotoSansCKJ/NotoSans-Regular.woff2") format("woff2"), url("../../fonts/NotoSansCKJ/NotoSans-Regular.woff") format("woff"),
  url("../../fonts/NotoSansCKJ/NotoSans-Regular.eot") format("opentype"), url("../../fonts/NotoSansCKJ/NotoSans-Regular.ttf") format("truetype");
}
/* Bold */
@font-face {
 font-family: "NotoSansKR"; font-weight: 600; font-style: normal; font-display: fallback;
 src: url("../../fonts/NotoSansCKJ/NotoSans-Bold.woff2") format("woff2"), url("../../fonts/NotoSansCKJ/NotoSans-Bold.woff") format("woff"),
  url("../../fonts/NotoSansCKJ/NotoSans-Bold.eot") format("opentype"), url("../../fonts/NotoSansCKJ/NotoSans-Bold.ttf") format("truetype");
}

/* Font - Montserrat(숫자 및 영문 일부) */
/* Light */
@font-face {
 font-family: "Montserrat"; font-weight: 300; font-style: normal; font-display: fallback;
 src: url("../../fonts/Montserrat/Montserrat-Light.woff2") format("woff2"), url("../../fonts/Montserrat/Montserrat-Light.woff") format("woff"),
  url("../../fonts/Montserrat/Montserrat-Light.eot") format("opentype"), url("../../fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
}
/* Regular */
@font-face {
 font-family: "Montserrat"; font-weight: 400; font-style: normal; font-display: fallback;
 src: url("../../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("../../fonts/Montserrat/Montserrat-Regular.woff") format("woff"),
  url("../../fonts/Montserrat/Montserrat-Regular.eot") format("opentype"), url("../../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
}
/* Bold */
@font-face {
 font-family: "Montserrat"; font-weight: 600; font-style: normal; font-display: fallback;
 src: url("../../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"), url("../../fonts/Montserrat/Montserrat-Bold.woff") format("woff"),
  url("../../fonts/Montserrat/Montserrat-Bold.eot") format("opentype"), url("../../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
}

/* Reset */
* {
 margin: 0; padding: 0; border: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}

:focus {
 border-radius: 3px; outline: 3px solid #000; /* 2023-04-06 웹접근성 outline */
}

:focus-visible {
 border-radius: 3px; outline: 3px solid #000;
}

:focus:not (:focus-visible ) {
 outline: 0;
}

html {
 -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}

body {
 font-family: "NotoSansKR", "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, AppleGothic, Dotum, "돋움", Verdana, Arial, sans-serif; color: #191919;
 font-size: 14px; -webkit-tap-highlight-color: transparent;
}

a {
 color: inherit; cursor: pointer; text-decoration: none;
}

ul,li,ol {
 list-style: none;
}

img {
 border: 0; vertical-align: top; max-width: 100%;
}

a,a:hover,a:focus,a:active,a:visited {
 text-decoration: none; -webkit-tap-highlight-color: transparent; cursor: pointer !important;
}

legend,caption {
 overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip-path: polygon(0 0, 0 0, 0 0);
}

button {
 display: inline-block; vertical-align: middle; font-family: inherit; font-size: inherit; font-weight: inherit; text-decoration: none;
 background: transparent; border: none; cursor: pointer; white-space: nowrap;
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
 -webkit-appearance: button; cursor: pointer;
}

button[disabled],input[disabled] {
 cursor: default;
}

table {
 width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed;
}

i,em,address {
 font-style: normal;
}

small {
 font-size: 80%;
}

svg:not (:root ) {
 overflow: hidden;
}

hr {
 -moz-box-sizing: content-box; box-sizing: content-box; height: 0;
}

pre {
 overflow: auto;
}

input[type="text"],input[type="password"],input[type="search"] {
 height: 56px; padding: 0 20px; color: #191919;
 font-family: "NotoSansKR", "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, AppleGothic, Dotum, "돋움", Verdana, Arial, sans-serif; font-size: 16px;
 border: 0; background-color: #f3f3f3;
}

input[type="text"]::placeholder,input[type="password"]::placeholder,input[type="search"]::placeholder,textarea::placeholder {
 color: #777; font-size: 16px;
}

input[type="text"]:read-only,input[type="password"]:read-only,input[type="search"]:read-only,textarea:read-only {
 padding: 0 20px; color: #191919; background-color: rgba(243, 243, 243, 0.2); border: 1px solid #f3f3f3;
}

input[type="text"]:disabled,input[type="password"]:disabled,input[type="search"]:disabled,textarea:disabled {
 padding: 0 20px; color: #777; background-color: rgba(243, 243, 243, 0.2); border: 1px solid #f3f3f3;
}

select {
 height: 56px; padding-left: 20px; padding-right: 40px; color: #191919;
 font-family: "NotoSansKR", "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, AppleGothic, Dotum, "돋움", Verdana, Arial, sans-serif; font-size: 16px;
 border: 0; background: url("../../images/ico/ico-snb-menu.png") no-repeat right 15px center; background-color: #f3f3f3; -webkit-appearance: none;
 -moz-appearance: none; -ms-appearance: none; appearance: none;
}

select option {
 background: #fff;
}

_:-ms-fullscreen,:root select {
 padding-right: 0; background-image: none !important;
}

textarea {
 overflow: auto; width: 100%; resize: none; padding: 15px 20px; color: #191919;
 font-family: "NotoSansKR", "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, AppleGothic, Dotum, "돋움", Verdana, Arial, sans-serif; font-size: 16px;
 border: 1px solid #e0e0e0;
}

/* align */
.float-n {
 float: none;
}

.float-l {
 float: left;
}

.float-r {
 float: right;
}

.clear {
 clear: both;
}

.clear-l {
 clear: left;
}

.clear-r {
 clear: right;
}

.align-c {
 text-align: center !important;
}

.align-l {
 text-align: left !important;
}

.align-r {
 text-align: right !important;
}

/* Accessibility */
.blind {
 overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important;
 clip-path: polygon(0 0, 0 0, 0 0) !important;
}

.nav-skip a {
 position: absolute; top: auto; left: -999px; z-index: 9; width: 1px; height: 1px; padding: 10px; color: #fff; text-align: center;
 background: #518406;
}

.nav-skip a:focus {
 left: 0; height: auto; width: 100%; margin: auto;
}

/* bxSlider */
.bx-wrapper {
 margin: 0; box-shadow: none;
}

.bx-wrapper img {
 display: inline-block;
}

/* jQuery ui */
.ui-icon {
 display: none;
}

.ui-widget,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
 font-family: "NotoSansKR", "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, AppleGothic, Dotum, "돋움", Verdana, Arial, sans-serif; color: #191919;
 font-size: 14px; font-weight: 600;
}

.ui-widget.ui-widget-content,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active,.ui-widget-content
 {
 border: 0; background: none; padding: 0; margin: 0; border-radius: 3px; background: #fff;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover
 {
 color: #191919;
}

div.ui-widget-content {
 margin-top: 5px; padding: 0; border: 0;
}

#ui-datepicker-div.ui-widget-content {
 -moz-box-shadow: 0 0 10px 0 rgba(34, 52, 7, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(34, 52, 7, 0.2);
 box-shadow: 0 0 10px 0 rgba(34, 52, 7, 0.2);
}

#ui-datepicker-div div.ui-widget-header {
 color: #191919; font-weight: 600; background: #f3f3f3; border-radius: 0; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}

#ui-datepicker-div div.ui-widget-header .ui-datepicker-title {
 line-height: 2.2em;
}

#ui-datepicker-div.ui-state-default,#ui-datepicker-div.ui-widget-content .ui-state-default,#ui-datepicker-div div.ui-widget-header .ui-state-default
 {
 width: 25px; height: 25px; margin: 0 auto; padding: 0; color: #191919; font-weight: 400; line-height: 24px; text-align: center; border: 0;
 background: none; border-radius: 50%;
}

#ui-datepicker-div.ui-widget-content .ui-state-hover {
 font-weight: 600; background: #f3f3f3;
}

#ui-datepicker-div.ui-widget-content .ui-state-active {
 color: #fff; background: #518406;
}

#ui-datepicker-div div.ui-widget-header .ui-icon {
 width: 9px; height: 12px; background-image: url("/images/adm/bul_all.png");
}

#ui-datepicker-div div.ui-widget-header a.ui-state-hover {
 border: 0; cursor: pointer;
}

div.ui-datepicker .ui-datepicker-prev span,div.ui-datepicker .ui-datepicker-next span {
 margin: -6px 0 0 -3.5px;
}

div.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
 background-position: -88px -187px;
}

div.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
 background-position: -79px -187px;
}

div.ui-datepicker .ui-datepicker-prev,div.ui-datepicker .ui-datepicker-next {
 top: 4px; width: 2.2em; height: 2.2em;
}

div.ui-datepicker .ui-datepicker-prev {
 left: 4px;
}

div.ui-datepicker .ui-datepicker-next {
 right: 4px;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
 border: 0; width: auto; padding: 0 40px 0 0;
}
/* Icon */
.ico {
 display: inline-block; vertical-align: top; background-image: url("../../images/sprite.png"); background-repeat: no-repeat; background-position: 0 0;
}

.ico.logo {
 display: block; width: 160px; height: 43px; background-position: 0 0;
}

.ico.logo2 {
 width: 145px; height: 48px; background-position: -472px 0;
}

.ico.logo-keiti {
 width: 120px; height: 64px; background-position: -160px 0;
}

.ico.menu {
 width: 42px; height: 42px; background-position: -42px -64px;
}

.ico.search {
 width: 42px; height: 42px; background-position: 0 -64px;
}

.ico.s-search {
 width: 60px; height: 60px; background-position: -718px 0;
}

header .ico.s-search {
 width: 42px; height: 42px; background-position: -170px -64px;
}

.ico.s-close {
 width: 44px; height: 44px; background-position: -126px -64px;
}

.ico.accessibility {
 width: 48px; height: 28px; background-position: -280px 0;
}

.ico.mark {
 width: 48px; height: 28px; background-position: -329px 0;
}

.ico.goodcontent {
 width: 48px; height: 28px; background-position: -378px 0;
}

.ico.privacy {
 width: 48px; height: 28px; background-position: -424px 0;
}

.ico.blog {
 width: 24px; height: 24px; background-position: -280px -28px;
}

.ico.facebook {
 width: 24px; height: 24px; background-position: -309px -28px;
}

.ico.youtube {
 width: 24px; height: 24px; background-position: -340px -28px;
}

.ico.instargram {
 width: 24px; height: 24px; background-position: -376px -28px;
}

.ico.m-close {
 width: 40px; height: 40px; background-position: -85px -65px;
}

.ico.l-close {
 width: 40px; height: 40px; background-position: -284px -120px;
}

.ico.logo {
 display: block; width: 160px; height: 43px; background-position: 0 0;
}

.ico.home {
 width: 12px; height: 12px; background-position: -795px -14px;
}

.ico.s-share {
 width: 33px; height: 33px; background-position: -862px 0;
}

.ico.s-share.active {
 background-position: -924px 0; border: 1px solid #518406;
}

.ico.s-bookmark {
 width: 31px; height: 31px; background-color: #fff; background-position: -891px 0;
}

[type="checkbox"]:checked+.ico.s-bookmark {
 background-position: -953px 0;
}

.ico.s-twiter {
 width: 24px; height: 24px; background-position: -856px -31px;
}

.ico.s-facebook {
 width: 24px; height: 24px; background-position: -886px -31px;
}

.ico.s-kakao {
 width: 24px; height: 24px; background-position: -916px -31px;
}

.ico.s-band {
 width: 24px; height: 24px; background-position: -946px -31px;
}

.ico.s-copy {
 /*     width: 24px;
    height: 24px;
    background-position: -976px -31px;
    border: 1px solid #ccc;
    border-radius: 1px; */
 width: 31px; height: 31px; background-position: -973px -29px; border: 1px solid #ccc; border-radius: 1px;
}

.ico.star1 {
 width: 100px; height: 30px; background-position: -888px -140px;
}

.ico.star2 {
 width: 100px; height: 30px; background-position: -778px -140px;
}

.ico.star3 {
 width: 100px; height: 30px; background-position: -888px -109px;
}

.ico.star4 {
 width: 100px; height: 30px; background-position: -778px -109px;
}

.ico.star5 {
 width: 100px; height: 30px; background-position: -664px -109px;
}

.ico.trash {
 width: 40px; height: 40px; background-position: -358px -120px;
}

.ico.delete {
 width: 30px; height: 30px; background-position: -455px -123px;
}

.ico.error {
 width: 160px; height: 150px; background: url("/images/ico/ico-error.png") no-repeat center center;
}

.ico.error404 {
 width: 160px; height: 150px; background: url("/images/ico/ico-error-404.png") no-repeat center center;
}

.ico.error500 {
 width: 160px; height: 150px; background: url("/images/ico/ico-error-500.png") no-repeat center center;
}

.ico.card {
 width: 24px; height: 24px; background-position: 0 -120px;
}

.ico.list {
 width: 24px; height: 24px; background-position: -24px -120px;
}

.ico.card.active {
 background-position: 0 -144px;
}

.ico.list.active {
 background-position: -24px -144px;
}

.flag img {
 vertical-align: middle; width: auto; height: 13px; margin-right: 5px; border: 1px solid #ccc;
}

.file-zip {
 padding-left: 40px; background: url("/images/ico/ico-file-zip.png") no-repeat left center;
}

.has-file {
 min-height: 28px; padding-left: 40px; background: url("/images/ico/ico-file.png") no-repeat left center; background-size: auto 28px;
}

.ico.pin {
 width: 100%; height: 45px; background: url("/images/ico/ico-pin.png") no-repeat center 40px;
}

.ico.phone {
 width: 100%; height: 45px; background: url("/images/ico/ico-phone.png") no-repeat center 40px;
}

.ico.email {
 width: 100%; height: 45px; background: url("/images/ico/ico-email.png") no-repeat center 40px;
}

.ico.email {
 width: 100%; height: 45px; background: url("/images/ico/ico-email.png") no-repeat center 40px;
}

.ico.user {
 width: 100%; height: 46px; background: url("/images/ico/ico-user.png") no-repeat center 80px;
}

.ico.erp {
 width: 100%; height: 46px; background: url("/images/ico/ico-erp.png") no-repeat center 80px;
}

input:checked+.ico.pin,.ico.pin.active {
 background-image: url("/images/ico/ico-pin-on.png");
}

input:checked+.ico.phone,.ico.phone.active {
 background-image: url("/images/ico/ico-phone-on.png");
}

input:checked+.ico.email,.ico.email.active {
 background-image: url("/images/ico/ico-email-on.png");
}

input:checked+.ico.user,.ico.user.active {
 background-image: url("/images/ico/ico-user-on.png");
}

input:checked+.ico.erp,.ico.erp.active {
 background-image: url("/images/ico/ico-erp-on.png");
}

/* Button */
.bt-area {
 text-align: center;
}

.bt-area .bt {
 margin: 0 5px;
}

.bt-area .bt:only-child {
 margin: 0;
}

.bt {
 display: inline-block; vertical-align: top; text-align: center;
}

.bt[disabled] {
 color: #adb5bd !important; background: #dee2e6 !important; border: 1px solid #dee2e6 !important; cursor: default !important;
}

.bt.xsmall {
 min-width: 50px; padding: 0 5px; font-size: 14px; font-weight: 600;
}

.bt.small {
 min-width: 160px; padding: 0 27px; font-size: 16px; line-height: 48px; font-weight: 600;
}

.bt.medium {
 min-width: 160px; padding: 0 30px; font-size: 16px; line-height: 54px; font-weight: 600;
}

.bt.large {
 min-width: 160px; padding: 0 30px; font-size: 18px; line-height: 64px; font-weight: 600;
}

.bt.primary {
 color: #2e5803; border: 1px solid #518406; background: #f1f9eb; border-radius: 3px;
}

.bt.primary.fill {
 color: #fff; border: 1px solid #518406; background: #518406; border-radius: 3px;
}

.bt.primary.important {
 color: #fff; background: #191919; border-color: #191919;
}

.bt.primary:hover,.bt.primary:focus,.bt.primary.active {
 
}

.bt.secondary {
 
}

.bt.secondary:hover,.bt.secondary:focus,.bt.secondary.active {
 
}

.bt.close {
 
}

.bt.close:hover,.bt.close:focus,.bt.close.active {
 
}

.bt.reset {
 color: #191919; border: 1px solid #cbcbcb; border-radius: 3px;
}

.bt.reset.fill {
 color: #191919; border: 1px solid #ccc; background: #dedede;
}

.bt.reset:hover,.bt.reset:focus,.bt.reset.active {
 
}

.bt.delete {
 
}

.bt.delete:hover,.bt.delete:focus,.bt.delete.active {
 
}

.bt.icon {
 width: 33px; height: 33px; border: 1px solid #ccc;
}

.bt.more {
 position: relative; padding-right: 12px; color: #518406; font-size: 18px; font-weight: 300; line-height: 32px;
}

.bt.more:before {
 content: ""; position: absolute; right: 0; top: 50%; width: 32px; height: 32px; background: rgba(127, 195, 28, 0.4); border-radius: 50%;
 transform: translateY(-50%);
}

.bt.more strong {
 position: relative; display: inline-block; vertical-align: top; padding-right: 40px;
}

.bt.more strong:before {
 content: ""; position: absolute; top: 50%; right: 0; width: 31px; border-top: 1px solid #518406; transform: translateY(-50%);
}

.bt.more strong:after {
 content: ""; position: absolute; top: 50%; right: 0; width: 8px; height: 8px; border-top: 1px solid #518406; border-right: 1px solid #518406;
 transform: translateY(-50%) rotate(45deg);
}

.bt.more.block {
 width: 288px; height: 72px; padding-top: 20px; padding-left: 30px; background-color: #518406;
}

.bt.more.block {
 color: #fff; background-color: #518406;
}

.bt.more.block:before {
 right: 60px; background: rgba(255, 255, 255, 0.4);
}

.bt.more.block strong:before {
 border-color: #fff;
}

.bt.more.block strong:after {
 border-color: #fff;
}

.bt.download {
 padding: 0 44px 0 10px; color: #777; font-size: 16px; line-height: 2.4em; border: 1px solid #cbcbcb;
 background: #fff url("/images/ico/ico-down.png") no-repeat right 15px center;
}

.bt.search {
 min-width: 160px; margin-left: 17px; padding: 0 20px; color: #fff; font-size: 16px; font-weight: 600; line-height: 54px;
 border: 1px solid #518406; background: #518406; border-radius: 3px;
}

.bt_search_mini {
 padding: 5px 10px; color: #fff; border: 1px solid #518406; background: #518406; border-radius: 3px;
}

.bt.filtering {
 min-width: 140px; padding: 0 10px; font-size: 16px; line-height: 56px;
}

.bt.filtering:before {
 content: ""; display: inline-block; vertical-align: middle; width: 36px; height: 26px; margin-right: 7px;
 background: url("/images/sprite.png") no-repeat -740px -60px;
}

.bt.help {
 margin-left: 7px; padding: 0 10px; font-size: 16px; line-height: 31px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff;
}

.bt.help:before {
 content: ""; display: inline-block; vertical-align: middle; width: 23px; height: 23px; margin-right: 7px; margin-bottom: 3px;
 background: url("/images/sprite.png") no-repeat -234px -130px;
}

.bt.add {
 padding: 0 10px; line-height: 38px;
}

.bt.add:before {
 content: "+"; display: inline-block; vertical-align: top; margin-right: 5px; font-size: 20px; font-weight: 600;
}

.bt.delete {
 padding: 0 10px; line-height: 38px;
}

.bt.delete:before {
 content: "+"; display: inline-block; vertical-align: top; margin-right: 5px; font-size: 20px; font-weight: 600; transform: rotate(45deg);
}

.tab-more,.tab-out {
 position: absolute; outline: 0;
}

/* Text */
.label {
 display: inline-block; vertical-align: top; margin-right: 5px;
}

.label.text {
 color: #518406; font-size: 16px;
}

.label.raund {
 padding: 0 12px; font-size: 14px; font-weight: 600; line-height: 22px; border-radius: 24px;
}

.label.raund.new {
 color: #fff;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 background: #d14900; /* 2022.03.18 접근성 명도 대비 수정 #f9b122 */
}

.label.raund.urgently {
 color: #fff;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 background: #518406;
}

.label.box {
 height: 25px; padding: 0 5px; line-height: 23px; background: #fff; border: 1px solid #ccc;
}

.label.box+.bt.help {
 margin-top: -3px;
}

.label.box.trl1 {
 
}

.label.box.trl2 {
 background: #f3f3f3; border-color: #f3f3f3;
}

.label.box.trl3 {
 background: #dedede; border-color: #dedede;
}

.label.box.trl4 {
 background: #f1f9eb; border-color: #f1f9eb;
}

.label.box.trl5 {
 color: #2e5803; background: #d6ecb6; border-color: #2e5803;
}

.label.box.trl6 {
 background: #c8e29f; border-color: #c8e29f;
}

.label.box.trl7 {
 background: #2e5803; border-color: #2e5803;
}

.label.box.trl8 {
 background: #2e5803; border-color: #2e5803;
}

.label.box.trl9 {
 background: #83a050; border-color: #83a050;
}

.highlight {
 position: relative;
}

.highlight:after {
 content: ""; position: absolute; left: 0; bottom: 0; z-index: 0; width: 100%; height: 30%; border-radius: 2px; background: #cce7a4;
}

.highlight>* {
 position: relative; z-index: 1;
}

.montserrat {
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 font-weight: 600;
}

.no-data {
 padding: 16px 0; color: #555; font-size: 16px;
}

.no-data:before {
 content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 14px;
 background: url("/images/sprite.png") no-repeat -408px -128px;
}

.tit-info {
 margin-bottom: 20px; color: #191919; font-size: 24px; font-weight: 400;
}

.tit-info em {
 color: #ed1651;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
}

.tit-dot {
 position: relative; margin-top: 10px; margin-bottom: 25px; padding-left: 13px; color: #191919; font-size: 16px; line-height: 1.5em;
 letter-spacing: -0.5px;
}

.tit-dot:before {
 content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; transform: translateY(-50%); background: #518406;
 border-radius: 50%;
}

.txt-dot {
 position: relative; padding-left: 13px; color: #777; font-size: 15px; line-height: 1.5em; letter-spacing: -0.5px;
}

.txt-dot:before {
 content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; transform: translateY(-50%); background: #777; border-radius: 50%;
}

.txt-dot em {
 color: #518406;
}

.txt-info {
 margin-top: 10px; color: #777; font-size: 14px; font-weight: 600;
}

.txt-info+.bt-area.align-r {
 margin-top: 10px;
}

.txt-tag,.point {
 color: #518406 !important;
}

.txt-total {
 margin-top: 20px; text-align: right; font-size: 24px;
}

.txt-total>strong {
 color: #ed1651;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 font-weight: 400;
}

.underline {
 text-decoration: underline;
}

.img-full+.tit-dot {
 margin-top: 60px;
}

.tilde {
 display: inline-block; vertical-align: middle; margin: 5px; line-height: 44px;
}

.txt-form {
 display: inline-block; vertical-align: middle; margin: 5px 30px 5px 5px !important; line-height: 44px;
}

.txt-w-light {
 font-weight: 300 !important;
}

/* Radio Buttons */
.ui-radio {
 display: inline-block; vertical-align: top;
}

.ui-radio [type="radio"]:not (:checked ),.ui-radio [type="radio"]:checked {
 position: absolute; width: 20px; height: 20px; margin: 5px 0 0 1px;
}

.ui-radio [type="radio"]:not (:checked ) +label,.ui-radio [type="radio"]:checked+label {
 display: inline-block; vertical-align: top; position: relative; padding-left: 34px; padding-right: 30px; cursor: pointer; color: #191919;
 font-size: 16px; line-height: 1.75em; -webkit-transition: 0.28s ease; transition: 0.28s ease; -webkit-user-select: none;
 -moz-user-select: none; -ms-user-select: none; user-select: none;
}

.ui-radio [type="radio"]+label:before,.ui-radio [type="radio"]+label:after {
 content: ""; position: absolute; left: 0; top: 0; margin: 4px 10px 4px 0; width: 22px; height: 22px; z-index: 1; -webkit-transition: 0.28s ease;
 transition: 0.28s ease; box-sizing: border-box;
}

.ui-radio [type="radio"]+label:after {
 background: #fff; z-index: 0;
}

.ui-radio [type="radio"]:not (:checked ) +label:before,.ui-radio [type="radio"]:not (:checked ) +label:after,.ui-radio [type="radio"]:checked+label:before,.ui-radio [type="radio"]:checked+label:after
 {
 border-radius: 50%;
}

.ui-radio [type="radio"]:not (:checked ) +label:before,.ui-radio [type="radio"]:not (:checked ) +label:after {
 background: #fff; border: 1px solid #ccc;
}

.ui-radio [type="radio"]:not (:checked ) +label:after {
 -webkit-transform: scale(0); transform: scale(0);
}

.ui-radio [type="radio"]:checked+label:before {
 top: 7px; left: 7px; width: 8px; height: 8px; background-color: #518406;
}

.ui-radio [type="radio"]:checked+label:after {
 border: 1px solid #ccc; -webkit-transform: scale(1.02); transform: scale(1.02);
}

.ui-radio [type="radio"]:disabled:not (:checked ) +label:before,.ui-radio [type="radio"]:disabled:checked+label:before {
 background-color: transparent; border-color: rgba(0, 0, 0, 0.42);
}

.ui-radio [type="radio"]:disabled+label {
 color: rgba(0, 0, 0, 0.42);
}

.ui-radio [type="radio"]:disabled:not (:checked ) +label:before {
 border-color: rgba(0, 0, 0, 0.42);
}

.ui-radio [type="radio"]:disabled:checked+label:after {
 background-color: rgba(0, 0, 0, 0.42); border-color: #949494;
}

.ui-radio [type="radio"]+label.ico,.ui-radio [type="radio"]+label.ico {
 padding: 0 !important; -webkit-transition: none; transition: none;
}

.ui-radio [type="radio"]+label.ico:before,.ui-radio [type="radio"]+label.ico:after {
 display: none !important;
}

.ui-radio [type="radio"]+label.text,.ui-radio [type="radio"]+label.text {
 position: relative; float: left; margin: 0 12px; padding: 0 4px !important; color: #191919; font-size: 18px; line-height: 1.187em;
 font-weight: 300; border: 0; background: none; border-radius: 0; -webkit-transition: none; transition: none;
}

.ui-radio [type="radio"]:checked+label.text {
 color: #518406; font-weight: 600;
}

.ui-radio [type="radio"]:checked+label.text span {
 position: relative; z-index: 1;
}

.ui-radio [type="radio"]+label.text:before {
 content: ""; position: absolute; top: 50%; left: -12px; height: 18px; margin: 0; border: 0; border-left: 1px solid #cbcbcb; background: none;
 border-radius: 0; transform: translateY(-50%);
}

.ui-radio [type="radio"]+label.text:after {
 content: ""; position: absolute; left: 0; top: auto; bottom: 0; z-index: 0; width: 100%; height: 4px; margin: 0; border-radius: 2px;
 background: #cce7a4;
}

.ui-radio:first-child [type="radio"]+label.text {
 margin-left: 0;
}

.ui-radio:first-child [type="radio"]+label.text:before {
 display: none;
}

/* Checkbox */
.ui-checkbox { 
 display: inline-block; vertical-align: middle; position: relative; /* 2023-04-06 웹접근성 */
}

.ui-checkbox [type="checkbox"]:not (:checked ),.ui-checkbox [type="checkbox"]:checked {
 position: absolute; width: 22px; height: 22px;
}

.ui-checkbox [type="checkbox"]+label {
 display: inline-block; vertical-align: top; position: relative; padding-left: 30px; padding-right: 30px; cursor: pointer; color: #191919;
 font-size: 16px; line-height: 1.3em; font-weight: 300; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
 user-select: none;
}

.ui-checkbox [type="checkbox"]+label:after {
 display: none; content: ""; position: absolute; top: 0; left: 0; width: 22px; height: 20px;
 background: url("/images/ico/ico-checkbox.png") no-repeat center;
}

.ui-checkbox [type="checkbox"]+label:before {
 content: ""; position: absolute; top: 0; left: 0; z-index: 0; width: 20px; height: 20px; border-radius: 2px; background: #fff;
 border: 1px solid #ccc; -webkit-transition: 0.2s; transition: 0.2s;
}

.ui-checkbox [type="checkbox"]:checked+label:before {
 background: #518406; border-color: #518406;
}

.ui-checkbox [type="checkbox"]:checked+label:after {
 display: block;
}

.ui-checkbox [type="checkbox"]:not (:checked ):disabled+label:before {
 border: none; background-color: rgba(0, 0, 0, 0.42);
}

.ui-checkbox [type="checkbox"]:checked:disabled+label:before {
 border-right: 2px solid rgba(0, 0, 0, 0.42); border-bottom: 2px solid rgba(0, 0, 0, 0.42);
}

.ui-checkbox [type="checkbox"]+label.ico {
 padding: 0;
}

.ui-checkbox [type="checkbox"]+label.ico:before,.ui-checkbox [type="checkbox"]+label.ico:after {
 display: none;
}

/* Selete */
.ui-select {
 display: inline-block; vertical-align: top; position: relative; min-width: 300px; text-align: left; cursor: pointer;
}

.ui-select .s-blind {
 visibility: hidden; min-width: 120px; padding-right: 10px;
}

.ui-select .s-title {
 width: 100%; height: 56px; padding-left: 20px; padding-right: 40px; color: #191919;
 font-family: "NotoSansKR", "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, AppleGothic, Dotum, "돋움", Verdana, Arial, sans-serif; font-size: 16px;
 text-align: left; background: #f3f3f3 url("/images/ico/ico-snb-menu.png") no-repeat right 15px center;
}

.ui-select .s-options {
 display: none; overflow-y: auto; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; max-height: 200px; margin-top: 2px;
 padding: 7px 0; background-color: #fff; -moz-box-shadow: 0 0 10px 0 rgba(34, 52, 7, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(34, 52, 7, 0.2);
 box-shadow: 0 0 10px 0 rgba(34, 52, 7, 0.2);
}

.ui-select .s-options li {
 margin: 0;
}

.ui-select .s-options li .ui-radio,.ui-select .s-options li .ui-checkbox {
 display: block; margin: 0; padding: 7px 10px;
}

select+.ui-select,.ui-select+.ui-select {
 margin-left: 10px;
}

.ui-select+.bt {
 margin-left: 20px;
}

/* date */
.ui-date {
 display: inline-block; vertical-align: top; margin-left: 0px; padding-right: 35px; white-space: nowrap;
}

.ui-date select {
 margin-right: 13px;
}

.ui-date input[type="text"] {
 min-width: auto; width: 180px; max-width: 180px;
}

.ui-date .ui-datepicker-trigger {
 margin-left: -53px;
}

.ui-date span {
 margin-left: 33px; width: 22px; text-align: center;
}
/* address */
.ui-address input[type="text"] {
 width: 100%; max-width: 750px;
}

.ui-address input[type="text"].zipcode {
 width: calc(100%/ 5); max-width: 168px; margin-right: 13px; margin-bottom: 10px;
}

.ui-address .zipcode+input[type="text"] {
 width: calc(100%/ 2); max-width: 388px; margin-right: 13px; margin-bottom: 10px;
}
/* email */
.ui-email {
 text-align: center;
}

.ui-email input[type="text"] {
 width: 166px;
}

.ui-email .atsign {
 display: inline-block; vertical-align: top; margin: 0 10px; line-height: 56px;
}

.ui-email select {
 width: 170px; margin: 0 20px; border: 1px solid #777; background-color: #fff;
}

.box-gray .ui-email>div+div {
 margin-top: 15px;
}

.box-gray .ui-email>div input[type="text"] {
 width: 258px;
}

.box-gray .ui-email>div+div input[type="text"] {
 width: calc(100% - 188px); margin-right: 20px;
}
/* tel */
.ui-tel select {
 width: 30% !important; max-width: 110px;
}

.ui-tel input[type="text"] {
 width: 32% !important; max-width: 115px; margin-left: 7px;
}

.ui-tel .bt {
 margin-left: 13px;
}

/* Tab */
.ui-tabs {
 border: 0; background: none; border-radius: 0;
}

.ui-tabs>ul {
 margin-bottom: 40px; margin-left: 15px; padding: 0; border: 0; background: none; border-radius: 0;
}

.ui-tabs>ul:after {
 content: ""; display: block; height: 1px; clear: both;
}

.ui-tabs>ul>li {
 position: relative; display: inline-block; vertical-align: top; margin: 0 20px 20px; border: 0; background: none; border-radius: 0;
}

.ui-tabs>ul>li:before {
 content: ""; position: absolute; top: 50%; left: -20px; height: 18px; border-left: 1px solid #cbcbcb; transform: translateY(-50%);
}

.ui-tabs>ul>li:first-child {
 margin-left: 0;
}

.ui-tabs ul li:first-child:before {
 border: 0;
}

.ui-tabs>ul>li a {
 float: none; position: relative; z-index: 1; display: block; padding: 0 4px; color: #191919; font-size: 24px; line-height: 1.187em;
 font-weight: 300;
}

.ui-tabs>ul>li:hover a,.ui-tabs>ul>li:focus a,.ui-tabs>ul>li.active a,.ui-tabs>ul>li.current a {
 padding: 0 2px; color: #518406; font-weight: 600;
}

.ui-tabs>ul>li:hover:after,.ui-tabs>ul>li:focus:after,.ui-tabs>ul>li.active:after,.ui-tabs>ul>li.current:after {
 content: ""; position: absolute; left: 0; bottom: 0; z-index: 0; width: 100%; height: 8px; border-radius: 2px; background: #cce7a4;
}

.ui-tabs>div {
 padding: 0; border: 0; background: none;
}

.js-tabs>div {
 display: none;
}

.js-tabs>div.active {
 display: block;
}
/* 박스형 */
.ui-tabs.box>ul {
 margin-left: 0;
}

.ui-tabs.box>ul>li {
 margin: 0;
}

.ui-tabs.box>ul>li a {
 min-width: 136px; padding: 0 20px; color: #191919; font-size: 16px; text-align: center; line-height: 46px;
}

.ui-tabs.box>ul>li:before {
 display: none;
}

.ui-tabs.box>ul>li:hover a,.ui-tabs.box>ul>li:focus a,.ui-tabs.box>ul>li.active a,.ui-tabs.box>ul>li.current a {
 color: #fff;
}

.ui-tabs.box>ul>li:after {
 content: ""; position: absolute; left: -1px; right: 0; top: 0; bottom: 0; z-index: 0; height: auto; background: #fff; border: 1px solid #cbcbcb;
 border-radius: 0;
}

.ui-tabs.box>ul>li:first-child:after {
 left: 0;
}

.ui-tabs.box>ul>li:hover:after,.ui-tabs.box>ul>li:focus:after,.ui-tabs.box>ul>li.active:after,.ui-tabs.box>ul>li.current:after {
 top: -1px; right: -1px; background: #518406;
}
/* 박스형 small */
.ui-tabs.line>ul {
 margin-left: 0;
}

.ui-tabs.line>ul>li {
 margin: 0 7px 0 0 !important;
}

.ui-tabs.line>ul>li a {
 min-width: 152px; height: 40px; padding: 0 20px; color: #191919; font-size: 16px; text-align: center; line-height: 36px;
 border: 1px solid #cbcbcb; border-radius: 1px; background: #fff;
}

.ui-tabs.line>ul>li:hover a,.ui-tabs.line>ul>li:focus a,.ui-tabs.line>ul>li.current a,.ui-tabs.line>ul>li.active a {
 color: #518406; font-weight: 400; border-color: #518406; border-width: 2px;
}

.ui-tabs.line>ul>li:first-child:after {
 left: 0;
}

.ui-tabs.line>ul>li:before .ui-tabs.line>ul>li:hover:after,.ui-tabs.line>ul>li:focus:after,.ui-tabs.line>ul>li.current:after,.ui-tabs.line>ul>li.active:after
 {
 display: none;
}
/* 탭-센터 */
.ui-tabs.align-c>ul>li {
 float: none; display: inline-block; vertical-align: top;
}

.ui-tabs.align-c>ul>li:first-child:before {
 display: none;
}

/* Accordion */
.list-accordion {
 border-top: 1px solid #767676; border-bottom: 1px solid #767676;
}

.list-accordion .a-trigger {
 position: relative; padding: 15px 20px; border-top: 1px solid #e5e5e5; cursor: pointer;
}

.list-accordion .a-trigger:after {
 content: "\f107"; position: absolute; right: 20px; font: normal normal normal 20px/1 FontAwesome;
}

.list-accordion .a-trigger.active {
 color: #00a1e0;
}

.list-accordion .a-trigger.active:after {
 content: "\f106";
}

.pannal-accordion {
 display: none; padding: 20px; border-top: 1px solid #e5e5e5; background-color: #f5f5f5;
}

/* List */
.news-list>li {
 margin-bottom: 10px;
}

.news-list>li:after {
 content: ""; display: block; clear: both;
}

.news-list>li>a {
 display: block; font-size: 16px;
}

.news-list>li>a {
 float: left; width: calc(100% - 150px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.news-list>li>span {
 float: right; color: #7b8386;
}

/* pagination */
.pagination {
 text-align: center;
}

.pagination .p-more {
 display: none;
}

.pagination .p-more button {
 width: 214px; height: 56px; padding-right: 28px; font-size: 16px; font-weight: 600; border: 1px solid #ccc;
 background: url("/images/ico/ico-snb-menu.png") no-repeat right 35px center;
}

.pagination .p-more button span {
 color: #777;
}

.pagination .p-page button {
 display: inline-block; vertical-align: top; width: 40px; height: 40px; margin: 0 5px; color: #666; /* 2022.03.18 접근성 명도 대비 수정 #ced4da */
 font-size: 16px; font-weight: 600; border-radius: 3px;
}

.pagination .p-page button:hover,.pagination .p-page button:hover,.pagination .p-page button.current {
 color: #fff; /* 2022.03.18 접근성 명도 대비 수정 #7fc31c */ font-weight: 600; background-color: #2e5803;
}

.pagination .p-page button.first,.pagination .p-page button.prev,.pagination .p-page button.next,.pagination .p-page button.last {
 background: url("/images/sprite.png") no-repeat -48px -120px;
}

.pagination .p-page button.first {
 background-position: -48px -120px;
}

.pagination .p-page button.prev {
 margin-right: 15px; background-position: -88px -120px;
}

.pagination .p-page button.next {
 margin-left: 15px; background-position: -128px -120px;
}

.pagination .p-page button.last {
 background-position: -168px -120px;
}

.pagination+.bt-area {
 margin-top: 60px; text-align: right;
}

/* 헤더 검색 */
.search-form {
 position: relative;
}

.search-form input[type="text"] {
 width: 100%; padding: 0 90px 0 20px;
}

.search-form button {
 position: absolute; top: 50%; right: 23px; transform: translateY(-50%);
}

/* Location */
.location {
 background: #f3f3f3;
}

.location .inner {
 width: 1400px; margin: 0 auto; padding-left: 22px;
}

.location .inner>* {
 position: relative; display: inline-block; vertical-align: top; min-width: 30px; height: 40px; margin-left: 7px; padding-right: 20px;
 color: #777; font-size: 14px; font-weight: 600; line-height: 38px;
}

.location .inner *:first-child {
 margin-left: 0; padding-left: 0px; padding-right: 17px;
}

.location .inner a:after {
 content: ""; position: absolute; top: 50%; right: 0; width: 6px; height: 10px; margin-top: 1px;
 background: url("/images/sprite.png") no-repeat -836px -16px; transform: translateY(-50%);
}

.location .inner a .home {
 position: absolute; top: 50%; left: 0; padding-right: 0; transform: translateY(-50%);
}

.location .inner a em {
 display: inline-block; vertical-align: top; padding-left: 20px; color: #777; font-size: 14px; font-weight: 600; line-height: 38px;
}

.location .inner span {
 color: #518406; font-weight: 600;
}

/* List */
/* List Dot */
.list-dot li {
 position: relative; margin-top: 10px; padding-left: 13px; color: #191919; font-size: 16px; line-height: 1.5em;
}

.list-dot li:before {
 content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; transform: translateY(-50%); background: #777; border-radius: 50%;
}

.list-dot li a {
 display: block; position: relative; padding-right: 150px; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}

.list-dot li a:hover,.list-dot li a:focus {
 text-decoration: underline;
}

.list-dot li a .label {
 display: inline-block; vertical-align: top; margin-top: 9px; margin-right: 10px; height: 24px; padding: 0 10px; color: #ed1651; font-size: 14px;
 font-weight: 600; line-height: 22px; background: #fcdae3; border-radius: 5px;
}

.list-dot li .date {
 position: absolute; font-size: 15px; top: 0; right: 0; color: #777; font-size: 16px; line-height: 2.5em; font-weight: 300;
}

.list-dot li:first-child {
 margin-top: 0;
}

.list-dot li .list-hyphen {
 margin-top: 5px;
}

.list-dot li .list-hyphen li {
 color: #777;
}
/* List hyphen */
.list-hyphen li {
 position: relative; margin-top: 10px; padding-left: 13px; color: #191919; font-size: 16px; line-height: 1.5em; text-align: left;
}

.list-hyphen li:before {
 content: "-"; position: absolute; left: 0; top: 10px; width: auto; height: auto; transform: translateY(-50%); background: none;
}

.list-hyphen li a {
 display: block; position: relative; padding-right: 150px; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}

.list-hyphen li a:hover,.list-hyphen li a:focus {
 text-decoration: underline;
}
/* list number */
.list-num li {
 position: relative; margin: 10px 0; padding-left: 25px; font-size: 16px; line-height: 1.5em;
}

.list-num li em {
 position: absolute; left: 0; top: 0;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 font-weight: 600; line-height: 1.7em;
}
/* list Table */
.list-table {
 
}

.list-table tbody th {
 padding: 20px; color: #191919; font-size: 16px; text-align: left; border: 1px solid #ccc;
}

.list-table tbody td {
 padding: 20px; color: #191919; font-size: 16px; font-weight: 400; border: 1px solid #ccc;
}

.list-table tbody td.ellipsis {
 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;
}

.list-table tbody td.ellipsis p {
 display: inline;
}

.list-table thead th {
 padding: 20px; color: #191919; font-size: 16px; text-align: center; background: #f3f3f3; border-top: 1px solid #191919;
}

.list-table thead+tbody th {
 text-align: center; font-weight: 400; border-left: 0;
}

.list-table thead+tbody td {
 text-align: center;
}

.list-table thead+tbody td:first-child {
 border-left: 0px;
}

.list-table thead+tbody td:last-child {
 border-right: 0px;
}

.list-table thead+tbody td a:hover,.list-table thead+tbody td a:focus {
 color: #518406; text-decoration: underline;
}

.list-table tfoot th {
 background: #f1f9eb; border-bottom: 1px solid #ccc;
}

.list-table tfoot td {
 padding: 20px; color: #2e5803 !important; font-weight: 400; background: #f1f9eb; border: 1px solid #ccc;
}

.list-table thead+tbody+tfoot td {
 padding-left: 30px; border-right: 0px;
}

.list-table thead+tbody+tfoot td:first-child {
 border-left: 0px;
}

.list-table .bt.xsmall {
 padding: 5px 15px;
}

.list-table+.title-sub {
 margin-top: 64px;
}
/* list Step */
.list-step {
 width: calc(100% + 40px); padding-top: 20px; margin-left: -20px; margin-bottom: 90px; text-align: center;
}

.list-step:after {
 content: ""; display: block; height: 1px; clear: both;
}

.list-step>li {
 position: relative; display: inline-block; vertical-align: top; min-width: calc(20% - 20px); margin-right: 18px; padding: 15px;
 border: 1px solid #ccc; color: #777; font-size: 16px; line-height: 1.7em; background: #fff;
}

.list-step>li:after {
 content: ""; position: absolute; right: -25px; left: 100%; top: 50%; z-index: -1; height: 1px; background: #dedede;
}

.list-step>li:last-child {
 margin-right: 0;
}

.list-step>li:last-child:after {
 display: none;
}

.list-step>li strong {
 display: block;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 font-weight: 600;
}

.list-step>li.current {
 color: #fff; border-color: #518406; background: #518406;
}

.list-step>li.current:after {
 background: #518406;
}

.box-cont .list-step {
 text-align: left;
}

.box-cont .list-step>li {
 position: relative; width: 245px; min-height: 350px; margin-right: 30px; padding: 8px; border: 8px solid #c8e29f;
}

.box-cont .list-step>li:after {
 content: ""; position: absolute; right: -36px; left: auto; top: 94px; z-index: 0; width: 20px; height: 22px;
 background: url("/images/sprite.png") no-repeat -510px -128px;
}

.box-cont .list-step>li:last-child {
 margin-right: 0;
}

.box-cont .list-step>li:last-child strong {
 background: #518406; color: #fff;
}

.box-cont .list-step>li:last-child strong span {
 color: #fff;
}

.box-cont .list-step>li>strong {
 display: block; padding: 18px; font-size: 20px; font-weight: 300; background: #f3f3f3;
}

.box-cont .list-step>li>strong span {
 display: block; margin-bottom: 20px; color: #518406;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 font-size: 16px; font-weight: 600;
}

.box-cont .list-step>li>div {
 padding: 18px 10px;
}

.box-cont .list-step>li>div em {
 display: block; margin-bottom: 10px; color: #191919; font-size: 18px; font-weight: 600;
}

.box-cont .list-step>li>div .list-dot li {
 margin-top: 0;
}

.list-step-apply {
 /* max-width: 1057px;
    background: url("/images/@temp/img-application.png") no-repeat 0 0;
    background-size: 100% auto; */
 
}

.list-step-apply ul:after {
 content: ""; display: block; height: 1px; clear: both;
}

.list-step-apply ul>li {
 position: relative; float: left; width: 25%; height: 184px; margin-left: -1px; padding: 46px 0 0 26px; font-size: 17px; background: #fff;
 border: 1px solid #c8e29f;
}

.list-step-apply ul>li:before,.list-step-apply ul>li:after {
 content: ""; position: absolute; top: 50%; left: 100%; width: 0; height: 0; border-style: solid; transform: translateY(-50%);
}

.list-step-apply ul>li:before {
 z-index: 2; border-color: transparent transparent transparent #fff; border-width: 10px;
}

.list-step-apply ul>li:after {
 z-index: 1; margin-top: 0.5px; border-color: transparent transparent transparent #c8e29f; border-width: 12px;
}

.list-step-apply ul>li:first-child {
 margin-left: 0; padding-top: 45px; /* 37px > 45px  */
}

.list-step-apply ul>li:nth-child(even) {
 background: #f3f3f3;
}

.list-step-apply ul>li:nth-child(even):before {
 border-color: transparent transparent transparent #f3f3f3;
}

.list-step-apply ul>li:nth-child(4):before,.list-step-apply ul>li:nth-child(4):after {
 left: 50%; top: 100%; transform: rotate(90deg) translateY(50%);
}

.list-step-apply ul>li:nth-child(5) {
 margin-right: 4px;
}

.list-step-apply ul>li:nth-child(5),.list-step-apply ul>li:nth-child(6),.list-step-apply ul>li:nth-child(7) {
 float: right; margin-top: -1px;
}

.list-step-apply ul>li:nth-child(5):before,.list-step-apply ul>li:nth-child(5):after,.list-step-apply ul>li:nth-child(6):before,.list-step-apply ul>li:nth-child(6):after,.list-step-apply ul>li:nth-child(7):before,.list-step-apply ul>li:nth-child(7):after
 {
 left: auto; right: 100%; transform: rotate(180deg) translateY(50%);
}

.list-step-apply ul>li:last-child:before,.list-step-apply ul>li:last-child:after {
 display: none;
}

.list-step-apply ul>li em {
 color: #518406; font-size: 25px; font-weight: 600;
}

.list-step-apply ul>li p {
 padding: 10px 5px 0 15px;
}

.list-step-apply ul>li a {
 color: #518406;
}

.list-step-apply ul>li span {
 display: inline-block; vertical-align: top;
}

.list-step-apply ul>li ol {
 padding: 10px 5px 0 15px;
}

.list-step-apply ul>li li span {
 color: #a1a1a1;
}
/* 마일리지 관리 */
.box-pro {
 margin-bottom: 80px;
}

.box-pro ul {
 padding: 20px 0; border-top: 2px solid #191919; border-bottom: 1px solid #ccc;
}

.box-pro ul:after {
 content: ""; display: block; height: 1px; clear: both;
}

.box-pro ul li {
 float: left; padding: 20px; width: calc(100%/ 4);
}

.box-pro ul li:nth-child(4n) {
 padding-right: 0;
}

.box-pro ul li label strong {
 display: block; margin-top: 5px; font-size: 20px;
}

.box-pro ul li input[type="text"] {
 margin-top: 20px; width: 100%;
}

.box-pro ul li .ui-radio {
 min-height: 100px;
}
/* 커스텀 셀렉트 결과 */
.box-select-add {
 overflow-y: auto; min-height: 80px; max-height: 80px; padding: 10px 20px; border: 1px solid #ccc;
}

.box-select-add span {
 display: inline-block; vertical-align: top; margin: 5px 0; padding: 0; padding-right: 0; color: #191919; font-size: 16px; line-height: 2em;
}

.box-select-add span em {
 display: inline-block; vertical-align: top; margin: 0 5px;
}

.box-select-add span em:before {
 content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin-right: 10px; border-top: 1px solid #518406;
 border-right: 1px solid #518406; transform: rotate(45deg);
}

.box-select-add .ico {
 overflow: hidden; vertical-align: top; width: 32px; height: 32px; background: url("/images/ico/ico-delete.png") no-repeat center 55%;
}

.box-select-add .ico:before {
 content: "["; float: left; font-size: 16px; line-height: 1.8em;
}

.box-select-add .ico:after {
 content: "]"; float: right; font-size: 16px; line-height: 1.8em;
}

.box-select-add span+span:before {
 content: ","; display: inline-block; vertical-align: middle; margin-right: 10px;
}

/* 리스트 통합 검색 */
.section-search {
 position: relative; margin-bottom: 64px; padding: 40px 20px 40px 48px; border: 1px solid #ccc;
}

.section-search dl:after {
 content: ""; display: block; height: 1px; clear: both;
}

.section-search dt {
 position: relative; float: left; width: 84px; margin-top: 20px; font-size: 16px; font-weight: 600; line-height: 56px;
}

.section-search dt:first-child,.section-search dt:first-child+dd {
 margin-top: 0;
}

.section-search dd {
 float: left; width: calc(100% - 84px); margin-top: 20px;
}

.section-search dd select {
 width: 168px; height: 56px; margin-right: 17px; font-size: 16px; border: 0; background-image: url("/images/ico/ico-select.png");
}

.section-search dd input[type="text"],.section-search dd input[type="search"] {
 width: calc(100% - 520px); height: 56px; border: 0;
}

.section-search dd input[type="search"]:first-child {
 width: calc(100% - 340px);
}

.section-search dd input[type="text"] {
 width: 100%; margin-left: 0;
}

.section-search dl ~ .ui-checkbox {
 margin-top: 15px; margin-left: 270px;
}

.search-term.box-info {
 margin-top: -20px; margin-bottom: 70px;
}

.search-term:after {
 content: ""; display: block; clear: both;
}

.search-term>dt,.search-term>dd {
 float: left; margin: 5px 0; font-size: 16px; line-height: 30px;
}

.search-term>dt {
 width: 110px; font-weight: 600;
}

.search-term>dd {
 width: calc(100% - 110px);
}

.search-term>dd>ol>li>a,.search-term>dd>ul>li>a {
 color: #777; font-weight: 400;
}

.search-term>dd>ol>li,.search-term>dd>ul>li {
 display: inline-block; margin-right: 20px;
}

.search-term>dd>ol>li:before {
 display: inline-block; vertical-align: middle; width: 16px; margin-right: 5px; line-height: 16px; color: #518406;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 font-size: 14px; font-weight: 600; text-align: center; background: #f3f3f3; border-radius: 2px;
}

.search-term>dd>ol>li:first-child:before {
 content: "1";
}

.search-term>dd>ol>li:nth-child(2):before {
 content: "2";
}

.search-term>dd>ol>li:nth-child(3):before {
 content: "3";
}

.search-term>dd>ol>li:nth-child(4):before {
 content: "4";
}

.search-term>dd>ol>li:nth-child(5):before {
 content: "5";
}

.search-term>dd>ol>li:nth-child(6):before {
 content: "6";
}

.search-term>dd>ol>li:nth-child(7):before {
 content: "7";
}

.search-term>dd>ol>li:nth-child(8):before {
 content: "8";
}

.search-term>dd>ol>li:nth-child(9):before {
 content: "9";
}

.search-term>dd>ol>li:nth-child(10):before {
 content: "10";
}

.search-result {
 margin-bottom: 80px; font-size: 20px;
}

.search-result em {
 color: #518406; font-size: 20px;
}

.search-result strong {
 color: #518406;
}

.no-result {
 padding-top: 70px; text-align: center;
}

.no-result strong {
 display: block; margin-bottom: 15px; color: #191919; font-size: 24px;
}

.no-result p {
 margin-bottom: 70px; color: #191919; font-size: 18px;
}
/* 용어검색 */
.word {
 margin-bottom: 20px; padding-top: 20px;
}

.word>li {
 display: inline-block; margin-right: 10px; margin-bottom: 10px;
}

.word>li>a {
 display: block; min-width: 40px; height: 40px; padding: 0 10px; color: #191919; font-size: 17px; font-weight: 400; line-height: 40px;
 text-align: center; border: 1px solid #cbcbcb; border-radius: 3px;
}

.word>li.on>a {
 color: #fff; border: 1px solid #518406; background: #518406;
}

.ui-accordian {
 border-top: 1px solid #ccc;
}

.ui-accordian>ul>li:last-child {
 margin-bottom: 0;
}

.ui-accordian>ul>li>strong,.ui-accordian>ul>li>strong.ui-accordion-header {
 display: block; width: 100%; padding-left: 10px; padding-right: 30px; line-height: 56px; border-bottom: 1px solid #ccc !important;
 background: url("/images/ico/ico-mobile-menu.png") no-repeat right 14px center; background-size: 12px auto;
}

.ui-accordian>ul>li>strong button {
 display: block; width: 100%; font-size: 16px; line-height: 56px; text-align: left; cursor: pointer; text-overflow: ellipsis;
 white-space: nowrap;
}

.ui-accordian>ul>li>strong button:after {
 content: ""; display: block; height: 1px; clear: both;
}

.ui-accordian>ul>li>strong button em {
 display: inline-block; vertical-align: top; margin-right: 20px; color: #777;
}

.ui-accordian>ul>li>strong.ui-state-active {
 background-image: url("/images/ico/ico-mobile-menu-up.png");
}

.ui-accordian>ul>li>strong.ui-state-active button {
 color: #2e5803;
}

.ui-accordian>ul>li .a-cont {
 margin-top: 0; padding: 0 15px; background: #f3f3f3; border-bottom: 1px solid #ccc;
}

.ui-accordian>ul>li .a-cont dt {
 padding: 20px 10px; font-size: 16px; font-weight: 600;
}

.ui-accordian>ul>li .a-cont dd {
 padding: 20px 10px; font-size: 14px; font-weight: 600; border-top: 1px solid #ccc;
}

.ui-accordian>ul>li .a-cont dd strong {
 display: block; margin-bottom: 10px; font-weight: 600; background: none;
}

/* 리스트 검색영역 */
.list-header {
 margin-bottom: 10px; padding-left: 10px;
}

.list-header:after {
 content: ""; display: block; clear: both;
}

.list-header .total {
 float: left; margin-top: 7px; line-height: 24px;
}

.list-header h2.total {
 font-size: 20px;
}

.list-header .count {
 color: #518406;
}

.list-header .type {
 float: left; margin-top: 7px; margin-left: 10px;
}

.list-header .sort {
 float: right;
}

.list-header .sort select {
 height: 28px; font-size: 16px; border: 0; background-image: url("/images/ico/ico-snb-menu.png"); background-color: transparent;
}

.list-header .sort label {
 display: inline-block; vertical-align: top; width: 1px; height: 16px; margin-top: 6px; background: #dedede;
}

.list-panel .list-header {
 margin-top: 50px;
}

.list-panel .list-header h2,.list-panel .list-header h3 {
 margin-bottom: 10px;
}

/* 리스트 */
.section-list {
 border-top: 2px solid #191919;
}

.ui-accordian .no-data,.section-list .no-data {
 padding: 50px 0; text-align: center; border-bottom: 1px solid #ccc;
}

.section-list .bt.more {
 margin-top: 20px;
}

.section-list>ul>li {
 position: relative; z-index: 0; padding: 24px 20px 20px; border-bottom: 1px solid #ccc;
}

.section-list>ul>li:after {
 content: ""; display: block; height: 1px; clear: both;
}

.section-list>ul>li .l-cont a {
 color: #777; font-size: 16px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}

.section-list>ul>li .l-cont strong {
 display: block; margin-top: 9px; margin-bottom: 15px; color: #191919; font-size: 24px; line-height: 1.3em; overflow: hidden;
 text-overflow: ellipsis; white-space: nowrap;
}

.section-list>ul>li .l-info {
 /* position: relative; */
 margin-top: 14px; margin-right: -20px; margin-left: -9px; color: #777; font-size: 14px; font-weight: 600; line-height: 1.6em;
 letter-spacing: -0.5px;
}

.section-list>ul>li .l-info:after {
 content: ""; display: block; height: 1px; clear: both;
}

.section-list>ul>li .l-info:before {
 content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 20px; background: #fff;
}

.section-list>ul>li .l-info li {
 float: left; line-height: 1.8em;
}

.section-list>ul>li .l-info strong {
 position: relative; display: inline-block; vertical-align: top; margin: 0 3px 0 0; padding-left: 9px; font-weight: 400;
}

.section-list>ul>li .l-info li:first-child strong+.flag {
 padding-left: 9px;
}

.section-list>ul>li .l-info li strong:before {
 content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 1em; background: #dedede; transform: translateY(-50%);
}

.section-list>ul>li .l-info li:first-child strong:before {
 display: none;
}

.section-list>ul>li .l-info span {
 display: inline-block; vertical-align: top; margin: 0 10px 0 0;
}

.section-list>ul>li .l-info span.flag {
 color: #666;
}

.section-list>ul>li .l-info span.flag img {
 height: 16px;
}

.section-list>ul>li .l-info strong.date,.section-list>ul>li .l-info span.date {
 color: #191919;
}

.section-list>ul>li .l-info strong.count,.section-list>ul>li .l-info span.count {
 color: #518406; /* 접근성 명도 대비 수정 2022.03.18 #aec91c */
}

.section-list>ul>li .l-info .label.box {
 margin: 0 0 0 5px;
}

/* 리스트 하단 */
.list-footer {
 margin-top: 80px;
}

/* 리스트 썸네일 */
.section-list.thumb>ul>li {
 padding-left: 230px; min-height: 214px;
}

.section-list.thumb>ul>li .img {
 position: absolute; top: 0; left: 0; bottom: 0; z-index: 2; display: block; width: 226px; padding: 30px 20px; background: #fff;
}

.section-list.thumb>ul>li .img:after {
 content: ""; display: block; height: 1px; clear: both;
}

.section-list.thumb>ul>li .img img {
 width: 186px; height: 160px; object-fit: cover;
}

.section-list.thumb>ul>li .l-cont {
 min-height: 130px;
}

.section-list.thumb>ul>li .l-info:before {
 display: none;
}
/* Select */
.section-list.select>ul>li {
 padding-left: 50px;
}

.section-list.select .ui-radio {
 position: absolute; left: 10px; top: 50%; z-index: 2; transform: translateY(-50%);
}

/* 리스트 상세 */
.section-view {
 margin-bottom: 64px; border-top: 2px solid #191919;
}

.section-view .view-title {
 padding: 35px 10px; font-size: 24px; border-bottom: 1px solid #cbcbcb; background: #fff;
}

.section-view .view-header {
 border-bottom: 1px solid #cbcbcb; background: #f8f8f8;
}

.section-view .view-header>dl {
 padding: 15px 20px;
}

.section-view .view-header>.bt-area {
 padding: 0 20px 30px; text-align: left;
}

.section-view dl:after {
 content: ""; display: block; height: 1px; clear: both;
}

.section-view dl dt {
 float: left; position: relative; width: 96px; margin: 10px 0; font-size: 16px; font-weight: 600; line-height: 24px;
}

.section-view dl dd {
 float: left; width: calc(50% - 96px); margin: 11px 0; color: #777; font-size: 16px; line-height: 1.5em;
}

.section-view dl dd a {
 word-break: break-all;
}

.section-view dl dd.wide {
 width: calc(100% - 96px);
}

.section-view dl dd .list-hyphen li {
 color: #777;
}

.section-view dl.dl-line dt {
 width: 110px; padding-right: 27px;
}

.section-view dl.dl-line dt:before {
 content: ""; position: absolute; top: 0.45em; right: 27px; width: 1px; height: 1em; background: #dedede;
}

.section-view dl.dl-line dd {
 width: calc(50% - 110px);
}

.section-view dl.dl-line dd.wide {
 width: calc(100% - 110px);
}

.section-view dl.dl-line dd.wide small {
 display: block; margin-top: 10px; color: #666; font-size: 14px; font-weight: 600; line-height: 1.2em;
}

.section-view dl.dl-dot dt {
 width: 110px; padding-left: 15px;
}

.section-view dl.dl-dot dt:before {
 content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; background: #777; border-radius: 50%; transform: translateY(-50%);
}

.section-view dl.dl-dot dt em {
 display: inline-block; vertical-align: top; margin-left: 10px; color: #518406; font-weight: 400;
}

.section-view dl.dl-dot dd {
 width: calc(50% - 110px); padding-left: 15px;
}

.section-view dl.dl-dot dd.wide {
 width: calc(100% - 110px);
}

.section-view dl.dl-dot dd.wide img {
 max-width: 100%;
}

.section-view dl.dl-dot dt.wide {
 clear: left; width: 100%; margin: 10px 0 6px;
}

.section-view dl.dl-dot dt.wide+dd.wide {
 clear: left; width: 100%; margin: 6px 0 10px;
}

.section-view dl.dl-dot dd.wide .list-table {
 padding-right: 1px;
}

.section-view dl.dl-dot dd.wide .form-table {
 margin-bottom: 40px;
}

.section-view dl.dl-dot dt.hr {
 margin-top: 26px; padding-top: 40px; border-top: 1px dashed #dedede;
}

.section-view dl.dl-dot dt.hr:before {
 top: auto; bottom: 7px;
}

.section-view dl.dl-dot dd.hr {
 margin-bottom: 26px !important; padding-bottom: 40px; border-bottom: 1px dashed #dedede;
}

.section-view .view-body {
 padding: 56px 20px; background: #fff; border-bottom: 1px solid #ccc;
}

.section-view .view-body .video {
 margin: 40px 0; text-align: center;
}

.section-view .view-body .video iframe {
 width: 100%; height: 400px;
}

.section-view .view-body .img {
 margin: 0 -10px; text-align: center;
}

.section-view .view-body p+p.img {
 padding-top: 50px;
}

.section-view .view-body p.img+p {
 padding-top: 50px;
}

.section-view .view-body .img img {
 max-width: 100%;
}

.section-view .view-body dl.dl-file {
 margin: 56px -20px -56px; padding: 15px 10px; border-top: 1px solid #ccc;
}

.section-view .view-body dl.dl-file li:after {
 content: ""; display: block; height: 1px; clear: both;
}

.section-view .view-body dl.dl-file li+li {
 margin-top: 10px;
}

.section-view .view-body dl.dl-file li p {
 float: left; color: #191919;
}

.section-view .view-body dl.dl-file li small {
 padding-left: 10px; color: #777; font-size: 14px; font-weight: 600;
}

.section-view .view-body dl.dl-file li .bt.download {
 float: right;
}

.section-view .view-footer {
 margin-top: 64px; background: #fff; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;
}

.section-view .view-footer .indicator {
 line-height: 70px;
}

.section-view .view-footer .indicator:after {
 content: ""; display: block; height: 1px; clear: both;
}

.section-view .view-footer .indicator a {
 width: 32%; color: #777; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.section-view .view-footer .indicator .prev {
 position: relative; float: left; padding-left: 100px;
}

.section-view .view-footer .indicator .next {
 position: relative; float: right; padding-right: 100px; text-align: right;
}

.section-view .view-footer .indicator strong {
 position: absolute; width: 100px; height: 70px; font-weight: 400;
}

.section-view .view-footer .indicator strong:before {
 position: absolute; width: 100px; height: 70px;
}

.section-view .view-footer .indicator .prev strong {
 left: 0; padding-left: 40px; background: #fff url("/images/ico/ico-prev.png") no-repeat left 16px center;
}

.section-view .view-footer .indicator .next strong {
 right: 0; padding-right: 40px; background: #fff url("/images/ico/ico-next.png") no-repeat right 16px center;
}
/* 상세 썸네일 */
.section-view.thumb .view-header {
 position: relative; padding-left: 463px; min-height: 426px;
}

.section-view.thumb .view-header .img {
 position: absolute; top: 0; left: 0; bottom: 0; width: 463px; padding: 40px 23px; background: #fff;
}

.section-view.thumb .view-header .img img {
 width: 400px; height: 344px; object-fit: cover;
}
/* 상세 이력서 */
/* .section-view.thumb .view-header {
    position: relative;
    padding-left: 0;
    min-height: 200px;
}
.section-view.thumb .view-header .img {
    position: absolute;
    top: 147px;
    left: auto;
    right: 40px;
    bottom: auto;
    width: 170px;
    padding: 0;
    background: #fff;
}
.section-view.thumb .view-header .img img {
    width: 170px;
    height: 226px;
    object-fit: cover;
} */
/* 상세 비디오 */
.section-view.video .box-video {
 min-height: 560px; padding: 19px 24px; padding-right: 0; background: #fff;
}

.cont-body .section-view.video .box-video .ui-tabs {
 position: relative; padding-right: 370px;
}

.cont-body .section-view.video .box-video .ui-tabs>strong {
 position: absolute; top: 0; width: 344px; right: 0; display: block; padding-left: 20px; font-size: 16px; line-height: 58px;
 border: 1px solid #ccc;
}

.cont-body .section-view.video .box-video .ui-tabs>ul {
 position: absolute; top: 60px; bottom: 0; right: 0; width: 344px; margin-bottom: 0px; overflow-x: hidden; overflow-y: auto; background: #f8f8f8;
 border: 1px solid #ccc; border-top: 0;
}

.cont-body .section-view.video .box-video .ui-tabs>ul>li {
 float: none; display: block; width: 100%; margin: 0; padding: 14px 0px 14px 20px; border-bottom: 1px solid #fff;
}

.cont-body .section-view.video .box-video .ui-tabs>ul>li:before,.cont-body .section-view.video .box-video .ui-tabs>ul>li:after {
 display: none;
}

.cont-body .section-view.video .box-video .ui-tabs>ul a {
 position: relative; display: block; overflow: hidden; width: 100%; padding: 0;
}

.cont-body .section-view.video .box-video .ui-tabs>ul a strong {
 float: right; width: calc(100% - 180px); padding-top: 15px; padding-right: 10px; color: #191919; font-size: 16px; line-height: 1.5em;
 font-weight: 400; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}

.cont-body .section-view.video .box-video .ui-tabs>ul>li:hover a strong,.cont-body .section-view.video .box-video .ui-tabs>ul>li:focus a strong,.cont-body .section-view.video .box-video .ui-tabs>ul>li.active a strong,.cont-body .section-view.video .box-video .ui-tabs>ul>li.current a strong
 {
 font-weight: 600;
}

.cont-body .section-view.video .box-video .ui-tabs>ul a .img {
 position: relative; float: left; width: 160px; height: 120px;
}

.cont-body .section-view.video .box-video .ui-tabs>ul a .img img {
 width: 100%; height: 100%; object-fit: cover;
}

.cont-body .section-view.video .box-video .ui-tabs>ul a .number {
 position: absolute; top: 0; right: 0; bottom: 0; width: 30%; padding-top: 19%;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 color: #fff; font-size: 24px; font-weight: 600; line-height: 24px; text-align: center;
 background: #000 url("/images/ico/ico-video-play.png") no-repeat center top 70%;
}

.cont-body .section-view.video .box-video .ui-tabs>ul a .time {
 position: absolute; left: 10px; bottom: 10px; width: 56px;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 color: #fff; font-size: 14px; font-weight: 600; line-height: 24px; text-align: center; background: #000;
}

.cont-body .section-view.video .box-video .ui-tabs>div video {
 width: 100%;
}

.cont-body .section-view.video .box-video .ui-tabs>div video[poster] {
 width: 100%;
}

.cont-body .section-view.video .box-video .ui-tabs>div>div {
 padding: 20px 22px 0;
}

.cont-body .section-view.video .box-video .ui-tabs>div strong {
 display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.cont-body .section-view.video .box-video .ui-tabs>div div>div textarea {
 height: 300px; max-height: 300px; padding: 20px;
 font-family: "NotoSansKR", "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, AppleGothic, Dotum, "돋움", Verdana, Arial, sans-serif; color: #777;
 font-size: 16px;
}

/* 상세검색 */

/* 등록 */
.form-table {
 position: relative; margin-bottom: 80px; border-top: 2px solid #191919;
}

.form-table th {
 position: relative; height: 77px; padding: 10px; padding-left: 20px; color: #191919; font-size: 16px; font-weight: 600; line-height: 1.3em;
 text-align: left; border-bottom: 1px solid #ccc;
}

.form-table th:before {
 content: ""; position: absolute;
 /* top: 50%; */ left: 0; width: 1px; height: 1em; background: #191919;
 /* transform: translateY(-50%); */
}

.form-table th:first-child:before,.form-table [rowspan]:first-child+th:before {
 display: none;
}

.form-table th.asterisk>*:after {
 content: "*"; display: inline-block; vertical-align: top; margin-left: 5px; color: #ed1651;
}

.form-table td {
 height: 77px; padding: 10px; color: #191919; border-bottom: 1px solid #ccc;
}

.form-table td textarea {
 height: 100%;
}

.form-table td textarea+.count {
 color: #555; font-size: 16px;
}

.form-table td label.blind:first-child+*:last-child {
 margin-left: 0px;
}

.form-table td>* {
 margin-right: 13px;
}

.form-table td>*:last-child {
 margin-right: 0;
}

.form-table td>*:last-child {
 margin-right: 0;
}

.form-table [rowspan]:first-child {
 border-right: 1px solid #ccc;
}

.form-table td>input[type="text"]:only-child,.form-table td>input[type="search"]:only-child {
 width: 100%; max-width: 750px;
}

.form-table td input[type="password"] {
 width: 370px;
}

.form-table td .ui-checkbox,.form-table td .ui-radio {
 margin-top: 12px; margin-bottom: 13px;
}

.form-table td .ui-email {
 text-align: left;
}

.form-table td .tit-dot {
 margin-bottom: 10px;
}

.form-table td .tit-dot ~ .tit-dot {
 margin-top: 30px;
}

.form-table .t-box th,.form-table .t-box td {
 background: #f3f3f3; border-bottom: 2px solid #191919;
}

.form-table .t-box td>*:only-child {
 width: 100%; background-color: #fff;
}

.form-table table+.bt-area {
 margin-top: 20px;
}

.form-table table+table {
 margin-top: 10px;
}

.form-table thead th {
 padding: 0; text-align: center;
}

.form-table thead+tbody td {
 padding: 0; text-align: center;
}

.form-table thead+tbody td:first-child .ui-radio label {
 padding-left: 24px; padding-right: 0;
}

.form-editor {
 min-height: 300px; border: 1px solid #ccc;
}

.drop-zone {
 display: table; min-height: 120px; border: 1px dashed #518406; outline-offset: 0px; transition: all 15e ease-in-out; width: 100%;
 background-color: white; margin-bottom: 20px; position: relative; z-index: 0; background: #fff;
}

.drop-zone>div {
 display: table-cell; vertical-align: middle;
}

.drop-zone>div>strong {
 position: absolute; top: 50%; left: 50%; color: #777; font-size: 16px; font-weight: 400; text-align: center;
 transform: translateX(-50%) translateY(-50%); white-space: nowrap;
}

.drop-zone>div>strong span {
 display: inline-block; vertical-align: top;
}

.drop-zone ul.list-dot {
 position: relative; margin-top: 10px; background: #fff;
}

.drop-zone ul.list-dot li {
 margin: 3px 20px; font-size: 16px; font-weight: 400;
}

.drop-zone ul.list-dot li strong {
 font-weight: 400;
}

.drop-zone ul.list-dot li a {
 display: inline-block; vertical-align: top; margin-left: 10px; padding-right: 0; color: #777;
}

.drop-zone.img {
 text-align: center;
}

.drop-zone.img strong span {
 display: block;
}

.drop-zone.img+.file-input {
 display: block;
}

.drop-zone.img+.file-input input,.drop-zone.img+.file-input .bt {
 width: 100%;
}

.drop-zone .img {
 position: relative; z-index: 0; padding-bottom: 10px; line-height: 30px; background: #fff;
}

.drop-zone .img p {
 margin: 20px 0 10px;
}

.file-input {
 position: relative;
}

span.file-input {
 display: inline-block; vertical-align: top; white-space: nowrap;
}

.file-input input[type="text"]:nth-last-child(2) {
 width: calc(100% - 175px) !important; max-width: calc(750px - 175px);
}

.file-input input[type="text"]:nth-last-child(3) {
 width: calc(100% - 460px);
}

.file-input select ~ input[type="text"]:nth-last-child(2) {
 width: calc(100% - 350px) !important; max-width: calc(750px - 350px); margin-left: 10px; margin-right: 10px;
}

.file-input input[type="text"] ~ .bt {
 margin-left: 10px; padding: 0;
}

.file-input input[type="file"] {
 position: absolute; top: 0; right: 0; width: 90px; height: 100%; z-index: 1; opacity: 0; cursor: pointer;
}
.form-table .file-input input[type="file"]{width:100%; z-index:-1; opacity:1;}

.form-table td .form-input {
 display: inline-block; vertical-align: top;
}

.form-table td .form-input input[type="text"],.form-table td .form-input input[type="password"],.form-table td .form-input input[type="search"]
 {
 
}

.form-table td .form-input select {
 width: calc(100% - 100px); min-width: 160px;
}

.form-table td .form-input input[type="text"] {
 text-align: right;
}

/* Layer */
body.fixed {
 width: 100%; height: 100%; overflow: hidden;
}

body.dim:before {
 display: block; content: ""; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 4; background: rgba(0, 0, 0, 0.7);
}

body.back:before {
 z-index: 2;
}

/* Header */
.wrap-header {
 position: absolute; top: 0; left: 0; z-index: 3; width: 100%; width: 100%; background-color: #fff;
 background-image: url("/images/layout/bg-header-line.png"); background-repeat: repeat-x; background-position: 0 99px;
}
/* .wrap-header:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #fff;
} */
.wrap-header .inner {
 width: 100%; max-width: 1654px; margin: 0 auto;
}

.wrap-header>.inner:after {
 content: ""; display: block; width: 100%; clear: both;
}

.wrap-header .h-logo {
 float: left; padding: 27px; padding-left: 23px;
}

.wrap-header .h-user {
 display: table; position: relative; float: right; height: 98px; padding: 0 120px 0 0;
}

.wrap-header .h-user .u-cell {
 display: table-cell; vertical-align: middle; text-align: right;
}

.wrap-header .h-user .u-cell>ul {
 display: inline-block; vertical-align: top;
}

.wrap-header .h-user .u-cell>ul li {
 display: inline-block; vertical-align: top;
}

.wrap-header .h-user .u-cell>ul li a {
 display: block; padding: 0 5px; color: #666; font-size: 14px; font-weight: 600; line-height: 42px;
}

.wrap-header .h-user .u-cell>div {
 
}

.wrap-header .h-user .u-cell>div .bt {
 margin-left: 5px;
}

.wrap-header .ico.menu {
 position: absolute; right: 0px; top: 27px;
}

.wrap-header .ico.search {
 position: absolute; right: 50px; top: 27px;
}

.wrap-header .h-search {
 display: none; position: absolute; left: 0; top: 97px; z-index: 2; width: 100%; border-top: 1px solid #22211d; background-color: #fff;
}

.wrap-header .ui-tabs {
 width: 820px; margin: 136px auto 100px; border: 0; background: none; border-radius: 0; background-color: #fff;
}

.wrap-header .ui-tabs>ul {
 margin-bottom: 113px;
}

.wrap-header .ui-tabs>ul>li {
 margin: 0 26px;
}

.wrap-header .ui-tabs>ul>li:first-child {
 margin-left: 0;
}

.wrap-header .ui-tabs>ul>li:before {
 content: ""; position: absolute; top: 50%; left: -26px; height: 24px;
}

.wrap-header .ui-tabs>ul>li a {
 padding: 0 4px; font-size: 32px; line-height: 1.187em;
}

.wrap-header .h-search .s-close {
 position: absolute; top: 58px; left: 50%; margin-left: 764px;
}

.wrap-header .search-form input[type="search"] {
 border: 0; width: 100%; height: 72px; padding: 0 80px 0 22px; font-size: 24px; border-bottom: 4px solid #518406; background: #fff;
}

.wrap-header .search-form input::placeholder {
 color: #518406; font-size: 24px; font-weight: 300;
}

.wrap-header .h-menu {
 float: left; padding-left: 27.5%;
}

.wrap-header .h-menu .ico.close {
 position: absolute;
}

.wrap-header .h-menu .depth1>li {
 float: left; width: 162px; text-align: center;
}

.wrap-header .h-menu .depth1>li>strong,.wrap-header .h-menu .depth1>li>a {
 display: inline-block; padding: 0 12px; font-size: 18px; font-weight: 400; line-height: 5.22em; border-bottom: 4px solid transparent;
 cursor: pointer;
}

.wrap-header .h-menu .depth1>li:hover>a,.wrap-header .h-menu .depth1>li:focus>a,.wrap-header .h-menu .depth1>li>a:hover,.wrap-header .h-menu .depth1>li>a:focus,.wrap-header .h-menu .depth1>li.current>a
 {
 color: #518406; font-weight: bold; border-color: #518406;
}

.wrap-header .h-menu .depth2 {
 min-height: 236px; margin: 2px 0; padding: 10px 0 10px 20px; text-align: left; border-right: 1px solid #ccc;
}

.wrap-header .h-menu .depth1>li:first-child .depth2 {
 border-left: 1px solid #ccc;
}

.wrap-header .h-menu .depth1>li:hover .depth2,.wrap-header .h-menu .depth1>li:focus .depth2,.wrap-header .h-menu .depth1>li>a:hover+.depth2,.wrap-header .h-menu .depth1>li>a:focus+.depth2,.wrap-header .h-menu .depth1>li .depth2.current
 {
 background: #fafef3;
}

.wrap-header .h-menu .depth2>li>a {
 color: #777; font-size: 14px; font-weight: 400; font-weight: 600; line-height: 2.285em; border-bottom: 1px solid transparent;
}

.wrap-header .h-menu .depth2>li>a:hover,.wrap-header .h-menu .depth2>li>a:focus,.wrap-header .h-menu .depth2>li.current>a {
 color: #518406; font-weight: bold; border-color: #518406;
}

.wrap-header .h-menu .depth2,.wrap-header .h-menu .menu-header,.wrap-header .h-menu .depth1.user,.wrap-header .h-menu .depth3 {
 display: none;
}

.wrap-header .h-menu.js-hover-visible .depth2 {
 display: block;
}
/* 전체메뉴 */
.wrap-header .h-sitemap {
 display: none; position: fixed; top: 0; left: 0; bottom: 0; z-index: 3; overflow-y: auto; width: 100%;
}

.wrap-header .h-sitemap .menu-header {
 height: 247px; padding: 87px 20px 50px; background: #2e5803;
}

.wrap-header .h-sitemap .menu-header h1 {
 margin-bottom: 17px; color: #fff; font-size: 48px; font-weight: 300;
}

.wrap-header .h-sitemap .menu-header h1 strong {
 font-weight: 600;
}

.wrap-header .h-sitemap .menu-header p {
 color: #fff; font-size: 1.125em; font-weight: 300;
}

.wrap-header .h-sitemap .menu-header p strong {
 font-weight: 600;
}

.wrap-header .h-sitemap .inner {
 max-width: 1400px;
}

.wrap-header .h-sitemap .inner:before {
 display: none;
}

.wrap-header .h-sitemap .menu-body {
 background: #fff; padding-bottom: 55px;
}

.wrap-header .h-sitemap .depth1:after {
 content: ""; display: block; height: 1px; clear: both;
}

.wrap-header .h-sitemap .depth1>li {
 float: left; width: 320px; margin: 20px 12px 0; text-align: left;
}

.wrap-header .h-sitemap .depth1>li>h2,.wrap-header .h-sitemap .depth1>li>a {
 display: block; color: #191919; font-size: 32px; font-weight: 600; line-height: 2.75em; border-bottom: 1px solid #ccc;
}

.wrap-header .h-sitemap .depth2 {
 min-height: 236px; padding: 23px 0; text-align: left;
}

.wrap-header .h-sitemap .depth2 li a:hover,.wrap-header .h-sitemap .depth2 li a:focus,.wrap-header .h-sitemap .depth2 li.current a {
 color: #518406; font-weight: bold; border-color: #518406;
}

.wrap-header .h-sitemap .depth2>li {
 position: relative; margin-bottom: 10px; padding-left: 16px;
}

.wrap-header .h-sitemap .depth2>li::before {
 content: ""; position: absolute; left: 0; top: 13px; width: 6px; height: 6px; border-radius: 50%; background: #518406;
}

.wrap-header .h-sitemap .depth2>li>button,.wrap-header .h-sitemap .depth2>li>a,.wrap-header .h-sitemap .depth2>li>strong {
 font-size: 18px; font-weight: 600; line-height: 1.777em; border-bottom: 1px solid transparent;
}

.wrap-header .h-sitemap .depth3 {
 margin: 5px 0;
}

.wrap-header .h-sitemap .depth3>li>a {
 color: #777; font-size: 16px; font-weight: 400; line-height: 2em; border-bottom: 1px solid transparent;
}

.wrap-header .h-sitemap .m-close {
 position: absolute; top: 31px; right: 132px;
}
/* Footer */
.wrap-footer {
 border-top: 1px solid #ccc; background: #fff;
}

.wrap-footer .inner {
 position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 36px 28px 32px 237px;
}

.wrap-footer .f-family-slide {
 height: 88px; border-bottom: 1px solid #ccc;
}

.wrap-footer .f-family-slide .inner {
 position: relative; width: 1440px; height: 100%; margin: 0 auto; padding: 25px 20px;
}

.wrap-footer .f-family-slide .slick-prev {
 overflow: hidden; position: absolute; top: 50%; left: -40px; width: 21px; height: 25px; text-indent: -999px;
 background: url("../../images/sprite.png") no-repeat -421px -28px; transform: translateY(-50%);
}

.wrap-footer .f-family-slide .slick-prev:after {
 display: none;
}

.wrap-footer .f-family-slide .slick-next {
 overflow: hidden; position: absolute; top: 50%; right: -40px; width: 21px; height: 25px; text-indent: -999px;
 background: url("../../images/sprite.png") no-repeat -441px -28px; transform: translateY(-50%);
}

.wrap-footer .f-family-slide .slick-next:after {
 display: none;
}

.wrap-footer .f-family-slide .slick-slider a {
 display: block; padding: 0 22px;
}

.wrap-footer .bx-wrapper .bx-controls-direction a {
 
}

.wrap-footer .f-link {
 margin-bottom: 32px;
}

.wrap-footer .f-link ul li {
 position: relative; display: inline-block; vertical-align: top;
}

.wrap-footer .f-link ul li:before {
 content: ""; position: absolute; right: 12px; top: 50%; height: 14px; transform: translateY(-50%); border-right: 1px solid #333;
}

.wrap-footer .f-link ul li a {
 display: block; margin-right: 29px; color: #333; font-size: 14px; font-weight: 600; line-height: 1.57em;
}

.wrap-footer .f-link ul li:last-child:before {
 display: none;
}

.wrap-footer .f-link ul li:last-child a {
 margin-right: 0;
}

.wrap-footer .f-company {
 margin-bottom: 20px; color: #777; font-size: 14px; font-weight: 600; line-height: 1.57em;
}

.wrap-footer .f-company address {
 display: inline-block; vertical-align: top; margin-right: 17px;
}

.wrap-footer .f-company strong {
 font-weight: 400;
}

.wrap-footer .f-company strong {
 font-weight: 400;
}

.wrap-footer .f-logo {
 position: absolute; top: 68px; left: 40px;
}

.wrap-footer .f-logo2 {
 position: absolute; top: 95px; right: 0;
}

.wrap-footer .f-mark a {
 margin-right: 10px;
}

.wrap-footer .f-sns {
 /* position: absolute; bottom: 36px; right: 463px; */
 position: absolute; bottom: 36px; right: 560px;
}

.wrap-footer .f-sns a {
 margin-left: 5px;
}

.wrap-footer .f-family-link {
 /*position: absolute; bottom: 33px; right: 240px; height: 33px; color: #777; font-size: 14px; font-weight: 600; background-color: #fff; border: 1px solid #ccc;*/
 position: absolute; bottom: 33px; right: 330px; height: 33px; color: #777; font-size: 14px; font-weight: 600; background-color: #fff; border: 1px solid #ccc;
}

/* Back To Top */
.back-to-top {
 display: none; position: fixed; right: 10px; bottom: 50px; z-index: 3; width: 101px; height: 101px;
 background: url("/images/layout/bt-back-to-top.png") no-repeat center; background-size: cover;
}

/* Layer Popup */
.layer-popup {
 display: none; position: fixed; top: 50%; left: 50%; z-index: 9; background: #fff; transform: translateX(-50%) translateY(-50%);
}

.layer-popup.visibility {
 visibility: hidden;
}

.layer-popup .l-close {
 position: absolute; top: 36px; right: 32px;
}

.layer-popup .layer-header {
 padding: 0 40px;
}

.layer-popup .layer-header h1 {
 color: #2b2b2b; font-size: 24px; line-height: 112px;
}

.layer-popup .layer-body {
 padding: 40px; min-height: 300px; max-height: 500px; overflow-y: auto;
}

.layer-popup .layer-body:nth-last-child(2) {
 max-height: 600px;
}

.layer-popup .layer-footer {
 padding: 40px; text-align: center;
}

.layer-popup .layer-footer .bt {
 margin: 0 10px;
}

.layer-popup .layer-footer .ui-checkbox {
 position: absolute; right: 30px; bottom: 42px;
}

.layer-popup[data-tooltip-con="helpTRL"] .list-table tr th {
 font-weight: 400;
}
/* 상세 썸네일 */
.layer-popup[data-tooltip-con="selectExtail"] .section-view.thumb {
 margin: 0px;
}

.layer-popup[data-tooltip-con="selectExtail"] .section-view.thumb .view-header {
 padding-left: 196px; min-height: 231px;
}

.layer-popup[data-tooltip-con="selectExtail"]
	.section-view.thumb
	.view-header
	.img {
 width: 170px; height: 100%; text-align: center; display: table;
}

.layer-popup[data-tooltip-con="selectExtail"]
	.section-view.thumb
	.view-header
	.img
	img {
 width: 150px; height: 150px; vertical-align: middle; display: table-cell;
}

.layer-popup[data-tooltip-con="selectExtail"] .section-view.thumb .view-body {
 border-bottom: 0;
}

.layer-popup.dialog {
 max-width: 90%; min-height: 240px;
}

.layer-popup.dialog .layer-body {
 padding: 60px 80px 0; font-size: 16px;
}

.layer-popup.dialog .layer-body em {
 color: #ed1651;
}

.layer-popup .form-table {
 margin-bottom: 0;
}

.layer-popup .layer-body h2 {
 margin-top: 50px; margin-bottom: 10px; font-size: 18px;
}

.layer-popup .layer-body h2:first-child {
 margin-top: 0;
}

/* 상세검색 */
.section-form {
 position: relative; width: calc(100% + 20px); margin-left: -20px;
}

.section-form:before {
 content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 1px; background: #fff;
}

.section-form dl:after {
 content: ""; display: block; height: 1px; clear: both;
}

.section-form dt {
 display: table; position: relative; float: left; width: 110px; height: 77px; padding: 10px 0; padding-left: 20px; font-size: 16px;
 font-weight: 600; line-height: 1.3em;
}

.section-form dt>* {
 display: table-cell; vertical-align: middle;
}

.section-form dt:before {
 content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 1em; background: #191919; transform: translateY(-50%);
}

.section-form dt.asterisk>*:after {
 content: "*"; display: inline-block; vertical-align: top; margin-left: 5px; color: #ed1651;
}

.section-form dt.rowspan1 {
 height: 110px;
}

.section-form dt.rowspan2 {
 height: 143px;
}

.section-form dt.rowspan3 {
 height: 219px;
}

.section-form dt[class*="rowspan"] {
 padding-top: 25px;
}

.section-form dt[class*="rowspan"]>* {
 vertical-align: top;
}

.section-form dd {
 display: table; float: left; width: calc(50% - 110px); height: 77px; padding: 10px 20px 10px 0;
}

.section-form dd .d-cell {
 display: table-cell; vertical-align: middle;
}

.section-form dd select {
 width: calc(50% - 9px); height: 56px; font-size: 16px; border: 0; background-color: #f3f3f3;
}

.section-form dd textarea {
 height: 100%;
}

.section-form dd textarea+.count {
 color: #555; font-size: 16px;
}

.section-form dd label.blind:first-child+*:last-child {
 margin-left: 0px;
}

.section-form dd .d-cell>* {
 margin-right: 13px;
}

.section-form dd .d-cell>*:last-child {
 margin-right: 0;
}

.section-form dd .d-cell>*:last-child {
 margin-right: 0;
}

.section-form dd hr {
 display: block; height: 10px;
}

.section-form dd input[type="text"],.section-form dd input[type="search"] {
 width: calc(50% - 8px);
}

.section-form dd>.d-cell>input[type="text"]:only-child,.section-form dd>.d-cell>input[type="search"]:only-child {
 width: 100%;
}

.section-form dd.wide {
 width: calc(100% - 110px); margin-right: 0;
}

.section-form dd.wide select {
 width: calc(25% - 20px);
}

.section-form dd.wide input[type="search"] {
 width: 75%;
}

.section-form dt.rowspan1+dd {
 height: 110px;
}

.section-form dt.rowspan2+dd {
 height: 143px;
}

.section-form dt.rowspan3+dd {
 height: 219px;
}

.section-form dd .ui-checkbox,.section-form dd .ui-radio {
 margin-top: 12px; margin-bottom: 13px;
}

.section-form dd .ui-date select {
 width: 180px;
}

.section-form dd .ui-date input[type="text"] {
 width: 53%; max-width: 154px;
}

.section-form dd .ui-date .ui-datepicker-trigger {
 margin-left: -30px;
}

.section-form dd .ui-date span {
 margin-left: 12px;
}

/* Contents */
.wrap-contents {
 overflow: hidden; width: 100%; min-height: calc(100vh - 400px); padding-top: 97px;
}

.wrap-contents>.inner {
 width: 1400px; margin: 0 auto; padding: 105px 0;
}

.wrap-contents>.inner:after {
 content: ""; display: block; clear: both;
}

/* Left Menu */
.wrap-contents .c-menu {
 float: left; width: 240px; margin-right: 80px;
}

.wrap-contents .c-menu .depth1>h2 {
 display: block; padding-left: 20px; padding-bottom: 40px; font-size: 24px; font-weight: 600; border-bottom: 4px solid #000;
}

.wrap-contents .c-menu .depth2>li>button,.wrap-contents .c-menu .depth2>li>a {
 display: block; width: 100%; padding-left: 10px; font-size: 18px; line-height: 56px; text-align: left; border-bottom: 1px solid #cbcbcb;
 background: url("/images/ico/ico-snb-menu.png") no-repeat right 14px center; background-size: 12px auto; cursor: pointer;
}

.wrap-contents .c-menu .depth2>li.active>a,.wrap-contents .c-menu .depth2>li.current>a,.wrap-contents .c-menu .depth2>li.active>button,.wrap-contents .c-menu .depth2>li.current>button
 {
 font-weight: 600;
}

.wrap-contents .c-menu .depth2>li>button.active,.wrap-contents .c-menu .depth2>li>button.ui-state-active,.wrap-contents .c-menu .depth2>li.active>a,.wrap-contents .c-menu .depth2>li.active>button
 {
 background-image: url("/images/ico/ico-snb-menu-up.png");
}

.wrap-contents .c-menu .depth2>li>button:only-child,.wrap-contents .c-menu .depth2>li>a:only-child {
 background: none !important;
}

.wrap-contents .c-menu .depth3 {
 display: none; padding: 15px 0; background: #f3f3f3; border-bottom: 1px solid #cbcbcb;
}

.wrap-contents .c-menu .active .depth3 {
 display: block;
}

.wrap-contents .c-menu .depth3>li>a {
 display: block; padding-left: 20px; color: #777; font-size: 16px; line-height: 35px;
}

.wrap-contents .c-menu .depth3>li.active>a,.wrap-contents .c-menu .depth3>li.current>a {
 font-weight: 600;
}

/* Contants */
.wrap-contents .c-contents {
 float: left; width: 1080px;
}

.wrap-contents .c-contents.wide {
 float: none; width: 100%;
}

.wrap-contents .c-contents .cont-header {
 position: relative; margin-bottom: 60px;
}

.wrap-contents .c-contents .cont-header h1 {
 display: inline-block; vertical-align: top; font-size: 40px; line-height: 1.1em;
}

.wrap-contents .c-contents .cont-header h1 span {
 display: inline-block; vertical-align: top; margin-right: 10px;
}
/* .wrap-contents .c-contents .cont-body .img-full img {
    display: inline;
} */
.wrap-contents .c-contents .cont-body.user {
 width: 1080px; margin: 0 auto;
}

.wrap-contents .c-contents .cont-footer {
 margin-top: 100px;
}

.wrap-contents .c-contents .title-sub {
 margin-bottom: 20px; font-size: 20px;
}

.wrap-contents .c-contents .title-num {
 margin-bottom: 15px; font-size: 18px; line-height: 24px;
}

.wrap-contents .c-contents .title-num em {
 display: inline-block; vertical-align: top; width: 24px; height: 24px; margin-right: 10px; color: #518406; font-size: 16px; line-height: 20px;
 text-align: center; border: 1px solid #518406; border-radius: 2px;
}

.wrap-contents .c-contents .title-sub+.tit-info {
 padding-top: 10px; margin-bottom: 30px; font-size: 16px;
}

/* 공유 */
.box-share {
 position: relative; display: inline-block; vertical-align: top; min-width: 200px; margin-top: 5px; margin-left: 15px;
}

.box-share>button,.box-share>.ui-checkbox {
 width: 33px; height: 33px; margin-right: 5px; border: 1px solid #ccc;
}

.box-share .b-sns {
 display: none; position: absolute; top: 52px; padding: 12px 9px 12px 12px; border: 1px solid #ccc; background: #fff;
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}

.box-share .b-sns:after,.box-share .b-sns:before {
 content: ""; position: absolute; top: -22px; left: 6px; width: 0px; height: 0px; border: solid transparent; pointer-events: none;
}

.box-share .b-sns:after {
 border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 9px; margin-top: 4px; margin-left: 2px;
}

.box-share .b-sns:before {
 border-color: rgba(194, 225, 245, 0); border-bottom-color: #dedede; border-width: 11px;
}

.box-share .b-sns div button {
 margin-right: 4px;
}

.box-share .s-share-close {
 position: absolute; top: -53px; left: 0; width: 33px; height: 33px;
}

.box-share .ui-checkbox [type="checkbox"]:not (:checked ),.box-share .ui-checkbox [type="checkbox"]:checked {
 width: 30px; height: 30px;
}
/* 상단 인포 */
.box-info {
 position: relative; margin-bottom: 40px; padding: 30px; border: 16px solid #f3f3f3;
}

.box-info strong {
 display: block; margin-bottom: 10px; font-size: 24px;
}

.box-info>p {
 margin-bottom: 20px; font-size: 18px; font-weight: 600;
}

.box-info .list-dot li:before {
 background-color: #518406;
}

.box-info .list-dot li p {
 margin-top: 5px; color: #777;
}

.box-info .bt-area {
 position: absolute; right: 30px; bottom: 30px;
}

.box-info2 {
 position: relative; margin-bottom: 40px; padding: 30px; border: 1px solid #ccc;
}

.box-info2.mileage>div {
 min-height: 160px; padding-top: 15px; padding-left: 270px; background: url("/images/ico/ico-mileage.png") no-repeat left 38px center;
}

.box-info2.mileage .img {
 padding: 30px 0;
}

.box-info2.mileage .img img {
 width: 100%; max-width: 800px;
}
/* 댓글 */
.box-reply {
 margin-bottom: 96px;
}

.box-reply h4 {
 margin-bottom: 22px; font-size: 18px; line-height: 2.5em; border-bottom: 1px solid #cbcbcb;
}

.box-reply h4 em {
 color: #518406;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
}

.box-reply .form-reply {
 position: relative; padding: 14px 170px 10px 20px; height: 112px; border: 1px solid #cbcbcb; background: #fff;
}

.box-reply .form-reply textarea {
 height: 54px; padding: 13px 0; border: 0; border-bottom: 1px solid #cbcbcb;
}

.box-reply .form-reply .count {
 color: #555; font-size: 16px;
}

.box-reply .form-reply .bt.primary {
 position: absolute; top: -1px; right: 0; min-width: 97px; line-height: 110px; border-radius: 0;
}

.box-reply .reply-body .sort {
 overflow: hidden; /* 20220329 전상현 추가 */ padding: 20px 0 14px; border-bottom: 1px solid #cbcbcb;
}

.box-reply .reply-body .sort:after {
 content: ""; display: block; height: 1px; clear: both;
}
/* 20220329 전상현 추가 */
.box-reply .reply-body .sort .ui-radio [type="radio"]:not (:checked ),.box-reply .reply-body .sort .ui-radio [type="radio"]:checked {
 position: absolute; opacity: 0; pointer-events: none;
}
/* 20220329 전상현 추가 */
.box-reply .list-reply>li {
 position: relative; border-bottom: 1px solid #ccc;
}

.box-reply .list-reply .name {
 display: inline-block; vertical-align: top; margin-right: 8px; font-size: 16px; font-weight: 600;
}

.box-reply .list-reply .date {
 position: relative; display: inline-block !important; vertical-align: top; margin-right: 8px; padding-left: 12px; color: #666; font-size: 16px;
}

.box-reply .list-reply .date:before {
 content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 1em; background: #dedede; transform: translateY(-50%);
}

.box-reply .list-reply .time {
 display: inline-block; vertical-align: top; color: #666; font-size: 16px;
}

.box-reply .list-reply .cont {
 margin-top: 10px; font-size: 16px;
}

.box-reply .list-reply .ico.trash {
 position: absolute; top: 8px; right: 16px;
}

.box-reply .r-cont {
 padding: 10px 64px 20px 22px;
}

.box-reply .r-reply>div {
 padding: 20px; background-color: #f3f3f3; border-top: 1px solid #ccc;
}

.box-reply .r-reply>div>ul {
 margin-top: 20px;
}

.box-reply .r-reply li {
 position: relative; padding: 16px 64px 32px 22px; border-top: 1px solid #ccc;
}

.box-reply .r-reply li:first-child {
 border-top: 0;
}

.box-reply .r-reply>strong {
 display: block;
}

.box-reply .r-reply>strong button {
 padding: 0 20px 10px; color: #777; font-size: 16px; font-weight: 400; line-height: 20px;
}

.box-reply .r-reply>strong em {
 display: inline-block; vertical-align: top; margin-left: 5px; color: #518406;
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 font-size: 16px; line-height: 24px; font-weight: 600;
}

.box-reply .no-data {
 padding: 16px 0 8px;
}
/* 추천콘텐츠 */
.box-recommend {
 margin-bottom: 20px;
}

.box-recommend h4 {
 margin-bottom: 20px; font-size: 18px; line-height: 2.5em;
}

.box-recommend .section-list {
 margin-bottom: 20px; margin-left: -10px; margin-right: -10px; border-top: 0;
}

.box-recommend .section-list.thumb>ul>li .l-cont strong {
 min-height: 0 !important; font-size: 16px; display: block; text-overflow: ellipsis; white-space: nowrap;
}

.box-recommend .section-list.thumb>ul>li .l-cont .label.text {
 font-size: 14px; font-weight: 600;
}

.box-recommend .section-list.thumb>ul>li .l-info strong.date,.box-recommend .section-list.thumb>ul>li .l-info span.date {
 color: #777;
}
/* 만족도 설문 */
.box-cs-star {
 margin-bottom: 20px; padding: 20px 0 20px 30px; border: 1px solid #ccc;
}

.box-cs-star strong {
 display: block; margin-bottom: 15px;
}

.box-cs-star .ui-radio {
 margin-left: 0;
}

.box-cs-star .ui-radio [type="radio"]:not (:checked ) +label,.box-cs-star .ui-radio [type="radio"]:checked+label {
 padding-right: 15px;
}

.box-cs-star .ui-radio .ico {
 margin-left: 5px;
}
/* 저작권 */
.box-copyright {
 padding: 40px 0 40px 290px; border: 1px solid #ccc; background: url("/images/layout/img-copyright.png") no-repeat left 32px center;
}

.box-copyright p {
 font-size: 16px;
}
/*  */
.box-cont {
 padding-bottom: 40px; padding: 0 10px;
}

.box-cont .b-tit {
 margin-bottom: 20px; font-size: 20px;
}

.box-cont .b-cont {
 margin-bottom: 40px; font-size: 16px;
}

.box-cont .b-cont .list-dot {
 padding-bottom: 20px;
}

.box-cont .b-cont .list-dot li strong {
 margin-right: 30px;
}

.box-cont .b-cont .list-dot li a {
 display: inline-block; vertical-align: top; margin-left: 5px;
}

.box-cont .list-table thead+tbody td a {
 display: block; text-align: left;
}

.box-center {
 display: table; width: 100%; padding: 65px 0; text-align: center;
}

.box-center .b-cell {
 display: table-cell; vertical-align: middle;
}

.box-center.error .ico {
 margin-bottom: 34px;
}

.box-center.error h1 {
 margin-bottom: 30px; font-size: 48px;
}

.box-center.error p {
 font-size: 18px; font-weight: 600;
}

.box-center.error dl {
 display: inline-block; vertical-align: top; margin-top: 30px;
}

.box-center.error dt {
 display: inline-block; vertical-align: top; margin-right: 10px; font-size: 18px; font-weight: 600;
}

.box-center.error dd {
 display: inline-block; vertical-align: top; font-size: 18px; font-weight: 600;
}

.box-center .bt-area {
 margin-top: 80px;
}

.box-center .bt-area .bt {
 width: 200px; max-width: 200px;
}

/* box-gray */
.box-gray {
 padding: 30px; background: #f3f4f2;
}

.box-gray.full {
 padding: 30px 0; position: relative;
}

.box-gray.full:before {
 content: ""; position: absolute; top: 0; bottom: 0; left: -50vw; right: -50vw; background: #f3f4f2;
}
/* 이용안내 */
.box-fill {
 margin-bottom: 40px; padding: 23px 40px; background: #f1f9eb;
}

.box-fill>dl {
 display: inline-block; vertical-align: middle;
}

.box-fill>dl>dt,.box-fill>dl>dd {
 float: left; margin: 3px 0;
}

.box-fill>dl>dt {
 clear: both; width: 70px; font-size: 16px; line-height: 2em; font-weight: 400;
}

.box-fill>dl>dd {
 width: calc(100% - 70px); font-size: 16px; line-height: 2em;
}

.box-fill>dl>dd a {
 font-weight: 600;
}
/* box-분할 */
.box-column:after {
 content: ""; display: block; height: 1px; clear: both;
}

.box-column>* {
 float: left; position: relative;
}

.box-column>*:first-child:nth-last-child(1) {
 width: 100%;
}

.box-column>*:first-child:nth-last-child(2),.box-column>*:first-child:nth-last-child(2) ~ * {
 width: calc(100%/ 2);
}

.box-column>*:first-child:nth-last-child(3),.box-column>*:first-child:nth-last-child(3) ~ * {
 width: calc(100%/ 3);
}

.box-column>*:first-child:nth-last-child(4),.box-column>*:first-child:nth-last-child(4) ~ * {
 width: calc(100%/ 4);
}

.box-column>*:first-child:nth-last-child(5),.box-column>*:first-child:nth-last-child(5) ~ * {
 width: calc(100%/ 5);
}

.box-column>*:first-child:nth-last-child(6),.box-column>*:first-child:nth-last-child(6) ~ * {
 width: calc(100%/ 6);
}

.box-column>*:first-child:nth-last-child(7),.box-column>*:first-child:nth-last-child(7) ~ * {
 width: calc(100%/ 7);
}

.box-column>*:first-child:nth-last-child(8),.box-column>*:first-child:nth-last-child(8) ~ * {
 width: calc(100%/ 8);
}

.box-column>*:first-child:nth-last-child(9),.box-column>*:first-child:nth-last-child(9) ~ * {
 width: calc(100%/ 9);
}

.box-column>*:first-child:nth-last-child(10),.box-column>*:first-child:nth-last-child(10) ~ * {
 width: calc(100%/ 10);
}

.box-column .title-main {
 position: relative;
}

.box-column .title-main h2,.box-column .title-main h3 {
 margin-bottom: 19px; font-size: 32px; font-weight: 600;
}

.box-column .bt.more {
 position: absolute; right: 0; top: 10px;
}
/* R&D홍보관 */
.box-column.rnd {
 margin-top: 110px;
}

.box-column.rnd>div:first-child:nth-last-child(3),.box-column.rnd>div:first-child:nth-last-child(3) ~ * {
 width: calc(100%/ 3 - 27px);
}

.box-column.rnd>div {
 margin-left: 40px;
}

.box-column.rnd>div:first-child {
 margin-left: 0;
}

.box-column.rnd .slick-list .slick-slide img {
 display: block; width: 100%; height: 398px; margin-bottom: 20px; object-fit: cover;
}

.box-column.rnd .slick-dots {
 width: 60%; height: 4px; margin-left: 40%; margin-top: 20px; margin-bottom: 20px; background: #cbcbcb; border-radius: 3px;
}

.box-column.rnd .slick-dots li {
 float: left; width: 100%; height: 100%; border-radius: 3px; cursor: pointer;
}

.box-column.rnd .slick-dots li:first-child:nth-last-child(1) {
 width: 100%;
}

.box-column.rnd .slick-dots li:first-child:nth-last-child(2),.box-column.rnd .slick-dots li:first-child:nth-last-child(2) ~ li {
 width: calc(100%/ 2);
}

.box-column.rnd .slick-dots li:first-child:nth-last-child(3),.box-column.rnd .slick-dots li:first-child:nth-last-child(3) ~ li {
 width: calc(100%/ 3);
}

.box-column.rnd .slick-dots li:first-child:nth-last-child(4),.box-column.rnd .slick-dots li:first-child:nth-last-child(4) ~ li {
 width: calc(100%/ 4);
}

.box-column.rnd .slick-dots li:first-child:nth-last-child(5),.box-column.rnd .slick-dots li:first-child:nth-last-child(5) ~ li {
 width: calc(100%/ 5);
}

.box-column.rnd .slick-dots li:first-child:nth-last-child(6),.box-column.rnd .slick-dots li:first-child:nth-last-child(6) ~ li {
 width: calc(100%/ 6);
}

.box-column.rnd .slick-dots li:first-child:nth-last-child(7),.box-column.rnd .slick-dots li:first-child:nth-last-child(7) ~ li {
 width: calc(100%/ 7);
}

.box-column.rnd .slick-dots li:first-child:nth-last-child(8),.box-column.rnd .slick-dots li:first-child:nth-last-child(8) ~ li {
 width: calc(100%/ 8);
}

.box-column.rnd .slick-dots li:first-child:nth-last-child(9),.box-column.rnd .slick-dots li:first-child:nth-last-child(9) ~ li {
 width: calc(100%/ 9);
}

.box-column.rnd .slick-dots li:first-child:nth-last-child(10),.box-column.rnd .slick-dots li:first-child:nth-last-child(10) ~ li {
 width: calc(100%/ 10);
}

.box-column.rnd .slick-dots li button {
 vertical-align: top; width: 100%; height: 20px; margin-top: -8px; font-size: 0;
}

.box-column.rnd .slick-dots li.slick-active {
 background: #518406;
}

.box-column.rnd .section-list.thumb>ul>li {
 min-height: 154px; padding: 15px 16px 15px 176px;
}

.box-column.rnd .section-list.thumb>ul>li .img {
 width: 160px; height: 130px; padding: 12px 16px;
}

.box-column.rnd .section-list.thumb>ul>li .img img {
 width: 160px; height: 130px;
}

.box-column.rnd .section-list.thumb>ul>li .l-cont {
 min-height: 66px;
}

.box-column.rnd .section-list>ul>li .l-cont strong {
 margin-top: 15px; font-size: 16px;
}

.box-column.rnd .l-wrap {
 border: 1px solid #ccc;
}

.box-column.rnd .l-header a {
 border-top: 1px solid #ccc; display: block; height: 8em; padding: 30px 30px 0; font-size: 16px; overflow: hidden; display: -webkit-box;
 text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}

.box-column.rnd .l-header a strong {
 display: block; font-size: 20px; margin-bottom: 20px;
}

.box-column.rnd .l-header .img-full img {
 height: 302px; object-fit: cover;
}

.box-column.rnd .l-body {
 border: 1px solid #ccc;
}

.box-column.rnd .l-foot {
 padding: 45px 20px 20px;
}

.box-column .l-foot .bt.more {
 position: relative; top: 0;
}

/* Main */
.wrap-contents.main .inner {
 width: 100%; max-width: 1440px; height: 100%; margin: 0 auto; padding: 0 20px;
}

.wrap-contents.main .section-middle {
 position: relative; background: url("/images/layout/bg-main-vs3.jpg") no-repeat center top;
}

.wrap-contents.main .section-middle:before {
 content: ""; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 144px; background: #f3f3f3;
}

.wrap-contents.main .title-main {
 position: relative;
}
/* Section1 */
.wrap-contents.main section.vs1 {
 height: 819px; padding: 173px 0 51px; background: url("/images/@temp/img-main-visual-slide1.png") no-repeat center; background-size: cover;
}

.wrap-contents.main section.vs1 .inner {
 position: relative;
}

.wrap-contents.main .vs1 h2 {
 color: #fff; font-size: 32px; font-weight: 300;
}

.wrap-contents.main .vs1 h2 strong {
 display: block; margin-top: 17px; text-indent: -9px; color: #fff; font-size: 120px; font-weight: 600; line-height: 1.25em; letter-spacing: -1px;
}

.wrap-contents.main .vs1 p {
 color: #fff; font-size: 20px; font-weight: 300; letter-spacing: -1px;
}

.wrap-contents.main .vs1 .vs1-slide {
 position: relative;
}

.wrap-contents.main .vs1 .slick-dots {
 margin-top: 20px;
}

.wrap-contents.main .vs1 .slick-dots li {
 display: inline-block; vertical-align: top; margin-right: 5px;
}

.wrap-contents.main .vs1 .slick-dots li button {
 position: relative; width: 42px; height: 42px; font-size: 10px; text-align: center; line-height: 4em; border: 1px solid transparent;
 border-radius: 50%;
}

.wrap-contents.main .vs1 .slick-dots li button:after {
 content: ""; position: absolute; top: 50%; left: 50%; z-index: 1; width: 10px; height: 10px; background: #ddd; border-radius: 50%;
 transform: translateX(-50%) translateY(-50%);
}

.wrap-contents.main .vs1 .slick-dots li.slick-active button {
 border-color: #fff;
}

.wrap-contents.main .vs1 .slick-dots li.slick-active button:after {
 border-color: #fff;
}

.wrap-contents.main .vs1 .vs1-slide .pause {
 position: absolute; left: 144px; bottom: 0; width: 42px; height: 42px; border: 1px solid transparent; border-radius: 50%;
}

.wrap-contents.main .vs1 .vs1-slide .pause:before {
 content: ""; position: absolute; top: 50%; left: 50%; width: 4px; height: 10px; margin-right: 7px; background: #fff;
 transform: translateX(-125%) translateY(-50%);
}

.wrap-contents.main .vs1 .vs1-slide .pause:after {
 content: ""; position: absolute; top: 50%; left: 50%; width: 4px; height: 10px; margin-left: 5px; background: #fff;
 transform: translateX(-125%) translateY(-50%);
}

.wrap-contents.main .vs1 .vs1-slide .play {
 display: none; position: absolute; left: 144px; bottom: 0; width: 42px; height: 42px; border: 1px solid transparent; border-radius: 50%;
}

.wrap-contents.main .vs1 .vs1-slide .play:after {
 content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;
 background: url("/images/ico/ico-play.png") no-repeat center;
}

.wrap-contents.main .vs1 .vs1-slide .pause:hover,.wrap-contents.main .vs1 .vs1-slide .pause:focus,.wrap-contents.main .vs1 .vs1-slide .play:hover
 {
 border-color: #fff;
}

.wrap-contents.main .vs1 .ui-tabs {
 position: absolute; left: 0; bottom: 0; width: 100%; height: 120px; padding: 25px 120px 25px 570px; background: rgba(255, 255, 255, 0.8);
}

.wrap-contents.main .vs1 .ui-tabs ul {
 position: absolute; top: 0; left: 0; width: 450px; height: 120px; margin: 0; padding: 43px 0 40px 96px; color: #fff; font-size: 24px;
 font-weight: 600; background: #518406;
}

.wrap-contents.main .vs1 .ui-tabs ul a {
 position: relative; color: #000; font-weight: 300;
}

.wrap-contents.main .vs1 .ui-tabs ul li:hover a,.wrap-contents.main .vs1 .ui-tabs ul li:focus a,.wrap-contents.main .vs1 .ui-tabs ul li.active a,.wrap-contents.main .vs1 .ui-tabs ul li a:hover,.wrap-contents.main .vs1 .ui-tabs ul li a:focus
 {
 color: #fff; font-weight: 600;
}

.wrap-contents.main .vs1 .ui-tabs ul li:before {
 border-color: #000;
}

.wrap-contents.main .vs1 .search-form input[type="search"] {
 width: 100%; height: 60px; padding: 0 12px; font-size: 20px; background: none; border: 0; border-bottom: 2px solid #191919;
}

.wrap-contents.main .vs1 .search-form input[type="search"]::placeholder {
 color: #666; font-size: 15px; font-weight: 300;
}

.wrap-contents.main .vs1 .search-form button {
 position: absolute; top: 50%; right: 0;
}
/* Section2 */
.wrap-contents.main section.vs2 {
 height: 494px; padding-top: 105px; background: #f3f4f2;
}

.wrap-contents.main .vs2 .title-main {
 margin-bottom: 35px;
}

.wrap-contents.main .vs2 .title-main h2 {
 font-size: 32px; font-weight: 300; line-height: 1.3em;
}

.wrap-contents.main .vs2 .title-main h2 strong {
 display: block; font-weight: 600;
}

.wrap-contents.main .vs2 .title-main a.bt.more {
 position: absolute; right: 0; bottom: 5px;
}

.wrap-contents.main .vs2 ul.list-ico {
 display: inline-block; vertical-align: top; margin-right: -40px;
}

.wrap-contents.main .vs2 ul.list-ico li {
 float: left; width: 288px; padding-right: 40px;
}

.wrap-contents.main .vs2 ul.list-ico li a {
 display: block; height: 160px; padding-top: 105px; font-size: 18px; font-weight: 600; text-align: center; background-color: #fff;
 background-repeat: no-repeat; background-position: center 35px; border-radius: 6px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
 -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}

.wrap-contents.main .vs2 ul.list-ico li:first-child a {
 background-image: url("/images/ico/ico-main-v2-1.png");
}

.wrap-contents.main .vs2 ul.list-ico li:nth-child(2) a {
 background-image: url("/images/ico/ico-main-v2-2.png");
}

.wrap-contents.main .vs2 ul.list-ico li:nth-child(3) a {
 background-image: url("/images/ico/ico-main-v2-3.png");
}

.wrap-contents.main .vs2 ul.list-ico li:nth-child(4) a {
 background-image: url("/images/ico/ico-main-v2-4.png");
}

.wrap-contents.main .vs2 ul.list-ico li:last-child a {
 background-image: url("/images/ico/ico-main-v2-5.png");
}

.wrap-contents.main .vs2 ul.list-ico li a:hover,.wrap-contents.main .vs2 ul.list-ico li a:focus {
 -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
 box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
}

/* Section3 */
.wrap-contents.main section.vs3 {
 height: 700px; padding: 95px 0 112px;
}

.wrap-contents.main .vs3 .inner {
 position: relative;
}

.wrap-contents.main .vs3 .title-main h2 {
 margin-bottom: 30px; font-size: 48px; font-weight: 300;
}

.wrap-contents.main .vs3 .title-main h2 strong {
 font-weight: 600;
}

.wrap-contents.main .vs3 .title-main p {
 margin-bottom: 64px; font-size: 18px; font-weight: 300;
}

.wrap-contents.main .vs3 .img {
 position: absolute; right: 20px; bottom: 0;
}

/* Section4 */
.wrap-contents.main section.vs4 {
 height: 980px; padding: 98px 0 112px;
}

.wrap-contents.main .vs4 .inner {
 position: relative;
}

.wrap-contents.main .vs4 .title-main {
 margin-bottom: 48px;
}

.wrap-contents.main .vs4 .title-main h2 {
 font-size: 48px; font-weight: 300; text-align: center;
}

.wrap-contents.main .vs4 .title-main h2 strong {
 font-weight: 600;
}

.wrap-contents.main .vs4 .vs4-slide {
 position: absolute; left: -94px; width: 1520px; /* 20220210 전상현 추가 : 가로영역을 픽스 시켜야 좌우 arrow시 영역을 뚫고 나가지 않는다.*/
}

.wrap-contents.main .vs4 .vs4-slide .slick-slider {
 padding-left: 92px;
}

.wrap-contents.main .vs4 .vs4-slide .slick-slide {
 margin-top: 72px; transition: all 0.5ms ease-in-out;
}

.wrap-contents.main .vs4 .vs4-slide .slick-dots {
 position: absolute; left: 0; bottom: 10px; width: 4px; height: 470px; background: #cbcbcb; border-radius: 3px;
}

.wrap-contents.main .vs4 .vs4-slide .slick-dots li {
 width: 100%; height: 94px; border-radius: 3px; cursor: pointer;
}

.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(1) {
 height: 100%;
}

.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(2),.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(2)
	 ~ li {
 height: calc(100%/ 2);
}

.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(3),.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(3)
	 ~ li {
 height: calc(100%/ 3);
}

.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(4),.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(4)
	 ~ li {
 height: calc(100%/ 4);
}

.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(5),.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(5)
	 ~ li {
 height: calc(100%/ 5);
}

.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(6),.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(6)
	 ~ li {
 height: calc(100%/ 6);
}

.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(7),.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(7)
	 ~ li {
 height: calc(100%/ 7);
}

.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(8),.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(8)
	 ~ li {
 height: calc(100%/ 8);
}

.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(9),.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(9)
	 ~ li {
 height: calc(100%/ 9);
}

.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(10),.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-dots
	li:first-child:nth-last-child(10)
	 ~ li {
 height: calc(100%/ 10);
}

.wrap-contents.main .vs4 .vs4-slide .slick-dots li button {
 vertical-align: top; width: 500%; height: 100%; margin-left: -200%; font-size: 0;
}

.wrap-contents.main .vs4 .vs4-slide .slick-dots li.slick-active {
 background: #518406;
}

.wrap-contents.main .vs4 .vs4-slide .slick-prev {
 position: absolute; bottom: 0;
}

.wrap-contents.main .vs4 .vs4-slide .slick-prev,.wrap-contents.main .vs4 .vs4-slide .slick-next {
 position: absolute; left: 0; bottom: 7px; width: 64px; height: 64px; cursor: pointer;
}

.wrap-contents.main .vs4 .vs4-slide .slick-prev:before,.wrap-contents.main .vs4 .vs4-slide .slick-next:before {
 content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; border: 1px solid #ebebeb; border-radius: 50%;
}

.wrap-contents.main .vs4 .vs4-slide .slick-prev:after,.wrap-contents.main .vs4 .vs4-slide .slick-next:after {
 content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 20px; background: url("/images/sprite.png") no-repeat -425px -90px;
 transform: translateY(-50%);
}

.wrap-contents.main .vs4 .vs4-slide .slick-prev {
 left: 115px; z-index: 1;
}

.wrap-contents.main .vs4 .vs4-slide .slick-next {
 left: 200px; z-index: 1;
}

.wrap-contents.main .vs4 .vs4-slide .slick-prev:hover:before,.wrap-contents.main .vs4 .vs4-slide .slick-prev:focus:before,.wrap-contents.main .vs4 .vs4-slide .slick-next:hover:before,.wrap-contents.main .vs4 .vs4-slide .slick-next:focus:before
 {
 background: #518406; border-color: #518406; -webkit-box-shadow: 0px 4px 20px 0px rgba(54, 82, 13, 0.2);
 -moz-box-shadow: 0px 4px 20px 0px rgba(54, 82, 13, 0.2); box-shadow: 0px 4px 20px 0px rgba(54, 82, 13, 0.2);
}

.wrap-contents.main .vs4 .vs4-slide .slick-prev:hover:after,.wrap-contents.main .vs4 .vs4-slide .slick-prev:focus:after,.wrap-contents.main .vs4 .vs4-slide .slick-next:hover:after,.wrap-contents.main .vs4 .vs4-slide .slick-next:focus:after
 {
 background-position: -489px -90px;
}

.wrap-contents.main .vs4 .vs4-slide .slick-prev:after {
 transform: rotate(-180deg) translateY(8px);
}

.wrap-contents.main .vs4 .vs4-slide .slick-slide .l-wrap {
 width: 320px; margin: 30px 20px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
 -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
}

.wrap-contents.main .vs4 .vs4-slide .slick-slide.slick-active,.wrap-contents.main .vs4 .vs4-slide .slick-slide.slick-active+div+div,.wrap-contents.main
	.vs4
	.vs4-slide
	.slick-slide.slick-active+div+div+div+div {
 margin-top: 0; transition: all 0.5ms ease-in-out;
}

.wrap-contents.main .vs4 .vs4-slide .slick-slide.slick-active .l-wrap {
 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); background: #fff;
}

.wrap-contents.main .vs4 .vs4-slide .slick-slide .l-header a {
 display: block;
}

.wrap-contents.main .vs4 .vs4-slide .slick-slide .l-header img {
 display: block; background: #cbcbcb;
}

.wrap-contents.main .vs4 .vs4-slide .slick-slide .l-header strong {
 display: block; min-height: 73px; margin-bottom: 34px; padding: 16px 20px 0; font-size: 18px; font-weight: 600; overflow: hidden;
 display: -webkit-box; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

.wrap-contents.main .vs4 .vs4-slide .slick-slide .l-foot {
 padding: 0 20px 15px;
}

.wrap-contents.main .vs4 .vs4-slide .slick-slide .l-foot span {
 color: #666; font-size: 16px; font-weight: 300;
}
/* Section5 */
.wrap-contents.main section.vs5 {
 height: 570px; padding: 82px 0 112px;
}

.wrap-contents.main section.vs5 .inner {
 position: relative;
}

.wrap-contents.main .vs5 .title-main {
 position: relative; margin-bottom: 48px;
}

.wrap-contents.main .vs5 .title-main h2 {
 font-size: 48px; font-weight: 300;
}

.wrap-contents.main .vs5 .title-main h2 strong {
 font-weight: 600;
}

.wrap-contents.main .vs5 a.bt.more {
 position: absolute; right: 19px; top: 26px;
}

.wrap-contents.main .vs5 .ui-tabs {
 margin-left: 0px; /*margin-left: 220px; 전상현:20220210 - 왼쪽으로 붙여달라고 함*/
 /*margin-left: 220px;*/ background: none;
}

.wrap-contents.main .vs5 .ui-tabs ul {
 margin-bottom: 50px; margin-left: 0;
}

.wrap-contents.main .vs5 .list-card {
 display: inline-block; vertical-align: top; width: 100%;
}

.wrap-contents.main .vs5 .list-card li {
 float: left; width: calc(100%/ 4); padding-left: 20px;
}

.wrap-contents.main .vs5 .list-card li:first-child {
 padding-left: 0;
}

.wrap-contents.main .vs5 .list-card .l-wrap {
 height: 200px; padding: 28px; border: 1px solid transparent; background: #fff; border-radius: 0 0 20px 0;
 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.wrap-contents.main .vs5 .list-card li:hover .l-wrap,.wrap-contents.main .vs5 .list-card li:focus .l-wrap {
 border: 1px solid #518406;
}

.wrap-contents.main .vs5 .list-card .l-header a {
 display: block;
}

.wrap-contents.main .vs5 .list-card .l-header strong {
 display: block; min-height: 0; height: 3em; margin: 16px 0 15px; font-size: 1.125em; line-height: 1.5em; overflow: hidden; display: -webkit-box;
 text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

.wrap-contents.main .vs5 .list-card .l-foot span {
 display: inline-block; vertical-align: top; color: #777; font-size: 14px; font-weight: 600; line-height: 1.3em;
}

.wrap-contents.main .vs5 .list-card .l-foot span:after {
 content: "I"; display: inline-block; vertical-align: top; margin: 0 2px 0 5px;
}

.wrap-contents.main .vs5 .list-card .l-foot span:last-child:after {
 display: none;
}
/* Section6 */
.wrap-contents.main section.vs6 {
 height: 600px; padding: 103px 0 112px;
}

.wrap-contents.main .vs6 .title-main {
 border-bottom: 2px solid #191919;
}

.wrap-contents.main .vs6 .title-main h3 {
 margin-bottom: 19px; font-size: 32px; font-weight: 600;
}

.wrap-contents.main .vs6 .bt.more {
 position: absolute; right: 0; top: 10px;
}

.wrap-contents.main .vs6 .notice {
 position: relative; float: left; width: 776px; border-bottom: 1px solid #cbcbcb;
}

.wrap-contents.main .vs6 .notice .list-dot {
 height: 316px; padding: 36px 10px;
}

.wrap-contents.main .vs6 .notice .list-dot li {
 font-weight: 300; line-height: 2.5em;
}

.wrap-contents.main .vs6 .notice-board {
 float: right; position: relative; width: 560px; border-bottom: 1px solid #cbcbcb;
}

.wrap-contents.main .vs6 .notice-board .slick-slide a {
 display: block;
}

.wrap-contents.main .vs6 .notice-board .slick-slide img {
 width: 100%; object-fit: cover;
}

.wrap-contents.main .vs6 .notice-board .slick-prev {
 position: absolute; right: 55px; top: -57px; width: 31px; height: 31px; color: #fff; font-size: 10px;
}

.wrap-contents.main .vs6 .notice-board .slick-prev:after {
 content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff url("/images/sprite.png") no-repeat -215px -69px;
}

.wrap-contents.main .vs6 .notice-board .slick-next {
 position: absolute; right: -6px; top: -57px; width: 31px; height: 31px; color: #fff; font-size: 10px;
}

.wrap-contents.main .vs6 .notice-board .slick-next:after {
 content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/images/sprite.png") no-repeat -308px -69px;
}

.wrap-contents.main .vs6 .notice-board .pause {
 position: absolute; right: 25px; top: 12px; width: 31px; height: 31px; color: #fff; font-size: 10px;
}

.wrap-contents.main .vs6 .notice-board .pause:after {
 content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/images/sprite.png") no-repeat -277px -69px;
}

.wrap-contents.main .vs6 .notice-board .play {
 display: none; position: absolute; right: 25px; top: 12px; width: 31px; height: 31px; color: #fff; font-size: 10px;
}

.wrap-contents.main .vs6 .notice-board .play:after {
 content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/images/sprite.png") no-repeat -246px -69px;
}

.wrap-contents.main .vs6 .notice-board .custom-paging {
 position: absolute; right: 94px; top: -52px;
}

.wrap-contents.main .vs6 .notice-board .custom-paging li {
 display: none; color: #666; font-size: 14px; font-weight: 600; letter-spacing: 5px;
}

.wrap-contents.main .vs6 .notice-board .custom-paging .slick-active {
 display: block;
}

.wrap-contents.main .vs6 .notice-board .custom-paging li strong {
 color: #518406;
}
/* Section7 */
.wrap-contents.main section.vs7 {
 position: relative; height: 580px; padding: 97px 0 112px; background: url("/images/layout/bg-main-vs7.jpg") no-repeat center;
}

.wrap-contents.main section.vs7 .inner {
 position: relative;
}

.wrap-contents.main .vs7 .title-main h2 {
 margin-bottom: 32px; font-size: 48px; font-weight: 300;
}

.wrap-contents.main .vs7 .title-main h2 strong {
 font-weight: 600;
}

.wrap-contents.main .vs7 .title-main p {
 margin-bottom: 60px; font-size: 18px; font-weight: 300;
}

.wrap-contents.main .vs7 a.bt.more {
 position: absolute; right: 19px; top: 190px;
}

.wrap-contents.main .vs7 .ui-tabs {
 position: relative; padding-top: 70px; background: none;
}

.wrap-contents.main .vs7 .ui-tabs ul {
 width: 165px; margin-bottom: 0;
}

.wrap-contents.main .vs7 .ui-tabs ul li {
 float: none; margin: 0; margin-bottom: 5px; padding-left: 11px; border-bottom: 1px solid transparent;
}

.wrap-contents.main .vs7 .ui-tabs ul li:after {
 display: none;
}

.wrap-contents.main .vs7 .ui-tabs ul li:before {
 content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #777;
}

.wrap-contents.main .vs7 .ui-tabs ul li a {
 color: #777; font-size: 16px; font-weight: 300; line-height: 32px;
}

.wrap-contents.main .vs7 .ui-tabs ul li a:before {
 display: none; content: ""; position: absolute; top: 50%; right: 15px; width: 31px; border-top: 1px solid #518406; transform: translateY(-50%);
}

.wrap-contents.main .vs7 .ui-tabs ul li a:after {
 display: none; content: ""; position: absolute; top: 50%; right: 15px; width: 8px; height: 8px; border-top: 1px solid #518406;
 border-right: 1px solid #518406; transform: translateY(-50%) rotate(45deg);
}

.wrap-contents.main .vs7 .ui-tabs ul li:hover,.wrap-contents.main .vs7 .ui-tabs ul li.active {
 border-bottom: 1px solid #518406;
}

.wrap-contents.main .vs7 .ui-tabs ul li:hover:before,.wrap-contents.main .vs7 .ui-tabs ul li.active:before {
 background-color: #518406;
}

.wrap-contents.main .vs7 .ui-tabs ul li:hover a,.wrap-contents.main .vs7 .ui-tabs ul li:focus a,.wrap-contents.main .vs7 .ui-tabs ul li.active a,.wrap-contents.main .vs7 .ui-tabs ul li a:hover,.wrap-contents.main .vs7 .ui-tabs ul li a:focus
 {
 color: #518406; font-weight: 600;
}

.wrap-contents.main .vs7 .ui-tabs ul li:hover a:before,.wrap-contents.main .vs7 .ui-tabs ul li:hover a:after,.wrap-contents.main .vs7 .ui-tabs ul li:focus a:before,.wrap-contents.main .vs7 .ui-tabs ul li:focus a:after,.wrap-contents.main .vs7 .ui-tabs ul li.active a:before,.wrap-contents.main .vs7 .ui-tabs ul li.active a:after,.wrap-contents.main .vs7 .ui-tabs ul li a:hover:before,.wrap-contents.main .vs7 .ui-tabs ul li a:hover:after,.wrap-contents.main .vs7 .ui-tabs ul li a:focus:before,.wrap-contents.main .vs7 .ui-tabs ul li a:focus:after
 {
 display: block;
}

.wrap-contents.main .vs7 .ui-tabs>div {
 position: absolute; right: 0; bottom: -32px; width: 800px; background: none;
}

.wrap-contents.main .vs7 .video {
 position: relative; width: 100%; max-width: 900px; margin: 30px auto; border-radius: 30px; background-color: #f0f0f0; box-sizing: border-box;
 -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}

.wrap-contents.main .vs7 .video-container {
 position: relative; width: 100%; height: auto; padding-top: 50%;
}

.wrap-contents.main .vs7 .video iframe {
 position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%;
}

.wrap-contents.main .vs7 .video .video-play:after {
 content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;
 background: url("/images/@temp/img-main-visual-video.png") no-repeat 0 0; background-size: cover;
}

.wrap-contents.main .vs7 .video .video-play button {
 position: absolute; top: 50%; left: 50%; z-index: 2; width: 102px; height: 102px; background: url("/images/sprite.png") no-repeat -617px 0;
 transform: translateX(-50%) translateY(-50%);
}

/* 국가별 환경통합지표 */
.integindicator-wrap {
 margin-top: 30px; overflow-x: hidden;
}

.integindicator-wrap h2 {
 line-height: 55px; font-size: 26px; font-weight: 600;
}

.integindicator-wrap h2 .point {
 font-size: 38px; color: #518406;
}

.integindicator-wrap h3 {
 margin-bottom: 15px; font-size: 22px; font-weight: 600;
}

.integindicator-wrap .data-box {
 position: relative; margin-top: 30px;
}

.integindicator-wrap .data-box:after {
 content: ""; display: block; clear: both;
}

.integindicator-wrap .desc-box {
 position: absolute; width: 40%; left: 25px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}

.integindicator-wrap .desc-box .title {
 margin-bottom: 22px; font-size: 16px;
}

.integindicator-wrap .desc-box .title:before {
 content: ""; display: inline-block; width: 2px; height: 2px; margin: 0 5px 4px 0; background-color: #000;
}

.integindicator-wrap .desc-box .title:nth-of-type(n + 2) {
 margin-top: 80px;
}

.integindicator-wrap .desc-box .desc {
 line-height: 24px; font-size: 16px; color: #666;
}

.integindicator-wrap .desc-box .desc .point1 {
 margin-left: 8px; font-size: 26px; color: #518406; font-weight: 600;
}

.integindicator-wrap .desc-box .desc .point2 {
 font-size: 24px; color: #518406; font-weight: 600;
}

.integindicator-wrap .canvas-box {
 width: 100%;
}

.integindicator-wrap .canvas-box canvas {
 -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;
}

.integindicator-wrap .info-title-wrap {
 text-align: center; height: 47px; padding-top: 12px; background-color: #518406;
}

.integindicator-wrap .info-title-wrap .info-title {
 display: inline-block; padding-left: 23px; font-size: 16px; color: #191919;
}

.integindicator-wrap .info-title-wrap .info-title .under-line {
 display: inline-block; padding-bottom: 4px; border-bottom: 1px solid #fff;
}

.integindicator-wrap .integindicator-info {
 padding: 25px 40px; background-color: #f3f3f3;
}

.integindicator-wrap .integindicator-info .country-tab a {
 display: inline-block; min-width: 80px; height: 48px; padding: 0 10px; line-height: 48px; margin: 5px; color: #777; font-size: 16px;
 text-align: center; background-color: #fff; border-radius: 3px;
}

.integindicator-wrap .integindicator-info .country-tab a.active {
 color: #fff; border: 1px solid #518406; background: #518406;
}

.integindicator-wrap .integindicator-info .country-select {
 display: none;
}

.integindicator-wrap .integindicator-info .canvas-legend {
 margin-top: 16px;
}

.integindicator-wrap .integindicator-info .canvas-legend ul {
 display: inline-block; list-style: none; cursor: pointer; margin-bottom: 20px;
}

.integindicator-wrap .integindicator-info .canvas-legend ul li {
 display: inline-block; padding-right: 70px; font-size: 16px; font-weight: 500; color: #191919;
}

.integindicator-wrap .integindicator-info .canvas-legend ul li:last-child {
 padding-right: 0;
}

.integindicator-wrap .integindicator-info .canvas-legend ul li.hidden {
 text-decoration: line-through; text-decoration-color: #000;
}

.integindicator-wrap .integindicator-info .canvas-legend ul li span {
 display: inline-block; width: 20px; height: 20px; margin: 0 10px 2px 0; vertical-align: middle; background: #086262 !important;
}

.integindicator-wrap .integindicator-info .canvas-legend ul li:last-child span {
 background: #518406 !important;
}

.integindicator-wrap .integindicator-info .btn-indicator-download {
 display: inline-block; margin-top: 50px; padding: 0 12px; height: 56px; line-height: 56px; font-size: 16px; color: #fff; vertical-align: middle;
 border: 1px solid #fff; border-radius: 4px;
}

.integindicator-wrap .integindicator-info .btn-indicator-download img {
 margin-right: 7px;
}

.integindicator-wrap .integindicator-info .data-box {
 min-height: 350px;
}

.integindicator-wrap .integindicator-info .desc-box {
 left: 40px;
}

.integindicator-wrap .integindicator-info .canvas-box {
 margin-left: 18%;
}

.integindicator-wrap .chart-list .title-box {
 margin-bottom: 25px;
}

.integindicator-wrap .chart-list .title-box .title {
 display: inline-block; font-size: 20px;
}

.integindicator-wrap .chart-list .title-box .desc {
 display: inline-block; font-size: 12px; color: #777;
}

.integindicator-wrap .chart-list .chart:nth-of-type(n + 2) {
 margin-top: 45px;
}

.integindicator-wrap .chart-list .chart-box {
 position: relative; padding: 30px; border: 1px solid #bebebe; background-color: #fff;
}

.integindicator-wrap .chart-list .chart-box .data-box {
 min-height: 200px;
}

.integindicator-wrap .chart-list .chart-box .canvas-legend {
 margin-top: 10px; text-align: center;
}

.integindicator-wrap .chart-list .chart-box .canvas-legend ul {
 display: inline-block; list-style: none; cursor: pointer; padding: 5px 10px 7px; border: 1px solid #bebebe; border-radius: 2px;
}

.integindicator-wrap .chart-list .chart-box .canvas-legend ul li {
 display: inline-block; padding-right: 15px; font-family: "Dotum"; font-size: 11px; color: #666;
}

.integindicator-wrap .chart-list .chart-box .canvas-legend ul li:last-child {
 padding-right: 0;
}

.integindicator-wrap .chart-list .chart-box .canvas-legend ul li.hidden {
 text-decoration: line-through; text-decoration-color: #000;
}

.integindicator-wrap .chart-list .chart-box .canvas-legend ul li span {
 display: inline-block; width: 8px; height: 8px; margin: 0 5px 2px 0; vertical-align: middle;
}

.integindicator-wrap .chart-list .chart-box .list-table {
 width: 100%; padding-left: 33%; box-sizing: border-box;
}

.integindicator-wrap .chart-list .chart-box.income .list-table {
 padding-left: 43%;
}

.integindicator-wrap .chart-list .chart-box .list-table table {
 width: 100%; text-align: center; table-layout: auto;
}

.integindicator-wrap .chart-list .chart-box .list-table table th,.integindicator-wrap .chart-list .chart-box .list-table table td {
 vertical-align: middle; font-size: 13px;
}

.integindicator-wrap .chart-list .chart-box .list-table table td {
 color: #777;
}

.integindicator-wrap
	.chart-list
	.chart-box
	.list-table
	thead+tbody
	td:before {
 top: 2px;
}

.integindicator-wrap .chart-list .chart-box .btn-toggle {
 position: absolute; right: 30px; top: 30px;
}

.integindicator-wrap .chart-list .chart-box .btn-toggle.active {
 background-position: 0 -14px;
}

.integindicator-wrap .sub-con {
 padding-top: 30px;
}

/* 코네틱 소개 */
.tit-his {
 margin-bottom: 25px; padding-bottom: 10px; color: #777; font-size: 24px;
}

.info-kone {
 margin-bottom: 64px; font-size: 32px; font-weight: 300; line-height: 1.5em;
}

.info-kone em {
 color: #518406;
}

.list-kone {
 margin-bottom: 100px;
}

.list-kone:after {
 content: ""; display: block; clear: both;
}

.list-kone>li {
 float: left; width: calc(100%/ 4 - 20px); height: 250px; margin-left: 20px; padding: 30px 20px; font-size: 20px; font-weight: 300;
 background-position: right 10px bottom 20px; background-repeat: no-repeat; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
 -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
}

.list-kone>li:first-child {
 background-image: url("/images/ico/ico-kone01.png");
}

.list-kone>li:nth-child(2) {
 background-image: url("/images/ico/ico-kone02.png");
}

.list-kone>li:nth-child(3) {
 background-image: url("/images/ico/ico-kone03.png");
}

.list-kone>li:nth-child(4) {
 background-image: url("/images/ico/ico-kone04.png");
}

.list-kone strong {
 display: block;
}
/* 리스트-히스토리 */
.list-his {
 margin-bottom: 70px;
}

.list-his:after,.list-his>ul>li:after {
 content: ""; display: block; clear: both;
}

.list-his>ul>li {
 position: relative; padding-bottom: 50px;
}

.list-his>ul>li:before {
 content: ""; position: absolute; top: 0; left: 0; bottom: 0; z-index: 0; width: 1px; background: #dedede;
}

.list-his>ul>li:first-child:before {
 top: 19px;
}

.list-his>ul>li:last-child:before {
 bottom: auto; height: 20px;
}

.list-his>ul>li>strong,.list-his>ul>li>ul {
 float: left;
}

.list-his>ul>li>strong {
 position: relative; width: 224px; padding-left: 97px; font-size: 32px; font-weight: 600;
}

.list-his>ul>li>strong span {
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 font-weight: 600;
}

.list-his>ul>li strong:before {
 content: ""; position: absolute; top: 15px; left: -3.5px; z-index: 1; width: 8px; height: 8px; border-radius: 50%; background: #518406;
}

.list-his>ul>li strong:after {
 content: ""; position: absolute; top: 19px; left: 0; z-index: 0; width: 52px; height: 2px; background: #c8e29f;
}

.list-his>ul>li>ul {
 width: calc(100% - 225px);
}

.list-his>ul>li>ul>li {
 position: relative; margin: 0; padding: 8px 0 3px 40px; font-size: 16px;
 /* background: url("/images/ico/kone-line.png") no-repeat 0 0px; */
}

.list-his>ul>li>ul>li:first-child {
 padding-top: 3px;
 /* background: url("/images/ico/kone-line-first.png") no-repeat 0 3px; */
}

.list-his>ul>li>ul>li:last-child {
 /* background: url("/images/ico/kone-line-end.png") no-repeat 0 0px; */
 
}

.list-his>ul>li>ul>li em {
 position: absolute; top: 10px; left: 0; width: 35px; font-weight: 600;
}

.list-his>ul>li>ul>li:first-child em {
 top: 3px;
}

.list-his>ul>li>ul>li span {
 font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
 font-weight: 600;
}

.list-his>ul>li>ul>li>p,.list-his>ul>li>ul>li>ul {
 float: left;
}

.list-his>ul>li>ul>li>p {
 width: 140px; font-size: 30px; font-weight: 400;
}

.list-his>ul>li>ul>li>ul {
 width: calc(100% - 150px); font-size: 16px; font-weight: 400;
}

.list-his.second {
 margin-bottom: 100px;
}

.list-his.second li>ul>li {
 /* background: url("/images/contents/kone-line2.png") no-repeat 0 0px; */
 
}

.list-his.second li>ul>li:first-child {
 /* background: url("/images/contents/kone-line-first2.png") no-repeat 0 3px; */
 
}

.list-his.second li>ul>li:last-child {
 /* background: url("/images/contents/kone-line-end2.png") no-repeat 0 0px; */
 
}

.list-his.second>ul>li>strong {
 width: 125px; padding: 0; font-size: 24px;
}

.list-his.second>ul>li {
 min-height: 140px; padding: 20px 0; border-bottom: 1px solid #ccc;
}

.list-his.second>ul>li:before {
 display: none;
}

.list-his.second>ul>li>strong:before,.list-his.second>ul>li>strong:after {
 display: none;
}

.list-his.second>ul>li>ul>li span {
 font-family: "NotoSansKR", "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, AppleGothic, Dotum, "돋움", Verdana, Arial, sans-serif; color: #518406;
 font-weight: 600;
}

/* R&D 홍보관 */
#rnDTab2[aria-hidden="true"] {
 display: block !important; position: absolute; visibility: hidden;
}

#rnDTab2[aria-hidden="false"] {
 position: relative; visibility: visible;
}

.rnd-slide {
 min-height: 454px; margin: -30px -20px;
}

.rnd-slide .bt.more {
 position: absolute; right: 0; top: 48px;
}

#rnd30Slide.rnd-slide .bt.more {
 top: -32px;
}

.rnd-slide .slick-prev {
 position: absolute; bottom: 0;
}

.rnd-slide .slick-prev,.rnd-slide .slick-next {
 position: absolute; top: 50%; width: 64px; height: 64px; cursor: pointer;
}

.rnd-slide .slick-prev:before,.rnd-slide .slick-next:before {
 content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #b9db87; border: 1px solid #ebebeb; border-radius: 50%;
}

.rnd-slide .slick-prev:after,.rnd-slide .slick-next:after {
 content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 20px; background: url("/images/sprite.png") no-repeat -489px -90px;
 transform: translateY(-50%);
}

.rnd-slide .slick-prev {
 left: 0; z-index: 1; transform: translateX(-100%) translateY(-100%);
}

.rnd-slide .slick-next {
 right: 0; z-index: 1; transform: translateX(100%) translateY(-100%);
}

.rnd-slide .slick-prev:hover:before,.rnd-slide .slick-prev:focus:before,.rnd-slide .slick-next:hover:before,.rnd-slide .slick-next:focus:before
 {
 background: #518406; border-color: #518406; -webkit-box-shadow: 0px 4px 20px 0px rgba(54, 82, 13, 0.2);
 -moz-box-shadow: 0px 4px 20px 0px rgba(54, 82, 13, 0.2); box-shadow: 0px 4px 20px 0px rgba(54, 82, 13, 0.2);
}

.rnd-slide .slick-prev:hover:after,.rnd-slide .slick-prev:focus:after,.rnd-slide .slick-next:hover:after,.rnd-slide .slick-next:focus:after {
 background-position: -489px -90px;
}

.rnd-slide .slick-prev:after {
 transform: rotate(-180deg) translateY(8px);
}

.rnd-slide .l-wrap {
 width: 322px; margin: 30px 20px;
}

.rnd-slide .slick-slide .l-header .img {
 -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 10, 0.16); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 10, 0.16);
 box-shadow: 0px 0px 16px 0px rgba(0, 0, 10, 0.16);
}

.rnd-slide .slick-slide .l-header .img img {
 width: 100%;
}

.rnd-slide .slick-slide .l-header a {
 display: block;
}

.rnd-slide .slick-slide .l-header strong {
 display: block; padding: 24px 8px; font-size: 16px; font-weight: 600; overflow: hidden; display: -webkit-box; text-overflow: ellipsis;
 white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

.rnd-slide .slick-slide .l-foot {
 padding: 0 20px 15px;
}

.rnd-slide .slick-slide .l-foot span {
 color: #666; font-size: 16px; font-weight: 300;
}

.rnd-slide .slick-slide.slick-active .l-wrap {
 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 16, 0.16); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 16, 0.16);
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 16, 0.16); background: rgba(255, 255, 255, 0.3); border: 1px solid #518406;
}

.rnd-slide .slick-slide.slick-active .l-header .img {
 box-shadow: none;
}

/* 로그인 */
.box-login {
 position: relative; height: 708px;
}

.box-login:before {
 content: ""; position: absolute; left: -50vw; right: -50vw; top: -104px; bottom: -106px; z-index: -1; text-align: center; background: #f3f3f3;
}

.box-login .inner {
 position: absolute; top: 50%; left: 50%; width: 100%; max-width: 712px; height: 708px; padding: 67px 156px 80px; background: #fff;
 transform: translateX(-50%) translateY(-50%); -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.16);
 -moz-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.16);
}

.box-login .inner .l-head h1 {
 margin-bottom: 57px; font-size: 40px;
}

.box-login .inner .l-body {
 position: relative; padding-bottom: 25px;
}

.box-login .inner .l-body dl {
 margin-bottom: 20px;
}

.box-login .inner .l-body dl:after {
 content: ""; display: block; height: 1px; clear: both;
}

.box-login .inner .l-body dt {
 
}

.box-login .inner .l-body dd {
 margin-bottom: 20px;
}

.box-login .inner .l-body dd input {
 width: 100%;
}

.box-login .inner .l-body dd input {
 width: 100%;
}

.box-login .inner .l-body .bt.large {
 width: 100%; margin-bottom: 15px;
}

.box-login .inner .l-body .ui-checkbox {
 width: 100%; position: absolute; left: 0; bottom: 0; text-align: left;
}

.box-login .inner .l-foot {
 margin-top: 60px; padding-top: 23px; border-top: 1px solid #ccc;
}

.box-login .inner .l-foot p {
 margin-bottom: 10px; padding-left: 10px; font-size: 16px;
}

.box-login .inner .l-foot .bt {
 float: left; width: 50%; margin: 0;
}

.box-login .inner .l-foot .bt {
 float: left; width: 50%; font-weight: 400; border-radius: 3px 0 0 3px;
}

.box-login .inner .l-foot .bt+.bt {
 border-left: 0px; border-radius: 0 3px 3px 0;
}

/* 아이디/비밀번호 찾기 */
.box-user .ui-radio.button {
 width: 100%;
}

.box-user .ui-radio.button button {
 position: relative; z-index: 0; width: 100%; height: 80px; color: #555; font-size: 16px; font-weight: 600; line-height: 80px;
 text-align: center; border: 1px solid #ccc; background-color: #f3f3f3;
}

.box-user .ui-radio.button button:disabled {
 opacity: 1;
}

.box-user .ui-radio.button button:before,.box-user .ui-radio.button button:after {
 display: none;
}

.box-user .ui-radio.button button:focus {
 z-index: 2;
}

.box-user .ui-radio.button button.active {
 z-index: 1; color: #fff; border: 1px solid #518406; background-color: #518406;
}

.box-column .box-center+.box-center {
 margin-left: 40px;
}

.box-user .box-center {
 margin-bottom: 0; padding-bottom: 40px;
}

.box-user .box-center h2,.box-user .box-center h3 {
 margin-bottom: 36px; font-size: 24px;
}

.box-column.column1 .box-center {
 padding-top: 0;
}

.box-column.column1 .box-center .ui-radio.button button {
 color: #191919; font-weight: 400; background: #fff;
}

.box-column.column1 .box-center .ui-radio.button button.active {
 color: #fff; background: #518406;
}

.box-column.column1 .box-center+.box-center {
 margin-left: 0;
}

.box-column.column1 .box-center+.box-center .ui-radio.button {
 margin-left: -1px;
}

.box-column.column2 .box-center {
 width: calc(50% - 20px);
}

.box-column.column2 .box-center .ui-radio.button {
 float: left; width: 50%;
}

.box-column.column2 .box-center .ui-radio.button+.ui-radio.button {
 margin-left: -1px;
}

.box-column.column2 .box-center .ui-radio.button .ico {
 height: 240px; padding-top: 64px !important; line-height: auto;
}

.box-column.column3 .box-center {
 width: calc(100%/ 3 * 2 - 20px);
}

.box-column.column3 .box-center .ui-radio.button {
 float: left; width: 340px; margin-right: 19px;
}

.box-column.column3 .box-center .ui-radio.button:last-child {
 margin-right: 0;
}

.box-column.column3 .box-center .ui-radio.button .ico {
 height: 160px; padding-top: 64px !important;
}

.box-column.column3 .box-center+.box-center {
 width: calc(100%/ 3 - 20px);
}

.box-user .tit-dot {
 margin-bottom: 0;
}

.box-user .tit-dot+.tit-dot {
 margin-top: 5px;
}

.box-user .txt-dot {
 padding-left: 20px;
}

.box-user h3 {
 margin-top: 56px; margin-bottom: 15px; font-size: 18px;
}

.box-user .box-gray {
 margin-bottom: 80px; padding: 30px 70px; background: #fff; border: 1px solid #ccc;
}

.box-user .tit-dot+.box-gray {
 margin-top: 56px;
}

.box-user>.bt-area {
 margin-top: 80px;
}

/* 회원가입 */
.cont-body.user .list-step {
 width: 100%; margin-left: 0;
}
/* 약관동의 */
.box-policy {
 margin-bottom: 80px;
}

.box-policy ul li {
 margin-top: 20px; border: 1px solid #ccc; border-top: 2px solid #191919;
}

.box-policy ul li+li {
 margin-top: 56px;
}

.box-policy ul li .ui-checkbox {
 display: block; margin: 0; padding: 24px 20px; background: #f3f3f3; border-bottom: 1px solid #ccc;
}
/* 웹접근성 심사에서 지적사항 나와서 아래부분 추가함 (기존엔 jsp에서 checkbox자체에 하드코딩으로 visibility:hidden으로 숨겼었음) */
.box-policy ul li .ui-checkbox { position:relative: }
.box-policy .ui-checkbox input[type="checkbox"] { position:absolute; top:24px; left:20px; }

.box-policy ul li .ui-checkbox label {
 font-weight: 400;
}

.box-policy ul li .ui-checkbox label em {
 color: #ed1651;
}

.box-policy .ui-checkbox [type="checkbox"].js-chk-all+label {
 padding-left: 40px; font-size: 20px; font-weight: 400; line-height: 1.4em;
}

.box-policy .ui-checkbox [type="checkbox"].js-chk-all+label:after {
 width: 28px; height: 25px; margin-top: 2px; background-image: url("/images/ico/ico-checkbox-2x.png");
}

.box-policy .ui-checkbox [type="checkbox"].js-chk-all+label:before {
 width: 25px; height: 25px;
}

.box-policy .ui-checkbox [type="checkbox"].js-chk-all {
 width: 27px; height: 27px;
}

.box-policy .terms {
 overflow-y: auto; max-height: 310px; padding: 24px 56px;
}

.box-policy .terms pre {
 color: #777; font-family: "NotoSansKR", "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, AppleGothic, Dotum, "돋움", Verdana, Arial, sans-serif;
 font-size: 14px; font-weight: 600; line-height: 1.7em; white-space: pre-line;
}

.box-policy .terms pre h3 {
 color: #191919; font-size: 16px; font-weight: 400;
}

.box-policy .terms pre strong {
 color: #191919; font-weight: 400;
}

.box-policy.line {
 border: 1px solid #ccc;
}

.box-policy.line .terms {
 max-height: none;
}

.box-policy .list-dot li {
 font-size: 14px; font-weight: 600; line-height: 1.8em; border: 0px;
}

.box-policy .list-dot li+li {
 margin: 0;
}

/* box-결과 */
.box-result {
 margin-top: 80px; padding-top: 135px; text-align: center; background: url("/images/ico/ico-check.png") no-repeat center 0;
}

.box-result h2 {
 margin-bottom: 15px; color: #191919; font-size: 24px;
}

.box-result p {
 margin-bottom: 70px; color: #191919; font-size: 18px;
}

.box-result ul {
 width: 300px; margin: 30px auto 60px; text-align: left;
}

.box-result li {
 display: block; margin-top: 5px; color: #777; font-size: 18px; font-weight: 600;
}

.box-result li strong {
 display: inline-block; vertical-align: top; width: 70px; margin-right: 10px; font-size: 18px; font-weight: 600;
}

/* footer family-site 바로가기 버튼 */
.wrap-footer .f-family-link+button {
 /*position: absolute; bottom: 34px; right: 185px;*/
 position: absolute; bottom: 34px; right: 280px;
}

/* PC */
@media screen and (min-width: 1700px) {
 /* Header */
 .wrap-header .ico.menu {
  left: 50%; margin-left: 790px;
 }
 .wrap-header .ico.search {
  left: 50%; margin-left: 735px;
 }
 .wrap-header .h-search .s-close {
  left: 50%; margin-left: 764px;
 }
}

@media screen and (min-width: 1441px) {
 .mobile-only {
  display: none !important;
 }

 /* Main */
 .wrap-contents.main .vs4 .vs4-slide .slick-slide .l-header .img {
  width: 320px; height: 368px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-slide .l-header img {
  width: 100%; height: 368px; object-fit: cover;
 }
 .wrap-contents.main .vs6 .notice-board .slick-slide img {
  height: 316px;
 }

 /* 검색 */
 .section-search dd input[type="search"]:nth-last-child(2) {
  width: calc(100% - 380px);
 }
 .section-search dd input[type="search"]:last-child {
  width: calc(100% - 192px);
 }

 /* 리스트 */
 .section-list.card>ul {
  padding: 10px 0;
 }
 .section-list.card>ul:after {
  content: ""; display: block; height: 1px; clear: both;
 }
 .section-list.card>ul>li {
  position: relative; float: left; width: calc(25% - 20px); margin: 10px; padding-top: 60px; padding-bottom: 18px; border: 1px solid #ccc;
  border-radius: 0 0 22px 0;
 }
 .section-list.card>ul>li:nth-child(4n + 1) {
  clear: left;
 }
 .section-list.card>ul>li:hover,.section-list.card>ul>li:focus {
  border-color: #518406; -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.1);
 }
 .section-list.card>ul>li .label.raund.new {
  position: absolute; top: 30px; left: 20px;
 }
 .section-list.card>ul>li span.flag {
  position: absolute; top: 90px; left: 11px;
 }
 .section-list.card>ul>li .l-info span.flag+dt {
  padding-left: 0;
 }
 .section-list.card>ul>li .l-info span.flag+dt:before {
  display: none;
 }
 .section-list.card>ul>li .l-cont strong {
  min-height: 87px; margin-top: 45px; margin-bottom: 16px; display: -webkit-box; white-space: normal; -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
 }
 .section-list.card>ul>li .l-info {
  margin-top: 23px;
 }

 /* 리스트 썸네일 */
 .section-list.card.thumb>ul>li {
  padding: 0; min-height: 214px; border: 0; box-shadow: none;
 }
 .section-list.card.thumb>ul>li .img {
  position: static; width: 100%; height: 250px; min-height: auto; margin-bottom: 16px; padding: 0; border: 1px solid #ccc;
 }
 .section-list.card.thumb>ul>li .img:after {
  content: ""; display: block; height: 1px; clear: both;
 }
 .section-list.card.thumb>ul>li .img img {
  width: 100%; height: 250px;
 }
 .section-list.card.thumb>ul>li .label.raund.new {
  position: static;
 }
 .section-list.card.thumb>ul>li .l-cont {
  min-height: auto;
 }
 .section-list.card.thumb>ul>li .l-cont strong {
  min-height: 62px; margin-top: 5px; -webkit-line-clamp: 2;
 }
 .section-list.card.thumb>ul>li .l-info {
  margin-top: 13px;
 }
 .section-list.card.thumb>ul>li span.flag {
  position: static;
 }
 .section-list.card.thumb>ul>li span.flag+dt {
  clear: left;
 }
 /* E-book */
 .section-list.card.thumb.ebook {
  border-top: 0;
 }
 .section-list.card.thumb.ebook>ul {
  padding-top: 0;
 }
 .section-list.card.thumb.ebook>ul>li {
  overflow: visible; width: calc(100%/ 3);
 }
 .section-list.card.thumb.ebook>ul>li a {
  overflow: visible;
 }
 .section-list.card.thumb.ebook>ul>li strong {
  display: block; white-space: nowrap; min-height: 0; margin-top: 20px; font-size: 18px; text-align: center;
 }
 .section-list.card.thumb.ebook>ul>li .img {
  position: static; height: 440px; padding: 44px 58px 116px; background: #fff url("/images/layout/logo-keiti.png") no-repeat center bottom 40px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
 }
 .section-list.card.thumb.ebook>ul>li .img img {
  width: 224px; height: 280px;
 }
 /* 리스트 믹스형 */
 .section-list.card.thumb.mix {
  margin-bottom: 60px; border-top: 0;
 }
 .section-list.card>ul {
  padding: 0;
 }
 .section-list.card>ul>li .l-info li {
  float: none; display: block;
 }
 .section-list.card>ul>li .l-cont a .label.text {
  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
 .section-list.card.thumb.mix>ul>li {
  width: calc(16.66% - 20px); margin: 0; margin-left: 20px;
 }
 .section-list.card.thumb.mix>ul>li .l-cont strong {
  min-height: 42px; margin-bottom: 10px; font-size: 16px;
 }
 .section-list.card.thumb.mix>ul>li .img {
  height: 126px; margin-bottom: 18px; border: 1px solid #ccc;
 }
 .section-list.card.thumb.mix>ul>li .img img {
  height: 126px;
 }
 .section-list.card.thumb.mix>ul>li .l-info {
  margin-top: 0;
 }
 .section-list.card.thumb.mix>ul>li:first-child {
  width: calc(100%/ 2); margin-left: 0; padding-left: 324px; min-height: 220px;
 }
 .section-list.card.thumb.mix>ul>li:first-child .img {
  position: absolute; width: 304px; height: 220px; margin: 0;
 }
 .section-list.card.thumb.mix>ul>li:first-child .img img {
  height: 220px;
 }
 .section-list.card.thumb.mix>ul>li:first-child .l-info {
  margin-top: 5px;
 }
 .section-list.card.thumb.mix>ul>li:first-child .l-cont strong {
  min-height: 48px; margin-top: 28px; font-size: 18px;
 }
 /* 상세 비디오형 */
 .cont-body .section-view.video .box-video .ui-tabs>div video {
  width: 688px; height: 400px;
 }
 .cont-body .section-view.video .box-video .ui-tabs>div video[poster] {
  max-width: 688px; max-height: 400px;
 }

 /* Main */
 .wrap-contents.main .vs6 .notice .list-dot li:before {
  top: 21px;
 }

 /* 추천콘텐츠 */
 .box-recommend .section-list.thumb>ul>li .img {
  height: 180px; border: 1px solid #ccc;
 }
 .box-recommend .section-list.thumb>ul>li .img img {
  height: 180px;
 }

 /* pagination */
 .section-list.card .pagination .p-more {
  display: block;
 }
 .section-list.card .pagination .p-page {
  display: none;
 }

 /* R&D 홍보관 */
 .box-column.rnd .slick-slide {
  width: 439px; min-height: 442px;
 }
 .box-column.rnd .slick-slide .img-full {
  font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
 .box-column.rnd .section-list {
  min-height: 465px; border-bottom: 1px solid #ccc;
 }
 /* .box-column.rnd .section-list ul {
        width: 430px;
    } */
 .box-column.rnd .section-list .no-data {
  width: 439px; display: table-cell; vertical-align: middle; border-bottom: 0px;
 }
 .box-column.rnd .l-wrap {
  min-height: 530px;
 }
 .box-column.rnd .l-header {
  min-height: 430px;
 }
}

@media screen and (max-width: 1653px) {
 .wrap-header .h-menu {
  padding-left: 21%; padding-right: 0;
 }
}
/* Mobile */
@media screen and (max-width: 1440px) {
 .pc-only {
  display: none !important;
 }
 input[type="text"],input[type="password"],input[type="search"],select {
  height: 48px;
 }

 /* ico */
 .ico.logo {
  width: 80px; height: 22px; background-size: 500px;
 }
 .ico.logo2 {
  width: 73px; height: 24px; background-position: -236px 0; background-size: 500px;
 }
 .ico.logo-keiti {
  width: 84px; height: 45px; background-position: -110px 0; background-size: 688px;
 }
 .ico.search {
  width: 36px; height: 36px; background-position: 0 -265px; background-size: 500px;
 }
 .ico.menu {
  width: 38px; height: 36px; background-position: -36px -265px; background-size: 500px;
 }
 .ico.l-close {
  background-position: -116px -279px; background-size: 500px;
 }
 .ico.s-search {
  width: 35px; height: 35px; background-position: -74px -265px; background-size: 500px;
 }
 .ico.s-share {
  width: 25px; height: 25px; background-position: -117px -252px; background-size: 500px;
 }
 .ico.s-share.active {
  background-position: -164px -251px;
 }
 .ico.s-bookmark {
  width: 25px; height: 25px; background-position: -141px -252px; background-size: 500px;
 }
 [type="checkbox"]:checked+.ico.s-bookmark {
  background-position: -188px -252px;
 }
 .ico.s-twiter {
  background-position: -214px -252px; background-size: 500px;
 }
 .ico.s-facebook {
  background-position: -245.5px -252px; background-size: 500px;
 }
 .ico.s-kakao {
  background-position: -277.5px -252px; background-size: 500px;
 }
 .ico.s-band {
  background-position: -309.5px -252px; background-size: 500px;
 }
 .ico.s-copy {
  width: 25px; height: 25px; background-position: -342px -252px; background-size: 500px;
 }
 .ico.star1 {
  width: 77px; height: 13px; margin-top: 6px; background-position: -423px -258px; background-size: 500px;
 }
 .ico.star2 {
  width: 77px; height: 13px; margin-top: 6px; background-position: -423px -258px; background-size: 500px;
 }
 .ico.star3 {
  width: 77px; height: 13px; margin-top: 6px; background-position: -423px -258px; background-size: 500px;
 }
 .ico.star4 {
  width: 77px; height: 13px; margin-top: 6px; background-position: -423px -258px; background-size: 500px;
 }
 .ico.star5 {
  width: 77px; height: 13px; margin-top: 6px; background-position: -423px -258px; background-size: 500px;
 }
 .ico.trash {
  width: 30px; height: 30px; background-position: -250px -83px; background-size: 700px;
 }
 .ico.error {
  width: 95px; height: 90px; background-image: url("/images/ico/ico-error-2x.png"); background-size: cover;
 }
 .ico.error404 {
  width: 95px; height: 90px; background-image: url("/images/ico/ico-error-404-2x.png"); background-size: cover;
 }
 .ico.error500 {
  width: 95px; height: 90px; background-image: url("/images/ico/ico-error-500-2x.png"); background-size: cover;
 }
 .ico.pin {
  height: 28px; background-position: center 25px; background-size: 30px auto;
 }
 .ico.phone {
  height: 28px; background-position: center 25px; background-size: 30px auto;
 }
 .ico.email {
  height: 28px; background-position: center 25px; background-size: 30px auto;
 }
 .ico.user {
  height: 28px; background-position: 30px center; background-size: 30px auto;
 }
 .ico.erp {
  height: 28px; background-position: 30px center; background-size: 30px auto;
 }

 /* Button */
 .bt-area .bt:only-child {
  width: 100%;
 }
 .bt-area .bt.more:only-child {
  width: auto;
 }
 .bt-area .bt:nth-last-child(3),.bt-area .bt:nth-last-child(3) ~ .bt {
  min-width: 90px;
 }
 .bt-area .bt:nth-last-child(4),.bt-area .bt:nth-last-child(4) ~ .bt {
  min-width: 64px; padding: 0 10px;
 }
 .bt.small {
  padding: 0 10px; font-size: 14px; font-weight: 600; line-height: 32px;
 }
 .bt.medium {
  min-width: 128px; padding: 0 20px; font-size: 16px; line-height: 46px;
 }
 .bt.large {
  min-width: 128px; padding: 0 20px; font-size: 16px; line-height: 48px;
 }
 .bt.more {
  font-size: 16px;
 }
 .bt.more:before {
  width: 29px; height: 29px;
 }
 .bt.more.block {
  width: 212px; height: 52px; padding-top: 10px; padding-left: 24px;
 }
 .bt.more strong {
  padding-right: 40px;
 }
 .bt.more.block:before {
  right: 32px;
 }
 .bt.download {
  padding: 0 37px 0 10px; font-size: 13px; background-image: url("/images/ico/ico-mobile-down.png"); background-size: auto 13px;
 }
 .bt.filtering {
  min-width: 0;
 }
 .bt.filtering:before {
  width: 20px; height: 18px; background-position: -387px -287px; background-size: 500px;
 }
 .bt.help {
  font-size: 14px; font-weight: 600;
 }
 .bt.help:before {
  width: 18px; height: 18px; background-position: -387px -256px; background-size: 500px;
 }

 /* Form */
 .ui-select {
  width: 100% !important; min-width: 0;
 }
 .ui-select .s-title {
  width: 100%; height: 48px;
 }
 .ui-select .s-title {
  height: 48px;
 }
 .ui-select+.ui-select {
  margin-top: 10px; margin-left: 0;
 }
 .ui-select+.bt {
  width: 100%; margin-top: 10px; margin-left: 0;
 }

 /* date */
 .ui-date {
  display: block; white-space: normal; padding-right: 0;
 }
 .ui-date select {
  width: 100%; margin-bottom: 10px;
 }
 .ui-date input[type="text"] {
  width: calc(50% - 10px) !important; padding-left: 15px;
 }
 .ui-date .ui-datepicker-trigger {
  margin-left: -30px;
 }
 .ui-date span {
  margin-left: 10px;
 }

 /* address */
 .ui-address {
  position: relative;
 }
 .ui-address input[type="text"].zipcode {
  width: 120px !important;
 }

 /* email */
 .ui-email {
  text-align: center;
 }
 .ui-email input[type="text"] {
  width: calc(50% - 20px);
 }
 .ui-email .atsign {
  margin: 0 10px; line-height: 48px;
 }
 .ui-email select {
  width: 100%; margin: 10px 0;
 }
 .ui-email .bt {
  width: 100%;
 }
 .box-gray .ui-email>div+div {
  margin-top: 20px;
 }
 .box-gray .ui-email>div input[type="text"] {
  width: calc(50% - 22px);
 }
 .box-gray .ui-email>div+div input[type="text"] {
  width: 100%; margin-bottom: 10px; margin-right: 0;
 }

 /* Text */
 .label.text {
  font-size: 14px; font-weight: 600;
 }
 .no-data {
  font-size: 14px; font-weight: 600;
 }
 .no-data:before {
  width: 15px; height: 15px; margin-right: 10px; margin-bottom: 2px; background-position: -285px -89px; background-size: 700px;
 }
 .img-full+.tit-dot {
  margin-top: 30px;
 }
 .tit-info {
  margin-bottom: 10px; font-size: 18px;
 }
 .txt-total {
  margin-top: 10px; font-size: 18px;
 }

 /* pagination */
 .pagination .p-more {
  display: block !important;
 }
 .pagination .p-more button {
  line-height: 48px;
 }
 .pagination .p-page {
  display: none !important; margin: 0 -5px;
 }
 .pagination .p-page button {
  width: 29px; height: 29px; margin: 0 2px; font-size: 14px; font-weight: 600;
 }
 .pagination .p-page button.first,.pagination .p-page button.prev,.pagination .p-page button.next,.pagination .p-page button.last {
  background-size: 700px;
 }
 .pagination .p-page button.first {
  background-position: -34px -84px;
 }
 .pagination .p-page button.prev {
  margin-right: 5px; background-position: -63px -84px;
 }
 .pagination .p-page button.next {
  margin-left: 5px; background-position: -90px -84px;
 }
 .pagination .p-page button.last {
  background-position: -118px -84px;
 }
 .pagination+.bt-area {
  margin-top: 30px;
 }

 /* List */
 .list-hyphen li {
  font-size: 14px; font-weight: 600;
 }
 /* List Number */
 .list-num li {
  font-size: 14px; font-weight: 600;
 }
 /* List Table */
 .list-table {
  border-top: 2px solid #191919;
 }
 .list-table thead {
  display: none;
 }
 .list-table colgroup {
  display: none;
 }
 .list-table tbody {
  display: block; width: 100%;
 }
 .list-table tr {
  display: block; width: 100%;
 }
 .list-table tr th,.list-table tr td {
  position: relative; display: block; width: 100%; padding: 10px 0; border-width: 0; font-size: 14px; font-weight: 600; text-align: left;
 }
 .list-table tr td {
  min-height: 40px; padding: 10px 0; border-bottom: 1px solid #ccc;
 }
 .list-table thead+tbody tr {
  margin-bottom: 20px; border-top: 1px solid #ccc;
 }
 .list-table thead+tbody tr:first-child {
  border-top: 0;
 }
 .list-table thead+tbody th,.list-table thead+tbody td {
  display: inline-block; vertical-align: middle; width: auto; padding: 5px 0;
 }
 .list-table thead+tbody th {
  margin-right: 5px; padding: 10px; line-height: 16px; color: #518406;
  font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;
  font-size: 14px; font-weight: 600; text-align: center; background: #f3f3f3; border-radius: 2px;
 }
 .list-table thead+tbody td {
  position: relative; width: 100%; padding: 10px 0; padding-left: 110px; text-align: left !important;
 }
 .list-table thead+tbody td.align-c {
  text-align: left;
 }
 .list-table thead+tbody td:before {
  content: attr(data-cell-header); position: absolute; left: 0; top: 0; bottom: 0; width: 100px; padding: 10px 0; line-height: 16px;
  color: #191919; font-size: 14px; font-weight: 600; text-align: center; background: #f3f3f3;
 }
 .list-table.js-chk-wrap thead+tbody td:first-child:before {
  content: "선택"; line-height: 22px;
 }
 .list-table thead+tbody td .list-hyphen li:first-child {
  margin-top: 0;
 }
 .list-table thead+tbody+tfoot td {
  position: relative; width: 100%; padding: 10px 0; padding-left: 110px; font-weight: 600;
 }
 .list-table thead+tbody+tfoot td:before {
  content: attr(data-cell-header); position: absolute; left: 0; top: 0px; bottom: 0; width: 100px; padding: 10px 0; line-height: 16px;
  color: #fff; font-size: 14px; font-weight: 600; text-align: center; background: #518406;
 }
 .list-table+.title-sub {
  margin-top: 32px;
 }
 /* List Step */
 .list-step {
  margin-bottom: 45px;
 }
 .list-step>li {
  width: auto; min-width: 0; max-width: 70%; margin-right: 8px; padding: 1px; font-size: 14px; font-weight: 600; line-height: 26px;
 }
 .list-step>li:last-child {
  margin-right: 0;
 }
 .list-step>li:after {
  top: 14px;
 }
 .list-step>li>strong {
  display: inline-block; vertical-align: top; padding: 0 10px;
 }
 .list-step>li>strong em,.list-step>li>span {
  overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important;
  clip-path: polygon(0 0, 0 0, 0 0) !important;
 }
 .list-step>li.current strong em,.list-step>li.current span {
  overflow: hidden !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important;
  clip-path: none !important;
 }
 .list-step>li.current>span {
  display: inline-block; vertical-align: top; padding: 0 10px; color: #518406; background: #fff;
 }
 .box-cont .list-step {
  width: 100%; margin: 0;
 }
 .box-cont .list-step>li {
  width: 100%; min-height: 0; max-width: 100%; margin-bottom: 30px; margin-right: 0; padding: 4px; border: 4px solid #c8e29f;
 }
 .box-cont .list-step>li:after {
  right: 50%; top: auto; bottom: -40px; transform: rotate(90deg) translateX(-50%);
 }
 .box-cont .list-step>li>strong {
  padding: 9px; font-size: 16px;
 }
 .box-cont .list-step>li>strong span {
  margin-bottom: 5px; font-size: 14px; font-weight: 600;
 }
 .box-cont .list-step>li>div {
  padding: 9px;
 }
 .box-cont .list-step>li>div em {
  font-size: 16px;
 }
 .box-cont .list-step>li>div .list-dot li {
  font-size: 14px; font-weight: 600;
 }
 .box-info2.mileage>div {
  padding-left: 0; padding-top: 120px; background-position: center top; background-size: auto 100px;
 }
 .list-step-apply ul>li {
  font-size: 14px; font-weight: 600;
 }
 .list-step-apply ul>li em {
  font-size: 18px;
 }
 /* box column */
 .box-column>* {
  width: 100% !important;
 }
 .box-column .title-main h2,.box-column .title-main h3 {
  margin-bottom: 15px; font-size: 24px;
 }
 .box-column .title-main .bt.more {
  top: 0;
 }

 /* R&D홍보관 */
 .box-column.rnd {
  margin-top: 55px;
 }
 .box-column.rnd>div {
  margin-bottom: 40px; margin-left: 0;
 }
 .box-column.rnd>div:first-child {
  margin-bottom: 20px;
 }
 .box-column.rnd .l-wrap {
  height: auto;
 }
 .box-column.rnd .img-full {
  text-align: center; background: #dedede;
 }
 .box-column.rnd .img-full img {
  width: 100%; max-width: 440px;
 }
 .box-column.rnd .slick-slide .img-full {
  text-align: left; background: none;
 }
 .box-column.rnd .slick-slide .img-full img {
  margin-bottom: 20px;
 }
 .box-column.rnd .slick-slide {
  width: calc(100vw - 48px);
 }
 .box-column.rnd .slick-list .slick-slide .img-full {
  text-align: center;
 }
 .box-column.rnd .slick-list .slick-slide img {
  display: inline; height: auto;
 }
 .box-column.rnd .section-list.thumb>ul>li {
  padding: 8px 8px 8px 180px;
 }
 .box-column.rnd .section-list.thumb>ul>li .img {
  padding: 8px;
 }
 .box-column.rnd .l-header a {
  height: 7em; padding: 20px 15px 0; font-size: 14px; font-weight: 600;
 }
 .box-column.rnd .l-header a strong {
  margin-bottom: 10px; font-size: 16px;
 }
 .box-column.rnd .l-header .img-full img {
  height: auto;
 }
 .box-column.rnd .l-foot {
  padding: 15px;
 }

 /* 탭 */
 .ui-tabs>ul {
  overflow-x: auto; white-space: nowrap; margin-left: 10px; margin-bottom: 20px;
 }
 .ui-tabs>ul>li {
  float: none; display: inline-block; vertical-align: top; margin: 0 10px 10px;
 }
 .ui-tabs>ul>li:before {
  left: -8px; height: 16px;
 }
 .ui-tabs>ul>li a {
  font-size: 18px; letter-spacing: -2px;
 }
 /* 탭-박스형 */
 .ui-tabs.box>ul {
  margin-left: 0px;
 }
 .ui-tabs.box>ul>li {
  margin: 0 -2px;
 }
 .ui-tabs.box>ul>li a {
  min-width: auto;
 }
 .ui-tabs.box>ul>li:first-child {
  margin-left: 0;
 }
 .ui-tabs.box>ul>li:first-child:nth-last-child(1) {
  width: 100%;
 }
 .ui-tabs.box>ul>li:first-child:nth-last-child(2),.ui-tabs.box>ul>li:first-child:nth-last-child(2) ~ li {
  width: calc(100%/ 2);
 }
 .ui-tabs.box>ul>li:first-child:nth-last-child(3),.ui-tabs.box>ul>li:first-child:nth-last-child(3) ~ li {
  width: calc(100%/ 3);
 }
 .ui-tabs.line>ul>li a {
  min-width: 130px;
 }

 /* 리스트 통합 검색 */
 .section-search {
  border: 0; margin-bottom: 32px; padding: 0;
 }
 .section-search dt:nth-last-child(2) {
  overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important;
  clip-path: polygon(0 0, 0 0, 0 0) !important;
 }
 .section-search dt:nth-child(3),.section-search dt:nth-child(5) {
  position: static !important; width: auto !important; height: auto !important; margin: 0 !important; clip-path: none !important;
 }
 .section-search dt,.section-search dd {
  float: none; width: 100%; margin-top: 0; text-align: right;
 }
 .section-search dt {
  text-align: left;
 }
 .file-input input[type="text"]:nth-last-child(3) {
  width: calc(100% - 290px) !important; margin: 0;
 }
 .section-search dd {
  padding-bottom: 20px;
 }
 .section-search .bt-area {
  margin-top: 20px;
 }
 .section-search dd select {
  width: 100%; height: 48px; margin-bottom: 10px;
 }
 .section-search dd input[type="text"],.section-search dd input[type="search"] {
  width: 100%; margin-bottom: 10px;
 }
 .section-search dd input[type="search"]:first-child,.section-search dd input[type="search"]:nth-last-child(2) {
  width: 100%;
 }
 .section-search .bt.search {
  width: 100%; margin: 10px 0 0; line-height: 48px;
 }
 .section-search dl ~ .ui-checkbox {
  position: absolute; bottom: 34px; left: 0; margin-top: 0; margin-left: 0;
 }
 .search-term.box-info {
  margin-top: 0; margin-bottom: 40px;
 }
 .search-result {
  margin-bottom: 50px; font-size: 16px;
 }
 .search-result em {
  font-size: 18px;
 }
 .search-result strong {
  font-size: 18px;
 }
 .no-result {
  padding-top: 35px;
 }
 .no-result strong {
  width: 220px; margin: 0 auto 15px; font-size: 18px;
 }
 .no-result p {
  margin-bottom: 35px; font-size: 14px; font-weight: 600;
 }

 /* 리스트 */
 .list-header {
  position: relative;
 }
 .list-header .sort select {
  font-size: 14px; font-weight: 600;
 }
 .list-header .total {
  margin-top: 0;
 }
 .list-header h2.total {
  font-size: 16px;
 }
 .list-header .type {
  display: none;
 }
 .list-header .bt.help {
  position: absolute; bottom: 45px; right: 0; font-size: 14px; font-weight: 600;
 }
 .list-header .sort label:first-child {
  background: #fff;
 }
 .list-footer {
  margin-top: 40px;
 }
 /* 리스트 */
 .section-list .no-data {
  padding: 25px 0;
 }
 .section-list>ul>li {
  padding: 10px 10px 0px;
 }
 .section-list>ul>li .l-cont .label {
  margin-top: 6px;
 }
 .section-list>ul>li .l-cont .label.new {
  margin-right: 0;
 }
 .section-list>ul>li .l-cont a {
  display: block; font-size: 16px; text-overflow: ellipsis; white-space: nowrap;
 }
 .section-list>ul>li .l-cont strong {
  margin-top: 13px; margin-bottom: 9px; font-size: 18px;
 }
 .section-list>ul>li .l-info {
  margin-bottom: 8px; font-size: 13px; line-height: 2em;
 }
 .section-list>ul>li .l-info:before {
  left: 0; width: 10px;
 }
 /* 리스트 썸네일 */
 .section-list.thumb>ul>li {
  padding-left: 120px; min-height: 144px;
 }
 .section-list.thumb>ul>li .l-cont {
  min-height: auto;
 }
 .section-list.thumb>ul>li .l-cont strong {
  display: -webkit-box; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
 }
 .section-list.thumb>ul>li .img {
  width: 120px; padding: 20px 15px 20px 0px;
 }
 .section-list.thumb>ul>li .img img {
  width: 104px; height: 104px;
 }
 /* E-book */
 .section-list.card.thumb.ebook {
  border-top: 0;
 }
 .section-list.card.thumb.ebook>ul>li strong {
  -webkit-line-clamp: 3;
 }
 .section-list.card.thumb.ebook>ul>li {
  margin-bottom: 15px; padding-left: 140px; padding-bottom: 40px; border: 0;
  background: #fff url("/images/layout/logo-keiti.png") no-repeat right 20px bottom 20px; background-size: auto 15px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
 }
 .section-list.card.thumb.ebook>ul>li .img {
  width: 140px; padding-left: 15px;
 }
 /* Select */
 .section-list.select>ul>li {
  padding-left: 50px;
 }

 /* 리스트 상세 */
 .section-view {
  margin-bottom: 32px;
 }
 .section-view .view-title {
  padding: 20px 0 15px; font-size: 18px;
 }
 .section-view .view-header>dl {
  padding: 10px 14px;
 }
 .section-view .view-header>.bt-area {
  padding: 0 14px 20px;
 }
 .section-view .view-body {
  padding: 20px 14px;
 }
 .section-view dl dt,.section-view dl dd {
  margin: 5px 0; font-size: 14px; font-weight: 600;
 }
 .section-view dl dd {
  margin: 6px 0;
 }
 .section-view dl dd.wide {
  width: 100%;
 }
 .section-view dl.dl-line dd.wide .label.box {
  margin-bottom: 5px;
 }
 .section-view dl.dl-line dd.wide .label.box+.bt.help {
  margin-top: 0; margin-left: 0;
 }
 .section-view dl.dl-line dt {
  clear: left; width: 80px; padding-right: 12px; font-size: 13px;
 }
 .section-view dl.dl-line dt:before {
  right: 10px;
 }
 .section-view dl.dl-line dd.wide {
  width: calc(100% - 90px);
 }
 .section-view dl.dl-line dd {
  width: calc(100% - 90px); font-size: 13px;
 }
 .section-view dl.dl-dot dt {
  clear: left; width: 90px; padding-left: 10px; font-size: 14px; font-weight: 600;
 }
 .section-view dl.dl-dot dd {
  width: calc(100% - 90px); padding-left: 10px; font-size: 14px; font-weight: 600;
 }
 .section-view dl.dl-dot dt.hr {
  margin-top: 13px; padding-top: 20px;
 }
 .section-view dl.dl-dot dd.hr {
  margin-bottom: 13px !important; padding-bottom: 20px;
 }
 .section-view .view-body dl.dl-file {
  margin: 20px -14px -20px;
 }
 .section-view .view-body dl.dl-file li p {
  float: none;
 }
 .section-view .view-body dl.dl-file li .bt.download {
  float: none; margin-top: 10px;
 }
 .section-view dl.dl-dot dd .form-table {
  margin-bottom: 20px;
 }
 .section-view dl.dl-dot dd .form-table th {
  font-size: 13px;
 }
 .section-view dl.dl-dot dd .form-table td {
  color: #777; font-size: 13px;
 }
 .section-view .view-footer {
  margin-top: 32px;
 }
 .section-view .view-footer .indicator {
  line-height: 55px;
 }
 .section-view .view-footer .indicator a {
  width: 80px; padding: 0;
 }
 .section-view .view-footer .indicator strong {
  font-size: 14px; font-weight: 600; height: 55px;
 }
 .section-view .view-footer .indicator .prev strong {
  
 }
 .section-view .view-footer .indicator .next strong {
  
 }
 .section-view.thumb .view-header {
  padding: 0;
 }
 .section-view.thumb .view-header .img {
  position: static; width: auto; padding: 20px 0 0;
 }
 .section-view.thumb .view-header .img img {
  width: 100%;
 }
 .section-view .view-body .img {
  margin: 0 0 0 -10px;
 }
 .section-view .view-body p+p.img {
  padding-top: 25px;
 }
 .section-view .view-body p.img+p {
  padding-top: 25px;
 }

 /* 상세 비디오 */
 .section-view.video .box-video {
  padding: 12px 0 20px;
 }
 .cont-body .section-view.video .box-video .ui-tabs {
  padding: 0;
 }
 .cont-body .section-view.video .box-video .ui-tabs>strong {
  position: static; width: 100%; margin-top: 30px;
 }
 .cont-body .section-view.video .box-video .ui-tabs>ul {
  position: static; width: 100%; height: 225px; margin: 0;
 }
 .cont-body .section-view.video .box-video .ui-tabs>ul a .img {
  width: 100px; height: 80px;
 }
 .cont-body .section-view.video .box-video .ui-tabs>ul a .time {
  font-size: 13px; letter-spacing: 1px;
 }
 .cont-body .section-view.video .box-video .ui-tabs>ul a .number {
  font-size: 16px; background-size: 12px auto;
 }
 .cont-body .section-view.video .box-video .ui-tabs>ul a strong {
  width: calc(100% - 110px); padding-top: 5px;
 }
 .cont-body .section-view.video .box-video .ui-tabs>div>div {
  padding: 10px;
 }

 /* 등록 */
 .form-table {
  width: 100%; margin-bottom: 40px;
 }
 .form-table colgroup {
  display: none;
 }
 .form-table th {
  float: left; clear: left; width: 100%; margin: 0; padding: 15px 10px 5px; height: auto; border-bottom: 0;
 }
 .form-table th:before {
  display: none;
 }
 .form-table th br {
  display: none;
 }
 .form-table td {
  float: left; clear: left; width: 100% !important; height: auto; margin: 0;
 }
 .form-table [rowspan]:first-child {
  border-right: 0;
 }
 .form-table td select {
  width: 100%; height: 48px; font-size: 16px;
 }
 .form-table td select ~ select,.form-table td select ~ input[type="text"],.form-table td input[type="text"] ~ .ui-date {
  margin-top: 10px;
 }
 .form-table td .ui-tel select ~ input[type="text"] {
  margin-top: 0;
 }
 .form-table td .d-cell>* {
  margin-right: 0px; margin-bottom: 10px;
 }
 .form-table td input[type="text"],.form-table td input[type="search"],.form-table td input[type="password"] {
  width: 100%;
 }
 .form-table td select {
  width: 100%;
 }
 .form-table td input[type="search"] {
  width: 100%;
 }
 .form-table td>input[type="text"]:only-child,.form-table td>input[type="search"]:only-child {
  max-width: none;
 }
 .form-table td hr {
  display: none;
 }
 .form-table.line dt {
  padding-top: 20px; border-bottom: 0;
 }
 .form-table th[class*="rowspan"],.form-table th[class*="rowspan"]+dd {
  height: auto;
 }
 .form-table.line ~ .bt-area {
  margin-top: 40px;
 }
 .form-table.line+.title-sub {
  margin-top: 40px;
 }
 .form-table td .ui-address {
  position: relative;
 }
 .form-table td .form-input {
  display: block; margin-top: 10px; margin-right: 0;
 }
 .form-table td .form-input input[type="text"],.form-table td .form-input input[type="password"],.form-table td .form-input input[type="search"],.form-table td .form-input select
  {
  width: calc(100% - 100px) !important; max-width: 250px;
 }
 .form-table .ui-email input[type="text"] {
  width: calc(50% - 22px) !important;
 }
 .form-table td .form-input input[type="password"] {
  width: 100%;
 }

 /* Header */
 .wrap-header .h-logo {
  padding: 17px 10px;
 }
 .wrap-header .h-menu {
  display: none;
 }
 .wrap-header .h-user {
  height: 56px; padding: 10px 15px 10px;
 }
 .wrap-header .h-user .u-cell {
  display: none;
 }
 .wrap-header .ico.menu {
  top: 10px; right: 5px;
 }
 .wrap-header .ico.search {
  top: 10px;
 }
 .wrap-header .h-search {
  top: 56px;
 }
 .wrap-header .ui-tabs {
  width: auto; margin: 30px 24px 30px;
 }
 .wrap-header .ui-tabs>ul {
  margin-bottom: 20px;
 }
 .wrap-header .ui-tabs>ul>li {
  margin: 0 10px;
 }
 .wrap-header .ui-tabs>ul>li a {
  font-size: 16px;
 }
 .wrap-header .ui-tabs>u>li:before {
  left: -10px; height: 16px;
 }
 .wrap-header .search-form input[type="search"] {
  height: 36px; padding: 0 46px 0 10px; font-size: 13px;
 }
 .wrap-header .ico.s-search {
  width: 26px; height: 26px; background-position: -85px -32px; background-size: 500px;
 }
 .wrap-header .search-form button {
  right: 9px;
 }
 .wrap-header .h-search .s-close {
  left: auto; right: 24px; top: 30px; margin-left: 0;
 }
 .wrap-header .h-search .ico.s-close {
  width: 22px; height: 22px; background-position: -63px -32px; background-size: 500px;
 }
 /* 전체메뉴 */
 .wrap-header .h-sitemap {
  position: fixed; left: auto; right: 0; bottom: 0; width: 330px;
 }
 .wrap-header .h-sitemap:before {
  content: ""; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -2; background: rgba(0, 0, 0, 0.7);
 }
 .wrap-header .h-sitemap .inner {
  position: relative; height: 100%;
 }
 .wrap-header .h-sitemap .menu-header {
  height: 165px; padding: 50px 24px 0;
 }
 .wrap-header .h-sitemap .menu-header .inner {
  height: 100%;
 }
 .wrap-header .h-sitemap .menu-header h1 {
  margin-bottom: 0; font-size: 18px;
 }
 .wrap-header .h-sitemap .menu-header p {
  font-size: 18px;
 }
 .wrap-header .h-sitemap .menu-header p .bt {
  margin: 3px 5px;
 }
 .wrap-header .h-sitemap .menu-header ul {
  position: absolute; bottom: 0; left: -24px; right: -24px;
 }
 .wrap-header .h-sitemap .menu-header ul li {
  float: left; color: #fff; line-height: 40px; text-align: center; background: #518406;
 }
 .wrap-header .h-sitemap .menu-header ul li:first-child:nth-last-child(1) {
  width: 100%;
 }
 .wrap-header .h-sitemap .menu-header ul li:first-child:nth-last-child(2),.wrap-header
		.h-sitemap
		.menu-header
		ul
		li:first-child:nth-last-child(2)
		 ~ li {
  width: calc(100%/ 2);
 }
 .wrap-header .h-sitemap .menu-header ul li:first-child:nth-last-child(3),.wrap-header
		.h-sitemap
		.menu-header
		ul
		li:first-child:nth-last-child(3)
		 ~ li {
  width: calc(100%/ 3);
 }
 .wrap-header .h-sitemap .menu-body {
  height: calc(100% - 165px); padding-bottom: 0; background: #f3f3f3;
 }
 /* .wrap-header .h-sitemap .menu-body:before {
        content: '';
        position: absolute;
        top: 165px;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 207px;
        background: #fff;
    } */
 .wrap-header .h-sitemap .depth1>li {
  width: 100%; margin: 0;
 }
 .wrap-header .h-sitemap .depth1>li>h2,.wrap-header .h-sitemap .depth1>li>a {
  display: block; width: 120px; font-size: 16px; font-weight: 300; line-height: 64px; text-align: center; border: 0px; background-color: #f3f3f3;
  border-radius: 0;
 }
 .wrap-header .h-sitemap .depth1>li>h2>a {
  display: block;
 }
 .wrap-header .h-sitemap .depth1>li>h2.ui-state-active,.wrap-header .h-sitemap .depth1>li>a.ui-state-active {
  color: #191919; background: #fff;
 }
 .wrap-header .h-sitemap .depth2 {
  overflow: auto; position: absolute; top: 0; right: 0; width: 210px; height: 100% !important; padding: 0 20px 20px; background: #fff;
  border: 0px; border-left: 1px solid #ccc;
 }
 .wrap-header .h-sitemap .depth2>li {
  margin-bottom: 0; padding: 0;
 }
 .wrap-header .h-sitemap .depth2>li:before {
  display: none;
 }
 .wrap-header .h-sitemap .depth2>li>button,.wrap-header .h-sitemap .depth2>li>a,.wrap-header .h-sitemap .depth2>li>strong {
  display: block; font-size: 16px; font-weight: 300; line-height: 64px; letter-spacing: -1px;
  background: url("/images/ico/ico-mobile-menu.png") no-repeat right 0 center; background-size: 12px auto; cursor: pointer;
 }
 .wrap-header .h-sitemap .depth2 li.current strong,.wrap-header .h-sitemap .depth2 li a:hover,.wrap-header .h-sitemap .depth2 li a:focus,.wrap-header .h-sitemap .depth2 li.current a
  {
  color: #191919; font-weight: 300; border: 0;
 }
 .wrap-header .h-sitemap .depth2>li>button.ui-state-active,.wrap-header .h-sitemap .depth2>li>a.ui-state-active {
  color: #191919; font-weight: 300; background-image: url("/images/ico/ico-mobile-menu-up.png");
 }
 .wrap-header .h-sitemap .depth2>li>button:only-child,.wrap-header .h-sitemap .depth2>li>a:only-child {
  background: none !important;
 }
 .wrap-header .h-sitemap .depth1.user {
  position: fixed; bottom: 0; right: 0; width: 327px; background: #fff; border-top: 1px solid #ccc;
 }
 .wrap-header .h-sitemap .depth1.user .depth2 {
  display: none;
 }
 .wrap-header .h-sitemap .depth1.user>li {
  position: relative; width: calc(100%/ 3);
 }
 .wrap-header .h-sitemap .depth1.user>li:before {
  content: ""; position: absolute; right: -4px; top: 50%; height: 12px; transform: translateY(-50%); border-right: 1px solid #777;
 }
 .wrap-header .h-sitemap .depth3 {
  margin: 0px 10px; padding: 0; border: 0px; background: none;
 }
 .wrap-header .h-sitemap .depth3.ui-accordion-content-active {
  
 }
 .wrap-header .h-sitemap .depth3>li>a {
  font-size: 14px; font-weight: 600;
 }
 .wrap-header .h-sitemap .m-close {
  top: 16px; right: 16px;
 }

 /* Footer */
 .wrap-footer .inner {
  padding: 115px 24px 20px;
 }
 .wrap-footer .f-logo {
  top: 20px; left: 24px;
 }
 .wrap-footer .f-logo2 {
  top: auto; bottom: 20px; right: 24px;
 }
 .wrap-footer .f-family-link {
  top: 20px; right: 24px; bottom: auto; font-size: 14px; font-weight: 600;
 }
 .wrap-footer .f-sns {
  top: 70px; right: 24px; bottom: auto;
 }
 .wrap-footer .f-family-slide {
  height: 55px;
 }
 .wrap-footer .f-family-slide .inner {
  width: 100%; height: 55px; padding: 18px 46px;
 }
 .wrap-footer .f-family-slide .slick-prev {
  left: -22px;
 }
 .wrap-footer .f-family-slide .slick-next {
  right: -22px;
 }
 .wrap-footer .f-family-slide .slick-slider a {
  padding: 0 12px;
 }
 .wrap-footer .f-family-slide .slick-slide img {
  height: 20px;
 }
 .wrap-footer .f-link {
  margin-bottom: 15px;
 }
 .wrap-footer .f-link ul li a {
  padding-right: 20px; font-size: 13px;
 }
 .wrap-footer .f-link ul li:before {
  right: 10px; height: 10px; border-color: #777;
 }
 .wrap-footer .copyright {
  margin-top: 10px;
 }
 .wrap-footer .f-company {
  font-size: 13px;
 }
 .wrap-footer .f-company address {
  display: block; margin-right: 0;
 }
 .wrap-footer .f-mark a {
  margin-right: 5px;
 }
 .wrap-footer .f-sns a {
  margin-left: 15px;
 }

 /* Back To Top */
 .back-to-top {
  width: 70px; height: 70px; bottom: 30px;
 }

 /* Layer Popup */
 .layer-popup {
  top: 0; left: 0; right: 0; bottom: 0; width: auto !important; transform: none;
 }
 .layer-popup .l-close {
  position: absolute; top: 9px; right: 17px;
 }
 .layer-popup .layer-header {
  padding: 0 23px; background-color: #fff;
 }
 .layer-popup .layer-header h1 {
  color: #2b2b2b; font-size: 20px; line-height: 56px;
 }
 .layer-popup .layer-body {
  max-height: calc(100% - 160px); padding: 40px 23px 0; overflow-y: auto;
 }
 .layer-popup .layer-body:nth-last-child(2) {
  height: calc(100% - 80px); max-height: calc(100% - 80px);
 }
 .layer-popup .layer-footer {
  position: fixed; left: 0; width: 100%; bottom: 0; padding: 20px 23px 30px; text-align: center; background-color: #fff;
 }
 .layer-popup .layer-footer .bt {
  margin: 0 4px;
 }
 .layer-popup.dialog {
  left: 50%; right: auto; top: 50%; min-width: 330px; min-height: auto; bottom: auto; transform: translateX(-50%) translateY(-50%);
 }
 .layer-popup.dialog .layer-body {
  height: auto; padding: 40px 40px 20px; font-size: 14px; font-weight: 600;
 }
 /* .layer-popup .layer-footer {
        position: static;
    } */
 .layer-popup .form-table {
  margin-bottom: 0;
 }

 /* 상세검색 */
 .section-form {
  width: 100%; margin: 0;
 }
 .section-form:before {
  display: none;
 }
 .section-form dl {
  margin: -10px 0;
 }
 .section-form dt {
  clear: left; width: 100%; margin: 0; padding: 0; height: 31px;
 }
 .section-form dt:before {
  display: none;
 }
 .section-form dt br {
  display: none;
 }
 .section-form dd {
  clear: left; width: 100% !important; height: auto; margin: 0; padding-right: 0;
 }
 .section-form dd select {
  width: 100%; height: 48px; font-size: 16px; border: 0; background-color: #f3f3f3;
 }
 .section-form dd .d-cell>* {
  margin-right: 0px; margin-bottom: 10px;
 }
 .section-form dd input[type="text"],.section-form dd input[type="search"] {
  width: 100% !important;
 }
 .section-form dd.wide {
  width: 100%;
 }
 .section-form dd.wide select {
  width: 100%;
 }
 .section-form dd.wide input[type="search"] {
  width: 100%;
 }
 .section-form dd .ui-date select {
  width: 100%;
 }
 .section-form dd .ui-date input[type="text"] {
  width: calc(50% - 12px) !important;
 }
 .section-form dd .ui-date .ui-datepicker-trigger {
  margin-left: -35px;
 }
 .section-form dd .ui-date span {
  margin-left: 16px;
 }
 .section-form dd hr {
  display: none;
 }
 .section-form.line dt {
  padding-top: 20px; border-bottom: 0;
 }
 .section-form dt[class*="rowspan"],.section-form dt[class*="rowspan"]+dd {
  height: auto;
 }
 .section-form.line ~ .bt-area {
  margin-top: 40px;
 }
 .section-form.line+.title-sub {
  margin-top: 40px;
 }
 .section-form dd .ui-address {
  position: relative;
 }
 .section-form dd .ui-address input[type="text"].zipcode {
  width: 120px !important;
 }
 .section-form dd .ui-address .bt {
  position: absolute; left: 135px; top: 0;
 }

 /* Location */
 .location {
  overflow-x: auto;
 }
 .location .inner {
  width: auto; white-space: nowrap;
 }
 .location .inner>* {
  min-width: 30px; height: 36px; font-size: 13px; line-height: 34px;
 }
 .location .inner a:after {
  margin-top: 0;
 }
 .location .inner a em {
  overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip-path: polygon(0 0, 0 0, 0 0);
 }
 .location .inner a .home {
  
 }

 /* Content */
 .wrap-contents {
  padding-top: 55px;
 }
 .wrap-contents>.inner {
  width: 100%; padding: 50px 24px;
 }
 .wrap-contents .c-contents {
  float: none; width: 100%;
 }
 .wrap-contents .c-contents .cont-header {
  margin-bottom: 30px;
 }
 .wrap-contents .c-contents .cont-header h1 {
  font-size: 24px;
 }
 .wrap-contents .c-contents .cont-body.user {
  width: 100%;
 }
 .wrap-contents .c-contents .cont-footer {
  margin-top: 40px;
 }
 /* 공유 */
 .box-share {
  min-width: 0; margin-top: 2px; margin-left: 10px;
 }
 .box-share>button,.box-share>.ui-checkbox {
  width: 25px; height: 25px;
 }
 .box-share .b-sns {
  top: 40px; left: -70px; width: 172px; padding: 7px 4px 7px 7px;
 }
 .box-share .b-sns:after,.box-share .b-sns:before {
  top: -16px; left: 74px;
 }
 .box-share .b-sns:before {
  border-width: 8px;
 }
 .box-share .b-sns:after {
  border-width: 6px; right: 7.5px;
 }
 .box-share .s-share-close {
  top: -40px; left: 70px; width: 25px; height: 25px;
 }
 /* 상단 인포 */
 .box-info {
  padding: 15px; border-width: 8px;
 }
 .box-info strong {
  font-size: 20px;
 }
 .box-info>p {
  font-size: 16px;
 }
 .box-info .bt-area {
  position: static; margin-top: 20px;
 }
 /* 댓글 */
 .box-reply {
  margin-bottom: 40px;
 }
 .box-reply .form-reply {
  height: auto; padding: 7px 10px 10px 10px;
 }
 .box-reply .form-reply textarea {
  height: 100px;
 }
 .box-reply .form-reply .count {
  display: block; margin-bottom: 10px; font-size: 14px; font-weight: 600;
 }
 .box-reply .form-reply .bt.primary {
  position: static; width: 100%; line-height: 32px; border-radius: 3px;
 }
 .box-reply .r-cont {
  padding: 10px 32px 10px 11px;
 }
 .box-reply .list-reply .name,.box-reply .list-reply .date,.box-reply .list-reply .time,.box-reply .list-reply .cont {
  font-size: 14px; font-weight: 600;
 }
 .box-reply .list-reply .ico.trash {
  top: 4px; right: 0;
 }
 .box-reply .r-reply>strong button {
  padding-left: 10px; font-size: 14px; font-weight: 600;
 }
 .box-reply .r-reply>div {
  padding: 10px;
 }
 .box-reply .r-reply>div>ul {
  margin-top: 10px;
 }
 .box-reply .r-reply li {
  padding: 10px 32px 16px 11px;
 }
 /* 추천콘텐츠 */
 .box-recommend {
  margin-bottom: 10px;
 }
 .box-recommend h4 {
  margin-bottom: 10px;
 }
 .box-recommend .section-list {
  margin-bottom: 20px; margin-left: 0; margin-right: 0;
 }
 .box-recommend .section-list.thumb>ul>li .l-cont strong {
  min-height: 0; display: block; text-overflow: ellipsis; white-space: nowrap;
 }
 .box-recommend .section-list.thumb>ul>li .l-cont .label.text {
  font-size: 13px;
 }
 .box-recommend .section-list.thumb>ul>li .l-info strong.date,.box-recommend .section-list.thumb>ul>li .l-info span.date {
  color: #777; font-size: 13px;
 }
 /* 만족도 설문 */
 .box-cs-star {
  padding: 15px 10px;
 }
 .box-cs-star .ui-radio {
  display: block; margin: 5px 0;
 }
 /* 저작권 */
 .box-copyright {
  padding: 75px 12px 20px; background-position: 12px 20px; background-size: auto 48px;
 }
 .box-copyright p {
  font-size: 14px; font-weight: 600;
 }
 /* */
 .box-cont .b-cont .list-dot {
  padding-bottom: 0;
 }
 .box-cont .b-cont .list-dot li strong {
  display: block; margin-bottom: 5px;
 }
 .box-cont .b-cont .list-dot li strong {
  display: block; margin-bottom: 5px;
 }
 /* */
 .box-center {
  display: table; width: 100%; min-height: calc(100vh - 501px); padding: 13px 0; text-align: center;
 }
 .box-center .b-cell {
  display: table-cell; vertical-align: middle;
 }
 .box-center.error .ico {
  margin-bottom: 17px;
 }
 .box-center.error h1 {
  margin-bottom: 15px; font-size: 28px;
 }
 .box-center.error p {
  font-size: 16px; font-weight: 600;
 }
 .box-center.error dl {
  margin-top: 15px;
 }
 .box-center.error dt {
  font-size: 16px; font-weight: 600;
 }
 .box-center.error dd {
  display: inline-block; vertical-align: top; font-size: 16px; font-weight: 600; text-align: left;
 }
 .box-center.error dd span {
  display: inline-block; vertical-align: top;
 }
 .box-center .bt-area {
  margin-top: 40px;
 }
 /* 마일리지 관리 */
 .box-pro {
  margin-bottom: 40px;
 }
 .box-pro ul {
  padding: 10px 0;
 }
 .box-pro ul li {
  float: left; padding: 10px; width: calc(100%/ 2);
 }
 .box-pro ul li label strong {
  font-size: 16px;
 }
 .box-pro ul li input[type="text"] {
  margin-top: 10px;
 }

 /* Main */
 .wrap-contents.main .inner {
  padding: 0 24px;
 }
 /* Section1 */
 .wrap-contents.main section.vs1 {
  height: 480px; padding: 88px 0 0;
 }
 .wrap-contents.main section.vs1 .inner {
  padding: 0 23px 0 46px; padding: 0;
 }
 .wrap-contents.main .vs1 .slick-dots {
  margin-top: 25px; margin-left: 46px;
 }
 .wrap-contents.main .vs1 .slick-dots li button {
  width: 24px; height: 24px; text-indent: -999px;
 }
 .wrap-contents.main .vs1 .slick-dots li button:after {
  width: 8px; height: 8px;
 }
 .wrap-contents.main .vs1 .vs1-slide .pause {
  left: 133px; width: 24px; height: 24px;
 }
 .wrap-contents.main .vs1 .vs1-slide .pause:before,.wrap-contents.main .vs1 .vs1-slide .pause:after {
  width: 3px; height: 8px;
 }
 .wrap-contents.main .vs1 .vs1-slide .play {
  left: 133px; width: 24px; height: 24px;
 }
 .wrap-contents.main .vs1 .vs1-slide .play:after {
  border-width: 5px; background-size: 5px auto;
 }
 .wrap-contents.main .vs1 h2 {
  position: relative; padding: 0 23px 0 46px; font-size: 20px;
 }
 .wrap-contents.main .vs1 h2:before {
  content: ""; position: absolute; top: 15px; left: 0; width: 24px; height: 1px; background: #fff;
 }
 .wrap-contents.main .vs1 h2 strong {
  margin-top: 8px; font-size: 60px; text-indent: -4px;
 }
 .wrap-contents.main .vs1 p {
  position: relative; margin-top: 5px; padding: 0 15px 0 46px; font-size: 16px; line-height: 1.3em; letter-spacing: 0;
 }
 .wrap-contents.main .vs1 p:after {
  content: ""; display: inline-block; vertical-align: middle; width: 150px; height: 1px; margin-left: 10px; background: #fff;
 }
 .wrap-contents.main .vs1 .ui-tabs {
  width: auto; left: 24px; right: 24px; bottom: -26px; z-index: 1; height: auto; padding: 80px 24px 20px 24px;
 }
 .wrap-contents.main .vs1 .ui-tabs ul {
  width: 100%; height: auto; padding: 20px 0 15px 24px; font-size: 16px;
 }
 .wrap-contents.main .vs1 .search-form input[type="search"] {
  height: 35px; font-size: 16px;
 }
 .wrap-contents.main .vs1 .search-form button {
  top: auto; right: 0; bottom: -15px;
 }

 /* Section2 */
 .wrap-contents.main section.vs2 {
  position: relative; height: auto; padding-top: 75px; padding-bottom: 92px;
 }
 .wrap-contents.main .vs2 ul.list-ico {
  margin-right: -12px; width: 100%;
 }
 .wrap-contents.main .vs2 ul.list-ico li {
  width: calc(100%/ 5); min-width: 106px; padding-right: 10px; padding-bottom: 10px;
 }
 .wrap-contents.main .vs2 ul.list-ico li a {
  height: 80px; padding-top: 50px; font-size: 14px; font-weight: 600;
 }
 .wrap-contents.main .vs2 .title-main h2 {
  font-size: 24px;
 }
 .wrap-contents.main .vs2 ul.list-ico li a {
  background-size: 39px auto; background-position: center 12px;
 }
 .wrap-contents.main .vs2 .title-main {
  position: static;
 }
 .wrap-contents.main .vs2 .title-main a.bt.more {
  right: 23px; bottom: 50px;
 }

 /* Section3 */
 .wrap-contents.main .section-middle {
  background-image: url("/images/layout/m-bg-main-vs3.png"); background-size: 100% auto;
 }
 .wrap-contents.main .section-middle:before {
  height: 72px;
 }
 .wrap-contents.main section.vs3 {
  height: auto; padding: 52px 0;
 }
 .wrap-contents.main .vs3 .inner {
  padding: 0 24px; background-position: center bottom; background-size: 100%;
 }
 .wrap-contents.main .vs3 .title-main h2 {
  margin-bottom: 20px; font-size: 26px;
 }
 .wrap-contents.main .vs3 .title-main p {
  margin-bottom: 28px; font-size: 16px;
  /* line-height: 1.3em; */
 }
 .wrap-contents.main .vs3 .title-main p br {
  display: none;
 }
 .wrap-contents.main .vs3 .img {
  position: static; margin-top: 50px;
 }
 .wrap-contents.main .vs3 .img img {
  width: 100%;
 }

 /* Section4 */
 .wrap-contents.main section.vs4 {
  height: auto; padding: 52px 0;
 }
 .wrap-contents.main .vs4 .inner {
  padding: 0 24px;
 }
 .wrap-contents.main .vs4 .vs4-slide {
  position: static; margin-left: -15px;
 }
 .wrap-contents.main .vs4 .title-main {
  margin-top: 25px;
 }
 .wrap-contents.main .vs4 .title-main h2 {
  font-size: 28px; text-align: left;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-list {
  overflow: visible;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-slider {
  padding-left: 0;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-dots {
  position: static; width: calc(100% - 15px); height: 4px; margin-left: 15px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-dots li {
  float: left; height: 100% !important;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-dots li button {
  width: 100%; height: 20px; margin-left: 0; margin-top: -8px;
 }
 .wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(1) {
  width: 100%;
 }
 .wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(2),.wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(2)
		 ~ li {
  width: calc(100%/ 2);
 }
 .wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(3),.wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(3)
		 ~ li {
  width: calc(100%/ 3);
 }
 .wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(4),.wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(4)
		 ~ li {
  width: calc(100%/ 4);
 }
 .wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(5),.wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(5)
		 ~ li {
  width: calc(100%/ 5);
 }
 .wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(6),.wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(6)
		 ~ li {
  width: calc(100%/ 6);
 }
 .wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(7),.wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(7)
		 ~ li {
  width: calc(100%/ 7);
 }
 .wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(8),.wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(8)
		 ~ li {
  width: calc(100%/ 8);
 }
 .wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(9),.wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(9)
		 ~ li {
  width: calc(100%/ 9);
 }
 .wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(10),.wrap-contents.main
		.vs4
		.vs4-slide
		.slick-dots
		li:first-child:nth-last-child(10)
		 ~ li {
  width: calc(100%/ 10);
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-prev,.wrap-contents.main .vs4 .vs4-slide .slick-next {
  display: inline-block; vertical-align: top; width: 34px; height: 34px; text-indent: -999999px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-prev,.wrap-contents.main .vs4 .vs4-slide .slick-next {
  top: -32px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-prev {
  left: auto; right: 42px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-next {
  left: auto; right: 0;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-prev:after,.wrap-contents.main .vs4 .vs4-slide .slick-next:after {
  background-size: 500px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-prev:after {
  background-position: -212px -40px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-next:after {
  background-position: -212px -40px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-prev:hover:after,.wrap-contents.main .vs4 .vs4-slide .slick-prev:focus:after {
  background-position: -245px -40px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-next:hover:after,.wrap-contents.main .vs4 .vs4-slide .slick-next:focus:after {
  background-position: -245px -40px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-slide {
  width: 180px; margin-top: 0 !important; padding: 25px 10px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-slide .l-wrap {
  width: 100%; margin: 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-slide.slick-active .l-wrap {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-slide .l-wrap .img img {
  width: 100%;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-slide .l-wrap .l-header strong {
  width: 100%; min-height: 73px; margin-bottom: 13px; padding: 15px 10px 0; font-size: 16px; line-height: 1.2em; -webkit-line-clamp: 3;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-slide .l-wrap .l-header strong br {
  display: none;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-slide .l-wrap .l-foot {
  padding: 0 10px 15px;
 }
 .wrap-contents.main .vs4 .vs4-slide .slick-slide .l-wrap .l-foot span {
  font-size: 13px;
 }

 /* Section5 */
 .wrap-contents.main section.vs5 {
  height: auto; padding: 23px 0 15px;
 }
 .wrap-contents.main .vs5 .title-main {
  margin-bottom: 20px;
 }
 .wrap-contents.main .vs5 .title-main h2 {
  font-size: 28px; line-height: 1.3em;
 }
 .wrap-contents.main .vs5 .title-main h2 strong {
  display: block;
 }
 .wrap-contents.main .vs5 .title-main a.bt.more {
  bottom: 0;
 }
 .wrap-contents.main .vs5 .ui-tabs {
  margin-left: 0; background: none;
 }
 .wrap-contents.main .vs5 .ui-tabs ul {
  margin-left: -10px; margin-bottom: 35px;
 }
 .wrap-contents.main .vs5 .ui-tabs ul li {
  margin-bottom: 0;
 }
 .wrap-contents.main .vs5 .list-card li {
  float: none; width: 100%; padding-left: 0; padding-bottom: 15px;
 }
 .wrap-contents.main .vs5 .list-card .l-wrap {
  height: 157px; padding: 15px 22px;
 }

 /* Section6 */
 .wrap-contents.main section.vs6 {
  height: auto; padding: 48px 0 55px;
 }
 .wrap-contents.main .vs6 .title-main .bt.more {
  top: 0;
 }
 .wrap-contents.main .vs6 .notice {
  float: none; width: 100%; margin-bottom: 50px;
 }
 .wrap-contents.main .vs6 .notice-board {
  float: none; width: 100%;
 }
 .list-dot li a {
  padding-right: 100px; font-size: 14px; font-weight: 600; line-height: 1.6em;
 }
 .list-dot li a .label {
  margin-top: 0; font-size: 14px; font-weight: 600;
 }
 .list-dot li .date {
  font-size: 14px; font-weight: 600; line-height: 1.6em;
 }
 .wrap-contents.main .vs6 .notice .list-dot {
  height: 202px; padding: 22px 10px;
 }
 .wrap-contents.main .vs6 .title-main h3 {
  margin-bottom: 15px; font-size: 24px;
 }
 .wrap-contents.main .vs6 .notice-board .custom-paging {
  top: -40px;
 }
 .wrap-contents.main .vs6 .slick-slide img {
  width: 100%;
 }
 .wrap-contents.main .vs6 .notice-board .slick-prev,.wrap-contents.main .vs6 .notice-board .slick-next {
  top: -45px;
 }
 .wrap-contents.main .vs6 .notice-board .pause,.wrap-contents.main .vs6 .notice-board .play {
  top: 8px;
 }

 /* Section7 */
 .wrap-contents.main section.vs7 {
  height: auto; padding: 50px 0 50px; background-size: 100%;
 }
 .wrap-contents.main section.vs7 .ui-tabs ul {
  display: none;
 }
 .wrap-contents.main .vs7 .ui-tabs>div {
  position: static; width: 100%;
 }
 .wrap-contents.main .vs7 .title-main:after {
  content: ""; display: block; height: 1px; clear: both;
 }
 .wrap-contents.main .vs7 .title-main h2 {
  margin-bottom: 25px; font-size: 28px;
 }
 .wrap-contents.main .vs7 .title-main a {
  float: right; margin-bottom: 0;
 }
 .wrap-contents.main .vs7 .title-main p {
  margin-bottom: 25px; font-size: 16px;
 }
 .wrap-contents.main .vs7 .video {
  margin-top: 20px;
 }

 /* 코네틱 소개 */
 .tit-his {
  margin-bottom: 15px; padding-bottom: 5px; font-size: 18px;
 }
 .info-kone {
  margin-bottom: 32px; font-size: 24px;
 }
 .list-kone {
  margin-bottom: 50px;
 }
 .list-kone>li {
  height: 250px; margin-left: 20px; padding: 30px 20px; font-size: 20px; background-size: 52px;
 }
 .list-kone>li:first-child {
  background-image: url("/images/ico/ico-kone01-2x.png");
 }
 .list-kone>li:nth-child(2) {
  background-image: url("/images/ico/ico-kone02-2x.png");
 }
 .list-kone>li:nth-child(3) {
  background-image: url("/images/ico/ico-kone03-2x.png");
 }
 .list-kone>li:nth-child(4) {
  background-image: url("/images/ico/ico-kone04-2x.png");
 }
 .list-kone strong {
  display: block;
 }
 /* 리스트-히스토리 */
 .list-his {
  margin-bottom: 0px;
 }
 .list-his>ul>li {
  padding-bottom: 50px;
 }
 .list-his>ul>li:first-child:before {
  top: 19px;
 }
 .list-his>ul>li:last-child:before {
  bottom: auto; height: 20px;
 }
 .list-his>ul>li>strong {
  width: 100px; margin-bottom: 10px; padding-left: 30px; font-size: 22px;
 }
 .list-his>ul>li strong:before {
  top: 15px; left: -3.5px; width: 8px; height: 8px; border-radius: 50%;
 }
 .list-his>ul>li strong:after {
  width: 20px;
 }
 .list-his>ul>li>ul {
  width: 100%; padding-left: 30px;
 }
 .list-his>ul>li>ul>li {
  margin: 0; padding: 10px 0 5px 40px; font-size: 16px;
 }
 .list-his>ul>li>ul>li:first-child {
  padding-top: 5px;
 }
 .list-his>ul>li>ul>li em {
  top: 10px; left: 0; width: 35px; font-weight: 600;
 }
 .list-his>ul>li>ul>li:first-child em {
  top: 5px;
 }
 .list-his>ul>li>ul>li>p {
  width: 140px; font-size: 22px; font-weight: 400;
 }
 .list-his>ul>li>ul>li>ul {
  width: calc(100% - 150px); font-size: 14px; font-weight: 600;
 }
 .list-his.second {
  margin-bottom: 50px;
 }
 .list-his.second>ul>li>strong {
  width: 80px; margin-bottom: 0; padding: 0; font-size: 20px;
 }
 .list-his.second>ul>li {
  min-height: 70px; padding: 10px 0;
 }
 .list-his.second>ul>li>ul {
  width: calc(100% - 80px); padding-left: 0;
 }
 /* 이용안내 */
 .box-fill {
  margin-bottom: 20px; padding: 13px 20px;
 }
 .box-fill>dl>dt {
  width: 50px; font-size: 14px; font-weight: 600;
 }
 .box-fill>dl>dd {
  width: calc(100% - 50px); font-size: 14px; font-weight: 600;
 }

 /*  */
 .rnd-slide {
  min-height: 370px; margin: -30px -23px; padding-bottom: 70px;
 }
 .rnd-slide .bt.more {
  position: absolute; right: -5px; top: auto !important; bottom: 30px;
 }
 .rnd-slide .slick-prev,.rnd-slide .slick-next {
  display: inline-block; vertical-align: top; width: 34px; height: 34px; text-indent: -999999px;
 }
 .rnd-slide .slick-prev,.rnd-slide .slick-next {
  top: auto; bottom: -75px;
 }
 .rnd-slide .slick-prev {
  left: 52px; right: auto;
 }
 .rnd-slide .slick-next {
  left: 52px; right: auto;
 }
 .rnd-slide .slick-prev:after,.rnd-slide .slick-next:after {
  background-size: 500px;
 }
 .rnd-slide .slick-prev:after {
  background-position: -245px -40px;
 }
 .rnd-slide .slick-next:after {
  background-position: -245px -40px;
 }
 .rnd-slide .slick-prev:hover:after,.rnd-slide .slick-prev:focus:after {
  background-position: -245px -40px;
 }
 .rnd-slide .slick-next:hover:after,.rnd-slide .slick-next:focus:after {
  background-position: -245px -40px;
 }
 .rnd-slide .slick-slide {
  width: 184px; margin-top: 0 !important; padding: 25px 10px;
 }
 .rnd-slide .slick-slide .l-wrap {
  width: 100%; margin: 0;
 }
 .rnd-slide .slick-slide .l-wrap .img img {
  width: 100%;
 }
 .rnd-slide .slick-slide .l-wrap .l-header strong {
  width: 100%; min-height: 73px; margin-bottom: 13px; padding: 15px 10px 0; font-size: 16px; line-height: 1.2em; -webkit-line-clamp: 3;
 }
 .rnd-slide .slick-slide .l-wrap .l-header strong br {
  display: none;
 }
 .rnd-slide .slick-slide .l-wrap .l-foot {
  padding: 0 10px 15px;
 }
 .rnd-slide .slick-slide .l-wrap .l-foot span {
  font-size: 13px;
 }

 /* 로그인 */
 .box-login {
  height: auto;
 }
 .box-login:before {
  display: none;
 }
 .box-login .inner {
  position: static; height: auto; margin: 0 auto; padding: 0; transform: none; box-shadow: none;
 }
 .box-login .inner .l-head h1 {
  margin-bottom: 38px; font-size: 24px; text-align: center;
 }
 .box-login .inner .l-body dl {
  margin-bottom: 10px;
 }
 .box-login .inner .l-body dl:after {
  content: ""; display: block; height: 1px; clear: both;
 }
 .box-login .inner .l-body dd {
  margin-bottom: 10px;
 }
 .box-login .inner .l-body .bt.large {
  margin-bottom: 15px;
 }
 .box-login .inner .l-foot {
  margin-top: 30px; padding-top: 0; border-top: 0;
 }
 .box-login .inner .l-foot p {
  padding-left: 0;
 }

 /* 아이디/비밀번호 찾기 */
 .box-user .ui-radio.button {
  
 }
 .box-user .ui-radio.button button {
  width: 100%; font-size: 14px; font-weight: 600;
 }
 .box-user .box-center {
  margin-bottom: 0; padding-bottom: 20px;
 }
 .box-user .box-center h2,.box-user .box-center h3 {
  margin-bottom: 20px; font-size: 16px;
 }
 .box-user h3 {
  margin-top: 30px; font-size: 16px;
 }
 .box-column.column1 .box-center {
  width: calc(100%/ 2) !important; min-height: auto;
 }
 .box-column.column1 .box-center .ui-radio.button button {
  height: 40px; padding: 0; line-height: 40px;
 }
 .box-column.column2 .box-center {
  width: calc(50% - 5px) !important; min-height: 0;
 }
 .box-column.column2 .box-center+.box-center {
  margin-left: 10px;
 }
 .box-column.column2 .box-center .ui-radio.button {
  width: 100%;
 }
 .box-column.column2 .box-center .ui-radio.button+.ui-radio.button {
  margin-left: 0; margin-top: -1px;
 }
 .box-column.column2 .box-center .ui-radio.button .ico {
  height: 80px; padding-top: 0 !important; padding-left: 70px !important; line-height: 80px; text-align: left;
 }
 .box-column.column3 .box-center {
  width: calc(100%/ 3 * 2) !important; min-height: 0;
 }
 .box-column.column3 .box-center .ui-radio.button {
  width: 50%; margin-right: 0;
 }
 .box-column.column3 .box-center+.box-center {
  width: calc(100%/ 3) !important; margin-left: -2px;
 }
 .box-column.column3 .box-center+.box-center .ui-radio.button {
  width: 100%; margin-left: 0; margin-right: 0;
 }
 .box-column.column3 .box-center .ui-radio.button+.ui-radio.button {
  margin-left: -1px;
 }
 .box-column.column3 .box-center .ui-radio.button .ico {
  height: 107px; padding-top: 33px !important;
 }
 .box-user .tit-dot {
  margin-bottom: 0;
 }
 .box-user .tit-dot+.tit-dot {
  margin-top: 5px;
 }
 .box-user .txt-dot {
  padding-left: 20px;
 }
 .box-user .box-gray {
  margin-bottom: 40px; padding: 15px 0; border-left: 0; border-right: 0;
 }
 .box-user .tit-dot+.box-gray {
  margin-top: 30px;
 }
 .box-result {
  margin-top: 40px; padding-top: 67px; background-size: 48px auto;
 }
 .box-result strong {
  width: 220px; margin: 0 auto 15px; font-size: 18px;
 }
 .box-result p {
  margin-bottom: 35px; font-size: 14px; font-weight: 600;
 }
 .box-result ul {
  width: 300px; margin: 30px auto 30px;
 }
 .box-result li {
  margin-top: 5px; font-size: 14px; font-weight: 600;
 }
 .box-result li strong {
  width: 60px; font-size: 14px; font-weight: 600;
 }

 /* 회원가입 */
 .cont-body.user .list-step {
  width: auto; margin-left: -20px; margin-right: -20px;
 }
 /* 약관동의 */
 .box-policy {
  margin-bottom: 40px;
 }
 .box-policy ul li {
  margin-top: 15px;
 }
 .box-policy ul li+li {
  margin-top: 28px;
 }
 .box-policy ul li .ui-checkbox {
  padding: 15px 20px;
 }
 .box-policy ul li .ui-checkbox [type="checkbox"]+label {
  font-size: 14px; font-weight: 600; line-height: 1.5em;
 }
 .box-policy .ui-checkbox [type="checkbox"].js-chk-all+label {
  padding-left: 40px; font-size: 18px;
 }
 .box-policy .terms {
  max-height: 190px; padding: 15px 20px;
 }
 .box-policy .terms pre h3 {
  font-size: 14px; font-weight: 600;
 }

 /* 국가별 환경통합지표 */
 .integindicator-wrap .chart-list .chart-box .list-table {
  border-top: 0px;
 }
 .integindicator-wrap .chart-list .chart-box .list-table table thead,.integindicator-wrap .chart-list .chart-box .list-table table tbody {
  display: table-row-group;
 }
 .integindicator-wrap .chart-list .chart-box .list-table table thead th {
  border-top: 1px solid #191919; background: #f3f3f3;
 }
 .integindicator-wrap .chart-list .chart-box .list-table table tr {
  display: table-row;
 }
 .integindicator-wrap .chart-list .chart-box .list-table table th,.integindicator-wrap .chart-list .chart-box .list-table table td {
  display: table-cell; width: auto; padding: 10px 5px; padding-left: 0; color: #191919; font-size: 11px; text-align: center !important;
  background: none; border-bottom: 1px solid #ccc;
 }
 .integindicator-wrap .chart-list .chart-box .list-table table td:before {
  display: none;
 }
 .wrap-footer .f-family-link+button {
  display: none;
 }
}

@media screen and (max-width: 1000px) {
 /* List Step */
 .box-cont div.list-step-apply ul>li {
  float: none; width: 100%; height: auto; margin: 0; margin-top: -1px; padding: 15px;
 }
 .box-cont div.list-step-apply ul>li:first-child {
  margin-top: 0; padding: 15px;
 }
 .box-cont div.list-step-apply ul>li:before,.box-cont div.list-step-apply ul>li:after {
  left: 85px; top: 100%; right: auto; transform: rotate(90deg) translateY(50%);
 }
 .box-cont div.list-step-apply ul>li p,.box-cont div.list-step-apply ul>li ol {
  padding: 4px 5px 0 10px; display: inline-block; vertical-align: top;
 }
 .box-cont div.list-step-apply ul>li li {
  display: inline-block; vertical-align: top; margin-right: 5px;
 }
}

@media screen and (max-width: 768px) {
 .section-view .view-body .video iframe {
  height: 250px;
 }

 /* 국가별 환경통합지표 */
 .integindicator-wrap {
  margin-top: 10px;
 }
 .integindicator-wrap h2 {
  line-height: 40px; font-size: 24px;
 }
 .integindicator-wrap h2 .point {
  font-size: 36px;
 }
 .integindicator-wrap h3 {
  margin-bottom: 10px; font-size: 20px;
 }
 .integindicator-wrap .data-box {
  margin-top: 20px;
 }
 .integindicator-wrap .desc-box .title {
  margin-bottom: 10px; font-size: 14px; font-weight: 600;
 }
 .integindicator-wrap .desc-box .title:nth-of-type(n + 2) {
  margin-top: 25px;
 }
 .integindicator-wrap .desc-box .desc {
  font-size: 14px; font-weight: 600;
 }
 .integindicator-wrap .desc-box .desc .point1 {
  font-size: 26px;
 }
 .integindicator-wrap .desc-box .desc .point2 {
  font-size: 20px;
 }
 .integindicator-wrap .chart-list .title-box .title {
  display: block; font-size: 16px;
 }
 .integindicator-wrap .chart-list .title-box .desc {
  margin-top: 5px; display: block;
 }
 .integindicator-wrap .chart-list .chart:nth-of-type(n + 2) {
  margin-top: 30px;
 }
 .integindicator-wrap .chart-list .chart-box {
  padding: 15px;
 }
 .integindicator-wrap .chart-list .chart-box .list-table table th,.integindicator-wrap .chart-list .chart-box .list-table table th td {
  padding: 10px 5px; font-size: 11px;
 }
 .integindicator-wrap .chart-list .chart-box .btn-toggle {
  right: 15px; top: 15px;
 }
 .integindicator-wrap .desc-box {
  position: static; width: 100%; left: 0; top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);
  -o-transform: translateY(0); transform: translateY(0); text-align: center;
 }
 .integindicator-wrap .desc-box .title:nth-of-type(n + 2) {
  margin-top: 40px;
 }
 .integindicator-wrap .integindicator-info {
  padding: 20px;
 }
 .integindicator-wrap .integindicator-info .data-box {
  min-height: auto;
 }
 .integindicator-wrap .integindicator-info .btn-indicator-download {
  margin-top: 20px;
 }
 .integindicator-wrap .integindicator-info .canvas-box {
  margin: 30px 0 0;
 }
 .integindicator-wrap .chart-list .chart-box .data-box {
  min-height: auto;
 }
 .integindicator-wrap .chart-list .chart-box .list-table,.integindicator-wrap .chart-list .chart-box.income .list-table {
  margin-top: 30px; padding-left: 0;
 }

 /* 국가별 환경통합지표 */
 .integindicator-wrap .integindicator-info .country-tab {
  display: none;
 }
 .integindicator-wrap .integindicator-info .country-select {
  display: block; width: 100%; background-color: #fff;
 }

 /* 코네틱 소개 */
 .list-kone>li {
  width: calc(100%/ 2 - 10px); margin-bottom: 20px;
 }
 .list-kone>li:first-child,.list-kone>li:nth-child(3) {
  margin-left: 0;
 }

 /* 레이어 팝업 */
 .layer-popup .layer-footer .ui-checkbox {
  position: static; width: 100%; margin: 20px 0 0; text-align: right;
 }
 .layer-popup[data-tooltip-con="detailSearch"] .layer-body {
  max-height: calc(100% - 200px);
 }
}

@media screen and (max-width: 600px) {
 /* address */
 .ui-address .zipcode+input[type="text"],.ui-address input[type="text"] {
  width: 100%; max-width: 100%;
 }
 .ui-address .bt {
  position: absolute; left: 135px; top: 0;
 }
 .form-input select,.file-input input[type="text"]:nth-last-child(2) {
  width: 100% !important;
 }
 .file-input input[type="text"]:nth-last-child(3) {
  width: 100% !important; margin: 0;
 }
 .file-input .bt {
  margin-top: 10px; margin-left: 0 !important; min-width: 100%;
 }
 .form-table td .ui-tel select ~ input[type="text"] {
  margin-top: 10px;
 }

 /* 마일리지 현황 */
 .box-pro ul li {
  width: 100%;
 }
 .box-pro ul li {
  margin-bottom: 20px;
 }
 .box-pro ul li .ui-radio {
  min-height: 0;
 }

 /* 커스텀 셀렉트 결과 */
 .box-select-add {
  max-height: 200px;
 }
 .box-select-add span {
  display: block;
 }
 .box-select-add span+span:before {
  display: none;
 }

 /*  */
 .box-center.error dl {
  width: 260px;
 }
 .box-center.error p span {
  display: block;
 }
 .box-center.error dd {
  width: calc(100% - 80px);
 }

 /* R&D홍보관 */
 .box-column.rnd .slick-dots {
  width: 100%; margin-left: 0;
 }
}

@media screen and (max-width: 480px) {
 /* tel */
 .ui-tel select {
  width: 100% !important; max-width: 100%;
 }
 .ui-tel input[type="text"] {
  width: calc(50% - 8px) !important; max-width: 100%; margin-left: 0%;
 }
 .ui-tel input[type="text"]:last-child {
  margin-left: 2.5%;
 }
 .ui-tel .bt {
  width: 100%; margin-left: 0; margin-top: 10px;
 }
}

@media screen and (max-width: 400px) {
 .section-view dl.dl-line dt {
  clear: left;
 }

 /* 코네틱 소개 */
 .list-kone>li {
  width: 100%; height: 150px; margin: 0 0 20px 0; background-position: right 10px bottom 15px;
 }
}

/* 04.07 접근성 수정 */
#listTypeCard,#listTypeList,.f-sns a {
 text-indent: -9999px;
}

.text-indent {
 text-indent: -9999px;
}

.box-share>button,.box-share>.ui-checkbox {
 border: 1px solid #555;
}

.ui-checkbox.active {
 border: 1px solid #518406;
}

.ui-checkbox.active .ico.s-bookmark {
 background-color: #518406;
}

.f-family-slide .slick-slide {
 margin: 3px 6px; padding: 0 6px;
}

.ico.m-close.js-tooltip-close:focus {
 border-radius: 3px; outline: 3px solid red;
}

/* 04.25 코네틱 소개 수정 */
.highlight span {
 display: inline-block;
}

/* 04.25 개인정보처리방침 수정 */
.list-table01 table {
 text-align: center; width: 99%; margin: 0 auto; color: #191919; font-weight: 400;
}

.list-table01 thead th {
 padding: 5px; border-top: 1px solid #191919; border-bottom: 1px solid #ccc; background: #f3f3f3; font-weight: bold;
}

.list-table01 tbody td {
 border-bottom: 1px solid #ccc; padding: 5px;
}

.list-table01 thead th:nth-child(1),.list-table01 tbody td:nth-child(1) {
 border-left: 0;
}

.list-table01 thead th:nth-last-child(1),.list-table01 tbody td:nth-last-child(1) {
 border-right: 0;
}

.download_link {
 color: #518406; font-weight: bold;
}

/* 04.25 정책 및 약관 */
.info-page .info-p {
 font-size: 16px; color: #333333; margin-bottom: 30px; line-height: 1.6; font-weight: normal;
}

.info-p.info-p2 {
 margin-bottom: 15px;
}

.info-p.info-p3 {
 margin-bottom: 5px;
}

.info-p.bold {
 font-weight: bold;
}

.info-item {
 margin-bottom: 30px;
}

.info-p-big {
 font-size: 22px; color: #000; font-weight: bold; margin-bottom: 10px;
}

.info-p-mid {
 color: #000; font-weight: bold; font-size: 18px; margin-bottom: 15px;
}

.info-p-mid::before {
 content: "·"; display: inline-block; vertical-align: top; margin-right: 5px;
}

.info-p-important {
 position: relative; color: #63718d; font-size: 14px; line-height: 1.5; padding-left: 15px; font-weight: normal;
}

.info-p-important.big {
 font-size: 16px;
}

.info-p-important::before {
 content: "※"; position: absolute; top: 0; left: 0; display: block;
}

.info-p-small {
 color: #000; font-weight: bold; font-size: 16px; margin-bottom: 10px;
}

.info-item2 {
 margin-bottom: 50px;
}

.info-item2 .info-p-big {
 margin-bottom: 20px;
}

.info-p-sub {
 color: #005683; font-weight: bold; font-size: 18px; margin-bottom: 10px;
}

.info-p-sub.black {
 color: #000;
}

.info-table {
 border-top: 2px solid #000; margin-bottom: 15px;
}

.info-table table {
 table-layout: fixed; width: 100%;
}

.info-table table th {
 background: #f7f7f7; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #000000; font-size: 16px; font-weight: bold;
 padding: 15px; line-height: 1.5;
}

.info-table table td {
 background-color: #fff; color: #333333; font-size: 16px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 15px;
 font-weight: normal; line-height: 1.5;
}

.info-table table td:last-child {
 border-right: 0;
}

.info-table table td.tc {
 text-align: center;
}

.table-ul>li {
 margin-bottom: 5px; line-height: 1.5;
}

.table-ul>li:last-child {
 margin-bottom: 0;
}

.table-ul.star>li,.table-ul.bullet>li {
 position: relative; padding-left: 16px;
}

.table-ul.star>li::before {
 content: "＊"; position: absolute; top: 0; left: 0; display: block;
}

.info-dl dt,.info-dl dd {
 font-size: 16px; color: #333333; display: block;
}

.info-dl dt {
 position: relative; font-weight: bold; padding-left: 12px; margin: 12px 0 8px;
}

.info-dl dt:first-child {
 margin-top: 0;
}

.info-dl dd {
 font-weight: normal; padding-left: 12px;
}

.info-dl.type-bullet dt::before,.info-ul>li::before,.table-ul.bullet>li::before {
 content: "·"; position: absolute; top: 0; left: 0; display: block;
}

.info-ol>li,.info-ul>li {
 position: relative; padding-left: 20px; margin-bottom: 2px; font-size: 16px; color: #333333; line-height: 1.6; font-weight: normal;
}

.info-ol>li span {
 position: absolute; left: 0; top: 0;
}

.info-ol.text>li {
 padding-left: 25px;
}

.info-ol>li.bold {
 font-weight: bold;
}

.info-ul {
 margin: 5px 0;
}

.info-ul>li {
 padding-left: 10px;
}

.info-ul>li.bold {
 font-weight: bold;
}

.link-btn {
 background: url(../../images/contents/external-link.png) no-repeat right center; display: inline-block; vertical-align: middle; width: auto;
 padding-right: 25px; background-size: 18px; margin-top: -2px;
}

a.link-btn:link {
 color: #005683;
}

.link-btn:hover {
 text-decoration: underline;
}

.info-btn {
 position: relative; color: #333333; font-size: 12px; border: 1px solid #ccc; border-radius: 4px; background-color: #f7f7f7; padding: 5px 8px;
 display: inline-block; vertical-align: middle; margin-left: 6px; line-height: normal;
}

.underline {
 text-decoration: underline;
}

.mb10 {
 margin-bottom: 10px;
}

.mb30 {
 margin-bottom: 30px;
}

.mt30 {
 margin-top: 30px;
}

.info-p.term-info-text {
 font-size: 16px; font-weight: 600; margin-bottom: 10px; background: #f4f4f4; padding: 20px;
}

.info-p.term-info-text::before {
 content: ""; width: 3px; height: 3px; border-radius: 50%; background: #000; display: inline-block; vertical-align: middle; margin-right: 5px;
}

.box-policy .info-ul li {
 margin-top: 0; border: 0;
}

.box-policy .info-ul>li+li {
 margin: 0;
}

.box-policy .info-table ul li {
 margin: 0; border: 0;
}

.info-span,.info-span01 {
 padding-left: 8px; display: block;
}

.info-span::before {
 content: "*"; margin-right: 6px;
}

.info-span01::before {
 content: "-"; margin-right: 6px;
}

.info-page .info-p.mb10 {
 margin-bottom: 10px;
}

/* 2022 04 27 가동재 추가 */

/* NK2_FRT_TA_UI_002 */
.list-title {
 color: #000; font-size: 20px; font-weight: bold; line-height: 25px; letter-spacing: -1px; margin-bottom: 11px;
}

.list-flex {
 border-top: 2px solid #24272d; border-bottom: 1px solid #ddd; height: auto; width: 100%; margin-bottom: 30px; display: flex; flex-wrap: wrap;
 justify-content: center;
}

.list-flex ul {
 width: 33%; padding: 20px;
}

.list-flex ul:nth-child(2) {
 border-left: 1px solid #ddd; border-right: 1px solid #ddd;
}

.list-flex ul li {
 color: #666; letter-spacing: -0.5px; margin-bottom: 4px; position: relative;
}

.list-flex ul li::before {
 border-radius: 4px; background-color: #518406; display: inline-block; content: ""; width: 4px; height: 4px; position: absolute; top: 7.5px;
 left: -11px;
}

.bullet-list {
 height: 64px; border-top: 2px solid #24272d; padding: 20px 0 0 14px; margin-bottom: 15px;
}

.bullet-list li {
 color: #666; letter-spacing: -1px; position: relative;
}

.bullet-list li::before {
 border-radius: 4px; background-color: #518406; display: inline-block; content: ""; width: 4px; height: 4px; position: absolute; top: 7.5px;
 left: -11px;
}

.img-box {
 padding-top: 20px; border-top: 2px solid #24272d;
}

.img-box-flex {
 display: flex; flex-wrap: wrap; height: auto; margin-bottom: 30px;
}

.img-box-flex div {
 width: 50%; height: 170px; margin-bottom: 20px;
}

@media screen and (max-width: 1080px) {
 .list-flex ul {
  width: 100%; margin: 0 auto;
 }
 .list-flex ul:nth-child(2) {
  border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
 }
}

/* ----------------------------------- */

/* NK2_FRT_TA_UI_006, NK2_FRT_TA_UI_010 */
.intro-box {
 width: 100%; height: auto; background-color: #f3f3f3; padding: 16px; margin-bottom: 38px;
}

.intro-box-sub {
 width: 100%; height: auto; min-height: 343px; background-color: #fff; padding: 27px 36px; position: relative;
}

.intro-box-sub.short {
 min-height: 0;
}

.intro-box-sub h3 {
 color: #191919; font-size: 24px; font-weight: bold; letter-spacing: -1px; line-height: 25px;
}

.intro-box-sub p {
 color: #191919; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin-top: 18px;
}

.intro-box-sub>span {
 color: #777; display: block; font-size: 16px; font-weight: 500; letter-spacing: -1px; margin-top: 16px;
}

.intro-box-sub ul {
 margin-top: 14px;
}

.intro-box-sub ul li {
 color: #666; font-weight: 400; letter-spacing: -1px; padding-left: 80px; margin-bottom: 8px; position: relative;
}

.intro-box-sub ul li:last-child {
 margin-top: 12px;
}

.intro-box-sub ul li span {
 background-color: #518406; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 400; display: inline-block; line-height: 23px;
 text-align: center; width: 70px; height: 23px; position: absolute; left: 0;
}

.intro-box-sub button {
 position: absolute; right: 30px; bottom: 30px;
}

.img-box2 {
 display: flex; flex-wrap: wrap; justify-content: space-between;
}

.img-box2 div {
 width: 50%;
}

.img-box2 .full {
 width: 100%;
}

.img-box2 div img {
 display: block; margin: 0 auto;
}

@media screen and (max-width: 1140px) {
 .img-box2 div {
  width: 49%;
 }
}

@media screen and (max-width: 1080px) {
 .intro-box-sub button {
  position: static; display: block; margin: 0 auto; margin-top: 20px;
 }
 .img-box-flex div {
  width: 100%;
 }
 .img-box2 div {
  width: 100%;
 }
 .img-box2 div:nth-child(1) {
  margin-bottom: 5%;
 }
 .img-box2 div img {
  margin: 0;
 }
}

@media screen and (max-width: 580px) {
 .img-box2 div:nth-child(1) {
  margin-bottom: 5%;
 }
}

.f-mark {
 /*position: absolute; right: 30px; top: 65px;*/
 position: absolute; right: 20px; top: 65px;
}

@media screen and (max-width: 1440px) {
 .f-mark {
  position: static;
  /*       right: 30px;
      top: 120px; */
 }
}

/* 2022-09-01 */
/* layer popup */
.modal * {
 box-sizing: border-box;
}

.modal {
 width: 50%; display: none;
}

.ant-modal-mask {
 position: fixed; bottom: 0; top: 0; right: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.37);
}

.ant-modal-wrap {
 position: fixed; top: 0; right: 0; left: 0; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch;
}

.ant-modal-wrap {
 z-index: 1000;
}

.ant-modal {
 box-sizing: border-box; padding: 0 0 24px; color: #000; font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none;
 font-feature-settings: "tnum"; pointer-events: none; position: relative; top: 100px; width: auto; max-width: calc(100vw - 32px);
 margin: 0 auto;
}

.ant-modal-content {
 position: relative; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 10px;
 box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.121), 0 6px 16px rgba(0, 0, 0, 0.078), 0 9px 28px 8px rgba(0, 0, 0, 0.05); pointer-events: auto;
}

.ant-modal-close {
 position: absolute; top: 0; right: 0; z-index: 10; padding: 0; color: #00000073; font-weight: 700; line-height: 1; text-decoration: none;
 background: 0 0; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; width: 60px; height: 60px;
}

.ant-modal-close-x {
 display: block; text-indent: -9999px; background: url(../images/btn-close-pop.png) no-repeat center; background-size: 26px; width: 100%;
 height: 100%;
}

svg:not (:root ) {
 overflow: hidden;
}

.ant-modal-header {
 padding: 15px 24px; color: #000; background: #f9f9f9; border-bottom: 1px solid #000; border-radius: 10px 10px 0 0; height: 60px;
}

.ant-modal-title {
 margin: 0; color: #000; font-weight: 500; font-size: 20px; line-height: 150%; word-wrap: break-word;
}

.ant-modal-body {
 padding: 30px 24px 0px; font-size: 15px; line-height: 1.5; word-wrap: break-word; max-height: 700px; overflow-y: auto; color: #444;
 margin-bottom: 20px;
}

.ant-modal-button {
 padding: 0px 24px 24px; text-align: center; font-size: 0;
}

.ant-modal-button button {
 margin-right: 10px; display: inline-block;
}

.ant-modal-button button:last-child {
 margin-right: 0;
}

.ant-modal-button.today-hide {
 position: relative; border-top: 1px solid #ddd; padding: 15px 20px; text-align: right;
}

.today-hide .checkbox {
 padding: 5px 10px; position: absolute; top: 8px; left: 15px;
}

.today-hide .checkbox input[type="checkbox"]+label .txt {
 font-size: 13px; color: #666; margin-left: 8px;
}

.today-hide .btn-modal-close {
 font-size: 13px; color: #666; outline: none; border: none; background: none;
}

.today-hide .btn-modal-close::after {
 content: ""; display: inline-block; vertical-align: middle; background: url("/images/ico/pop-close.png") no-repeat center; width: 10px;
 height: 10px; margin-left: 5px; margin-top: -3px;
}

.ant-modal-left {
 text-align: left;
}

.ant-modal-centered {
 text-align: center;
}

.ant-modal-right {
 text-align: right;
}

.ant-modal-left .ant-modal,.ant-modal-centered .ant-modal,.ant-modal-right .ant-modal {
 top: 0; display: inline-block; text-align: left; vertical-align: middle; max-width: 1000px; width: auto;
}

.ant-modal-left:before,.ant-modal-centered:before,.ant-modal-right:before {
 display: inline-block; width: 0; height: 100%; vertical-align: middle; content: "";
}
/* 버튼 */
.btn {
 display: block; text-align: center; cursor: pointer; border-radius: 4px; letter-spacing: -0.5px;
}

.btn.btn--big {
 height: 48px; line-height: 48px; font-size: 18px; padding: 0 44px;
}

.btn.btn--primary {
 color: #fff; background: #518406; border: 1px solid #518406;
}

.btn.btn--line {
 color: #000; background: #fff; border: 1px solid #ccc;
}

/* checkbox*/
.checkbox_wrap {
 font-size: 0;
}

.checkbox_wrap .checkbox {
 margin-right: 50px;
}

.checkbox {
 display: inline-block; vertical-align: middle; box-sizing: border-box;
}

.checkbox input[type="checkbox"] {
 display: none;
}

.checkbox input[type="checkbox"]+label {
 display: flex; cursor: pointer; align-items: center;
}

.checkbox input[type="checkbox"]+label span {
 display: block; width: calc(100% - 25px);
}

.checkbox input[type="checkbox"]+label .icon {
 position: relative; width: 20px; height: 20px; border: 1px solid #a0a0a0; background: #fff; border-radius: 2px;
}

.checkbox input[type="checkbox"]+label .txt {
 margin-left: 10px; font-size: 15px; color: #000; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.checkbox input[type="checkbox"]:disabled+label .icon {
 background: #eee;
}

.checkbox input[type="checkbox"]:disabled+label .icon:after {
 content: ""; display: block; clear: both; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 13px; height: 11px;
 /*background: url(../images/icon-check-disabled.png);*/
}

.checkbox input[type="checkbox"]:checked+label .icon:after {
 content: ""; display: block; clear: both; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 13px; height: 11px;
 background: url("/images/ico/icon_check.png");
}

/* 2022-09-14 css 추가 */
@media screen and (max-width: 425px) {
 .ant-modal-header {
  height: auto;
 }
 .ant-modal-title {
  font-size: 14px;
 }
 .ant-modal-wrap {
  min-width: 300px;
 }
 .ant-modal-left .ant-modal,.ant-modal-centerd .ant-modal,.ant-modal-right .ant-modal {
  max-width: 320px;
 }
 .ant-modal-left,.ant-modal-right {
  text-align: center;
 }
}

/* 2022-09-29 설문조사 css 반응형 수정 */
.dv-pop-nav > nav > a{
    height: 40px;
}
.survey-custom .flex{
    display: flex;    
}
.survey-custom tbody td > div > .label-input{
    margin-right: 0 !important;
}

.survey-custom tbody td > div.dv-col-3 label:nth-child(3n), 
.survey-custom tbody td > div.dv-col-2 label:nth-child(2n){
    margin-right: 0 !important;
}

.survey-custom .table tbody td > div.dv-col-3 > * {
    width: 29%
}
.survey-custom .table tbody td > div.dv-col-2 > * {
    width: 46.5%;
}
.survey-custom .label-input-checkbox.etc-custom {
    display:flex;
    align-items: center;
}
.survey-custom .label-input-checkbox.etc-custom span{
    margin-right: 5px;
    display: inline-block;
}

.survey-custom .label-input-checkbox.etc-custom div + input{
     height: 25px;
     width: calc(100% - 50px);
}
.survey-custom .label-input-radio > input[type='radio']:checked + i:after {
    content: '';
    top: 2px;
    left: 2px;
}
.survey-custom .dv-pop-question-info-list.dv-col-2 > *{
    width: 45%;
}
.survey-custom .table tbody td > div .other{
    width: 60%;
    margin-right: 0;
}
.survey-custom .table tbody td > div .other input{
    width: calc(100% - 40px);
}
.survey-custom .label-input-checkbox{
     padding: 5px 0;
}
.survey-custom .label-input-checkbox input {
    outline: none;
}

@media screen and (max-width: 600px) {
    .survey-custom .table tbody td > div.dv-col-3 > *, 
    .survey-custom .table tbody td > div.dv-col-2 > *{
           width: 44%;
    }
    .survey-custom .table tbody td > div.dv-col-2.responsive > * {
        width: 46.5%;
    }
    .survey-custom tbody td > div.dv-col-3 label:nth-child(3n){
        margin-right: 15px !important;
    } 
}

@media screen and (max-width: 570px) {
    .survey-custom .table tbody td > div.dv-col-3 > *, 
    .survey-custom .table tbody td > div.dv-col-2 > *, 
    .survey-custom .table tbody td > div.dv-col-2.responsive > *{
           width: 100%;
    }

}

@media screen and (max-width: 500px) {
    .survey-custom .table tbody td > div.dv-col-3 > *, 
    .survey-custom .table tbody td > div.dv-col-2 > *{
           width: 100%;
    }
    
    .survey-custom .dv-pop-question-info-list.dv-col-2 > *{
        width: 100%;
    }
    
    .res-column th{
        display: none;
    }
    .survey-custom .table tbody .res-column td{
      position: relative;
      display: block;
      padding-left: 160%;
      width: calc(100vw - 30px);
      right: 0;
      border-right: 0;
    }
    .survey-custom .table tbody .res-column td:before{
        position: absolute;
        left: 0%;
        top: 50%;
        transform: translateY(-50%);
        padding: 15px 5px;
        background: #f7f7f7;
        border-right: 1px solid #dcdcdc;
        width: 25.3%;        
        box-sizing: border-box;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        color: #000;
        height: 100%;
        display: inline-block;
        line-height: 1.8;
    }
    .survey-custom .table tbody .res-column td:after{
        content: '*';
        color: red;
        position: absolute;
        left: 19%;
        top: 25%;
    }
    .survey-custom .table tbody .res-column td.name:after{
        left: 16%;
    }
    .survey-custom .table tbody .res-column td.phone:after{
        left: 19%;
    }
    .survey-custom .table tbody .res-column td:nth-of-type(1):before{
        content: '성명';
    }
    .survey-custom .table tbody .res-column td:nth-of-type(2):before{
        content: '휴대전화';
    }
}


@media screen and (max-width: 425px){
   .survey-custom .sec-pop-content {
      top: 70px;
  }
  .survey-custom .sec-pop-header > h1{
        font-size: 20px;
   }
   .survey-custom .table tbody .res-column td.name:after{
        left: 17%;
    }
    .survey-custom .table tbody .res-column td.phone:after{
        left: 21%;
    }
}

@media screen and (max-width: 350px){
   .survey-custom .sec-pop-content {
      top: 100px;
  }
   .survey-custom  .dv-pop-nav > nav > a {
        font-size: 12px;
   }
}


/* 2022.09.29 확인서 폼 */
.confirmation{
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family:  'Nanum Myeongjo', '궁서체', serif;
    height: 100%;
    margin: 40px auto 30px;
    position: relative;
    text-align: center;
    padding: 0 68px;
    letter-spacing: -1px;
}

.confirmation h1{
    font-size: 30px;
    margin-bottom: 80px;
    word-break: keep-all;
}

.confirmation .info-list{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.confirmation .info-list li{
    font-size: 18px;
    display: flex;
}
.confirmation .info-list li span{
    display: inline-block;
}
.confirmation .info-list li .title{
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    position: relative;
    padding-left: 16px;
}
.confirmation .info-list li .title:before{
    content: '□';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.confirmation .info-list li .cont{
    height: 30px;
    min-width: 200px;
    max-width: 200px;
    width: 200px;
    text-align: left;
    padding-left: 10px;
}
.confirmation .info-list li .title:after{
    content: '：';
    display: inline-block;
    position: absolute;
    right: -5px;
}
.confirmation .content-text{
    margin: 50px auto 80px;
}
.confirmation .content-text p{
    text-indent: 40px;
    width: 100%;
    font-size: 20px;
    margin: 0 auto;
    line-height: 32px;
    font-weight: normal;
    text-align: left;
    letter-spacing: -1.6px;
    word-break: normal;
    margin-bottom: 50px;
    position: relative;
}
.confirmation .content-text p::after{
    background: url(/images/logo.png) no-repeat center;
    content: '';
    display: inline-block;
    width: 90%;
    height: 100%;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
    z-index: -1;
    opacity: 0.2;
}
.confirmation .content-text p em{
    font-weight: bold;
}

.confirmation .content-text span{
    font-size: 20px;
}
.confirmation .signature h2{
    font-size: 22px;
    display: inline-block;
    position: relative;
}
.confirmation .signature h2::after{
    content: '';
    background: url(/images/stamp.png) no-repeat center;
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: cover;
    position: absolute;
    right: -35px;
    top: 50%;
    opacity: 0.3;
    z-index: -1;
    transform: translateY(-30px);
}

.confirmation .signature em{
    font-weight: bold;
    margin: 0 10px;
}

@media screen and (max-width: 500px) {
    .confirmation{
        padding: 20px;
        justify-content: start;
    }
    .confirmation h1{
        margin-bottom: 30px;
        font-size: 22px;
    }
    .confirmation .content-text{
        margin: 30px auto 40px;
    }
    .confirmation .content-text p{
        margin-bottom: 30px;
    }
    .confirmation .signature h2{
        font-size: 18px;
    }
    .confirmation .signature em{
        margin: 0;
    }
}

@media screen and (max-width: 360px) {
    .confirmation .info-list li{
        flex-direction: column;
        font-size: 16px;
        align-items: flex-end;
    }   
    .confirmation .info-list li .title {
        width: auto;
        min-width: auto;
        max-width: auto;
        position: relative;
        padding-left: 18px;
        text-align: right;
    }
    .confirmation .content-text p{
        font-size: 16px;
    }
    .confirmation .info-list li .cont {
        text-align: right;
        padding-right: 0px;
    }
    .confirmation .info-list li .title:after{
        right: -10px;
    }
    .confirmation .signature h2{
        font-size: 16px;
    }
    .confirmation .signature h2::after {
        content: '';
        background: url(/images/stamp.png) no-repeat center;
        display: inline-block;
        width: 40px;
        height: 40px;
        background-size: cover;
        position: absolute;
        right: -20px;
        top: 50%;
        opacity: 0.3;
        z-index: -1;
        transform: translateY(-20px);
    }
}
/* 2022-10-11 인쇄 페이지리보기 관련 css 추가 */
@media print { /* 인쇄할때 페이지 미리보기 백그라운드 화면 설정 */
 .confirmation .signature h2::after{
     content: '';
     background: url(/images/stamp.png) no-repeat center;
     display: inline-block;
     width: 60px;
     height: 60px;
     background-size: cover;
     position: absolute;
     right: -35px;
     top: 50%;
     opacity: 0.3;
     z-index: -1;
     transform: translateY(-30px);
     -webkit-print-color-adjust:exact;
 } 
 .confirmation .content-text p::after{
     background: url(/images/logo.png) no-repeat center;
     content: '';
     display: inline-block;
     width: 90%;
     height: 100%;
     background-size: contain;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin: 0px auto;
     z-index: -1;
     opacity: 0.2;
     -webkit-print-color-adjust:exact;
 }
.confirmation .content-text{
    margin: 50px auto 80px;
}
.confirmation .content-text p{
    text-indent: 1px;
    width: 100%;
    font-size: 20px;
    margin: 0 auto;
    line-height: 32px;
    font-weight: normal;
    text-align: left;
    letter-spacing: -1.6px;
    word-break: normal;
    margin-bottom: 50px;
    position: relative;
} 
 @page{margin: 0;}/* 인쇄화면 미리보기 머릿글 바닥글 제거 */
 body{margin: 1.6cm;}
}

/* 2022-10-10 */
.ui-checkbox
input[type="checkbox"]{
 /* display:none; */ /* 2023-04-06 웹접근성 */
 position:absolute;
 top: 0;
 left: 0;
 width: 22px;
 height: 22px;
}
.box-share .ui-checkbox input[type="checkbox"] {width:31px; height:31px;}
.cb-custom{
 margin: 5px 0;
}

/* 사업자등록번호 패턴의 문자열일때 하이라이트 */
.brnoHighlight { font-weight:bold; color:#FF0000; cursor:pointer; }