@charset "UTF-8";

/*서브페이지 상단 공통*/
#sub-top {position:relative;display:flex;flex-flow:column;justify-content:flex-end;min-height:700px;height:700px;background:url(./img/sub_top_bg.jpg) no-repeat center / cover;transform: scale(1.2);opacity:0;transition: all 4s;}
#sub-top.on {transform:scale(1);opacity:1;}
#sub-top:before,
#sub-top:after {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(255,255,255,0.3);
    z-index: 5;
}

#sub-top.on:before {animation: move_blind 2s;animation-fill-mode: forwards;}
#sub-top.on:after {animation: move_blind 2s;animation-fill-mode: forwards;animation-delay: .5s;}

@keyframes move_blind {
    0% {width: 100%; background: rgba(255,255,255,0.3);}
    100% {width: 0;background: rgba(255,255,255,0);}
}

#sub-top .sub-title {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;max-width:400px;text-align: center;}
#sub-top .sub-title h1 {font-size:70px;font-weight:900;letter-spacing:-2.4px;color:#fff;}
#sub-top .sub-title p {font-size:20px;font-weight:300;letter-spacing:-0.66px;line-height:1.5;color:#D9D9D9;margin-top:40px;}

#sub-top .sub-menu {border-top:1px solid #858585;}
#sub-top .sub-menu .menu-wr {display:flex;align-items:center;justify-content:center;height:120px;max-width:1460px;padding: 0 30px;margin: 0 auto;}
#sub-top .sub-menu .menu-wr ul {display:inline-flex;height:100%;}
#sub-top .sub-menu .menu-wr ul li {position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 35px;}
#sub-top .sub-menu .menu-wr ul li a {font-size:18px;letter-spacing:-0.54px;font-weight:300;color:#d9d9d9;}

#sub-top .sub-menu .menu-wr ul li.on:after {content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:calc(100% - 70px);height:2px;background: #fff;}
#sub-top .sub-menu .menu-wr ul li.on a {font-weight:bold;color:#fff;}

#sub-wr .section-tit {max-width:1460px;text-align: center;padding: 0 30px;margin:105px auto 70px;}
#sub-wr .section-tit h1 {font-family:GmarketSansBold;font-size:40px;line-height:1.5;}
#sub-wr .section-tit p {font-size:30px;line-height:1.5;color:#555;margin:70px auto; letter-spacing: -1.5px;}

#sub-wr .section .section-con {max-width:1460px;padding:0 30px;margin:70px auto 100px;}

