@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#skip_to_container {display: none;}
i {vertical-align: middle;}
button .lt_more {line-height: 1;}
.fancybox__button--download {display: none;}
.sign p {font-family: 'InkLipquid';font-size:5vh;}
body {overflow: hidden;}
button {display: block;}
.serif {font-family: 'Noto Serif KR', serif;}
.clear:after {content:'';display: block;clear:both;}
.hide {display:none;}
.wrap {max-width:1440px;width:100%;margin:0 auto;}
#hd {position:absolute;top:0;left:0;z-index: 9;border-bottom:1px solid rgba(255,255,255,0);background-color: transparent;backdrop-filter: blur(0);margin-top:30px;}
#hd.act {margin-top:0;background-color: rgba(0,0,0,0.7);backdrop-filter: blur(5px);}
#hd.act #logo a {width:80px;}
#hd_wrapper {height:100px;}
#gnb {background-color:transparent;}
#gnb .gnb_1da {padding:0 35px 0 35px !important;text-align: center;}
#gnb .gnb_1dli {line-height:100px;font-size:1rem;}
#gnb .gnb_1dli a {color:#fff;}
#gnb .gnb_1dli .gnb_2dli a {color:#222;}
#logo {padding:initial;position:absolute;margin-top:10px;z-index: 6;}
#logo a {width:100px;display: inline-block;transition: all 0.25s ease;}
#logo a img {width:100%;}
#gnb #gnb_1dul {display: flex;justify-content: center;border:0;}
#gnb .gnb_mnal {position: absolute;top:0;right:0;}
#gnb .gnb_menu_btn {height:100px;background-color: transparent;width:30px;text-align: right;}
#gnb .gnb_menu_btn span {height:2px;background-color: #fff;display: block;float:right;}
#gnb .gnb_menu_btn span:nth-child(1), #gnb .gnb_menu_btn span:nth-child(3) {width:100%;}
#gnb .gnb_menu_btn span:nth-child(2) {width:80%;margin:10px 0;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:2.5vh;color:#222;}
#gnb .gnb_1dli > a {transition:all 0.25s ease;}
#gnb .gnb_1dli:hover > a {color:#fff;}
.gnb_2dul {top:80px;width:100%;min-width:initial;}
a.gnb_2da:hover {background-color: transparent;}
.gnb_2dul .gnb_2dul_box {border:initial;box-shadow: initial;-webkit-box-shadow:initial;background-color: #fff;text-align: center;line-height:3;padding:10px 0;line-height:initial;border-radius: 10px 0;}
#gnb .gnb_1dli .gnb_2dul a {position:relative;display: inline-block;line-height:30px;padding:0 0;font-size:0.9rem;font-weight: bold;}
#gnb .gnb_1dli .gnb_2dul a:after {content:'';display: block;width:0;height:2px;background-color:rgba(255,2550,255,0.5);transition:all 0.25s ease;position: absolute;left:50%;bottom:0;transform:translateX(-50%);}
#gnb .gnb_1dli .gnb_2dul a:hover:after {width:100%;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:2vh;text-align: center;}
#gnb_all .gnb_al_li li {text-align:center;}
#gnb_all_bg {background:none;}
section h3 {color:#42a2dd;font-size:1rem;font-weight: bold;}
section.mov {background-color: #f7f7f6;display: flex;justify-content: center;}
section.mov video {width:100%;max-width:860px;width:100%;margin:0 auto;}
.main_visual {height:100vh;position: relative;overflow: hidden;}
.main_visual .visual01 {background-image: url('/images/visual01.jpg');background-repeat:no-repeat;background-position: center;background-size:cover;}
.main_visual .visual02 {background-image: url('/images/visual02.jpg');background-repeat:no-repeat;background-position: center;background-size:cover;}
.main_visual .visual02 .logo {width: 1440px;display: flex;flex-wrap: wrap;justify-content: end;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}
.main_visual .visual02 .logo img {height:70px;}
.main_visual .visual03 {background-image: url('/images/visual03.jpg');background-repeat:no-repeat;background-position: center;background-size:cover;}
.main_visual .v_cont {position: absolute;top:50%;transform:translate(-50%, -50%);left:50%;/*opacity: 0;*/animation-name:ab_slideUp;animation-duration:1s;animation-timing-function: linear;animation-fill-mode: forwards;transition: all 0.25s ease;z-index: 2;}
.main_visual .v_cont h2 {font-size:6vh;font-weight:300;color:#fff;text-align: center;}
.main_visual .v_cont p {font-size:5vh;font-weight: 400;line-height:1;}
.main_visual .v_cont p, .main_visual .v_cont span {color:#fff;}
.main_visual .v_cont span {font-size: 1.5vh;margin-top: 2vh;display: inline-block;border: 1px solid #fff;padding: 10px 20px;}
.main_visual .swiper-pagination {z-index: 5;}
.main_visual .swiper-pagination-bullet {background-color: #fff;}

.sec07 {padding:150px 0;}
.sec01 {padding:150px 0 0 0;}
.wrap > h2 {text-align: center;margin-bottom:70px;position: relative;}
.wrap > h2:before {content:'';display: block;width:82px;height:17px;background-image: url('/images/title_icon.png');background-size: contain;background-repeat: no-repeat;position:absolute;left:50%;top:-20px;transform: translateX(-50%);}
.wrap > h2, .wrap .cont > h2, .sec02 .title p {font-size:5vh;font-weight:300;}
.wrap > h2 span {font-weight: 700;}
.wrap > h2 + span {font-size:3vh;}
.sec01 {background-image: url('/images/sec01_bg.jpg');background-repeat: no-repeat;background-size: cover;background-position: left;display: flex;flex-wrap: wrap;justify-content: end;}
.sec01 h2 {font-size:5vh;font-weight:300;}
.sec01 ul {width:50%;}
.sec01 ul > li {float:left;position: relative;display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
.sec01 li:first-child {background-color: rgba(0,0,0,0.7);padding:70px;color:#fff;}
.sec01 li:last-child {background-color: rgba(255,255,255,0.7);padding:70px;color:#111;}
.sec01 li:last-child div {padding-top:30px;}
.sec01 .cont > * {display: block;}
.sec01 > .wrap > ul > li:first-child {width:400px;height:400px;border-radius: 400px;overflow: hidden;}
.sec01 > .wrap > ul > li:first-child img {width: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.sec01 > .wrap > ul > li:last-child {width:calc(100% - 400px);padding-left:100px;box-sizing: border-box;}
.sec01 .cont > span {margin:50px 0;font-size:3vh;width: 100%;word-break: keep-all;font-weight: 100;}
.sec01 > .wrap .quick {width: 50%;position: relative;float:right;}
.sec01 > .wrap .quick li {width: 30%;margin-right:5%;float:left;display: flex;flex-wrap: wrap;justify-content: center;border:1px solid #eaeaea;padding:35px 0;}
.sec01 > .wrap .quick li span {text-align: center;display: block;width: 100%;margin-top:25px;font-size: 1.3vh;}
.sec01 > .wrap .quick li:last-child {margin-right:0;}
.sec01 .history h2 {font-weight: bold;padding-bottom: 15px;border-bottom: 2px solid #3d3b39;width: 100%;}
.sec01 .history dt {width:100px;font-weight: 600;letter-spacing: 3px;}
.sec01 .history dl {display: flex;flex-wrap: nowrap;align-items: start;padding: 5px 0;}
.sec01 .history dl * {font-size: 3vh;line-height: 1;}
.sec01 .history dd span {display: block;font-weight: 300;margin-bottom: 10px;}
.event {text-align: center;background-color:#f7f7f6;}
.event img {display: inline-block;}
.sec02 {padding:150px 100px 0 100px;}
.sec02 .cont > img {width: 100%;}
.sec03 {padding-top:150px;}
.sec03, .sec04, .sec05, .sec06 {text-align: center;}
.sec03 .wrap:nth-child(2), .sec04 .wrap, .sec05 .wrap, .sec06 .wrap {margin-top: 100px;}
.sec03 .swiper-slide, .sec04 .swiper-slide, .sec05 .swiper-slide, .sec06 .swiper-slide {position:relative !important;left:initial !important;top:initial !important;width:25%;}
.sec03 .wrap > h2, .sec04 .wrap > h2, .sec05 .wrap > h2, .sec06 .wrap > h2 {text-align: center;margin-bottom: 50px;width: 100%;}
.sec03 .title.wrap > h2:before {display: none;}
.sec03 .title.wrap {display: flex;flex-wrap:wrap;justify-content: center;}
.sec03 .wrap .cont, .sec04 .wrap .cont, .sec05 .wrap .cont, .sec06 .wrap .cont {position: relative;}
.sec03 .wrap .cont h3 {font-size:2.9vh;font-weight: 700;color:#707070;display: flex;flex-wrap: wrap;align-items: start;line-height: 1.3;}
.sec03 .wrap .cont ul, .sec04 .wrap .cont ul, .sec05 .wrap .cont ul, .sec06 .wrap .cont ul {margin-top: 30px;padding:0 50px;overflow: hidden;}
.sec03 .wrap .cont li, .sec04 .wrap .cont li, .sec05 .wrap .cont li, .sec06 .wrap .cont li {text-align: center;position: relative;}
.sec03 .swiper-wrapper, .sec04 .swiper-wrapper, .sec05 .swiper-wrapper, .sec06 .swiper-wrapper {height:auto !important;}
.sec03 .swiper-button-next, .sec04 .swiper-button-next, .sec05 .swiper-button-next, .sec06 .swiper-button-next {right:-50px;}
.sec03 .swiper-button-prev, .sec04 .swiper-button-prev, .sec05 .swiper-button-prev, .sec06 .swiper-button-prev {left:-50px;}
.sec03 .swiper-button-next, .sec03 .swiper-button-prev, .sec04 .swiper-button-next, .sec04 .swiper-button-prev, .sec05 .swiper-button-next, .sec05 .swiper-button-prev, .sec06 .swiper-button-next, .sec06 .swiper-button-prev {height:0;padding-bottom:24%;background-color: #fff;top:31px;width:50px;}
.sec03 .swiper-button-next:after, .sec03 .swiper-button-prev:after, .sec04 .swiper-button-next:after, .sec04 .swiper-button-prev:after, .sec05 .swiper-button-next:after, .sec05 .swiper-button-prev:after, .sec06 .swiper-button-next:after, .sec06 .swiper-button-prev:after {color:#111;position:absolute;top:50%;transform: translateY(-50%);font-size:30px;}
.sec03 .grid-item, .sec04 .grid-item, .sec05 .grid-item, .sec06 .grid-item {height:0;padding-bottom:23%;overflow:hidden;}
.sec03 .grid-item a.img img, .sec04 .grid-item a.img img, .sec05 .grid-item a.img img, .sec06 .grid-item a.img img {width: 150%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}


.sec06 {padding-bottom: 150px;}

.sec07 {text-align: center;background-color: #f7f5ef;}
.sec07 span,.sec04 p {font-size:2vh;margin-bottom: 50px;display: block;}
.sec07 h2 {font-size:6vh;font-weight:300;margin-bottom:50px;}
.sec07 .swiper-wrapper {transition-timing-function: linear;}
.sec07 .swiper-wrapper .swiper-slide { width:25%;padding:10px;}
.sec07 .swiper-wrapper .swiper-slide img {width: 100%;}


.sec08  {text-align: center;padding:100px 0;}
.sec08 #instaPics li {width:20%;height:0;padding-bottom:20%;float:left;overflow: hidden;}
.sec08 #instaPics li img {width: 100%;}
.sec08 a {display: block;height: 100%;position: absolute;top: 0;left: 0;width: 100%;}
.sec08 h2 {font-size:6vh;font-weight:300;margin-bottom:20px;}
.sec08 .wrap {text-align: center;}
.sec08 .wrap > span {}
.sec08 li {float:left;width:100%;padding:0.2%;position: relative;cursor: pointer;}
.sec08 li img {width:100%;}
.sec08 .wrap > span {font-size:2.9vh;color:#525252;}


.sec09 {background-color: #f7f7f5;position: relative;padding:100px 0;}
.sec09 h2 {font-size:6vh;font-weight: 300;}
.sec09 span {display: block;text-transform: uppercase;}
.sec09 span.sub {font-size:1.5vh;letter-spacing: 5px;margin:20px 0;}
.sec09 span.add {font-size:0.8vw;line-height:1.5;margin:35px 0;}
.sec09 span.add a {color:#222;}
.sec09 .wrap {color:#fff;}
.sec09 .wrap .list {width:calc(100% - 320px);text-align: center;margin-right:20px;}
.sec09 .wrap > ul {float:left;}
.sec09 .wrap .area > div {background-color: #353534;display: flex;flex-wrap: wrap;align-items: normal;}
.sec09 .wrap .area > div > div {width:50%;float:left;}
.sec09 .wrap .thumb {width:300px;border-top:2px solid #222;}
.sec09 .wrap .thumb .swiper-wrapper {display: block;}
.sec09 .wrap .thumb dl {border-bottom: 1px solid rgba(0,0,0,0.5);padding:10px;position:relative;width:100% !important;cursor: pointer;}
.sec09 .wrap .thumb dt {font-size:1rem;font-weight:bold;line-height:1.2;}
.sec09 .wrap .thumb dd {opacity: 0.5;}
.sec09 .wrap .thumb i {position:absolute;top:50%;right:20px;transform:translateY(-50%)}
.sec09 .wrap .icon {width:100%;text-align: center;display: flex;text-align: center;justify-content: center;}
.sec09 .wrap .icon a {display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;width:50px;height:50px;border-radius: 100px;background-color: #222;color:#fff;line-height:50px;font-size:1.5vw;margin:0 10px;}
.sec09 a.load {font-size: 1.5vh;margin:0 auto;display: inline-block;border: 2px solid #222;color:#222;padding: 10px 40px;background-color: transparent;transition: all 0.25s ease;margin-top:45px;}

/*.sec02 {border-top:1px solid #222;border-bottom:1pxmn solid #222;position: relative;}
.sec02:before {content:'';display: block;width:100%;position: absolute;top:50%;left:0;height:1px;background-color: #222;}
.sec02:after {content:'';display: block;width:1px;position: absolute;top:0%;left:50%;height:100%;background-color: #222;}
.sec02 li {float:left;width:50%;height:800px;display: flex;flex-wrap: wrap;justify-content: center;align-items:center;cursor: pointer;}
.sec02 li .cont {width: 80%;max-width:500px;}
.sec02 li .cont p {font-size:2vh;margin-top:20px;word-break: keep-all;}
.sec02 li .cont p strong {font-size:2.2vh;}
.sec02 li .cont button {font-size: 1.5vh;margin-top: 2vh;display: inline-block;border: 1px solid #222;color:#222;padding: 10px 20px;background-color: #fff;transition: all 0.25s ease;}
.sec02 li .cont button > * {line-height:1.2;}
.sec02 li .cont button:hover {color:#fff;background-color: #222;}
.sec02 li .img {max-height:500px;margin: 0 auto;overflow: hidden;opacity: 0.2;transition:all 0.25s ease;}
.sec02 li.act .img {opacity: 1;} 
.sec02 li .img img {width:100%;}


.sec03 li {width:50%;min-height:500px;float:left;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;color:#fff;}
.sec03 li:nth-child(1) {background-image: url('/images/sec03_1_bg.jpg');background-repeat:no-repeat;background-position: center;background-size:cover;}
.sec03 li:nth-child(2) {background-image: url('/images/sec03_2_bg.jpg');background-repeat:no-repeat;background-position: center;background-size:cover;}
.sec03 li .cont {max-width:570px;text-align: center;}
.sec03 h2 {font-size:6vh;font-weight: 300;}
.sec03 li .cont p {font-size:2vh;margin:50px 0;word-break: keep-all;}
.sec03 li .cont button {font-size: 1.5vh;margin-top: 2vh;display: inline-block;border: 1px solid #fff;color:#fff;padding: 10px 20px;background-color: transparent;transition: all 0.25s ease;display: none;}
.sec03 li .cont button > * {line-height:1.2;}
.sec03 li .cont button:hover {color:#222;background-color: #fff;font-weight: bold;}


.sec04  {text-align: center;}
.sec04 h2 {font-size:6vh;font-weight:300;margin-bottom:50px;}
.sec04 .wrap {text-align: center;}
.sec04 li {float:left;width:33.33%;padding:0 1% 50px 1%;position: relative;cursor: pointer;}
.sec04 li .img {overflow: hidden;}
.sec04 li:hover .img img {transform:scale(1.1);}
.sec04 li:after {content:'';display: block;width:100%;height:1px;background-color: #222;left:0;bottom:0;}
.sec04 li .img img {width:100%;transform:scale(1);transition:all 0.25s ease;overflow: hidden;}
.sec04 li span {line-height:40px;height:40px;text-align: center;font-size:1.6vh;display: block;font-weight: 600;}
.sec04 button {font-size: 1.5vh;margin:0 auto;display: inline-block;border: 1px solid #222;color:#222;padding: 10px 20px;background-color: transparent;transition: all 0.25s ease;}
.sec04 button > * {line-height:1.2;}
.sec04 button:hover {color:#fff;background-color: #222;font-weight: bold;}





.sec06 {background-color: #353534;position: relative;}
.sec06 h2 {font-size:6vh;font-weight: 300;}
.sec06 span {display: block;text-transform: uppercase;}
.sec06 span.sub {font-size:1.5vh;letter-spacing: 5px;margin:20px 0;}
.sec06 span.add {font-size:0.8vw;line-height:1.5;margin:35px 0;}
.sec06 span.add a {color:#fff;}
.sec06 .wrap {color:#fff;}
.sec06 .wrap .list {width:calc(100% - 320px);text-align: center;margin-right:20px;}
.sec06 .wrap > ul {float:left;}
.sec06 .wrap .area > div {background-color: #353534;display: flex;flex-wrap: wrap;align-items: normal;}
.sec06 .wrap .area > div > div {width:50%;float:left;}
.sec06 .wrap .thumb {width:300px;border-top:2px solid #fff;}
.sec06 .wrap .thumb .swiper-wrapper {display: block;}
.sec06 .wrap .thumb dl {border-bottom: 1px solid rgba(255,255,255,0.5);padding:10px;position:relative;width:100% !important;cursor: pointer;}
.sec06 .wrap .thumb dt {font-size:1rem;font-weight:bold;line-height:1.2;}
.sec06 .wrap .thumb dd {opacity: 0.5;}
.sec06 .wrap .thumb i {position:absolute;top:50%;right:20px;transform:translateY(-50%)}
.sec06 .wrap .icon {width:100%;text-align: center;}
.sec06 .wrap .icon a {display: inline-block;width:50px;height:50px;border-radius: 100px;background-color: #fff;color:#222;line-height:50px;font-size:1.5vw;margin:0 10px;}
.sec06 a.load {font-size: 1.5vh;margin:0 auto;display: inline-block;border: 2px solid #fff;color:#fff;padding: 10px 40px;background-color: transparent;transition: all 0.25s ease;margin-top:45px;}

.sec07  {text-align: center;}
.sec07 #instaPics li {width:20%;height:0;padding-bottom:20%;float:left;overflow: hidden;}
.sec07 #instaPics li img {width: 100%;}
.sec07 a {display: block;height: 100%;position: absolute;top: 0;left: 0;width: 100%;}
.sec07 h2 {font-size:6vh;font-weight:300;margin-bottom:20px;}
.sec07 .wrap {text-align: center;}
.sec07 .wrap > span {}
.sec07 li {float:left;width:100%;padding:0.2%;position: relative;cursor: pointer;}
.sec07 li img {width:100%;}
*/
#ft {background-color: #fff;color:#323232;width: 100%;position: relative;}
#ft_wr {padding:40px 0;width: 600px !important;margin: 0 auto;}
#ft .layer_pop {position:fixed;left:0;top:0;width:100%;height:100vh;background-color: rgba(0,0,0,0.8);display: none;z-index: 999;}
#ft .layer_pop i {position:absolute;right:10px;top:10px;width:30px;height:30px;line-height: 30px;font-size:15px;background-color: #222;color:#fff;border-radius: 100px;cursor: pointer;}
#ft .layer_pop.act {display: block;}
#ft .layer_pop > div {position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color: #fff;display: none;}
#ft .layer_pop > div .content {height:50vh;overflow-y: scroll;text-align: left;padding:20px;width:80%;margin:0 auto 50px auto;border:1px solid #eee;}
#ft .layer_pop > div h2 {font-size:1vw;margin:20px 0;}
#ft .ft_fx_icon {position: fixed;right:2vw;bottom:2vw;z-index: 5;}
#ft .ft_fx_icon button {width:35px !important;height:35px !important;line-height:35px;border: 1px solid #333;color: #333;text-align: center;font-size: 15px;z-index: 90;background: rgba(255,255,255,0.5);margin-top:3px;border-radius: 100px;}
#ft li {float:left;width:100%;line-height:1.6;font-weight: 400;}
#ft_wr > ul > li:nth-child(2), #ft_wr > ul > li:nth-child(3) {display: flex;flex-wrap: nowrap;justify-content: space-between;}
#ft li.addr a.total {border-radius: 3px;background-color: #222;color:#fff;display: inline-block;padding:0 10px;margin-left:5px;font-size:0.7rem;}
#ft li.info p {font-weight: bold;}
#ft li.ft_menu {text-align: right;}
#ft li.ft_menu a {font-weight:bold;}
#ft li.ft_menu a:nth-child(1) {margin-right:40px;}
#ft ul {display: flex;justify-items: normal;align-content: initial;flex-wrap: wrap;align-items: center;}
#top_btn {z-index: 5;position: relative;bottom:initial;right:initial;}
#ft strong {font-weight: 800;margin-right: 5px;}
#ft ul >* {font-size:2.4vh;color:#323232}
#ft_wr > ul > li.copy {font-size:2.7vh;opacity: 0.6;margin-top:70px;}
#ft li div {display:inline-block;}
#ft_wr > ul > li:first-child, #ft_wr > ul > li.copy {
    text-align: justify;
    line-height:0.6;
}
#ft_wr > ul > li:first-child:after, #ft_wr > ul > li.copy:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.ft_menu {position: absolute;left:40px;text-align: left;top:30px;font-size: 2.4vh;width: 200px;}
.ft_menu a {display: block;}
/* sub */
#wrapper.sub .wrap {margin:100px auto;}
#wrapper.gallery {}
.gallery .sub_head {padding-top:100px;height:400px;position: relative;background-image: url('/images/gallery_top.jpg');background-size: cover;background-position: center;background-attachment: fixed;}
.sub_head h2 {font-size:2.5vw;font-weight: 500;color:#fff;}
.loc .sub_head {background-image: url('/lbk/images/company_bg.jpg');background-repeat: no-repeat;background-size:cover;background-position: center;text-align: center;}
.loc .sub_head h2 {color:#fff;position: absolute;top:calc(50% + 50px);left:50%;transform:translate(-50%, -50%)}
.loc .info {background-color: #fbfbfb;color:#222;padding:20px;position: relative;}
.loc .info dl {display: flex;font-size:1rem;line-height:2;}
.loc .info dt {width:100px;}
.loc .info dl:nth-child(2) dd {margin-right:50px;}
.loc .info a {position: absolute;right:20px;top:50%;transform:translateY(-50%);background-color: #003c93;color: #fff;border: 1px solid #003c93;font-weight: bold;display: block;line-height: 4vh;padding: 0 2vw;border-radius: 100px;font-size: 1rem;transition: all 0.25s ease;}

@keyframes ab_slideUp {
    0% {transform:translate(-50%, 0);/*opacity: 0;*/}
    100% {transform:translate(-50%, -50%);opacity: 1;}
}
@keyframes slideUp {
    0% {transform:translateY(20%);/*opacity: 0;*/}
    100% {transform:translateY(0%);opacity: 1;}
}

@keyframes slideLeft {
    0% {transform:translate(20%, -50%);/*opacity: 0;*/}
    100% {transform:translate(0%, -50%);opacity: 1;}
}
@media screen and (min-width:1904px) {
    .sec01 .history dt {width:150px;}
}
@media screen and (max-width:1440px) {
    #hd_wrapper, .wrap, #ft_wr {padding:0 3vw;}
    #ft_wr {padding:40px 3vw;}
    .sec02 .wrap .cont .swiper-button-next {right:1vw;}
    .sec02 .wrap .cont .swiper-button-prev {left:1vw;}
    .sec06 .wrap .icon a {font-size:3vh;}
    .main_visual {max-height: 80vh;}
    .main_visual .visual01 .logo {width: calc(100% - 100px);}
    main .wrap {padding:0 100px;}
    .sec01 > .wrap > ul > li:last-child {padding-left:50px;}
    .sec03, .sec04, .sec05, .sec06  {padding:0 0 100px 0;}
    .sec07 {padding:100px 0;}
    .sec05 .lt_more {margin-bottom: 0 !important;}
    .wrap > h2, .wrap .cont > h2, .sec02 .title p {font-size:3vw;}
    .sec01 .cont > span, .sec01 .history dl * {font-size: 1.7vw;}
    .sec01 > .wrap .quick li span {font-size: 1.2vw;}
    .sec01 > .wrap .quick {width: 60%;}
    .sec01 li:first-child {padding:50px;}
    .sec02 {padding:150px 0;}
    .sec02 .title button a, .sec02 .store li span, .sec06 ul > li.cont dl *, .sec09 .wrap .icon a {font-size: 1.5vw;}
    .sec02 .title li:first-child {width: 60%;}
    .sec02 .title li:last-child {width: 40%;}
    .sec02 .store li {width: calc(100% / 6 - 10px);margin-right: calc(60px / 5);}
    .sec02 .store li:last-child {margin-right: 0;}
    .sec03 .wrap .cont h3, .sec03 .wrap .cont h3 > span {font-size:2vw;}
    main .lt_more, .sec09 a.load {font-size: 1.3vw !important;margin-bottom: 100px !important;line-height: 1.2;}
    .sec07 span, .sec04 p {font-size:1.5vw;}
    .sec04 > .wrap ul:last-child li:last-child .lt_more {margin-bottom: 0 !important;}
    .sec09 .wrap .list {width: 100%;margin-right: 0;;}
    .sec09 .wrap .thumb {width: 100%;}
    .sec09 .wrap .area > div > div img {width: 100%;}
    .sec09 span.sub {font-size: 1.3vw;}
    .sec09 span.add, .sec05 li span, .sec09 .wrap .thumb dd {font-size:1.2vw;}
    .sec09 .wrap .icon a, .sec09 .wrap .thumb dt {font-size:1.5vw;}
    .sec03 .wrap .cont ul:last-child .lt_more {margin-bottom: 0 !important;}
    .sec09 .wrap .thumb {margin-top: 50px;}
    .ft_menu, #ft ul >* {font-size: 1.5vw !important;}
    #ft_wr {width: 45% !important;}
    #ft_wr > ul > li.copy {text-align: center;}
    .sec02 .store li div img {width: 100%;}
    section .cont img {width: 100%;}
    .sec01 li:last-child {padding:50px;}
}
@media screen and (max-width:1024px) {
    #hd {margin-top:0;}
    .sec01 > .wrap > ul > li:nth-child(2) {padding-left:30px;box-sizing: border-box;}
    .sec01 > .wrap > ul > li img {width:100%;}
    .sec01 .cont > span {width:100%;}
    .sec03 li .cont p {padding:0 20px;}
    .sec05 .swiper-wrapper .swiper-slide img {width:100%;}
    .sec06 .wrap .list {width:100%;margin-right:0;margin-top:100px;}
    .sec06 .wrap .thumb {width:95%;position: absolute;top:100px;left:2.5%;}
    .sec06 .wrap .thumb .swiper-wrapper {display: flex;}
    .sec06 .wrap .thumb dl {width: calc(20% - 7px) !important;border-top: 2px solid #fff;}
    .sec06 .wrap .thumb dd {display: none;}
    .sec06 .wrap .thumb {border-top:0;}
    .sec06 .wrap .area > div > div img {width:100%;}
    #ft li {width:100% !important;}
    #ft li.ft_menu {text-align: right;position: absolute;top: 50%;right: 3%;transform: translateY(-50%);} 
    .sec02 li .cont button, .sec06 a.load, .main_visual .v_cont span {font-size:1.2vw;}
    .sec04 li span {font-size:1.4vw;}
    .sec06 span.add {font-size:1.4vw;}
    main .wrap {padding: 0 70px;}
    .sec01 > .wrap .quick {width: 80%;}
    .sec01 > .wrap .quick li {padding:15px 0;}
    .sec02 {padding:100px 0;}
    .sec02 .title li:first-child {width: 50%;}
    .sec02 .title li:last-child {width:calc(50% - 30px);margin-left:30px;}
    .sec02 .title li:last-child img {width: 100%;}
    .sec02 .store {margin-top: 70px;}
    .sec06 ul > li.cont dt {width: 70px;}
    .gallery .sub_head {height: 300px;}
    .sec01 .cont > span {margin:20px 0;}
    .sec01 .history dt {width:80px;}
    .sec03 .wrap:nth-child(2), .sec04 .wrap, .sec05 .wrap, .sec06 .wrap {margin-top:50px;}
    .wrap > h2 + span {font-size:2vw;}
    .sec01 h2 {font-size:4vw;}
}
@media screen and (max-width:800px) {
    #gnb .gnb_mnal {display:block;}
    #gnb #gnb_1dul {display:none;}
    #gnb_all {border:0;position:fixed;height: 100vh;width: 80%;right: 0;top: 0;}
    #gnb_all .gnb_al_li {width:100%;width:100%;text-align: center;min-height:initial;padding:initial;}
    #gnb_all .gnb_al_ul {position: absolute;width: 100%;background-color: #fff;right: 0;top: 50%;transform:translateY(-50%);}
    #gnb .gnb_close_btn {padding-right:3vh;height:100px;font-size:4vh;color:#222;}
    #gnb_all .gnb_al_li .gnb_al_a {font-size:2.5vh;color:#222;margin-bottom:0;line-height:3;}
    #gnb_all .gnb_al_li li {}
    #gnb_all .gnb_al_li ul {background-color:#f9f9f9;padding:10px 0;border-top:1px solid #e9e9e9;}
    #gnb_all .gnb_al_li li a{font-size: 1.6vh;font-weight: 700;line-height: 2;}
    .main_visual .v_cont h2, .sec01 h2, .sec03 h2, .sec04 h2, .sec05 h2, .sec06 h2, .sec07 h2 {font-size:5vw;word-break: keep-all;}
    .sec01 > .wrap > ul > li {height:auto;}
    main .wrap {padding:0 50px;}
    .sec01 > .wrap > ul > li:first-child {width: 300px;height: 300px;}
    .sec01 > .wrap > ul > li:last-child {width: calc(100% - 300px);}
    #wrapper.sub .wrap {margin:50px auto;}
    
    
    #ft_wr {height:150px;}
    #ft ul {position: relative;}
    #ft li {width:100% !important;}
    #ft li.info > * {display: inline-block;}
    #ft li.info span {position:absolute;bottom:-30px;left:0;}
    #ft li.info  p {margin-right:10%;}
    #ft li.ft_menu {position:absolute;top:0;right:0;}
    .wrap > h2, .wrap .cont > h2, .sec02 .title p {font-size:3vw;}
    .sec01 .cont > span, .sec01 .history dl * {font-size: 2.5vw;}
    .sec01 .cont > span {margin:30px 0;}
    .sec01 > .wrap .quick li span {font-size:2vw;}
    .sec01 > .wrap .quick {width: 100%;}
    .sec01 > .wrap .quick li a {width: 50%;}
    .sec01 > .wrap .quick li span {margin-top: 15px;}
    .sec02 .title {align-items: start;}
    .sec02 .title button a, .sec02 .store li span, .sec06 ul > li.cont dl *, .sec09 .wrap .icon a {font-size: 2.5vw;}
    .sec02 .store li {width: calc(100% / 3 - 10px);margin-right:calc(30px / 2);}
    .sec02 .store li:nth-child(3n) {margin-right: 0;}
    .sec02 .store li:nth-child(n+4) {margin-top: 20px;}
    .sec02 .store li span {margin-top: 10px;}
    .sec03 .wrap .cont h3, .sec03 .wrap .cont h3 > span {font-size: 2.7vw;}
    main .lt_more, .sec09 a.load {font-size: 2vw !important;margin-bottom: 50px !important;}
    .sec07 span, .sec04 p {font-size: 2vw;}
    .sec09 span.add, .sec05 li span, .sec09 .wrap .thumb dd {font-size:1.8vw;}
    .sec05 li span {line-height: 1.2;height: 40px;display: flex;flex-wrap:nowrap;align-items: center;justify-content: center;}
    .sec06 ul {flex-wrap:wrap;}
    .sec06 ul > li {width: 100%;}
    .sec06 ul > li.img {margin-bottom: 50px;}
    .sec07 .swiper-wrapper .swiper-slide {width: 30%;}
    .sec09 span.sub {font-size: 1.8vw;}
    .sec09 .wrap .area > div > div.cont {width: 60%;}
    .sec09 .wrap .area > div > div.img {width:calc(40% - 30px);margin-left:30px;}
    .sec09 .wrap .icon a, .sec09 .wrap .thumb dt {font-size:2vw;}
    .ft_menu, #ft ul >* {font-size: 2vw !important;}
    #ft_wr {float:right;width: 55% !important;}
    .sec06 ul > li.cont{padding-left: 0;}
    .sec03 .swiper-button-next:after, .sec03 .swiper-button-prev:after, .sec04 .swiper-button-next:after, .sec04 .swiper-button-prev:after, .sec05 .swiper-button-next:after, .sec05 .swiper-button-prev:after, .sec06 .swiper-button-next:after, .sec06 .swiper-button-prev:after {font-size:23px;}
    .sec03 .swiper-button-next, .sec03 .swiper-button-prev, .sec04 .swiper-button-next, .sec04 .swiper-button-prev, .sec05 .swiper-button-next, .sec05 .swiper-button-prev, .sec06 .swiper-button-next, .sec06 .swiper-button-prev {top:27px;}
    .sec03, .sec04, .sec05, .sec06 {padding: 0 0 70px 0;}
    .wrap > h2 {margin-bottom: 30px;}
    .sec01 ul {width: 100%;}
    .sec01 {padding:0 0 0 0;}
    .sec07 {padding: 70px 0;}
}
@media screen and (max-width:550px){
    #hd_wrapper, #gnb .gnb_menu_btn, #gnb .gnb_close_btn {height:70px;}
    #gnb .gnb_close_btn {padding-right:1vh;}
    #gnb button {font-size: 5vh !important;}
    #logo {width:initial;height:initial;}
    #logo a img {width: 60px;}
    main .wrap{padding: 0 15px;}
    .main_visual .visual01 {background-position: center;}
    .main_visual .visual01 .logo {width: calc(100% - 30px);}
    .main_visual .visual01 .logo img {height: 50px;}
    .main_visual .v_cont {width:80%;}
    .main_visual .v_cont br {display: none;}
    .main_visual .v_cont p {font-size:5vw;}
    .main_visual .v_cont span {font-size:3vw;}
    .sec01 > .wrap > ul > li {width: 100% !important;}
    .sec01 > .wrap > ul > li:first-child {height: 0;padding-bottom: 100%;}
    .sec01 > .wrap .quick li span {font-size: 3vw;}
    .sec02 .title {flex-wrap: wrap;}
    .sec02 .title li {width: 100% !important;}
    .sec02 .title li:last-child{margin-left: 0;}
    .sec02 .title button a, .sec02 .store li span, .sec06 ul > li.cont dl *, .sec09 .wrap .icon a {font-size: 3.5vw;}
    .sec02 .title button {margin: 30px 0;}
    .sec02 .store{margin-top: 30px;padding-bottom: 30px;}
    .sec03 .wrap .cont h3, .sec03 .wrap .cont h3 > span {font-size:3.5vw;text-align: left;}
    .sec04 > .wrap li:nth-child(2) {margin:0 10px;}
    .sec04 > .wrap li {width: calc(100% / 3 - 6.7px);}
    .sec04 > .wrap ul, .sec04 > .wrap .bt {margin-top: 30px;}
    .sec07 span, .sec04 p {margin-bottom: 30px;}
    .sec03 .wrap .cont li .lt_more {margin-top:10px; margin-bottom: 30px;}
    main .lt_more, .sec09 a.load {font-size:3vw !important;margin-bottom: 30px !important;}
    .wrap > h2, .wrap .cont > h2, .sec02 .title p {font-size: 4.5vw;}
    .sec03 .wrap > h2, .sec04 .wrap > h2, .sec05 .wrap > h2, .sec06 .wrap > h2 {margin-bottom: 30px;}
    .sec01 .cont > span, .sec01 .history dl * {font-size: 3.5vw;}
    .sec01 > .wrap > ul > li {width:100%;}
    .sec01 > .wrap > ul > li:nth-child(2) {padding-left:0;text-align: center;margin-top:30px;}
    .sec01 .cont > span {margin:25px 0;}
    .sec02 {padding:50px 0;}
    .sec07 span, .sec04 p {font-size: 3vw;}
    .sec09 span.add, .sec05 li span, .sec09 .wrap .thumb dd {font-size:3vw;}
    .sec05 li span {height: 50px;}
    .sec06 {padding:0 0 50px 0;}
    button {font-size:3vw !important;font-weight: bold;}
    .sec02 .wrap .slide {margin-bottom:3vh;}
    .sec02 .wrap .cont .swiper-button-prev, .sec02 .wrap .cont .swiper-button-next {width:30px;height:30px;top:62%;}
    .sec02:after, .sec02:before {display: none;}
    .sec03 li .cont p {margin:40px 0;}
    .sec03 .img {width:100%;}
    .sec03 .wrap .cont {position:relative;width:100%;top:initial;right:initial;transform: translate(0);text-align: center;}
    .sec04 li {width:50%;}
    .sec04 li span {width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:2vw;}
    .sec04 .wrap .cont li {width:100%;align-items: center;margin-bottom:0;}
    .sec04 .wrap .cont li:nth-child(odd) {margin-right:0;margin-top:0;}
    .sec04 .wrap .cont li:nth-child(even) {flex-direction: row-reverse;}
    .sec04 .wrap .cont li:nth-child(even) .text {padding-left:0;}
    .sec07 h2 {margin-bottom: 30px;}
    .sec07 .swiper-wrapper .swiper-slide{padding:3px;}
    .sec08 .wrap > span {font-size:3vw;}
    .sec09 .wrap .area > div > div {width: 100% !important;margin-left: 0 !important;}
    .sec09 .wrap .icon a, .sec09 .wrap .thumb dt {font-size:3vw;}
    .sec09 .wrap {display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
    .sec09 .wrap .thumb {margin-top: 0;margin-bottom: 30px;}
    
    /* .sec06 button {position:relative;top:0;transform:translateY(0);right:initial;margin-top:10px;}
    
    .sec06 li {padding:0 3vw;} */
    .sec06 {background-image: none;height:auto;}
    .sec06 .wrap .list {margin-top:50px;}
    .sec06 .wrap {padding:0;display: flex;flex-direction: column-reverse;align-items: center;border-top: 2px solid #fff;width:90%;margin:0 auto;}
    .sec06 .wrap .thumb {top:0;position: relative;width:100%;left:0;}
    .sec06 .wrap .thumb .swiper-wrapper {display: flex;flex-wrap: wrap;}
    .sec06 .wrap .thumb dl {margin-right:0 !important;width:100% !important;border-top:0;}
    .sec06 .wrap .area > div > div {width:100%;height:0;padding-bottom:105%;overflow:hidden;}
    .sec06 a.load {margin: 25px 0 50px 0;font-size:3vw;}
    .sec06 span.add {font-size:1.7vh;margin: 25px 0;}
    #ft li {word-break: keep-all;text-align: center;}
    #ft li.ft_menu {text-align: center;top:-25px;padding-bottom:5px;border-bottom:1px solid #222;}
    #ft ul {margin-top:10px;}
    .ft_fx_icon.act {width:80%;z-index: 999 !important;right:0 !important;text-align: center;}   
    .ft_fx_icon.act button {display:inline-block;}
    #ft li.info p {margin-right:0;}
    #ft_wr {height:auto;}
    #ft li.info span {width:100%;text-align: center;}

    .gallery .sub_head {height:200px;padding-top:50px;background-size: 120%;background-attachment: initial;}
    .sub_head h2 {font-size:4vw;}
    #ft .layer_pop > div {width:80%;}
    #ft .layer_pop > div h2 {font-size:4vw;}
    .ft_menu, #ft ul >* {font-size: 3vw !important;}
    #ft_wr {float: initial;width: 80% !important;padding:20px 0;}
    .ft_menu {position: relative;width: 100%;left:initial;top:initial;padding:15px 0;text-align: center;border-bottom: 1px solid #222;}
    .ft_menu a {display: inline-block;padding:0 10px;}
    #ft {display: flex;flex-wrap:wrap;flex-direction: column-reverse;}
    #ft_wr > ul > li.copy {margin-top: 30px;}
    .wrap > h2, .wrap .cont > h2, .sec02 .title p{margin-bottom: 30px;}
    .sec06 ul > li.cont dd {width: calc(100% - 70px);}

    .sec01 li:first-child, .sec01 li:last-child {padding: 30px;}
    .sec01 li:last-child div {padding-top:10px;}
    .sec01 .history dd span {margin-bottom: 5px;}
    .wrap > h2:before {width: 60px;}
    .sec03 .title.wrap img {width:33.33%;}
    .sec03, .sec04, .sec05, .sec06 {padding: 0 0 30px 0;}
    .sec07, .sec08, .sec09 {padding: 50px 0;}
    .sec03 .swiper-slide, .sec04 .swiper-slide, .sec05 .swiper-slide, .sec06 .swiper-slide {width:33.33%;}
    .sec03 .grid-item, .sec04 .grid-item, .sec05 .grid-item, .sec06 .grid-item {padding-bottom: 33.33%;}
    .sec03 .swiper-button-next, .sec03 .swiper-button-prev, .sec04 .swiper-button-next, .sec04 .swiper-button-prev, .sec05 .swiper-button-next, .sec05 .swiper-button-prev, .sec06 .swiper-button-next, .sec06 .swiper-button-prev {padding-bottom: 34%;width:30px;top:25px;}
    .sec03 .wrap .cont ul, .sec04 .wrap .cont ul, .sec05 .wrap .cont ul, .sec06 .wrap .cont ul {margin-top: 15px;padding:0 30px;}
    .sec03 .swiper-button-prev, .sec04 .swiper-button-prev, .sec05 .swiper-button-prev, .sec06 .swiper-button-prev {left:-30px;}
    .sec03 .swiper-button-next, .sec04 .swiper-button-next, .sec05 .swiper-button-next, .sec06 .swiper-button-next {right:-30px;}
}
@media screen and (max-width:375px) {
    .sec02 .store {padding-bottom: 0;}
    .sec03 .wrap > h2{margin-bottom: 30px;}
    .sec06 ul > li.cont div {padding:0 0 0 0;}
    .sec03 .wrap .cont h3, .sec03 .wrap .cont h3 > span {width: 100%;margin-top: 5px;;}
    .sec03 .wrap .cont h3{font-size:4.5vw;}
    .sec01 .cont > span {margin:15px 0 25px 0;}
    .sec02 .title button a, .sec02 .store li span, .sec06 ul > li.cont dl *, .sec09 .wrap .icon a {font-size: 4vw;}
    .sec03 .wrap .cont ul{margin-top: 10px;}
    .sec05 li {padding: 0 1% 20px 1%;}
    .sec06 ul > li.cont dd {word-break: keep-all;}
    .wrap > h2, .wrap .cont > h2, .sec02 .title p {margin-bottom: 10px;}
    .sec09 span.add{margin:15px 0;}
    .sec09 .wrap .icon a i {font-size: 5vw;}
    .sec09 a.load {margin-top: 10px;}
    .gallery .sub_head {height:150px;}
    #wrapper.sub .wrap {margin:30px auto;}
}