
:root{
  --main-black: #222;
  --main-gray: #ccc;
  --main-color: #ff7900;
}

/* 퀵메뉴 */
.quick_menu{position:fixed;top:20%;right:0;width:85px; z-index: 90; display: flex; flex-direction: column; }
.quick_menu li{list-style:none;display:flex;/* margin-bottom:1px; */position:relative;height:85px}
.quick_menu li a{/* position:absolute; */ display:flex;align-items:center;background:rgba(231, 62, 29,.9);/* right:-90px; */ transform: translateX(0px); transition:all .5s ease; border: 1px solid rgba(255,255,255,0.1);}

.quick_menu li a .img{width:85px; aspect-ratio: 1 / 1; display:flex;justify-content:center;align-items:center;}
.quick_menu li a p{width:120px;font-size:14px;font-weight:500;color:#fff;margin-bottom:0;}
.quick_menu li a .img img{
  max-width: 60%;
}
@media screen and (min-width:769px) {
.quick_menu li a:hover{transform: translateX(-120px);background:rgba(231, 62, 29,1);}
}

@media screen and (max-width:1660px) {
  .quick_menu{
    top:40%;
  }
}

@media screen and (max-width:768px) {
/* .quick_menu{width:50px; top:40%;} */
.quick_menu{
  top:auto;
  bottom: 10%;
  width: 50px;
}
.quick_menu li{height:auto}
.quick_menu li a{
  background:rgba(231, 62, 29,1)
}
.quick_menu li a .img{width:50px;}
.quick_menu li a .img img{
  max-width: 70%;
}
.quick_menu li a p {
  display: none;
}


}

/* header */


#header{position: fixed; padding:0; z-index: 100; left:0; top:0; width:100%; border-bottom: 1px solid rgba(255,255,255,0.3); transition:.5s ease all;}

.header {display:flex; justify-content:space-between; align-items:center;}
@media(max-width:1080px){
	.header {height: 80px;}
}
.header .header--left {display:flex; align-items:center;}
.header .header__logo {margin-right:70px; }
.header .header__logolink {display: block; color: #fff; /* font-weight: bold; */ font-size: 24px; font-family: 'NanumSquareNeoHeavy'; /* padding-bottom: 5px; */}
.header .header__logoimg {width: 187px;}
.header .header__logoimg--black {display:none;}
@media (max-width:1280px){
	.header .header__logo {margin-right: 10px;}
}
@media (max-width:1080px){
	.header .header__logo {margin-right: 0;}
}

.header .header__ui{display: flex; justify-content: flex-end;}
.header .header_icon {display: flex;}
.header .header_icon a {position:relative; width:80px; display: flex; flex-direction: column; align-items: center;}
.header .header_icon a p {color:#aaa; padding-top: 5px; font-size: 17px; font-weight: 600; letter-spacing: -0.5px; transition: all 0.4s;}
.header .header_icon a img {transition: all 0.4s;}
.header .header_icon a:not(:last-child) {margin-right:10px;}
.header .header_icon a img.ho {opacity: 0; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.header .header_icon a:hover img.ho {opacity: 1;}
.header .header_icon a:hover img.nor {opacity: 0;}
.header .header_icon a:hover p {color:var(--main-color);}

@media (max-width:1080px){
	.header .header_icon a:not(:last-child) {margin-right: 5px;}
}

.header .header__language {position: relative; text-align:center;}
.header .header__language .header__langbtn {display: flex; align-items:center; height: 80px; font-size: 16px; color: #fff; transition:.5s ease all;}
.header .header__language .header__langbtn--active {color: var(--main-color);}
.header .header__language .header__langbtn:active, 
.header .header__language .header__langbtn:focus-visible {color: var(--main-color);}
.header .header__language .header__langnavi{display: none; position:absolute; top: 100%; left: 50%; transform:translateX(-50%); padding:5px 0; background:#fff;}
.header .header__language .header__langlink{padding:5px 20px; display:block; font-size: 15px; color: var(--main-black);}
@media(min-width:769px){
	.header .header__language .header__langbtn:hover {color: var(--main-color);}
}
@media (max-width:1080px){
.header .header_icon {display:none;}
}


.header .header__login {display: flex; align-items: flex-end;}
.header .header__login .header__loglink {margin-left: 10px; display: block; font-size:16px; color:#fff; transition:.5s ease all;}
.header .header__login .header__loglink:first-of-type {margin-left: 0;}
.header .header__login .header__loglink:active,
.header .header__login .header__loglink:focus-visible {color: var(--main-color);}
@media(min-width:769px){
	.header .header__login .header__loglink:hover {color: var(--main-color);}
}
.header .header__navbar .header__mainmenu {display: flex; align-items: center; justify-content: center;}
.header .header__navbar .header__mainlist {}
/* .header .header__navbar .header__mainlist5 {display:none;} */
.header .header__navbar .header__mainlink {width:auto; height:100px; padding: 0px 20px; display: flex; align-items: center; justify-content: center; font-weight:600; font-size: 17px; color: rgba(255,255,255,0.8); transition:.5s ease all; border-bottom:2px solid transparent;}
.header .header__navbar .header__mainlink:focus-visible, 
.header .header__navbar .header__mainlink:active,
.header .header__navbar .header__mainlink--current {color: var(--main-color); border-bottom:2px solid var(--main-color)}

.header .header__navbar .header__submenu-box {width:100%; background: #fff; position: absolute; left:0; top:100%; padding:40px 0 40px 355px;border-top:1px solid #ddd; border-bottom:1px solid #ddd; display: none;}

.header .header__navbar .header__mainlist2 .header__submenu-box {padding:40px 0 40px 470px;}
.header .header__navbar .header__mainlist3 .header__submenu-box {padding:40px 0 40px 740px;}
.header .header__navbar .header__mainlist4 .header__submenu-box {padding:40px 0 40px 695px;}
.header .header__navbar .header__mainlist5 .header__submenu-box {padding:40px 0 40px 700px;}
.header .header__navbar .header__mainlist6 .header__submenu-box {padding:40px 0 40px 850px;}
.header .header__navbar .header__submenu{display: flex; background:#fff;  width: 100%; max-width:600px; justify-content: center;}
.header .header__navbar .header__submenu li:not(:last-child) {margin-right:50px;}
.header .header__navbar .header__submenu li {margin-bottom: 10px;}
.header .header__navbar .header__mainlist3 .header__submenu {justify-content: flex-start; /* max-width: 100%; */ flex-wrap: wrap;}
.header .header__navbar .header__sublink{display:block; transition:.5s ease all; font-size:15px; font-weight:600; color:#333; padding-bottom:3px;}
.header .header__navbar .header__sublink:focus-visible,
.header .header__navbar .header__sublink:active,
.header .header__navbar .header__sublink--current {color: var(--main-color);}
.header .header__navbar .header__mainlist3 .header__sublink {padding-bottom:0 !important;}
.header .header__navbar .header__mainlist6 .header__sublink {padding-bottom:0 !important;}

.header .header__navbar .header__3depts li:not(:last-child) {margin-bottom:15px;}
.header .header__navbar .header__3depts a {display:block; font-size:15px; color:#666; font-weight:500; transition:all 0.3s;}

.header .header__mognb {display:none;}
.header .header__mobtn {position: relative;}
.header .header__mobtn .icon-bar {margin-top: 6px; display:block; width:32px; height:3px; background-color: #fff; transition:all 0.3;}
.header .header__mobtn .icon-bar:first-of-type {margin-top: 0;}

.header .header__navbar .header__mainlist1 .header__submenu-box{
  height: 100px; padding-top: 40px; margin-top: 0px; padding-bottom: 40px; margin-bottom: 0px;
}

.header .header__navbar .header__mainlist2 .header__submenu-box{
  height: 100px; padding-top: 40px; margin-top: 0px; padding-bottom: 40px; margin-bottom: 0px;
}


.header .header__navbar .header__mainlist3 .header__submenu-box{
  height: 200px; padding-top: 40px; margin-top: 0px; padding-bottom: 40px; margin-bottom: 0px;
}


.header .header__navbar .header__mainlist3 .header__submenu li{
  width: calc( ( 100% / 4 ) - 50px );
}

.header .header__navbar .header__mainlist4 .header__submenu-box{
  height: 100px; padding-top: 40px; margin-top: 0px; padding-bottom: 40px; margin-bottom: 0px;
}

.header .header__navbar .header__mainlist5 .header__submenu-box{
  height: 100px; padding-top: 40px; margin-top: 0px; padding-bottom: 40px; margin-bottom: 0px;
}

@media (max-width:1860px){
	.header .header__navbar .header__submenu-box {padding:40px 0 40px 290px;}
  .header .header__navbar .header__mainlist2 .header__submenu-box{
    padding: 40px 0 40px 400px;
  }
  .header .header__navbar .header__mainlist3 .header__submenu-box {padding:40px 0 40px 670px;}
  .header .header__navbar .header__mainlist4 .header__submenu-box{
    padding:40px 0 40px 640px;
  }
  .header .header__navbar .header__mainlist5 .header__submenu-box{
    padding:40px 0 40px 630px;
  }
.header .header__navbar .header__mainlist6 .header__submenu-box {padding:40px 0 40px 780px;}
}

@media (max-width:1760px){
	.header .header__navbar .header__submenu-box {padding:40px 0 40px 220px;}
	.header .header__navbar .header__mainlist2 .header__submenu-box {padding:40px 0 40px 320px;}
  .header .header__navbar .header__mainlist3 .header__submenu-box{
    padding: 40px 0 40px 590px;
  }
  .header .header__navbar .header__mainlist4 .header__submenu-box{
    padding:40px 0 40px 570px;
  }
  .header .header__navbar .header__mainlist5 .header__submenu-box{
    padding:40px 0 40px 550px;
  }
.header .header__navbar .header__mainlist6 .header__submenu-box {padding:40px 0 40px 730px;}
}

@media (max-width:1660px){
	.header .header__navbar .header__submenu-box {padding:40px 0 40px 170px;}
	.header .header__navbar .header__mainlist2 .header__submenu-box {padding:40px 0 40px 270px;}
  .header .header__navbar .header__mainlist3 .header__submenu-box{
    padding: 40px 0 40px 550px;
  }
  .header .header__navbar .header__mainlist4 .header__submenu-box{
    padding:40px 0 40px 510px;
  }
  .header .header__navbar .header__mainlist5 .header__submenu-box{
    padding:40px 0 40px 490px;
  }
.header .header__navbar .header__mainlist6 .header__submenu-box {padding:40px 0 40px 650px;}
}

@media (max-width:1560px){
	.header .header__navbar .header__submenu-box {padding:40px 0 40px 120px;}
	.header .header__navbar .header__mainlist2 .header__submenu-box {padding:40px 0 40px 220px;}
  .header .header__navbar .header__mainlist3 .header__submenu-box {
    padding: 40px 0 40px 500px;
}
.header .header__navbar .header__mainlist4 .header__submenu-box {
  padding: 40px 0 40px 450px;
}
.header .header__navbar .header__mainlist5 .header__submenu-box{
  padding:40px 0 40px 440px;
}
.header .header__navbar .header__mainlist6 .header__submenu-box {padding:40px 0 40px 600px;}
	/* .header .header__navbar .header__submenu li:not(:last-child) {margin-right: 40px;} */
}

@media (max-width:1440px){
	.header .header__navbar .header__submenu-box {padding:40px 0 40px 120px;}
	.header .header__navbar .header__mainlist2 .header__submenu-box {padding:40px 0 40px 240px;}
  .header .header__navbar .header__mainlist3 .header__submenu-box {
    padding: 40px 0 40px 500px;
}
.header .header__navbar .header__mainlist4 .header__submenu-box {
  padding: 40px 0 40px 460px;
}

.header .header__navbar .header__mainlist5 .header__submenu-box{
  padding:40px 0 40px 440px;
}
.header .header__navbar .header__mainlist6 .header__submenu-box {padding:40px 0 40px 600px;}
	/* .header .header__navbar .header__submenu li:not(:last-child) {margin-right: 40px;} */
}
@media (max-width:1280px){
	.header .header__navbar .header__submenu-box {padding:40px 0 40px 60px;}
	.header .header__navbar .header__mainlist2 .header__submenu-box {padding:40px 0 40px 180px;}
  .header .header__navbar .header__mainlist3 .header__submenu-box {
    padding: 40px 0 40px 440px;
}
.header .header__navbar .header__mainlist4 .header__submenu-box {
  padding: 40px 0 40px 405px;
}

.header .header__navbar .header__mainlist5 .header__submenu-box{
  padding:40px 0 40px 400px;
}
.header .header__navbar .header__mainlist6 .header__submenu-box {padding:40px 0 40px 560px;}
	/* .header .header__navbar .header__submenu li:not(:last-child) {margin-right: 20px;} */
 /*  .header .header__navbar .header__mainlist4 .header__submenu-box{
    padding:40px 0 40px 280px;
  } */
}

@media(max-width:1080px){
	.header__navbar,
	.header .header__language,
	.header .header__login{display: none;}	
	.header .header__mognb {display:flex; align-items: center;}
}

#header.fix-header {background-color:#fff; box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
#header.fix-header .header__navbar .header__mainlink {color: #aaa;}
#header.fix-header .header .header__mobtn .icon-bar {background-color: var(--main-black);}
#header.fix-header .header .header__language .header__langbtn {color: var(--main-black);}
#header.fix-header .header .header__logo{color: #000;}
#header.fix-header .header .header__logoimg--white {display:none;}
#header.fix-header .header .header__logoimg--black {display:block;}
#header.fix-header .header .header__logolink {color: #000;}


#header.fix-header .header .header__navbar .header__mainlink:focus-visible, 
#header.fix-header .header .header__navbar .header__mainlink:active,
#header.fix-header .header .header__navbar .header__mainlink--current {color: var(--main-color); border-bottom:2px solid var(--main-color)}

#header.header-enter {background-color:#fff; box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
#header.header-enter .header__navbar .header__mainlink {color: #aaa;}
#header.header-enter .header .header__mobtn .icon-bar {background-color: var(--main-black);}
#header.header-enter .header .header__language .header__langbtn {color: var(--main-black);}
#header.header-enter .header .header__logoimg--white {display:none;}
#header.header-enter .header .header__logoimg--black {display:block;}
#header.header-enter .header .header__logolink {color: #000;}

#header.header-enter .header .header__navbar .header__mainlink:focus-visible, 
#header.header-enter .header .header__navbar .header__mainlink:active,
#header.header-enter .header .header__navbar .header__mainlink--current {color: var(--main-color); border-bottom:2px solid var(--main-color)}

@media(min-width:769px){
	#header.fix-header .header .header__mainlist:hover .header__mainlink {color: var(--main-color);}
	.header .header__navbar .header__sublink:hover {color: var(--main-color);}

	#header.header-enter .header .header__mainlist:hover .header__mainlink {color: var(--main-color);}
	.header .header__navbar .header__sublist:hover .header__sublink {color: var(--main-color);}
	.header .header__navbar .header__3depts a:hover {color: var(--main-color);}
}

/*******************************/
/*******************************/
/*******************************/

/* bg ì–´ë‘ìš´ìƒ‰... */
.pushy {/* ë°°ê²½ ì „ì²´ */
  position:fixed;
  width:70%;
  max-width:500px;
  height:100%;
  top: 0;
  z-index:500;
  padding:40px;
  overflow:auto;
  visibility:hidden;
  -webkit-overflow-scrolling: touch;
  background:#111;
}

.pushy nav li.pushy-submenu > a, .pushy nav li.pushy-link > a {/* ëŒ€ë©”ë‰´ */
  display:block;
  padding:30px 0;
	font-size:17px;
  line-height: 1;
  letter-spacing: -1px;
  color: #b3b3b1;
	border-bottom: 1px solid #464646;
}
.pushy nav .pushy-submenu ul{/* ì„œë¸Œë©”ë‰´ ì „ì²´ë°°ê²½ */
	padding-left:0;
	background-color:#464646;
}
.pushy nav .pushy-submenu ul .pushy-link{/* ì„œë¸Œë©”ë‰´ ë°°ê²½ */
}
.pushy nav .pushy-submenu ul .pushy-link a{/* ì„œë¸Œë©”ë‰´ */
	padding:20px;
  font-size: 15px;
  font-weight: 600;
}

/*******************************/
/*******************************/
/*******************************/

/* bg í°ìƒ‰... */
.pushy_white {/* í°ë°°ê²½ ì „ì²´ */
	background: #fff !important;
}
.pushy_white nav li.pushy-submenu > a, .pushy_white nav li.pushy-link > a {/* ëŒ€ë©”ë‰´ */
	color: #aaa;
	border-bottom: 1px solid #ccc;
  font-weight: 700;
}
.pushy_white nav .pushy-submenu ul{/* ì„œë¸Œë©”ë‰´ ì „ì²´ ë°°ê²½ */
	padding:0px 0 !important;
	background-color:#f9f9f9 !important;
}
.pushy_white nav .pushy-submenu ul .pushy-link{/* ì„œë¸Œë©”ë‰´ ë°°ê²½ */
	
}
.pushy_white nav .pushy-submenu ul .pushy-link a{/* ì„œë¸Œë©”ë‰´ */
	color:#333;
}
.pushy_white nav .pushy-submenu ul .pushy-link ul.mo_sub_3depth		{text-indent:30px;}
.pushy_white nav .pushy-submenu ul .pushy-link ul.mo_sub_3depth li a			{font-size:70px !important;}
/* bg í°ìƒ‰ ë.. */

.pushy nav ul:first-child {
  margin-top:0px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(50%, 0, 0);
  -ms-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition:transform 0.3s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display:none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display:block;
  position:fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 499;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.pushy-submenu ul {
  transition: max-height 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu > a {
  position: relative;
}
.pushy-submenu > a::after {
  content: '';
  display: block;
  height: 10px;
  width: 18px;
  position: absolute;
  top: 50%;
  right: 0;
  background: url("../../images/common/mo_arrow.png") no-repeat;
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open ul {
  max-height:1000px;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open a::after {
  transform: translateY(-50%) rotate(180deg);
}

.pushy-submenu-open > a {color:var(--main-color) !important;}

.no-csstransforms3d .pushy-submenu-closed ul {
  max-height: none;
  display: none;
}



/* ëª¨ë°”ì¼ ë¡œê·¸ì¸ë©”ë‰´*/
.mo_header_login dl				{padding:2% 3%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f8f8f8; text-align:center;}
.mo_header_login dl:after	{width:100%; display:block; clear:both; content:'';}
.mo_header_login dl dd			{display:inline-block; width:32%; padding:2% 0%;}
.mo_header_login dl dd a		{font-size:13px;}


.mo_lang_btn					{margin:15px auto; padding:0 4%; text-align:center; }
.mo_lang_btn a				{display:inline-flex; justify-content:center; align-items:center; background:#dfdfdf; color:#111; width:100px; height:auto; border-radius:15px; font-size:13px; padding: 10px 0;}
.mo_lang_btn a.lang_on	{background:#555; color:#fff; font-weight:700;}


@media screen and (max-width:768px) {
  .header .header__logoimg{
    width: 130px;
  }

  .header .header__mobtn .icon-bar{
    width: 26px;
    height: 2px;
    margin-top: 5px;
  }
  .pushy{
    padding: 20px;
  }

  .pushy nav li.pushy-submenu > a, .pushy nav li.pushy-link > a{
    font-size: 16px;
  }
}

@media screen and (max-width:480px) {
  .pushy nav li.pushy-submenu > a, .pushy nav li.pushy-link > a{
    font-size: 15px;
  }
}

/* header */



/* footer */
/* 푸터 */

footer {text-align: left;padding: 100px 0;background: #383838;color: #fff;font-size: 1.3rem;}
footer .footer_flex-cont{
  display: flex;
  gap: 40px;
  align-items: center;
}
footer .footer-link{
    padding: 3rem 0;
    background: rgba(0,0,0,0.125);
    margin-bottom: 4rem;
}
footer .footer-link ul{
    display: flex;
    gap: 0 5rem;
    justify-content: center;
}

footer .footer-logo{}
footer .footer-logo h2{margin: 0;}
footer .footer-logo h2 > a{display: block; /* font-weight: bold; */ font-family: 'NanumSquareNeoHeavy';}
footer .footer-logo h2 > a > img{display: block;  max-width: 180px;}
footer .footer-text{}
footer .footer-text p{}
footer .footer-text ul{padding-left: 0;margin-bottom: 0;}

footer .col-sm-10 {
    padding-left: 4rem;
}
footer .footer-text ul:after{content: '';clear: both;display: table;}
footer .footer-text ul li{float: left;margin-right: 1.5rem;line-height: 1.4; font-size: 16px;}
footer .footer-text ul li a:hover{text-decoration: underline;}
footer .footer-text ul li address{margin-bottom: 0;line-height: 1.4;}
footer .footer-text .copyrights{display: block;font-size: 14px;margin-top: 1rem;opacity: 0.8;}



@media all and (max-width: 767px){
  footer{padding: 50px 0;}
  footer .footer-link ul {
      display: block;
  }
  footer .footer-link ul li {
      margin: 5px 0;
  }
  footer .footer-text ul li{
    font-size: 14px;
    margin-right: 1.3rem;
  }
  footer .footer_flex-cont{
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //푸터 */

/* footer */