@charset"utf-8";

/* Font */
@import url(./font.css);

/* Guide
----------------------------------------------------------------------------------------------------------------------------------------------------------

▶사이즈
pc : 1280px
tablet : 980px ~
mobile : 767px ~ 320px

▶미디어쿼리는 (주석으로 구분 되어있는)파트마다 각각 작성함.
*/
/* Reset
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
html{box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
body,th,td,input,select,textarea,button, dt, dd {font-family: 'Noto Sans KR', sans-serif; font-size: 16px; letter-spacing: -0.03em; line-height: 1.6; font-weight: 400; color: #000; word-break: auto-phrase;}
dl,ul,ol,menu,li {list-style:none;}
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline:0 !important;}
iframe{border:none; width:100%;}
a{color:inherit;text-decoration:none;-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a:hover, a:focus ,a:active{text-decoration:none;color:#000;}
img{max-width:100%;}
textarea{max-width:100%;resize:none;}

.hidden{font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
::selection{background:#333;color:#fff;text-shadow:none;}
::-moz-selection{background:#333;color:#fff;text-shadow:none;}
::-webkit-selection{background:#333;color:#fff;text-shadow:none;}

@media screen and (max-width:1280px){
	body,th,td,input,select,textarea,button, dt, dd {font-size: 15px;}
}

@media screen and (max-width:980px){
	body,th,td,input,select,textarea,button, dt, dd {font-size:11pt;}
}

@media screen and (max-width:767px){
	body,th,td,input,select,textarea,button, dt, dd {font-size:10.5pt;}
}

@media screen and (max-width:480px){
	html, body{min-width:320px;}
	body,th,td,input,select,textarea,button, dt, dd {font-size:10pt;}
} 

@media only screen and (min-width:320px){
	body{overflow-x:hidden;}
}

/* Parallax
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.parallax{background-position:0 0;background-repeat:no-repeat;background-size:100% auto;width:100%;background-size:cover;background-attachment:fixed}

/* Preloader
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.animationload{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999}
.loader{width:200px;height:200px;font-size:24px;text-align:center;position:absolute;left:50%;top:50%;background-image:url("/images/basic_resp/img/preloader.gif");background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px}

/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.btn-top {width: 50px;height: 50px; position: fixed; background: #000; border: none; bottom: 40px; right: 20px; display:none; z-index: 10000;}
.btn-top:after {content: ''; display: block; width: 16px; height: 16px; border-top: solid 2px #fff; border-right: solid 2px #fff; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

@media only screen and (max-width: 767px){
	.btn-top {width: 40px; height: 40px; bottom: 20px;}
}



/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#wrapper{width: 100%; overflow: hidden;}
#wrapper.sub {padding-top: 100px;}
#header {z-index: 1000; width: 100%; position: fixed; left: 0; right: 0; top: 0; z-index:999; transition: all .3s ease-out;}
#header > .header_in {padding: 0 260px; display: flex; align-items: center; justify-content: center; position: relative;}
 #L_SITE_LOGO {position: absolute; left: 100px; top: 50%; margin-top: -25px;}
 #L_SITE_LOGO h1 a {display: block; width: 155px; height: 50px; text-indent: -9999px; background: url('/images/kor09r-22-0461/common/gnb_logo.png')no-repeat center center / 100% auto; transition: all .3s ease-out;}
.inner {width: 100%; max-width: 1240px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto;}
.nav-lang {position: absolute; right: 100px; top: 50%; transform: translateY(-50%);}
.nav-lang > button {display: block; width: 30px; height: 30px; text-indent: -9999px; border: none; background: url('/images/kor09r-22-0461/common/gnb_lang.png')no-repeat center center / cover; transition: all .3s ease-out;}
.nav-lang ul {display: none;}
.nav-lang ul li {}
.nav-lang ul li button {}

@media only screen and (max-width: 1480px){
	#wrapper.sub {padding-top: 80px;}
	#header > .header_in {padding: 0 200px;}
	#L_SITE_LOGO {left: 60px; margin-top: -20px;}
	#L_SITE_LOGO h1 a {width: 124px; height: 40px;}
	.nav-lang {right: 60px;}
}

@media only screen and (max-width: 1280px){
	#wrapper.sub {padding-top: 60px;}
	#header > .header_in {padding: 0 120px;}
	#L_SITE_LOGO {left: 20px; margin-top: -15px;}
	#L_SITE_LOGO h1 a {width: 93px; height: 30px;}
	.nav-lang {right: 20px;}
	.nav-lang > button {background-size: 24px auto !important;}
}

@media only screen and (max-width: 980px){
	#header > .header_in {padding: 0 20px; height: 60px;}
	#header {background: #fff;}
	#L_SITE_LOGO {position: static; margin-top: 0;}
	#header > .header_in {justify-content: space-between;}
	.nav-lang {right: 60px;}
}

@media only screen and (max-width: 767px){
}

@media only screen and (min-width:981px) {
    .nav-btn{display:none;}
    .navigation {display: flex;}
	.navigation > li {position: relative; height: 100px; margin: 0 20px; display: flex; align-items: center;}
    .navigation > li > a {display: block; font-size: 14px;}
	.navigation > li:after {content: ''; display: block; height: 2px; background: #000; position: absolute; left: 50%; right: 50%; bottom: 0; transition: all .3s ease-out;}
    .navigation > li:hover:after {left: 0; right: 0;}
}

@media (min-width: 1281px) and (max-width: 1480px) {
	.navigation > li {height: 80px;}
}

@media (min-width: 981px) and (max-width: 1280px) {
	.navigation > li {height: 60px;}
}

@media only screen and (max-width:980px) {
	#header {position: fixed; top: 0; left: 0; right: 0; z-index: 100; border-bottom: solid 1px #eaeaea;}
	#header #header_in{display: block;}
	.nav-btn{width:34px;height:28px;z-index:999;display:block;position:relative;cursor:pointer; padding: 4px; margin-right: -8px;}
	.nav-btn span{display: block; height: 2px; background: #000; margin-bottom: 6px; transition:.2s all linear;}
	.nav-btn span:nth-child(1){}
	.nav-btn span:nth-child(2){}
	.nav-btn span:nth-child(3){t}
	.nav-btn.nav-close{}
	.nav-btn.nav-close span:nth-child(1){transform:rotate(45deg); margin-top: 10px;}
	.nav-btn.nav-close span:nth-child(2){opacity: 0;}
	.nav-btn.nav-close span:nth-child(3){transform:rotate(-45deg); margin-top: -16px;}
	.nav-bg{display: none;}
	#nav{z-index:888; position:fixed; top:60px; right:-100%; display:block; width:100%; bottom: 0; background:#fff;}
	#nav ul.navigation{display: block;}
	.navigation > li{border-top:1px solid #e1e1e1;}
	.navigation > li > a {font-size: 16px; padding:15px; display: block; position: relative;}
}

@media only screen and (min-width:981px) {
	#header.wh  #L_SITE_LOGO h1 a {background: url('/images/kor09r-22-0461/common/gnb_logo_wh.png')no-repeat center center / 100% auto;}
	#header.wh .navigation > li > a {color: #fff;}
	#header.wh .navigation > li:after {background: #fff;}
	#header.wh .nav-lang > button {background: url('/images/kor09r-22-0461/common/gnb_lang_wh.png')no-repeat center center / cover;}
}


/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {background: #091038; padding-top: 50px; padding-bottom: 60px;}
.ft-inner {padding: 0 100px;}
.ft-top {display: flex; justify-content: space-between;}
.ft-top dt ul li {color: rgba(255,255,255,0.6); font-size: 14px; margin-bottom: 5px; display: flex; align-items: center;}
.ft-top dt ul li:nth-child(1) {color: rgba(255,255,255,0.5);}
.ft-top dt ul li:last-child {margin-bottom: 0;}
.ft-top dt ul li:before {content: ''; display: block; width: 20px; height: 20px; margin-right: 10px;}
.ft-top dt ul li:nth-child(1):before {background: url('/images/kor09r-22-0461/common/footer_info_1.png')no-repeat center center / cover;}
.ft-top dt ul li:nth-child(2):before {background: url('/images/kor09r-22-0461/common/footer_info_2.png')no-repeat center center / cover;}
.ft-top dt ul li:nth-child(3):before {background: url('/images/kor09r-22-0461/common/footer_info_3.png')no-repeat center center / cover;}
.ft-top dd {}
.ft-top dd ul {display: flex; gap: 10px;}
.ft-top dd ul li a {display: block; width: 40px; height: 40px; border: solid 1px #fff; border-radius: 50%; text-indent: -9999px;}
.ft-top dd ul li:nth-child(1) a {background: url('/images/kor09r-22-0461/common/footer_sns_1.png')no-repeat center center / cover;}
.ft-top dd ul li:nth-child(2) a {background: url('/images/kor09r-22-0461/common/footer_sns_2.png')no-repeat center center / cover;}
.ft-top dd ul li:nth-child(3) a {background: url('/images/kor09r-22-0461/common/footer_sns_3.png')no-repeat center center / cover;}
.ft-bot {margin-top: 50px; display: flex; justify-content: space-between; align-items: flex-end;}
.ft-bot dt img {display: block; width: 280px;}
.ft-bot dd {font-size: 14px; color: rgba(255,255,255,0.5);}

@media screen and (max-width:1480px){
	.ft-inner {padding: 0 60px;}
	.ft-bot dt img {width: 200px;}
}

@media screen and (max-width:1280px){
	.ft-inner {padding: 0 20px;}
}

@media screen and (max-width:992px){
	.ft-bot dt img {width: 160px;}
}

@media screen and (max-width:768px){
	.ft-top {display: block;}
	.ft-top dt ul li {font-size: 13px;}
	.ft-top dd {margin-top: 20px;}
	.ft-top dd ul li a {width: 30px; height: 30px;}
	.ft-bot {margin-top: 40px; display: block;}
	.ft-bot dt img {width: 120px;}
	.ft-bot dd {font-size: 12px; margin-top: 10px;}
}



/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#fp-nav {left: 100px !important; margin-top: 0 !important; transform: translateY(-50%) !important;}
#fp-nav ul {}
#fp-nav ul li {width: 6px !important; height: 6px !important; margin: 14px 0 !important;}
#fp-nav ul li a span {width: 6px !important; height: 6px !important; margin: -4px 0 0 -4px !important; background: rgba(0,0,0,0.4) !important; border-radius: 0 !important;}
#fp-nav ul li a.active span {background: #000 !important;}
#fp-nav ul li .fp-tooltip {top: 50% !important; color: #000 !important; transform: translateY(-50%) !important; margin-top: -2px;}
#fp-nav.wh ul li a span {background: rgba(255,255,255,0.4) !important;}
#fp-nav.wh ul li a.active span {background: #fff !important;}
#fp-nav.wh ul li .fp-tooltip {color: #fff !important;}

.scroll-down {width: 30px; height: 17px; filter: invert(1); position: fixed; left: 50%; bottom: 30px; margin-left: -15px; pointer-events: none; animation: arrowDown 1.2s infinite; background: url('/images/kor09r-22-0461/common/scroll.png')no-repeat center center / cover;}
.scroll-down.wh {filter: invert(0);}
.scroll-down.none {display: none;}

.quick-sns {position: fixed; right: 100px; top: 50%; z-index: 100; transform: translateY(-50%);}
.quick-sns li {margin-bottom: 10px;}
.quick-sns li:last-child {margin-bottom: 0;}
.quick-sns li a {display: block; width: 40px; height: 40px; text-indent: -9999px;}
.quick-sns li a.fb {background: url('/images/kor09r-22-0461/main/quick_sns_3.png')no-repeat center center / cover;}
.quick-sns li a.ytb {background: url('/images/kor09r-22-0461/main/quick_sns_1.png')no-repeat center center / cover;}
.quick-sns li a.insta {background: url('/images/kor09r-22-0461/main/quick_sns_2.png')no-repeat center center / cover;}
.quick-sns.wh li a.fb {background: url('/images/kor09r-22-0461/main/quick_sns_3_wh.png')no-repeat center center / cover;}
.quick-sns.wh li a.ytb {background: url('/images/kor09r-22-0461/main/quick_sns_1_wh.png')no-repeat center center / cover;}
.quick-sns.wh li a.insta {background: url('/images/kor09r-22-0461/main/quick_sns_2_wh.png')no-repeat center center / cover;}

@media only screen and (max-width: 1480px){
	#fp-nav {left: 60px !important;}
	.quick-sns {right: 60px;}
}

@media only screen and (max-width: 1280px){
	#fp-nav {left: 20px !important;}
	.quick-sns {right: 20px;}
}

@media only screen and (max-width:980px) {
	.quick-sns {display: none;}
}




@keyframes arrowDown {
  0% {
    transform: translate(0, 0);
    opacity: 0.6;
  }
  50% {
    transform: translate(0, 6px);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0.6;
  }
}

.fp-tableCell {padding: 100px 0;}


@media only screen and (max-width:1280px) {
	.fp-tableCell {padding: 80px 0;}
}

@media only screen and (max-width:980px) {
	#fullpage {padding-top: 60px;}
	.fp-tableCell {padding: 0;}
	.scroll-down {display: none;}
}

@media only screen and (max-width:768px) {


}


/* animation */
@keyframes bounceAni {
	0% {animation-timing-function: ease-in; opacity: 1; transform: translateY(-160px);}
	24% {opacity: 1;}
	40% {animation-timing-function: ease-in; transform: translateY(-24px);}
	65% {animation-timing-function: ease-in; transform: translateY(-12px);}
	82% {animation-timing-function: ease-in; transform: translateY(-6px);}
	93% {animation-timing-function: ease-in; transform: translateY(-4px);}
	25%,
	55%,
	75%,
	87% {animation-timing-function: ease-out; transform: translateY(0px);}
	100% {animation-timing-function: ease-out; opacity: 1; transform: translateY(0px);}
}

