@charset "utf-8";/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

.only-desktop { display:block !important; } 
.only-tablet { display:none !important; } 
.only-mobile { display:none !important; } 
.only-desktop-tablet { display:block !important; } 
.only-tablet-mobile { display:none !important; } 

#wrapper { position:relative; width:100%; overflow:hidden; } 

#skipToContent a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#skipToContent a:focus, 
#skipToContent a:active { width:200px; height:50px; background:#21272e; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px; } 

.contain { *zoom:1; width:100%; max-width:1460px; margin:0 auto; padding-left:30px; padding-right:30px; } 
.contain:after { content:" "; display:block; clear:both; } 

/* header */
#header { position:absolute; width:100%; z-index:100; } 
#header .contain { position:relative; max-width: 1760px; } 
#header .sitelogo { position:absolute; top:50%; margin-top:-22px; z-index:10; left:30px; } 
#header .sitelogo a { display:block; } 

.fp-viewing-sec-footer #gnb > ul > li > a,
#sub.fp-viewing-3 #gnb > ul > li > a,
#sub.fp-viewing-4 #gnb > ul > li > a,
.fp-viewing-sec6 #gnb > ul > li > a { color: #fff; } 

.fp-viewing-sec-footer #header .sitelogo a,
#sub.fp-viewing-3 #header .sitelogo a,
#sub.fp-viewing-4 #header .sitelogo a,
.fp-viewing-sec6 #header .sitelogo a { width: 110px; height: 44px; background-image:url('../images/common/logo.png'); background-size:cover; background-repeat:no-repeat; } 

.fp-viewing-sec-footer #header .sitelogo a img,
#sub.fp-viewing-3 #header .sitelogo a img,
#sub.fp-viewing-4 #header .sitelogo a img,
.fp-viewing-sec6 #header .sitelogo a img { display: none; } 

#gnb { position:relative; } 
#gnb > ul { display:flex; justify-content:flex-end; } 
#gnb > ul > li { position:relative; padding:0 20px; z-index:1; } 
#gnb > ul > li > a { font-size:18px; display:block; position:relative; line-height:100px; font-weight:500; z-index:5; color:#fff; } 
#gnb > ul > li.active > a:after,
#gnb > ul > li:hover > a:after { position:absolute; content:''; left:0; right:0; bottom:30px; background-color:#ffb623; height:3px; } 

/* #gnb .submenu { height:0; overflow:hidden; position:absolute; left:0; width:100%; text-align:center; z-index:15; } 
#gnb .submenu > ul { position:relative; padding:24px 0; } 
#gnb .submenu > ul > li { line-height:1.5em; margin-bottom:15px; } 
#gnb .submenu > ul > li:last-child { margin-bottom:0; } 
#gnb .submenu > ul > li > a { display:inline-block; color:#242424; position:relative; } 
#gnb .submenu > ul > li.active > a,
#gnb .submenu > ul > li:hover > a { color:#3686b3; } 
#gnb .submenu > ul > li.active > a:after,
#gnb .submenu > ul > li:hover > a:after { position:absolute; content:''; width:100%; height:1px; bottom:0; left:0; background-color:#3686b3; } 

.submenu-bg { display:none; position:absolute; top:100px; left:0; width:100%; z-index:5; background-color:#fff; } 
.submenu-bg:before { position:absolute; content:''; width:465px; height:150px; left:0; bottom:0; background-image:url('../images/common/submenu_logo.png'); background-size:cover; background-repeat:no-repeat; } */

