@charset "euc-kr";
*, html, body {
	padding:0;
	margin:0;
	font-size:1.0em;
	font-family:dotum,san-serif;
	
}
html.main { background:url(img/bg_all.jpg) center top  repeat;  height:100%; background-size:auto 480px;}
body { min-width:320px; height:100%; -webkit-text-size-adjust:none; } /*아이폰 글자크기 고정*/
body.main { background:url(img/bg_main.jpg) center top  no-repeat;  height:100%; background-size:auto 480px;}

h1 { font-size:1.4em; font-weight:normal; }
h2 { font-size:1.2em; font-weight:normal; }
h3 { font-size:1.0em; font-weight:normal; }
h4 { font-size:0.8em; font-weight:normal; }

a:link { color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }
a:active { color:#000; text-decoration:none; }
a:visited { color:#000; text-decoration:none; }

img { border:none; vertical-align:middle; }
table { border-collapse:collapse; table-layout:fixed;}
table th {font-weight:normal;}

.overflow { text-overflow: ellipsis !important; white-space: nowrap !important;  overflow: hidden !important; }
li {display:block;}

/* 설명
a:active, a:hover { background-color:#476489; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7; }
-webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
display:table; margin:0 auto;
list-style:none;
position:relative;
background: url(icon_on.png) left top no-repeat; 
table-layout:fixed;
word-break:break-all;
background-size:50% auto; 
*/

header, nav, footer, section, articel, aside {display:block;  clear:both;}

/*메인*/
nav.main {width:320px; margin:0 auto; padding:146px 0 0 12px; display:table;}
nav.main ul {clear:both;}
nav.main ul li {float:left; padding-right:5px;}
nav.main ul li.last {padding-right:0px;}
nav.main ul li img {width:70px;}

articel.main {background: #ebeaeb; opacity: .7;filter:Alpha(Opacity=70); margin:6px 0 10px 0; height:20px;}
articel.main ul{width:310px; margin:0 auto; padding:0 0 0 10px;}
articel.main ul li  {position:relative;  height:20px; line-height:20px;}
articel.main ul li a {padding: 0 20px 0 0; display: block; font-size:0.8em; }
.main-icon {position: absolute; right:5px; top:50%; margin-top:-3px; background: url(img/icon_plus.png) left top no-repeat; background-size:50% auto; width: 12px; height: 12px;}

/* 하단 */
footer {background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f3f3f), color-stop(50%, #3f3f3f), color-stop(51%, #000000), color-stop(100%, #000000)); height:54px;}
footer > ul{margin:0 auto; display:table;}
footer > ul li  {float:left; height:27px; line-height:27px;}
footer > ul li a {color:#ffffff !important; font-size:0.8em; background: url(img/bg_bar.png) right top no-repeat; padding:0 7px 0 3px;}
footer > ul li a.last {background:none; }
footer > ul li img {width:9px; margin:-2px 0 0 7px;}
footer > ul li img.first {margin:-2px 0 0 5px;}

footer > div {clear:both; width:276px; margin:0 auto; padding:0 0 0 44px;}
footer > div img {height:27px; vertical-align:top; }

/* 상단 */
header { position:relative; height:46px; background: url(img/bg_sub.jpg) center top repeat-x; background-size:auto 46px;}
header > a {position: absolute;}
header > a.back {left:5px; top:9px;}
header > a.home {right:5px; top:9px;}
header > h1 {text-align:center; height:24px; line-height:24px; color:#ffffff !important; padding-top:10px;}
header > a img {height:24px; vertical-align:top; }

/* 서브메뉴*/
aside {background:#575757; position: absolute; top:46px; width:100%; height:92%; z-index:100; display:none;}
nav.sub {width:205px; margin:0 auto; padding:30px 0 0 12px; display:table;}
nav.sub ul {clear:both;}
nav.sub ul li {float:left; padding:0 10px 20px 0;}
nav.sub ul li.last {padding-right:0px;}
nav.sub ul li img {width:43px;}

#menuButton {clear:both; display:block; text-align:center; width:205px;}
#menuButton img {height:24px;}


#table {}
#table > table.tblList {width:100%; height:100%; font-size:0.8em; float:left; }
#table > table.tblList th {line-height:15px; padding:3px 0 3px 0; background:#515253; border-bottom:1px solid #1e72a2; color:#ffffff;}
#table > table.tblList tr { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e8e8e8));}
#table > table.tblList td { line-height:21px; padding:3px 0 3px 0; border-bottom:1px solid #d4d4d4; text-align:center; background: url(img/bg_td_bar.png) right center no-repeat; background-size:1px 15px;}
#table > table.tblList td.left { text-align:left; padding-left:5px;}
#table > table.tblList td.left10 { text-align:left; padding-left:10px;}
#table > table.tblList td.left_con { text-align:left; padding-left:5px;  background: url(img/bg_td_bar.png) right center no-repeat; background-size:1px 90%;}
#table > table.tblList td.last { background:none;}


.btnDiv {height:50px; background:#eefac8; clear:both;}
.btnDiv p {padding-top:17px; margin:0 auto; display:table;}
.btnDiv a {float:left; margin:0 5px 0 5px; font-size:0.9em; display:block; line-height:16px;}
.btnDiv a.on {color:#007dc6;}
.btnDiv a img {height:16px; vertical-align:top; }
.btnDiv a img.list {height:19px; vertical-align:top; }

.stl {background: url("img/bullet_blue.gif") left 2px no-repeat; background-size:15px 15px;  color:#007BBF; padding:0 0 0 18px; font-size:1.2em; line-height:17px; clear:both; margin-top:10px;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.txt_bg {margin-top:10px;}
.wth224 {padding:0 89px 0 89px;}
.wth312 {padding:0 33px 0 33px;}
.wth384 {padding:0 44px 0 24px;}
.wth386 {padding:0 48px 0 0px;}
.wth448 {padding:0 16px 0 16px;}
.wth538 {padding:0 20px 0 0px;}
.wth554 {padding:0 17px 0 0;}
.wth560 {padding:0 10px 0 10px;}
.wth568 {padding:0 0px 0 0px;}

#txt {text-align:left; padding:0 10px 30px 10px; font-size:0.8em; color:#5B5B5B;}
#txt p.img {padding-top:0px;}
#txt p.img img {width:100%;}

#txt p {padding-top:10px; text-align:left;}
#txt p.ceo {color:#226797;}
#txt p.tit {color:#56870A; font-size:1.2em;}
#txt p.name {text-align:right;}
#txt p.name span {font-size:1.4em;}
#txt p.plant {color:#1F70F3; font-size:1.2em;}

#txt p.sub_tit {font-size:1.2em;}
#txt .sub_tit1 {color:#007CC9;}
#txt .sub_tit2 {color:#07AB54;}

.ci {background: url("img/img_ci_bg.gif") left 2px no-repeat; background-size:auto 130px; margin:10px 0 20px 10px; min-height:130px;}
.ci p {padding: 0 0 0 72px !important;}
.ci p.bot {padding: 40px 0 0 72px !important;}

section {font-size:0.8em;}
p.map  {color:#ec5f05; text-align:right !important; padding:12px 10px 5px 0; font-size:0.9em;}
div.map {padding:3px 10px 0 10px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cccccc; height:30px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ececec), to(#dfdfdf));}

div.map ul {background-color:#e9e9e9; border:1px solid #c5cec9; -webkit-border-radius: 5px;  border-radius: 5px; height:25px;}
div.map ul li {float:left; display:block; padding-top:3px; width:21%; height:100%;}
div.map ul li.small { width:16%; }

div.map ul li a { font-size:11px;
	border: 1px solid #e9e9e9; color:#127187; width:90%; height:18px; line-height:18px; text-align:center; display: block; position:relative; left:5%; padding-top:1px;
}
div.map ul li a.on {
	border: 1px solid #006d94; color:#fff; 
	-webkit-border-radius: 5px;  border-radius: 5px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007fae), color-stop(50%, #016a99), color-stop(51%, #016a99), color-stop(100%, #00608b));
}





ul.addr {border-top:1px solid #dedede; margin-top:5px;}
ul.addr li {clear:both; font-size:0.9em; border-bottom:1px solid #dedede; line-height:25px;}
ul.addr li span.tit {background: url("img/bullet_orange.gif") left 2px no-repeat; background-size:16px 7px;  color:#ec5f05; padding:0 5px 0 20px;}
ul.addr li span.tel {padding:0 40px 0 0;}
ul.addr li p.addr {margin:-30px 0 0 50px !important; line-height:16px; min-height:20px;}