@charset "utf-8";

/*
font-family: 'Poppins', sans-serif;
*/


body, html {
	overflow-x: hidden;
}

#main section {overflow: hidden;}



#main .btn_01 {max-width: 1280px; width: calc(100% - 40px); margin: 121px auto 0; box-sizing: border-box; display: block; position: relative; font-size: 0; height: 60px; z-index: 2;}
#main .btn_01::before {content: ''; width: calc(100% - 120px); height: 6px; background-color: #000000; position: absolute; left: 60px; top: 50%; margin-top: -3px; z-index: -2}
#main .btn_01::after {content: ''; width: 0; height: 6px; background-color: #ed4130; position: absolute; right: 60px; top: 50%; margin-top: -3px; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; z-index: -2}
#main .btn_01 div {display: inline-block; color: #000000; font-weight: 700; font-style: italic; font-family: 'Poppins', sans-serif; line-height: 28px; width: 320px; text-align: center; position: absolute; right: 0; top: 16px; background-color: #fff; z-index: -1; font-size: 0;}
#main .btn_01 div span {display: inline-block; line-height: 28px; position: relative;}
#main .btn_01 div span::before {content: 'VIEW MORE'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); font-size: 40px;}
#main .btn_01 div span em {font-size: 40px; display: inline-block; opacity: 0; color: #ed4130; transform: translate3d(0, -10px, 0); transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}



/* sec1 */
#sec1 {overflow: hidden;}
#sec1 .slide_bx {font-size: 0; position: relative;}
#sec1 .con_bx {position: relative;}
#sec1 .img_bx {position: relative; overflow: hidden;}
#sec1 .img_bx > div {background-size: cover; background-repeat: no-repeat;background-position: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; /*transform: scale(1.2);*/}
/*#sec1 .con_bx.on .img_bx > div {transform: scale(1); -webkit-transition: transform 5s; -moz-transition: transform 5s; transition: transform 5s;}*/
#sec1 .txt_bx {position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; overflow: hidden; display:flex; justify-content:center; align-items:center; table-layout:fixed; z-index: 1;}
#sec1 .txt_bx .txt_w {width: 100%; padding-top: 210px;}
#sec1 .txt_bx .t_slide {position: relative; height: 124px; width: 100%; overflow: hidden; transform: translate(0, 200px); opacity: 0;}
#sec1 .con_bx.on .txt_bx .t_slide {-webkit-transition: transform 0.8s, opacity 0.8s; -moz-transition: transform 0.8s, opacity 0.8s; transition: transform 0.8s, opacity 0.8s; transition-delay: 0.3s; transform: translate(0, 0px); opacity: 1;}
#sec1 .txt_bx .t_slide .t_w {position: absolute; z-index: 1; left: 0; top: 0; height: 124px; overflow: hidden; white-space: nowrap; display: flex; animation: scrollTextF 30s infinite linear; font-family: 'Poppins', sans-serif; font-size: 146px; color: #ffffff; font-weight: 600; line-height: 106px; text-transform: uppercase;}
#sec1 .txt_bx .t_slide .t_w span {padding-right: 40px;}
#sec1 .txt_bx .info_bx {max-width: 1224px; width: calc(100% - 40px); margin: 53px auto 0; box-sizing: border-box; transform: translate(0, 200px); opacity: 0;}
#sec1 .con_bx.on .txt_bx .info_bx {-webkit-transition: transform 0.8s, opacity 0.8s; -moz-transition: transform 0.8s, opacity 0.8s; transition: transform 0.8s, opacity 0.8s; transition-delay: 0.6s; transform: translate(0, 0px); opacity: 1;}
#sec1 .txt_bx .info_bx p {font-size: 15px; line-height: 25px; color: #ffffff; word-break: keep-all; font-family: 'Poppins', sans-serif; margin-bottom: 23px;}
#sec1 .txt_bx .info_bx p:last-child {margin-bottom: 0;}
#sec1 .txt_bx .info_bx div {font-size: 15px; line-height: 30px; color: #ffffff; word-break: keep-all; position: relative; padding-left: 100px; min-height: 30px;}
#sec1 .txt_bx .info_bx div span {font-size: 16px; font-weight: 500; position: absolute; left: 0; top: 0;}
#sec1 .txt_bx .info_bx div span::before {content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 2px;}

