@charset "utf-8";

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

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

.co1 {color: #caae87;}

/* common */
.common_line {height: 100%;position: fixed;left: 0;top: 0;width: -webkit-calc(100% - 180px); width: calc(100% - 180px);margin: 0 90px;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:1px solid #353535; border-radius:14px;}
.layerPop .btn button{font-size:13px;}
.layerPop .btn{padding:13px 10px; background:#353535; text-align:left;}
.layerPop .btn button:last-child{float:right; margin:0 12px 0 0;}

/* animation */
.ani{position:relative; opacity:0; transition: all 0.8s ease-out 0s; transform:translate(0,20px);}
.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(-80px);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(150px);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(-30px);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(80px);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;}

@keyframes firstAniDown{
	0%{opacity:0; transform:translateY(-80px); 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(80px); 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(80px); 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(-80px); 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);}
}

/* header */
#header{position:absolute; top:0; left:0; z-index:55; 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:89px 90px 2px;}

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

#header h1{position:relative; z-index:99;}
#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:60px;}
#header .area_util > ul > li > a{opacity:0.5; font-weight:500; font-size:14px; 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 34px; background:#f7f7f7;}
#header .area_util > ul > li:not(:last-child) > a{margin-right:32px;}
#header .area_util .btn_reserve{height:100%; padding:0px 30px; background:#caae87; font-size: 14px; color:#fff;text-transform: uppercase;}
#header .area_util .btn_reserve i{margin-right:5px; color:#e5d8c7;}
#header .area_util .btn_browser{position:relative; height:97%; padding:0px 32px; background:#fff; border:1px solid #c9ccd0; border-top:0; box-shadow:17px 17px 33px 0px rgba(0, 0, 0, 0.08); font-weight:600; color:#96999e;}
#header .area_util > a{display:flex; align-items:center; font-size:14px;}
#header .area_util .btn_browser > i{margin-right:5px; color:#1f2839;}
#header .area_util .btn_browser::after{content:""; display:block; width:13px; height:13px; margin-left:22px; background:url(../../new/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:23px; height:13px; font-size:0px; transition:all 0.3s ease 0s;}
#header .btn_menu > span{display:block; position:absolute; left:0px; width:100%; height:2px; background:#000;}
#header .btn_menu > span:nth-of-type(1){top:0;}
#header .btn_menu > span:nth-of-type(2){top:50%; margin-top:-1px; 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:25px; transform:rotate(180deg);}
#header .btn_menu.active > span:nth-of-type(1){top:10px; transform:rotate(-45deg);}
#header .btn_menu.active > span:nth-of-type(2){background:transparent;}
#header .btn_menu.active > span:nth-of-type(3){top:10px; 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:0px; left:0px; z-index:99; width:-webkit-calc(100% - 320px); width:100%; height:-webkit-calc(100vh - -0px * 1); height:calc(100vh - -0px * 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:60px;}
#header nav .gnb{text-align:center;}
#header nav .gnb > li{display:inline-block; position:relative; padding:0 42px;}
#header nav .gnb > li:after{content:""; position:absolute; opacity:0.28; top:8px; right:0; width:1px; height:15px; background:#fff;}
#header nav .gnb > li:last-child:after{background:none;}
#header nav .gnb > li > a{display:inline-block; display:flex; padding-bottom:25px; font-weight:400; font-size:19px; 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:1px; font-weight:300; font-size:12px; color:#444;}

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

.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:40px; transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99); transform:translateX(-42px);}
.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:6px 27px; padding-left:30px; font-weight:300; font-size:17px; transition:all 0.3s ease 0s;}
.full_menu .full_gnb > .gnb > li > a + ul > li:after{content:""; position:absolute; opacity:0; bottom:0; left:0; width:100%; height:1px;}
.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:40px; font-weight:300; font-size:31px; color:#222; letter-spacing:1px; 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(-20px);}
.full_menu .full_gnb > .gnb > li.hover > ul > li,
.full_menu .full_gnb > .gnb > li.on > ul > li{opacity:1; visibility:visible; transform:translateX(0px);}
.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(0px);}
.full_menu .line i{display:block; position:absolute; top:0; left:0; z-index:-1; width:0; height:100%; background:#fff; border-left:1px solid #f0f0f0; transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.full_menu .line i:last-child{border-right:1px 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:11px; font-weight:300; font-size:14px; text-indent:1px;}
.full_menu .full_gnb > .gnb > li.hover > ul{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:-1px; width:2px; height:0; background:#c19d6b; transition:all 0.5s ease 0s;}

.full_adm{position:absolute; right:0; bottom:60px; width:-webkit-calc((100%/5) - 0px); width:calc((100%/5) - 0px);}
.full_adm .list_adm li a{display:block; position:relative; margin-bottom:10px; padding-left:20px; font-weight:300; font-size:15px; 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:1px; 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:35px 34px 43px 0px rgb(0 0 0 / 13%); transition:all 1.2s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.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 .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:90px; height:100%; background:#fff;}
.full_menu::after{right:0; border-left:1px 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;}
.full_menu.open .full_img > span img{width: auto !important;}

.btn_pc{z-index:98; width:54px; height:12px; 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:2px; background:#000; transition:.25s ease-in-out; transform:rotate(0deg); -webkit-transform:rotate(0deg); border-radius:9px; -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:0px;}
.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:10px; 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:-20px;}
.btn_pc.open span:nth-child(3){top:10px; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg);}

.fix_sns{position:fixed; top:41vh; right:31px; z-index:1;}
.fix_sns ul li a img{display:block; height:24px; margin:0 auto;}
.fix_sns ul li{margin:40px 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:22px; margin:0 auto; fill:#3f3f3f;}
.list_sns li:first-child svg{width:12px;}

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

.quick_menu{position:fixed; right:0; bottom:0; z-index:52;}
.quick_menu.open .box_quick{visibility:visible; height:-webkit-calc(100vh - 164px); height:calc(100vh - 164px); /* overflow:visible; */transition-delay:0.3s;}
.quick_menu.open .quick_cont > *{opacity:1; visibility:visible; transform:translateY(0px);}
.quick_menu.open .quick_cont > h4{transition-delay:0.8s;}
.quick_menu.open .quick_cont > ul{transition-delay:0.9s;}
.quick_menu.open .btn_guide{bottom:-100px; 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:-90px; transition-delay:1.3s;}
.quick_menu.open .list_sns{opacity:1; transform:translateY(0px); transition-delay:1s;}
.quick_menu.down.open .box_quick{height:100vh;}
.quick_menu.down.open .box_quick,
.quick_menu.down .box_quick{box-shadow:-14px 11px 24px 0px 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:0px; z-index:-9; width:90px; height:90px; 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.8s; transform:translateY(50px);}

.box_quick > .inner{margin:-20px 70px 0;}
.box_quick .quick_cont h4{line-height:1.4; font-weight:100; font-size:27px; color:#fff; letter-spacing:6px; transition-delay:0.32s;}
.box_quick .quick_cont h4 > i{display:block; font-weight:100; font-size:48px; letter-spacing:0; text-indent:-1px;}
.box_quick .quick_cont > ul{display:flex; justify-content:space-between; margin-top:71px; flex-wrap:wrap; transition-delay:0.29s;}
.box_quick .quick_cont > ul > li > a{display:flex; align-items:center; opacity:1; font-size:15px; 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:58px;}
.box_quick .quick_cont > ul > li:nth-child(5n){margin-right:0;}
.box_quick .quick_cont > ul > li:nth-child(5) ~ li{margin-top:38px;}
.box_quick .quick_cont ul li em{margin-top:16px;}
.box_quick .list_sns svg{width:22px; 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:40px; left:73px; transition:all ease 0.7s 0.2s; transform:translateY(40px);}
.box_quick ul.list_sns > li{margin-right:38px;}
.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:33px; font-size:10px; 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:-21px; left:2px; width:30px; height:1px;}
a.btn_close_quick i::after{top:-35px; left:17px; width:1px; height:30px;}

.btn_guide{position:fixed; bottom:0; padding:37px 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:161px; font-size:12px; color:#fff;}
.btn_guide > div{display:flex; justify-content:space-between; align-items:center; position:relative;}
.btn_guide .btn_pc{position:absolute; top:4px; left:70px;}
.btn_guide .btn_pc span{background:#fff;}
.btn_guide > div > p{margin-right:100px; font-size:14px; color:#fff;}
.quick_menu,
.btn_guide{width: 670px;}
.btn_guide > div > p i{margin-right:8px;}

.scroll_down{position:fixed; top:45vh; left:20px; font-size:12px; text-align:center;}
.scroll_down > span{display:block; position:relative; width:1px; height:300px; margin:25px 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:1px solid #ccc; box-shadow:-14px 11px 54px 0px rgb(0 0 0 / 14%); transition: all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.box_search .inner{padding:240px 0 120px;}
.box_search .input #main_keyword{width:100%; padding:44px 0; border:none; border-bottom:3px solid #e2e2e2; font-weight:200; font-size:36px; 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:32px; right:0; width:30px; height:30px; background:url(../../new/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:101px; right:90px;width: 54px; height: 54px;}
.box_search.open{opacity:1; visibility:visible; top:0;}

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

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

/* 기존사이트에 적용후 틀어지는 부분  */
#header.fix{position:absolute; box-shadow:none;}
#header::after{content:""; position:absolute; left:0; width:100%; height:1px; background:#e9e9e9;}

.sub #content{margin:0; padding-top: 230px;}
.sub #footer{margin:100px 0 0;}

.sub .scroll_down{display:none;}
.sub .common_line{display:none;}

#content > h1 {font-size: 35px;margin-bottom: 70px;}

/* 기존사이트 소스 수정 */
a.btn_d.btn_xsmall.btn_dgray.mlp10.mrp5{color:#fff;}

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

ul.list_ft li a{display:block; position:relative; padding-left:23px; font-weight:300; font-size:15px; color:#666; transition:all 0.3s ease 0s;}
ul.list_ft li{margin-bottom:15px;}
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:1px; 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 40px; border:1px solid #ccc; cursor:pointer;}
.btnSelect span{text-transform:uppercase;}
.btnSelect button{display:block; position:relative; width:100%; padding:20px 29px; background:none; font-size:14px; color:#111; text-align:left;}
.btnSelect button::after{content:""; position:absolute; top:50%; right:30px; width:0; height:0; margin-top:-3px; border-right:4px solid transparent; border-bottom:6px solid #363636; border-left:4px solid transparent; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.btnSelect > ul{display:none; position:absolute; top:61px; left:-1px; width:100%; padding:0px 0 15px; background:#fff; border:1px solid #ccc; border-top:1px solid #fff;}
.btnSelect > ul > li > a{padding-left:30px; font-weight:300; font-size:15px;}
.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 90px; padding:40px 60px; background:#f4f5ef;}
.area_logo .swiper-button{display:flex; align-items:center; width:54%;}
.area_logo .swiper-container{overflow:hidden;}

/* en */
html[lang="en"] #header h1 a{width:142px; height:60px; background:url(../../images/common/logo_en.svg) 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/logo_en_w.svg) 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 scrollDown{
	0%{height:0;}
	100%{height:100%;}
}


@media screen and (max-width:1919px){
	#footer{margin:0 70px;}
	#footer .inner .ft_con01 *{padding-left:30px;}
}

@media screen and (max-width:1679px){
	#header > .inner,
	.area_visual,
	.main #content > article:not(.area_exhibit),
	.common_line{margin-right:70px !important; margin-left:70px !important;}
	.common_line{width:-webkit-calc(100% - 140px); width:calc(100% - 140px);}
	#header nav .gnb > li{padding:0 2vw;}
	.header_menu{right:70px;}
	#header nav{display:inline-block; margin-left:3%;}
	#header nav .gnb > li:nth-child(3){padding:0 23px 0 19px;}
	#header .area_util > ul > li:not(:last-child) > a{margin-right:1.5vw;}
	#header nav .gnb > li:nth-child(1),
	#header nav .gnb > li:nth-child(2){padding-right:1.2vw;}
	.btn_search{margin-right:2vw;}
	#header .area_util > ul{padding:0 2vw;}
	.area_logo .swiper-button{width:70%; max-width:210px;}

	/* 기존사이트 병합 후 수정 */
	.d_width{margin:0 80px; width:auto;}
	#wrap{min-width:auto;}
}

@media screen and (max-width:1440px){
	.area_logo{margin:0 70px; padding:40px 30px;}
	.box_search .inner{width:auto; margin:0 5vw;}
	.box_search .btn_pc{right:4vw;}
	.full_menu .line i:last-child{display:none;}
	.full_menu.open .line i,
	.full_gnb{width:calc(100% / 4 * 1);}
	.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:1px solid #f0f0f0;}
	.full_gnb{left:0;}
	.full_menu.open .full_img > span{width:25%;}
	.full_img .full_img-01{left:50%;}
	.full_img .full_img-02{left:75%;}
	.full_img .full_img-03{left:25%;}
	.full_menu.open .full_img > .full_img-02{width:25.1%;}
	.full_adm{width:-webkit-calc((100%/4) - 0px); width:calc((100%/4) - 0px);}
	.full_menu .full_gnb > .gnb > li > a{font-size:29px;}
	.full_menu .full_gnb > .gnb > li{margin-bottom:37px;}
}

@media screen and (max-width:1366px){
	#header nav{margin-left:2%;}
	#header nav .gnb > li > a{font-size:18px;}
	#header nav .gnb > li:nth-child(1),
	#header nav .gnb > li:nth-child(2){padding-right:1vw;}
	#header nav .gnb > li{padding:0 1.7vw;}
	.full_menu .full_gnb > .gnb > li > ul > li > a{}
	.full_menu .full_gnb > .gnb > li{}
	.full_menu .full_gnb > .gnb > li > ul > li{margin-right:13px; padding:0px;}
	.full_menu .full_gnb > .gnb > li > a:before{margin-right:14px; font-size:15px;}
	.full_menu .full_gnb > .gnb > li > ul{max-width:59%;}
}

@media screen and (max-width:1280px){
	.quick_menu{display:none;}
	.btnSelect{margin:0 20px;}
	.btnSelect button{padding:20px 20px;}
	.btnSelect button::after{right:20px;}
	.btnSelect > ul > li > a{padding-left:20px;}
	
	#footer .inner .ft_con01 img{height:33px;}
	#footer .inner .ft_con01 *{padding:0px 20px 0px 30px;}
	#footer .inner .ft_con01 i br{display:none;}
}

@media screen and (max-width:1279px){
	body,
	p,
	li,
	a{font-size:15px;}
	#header > .inner,
	.area_visual,
	.main #content > article:not(.area_exhibit),
	.common_line{margin-right:60px !important; margin-left:60px !important;}
	.header_menu{right:60px;}
	#header > .inner{margin-bottom:25px;}
	.common_line{width:-webkit-calc(100% - 120px); width:calc(100% - 120px);}
	.quick_menu{display:none;}
	
	.full_inner{margin:0 60px;}
	.full_menu .line i:nth-child(4){display:none;}
	.full_menu.open .line i,
	.full_gnb{width:calc(100% / 3 * 1);}
	.full_menu .line i:nth-child(2){left:calc(100% / 3 * 1);}
	.full_menu .line i:nth-child(3){left:calc(100% / 3 * 2); border-right:1px solid #f0f0f0;}
	.full_adm{width:-webkit-calc((100%/4) - 0px); width:calc((100%/3) - 0px);}
	.full_menu.open .full_img > span{width:calc(100% / 3 * 1);}
	.full_img .full_img-01{left:calc(100% / 3 * 1);}
	.full_img .full_img-02{left:calc(100% / 3 * 2);}
	.full_menu.open .full_img > .full_img-02{width:calc(100% / 3 * 1);}
	.full_img .full_img-03{left:calc(100% / 3 * 1);}
	.full_menu.open .full_img .full_img-01,
	.full_menu.open .full_img .full_img-02{opacity:0.1;}
	.full_menu .full_gnb > .gnb > li > a{font-size:28px;}

	.full_company #header > .inner{margin:59px 90px 2px;}
}

@media screen and (max-width:1240px){
	#header nav{display:none;}
	#header > .inner{margin-bottom:33px;}
}

@media all and (min-width:1024px){
	#header nav .gnb > li ul{display:none; position:absolute; opacity:0; visibility:hidden; top:15px; right:-23px; width:100%; padding:10px 17px; background:#fff; border:1px solid #444; box-shadow:15px 20px 29px 0px rgba(0, 0, 0, 0.23); 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:61px; z-index:10; transition-delay:0s, 0s, 0s;}
	#header nav .gnb > li ul > li > a{display:block; position:relative; padding:4px 0px; background:#fff; font-weight:300; font-size:15px; 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:0px;}
	a[data-link="call"]{cursor:auto; pointer-events:none;}
}

@media all and (max-width:1023px){
	#header nav{position:fixed; opacity:0; visibility:hidden; top:0px; right:0; z-index:998; width:100%; height:100vh; margin:0; background:#fff; background:#000;}
	#header nav.active{opacity:1; visibility:visible; box-shadow:-5px 0px 15px rgba(0,0,0,0.1); transition:all 0.4s ease-out 0s;}
	#header nav .gnb > li{display:block;}
	#header nav .gnb{position:fixed; overflow:hidden; top:130px; right:0px; width:100%; height:83vh; padding-top:3vh; border-top:1px solid rgba(255,255,255,0.2);}
	#header nav .gnb:after{content:""; position:absolute; opacity:0.1; top:0; left:50%; width:1px; height:100%; background:#fff;}
	#header nav .gnb > li{display:flex; position:initial; padding:0;}
	#header nav .gnb > li > *{flex-basis:50%;}
	#header nav .gnb > li > a{display:block; padding:10px 4%; font-size:18px; color:#fff; text-align:left; transition:all 0.3s ease 0s; flex-basis:42%;}
	#header nav .gnb > li ul{position:absolute; opacity:0; visibility:hidden; top:0; right:0; width:46%; padding:0px 0 20px; transition:all 0.4s ease-out 0s; transform:translateX(20px);}
	#header nav .gnb > li ul.open{opacity:1; visibility:visible; transform:translateX(0);}
	#header nav .gnb > li ul > li > a{display:block; padding:10px 0px; font-weight:200; font-size:15px; color:#fff; text-align:left;}
	#header nav .gnb > li ul li.active a{color:#c6a582 !important;}
	#header nav .gnb{display:block;}
	#header > .inner,
	.area_visual,
	.main #content > article:not(.area_exhibit),
	.common_line{margin-right:40px !important; margin-left:40px !important;}
	.btn_pc{width:46px;}
	#header .area_util > ul{position:absolute; opacity:0; visibility:hidden; top:0; right:0; padding:0 2vw;}
	#header .area_util{height:50px;}
	#header .area_util .btn_browser,
	#header .area_util .btn_reserve{padding:0px 2.5vw;}
	#header .area_util .btn_browser::after{margin-left:10px;}
	#header > .inner{margin-top:70px;}
	.header_menu{top:87px; right:40px;}
	.common_line{width:-webkit-calc(100% - 80px); width:calc(100% - 80px);}
	.common_line > i:nth-child(4) ~ i{display:none;}
	.area_logo{margin:0 40px; padding:27px 29px;}
	.area_logo .swiper-button{max-width:170px;}
	.area_logo .inr img{height:39px;}
	.swiper-button > div:first-child{padding-left:0;}
	#footer{margin:0 40px;}
	#footer .inner{justify-content:space-between;}
	#footer .inner > div{width:-webkit-calc((100%/4) - 0px); width:calc((100%/4) - 0px);}
	#footer .inner > div:not(.ft_con01){width:calc(100% / 4 * 1 - 50px);}
	#footer .inner .ft_con01 *{padding:0px 20px 0px 0px;}
	.ft_con05{display:none;}
	.box_search .btn_pc{top:68px;}
	.box_search .btn_pc.open span:nth-child(1),
	.box_search .btn_pc.open span:nth-child(3){top:53%;}
	.box_search .input #main_keyword{padding:41px 0; font-size:31px;}
	.box_search .input .btn_input{top:28px; width:28px; height:28px;}
	.full_gnb{bottom:18vh;}
	.full_menu .full_gnb > .gnb > li > a{padding-left:28px; font-size:26px;}
	.full_menu .full_gnb > .gnb > li{margin-bottom:34px;}
	
	/* 기존사이트 병합 후 수정  */
	.d_width{margin: 0 30px;}
}

@media all and (max-width:767px){
	body,
	p,
	li,
	a{font-family: 'Ibarra Real Nova', Sans-serif; font-size:14px;}
	
	#header{transform:none !important;}
	#header nav .gnb > li > a.on{font-weight:700;}
	#header nav .gnb > li > a{font-size:17px; flex-basis:42%;}
	#header nav .gnb > li ul > li > a{font-size:14px;}
	#header nav .gnb > li ul > li{margin-bottom:3px;}
	#header nav .gnb{top:104px; height:87vh;}
	#header nav.position .gnb{top:61px; height:91vh;}
	#header .btn_menu{top:27px; right:20px; width:20px; height:11px;}
	#header .btn_menu.active{top:30px;}
	#header .btn_menu > span:nth-of-type(1){top:0;}
	#header .btn_menu > span:nth-of-type(3){top:auto; bottom:0;}
	#footer .menu{padding-top:35px;}
	#footer .menu li a{padding:5px 8px; font-size:12px;}
	#footer div:last-child span{padding:14px 0; font-size:12px;}
	#footer ul:last-child{padding-bottom:0;}
	#footer ul:last-child li{width:100%; margin:0 0 8px;}
	#footer ul:last-child li em{display:block; margin:0 0 3px;}

	.area_logo .inr img{width:100%; height:auto;}
	.ft_con01{margin-bottom:40px; flex:100%;}
	#footer .inner{padding:50px 0; flex-wrap:wrap;}
	ul.list_ft li a{padding-left:0; font-size:14px;}
	#footer .inner > div:not(.ft_con01){width:calc(100% / 3 * 1 - 21px);}
	#header h1.open{position:fixed; z-index:1;}
	.box_search .btn_pc{top:28px; right:auto; left:50%; width:34px; height:34px; margin-right:-17px;}
	.box_search .input #main_keyword{padding:28px 0; font-size:25px;}
	.box_search .input .btn_input{top:19px; width:22px; height:22px;}
	.box_search .inner{display:flex; justify-content:center; align-items:flex-start; height:100vh; padding:0; padding-top:6vh; flex-direction:column;}
	.box_search .input{position:relative; width:100%;}
	.keyword{margin-top:40px;}
	.keyword ul{margin-top:20px;}
	.keyword ul li a{font-size:17px;}
	.full_menu .line i{border:none;}
	.full_gnb{width:auto;}
	.full_menu::before,
	.full_menu::after{border:none;}
	.full_inner{margin:0 20px;}
	.full_menu .full_gnb > .gnb > li{margin-bottom:25px;}
	.full_menu .full_gnb > .gnb > li > a{font-family:'Silk Serif', Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-weight:500; font-size:24px;}
	#header.open > .inner h1{z-index:1;}
	#header .area_util{z-index:99;}
	.full_menu .line i:last-child{border-right:0;}
	.full_menu .full_gnb > .gnb > li > a{padding-left:16px;}
	.full_gnb{top:21vh; bottom:auto; width:50%;}
	.full_adm{right:0;}
	.full_adm .list_adm li a{margin-bottom:10px; padding-left:0; font-weight:500; font-size:13px;}
	.full_adm .list_adm li{margin-right:15px;}
	.full_adm .list_adm{display:flex;}
	.full_menu .full_gnb > .gnb > li > ul{max-width:100%;}
	.full_menu .full_gnb > .gnb > li > ul > li > a{opacity:1; padding:5px 27px; padding-left:30px; font-weight:300; font-size:15px;}
	.full_menu .full_gnb > .gnb > li.hover::before{height:105%;}
	.box_search{z-index:99;}
	.full_adm{opacity:0; visibility:hidden; right:auto; bottom:20px; left:15px; transition:all 0.5s ease 0s;}
	.full_menu .full_gnb > .gnb > li > ul > li:last-child > a{padding-bottom:0;}
	.full_menu.open .full_adm{opacity:1; visibility:visible; transition-delay:1s;}
	.full_menu .line i:nth-child(3){border:none;}
	.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 .line i:nth-child(3){display:none;}
	.full_menu::before,
	.full_menu::after{width:20px;}
	.full_menu.open .full_img > span{width:calc(100% / 2 * 1);}
	.full_img .full_img-01{left:calc(100% / 2 * 1 - 20%);}
	.full_menu.open .full_img > .full_img-02{width:calc(100% / 2 * 1);}
	.full_img .full_img-03{left:0;}

	/* 기존사이트 병합 후 수정 */
	#content > h1{margin-bottom:40px; font-size:25px;}
	.sub #content{padding-top:160px;}
}

@media screen and (max-width:640px){
	#header h1 img{height:35px;}
	.header_menu{top:79px;}
	.btn_search img{height:21px;}
	.area_logo .swiper-button{display:none;}
	.area_logo{margin:0; padding:25px 29px;}
}

@media screen and (max-width:540px){
	#header .area_util .btn_reserve,
	#header .area_util .btn_browser{font-size:13px;}
	#header > .inner,
	.area_visual,
	.main #content > article:not(.area_exhibit),
	.common_line{margin-right:20px !important; margin-left:20px !important;}
	.common_line{width:-webkit-calc(100% - 40px); width:calc(100% - 40px);}
	.header_menu{top:80px; right:20px;}
	.btn_search{position:relative; top:1px; margin-right:4.5vw;}
}

@media screen and (max-width:539px){
	#header .area_util{height:40px;}
	#header .area_util .btn_reserve i{display:none;}
	#header .area_util .btn_browser,
	#header .area_util .btn_reserve{padding:0px 3.5vw;}
	#header > .inner{margin-top:65px; margin-bottom:20px;}

	.header_menu{top:73px;}
	.btn_pc{width:43px; height:10px;}
	.common_line{display:none;}

	#footer{margin:0 20px;}
	#footer .inner > div:not(.ft_con01){display:none;}
	#footer .inner{padding:35px 0 0px;}

	html[lang="en"] .full_company #header h1 a {
		background:url(../../images/common/logo_en_w.svg) no-repeat 50% 50% !important;
	}
}

@media all and (max-width:400px){
	.full_menu .full_gnb > .gnb > li > a{font-size:22px;}
	.full_menu .full_gnb > .gnb > li{margin-bottom:21px;}
	.full_img{display:none;}
	.full_menu.open .line i,
	.full_menu .line i:nth-child(2),
	.full_menu::after{border-left:1px solid #f0f0f0;}
	.full_menu .line{border-right:1px solid #f0f0f0;}
	.full_menu .full_gnb > .gnb > li > ul > li > a{padding-left:19px;}
}

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