.subnav-open #wrap {  -webkit-transform: translate(0px, 0);  transform: translate(0px, 0);}
#wrap .main-overlay { content:'';  display: block;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  z-index: -100;  background: rgba(0,0,0,0.5);  opacity: 0.0;
  -webkit-transition: all 0.2s ease-out 0.25s;	transition: all 0.2s ease-out 0.25s;}
.subnav-open #wrap .main-overlay {  z-index: 200;  opacity: 1.0;}

.subnav-open2 #wrap {  -webkit-transform: translate(0px, 0);  transform: translate(0px, 0);}
#wrap .main-overlay { content:'';  display: block;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  z-index: -100;  background: rgba(0,0,0,0.5);  opacity: 0.0;
  -webkit-transition: all 0.2s ease-out 0.25s;	transition: all 0.2s ease-out 0.25s;}
.subnav-open2 #wrap .main-overlay {  z-index: 200;  opacity: 1.0;}

#wrap {  display: block;  min-height: 100%; overflow:hidden; /* width: calc(100% - 65px);  margin-left: 65px;*/
  -webkit-transition: all 0.2s ease-out 0.25s;	transition: all 0.2s ease-out 0.25s;  /*   color: #fff; *//*   border: 10px solid lightblue; */}


.vertical-center {	 -webkit-transition: all 0.2s ease-out 0.25s;	transition: all 0.2s ease-out 0.25s;
	/* Flexbox display */
	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	
	/* Horizontal alignment */
	-webkit-box-pack: center;	-moz-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;justify-content: center;/* Vertical alignment */
	-webkit-box-align: center;	-moz-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center;	
	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;	transform-style: preserve-3d;
	}

.sidemenu { display:none;  position: fixed; right: 0px;  top: 0;  bottom: 0;  left: auto;  z-index: 212;  width: calc(85px);  /*background: #fff;*/}
.sidemenu > * {  display: block;  text-align: center;}
/*.sidemenu .logo,.sidemenu .logo .language-toggle {  position: absolute;  top: 0;  left: 0; width: 65px;  height: 65px;  background-color: #f9f9f9;}
.sidemenu .logo {  text-indent: -999em;  border-bottom: 1px solid #EAEAEC;}*/
.sidemenu .language-toggle {  top: auto;  bottom: 0;}

.sidemenu .global-nav { margin-bottom:0px; position: relative;  z-index: 99;  background:rgba(0,0,0,0.9); 
 /*min-height: 100vh;*/ box-shadow:0 0 15px rgba(0,0,0,0.2);}
.sidemenu .global-nav ul {}
.sidemenu .global-nav ul,.sidemenu .global-nav ul li {  list-style: none;  margin: 0;  padding: 0;  display: block;  
font-size: 12px; font-weight:400; text-transform: uppercase;}
.sidemenu .global-nav ul li {  position: relative;  }
.sidemenu .global-nav ul li a {  display: block;  width: 95px; height: 85px;  position: relative; 
 background-repeat:no-repeat; background-position:center 15px; background-size:33.8px; border-bottom:0px solid rgba(255,255,255,0.1);}
