@charset "utf-8";

/* -------------------------------------------------------------------------------------------------------------------------------
	main
	------------------------------------------------------------------------------------------------------------------------------
*/



	#content {
		position: relative;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		margin: 0 auto;
 
	}

	#content.main-content {
		position: relative;
		width: 100%;
		height: auto;
		margin-top: 120px;
	}

	#content .mainSection01, #content .mainSection02, #content .mainSection03, #content .mainSection04, #content .mainSection05, #content .mainSection06, #content .mainSection07 , #content .mainSection08, #content .mainSection09, #content .mainSection10, #content .mainSection11, #content .mainSection12, #content .mainSection13, #content .mainSection14{
	position: relative;
    display: block;
    width: 100%;
	height: 40vw;
    max-height: 600px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
	}
	#content .mainSection_01, #content .mainSection_02, #content .mainSection_03, #content .mainSection_04, #content .mainSection_05, #content .mainSection_06, #content .mainSection_07, #content .mainSection_08, #content .mainSection_09, #content .mainSection_10, #content .mainSection_11, #content .mainSection_12, #content .mainSection_13, #content .mainSection_14{
		position: relative;
    display: block;
    width: 100%;
		height: 100%;
    min-height: 600px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
		padding: 15px 0;
	}
	#content > div .container {
		text-align: center;
    max-width: 100%;
    width: 100%;
    height: 100%;
	}


	#content > div .container .link_wrap {cursor:pointer}
	#content > div .container .mcontent {display: none;}

	/* #content .mainSection01 {background:url(../img/main/mainCon01_bg01.jpg) top center no-repeat;}
	#content .mainSection02 {background:url(../img/main/mainCon02_bg01.jpg) top center no-repeat;}
	#content .mainSection03 {background:url(../img/main/mainCon03_bg01.jpg) top center no-repeat;}
	#content .mainSection04 {background:url(../img/main/mainCon04_bg01.jpg) top center no-repeat;}
	#content .mainSection05 {background:url(../img/main/mainCon05_bg01.jpg) top center no-repeat;} */


	#content .mainSection01 {background:url(../img/main/mainCon_bg02.jpg) no-repeat center/cover;}
	#content .mainSection02 {background:url(../img/main/mainCon_bg01.jpg) no-repeat center/cover;}
	#content .mainSection03 {background:url(../img/main/mainCon_bg03.jpg) no-repeat center/cover;}
	#content .mainSection04 {background:url(../img/main/mainCon_bg04.jpg) no-repeat center/cover;}
	#content .mainSection05 {background:url(../img/main/mainCon_bg05.jpg) no-repeat center/cover;}
	#content .mainSection06 {background:url(../img/main/mainCon_bg06.jpg) no-repeat center/cover;}
    #content .mainSection07 {background:url(../img/main/mainCon_bg07.jpg) no-repeat center/cover;}
    #content .mainSection08 {background:url(../img/main/mainCon_bg08.jpg) no-repeat center/cover;}
    #content .mainSection09 {background:url(../img/main/mainCon_bg09.jpg) no-repeat center/cover;}
    #content .mainSection10 {background:url(../img/main/mainCon_bg10.jpg) no-repeat center/cover;}
    #content .mainSection11 {background:url(../img/main/mainCon_bg11.jpg) no-repeat center/cover;}
    #content .mainSection12 {background:url(../img/main/mainCon_bg12.jpg) no-repeat center/cover;}
    #content .mainSection13 {background:url(../img/main/mainCon_bg13.jpg) no-repeat center/cover;}
   #content .mainSection14 {background:url(../img/main/mainCon_bg14.jpg) no-repeat center/cover;}
 }


	#content .mainSection02 .btn_detail_view {position: absolute;top:415px;left:232px;z-index: 0;}
	#content .mainSection03 .btn_detail_view {position: absolute;top:388px;right:278px}
	#content .mainSection04 .btn_detail_view {position: absolute;top:385px;left:100px}


	h2.tit {font-size: 30px;font-weight: normal;padding: 60px 0 20px 0;text-align: center;color: #0F77B2;}	/**/

		h3.tit {font-size: 30px;font-weight: normal;padding: 60px 0 35px 0;text-align: center;color: #282b32;}
		h4.tit {font-size: 24px;padding-bottom: 20px;padding-top:30px;margin-bottom: 20px;background:url(../img/main/tit_bar.gif) center bottom no-repeat;color: #333;}
		h4.tit2 {position:absolute;
			/* left:11px; */
			top:320px;font-size:18px;font-weight:bold;color:#00588A;}
		h4.tit3 {font-size:18px;color:#0F77B2;font-weight:bold;padding:25px 0 15px 0;}
		p.txt {font-size: 16px;color: #262626;line-height: 1.8;}
		p.txt1 {font-size:24px;height:50px;line-height:50px;text-align:center;color:#FFF;background-color:rgba(35,31,32,0.7);margin:0;padding:0;}
		p.txt2 {position:absolute;
			/* left:11px; */
			top:360px;
			font-size:19px;margin:0;color:#272727;}
		p.txt3 {font-size:17px;color:#272727;}
		p.stxt{color:#666666;font-size:13px;margin:12px 0 0 0;}
		p.stxt2 {
			position: absolute;
			/* left: 11px; */
			top: 426px;
			font-size: 14px;
			color: #666;
			letter-spacing: -0.5px
		}

	.line{width:44px;height:1px;margin:0 auto;text-align:center;background-color:#000;margin-bottom: 20px;}



	/************************     2번째단             ********************************/


	.box01{
		position: relative;
		display: block;
	  font-size: 0;
	  text-align: center;

	  overflow: hidden;
		width: 100%;
	  height: auto;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 20px 0;
		}

	.box01 a{
		position: relative;
		display: inline-block;
	  width: 31%;
		height: auto;
		max-width: 740px;
	  vertical-align: top;
	  overflow: hidden;
		box-sizing: border-box;
		margin: 0 10px 10px 10px;
	}


		.box01 a .thumbnails {
			position: relative;
	    overflow: hidden;
	    /* height: 360px; */
	    height: 30vw;
	}

	.box01 a:hover .thumbnails .loader{
		transform: scale(1.08);
	}

	.box01 a:hover .info{
		/* visibility: hidden; */
		display: none;
	}

	 .box01 a .thumbnails .loader {
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    margin: auto;
	    transform: scale(1);
	    transition: transform 0.35s;
			background-repeat: no-repeat;
	    background-position: center center;
	    background-size: cover;
	}

	.box01 a .info {
	    position: absolute;
			width: 100%;
			height: auto;
			min-height: 93px;
			box-sizing: border-box;
			overflow: hidden;
	    bottom: 0px;
	    left: 0px;
	    text-align: left;
			background-color: rgba(0,0,0,.7);
			vertical-align: middle;
	}

	.box01 a .info .txt {
	    font-family: 'Titillium Web', sans-serif;
	    font-size: 20px;
	    line-height: 1.3;
	    font-weight: bold;
	    color: #fff;
	    text-transform: uppercase;
			width: 100%;
			margin: 10px 5px 5px 10px;
			box-sizing: border-box;
	}


	.box01 a .info .txt2 {
	    margin-top: 8px;
	    font-size: 15px;
	    line-height: 1.4;
	    font-weight: 300;
	    color: #fefefe;
			word-wrap: break-word;
			white-space: normal;
			-webkit-line-clamp: 2;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
	}
	.box01 a .info .txt2{
			margin: 5px 5px 0px 10px;
	}


	@media all and (max-width:1089px){
	.box01{
		position: relative;
	  font-size: 0;
	  text-align: center;
	  overflow: hidden;
		}


		.box01 a{
	  width: calc(46.5% - 3.5px);
		margin: 0 5px 5px 5px;
		}

		.box01 a .thumbnails{
	  height: 45vw;
	}

	.box01 a .info .eng {
			font-size: 18px;

	}
	.box01 a .info .txt,
	.box01 a .info .txt2{
			margin-top: 5.5px;
	}

	.box01 a .info .txt2{
		margin-top: 0;
	}
	}
	/***************************************************************************/

.cpage {
    clear: both;
    position: relative;
    overflow: visible;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.story {
    position: relative;
    padding: 20px 0 0px;
    font-size: 0;
    overflow: hidden;
		box-sizing: border-box;
}

.story_wrap {
    position: relative;
    margin: 30px auto 0px;
    max-width: 1400px;
    text-align: center;
    overflow: hidden;
}

.story_wrap a {
    position: relative;
    display: inline-block;
    margin: 0 17px 80px;
    width: calc(25% - 34px);
    vertical-align: top;
    overflow: hidden;
}
.story_wrap a .thumbnails {
    height: 300px;
		position: relative;
    overflow: hidden;
		margin: 0 auto;
}

.story_wrap a .thumbnails .loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: scale(1);
    transition: transform 0.35s;
}

/*
.thumb1 > .thumbnails::after {
 content: '';
 position: absolute;
 margin: 0 auto ;
 top: 15px; right: 15px; bottom: 15px; left: 15px;
 border: 1px solid #ffffff;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
}

 .thumb1 a:hover .thumbnails::after,
.thumb1 a:hover .thumbnails::before  {
	opacity: 0.8;
	visibility: visible;
} */

.story_wrap a .info {
    padding: 20px 0;
    text-align: left;
}
.story_wrap a .info .name {
    font-size: 20px;
    line-height: 1;
    color: #333;
		font-weight: bold;
}
.story_wrap a .info .txt {
    margin-top: 8px;
    font-size: 17px;
    line-height: 1;
    font-weight: 300;
    color: #949494;
}

.story_wrap a .info .eng	{
	line-height: 2.5;
	color: #fff;
	text-transform: uppercase;
	width: 100%;
}


/***********************************    NEWS 시작  *******************************************************/
.mainSection_02, .mainSection_04{
	background-color: rgba(205, 205, 205, 0.2);
}


	.box05 {
		position: relative;
		display: block;
    text-align: center;
    overflow: hidden;
		width: 100%;
		max-width: 1400px;
    height: auto;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
		}


	.box05 .box05_t1 {
		width: 100%;
		float:left;
	}

	.box05 a {
		position: relative;
    display: inline-block;
    margin: 0 15px 30px;
    width: 30%;
    vertical-align: top;
    overflow: hidden;
}



.box05 a .thumbnails {
	width: 100%;
    height: 300px;
		position: relative;
    overflow: hidden;
		margin: 0 auto;
}

.box05 a .thumbnails .loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: scale(1);
    transition: transform 0.35s;
}


	dl.box05_t1 dt {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 0 auto;
	box-sizing: border-box;
}


@media all and (max-width:1200px){
	.box05{
		padding: 0 10px;
	}


	.box05 a {
		width: 28%;
		margin: 8px;
	}
	.box05 a .thumbnails {
			height: 30vw;
	}
}


@media all and (max-width:920px) and (min-width:769px){


}
@media all and (max-width:768px){
	.box05{padding: 0 15px;}

	.box05 a {
		width: 90%;
		margin: 0px;
	}
	.box05 a .thumbnails {
			height: 40vw;
	}



	/* .box05 a {
		width: 100%;
	} */
/* .box05 .box05_t1 {
		width: 100%;
		padding-bottom: 15px;
		margin: 0 auto;
	} */

/*
	.box05 a:nth-child(3n-2),
	.box05 a:nth-child(3n-1),
	.box05 a:nth-child(3n) {
		width: 100%;
		width: initial;
		margin: 0;
		height: 40vw;
		height:auto;
		margin: 0 auto;
	} */

.box05	h4.tit3{
	padding: 5px 0 10px 0;
}
.box05 dd{
	margin-bottom: 10px;
}


}
/*****************NEWS 끝*******************************/

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

	#content .mainSection01, #content .mainSection02, #content .mainSection03, #content .mainSection04, #content .mainSection05{
		height: 40vw;
	}

	/* #content > div .container {
		width: 100%;
		height: 40vw;
		min-height: initial;
	} */
	#content .mainSection_01, #content .mainSection_02, #content .mainSection_03, #content .mainSection_04, #content .mainSection_05 {
		width: 100%;
		height: auto;
		max-height: 100%;
	}
}

	@media all and (max-width:1089px){
	#content.main-content {
		margin-top: 53px;
	}
	/* .story{
		padding: 60px 15px 20px;
	} */
	.story_wrap{
		margin-bottom: 0;
	}
	.story_wrap a{
		margin: 0 7px 30px 7px;
    width: calc(50% - 14px);
	}
	.story_wrap a .thumbnails{
		height: 40vw;
	}
	/* .story_wrap a .thumbnails .eng {
		font-size: 20px;
	} */

	/* .story_wrap a .thumbnails::after {
	    border-width: 5px;
	} */
	.story_wrap a .info {
    padding: 10px 0;
}
.story_wrap a .info .name {
    font-size: 17px;
}
.story_wrap a .info .txt {
    margin-top: 5px;
    font-size: 14px;
}
	}

	@media all and (max-width:768px){
		#content .mainSection01, #content .mainSection02, #content .mainSection03, #content .mainSection04, #content .mainSection05, #content .mainSection06, #content .mainSection07, #content .mainSection08, #content .mainSection09, #content .mainSection10, #content .mainSection11, #content .mainSection12, #content .mainSection13, #content .mainSection14 {
			height: 72vw;
		}
		#content .mainSection01 {background:url(../img/main/mainm_bg02.jpg) no-repeat center/cover;}
		#content .mainSection02 {background:url(../img/main/mainm_bg01.jpg) no-repeat center/cover;}
		#content .mainSection03 {background:url(../img/main/mainm_bg03.jpg) no-repeat center/cover;}
		#content .mainSection04 {background:url(../img/main/mainm_bg04.jpg) no-repeat center/cover;}
		#content .mainSection05 {background:url(../img/main/mainm_bg05.jpg) no-repeat center/cover;}
		#content .mainSection06 {background:url(../img/main/mainm_bg06.jpg) no-repeat center/cover;}
		#content .mainSection07 {background:url(../img/main/mainm_bg07.jpg) no-repeat center/cover;}
		#content .mainSection08 {background:url(../img/main/mainm_bg08.jpg) no-repeat center/cover;}
		#content .mainSection09 {background:url(../img/main/mainm_bg09.jpg) no-repeat center/cover;}
		#content .mainSection10 {background:url(../img/main/mainm_bg10.jpg) no-repeat center/cover;}
		#content .mainSection11 {background:url(../img/main/mainm_bg11.jpg) no-repeat center/cover;}
		#content .mainSection12 {background:url(../img/main/mainm_bg12.jpg) no-repeat center/cover;}
		#content .mainSection13 {background:url(../img/main/mainm_bg13.jpg) no-repeat center/cover;}
		#content .mainSection14 {background:url(../img/main/mainm_bg14.jpg) no-repeat center/cover;}
	}