.logo, .logo a, .fa_nav .nav-dropit .dropit-trigger > a:after{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/* ========================================== PC ========================================== */

/* Header Nav */
#jheader-wrap{position: fixed; z-index: 100; width: 100%; height: 90px; background: #fff; transition: all 0.3s; font-family: 'Jost', sans-serif;}
#jheader-wrap .depth3{display: block;}
#jheader .lnb-line{position: relative; width: 100%; max-width: 1160px; height: 100%; text-align: center; margin: 0 auto;}
#jheader.fixed{position: fixed; top: 0; width: 100%;}
#jheader .lnb-line:after{content: ""; visibility: hidden; display: block; height: 0; clear: both;}
#jlnb{width: 100%; padding: 0 50px 0 280px; box-sizing: border-box; display: inline-block; position: static;}
.lnb-line #menu-ctl{display: none; position: absolute; top: 0px; right: 0px; z-index: 10;}
#jlnb *{box-sizing: border-box;}
#jlnb > ul:after{content: ""; visibility: hidden; display: block; height: 0; clear: both;}
#jlnb > ul{width: 100%;}
#jlnb > ul > li{width: 20%; display: inline-block; height: 90px; float: left; transition: all 0.5s; white-space: nowrap;}
#jlnb > ul > li > a{position: relative; display: block; width: 100%; height: 100%; text-align: center; font-size: 15px; color: #000; padding: 0; overflow: hidden; transition: all 0.2s; font-weight: normal; font-weight: 500; line-height: 50px; padding-top: 20px;}
#jlnb > ul > li > a:hover{color: #006666;}
#jlnb > ul > li > a span{position: absolute; display: block; width: 0; height: 0; background: #006666; transition: all 0.4s; bottom: -1px; left: 50%;}
#jlnb > ul > li:hover > a span{width: 100%; height: 4px; left: 0;}
#jlnb > ul > li > ul{position: absolute; top: 90px; left: 0; width: 100%; display: none; box-sizing: content-box; z-index: 2; background: #fff; height: 75px;}
#jlnb > ul > li > ul ul{position: absolute; width: 100%; display: none; border: 1px solid #525252; box-sizing: content-box; top: 0; left: 100%; margin-left: 0px;}
#jlnb > ul li.on > div > ul{position: absolute; display: block;}
#jlnb > ul li.on > ul{position: absolute; display: block;}
#jlnb > ul > li li{line-height: 75px; padding: 0;}
#jlnb > ul > li li > a{width: 100%; height: 100%; display: block; padding: 0; color: #555; font-size: 15px; font-weight: normal;}
#jlnb > ul > li li > a:hover{color: #006666;}
#jlnb .arrow{position: absolute; width: 30px; height: 30px; font-size: 14px; color: #fff; display: inline-block; right: -5px; top: 50%; margin-top: -15px; text-align: center; line-height: 30px; z-index: 1;}
#jlnb ul.depth2{height: auto;}
#jlnb ul.depth2 > li{position: relative; float: left; vertical-align: top; width: 180px; text-align: left; padding: 30px 0; margin-left: 2%;}
#jlnb ul.depth2 > li:first-child{margin-left: 28.3%; width: 150px; font-size: 18px; font-weight: 700; color: #000; line-height: 30px;}
#jlnb ul.depth2 > li > a{font-size: 15px; font-weight: 500; line-height: 25px;}
#jlnb ul.depth2 .depth2_child > ul{position: relative; width: 100%; border: 0; box-sizing: border-box; top: 0; left: 0;	margin-left: 0px; padding-top: 10px;}
#jlnb ul.depth2 .depth2_child > ul li{width: 100%; line-height: 23px; padding-left: 2px; margin-bottom: 9px;}
#jlnb ul.depth2 .depth2_child > ul li a{font-weight: 400;}
#jlnb ul.depth2 .depth2_child > ul li a:hover{color: #000; text-decoration: underline;}
#jlnb ul.depth2 > li li > a{display: inline-block; font-size: 16px; white-space:normal;}


/* Logo */
.logo{width: 230px; height: 150px; text-align: center; position: absolute; z-index: 2;}
.logo a{display: block; width: 100%; height: 100%; background: url(../imgs/logo.png) no-repeat center #114e4f; background-size: 100%;}
.scrolled .logo{height: 120px;}
.scrolled .logo a{background-size: 70%;}


/* Only Main */
.only_main .logo{height: 300px;}
.only_main .logo a{background-position: center 150px;}
.only_main.scrolled .logo{height: 120px;}
.only_main.scrolled .logo a{background-position: center;}
.only_main #jheader-wrap{background-color: transparent;}








/* Sitemap Button */
#open-button{position:absolute; z-index:2000; right:0; top:50%; margin-top: -10px; cursor:pointer; display:block;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
#open-button > div{width: 24px; height: 20px;}
#open-button .navicon-line{position:absolute; width:24px; height:2px; border-radius:1px; background:#000; left: 0;
	-webkit-transition:all .7s ease-out;
	-moz-transition:all .7s ease-out;
	-o-transition:all .7s ease-out;
	transition:all .7s ease-out;
}
#open-button .nl1{top: 0;}
#open-button .nl2{top: 8px;}
#open-button .nl3{top: 16px;}
#open-button.on>div>div{width:25px; position:absolute; top:15px; right:10px; margin:0; padding:0; background-color:#000;
	-ms-transform:rotate(225deg);
	-webkit-transform:rotate(225deg);
	transform:rotate(225deg);
}
#open-button.on>div>div:first-child{
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
#open-button.scrolled .navicon-line{background-color: #fff;}
#open-button.on.scrolled >div>div{background-color:#fff;}