#sec1 .slick-dots {display: none!important;}

#sec1 .btn_bx {position: absolute; width: 100%; bottom: 54px; left: 0; z-index: 2; color: #fff;}
#sec1 .btn_bx .inner_bx {max-width: 1760px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; display: flex; flex-flow: wrap;}
#sec1 .btn_bx .arow_bx {font-size: 20px; color: #ffffff; font-weight: 500; font-family: 'Poppins', sans-serif; width: 200px; box-sizing: border-box; line-height: 35px;}
#sec1 .btn_bx .arow_bx > div {display: inline-block; vertical-align: middle; cursor: pointer; position: relative; top: -1px;}
#sec1 .btn_bx .swiper-pagination {width: calc(100% - 200px); box-sizing: border-box; text-align: right; position: relative; bottom: auto; top: auto; left: auto; font-size: 0;}
#sec1 .btn_bx .swiper-pagination span {font-size: 36px; color: #ffffff; font-weight: 600; font-family: 'Poppins', sans-serif; line-height: 35px;}
#sec1 .btn_bx .swiper-pagination .swiper-pagination-current {display: inline-block; padding-right: 40px; position: relative;}
#sec1 .btn_bx .swiper-pagination .swiper-pagination-current::before {content: '-'; position: absolute; right: 9px; top: 0;}



/* sec2 */
#sec2 {padding: 245px 0 260px;}
#sec2 .con_bx {display: flex; flex-flow: wrap; max-width: 1320px; margin: 0 auto; box-sizing: border-box; width: calc(100% - 40px);}
#sec2 .con_bx .ttl_bx {width: 100%; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed; margin-bottom: 126px;}
#sec2 .con_bx .ttl_bx .txt_w {max-width: 1224px; width: 100%;}
#sec2 .con_bx .ttl_bx p {font-size: 46px; line-height: 70px; color: #000000; font-weight: 700; letter-spacing: -0.05em; max-width: 820px; word-break: keep-all;}
#sec2 .con_bx .p_bx {width: 33.333%; padding-bottom: 41.667%; display:flex; justify-content:center; align-items:center; table-layout:fixed; position: relative; overflow: hidden;}
#sec2 .con_bx .p_bx strong {display: block; width: 100%; font-family: 'Poppins', sans-serif; font-size: 30px; font-weight: 700; font-style: italic; color: #000000; position: absolute; width: 100%; left: 0; top: 50%; text-align: center; z-index: 3; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
#sec2 .con_bx .p_bx strong .num {display: block; font-size: 80px; line-height: 80px; margin-bottom: 3px;}

#sec2 .con_bx .p_bx.p1 .bg_bx {transform: rotate(45deg); left:-629px; top: 44px; position: absolute; width: 1920px; height: 1500px; overflow: hidden;}
#sec2 .con_bx .p_bx.p1 .bg_bx .bg_w {animation: scrollp1 15s infinite linear;  white-space: nowrap; display: flex; width: 3840px; height: 1500px;}
@-webkit-keyframes scrollp1 {
    from {
    	transform: translateX(0%);
    }

    to {
		transform: translateX(-50%);
    }
}

#sec2 .con_bx .p_bx.p2 .bg_bx {position: absolute; top: -418px; width: 2036px; height: 1500px; transform: rotate(45deg); overflow: hidden; z-index: 1;}
#sec2 .con_bx .p_bx.p2 .bg_bx .bg_w {animation: scrollp2 15s infinite linear;  white-space: nowrap; display: flex; width: 4072px; height: 1500px;}
@-webkit-keyframes scrollp2 {
    from {
    	transform: translateX(0%);
    }

    to {
		transform: translateX(-50%);
    }
}


#sec2 .con_bx .p_bx.p4 .bg_bx {position: absolute; width: 2376px; height: 936px; transform: rotate(-90deg); overflow: hidden; z-index: 1;}
#sec2 .con_bx .p_bx.p4 .bg_bx .bg_w {animation: scrollp4_2 15s infinite linear;  white-space: nowrap; display: flex; width: 4752px; height: 936px;}
@-webkit-keyframes scrollp4_2 {
    from {
    	transform: translateX(0%);
    }

    to {
		transform: translateX(-50%);
    }
}



