@charset "euc-kr";
/* CSS Document */

/* ³ª´®°íµñ - root °æ·Î*/
@font-face {
	font-family:'NanumGothic'; 
	src:url(/NanumGothic.eot);
	src:local(¡Ø), url(/NanumGothic.woff) format('woff')
}

@font-face {
	font-family:'NanumGothicBold';
	src:url(/NanumGothicBold.eot);
	src:local(¡Ø), url(/NanumGothicBold.woff) format('woff')
}





/**************************** 񃧯 ****************************/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none;/*±Û¾¾Å©±â ÀÏÁ¤*/}
body,input,textarea,select,table,button{font-size:12px; line-height:1.6em;font-family:'NanumGothic', "¸¼Àº °íµñ", sans-serif; }
body{position:relative;background-color:#ffffff;color:#666; word-wrap:break-word;word-break:break-all;}
img,fieldset{border:0;}
ul,ol{list-style:none;}
li { list-style:none}

header, section, article, footer, menu, nav { display:block; margin:0; padding:0 }

a{color:#424242;text-decoration:none;cursor:pointer;}

em,address{font-style:normal;}
html, body, #map {margin: 0; padding: 0; width: 100%; height: 100%; color:#666666;}
address {display: block;}

html,body { height:100%;}

/******************************************************************/
/***********************·¹À̾ƿô ½ÃÀÛ**********************************/
/******************************************************************/

.wrapper{}



/*float ¹ö±×ó¸®*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block; width:100%;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}



/* ¼­ºêÆäÀÌÁö Çì´õ */
#header{background: url(../images/include/sub_top_bg.jpg) repeat-x center 0em; text-align:center; position:relative; height:45px; z-index:1; }
#header .btn_logo{padding:10px 0 0 0; text-align:center;}
#header .btn_left{position:absolute; left:15px; top:14px; z-index:2;}
#header nav a.list{position:absolute; right:15px; top:14px; z-index:2;}

.sub_visual{position:relative; /*background: url(../images/include/sub_visual_bg_1.jpg) repeat-x center 0em; height:160px; */ z-index:1;}
.sub_top_menu{height:25px; color:#99776f; font-size:1.5em; text-align:center; z-index:3; font-family:'NanumGothicBold', sans-serif; padding:10px 0 0 0; border-bottom:1px solid #c0b4b2; background:#F5F5F5}
.sub_top_menu .btn_back{position:absolute; left:10px; top:0}

.sub_menu{-webkit-background-size:10px 27px;height:27px; padding:0 15px; background:#f2b600;}
.sub_menu li{font-size:1.2em; float:left; padding:5px 10px 2px 10px; height:20px; border-right:1px solid #daa506; font-family:'NanumGothic', sans-serif; color:#EEE;}
.sub_menu li:first-child{padding-left:0;}
.sub_menu li a.on{color:#FFF;}

.wrap-body { position:relative;width:100%; height:100%; }
.wrap-over { display:none; cursor:pointer; position:absolute; top:0; right:270px; z-index:999; width:100%; height:100%; }
.wrap { position:relative; z-index:100; left:0; height:100%; }

#menu { display:none; position:absolute; top:0; right:-270px; z-index:100; width:270px; height:100%; min-height:100%; background:#333; }
#menu p { position:relative; height:26px; padding:10px 0 0 0; background:#2a2a2a; text-align:center; color:#FFFFFF; font-size:1.3em;}
#menu p a.close { position:absolute; right:20px; }
menu { background:#333; }
menu li { position:relative; border-bottom:1px solid #242424;}
menu li a { overflow:hidden; display:block; width:250px; height:29px; padding:10px 0 0 20px;  color:#FFF;  font-size:1.3em;}
menu li a em.more { position:absolute; top:20px; right:15px; overflow:hidden; display:inline-block; width:8px; height:8px; margin-top:-4px !important; background:url("../images/include/ico_more.png") center 0 no-repeat;
	-webkit-background-size:8px 16px;
	-moz-background-size:8px 16px;
	-0-background-size:8px 16px;
	-khtml-background-size:8px 16px;
	background-size:8px 16px;
}
menu li.on a em.more { position:absolute; top:20px; right:15px; overflow:hidden; display:inline-block; width:8px; height:8px; margin-top:-4px !important; background:url("../images/include/ico_more.png") center -8px no-repeat;
	-webkit-background-size:8px 16px;
	-moz-background-size:8px 16px;
	-0-background-size:8px 16px;
	-khtml-background-size:8px 16px;
	background-size:8px 16px;
}
menu li a .more {}
menu li .menu-sub { display:none; background:#242424; }
menu li .menu-sub ul { padding:8px 0 10px 0; }
menu li.on .menu-sub { display:block; }
menu li li a { height:20px; padding:5px 0 0 10px; color:#FFF;  font-size:1.2em;}
menu li li em.sub { display:inline-block; width:4px; height:7px; margin:-6px 10px 0 0; vertical-align:middle;
	-webkit-background-size:4px 7px;
	-moz-background-size:4px 7px;
	-0-background-size:4px 7px;
	-khtml-background-size:4px 7px;
	background-size:4px 7px;
}

.util-menu { padding:0; background:#333; height:100%;}
.util-menu li { position:relative; }
.util-menu li a { display:block; height:35px; padding:10px 0 0 20px; }


/* ¸Þ´º Àüüº¸±â */
.all_menu{ margin:1px 0 0 0; padding:0px; /*border-top:2px solid #000000;*/}

.all_menu div{ background:url(../images/all_menu_depth_01_bg_x.png) repeat-x 0px -0.03em; -webkit-background-size:10px 35px; clear:both;  }
.all_menu div:first-child{/* background-position:0px -0.1em;*/}

.all_menu div ul{height:35px;background:url(../images/all_menu_depth_02_bg_x.png) repeat-x 0px 0px; -webkit-background-size:10px 35px; padding:0 0 0 0px;}
.all_menu div ul li{ height:35px;float:left;padding:0 0 0 16px; }

.all_menu .close_area{ text-align:center;background:url(../images/all_menu_close_bg_x.png) repeat-x 0px 0px; -webkit-background-size:10px 37px;height:37px;}
.all_menu .close_area a{ display:block; width:100%;}


/* ´ë¸Þ´º */
.top_menu{background:url(../images/menu_bg_x.png) repeat-x 0px 0px; -webkit-background-size:10px 41px; height:41px;}
.top_menu li{float:left;width:25%;text-align:center;background:url(../images/menu_bg.png) no-repeat 100% 0px; -webkit-background-size:2px 41px; height:41px;}
.top_menu li:first-child{clear:left; }
.top_menu li.on{background:#000000; -webkit-background-size:2px 41px;}



/* Á߸޴º */
/*ȸ»ç¼Ò°³*/
.sub_menu_01{ background:url(../images/submenu_bg_x.png) repeat-x 0px 100%; -webkit-background-size:10px 32px;height:32px;}
.sub_menu_01 li{float:left;width:25%;text-align:center;background:url(../images/submenu_bg.png) no-repeat 0px 0px; -webkit-background-size:2px 32px;height:32px; }
.sub_menu_01 li:first-child{clear:left; background:none; }


/*³ëÃâ - 1 */
.sub_menu_02{ background:url(../images/submenu_bg_x.png) repeat-x 0px 100%; -webkit-background-size:10px 32px;height:32px;}
.sub_menu_02 li{float:left;width:17%;text-align:center;background:url(../images/submenu_bg.png) no-repeat 0px 0px; -webkit-background-size:2px 32px;height:32px; }
.sub_menu_02 li:first-child{clear:left; background:none; }


/**/
.sub_menu_03{ background:url(../images/submenu_bg_x.png) repeat-x 0px 100%; -webkit-background-size:10px 32px;height:32px;}
.sub_menu_03 li{float:left;width:25%;text-align:center;background:url(../images/submenu_bg.png) no-repeat 0px 0px; -webkit-background-size:2px 32px;height:32px; }
.sub_menu_03 li:first-child{clear:left; background:none; }


/*³ëÃâ - 2*/
.sub_menu_04{ background:url(../images/submenu_bg_x.png) repeat-x 0px 100%; -webkit-background-size:10px 32px;height:32px;}
.sub_menu_04 li{float:left;width:25%;text-align:center;background:url(../images/submenu_bg.png) no-repeat 0px 0px; -webkit-background-size:2px 32px;height:32px; }
.sub_menu_04 li:first-child{clear:left; background:none; }


/*³ëÃâ - 3*/
.sub_menu_05{ background:url(../images/submenu_bg_x.png) repeat-x 0px 100%; -webkit-background-size:10px 32px;height:32px;}
.sub_menu_05 li{float:left;width:16%;text-align:center;background:url(../images/submenu_bg.png) no-repeat 0px 0px; -webkit-background-size:2px 32px;height:32px; }
.sub_menu_05 li:first-child{clear:left; background:none; }


/*³ëÃâ - 4*/
.sub_menu_06{ background:url(../images/submenu_bg_x.png) repeat-x 0px 100%; -webkit-background-size:10px 32px;height:32px;}
.sub_menu_06 li{float:left;width:22%;text-align:center;background:url(../images/submenu_bg.png) no-repeat 0px 0px; -webkit-background-size:2px 32px;height:32px; }
.sub_menu_06 li:first-child{clear:left; background:none; }



/* ǪÅÍ */
#footer{clear:both; position:relative; z-index:200; height:76px;}
#footer .btm_phone{background:url(../images/include/btm_bg.jpg) repeat-x center 0; height:44px; text-align:center;}
#footer .copyright{text-align:center; height:25px; background:#000000; color:#666666; padding:7px 0 0 0;}

#footer .link {width:100%; text-align:center; background:#fff;}
#footer .link a {display:inline-block;}
#footer .link area:focus {border:none; outline:none; outline-style: none; -moz-outline-style:none;}
#footer .link img, #footer .link img a {outline: none !important; border: none !important;}



.sub_contents {margin:15px; min-height:280px;  }

/*¸ð¹ÙÀÏ ±â±â ¼¼·ÎÀ϶§*/
@media all and (orientation:portrait) {
    .main_wrap { /*border:1px solid red;*/ min-height:280px;  }

}
/*¸ð¹ÙÀÏ ±â±â °¡·ÎÀ϶§*/
@media all and (orientation:landscape) {
     .main_wrap {/*border:1px solid blue;*/ min-height:560px; height:560px;}
}




/*********************** ¸ÞÀÎ**********************************/
/*¸ÞÀÎ ¹è°æ*/
.main_wrap{background:url(../images/main/main_visual_bg.png) repeat-x center 0; -webkit-background-size:960px 560px; position:relative; text-align:center; z-index:10px; min-height:100%; margin:0 0 -76px 0;}
.main_wrap  h1{background:url(../images/main/logo.png) no-repeat center 0em; -webkit-background-size:320px 80px; z-index:100px; height:80px;}


/*¸ÞÀÎ »óÇ° 4°³*/
.main_icon_btn{position:relative; width:279px; margin:79px auto 0 auto;}
.main_icon_btn li{float:left; width:93px; text-align:center;}
.main_icon_btn li:first-child{}

/*
.main_footer{clear:both; position:relative; z-index:200; height:76px;}
.main_footer .btm_phone{background:url(../images/include/btm_bg.jpg) repeat-x center 0; height:44px; text-align:center;}
.main_footer .copyright{text-align:center; height:32px; background:url(../images/include/copyright.png) no-repeat center 0 #000000; -webkit-background-size:226px 32px;}
*/


/******************************************************************/
/***********************³»¿ë ½ÃÀÛ**********************************/
/******************************************************************/



/******* ¼­ºêÆäÀÌÁö ³»¿ë½ÃÀÛ(contents) **********/

/* °Ô½ÃÆÇ ÆäÀÌ¡ */
.paging{text-align:center; font-size:1.4em; padding:15px 0; }
.paging a {border: 1px solid #8a8a8a; display: inline-block; height: 21px; line-height: 21px; margin: 0 1px 0 0; padding: 0 7px 0 7px; vertical-align: top; background:#FFFFFF;}
.paging .prev_end_btn{background: url(../images/include/icon_paging.png) no-repeat scroll left 0px transparent;-webkit-background-size:24px 100px;border: medium none;width:24px;height: 23px;overflow: hidden;padding: 0;}
.paging .prev_btn{background: url(../images/include/icon_paging.png) no-repeat scroll left -25px transparent;-webkit-background-size:24px 100px;border: medium none;width:24px;height: 23px;overflow: hidden;padding: 0;}
.paging .next_btn{background: url(../images/include/icon_paging.png) no-repeat scroll left -50px transparent;-webkit-background-size:24px 100px;border: medium none;width:24px;height: 23px;overflow: hidden;padding: 0;}
.paging .next_end_btn{background: url(../images/include/icon_paging.png) no-repeat scroll left -75px transparent;-webkit-background-size:24px 100px;border: medium none;width:24px;height: 23px;overflow: hidden;padding: 0;}
.paging span{ display:none;}
.paging strong{border: 2px solid #313131; color: #313131; display: inline-block; height: 19px; line-height: 19px; margin: 0 2px 0 0; padding: 0 6px 0 6px; vertical-align: top; background:#FFFFFF;}


/*±âº» Æû*/
.select_box_01{width:100%;-webkit-border-radius:2px;border:1px solid #a5a5a5;vertical-align:middle;font-size:0.9em;background:#ffffff; height:23px;  }
.input_box_01{width:99.6%; -webkit-border-radius:2px;border:1px solid #a5a5a5;vertical-align:middle;padding:0 0 0 1px;font-size:0.9em; background:#f6f6f6;height:21px;}
.radio_01{-webkit-border-radius:100px;vertical-align:middle;}
.lable_01{ margin:0 0 0 0.1em;font-size:1.2em;vertical-align:-0.3em;}
.lable_01 a{color:#666666;}


/*ÆùÆ®»çÀÌÁî*/
.txt_title{font-size:1.3em; line-height:1.4em; color:#000000; letter-spacing:-1px; margin:0 0 10px 0;}
.pic img{max-width:100%; width:100%; height:auto !important;}

.middle_txt{font-size:1.3em; line-height:1.4em; color:#777777; }
.middle_txt img{/*width:80% !important;*/ height:auto !important; max-width:100%!important;}
.small_txt{ font-size:1.2em; color:#777777; }
.min_txt{ font-size:0.8em; color:#777777; }

.intro{}
.intro img{max-width:100%; width:100%; max-height:300px;}
.intro p{font-size:1.3em; line-height:1.4em; color:#000000; letter-spacing:-1px; margin:20px 0 0 0;}

.map_add{margin:20px 0 0 0; font-size:1.2em; line-height:1.4em; color:#000000; letter-spacing:-1px; border-bottom:1px solid #dddddd; padding:0 0 20px 0;}
.map_info{margin:20px 0 0 0;}
.car{background:url(../images/location/icon_1.jpg) no-repeat left top; -webkit-background-size:36px 36px; padding:0 0 20px 50px;}
.car .con_title{font-size:1.3em; line-height:1.4em; color:#000000; letter-spacing:-1px;}
.subway{background:url(../images/location/icon_2.jpg) no-repeat left top; -webkit-background-size:36px 36px; padding:0 0 0 50px;}
.subway .con_title{font-size:1.3em; line-height:1.4em; color:#000000; letter-spacing:-1px;}



/* ÅǸ޴º_01 */
.tab_01{ background:url(../images/contents/tab_bg.png) repeat-x 0px 100%; -webkit-background-size:10px 32px;height:32px; padding:0 0 0 4px;}
.tab_01 li{float:left;width:24.8%;text-align:center;height:32px;background:url(../images/contents/tab_off_bg.png) no-repeat -1px 0px;  -webkit-background-size:300px 32px;height:32px; }
.tab_01 li:first-child{ background-position:0px 0px;}
.tab_01 li strong{display:block; padding:0px;background:url(../images/contents/tab_off_bg.png) no-repeat 100% 0px;  -webkit-background-size:300px 32px;height:32px;}


.tab_01 li.on{background:url(../images/contents/tab_on_bg.png) no-repeat -1px 0px #ffffff; -webkit-background-size:300px 32px; }
.tab_01 li:first-child.on{ background-position:0px 0px; }
.tab_01 li.on strong{display:block; padding:0px;background:url(../images/contents/tab_on_bg.png) no-repeat 100% 0px; -webkit-background-size:300px 32px;height:32px;}


/*»ó´ãÆû*/
table.estimate_form{width:100%;}
table.estimate_form th{padding:5px 0; text-align:left; letter-spacing:-1px; font-weight:normal; color:#333333;}
table.estimate_form td{padding:5px 0; font-size:0.9em; color:#333333;}


/*°Ë»öÆû*/
.list_search_bg{background:url(../images/search/serch_bg.png) repeat-x 0px 0px #f1f1f1; -webkit-background-size:2px 33px;height:30px; padding:3px 0 0 0px; }
.list_search_bg table.form_001 td.title_name{font-weight:bold; font-size:1.2em; color:#FFFFFF; padding:5px;text-align:center;}

.list_search_bg table.form_001{ width:97%; border-collapse:collapse;}
.list_search_bg table.form_001 td{/* border:1px solid red;*/ padding:2px;}


/*°Ë»ö¹öÆ°*/
.list_btn_03{ width:100%;
	border:1px solid #a5a5a5; border-radius:2px; -moz-border-radius:2px;
	background:#f1f1f2; background: -webkit-gradient(linear, left top, left bottom,  from(#ffffff), to(#f1f1f2));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f2',GradientType=0 ); /* IE */

}
.list_btn_03 span{color:#666666;}


/******************* °Ô½ÃÆÇ ¸®½ºÆ® *******************/
.board_list_01{padding:0; min-height:20px; margin:0px; border-bottom:1px solid #dfe0e2;}
.board_list_01 ul{}
.board_list_01 li{
	/*border-bottom:1px solid #dfe0e2;*/ border-top:1px solid #dfe0e2;padding:0;
	background:#f8f8f8; background: -webkit-gradient(linear, left top, left bottom,  from(#f8f8f8), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /*ie*/
}

.board_list_01 li:last-child{border-bottom:none;}
.board_list_01 li a{display:block; padding:8px 20px 8px 10px; background:url(../images/include/list_arrow_01.png) no-repeat 98% 50%; -webkit-background-size:6px 8px; color:#4f4f4f; text-shadow:1px 1px 1px #ffffff;}
.board_list_01 li a:after{content:""; display:block; clear:both;}
.board_list_01 li strong{display:block; font-size:1.3em; font-weight:normal;}
.board_list_01 li strong i{ padding:0 0 0 3px; font-size:0.8em; color:#0066CC; font-style:normal;}
.board_list_01 li em{display:block; font-size:1.1em; color:#917d78;}
.writer_01{padding:0 2px; color:#917d78;}
.views_01{padding:0 2px; color:#917d78;}



/******************* °Ô½ÃÆÇ ºä *******************/
.board_view_01{ border:1px solid #dfe0e2; padding:0px; background:#FFFFFF;}
.board_view_01 .top_box{border-top:1px solid #dfe0e2; padding:15px;
	background:#f8f8f8; background: -webkit-gradient(linear, left top, left bottom,  from(#f8f8f8), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /*ie*/}

.board_view_01 .top_box h2{display:block; color:#333333; font-size:1.4em;}
.board_view_01 .top_box em{display:block; color:#917d78; font-size:1.2em;}


.board_view_01 .con_box{padding:15px; font-size:1.2em; line-height:1.5em; color:#4f4f4f;  border-top:1px solid #b7b7b7; }
.board_view_01 .con_box img{ clear:both; display:block; margin:0 auto;}


/*¸ð¹ÙÀÏ ±â±â ¼¼·ÎÀ϶§*/
@media all and (orientation:portrait) {
.board_view_01 .con_box img { /*border:1px solid red;*/ width:100%; }

}
/*¸ð¹ÙÀÏ ±â±â °¡·ÎÀ϶§*/
@media all and (orientation:landscape) {
.board_view_01 .con_box img { /*border:1px solid blue;*/width:80%; }
}

.board_view_01 .con_box table{width:100%;}
/*³»¿ë µé¾î¿Ã½Ã °­Á¦ ½ºÅ¸ÀÏ ÁöÁ¤*/
.board_view_01 .con_box div{width:100% !important;}
.board_view_01 .con_box table{  width:100% !important;}
.board_view_01 .con_box img{ height:auto !important; max-width:100% !important;}
.board_view_01 .con_box p{  clear:both;}
.board_view_01 .con_box dd{ width:80% !important; }
.board_view_01 .con_box dl{ width:80% !important; }
.board_view_01 .con_box font{ line-height:1.3em;}


.list_btn_01 a{
	display:block; padding:7px 0; border:1px solid #d3d3d3; border-radius:2px; -moz-border-radius:2px; cursor:pointer; text-align:center;
	background:#f1f1f2; background: -webkit-gradient(linear, left top, left bottom,  from(#ffffff), to(#f1f1f2));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f2',GradientType=0 ); /* IE */
}
.list_btn_01 a span{color:#666666; font-size:1.07em;}

/******************************************************************/
/***********************³»¿ë ³¡**********************************/
/******************************************************************/