/* ----------------------------------------

source		:	mobile.css
discription	:	모바일관련 스타일 시트
author		:	양선혜
date        :   2012.01.26
----------------------------------------- */
@charset "euc-kr";
@import "/css/comm/2011/footer.css";
html {
	margin:0;
	padding:0;
}
body {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family:"돋움", "돋움체", arial, serif, sans-serif;
	color:#454545;
	line-height:120%;
	letter-spacing:-1px;
}
ul, dl, ol, li, dt, dd, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
img {
	border: 0;
	vertical-align: middle;
}
caption {
	display:none
}
address {
	margin:0;
	padding:0;
}
select, input {
    font-family: "돋움","돋움체",arial,serif,sans-serif;
    font-size: 100%;
    vertical-align: middle;
}

.accessibility-menu {
	display:none;
	font-size:0;
	height:0;
	line-height:0;
	position:absolute;
	z-index:-100;
}
.accessibility-top {
	display:none;
	font-size:0;
	height:0;
	line-height:0;
	position:absolute;
	z-index:-100;
}



/* 상단 :  기존 epost_layout.css 내용 동일 */

#LaynWrap {
    margin: 0 auto;
    padding: 0;
    width: 900px;
}
#LaynWrapToplogo {
    float: left;
    margin: 10px 0 0;
}
#nepostTopMenu {
    border-top: 2px solid #DEDEDE;
    color: #737373;
    float: right;
    font-size: 85%;
    height: 22px;
    min-width: 100px;
    padding: 0;
}
#nepostTopMenu a:link {
    color: #61646E;
    text-decoration: none;
}
#nepostTopMenu a:visited {
    color: #61646E;
    text-decoration: none;
}
#nepostTopMenu a:hover {
    color: #000000;
    text-decoration: none;
}
#nepostTopMenuID {
    font-size: 85%;
    margin: 0 5px 0 0;
}
#nepostTopMenu ul {
    margin: 5px 0 0;
}
#nepostTopMenu li {
    background: url(/images/comm/2010/comm/co_Epostmenudiv.gif) no-repeat scroll right top transparent;
    display: inline;
    margin: 0;
    padding: 0 8px 0 4px;
    text-align: center;
}
#nepostTopMenu li.nobg {
    background: none repeat scroll 0 0 transparent;
    padding-right: 0;
}
#nepostTopMenu li.btn {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0 1px;
}
#nepostTopMenu li.id {
    background: none repeat scroll 0 0 transparent;
    color: #61646E;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0;
    padding: 0 3px 0 0;
}
#LaynTopsubmenu {
    clear: both;
    float: right;
    margin: -10px 0 0;
    .margin: 10px 0 0 0;
    padding: 0;
    text-align: right;
}
#LaynTopsubmenu ul {
    margin: 0 5px 0 0;
}
#LaynTopsubmenu li {
    display: inline;
    margin: 0;
    padding: 0;
}
#MobileTopmenu {
    background:url(/images/mobile/mobile_top_menubg.gif) no-repeat scroll 1px 0 transparent;
    float: left;
    height: 40px;
    margin: 5px 0 0;
    width: 900px;
}
#MobileTopmenu h1 {
    display: inline;
    float: left;
    margin: 0 0 0 22px;
    padding: 5px 0 0;
}
#MobileTopinfoMenu {
    display: inline;
    float: right;
    margin: 7px 0 0 0;
}
#MobileTopinfoMenu li {
    float: left;
}

#LaynConwrap {
    float: left;
    margin: 20px 0 0;
    padding: 0;
    width: 900px;
}


/* 왼쪽메뉴 영역 */

#LeftMenuWrap {
    float:left;
	width:170px;
	height:500px;
	border:1px solid #dbdbdb;	
	margin:0 20px 0 0;
	padding:20px 15px;
}
#LeftMenuWrap li {
	margin:0;
	padding:0 0 10px 10px;
	border-bottom:2px solid #555555;
}
#LeftMenuWrap li.liNoLine {
	margin:0;
	padding:0;
	border-bottom:0px solid #555555;	
}
#LeftMenuWrap li.liNoLine ul {
	margin:10px 0 25px 0;
	.margin:-10px 0 25px 0;
}
#LeftMenuWrap li.liNoLine ul li {
	margin:0;
	padding:8px 0 9px 15px;
	.padding:8px 0 6px 15px;
	border-bottom:1px solid #d2d2d2;	
}



/* 컨텐츠 영역 */