/* sec3 */
#sec3 {background-color: #2f2f2f; overflow: hidden;}
#sec3 .inner_bx {padding-bottom: 90.121%; max-height: 1715px; position: relative; box-sizing: border-box;}
#sec3 .con_bx {display: flex; flex-flow: wrap; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#sec3 .con_bx .con_w {width: calc(25% - 10.666px); margin-right: 16px; position: relative; overflow: hidden;}
#sec3 .con_bx .con_w.con2 {width: calc(50% - 10.666px);}
#sec3 .con_bx .con_w:last-child {margin-right: 0;}
#sec3 .con_bx .con_w div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}



/* sec4 */
#sec4 {padding: 245px 0 244px;}
#sec4 .inner_bx {max-width: 1320px; width: calc(100% - 40px); margin: 0 auto;}
#sec4 .ttl_bx {max-width: 1224px; margin: 0 auto;}
#sec4 .ttl_bx p {font-size: 46px; line-height: 70px; color: #ababab; letter-spacing: -0.05em; font-weight: 700; word-break: keep-all; max-width: 870px;}
#sec4 .ttl_bx p span {color: #ed4130;}
#sec4 #board {margin-top: 108px;}
#sec4 .btn_bx {max-width: 1320px; width: calc(100% - 40px); margin: 121px auto 0; box-sizing: border-box; display: block; position: relative; font-size: 0; height: 60px; z-index: 2;}
#sec4 .btn_bx::before {content: ''; width: calc(100% - 120px); height: 6px; background-color: #000000; position: absolute; left: 60px; top: 50%; margin-top: -3px; z-index: -2}
#sec4 .btn_bx::after {content: ''; width: 0; height: 6px; background-color: #ed4130; position: absolute; right: 60px; top: 50%; margin-top: -3px; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; z-index: -2}
#sec4 .btn_bx div {display: inline-block; color: #000000; font-weight: 700; font-style: italic; font-family: 'Poppins', sans-serif; line-height: 28px; width: 320px; text-align: center; position: absolute; right: 0; top: 16px; background-color: #fff; z-index: -1; font-size: 0;}
#sec4 .btn_bx div span {display: inline-block; line-height: 28px; position: relative;}
#sec4 .btn_bx div span::before {content: 'VIEW MORE'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); font-size: 40px;}
#sec4 .btn_bx div span em {font-size: 40px; display: inline-block; opacity: 0; color: #ed4130; transform: translate3d(0, -10px, 0); transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}



/* sec5 */
#sec5 {padding: 112px 0;}
#sec5 .con_bx {position: relative; min-height: 657px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#sec5 .con_bx::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/main/sec5_bg.png) no-repeat center; background-size: auto 100%; position: absolute;}
#sec5 .con_bx .txt_bx {max-width: 1224px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; text-align: center; position: relative; z-index: 1;}
#sec5 .con_bx .txt_bx p {font-family: 'Poppins', sans-serif; font-size: 90px; color: #000000; line-height: 120px; font-weight: 600; word-break: keep-all;}



