@charset "utf-8";

@media (max-width: 1630px) {
	.section03 .wrap {padding:0 60px;}
	.section03 .slick-prev {left:0;}
	.section03 .slick-next {right:0;}
}

@media (max-width: 1430px) {
	#gnb>ul {margin-left:140px;}
	#gnb>ul>li {padding:0 25px;}
}

@media (max-width: 1330px) {
	#main {overflow:hidden;}
}

@media (max-width: 1230px) {
	#header .sitelogo a {margin-top:-30px;}
	#header .sitelogo a img {height:60px;}

	#gnb>ul {margin-left:60px;}
	#gnb>ul>li>a {font-size:18px;}
	#gnb .submenu ul li a {font-size:18px;}
	
	.section02 .col {display:block;}
	.section02 .tit-box {width:100%; margin-bottom:60px;}
	.section02 .tit-box .sec-tit {display:flex; justify-content:space-between; align-items:center;}
}

@media (max-width: 1024px) {
	#header {height:100px;}
	#gnb {display:none;}
	
	#main {padding-top:100px;}
	/* main-visual */
	.main-visual {padding:80px 0;}
	.main-visual .img-box {margin-bottom:50px;}
	.main-visual .img-box span {font-size:80px; bottom:-30px;}
	.main-visual .txt-box .tit {width:100%; max-width:100px; text-align:center;}
	.main-visual .txt-box .tit p {font-size:16px; line-height:40px;}
	.main-visual .txt-box .txt h3 {font-size:28px;}
	.main-visual .progress-container {height:4px;}
	/* section common */
	.sec-tit h3 {font-size:50px;}
	.sec-tit h3 span {font-size:80px;}
	.sec-tit .more a {font-size:16px; padding-right:30px;}
	.sec-tit .more a:after {width:14px; height:14px;}
	.sec-tit .more a:hover:after {right:0;}

	.cursor {display:none !important;}
	/* section01 */
	.section01 {padding-top:140px;}
	.section01 .tit-box {margin-bottom:40px;}
	.section01 .tit-box h4 {font-size:36px;}
	.section01 .col {margin:0 -5px;}
	.section01 .col .row {padding:0 5px;}
	.section01 .inner {margin-bottom:10px;}
	.section01 .inner .txt {padding:20px;}
	.section01 .inner .txt h5 {font-size:24px; margin-bottom:10px;}
	.section01 .inner .txt .tt p.writer {font-size:14px;}
	.section01 .inner .txt .tt p.date {font-size:16px;}
	/* section02 */
	.section02 {padding:160px 0;}
	.section02 .tit-box {margin-bottom:50px;}
	.section02 .tit-box .sec-tit {top:0;}
	.section02 .tit-box .sec-tit h3 {margin-bottom:0;}
	.section02 .txt-box {max-width:600px; margin:0 0 0 auto;}
	.section02 .txt-box .wrap {margin:0 -10px -50px;}
	.section02 .txt-box .row {padding:0 10px; margin-bottom:50px;}
	.section02 .txt-box .row:nth-child(even) {transform:translateY(120px)}
	.section02 .inner .img {margin-bottom:20px;}
	.section02 .inner .txt h4 {font-size:24px; margin-bottom:18px;}
	.section02 .inner .txt p {font-size:16px;}
	/* section03 */
	.section03 {padding:160px 0;}
	.section03 .sec-tit {margin-bottom:30px;}
	.section03 .inner {padding:80px 20px 30px;}
	.section03 .inner span {top:20px; right:20px;}
	.section03 .inner .tit {margin-bottom:30px; padding-bottom:30px;}
	.section03 .inner .tit p {font-size:16px; margin-bottom:20px;}
	.section03 .inner .tit h4 {font-size:24px;}
	.section03 .inner .txt p {font-size:15px;}
	.section03 .slick-arrow {width:30px; height:60px; margin-top:-30px; background-size:contain;}
	/* footer */
	#footer {padding:60px 0;}
	.foot-info {margin-bottom:20px; padding-bottom:20px;}
	#footer p {font-size:14px;}
	.foot-info p span {margin:0 2px;}
	.foot-cnt ul {margin:0 -5px;}
	.foot-cnt ul li {padding:0 5px;}
	.foot-cnt ul li a {font-size:14px;}

	.scrolltop {width:46px; height:46px; right:15px; bottom:60px;}
	/* sub */
	#sub {padding-top:100px;}
	.sub-visual {height:400px;}
	.sub-visual .sub-title h2 {font-size:50px;}
	
	.lnb ul li a {height:60px; font-size:18px;}
	/* sub */
	.real-cont {padding:120px 0 140px;}
	/* sub 05 */
	.forum .tit-box h3 {font-size:40px;}
	.forum .tab-menu {height:44px;}
	.forum .tab-menu .category {margin-bottom:10px;}
	.forum .tab-menu .category ul li {padding-right:6px;}
	.forum .tab-menu .category ul li a {font-size:15px; line-height:44px; padding:0 15px;}
	.forum .tab-menu .tab {position:absolute; width:160px; margin:0 0 0 auto;}
	.forum .tab-menu .tab .open {line-height:44px; font-size:15px; padding:0 15px;}
	.forum .tab-menu .tab ul {padding:0 15px 15px;}
	.forum .tab-menu .tab ul li a {font-size:15px;}
	/* 연도별 리스트 */
	.forum .cnt {padding:30px 20px;}
	.forum .cnt .tit {padding-bottom:20px; margin-bottom:20px;}
	.forum .cnt .tit h4 {font-size:28px;}
	.forum .cnt .txt li span {max-width:80px; line-height:30px; font-size:15px;}
	.forum .cnt .txt li p {font-size:16px;}
	/* 연도 안 분류별 리스트 */
	.forum .col {margin:0 -5px 50px;}
	.forum .col .row {width:50%; }
	.forum .inner {padding:30px;}
	.forum .inner .date p {font-size:16px;}
	.forum .inner .tit {margin-bottom:20px; padding-bottom:20px;}
	.forum .inner .tit p {padding:0 10px; margin-bottom:10px;}
	.forum .inner .tit h4 {font-size:20px;}
	.forum .inner .txt p {font-size:15px; height:calc(1.8em * 1 * 5); -webkit-line-clamp:5;}


	
}