.colored-blue {color:#1A18C7;}
.colored-red {color:#EE0101;}

.con-tit {display:flex;align-items: center;}
.con-tit img {width:34px; height:34px;margin-right:15px;}
.con-tit span {font-size:30px;font-weight:bold;letter-spacing: -0.9px;color:#000;}

@media (max-width:1400px) {
    #sub-top {min-height:500px;height:500px;}
    #sub-top .sub-title {padding: 0 20px;}
    #sub-top .sub-title h1 {font-size:40px;letter-spacing:-1.2px;line-height: 1.4;}
    #sub-top .sub-title p {font-size:13px;letter-spacing: -0.39px;margin-top:15px;}
    #sub-top .sub-menu .menu-wr {height:auto;padding:20px;}
    #sub-top .sub-menu .menu-wr ul {width:100%;justify-content: space-between;flex-flow: wrap;}
    #sub-top .sub-menu .menu-wr ul li {width:33.333%;padding: 10px;}
    #sub-top .sub-menu .menu-wr ul li a {font-size:16px;letter-spacing: -0.48px;}

    #sub-top .sub-menu .menu-wr ul li.on:after {display:none;}

    #mobile-menu {display:none;}

    #sub-wr .section-tit {padding: 0 20px;margin:50px auto 30px;}
    #sub-wr .section-tit h1 {font-size:20px;letter-spacing:-0.6px;line-height:1.5;}
    #sub-wr .section-tit p {font-size:20px;letter-spacing:-0.6px;line-height:1.5;margin:30px auto;}

    #sub-wr .section .section-con {padding: 0 20px;margin:30px auto 80px;}

    .con-tit img {width:25px;height:25px;margin-right:7px;}
    .con-tit span {font-size:20px;letter-spacing: -0.6px;}

}
@media (max-width:768px) {
    #sub-top {}
    #sub-top .sub-title {}
    #sub-top .sub-title h1 {font-size:30px;}
    #sub-top .sub-title p {font-size:13px;}

    #sub-top .sub-menu .menu-wr {}
    #sub-top .sub-menu .menu-wr ul {}
    #sub-top .sub-menu .menu-wr ul li {}
    #sub-top .sub-menu .menu-wr ul li a {font-size:14px;letter-spacing: -0.42px;}
}


/*menu10*/

.video_arae{margin-top: 80px;}
.video_arae .video_box{display: block; margin: 0 auto;}

.ceo-img {position:relative;width:100%;}
.ceo-img > img {width:100%;}
.ceo-img button {position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;width:200px;height:50px;background:#000;padding:0 20px;}
.ceo-img button span {font-size:17px;font-weight:300;letter-spacing: -0.51px;color:#fff;}
.ceo-img button img {width:5.61px;height:9.85px;}

.sub10-10 .text-wr {padding: 50px 60px 50px;}
.sub10-10 .text-wr p {font-size:18px;font-weight:400;line-height:1.9;color:#555;word-break: keep-all; letter-spacing: -1px;}
.sub10-10 .text-wr ul {font-size:18px;font-weight:500;letter-spacing: -0.54px;line-height:1.9;color:#555; margin-bottom: 90px;}
.sub10-10 .text-wr ul li {margin-bottom:32px;}
.sub10-10 .text-wr ul li:last-of-type {margin-bottom:-20px;}
.sub10-10 .text-wr ul li h3 {font-size:25px;font-weight:600;line-height:1.5;color:#000;margin-bottom:28px; letter-spacing: -1px;word-break: keep-all;}
.sub10-10 .text-wr ul li p {word-break: keep-all;}

.sub10-10 .img-wr {position:relative;width:100%;}
.sub10-10 .img-wr img {width:100%;}
.sub10-10 .img-wr h2 {position:absolute;bottom:0;font-size:40px;font-weight:bold;line-height:1.5;color:#000;padding: 70px 50px 0; letter-spacing: -1.5px;}

.sub10-10 .technology-part {display:flex;align-items: flex-start;}
.sub10-10 .technology-part .img-wr {max-width:470px;}
.sub10-10 .technology-part .img-wr img {}
.sub10-10 .technology-part .text-wr {width:calc(100% - 470px);padding: 50px 50px 90px 120px;}
.sub10-10 .technology-part .text-wr p {line-height:1.9;}

.sub10-10 #sect02 {border-top: 1px solid #D9D9D9;margin-top:-20px;}
.sub10-10 #sect02 .corporate-philosophy {max-width:1460px;width:100%;margin:70px auto 100px;}
.sub10-10 #sect02 .corporate-philosophy ul {display:flex;align-items:flex-start;margin-top:30px;}
.sub10-10 #sect02 .corporate-philosophy ul li {width:calc(33.333% - 20px);margin-right:30px;}
.sub10-10 #sect02 .corporate-philosophy ul li:last-of-type {margin-right:0;}
.sub10-10 #sect02 .corporate-philosophy ul li .img-wr {height:auto;}
.sub10-10 #sect02 .corporate-philosophy ul li .img-wr img {}
.sub10-10 #sect02 .corporate-philosophy ul li .text-wr {padding: 30px 0 0;text-align: center;}
.sub10-10 #sect02 .corporate-philosophy ul li .text-wr h5 {font-size:22px;font-weight:bold;letter-spacing:-0.66px;color:#000;}
.sub10-10 #sect02 .corporate-philosophy ul li .text-wr p {font-size:18px;font-weight:400;line-height:1.7;letter-spacing: -0.54px;color:#555;margin-top: 15px;}

.sub10-10 #profile-modal {display:none;position:fixed;width:100vw;height:100vh;left:0;top:0;background:rgba(0,0,0,0.5);z-index: 1500;}
.sub10-10 #profile-modal .modal-wr {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding: 60px 50px 50px;background:#fff;}
.sub10-10 #profile-modal .modal-wr .modal-top {}
.sub10-10 #profile-modal .modal-wr .modal-top .tit {font-size:30px;font-weight:bold;letter-spacing: -0.9px;color:#000;}
.sub10-10 #profile-modal .modal-wr .modal-top .btn-close {position:absolute;top:30px;right:30px;width:24.24px;height:24.24px;cursor:pointer;}

.sub10-10 #profile-modal .modal-wr ul {margin-top:30px;}
.sub10-10 #profile-modal .modal-wr ul li {position:relative;font-size:18px;line-height:1.5;letter-spacing: -0.8px;color:#000;padding-left:10px;margin-bottom:15px;word-break: keep-all;}
.sub10-10 #profile-modal .modal-wr ul li:before {content:'';position:absolute;width:5px;height:5px;background:#1A18C7;left:0;top:calc(50% - 2.5px);}
.sub10-10 #profile-modal .modal-wr .logo {display:flex;justify-content: flex-end;margin-top:45px;}
.sub10-10 #profile-modal .modal-wr .logo img {width:233px;}

@media (max-width:1400px) {
    #sub-wr.sub10-10 .section .section-con {margin:0 auto;}

    #sub-wr .section-tit p {margin:30px auto 50px;letter-spacing:-0.7px;word-break: keep-all;}
    .ceo-img button {width:100%;right:auto;left:0;}
    .ceo-img button span {font-size:16px;letter-spacing: -0.48px;}

    .sub10-10 .text-wr {padding: 30px 0 50px;}
    .sub10-10 .text-wr p {font-size:16px;letter-spacing: -0.48px;}

    .sub10-10 .img-wr {position:relative;width:100%;}
    .sub10-10 .img-wr h2 {position:relative;font-size:20px;font-weight:bold;line-height:1.5;letter-spacing:-0.6px;color:#000;padding: 30px 0 10px;}

    .sub10-10 .text-wr ul li {margin-bottom:40px;}
    .sub10-10 .text-wr ul li h3 {font-size:18px;letter-spacing: -0.54px;margin-bottom:20px;}

    .sub10-10 .technology-part {flex-flow:column;}
    .sub10-10 .technology-part .img-wr {width:100%;text-align: center;margin: 0 auto;}
    .sub10-10 .technology-part .img-wr img {max-width:470px;}

    .sub10-10 .technology-part .text-wr {width:100%;padding:40px 0 50px;}
    .sub10-10 .technology-part .text-wr p {line-height:1.6;}

    .sub10-10 #sect02 {padding: 0 20px;margin: 0 auto;}

    .sub10-10 #sect02 .corporate-philosophy {margin: 50px auto 80px;}
    .sub10-10 #sect02 .corporate-philosophy ul {flex-wrap:wrap;margin-top:20px;}
    .sub10-10 #sect02 .corporate-philosophy ul li {width:100%;margin-right:0;margin-bottom:40px;}
    .sub10-10 #sect02 .corporate-philosophy ul li:last-of-type {margin-bottom:0;}
    .sub10-10 #sect02 .corporate-philosophy ul li .text-wr h5 {font-size:18px;letter-spacing: -0.54px;}
    .sub10-10 #sect02 .corporate-philosophy ul li .text-wr p {font-size:16px;letter-spacing: -0.48px;}

    .sub10-10 #profile-modal .modal-wr {width:calc(100% - 40px);max-width:600px;padding:50px 20px 40px;margin: 0 auto;box-shadow: 0 8px 10px rgba(0,0,0,0.15);}
    .sub10-10 #profile-modal .modal-wr .modal-top .btn-close {right:20px;top:20px;width:16.35px;height:16.35px;}
    .sub10-10 #profile-modal .modal-wr .modal-top .tit {font-size:20px;}
    .sub10-10 #profile-modal .modal-wr ul li {font-size:16px;letter-spacing: -0.48px;}
    .sub10-10 #profile-modal .modal-wr ul li:before {}
    .sub10-10 #profile-modal .modal-wr .logo img {max-width:150px;}
}
@media (max-width:768px) {
    #sub-wr .section-tit p {margin:30px auto;}
    .sub10-10 .text-wr p {line-height:1.5;}
    .sub10-10 #profile-modal .modal-wr {padding:45px 19px 40px;}
    .sub10-10 #profile-modal .modal-wr ul {margin-top:20px;}
    .sub10-10 #profile-modal .modal-wr ul li {margin-bottom:5px;}
    .sub10-10 #profile-modal .modal-wr ul li:before {}

}


/*menu20*/
.sub10-20 {}
.sub10-20 .history-tab {}
.sub10-20 .history-tab ul {display:flex;align-items: center;justify-content: center;}
.sub10-20 .history-tab ul li {font-size:20px;font-weight:500;letter-spacing:-0.6px;color:#B8B8B8;padding: 10px 25px;border-radius:50px;cursor:pointer;}
.sub10-20 .history-tab ul li.on {font-weight:bold;color:#1A18C7;border: 1px solid #1A18C7;}

.sub10-20 .history-list {margin-top:90px;}
.sub10-20 .history-list .history-con {display:none;}
.sub10-20 .history-list .history-con.on {display:block;}
.sub10-20 .history-list .history-con ul {}
.sub10-20 .history-list .history-con ul li {display:flex;align-items: flex-start;margin-bottom:120px;}
.sub10-20 .history-list .history-con ul li .text-wr {width:calc(100% - 480px);}
.sub10-20 .history-list .history-con ul li .text-wr .year {position:relative;font-family:GmarketSansBold;font-size:40px;letter-spacing: -1.2px;color:#000;width:fit-content;}
.sub10-20 .history-list .history-con ul li .text-wr .year:after {content:'';position: absolute;right:-15px;bottom:5px;width:10px;height:10px;background:#7B7AFF;border-radius:50%;}
.sub10-20 .history-list .history-con ul li .text-wr ol {margin-top:60px;}
.sub10-20 .history-list .history-con ul li .text-wr ol li {margin-bottom:20px;}
.sub10-20 .history-list .history-con ul li .text-wr ol li span {font-size:18px;font-weight:500;letter-spacing: -0.54px;line-height:1.4;color:#000;word-break: keep-all;}
.sub10-20 .history-list .history-con ul li .text-wr ol li .tit {width:138px;}
.sub10-20 .history-list .history-con ul li .img-wr {max-width:480px;}
.sub10-20 .history-list .history-con ul li .img-wr img {width:100%;}

@media (max-width: 1400px) {
    .sub10-20 .history-list {margin-top:50px;}

    .sub10-20 .history-list .history-con ul li {flex-flow:column;margin-bottom:40px;}
    .sub10-20 .history-list .history-con ul li .img-wr {}
    .sub10-20 .history-list .history-con ul li .text-wr {width:100%;}

    .sub10-20 .history-list .history-con ul li .text-wr .year {font-size:20px;letter-spacing: -0.6px;}
    .sub10-20 .history-list .history-con ul li .text-wr .year:after {right:-7px;bottom:3px;width:5px;height:5px;}
    .sub10-20 .history-list .history-con ul li .text-wr ol {margin-top:25px;}
    .sub10-20 .history-list .history-con ul li .text-wr ol li span {font-size:16px;letter-spacing:-0.48px;margin-bottom:10px;}

}
@media (max-width: 768px) {
    .sub10-20 .history-list .history-con ul li {flex-flow:column;}
}


/*menu30*/
.sub10-30 {}
.sub10-30 .organization-chart {width:100%;}
.sub10-30 .organization-chart img {width:100%;}

/*menu40*/
.sub10-40 {}
#sub-wr.sub10-40 .section.bg .section-con {margin: 0 auto;}

.sub10-40 .vision-chart {width:100%;max-width:1150px;margin:70px auto 0;}
.sub10-40 .vision-chart img {width:100%;margin-left:-4%;}

.sub10-40 .mission-con {padding: 100px 0 80px;}
.sub10-40 .mission-con .text-wr {position: relative;margin:75px 0 140px;}
.sub10-40 .mission-con .text-wr h4 {font-family:GmarketSansBold;font-size:18px;font-weight:bold;letter-spacing: -0.54px;color:#1A18C7;}
.sub10-40 .mission-con .text-wr p {font-size:35px;letter-spacing: -1.05px;line-height:1.5;color:#000;margin-top:15px;}
.sub10-40 .mission-con .text-wr .mission-img01 {max-width:700px;margin-top:25px;}
.sub10-40 .mission-con .text-wr .mission-img02 {position:absolute;width:515px;top:0;right:30px;}
.sub10-40 .mission-con .img-wr {position:relative;margin-top:100px;}
.sub10-40 .mission-con .img-wr .mission-img03 {position:absolute;width:480px;top:-100px;left:0;}
.sub10-40 .mission-con .img-wr .mission-img04 {width:100%;}

.sub10-40 .vision2030-con {}
.sub10-40 .vision2030-con ul {display:flex;align-items: flex-start;margin-top:60px;}
.sub10-40 .vision2030-con ul li {position:relative;width:33%;}
.sub10-40 .vision2030-con ul li:before {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:90%;background:#C2C2C2;}
.sub10-40 .vision2030-con ul li:last-of-type:before {display:none;}
.sub10-40 .vision2030-con ul li .img-wr {text-align: center;}
.sub10-40 .vision2030-con ul li .img-wr img {width:76px;}
.sub10-40 .vision2030-con ul li .text-wr {margin:30px 0 20px;}
.sub10-40 .vision2030-con ul li .text-wr p {font-size:20px;font-weight:500;letter-spacing: -0.6px;line-height:1.5;color:#000;text-align: center;}

.sub10-40 .value-con {padding:140px 0;}
.sub10-40 .value-con .img-wr {margin-top:40px;}
.sub10-40 .value-con .img-wr img {width:100%;}

.sub10-40 .competence-con {}
.sub10-40 .competence-con ul {display:flex;align-items: flex-start;margin-top:30px;}
.sub10-40 .competence-con ul li {width:calc(25% - 15px);margin-right:20px;}
.sub10-40 .competence-con ul li:last-of-type {margin-right:0;}
.sub10-40 .competence-con ul li .img-wr {}
.sub10-40 .competence-con ul li .img-wr img {width:100%;}
.sub10-40 .competence-con ul li .text-wr {margin:30px 0 20px;}
.sub10-40 .competence-con ul li .text-wr p {font-size:20px;font-weight:500;letter-spacing: -0.6px;line-height:1.5;color:#000;}


.sub10-40 .section.bg {background:#F1F1F6;padding: 80px 0 100px;}

.ci-img {display:flex;align-items:center;justify-content:center;height:230px;background:#fff;margin:40px 0;}
.ci-img img {max-width:546px;}

.ci-text {}
.ci-text h4 {font-size:20px;font-weight:bold;letter-spacing: -0.6px;color:#000;}
.ci-text p {font-size:18px;letter-spacing: -0.54px;line-height:1.7;color:#555;margin:30px 0 50px;word-break: keep-all;}
.ci-text ul {display:flex;align-items:center;justify-content:space-between;margin-top:30px;}
.ci-text ul li {width:calc(14.28% - 18px);margin-right:20px;}
.ci-text ul li:last-of-type {margin-right:0;}
.ci-text ul li .color-box {width:100%;height:50px;}
.color01 {background:#EC2426;}
.color02 {background:#FFDE00;}
.color03 {background:#000000;}
.color04 {background:#52B348;}
.color05 {background:#005BAB;}
.color06 {background:#439DD7;}
.color07 {background:#2D307A;}
.ci-text ul li p {font-size:18px;letter-spacing:-0.54px;line-height:1.8;color:#555;margin:15px 0 0;text-align: center;}

.ci-link {margin-top:80px;}
.ci-link ul {display:flex;align-items: center;justify-content: center;}
.ci-link ul li {min-width:200px;height:60px;border:1px solid #1A18C7;border-radius:50px;padding: 0 10px;margin: 0 5px;}
.ci-link ul li a {display:flex;align-items: center;justify-content: center;height:100%;}
.ci-link ul li a span {display:flex;align-items: center;justify-content: center;font-size:17px;letter-spacing: -0.51px;color:#1A18C7;}
.ci-link ul li a img {width:5.61px;margin-left:15px;}

@media (max-width:1400px) {
    .sub10-40 .mission-con {padding:0 0 40px;}

    .sub10-40 .vision-chart {margin:30px auto 0;}
    .sub10-40 .vision-chart img {margin-left:0;}

    .sub10-40 .mission-con .text-wr {margin:40px 0;}
    .sub10-40 .mission-con .text-wr h4 {font-size:15px;letter-spacing: -0.45px;}
    .sub10-40 .mission-con .text-wr p {font-size:20px;letter-spacing: -0.6px;margin-top:10px;}

    .sub10-40 .mission-con .text-wr .mission-img01 {max-width:425px;margin-top:20px;}

    .sub10-40 .mission-con .img-wr {margin-top:40px;}

    .sub10-40 .con-tit img {width:25px;height:25px;margin-right:7px;}
    .sub10-40 .con-tit span {font-size:20px;letter-spacing: -0.6px;}

    .sub10-40 .vision2030-con ul {flex-flow:column;margin-top:30px;}
    .sub10-40 .vision2030-con ul li {width:100%;border-right:0;}
    .sub10-40 .vision2030-con ul li:before {display:none;}
    .sub10-40 .vision2030-con ul li .text-wr {margin:30px 0 40px;}
    .sub10-40 .vision2030-con ul li .text-wr p {font-size:16px;letter-spacing: -0.48px;}

    .sub10-40 .value-con {padding: 0 0 30px;}
    .sub10-40 .value-con .img-wr {margin-top:30px;}
    .sub10-40 .value-con .img-wr img {max-width:567px;margin: 0 auto;}

    .sub10-40 .competence-con ul {flex-wrap:wrap;}
    .sub10-40 .competence-con ul li {width:calc(50% - 10px);margin-right:20px;}
    .sub10-40 .competence-con ul li:nth-of-type(2n) {margin-right:0;}
    .sub10-40 .competence-con ul li .text-wr {margin: 20px auto 30px;}
    .sub10-40 .competence-con ul li .text-wr p {font-size:16px;letter-spacing: -0.48px;}

    .ci-img {height:321px;margin:30px auto;}
    .ci-img img {max-width:468px;}

    .ci-text h4 {font-size:19px;letter-spacing: -0.57px;}
    .ci-text p {font-size:16px;letter-spacing: -0.48px;margin:20px auto 30px;}

    .ci-text ul {flex-wrap:wrap;justify-content: flex-start;}
    .ci-text ul li {width:calc(25% - 15px);}
    .ci-text ul li:nth-of-type(4n) {margin-right:0;}
    .ci-text ul li p {font-size:16px;letter-spacing: -0.48px;margin:15px auto 30px;}

    .ci-link {margin-top:40px;}
    .ci-link ul li {min-width:120px;height:45px;}
    .ci-link ul li a {}
    .ci-link ul li a span {font-size:15px;letter-spacing: -0.45px;}
    .ci-link ul li a img {margin-left:8px;}

}

@media (max-width:768px) {
    #sub-wr.sub10-40 .section .section-con {margin: 30px auto 10px;}
    #sub-wr.sub10-40 .section.bg .section-con {margin: 0 auto;}

    .sub10-40 .mission-con .text-wr .mission-img01 {max-width:220px;}

    .sub10-40 .competence-con ul {margin-top:25px;}
    .sub10-40 .competence-con ul li {width:100%;margin-right:0;}

    .sub10-40 .section.bg {padding:40px 0 80px;}

    .ci-img {height:146px;}
    .ci-img img {max-width:218px;}

    .ci-text ul li {width:calc(50% - 10px);margin-right:20px;}
    .ci-text ul li:nth-of-type(2n) {margin-right:0;}

    .ci-link {margin-top:0;}
}


/*menu50*/



/*menu60*/
.sub10-60 {}

.download-link .location-link {display:flex;align-items: center;justify-content: center;margin:-10px auto 50px;}
.download-link .location-link ul {display: flex;align-items: center;}
.download-link .location-link ul li {display:inline-flex;align-items:center;justify-content:center;width:200px;height:60px;border: 1px solid #1A18C7;padding:0; border-radius:50px;margin:0 10px;}
.download-link .location-link ul li a {width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.download-link .location-link ul li a span {font-size:17px;font-weight:300;letter-spacing: -0.51px;color:#1A18C7;}
.download-link .location-link ul li a img {width:5.61px;height:9.85px;margin-left:20px;}

.sub10-60 #map-img {width:100%;height:500px;}

.location-info {margin-top:20px;}
.location-info ul > li {padding: 50px 0;border-bottom:1px solid #D4D4D4;}
.location-info ul li .info-tit {display:flex;align-items: center;margin-bottom:40px;}
.location-info ul li .info-tit img {width:32px;height:30px;margin-right:20px;}
.location-info ul li .info-tit span {font-size:30px;font-weight:bold;letter-spacing: -0.9px;color:#000;}
.location-info ul li ol {display:flex;flex-flow:column;align-items: flex-start;}
.location-info ul .info01 ol {flex-flow:row;align-items:center;}
.location-info ul li ol li {width:100%;}
.location-info ul .info01 ol li {width:50%;}
.location-info ul ol li:nth-of-type(2) {margin-top:50px;}
.location-info ul ol .info01:nth-of-type(2) {margin-top:0;}
.location-info ul li ol li h3 {position:relative;font-size:20px;font-weight:bold;letter-spacing: -0.6px;color:#000;padding-left:10px;}
.location-info ul li ol li h3:before {content:'';position:absolute;top:7.5px;left:0;width:4px;height:4px;background:#1A18C7;}
.location-info ul li ol li p {font-size:18px;font-weight:400;letter-spacing: -0.54px;line-height:1.7;color:#8B8B8B;margin-top:13px; word-break: keep-all;}


@media (max-width:1400px) {
    .sub10-60 #map-img {height:445px;}

    .location-info {margin-top: 0;}
    .location-info ul > li {padding:40px 0;}
    .location-info ul li .info-tit {margin-bottom:20px;}
    .location-info ul li .info-tit img {margin-right:10px;}
    .location-info ul li .info-tit span {font-size:20px;letter-spacing: -0.6px;}
    .location-info ul .info01 ol {flex-flow:column;align-items:flex-start;}
    .location-info ul .info01 ol li {width:100%;}
    .location-info ul ol li:nth-of-type(2) {margin-top:20px;}
    .location-info ul li ol li h3 {font-size:18px;letter-spacing: -0.54px;}
    .location-info ul li ol li p {font-size:16px;letter-spacing: -0.48px;margin-top:10px;}

    .download-link .location-link ul {}
    .download-link .location-link ul li {width:120px;height:45px;}
    .download-link .location-link ul li a span {font-size:15px;letter-spacing: -0.45px;}
    .download-link .location-link ul li a img {margin-left:10px;}

}
@media (max-width:768px) {
    .sub10-60 #map-img {height:170px;}
    .location-info ul > li {padding:30px 0;}
    .download-link .location-link ul li a img {margin-left:10px;}
}