/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}
article,
aside,
footer,
header,
nav,
section {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
figcaption,
figure,
main {
    display: block;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details,
menu {
    display: block;
}
summary {
    display: list-item;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    word-break: keep-all;
}
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    word-break: keep-all;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 100;
    src: local("Noto Sans Light"), local("NotoSansCJKkr-Light"), url("../font/noto/NotoSansCJKkr-Light.eot");
    src: url("../font/noto/NotoSansCJKkr-Light.eot?#iefix") format("embedded-opentype"), url("../font/noto/NotoSansCJKkr-Light.woff2") format("woff2"), url("../font/noto/NotoSansCJKkr-Light.woff") format("woff");
}
@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans Regular"), local("NotoSansCJKkr-Regular"), url("../font/noto/NotoSansCJKkr-Regular.eot");
    src: url("../font/noto/NotoSansCJKkr-Regular.eot?#iefix") format("embedded-opentype"), url("../font/noto/NotoSansCJKkr-Regular.woff2") format("woff2"), url("../font/noto/NotoSansCJKkr-Regular.woff") format("woff");
}
@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 500;
    src: local("Noto Sans Medium"), local("NotoSans-Medium"), url("../font/noto/NotoSans-Medium.eot");
    src: url("../font/noto/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../font/noto/NotoSans-Medium.woff2") format("woff2"), url("../font/noto/NotoSans-Medium.woff") format("woff");
}
@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../font/noto/NotoSans-Bold.eot");
    src: url("../font/noto/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../font/noto/NotoSans-Bold.woff2") format("woff2"), url("../font/noto/NotoSans-Bold.woff") format("woff");
}
@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 900;
    src: local("Noto Sans Black"), local("NotoSans-Black"), url("../font/noto/NotoSans-Black.eot");
    src: url("../font/noto/NotoSans-Black.eot?#iefix") format("embedded-opentype"), url("../font/noto/NotoSans-Black.woff2") format("woff2"), url("../font/noto/NotoSans-Black.woff") format("woff");
}
fieldset,
img {
    border: 0 none;
    vertical-align: top;
}
img {
    image-rendering: -webkit-optimize-contrast;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    width: 100%;
    text-align: left;
}
button:focus,
button:active {
    padding: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button {
    padding: 0;
    font-family: "Noto Sans KR", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #363636;
}
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}
caption {
    overflow: hidden;
    width: 1px;
    height: 1px;
    font-size: 20px;
    line-height: 1px;
    margin-top: -1px;
}
select,
input,
button,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border: 0 none;
    font-size: 15px;
    font-weight: 400;
    font-family: "Noto Sans KR", sans-serif;
}
select[type="checkbox"],
input[type="checkbox"],
button[type="checkbox"],
textarea[type="checkbox"] {
    -webkit-appearance: checkbox;
}
select[type="radio"],
input[type="radio"],
button[type="radio"],
textarea[type="radio"] {
    -webkit-appearance: radio;
}
select::-ms-expand,
input::-ms-expand,
button::-ms-expand,
textarea::-ms-expand {
    display: none;
}
textarea {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
html,
body {
    font-family: "Noto Sans KR", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #363636;
}
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}
label,
button {
    cursor: pointer;
    overflow: hidden;
}
a:focus,
input:focus {
    outline: 1px dotted #222;
}
::-webkit-input-placeholder {
    color: #d7d7d7;
    font-weight: 400;
}
::-moz-placeholder {
    color: #d7d7d7;
    font-weight: 400;
}
:-ms-input-placeholder {
    color: #d7d7d7;
    font-weight: 400;
}
:-moz-placeholder {
    color: #d7d7d7;
    font-weight: 400;
}
body {
    -webkit-backface-visibility: hidden;
}
html {
    overflow-y: scroll;
    height: 100%;
}
html.no-scroll {
    overflow: hidden;
}

html::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}

html::-webkit-scrollbar-thumb {
    background-color: #777;
    border-radius: 12px;
}

html::-webkit-scrollbar-track {
    margin: 0 0;
    background-color: transparent;
}


body {
    height: 100%;
}

.fade-action {
    transform: translateY(30px);
    transition: 1s;
    opacity: 0;
}
.fade-action.active {
    transform: translateY(0);
    opacity: 1;
}

#wrap{height: 100%;}
#wrap.visible{opacity: 1; visibility:visible;}

#wrap.visible #keyVisual .inner .main-copy .txt1{transform: translateY(0); opacity: 1;}
#wrap.visible #keyVisual .inner .main-copy .txt2{transform: translateY(0); opacity: 1;}
#wrap.visible #keyVisual .inner .main-copy .txt3{transform: translateY(0); opacity: 1;}

#gnbArea{position: fixed; top:0; left:0; width: 100%; height: 70px; background-color: #fff; z-index: 100; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);}
#gnbArea ul{display:flex; width: 100%; max-width: 1280px; margin:0 auto;justify-content:center; align-items:center; height: 70px;;}
#gnbArea ul li{width: 100%; text-align: center; position: relative; max-width:320px;}
#gnbArea ul li a{font-size: 16px; color: #000; font-weight: 500; display:inline-block;}
#gnbArea ul li:before{position: absolute; left:0; top:50%; margin-top: -16px; width: 1px; height: 32px; content:""; background: #adadad; opacity: .5;}
#gnbArea ul li:first-child:before{display:none;}


#gnbArea ul li.active a{font-weight: bold;}

#container{margin:0 auto; height: 100%;}

