@charset "utf-8";



/* 메인비주얼*/
#index_visual {position:absolute; top:0; left:0; width:100%; min-width:1200px; height:360px; z-index:1; }
div.bg-a,div.bg-b,div.bg-c,div.bg-d,div.bg-e {position:absolute; left:0; top:0; width:100%; height:360px; z-index:0; display:block; font-size:0; line-height:0;}
div.bg-a {background: url("../imgs/main/mainVisual01.jpg") no-repeat 50% 0;}
div.bg-b {opacity:0; background: url("../imgs/main/mainVisual01.jpg") no-repeat 50% 0;}


#index_visual #index_text {position:relative;  top:80px; width:1200px;  z-index:990; text-align:center; margin:0 auto;}


/* 1024 ~ 1279 */
@media all and (max-width:1200px) {

	#main_contents .wrap {width:auto;}
	#index_visual {min-width:99%; }

}
/******* 768 ~ 1023 *******/


@media all and (max-width:1200px) {
	#index_visual {min-width:100%;}
}

@media all and (max-width:1023px) {
	#index_visual {height:360px;}
	div.bg-a,div.bg-b,div.bg-c,div.bg-d,div.bg-e {height:360px; background-size:auto 100%;}
	#index_visual #index_text {left:0px; width:90%;}
	#index_visual #index_text p img{width:100%;}
}

@media all and (max-width:767px) {
	#index_visual {position:relative; height:260px;}
	div.bg-a,div.bg-b,div.bg-c,div.bg-d,div.bg-e {height:260px; background-size:auto 100%;}
	#index_visual #index_text {left:0px; width:90%;}
	#index_visual #index_text p img{width:100%; }
}

@media all and (max-width:570px) {
    #index_visual {position:relative; height:250px;}
	div.bg-a,div.bg-b,div.bg-c,div.bg-d,div.bg-e {height:250px; background-size:cover 100%;}
		#index_visual #index_text {left:0px; width:90%;}
	    #index_visual #index_text p img{width:100%; }
}

@media all and (max-width:380px) {
    #index_visual {position:relative; height:200px;}
    div.bg-a {height:200px; background-size:cover 100%;}
	#index_visual #index_text {top:60px;}
	#index_visual #index_text p img{width:100%;}
}



.m_cont2 {position:relative; padding:420px 0 45px 0; }
.m_cont2:after {content:""; display:block; clear:both;}

.m_cont3 {position:relative; padding:65px 0 35px 0; }
.m_cont3:after {content:""; display:block; clear:both;}

@media all and (max-width:1023px) {
	.m_cont2 {width:95% !important; padding:420px 2.5% 0 2.5%;  }
	.m_cont3 {width:95% !important; padding:45px 2.5% 0 2.5%;  }

}
@media all and (max-width:767px) {
	.m_cont2 {padding:30px 2.5% 20px 2.5%; height:auto;}
	.m_cont3 {padding:60px 2.5% 20px 2.5%; }
}




#main_contents h2 {color:#1d1b1b; font-size: 30px; letter-spacing: -0.5px; font-weight:normal;}

@media all and (max-width:767px) {
	#main_contents h2 {color:#1d1b1b; font-size: 22px; letter-spacing: -0.5px; font-weight:normal;}
}

@media all and (max-width:570px) {
	#main_contents h2 {color:#1d1b1b; font-size: 18px; letter-spacing: -0.5px; font-weight:normal; line-height:20px;}
}

/* Inform */
.Inform  {width:100%;}
.Inform   h2 {text-align:center; padding-bottom:20px;}
.Inform  ul li {float:left;  width:25%; font-size:18px; letter-spacing:-0.7px; text-align:center;  background: url("../imgs/main/line_info.gif") no-repeat  right;}

.Inform  ul li:last-child {background:none;}

