@charset euc-kr;

#contents{float:none !important;width:auto !important;max-width:none}
.visual{background:#fbfbfb;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 > div .view{position:absolute;top:9px;right:0px;background:url(../img/btn_view.gif) no-repeat;width:13px;height:12px;text-indent:-999em}
.cont1 .industry{float:left;/*background:url(../img/img_solution.gif) no-repeat bottom*/}
.cont1 .business{float:right;/*background:url(../img/img_service.gif) no-repeat bottom;*//*padding-bottom:138px*/}
.cont1 .industry > a,
.cont1 .business > a{display:block;}
.cont2{padding:56px 0 58px 0;background:#fafafa}
.cont2 > div{max-width:960px;margin:auto;overflow:hidden}
.cont2 h2{position:relative;text-align:center}
.cont2 h2 .bg_left{background:url(../img/bg_title_left.png) no-repeat;width:192px;height:5px;position:absolute;top:50%;left:0px;margin-top:-2px}
.cont2 h2 .bg_right{background:url(../img/bg_title_right.png) no-repeat;width:192px;height:5px;position:absolute;top:50%;right:0px;margin-top:-2px}
.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/img_solution2.gif) no-repeat center top}
.cont2 .solution_list li.list2 a{background:url(../img/img_solution1.gif) no-repeat center top}
.cont2 .solution_list li.list3 a{background:url(../img/img_solution3.gif) no-repeat center top}
.cont2 .solution_list li.list4 a{background:url(../img/img_solution5.gif) no-repeat center top}
.cont2 .solution_list li.list5 a{background:url(../img/img_solution4.gif) no-repeat center top}

@media all and (max-width:1024px) { 
.cont1{padding: 25px 10px}
.cont2 > div{padding:0 10px}
.cont2 h2 .bg_left{display:none}
.cont2 h2 .bg_right{display:none}
}

@media all and (max-width:884px) { 
.cont1 > div{width:340px}
}

@media all and (max-width:790px) { 
.cont1 > div{width:100%}
.cont1 .industry{margin: 0 0 20px 0}
.cont2{padding: 30px 0 0}
.cont2 .solution_list li{width:50%;margin:0 0 30px 0;height:170px}
.cont2 h2 .title strong{display:block;margin:0 0 10px 0;}
.cont2 h2 .title i{display:none;}
}

@media all and (max-width:480px) { 
.cont2 .solution_list{margin-top:15px}
.cont2 .solution_list li{width:100%;border-top:1px solid #ccc;margin:0;padding: 15px 0;height:auto}
.cont2 .solution_list li.list5{border:0}
.cont2 .solution_list li > a{padding: 20px 0;text-align:left}
.cont2 .solution_list li > a strong{padding:0 0 0 90px}
.cont2 .solution_list li > a p{margin:5px 0 0;padding:0 0 0 90px}
.cont2 .solution_list li > a p > span{display:inline;}
.cont2 .solution_list li.list1 a,
.cont2 .solution_list li.list2 a,
.cont2 .solution_list li.list3 a,
.cont2 .solution_list li.list4 a,
.cont2 .solution_list li.list5 a{background-position:left center}
}

.visual_inner{max-width:960px;margin:0 auto;position:relative;}

/* 메인 슬라이딩 이미지 글자/이미지/폰트컬러 조정 */
.visual_inner .visual_txt{position:absolute;top:20%;left:0;width:100%;}
.visual_inner .visual_txt h2{font-size:40px;color:#000;font-weight:bold;margin:0 0 15px 0;}
.visual_inner .visual_txt p{font-size:16px;color:#5B5C60;font-weight:normal;letter-spacing:-0.5px;width:38%;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/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/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/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/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/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:1px 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/btn_view.gif) no-repeat;width:13px;height:12px;text-indent:-999em}

@media all and (max-width:1010px) { 
	.visual_pager{margin:0;left:25px;width:auto;}
	.visual_controls{margin:0;left:45px;}
	.visual_next_prev{margin:0;left:10px;}

	.pr_center{padding:56px 20px 60px 20px;}
}

@media all and (max-width:960px) { 
.visual_inner .visual_txt h2{font-size:40px;margin:0 0 10px 10px;}
.visual_inner .visual_txt p{font-size:15px;margin:0 0 0 15px;}
}

@media all and (max-width:768px) { 
.visual_inner .visual_txt h2{font-size:30px;}
.visual_inner .visual_txt p{font-size:14px;width:70%;}

#contents .pr_center .conts{padding:0}
#contents .pr_center .conts h3{white-space:inherit;overflow:visible;}
#contents .pr_center .conts .thumb{width:100%;height:auto;position:static;margin:10px auto;display:block;}
#contents .pr_center .conts .summary{height:auto;overflow:visible;}
}

@media all and (max-width:560px) { 
.visual_inner .visual_txt{top:10%;}
.visual_inner .visual_txt h2{font-size:22px;text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
.visual_inner .visual_txt p{font-size:13px;font-weight:normal;text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
.visual_pager{bottom:5px;}
.visual_controls{bottom:5px;}


.visual_controls{left:35px;bottom:5px;width:20px;height:20px;}
.visual_controls .bx-start{width:21px;height:20px;background: url(../img/bg_visual_controls_s.png) no-repeat -70px 0;}
.visual_controls .bx-stop{width:21px;height:20px;background: url(../img/bg_visual_controls_s.png) no-repeat -23px 0;}
.visual_controls .bx-stop.on{background: url(../img/bg_visual_controls_s.png) no-repeat -70px 0;}

.visual_next_prev{bottom:5px;width:140px;height:20px;}
.visual_next_prev .bx-prev{width:21px;height:20px;background: url(../img/bg_visual_controls_s.png) no-repeat 0 0;}
.visual_next_prev .bx-next{width:21px;height:20px;background: url(../img/bg_visual_controls_s.png) no-repeat -46px 0;left:50px;}


.cont1 > div h2{font-size:18px;}
.cont1 > div .cont{font-size:12px;}
.cont1 > div .view{top:2px;}

.visual_inner .mobile_only{display:block;}

.pr_center .news{width:100%;margin:0 0 20px 0;}
.pr_center .blog{width:100%;margin:0;}

}