/* sec6 */
#sec6 {padding: 244px 0 238px;}
#sec6 .inner_bx {max-width: 1224px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#sec6 .ttl_bx p {font-size: 46px; line-height: 70px; font-weight: 700; word-break: keep-all; letter-spacing: -0.05em; word-break: keep-all; color: #ababab; max-width: 910px;}
#sec6 .ttl_bx p span {color: #ed4130;}
#sec6 .list_bx {margin-top: 108px;}
#sec6 .list_bx ul {display: flex; flex-flow: wrap;}
#sec6 .list_bx ul li {width: calc(33.333% - 66.666px); margin-right: 100px; box-sizing: border-box;}
#sec6 .list_bx ul li:nth-child(3n) {margin-right: 0;}
#sec6 .list_bx ul li a {display: block; cursor: pointer;}
#sec6 .list_bx .subject {}
#sec6 .list_bx .subject .type {display: block; width: 60px; text-align: center; line-height: 32px; border-radius: 16px; font-size: 14px; letter-spacing: -0.05em; margin-bottom: 14px;}
#sec6 .list_bx .subject .type.col1 {color: #ffffff; background-color: #000000;}
#sec6 .list_bx .subject .type.col2 {color: #ffffff; background-color: #ed4130;}
#sec6 .list_bx .subject .type.col3 {color: #101010; background-color: #ffde00;}
#sec6 .list_bx .subject .type.col4 {color: #ffffff; background-color: #a1a1a1;}
#sec6 .list_bx .subject .type.col5 {color: #777777; background-color: #dbdbdb;}
#sec6 .list_bx .subject .type.col6 {color: #fff; background-color: #ff9800;}
#sec6 .list_bx .subject strong {display: block; font-size: 24px; color: #000000; font-weight: 700; line-height: 38px; letter-spacing: -0.05em; word-break: keep-all; height: 76px; box-sizing: border-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
#sec6 .list_bx .date {font-size: 14px; color: #ababab; word-break: keep-all; font-family: 'Poppins', sans-serif; /*margin-top: 38px;*/ margin-top: 16px;}
#sec6 .list_bx .txt {font-size: 15px; color: #666666; line-height: 28px; letter-spacing: -0.05em; word-break: keep-all; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; height: 84px; box-sizing: border-box; margin-top: 10px; display: none!important;}
#sec6 .list_bx .name {font-size: 18px; color: #000000; font-weight: 500; background: url(../images/icon/bar.png) no-repeat left 3px; padding-left: 36px; font-size: 18px; color: #000000; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; margin-top: 36px;}

#sec6 .list_bx .no_data {text-align: center; font-size: 18px; color: #e7e7e7; letter-spacing: -0.05em; word-break: keep-all; padding: 100px 0;}

#sec6 .btn_bx {margin-top: 99px;}
#sec6 .btn_bx a {display: inline-block; font-size: 26px; color: #000000; font-weight: 700; font-family: 'Poppins', sans-serif; font-style: italic; padding: 11px 0;}
#sec6 .btn_bx a span {display: inline-block; position: relative; padding-right: 21px;}
#sec6 .btn_bx a span::before {content: ''; width: 11px; height: 11px; background: url(../images/main/sec7_more.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -5px;}



/* sec7 */
#sec7 {background-color: #f8f8f8; padding: 180px 0; display: none!important;}
#sec7 .inner_bx {max-width: 1224px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#sec7 .logo_bx ul {box-sizing: border-box; display: flex; flex-flow: wrap; margin-bottom: -30px;}
#sec7 .logo_bx ul li {width: calc(25% - 39px); margin-right: 52px; margin-bottom: 30px;}
#sec7 .logo_bx ul li:nth-child(4n) {margin-right: 0;}
#sec7 .logo_bx ul li img {width: 100%;}

#sec7 .ttl_bx p {font-size: 46px; line-height: 70px; font-weight: 700; word-break: keep-all; letter-spacing: -0.05em; word-break: keep-all; color: #ababab;}
#sec7 .ttl_bx p span {color: #ed4130;}
#sec7 .list_bx {margin-top: 108px;}
#sec7 .list_bx ul {display: flex; flex-flow: wrap;}
#sec7 .list_bx ul li {width: calc(33.333% - 66.666px); margin-right: 100px; box-sizing: border-box;}
#sec7 .list_bx ul li:nth-child(3n) {margin-right: 0;}
#sec7 .list_bx ul li a {display: block; position: relative; padding-bottom: 37px; box-sizing: border-box; height: 100%;}
#sec7 .list_bx .subject strong {display: block; font-size: 24px; color: #000000; font-weight: 700; line-height: 38px; letter-spacing: -0.05em; word-break: break-all; box-sizing: border-box;}
#sec7 .list_bx .date {font-size: 14px; color: #ababab; word-break: keep-all; font-family: 'Poppins', sans-serif; position: absolute; left: 0; bottom: 0;}
#sec7 .list_bx .no_data {text-align: center; font-size: 18px; color: #e7e7e7; letter-spacing: -0.05em; word-break: keep-all; padding: 100px 0;}
#main #sec7 .btn_01 div {background-color: #f8f8f8;}




