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

@media (max-width:1700px){
	#header .logo a {margin-top: -19px;}
	#header .logo a img {width: 230px;}
	#gnb > ul {margin-right: 150px;}
}
@media (max-width:1600px){
	#gnb > ul {margin-right: 100px;}
	#gnb > ul > li {width: 250px;}
}
@media (max-width:1400px){
	#gnb > ul {margin-right: 80px;}
	#gnb > ul > li {width: 200px;}

	/* section01 */
	.section01:before {content: ''; width: 700px; height: 130px; background-size: 700px auto;}

	/* section02 */
	.section02 .tab-info .text-box {padding: 45px 0 0 40px;}
	
	/* section03 */
	.section03 .section-title h3 {margin-bottom: 0;}
	.section03 .row {margin: 0 -20px;}
	.section03 .row > div {padding: 0 20px;}

	.section03 .left {display: flex; flex-direction: column; justify-content: space-between;}
	.section03 .left .btn-box {margin-top: 0;}
	.section03 .left .btn-box a  {height: 300px;}
	.section03 .left .btn-box .text-box { padding: 140px 50px 0;}

	.section03 .right .inner {padding: 60px 50px;}

	/* section05 */
	.section05 ul li a p {min-height: 97px; margin-bottom: 20px;}
}
@media (max-width:1300px){
	/* section02 */
	.section02 .section-title h3 br {display: none;} 	

	/* section05 */
	.section05 ul li a p {min-height: 130px;}

	/* section06 */
	.section06 .slide {width: calc(100% - 200px);}  
	.section06 .slide .item a {padding: 0 5px;}
}
@media (max-width:1200px){
	#header .logo a {margin-top: -17px;}
	#header .logo a img {width: 200px;}

	#gnb > ul {margin-right: 50px;}
	#gnb > ul > li {width: 180px;}
	#gnb > ul > li > a {font-size: 17px;}

	#gnb .subm ul {display: block; padding: 25px 0 30px;}

	/* main-visual */
	.main-visual .item .text-box h2 {font-size: 55px; margin-bottom: 25px;}
	.main-visual .item .text-box p {font-size: 25px;}

	/* section 공통 */
	.section-title h3 {font-size: 45px;}

	/* section02 */
	.section02 .tab-info .text-box h4 {line-height: 1.3em;}

	/* section05 */
	.section05 ul {margin: 0 -10px;}
	.section05 ul li {padding: 0 10px;}
	.section05 ul li a {padding: 40px 35px;}
	.section05 ul li a:after {bottom: 40px; left: 35px;}

	.scroll-top {bottom: 50px; right: 30px; z-index:100; transition: all 0.5s;
}
@media (max-width:1024px){
	.hd_pops {display: none;}
	#header {height: 80px;}
	#header.scrolled {top: 0;}
	#header .logo a {margin-top: -14px;}
	#header .logo a img {width: 170px;}

	#gnb {display: none;}
	#gnb > ul > li > a {line-height: 80px;}
	#gnb .subm ul li a {font-size: 15px;}

	/* main-visual */
	.main-visual {margin-top:80px;}
	.main-visual .item {height:calc(100vh - 80px);}
	.main-visual .item .text-box h2 {font-size: 50px; margin-bottom: 20px;}
	.main-visual .item .text-box p {font-size: 22px;}

	/* section 공통 */
	.section-title b {font-size: 18px; margin-bottom: 10px;}
	.section-title h3 {font-size: 35px; margin-bottom: 25px;}
	.section-title p {font-size: 16px;}

	/* section01 */
	.section01:before {display: none;}
	.section01 .section-title {padding: 200px 15px 210px 0;}
	.section01 .btn-area {margin-top: 50px;}

	/* section02 */
	.section02 {padding: 110px 0 130px;}
	.section02 .tab-info .text-box {padding: 40px 0 20px 25px;}
	.section02 .tab-info .text-box h4 {font-size: 30px; margin-bottom: 10px;}
	.section02 .tab-info .text-box p {font-size: 16px;}
	.section02 .tab-info .img-box {margin-bottom: 50px;}
	.section02 .tab-info .more-btn {width: 50px; height: 50px;}

	.section02 .tab-menu ul li {height: 50px;}
	.section02 .tab-menu ul li a {font-size: 16px;}

	/* section03 */
	.section03 {padding: 110px 0 130px;}
	.section03 .left .btn-box a {height: 250px;}
	.section03 .left .btn-box .text-box {padding: 120px 30px 0;}
	.section03 .left .btn-box .text-box h4 {font-size: 30px; margin-bottom: 10px;}

	.section03 .right .inner {padding: 45px 30px;}
	.section03 .right .title {margin-bottom: 25px;}
	.section03 .right .title h4 {font-size: 30px;}
	.section03 .right .item {height: 60px; padding: 0 3px;}
	.section03 .right .item a b {max-width: 65px; height: 30px; line-height: 30px; font-size: 15px; }
	.section03 .right .item a p {font-size: 16px; padding-left: 10px; padding-right: 15px;}
	.section03 .right .item .date p {font-size: 15px;}

	/* section04 */
	.section04 {padding: 110px 0 130px;}
	.section04 .section-title {margin-bottom: 50px;}	

	.section04 .items {margin: 0 -10px;}
	.section04 .item {padding: 0 10px; margin-bottom: 50px;}
	.section04 .item a {padding: 50px 30px 40px 40px;}
	.section04 .item b {min-width: 130px; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 20px;}
	.section04 .item h4 {font-size: 20px; margin-bottom: 20px;}
	.section04 .item a > p {font-size: 16px; margin-bottom: 15px;}
	.section04 .item .date p {font-size: 16px; padding-left: 15px;}

	/* section05 */
	.section05 {padding: 110px 0 130px;}
	.section05 .section-title {margin-bottom: 50px;} 

	.section05 ul li a {padding: 30px 25px;}
	.section05 ul li a:after {width: 55px; height: 55px; bottom: 30px; left: 25px; opacity: 1;}
	.section05 ul li a h4 {font-size: 26px; margin-bottom: 10px;}
	.section05 ul li a p {min-height: 115px; font-size: 16px;}
	.section05 ul li .icon img {width: 50px;}

	/* section06 */
	.section06 {padding: 55px 0 60px;}
	.section06 .section-title p {font-size: 22px; margin-bottom: 5px;}
	
	.section06 .slide {top: 8px;}
	.section06 .slide .item {height: 75px;}

	/* footer */
	#footer {padding: 40px 0 30px;}
	#footer .foot-cnt {margin-bottom: 30px; align-items: end;}
	#footer .foot-logo img {width: 190px;}
	#footer .foot-info {display: block;}
	#footer .foot-info .info {margin-bottom: 20px;}

	/* sitemap */
	.site_cnt_wrap .left_menu {width: 40%;}
	.site_cnt_wrap .left_menu > ul > li > a {font-size: 16px;}
	.site_cnt_wrap .right_menu > ul > li > .subm > ul > li > a {font-size: 16px;}
}
@media (max-width:900px){
	.section02 .tab-info .text-box p br {display: none;}
}
@media (max-width:768px){
	#header {height: 70px;}
	#header .logo a {margin-top: -11px;}
	#header .logo a img {width: 135px;}

	#gnb > ul > li > a {line-height: 70px;}

	/* main-visual */
	.main-visual {margin-top:70px;}
	.main-visual .item {height:calc(100vh - 70px);}
	.main-visual .item .text-box h2 {font-size: 36px;}
	.main-visual .item .text-box p {font-size: 18px;}

	/* section 공통 */
	.section-title b {font-size: 17px; margin-bottom: 10px;}
	.section-title h3 {font-size: 26px; margin-bottom: 20px;}
	.section-title p {font-size: 15px;}

	/* section01 */
	.section01:after {display: none;}
	.section01 .section-title {padding: 80px 0 40px 0;}

	.section01 .btn-area {max-width: 170px; margin-top: 30px;}
	.section01 .btn-area a {font-size: 16px; line-height: 45px; padding-left: 20px; }
	.section01 .btn-area span {width: 45px; height: 45px;}
	.section01 .only-mob {display: block; max-height: 280px; overflow: hidden;}

	/* section02 */
	.section02 {padding: 80px 0 70px;}
	.section02:before {display: none;}
	.section02 .section-title {width: 100%; float: none; margin-bottom: 50px;}
	
	.section02 .tab-info .text-box {width: 100%; float: none; padding: 0;}
	.section02 .tab-info .text-box h4 {font-size: 23px; margin-bottom: 5px;}
	.section02 .tab-info .text-box p {font-size: 15px; margin-bottom: 20px;}
	.section02 .tab-info .img-box { margin-bottom: 20px;}
	.section02 .tab-info .more-btn {width: 40px; height: 40px;}

	.section02 .tab-menu ul li {width: 50%; height: 45px;}
	.section02 .tab-menu ul li:nth-child(2) ~ li {border-top: 1px solid rgba(255,255,255,0.3);}
	.section02 .tab-menu ul li:nth-child(5n) {border-right: 1px solid rgba(255,255,255,0.3);}
	.section02 .tab-menu ul li:nth-child(2n) {border-right: none;}
	.section02 .tab-menu ul li a {font-size: 15px; padding: 0 5px;}
	.section02 .tab-menu ul li a br.mob {display: block;}

	/* section03 */
	.section03 {padding: 80px 0 80px;}
	.section03 .section-title h3 {margin-bottom: 40px;}
	.section03 .row {display: block; margin: 0;}
	.section03 .row > div {width: 100%; padding: 0;}

	.section03 .left .btn-box a {height: 200px;}
	.section03 .left .btn-box .text-box {padding: 100px 20px 0;}
	.section03 .left .btn-box .text-box h4 {font-size: 23px; margin-bottom: 5px;}

	.section03 .right .inner {padding: 30px 20px;}
	.section03 .right .title {margin-bottom: 20px;}
	.section03 .right .title h4 {font-size: 23px;}
	.section03 .right .item a b {max-width: 60px; font-size: 14px;}

	/* section04 */
	.section04 {padding: 80px 0 70px;}
	.section04 .section-title {margin-bottom: 30px;}	
	.section04 .items {padding: 0 15px;}

	.section04 .item {margin-bottom: 40px;}
	.section04 .item a {padding: 45px 20px 35px 30px;}
	.section04 .item b {min-width: 120px; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 20px;}
	.section04 .item h4 {font-size: 18px; margin-bottom: 15px;}
	.section04 .item a > p {font-size: 15px; margin-bottom: 10px;}
	.section04 .item .date p {font-size: 15px; padding-left: 10px;}

	.section04 .btn-box .slick-arrow {width: 45px; height: 45px;}
	.section04 .btn-box .btn-more {width: 45px; height: 45px;}

	/* section05 */
	.section05 {padding: 80px 0 70px;}
	.section05 .section-title {margin-bottom: 40px;} 
	.section05 ul {flex-wrap: wrap; margin: -8px;}
	.section05 ul li {width: 100%; padding: 8px;}
	.section05 ul li a {padding: 20px 25px;}
	.section05 ul li a:after {width: 45px; height: 45px; bottom: 20px; left: 25px; }
	.section05 ul li a h4 {font-size: 23px; margin-bottom: 5px;}
	.section05 ul li a p {min-height: auto; margin-bottom: 10px;}
	.section05 ul li .icon img {width: 45px;}

	/* section06 */
	.section06 {padding: 35px 0 40px;}
	.section06 .section-title {display: flex; justify-content: space-between; margin-bottom: 15px;}
	.section06 .section-title p {font-size: 20px; margin-bottom: 5px;}
	
	.section06 .slide {position: relative; top: 0; left: 0; right: auto; width: 100%;}
	.section06 .slide .item {height: 70px;}
	
	/* footer */
	#footer {padding: 35px 0 25px;}
	#footer .foot-cnt {display: block; margin-bottom: 20px;}
	#footer .foot-cnt ul {margin: 20px -8px 0;}
	#footer .foot-cnt ul li {padding: 0 8px;}
	#footer .foot-logo img {width: 170px;}

	#footer .foot-info dl {margin-bottom: 5px;}
	#footer .foot-info dl dt {width: 80px; font-size: 14px; }
	#footer .foot-info dl dd, #footer .foot-info dl dd a {font-size: 14px;}
	#footer .foot-info .copy p {font-size: 14px; margin-bottom: 10px;}

	/* sitemap */
	.site_cnt_wrap .left_menu > ul > li > a {font-size: 15px;}
	.site_cnt_wrap .right_menu {padding: 30px 25px;}
	.site_cnt_wrap .right_menu > ul > li > .subm > ul > li > a {font-size: 15px;}
}