@charset "utf-8";

/* 회사소개 */
#information{width:980px; height:auto; margin-bottom:30px; }
/*.mapbox{width:939px; height:500px; padding:1px 0 1px 1px; margin:0 20px; background:url("https://img.nanoomi.co.kr/renewal/information/contact_us_bg.png") no-repeat;}*/
.mapbox{width:939px; height:500px; padding:1px 0 1px 1px; margin:0 20px; text-align: center;}
/*.mapbox .inmap{width:660px; height:503px; padding-right:279px;}*/
.mapbox .inmap{width:900px; height:500px;}
#information .readybox{width:990px; height:auto;}
#information .readybox h3{width:auto; height:13px; padding-bottom:5px;}
#information .readybox .txtbox{width:970px; height:auto; padding:10px; border-top:2px solid #3577cb; border-bottom:1px solid #3577cb; line-height:145%; margin-bottom:25px; background:#fff;}
#information .readybox .txtbox table{width:500px; height:auto; border-collapse:collapse; border-spacing:0; margin-bottom:10px;}
#information .readybox .txtbox table tr th{width:250px; height:25px; vertical-align:middle; border-bottom:1px solid #dedede; border-top:1px solid #dedede; text-align:center; background:#fafafa;}
#information .readybox .txtbox table tr td{width:240px; height:25px; text-align:left; padding-left:10px; vertical-align:middle; border-bottom:1px solid #dedede; text-align:center; background:#fff;}
#information .readybox .txtbox a{color:#555; padding:2px; border:1px solid #dedede; background:#fafafa; line-height:175%;}
#information .service{width:990px; height:auto;}
#information .service h3{width:auto; height:13px; padding-bottom:10px; padding-top:30px;}
#information .service .bank{width:990px; border-top:2px solid #4990d8; border-bottom:1px solid #4990d8; background:#fff; margin-bottom:20px;} 
#information .service .bank .top{width:990px; height:80px; border-bottom:1px solid #dedede;}
#information .service .bank .top span{float:left; height:60px; padding:10px 0; text-align:center; border-right:1px solid #dedede; line-height:175%;}
#information .service .bank .top span img{vertical-align:middle;}
#information .service .bank .top .left{width:80px; border-right:1px solid #dedede; text-align:center; background:#fafafa; padding-left:20px; text-align:left;}
#information .service .bank .top .right{border-right:1px solid #fafafa; text-align:left; padding-left:30px;}
#information .service .bank .top .right strong{color:#282828;}
#information .service .bank .bottom{width:9900px; height:32px; border-bottom:1px solid #dedede;}
#information .service .bank .bottom span{float:left; height:12px; padding:10px 0; text-align:center;}
#information .service .bank .bottom .left{width:80px; border-right:1px solid #dedede; text-align:center; background:#fafafa; padding-left:20px; text-align:left;}
#information .service .bank .bottom .right{border-right:1px solid #fafafa; text-align:left; padding-left:30px;}
#information .ratiotitle{width:730px; height:22px; padding:10px 5px 5px 5px; border-bottom:1px solid #dedede; margin-bottom:15px;}
#information .ratiotitle h1{float:left; width:380px; height:18px; font-size:18px; font-weight:bold;}
#information .ratiotitle .pbtn{float:left; width:350px; height:22px; font-size:18px; text-align:right;}
#information .ratiotab{width:970px; height:60px; margin:15px 5px; padding-top:15px; }
#information .ratio{width:950px; height:auto; padding:5px 15px; background:#fff; }
#information .ratio h3{width:950px; height:14px; padding-top:10px; padding-bottom:30px; border-bottom:1px solid #3477cb; font-size:23px; color:#437cc2;}
#information .ratio table{width:950px; height:auto; border-collapse:collapse; border-spacing:0; margin-top:5px; margin-bottom:5px; border-top:1px solid #004f9c; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff;}
#information .ratio table tr th{height:28px; border-right:1px solid #ccc; background:#f5f5f5; color:#004f9c;}
#information .ratio table tr th.last{height:28px; border-right:0px solid #ccc;}
#information .ratio table tr td{height:28px; border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
#information .ratio table tr td.blank{height:1px; border-right:0px solid #ccc; border-top:0px solid #ccc; text-align:center; background:#fff;}
#information .ratio table tr td.last{height:28px; border-top:1px solid #ccc; border-right:0px solid #ccc;}
#information .ratio strong{color:#cc3333;}
#information .ratio strong.black{color:#282828;}
#information .ratio .txtbox{width:930px; padding:9px; border:1px solid #dedede;}



#provision {width: 1200px; margin:0 auto; margin-top: 0px;}
#provision h2 {color:#444444; font-size: 30px;}
#provision .pro_txt {margin-top: 30px;}
#provision .pro_txt .pro_mtxt {color:#1faee4; font-size: 15px; font-weight: 550;}
#provision .pro_txt .pro_ctxt  {border:1px solid #ccc; padding:20px 20px 20px 20px; margin-top: 10px;  border-radius:5px 5px 5px 5px; line-height: 25px;}
#provision .pro_ltxt {height:30px; background:#ddd ;margin-top:30px;}

#container_menual { border: 1px solid #1faee4; padding: 12px; margin: 6px 0; }
#container_menual:after {content :''; display: block; clear:both;}
#hwpDetailCanvas {width: 800px; height: 690px; overflow: auto; float: left;}
#videoCanvas { float:right; }
#videoCanvas iframe {display:block; width:360px; height:160px;}