/* Sitemap */
#sitemap {border:0; width:100%; height: 100%; top: 0 !important; left: 0 !important; font-family: 'Jost', sans-serif;}
#sitemap h2{ font-size:36px; color:#fff; text-align:center; padding:0 0 20px 0; width:100%; border-bottom:1px solid rgba(255, 255, 255, .3)}
#sitemap .depth1{margin: 200px 50px 0; height: 100%;}
#sitemap .depth1 > li{float:left; width:20%; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.2); padding-right: 20px;}
#sitemap .depth1 > li:first-child{border-left: 0;}
#sitemap .depth1 > li > a{font-size:30px; display:block;text-align:left;color:#fff;margin-bottom:30px; margin-top: 30px;}
#sitemap .depth1 .nav_num{display: block; font-size: 28px; font-weight: bold; color: rgba(255, 255, 255, 0.7); display: none;}
#sitemap .depth2 > li{margin-top: 5px;}
#sitemap .depth2 > li:first-child{margin-top: 0;}
#sitemap .depth2 > li > a{font-size:18px; font-weight: normal; display:block;line-height:2.1;color:#fff;opacity:0.5; padding-left: 10px;}
#sitemap .depth3 > li > a{font-size:14px; display:block; line-height:2.1; padding-left:25px; color:#fff;opacity:0.7;}
#sitemap .depth3 > li > a:hover{text-decoration: underline;}
#sitemap .mfp-close{position:absolute; left: 50%; top:50px; margin-left: -30px; z-index:1; width:60px; height:60px; border:0; color:#fff; font-size: 30px;}
#sitemap .mfp-close:after {background: url(../imgs/arrow_closed.png) no-repeat center center;}
#sitemap .arrow i{display:none}
.b-modal{opacity: 1 !important; background: #114e4f !important;}
#sitemap .depth4{display: none !important;}


/* Quick nav */
.quick_wrap{position: fixed; top: 50%; right: 30px; margin-top: -52px; z-index: 2;}
.quick_wrap ul li{margin-top: 16px;}
.quick_wrap ul li:first-child{margin-top: 0;}
.quick_wrap ul li a{display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: cover !important;}
.quick_wrap ul li:nth-child(1) a{background-image: url("../imgs/quick_02.png");}
.quick_wrap ul li:nth-child(2) a{background-image: url("../imgs/quick_01.png");}


/* Quick nav */
.quick_mobile_wrap{position: fixed; top: 20px; right: 70px; z-index: 2; display: none;}
.quick_mobile_wrap ul{display: flex;}
.quick_mobile_wrap ul li{margin-left: 10px;}
.quick_mobile_wrap ul li:first-child{margin-left: 0;}
.quick_mobile_wrap ul li a{display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: cover !important;}
.quick_mobile_wrap ul li:nth-child(1) a{background-image: url("../imgs/quick_02.png");}
.quick_mobile_wrap ul li:nth-child(2) a{background-image: url("../imgs/quick_01.png");}


/* 배경색 및 폰트 색 */
#jheader-wrap.active #jlnb > ul > li > a{color: #000;}
#jheader-wrap.active #jlnb > ul > li > a:hover {color: #006666;}
#jheader-wrap.active{background: #fff;}
#jheader-wrap.active #open-button .navicon-line{background: #000;}
#jheader-wrap .nav_num{display: none;}
#jheader-wrap .logo a{background-image: url(../imgs/logo.png);}
#jheader-wrap.active .logo a{background-image: url(../imgs/logo.png);}
.scrolled #jheader-wrap{background: #fff;}
.scrolled #jlnb > ul > li > a{color: #000;}
.scrolled #open-button .navicon-line{background: #000;}
.scrolled .lang_nav li a{color: #fff;}



@media screen and (max-width: 1023px) {
	/* Header Nav */
	#jheader #jlnb, #jheader #open-button{display: none;}
	#jheader-wrap{position: fixed; top: 0; height: 60px;}
	
	/* Logo */
	.logo{width: 180px; height: 130px;}
	
	.scrolled .logo{height: 80px;}
	.scrolled .logo a{background-size: 80%;}

	/* Only Main */
	.only_main .logo{height: 200px;}
	.only_main .logo a{background-position: center 100px;}
	.only_main.scrolled .logo{height: 80px;}
	
	
	/* Header Nav */
    #jlnb > ul > li > a {padding: 0 20px;}
    #jlnb ul.depth2 > li:first-child{margin-left: 13%;}
    #jlnb ul.depth2 > li{width: 150px;}
    .lang_nav li a i{margin-left: 7px;}
	
	/* Sitemap */
	#sitemap {display:none}
	
	/* Quick nav */
	.quick_wrap{display:none; right: 3%;}
	/* Quick nav */
	.quick_mobile_wrap{display: block;}
}

@media screen and (max-width: 960px) {
	/* Sitemap Button */
    #open-button{ display:none}
}

@media screen and (max-width: 767px) {
	/* Language */
    .lang_nav{width: 140px;}
	
}

@media screen and (max-width: 640px) {	
	/* Logo */
	.logo{width: 120px; height: 90px;}
	.scrolled .logo{height: 80px;}
	.scrolled .logo a{background-size: 90%;}

	/* Only Main */
	.only_main .logo{height: 130px;}
	.only_main .logo a{background-position: center 60px;}
	.only_main.scrolled .logo{height: 80px;}
}




/*#jlnb > ul > li:nth-child(1) > .depth2{display: block !important;}*/
/*********************************************** Type2('Horizontal')  **********************************************/
/*
#jlnb ul.depth2 > li{float: inherit; display: inline-block; width: auto; padding: 25px 30px; margin-left: 30px;}
#jlnb ul.depth2 > li:first-child{display: none;}
#jlnb ul.depth2 > li:after{content: ''; position: absolute; width: 11px; height: 11px; left: -20px; top: 36px; background: url("../imgs/nav_line.png") no-repeat center right;}
#jlnb ul.depth2 > li:first-child+li:after{content: ''; display: none;}
#jlnb ul.depth2 > li:first-child+li{margin-left: 0;}
#jlnb ul.depth2 > li > a{text-align: center;}
#jlnb ul.depth2 > li .depth2_child{display: none !important;}
*/

/*#jlnb > ul > li:nth-child(1) > .depth2 > li:nth-child(2) .depth2_child{display: block !important;}*/
/*********************************************** Type3('Vertical')  **********************************************/
/*
#jlnb > ul > li{position: relative;}
#jlnb ul.depth2{min-width: 100%;}
#jlnb ul.depth2 > li{float: inherit; display: block; width: 100%; padding: 12px 0 12px 20px; margin-left: 0; border-bottom: 1px solid #f3f3f3;}
#jlnb ul.depth2 > li:first-child{display: none;}
#jlnb ul.depth2 > li .depth2_child{display: none;}
#jlnb ul.depth2 .depth2_child{position: absolute; top: 0; left: 100%; z-index: 2; width: 100%; background: #fff; border-left: 1px solid #f3f3f3;}
#jlnb ul.depth2 .depth2_child > ul{padding: 10px 0;}
#jlnb ul.depth2 .depth2_child > ul li{width: 100%; padding: 10px 0 10px 20px; margin-bottom: 0;}

@media (max-width:1400px){	
	#jlnb ul.depth2{width: auto;}
}
*/

/*********************************************** Type4('All')  **********************************************/

#jheader{position: relative; height: 90px;}
#jheader .nav_bg{content: ''; position: absolute; width: 100%; height: 210px; background: #fff; top: 90px; left: 0; display: none; box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);}
#jlnb > ul > li{position: relative;}
#jlnb > ul > li > ul{background-color: transparent;}
#jlnb ul.depth1 > li:nth-child(1) ul.depth2{margin-left: 8%;}
#jlnb ul.depth1 > li:nth-child(2) ul.depth2{margin-left: 20%;}
#jlnb ul.depth1 > li:nth-child(3) ul.depth2{margin-left: 11%;}
#jlnb ul.depth1 > li:nth-child(4) ul.depth2{margin-left: 12%;}
#jlnb ul.depth1 > li:nth-child(5) ul.depth2{margin-left: 29%;}
#jlnb ul.depth2{min-width: 100%;}
#jlnb ul.depth2 > li{float: inherit; display: block; width: 100%; padding: 0 20px; margin-left: 0;}
#jlnb ul.depth2 > li:first-child{display: none;}
#jlnb ul.depth2 > li .depth2_child{display: none !important;}
#sitemap .depth2 > li:first-child{display: none}

@media (max-width:1023px){	
    #jheader{height: 60px;}
    #jheader:after{content: ''; display: none !important;}
}


/* ========================================== Mobile ========================================== */


/* 모바일 Nav Button */
#btn-menu-m, #btn-menu-m span {display: inline-block; transition: all 0.4s; box-sizing: border-box;}
.m_nav_btn{position: fixed; width: 60px; height: 60px; top: 0; right: 0; z-index: 120; display: none;}
#btn-menu-m{position: relative; width: 100%; height: 100%;}
#btn-menu-m span{position: absolute; left: 18px; width: 24px; height: 2px; background-color: #000;}
#btn-menu-m.active span{width: 24px; background-color: #fff !important; height: 1px;}
#btn-menu-m span:nth-of-type(1){top: 21px;}
#btn-menu-m span:nth-of-type(2){top: 29px;}
#btn-menu-m span:nth-of-type(3){top: 37px;}
#btn-menu-m.active span:nth-of-type(1){-webkit-transform: translateY(24px) rotate(-45deg); transform: translateY(24px) rotate(-45deg); top: 5px;}
#btn-menu-m.active span:nth-of-type(2){opacity: 0;}
#btn-menu-m.active span:nth-of-type(3){-webkit-transform: translateY(-24px) rotate(45deg); transform: translateY(-24px) rotate(45deg); top: 53px;}

#m-lnb-wrapper{position: fixed; top: 0; right: -100%; z-index: 110; width: 100%; height: 100vh; overflow: auto; background-color: #fff; box-sizing: border-box; transition: all 0.3s; font-family: 'Jost', sans-serif;}
.m-logo{position: relative; width: 100%; height: 60px; background: #006666; padding-left: 30px;}
.m-logo a{display: inline-block; background: url("../imgs/logo_mobile.png") no-repeat center left; width: 115px; height: 60px; background-size: 70%;}
#m-lnb-wrapper.on{right: 0px;}
#m-lnb > ul{border-bottom: 1px solid #e4e4e4; font-size: 14px;}
#m-lnb > ul li > a{color: #000;}
#m-lnb > ul > li > span{position: absolute; right: 0; top: 0; width: 20px; height: 55px; font-size: 17px; text-align: center; transition: all 0.4s; color: rgba(255,255,255,0.5); cursor: pointer}
#m-lnb > ul > li.on > span{transform: rotate(180deg);}
#m-lnb > ul > li li > span{position: absolute; right: 0; top: 0; width: 40px; height: 40px; font-size: 14px; text-align: center; transition: all 0.4s; color: tomato; cursor: pointer;}
#m-lnb > ul > li li > span.arrow_plus2 i{color: rgba(255,255,255,0.5); font-size: 17px;}
#m-lnb > ul > li li.on > span{transform: rotate(180deg);}
#m-lnb > ul li{position: relative;}
#m-lnb > ul > li > a{display: inline-block; padding: 0 30px; font-size: 17px; width: 100%; font-weight: 700;}
#m-lnb > ul > li{line-height: 51px; border-bottom: 1px solid #e4e4e4; background: #f8f8f8;}
#m-lnb > ul > li:first-child{border-top: 1px solid #e4e4e4;}
#m-lnb > ul > li > a{background: #fff; height: 53px;}
#m-lnb > ul > li.on > a{background: #f8f8f8; color: #006666;}
#m-lnb > ul > li:nth-last-child(1){border-bottom: 0;}
#m-lnb > ul > li ul{display: none; line-height: 40px;}
#m-lnb > ul > li ul.depth2{padding-bottom: 10px;}
#m-lnb > ul > li li {background-color: #f8f8f8; margin: 0 20px;}
#m-lnb > ul > li li li{line-height: 35px;}
#m-lnb > ul > li li > a{position: relative; display: inline-block; padding: 2px 15px; width: 100%; font-size: 15px; line-height: 25px;}
#m-lnb > ul > li li > a.depth_link2:after{content: ''; position: absolute; width: 18px; height: 18px; text-align: center; right: 0; border: 1px solid #908b89; background: url("../imgs/m-nav-arrow_plus.png") no-repeat center; background-size: 10px; top: 13px;}
#m-lnb > ul > li li.on > a.depth_link2:after{content: ''; width: 24px; height: 24px; background: url("../imgs/m-nav-arrow_minus.png") no-repeat center #006666; background-size: 10px; border: 0; top: 10px; right: -3px;}
#m-lnb > ul > li li li > a{display: inline-block; padding: 0 10px 0 10px; font-size: 15px; line-height: 35px;}


@media screen and (max-width: 1023px) {
	.m_nav_btn{display: block;}
}




/* ========================================== Footer ========================================== */

.footer{position: relative; width: 100%; padding-top: 130px;}
.only_page11 .footer{padding-top: 0;}
.copy_right{background: #333; padding: 80px 0;}
.footer_inner{position:relative; max-width:1160px; margin:0 auto;}

.footer_lay{position: relative; display: flex; align-items: center; width: 100%;}
.footer_lay > div{}
.footer_lay > div:nth-child(1){width: 25%;}
.footer_lay > div:nth-child(2){width: 55%;}
.footer_lay > div:nth-child(3){width: 20%;}
.footer_lay > div > div{padding: 0 40px;}
.footer_lay > div:nth-child(2) > div{padding: 0 70px;}

.f_logo{width: 180px; height: 40px; background: url("../imgs/bottom_logo.png"); background-size: cover; margin-bottom: 20px;}

.footer_sns{display: inline-block;}
.footer_sns li{margin-top: 30px;}
.footer_sns li:first-child{margin-top: 0;}
.footer_sns li a{position: relative; padding-left: 30px; display: block; width: 100%; height: 24px; color: #ccc; font-size: 10px; line-height: 24px;}
.footer_sns li a:after{content: ''; position: absolute; top: 50%; margin-top: -12px; left: 0; width: 24px; height: 24px; background-size: 24px;}
.footer_sns li.fsns_instagram a:after{background-image: url("../imgs/icon_instagram.png");}
.footer_sns li.fsns_blog a:after{background-image: url("../imgs/icon_blog.png");}

.fa_nav{position: relative;}
.fa_nav .nav-dropit ul{display: none;}
.fa_nav .nav-dropit .dropit-trigger > a{width: 100%; display: inline-block; height: 32px; line-height: 32px; color: #333; background: #fff; box-sizing: border-box; padding: 0 30px 0 10px; font-weight: 300;}
.fa_nav .nav-dropit .dropit-trigger > a:after{content:""; position: absolute; width: 32px; height: 32px; top: 0; right: 0; background: url(../imgs/s_nav_arrow.png)no-repeat center; background-size: 12px; transform: rotate(0);}
.fa_nav .nav-dropit .dropit-open > a:after{content:""; transform: rotate(-180deg);}
.fa_nav .nav-dropit .dropit-open .dropit-submenu{display:block;}
.fa_nav .nav-dropit .dropit-submenu{position:absolute; z-index: 2; bottom:31px; background:#fff; border:1px solid #ddd; width:100%; box-sizing: border-box;}
.fa_nav .nav-dropit .dropit-submenu li{width:100%; height:32px; line-height:32px; border-top: 1px solid #ddd;}
.fa_nav .nav-dropit .dropit-submenu li:first-child{border-top: 0;}
.fa_nav .nav-dropit .dropit-submenu li a{display:block; width:100%; height:100%; color:#666; padding: 0 10px; box-sizing:border-box; text-align: left;}
.fa_nav .nav-dropit .dropit-submenu li a:hover{background: #4a4a4a; color: #fff;}

.footer_copy li{font-size: 14px; line-height: 1.5; color: #ededed; font-weight: 300;}
.footer_copy li:last-child{margin-top: 10px;}


.top_go{position:fixed; z-index:20; right:30px; bottom:58px; width:70px; height:70px; background:url(../imgs/top.png) center no-repeat #114e4f; background-size:contain; display:none; opacity: .9; border-radius: 10px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);}
.top_go:active{background-color: #114e4f;}


@media all and (max-width:1023px){
	.footer{padding-top: 100px;}
	.copy_right{padding: 60px 0;}
	
	.footer_inner{width: 94%;}
	.footer_lay > div > div{padding: 0 10px;}
	.footer_lay > div:nth-child(2) > div{padding: 0 20px;}
}

@media all and (max-width:767px){	
	.footer{padding-top: 80px;}
	.copy_right{padding: 30px 0;}
	
	.footer_lay{flex-wrap: wrap;}
	.footer_lay > div{width: 100% !important; margin-top: 20px;}
	.footer_lay > div:first-child{margin-top: 0;}
	.footer_lay > div > div{padding: 0 !important;}
	
	.f_logo{width: 150px; height: 33px; margin-bottom: 15px;}
	
	.footer_lay > div.footer_sns_wrap{position: absolute; top: 5px; right: 0; display: inline-block; margin-top: 0; width: auto !important; z-index: 2;}
	.footer_lay > div.footer_sns_wrap > div{display: inline-block;}
	.footer_sns{display: flex;}
	.footer_sns li{width: 24px; margin-top: 0; margin-left: 10px; padding-left: 0;}
	.footer_sns li:first-child{margin-left: 0;}
	.footer_sns li a span{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
	
	.footer_copy li{font-size: 13px;}
	.footer_copy li:last-child{margin-top: 10px;}
	
	.top_go{display: none !important;}
}