.Inform01 a {background: url("../imgs/main/Inform02.gif") no-repeat  center 30px;  }
.Inform01 a.but_link {display:inline-block;position:relative;width:100%;padding:160px 0 20px 0; }
.Inform02 a {background:  url("../imgs/main/Inform03.gif") no-repeat  center 30px;  }
.Inform02 a.but_link {display:inline-block;position:relative;width:100%; padding:160px 0 20px 0px; }
.Inform03 a {background: url("../imgs/main/Inform04.gif") no-repeat  center 30px;  }
.Inform03 a.but_link {display:inline-block;position:relative;width:100%; padding:160px 0 20px 0px;  } 
.Inform04 a {background: url("../imgs/main/Inform01.gif") no-repeat  center 30px;}
.Inform04 a.but_link {display:inline-block;position:relative;width:100%;height:100%;padding:160px 0 20px 0px; }


@media all and (max-width:1023px) {
.Inform  {width:100%;}
.Inform   h2 {text-align:center; padding-bottom:20px;}
.Inform  ul li {float:left;  width:25%; font-size:18px; letter-spacing:-0.7px; text-align:center;  background:none;}

.Inform  ul li:last-child {background:none;}

.Inform01 a {background: url("../imgs/main/Inform02.gif") no-repeat  center 30px;  }
.Inform01 a.but_link {display:inline-block;position:relative;width:100%;padding:160px 0 20px 0; }
.Inform02 a {background:  url("../imgs/main/Inform03.gif") no-repeat  center 30px;  }
.Inform02 a.but_link {display:inline-block;position:relative;width:100%; padding:160px 0 20px 0px; }
.Inform03 a {background: url("../imgs/main/Inform04.gif") no-repeat  center 30px;  }
.Inform03 a.but_link {display:inline-block;position:relative;width:100%; padding:160px 0 20px 0px;  } 
.Inform04 a {background: url("../imgs/main/Inform01.gif") no-repeat  center 30px;}
.Inform04 a.but_link {display:inline-block;position:relative;width:100%;height:100%;padding:160px 0 20px 0px; }

}

@media all and (max-width:767px) {
.Inform  {width:100%;}
.Inform   h2 {text-align:center; padding-bottom:20px;}
.Inform  ul li {float:left;  width:25%; font-size:16px; letter-spacing:-0.9px; text-align:center;  background:none; line-height:18px;}

.Inform  ul li:last-child {background:none;}

.Inform01 a {background: url("../imgs/main/Inform02.gif") no-repeat  center 30px;  }
.Inform01 a.but_link {display:inline-block;position:relative;width:100%;padding:160px 0 20px 0; }
.Inform02 a {background:  url("../imgs/main/Inform03.gif") no-repeat  center 30px;  }
.Inform02 a.but_link {display:inline-block;position:relative;width:100%; padding:160px 0 20px 0px; }
.Inform03 a {background: url("../imgs/main/Inform04.gif") no-repeat  center 30px;  }
.Inform03 a.but_link {display:inline-block;position:relative;width:100%; padding:160px 0 20px 0px;  } 
.Inform04 a {background: url("../imgs/main/Inform01.gif") no-repeat  center 30px;}
.Inform04 a.but_link {display:inline-block;position:relative;width:100%;height:100%;padding:160px 0 20px 0px; }

}

@media all and (max-width:450px) {
.Inform  {width:100%;}
.Inform   h2 {text-align:center; padding-bottom:20px;}
.Inform  ul li {float:left;  width:25%; font-size:14px; letter-spacing:-0.9px; text-align:center;  background:none; line-height:18px;}

.Inform  ul li:last-child {background:none;}

.Inform01 a {background: url("../imgs/main/Inform02s.gif") no-repeat  center 10px;  }
.Inform01 a.but_link {display:inline-block;position:relative;width:100%;padding:95px 0 20px 0; }
.Inform02 a {background:  url("../imgs/main/Inform03s.gif") no-repeat  center 10px;  }
.Inform02 a.but_link {display:inline-block;position:relative;width:100%; padding:95px 0 20px 0px; }
.Inform03 a {background: url("../imgs/main/Inform04s.gif") no-repeat  center 10px;  }
.Inform03 a.but_link {display:inline-block;position:relative;width:100%; padding:95px 0 20px 0px;  } 
.Inform04 a {background: url("../imgs/main/Inform01s.gif") no-repeat  center 10px;}
.Inform04 a.but_link {display:inline-block;position:relative;width:100%;height:100%;padding:95px 0 20px 0px; }

}



