@import "layout.css";

* {margin:0;padding:0;color:#675e56;}
body {background:url(../../images/index/bg_body.jpg) no-repeat center top}
html,body,select,input,textarea {font-size:12px;font-family:"돋음",dotum,sans-serif;}
img {border:0;vertical-align:top;}
select,input {vertical-align:middle;}
a {text-decoration:none;color:#675e56;}
a:hover {text-decoration:none;color:#ff5400;}
ul, dl {list-style:none;}
fieldset {border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

.accessibility {position:absolute;visibility:hidden;width:0;height:0;overflow:hidden;font-size:0;}

.hid {position:absolute; left:-10000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}


#quicklink {position:absolute; font-size:0; left:350px;}
#quicklink li {float:left; height:0;}
#quicklink li a {display:block; }
#quicklink a:hover, #quicklink a:focus, #quicklink a:active {height:auto; overflow:auto; display:block; font-size:12px;}


#header {height:110px;}
#header div.search input.search {background:url(../../images/index/bg_topSearch.gif) no-repeat left top}
#header .topNavi {background:url(../../images/index/bg_topNavi.gif) no-repeat left top}
#header .topNavi li.last {background:url(../../images/index/bg_topNavi2.gif) no-repeat left top}

#index1 .index1 {float:left;width:550px;height:575px;background:url(../../images/index/bg_main_01.jpg) no-repeat left bottom}

#index1 .smtv {float:left;margin:0 0 24px 25px;width:225px;height:170px;display:inline;}
#index1 .smtv h2 {height:28px;}
#index1 .smtv span {position:absolute;margin:4px 0 0 69px;}
#index1 .vod .pic {position:absolute;margin-left:-6px;padding:4px 0 0 31px;width:191px;height:115px;background:url(../../images/index/bg_smtv1.gif) no-repeat;}
#index1 .vod .icon {position:absolute;top:428px;margin-left:84px;}
#index1 .vod ul {position:absolute;margin-top:92px;padding-top:3px;width:225px;}
#index1 .vod li {float:left;height:20px;}
#index1 .vod li.txt {padding-left:16px;width:144px;background:url(../../images/index/bul_arr_01.gif) no-repeat 8px 3px}
#index1 .vod li.data {width:42px;font-size:11px;}


#index1 .news {float:right;margin:0 30px 12px 0;width:256px;height:123px;overflow:hidden;display:inline;}
#index1 .news span {position:absolute;margin:4px 0 0 88px}
#index1 .news ul {padding-top:10px;width:252px;height:90px;border:2px solid #135ec1;}
#index1 .news li {float:left;line-height:20px;}
#index1 .news li.txt {padding-left:16px;width:194px;background:url(../../images/index/bul_rec_01.gif) no-repeat 8px 8px}
#index1 .news li.date {float:right;width:42px;color:#333333;}

#index1 .banner {clear:both;float:left;margin-left:30px;width:240px;display:inline;}
#index1 .banner li {float:left;width:108px;}

#index1 .newsList {float:right;margin:-100px 30px 0 0;width:256px;display:inline;background:url(../../images/index/bg_tabLine.gif) repeat-x left -1px;}
* html #index1 .newsList {margin-top:5px;}
*:first-child+html #index1 .newsList {margin-top:120px;}

#index1 .newsList li {float:left;}
#index1 .newsList li ul {position:absolute;padding-top:9px;width:256px;}
#index1 .newsList li ul li {height:20px;}
#index1 .newsList img {display:block;}
#index1 .newsList li.txt {padding-left:16px;width:194px;background:url(../../images/index/bul_arr_02.gif) no-repeat 8px 4px}
#index1 .newsList li.data {width:42px;}


#index1 .newsList3 {float:right;margin:0px 30px 0 0;width:256px;display:inline;background:url(../../images/index/bg_tabLine.gif) repeat-x left -1px;}
* html #index1 .newsList3 {margin-top:500px;}
*:first-child+html #index1 .newsList3 {margin-top:5px;}

#index1 .newsList3 li {float:left;}
#index1 .newsList3 li ul {position:absolute;padding-top:9px;width:256px;}
#index1 .newsList3 li ul li {height:20px;}
#index1 .newsList3 img {display:block;}
#index1 .newsList3 li.txt {padding-left:16px;width:194px;background:url(../../images/index/bul_arr_02.gif) no-repeat 8px 4px}
#index1 .newsList3 li.data {width:42px;}



#news2 {margin-left:-65px;}

#news1 p, #news2 p {position:absolute;margin:-17px 0 0 213px;}

#van2 {margin-left:-65px;}
#van1 p, #van2 p {position:absolute;margin:-17px 0 0 213px;}



#index1 .vanList {float:right;margin:-90px 30px 0 0;width:256px;display:inline;background:url(../../images/index/bg_tabLine.gif) repeat-x left -1px;}
* html #index1 .vanList {margin-top:5px;}
*:first-child+html #index1 .vanList {margin-top:5px;}

#index1 .vanList li {float:left;}
#index1 .vanList li ul {position:absolute;padding-top:9px;width:256px;}
#index1 .vanList li ul li {height:20px;}
#index1 .vanList img {display:block;}
#index1 .vanList li.txt {padding-left:16px;width:194px;background:url(../../images/index/bul_arr_01.gif) no-repeat 8px 4px}
#index1 .vanList li.data {width:42px;}

#van2 {margin-left:-83px;}

#van1 p, #van2 p {position:absolute;margin:-17px 0 0 213px;}






#index2 .index2 {float:left;width:549px;height:575px;background:url(../../images/index/bg_main_02.jpg) no-repeat left bottom}

#index2 .support {margin:0 0 24px 0;padding-left:226px;height:130px;background:url(../../images/index/bg_support.gif) no-repeat 32px 39px;}
#index2 .support ul {padding:11px 0 0 22px;width:280px;height:98px;border:2px solid #ff8e24;}
#index2 .support li {float:left;padding-right:11px; padding-bottom:3px;}

#index2 .bizInfo {float:left;margin:0 31px 0 21px;width:172px;display:inline;}
#index2 .bizInfo h2 {margin-bottom:21px;height:20px;border-bottom:1px solid #e3e3e3;}
#index2 .bizInfo a {margin-left:5px;}

#index2 .news {float:left;width:306px;overflow:hidden;}
#index2 .news dt {margin-bottom:10px;height:20px;border-bottom:1px solid #e3e3e3;}
#index2 .news dd {padding-left:12px;height:20px;background:url(../../images/index/bul_rec_02.gif) no-repeat 3px 4px}
#index2 .news span {position:absolute;margin:3px 0 0 190px}


#index3 .index3 {float:left;width:546px;height:575px;background:url(../../images/index/bg_main_03.jpg) no-repeat left bottom}

#index3 .minwon {position:relative;margin:-122px 0 0 392px;}

#index3 .imgMain1 {float:left;margin:0 30px 18px 0;padding-left:21px;}
#index3 .imgMain2 {float:left;margin-bottom:18px;}
#index3 .imgMain3 {clear:both;float:left;margin-right:43px;padding-left:21px;}
#index3 .imgMain4 {float:left;}

.index1, .index2, .index3 {float:left;}


ul.minMenu {position:absolute;top:535px;margin-left:30px;}
ul.minMenu li {margin-bottom:9px;}


#containerMa1 {padding-top:3px;width:901px;background:url(../../images/index/bg_cnt.gif) no-repeat right top;overflow:hidden;}

#containerMa1 .left {float:left;margin-right:25px;width:346px;}
#containerMa1 .left p.tit {margin-bottom:9px;padding-bottom:2px;;width:318px;border-bottom:1px solid #c0cdd2;}
#containerMa1 .left p.tit span {padding-left:210px;}
#containerMa1 .left p.tit span.btn {padding-left:150px;}
#containerMa1 .left p.tit span.btn img {margin-top:17px;}
#containerMa1 .left h2.tit2 {margin-bottom:9px;}

.center h2.tit span.btn {padding-left:185px;}
.center h2.tit span.btn img {margin-top:4px;}

#containerMa1 .right div.dir {margin-bottom:5px;}

#containerMa1 .news {margin-bottom:8px;padding:15px 0 0 18px;width:324px;height:132px;border:1px solid #dbdbdb;background:#FFFFFF;}
#containerMa1 .news li.tit {margin-bottom:5px;width:320px;height:16px;border-bottom:1px solid #d8d8d8;}
#containerMa1 .news li.pic {margin:0 10px 7px 0;width:100px;height:69px;background:url(../../images/index/bg_pic.gif) no-repeat left top;}
#containerMa1 .news li.pic img {margin:1px;}
#containerMa1 .news li.pic, #containerMa1 .news li.st, #containerMa1 .news li.txt {float:left;}
#containerMa1 .news li.st {margin-bottom:5px;width:200px;line-height:23px;} 
#containerMa1 .news li.st a {font-weight:bold;color:#478abf;}
#containerMa1 .news li.txt {width:200px;}
#containerMa1 .news li.text {clear:both;padding:10px 0 0 8px;width:286px;line-height:18px;background:url(../../images/index/bg_line_02.gif) no-repeat center top}
#containerMa1 .news li.text a {padding-left:10px;font-weight:bold;color:#478abf;background:url(../../images/index/bul_rec_03.gif) no-repeat left 3px}

#containerMa1 .smtv {margin-bottom:17px;width:346px;height:178px;background:url(../../images/index/bg_smtv2.gif) no-repeat}
#containerMa1 .smtv h2 {padding:6px 0 0 9px;}
#containerMa1 .smtv h2 span {position:absolute;margin:3px 0 0 137px} 

#vodList {height:132px;overflow:hidden;}

#vodList li {height:28px;overflow:hidden;}
#vodList .tab {margin-left:190px;}
#vodList dl {position:absolute;top:446px;margin-left:19px;width:158px;height:110px;}
* html #vodList dl {margin-left:-307px;}
*:first-child+html #vodList dl {margin-left:-307px;}
#vodList dt {margin-bottom:3px;padding-left:10px;width:158px;background:url(../../images/common/icon/bul_arr_09.gif) no-repeat 0 3px;}
#vodList dd.pic {margin-top:3px; margin-bottom:5px;padding:4px 0 0 4px;width:153px;height:108px;background:url(../../images/index/bg_smtv.gif) no-repeat;text-align:left;}
#vodList dd.data {float:left;}
#vodList dd.subj {float:right;}


#containerMa1 .newsList {margin-bottom:153px;width:309px;background:url(../../images/index/bg_tabLine.gif) repeat-x left -1px;overflow:hidden;}
#containerMa1 .newsList li {float:left;}
#containerMa1 .newsList li ul {position:absolute;padding-top:9px;width:346px;overflow:hidden;}
#containerMa1 .newsList li ul li {height:20px;}
#containerMa1 .newsList img {display:block;}
#containerMa1 .newsList li.txt {padding-left:16px;width:253px;background:url(../../images/index/bul_arr_02.gif) no-repeat 8px 4px}
#containerMa1 .newsList li.data {width:12px;}

#news22 {margin-left:-65px;}

#news21 p {position:absolute;margin:-18px 0 0 260px;} 
#news22 p {position:absolute;margin:-18px 0 0 260px;}

#containerMa1 .center {float:left;margin-right:12px;padding-top:293px;width:312px;}
#containerMa1 .center h2.tit {margin-bottom:13px;height:21px;border-bottom:1px solid #e3e3e3;}
#containerMa1 .center h2.tit2 {margin-bottom:20px;}
#containerMa1 .center h2.tit3 {margin-bottom:10px;}
#containerMa1 .newInfo {margin-bottom:29px;}
#containerMa1 .newInfo h2.tit {margin-bottom:13px;height:21px;border-bottom:1px solid #e3e3e3;}
#containerMa1 .newInfo li {clear:both;padding-left:22px;width:286px;height:21px;background:url(../../images/index/bul_rec_03.gif) no-repeat 10px 2px}

#containerMa1 ul.policy {overflow:hidden;padding-left:109px;width:203px;height:150px;background:url(../../images/index/bg_policy.gif) no-repeat 0 0}
#containerMa1 ul.policy li {float:left;}
#containerMa1 ul.policy li.first {margin-right:6px;}

#containerMa1 .right {float:left;width:204px;}
#containerMa1 p.banR {margin-bottom:7px;}
#containerMa1 div.banR {margin-bottom:7px;}

/* 팝업존 */
div.popupZone {width:200px;height:134px; margin-bottom:5px; background:url(../../images/index/bg_popzone.gif) no-repeat}
div.popupZone h2 {padding:9px 0 0 6px;height:18px;}
div.popupZone h2 img {display:block;float:left;}
div.popupZone span {float:right;display:block;padding-right:10px;}
div.popupZone span a {float:left;display:block;margin-right:2px;}
div.popupZone div {padding-left:5px;}
div.popupZone div img {border:1px solid #137cb5;}

#containerMa1 .schedule {margin-bottom:6px;width:197px;height:139px;overflow:hidden;background:url(../../images/index/bg_schedule.gif) no-repeat}
#containerMa1 .schedule h2 {margin:15px 0 13px 14px;width:172px;height:19px;border-bottom:1px solid #d8d8d8;}
#containerMa1 .schedule ul {margin-left:15px;}
#containerMa1 .schedule li {float:left;margin-right:1px;}
#containerMa1 .schedule li ul {position:absolute;margin:15px 0 0 0;} 
#containerMa1 .schedule li ul li {font-size:11px; float:none; padding:0 0 4px 0;}
#containerMa1 .schedule li ul li strong {color:#0086d3;}

#containerMa1 .schedule h4 img {vertical-align:middle;}
#schedule1 h4, #schedule2 h4  {position:absolute;top:293px; margin-left:85px;color:#2c6ead;}

#schedule1 p,#schedule2 p {position:absolute;margin:-15px 0 0 129px;width:32px;color:#496d82;}
#schedule2 {margin-left:-37px;}


div.tab {position:absolute;top:579px;margin-left:899px;width:40px;z-index:10;}
* html div.tab {margin-left:0;}
*:first-child+html div.tab {margin-left:0;}

div.tab1 {position:absolute;top:579px;margin-left:899px;width:40px;z-index:10;}

div.middle {clear:both;padding:0 0 0 20px;height:70px;}
div.site {float:left;width:600px;}
div.middle .site h3 {margin-bottom:9px;}
div.middle .site select,div.middle input {float:left;} 
div.middle .site input {margin-right:5px;}
div.middle .site select {width:160px;height:19px;font-size:11px;}

div.bannerList {float:left;width:330px;height:70px;}
div.bannerList .control {float:left;margin-right:10px;width:68px;height:15px;background:url(../../images/index/btn_banner.gif) no-repeat}
div.bannerList .control a {display:block;float:left;;width:16px;height:15px;font-size:0;color:#e5e5e5;overflow:hidden;text-indent:-1000px;}
div.bannerList h3 {float:left;margin-bottom:7px;}

div.bannerList .banner li {float:left;margin-right:5px;}

#banner-scroll { position: absolute;clear:both;margin-top:19px;width: 330px; height: 38px; overflow: hidden; }
* html #banner-scroll {margin-top:0;}
*:first-child+html #banner-scroll {margin-top:0;}
#banner-content { position: absolute;}
#quickA {top:110px;margin-left:899px;}

 div.ceo {position:absolute;top:110px;margin-left:899px;width:92px;}
#quickA {top:217px;}

#quickN {top:114px;margin-left:899px;}