@keyframes mainimg_cursor{  50%{ border-color: transparent; } } 		
@keyframes mainimg_typing {0% {opacity:1; width: 0; } 30%, 100% {opacity:1; width:13.5em; } }
.main1_str_wrap {width:100%; max-width:600px; overflow:hidden; display:flex; flex-direction:column;  justify-content: center; }
.main1_str_wrap .main1_str1 {margin:0; overflow:hidden; text-align:left;}
.main1_str_wrap .main1_str1 .str1 {font-family:"A2z"; color:#1565c0; font-size:42px; line-height:50px; font-weight:700; text-shadow: 4px 2px 4px rgba(0,0,0,0.75); text-align:left; -webkit-text-stroke: 1px #fff; }
.main1_str_wrap .main1_str2 {display: flex; justify-content: flex-start; text-align:left;   margin:20px 0; }
.main1_str_wrap .main1_str2 .str2 {font-family:"A2z"; color:#fff; font-size:44px; line-height:45px; font-weight:600; text-align:left; text-shadow: 4px 3px 4px rgba(0,0,0,0.7); overflow:hidden; white-space: nowrap; letter-spacing:-2px; 
	border-right:solid 2px #fff;
	animation: mainimg_typing 5s steps(8) infinite,  mainimg_cursor 1s steps(1) infinite;  }
@media all and (max-width:1500px) { 
	.main1_str_wrap .main1_str1 .str1 {font-size:3vw; line-height:3.6vw; text-shadow:none;-webkit-text-stroke: 0.05vw #fff; }
	.main1_str_wrap .main1_str2 {margin:1vw 0; }
	.main1_str_wrap .main1_str2 .str2 {font-size:3.2vw; line-height:3.6vw; text-shadow:none; }
}
@media all and (max-width:900px) { 
	.main1_str_wrap .main1_str1 .str1 {font-size:4vw; line-height:4.1vw; text-shadow:none; }
	.main1_str_wrap .main1_str2 {margin:2vw 0; }
	.main1_str_wrap .main1_str2 .str2 {font-size:4.5vw; line-height:4.6vw; text-shadow:none; }
}

/* ----------------------------------------------------*/
.main1_container_wrap {margin: 0; padding: 0; z-index:0; overflow:hidden;background-color:#111;  }
.main1_container {position:relative; width:2000px; left:50%; margin:0 0 0 -1000px; z-index:0; clear:both; overflow:hidden; height:650px;}
.mainimg1_wrap {position:absolute; left:0; right:0; top:0px;  width:100%; height:auto; z-index:3; clear:both; overflow:hidden; }
.mainimg1 {width:100%; float:left; position: relative; z-index:3; overflow:hidden; }


.main1_str_wrap3 {z-index:10; position:absolute; left:0; right:0; width:100%; height:100%; overflow:hidden; margin:0 auto; }
.main1_str_wrap2 {overflow:hidden; width:100vw; max-width:1500px; height:100%; margin:0 auto; 
	 display:flex; flex-direction:column;  justify-content: center;  }

.mainimg_ico2_wrap3 {z-index:10; position:absolute; left:0; right:0; width:100%; height:100%; overflow:hidden; margin:0 auto; }
.mainimg_ico2_wrap2 {overflow:hidden; width:100vw; max-width:1500px; height:100%; margin:0 auto; 
	 display:flex; flex-direction:column;  justify-content: center;  }


@media all and (max-width:1500px) { 
	@keyframes mainimg_typing {0% {opacity:1; width: 0; } 30%, 100% {opacity:1; width:13em; } }
	.main1_str_wrap2 {padding:0 10px; }
	
}
@media all and (max-width:1300px) { 
	.main1_container_wrap {overflow:visible; }
	.main1_container {width:100%; height:auto; left:0; margin:0; overflow:visible;  }
	.mainimg1_wrap {position:relative; }
	.mainimg1 {float:none; }

	.mainimg_ico2_wrap3 {position:static; ; width:100%; height:100%; overflow:hidden; margin:0 auto; }
	.mainimg_ico2_wrap2 {overflow:hidden; width:100vw; max-width:1500px; height:100%; margin:0 auto; 
		 display:flex; flex-direction:column;  justify-content: center;  }
	

}
@media all and (max-width:900px) { 
	@keyframes mainimg_typing {0% {opacity:1; width: 0; } 30%, 100% {opacity:1; width:12.5em; } }
	

	.Xmain1_str_wrap .main1_str2 {display: flex; justify-content: flex-start; text-align:left;   margin:2vw 0; }
}

/* ----------------------------------------------------*/
/* =================================================================== */
.mainimg_ico2_wrap {position:relative; overflow:hidden;  z-index:10; }
.mainimg_ico2 {display:block; overflow:hidden; float:right;}
.mainimg_ico2_ul {display:block; width:100%; max-width:320px; margin:-3px; overflow:hidden;}
.mainimg_ico2_li {display:block; float:right; width:50%; text-align:center; } 
.mainimg_ico2_li > .li_in {margin:3px; }
.mainimg_ico2_li .mainimg_ico2_box {display:block; border-radius:20px; padding:15px 0; }
.mainimg_ico2_li .mainimg_ico2_box .mainimg_ico2_ico {width:40px; margin:0px 0 5px 0; }
.mainimg_ico2_li .mainimg_ico2_box:hover .mainimg_ico2_ico { transform:rotateY(360deg); transition-duration:0.6s;  } 


.mainimg_ico2_li .mainimg_ico2_box .mainimg_ico2_title {font-size:14px; line-height:14px; color:#eee; font-weight:500; text-align:center; margin:0 auto; }

.mainimg_ico2_ul > li:nth-child(1) .mainimg_ico2_box {background-color:rgba(45, 110, 45, 0.85); }
.mainimg_ico2_ul > li:nth-child(2) .mainimg_ico2_box {background-color:rgba(45, 45, 45, 0.85); }
.mainimg_ico2_ul > li:nth-child(3) .mainimg_ico2_box {background-color:rgba(45, 45, 100, 0.85); }
.mainimg_ico2_ul > li:nth-child(4) .mainimg_ico2_box {background-color:rgba(100, 45, 45, 0.85); }
.mainimg_ico2_ul > li:nth-child(5) .mainimg_ico2_box {background-color:rgba(100, 80, 45, 0.85); }
.mainimg_ico2_ul > li:nth-child(6) .mainimg_ico2_box {background-color:rgba(45, 80, 80, 0.85); }

.Xmainimg_ico2_ul6 > li:nth-child(6) {clear:right;}

@media all and (max-width:1300px) { 
	.mainimg_ico2 {float:none; padding:10px; }
	.mainimg_ico2_ul {display:block; width:100%; max-width:100%; }
	.mainimg_ico2_li {width:16.66%; } 
	.mainimg_ico2_li .mainimg_ico2_box {border-radius:10px; padding:0.5vw 0; }
	.mainimg_ico2_li .mainimg_ico2_box .mainimg_ico2_ico {width:3vw; margin:0 0 0.05vw 0; }
	.mainimg_ico2_li .mainimg_ico2_box .mainimg_ico2_title {font-size:1vw; line-height:1vw; }
}
@media all and (max-width:500px) { 
	.mainimg_ico2_li .mainimg_ico2_box {border-radius:10px; padding:1vw 0; }
	.mainimg_ico2_li {width:33.33%; } 
	.mainimg_ico2_li .mainimg_ico2_box .mainimg_ico2_title {font-size:1.5vw; line-height:1.5vw; }
}
/* =================================================================== */



/* ---------------------------------------------------- */
.main2_container_wrap {z-index:0; overflow:hidden; background-color:#fff; }
.main2_container {width:100%; max-width:1500px; margin:50px auto; clear:both; overflow:hidden; }
.main2_left  {float:left; position:relative; width:calc(100% - 650px); }
.main2_right {float:right; position:relative; width:600px; }

.Xmain2_left_title        { font-family:"Noto Sans KR"; font-weight:400; font-size: 28px; line-height: 38px; color:#333; margin:0 0 20px; letter-spacing:-1px;  }
.main2_left_title        { font-family:"Bitgoeul"; font-weight:700; font-size: 32px; line-height: 38px; color:#333333; margin:0 0 20px 0; letter-spacing:-1px;  }
.main2_left_title > span { font-family:"Bitgoeul"; font-weight:700; font-size: 32px; line-height: 38px; color:#0649b6; letter-spacing:-1px;  }


.main_img2_wrap {float:left; width:100%; }

.main_img2 {position:relative; width:100%; min-height:300px; margin:0px 0 0 0; vertical-align:top; border:solid 1px #ddd;  }
.main_img2_title {font-family:"Noto Sans KR"; font-size:25px; line-height:25px; font-weight:700; color:#e5377a; margin:10px 0 30px 0;  }

@media all and (max-width:1500px) { 
	.main2_container {padding:0 10px; }
}
@media all and (max-width:1100px) { 
	.main2_left  {float:none; width:100%; padding:10px;   }
	.main2_right {float:none; width:100%; padding:10px;  }
}
@media all and (max-width:768px){
	.main_img2_wrap {float:left; width:100%; }
	.main_img2 {position:relative; width:100% ; margin:0; padding:10px; vertical-align:top: }
}
/* ----------------------------------------------------*/
.dpc_mainbbs12_title {float:left; width:33.33% !important;  }
.dpc_mainbbs12_more {width:33.33%;  }

.Xdpc_mainbbs12_title.on {background-color:#0649b6; }
.Xdpc_mainbbs12_ul {margin:11px 0 0 0; }
.Xdpc_mainbbs12_ul > li.on  .text_wrap {padding:12px 0; }
.Xdpc_mainbbs12_ul > li.off .text_wrap {padding:12px 0; }

.Xdpc_mainphoto2_2_wrap {background-color:#f1f2f5; }
.Xdpc_mainphoto2_2_list .bbs_title {font-family:"Noto Sans KR"; font-size:28px; line-height:28px; font-weight:600; }