/* TABLIST*/ 

.notice {padding-top:35px; clear:both;  width:1200px; margin:0 auto;}

.tabList {float:left; position:relative;  width:100%; height:210px;  text-align:center; top:35px;}

.tabList ul li {display:inline-block;}
.tabList ul li a.tabBtn {float:left; display:block; font-size:28px; font-weight:normal; letter-spacing: -1px; color:#818181; padding:0 30px; height:46px; line-height:46px;}
.tabList ul li.on a.tabBtn { color:#1d1b1b; font-weight:normal;}

.tabList ul li .tabContent:after { content:""; clear:both; display:block; }
.mainNoticeBox {overflow: hidden;display: inline-block;}
.tabList ul li .tabContent .tabbox { float: left; width: 290px;  margin-left: 10px; overflow:hidden; }
.tabList ul li .tabContent .tabbox:first-child { margin-left:0; }
.tabList ul li .tabContent .tabbox.none { margin-right:0;  }
.tabList ul li .tabContent .tabbox a { display:block; height:150px; text-align:left;   background:#fff; border:1px solid #d9d9d9; padding:50px 15px 10px 25px; }
.tabList ul li .tabContent .tabbox a img {top:0; position:absolute;}

.tabList ul li .tabContent .tabbox a .title {display:block; color: #2d2d2d; font-size:21px; line-height:28px; height: 56px;overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	text-overflow: ellipsis;
	margin-bottom:40px;
}

.tabList ul li .tabContent .tabbox a .date { display:block; font-size:14px; color: #555; }
.tabList ul li .tabContent .tabbox a:hover { background:#2e68a6; border-right:1px solid #2e68a6; border-bottom:1px solid #2e68a6; }
.tabList ul li .tabContent .tabbox a:hover .title,.tabList ul li .tabContent .tabbox a:hover .date {color:#fff; text-decoration:underline;}
.tabList ul div.tabContent {position:absolute; top:80px; left:0; width:100%;}
.tabList ul ul li {width:100%;}
.tabList ul ul li:after {content:""; display:block; clear:both;}
.tabList .tabMore a {position:absolute; bottom:-80px; left:50%; margin-bottom:0px; margin-left:-30px; background: url("../imgs/main/tabMore.png") no-repeat ; height:50px; width:50px;}
.tabList .tabMore span {display:none;}


@media only screen and (max-width: 1024px) {
	
	.tabList {top: 20px;height: 380px; width:100%; }
	.tabList ul li { margin:0 ; }
	.tabList ul li a.tabBtn {float:left; display:block; font-size:20px; font-weight:normal; letter-spacing: -1.5px; color:#818181; padding:0 10px; height:46px; line-height:46px;}
    .tabList ul li.on a.tabBtn { color:#1d1b1b; font-weight:normal;}

	.tabList ul li .tabContent {top: 60px;height: auto;padding-bottom: 45px;padding: 0;width: 100%;}
	.mainNoticeBox { width:90%; }
	.tabList ul li .tabContent .tabbox {width: 48%;margin: 0 0 0 4%;height: auto;}
	.tabList ul li .tabContent .tabbox a {padding: 45px 6%;height: 90px;}
	.tabList ul li .tabContent .tabbox.bottom { display:none; }
	.tabList ul li .tabContent .btnMore {bottom: -50px;}

	.tabList ul li .tabContent .tabbox a .title { font-size: 16px; line-height: 20px; height: 40px; margin-bottom: 14px; }
	.tabList ul li .tabContent .tabbox a .date { display:block; font-size:14px; color:#afafaf; 	}

}

@media only screen and (max-width: 450px) {

   .tabList ul li { margin:0 ; }
   .tabList ul li a.tabBtn {float:left; display:block; font-size:15px; font-weight:normal; letter-spacing: -2px; color:#818181; padding:0 5px; height:46px; line-height:46px;}
   .tabList ul li.on a.tabBtn { color:#1d1b1b; font-weight:normal;}

}

@media only screen and (max-width: 360px) {

   .tabList ul li { margin:0 ; }
   .tabList ul li a.tabBtn {float:left; display:block; font-size:15px; font-weight:normal; letter-spacing: -2px; color:#818181; padding:0 5px; height:46px; line-height:46px;}
   .tabList ul li.on a.tabBtn { color:#1d1b1b; font-weight:normal;}

}


/* list */

.list {}
.list > li {float: left; margin-left: 2%; margin-bottom: 20px; width: 32%; text-align: left; overflow: hidden;}
.list > li a { width: 80%; display:inline-block; padding-left:30px;  margin-bottom: 60px; }
.list > li.left {margin-left: 0;}
.list > li * {color: #fff;}
.list > li.cnt01 {padding-top: 50px;   background: url("../imgs/main/cnt01.gif") no-repeat ;}
.list > li.cnt02 {padding-top: 50px;   background: url("../imgs/main/cnt02.gif") no-repeat ;}
.list > li.cnt03 {padding-top: 50px;  background: url("../imgs/main/cnt03.gif") no-repeat ;}

.text-h2 {font-size:23px; line-height:30px;}
.btn { padding-top: 25px; padding-left:20px;   background: url("../imgs/main/cntMore.png") no-repeat 0 20px; height:30px; width:120px; font-size:14px; font-weight:bold;}


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

.list {}
.list > li {float: left; margin-left: 2%; margin-bottom: 20px; width: 32%; text-align: left; overflow: hidden;}
.list > li a { width: 80%; display:inline-block; padding-left:20px;  height:130px; }
.list > li.left {margin-left: 0;}
.list > li * {color: #fff;}
.list > li.cnt01 {padding-top: 20px;   background: url("../imgs/main/cnt01.gif") no-repeat ;}
.list > li.cnt02 {padding-top: 20px;   background: url("../imgs/main/cnt02.gif") no-repeat ;}
.list > li.cnt03 {padding-top: 20px;  background: url("../imgs/main/cnt03.gif") no-repeat ;}

.text-h2 {font-size:18px; line-height:22px;}
.btn { padding-top: 20px; padding-left:20px;   background: url("../imgs/main/cntMore.png") no-repeat 0 20px; height:30px; width:120px; font-size:14px; font-weight:bold;}

}

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

.list {overflow: hidden;}
.list > li {float: left; margin-left: 2%; margin-bottom: 20px; width: 32%; text-align: left; overflow: hidden; height:100px;}
.list > li a { width: 80%; display:inline-block; padding-left:10px; height:80px; }
.list > li.left {margin-left: 0;}
.list > li * {color: #fff;}
.list > li.cnt01 {padding-top: 20px;   background: url("../imgs/main/cnt01.gif") no-repeat ;}
.list > li.cnt02 {padding-top: 20px;   background: url("../imgs/main/cnt02.gif") no-repeat ;}
.list > li.cnt03 {padding-top: 20px;  background: url("../imgs/main/cnt03.gif") no-repeat ;}

.text-h2 {font-size:14px; line-height:15px;}
.btn { display:none;}

}

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

.list {overflow: hidden;}
.list > li {float: left; margin-left: 0; margin-bottom: 20px; width: 100%; text-align: left; overflow: hidden;}
.list > li a { width: 80%; display:inline-block; padding-left:10px;  }
.list > li.left {margin-left: 0;}
.list > li * {color: #fff;}
.list > li.cnt01 {padding-top: 20px;   background: url("../imgs/main/cnt01.gif") no-repeat ;}
.list > li.cnt02 {padding-top: 20px;   background: url("../imgs/main/cnt02.gif") no-repeat ;}
.list > li.cnt03 {padding-top: 20px;  background: url("../imgs/main/cnt03.gif") no-repeat ;}

.text-h2 {font-size:14px; line-height:15px;}
.btn { padding-top: 20px; padding-left:20px;   background: url("../imgs/main/cntMore.png") no-repeat 0 20px; height:30px; width:120px; font-size:14px; font-weight:bold;}
}