@charset "utf-8";
/************************************************************************
 * filename : sub_style7.css
 * description :JUNO ACADEMY >PARTNER > 서브 페이지
 * date : 2017.09.27
************************************************************************/
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
 }
#partner .section_tit .bar{display: block;width: 1px;background: #b2b2b2;height: 60px;margin: 30px auto}
#partner .section_contet{overflow: hidden}
#partner .sec_left,
#partner .sec_right{width: 50%;float: left;box-sizing: border-box}
#partner .sec_left img{max-width: 100%;}
#partner .sec_left{padding-left: 130px;padding-top: 30px;}
#partner .section{padding:60px 0}
#partner .section0{padding:0 !important}
#partner .section1,
#partner .section3{background: #f7f7f7;}

#partner .sec_right>.partner_nm{color:#231f20;font-size:30px;line-height: 38px;display: block;font-weight: 600;word-break: keep-all}
#partner .sec_right>.bar{width: 100px;height: 1px;background: #231f20;margin-top: 14px;margin-bottom: 30px;}
#partner .sec_right>div{overflow: hidden;position: relative;margin-top: 12px;}
#partner .sec_right>.bar+div{margin-top: 0;}
#partner .sec_right>div span{position:absolute;left:0;top:0;width: 64px;line-height: 27px;text-align: center;color:#fff;font-size:16px;font-weight: 600;background: #998778;}
#partner .sec_right>div p{padding-left: 79px;line-height: 27px;color:#231f20;word-break: keep-all}
#partner .sec1_topRow:first-child+div .sec1_topRight>div span{left:initial;right:0;}
#partner .sec1_topRow:first-child+div .sec1_topRight>div p{padding-left: 0;padding-right: 79px;}
#partner .sec_right>.add p{line-height: 23px;}
#partner .sec_right .link{position: relative;width: 195px;height: 46px;box-sizing: border-box;border:1px solid #231f20;text-align: center;line-height: 44px;margin-top: 38px;}
#partner .sec_right .link span{font-size:16px;}
#partner .sec_right .link img{width: 7px;position: absolute;top:17px;right:23px;}

#partner .section4{margin-bottom: 120px;}

@media all and (max-width:1440px){
	#partner .sec_left{padding-left: 0;}
	#partner .sec_right>div p{padding-left: 65px;}
	#partner .sec_right>div span{font-size:14px;width: 56px;font-weight: 400;}
}

@media all and (max-width:1024px){
	#partner .sec_left img{width: 225px;}
	#partner .sec_left,
	#partner .sec_right{width: 330px;float: none;margin:0 auto}
	#partner .sec_left{text-align: center;margin-bottom: 20px;padding-top: 0;}
	#partner .sec_right>.partner_nm{font-size:24px;line-height: 30px}
	#partner .sec_right .link{margin:20px auto 0 auto;width: 160px;line-height: 33px;height: 35px;}
	#partner .sec_right .link span{font-size:13px}
	#partner .sec_right .link img{top: 10.5px;right: 12px;}
	#partner .section4{margin-bottom: 60px;}
}
@media all and (max-width:768px){
	.section_content{width: 100%;}
	#partner .section_tit .bar{display: none}
	#partner .section{padding:30px 0}
	#partner .sec_left{margin-bottom:10px}
/*	#partner .sec_left img{width: 170px;}*/
	#partner .sec_right>.partner_nm{font-size:18px;line-height: 23px}
	#partner .sec_right>div span{font-size:13px;line-height: 22px;}
	#partner .sec_right>div p{font-size:13px;line-height: 22px;}
	#partner .sec_right>.add p{line-height: 19px}
	#partner .sec_right>.bar{margin:4px 0 16px 0}
}

@media all and (max-width:340px){
	
	#partner .sec_left,
	#partner .sec_right{width: 310px;}
}