#keyVisual{height: 100%;background-image: url('../images/keyvisual_bg.jpg');background-size:cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;}
#keyVisual .inner{width: 1280px; position: relative; margin:0 auto; height: 100%; padding-top: 35px; display:table; width: 100%; box-sizing:border-box;;}
#keyVisual .inner .main-copy{text-align: center; display:table-cell; vertical-align: middle;}
#keyVisual .inner .main-copy .tit{transform: translateY(30px); transition: 1.6s; transition-delay: 0.6s; opacity: 0; text-shadow: 0 0 18px rgba(251, 200, 138, 0.45), 0 0 8px rgba(251, 200, 138, 0.25);}
#keyVisual .inner .main-copy .tit span{position: relative; display:inline-block; font-size: 90px; color: #fff; font-weight: 700; letter-spacing: -1.7px; }
#keyVisual .inner .main-copy .tit span img{position: absolute; right:-37px; top:-50px;}
#keyVisual .inner .main-copy .txt{font-size: 46px; color: #fff; letter-spacing: -2.5px; transform: translateY(30px); transition: 1.6s; transition-delay: 0.9s; opacity: 0; line-height: 60px; margin-top: 72px;}
#keyVisual .inner .main-copy .box{text-align: center; margin-top: 95px; transform: translateY(30px); transition: 1.6s; transition-delay: 1.2s; opacity: 0;}
#keyVisual .inner .main-copy .box span{font-size: 46px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 45px;
  position: relative;
  display: inline-block;
  padding: 16px 32px;
  color: #fff;
  background: rgba(0,0,0,0.2);
}

#keyVisual .inner .main-copy .box span::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: inherit;
  box-shadow: 0 0 7px 2px rgba(251, 225, 194, 0.57); /* 크기+불투명도 */
  mix-blend-mode: overlay; /* 오버레이 흉내 */
  pointer-events: none;
}

#wrap.visible #keyVisual .inner .main-copy .tit{transform: translateY(0); opacity: 1;}
#wrap.visible #keyVisual .inner .main-copy .txt{transform: translateY(0); opacity: 1;}
#wrap.visible #keyVisual .inner .main-copy .box{transform: translateY(0); opacity: 1;}

.bk_ie{display:block;}
.ie_bk{display:inline;}

#content .section3 {background-color: #edf5ea;}
#content .section3 .inner{width: 100%;max-width: 1280px; margin:0 auto; padding: 124px 3.33vw 0; box-sizing:border-box;}
#content .section3 .inner .ico{text-align: center;}
#content .section3 .inner > .title{font-size: 90px;text-align: center; color: #393939; letter-spacing: -4.5px; margin-top: 33px;}
#content .section3 .inner > .title span{font-weight: 700;}

#content .section3 .chapter1{background-color: #ffffff; margin-top: 90px; border-radius: 45px; padding: 139px 0 137px; position: relative;}
#content .section3 .chapter1 > img{position: absolute; left:50%; transform:translate(-50%, 0); top:0}
#content .section3 .chapter1 .title{font-size: 80px; text-align: center; color: #393939; letter-spacing: -2px; font-weight: 700; line-height: 104px;}
#content .section3 .chapter1 .text{font-size: 30px; color: #393939; font-weight: 400; text-align: center; letter-spacing: -2px; margin-top:36px; line-height: 44px;}
#content .section3 .chapter1 .text span{font-weight: bold; position: relative;}
#content .section3 .chapter1 .text span em{position: relative;}
#content .section3 .chapter1 .text span:before{position: absolute; left:0; width: 100%; height: 18px; bottom:3px; content:""; background: #e2ecdf;}
#content .section3 .chapter1 .img{text-align: center; margin-top: 34px; margin-bottom: 62px;}
#content .section3 .chapter1 .img img{}


#content .section3 .chapter2{padding: 135px 0 153px; position: relative;}
#content .section3 .chapter2 .title{font-size: 80px; text-align: center; color: #393939; letter-spacing: -2px; font-weight: 700; line-height: 104px;}
#content .section3 .chapter2 .text{font-size: 30px; color: #393939; font-weight: 400; text-align: center; letter-spacing: -2px; margin-top:36px; line-height: 44px;}
#content .section3 .chapter2 .text span{font-weight: bold; position: relative;}
#content .section3 .chapter2 .text span em{position: relative;}
#content .section3 .chapter2 .text span:before{position: absolute; left:0; width: 100%; height: 18px; bottom:3px; content:""; background: #e2ecdf;}
#content .section3 .chapter2 .img{text-align: center; margin-top: 39px; margin-bottom: 80px;}
#content .section3 .chapter2 .img img{}

#content .section3 .chapter3{background-color: #ffffff; border-radius: 45px; padding: 139px 0 160px; position: relative;}
#content .section3 .chapter3 .title{font-size: 80px; text-align: center; color: #393939; letter-spacing: -2px; font-weight: 700; line-height: 104px;}
#content .section3 .chapter3 .num_txt{text-align: center; margin-top: 43px;}
#content .section3 .chapter3 .num_txt .tit{font-weight: 700; font-size: 48px; color: #393939;}
#content .section3 .chapter3 .num_txt .tit span{display:inline-block; width: 42px; height: 42px; border-radius:100%; line-height: 42px; color: #fff; background-color: #80ad75; font-size: 27px; font-weight: 700; vertical-align: bottom;}
#content .section3 .chapter3 .num_txt .eng{font-size: 27px; color: #999999; margin-top: 13px; }

