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

/* Reset */
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea{font-family:'NanumWeb','나눔고딕', '돋움', Dotum, AppleGothic, sans-serif;font-size:13px;line-height:180%; color:#555}
img	{ vertical-align:top; border:none; }

/* Common */
@font-face {
    font-family: 'NanumWeb';
    src: url('/font/NanumGothic.eot');
    src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/font/NanumGothic.woff') format('woff'),
         url('/font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.blind{display:block;overflow:hidden;*position:absolute;top:0;left:0;width:0;height:0;border:0;background:none;font-size:0;line-height:0}


/* Layout */
#header{ width:100%;position:relative; background:url(/images/common/bg_header.jpg) top center; height:79px;}
#TopMenu{position:relative;z-index:100;width:1000px;margin:0 auto;top:30px;text-align:left;}
#container{width:100%;margin:0 auto;text-align:left;}
#lnb {position:relative;width:195px;height:400px; text-align:left; margin-top:50px; float:left}
#contentWrap {position:relative; width:1000px; margin:0 auto 0 auto;text-align:left;}
#footer{width:100%; height:120px; text-align:left; border-top:1px solid #e4e1e1; border-bottom:1px solid #e4e1e1; clear:both;background-color:#f2f3f3}

/*skipnavi*/
a.skipnavi{position: absolute; text-align: center; width: 100%; display: block; left: -2000px}
a.skipnavi:hover {z-index: 55; position: absolute; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; background: #45453d 0% 50%; color: #fff; margin-left: -50%; top: 0px; padding-top: 5px; left: 50%}
a.skipnavi:focus {z-index: 55; position: absolute; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; background: #45453d 0% 50%; color: #fff; margin-left: -50%; top: 0px; padding-top: 5px; left: 50%}
a.skipnavi:active {z-index: 55; position: absolute; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; background: #45453d 0% 50%; color: #fff; margin-left: -50%; top: 0px; padding-top: 5px; left: 50%}

/* header */
#TopMenu h1 a {left:0; background-image:url(/images/common/ifive.png);background-repeat:no-repeat; display:block;width:82px;height:19px;float:left;}
#TopMenuSub		{ float:right; }
#TopMenuSub ul	{float:left;  margin:0; padding:0; list-style:none; }
#TopMenuSub ul li{ float:left; padding-left:55px; list-style:none; }
/* 서브 메뉴의 위치*/
#TopMenuSub ul li, #TopMenuSub ul li a {font-family: Verdana, Geneva, sans-serif; font-size:17px; color:#333; font-weight:bold; text-decoration:none; float:left; list-style:none;display:inline; }
#TopMenuSub ul li a:hover { color:#1caad9;}

div.history { position:relative; text-shadow: 1px 1px #FFF;}
.history li { list-style-type: none; }
.history ul li { font-size:26px; padding-left: 120px; padding-top:20px; }
.history ul ul li { font-size:13px;  padding-left: 170px; padding-top:10px;}
#historyPic2015 { position:absolute; top:100px; right:140px; background:url('/images/ifiveHistoryPic2015.png') no-repeat; height:201px; width:201px; }
#historyPic2012 { position:absolute; top:450px; right:5px;   background:url('/images/ifiveHistoryPic2012.png') no-repeat; height:201px; width:201px; }
#historyPic2010 { position:absolute; top:700px; right:60px;  background:url('/images/ifiveHistoryPic2010.png') no-repeat; height:201px; width:201px; }

/* main */
#container div.m_visual{ background:url(/images/m_visual.jpg) top center; height:685px}
#container div.m_visual div {width:1000px; margin:0 auto; padding-top:534px}
#container div.m_visual div ul {padding:0; float:left;list-style:none;}
#container div.m_visual div ul li, #container div.m_visual div ul li a {width:250px; height:143px;float:left;list-style:none;display:block; cursor:pointer}
#container div.m_visual div ul li.intro{background:url(/images/banIntroduction.gif) no-repeat; }
#container div.m_visual div ul li.intro a:hover{background:url(/images/banIntroduction_ov.gif) no-repeat}
#container div.m_visual div ul li.summary{background:url(/images/banSummary.gif) no-repeat}
#container div.m_visual div ul li.summary a:hover{background:url(/images/banSummary_ov.gif) no-repeat}
#container div.m_visual div ul li.history{background:url(/images/banHistory.gif) no-repeat}
#container div.m_visual div ul li.history a:hover{background:url(/images/banHistory_ov.gif) no-repeat}
#container div.m_visual div ul li.cs{background:url(/images/banCs.gif) no-repeat;}
#container div.m_visual div ul li.cs a:hover  {background:url(/images/banCs_ov.gif) no-repeat;}


/*footer*/
#footer h1 a {left:0; background-image:url(/images/common/ifiveFoot.gif);background-repeat:no-repeat; display:block;width:47px;height:11px;float:left;}
#footer .footer-content {position:relative; width:1000px;margin:0 auto; top:30px;text-align:left; }
#footer .footer-content .right-content {float:left;padding-left:15px;width:938px;*zoom:1;}
#footer .footer-content .right-content .info {float:left; color:#7f7f7f;font-size:11px; margin-top:-3px; line-height:160%}
#footer .footer-content .right-content .copyright {font-family:Arial;font-size:11px;margin-top:3px}

/*content*/
#container.s_visual{background:url(/images/common/sub_visual.jpg) top center no-repeat; width:100%; padding-top:20px}

#contentWrap .titCon { border-bottom:1px solid #ccc;height:32px; margin-top:203px }
#contentWrap .titCon h2 { float:left; background:url(/images/common/square.gif) left top no-repeat ;font-family: Verdana, Geneva, sans-serif;font-size:25px; color:#222; padding:0 0 10px 10px; line-height:22px;}
#contentWrap .titCon ul.navi { float:right; display:inline; list-style:none;}
#contentWrap .titCon uL.navi lI {font-family: Verdana, Geneva, sans-serif; font-size:11px; background:url(/images/common/bu_gt.gif) no-repeat 100% 10px ; float:left; padding-left:7px; padding-right:9px}
#contentWrap .titCon uL.navi lI.select {color:#14408f; font-weight:bold; background-image:none; padding-right:0}
#contentWrap .content { padding:50px 0; text-align:center}
.summary_table { width:100%; border-top:2px solid #666;}
.summary_table td { padding:7px 20px; border-bottom:1px solid #eaeaea; text-align:left;width:75%}
.summary_table td.bottom { border-bottom:1px solid #888;}
.summary_table td.tit { font-size:14px; font-weight:bold; color:#555; background-color:#f7f7f7; width:25%}