@charset "utf-8";

.scrolled {
  border-bottom:1px solid #ddd;	
  background-color:rgba(255,255,255,0.8)!important;
  transition: background-color 200ms linear;
}

.scrolled #logo {margin: 10px 40px 0 10px;}
.scrolled #logo img {width: 130px;}
.scrolled .btn_login {display:none;}
.scrolled #gnb .gnb_1dli {/*line-height: 20px;*/}
.scrolled .gnb_2dul {top: 24px;}
.scrolled #gnb .gnb_wrap {padding: 8px 0 0 0;}
.scrolled #ft_nav {padding: 10px 0 0 0;}

body, html {overflow: auto !important;}	
#container_title {display:none}
#content-wrapper {padding: 130px 0 0 0;}
.sub_visual_con {height:257px; background-image:no-repeat; background-size:cover;}
.btn_login .btn_ol {background:#f3f3f3;}	

@media (max-width:1320px) {
#content-wrapper {padding: 100px 0 0 0;}
.scrolled #hd_wrapper .gnb_side_btn a {padding:0 0 0 0;}
}

@media (max-width:825px) {
.gnb_mo_navi {top: 87% !important;}	
}

@media (max-width:825px) {
#content-wrapper {padding: 140px 0 0 0;}
#ft_nav {padding: 15px 0 0 0;}
}

@media (max-width:700px) {
#ft_contact {margin: 60px 0 0 0;padding: 10px 0 20px 0;}
#ft_nav {padding: 15px 0 0 0;}
#hd_wrapper .gnb_side_btn a {padding: 10px 0 0 0;}
.sub_visual_con {height:157px;}
}

@media (max-width:600px) {
.sub_title {padding: 0px 0 0px 0;}	
.scrolled #ft_nav, #ft_nav  {padding: 0px 0 0 0;}
#hd_wrapper {padding: 0px 0 !important; height:80px !important;}
.scrolled #hd_wrapper { height:90px !important;}
.scrolled .gnb_mo_navi {top: 63% !important;}
}

@media (max-width:500px) {
#content-wrapper {padding: 140px 0 0 0;}	
}