.wrap {
    width:96%;
    max-width:1500px;
    margin:auto;
}

html {max-width:2000px; margin:auto; overflow-y:scroll;}

/**
 * 메인페이지 header css는 main.css 에 있음
 */
header {
    position:fixed; width:100%;
    z-index:1000; border-bottom:1px solid #d9d9d9;
}
header .head {}
header .head .rect,
header.in-active .head .rect {
    top:0; left:0; width:100%; background:#fff;
    height:100px; display:flex; align-items: center; justify-content: flex-start;
    z-index:1000; padding:0 2%;
}
header .head .logo {margin:0; width:94px; flex-shrink: 0;}
header .head .logo a,
header.in-active .head .logo a{
    display:block; width:94px; height:50px;
    background:url(/images/content/layout/logo.png) no-repeat center center;
    background-size:cover; transition:all 200ms;
}
header .head .menu {
    height:100%; width:100%; display:flex; justify-content: space-between;
    margin:0 0 0 3%;
}
header .head .menu > ul {
    display:flex; align-items: center;
}
header .head .menu > ul li {margin-right:0;}
header .head .menu > ul li a {padding:10px;}
header .head .menu li.m1 {
    width:165px;
}
header .head .menu li.m1 a.m1 {font-weight:bold;}
header .head .menu li.m1.active a.m1 {position:relative;}
header .head .menu .btn-toggle {
    width:220px; height:100%; position:relative;
    display:flex; align-items: center;
    z-index:1000;
}
header .head .menu .btn-toggle .quick{margin-right:20px;}
header .head .menu .btn-toggle .quick a{
	font-size:16px;padding:5px 10px;
	
	border-radius:15px;border:#fff 1px solid;
	color:#fff;font-weight:600;
	transition:0.3s;
}
header .head .menu .btn-toggle .quick a:hover
,header .head.active .menu .btn-toggle .quick a:hover{background-color:#e41d25; color:#fff;transition:0.3s;}
header.in-active .head .menu .btn-toggle .quick a
,header .head.active .menu .btn-toggle .quick a
,.sub-layout header .head .menu .btn-toggle .quick a{	
	border:#e41d25 1px solid;
	color:#E41D25;
	transition:0.3s;
}
header .head .menu .btn-toggle .lang {}
header .head .menu .btn-toggle .lang a {color:#B5B5B5; font-size:16px;}
header .head .menu .btn-toggle .lang a.active, header.in-active .head .menu .btn-toggle .lang a.active {color:#000000;}
header .head.head-sub {
    display:none;
}
header .head.head-sub .rect {
    border-top:1px solid #D9D9D9; background:#fff;
    padding-top:20px; padding-bottom:20px; height:auto;
}
header .head.head-sub .menu ul.m1 {align-items: flex-start;}
header .head.head-sub .menu li.m1 {
    position:relative;
}
header .head.head-sub .menu li.m1.active:after {
    content:''; position:absolute; top:-20px; left:8px;
    width:80px; height:3px; background:#E41D25; 
}


header .head.head-sub .menu li.m1 a.m1 {display:none;}
header .head.head-sub .menu ul.m2{position:relative;}
header .head.head-sub .menu ul.m2:hover::before{
	content:''; position:absolute; top:-20px; left:8px;
    width:80px; height:3px; background:#E41D25; transition:0.5s;
}
header .head.head-sub .menu li.m2 {padding:5px 0;}
header .head.head-sub .menu li.m2.active {}
header .head.head-sub .menu li.m2 a.m2 {color:#535353; font-size:19px;}
header .head.head-sub .menu li.m2.active a.m2 {font-weight:bold; color:#000;}
header .head.head-sub .menu li.m2:hover a.m2 {font-weight:bold; color:#000;  transition:0.3s;}
.hamburger {
    position:absolute; margin:auto; top:0; right:0; bottom:0; left:auto;
    width:28px; height:30px; cursor:pointer;
    display:flex; flex-direction: column; justify-content: space-evenly; align-items: flex-end;
}
.hamburger > span{
    height:3px; width:100%; display:block; margin:0;
    background:#000; transition:all 200ms;
}
.hamburger > span:nth-child(1) {}
.hamburger > span:nth-child(2) {width:70%;}
.hamburger > span:nth-child(3) {}
.hamburger.active {}
.hamburger.active > span:nth-child(1) {transform:translateY(8px) translateX(0) rotate(45deg);}
.hamburger.active > span:nth-child(2) {opacity:0;}
.hamburger.active > span:nth-child(3) {transform:translateY(-9px) translateX(0) rotate(-45deg);}

/**/
header .menu-all {
    display:none;
    position:fixed; width:100%; height:100vh; top:0; left:0;
    background:url(/images/content/layout/all_menu_bg.jpg) no-repeat center right #fff;
    background-size:cover; user-select:none;
}
header .menu-all .wrap {height:100%;}
header .menu-all ul.m1 {
    display:flex; height:100%;
}
header .menu-all li.m1 {padding:100px 20px; border-right:1px solid #ececec; position:relative;}
header .menu-all li.m1:hover::before{content:''; position:absolute; top:0; left:10px; width:5px; height:80px; background-color:#E41D25;  transition:0.5s;}
header .menu-all li.m1:hover {background:#F9F9F9; transition:0.3s;}
header .menu-all div.m1 {font-size:25px; font-weight:bold; margin:0 0 30px 0;}
header .menu-all ul.m2 {}
header .menu-all li.m2 {margin:0 0 15px 0; color:#444;}
header .menu-all li.m2:hover a{font-weight:700; transition:0.2s;}
header .menu-all a.m2 {font-size:20px;}
header .menu-all li.m2.active {}
header .menu-all li.m2.active a.m2 {color:#E41D25; font-weight:bold;}


/**/
footer {
    background:#252525;
    min-height:100px; padding:50px 0 90px 0;
}
footer .wrap {
    display:flex; justify-content: space-between; align-items: center;
    color:#999 !important;
}
footer .wrap p, footer .wrap span{color:#d9d9d9;}
footer .wrap .w_390{display:none;}
.margin_r4{margin-right:1.5rem;}

/**/
#svb {position:relative;}
#svb .visual {
    background-position:center center; text-align:center;
    height:400px; display:flex; color:#fff; align-items: center;
    background-image:url(/images/content/layout/sub_visual_01.jpg);
}
#svb .first-menu-name {margin:120px auto 100px; text-align:center; color:#000;}
#svb #location-menu {
    position:absolute;
    top:auto; right:0; bottom:0; left:0;
    width:100%; margin:auto;
    background-color: #fff;
	border-bottom:1px solid #d9d9d9;
	display:flex;
	height:80px;
}
#svb #location-menu .wrap{display:flex;}
#svb #location-menu .m-select {width:350px; height:80px; display:flex; justify-content:space-between; align-items: center; padding:20px;}
#svb #location-menu .m-select span{display:flex; align-items: center; font-weight:600; font-size:20px;}

#svb #location-menu .home { height:80px; width:80px; display:flex; justify-content:center; align-items:center; border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;}
#svb #location-menu .home img {display:block;}
#location-menu .ms-rect{position:relative; cursor:pointer;}
#location-menu .m-list{
	position:absolute;
	width:100%;
	top:100%;
	left:0;
	z-index:100;
	background-color:#f9f9f9;
	border:1px solid #d9d9d9;
	text-align:left;
	display:none;
}
#location-menu .m-list ul li{padding:8px 0; font-size:18px;}
#location-menu .m-list ul li:hover{font-weight:600; transition:0.3s ease-in-out;}
#location-menu .m-list ul li:hover a:after{content:'.'; color:#E41D25; font-weight:800;}
#svb #location-menu .menu {    
	border-right:1px solid #d9d9d9;
}
#svb #location-menu .menu a {
	color:#1d1d1d;  
	padding:0 20px;  height: 100%;
	width:350px;
	
}

#svb #location-menu .menu ul.m2 {
    position: absolute;
    z-index:100;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    padding: 0;
    display: none;
    height: auto;
    top:41px;
    border-radius:0;
    transform:translateY(0);
}
#svb #location-menu .menu ul.m2 li.m2 {margin:0; padding:0 !important;}
#svb #location-menu .menu ul.m2 li.m2 a {color:#fff; padding:8px 0;}


#tnb li.m1:nth-child(2) > ul.m2{visibility: hidden;}

#svb .visual-1{background-image:url(/images/content/layout/sub_visual_01.jpg) !important;}
#svb .visual-2{background-image:url(/images/content/layout/sub_visual_02.jpg) !important;}
#svb .visual-3{background-image:url(/images/content/layout/sub_visual_03.jpg) !important;}
#svb .visual-4{background-image:url(/images/content/layout/sub_visual_04.jpg) !important;}
#svb .visual-5{background-image:url(/images/content/layout/sub_visual_05.jpg) !important;}

.second-menu-name{text-align:center; color:#000; padding:100px 0; margin-left:20px;}
.second-menu-name:after{content:'.'; font-size:60px; font-weight:800;color:#E41D25; margin-left:-8px;}

@media(max-width:1024px){
	header .head .menu{width:unset;}
	header .head .rect, header.in-active .head .rect{justify-content:space-between;}
	header .head .menu > ul.m1{display:none;}
}
@media (max-width:830px){
	#svb #location-menu .wrap{width:100%;}
	#svb #location-menu .m-select{width:300px;}
	header .menu-all div.m1{margin:0 0 20px 0;}
	header .menu-all li.m1{padding:100px 8px;}
	header .menu-all a.m2{font-size:18px;}
	header .menu-all li.m2{margin:0 0 5px 0;}

}
@media (max-width:550px){
	
	header .menu-all ul.m1{height:unset; margin-top:70px;}
	header .menu-all li.m1{padding:8px;}
	header .menu-all li.m1:hover::before{display:none;}
	header .menu-all ul.m2{display:none; overflow:hidden;}
	.leaverou > li:first-child:nth-last-child(5), 
	.leaverou > li:first-child:nth-last-child(5) ~ li{width:100%;}
	li.m1.on ul.m2{display:block; padding-top:12px;}
	header .menu-all li.m1:hover,
	li.m1.on ul.m2{background:#fff;}
	header .menu-all div.m1{font-size:28px; margin:8px 0 8px 0;}
	header .menu-all li.m2{margin:0 0 12px 0;}
	header .menu-all a.m2{font-size:22px; font-weight:500;}
	
	header .head .menu .btn-toggle{width:190px;}
	header .head .menu .btn-toggle .quick{margin-right:10px;}
	header .head .menu .btn-toggle .quick a{font-size:15px;}
	
	#svb .first-menu-name{margin:100px auto 80px; font-size:50px;}
	#svb .visual{height:250px; background-size:320%;}
	#svb #location-menu{height:50px;}
	#svb #location-menu .home{width:12.1vw; height:12.1vw;}
	#svb #location-menu .m-select{width:43.7vw; height:auto; padding:3vw;}
	#svb #location-menu .m-select span{font-size:17px;}
	#svb #location-menu .m-select img{width:12px;}
	header .menu-all ul.m1{flex-wrap:wrap;}
	.second-menu-name{padding:70px 0; line-height:1;}
	
	footer .wrap {flex-wrap:wrap; text-align:center;}
	footer .wrap > div:first-child{margin-bottom:30px;}
	footer .wrap > div{width:100%;}
}
@media (max-width:414px){
	
	.margin_r4{margin-right:10px;}
}

@media (max-width:390px){
	footer .wrap .w_390{display:block;}
	
}

@media (max-width:380px){
	#svb #location-menu .m1 .m-select{width:39vw;}
	#svb #location-menu .m2 .m-select{width:48vw;}
}