@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}
body {  font-family:"돋움", Arial, Verdana; font-size:12px; color:#333333; }

.png24 {
   tmp:expression(setPng24(this));
}

img { border:none;}
A { text-decoration:none; color:#555 }
INPUT {margin:0;  vertical-align:middle; height:22px; border:1px solid #b6b6b6; color:#555;}
input[type=checkbox] {  border:0px solid red; }

SELECT {  vertical-align:middle;  margin:0;  border:1px solid #b6b6b6; color:#555; height:22px; }
INPUT.noline { border:none; }

.nobg { background:none !important; }
.noRp { padding-right:0 !important; }
.noLp { padding-left:0 !important; }
.noLm { margin-left:0 !important; }
.noLm { margin-right:0 !important; }

/*  top   */


#topwrap2 { width:100%; min-width:980px; height:100px;}
#topwrap2 .topbox { width:980px; margin:0 auto; position:relative; height:100px;}
#topwrap2 .logo { position:absolute; width:191px; height:53px; top:35px; left:0; }
/* 2015.02.09 mgkim 세션유효시간 알림 및 연장 기능 */
#topwrap2 .loginTimer { position:absolute; width:225px;/*  height:25px; */ top:10px; left:260px; line-height:23px; text-align:center; vertical-align:middle; border: 2px solid #d1d1d1; background-color:#f5f5f5;}
#topwrap2 .loginTimer .timer { color: #e90202; font-weight: bold; font-size: 11pt; }
#topwrap2 UL.snb {position:absolute; top:10px; right:0;}
#topwrap2 UL.snb LI { display:inline; text-align:center; cursor: pointer;}
#topwrap2 UL.snb LI IMG { vertical-align:middle; }
#topwrap2 UL.gnb {position:absolute; bottom:10px; right:0px; }
#topwrap2 UL.gnb LI { display:inline; margin-left:40px; cursor: pointer; }

/* 2013.11.12 by jhoh : 김용섭과장님 소스 적용 start */
#contents {
    margin:0 auto;
    width:100%;
    height:622px;
    position:relative; 
    background:url(../../images/fpis2013/main/main_bg.jpg) repeat-x center top;
}
.contents_top{
    margin:0 auto;
    width:980px;
    height:220px;
    position:relative; 
}

.shinho{
    position:relative;
    float:right;
    width:120px;
    margin-top:0px;
    padding-right:280px;
}


.inwrap { margin:0 auto; width:967px; height:180px; vertical-align: middle;}
.contbox { float:left; width:350px;  height:174px; margin-left:10px; padding-left:10px; background: url(../../images/fpis2013/main/faq_bg.png) no-repeat right;}
.contbox .head { border-bottom:1px solid #2957A2; width:320px;  height:24px; margin:20px 50px 16px 10px; position:relative; text-align: center;}
.contbox .head SPAN { float:left; }
.contbox .head SPAN.more { float:right;  }
.contbox .head UL { position:absolute; top:-3px; left:0; }
.contbox .head UL LI { display:inline; margin:0; padding:0; }

.contbox DT { font-weight:bold; color:#444; padding-bottom:10px; width:97%; margin:0 auto; text-align:left; margin-left: 10px;}
.contbox DD { color:#666; line-height:16px; width:97%; float:left; padding-left:4px; padding-bottom:2px; text-align:left; margin-left: 10px;}
.contbox DD SPAN { color:#999; float:right; padding-right:6px; text-align:left;}

.contbox_call { float:left; width:221px; margin-top:40px; padding-left:10px;} 
.contbox_call P{ margin-top:10px; }
.contents_banner {
    margin:0 auto;
    width:980px;
    height:222px;
    position:relative; 
    text-align:center;
    background:url(../../images/fpis2013/main/main_car_bg.gif) no-repeat top center;
    z-index:3; position:absolute; top:-3px;
}
/* 2013.11.12 by jhoh : 김용섭과장님 소스 적용 end */

/*  main visual  */
#visuwrap2 { background:url(/images/fpis3/main_visu_bg.gif) repeat-x; height:263px; width:100%;}
#visuwrap2 .visubox { position:relative; width:1041px; height:263px; margin:0 auto; }
#visuwrap2 .visual{ background:url(/images/fpis3/main_visu.gif) no-repeat top center; width:100%; min-width:980px; height:266px;  z-index:3; position:absolute; top:-3px; }

/*  MAIN  CONT01  */

#servicewrap2 { width:100%; background:url(/images/fpis3/main_conbg01.gif) repeat-x; height:137px; }
.inwrap { margin:0 auto; width:980px; }

#servicewrap2 .sevice { float:left; background:url(/images/fpis3/main_seline.gif) no-repeat right; height:97px; padding:20px 30px; }
#servicewrap2 .sevice P { margin-bottom:10px; }
#servicewrap2 .sevice LI { display:inline; }


/*  MAIN  CONT02  */
#contwrap2 { background:url(/images/fpis3/main_conbg02.gif) repeat-x top; height:179px; width:100%; _margin-top:-4px; *zoom:1 }
#contwrap2:after { content:""; clear:both; display:block; } 
/*.contbox { float:left; width:310px;  height:179px; margin-right:50px; }
.contbox .head { border-bottom:1px solid #cfcecf; width:310px;  height:24px; margin:20px 0 16px 0; position:relative; }
.contbox .head SPAN { float:left; }
.contbox .head SPAN.more { float:right;  }
.contbox .head UL { position:absolute; top:-3px; left:0; }
.contbox .head UL LI { display:inline; margin:0; padding:0; }

.contbox DT { font-weight:bold; color:#444; padding-bottom:8px; width:97%; margin:0 auto; }
.contbox DD { color:#666; line-height:16px; width:97%; float:left; padding-left:4px; }
.contbox DD SPAN { color:#999; float:right; padding-right:6px; }

.contbox_call { float:left; width:219px; padding-top:40px; } 
.contbox_call P{ margin-top:10px; }*/




/*  FOOTER  */
#bnrwrap2 { padding-top:10px; }
#bnrwrap2 .bnrbox { margin:0 auto; position:relative; width:980px; text-align:center; }
#bnrwrap2 .bnrbox IMG { margin:0 8.5px; }/*2013.08.27 by jhoh : 관련기간 링크수정 14 => 8.5*/


#footwrap2 { position:relative; min-width:980px; clear:both; width:100%; border-top:1px solid #dadada; padding:10px 0; margin:8px 0; height:60px;  }
#footwrap2 .footbox { margin:0 auto; position:relative; width:980px;  }
#footwrap2 .logo { position:absolute; left:0; top:10px; }
#footwrap2 .logo2 { position:absolute; left:180px; top:10px; }/* 2014.11.17 mgkim 안행부 배너 요청 추가 */
#footwrap2 .copy { position:absolute; right:10px; top:30px; }
#footwrap2 .call { position:absolute; right:10px; top:50px; }
#footwrap2 UL.fnb { position:absolute; top:10px; right:0; cursor: pointer;}
#footwrap2 UL.fnb LI { display:inline; padding:0 8px; }
#footwrap2 UL.fnb LI IMG { vertical-align:middle; }


/* 툴팁 추가 - 2022.01.18 suhyun */
span.tooltip {
    display:none;
    float:left;
    background-color:#CCC;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#000;
    padding:3px 10px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width:150px;
    font-size:12px;
    font-style:italic;
    position:absolute;
    margin:0 0 0 10px;
}

span.tooltipArrow {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-right-color: #CCC;
    top: 5px;
    left: -12px;
}