@charset "utf-8";

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



/* sec01 */
#sec01 .slide_bx {overflow: hidden; font-size: 0;}
#sec01 .slide_bx .slick-dots {position: absolute; z-index: 1; max-width: 1200px; width: calc(100% - 40px); left: 50%; bottom: 79px; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); font-size: 0; display: table; table-layout: fixed;}
#sec01 .slide_bx .slick-dots > li {display: table-cell;}
#sec01 .slide_bx .slick-dots > li .bar {width: 100%; height: 3px; background-color: rgba(255,255,255,.2); position: relative; overflow: hidden;}
#sec01 .slide_bx .slick-dots > li .bar span {position: absolute; height: 100%; width: 100%; background-color: #fff; top: 0; left: 0; transform: translate(-100%, 0px);}
#sec01 .slide_bx .slick-dots > li.on .bar span {-webkit-transition: transform 7s linear; -moz-transition: transform 7s linear; transition: transform 7s linear;  transform: translate(0%, 0px);}
#sec01 .slide_bx .slick-dots > li button {display: block; background-color: transparent; width: 100%; font-family: "Poppins", sans-serif; font-size: 18px; color: rgba(255,255,255,0.2); font-weight: 600; text-align: left; word-break: keep-all; padding: 16px 0 0; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; outline: none;}
#sec01 .slide_bx .slick-dots > li.on button {color: #fff;}
#sec01 .slide_bx .con_bx {position: relative; overflow: hidden;}
#sec01 .slide_bx .img_bx {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#sec01 .slide_bx .img_bx > div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; transform: scale(1.2);}
#sec01 .slide_bx .con_bx.on .img_bx > div {-webkit-transition: all 5s; -moz-transition: all 5s; transition: all 5s; transform: scale(1);}
#sec01 .slide_bx .txt_bx {position: absolute; z-index: 1; max-width: 1200px; width: calc(100% - 40px); top: 50%; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); z-index: 1; min-height: 300px; padding-bottom: 70px;}
#sec01 .slide_bx .txt_bx .txt1 {font-family: "Poppins", sans-serif; font-size: 70px; line-height: 80px; color: #fff; font-weight: 600; text-shadow: 10px 0px 30px rgba(0,0,0,.5); word-break: keep-all; opacity: 0; transform: translate(0, 100px); -webkit-transition: opacity 1s, transform 1s; -moz-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s;}
#sec01 .slide_bx .con_bx.on .txt_bx .txt1 {opacity: 1; transform: translate(0, 0);}
#sec01 .slide_bx .txt_bx .txt2 {font-family: "Poppins", sans-serif; font-size: 20px; line-height: 30px; color: #fff; font-weight: 300; word-break: keep-all; margin-top: 26px; opacity: 0; transform: translate(0, 100px); -webkit-transition: opacity 1s, transform 1s; -moz-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition-delay: 0.3s;}
#sec01 .slide_bx .con_bx.on .txt_bx .txt2 {opacity: 1; transform: translate(0, 0);}
#sec01 .slide_bx .txt_bx .txt3 {font-family: "Poppins", sans-serif; font-size: 26px; line-height: 36px; color: #fff; font-weight: 700; word-break: keep-all; margin-top: 30px; opacity: 0; transform: translate(0, 100px); -webkit-transition: opacity 1s, transform 1s; -moz-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition-delay: 0.6s;}
#sec01 .slide_bx .con_bx.on .txt_bx .txt3 {opacity: 1; transform: translate(0, 0);}



