@charset "utf-8";

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



/* sec01 */
#sec01 {position: relative; overflow: hidden;}
#sec01 .img_slide {font-size: 0;}
#sec01 .img_slide .img_bx {position: relative; overflow: hidden;}
#sec01 .img_slide .img_bx div {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; transform: scale(1.2);}
#sec01 .img_slide .img_bx.on div {-webkit-transition: transform 5s; -moz-transition: transform 5s; transition: transform 5s; transform: scale(1);}

#sec01 .txt_slide {position: absolute; width: calc(100% - 40px); max-width: 1400px; left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); z-index: 1;}
#sec01 .txt_slide .txt_bx {padding-bottom: 56px;}
#sec01 .txt_slide .txt_bx .txt1 {font-family: "Poppins", sans-serif; font-size: 60px; color: #ffffff; letter-spacing: -0.02em; word-break: keep-all; line-height: 70px; font-weight: 700; -webkit-transition: opacity 1s, transform 1s; -moz-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; opacity: 0; transform: translate(0, 50px);}
#sec01 .txt_slide .txt_bx .txt2 {font-size: 20px; color: #ffffff; line-height: 30px; letter-spacing: -0.02em; word-break: keep-all; margin-top: 26px; -webkit-transition: opacity 1s, transform 1s; -moz-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; opacity: 0; transform: translate(0, 50px); transition-delay: 0.3s;}
#sec01 .txt_slide .txt_bx.on .txt1 {opacity: 1; transform: translate(0, 0);}
#sec01 .txt_slide .txt_bx.on .txt2 {opacity: 1; transform: translate(0, 0);}

#sec01 .txt_slide .slick-dots {position: absolute; width: 100%; left: 0; bottom: -35px; box-sizing: border-box; padding-left: 90px; font-size: 0; z-index: 1;}
#sec01 .txt_slide .slick-dots li {display: inline-block; margin-right: 30px;}
#sec01 .txt_slide .slick-dots li:last-child {margin-right: 0;}
#sec01 .txt_slide .slick-dots li button {font-size: 0; padding: 0; margin: 0; width: 10px; height: 10px; border: none; border-radius: 50%; background-color: rgba(255,255,255,.3); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#sec01 .txt_slide .slick-dots li.slick-active button {background-color: #fff;}

#sec01 .txt_btm .page_num {position: relative;}
#sec01 .txt_btm .page_num .round {position: absolute; width: 60px; height: 60px; top: 0; left: 0;}
#sec01 .txt_btm .page_num .round::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; border-radius: 50%; box-sizing: border-box; border: 1px solid rgba(255,255,255,.4);}
#sec01 .txt_btm .page_num .round .moving-circle {stroke-dasharray: 500; stroke-dashoffset: 0; opacity: 0; z-index: 1; transform: rotate(-90deg);}
#sec01 .txt_btm .page_num .round.on .moving-circle {animation: ani1 19s linear; opacity: 1;}
@keyframes ani1 {
  0% {
    stroke-dashoffset: 500;  
  }
  100% {
    stroke-dashoffset: 0; 
  }
}
#sec01 .txt_btm .page_num .num_bx {width: 60px; height: 60px; display:flex; justify-content:center; align-items:center; table-layout:fixed; position: relative;}
#sec01 .txt_btm .page_num .num_bx::before {content: ''; width: 1px; height: 30px; transform: rotate(45deg); position: absolute; left: 30px; top: 15px; background-color: rgba(255,255,255,.4);}
#sec01 .txt_btm .page_num .num_bx > div {max-width: 24px; width: 100%;}
#sec01 .txt_btm .page_num .num_bx > div .this_n {font-size: 14px; color: #ffffff; font-weight: 700; display: block;}
#sec01 .txt_btm .page_num .num_bx > div .all_n {font-size: 14px; color: rgba(255,255,255,.4); font-weight: 700; display: block; text-align: right;}

#sec01 .scroll_bx {position: absolute; max-width: 1800px; width: calc(100% - 40px); left: 50%; bottom: 40px; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%);}
#sec01 .scroll_bx .s_w {position: absolute; bottom: 0; right: 0;}
#sec01 .scroll_bx .s_w .txt {font-size: 14px; color: #ffffff; text-transform: uppercase; writing-mode: vertical-rl; line-height: 20px; margin-bottom: 10px;}
#sec01 .scroll_bx .s_w .icon {width: 20px; height: 34px; border: 1px solid #fff; border-radius: 17px; box-sizing: border-box; position: relative;}
#sec01 .scroll_bx .s_w .icon::before {content: ''; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; position: absolute; left: 6px; top: 6px; animation: updown 2s ease infinite;}
@-webkit-keyframes updown {
	0% {
		transform: translate(0, 0);
	}
	60% {
		transform: translate(0, 14px);
	}
	100% {
		transform: translate(0, 0);
	}
}