.sidemenu .global-nav ul li:last-child a {border-bottom:0;}
.sidemenu .global-nav ul li a span.tit {position:absolute; bottom:15px; width:100%; text-align:center; left:0; color:#fff; }
.sidemenu .global-nav ul li.ico1 a {background-image:url(../img/ico1_w.png); background-color:#0072bc;}  
.sidemenu .global-nav ul li.ico2 a {background-image:url(../img/ico2_w.png); }
.sidemenu .global-nav ul li.ico3 a {background-image:url(../img/ico3_w.png); } 
.sidemenu .global-nav ul li.ico4 a {background-image:url(../img/kakao_w.png);  } 
/*sidemenu .global-nav ul li a:hover {background-color:#0072bc; color:#fff;}
.sidemenu .global-nav ul li.ico1 a:hover  {background-image:url(../img/ico1_w.png)}
.sidemenu .global-nav ul li.ico2 a:hover  {background-image:url(../img/ico2_w.png)}
.sidemenu .global-nav ul li.ico3 a:hover  {background-image:url(../img/ico3_w.png)}
.sidemenu .global-nav ul li.ico4 a:hover  {background-image:url(../img/ico4_w.png)}*/
/*.sidemenu .global-nav ul li a:before {  content:'';  display: block;  width: 35px;  height: 35px;  border-radius: 50%;  border: 6px solid #fff; box-sizing: content-box;  margin: 0 auto;  background-color: #dedede;}*/
/*.sidemenu .global-nav ul li:after {  content:""; position:absolute; bottom:0px; z-index:9999; display: block;height: 1px; width:100%;  background: #EAEAEC;}
.sidemenu .global-nav ul li:last-child:after {  display: none;}*/

/* subnav panel */
.sidemenu  .subnav-panel,.sidemenu  .subnav-panel2 { width: 200px;  height: 340px;  position: absolute;  right: 0px;  z-index:98;  background-color: #f5f5f5;
/*border-left: 1px solid #EAEAEC;*/  -webkit-transform: translate(200px, 0);  transform: translate(200px, 0);   }
.subnav-open .sidemenu .subnav-panel {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.subnav-open2 .sidemenu .subnav-panel2 {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.subnav-open .sidemenu .subnav-panel2,
.subnav-open2 .sidemenu .subnav-panel {display:none; }
.subnav-open .sidemenu .global-nav {-webkit-transform: translate(-205px, 0);  transform: translate(-205px, 0); }
.subnav-open2 .sidemenu .global-nav {-webkit-transform: translate(-205px, 0);  transform: translate(-205px, 0); }
/*.subnav-open .sidemenu .global-nav a:hover {background-color:#fff }*/
.subnav-open .sidemenu .global-nav ul li.ico1 a { background-color:#0072bc; background-image:url(../img/ico1_w.png); color:#fff; }
.subnav-open2 .sidemenu .global-nav ul li.ico1 a{ /*background-color:#fff;*/ color:#333;}
/*.subnav-open .sidemenu .global-nav ul li.ico2 a {background-color:#fff; color:#333;}*/
.subnav-open2 .sidemenu .global-nav ul li.ico2 a {background-color:#e53036; background-image:url(../img/ico2_w.png); color:#fff;}

.sidemenu #nav .tel,
.sidemenu #nav .form{padding:20px; position: absolute; width:100%; top:30px; /*transform: translate(0%,-50%)*/}
.sidemenu #nav .tit {font-size:12px; width:130px; margin:0 auto 5px auto; padding:2px; border:0px solid #ccc; border-radius:50px;
background-color:#222; color:#fff;}
.sidemenu #nav .txt {font-size:13px; padding:10px 0 0 0; letter-spacing:10px; }
.sidemenu #nav .num {font-size:22px; font-weight:500;padding:5px 0; }
.sidemenu #nav .txt2 {font-size:13px; border-top:1px solid #dfdfdf; padding:20px 0 0 0; margin-top:20px;}

.sidemenu #nav .form table   { width:160px; background:none ;  }
.sidemenu #nav .form .cont {padding-top:4px;}
.sidemenu #nav .form td  { border-bottom:0px #e5e5e5 solid; border-right:0px;display:table; width:100%;}
.sidemenu #nav .form .formmail_border  {font-size:14px !important;  background-color:#FFF;  width:97%; border:1px solid #dfdfdf; padding:5px;}
.sidemenu #nav .form .formmail_textarea_style  { width:97%; margin-top:3px; background-color:#f0f0f0; height:150px !important;  border:1px solid #dfdfdf; padding:7px;}
.sidemenu #nav .form table td.formmail_title_bgcolor { width:100%; padding-bottom:2px; text-align:left; font-size:14px; }
.sidemenu #nav .form table td.formmail_title_bgcolor font {font-family:"Noto Sans KR"; color:#333 !important; font-size:13px; }
.sidemenu #nav .form td.formmail_cell_bgcolor {height:3px; padding-bottom:8px; padding:0 !important; line-height:6px;}
.sidemenu #nav .form table div.btn2 a{font-size:13px; color:#333; font-weight:600; border:1px solid #555; padding:4px 20px; }
.sidemenu #nav .form table .btn2{ color:#fff; padding:25px 0px 6px 0; border:0;  clear:both; }
.sidemenu #nav .form .table_02 td.formmail_cell_bgcolor table tr td textarea {display:none;}
.sidemenu #nav .form .table_02 td.formmail_cell_bgcolor table tr td{color:#333; height:20px; font-size:13px;}
.sidemenu #nav .form .table_02 td.formmail_cell_bgcolor table tr:first-child td:first-child{display:none;}
.sidemenu #nav .form .table_02 td.formmail_cell_bgcolor table tr:last-child td:last-child{display:none;}

 #nav .form table > tbody > tr:last-child .formmail_cell_bgcolor table > tbody > tr:last-child {display: none !important}
 #nav .form table > tbody > tr:last-child .formmail_cell_bgcolor table > tbody > tr:first-child td:first-child {display: none !important}
 #nav .form table > tbody > tr:last-child .formmail_cell_bgcolor table > tbody > tr:first-child td {text-align: left; width:100%;}
 #nav .form td.formmail_cell_bgcolor table td, .table_02 td.formmail_title_bgcolor font, .table_02 .formmail_border {font-size: 12px !important; line-height:16px; letter-spacing:-1px;}

.sidemenu  #nav ul {width:100%; z-index:98}
.sidemenu  #nav ul li a{display:block; padding:16px 0 18px 25px;; border-bottom:1px solid #dfdfdf; font-size:17px
; font-weight:600; text-align:left; }
.sidemenu  .subnav-panel ul li:last-child {border-bottom:0px }
.sidemenu  .subnav-panel ul li a { background:url(../img/arrow.png)no-repeat 75px center; }
.sidemenu  #nav ul li a:hover {color:#0072bc; }
.sidemenu  #nav.subnav-panel2 ul li a {font-size:13px !important; padding:7px 0 0 14px;; font-weight:400; min-height:60px; /*background:url(../img/ico3.png)no-repeat 75px center; background-size:25px*/}
.sidemenu  .subnav-panel2 ul li a span {font-size:15px; display:block; font-weight:600;}
.sidemenu .mobile {display:none !important;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.sidemenu .mobile {display:block !important;}
.sidemenu .pc {display:none !important;}	
.sidemenu {   position: fixed; right: 0px;  top: auto;  bottom: 0;  left: 0; width:100%;}	
.sidemenu .global-nav ul li {   display:inherit; float:left;  width:33.33333%; }
.vertical-center {display:none !important;}
.sidemenu .global-nav ul li a {  width: 100%; height: 45px; text-indent:0px;  background-position:85% center;
 background-size:26px;  font-size:15px; font-weight:500; border-bottom:0; }
.sidemenu .global-nav ul li a span.tit { text-align:left; padding:0 0 0 15px; top:10px;} 
 .sidemenu .global-nav ul li.ico1 a {color:#fff; background-image:url(../img/ico1_w.png); background-color: #0072bc}
 /*.sidemenu .global-nav ul li.ico2 a {color:#fff; background-image:url(../img/ico2_w.png); background-color: #e53036}*/
 .sidemenu .global-nav ul li.ico4 a { background-image:url(../img/kakao_c.png); background-color:#ffe90a;
 border-top:1px solid #dfdfdf; }
  .sidemenu .global-nav ul li.ico4 a span.tit {color:#333;}
 .sidemenu .global-nav ul li.ico3 a:hover {background-image:url(../img/ico3_b.png);}
 .sidemenu  .subnav-panel{ width: 50%;   right: auto; left:0; bottom:0;     }
.sidemenu  .subnav-panel2 { width: 100%;   right: 0; bottom:0;    } 
 .sidemenu  .subnav-panel,.sidemenu  .subnav-panel2 { transform: translate(0px, 270px); height:270px}

.subnav-open2 .sidemenu .subnav-panel2 {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.subnav-open .sidemenu .global-nav {-webkit-transform: translate(0px, 0);  transform: translate(0px, 0); }
.subnav-open2 .sidemenu .global-nav {-webkit-transform: translate(0px, 0);  transform: translate(0px, 0); }
.subnav-open .sidemenu .global-nav ul li.ico1 a { background-image:url(../img/ico1_w.png); color:#fff; }
.subnav-open2 .sidemenu .global-nav ul li.ico3 a {background-color:#333; background-image:url(../img/ico3_w.png); color:#fff;}
.subnav-open2 .sidemenu .global-nav ul li.ico1 a{ background-color:#0072bc; background-image:url(../img/ico1_w.png); color:#fff;}
.sidemenu  #nav ul li a{display:block; padding:8px 30px 8px 0px;; border-bottom:1px solid #dfdfdf; font-size:14px
; font-weight:600; text-align:center; }
.sidemenu  .subnav-panel ul li a,.sidemenu  .subnav-panel ul li a:hover { background:url(../img/ico1.png)no-repeat 70% center; background-size:25px}
.sidemenu  .subnav-panel2 ul li a,.sidemenu  .subnav-panel2 ul li a:hover { background:url(../img/ico3.png)no-repeat 70% center; background-size:25px}

.sidemenu  #nav.subnav-panel2 ul li a {font-size:14px !important; padding:8px 30px 8px 0px; font-weight:600; min-height:auto; /*background:url(../img/ico3.png)no-repeat 75px center; background-size:25px*/}
.sidemenu  .subnav-panel2 ul li a span {display:none; }

.sidemenu .global-nav {width:100%; overflow:hidden; box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.sidemenu .global-nav ul li.ico3 {display:none;}
.subnav-open2 .sidemenu .global-nav ul li.ico2 a {background-color:#252525; background-image:url(../img/ico2_w.png); color:#333;}

.sidemenu #nav .form {padding:20px 30px 60px 30px; top:3px;}
.sidemenu #nav .form table   { width:100%;  }
.sidemenu #nav .form td  { display:table-cell; width:auto;}
.sidemenu #nav .form .formmail_border  {font-size:14px !important;  background-color:#FFF;  width:97%; border:1px solid #dfdfdf; padding:5px;}
.sidemenu #nav .form .formmail_textarea_style  { width:97%; margin-top:3px; background-color:#f0f0f0; height:150px !important;  border:1px solid #dfdfdf; padding:7px;}
.sidemenu #nav .form table td.formmail_title_bgcolor { width:20%; }
.sidemenu #nav .tit {font-size:12px; width:130px; margin:0 auto 15px auto; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}