/* PC */
@media all and (min-width:1025px){
	#main .btn_01::after {-webkit-transition: width 1s; -moz-transition: width 1s; transition: width 1s;}
	#main .btn_01:hover::after {width: calc(100% - 120px);}
	#main .btn_01:hover div span::before {opacity: 0; transform: translate3d(0, 100%, 0);}
	#main .btn_01:hover div span em {opacity: 1; transform: translate3d(0, 0, 0);}
	#main .btn_01:hover div span em:nth-child(1) {transition-delay: 0.045s;}
	#main .btn_01:hover div span em:nth-child(2) {transition-delay: 0.09s;}
	#main .btn_01:hover div span em:nth-child(3) {transition-delay: 0.135s;}
	#main .btn_01:hover div span em:nth-child(4) {transition-delay: 0.18s; }
	#main .btn_01:hover div span em:nth-child(5) {transition-delay: 0.225s;}
	#main .btn_01:hover div span em:nth-child(6) {transition-delay: 0.27s;}
	#main .btn_01:hover div span em:nth-child(7) {transition-delay: 0.315s;}
	#main .btn_01:hover div span em:nth-child(8) {transition-delay: 0.36s;}
	#main .btn_01:hover div span em:nth-child(9) {transition-delay: 0.405s;}
	
	
	
	
	/* sec4 */
	#sec4 .btn_bx::after {-webkit-transition: width 1s; -moz-transition: width 1s; transition: width 1s;}
	#sec4 .btn_bx:hover::after {width: calc(100% - 120px);}
	#sec4 .btn_bx:hover div span::before {opacity: 0; transform: translate3d(0, 100%, 0);}
	#sec4 .btn_bx:hover div span em {opacity: 1; transform: translate3d(0, 0, 0);}
	#sec4 .btn_bx:hover div span em:nth-child(1) {transition-delay: 0.045s;}
	#sec4 .btn_bx:hover div span em:nth-child(2) {transition-delay: 0.09s;}
	#sec4 .btn_bx:hover div span em:nth-child(3) {transition-delay: 0.135s;}
	#sec4 .btn_bx:hover div span em:nth-child(4) {transition-delay: 0.18s; }
	#sec4 .btn_bx:hover div span em:nth-child(5) {transition-delay: 0.225s;}
	#sec4 .btn_bx:hover div span em:nth-child(6) {transition-delay: 0.27s;}
	#sec4 .btn_bx:hover div span em:nth-child(7) {transition-delay: 0.315s;}
	#sec4 .btn_bx:hover div span em:nth-child(8) {transition-delay: 0.36s;}
	#sec4 .btn_bx:hover div span em:nth-child(9) {transition-delay: 0.405s;}



	/* sec6 */
	/*#sec6 .list_bx ul li a {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
	#sec6 .list_bx ul li a:hover {transform: translate(0, -20px);}*/
	#sec6 .list_bx .subject strong {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#sec6 .list_bx ul li a:hover .subject strong {color: #ed4130;}
	#sec6 .btn_bx a {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#sec6 .btn_bx a:hover {color: #ed4130;}
	#sec6 .btn_bx a span::before {-webkit-transition: transform 0.3s, background 0.3s; -moz-transition: transform 0.3s, background 0.3s; transition: transform 0.3s, background 0.3s;}
	#sec6 .btn_bx a:hover span::before {transform: rotate(180deg); background: url(../images/main/sec7_more2.png) no-repeat center;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	#main .btn_01 {margin-top: 30px;}
	#main .btn_01::before {width: calc(100% - 60px); left: 30px; height: 3px; margin-top: -2px;}
	#main .btn_01 div {width: 180px;}
	#main .btn_01 div span::before {font-size: 20px;}
	#main .btn_01 div span em {font-size: 20px;}
	
	
	
	
	/* sec1 */
	#sec1 .txt_bx .txt_w {padding-top: 0;}
	#sec1 .txt_bx .t_slide {height: 57px;}
	#sec1 .txt_bx .t_slide .t_w {font-size: 65px; line-height: 50px; height: 57px;}
	#sec1 .con_bx.on .txt_bx .info_bx {margin-top: 30px;}
	#sec1 .txt_bx .info_bx p {font-size: 12px; line-height: 18px; margin-bottom: 15px;}
	#sec1 .txt_bx .info_bx div {font-size: 11px; line-height: 17px; min-height: 17px; margin-bottom: 3px; padding-left: 65px;}
	#sec1 .txt_bx .info_bx div:last-child {margin-bottom: 0;}
	#sec1 .txt_bx .info_bx div span {font-size: 11px;}
	#sec1 .txt_bx .info_bx div span::before {bottom: 0;}
	#sec1 .btn_bx {bottom: 25px;}
	#sec1 .btn_bx .arow_bx {font-size: 12px; line-height: 25px; width: 120px;}
	#sec1 .btn_bx .swiper-pagination {width: calc(100% - 120px);}
	#sec1 .btn_bx .swiper-pagination span {font-size: 15px; line-height: 25px;}
	#sec1 .btn_bx .swiper-pagination .swiper-pagination-current {padding-right: 28px;}
	
	
	
	/* sec2 */
	#sec2 {padding: 100px 0;}
	#sec2 .con_bx .ttl_bx {margin-bottom: 50px;}
	#sec2 .con_bx .ttl_bx .txt_w {padding-top: 0;}
	#sec2 .con_bx .ttl_bx p {font-size: 20px; line-height: 31px; margin-top: 19px; max-width: 365px;}
	#sec2 .con_bx .p_bx strong {font-size: 20px;}
	#sec2 .con_bx .p_bx strong .num {font-size: 50px; line-height: 50px;}
	
	#sec2 .con_bx .p_bx.p1 .bg_bx {transform: rotate(45deg) scale(0.6); left: -699px; top: -476px;}
	#sec2 .con_bx .p_bx.p2 .bg_bx {transform: rotate(45deg) scale(0.6); top: -505px;}
	#sec2 .con_bx .p_bx.p4 .bg_bx {transform: rotate(-90deg) scale(0.6);}
	
	
	
	/* sec4 */
	#sec4 {padding: 100px 0;}
	#sec4 .ttl_bx strong {font-size: 41px; line-height: 50px;}
	#sec4 .ttl_bx p {font-size: 20px; line-height: 31px; margin-top: 19px; max-width: 410px;}
	#sec4 #board {margin-top: 30px;}
	#sec4 .btn_bx {margin-top: 30px;}
	#sec4 .btn_bx::before {width: calc(100% - 60px); left: 30px; height: 3px; margin-top: -2px;}
	#sec4 .btn_bx div {width: 180px;}
	#sec4 .btn_bx div span::before {font-size: 20px;}
	#sec4 .btn_bx div span em {font-size: 20px;}
	
	
	
	/* sec5 */
	#sec5 {padding: 60px 0;}
	#sec5 .con_bx {min-height: 450px;}
	#sec5 .con_bx .txt_bx p {font-size: 45px; line-height: 60px;}
	
	
	
	/* sec6 */
	#sec6 {padding: 100px 0;}
	#sec6 .ttl_bx p {font-size: 20px; line-height: 31px; max-width: 410px;}
	#sec6 .list_bx {margin-top: 45px;}
	#sec6 .list_bx ul li {width: calc(33.333% - 20px); margin-right: 30px;}
	#sec6 .list_bx .subject .type {font-size: 11px; line-height: 25px; width: 48px; margin-bottom: 8px;}
	#sec6 .list_bx .subject strong {height: 46px; font-size: 15px; line-height: 23px;}
	#sec6 .list_bx .date {/*margin-top: 15px*/ margin-top: 8px; font-size: 11px;}
	#sec6 .list_bx .txt {height: 54px; font-size: 12px; line-height: 18px; margin-top: 6px;}
	#sec6 .list_bx .name {font-size: 13px; background-size: 12px auto; padding-left: 17px; background-position: left 4px; margin-top: 18px;}
	#sec6 .list_bx .no_data {font-size: 13px; padding: 50px 0;}
	#sec6 .btn_bx {margin-top: 45px;}
	#sec6 .btn_bx a {font-size: 20px; padding: 5px 0;}
	
	
	
	/* sec7 */
	#sec7 {padding: 60px 0;}
	#sec7 .logo_bx ul {margin-bottom: -20px;}
	#sec7 .logo_bx ul li {width: calc(25% - 22.5px); margin-right: 30px; margin-bottom: 20px;}
	
	#sec7 .ttl_bx p {font-size: 20px; line-height: 31px;}
	#sec7 .list_bx {margin-top: 45px;}
	#sec7 .list_bx ul li {width: calc(33.333% - 20px); margin-right: 30px;}
	#sec7 .list_bx ul li a {padding-bottom: 25px;}
	#sec7 .list_bx .subject strong {font-size: 15px; line-height: 23px;}
	#sec7 .list_bx .date {font-size: 11px;}
	#sec7 .list_bx .no_data {font-size: 13px; padding: 50px 0;}
}

