@charset "utf-8";
@import url('base.css');

/*layOut*/
.headerWrap {height:80px; border-bottom:2px solid #0f2656;}
.headerWrap .header {width:1050px; margin:0 auto;}

#inner_navi{width:1050px; height:33px; margin:0 auto; background:#fff; z-index:300;}
#inner_navi .logo{width:200px; height:80px; float:left; background:#0f2656; }
#inner_navi .logo a {display:block; width:200px; height:57px; text-align:center; padding-top:23px;}
#inner_navi .top_navi{float:right; display:inline-block; width:610px; z-index:999999; margin-top:35px;}
#inner_navi .top_navi ul:after{display:block; clear:both; content:'';}
#inner_navi .top_navi ul li{float:left;}
#inner_navi .top_navi ul li a{font-size:16px; font-weight:700; color:#444; padding:0 30px; letter-spacing:-0.04em; background:url('../images/bar_gnb.png') right 4px no-repeat;}
#inner_navi .top_navi ul li.last>a {padding-right:0px; background:none;}
#inner_navi .top_navi ul li a:hover{color:#0f2656; }
#inner_navi .snb {position:absolute; top:82px; left:0; width:100%; height:300px; font-weight:500; display:none; overflow:hidden; background:#fff; z-index:999; border-bottom:1px solid #dedede;}
.inner_snb{width:1050px; margin:0 auto;}
.r_snbs{float:right; width:1050px;}
.r_snbs > .snbs{float:right; margin-right:7px;}
.r_snbs > .snbs ul {float:left; width:121.45px;font-weight:500;}
.r_snbs > .snbs ul:nth-child(2){width:121.45px;}
.r_snbs > .snbs ul:nth-child(3){width:136.21px;}
.r_snbs > .snbs ul:nth-child(4){width:106.09px;}
.r_snbs > .snbs ul:nth-child(5){width:117.45px;}
.r_snbs > .snbs ul li {width:100%; overflow:hidden; opacity: 1; text-align:center;}
.r_snbs > .snbs ul li a {display:block; overflow:hidden; font-size:14px; text-decoration:none; color: #0f0f0f; letter-spacing:-0.07em; line-height:1.5; padding:10px 3px;}
.r_snbs > .snbs ul li a:hover {background-color:#0f2656; color:#fff}

.sub_menu {width:1048px; height:40px; background:#0f2656; margin:0 auto; position:relative; top:-140px;}
.sub_menu ul.reamian {padding:0 150px;}
.sub_menu ul.business {padding:0 390px;}
.sub_menu ul.portfolio {padding:0 110px;}
.sub_menu ul.library {padding:0 470px;}
.sub_menu ul.service {padding:0 380px;}
.sub_menu ul:after {display:block; content:''; clear:both;}
.sub_menu ul li {float:left;}
.sub_menu ul li a {display:block; font-size:14px; font-weight:500; color:#fff; line-height:40px; padding:0 33px; letter-spacing:-0.04em; background:url('../images/bar_lnb.png') right 13px no-repeat;}
.sub_menu ul li:last-child a {background:none;}
.sub_menu ul li.on {background:#fff; border-top:2px solid #0f2656;}
.sub_menu ul li.on a {color:#0f2656; background:none;}

.visualWrap .visual {height:650px;}

.main_ani { overflow:hidden; position:relative; width:100%; height: 650px; z-index:-1;}
.slider_panel { width:100%; height:650px; position:relative;}
.slider_image { position: absolute; left:0; top:0; width: 100%; height:650px; opacity:0;}

.slider_panel .img1 {background:url('../images/bg_v1.jpg') center top no-repeat;}
.slider_panel .img2 {background:url('../images/bg_v2.jpg') center top no-repeat;}
.slider_panel .img3 {background:url('../images/bg_v3.jpg') center top no-repeat;}

.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 650px; }

.slider_text_panel .txt1 .text11 { position: absolute; left: 50%; margin-left:-525px; top: 230px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text12 { position: absolute; left: 50%; margin-left:-525px; top: 300px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text21 { position: absolute; left: 50%; margin-left:-525px; top: 230px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text22 { position: absolute; left: 50%; margin-left:-525px; top: 300px; opacity: 0;  filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text31 { position: absolute; left: 50%; margin-left:-525px; top: 240px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text32 { position: absolute; left: 50%; margin-left:-525px; top: 300px; opacity: 0; filter: alpha(opacity=0); }

.control_panel { position:absolute; overflow:hidden; z-index:10; left:50%; margin-left:-20px; margin-top:-95px;}
.control_panel .control_button {width:16px; height:16px; position:relative; float:left; cursor:pointer; display:inline-block; margin-right:4px; background:#0f2656; }
.control_panel .control_button.active {width:12px; height:12px; background:#ffffff; border:2px solid #0f2656;}







.contentWrap {background:#f4f5f6; border-top:1px solid #dedede;}
.contentWrap .content {width:1050px; height:185px; margin:0 auto; padding-top:50px;}
.contentWrap .content .noticeWrap {width: 370px; float:left;}
.contentWrap .content .noticeWrap>h2 {color:#034eb0; font-size:16px; letter-spacing:-0.06em; font-weight:bold;}
.contentWrap .content .noticeWrap>.notice>table {margin-top:15px;}
.contentWrap .content .noticeWrap>.notice>table td {padding:2px 0;}
.contentWrap .content .pfWrap {width: 630px; float:left; margin-left:50px;}
.contentWrap .content .pfWrap>h2 {color:#034eb0; font-size:16px; letter-spacing:-0.06em; font-weight:bold;}
.contentWrap .content .pfWrap>.pf>table {margin-top:15px;}

.contentWrap .content .pfWrap>.pf>table td {width:130px; text-align:center;}
.contentWrap .content .pfWrap>.pf>table td a {font-size:12px; letter-spacing:-0.06em;}


.footerWrap {background:#363636;}
.footerWrap .footer {width:1050px; height:150px; margin:0 auto;}
.footerWrap .footer>ul {position:relative; width:140px; padding-top:30px; left:50%; margin-left:-70px;}
.footerWrap .footer>ul>li {float:left;}
.footerWrap .footer>ul>li>a {color:#eaeaec;}
.footerWrap .footer>ul>li>span {padding:0 10px; color:#919191; font-size:10px;}
.footerWrap .footer>p {clear:both; text-align:center; padding-top:15px; color:#959595;}
.footerWrap .footer>p>span {padding:0 10px; color:#919191; font-size:10px;}

.subWrap {background:#f2f2f2;}
.subWrap .sv {height:245px; background:url('../images/sv.jpg') center top no-repeat; padding-top:95px;}
.subWrap .sv h2 {width:1050px; margin:0 auto; font-size:30px; line-height:30px; height:30px; letter-spacing:-0.09em; color:#0f2656;}
.subWrap .sv p {width:1050px; margin:0 auto; font-size:15px; line-height:35px; height:35px;  letter-spacing:-0.08em;}
.subWrap .sub {min-height:600px; width:988px; padding:10px 30px; background:#fff; margin:0 auto; position:relative; top:-140px; border:1px solid #ddd; border-top:0px;}
.subWrap .sub .path {border-bottom:1px solid #ddd; font-size:13px; line-height:40px; height:40px; text-align:right; letter-spacing:-0.06em;}
.subWrap .sub .path strong {color:#0f2656;}
.subWrap .sub>h3 {font-size:30px; font-weight:bold; letter-spacing:-0.06em; line-height:90px; height:90px; color:#0f2656;} 
.subWrap .sub .textBox {padding-bottom:60px;}
.subWrap .sub .textBox p {line-height:22px; font-size:13px; letter-spacing:-0.06em; text-align:justify;}

.subWrap .sub .ceoBg {padding-left:480px; background:url('../../reamian/images/bg_ceo.jpg') left top no-repeat;}
.subWrap .sub .ceoBg>h3  {font-size:18px; font-weight:bold; letter-spacing:-0.06em; line-height:60px; height:60px; color:#0f2656;} 
.subWrap .sub .intro p {text-align:center; height:170px; padding-top:30px; font-size:16px; line-height:30px; color:#444; background:url('../../reamian/images/bg_intro.jpg') center top no-repeat;}
.subWrap .sub .intro p span {color:#0f2656; font-weight:bold;}

.subWrap .sub .historyTitle {min-height:500px; background:url('../../reamian/images/bg_history.jpg') right bottom no-repeat;}
.subWrap .sub .historyTitle p {margin-left:120px; font-size:13px; letter-spacing:-0.06em; margin-top:15px;}
.subWrap .sub .historyTitle h4 {margin-left:120px; font-size:17px; letter-spacing:-0.06em; margin-top:8px; line-height:140%; font-weight:bold; color:#0ab3d1;}
.subWrap .sub .historyTitle table { margin-top:50px;}
.subWrap .sub .historyTitle table th {font-size:16px; letter-spacing:-0.06em; font-weight:bold; width:100px; text-align:left; padding-left:120px;}
.subWrap .sub .historyTitle table td {font-size:13px; letter-spacing:-0.06em; padding:7px 0px;}

table.license {margin-top:20px;}
table.license td {text-align:center; vertical-align:top; padding-top:8px;}
table.license td img {width:180px;}

div.customoverlay {background:#fff; border:2px solid #ddd;  width:200px; padding:10px;}
div.customoverlay h4 {font-size:13px; color:#1b598e; letter-spacing:-0.06em; font-weight:bold; text-align:center;}
div.customoverlay span {font-size:11px; color:#666; letter-spacing:-0.06em; line-height:13px; font-weight:bold; text-align:center; display:block;}

dl.business2 {width:900px; height:900px; margin:0 auto;}
dl.business2 dt{float:left; width:300px; height:300px; overflow:hidden;}
dl.business2 dt img {width:300px;}
dl.business2 dd{float:left; width:270px; height:270px; overflow:hidden; background:#eee; padding-top:30px; padding-left:30px;}
dl.business2 dd h3 {font-size:18px; letter-spacing:-0.06em; font-weight:bold; color:#333; line-height:25px; height:25px; padding-top:7px; background:url('../../business/images/bull_h4.gif') left top no-repeat; }
dl.business2 dd h4 {margin-top:35px; font-size:15px; letter-spacing:-0.06em; font-weight:bold; color:#0c58bf; }
dl.business2 dd ul {margin-top:10px;}
dl.business2 dd ul li {letter-spacing:-0.06em; line-height:190%;}




.map .map_img {margin-bottom:20px;}
.map tr {height:50px; border:1px solid #ddd;}
.map th {color:#fff; font-size:13px; background:#0f2656; width:120px;}
.map td {padding-left:30px;}