﻿
/* committee */
.greeting{ background:url(/_images/committee/greeting.gif) no-repeat; width:655px; height:0px; padding-top:392px; overflow:hidden; }
.organization{text-align:center; position:relative;}
.organization .msg{ text-align:right; font-size:8pt; position:absolute; width:655px;}
.organization .people{ background:url(/_images/committee/dotLine.gif) no-repeat left top; display:none; text-align:left; margin-top:10px;padding-top:10px; }
.organization .people .inBox{ background:url(/_images/committee/dotLine.gif) no-repeat left bottom; padding-bottom:10px;}
.organization .people .photo{ float:left; margin-right:20px; width:110px; text-align:right;}
.organization .people .career{ float:left; width:400px;}
.organization .people .career ul{ list-style-type:none;}
.organization .people .career ul li{ line-height:22px;}

.promote{text-align:center; width:100%; border:1px solid #acaccac;}

.history .title{ font-family:Verdana; font-size:13px; width:82px; height:0px; padding-top:29px; overflow:hidden;}
.history .title_2008{ background:url(/_images/committee/2008.gif) no-repeat;}
.history .title_2009{ background:url(/_images/committee/2009.gif) no-repeat;}
.history{}
.history ul.first{ margin-bottom:20px;}
.history ul li{ margin-left:20px; line-height:22px;}
.joinInfo{ background:url(/_images/committee/information.gif) no-repeat; width:654px; height:0px; padding-top:459px; overflow:hidden; }

.vision{ text-align:center;}
.rule{}
.rule .title{ font-weight:bold; margin-bottom:3px; color:#24718A;}
.rule dl{margin-bottom:10px; line-height:18px; }
.rule dl dt{padding-left:10px;}
.rule dl dd{padding-left:40px;}
.rule ul{ }
.rule ul li{margin-left:30px; line-height:18px;}
/*
.rule{}
.rule .title{ font-weight:bold; margin-bottom:3px; color:#24718A;}
.rule dl{ margin-bottom:10px; clear:left;}
.rule dl dt{ float:left; width:40px; line-height:18px; margin-right:15px;}
.rule dl dd{ float:left; width:560px; line-height:18px;}
.rule ul{ list-style-type:decimal;}
.rule ul li{margin-left:30px; line-height:18px;}
*/

/* member */
h4.stipulation{ background:url(/_images/account/titl_stipulation.gif) no-repeat; height:0px; padding-top:12px; overflow:hidden;}
h4.goJoin{background:url(/_images/account/titl_accountCheck.gif) no-repeat; height:0px; padding-top:12px; overflow:hidden;}
h4.accountInsert{ background:url(/_images/account/titl_accountInsert.gif) no-repeat; height:0px; padding-top:12px; overflow:hidden;}
h4.accountInsert_select{ margin-top:20px; background:url(/_images/account/tltl_accountInsert_select.gif) no-repeat; height:0px; padding-top:12px; overflow:hidden;}

textarea.stipulation{width:100%; margin-top:4px; border:#CDCDCD;word-spacing:3px;font-size: 12px;color:#848484;letter-spacing:-1px;line-height:18px;scrollbar-face-color: #F0F0F0; scrollbar-shadow-color: #CDCDCD; scrollbar-highlight-color: #CDCDCD; scrollbar-3dlight-color: #F0F0F0; scrollbar-darkshadow-color: #F0F0F0; scrollbar-track-color: #F0F0F0;scrollbar-arrow-color: #787878;}
div.agreement{ text-align:right; padding-right:30px; line-height:30px;}

table.accountBox { margin-top:4px; border-top:2px solid #85C9D8;border-bottom:2px solid #85C9D8; width:100%; border-collapse:collapse;}
table.accountBox th{border-top:1px solid #85C9D8;border-bottom:1px solid #85C9D8; color:#67A5B8; height:16px; text-align:left;padding:4px 0px 4px 10px;}
table.accountBox td{border-top:1px solid #85C9D8;border-bottom:1px solid #85C9D8;padding:4px 0px 4px 10px;}
table.accountBox td span{color:#BBBCBC;}
table.accountBox td span.msg{ color:#FD2E24;}
table.accountBox th span{ height:0px; padding-top:13px; overflow:hidden; display:block;}
table.accountBox td .address{ display:block; float:left; width:50px; line-height:22px;}
table.accountBox td .applicationFile{ margin-bottom:4px;}
table.accountBox td .applicationFile img{ vertical-align:text-bottom;}
table.accountBox td .file2{ border:1px solid #DADADA; height:20px;}

.txtAuthority{ background:url(/_images/account/txtAuthority.gif) no-repeat; width:61px;}
.txtCompany{ background:url(/_images/account/txtCompany.gif) no-repeat; width:31px;}
.txtCompanyUrl{ background:url(/_images/account/txtCompanyUrl.gif) no-repeat; width:39px;}
.txtCompanyAddr{ background:url(/_images/account/txtCompanyAddr.gif) no-repeat; width:39px;}
.txtEmail{ background:url(/_images/account/txtEmail.gif) no-repeat; width:29px;}
.txtGroup{ background:url(/_images/account/txtGroup.gif) no-repeat; width:20px;}
.txtId{ background:url(/_images/account/txtId.gif) no-repeat; width:29px;}
.txtMobile{ background:url(/_images/account/txtMobile2.gif) no-repeat; width:53px;}
.txtName{ background:url(/_images/account/txtName.gif) no-repeat; width:20px;}
.txtNickname{ background:url(/_images/account/txtNickname.gif) no-repeat; width:19px;}
.txtPass{ background:url(/_images/account/txtPass.gif) no-repeat; width:39px;}
.txtPassValide{ background:url(/_images/account/txtPassValide.gif) no-repeat; width:63px;}
.txtPassCurrent{ background:url(/_images/account/txtPassCurrent.gif) no-repeat; width:62px;}
.txtPhoto{ background:url(/_images/account/txtPhoto.gif) no-repeat; width:39px;}
.txtTel{ background:url(/_images/account/txtTel.gif) no-repeat; width:40px;}
.txtPart{ background:url(/_images/account/txtPart.gif) no-repeat; width:20px;}
.txtEmailReceipt{background:url(/_images/account/txtEmailReceipt.gif) no-repeat; width:71px;}
.txtSMSReceipt{background:url(/_images/account/txtSMSReceipt.gif) no-repeat; width:71px;}
.txtApplication{background:url(/_images/account/txtApplication.gif) no-repeat; width:72px;}

div.accountBox { margin-top:4px; border-top:2px solid #85C9D8;border-bottom:2px solid #85C9D8; padding:5px 5px;}
div.secession{ line-height:22px; border-bottom:none !important;}

div.optionList{ line-height:150%; padding-bottom:5px;width:100%;}
div.optionList .categoryName{ display:block; height:20px; padding-left:20px; background:url(/_images/account/icon01.gif) no-repeat 3px 3px;}
div.optionList input{margin-left:2px;}

div.joinComplete{ text-align:center; padding:0px 0px 30px 0px;border-top:2px solid #85C9D8;border-bottom:2px solid #85C9D8; }
div.joinComplete span{ display:block;background:url(/_images/account/message.gif) no-repeat center; padding-top:110px;  height:0px; overflow:hidden; }
.write_btnArea{ text-align:center; margin:20px;}

div.searchAccount{width:320px; margin:10px auto;}
div.searchAccount span.title{ height:0px; padding-top:13px; overflow:hidden; display:block; float:left;}
div.searchAccount .tit_searchId{background:url(/_images/account/title_id.gif) no-repeat; width:122px; height:0px; padding-top:12px; overflow:hidden;}
div.searchAccount .tit_searchPass{background:url(/_images/account/title_pw.gif) no-repeat; width:122px; height:0px; padding-top:12px; overflow:hidden;}
div.searchAccount .inBox{ border:2px solid #85C9D8; margin-top:7px; padding:10px;  }
div.searchAccount .smallBox{ height:60px;}
div.searchAccount .inputArea{ float:left; width:210px;}
div.searchAccount .inputArea .item{ margin-bottom:3px;}
div.searchAccount .inputArea .txtName{ padding-right:50px;}
div.searchAccount .inputArea .txtMobile{ padding-right:17px;}
div.searchAccount .inputArea .txtAuthority{ padding-right:9px;}
div.searchAccount .inputArea .txtId{ padding-right:41px;}
div.searchAccount .inputArea .txtPass{ padding-right:36px;}
div.searchAccount .inputArea .txtPassValide{ padding-right:11px;}
div.searchAccount .inputArea input{ width:120px;}
div.searchAccount .searchBtn{float:left; width:76px;}
div.searchAccount .searchPassBox {}
div.searchAccount .searchPassBox .searchBtn{ padding-top:52px; line-height:35px;}
div.searchAccount .searchPassBox .msg{}
div.searchAccount ul{margin-top:10px;}
div.searchAccount ul li{ padding:4px 0px 4px 170px;}
div.searchAccount ul li span{ display:none;}
div.searchAccount ul li.join{background:url(/_images/account/title_member_join.gif) no-repeat 0px 4px; }
div.searchAccount ul li.searchId{background:url(/_images/account/title_search_id.gif) no-repeat 0px 4px; }
div.searchAccount ul li.searchPassword{background:url(/_images/account/title_search_pw.gif) no-repeat 0px 4px; }

div.searchAccount .inBox .strong{ font-weight:bold; font-size:120%;}

/* board */
div.authMessage{border-top:2px solid #85C9D8;border-bottom:2px solid #85C9D8; padding:30px 0px; line-height:20px;}


/* old */


/************************************************************/
/*						sub common							*/
/************************************************************/
.write_btnArea{ text-align:center; width:100%; margin-top:7px; margin-bottom:7px;}
.view_btnArea{ text-align:right; margin-top:7px; margin-bottom:7px;}
.comment_btnArea{ text-align:right; margin-top:7px; margin-bottom:7px;}
.page_area{ margin:0px auto; text-align:center; line-height:27px; background-color:#F1F8F9; border-top:1px solid #E8F8FC; border-bottom:2px solid #85C9D8; }
.listaddBtn{ text-align:right;padding:3px 0px; margin-top:7px;}
.btn{ background-color:#666666; color:#ffffff; border:none; font-size:95%; height:22px; line-height:22px;}
.btn2{ background-color:#999898; color:#ffffff; border:none; font-size:95%; height:22px; line-height:22px;}
.file{ height:22px; border:1px solid #acacac; padding:1px;}
.list_btnArea{}
.searchBox{border:1px solid #EBEBEB; background-color:#F4F4F4; text-align:center; padding:4px 0px;}
.smsTextBox{float:left; display:none; margin-top:7px; line-height:25px;}
#emailBox{display:none;}
.watermarked{color:#328BEE; background-color:#F8F4B7;}

div.write{}
div.write .titleArea{ padding:4px 3px; background-color:#ECF2F3; border-top:2px solid #85C9D8;}
div.write .contentsArea{ text-align:center; background-color:#ECF2F3; border-bottom:2px solid #85C9D8;}
div.write .attachArea{padding:4px; text-align:left;}
div.write .attachArea .file{ border:1px solid #DADADA; width:400px;}
div.write .attachArea .uploadbtn{ margin-left:4px; cursor:pointer;}
div.write .imageInsert{ cursor:pointer;}

table.write{ width:100%; border-collapse:collapse; border-bottom:2px solid #85C9D8;}
table.write caption{ display:none;}
table.write tbody th{ height:24px; border-bottom:1px solid #DFEBEE; padding-left:15px; text-align:left; color:#67A5B8;}
table.write tbody th span{ height:0px; padding-top:13px; overflow:hidden; display:block;}
table.write tbody th span.tag{ background:url(/_images/board/title_1.gif) no-repeat; width:75px;}
table.write tbody th span.public{ background:url(/_images/board/title_2.gif) no-repeat; width:39px;}
table.write tbody th span.email{ background:url(/_images/board/title_3.gif) no-repeat; width:53px;}
table.write tbody th span.sms{ background:url(/_images/board/title_4.gif) no-repeat; width:44px;}
table.write tbody th span.smscomment{ background:url(/_images/board/title_5.gif) no-repeat; width:64px;}
table.write tbody td{ padding:4px 0px; padding-left:5px; border-bottom:1px solid #E8F8FC;}
table.write tbody td span.msg{color:#BBBCBC;}
table.write tbody td div.attachArea{ margin-top:4px;}
table.write tbody td table td{border:none; padding:0px;}
table.write .questionBox{ padding:5px; width:96%; background-color:#dcdcdc; margin:5px; }
table.write #questionAdd{ text-align:right; display:none; width:97%;}

table.list{ width:100%; border-collapse:collapse; margin-top:15px;}
table.list caption{display:none;}
table.list thead th{ height:24px; color:#85C9D8; border-top:2px solid #85C9D8; border-bottom:2px solid #85C9D8; letter-spacing:1px;}
table.list thead th.listbar{ background:url(/_images/board/listbar.gif) no-repeat right top;}
table.list tbody td{ padding:4px 0px; padding-left:5px; line-height:22px; border-bottom:1px solid #ECF2F3;}
table.list tr.emptyData{ height:200px; text-align:center;}
table.list tr.listrow{}
table.list tr.listrow_over{ background-color:#F8FAFB;}
#modalPopup 
{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
#modalContents{
	display:none;
	position:absolute;
	top:0;
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	z-index:1001;
	padding:3px;
	width:250px;margin:auto;}
#modalContents div.popupClose
{
	position:absolute;
	top:0;
	right:0;
}


div.tinyPager { margin: 2px auto; font-size: 11px; text-align:center; }
div.tinyPager a { text-decoration:none; }
div.tinyPager a:hover { border-color: #2E6AB1;}
div.tinyPager span.navLeft, div.tinyPager span.navRight {padding:0 5px; margin:0 2px; height:10px;}	
div.tinyPager span.navLeft a, div.tinyPager span.navRight a{ color:#2E6AB1; padding-right:1px;}
div.tinyPager span.numArea { }
div.tinyPager span.numArea a, div.tinyPager span.numArea b{font-family:arial,helvetica,sans-serif; font-size:120%;margin:0 3px; text-align:center; padding-bottom:5px;}
div.tinyPager span.numArea a { color:#939494; padding-bottom:1px;  }
div.tinyPager span.numArea a:hover { font-weight:bold; color: #2E6AB1; }
div.tinyPager span.numArea b  { color: #2E6AB1;}

/************************************************************/
/*							board							*/
/************************************************************/
div.postcontents{ width:100%;}
div.postcontents div.title{ line-height:32px; font-weight:bold;color:#52ADBD; border-top:2px solid #81C5D5;}
div.postcontents span.group{ padding:0px 10px; }
div.postcontents div.info{height:20px; border-bottom:1px solid #DEEFEF; border-top:1px solid #DEEFEF; font-size:90%;}
div.postcontents div.info .writer{ float:left; display:block; width:100px; line-height:20px; padding-left:14px; }
div.postcontents div.info .post{ float:right; display:block; width:300px; text-align:right; padding-right:14px; line-height:20px;}
div.postcontents div.contentsBox{ padding:14px 0px 10px 0px; min-height:200px; height:auto; _height:200px; line-height:160%;}
div.postcontents div.attachBox{ background-color:#ECF2F3;padding-top:10px; padding-bottom:10px;}
div.postcontents div.attachBox div.att_title{ float:left; font-weight:bold; color:#9D9C9D; width:100px; text-align:center; margin-right:30px;}
div.postcontents div.attachBox div.att_list{ width:500px; padding:3px; line-height:20px; background-color:#ffffff; float:left; border:1px solid #C6C4B6; }
div.postcontents div.attachBox ul{ list-style-type:none;}
div.postcontents div.attachBox ul li{ height:18px;}
div.postcontents div.commentCount{ float:left; width:100px; padding-left:20px;margin-top:7px; margin-bottom:7px; color:#F73366; font-weight:bold;}
div.postcontents div.commentCount a{ color:#F73366; font-weight:bold;}
div.postcontents div.commentCount a:hover{ text-decoration:underline;}
div.postcontents div.postBtnBox{ border-top:2px solid #81C5D5; border-bottom:2px solid #81C5D5; height:47px;}
div.postcontents div.pollBtnBox{ border-top:2px solid #81C5D5; height:47px; text-align:center;}
div.postcontents div.pollBtnBox .pollArea{ float:left; margin:7px 0px; width:150px;}
div.postcontents div.pollBtnBox img.participantBtn{ margin-top:7px;}
div.postcontents div.postNearListBox{ width:450px; float:left; padding:10px 4px;}
div.postcontents div.postNearListBox ul.nearPost{ list-style-type:none;}
div.postcontents div.postNearListBox ul.nearPost li{ height:20px;}
div.postcontents div.participantMsg{border-top:2px solid #81C5D5; padding:30px 0px; line-height:30px; text-align:center;}

div.postcontents div.btnArea{ text-align:right;float:right; width:200px; margin:7px 0px;}
div.postcontents div.photoView{ text-align:center; padding:10px 0px;}
div.postcontents div.photoDelete{ text-align:right; padding-right:10px;}
div.postcontents div.photoDelete a{color:Red; text-decoration:underline;}
div.postcontents div.photoList{padding:3px 0px 13px 15px; background-color:#ECF2F3; margin-top:10px;}
div.postcontents div.photoList div.photoBox { float:left; text-align:center; width:100px;min-height:81px;margin-right:5px;padding:3px 0px;}
div.postcontents div.photoList div.photoBox img{ border:3px solid #ffffff !important; cursor:pointer;}
div.postcontents div.photoList div.preview { float:left; width:30px; padding:20px 0px 0px 10px;}
div.postcontents div.photoList img{ cursor:pointer;}
div.postcontents div.photoList #thumbImgList{ float:left; margin-left:10px;}
div.postcontents div.photoList div.next { float:right;width:30px; padding:20px 20px 0px 0px;}
div.postcontents ol{ padding:10px 5px 10px 30px; margin-top:10px; background-color:#f7f7f7;}
div.postcontents ol li{ line-height:18px;}
div.postcontents .btnChangeView{ width:100px; float:right; text-align:right; padding-right:10px;}

div.commentArea{ padding:5px; width:660px;}
div.commentInsertBox { padding:5px;}
div.commentInsertBox div.inputArea{ float:left; width:550px;}
div.commentInsertBox div.btnArea{ float:left; width:100px; text-align:center;}
div.commentInsertBox div.btnArea2{ width:100%; text-align:right;}
div.commentInsertBox textarea{ background-color:#ffffff; height:36px;}
div.commentInsertBox .waterMark{ color:#C3D0D5; border:1px solid #D9E4E9;}
div.commentInsertBox #commentByte{ display:block; height:17px; width:540px; text-align:right; color:#ff0000;}
div.commentList{ padding:5px; border-bottom:2px solid #81C5D5;border-top:1px solid #DEEFEF;}
div.commentList div.commentHead{ line-height:20px;}
div.commentList div.commentBody{ line-height:20px;}
div.commentList .writer{}
div.commentList .date{ color:#C5C6C7;}
div.commentList .commentDele{ text-decoration:line-through;}
div.commentList .smsIcon{border:1px solid #AFAB0C; background-color:#FFFF80;font-size:80% !Important; line-height:13px; height:13px; width:40px;}

div.commentList div.line{ margin:10px 0px; width:100%; height:1px; background-color:#DEEFEF;}


.photoItem{ text-align:center; float:left; margin:7px; width:146px; height:140px; line-height:16px;}
.photoItem .photoOutBox{ height:97px;margin-bottom:4px; }
.photoItem .photoBox{ text-align:center; width:140px; border:2px solid #EBEBEB; overflow:hidden; max-height:93px; height:auto; _height:93px;}
.photoItem input{ margin-left:-1px; margin-top:-1px;}
.photoItem .photoBox_over{width:140px; border:2px solid #85C9D8; overflow:hidden; max-height:93px; height:auto; _height:93px;}
.photoItem .photoTitle{ display:block; overflow:hidden; height:32px;}

#contentsSection .tagBox{ border-top:1px solid #C6C4B6; border-bottom:1px solid #C6C4B6; padding:3px 0px; margin-top:15px; margin-bottom:20px;}

/************************************************************/
/*							address							*/
/************************************************************/
.address{width:100%;}
.address .item{ width:100%;}
.address .title{ font-weight:bold; color:#595959; font-size:120%; padding-top:15px;}
.address .titleBox{ background-color:#E5E1D8; padding:7px 0px 5px 7px; margin-top:3px;}
.address table.company{ width:100%; border-collapse:collapse; margin-top:5px; margin-bottom:20px;}
.address table.company thead th{ height:24px; color:#85C9D8; border-top:2px solid #85C9D8; border-bottom:2px solid #85C9D8; letter-spacing:1px;}
.address table.company thead th.listbar{ background:url(/_images/board/listbar.gif) no-repeat right top;}
.address table.company tbody td{ padding:4px 0px; padding-left:5px; line-height:22px; border-bottom:1px solid #ECF2F3;}
.address table.company tr.listrow{}
.address table.company tr.listrow_over{ background-color:#F1F8FA;}

div.companyDetail{ width:100%;}
div.companyDetail div.companyName{ line-height:32px; font-weight:bold;color:#52ADBD; background-color:#DEEFEF; padding-left:5px; border-top:2px solid #81C5D5;}
div.companyDetail div.companyContents{line-height:180%; padding:10px 10px 10px 20px; border-bottom:1px solid #DEEFEF; min-height:300px; height:auto; _height:300px;}
div.companyDetail div.companyUrl{ display:none;}
div.companyDetail div.userName{ text-align:right; padding:0px 20px 10px 0px; border-bottom:1px solid #C6C4B6; font-size:120%;}
div.companyDetail div.companyInfo{ text-align:right; padding:10px 10px; line-height:20px;border-top:1px solid #C6C4B6; }


.address .contactAddress{margin-top:5px; margin-bottom:20px; padding-top:10px; width:96%;}
.contactAddress .contactBox{ float:left; background:url(/_images/address/addr_bg.gif) no-repeat;padding:14px 12px 12px 13px; width:274px; height:110px; margin-bottom:10px; margin-right:20px;}
.contactAddress .contactBox .photoBox{ float:left; height:110px; width:80px}
.contactAddress .contactBox .addressBox{ float:right; width:180px;}
.contactAddress .contactBox .addressBox ul{ list-style-type:none;}
.contactAddress .contactBox .addressBox ul li{ height:18px; background:url(/_images/address/addr_dot.gif) no-repeat 0px 6px; padding-left:10px;}


.support{}
.support_post{}
.support_post .contents_title{ background:url(/_images/board/post_dot1.gif) no-repeat 4px 12px; font-size:12pt; font-weight:bold; padding-left:25px; line-height:40px; height:40px;}
.support_post .contents_subtitle{ background:url(/_images/board/post_dot2.gif) no-repeat 14px 10px;font-size:10pt; font-weight:bold; padding-left:35px; line-height:30px; height:30px;}
.support_post .contents_sub{ background:url(/_images/board/post_dot3.gif) no-repeat 28px 1px; font-size:9pt; padding-left:45px; line-height:16px; padding-bottom:10px;}
.support_post .contents_sub ol{margin:4px 0px 0px 24px;}
.support_post .contents_sub ol li{ line-height:20px; }
.support_post .contents_sub ul { list-style-type:none;}
.support_post .contents_sub ul li{background:url(/_images/board/post_dot4.gif) no-repeat 3px 6px; padding-left:15px;}


.contactUs{ text-align:center;}


div.nomail { margin-top:4px; border-top:2px solid #85C9D8;border-bottom:2px solid #85C9D8; padding:5px 5px; line-height:22px;}
div.nomail .date{ text-align:right;}
div.privacy{line-height:140%;}
div.privacy .inBox{ background-color:#ECF2F3; line-height:18px; margin-bottom:20px; padding:4px;}

div.privacy strong{color:#24718A;}