@media (max-width: 640px) {
	#header {height:90px;}
	#header .sitelogo a {margin-top:-25px;}
	#header .sitelogo a img {height:50px;}
	#main {padding-top:90px;}
	/* main-visual */
	.main-visual {padding:60px 0;}
	.main-visual .img-box {margin-bottom:40px;}
	.main-visual .img-box span {font-size:60px; bottom:-20px;}
	.main-visual .txt-box {padding-right:0; display:block;}
	.main-visual .txt-box .tit {width:100%; max-width:100px; margin-bottom:24px;}
	.main-visual .txt-box .tit p {font-size:14px; line-height:32px;}
	.main-visual .txt-box .txt {width:100%; padding-left:0;}
	.main-visual .txt-box .txt h3 {font-size:24px;}
	.main-visual .arrows {position:relative; width:100%; justify-content:center; right:0; bottom:0; margin-top:20px;}
	.main-visual .arrows .slick-arrow {margin:0 20px;}
	/* section common */
	.sec-tit h3 {font-size:32px;}
	.sec-tit h3 span {font-size:60px;}
	.sec-tit .more a {font-size:14px; padding-right:20px;}
	.sec-tit .more a:after {width:10px; height:10px; margin-top:-5px;}
	.sec-tit .more a:hover:after {right:0;}
	/* section01 */
	.section01 {padding-top:100px;}
	.section01 .tit-box {margin-bottom:30px;}
	.section01 .tit-box h4 {font-size:24px;}
	.section01 .col {margin:0 auto; display:block; width:100%; max-width:580px;}
	.section01 .col .row {padding:0; width:100%;}
	.section01 .inner {margin-bottom:10px;}
	.section01 .inner:before {opacity:1;}
	.section01 .inner:last-child {margin-bottom:10px;}
	.section01 .inner .txt {opacity:1;}
	.section01 .inner .txt h5 {font-size:20px;}
	.section01 .inner .txt .tt p.writer {font-size:12px;}
	.section01 .inner .txt .tt p.date {font-size:14px;}
	/* section02 */
	.section02 {padding:100px 0;}
	.section02 .tit-box {margin-bottom:40px;}
	.section02 .txt-box .wrap {margin:0 -10px -30px;}
	.section02 .txt-box .row {padding:0 10px; margin-bottom:30px;}
	.section02 .txt-box .row:nth-child(even) {transform:translateY(0)}
	.section02 .inner .img {margin-bottom:20px;}
	.section02 .inner .txt h4 {font-size:20px; margin-bottom:12px;}
	.section02 .inner .txt p {font-size:14px;}
	/* section03 */
	.section03 {padding:120px 0;}
	.section03 .sec-tit {margin-bottom:20px;}
	.section03 .wrap {padding:0 45px;}
	.section03 .inner {padding:20px;}
	.section03 .inner span {display:none;}
	.section03 .inner .tit {margin-bottom:16px; padding-bottom:16px;}
	.section03 .inner .tit p {font-size:14px; margin-bottom:14px;}
	.section03 .inner .tit h4 {font-size:20px;}
	.section03 .inner .txt p {font-size:14px;}
	.section03 .slick-arrow {width:30px; height:40px; margin-top:-20px;}
	/* footer */
	#footer {padding:30px 0; text-align:center;}
	.foot-info {margin-bottom:10px; padding-bottom:10px;}
	#footer p {font-size:12px;}
	.foot-info p span {display:none;}
	.foot-info p br {display:block;}
	.foot-cnt {display:block;}
	.foot-cnt ul {justify-content:center; margin:20px -5px 0;}
	.foot-cnt ul li a {font-size:12px;}

	.scrolltop {width:40px; height:40px;  bottom:40px;}
	/* sub */
	#sub {padding-top:90px;}
	.sub-visual {height:300px;}
	.sub-visual .sub-title h2 {font-size:36px;}
	.lnb ul li a {height:50px; font-size:16px;}
	/* sub */
	.real-cont {padding:100px 0 120px;}
	/* sub 05 */
	.forum .tit-box h3 {font-size:28px;}
	.forum .tab-menu {min-height:40px; height:100%;}
	.forum .tab-menu .category {padding-bottom:60px;}
	.forum .tab-menu .category ul li a {font-size:14px; line-height:40px;}
	.forum .tab-menu .tab {top:0; width:140px;}
	.forum02 .tab-menu .tab {top:60px;}
	.forum .tab-menu .tab .open {line-height:40px; font-size:14px;}
	.forum .tab-menu .tab ul li a {font-size:14px;}
	/* 연도별 리스트 */
	.forum .cnt {padding:20px;}
	.forum .cnt .tit {padding-bottom:10px; margin-bottom:10px;}
	.forum .cnt .tit h4 {font-size:24px;}
	.forum .cnt .txt li span {max-width:80px; font-size:14px;}
	.forum .cnt .txt li p {font-size:14px;}
	/* 연도 안 분류별 리스트 */
	.forum .inner {padding:20px;}
	.forum .inner .date p {font-size:14px;}
	.forum .inner .tit {margin-bottom:10px; padding-bottom:10px;}
	.forum .inner .tit h4 {font-size:18px;}
	.forum .inner .txt p {font-size:14px; height:calc(1.8em * 1 * 4); -webkit-line-clamp:4;}
	
}

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