@charset "utf-8";

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

/* 공통 */
#main .inner_bx {max-width: 1200px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; padding: 116px 0 140px;}

#main .ttl01 {font-family: "Poppins", sans-serif; font-size: 60px; color: #000000; font-weight: 700; text-align: center; word-break: keep-all; margin-bottom: 76px;}

#main .popup_bx {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10000; background: rgba(0,0,0,.6); overflow-y: auto; padding: 50px 0; box-sizing: border-box; display: none;}
#main .popup_bx .pop_w {display: table; width: 100%; height: 100%; table-layout: fixed;}
#main .popup_bx .pop_w .pop_inner {display: table-cell; height: 100%; width: 100%; vertical-align: middle;}
#main .popup_bx .pop_w .pop_inner .pop_con {max-width: 960px; margin: 0 auto; width: calc(100% - 40px); box-sizing: border-box; font-size: 0;}
#main .popup_bx .pop_w .pop_inner .pop_con .close_btn {width: 20px; height: 20px; font-size: 0; cursor: pointer; background: url(../images/icon/close1.png) no-repeat center; margin: 0 0 20px auto;}
#main .popup_bx .pop_w .pop_inner .pop_con .map_bx .map_w {display: none;}
#main .popup_bx .pop_w .pop_inner .pop_con .map_bx .map_w.on {display: block;}
#main .popup_bx .pop_w .pop_inner .pop_con .map_bx .map_w iframe {width: 100%; height: 640px;}



/* sec01 */
#sec01 .slide_bx {font-size: 0;}
#sec01 .con_bx {position: relative; overflow: hidden;}
#sec01 .con_bx .img_bx {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
#sec01 .con_bx .img_bx > div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center bottom; -webkit-transition: transform 1s; -moz-transition: transform 1s; transition: transform 1s; transform: scale(1.2);}
#sec01 .con_bx.on .img_bx > div {transform: scale(1);}
#sec01 .con_bx .txt_bx {position: absolute; max-width: 1400px; width: calc(100% - 40px); left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); z-index: 1;}
#sec01 .con_bx .txt_bx .txt_w {max-width: 700px; padding-left: 100px; position: relative;}
#sec01 .con_bx .txt_bx .txt1 {position: absolute; left: -24px; top: -110px; font-size: 220px; color: #97d0dd; line-height: 220px; font-weight: 700; font-style: italic; z-index: -1; -webkit-transition: opacity 1s, transform 1s; -moz-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; opacity: 0; transform: translate(0, 50px);}
#sec01 .con_bx.on .txt_bx .txt1 {opacity: 1; transform: translate(0, 0);}
#sec01 .con_bx .txt_bx.col2 .txt1 {color: #7a84c9;}
#sec01 .con_bx .txt_bx.col3 .txt1 {color: #b9b7b7;}
#sec01 .con_bx .txt_bx .txt2 {font-size: 70px; color: #000000; line-height: 70px; font-weight: 700; word-break: keep-all; -webkit-transition: opacity 1s, transform 1s; -moz-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition-delay: 0.3s; opacity: 0; transform: translate(0, 50px);}
#sec01 .con_bx.on .txt_bx .txt2 {opacity: 1; transform: translate(0, 0);}
#sec01 .con_bx .txt_bx.col2 .txt2 {color: #fff;}
#sec01 .con_bx .txt_bx .txt3 {font-size: 30px; color: #111111; font-weight: 500; line-height: 40px; word-break: keep-all; position: relative; margin-top: 34px; padding-top: 25px; -webkit-transition: opacity 1s, transform 1s; -moz-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition-delay: 0.6s; opacity: 0; transform: translate(0, 50px);}
#sec01 .con_bx.on .txt_bx .txt3 {opacity: 1; transform: translate(0, 0);}
#sec01 .con_bx .txt_bx.col2 .txt3 {color: #fff;}
#sec01 .con_bx .txt_bx .txt3::before {content: ''; width: 40px; height: 4px; background-color: #006fd6; position: absolute; top: 0; left: 0;}
#sec01 .con_bx .txt_bx.col2 .txt3::before {background-color: #fff;}
#sec01 .con_bx .txt_bx.col3 .txt3::before {background-color: #de1e1e;}



