@charset "utf-8";
@import url(media_sub.css);

@media(max-width: 1730px) {
	.sec01-arrow .slick-arrow.slick-prev {left:-80px;}
	.sec01-arrow .slick-arrow.slick-next {right:-80px;}
}
@media(max-width: 1600px) {
	.section01 .cnt {padding:0 40px;}\
	.section01 .item .txt-box {padding:35px 15px;}
	.sec01-arrow .slick-arrow.slick-prev {left:0;}
	.sec01-arrow .slick-arrow.slick-next {right:0;}


	.section02 .cnt:before {display:none;}
	.section02 .cnt:after {display:none;}
	.scroll-top {right:15px; bottom:80px;}

	
}
@media(max-width: 1450px) {
	.section01 .item .txt-box {padding:25px 15px;}
	.section01 .item .txt-box p {font-size:24px; padding-right:18px;}
	.section01 .item .txt-box span {font-size:16px;}
}

@media(max-width: 1430px) {
	#header .header {height:120px;}
	#header .logo a {height:80px; width:80px; margin-top:-40px;}

	#gnb > ul {height:100%;}
	#gnb > ul > li > a {padding:0 40px; line-height:120px;}


	.section02 .cnt {padding:40px 0 0;}
	.section02 .items {margin:0 -20px;}
	.section02 .item {margin:0 20px;}

	.section03 .cnt {padding:40px;}
	.section03 .cnt .txt {padding-right:20px; max-width:475px;}
	.section03 .cnt .box {padding-left:20px;}

	.section03 .cnt .box .more {width:160px;}
	.section03 .cnt .box .more a {line-height:60px;}
}

@media(max-width: 1250px) {
	.section01 .cnt {padding:0 80px;}

	.section01 .item .txt-box {display:block; padding:20px;}
	.section01 .item .txt-box p {margin-bottom:10px;}
	.section01 .item .txt-box span {width:100%; display:block; text-align:right;}
}


@media(max-width: 1200px) {
	


	.section03 .cnt .txt {max-width:400px;}
	.section03 .cnt .box ul li {padding-left:50px;}
	.section03 .cnt .box .more {width:120px;}

	.section03 .col .inner .tit {padding:20px 30px;}
	.section03 .col .inner .txt {padding:20px 30px;}
	.section03 .col .inner .wrap {padding:0 20px 30px;}
	.section03 .col .inner .tit a {width:46px; height:46px; margin-top:-23px; right:20px;}

}

