body{font-size:1.1rem; font-family: 'NanumSquareNeo','Barlow'; background:#e8e5e0; overflow:hidden;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none}
p, span, ul li{transform : rotate(0.04deg)}

#container_wr{width:100%; max-width:1920px; margin:0 auto;}
#container{float:unset; margin:0 auto; width:100%;}
#wrapper{background:#e8e5e0; color:#3c4f3d;}
#hd, #wrapper, #ft{min-width:370px;}
#hd_wrapper{max-width:1280px; width:100%;}

.layout{max-width:1280px; width:100%; margin:0 auto;}
.blind{display:none;}

#hd{background:#e8e5e0; position:relative; max-width:1920px; margin:0 auto;}
#hd_wrapper{height:auto; display:flex; flex-wrap:wrap; align-items:end;}
#logo{width:30%; padding:0; display:flex; align-items:center; height:90px;}
#logo img{height:60px;}

.menu-icon {height: 30px; width: 30px; position: absolute; z-index: 2; left: 50px; top: 30px; cursor: pointer;}
.menu-icon__line {height: 2px; width: 30px; display: block; background-color: #ffffff; margin-bottom: 4px; transition: transform 0.2s ease, background-color 0.5s ease;}
.menu-icon__line-left {width: 15px;}
.menu-icon__line-right {width: 15px; float: right;}
.nav {position: fixed; z-index: 1;}
.nav:before, .nav:after {content: ""; position: fixed; width: 100vw; height: 100vh; background: rgba(234, 234, 234, 0.2); z-index: -1; transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transform: translateX(0%) translateY(-100%);}
.nav:after {background: white; transition-delay: 0s;}
.nav:before {transition-delay: 0.1s;}
.nav__content {visibility:hidden; position: fixed; top: 50%; transform: translate(0%, -50%); width: 100%; text-align: center; font-size: calc(2vw + 10px); font-weight: 200; cursor: pointer;}
.nav__list-item {position: relative; display: inline-block; transition-delay: 0.8s; opacity: 0; transform: translate(0%, 100%); transition: opacity 0.2s ease, transform 0.3s ease; margin-right: 25px;}
.nav__list-item:before {content: ""; position: absolute; background: #000000; width: 20px; height: 1px; top: 100%; transform: translate(0%, 0%); transition: all 0.3s ease; z-index: -1;}
.nav__list-item:hover:before {width: 100%;}
body.nav-active .menu-icon__line {background-color: #000; transform: translateX(0px) rotate(-45deg);}
body.nav-active .menu-icon__line-left {transform: translateX(1px) rotate(45deg);}
body.nav-active .menu-icon__line-right {transform: translateX(-2px) rotate(45deg);}
body.nav-active .nav {visibility: visible;}
body.nav-active .nav:before, body.nav-active .nav:after {transform: translateX(0%) translateY(0%);}
body.nav-active .nav:after {transition-delay: 0.1s;}
body.nav-active .nav:before {transition-delay: 0s;}
body.nav-active .nav__content{visibility:visible;}
body.nav-active .nav__list-item {opacity: 1; transform: translateX(0%); transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;}
body.nav-active .nav__list-item:nth-child(0) {transition-delay: 0.5s;}
body.nav-active .nav__list-item:nth-child(1) {transition-delay: 0.6s;}
body.nav-active .nav__list-item:nth-child(2) {transition-delay: 0.7s;}
body.nav-active .nav__list-item:nth-child(3) {transition-delay: 0.8s;}
body.nav-active .nav__list-item:nth-child(4) {transition-delay: 0.9s;}


#gnb{width:70%; background:transparent;}
#gnb #gnb_1dul{border-bottom:none;}
#gnb .gnb_1dli{line-height:unset; height:90px;}
#gnb .gnb_1dli::before{content:''; display:block; width:0%; height:90px; background:#3c4f3d; position:absolute; left:0; z-index:-1; transition:0.4s;}
#gnb .gnb_1dli:hover::before{width:100%;}
.gnb_1dli .bg{display:none;}
#gnb #gnb_1dul a{color:#3c4f3d; padding:0 60px; display:flex; height:100%; align-items:center; justify-content:center; transform : rotate(0.04deg); font-weight:500; transition:0.2s; position:relative; line-height:unset; z-index:1;}
#gnb .gnb_1dli:hover > a{color:#fff !important;}
.gnb_2dul{top:unset; min-width:unset; width:100%; padding-top:0;}
.gnb_2dul ul li a{font-size:1.1rem; padding:14px 10px !important; letter-spacing:-0.5px;}



#menuToggle{display: none; position: absolute; top: 25px; right: 20px; z-index: 99; -webkit-user-select: none; user-select: none;}
#menuToggle a{text-decoration: none; color: #232323; transition: color 0.3s ease;}
#menuToggle a:hover{color: tomato;}
#menuToggle input{display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; 
  -webkit-touch-callout: none;}
#menuToggle span{display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #cdcdcd; border-radius: 3px; z-index: 1; transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #fff;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px);}
#menu{position: absolute; max-width: 350px; width: 100vw; height: 100vh; margin:-100px 0 0 -296px; padding: 50px; padding-top: 125px; box-sizing: border-box; overflow-y: auto; 
background: #292929; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); text-align:center;}
#menu li{padding: 10px 0; font-size: 22px; color:#fff;}
#menu li a{color:#fff;}
#menu li label{cursor: pointer;}
#menuToggle input:checked ~ ul{transform: none;}
#menuToggle .sub_menu{display:none; background:#f9f9f9; margin-top:20px;}
#menuToggle .sub_menu a{display:block; color:#292929; padding:5px 20px; font-size:1.1rem; letter-spacing:-1px;}


/* table */
.tbs{width:100%;}
.tbs caption{height:0; text-indent:-9999px; overflow:hidden}
.tbs th, .tbs td{border: 1px solid #eee;}
.tbs th{padding:20px 10px; color:#434343; vertical-align:middle; background: #f9f9f9;}
.tbs th:first-child{border-left:0}
.tbs th:last-child{border-right:0}
.tbs td{background:#fff; padding:10px;}
.respon_table{overflow-x:auto}
.tac{text-align:center;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}

@font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'InkLipquid';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');






/* main */
.m_visual .visual{height:800px;}
.m_visual .visual01{display:flex; align-items:center; justify-content:center;}
.m_visual .visual02{background:url('../img/main/m_visual02.jpg?2') center no-repeat;}
.m_visual .visual03{background:url('../img/main/m_visual03.jpg?2') center no-repeat;}
.m_visual .visual04{background:url('../img/main/m_visual04.jpg?1') center no-repeat;}
.m_visual .txt{color:#fff; text-align:right; font-family: 'Cafe24Oneprettynight'; font-size:1.6rem; line-height:2.4rem; padding:237px 30px 0 0;}








/* footer */
#ft{background:#e2ddd9; color:#3c4f3d;}
#ft_wr{max-width:1280px; width:100%;}
#ft_wr .logo{font-size:1.2rem; font-weight:700; font-family:'Barlow'; margin-bottom:17px;}
#ft_wr .logo a{display:inline-block; vertical-align:middle; margin-left:6px; font-size:1.1rem;}
#ft_wr .logo .fa-youtube{color:#ff0000;}
#ft_wr .logo .fa-square-instagram{background-image:linear-gradient(to right, #f58430, #eb5034, #9c4871, #664291); -webkit-background-clip:text; color:transparent;}
#ft_wr ul li{letter-spacing:-0.5px;}
#ft_wr ul li b{font-weight:600; margin-right:10px;}
#ft_copy{width:100%; background:#e2ddd9; border-top:none;}

#top_btn{border:none; border-radius:50%; transition:0.2s;}
#top_btn:hover{background:#3c4f3d; color:#fff;}



/* ----------------------------------------- Media Query ----------------------------------------- */

@media only screen and (max-width : 1520px) {
	#ft_wr{padding:40px 20px;}
}


@media only screen and (max-width : 1290px) {
	.layout{padding:0 20px;}

	#logo{padding-left:20px;}
}


@media only screen and (max-width : 1000px) {
	body{font-size:0.953rem;}

	/* main */
	.m_visual .visual{height:600px;}
	.m_visual .visual01 img{width:350px;}

	/* footer */
	#ft_wr .logo{font-size:1rem;}
}


@media only screen and (max-width : 800px) {
	/* #hd_wrapper{height:70px;} */
	#gnb{display:none;}
	#menuToggle{display:block;}
	.menu-icon{left:30px; top:28px;}
	.nav__list-item{display:block; margin-right:0; margin-bottom:25px;}
	.nav__list-item:before{display:none;}
	.nav__content{font-size:calc(2vw + 15px);}

	#logo{display:none; height:70px;}
	#logo img{height:44px;}

	#top_btn{display:none;}

	.m_visual .visual02{background:url('../img/main/m_visual02_mb.jpg?1') center no-repeat;}
	.m_visual .visual03{background:url('../img/main/m_visual03_mb.jpg?2') center no-repeat;}
	.m_visual .visual04{background:url('../img/main/m_visual04_mb.jpg?2') center no-repeat;}
}


@media only screen and (max-width : 600px) {
	/* main */
}

@media only screen and (max-width : 400px) {
}