@charset "utf-8";

/*last update : 2023-04-11 14:07*/


body {position: relative; overflow-y: scroll;}


/* font style*/
.tit {color: #333;font-weight: 600;font-size: 34px;line-height: 1.25;letter-spacing: -.02em;}
.xsmall-tit {display: block; font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: -.02em;} 
.small-tit {display: block; font-size: 20px; line-height: 1.5;}
.medium-tit {font-weight: 700; font-size: 24px; line-height: 1.5; letter-spacing: -.02em;}
.large-tit {color: #333; font-weight: 700; font-size: 36px; line-height: 1.61; letter-spacing: -.02em;}
.section-tit {font-weight: 700;color: #333;font-size: 34px;line-height: 1;letter-spacing: -.02em;text-align: center;margin-bottom: 40px;}
.kv_small { font-size: 34px; display: block; margin-top: 15px;}

/* common class */
br {font-family: 'Dotum' !important;}
.m_only {display: none !important;}
.tab_only {display: none;}
.wsnr {white-space: nowrap;}
.clearFix:after {display: block; content:''; clear: both;}
.valign {display: table;}
.valign {display: table; table-layout: fixed;}
.valign > * {display: table-cell; vertical-align: middle;}
.half {font-size: 0;}
.half > * {width: 50%;}
.t-center {text-align: center;}
.t-left {text-align: left !important;}
.t-right {text-align: right !important;}
.bold {font-weight: 700 !important;}
.acumin {font-family: acumin-pro, sans-serif;}
.chn {font-family: "Microsoft Yahei", "微软雅黑";}
.txt-shadow {text-shadow: 0px 1px 3px rgb(0 0 0 / 67%); text-shadow: 0px 1px 3px hsla(0, 0%, 0%, 1); }
.bracket {display: block; font-size: 16px;}
.has-mark p {padding-left: 11px; position: relative; text-align: left; vertical-align: top !important;}
.has-mark p:before {content:'ㆍ'; position: absolute; left: -.3em;}
.indent {padding-left: 20px; margin-top: 8px;}
.indent p {text-indent: -20px;}
.indent-hyphen {padding-left: 20px; margin-top: 8px;}
.indent-hyphen p {text-indent: -20px;}
.privacy_wrap .indent-hyphen p {text-indent: -11px;}
.essential:after {content: "*"; display: inline-block; vertical-align: middle; margin-left: 0.5rem; color: var(--logoRed);}

/* common layout */
.wrap {width: 100vw; color: #4f5254;}
.inner {position: relative; max-width: 1440px; padding: 0 120px; margin: 0 auto; font-size: 0;}
.wrap .obj {position: relative;}
.wrap .floating {position: absolute;}
.wrap .floating-txt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 
.icon {display: inline-block;}
.dimmed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity .5s;}

* + .desc {margin-top: 20px;}
.desc p, p.desc, dd.desc {font-weight: 400; font-size: 18px; line-height: 1.89; letter-spacing: -.02em;}
.desc p.narrow, p.desc.narrow {letter-spacing: -.03em; line-height: 1.67;}
.detail p {font-size: 16px; line-height: 1.88; letter-spacing: -.02em;}

/* btn style */
.more-btn {display: block;}
.more-btn > * {display: inline-block; vertical-align: middle;}
.more-btn .more-txt {font-size: 18px; font-weight: 700; line-height: 1.67; padding-right: 16px;}
.more-btn .more-icon {position: relative; width: 48px; height: 40px;}
.more-btn .more-icon:before {position: absolute; right: 0; content: ''; width: 40px; height: 40px; border-radius: 50%; background-color: #e0e5e9;}
.more-btn .more-icon:after {position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ''; width: 37px; height: 8px; background-repeat: no-repeat; background-image: url('/resources/icon/more-icon.svg'); background-position: center; background-size: 100%; /* transition: .3s ease; */}
.plus-btn {width: 25px; height: 25px; background-repeat: no-repeat; background-image: url('/resources/icon/plus-icon.svg'); background-position: center; background-size: 100% auto; margin: 0 auto;}

.file-btn {transition: .3s ease-in;}
.file-btn:after {content:'';display:inline-block;width:17px;height:15px;background-repeat: no-repeat;background-image: url('/resources/icon/download-icon.png');background-size: 100% 100%;margin-left: 7px;vertical-align: middle;background-position: center;}

.btn-wrap {font-size: 0;}
.btn-wrap  > * {display: inline-block; width: 50%;}
.download-desc {position: relative; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1.67; text-align: center;}
.download-desc + .download-desc:before {content: ''; width: 1px; height: 50px; background-color: #babcbd; position: absolute; left: 0; top: 0;}
.download-desc > * {display: inline-block;}
span + .download-btn {margin-left: 20px;}
.download-btn {display: inline-block;color: #333;font-weight: 700;font-size: 18px;line-height: 1.67;text-align: center;text-align: center;border: 1px solid #333;border-radius: 50vh;padding: 10px 45px;letter-spacing: -.02em;}
.btn_play {position: relative;}
.btn_play:after {content: ''; width: 57px; height: 57px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: no-repeat url('/resources/icon/play-icon.png') center / cover;}

/* header */
header {position: absolute;top: 0;left: 0;width: 100%;height: 118px;z-index: 80;}
header #logo {width: 210px;height: 32px;left: 60px;top: 50%;transform: translateY(-50%);}
header #logo a {width: 100%; height: 100%; background: no-repeat url('/resources/images/logo.svg') center / 100%;}
header .header-inner > * {position: absolute;}
header .utils {right: 0; z-index: 1000;}
header .utils > * {display: inline-block;vertical-align: middle;}
header .utils .menu-btn {position: relative;width: 121px;height: 121px;/* margin-left: 51px;  */transition: transform 400ms ease-in-out;z-index: 60;}
header .utils .menu-btn button {width: 100%;height: 100%;}
header .utils .menu-btn.show {position: fixed; right: 0; top: 0;}
.wrap.sub header .utils .menu-btn.show {background-color: transparent; }
header .utils .menu-btn i {position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; transition: background-color 300ms ease-in-out;}
header .utils .menu-btn i:nth-child(1) {left: 52px; top: 52px;}
header .utils .menu-btn i:nth-child(2) {right: 52px; top: 52px;}
header .utils .menu-btn i:nth-child(3) {left: 52px; bottom: 52px;}
header .utils .menu-btn i:nth-child(4) {right: 52px; bottom: 52px;}
header .utils .menu-btn.show i {transform: rotate(180deg);}
header .utils .menu-btn:hover i,
header .utils .menu-btn.show:hover i{background-color: var(--logoRed);}
header .utils .menu-btn.show i {width: 22px; height: 3px; border-radius: 10px; background-color: #3b4951;}
header .utils .menu-btn.show i:nth-child(1) {left: auto;top: 60.5px;right: 52px;transform: rotate(135deg);}
header .utils .menu-btn.show i:nth-child(2) {top: 60.5px;right: 52px;transform: rotate(45deg);}
header .utils .menu-btn.show i:nth-child(3) {width: 0;}
header .utils .menu-btn.show i:nth-child(4) {width: 0;}

.wrap.sub header .utils .menu-btn {background-color: var(--logoRed); /* transition: .3s ease; */}
.wrap.sub header .utils .menu-btn:hover i,
.wrap.sub header .utils .menu-btn.show:hover i {background-color: var(--atomic);}
.wrap.sub header #logo a {background: no-repeat url('/resources/images/logo-white.svg') center / 100%;}

header .lang li {display: inline-block;}
header .lang li a {color: #3b4951; font-family: acumin-pro, sans-serif; font-weight: 600; font-size: 18px; font-weight: 600; height: 118px; line-height: 118px; letter-spacing: -.02em; padding: 0 10px; transition: color .3s ease;}
header .lang li + li a {padding:0 20px 0 10px; }
header .utils .lang li a {color: #fff; }
header .lang li a:hover,
header .lang li a.active {color: #e64d2c;}

/* gnb-wrap */
header .gnb-bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); z-index: 990; transition: opacity 0.8s;}
header .gnb-wrap {display: none; position: fixed; top: 0; right: 0; width: 33.7%; min-width: 320px; height: 100vh; background-color: #e7e8ea; box-shadow: -1px 0px 21px 0px rgb(19 19 19 / 6%); z-index: 10; transform: translateX(100%); transition: transform .4s; z-index: 999;}
header .gnb-wrap > div {position: relative; width: 100%; margin: 0 auto; height: 100%; padding: 0 80px;}
header .gnb-wrap > div .lang {opacity: 0; display: none;}
header .gnb-wrap > div .menu-wrap {position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
header .gnb-wrap > div .menu-list > li > a {font: 600 36px/1 'acumin-pro', sans-serif; color: #3b4951; opacity: .6; text-transform: uppercase; padding: 21px 0; transition: .3s ease;}
header .gnb-wrap > div .menu-list > li.active > a,
header .gnb-wrap > div .menu-list > li a:hover {color: #3b4951; opacity: 1;}
header .gnb-wrap > div .menu-list > li.active ul {display: block;}
header .gnb-wrap > div .menu-list > li ul {display: none;}
header .gnb-wrap > div .menu-list > li ul li {position: relative; transition: padding-left .3s 0s ease;}
header .gnb-wrap > div .menu-list > li ul li a:before {content: ''; opacity: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0px; height: 28px; background-color: #e64d2c; transition: opacity .3s .05s ease;}
header .gnb-wrap > div .menu-list > li ul li:hover a {padding-left: 16px;}
header .gnb-wrap > div .menu-list > li ul li:hover a:before {opacity: 1; width: 6px;}
header .gnb-wrap > div .menu-list > li ul li a {font-weight: 700; font-size: 22px; line-height: 2.15; color: #a0a4a8; transition: .3s ease; width: 100%;}
header .gnb-wrap > div .seah-info {display: table; position: absolute; bottom: 0; left: 0; width: calc(100% - 160px); margin: 0 80px 26px;}
/* header .gnb-wrap > div .seah-info li {color: #3b4951; display: inline-block; vertical-align: bottom;} */
header .gnb-wrap > div .seah-info li {color: #3b4951; display: table-cell; vertical-align: bottom;}
header .gnb-wrap > div .seah-info li:first-child {width: auto;}
/* header .gnb-wrap > div .seah-info li:last-child {width: 30%; margin-left: 30px;} */
header .gnb-wrap > div .seah-info li:last-child {width: 30%}
header .gnb-wrap > div .seah-info li:first-child > * {font-size: 16px; line-height: 1.5;}
header .gnb-wrap > div .seah-info li:last-child > * {font-size: 14px; line-height: 1.75; text-align: left;}

/* quick-order */
.quick-bg {display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.3);z-index: 40;transition: opacity 0.8s;}
.quick-wrap {display:none; width: 960px;position: fixed;top: 0;right: 0;transform: translateX(100%) translateX(0);transition: transform .4s;z-index: 90;}
.quick-wrap fieldset{overscroll-behavior : contain;}
.quick-container .quick-btn {position: absolute;top: 0;right: 0;width: 362px;font-size: 20px;line-height: 1.7;font-weight: 600;color: #fff;text-transform: uppercase;background-color: var(--atomic);-ms-transform : translate(120px, 120px) rotate(-90deg);transform: translate(120px, 120px) rotate(-90deg); padding: 43px 53px;text-align: left;z-index: 70;}
.quick-wrap + .quick-btn .close-btn {position: absolute;width: 18px;height: 18px;top: 50%;transform: translateY(-50%);right: 15%;display: none;}
.quick-container .quick-btn span {color: #fff;margin-left:-11px;}
.quick-wrap + .quick-btn i {display: block; position: absolute; width: 22px; height: 3px; border-radius: 10px; background-color: #fff;}
.quick-wrap + .quick-btn i:nth-child(1) {transform: rotate(135deg);top: 7px;left: -2px;}
.quick-wrap + .quick-btn i:nth-child(2) {transform: rotate(45deg);top: 7px;right: -2px;}
.quick-wrap.show {transform: translateX(0) translateX(0);}
.quick-wrap.show + .quick-btn span {display: block;}
.quick-wrap.show + .quick-btn {position: fixed;transform: translate(-839px, 120px) rotate(-90deg);transition: transform .4s;z-index: 89;}
.quick-wrap .quick-inner {position: relative; width: 960px;height: 100vh;background-color: #fff;margin-left: auto;}
.quick-wrap .quick-inner .tit-area {padding: 68px 130px 124px; position: relative;}
.quick-wrap .quick-inner .tit-area h2 {font-size: 58px; letter-spacing: -.02em; color:#333; }
.quick-wrap .quick-inner .tit-area .reset-btn {position: absolute;top: 104px;right: 130px;width: 17px;height: 20px; background: no-repeat url('/resources/icon/reset-icon.png') center / contain;}
.quick-wrap .quick-form .tit {display: block; font-family: acumin-pro, NanumSquare, sans-serif; font-size: 26px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; margin-bottom: 26px;}
.quick-wrap .quick-form .row .item .sub-tit {font-size: 18px; line-height: 1.89; letter-spacing: -.03em;}
.quick-wrap .quick-form fieldset {padding: 0 140px;max-height: calc(100vh - 375px);overflow-y: scroll;}
.quick-wrap .quick-form fieldset::-webkit-scrollbar {position: absolute; top: 0; right: 0; width: 8px;} 
.quick-wrap .quick-form .row {font-size: 0;}
.quick-wrap .quick-form .row + .row {margin-top: 71px;}
.quick-wrap .quick-form .row:last-child {margin-bottom:130px;}
.quick-wrap .quick-form .row.half-cont .item {/* width: calc((100% - 40px) / 2); */ width: 47.11%; vertical-align: bottom;}
.quick-wrap .quick-form .row.half-cont .item + .item {margin-left: 5.78%;}
.quick-wrap .quick-form .row .item span {color: #333;}
.quick-wrap .quick-form .row .item input, 
.quick-wrap .quick-form .select-box .label {color: #333; padding: 0 11px 8px}
.quick-wrap .quick-form .row .item span, 
.quick-wrap .quick-form .row .item input, 
.quick-wrap .quick-form .select-box .label,
.quick-wrap .quick-form textarea {font-size: 20px; line-height: 1.7; letter-spacing: -.02em;}
.quick-wrap .quick-form .row .item input::placeholder {font-size: 20px; line-height: 1.7; letter-spacing: -.02em;}
.quick-wrap .quick-form .row .item input:-ms-input-placeholder {font-size: 20px; line-height: 1.7; letter-spacing: -.02em;}
.quick-wrap .quick-form .row .item input[type="text"]:disabled {color: #adadad; -webkit-text-fill-color: #adadad;  border-color: #333; opacity: 1;}
.quick-wrap .quick-form .row .item div.desc {margin-top: 25px;}
.quick-wrap .quick-form .row .item input::placeholder {color: #adadad;}
.quick-wrap .quick-form .row .item input {width: 100%; border-bottom: 1px solid #333;}
.quick-wrap .quick-form .row.three input,
.quick-wrap .quick-form .row.three .select-box {/* width: calc((100% - 70px) / 3); */ width: 29.91%; vertical-align: bottom; }
.quick-wrap .quick-form .row.three .email {position: relative; font-size: 0;}
.quick-wrap .quick-form .row.three .email > * {display: inline-block;}
.quick-wrap .quick-form .row.three .email > * + *:not(.at) {/* margin-left: 35px; */ margin-left: 5.05%; }
.quick-wrap .quick-form .row.three .email .at {position: absolute; padding: 0 9px;}
.quick-wrap .quick-form textarea,
.quick-wrap .quick-form .row .txt {width: 100%; border: 1px solid #333; padding: 15px 21px; height: 160px; overflow-y: scroll;}
.quick-wrap .quick-form .row .txt p {font-size: 16px; line-height: 1.63; letter-spacing: -.03em; color: #333;}
/* .quick-wrap .quick-form .row.privacy .item .tit {font-size: 22px; margin-bottom: 37px;} */
.quick-wrap .quick-form .row.privacy .item .check-box {display: block;margin-top: 30px;text-align: center;width : 20%;margin-left : auto; margin-right : auto;}
.quick-wrap .quick-form .row.privacy .item .check-box span {font-weight: 700; font-size: 18px; line-height: 1.89; margin-left: 8px;}
.quick-wrap .quick-form .file-area > * {display: inline-block; vertical-align: bottom;}
.quick-wrap .quick-form .file-area input[type="text"] {width: calc(100% - 208px); background-color: #fff;}
.quick-wrap .quick-form .file-area .file-search-btn {width: 180px;height: 60px;background-color: #000;font-size: 20px;color: #fff;text-align: center;margin-left: 28px;cursor: pointer;padding: 19px 0;}
.quick-wrap .quick-form .file-area input[type="file"] { position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0;}
.quick-wrap .quick-form .select-box .label {color: #333; border-bottom: 1px solid #333;}
.quick-wrap .quick-form .select-box .label:after {width: 15px; height: 9px; right: 11px; background-image: url('/resources/icon/dropdwon-icon_big.png');}
.quick-wrap .quick-form .select-box .option-list {/* display: block; max-height: 140px; */box-shadow: none; overflow-y: hidden; border-width: 0 1px 0px 1px; border-color: #333; border-style: solid;}
.quick-wrap .quick-form .select-box.active .option-list {border-width: 0 1px 1px 1px; border-color: #333; border-style: solid; max-height: 250px; overflow-y: scroll; margin-right: 1px;}

.quick-wrap .quick-form .submit-btn {position: absolute; left: 0; bottom: 0; width: 100%; font-weight:800;font-size: 22px;color: #fff;height: 100px;line-height: 100px;letter-spacing: -.02em;background-color: var(--logoRed); z-index: 1000;}
.quick-wrap .quick-form .select-box .option-list .option-item > * {text-align: left;}
.quick-wrap .quick-form .select-box button { min-height: 43px; }
.quick-wrap .quick-form .row .item input { min-height: 43px; }




.wrap section {position: relative;}
.wrap section:not(.kv):not(.banner):not(.tabmenu) {overflow: hidden;padding: 120px 0;}
.wrap .kv ~ section:not(.banner):last-of-type {padding-bottom: 200px;}
.wrap .kv ~ section.sec-table + section.sec-table {padding-top: 0 !important;}
.wrap .kv ~ section.about > div {position:relative;}
.wrap .kv {height: 550px; overflow: hidden;}
.wrap .kv .obj {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 101vw; }
.wrap .kv .txt {width: 1000px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wrap .kv .txt  > * {color: #fff;}
.wrap .kv h2 {font-weight: 700;font-size: 50px;line-height: 1.21;text-align: center;}
.wrap .kv.small h2 { line-height: 1; }
.wrap .kv p {line-height: 1.78;}

.wrap .overview .desc p {color: #333;}

/* new component */
.wrap .content-box {width: 100%;}
.wrap .content-box > * {vertical-align: top;} 
.wrap .content-box .tit-wrap {width: 33.333%;padding: 50px 85px 0 0;}
.wrap .content-box .tit-wrap .tit {font-size: 28px; line-height: 1.61;}
.wrap .tit-wrap .num {font-family: acumin-pro, sans-serif; font-size: 28px; line-height: 1.2; font-weight: 600; letter-spacing: -.02em; color: var(--logoRed); margin-bottom: 10px;}
.wrap .content-box .obj-wrap {width: 66.666%;} 
.wrap .content-box + .content-box {margin-top: 100px;}


/* sec-full-layout */
.wrap .sec-full .obj {position: relative;}
.wrap .sec-full .obj .txt {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wrap .sec-full .txt {text-align: center;}

/* 2분할 layout - default */
.wrap .half-cont {font-size: 0; position: relative; width: 100%;}
.wrap .half-cont > * {display: inline-block; width: 50%; vertical-align: middle;}
.wrap .half-cont + .half-cont {margin-top: 100px;}
.wrap .half-cont .txt {padding: 0 60px 0 70px;}
.wrap .half-cont .txt > div {vertical-align: middle;}
.wrap .half-cont > .obj-wrap,
.wrap .half-cont > .obj {position: relative;}
.wrap .half-cont.reverse > .obj-wrap,
.wrap .half-cont.reverse > .obj {position: absolute !important;right: 0;top: 50%;transform: translateY(-50%);}
.wrap .half-cont.reverse .txt {position: relative; min-height: 517px; display: table; padding: 0 70px 0 60px;}
.wrap .half-cont.reverse .txt > div {display: table-cell;}

/* 2분할 layout - two image */
.wrap .half-cont.two > .obj {height: 517px;}
.wrap .half-cont.two > .obj img {position: absolute; width: calc((100% + 52px) / 2);}
.wrap .half-cont.two > .obj img:first-child {left: 0; top: 0; z-index: 1;}
.wrap .half-cont.two > .obj img:last-child {right: 0; top: 85px;}
.wrap .half-cont.two.reverse .obj img:first-child { top: auto; bottom: 0; }
.wrap .half-cont.two.reverse .obj img:last-child { top: 0; }
.wrap .half-cont.two.reverse .txt {min-height: 517px;}

/* 2분할 layout - three image */
.wrap .half-cont.three > .obj {height: 617px;}
.wrap .half-cont.three > .obj img {position: absolute;}
.wrap .half-cont.three > .obj img:nth-child(1) {width: calc((100% - 63px + 47px) / 2); left: 0; top: 85px;}
.wrap .half-cont.three > .obj img:first-child {z-index: 1;}
.wrap .half-cont.three > .obj img:nth-child(2) {width: calc((100% - 63px + 47px) / 2); right: 63px; top: 0;}
.wrap .half-cont.three > .obj img:nth-child(3) {width: 64.33%; right: 0; bottom: 0;}
.wrap .half-cont.three.reverse .txt {min-height: 617px;}

.wrap [class^=col] .col {display: inline-block; vertical-align: top;}

/* col2  */
.wrap .col-list {font-size: 0;}
.wrap .col-list > *, .wrap .card-list > * {display: inline-block;}
.wrap .col2 {position: relative;}
.wrap .col2 .col { width: 48.75%; }
.wrap .col2 .col:nth-child(even) {margin-left: 2.5%; }
.wrap .col2 .col:nth-child(2) ~ .col {margin-top: 30px;}
.wrap .col2.custom .col:nth-child(1) {left: 31.666%; margin-left: 2.5%;}
.wrap .col2.custom .col:nth-child(2) {left: calc((31.666% * 2) + 2.5%);}
.wrap .col2.custom .col:nth-child(n+1):nth-child(-n+2) {width: 31.666%; position: absolute; top: -540px;}
.wrap .col2 .col.half-box .obj {width: 46%; height: 190px; }
.wrap .col2 .col.half-box .txt {padding: 21px 30px;width: 54%; height: 190px; }
.wrap .col2 .half-box > .obj img {position: absolute; top: 50%; left: 50%; /* -ms-transform: translate(-50%, -50%); */ transform: translate(-50%, -50%); width: auto; height: 100%;}


/* half-box */
.wrap .col2 .half-box {display: inline-block; /* width: calc((100% - 30px) / 2); */ width: 48.75%; }
.wrap .col2 .half-box:nth-child(even) {margin-left: 2.5%;}
.wrap .col2 .half-box > * {display: inline-block; vertical-align: top;}
.wrap .col2 .half-box .txt .desc {margin-top: 12px; line-height: 1.67; letter-spacing: -.03em;}
.wrap .col2 .half-box .txt .tit {font-weight: 700; font-size: 24px; line-height: 1; letter-spacing: -.02em;}

/* col3 common */
.wrap .col2 + .col3 {margin-top: 100px;} 
.wrap .col3 {position: relative;}
.wrap .col3 .col {width: 33.333%;}
.wrap .col3 .card-list .col,
.wrap .col3 .card-list .col {width: 31.666%;}
.wrap .col3 .card-list .col + .col {margin-left: 2.5%;}
.wrap .col3 .card-list .col + .col:nth-child(3n+1) {margin-left: 0;}
.wrap .col3 .col:nth-child(3) ~ .col {margin-top: 30px;}
.wrap .col3 .col.wide {width: 100%;}
.wrap .sec-col.five .col3 .col:nth-last-child(-n+2) {width: 48.75%;}

/* col3-grid */
.wrap .col3-grid {font-size: 0;}
.wrap .col3-grid .col {position: relative; width: 30%; background-color: #eee; vertical-align: top; margin-bottom: -60px;}
.wrap .col3-grid .col + .col {margin-left: 5%;}
.wrap .col3-grid .col:nth-child(3n+1) {margin-left: 0;}
.wrap .col .floating-txt {color: #fff; padding: 40px;}
.wrap .col .floating-txt * {color: #fff;}
.wrap .col .floating-txt .tit {font-size: 30px; line-height: 1.4; font-weight: 500;}
.wrap .col .floating-txt .desc {position: absolute; bottom: 40px; left: 40px; right: 40px;}
.wrap .col .floating-txt .desc .more-btn {margin-top: 27px;}


/* col4  */
.wrap .col4 .col {width: 25%;}

/* col5  */
.wrap .col5 .col {width: 20%;}

/* table */
.wrap .table-wrap {position: relative;}
.wrap .table-wrap ~ .table-wrap {margin-top: 130px;}
.wrap .table-wrap table {border-top: 2px solid #707070; margin-top: 22px;}
.wrap .table-wrap table caption {font-size: 18px; line-height: 1.89; letter-spacing: -.02em; text-align: right;}
.wrap .table-wrap table thead {border-bottom: 1px solid #c1c1c1;}
.wrap .table-wrap table thead th {font-size: 20px; line-height: 2; font-weight: 700; letter-spacing: -.02em; padding: 20px 0 20px 65px; text-align: left;}
.wrap .table-wrap table thead th:last-child {padding: 20px 65px 20px 0;}
.wrap .table-wrap table tbody th,
.wrap .table-wrap table td {font-size: 18px; line-height: 2.22; letter-spacing: -.02em; border-bottom: 1px solid #c1c1c1; padding: 20px 0 20px 65px; text-align: left; vertical-align: middle; word-break: break-word;}
.wrap .table-wrap table td:last-child {padding: 20px 65px 20px 0;}
/* .wrap .table-wrap.download table tbody tr:hover .download-btn {color: var(--logoRed);} */
.wrap .table-wrap.download table td[colspan="2"],
.wrap .table-wrap table td[colspan="3"],
.wrap .table-wrap table td[colspan="4"] {text-align: center; padding: 20px 90px 20px 90px !important;}
.wrap .table-wrap.download table thead th:first-child,
.wrap .table-wrap.download table td:first-child {padding: 20px 0 20px 50px;}
.wrap .table-wrap.download table thead th:last-child,
.wrap .table-wrap.download table td:last-child {padding: 20px 50px 20px 0;}
.wrap .table-wrap.board table tr {cursor: pointer;}
.wrap .table-wrap.board table .file {width: 16%;}
.wrap .table-wrap.board table .title {width: 65%;}
.wrap .table-wrap.board table .date {width: 15%;}

/* list table */
.wrap .table-wrap .table {border-top: 2px solid #707070; margin-top: 22px;}
.wrap .table-wrap .table .thead {border-bottom: 1px solid #c1c1c1;}
.wrap .table-wrap .table .tr {width: 100%; display: table;}
.wrap .table-wrap .table .tr span {display: table-cell;}
.wrap .table-wrap .table .thead .th {font-size: 20px; line-height: 2; font-weight: 700; letter-spacing: -.02em; padding: 20px 0 20px 65px; text-align: left;}
.wrap .table-wrap .table .thead .th:last-child {padding: 20px 65px 20px 0;}
.wrap .table-wrap .table .tbody .th,
.wrap .table-wrap .table .td {font-size: 18px; line-height: 2.22; letter-spacing: -.02em; border-bottom: 1px solid #c1c1c1; padding: 20px 0 20px 65px; text-align: left; vertical-align: middle; word-break: break-word;}
.wrap .table-wrap .table .td:last-child {padding: 20px 65px 20px 0;}
/* .wrap .table-wrap.download table tbody tr:hover .download-btn {color: var(--logoRed);} */
.wrap .table-wrap.download .table .td[colspan="2"],
.wrap .table-wrap .table .td[colspan="3"],
.wrap .table-wrap .table .td[colspan="4"] {text-align: center; padding: 20px 90px 20px 90px !important;}
.wrap .table-wrap.download .table .thead .th:first-child,
.wrap .table-wrap.download .table .td:first-child {padding: 20px 0 20px 50px;}
.wrap .table-wrap.download .table .thead .th:last-child,
.wrap .table-wrap.download .table .td:last-child {padding: 20px 50px 20px 0;}
.wrap .table-wrap.board .table .tr:not(.thead) {cursor: pointer;}
.wrap .table-wrap.board .table .file {width: 16%;}
.wrap .table-wrap.board .table .title {width: 65%;}
.wrap .table-wrap.board .table .date {width: 15%;}

/* list */
.wrap .tabmenu + .sec-list {padding-top: 0 !important;}
.wrap .list-wrap {position: relative;}
.wrap .list-wrap > ul {/* border-top: 2px solid #707070;  */margin-top: 60px;}
.wrap .list-wrap .tab-cont ul {margin-top: 0;border-top: none;margin-top: 50px;}
.wrap .list-wrap ul > li {border-bottom: 1px solid #c1c1c1; padding: 30px 32px 30px 90px;}
.wrap .list-wrap ul > li:nth-child(1) { border-bottom: 2px solid #c1c1c1; }
.wrap .list-wrap li.wide {border: none; height: 100%;}
.wrap .list-wrap li.wide > .tit,
.wrap .list-wrap li.wide > .desc {width: 100%;}
.wrap .list-wrap ul > li > div {display: inline-block; vertical-align: middle;  font-size:0;}
.wrap .list-wrap ul > li p {letter-spacing: -.02em; word-break: break-word;} 
.wrap .list-wrap ul > li > .tit {width: calc(33.333% - 30px);}
.wrap .list-wrap ul > li .tit p {color: #333; font-size: 20px; font-weight: 400;}
.wrap .list-wrap ul > .thead .tit p {font-size: 22px;}
.wrap .list-wrap ul > li > .desc {width:66.666%; margin-top: 0;}
.wrap .list-wrap ul > li .desc p {color: #4f5254; font-size: 18px;} 
.wrap .list-wrap ul.left > li { border-bottom: 1px solid #c1c1c1; }
.wrap .list-wrap ul.right > li { border: none; }


.wrap .half-list .tbody {width: 100%; padding: 0; display: table;}
.wrap .half-list .tbody > * {display: table-cell; vertical-align: middle;}
.wrap .half-list .tbody .left {width: 54.58%;}
.wrap .half-list .tbody .right {width: 45.42%; border-left: 1px solid #c1c1c1;}
.wrap .half-list .tbody .left li:last-child {border-bottom: 0;}
.wrap .half-list .tbody .left li > div {width: calc((100% - 90px) / 2);}
.wrap .half-list .tbody .left li > div + div {margin-left: 90px;}

/* tabmenu */
.wrap .tab-cont,
.wrap .tab-cont-second {display: none;}
.wrap .tab-cont.active,
.wrap .tab-cont-second.active {display: block;}
.wrap .tabmenu {position: relative; background-color: #fff;}
.wrap .tabmenu.top {margin-top: -70px;background-color: rgba(0, 0, 0, 0.5); padding: 0;}
.wrap .sec-list .tabmenu {padding: 0;}
.wrap .tabmenu > .inner {width: 1200px; padding: 0;}
.wrap .tabmenu ul {font-size: 0;}
.wrap .tabmenu li {display: inline-block; width: 50%; vertical-align: top; }
.wrap .tabmenu.three li {width: 33.333%;}
.wrap .tabmenu.four li {width: 25%;}
.wrap .tabmenu.five li {width: 20%;}
.wrap .tabmenu.six li {width: 16.666%;}
.wrap .tabmenu.seven li {width: 14.28%;}
.wrap .tabmenu li a {font-size: 24px; line-height: 2.16; color: #878b8d; letter-spacing: -.01em;text-align: center;border-bottom: 2px solid rgba(135, 139, 141, .5); padding-bottom: 11px;}
.wrap .tabmenu.top li a {font-size: 18px; font-weight: 700; height: 70px;line-height: 70px;color: rgba(255, 255, 255, .4);border-bottom: none; padding: 0;}
.wrap .tabmenu li.active a {font-weight: 700; color: #333;}
.wrap .tabmenu.top li.active a {color: var(--logoRed);}
.wrap .tabmenu.seven li a {font-size: 22px;}
.wrap .tabmenu .tab-bar {position: absolute;bottom: 0;width: 50%;height: 2px;background-color: #333;}
.wrap .tabmenu.top .tab-bar {bottom:auto;top: 0;height: 4px;background-color: var(--logoRed); visibility : hidden;}

/* select box */
.select-box {position: relative; /* z-index: 300; */} 
.select-box .label {position: relative; font-size: 16px; line-height: 1.75; letter-spacing: -.02em; text-align: left; border-bottom: 1px solid #c0c1c1;}
.select-box .label:after {display: block; content: ''; position: absolute; top: 14px; right: 0; width: 11px; height: 6px; background: no-repeat 50% 50% / contain; background-image: url('/resources/icon/dropdown-icon.png'); transition: transform 0.3s; -webkit-transition: transform 0.3s;}
.select-box.active:not(.no-anim) .label:after {transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.select-box .option-list {/* display: none; */ position: absolute; top: 100%; left: 0; width: 100%; max-height: 0; background-color: #fff; box-shadow: 0px 5px 6px rgb(190 190 190 / 11%); overflow: hidden; transition: .3s ease-in; z-index: 2;} 
.select-box .option-list ul {border: 2px solid #eaeaea;}
.select-box.active .option-list {max-height: 500px;  z-index: 30;}
.select-box .option-item > * {font-size: 18px; line-height: 1.56; color: #878b8d; padding: 17px 22px 0;}
.select-box .option-item:nth-of-type(10) button{ padding-bottom: 17px; }
.select-box .option-item:hover > * {color: #4f5254;}
.select-wrap .select-box {display: inline-block;}
.select-wrap .select-box + .select-box {margin-left: 20px;}
.table-wrap .select-wrap {position: absolute; top: 0; right: 0;}
.table-wrap .select-box {width: 140px; height: 35px;}

/* search form */
.table-wrap .tit + .search-form,
.list-wrap .tit + .search-form {position: absolute; top: 0; right: 0;}
.table-wrap .search-form,
.list-wrap .search-form {margin-left: auto;}
.search-form {display: block; width: 227px; border-bottom: 1px solid #c0c1c1; padding: 0 9px 2px 6px;}
.search-form > * {display: inline-block;}
.search-form input {color: #333; font-size: 16px; line-height: 1.88; letter-spacing: -.02em; width: calc(100% - 18px);}
.search-form button {width: 18px; height: 18px; background: no-repeat url('/resources/icon/search-icon.png') center / contain;}


/* pagination */
.pagination {font-size: 0;text-align: center; margin: 60px 0 0;}
.pagination * {display: inline-block;}
.pagination .m_only {display: none;}
.pagination .page .left, .pagination .page .right {width: 17px;height: 18px; font-size: 30px;letter-spacing: -0.2em; margin: 0; transition: color .3s ease; cursor: pointer;}
.pagination .page .all_left_btn {background: no-repeat url("/resources/icon/all_left_btn.png") center 2px/contain;}
.pagination .page .all_left_btn.disabled {background: no-repeat url("/resources/icon/all_left_btn_disabled.png") center 3px/contain;}
.pagination .page .left_btn {background: no-repeat url("/resources/icon/left_btn.png") center 2px/contain; margin: 0 10px 0 5px;}
.pagination .page .left_btn.disabled {background: no-repeat url("/resources/icon/left_btn_disabled.png") center 3px/contain;}
.pagination .page .all_right_btn {background: no-repeat url("/resources/icon/all_right_btn.png") center 3px/contain;}
.pagination .page .all_right_btn.disabled {background-image: url("/resources/icon/all_right_btn_disabled.png");}
.pagination .page .right_btn {background: no-repeat url("/resources/icon/right_btn.png") center 3px/contain; margin: 0 5px 0 10px;}
.pagination .page .right_btn.disabled {background-image: url("/resources/icon/right_btn_disabled.png");}
.pagination .page a {line-height: 26px;font-size: 18px;letter-spacing: -0.01em;margin: 0 7px;color: #878b8d; transition: color .3s ease;}
.pagination .page a > * , .pagination font {width: 26px;height: 26px;line-height: 26px;font-family: 'NanumSquare', sans-serif; font-size: 18px;letter-spacing: -0.01em; color: #878b8d; transition: color .3s ease;}
.pagination .page a.active, .pagination .page a:hover {color: #e64d2c;font-weight: 700;}
.pagination .page a.active *, .pagination .page a:hover *,
.pagination font.active *, .pagination font:hover *{color: #e64d2c;font-weight: 700;}


.wrap label input[type="checkbox"],
.wrap label input[type="radio"] {display: none;}
input[type=password]{ font-family:"Arial", sans-serif; color: #333 !important;}
.wrap .check-box + .check-box,
.wrap .radio-btn + .radio-btn {margin-left: 40px;}
.wrap .check-box .mark,
.wrap .radio-btn .mark  {display: inline-block; width: 16px; height: 16px; border: 1px solid #bbc0c4; border-radius: 4px; background-color: #fff; vertical-align: middle;cursor: pointer;position: relative;}
.wrap label input[type="checkbox"]:checked + .mark,
.wrap label input[type="radio"]:checked + .mark {background-color: #3b4850;}
.wrap .radio-btn .mark:after,
.wrap .check-box .mark:after {display: none; content: ''; width: 13px; height: 9px; background: no-repeat center / cover; background-image: url('/resources/icon/check-icon.png'); position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1;}
.wrap .check-box .mark + span,
.wrap .radio-btn .mark + span{margin-left: 14px; vertical-align: middle;}
.wrap label input[type="checkbox"]:checked + .mark:after,
.wrap label input[type="radio"]:checked + .mark:after {display: block; }
.wrap label input[type="checkbox"]:checked + .mark.dark,
.wrap label input[type="radio"]:checked + .mark.dark {background-color: #fff;}
.wrap label input[type="checkbox"]:checked + .mark.dark:after,
.wrap label input[type="radio"]:checked + .mark.dark:after {background-image: url('/resources/icon/check-icon_dark.png');}

.wrap .filter-wrap .accodian .item .accodian-cont {padding: 60px 172px;}
.wrap .filter-wrap .filter + .filter {margin-top: 10px;}
.wrap .filter-wrap .filter > * {display: inline-block; vertical-align: top;}
.wrap .filter-wrap .filter .filter-tit {color: var(--atomic); font-weight: 700; font-size: 18px; line-height: 1.89; letter-spacing: -.02em;}
.wrap .filter-wrap .filter .input-cont {width: calc(100% - 140px);}
.wrap .filter-wrap .filter .input-cont label {margin-left: 30px;}
.wrap .filter-wrap .filter .input-cont label input[type="checkbox"] {display: none;}
.wrap .filter-wrap .filter .input-cont label {text-transform: uppercase; font-size: 16px; line-height: 2.13; letter-spacing: -.02em;}
.wrap .filter-wrap .filter .input-cont label .check-mark {margin-right: 8px;}
.wrap .filter-wrap .filter .input-cont label input[type="checkbox"]:checked + .check-mark {background-color: var(--atomic); border: none;}


/* accodian layout */
.wrap .intro-txt .tit,
.wrap .accodian .accodian-tit {padding: 22px 0; border-bottom: 2px solid #838587;}
.wrap .accodian .accodian-tit {position: relative; color: #333; font-weight: 700; font-size: 28px; line-height: 1.14; letter-spacing: -.02em; text-align: left;}
.wrap .accodian .accodian-tit:after {position: absolute; top: 50%; right: 0; content: ''; width: 26px; height: 13px; background: no-repeat center / cover; background-image: url('/resources/icon/arrow-icon.png'); transform: translateY(-50%) rotate(0);}
.wrap .accodian .item {overflow: hidden;}
.wrap .accodian .item + .item {margin-top: 40px;}
.wrap .accodian .item .accodian-inner {overflow: hidden;}
.wrap .accodian .item .accodian-cont {/*margin-top: -100%;*/ padding: 42px 0; border-bottom: 1px solid #c0c1c1;}
.wrap .accodian .item .accodian-cont h5.small-tit {margin-bottom: 20px;}
.wrap .accodian .item.active .accodian-tit:after {transform: translateY(-50%) rotate(180deg);}
.wrap .intro-txt .desc {padding: 12px 0 42px;}
#popup-layer {opacity: 0; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0, 0, 0, 0.8); }
#popup-layer #videoArea {width: 100%; height: 473px;}
#popup-layer .close-btn {position: relative; margin: 20px auto 53px; width: 47px; height: 47px; background-repeat: no-repeat; background-size: 100% auto; background-image: url('/resources/icon/popup-close-icon.svg'); outline: none; z-index: 30;}
.popup-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.popup-wrap .valign { width: 100%; height: 100%; margin: 0 auto; table-layout: fixed;}
.popup-wrap.video .popup-inner {margin: 0 auto;width: 683px;position: relative;}

/* footer */
footer {border-top: 1px solid #d0d1d2; background-color: #fff;}
footer .footer {padding: 70px 0 80px; }
footer .footer * {font-weight: 400; color: #6a7174;}
footer a:hover, footer .familysite button:hover { color: #000;}
footer .footer__top {width: 100%; display: table; padding-bottom: 53px; }
footer .footer__top ul li a, footer .footer__top p, 
footer .footer__top address {font-size: 16px; line-height: 1.75; display: inline-block;}
footer .footer__top address, footer .footer__top .familysite .label {letter-spacing: -.03em;border: none;display: inline-block;width: auto;}
footer .footer__top .familysite {position: relative; margin-top: 36px;}
footer .footer__top .familysite .label:after {display: inline-block;position: static;width: 10px;height: 12px;background: no-repeat url("/resources/icon/footer-more-icon.png") center / contain;margin-left: 14px;vertical-align: middle;}
footer .footer__top .familysite .option-list {width: auto;left: calc(90% + 30px - 245px);bottom: 0;top: auto;/* z-index: 200; */}
footer .footer__top .familysite.active .option-list {max-height: 600px;}
footer .footer__top .familysite li a {padding: 17px 50px 0 20px;}
footer .footer__top .familysite li:last-child a {padding-bottom: 17px;}
footer .footer__btm ul li a, footer .footer__btm p {font-size: 16px;line-height: 2;vertical-align: top;}
footer .footer__top .footer__logo {width: 215px; }
footer .footer__top .footer__col {display: table-cell; vertical-align: top;}
footer .footer__top .footer__col:nth-child(1) {width: 39.16%;}
footer .footer__top .footer__col:nth-child(2) {width: 30%;}
footer .footer__top .footer__col:nth-child(3) {width: 30.83%;}
footer .footer__top .footer__col:nth-child(2) ul li a {font-family: acumin-pro, sans-serif;}
footer .footer__btm {width: 100%; display: table; border-top: 1px solid #d0d1d2; padding-top: 20px; font-size: 0; }
footer .footer__btm > * {display: inline-block;}
footer .footer__btm ul {width: 40%;}
footer .footer__btm ul li {display: inline-block;}
footer .footer__btm ul li + li {margin-left: 20px;}

.goTop {display: none;width: 70px;height: 70px;background-color: #4b585f;border-radius: 50%;position: fixed;bottom: 50px;right: 50px;opacity: 0;z-index: 100;}
html:not(.device) .goTop:hover, 
html.device .goTop.touched {background-color: #e64d2c; transition: all .3s ease;}

.orange-font{color: #e24719; font-size: 18px;}
footer .footer .orange-font{color: #e24719;}

header .gnb-wrap > div .seah-info li > div .info-cont {display: inline-block;vertical-align: top;}

header .gnb-wrap > div .seah-info li > div .info-cont + .info-cont{padding-left: 1em;}



@media screen and (max-width: 1920px) {
	.wrap .kv {height: 28.65vw;}
	.wrap .kv .obj {height: 100%; width: 100vw;}
	.wrap .kv .obj img {width: auto; height: 100%;}
	header .gnb-wrap > div {padding: 0 4.17vw;}
	header .gnb-wrap > div .seah-info {margin: 0 4.17vw 1.35vw; width: calc(100% - 8.34vw);}
}

@media screen and (max-width: 1440px) {
	/* font style*/
	.tit {font-size: 2.36vw;}
	.xsmall-tit {font-size: 1.11vw;} 
	.small-tit {font-size: 1.39vw;}
	.medium-tit {font-size: 1.67vw;}
	.large-tit {font-size: 2.5vw;}
	.section-tit {font-size: 2.36vw;margin-bottom: 2.78vw;}
	.kv_small {font-size: 2.36vw; margin-top: 1.04vw;}

	/* common class */
	.bracket {font-size: 1.11vw;}
	.has-mark p {padding-left: 0.76vw;}
	.indent {padding-left: 1.39vw; margin-top: 0.56vw;}
	.indent p {text-indent: -1.39vw;}
	.indent-hyphen {padding-left: 1.39vw; margin-top: 0.56vw;}
	.indent-hyphen p {text-indent: -1.39vw;}
	.privacy_wrap .indent-hyphen p {text-indent: -0.76vw;}

	/* common layout */
	.inner {padding: 0 8.33vw;}

	* + .desc {margin-top: 1.39vw;}
	.desc p, p.desc, dd.desc {font-size: 1.25vw;}

	/* btn style */
	.more-btn .more-txt {font-size: 1.25vw; padding-right: 1.11vw;}
	.more-btn .more-icon {width: 3.33vw; height: 2.78vw;}
	.more-btn .more-icon:before {width: 2.78vw; height: 2.78vw;}
	.more-btn .more-icon:after {width: 2.57vw; height: 0.56vw;}
	.plus-btn {width: 1.74vw; height: 1.74vw;}

	.file-btn:after {  width:1.18vw; height:1.04vw; margin-left: 0.49vw;}

	.download-desc {font-size: 1.25vw;}
	.download-desc + .download-desc:before {width: 0.07vw; height: 3.47vw;}
	span + .download-btn {margin-left: 1.39vw;}
	.download-btn {font-size: 1.25vw; padding: 0.69vw 3.13vw;}
	.btn_play:after { width: 3.96vw; height: 3.96vw;}

	/* header */
	header {height: 8.19vw;}
	header #logo {width: 14.58vw;height: 2.22vw;left: 4.17vw;}
	header .utils .menu-btn {width: 8.4vw;height: 8.4vw;}
	header .utils .menu-btn i {width: 5px; height: 5px;}
	header .utils .menu-btn i:nth-child(1) {left: 3.61vw; top: 3.61vw;}
	header .utils .menu-btn i:nth-child(2) {right: 3.61vw; top: 3.61vw;}
	header .utils .menu-btn i:nth-child(3) {left: 3.61vw; bottom: 3.61vw;}
	header .utils .menu-btn i:nth-child(4) {right: 3.61vw; bottom: 3.61vw;}
	header .utils .menu-btn.show i {width: 1.53vw; height: 0.21vw; border-radius: 0.69vw;}
	header .utils .menu-btn.show i:nth-child(1) {top: 4.2vw;right: 3.61vw;}
	header .utils .menu-btn.show i:nth-child(2) {top: 4.2vw;right: 3.61vw;}

	header .lang li a {font-size: 1.25vw; height: 8.19vw; line-height: 8.19vw; padding: 0 0.69vw;}

	/* gnb-wrap */
	header .gnb-wrap { width: 45%; box-shadow: -0.07vw 0 1.46vw 0 rgb(19 19 19 / 6%);}
	header .gnb-wrap > div {padding: 0 5.56vw;}
	header .gnb-wrap > div .menu-list > li > a {font: 600 2.5vw/1 'acumin-pro', sans-serif; padding: 1.46vw 0;}
	header .gnb-wrap > div .menu-list > li ul li a:before {width: 0; height: 1.94vw;}
	header .gnb-wrap > div .menu-list > li ul li:hover a {padding-left: 1.11vw;}
	header .gnb-wrap > div .menu-list > li ul li:hover a:before {width: 0.42vw;}
	header .gnb-wrap > div .menu-list > li ul li a {font-size: 1.53vw; padding-left: 0vw;}
	header .gnb-wrap > div .seah-info {margin: 0 5.56vw 1.81vw;}
	header .gnb-wrap > div .seah-info li:first-child > * {font-size: 1.11vw;}
	header .gnb-wrap > div .seah-info li:last-child > * {font-size: 0.97vw;}

	/* quick-order */
	.quick-container .quick-btn span {margin-left:-0.7638vw;}
	.quick-wrap {width: 66.67vw;}
	.quick-container .quick-btn {width: 25.14vw;font-size: 1.39vw;-ms-transform : translate(8.33vw, 8.33vw) rotate(-90deg);transform: translate(8.33vw, 8.33vw) rotate(-90deg); padding: 2.99vw 3.68vw;}
	.quick-wrap + .quick-btn .close-btn {width: 1.25vw;height: 1.25vw;top: 50%;transform: translateY(-50%);right: 15%;}
	.quick-wrap + .quick-btn i {  width: 1.53vw; height: 0.21vw; border-radius: 0.69vw; }
	.quick-wrap + .quick-btn i:nth-child(1) {top: 0.49vw;left: -0.14vw;}
	.quick-wrap + .quick-btn i:nth-child(2) {top: 0.49vw;right: -0.14vw;}
	.quick-wrap.show + .quick-btn {transform: translate(-58.2vw, 8.4vw) rotate(-90deg);}
	.quick-wrap .quick-inner {width: 66.67vw;}
	.quick-wrap .quick-inner .tit-area {padding: 4.72vw 9.03vw 8.61vw; }
	.quick-wrap .quick-inner .tit-area h2 {font-size: 4.03vw;}
	.quick-wrap .quick-inner .tit-area .reset-btn {top: 7.22vw;right: 9.03vw;width: 1.18vw;height: 1.39vw;}
	.quick-wrap .quick-form .tit {font-size: 1.81vw; margin-bottom: 1.81vw;}
	.quick-wrap .quick-form .row .item .sub-tit {font-size: 1.25vw;}
	.quick-wrap .quick-form fieldset {padding: 0 9.72vw;max-height: calc(100vh - 26.04vw);}
	.quick-wrap .quick-form fieldset::-webkit-scrollbar {width: 0.56vw;} 
	.quick-wrap .quick-form .row + .row {margin-top: 4.93vw;}
	.quick-wrap .quick-form .row:last-child {margin-bottom:9.03vw;}
	.quick-wrap .quick-form .row .item input, 
	.quick-wrap .quick-form .select-box .label {padding: 0 0.76vw 0.56vw}
	.quick-wrap .quick-form .row .item span, 
	.quick-wrap .quick-form .row .item input, 
	.quick-wrap .quick-form .select-box .label,
	.quick-wrap .quick-form textarea {font-size: 1.39vw;}
	.quick-wrap .quick-form .row .item input::placeholder {font-size: 1.39vw;}
	.quick-wrap .quick-form .row .item input:-ms-input-placeholder {font-size: 1.39vw;}
	.quick-wrap .quick-form .row .item div.desc {margin-top: 1.74vw;}
	.quick-wrap .quick-form .row.three .email .at { padding: 0 0.63vw;}
	.quick-wrap .quick-form textarea,
	.quick-wrap .quick-form .row .txt {padding: 1.04vw 1.46vw; height: 11.11vw;}
	.quick-wrap .quick-form .row .txt p {font-size: 1.11vw;}
	.quick-wrap .quick-form .row.privacy .item .check-box {margin-top: 2.08vw;}
	.quick-wrap .quick-form .row.privacy .item .check-box span { font-size: 1.25vw; margin-left: 0.56vw;}
	.quick-wrap .quick-form .file-area input[type="text"] {width: calc(100% - 14.44vw); }
	.quick-wrap .quick-form .file-area .file-search-btn {width: 12.50vw;height: 4.17vw;font-size: 1.39vw;margin-left: 1.94vw;padding: 1.32vw 0;}
	.quick-wrap .quick-form .select-box .label:after {width: 1.04vw; height: 0.63vw; right: 0.76vw;}
	.quick-wrap .quick-form .select-box.active .option-list {max-height: 17.36vw;}
	.quick-wrap .quick-form .submit-btn {font-size: 1.53vw;height: 6.94vw;line-height: 6.94vw;}
	.quick-wrap .quick-form .select-box button {min-height: 2.99vw;}
	.quick-wrap .quick-form .row .item input {min-height: 2.99vw;}

	.wrap .kv ~ section:not(.banner):not(.tabmenu) {padding: 8.33vw 0;}
	.wrap .kv ~ section:not(.banner):last-of-type {padding-bottom: 13.89vw; margin-bottom : -1px;}
	.wrap .kv .txt {width: 69.44vw;}
	.wrap .kv h2 {font-size: 3.47vw;}

	/* new component */
	.wrap .content-box .tit-wrap {padding: 3.47vw 5.90vw 0 0;}
	.wrap .tit-wrap .num {font-size: 1.94vw; margin-bottom: 0.69vw;}
	.wrap .content-box + .content-box {margin-top: 6.94vw;}

	/* 2분할 layout - default */
	.wrap .half-cont + .half-cont {margin-top: 6.94vw;}
	.wrap .half-cont .txt {padding: 0 4.17vw 0 4.86vw;}
	.wrap .half-cont.reverse > .obj-wrap,
	.wrap .half-cont.reverse .txt { min-height: 35.9vw;  padding: 0 4.86vw 0 4.17vw;}

	/* 2분할 layout - two image */
	.wrap .half-cont.two > .obj {height: 35.9vw;}
	.wrap .half-cont.two > .obj img { width: calc((100% + 3.61vw) / 2);}
	.wrap .half-cont.two > .obj img:last-child {top: 5.9vw;}
	.wrap .half-cont.two.reverse .txt {min-height: 35.9vw;}

	/* 2분할 layout - three image */
	.wrap .half-cont.three > .obj {height: 42.85vw;}
	.wrap .half-cont.three > .obj img:nth-child(1) {width: calc((100% - 4.38vw + 3.26vw) / 2); top: 5.9vw;}
	.wrap .half-cont.three > .obj img:nth-child(2) {width: calc((100% - 4.38vw + 3.26vw) / 2); right: 4.38vw;}
	.wrap .half-cont.three.reverse .txt {min-height: 42.85vw;}

	/* col2  */
	.wrap .col2 .col:nth-child(even) {margin-left: 2.5%; }
	.wrap .col2 .col:nth-child(2) ~ .col {margin-top: 2.08vw;}
	.wrap .col2.custom .col:nth-child(n+1):nth-child(-n+2) {top: -37.50vw;}
	.wrap .col2 .col.half-box .obj {width: 46%; height: 13.19vw; }
	.wrap .col2 .col.half-box .txt {padding: 1.43vw 2.08vw; height: 13.19vw; }


	/* half-box */
	.wrap .col2 .half-box .txt .desc {margin-top: 0.83vw; }
	.wrap .col2 .half-box .txt .tit { font-size: 1.67vw; }

	/* col3 common */
	.wrap .col2 + .col3 {margin-top: 6.94vw;} 
	.wrap .col3 .col:nth-child(3) ~ .col {margin-top: 2.08vw;}

	/* col3-grid */
	.wrap .col3-grid .col { width: 30%;   margin-bottom: -4.17vw;}
	.wrap .col .floating-txt { padding: 2.78vw;}
	.wrap .col .floating-txt .tit {font-size: 2.08vw;}
	.wrap .col .floating-txt .desc { bottom: 2.78vw; left: 2.78vw; right: 2.78vw;}
	.wrap .col .floating-txt .desc .more-btn {margin-top: 1.88vw;}


	/* table */
	.wrap .table-wrap ~ .table-wrap {margin-top: 9.03vw;}
	.wrap .table-wrap table {margin-top: 1.53vw;}
	.wrap .table-wrap table thead th {font-size: 1.39vw; padding: 1.39vw 0 1.39vw 4.51vw; }
	.wrap .table-wrap table thead th:last-child {padding: 1.39vw 4.51vw 1.39vw 0;}
	.wrap .table-wrap table tbody th,
	.wrap .table-wrap table td {font-size: 1.25vw; padding: 1.39vw 0 1.39vw 4.51vw;}
	.wrap .table-wrap table td:last-child {padding: 1.39vw 4.51vw 1.39vw 0;}
	.wrap .table-wrap.download table td[colspan="2"],
	.wrap .table-wrap table td[colspan="3"],
	.wrap .table-wrap table td[colspan="4"] { padding: 1.39vw 6.25vw 1.39vw 6.25vw !important;}
	.wrap .table-wrap.download table thead th:first-child,
	.wrap .table-wrap.download table td:first-child {padding: 1.39vw 0 1.39vw 3.47vw;}
	.wrap .table-wrap.download table thead th:last-child,
	.wrap .table-wrap.download table td:last-child {padding: 1.39vw 3.47vw 1.39vw 0;}

	/* list table */
	.wrap .table-wrap .table {margin-top: 1.53vw;}
	.wrap .table-wrap .table .thead .th {font-size: 1.39vw; padding: 1.39vw 0 1.39vw 4.51vw; }
	.wrap .table-wrap .table .thead .th:last-child {padding: 1.39vw 4.51vw 1.39vw 0;}
	.wrap .table-wrap .table .tbody .th,
	.wrap .table-wrap .table .td { font-size: 1.25vw; padding: 1.39vw 0 1.39vw 4.51vw;}
	.wrap .table-wrap .table .td:last-child {padding: 1.39vw 4.51vw 1.39vw 0;}
	.wrap .table-wrap.download .table .td[colspan="2"],
	.wrap .table-wrap .table .td[colspan="3"],
	.wrap .table-wrap .table .td[colspan="4"] { padding: 1.39vw 6.25vw 1.39vw 6.25vw !important;}
	.wrap .table-wrap.download .table .thead .th:first-child,
	.wrap .table-wrap.download .table .td:first-child {padding: 1.39vw 0 1.39vw 3.47vw;}
	.wrap .table-wrap.download .table .thead .th:last-child,
	.wrap .table-wrap.download .table .td:last-child {padding: 1.39vw 3.47vw 1.39vw 0;}

	/* list */
	.wrap .list-wrap > ul {margin-top: 4.17vw;}
	.wrap .list-wrap .tab-cont ul {margin-top: 3.47vw;}
	.wrap .list-wrap ul > li {padding: 2.08vw 2.22vw 2.08vw 6.25vw;}
	.wrap .list-wrap ul > li > .tit {width: calc(33.333% - 2.08vw);}
	.wrap .list-wrap ul > li .tit p { font-size: 1.39vw; }
	.wrap .list-wrap ul > .thead .tit p {font-size: 1.53vw;}
	.wrap .list-wrap ul > li .desc p { font-size: 1.25vw;} 

	.wrap .half-list .tbody .left li > div {width: calc((100% - 6.25vw) / 2);}
	.wrap .half-list .tbody .left li > div + div {margin-left: 6.25vw;}

	/* tabmenu */
	.wrap .tabmenu.top {margin-top: -4.86vw;}
	.wrap .tabmenu > .inner {width: 83.33vw;}
	.wrap .tabmenu li a {font-size: 1.67vw; padding-bottom: 0.76vw;}
	.wrap .tabmenu.top li a {font-size: 1.25vw;  height: 4.86vw; line-height: 4.86vw;}
	.wrap .tabmenu.seven li a {font-size: 1.53vw;}

	/* select box */
	.select-box .label {font-size: 1.11vw;}
	.select-box .label:after {top: 0.97vw; width: 0.76vw; height: 0.42vw;}
	.select-box .option-list {box-shadow: 0 0.35vw 0.42vw rgb(190 190 190 / 11%);} 
	.select-box.active .option-list {max-height: 34.72vw;}
	.select-box .option-item > * {font-size: 1.25vw; padding: 1.18vw 1.53vw 0;}
	.select-box .option-item:nth-of-type(10) button{padding-bottom: 1.18vw; }
	.select-wrap .select-box + .select-box {margin-left: 1.39vw;}
	.table-wrap .select-box {width: 9.72vw; height: 2.43vw;}

	/* search form */
	.search-form { width: 15.76vw; padding: 0 0.63vw 0.14vw 0.42vw;}
	.search-form input { font-size: 1.11vw; width: calc(100% - 1.25vw);}
	.search-form button {width: 1.25vw; height: 1.25vw;}


	/* pagination */
	.pagination {margin: 4.17vw 0 0;}
	.pagination .page .left, .pagination .page .right {width: 1.18vw;height: 1.25vw; font-size: 2.08vw;}
	.pagination .page .all_left_btn {background: no-repeat url("/resources/icon/all_left_btn.png") center 0.14vw/contain;}
	.pagination .page .all_left_btn.disabled {background: no-repeat url("/resources/icon/all_left_btn_disabled.png") center 0.21vw/contain;}
	.pagination .page .left_btn {background: no-repeat url("/resources/icon/left_btn.png") center 0.14vw/contain; margin: 0 0.69vw 0 0.35vw;}
	.pagination .page .left_btn.disabled {background: no-repeat url("/resources/icon/left_btn_disabled.png") center 0.21vw/contain;}
	.pagination .page .all_right_btn {background: no-repeat url("/resources/icon/all_right_btn.png") center 0.21vw/contain;}
	.pagination .page .right_btn {background: no-repeat url("/resources/icon/right_btn.png") center 0.21vw/contain; margin: 0 0.35vw 0 0.69vw;}
	.pagination .page a {line-height: 1.81vw;font-size: 1.25vw; margin: 0 0.49vw;}
	.pagination .page a > * , .pagination font {width: 1.81vw;height: 1.81vw;line-height: 1.81vw; font-size: 1.25vw;}

	.wrap .check-box + .check-box,
	.wrap .radio-btn + .radio-btn {margin-left: 2.78vw;}
	.wrap .check-box .mark,
	.wrap .radio-btn .mark  {width: 1.11vw; height: 1.11vw; border-radius: 0.28vw;}
	.wrap .radio-btn .mark:after,
	.wrap .check-box .mark:after {width: 0.9vw; height: 0.63vw;}
	.wrap .check-box .mark + span,
	.wrap .radio-btn .mark + span{margin-left: 0.97vw;}

	.wrap .filter-wrap .accodian .item .accodian-cont {padding: 4.17vw 11.94vw;}
	.wrap .filter-wrap .filter + .filter {margin-top: 0.69vw;}
	.wrap .filter-wrap .filter .filter-tit {color: var(--atomic);  font-size: 1.25vw;}
	.wrap .filter-wrap .filter .input-cont {width: calc(100% - 9.72vw);}
	.wrap .filter-wrap .filter .input-cont label {margin-left: 2.08vw;}
	.wrap .filter-wrap .filter .input-cont label {font-size: 1.11vw;}
	.wrap .filter-wrap .filter .input-cont label .check-mark {margin-right: 0.56vw;}

	/* accodian layout */
	.wrap .intro-txt .tit,
	.wrap .accodian .accodian-tit {padding: 1.53vw 0;}
	.wrap .accodian .accodian-tit {font-size: 1.94vw;}
	.wrap .accodian .accodian-tit:after {width: 1.81vw; height: 0.9vw;}
	.wrap .accodian .item + .item {margin-top: 2.78vw;}
	.wrap .accodian .item .accodian-cont { padding: 2.92vw 0;}
	.wrap .accodian .item .accodian-cont h5.small-tit {margin-bottom: 1.39vw;}
	.wrap .intro-txt .desc {padding: 0.83vw 0 2.92vw;}
	.wrap .intro-txt .desc p + p,
	.wrap .accodian .item .desc p + p {margin-top: 0.56vw;}
	#popup-layer #videoArea {height: 32.85vw;}
	#popup-layer .close-btn {margin: 1.39vw auto 3.68vw; width: 3.26vw; height: 3.26vw;}
	.popup-wrap.video .popup-inner {width: 47.33vw;}

	/* footer */
	footer .footer {padding: 4.86vw 0 5.56vw; }
	footer .footer__top {width: 100%;  padding-bottom: 3.68vw; }
	footer .footer__top ul li a, footer .footer__top p, 
	footer .footer__top address {font-size: 1.11vw;}
	footer .footer__top .familysite { margin-top: 2.5vw;}
	footer .footer__top .familysite .label:after {width: 0.69vw;height: 0.83vw;margin-left: 0.97vw;}
	footer .footer__top .familysite .option-list {left: calc(90% + 30px - 17vw);}
	footer .footer__top .familysite.active .option-list {max-height: 41.67vw;}
	footer .footer__top .familysite li a {padding: 1.18vw 3.47vw 0 1.39vw;}
	footer .footer__top .familysite li:last-child a {padding-bottom: 1.18vw;}
	footer .footer__btm ul li a, footer .footer__btm p {font-size: 1.11vw;}
	footer .footer__top .footer__logo {width: 14.93vw; }
	footer .footer__btm {padding-top: 1.39vw;}
	footer .footer__btm ul li + li {margin-left: 1.39vw;}

	.goTop {width: 4.86vw;height: 4.86vw; bottom: 3.47vw;right: 3.47vw;}
}


@media screen and (max-width: 1024px) and (min-width: 769px) {
	br.pc_only {display: none;}
	.tab_only {display: block;}

	.wrap .col2 .col.half-box .obj {height: 135px; }
	.wrap .col2 .col.half-box .txt {padding: 15px 21px; height: 135px; }

	/* font style*/
	.tit {font-size: 24px;}
	.xsmall-tit {font-size: 11px;} 
	.small-tit {font-size: 14px;}
	.medium-tit {font-size: 17px;}
	.large-tit {font-size: 26px;}
	.section-tit {font-size: 24px;}
	.bracket {font-size: 11px;}
	.kv_small { font-size: 24px; }

	.desc p, p.desc, dd.desc {font-size: 13px;}
	.detail p {font-size: 11px;}

	/* common class */
	.indent {padding-left: 17px;}
	.indent p {text-indent: -17px;}
	.indent-hyphen {padding-left: 9px;}
	.indent-hyphen p {text-indent: -9px;}
	/* .privacy_wrap .indent-hyphen p { text-indent: -9px; } */



	/* btn style */
	.more-btn .more-txt {font-size: 13px;}
	.more-btn .more-icon {width: 34px; height: 28px;}
	.more-btn .more-icon:before {width: 28px; height: 28px;}
	.more-btn .more-icon:after {width: 26px; height: 6px;}
	.plus-btn {width: 18px; height: 18px;}

	.file-btn:after {width:12px; height:11px;}

	.download-desc {font-size: 13px;}
	.download-desc + .download-desc:before {width: 1px; height: 36px;}
	.download-btn {font-size: 13px;}
	.btn_play:after {width: 41px; height: 41px;}
	
	/* header */
	header {height: 84px;}
	header #logo {width: 149px;height: 23px;left: 43px;}
	header .utils .menu-btn {width: 86px;height: 86px;}
	header .utils .menu-btn i {width: 6px; height: 6px}
	header .utils .menu-btn i:nth-child(1) {left: 34px;top: 34px;}
	header .utils .menu-btn i:nth-child(2) {right: 34px;top: 34px;}
	header .utils .menu-btn i:nth-child(3) {left: 34px;bottom: 34px;}
	header .utils .menu-btn i:nth-child(4) {right: 34px;bottom: 34px;}
	header .utils .menu-btn.show i {width: 24px; height: 4px;}
	header .utils .menu-btn.show i:nth-child(1) {top: 42px; right: 32px;}
	header .utils .menu-btn.show i:nth-child(2) {top: 42px; right: 32px;}

	header .lang li a {/* height: 84px; *//* line-height: 84px; */}

	/* gnb-wrap */
	header .gnb-wrap > div .menu-list > li > a {font: 600 26px/1 'acumin-pro', sans-serif; padding: 15px 0;}
	header .gnb-wrap > div .menu-list > li ul li:hover a:before {width: 4px; height: 20px;}
	header .gnb-wrap > div .menu-list > li ul li a { font-size: 16px;}
	header .gnb-wrap > div .seah-info li:first-child > * {font-size: 11px;}
	header .gnb-wrap > div .seah-info li:last-child > * {font-size: 10px;}

	

	/* quick-order */
	.quick-container .quick-btn span {margin-left:0px;}
	.quick-wrap {width: 100%;}
	.quick-wrap.show + .quick-btn {transform: translate(-597px, 86px) rotate(-90deg);}
	.quick-wrap.show .quick-btn:after {width: 12px;height: 12px;}
	.quick-wrap .quick-inner {width: 100%;}
	.quick-wrap .quick-inner .tit-area h2 {font-size: 41px;}
	.quick-wrap .quick-inner .tit-area .reset-btn {width: 12px;height: 14px;}
	.quick-wrap .quick-form .tit {font-size: 19px;}
	.quick-wrap .quick-form .row .item .sub-tit {font-size: 13px;}
	.quick-wrap .quick-form .row .item span, 
	.quick-wrap .quick-form .row .item input, 
	.quick-wrap .quick-form .select-box .label,
	.quick-wrap .quick-form textarea {font-size: 14px;}
	.quick-wrap .quick-form .row .item input::placeholder {font-size: 14px;}
	.quick-wrap .quick-form .row .item input:-ms-input-placeholder {font-size: 14px;}
	.quick-wrap .quick-form textarea,
	.quick-wrap .quick-form .row .txt {height: 114px;}
	.quick-wrap .quick-form .row .txt p {font-size: 11px;}
	.quick-wrap .quick-form .row.privacy .item .tit {font-size: 16px;}
	.quick-wrap .quick-form .row.privacy .item .check-box span {font-size: 13px;}
	.quick-wrap .quick-form .file-area .file-search-btn {font-size: 14px;}
	.quick-wrap .quick-form .select-box .label:after {width: 11px; height: 6px;}
	.quick-wrap .quick-form .submit-btn {font-size: 16px;height: 71px;line-height: 71px;}
	.quick-wrap ::-webkit-scrollbar {width: 6px;}

	.quick-wrap .close-btn {display:block !important; }
	.quick-wrap .close-btn {position: absolute;top: 33px;right: 33px;width: 20px;height: 20px;background: no-repeat url('/resources/icon/close-icon.svg') center / contain;z-index: 1;}
	.quick-wrap .close-btn::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300%; height: 300%;}
	.quick-wrap .quick-inner .tit-area .reset-btn {position: absolute;top: 172px;right: 34px;width: 23px;height: 26px;background: no-repeat url('/resources/icon/reset-icon.svg') center / contain;}
	.quick-wrap .quick-inner .tit-area .reset-btn::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300%; height: 300%;}
	.quick-wrap .quick-inner .tit-area {padding: 156px 42px 103px; position: relative;}
	.quick-container .quick-btn {display:block !important; width: 86px;height: 86px; background-image:url('/resources/icon/quick_enquiry-icon.png');background-repeat:no-repeat;background-position:center;background-size: 44%; transition: all 0s;transform: translate(86px, 86px);right:86px;}
	
	
	.wrap .kv h2 {font-size: 36px;}

	/* new component */
	.wrap .tit-wrap .num {font-size: 20px;}

	/* new component */
	.wrap .tit-wrap .num {font-size: 20px;}

	/* half-box */
	.wrap .col2 .half-box .txt .tit {font-size: 17px;}

	/* col3-grid */
	.wrap .col .floating-txt h4 {font-size: 21px;}

	/* table */
	.wrap .table-wrap table thead th {font-size: 14px;}
	.wrap .table-wrap table tbody th,
	.wrap .table-wrap table td {font-size: 13px;}

	/* list */
	.wrap .list-wrap ul > li .tit p { font-size: 14px; }
	.wrap .list-wrap ul > .thead .tit p {font-size: 16px;}
	.wrap .list-wrap ul > li .desc p { font-size: 13px;} 

	/* tabmenu */
	.wrap .tabmenu li a {font-size: 17px;}
	.wrap .tabmenu.top li a {font-size: 13px;}
	.wrap .tabmenu.seven li a {font-size: 16px;}
	.wrap .tabmenu .tab-bar {height: 2px;}
	.wrap .tabmenu.top .tab-bar {height: 3px;}

	/* select box */
	.select-box .label {font-size: 11px;}
	.select-box .label:after {top: 10px; width: 8px; height: 4px;}
	.select-box .option-item > * {font-size: 13px;}

	/* search form */
	.search-form {width: 161px;}
	.search-form input { font-size: 11px;}
	.search-form button {width: 13px; height: 13px;}

	/* pagination */
	.pagination button {width: 12px;height: 13px; background: no-repeat center 2px/contain; font-size: 21px;}
	.pagination .page .left, .pagination .page .right {width: 12px;height: 13px; font-size: 21px;}
	.pagination .page .all_left_btn {background: no-repeat url("/resources/icon/all_left_btn.png") center 2px/contain;}
	.pagination .page .left_btn {background: no-repeat url("/resources/icon/left_btn.png") center 2px/contain;}
	.pagination .page .all_right_btn {background: no-repeat url("/resources/icon/all_right_btn.png") center 2px/contain;}
	.pagination .page .right_btn {background: no-repeat url("/resources/icon/right_btn.png") center 2px/contain; margin-left: 7px;}
	.pagination .page a {width: 19px;height: 19px;line-height: 19px;font-size: 13px;letter-spacing: -0.01em;margin: 0 5px;}
	.pagination .page a > * {width: 19px;height: 19px;line-height: 19px; font-size: 13px;letter-spacing: -0.01em;margin: 0;}

	.wrap .check-box .mark,
	.wrap .radio-btn .mark  {width: 11px; height: 11px;}
	.wrap .radio-btn .mark:after,
	.wrap .check-box .mark:after {width: 9px; height: 6px;}

	.wrap .filter-wrap .filter .filter-tit {font-size: 13px;}
	.wrap .filter-wrap .filter .input-cont label {font-size: 11px;}


	/* accodian layout */
	.wrap .accodian .accodian-tit {font-size: 20px;}
	.wrap .accodian .accodian-tit:after {width: 19px; height: 9px;}
	#popup-layer .close-btn {width: 33px; height: 33px;}

	/* footer */
	footer .footer__top address {font-size: 11px;}
	footer .footer__top .familysite .label:after {width: 7px;height: 8px;}
	footer .footer__btm ul li a, footer .footer__btm p {font-size: 11px;}
	footer .footer__top .footer__logo {width: 153px;}

	.goTop {width: 50px;height: 50px;bottom: 36px;right: 36px;}
}


@media screen and (max-width: 900px) {
	.wrap .col2 .half-box > * {height: 16vw;}
	/*.wrap .col2 .half-box > .obj img {position: absolute;top: 0;left: 0;/* -ms-transform: translate(-50%, -50%); *//*width: auto;height: 100%;}*/

}

@media screen and (min-width: 769px) {
	.obj {position: relative; overflow: hidden;}
	a .obj img {transform: scale(1.005); transition: transform cubic-bezier(0.4,0,0.2,1) .3s; -webkit-transition: transform cubic-bezier(0.4,0,0.2,1) .3s; will-change: transform;}
	a .obj:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s;}
	a:hover .obj img {transform: scale(1.1) rotate(0.001deg);}
	a:hover .obj:after {opacity: 1;background-color: rgba(0, 0, 0, 0.4);}
	
	.download-btn {transition: color .3s ease, background-color .3s ease;}
	.download-btn:hover {color: #fff; background-color: #333;}
	.file-btn:hover {color: var(--logoRed);}
	/*.more-btn:hover .more-icon:after {background-image: url('/resources/icon/more-icon_hover.svg');}*/
	.wrap .banner .half-cont > a:hover .txt .desc {opacity: 1;}
	/*.wrap .banner .half-cont > a:hover .more-btn .more-icon:after {background-image: url('/resources/icon/more-icon_hover.svg');}*/

	.wrap .tabmenu li:hover a {font-weight: 700; color: #333;}
	.wrap .tabmenu.top li:hover a {color: var(--logoRed);}

	/*.wrap .list-wrap ul > li:not(.thead):not(.tbody):hover {background-color: #f5f6f6;}*/
	.wrap .half-list .right > li:hover {background-color: transparent !important;}
	
	.wrap .table-wrap.download table tbody tr:hover {background-color: #f5f6f6;}
	.wrap .table-wrap.board table tr:hover .file-btn {color: var(--logoRed);}

	.pagination .page .left_btn:not(.disabled):hover {background-image: url("/resources/icon/left_btn_hover.png");}
	.pagination .page .all_left_btn:not(.disabled):hover {background-image: url("/resources/icon/all_left_btn_hover.png");}
	.pagination .page .right_btn:not(.disabled):hover {background-image: url("/resources/icon/right_btn_hover.png");}
	.pagination .page .all_right_btn:not(.disabled):hover {background-image: url("/resources/icon/all_right_btn_hover.png");}
}

@media screen and (max-width: 768px) {
	.m_only {display: block !important;}
	.pc_only {display: none !important;}
	.tab_only {display: none;}
	.valign {display: block;}
	.valign > * {display: block;vertical-align: middle;}

	/* font style */
	.tit {font-size: 5.56vw;}
	.xsmall-tit {font-size: 4.17vw; line-height: 1.5;} 
	.small-tit { font-size: 4.44vw; }
	.medium-tit {font-size: 5.56vw; line-height: 1;}
	.large-tit {font-size: 6.67vw; line-height: 1.39;}
	.section-tit {font-size: 6.67vw; text-align: left; margin-bottom: 5.56vw;}

	.desc p, p.desc, dd.desc {font-size: 4.44vw; line-height: 1.6; }
	.desc.fcRed.mb30 {padding-left:0;}
	.desc p.narrow, p.desc.narrow {letter-spacing: -.03em; line-height: 1.67;}
	.bracket {display: block; font-size: 16px;}

	* + .desc {margin-top: 4.63vw;/* padding: 0 5.56vw; */}
	.desc.has-mark p {padding-left: 11px; position: relative;}
	.desc.has-mark p:before {content:'ㆍ';position: absolute;left: -0.5em;top: 0;font-size: inherit;}

	/* common class */
	.indent {padding-left: 5.39vw; margin-top: 0.56vw;}
	.indent p {text-indent: -5.39vw; padding-bottom: 2.6vw;}
	.indent-hyphen {padding-left: 2.39vw; margin-top: 0.56vw;}
	.indent-hyphen p {text-indent: -2.39vw; padding-bottom: 2.6vw;}
	.privacy_wrap .indent-hyphen p { text-indent: -2.39vw; }		


	/* btn style */
	.more-btn .more-txt {display: none;}
	.more-btn .more-icon {width: 14.44vw; height: 12.04vw;}
	.more-btn .more-icon:before {width: 12.04vw; height: 12.04vw; background-color: #e0e5e9;}
	.more-btn .more-icon:after {content: ''; width: 10.37vw; height: 2.13vw;}

	/* common layout */
	.inner {padding: 0 5.56vw;}
	.m-full .inner {padding: 0;}
	.m-full .inner .tit-wrap,
	.m-full .inner .section-tit ,
	.m-full .inner .txt, 
	.m-full .inner .desc {padding: 0 5.56vw;}
	.m-full .table-wrap .search-form,
	.m-full .table-wrap .select-wrap {width: calc(100% - 5.56vw); margin-right: auto; margin-left: 0;}
	.table-wrap .table-cont.m-scroll table {padding-right: 5.56vw;}
	/* .m-scroll {padding-right: 5.56vw;} */

	/* header */
	header {height: 15.74vw;}
	header #logo {width: 33.33vw; height: 5.46vw; left: 5.56vw;}
	header .utils {right: 0;}
	header .header-inner > .utils .lang {display: none !important;}
	header .utils .lang {display: none;}
	header .utils .menu-btn {width: 15.74vw;height: 15.74vw;margin-left: 0;}
	header .utils .menu-btn i {transition: none; width: 1.2vw; height: 1.2vw;}
	header .utils .menu-btn i:nth-child(1) {left: 6.11vw;top: 6.11vw;}
	header .utils .menu-btn i:nth-child(2) {right: 6.11vw;top: 6.11vw;}
	header .utils .menu-btn i:nth-child(3) {left: 6.11vw;bottom: 6.11vw;}
	header .utils .menu-btn i:nth-child(4) {right: 6.11vw;bottom: 6.11vw;}

	/* header */
	header .utils .menu-btn.show i {width: 5.52vw;height: 0.74vw;border-radius: 1vw;background-color: #3b4951;transition: background 300ms ease-in-out;}
	header .utils .menu-btn.show i:nth-child(1) {left: auto;top: 7.11vw;right: 5.11vw;transform: rotate(135deg);}
	header .utils .menu-btn.show i:nth-child(2) {top: 7.11vw;right: 5.11vw;transform: rotate(45deg);}
	header .utils .menu-btn.show i:nth-child(3) {width: 0;}
	header .utils .menu-btn.show i:nth-child(4) {width: 0;}

	.wrap.sub header .utils .menu-btn {}
	.wrap.sub header .utils .menu-btn:hover i,
	.wrap.sub header .utils .menu-btn.show:hover i {}

	header .lang li {display: inline-block;}
	header .lang li a {color: #3b4951;font-family: acumin-pro, sans-serif;font-weight: 600;font-size: 4.81vw;font-weight: 700;height: 15.74vw;line-height: 15.74vw;padding: 0 6vw 0 0;}
	header .utils .lang li a {color: #fff; }
	header .lang li a.active {color: #e64d2c;}

	/* gnb-wrap */
	header .gnb-bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.1); z-index: 990; transition: opacity 0.8s;}
	header .gnb-wrap {display: none;position: fixed;top: 0;right: 0;width: 84.6%;min-width: 320px;height: 100vh;background-color: #e7e8ea;box-shadow: -1px 0px 21px 0px rgb(19 19 19 / 6%);z-index: 10;transform: translateX(100%);transition: transform .4s;z-index: 999;}
	header .gnb-wrap > div {position: relative;padding: 0 0 0 10.19vw;}
	header .gnb-wrap > div .lang {opacity: 0; display: none;}
	header .gnb-wrap > div .menu-wrap {position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
	header .gnb-wrap > div .menu-list > li > a {font: 600 6.67vw/1.12 'acumin-pro', sans-serif;padding: 3.3vw 0;}
	header .gnb-wrap > div .menu-list > li.active ul {display: block;}
	header .gnb-wrap > div .menu-list > li ul {display: none;}
	header .gnb-wrap > div .menu-list > li ul li {position: relative; transition: .3s ease;}
	header .gnb-wrap > div .menu-list > li ul li:hover a {padding-left: 16px;}
	header .gnb-wrap > div .menu-list > li ul li:hover a:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 6px; height: 28px; background-color: #e64d2c;}
	header .gnb-wrap > div .menu-list > li ul li a {font-weight: 700; font-size: 4.17vw; line-height: 2.15; color: #3b4951; transition: .3s ease; width: 100%;}
	header .gnb-wrap > div .seah-info {display: none !important;}

	/* quick-order */
	/* .quick-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3);} */
	.quick-wrap {width: 100%; top: 0;left: 0;transform: translateX(100%);transition: transform .4s;}
	.quick-wrap .close-btn {position: absolute;top: 6.12vw;right: 6.38vw;width: 3.33vw;height: 3.33vw;background: no-repeat url('/resources/icon/close-icon.svg') center / contain;z-index: 1;}
	.quick-wrap .close-btn::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300%; height: 300%;}
	.quick-container .quick-btn {font-size: 4.17vw;line-height: 1.56;padding:  0;width: 15.74vw;height: 15.74vw;transform: translate(0,0) rotate(0deg);top: 15.74vw;background-image:url('/resources/icon/quick_enquiry-icon.png');background-repeat:no-repeat;background-position:center;background-size: 47%; transition: all 0s;}
	.quick-wrap .quick-btn.show:after {display: block;content: '';width: 17px;height: 17px;position: absolute;background: no-repeat url('/resources/icon/close-icon.svg') center / contain;top: 50%;right: 14%;transform: translateY(-50%);}
	.quick-wrap .quick-inner {width: 100%; height: 100vh;}
	.quick-wrap .quick-inner .tit-area {padding: 17.708vw 5.56vw 14.0625vw 5.078vw; position: relative;}
	.quick-wrap .quick-inner .tit-area h2 {font-size: 6.666vw;}
	.quick-wrap .quick-inner .tit-area .reset-btn {position: absolute;top: 21.48vw;right: 6.77vw;width: 2.87vw;height: 3.4259vw;background: no-repeat url('/resources/icon/reset-icon.svg') center / contain;}
	.quick-wrap .quick-inner .tit-area .reset-btn::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300%; height: 300%;}
	.quick-wrap .quick-form {position: relative; top: 0; height: calc(100vh - 41.67vw - 18.52vw); padding-bottom: 18.52vw;}
	.quick-wrap .quick-form .tit {display: block;font-family: acumin-pro, NanumSquare, sans-serif;font-size: 4.63vw;line-height: 1.12;margin-bottom: 6.02vw;}
	.quick-wrap .quick-form .row .item .sub-tit {font-size: 18px; line-height: 1.89; letter-spacing: -.03em;}
	.quick-wrap .quick-form fieldset {padding: 0 5.56vw; max-height: calc(100vh - 18.52vw - 41.67vw); /* max-height: 100vh; */}
	.quick-wrap .quick-form .row {font-size: 0;height: auto;}
	.quick-wrap .quick-form .row + .row {margin-top: 13.43vw;}
	.quick-wrap .quick-form .row:last-child{margin-bottom:  18.52vw;}
	.quick-wrap .quick-form .row.half-cont .item {width: 100%;vertical-align: top;}
	.quick-wrap .quick-form .row.half-cont .item + .item {margin-left: 0; margin-top: 13.43vw}
	.quick-wrap .quick-form .row .item {margin-top: 13.43vw;}
	.quick-wrap .quick-form .row:first-child .item:first-child {margin-top: 0;}
	.quick-wrap .quick-form .row .item span {color: #333;}
	.quick-wrap .quick-form .row .item div.desc {margin-top: 5.56vw; padding: 0;}
	.quick-wrap .quick-form .row .item .desc p {padding-left: 2vw; text-indent: -2vw;}
	.quick-wrap .quick-form .row .item input, 
	.quick-wrap .quick-form .select-box .label {padding: 0 4vw 2vw;}
	.quick-wrap .quick-form .row .item span, 
	.quick-wrap .quick-form .row .item input, 
	.quick-wrap .quick-form .select-box .label {font-size: 4.44vw;line-height: 1.7;letter-spacing: -.02em;min-height: 7.94vw;}
	.quick-wrap .quick-form .row .item input::placeholder {font-size: 20px; line-height: 1.7; letter-spacing: -.02em;}
	.quick-wrap .quick-form .row .item input::placeholder {color: rgba(51, 51, 51, .5); }
	.quick-wrap .quick-form .row .item input {width: 100%;border-bottom: 1px solid #333;}
	.quick-wrap .quick-form .row.three input,
	.quick-wrap .quick-form .row.three .select-box {width: calc((100% - 9.26vw) / 2);}
	.quick-wrap .quick-form .row.three .email {position: relative; font-size: 0;}
	.quick-wrap .quick-form .row.three .email > * {display: inline-block;}
	.quick-wrap .quick-form .row.three .email > * + *:not(.at) {margin-left: 8.26vw;}
	.quick-wrap .quick-form .row.three .email > *:last-child {width: 100%;margin-left: 0;margin-top: 4vw;}
	.quick-wrap .quick-form .row.three .email .at {position: absolute;padding: 0 1.17vw;}
	.quick-wrap .quick-form textarea,
	.quick-wrap .quick-form .row .txt {border: 0.28vw solid #5c5c5c;padding: 2vw;height: 30vw;overflow-y: scroll;font-size: 4.44vw;}
	.quick-wrap .quick-form .row .txt p {font-size: 3.7vw;line-height: 1.5;letter-spacing: -.03em;color: rgba(51, 51, 51, 0.5);}
	.quick-wrap .quick-form .row.pravicy .item .tit {font-size: 22px; margin-bottom: 37px;}
	.quick-wrap .quick-form .row.pravicy .item .txt + label {display: block; margin-top: 12px; text-align: right;}
	.quick-wrap .quick-form .row.pravicy .item .txt + label .desc {font-weight: 700; font-size: 18px; line-height: 1.89; margin-left: 8px;}
	.quick-wrap .quick-form .row.result .item {display: inline-block; width: 50%;}
	.quick-wrap .quick-form .row.result .item .radio-btn {width: 100%; display: block; margin-left: 0;}
	.quick-wrap .quick-form .row.file .item input:first-child {width: calc(100% - 33.34vw);}
	.quick-wrap .quick-form .file-area .file-search-btn { font-size: 4.44vw; width: 27.78vw; height: 11.11vw; line-height: 11.11vw; padding: 0; margin-left: 5.56vw; }
	.quick-wrap .quick-form .row.privacy .item .tit {font-size: 26px;}
	.quick-wrap .quick-form .row.privacy .item .check-box {margin-top: 4.44vw;width : 35%;}
	.quick-wrap .quick-form .row.privacy .item .check-box span {font-size: 4.17vw;margin-top: 0;margin-left: 2.78vw;padding: 0;}
	.quick-wrap .quick-form .select-box .label {border-bottom: 1px solid #5c5c5c;line-height: 1.2;padding: 0 4.44vw 2.41vw;}
	.quick-wrap .quick-form .select-box .label:after {width: 3.148vw;height: 2.037vw;right: 11px;top: 50%;transform: translateY(-50%);background-image:url('/resources/icon/dropdwon-icon_big-m.png');}
	.quick-wrap .quick-form .select-box .option-list {/* display: block; max-height: 140px;  */box-shadow: none; overflow-y: hidden; border-width: 0 1px 0px 1px; border-color: #333; border-style: solid;}
	.quick-wrap .quick-form .select-box.active .option-list {border-width: 0 1px 1px 1px; border-color: #333; border-style: solid; max-height: 44vw; margin-right: 1px;}
	.quick-wrap .quick-form .submit-btn {width: 100%; font-weight:800;font-size: 22px;color: #fff;height: 18.52vw;line-height: 18.52vw;letter-spacing: -.02em;background-color: var(--logoRed);position: absolute;bottom: auto;}
	/* .device .quick-wrap .quick-form .submit-btn {bottom: 18.52vw;} */
	.quick-wrap .quick-form .select-box .option-list .option-item > * {padding: 2.78vw 4.44vw;text-align: left;}
/* 	.quick-wrap ::-webkit-scrollbar {position: absolute; top: 0; right: 0; width: 8px;} */
	.quick-wrap .quick-form .select-box button { min-height: auto; height: auto; }
	.quick-wrap .quick-form .row .item input {border-bottom: 1px solid #5c5c5c;}	
	.quick-wrap .check-box .mark, .wrap .radio-btn .mark {margin: 2.21vw 0vw;}
	.quick-wrap .quick-form .row.privacy .item .check-box span {line-height: 1; padding-top: 2vw;}


	.wrap .kv ~ section:not(.banner):not(.tabmenu) {overflow: hidden; padding: 25.93vw 0;}
	.wrap .kv ~ section:not(.banner):last-of-type {padding-bottom: 25.93vw;}
	.wrap .kv ~ section.tabmenu {padding-top: 25.93vw; overflow: hidden;}

	.wrap .kv {height: 119.91vw;}
	.wrap .kv .txt {width: 100%; padding: 0 9vw;}
	.wrap .kv h2 {font-size: 9.26vw;  letter-spacing: -.02em;}
	.wrap .kv.small h2 { line-height: 1.21; }
	.wrap .kv h2 span {display:block; font-size:4.56vw; }
	.wrap .kv p {font-size: 4.44vw; line-height: 1.58;}
	.wrap .kv .obj img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 101vw; height: 100%;}

	.wrap .overview {padding: 22.22vw 0;}
	.wrap .overview .desc p {font-size: 4.44vw; line-height: 1.58; letter-spacing: -.03em;}

	
	/* new component */
	.wrap .content-box {width: 100%;}
	.wrap .content-box > * {vertical-align: top;} 
	.wrap .content-box .tit-wrap {width: 100%;padding: 0 5.56vw;}
	.wrap .tit-wrap .num {font-size: 5.74vw;line-height: 1.61;margin-bottom: 0.93vw;}
	.wrap .content-box .obj-wrap {width: 100%;margin-top: 6.48vw;} 
	.wrap .content-box + .content-box {margin-top: 100px;}


	/* 2분할 layout - default */
	.half > * {width: 100%;}
	.wrap .half-cont > * {display: block; width: 100%;}
	.wrap .half-cont + .half-cont {margin-top: 22.53vw;}
	.wrap .half-cont .txt {position: relative;width: 100%;padding: 7.41vw 0 0 0;}
	.wrap .half-cont .txt .tit {margin-bottom: 2.41vw;}
	.wrap .half-cont .obj {position: relative;}
	.wrap .half-cont.reverse .obj {position: relative !important;top: auto;transform: translateY(0);}
	.wrap .half-cont.reverse .txt { padding: 7.41vw 0 0 0; }
	/* inner x 레이아웃 */
	.wrap .m-full .half-cont .obj {right: 5.56vw;}
	.wrap .m-full .half-cont .txt {left: 0;}
	.wrap .m-full .half-cont.reverse .txt {right: 5.56vw;left: auto;}
	.wrap .m-full .half-cont.reverse .obj {left: 0;}
	.wrap .m-full .half-cont.reverse .txt {min-height: 100%;}

	/* 2분할 layout - two image */
	.wrap .half-cont.two > .obj {width: 100%;height: 76.48vw;padding-left: 0;margin-bottom: 8.33vw;}
	.wrap .half-cont.two > .obj img {width: 48.52vw;}
	.wrap .half-cont.two > .obj img:first-child {left: 0;top: 0;}
	.wrap .half-cont.two.reverse .obj img:first-child {top: 0;}
	.wrap .half-cont.two.reverse .obj img:last-child {top: auto; bottom: 0;}
	.wrap .half-cont.two > .obj img:last-child {right: 0; top: 9.26vw; z-index: 2;}
	.wrap .half-cont.two .txt {width: 100%;padding: 0;background-color: var(--bgGray);left: 0; margin-top: 0;;}
	.wrap .half-cont.two.reverse .txt {width: 100%;padding: 0;left: 0;min-height: 100%;}

	/* 2분할 layout - three image */
	.wrap .half-cont.three > .obj {height: 76.57vw;}
	.wrap .half-cont.three > .obj img:nth-child(1) {width: calc((100% - 16.67vw + 6.02vw) / 2); top: 13.61vw;}
	.wrap .half-cont.three > .obj img:nth-child(2) {width: calc((100% - 16.67vw + 6.02vw) / 2); right: 16.67vw;}
	.wrap .half-cont.three > .obj img:nth-child(3) {width: 64.33%; right: 0; bottom: 0;}
	.wrap .half-cont.three .txt {margin-top: 0;}
	.wrap .half-cont.three.reverse .txt {min-height: 76.57vw;}


	/* half-layout */
	.wrap .half-cont {height: auto;}
	.wrap .half-cont > * {width: 100%; position: relative; display: block; vertical-align: middle;}
	.wrap .col2 .half-box {display: block; margin-bottom: 3.70vw;}
	.wrap .col2 .half-box > * {display: block;}
	.wrap .col2 .half-box .txt .tit {font-size: 5.56vw; margin-bottom: 1.3vw;}

	/* col2  */
	.wrap .col-list > * {display: block;}
	.wrap .col2 .col,
	.wrap .col3 .col,
	.wrap .col4 .col, 
	.wrap .col5 .col {width: 100%;}
	.wrap .col2 .col:nth-child(even) {margin-left: 0;}
	.wrap .col2 .col:nth-child(2) ~ .col {margin-top: 0;}
	.wrap .col3 .col:nth-child(3) ~ .col {margin-top: 0;}
	.wrap .col2 .col.half-box .obj {width: 100%; height: 33.33vw; overflow: hidden;}
	.wrap .col2 .half-box > .obj img {width: 100%; height: auto; position: relative; top: auto; left: auto; transform: translate(0, 0);}
	.wrap .col2 .col.half-box .txt {width: 100%; padding: 5.56vw 4.17vw; height: 100%; }

	.wrap .sec-col.two .col2 ul,
	.wrap .sec-col.two .col3 ul {width: calc((64.81vw * 2) + (1.85vw * 1));}
	.wrap .sec-col.three .col2 ul,
	.wrap .sec-col.three .col3 ul {width: calc((64.81vw * 3) + (1.85vw * 2));}
	.wrap .sec-col.four .col2 ul,
	.wrap .sec-col.four .col3 ul {width: calc((64.81vw * 4) + (1.85vw * 3));}
	.wrap .sec-col.five .col2 ul,
	.wrap .sec-col.five .col3 ul {width: calc((64.81vw * 5) + (1.85vw * 4));}
	.wrap .sec-col.six .col2 ul,
	.wrap .sec-col.six .col3 ul {width: calc((64.81vw * 6) + (1.85vw * 5));}
	.wrap .sec-col.seven .col2 ul,
	.wrap .sec-col.seven .col3 ul {width: calc((64.81vw * 7) + (1.85vw * 6));}
	.wrap .sec-col.eight .col2 ul,
	.wrap .sec-col.eight .col3 ul {width: calc((64.81vw * 8) + (1.85vw * 7));}
	.wrap .sec-col.nine .col2 ul,
	.wrap .sec-col.nine .col3 ul {width: calc((64.81vw * 9) + (1.85vw * 8));}
	.wrap .col2 .card-list .col,
	.wrap .col3 .card-list .col {width: 64.81vw;}
	.wrap .col2 .card-list .col + .col,
	.wrap .col3 .card-list .col + .col {margin-left: 1.85vw;}
	.wrap .sec-col.five .col3 .col:nth-last-child(-n+2) {width: 64.81vw; margin-left: 1.85vw;}
	.wrap .col2.custom .col:nth-child(1) {margin-left: 0;}
	.wrap .col2.custom .col:nth-child(2) {margin-left: 1.85vw;}
	.wrap .col2.custom .col:nth-child(n+1):nth-child(-n+2) {position: static; width: 64.81vw; top: 0;}
		

	/* col3-grid */
	.wrap .col3-grid {width: 100%; font-size: 0;}
	.wrap .col3-grid .col {display: inline-block; vertical-align: top; margin-bottom: 0 !important; width: calc((100% - 9.26vw) / 6);}
	.wrap .col3-grid .col + .col {margin-left: 1.85vw;}
	.wrap .col3-grid .col:nth-child(3n+1) {margin-left: 0;}

	.wrap .col .floating-txt {padding: 5.56vw;}
	.wrap .col .floating-txt .tit {top: 8.33vw;font-size: 7.22vw;}
	.wrap .col .floating-txt .desc {padding: 0; bottom: 5.56vw; left: 5.56vw; right: 5.56vw;}
	.wrap .col .floating-txt .desc .more-btn {margin-top: 27px;}

	.wrap .col3 .card-list .col,
	.wrap .col3 .card-list .col {width: 32.5%; margin-bottom: 1.25%;}
	.wrap .col3 .card-list .col + .col {margin-left: 1.25%;}
	.wrap .col3 ul .col:first-child {margin-left: 0 !important;}



	/* col3-grid */
	.wrap .col3-grid {width: 100%;margin-top: 8.61vw;}
	.wrap .col3-grid .col {display: inline-block; vertical-align: top; margin-bottom: 0 !important; width: calc((100% - 9.26vw) / 6);}
	.wrap .col3-grid .col + .col {margin-left: 1.85vw;}
	.wrap .col3-grid .col .floating-txt {top: 0; left: 0; width: 100%; height: 100%; /* padding: 40px 47px; */}
	.wrap .col3-grid .col .floating-txt > * {left: 5.74vw;}
	.wrap .col3-grid .col .floating-txt h4 {line-height: 1; top: 8.33vw; font-size: 7.22vw; text-shadow: 0 0.19vw 0.09vw rgba(0, 0, 0, 0.6);}
	.wrap .col3-grid .col .floating-txt .desc {bottom: 8.33vw;}
	.wrap .col3-grid .col .floating-txt .desc .more-btn {margin-top: 0;}
	.wrap .col3-grid .col:nth-child(3n+2) {margin-top: 0 !important;}
	.wrap .col3-grid .col:nth-child(3n) {margin-top: 0 !important;}

	/* col3 common */
	.wrap .col3 .col-list .col {width: 33.333%;}
	.wrap .col3 .col-list .col:nth-child(3n+1), 
	.wrap .col3 .card-list .col:nth-child(3n+1) {margin-left: 0;}

	/* button style */
	.plus-btn {width: 5.56vw; height: 5.56vw; margin: 0;}
	.file-btn {font-size: 3.89vw; position: relative;padding-top: 4.35vw;padding: 4.35vw 2.35vw 0 2.35vw;text-align: center;}
	.file-btn:after {display: block; position: absolute; top: 0;  left: 50%; transform: translateX(-50%); width: 4.91vw; height:4.35vw; background-image: url('/resources/icon/download-icon-m.png'); margin-left: 0;}

	.download-desc {display: block;width: 100%;font-size: 4.17vw;line-height: 1.6;}
	.download-desc + .download-desc {margin-top: 8.33vw;}
	.download-desc + .download-desc:before {display: none;}
	span + .download-btn {margin-left: 0; margin-top: 2.78vw;}
	.download-btn {display: inline-block;font-weight: 700;font-size: 4.44vw;/* line-height: 1.67; */ line-height: 1.3; text-align: center;text-align: center;padding: 4.63vw 16.67vw;}

	.btn_play:after {content: ''; width: 57px; height: 57px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: no-repeat url('/resources/icon/play-icon.png') center / cover;}

	/* table */
	.wrap .table-wrap {position: relative;}
	.wrap .table-wrap ~ .table-wrap {margin-top: 24.07vw;}
	.wrap .table-wrap table {margin-top: 5vw;}
	.wrap .table-wrap table thead th {font-size: 4.17vw; line-height: 1.6; padding: 4.63vw 0 4.63vw 6.67vw;}
	/* .wrap .table-wrap.download table thead {display: none;} */
	.wrap .table-wrap table thead th:last-child { padding: 4.63vw 0 4.63vw 4.63vw;}
	.wrap .table-wrap.download table td:first-child {font-weight: 700;}
	.wrap .table-wrap.download table thead th:first-child, 
	.wrap .table-wrap.download table td:first-child {padding: 4.63vw 0 4.63vw 0;}
	.wrap .table-wrap.download table td[colspan="2"], 
	.wrap .table-wrap table td[colspan="3"], 
	.wrap .table-wrap table td[colspan="4"] {padding: 4.63vw 0 4.63vw 6.67vw !important;}
	.wrap .table-wrap table tbody th,
	.wrap .table-wrap table td {font-size: 3.89vw; line-height: 1.71; padding: 4.63vw 0 4.63vw 6.67vw;}
	.wrap .table-wrap.download table thead th:last-child, 
	.wrap .table-wrap.download table td:last-child {padding: 4.63vw 0;}
	.wrap .table-wrap.board table {display: block;}
	.wrap .table-wrap.board table col:nth-child(1) {width: 60%;}
	.wrap .table-wrap.board table col:nth-child(3) {width: 40%;}
	.wrap .table-wrap.board table thead {display: none;}
	.wrap .table-wrap.board table tbody {display: block;}
	.wrap .table-wrap.board table tr {display: block; border-bottom: 1px solid #c0c1c1; min-height: 34.24vw; padding: 4.69vw 3.8vw 4.3vw 3.8vw;}
	.wrap .table-wrap.board table td {display: block; border: none; padding: 0;}
	.wrap .table-wrap.board table .file {display: none;}
	.wrap .table-wrap.board table .cate {width: 100%; padding-bottom: 3vw;}
	.wrap .table-wrap.board table .title {width: 100%; font-size: 4.17vw; font-weight: 700; line-height: 1.3; padding-bottom: 4.6vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.wrap .table-wrap.board table .date {width: 100%; font-size: 4.17vw; line-height: 1.3;}

	.wrap .table-wrap .tabmenu + .tab-cont table {margin-top: 0;}
	.wrap .table-wrap .tit + table,
	.wrap .table-wrap .search-form + table,
	.wrap .table-wrap .select-wrap+ table {margin-top: 5vw;}

	/* list table */
	.wrap .table-wrap .table {margin-top: 5vw;}
	.wrap .table-wrap .table .thead {border-bottom: 1px solid #c1c1c1;}
	.wrap .table-wrap .table .thead .th {font-size: 4.17vw; line-height: 1.6; padding: 4.63vw 0 4.63vw 6.67vw;}
	.wrap .table-wrap .table .thead .th:last-child {padding: 4.63vw 0 4.63vw 4.63vw;}
	.wrap .table-wrap .table .tbody .th,
	.wrap .table-wrap .table .td {font-size: 3.89vw; line-height: 1.71; padding: 4.63vw 0 4.63vw 6.67vw;}
	.wrap .table-wrap .table .td:last-child {padding: 4.63vw 0;}
	.wrap .table-wrap.download .table .td[colspan="2"],
	.wrap .table-wrap .table .td[colspan="3"],
	.wrap .table-wrap .table .td[colspan="4"]  {padding: 4.63vw 0 4.63vw 6.67vw !important;}
	.wrap .table-wrap.download .table .thead .th:first-child,
	/*.wrap .table-wrap.download .table .td:first-child {padding: 4.63vw 0 4.63vw 0;}*/
	.wrap .table-wrap.download .table .td:first-child {padding: 0 0 3vw 0;}
	/*.wrap .table-wrap.download .table .thead .th:last-child,
	.wrap .table-wrap.download .table .td:last-child {padding: 4.63vw 0;}*/
	.wrap .table-wrap.download .table .thead .th:last-child,
	.wrap .table-wrap.download .table .td:last-child {padding: 0;}
	.wrap .table-wrap.board .table {display: block;}
	.wrap .table-wrap.board .table .tr.thead {display: none;}
	.wrap .table-wrap.board .table .tr {display: block; border-bottom: 1px solid #c0c1c1; /*min-height: 34.24vw;*/ padding: 4.69vw 3.8vw 4.3vw 3.8vw;}
	.wrap .table-wrap.board .table .td {display: block; border: none; padding: 0;}
	.wrap .table-wrap.board .table .file {display: none;}
	.wrap .table-wrap.board .table .cate,
	.wrap .table-wrap.board .table .num {width: 100%; padding-bottom: 3vw;}
	.wrap .table-wrap.board .table .title {width: 100%; font-size: 4.17vw; font-weight: 700; line-height: 1.3; padding-bottom: 4.6vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.wrap .table-wrap.board .table .date {width: 100%; font-size: 4.17vw; line-height: 1.3;}

	/* list */
	.wrap .list-wrap {position: relative;}
	.wrap .list-wrap .tit {text-align: left;}
	.wrap .list-wrap ul {margin-top: 5.56vw;}
	.wrap .list-wrap .tab-cont ul {margin-top: 5.56vw;}
	.wrap .list-wrap ul > li {padding: 3.7vw 0 3.7vw 4.26vw;}
	.wrap .list-wrap ul > li div {display: block;}
	.wrap .list-wrap ul > li .tit {width: 100%;}
	.wrap .list-wrap ul > li .tit p {font-size: 3.89vw;line-height: 1.47;margin-bottom: 0;}
	.wrap .list-wrap ul > .thead .tit p {font-size: 3.89vw;font-weight: 700;}
	.wrap .list-wrap ul > li .desc {width: 100%;}
	.wrap .list-wrap ul > li .desc p {font-size: 4.17vw; line-height: 1.6;}
	.wrap .list-wrap .m-scroll ul,
	.wrap .list-wrap .m-scroll .tab-cont {width: 260vw;}

	/* tabmenu */
	.wrap .kv ~ section.tabmenu {padding: 0;}
	.wrap .tabmenu > .inner {width: calc(100% - (5.56vw * 2));}
	.wrap .tabmenu.four ul {width: 140vw;}
	.wrap .tabmenu.five ul {width: 140vw;}
	.wrap .tabmenu.six ul {width: 200vw;}
	.wrap .tabmenu.seven ul {width: 250vw;}
	.wrap .tabmenu li a,
	.wrap .tabmenu.seven li a {font-size: 4.17vw; line-height: 1.2; padding-bottom: 2vw;}

	
	.wrap .tabmenu.top {margin-top: -12.96vw;}
	.wrap .tabmenu li a {font-size: 4.17vw;line-height: 1.5;padding-bottom: 1.02vw;}
	.wrap .tabmenu.top li a {font-size: 3.89vw; font-weight: 400; height: 12.96vw;line-height: 12.96vw;}
	.wrap .tabmenu.seven li a {font-size: 3.89vw;}


	.wrap .tabmenu.round {padding: 6.48vw 0 6.48vw;}
	.wrap .tabmenu.round ul {display: inline-block; position: relative; left: 50%; transform: translateX(-50%);}
	.wrap .tabmenu.round ul li {width: calc((100% - 3.7vw) / 2);}
	.wrap .tabmenu.round ul li + li {margin-left: 3.7vw;}
	.wrap .tabmenu.round ul li a {height: 9.54vw; line-height: 9.54vw; font-weight: 700; color: #4f5254; border: 2px solid #4f5254; border-radius: 5vw; padding: 0 4.91vw;}
	.wrap .tabmenu.round ul li.active a {color: #fff; background-color: #4f5254;}

	/* select box */
	.select-box {position: relative;} 
	.select-box .label {height: 100%; font-size: 4.44vw; line-height: 1.6;}
	.select-box .label:after {display: block; content: ''; position: absolute; top: 14px; right: 0; width: 5.09vw; height: 2.78vw; background: no-repeat 50% 50% / contain; background-image: url('/resources/icon/dropdown-icon-m.png'); transition: transform 0.3s; -webkit-transition: transform 0.3s;}
	/*.select-box.active:not(.no-anim) .label:after {transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}*/
	.select-box .option-list {/* display: none; */box-shadow: 0 0.56vw 0.83vw 0 rgb(29 29 29 / 11%); } 
	.select-box.active .option-list {max-height: 51.67vw; z-index: 30;}
	.select-box .option-item > * {font-size: 3.33vw;text-align: center;padding: 7vw 0 0 0;}
	.select-wrap .select-box + .select-box {margin-left: 20px;}
	.table-wrap .select-wrap {position: relative; top: 0; right: 0;}
	.table-wrap .select-box {width: 100%; height: 9.11vw;}
	.table-wrap .tit + .select-wrap,
	.table-wrap .tit + .search-form {margin-top: 5vw;}

	/* search form */
	.table-wrap .tit + .search-form,
	.list-wrap .tit + .search-form {position: relative;}
	.table-wrap .search-form,
	.list-wrap .search-form {margin-left: auto;}
	.search-form {width: 100%;border-bottom: 0.19vw solid #c0c1c1;padding: 2.78vw 1.76vw 2.78vw 1.76vw;}
	.search-form > * {display: inline-block;}
	.search-form input {color: #333;font-size: 4.44vw;line-height: 1;letter-spacing: -.02em;width: calc(100% - 1.67vw); background: var(--catskillWhite);}
	.search-form button {width: 5.46vw;height: 4.72vw;background: no-repeat url('/resources/icon/search-icon.png') center / contain;position: absolute;right: 1.76vw;}


	/* pagination */
	.pagination {font-size: 0; text-align: center; margin: 9vw 0 0;}
	.pagination * {vertical-align: middle;}
	.pagination .pc_only {display: none;}
	.pagination .m_only {display:inline-block !important;}
	.pagination .page .left, .pagination .page .right {width: 4.07vw;height: 4.17vw;background: no-repeat top / contain; background-image: url("/resources/icon/right_btn-m.png"); font-size: 4.17vw;letter-spacing: -0.2em;  /* vertical-align: -0.33em; */}
	.pagination .page .left {transform: rotate(180deg);}
	.pagination .page .disabled {opacity: .3;}
	.pagination .page .left_btn {background-image: url("/resources/icon/right_btn-m.png");}
	.pagination .page .left_btn.disabled {background-image: url("/resources/icon/right_btn-m.png");}
	.pagination .page .all_left_btn {background-image: url("/resources/icon/all_right_btn-m.png");}
	.pagination .page .all_left_btn.disabled {background-image: url("/resources/icon/all_right_btn-m.png");}
	.pagination .page .right_btn {background-image: url("/resources/icon/right_btn-m.png"); margin-left: 1.3vw;}
	.pagination .page .right_btn.disabled {background-image: url("/resources/icon/right_btn-m.png"); margin-left: 1.3vw;}
	.pagination .page .all_right_btn {background-image: url("/resources/icon/all_right_btn-m.png");}
	.pagination .page .all_right_btn.disabled {background-image: url("/resources/icon/all_right_btn-m.png");}
	.pagination .page a {line-height: 4.17vw;font-size: 4.17vw;letter-spacing: -0.01em;margin: 0 3.7vw;color: #878b8d;}
	.pagination .page a > * {width: 4.17vw;height:4.17vw;line-height: 4.17vw;font-size: 4.17vw;letter-spacing: -0.01em;color: #878b8d;}
	.pagination .page a:not(.left, .right) {display: none;}
	.pagination .page a.active {display: inline-block; color: #e64d2c;font-weight: 700; /* vertical-align: -0.2em; */}
	.pagination .pageNumber a:not(.active) {display: none;}


	/* 수정중 */
	.wrap label > * {display: inline-block;}
	.wrap .check-box .mark,
	.wrap .radio-btn .mark {width: 3.52vw; height: 3.52vw; border: 2px solid #bbc0c4; border-radius: 0.93vw;}
	.wrap label input[type="checkbox"]:checked + .mark:after,
	.wrap label input[type="radio"]:checked + .mark:after {width: 2.22vw; height: 1.3vw;}
	.wrap .radio-btn .mark + span {margin-top: 0;}

	.wrap .filter-wrap .accodian .item .accodian-cont {padding: 0 4.63vw;}
	.wrap .filter-wrap .filter + .filter {border-top: 1px solid #b6b8b9; margin-top: 0.93vw;}
	.wrap .filter-wrap .filter > * {display: block;}
	.wrap .filter-wrap .filter .filter-tit {width: 100%; font-weight: 600; font-size: 4.17vw; line-height: 1.89; margin-bottom: 3.70vw;}
	.wrap .filter-wrap .filter .input-cont {width: 100%;}
	.wrap .filter-wrap .filter .input-cont label {display: inline-block; width: 22.222%; font-size: 3.89vw; line-height: 1.2; white-space: nowrap;}
	.wrap .filter-wrap .filter .input-cont label:nth-child(1) { width: calc(100% - 66.666%); }
	.wrap .filter-wrap .filter .input-cont label + label {margin-left: 0;}
	.wrap .filter-wrap .filter .input-cont label .mark {margin-right: 1.76vw;}

	/* accodian layout */
	.wrap .intro-txt .tit, .wrap .accodian .accodian-tit {border-bottom: 1px solid #838587;}
	.wrap .accodian .accodian-tit {font-size: 5.56vw;line-height: 1.47;padding: 2.78vw 5.09vw;text-indent: -5.09vw;}
	.wrap .accodian .accodian-tit:after {width: 5.09vw; height: 2.78vw; background-image: url('/resources/icon/arrow-icon-m.png');}
	.wrap .accodian .item .accodian-cont h5.small-tit {margin-bottom: 4.63vw; font-size: 4.44vw; line-height: 1.2; letter-spacing: -.02em; color: #333;}
	.wrap .accodian .item + .item {margin-top: 3.70vw;}
	.wrap .intro-txt .desc,
	.wrap .accodian .item .desc {padding: 3.89vw 0;}
	.wrap .accodian .item .desc {padding: 3.89vw 0;}
	.wrap .intro-txt .desc p + p,
	.wrap .accodian .item .desc p + p {margin-top: 0.74vw;}

	#popup-layer #videoArea {height: 55vw;}
	.popup-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.popup-wrap .valign { width: 100%; height: 100%; margin: 0 auto; table-layout: fixed; display: table;}
	.popup-wrap .valign > * {display: table-cell;}
	.popup-wrap.video .popup-inner {margin: 0 auto;width: 100%;padding: 0 9.25vw;}
	/*#popup-layer .close-btn { width: 65px; height: 65px; position: absolute; top: auto; bottom: 100%; right: 0; background: url('/resources/icon/popup-close-icon-m.png') no-repeat 50% 50%; background-size: 25px 25px; margin: 0; }*/

	/* footer */
	footer .footer * {color: #4f5254;}
	footer .inner {padding: 0 5.56vw !important;}
	footer .footer {padding: 10.9vw 0 12.04vw;}
	footer .footer__top {padding-bottom: 8.3vw;}
	footer .footer__top address, footer .footer__top p {font-size: 3.61vw; line-height: 1.54;}
	footer .footer__top .familysite .option-list { left: 24vw; }
	footer .footer__top .familysite .label {font-size: 3.33vw; line-height: 1;}
	footer .footer__top .familysite {position: relative; margin-top: 5.84vw;}
	footer .footer__top .familysite .label:after {width: 2.13vw;height: 2.69vw; background: no-repeat url('/resources/icon/footer-more-icon-m.png') center/ contain; margin-left: 1.5vw; margin-bottom: 0.52vw;}
	footer .footer__top .familysite .option-list {width: auto;left: 23.5vw;bottom: 0;top: auto;}
	footer .footer__top .familysite.active .option-list {max-height: 130vw;}
	footer .footer__top .familysite li a {padding: 2.78vw 12.04vw 0 3.7vw;text-align: left;}
	footer .footer__top .familysite li:last-child a {padding-bottom: 1.57vw;}
	footer .footer__btm ul li a, footer .footer__btm p {font-size: 2.78vw; line-height: 1.3;}
	footer .footer__top .footer__logo {width: 27.5vw;}
	footer .footer__top .footer__col {display: block; vertical-align: baseline;}
	footer .footer__top .footer__col:nth-child(1) {width: 100%;}
	footer .footer__top .footer__col:nth-child(2) {width: 100%; margin: 5.09vw 0 5.84vw;}
	footer .footer__top .footer__col:nth-child(3) {width: 100%;}
	footer .footer__top .footer__col:nth-child(2) ul li {display: inline-block; margin-right: 4.26vw;}
	footer .footer__top .footer__col:nth-child(2) ul li:nth-child(3) {margin-right: 6vw;}
	footer .footer__top .footer__col:nth-child(2) ul li a { font-size: 3.89vw; line-height: 2.14; }
	footer .footer__top p a {display: inline;}

	footer .footer__btm {display: block; padding-top: 8.33vw;}
	footer .footer__btm > * {display: inline-block;}
	footer .footer__btm ul {width: 100%; margin-bottom: 3.06vw;}
	footer .footer__btm ul li {display: inline-block;}
	footer .footer__btm ul li {position: relative; padding-right: 1.85vw; margin-right: 1.85vw;}
	footer .footer__btm ul li:not(:nth-child(2)):not(:last-child):after {content: '';position: absolute;top: .2rem;right: -0.91vw;width: 1px;height: 2.22vw;background-color: #b1b6b9;}
	footer .footer__btm p {color: #878b8d; font-weight: 300;}

	.goTop {width: 48px;height: 48px;bottom: 24px;right: 24px;}
	html:not(.device) .goTop:hover, 
	html.device .goTop.touched {background-color: #4b585f; transition: all .3s ease;}


	.mCSB_horizontal.mCSB_inside>.mCSB_container {padding-bottom: 9.44vw; margin-bottom: 0;}
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer {height: 3px; border-radius: 5px; background-color: #bcc1c4;}
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {margin: 0 auto; background-color: #333; height: 3px; position: absolute; left: 0; top: 0;}
	.mCustomScrollBox {height: auto; overflow: visible;}
	/* .mCSB_scrollTools .mCSB_draggerContainer {background-color: #bcc1c4; height: 3px;}
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #333; margin: 0 auto; height: 3px;}
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {position: absolute; top: 0; left: 0; height: 3px; margin: 0 auto;}*/
}