/* 모바일 */
@media all and (max-width:768px){
	#main .btn_01::before {left: 10px;}
	
	
	
	/* sec1 */
	#sec1 .txt_bx .txt_w {padding-top: 260px;}
	#sec1 .con_bx.on .txt_bx .info_bx {margin-top: 16px;}
	
	
	
	/* sec2 */
	#sec2 .con_bx .ttl_bx {width: 100%; margin-bottom: 30px;}
	#sec2 .con_bx .ttl_bx strong {font-size: 29px; line-height: 37px;}
	#sec2 .con_bx .ttl_bx p {font-size: 15px; line-height: 25px; margin-top: 13px; max-width: 275px;}
	
	
	
	/* sec3 */
	#sec3 {max-height: 600px;}
	#sec3 .inner_bx {padding-bottom: 94.121%;}
	#sec3 .con_bx {padding: 0 40px; box-sizing: border-box; max-height: 600px;}
	#sec3 .con_bx .con_w.up {position: absolute; height: 100%; top: 0; margin-right: 0;}
	#sec3 .con_bx .con_w.con1 {right: calc(100% - 20px);}
	#sec3 .con_bx .con_w.con2 {width: 100%; margin-right: 0;}
	#sec3 .con_bx .con_w.con3 {left: calc(100% - 20px);}

	

	/* sec4 */
	#sec4 .ttl_bx strong {font-size: 29px; line-height: 37px;}
	#sec4 .ttl_bx p {font-size: 15px; line-height: 25px; margin-top: 13px; max-width: 310px;}
	#sec4 .btn_bx::before {left: 10px;}
	
	
	
	/* sec5 */
	#sec5 .con_bx {min-height: 300px;}
	#sec5 .con_bx .txt_bx p {font-size: 35px; line-height: 50px;}
	
	
	
	/* sec6 */
	#sec6 .ttl_bx p {font-size: 15px; line-height: 25px; max-width: 310px;}
	#sec6 .list_bx {margin-top: 30px;}
	#sec6 .list_bx ul {padding-top: 20px; border-top: 1px solid #111;}
	#sec6 .list_bx ul li:nth-child(n) {width: 100%; margin-right: 0; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px;}
	#sec6 .list_bx ul li:last-child {margin-bottom: 0;}
	#sec6 .list_bx .subject strong {height: auto;}
	#sec6 .list_bx .txt {height: auto;}
	#sec6 .btn_bx {text-align: center;}
	
	
	
	/* sec7 */
	#sec7 .logo_bx ul li:nth-child(n) {width: calc(50% - 10px); margin-right: 20px;}
	#sec7 .logo_bx ul li:nth-child(2n) {margin-right: 0;}
	
	#sec7 .ttl_bx p {font-size: 15px; line-height: 25px;}
	#sec7 .list_bx {margin-top: 30px;}
	#sec7 .list_bx ul {padding-top: 20px; border-top: 1px solid #111;}
	#sec7 .list_bx ul li:nth-child(n) {width: 100%; margin-right: 0; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px;}
	#sec7 .list_bx ul li:last-child {margin-bottom: 0;}
}

@media all and (max-width:600px){
	/* sec2 */
	#sec2 .con_bx .p_bx {width: 100%; padding-bottom: 100%;}
	#sec2 .con_bx .p_bx.p2 .bg_bx {top: -482px;}
}

@media all and (max-width:450px){
	/* sec2 */
	#sec2 .con_bx .p_bx.p2 .bg_bx {top: -559px;}
}

@media all and (max-width:390px){
	/* sec2 */
	#sec2 .con_bx .p_bx.p2 .bg_bx {top: -579px;}
}

@media all and (max-width:360px){
	/* sec2 */
	#sec2 .con_bx .p_bx.p2 .bg_bx {top: -596px;}
}