html, body {height:100%; margin:0} 
body {scrollbar-face-color:white; scrollbar-shadow-color:white; scrollbar-highlight-color:rgb(204,204,204); scrollbar-3dlight-color:white; scrollbar-darkshadow-color:rgb(204,204,204); scrollbar-base-color:white; scrollbar-arrow-color:rgb(204,204,204); scrollbar-track-color:#f2f2f2;}
body {margin:0; padding:0; text-align:center;}
div, p, form, ul, li,span {margin:0px; padding:0px;}
ul {list-style:none}

input {vertical-align:middle;}
select {vertical-align:middle;}
img{vertical-align:middle; border:none;}


/**Align**/
.le {text-align:left}
.ce {text-align:center}
.ri {text-align:right}
.va_tp {vertical-align:top}
.va_md {vertical-align:middle}
.va_bt  {vertical-align:bottom}
.fl_le {float:left}
.fl_ce {float:center}
.fl_ri {float:right}

#KMS {float:left; width:100%; height:100%; margin:0 auto; padding:0; background:url(../img/kms_bg_member_top_02.gif) repeat-x;}
#KMSMain {width:600px; height:200px; margin:0 auto; padding:0;}
#MemberTop {position:relative; float:left; width:600px; height:175px; padding-top:15px;}
#MemberTop .logo {float:left; width:250px; height:63px; }
.MemberMenu {float:left; width:600px; height:77px;}

.MemberMenu li {float:left; display:inline; height:77px; }
.MemberMenu li a {display:block; height:77px; text-indent:-1000px; overflow:hidden;}
.MemberMenu li.MemberTopImg01 a {width:62px; background:url(../img/kms_btn_member_top_menu01_off.gif) right no-repeat;}
.MemberMenu li.MemberTopImg01 a.on, .MemberMenu li.MemberTopImg01 a.on:hover {width:62px; background:url(../img/kms_btn_member_top_menu01.gif) right no-repeat;}
.MemberMenu li.MemberTopImg01 a:hover {width:62px; background:url(../img/kms_btn_member_top_menu01_on.gif) right no-repeat;}

.MemberMenu li.MemberTopImg02 a {width:128px; background:url(../img/kms_btn_member_top_menu02_off.gif) no-repeat;}
.MemberMenu li.MemberTopImg02 a.on, .MemberMenu li.MemberTopImg02 a.on:hover {width:128px; background:url(../img/kms_btn_member_top_menu02.gif) no-repeat;}
.MemberMenu li.MemberTopImg02 a:hover {width:128px; background:url(../img/kms_btn_member_top_menu02_on.gif) no-repeat;}

.MemberMenu li.MemberTopImg03 a {width:91px; background:url(../img/kms_btn_member_top_menu03_off.gif) no-repeat;}
.MemberMenu li.MemberTopImg03 a.on, .MemberMenu li.MemberTopImg03 a.on:hover {width:91px; background:url(../img/kms_btn_member_top_menu03.gif) no-repeat;}
.MemberMenu li.MemberTopImg03 a:hover {width:91px; background:url(../img/kms_btn_member_top_menu03_on.gif) no-repeat;}

.MemberMenu li.MemberTopImg04 a {width:70px; background:url(../img/kms_btn_member_top_menu04_off.gif) no-repeat;}
.MemberMenu li.MemberTopImg04 a.on, .MemberMenu li.MemberTopImg04 a.on:hover {width:70px; background:url(../img/kms_btn_member_top_menu04.gif) no-repeat;}
.MemberMenu li.MemberTopImg04 a:hover {width:70px; background:url(../img/kms_btn_member_top_menu04_on.gif) no-repeat;}

.MemberMenu li.MemberTopImg05 a {width:117px; background:url(../img/kms_btn_member_top_menu05_off.gif) no-repeat;}
.MemberMenu li.MemberTopImg05 a.on, .MemberMenu li.MemberTopImg05 a.on:hover {width:117px; background:url(../img/kms_btn_member_top_menu05.gif) no-repeat;}
.MemberMenu li.MemberTopImg05 a:hover {width:117px; background:url(../img/kms_btn_member_top_menu05_on.gif) no-repeat;}

.MemberMenu li.MemberTopImg06 a {width:132px; background:url(../img/kms_btn_member_top_menu06_off.gif) no-repeat;}
.MemberMenu li.MemberTopImg06 a.on, .MemberMenu li.MemberTopImg06 a.on:hover {width:132px; background:url(../img/kms_btn_member_top_menu06.gif) no-repeat;}
.MemberMenu li.MemberTopImg06 a:hover {width:132px; background:url(../img/kms_btn_member_top_menu06_on.gif) no-repeat;}


#JoinMember00 {float:left; width:590px; *width:600px; _width:600px; height:239px; *height:329px; _height:329px; padding:90px 5px 0 5px; text-align:left; background:url(../img/kms_bg_member00.jpg) no-repeat;}
#JoinMember00_1 {float:left; width:590px; *width:600px; _width:600px; height:238px; *height:266px; _height:266px; margin-top:9px; padding:28px 5px 0 5px; text-align:left; background:url(../img/kms_bg_member00_1.jpg) no-repeat;}
#JoinMember00_2 {float:left; width:590px; *width:600px; _width:600px; height:238px; margin-top:9px; padding:28px 5px 0 5px; text-align:left; background:url(../img/kms_bg_member00_2.jpg) no-repeat;}
#JoinMember00 ul.text, #JoinMember00_1 ul.text, #JoinMember00_2 ul.text {float:left; width:580px; *width:590px; _width:590px; height:190px; *height:200px; _height:200px; padding:5px; overflow:auto; overflow-x:none;  FONT-SIZE: 9pt; COLOR: #303030; FONT-FAMILY:µ¸¿ò,Dotum,AppleGothic,sans-serif;}
#JoinMember00 ul.check, #JoinMember00_1 ul.check, #JoinMember00_2 ul.check {float:left; width:590px; height:20px; *height:30px; _height:30px; padding-top:10px; text-align:right;}

#JoinMember01 {float:left; width:600px; height:329px; text-align:left; background:url(../img/kms_bg_member01.jpg) no-repeat;}
#JoinMember01 ul{float:left; width:495px; *width:600px; _width:600px; padding:60px 0 0 105px;}
#JoinMember01 li{float:left;}
#JoinMember01 ul.btn{float:left; width:100%; padding:160px 0 0 0; text-align:center;}
#JoinMember01 ul.btn li{width:100%;}

#JoinMember02 {float:left; width:600px; height:205px; margin-bottom:50px; text-align:left; background:url(../img/kms_bg_member_login01.gif) no-repeat;}
#JoinMember04 {float:left; width:600px; height:205px; margin-bottom:50px; text-align:left; background:url(../img/kms_bg_member_login02.gif) no-repeat;}
#JoinMember02 ul, #JoinMember04 ul{float:left; width:483px; *width:600px; _width:600px; padding:60px 0 0 117px;}
#JoinMember02 li, #JoinMember04 li{float:left;}
#JoinMember02 ul.btn, #JoinMember04 ul.btn {float:left; width:100%; padding:67px 0 0 0; text-align:center;}
#JoinMember02 ul.btn li, #JoinMember04 ul.btn li {width:100%;}

#JoinMember03 {float:left; width:600px; height:205px; margin-bottom:50px; text-align:left; background:url(../img/kms_bg_member_print01.gif) no-repeat;}
#JoinMember03 ul{float:left; width:100%; padding-top:130px; text-align:center}

#TopMenu { float:left; width:970px; height:108px; margin:0; padding:0; text-align:left;}
.Input {border:2px solid #dddddd; height:22px; color:#000000; font-size:12px; padding:3px 4px 3px 4px;}

#JoinMemberWrite {float:left; width:600px; text-align:left;}
#JoinMemberWrite .topTitle01 {float:left; width:600px; height:83px; padding:33px 9px 0 0; text-align:right; background:url(../img/kms_bg_member01.gif) no-repeat;}
#JoinMemberWrite .topTitle02 {float:left; width:600px; height:106px; padding:33px 9px 0 0; text-align:right; background:url(../img/kms_bg_member02.gif) no-repeat;}
#JoinMemberWrite .topTitle03 {float:left; width:600px; height:106px; padding:33px 9px 0 0; text-align:right; background:url(../img/kms_bg_member03.gif) no-repeat;}
#JoinMemberWrite .topTitle05 {float:left; width:600px; height:137px; padding:103px 35px 0 0; text-align:right; background:url(../img/kms_bg_member05.gif) no-repeat;}
#JoinMemberWrite .topTitle06 {float:left; width:600px; height:186px; *height:321px; _height:321px; padding:135px 35px 0 0; text-align:right; background:url(../img/kms_bg_member06.gif) no-repeat;}
#JoinMemberWrite ul.writeForm {float:left; width:100%; margin:10px 0 10px 0; border-bottom:1px solid #e5e5e5}
#JoinMemberWrite ul.writeForm li{float:left; height:31px; line-height:200%; border-bottom:1px solid #e5e5e5}
#JoinMemberWrite ul.writeForm li.title {width:25%; *width:25%; _width:25%; padding:3px 0 0 16px; font-weight:bold; border-right:1px solid #e5e5e5; background-color:#f5f5f5}
#JoinMemberWrite ul.writeForm li.title2 {width:25%; *width:25%; _width:25%; height:57px; padding:3px 0 0 16px; font-weight:bold; border-right:1px solid #e5e5e5; background-color:#f5f5f5}
#JoinMemberWrite ul.writeForm li.title3 {width:18%; *width:18%; _width:18%; padding:3px 0 0 16px; font-weight:bold; border-right:1px solid #e5e5e5; background-color:#f5f5f5}
#JoinMemberWrite ul.writeForm .checked {background:url(../img/kms_icon_check01.gif) 5px 10px no-repeat;}
#JoinMemberWrite ul.writeForm li.content {width:70%; *width:75%; _width:75%; padding:3px 0 0 4px;}
#JoinMemberWrite ul.writeForm li.content2 {width:70%; *width:75%; _width:75%; height:57px; padding:3px 0 0 4px;}
#JoinMemberWrite ul.writeForm li.content3 {width:28%; *width:32%; _width:32%; padding:3px 0 0 4px;}
#JoinMemberWrite ul.writeForm li.content4 {width:77%; *width:82%; _width:82%; padding:3px 0 0 4px;}
#JoinMemberWrite ul.writeForm li.formTop {float:left; width:100%; height:20px; line-height:130%; text-align:right;  border-bottom:2px solid #e5e5e5}
#JoinMemberWrite ul.writeForm .check {padding-left:10px; background:url(../img/kms_icon_check01.gif) 0px 3px no-repeat;}

#JoinMemberWrite ul.DanjiSelect {float:left; width:100%; height:103px; margin:5px 0 5px 0; padding:0; background:url(../img/kms_bg_member04.gif) no-repeat;}
#JoinMemberWrite ul.DanjiSelect li.selectArea {float:left; width:510px; *width:100%; _width:100%; height:24px; *height:35px; _height:35px; padding:11px 0 0 90px;}
#JoinMemberWrite ul.DanjiSelect li.button {float:left; width:100%; height:51px; *height:68px; _height:68px; padding-top:17px; text-align:center}
#JoinMemberWrite ul.Button li {float:left; width:100%; height:51px; *height:68px; _height:68px; padding-top:17px; text-align:center}

.MemberJoinGuide {position:absolute; padding:5px; font-size:11px; line-height:100%; border:2px solid #231916;}
.KMSMore01 {width:61px; height:25px; background:url(../img/kms_btn_more01.gif) no-repeat; border:none; cursor:pointer;}

#Stipulation {width:100%;}
#Stipulation ul {float:left; width:100%;}
#Stipulation li {float:left; padding:5px;}
#Stipulation ul.line {margin:0; padding:10px; text-align:left; font-weight:bold; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}
#Stipulation li.title {width:100%; padding:5px 10px; color:#0F57B8; font-weight:bold; text-align:left;}
#Stipulation li.cont {width:100%; padding:0 15px; text-align:left;}

#KMSMSBottom {float:left; width:100%; margin-top:10px;}
#KMSMSBottom li.line {float:left; width:100%; height:24px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; line-height:220%; FONT-SIZE: 8pt; background-color:#f5f5f5;}
#KMSMSBottom li.info {float:left; width:100%; height:24px; line-height:220%; FONT-SIZE: 8pt;}
#KMSMSBottom li.copyright {float:left; width:100%; margin:5px 0 10px 0; font:normal 10px "Tahoma", "Verdana", "Helvetica", dotum, sans-serif;color:#686868; }


#KMSpopup {width:400px; margin:5px auto}
#KMSpopupZipSearch {width:400px; height:69px; padding:40px 0 0 112px; text-align:left; background:url(../img/kms_bg_member_popup_zip_search01.gif) no-repeat;}
#KMSpopupZipSearch li, #KMSpopupIdSearch li {float:left;}
#KMSpopupZipAddress {width:400px; height:69px; padding-top:11px; font-weight:bold; text-align:center; background:url(../img/kms_bg_member_popup_zip_search02.gif)}
.ZipFind {height:20px; padding-left:20px; background:url(../img/kms_icon_house01.gif) no-repeat;}

#KMSpopupIdSearch {width:400px; height:69px; padding-top:9px; text-align:left; background:url(../img/kms_bg_member_popup_id_search01.gif) no-repeat;}
#KMSpopupIdSearch ul.Message {float:left; width:100%; text-align:center;}
#KMSpopupIdSearch ul.Message li {width:100%;}
#KMSpopupIdSearch ul.Message li .ok {height:25px; padding:2px 0 0 22px; background:url(../img/kms_icon_idea01.gif) no-repeat;} 
#KMSpopupIdSearch ul.Message li .no {height:25px; padding:2px 0 0 22px; background:url(../img/kms_icon_no01.gif) no-repeat;} 
#KMSpopupIdSearch ul.IdForm {float:left; width:100%; padding:6px 0 0 145px; text-align:left;}

#KMSPopupSearch {width:400px; height:69px; padding-top:9px; text-align:left; background:url(../img/kms_bg_popup_search01.gif) no-repeat;}
#KMSPopupSearch ul.Message {float:left; width:100%; text-align:center;}
#KMSPopupSearch ul.Message li {width:100%;}
#KMSPopupSearch ul.Message li .ok {height:25px; padding:2px 0 0 22px; background:url(../img/kms_icon_idea01.gif) no-repeat;} 
#KMSPopupSearch ul.Message li .no {height:25px; padding:2px 0 0 22px; background:url(../img/kms_icon_no01.gif) no-repeat;} 
#KMSPopupSearch ul.IdForm {float:left; width:100%; padding-top:5px; text-align:center;}
#KMSPopupSearch ul.IdForm li {float:left; width:100%; text-align:center;}

.DanjiMonitorList01 {float:left; width:100%; height:20px; margin-top:10px; text-align:right; font-size:11px; background:url(../img/kms_title_monitor01.gif) 2px 2px no-repeat;}

.KMSMSTable01 {float:left; width:100%;}

table.KMStable01 {border-collapse:collapse; width:100%; FONT-SIZE: 9pt; COLOR: #303030; FONT-FAMILY:µ¸¿ò,Dotum,AppleGothic,sans-serif; TEXT-DECORATION: none; border:1px solid #DDDDDD; border-top:none;}
table.KMStable01 tr {width:100%;}
table.KMStable01 tr.Title {width:100%; height:26px; background:url(../img/kms_bg_table_title02.gif) repeat-x; border-bottom:none}
table.KMStable01 tr.Title2 {width:100%; height:39px; background:url(../img/sy_bg_table_title03.gif) repeat-x; border-top:none;}
table.KMStable01 td {height:22px; padding:0; *padding:4px 3px 2px 3px; _padding:4px 3px 2px 3px; font-size:11px; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}
table.KMStable01 tr.Title .NoBorder {height:26px; vertical-align:middle; text-align:center; border:none; border-right:1px solid #DDDDDD;}
table.KMStable01 tr.Title2 .NoBorder {height:39px; vertical-align:middle; text-align:center; border:none; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}
table.KMSTable01 .TableBG01 {background-color:#FFFFFF}
table.KMSTable01 .TableBG02 {background-color:#F5F5F5}
table.KMSTable01 .TableBG03 {background-color:#FBFBFB}
table.KMSTable01 .TableBG04 {background-color:#F8FCFD}
table.KMSTable01 .TableBG05 {background-color:#EDEDED}
table.KMSTable01 .None {height:80px; border:none; color:#CCC; text-align:center;}

.Monitor01 {width:30px; height:16px; margin-top:-2px; background:url(../img/kms_icon_monitor01.gif) no-repeat;}
.Monitor02 {width:30px; height:16px; margin-top:-2px; background:url(../img/kms_icon_monitor02.gif) no-repeat;}
.Monitor03 {width:30px; height:16px; margin-top:-2px; background:url(../img/kms_icon_monitor03.gif) no-repeat;}
.Monitor04 {width:30px; height:16px; margin-top:-2px; background:url(../img/kms_icon_monitor04.gif) no-repeat;}

.Monitor01_01 {width:54px; *width:34px; _width:34px; height:12px; *height:14px; _height:14px; padding-top:2px; background:url(../img/kms_icon_monitor01_01.gif) 0 5px no-repeat;}
.Monitor02_01 {width:34px; height:12px; *height:14px; _height:14px; padding-top:2px; background:url(../img/kms_icon_monitor02_01.gif) 0 5px no-repeat;}
.Monitor03_01 {width:34px; height:12px; *height:14px; _height:14px; padding-top:2px; background:url(../img/kms_icon_monitor03_01.gif) 0 5px no-repeat;}
.Monitor04_01 {width:34px; height:12px; *height:14px; _height:14px; padding-top:2px; background:url(../img/kms_icon_monitor04_01.gif) 0 5px no-repeat;}


#KMSHtmlStyle1 { float:left; width:970px; margin:0; padding:0;}
#KMSHtmlStyle1 .ClubTitle{position:absolute; z-index:100; top:100px; right:85px; height:25px; line-height:220%;}
#KMSHtmlStyle1 .ClubList{position:absolute; z-index:100; top:115px; right:5px; width:236px; height:292px; background:url(../img/kms_bg_clublist01.gif) no-repeat;}
#KMSHtmlStyle1 .ClubList ul{float:right; width:222px; height:231px; margin:37px 4px 0 0; overflow:scroll; overflow-x:hidden;}
#KMSHtmlStyle1 .ClubList li {float:left; width:100%; line-height:220%; padding-left:8px; border-bottom:1px solid #D3DFED;background-color:#FFFFFF;}
#KMSHtmlStyle1 .ClubList li.bg1 {background-color:#F5F9FD;}
#KMSHtmlStyle1 .ClubList li.bg2 {background-color:#FFFFFF;}
#KMSHtmlStyle1 .LeftMenu {float:left; width:250px; margin:0; padding:0; text-align:left}
#KMSHtmlArea {position:relative; float:left; width:720px; height:560px; margin:0; padding:0; text-align:left;}
#KMSHtmlArea .bottomFlash{position:absolute; bottom:0; right:0; z-index:-1; width:550px; margin:0; padding:0;}

#KMSContents3Html {float:left; width:720px; margin:0; padding:0; overflow:hidden;}
#KMSContents3Html div.title {float:left; width:720px; height:45px; margin:0; padding:0;}
#KMSContents3Html div.faqtitle {float:left; width:642px; height:82px; margin:0; padding:0; background:url(../img/kms_subtitle_faqtitle02.gif) no-repeat;}
#KMSContents3Html div.faqtitle span.title {float:right; width:610px; margin-top:56px; font-weight:bold; color:#045097; text-align:left;}
#KMSContents3Html div.content { float:left; width:720px; margin:0; padding:0; background-color:#FFFFFF;}
#KMSContents3Html .content ul {list-style:none; float:left; width:720px; margin:0; padding:0;}
#KMSContents3Html .content ul.tables{width:642px; margin:20px 0 10px 0;}
#KMSContents3Html .content ul.tables li{margin:2px 0 2px 0;}
#KMSContents3Html .content ul.button01{width:410px; margin:10px 0 10px 0; border-top:1px solid #BACEEF}
#KMSContents3Html .content ul.button01 li { margin:10px 0 10px 0;}
#KMSContents3Html .content li {float:left; margin:0; padding:0;}
#KMSContents3Html .content li.name {width:100px; color:#0949B2; line-height:200%}
#KMSContents3Html .content li.content {width:500px; line-height:200%}
#KMSContents3Html .content li.LeArea {width:200px;}
#KMSContents3Html .content li.ReArea {width:210px; text-align:right;}
#KMSContents3Html .content ul.faqlist {width:642px; margin-top:5px;}
#KMSContents3Html .content ul.faqlist li {width:635px; margin:0 2px 0 2px; line-height:250%; background:url(../img/kms_icon_faq_q01.gif) 4px 7px no-repeat; text-align:right; border-bottom:1px solid #e5e5e5;}
#KMSContents3Html .content ul.faqlist li.on {background-color:#f5f5f5;}
#KMSContents3Html .content ul.faqlist li.off {background-color:transparent;}
#KMSContents3Html .content ul.faqlist li span.title{float:right; width:613px; font-weight:bold; color:#045097; text-align:left; }

#KMSContents3Html .content ul.faqview {width:642px; margin-top:5px;}
#KMSContents3Html .content ul.faqview li {width:635px; margin:0 2px 0 2px; line-height:250%; text-align:right; border-bottom:1px solid #e5e5e5;}
#KMSContents3Html .content ul.faqview li span.icon {float:left; width:25px; margin-top:3px; text-align:left}
#KMSContents3Html .content ul.faqview li span.content {float:left; width:600px; margin:0; line-height:250%; text-align:left;}

#KMSContents3Html .content ul.boardlist {width:642px; margin:0;}
#KMSContents3Html .content ul.boardlist li {width:635px; height:28px; margin:0 2px 0 2px; line-height:230%; border-bottom:1px solid #e5e5e5; text-align:center}
#KMSContents3Html .content ul.boardlist li.bar {width:642px; height:32px; margin:0; border:none}
#KMSContents3Html .content ul.boardlist li.titleview {width:642px; height:37px; margin:0; line-height:320%; font-weight:bold; color:#045097; text-align:center; background:url(../img/kms_bg_board_title01.gif) no-repeat; border:none;}
#KMSContents3Html .content ul.boardlist li.viewinfo1 {width:635px; margin:0 2px 0 2px; border:none;}
#KMSContents3Html .content ul.boardlist li.viewinfo1 span.date {float:left; width:300px; line-height:230%; text-align:left;}
#KMSContents3Html .content ul.boardlist li.viewinfo1 span.hit {float:left; width:330px; line-height:230%; text-align:right;}
#KMSContents3Html .content ul.boardlist li.content {width:635px; margin-top:10px; padding:0 4px 20px 4px;  line-height:160%; text-align:left}

#KMSContents3Html .content ul.boardlist li.on {background-color:#f5f5f5;}
#KMSContents3Html .content ul.boardlist li.off {background-color:transparent;}
#KMSContents3Html .content ul.boardlist li span.no {float:left; width:40px; font-size:8pt; FONT-FAMILY: "Tahoma", "Verdana", "Helvetica";}
#KMSContents3Html .content ul.boardlist li span.title {float:left; width:350px; height:28px; line-height:230%; text-align:left}
#KMSContents3Html .content ul.boardlist li span.title2 {float:left; width:380px; text-align:left}
#KMSContents3Html .content ul.boardlist li span.icon {float:left; width:20px; padding-top:5px; text-align:left}
#KMSContents3Html .content ul.boardlist li span.name {float:left; width:140px; }
#KMSContents3Html .content ul.boardlist li span.hit {float:left; width:30px; font-size:8pt; FONT-FAMILY: "Tahoma", "Verdana", "Helvetica";}
#KMSContents3Html .content ul.boardlist li span.date {float:left; width:75px; font-size:8pt; FONT-FAMILY: "Tahoma", "Verdana", "Helvetica";}

#KMSContents3Html .content ul.button { float:left; width:642px; margin:10px 0 10px 0; }
#KMSContents3Html .content ul.button li.LeArea{float:left; width:290px; margin-left:5px; text-align:left}
#KMSContents3Html .content ul.button li.RiArea{float:left; width:330px; text-align:right}
#KMSContents3Html .content ul.button li.Search{width:540px; text-align:right}
#KMSContents3Html .content ul.button li.RiArea2{width:100px; text-align:right}
#KMSContents3Html .content ul.button li.Area{width:640px; text-align:right}

/**#KMSContents3Html .content ul.replywrite { float:left; width:642px; height:90px; margin:0; padding:0; background:url(../img/kms_bg_board_replay01.gif) no-repeat;}
#KMSContents3Html .content ul.replywrite li.name {float:left; width:105px;}
#KMSContents3Html .content ul.replywrite li.content {float:left; width:413px; padding-top:8px; text-align:right}
#KMSContents3Html .content ul.replywrite li.date {float:left; width:90px; padding-top:25px; text-align:right}**/

#KMSContents3Html .content ul.replywrite { float:left; width:642px; height:120px; margin:0; padding:0; background:url(../img/kms_bg_board_replay02.gif) no-repeat;}
#KMSContents3Html .content ul.replywrite li.content {float:left; width:634px; padding-top:8px;text-align:right}
#KMSContents3Html .content ul.replywrite li.button {float:left; width:638px; padding-top:7px; text-align:right}

#KMSContents3Html .content ul.replylist { float:left; width:642px; margin:5px 0 5px 0; padding:0;}
#KMSContents3Html .content ul.replylist li.name {float:left; width:640px;}
#KMSContents3Html .content ul.replylist li.name span.name{float:left; width:440px; padding-left:20px; background:url(../img/kms_bg_board_reply_title01.gif) left 5px no-repeat;}
#KMSContents3Html .content ul.replylist li.name span.date{float:left; width:180px; text-align:right}
#KMSContents3Html .content ul.replylist li.name span.del{float:left; width:20px; padding-top:5px; text-align:right}
#KMSContents3Html .content ul.replylist li.content {float:left; width:640px; padding:5px 8px 5px 8px; background-color:#f5f5f5}

#KMSContents3Html .content ul.boardlist div.KMSBoardLookAHead{position:absolute; top:0; left:0; width:633px; height:70px; padding:3px 7px 0 7px; text-align:left; background:url(../img/kms_bg_lookahead01.gif) no-repeat;}

#KMSContents3Html .content ul.boardWrite {width:642px; margin:10px 0 0 5px;}
#KMSContents3Html .content ul.boardWrite li {float:left; margin:2px 0 2px 0;}
#KMSContents3Html .content li.name {width:100px; color:#0949B2; line-height:200%}
#KMSContents3Html .content li.content {width:500px; line-height:200%}




#KMSContents3Html .content ul.page {width:642px; height:37px; margin:10px 0 10px 0; background:url(../img/kms_bg_board_page01.gif) no-repeat;}
#KMSContents3Html .content ul.page li.total{float:right; width:40px; line-height:38px; font-size:8pt; FONT-FAMILY: "Tahoma", "Verdana", "Helvetica"; font-weight:bold}
#KMSContents3Html .content ul.page li.pageList{float:right; width:500px; margin:0 auto; line-height:38px; text-align:center}
#KMSContents3Html .content ul.page li.pageList span.on {width:27px; height:24px; color:#FF6600; text-align:center; font-weight:bold; background:url(../img/kms_bg_board_page_on01.gif) 0 7px no-repeat;}
#KMSContents3Html .content ul.page li.pageList span.off {width:27px; height:24px; text-align:center; font-weight:bold;}
#KMSContents3Html .content ul.page li.pageList span.button {width:30px; height:16px; text-align:center}
#KMSContents3Html .content ul.page li.page{float:right; width:62px; line-height:38px; font-size:8pt; FONT-FAMILY: "Tahoma", "Verdana", "Helvetica"; font-weight:bold}


#KMSContents3Html .content ul.search {width:642px; height:52px; margin:5px 0 5px 0; background:url(../img/kms_bg_board_search01.gif) no-repeat; }
#KMSContents3Html .content ul.search li {width:642px; text-align:center;}
.Boardbottomstyle1 { float:left; width:720px; height:60px; margin:0 0 200px 0; padding:0; background-color:#FFFFFF; background:url(../img/kms_bg_board_bottom01.gif) left bottom no-repeat;}
.Boardbottomstyle2 { float:left; width:720px; height:60px; margin:0 0 200px 0; padding:0; background-color:#FFFFFF; background:url(../img/kms_bg_board_bottom02.gif) left bottom no-repeat;}
.Boardbottomstyle1 ul.button { float:left; width:642px; margin:10px 0 10px 0; }
.Boardbottomstyle1 ul.button li.LeArea{float:left; width:290px; margin-left:5px; text-align:left}
.Boardbottomstyle1 ul.button li.RiArea{float:left; width:330px; text-align:right}
.Boardbottomstyle1 ul.button li.Area{width:640px; text-align:right}
.Boardbottomstyle1 ul.button li.Search{float:left;width:500px; text-align:right}
.Boardbottomstyle1 ul.button li.RiArea2{float:left;width:140px; text-align:right}
.Boardbottomstyle2 ul.button { float:left; width:642px; margin:10px 0 10px 0; }
.Boardbottomstyle2 ul.button li.LeArea{float:left; width:290px; margin-left:5px; text-align:left}
.Boardbottomstyle2 ul.button li.RiArea{float:left; width:330px; text-align:right}
.Boardbottomstyle2 ul.button li.Area{width:640px; text-align:right}

#KMSContents3Html .content2 ul {list-style:none; float:left; width:720px; margin:0; padding:0;}
#KMSContents3Html .content2 ul.tables{width:642px; margin:20px 0 10px 0;}
#KMSContents3Html .content2 ul.tables li{margin:2px 0 2px 0;}
#KMSContents3Html .content2 ul.button01{width:410px; margin:10px 0 10px 0; border-top:1px solid #BACEEF}
#KMSContents3Html .content2 ul.button01 li { margin:10px 0 10px 0;}
#KMSContents3Html .content2 li {float:left; margin:0; padding:0;}
#KMSContents3Html .content2 li.name {width:100px; color:#0949B2; line-height:200%}
#KMSContents3Html .content2 li.content {width:500px; line-height:200%}
#KMSContents3Html .content2 li.LeArea {width:200px;}
#KMSContents3Html .content2 li.ReArea {width:210px; text-align:right;}



#KMSContents3Html div.searchtitle {float:left; width:642px; height:112px; margin:0 0 5px 0; padding:0; background:url(../img/kms_subtitle_searchtitle01.gif) no-repeat;}
#KMSContents3Html div.searchtitle ul {float:left; width:625px; margin:45px 0 0 5px;}
#KMSContents3Html div.searchtitle li{float:left; width:610px; margin-top:7px; line-height:280%; text-align:left;}


#KMSContents3Html div.checktitle {float:left; width:642px; height:112px; margin:0; padding:0; background:url(../img/kms_subtitle_checkhtitle01.gif) no-repeat;}
#KMSContents3Html div.checktitle ul {float:left; width:625px; margin:45px 0 0 5px;}
#KMSContents3Html div.checktitle li{float:left; width:610px; margin-top:7px; text-align:left;}

#KMSContents3Html div.checktitle ul.content {float:left; width:720px; margin:8px 0 0 0; background-color:#FFFFFF;}
#KMSContents3Html div.checktitle li.textarea {float:left; width:642px; height:200px; margin:0; padding:5px 5px 0 5px; background:url(../img/kms_bg_send_state_textarea01.gif) no-repeat;}
#KMSContents3Html div.checktitle li.title {float:left; width:625px; margin:5px 0 0 5px;}
#KMSContents3Html div.checktitle li.titlebar {float:left; width:642px; height:31px; margin:0; padding-top:8px; background:url(../img/kms_bg_search_bar01.gif) no-repeat;}
#KMSContents3Html div.checktitle span.item0{float:left; width:320px;}
#KMSContents3Html div.checktitle span.item1{float:left; width:320px;}
#KMSContents3Html div.checktitle span.item2{float:left; width:160px;}
#KMSContents3Html div.checktitle span.item3{float:left; width:160px;}
#KMSContents3Html div.checktitle span.item4{float:left; width:160px;}
#KMSContents3Html div.checktitle span.item5{float:left; width:160px;}
#KMSContents3Html div.checktitle span.item6{float:left; width:100px;}
#KMSContents3Html div.checktitle span.item7{float:left; width:380px;}
#KMSContents3Html div.checktitle span.item8{float:left; width:80px;}
#KMSContents3Html div.checktitle span.item9{float:left; width:80px;}
#KMSContents3Html div.checktitle li.list {float:left; width:642px; margin:0; line-height:230%; border-bottom:1px solid #e5e5e5;}
#KMSContents3Html div.checktitle li.list span.item0{float:left; width:310px; padding-left:7px;}
#KMSContents3Html div.checktitle li.list span.item1{float:left; width:316px; padding-left:7px; text-align:center}
#KMSContents3Html div.checktitle li.totalcnt1 {float:left; width:642px; height:37px; margin:0; padding:10px 0 0 310px; font-size:12pt; FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; font-weight:bold; background:url(../img/kms_bar_sendstate01.gif) no-repeat;}
#KMSContents3Html div.checktitle li.totalcnt1 span {width:320px; text-align:center}

#KMSContents3Html div.checktitle li.totalcnt2 {float:left; width:642px; height:37px; margin:0; padding:10px 0 0 320px; font-size:12pt; FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; font-weight:bold; background:url(../img/kms_bar_sendstate02.gif) no-repeat;}
#KMSContents3Html div.checktitle li.totalcnt2 span {float:left; width:160px; text-align:center}


#KMSContents3Html .content ul.searchList {float:left; width:642px;}
#KMSContents3Html .content ul.searchList li {float:left; width:642px; line-height:230%; border-bottom:1px solid #e5e5e5;}
#KMSContents3Html .content ul.searchList li.on {background-color:#f5f5f5;}
#KMSContents3Html .content ul.searchList li.on1 {background-color:#F5F3EE;}
#KMSContents3Html .content ul.searchList li.on2 {background-color:#F4F7F1;}
#KMSContents3Html .content ul.searchList li.off {background-color:transparent;}
#KMSContents3Html .content ul.searchList li.off1 {background-color:#FFF9EB;}
#KMSContents3Html .content ul.searchList li.off2 {background-color:#F6FFF0;}
#KMSContents3Html .content ul.searchList li.titlebarbg {height:31px; margin:0; padding-top:8px; background:url(../img/kms_bg_search_bar01.gif) no-repeat; border:none;}
#KMSContents3Html .content ul.searchList span.item1 {float:left; width:72px; text-align:center}
#KMSContents3Html .content ul.searchList span.item2 {float:left; width:40px; text-align:center}
#KMSContents3Html .content ul.searchList span.item3 {float:left; width:70px; text-align:center}
#KMSContents3Html .content ul.searchList span.item4 {float:left; width:80px; text-align:center}
#KMSContents3Html .content ul.searchList span.item5 {float:left; width:140px; text-align:center}
#KMSContents3Html .content ul.searchList span.item6 {float:left; width:240px; text-align:center}
#KMSContents3Html .content ul.searchList span.item7 {float:left; width:50px; text-align:center}
#KMSContents3Html .content ul.searchList span.item8 {float:left; width:110px; text-align:center}
#KMSContents3Html .content ul.searchList span.item9 {float:left; width:73px; text-align:center}
#KMSContents3Html .content ul.searchList span.item10 {float:left; width:80px; text-align:center}
#KMSContents3Html .content ul.searchList span.item11 {float:left; width:64px; text-align:center}
#KMSContents3Html .content ul.searchList span.item12 {float:left; width:70px; text-align:center}
#KMSContents3Html .content ul.searchList span.item13 {float:left; width:62px; text-align:center}
#KMSContents3Html .content ul.searchList span.item14 {float:left; width:60px; text-align:center}
#KMSContents3Html .content ul.searchList span.item15 {float:left; width:62px; text-align:center}
#KMSContents3Html .content ul.searchList li.searchInfo { float:left; width:642px; margin:3px 0 2px 0; border:none}
#KMSContents3Html .content ul.searchList li.searchInfo01 { float:left; width:642px; border-bottom:1px dashed #e5e5e5;}

#KMSContents3Html .content ul.searchList div.KMSBoardLookAHead2{position:absolute; top:0; left:0; width:301px; height:282px; padding:7px 10px 0 10px; text-align:left; background:url(../img/kms_bg_lookahead02.gif) no-repeat;}
#KMSContents3Html .content ul.searchList div.KMSBoardLookAHead2 li {float:left; line-height:150%; border:none;}

#KMSContents3Html .content ul.searchList div.KMSBoardLookAHead3{position:absolute; top:0; left:0; width:272px; height:224px; padding:7px 10px 0 10px; text-align:left; background:url(../img/kms_bg_lookahead03.gif) no-repeat;}
#KMSContents3Html .content ul.searchList div.KMSBoardLookAHead3 li {float:left; line-height:150%; border:none;}

.KMSInput01 {background-color:#f9f9f9; border:1px solid #BACEEF; height:22px; color:#0949B2; font-size:12px; padding:4px 4px 5px 4px;}
.KMSInput02 {background-color:transparent; border:none; height:22px; color:#2C4F07; font-size:12px; padding:4px 4px 5px 4px;}

.KMSInput03 {background-color:transparent; border:none; height:22px; color:#0949B2; font-size:12px; padding:4px 4px 5px 4px;}




.KMSLayerPopupBox {position:absolute; top:0; left:0; z-index:1000; float:left; width:100%; height:100%; background-color:#FFFFFF; filter:alpha(opacity=80)}
.KMSLoginLayerBox{position:absolute; top:expression((document.body.clientHeight/2)-101); left:expression((document.body.clientWidth/2)-219); width:438px; height:202px; background:url(../img/kms_bg_loginbox01.gif)}
.KMSLoginLayerBox ul.login {list-style:none; float:left;width:300px; margin:80px 0 0 50px; text-align:left}
.KMSLoginLayerBox ul.login li.cont1 {float:left; width:38px; margin-top:6px;}
.KMSLoginLayerBox ul.login li.cont2 {float:left; width:125px; }
.KMSLoginLayerBox ul.login li.cont2 span.inputid {width:125px; }
.KMSLoginLayerBox ul.login li.cont2 span.inputpw {width:125px; }
.KMSLoginLayerBox ul.login li.cont3 {float:left; width:95px; height:45px; margin-top:1px;}


.KMSPassCheck {position:absolute; top:expression((document.body.clientHeight/2)-101); left:expression((document.body.clientWidth/2)-219); width:438px; height:202px; background:url(../img/kms_bg_password_check01.gif)}
.KMSPassCheck ul.passcheck {list-style:none; float:left;width:410px; margin:70px 0 0 10px; text-align:left}
.KMSPassCheck ul.passcheck li.name {float:left; width:80px; line-height:200%}
.KMSPassCheck ul.passcheck li.content {float:left; width:330px; line-height:200%}
.KMSPassCheck ul.passcheck li.cont2 {float:left; width:410px; margin-top:10px; text-align:center}


.KMSLoadingLayerBox{position:absolute; top:expression((document.body.clientHeight/2)-49); left:expression((document.body.clientWidth/2)-29); width:97px; height:58px;}

.KMSSiteMapBG {position:absolute; top:expression((document.body.clientHeight/2)-235); left:expression((document.body.clientWidth/2)-387); width:775px; height:470px; padding-top:70px; background:url(../img/kms_bg_sitemap01.gif)}

.KMSRSUNCID {position:absolute; top:expression((document.body.clientHeight/2)-260); left:expression((document.body.clientWidth/2)-450); width:900px; height:600px;}


#SYBody {float:left; width:100%; height:100%; background:url(../img/sy_bg_main.gif) repeat-x}
.ContentMain{float:left; width:100%; height:100%; background:url(../img/sy_bg_main.jpg) left top no-repeat;}
.Content1{float:left; width:100%; height:100%; background:url(../img/sy_bg_content1.jpg) left top no-repeat;}
.Content2{float:left; width:100%; height:100%; background:url(../img/sy_bg_content2.jpg) left bottom no-repeat;}
.Content3{float:left; width:100%; height:100%; background:url(../img/sy_bg_content3.jpg) left bottom no-repeat;}
.Content4{float:left; width:100%; height:100%; background:url(../img/sy_bg_content4.jpg) left bottom no-repeat;}
.SYLeftArea01 {float:left;width:250px; height:100%; background:url(../img/sy_bg_main_left_01_bg.gif) right repeat-y;}
.SYLeftArea01 ul {list-style:none; float:left; width:250px; height:100%; background:url(../img/sy_bg_main_left_01.gif) top right no-repeat;}
.SYLeftArea01 ul li {float:left; width:245px; height:100%; padding-left:3px; text-align:right;}

.SYLeftArea02 {float:left;width:250px; height:100%; background:url(../img/sy_bg_main_left_02_bg.gif) right repeat-y;}
.SYLeftArea02 ul {list-style:none; float:left; width:250px; height:100%; background:url(../img/sy_bg_main_left_02.gif) top right no-repeat;}
.SYLeftArea02 ul li {float:left; width:245px; height:100%; padding-left:3px; text-align:right;}

.SYLeftArea03 {float:left;width:250px; height:100%; background:url(../img/sy_bg_main_left_03_bg.gif) right repeat-y;}
.SYLeftArea03 ul {list-style:none; float:left; width:250px; height:100%; background:url(../img/sy_bg_main_left_03.gif) top right no-repeat;}
.SYLeftArea03 ul li {float:left; width:245px; height:100%; padding-left:3px; text-align:right;}

.SYLeftArea04 {float:left;width:250px; height:100%; background:url(../img/sy_bg_main_left_04_bg.gif) right repeat-y;}
.SYLeftArea04 ul {list-style:none; float:left; width:250px; height:100%; background:url(../img/sy_bg_main_left_04.gif) top right no-repeat;}
.SYLeftArea04 ul li {float:left; width:245px; height:100%; padding-left:3px; text-align:right;}

.SYRightArea{float:left; width:740px;}
.SYTopMenu { float:left; width:740px; height:31px; margin-top:29px; text-align:right;}


.SYProject01{position:absolute; top:224px; left:8px; width:271px; height:140px; padding:0; background:url(../img/sy_bg_projecting_01.gif) bottom no-repeat;}
.SYProject02{position:absolute; top:224px; left:8px; width:271px; height:140px; background:url(../img/sy_bg_projecting_02.gif) bottom no-repeat;}
.SYProject03{position:absolute; top:224px; left:8px; width:271px; height:140px; background:url(../img/sy_bg_projecting_03.gif) bottom no-repeat;}
.SYProject04{position:absolute; top:224px; left:8px; width:271px; height:140px; background:url(../img/sy_bg_projecting_04.gif) bottom no-repeat;}

.SYProject {position:absolute; top:440px; left:235px; width:300px; height:120px;}

.SYContentsView {float:left; width:740px; margin:0; padding:0;}
.SYContentsView ul{list-style:none; width:740px;}
.SYContentsView ul.main{height:355px;}
.SYContentsView li.ment{text-align:right;}

.SYLoading {position:absolute; top:200px; left:330px; z-index:5; width:438px; height:264px; background:url(../img/sy_bg_loading.gif) no-repeat; text-align:center;}
.SYProjectMain {float:left; width:730px; height:100%; text-align:right}
.SYProjectMain li.ProjectCont{margin-bottom:30px;}
.ProjectClientList {float:right; width:720px; height:388px; margin-top:11px; padding:0; background:url(../img/sy_bg_projectlist01.gif) no-repeat;}
.ProjectClientList div.list {float:left; width:300px; margin:0; padding:0; FONT-SIZE: 8pt; FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; text-align:left;}
.ProjectClientList div.list ul {float:right; width:250px; margin-top:80px;}
.ProjectClientList div.info {float:left; width:400px; margin:0; padding:0; text-align:left;}
.ProjectClientList div.info ul {float:right; width:400px; margin-top:45px;}
.ProjectClientList div.info li.logo {float:left; width:160px; height:100px; margin-top:20px; text-align:center}
.ProjectClientList div.info li.date {float:left; width:200px; height:100px; margin:5px 0 5px 33px;}
.ProjectClientList div.info li.content {float:left; width:380px; height:100px; margin:15px 0 0 5px;}
.ProjectClientList div.info li.name {float:left; width:380px; margin:27px 0 0 15px; font-size:14px; color:#669900; line-height:280%; FONT-FAMILY: "Tahoma", "Verdana", "Helvetica", dotum, sans-serif; font-weight:bold;}


.SYBottomDiv{float:left; width:100%; height:85px; margin-bottom:180px;}

.SYProjectView ul {list-style:none; float:left; width:100%; height:100%; margin-bottom:30px; text-align:left;}
.SYProjectView li.off {float:left; width:740px; height:85px; margin:3px 0 3px 0; background:url(../img/sy_bg_project_line_off.gif) right no-repeat;}
.SYProjectView li.on {float:left; width:740px; height:85px; margin:3px 0 3px 0; padding:0; background:url(../img/sy_bg_project_line_on.gif) right no-repeat;}
.SYProjectView span.logo {float:left; width:114px; height:33px; margin:7px 0 0 18px; text-align:center}
.SYProjectView span.name {float:left; width:300px; margin:10px 0 0 10px; text-align:left;}
.SYProjectView span.date {float:left; width:285px; margin:10px 0 0 0; text-align:right;}
.SYProjectView span.content {float:left; width:585px; margin:10px 0 0 10px; text-align:left;}

.SYProjectPD {float:left; width:100%; height:100%; margin:0; padding:0;}


.SYServiceMain {float:right; width:720px; height:540px; margin:0; padding:0; background:url(../img/sy_bg_service01.jpg) right bottom no-repeat;}


#SYContactUs {list-style:none; float:left; width:500px; height:100%;}
#SYContactUs li.title{float:left; width:80px; margin:3px 5px 0 0; FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 8pt; color:#9F3B93; font-weight:bold;}
#SYContactUs li.cont{float:left; width:400px; text-align:left; margin-bottom:3px; FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 8pt; color:#9F3B93;}
#SYContactUs li.btn{float:left; width:500px; text-align:center;}

#SYMessagerMain {float:left; width:230px; height:100%;}
#SYMessagerMain li {float:left; width:100%}

.QnAList {float:left; width:100%;}
.QnAList li {float:right; width:720px; border-bottom:1px solid #F3DAF0;}
.QnAList li.on {background-color:#F8F5F5;}
.QnAList li.off {background-color:transparent;}
.QnAList li span.BoardNo {float:left; width:57px; height:25px; margin-top:6px; text-align:center}
.QnAList li span.title {float:left; width:460px; height:25px; margin-top:6px; text-align:left}
.QnAList li span.name {float:left; width:83px; height:25px; margin-top:6px; text-align:left}
.QnAList li span.hit {float:left; width:40px; height:25px; margin-top:6px; text-align:center}
.QnAList li span.date {float:left; width:70px; height:25px; margin-top:6px; text-align:center}
.QnAList li.btn {border-top:2px solid #F3DAF0; border-bottom:none;}
.QnAList li.bar {border:none;}
.QnAList li.btn span.left{float:left; width:100px; margin:5px 0 0 5px; text-align:left}
.QnAList li.btn span.right{float:left; width:610px; margin-top:5px;}
.QnAList li.none {height:120px; margin-top:80px; text-align:center;}


.QnAView {float:left; width:100%; } 
.QnAView li{float:right; width:720px;}
.QnAView li.date {width:720px;}
.QnAView li.date span.left {float:left; width:420px; margin-left:5px; text-align:left;}
.QnAView li.date span.right {float:left; width:290px;}
.QnAView li.title {width:720px; height:40px; font-size:14px; line-height:280%; FONT-FAMILY: "Tahoma", "Verdana", "Helvetica", dotum, sans-serif; font-weight:bold; color:#9F3B93; text-align:center; background:url(../img/sy_bg_contact_title01.gif) no-repeat;}
.QnAView li.content {width:720px; text-align:left;}

.QnAView li.reply {width:720px; height:100px; background:url(../img/sy_bg_contact_reply01.gif) no-repeat;}
.QnAView li.answer {width:720px; height:179px; margin-top:-95px; background:url(../img/sy_bg_contact_answer01.gif) no-repeat; text-align:center}
.QnAView li.reply span.name {float:left; width:110px; margin-top:25px; text-align:right;}
.QnAView li.reply span.cont {float:left; width:515px; margin-top:4px; text-align:right;}
.QnAView li.reply span.btn {float:left; width:71px;  margin-top:39px; text-align:right;}



#SYQnAName {float:right; width:354px; height:150px; margin:50px 0 20px 0; background:url(../img/sy_bg_contact_name01.gif) right bottom no-repeat;}
.QnAView li.btn {position:relative; float:right;}
.QnAView li.btn span.left{float:left; width:100px; margin:5px 0 0 5px; text-align:left}
.QnAView li.btn span.right{float:left; width:610px; margin-top:5px;}
#SYQnAName ul{float:right; width:340px; margin-top:80px;}
#SYQnAName li.name{float:right; width:330px; FONT-FAMILY: "Tahoma", "Verdana", "Helvetica", dotum, sans-serif; font-weight:bold; text-align:left;}
#SYQnAName li.ip{float:right; width:350px; margin-top:7px; font-size:8pt; FONT-FAMILY: "Tahoma", "Verdana", "Helvetica"; color:#666666; text-align:left;}

.SYPassCheckDIV {position:absolute; top:-250px; left:100px; float:left; width:515px; height:221px; margin:0; padding:0; background:url(../img/sy_bg_contact_passcheck01.gif) no-repeat;}
.SYPassCheckDIV ul {float:left; width:100%; margin-top:75px;}
.SYPassCheckDIV li{float:left; width:512px; text-align:center; FONT-SIZE: 8pt; color:#9F3B93; font-weight:bold;}

.SYContactMainClass{float:left; width:730px; }

#SYQnA {list-style:none; float:right; width:720px;}
#SYQnA li {float:left; margin:0; padding:0;}
#SYQnA li.title {width:80px; margin:3px 5px 0 0; FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 8pt; color:#9F3B93; font-weight:bold;}
#SYQnA li.cont{width:250px; text-align:left; margin-bottom:3px; FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 8pt; color:#9F3B93;}
#SYQnA li.cont2{width:580px; text-align:left; margin-bottom:3px; FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 8pt; color:#9F3B93;}
#SYQnA li.btn{ width:720px; text-align:center;}
#SYQnA li.editerTop {width:720px; height:40px; FONT-FAMILY:  "Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 7pt; COLOR:#ECC7E7; TEXT-DECORATION: none; background:url(../img/sy_bg_contact_editer_top01.gif) right no-repeat; text-align:left;}
#SYQnA li.cont3 {width:720px; text-align:left; FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 8pt; color:#9F3B93; border:1px solid #E9DAE7; border-top:none;}
#SYQnA li.tab {width:720px; height:22px; text-align:left; margin-top:-1px;}

#SYAttached01 {float:left; width:515px; height:280px; margin:0; padding:0; background:url(../img/sy_bg_contact_attached01.gif) no-repeat;}
#SYAttached01 ul.uploadtype {float:left; width:503px; margin:17px 0 10px 0;}
#SYAttached01 ul.attachedtype {float:left; width:503px; margin:17px 0 10px 20px; text-align:left;  FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 8pt; color:#9F3B93;}

#SYAttached02 {float:left; width:515px; height:240px; margin:0; padding:0; background:url(../img/sy_bg_contact_attached02.gif) no-repeat;}
#SYAttached02 ul.uploadtype {float:left; width:503px; margin:17px 0 10px 0;}
#SYAttached02 ul.attachedtype {float:left; width:503px; margin:17px 0 10px 20px; text-align:left;  FONT-FAMILY:"Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 8pt; color:#9F3B93;}


/** KMS Font **/
body {FONT-SIZE: 9pt; COLOR: #303030; LINE-HEIGHT: 18px; FONT-FAMILY:µ¸¿ò,Dotum,AppleGothic,sans-serif; TEXT-DECORATION: none  }
.bold { font-weight:bold;}
.KMS_green, .KMS_green a:link, .KMS_green a:visited{COLOR:#669900; text-decoration:none;}
.KMS_green a:hover{COLOR:#669900;text-decoration:underline}
.KMS_orange, .KMS_orange a:link, .KMS_orange a:visited{COLOR:#FF6600; text-decoration:none;}
.KMS_orange a:hover{COLOR:#669900;text-decoration:underline}
.KMS_pink, .KMS_pink a:link, .KMS_pink a:visited{COLOR:#9F3B93; text-decoration:none;}
.KMS_pink a:hover{COLOR:#9F3B93;text-decoration:underline}
.no2  { FONT-FAMILY:  "Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 8pt; COLOR: #595959; TEXT-DECORATION: none }
.count  { FONT-FAMILY:  "Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 7pt; COLOR: #663333; TEXT-DECORATION: none;}
.KMS_blue, .KMS_blue a:link, .KMS_blue a:visited{COLOR:#0F57B8; text-decoration:none;}
.KMS_blue a:hover{COLOR:#0F57B8;text-decoration:underline}
.KMS_blue2, .KMS_blue2 a:link, .KMS_blue2 a:visited{COLOR:#0E7CC0; text-decoration:none;}
.KMS_blue2 a:hover{COLOR:#0F57B8;text-decoration:underline}
.KMS_red, .KMS_red a:link, .KMS_red a:visited{COLOR:#C00B0B; text-decoration:none;}
.KMS_red a:hover{COLOR:#C00B0B;text-decoration:underline}
.KMS_none, .KMS_none a:link, .KMS_none a:visited{COLOR:#303030; text-decoration:none;}
.KMS_none a:hover{COLOR:#000000;text-decoration:underline}
.KMS_none2, .KMS_none2 a:link, .KMS_none2 a:visited{COLOR:#303030; text-decoration:none;}
.KMS_none2 a:hover{COLOR:#0F57B8;text-decoration:underline}
.KMS_mail, .KMS_mail a:link, .KMS_mail a:visited{COLOR:#303030; text-decoration:none;}
.KMS_mail a:hover{font-weight:bold; text-decoration:underline}


/** SY Input **/
.SYInputContact {background-color:#f9f9f9; border:1px solid #E9DAE7; height:22px; color:#9F3B93; font-size:12px; padding:4 4 5 4;}
.SYInputContact2 {background-color:transparent; border:1px solid #E9DAE7; height:22px; color:#9F3B93; font-size:12px; padding:4 4 5 4;}




#lightbox{position: absolute; left: 0; width: 100%;	z-index: 1003; text-align: center; line-height: 0;}

#lightbox a img{ border: none; }

#outerImageContainer{position: relative; background-color: #ffffff;	width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;	}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: url('../img/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../img/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../img/nextlabel.gif') no-repeat right 15%; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;	background-color: #ffffff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{position:absolute;	top: 0;	left: 0; z-index: 1002;	width: 100%; height: 500px;	background-color: #000000;}