@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap');

body,input,select,textarea,button{font-family: 'Titillium Web', sans-serif;font-size:16px;}
.btn_circle{border-radius:50% !important;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;}

.d_width	{position:relative;width:1400px;margin:0 auto;}
#wrap		{position:relative}
.txt-br{display:block;}

.va-pc		{display:block;}
.va-mo		{display:none;}

/*#header		{position:absolute;left:0;top:0;width:100%;height:130px;border-bottom:1px solid rgba(255,255,255,0.2);z-index:9999}
.topgnb		{background:#081A4D;line-height:45px;}
.topgnb .bx-search			{float:right;width:20%;}
.topgnb .bx-search input	{width:calc(100% - 30px);border:none;background:none;border-radius:none;}
.topgnb .bx-search a		{color:#FF9200;display:inline-block;}
#logo			{position:absolute;left:0;top:0 !important;line-height:80px}
#header .topmn	{position:absolute;right:0;top:0;line-height:80px}
#header .topmn a{color:#fff;font-size:14px;font-weight:600}

#gnb			{padding:0 100px 0 300px;}
#gnb li			{}
#gnb li a		{display:block;float:left;width:calc(100%/6);line-height:100px;text-align:center;font-size:20px;font-weight:600;color:#fff}
*/
#logo img {vertical-align:middle !important;}

#main-visual		{position:relative;height:800px;padding:200px 0 100px;background:url(../img/mvimg2022_new.jpg) no-repeat 50% 0 / cover;z-index:1}
#main-visual:before	{content:""; display:block; position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}
#main-visual:after	{content:"";position:absolute;left:calc(50% + 220px);top:0;width:calc(50% - 220px);height:100%;background:rgba(0,0,0,0.5);}

