@charset "UTF-8";

.headerWrap {position:absolute; height:95px; top:0; z-index:10; width:100%; min-width:1200px;}
.headerWrap_active{background:#242d62 !important; transition:background-color 0.4s; }
.logo{position: absolute; z-index:9; left:120px; top: 20px; }
.header{position: relative; width: 100%; height:95px;}

/*subheader*/
.headerWrap{transition:all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
/* .sub_header_active{background:#004e5c !important; height:70px; transition:all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);} */
.sub_header_active{background:#004e5c !important; transition:all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.logo img{transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

/* .img_active{transform:scale(1.9); transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); position:relative; top:-10px;} */
.img_active{ transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); position:relative;}

.top_tip div img{transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.img_active2{transform:scale(0.7); transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); position:relative; top:-7px;}
.img_active3{transform:scale(0.82); transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); position:relative; top:-7px;}

.top_tip{ position:absolute; right:0; top:0; height:100px; width:280px; padding-top: 35px;  z-index:-1;}

.top_tip p:nth-child(2) {
  padding-top: 27px;
  padding-left:15px;
}

.top_tip > span{  display:inline-block; font-size:22px; color:#555;  line-height: 22px;
  font-weight:500; margin-top:22px;}

.top_tip > p{ display: inline-block; line-height: 28px;
  font-size:30px; color:#555; font-weight:600; padding-right:40px;
  letter-spacing: 0.02em;}


.top_tip > p img{position: relative;}




.top_tipimg{opacity:0; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.top_tip_tel{transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);  transform:translateX(180px)}



#gnb {position: absolute; height:100%; text-align: center; margin: auto; left:50%; transform:translateX(-50%); background: transparent; border:none;  min-width:1100px; margin-left:35px;}

#gnb > li { 
  position: relative;
  display: inline-block; text-align: center; width: 170px; letter-spacing: -1px;}
#gnb > li a { display: inline-block; color:#222; font-size:18px; position: relative; width: 100%; height:100%; margin: 30px 0 20px 0; padding:4px 0 2px;
}

/* noLink 효과 */
#gnb > li a p{
  color:#888;
  font-size:18px; 
}

#gnb > li a:hover,
#gnb > li.currentGnb a {   position: relative; font-weight: 500;
  color:#fff; background: #242d62; border-radius: 10px; width: 80%; }


.main_header_style .header { background: transparent; }
.main_header_style .top_quick .tel { color: #555; border-color: #fff; }
.main_header_style #gnb > li a { color: #000; }
.main_header_style #gnb > li a:hover { color: #000; font-weight: 500; }

/* 서브메뉴 */
.snbWrap { display:none; position:absolute; width:100%; min-width:1100px; left: 0px; top: 95px; padding-top: 20px; padding-bottom: 22px; left:50%; transform: translateX(-50%); background-color: rgba(255,255,255,0.9); z-index:1;  border-top:1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(0,0,0,0.15);; margin-left:35px;}

.snbWrap #snb { position: relative; text-align: center; 
}
.snbWrap #snb > li { position: relative; display: inline-block; vertical-align: top; width: 170px;}
.snbWrap #snb li ul { width:auto; }
.snbWrap #snb li ul li { margin-bottom:3px; text-align:center; }
.snbWrap #snb li ul li a { display:block; width:100%; padding: 6px 0; font-size:16px; font-weight: 300; letter-spacing: -1px; color:#222;}
.snbWrap #snb li ul li a:hover,
.snbWrap #snb li ul li.currentSnb a { color: #222; font-weight: 500; 
}
.snbWrap #snb li ul li a p { 
  color:#777;
}

.snb_quick { position: absolute; top: 26px; left: 135px; }
.snb_quick a { display: block; text-indent: 35px; height: 28px; line-height: 28px; color: #959595; font-size: 15px; margin-bottom: 6px; background-repeat: no-repeat; }
.snb_quick a:hover { color: #000; font-weight: bolder; }
.snb_quick .quick1 { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick1_off.png); }
.snb_quick .quick2 { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick2_off.png); }
.snb_quick .quick1:hover { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick1.png); }
.snb_quick .quick2:hover { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick2.png); }

.gnbBg { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.6); z-index:998; }


@media screen and (max-width: 1700px) {
  #gnb > li { width: 130px;}
  .snbWrap #snb > li { width: 130px;}
}