@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); 
/*************** [introduce]basic ***************/
/*section_type_introduce_20 : 게시판*/
#section_type_introduce_20 {width:100%; height:100%; background:url("/section/introduce/introduce_20/img/bg.jpg")no-repeat center center; background-size:cover; box-sizing:border-box;}
#section_type_introduce_20 .introduce_20 {padding-top:120px;}
#section_type_introduce_20 .introduce_20 .inner {max-width:1500px;}

/*top*/
#section_type_introduce_20 .introduce_20 .top {width:100%; overflow:hidden; border-radius:20px; margin-bottom:100px;}
	#section_type_introduce_20 .introduce_20 .top .top_menu {position:relative; float:left; width:20%; padding:30px 0; color:#fff; padding-left:70px; box-sizing:border-box;}
		#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(1) {background:#1e68b7; padding-left:30px; width:17%;}
		#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(2) {background:#205995;}
		#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(3) {background:#204873;}
		#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(4) {background:#1d3651;}
		#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(5) {background:#6db812; width:23%;}

		#section_type_introduce_20 .introduce_20 .top .top_menu:after {content:""; display:block; width:0; height:0; 
			border-bottom: 55px solid transparent;
			border-top: 55px solid transparent;
			border-left: 50px solid #1e68b7;
			border-right: 50px solid transparent;
			position:absolute; top:0; right:-100px; z-index:999;}
			#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(2):after {border-left: 50px solid #205995;}
			#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(3):after {border-left: 50px solid #204873;}
			#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(4):after {border-left: 50px solid #1d3651;}
			#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(5):after {display:none;}

		#section_type_introduce_20 .introduce_20 .top .top_menu h3 {font-family: 'NanumSquare'; font-weight:400; font-size:24px; padding-bottom:10px;}
		#section_type_introduce_20 .introduce_20 .top .top_menu p {font-family: 'NanumSquare'; font-size:16px;}

/*bottom*/
#section_type_introduce_20 .introduce_20 .bottom {width:90%; margin-right:10%;}

#section_type_introduce_20 .introduce_20 .bottom .left {position:relative; float:left; width:44%; margin-right:3%; margin-left:12%; height:470px; background:url("/section/introduce/introduce_20/img/left_bg.png")no-repeat center center; background-size:cover; border-radius:20px;}
	#section_type_introduce_20 .introduce_20 .bottom .left h1 {float:left; position:relative; left:-28%;}
	#section_type_introduce_20 .introduce_20 .bottom .left .text {float:left; position:absolute; top:60px; right:60px; text-align:right;}
	#section_type_introduce_20 .introduce_20 .bottom .left .text h2 {font-family: 'NanumSquare'; font-weight:400; font-size:24px; line-height:135%; padding-bottom:50px; color:#fff;}
	#section_type_introduce_20 .introduce_20 .bottom .left .text .link {width:210px; height:44px; border-radius:20px; background:rgba(0,0,0,0.6); position:absolute; top:210px; right:0; padding:13px 0; box-sizing:border-box; cursor:pointer;}
		#section_type_introduce_20 .introduce_20 .bottom .left .text .link:last-child {top:264px;}
	#section_type_introduce_20 .introduce_20 .bottom .left .text .link a {display:block; width:100%; height:100%; color:#fff; font-family: 'NanumSquare'; font-size:18px; font-weight:300; text-align:center; transition:all 0.3s;}
		#section_type_introduce_20 .introduce_20 .bottom .left .text .link:hover a {transform:translateX(10px);}

#section_type_introduce_20 .introduce_20 .bottom .right {float:left; width:40%; height:470px; overflow:hidden;}
	#section_type_introduce_20 .introduce_20 .bottom .right .right_box {float:left; width:46%; height:100%; margin-left:4%; text-align:center; border-radius:20px; font-family: 'NanumSquare';}
		#section_type_introduce_20 .introduce_20 .bottom .right .right_box:nth-child(1) {background:#c4d18b; color:#505d18;}
		#section_type_introduce_20 .introduce_20 .bottom .right .right_box:nth-child(2) {background:#9a8872; color:#fff;}
		
		#section_type_introduce_20 .introduce_20 .bottom .right .right_box a {display:block; width:100%; height:100%; cursor:pointer; padding-top:80px; box-sizing:border-box;}
			#section_type_introduce_20 .introduce_20 .bottom .right .right_box:nth-child(1) a {color:#505d18;}
			#section_type_introduce_20 .introduce_20 .bottom .right .right_box:nth-child(2) a {color:#fff;}
		#section_type_introduce_20 .introduce_20 .bottom .right .right_box a h1 {width:160px; height:160px; border-radius:50%; background:rgba(255,255,255,0.15); position:relative; left:50%; margin-left:-80px; padding-top:50px; box-sizing:border-box;}
		#section_type_introduce_20 .introduce_20 .bottom .right .right_box a h2 {font-family: 'NanumSquare'; font-size:30px; margin:30px 0;}
			#section_type_introduce_20 .introduce_20 .bottom .right .right_box a:hover h2 {text-decoration:underline;}
		#section_type_introduce_20 .introduce_20 .bottom .right .right_box a p {font-family: 'NanumSquare'; font-size:18px;line-height:135%;}

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