/* sec02 */
#sec02 {background: url(../images/main/sec2_bg.jpg) no-repeat center; background-size: cover; padding: 93px 0 133px;}
#sec02 .top_txt {max-width: 1400px; margin: 0 auto; width: calc(100% - 40px); box-sizing: border-box;}
#sec02 .top_txt p {font-family: "Poppins", sans-serif; font-size: 20px; color: #2778d9; line-height: 30px; letter-spacing: -0.02em; word-break: keep-all;}
#sec02 .top_txt strong {display: block; font-family: "Poppins", sans-serif; font-size: 40px; color: #111111; font-weight: 700; letter-spacing: -0.02em; word-break: keep-all; line-height: 50px; margin-top: 9px;}
#sec02 .slide_bx {overflow: hidden; margin-top: 108px;}
#sec02 .slide_bx .slide_w { z-index: 1; display: flex; position: relative;}
#sec02 .slide_bx .slide_w.s1 {width: 4598px; animation: scrollText 30s infinite linear; margin-bottom: 69px;}
#sec02 .slide_bx .slide_w.s2 {width: 4910px; animation: scrollText 40s infinite linear;}
#sec02 .slide_bx .slide_w ul {display: flex; font-size: 0;}
#sec02 .slide_bx .slide_w ul li {padding-right: 60px; vertical-align: middle;}
@-webkit-keyframes scrollText {
    from {
        transform: translateX(0%);
    }

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



/* sec03 */
#sec03 {padding: 140px 0; background: url(../images/main/sec3_bg.jpg) no-repeat center bottom; background-size: 100% auto; position: relative; overflow: hidden;}
#sec03 .bg_txt {position: absolute; bottom: -20px; left: 0; width: 100%;}
#sec03 .bg_txt span {font-family: "Poppins", sans-serif; font-size: 220px; color: #ffffff; font-weight: 700; line-height: 220px; display: block; width: 1895px; line-height: 193px; animation: scrollText2 40s infinite linear; transform: translateX(100%);}
@-webkit-keyframes scrollText2 {
    0 {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

#sec03 .slide_bx1 {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; position: relative; z-index: 1;}
#sec03 .slide_bx1 .con_bx {display: flex; flex-flow: wrap;}
#sec03 .slide_bx1 .l_bx {width: 50%; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#sec03 .slide_bx1 .txt_w {width: 100%;}
#sec03 .slide_bx1 .txt_w .txt1 {font-family: "Poppins", sans-serif; font-size: 52px; color: #111111; font-weight: 700; word-break: keep-all; position: relative; padding-bottom: 25px; transform: translate(0, 50px); opacity: 0;}
#sec03 .slide_bx1 .con_bx.on .txt_w .txt1 {-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; opacity: 1; transform: translate(0, 0);}
#sec03 .slide_bx1 .txt_w .txt1::before {content: ''; width: 30px; height: 2px; position: absolute; left: 0; bottom: 0;}
#sec03 .slide_bx1 .col1 .txt_w .txt1::before {background-color: #5c1dd0;}
#sec03 .slide_bx1 .col2 .txt_w .txt1::before {background-color: #1ed2b5;}
#sec03 .slide_bx1 .col3 .txt_w .txt1::before {background-color: #044bd9;}
#sec03 .slide_bx1 .txt_w .txt1 img {display: block; margin-bottom: 3px;}
#sec03 .slide_bx1 .txt_w .txt2 {font-family: "Poppins", sans-serif; font-size: 24px; color: #111111; word-break: keep-all; font-weight: 700; margin-top: 23px; transform: translate(0, 50px); opacity: 0;}
#sec03 .slide_bx1 .con_bx.on .txt_w .txt2 {-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition-delay: 0.3s; opacity: 1; transform: translate(0, 0);}
#sec03 .slide_bx1 .col1 .txt_w .txt2 span {color: #5c1dd0;}
#sec03 .slide_bx1 .col2 .txt_w .txt2 span {color: #1ed2b5;}
#sec03 .slide_bx1 .col3 .txt_w .txt2 span {color: #044bd9;}
#sec03 .slide_bx1 .txt_w .txt3 {font-size: 18px; color: #666666; line-height: 30px; letter-spacing: -0.02em; word-break: keep-all; margin-top: 20px; transform: translate(0, 50px); opacity: 0;}
#sec03 .slide_bx1 .con_bx.on .txt_w .txt3 {-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition-delay: 0.6s; opacity: 1; transform: translate(0, 0);}
#sec03 .slide_bx1 .txt_w .arrow {font-size: 0; margin-top: 56px;}
#sec03 .slide_bx1 .txt_w .arrow div {display: inline-block; width: 48px; height: 48px; border: 1px solid #dedede; border-radius: 50%; box-sizing: border-box; background: url(../images/main/sec3_arrow1.png) no-repeat center; cursor: pointer;}
#sec03 .slide_bx1 .txt_w .arrow .sec3_next {margin-left: 10px; transform: rotate(180deg);}
#sec03 .slide_bx1 .r_bx {width: 50%; box-sizing: border-box; border: 1px solid #eeeeee; border-radius: 15px; overflow: hidden; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#sec03 .slide_bx1 .r_bx img {max-width: 100%; transform: scale(1.1);}
#sec03 .slide_bx1 .con_bx.on .r_bx img {-webkit-transition: transform 1s; -moz-transition: transform 1s; transition: transform 1s; transform: scale(1);}
#sec03 .slide_bx1 .r_bx.b_none {border: none; position: relative;}
#sec03 .slide_bx1 .r_bx.b_none div {position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; transform: scale(1.1);}
#sec03 .slide_bx1 .con_bx.on .r_bx.b_none div {-webkit-transition: transform 1s; -moz-transition: transform 1s; transition: transform 1s; transform: scale(1);}

#sec03 .slide_bx2 {max-width: 1600px; width: calc(100% - 40px); margin: 140px auto 0; box-sizing: border-box; position: relative; z-index: 1;}
#sec03 .slide_bx2 .m_ttl_bg {display: none;}
#sec03 .slide_bx2 .dot {font-size: 0; display: flex; flex-flow: wrap; justify-content: center; margin-bottom: 60px;}
#sec03 .slide_bx2 .dot div {display: inline-block; vertical-align: middle; font-family: "Poppins", sans-serif; font-size: 18px; color: #044bd9; font-weight: 500; height: 60px; border: 1px solid #044bd9; border-radius: 30px; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed; max-width: 200px; width: 100%; margin-right: 10px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
/*#sec03 .slide_bx2 .dot div.on {background-color: #044bd9; color: #fff;}*/
#sec03 .slide_bx2 .dot div:last-child {margin-right: 0;}
#sec03 .slide_bx2 .slide_w {box-shadow: 0 30px 40px rgba(0,0,0,0.06); background-color: #ffffff; border-radius: 15px; padding: 0 20px;}
#sec03 .slide_bx2 .slide_w ul {max-width: 1400px; margin: 0 auto; width: 100%; box-sizing: border-box;}
#sec03 .slide_bx2 .slide_w ul .con_bx {display: flex; flex-flow: wrap; padding: 93px 0 100px}
#sec03 .slide_bx2 .slide_w ul .con_bx .ttl {display: none;}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx {width: calc(59.5% - 30px); margin-right: 30px; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w {width: 100%;}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt1 {font-family: "Poppins", sans-serif; font-size: 22px; color: #111111; font-weight: 500; letter-spacing: -0.02em; word-break: keep-all; transform: translate(0, 50px); opacity: 0;}
#sec03 .slide_bx2 .slide_w ul .con_bx.on .l_bx .txt_w .txt1 {-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; opacity: 1; transform: translate(0, 0);}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt2 {font-family: "Poppins", sans-serif; font-size: 50px; color: #044bd9; font-weight: 700; letter-spacing: -0.02em; word-break: keep-all; line-height: 60px; margin-top: 4px; transform: translate(0, 50px); opacity: 0;}
#sec03 .slide_bx2 .slide_w ul .con_bx.on .l_bx .txt_w .txt2 {-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition-delay: 0.3s; opacity: 1; transform: translate(0, 0);}
#sec03 .slide_bx2 .slide_w ul .con_bx.col1 .l_bx .txt_w .txt2 {color: #044bd9;}
#sec03 .slide_bx2 .slide_w ul .con_bx.col2 .l_bx .txt_w .txt2 {color: #1ed2b5;}
#sec03 .slide_bx2 .slide_w ul .con_bx.col3 .l_bx .txt_w .txt2 {color: #fc7614;}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt3 {margin-top: 22px; transform: translate(0, 50px); opacity: 0;}
#sec03 .slide_bx2 .slide_w ul .con_bx.on .l_bx .txt_w .txt3 {-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition-delay: 0.6s; opacity: 1; transform: translate(0, 0);}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt3 p {font-size: 18px; color: #111111; line-height: 30px; letter-spacing: -0.02em; word-break: keep-all; position: relative; padding-left: 13px; margin-bottom: 3px;}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt3 p:last-child {margin-bottom: 0;}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt3 p::before {content: ''; width: 4px; height: 4px; background-color: #111111; border-radius: 50%; position: absolute; left: 0; top: 12px;}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt4 {max-width: 700px; padding: 16px 20px 18px; box-sizing: border-box; width: 100%; border-radius: 10px; margin-top: 57px; transform: translate(0, 50px); opacity: 0;}
#sec03 .slide_bx2 .slide_w ul .con_bx.on .l_bx .txt_w .txt4 {-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition-delay: 0.9s; opacity: 1; transform: translate(0, 0);}
#sec03 .slide_bx2 .slide_w ul .con_bx.col1 .l_bx .txt_w .txt4 {background-color: #f5f8fe;}
#sec03 .slide_bx2 .slide_w ul .con_bx.col2 .l_bx .txt_w .txt4 {background-color: #f6fdfc;}
#sec03 .slide_bx2 .slide_w ul .con_bx.col3 .l_bx .txt_w .txt4 {background-color: #fffaf6;}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt4 p {font-size: 14px; color: #444444; font-weight: 300; line-height: 20px; letter-spacing: -0.02em; word-break: keep-all; padding-left: 140px; position: relative; margin-bottom: 10px;}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt4 p:last-child {margin-bottom: 0;}
#sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt4 p span {position: absolute; left: 0; top: 0; font-weight: 600;}
#sec03 .slide_bx2 .slide_w ul .con_bx.col1 .l_bx .txt_w .txt4 p span {color: #044bd9;}
#sec03 .slide_bx2 .slide_w ul .con_bx.col2 .l_bx .txt_w .txt4 p span {color: #1ed2b5;}
#sec03 .slide_bx2 .slide_w ul .con_bx.col3 .l_bx .txt_w .txt4 p span {color: #fc7614;}
#sec03 .slide_bx2 .slide_w ul .con_bx .r_bx {width: 40.5%; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed; transform: translate(0, 50px); opacity: 0;;}
#sec03 .slide_bx2 .slide_w ul .con_bx.on .r_bx {-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; opacity: 1; transform: translate(0, 0);}
#sec03 .slide_bx2 .slide_w ul .con_bx .r_bx img {max-width: 100%;}
#sec03 .slide_bx2 .slide_w ul .slick-dots {display: none!important;}
#sec03 .slide_bx2 .slide_w ul .slick-arrow {display: none!important;}



/* sec04 */
#sec04 {padding: 122px 0 140px;}
#sec04 .inner_bx {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#sec04 .top_txt {margin-bottom: 25px;}
#sec04 .top_txt strong {display: block; font-family: "Poppins", sans-serif; font-size: 50px; color: #111111; font-weight: 700; word-break: keep-all; position: relative; padding-bottom: 25px;}
#sec04 .top_txt strong::before {content: ''; width: 30px; height: 2px; background-color: #105dec; position: absolute; bottom: 0; left: 0;}
#sec04 .top_txt p {font-size: 18px; color: #666666; line-height: 30px; letter-spacing: -0.02em; word-break: keep-all; margin-top: 22px;}
#sec04 .img_bx {border: 1px solid #dddddd; text-align: center;}
#sec04 .img_bx img {max-width: 100%;}
#sec04 .txt_list {display: flex; flex-flow: wrap; margin-top: 20px;}
#sec04 .txt_list li {width: calc(20% - 8px); margin-right: 10px; box-sizing: border-box; background-color: #f5f8fe; border-radius: 10px; padding: 31px 30px;}
#sec04 .txt_list li:nth-child(5n) {margin-right: 0;}
#sec04 .txt_list li strong {display: block; font-size: 16px; color: #105dec; line-height: 26px; font-weight: 600; letter-spacing: -0.05em; word-break: keep-all;}
#sec04 .txt_list li p {font-size: 14px; color: #111111; line-height: 24px; font-weight: 300; letter-spacing: -0.05em; word-break: keep-all; margin-top: 4px;}



/* sec05 */
#sec05 {overflow: hidden; position: relative; padding: 83px 0 89px;}
#sec05 .bg_bx {background: url(../images/main/sec5_bg.jpg) no-repeat center; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform: scale(1.2); -webkit-transition: transform 1s; -moz-transition: transform 1s; transition: transform 1s;}
#sec05.aos-animate .bg_bx {transform: scale(1);}
#sec05 .inner_bx {max-width: 1160px; width: calc(100% - 40px); box-sizing: border-box; margin: 0 auto; position: relative; z-index: 1;}
#sec05 .top_txt {text-align: center; font-family: "Poppins", sans-serif; font-size: 40px; color: #ffffff; font-weight: 700; word-break: keep-all;}
#sec05 .num_list {text-align: center; display: flex; flex-flow: wrap; margin-top: 68px;}
#sec05 .num_list li {width: 25%; box-sizing: border-box;}
#sec05 .num_list li p {font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 500; color: rgba(255,255,255,0.5);}
#sec05 .num_list li strong {display: block; font-family: "Poppins", sans-serif; font-size: 60px; color: #fff; font-weight: 700; margin-top: 10px;}
#sec05 .num_list li strong span {display: inline-block; position: relative;}
#sec05 .num_list li strong span::before {content: ''; width: 21px; height: 21px; background: url(../images/main/sec5_plus.png) no-repeat center; position: absolute; right: -32px; bottom: 23px;}



/* sec06 */
#sec06 {padding: 140px 0;}
#sec06 .inner_bx {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#sec06 .con1 {}
#sec06 .con1 .top_txt {margin-bottom: 61px;}
#sec06 .con1 .top_txt p {font-family: "Poppins", sans-serif; font-size: 50px; color: #111111; letter-spacing: -0.02em; word-break: keep-all; display: inline-block; line-height: 36px;}
#sec06 .con1 .top_txt p strong {font-weight: 700;}
#sec06 .con1 .top_txt a {float: right; display: inline-block; font-size: 16px; color: #aaaaaa; line-height: 36px; font-weight: 500; letter-spacing: 0.05em; position: relative; padding-right: 26px;}
#sec06 .con1 .top_txt a::before {content: ''; width: 16px; height: 16px; background: url(../images/icon/more.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -8px;}
#sec06 .con1 .slide_bx {width: calc(100% + 20px); position: relative; left: -10px; font-size: 0;}
#sec06 .con1 .slide_bx .slick-slide {padding: 0 10px;}
#sec06 .con1 .slide_bx .slick-arrow {position: absolute; z-index: 1; font-size: 0; width: 48px; height: 48px; border: 1px solid #dddddd; box-sizing: border-box; top: 81px; background: url(../images/main/sec6_arrow1.png) no-repeat center #fff; border-radius: 50%;}
#sec06 .con1 .slide_bx .slick-prev {left: -10px;}
#sec06 .con1 .slide_bx .slick-next {right: -10px; transform: rotate(180deg);}
#sec06 .con1 .slide_bx .con_bx {display: block;}
#sec06 .con1 .slide_bx .con_bx .img_bx {position: relative; overflow: hidden; border: 1px solid #eeeeee; border-radius: 10px; padding-bottom: /*62.09%*/210px; box-sizing: border-box;}
#sec06 .con1 .slide_bx .con_bx .img_bx .img_w {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
#sec06 .con1 .slide_bx .con_bx .img_bx .hv_bx {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display:flex; justify-content:center; align-items:center; table-layout:fixed; background-color: rgba(0,0,0,.8); opacity: 0;}
#sec06 .con1 .slide_bx .con_bx .img_bx .hv_bx span {display: inline-block; padding-right: 20px; font-size: 16px; color: #ffffff; font-weight: 500; letter-spacing: 0.05em; word-break: break-all; position: relative;}
#sec06 .con1 .slide_bx .con_bx .img_bx .hv_bx span::before {content: ''; width: 10px; height: 14px; background: url(../images/main/sec6_con1_arrow.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -7px;}
#sec06 .con1 .slide_bx .con_bx .txt_bx {margin-top: 25px;}
#sec06 .con1 .slide_bx .con_bx .txt_bx .txt1 {font-size: 18px; color: #044bd9; font-weight: 500; letter-spacing: -0.02em; word-break: keep-all;}
#sec06 .con1 .slide_bx .con_bx .txt_bx .txt2 {font-size: 28px; color: #111111; line-height: 38px; font-weight: 500; letter-spacing: -0.02em; word-break: keep-all; height: 76px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; margin-top: 8px;}
#sec06 .con1 .slide_bx .con_bx .txt_bx .txt3 {font-size: 18px; color: #666666; line-height: 28px; letter-spacing: -0.02em; word-break: keep-all; height: 84px; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; margin-top: 15px;}
#sec06 .con1 .slide_bx .con_bx .txt_bx .txt4 {font-size: 16px; color: #aaaaaa; letter-spacing: -0.02em; font-weight: 500; margin-top: 22px;}

#sec06 .con2 {display: flex; flex-flow: wrap; margin-top: 97px;}
#sec06 .con2 .con_w {width: calc(33.333% - 6.666px); margin-right: 10px; box-sizing: border-box; height: 380px;}
#sec06 .con2 .con_w:nth-child(3) {margin-right: 0; display: flex; flex-flow: wrap;}

#sec06 .con2 a {padding: 34px 40px 0; position: relative;}
#sec06 .con2 .top_txt {position: relative; z-index: 1;}
#sec06 .con2 .top_txt p {font-size: 18px; color: #ffffff; font-weight: 500; line-height: 26px; letter-spacing: -0.02em;}
#sec06 .con2 .top_txt strong {display: block; font-size: 38px; color: #ffffff; font-weight: 700; line-height: 40px; letter-spacing: -0.02em;}
#sec06 .con2 .btn {opacity: 0.6; position: absolute; left: 40px; bottom: 41px;}
#sec06 .con2 .btn span {display: inline-block; position: relative; font-size: 16px; color: #ffffff; font-weight: 500; letter-spacing: 0.05em; padding-right: 20px;}
#sec06 .con2 .btn span::before {content: ''; width: 10px; height: 14px; background: url(../images/main/sec6_con1_arrow.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -7px;}
#sec06 .con2 .link1 {background-color: #0b2a86; border-radius: 10px;}
#sec06 .con2 .link1::before {content: ''; width: 106px; height: 260px; background: url(../images/main/sec6_con2_01.png) no-repeat center; position: absolute; right: 60px; bottom: 40px;}
#sec06 .con2 .link2 {background-color: #044bd9; border-radius: 10px;}
#sec06 .con2 .link2::before {content: ''; width: 158px; height: 230px; background: url(../images/main/sec6_con2_02.png) no-repeat center; position: absolute; right: 41px; bottom: 40px;}
#sec06 .con2 .link3 {height: calc(64.474% - 5px); margin-bottom: 10px; box-sizing: border-box; width: 100%; background-color: #5c1dd0; border-radius: 10px;}
#sec06 .con2 .link3::before {content: ''; width: 132px; height: 132px; background: url(../images/main/sec6_con2_03.png) no-repeat center; position: absolute; right: 40px; bottom: 30px;}
#sec06 .con2 .link4 {height: calc(35.526% - 5px); box-sizing: border-box; width: 100%; background-color: #1ed2b5; border-radius: 10px; padding: 0 40px; display:flex; justify-content:center; align-items:center; table-layout:fixed; overflow: hidden;}
#sec06 .con2 .link4 strong {width: 100%; display: block; font-size: 38px; color: #ffffff; font-weight: 700; letter-spacing: -0.02em; word-break: keep-all;}

/* PC */
@media all and (min-width:1025px){
    /* sec03 */
    #sec03 .slide_bx1 .txt_w .arrow div {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec03 .slide_bx1 .txt_w .arrow div:hover {background: url(../images/main/sec3_arrow2.png) no-repeat center #2778d9; border-color: #2778d9;}
    
    
    
    /* sec06 */
    #sec06 .con1 .top_txt a::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec06 .con1 .top_txt a:hover::before {transform: rotate(90deg);}
    #sec06 .con1 .slide_bx .slick-arrow {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec06 .con1 .slide_bx .slick-arrow:hover {background: url(../images/main/sec6_arrow2.png) no-repeat center #2778d9; border-color: #2778d9;}
    #sec06 .con1 .slide_bx .con_bx .img_bx .hv_bx {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec06 .con1 .slide_bx .con_bx .img_bx .hv_bx span::before {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #sec06 .con1 .slide_bx .con_bx:hover .img_bx .hv_bx span::before {transform: translate(5px, 0);}
    #sec06 .con1 .slide_bx .con_bx:hover .img_bx .hv_bx {opacity: 1;}
    #sec06 .con1 .slide_bx .con_bx:hover .txt_bx .txt2 {text-decoration: underline;}
    
    #sec06 .con2 .btn {-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
    #sec06 .con2 a:hover .btn {opacity:1;}
    #sec06 .con2 a .btn span::before {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #sec06 .con2 a:hover .btn span::before {transform: translate(5px, 0);}
    #sec06 .con2 a::before {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #sec06 .con2 a:hover::before {transform: translate(0, -10px);}
    #sec06 .con2 .link4 strong {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #sec06 .con2 .link4:hover strong {transform: translate(10px, 0);}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
    /* sec01 */
    #sec01 .txt_slide .txt_bx {padding-bottom: 15px;}
    #sec01 .txt_slide .txt_bx .txt1 {font-size: 30px; line-height: 35px; transform: translate(0, 20px);}
    #sec01 .txt_slide .txt_bx .txt2 {font-size: 15px; line-height: 20px; margin-top: 13px; transform: translate(0, 20px);}
    #sec01 .txt_slide .slick-dots {bottom: -34px; padding-left: 70px;}
    #sec01 .txt_slide .slick-dots li {margin-right: 23px;}
    #sec01 .txt_slide .slick-dots li button {width: 8px; height: 8px;}
    #sec01 .txt_btm .page_num {left: -6px;}
    #sec01 .txt_btm .page_num .round {transform: scale(0.8);}
    #sec01 .txt_btm .page_num .num_bx {transform: scale(0.8);}
    #sec01 .scroll_bx .s_w .txt {font-size: 11px;}



    /* sec02 */
    #sec02 {padding: 46px 0 11px;}
    #sec02 .top_txt {margin-bottom: -16px;}
    #sec02 .top_txt p {font-size: 15px; line-height: 20px;}
    #sec02 .top_txt strong {margin-top: 0; font-size: 30px; line-height: 35px;}
    #sec02 .slide_bx {transform: scale(0.5); position: relative; left: -50%; width: 200%; margin-top: 0;}
    
    
    
    /* sec03 */
    #sec03 {padding: 50px 0;}
    #sec03 .bg_txt {display: none;}
    
    #sec03 .slide_bx1 .txt_w .txt1 {padding-bottom: 11px; font-size: 30px; transform: translate(0, 20px);}
    #sec03 .slide_bx1 .txt_w .txt1::before {width: 15px; height: 1px;}
    #sec03 .slide_bx1 .txt_w .txt1 img {max-width: 124px; width: 100%; margin-bottom: 1px;}
    #sec03 .slide_bx1 .txt_w .txt2 {margin-top: 17px; font-size: 16px; line-height: 20px; transform: translate(0, 20px);}
    #sec03 .slide_bx1 .txt_w .txt3 {margin-top: 5px; font-size: 14px; line-height: 20px; transform: translate(0, 20px);}
    #sec03 .slide_bx1 .txt_w .arrow {margin-top: 28px;}
    #sec03 .slide_bx1 .r_bx {border-radius: 10px;}
    #sec03 .slide_bx1 .r_bx img {transform: scale(1.05);}
    #sec03 .slide_bx1 .r_bx.b_none div {transform: scale(1.05);}
    
    #sec03 .slide_bx2 {margin-top: 50px;}
    #sec03 .slide_bx2 .dot {margin-bottom: 20px;}
    #sec03 .slide_bx2 .dot div {font-size: 13px; height: 45px; max-width: 130px; margin-right: 5px;}
    #sec03 .slide_bx2 .slide_w {padding: 0 15px; box-shadow: 0 15px 20px rgba(0,0,0,0.06);}
    #sec03 .slide_bx2 .slide_w ul .con_bx {padding: 30px 0;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt1 {font-size: 15px;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt2 {margin-top: 0; font-size: 30px; line-height: 35px;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt3 {margin-top: 16px;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt3 p {font-size: 14px; line-height: 20px; margin-bottom: 10px; padding-left: 9px;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt3 p::before {width: 3px; height: 3px; top: 8px;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt4 {margin-top: 25px; padding: 12px 15px 13px; border-radius: 5px;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt4 p {font-size: 12px; line-height: 17px; padding-left: 0; margin-bottom: 8px;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt4 p span {display: block; position: relative; top: auto; left: auto;}



    /* sec04 */
    #sec04 {padding: 38px 0 50px;}
    #sec04 .top_txt {margin-bottom: 15px;}
    #sec04 .top_txt strong {padding-bottom: 10px; font-size: 30px;}
    #sec04 .top_txt strong::before {width: 15px; height: 1px;}
    #sec04 .top_txt p {margin-top: 11px; font-size: 15px; line-height: 20px;}
    #sec04 .txt_list {margin-top: 10px;}
    #sec04 .txt_list li {padding: 24px 20px 25px; border-radius: 5px;}
    #sec04 .txt_list li strong {font-size: 15px; line-height: 20px;}
    #sec04 .txt_list li p {margin-top: 5px; font-size: 12px; line-height: 17px;}



    /* sec05 */
    #sec05 {padding: 49px 0 65px;}
    #sec05 .top_txt {font-size: 30px; line-height: 30px;}
    #sec05 .num_list {margin-top: 41px;}
    #sec05 .num_list li p {font-size: 12px;}
    #sec05 .num_list li strong {margin-top: 5px; font-size: 30px;}
    #sec05 .num_list li strong span::before {width: 11px; height: 11px; background-size: 11px 11px; bottom: 12px; right: -16px;}



    /* sec06 */
    #sec06 {padding: 50px 0;}
    #sec06 .con1 .top_txt {margin-bottom: 20px;}
    #sec06 .con1 .top_txt p {font-size: 30px; line-height: 21px;}
    #sec06 .con1 .top_txt a {font-size: 0; line-height: 21px; padding-right: 16px;}
    #sec06 .con1 .top_txt a::before {}
    #sec06 .con1 .slide_bx .slick-arrow {top: 76px;}
    #sec06 .con1 .slide_bx .con_bx .img_bx {padding-bottom: 200px; border-radius: 5px;}
    #sec06 .con1 .slide_bx .con_bx .txt_bx {margin-top: 18px;}
    #sec06 .con1 .slide_bx .con_bx .txt_bx .txt1 {font-size: 12px;}
    #sec06 .con1 .slide_bx .con_bx .txt_bx .txt2 {height: 50px; margin-top: 6px; font-size: 20px; line-height: 25px;}
    #sec06 .con1 .slide_bx .con_bx .txt_bx .txt3 {height: 60px; margin-top: 4px; font-size: 14px; line-height: 20px;}
    #sec06 .con1 .slide_bx .con_bx .txt_bx .txt4 {margin-top: 26px; font-size: 12px;}
    
    #sec06 .con2 {margin-top: 37px;}
    #sec06 .con2 a {padding: 26px 20px 0; border-radius: 5px!important;}
    #sec06 .con2 .top_txt p {font-size: 12px; line-height: 18px;}
    #sec06 .con2 .top_txt strong {font-size: 25px; line-height: 30px;}
    #sec06 .con2 .btn {bottom: 29px; left: 20px;}
    #sec06 .con2 .btn span {font-size: 12px; padding-right: 16px;}
    #sec06 .con2 .btn span::before {width: 7px; background-size: 7px auto;}
    #sec06 .con2 .con_w  {height: 220px;}
    #sec06 .con2 .link1::before {width: 53px; height: 130px; background-size: 53px 130px; bottom: 20px; right: 33px;}
    #sec06 .con2 .link2::before {width: 79px; height: 115px; background-size: 79px 115px; bottom: 20px; right: 20px;}
    #sec06 .con2 .link3::before {width: 66px; height: 66px; background-size: 66px 66px; bottom: 20px; right: 20px;}
    #sec06 .con2 .link4 {padding: 0 20px;}
    #sec06 .con2 .link4 strong {font-size: 25px;}
}

/* 모바일 */
@media all and (max-width:768px){
    #sec01 .txt_slide .txt_bx {text-align: center; padding-bottom: 37px;}
    #sec01 .txt_slide .slick-dots {padding-left: 0; text-align: center; bottom: 0;}
    #sec01 .txt_btm {display: none;}
    #sec01 .scroll_bx {bottom: 50px;}
    #sec01 .scroll_bx .s_w {right: auto; left: 50%; margin-left: -10px;}
    #sec01 .scroll_bx .s_w .txt {display: none;}
    
    
    
    /* sec03 */
    #sec03 .slide_bx1 .l_bx {width: 100%; order: 2; margin-right: 0; margin-top: 30px;}
    #sec03 .slide_bx1 .txt_w {text-align: center;}
    #sec03 .slide_bx1 .txt_w .txt1 img {margin: 0 auto 1px;}
    #sec03 .slide_bx1 .txt_w .txt1::before {left: 50%; margin-left: -7.5px;}
    #sec03 .slide_bx1 .r_bx {width: 100%; order: 1;}
    
    #sec03 .slide_bx2 {position: relative;}
    #sec03 .slide_bx2 .m_ttl_bg {width: 100%; height: 60px; background-color: #044bd9; border-radius: 30px; margin-bottom: 20px; display: block; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
    #sec03 .slide_bx2 .dot {display: none;}
    #sec03 .slide_bx2 .slick-list {overflow: unset;}
    #sec03 .slide_bx2 .slide_w ul .slick-arrow {display: block!important; position: absolute; font-size: 0; width: 51px; height: 60px; position: absolute; top: -80px; background: url(../images/main/sec3_arrow3.png) no-repeat center; background-size: 7px auto; z-index: 2; padding: 0;}
    #sec03 .slide_bx2 .slide_w ul .slick-prev {left: -15px;}
    #sec03 .slide_bx2 .slide_w ul .slick-next {right: -15px; transform: rotate(180deg);}
    #sec03 .slide_bx2 .slide_w ul .con_bx .ttl {display:flex; justify-content:center; align-items:center; table-layout:fixed; order: 1; width: 100%; text-align: center; position: absolute; left: 0; top: -80px; z-index: 1; height: 60px; font-size: 15px; color: #ffffff; font-weight: 700; font-family: "Poppins", sans-serif;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .l_bx {width: 100%; order: 3; margin-top: 25px; margin-right: 0;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .l_bx .txt_w .txt4 {max-width: 100%;}
    #sec03 .slide_bx2 .slide_w ul .con_bx .r_bx {width: 100%; order: 2;}



    /* sec04 */
    #sec04 .txt_list li:nth-child(n) {width: 100%; margin-right: 0; margin-bottom: 10px;}
    #sec04 .txt_list li:last-child {margin-bottom: 0;}



    /* sec05 */
    #sec05 .bg_bx {background: url(../images/main/sec5_bg_m.jpg) no-repeat center; background-size: cover;}
    #sec05 .num_list li {width: 50%; margin-top: 32px;}
    #sec05 .num_list li:nth-child(-n+2) {margin-top: 0;}



    /* sec06 */
    #sec06 .con2 .con_w {width: 100%; margin-bottom: 10px; margin-right: 0; height: auto;}
    #sec06 .con2 .con_w:last-child {margin-bottom: 0;}
    #sec06 .con2 a {height: 140px!important;}
    #sec06 .con2 .link3::before {bottom: 37px;}
    #sec06 .con2 .link4 {height: 90px!important;}
}