@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('reset.css');
@import url('../plugin/jquery.bxslider.css');
@import url('common.css');
@import url('sub.css');
body{overflow:hidden;}
#wrap{font-family: 'Noto Sans KR';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');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/NotoSansKR-Thin.woff2') format('woff2'),
	   url('../fonts/NotoSansKR-Thin.woff') format('woff'),
	   url('../fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/NotoSansKR-Light.woff2') format('woff2'),
	   url('../fonts/NotoSansKR-Light.woff') format('woff'),
	   url('../fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Regular.woff') format('woff'),
		url('../fonts/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Medium.woff') format('woff'),
		url('../fonts/NotoSansKR-Medium.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Bold.woff') format('woff'),
		url('../fonts/NotoSansKR-Bold.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url('../fonts/NotoSansKR-Black.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Black.woff') format('woff'),
		url('../fonts/NotoSansKR-Black.otf') format('opentype');
 }
@font-face {
   font-family: 'SourceHanSansKR';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/SourceHanSansKR-Bold-Alphabetic.woff2') format('woff2'),
		url('../fonts/SourceHanSansKR-Bold-Alphabetic.woff') format('woff'),
		url('../fonts/SourceHanSansKR-Bold-Alphabetic.otf') format('opentype');
 }
@font-face {
   font-family: 'SourceHanSansKR';
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/SourceHanSansKR-Medium-Alphabetic.woff2') format('woff2'),
		url('../fonts/SourceHanSansKR-Medium-Alphabetic.woff') format('woff'),
		url('../fonts/SourceHanSansKR-Medium-Alphabetic.otf') format('opentype');
 }
@font-face {
   font-family: 'SourceHanSansKR';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/SourceHanSansKR-Normal-Alphabetic.woff2') format('woff2'),
		url('../fonts/SourceHanSansKR-Normal-Alphabetic.woff') format('woff'),
		url('../fonts/SourceHanSansKR-Normal-Alphabetic.otf') format('opentype');
 }
@font-face {
   font-family: 'SourceHanSansKR';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/SourceHanSansKR-Regular-Alphabetic.woff2') format('woff2'),
		url('../fonts/SourceHanSansKR-Regular-Alphabetic.woff') format('woff'),
		url('../fonts/SourceHanSansKR-Regular-Alphabetic.otf') format('opentype');
 }
@font-face {
   font-family: 'SourceHanSansKR';
   font-style: normal;
   font-weight: 300;
   src: url('../fonts/SourceHanSansKR-Light-Alphabetic.woff2') format('woff2'),
		url('../fonts/SourceHanSansKR-Light-Alphabetic.woff') format('woff'),
		url('../fonts/SourceHanSansKR-Light-Alphabetic.otf') format('opentype');
 }
@font-face {
   font-family: 'SourceHanSansKR';
   font-style: normal;
   font-weight: 200;
   src: url('../fonts/SourceHanSansKR-ExtraLight-Alphabetic.woff2') format('woff2'),
		url('../fonts/SourceHanSansKR-ExtraLight-Alphabetic.woff') format('woff'),
		url('../fonts/SourceHanSansKR-ExtraLight-Alphabetic.otf') format('opentype');
 }
::selection{color:#fff;background-color:#f26522;}
::-moz-selection{color:#fff;background-color:#f26522;}


/* 메인 */
#body{width:100%;background-color:#FFF;}
#mv{position:relative;left:50%;width:980px;margin:0 0 0 -490px;}
#mv .visual img{width:100%;}
#mv .bx-wrapper .bx-pager,
#mv .bx-wrapper .bx-controls-direction{display:none;}
.m_area{width:980px;margin:32px auto 93px;}
.m1 .wrap{margin:0 -10px;}
.m1 .con{float:left;width:313px;padding:0 10px;}
.m1 .img_wrap{background-color:#d08357;text-align:center;}
.m1 .img_wrap.brown{background-color:#76becd;}
.m1 .img_wrap .link{position:relative;display:block;height:157px;padding:0 0 0 156px;transition:.25s;}
.m1 .img_wrap .link:hover{background-color:#333;}
.m1 .img_wrap .thumb{position:absolute;left:0;top:0;}
.m1 .img_wrap .thumb img{width:156px;height:157px;}
.m1 .img_wrap .txt_wrap{position:relative;right:0;top:50%;width:157px;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.m1 .img_wrap .txt_wrap .caption{position:relative;margin:0 0 5px;padding:0 0 5px;color:#fff;font-size:18px;font-weight:500;line-height:28px;letter-spacing:-2px;}
.m1 .img_wrap .txt_wrap .caption:before{content:"";position:absolute;left:50%;bottom:0;display:block;width:42px;height:1px;background-color:#bcb09e;margin:0 0 0 -21px;}
.m1 .img_wrap .txt_wrap .txt{color:#fff;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-1px;}
.m1 .op_box .link{position:relative;display:block;}
.m1 .op_box .thumb{overflow:hidden;}
.m1 .op_box .thumb img{width:313px;height:157px;transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;-o-transition:.25s;}
.m1 .op_box .link:hover img{transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);}
.m1 .op_box .txt_wrap{position:absolute;left:0;bottom:6px;width:100%;padding:13px 0;background:url('../images/main/op_50_black.png') 0 0 repeat;text-align:center;transition:.25s;}
.m1 .op_box .txt_wrap .txt{color:#fff;font-size:18px;font-weight:500;}