#content .section3 .chapter3 .fade_area{text-align: center; padding:34px 0 35px; margin-top: 54px;
background: linear-gradient(
  to right,
  rgba(242, 247, 240, 0) 0%,
  rgba(242, 247, 240, 1) 50%,
  rgba(242, 247, 240, 0) 100%
);}
#content .section3 .chapter3 .fade_area p{font-size: 36px; color: #393939; line-height: 48px;}
#content .section3 .chapter3 .fade_area p span{font-weight: 700;}
#content .section3 .chapter3 .fade_area p span em{color: #80ad75;}
#content .section3 .chapter3 .list1{width: 756px;; margin:56px auto 118px;}
#content .section3 .chapter3 .list1 li{border:1px solid #d8d8d8; border-radius: 20px; background-color: #fff; box-shadow: 3.346px 3.716px 6px 0px rgba(0, 0, 0, 0.11); height: 250px; box-sizing:border-box;  margin-top: 24px; padding:0 0 0 278px; position: relative; display:table; width: 100%;}
#content .section3 .chapter3 .list1 li:first-child{margin-top: 0;}
#content .section3 .chapter3 .list1 li > div{display:table-cell; vertical-align: middle;}
#content .section3 .chapter3 .list1 li > div .img{position: absolute; left:31px; top:50%; transform:translate(0, -50%);}
#content .section3 .chapter3 .list1 li > div .img .sup{color: #393939; font-size: 1.1em; position: relative; top:.3em; opacity: .5;}
#content .section3 .chapter3 .list1 li .label span{display:inline-block;font-weight: 700; font-size: 30px; color: #80ad75;border-radius: 22px; background-color: rgb(248, 248, 248); padding:4px 17px 8px;}
#content .section3 .chapter3 .list1 li .label em{font-size: 30px; color: #999;}
#content .section3 .chapter3 .list1 li .score{font-size: 30px; color: #393939; margin-top: 14px; line-height: 42px;}
#content .section3 .chapter3 .list2{display:flex; flex-wrap:wrap; justify-content: center; margin-top: 72px; gap:12px;}
#content .section3 .chapter3 .list2 li{border:1px solid #d8d8d8; border-radius: 20px; background-color: #fff; box-shadow: 3.346px 3.716px 6px 0px rgba(0, 0, 0, 0.11); width: 247px; height: 171px; box-sizing:border-box; text-align: center; padding-top: 22px;}
#content .section3 .chapter3 .list2 li .label span{display:inline-block;font-weight: 700; font-size: 35px; color: #80ad75;border-radius: 22px; background-color: rgb(248, 248, 248); padding:6px 22px 10px;}
#content .section3 .chapter3 .list2 li .score{font-weight: 500; font-size: 35px; color: #393939; margin-top: 25px;}


#content .section3 .chapter4{padding: 135px 0 138px; position: relative;}
#content .section3 .chapter4 .title{font-size: 80px; text-align: center; color: #393939; letter-spacing: -2px; font-weight: 700; line-height: 104px;}
#content .section3 .chapter4 .s_tit {text-align: center; margin-top: 64px;;}
#content .section3 .chapter4 .s_tit span{font-weight: 700; font-size: 38px; color: #80ad75; background-color: #fff; padding:2px 26px 4px; border-radius:45px;}
#content .section3 .chapter4 .text{font-size: 30px; color: #393939; font-weight: 400; text-align: center; letter-spacing: -2px; margin-top:36px; line-height: 44px;}
#content .section3 .chapter4 .text span{font-weight: bold; position: relative;}
#content .section3 .chapter4 .text span em{position: relative;}
#content .section3 .chapter4 .text span:before{position: absolute; left:0; width: 100%; height: 18px; bottom:3px; content:""; background: #e2ecdf;}
#content .section3 .chapter4 .img{text-align: center; margin-top: 47px; margin-bottom: 59px;}
#content .section3 .chapter4 .img img{}

#content .section3 .chapter5{background-color: #ffffff; border-radius: 45px; padding: 131px 0 137px; position: relative;}
#content .section3 .chapter5 .title{font-size: 80px; text-align: center; color: #393939; letter-spacing: -2px; font-weight: 700; line-height: 104px;}
#content .section3 .chapter5 .text{font-size: 48px; color: #393939; font-weight: 400; text-align: center; letter-spacing: -2.5px; margin-top:54px; line-height:66px;}
#content .section3 .chapter5 .text span{font-weight: bold; position: relative;}
#content .section3 .chapter5 .btn-area{margin-top: 75px;}

#content .section3 .chapter5 .slide_wrap{text-align: center; margin-top: 69px;}
#content .section3 .chapter5 .slide_wrap .slider{display:inline-block;}
#content .section3 .chapter5 .slide_wrap .slick-list{ border-width: 1px; border-color: rgb(210, 210, 210); border-style: solid; border-radius: 20px; background-color: rgb(255, 255, 255); box-shadow: 3.346px 3.716px 6px 0px rgba(0, 0, 0, 0.11); width: 761px; height: auto; overflow: hidden;}
#content .section3 .chapter5 .slide_wrap .slick-slide img{width: 100%;}
#content .section3 .chapter5 .slide_wrap .slick-arrow { border-width: 1px; border-color: rgb(215, 215, 215); border-style: solid; border-radius: 50%; box-shadow: 0px 5px 5px 0px rgba(64, 79, 91, 0.16); width: 59px; height: 59px; z-index: 217; text-indent: -9999px; overflow: hidden;}
#content .section3 .chapter5 .slide_wrap .slick-arrow.slick-prev{position: absolute; left:-82px; top:50%; transform:translate(0, -50%); background:url('../images/slide_prv_arrow.png') 50% no-repeat #fff; background-size:cover;}
#content .section3 .chapter5 .slide_wrap .slick-arrow.slick-next{position: absolute; right:-82px; top:50%; transform:translate(0, -50%); background:url('../images/slide_nxt_arrow.png') 50% no-repeat #fff; background-size:cover;}