@media screen and (max-width:1700px){
	#section_type_introduce_20 .introduce_20 .bottom {width:95%; margin-right:5%;}
	#section_type_introduce_20 .introduce_20 .bottom .left {width:47%; margin-left:6%; margin-right:1%;}
	#section_type_introduce_20 .introduce_20 .bottom .right {width:45%;}
}

@media screen and (max-width:1520px){
	#section_type_introduce_20 .introduce_20 .inner {max-width:1300px;}
	
	#section_type_introduce_20 .introduce_20 .top {margin-bottom:60px;}

	#section_type_introduce_20 .introduce_20 .bottom .left h1 {position:absolute; bottom:0;}
	#section_type_introduce_20 .introduce_20 .bottom .left h1 img {width:550px;}

	#section_type_introduce_20 .introduce_20 .bottom {width:92%; margin-right:8%;}
	#section_type_introduce_20 .introduce_20 .bottom .left {width:46%; margin-left:8%;}
}

@media screen and (max-width:1320px){
	#section_type_introduce_20 .introduce_20 .inner {max-width:1200px;}

	#section_type_introduce_20 .introduce_20 .top .top_menu h3 {font-size:22px;}
	#section_type_introduce_20 .introduce_20 .top .top_menu p {font-size:14px;}
	
	#section_type_introduce_20 .introduce_20 .bottom {width:95%; margin-right:5%;}
	#section_type_introduce_20 .introduce_20 .bottom .left {width:48%; margin-left:5%; margin-right:0;}
	#section_type_introduce_20 .introduce_20 .bottom .left .text h2 {font-size:22px;}
	#section_type_introduce_20 .introduce_20 .bottom .right {width:47%;}
	#section_type_introduce_20 .introduce_20 .bottom .right .right_box {width:48%; margin-left:2%;}
	#section_type_introduce_20 .introduce_20 .bottom .right .right_box a h2 {font-size:28px;}
}

@media screen and (max-width:1200px){
	#section_type_introduce_20 .introduce_20 {padding-top:60px;}

	#section_type_introduce_20 .introduce_20 .top .top_menu {padding-left:20px;}
		#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(1) {padding-left:20px;}
	#section_type_introduce_20 .introduce_20 .top .top_menu:after {display:none;}

	#section_type_introduce_20 .introduce_20 .bottom {width:96%; margin:0 2%; margin-right:0;}
	#section_type_introduce_20 .introduce_20 .bottom .left {width:50%; margin-left:0;}
		#section_type_introduce_20 .introduce_20 .bottom .left .text {right:30px;}
		#section_type_introduce_20 .introduce_20 .bottom .left h1 {left:-35%;}
		#section_type_introduce_20 .introduce_20 .bottom .left .text h2 {font-size:20px;}
	#section_type_introduce_20 .introduce_20 .bottom .right {width:50%;}
	
}

@media screen and (max-width:1024px){
	#section_type_introduce_20 {height:auto;}
	
	#section_type_introduce_20 .introduce_20 .bottom .left {width:40%;}
	#section_type_introduce_20 .introduce_20 .bottom .left h1 {display:none;}
	#section_type_introduce_20 .introduce_20 .bottom .left .text {position:relative; left:50%; margin-left:-130px; top:60px; text-align:center;}
	#section_type_introduce_20 .introduce_20 .bottom .left .text .link {position:relative; left:50%; margin-left:-105px; top:0;}
	#section_type_introduce_20 .introduce_20 .bottom .left .text .link:last-child {top:20px;}

	#section_type_introduce_20 .introduce_20 .bottom .right {width:60%;}
}

@media screen and (max-width:900px){
	#section_type_introduce_20 .introduce_20 {padding:100px 0; overflow:hidden;}
	#section_type_introduce_20 .introduce_20 .top .top_menu {float:none; width:100%; border-radius:20px; margin-bottom:20px; padding:20px 40px;}
		#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(1) {width:100%; padding-left:40px;}
		#section_type_introduce_20 .introduce_20 .top .top_menu:nth-child(5) {width:100%; margin-bottom:0;}
}

@media screen and (max-width:800px){
	#section_type_introduce_20 {background:url("/section/introduce/introduce_20/img/bg.jpg")no-repeat left center; background-size:cover;}
	#section_type_introduce_20 .introduce_20 .bottom .left {float:none; width:100%; height:420px; margin-bottom:30px;}

	#section_type_introduce_20 .introduce_20 .bottom .right {float:none; width:100%; height:380px;}
		#section_type_introduce_20 .introduce_20 .bottom .right .right_box:nth-child(1) {margin-left:0; margin-right:2%;}
	#section_type_introduce_20 .introduce_20 .bottom .right .right_box a {padding-top:40px}
	#section_type_introduce_20 .introduce_20 .bottom .right .right_box a h2 {font-size:24px; width:auto;}
	#section_type_introduce_20 .introduce_20 .bottom .right .right_box a p {font-size:16px;}
}

@media screen and (max-width:450px){
	#section_type_introduce_20 .introduce_20 .bottom .right {height:auto;}
	#section_type_introduce_20 .introduce_20 .bottom .right .right_box {width:100%; height:380px; margin-bottom:30px; margin-right:0; margin-left:0;}
}