@charset "utf-8";


/* base **************************************************************************************/

@import url('https://holiiday.github.io/NotoKR/css/noto-sans-kr.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@import url('https://holiiday.github.io/pretendard/css/pretendard.css');

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* base*/
/* reset */
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,input,textarea,button,select{font-family:'Lato', 'Pretendard-Regular', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; color:#444;}
html,body{font-size:15px; line-height:1.5;}
h1,h2,h3,h4,h5,h6{font-size:1rem;}
input,textarea,button,select{font-size:0.9375rem;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
figure{padding:0px; margin:0px;}

/* 링크 기본값 */
a:link{text-decoration:none; color:#444;}
a:visited{text-decoration:none; color:#444;}
a:hover{text-decoration:none; color:#444;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/* mobile */
body{-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}

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

/* common */
#wrap{margin-left:100px;overflow-x: hidden;}

.btn_basic{display:inline-block; position:relative;}
.back{position:absolute; top:0; left:0;}

.btn_basic > span{display:inline-block; display:inline-flex; align-items:center; width:212px; height:70px; background:#fff; box-shadow:15px 25px 46px 0px rgba(0, 84, 83, 0.15); transition:-webkit-transform .35s cubic-bezier(.76,0,.24,1) 0s; transition:transform .35s cubic-bezier(.76,0,.24,1) 0s; transition:transform .35s cubic-bezier(.76,0,.24,1) 0s,-webkit-transform .35s cubic-bezier(.76,0,.24,1) 0s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}

btn_basic:hover .front,
.eff_text:hover .front{transform:translateY(-100%) rotateX(90deg); -webkit-transform:translateY(-100%) rotateX(90deg);}
.front{position:relative; -webkit-transform-origin:50% 100% 0; transform-origin:50% 100% 0;}
.btn_basic:hover .back,
.eff_text:hover .back{z-index:1; transform:translateY(-100%) rotateX(0); -webkit-transform:translateY(-100%) rotateX(0);}
.back{position:absolute; top:100%; left:0; transform:rotateX(-90deg); -webkit-transform:rotateX(-90deg); -webkit-transform-origin:50% 0 0; transform-origin:50% 0 0;}

.btn_basic > span > i{margin-left:33px; font-weight:800; font-size:12px; color:#ff3c00;}
.btn_basic > span > i.ko{font-size:15px;}
.btn_basic > span::after{content:""; position:absolute; top:49%; right:30px; width:26px; height:2px; background:#ff3c00;}
.eff_text > span{display:inline-block; transition:-webkit-transform .35s cubic-bezier(.76,0,.24,1) 0s; transition:transform .35s cubic-bezier(.76,0,.24,1) 0s; transition:transform .35s cubic-bezier(.76,0,.24,1) 0s,-webkit-transform .35s cubic-bezier(.76,0,.24,1) 0s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.eff_text > span > em{display:none;}

a.eff_text{display:inline-block; position:relative;}


.btn_basic_line > span{margin:0 auto; display:inline-block; display:inline-flex; align-items:center; width:300px; height:60px; border:1px solid #fff; border-radius:50px; margin-top:50px}
.btn_basic_line > span > i{margin-left:33px; font-weight:800; font-size:12px; color:#fff;}
.btn_basic_line > span > i.ko{font-size:15px;}
.btn_basic_line > span::after{content:""; position:absolute; top:49%; right:30px; width:26px; height:2px; background:#fff;}



.co1{color:#ff3c00;}

.animation-time-text i{display:inline-block; position:relative; visibility:hidden; margin-right:5px; animation:visualSplit 1.2s forwards cubic-bezier(0.73, 0.23, 0.47, 0.89);}

/* 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 !important; transform:translateY(0);}
.slideUp{opacity: 0 !important;transform:translateY(80px);transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;}

.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);}
}

@keyframes visualSplit{
	0%{opacity:0; transform:translatex(40px);visibility: hidden;}
	100%{opacity:1; transform:translatex(0);visibility: visible;}
}

/* header */

#header{position:fixed; z-index:51; width:-webkit-calc(100% - 100px); width:calc(100% - 100px); padding-top:46px; transition:0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
#header > .inner{display:flex; justify-content:space-between; align-items:center; position:relative; margin:0 100px;}
#header h1{position:absolute; top:0; left:0; z-index: 999; width:94px; height:88px;}
#header h1 a{display:block; height:100%; background:url(/theme/oryxart/img/logo_w.png) no-repeat 50% 50%; transition:0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
#header .area_util{position:relative; right:100px; margin-top:13px; transition:all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99);display: flex;align-items: center;}

.list_sns svg{height:24px; fill:#fff;}
.list_sns{display:flex; align-items:center;}
.list_sns li:not(:first-child){margin-left:15px;}
.list_sns li{opacity:1; transition:all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.list_sns li:hover{opacity:1;}
.list_lang{display:flex; position:relative; top:-2px; margin-right:50px;}
.list_lang a{font-weight:900; font-size:13px; color:#222;}
.list_lang li{position:relative; opacity:0.7; opacity:0.4; margin-left:15px;}
.list_lang li.on{opacity:1;}
.list_lang li.on::after{content:""; position:absolute; bottom:-1px; left:0; width:100%; /*height:3px; background:#222;*/}

#header .btn_contact{position:absolute; top:570px; right:0; width:200px; height:200px;  transition:all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
#header .btn_contact a{display:block; height:-webkit-calc(100% - 72px); height:calc(100% - 72px); /*padding:36px 28px;*/ color:#fff; text-transform:uppercase; align-content:space-between;}
#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:16px 0 0 100px; transition:all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
#header nav .gnb{text-align:center;}
#header nav .gnb > li{display:inline-block; position:relative; padding:0px 40px;}
#header nav .gnb > li > a{display:inline-block; font-weight:900; font-size:16px; color:#fff; text-transform:uppercase;}
#header nav .gnb > li > a.on,
.sub #header nav .gnb > li > a.on{color:#ff3c00;}

#header nav .gnb > li ul > li > a > em{display:none;}
#header nav .gnb > li > a::after{content:""; position:absolute; bottom:-11px; left:0; z-index:-1; width:100%; height:20px;}
#header .btn_contact a i{display:block; font-size:11px;}
#header .btn_contact a > i{opacity:0.3; font-weight:700; font-size:11px; letter-spacing:3px;}
#header .btn_contact a em{position:absolute; bottom:27px; left:28px; font-weight:600; font-size:17px;}

.bar_menu{position:fixed; top:0; left:0; z-index:51; width:99px; height:100vh; background:#fff; border-right:1px solid #ddd; transition: all 0.6s ease;}
.bar_menu .btn a{display:block; width:100%; height:100%;}
.bar_menu .btn > a > i{display:block; position:absolute; width:6px; height:6px; background:#000; transition:all .25s ease;}
.bar_menu .btn{position:relative; width:24px; height:24px; margin:70px auto 0;}
.bar_menu .btn > a > i:nth-child(n+1):nth-child(-n+3){top:0;}
.bar_menu .btn > a > i:nth-child(n+4):nth-child(-n+6){top:9px;}
.bar_menu .btn > a > i:nth-child(n+7):nth-child(-n+9){bottom:0;}
.bar_menu .btn > a > i:nth-child(3n){right:0;}
.bar_menu .btn > a > i:nth-child(2),
.bar_menu .btn > a > i:nth-child(5),
.bar_menu .btn > a > i:nth-child(7){left:9px;}
.bar_menu.open{z-index:99; background:#000;}
.bar_menu.open .btn a i{background:#fff;}
.bar_menu.open .btn > a > i:nth-child(2){top:9px;}
.bar_menu.open .btn > a > i:nth-child(4){left:9px;}
.bar_menu.open .btn > a > i:nth-child(6){right:9px;}
.bar_menu.open .btn > a > i:nth-child(7){bottom:9px;}

.list_lang li{ line-height:1.6 !important}
.list_lang{ margin-right:24px}
.adm_btn{ margin-left:20px; border:1px solid #fff; padding:3px 10px}
/* main layout */
body.fp-viewing-1Pge #header nav{opacity:1;}
body:not(.fp-viewing-1Page) #header nav{opacity:1;/* transform:translateY(-50px);*/}
body:not(.fp-viewing-1Page) #header .btn_contact{ top:0px;}
body:not(.fp-viewing-1Page) #header .area_util{right: 200px;}

body.fp-viewing-2Page .list_sns svg, body.fp-viewing-4Page .list_sns svg{fill:#000;}
body.fp-viewing-2Page #header h1 a, body.fp-viewing-4Page #header h1 a, body.fp-viewing-5Page #header h1 a{background:url(/theme/oryxart/img/logo_w.png) no-repeat 50% 50%;}
body.fp-viewing-2Page .bar_menu, body.fp-viewing-4Page .bar_menu, body.fp-viewing-4 .bar_menu{border-color:#e5e5e5;}
body.fp-viewing-2Page,  body.fp-viewing-3Page #header .btn_contact{}
body.fp-viewing-3Page #header .btn_contact em{font-weight:800;}
body.fp-viewing-3Page #header .btn_contact i{font-weight:900; letter-spacing:2px;}
body.fp-viewing-3Page #header .btn_contact a{color:#ff3c00;}

body.fp-viewing-1Page .list_lang a, body.fp-viewing-3Page .list_lang a, body.fp-viewing-5Page .list_lang a{color: #fff;}
body.fp-viewing-1Page .list_lang a .list_lang li, body.fp-viewing-3Page .list_lang a .list_lang li, body.fp-viewing-5Page .list_lang a .list_lang li{opacity: 0.2;}
body.fp-viewing-1Page .list_lang  li, body.fp-viewing-3Page .list_lang  li, body.fp-viewing-5Page .list_lang  li{opacity: 0.7;}
body.fp-viewing-1Page .list_lang li.on, body.fp-viewing-3Page .list_lang li.on, body.fp-viewing-5Page .list_lang li.on{opacity: 1;}
body.fp-viewing-3Page #header h1 a{/*background:noneurl(/theme/oryxart/img/logo.png) no-repeat 50% 50%;*/}

body.open .bar_menu.open{border-color:#000 !important;}
body.open #header .btn_contact{}
body.open #header .btn_contact a,
body.open #header .btn_contact a > *{font-weight:600 !important; color:#fff !important; letter-spacing:0;}

/* sub header*/
.sub_wrap #header {position: absolute; padding-top:46px}
.sub_wrap #header h1 a{background:url(/theme/oryxart/img/logo.png) no-repeat 50% 50%;}
.sub_wrap .adm_btn{ margin-left:20px; border:1px solid #000; padding:3px 10px}
.sub .list_sns li{opacity:1;} .sub .list_sns li:hover{opacity:0.5;}
.sub .list_sns svg{fill:#222;}
.sub_wrap #header .btn_contact{ position:fixed; bottom:50px !important; right:5%}

body.sub_wrap .list_sns svg{fill:#222;}
body.sub_wrap #header > .inner{margin:0 0 0 100px;}
body.sub_wrap #header nav{opacity:1; transform:translateY(0);}
body .sub_wrap #header nav .gnb > li > a{color:#000;}
body.sub_wrap .list_sns li{opacity:0.25;}
body.sub_wrap .list_sns li:hover{opacity:1;}
body.sub_wrap #header nav .gnb > li ul{box-shadow:14px 17px 27px 0px rgb(0 0 0 / 10%);}
body.sub_wrap .bar_menu{border-color:#e5e5e5;}
@media screen and (max-width:780px){
	#header h1{top:-20px}
	.sub_wrap #header {padding-top:27px}
}

/* footer */
#footer{position:relative; z-index:1; padding:70px 0; border-top:1px solid #ddd;background: #ffff;}
#footer .ft_left > img{display:block; float:left; height:110px; margin-bottom:53px; margin-right:60px}
#footer .ft_left > p{float:left;  padding-top:20px; font-weight:800; font-size:16px; text-transform:uppercase;}
#footer .ft_left > p span{  font-size:14px; color:#acabab}
	#footer .ft_left > p.pc{ display:block}
	#footer .ft_left > p.m{display:none}

#footer .ft_right{text-align:right;}
#footer .ft_right > div{display:flex; align-items:center; margin-top:64px;}

#footer .menu > li > a{font-weight:900; font-size:40px; color:#222; text-transform:uppercase;}

#footer .wrap{display:flex; justify-content:space-between; align-items:flex-end;}

#footer .list_sns{ display:block}
#footer .list_sns svg{fill:#000;}
#footer .list_sns li{opacity:0.51; float:left; margin-top:15px}
#footer .list_sns li:hover{opacity:1;}
@media screen and (max-width:1780px){
	#footer{padding:50px 0; }
	#footer .ft_left > p{font-size:13px;} 
	#footer .ft_left > p span{  font-size:12px;}
}


ul.list_adm{display:flex; margin-right:30px;}
ul.list_adm > li{margin-left:20px;}
ul.list_adm > li a{font-size:14px;}
ul.list_adm > li:first-child{margin-left:0;}

/* full menu */
#header .full_menu > .inner .right_full .btn_contact{position:absolute; top:-7%; right:60px;}

.full_menu{position:fixed; opacity:0; visibility:hidden; top:0; left:0; z-index:9998; width:100%; background: #000000; transition:all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99);height: 100vh;}
.full_menu > .inner{display:flex; opacity:0; height:-webkit-calc(100vh - 67px * 1); height:calc(100vh - 67px * 1); margin-top:167px; margin-left:200px; background:#fff; transition:all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99); transform:translateY(60px);}
.full_menu .left_full img{height:70px;}
.full_menu > .inner > *{position:relative; height:100%;}
.full_menu > .inner .right_full{opacity:0; width:680px; transition:all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99); transform:translateX(60px);}
.full_menu > .inner .left_full{width:-webkit-calc(100% - 680px * 1); width:calc(100% - 680px * 1);}
.full_menu > .inner .left_full > div{position:relative; height:-webkit-calc(100% - 140px * 1); height:calc(100% - 140px * 1); margin:70px 100px;}

.full_menu ul.list_adm a{font-weight:700; color:#111;}
.full_menu ul.list_adm{position:absolute; top:0; right:0; margin-right:0;}

.full_menu > .inner .left_full > div > p{position:absolute; opacity:0.3; right:0; bottom:0; font-weight:900; font-size:13px;}
.full_menu > .inner .left_full > div .nav{margin-top:60px;}
.full_menu > .inner .left_full .gnb > li:first-child > ul > li:last-child a{font-weight:900;}

.full_menu ul.gnb > li{opacity:0; transition:all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99); transform:translateY(30px);}
.full_menu ul.gnb > li > a::after,
.full_menu ul.gnb > li > a::before{content:""; position:absolute; background:#000;}
/*.full_menu ul.gnb > li:last-child > a::before, .full_menu ul.gnb > li:last-child > a::after{opacity:0;}*/
.full_menu ul.gnb > li > a::before{top:23px; right:-25px; width:3px; height:15px;}
.full_menu ul.gnb > li > a::after{top:29px; right:-31px; width:15px; height:3px;}
.full_menu ul.gnb > li > a{display:inline-block; position:relative; font-weight:900; font-size:40px; color:#222; text-transform:uppercase;}
.full_menu .gnb_2dul{display:block; overflow:hidden}
.full_menu .gnb_2dli{ float:left; margin-right:50px}
.full_menu li:last-child{ margin-right:0}
.full_menu .gnb_2dli a{opacity:0.42; font-weight:700; font-size:18px; letter-spacing:-0.02rem; transition:all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99); text-transform:uppercase;}
.full_menu ul.gnb > li > ul > li > a em{display:none;}
.full_menu ul.gnb > li > ul{display:flex;}
.full_menu ul.gnb > li > ul > li{margin-right:30px;}
.full_menu ul.gnb > li > ul > li > a:hover{opacity:1;}
.full_menu ul.gnb > li > ul{margin-top:15px;}
.full_menu ul.gnb > li:not(:first-child){margin-top:30px;}

.full_menu.open{opacity:1; visibility:visible;}
.full_menu.open > .inner{opacity:1; transform:translateY(0px);}
.full_menu.open > .inner .right_full{opacity:1; transform:translateX(0px); transition-delay:0.2s;}
.full_menu.open ul.gnb > li{opacity:1; transform:translateY(0px);}
.full_menu.open ul.gnb > li:nth-child(1){transition-delay:0.3s;}
.full_menu.open ul.gnb > li:nth-child(2){transition-delay:0.4s;}
.full_menu.open ul.gnb > li:nth-child(3){transition-delay:0.5s;}
.full_menu.open ul.gnb > li:nth-child(4){transition-delay:0.6s;}

.open #fp-nav{z-index:50;}

@media screen and (max-width:1540px){
	#header .btn_contact{width:170px; height:170px;}
	#header nav .gnb > li{padding:0px 30px;}
	
	body:not(.fp-viewing-1Page) #header .area_util{right:200px;}
	
	.list_sns li:not(:first-child){margin-left:14px;}
	.list_lang{margin-right:20px;}

	#footer .ft_left > p.pc{ display:none}#footer .ft_left > p.m{display:block}
}

@media screen and (max-width:1440px){
	#header > .inner{margin:0 80px;}

	body.sub #header > .inner{margin:0 0 0 80px;}
	
	.full_menu > .inner .left_full > div{margin:70px 80px;}
	.full_menu > .inner .right_full{width:600px;}
	.full_menu > .inner .left_full{width:-webkit-calc(100% - 600px * 1); width:calc(100% - 600px * 1);}
}

@media screen and (max-width:1365px){
	#header .btn_contact{right:0; width:180px; height:180px;}
	#header .btn_contact a{height:-webkit-calc(100% - 58px); height:calc(100% - 58px); padding:0;}
	#header .btn_contact a em{left:23px; font-size:16px;}
	#header h1{/*width:55px; height:55px;*/}
	#header .btn_contact{ top:530px; right:3%; width:180px; height:180px;}
	#header nav{position:relative; top:0px; right:-100%; z-index:998; width:80%; height:100%; margin:0; background:#fff;}
	#header nav.active{right:0px; box-shadow:-5px 0px 15px rgba(0,0,0,0.1); transition:all 0.5s ease-out 0s;}
	#header nav .gnb > li{display:block;}
	#header nav .gnb{display:none; position:absolute; top:0px; right:0px; width:100%; overflow-y:auto;}
	#header nav .gnb > li{padding:0;}
	#header nav .gnb > li > a{display:block; padding:17px 0; font-size:18px; color:#111; transition:all 0.3s ease 0s;}
	#header nav .gnb > li ul{display:none; padding:0px 0 20px;}
	#header nav .gnb > li ul > li > a{display:block; padding:10px 0px;}
	#header nav .gnb > li ul li.active a{color:#eeaf5e;}
	
	body:not(.fp-viewing-1Page) #header .area_util{right:210px;}
	
	.full_menu > .inner .right_full{width:510px;}
	.full_menu > .inner .left_full{width:-webkit-calc(100% - 500px * 1); width:calc(100% - 500px * 1);}
	#footer .ft_left > img{ margin:0 25px 0 20px}  
}

@media screen and (max-width:1279px){
	body, 	p, li, a{font-size:15px;}
	#wrap{margin-left:80px;}
	
	.bar_menu{width:79px;}
	.bar_menu .btn{margin:60px auto 0;}
	
	#header{width:-webkit-calc(100% - 80px); width:calc(100% - 80px);}
	#header nav{margin:16px 0 0 80px;}
	#header nav .gnb > li{padding:0px 25px;}
	#header > .inner{margin:0 60px;}
	
	body.sub #header > .inner{margin:0 0 0 61px;}
	
	.full_menu > .inner .right_full{width:340px;}
	.full_menu > .inner .left_full{width:-webkit-calc(100% - 340px * 1); width:calc(100% - 340px * 1);}
	.full_menu > .inner .left_full > div{height:-webkit-calc(100% - 120px * 1); height:calc(100% - 120px * 1); margin:60px 60px;}
	.full_menu ul.gnb > li > a{font-size:34px;}
	.full_menu > .inner{height:-webkit-calc(100vh - 57px * 1); height:calc(100vh - 57px * 1); margin-top:57px; margin-left:80px;}
	.full_menu.open > .inner .right_full{background-size:cover !important;}

}

@media all and (min-width:1024px){
	#header nav .gnb > li ul{display:none; position:absolute; opacity:0; visibility:hidden; top:15px; right:-18px; width:100%; padding:14px 20px; background:#fff; 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:35px; 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-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 > .inner{margin:0 40px 0 50px;}
	#header .btn_contact{width:160px; height:160px; right}

	body.sub #header > .inner{margin:0 0 0 50px;}
	body:not(.fp-viewing-1Page) #header .area_util{right:180px;}
	
	.list_sns li:not(:first-child){margin-left:13px;}
	.list_lang{margin-right:40px;}
	
	.full_menu.open > .inner .right_full{display:none;}
	.full_menu > .inner .left_full{width:100%;}
	
	ul.list_adm{margin-right:30px;}
	
	#footer .ft_left > img{height:90px; margin-bottom:0;}
}

@media screen and (min-height:940px){
	.full_menu.open > .inner .right_full{background-size:cover !important;}
}

@media all and (max-width:767px){
	body, 	p, li, a{font-size:14px;}
	
	.btn_basic > span{width:175px; height:65px; box-shadow:10px 13px 29px 0px rgb(0 84 83 / 12%);}
	.btn_basic > span::after{right:20px;}
	.btn_basic > span > i{margin-left:23px;}
	
	#header nav{width:85%;}
	#header nav .gnb > li > a{padding:14px 0; font-size:16px;}
	#header nav .gnb > li > a.on{font-weight:700;}
	#header > .inner{margin:0 20px 0 30px;}	
	#header .btn_contact{/*display:none;*/ right:10%}
	
	.bar_menu.open{background:none;}

	body.sub #header > .inner{margin:0 20px 0 30px;}	
	body.open .bar_menu.open{border-color:transparent !important;}
	body:not(.fp-viewing-1Page) #header .area_util{top:12px; right:10px !important; margin-top:-2px;}
	
	.full_menu > .inner{height:-webkit-calc(100vh - 51px * 1); height:calc(100vh - 81px * 1); margin-top:111px; margin-left:30px;}
	.full_menu ul.gnb > li > ul{flex-wrap:wrap;}
	.full_menu .left_full img{display:none; height:50px;}
	.full_menu ul.gnb > li > a{font-size:26px;}
	.full_menu ul.gnb > li > a::after{top:18px; right:-26px;}
	.full_menu ul.gnb > li > a::before{top:12px; right:-20px;}
	.full_menu ul.gnb > li > ul > li > a{font-size:17px;}
	.full_menu > .inner .left_full > div{margin:60px 60px 60px 110px;}
	.full_menu > .inner .left_full > div{height:-webkit-calc(100% - 50px * 1); height:calc(100% - 50px * 1); margin:25px;}
	.full_menu ul.list_adm{display:none;}
	.full_menu ul.gnb > li > ul > li{margin-right:15px; margin-bottom:4px;}
	.full_menu ul.gnb > li > ul{margin-top:12px;}
	.full_menu ul.gnb > li:not(:first-child){margin-top:25px;}	
	
	#footer .ft_left > img{display:none;}
	#footer .wrap{display:block;}
	
	ul.list_adm{display:none;}
	ul.list_adm > li{margin-left:20px;}
	
	#footer .menu > li > a{font-size:30px;}
	#footer .ft_right > div{justify-content:flex-start;}
	#footer .ft_right{text-align:left;}
	#footer{overflow:hidden; padding:40px 0 150px;}
}

@media screen and (max-width:639px){
	#wrap{overflow:hidden; margin-left:0;}
	
	.bar_menu{top:20px; right:7px; left:auto; z-index:99; width:auto; height:auto; padding:13px 13px; background:none; border:none;}
	.bar_menu .btn{margin:0 auto 0;}
	
	#header{width:100%; padding-top:22px;}
	#header > .inner{margin:0 20px;}
	#header .btn_contact{display:block;}
	
	.list_sns svg{height:24px;}
	
	#header .btn_contact{position:fixed; top:auto !important;right: 3%;bottom: 20px;width: 130px; height:auto;}
	#header .btn_contact a{padding:0;}
	#header .btn_contact a > i{display:none;}
	#header .btn_contact a em{display:block; position:relative;bottom: 0px; left:0;font-size: 12px; text-align:center;}
	#header .btn_contact a{padding: 18px 15px;text-align: center;}
	#header .area_util{right:45px; margin-top:10px;}
	
	body.sub #header > .inner{margin:0 20px 0 20px;}
	body:not(.fp-viewing-1Page) #header .area_util{right:50px !important;}
	/*body.fp-viewing-3Page #header .btn_contact{}
	body.fp-viewing-3Page #header .btn_contact img{ width:100%;}
	body.fp-viewing-1Page .bar_menu .btn > a > i,
	body.fp-viewing-3Page .bar_menu .btn > a > i{background:#fff;}
	body.fp-viewing-1Page .list_lang a,
	body.fp-viewing-3Page .list_lang a{color:#222;}
	body.fp-viewing-1Page .list_lang li.on::after,
	body.fp-viewing-3Page .list_lang li.on::after{background:#222;}*/
	#header .btn_contact img{ width:100%;}

	.bar_menu .btn > a > i, .bar_menu .btn > a > i{background:#ccc;}
	
	.list_lang a, .list_lang a{color:#222;} 
	.list_lang li.on::after, .list_lang li.on::after{background:#222;}

	
	.list_lang{position:fixed; opacity:0; visibility:hidden; top:28px; left:43px; z-index:9999;}
	.open .list_lang a,
	body.fp-viewing-1Page.open .list_lang a,
	body.fp-viewing-3Page.open .list_lang a{color:#fff;}
	.open .list_lang li.on::after,
	body.fp-viewing-1Page.open .list_lang li.on::after,
	body.fp-viewing-3Page.open .list_lang li.on::after{background-color:#fff;}
	.open .list_lang{opacity:1; visibility:visible;}

	.list_lang li{margin-left:14px;}
	.list_lang a{font-size:12px;}
	.list_lang li.on::after{bottom:1px;}
	.list_sns li:not(:first-child){margin-left:12px;}
	.full_menu > .inner{margin-top:77px;}
}

@media screen and (max-width:400px){
	.full_menu > .inner .left_full > div .nav{margin-top:60px;}
	.full_menu .left_full img{height:43px;}
	.full_menu > .inner .left_full > div > p{display:none;}
	.full_menu ul.gnb > li > ul > li > a{font-size:17px;}
	.full_menu ul.gnb > li > ul > li{margin-right:17px;}
	.full_menu ul.gnb > li:not(:first-child){margin-top:21px;}
	.full_menu ul.gnb > li > ul{margin-top:10px;}
	.full_menu ul.gnb > li > a{font-size:24px;}
}

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

	.full_menu > .inner .left_full > div .nav{margin-top:9vh;}
	.full_menu ul.gnb > li > ul > li > a{font-size:16px;}
	.full_menu ul.gnb > li > a{font-size:23px;}
	.full_menu ul.gnb > li > ul > li{margin-right:15px;}
	.full_menu ul.gnb > li > a::before{top:10px;}
	.full_menu ul.gnb > li > a::after{top:16px;}
	
	.list_lang{left:38px;}
}

@media all and (max-width:359px){}


.pc{ display:block} .m{display:none}
@media all and (max-width:1200px){ 
	.pc{ display:none} .m{display:block}
}