#content .section4 {background-color: #edf5ea; position: relative; overflow: hidden;}
#content .section4 .inner{max-width: 1280px; width: 100%; margin:0 auto; padding: 150px 0 160px; box-sizing:border-box; position: relative; z-index: 3;}
#content .section4 .inner .label{text-align: center;}
#content .section4 .inner ul{margin-top: 66px;}
#content .section4 .inner ul li{position: relative; padding-left: 233px; width: 1080px; box-sizing:border-box; border:1px solid #d8d9d8;;box-shadow: 3.346px 3.716px 6px 0px rgba(0, 0, 0, 0.05); border-radius:111px; margin: 36px auto 0; background-color: #fff;}
#content .section4 .inner ul li:before{position: absolute; left:56px; top:50%; transform:translate(0, -50%); width: 133px; height: 133px; background:url('../images/sec2_chk_ico.png') no-repeat; background-size:cover;; content:"";}
#content .section4 .inner ul li:first-child{margin-top: 0;}
#content .section4 .inner ul li p{font-weight: 500; font-size: 45px; color: #453624; line-height: 57px; padding: 53px 0 55px;}
#content .section4 .inner dl{background-color: #fff; width: 100%; max-width: 1080px; margin:0 auto; border-radius: 45px; margin:80px auto 0; padding-top: 119px; padding-bottom: 109px; text-align: center;}
#content .section4 .inner dl .txt{font-size: 30px; color: #393939;}
#content .section4 .inner dl .tit{font-size: 48px; color: #393939; margin-top: 22px;}
#content .section4 .inner dl .tit > span{position: relative;}
#content .section4 .inner dl .tit > span em{font-weight: 700; position: relative; z-index: 1;}
#content .section4 .inner dl .tit > span:before{position: absolute; left:0; bottom:0; width: 100%; height: 18px; content:""; background:#e2ecdf;;}
#content .section4 .inner dl .tit > em{font-size: 29px; color: #453624; vertical-align: top;}
#content .section4 .inner dl dd{margin-top: 51px;}
#content .section4 .inner .title{font-size: 80px; text-align: center; color: #393939; letter-spacing: -2px; font-weight: 700; line-height: 104px;}
#content .section4 .inner .text{font-size: 48px; color: #393939; font-weight: 400; text-align: center; letter-spacing: -2px; margin-top:72px; line-height:68px;}
#content .section4 .inner .text span{font-weight: 700; display:block;}
#content .section4 .inner .btn-area{margin-top: 65px;}

#content .section6 {background:#edf5ea; position: relative; overflow: hidden; padding:0 3.33vw 0;}
#content .section6 .inner{max-width: 1280px; width: 100%; margin:0 auto; padding: 131px 0 145px; box-sizing:border-box; position: relative; z-index: 2; background-color: #fff; border-radius:45px;}
#content .section6 .inner .label{text-align: center;}
#content .section6 .inner .title{font-size: 80px; text-align: center; color: #393939; letter-spacing: -2px; font-weight: 700; line-height: 104px;}
#content .section6 .inner .text{font-size: 30px; color: #393939; font-weight: 400; text-align: center; letter-spacing: -2px; margin-top:36px; line-height: 44px;}
#content .section6 .inner .text span{font-weight: bold;}
#content .section6 .inner .video_inner{border-radius: 10px; background-color: #445c3e; position: relative; padding:10px 10px 90px 10px; box-sizing:border-box;}
#content .section6 .inner .video_inner .tit_area{ box-sizing:border-box; padding-top: 74px;; position: absolute; left:0; bottom:0; width: 100%; height: 136px; border-radius: 10px; }
#content .section6 .inner .video_inner .tit_area p{color: #fff; text-align: center;font-weight: bold; font-size: 32px; letter-spacing: -1px;}
#content .section6 .inner .video_inner .tit_area p i{display:inline-block; vertical-align: middle; position: relative; top:2px; margin-right: 9px;}
#content .section6 .inner .video_inner .video-area{width: 100%; padding-top: 56%; position: relative; z-index: 3;}
#content .section6 .inner .video_inner .video-area iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#content .section6 .inner .btn-area{margin-top: 75px;}

#content .section6 .inner .video-tab-wrap{padding:0 100px; margin-top: 61px;}
#content .section6 .inner .video-tab-wrap .tab-bt-area{}
#content .section6 .inner .video-tab-wrap .tab-bt-area ul{display:flex; gap:6px; width: 100%; justify-content:space-between;;}
#content .section6 .inner .video-tab-wrap .tab-bt-area ul li{flex:1; height: 86px; overflow: hidden; border-top-left-radius:16px; border-top-right-radius:16px; padding-bottom: 10px;}
#content .section6 .inner .video-tab-wrap .tab-bt-area ul li a{display:block; width: 100%; height: 86px; line-height: 86px; text-align: center;  background-color: #80ad75; padding-bottom: 10px;}
#content .section6 .inner .video-tab-wrap .tab-bt-area ul li a.active{background-color: #445c3e;}
#content .section6 .inner .video-tab-wrap .tab-bt-area ul li a span{font-size: 26px;color: #fff;font-weight: 400;letter-spacing: -1.5px;}
#content .section6 .inner .video-tab-wrap .tab-bt-area ul li a.active span{font-weight: bold;}
#content .section6 .inner .video-tab-wrap .tab-bt-area ul li a span em{display:inline-block;width: 45px;height: 45px;line-height: 45px;border-radius:100%;background-color: #fff;color: #445c3e;font-weight: bold;font-size: 28px;margin-right: 6px;box-sizing:border-box;padding-right: 2px;}
#content .section6 .inner .video-tab-wrap .tab-con-area{margin-top: -10px;}
#content .section6 .inner .video-tab-wrap .tab-con-area .tab-unit{display:none; }
#content .section6 .inner .video-tab-wrap .tab-con-area .tab-unit.active{display:block; }


