﻿@charset "UTF-8";

htm {height:100%;}
body {width:100%; height:100%; margin:0; padding:0; font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:12px; color:#565656;;}
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd, blockquote {margin:0px; padding:0px; font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:12px;}
ul, ol {list-style:none;}
table, th, td {margin:0; padding:0; font-size:12px; border-collapse:collapse;}
select, input, textarea {font-size:12px; color:#232323; font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; vertical-align:top;}
fieldset {margin:0px; padding:0px; border:none;}
legend {overflow:hidden; position:absolute; visibility:hidden; height:0; width:0; font-size:0; text-align:left; line-height:0;}
a:link, a:visited, a:active {color:#232323; text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}
img {border:0px; font-size:0px;}
hr {display:none;}
col {background:none;}
.cboth {clear:both; font-size:0px;}
input.bnone {border:0; background:none;}
.hidden{text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:-10000px; left:0; }

.fl {float:left !important;}
.fr {float:right !important;}
.al {text-align:left !important;}
.ar {text-align:right;}
.at {vertical-align:top;}
.am {vertical-align:middle !important;}
.ac {text-align:center !important;}
.b {font-weight:bold;}
.nb {font-weight:normal;}
.u {text-decoration:underline;}
.nbo {border:none;}
* html .clfix {height: 1%; } /* hides from ie-mac */
.png24 {tmp:expression(setPng24(this));}
.noscriptTxt {position:absolute; top:380px; left:170px; width:670px; height:17px; padding:4px 5px 0 5px; border:1px solid #9a9a9a; color:#000; text-align:center;}

address{width:100%; font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:12px; color:#232323;}
address span{font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:12px; color:#232323;}
legend, hr, caption {overflow:hidden; position:absolute; visibility:hidden; height:0; width:0; font-size:0; text-align:left; line-height:0;}

#skipToContent a {overflow:hidden; display:block; width:0px; height:0px; /*margin-bottom:-1px;*/ text-align:center; color:#000;}
#skipToContent a:focus, #skipToContent a:active {width:auto; height:auto; /*margin-bottom:5px;*/ padding:5px; background:#e8f6fb; border:1px solid #ddd;}

/* h 태그 */
/*h1 {float:left; position:absolute; left:0; top:0; width:166px; height:36px; margin:0; padding:0; background:url(http://www.kipa.org/userdata/images_new/common/top_logo.gif) no-repeat; text-indent:-5000px; border:1px solid #ddd;}*/
h1 a {float:left; width:166px; height:36px; margin-top:6px; padding:0; background:url(http://www.kipa.org/userdata/images_new/common/top_logo.gif) no-repeat; text-indent:-5000px;}
h4.img {width:100%; margin:15px 0 10px 0; padding-left:18px; background:url(http://www.kipa.org/userdata/images_new/common/icon_h4.gif) 0 2px no-repeat;}
h4.txt {width:100%; margin:15px 0 10px 0; padding-left:18px; font-size:13px; background:url(http://www.kipa.org/userdata/images_new/common/icon_h4.gif) 0 4px no-repeat;}
h4.first {width:100%; margin:0 0 10px 0; padding-left:18px; font-size:13px; background:url(http://www.kipa.org/userdata/images_new/common/icon_h4.gif) 0 4px no-repeat;}
h4.sitemap {width:190px; height:44px; font-size:13px; margin:0; padding:0; background:none;}
h4.agree {padding:0; background:none;}
h4.supportTit {color:#006600; background:none;}
h4.articlesTit {width:100%; font-size:15px; background:none; text-align:center;}
h4.busineTit {width:100%; margin-top:30px; font-size:13px; color:#004080; background:none;}
h4.mypageTit {width:100%; height:30px;padding:0 0 0 18px; font-size:12px; color:#003366; background:url(http://www.kipa.org/userdata/images_new/sub/icon_h4_mypage.gif) 0 2px no-repeat;}

h5.tal {width:250px; margin-bottom:-5px; font-size:12px; text-align:left;}
/*h5.txt {width:100%; margin-bottom:10px; font-size:12px; font-weight:bold;}*/
h5.img {width:100%; margin:10px 0 10px 0; padding-left:20px; /*color:#2779ae;*/ font-size:12px; font-weight:bold; background:url(http://www.kipa.org/userdata/images_new/common/icon_h5.gif) 0 2px no-repeat;}
h5.txt {width:100%; margin:30px 0 10px 0; padding-left:15px; /*color:#2779ae;*/ font-size:12px; font-weight:bold; background:url(http://www.kipa.org/userdata/images_new/common/icon_h5.gif) 0 50% no-repeat; _background:url(http://www.kipa.org/userdata/images_new/common/icon_h5.gif) 0 44% no-repeat;}

.br {padding-top:20px;} 
.bn {background:none;}
.inputBtn {margin-bottom:-5px; _margin-bottom:-3px; .margin-bottom:-3px;}
.inputBas {margin-bottom:0; _margin-bottom:1px; .margin-bottom:1px; vertical-align:middle;}
.radioBtn {vertical-align:middle;}

/* 여백 */
.m10 {margin:10px;}
.m20 {margin:20px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mr5 {margin-right:5px;}
.mr15 {margin-right:15px;}
.mr100 {margin-right:100px;}
.mb5 {margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml60 {margin-left:60px;}
.mbn3 {margin-bottom:-3px;}
.mbn5 {margin-bottom:-5px;}
.ptn10 {padding-top:-10px;}

.p10 {padding:10px;}
.pt2 {padding-top:2px;}
.pt5 {padding-top:5px;}
.pt7 {padding-top:7px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pr5 {padding-right:5px;}
.pb7 {padding-bottom:7px;}
.pb4 {padding-bottom:4px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pbn3 {padding-bottom:-3px;}

/* 폰트색상 */
.txtBrown {color:#9c4600;}
.txtBlue {color:#0072c2;}
.txtBlueB {color:#095c84; font-weight:bold;}
.txtOrange {color:#ff6600;}
.txtOrange02 {color:#c9611b;}
.txtOrangeB {color:#d69200;}
.txtOrangeB02 {color:#FF6600; font-weight:bold;}
.txtRed {color:#ff3300;}
.txtRed02 {color:#c95d5d;}
.txtRed03 {color:#ff6b38;}
.txtBlueC {color:#0000ff;}
.txtBlueR {color:#5e82ac; font-weight:bold;}
.txtGray {color:#999999;}
.txtBlack {color:#000;}
.txtDBlue {color:#062766;}
.txtDskyB {color:#0b8abb; font-weight:bold;}

/* 폰트사이즈 */
.txtSize10 {font-size:10px;}
.txtSize11 {font-size:11px;}

/* input 타입 */
.inputBasic {height:auto; padding:2px 0 1px 0; border:1px solid #b5b5b5; color:#666;}
.input_check {margin:0 -1px 0 -4px; position:relative; top:-2px;}
.input50 {width:50px; height:15px; padding:2px 0 1px 0; border:1px solid #b5b5b5; color:#666;}
.input80 {width:80px; height:15px; padding:2px 0 1px 0; border:1px solid #b5b5b5; color:#666;}
.input100 {width:100px; height:15px; padding:2px 0 1px 0; border:1px solid #b5b5b5; color:#666;}
.input110 {width:110px; height:15px; padding:2px 0 1px 0; border:1px solid #c5c5c5; color:#666;}
.input120 {width:120px; height:15px; padding:2px 0 1px 0; border:1px solid #c5c5c5; color:#666;}
.input150 {width:150px; height:16px; padding:3px 0 0 3px;; border:1px solid #c5c5c5; color:#666;}
.input180 {width:180px; height:15px; padding:4px 0 0 3px; border:1px solid #c5c5c5; color:#666;}
.input200 {width:200px; height:15px; padding:2px 0 0 3px; border:1px solid #c5c5c5; color:#666;}
.input230 {width:230px; height:15px; padding:2px 0 1px 0; border:1px solid #c5c5c5; color:#666;}
.input250 {width:250px; height:15px; padding:2px 0 1px 0; border:1px solid #c5c5c5; color:#666;}
.input300 {width:300px; height:15px; padding:2px 0 1px 0; border:1px solid #c5c5c5; color:#666;}
.input350 {width:350px; height:15px; padding:2px 0 1px 0; border:1px solid #c5c5c5; color:#666;}
.input460 {width:460px; height:15px; padding:2px 0 1px 0; border:1px solid #c5c5c5; color:#666;}
.input520 {width:520px; height:15px; padding:2px 0 1px 0; border:1px solid #c5c5c5; color:#666;}
.file460 {width:460px; height:auto; margin:0 0 2px 0; padding:2px 0 0px 0; border:1px solid #c5c5c5; color:#666;}
.textarea500 {width:500px; height:50px; padding:2px 0 1px 0; border:1px solid #c5c5c5; color:#666;}

/* caption Style */
caption.view {position:absolute; visibility:visible; top:370px; width:670px; height:20px; margin-bottom:5px; padding-bottom:-10px; padding-top:10px; font-size:12px; font-weight:bold; text-align:left;}

/* quick menu */
#quick ul li {height:22px; *height:23px; margin:0; font-size:0; vertical-align:top; /*padding:5px 0;*/}

/* footer */
#footer .foot_logo {float:left;width:128px; height:80px; padding:0 0 10px 0;}
#footer .guide {float:left; width:734px; height:17px; padding:2px 0 0 6px; font-size:0; background:url(http://www.kipa.org/userdata/images_new/common/foot_menubg.gif) 0 0 no-repeat;}
#footer .guide li {float:left; padding:0 8px 0 10px; background:url(http://www.kipa.org/userdata/images_new/common/guide_divide.gif) 2px 3px no-repeat;}
#footer .guide li.guideFirst {background:none;}
#footer .foot_add {float:left;width:580px; height:60px; padding-left:0px;}
#footer .foot_add address {width:530px; height:13px; margin:15px 0 0 0;}
#footer .foot_add .copyright {width:530px; height:13px; padding-top:3px;}
#footer .versign {float:left; width:100px; height:48px; padding:10px 0 0 0;}
