@charset "utf-8";

@import "reset.css";
@import "default.css";
@import "base.css";
/*@import "sub_base.css";*/

/******************subbase*************************/
@charset "utf-8";

body {}

#header { z-index: 9;}
#page_wrap { padding-top:100px;}
#content_wrap {width: 100%; margin:0px auto;position: relative;}

	
.sub_top {width: 100%; height: 350px; margin-bottom: 100px; position: relative; overflow: hidden; z-index: 3; background: url("http://mybuzz.speedgabia.com/silkvalley-ic2/sub_visual01.jpg") repeat 5% center #ddd;}
.sub_top .ibox { width: 100%; height: 451px; position: relative; overflow: hidden;}
.sub_top img.bg { display: block; position: relative; top: 0px; left: 50%; margin-left: -960px; animation: topBg 4s;  }
.sub_top img.txt { display: block; position: absolute; top: 35px; left: 35px; z-index: 1;}

.sub_top img.day { opacity: 0; transition: all 1s;}
.sub_top img.night { opacity: 1; transition: all 1s;}
.imgR img.day { opacity: 1;}
.imgR img.night { opacity: 0;}
	.sub_top img.bg2 { display: block; position: absolute; left: 0%; top: 0px; z-index: 2;}
	.sub_top img.bg3 { display: block; position: absolute; left: 50%; top: -35px; margin-left: -653px; z-index: 2; animation: rtMotion 12s linear infinite; }
@keyframes topBg {0%{ transform: scale(1.2); }100%{transform: scale(1);}}		
@keyframes rtMotion {0%{transform: rotateZ(0deg)}50%{transform: rotateZ(360deg)}100%{transform: rotateZ(720deg)}}		
	.sub_top .lbox { width: 360px; height: 210px; display: block; background-color: #57307b; position: absolute; bottom: 0px; left: 0px; z-index: 1;}
	.sub_top .rbox { width: 360px; height: 210px; display: block; background: url(../img/common/rbox_img.gif) no-repeat bottom left #b79375; position: absolute; bottom: 0px; right: 0px; z-index: 1;}
	
	
	
.mv_wrap { width: 100%; height: 100%; position: relative; overflow: hidden;}	
.mv_wrap .mvBg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../img/main/top_bg.png) repeat-x top left rgba(0,0,0,.4); z-index: 1;}
.mv_wrap video { display: block; position: relative; top: 0px;}

.top_con {width: 100%;	height: 48px; position: absolute; top: 125px; left: 0px;  z-index: 3; text-align: center;}
		
.top_con h3 {width: 1000px;	height: 48px; position: relative; margin: 0px auto; font-size: 48px; line-height: 1; letter-spacing: -1px; text-align: center; color: #fff; font-weight: 500;}
.top_con h3 span { display: inline-block; padding: 0px 50px; position: relative;}
/*
.top_con h3 span::after { width:50px; height:2px; display: block; position: absolute; top: 24px; left:-30px; content: ""; background:#333;}
.top_con h3 span::before { width:50px; height:2px; display: block; position: absolute;top: 24px; right: -30px; content: "";  background:#333;}*/


.con_wrap {
	width: 100%;
	margin: 0px auto;
	position: relative;
	z-index: 3;}
		
.sub_wrap {width: 1200px; height: 50px; margin:290px auto 0 auto; z-index: 1;   }
			
.sub_wrap h5 {width: auto; padding-left: 90px; position: relative; font-size: 18px; line-height: 60px;  letter-spacing: -1px; color: #fff; font-weight: 400;}
		
.sub_wrap h2.tit_02 { background-position: 0px -50px;}
.sub_wrap h2.tit_03 { background-position: 0px -100px;}
.sub_wrap h2.tit_04 { background-position: 0px -150px;}
.sub_wrap h2.tit_05 { background-position: 0px -200px;}
.sub_wrap h2.tit_06 { background-position: 0px -250px;}
	
.sub_wrap .home { display: block; width: 60px; height: 58px; position: absolute; text-align:center; line-height:100px;left: 0px; z-index: 3; background:url('../images/ico_home.png') no-repeat 50% 50% #000;}

		
.sub_menu {	width: 1200px; height: 60px; text-align: center; position: relative;  background: #aa2f5b;}
.sub_menu li { display: block; position: relative;  float: left; height: 58px;}
.tab1 li{width:calc(100% / 1);}
.tab2 li{width:calc(100% / 2);}
.tab3 li{width:calc(100% / 3);}
.tab4 li{width:calc(100% / 4);}
.tab5 li{width:calc(100% / 5);}
.tab6 li{width:calc(100% / 6);}

.sub_menu a { display: block; width: 100%;  height: 60px; font-size: 18px; line-height: 58px; color: #fff; position: relative;  z-index: 1;  text-align: center; background: #aa2f5b; transition: all .3s;  } 
.sub_menu a::after { display: block; width: 1px; height: 100%; background-color: #b96685; position: absolute; bottom: 0px; right: 0px; content: ""; transition: all .2s; z-index: 0; }
.sub_menu a.on, .sub_menu a:hover {background: url("https://mybuzz.speedgabia.com/silkvalley-ic/menu_on.png") repeat top center #60182c; }


.sub_menu .two_d {
    display: block !important; /* 복제 메뉴 강제 표시 */
    position: static !important; /* 기존 absolute 위치 제거 */
    margin-left: 0 !important; /* 중앙 정렬 제거 */
}

.sub_menu .two_d a.on {
    color: #fff !important;
    font-weight: 700;
}



.main_con {
	width: 100%;
	margin: 0px auto;
	padding-bottom: 80px;
	position: relative; }
	
			
		
	.top_con .page_tab {
		width: 178px;
		height: 61px;
		position: absolute;
		bottom: 0px;
		right: 0px;}
		
		.page_tab li {
			width: 89px;
			height: 100%;
			position: relative;
			float: left;}
			
			.page_tab li a {
				display: block;
				width: 100%;
				height: 100%;
				background: url(../img/common/page_tab_off.gif) no-repeat top left;}
				
			.page_tab li a.on,
			.page_tab li a:hover { background-image: url(../img/common/page_tab_on.gif);}
			
			.page_tab li.list_02 a { background-position: -89px 0px;}
		
		.top_con .loc_wrap {
			width: 400px;
			height: 16px;
			padding-left: 5px;
			padding-top: 16px;
			float: left;}
			
			.top_con .loc_wrap img,
			.top_con .loc_wrap a { display: inline-block; }
			
			.top_con .loc_wrap img { position: relative; top: 4px; margin-left: 2px;}
			
			.top_con .loc_wrap a {
				color: #b4b4b4;
				letter-spacing: -1px;
				font-size: 11px;
				font-family: 'Nanum Gothic', sans-serif;
				font-weight: bold;}
				
			.top_con .loc_wrap a.loc_h { color: #717171;}
			
			.top_con .loc_wrap a:hover,
			.top_con .loc_wrap a:focus { border-bottom: 1px solid #b4b4b4;}
			
			.top_con .loc_wrap a.loc_h:hover,
			.top_con .loc_wrap a.loc_h:focus { border-bottom: 1px solid #717171;}
			
.top_con .bn_wrap {
	width: 341px;
	height: 26px;
	background: url(../img/common/banner_off.gif) no-repeat top left;
	position: absolute;
	top: -26px;
	right: 14px;}
	
	.top_con .bn_wrap li { width: 85px; float: left;}
	
		.top_con .bn_wrap a {
			display: block;
			width: 100%;
			height: 26px;
			background: url(../img/common/ir_img.gif) repeat top left;}
				
.content {
	width: 1200px;
	margin: 0px auto;
	min-height: 500px;
	position: relative;}


.sub_tit{position:relative; text-align:center;padding-bottom:50px;}
.sub_tit h4{position:relative; display: inline-block;font-size:34px;font-weight:400;padding:0 30px;}
.sub_tit h4:after { width:100px; height:16px; display: block; position: absolute; top: 20px; left:-100px; content: ""; background:url('https://mybuzz.speedgabia.com/silkvalley-ic/sub_ti.png') repeat 0 0 ;}
.sub_tit h4:before { width:100px; height:16px; display: block; position: absolute;top: 20px; right:-100px; content: ""; background:url('https://mybuzz.speedgabia.com/silkvalley-ic/sub_ti.png') repeat 0 0 ; }



.tab_wrap {width: 100%; height: 45px; margin-bottom: 55px;}
.tab_wrap li { width: 25%; height: 100%; float: left;}
.tab_wrap a {font-family: 'Nanum Square', sans-serif;	width: auto; border-right: 1px solid #fff; height: 45px; display: block; text-align: center; background-color:#9e9fa3; color: #fff; line-height: 46px; font-size: 20px; transition: all .2s;}
.tab_wrap a.on, .tab_wrap a:hover, .tab_wrap a:focus { color: #fff; background-color: #ec6600;transition: all .4s;}


.tab_wrap .list_01 a.on, .tab_wrap .list_01 a:hover, .tab_wrap .list_01 a:focus { background-color: #f47920; }
.tab_wrap .list_02 a.on, .tab_wrap .list_02 a:hover, .tab_wrap .list_02 a:focus { background-color: #e34895; }
.tab_wrap .list_03 a.on, .tab_wrap .list_03 a:hover, .tab_wrap .list_03 a:focus { background-color: #00abcd;  }
.tab_wrap .list_04 a.on, .tab_wrap .list_04 a:hover, .tab_wrap .list_04 a:focus { background-color: #6b479c;  }
.tab_wrap .list_05 a.on, .tab_wrap .list_05 a:hover, .tab_wrap .list_05 a:focus { background-color: #88a476;  }



.plan .tab_wrap .list_01 a.on, .plan .tab_wrap .list_01 a:hover, .plan .tab_wrap .list_01 a:focus { background-color: #79bf39;}
.plan .tab_wrap .list_02 a.on, .plan .tab_wrap .list_02 a:hover, .plan .tab_wrap .list_02 a:focus { background-color: #24b59c;}



/*****tab_interior******/


.tab_in {width: 100%; height: 45px; margin-bottom: 55px;}
.tab_in li { width: 50%; height: 100%; float: left;}
.tab_in a {font-family: 'Nanum Square', sans-serif;	width: auto; border-right: 1px solid #fff; height: 45px; display: block; text-align: center; background-color:#9e9fa3; color: #fff; line-height: 46px; font-size: 20px; transition: all .2s;}
.tab_in a.on, .tab_in a:hover, .tab_in a:focus { color: #fff; background-color: #ec6600;transition: all .4s;}

.tab_in .list_01 a.on, .tab_in .list_01 a:hover, .tab_in .list_01 a:focus { background-color: #a590c5; }
.tab_in .list_02 a.on, .tab_in .list_02 a:hover, .tab_in .list_02 a:focus { background-color: #81b7e5; }





/*****tab_vr******/


.tab_vr {width: 100%; height: 45px; margin-bottom: 55px;}
.tab_vr li { width: 25%; height: 100%; float: left;}
.tab_vr a {font-family: 'Nanum Square', sans-serif;	width: auto; border-right: 1px solid #fff; height: 45px; display: block; text-align: center; background-color:#9e9fa3; color: #fff; line-height: 46px; font-size: 20px; transition: all .2s;}
.tab_vr a.on, .tab_vr a:hover, .tab_vr a:focus { color: #fff; background-color: #ec6600;transition: all .4s;}

.tab_vr .list_01 a.on, .tab_vr .list_01 a:hover, .tab_vr .list_01 a:focus { background-color: #d77918; }
.tab_vr .list_02 a.on, .tab_vr .list_02 a:hover, .tab_vr .list_02 a:focus { background-color: #be49d6; }
.tab_vr .list_03 a.on, .tab_vr .list_03 a:hover, .tab_vr .list_03 a:focus { background-color: #1c96dc;  }
.tab_vr .list_04 a.on, .tab_vr .list_04 a:hover, .tab_vr .list_04 a:focus { background-color: #7d5fd3;  }
.tab_vr .list_05 a.on, .tab_vr .list_05 a:hover, .tab_vr .list_05 a:focus { background-color: #ecb645;  }





.btBar { widtH: 100%; height: 88px; position: relative;}
.btBar a { width: 50%; height: 100%; display: block; position: relative; float: left; background: #2b9297; overflow: hidden;}
.btbar a:nth-child(1) { background: #2f4c39;}
.btBar a img { display: block; position: relative; left: 50%; margin-left: -480px;}




/**********************sub_ style ************************/



.overview > table{float:left; width:100%;border-top:2px solid #222; }
.overview > table th{ text-align:center; color:#222; font-size:20px; font-weight:500; padding:20px 20px; background:#f9f9f9; border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.overview > table td{font-size:20px; font-weight:500; padding:20px 20px; border-bottom:1px solid #ddd;}








.bra .moiveBox {
	width: 963px;
	height: 545px;
	position: absolute;
	top: 256px;
	left: 109px;
overflow: hidden;}


/*찾아오시는길*/

/* 메인 컨테이너 */
        .map-container {
            width: 100%;
            max-width: 1200px; /* 최대 가로 폭 1200px */
            overflow: hidden; /* 자식 요소의 float 해제 */
            display: flex; /* Flexbox 사용 */
            flex-direction: row; /* 기본적으로 가로 배열 */
        }

        /* 이미지 영역 */
        .image-area {
            flex: 6; /* 전체 공간의 60% 차지 (flex-grow) */
            background-color: #e0e0e0;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        .image-area img {
            max-width: 100%; /* 이미지 크기를 부모에 맞게 조절 */
            height: auto; /* 비율 유지 */
            display: block; /* 이미지 하단의 불필요한 여백 제거 */
        }

        /* 텍스트 영역 */
        .text-area {
            flex: 4; /* 전체 공간의 40% 차지 (flex-grow) */
            padding: 20px 30px;
            box-sizing: border-box;
            background-color: #eee;
            display: flex;
            flex-direction: column;
			justify-content: flex-start;
        }

        .text-area h2 {
            color: #333;
            font-size: 2.4em;
            margin-bottom:5px;
        }

        .text-area p {
            color: #666;
            font-size: 1.8em;
			margin-bottom:35px;
        }



.map .btn {
	width: 280px;
	height: 56px;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	left: 793px;}

.map .btn_01 { top: 305px;}
.map .btn_02 { top: 329px;}

.map #bus { padding-top: 70px;}

.che .btn_01 {
	display: block;
	width: 258px;
	height: 77px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
top: 373px;
left: 832px;}
	




/*분양일정*/

.sch .tab_wrap {
	width: 420px;
	height: 29px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 5;}
	
	.sch .tab_wrap li {
		width: 215px;
		float: left;}
		
	.sch .tab_wrap li.list_02 { width: 205px;}
		
		.sch .tab_wrap li a {
			width: 100%;
			height: 29px;
			display: block;
			background: url(../img/parcel/sch_tab_off.gif) no-repeat top left;}
			
		.sch .tab_wrap li a.on { background-image: url(../img/parcel/sch_tab_on.gif);}
			
		.sch .tab_wrap .list_02 a { background-position: -215px 0px;}


.sch .btn {
	display: block;
	height: 102px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;}

.sch .btn_01 {
	width: 510px;
	top: 240px;
	left: 337px;}

.sch .btn_02 {
	width: 314px;
	top: 238px;
	left: 629px;}

.sch .btn_03 {
	width: 475px;
	top: 511px;
	left: 314px;}
	

/*인터넷 청약*/

.sub .rvbox { position: relative;}

.sub .btn_01 {
	display: block;
	width: 151px;
	height: 60px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
top: 203px;
left: 224px;}
	
.sub .btn_02 {
	display: block;
	width: 272px;
	height: 25px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 151px;}
	
.occ .btn_01 {
	display: block;
	width: 310px;
	height: 70px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 	427px;
	left: 249px;}
	
.occ .btn_02 {
	display: block;
	width: 310px;
	height: 70px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 	427px;
	left: 583px;}
	

	
/*.sub .btn:hover {
	border-bottom: 2px solid #D98325;}
	
.sub .btn_01 { top: 178px; left: 707px;}
.sub .btn_02 { top: 199px; left: 722px; width: 105px;}
.sub .btn_03 { top: 248px; left: 717px;}
.sub .btn_04 { top: 269px; left: 732px; width: 105px;}
.sub .btn_05 { top: 506px; left: 569px; width: 105px;}
.sub .btn_06 { top: 741px; left: 370px; width: 93px;}
.sub .btn_07 { top: 741px; left: 700px; width: 105px;}
.sub .btn_08 { top: 1006px; left: 197px; width: 113px;}
.sub .btn_09 { top: 1006px; left: 378px; width: 103px;}*/


/*입주자 모집공고*/



.occ2 .wrap { position: relative; }
.occ2 .btn_01 { width: 294px; height: 66px; display: block; background: url(../img/common/ir_img.gif) repeat top left; position: absolute; top: 476px; left: 545px;}
.occ2 .btn_02 { width: 294px; height: 66px; display: block; background: url(../img/common/ir_img.gif) repeat top left; position: absolute; top: 476px; left: 847px;}
.occ .rvbox .btn_03 { width: 188px; height: 43px; display: block; background: url(../img/common/ir_img.gif) repeat top left; position: absolute; bottom: 20px; right: 0px;}
.occ .rWrap { position: relative;}
.occ .rWrap .txt2 { display: block; position: absolute; top: -22px; right: 0px; text-align: right; width: 200px;}


/*청약제도*/

.gui .tab_wrap {
	width: 100%;
	height: 48px;
	border-bottom: 2px solid #000;
	margin-bottom: 45px;}
	
	.gui .tab_wrap li {
		width: 228px;
		float: left;}
	.gui .tab_wrap li.list_05,
	.gui .tab_wrap li.list_06{ }
		
		
		.gui .tab_wrap a {	width: auto; height: 33px; display: block; font-size: 16px; line-height: 18px; padding-top: 14px; text-align: center; border: 1px solid #b0624f; background-color: #ca705b; color: #fff; border-bottom: none;}
			
		.gui .tab_wrap a.on { background-color: #fff; color: #000;  border: 2px solid #000; border-bottom:  none; height: 34px; }

.tab{
	width: 100%;
	height: 48px;
	border-bottom: 2px solid #1a3639;
	margin-bottom: 40px;}

		
		.tab a {	width: 568px; height: 33px; display: inline-block; font-size: 16px; line-height: 18px; padding-top: 14px; text-align: center; border: 1px solid #cdc9c6; background-color: #ebe7e4; color: #3e3b3b; border-bottom: none; transition: all .4s;}
			
		.tab a.on,.tab a:hover { background-color: #1c3b3e; color: #fff;  border-color: #1a3639; transition: all .4s;}
	

.ifWrap { width: 100%; height: 600px; position: relative; overflow: hidden;}
.ifWrap iframe { margin-top: -50px;}
.mod .btn_wrap { width: 100%; height: 120px; background: url("../img/emh/84a_btn.gif") no-repeat 0px 0px; position: relative;}
.mod2 .btn_wrap { background-image: url("../img/emh/84b_btn.gif");}
.mod .btn_wrap a {width: 195px; height: 46px; display: block; background: url("../img/common/ir_img.gif") repeat 0px 0px; position: absolute; top: 37px;}
.mod .btn_wrap a.btn_01 { left: 514px;}
.mod .btn_wrap a.btn_02 { left: 714px;}
.mod .btn_wrap a.btn_03 { left: 914px;}

.mod .listWrap { widtH: 100%; height: 0%; overflow: hidden;z-index: 10000; position: fixed; top: 0px; left: 0px; background-color: rgba(0,0,0,.4); transition: all .4s;}
.mod .listWrap.viewOn { height: 100%; transition: all .6s;}
.mod .listWrap .wrap { width: 1140px; height: 0px; position: absolute; top: 110px; left: 50%; margin-left: -570px; background-color: #fff; opacity: 0; overflow: hidden;}
.mod .listWrap .wrap.view { opacity:1; z-index: 1; height: 750px; transition: all .4s ease .4s;}
.mod .listWrap .closeBtn { width: 50px; height: 50px; display: block; position: absolute; top: 9px; right: 9px; background: url("../img/common/ir_img.gif") repeat 0px 0px; }
.mod .listWrap .ltit { display: block; margin-bottom: 37px;}
.mod .listWrap .tab_wrap { widtH: 1020px; margin: 0px auto 20px;}
.mod .listWrap .tab_wrap li { widtH: 340px;  float: left;}
.mod .listWrap #item .tab_wrap li {width: 204px;}

.mod .listWrap .tab_box { width: 1020px; height: 480px; overflow-y: scroll; position: relative; margin: 0px auto; }
.mod .listWrap #option .tab_box { height: 560px;}

.mod .listWrap #item  li.list_02 a { background-position: -204px 0px;}
.mod .listWrap #item  li.list_03 a { background-position: -408px 0px;}
.mod .listWrap #item  li.list_04 a { background-position: -612px 0px;}
.mod .listWrap #item  li.list_05 a { background-position: -816px 0px;}

.ctl .btn_01 {
	display: block;
	width: 258px;
	height: 77px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
top: 383px;
left: 851px;}



.prTab_wrap {
	width: 100%;
	height: 48px;
	border-bottom: 2px solid #000;
	margin-bottom: 40px;}
	
	.prTab_wrap li {
		width: 50%;
		float: left;}
		
		.prTab_wrap a {	width: auto; height: 33px; display: block; font-size: 16px; line-height: 18px; padding-top: 14px; text-align: center; border: 1px solid #cdc9c6; background-color: #ebe7e4; color: #3e3b3b; border-bottom: none; transition: all .4s;}
			
		.prTab_wrap a.on,.tab_prTab_wrapwrap a:hover { background-color: #3e3b3b; color: #fff;  border-color: #363333; transition: all .4s;}




/*****관심고객등록********************************************/



.form  { color: #333; position: relative; font-size: 14px; line-height: 1.4}
.form h2 { width: 100%; height: 60px; position: relative; margin-bottom: 30px; background: #851012;}
.form h2 .nth2 { vertical-align: top; position: relative; top: 25px;} 
.form h2 .nth3 { display: block; float: left; position: absolute; top: 22px; right: 22px;} 
.form .form_wrap { width: 100%;	position: relative;}
.form .form_wrap h5 { width: 100%; font-size: 20px; color:#555; line-height: 1; margin-bottom: 10px;}
	
	
.form .clause_box {
	width: 100%;
	margin-bottom: 50px;
	position: relative;}
	
.form .clause_box div.box {
	width: auto;
	height: 200px;
	overflow-y: scroll;
	padding: 20px 15px;
	margin-bottom: 20px;
	border: 1px solid #c1c1c1;
	background-color: #f8f8f8;
	font-size: 14px; 
	color: #5d5d5d;
	line-height: 1.6;}
		
.form .clause_box div.box strong { font-size: 14px; color: #000; }
.form .clause_box div.box span.n1 { font-size: 13px; padding-left: 10px; font-weight: bold; display: block; width: auto; margin-bottom: 5px;}
.form .clause_box div.box span.n2 { font-size: 13px; padding-left: 20px; display: block; width: auto; margin-bottom: 3px;}

		
.form .clause_box input { margin: 0px; vertical-align: text-bottom; margin-right: 5px;}

.form .clause_box input.ml_50 { margin-left: 50px;}
.form .clause_box input.ml_30 { margin-left: 30px;}

.form .clause_box table { 
	width: 100%;
	margin-bottom: 20px;
	border-top: 3px solid #ccc;
	border-right: 1px solid #e5e5e5;}

.form .clause_box th,
.form .clause_box td { 
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 12px 5px;
	color: #6d6d6d; }
	
.form .clause_box th { 
	font-size: 13px;
	background-color: #f0f4f6;;
	font-weight: 400;
	color: #111;}
	
.form .clause_box .rBox { width: 100%;  font-size: 15px;text-align: center;}

.form .clause_box .rBox strong { display: block; margin-bottom: 10px;}

.form .clause_box .rBox img { vertical-align: middle;}

.form .clause_box .ck_wrap {
	width: 100%;
	position: relative;
	color: #232323;}
	
	.form .clause_box .ck_wrap input { margin: 0px 3px 0px 10px; position: relative; top: -1px;}
	

	
.form .form_box {width: 100%;}

.form .form_box table { 
	width: 100%;
	margin-bottom: 20px;
	border-top: 2px solid #777;
	border-bottom: 1px solid #777;}

.form .form_box th,
.form .form_box td { 
	border-bottom: 1px solid #e5e5e5;
	padding:0;
	color: #6d6d6d;}
	
.form .form_box th { 
	font-size: 15px;
	padding:15px 5px;
	background-color: #f9f9f9;;
	font-weight: 400;
	color: #111;}



.form .form_box select { padding:4px; margin:0; border: 1px solid #ccc; vertical-align: top;}
		
.form .form_box input{padding:5px;border:1px solid #ccc;}
.form .form_box input[type="radio"] { margin: 0px; position: relative; top: 2px;}

.form .form_box input[type="radio"].ml_10 { margin-left: 10px;}
.form .form_box input.ml_20 { margin-left: 20px;}
.form .form_box input.ml_30 { margin-left: 30px;}

		
		.form .form_box a img { vertical-align: top;}
		
.form .r_wrap { margin-bottom: 15px;}		
.form .r_wrap span { float: right; width: 150px; text-align: right; display: block;}

.form .form_wrap .btn_wrap {
	width: 100%;
	text-align: center;}
	
	.form .form_wrap .btn_wrap a { width: 120px; height: 50px; display: inline-block; text-align: center; font-size: 16px; line-height: 50px; color: #fff; border-radius: 15px; background: #264643;}
.form .form_wrap .btn_wrap a:nth-child(2) {background: #727272;}

.form h4 { font-size: 24px; line-height: 1; margin-bottom: 30px;}
.form dl { width: 100%; position: relative; margin-bottom: 20px;}
.form dt { width: 100%; position: relative; margin-bottom: 15px; font-size: 14px; line-height: 1.4; font-weight: bold;}
.form dd { width: 96%; padding: 0px 2%; position: relative; margin-bottom: 10px; font-size: 13px; line-height: 1.4;}
	
/*언론 PR*/

.news .list_wrap ul { width: 100%; margin-bottom: 40px; padding-top: 45px; padding-bottom: 10px; border-top: 3px solid #000; border-bottom: 1px solid #000;}
.news .list_wrap li { width: 32%; height: 250px; padding: 25px 1%;  float: left; margin-right: 2%;margin-bottom: 35px; border: 1px solid #e0e0e0; background-color: #fff; box-sizing:  border-box;}
.news .list_wrap li:nth-child(3),.news .list_wrap li:nth-child(6) ,.news .list_wrap li:nth-child(9) { margin-right: 0px;}
.news .list_wrap li a { display: block; width: 100%; transition: all .3s;}
.news .list_wrap li a:hover { }

.news .media {  margin-bottom: 15px; position: relative; display: inline-block; font-size: 16px; line-height: 18px; font-weight: bold; padding-bottom: 2px; border-bottom: 2px solid #005975; color: #005975;}
.news .tit { /*overflow: hidden; text-overflow: ellipsis;	white-space: nowrap;*/ min-height: 78px; display: block;  width: auto; padding: 0px ; margin-bottom: 10px; font-size: 24px; line-height: 26px; color: #000; letter-spacing: -2px;}
.news .comment { font-size: 16px; line-height: 20px;  font-weight: 300; display: block; color: #828282; }


.paging_wrap {
	width: 100%;
	padding: 15px 0px;
	text-align: center;}
	
	.paging_wrap a { display: inline-block; vertical-align: middle; color: #fff;}
	
		.paging_wrap img { vertical-align: text-bottom;}
		
	.paging_wrap .num {
		padding-left: 4px;
		padding-right: 4px;
		height: 12px;
		line-height: 14px;
		text-align: center;
		background: url(../img/customer/paging_01.gif) no-repeat 0px 3px;}
		
	.paging_wrap .on,
	.paging_wrap .num:hover,
	.paging_wrap .num:focus {
		font-weight: bold;
		color: #a0866e;
		letter-spacing: -1px;}
		
	.paging_wrap .num.fs { background: none; padding-left: 4px;}
		
	.paging_wrap .prev { margin-right: 10px;}
	.paging_wrap .next { margin-left: 10px;}


.ev .form_wrap {width: 100%; padding: 60px 0px; margin-bottom: 40px; background-color: #c4c0b7; text-align: center; color: #000; font-size: 18px; line-height: 48px;}
.ev .form_wrap strong { padding: 0px 10px;}
.ev .form_wrap a { display: inline-block; vertical-align: top;}
.ev .form_wrap a img {vertical-align: top;}
.ev .form_wrap input { width: 200px; padding: 0px 10px; height: 46px; border: 1px solid #fff; line-height: 46px; display: inline-block; border-radius: 23px;}
.ev #memo { width: 400px; margin-right: 10px;}
.ev .list{ width: auto; padding: 60px; border: 10px solid #f4f4f4; margin-bottom: 30px;}
.ev .list li { width: 100%; padding: 15px 0px; border-bottom: 1px solid #f4f4f4; float: left; font-size: 18px; line-height: 20px; letter-spacing: -1px; color: #000;}
.ev .list strong {width: 150px; display: inline-block; overflow: hidden; vertical-align: top; text-align: center;}
.ev .list span {width: 800px; display: inline-block; padding-left: 20px; overflow: hidden; position: relative; }
.ev .list span::after { width: 16px; height: 16px; content: ""; background: url("../img/sub/ev_bulist.gif") no-repeat 0 0; position: absolute; top: 4px; left: 0px; display: block;}

.ev2 .form_wrap{ width: 100%; position: relative; background: #fbf6e0; padding-bottom: 60px;}
.ev2 .box_01 { width: 968px; margin: 0px auto 5px; background: #fff; position: relative; padding: 00px 0px 40px;}
.ev2 .box_01 ul { width: 90%; margin: 0px auto; padding-top: 20px; }
.ev2 .box_01 li { width: 100%; margin-bottom: 30px; position: relative;}
.ev2 .box_01 h6 { font-size: 24px; line-height: 30px; color: #3c352b; margin-bottom: 15px; font-weight: 400; letter-spacing: -1px;}
.ev2 .box_01 .qa { font-size: 20px; line-height: 24px; color: #666; letter-spacing: -1px; width: 94%; padding: 0px 3%;}
.ev2 .box_01 .qa div{ margin-bottom: 5px; width: 100%; }
.ev2 .box_01 .qa div strong { color: #38585b; width: 150px; display: inline-block;}
.ev2 .box_01 input.ml_30 { margin-left: 30px;}

.ev2 .form_wrap table { width: 968px; margin: 0px auto 30px;}	
.ev2 .form_wrap th{border-bottom: 1px solid #c3c1bb; padding: 10px 0px;	color: #3c352b; background: #e2e0d9; font-size: 24px; font-weight: 400;}
.ev2 .form_wrap td { border-bottom: 1px solid #dcdcdc; padding: 10px 10px; color: #666; background: #fff;}
.ev2 table tr:nth-child(1) th {border-top: 1px solid #c3c1bb;}
.ev2 table tr:nth-child(1) td {border-top: 1px solid #dcdcdc;}
.ev2 .form_wrap td a { display: inline-block; padding: 10px 20px; font-size: 16px; line-height: 20px; background: #21484d; color: #fff; border-radius: 10px; }

		
.ev2 .form_wrap .textbar { width: 65px; height: 20px; padding: 10px 5px 12px; line-height: 20px; font-size: 14px; border: none; background-color: #eee;}
			
.ev2 .form_wrap .w_45 { width: 45px;}
.ev2 .form_wrap .w_80 { width: 80px;}
.ev2 .form_wrap .w_90 { width: 90px;}
.ev2 .form_wrap .w_100 { width: 100px;}
.ev2 .form_wrap .w_240 { width: 130px;}
.ev2 .form_wrap .w_200 { width: 60%;}
.ev2 .form_wrap .w_250 { width: 80%;}

.ev2 .form_wrap .btn_wrap {width: 100%; text-align: center;}

.tmc { position: relative; left: 50%; transform: translateX(-50%);}