@charset "utf-8";
@import url(common.css);


/* 인사말 */

/*타입1 이미지+내용*/
.greetTy_1{ position:relative; width:100%; overflow:hidden}
.greetTy_1 .img_area{ float:left; width:18%} /*181004 수정*/
.greetTy_1 .img_area img{ width:100%; height:auto}
.greetTy_1 .txt_area{ float:right; text-align:left; width:75%; font-family:'NotoL'; font-size:16px; color:#7a7a7a; letter-spacing:-1px; line-height:160%; padding-top:10px; word-break:break-all;}/*181004 수정*/
.greetTy_1 .txt_area .head{ font-family:'NotoR'; font-size:30px; color:#333333; margin-bottom:40px; line-height:120%}
.greetTy_1 .txt_area .head em{ color:#8b7e6d}
.greetTy_1 .txt_area .foot { color:#333; margin-top:50px;margin-right:10px}
.greetTy_1 .txt_area .foot .sign{ line-height:50px;font-family: 'NotoR';}
.greetTy_1 .txt_area .foot em {font-family:'NotoR'; font-size:30px; margin-left:20px; letter-spacing:0}

/*타입2 내용+이미지*/
.greetTy_2{ position:relative; width:100%; overflow:hidden; font-family:'NotoR';}
.greetTy_2 .txt_area{ float:left; text-align:left; width:66%; font-size:16px; color:#000; letter-spacing:-1px; line-height:160%; padding-top:20px;  word-break:keep-all;} /*181004 수정*/
.greetTy_2 .txt_area .head{font-size:24px; color:#000; margin-bottom:40px; line-height:150%}
.greetTy_2 .txt_area .head .col_gr{ color:#438f15}
.greetTy_2 .txt_area .head .col_bl{ color:#2b4380}
.greetTy_2 .img_area{ float:right; width:20%; text-align:center} /*181004 수정*/
.greetTy_2 .img_area img{ width:100%; height:auto; display:block}
.greetTy_2 .img_area span{ display:block; font-size:14px; color:#000; margin-top:25px; /* margin-left:20%;  */ word-break:keep-all;}/*181004 수정*/
.greetTy_2 .img_area span em{ font-size:24px;  word-break:keep-all;display: inline-block;margin-top: 10px;}/*181004 수정*/

/*타입3 이미지+내용*/ /*181004 수정*/
.greetTy_4_2{ position:relative; overflow:hidden; }
.greetTy_4_2 .txt_area .head{ color:#1976d2; font-size:16px; margin-bottom:20px;}
.greetTy_4_2 .img_area{ position:absolute; width:180px; height:224px; top:10px; left:40px; padding-top:45px;   }
.greetTy_4_2 .img_area img{ width:210px; height:auto;}
.greetTy_4_2 .txt_area{ background:url(/images/ap/gt/greet_pt.png) repeat; padding:10px;  word-break:keep-all;}
/* .greetTy_4_2 .txt_area .inner{min-height:650px;   padding:45px 45px 45px 267px; text-align:left; font-size:14px; color:#1f1b1b; line-height:160%; padding-top:40px; font-family:'NotoR';  background: #fff url(/images/ap/gt/bg_greet4_2.png) no-repeat left bottom; } */
.greetTy_4_2 .txt_area .inner{min-height:650px;   padding:45px 45px 45px 267px; text-align:left; font-size:14px; color:#1f1b1b; line-height:160%; padding-top:40px; font-family:'NotoR';  background: #fff no-repeat left bottom; }
.greetTy_4_2 .txt_area .foot{margin-top:40px; position:relative}
.greetTy_4_2 .txt_area .foot .sign{font-family:'NotoR';margin-left:10px;vertical-align:bottom;font-size:25px;letter-spacing:0;color: #111;}/*240401*/

/*타입4 이미지+내용*/
.greetTy_5{ position:relative; width:100%; overflow:hidden}
.greetTy_5 .img_area .img{}
.greetTy_5 .img_area .img img {width:100%; height:auto;}
.greetTy_5 .img_area .head p{font-size:24px; font-family:'NotoR'; line-height:120%}
.greetTy_5 .img_area .head p:first-child {font-size:40px; font-family:'NotoM'; margin-bottom:25px; padding-top:75px}
.greetTy_5 .txt_area{text-align:left; font-size:14px; color:#1f1b1b; line-height:160%; padding-top:40px; font-family:'NotoR';  word-break:keep-all;} /*181004 수정*/
.greetTy_5 .txt_area .foot{margin-top:40px; position:relative;height: 50px;}
.greetTy_5 .txt_area .foot p{display: inline-block;padding-right: 20px;}
.greetTy_5 .txt_area .foot .sign{display:inline-block; position:relative; left:0; top:5px;font-family:'NotoR'; font-size:35px; letter-spacing:0}

.greetTy_7{ position:relative; overflow:hidden; }
.greetTy_7 .txt_area .head{ color:#1976d2; font-size:16px; margin-bottom:20px;}
.greetTy_7 .img_area{ position:absolute; width:180px; height:224px; top:10px; left:40px; padding-top:45px;   }
.greetTy_7 .img_area img{ width:210px; height:auto;}
.greetTy_7 .txt_area{ background:url(/images/ap/gt/greet_pt.png) repeat; padding:10px;  word-break:keep-all;}
/* .greetTy_7 .txt_area .inner{min-height:100%;   padding:45px 45px 45px 267px; text-align:left; font-size:14px; color:#1f1b1b; line-height:160%; padding-top:40px; font-family:'NotoR';  background: #fff url(/images/ap/gt/bg_greet6.png) no-repeat left bottom; } */
.greetTy_7 .txt_area .inner{min-height:100%;   padding:20px 20px; text-align:left; font-size:14px; color:#1f1b1b; line-height:160%; padding-top:40px; font-family:'NotoR';  background: #fff no-repeat left bottom; }
.greetTy_7 .txt_area .foot{margin-top:40px; position:relative}
.greetTy_7 .txt_area .foot .sign{ font-family:'NotoR'; margin-left:10px; vertical-align:bottom; font-size:25px; letter-spacing:0}


/*타입5 이미지직접업로드*/
.greetTy_6{ position:relative; width:100%; overflow:hidden}
.greetTy_6 .img_area .img{}
.greetTy_6 .img_area .img img {width:100%; height:auto;}

@media screen and (max-width :992px) {

	/*타입2 내용+이미지*/
  .greetTy_2 .txt_area{width:60%;}
  .greetTy_2 .img_area span{margin-left:10%}
  
	/*타입3 이미지+내용*/ /*181004 수정*/
	.greetTy_4_2 .txt_area .inner { background-size: contain;}

}
	
@media screen and (max-width :640px) {

  /*타입1 이미지+내용*/
	.greetTy_1 .img_area{width:23%}
	.greetTy_1 .txt_area{width:72%}

	/*타입2 내용+이미지*/
	.greetTy_2 .txt_area{width:70%;}
	.greetTy_2 .img_area{width:27%;}
	.greetTy_2 .img_area span em{display:block;}

	/*타입3 이미지+내용*/ /*181004 수정*/
	.greetTy_4_2 .txt_area .inner {padding:20px; }
	.greetTy_4_2 .img_area img{width: 100%; height:auto;}
	.greetTy_4_2 .img_area { position:relative; height:auto; top:auto; left:50%; margin: 0 0 20px -80px; }
}
		
@media screen and (max-width :530px) {

	/*타입1 이미지+내용*/
	.greetTy_1 .img_area{ float:none; width:30%; margin:0 auto;} /*181004 수정*/
	.greetTy_1 .txt_area{ float:none; width:100%; padding-top:25px}

	/*타입2 내용+이미지*/
	.greetTy_2 .txt_area{ float:none; width:100%;}
	.greetTy_2 .img_area{ float:none; width:50%; margin:0 auto;}
	.greetTy_2 .img_area span em{display:inline;}

}