#content .btn-area{text-align: center; font-size: 0;}
#content .btn-area a{display:inline-block; padding:39px 62px 41px; background-color: #80ad75; min-width: 490px; border-radius:56px; margin-left: 60px;}
#content .btn-area a:first-child{margin-left: 0;}
#content .btn-area a span{color: #fff; font-weight: bold; font-size: 36px; letter-spacing: -1px; position: relative; display:inline-block;}
#content .btn-area a.share-bt span{ padding-right: 65px;}
#content .btn-area a.share-bt span:after{position: absolute; right:0; top:50%; margin-top: -15px; width: 39px; height: 36px; content:""; background:url('../images/share_bt_arrow.png') no-repeat; background-size:cover;}
#content .btn-area a.down-bt span{ padding-right: 63px;}
#content .btn-area a.down-bt span:after{position: absolute; right:0; top:50%; margin-top: -15px; width: 31px; height: 29px; content:""; background:url('../images/down_bt_arrow.png') no-repeat; background-size:cover;}

#content .btn-area a.quick-bt span{ padding-right: 30px;}
#content .btn-area a.quick-bt span:after{position: absolute; right:0; top:50%; margin-top: -15px; width: 18px; height: 30px; content:""; background:url('../images/quick_bt_arrow.png') no-repeat; background-size:cover;}


#footer{background-color: #edf5ea; padding: 125px 0 90px;}
#footer .inner{width: 100%;max-width: 1280px; margin:0 auto; padding:0 100px; box-sizing:border-box;;}
#footer .inner dl dt{font-size: 14px;color: #393939; line-height: 1.214; font-weight: 400;}
#footer .inner dl dd{margin-top: 3px;}
#footer .inner dl dd ul li:first-child{margin-top: 0;}
#footer .inner dl dd ul li{font-size: 12px;color: #393939; line-height: 1.214; font-weight: 100; text-indent: -11px; padding-left: 11px; margin-top: 3px; letter-spacing: -0.3px;;}
#footer .inner dl dd p{font-size: 12px;color: #393939; line-height: 1.214; font-weight: 100; letter-spacing: -0.3px; margin-top: 15px;}

#footer .inner dl dd.tp2{margin-top: 16px; opacity: 0.5;}
#footer .inner dl dd.tp2 ul li:first-child{margin-top: 0;}
#footer .inner dl dd.tp2 ul li{font-size: 12px;color: #393939; line-height: 1.214; font-weight: 100; text-indent: 0; padding-left:0; margin-top: 3px; letter-spacing: -0.3px;;}
#footer .inner dl dd.tp2 ul li span{display:block;}
#footer .inner dl dd.tp2 p{font-size: 12px;color: #393939; line-height: 1.214; font-weight: 100; letter-spacing: -0.3px; margin-top: 15px;}

sup{font-size: 0.5em; position: relative; top:-0.1vw; vertical-align: super;}

.pc_v{display:block;}
.mo_v{display:none;}

