@charset "utf-8";

@media all and (max-width:1024px){
.ceoBox2{width:100%; padding:20px; font-size:1.3em;}
}
@media all and (max-width:768px){
	.w1200 {
		width:94%;
	}
	.pcVer {display:none}
	.mobVer {display:block}
	#container_index .title h2 p {font-size: 17px;}


	#container_index .title h2{
		font-size: 40px;
	}
	#container_index .title h2 p{
		font-size: 14px;
	}
	#container_index .title span{
		font-size: 14px;
		margin-top: 20px;
		word-break: keep-all;
	}
	#container_index .title span.st2{
		font-size: 15px;
		width: 100%;
		margin: 20px auto;
	}
	.cont {}
	#container_index section {
	padding: 80px 0;
	}
	
	#contact {
		padding-top: 0px!important;
	}
	
	#program:after{
		content:'';
		height: 388px;
		background: url(../img/main/bg_prog.jpg) no-repeat center center;
		background-size: auto 100%;
	}
	#program .cont {
		margin-top: 50px;
	}
	#program .title  *{
		color:#FFF !important
	}
	#program .cont ol{
		display: flex;
		flex-direction: column;
	}
	#program .cont ol li{
		width: 100%;
		height: auto;
		padding: 21px 40px;
		margin-bottom: 10px;
	}
	#program .cont ol li:after{
		content:'';
		display: none;
		position: absolute;
		right: -90px;
		width: 90px;
		background: url(../img/main/ico_next2.png) no-repeat center center;
		top: 0;
		bottom: 0;
	}
	#program .cont ol li:last-child:after{
		display:none
	}
	#program .cont ol li span.num{
		color: #d4d4d4;
		font-size: 23px;
		margin-top: 0;
		position: initial;
	}
	#program .cont ol li span.num:after{
		content:'';
		display:inline-block;
		position:absolute;
		right:0;
		top: inherit;
		width: 100px;
		height:90px;
		bottom: 0;
	}
	#program .cont ol li:nth-child(1) span.num:after{
		background: url(../img/main/ico_ol01.png) no-repeat center center;
		background-size: 45px;
	}
	#program .cont ol li:nth-child(2) span.num:after{
		background: url(../img/main/ico_ol02.png) no-repeat center center;
		background-size: 45px;
	}
	/*#program .cont ol li:nth-child(3) span.num:after{
		background: url(../img/main/ico_ol03.png) no-repeat center center;
		background-size: 59px;
	}
	#program .cont ol li:nth-child(3){
		background:#f7918c;
	}
	#program .cont ol li:nth-child(3)  *{
		color:#FFF !important
	}
	#program .cont ol li:nth-child(3) span.num {
	}*/
	#program .cont ol li .tit{font-size: 2em;margin-top: 0px;}
	#program .cont ol li .tBox{margin-top: 10px;}
	#program .cont ol li .tBox p{font-size: 14px;color: #2b3738;line-height: 25px;padding-left: 13px;background: url(../img/main/ico_dot.png) no-repeat left 13px;}
	.companyList {
		margin-top: 30px;
	}
	#program .cont ol li:nth-child(3) .tBox p{
		/*background:url(../img/main/ico_dot_w.png) no-repeat left 15px*/
		background:url(../img/main/ico_dot.png) no-repeat left 15px
	}

	#program .newBox{}
	#program .newBox .titleBox{
		font-size: 19px;
		margin-top: 90px;
		word-break: keep-all;
	}
	#program .newBox .titleBox:after{
		content:'';
		display:block;
		height: 100px;
		width:100%;
	}
	#program .newBox .titleBox p{
		height: 90px;
		word-break: keep-all;
	}
	#program .newBox .titleBox p:before{
		display:none
	}
	#program .newBox .titleBox p:after{
		display:none
	}
	#program .newBox ul{
	   display: -webkit-box; display: -ms-flexbox; display: flex;
		-webkit-box-lines: single; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
	}
	#program .newBox ul{
	flex-direction: column;
	}
	#program .newBox ul.st2{	
		-webkit-border-radius:0 0 10px 10px;
		-moz-border-radius:0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}
	#program .newBox ul li{
		width: 100%;
		padding: 30px;
		height: auto;
	}
	#program .newBox ul.st2{
	flex-direction: column;
	}
	#program .newBox ul li.typ01{
		background: #FFF url(../img/main/ico_new01.png) no-repeat 93% 35px;
		background-size: 60px;
	}
	#program .newBox ul li.typ02{
		background: #85D1DE url(../img/main/ico_new02.png) no-repeat 94% 31px;
		background-size: 60px;
	}
	#program .newBox ul li.typ03{
		background: #99DAEE url(../img/main/ico_new03.png) no-repeat 94% 36px;
		background-size: 70px;
	}
	#program .newBox ul li.typ04{
		background: #6CD0DF url(../img/main/ico_new04.png) no-repeat 90% 40px;
		font-size: 18px;
		font-weight: 500;
		padding: 30px;
		letter-spacing: -2px;
		background-size: 50px;
	}
	#program .newBox ul li.typ05{
		background: #6DBFE4 url(../img/main/ico_new05.png) no-repeat 90% 40px;
		background-size: 50px;
	}

	#program .newBox ul li:after{
		content:'';
		position: absolute;
		width: 56px !important;
		height: 71px !important;
		top: inherit !important;
		right: inherit !important;
		margin-top: 0;
		bottom: -55px !important;
		left: 50% !important;
		margin-left: -30px;
		height: 71px;

	}

	#program .newBox ul li.typ01:after{
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      border-top: 40px solid #fff;

	}
	#program .newBox ul li.typ02:after{
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      border-top: 40px solid #85D1DE;
	}
	#program .newBox ul li.typ03:after{
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      border-top: 40px solid #99DAEE;
	}
	#program .newBox ul li.typ04:after{
		left: -40px;
		right: inherit;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      border-top: 40px solid #6CD0DF;
	}
	#program .newBox ul li.typ05:after{
		right: inherit;
		left: -40px;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      border-top: 40px solid #6DBFE4;
	}

	#program .newBox ul li .t{
		font-size: 17px;
	}
	#program .newBox ul li.typ04 .t{
		color: #FFF !important;
	}
	#program .newBox ul li .box{
		margin-top: 10px;
		width: 100%;
	}
	#program .newBox ul li .box span{
		font-size: 14px;
		padding-left: 11px;
	}
	#program .newBox ul li .box.st2{
		width:100%
	}
	#program .newBox ul li .box.st2 span{
		display:block
	}

	#program .newBox ul li .bigT{
		font-size: 25px;
	}
	.companyList li{
		height: auto;
		width: 45%;
	}
	.companyList li img{width:100%}
	.companyList li:nth-child(2),
	.companyList li:nth-child(3) {
	}
	.companyList li .tit{
		margin-top: 30px;
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 15px;
	}
	.companyList li .txt{
		margin-bottom: 0;
		font-size: 14px;
		color: #666;
		font-weight: 500;
		line-height: 1.5;
	}
	.aboutTab_list,
	 .startTab_list{
		text-align: center;
		margin-top: 0;
	}
	.aboutTab_list li,
	 .startTab_list li{
		margin: 0 17px;
	}
	.aboutTab_list li:after,
	 .startTab_list li:after{
		content:'';
		display:inline-block;
		position: absolute;
		width:1px;
		height: 25px;
		background: #b1b1b1;
		top: 10px;
		right: -19px;
	}
	.aboutTab_list li:last-child:after,
	 .startTab_list li:last-child:after{
		content:'';
		display:none
	}
	.aboutTab_list li a,
	.startTab_list li a{
		padding: 10px 3px;
		font-size: 16px;
	}
	.aboutTab_list li a:before,
	.startTab_list li a:before{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
	}

	.aboutTab_list li a:hover,
	.ui-state-active a{
		color:#ffffff !important
	}
	/*.aboutTab_list li a:hover:before,
	.ui-state-active a:before{
		background:#177790;
		height: 2px;
	}*/

	#startup{
		background:#ebf1f1;
		position:relative;
		padding: 80px 0 50px !important;
	}
	#startup:before{
		content:'';
		display:block;
		position:absolute;
		z-index:1;
		width:100%;
		left:0;
		top: -520px;
		background: #ebf1f1;
		height: 540px;
	}

	.youtubeBox {
		padding-top: 70px;
		position:relative;
		z-index:2;
	}
	.youtubeBox .titleBox{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.youtubeBox .titleBox p{
		font-size: 30px;
		line-height: 1;
	}
	.youtubeBox .titleBox .smTxt{
		font-size: 14px;
		line-height: 50px;
	}
	.swiper-button-next:after,
	.swiper-button-prev:after {
		display:none
	}
	.swiper-button-next,
	.swiper-button-prev{
		background:red
	}
	.swiper-button-next_new {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -22px;
		width: 36px;
		height: 55px;
		background: url(../img/main/ico_next.png) no-repeat;
		z-index: 999;
		cursor: pointer;
		
	}
	.swiper-button-prev_new {
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -22px;
		width: 36px;
		height: 55px;
		background: url(../img/main/ico_pre.png) no-repeat;
		z-index: 999;
		cursor: pointer;
	}

	.youtube_slide .swiper-slide{
	}
	.youtube_slide .swiper-slide iframe{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		overflow:hidden;
		width: 90% !important;
		height: 220px !important;
	}
	.tab_slide .swiper-wrapper {
		flex-wrap: wrap;
		height: 240px;
		flex-direction: column;
	}
	.tab_slide .swiper-slide{
		text-align: center;
		font-size: 18px;
		height: calc((100% - 30px) / 2);

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		text-align: center;
	}
	.tab_slide .swiper-slide a{

		background: #FFF;
		width:100%;
		height: 90px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		text-align: center;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.tab_slide .swiper-slide img{
		width: 70%;
	}

	.tabBox {text-align:center;margin-top: 60px;}

	footer {
		padding: 40px 10px 20px;
	}
	footer address{
		font-family: 'Montserrat', 'Noto Sans KR' , sans-serif;
		color: #b4b4b4;
		font-size: 14px;
	}
	footer h1{
		float: inherit;
		display: block;
		margin-right: 0;
	}
	footer h1 img{}
	footer .ftop{
		display: block;
		float: inherit;
		line-height: 28px;
		margin-top: 10px;
	}
	footer .ftop span{
		margin-right:13px
	}
	footer .foot_text{
		padding-top: 20px;
	}
	footer .foot_text p{
		line-height: 1.1;
		letter-spacing: 0;
		margin-bottom: 12px;
	}
	footer .foot_text p span{
		display: inline-block;
		margin-right: 10px;
	}
	footer .foot_text p span{
		display: inline-block;
		margin-right: 10px;
		font-size: .8em;
		word-break: keep-all;
	}

	footer .copyright {font-size: .9em;}
	
	
	/*CENTER*/
	#center{padding:0px 5px; margin:30px auto;}
	#center .nav-tabs>li a{font-size:18px;}
	#center .tab-content{padding:10px;}
	#center .tab-content .img{width:100%; float:none; min-height:200px;}
	#center .tab-content dl{float:none; width:100%; padding:20px 0;}
	#center .tab-content dl dt{ font-size:20px;}
	#center .tab-content dl dd{ font-size:14px;}
	#center .tab-content dl dd.addr{line-height:20px;}
	
	#history{display:block; border-top:0; border-left:1px solid #ddd; margin:30px 20px; padding:0;}
	#history dl{margin:10px -7px;}
	#history dl dt:before{display:inline-block; margin:-2px 3px 2px 0; vertical-align:middle; width:15px; height:15px;}
	#history dl dt{font-size:18px; margin:0;}
	#history dl dd{font-size:14px}
}