/* Default tab style */

/* CSS Document */
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url('/css/font.css');
@charset "utf-8";
* {margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif, 'BMDoHyeon','¹è´ÞÀǹÎÁ· µµÇö',sans-serif; -webkit-text-size-adjust: none;}
body, html{ min-width:1098px; }
a, a:active, a:link, a:hover{text-decoration:none !important;}

body { font-family: 'NanumSquare', sans-serif; 'Nanum Myeongjo', serif; 'SangSangShin';
                    "³ª´®°íµñ", NanumGothic,sans-serif !important; margin: 0;
                     }



.container > section {
	min-height: 100%;

}

.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 300;
	font-size: 1.25em;
	


}

/* Nav */
.tabs nav {
   position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 300;
	top:430px;
}



.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1300px;
	list-style: none;


	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	font-size: 22px;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;

}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;

}

.tabs nav a span {
	vertical-align: middle;
	font-size: 18px;
}

.tabs nav li.tab-current a {
	color: #74777b;
}

.tabs nav a:focus {
	outline: none;
}



/* Content */
.content-wrap {
	position: relative;

}

.content-wrap section {
	display: none;
	width: 100%;
	text-align: center;
	position: relative;
	margin: 0; padding:0;
	top:-180px;

}

.content-wrap section.content-current {
	display: block;
}

.content-wrap section p {
	margin: 2em;
	color: #076abd;
	font-weight: 700;
	font-size: 49px;
	letter-spacing: -1px;
}
.content-wrap section span {
	color: #000;
	font-weight: 400;
}

.content-wrap .section_s {
    margin: 20px 0 8px 0;
	text-align: right;
	color: #848484;
	font-weight: 300;
	font-size: 28px;
	letter-spacing: -1px;
	line-height: 1.6;
}

.content-wrap .section_s span {
	color: #05c9f3;
	font-weight: 500;
}


/*ÀÚÁÖ¹¯´Â Áú¹®*/
.accordion_banner{width:900px; margin:auto;}
.accordion_title{
  width:100%;
  vertical-align:middle;
  float:left; 
  position: relative;
  display: inline;
  padding: 20px;
  background-color:#fff;
  border-bottom-color:#000;
  border: 1px solid;
  border-top-color:#fff;
  border-right-color:#fff;
  border-bottom-color:#b4b4b4;
  border-left-color:#fff;
}
.accordion_title p{
  width:100%;  
  font-size:20px; 
  line-height:2; 
  letter-spacing: -2px;
  color:#000; 
  font-weight:600;
  display:table;
  display:table-cell; 
  vertical-align:middle;
  }
.accordion_title img{
  width:35px;
  float: left;
  padding: 0 20px 0 10px;
}
.accordion_sub{
  padding: 20px;
  display:table; 
  display:table-cell; 
  vertical-align:middle;
  width:100%;
  
}
.accordion_sub p{
  font-weight:400;
  float:left; 
  font-size:18px; 
  line-height:1.5; 
  color:#696868;
  letter-spacing: -1;
}
.accordion_sub img {
  width:35px;
  float:left;
  padding:10px;

}

/*ÀÚÁÖ¹¯´Â Áú¹® ³¡*/



/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}





@media screen and (max-width:1850px){
  .sub_section03{
  margin-left:27%;}
}
@media screen and (max-width:1800px){
  .sub_section03{
  margin-left:26%;}
}
@media screen and (max-width:1750px){
  .sub_section03{
  margin-left:25%;}
}
 @media screen and (max-width:1700px){
  .sub_section03{
  margin-left:24%;}
}
@media screen and (max-width:1650px){
  .sub_section03{
  margin-left:23%;}
}
 @media screen and (max-width:1600px){
  .sub_section03{
  margin-left:22%;}
    .sub_section01{
  margin-left:17%;
}
}
@media screen and (max-width:1550px){
  .sub_section03{
  margin-left:21%;}
}
 @media screen and (max-width:1500px){
  .sub_section03{
  margin-left:20%;}
  .sub_section01{
  margin-left:15%;
}
}
@media screen and (max-width:1450px){
  .sub_section03{
  margin-left:19%;}
}
@media screen and (max-width:1400px){
  .sub_section03{margin-left:18%;}
    .sub_section01{
  margin-left:10%;
}
}
@media screen and (max-width:1350px){
  .sub_section03{margin-left:17%;}
}
 @media screen and (max-width:1300px){
  .sub_section03{margin-left:16%;}
    .sub_section01{
  margin-left:7%;
}
}
 @media screen and (max-width:1250px){
  .sub_section03{margin-left:15%;}
}
@media screen and (max-width:1200px){
  .sub_section03{margin-left:14%;}
}
@media screen and (max-width:1150px){
  .sub_section03{margin-left:12%;}
}
@media screen and (max-width:1100px){
  .sub_section03{
  margin-left:9%;}
.sub_section01{
  margin-left:1%;
}
 @media screen and (max-width:1050px){
  .sub_section03{margin-left:7%;}
}
@media screen and (max-width:1000px){
  .sub_section03{margin-left:6%;}
}





/*¸Þ´º NEW ½ºÅ¸ÀÏ*/

.new_top_bg{
  margin:10px 10px 20px;
}

.new_top{
  width:1380px;
	overflow: hidden;
  margin:0 auto;
	zoom:1;
}


.topnav {
  overflow: hidden;
  float: left;
  width:1000px;
  margin:0 auto;
  margin-top:47px;
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  font-weight: 400;
  letter-spacing: -1.5px;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 17px;
  border-bottom: 3px solid transparent;
}

.topnav a:hover {
  border-top: 3px solid #00aeef;
  color: #00aeef;
  font-weight: 800;
}

.topnav a.active {
  border-top: 3px solid #00aeef;
  color: #00aeef;
  font-weight: 800;
}