@charset utf-8;
.util_r{
	text-align: right; 

}
.function_t{
	top:55px;
	right:50px;
	color:#b2b2b2;
	font-size:1em;
	position:absolute;

}
.function_t p{
	color:#b2b2b2;
	font-size:1em;

}
.function_t a:link	{color:#b2b2b2; text-decoration:none}
.function_t a:visited	{color:#b2b2b2; text-decoration:none}
.function_t a:hover	{color:#b2b2b2; text-decoration:none}
.function_t a:active	{color:#b2b2b2; text-decoration:none}

#contents{float:none !important;width:auto !important;max-width:none}
.visual{background:#fff;position:relative;}
.visual > img {max-width:100%}
.cont1{padding:55px 0 60px 0;max-width:960px;margin:auto;overflow:hidden}
.cont1 > div {width:394px;position:relative;padding-bottom:140px}
.cont1 > div h2{font-size:22px;letter-spacing:-0.5px;color:#333;font-weight:bold}
.cont1 > div .sub_title{font-size:17px;letter-spacing:-0.5px;color:#e50030;margin-top:14px;font-weight:bold;}

.cont1 > div .cont{margin-top:10px;font-size:15px;color:#333;}
.cont1 .industry > a,
.cont1 .business > a{display:block;}
.cont2{padding:56px 0 58px 0;background:#242c37}
.cont2 > div{max-width:960px;margin:auto;overflow:hidden}
.cont2 h2{position:relative;text-align:center}
.cont2 h2 .title{display:inline-block;padding:0px 30px;font-size:16px;background:#fafafa;letter-spacing:-1px;line-height:20px}
.cont2 h2 .title strong{color:#333;font-size:18px}
.cont2 h2 .title i{font-style:normal;}
.cont2 .solution_list{overflow:hidden;margin-top:45px}
.cont2 .solution_list li{float:left;width:25%}
.cont2 .solution_list li > a{padding:83px 15px 0;display:block;text-align:center}
.cont2 .solution_list li > a strong{display:block;font-size:13px;color:#333}
.cont2 .solution_list li > a p{margin-top:15px;display:block}
.cont2 .solution_list li > a p > span{display:block;}
.cont2 .solution_list li.list1 a{background:url(../img/main/img_solution2.gif) no-repeat center top}



.visual_inner{max-width:1200px;margin:0 auto;position:relative;z-index:5;}

.visual_inner .visual_txt{position:absolute;top:25%;left:0;width:100%;}
.visual_inner .visual_txt h2{font-size:22px;color:#7e7d7d;font-weight:700;margin:0 0 18px 0; letter-spacing:5px;}
.visual_inner .visual_txt p{font-size:16px;color:#b5b5b5;font-weight:normal;letter-spacing:4px;width:40%;margin:0 0 0 5px;}
.visual_inner .mobile_only{display:none;}

/* Visual Pager */
.visual_pager{position:absolute;bottom:20px;left:50%;width:960px;z-index:10;margin:0 0 0 -465px;}
.visual_pager .bx-pager {text-align:left;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;}
.visual_pager .bx-pager.bx-default-pager a {background: url(../img/main/visual_dot.png) no-repeat -23px 0;text-indent: -9999px;display: block;width: 12px;height: 12px;margin: 0 5px;outline: 0;}
.visual_pager .bx-pager.bx-default-pager a:hover,
.visual_pager .bx-pager.bx-default-pager a.active{background-position:0 0;}
.visual_pager .bx-pager-item,
.visual_pager .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.visual_pager .bx-pager-item {font-size: 0;line-height: 0;}

.visual_controls{position:absolute;bottom:20px;left:50%;z-index:30;width:29px;height:29px;margin:0 0 0 -445px;}
.bx-controls-auto{display:inline-block;}
.visual_controls .bx-start{width:29px;height:29px;background: url(../img/main/bg_visual_controls.png) no-repeat -102px 0;text-indent:-9999px;vertical-align:bottom;margin:0;display:inline-block;}
.visual_controls .bx-stop{width:29px;height:29px;background: url(../img/main/bg_visual_controls.png) no-repeat -34px 0;text-indent:-9999px;vertical-align:bottom;margin:0;display:inline-block;}
.visual_controls .bx-stop.on{background: url(../img/main/bg_visual_controls.png) no-repeat -102px 0;}

.visual_next_prev{position:absolute;bottom:20px;left:50%;z-index:15;width:140px;height:29px;margin:0 0 0 -480px;}
.visual_next_prev .bx-prev{width:29px;height:29px;background: url(../img/main/bg_visual_controls.png) no-repeat 0 0;text-indent:-9999px;vertical-align:bottom;margin:0;display:inline-block;position:absolute;top:0;left:0;}
.visual_next_prev .bx-next{width:29px;height:29px;background: url(../img/main/bg_visual_controls.png) no-repeat -68px 0;text-indent:-9999px;vertical-align:bottom;margin:0;display:inline-block;position:absolute;top:0;left:70px;}

.visual_next_prev .bx-prev:focus,
.visual_next_prev .bx-next:focus,
.visual_controls .bx-start:focus,
.visual_controls .bx-stop:focus{outline:0px dotted #000;}

/* 메인*/
.pr_center{max-width:960px;margin:0 auto;padding:56px 0 60px 0;overflow:hidden;}
.pr_center .news{float:left;width:46%;position:relative;}
.pr_center .blog{float:left;width:46%;margin:0 0 0 8%;position:relative;}
.pr_center h2.tit{font-size:17px;color:#333;border-bottom:1px solid #b5b5b5;padding:0 0 15px 0;font-weight:bold;}

.pr_center .conts{position:relative;margin:20px 0 0;}

#contents .pr_center .conts{padding:0 0 0 160px;}
#contents .pr_center .conts h3{padding:0;margin:0 0 5px 0;font-size:13px;color:#333;border:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;letter-spacing:-0.5px;}
#contents .pr_center .conts .thumb{width:140px;height:100px;position:absolute;top:0;left:0;}
#contents .pr_center .conts .summary{height:58px;margin:18px 0 0 0;overflow:hidden;}
#contents .pr_center .link_more{position:absolute;top:9px;right:0px;background:url../img/main/btn/btn_view.gif) no-repeat;width:13px;height:12px;text-indent:-999em}


/* 메인 컨텐츠부분 */
#contents {clear: both; padding-top:0px; padding-bottom: 20px; background-color: #242c37; width: 100%;}
.contents_area {position:relative;width:960px;height:349px; margin:0px auto;font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;font-size: 12px;background-color: #242c37;}
.contents_area .banner_bar {display:block;position:absolute;right:0;top:281px;left:290px;border:2px solid #242c37;}

/* 공지사항 컨텐츠부분 */
.contents_area .notice_area p {padding-top:67px; position:relative;height:26px;background:url("../images/common/bg_title.gif") repeat-x; margin-bottom:10px;font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;font-size: 13px;font-weight:bold; color:#b2b2b2; border-bottom:1px solid #524e4e;}
.contents_area .notice_area p span {display:block;position:absolute;right:0;top:5px;cursor:pointer;font-size: 14px;font-weight:bold;}
.contents_area .notice_area .list_area1 {float:left; font-size:12px;width:260px;margin-right:30px}
.contents_area .notice_area .list_area1 li {line-height:24px}
.contents_area .notice_area .list_area1 li span.part {float:left;color:#704d2b;font-weight:bold;display:inline-block;margin-right:6px}
.contents_area .notice_area .list_area1 li span.date {
	float: right;
	color: #999999
}
.contents_area .notice_area .list_area1 li a {
	color: #999999
}
.contents_area .notice_area .list_area1 {text-align: left} 

.contents_area .notice_area .list_area2 {float:left; font-size:12px;width:210px;margin-right:20px}
.contents_area .notice_area .list_area2 li {line-height:24px;}
.contents_area .notice_area .list_area2 li span.date {float:right;color:#656565}
.contents_area .notice_area .list_area2 li a {color:#656565}
.contents_area .notice_area .list_area2 {text-align: left}
.contents_area .notice_area .list_area2 .title {width: 330px;} 

.contents_area .notice_area .name_area {float:left; text-align:left;width:210px;margin-right:20px}
.contents_area .notice_area .name_area p {clear:both; padding-top:67px; position:relative;height:26px;margin-bottom:0px; font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;font-size:13px;font-weight:bold; color:#b2b2b2;border:0px;}
.contents_area .notice_area .name_area div.nameinfo {width:210px;height:135px;margin:0;padding:0;}
.contents_area .notice_area .name_area div.nameinfo span {display:block}
.contents_area .notice_area .name_area div.nameinfo span.tit {width:210px;color:#5f5d59;padding-bottom:10px;font-size:15px;}
.contents_area .notice_area .name_area div.nameinfo span.info {
	color: #999999;
	font-size: 11px;
	margin-top: 12px;
	line-height: 14px
}
.contents_area .notice_area .name_area div.sitelist select {border:1px solid #c7baa3;color:#968671;width:260px;margin-top:13px}

.contents_area .notice_area .name_area2 {float:left; text-align:left;width:210px;margin-right:0px}
.contents_area .notice_area .name_area2 p {clear:both; padding-top:67px; position:relative;height:26px;margin-bottom:0px; font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;font-size:13px;font-weight:bold; color:#b2b2b2;border:0px;}
.contents_area .notice_area .name_area2 div.nameinfo {width:210px;height:135px;margin:0;padding:0;}
.contents_area .notice_area .name_area2 div.nameinfo span {display:block}
.contents_area .notice_area .name_area2 div.nameinfo span.tit {width:210px;color:#5f5d59;padding-bottom:10px;font-size:15px;}
.contents_area .notice_area .name_area2 div.nameinfo span.info {
	color: #999999;
	font-size: 11px;
	margin-top: 12px;
	line-height: 14px
}
.contents_area .notice_area .name_area2 div.sitelist select {border:1px solid #c7baa3;color:#968671;width:260px;margin-top:13px}





footer{
	display: block;
	font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;font-size: 12px;
}
/* footer */
#footer {clear: both; padding-top: 15px; padding-bottom: 15px; background-color: #18202b; width: 100%; position: relative;z-index:100000; margin-bottom:0px;}
#footer .containers {
	position: relative;
	width: 960px;
	margin: 0px auto;
	height: 58px
}
#footer .logo_main {position: absolute; bottom: 18px; left: 0;}
#footer .logo {position: absolute; bottom: 14px; left: 0;}
#footer .content {text-align: left;margin-left: 155px;}
#footer .content ul {margin-bottom: 12px;}
#footer .content ul > li {display: inline-block; padding-left:19px; padding-top:0px; margin-right: 17px; background: url('../img/main/footer-nav-bar.gif') no-repeat 0 50%;}
#footer .content ul > li:first-child {padding: 0; background: none;}
#footer .content ul > li a {color: #999999; font-weight: 700;font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;font-size: 11px;}
#footer .content address {
	margin-top: 5px;
	color: #999999;
	font-style: normal;
	font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;
	font-size: 11px;
	line-height: 120%;
}


/* footer서브 */
#footer .content1 {text-align: left;margin-left: 155px;}
#footer .content1 ul {margin-bottom: 11px;}
#footer .content1 ul > li {display: inline-block; padding-left:19px; padding-top:1px; margin-right: 17px; background: url('../img/main/footer-nav-bar.gif') no-repeat 0 50%;}
#footer .content1 ul > li:first-child {padding: 0; background: none;}
#footer .content1 ul > li a {
	color: #999999;
	font-weight: 700;
	font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;
	font-size: 11px;
}
#footer .content1 address {
	margin-top: 4px;
	color: #999999;
	font-style: normal;
	font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;
	font-size: 10px;
	line-height: 120%;
}

#footer .link {position: absolute; bottom: 0; right: 0;}
#footer .link a {margin-left: 5px;}
#footer .button-site {display: block; width: 100%; margin-bottom: 45px; background: url('../img/main/footer-button-site-bg.gif') repeat-x 0 50%; text-align: center;}
#footer .site {height: 134px; margin-bottom: 30px; overflow: hidden;}
#footer .site .item {margin-top: 30px;}
#footer .site .item:first-child {margin-top: 0;}
#footer .site .item:after {content: ''; display: block; clear: both;}
#footer .site .item h2 {float: left; width: 125px; color: #3b3b3b; font-size: 17px; font-weight: 700;}
#footer .site .item ul {margin-left: 125px;}
#footer .site .item ul:after {content: ''; display: block; clear: both;}
#footer .site .item ul li {float: left; width: 20%; margin-bottom: 20px;}
#footer .site .item ul li a {line-height: 17px; color: #787878; font-size: 14px; font-weight: 700;}

#footer .site .item.first h2 {margin-top: 24px;}
#footer .site .item.first ul li {width: auto; margin-left: 54px;}
#footer .site .item.first ul li:first-child {margin-left: 0;}



/* 폰트 */
.point,
.point:link,
.point:visited{color:#63aace;}
.w_point,
.w_point:link,
.w_point:visited{color:#fff; font-weight:400;font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif; font-size: 14px;}
.star_point,
.star_point:link,
.star_point:visited{color:#ef0027; font-weight:700;}
.strong,
.strong:link,
.strong:visited{color:#fff;}
.line,
.line:link,
.line:visited{text-decoration:underline;}


/* 테이블 */
.table_wrap{overflow:hidden;}
.table_wrap .dtable{margin:10px;border-left:0;}
.dtable{width:100%;}
.dtable thead th,
.dtable tbody th,
.dtable tbody td,
.dtable tfoot td{font-size:13px; padding:16px;border-bottom:1px solid #535353;text-align:center;vertical-align:middle;background:none;/*background:#2b313e*/}
.dtable thead th,
.dtable tbody th,
/*문의내용_전화번호*/
.dtable tbody td.th{height:34px;border-right:0;background:#none;font-weight:bold; vertical-align:middle;}
.dtable tbody td.th.h20{height:20px;border-right:0;background:#none;font-weight:bold; vertical-align:middle;}
/*.dtable tbody td.th{background:#383837;color:#b2b2b2;}*/
.dtable thead th{border-bottom:0;border-right-color:#303030;}
.dtable tfoot td{font-weight:bold;background:#f6f9fc;color:#4e88c1;}
.dtable th span.sub_english{font-weight:normal}

.dtable.cell_design{}
.dtable.cell_design tbody .even{background:#4c4c4c;}
.dtable.cell_design tbody td{border:0;border-bottom:1px solid #535353;}

.dtable.row.cell_design tbody td{border-right:1px solid #535353;border-bottom:0;}
.dtable.cell_design tbody td.th{border-bottom:1px solid #535353;}
.dtable.row.cell_design tbody td.th{border-left:1px solid #535353;}

.dtable.row{margin:-1px 0 0 1px;}
.dtable.row thead th{border-top:1px solid #3c3c3b;border-right:1px solid #3c3c3b;}
.dtable.row tbody td,
.dtable.row tbody td.th{border-right:1px solid #535353;}
.dtable tbody th,
.dtable tbody td.th,
.dtable.row tbody th{border-right-color:#3c3c3b;background:#38393e;color:#fff;}
/*.dtable.row tbody td.th{border-left:1px solid #535353;background:#383837;color:#b2b2b2;}*/
.dtable tbody td.al_left{padding-left:10px;text-align:left;}

.dtable_desc{zoom:1;margin:15px 0 0;color:#fff;}
.dtable_desc:after{content:'';display:block;clear:both;}
.dtable_desc .txt_left{float:left;}
.dtable_desc .txt_left .list_basic{margin:-8px 0 0;}
.dtable_desc .txt_center{ text-align:center;}
.dtable_desc .txt_right{float:right;}

.dtable_txt{position:relative;width:100%;margin:0 0 10px;color:#fff;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}
.dtable_txt .po_right{position:absolute;right:0;bottom:0;}
.dtable_txt .txt_my{font-size:14px;}

/* Header Style */
.codrops-top{
	width:100%;
	position: relative;
	line-height: 24px;
	font-size: 14px;
	z-index:2000;
	font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;
	background: url(../img/main/gnb_bg_blue.png) repeat top left;
}
.codrops-top a{
	padding: 0px;
	letter-spacing:nomal;
	color: #b2b2b2;
	display: block;
}
.codrops-top a:hover{
	background: #fff;
}
.codrops-top span.right{
	float: right;
}
.codrops-top span.right a{
	float: left;
	display: block;
}
/* Header Style_main */
p.codrops-demos{
	width: 100%;
	position: absolute;
	top:279px;
	text-align:center;
	height:39px;
	display: block;
	padding: 0px;
	background: url(../img/main/gnb_bg_blue.png) repeat top left;
	
}
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
	z-index:2000;
    display: inline-block;
	padding-top: 7px;
	font-size: 14px;/*메뉴글씨*/
	letter-spacing: 0.5px;
	width: 192px;
	height: 32px;
	margin: 0px 3px;
	font-weight: 700;/*메뉴폰트가늘게*/
	background: none;
}






p.codrops-demos a:hover{
	background: none;
}
p.codrops-demos a:active{
	/*-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.4);*/
}
p.codrops-demos a.current-demo{
	background: none;
	opacity: 60;
	/*text-shadow: 0px 1px 1px rgba(255,255,255,0.3);*/
}
p.codrops-demos a.current-demo:hover{
	background:none; 
	color: #dbdbdb;
	opacity: 60;
	font-family: 'Nanum Gothic', '돋움', Dotum, Arial, sans-serif;
	font-weight: 900;
	/*text-shadow: 0px 1px 1px rgba(255,255,255,0.3);*/
}




.location{ text-align:right; padding:2px 10px 2px;}
.location .list{  display:inline; font-size:11px;}
.location .list .crPosit{ position:absolute; left:-9999%;}

/*건너띄기링크추가_웹접근성_2015-12-09*/
#accessibility { float:left;position:relative; width:0px; height:0px; font-size:0px; line-height:0px; z-index:300000;}
#accessibility ul li { float:left;position:absolute; top:0px; left:0px; }
#accessibility ul li a { float:left; position:absolute; display:block;  top:0px; width:165px; height:18px; line-height:13px; left:-2000px;font-weight:bold; text-align:center; font-size:120%; color:#fff; font-family:'Nanum Gothic';background:#54585b;}
#accessibility ul li a:focus,
#accessibility ul li a:hover,
#accessibility ul li a:active {float:left; display:block; position:absolute; top:0px; left:0px; font-size:14px;height:15px; background:#54585b;padding:13px; z-index:999;}

#accessibility h2	{display:none}