@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); 
@font-face {font-family:'S-CoreDream-3Light'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal; }
/*************** [introduce]basic ***************/
/*section_type_introduce_22 : 게시판*/
#section_type_introduce_22 {width:100%; height:100%; background:url("/section/introduce/introduce_22/img/bg.jpg")no-repeat center center; background-size:cover; box-sizing:border-box; padding:100px 0;}
#section_type_introduce_22 .inner {max-width:1500px; overflow:hidden;}

#section_type_introduce_22 .intro {float:left; width:50%; color:#222;}
	#section_type_introduce_22 .intro h2 {font-size:36px; font-family: 'NanumSquare'; font-weight:400; margin-bottom:40px; padding-top:20px;}
	#section_type_introduce_22 .intro h2 img {position:relative; top:-20px;}
	#section_type_introduce_22 .intro h3 {font-size:24px; font-family: 'NanumSquare'; font-weight:400; margin-bottom:40px; padding-left:55px; line-height:120%;}
	#section_type_introduce_22 .intro .btn {width:200px; height:50px; border-radius:25px; background:#9ec2dc; box-shadow:5px 5px 10px rgba(0,0,0,0.5); margin-bottom:20px; margin-left:55px;}
	#section_type_introduce_22 .intro .btn a {display:block; width:100%; height:100%; border-radius:25px;}
	#section_type_introduce_22 .intro .btn a p {color:#333; text-align:center; transition:all 0.3s; font-size:22px; font-family: 'NanumSquare'; padding-top: 15px;}
	#section_type_introduce_22 .intro .btn a:hover p {color:#fff;}

#section_type_introduce_22 .video {float:left; width:48%; padding-right:2%;}
	#section_type_introduce_22 .video .video_box {box-shadow: 4px 4px 8px rgba(0,0,0,0.5);}
	#section_type_introduce_22 .video .video_box div {position:relative; padding-bottom:56.25%; height:0; overflow: hidden; width:100%; margin:0 auto;}
	#section_type_introduce_22 .video .video_box div iframe {position: absolute; top: 0; left: 0; width:100%; height: 100%; box-shadow: 4px 4px 8px rgba(0,0,0,0.5);}
	#section_type_introduce_22 .video .video_tit {text-align:right; color:#222; font-family: 'NanumSquare'; margin-top:40px;}
	#section_type_introduce_22 .video .video_tit h4 {font-size:20px; margin-bottom:20px;}
	#section_type_introduce_22 .video .video_tit h1 {font-size:50px; font-weight:500;}
	#section_type_introduce_22 .video .video_tit h1 span {font-weight:600;}
/*************** [introduce]responsive ***************/
/*게시판*/

@media screen and (max-width:1520px){
	#section_type_introduce_22 .inner {max-width:1300px;}
}
@media screen and (max-width:1320px){
	#section_type_introduce_22 .inner {max-width:1200px;}

	#section_type_introduce_22 .intro h2 {font-size:30px;}
	#section_type_introduce_22 .intro h2 img {width:30px;}
	#section_type_introduce_22 .intro h3 {font-size:20px; padding-left:40px;}
	#section_type_introduce_22 .intro .btn {margin-left:40px;}
	#section_type_introduce_22 .intro .btn a p {font-size:20px;}

	#section_type_introduce_22 .video .video_tit h1 {font-size:40px;}
}
@media screen and (max-width:1024px){
	#section_type_introduce_22 .intro {float:none; width:100%; text-align: center; padding-bottom:30px; margin-bottom:50px; background:rgba(255,255,255,0.5); padding-top:50px;}
	#section_type_introduce_22 .intro h3 {padding-left:0;}
	#section_type_introduce_22 .intro .btn {position:relative; left:50%; margin-left:-100px; padding-left:0;}

	#section_type_introduce_22 .video {float:none; width:90%; padding-right:0; margin:0 auto;}
}
@media screen and (max-width:900px){
	#section_type_introduce_22 .intro h2 {font-size:28px;}
	#section_type_introduce_22 .intro h3 {font-size:18px;}	
	#section_type_introduce_22 .intro .btn {height:46px;}
	#section_type_introduce_22 .intro .btn a p {font-size:18px;}

	#section_type_introduce_22 .video .video_tit h1 {font-size:36px;}
}
@media screen and (max-width:600px){
	#section_type_introduce_22 .video .video_tit h4 {font-size:18px; margin-bottom:15px;}
	#section_type_introduce_22 .video .video_tit h1 {font-size:28px;}
}