/* ===================================================================================================
  sub5 ::reference 레퍼런스 
======================================================================================================*/




@media screen and (min-width:1001px){


/* ========================================
  sub페이지공통
===========================================*/
.sub{}
.reference{width: 100%;padding:140px 15px;}
.reference .section_in{}
.sub_title{font-size:42px;font-weight:light}

.blue{color:#2d79eb !important;}

/*reference1*/

.reference1{background:#fafafa;padding:80px 105px;margin-top:105px;}
.reference1 .section_in{text-align:left;}
.reference1 .section_in .title2{margin-bottom:30px;}
.reference1 .section_in .title1{display:inline-block;position:relative;}
.reference1 .section_in .title1::after{content:'';width: 12px;height: 12px;border-radius:50%;background:#2d79eb;position:absolute;right:-24px;top:0;}

/*reference2:*/
.reference2 {padding:0;background:#fafafa;}
.reference2 .r2_head_area{width: 100%;background:#fafafa;border-bottom:1px solid #eee;}
.reference2 .r2_head{width: 100%;max-width:1200px;margin:0 auto;display:flex;}

.reference2 .r2_head li{transition:all 0.3s;}

.reference2 .r2_head li a{display:block;font-size:20px;font-weight:800;color:#000;padding:25px 0;}

.reference2 .r2_head li:not(:first-child) a{padding-left: 25px;padding-right: 25px;text-align:center;}
.reference2 .r2_head li:first-child{text-align:center;}
.reference2 .r2_head li:first-child a{padding-right:25px;}

.reference2 .r2_head li a{padding-left: 25px;padding-right: 25px;}
/*.reference2 .r2_head li:first-child{text-align:center;}*/
/*.reference2 .r2_head li:first-child a{padding-right:25px;}*/

.reference2 .r2_head li.active{background:#2d79eb;}
.reference2 .r2_head li.active a{color:#fff;font-weight:900;}

.reference2 .r2_head li:hover{background:#2d79eb;}
.reference2 .r2_head li:hover a{color:#fff;}



.r2_top{background:#fff;border-bottom-right-radius:50px;border-top:1px solid #eee;padding:90px 15px 75px;}
.r2_top .title{text-align:center;font-size: 42px;font-weight:900;}
.r2_top .top_in{margin-top:60px;display:flex;justify-content:space-between;text-align:left;}

.r2_top .top_in .txt_area{width: 50%;}
.r2_top .top_in .txt1{font-size:24px;font-weight:900;color:#2d79eb;}
.r2_top .top_in .txt2{font-size:40px;font-weight:800;line-height:52px;margin:35px 0 60px;}
.r2_top .top_in .txt3{font-size:18px;font-weight:700;line-height:32px;}

.r2_top .top_in .img_area{padding-top:40px;}
.r2_top .top_in .img_area img{width: 100%;}

.r2_bottom{width: 100%;padding:0 15px;}

.r2_bottom .r2_logos{width: 100%;max-width:1200px;margin:0 auto;padding:120px 0 140px;display:flex;flex-wrap:wrap;gap:1%;}
.r2_bottom .r2_logos .r2_logo{width: 19.2%;height: 110px;margin-bottom:12px;}
.r2_bottom .r2_logos .r2_logo a{display:block;width: 100%;height: 100%;background:#fff;border-radius:30px 0 30px 0;}
.r2_bottom .r2_logos .r2_logo a img{width: 100%;}


.r2_bottom .r2_lists{width: 100%;max-width:1200px;margin:0 auto;padding:90px 0 40px;display:flex;flex-wrap:wrap;gap:2%;}
.r2_list{width: 23.5%;text-align:left;margin-bottom:60px;}
.r2_list .img {width: 100%;}
.r2_list .img a{display:block;}
.r2_list .img a img{width: 100%;}

.r2_list .txt {padding-left:7px;}
.r2_list .txt .title{text-align:left;font-size:22px;font-weight:800;margin-top:20px;line-height:32px;}
.r2_list .txt .info{color:#2c2c2c;font-size:17px;line-height:28px;margin-top:15px;}

}
/*pc화면 틀어짐 수정*/






@media screen and (min-width:1001px) and (max-width:1200px){

	.r2_bottom .r2_logos .r2_logo{width: 19.2%;height: 90px;margin-bottom:12px;}
}

@media screen and (min-width:1001px) and (max-width:1240px){


	.r2_list .txt .none{display:block;}
	.r2_list .txt .info{line-height:25px;margin-top:15px;font-size:16px;}

}





/* ======================================================
  Mobile
=========================================================*/

@media screen and (min-width:731px) and (max-width:1000px){

	/* ========================================
	  sub페이지공통
	===========================================*/
	.reference{width: 100%;}
	.sub_title{font-size:42px;font-weight:light}

	.reference .section_in{padding:100px 0;}

	

	/*reference1*/
	.reference1{background:#fafafa;margin-top:115px;}
	.reference1 .section_in{text-align:left;padding:60px 0;}
	.reference1 .section_in .title2{margin-bottom:20px;margin-top:0px;color:#000;letter-spacing:-1px;}
	.reference1 .section_in .title1{display:inline-block;position:relative;}
	.reference1 .section_in .title1::after{content:'';width: 10px;height: 10px;border-radius:50%;background:#2d79eb;position:absolute;right:-20px;top:2px;}

	/*reference2:*/
	.reference2 {padding:0;background:#fafafa;}
	.reference2 .r2_head{width: 94%;margin:0 auto;display:flex;}

	.reference2 .r2_head li{}
	.reference2 .r2_head li:not(:first-child){margin-left:50px;}
	.reference2 .r2_head li a{display:block;font-size:20px;font-weight:800;color:#000;padding:25px 0;}
	.reference2 .r2_head li.active a{color:#2d79eb;font-weight:900;}


	.r2_top{background:#fff;border-top:1px solid #eee;padding:0 15px 0;}
	.r2_top .title{text-align:center;font-size: 42px;font-weight:900;}
	.r2_top .top_in{margin-top:60px;display:flex;flex-direction:column;text-align:left;}

	.r2_top .top_in .txt_area{display:none;}
	

	.r2_top .top_in .img_area{width: 105%;padding-top:20px;}
	.r2_top .top_in .img_area img{width: 100%;}

	.r2_bottom{width: 100%;}

	.r2_bottom .r2_logos{width: 94%;margin:0 auto;padding:120px 0 140px;display:flex;flex-wrap:wrap;gap:2%;}
	.r2_bottom .r2_logos .r2_logo{width: 32%;height: 100px;margin-bottom:20px;}

	
	.r2_bottom .r2_logos .r2_logo a{display:block;width: 100%;height: 100%;background:#fff;border-radius:30px 0 30px 0;}
	.r2_bottom .r2_logos .r2_logo a .in{width: 100%;height: 100%;display:flex;justify-content:center;align-items:center;overflow:hidden;}
	.r2_bottom .r2_logos .r2_logo a img{}


	.r2_bottom .r2_lists{width: 100%;margin:0 auto;padding:90px 0 0px;display:flex;flex-wrap:wrap;gap:5.3%;}
	.r2_list{width: 47%;text-align:left;margin-bottom:60px;}
	.r2_list .img {width: 100%;}
	.r2_list .img a{display:block;}
	.r2_list .img a img{width: 100%;}

	.r2_list .txt {padding-left:7px;}
	.r2_list .txt .title{text-align:left;font-size:28px;font-weight:800;margin-top:20px;line-height:34px;}
	.r2_list .txt .info{color:#2c2c2c;font-size:20px;line-height:28px;margin-top:12px;}
	

}








@media screen and (min-width:721px) and (max-width:730px){

	/* ========================================
	  sub페이지공통
	===========================================*/
	.reference{width: 100%;}
	.sub_title{font-size:46px;font-weight:light}

	.reference .section_in{padding:100px 0;}

	

	/*reference1*/
	.reference1{background:#fafafa;margin-top:115px;}
	.reference1 .section_in{text-align:left;padding:60px 0 100px;}
	.reference1 .section_in .title2{margin-bottom:20px;margin-top:0px;color:#000;letter-spacing:-1px;}
	.reference1 .section_in .title1{display:inline-block;position:relative;}
	.reference1 .section_in .title1::after{content:'';width: 10px;height: 10px;border-radius:50%;background:#2d79eb;position:absolute;right:-20px;top:2px;}


	/*reference2:*/
	.reference2 {padding:0;background:#fafafa;}
	.reference2 .r2_head{width: 94%;margin:0 auto;display:flex;}

	.reference2 .r2_head li{}
	.reference2 .r2_head li:not(:first-child){margin-left:50px;}
	.reference2 .r2_head li a{display:block;font-size:20px;font-weight:800;color:#000;padding:25px 0;}
	.reference2 .r2_head li.active a{color:#2d79eb;font-weight:900;}


	.r2_top{background:#fff;border-top:1px solid #eee;padding:0 15px 0;}
	.r2_top .title{text-align:center;font-size: 42px;font-weight:900;}
	.r2_top .top_in{margin-top:60px;display:flex;flex-direction:column;text-align:left;}

	.r2_top .top_in .txt_area{display:none;}
	

	.r2_top .top_in .img_area{width: 105%;padding-top:20px;}
	.r2_top .top_in .img_area img{width: 100%;}

	.r2_bottom{width: 100%;padding:0 15px;}

	.r2_bottom .r2_logos{width: 100%;max-width:1200px;margin:0 auto;padding:100px 0;display:flex;flex-wrap:wrap;gap:2%;}
	.r2_bottom .r2_logos .r2_logo{width: 32%;height: 100px;margin-bottom:20px;}

	
	.r2_bottom .r2_logos .r2_logo a{display:block;width: 100%;height: 100%;background:#fff;border-radius:30px 0 30px 0;}
	.r2_bottom .r2_logos .r2_logo a .in{width: 100%;height: 100%;display:flex;justify-content:center;align-items:center;overflow:hidden;}
	.r2_bottom .r2_logos .r2_logo a img{}


	.r2_bottom .r2_lists{width: 100%;margin:0 auto;padding:90px 0 0px;display:flex;flex-wrap:wrap;gap:5.3%;}
	.r2_list{width: 47%;text-align:left;margin-bottom:60px;}
	.r2_list .img {width: 100%;}
	.r2_list .img a{display:block;}
	.r2_list .img a img{width: 100%;}

	.r2_list .txt {padding-left:7px;}
	.r2_list .txt .title{text-align:left;font-size:28px;font-weight:800;margin-top:20px;line-height:34px;}
	.r2_list .txt .info{color:#2c2c2c;font-size:20px;line-height:28px;margin-top:12px;}


}


@media screen and (max-width: 720px){


	/* ========================================
	  sub페이지공통
	===========================================*/
	.reference{width: 100vw;}
	.sub_title{font-size:5.7534vw;font-weight:light}

	.reference .section_in{padding:13.6986vw 0;}



	/*reference1*/
	.reference1{background:#fafafa;margin-top:15.7534vw;}
	.reference1 .section_in{text-align:left;padding:8.2192vw 0;}
	.reference1 .section_in .title2{margin-bottom:2.7397vw;margin-top:0.0000vw;color:#000;letter-spacing:-0.1370vw;}
	.reference1 .section_in .title1{display:inline-block;position:relative;}
	.reference1 .section_in .title1::after{content:'';width: 1.3699vw;height: 1.3699vw;border-radius:50%;background:#2d79eb;position:absolute;right:-2.7397vw;top:0.2740vw;}

	/*reference2:*/
	.reference2 {padding:0;background:#fafafa;}
	.reference2 .r2_head{width: 94%;margin:0 auto;display:flex;}

	.reference2 .r2_head li{}
	.reference2 .r2_head li:not(:first-child){margin-left:6.8493vw;}
	.reference2 .r2_head li a{display:block;font-size:2.7397vw;font-weight:800;color:#000;padding:3.4247vw 0;}
	.reference2 .r2_head li.active a{color:#2d79eb;font-weight:900;}


	.r2_top{background:#fff;border-top:0.1370vw solid #eee;padding:0 2.0548vw 0;}
	.r2_top .title{text-align:center;font-size: 5.7534vw;font-weight:900;}
	.r2_top .top_in{margin-top:8.2192vw;display:flex;flex-direction:column;text-align:left;}

	.r2_top .top_in .txt_area{display:none;}
	
	.r2_top .top_in .img_area{width: 105%;padding-top:2.7397vw;}
	.r2_top .top_in .img_area img{width: 100%;}

	.r2_bottom{width: 100%;padding:0 2.0548vw;}

	.r2_bottom .r2_logos{width: 100%;max-width:164.3836vw;margin:0 auto;padding:13.6986vw 0;display:flex;flex-wrap:wrap;gap:2%;}
	.r2_bottom .r2_logos .r2_logo{width: 32%;height: 13.6986vw;margin-bottom:2.7397vw;}

	
	.r2_bottom .r2_logos .r2_logo a{display:block;width: 100%;height: 100%;background:#fff;border-radius:4.1096vw 0 4.1096vw 0;}
	.r2_bottom .r2_logos .r2_logo a .in{width: 100%;height: 100%;display:flex;justify-content:center;align-items:center;overflow:hidden;}
	.r2_bottom .r2_logos .r2_logo a img{width: 100%;}


	.r2_bottom .r2_lists{width: 100%;margin:0 auto;padding:12.3288vw 0 0.0000vw;display:flex;flex-wrap:wrap;gap:6%;}
	.r2_list{width: 47%;text-align:left;margin-bottom:8.2192vw;}
	.r2_list .img {width: 100%;}
	.r2_list .img a{display:block;}
	.r2_list .img a img{width: 80%;}

	.r2_list .txt {padding-left:0.9589vw;}
	.r2_list .txt .title{text-align:left;font-size:3.8356vw;font-weight:800;margin-top:2.7397vw;line-height:4.6575vw;}
	.r2_list .txt .info{color:#2c2c2c;font-size:2.7397vw;line-height:3.8356vw;margin-top:1.6438vw;}

}