@keyframes duckFloat {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 6px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeInUp {
	0% {opacity: 0; transform: translateY(40px);}
	100% {opacity: 1; transform: translateY(0);}
}

@keyframes fadeInLeft {
	0% {opacity: 0; transform: translateX(-40px);}
	100% {opacity: 1; transform: translateX(0);}
}

@keyframes fadeInRight {
	0% {opacity: 0; transform: translateX(40px);}
	100% {opacity: 1; transform: translateX(0);}
}



#section1 {background: url('/images/kor09r-22-0461/main/section1_bg.jpg')no-repeat center center / cover;}
.section1-img img {display: block; margin: 0 auto; max-width: 80%; animation: duckFloat 2.5s ease-in-out infinite;}
.section1-text {margin-top: 30px; font-size: 40px; text-align: center; color: #fff; font-weight: 400; opacity: 0;}
.section1-text strong {font-weight: 800;}
#section1.active .section1-text {animation: fadeInUp 4s cubic-bezier(.24,1.41,.54,1.01) 0.5s forwards;}

@media only screen and (max-width:768px) {
	.section1-text {font-size: 24px;}
}



#section2 {}
.section2-wrap {width: 100%; max-width: 640px; margin: 0 auto; position: relative;}
.section2-slider {margin: 0 -30px;}
.section2-slider:before {content: ''; display: block; background: #f00; height: 171px; position: absolute; bottom: 100%; left: 50%; width: 100vw; transform: translateX(-50%); background: url('/images/kor09r-22-0461/main/section2_bg.png')no-repeat center center / auto 100%;}
.section2-slider .slick-arrow {width: 30px; height: 21px; text-indent: -9999px; z-index: 1; border: none; position: absolute; top: 50%; margin-top: -10px; background: url('/images/kor09r-22-0461/main/section2_arrow.png')no-repeat center left / auto 100%;}
.section2-slider .slick-prev {right: 100%;}
.section2-slider .slick-next {left: 100%; background-position: right center;}
.section2-slider .slick-list {overflow: visible;}
.section2-item {padding: 0 30px;}
.section2-item img {display: block; width: 100%; transition: all .3s ease-out; transform-origin: center 70%; transform: scale(0.7); opacity: 0.2;}
.section2-item.slick-active img {transform: scale(1); opacity: 1;}

@media only screen and (max-width:980px) {
	.section2-wrap {padding: 0 10%;}
	.section2-slider:before {height: 100px;}
}

@media only screen and (max-width:768px) {
	#section2 {height: auto !important; padding-top: 120px; padding-bottom: 80px;}
	#section2 .fp-tableCell {display: block; height: auto !important;}
	.section2-slider:before {height: 60px;}
	.section2-slider .slick-prev {margin-right: -20px;}
	.section2-slider .slick-next {margin-left: -20px;}
}




#section3 {background: #fbfbfb;}
.section3-title img {display: block; width: 280px; margin: 0 auto;}
.section3__list {margin-top: 60px; display: flex; flex-wrap: wrap; gap: 40px 0;}
.section3__list li {width: calc(100% / 3); text-align: center; display: flex; flex-direction: column; align-items: center;}
.section3__list li img {display: block; margin: 0 auto;}
.section3__list li h5 {font-family: 'Isamanru', sans-serif; font-size: 26px; font-weight: 700; margin-top: 30px;}
.section3__list li h6 {font-size: 18px; color: #47a7de; margin-top: 10px;}
.section3__list li p {font-size: 14px; color: #656565; margin-top: 20px;}

@media only screen and (max-width:768px) {
	#section3 {height: auto !important; padding-top: 80px; padding-bottom: 80px;}
	#section3 .fp-tableCell {display: block; height: auto !important;}
	.section3-title img {width: 220px;}
	.section3__list {display: block; margin-top: 40px;}
	.section3__list li {width: 100%; position: relative; text-align: left; padding-left: 120px; display: block; margin-bottom: 30px;}
	.section3__list li:last-child {margin-bottom: 0;}
	.section3__list li img {width: 100px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	.section3__list li h5 {font-size: 17px; margin-top: 0;}
	.section3__list li h6 {font-size: 13px; margin-top: 5px;}
	.section3__list li p {font-size: 12px; margin-top: 5px;}
}





#section4 {}
#section4.active .section4-top {animation: fadeInUp 6s cubic-bezier(.24,1.41,.54,1.01) 0.5s forwards;}
#section4 .fp-tableCell {padding: 0;}
.video-section {position: relative; overflow: hidden;}
.video-wrap {position: relative; width: 100%; height: 100vh;}
.video-wrap video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.video-cover {position: absolute; inset: 0; z-index: 10; background: transparent;}
.video-play-btn {visibility: hidden; opacity: 0; width: 120px; height: 120px; background: none; border: solid 2px #db752e; position: absolute; left: 50%; top: 50%; text-indent: -9999px; transform: translate(-50%, -50%); border-radius: 50%; z-index: 20; cursor: pointer; transition: all .3s ease-out;}
.video-play-btn.is-pause:after {content: ''; display: block; width: 0px; height: 0px; border-style: solid; position: absolute; left: 50%; top: 50%; border-width: 20px 0 20px 30px; margin-left: -10px; margin-top: -20px; border-color: transparent transparent transparent #db752e; transform: rotate(0deg);}
.video-play-btn.is-play:before,
.video-play-btn.is-play:after {content: ''; display: block; width: 6px; height: 60px; background: #db752e; position: absolute; top: 50%; margin-top: -30px;}
.video-play-btn.is-play:before {right: 50%; margin-right: 8px;}
.video-play-btn.is-play:after {left: 50%; margin-left: 8px;}
.video-wrap:hover .video-play-btn {visibility: visible; opacity: 1;}


@media only screen and (max-width:980px) {
	#section4 {height: auto !important;}
	#section4 .fp-tableCell {display: block; height: auto !important;}
	.video-wrap {height: auto;}
	.video-wrap video {position: static; height: auto;}
	.video-play-btn {width: 80px; height: 80px;}
	.video-play-btn.is-pause:after {border-width: 15px 0 15px 24px; margin-left: -9px; margin-top: -15px;}
	.video-play-btn.is-play:before,
	.video-play-btn.is-play:after {width: 4px; height: 40px; margin-top: -20px;}
	.video-play-btn.is-play:before {margin-right: 6px;}
	.video-play-btn.is-play:after {margin-left: 6px;}
}



#section5 {background: #fbfbfb;}
.section5-title {text-align: center;}
.section5-title h3 {font-size: 34px; font-weight: 700;}
.section5-title p {font-size: 26px; margin-top: 5px;}
.section5-spec {width: 100%; max-width: 920px; margin: 0 auto;}
.section5-spec table {width: 100%; table-layout: fixed; text-align: center;}
.section5-spec th {text-align: center; padding-bottom: 10px;}
.section5-spec th img {display: block; margin: 0 auto; mix-blend-mode: multiply; max-width: 160px;}
.section5-spec th h5 {font-family: 'Isamanru', sans-serif; font-size: 18px; font-weight: 700; margin-top: 30px;}
.section5-spec td {text-align: center; padding: 0 50px; font-size: 14px;}
.section5-spec td:nth-child(1) {background: #fff; color: #47a7de;}
.section5-spec td:nth-child(2) {color: #9a9a9a;}
.section5-spec td:nth-child(3) {background: #fff;}
.section5-spec th:nth-child(2),
.section5-spec td:nth-child(2) {width: 30%;}
.section5-spec td p {border-bottom: dashed 1px #e5e5e5; padding: 5px;}

@media only screen and (max-width:768px) {
	#section5 {height: auto !important; padding-top: 80px; padding-bottom: 80px;}
	#section5 .fp-tableCell {display: block; height: auto !important;}
	.section5-title h3 {font-size: 26px;}
	.section5-title p {font-size: 14px;}
	.section5-spec {margin-top: 20px;}
	.section5-spec th,
	.section5-spec td {border-bottom: dashed 1px #e5e5e5;}
	.section5-spec th {padding-bottom: 10px;}
	.section5-spec th img {max-width: 100px;}
	.section5-spec th h5 {font-size: 14px; margin-top: 20px;}
	.section5-spec td {padding: 5px; font-size: 12px;}
	.section5-spec td p {padding: 0; border-bottom: none;}
}




#section6 {}
.map {padding: 0 5%;}
.map-wrap {position: relative;}
.map-bg {padding-bottom: 66.6666%; position: relative;}
.map-bg li {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none;}
.map-bg li#bg0 {background: url('/images/kor09r-22-0461/main/map_bg_0.png')no-repeat center center / cover; display: block !important;}
.map-bg li#bg1 {background: url('/images/kor09r-22-0461/main/map_bg_1.png')no-repeat center center / cover;}
.map-bg li#bg2 {background: url('/images/kor09r-22-0461/main/map_bg_2.png')no-repeat center center / cover;}
.map-bg li#bg3 {background: url('/images/kor09r-22-0461/main/map_bg_3.png')no-repeat center center / cover;}
.map-bg li#bg4 {background: url('/images/kor09r-22-0461/main/map_bg_4.png')no-repeat center center / cover;}
.map-bg li#bg5 {background: url('/images/kor09r-22-0461/main/map_bg_5.png')no-repeat center center / cover;}
.map-bg li#bg6 {background: url('/images/kor09r-22-0461/main/map_bg_6.png')no-repeat center center / cover;}
.map-bg li#bg7 {background: url('/images/kor09r-22-0461/main/map_bg_7.png')no-repeat center center / cover;}
.map-bg li#bg8 {background: url('/images/kor09r-22-0461/main/map_bg_8.png')no-repeat center center / cover;}
.map-item {}
.map-item dl {width: 5px; height: 5px; background: #000; border-radius: 50%; position: absolute;}
.map-item dl dt {position: absolute; font-size: 14px;}
.map-item dl dd {position: absolute; bottom: 100%; margin-bottom: 60px; width: 200px; height: 160px; margin-left: 2px; background: #fff; padding-top: 50px; display: none; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); transform: translateX(-50%);}
.map-item dl dd:before {content: ''; display: block; background: #000; width: 1px; height: 60px; position: absolute; left: 50%; top: 100%;}
.map-item dl dd h5 {position: absolute; left: 0; right: 0; top: 0; height: 50px; background: #091038; color: #fff; display: flex; align-items: center; justify-content: center;}
.map-item dl dd img {display: block;}
.map-item dl dd p {padding-top: 10px; font-size: 14px;}
.map-item dl.active dd {display: flex;}
.map-item dl#item1 {left: 19%; top: 51%;}
.map-item dl#item2 {left: 46.2%; top: 44%;}
.map-item dl#item3 {left: 52%; top: 44.5%;}
.map-item dl#item4 {left: 75%; top: 34%;}
.map-item dl#item5 {left: 68.5%; top: 60%;}
.map-item dl#item6 {left: 82.2%; top: 53.7%;}
.map-item dl#item7 {left: 85%; top: 54%;}
.map-item dl#item8 {left: 75%; top: 63.5%;}
.map-item dl#item1 dt {top: 100%; left: 50%; transform: translateX(-50%);}
.map-item dl#item2 dt {right: 100%; top: 50%; transform: translateY(-50%); margin-right: 5px;}
.map-item dl#item3 dt {left: 100%; top: 50%; transform: translateY(-50%); margin-left: 5px;}
.map-item dl#item4 dt {top: 100%; left: 50%; transform: translateX(-50%);}
.map-item dl#item5 dt {top: 100%; left: 50%; transform: translateX(-50%);}
.map-item dl#item6 dt {right: 100%; top: 50%; transform: translateY(-50%); margin-right: 5px;}
.map-item dl#item7 dt {left: 100%; top: 50%; transform: translateY(-50%); margin-left: 5px;}
.map-item dl#item8 dt {left: 100%; top: 50%; transform: translateY(-50%); margin-left: 5px;}

@media only screen and (max-width:768px) {
	#section6 {height: auto !important; padding-top: 80px; padding-bottom: 80px;}
	#section6 .fp-tableCell {display: block; height: auto !important;}
	.map {padding: 0; margin: 0 -20px;}
	.map-item dl dt {font-size: 11px;}
	.map-item dl dd {margin-bottom: 30px; width: 120px; height: 100px; padding-top: 30px;}
	.map-item dl dd:before {height: 30px;}
	.map-item dl dd h5 {height: 30px; font-size: 12px;}
	.map-item dl dd p {font-size: 12px;}
}




#section7 {background: url('/images/kor09r-22-0461/main/section7_bg.jpg')no-repeat center center / cover;}
.section7-title img {display: block; width: 380px; margin: 0 auto;}
.section7-down {margin-top: 60px; display: flex; justify-content: center;}
.section7-down a {width: 340px; height: 220px; text-align: center; font-size: 16px; font-weight: 300; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.section7-down a strong {font-weight: 500;}
.section7-down a:after {content: ''; display: block; width: 40px; height: 32px; margin-top: 30px; background: url('/images/kor09r-22-0461/main/section7_down.png')no-repeat center center / cover;}

@media only screen and (max-width:768px) {
	#section7 {height: auto !important; padding-top: 80px; padding-bottom: 80px;}
	#section7 .fp-tableCell {display: block; height: auto !important;}
	.section7-title img {width: 220px;}
	.section7-down {margin-top: 30px;}
	.section7-down a {width: 260px; height: 140px; font-size: 13px;}
	.section7-down a:after {width: 30px; height: 24px; margin-top: 10px;}
}



#section8 {}
.section8-title {font-size: 34px; text-align: center; font-weight: 700;}
.section8-group {width: 100%; max-width: 620px; margin: 0 auto; padding-top: 20px;}
.section8-group dl {margin-bottom: 15px;}
.section8-group dl:last-child {margin-bottom: 0;}
.section8-group dl dt {font-size: 14px; font-weight: 600;}
.section8-group dl dt span {color: #7bc8f6; margin-left: 2px;}
.section8-group dl dd {margin-top: 5px;}
.section8-group dl dd input[type="text"] {appearance: none; height: 50px; border-color: #dcdcdc; box-shadow: none; border-radius: 6px;}
.section8-group dl dd select {appearance: none; height: 50px; padding-right: 35px; border-color: #dcdcdc !important; box-shadow: none !important; border-radius: 6px; background: url('/images/kor09r-22-0461/main/select.png')no-repeat right 10px center / 16px auto;}
.section8-group dl dd textarea {height: 120px; box-shadow: none !important; border-color: #dcdcdc !important; border-radius: 6px; padding: 10px;}
.section8-submit {height: 50px; margin-top: 20px; display: flex; justify-content: center;}
.section8-submit button {width: 200px; height: 60px; background: #091038; color: #fff; font-weight: 500; border: none; display: flex; align-items: center; justify-content: center;}

@media only screen and (max-width:768px) {
	#section8 {height: auto !important; padding-top: 80px; padding-bottom: 80px;}
	#section8 .fp-tableCell {display: block; height: auto !important;}
	.section8-title {font-size: 24px;}
	.section8-group dl dt {font-size: 13px;}
	.section8-group dl dd input[type="text"] {height: 42px; font-size: 12px;}
	.section8-group dl dd select {height: 42px; font-size: 12px;}
	.section8-group dl dd textarea {height: 100px; font-size: 12px;}
	.section8-submit button {width: 160px; height: 50px; font-size: 14px;}
}



#section9 .fp-tableCell {padding: 0;}