@charset "euc-kr";
@charset "utf-8";
*+html {overflow-x:hidden; overflow-y:auto; } /* ie7.0*/
html {
scrollbar-highlight-color: #BCBCBC;
scrollbar-shadow-color: #BCBCBC;
scrollbar-arrow-color: #BCBCBC;
scrollbar-face-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #F2F2F2;
}
img {border:0;padding:0;margin:0;vertical-align:top;}
li {list-style:none;font-family:돋움, Dotum, Arial, sans-serif; margin:0px; padding:0px;}
img,a { border:0;selector-dummy:expression(this.hideFocus=true); } /* 링크 점선 없애기 */
table { border-collapse:collapse ; font-size:12px; color: #555555; line-height:21px;}
h1 ,h2, h3, p, div {margin:0px; padding:0px; font-size:12px;}
input {border:expression((this.type=='radio'||this.type=='checkbox')?'0':'1px solid #bcd6ed');}
input {font-family: 돋움; font-size: 12px; color: #555555; border:1px #bcd6ed solid; height:20px; padding-left:5px; padding-top:3px;}
textarea {font-family: 돋움; font-size: 12px; color: #555555; border:1px #bcd6ed solid; padding:10px;}
.scroll {
background:#f9f9f9;
border:3px solid #E1E1E1;
padding:15px;
overflow:auto;
scrollbar-arrow-color:#D3D3D3;
scrollbar-3dlight-color:#F8F8F8;
scrollbar-darkshadow-color:#F8F8F8;
scrollbar-face-color:#F8F8F8;
scrollbar-highlight-color:#E1E1E1;
scrollbar-shadow-color:#E1E1E1;
scrollbar-track-color:#F8F8F8;
margin-left:25px;
}
/*********** Layout 2008.07.15 Jeon JIn Young ***********/
html, body { width:950px; height:100%; margin: 0; padding: 0; font-size:12px; color:#555555;}
#Top {
height: 255px;
position: relative;
z-index: 1;
}
#body {
min-height: 100%;
margin-top: -255px;
margin-bottom:-100px;
}
* html #body {height: 100%;}
#LeftArea {float:left; padding:275px 0px 100px 20px; height:100%;}
#LeftArea ul {margin:0; padding:0; text-align:right;}
#LeftArea li { width:170px; border-bottom:1px #e5e5e5 solid; padding-bottom:7px; margin-bottom:7px; padding-right:15px;}
#ContArea {float:left; padding: 275px 0px 100px 45px; font-family:돋움,Dotum; line-height:21px; width:700px;}
#ContArea .tab01 {margin-left:20px;}
#ContArea .tab02 {margin-left:35px;}
#ContArea ul {padding:0; margin-left:35px;}
#ContArea li { background:url(../img/common/li_line.gif) 0 9px no-repeat; padding-left:10px;}
#ContArea .tab {
background:url(../img/common/tab_bg.gif) repeat-x left top;
width:600px;
height:30px;
margin-bottom:20px;
line-height:0px;
font-size:0px; }
#ContArea .tab li {float:left; margin:0; padding:0; }
#Footer {
clear:both;
height:100px;
width:910px;
margin-top:40px;
margin-left:40px;
border-top:1px #e5e5e5 solid;
}
/* Main */
.mainTab {background:url(../img/main/tab_bg.gif) repeat-x; height:23px; width:333px;}
.li { background:url(../img/main/li_gray.gif) 7px 9px no-repeat; padding-left:15px;}
/* 개인*/
#Personal {float:left; padding: 275px 0px 100px 45px; font-family:돋움,Dotum; line-height:21px; width:700px;}
#Personal h1 {background:url(../img/personal/bu_h1.gif) 0 2px no-repeat; padding-left:21px; margin-bottom:25px;}
#Personal .tab {background:url(../img/personal/tab_bg.gif) repeat-x left top; height:30px; margin-bottom:20px; line-height:0px; font-size:0px; }
#Personal .tab li {float:left; margin:0; padding:0; }
#Personal .txt {margin-left:20px; margin-bottom:25px;}
#Personal .txt01 {margin-left:30px; margin-top:30px;}
#Personal .txt02 {margin-left:20px; background:url(../img/personal/bg_img.gif) right bottom no-repeat; height:370px;}
#Personal .txt_bg {margin-left:20px; background:url(../img/personal/txt_bg.gif) top center no-repeat;}
/* 개인 컨텐츠 테이블 */
.table01 {background-color:#c7e7bb; border-top:1px #76ba25 solid; border-bottom:1px #76ba25 solid; width:655px; margin-left:20px;}
.table01 th {color:#2c9012; background-color:#eff9eb; font-weight:bold; font-size:12px; line-height:17px; padding-top:6px; padding-bottom:4px; text-align:left; padding-left:10px; width:110px;}
.table01 td {color:#555555; background-color:#ffffff; font-size:12px; line-height:17px; padding-top:6px; padding-bottom:4px; text-align:left; padding-left:10px;}
.table01 td.bg {color:#555555; background-color:#f8faf5; font-size:12px; line-height:17px; padding-top:6px; padding-bottom:4px; text-align:left; padding-left:10px;}
/* 기업 */
#Kiup {float:left; padding: 275px 0px 100px 45px; font-family:돋움,Dotum; line-height:21px; width:700px;}
#Kiup h1 {background:url(../img/kiup/bu_h1.gif) 0 2px no-repeat; padding-left:21px; margin-bottom:25px;}
#Kiup .tab {background:url(../img/kiup/tab_bg.gif) repeat-x left top; height:30px; margin-bottom:20px; line-height:0px; font-size:0px; }
#Kiup .tab li {float:left; margin:0; padding:0; }
#Kiup .txt {margin-left:20px; margin-bottom:25px;}
#Kiup .txt01 {margin-top:30px; text-align:center; width:715px;}
#Kiup .txt02 {margin-top:20px; margin-left:60px; width:560px;}
#box_blue {background:url(../img/kiup/box_blue.gif) no-repeat; width:715px; height:69px; padding:15px;}
#box_blue .list{background:url(../img/kiup/bu_gray.gif) 0 8px no-repeat; padding-left:10px;}
#box_blue a:link, #box_blue a:visited {color:#55555;}
#box_blue a:active, #box_blue a:hover {text-decoration:none; color:#555555; font-weight:bold;}
/* 기업 컨텐츠 테이블 */
.table02 {background-color:#bbe1e7; border-top:1px #1f97a9 solid; border-bottom:1px #1f97a9 solid; width:655px;}
.table02 th {color:#117d8d; background-color:#ebf7f9; font-weight:bold; font-size:12px; padding-top:6px; padding-bottom:4px;}
.table02 td {color:#555555; background-color:#ffffff; font-size:12px; line-height:17px; padding-top:6px; padding-bottom:4px; text-align:center;}
.table02 tr.bg {color:#555555; background-color:#f5fafb; font-size:12px; line-height:17px; padding-top:6px; padding-bottom:4px; text-align:center;}
#Info {float:left; padding: 275px 0px 100px 45px; font-family:돋움,Dotum; line-height:21px; width:700px;}
#Info h1 {background:url(../img/bu_h1.gif) 0 2px no-repeat; padding-left:21px; margin-bottom:25px;}
#Info .tab {background:url(../img/personal/tab_bg.gif) repeat-x left top; height:30px; margin-bottom:20px; line-height:0px; font-size:0px; }
#Info .tab li {float:left; margin:0; padding:0; }
#Info .txt {margin-left:20px; margin-bottom:25px;}
/* 담당자 컨텐츠 테이블 */
.table03 {background-color:#bbc4e7; border-top:1px #5368bd solid; border-bottom:1px #5368bd solid; width:655px;}
.table03 th {color:#555555; background-color:#eceefa; font-weight:bold; font-size:12px; padding-top:8px; padding-bottom:6px;}
.table03 td {color:#555555; background-color:#ffffff; font-size:12px; line-height:17px; padding-top:8px; padding-bottom:6px; text-align:center;}
.table03 tr.bg {color:#555555; background-color:#f5f6fb; font-size:12px; line-height:17px; padding-top:8px; padding-bottom:6px; text-align:center;}
/* 도입사례 컨텐츠 테이블 */
.table04 {background-color:#badee2; border-top:1px #1f97a9 solid; border-bottom:1px #1f97a9 solid; width:655px;}
.table04 th {color:#555555; background-color:#ecf7fa; font-weight:bold; font-size:12px; padding-top:8px; padding-bottom:6px;}
.table04 td {color:#555555; background-color:#ffffff; font-size:12px; line-height:17px; padding-top:8px; padding-bottom:6px; text-align:center;}
.table04 tr.bg {color:#555555; background-color:#f5fafb; font-size:12px; line-height:17px; padding-top:8px; padding-bottom:6px; text-align:center;}
/*사이트맵 */
#Sitemap ul {margin:0; padding:0; padding-left:3px;}
#Sitemap li {background:url(../img/common/dotline.gif) repeat-x left bottom; padding-top:7px; padding-bottom:7px; width:160px; padding-left:10px;}
#Sitemap li.noline {background:url(../img/common/blank.gif) left top; padding-left:10px;}
/*********** Layout 2008.07.15 Jeon JIn Young ***********/
/* 기본 CSS */
.ac {text-align:center !important;}
.at {vertical-align:top !important;}
.ab {vertical-align:bottom;}
.ar {text-align:right !important;}
.al {text-align:left !important;}
.u {text-decoration:underline}
.vat { vertical-align:top !important; }
.vam { vertical-align:middle; margin-top:-1px;}
.vab { vertical-align:bottom; }
.in_btn {margin-top:2px; margin-left:6px; vertical-align:top;} /* input + 버튼*/
.tx_btn {margin-top:-1px; margin-left:6px; vertical-align:middle;} /* txt + 버튼*/
.in_tx { height:17px; display:inline-block; padding-top:3px; margin-left:5px; font-size:11px; }
.tx_ex { font-size:11px; margin-top:5px; }
.input1 { border:1px solid #DDDAD5; height:15px; padding:3px 0 0 5px; }
.input2 { border:1px solid #DDDAD5; height:15px; padding:3px 5px 0 0; text-align:right; } /* 금액일 경우 */
.input_off { border:1px solid #DDDAD5; background:#E9E9E9; height:16px; padding:3px 2px 0 3px; } /* input 비활성화 */
.radio { margin:-1px 3px -1px 0px; width:13px; }
.chk { margin:-2px 3px -1px 0;border:none; width:13px; } /* 버튼 + 체크박스 */
.hand { cursor:pointer;}
.fr {float:right}
.fl {float:left}
.cl {clear:both}
.nor { font-weight:normal !important; }
.bor0 { border:0px !important; }
.brdno { border-bottom:none !important; margin-bottom:-10px !important; }
.rel {position:relative;}
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
.sp0 { letter-spacing:0px !important;}
.wk { word-break:keep-all;}
.cal_img { vertical-align:middle; margin-top:-5px;}
/**** 마진값 : 특별한 경우를 제외하고 인라인 처리 ***/
.m0 { margin:0px !important; }
.mT1 { margin-top:1px !important; }
.mT3 { margin-top:3px !important; }
.mT5 { margin-top:5px !important; }
.mT7 { margin-top:7px !important; }
.pT5 { padding-top:5px !important; }
.mT15 { margin-top:15px !important; }
.mT20{ margin-top:20px !important; }
.mT25 { margin-top:25px !important; }
.mB3 { margin-bottom:3px !important; }
.mB15 { margin-bottom:15px !important; }
.mB25 { margin-bottom:25px !important; }
.mL3 { margin-left:3px !important; }
.pL10 { padding-left:10px !important; }
.mL20 { margin-left:20px !important; }
.mR30 { margin-right:30px !important; }
/********** 폰트칼라 ***********/
.org { color:#FF5400;}
.grn {color:#137CA5}
.d_gray { color: #333; }
.b_gray { color: #444; }
.bule { color:#80A1B2}
/************ 폰트 사이즈 ************/
.t11 { font-size:11px; }
A, A:link, A:visited {color:#444;text-decoration:none; }
A:hover {color:#1d77c2;text-decoration:underline; }
/********** 타이틀 ************/
h1 {background:url(../img/common/bu_h1.gif) 0 2px no-repeat; padding-left:21px; margin-bottom:25px;} /* 공통 타이틀 */
h2 { color:0653a1; font-weight:bold; margin-left:20px; margin-bottom:10px;}
.linemap { margin-bottom:-20px; text-align:right; color:#777777;}
.linemapOn { margin-bottom:-20px; text-align:right; color:#212121;}
/* 점선 */
.dotlinex {background:url(../img/common/dotline.gif) repeat-x left top; width:680px; margin-top:20px !important; padding-bottom:10px;}
.skylinex { border-bottom:1px solid #bbd6ed; height:5px;}
.txtLine { border-bottom:1px solid #DEDEDE; margin-bottom:17px; padding-bottom:15px;}
/*************** 버튼 *************************/
/* 테이블 밑 버튼 위치 */
.btnpn {text-align:center; margin-top:20px;} /*Page*/
#btnbt { border-top:1px solid #DEDEDE; padding-top:7px; }
.btn { margin-top:7px; display: block; text-align:center; margin-top:15px;}
.btnR { margin-top:7px; display: block; text-align:right; padding-right:10px; width:631px; margin-bottom:25px;}
.btn .l { float:left; text-align:center; width:570px; }
.btn .r { float:right; text-align:right; padding-right:20px;}
.btn:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.btn {display: inline-block;}
.btn {display: block;}
/************* board ************/
#Board01 {width:631px;}
#Board01 .top {background:url(../img/common/box01_top.gif) bottom no-repeat; height:6px;}
#Board01 .con {border-left:2px solid #1d77c2; border-right:2px solid #1d77c2; padding:5px 15px;}
#Board01 .lef {padding-left:10px;}
#Board01 .bot {background:url(../img/common/box01_bot.gif) no-repeat; height:6px;}
#Board02 {width:631px;}
#Board02 .top {background:url(../img/common/box02_top.gif) bottom no-repeat; height:6px;}
#Board02 .con {border-left:1px solid #1d77c2; border-right:1px solid #1d77c2; padding:20px 20px 30px 25px;}
#Board02 .lef {padding-left:10px;}
#Board02 .bot {background:url(../img/common/box02_bot.gif) no-repeat; height:6px;}
#List {width:631px; border-bottom:1px solid #1d77c2;}
#List .no {width:76px; border-bottom:1px solid #bbd6ed; color:#02509e; font-weight:bold; text-align:center;}
#List .title {width:305px; border-bottom:1px solid #bbd6ed; padding-left:10px; padding-top:4px;}
#List .writer {width:91px; border-bottom:1px solid #bbd6ed; text-align:center;}
#List .date {border-bottom:1px solid #bbd6ed; text-align:center;}
#List .line {width:1px; border-bottom:1px solid #bbd6ed;}
#List .lineNO {border-bottom:1px solid #FFFFFF;}
#Write {width:631px;}
#Write .boxtab { background:url(../img/common/boxtab_bg.gif) repeat-x; height:34px; width:631px;}
#Write .box {border-left:2px solid #1d77c2; border-right:2px solid #1d77c2; width:631px;}
#Write .date {border-bottom:1px solid #bbd6ed; text-align:center;}
#Write .line {width:1px; border-bottom:1px solid #bbd6ed;}
#Write .lineNO {border-bottom:1px solid #FFFFFF;}
#Prev {border-top:1px solid #1d77c2; border-bottom:1px solid #bbd6ed; height:32px; width:631px;}
#Prev .tit {padding-left:25px; float:left; margin-top:8px; width:80px;}
#Prev .txt {margin-left:15px; float:left; margin-top:5px;}
#Next {border-bottom:1px solid #1d77c2; height:32px; width:631px;}
#Next .tit {padding-left:25px; float:left; margin-top:8px; width:80px;}
#Next .txt {margin-left:15px; float:left; margin-top:5px;}
/* 아이핀 장점 2009.07.06 Jeon jin young Add */
.ipin_menu {background:url(/ipin3/img/common/menu00.gif) no-repeat; width:302px; height:368px; padding-top:110px; padding-left:25px;}