@charset "UTF-8"
@media all (max-width:640px)
@media all and (device-width:320px) and (device-height:480px) {  }
 
 /*�������*/
#contentwrap {width:100%;min-width:320px;}
#contentwrap .contents .con_tit.border {border-bottom:1px solid #a2a2a5; margin:0 1em; padding:17px 0 0 0;}
.con_tit {height:63px;padding:17px 1em 0 1em;}
.con_tit p {float:right;font-size:13px; color:#8c8c8c;}
.con_tit p span{color:#454545;}
.con_tit h2 {float:left; font-size:25px; color:#cf0001; padding-left:10px;display:inline-block; background:url('../img/sub_tit_bg.gif')  no-repeat 0 80%}
.search {width:100%; height:60px; background-color:#b0b1b4; }
.box_wrap {text-align:center; padding-top:8px;}
.s_box {height:44px; width:60% ;}
.contents {margin:0 auto; width:100%;}
div > h3 { font-size:1.4em;font-weight:bold; color:#333333; height:40px;}

/*�ϴ�����¡*/
.paging {margin:0; padding:30px 0; clear:both; line-height:24px; text-align:center;}
.paging strong { color:#fff;padding:5px 5px;margin:0 2px}
.paging a {color:#333; margin:0 2px; vertical-align:middle;}
.paging a.prev {padding:5px; margin:0 15px; width:30px; height:30px;border:1px solid #989898; font-size:12px; 
 background:url('../img/arr_left01.png')  no-repeat 50% 50%; display:inline-block;}
.paging a.next {padding:5px; margin:0 15px; width:30px; height:30px;border:1px solid #989898; font-size:12px; 
 background:url('../img/arr_right01.png')  no-repeat 50% 50%; display:inline-block;}
.paging a.focus {color:#cf0001; font-weight:bold;}

 /*����Ʈ�Ͽ콺*/
.besthouse {padding:1em;}
.besthouse h3 {font-size:1.4em; font-weight:bold; }
.besthouse h4 {font-size:16px; height:40px;border-bottom:1px solid #dcdcdd; border-top:1px solid #a2a2a5; padding-top:10px; }
.thumb {display:block;}
.thumb ul {padding-top:22px; }
.thumb li {width:27.7%;height:24%;position:relative;float:left;overflow:hidden; padding-top:20px; margin-left:1em;}
.thumb p.cont {padding:12px 0 15px 0; font-size:14px; }
.thumb p img {width:146px; height:97px}
.m_left {}
/*tab01*/
.besthouse .tab01 {width:100%; height:44px; padding-bottom:30px; border-bottom:1px solid #a2a2a5;}
.besthouse .tab01 ul {}
.besthouse .tab01 li{float:left; width:25%; height:45px;margin-left:-1px; }
.besthouse .tab01 li a {display:block; height:44px; text-align:center; line-height:40px; color:#767676; font-weight:bold;border:1px solid #c5c5c5; }
.besthouse .tab01 li.hover {background-color:#767676;}
.besthouse .tab01 li.hover a{color:#fff;}
/*tab02*/
.besthouse .tab02 {border-bottom:1px solid #a2a2a5;}

.besthouse .tab03 li{width: 33.3333%;}

/*.besthouse h3 {border-top:1px solid #c2c3c7;}*/

 /*����Ʈ�Ͽ콺_view*/
 .rg-image-wrapper{
	position:relative;
	padding:20px 30px;
	background:transparent url(../images/black.png) repeat top left;
	border-radius: 10px;
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;

	width: 610px;
	height: 401px;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:0px;
	width:25px;
	height:100%;
	text-indent:-9000px;
}
.rg-image-nav-prev{background: url("../img/gallery_view_prev.gif") no-repeat center center;}
.rg-image-nav-next{background: url("../img/gallery_view_next.gif") no-repeat center center;}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
	display: none;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}

.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	border-radius: 10px;
	opacity:0.7;
}
.es-carousel-wrapper{
	
	padding:0 37px;
	position:relative;
	margin-bottom:20px;
}
.es-carousel{
	overflow:hidden;
	
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	width: 120px;
	height:80px;
	float:left;
	display:block;
}
.es-carousel ul li a{
	border-color:#c6c6c6;
	display:block;
	border-style:solid;
	opacity:0.8;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 120px;height: 100%;
}
.es-carousel ul li.selected a{
	border-color:#222;
	opacity:1.0;
	
}
.es-carousel ul li a img{
	display:block;
	border:none;
	width:120px;
	height:80px;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:relative;
	width:24px;
	height: 100%;
	text-indent:-9000px;
	cursor:pointer;
	cursor:pointer;
	border:1px solid #c9c9c9;
	position:absolute;
}
.es-nav span.es-nav-prev{
	background:url("../img/gallery_view_prev.gif") no-repeat center center #ebebeb;
	background-size:7px 13px;	
	left:0;
	top:0;
}
.es-nav span.es-nav-next{
	background:url("../img/gallery_view_next.gif") no-repeat center center #ebebeb;
	background-size:7px 13px;	
	right:0;
	top:0;
}
.es-nav span:hover{
	opacity:1.0;
}
 /*�ϴܹ�ư����*/
 .btn {clear:both; padding:1em; height:85px;}
 .btn ul {position:relative; margin:20px 0 40px 0}
 .btn ul li {width:25%; }
 .btn ul li a {color:#fff; font-weight:bold;  font-size:1.05em;display:block; text-align:center;padding:12px 0}
 .btn_prev, .btn_next {position:absolute;background-color:#474747; display:block;}
 .btn_next {position:absolute;margin-left:26%;}
 .btn_list {position:absolute; right:0;background-color:#1db1aa; }
 .btn_list img {height:14px; padding-right:10px; margin-top:3%;}

/*���*/
.performance {margin-bottom:1px}
.performance .year{height:54px; background-color:#6c6f74; color:#fff; font-size:1.429em; font-weight:bold;}
.performance .year span{float:left; padding:13px 13px 13px 20px;}
.performance .year a{float:right; padding-right:20px;}
.performance ul {width:90%;padding:1em 5% 2em 5%; background-color:#f2f3f7; display:inline-block;}
.performance ul li{font-size:1.000em; float:left;line-height: 27px;background:url('../img/bl.gif')  no-repeat 0 15px; width: 195%;padding-left: 5%;}

/*��������*/
.Notice {padding:1em;}
.Notice table { width:100%; border-top:2px solid #858688; text-align:center; }
.Notice table col { border-right:1px solid #dadbdf; }
.Notice table .col_last { border-right:0; }
.Notice table tr { border-bottom:1px solid #dadbdf; }
.Notice table th { background:#f2f3f7; padding:15px 0;}
.Notice table td { padding:15px 0; }
.Notice table .table_subject { text-align:left; padding-left:1% }
.Notice table a { color:#000; }

/*��������_view*/
.Notice_view {padding:1em;}
h3 { font-size:1.4em;font-weight:bold; color:#333333; height:40px;}
.Notice_view .Notice_subj { background:#f2f3f7; padding:15px 0; border-top:1px solid #dadbdf; border-bottom:1px solid #dadbdf; text-align:center; font-weight:bold; font-size:16px; }
.Notice_view .Notice_s_subj { border-bottom:1px solid #dadbdf; padding:15px 0; overflow:hidden; }
.Notice_view .Notice_s_subj > p { font-weight:bold; font-size:16px; padding-left:2%; float:left; }
.Notice_view .Notice_s_subj > span { display:block;  padding-left:8%; float:left; line-height:20px;}
.Notice_view .Notice_contents { padding:15px; line-height:25px; font-size:16px; }
.Notice_view .Notice_s_list { border-top:1px solid #dadbdf; }
.Notice_view .Notice_s_list .N_list { padding:13px 0; overflow:hidden; border-bottom:1px solid #dadbdf; }
.Notice_view .Notice_s_list .N_list > p { float:left; display:block; line-height:28px; padding-left:2%; font-weight:bold; font-size:16px;}
.Notice_view .Notice_s_list .N_list > p > img { padding-left:8px; vertical-align:middle; }
.Notice_view .Notice_s_list .N_list > span { float:left; display:block; line-height:28px;}
.Notice_view .Notice_s_list .N_list > span > a { display:block; padding-left:3%; margin-left:5%; width:100%;}
.Notice_view a { color:#000; }
.Notice_view a:hover { color:#838383; background:url(img/notice_list_bg.png) no-repeat left 3px; }

/*�����û*/
.quotation {padding:1em }
.quotation table { width:100%; border-top:1px solid #dadbdf; text-align:left; color:#000;}
.quotation table .col_first { background:#f2f3f7; font:bold;}
.quotation table .col_last { border-right:0; }
.quotation table tr { border-bottom:1px solid #dadbdf; }
.quotation table th { background:#f2f3f7; padding:15px 0 15px 12px; }
.quotation table td { padding:5px 0 5px 1em; text-align:left; }
.add {margin-top:5px; width:100%; color:#8a8a8a;}
span.star {color:#cf0001; font-weight:bold;}

.btn2 {margin:0 auto;}
.btn2 input {width:50%; display:block;margin:0 auto; 
text-align:center;color:#fff; font-weight:bold; vertical-align:middle;padding:21px 0; font-size:21px;margin-top:10%;}
.max {width:100%;}
.middle {width:89%;}
.tel {width:25%}

/*�ð�������Ʈ���*/
.b_a_list { overflow:hidden; }
.b_a_list > h3 { border-top:1px solid #c2c3c7; border-bottom:1px solid #a2a2a5; padding-top:20px;}
.b_a_list .thumb { clear:both; overflow:hidden;}

/*�ð�������Ʈ��� ��*/
#contentwrap .contents .con_tit.border {border-bottom:1px solid #a2a2a5; margin:0 1em; padding:17px 0 0 0;}
.B_A .view_area {width:100%;  height:50%; text-align:center; padding:30px 0 30px 0; border-top:1px solid #dcdcdd; position:relative;}
.B_A {padding:1em;}
.B_A h3 { font-size:1.4em;font-weight:bold; color:#333333; height:40px;}
.thumb {display:block;}
.thumb ul {padding-top:22px; }
.thumb li {width:27.7%; height:24%;position:relative;float:left;overflow:hidden; padding-top:20px; margin-left:1em;}
.thumb li .img {width:146px; height:97px; background-color:#DFDFDF;}
.thumb p.cont {padding:12px 0 15px 0; font-size:12px;height:35px;max-height:35px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis }
.B_A .tab01 {width:100%; height:44px; padding-bottom:30px; border-bottom:1px solid #a2a2a5;}
.B_A .tab01 ul {}
.B_A .tab01 li{float:left; width:25%; height:45px;margin-left:-1px; }
.B_A .tab01 li a {display:block; height:44px; text-align:center; line-height:40px; color:#767676; font-weight:bold;border:1px solid #c5c5c5; }
.B_A .tab01 li.hover {background-color:#767676;}
.B_A .tab01 li.hover a{color:#fff;}
.B_A h4 {font-size:16px; height:40px;border-top:1px solid #a2a2a5; border-bottom:1px solid #dcdcdd;padding-top:10px;}
.B_A .b_img img{width:100%;height:100%; }
.B_A .view_area .btn_left01{position:absolute; top:45%;left:1%;}
.B_A .view_area .btn_right01{position:absolute; top:45%; right:1%;}
.B_A .view_list {width:100%;   text-align:center; position:relative;}
.B_A .view_list ul {margin-left:10%}
.B_A .view_list li {float:left;width:20%;  height:20%; margin-right:10px;}
.B_A .btn_left02 {position:absolute; left:0; width:4%;}
.B_A .btn_right02 {position:absolute; right:0;width:4%;}
.B_A #rg-gallery .rg-image img{position: relative;}
.B_A #rg-gallery .rg-image .rg_bg01{position: absolute;left: 0;top: 0;width: 100%;height: 50%;background:url("../img/rg_bg01.png") center center no-repeat #000;opacity:0.35;}
.B_A #rg-gallery .rg-image .rg_bg02{position: absolute;left: 0;top: 50%;width: 100%;height: 50%;background: url("../img/rg_bg02.png") center center no-repeat;opacity:0.5}





/*ȸ��Ұ�*/
.about {padding:1em; }
.about h3 { font-size:1.4em;font-weight:bold; color:#333333; height:40px;}
.about .about_tit01 { font-size:17px; line-height:33px; font-weight:bold; color:#1db1aa; }
.about .about_tit02 { font-size:19px; line-height:33px; font-weight:bold; margin-bottom:32px; color:#333; }
.about .about_tit02 > span { color:#676767; }
.about .about_box { overflow:hidden; }
.about .about_box > img { float:right; margin:38px 14px 0 20px; width:40%; }
.about .about_box .about_txt > p { text-align:right; }
.about .map_b_tit { padding:50px 0 21px 0; border-bottom:1px solid #a2a2a5; font-size:20px; font-weight:bold; }
.about .map_box { overflow:hidden; margin-bottom:20px; }
.about .map_s_tit { font-size:18px; font-weight:bold; margin:20px 0; }
.about .map_img { width:100%; }
.about table { border-top:1px solid #dadbdf; border-bottom:1px solid #dadbdf; text-align:left; margin:20px 0; width:100%; }
.about table th, table td { padding:15px 0 15px 2%; border-bottom:1px solid #dadbdf; }
.about table th { background:#f2f3f7; font-size:16px; }
.about .map_btn a{ float:right; background:#1db1aa; font-size:20px; color:#fff; font-weight:bold; padding:10px 16px; line-height:22px; display:block;}
.about .map_btn a > img { vertical-align:top; margin-right:13px; }