@media (max-width:1024px){	
	/* header */
	#header .header {height:100px; position:relative; background:#fff;}
	#header .logo a {margin-top:-35px; height:70px; width:70px;}
	#gnb {display:none;}
	#header .btn_sitemap {width:26px; height:26px; margin-top:-13px;}
	/* main */
	.main-visual {margin-bottom:100px;}
	.main-visual .item {padding-top:100px;}
	.main-visual .item .txt-box .tt {font-size:20px;}
	.main-visual .item .txt-box h2 {font-size:55px; margin-bottom:30px;}
	.main-visual .item .txt-box p {font-size:24px;}
	.main-visual .main-arrow {width:200px; height:60px;}
	.main-visual .main-arrow:after {height:14px; margin-top:-7px;}
	/* section */
	.section {margin-bottom:100px;}
	.section .sec-tit {margin-bottom:40px;}
	.section .sec-tit h3 {font-size:38px; margin-bottom:18px; padding-top:20px;}
	.section .sec-tit h3:before {width:30px; height:6px; margin-left:-15px;}
	.section .sec-tit h3:after {width:15px; height:6px; margin-left:-15px;}
	.section .sec-tit p {font-size:18px;}
	/* section01 */
	.section01 .cnt {padding:0 50px;}
	.section01 .items {margin:0 -10px;}
	.section01 .item {margin:0 10px;}
	.section01 .item .txt-box {padding:15px 0;}
	.section01 .item .txt-box p {font-size:20px; padding-right:15px;}
	.section01 .item .txt-box p:after {width:4px; height:4px;}
	.section01 .item .txt-box span {font-size:15px;}
	.sec01-arrow .slick-arrow {margin-top:-18px; width:36px; height:36px;}
	.sec01-arrow .slick-arrow.slick-prev {left:0;}
	.sec01-arrow .slick-arrow.slick-next {right:0;}
	/* section02 */
	.section02 {padding-top:80px;}
	.section02 .cnt {padding:30px 30px 0;}
	.section02 .items {margin:0 -15px;}
	.section02 .item {margin:0 15px;}
	.section02 .item .img-box span {top:15px; left:15px; line-height:30px; font-size:16px;}
	.section02 .item .txt-box {padding:20px 15px;}
	.section02 .item .txt-box p {font-size:20px;}
	.section02 .slick-dots {margin-top:30px;}
	.section02 .slick-dots li {padding:0 5px;}
	.section02 .slick-dots li button {width:8px; height:8px;}
	/* section03 */
	.section03 {padding:80px 0; margin-bottom:0;}
	.section03 .cnt {display:block; margin-bottom:40px ;padding:30px;}
	.section03 .cnt .txt {max-width:none; padding-right:0; margin-bottom:30px;}
	.section03 .cnt .box {width:100%; padding-left:0;}
	.section03 .cnt .txt h3 {font-size:24px;}
	.section03 .cnt .txt p {font-size:18px;}
	.section03 .cnt .box:before {display:none;}
	.section03 .cnt .box ul li {padding-left:50px;}
	.section03 .cnt .box ul li:before {width:32px; height:32px; margin-top:-17px;}
	.section03 .cnt .box ul li p {font-size:18px;}
	.section03 .cnt .box .more {width:100px;}
	.section03 .cnt .box .more a {line-height:50px; font-size:16px;}
	.section03 .col {display:block; margin:0 0 -30px;}
	.section03 .col .row {width:100%; padding:0; margin-bottom:30px;}
	.section03 .col .inner .tit {padding:20px;}
	.section03 .col .inner .tit:after {width:30px ;left:20px;}
	.section03 .col .inner .tit h3 {font-size:20px;}
	.section03 .col .inner .tit a {width:32px; height:32px; right:20px; margin-top:-16px;}
	.section03 .col .inner .tit a:before {width:10px; margin-left:-5px;}
	.section03 .col .inner .tit a:after  {height:10px; margin-top:-5px;}
	.section03 .col .inner .txt {padding:20px; height:205px;}
	.section03 .col .inner .txt ul {height:100%; overflow:hidden;}
	.section03 .col .inner .txt a {font-size:16px; margin-bottom:5px; padding-left:10px;}
	.section03 .col .inner .wrap {padding:0 20px 20px;}
	.section03 .col .inner .box {padding:20px; height:205px;}
	.section03 .col .inner .box::-webkit-scrollbar {width:5px; height:205px;}
	.section03 .col .inner .box li {margin-bottom:10px;}
	.section03 .col .inner .box a span {width:60px; line-height:24px; font-size:15px;}
	.section03 .col .inner .box a .tt {padding:0 10px; font-size:18px; line-height:24px;}
	.section03 .col .inner .box a .date {width:90px; font-size:15px; line-height:24px; padding-left:24px;}
	.section03 .col .inner .box a .date:before {width:18px; height:18px; margin-top:-9px;}
	/* footer */
	.footer {padding:35px 0;}
	.foot-top {margin-bottom:24px;}
	.foot-top ul li:first-child:after {height:10px; margin-top:-5px;}
	.foot-top ul li a {font-size:14px;}
	.foot-bot {display:block;}
	.foot-bot ul {width:100%; display:block; margin-bottom:20px;}
	.foot-bot ul li {width:100%; font-size:14px;}
	.foot-bot ul li .tt01 {width:65px;}
	.foot-bot p.copy {font-size:13px;}

	.scroll-top {right:15px; bottom:40px; width:50px; height:50px;}

}

