@import url(efront.css);
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');




/*메뉴수정*/
.gnb {text-align:right; z-index:1; font-family:'Noto Sans KR', sans-serif !important;}
.gnb-ul {display:inline-block; background:#f9f9f9; border-radius:20px; padding:4px 25px; margin:40px 0; border:1px solid #c0c0c0; font-size:0; width:686px; box-sizing:border-box;}
.gnb-li {display:inline-block; box-sizing:border-box; width:20%; text-align:center; position:relative;}
.gnb-li:hover .gnb-link {color:#fff; background:#181976; border-radius:20px; margin:0 12px;}
.gnb-link {font-size:14px; font-weight:700;color:#2c2c2c; display:block;}
.gnb-link.active {color:#fff; background:#181976; border-radius:20px; margin:0 12px;}


.subGnb {display:none; width:auto; position:absolute; top:34px; left:43px; z-index:1;}
.subGnb .dep02 {display:inline-block; position:relative; margin:0 auto;}
.subGnb .dep02-ul {margin:0 auto; width:633px; text-align:left;}
.subGnb .dep02-ul.company-up {width:434px;}
.subGnb .dep02-ul.stomer-up {width:205px;}
.subGnb .dep02-ul.library-up {width:170px;}
.subGnb .dep02-ul.qna-up {width:55pxpx;}


.subGnb .dep02-li {display:inline-block; vertical-align:top; text-align:left; margin:0 17px 0 0;}
.subGnb .dep02-li:last-child {margin:0;}
.subGnb .dep02-link {display:inline-block; font-size:14px; font-weight:500; color:#4d4e50; margin:0 auto;}
.subGnb .dep02-link:hover {color:#318fcf; background-position:100% center;}


.sub_title_visual {width:100%; height:238px; background-position:center; background-repeat:no-repeat; margin:-109px 0 0;}
.sub_title_visual.company_visual {background-image:url(/company/images/company-visual.jpg);}
.sub_title_visual.products_visual {background-image:url(/products/images/products-visual.jpg);}
.sub_title_visual.stomer_visual {background-image:url(/stomer/images/stomer-visual.jpg);}
.sub_title_visual.library_visual {background-image:url(/library/images/library-visual.jpg);}
.sub_title_visual.qna_visual {background-image:url(/qna/images/qna-visual.jpg);}



/*메뉴수정*/



#wrapper{position:relative; margin:0 auto;  padding:0 13px; width:974px;}
.sbg_l{position:absolute;top:0;left:-487px;z-index:0;width:50%; height:431px; background:url(/common/images/bg_sub_l.gif) no-repeat 100% 0}
.sbg_r{position:absolute;top:0;right:0;z-index:0;width:50%;height:431px; background:url(/common/images/bg_sub_r.gif) no-repeat 473px 0}


/*         index             */
.bg_l{position:absolute; top:150px; right:-800px; z-index:0; width:50%; height:500px; background:url(/common/images/bg_main_l.gif) no-repeat 100% 0}
.bg_r{position:absolute; top:0; right:0; z-index:0; width:50%; height:431px; background:url(/common/images/bg_main_r.gif) no-repeat 482px 0}


/*         index_수정         */




.bg_main{
margin:0 auto; 
width:1500px; 
height:526px; 
position:relative; top:-35px; left:-235px; z-index:-999; 
background:url(/common/images/main_bg.png) no-repeat 100% 0;
margin-bottom:-220px;
}


.simple_banner_wrap {  
width:974px;
position:relative; top:-165px; left:180px; z-index:0;   
 }

.simple_banner_wrap ul{ list-style:none; margin:0; padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.simple_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }

.simple_banner_wrap .nav_wrap{ position:absolute; top:-130px; margin-left:50px;  z-index:999; }
.simple_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; margin:0; padding:0; }
.simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:15px; height:15px; margin:0 5px; cursor:pointer;  float:left;}

.simple_banner_wrap .nav_wrap.numeral{ height:14px; line-height:14px; }
.simple_banner_wrap .nav_wrap.numeral ul li{ font-size:12px; width:14px; height:14px; text-align:center; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.numeral ul li.on{ text-decoration:underline; font-weight:bold; }

.simple_banner_wrap .nav_wrap.bullet{ height:10px; line-height:10px; }
.simple_banner_wrap .nav_wrap.bullet ul li{ 
font-size:10px; 	
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; border-radius:20px;	 
behavior: url(/common/js/border-radius.htc); 
background-color:#ccc; 
box-shadow:inset 0 0 0 1px #FFF; 
overflow:hidden; text-indent:100%; white-space:nowrap; }
.simple_banner_wrap .nav_wrap.bullet ul li.on{ box-shadow:inset 0 0 0 1px #50b7f3; 
background-color:#50b7f3; }

.quick {  
width:256px;
position:relative; top:-29px; left:0px; z-index:0;   
 }



/*         /index_수정         */


/* header(topmenu) */
.topmenu{position:absolute; top:12px; right:23px;}
.topmenu ul{overflow:hidden;}
.topmenu li{float:left; padding-left:18px; background:url(/common/images/top_menu_bound.gif); background-repeat:no-repeat; background-position:8px 0;}







.topmenu li.bg_none{background:none;}


/* header(visual) */

/* main contents */
#contents{overflow:hidden; padding:0px 0 33px 0; }
#contents:after{content:""; display:block; clear:both;}
#contents #center, #contents #business, #contents #notice{float:left;}
#contents #center{padding-right:20px;}
#contents #business{  float:left;}
#notice{position:relative; padding-left:26px; top:-15px; width:282px; background:#fff;}
#notice #news{padding-bottom:3px; border-bottom:1px solid #cdcdcd;}
#notice ul{color:#5e5e5e; padding-top:10px;}
#notice li{line-height:18px;}
#notice li a {color:#5e5e5e; text-decoration:none;}
#notice .more{position:absolute; right:0; top:5px;}
#notice .color{color:#07a120; font-weight:bold;}
#notice .right{float:right;}




/* left menu */
#leftmenu{float:left; width:181px;}


/* footer */
#footer{position:relative; width:974px; padding:23px 15px 20px 15px; background:url(/common/images/bg_foot.gif) repeat-x 0 0;}
#footer #banner{position:absolute; right:14px; top:19px; overflow:hidden;}
#footer #banner li{float:left;}




/* container.*/
#container{overflow:hidden;}
#subcontents h3{height:30px; background:url(/common/images/bg_subcontents.gif) repeat-x 0 28px;}
#subcontents{position:relative; float:right; width:759px; }
#subcontents .right{position:absolute; right:7px; top:7px; text-align:right;}
/*#subcontents span{color:#2071cc; font-weight:bold;}*/

/* table */
.board{background:url(/common/images/bg_board_bar.gif) no-repeat;}
.t_01{width:719px; margin:0 13px 0 10px;}
.t_01 thead{height:32px; line-height:32px; color:#fff;}
.t_01 td{height:30px; background:url(/common/images/bg_board_line.gif) repeat-x 0 25px;}
.t_01 .left{text-align:left; text-indent:10px;}




/*2017-02-20 수정중*/
/*navigation*/
/*#navigation{position:relative; width:974px; height:60px; background:#fff; }
.left_logo{float:left; width:194px;margin-right:80px;}

/*1차메뉴 : 메인네비게이션*/
/*.right_navi{float:left; width:700px;height:60px; z-index:9;}
.right_navi ul li.top_nav{float:left; width:20%; text-align:center; }
.right_navi ul li.top_nav > a{text-align:center; display:block;font-size:16.5px; font-weight:700; color:#333; height:20px; padding:20px 0;}


/*2차메뉴 : 서브네비게이션*/
/*#nav ul.nav1 { position: absolute; left:0; top:38px; display: none; margin: 0; padding: 0; list-style: none; height:28px;  background:#190c80;}
#nav ul.nav2 { position: absolute; left:118px; top:38px; display: none; margin: 0; padding: 0; list-style: none;height:28px;  background:#190c80;}
#nav ul.nav3 { position: absolute; left:240px; top:38px; display: none; margin: 0; padding: 0; list-style: none;height:28px;  background:#190c80;}
#nav ul.nav4{ position: absolute; right:0;  top:38px;display: none; margin: 0; padding: 0; list-style: none;  height:28px;  background:#190c80;}
#nav ul.nav5{ position: absolute; right:0;  top:38px;display: none; margin: 0; padding: 0; list-style: none;  height:28px;  background:#190c80;}
#nav ul.nav6{ position: absolute; right:0;  top:38px;display: none; margin: 0; padding: 0; list-style: none; height:28px;  background:#190c80;}
#nav ul li {float: left;  text-align: left;  padding-top:8px;}
#nav ul a { display:inline;  font-size:12px;text-transform:  uppercase; color: #ccc; font-weight:500; padding:15px;}
#nav ul a:hover { text-decoration: none;background: transparent; color: #ffcc00;}*/



/* 메인 파트너 슬라이더 */
.t_partner {
padding-bottom:10px;

}

#slideWrap{
	margin:0px auto;
	width:320px;
	height:50px;
	padding: 10px;
	background:url("./images/background.gif");// 삭제예정
	position:relative;
	float:left;
}

#slideBtn {
position:relative;
}

#slidePrev{
	position:absolute;
	top:10px;
	left:-15px;
	cursor:pointer;
}
#slideNext{
	position:absolute;
	top:10px;
	right:-20px;
	cursor:pointer;
}
#slide{
	width:100%;
	height:100%;
	overflow:hidden;
}

#slideInner ul.column{
	width:305;
	height:50px;
	list-style-type:none;
	float:left;
}
#slideInner ul.column li{
	float:left;
	margin-right:15px;
	display:inline;
}
#slideInner ul.column li img{
	border:none;
}


/* 메인 파트너 슬라이더 끝 */