@charset "utf-8";

/* base */
::selection{background: rgb(202 174 135 / 75%); color:#fff;}
body{font-size:16rem; word-break:keep-all;background: #fff;}
th[data-view="file"] + td ul li a{line-height:1em;}
ul li:last-child{margin-right:0;}

html{-ms-text-size-adjust:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
body {overflow-y: overlay;}
body::-webkit-scrollbar{width:12rem;}
body::-webkit-scrollbar-thumb{background-color:hsla(0, 0%, 42%, 0.3); border-radius:100rem;}
body.open{overflow: hidden;}

body.open #wrap{overflow: hidden;}
.wrap{width: 1280rem; margin:0 auto;}

.co1 {color: #caae87;}

/* common */
.common_line {height: 100%;position: fixed;left: 0;top: 0;width: -webkit-calc(100% - 180rem); width: calc(100% - 180rem);margin: 0 90rem;display: flex;justify-content: space-between;z-index: -1;}
.common_line > i {background: #f0f0f0;width: 1px;height: 100%;display: block;}

/* popup */
.layerPop{overflow:hidden;border:1rem solid #353535;border-radius: 0;}
.layerPop .btn button{font-size:13rem;margin-left: 0px;}
.layerPop .btn{padding: 7rem 10rem;background:#353535;text-align:left;}
.layerPop .btn button:last-child{float:right;margin: 0 0rem 0 0;}

/* animation */
.ani{position:relative; opacity:0; transition: all 0.8s ease-out 0s; transform:translate(0,20rem);}
.ani.is-animate{opacity:1; transform:translate(0,0);}

.delay-100{transition-delay:100ms;}
.delay-150{transition-delay:150ms;}
.delay-200{transition-delay:200ms;}
.delay-250{transition-delay:250ms;}
.delay-300{transition-delay:300ms;}
.delay-350{transition-delay:350ms;}
.delay-400{transition-delay:400ms;}
.delay-450{transition-delay:450ms;}
.delay-500{transition-delay:500ms;}

.ani_delay-100{animation-delay:100ms;}
.ani_delay-150{animation-delay:150ms;}
.ani_delay-200{animation-delay:200ms;}
.ani_delay-300{animation-delay:300ms;}
.ani_delay-400{animation-delay:400ms;}

.slideLeft.is-animate{opacity: 1 !important;transform:translateX(0);}
.slideLeft{opacity: 0 !important;transform:translateX(-80rem);transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);}

.slideRight.is-animate{opacity: 1 !important;transform:translateX(0);}
.slideRight{opacity:0;transform:translateX(150rem);transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);}

.slidedown.is-animate{opacity:1; transform:translateY(0);}
.slidedown{opacity:0;transform:translateY(-30rem);transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);}

.slideUp.is-animate{opacity:1; transform:translateY(0);}
.slideUp{opacity:0;transform:translateY(80rem);transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);}

.slideFirstDown{opacity:0;position:relative;animation: firstAniDown 0.8s ease 0s forwards;}
.slideFirstUp{opacity:0; position:relative;animation:firstAniUp 1.3s ease 0s forwards;}
.slideFirstRight{opacity:0; position:relative;animation:slideFirstRight 1.3s ease 0s forwards;}
.slideFirstLeft{opacity:0; position:relative;animation:slideFirstLeft 1.3s ease 0s forwards;}

/* header */
#header{position:absolute; top:0; left:0; z-index:100; width:100%; background:#fff; transition:0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
#header.open{position:fixed;}
#header > .inner{display:flex; align-items:flex-start; margin:89rem 90rem 2rem;}
#header h1 img{height:90rem;display: block;}

.btn_search img{height:22rem;}
.btn_search{display:block; margin-right:34rem; background:none; outline:none;}
.header_menu{display:flex; align-items:center; position:absolute; top:102rem; right:92rem;}

#header h1{position:absolute; z-index:99;display: block; top: 53rem;}
#header h1 a{display:block;}
#header h1.open{position:fixed;}

#header .area_util{display:flex; align-items:center; position:absolute; top:0; right:0; height:60rem;}
#header .area_util > ul > li > a{opacity:0.5; font-weight:500; font-size:14rem; color:#444; transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
#header .area_util > ul > li > a:hover{opacity:1;}
#header .area_util > ul{display:flex; align-items:center; height:100%; padding:0 34rem; background:#f7f7f7;}
#header .area_util > ul > li:not(:last-child) > a{margin-right:32rem;}
#header .area_util .btn_reserve{height:100%; padding:0rem 30rem; background:#bfa27b; box-sizing: border-box; font-size: 14rem; color:#fff;text-transform: uppercase;}
#header .area_util .btn_reserve i{margin-right:5rem; color:#e5d8c7;}
#header .area_util .btn_reserve + .btn_reserve{/* border-left: 1rem solid #d9c3a6; */ background:#caae87;}
#header .area_util .btn_browser{position:relative; height:97%; padding:0rem 32rem; background:#fff; border:1rem solid #c9ccd0; border-top:0; box-shadow:17rem 17rem 33rem 0rem rgba(0, 0, 0, 0.08); font-weight:600; color:#96999e;}
#header .area_util > a{display:flex; align-items:center; font-size:14rem;}
#header .area_util .btn_browser > i{margin-right:5rem; color:#1f2839;}
#header .area_util .btn_browser::after{content:""; display:block; width:13rem; height:13rem; margin-left:22rem; background:url(../../images/common/icon_browser.svg) no-repeat 50% 50%;}

#header .btn_menu{display:none;}
#header .btn_menu{position:absolute; top:0; right:0; z-index:9999; width:23rem; height:13rem; font-size:0rem; transition:all 0.3s ease 0s;}
#header .btn_menu > span{display:block; position:absolute; left:0rem; width:100%; height:2rem; background:#000;}
#header .btn_menu > span:nth-of-type(1){top:0;}
#header .btn_menu > span:nth-of-type(2){top:50%; margin-top:-1rem; transition:background 0.3s ease 0s;}
#header .btn_menu > span:nth-of-type(3){top:100%;}
#header .btn_menu > span:nth-of-type(1),
#header .btn_menu > span:nth-of-type(3){transition:all 0.3s ease; transition-property:top, transform; transition-delay:0.3s, 0s;}
#header .btn_menu.active{position:fixed; top:25rem; transform:rotate(180deg);}
#header .btn_menu.active > span:nth-of-type(1){top:10rem; transform:rotate(-45deg);}
#header .btn_menu.active > span:nth-of-type(2){background:transparent;}
#header .btn_menu.active > span:nth-of-type(3){top:10rem; transform:rotate(45deg);}
#header .btn_menu.active > span:nth-of-type(1),
#header .btn_menu.active > span:nth-of-type(3){transition-delay:0s, 0.3s;}
#header .btn_close{position:fixed; opacity:0; visibility:hidden; top:0rem; left:0rem; z-index:99; width:-webkit-calc(100% - 320rem); width:100%; height:-webkit-calc(100vh - -0rem * 1); height:calc(100vh - -0rem * 1); background:#000; font-size:0; transition:all 0.3s ease-out 0s;}

.active #header .btn_close{opacity:0.4; visibility:visible;}

#header nav{display:inline-block; margin-left:180rem;}
#header nav .gnb{text-align:center;}
#header nav .gnb > li{display:inline-block; position:relative; padding:0 42rem;}
#header nav .gnb > li:after{content:""; position:absolute; opacity:0.28; top:8rem; right:0; width:1rem; height:15rem; background:#fff;}
#header nav .gnb > li:last-child:after{background:none;}
#header nav .gnb > li > a{display:inline-block; display:flex; padding-bottom:25rem; font-weight:400; font-size:19rem; color:#222; text-align:left; flex-direction:column; flex-direction:column-reverse;}
#header nav .gnb > li > a > i{display:block; opacity:0.5; margin-bottom:1rem; font-weight:300; font-size:12rem; color:#444;}

.full_inner{position:relative; height:100%; margin:0 90rem;}
.full_gnb{display:inline-block; position:absolute; bottom:17vh; left:-webkit-calc((100%/5) - 0rem); left:calc((100%/5) - 0rem); width:-webkit-calc((100%/5) - 0rem); width:calc((100%/5) - 0rem);}

.full_menu{position:fixed; opacity:0; visibility:hidden; overflow:hidden; top:0; left:0; z-index:97; width:100%; height:100vh; transition:all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.full_menu.open{opacity:1; visibility:visible;}
.full_menu.open .event_box{opacity:1; transition:all 1.2s ease 0.6s; transform:translateY(0) rotate(0deg );}
.full_menu .full_gnb > .gnb > li{display:flex; align-items:center; position:relative; opacity:0; margin-bottom:40rem; transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99); transform:translateX(-42rem);}
.full_menu .full_gnb > .gnb > li:last-child{margin-bottom:0;}
.full_menu .full_gnb > .gnb > li > ul{position:absolute; opacity:0; visibility:hidden; top:0; left:100%; width:100%;}
.full_menu .full_gnb > .gnb > li > ul > li > a{display:block; opacity:0.5; padding:6rem 27rem; padding-left:30rem; font-weight:300; font-size:17rem; transition:all 0.3s ease 0s;visibility: hidden;}
.full_menu.open .full_gnb > .gnb > li > ul > li > a{}
.full_menu .full_gnb > .gnb > li > a + ul > li:after{content:""; position:absolute; opacity:0; bottom:0; left:0; width:100%; height:1rem;}
.full_menu .full_gnb > .gnb > li > a + ul > li.active:after{opacity:1;}
.full_menu .full_gnb > .gnb > li > ul > li > a i{display:none;}
.full_menu .full_gnb > .gnb > li > a{display:flex; align-items:flex-start; position:relative; line-height:1; padding-left:40rem; font-weight:300; font-size:31rem; color:#222; letter-spacing:1rem; transition:all 0.5s ease 0s; flex-direction:column;}
.full_menu .full_gnb > .gnb > li > a:hover{opacity:1;}
.full_menu .full_gnb > .gnb > li > a + ul > li{position:relative; opacity:0; visibility:hidden; transition:all 0.5s ease 0s; transform:translateX(-20rem);}
.full_menu.open .full_gnb > .gnb > li.hover > ul > li, .full_menu.open .full_gnb > .gnb > li.on > ul > li{opacity:1; visibility:visible; transform:translateX(0rem);}
.full_menu .full_gnb > .gnb > li.hover > a,
.full_menu .full_gnb > .gnb > li.on > a{opacity:1;}
.full_menu .full_gnb > .gnb > li.hover > a:before{opacity:1; transform:translateX(0rem);}
.full_menu .line i{display:block; position:absolute; top:0; left:0; z-index:-1; width:0; height:100%; background:#fff; border-left:1rem solid #f0f0f0; transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.full_menu .line i:last-child{border-right:1rem solid #f0f0f0;}
.full_menu .line{display:flex; justify-content:space-between; position:absolute; top:0; left:0; width:100%; height:100%;}
.full_menu .full_gnb > .gnb > li > a > i{margin-bottom:11rem; font-weight:300; font-size:14rem; text-indent:1rem;}
.full_menu .full_gnb > .gnb > li.hover > ul, .full_menu .full_gnb > .gnb > li.hover > ul li, .full_menu .full_gnb > .gnb > li.hover > ul li a{opacity:1; visibility:visible;}
.full_menu .full_gnb > .gnb > li > ul > li > a:hover{opacity:1;}
.full_menu .full_gnb > .gnb > li:last-child > ul{top:auto; bottom:0;}
.full_menu .full_gnb > .gnb > li.hover::before{height:115%;}
.full_menu .full_gnb > .gnb > li.hover > a{color:#c19d6b;}
.full_menu .full_gnb > .gnb > li::before{content:""; position:absolute; top:0; left:-1rem; width:2rem; height:0; background:#c19d6b; transition:all 0.5s ease 0s;}

.full_adm{position:absolute; right:0; bottom:60rem; width:-webkit-calc((100%/5) - 0rem); width:calc((100%/5) - 0rem);}
.full_adm .list_adm li a{display:block; position:relative; margin-bottom:10rem; padding-left:20rem; font-weight:300; font-size:15rem; color:#8d8d8d; transition:all 0.5s ease 0s;}
.full_adm .list_adm li a::before{content:""; position:absolute; opacity:0; top:0; left:0; width:1rem; height:0; background:#000; transition:all 0.5s ease 0s;}
.full_adm .list_adm li a:hover::before{opacity:1; height:100%;}
.full_adm .list_adm li a:hover{color:#111;}
.full_img > div{position:absolute;}

.full_img .full_img-02{top:44vh; left:80%;}
.full_img .full_img-01{top:11vh; left:60%;}
.full_img .full_img-03{opacity:0.5; bottom:0; left:40%; box-shadow:none !important;}

.full_menu .full_img > span{display:block; position:absolute; overflow:hidden; z-index:-1; width:0;box-shadow: 35rem 34rem 43rem 0rem rgb(0 0 0 / 13%); transition:all 1.2s cubic-bezier(0.25, 0.47, 0.12, 0.99);will-change: width;}
.full_menu.open .full_gnb > .gnb > li{opacity:1; transform:translateX(0);}
.full_menu.open .full_gnb > .gnb > li:nth-child(1){transition-delay:0.5s;}
.full_menu.open .full_gnb > .gnb > li:nth-child(2){transition-delay:0.6s;}
.full_menu.open .full_gnb > .gnb > li:nth-child(3){transition-delay:0.7s;}
.full_menu.open .full_gnb > .gnb > li:nth-child(4){transition-delay:0.8s;}
.full_menu.open .full_gnb > .gnb > li:nth-child(5){transition-delay:0.9s;}
.full_menu.open .full_gnb > .gnb > li:nth-child(6){transition-delay:1s;}
.full_menu.open .full_gnb > .gnb > li:nth-child(7){transition-delay:1.1s;}
.full_menu.open .line i{width:20%;}
.full_menu .line i:nth-child(1){left:0;}
.full_menu::before,
.full_menu::after{content:""; position:absolute; top:0; z-index:-2; width:90rem; height:100%; background:#fff;}
.full_menu::after{right:0; border-left:1rem solid #f0f0f0;}
.full_menu .line i:nth-child(2){left:20%;}
.full_menu .line i:nth-child(3){left:40%;}
.full_menu .line i:nth-child(4){left:60%;}
.full_menu .line i:nth-child(5){left:80%;}
.full_menu.open .full_img > span{width:20%;}
.full_menu.open .full_img .full_img-01{transition-delay:0.5s;}
.full_menu.open .full_img .full_img-02{width:20.1%; transition-delay:0.6s;}
.full_menu.open .full_img .full_img-03{transition-delay:0.7s;}

.swiper-button > div{position:relative; padding:0 20rem; font-weight:300; font-size:13rem; color:#111; cursor:pointer;}
.swiper-button > .swiper-button-next::after,
.swiper-button-prev::before{content:""; display:inline-block; width:7rem; height:11rem; background:url(../../images/common/arr_basic.svg) no-repeat 50% 50%;}
.swiper-button > .swiper-button-prev::before{opacity:0.2; margin-right:12rem; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.swiper-button > .swiper-button-next::after{margin-left:12rem;}
.swiper-button > .swiper-button-prev::after{content:""; position:absolute; top:2rem; right:0; width:1rem; height:17rem; background:#ccc;}
.swiper-button > .swiper-button-prev{color:#ccc;}

.btn_pc{z-index:98; width:54rem; height:12rem; transition:.5s ease-in-out; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; cursor:pointer;}
.btn_pc span{display:block; position:absolute; opacity:1; right:0; width:100%; height:2rem; background:#000; transition:.25s ease-in-out; transform:rotate(0deg); -webkit-transform:rotate(0deg); border-radius:9rem; -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out;}
.btn_pc span:nth-child(1){top:0rem;}
.btn_pc span:nth-child(2){opacity:0; top:50%; width:72%;}
.btn_pc span:nth-child(3){top:100%;}
.btn_pc.open span:nth-child(1){top:10rem; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg);}
.btn_pc.open span:nth-child(2){opacity:0; right:-20rem;}
.btn_pc.open span:nth-child(3){top:10rem; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg);}

.fix_sns{position:fixed; top:41vh; right:31rem; z-index:1;}
.fix_sns ul li a img{display:block; height:24rem; margin:0 auto;}
.fix_sns ul li{margin:40rem 0;}

.list_sns li a{display:block; opacity:0.3; transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.list_sns li a:hover{opacity:1;}
.list_sns li svg{display:block; width:22rem; margin:0 auto; fill:#3f3f3f;}
.list_sns li:first-child svg{width:12rem;}

.box_quick{display:flex; align-items:center; position:relative; height:0; background-color:#1a2332 !important; background-position:0 100% !important;/* box-shadow:-14rem 11rem 34rem 0rem rgba(0, 0, 0, 0.7); */transition: all 0.6s ease; background-repeat:no-repeat !important;/* overflow:hidden; */visibility:hidden;transition-delay: 0.5s;box-shadow: -14rem 11rem 24rem 0rem rgb(0 0 0 / 24%);}
.box_quick .quick_cont ul li img{height:46rem;}

.quick_menu{position:fixed; right:0; bottom:0; display: none; z-index:52; }
.quick_menu.open .box_quick{visibility:visible; height:-webkit-calc(100vh - 164rem); height:calc(100vh - 164rem);/* overflow:visible; */transition-delay: 0.4s;}
.quick_menu.open .quick_cont > *{opacity:1; visibility:visible; transform:translateY(0rem);}
.quick_menu.open .quick_cont > h4{transition-delay: 0.7s;}
.quick_menu.open .quick_cont > ul{transition-delay:0.9s;}
.quick_menu.open .btn_guide{bottom:-100rem; transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99) 0s;}
.quick_menu.open a.btn_close_quick{visibility:visible; left:-90rem;transition-delay: 0.8s;}
.quick_menu.open .list_sns{opacity:1; transform:translateY(0rem); transition-delay:1s;}
.quick_menu.down.open .box_quick{height:100vh;}
.quick_menu.down.open .box_quick,
.quick_menu.down .box_quick{box-shadow:-14rem 11rem 24rem 0rem rgb(0 0 0 / 24%);}
.quick_menu a.btn_close_quick{display:block; display:flex; justify-content:center; align-items:center; position:absolute; visibility:hidden; top:50vh; left:0rem; z-index:-9; width:90rem; height:90rem; background:#1a2332; letter-spacing:0; transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99) 0s; transition-delay:0s;}
.quick_cont > *{opacity:0; visibility:hidden;transition: all ease 0.7s;transform: translateY(70rem);}

.box_quick > .inner{margin:-20rem 70rem 0;}
.box_quick .quick_cont h4{line-height:1.4; font-weight:100; font-size:27rem; color:#fff; letter-spacing:6rem;transition-delay: 0.3s;}
.box_quick .quick_cont h4 > i{display:block; font-weight:100; font-size:48rem; letter-spacing:0; text-indent:-1rem;}
.box_quick .quick_cont > ul{display:flex; justify-content:space-between; margin-top:71rem; flex-wrap:wrap; transition-delay:0.29s;}
.box_quick .quick_cont > ul > li > a{display:flex; align-items:center; opacity:1; font-size:15rem; color:#fff; transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99); flex-direction:column;}
.box_quick .quick_cont > ul > li{margin-right:58rem;}
.box_quick .quick_cont > ul > li:nth-child(5n){margin-right:0;}
.box_quick .quick_cont > ul > li:nth-child(5) ~ li{margin-top:38rem;}
.box_quick .quick_cont ul li em{margin-top:16rem;}
.box_quick .list_sns svg{width:22rem; transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99); fill:#fff;}
.box_quick ul.list_sns{display:flex; align-items:center; position:absolute; opacity:0; bottom:40rem; left:73rem; transition:all ease 0.7s 0.2s; transform:translateY(40rem);}
.box_quick ul.list_sns > li{margin-right:38rem;}
.box_quick .list_sns li:hover svg{fill:#caae87;}
.box_quick .quick_cont > ul > li > a:hover{opacity:0.5;}

a.btn_close_quick i{position:relative; margin-top:33rem; font-size:10rem; color:#fff;}
a.btn_close_quick i::before,
a.btn_close_quick i::after{content:""; position:absolute; left:0; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
a.btn_close_quick i::before{top:-21rem; left:2rem; width:30rem; height:1rem;}
a.btn_close_quick i::after{top:-35rem; left:17rem; width:1rem; height:30rem;}

.btn_guide{position:fixed; bottom:0; padding:37rem 0; background:#1a2332; transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99) 1.3s; cursor:pointer;}
.btn_guide > div > i{margin-left:161rem; font-size:12rem; color:#fff;}
.btn_guide > div{display:flex; justify-content:space-between; align-items:center; position:relative;}
.btn_guide .btn_pc{position:absolute; top:4rem; left:70rem;}
.btn_guide .btn_pc span{background:#fff;}
.btn_guide > div > p{margin-right:100rem; font-size:14rem; color:#fff;}
.quick_menu,
.btn_guide{width: 670rem;}
.btn_guide > div > p i{margin-right:8rem;}

.scroll_down{position:fixed; top:45vh; left:20rem; font-size:12rem; text-align:center; display: none;}
.scroll_down > span{display:block; position:relative; width:1rem; height:300rem; margin:25rem auto 0; background:#cdcdcd;}
.scroll_down > span::after{content:""; position:absolute; top:0; left:0; width:100%; height:0; background:#000; animation:scrollDown 2s infinite cubic-bezier(0.12, 0.4, 0.41, 0.86) 1s;}

/* search box */
.box_search{position:fixed; opacity:0; visibility:hidden; top:0; left:0; z-index:98; width:100%; background:#fff; border-bottom:1rem solid #ccc; box-shadow:-14rem 11rem 54rem 0rem rgb(0 0 0 / 14%); transition: all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.box_search .inner{padding:240rem 0 120rem;}
.box_search .input #main_keyword{width:100%; padding:44rem 0; border:none; border-bottom:3rem solid #e2e2e2; font-weight:200; font-size:36rem; transition:all 0.4s ease-out 0s; outline:none;}
.box_search .input #main_keyword:focus{border-bottom-color:#1e252f;}
.box_search .input .btn_input{position:absolute; top:32rem; right:0; width:30rem; height:30rem; background:url(../../images/common/icon_search.svg) no-repeat 50% 50%; border:none;}
.box_search .input{position:relative;}
.box_search .input::placeholder{color:#ccc;}
::-webkit-input-placeholder{color:#ccc !important;}
.box_search .btn_pc{position:fixed; top:101rem; right:90rem;width: 54rem; height: 54rem;}
.box_search.open{opacity:1; visibility:visible; top:0;}

.keyword em{display:block; opacity:0.33; font-weight:600; font-size:18rem;}
.keyword{margin-top:50rem;}
.keyword ul{display:block; margin-top:25rem;}
.keyword ul li:not(:last-child){margin-bottom:5rem;}
.keyword ul li a{font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-weight:600; font-size:19rem; transition:all 0.2s ease-out 0s;}
.keyword ul li a:hover{color:#b69d74;}

/* sub */
.sub .box_quick{box-shadow:-14rem 11rem 44rem 0rem rgb(0 0 0 / 30%);}
.sub .quick_menu{display: none;}

/* footer */
#footer{position:relative; z-index:1; margin:0 90rem;}
#footer .inner{display:flex; justify-content:flex-start; padding:/* 80rem 0 150rem */ 80rem 0 100rem; border-top: 1rem solid #f0f0f0;}
#footer .inner > div{width:-webkit-calc((100%/5) - 0rem); width:calc((100%/5) - 0rem);}
#footer .inner .ft_cont01{width:100rem;}
#footer .inner .ft_con01 *{padding-left:60rem;}
#footer .inner .ft_con01 img{width: 120rem;}
#footer .ft_con01 p{margin-top:25rem; font-weight:400; font-size:15rem; color:#222;}
#footer .ft_con01 i{display:block; opacity:0.45; margin-top:8rem; font-size:12rem; text-transform:uppercase;}

#footer .inner.infor{background-color: #fff; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; padding: 30rem 60rem 17rem}
#footer address span{opacity: 0.6; font-size: 14rem; font-weight: 200; position: relative;}
#footer address span + span{padding-left: 27rem;}
#footer address span + span::before{content: ""; width: 1rem; height: 11rem;  background-color: #666; opacity: 0.3; position: absolute; left: 14.5rem; top: 3rem;}

ul.list_ft li a{display:block; position:relative; padding-left:23rem; font-weight:300; font-size:15rem; color:#666; transition:all 0.3s ease 0s;}
ul.list_ft li{margin-bottom:15rem;}
ul.list_ft li a:hover{font-weight:500; color:#222;}
ul.list_ft li a::after{content:""; position:absolute; opacity:0; top:0; left:0; width:1rem; height:0; background:#222; transition:all 0.3s ease 0s;}
ul.list_ft li a:hover::after{opacity:1; height:100%;}

.btnSelect{position:relative; margin:0 40rem; border:1rem solid #ccc; cursor:pointer;}
.btnSelect span{text-transform:uppercase;}
.btnSelect button{display:block; position:relative; width:100%; padding:20rem 29rem; background:none; font-size:14rem; color:#111; text-align:left;}
.btnSelect button::after{content:""; position:absolute; top:50%; right:30rem; width:0; height:0; margin-top:-3rem; border-right:4rem solid transparent; border-bottom:6rem solid #363636; border-left:4rem solid transparent; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.btnSelect > ul{display:none; position:absolute;top: 57rem; left:-1rem;width: 99.8%; padding:0rem 0 15rem; background:#fff; border:1rem solid #ccc; border-top:1rem solid #fff;outline: none;}
.btnSelect > ul > li > a{padding-left:30rem; font-weight:300; font-size:15rem;}
.btnSelect button.on::after{transform:rotate(0deg); -webkit-transform:rotate(0deg);}

/* footer logo */
.area_logo{display:flex; justify-content:space-between; align-items:center; margin:0 90rem; padding:40rem 60rem; background:#f4f5ef; display: none;}
.area_logo .swiper-button{display:flex; align-items:center;width: 45%;}
.area_logo .swiper-container{overflow:hidden;}
.area_logo .swiper-slide img{width:100%;}

/* en */
html[lang="en"] #header h1 a{width:142rem; height:39rem; background:url(../../images/common/en_logo_b.png) no-repeat 50% 50%; transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
html[lang="en"] .full_company.fp-viewing-1Page #header h1 a,
html[lang="en"] .full_company.fp-viewing-4Page #header h1 a{background:url(../../images/common/en_logo.png) no-repeat 50% 50%;}
html[lang="en"] .full_company #header{background:none;}
html[lang="en"] .full_company #header::after{background:none;}
html[lang="en"] .full_company.fp-viewing-1Page #header .area_util > ul,
html[lang="en"] .full_company.fp-viewing-4Page #header .area_util > ul{background-color:rgba(255,255,255,0.13);}
html[lang="en"] .full_company #header .area_util > ul{background-color:#f7f7f7; transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
html[lang="en"] .full_company #header .area_util > ul > li > a{font-weight:100; color:#222; text-transform:uppercase;}
html[lang="en"] .full_company.fp-viewing-1Page #header .area_util > ul > li > a,
html[lang="en"] .full_company.fp-viewing-4Page #header .area_util > ul > li > a{color:#fff;}
html[lang="en"] .full_company #header nav,
html[lang="en"] .full_company .quick_menu,
html[lang="en"] .full_company .fix_sns,
html[lang="en"] .full_company .header_menu{display:none;}
html[lang="en"] .full_company .common_line{display:flex;}

.sub.full_company #container{background:transparent;}

@keyframes firstAniDown{
	0%{opacity:0; transform:translateY(-80rem); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
	100%{opacity:1; transform:translateY(0); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
}
@keyframes firstAniUp{
	0%{opacity:0; transform:translateY(80rem); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
	100%{opacity:1; transform:translateY(0); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
}
@keyframes slideFirstRight{
	0%{opacity:0; transform:translateX(80rem); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
	100%{opacity:1; transform:translateX(0); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
}
@keyframes slideFirstLeft{
	0%{opacity:0; transform:translateX(-80rem); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
	100%{opacity:1; transform:translateX(0); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
}

@keyframes scrollDown{
	0%{height:0;}
	100%{height:100%;}
}

/* custom layer */
.youtube_player{width:100%; height:100%;}
.custom-video__box{position:relative; padding-bottom:56%;}
.custom-video__box .youtube_player{position:absolute; top:0px; left:0px;}

@media (min-width:2000px){
	html{font-size:0.05254860746190225vw;}
}

@media (max-width:1919px){
	html{font-size:0.05508333333333334vw;}
    #header h1 img{height: 80rem;}
}

@media (max-width:1480px){
	html{font-size:0.06756756756756757vw;}
	
    #header h1{position: relative; top: -5rem;}
    #header h1 img{height: 52rem;}
	#header nav{margin-left:30rem;}
	#header nav .gnb > li > a{font-size:18rem;}
	#header nav .gnb > li{padding:0 26rem;}
	#header > .inner{margin:89rem 70rem 2rem;}
	.header_menu{right:70rem;}
	
	
	.btn_search{margin-right:27rem;}

	.full_inner{margin:0 70rem;}
	.full_menu .line i:nth-child(5),
	.common_line > i:nth-child(5){display:none;}
	.common_line{width:-webkit-calc(100% - 140rem); width:calc(100% - 140rem); margin:0 70rem;}

	.full_menu.open .line i{width:25%;}
	.full_menu .line i:nth-child(2){left:25%;}
	.full_menu .line i:nth-child(3){left:50%;}
	.full_menu .line i:nth-child(4){left:75%; border-right:1rem solid #f0f0f0;}
	.full_gnb{left:calc((100%/4) - 0rem);}
	.full_menu.open .full_img > span{width:25%;}
	.full_img .full_img-01{left:50%;}
	.full_img .full_img-02{left:75%;}
	.full_menu.open .full_img .full_img-02{width:25%;}
	.full_img .full_img-03{left:25%;}
	.fix_sns{right:22rem;}
	
	#footer{margin:0 70rem;}
	
	.ft_con02{margin-left:90rem;}
	.btnSelect{margin:0 30rem 0 0;}
	
	.area_logo{margin:0 70rem; padding:40rem 30rem;}
	.area_logo .swiper-container{margin-left:70rem;}
	.swiper-button > div{white-space:nowrap;}
	.area_logo .swiper-slide img{width:100%; height:auto;}
}

@media (max-width:1100px){
	#header nav .gnb > li{padding:0 20rem;}
}

@media all and (min-width:1024px){
	#header nav .gnb > li ul{display:none;position:absolute;opacity:0;visibility:hidden;top:15rem;right:-23rem;width:100%;padding:10rem 17rem;background:#fff;border:1rem solid #444;box-shadow: 5rem 10rem 26rem 0rem rgba(0, 0, 0, 0.08);transition:all 0.4s ease-out;transition-property:opacity, top, visibility;transition-delay:0s, 0s, 0s;}
	#header nav .gnb > li ul.active{display:block; transition-delay:0.1s;}
	#header nav .gnb > li.active ul{opacity:1; visibility:visible; top:61rem; z-index:10; transition-delay:0s, 0s, 0s;}
	#header nav .gnb > li ul > li > a{display:block; position:relative; padding:4rem 0rem; background:#fff; font-weight:300; font-size:15rem; color:#404040; text-align:left; transition:all 0.3s ease 0s;}
	#header nav .gnb > li ul > li > a:hover{opacity:0.5;}
	#header nav .gnb > li ul > li:first-child > a{border-top-width:0rem;}
	a[data-link="call"]{cursor:auto; pointer-events:none;}
}

@media all and (max-width:1023px){
	html{font-size:0.09775171065493645vw;}
	
	.common_line{width:-webkit-calc(100% - 100rem); width:calc(100% - 100rem); margin:0 50rem;}
	.fix_sns{display:none;}

    .wrap{margin:0 auto; width: auto;}

	#header nav{display:none;}
	#header h1 img{height:40rem;}
	#header .area_util > ul > li:not(:last-child) > a{margin-right:24rem;}
	#header .area_util .btn_reserve{padding:0rem 22rem;}
	#header .area_util{height:50rem;}
	#header .area_util > ul{padding:0 26rem;}
	#header .area_util .btn_browser{padding:0rem 25rem;}
	#header > .inner{margin:89rem 50rem 2rem;}

	.header_menu{right:50rem;}

	.full_menu .line i:nth-child(4){display:none;}
	.full_menu.open .line i{width:-webkit-calc(100%/3); width:calc(100%/3);}
	.full_menu .line i:nth-child(2){left:calc(100%/3);}
	.full_menu .line i:nth-child(3){right:0; left:auto; border-right:1rem solid #f0f0f0;}
	.full_menu .full_gnb > .gnb > li > a{font-size:26rem;}
	.full_menu.open .full_img > span,
	.full_menu.open .full_img .full_img-02{width:calc(100%/3);}
	.full_img .full_img-01{left:calc(100%/3);}
	.full_img .full_img-02{right:0; left:auto;}
	.full_img .full_img-03{left:0;}
	.full_menu.open .full_img > span{opacity:0.1;}
	.full_gnb{left:0; width:-webkit-calc((100%/3) - 0rem); width:calc((100%/3) - 0rem);}
	.full_menu .full_gnb > .gnb > li > ul > li > a{opacity:0.7;}
	.quick_menu,
	.btn_guide{display:none;}	

	.btn_pc{width:46rem; height:11rem;}
	.btn_search img{height:20rem;}
	
	.common_line > i:nth-child(4){display:none;}
	
	.quick_menu.open .box_quick{height:-webkit-calc(100vh - 177rem); height:calc(100vh - 177rem);}
	
	.box_quick .quick_cont h4 > i{margin-top:7rem; font-size:41rem;}
	.box_quick .quick_cont h4{font-size:24rem;}	
	
	.scroll_down{display:none;}
	
	.box_search .inner{width:740rem; margin:0 auto;}
	.box_search .btn_pc{right:50rem; width:44rem; height:44rem;}
	
	#footer{margin:0 50rem;}
	#footer .inner .ft_con01 *,#footer .inner.infor{padding-left:40rem;}
	#footer .inner .ft_con01 img{width:105rem;}

	.btnSelect{width:179rem;}
	.btnSelect button{padding:20rem 22rem;}
	.btnSelect button::after{right:22rem;}	
	
	.area_logo{margin:0 50rem; padding:30rem 20rem;}
	.area_logo .swiper-container{margin-left:10rem;}
	
	.bx-controls > .bx-pager{width:auto;}
}

@media (max-width:860px){
	html{font-size:0.13020833333333335vw;}
	
	body,
	p,
	li,
	a{font-family:'Ibarra Real Nova', Sans-serif;}
	
	.common_line{width:-webkit-calc(100% - 80rem); width:calc(100% - 80rem); margin:0 40rem;}	
	
	.btn_search{margin-right:25rem;}	
	
	.header_menu{top:92rem; right:30rem;}
	
	#header > .inner{margin:79rem 30rem 2rem;}
	#header .area_util > ul > li > a{font-size:12rem;}
	#header .area_util > ul{display:none;}
	#header .area_util{height:53rem;}
	#header .area_util .btn_browser::after{margin-left:14rem;}
	
	.full_menu .full_gnb > .gnb > li > a{padding-left:32rem; font-weight:500; font-size:22rem;}
	.full_gnb{bottom:7vh;}
	
	.box_search .inner{width:560rem; padding:200rem 0 61rem;}
	.box_search .input #main_keyword{padding:33rem 0; font-size:25rem;}
	.box_search .input .btn_input{top:24rem; width:20rem; height:20rem;}
	.box_search .btn_pc{top:93rem; right:24rem; width:34rem; height:34rem;}

	.keyword ul li a{font-family:Sans-serif; font-size:17rem;}	
	
	#footer{margin:0 40rem;}
	#footer .inner .ft_con01 *{padding-left:0;}
	#footer .inner .ft_con01 img{width:75rem;}
	#footer .inner{padding:70rem 0 80rem; flex-wrap:wrap;}
	#footer .inner .ft_con01{width:100%;}
	#footer .inner > div:not(.ft_con01):not(.ft_con05){width:-webkit-calc((100%/3) - 0rem); width:calc((100%/3) - 0rem); margin-top:60rem;}
	#footer .inner .ft_con01 i br{display:none;}

	.ft_con02{margin-left:0;}	
	
	.btnSelect{display:none;}
	
	ul.list_ft li a,#footer .inner.infor{padding-left:15rem;}
	ul.list_ft li{margin-bottom:12rem;}	
	
	.area_logo{margin:0px 40rem;}
	.area_logo .swiper-button{position:relative; left:-10rem;}
	.area_logo .swiper-slide img{height:auto;}
}

@media all and (max-height:670px){
	.full_menu .full_gnb > .gnb > li > a{font-size:19rem;}
}

@media (max-width: 540px){
	body,
	p,
	li,
	a{font-size: 13rem;}

	html{font-size:0.26666666666666665vw;}
	
	.common_line{display:none;}
	.common_line > i:nth-child(3){display:none;}
	.common_line{width:-webkit-calc(100% - 40rem); width:calc(100% - 40rem); margin:0 20rem;}
	
    #header h1{top: 0;}
	#header h1 img{height: 32rem;}
	#header .area_util{z-index:99; height:41rem;}
	#header > .inner{margin:67rem 20rem 2rem;}
	#header .area_util .btn_reserve,
	#header .area_util .btn_browser{padding:0rem 15rem; font-size:12rem;}
	#header .area_util .btn_reserve i{display:none;}
	#header .area_util .btn_browser{padding:0rem 16rem;}
	#header .area_util .btn_browser::after{position:relative; top:-1rem; width:11rem; height:11rem; margin-left:7rem;}
	#header h1{z-index:1;}

	.header_menu{top:74rem; right:20rem;}

	.btn_search img{height:16rem;}
	.btn_search{position:relative; top:1rem; margin-right:19rem;}
	.btn_pc{width:35rem; height:7rem;}	
	
	.full_inner{margin:0 0rem;}
	.full_menu .line i:nth-child(3){display:none;}
	.full_menu.open .full_img > span{width:50%;}
	.full_menu.open .full_img .full_img-02{display:none;}
	.full_img .full_img-01{right:0; left:auto;}
	.full_menu.open .line i,
	.full_gnb{width:calc(100% / 2 * 1);}
	.full_menu .line i:nth-child(2){left:calc(100% / 2 * 1);}
	.full_menu::before,
	.full_menu::after{display:none;}
	.full_menu .full_gnb > .gnb > li > a{padding-left:32rem; font-size:19rem;letter-spacing: -1rem;}
	.full_menu .full_gnb > .gnb > li{margin-bottom:25rem;}
	.full_menu .full_gnb > .gnb > li > a > i{margin-bottom:9rem; font-size:10rem;letter-spacing: 0;}
	.full_menu.open .full_gnb > .gnb > li:nth-child(1){transition-delay:0.3s;}
	.full_menu.open .full_gnb > .gnb > li:nth-child(2){transition-delay:0.4s;}
	.full_menu.open .full_gnb > .gnb > li:nth-child(3){transition-delay:0.5s;}
	.full_menu.open .full_gnb > .gnb > li:nth-child(4){transition-delay:0.6s;}
	.full_menu.open .full_gnb > .gnb > li:nth-child(5){transition-delay:0.7s;}
	.full_menu.open .full_gnb > .gnb > li:nth-child(6){transition-delay:0.8s;}
	.full_menu.open .full_gnb > .gnb > li:nth-child(7){transition-delay:0.9s;}
	.full_menu .full_img > span{opacity:0.1;}
	.full_menu .full_img > span{height:160rem;}
	.full_menu.open .full_img .full_img-01{display:none;}
	.full_menu.open .full_img .full_img-03{transition-delay:0.2s;}
	.full_menu .full_img .full_img-03{opacity:0.4 !important; top:30vh; right:0; bottom:auto; left:auto; height:130rem;}
	.full_menu .full_gnb > .gnb > li > ul > li > a{font-size:15rem;}
	.full_menu.open .line i,
	.full_gnb{bottom:21vh;}

	.full_adm{right:auto; bottom:40rem; left:30rem; width:auto;}
	.full_adm .list_adm li a{margin-bottom:0; padding-right:20rem; padding-left:0; font-size:14rem;}
	.full_adm .list_adm li a{opacity:0; transition:all 0.8s ease 0s; transform:translateX(-50rem);}

	.list_adm{display:flex;}	
	
	.open .full_adm .list_adm li a{opacity:1; transform:translateX(0rem); transition-delay:0.8s;}
	
	.box_search .inner{width:auto; padding:160rem 30rem 51rem;}
	.box_search .input #main_keyword{padding:27rem 0; font-size:22rem;}
	.box_search .input .btn_input{top:17rem; width:19rem; height:19rem;}
	
	.keyword{margin-top:42rem;}
	.keyword em{font-size:16rem;}
	.keyword ul li a{font-size:15rem;}
	.keyword ul{display:block; margin-top:19rem;}
		
	#footer{margin:0 20rem;}
	#footer .inner > div:not(.ft_con01):not(.ft_con05){display:none;}
	#footer .inner{padding:40rem 0 32rem;}
	
	.area_logo{margin:25rem 0 0; padding:22rem 20rem;}
	.area_logo .swiper-button{display:none;}
	.area_logo .swiper-container{margin-left:0;}
	.area_logo .swiper-slide img{width:100%; height:auto;}	

    #footer .inner.infor{border-right: 0; border-left: 0; padding:0; padding-bottom: 32rem; border-top: 0;}
    #footer .inner.infor span:last-child{display: block; padding-left: 0;}
    #footer .inner.infor span + span:last-child::before{display: none;}

	#footer address span + span{padding-left:20rem;}
	#footer address span + span::before{left:7rem;}	
}

@media all and (max-width:360px){
	body,
	p,
	li,
	a{font-size:13rem;}
}