@charset "utf-8";
/*
=COMMON CSS 
*/

.display_none {
	
	height:0%; 
	font-siZe:0%;
	line-height:0%; 
	visibility:hidden;
}

.clearfix:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.clear {
	clear: both;
}

.clear {
	clear: both;
}
a {color:#666666; text-decoration:none}
a:hover {text-decoration:underline;}
body {font-family:Tahoma, Dotum, '돋움', ; font-size:12px; line-height:1.3; color:#666666}

#quickTop {position:absolute; top:150px; right:160px;}
/*
=LAYOUT
*/
body, html {/*height:100%; */}
body {width:1300px; margin:0 auto;}
#body {width:1220px; /* height:100%;*/}
#container {/*height:100%;*/}
#header {position:relative; height:236px; z-index:10; overflow:hidden;/* background:url('../../images/common/bg_body01.png') no-repeat left top;*/}
#bodyWRap {min-height:100%;/* _height:100%; margin:-262px 0 -157px 0;*/}
#contentsWrap {/*padding:262px 0 157px 148px; */ padding-left:148px; position:relative;}
#siteInfo {height:157px; padding-left:148px;}

/*
=LAYOUT CONTENTS
*/
#GNBArea {position:absolute; top:0px;; left:148px; width:1000px; height:188px; z-index:1;}

/* 2011-11-18 Add by jeong mu */
#head01 {position:absolute; margin: 0 0 0 0; width:357px; height:40px; z-index:2; padding:0 0 0 633px;}
#head_right {overflow:hidden; width:357px;}
#import_menu {width:100%; height:33px;}
#import_menu ul {padding:8px 0 0 0;}
#import_menu ul li {float:left;}
#import_menu ul li.no1 {width:76px;}
#import_menu ul li.no2 {width:44px; padding:2px 0 0 0;}
#import_menu ul li.no3 {width:46px; padding:2px 0 0 0;}
#import_menu ul li.no4 {width:58px; padding:2px 0 0 0;}
#import_menu ul li.no5 {width:54px; padding:2px 0 0 0;}
#import_menu ul li.no6 {}
#head02 {position:absolute; margin: 0 0 0 0; width:1000px; height:188px; z-index:1;}
#head03 {width:1000px; height:188px; z-index:0;}
/* Addd End */

#pageTitle {position:absolute; top:201px; left:170px;}
#mainSearch {position:absolute; top:190px; left:515px; font-size:0%; line-height:0%;}
#textsizeForm {position:absolute; top:210px; left:1029px; font-size:0%; line-height:0%;}

#mainSearch img, #mainSearch input, #mainSearch img, {vertical-align:middle;}
#mainSearch label {float:left; padding-top:8px;  margin-right:15px;}
#mainSearch .searchInput {float:left; width:258px; height:28px; padding-left:18px; margin-right:4px;background:url('../../images/common/bg_mainsearch_input.gif') no-repeat left top;}
#mainSearch .type_text {float:left; width:240px; height:20px; padding:8px 0 0 0 ; border:0px; background:transparent; color:#8b8b8b; font-family:Dotum;}
#mainSearch .type_image {float:left;}

#textsizeForm img, #textsizeForm input {vertical-align:middle;}
#textsizeForm img {margin:0 6px;}

#sideMenu {float:left; width:187px; padding-bottom:55px; font-size:0%; line-height:0%;}
#contents {float:left; width:653px;padding-bottom:55px; margin-right:10px;}
#realcontents #contentsTitle {height:58px; padding:0 22px; background:url('../../images/PGTitle/bg_pgt.gif') no-repeat left top;}
#realcontents #contentsTitle strong img {margin-top:19px;}
#realcontents #locationIfo {height:28px; padding-top:9px; padding-right:4px; font-size:11px; line-height:1.2; text-align:right;color:#b0b0b0; }
#realcontents #locationIfo img {vertical-align:middle; margin-right:2px;}
#realcontents #locationIfo a {color:#b0b0b0; text-decoration:none;font-size:11px;}
#realcontents #locationIfo strong {color:#444444;font-size:11px;}
#realcontents #locationIfo span {color:#444444;font-size:11px;}

#sideContents {float:left; width:220px;}


#sideContents .weatherInfo {margin-bottom:1px;}
#sideContents .weatherInfo_t { background: url(../../images/common/bg_weatherInfo_t.gif) left top repeat-x;}
#sideContents .weatherInfo_l { background: url(../../images/common/bg_weatherInfo_l.gif) left top repeat-y;}
#sideContents .weatherInfo_r { background: url(../../images/common/bg_weatherInfo_r.gif) right top repeat-y;}
#sideContents .weatherInfo_b { background: url(../../images/common/bg_weatherInfo_b.gif) left bottom repeat-x;}
#sideContents .weatherInfo_lt { background: url(../../images/common/bg_weatherInfo_lt.gif) left top no-repeat;}
#sideContents .weatherInfo_rt { background: url(../../images/common/bg_weatherInfo_rt.gif) right top no-repeat;}
#sideContents .weatherInfo_lb { background: url(../../images/common/bg_weatherInfo_lb.gif) left bottom no-repeat;}
#sideContents .weatherInfo_rb { background: url(../../images/common/bg_weatherInfo_rb.gif) right bottom no-repeat;  padding: 14px 13px;}
.tab_weather { text-align: center;}
.tab_weather a { margin: 0 2px;}
.weatherInfo_img { text-align: center; margin-top: 5px;}
.weatherInfo_txt { margin-top: 10px; padding: 0 0 0 12px;}
.weatherInfo_txt .left { float: left; border: 1px solid #bec8ec; width: 87px;}
.weatherInfo_txt .right { float: left; width: 73px; margin-left: 5px;}
.weatherInfo_txt ul li { background-color: #eef6ff; color: #0000ff; border-bottom: 1px solid #bec8ec; line-height: 18px; padding: 0 2px;}
.weatherInfo_txt ul li.even { background-color: #fff6f6; color: #a52a2a;}
.weatherInfo_txt ul li.last { border-bottom: none;}
.weatherInfo_txt .right select { font-size: 12px; color: #666; height: 21px; width: 73px;}
.measure { background-color: #f3f3f3; padding: 3px; margin-top: 3px;}
.time { text-align: center; color: #37025d;}
* html #sideContents .weatherInfo_t { height: 0%;}

#sideContents .quickMenu {width:210px;margin-left:4px;}
#sideContents .quickMenu_t { background: url(../../images/common/bg_quick_t.gif) left top repeat-x;}
#sideContents .quickMenu_l { background: url(../../images/common/bg_quick_l.gif) left top repeat-y;}
#sideContents .quickMenu_r { background: url(../../images/common/bg_quick_r.gif) right top repeat-y;}
#sideContents .quickMenu_b { background: url(../../images/common/bg_quick_b.gif) left bottom repeat-x;}
#sideContents .quickMenu_lt { background: url(../../images/common/bg_quick_lt.gif) left top no-repeat;}
#sideContents .quickMenu_rt { background: url(../../images/common/bg_quick_rt.gif) right top no-repeat;}
#sideContents .quickMenu_lb { background: url(../../images/common/bg_quick_lb.gif) left bottom no-repeat;}
#sideContents .quickMenu_rb { background: url(../../images/common/bg_quick_rb.gif) right bottom no-repeat; padding: 9px 0 5px;}

.quickMenu .quickList {padding:8px 0 5px 13px;}
.quickMenu .quickList li {float:left; font-size:0%; line-height:0%;}

* html #sideContents .quickMenu { height: 0%;}
*+html #sideContents .quickMenu { height: 0%;}

#siteInfo #siteInfoContents {position:relative;height:157px; background:url('../../images/common/bg_siteInfo.png') no-repeat left top;}
#siteInfo .utilMEnu {position:absolute; top:18px; left:51px;}
#siteInfo .utilMEnu li {float:left; font-size:0%: line-height:0%; padding-left:12px; padding-right:6px; background:url('../../images/common/bar_footMenu.gif') no-repeat left 1px;}
#siteInfo .utilMEnu li.first {padding-left:0; background:none;}
#siteInfo .joiningInfo {position:absolute; top:18px; left:719px;font-size:11px; line-height:1.3;}
#siteInfo .joiningInfo .join {color:#ffffff; padding-left:5px; margin-left:5px;  background:url('../../images/common/bul_tri_red.gif') no-repeat left 4px}
#siteInfo .joiningInfo img {vertical-align:middle;}

#siteInfo .logo {position:absolute; top:55px; left:55px;}
#siteInfo .copy {position:absolute; top:55px; left:167px; font-size:0%; line-height:0%;}
#siteInfo .copy .emailInfo {padding-bottom:8px;}
#siteInfo .copy .copyright {padding-left:3px;}

#siteInfo .familysite {position:absolute; top:55px; left:706px;}
#siteInfo .familysite dt {float:left; width:76px; padding-top:3px}
#siteInfo .familysite dd {float:left; font-size:0% line-height:0%;}
#siteInfo .familysite dd select {width:158px; margin-right:3px; vertical-align:top;}
#siteInfo .familysite dd input {vertical-align:middle;}
#siteInfo .familysite dd p {height:25px;}

/*
=CommonTable List
*/
.table_visualInfo {font-size:0%; line-height:0%;}
.table_Info {width:638px; height:50px; overflow:hidden;}
.table_Info .totalList {float:left; margin-top:30px; color:#666666; font-size:11px; padding-left:10px; margin-left:5px; background:url('../../images/common/bul_cros.gif') no-repeat left 4px;}
.table_Info .search {float:right; padding-top:20px; padding-right:5px;}
.table_Info .search select, .table_Info .search input {vertical-align:middle; font-size:11px; color:#464646;}
.table_Info .search select {height:22px; width:63px; padding-top:3px; margin:1px 3px 0 3px;}
.table_Info .search .type_text {height:16px; width:143px; padding:4px 0 0 3px ; margin:0 3px; border:1px solid #c0c0c0;}

.commonTable {width:638px;}
.commonTable table.list {margin-bottom:10px; border-collapse:collapse; border-bottom:2px solid #e5ecf1;}
.commonTable th {height:26px;background:url('../../images/table/bg_th_body.gif') repeat-x left top; text-align:center;}
.commonTable th span {display:block; margin-top:7px; background:url('../../images/table/th_line.gif') no-repeat left top;}
.list_website th span{ background-position: left center !important;}
.commonTable th.first {background:url('../../images/table/bg_th.gif') no-repeat left top;}
.commonTable th.first span {background:none;}
.commonTable th.last {background:url('../../images/table/bg_th.gif') no-repeat right top;}
.commonTable table.list td {height:30px; text-align:center; border-top:1px solid #ebebeb; vertical-align:middle;}

.commonTable table.list  td.reply {background:url('../../images/table/ico_re.gif') no-repeat 17px 0px;}
.commonTable table.list  td.reply a {margin-left:36px;}


.commonTable col.num {width:59px; text-align:center;}
.commonTable col.tit {}
.commonTable col.write {width:66px;}
.commonTable col.date {width:83px;}
.commonTable col.click {width:62px;}
.commonTable col.recom {width:65px;}

.commonTable table.list td.al_left {text-align:left; padding-left:13px;}
.commonTable table.list td.al_right {text-align:right}
.commonTable table.list td.al_center {text-align:center}

.pageing {height:37px;}
.pageing td {vertical-align:top;}
.pageing td  img {vertical-align:middle;}
.pageing td a, .pageing td strong {padding:0 2px;}
.pageing td a:hover , .pageing td strong{color:#ff5400; font-weight:normal;}
.pageing .al_left {text-align:left; padding:0; width:190px;}
.pageing .al_center {text-align:center; padding-top:4px;}
.pageing .al_right {text-align:right; padding:0; width:190px;}

.savagePoll {clear:both; height:29px; padding:10px 0 0 25px;; background:url('../../images/table/bg_poll.gif') no-repeat left top;}
.savagePoll input, .savagePoll img {vertical-align:middle; }
.savagePoll label {margin-right:15px}


/*
=CommonTable View
*/
.commonTable_view {width:638px; padding-top:22px;}
.commonTable_view table.view{width:100%; margin-bottom:10px; border-top:2px solid #368ec2; border-collapse:collapse; border-bottom:2px solid #e5ecf1;}
.commonTable_view table.view td, 
.commonTable_view table.view th {border-bottom:1px solid #ebebeb; vertical-align:middle; height:28px;}
.commonTable_view table.view th {font-size:0%; line-height:0%;}

.commonTable_view table.view .title .state {width:69px; background:#f6fafc}
.commonTable_view table.view .title .value {width:auto; font-weight:bold; background:#f6fafc}
.commonTable_view table.view .state {width:69px;}
.commonTable_view table.view .state span {display:block; margin-left:24px; background:url('../../images/table/read_th_line.gif') no-repeat right top;}
.commonTable_view table.view .value {width:130px; padding-left:14px;}
.commonTable_view table.view .contents td {padding:30px 20px; .height:70px; min-height:70px; vertical-align:top;}

#replyArea {width:638px;}
#replyArea .replyForm .type_text {height:18px; padding:2px 0 0 4px ; margin-right:6px; border:1px solid #c0c0c0; width:533px; vertical-align:middle; font-size:12px; color:#666666}
#replyArea .replyForm input {vertical-align:middle}
#replyArea .replyForm {padding:0 0 10px 12px;}

#replyArea .replyList { border-top:1px solid #e6e8e9; margin-bottom:10px; }
#replyArea .replyList li {width:638px; padding:10px 0 8px 0; background:#f6fafc; border-bottom:1px solid #e6e8e9; font-size:0%; line-height:0%;  overflow:hidden; }
#replyArea .replyList li span {float:left;font-size:11px; line-height:1.3; }
#replyArea .replyList li span.user {width:73px; padding-right:17px;color:#48688f; text-align:right;}
#replyArea .replyList li span.imo {width:515px }
#replyArea .replyList li span.del {width:23px }

.btn_set {width:638px; padding-bottom:40px; font-size:0%; line-height:0%; overflow:hidden;}
.btn_set span {padding:0 10px;}
.btn_set span.left {float:left; }
.btn_set span.right {float:right; }
.btn_set span.right img, 
.btn_set span.right input {margin-left:5px;}
.btn_set span.left img, 
.btn_set span.left input {margin-right:5px;}

.shotList {width:638px; font-size:0%; line-height:0%; overflow:hidden; border-top:2px solid #ccdae3; border-bottom:1px solid #ccdae3;}
.shotList li {padding:10px 0 9px 23px;  border-bottom:1px solid #ccdae3;}
.shotList li a {font-size:11px; line-height:1.3; }
.shotList li span {padding-right:10px;}
.shotList li img {vertical-align:middle;}

.commonTable_view table.view .value_attach { width: 160px; font-size: 11px;}
.commonTable_view table.view .value_attach img { vertical-align: top;}
.commonTable_view table.view .value_type { font-size: 11px; width: auto;}

/*
=CommonTable write and modi
*/
.commonTable_write {width:638px; padding-top:22px;}
.commonTable_write table.write {margin-bottom:20px;border-top:2px solid #e5ecf1; border-bottom:2px solid #e5ecf1; border-collapse:collapse; }
.commonTable_write table.write td, 
.commonTable_write table.write th {border-bottom:1px solid #ebebeb; vertical-align:middle;}

.commonTable_write table.write th {height:30px; font-size:0%; line-height:0%;}
.commonTable_write table.write th span {display:block; margin-right:15px; padding-left:24px; background:url('../../images/table/view_th_line.gif') no-repeat right top;}
.commonTable_write table.write td {padding:0px 0;}
.commonTable_write table.write .user th {width:84px; }
.commonTable_write table.write .user .name {width:144px; }
.commonTable_write table.write .user .id {width:341px; }
.commonTable_write table.write .type_text {height:18px; width:311px; padding:2px 0 0 10px ; color:#666666; font-size:12px; vertical-align:middle;}
.commonTable_write table.write .tit .type_text {width:517px;}
.commonTable_write table.write .contents th {vertical-align:top; padding-top:11px;}
.commonTable_write table.write .contents textarea {width:517px; height:110px; margin:6px 0 10px 0 ; padding:5px; border:1px solid #c0c0c0;color:#666666; font-size:12px; }
.commonTable_write table.write .contents th,
.commonTable_write table.write .contents td {border-bottom:0px;}




input.type_text {height:18px; padding:2px 0 0 4px ; color:#666666; font-size:12px;background:#ffffff; border:1px solid #c0c0c0;}

/* 2011-11-19 Add by Jeong muyoung */
#bottom {width:1000px;margin:0 auto;}

#agree {float:left; width:600px; height:35px; padding:20px 0 0 0;}

#visit {float:left; width:400px; height:35px; padding:20px 0 0 0;}
#visit .no1 {float:right; }
#visit .no2 {float:right; padding:0 0 0 20px;}
#visit .no3 {float:right; padding:0 0 0 20px;}
#visit .no4 {float:right; padding:0 0 0 20px;}

#copyright {float:left; width:600px; height:79px;}

#family {float:left; width:400px; height:79px;}
#family .family_line {width:100%; height:27px;}
#family .first {float:right;}
#family .end {float:right; padding:0 0 0 5px;}