#ContentsWrap {
	width:670px;
    float:right;
	margin:0;
    padding: 0;
}
.topImgArea {
	padding:40px 0 0 30px;
}
.topImgArea h3 {
	padding:0 0 25px 0;
}
.topImgArea p {
	padding:20px 0 0 0;
}
.topImgArea .btn {
	padding:20px 0 0 0;
}
.topImgApp1 {
	background:url(/images/mobile/topimg_app1.jpg) no-repeat right top;
	height:227px;
}
.topImgApp2 {
	background:url(/images/mobile/topimg_app2.jpg) no-repeat right top;
	height:227px;
}
.topImgApp3 {
	background:url(/images/mobile/topimg_app3.jpg) no-repeat right top;
	height:227px;
}
.topImgApp4 {
	background:url(/images/mobile/topimg_app4.jpg) no-repeat right top;
	height:227px;
}
.topImgApp5 {
	background:url(/images/mobile/topimg_app5.jpg) no-repeat right top;
	height:227px;
}
.topImgApp6 {
	background:url(/images/mobile/topimg_app6.jpg) no-repeat right top;
	height:227px;
}
.topImgWeb1 {
	background:url(/images/mobile/topimg_web1.jpg) no-repeat right top;
	height:227px;
}

.textinfo {
	margin:30px 0 0 0;
	padding:0 10px;
}
.textinfo li {
	padding:0 0 10px 0;
}

.conExp {
	width:650px;
	clear:both;
	float:left;
	margin:0;
	padding:40px 10px 30px 10px;
	border-bottom:1px solid #ededed;
}
.conExp dt {
	font-size:110%;
	font-weight:bold;
}
.conExp dd.text {
	padding:10px 0 15px 22px;
}
.conExp dd li {
	padding:0 40px 0 0;
	float:left;
	display:inline;
	text-align:center;
}
.conExp dd li dd {
	padding:10px 0 0 0;
}
.conExp dd li.end {
	padding:0;
}

.conExp2 {
	width:650px;
	clear:both;
	float:left;
	margin:0;
	padding:40px 10px 30px 10px;
	border-bottom:1px solid #ededed;
}
.conExp2 dt {
	font-size:110%;
	font-weight:bold;
}
.conExp2 dd.text {
	padding:10px 0 15px 22px;
}
.conExp2 dd li {
	padding:0 20px 0 0;
	float:left;
	display:inline;
	text-align:center;
}
.conExp2 dd li dd {
	padding:10px 0 0 0;
}
.conExp2 dd li.end {
	padding:0;
}


.installTitle {
	clear:both;
	float:left;
	padding:30px 0 20px 10px;
}
.installInfo {
	clear:both;
	padding:0 10px;
}
.installInfo li {
	display:inline;
	float:left;
	width:185px;
	height:330px;
	padding:0 20px;
	border-right:1px solid #ededed;
}
.installInfo li.first {
	padding:0 20px 0 0;
}
.installInfo li.end {
	padding:0 0 0 20px;
	border-right:0px solid #ededed;
}
.installInfo li dt {
	font-size:110%;
	font-weight:bold;
}
.installInfo li dd {
	padding:15px 0 0 0;
}
.installInfo li.end dl {
	margin:0;
	padding:0;
}
.installInfo li.end dd {
	font-size:85%;
	margin:0;
	padding:0;
	letter-spacing:0;
}
.installInfo li.end dd.stit {
	color:#0e7dbc;
	font-weight:bold;
	font-size:100%;
	padding:10px 0 3px 0;
}
.installInfo li.end dd.btn {
	padding:5px 0 20px 0;
}

.installInfo2 {
	clear:both;
	padding:0 10px;
}
.installInfo2 li {
	display:inline;
	float:left;
	width:280px;
	height:190px;
	padding:0 20px;
	border-right:1px solid #ededed;
}
.installInfo2 li.end {
	padding:0 0 0 20px;
	border-right:0px solid #ededed;
}
.installInfo2 li dt {
	font-size:110%;
	font-weight:bold;
}
.installInfo2 li dd {
	padding:15px 0 0 0;
}


.installInfo3 {
	clear:both;
	padding:0 10px;
}
.installInfo3 li {
	display:inline;
	float:left;
	width:185px;
	height:350px;
	padding:0 20px;
	border-right:1px solid #ededed;
}
.installInfo3 li.first {
	padding:0 20px 0 0;
}
.installInfo3 li.end {
	padding:0 0 0 20px;
	border-right:0px solid #ededed;
}
.installInfo3 li dt {
	font-size:110%;
	font-weight:bold;
}
.installInfo3 li dd {
	padding:15px 0 0 0;
}
.installInfo3 li.end dl {
	margin:0;
	padding:0;
}
.installInfo3 li.end dd {
	font-size:85%;
	margin:0;
	padding:0;
	letter-spacing:0;
}
.installInfo3 li.end dd.stit {
	color:#0e7dbc;
	font-weight:bold;
	font-size:100%;
	padding:10px 0 3px 0;
}
.installInfo3 li.end dd.btn {
	padding:5px 0 15px 0;
}

.alginCenter {
	text-align:center;
}