/* sec02 */
#sec02 .con_bx .con_w {display: flex; flex-flow: wrap; margin-bottom: 60px;}
#sec02 .con_bx .con_w:last-child {margin-bottom: 0;}
#sec02 .con_bx .con_w .l_bx {width: 50%; box-sizing: border-box;}
#sec02 .con_bx .con_w:nth-child(2n) .l_bx {order: 2;}
#sec02 .con_bx .con_w .l_bx .img_bx {border-radius: 20px; overflow: hidden;}
#sec02 .con_bx .con_w .l_bx .img_bx img  {max-width: 100%;}
#sec02 .con_bx .con_w .r_bx {width: 50%; box-sizing: border-box; padding-left: 60px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#sec02 .con_bx .con_w:nth-child(2n) .r_bx {order: 1; padding-left: 40px; padding-right: 40px;}
#sec02 .con_bx .con_w .r_bx .txt_bx {width: 100%;}
#sec02 .con_bx .con_w .r_bx .txt_bx .txt1 {font-size: 36px; color: #000000; line-height: 46px; font-weight: 700; word-break: keep-all;}
#sec02 .con_bx .con_w .r_bx .txt_bx .txt2 {font-size: 20px; color: #444444; line-height: 30px; letter-spacing: -0.01em; word-break: keep-all; position: relative; margin-top: 26px; padding-top: 28px;}
#sec02 .con_bx .con_w .r_bx .txt_bx .txt2::before {content: ''; width: 40px; height: 4px; background-color: #006fd6; position: absolute; left: 0; top: 0;}
#sec02 .con_bx .con_w .r_bx .txt_bx .txt2 span {display: inline-block;}



/* sec03 */
#sec03 {background: url(../images/main/sec03_bg.jpg) no-repeat center; background-size: cover;}
#sec03 .con_bx .con_w {display: flex; flex-flow: wrap;}
#sec03 .con_bx .con_w:last-child {padding-bottom: 0;}
#sec03 .con_bx .con_w .l_bx {width: 50%; box-sizing: border-box;}
#sec03 .con_bx .con_w .l_bx strong {display: block; max-width: 320px; width: 100%; margin: 0 0 0 auto; font-family: "Poppins", sans-serif; font-size: 36px; color: #111111; font-weight: 600; line-height: 34px;}
#sec03 .con_bx .con_w .r_bx {width: 50%; box-sizing: border-box;}
#sec03 .con_bx .con_w .r_bx ul li {position: relative; min-height: 34px; box-sizing: border-box; padding-left: 195px; padding-bottom: 21px;}
#sec03 .con_bx .con_w .r_bx ul li:last-child {padding-bottom: 53px;}
#sec03 .con_bx .con_w:last-child .r_bx ul li:last-child {padding-bottom: 0;}
#sec03 .con_bx .con_w .r_bx ul li::before {content: ''; width: 1px; height: 100%; background-color: rgba(0,111,214,0.3); position: absolute; left: 0; top: 0;}
#sec03 .con_bx .con_w:first-child .r_bx ul li:first-child::before {top: 17px; height: calc(100% - 17px);}
#sec03 .con_bx .con_w:last-child .r_bx ul li:last-child::before {height: 17px;}
#sec03 .con_bx .con_w .r_bx ul li::after {content: ''; width: 9px; height: 9px; background-color: #006fd6; position: absolute; left: -4px; top: 13px; border-radius: 50%;}
#sec03 .con_bx .con_w .r_bx ul li .year {font-size: 20px; color: #000000; line-height: 34px; font-weight: 700; position: absolute; left: 105px; top: 0;}
#sec03 .con_bx .con_w .r_bx ul li p {font-size: 18px; color: #444444; line-height: 34px; letter-spacing: -0.01em; word-break: keep-all;}



/* sec04 */
#sec04 .btn {max-width: 200px; width: 100%; height: 60px; font-size: 0; border-radius: 30px; background: url(../images/main/sec04_btn.png) no-repeat center #006fd6; cursor: pointer;}
#sec04 .con_bx {display: flex; flex-flow: wrap;}
#sec04 .con_bx .l_bx {width: 50%; box-sizing: border-box; position: relative; overflow: hidden;}
#sec04 .con_bx .l_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#sec04 .con_bx .r_bx {width: 50%; box-sizing: border-box; background-color: #fafafa; padding: 53px 60px 60px;}
#sec04 .con_bx .r_bx .txt1 {font-size: 30px; color: #000000; line-height: 40px; font-weight: 700; word-break: keep-all;}
#sec04 .con_bx .r_bx .txt2 {font-size: 20px; color: #444444; line-height: 30px; letter-spacing: -0.01em; word-break: keep-all; margin-top: 6px;}
#sec04 .con_bx .r_bx .txt3 {padding: 14px 30px; background-color: #fff; border-radius: 10px; margin-top: 24px;}
#sec04 .con_bx .r_bx .txt3 li {font-size: 18px; color: #444444; line-height: 28px; word-break: keep-all; min-height: 28px; position: relative; padding-left: 60px; margin-bottom: 6px;}
#sec04 .con_bx .r_bx .txt3 li:last-child {margin-bottom: 0;}
#sec04 .con_bx .r_bx .txt3 li span {position: absolute; left: 0; top: 0; color: #274b95; font-weight: 600;}
#sec04 .con_bx .r_bx .btn {margin-top: 37px;}

