/* »ö»ó 
¸®½ºÆ® hover
-ÆĶõ»ö : :#0072bc
-»¡°£»ö : #e53036
*/




.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;}


.subnav-open3 #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 {   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(/default/img/quick/ico1_w.png); background-color:#0072bc;}  
/* »ó´ã½Åû */
.sidemenu .global-nav ul li.ico2 a {background-image:url(/default/img/quick/ico2_w.png);}
/* 1:1 ¹®ÀÇ*/
.sidemenu .global-nav ul li.ico3 a {background-image:url(/default/img/quick/ico3_w.png); } 


/************************************************************ ¸®½ºÆ®¿¡ ¸¶¿ì½º¿Ã·ÈÀ» ¶§************************************************************/
/* ÀüÈ­¹®ÀÇ ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ */
.sidemenu .global-nav ul li.ico1 a:hover {background-image:url(/default/img/quick/ico1_w.png); background-color:#e53036; color:#fff;}  
/* »ó´ã½Åû ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ */
.sidemenu .global-nav ul li.ico2 a:hover {background-image:url(/default/img/quick/ico2_w.png); background-color:#e53036; color:#fff;}
/* 1:1 ¹®ÀÇ ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ */
.sidemenu .global-nav ul li.ico3 a:hover {background-image:url(/default/img/quick/ico3_w.png); background-color:#e53036; color:#fff;}
/************************************************************************¼­ºê¸Þ´º °ü·Ã ***********************************************************/
/* ¼­ºê¸Þ´º ¼Ó¼º */
.sidemenu  .subnav-panel,.sidemenu  .subnav-panel2 { width: 200px;  height: 340px;  position: absolute;  right: 0px;  z-index:98;  background-color: #f5f5f5; -webkit-transform: translate(200px, 0);  transform: translate(200px, 0);   }

/* ÀüÈ­¹®ÀÇ ¼­ºê¸Þ´º */
.subnav-open2 .sidemenu .subnav-panel {display:none; }
.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-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:#333; background-image:url(/default/img/quick/ico1_w.png); color:#fff; }-
.subnav-open2 .sidemenu .global-nav ul li.ico2 a {background-color:#333; background-image:url(/default/img/quick/ico2_w.png); color:#fff;}
.subnav-open .sidemenu .global-nav ul li.ico1 a { background-color:#333; background-image:url(/default/img/quick/ico3_w.png); color:#fff; }
/*********************************************************** »çÀ̵å¸Þ´º ***********************************************************/
/* ÀüÈ­¹®ÀÇ */
.sidemenu #nav .tel { position: absolute; width:100%; top:40px}
.sidemenu #nav .form{ position: absolute; width:100%; top:60px; left:20px;}
.sidemenu #nav .tel .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 .form .tit {font-size:12px; width:130px; margin:0 auto 5px 15px;; 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:8px; 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:2px; 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) {


/* »çÀ̵å¸Þ´º pc¹öÀü */
.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:block !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(/default/img/quick/ico1_w.png); background-color: #0072bc}
.sidemenu .global-nav ul li.ico2 a {color:#fff; background-image:url(/default/img/quick/ico2_w.png); background-color: #252525}
.sidemenu .global-nav ul li.ico3 a {color:#fff; background-image:url(/default/img/quick/ico3_w.png); background-color: #252525}
/**************************************************************************************************************************************/

/*****************************************************¸®½ºÆ®¿¡ ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ ¹è°æ»ö º¯È­ *****************************************/
.sidemenu .global-nav ul li.ico1 a:hover {background-image:url(/default/img/quick/ico1_w.png); background-color: #e53036}
.sidemenu .global-nav ul li.ico2 a:hover {background-image:url(/default/img/quick/ico2_w.png); background-color: #e53036}
.sidemenu .global-nav ul li.ico3 a:hover {background-image:url(/default/img/quick/ico3_w.png); background-color: #e53036} 
/**************************************************************************************************************************************/




.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(/default/img/quick/ico1_w.png); color:#fff; }
/* »ó´ãÁ¢¼ö */
.subnav-open2 .sidemenu .global-nav ul li.ico2 a {background-color:#333; background-image:url(/default/img/quick/ico2_w.png); color:#fff;}
/* 1:1¹®ÀÇ*/
.subnav-open3 .sidemenu .global-nav ul li.ico3 a{ background-color:#333; background-image:url(/default/img/quick/ico3_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(/default/img/quick/ico1_w.png)no-repeat 70% center; background-size:25px}
.sidemenu  .subnav-panel2 ul li a,.sidemenu  .subnav-panel2 ul li a:hover { background:url(/default/img/quick/ico2_w.png)no-repeat 70% center; background-size:25px}
.sidemenu  .subnav-panel3 ul li a,.sidemenu  .subnav-panel2 ul li a:hover { background:url(/default/img/quick/ico3_w.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;}
*/

/* »ó´ãÁ¢¼ö Æû */
.sidemenu #nav .form {width:98%; top:40px; position:absolute; left:0px;}
/* »ó´ãÁ¢¼ö Á¦¸ñ */
.sidemenu #nav .form .tit {margin-left:auto;}


.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) {
}