.ico_pdf:after	{content:"\f1c1"; font-family: FontAwesome; font-weight:400; font-size:28px;}
.ico_view:after	{content:"\f002"; font-family: FontAwesome; font-size:20px;}
.main-container .ico_pdf:after	{font-size:20px;}
.main-container .ico_view:after	{font-size:18px;}
.mvcont1,
.mvcont2		{position:relative;z-index:5}
.mvcont1		{float:left;width:calc(100% - 380px);padding-right:200px}
.mvcont1 .stit	{color:rgba(255,255,255,0.4)}
.mvcont1 .tit	{font-size:60px;font-weight:600;color:#fff;line-height:1.2;word-break:keep-all}

.mvcont1 ul			{margin:30px 0;color:rgba(255,255,255,0.6);font-size:18px;}
.mvcont1 li span	{display:inline-block;width:100px;color:#fff}
.mvcont1 .btn_circle{width:58px;height:58px;line-height:56px;text-align:center; padding:0;}
.mvcont1 a			{color:#fff}
.mvcont1 a:nth-child(1){background:#999286;border-color:#999286;text-align:center;}
.mvcont1 a:nth-child(1):hover{background:#ffcc00; border-color:#ffcc00;}
.mvcont1 a:nth-child(2){background:none;border-color:rgba(255,255,255,0.6);}
.mvcont1 a:nth-child(2):hover{background:#ffcc00; border-color:#ffcc00;}

.mvcont2		{float:right;width:380px;}
.mvcont2 .tit	{font-size:22px;color:#90B2C2;font-weight:600;}
.mvcont2 a		{display:block;padding:35px 0 25px;border-bottom:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.8);font-size:18px;line-height:1.3}
.mvcont2 a:hover{border-bottom:2px solid #999286;color:#999286}



#main-visual:before {z-index:0;}

/*20201120 eng 메인변경*/
.main-container > div{padding:80px 0;}

/*main-db*/
#main-db{position: relative;}
#main-db .tit{font-size:32px; display: block; position: absolute; left:0; top:-100px; width:290px; height:350px; font-weight:700; line-height: 33px; padding:70px 30px; border:4px solid #000066; z-index:9; color:#000066;}
#main-db .tit .more{font-size:14px; color:#000066; margin-top:60px; display: block;}
#main-db .tit .more:hover{color:#0062f9;}
#main-db .tit .more:after{content: "\f061"; display: inline-block; font-family: FontAwesome; margin-left: 10px;}

#main-db .cont{margin-left:200px; position: relative; z-index: 9;}
#main-db .cont ul{margin:0 -10px;}
#main-db .cont li{width:290px; float:left; height:370px; padding:40px 20px; background-color:#f4f4f4; margin:0 10px; text-align: center; transition:all 0.2s;}
#main-db .img-frame{display: inline-block; border:1px solid #cccccc; box-shadow:5px 5px 5px rgba(0,0,0,0.3); width:120px; height:175px; overflow:hidden; position: relative; transition:all 0.2s;}
#main-db .img-frame img{min-width:100%; min-height:100%;max-width:120px;object-fit:cover; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#main-db .cont em{color:#333333; font-size:18px; line-height:23px; margin: 10px 0; font-weight:700; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  word-wrap: normal; max-height:70px;}
#main-db .cont a{float:left; width:calc(50% - 1px); display: block; padding:0 10px; line-height: 40px; background-color: #333333; font-size:12px; color:#fff; border:1px solid #333;}
#main-db .cont a:first-child{margin-right:2px;}
#main-db .cont a:before{content: "\f1c1"; display: inline-block; font-family: FontAwesome; margin-right: 5px;}
#main-db .cont li:hover{background-color:#ebf1f9;}
#main-db .cont li:hover .img-frame{border-color:#000066;}
#main-db .cont li:hover em{color:#000066;}
#main-db .cont a:hover{background-color: #000066;}
#main-db .cont a:last-child{background: none; color:#333; border:1px solid #333;}
#main-db .cont a:last-child:before{content: "\f002";}
#main-db .cont a:last-child:hover{color:#000066; border-color:#000066;}

#main-db .controls{position: absolute; top:-40px; right:0px; height:30px;}
#main-db .controls a{display: inline-block; width:20px; height:100%; position: relative;}
#main-db .controls a:after{content:''; display: block; width:10px; height:10px; border-top:2px solid rgba(0,0,0,0.3); border-left:2px solid rgba(0,0,0,0.3); position: absolute; top:50%; left:50%; transform:translate(-30%, -50%) rotate(-45deg);}
#main-db .controls a.next:after{transform:translate(-70%, -50%) rotate(135deg);}

/*main-bnr*/
#main-bnr{background:#072f47 url(/resources/homepage/engnckm/img/bnr2.png)no-repeat 50% 50% / cover; text-align: center; height:250px; padding:50px 0; position: relative;}
#main-bnr:after{content:''; display: block; width:100%; height:100%; position: absolute; left:0; top:0; background-color:rgba(0,0,0,0.2);}
#main-bnr em{display: block; color:#ffcc00; font-size: 32px; font-weight: 700; position: relative; z-index: 9; margin-bottom:20px;}
#main-bnr a{display: inline-block; line-height: 40px; color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.3); margin:0 40px; position: relative; z-index: 9;}
#main-bnr a:hover{color:#ffcc00; border-color:#ffcc00;}
#main-bnr a:after{content: "\f061"; display: inline-block; font-family: FontAwesome; margin-left: 10px;}

/*main-slide slide-wrap*/
#main-slide .slide-wrap{height:510px; position: relative; width:calc(70% - 30px); margin-right:30px; float:left;}
#main-slide .slide-wrap .dpb:after{content:''; display: block; border-right:1px solid #001f50; height:10px; position: absolute; right:0; top:50%; transform:translateY(-50%);}
#main-slide .slide-wrap .tab_on, #main-slide .tab_off{float:left;}
#main-slide .slide-wrap:before{content:''; display:block; width:100%; height:70px; background-color:#003586; position:absolute; left:0; top:0;}
#main-slide .slide-wrap .tab_on .dpb,
#main-slide .slide-wrap .tab_off .dpb{display: block; line-height:70px; padding:0 20px; position: relative; font-size: 20px; font-weight: 600; z-index: 2; color:rgba(255,255,255,0.3);}
#main-slide .slide-wrap .tab_on .dpb{color:#ffcc00;}
#main-slide .slide-wrap .tab_on .dpb:before{content:''; width:100%; border-bottom:2px solid #ffcc00; position: absolute; bottom:0; left:0;}
#main-slide .slide-wrap .tabcontent{position: absolute; left: 0; width: 100%; background-color: #eff1f6; padding:30px; height:calc(100% - 70px); bottom:0;}
#main-slide .slide-wrap .tab_off .tabcontent,
#main-slide .slide-wrap .tab_off .controls,
#main-slide .slide-wrap .tab_off .more,
#main-slide .slide-wrap .tab_off .m-more{display: none;}

#main-slide .slide-wrap ul{margin:0 -10px; height:100%; overflow:hidden;}
#main-slide .slide-wrap li{float:left; width:calc(33.3333% - 20px); margin:0 10px; height:100%; position: relative;overflow:hidden;}
#main-slide .slide-wrap li:hover .hover-view{bottom:0;}
#main-slide .slide-wrap .img-frame{height:100%; width:100%; overflow:hidden; position: relative;}
#main-slide .slide-wrap .img-frame img{min-width:100%; min-height:100%; object-fit:cover; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
#main-slide .hover-view{width:100%; height:100%; position: absolute; padding:110px 50px; bottom:-100%; background-color: rgba(0,53,134,0.9); transition:all 0.2s; color:#fff; text-align: center;}
#main-slide .hover-view span{display: block; font-size: 20px; margin-bottom:30px;}
#main-slide .hover-view a{display: block; font-size:14px; text-align: center; border:1px solid rgba(255,255,255,0.4); line-height:40px; color:rgba(255,255,255,0.4); margin-bottom: 5px;}
#main-slide .hover-view a:hover{color:#ffcc00; border-color:#ffcc00;}
#main-slide .hover-view a:before{content:'\f1c1'; display: inline-block; margin-right:5px; font-family: FontAwesome;}
#main-slide .hover-view a:last-child:before{content:'\f002';}

#main-slide .controls{position: absolute; top:0px; right:100px; height:70px;}
#main-slide .controls a{display: inline-block; width:20px; height:100%; position: relative;}
#main-slide .controls a:after{content:''; display: block; width:10px; height:10px; border-top:2px solid rgba(255,255,255,0.3); border-left:2px solid rgba(255,255,255,0.3); position: absolute; top:50%; left:50%; transform:translate(-30%, -50%) rotate(-45deg);}
#main-slide .controls a.next:after{transform:translate(-70%, -50%) rotate(135deg);}
#main-slide .controls a.pause:before{content:''; display: block;  position: absolute; top:50%; left:50%; border-left:2px solid rgba(255,255,255,0.3); height:15px; transform:translate(-3px, -50%);}
#main-slide .controls a.pause:after{content:''; display: block; position: absolute; top:50%; left:50%; border:none; border-right:2px solid rgba(255,255,255,0.3); height:15px; transform:translate(-5px, -50%);}

#main-slide .slide-wrap .more{display: block; width:70px; height:70px; background-color:#ffcc00; position: absolute; right:0; top:0;}
#main-slide .slide-wrap .more:before{content: ''; display: block; position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%) rotate(0deg); width: 30%; height: 2px; background-color: #003586;}
#main-slide .slide-wrap .more:after{content: ''; display: block; position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 30%; height: 2px; background-color: #003586;}

#main-slide .slide-wrap .m-more{display:none; background-color:#ffcc00; height:50px; width:100%; text-align:center; font-weight:700; color:#003586; padding:10px;}
#main-slide .slide-wrap .m-more span{display:inline-block; margin-left:5px; position:relative; width:12px; height:12px; overflow:hidden;}
#main-slide .slide-wrap .m-more span:before{content: ''; display: block; position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%) rotate(0deg); width: 12px; height: 2px; background-color: #003586;}
#main-slide .slide-wrap .m-more span:after{content: ''; display: block; position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 12px; height: 2px; background-color: #003586;}
/*#main-slide .slide-wrap .m-more:after{content: ''; display: inline-block; width:13px; height:13px; background:url(/resources/homepage/engnckm/img/plus.png)no-repeat 0 0;}*/

/*main-slide slide-card*/
#main-slide .slide-card{width:30%;float:left; height:510px; background-color:#F4f4f4; position: relative;}
#main-slide .slide-card .img-frame{width:100%; height:250px; overflow:hidden; position: relative;}
#main-slide .slide-card .img-frame img{min-width:100%; min-height:100%; object-fit:cover; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
#main-slide .slide-card em{font-size: 14px; color:#3366cc; display: block; margin-bottom:15px; font-weight:700;}
#main-slide .slide-card p{font-size:20px; font-weight:700; width: 100%; max-height: 108px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: normal;}
#main-slide .slide-card ul{height:100%;}
#main-slide .slide-card li{height:100%;}
#main-slide .slide-card .txt{padding:30px; height:calc(100% - 250px); position: relative; padding-bottom:50px;}
#main-slide .slide-card .txt div{padding:15px 30px; position: absolute; width:100%; bottom:0; left:0; border-top:1px dashed #cccccc;}
#main-slide .slide-card span{float:left; font-size:13px; color:#333333;}
#main-slide .slide-card a{float:right; font-size: 13px; color:#ff9900; font-weight:700;}
#main-slide .slide-card a:hover{color:#c47600;}
#main-slide .slide-card .controls{top:calc(50% + 25px); right:30px; height:30px;}
#main-slide .slide-card .controls a{float:left; width:15px;}
#main-slide .slide-card .controls a:after{border-color:#aaaaaa;}
#main-slide .slide-card .controls a:before{border-color:#aaaaaa;}
#main-slide .slide-card .controls a.pause:before{transform:translate(-3px, -50%);}
#main-slide .slide-card .controls a.pause:after{transform:translate(-7px, -50%);}



#main-link{background:#e9e9e9;padding:50px 0;}
#main-link .cont1,
#main-link .cont2{float:left;width:50%;}
#main-link .cont1{color:#000066; margin-top:20px;}
#main-link .cont1 span{ font-weight:500;}
#main-link .cont1 em{display: block; font-size:35px; font-weight:700; }

#main-link .cont2 a		{display:block;float:left;width:25%;border-left:1px dashed #ccc;text-align:center;position:relative;}
/*#main-link .cont2 a:before{content:''; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(255,204,0,0.3);}*/
#main-link .cont2 span	{display:block;height:100px;}
#main-link .cont2 .ico	{background-image:url();background-repeat:no-repeat; background-position:0% 0%; width:75px; height:75px; margin:0 auto; transition:all 0.2s;}
#main-link .cont2 a:hover .ico{background-position:0% 100%;}
#main-link .cont2 .ico1	{background-image:url(../img/icn01_2.png)}
#main-link .cont2 .ico2	{background-image:url(../img/icn02_1.png)}
#main-link .cont2 .ico3	{background-image:url(../img/icn03_1.png)}
#main-link .cont2 .ico4	{background-image:url(../img/icn04_1.png)}



@media only screen and (max-width:1440px){ /* 1200px */
	.d_width{width:1200px;}	
	
	#main-slide .slide-wrap .tab_on .dpb,
	#main-slide .slide-wrap .tab_off .dpb{font-size:15px;}
	#main-slide .hover-view{padding:90px 30px;}

	/*main-visual*/
	#main-visual:after{width:calc(50% - 140px); left:calc(50% + 140px);}

	/*main-link*/
	#main-link .cont1 em{line-height:34px; font-size:32px;}

}/*1200px end*/

@media only screen and (max-width:1240px){ /* 960px */
	.d_width{width:960px;}
	
	/*main-visual*/
	.mvcont1 .tit{font-size:40px;}
	#main-visual:after{width:calc(50% - 60px); left:calc(50% + 60px);}
	
	/*main-db*/
	#main-db .cont li{padding:20px; width:230px; height:300px;}
	#main-db .img-frame{width:60px; height:87.5px;}
	#main-db .cont em{font-size:15px;}
	#main-db .cont a{width:100%; line-height: 30px;}
	#main-db .cont a:first-child{margin: 0 0 5px 0;}
	
	/*main-slide*/
	#main-slide .slide-wrap .tab_on .dpb,
	#main-slide .slide-wrap .tab_off .dpb{font-size: 14px; width:150px; height:70px; line-height: normal;padding-top:15px; word-break:keep-all;}
	#main-slide .hover-view{padding:40px 20px;}
	
	#main-slide .slide-wrap{height:400px}
	#main-slide .slide-card{height:400px;}
	#main-slide .slide-card .img-frame{height:200px;}
	#main-slide .slide-card .txt{height:calc(100% - 200px);}
	#main-slide .slide-card em{margin-bottom:5px;}
	#main-slide .slide-card p{font-size:18px; line-height:22px;;}
	#main-slide .slide-card .controls{top:calc(50% + 10px); right:13px;}

	#main-slide .slide-wrap .controls{right:90px;}

	/*main-link*/
	/*#main-link .cont1{margin: 0;}
	#main-link .cont2 a{width:calc(50% - 20px); border:none; line-height:40px; border:1px solid #cccccc; margin:5px;}
	#main-link .cont2 a:after{content:''; display: block; clear:both;}
	#main-link .cont2 span{display: inline-block; height:auto;}	
	#main-link .cont2 .ico{width: 35px; height: 35px; background-size: 35px; vertical-align: middle; margin-right:5px;}*/
	
	#main-link .cont1,
	#main-link .cont2{width:100%;}
	#main-link .cont2{margin-top:20px;}
	#main-link .cont2 a{width:calc(50% - 20px); border:none; line-height:40px; border:1px solid #cccccc; margin:5px;}
	#main-link .cont2 a:after{content:''; display: block; clear:both;}
	#main-link .cont2 span{display: inline-block; height:auto;}	
	#main-link .cont2 .ico{width: 35px; height: 35px; background-size: 35px; vertical-align: middle; margin-right:5px;}
		

}/*960px end*/

@media only screen and (max-width:1023px){ /* 720px */
	.d_width{width:720px;}
	
	/*main-visual*/
	.mvcont1,
	.mvcont2{width:100%; padding:0;}
	#main-visual{padding: 100px 10px; height:auto;}
	#main-visual:before	{background:rgba(0,0,0,0.4);}
	#main-visual:after{display:none;}
	.mvcont1{border:1px solid rgba(255,255,255,0.2); padding:25px 30px;;}
	.mvcont2{margin-top:30px;}
	.mvcont2 .tit{font-size:18px;}
	.mvcont2 a{padding:15px 0;}
	
	/*main-db*/
	#main-db .tit{position: relative; width:100%; height:auto; padding:0; top:auto; font-size:20px; border:none; margin-bottom: 10px; line-height:22px;}
	#main-db .tit:after{content:''; display: block; clear:both;}
	#main-db .tit-section{display:block;}
	#main-db .txt-br{display:inline;}
	#main-db .cont{padding:0; margin:0;}
	#main-db .tit .more{float:right; margin:0; font-weight:400; font-size:12px;}
	#main-db .controls{display:none;}
	
	/*main-bnr*/
	#main-bnr a{width:100%; border:none; margin:0;}

	#main-slide .slide-wrap,
	#main-slide .slide-card{width:100%;}
	#main-slide .slide-wrap{margin:0 0 20px 0;}
	
	#main-slide .slide-card{height:200px;}
	#main-slide .slide-card .img-frame{width:200px; height:200px; float:left;}
	#main-slide .slide-card .txt{width:calc(100% - 200px); float:left; height:100%;}
	#main-slide .slide-card .controls{top:12px;}
	
	


}/*720px end*/

@media only screen and (max-width:768px){ /* auto */
	.d_width{width:100%}
	.txt-br{display:inline;}
	.main-container > div{padding:30px 10px;}
	
	/*main-visual*/
	#main-visual{padding:10px;}
	#main-visual .btn_d{display:inline-block;}
	.mvcont1 .tit{font-size:25px;}
	.mvcont1 ul{font-size:16px; margin:20px 0;}
	.mvcont2 a{font-size:16px;}

	/*main-bnr*/
	#main-bnr{padding:30px 10px; height:auto;}
	#main-bnr em{font-size:20px;}
	#main-bnr a{display: block; font-size:14px; line-height:16px; border:1px solid #cccccc; margin:0 auto; margin-bottom:7px; padding:8px 5px; width:80%;}

	/*main-slide*/
	#main-slide .slide-wrap{height:420px}
	#main-slide .slide-wrap .tab_on, #main-slide .tab_off{width:33.3333%;}
	#main-slide .slide-wrap .tab_on .dpb,
	#main-slide .slide-wrap .tab_off .dpb{width:100%; padding:8px 5px; height:50px; font-size:13px; line-height:15px; text-align: center;}
	#main-slide .slide-wrap .more{width:40px; height:50px; display: none;}
	#main-slide .slide-wrap .tabcontent{height:calc(100% - 110px); padding:15px; bottom:auto; top:50px;}
	#main-slide .hover-view{padding:70px 20px;}
	#main-slide .hover-view span{font-size:16px; margin-bottom:15px;}
	#main-slide .slide-wrap .dpb span{display: block;}
	#main-slide .slide-wrap .m-more{display:block; position:absolute; bottom:0;}
	#main-slide .controls{display: none;}

	#main-slide .slide-card{height:380px}
	#main-slide .slide-card .txt{padding:10px 10px 30px 10px; }
	#main-slide .slide-card em{margin: 0;}
	#main-slide .slide-card p{font-size:15px; -webkit-line-clamp:2; line-height:20px; max-height:40px;}
	#main-slide .slide-card .txt div{padding:7px 10px;}

	#main-slide .slide-card .img-frame{height:250px; width:100%;}
	#main-slide .slide-card .txt{width:100%; height:calc(100% - 250px);}
	


	/*main-link*/
	#main-link{padding:15px 0;}
	#main-link .cont1,
	#main-link .cont2{width:100%; text-align: center;padding:10px;}
	#main-link .cont1 em{font-size: 20px; line-height:22px;}
	#main-link .cont2 a{width:100%; float:none; border:1px solid #cccccc; margin:0 auto 5px auto;}
	#main-link .cont1{margin:0;}
	#main-link .cont2{margin-top:10px; padding:0 10px;}
	
}/*auto end*/

@media only screen and (max-width:576px){/*small*/

#main-db .cont li{width:150px; height:240px; padding:10px;}
#main-db .cont em{color:#333333; font-size:14px; line-height:16px; margin: 10px 0; font-weight:700; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  word-wrap: normal; max-height:40px;}

/*main-slide*/
#main-slide .slide-wrap{height:300px;}
#main-slide .slide-wrap li{width:calc(50% - 10px); margin:0 5px;}
#main-slide .slide-card{height:300px;}
#main-slide .slide-card .img-frame{height:180px;}
#main-slide .slide-card .txt{height:calc(100% - 180px);}
#main-slide .slide-wrap .dpb span{display:inline-block;}
#main-slide .hover-view{padding:15% 15px;}
#main-slide .hover-view span{font-size:14px; margin-bottom:5px;}
#main-slide .hover-view a{line-height:30px; font-size:12px; letter-spacing:-0.5px;}

}/*samll end*/

/* 인사말 */
.greeting	{position:relative;}
.greeting .greet-top		{background: url(../img/greeting_img_new.jpg) no-repeat 100% 50%;height:470px;width: 980px;box-shadow:4px 4px 10px rgba(0,0,0,0.3);font-size:28px;font-weight:600;color:#333;line-height:1.5;padding:280px 0 0 50px;margin: 0 auto;}
.greeting .greet-top:after	{content:"";display:block;width:100%;height:410px;background:#002870;position: absolute;bottom: 0;left:0;z-index: -1;}
.greeting .en	{color:#fff;font-size:13px;font-weight:600;letter-spacing:2px;padding:20px;padding-left:50px;text-align: center;}
.greet-txt		{font-size:24px;color:#002870;font-weight:600;line-height:1.5;margin:40px 0;}

@media only screen and (max-width:1440px){ /*1200*/
	.greeting .greet-top	{width:100%;height:100%;background-size:cover;padding:220px 0 50px 50px;}
	.greeting .greet-top:after	{content:none;}
	.greeting .en	{background:#002870;}
}
@media only screen and (max-width:1023px){/*720*/
	.greeting .greet-top	{font-size:24px;}
	.greet-txt	{font-size:20px;}
}
@media only screen and (max-width:768px){/*mobile-l*/
	.greeting .greet-top	{font-size:22px;padding:160px 250px 30px 30px;}
	.greeting .en	{padding-left:30px;}
	.greet-txt	{font-size:18px;}
}
@media only screen and (max-width:576px){/*mobile-s*/
	.greeting .greet-top	{font-size: 12px;padding: 80px 30px 30px;}
	.greeting .en	{padding:20px;}
	.greet-txt	{font-size:16px;}
}