/* sec02 */
#sec02 {background-color: #fff; padding: 113px 0 120px;}
#sec02 .inner_bx {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto;}
#sec02 .top_txt {text-align: center;}
#sec02 .top_txt .txt1 {font-family: "Poppins", sans-serif; font-size: 18px; color: #c6171e; font-weight: 600; letter-spacing: 0.3em;}
#sec02 .top_txt .txt2 {font-family: "Poppins", sans-serif; font-size: 60px; line-height: 60px; color: #000000; font-weight: 600; margin-top: 14px;}
#sec02 .top_txt .txt2 span {color: #c6171e;}
#sec02 .top_txt .txt3 {font-size: 30px; line-height: 40px; color: #000000; font-weight: 500; word-break: keep-all; margin-top: 44px;}
#sec02 .top_txt .txt3 strong {font-family: "Poppins", sans-serif; font-weight: 700;}
#sec02 .top_txt .txt3 strong span {color: #c6171e;}
#sec02 .con_bx {margin-top: 75px; display: flex; flex-flow: wrap;}
#sec02 .con_bx .con_w {width: calc(50% - 20px); margin-right: 40px; box-sizing: border-box; background-color: #eeeeee; text-align: center; padding-bottom: 70px;}
#sec02 .con_bx .con_w:nth-child(2n) {margin-right: 0;}
#sec02 .con_bx .con_w img {max-width: 100%;}
#sec02 .con_bx .con_w .txt {margin-top: 41px;}
#sec02 .con_bx .con_w .txt strong {display: block; font-family: "Poppins", sans-serif; font-size: 40px; color: #111111; line-height: 50px; font-weight: 600;}
#sec02 .con_bx .con_w .btn {max-width: 500px; width: calc(100% - 30px); margin: 29px auto 0; display: flex; flex-flow: wrap;}
#sec02 .con_bx .con_w .btn a {width: calc(50% - 10px); margin-right: 20px; box-sizing: border-box; font-family: "Poppins", sans-serif; line-height: 68px; border: 1px solid #c6171e; border-radius: 40px; text-align: center; font-size: 16px; font-weight: 500; color: #c6171e; letter-spacing: 0.3em;}
#sec02 .con_bx .con_w .btn a:nth-child(2n) {margin-right: 0;}


/* PC */
@media all and (min-width:1025px){
    /* sec02 */
    #sec02 .con_bx .con_w .btn a {-webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s;}
    #sec02 .con_bx .con_w .btn a:hover {background-color: #c6171e; color: #fff;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* sec01 */
    #sec01 .slide_bx .slick-dots {bottom: 29px;}
    #sec01 .slide_bx .slick-dots > li .bar {height: 2px;}
    #sec01 .slide_bx .slick-dots > li button {font-size: 12px; line-height: 17px; padding-top: 5px;}
    #sec01 .slide_bx .txt_bx {min-height: 180px; padding-bottom: 33px;}
    #sec01 .slide_bx .txt_bx .txt1 {font-size: 35px; line-height: 40px; text-shadow: 5px 0px 15px rgba(0,0,0,.5); transform: translate(0, 50px);}
    #sec01 .slide_bx .txt_bx .txt2 {margin-top: 13px; font-size: 12px; line-height: 17px; transform: translate(0, 50px);}
    #sec01 .slide_bx .txt_bx .txt3 {margin-top: 13px; font-size: 15px; line-height: 20px; transform: translate(0, 50px);}



    /* sec02 */
    #sec02 {padding: 58px 0 60px;}
    #sec02 .top_txt .txt1 {font-size: 10px;}
    #sec02 .top_txt .txt2 {margin-top: 6px; font-size: 30px; line-height: 30px;}
    #sec02 .top_txt .txt3 {margin-top: 22px; font-size: 15px; line-height: 20px;}
    #sec02 .con_bx {margin-top: 38px;}
    #sec02 .con_bx .con_w {width: calc(50% - 10px); margin-right: 20px; padding-bottom: 29px;}
    #sec02 .con_bx .con_w .txt {margin-top: 28px;}
    #sec02 .con_bx .con_w .txt strong {font-size: 20px; line-height: 20px;}
    #sec02 .con_bx .con_w .btn {margin-top: 17px;}
    #sec02 .con_bx .con_w .btn a {font-size: 13px; line-height: 40px; width: calc(50% - 5px); margin-right: 10px;}
}

/* 모바일 */
@media all and (max-width:768px){
    /* sec01 */
    #sec01 .slide_bx .slick-dots > li button {text-align: center;}
    #sec01 .slide_bx .con_bx {min-height: 460px;}
    #sec01 .slide_bx .txt_bx {min-height: 254px; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); top: 126px;}



    /* sec02 */
    #sec02 .con_bx .con_w:nth-child(n) {width: 100%; margin-right: 0; margin-top: 10px;}
    #sec02 .con_bx .con_w:first-child {margin-top: 0;}
}