/* 공통S */
#wrapper {position:relative;}
/* 공통E */

/*체크박스 라디오박스 디자인*/

.WolfharuRadioCheckbox {
	
}
.WolfharuRadioCheckbox form { padding:20px 25px 5px 25px; }
.WolfharuRadioCheckbox fieldset { margin-bottom:15px; }
.WolfharuRadioCheckbox legend { padding-bottom:15px; font-weight:bold; font-size:17px; color:#3b5998; }

.WolfharuRadioCheckbox .para {}

.WolfharuRadioCheckbox p.ti { margin:0 0 15px; padding:8px 5px 5px 8px; font-weight:bold; font-size:15px; color:#333333; background-color:#f0f0f0; }
.WolfharuRadioCheckbox p { position:relative; line-height:14px;}
.WolfharuRadioCheckbox p label { color:#423c32; }

.WolfharuRadioCheckbox p>input[type="checkbox"], .WolfharuRadioCheckbox p>input[type="radio"] { position:relative; top:-1px; vertical-align:middle; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"], .WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"] { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"] + label, .WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label {
	margin:0 0 0 0; padding:4px 0 2px 30px; display:inline-block; background:url(../images/check_radio_bg.png) no-repeat left top;
	width:110%; height:22px; display:block; background-size:36px auto !important;
}
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label { background-position:left -50px; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:disabled + label { background-position:left -101px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked + label { background-position:left -25px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked:disabled + label { background-position:left -75px; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:disabled + label { background-position:left -127px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked + label { background-position:left -75px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked:disabled + label { background-position:left -175px; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:focus + label, .WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:focus + label {
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6);
}



/*헤더*/


/* 전체메뉴S*/
#all_menu {position:absolute; top:0; z-index:9999; width:100%;display:none;background:#fff;}
#all_menu .open-logo{
	display:table;
	width:100%;
	border-bottom:1px solid #ddd;
}
#all_menu .open-logo > div{
	display:table-cell;
	vertical-align:middle;
}
#all_menu .open-logo > div.icon-btn{
	width:60px;
	text-align:center;
}
#all_menu .open-logo > div .logo{
	text-align:center;
	padding:15px 0;
}
#all_menu dl dt {position:relative;}
#all_menu dl dt.active{background:#f3f3f3;}
#all_menu dl dt a {
		color:#999999;
		display:block;
		padding:10px;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		background:url(../images/all-menu-arrow-close.png) no-repeat 94% center;
		background-size:20px 15px;
}
#all_menu dl dt.active a {
		background:url(../images/all-menu-arrow-open.png) no-repeat 94% center;
		background-size:20px 15px;
}
#all_menu dl dd {
	padding:10px 0;
	background:#f3f3f3;
	display:none;
}
#all_menu dl dd a {
	display:block;
	text-align:center;
	color:#fff;
	font-size:14px;
	padding:8px 0;
	color:#777777;

}


#all_menu .all_m_b_close a {
	background:#000;
	padding:3% 0%;
	text-align:center;
	color:#fff;
	display:block;
}
/* 전체메뉴E*/

/* 메인 관련 S*/

/* 메인 버튼 크기 및 위치 */

/* 메인 버튼 크기 및 위치 index3*/
#wrapper .main_btn { position:relative; display:table; width:100%;}
#wrapper .main_btn a {
	display:table-cell;
	box-sizing:border-box;
	width:25%;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:15px 5px 20px 5px;
}
#wrapper .main_btn a:last-child {
	border-right:0;
}
#wrapper .main_btn a span{
	display:block;
	text-align:center;
	letter-spacing:-0.08em
	
}
#wrapper header{
	position:absolute; 
	top:0;
	left:0;
	width:100%;
	z-index:100;
	box-sizing:border-box;
	border-bottom:1px solid #fff;
}
#wrapper header div.com_area {
	position:relative;
	display:table;
	width:100%;
	overflow:hidden;
}
#wrapper header div.com_area > div {
	display:table-cell;
	vertical-align:middle;
	padding:15px 0;
}
#wrapper header h1.logo {font-size:0;}
#wrapper header div.com_area > div.icon-btn{
	width:60px;
	text-align:center;
}

#wrapper header nav{position:absolute; left:0; top:0; width:100%; }
#wrapper header nav .dp1 {overflow:hidden;}
#wrapper header nav .dp1 a {width:20%; float:left;}
#wrapper header nav .dp1 a img {width:100%;}


