/* 헤더 */

#header { position:relative; z-index:9999999; width:100%; height:90px;}

/* 유틸메뉴 */
.util { width:100%; height:25px; background:#2677df; }
.util ul {float:right; padding-right:10px; margin:0 auto;}
.util li {float:left; padding-left:15px;  line-height:25px; font-size:9px; color:#dbebff; letter-spacing:0.5px;}
.util li a {  color:#f6f6f6; font-weight:400;}


.pc-mode {width:100%;}
.mobile-mode { display:none }


/* 로고 */
.logo {width:20%; display:inline-block; vertical-align:top;}
.logo .logo-inner { vertical-align: middle;}
.logo .logo-inner h1 {padding-top:20px; padding-left:10px;}

/* 메뉴고정 (스크롤시 감춰지는 영역 높이) */


.menuFix {position: fixed;   top: 0; left: 0; width: 100%; height:0px; 
}


/* 메뉴 (유틸메뉴 제외한 메뉴 높이 수정) */
.navFix { width: 100%; height:80px; background:#FFF; box-shadow:3px 3px 3px rgba(0,0,0,0.1); border-top:2px solid #2677df; }


/* 메뉴 */
nav {width: 100%;}
.nav_wrapper {float: right; width: 70%; transition: top .5s ease-out; display:inline-block; padding-top:20px; }
.scroll {top:-90px; }
.no-scroll {top: 0; z-index: 9999;}
.btn {padding: 10px 1%; margin: 5px; color: #fff; text-decoration: none; transition: all 0.1s ease;}
.menu-link { display: none; }
.spinner-master { display: none; }
.spinner-master input[type=checkbox] { display: none; }
/*.menu {width: 100%; height: auto; font-size:0; text-align: center; transition: all 0.3s ease;}*/
.menu {width: 100%; height: auto; font-size:0; text-align: center; }

.menu ul {padding: 0px; margin: 0px; list-style: none; position: relative; display: inline-block; float: right;}
.menu > li > ul.sub_menu {min-width: 10em; padding: 4px 0; background-color: #f4f4f4; border: 1px solid #fff;}
.menu ul li { padding: 0px; text-align:center;   margin: 0 auto;}
.menu > ul > li { display: inline-block; }

/* 메뉴 폰트사이즈 및 컬러 */
.menu ul li a {display: block; text-decoration: none; color: #1e1e1e; font-size:16px; font-family:'Montserrat','Noto Sans KR', sans-serif; font-weight:500;}

/* 메뉴 오버시 폰트컬러 */
.menu ul li a:hover {color: #997b5c;}
.menu ul li.hover > a {color: #997b5c;}

/* 1차 메뉴 넓이,간격 수정 */
.menu ul li > a {width:120px; padding:12px 0px 12px 0px; text-align:center;}
.menu ul li.menu03 > a {width:140px; }


/* 2차 메뉴 넓이,배경 수정 */
.menu ul ul {display: none; position: absolute; top:100%; min-width:130px; background: #333;}
.menu ul li:hover > ul {display: block; background:#FFF; border-top:1px solid #333; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
.menu ul ul > li { position: relative; border-top:1px solid #E5E5E5;}
.menu ul ul > li:first-child {border-top:none;}

/* 서브메뉴 폰트 사이즈 및 컬러변경 */
.menu ul ul > li a {width:100%;font-size:13px; font-weight:400; font-family:'Noto Sans KR', sans-serif; padding: 10px 15px; height: auto; color:#666; background:none;}

/* 서브메뉴오버시 폰트 컬러변경 */
.menu ul ul > li a:hover {background: #F5F5F5; color:#222;}
.menu ul ul ul {position: absolute; left: 100%; top: 0;}






/*---------Authar Style----------*/


 
@media all and (max-width: 480px) {

.mobile-mode { display:inline-block;  width:100%;}
.pc-mode {display:none;}




/* 로고 */
.logo {width:20%; display:inline-block; vertical-align:top;}
.logo .logo-inner { vertical-align: middle; }
.logo .logo-inner h1 img {width:250px;}
.logo .logo-inner h1 {padding-top:20px; padding-left:10px;}


.util { width:100%; height:90px; background:#ffffff; }

.top-login { width:100%; height:23px; background:#2677df; }
.top-login > ul {float:right;  margin:0 auto;}
.top-login > li {float:left; padding-left:15px;  line-height:25px; font-size:9px; color:#dbebff; letter-spacing:0.5px;}
.top-login > li a {  color:#f6f6f6; font-weight:400;}

.navFix { width: 100%; height:100px; background:#FFF; box-shadow:3px 3px 3px rgba(0,0,0,0.1); border-top:2px solid #2677df; }


/* 드롭다운 메인메뉴*/
.dropdown-warp  { width:100% display: inline-block; margin-top:3px;  border-top: 1px solid #ccc;}
.dropdown { width:33.333% ; float:left; }

.more-btn {vertical-align: top;  width:100% ; font-size:13px;  padding:8px 0 8px 0; display: inline-block; text-align:center;  cursor: pointer;   border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc;     user-select: none;}
.more-btn:hover {    background-color: #e6e6e6;    border-color: #adadad;}

.more-btn img { width:12% ;  }

.dropdown { position: relative; }
.dropdown-menu { display: none;  position: absolute; width:100%; top: 100%;  left: 0;  text-align: center;  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);  list-style: none; padding:0;  margin: 0px 0 0 0; background:#ffffff; z-index:99}
.dropdown-menu > li {   width:100%;margin:0 auto; padding:0;  border-bottom: 1px solid #ccc;  }
.dropdown-menu > li > a {  width:100%; display: block; font-size:13px; color: #333;  white-space: nowrap;  text-decoration: none;  padding:5px 0 5px 0;  }
.dropdown-menu > li > a:hover { background-color: #f5f5f5; }
.open > .dropdown-menu { display: block; width:100%; padding:0;  margin: 0px 0 0 0; }
.triangle {  display: inline-block; float:right; width: 0;  height: 0;  vertical-align: top;  border-top: 4px dashed;  
border-right: 4px solid transparent;  border-left: 4px solid transparent; margin:4px 4px 0 0}





/* 전체메뉴*/
.navigation {display: inline-block; float:right; height: 100%;  background:#f7f7f7 }
.smobitrigger { cursor: pointer; display: inline-block; position: absolute; z-index: 99; height: 30px;  width: 30px; top: 45px; right: 20px;float: right; }

.mnuclose { display: inline-block; height: 30px;  width: 100%; float: right; }
.smobitrigger {  color: #000000;  font-size: 30px;  line-height: 12px;  padding: 0px;}
.mnuclose {  position: fixed; font-size: 30px;  top:-5px; padding:5px 0 0 20px; height: 50px;  background:#000000  }
.smobitrigger span, .mnuclose span {  font: 0/0 a;  text-shadow: none;  color: transparent;}

.navigation nav ul.mobimenu { height: 100%;  padding:45px 0  0px 0px;   overflow-y: auto  !important; }
.navigation nav ul.mobimenu li { width: 100%; line-height:35px; display: inline-block; padding:0px 0  0px 0px; background:#f7f7f7 }

.navigation nav ul.mobimenu li div.top-menu { font-size: 18px; font-weight:400px; color:#000000; width:100%; background:#e6e6e6; border-top:1px solid #CCC; }
.navigation nav ul.mobimenu li div.top-menu i {  padding:0px 0  0px 10px; font-weight:400px;color:#000000;}


.navigation nav ul.mobimenu li  div.cs-center { font-size: 20px; font-weight:400px; color:#000000; width: 100%; line-height:25px; display: inline-block; text-align:center;  padding:10px 0 0px 0;  border-top:1px solid #CCC;}
.navigation nav ul.mobimenu li  div.cs-tel { font-size: 22px; font-weight:400px; color:#000000; width: 100%; line-height:25px; display: inline-block; text-align:center;  padding:0px 0 0px 0;  }

.mobimenu {  list-style: none;    margin: 0px; padding:0; width: 250px;  position: fixed;    top: 0px;  right: -350px; }
.mnuopn { right: 0px !important; }
.ovrActv {  position: fixed;  background: rgba(0, 0, 0, 0.79); margin: 0px; padding:0;  width: 100%;  height: 100%;  z-index: 999999;  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.navigation ul ul.sub { width: 100%; margin: 0px; padding:0;  overflow: hidden;   background:#f7f7f7}
.navigation ul ul.sub li {font-size: 14px; color:#000000; width: 50%; float:left;  text-align:center;border-right:1px solid #CCC;border-bottom:1px solid #CCC; }
.navigation ul ul.sub li.last {border-bottom:0px solid #CCC; }
.navigation ul ul.sub li a { color:#000000; }




/**************************** 오른쪽 사이드 슬라이딩 메뉴 ***********************************/
/* Menu Appearance */



.pushyRight { position: fixed; width: 250px; height: 100%; text-align:top;  top: 0; z-index: 9999999999; background: #ffffff;  /* enables momentum scrolling in iOS overflow elements */}    
/* Menu Movement */
.pushy-right{    right:0px;
    -webkit-transform: translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform: translate3d(250px,0,0);
    -o-transform: translate3d(250px,0,0);
    transform: translate3d(250px,0,0);
}
.pushy-right-open{    right:0px;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.container-right-push{    -webkit-transform: translate3d(-250px,0,0);
    -moz-transform: translate3d(-250px,0,0);
    -ms-transform: translate3d(-250px,0,0);
    -o-transform: translate3d(-250px,0,0);
    transform: translate3d(-250px,0,0);
}

.push-push{   -webkit-transform: translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform: translate3d(250px,0,0);
    -o-transform: translate3d(250px,0,0);
    transform: translate3d(250px,0,0);
}
/* Menu Transitions */
.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}
/* Site Overlay */
.overlay-pushy{    display: none;}
.overlay-pushy.overlay-active {display: block; position: fixed;top: 0; right: 0;bottom: 0;left: 0; z-index: 999999999;    
        background-color: rgba(0,0,0,0.8);
        -webkit-animation: fade 500ms; 
    -moz-animation: fade 500ms; 
    -o-animation: fade 500ms;
    animation: fade 500ms;
}

 
.side-button { cursor: pointer; display: inline-block; position: absolute; z-index: 99; height: 30px;  width: 30px; top: 45px; right: 20px;float: right; }
.side-button i { font-size:30px;}

.side-fix-button {  cursor: pointer; display: inline-block; top:0;  padding:5px 0 5px 20px;  width: 100%; text-align:left; background:#000000}
.side-fix-button i { font-size:30px; }


.right_warp .quickIco {width:100%; margin:5px 0 20px 5px;}

.right_warp .quickIco ul {width:100%; letter-spacing:-4px;}
.right_warp .quickIco li {float:left; width:48%;height:28px;letter-spacing:0;margin:2px 2px 2px 2px; }
.right_warp .quickIco li a {display:block;line-height:28px;border:1px solid #dfdfdf;font-size:13px;color:#333;padding:0 0 0 15px;text-align:left;}
.right_warp .quickIco li a:hover{background:#f4f4f4;text-decoration:none;font-weight:bold;}
.right_warp .quickIco li a i{line-height:28px; top:10px;margin:0px 4px 0 0;font-size:13px;color:#777;}  



.right_warp { width:100%; height:100%;  text-align:center;background:#fff; border-left:1px solid #ddd; z-index:900;  overflow-y: scroll;  overflow-x: hidden; }
.right_warp  h4 {display:block;line-height:28px;margin:10px 0 0px;border-top:1px dotted #888;border-bottom:1px dotted #888;
font-size:16px;font-weight:normal;text-align:center;letter-spacing:-0.05em; background:#f7f7f7; }
.right_warp  .oper_time{ width:87%;margin:0 auto;text-align:center;font-size:11px;line-height:17px; padding:10px 0 30px 0;}
.right_warp  .oper_time .phone{margin:0 0 5px;line-height:21px;font-size:20px;font-weight:700;letter-spacing:-0.05em;}
.right_warp  .oper_time .phone2{margin:0 0 10px 30px;line-height:21px;font-size:20px;font-weight:700;letter-spacing:-0.05em;}
.right_warp  .oper_time strong{padding-right:10px;color:#333;}

.right_warp  .oper_time i {padding-right:10px;color:#333; }



}