@media (max-width:640px){
	/* header */
	#header .header {height:80px;}
	#header .logo a {margin-top:-30px; height:60px; width:60px;}
	#header .btn_sitemap {width:24px; height:24px; margin-top:-12px;}
	/* main */
	.main-visual {margin-bottom:60px;}
	.main-visual .item {padding-top:80px;}
	.main-visual .item .txt-box .tt {font-size:18px;}
	.main-visual .item .txt-box h2 {font-size:32px; margin-bottom:20px;}
	.main-visual .item .txt-box p {font-size:20px;}
	.main-visual .main-arrow {width:160px; height:50px;}
	/* section */
	.section {margin-bottom:60px;}
	.section .sec-tit {margin-bottom:20px;}
	.section .sec-tit h3 {font-size:28px; margin-bottom:10px; padding-top:16px;}
	.section .sec-tit h3:before {width:24px; height:4px; margin-left:-12px;}
	.section .sec-tit h3:after {width:12px; height:4px; margin-left:-12px;}
	.section .sec-tit p {font-size:16px;}
	/* section01 */
	.section01 .cnt {padding:0 40px;}
	.section01 .items {margin:0 -8px;}
	.section01 .item {margin:0 8px;}
	.section01 .item .txt-box {padding:10px 0;}
	.section01 .item .txt-box p {font-size:16px; padding-right:10px;}
	.section01 .item .txt-box p:after {width:3px; height:3px;}
	.section01 .item .txt-box span {font-size:14px; height:calc(1.2em * 1 * 2);}
	.sec01-arrow .slick-arrow {margin-top:-15px; width:30px; height:30px;}
	.sec01-arrow .slick-arrow.slick-prev {left:0;}
	.sec01-arrow .slick-arrow.slick-next {right:0;}
	/* section02 */
	.section02 {padding-top:30px;}
	.section02 .cnt {padding:0; background:transparent;}
	.section02 .items {margin:0 -8px;}
	.section02 .item {margin:0 8px;}
	.section02 .item .img-box span {top:10px; left:10px; line-height:24px; font-size:14px;}
	.section02 .item .txt-box {padding:15px 10px;}
	.section02 .item .txt-box p {font-size:18px;}
	.section02 .slick-dots {margin-top:20px;}
	/* section03 */
	.section03 {padding:50px 0; margin-bottom:0;}
	.section03 .cnt {display:block; margin-bottom:20px ;padding:15px;}
	.section03 .cnt .txt {margin-bottom:20px;}
	.section03 .cnt .txt h3 {font-size:20px;}
	.section03 .cnt .txt p {font-size:16px;}
	.section03 .cnt .box ul li {padding-left:30px;}
	.section03 .cnt .box ul li:before {width:24px; height:24px; margin-top:-12px;}
	.section03 .cnt .box ul li p {font-size:16px;}
	.section03 .cnt .box .more {width:80px;}
	.section03 .cnt .box .more a {line-height:40px; font-size:14px;}
	.section03 .col {margin:0 0 -20px;}
	.section03 .col .row {margin-bottom:20px;}
	.section03 .col .inner .tit {padding:15px;}
	.section03 .col .inner .tit:after {width:20px; left:15px;}
	.section03 .col .inner .tit h3 {font-size:18px;}
	.section03 .col .inner .tit a {width:26px; height:26px; right:15px; margin-top:-13px;}
	.section03 .col .inner .tit a:before {width:8px; margin-left:-4px;}
	.section03 .col .inner .tit a:after  {height:8px; margin-top:-4px;}
	.section03 .col .inner .txt {padding:15px; height:135px;}
	.section03 .col .inner .txt a {font-size:14px;}
	.section03 .col .inner .txt a p.date {width:80px;}
	.section03 .col .inner .wrap {padding:0 20px 20px;}
	.section03 .col .inner .box {padding:20px; height:135px;}
	.section03 .col .inner .box::-webkit-scrollbar {height:135px;}
	.section03 .col .inner .box li {margin-bottom:8px;}
	.section03 .col .inner .box a span {width:40px; line-height:20px; font-size:14px;}
	.section03 .col .inner .box a .tt {font-size:16px; line-height:20px;}
	.section03 .col .inner .box a .date {width:90px; font-size:14px; line-height:20px;}
	.section03 .col .inner .box a .date:before {width:14px; height:14px; margin-top:-7px;}
	
	/* footer */
	.footer {padding:20px 0;}
	.foot-top {margin-bottom:20px;}
	.foot-top .foot-logo {width:60px;}
	.foot-top ul li a {font-size:13px;}
	.foot-bot ul {margin-bottom:10px;}
	.foot-bot ul li {font-size:13px;}
	.foot-bot ul li .tt01 {width:55px;}
	.foot-bot p.copy {font-size:12px;}

	.scroll-top {bottom:15px; width:40px; height:40px;}
}