footer {background:#616161; text-align:center; color:#fff;padding-bottom:20px;}
footer .f-menu {
	background:#484848;
	padding:10px 0;
	text-align:center;
}
footer .f-menu div{
	display:inline-block;
}
footer .f-menu div a{
	color:#bbbbbb;
	font-weight:bold;
	letter-spacing:-0.06em;
	float:left;
	position:relative;
	margin-right:14px;
}
footer .f-menu div a:last-child{
	margin-right:0;
	overflow:hidden;
}
footer .f-menu div a:after {
	content:"";
	position:absolute;
	top:4px;
	right:-8px;
	height:12px;
	border-right:1px solid #bbb;
	
}

footer .company-info {margin-top:20px;  font-size:14px; line-height:22px;}
footer .company-info span {display:block; margin:0px 5px;color:#bbbbbb;}
footer .copyright {padding:20px 0; color:#bbbbbb; font-size:13px; letter-spacing:-0.04em;}
footer .made a{color:#bbbbbb; padding:0px 0px 20px;}
footer .sns-icon div{
	display:inline-block;
}
footer .sns-icon div a{
	float:left;
	position:relative;
	margin-right:15px;
}
footer .sns-icon div a:last-child{
	margin-right:0;
	overflow:hidden;
}
footer .sns-icon div a:after {
	content:"";
	position:absolute;
	top:9px;
	right:-8px;
	height:18px;
	border-right:1px solid #757575;
	
}

#contents h3 {font-size:15px; color:#133984; margin-bottom:3%;}
#contents .text_box01 {padding:0px 3%; text-align:justify;}
#contents .text_box01 p {text-align:right; font-weight:bold;}
#contents .text_box01 div.img {margin-bottom:3%;}
#contents .text_box01 div p {display:inline-block; width:30%;}
#contents .text_box01 div p img {width:100%;;}
#contents .s0101 {background:url(/mm/images/s0101_bg.jpg) no-repeat center bottom; background-size:100%; padding-bottom:40%;}
#contents .s0103 p.tel{background:url(/mm/images/m_sub0103_13.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }
#contents .s0103 p.add{background:url(/mm/images/m_sub0103_12.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }
#contents .s0103 p.bus{background:url(/mm/images/m_sub0103_13-03.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }


/*메인컨텐츠*/

.main-blid-style {
	padding:5px;
}
.main-blid-style a {
	float:left;
	width:50%;
	padding:3px;
	box-sizing:border-box;
}
.main-bild-interview {
	background:#eeeeee;
	padding:20px 0;
}
.main-bild-interview h3 {
	text-align:center;
	font-size:20px;
	margin-bottom:20px;
}
.main-bild-interview .interview-box {
	display:table;
	width:100%;
	background:#fff;
}
.main-bild-interview .interview-box > div{
	display:table-cell;
	vertical-align:middle;
}
.main-bild-interview .interview-box > div.thum{
	width:45%;
	padding-right:10px;
}
.btn-slide-next,
.btn-slide-prev{
	position:absolute;
	top:50%;
	width: 25px;
	height:45px;
	margin-top:-22px;
	
}
.btn-slide-next{right:0px;}
.btn-slide-prev{left:0px;}
.btn-slide-next img,
.btn-slide-prev img{
	width:100%;
}

.main-media-news {
	padding:15px;
}
.main-media-news .inner{
	border:1px solid #ddd;
}
.main-media-news .inner h3{
	padding:10px 15px;
	font-size:18px;
}
.main-media-news .inner h3 .more{
	float:right;
	color:#6584c5;
	font-size:14px;
	font-weight:normal;
	margin-top:5px;
}
.main-media-news .inner dl {
	padding:15px;
}
.main-media-news .inner dl dt{
	font-size:16px;
	margin-bottom:10px;
}
.main-media-news
.main-media-news a.link{
	border:1px solid red;
	display:block;
}

.main-latest-board{
	border:1px solid #ddd;
	margin:15px;
}
.main-latest-board .tab-btn{
	border-bottom:1px solid #ddd;
	display:table;
	width:100%;
}
.main-latest-board .tab-btn li {
	display:table-cell;
	width:50%;
	text-align:center;
	padding:10px;
	font-weight:bold;
}
.main-latest-board .tab-btn li.active{
	color:#fff;
	background:#6584c5;
}
.main-latest-board .tab-btn li:first-child{
	border-right:1px solid #ddd;
}
.main-latest-board .last_board_content {
	padding:8px 15px;
}
.main-latest-board .last_board_content ul li {
	margin:8px 0;
	position:relative;
}
.main-latest-board .last_board_content ul li:after {
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	background:#6584c5;
	left:0px;
	top:8px;
}
.main-latest-board .last_board_content ul li a {
	display:block;
	padding-left:10px;
}
.main-latest-board .last_board_content ul li p.date{
	color:#777;
}
.main-latest-board .last_board_content .more,
.main-latest-board .last_board_content .more a{
	text-align:right;
	color:#6584c5;
	margin-bottom:5px;
}


.main-blid-gallery{
	background:#f5f5f5;
	padding:20px 30px;
}
.main-blid-gallery h3 {
	text-align:center;
	padding-bottom:20px;
	font-size:18px;
}
.main-blid-gallery .info{
	padding:15px;
	background:#fff;
}

.main-project-stats{
	padding:20px 30px;
}
.main-project-stats h3 {
	text-align:center;
	padding-bottom:20px;
	font-size:18px;
}
.main-project-stats .inbox{
	border:1px solid #ddd;
	background:#f5f5f5;
	padding:15px;
}
.main-project-stats .inbox .graph_wrap{
	display:table;
	width:100%;
	margin:5px 0;
}
.main-project-stats .inbox .graph_wrap > div {
	display:table-cell;
	vertical-align:middle;
}
.main-project-stats .inbox .graph_wrap > div.bar_wrap p{
	background:#5f86c5;
	height:12px;
	margin-top:4px;
	border-radius:7px;
}






/* 서브 */

#contents .location{
	border-bottom:1px solid #cdcdcd;
	font-size:1em;
	padding:3% 3% 3% 8%;
	background:url(../images/icon_home.gif) no-repeat 2% 46%;
	background-size:13px !important;

}

#contents h2.stt{
	text-align:left;
	padding:3%;
	border-bottom:1px solid #444;
	background:#e9eaeb;
	border-bottom:1px solid #cdcdcd;
	margin-bottom:15px;
	font-size:1.4em;
}

#contents section{
	margin-bottom:30px;
}

/*서브 페이지 공통*/

.subWa{width:100%;}
.sub0101{width:100%;}

.tit01{font-size:22px;line-height:34px;color:#010101;text-align:center;padding-left:7%; padding-right:7%;}
/*.img_bg{margin:30px auto;}*/
.info1{width:100%;margin:0 auto;text-align:center;font-size:18px;line-height:30px;color:#666;padding-left:7%; padding-right:7%;}

.pt20{padding-top:20px;}
.pt50{padding-top:50px;}
.pb40{padding-bottom:40px;}
.fy{color:#e05d29;font-weight:bold;display:inline;border-bottom:1px solid #e05d29;padding-bottom:1px;}
.fb{color:#4491f3;font-weight:bold;display:inline;border-bottom:1px solid #4491f3;padding-bottom:1px;}



/*갤러리 건축개요 테이블*/

.housing_tb{ width:100%;}
.housing_tb:after{ clear:both; content:""; display:block;}
.housing_tb th { width:40%; padding:4%; text-align:left; vertical-align:middle; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.housing_tb td { width:60%; padding:4%; text-align:left; vertical-align:middle; border-bottom:1px solid #d9d9d9;}
.bg_grey1{ background-color:#f6f6f6;}


/* 로그인  S*/

.join-search-btn{ text-align:center; border-top:1px solid #ccc; margin-top:30px; padding-top:20px;}
.join-search-btn a {font-size:13px;}

.login_tab {margin:3%; text-align:center;}
.login_tab a {
	font-size:0.8em;
	width: 20%;
	padding:2%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e0e0e0;
	background-image: -webkit-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -moz-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -o-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: linear-gradient(to top, #e7e7e7, #f8f8f8);

}

.login_tab a.on {color:#2b8dd9; font-weight:bold;}

.login_area {width:94%; margin:0 auto;}
.login_area .login_form {overflow:hidden; margin:1% 0;}
.login_area .login_form .ff { text-align:center; margin-bottom:5px;}


.join_step {margin:8% 0 5% 0; text-align:center;}

.join01_area {width:94%; margin:0 auto; }
.join01_area .all-agree {border:1px solid #ddd;  padding:15px;}
.join01_area .agree-box {border:1px solid #ddd;  padding:15px;}
.join01_area .agree-box .para {margin-bottom:10px;}
.join01_area .agree-box div.textarea-basic{width:100%; background:none; border:none; height:150px; font-size:12px; line-height:20px; color:#666; background:#f4f4f4; overflow-y:scroll;padding:3%}
.join01_area .agree-box div.textarea-basic p {line-height:20px;}
.join01_area h4{font-size:1em; color:#000;}
.join01_area .btn01{text-align:center; margin:5% 0;}
.join01_area .btn01 a img{width:70%;}

.join02_area {width:95%; margin:0 auto;}
.join02_area h4{font-size:1.2em; color:#000; font-weight:normal; margin-bottom:10px;}
.join02_area ul li {
	margin-bottom:5px;
}

.join02_area .addr input{
 float:left;
}

.join02_area .birth {

}

.join02_area select {
	float:left;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	height:45px;
	width:30%;
	font-size:16px;
	text-align:center;
	padding-left:10px;
	color:#666;
}
.join02_area .birth select:first-child{
	width:40%;
	border-left:1px solid #ccc;
}
.join02_area .birth select:nth-child(2),.join02_area .birth select:nth-child(3){
	border-left:none;
}

.join02_area .addr p {
	height:45px;
	line-height:45px;
	float:left; border:1px solid #ccc; width:40%; text-align:center;
	border-right:none;
	color:#999;
}
.join02_area .addr p input {
	display:inline-block;
	border:none;
	height:45px; 
	line-height:45px;
	background-color:transparent;
	width:40%;
	float:none;
	font-size:16px;
	text-align:center;
}


.join02_area .btn01{text-align:center; margin:5% 0;}
.join02_area .btn01 a img{width:70%;}

.join02_area .etc-check li {
	border:1px solid #ccc;
	height:45px;
	line-height:45px;
}
.join02_area .etc-check li .para{
	float:left;
	width:30%;
	margin-top:10px;

}
.join02_area .etc-check li .tit{
	font-size:16px;
	margin-top:0;
	width:30%;
	padding-left:10px;
	
}

.join02_area ul.finish li{
	border:1px solid #ccc;
	height:45px;
	line-height:45px;
	text-align:center;

}

.join02_area .join-finish{
	font-size:20px;
	font-weight:bold;
	color:#444;
	text-align:center;
	margin-bottom:30px;
	margin-top:30px;
}

.join02_area .join-finish span{
	font-size:16px;
	font-weight:bold;
	color:#888;
	text-align:center;
	
}



.search_area h4{width:100%; margin:0 auto; font-size:1.3em; color:#000;}
.search_area {width:94%; margin:0 auto;}
.search_area .login_form {margin:2% 0; }
.search_area .login_form .ff {text-align:center;}

.join-btn-area{ margin-top:10px;}
.join-btn-area a {
	float:left;
	width:50%;
	height:45px;
	line-height:45px;
	text-align:center;
}
.join-btn-area a.join-btn1{
	background:#444;
	color:#fff;
}
.join-btn-area a.join-btn2{
	background:#fff;
	border:1px solid #444;
	color:#444;
}
/*로그인 E*/





/* 세로화면일때 */
@media screen and (orientation:portrait){

#wrapper header nav .dp2{border-bottom:1px solid #ccc; padding:2%;}
#wrapper header nav .dp2 a {font-size:0.8em; color:#555; display:inline-block; margin:0 2%; display:n}

}
/*세로화면끝*/





/* 가로화면일때 */
@media screen and (orientation:landscape){

/* 전체메뉴S*/
#all_menu {position:relative; z-index:9999; width:100%; height:100%; display:none;}
/*
#all_menu dl dt{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:2.5% 5%;
	font-weight:bold; font-size:1.2em;
	background-image: linear-gradient(to top, #ddd, #fff 80%);
	
}
#all_menu dl dd{
	border-bottom:1px solid #666;
	padding:2% 7%;
	font-size:1em;
	background-image:url(/mm/images/all_menu_arrow.png) , linear-gradient(to top, #f4f4f4, #fff 80%);
	background-repeat:no-repeat;
	background-size:6% 40%, 100%;
	background-position:96% center;
	}
	*/
/* 전체메뉴E*/

#wrapper header nav .dp2{border-bottom:1px solid #ccc; padding:2%;}
#wrapper header nav .dp2 a {font-size:1.2em; color:#555; display:inline-block; margin:0 2%;}

footer .copyright {font-size:0.9em; text-align:center;}

	.login_tab a {
	font-size:1em;
	width: 20%;
	padding:2%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e0e0e0;
	background-image: -webkit-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -moz-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -o-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: linear-gradient(to top, #e7e7e7, #f8f8f8);

}

.login_area .login_form .fm {float:left; width:15%; font-size:1.6em }
.login_area .login_form .ff input{font-size:1.1em; }
.search_area .login_form .fm {float:left; font-size:1.3em }
.search_area .login_form .ff input{font-size:1.1em; }
.search_area h4{font-size:1.5em; color:#000;}
.join02_area {font-size:1em;}
}

.goTop{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:100;
	width:55px;
}


/*가로화면끝*/



/*서브 관련 E*/