#layerWrap{position: fixed; left:0; top:0; width: 100%; height: 100%;; z-index: 10000; display:none;}
#layerWrap.active{display:block;}
#layerWrap .pop_content{left:50%; top:50%; transform:translate(-50%, -50%); width: 800px; height: 400px; background-color: #edf5ea; position: absolute; z-index: 10; border-radius: 10px; box-sizing:border-box;}
#layerWrap .layer_popup{display:none;}
#layerWrap .layer_popup.active{display:block;}
#layerWrap .layer_popup.popup1 .pop_content{padding-top: 83px;}
#layerWrap .layer_popup.popup2 .pop_content .title{position: absolute; width: 100%; top:50%; transform:translate(0, -50%);}
#layerWrap .pop_content .title{color: #393939; font-size: 48px; font-weight: bold; text-align: center; line-height: 60px;}
#layerWrap .pop_content .btn{text-align: center; margin-top: 59px;}
#layerWrap .pop_content .btn a{display:inline-block; overflow: hidden; border-radius:100%;}
#layerWrap .pop_content .close_bt{position: absolute; right:20px; top:20px; }
.dimmed{position: absolute; left:0; top:0; width: 100%; height: 100%; background: #000; opacity: 0.6;}

.c_label{text-align: center; margin-bottom: 10px;}
.c_label span{font-size: 40px; color: #80ad75; font-weight: 700;}

@media all and (max-width:1120px) {
	.c_label{margin-bottom: 1.6vw;}
	.c_label span{font-size: 3.73vw;}

	.bk_ie{display:inline !important;}
	.ie_bk{display:block !important;}

	.pc_v{display:none;}
	.mo_v{display:block;}

	#wrap{height: 100%;}
	/* #wrap{height: 100%;visibility: hidden; opacity: .6; transition: 1.4s ease-out;}
	#wrap.visible{opacity: 1; visibility:visible;} */

	#wrap.visible #keyVisual .inner .main-copy .txt1{transform: translateY(0); opacity: 1;}
	#wrap.visible #keyVisual .inner .main-copy .txt2{transform: translateY(0); opacity: 1;}
	#wrap.visible #keyVisual .inner .main-copy .txt3{transform: translateY(0); opacity: 1;}

	#gnbArea{position: fixed; top:0; left:0; width: 100%; height: 16vw; z-index: 1000;}
	#gnbArea ul{display:flex; width: 100%; margin:0 auto;justify-content:space-between; align-items:center; height: 16vw;;}
	#gnbArea ul li{text-align: center; position: relative; line-height: 3.3vw;}
	#gnbArea ul li:nth-child(1){width: 19%;}
	#gnbArea ul li:nth-child(2){width: 29%;}
	#gnbArea ul li:nth-child(3){width: 26%;}
	#gnbArea ul li:nth-child(4){width: 26%;}


	#gnbArea ul.tp3 li{width: 33.3% !important;}

	#gnbArea ul li.active{line-height: 3.5vw;}
	#gnbArea ul li a{font-size: 2.54vw; }
	#gnbArea ul li a span{display:block;}
	#gnbArea ul li:before{left:-1px; top:50%; margin-top: -4.3vw; width: 1px; height:8vw; opacity: .5;}
	#gnbArea ul li:first-child:before{display:none;}

	#container{max-width:100%; margin:0 auto; height: 100%;}

	#keyVisual{z-index: 100; position: relative; height: 100%; background-image: url('../images/keyvisual_bg_m.jpg');background-size:cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;}
	#keyVisual .inner{ padding-top: 8vw;}
	#keyVisual .inner .main-copy .tit span{font-size: 10.03vw; letter-spacing:-0.53vw; line-height: 12vw; transition-delay:0s; transition:0s;}
	#keyVisual .inner .main-copy .tit span em{display:block;}
	#keyVisual .inner .main-copy .tit span img{right:3.87vw; top:7.60vw; width: 13.20vw;}
	#keyVisual .inner .main-copy .txt{font-size: 4vw; letter-spacing: -0.20vw; line-height:4.80vw; margin-top: 4.80vw; transition-delay:0s; transition:0s;}
	#keyVisual .inner .main-copy .box{margin-top: 9.60vw; transition-delay:0s; transition:0s;}
	#keyVisual .inner .main-copy .box span{font-size: 3.72vw;
	  border: 2px solid rgba(255, 255, 255, 0.6);
	  border-radius: 45px;
	  padding: 1.33vw 1.87vw;
	}
	#keyVisual .inner .main-copy .box span::after {
	  content: "";
	  position: absolute;
	  top: -4px;
	  left: -4px;
	  right: -4px;
	  bottom: -4px;
	  border-radius: inherit;
	  box-shadow: 0 0 7px 2px rgba(251, 225, 194, 0.57); /* 크기+불투명도 */
	  mix-blend-mode: overlay; /* 오버레이 흉내 */
	  pointer-events: none;
	}

	#content .section3 {position: relative;padding: 16vw 3.33vw 0; margin-top: -16vw; z-index: 4;}
	#content .section3 .inner{width: 100%; padding:6.27vw 0 0; position: relative; z-index: 1;}
	#content .section3 .inner .ico img{width: 7.33vw;}
	#content .section3 .inner > .title{font-size: 9.07vw; letter-spacing: -0.3vw; margin-top: 0.53vw; line-height: 10.93vw;}
	#content .section3 .inner > .title span{display:block;}
		
	#content .section3 .chapter1{margin-top: 5.2vw; padding: 14.27vw 0 15.33vw;}
	#content .section3 .chapter1 > img{height: 9.87vw;}
	#content .section3 .chapter1 .title{font-size: 7.2vw; letter-spacing: -0.4vw; line-height: 9.07vw;}
	#content .section3 .chapter1 .text{font-size: 3.73vw; letter-spacing: -0.19vw; margin-top:6.40vw; line-height: 5.73vw;}
	#content .section3 .chapter1 .text span:before{height: 2.4vw; bottom:0;}
	#content .section3 .chapter1 .text p{height: 5.20vw;}
	#content .section3 .chapter1 .img{margin-top: 5.33vw; margin-bottom: 0;}
	#content .section3 .chapter1 .img img{width: 100%;}
		
	#content .section3 .chapter2{padding: 14.27vw 0 13.47vw;}
	#content .section3 .chapter2 .title{font-size: 7.2vw; letter-spacing: -0.4vw; line-height: 9.07vw;}
	#content .section3 .chapter2 .text{font-size: 3.73vw; letter-spacing: -0.19vw; margin-top:6.40vw; line-height: 5.73vw;}
	#content .section3 .chapter2 .text span:before{height: 2.4vw; bottom:0;}
	#content .section3 .chapter2 .text p{height: 5.20vw;}
	#content .section3 .chapter2 .img{margin-top: 5.07vw; margin-bottom: -0.67vw;}
	#content .section3 .chapter2 .img img{width: 100%;}

	#content .section3 .chapter3{padding: 14.13vw 3.33vw 16.80vw;}
	#content .section3 .chapter3 .title{font-size: 7.2vw;letter-spacing:-0.4vw; line-height: 9.07vw;}
	#content .section3 .chapter3 .num_txt{margin-top: 6.80vw;}
	#content .section3 .chapter3 .num_txt .tit{font-size: 5.33vw; letter-spacing:-0.27vw;}
	#content .section3 .chapter3 .num_txt .tit span{width: 5.07vw; height:5.07vw; line-height:5.07vw; font-size: 3.44vw;}
	#content .section3 .chapter3 .num_txt .eng{font-size: 3.56vw; margin-top: 1.60vw; }

	#content .section3 .chapter3 .fade_area{padding:3.7vw 0 3.9vw; margin-top: 5.60vw;}
	#content .section3 .chapter3 .fade_area p{font-size: 4.13vw;line-height: 5.73vw;}
	#content .section3 .chapter3 .list1{width: 100%; margin:6.13vw auto 15.07vw;}
	#content .section3 .chapter3 .list1 li{height: 32.40vw; margin-top: 2.53vw; padding:0 0 0 35.47vw;}
	#content .section3 .chapter3 .list1 li > div .img{left:2.53vw;}
	#content .section3 .chapter3 .list1 li > div .img img{width: 29.6vw;}
	#content .section3 .chapter3 .list1 li .label span{font-size: 3.33vw; padding:0.53vw 1.87vw 0.93vw;}
	#content .section3 .chapter3 .list1 li .label em{font-size: 3.33vw;}
	#content .section3 .chapter3 .list1 li .score{font-size: 3.33vw; margin-top: 3.33vw; line-height: 4.13vw;}
	#content .section3 .chapter3 .list2{margin-top: 6.53vw; gap:1.33vw;}
	#content .section3 .chapter3 .list2 li{width: 28vw; height: 19.33vw; padding-top: 2.40vw;}
	#content .section3 .chapter3 .list2 li .label span{font-size: 3.99vw;padding:0.93vw 2.67vw 0.93vw;}
	#content .section3 .chapter3 .list2 li .score{font-size: 3.99vw; margin-top: 3.07vw;}


	#content .section3 .chapter4{padding: 14.00vw 0 13.47vw; position: relative;}
	#content .section3 .chapter4 .title{font-size: 7.2vw; letter-spacing: -0.4vw; line-height: 9.07vw;}
	#content .section3 .chapter4 .s_tit {margin-top: 6.67vw;;}
	#content .section3 .chapter4 .s_tit span{font-size: 3.73vw; padding:0.53vw 2.67vw 0.67vw;}
	#content .section3 .chapter4 .text{font-size: 3.73vw; letter-spacing: -0.19vw; margin-top:6.40vw; line-height: 5.73vw;}
	#content .section3 .chapter4 .img{margin-top: 5.20vw; margin-bottom: 0;}
	#content .section3 .chapter4 .img img{ width: 100%;}

	#content .section3 .chapter5{padding: 12.80vw 0 13.73vw;}
	#content .section3 .chapter5 .title{font-size: 7.2vw; letter-spacing: -0.4vw; line-height: 9.07vw;}
	#content .section3 .chapter5 .text{font-size: 3.73vw; letter-spacing: -0.19vw; margin-top:5.87vw; line-height:5.73vw;}
	#content .section3 .chapter5 .btn-area{margin-top: 10.13vw; padding:0 7.33vw}
	#content .section3 .chapter5 .btn-area a{width: 100%;}

	#content .section3 .chapter5 .slide_wrap{margin-top: 6.93vw;}
	#content .section3 .chapter5 .slide_wrap .slick-list{ width: 72.27vw;}
	#content .section3 .chapter5 .slide_wrap .slick-arrow { width: 5.73vw; height: 5.73vw;}
	#content .section3 .chapter5 .slide_wrap .slick-arrow.slick-prev{left:-8vw;}
	#content .section3 .chapter5 .slide_wrap .slick-arrow.slick-next{right:-8vw;}



	#content .section4{padding-top: 16vw; margin-top: -16vw; z-index: 3;}

	#content .section4 .inner ul{margin-top: 6.67vw;}
	#content .section4 .inner ul li{width: 100%; padding-left: 18.67vw; margin:2.67vw auto 0;}
	#content .section4 .inner ul li p{font-size: 3.6vw; line-height: 4.53vw; padding:4.8vw 0 4.4vw;}
	#content .section4 .inner ul li:before{width: 10.67vw; height: 10.67vw; left:4.27vw;}

	#content .section4 .inner{width: 100%; padding:12.53vw 6.67vw 15.20vw;}
	#content .section4 .inner .title{font-size: 8.2vw;letter-spacing:-0.3vw; margin-top: 3.202vw; line-height: 8.59vw;}
	#content .section4 .inner .title span{display:block;}
	#content .section4 .inner .title{font-size: 8.2vw; letter-spacing: -0.3vw; margin-top: 3.24vw; line-height: 8.59vw;}
	#content .section4 .inner .title em{display:block;}
	#content .section4 .inner .text{font-size: 4.52vw; line-height:6.5vw; letter-spacing: -0.13vw; margin-top:9.8667vw;}
	#content .section4 .inner .btn-area{margin-top: 7.33vw; padding:0 4vw;}
	#content .section4 .inner dl dd{padding:0 6.27vw; box-sizing:border-box; margin-top: 2.27vw;}
	#content .section4 .inner dl dd img{width: 100%;}
	#content .section4 .inner dl{width: 100%;padding-bottom:6.8vw; padding-top: 8vw; margin: 10.1vw auto 0;}
	#content .section4 .inner dl .txt{font-size: 3.73vw; line-height: 5.60vw;}
	#content .section4 .inner dl .txt span{display:block;}
	#content .section4 .inner dl .tit{font-size: 3.73vw; margin-top: 0; line-height: 5.60vw;}
	#content .section4 .inner dl .tit > em{font-size: 2.27vw;}


	#content .section6 {position: relative; overflow: hidden;margin-top: -16vw; padding:16vw 3.33vw 0}
	#content .section6 .inner{width: 100%; margin:0 auto; padding: 12.80vw 0 15.20vw; box-sizing:border-box; position: relative; z-index: 2;}
	#content .section6 .inner .ico img{width: 8vw;}
	#content .section6 .inner .title{font-size: 7.2vw;letter-spacing:-0.4vw; line-height: 9.07vw;}
	#content .section6 .inner .title span{color: #9f8470;}
	#content .section6 .inner .text{font-size: 3.73vw; letter-spacing: -0.19vw; margin-top:6.40vw; line-height: 5.73vw;}
	#content .section6 .inner .text span{display:block;}

	#content .section6 .inner .video_outer{padding:0 0; margin-top: 0; margin-bottom: 7vw;}
	#content .section6 .inner .video_inner{border-radius: 1.4vw; position: relative; padding:1.4vw 1.4vw 7.9vw 1.4vw; box-sizing:border-box;}
	#content .section6 .inner .video_inner .tit_area{ box-sizing:border-box; padding-top: 8.6vw;; position: absolute; left:0; bottom:0; width: 100%; height: 14vw; border-radius: 1.4vw; }
	#content .section6 .inner .video_inner .tit_area p{font-size: 2.6vw; letter-spacing: -0.16vw;}
	#content .section6 .inner .video_inner .tit_area p i{top:-0.3vw; margin-right: 1.2vw;}
	#content .section6 .inner .video_inner .tit_area p i img{width: 3.47vw;}
	#content .section6 .inner .video_inner .video-area{width: 100%; padding-top: 56%; position: relative; z-index: 3;}
	#content .section6 .inner .video_inner .video-area iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	#content .section6 .inner .btn-area{margin-top: 8vw; padding:0 7.33vw;}

	#content .section6 .inner .video-tab-wrap{padding:0 6vw; margin-top: 5.87vw;}
	#content .section6 .inner .video-tab-wrap .tab-bt-area ul{gap:0.4vw; }
	#content .section6 .inner .video-tab-wrap .tab-bt-area ul li{height: 12.13vw; border-top-left-radius:16px; border-top-right-radius:16px; padding-bottom: 10px;}
	#content .section6 .inner .video-tab-wrap .tab-bt-area ul li a{height: 12.13vw; line-height: 12.13vw; text-align: center;  padding-bottom: 1.4vw;}
	#content .section6 .inner .video-tab-wrap .tab-bt-area ul li a span{font-size: 2.7vw;letter-spacing: -1.5px;display:inline-block;vertical-align: middle;line-height: 4.5vw;}
	#content .section6 .inner .video-tab-wrap .tab-bt-area ul li a span em{width: 3.67vw;height: 3.67vw;line-height: 3.67vw;font-size: 2.3vw;margin-right: 0;padding-right: 0;display:block;margin:0 auto;}
	#content .section6 .inner .video-tab-wrap .tab-con-area{margin-top: -1.4vw;}

	#content .btn-area a{padding:6.1vw 0 6.5vw; width: 100%; border-radius:10vw; margin-left: 0; margin-top: 4vw; min-width:auto;}
	#content .btn-area a:first-child{margin-top: 0;}
	#content .btn-area a span{font-size: 4.7vw; letter-spacing: -0.27vw;}
	#content .btn-area a.share-bt span{ padding-right: 6.0275vw;}
	#content .btn-area a.share-bt span:after{margin-top: -1.7vw; width:4.387vw; height:3.839vw; background:url('../images/share_bt_arrow_m.png') no-repeat; background-size:4.387vw 3.839vw;}

	#content .btn-area a.down-bt span{ padding-right:5.4vw;}
	#content .btn-area a.down-bt span:after{position: absolute; right:0; top:50%; margin-top: -1.78vw; width: 3.737vw; height: 3.47vw; content:""; background:url('../images/down_bt_arrow_m.png') no-repeat; background-size:3.737vw 3.47vw;}


#content .btn-area a.quick-bt span{ padding-right: 4.13vw;}
#content .btn-area a.quick-bt span:after{margin-top: -2vw; width: 2.40vw; height: 4vw;}


	#content .section4 .inner .btn-area a{width: 100%;}

	#footer{padding: 4.67vw 0 4.53vw; position: relative;}
	#footer .inner{width: 100%; margin:0 auto; padding:0 4.2vw 0 6.27vw; box-sizing:border-box;; z-index: 1; position: relative;}
	#footer .inner dl dt{font-size: 2.51vw;line-height: 1.214; font-weight: 400;}
	#footer .inner dl dd{margin-top: 1.2vw;}
	#footer .inner dl dd ul li:first-child{margin-top: 0;}
	#footer .inner dl dd ul li{font-size: 2.4vw;line-height:3.28vw; font-weight: 100; text-indent:0; padding-left:0; margin-top:-0.17vw; letter-spacing:-0.07vw; word-break:break-all;}
	#footer .inner dl dd ul li span{display:block;}
	#footer .inner dl dd p{font-size: 2.4vw;line-height:3.28vw; font-weight: 100;  letter-spacing:-0.07vw; margin-top: 3.5vw;}

	
	#footer .inner dl dd.tp2{margin-top: 3.5vw;}
	#footer .inner dl dd.tp2 ul li{font-size: 1.87vw;line-height:3vw; font-weight: 100; text-indent:0; padding-left:0; margin-top:-0.17vw; letter-spacing:-0.109vw}
	#footer .inner dl dd.tp2 p{font-size: 1.87vw;line-height:3vw; font-weight: 100;  letter-spacing:-0.109vw; margin-top: 3.5vw;}
	#footer .inner dl dd.tp2 ul li span{display:inline;}

	sup{font-size: 2vw; top:-0.3vw;}
	
	#layerWrap .pop_content{width: 79vw; height: 39.2vw; border-radius: 1vw;}
	#layerWrap .layer_popup.popup1 .pop_content{padding-top: 7.5vw;}
	#layerWrap .layer_popup.popup2 .pop_content .title{position: absolute; width: 100%; top:50%; transform:translate(0, -50%);}
	#layerWrap .pop_content .title{font-size: 4.9vw; line-height: 6.9vw;}
	#layerWrap .pop_content .btn{margin-top:3.2vw;}
	#layerWrap .pop_content .btn img{width: 13.6vw;}
	#layerWrap .pop_content .close_bt{right:2.6vw; top:2.6vw; }
	#layerWrap .pop_content .close_bt img{width: 5.2vw;}
}