@charset "euc-kr";

/* Type Selector */
*{margin:0; padding:0; font-family: Dotum, Gulim, AppleGothic, Sans-serif;color:#444; line-height:130%}
body{font-size:12px; _text-align:left; text-align: justify;}
img, fieldset, button{border:none;}
hr, button img{display:none;}
li{list-style:none;}
em{font-style:normal;}
a:link{text-decoration:none; color:#555;}
a:visited{text-decoration:none; color:#888;}
a:hover, a:active, a:focus{text-decoration:underline;}
textarea{overflow:auto;}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
/* For Screen Reader */
legend, .alt, table caption{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.png24{tmp:expression(setPng24(this))}


/* title */
h1, h2, h3, h4, h5, h6{font-size:1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{display:block;}

/* Layout */
*{margin:0; padding:0;}
body{_text-align:center;}
#mainwrap{ width:1000px; text-align:left; margin:0 auto; background:url(../images/mbg.jpg) repeat-x;}
#wrap{width:1000px; text-align:left; margin:0 auto;}
#wrap02{width:1000px; padding-left:20px; min-width:1000px;min-height:100%;}

#header{width:100%;}
#header_v2{width:100%; top:200px;}
#container{width:100%;}
#container02{width:100%;  top:104px;}
.snb{width:220px; float:left; padding-right:20px;}
.snb02{width:440px; float:left;}
#mainVisual{width:750px; height:275px;}
#mainContents{width:750px;}
#mainContents .fl01{float:left;}
#mainContents .fl02{float:left; padding-left:50px;}
#mainContents .fr{float:right;}
#content{width:700px; float:left; padding-left:5px;}
#content02{width:700px; float:left; padding-left:240px;}


#footer_v2{width:100%; text-align:center; background-color:#f4f4f4; }
#footer{width:100%; text-align:center; background-color:#f4f4f4; margin-top:30px;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !imp2010-08-24ortant; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.innerNavi {position:relative; width:100%; padding-top:5px; text-align:right; padding-right:20px;}
#content .cnt {width:100%; padding-bottom:15px;}

.Space5{margin-top:5px;}
.Space10{margin-top:10px;}
.Space15{margin-top:15px;}
.Space20{margin-top:20px;}
.Space25{margin-top:25px;}
.Space30{margin-top:30px;}
.Space35{margin-top:35px;}
.Space40{margin-top:40px;}
.Space45{margin-top:45px;}
.Space50{margin-top:50px;}
.Space55{margin-top:55px;}
.Space60{margin-top:60px;}
.Space300{margin-top:300px;}

.titleBg {background:url(../images/tit_bg.gif) no-repeat;  padding:0px 0px 0px 0px;}
.Space5{margin-top:5px;}
#content_s{margin-left:443px; padding-top:30px;}
.siteMapw li{ padding: 0px 5px 0px 5px;}
/* .viewsitemap .fl02{float:left;}*/
#content .mtitle {width:100%; padding-bottom:30px;}
#content .mtitle .fl{float:left; width:150px;}
#content .mtitle .fr{float:right; padding-left:15px;}

.img_list_v2 {width:100%; text-align:center; padding:0px 0px 30px 40px; border:0px solid #333; overflow:hidden; }
.img_list_v2 li {display:inline; list-style:none; float:left; margin:5px 5px 5px 5px; padding:0 3px 3px 0; color:#FFF; font:12px µ¸¿ò, Dotum; text-align:left; line-height:35px;}
.img_list_v2 li a {color:#fff; text-decoration:none; padding: 0px 0px 0px 0px;}
.img_list_v2 li a:hover {text-decoration:underline;}
.img_list_v2 li img { padding:0px 5px 0px 0px; border:none;}



.img_list {width:100%; text-align:center; padding:0px 0px 30px 40px; border:0px solid #333; overflow:hidden; }
.img_list li {display:inline; list-style:none; float:left; width:320px; margin:5px 5px 5px 5px; padding:0 3px 3px 0; background-color:#ffffff; color:#FFF; font:12px µ¸¿ò, Dotum; text-align:left; line-height:25px;}
.img_list li a {color:#a9a9a9; text-decoration:none; padding: 0px 0px 0px 0px;}
.img_list li a:hover {text-decoration:underline;}
.img_list li img { padding:0px 5px 0px 0px; border:none;}
.ul style {list-style-image: url('marker.gif'):}

 #container .img_list .fl{float:left; padding-left:10px; width:320px;}
 #container .img_list .box{float:left; padding:10px 0px 0px 3px; width:320px;}
#container .img_list .box2 {float:left; padding:10px 0px 0px 10px; width:150px; }
#container .img_list .box2 a{float:left; padding: 0px 0px 0px 10px; width:150px; background-color:#ffffff;  color :#4296d6; font:11px ±¼¸², Dotum; text-align:left; line-height:25px;}



/* boardtype1 */
.boardtype1{width:724px; border-bottom:1px solid #efefef; color:#666; font-size:12px; table-layout:fixed; border-collapse:collapse;}
.boardtype1 caption{display:none;}
.boardtype1 thead th{line-height:18px; padding:8px 0 4px; border-top:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; background-color:#ffffff; font-weight:bold; color:#a3afbb; vertical-align:top;}
.boardtype1 tbody td{padding:8px 0 5px; text-align:center; border-bottom:solid 1px #dfdfdf;}
/*.boardtype1 tbody td{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}*/
.boardtype1 tbody td.frm{padding:0;text-align:center;}
.boardtype1 tbody td.frm input{margin:0;}
.boardtype1 tbody td.num,
.boardtype1 tbody td.date,
.boardtype1 tbody td.name,
.boardtype1 tbody td.ok,
.boardtype1 tbody td.hit{font:normal 12px tahoma; padding:0;}
.boardtype1 tbody td.title{text-align:left; padding-left:15px;}
.boardtype1 tbody td.title .pic,
.boardtype1 tbody td.title .new{margin:0 0 2px; vertical-align:middle;}
.boardtype1 tbody tr.reply td.title a{padding-left:12px;background:url(ic_reply.gif) 0 1px no-repeat;}
.boardtype1 tbody tr.reply td a.comment{background:none;padding:0;font-size:12px;font-weight:bold;color:#F00;}
.boardtype1 td.contents{padding:202010-08-10px; line-height:1.4em; text-align:left;}
.writeBox {width:962px; text-align:right; padding-top:5px;}
.writeBox2 {width:705px; text-align:right; padding-top:2px;}


/* Paginate */
.paginate{ padding:15px 0; text-align:center;}
.paginate *{ margin:0; padding:0;}
.paginate a,
.paginate strong{ _position:relative; display:inline-block; margin-right:-6px; padding:3px 10px 2px 11px; color:#333; text-decoration:none !important; line-height:normal; font:bold 11px Tahoma, Serif; background:#fff url(../images/line_pg4.gif) no-repeat 0 5px;}
.paginate strong{ color:#ff1315 !important;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{ background-color:#f7f7f7;}
.paginate a.pre,
.paginate a.pre_end,
.paginate a.next,
.paginate a.next_end{ font:11px "µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;}
.paginate a.pre{ padding:4px 18px 2px 11px; background:url(../images/btn_pre.gif) no-repeat right 4px !important; text-align:center;}
.paginate a.pre_end{ padding:4px 10px 2px 16px; background:url(../images/bd_pprev.gif) no-repeat right -1px !important;}
.paginate a.next{ padding:4px 18px 2px 11px; background:url(../images/btn_next.gif) no-repeat left 4px !important;}
.paginate a.next_end { padding:4px 16px 2px 9px; background:url(../images/bd_nnext.gif) no-repeat left -1px !important;}
.vimg {padding-bottom:15px; }

/*.boardview*/
.boardview1{width:724px; border-top:1px solid #8295a6; border-bottom:1px solid #999; color:#979797; font-size:12px; table-layout:fixed; border-collapse:collapse;}
.boardview1 caption{display:none;}
.boardview1 th{line-height:18px; padding:5px 0 4px; border-bottom:solid 1px #dfdfdf; background-color:#ffffff; font-weight:bold; color:#333; vertical-align:top; text-align:center;}
.boardview1 td{padding:8px 0 5px 10px; text-align:left; border-bottom:solid 1px #dfdfdf;}
.boardview1 .center{text-align:center;}
/*.boardview1 tbody td{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}*/
.boardview1 td.contents{padding:20px; line-height:1.4em;}
.boardview1_comment{width:100%; border-top:1px solid #999; border-bottom:1px solid #999; margin-top:15px; color:#666; font-size:12px; table-layout:fixed; border-collapse:collapse;}
.boardview1_comment caption{display:none;}
.boardview1_comment td{padding:5px 0 3px 10px; text-align:left; line-height:1.4em;}
.boardview1_comment tr.input td{padding:5px 0 5px 10px; border-bottom:solid 1px #D2D2D2;}
.boardview1_comment tr.input td *{vertical-align:middle;}
.boardview1_comment tr.input input.name{width:100px; padding:2px 0 1px;; border:solid 1px #D2D2D2;}
.boardview1_comment tr.input textarea.comment{width:80%; height:14px; padding:2px 0 1px; border:solid 1px #999;}
.boardview1_comment tr.input input.submit{width:60px; border:solid 1px #666; background-color:#F2F2F2; font:normal 12px µ¸¿ò;}



.noticeArea {}
.vodArea {padding-top:25px;}
.bestUcc {background: url(../images/bg_bestUcc.gif) 0px 0 no-repeat; width:130px; height:348px; text-align:left; padding-top:18px; padding-left:15px;}
.bestUcc ul{width:100%; height:348px;}
.content.fl{float:left; padding-top:25px }
.content.fr{float:right; padding-top:25px; margin-bottom:0px; }
.searchList { color :#777; font-size : 13px; font-family: AppleGothic; margin:0; padding:0 0 10px 0; }
.x { color :#777; font-size : 12px; font-family: Dotum; margin:0; padding:0px}



/* TAB */
.tabs-area{position:relative; float:left;  width:364px; border-collapse:collapse; table-layout:fixed;}
.tabs-area .guideTab {margin-bottom:10px; overflow:hidden; border-bottom:0px solid #d6d6d6; zoom:1; width:100%; }
.tabs-area .guideTab li {float:left; cursor:pointer; }
.tabs-area .guideTab li img {vertical-align:top; }
.tabs-area li.rt {float:left; display:inline; vertical-align:middle; margin:5px 0 2px 0;}


.tabs-area02{position:relative; float:left;  width:700px; border-collapse:collapse; table-layout:fixed;}
.tabs-area02 .guideTab {margin-bottom:10px; overflow:hidden; border-bottom:0px solid #d6d6d6; zoom:1; width:100%; }
.tabs-area02 .guideTab li {float:left; cursor:pointer; }
.tabs-area02 .guideTab li img {vertical-align:top; }
.tabs-area02 li.rt {float:right; display:inline; vertical-align:middle; margin:5px 0 2px 0;}

.tabs-area03{position:relative; float:left;  width:100%; border-collapse:collapse; table-layout:fixed;}
.tabs-area03 .guideTab {margin-bottom:10px; overflow:hidden; border-bottom:0px solid #d6d6d6; zoom:1; width:100%; }
.tabs-area03 .guideTab li {float:left; cursor:pointer; }
.tabs-area03 .guideTab li img {vertical-align:top; }
.tabs-area03 li.rt {float:right; display:inline; vertical-align:middle; margin:5px 0 2px 0;}

.imgListA {width:100%; padding:0 0 10px 10px; border:0px solid #C2C2C2; overflow:hidden; }
/*.imgListA ul {list-style:none; width:250px; padding:10px; border:0px solid #C2C2C2;} */
.imgListA li {display:inline; list-style:none; float:left; width:230px;}
.imgListA	.img_list02 {display:inline; background-color:#FFF; font:12px µ¸¿ò, Dotum; overflow:hidden;}
.imgListA	.img_list02 dt {padding:5px 0; font-size:14px;}
.imgListA	.img_list02 dt.tit {margin-left:100px;}
.imgListA	.img_list02 dd.photo {display:inline; float:left; margin:-30px 10px 0 0; color:#FFF; text-align:center;}
.imgListA	.img_list02 dd {line-height:16px;}
.imgListA	.img_list02 dd img {border:none;}
.imgListA	.img_list02 a {color:#2D2C2D; text-decoration:none;}
.imgListA	.img_list02 a:hover {text-decoration:underline;}


.viewsitemap {width:100%; height:0px; position:relative;  margin-top:0px; border-bottom:1px solid #ededdd;}
.viewsitemap .fl02{float:left;}

.titleBg {background:url(../images/tit_bg.gif) no-repeat; width:502px; height:52px; padding:14px 0 0 10px;}
.rnavi {width:100%; text-align:right;}
#subtit {width:100%; border-bottom:1px solid #cccccc; }

.rnavi {width:100%; text-align:right;}
.rnavi2 {width:100%;position:absolute;}


.controlBox {background:url(../images/bg_control.gif) no-repeat; width:241px; height:31px; padding:6px 0 0 10px;}
.motBox {background:url(../images/bg_viewImg.gif) no-repeat; width:241px; height:182px; text-align:center; padding-top:15px;}
.viewListAll {width:100%; height:100px; position:relative;  margin-top:300px; border-top:0px solid #ededdd;}
.viewList01 {width:100%; height:165px; position:relative;  margin-top:0px; border-top:1px solid #ededdd; padding:0px 0 10px 0;}
.viewList02 {width:100%; height:100px; position:relative;  border-top:1px solid #ededdd; }
.viewList03 {width:100%; height:100px; position:relative;  border-top:1px solid #ededdd; border-bottom:1px solid #ededdd;}
.viewList04 {width:100%; height:100px; position:relative;  margin-top:0px; border-top:1px solid #ededdd;}
.viewList06 {width:100%; height:165px; position:relative;  margin-top:0px; border-top:0px solid #ededdd; padding:0px 0 10px 0;}
.viewsitemap {width:100%; height:0px; position:relative;  margin-top:0px; border-bottom:1px solid #ededdd;}
.viewsitemap .fl02{float:left;}
.viewList01 .fl {float:left;}
.viewList01 .fr {float:right; text-align:center;}

.txtArea_style{ font-family: "Dotum", "Gulim"; font-size: 9pt; color: #90bee1; border:0px }

.searchArea {padding-bottom:5px; float:right; padding-right:40px;}

/* table style01 */

table.view_type1 {width:100%; border-bottom:1px solid #DDDEE2; table-layout:fixed; font:12px Dotum;  border:1px solid #DDDEE2; }
table.view_type1 caption {display:none;}
table.view_type1 th {padding:8px 0 5px 20px; border-right:1px solid #DDDEE2; border-bottom:1px solid #DDDEE2;  background:#F1F1F3; color:#666; font-weight:bold; text-align:left; vertical-align:top;}
table.view_type1 td {padding:8px 5px 5px 20px; border-right:1px solid #DDDEE2; border-bottom:1px solid #DDDEE2; line-height:16px; vertical-align:top; text-align:left;}


/*pop style*/

#popheader h1{ font:bold 13px ±¼¸², Gulim, µ¸¿ò, Dotum, AppleGothic, Sans-serif; color:#ffffff; padding:11px 0 0 50px; background:url(../images/bu_h1.gif) no-repeat 15px 13px;}
#containerB {width:100%; padding:20px; margin-left:35%;}
.w359{ width:359px;}
#popheader{ background:url(../images/bg_h_blue.gif) no-repeat; height:35px;}
#popcontent{ padding:20px 0 17px 0; margin:0 20px; border-bottom:1px solid #e4e4e4;}
#popfooter{ border-top:3px solid #f9f9f9; text-align:center; padding:7px 0 15px 0; margin:0 20px;}
.bx1{ border:1px solid #e3e3e3; margin:0 0 5px 0;}
.bx1_shadow{ border:1px solid #f1f1f1; background:#f8f8f8; _margin:0 -1px; padding:14px 15px 12px 16px;}
.bx1 *{ color:#282828; vertical-align:top;}

.scriptDown {width:100%; text-align:right;}