@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('reset.css');
@import url('../plugin/jquery.bxslider.css');
@import url('common.css');
@import url('sub.css');
body{overflow:hidden; min-width:320px;}
#wrap{font-family: 'Noto Sans KR';letter-spacing:-1px; font-size: 18px; color: #484848;}

/* font-family */
@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');
 }
::selection{color:#fff;background-color:#f26522;}
::-moz-selection{color:#fff;background-color:#f26522;}




/* font-size */
.txt88{font-size:88px;line-height:1.2;}
.txt66{font-size:66px;line-height:1.2;}
.txt62{font-size:62px;line-height:1.428;}
.txt56{font-size:56px;line-height:1.428;}
.txt54{font-size:54px;line-height:1.428;}
.txt50{font-size:50px;line-height:130%;}
.txt48{font-size:48px;line-height:130%;}
.txt45{font-size:45px;line-height:1.428;}
.txt44{font-size:44px;line-height:1.428;}
.txt40{font-size:40px;line-height:1.428;}
.txt38{font-size:38px;line-height:130%; padding-top:10px;}
.txt36{font-size:36px;line-height:1.428;}
.txt34{font-size:34px;line-height:1.428;}
.txt32{font-size:32px;line-height:1.428;}
.txt30{font-size:30px;line-height:130%;font-weight:500;}
.txt28{font-size:28px;line-height:1.33;}
.txt26{font-size:26px;line-height:1.33;}
.txt24{font-size:24px;line-height:1.3; font-weight:500;}
.txt21{font-size:21px;line-height:1.33;}
.txt20{font-size:20px;line-height:1.33;}
.txt19{font-size:19px;line-height:1.33;}
.txt18{font-size:18px; font-weight:400; color:#666; }
.txt17{font-size:17px;line-height:1.33;}
.txt16{font-size:16px;line-height:1.33;}
.txt15{font-size:15px;line-height:1.33;}
.txt14{font-size:14px;line-height:1.5;}
.txt13{font-size:13px;line-height:1.5;}
.txt12{font-size:12px;line-height:1.5;}
.txt11{font-size:11px;line-height:1.5;}
.txt10{font-size:10px;line-height:1.5;}
.txt8{font-size:8px;line-height:1.33;}
/* 공통 */
.row {width: 100%; margin:0 auto; position: relative;}
.inner {max-width:1000px; margin:0 auto; position: relative;}
.left {float: left; width: 45%;}
.right {float: right; width: 50%;}
.left_2 {float: left; width: 50%;}
.right_2 {float: right; width: 50%;}
.tit {padding-bottom: 18px; border-bottom: 1px dashed #8b8b8b;}
.new {position: relative;}
.new:after {content:'';display: block;width: 40px; height: 16px; background: url('../images/common/icon_new.jpg') 0 0 no-repeat; position: absolute; top: 11px; right: -45px;}
.m_area {position: relative;}
.m_area .inner {padding: 0 10px;}
article {position: relative;}

/* 메인비주얼 */
#main_visual_wrap {position:relative;left:50%;width:2000px;margin-left:-1000px;}
#main_visual_wrap .visual {position: relative;}
#main_visual_wrap .mv{height:0;padding-bottom:700px;text-indent:-9999px;background-size:cover;}
#main_visual_wrap .mv1 {background:  url('../images/main/mv1.jpg') 50% 50% no-repeat;}
#main_visual_wrap .mv2 {background:  url('../images/main/mv2.jpg') 50% 50% no-repeat;}
#main_visual_wrap .txt_wrap {position: absolute; top: 50%; margin-top: -255px; left: 50%; margin-left: -426px;}
#main_visual_wrap .txt_wrap .txt {color: #fff; text-align: center; font-weight: 300;}
#main_visual_wrap .txt_wrap .txt:nth-child(1) {padding: 25px 0; position: relative;}
#main_visual_wrap .txt_wrap .txt:nth-child(1):after {content:''; display: block; width: 35px; height: 5px; background-color: #fff; position: absolute; bottom: 0; left:50%; margin-left:-17px;	}
#main_visual_wrap .txt_wrap .txt:nth-child(2) {font-weight: 600; font-size: 88px;}
#main_visual_wrap .txt_wrap .txt:nth-child(2) span {color: #50b94b;} 
#main_visual_wrap .txt_wrap .txt:nth-child(3) {font-weight: 600;}
#main_visual_wrap .txt_wrap .txt:nth-child(4) {margin-top: 20px; font-weight:500; font-size:20px;}
#main_visual_wrap .txt_wrap .txt:nth-child(5) {margin-top: 30px; }
#main_visual_wrap .txt_wrap .txt:nth-child(5) a {display: inline-block; padding: 15px 70px; border: 3px solid #50b94b; border-radius:25px; transition:0.5s; }
#main_visual_wrap .txt_wrap .txt:nth-child(5) a:hover {color: #fff; background-color: #50b94b;}
#main_visual_wrap .bx-wrapper .bx-controls-direction a{width:44px;height:81px;margin-top:-40px; opacity: 0.7;}
#main_visual_wrap .bx-wrapper .bx-controls-direction a.bx-prev{background:url('../images/main/slide_prev.png') 0 0 no-repeat;left:50%;margin-left:-800px;}
#main_visual_wrap .bx-wrapper .bx-controls-direction a.bx-next{background:url('../images/main/slide_next.png') 0 0 no-repeat;right:50%;margin-right:-800px;}
#main_visual_wrap .bx-wrapper .bx-pager{padding-top:0;bottom:30px;}
#main_visual_wrap .bx-wrapper .bx-pager a{width:20px;height:20px;margin:0 3px; background: none; border: 2px solid #fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
#main_visual_wrap .bx-wrapper .bx-pager a:hover,
#main_visual_wrap .bx-wrapper .bx-pager a.active{background-color:#50b94b;border-color: #50b94b;border-radius:50px;}

/* 메인콘텐츠 */
#contents {padding-top:70px; padding-bottom: 70px;}
.more {width: 40px; height: 40px;position: absolute; top: 0; right: 0;}
.more a {display: block; width: 100%; height: 100%; background: url('../images/common/more.png') 0 0 no-repeat;}
.list_wrap ul {margin-top: 20px;}
.list_wrap ul li {height: 35px; line-height: 35px; padding-left: 20px; padding-right: 90px; position: relative; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list_wrap ul li:after {content:''; display: block; width: 4px; height: 4px; background-color: #a9a9a9; position: absolute; top: 17px; left: 5px; }
.list_wrap ul li span {position: absolute; top: 0; right: 5px;}
.list_wrap ul li a {display: inline-block; transition:0.5s;}
.list_wrap ul li a:hover { color: #50b94b;}

.m1_2 .txt {height: 60px; line-height: 50px; background-color: #525050; color: #fff; font-size: 20px; padding-left: 25px;}
.m1_2 .txt a {display: block; width: 100%; height: 100%;  color: #fff;}
.m1_2 .txt span {font-size: 15px; font-weight: 300; padding-left: 25px; position: relative;}
.m1_2 .txt span:after {content:''; display: block; width: 100%; height: 9px; background: url('../images/main/m1_2_arrow.png') 100% 0 no-repeat; position: absolute; top: 19px; right: -27px;}

.m2_wrap {background-color: #fbfbfb; height: 170px; padding-top: 28px; margin: 70px 0;}
.m2_wrap .bx-wrapper .bx-controls-direction a{width:29px;height:69px;margin-top:-35px; opacity: 0.7;}
.m2_wrap .bx-wrapper .bx-controls-direction a.bx-prev{background:url('../images/main/slide2_prev.jpg') 0 0 no-repeat;left: -29px;}
.m2_wrap .bx-wrapper .bx-controls-direction a.bx-next{background:url('../images/main/slide2_next.jpg') 0 0 no-repeat;right: -29px;}

.m3_2 .tit {border-bottom: none;}
.m3_2 .link_tab {width: 100%; height: 48px; background-color: #50b94b; color: #fff;}
.m3_2 .link_tab li {float: left;height: 48px; line-height: 48px; width: 33.33%; text-align: center; border-left: 1px solid #a6dba3;}
.m3_2 .link_tab li:nth-child(1) {border-left: none;}
.m3_2 .link_tab li a {display: block; width: 100%; height: 100%; transition:0.5s; -webkit-transition:0.5s; color:#fff;}
.m3_2 .link_tab li a:hover {background-color: #525050;}

@media all and (max-width:2000px){

}
@media all and (max-width:1000px){
	.txt88,
	.txt74{font-size:60px;}
	.txt66,
	.txt62,
	.txt60{font-size:52px;}
	.txt56,
	.txt54{font-size:48px;}
	.txt50{font-size:42px;}
	.txt48{font-size:38px;}
	.txt45,
	.txt44{font-size:36px;}
	.txt40{font-size:32px;}
	.txt36,
	.txt34{font-size:28px;}
	.txt32{font-size:26px;}
	.txt30{font-size:24px;}
	.txt28,
	.txt26{font-size:20px;}
	.txt24,
	.txt21{font-size:18px;}
	.txt20,
	.txt19{font-size:17px;}
	.txt18,
	.txt17{font-size:16px;}
	.txt16{font-size:15px;}
	.txt15{font-size:14px;}
	.txt14{font-size:13px;}
	.txt12{font-size:11px;}
	.txt11{font-size:10px;}
	
	#main_visual_wrap .mv {padding-bottom: 500px;}
	#main_visual_wrap .txt_wrap {margin-top: -220px; margin-left: -285px;}
	#main_visual_wrap .txt_wrap .txt:nth-child(2) {font-size: 60px;}


	.m1_2 .txt {padding-left: 13px; padding:15px;}
	.m1_2 .txt span {padding-left: 10px;}
	.m1_2 .txt span:after {right: -12px;}
}

@media all and (max-width:768px){
	#contents {padding-top:30px; padding-bottom: 30px;}

	.left{float: none; width: 100%;}
	.right{float: none; width: 100%;}
	.m_area .inner {padding: 0 40px;}
	.more {top: -8px;right: 40px;}
	.link_img img {width: 100%;}
	#main_visual_wrap .txt_wrap {margin-top: -160px; margin-left: -165px;}
	#main_visual_wrap .txt_wrap .txt:nth-child(1) {font-size: 16px; padding: 15px 0;}
	#main_visual_wrap .txt_wrap .txt:nth-child(1):after {height: 2px; bottom: 4px;}
	#main_visual_wrap .txt_wrap .txt:nth-child(2) {font-size: 38px;}
	#main_visual_wrap .txt_wrap .txt:nth-child(3) {font-size: 32px;}
	#main_visual_wrap .txt_wrap .txt:nth-child(5) {margin-top: 10px;}
	#main_visual_wrap .txt_wrap .txt:nth-child(5) a {padding: 5px 30px; border-width: 1px;}
	#main_visual_wrap .txt_wrap .txt:nth-child(4) { font-weight:400; }
	
	.m1_2 {margin-top: 40px;}
	.m1_2 img {width: 100%;}
	.m3_2 {margin-top: 40px;}
	.m3_2 .link_tab li { padding:0 5px;}
}

@media all and (max-width:486px){
	.txt88
	.txt74,
	.txt66,
	.txt62,
	.txt60{font-size:33px;}
	.txt56,
	.txt54{font-size:32px;}
	.txt50{font-size:28px;}
	.txt48,
	.txt45,
	.txt44{font-size:26px;}
	.txt40{font-size:24px;}
	.txt38,
	.txt36,
	.txt34{font-size:20px;}
	.txt32,
	.txt30,
	.txt28{font-size:20px;}
	.txt26{font-size:17px;}
	.txt24,
	.txt21{font-size:18px;}
	.txt20,
	.txt19{font-size:15px;}
	.txt18,
	.txt17,
	.txt16{font-size:15px; line-height:1.3;}
	.txt15{font-size:13px; line-height:1.5;}
	.txt14{font-size:12px; line-height:1.5;}
	.txt12{font-size:10px; line-height:1.5;}

	.m_area .inner {padding: 0 20px;}
	.more {right: 0px;}
	.more a {	-webkit-background-size: 70%;background-size: 70%;}
	.new:after {-webkit-background-size: 70%; background-size: 70%; top:5px;}
	.list_wrap ul li span {right: 3px; line-height:35px; }

	#main_visual_wrap .mv {padding-bottom: 350px;}
	#main_visual_wrap .txt_wrap .txt:nth-child(2) {font-size: 33px; padding-top:10px;}
	#main_visual_wrap .txt_wrap {margin-top: -128px; margin-left: -157px;}
	#main_visual_wrap .bx-wrapper .bx-pager a {width: 15px; height: 15px;}

	.m1_2 .txt {padding-left: 15px;}
	.m1_2 .txt span {font-size: 11px; padding-left: 10px;}
	.m1_2 .txt span:after {top: 16px; right: -13px;}
	.m2_wrap {margin:30px 0; padding:30px 20px;}
	.m2_wrap .bx-wrapper .bx-controls-direction a {margin-top: -27px;}
	.m3_2 .link_tab li a {display: block; width: 100%; transition:0.5s; -webkit-transition:0.5s; color:#fff; font-size:13px; padding:0 5px; line-height:48px; height:48px;}
	.m3_2 .link_tab li {float: left;width: 33.33%; text-align: center; border-left: 1px solid #a6dba3;  }

}