@charset "utf-8";
@import url("new.css");
/* @import url("hover.css"); */
/* -----------------------------------	main  -------------------------------------------------*/

/* 팝업공지 */
.poptxt {	width:100%;	height:30px; line-height:30px;	font-size:12px;	background:#2d2d2d;
	color:#fff;	text-align:right;}
.poptxt p {	color:#fff;	cursor: auto;	text-decoration:none;}
.poptxt p span{	padding: 0 5px;	color:#fff;	font-weight:normal;	cursor: auto;	text-decoration:none;}
.poptxt p a {	padding: 0 10px 0 5px;	color:#fff;	font-weight:bold;}
.poptxt p > a:hover {color:#00588a;}

#mainContents{position: relative;}
.mainSection { width: 100%; margin: 0 auto;box-sizing: border-box;}
.mainSection1 { position: relative; width: 100%; min-height: 100%; margin: 0 auto;
	padding:20px 0;	box-sizing: border-box;}
.mainSection2 { width: 90%; margin: 0 auto;}

.article-title h2{	display: inline-block;	padding-bottom: 0px;}
.article-title h2::after{ content: '';	display: block; width: 100%; height: 1px;
	margin: 0 auto;	margin-top: 6px;	margin-bottom: 0px;	background-color: #00224b;}
.maintithead{  display: block;  margin-bottom: 5px;  font-size: 19px;  color: #116cb6;}

.container1{padding-bottom: 50px;}

@media all and (max-width:1089px){
.container1{padding-bottom: 100px;}
.mainSection1{	padding:0 5px;		min-height: auto;}
}



.icon-scroll {	position: absolute;	display: block;	width: 100%; bottom: 3%;	text-align: center;}
.icon-scroll a { display: inline-block;	width: 38px; height: 44px;left: 50%; transform: translateX(-50%);
	cursor:pointer; background:url(../img/main/icon_scroll.png) 0 0 no-repeat; transition: background 0.4s;}
.icon-scroll:hover a,.icon-scroll:active a{	background:url(../img/main/icon_scroll2.png) 0 0 no-repeat;}

p.txt, p.txt2, p.txt3{ font-size: 16.5px !important; }

.bghave {	background:#f1f1f1;	height:auto;}
.bghave2 {background:#f1f1f1;	height:auto;}
.bghave3 {	background:#BBCDCF; height:auto;}
.bgPatten { background:#f1f1f1 url(../img/main/bghave.jpg) 0 2px repeat;}
.main3h { height:873px;}

h2.tit { padding: 60px 0px 0; font-size: 30px; font-weight: normal; text-align: center; color: #282b32;}
h2.tit:after{	content: ''; display: block;  width: 44px; height: 0px;
  margin: 0 auto;	margin-top: 10px;  background-color: #00224b;}
h3.tit { padding: 60px 0 60px 0; font-size: 30px; font-weight: normal; text-align: center; color: #282b32;}
h4.tit { margin-bottom: 20px; padding-bottom: 15px; font-size: 24px;	color: #00588A;	font-weight: bold;}
h4.tit::after{ content: '';	display: block;  width: 40px; height: 1px;
  margin: 0 auto;	margin-top: 10px;  background-color: #00224b;}
h4.tit2 { position:absolute; top:320px; font-size:18px; font-weight:bold; color:#00588A;}
h4.tit3 { padding:20px 0 20px 0; font-size:20px; color:#00588a; font-weight:bold;}
p.txt { color: #262626; line-height: 1.8;}
p.txt1 { height:50px;	margin:0; padding:0; font-size:24px; line-height:50px;
	text-align:center; color:#fff; background-color:rgba(35,31,32,0.7);}
p.txt2 { position:absolute; margin:0; top:360px; font-size:19px; color:#272727;}
p.txt3 { font-size:16.5px; color:#272727;}
p.stxt{ margin:12px 0 0 0; color:#666666; font-size:14.5px;}
p.stxt2 {	position: absolute;	top: 426px;	font-size: 15px; color: #666; letter-spacing: -0.5px;}

.h9sub, .h2sub	{	width:100%;	font-size: 18px;	text-align:center; color:#272727;
	}
.h9sub{	padding:24px 0 0 0;}
.h2sub{	padding:0px 0 45px 0;}
@media all and (max-width:768px){
h2.tit { padding: 30px 0 10px 0;}
.h2sub{	padding:0px 0 25px 0;}
.h9sub{	width: 80%;	margin: 0 auto;}
}


/******************************    공통  *************************************/
a .label{  position: absolute; left: 0; padding: 7px 10px; font-size: 15px;  color: #fff;
 background-color: rgba(0, 0, 0, 0.8);  box-sizing: border-box;  z-index: 1;
 font-weight: normal; transform: skew(-0.03deg);}

#viewBtn{	position: relative;	display: block;	width: initial;	margin-top: 20px;}
#viewBtn .viewbtn{	display: inline-block;transform: skew(-0.03deg); 	text-align: center;
	font-size: 15px; color: #fff; 	vertical-align: middle;}
.viewbtn::after{ content:'+';	display: inline-block;	width: 15px;	height: 1px; color: #f8dbdd;}
#viewBtn::after{	content:'';	display: block;	width: 44px;	height: 1px;
	margin: 0 auto;	margin-top: 5px;	background-color: #ffbadc;}
.cont2B .info, .cont3B .info, .cont4B .info, .cont5B .info{
	color: #fff; 
.cont2B .info .name, .cont3B .info .name, .cont4B .info .name, .cont5B .info .name{
	margin: 5px 0;	font-size: 20px; color: #116cb6;	 	}
.cont2B .info .name::after, .cont3B .info .name::after, .cont4B .info .name::after,
.cont5B .info .name::after{	content: '';	display: block;	width: 40px;	height: 1px; margin: 0 auto;
	margin-top: 8px;	margin-bottom: 0px;	background-color: #00224b;}
.cont2B .info .txt1, .cont3B .info .txt1, .cont4B .info .txt1, .cont5B .info .txt1,
.cont5B .info .txt2{	padding-top: 10px;	font-size: 16.5px;	line-height: 1.6;}

@media all and (max-width:768px){
.cont2B .info .name,	.cont3B .info .name,	.cont4B .info .name, .cont5B .info .txt1{
	font-size: 18px; margin-bottom: 10px;}
}

/***********    key visual     ************/
.slide00wr{ position: relative;display: block;}
.slide00wr .eng{	position: absolute;		height: auto;		top:63%;	
		left: 5%;	text-align: left;	color:#000;	z-index: 1;}
.slide00wr .eng1{ font-size: 90px;	font-weight: 900;	line-height: 1;	color: rgba(255,255,255,.75);}
.slide00wr .eng2{ font-size: 14px;}
.slide00wr .eng2 .eng2_01{	font-size: 12px;}
.slide00wr .eng2 .eng2_02{	font-size: 12px; font-weight: bold;}
.slide00wr .eng2 .eng2_b{	font-weight: bold;}

.topVisiual {	position: relative;	display: block; width: 100%; height: auto;
	margin: 0 auto;  text-align: center;  overflow: hidden;}
.topVisiual .loader {	max-width:100%;  width: 100%;	height: 52vw;	text-align: center;}
.topVisiual .loader1{background:url(../img/main/topVisiual.jpg) no-repeat center/cover; }
.topVisiual .loader2{background:url(../img/main/topVisiual2.jpg) no-repeat center/cover; }
.topVisiual .loader3{background:url(../img/main/topVisiual3.jpg) no-repeat center/cover; }

#slide00 .slick-arrow{	position: absolute;	top: 40%;}
#slide00 .slick-prev {left: 5%;}
#slide00 .slick-next {	right: 5%;}
#slide00 .slick-dots {bottom:10%;}

@media all and (max-width:1189px){
#slide00 .slick-arrow {  top: 40%;  bottom: inherit;  vertical-align: top;}
	.slide00wr .eng2 .eng2_01, .slide00wr .eng2 .eng2_02{	font-size: 12px;	line-height: 1;}
}
@media all and (max-width:1089px){
#divpop {	display:none;	}
.topVisiual {	height: 55vw;}
.topVisiual .loader{height: 55vw;}
.topVisiual{	width: 100%; height: 100%;	margin-top: 0;	box-sizing: border-box;	margin: 0 auto;}
.icon-scroll{	display:none;}
.slide00wr .eng1{ font-size: 4em;}
.slide00wr .eng2 .eng2_01, .slide00wr .eng2 .eng2_02{	font-size: 13px;	line-height: 1;}
}
@media all and (max-width:768px){
.slide00wr .eng1{ font-size: 1.0em; line-height: 1;}
.slide00wr .eng2 .eng2_01, .slide00wr .eng2 .eng2_02{	font-size: 12px;	line-height: 1;}
.slide00wr .eng{top:48%;}
.topVisiual {	height: 70vw;}
.topVisiual .loader{	width: 100%;height:100%;}
}
/* .cn_txt{font-family: 'Nanum Gothic','나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Noto Sans TC', 'Sans-serif' !important;} */

/******************************    1번째 단     hanil DNA  *************************************/

.cont1B {	position: relative;	display: block;	width: 100%; height: auto;	margin: 0 auto;
  padding: 0 10px; font-size: 0;  text-align: center;  overflow: hidden; box-sizing: border-box;}
.cont1B>a{	display: block;	width: 100%;	margin: 0;	padding: 0;
	vertical-align: top;	overflow: hidden;	box-sizing: border-box;}
.cont1B  a .thumbnails {	position: relative;	margin: 0 auto; padding: 1px;
	 box-sizing: border-box;	overflow: hidden;	}
.cont1B > .loader{	position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
  transform: scale(1);	background-repeat: no-repeat;
  background-position: center center;  background-size: cover;}
 /* .thumb1 > .thumbnails::after {	content: '';	position: absolute;	margin: 0 auto ;
	top: 15px; right: 15px; bottom: 15px; left: 15px;	border: 2px solid #ffffff; opacity: 0;
	visibility: hidden;	transition: opacity 0.5s, visibility 0.5s, transform 0.5s;} */
.cont1B a .info {}
.cont1L, .cont1R{position: relative; display: inline-block; box-sizing: border-box;}
.cont1L{width: 59%;}
.cont1R{ width: calc(40% - 4%);	height: 100%;	margin-left:4%;	vertical-align: top; }
.cont1Rtit, .cont1Rtit2, .cont1Rsub, .cont1Rsub2{position: relative; text-align: left; word-break: keep-all;
	}

.cont1Rtit{ margin-top:25px;font-size: 34px; color: #00588A; }
.cont1Rtit2{padding-bottom: 10px;font-size: 22px; color: #666666;font-weight: normal;}
.cont1Rsub{ margin-top: 15px;font-size: 18.5px;  color: #272727; }
.cont1Rsub2{ margin-top: 5px;font-size: 17px;  color: #666666; }
.cont1Rtit2::after {  content: '';  position: absolute; width: 100%;  height: 1px;  margin: auto;
left: 0;	bottom: 0;  background-color: #333;}
.cont1Rbtn { display: block;  margin-top: 30px;  width: initial;  padding: 10px 50px;
  color: #00224b;  font-size: 18px;  border: 1px solid #666;	vertical-align: middle;
	}
.cont1Rbtn i{	display: inline-block;  width: 9px;  height: 18px;  margin-left: 15px;  line-height: 18px;
	vertical-align: middle;  background: url(../img/ico/chevron-right.png) no-repeat center/cover;}

@media all and (max-width:1089px){
.cont1L, .cont1R{display: block;}
.cont1L{width: 100%;}
.cont1R{width: 80%; margin: 0 auto; margin-top: 30px;}
}
@media all and (max-width:768px){
.cont1R{ width: 90%; margin-top: 10px;}
}

/************************     2번째단      hanil & VISION       ********************************/

#slide05 .cont2B, #slide015 .cont2B{ position: relative; display: inline-block;width: calc(33.3% - 10px) ;
	height: 100%; margin: 5px; vertical-align: top;		box-sizing: border-box; overflow: hidden;	}

.cont2B .cont2Ba{	position: relative;	display: inline-block;	width: 100%;	box-sizing: border-box;}
.cont2B .thumbnails {	width: 100%;	height: 300px; 	box-sizing: border-box;	overflow: hidden;}
/* .cont2B .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;} */
#slide015 .cont2B .info {  position: absolute; width: 100%;	display: table;
  height: 100%;  min-height: 86px;   bottom: 0px;  left: 0px;
  text-align: left; overflow: hidden;
  background-color: rgba(0,0,0,.6);  vertical-align: middle;}

#slide015 .infowr, #slide013 .infowr{	position: relative;	display: table-cell;
	height: 100%;	padding: 15px 10px;	margin: 0 auto;
	vertical-align: middle;	text-align: center;}
#slide015 .infowr .name{	color:#f5ad00;}

#slide015 .infowr .name::after{	background-color: #fff;}
#slide015 a:hover .infowr{display: none;}
#slide015 a:hover .info{	background-color: rgba(0,0,0,0);}
.cont2B .info .txt1 span{font-size: 16px; line-height: 1.4; padding: 0;vertical-align: middle;}

@media all and (max-width:1089px){
.cont2B .thumbnails{	height: 35vw;}
.cont2B .info .eng {	font-size: 16px;}
}

@media all and (max-width:620px){
.cont2B .thumbnails{  height: 64vw;}
}

/*************/
 .cont3B{ position: relative; display: inline-block;	 width: calc(24.9% - 10px) ;
	height: 100%; margin: 5px; vertical-align: top;		box-sizing: border-box; overflow: hidden;	}
.cont3B .cont3Ba{	position: relative;	display: inline-block;	width: 100%;	box-sizing: border-box;}
.cont3B .thumbnails{	height: 300px;}
/* .cont3B .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;} */
.cont3B .info { position: absolute;	display: table;
	width: 100%;  height: 100%;  min-height: 86px;  bottom: 0px;  left: 0px;	overflow: hidden;
	text-align: left;  background-color: rgba(0,0,0,.6);  vertical-align: middle;}
.cont3B .infowr{	position: relative;	display: table-cell; height: 100%;	padding: 15px 10px;	margin: 0 auto;
	vertical-align: middle;	text-align: center; }
.cont3B .infowr .name{	color:#6dcddd;}
.cont3B .infowr .txt2{margin-top: 10px;  }
/* .cont3B .infowr .viewbtn i{	font-size: 10px;	line-height: 15px; color:#6dcddd;
	background-image: none;	font-style: normal;
	font-family:'Nanum Gothic','나눔고딕','Noto Sans KR' ;} */
.cont3B .infowr .name::after{	background-color: #fff;}
.cont3B a:hover .infowr{display: none;}
.cont3B a:hover .info{	background-color: rgba(0,0,0,0);}

/*************** hanil·tech ***********************/
#cont4{}
#slide01{ width: 80%;  margin: 0 auto;}
@media all and (max-width:1089px){
#slide01{ width: 100%; }
}
.cont4B{ position: relative; display: inline-block;
  /* width: calc(24.9% - 10px) ; */
  width: calc(45% - 10px) ;
 height: 100%; margin: 4px; vertical-align: top;		box-sizing: border-box; overflow: hidden;	}
.cont4B .cont4Ba{	position: relative;	display: inline-block;	width: 100%;	box-sizing: border-box;}
.cont4B .thumbnails{	height: 200px;}
/* .cont4B .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;} */
.cont4B .info { position: absolute;	display: table; width: 100%;  height: 100%;  min-height: 86px;
	bottom: 0px;  left: 0px;	overflow: hidden; text-align: left; /* background-color: rgba(0,0,0,.6);*/
	vertical-align: middle;}

.cont4B .infowr{	position: relative;	display: table-cell; height: 100%;	padding: 15px 10px;	margin: 0 auto; vertical-align: middle;	text-align: center; }
.cont4B .infowr .name{color:#6dcddd; margin-bottom: 40px;}
.cont4B .infowr .name::after{	background-color: #fff;}
.cont4B a:hover .infowr{display: none;}
.cont4B a:hover .info{	background-color: rgba(0,0,0,0);}
.cont4B .news_title{padding-bottom: 15px; font-size: 18px;  text-align: center; color: #64b5dd; }
.cont4B .txt2, .cont4B .txtsub{transform: skew(-0.03deg);}
.cont4B .txt2{ margin-top: 10px;	/* font-size: 15px; */}
.cont4B .txtsub{margin-top: 0; font-weight: normal; color:#fff}

/***************************     4번째단  hanil·culture  *****************************************/
#cont5 .container1{padding-bottom: 0;}
.cont5B, .cont5B .thumbnails{	height: 400px; }
.cont5B {	position: relative;	display: inline-block;	width: calc(100% / 3 - 1px);
	text-align: center;	overflow: hidden;	box-sizing: border-box; }
.cont5B a{ position: relative;display: inline-block; width: calc(100% - 10px);
	height: 390px; margin: 5px;		box-sizing: border-box;}
.cont5B_T { width: calc(100% / 3 - 1px); }
.cont5B_B {	width: calc(100% / 4 - 1px);}
/* .cont5Bbox2_1,  .cont5B_t1,  .cont5B_t2{ width: calc(100% / 3 - 1px); }
.cont5B_t3, .cont5Bbox2_2 {	width: calc(100% / 4 - 1px);} */

/* .cont5B .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; box-sizing: border-box;} */

.cont5B .info { position: absolute;	display: table; width: 100%;  height: 100%;  min-height: 86px;
	bottom: 0px;  left: 0px;	overflow: hidden; text-align: left;  background-color: rgba(0,0,0,.6);
	vertical-align: middle; box-sizing: border-box;}

.cont5B .infowr{	position: relative;	display: table-cell;
	height: auto;
	padding: 15px 10px;	box-sizing: border-box;
	margin: 0 auto; vertical-align: middle;	text-align: center; }
.cont5B .infowr .name{	color:#6dcddd;}
.cont5B .infowr .name::after{	background-color: #fff;}
.cont5B a:hover .infowr{display: none;}
.cont5B a:hover .info{	background-color: rgba(0,0,0,0);}

.cont5B .txt2, .cont4B .txtsub{transform: skew(-0.03deg);}
.cont5B .txt2{ margin-top: 10px;	/* font-size: 15px; */}
.cont5B .txtsub{margin-top: 0; font-weight: normal; color:#fff}

@media all and (max-width:1089px){
	#cont5 .container1{padding-bottom: 100px;}
}

/********/
#cont6 .container{  position: relative; display: block; width: 100%;  margin: 0 auto; padding: 0 5px 30px;}


.bannerwr{ position: relative;  display: table;  width: 100%;  height: 100px;  text-align: right;
  box-sizing: border-box; background: url(../img/main/icobg.jpg) no-repeat left/cover;}

.bannertxt{  display: table-cell;  font-size: 18px;  text-align: right; padding-right: 15px;
  vertical-align: middle; box-sizing: border-box; }

.bannertxt1, .bannertxt2{  display: inline-block; }
.bannertxt1{color:#333; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.bannertxt2{  margin-left: 5px;  border-radius: 10px;  padding: 3px 10px;
  color: #fff;  background-color: #5d7ea7;  }


.box01{	position: relative;	width: 100%; height: auto;	margin: 0 auto;	padding: 0px 0;
	font-size: 0;	text-align: center;	overflow: hidden;	box-sizing: border-box; 	}


.box01 a{	position: relative;	display: inline-block;	width: calc(25% - 5px);	height: auto;
	vertical-align: top;	overflow: hidden;	box-sizing: border-box;	  }

.box a::after{content: ""; position: absolute; display: block;	width: 100%;	height: 100%;
	left: 0;	top: 0;	transition: all .4s;	z-index: -1;	border-radius: 25px 0 0 0;}
.box01 a .thumbnails {	position: relative;	overflow: hidden;	height: 20.5vw;}
.box01 a:hover .thumbnails .loader{	transform: scale(1.02);}
.box01 a:hover .box01 a::after{	box-shadow: 0 4px 4px rgba(0, 0, 0, .12);}
.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: relative;	display: inline-block;	width: 100%;	height: auto;
	bottom: 0px;	left: 0px;	 	box-sizing: border-box;	overflow: hidden;
	text-align: left;  	background-color: rgba(255,255,255,.95);	vertical-align: middle;}
.box01 a .info .txt, .box01 a .info .txt2 { line-height: 1.3;	box-sizing: border-box;	word-wrap: break-word;
	white-space: normal;	overflow: hidden;	text-overflow: ellipsis;	display: -webkit-box;
	-webkit-box-orient: vertical; text-align: center;}
.box01 a .info .txt {	width: 100%;	margin: 5px 3px 5px 3px;	font-size: 20px;
	font-weight: bold;	color: #2a2a2a;	-webkit-line-clamp: 1;}
.box01 a .info .txt2 {	height: 70px;	margin: 5px 3px 0px 3px;	font-size: 16.5px;
	color: #000;	-webkit-line-clamp: 3;}
.box01  a .thumbnails .eng{	font-size: 22px;}

@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: 6px;	}
.box01 a .thumbnails{	height: 28vw;}
.box01 a .info .eng {	font-size: 18px;}
.box01 a .info .txt, .box01 a .info .txt2{	margin-top: 5.5px;	text-align: center;}
.box01 a .info .txt2{	margin-top: 0;}
}
@media all and (max-width:768px){
.box01 a{	width: calc(85% -0.8px);   }
.box01 a .thumbnails{	height: 33vw;}
.box01 a .info .txt{ font-size: 15px;	-webkit-line-clamp: 2;	}
.box01 a .info .txt2{ font-size: 12px; height: auto; -webkit-line-clamp: inherit;
	;}
}
 
/* .cont5B a dl{ position:relative;	width: 100%; height: 440px;	float:left;	box-sizing: border-box; overflow: hidden;
	box-shadow: -1px 1px 10px -1px rgba(0,0,0,.2);	}
.cont5B a dd {	position: relative;  display: table;  width: 100%;  min-height: 150px;
margin: 0 auto;  box-sizing: border-box;  text-align: center;} */
/* .cont5B a dl{position: absolute;	display: table; width: 100%;  height: 100%;  min-height: 86px;
	bottom: 0px;  left: 0px;	overflow: hidden; text-align: left;  background-color: rgba(0,0,0,.6);
	vertical-align: middle;}
.cont5B a dd{	position: relative;	display: table-cell; height: 100%;	padding: 15px 10px;	margin: 0 auto;
 vertical-align: middle;	text-align: center; color:#fff;}
.cont5B a dd p{color:#fff;} */



/* .cont5Bbox2 dt, .cont5B_t1 dt, .cont5B_t2 dt, .cont5B_t3 dt {	position: relative;	overflow:
	hidden;	width:100%;	height: 300px;}

.cont5Bbox2 dt .loader, .cont5B_t1 dt .loader, .cont5B_t2 dt .loader,
.cont5B_t3 dt .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; }

.cont5B_t1, .cont5B_t2, .cont5B_t3, .cont5Bbox2_1, .cont5Bbox2_2{	position:relative;	}
.cont5B_t1, .cont5B_t2, .cont5B_t3{background-color:#fff;} */

/*
.cont5B a dd .ddtxt{	position: relative;  display: table-cell;  width: 99%;  height: 99%;
  text-align: center;  margin: 0 auto;  vertical-align: middle;  box-sizing: border-box;}
.cont5B a dd .tit2, .cont5B a dd .txt2, .cont5B a dd .stxt2{	position: relative;}

.cont5B a dd .tit2{  top: 10px;	}
.cont5B a dd .ddtxt .txt2, .cont5B a dd .txt2{	top: 10px;}
.cont5B a dd .ddtxt .stxt2, .cont5B a dd .stxt2{	margin-top: 15px;	top: 15px;
	font-size: 14.5px;	 letter-spacing: -0.5px;}
.cont5Bbox2 .loader::after{	content: '';  position: absolute;
	top: 0;  right: 0;  bottom: 0;  left: 0;  margin: auto;
	background: transparent;  transition: background 0.5s;  background: rgba(0,0,0,0.45);}

.cont5Bbox2:hover dd{opacity: 0;}
.cont5Bbox2 dt{	position: relative;	display: block;	height: 100%;}
.cont5Bbox2 dl dd{	position: absolute;	width: 100%;	display: table; 	top: 0;	right: 0; left: 0;
padding: 20px;	text-align: left; box-sizing: border-box;}
.cont5B a .cont5Bbox2{	background-color: transparent !important;}
.cont5B a .cont5Bbox2 dd h4{ 	color:rgba(3, 140, 217, 1);}
.cont5Bbox2_2 p{	margin-top: 300px;}
.cont5Bbox2 dd p.txt2, .cont5Bbox2 dd p.stxt2{ color: #fff;} */
/*
@media all and (max-width:1089px){
.cont5B a, .cont5B a dl{height: auto;}
.cont5B{	padding: 0; margin: 0 5px; width: calc(100% - 15px);}
.cont5Bbox2_1{width: 100%;	height:100%;}
.cont5Bbox2_2 p{	margin-top: 0;}
.cont5Bbox2, .cont5B_t1 , .cont5B_t2 , .cont5B_t3{ margin-left: 0;	width: 100%; display: inline-block;	}

.cont5Bbox2 dt, .cont5B_t1 dt , .cont5B_t2 dt , .cont5B_t3 dt {	height: 27vw;}
.cont5Bbox2 dl dd{ position: relative; padding: 0; background-color: #fff; text-align: center; height: 150px;
}
.cont5Bbox2 .loader::after{ background: none;}
.cont5Bbox2 dd h4{	color:#00588A;}
.cont5Bbox2 dd p.txt2, .cont5Bbox2 dd p.stxt2{ color: #272727;}
.cont5Bbox2:hover dd{opacity: 1;}
}

@media all and (max-width:620px){
.cont5B{	padding: 0;	}
.cont5Bbox2, .cont5Bbox2_1, .cont5Bbox2_2,
.cont5B_t1 ,	.cont5B_t2 ,	.cont5B_t3{	margin-left: 0px;	margin-bottom: 0px;	margin-right: 0;}
.cont5Bbox2 dt, .cont5Bbox2_1 dt, .cont5Bbox2_2 dt,
.cont5B_t1 dt , .cont5B_t2 dt ,	.cont5B_t3 dt { height: 65vw;}
.cont5B dd>h4.tit2{ font-size: 18px;	margin-bottom: 10px;}
.cont5B dd>p.txt2 {font-size: 15px;}
.cont5B dd{ padding-bottom: 10px;}
}

@media all and (max-width:400px){
.cont5B dd, .cont5Bbox2 dd{	min-height: 180px;}
} */

/***********************************  box04    hanil NOW   *******************************************************/
/*
.box04 {	position: relative;	display: block;	height: auto;	margin: 0 auto;	padding: 0 15px;
  font-size: 0;  text-align: center;  overflow: hidden;	box-sizing: border-box;}

.box04 .box04_t1 {	width: 31%;	margin:13px;	float:left;}
dl.box04_t1 dt { position: relative; display: inline-block;	margin: 0 auto;
	overflow: hidden;	box-sizing: border-box;}

@media all and (max-width:1200px) and (min-width:921px){
.box04 .box04_t1 { margin:10px;}
}
@media all and (max-width:920px) and (min-width:769px){
.box04 .box04_t1 { margin:8px;}
}
@media all and (max-width:768px){
.box04{padding: 0}
.box04 .box04_t1 { width: 100%;	margin:0;	margin-bottom: 15px;}
} */