@charset "utf-8";
@import url("common.css");
@import url("layout.css");

/* 작성일 : 2015-06 */
/* PUBLISHER Yoonsungchul yoonsc@midasit.com */

/* Main Page 
******************************************/  
  .mainVisual {width:100%; height:350px; position:relative; line-height:0;}
  .mainVisual ul li.slide { height:350px;}
  .mainVisual ul.slick-dots {text-align:center; position:absolute; bottom:25px; overflow:hidden; width:100%;}
  .mainVisual ul.slick-dots li { display:inline-block; margin-left:10px;}
  .mainVisual ul.slick-dots li:first-child { margin-left:0;}
  .mainVisual ul.slick-dots li button {width:10px; height:10px; display:inline-block; background:url(../img/main/slide_off.png) no-repeat 0 0; border:0; text-indent:-9999em; cursor:pointer;}
  .mainVisual ul.slick-dots li.slick-active button {background:url(../img/main/slide_on.png) no-repeat 0 0;}
  
  .biz_fnList { clear:both; width:980px; margin:0 auto;}
  .biz_fnList ul { overflow:hidden;}
  .biz_fnList ul li { float:left; width:20%;}
  .biz_fnList ul li a { display:block; height:90px; line-height:90px; text-align:left; padding-left:30px; color:#fff; font-size:13px; border-right:1px solid #424a64;}  
  .biz_fnList ul li.list01 a {background:#2c3552 url(../img/main/ico_biz_util01.png) no-repeat 122px center;}
  .biz_fnList ul li.list02 a {background:#2c3552 url(../img/main/ico_biz_util02.png) no-repeat 122px center;}
  .biz_fnList ul li.list03 a {background:#2c3552 url(../img/main/ico_biz_util03.png) no-repeat 122px center;}
  .biz_fnList ul li.list04 a {background:#2c3552 url(../img/main/ico_biz_util04.png) no-repeat 122px center;}
  .biz_fnList ul li.list05 a {background:#2c3552 url(../img/main/ico_biz_util05.png) no-repeat 122px center;}
  .biz_fnList ul li a.on {background-color:#1a1f31 !important;}
  
  .article_sec { overflow:hidden; width:980px; margin:20px auto 0; padding-bottom:30px;}
  .article_sec .articleList { float:left; margin:0 0 15px 15px; height:190px; width:315px; font-size:12px;}
  .article_sec .articleList strong { font-weight:normal;}
  .article_sec .articleList.bn_notice { background:url(../img/main/bg_banner_sec01.gif) no-repeat 0 50px; margin-left:0;}    
  
  
  /* 공지사항 */
  	.bn_notice { position:relative;}
	.bn_notice ul.mNoticeTab {width:240px; overflow:hidden; height:180px;}
	.bn_notice ul.mNoticeTab > li { float:left;}
	.bn_notice ul.mNoticeTab > li > a {
		background:url(../img/main/noticetab0_off.gif) no-repeat; 
		display: block; 
		height:51px; 
		overflow: hidden; 
		line-height:51px; 
		text-align:center; 
		font-size:14px; 
		color:#7a7879; 
		font-family:NanumBarunGothic-Bold;
		}
	.bn_notice ul.mNoticeTab > li.on > a {background:url(../img/main/noticetab0_on.gif) no-repeat; color:#231f20; }	
	.bn_notice ul.mNoticeTab > li > a.mem10 { background-position: 0 0; width:100px;}
	.bn_notice ul.mNoticeTab > li > a.mem20 { background-position: -100px 0; width:99px;}  
	.bn_notice ul.mNoticeTab li .conbox { position:absolute; left:0; padding:20px; height:90px; clear:both; display:none;}	
	.bn_notice ul.mNoticeTab li.menu2 .conbox {}
	.bn_notice ul.mNoticeTab li.on div.conbox {display:block;}
	.bn_notice ul.mNoticeTab li button { text-indent:-9999em; width:50px; height:25px; border:0; position:absolute; left:265px; top:13px; display:none; background:url(../img/main/btn_more.gif) no-repeat 0 0; cursor:pointer;}
	.bn_notice ul.mNoticeTab li.on button {display:block;}
	.bn_notice ul.mNoticeTab li div.conbox ul li { margin-bottom:8px;}
	.bn_notice ul.mNoticeTab li div.conbox ul li dl { display:table; overflow:hidden;}
	.bn_notice ul.mNoticeTab li div.conbox ul li dl dt {display:table-cell; width:80%; word-break:nowrap;}
	.bn_notice ul.mNoticeTab li div.conbox ul li dl dd {display:table-cell; width:20%; color:#959595; font-size:11px;}
  
  /* 사업실적 */  
  .article_sec .articleList.bn_biz { background:url(../img/main/bg_banner_sec02.jpg) no-repeat 0 0; width:280px; position:relative; padding:20px; height:150px;}
  .bn_biz h2 { font-size:16px; font-family: 'NanumBarunGothic-Bold'; font-weight:normal; color:#231f20; height:40px;}
  .bn_biz > ul.bizSlider > li {}
  .bn_biz p.tit { margin-bottom:10px; height: 25px; overflow: hidden;}
  .bn_biz p.tit span { display: inline-block; padding: 5px 15px; margin-right: 10px; color: #fff; background: #376e55;}
  .bn_biz p.tit span.color-1 {background: #13789b;}
  .bn_biz p.tit span.color-2 {background: #376e55;}
  .bn_biz p.tit span.color-4 {background: #69457a;}
  .bn_biz p.tit span.color-5 { background: #376e55;}
  .bn_biz .slick-list, .bn_biz .slick-slider { position:static;}
  .bn_biz .recentBiz {position:relative; padding-left:130px; height:80px;}
  .bn_biz .recentBiz p.txt { margin-bottom:5px; line-height:18px; height:18px;}
  .bn_biz .recentBiz span { position:absolute; left:0; top:0;}
  .bn_biz .recentBiz span img {width:120px; height:80px;}
  .bn_biz ul.slick-dots {position:absolute; top:20px; overflow:hidden; right:20px;}
  .bn_biz ul.slick-dots li { display:inline-block; margin-left:10px;}
  .bn_biz ul.slick-dots li:first-child { margin-left:0;}
  .bn_biz ul.slick-dots li button {width:10px; height:10px; display:inline-block; background:url(../img/main/slide_off.png) no-repeat 0 0; border:0; text-indent:-9999em; cursor:pointer;}
  .bn_biz ul.slick-dots li.slick-active button {background:url(../img/main/slide_on.png) no-repeat 0 0;}
    
  /* 수상실적 */  
  .article_sec .articleList.bn_prize { background:url(../img/main/bg_banner_sec03.jpg) no-repeat 0 0; width:275px; padding:20px; height:150px;}
  .bn_prize h2 { font-size:16px; font-family: 'NanumBarunGothic-Bold'; font-weight:normal; color:#231f20; height:40px; position:relative;}
  .bn_prize h2 a {display:block; position:absolute; right:0; top:0; width:50px; height:25px; text-indent:-9999em; background:url(../img/main/btn_more2.gif) no-repeat 0 0;}
  .bn_prize p.txt { padding:10px 0 0 100px; line-height:18px;} 
  
  /* 고객문의 */
  .article_sec .articleList.bn_contact {background:url(../img/main/bg_banner_sec04.gif) no-repeat 0 0; margin-left:0;}
  .bn_contact h2 { background:#c92a5d; height:40px; line-height:40px; color:#fff; font-size:16px; font-family: 'NanumBarunGothic-Bold'; font-weight:normal; padding-left:20px;}
  .bn_contact .banner_con { padding:17px; padding-right:0;}
  .bn_contact .contactList { overflow:hidden; margin-left:-3px;}
  .bn_contact .contactList li {float:left; margin-left:3px;}
  .bn_contact .contactList li a {width:90px; height:51px; display:block; background:#f5f5f5; border:1px solid #e1e1e1; padding-top:15px; text-align:center; font-family: 'NanumBarunGothic-Bold'; color:#231f20; line-height:18px;}
  .bn_contact .contactList li:first-child a {padding-top:25px; height:41px;}
  .bn_contact .contactList li a.on {background:url(../img/main/bg_banner_util_on.gif) repeat 0 0; color:#fff; border:1px solid #655657;}
  .bn_contact .banner_con p { line-height:18px; padding:10px 10px 10px 0; color:#464646;}
  
  /* 고객문의 */
  .article_sec .articleList.bn_story {background:url(../img/main/bg_banner_sec04.gif) no-repeat 0 0; width:320px;}
  .bn_story h2 { background:#2c3552; height:40px; line-height:40px; color:#fff; font-size:16px; font-family: 'NanumBarunGothic-Bold'; font-weight:normal; padding-left:20px;}
  .bn_story .storyCon {  background:url(../img/main/banner_con_img.jpg) no-repeat 0 0; height:150px; position:relative;}
  .bn_story .storyCon p { line-height:18px; padding:19px 120px 0 25px; color:#464646;}
  .bn_story .storyCon span { position:absolute; left:265px; top:20px;}

  /* Quick LInk */
  .article_sec .articleList.bn_quick { background:url(../img/main/bg_banner_sec06.jpg) no-repeat 0 0; position:relative;}
  .bn_quick h2 { background:#655659; height:40px; line-height:40px; color:#fff; font-size:16px; font-family: 'NanumBarunGothic-Bold'; font-weight:normal; padding-left:20px;}
  .bn_quick .quickList { overflow:hidden; position:absolute; left:148px; top:75px; margin-top:-15px;}
  .bn_quick .quickList li { margin-top:10px;}
  .bn_quick .quickList li a { display:block; width:147px; height:46px; background:url(../img/main/banner_btn_on.png) no-repeat 0 0; text-indent:-9999em;}
  .bn_quick .quickList li a.on {background:url(../img/main/banner_btn_on.png) no-repeat 0 0;}
  .bn_quick .quickList li.list01 a {background-position:0 0;}
  .bn_quick .quickList li.list02 a {background-position:0 -54px;}

/* Main Layer Pop */
  .popupLayerIn {background:#2c3552; padding:10px; position:absolute;}
  .pop_wrap {position:relative;}
  .pop_wrap span.close_x {position:absolute; top:20px; right:20px; display:block;}
  .popClose {padding-top:3px; text-align:right;}
  .popClose span {}
  .popClose * {vertical-align:middle;}