/**
 * 모바일 css
 * 작성자 : 김민정
 * 작성일 : 2011-08-04
 */

/* ------------------------------------------------------- 원본 css ---------------------------------------------------------- */
body { background-color: #FFFFFF;  font-size:12px; font-family:'맑은고딕','돋움'; color:#5e5e5e; margin:0; padding:0; }

.ui-mobile #jqm-home { /* background: #e5e5e5 url(../images/jqm-sitebg.png) top center repeat-x; */ }
.ui-mobile #jqm-homeheader { padding: 15px 0 15px 0; text-align: center }
.ui-mobile #jqm-homeheader h1 { margin: 0 0 10px; }
.ui-mobile #jqm-homeheader p { margin: 0; }
.ui-mobile .jqm-themeswitcher { clear: both; margin: 20px 0 0; }


p code { font-size:1.2em; font-weight:bold; }

dt { font-weight: bold; margin: 2em 0 .5em; }
dt code, dd code { font-size:1.3em; line-height:150%; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

.ui-header .jqm-home { top:0.65em; }

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

.ui-mobile .ui-page-active { background:none; }

/* 공통 */
div { margin:0; padding:0; }

img { border:0; padding:0; margin:0; line-height:none;  }

div, ul, li, dl, dt, dd, ol, table, h1, h2, h3, h4, a, span, p  { margin:0; padding:0; font-family:'맑은 고딕','돋움'; color:#5b504e; font-size:1.05em; }

ul, ol, dl { list-style:none; }

h1,h2 { text-align:left; padding-left:7px; }

.clear { margin:0; padding:0; font-size:0; clear:both; line-height:0; }

table { border-collapse:collapse; }
a { display:block; }
ul li { font-family:'맑은고딕','돋움'; font-size:1.25em;  }

/* 링크 */
a:link,
a:visited,
a:active  { font-family: '돋움'; text-decoration:none; color:#9c9c9c; }
a:hover   { font-family: '돋움'; text-decoration:none; color:#f5712b; }

/* 메인 */
#container, #sub_container { border-top:4px solid #59261a; }
#container { width:100%;  background:#f1fe28 Url(../images/main_back.gif) repeat-x;  }
.wrapper { width:320px; margin:0 auto; text-align:center; }
.logo img { margin:5px 0 3px 0;  }

/*메인네비 */
#mainNav {  width:314px; background:url(../images/mainNav_back.png) no-repeat center 0; float:left; margin-left:3px;  }
#mainNav li   { float:left; }
#mainNav li a { width:78px; display:block;  height:66px; font-size:4px; }
#mainNav li a span { visibility:hidden;  }

/* 서브 */
#sub_container { width:100%;  background:#FFFFFF url(../images/sub_back.gif) repeat-x; }
#contents { padding-bottom:20px; }
.subContents { text-align:center; margin:5px 0 20px 0; }
.text_p01, .text_p02 {  padding:9px 0 0 11px; text-align:left; }
.text_p01 { line-height:140%; font-size:1.2em; }
.text_p02 { font-weight:bold; font-size:1.3em; }
.text_p01 span { color:#7da128; font-weight:bold; }
.p_15 { padding-top:15px; }
.p_10 { padding-top:10px; }
.p_t_7 { padding-top:7px;  }

.subContents p { padding:7px; padding-top:0; font-size:1.3em; line-height:140%; text-align:left; margin-top:-16px; }
.subContents p span { color:#80a413; }

/* 온라인문의 */
.ui-body-b { background:none; }
.ui-title { white-space:normal !important; color:#FFFFFF; }

/* 법무사소개 */
#contents p { text-align:left; }
h1 { font-size:1.12em; padding:0 0 0 10px;  }
.info_title { background:url(../images/title_back.gif) no-repeat 0 0; height:20px; }
.align_l { text-align:left; }
.padd { padding:10px 0 5px 10px; }
.m-t_10 { margin-top:10px; }
.m-t_20 { margin-top:20px; }
.info01_list li { text-align:left; font-size:1.12em; padding:0 0 5px 17px; line-height:130%; font-family:'맑은 고딕','돋움'; background:url(../images/bullet.gif) no-repeat 10px 8px; }
.info01_list li span { font-size:12px; color:#a85f3a; }
.info01_list li a:link, a:visited, a:active, a { font-weight:normal !important; color:#a85f3a; margin:0; padding:0; }
.info01_list li a:hover { color:#e56d30; }

h2 { background:url(../images/title_bullet.gif) no-repeat 7px 7px;  font-size:1.25em; color:#8b7269; padding:0 0 5px 20px; font-family:'맑은 고딕','돋움';  }
.pro01_p { padding:0 10px 0 10px;  line-height:140%; }
.pro01_p li { text-align:left; padding-bottom:7px; }
.pro01_p li ol li { font-size:0.95em; padding-right:5px; }


.left_pro01 { background:url(../images/left_pro01_back.png) no-repeat 0 0; float:left;  margin-bottom:15px; width:320px; padding-left:9px; }
.left_pro01 li { float:left; }
.left_pro01 li a { float:left;  display:block; height:27px; font-size:4px; width:101px; }
.left_pro01 li a span { visibility:hidden;  }
.left_pro02 { background:url(../images/left_pro02_back.png) no-repeat 0 0; }
.left_pro03 { background:url(../images/left_pro03_back.png) no-repeat 0 0; }

.pro01 { background-color:#faf5eb; padding:7px; margin-left:10px;  }
.pro_dl, .pro01 { width:298px; margin:0 auto; border:1px solid #e5934f; border-radius:5px; -moz-border-radius: 5px; /* 파이어폭스 */ -webkit-border-radius: 15px; /* 크롬 & 사파리 */ text-align:left;  }
.pro_dl dt, .pro_dl dd, .map { padding:10px;  }
.pro_dl dt { padding-bottom:5px; color:#f34e14; font-size:1.30em; }
.pro_dl dd { font-size:1.2em; line-height:135%; border-bottom:1px solid #dfccbc; padding-top:0; }
.pro_dl .b_none { border:none; }
#pro01 { width:100%; background:url(../images/pro01_title_back.gif) no-repeat; }
#pro03 { width:100%; background:url(../images/pro03_title_back.gif) no-repeat; }
.map        { font-size:1.2em; }
.map p      { padding-top:5px;   }
.map p span { font-weight:bold; color:#ec6a11;  }

/* footer */
#footer { width:100%; background:url(../images/footer_back.gif) repeat-x; text-align:center; }
#footerArea { width:320px; margin:0 auto; }
.call_pc       { float:left; background:url(../images/footer_call_pc.gif) no-repeat center; margin:0 0 10px 50px; }
.call_pc li    { float:left; }
.call_pc li a  { width:117px; display:block; height:29px; font-size:4px; }
.call_pc li a span { visibility:hidden;  }
#footerArea p      { margin-top:7px; font-size:1.00em;  }
#footerArea p span { color:#9e583c;  }