@charset "utf-8";

@media (max-width: 1600px) {
	.media .cnt .txt-box {padding-left:0; padding-right:40px;}
	.media .cnt .img-box {max-width:800px;}
}

@media (max-width: 1400px) {
	.media .cnt .img-box {max-width:600px;}
}
@media (max-width: 1200px) {
	.media .cnt .img-box {max-width:500px;}
}

@media (max-width: 1024px) {
	.real-cont {padding:0 0 140px;}

	/* sub 01 */
	.media {padding-top:120px;}
	.media .visual {top:86px;}

	.visual .title {padding-bottom:20px;}
	.visual .tit-box h2 {font-size:50px;}
	.media .visual .nva {padding-bottom:0;}
	.media .visual .nva .box p {font-size:28px; padding-right:20px;}
	.media .visual .nva .box p:after {width:18px; height:18px; margin-top:-9px;}
	.media .visual .nva .depth {top:50px; width:230px; padding:30px 20px;}
	.media .visual .nva .depth ul li {margin-bottom:10px;}
	.media .visual .nva .depth ul li a {font-size:18px;}
	.media .media-cnt {padding-top:50px;}
	.media .cnt {padding-top:120px; padding-bottom:0;}
	.media .cnt .col {display:block; }
	.media .cnt .img-box {max-width:800px; margin:0 0 0 auto;}
	.media .cnt .txt-box {width:100%; padding-right:0; padding-left:0; margin-bottom:50px;}
	.media .cnt .tit {margin-bottom:56px;}
	.media .cnt .tit br,
	.media .cnt .tt br {display:none;}
	.media .cnt .tit p {font-size:20px; margin-bottom:18px;}
	.media .cnt .tit h4 {font-size:30px;}
	.media .cnt .txt .tt {margin-bottom:50px;}
	.media .cnt .txt .tt h5 {font-size:20px; margin-bottom:10px;}
	.media .cnt .txt .tt p {font-size:18px;}
	.media .cnt .row .inner {max-width:170px; padding-right:15px; margin-right:15px;}
	.media .cnt .row .inner p {font-size:16px;}
	/* sub 07 */
	.journal {padding-top:120px;}
	.journal .visual {margin-bottom:60px;}
	.journal .search_bar .sch_input {width:200px;}
	.journal .search_bar .sch_input::placeholder {font-size:16px;}
	.journal .col {margin:0 -10px;}
	.journal .col .row {padding:0 10px; margin-bottom:50px; width:33.333333%;}
	.journal .inner {border-radius:20px;}
	.journal .txt-box {padding:20px; border-radius:0 0 20px 20px;}
	.journal .txt-box h4 {font-size:24px;;}
	.journal .txt-box h5 {font-size:20px; margin-bottom:20px;}
	.journal .txt-box li {font-size:15px;}
	
	
	
}

@media (max-width: 640px) {
	
	.real-cont {padding:0 0 100px;}
	.media .cnt {scroll-margin-top:80px;}
	/* sub 01 */
	.media {padding-top:80px;}
	.media .visual {top:86px;}
	
	.visual .tit-box h2 {font-size:30px;}
	.media .visual .nva .box p {font-size:16px; padding-right:18px;}
	.media .visual .nva .box p:after {width:16px; height:16px; margin-top:-8px;}
	.media .visual .nva .depth {top:40px; width:200px;}
	.media .visual .nva .depth ul li a {font-size:16px;}
	.media .media-cnt {padding-top:40px;}
	.media .cnt {padding-top:80px;}
	.media .cnt .img-box {max-width:600px;}
	.media .cnt .txt-box {margin-bottom:30px;}
	.media .cnt .tit {margin-bottom:30px;}
	.media .cnt .tit p {font-size:18px; margin-bottom:12px;}
	.media .cnt .tit h4 {font-size:24px;}
	.media .cnt .txt .tt {margin-bottom:30px;}
	.media .cnt .txt .tt h5 {font-size:18px;}
	.media .cnt .txt .tt p {font-size:16px;}
	.media .cnt .row .inner {max-width:none; display:block; text-align:center; width:33.3333333%; margin:0; padding:0 5px;}
	.media .cnt .row .inner .icon {margin:0 auto 10px; max-width:40px;}
	.media .cnt .row .inner p {font-size:14px; width:100%;}
	/* sub 07 */
	.journal {padding-top:80px;}
	.journal .visual {margin-bottom:40px;}
	.journal .search_bar .sch_input {width:160px;}
	.journal .search_bar .sch_input::placeholder {font-size:14px;}
	
	.journal .col .row {margin-bottom:3px; width:50%;}
	.journal .inner {border-radius:15px;}
	.journal .txt-box {padding:15px; border-radius:0 0 15px 15px;}
	.journal .txt-box h4 {font-size:20px;;}
	.journal .txt-box h5 {font-size:18px; margin-bottom:12px;}
	.journal .txt-box li {font-size:14px;}
	
}

@media (max-width: 400px) {
	
}