
/* 상단 */
#hd_wrap{margin:0; padding:0;list-style:none; height:130px;}
#hd_logo {height:90px;text-align:center; background:url(../mobile/html/img/top_bg.gif) repeat-x center top;}

/* 네비 */
#mn_lnb{clear:both; height:40px; margin:0; padding:0;}
#mn_lnb ul{margin:0; padding:0; list-style:none; height:40px; background-color:#98c134;}
#mn_lnb li{float:left; width:33.3%; height:40px; line-height:40px;}
#mn_lnb a{display:block; padding:0; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none;}
.inb_line{background:url(../mobile/html/img/navi_line.gif) no-repeat right top;}

/* 본문 */
#wrapper{/*margin:2em 0;*/ clear:both;margin:0}
#wrapper:after{display:block;visibility:hidden;clear:both;content:""}
#wrapper_title{margin-bottom:1.5em;padding:0 0.7em;font-size:1.2em}

#main_container{position:relative;min-height:400px; background:url(../mobile/html/img/main_visu.jpg) no-repeat center top; background-color:#484848;}
#main_visual{display:block;visibility:hidden;clear:both;content:""}

/* 하단버튼 */
#bott_banner{position:relative; width:100%;  margin:0 auto; padding:5px 0; height:80px;background-color:#fff; text-align:center;}
#banner_btn{height:80px; margin:0 auto; padding:0;text-align:center;}
#banner_btn ul{list-style:none; height:80px; margin:0; padding:0; text-align:center;}
#banner_btn li{float:left; width:50%;}

/* 카피라이트 */
#bott_copy{position:relative; width:100%; margin:0 auto; min-height:80px;  background-color:#e7e7e7; text-align:center;}
#copy_text{margin:0 auto; padding:15px 0; text-align:center; color:#555; font-size:12px;line-height:18px;}
#copy_text span{line-height:18px;color:#555;}





#ft_copy {background:#e00;}
#ft_copy p {
    text-align:center;
    padding:0.5em;
    font-size:0.7em;
    color:#fff;
}
#ft_copy p .opacity_txt {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE-8 */
    filter: alpha(opacity=50); /* IE-7 */
    opacity: .5; /* all-browser */
}
/* 재정의 끝 */

.content {max-width:768px;margin:0 auto;}

.title {padding:15px 0;border-bottom:2px solid #e3e3e3;width:100%;}
.title h2 {display:inline;padding-left:10px;font-size:16px;}
.breadcrumb {
    float:right;
    padding: 5px 10px 20px 0;
    font-size:12px;
    color:#999;
}

.content-slogan { text-align:center; }
.content-slogan .slogan1 { padding:20px 0 0 0;font-size:20px;font-weight:bold;color:#ccc;letter-spacing:-1px; }
.content-slogan .slogan2 { padding-bottom:10px;font-size:30px;font-weight:bold;color:#fff;letter-spacing:-1px; }
.content-slogan .slogan3 { font-size:14px;color:#ccc;letter-spacing:-1px; }
.content-slogan .slogan4 { font-size:12px;color:#ccc;letter-spacing:-1px; }

.content-main { padding:20px 0;width:300px;margin:0 auto; }
.content-main .btn-circle { float:left;text-align:center;width:50%; padding-bottom:40px; }
.content-main .btn-circle a { text-decoration:none; }
.content-main .btn-circle p { padding:5px;font-size:0.8em;font-weight:bold;color:#ccc; }
.content .phone { padding:20px 0;text-align:center; }

.content-sub {padding:0 15px;letter-spacing:-0.5px;color:#333;}
.content-sub p {line-height:1.3em;}
.content-sub span {font-size:0.8em;color:#808080;}
.content-sub .box {padding:10px;background:#eaeaea;border-top:2px solid #ccc;border-bottom:2px solid #ccc;}
.content-sub ul {line-height:200%;margin:0;padding:0;list-style:none;font-size:14px;}
.content-sub ol {margin:0;padding:20px;font-size:0.8em;color:#555;line-height:1.5em;}

.button-call {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d72f4b), color-stop(1, #d72f4b) );
	background:-moz-linear-gradient( center top, #d72f4b 5%, #d72f4b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d72f4b', endColorstr='#d72f4b');
	background-color:#d72f4b;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	display:inline-block;
   *display:inline; /* IE6,7에서 inline-block을 사용하기 위한 HACK*/
   zoom:1; /* IE6,7에서 inline-block을 사용하기 위한 HACK*/
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:70px;
	text-decoration:none;
	text-align:center;
}

.button-map {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #386183), color-stop(1, #386183) );
	background:-moz-linear-gradient( center top, #386183 5%, #386183 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#386183', endColorstr='#386183');
	background-color:#386183;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	display:inline-block;
   *display:inline; /* IE6,7에서 inline-block을 사용하기 위한 HACK*/
   zoom:1; /* IE6,7에서 inline-block을 사용하기 위한 HACK*/
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:70px;
	text-decoration:none;
	text-align:center;
}

#copyBar {background:#000;}
#copyInfo {max-width:768px;padding:0 20px;margin:0 auto;}
#copyInfo .copyText {font-size:12px;color:#999;text-align:center;line-height:1.4em;letter-spacing:-1px;}
#copyInfo .copyTextFocus {font-size:12px;color:#fff;}

.clear {clear:both;}
