@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_21 : 게시판*/
#section_type_introduce_21 {width:100%; height:100%; background:url("/section/introduce/introduce_21/img/bg.jpg")no-repeat center center; background-size:cover; box-sizing:border-box;}
#section_type_introduce_21 .inner {max-width:1500px;}

#section_type_introduce_21 .main_tit {color:#000; margin-bottom:50px;}
#section_type_introduce_21 .main_tit h1 {font-family:'S-CoreDream-3Light'; font-size:50px; font-weight:500; margin-bottom:30px;}
#section_type_introduce_21 .main_tit h1 span {font-weight:600;}
#section_type_introduce_21 .main_tit h3 {font-family:'GmarketSansLight';}

#section_type_introduce_21 .wrap {display:table; width:100%; overflow:hidden;}
#section_type_introduce_21 .wrap .youtube_box {display:table-cell; vertical-align:middle; width:50%;}
#section_type_introduce_21 .wrap .youtube_box div {position:relative; padding-bottom:56.25%; height:0; overflow: hidden; width:100%; margin:0 auto;}
#section_type_introduce_21 .wrap .youtube_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_21 .wrap .banner_box {display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box; padding-left:50px;}
#section_type_introduce_21 .wrap .banner_box li {width:90%; overflow: hidden; border-radius:50px; margin-bottom:20px;}
	#section_type_introduce_21 .wrap .banner_box li:nth-child(1) {background:#d2d9df; box-shadow:5px 5px 0 #a2a2a2;}
	#section_type_introduce_21 .wrap .banner_box li:nth-child(2) {background:#aebaca; box-shadow:5px 5px 0 #79808e;}
	#section_type_introduce_21 .wrap .banner_box li:nth-child(3) {background:#495976; box-shadow:5px 5px 0 #0d1118;}
	#section_type_introduce_21 .wrap .banner_box li:nth-child(4) {background:#333e51; box-shadow:5px 5px 0 #000000;}
#section_type_introduce_21 .wrap .banner_box li a {display:table; width:90%; border-radius:50px; color:#000; padding:22px 50px;overflow:hidden;}
	#section_type_introduce_21 .wrap .banner_box li:nth-child(3) a, 
	#section_type_introduce_21 .wrap .banner_box li:nth-child(4) a {color:#fff;}
#section_type_introduce_21 .wrap .banner_box li a p {display:table-cell; vertical-align:middle; width:50%; font-size:18px; font-family:'S-CoreDream-3Light'; line-height:125%;}
#section_type_introduce_21 .wrap .banner_box li a h2 {display:table-cell; vertical-align:middle; width:50%; font-size:36px; font-family:'S-CoreDream-3Light'; text-align:right; padding-right:50px; }
	#section_type_introduce_21 .wrap .banner_box li a:hover h2 {text-decoration:underline;}

/*************** [introduce]responsive ***************/
/*게시판*/

@media screen and (max-width:1520px){
	#section_type_introduce_21 .inner {max-width:1300px;}
}
@media screen and (max-width:1320px){
	#section_type_introduce_21 .inner {max-width:1200px;}
	
	#section_type_introduce_21 .main_tit {margin-bottom:30px;}
	#section_type_introduce_21 .main_tit h1 {font-size:40px; margin-bottom:20px;}

	#section_type_introduce_21 .wrap .banner_box li a h2 {font-size:30px;}
	#section_type_introduce_21 .wrap .banner_box li a p {font-size:16px;}
}
@media screen and (max-width:1200px){
	#section_type_introduce_21 .wrap .banner_box li a h2 {font-size:26px;}
}
@media screen and (max-width:1024px){
	#section_type_introduce_21 {background: url("/section/introduce/introduce_21/img/bg.jpg")no-repeat right center;}

	#section_type_introduce_21 .wrap .banner_box li {width:95%;}
}
@media screen and (max-width:900px){
	#section_type_introduce_21 {padding:100px 0;}
	#section_type_introduce_21 .main_tit {text-align:center;}
	#section_type_introduce_21 .main_tit h1 {font-size:36px;}
	#section_type_introduce_21 .wrap .youtube_box {display:block; width:80%; margin:0 auto 50px;}
	#section_type_introduce_21 .wrap .banner_box {display:block; width:100%; padding-left:0;}
	#section_type_introduce_21 .wrap .banner_box li {width:90%; margin-left:4%;}
}
@media screen and (max-width:450px){
	#section_type_introduce_21 {background: url("/section/introduce/introduce_21/img/bg.jpg")no-repeat center center;}
	#section_type_introduce_21 {padding:50px 0;}
	#section_type_introduce_21 .main_tit h1 {font-size:30px;}

	#section_type_introduce_21 .wrap .banner_box li a p {font-size:14px;}
	#section_type_introduce_21 .wrap .banner_box li a h2 {font-size:22px;}
}
@media screen and (max-width:375px){
	#section_type_introduce_21 .main_tit h1 {font-size: 26px;}
	#section_type_introduce_21 .main_tit h3 {font-size:16px;}

	#section_type_introduce_21 .wrap .youtube_box {width:90%;}
	
	#section_type_introduce_21 .wrap .banner_box li a {padding: 22px 0; width: 100%;}
	#section_type_introduce_21 .wrap .banner_box li a p {display:none;}
	#section_type_introduce_21 .wrap .banner_box li a h2 {display: block; width: 100%; padding-right: 0; text-align: center;}
}