#sec04 .con_bx2 {display: flex; flex-flow: wrap; margin-top: 60px;}
#sec04 .con_bx2 .con_w {width: calc(33.333% - 20px); margin-right: 30px; box-sizing: border-box; margin-top: 60px; padding-bottom: 97px; position: relative;}
#sec04 .con_bx2 .con_w:nth-child(3n) {margin-right: 0;}
#sec04 .con_bx2 .con_w:nth-child(-n+3) {margin-top: 0;}
#sec04 .con_bx2 .con_w .img_bx {padding-bottom: 63.161%; overflow: hidden; position: relative;}
#sec04 .con_bx2 .con_w .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#sec04 .con_bx2 .con_w .txt_bx {margin-top: 23px;}
#sec04 .con_bx2 .con_w .txt_bx strong {display: block; font-size: 22px; color: #000000; line-height: 32px; font-weight: 700; word-break: keep-all;}
#sec04 .con_bx2 .con_w .txt_bx p {font-size: 18px; color: #444444; line-height: 26px; letter-spacing: -0.01em; word-break: keep-all; margin-top: 8px;}
#sec04 .con_bx2 .con_w .txt_bx .btn {position: absolute; left: 0; bottom: 0;}



/* sec05 */
#sec05 {background: url(../images/main/sec05_bg.jpg) no-repeat center; background-size: cover;}
#sec05 .con_bx {background-color: #ffffff; border-radius: 20px; padding: 40px 80px;}
#sec05 .con_bx ul {display: flex; flex-flow: wrap;}
#sec05 .con_bx ul li {width: calc(20% - 48px); margin-right: 60px; margin-top: 20px; display:flex; justify-content:center; align-items:center; table-layout:fixed; box-sizing: border-box;}
#sec05 .con_bx ul li:nth-child(5n) {margin-right: 0;}
#sec05 .con_bx ul li:nth-child(-n+5) {margin-top: 0;}
#sec05 .con_bx ul li img {max-width: 100%;}



/* sec06 */
#sec06 {background: url(../images/main/sec06_bg.jpg) no-repeat center; background-size: cover;}
#sec06 .con_bx {background-color: #ffffff; border-radius: 20px; padding: 40px 80px;}
#sec06 .con_bx ul {display: flex; flex-flow: wrap;}
#sec06 .con_bx ul li {width: calc(20% - 48px); margin-right: 60px; margin-top: 20px; display:flex; justify-content:center; align-items:center; table-layout:fixed; box-sizing: border-box;}
#sec06 .con_bx ul li:nth-child(5n) {margin-right: 0;}
#sec06 .con_bx ul li:nth-child(-n+5) {margin-top: 0;}
#sec06 .con_bx ul li img {max-width: 100%;}



/* sec07 */
#sec07 {background: url(../images/main/sec07_bg.jpg) no-repeat center; background-size: cover;}
#sec07 .mid_bx {text-align: center;}
#sec07 .mid_bx .txt1 {font-family: "Poppins", sans-serif; font-size: 26px; color: #666666; line-height: 40px; font-weight: 500; word-break: keep-all; margin-top: 20px;}
#sec07 .info_bx {text-align: center; font-size: 0; margin-top: 66px;}
#sec07 .info_bx li {display: inline-block; margin-right: 10px;}
#sec07 .info_bx li:last-child {margin-right: 0;}
#sec07 .info_bx li a {display: block; padding: 10px 30px 10px 60px; min-height: 60px; box-sizing: border-box; display:flex; justify-content:left; align-items:center; table-layout:fixed; font-size: 16px; color: #ffffff; line-height: 24px; border-radius: 40px;}
#sec07 .info_bx li a.icon1 {background: url(../images/main/sec07_icon1.png) no-repeat left 10px center #006fd6;}
#sec07 .info_bx li a.icon2 {background: url(../images/main/sec07_icon2.png) no-repeat left 10px center #006fd6;}


