@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('reset.css');
@import url('common.css');
@import url('sub.css');
@import url('../js/jquery.bxslider.css');
body{overflow:hidden;}
#wrap{font-family: 'Nanum Barun Gothic'/* 'Noto Sans KR' */;width:100%;}
@font-face{
	font-family: 'Nanum Barun Gothic Light';
	src: url('../fonts/NanumBarunGothicLight.eot');
	src: url('../fonts/NanumBarunGothicLight.eot?') format('eot'),url('../fonts/NanumBarunGothicLight.woff') format('woff');
}
@font-face{
	font-family: 'Nanum Barun Gothic';
	src: url('../fonts/NanumBarunGothic.eot');
	src: url('../fonts/NanumBarunGothic.eot?') format('eot'),url('../fonts/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family: 'Eras Light ITC';
	font-style: normal;
	font-weight: normal;
	src: local('../fonts/Eras Light ITC'), url('../fonts/ERASLGHT.woff') format('woff');
}
::selection{color:#fff;background-color:#004ea2;}
::-moz-selection{color:#fff;background-color:#004ea2;}


/* 메인 */
#body{width:100%;background-color:#FFF;}
.main_wrap{width:100%;padding:25px;background-color:#f4f4f4;}
.main_con{width:1207px;margin:0 auto;}

.main_con > div{float:left;padding:0 3.5px;position:relative;}
.main_con .width50{width:50%;}
.main_con .width25{width:25%;}
.main_tit_wrap{position:absolute;left:20px;top:38px;z-index:10;}
.main_tit{font-size:20px;line-height:24px;margin-bottom:6px;font-weight:500;}
.main_tit.white{color:#f4f4f4;}
.main_tit.black{color:#444;}
.main_tit .bar{display:block;position:absolute;left:0;top:-8px;width:40px;height:1px;background-color:#000;}
.main_txt{font-size:16px;font-weight:300;line-height:20px;}
.main_txt.white{color:#fff;}
.main_txt.black{color:#444;}

.main_con1{margin-bottom:8px;}
#main_visual .bx-controls-direction{display:none;}
#main_visual .bx-wrapper .bx-pager{padding-top:0;bottom:20px;}
#main_visual .bx-wrapper .bx-pager a{width:14px;height:14px;background-color:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin:0 2px;}
#main_visual .bx-wrapper .bx-pager a.active,
#main_visual .bx-wrapper .bx-pager a:hover{background-color:#444;}
.visual_wrap{position:relative;}
.visual_wrap img{width:100%;height:542px;}
.visual_txt{position:absolute;}
.visual_txt.visual_txt1{left:176px;top:320px;}
.visual_txt h1{font-size:36px;font-weight:500;}
.visual_txt p{font-size:26px;line-height:32px;font-weight:500;}
.visual_txt .black{color:#222;}
.visual_txt .blue{color:#0d63b3;}

#product .bx-controls-direction{display:none;}
#product .bx-wrapper .bx-pager{padding-top:0;bottom:20px;}
#product .bx-wrapper .bx-pager a{width:14px;height:14px;background-color:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin:0 2px;}
#product .bx-wrapper .bx-pager a.active,
#product .bx-wrapper .bx-pager a:hover{background-color:#444;}
.product_wrap{position:relative;transition:0.8s}
.product_wrap:hover{opacity:0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}
.product_wrap img{width:100%;}
.product_txt{position:absolute;width:100%;text-align:center;font-size:0;}
.product_txt.product_txt1{bottom:48px;}
.product_txt.product_txt1 .blue{display:inline-block;background-color:#004ea2;height:41px;line-height:41px;color:#fff;font-size:18px;font-weight:300;text-align:center;padding:0 25px;}

.main_con13{transition:0.8s}
.main_con13:hover{opacity:0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}

.main_con21{transition:0.8s}
.main_con21:hover{opacity:0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}

.more_ico{position:absolute;left:22px;bottom:35px;}
.main_con22{transition:0.8s}
.main_con22:hover{opacity:0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}
.main_con22 .download{display:block;width:100%;height:208px;background:#28a7e1 url('../images/main/download_ico.png') center 39px no-repeat;padding-top:114px;}
.main_con22 .down_tit{display:block;color:#f4f4f4;font-size:20px;margin-bottom:10px;text-align:center;}
.main_con22 .down_txt{display:block;color:#f4f4f4;font-size:16px;text-align:center;line-height:20px;font-weight:300;opacity:0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}

.main_con23{transition:0.8s}
.main_con23:hover{opacity:0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}

.main_notice_wrap{height:208px;background-color:#fff;position:relative;padding:70px 0 0 20px;}
.main_notice_wrap .more{position:absolute;right:30px;top:50px;}
.main_notice li{line-height:26px;position:relative;padding-left:12px;}
.main_notice li a{color:#8a8a8a;font-size:14px;font-weight:400;}
.main_notice li a:hover{color:#0d63b3;}
.main_notice li a .dot{display:block;position:absolute;left:0;top:11px;width:4px;height:4px;background-color:#aaa;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.main_notice li a:hover .dot{background-color:#0d63b3;}