/* for mobile */
.btn-m-menu { display:none; position:absolute; top:0; right:0; width:100px; height:100px; text-align:center; text-indent:-9999em; z-index:50; } 
.btn-m-menu span { position:absolute; right:50%; top:50%; margin-right:-17px; width:24px; height:2px; background:#fff; } 
.btn-m-menu span:before,
.btn-m-menu span:after { content:" "; position:absolute; right:0; width:24px; height:2px; background:#fff; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s; border-radius:2px; } 
.btn-m-menu span:before { top:-9px; transition-property:top, transform; } 
.btn-m-menu span:after { bottom:-9px; transition-property:bottom, transform; } 

.mobile-navigation { padding:100px 0 0 50px; width:600px; display:block; position:fixed; top:0; right:0; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#ffb623; z-index:102; } 
.mobile-navigation .nav-menu>ul>li { margin-bottom:35px; } 
.mobile-navigation .nav-menu>ul>li>a { font-size:32px; font-weight:800; line-height:1.3em; position:relative; display:block; color:#242424; } 
.mobile-navigation .nav-menu .submenu { display:none; padding:25px 20px 0; } 
.mobile-navigation .nav-menu .submenu>ul>li>a { font-size:16px; margin-bottom:15px; display:inline-block; line-height:1.3em; } 
.mobile-navigation .nav-menu .submenu>ul>li>a:hover { border-bottom:1px solid #454545; } 
.mobile-navigation .menu-close { position:absolute; top:15px; right:15px; width:30px; height:30px; overflow:hidden; text-indent:-999em; } 
.mobile-navigation .menu-close:before, 
.mobile-navigation .menu-close:after { content:""; position:absolute; left:14px; height:30px; width:2px; background-color:#ddd; } 
.mobile-navigation .menu-close:before { transform:rotate(45deg); } 
.mobile-navigation .menu-close:after { transform:rotate(-45deg); } 
.mobile-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:101; } 
.mobile-navigation .close { display:none; position:absolute; top:65px; right:60px; width:28px; height:28px; background:url("../images/common/closebtn.png") 50% 50% no-repeat; overflow:hidden; text-indent:-999em; background-size:contain; } 

/* html.menu-opened #header { background:#fff; } */
/* html.menu-opened #header:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd; z-index:1; } */
html.menu-opened .mobile-navigation { -ms-transform:translateX(0); transform:translateX(0); } 
html.menu-opened .mobile-overlay { display:block; } 
html.menu-opened .btn-m-menu span { background:none !important; } 
html.menu-opened .btn-m-menu span:before,
html.menu-opened .btn-m-menu span:after { transition-delay:0s, 0.3s; background-color:#000; } 
html.menu-opened .btn-m-menu span:before { top:0; transform:rotate(45deg); } 
html.menu-opened .btn-m-menu span:after { bottom:0; transform:rotate(-45deg); } 
html.menu-opened .mobile-navigation .close { display:block; } 

/* intro-page */

.intro-sec1 { position:relative; height: 100vh; overflow: hidden; } 
.intro-sec1 .video-container { height: auto; } 
.intro-sec1 .video { line-height:0; } 
.intro-sec1 .txt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; opacity: 0; } 
.intro-sec1 .txt.opacity1 { opacity: 1; } 
.intro-sec1 .txt p { font-size:30px; margin-bottom:30px; line-height:1.4em; font-family:'MICEGothic'; color:#fff; } 

.visual-scroll { position:absolute; bottom:70px; left:50%; transform:translateX(-50%); z-index:10; line-height:0; animation:pulse 2s infinite; } 
.visual-scroll a { display: block; } 

@-webkit-keyframes pulse { 
 0% { -webkit-transform:translate(0, 0); transform:translate(0, 0); } 
 50% { -webkit-transform:translate(0, 10px); transform:translate(0, 10px); } 
 100% { -webkit-transform:translate(0, 0); transform:translate(0, 0); } 
 }

@keyframes pulse { 
 0% { -webkit-transform:translate(0, 0); transform:translate(0, 0); } 
 50% { -webkit-transform:translate(0, 10px); transform:translate(0, 10px); } 
 100% { -webkit-transform:translate(0, 0); transform:translate(0, 0); } 
 }

.intro-sec2 { padding:100px 0 120px; background-image:url('../images/intro/intro02_bg.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center center; } 
.intro-sec2 .flex { margin-bottom:70px; display:flex; color:#fff; align-items: center; } 
.intro-sec2 .flex .right { margin-left:90px; padding-left:45px; position:relative; } 
.intro-sec2 .flex .right:before { position:absolute; content:''; width:1px; top:0; bottom:0; left:0; background-color:rgba(255,255,255,.2); } 
.intro-sec2 .flex .right p { font-size:19px; margin-bottom:30px; font-weight:500; letter-spacing:-.02em; line-height:1.5em; } 
.intro-sec2 .flex .right p:last-child { margin-bottom:0; } 
.intro-sec2 .flex .right p span { font-size: 18px; color: #dadada; font-weight:200; } 
.intro-sec2 .flex .right p:last-child { font-size: 22px; font-weight: 700; } 

.contain1460 { max-width:1460px; } 
.contain1780 { max-width:1460px; } 
.contain1860 { max-width:1660px; } 

.main-pf-slide { margin:0 !important; position:relative; display:block !important; } 
.main-pf-slide .items { padding:0 40px; } 
.main-pf-slide .item { padding:0 5px !important; } 
.main-pf-slide .item,
.main-pf-slide .item a .img-box { margin-bottom:0 !important; } 
.main-pf-slide .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); width:21px; height:39px; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-size:contain; } 
.main-pf-slide .slick-prev { left:0; background-image:url("../images/intro/pf_prev.png"); } 
.main-pf-slide .slick-next { right:0; background-image:url("../images/intro/pf_next.png"); } 

.intro-sec3 { height:820px; padding-top:200px; background-image:url('../images/intro/intro03_bg.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center center; } 
.intro-sec3 .txt { text-align:center; } 
.intro-sec3 .txt strong { font-size:26px; margin-bottom:40px; color:#feba30; font-family:'MICEGothic'; display:block; line-height:1.3em; } 
.intro-sec3 .txt b { font-size:40px; margin-bottom:10px; display:block; color:#fff; letter-spacing:-.01em; line-height:1.5em; } 
.intro-sec3 .txt b span { color:#ffb623; } 
.intro-sec3 .txt b br { display: none; } 
.intro-sec3 .txt p { font-size:20px; margin-bottom:130px; font-weight:500; color:#fff; letter-spacing:.03em; line-height:1.5em; } 
.intro-sec3 .txt a { width:200px; height:60px; border-radius:30px; transition: all 0.5s ease-in-out; margin:0 auto; border:1px solid rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center; color:#fff; letter-spacing:-.02em; font-weight: 700; } 
.intro-sec3 .txt a img { margin:2px 0 0 12px; } 
.intro-sec3 .txt a .on { display: none; -webkit-animation:arrow_right 0.5s ease-in-out; animation:arrow_right 0.5s ease-in-out } 
.intro-sec3 .txt a:hover { background-color: #ffb623; border-color:#ffb623; transition: all 0.5s ease-in-out; color: #242424; } 
.intro-sec3 .txt a:hover .on { display: block; -webkit-animation:arrow_right 0.8s ease-in-out; animation:arrow_right 0.8s ease-in-out } 
.intro-sec3 .txt a:hover .off { display: none; } 

@-webkit-keyframes arrow_right {50% { -webkit-transform:translateX(-6px) } 100% { -webkit-transform:translateX(0) } 
 }
@keyframes arrow_right {50% { transform:translateX(-6px); -webkit-transform:translateX(-6px) } 100% { transform:translateX(0); -webkit-transform:translateX(0) } 
 }

.intro-sec4 ol { display:flex; color:#fff; } 
.intro-sec4 ol li { width:33.3333%; position:relative; overflow: hidden; transition: all 0.4s ease-in-out; } 
.intro-sec4 ol li .img { height:339px; z-index:-1; width:100%; position:absolute; transition: all 0.4s ease-in-out; background-size:cover; background-repeat:no-repeat; background-position:center center; } 
.intro-sec4 ol li:hover .img { transform:scale(1.1); transition: all 0.4s ease-in-out; } 
.intro-sec4 ol li .cnt { height:339px; padding-left:40px; margin-left:50%; background-color:rgba(0,0,0,.4); display:flex; flex-direction:column; justify-content:center; } 
.intro-sec4 ol li .cnt .num { font-size:22px; font-weight:700; letter-spacing:-.02em; line-height:1.3em; } 
.intro-sec4 ol li .cnt .tit { font-size:25px; margin:10px 0 20px; font-weight:700; letter-spacing:-.02em; line-height:1.4em; } 
.intro-sec4 ol li .cnt p { line-height:1.563em; letter-spacing:-.02em; } 

/* main */
#fp-nav { display:none !important; } 
.page03.fp-section.fp-table { margin: -1px 0; } 
.fp-section.fp-table,
.fp-slide.fp-table { line-height:0; } 

.main-visual { background-image:url('../images/main/main_visual1.jpg'); position:relative; width:100%; line-height:0; overflow:hidden; z-index:1; height:100vh; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; background-size:cover; overflow:hidden; } 

#myVideo { width:100%; object-fit:cover; height:100vh; } 

.page01 .txt { position: absolute; bottom: 100px; left: 50%; right: 100px; color: #fff; width: 100%; max-width: 1700px; margin-left: -850px; } 
.page01 .txt strong { font-size:66px; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,.5); letter-spacing:.03em; line-height:1.152em; display:block; } 
.page01 .txt a { font-size:24px; font-weight:500; display:block; text-align:right; line-height: 1.2em; } 
.page01 .txt a:hover span { border-bottom:3px solid #ffb623; } 
.page01 .txt a img { margin:-2px 0 0 10px; vertical-align:middle; } 

.page02 { padding:50px 0 0; background-color:#242424; } 

.m-tit { margin-bottom:35px; text-align:center; color:#fff; } 
.m-tit h2 { font-size:42px; margin-bottom:5px; letter-spacing:0; line-height:1.3em; } 
.m-tit p { letter-spacing:-.01em; line-height:1.4em; } 
.m-tit.white { color:#242424; } 

.main-pf { display:flex; flex-wrap:wrap; margin:0 -15px 15px; } 
.main-pf .item { overflow:hidden; width:20%; padding:0 15px; margin-bottom:25px; display: none; } 
.main-pf .item:nth-child(-n+15) { display: block; } 
.main-pf .item a { display:block; overflow:hidden; } 

.main-pf .item a .tit { font-size:18px; font-weight:500; color:#fff; line-height:1.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.main-pf .item a .client { color:#cecece; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.main-pf .item a .img-box { margin-bottom:12px; overflow:hidden; border-radius:10px; } 
.main-pf .item a .img-box .thumb { position:relative; padding-bottom:67%; overflow:hidden; } 
.main-pf .item a .img-box .thumb img { position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; } 
.main-pf .item:hover a .img-box .thumb { transform:scale(1.2); transition:.9s; } 
.more-btn { margin: 0 auto; text-align: center; } 
.more-btn a { border-radius:10px; } 

.fancybox-eventpop .fancybox-close,
.fancybox-event .fancybox-close,
.fancybox-gallery .fancybox-close { width:40px; height:40px; top:-40px; right:0; background-image:url('../images/main/pop_close1.jpg'); -webkit-background-size:contain; background-size:contain; } 
.fancybox-title-float-wrap { bottom: auto; top: 0; right: auto; left: 0; } 
.fancybox-title-float-wrap .child { margin-right: 0; } 
.fancybox-title { visibility: inherit !important; } 


.btn-1 { font-size:18px; width:220px; height:60px; margin:0 auto; font-weight:500; text-align:center; align-items:center; justify-content:center; color:#242424; letter-spacing:-.02em; display:flex; background-color:#ffb623; border-radius:10px; } 

.page03 { background-color: #0b0908; background-image:url('../images/main/page03_bg.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center center; } 

.ba-list { display:flex; color:#fff; text-align:center; } 
.ba-list .group { padding:50px 0 40px; width:20%; } 
.ba-list .group .icon { width:86px; height:81px; margin:0 auto 40px; position:relative; } 
.ba-list .group .icon img { position:absolute; top:0; left:0; } 
.ba-list .group .icon .on { display:none; } 
.ba-list .group strong { font-size:18px; letter-spacing:-.01em; line-height:1.4em; } 
.ba-list .group p { line-height:1.5em; } 
.ba-list .group .cnt { padding-top:25px; margin-top:25px; position:relative; } 
.ba-list .group .cnt:before { position:absolute; content:''; width:180px; top:0; height:1px; left:50%; transform:translateX(-50%); background-color:rgba(255,255,255,.3); } 
.ba-list .group .cnt li { line-height:1.5em; } 

.ba-list .group:hover { background-color:#ffb623; color:#242424; border-radius:10px; } 
.ba-list .group:hover .on { display:block; } 
.ba-list .group:hover .off { display:none; } 
.ba-list .group:hover .cnt:before { background-color:rgba(36,36,36,.3); } 

.ba-list .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); width:21px; height:19px; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-size:contain; } 
.ba-list .slick-prev { left:-10px; background-image:url("../images/intro/pf_prev.png"); } 
.ba-list .slick-next { right:-10px; background-image:url("../images/intro/pf_next.png"); } 

.page04 { background-color: #0b0908; background-image:url('../images/main/page04_bg.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center center; } 
.page04 .m-tit { margin-bottom:55px; } 
.page04 .m-tit p { color:#a4a4a4; } 
.page04 .img { padding-right:120px; text-align:right; } 

.page05 { background-color:#242424; } 
.page05 .m-tit p { color:#a4a4a4; } 
.page05 .m-tit p span { color:#ffb623; } 
.page05 .title2 { margin:-15px 0 50px; text-align:center; color:#fff; } 
.page05 .title2 p { font-size:18px; line-height:1.7em; } 
.page05 .title2 strong { line-height:1.2em; font-weight:600; display:block; } 

.inquiry-flex .group { display:flex; margin:0 -10px; flex-wrap:wrap; } 
.inquiry-flex .col { padding:0 10px; margin-bottom:10px; width:50%; } 
.inquiry-flex .wrap { padding:0 10px; padding:13px 20px; border-radius:10px; display:flex; align-items:center; background-color:#fff; position: relative; } 
.inquiry-flex .none-flex { display:block; padding:18px 20px; } 
.inquiry-flex .none-flex b { padding-left:10px; } 
.inquiry-flex b { font-size:17px; width:80px; display:block; text-align:center; color:#686868; letter-spacing:-.02em; line-height:1.3em; font-weight:400; } 
.inquiry-flex .required { color:#ffb623; } 
.inquiry-flex .input { border:none; flex:1; } 
.inquiry-flex textarea.input { padding:10px; } 
.inquiry-flex .agree { padding:25px; } 
.inquiry-flex .inner { line-height:1.563em; color:#a4a4a4; letter-spacing:-.02em; } 
.inquiry-flex .inner ol { margin-top:25px; } 
.inquiry-flex .inner ol li { line-height:1.5em; } 
.inquiry-flex .text-btn { margin-top:20px; display:flex; align-items:center; } 
.inquiry-flex .text-btn .check { font-size:17px; color:#fff; line-height:1.4em; flex:1; } 
.inquiry-flex .text-btn .check a { color:#a4a4a4; } 
.inquiry-flex .text-btn .check .checkbox label:before { width:25px; height:25px; border-radius:100%; } 
.inquiry-flex .text-btn .buttons { display:flex; margin:0; } 
.inquiry-flex .text-btn a.btn-pack { margin-left:10px; } 
.inquiry-flex .text-btn .btn-pack { font-size:18px; border-radius:5px; padding:0; } 

.openbox { font-size:15px; letter-spacing:-.01em; width: 100%; } 
.openbox .slct { height:40px; padding:0 18px; min-width:300px; align-items:center; display:flex; } 
.openbox .slct:after { content:""; position:absolute; top:50%; transform:translateY(-50%); right:18px; width:14px; height:9px; background:url("../images/bbs/select.png") 50% 50% no-repeat; } 
.openbox ul { padding:20px 20px 20px 77px; z-index: 1; display:none; position:absolute; left:0; width:100%; margin-top:5px; background-color:#fafafa; border-bottom:1px solid #ddd; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top:1px solid #ddd; } 
.openbox ul li { margin-bottom:17px; line-height:1.5em; } 
.openbox ul li:last-child { margin-bottom:0; } 
.openbox ul li a { font-size: 17px; display:block; color:#242424; } 
.openbox ul li:hover a { font-weight:500; text-decoration: underline; } 
.openbox.active ul { display:block; } 
.openbox.active .slct:after { transform:rotate(180deg); } 

.page06 .contain { max-width:1840px; } 

.event-slide .items { padding:0 30px; } 
.event-slide .item { padding:0 6px; } 
.event-slide .item .img-box { margin-bottom:22px; overflow:hidden; border-radius:10px; } 
.event-slide .item .img-box .thumb { position:relative; padding-bottom:72%; overflow:hidden; } 
.event-slide .item .img-box .thumb img { position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; } 
.event-slide .item:hover .img-box .thumb { transform:scale(1.2); transition:.9s; } 
.event-slide .item .tit { font-size:22px; font-weight:700; letter-spacing:-.02em; line-height:1.4em; color:#242424; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.event-slide .item .info { margin:10px 0 20px; letter-spacing:-.01em; line-height:1.5em; height:3em; color:#686868; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden; } 
.event-slide .item .date { letter-spacing:-.01em; line-height:1.3em; color:#686868; } 
.event-slide .slick-arrow { box-shadow:1px 3px 10px rgba(0,0,0,.2); border-radius:100%; position:absolute; top:120px; width:60px; height:61px; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-size:contain; } 
.event-slide .slick-prev { left:0; background-image:url("../images/main/event_prev.png"); } 
.event-slide .slick-next { right:0; background-image:url("../images/main/event_next.png"); } 
.event-slide .slick-dots { position:absolute; bottom:-100px; left:0; width:100%; text-align:center; line-height:0; } 
.event-slide .slick-dots li { padding:0 4px; position:relative; display:inline-block; border:0; background:transparent; } 
.event-slide .slick-dots li button { position:relative; width:15px; height:15px; border-radius:100%; font-size:0; border:2px solid transparent; background:transparent; text-indent:-9999px; } 
.event-slide .slick-dots li button:after { content:""; position:absolute; top:50%; left:50%; background-color:#898989; transform:translate(-50%,-50%); width:15px; height:15px; border:2px solid #898989; border-radius:50%; } 
.event-slide .slick-dots li.slick-active button { background:#ffb623; border-color:#ffb623; border:none; } 
.event-slide .slick-dots li.slick-active button:after { display:none; } 

.pop-ev { padding:50px 30px !important; } 
.pop-event { padding:90px 0 50px; } 
.pop-ev h2,
.pop-event h2 { font-size:22px; padding-bottom:10px; border-bottom:1px solid #ddd; color:#242424; letter-spacing:-.02em; line-height:1.3em; } 
.pop-ev .content .inner-txt,
.pop-event .content .inner-txt { margin:20px 0 25px; line-height:1.6em; word-wrap: break-word; } 

/* footer */
#footer { padding:53px 0; font-size:15px; background:#ffb623; color:#242424; letter-spacing:-.02em; } 
#footer .contain { max-width:1780px; position:relative; } 
#footer address { font-style:normal; } 
#footer .wrap { display:flex; } 
#footer .foot p { font-size:17px; line-height:1.6em; font-weight:500; color:#242424; } 
#footer .foot span { display:inline-block; line-height:1.6em; } 
#footer .foot-l { flex:1; } 
#footer .foot-l a { font-size:14px; } 
#footer .foot-m { flex:1 480px; max-width:480px; } 
#footer .foot-m a { font-size:30px; font-weight:800; line-height:1.4em; } 
#footer .foot-r { flex:1 380px; max-width:380px; } 
#footer .foot-r li { line-height:1.6em; } 

.foot-same { padding-left:25px; position:relative; } 
.foot-same:before { position:absolute; content:''; width:1px; height:65px; top:50%; transform:translateY(-50%); left:0; background-color:#242424; } 

#footer .go-top { position:absolute; top:50%; transform:translateY(-50%); right:30px; } 
#footer .toTop { position:absolute; top:50%; transform:translateY(-50%); right:30px; } 

/* .quickmenu { position:fixed; right:0; top:50% !important; transform:translateY(-50%) !important; background-color:rgba(36,36,36,.6); text-align:center; z-index:7; } 
.quickmenu ul li { position:relative; } 
.quickmenu ul li:after { position:absolute; content:''; width:20px; height:1px; background-color:rgba(255,255,255,.7); bottom:0; left:50%; transform:translateX(-50%); } 
.quickmenu ul li a { height:60px; width:60px; display:flex; align-items:center; justify-content:center; } 
.quickmenu ul li a img { vertical-align:middle; } 
.quickmenu ul li:last-child:after { display:none; }  */

.quickmenu { position:fixed; right:0; top:50% !important; transform:translateY(-50%) !important; background-color:rgba(36,36,36,.6); text-align:center; z-index:7; } 
.quickmenu ul li { position:relative; } 
.quickmenu ul li:after { position:absolute; content:''; width:20px; height:1px; background-color:rgba(255,255,255,.7); bottom:0; left:50%; transform:translateX(-50%); } 
.quickmenu ul li a { display: block; height:60px; width:60px; display:flex; align-items:center; justify-content:center;}
.quickmenu ul li a .ico { display: block; margin: 0 auto 10px; transition: .2s; width: 32px; height: 32px; background-position: 100%; background-size: contain; background-repeat: no-repeat;
 position: relative; } 
.quickmenu ul li a .ico.quick1 { background-image: url(../images/common/quick_icon1.png); } 
.quickmenu ul li a:hover .ico { transform: translateY(-5px); } 
.quickmenu ul li a:hover .ico.quick1 { background-image: url(../images/common/quick1_on.png); } 
.quickmenu ul li a .ico.quick2 { background-image: url(../images/common/quick_icon2.png); } 
.quickmenu ul li a:hover .ico.quick2 { background-image: url(../images/common/quick2_on.png); } 
.quickmenu ul li a .ico.quick3 { background-image: url(../images/common/quick_icon3.png); } 
.quickmenu ul li a:hover .ico.quick3 { background-image: url(../images/common/quick3_on.png); } 
.quickmenu ul li a .ico.quick4 { background-image: url(../images/common/quick_icon4.png); } 
.quickmenu ul li a:hover .ico.quick4 { background-image: url(../images/common/quick4_on.png); } 
.quickmenu ul li:last-child:after { display:none; } 
.quickmenu ul li a .ico::before { display: none; content: ""; position: absolute; top: 50%; left: -140px; transform: translateY(-50%); width: 120px; height: 30px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } 
.quickmenu ul li a:hover .ico::before { display: block; } 
.quickmenu ul li a .ico.quick1::before { background-image: url(../images/common/quick_txt1.png); } 
.quickmenu ul li a .ico.quick2::before { background-image: url(../images/common/quick_txt2.png); } 
.quickmenu ul li a .ico.quick3::before { background-image: url(../images/common/quick_txt3.png); } 
.quickmenu ul li a .ico.quick4::before { background-image: url(../images/common/quick_txt4.png); } 

.menu-bottom { position:relative; background-color:#fff; color:#242424; } 
.menu-bottom.fixed { position:fixed; bottom:0; left:0; width:100%; z-index:101; } 
.menu-bottom.disno { display:none; } 
.menu-bottom .wrap { height:160px; display:flex; align-items:center; } 
.menu-bottom .wrap .flex { display:flex; flex:1; } 
.menu-bottom .wrap .col-flex { width:50%; display:flex; justify-content:space-between; position:relative; } 
.menu-bottom .wrap .col-flex:after { position:absolute; content:''; width:1px; height:80px; right:10px; top:50%; transform:translateY(-50%); background-color:#ddd; } 
.menu-bottom .wrap .col-m { padding-right:65px; } 
.menu-bottom .wrap .col-m p { font-size:22px; font-weight:500; letter-spacing:-.02em; line-height:1.2em; } 
.menu-bottom .wrap .col-m a { font-size:35px; font-weight:800; letter-spacing:-.02em; line-height:1.4em; display:block; } 
.menu-bottom .wrap .col-r { padding-left:45px; flex:1; position:relative; } 
.menu-bottom .wrap .col-r p { font-size:20px; margin-bottom:10px; line-height:1.4em; font-weight:500; } 
.menu-bottom .wrap .col-r .check { position:absolute; top:0; right:0; color:#686868; } 
.menu-bottom .wrap .col-r .input { width:200px; margin-right:5px; border-radius:5px; } 
.menu-bottom .wrap .col-r .btn-pack { min-width:200px; height:44px; line-height:42px; border-radius:5px; } 

.f-desktop { display:block; } 
.f-tablet { display:none; } 
.f-mobile { display:none; }