/* PC */
@media all and (min-width:1025px){
	/* sec04 */
    #sec04 .btn {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec04 .btn:hover {box-shadow: 0 0px 20px rgba(0,111,214,0.5);}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 공통 */
    #main .inner_bx {padding: 50px 0 60px;}
    
    #main .ttl01 {font-size: 30px; margin-bottom: 35px;}
    
    #main .popup_bx .pop_w .pop_inner .pop_con .map_bx .map_w iframe {height: 400px;}



    /* sec01 */
    #sec01 .con_bx .txt_bx .txt_w {padding-left: 50px;}
    #sec01 .con_bx .txt_bx .txt1 {font-size: 110px; left: -11px; top: -52px; line-height: 110px; transform: translate(0, 50px);}
    #sec01 .con_bx .txt_bx .txt2 {font-size: 35px; line-height: 35px; transform: translate(0, 50px);}
    #sec01 .con_bx .txt_bx .txt3 {font-size: 15px; line-height: 25px; padding-top: 15px; margin-top: 20px; transform: translate(0, 50px);}
    #sec01 .con_bx .txt_bx .txt3::before {width: 20px; height: 2px;}



    /* sec02 */
    #sec02 .con_bx .con_w {margin-bottom: 40px;}
    #sec02 .con_bx .con_w .l_bx .img_bx {border-radius: 10px;}
    #sec02 .con_bx .con_w .r_bx {padding-left: 40px;}
    #sec02 .con_bx .con_w:nth-child(2n) .r_bx {padding-left: 20px; padding-right: 30px;}
    #sec02 .con_bx .con_w .r_bx .txt_bx .txt1 {font-size: 18px; line-height: 25px;}
    #sec02 .con_bx .con_w .r_bx .txt_bx .txt2 {font-size: 12px; line-height: 17px; padding-top: 14px; margin-top: 13px; max-width: 300px;}
    #sec02 .con_bx .con_w .r_bx .txt_bx .txt2::before {width: 20px; height: 2px;}



    /* sec03 */
    #sec03 .con_bx .con_w .l_bx strong {font-size: 17px; line-height: 17px; max-width: 220px;}
    #sec03 .con_bx .con_w .r_bx ul li {padding-left: 135px; padding-bottom: 15px; min-height: 17px;}
    #sec03 .con_bx .con_w .r_bx ul li:last-child {padding-bottom: 40px;}
    #sec03 .con_bx .con_w:first-child .r_bx ul li:first-child::before {top: 8px; height: calc(100% - 8px);}
    #sec03 .con_bx .con_w:last-child .r_bx ul li:last-child::before {height: 8px;}
    #sec03 .con_bx .con_w .r_bx ul li::after {width: 5px; height: 5px; top: 6px; left: -2px;}
    #sec03 .con_bx .con_w .r_bx ul li .year {font-size: 13px; line-height: 17px; left: 75px;}
    #sec03 .con_bx .con_w .r_bx ul li p {font-size: 12px; line-height: 17px; margin-bottom: 3px;}
    #sec03 .con_bx .con_w .r_bx ul li p:last-child {margin-bottom: 0;}



    /* sec04 */
    #sec04 .btn {background-size: 100px auto; max-width: 150px; height: 40px;}
    #sec04 .con_bx .r_bx {padding: 25px 30px 30px;}
    #sec04 .con_bx .r_bx .txt1 {font-size: 15px; line-height: 25px;}
    #sec04 .con_bx .r_bx .txt2 {font-size: 13px; line-height: 19px; margin-top: 4px;}
    #sec04 .con_bx .r_bx .txt3 {margin-top: 12px; padding: 10px 15px; border-radius: 5px;}
    #sec04 .con_bx .r_bx .txt3 li {font-size: 12px; line-height: 17px; min-height: 17px; padding-left: 35px;}
    #sec04 .con_bx .r_bx .btn {margin-top: 20px;}
    
    #sec04 .con_bx2 {margin-top: 30px;}
    #sec04 .con_bx2 .con_w {padding-bottom: 60px; width: calc(33.333% - 10px); margin-right: 15px; margin-top: 30px;}
    #sec04 .con_bx2 .con_w .txt_bx {margin-top: 15px;}
    #sec04 .con_bx2 .con_w .txt_bx strong {font-size: 13px; line-height: 19px;}
    #sec04 .con_bx2 .con_w .txt_bx p {font-size: 12px; line-height: 17px; margin-top: 5px;}



    /* sec05 */
    #sec05 .con_bx {padding: 20px 30px; border-radius: 10px;}



    /* sec06 */
    #sec06 .con_bx {padding: 20px 30px; border-radius: 10px;}



    /* sec07 */
    #sec07 .mid_bx img {max-width: 120px; width: 100%;}
    #sec07 .mid_bx .txt1 {font-size: 18px; line-height: 25px; margin-top: 15px;}
    #sec07 .info_bx {margin-top: 40px;}
    #sec07 .info_bx li a {font-size: 12px; line-height: 17px; min-height: 40px; padding: 5px 20px 5px 45px; background-size: 30px auto!important; background-position: left 5px center!important;}
}

