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


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* font-family: 'Nanum Gothic', sans-serif;*/

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* font-family: 'Nanum Myeongjo', serif; */

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* font-family: 'Noto Sans KR', sans-serif; */

body {
	height: 100%;
	width:100%;
	min-width:980px;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	font-family: "맑은고딕", 'Malgun Gothic', 돋움, Dotum, AppleGothic, sans-serif;
	color:#575757;
	/*overflow-y:scroll;*/
}

form, p, blockquote, dl, dd, dt, h1, ul, li, a, h2, h3, h4 {margin:0;padding: 0;}
ul, li, ol {list-style:none;margin:0px;padding:0px;}
fieldset{margin:0; padding:0; border:0}
img, input {vertical-align:middle;}
img {vertical-align:middle; border: 0 none;}
caption{visibility:hidden;position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;line-height:0}
.ready { text-align: center; margin: 100px 0 ; }

/*LINK*/
a { text-decoration: none; color: #000; }
a, area {outline:none; selector-dummy:expression(this.hideFocus=true);}
:focus {-moz-outline-style:none;}

#wrap { width: 100%; }
#header { width: 100%; background:url(../images/common/bg_header.gif) repeat-x top; border-bottom: 1px solid #ccc; }
#topArea { width: 1060px; margin: 0 auto; height: 135px; position: relative; }
#topArea #logo { position: absolute; left:0px; top: 47px; }
#topArea .util { position: absolute; top:0; right:0; }
#topArea .util li {float:left;}

/* gnb */
#naviGroup .menu { position:absolute; top:61px; left:278px; z-index:9999; float: left; }
#naviGroup .menu ul li{ float: left; position: relative; height: 150px; }

#naviGroup .menu ul.smenu { display:none; position:absolute; top:45px; left: 30px; z-index:9999; }
#naviGroup .menu ul.smenu li.somenu {width:140px; float:left; z-index:9999; height: auto; text-align: center; }
#naviGroup .menu ul.smenu li.somenu {border-top:0px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
#naviGroup .menu ul.smenu li.somenu:first-child { border:1px solid #cccccc; }
#naviGroup .menu ul.smenu li.somenu a { display:block; padding:10px 10px;; color:#666666; text-decoration:none;  background-color:#fff; font-size:12px; }
#naviGroup .menu ul.smenu li.somenu a:hover {background: #4d9ed2; color: #fff; font-weight: bold;}
/*#naviGroup .menu ul#smenu_05 { left: 0px; }*/
/* visual */
.mainVisu { width:100%; height: 450px; background:url(../images/main/mainVisu2.jpg) no-repeat center center; }	

/*section*/
.notice_bg { width: 100%; background:url(../images/main/bg_noti.gif) no-repeat center center; height: 50px; }
.notice_bg .notice { width: 1060px; margin: 0 auto; overflow: hidden; }
.notice_bg .notice .icon { float: left; margin-right: 47px; margin-top: 10px; }
.notice_bg .notice .tit { float: left; margin-right: 100px; margin-top: 15px;}
.notice_bg .notice .con { float: left; width: 817px; margin-top: 17px;}

.quick_bg { width: 100%; height: 281px; padding-top: 49px; background:url(../images/main/bg_quick.gif) no-repeat center center; }
.quick_bg .quick { width:1060px; margin: 0 auto; overflow: hidden; }
.quick_bg .pro { float: left; width: 530px; }
.quick_bg .pro .con { overflow: hidden; }
.quick_bg .pro .con .left_con { float:left; margin-top: 20px;}
.quick_bg .pro .con .left_con .more { margin-top: 32px; }
.quick_bg .pro .con .img { float:left; 	margin-left: 52px; width: 252px;}
.quick_bg .lib { float: left; width: 225px; padding: 0 20px; }
.quick_bg .lib .tit_area { overflow: hidden; }
.quick_bg .lib .tit_area .tit { float: left; }
.quick_bg .lib .tit_area .more { float: right; }
.quick_bg .lib .con { margin-top: 30px; }
.quick_bg .cus { float: left; width: 245px; padding-left: 20px; }
.quick_bg .cus .con { margin-top: 18px; }
.quick_bg .cus .location { margin-top: 11px; }


/* container */ 
#container { width: 100%; }
.subVisu { width: 100%; height: 180px; }

.visu_com { background:url(../images/company/subVisu.jpg) no-repeat center center;  }
.visu_pro { background:url(../images/product/subVisu.jpg) no-repeat center center;  }
.visu_lib { background:url(../images/lib/subVisu.jpg) no-repeat center center;  }
.visu_cus { background:url(../images/customer/subVisu.jpg) no-repeat center center;  }

.menulist { width: 100%; background: #eee; height: 30px; border-bottom: 1px solid #ccc; }
.menulist .util { width: 1060px; margin: 0 auto; overflow: hidden; }
.menulist .util li { float: left; height: 30px; line-height: 30px; font-family: 'Nanum Gothic'; padding-right: 24px; padding-left: 5px; background: url(../images/common/bg_util.png) no-repeat right center; }
.menulist .util li.home { padding-left: 22px; background:url(../images/common/icon_home.png) no-repeat left center; }

.conWrap { width: 1060px; margin: 0 auto; overflow: hidden; background:url(../images/common/bg_conWrap.gif) repeat-y; }

.conWrap .submenu #subNav .subTitle { width: 228px; font-family: 'Nanum Gothic'; height: 107px; text-indent: 20px; padding: 0 1px; line-height: 107px; font-size: 30px; color: #111; }
.conWrap .submenu { float: left; width: 228px; overflow: hidden; padding: 0 1px; }
.conWrap .submenu #subNav li a{ display: block; font-size: 16px; width: 228px; height: 50px; text-indent:38px; line-height: 50px; background:url(../images/common/left_off.gif) no-repeat left bottom; font-family: 'Nanum Gothic'; color:#666; }
.conWrap .submenu #subNav li a:hover , .conWrap .submenu #subNav li a.on { color: #fff; background:url(../images/common/left_over.gif) no-repeat; }
 
.conWrap .conArea { float: left; width: 770px; margin-left: 60px; }
.conWrap .conArea .titleArea { width: 770px; height:107px; line-height: 99px; background:url(../images/common/bg_title.gif) no-repeat left 72px;  }
.conWrap .conArea .titleArea .title { float: left; font-size:30px; color: #333; font-family: 'Nanum Gothic'; }


.content { margin-top: 50px; min-height: 500px; margin-bottom: 50px; }

/* message */

.content .message { width: 770px; background: url(../images/company/com_bg.jpg) no-repeat right 85px; }
.content .message .txt1 { font-family: 'Noto Sans KR'; font-size: 30px; color: #004ea2; }
.content .message .txt2 { font-size: 16px; color: #666; line-height: 25px; font-family: 'Noto Sans KR'; margin-top:35px; }
.content .message .txt2 .b{ color: #333; font-weight: bold; }
.content .message .txt3 { font-family: 'Noto Sans KR'; font-size: 20px; color: #004ea2; margin-top:35px; }

.content .message .sign { text-align: right; margin-top:10px; }

/* 인증서 */
.content .certi { overflow: hidden; }
.content .certi li { float: left; margin-right: 30px; margin-bottom: 30px; }
.content .certi li.end { margin-right: 0; }
.content .certi li p { font-size: 14px; text-align: center; margin-top: 10px; font-family: 'Noto Sans KR'; }

/* 오시는길 */
.ad_txt {
	font-size: 20px;	
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 200%;
	font-weight: bold;
}

.ad_txt2 {
	font-size: 16px;	
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 150%;
}
.red{ color:#e30413;}
.green { color: #4f7153; }
.orange { color: #d35400; }
.blue { color: #2980b9; }

/* 사업분야 */

.product .tap { overflow: hidden; }
.product .tap li { float: left; }
.product .tap li a { display: block; font-size: 20px; text-align: center; color: #666; line-height:48px; border: 1px solid #ccc; border-right:0; width: 191px; height: 48px;}
.product .tap li.end { border-right: 1px solid #ccc; }
.product .tap li.on a { background:url(../images/product/bg_tap.gif) center center; text-align: center; color: #fff; } 

.product .mb { margin-bottom: 50px; }


.product .pro_con .tit_pic { text-align: center; }
.product .pro_con .tit_pic img.tit { margin: 50px 0 30px; }
.product .pro_con .pro_tit { font-size: 20px; font-family: 'Noto Sans KR'; padding-left: 22px; background:url(../images/product/bg_tit.gif) no-repeat left 6px; font-weight: bold; margin-top: 50px; }
.product .pro_con .pic { margin-top: 15px; }
.product .pro_con .name_img { text-align: center; margin: 20px 0; }

.product .pro_con table.pro_table01 { border-top: 1px solid #2089b9; border-bottom: 1px solid #2089b9; }
.product .pro_con table.pro_table01 th { border-right: 2px solid #2089b9; width: 158px; }
.product .pro_con table.pro_table01 td { padding: 13px 0; font-size:14px; padding-left: 20px; }
.product .pro_con table.pro_table01 td.br { width: 73px; border-right: 1px solid #2089b9; text-align: center; padding-left: 0;}
.product .pro_con table.pro_table01 th, .product .pro_con table.pro_table01 td { border-top: 1px solid #2089b9; }
.product .pro_con table.pro_table01 .end th, .product .pro_con table.pro_table01 .end td { border-bottom: 1px solid #2089b9; }
.product .pro_con table.pro_table01 .bg { background: #ddf2ff; }

.product .pro_con table.pro_table02 { margin-top: 15px; }
.product .pro_con table.pro_table02 th { border-right:0; width: 158px; padding: 13px 0; }
.product .pro_con table.pro_table02 th.br { border-right: 1px solid #2089b9; border-top: 2px solid #2089b9; }
.product .pro_con table.pro_table02 th.bt { border-top: 2px solid #2089b9; }
.product .pro_con table.pro_table02 td { padding: 13px 0; font-size:14px; text-align: center; border-right: 1px solid #2089b9; border-bottom: 1px solid #2089b9; }
.product .pro_con table.pro_table02 td.br { border-right: 0; }
.product .pro_con table.pro_table02 th, .product .pro_con table.pro_table01 td { border-top: 1px solid #2089b9; }
.product .pro_con table.pro_table02 .end th, .product .pro_con table.pro_table01 .end td { border-bottom: 1px solid #2089b9; }
.product .pro_con table.pro_table02 td.wh { border:0; width:1px; padding:0; background: #fff; }
.product .pro_con table.pro_table02 .nl { border-right: 0; }
.product .pro_con table.pro_table02 .bb { border-bottom: 2px solid #2089b9; }
.product .pro_con table.pro_table02 th.bb { border-bottom: 2px solid #2089b9; }
.product .pro_con table.pro_table02 .bg { background: #ddf2ff; }
.product .pro_con table.pro_table02 .bg2 { background: #3498db; color: #fff; }

.product .pro_con table.pro_table03 { margin-top: 15px; border-top: 1px solid #2089b9; border-bottom: 1px solid #2089b9; }
.product .pro_con table.pro_table03 th { border-right: 2px solid #2089b9; width: 158px; border-top: 1px solid #2089b9; }
.product .pro_con table.pro_table03 td { padding: 13px 0; font-size:14px; padding-left: 20px; border-top: 1px solid #2089b9;  }
.product .pro_con table.pro_table03 .end th, .product .pro_con table.pro_table03 .end td { border-bottom: 1px solid #2089b9; }
.product .pro_con table.pro_table03 td.bold { text-align: center; font-weight:bold; color: #2098b9; }

.product .pro_con th { font-size: 14px; color: #fff; background:#479dd4; }

.product .pro_con .pro_txt { text-align: center; font-size: 16px; font-family: 'Noto Sans KR'; color: #333; margin:20px 0; font-weight:bold; }
.product .pro_con .img_tit { text-align: center; font-size: 14px; font-family: 'Noto Sans KR'; color: #2980b9; margin-bottom: 10px; }

.soft { width: 100%; padding: 30px 0; background: #f4f4f4; overflow: hidden; }
.soft .left_con { float:left; width: 304px; border-right: 3px dotted #ccc; font-size: 16px; padding: 20px 0; margin-left: 30px; }
.soft .left_con .color { color: #3498db; display: inline-block; width: 140px; font-weight: bold; }
.soft .right_con { float: left; width: 304px; font-size: 16px; line-height: 30px; margin-left: 30px; padding: 20px 0; }


/* 테이블 */


.info_table {
    border-color: #1d489a #cccccc #cccccc;
    border-style: solid;
    border-width: 2px 1px 1px;
}

.info_table caption { font-size: 16px; font-weight: bold; padding-bottom: 10px; color: #75542e; }

.info_table th {
    background: #155eb1 none repeat scroll 0 0;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 0 10px;
	font-size: 16px;
}

.info_table td {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    color: #555;
    line-height: 24px;
    padding: 5px 5px 5px 10px ;
    text-align: center;
	font-size: 14px;
}

.info_table td.left { text-align: left; }
.result_table .info_table td {font-size:14px; }


/* footer */
#footer { clear: both; width: 100%; height: 99px; border-top: 1px solid #ccc; background:#f4f4f4; }
#footer .wrap { width: 1060px; margin: 0 auto; }
#footer .wrap .copyright p { margin-top:30px; font-family:"맑은 고딕",'Malgun Gothic'; font-size: 13px; color: #333; }
#footer .wrap .copyright small{ font-family:"맑은 고딕",'Malgun Gothic'; font-size: 13px; color: #333; }

.b { font-weight: bold; !important}
.ml { margin-left: 18px; margin-right: 5px; }
.mt50 { margin-top: 50px; !important}
.mt40 { margin-top: 40px; !important}
.mt35 { margin-top: 35px; !important}
.mt30 { margin-top: 30px; !important}
.mt25 { margin-top: 25px; !important}
.mt20 { margin-top: 20px; !important}
.mt15 { margin-top: 15px; !important}
.ml40 { margin-left: 40px; !important}
.ml20 { margin-left: 20px; !important}
.cen { text-align: center; }!important	
.right { text-align: right; !important}
.ls { letter-spacing: -0.01em; !important}
.ls2 { letter-spacing: -0.08em; !important}