@charset "UTF-8";
.m{display:none !important; margin:0 auto;}
.right0{right:0 !important;}

/**
a, a:link, a:focus, textarea, button, input, select{outline:none; resize:none; border:0px; text-decoration:none;  -webkit-appearance:none; -webkit-border-radius:0;}
a, a:link, a:focus{text-decoration:none; color:inherit; cursor:pointer;}
**/

.logo {
    width: 130px;
    height: 48px;
    background: url('../images/logo_w.png') no-repeat center center / contain;
}

/* 스크롤 내려가면 head_over 붙음 → 로고 변경 */
.head_over .logo {
    background: url('../images/logo.png') no-repeat center center / contain;
}

.sub_contents .logo {
    width: 130px;
    height: 48px;
    background: url('../images/logo.png') no-repeat center center / contain;
}

.head_menu_logo_img {
    width: 130px;
    height: 48px;
    background: url('../images/logo_w.png') no-repeat center center / contain;
}

/* 스크롤 내려가면 head_over 붙음 → 로고 변경 */
.head_over .head_menu_logo_img {
    background: url('../images/logo_w.png') no-repeat center center / contain;
}


.head_wrap{background:#fff; position:fixed; top:0; width:100%; margin:auto 0; z-index:9999; vertical-align:middle; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1); padding:0px 20px; text-align:center; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
	.mainWwrap .head_wrap{background:none; box-shadow:none;}
	.mainWwrap .head_wrap .head .head_menu > ul > li > a{ color: white }
	.mainWwrap .head_wrap.head_over .head .head_menu > ul > li > a{ color: #000; }
	.mainWwrap .head_wrap.head_over .head .head_menu > ul > li > a:hover{ color: #ffffff; }
	
	
	.mainWwrap .head_wrap.head_over .head .head_menu_wrap.right0 .head_menu > ul > li > a{ color: white }
	
	.head_over{background:#fff !important; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1) !important;}
	.head_fixed{background:#fff !important; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1) !important;}
		.head_wrap .head{width:100%; max-width:1280px; margin:0 auto; position:relative; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
			.head_wrap .head .head_logo{width:200px; position:absolute; top:20px; left:0;}
			.head_wrap .head .head_logo2{width:200px; position:absolute; top:20px; right:0;}
				
				.mainWwrap .head_wrap .head .head_logo .head_logo_img{display:block;}
				.mainWwrap .head_wrap .head .head_logo .head_logo_img_fixed{display:none;}
				
				.head_wrap .head .head_logo .head_logo_img{display:none;}
				.head_wrap .head .head_logo .head_logo_img_fixed{display:block;}
				
				.head_fixed .head .head_logo .head_logo_img{display:none !important;}
				.head_fixed .head .head_logo .head_logo_img_fixed{display:block !important;}
				
				.head_over .head .head_logo .head_logo_img{display:none;}
				.head_over .head .head_logo .head_logo_img_fixed{display:block;}
				
				/* PC: li에 .check 붙으면 서브메뉴 보이기 */
				.head_over .head_menu > ul > li.check .head_menu_down_menu {
				    display: block;
				}
			.head_wrap .head .head_menu{width:100%; padding:0px 300px;}
				.head_wrap .head .head_menu > ul{display:table; width:100%;}
					.head_wrap .head .head_menu > ul > li{display:table-cell; width:16.66%; vertical-align:top;line-height: 6px;}
						.head_wrap .head .head_menu > ul > li > a{display:block; padding:40px 0; position:relative; font-weight:500; font-size:1.25em;}
						.head_wrap .head .head_menu > ul > li > a:after{content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#1c1c1b; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease;}
							.head_wrap .head .head_menu > ul > li:hover a:after{width:50%;}
							.head_wrap .head .head_menu > ul > .check{background:#b70000;}
							.head_wrap .head .head_menu_wrap.right0 .head_menu > ul > .check{background:none;}
							.head_wrap .head .head_menu > ul > .check a:after{width:50%;}


			.head_menu_down_menu{display:none; font-size:0.9em; font-weight:400; height: 200px; padding-top: 20px; margin-top: 0px; padding-bottom: 20px; margin-bottom: 0px;}
				.head_menu_down_menu ul li a{display:block;}
					.head_menu_down_menu ul li a:hover{text-decoration:underline;}
				.head_menu_down_menu{padding:20px;}
				.head_menu_down_menu.check{background:#b70000;}


.btn_tel { top: 50px; }
.head_menu_down_menu ul li {letter-spacing: 0.3px; padding: 10px;  font-size: 16px;line-height: 22px;letter-spacing: 0.3px;}
.head_menu_down_menu ul li a { text-decoration: none; }
.head_menu_down_menu ul li a:hover { text-decoration: none; color: white;}

	
@media screen and (max-width:1280px){
	.head_wrap .head .head_menu{width:90%; padding:0px 200px;}
	
	/* nav */
/** 	
	.nav_wrap{display:block !important;top:auto;bottom:10px;right:10px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;-o-transform:none;transform:none;}
		.nav_wrap .nav_quick{display:block;background:#1c1c1b; color:#fff; width:80px; height:80px; border-radius:50%; box-shadow:0px 5px 10px 0px rgba(0,0,0,0.3); overflow:hidden; margin-top:10px;}
		.nav_wrap .nav_quick img{width:45px;}
		.nav_wrap .nav_quick_close{display:none;position:relative;}
		.nav_wrap .nav_quick_close:before,.nav_wrap .nav_quick_close:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;display:inline-block;width:25px;height:2px;background:#fff;transform:translate(0px,0px) rotate(45deg);margin:auto;}
		.nav_wrap .nav_quick_close:after{transform:translate(0px,0px) rotate(-45deg)}
		.nav_wrap .nav{display:none;}
		.nav_wrap .nav ul li{width:80px;height:80px;text-align:center;margin-bottom:10px;}
*/

	/* head */
/**	
		.head_wrap{height:auto;}
		.head_wrap .head .head_logo{position:relative; top:0; padding:15px 0}
		.head_menu_wrap{font-size:1.2em; color:#fff; background:#222; overflow-y:scroll; padding:60px; text-align:left; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; top:0; width:100%; z-index:1; height:100%; position:fixed; right:-100%; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1) !important;}
			.head_wrap .head .head_menu{padding:0; text-align:center;}
				.head_wrap .head .head_menu > ul > li{display:table; width:100%; text-align:left; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.1);}
					.head_wrap .head .head_menu > ul > li > a{padding:15px;}
						.head_wrap .head .head_menu > ul > li > .head_menu_down{display:inline-block !important; width:200px; padding:0; vertical-align:top;}
						.head_wrap .head .head_menu > ul > li > a:after{display:none;}
					.head_menu_logo{text-align:center; margin-bottom:60px;}
						.head_menu_logo img{width:100%; max-width:200px;}
					.head_menu_down_menu{display:inline-block !important; padding:0 !important; color:#aaa;}
						.head_menu_down_menu > ul{display:block;}
							.head_menu_down_menu > ul > li{float:none;}
								.head_menu_down_menu > ul > li a:hover{color:#fff;}
*/
		/* mobile_menu */
		
		
			.mobile_menu_icon_wrap{position:absolute; right:0; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); cursor:pointer; text-align:right; z-index:2;}
				.mobile_menu_icon{width:22px; padding:10px 0; position:relative;}
					.head_wrap .mobile_menu_icon .mobile_menu_icon_bar{height:2px; width:22px; border-radius:100px; background:#ffffff; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease;}
					.head_wrap.sub_contents .mobile_menu_icon .mobile_menu_icon_bar{background:#000000;}
						.mobile_menu_icon .mobile_menu_icon_bar:before{content:""; position:absolute; top:0; left:0; height:2px; width:22px; border-radius:100px; background:#ffffff; margin:4px auto; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease;}
					.head_wrap.sub_contents .mobile_menu_icon .mobile_menu_icon_bar:before{background:#000000;}
						.mobile_menu_icon .mobile_menu_icon_bar:after{content:""; position:absolute; bottom:0; left:0; height:2px; width:22px; border-radius:100px; background:#ffffff; margin:4px auto; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease;}
					.head_wrap.sub_contents .mobile_menu_icon .mobile_menu_icon_bar:after{background:#000000;}
					.head_wrap.head_over .mobile_menu_icon .mobile_menu_icon_bar{background:#1c1c1b;}
						.head_wrap.head_over .mobile_menu_icon .mobile_menu_icon_bar:before{background:#1c1c1b;}
						.head_wrap.head_over .mobile_menu_icon .mobile_menu_icon_bar:after{background:#1c1c1b;}

				.mobile_menu_icon.mobile_menu_icon_open .mobile_menu_icon_bar{background:#fff !important;height: 0;}
				.mobile_menu_icon_open .mobile_menu_icon_bar:before{background:#fff !important;}
				.mobile_menu_icon_open .mobile_menu_icon_bar:after{background:#fff !important;}
												
						
				.mobile_menu_icon_open .mobile_menu_icon_bar{height:0; background:#fff !important;}
						.mobile_menu_icon_open .mobile_menu_icon_bar:before{background:#fff !important; top:9px; -webkit-transform:rotateZ(-45deg) translateY(-6px); -moz-transform:rotateZ(-45deg) translateY(-6px); -ms-transform:rotateZ(-45deg) translateY(-6px); -o-transform:rotateZ(-45deg) translateY(-6px); transform:rotateZ(-45deg) translateY(-6px); width:25px;}
						.mobile_menu_icon_open .mobile_menu_icon_bar:after{background:#fff !important; bottom:10px; -webkit-transform:rotateZ(45deg) translateY(6px); -moz-transform:rotateZ(45deg) translateY(6px); -ms-transform:rotateZ(45deg) translateY(6px); -o-transform:rotateZ(45deg) translateY(6px); transform:rotateZ(45deg) translateY(6px); width:25px;}
				.mobile_menu_icon_open .mobile_menu_icon_bar{background:#fff !important;}
					.mobile_menu_icon_open .mobile_menu_icon_bar:before{background:#fff !important}
					.mobile_menu_icon_open .mobile_menu_icon_bar:after{background:#fff !important;}
	
}

@media screen and (max-width:760px){
	html, body{font-size:12px;}
	.pc{display:none !important;}
	.m{display:block !important;}
	.cell50{display:block; width:100%;}
	.input_wrap3{height:40px !important;}
		.input_wrap3 .btn{font-size:16px; padding:0px 20px;}
	.input_wrap2{height:35px !important;}
		.input_wrap2 .btn{font-size:14px; padding:0px 15px;}
	.input_wrap1{height:30px !important;}
		.input_wrap1 .btn{font-size:12px; padding:0px 10px;}

	/* head */
		.head_wrap{height:auto;}
		.head_wrap .head .head_logo{position:relative; top:0; padding:15px 0}
		.head_menu_wrap{font-size:1.2em; color:#fff; background:#222; overflow-y:scroll; padding:60px; text-align:left; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; top:0; width:100%; z-index:1; height:100%; position:fixed; right:-100%; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1) !important;}
			.head_wrap .head .head_menu{padding:0; text-align:center;}
				.head_wrap .head .head_menu > ul > li{display:table; width:100%; text-align:left; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.1);}
					.head_wrap .head .head_menu > ul > li > a{padding:15px; color: #ffffff;}
						.head_wrap .head .head_menu > ul > li > .head_menu_down{display:inline-block !important; width:200px; padding:0; vertical-align:top;}
						.head_wrap .head .head_menu > ul > li > a:after{display:none;}
					.head_menu_logo{text-align:center; margin-bottom:60px;}
						.head_menu_logo img{width:100%; max-width:200px;}
					.head_menu_down_menu{display:inline-block !important; padding:0 !important; color:#aaa;}
						.head_menu_down_menu > ul{display:block;}
							.head_menu_down_menu > ul > li{float:none;}
								.head_menu_down_menu > ul > li a:hover{color:#fff;}
								
		.head_wrap{height:60px;}
		.head_wrap .head .head_logo{position:relative; top:0; padding:10px 0; width:150px;}
		.head_menu_wrap{top:0; width:100%; padding:60px 30px; font-size:1.1em;}
			.head_wrap .head .head_menu > ul > li{display:block; width:100%; margin-bottom:0; padding-bottom:0; border-bottom:0; margin-bottom:30px;}
				.head_wrap .head .head_menu > ul > li > .head_menu_down{display:block !important; width:100%; position:relative;}
				.head_wrap .head .head_menu > ul > li > .head_menu_down_open{color:#b70000;}
					.head_wrap .head .head_menu > ul > li > .head_menu_down:before{height:8px; width:8px; position:absolute; top:30%; right:0; margin:0; border:solid rgba(255,255,255,0.5); border-width:0 0 1px 1px; content:""; display:inline-block; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);}
					.head_wrap .head .head_menu > ul > li > .head_menu_down_open:before{top:20%; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

			.head_menu_logo{margin-bottom:30px;}
			.head_menu_down_menu{display:block !important; height:auto !important; margin-top:0; padding:0px !important;}
				.head_menu_down_menu ul{display:none; margin-top:15px; padding:0px 20px;}
					.head_menu_down_menu ul li{float:none;}
					.head_menu_down_menu ul li:hover{color: #b70000;}
					.head_menu_down_menu ul li a:hover{color: #b70000;}
		.head_sns{display:none;}
		
		.btn_tel{right: 40px; top: 40px;}
		
		.head_menu_down_menu ul li a{color:#fff;}
		
}


.team_swiper_01 .swiper-pagination-progressbar {
    background-color: #e6e6e6; /* 연한 배경 (원하는 색으로 변경) */
    height: 4px;           /* 기본보다 조금 두껍게 하면 고급 느낌 */
    border-radius: 2px;    /* 둥글게 */
}

.team_swiper_01 .swiper-pagination-progressbar-fill {
    background-color: #b70000 !important; /* 메인 버건디 */
    border-radius: 2px;
}

.team_swiper_02 .swiper-pagination-progressbar {
	background-color: #e6e6e6; /* 연한 배경 (원하는 색으로 변경) */
    height: 4px;           /* 기본보다 조금 두껍게 하면 고급 느낌 */
    border-radius: 2px;    /* 둥글게 */
}

.team_swiper_02 .swiper-pagination-progressbar-fill {
	background-color: #b70000 !important; /* 메인 버건디 */
    border-radius: 2px;
}