/* 모바일 */
@media all and (max-width:768px){
    /* 공통 */
    #main .popup_bx .pop_w .pop_inner .pop_con .map_bx .map_w iframe {height: 250px;}
    
    
    
	/* sec01 */
    #sec01 .con_bx .txt_bx {padding-top: 70px; top: 0; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); height: 50%; display:flex; justify-content:center; align-items:center; table-layout:fixed; box-sizing: border-box;}
    #sec01 .con_bx .txt_bx .txt_w {max-width: none; text-align: center; padding-left: 0; width: 100%;}
    #sec01 .con_bx .txt_bx .txt1 {width: 100%; text-align: center; position: relative; top: auto; left: -10px; margin-bottom: -58px}
    #sec01 .con_bx .txt_bx .txt3::before {left: 50%; margin-left: -10px;}



    /* sec02 */
    #sec02 .con_bx .con_w:nth-child(n) .l_bx {width: 100%; order: 1;}
    #sec02 .con_bx .con_w:nth-child(n) .r_bx {width: 100%; padding: 0; order: 2; margin-top: 15px;}



    /* sec03 */
    #sec03 .con_bx .con_w .l_bx {width: 120px;}
    #sec03 .con_bx .con_w .r_bx {width: calc(100% - 120px);}
    /*#sec03 .con_bx .con_w .l_bx {width: 100%; position: relative;}
    #sec03 .con_bx .con_w .l_bx::before {content: ''; width: 1px; height: 100%; background-color: rgba(0,111,214,0.3); position: absolute; left: 0; top: 0;}
    #sec03 .con_bx .con_w:first-child .l_bx::before {display: none;}
    #sec03 .con_bx .con_w .l_bx strong {max-width: 100%; margin: 0; padding-left: 20px; box-sizing: border-box; padding-bottom: 8px;}
    #sec03 .con_bx .con_w .r_bx {width: calc(100%);}*/
    #sec03 .con_bx .con_w .r_bx ul li {padding-bottom: 30px;}
    #sec03 .con_bx .con_w .r_bx ul li .year {position: relative; top: auto; left: auto; margin-bottom: 5px;}
    #sec03 .con_bx .con_w .r_bx ul li {padding-left: 20px;}
    #sec03 .con_bx .con_w .r_bx ul li p {margin-bottom: 8px;}



    /* sec04 */
    #sec04 .con_bx .l_bx {width: 100%; padding-bottom: 66%;}
    #sec04 .con_bx .r_bx {width: 100%; padding: 25px 20px 30px;}
    
    #sec04 .con_bx2 .con_w:nth-child(n) {width: 100%; margin-right: 0; margin-top: 30px;}
    #sec04 .con_bx2 .con_w:first-child {margin-top: 0;}



    /* sec05 */
    /*#sec05 .con_bx ul li:nth-child(n) {width: calc(50% - 10px); margin-right: 20px; margin-top: 20px;}
    #sec05 .con_bx ul li:nth-child(2n) {margin-right: 0;}
    #sec05 .con_bx ul li:nth-child(-n+2) {margin-top: 0;}*/
    #sec05 .con_bx {padding: 20px;}
    #sec05 .con_bx ul li:nth-child(n) {width: calc(33.333% - 10px); margin-right: 15px; margin-top: 15px;}
    #sec05 .con_bx ul li:nth-child(3n) {margin-right: 0;}
    #sec05 .con_bx ul li:nth-child(-n+3) {margin-top: 0;}



    /* sec06 */
    /*#sec06 .con_bx ul li:nth-child(n) {width: calc(50% - 10px); margin-right: 20px; margin-top: 20px;}
    #sec06 .con_bx ul li:nth-child(2n) {margin-right: 0;}
    #sec06 .con_bx ul li:nth-child(-n+2) {margin-top: 0;}*/
    #sec06 .con_bx {padding: 20px;}
    #sec06 .con_bx ul li:nth-child(n) {width: calc(33.333% - 10px); margin-right: 15px; margin-top: 15px;}
    #sec06 .con_bx ul li:nth-child(3n) {margin-right: 0;}
    #sec06 .con_bx ul li:nth-child(-n+3) {margin-top: 0;}



    /* sec07 */
    #sec07 .info_bx li {display: block; margin-right: 0; margin-bottom: 10px;}
    #sec07 .info_bx li:last-child {margin-bottom: 0;}
    #sec07 .info_bx li a {display: inline-block; padding: 11px 20px 11px 45px;}
}