@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: 'Noto Sans KR';width:100%;letter-spacing:-1px;}
@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');
}
::selection{color:#fff;background-color:#369539;}
::-moz-selection{color:#fff;background-color:#369539;}


/* 메인 */
#body{width:100%;background-color:#FFF;font-family:'Gotham Medium','Noto Sans KR';}
.pc_view{position:relative;left:50%;display:block !important;width:2000px;margin-left:-1000px;}
.m_view{display:none !important;max-width:100%;}
.m_view img{max-width:100%;}
.m1_wrap{position:relative;}
.m1_wrap .txt_wrap{position:absolute;left:50%;margin-left:-600px;top:420px;text-align:center;}
.m1_wrap .txt_wrap .m_logo_wrap{position:absolute;left:0;top:-200px;width:100%;text-align:center;}
.m1_wrap .txt_wrap .m_logo_wrap img{width:50%;max-width:281px;}
.m1_wrap .txt_wrap h2{color:#000;font-size:80px;font-weight:600;font-family:'Gotham Medium';margin-bottom:30px;letter-spacing:-2px}
.m1_wrap .txt_wrap p{color:#0054a5;font-size:26px;font-weight:400;}
.m2_wrap{background-color:#005689;padding-bottom:10%;}
.m2_tit{text-align:center;background-color:#005689;padding:95px 0 45px;}
.m2_tit .tit{font-weight:500;color:#fff;font-size:52px;margin-bottom:5px;}
.m2_tit .tit span{font-weight:300;}
.m2_tit .txt{color:#f2f0f1;font-size:22px;font-weight:300;}
.m2_wrap .m2_con{max-width:1220px;margin:0 auto;}
.m2_wrap .m2_con li{float:left;width:33.33%;padding:0 10px;}
.m2_wrap .m2_con li a{display:block;}
.m2_wrap .m2_con li a img{width:100%;}
.m3_wrap{position:relative;}
.m3_wrap .tit{position:absolute;left:0;top:35%;display:block;width:100%;text-align:center;color:#fff;font-size:52px;font-weight:300;z-index:2;}
.m3_wrap .tit strong{font-weight:500;}
.video_wrap2{position:relative;z-index:10;background:url('../images/main/op_80_black.png') 0 0 repeat;}
.video_wrap2 .play_ico{margin-top:3%;width:10%;}
.video_wrap2 video{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.mail_wrap{position:relative;}
.mail_wrap a{position:absolute;left:41%;bottom:32%;color:#fff;font-size:48px;font-weight:400;}
.mail_wrap.m_mail_wrap a{left:34%;font-size:46px;}
.video_box.video_box_pc{display:block !important;}
.video_box.video_box_m{display:none !important;}
.video_wrap{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:url('../images/main/op_80_black.png') 0 0 repeat;z-index:9999;}
.video_wrap .video_con{position:absolute;top:50%;margin-top:-316px;left:50%;margin-left:-550px;width:1100px;height:632px;}
.video_wrap .video_con .video_close{position:absolute;left:100%;top:0;display:block;width:50px;height:50px;background-color:#000040;color:#fff;font-size:24px;text-align:center;line-height:50px;}
.m4_wrap{background-color:#f7f7f7;padding:100px 0;font-family:'Noto Sans KR';text-align:center;}
.m4_wrap .logo_wrap{margin-bottom:20px;}
.m4_wrap .logo_wrap img{max-width:100%;}
.m4_wrap .txt_wrap .tit{color:#0054a5;font-size:52px;font-weight:400;margin-bottom:20px;}
.m4_wrap .txt_wrap .txt{color:#000;font-size:32px;font-weight:600;margin-bottom:5px;}
.m4_wrap .txt_wrap .txt2{color:#828282;font-size:18px;line-height:150%;font-weight:400;margin-bottom:50px;}
.m4_wrap .img_wrap img{max-width:100%;}
.m5_wrap{background-color:#fff;padding:100px 0 85px;text-align:center;}
.m5_wrap .txt_wrap .tit{color:#000;font-weight:300;font-size:52px;margin-bottom:35px;}
.m5_wrap .txt_wrap .tit strong{font-weight:600;}
.m5_wrap .txt_wrap .txt{font-family:'Noto Sans KR';color:#0054a5;font-size:32px;font-weight:500;margin-bottom:10px;}
.m5_wrap .txt_wrap .txt2{font-family:'Noto Sans KR';color:#828282;font-size:18px;line-height:150%;font-weight:400;margin-bottom:50px;}
.m5_wrap .img_wrap img{max-width:100%;}

/* 1200 str */
@media all and (max-width:1200px){
	.pc_view{display:none !important;}
	.m_view{display:block !important;}
	.video_box.video_box_pc{display:none !important;}
	.video_box.video_box_m{display:block !important;}
	.video_wrap .video_con{margin:75px 0 0;left:0;top:0;height:auto;width:100%;padding:0 50px;}
	.video_wrap .video_con .video_close{left:auto;right:14px;width:36px;height:36px;line-height:36px;font-size:20px;}
	.m1_wrap .txt_wrap{min-width:50%;text-align:center;margin-left:0;left:20px;top:45%;}
	.m1_wrap .txt_wrap h2{font-size:60px;margin-bottom:10px;}
	.m1_wrap .txt_wrap p{font-size:24px;}
	.m3_wrap .tit{font-size:40px;}
	.m1_wrap .txt_wrap .m_logo_wrap{top:-175px;}
}
/* 1200 end */
/* 768 str */
@media all and (max-width:768px){
	.mail_wrap.m_mail_wrap a{font-size:26px;}
	.video_wrap .video_con{padding:0 25px;}
	.video_wrap .video_con .video_close{left:auto;right:5px;width:20px;height:20px;line-height:20px;font-size:12px;}
	.m1_wrap .txt_wrap h2{font-size:32px;}
	.m1_wrap .txt_wrap p{font-size:14px;}
	.m2_tit{padding:50px 0 25px;}
	.m2_tit .tit{font-size:32px;}
	.m2_tit .txt{font-size:18px;}
	.m3_wrap .tit{font-size:32px;}
	.m4_wrap{padding:50px 0;}
	.m4_wrap .txt_wrap .tit{font-size:32px;}
	.m4_wrap .txt_wrap .txt{font-size:18px; letter-spacing:-1px;}
	.m4_wrap .txt_wrap .txt2{font-size:14px;}
	.m5_wrap{padding:50px 0;}
	.m5_wrap .txt_wrap .tit{font-size:32px;margin-bottom:20px;}
	.m5_wrap .txt_wrap .txt{font-size:20px;}
	.m5_wrap .txt_wrap .txt2{font-size:14px;}
	.m1_wrap .txt_wrap .m_logo_wrap{top:-200%;}
}
/* 768 end */
/* 486 str */
@media all and (max-width:486px){
	.mail_wrap.m_mail_wrap a{font-size:18px;}
	.m1_wrap .txt_wrap{left:5px;}
	.m1_wrap .txt_wrap h2{font-size:30px;}
	.m1_wrap .txt_wrap p{font-size:12px;}
	.m3_wrap .tit{font-size:26px;}
	.m4_wrap .logo_wrap img{width:150px;}
	.m4_wrap .txt_wrap .tit{font-size:26px;}
	.m4_wrap .txt_wrap .txt{font-size:16px;}
	.m4_wrap .txt_wrap .txt2{font-size:12px;}
	.m5_wrap .txt_wrap .tit{font-size:26px;}
	.m5_wrap .txt_wrap .txt{font-size:16px;}
	.m5_wrap .txt_wrap .txt2{font-size:12px;}
	.m1_wrap .txt_wrap .m_logo_wrap{top:-80px;}
}
/* 486 end */