/* bg 어두운색... */
.pushy {/* 배경 전체 */  position:fixed; width:100%; height:100%; top: 0; z-index:99999; overflow:auto; visibility:hidden; -webkit-overflow-scrolling: touch; background:#111;}
.pushy nav a {/* 대메뉴 */ display:block; font-size:1rem; font-weight:600; text-decoration: none; outline: 0; color: #b3b3b1; border-bottom:none; display:inline-block }
.pushy nav .pushy-submenu ul{/* 서브메뉴 전체배경 */ padding-left:0;background-color:#464646;}
.pushy nav .pushy-submenu ul .pushy-link{/* 서브메뉴 배경 */ text-indent:15px;}
.pushy nav .pushy-submenu ul .pushy-link a{/* 서브메뉴 */ font-size:1rem !important; border: 0 !important; padding:1rem 10px;}
/* bg 어두운색 끝.. */

/* bg 흰색... */
.pushy_white {/* 흰배경 전체 */background: #fff !important;}
.pushy_white nav a {/* 대메뉴 */color: #000}
.pushy_white nav .pushy-submenu ul{/* 서브메뉴 전체 배경 */ padding:0px 0 !important; background-color:#353535 !important;}
.pushy_white nav .pushy-submenu ul .pushy-link{/* 서브메뉴 배경 */ text-indent:15px;}
.pushy_white nav .pushy-submenu ul .pushy-link a{/* 서브메뉴 */ font-size:0.75rem !important; color:#fff !important;}
.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:0.70rem !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.2s 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: 9999; 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: 11px; width: 8px; position: absolute; top: 50%; right: 15px; background: url("../img/arrow.svg") no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: transform 0.2s; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }

/* 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 { -webkit-transform: translateY(-50%) rotate(270deg); -ms-transform: translateY(-50%) rotate(270deg); transform: translateY(-50%) rotate(270deg);}


/* 모바일 로그인메뉴*/
.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:0.8rem;}

.pushy{padding:7% 15% 0;}

.mo_head_tab{width:100%}
.tab_m{display:flex; justify-content:space-between; padding-top:20px}
.tab_m > li{ text-align:left; width: 13%;}
.tab_m > li > a{font-size:24px;color:#000;transition:all 0.3s ease; display:block; width:100%; height:auto;}
.tab_m > li:hover > a{color:#bf1e2e !important;letter-spacing:2px;}

.tab_sub_m{margin-top:10px;}
.tab_sub_m > li > a{font-size:15px; font-weight:300; line-height:38px; padding:0; opacity:0.7;transition:all 0.3s ease;display:block; width:100%; height:auto}
.tab_sub_m > li > a:hover{ opacity:1}
.tab_m > li.business {float:left; width:60%}
.business .tab_sub_m > li > ol{}
.business .tab_sub_m > li > ol > li a{font-size:13px; font-weight:300; color:#555;line-height:25px; padding:0; opacity:0.7;transition:all 0.3s ease;display:block; width:100%; height:auto}
.business .tab_sub_m > li > ol > li a:hover{ opacity:1}
.business .tab_sub_m > li{float:left; width:20%}

/*다국어버튼*/
.mo_lang_btn {margin-bottom:100px; display:none}
.mo_lang_btn a {font-family: 'Montserrat'; font-weight:bold; font-size:16px; color:#000; opacity:0.5; margin-right:15px;transition:all 0.3s ease;display: inline-block; padding:0;cursor: auto;}
.mo_lang_btn a.lang_on {font-family: 'Montserrat'; font-weight:bold; font-size:16px; color:#000; opacity:1;display: inline-block; padding:0}
.mo_lang_btn a:hover{opacity:1}

.m_header_logo{width:20%}
.m_header_logo img{max-width:70%; display:block; margin-bottom:80px;padding-top:8px;}

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

.menu_close{position: absolute; right:14%; width: 80px; height: 80px; border-radius: 100px; box-shadow: 0 0 20px rgba(0,0,0,0.1); transition:all 0.5s ease;}
.menu_close a{transition:all 0.5s ease;}
.menu_close span:first-child{width: 45px; height: 2px; background: #000; display: inline-block; position: absolute; top: 50%; left: 18px; border-radius: 50px; transform:rotate(45deg); transition:all 0.5s ease;}
.menu_close:hover span:first-child{transform:rotate(-45deg)}
.menu_close:hover span:last-child{transform:rotate(45deg)}

.menu_close:hover{box-shadow: 0 0 25px rgba(0,0,0,0.2); background-color:#232323}
.menu_close:hover span{background-color:#fff}

.menu_close span:first-child{width: 45px; height: 2px; background: #000; display: inline-block; position: absolute; top: 50%; left: 18px; border-radius: 50px; transform:rotate(45deg); transition:all 0.5s ease;}
.menu_close span:last-child{width: 45px; height: 2px; background: #000; display: inline-block; position: absolute; top: 50%; left: 18px; border-radius: 50px; transform:rotate(-45deg);transition:all 0.5s ease;}

.menu-hide{width: 450px; right: -450px; height: 100vh; position: fixed; z-index: 10; top: 0px; transition: all .6s ease-in-out;}
.menu-hide.show{right: 0px; background-color: white; transition: all .3s ease-in-out;}
.menu-hide nav {margin-top: 20%; position: relative;}
.menu-hide nav a {display: block; padding: 3% 22%; text-decoration: none; outline: 0; color: #263455; text-align: left; font-size: 24px;}
.pushy-submenu ul {display:none;}
.pushy-submenu ul li a {font-size: 1.1rem !important; border: 0 !important; padding: 1% 25%; color: #808695;}

.mo_lang_btn {margin:15px auto; padding:0 3%; text-align:center; }
.mo_lang_btn a {display:inline-block; margin:0 2px; background:#dfdfdf; color:#111; width:20%; height:25px; line-height:25px; border-radius:15px; font-size:0.75rem;}
.mo_lang_btn a.lang_on {background:#555; color:#fff; font-weight:700;}

.pushy ul.top_m{margin-bottom:70px;}
.pushy h2{color: #000;opacity: 0.9; font-size:20px; text-align:left; margin-bottom:35px;  font-family: 'Montserrat', sans-serif;}
.pushy h3{color: #000;font-size:16px; text-align:left; line-height:15px; font-weight:bold;  font-family: 'Montserrat', sans-serif; margin-bottom:4px;}
.pushy p{color: #000;font-size:14px; text-align:left; line-height:25px; margin-bottom:24px; word-break:keep-all; opacity:0.8}
.pushy p span{color: #000;font-size:13px; word-break:keep-all; opacity:0.5}

.lang ul{display:flex; padding:0 !important; margin-top:38px !important}
.lang ul li a{font-size:15px; margin-right:30px;  color:#000;font-family: 'Montserrat';font-weight:bold;}
.lang ul li.lang_on a{color:#c71a21 !important}

.mo_head_tab > div{display:none}
.pushy-open-left .site-overlay, .pushy-open-right .site-overlay{display:none}


.menu_close:hover span:first-child{transform:rotate(-45deg)}
.menu_close:hover span:last-child{transform:rotate(45deg)}
.menu_close:hover{box-shadow: 0 0 25px rgba(0,0,0,0.2); background-color:#232323}
.menu_close:hover span{background-color:#fff}

.menu-hide{width: 450px; right: -450px; height: 100vh; position: fixed; z-index: 10; top: 0px; transition: all .6s ease-in-out;}
.menu-hide.show{right: 0px; background-color: white; transition: all .3s ease-in-out;}
.menu-hide nav {margin-top: 20%; position: relative;}
.menu-hide nav a {display: block; padding: 3% 22%; text-decoration: none; outline: 0; color: #263455; text-align: left; font-size: 24px;}
.pushy-submenu ul {display:none;}
.pushy-submenu ul li a {font-size: 1.1rem !important; border: 0 !important; padding: 1% 25%; color: #808695;}


@media(max-width:1400px){
.pushy{display:block; padding:10% 8% 0}
.m_header_logo{width:100%}
.m_header_logo img{max-width:220px; }
.mo_head_tab{width:100%}
.mo_lang_btn{margin:30px 0 50px}
.tab_sub_m > li > a{font-size:14px; line-height:34px}
.menu_close{right:7%}
}

@media(max-width:1000px){
.pushy{display:block; padding:12% 8% 0}
.tab_m{flex-flow: column; padding-top: 50px;}
.tab_m > li{width:100%;line-height: 75px;}
.tab_m > li > a{font-size:24px;}
.tab_m > li.business{width:100%}
.tab_sub_m > li > a{font-size:14px; line-height:34px}
.tab_sub_m{display:none;}
.m_header_logo{width:100%}
.m_header_logo img{max-width:220px; margin-bottom:0}
.mo_head_tab{width:100%}
.mo_lang_btn{margin:30px 0 50px}
}

@media(max-width:840px){
.pushy{padding:5% 10% 0; z-index:99999; width:75%}
.pushy h2{font-size:15px;margin-bottom: 15px;}
.pushy h3{font-size:13px;}
.pushy p{font-size:12px; line-height:20px}
.pushy nav > a{font-size:20px;padding:5px 0;}
.pushy_white nav .pushy-submenu ul > .pushy-link > a{font-size: 14px !important; padding:6px 0}

.tab_m{padding-top:15px}
.tab_m > li > a{font-size:20px;line-height: 30px;}

.tab_sub_m{ margin-top:0;margin-bottom:15px;}
.tab_sub_m > li > a{font-size: 14px !important; padding:6px 0;line-height: 18px;}
.business .tab_sub_m > li{float:none;width:100%;}
.business .tab_sub_m > li > ol {margin-bottom:10px}
.business .tab_sub_m > li > ol > li a{line-height:23px}

.mo_lang_btn{margin:20px 0 30px}
.mo_lang_btn a{font-size:14px;}
.menu_close{display:none}
.m_header_logo img{max-width:110px;}

.pushy nav ul:first-child{padding:14% 13% 14%}
.mo_head_tab > div{margin-top:30px}

.lang ul{display:flex; padding:0 !important; margin-top:30px !important}
.lang ul li a{font-size:12px; margin-right:15px;}

.mo_head_tab > div{display:block}

.pushy-open-left .site-overlay, .pushy-open-right .site-overlay{display:block}
}