/* 공통 */
.con_bg {width: 100%; background: url('../img/dot_bg.jpg'); padding: 80px 0;}
.con1300 {width: 100%; max-width: 1300px; margin:0 auto;}

.sub_title {text-align: center;}
.sub_title h2 {font-size: 14px; font-weight: 600; color: #0867ae; letter-spacing: 7px; font-family: 'Montserrat'; margin-bottom: 10px; text-transform: uppercase;}
.sub_title h1 {font-size: 35px; font-weight: 400; color: #333; font-family: 'NanumSquare',sans-serif; line-height: 55px;}
.sub_title h1 b {font-weight: 800;}
.sub_title p {font-size:15px; font-weight: 300; color:#666; letter-spacing: -.5px; line-height: 30px; word-break: keep-all;}

.sub_h2 {font-size: 24px;font-family: 'NanumSquare',sans-serif; font-weight: 700; color:#000;}
.sub_h2 i {color:#0867ae; padding-right: 5px;}

.s_table {width: 100%;}
.s_table table {width: 100%;font-family: 'Noto Sans KR', sans-serif; border-collapse: collapse;}
.s_table table th, .s_table table td {padding: 15px; word-break: keep-all;}
.s_table table thead th, .s_table table thead td {color:#fff; border: 1px solid rgba(255,255,255,0.2); font-size: 14px; font-weight: 400; line-height: 26px;}
.s_table table thead th {background: #333; }
.s_table table thead th:last-child {border-right: 1px solid #333}
.s_table table thead tr:last-child th {border-bottom: 1px solid #333}

.s_table table thead td {background: #666;border-bottom: 1px solid #666}
.s_table table thead td:last-child {border-right: 1px solid #666}


.s_table table tbody th, .s_table table tbody td { }
.s_table table th {text-align: center; font-weight: 400; color:#333; background: #f7f7f7; line-height: 26px;font-size: 14px;  border: 1px solid #eee }
.s_table table td {font-weight: 300; color:#666; line-height: 26px; background: #fff; font-size: 14px; text-align: center;border: 1px solid #eee; }
.s_table table td i {}
.s_table p {font-size: 18px; font-weight: 400; color:#0059ff; letter-spacing: -0.5px; word-break: keep-all; margin-top: 24px;}



/*Content CSS*/
#partner1 {overflow: hidden;}
#par1_c1 {margin-bottom: 80px; padding-bottom: 55px;}
#par1_c1 .article {background: url('../img/par1_c1_bg.png?v=210402')no-repeat 50% 50%; min-height: 569px; margin-top: 80px; position: relative;}
#par1_c1 .article ul li {width: 300px;text-align: right;}
#par1_c1 .article ul li:nth-child(2n) {text-align: left;}
#par1_c1 .article ul li:nth-child(1) {position: absolute; top: 0; left: 180px;}
#par1_c1 .article ul li:nth-child(2) {position: absolute; top: 95px; right: 70px;}
#par1_c1 .article ul li:nth-child(3) {position: absolute; top: 190px; left: 0;}
#par1_c1 .article ul li:nth-child(4) {position: absolute; top: 320px; right: 0;}
#par1_c1 .article ul li:nth-child(5) {position: absolute; bottom: 50px; left: 70px;}
#par1_c1 .article ul li:nth-child(6) {position: absolute; bottom: -45px; right: 180px;}

#par1_c1 .article ul li h1 { font-size: 22px; font-weight: 700; color: #000; font-family: 'NanumSquare',sans-serif; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; position: relative;}
#par1_c1 .article ul li h1 span { font-size: 13px; font-weight: 600; color: #aaa; font-family: 'Montserrat'; padding-right: 10px;}
#par1_c1 .article ul li h1::after { width: 100px; height: 2px; position: absolute; bottom:-1px; right: 0; z-index: 2; display: block; content: "";}
#par1_c1 .article ul li p {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.5px; line-height: 26px; word-break: keep-all;}

#par1_c1 .article ul li:nth-child(2n) h1::after {position: absolute; bottom: -1px; left: 0;}
#par1_c1 .article ul li:nth-child(2n) h1 span {padding-left: 10px;}
#par1_c1 .article ul li:nth-child(1) h1::after { background: #68d29e;}
#par1_c1 .article ul li:nth-child(2) h1::after { background: #5ab99b;}
#par1_c1 .article ul li:nth-child(3) h1::after { background: #4aa198;}
#par1_c1 .article ul li:nth-child(4) h1::after { background: #388894;}
#par1_c1 .article ul li:nth-child(5) h1::after { background: #257191;}
#par1_c1 .article ul li:nth-child(6) h1::after { background: #0a598d;}

#par1_c2 {margin-bottom: 80px;}
#par1_c2 .article1 {margin-top: 50px;}
.sub_step{ position: relative; display: flex; flex-direction: row; justify-content: space-between;}
.sub_step::before{position: absolute; top: 50%; left: 50%; width: 1260px; height: 1px; margin-left: -630px; background: #bbb; content: ""; }
.sub_step li{ position: relative;}
.sub_step li>p{ }
.sub_step li.active .txt {background-color: #0768af; color: #fff; border: 1px solid #0768af; transition: all 0.3s;}
.sub_step li.active .intro-circle{ display: block;}
.sub_step li.active .txt h1 { color:#fff;}
.sub_step li.active .txt p { color:#fff;}
.sub_step li span.small {color:#777; font-weight: 300;}

.sub_step .txt{position: absolute; top: 0; left: 0; display: inline-block; width: 120px; height: 120px; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; font-size: 18px; font-weight: 500; color: #1c1c1c; text-align: center; padding-top: 40px;}
.sub_step .txt p {font-size: 13px; font-weight: 600; color: #0d0d2e;}
.sub_step .txt h1 {font-size: 16px; font-weight: 400; color:#666; word-break: keep-all;}

.intro-circle_wrap{position: relative; width:120px; height:120px; display: inline-block; }
.intro-circle{display:none; width:120px; height:120px; }
.intro-circle > span {    border-radius: 100%; position: absolute; top: 50%; left:50%; opacity: 0; margin: 0; width: 200px; height: 200px; border:2px solid #0768af; -webkit-animation: intro-circle 2s 0s linear infinite; animation: intro-circle 2s 0s linear infinite; margin-left: -100px; margin-top: -100px;}
.intro-circle > span:nth-child(2) { -webkit-animation-delay: -1s; animation-delay: -1s; }
.intro-circle > span:nth-child(3) {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

@keyframes intro-circle {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0.3;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes intro-circle {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0.3;
    }

    5% {
        opacity: 0.8;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}


#par1_c2 .article2 {margin-top: 80px;}
#par1_c2 .article2 ul {display: flex;}
#par1_c2 .article2 .sub_h2 {margin-bottom: 20px;}
#par1_c2 .article2 .s_table table thead td, #par1_c2 .article2 .s_table table thead th {border: none;}

#par1_c3 {margin-bottom: 80px;}
#par1_c3 .article {margin-top: 30px;}
#par1_c3 .article {display: flex; justify-content: space-between;}
#par1_c3 .article .box {width: 410px; border: 1px solid #ddd; padding: 30px;}
#par1_c3 .article .box:nth-child(1) {border-top: 4px solid #68d29e}
#par1_c3 .article .box:nth-child(2) {border-top: 4px solid #4aa198}
#par1_c3 .article .box:nth-child(3) {border-top: 4px solid #0a598d}
#par1_c3 .article .box h1 {font-size: 18px; font-family: 'NanumSquare',sans-serif; font-weight: 700; text-align: center; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ddd;}
#par1_c3 .article .box ul li {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.5px; margin-bottom: 10px; display: flex; align-items: flex-start;}
#par1_c3 .article .box ul li:last-child {margin-bottom: 0;}
#par1_c3 .article .box ul li::before {content: ''; display: block; width: 3px; height: 3px; background: #0867ae; margin-right: 8px; position: relative; top:9px;}

#par1_c4 {padding-bottom: 150px;}
#par1_c4 .article {position: relative; margin-top: 50px; height: 350px; }
#par1_c4 .article .top {display: flex; justify-content: flex-end; position: absolute; top: 0; width: 100%;}
#par1_c4 .article .btm {display: flex; justify-content: flex-start; align-items: flex-end; position: absolute; bottom: 0; width: 100%;}
#par1_c4 .article .top .box {width: 264px; margin-left: 150px;}
#par1_c4 .article .btm .box {width: 264px; margin-right: 150px;}
#par1_c4 .article .box .icon {width: 100%; height: 257px; display: flex; flex-direction: column; justify-content: center; text-align: center;}
#par1_c4 .article .box1 .icon {background: url('../img/par1_c4_bg1.png')no-repeat 50% 50%; padding-top: 29px}
#par1_c4 .article .box2 .icon {background: url('../img/par1_c4_bg2.png')no-repeat 50% 50%; padding-bottom: 29px}
#par1_c4 .article .box3 .icon {background: url('../img/par1_c4_bg3.png')no-repeat 50% 50%; padding-top: 29px}
#par1_c4 .article .box4 .icon {background: url('../img/par1_c4_bg4.png')no-repeat 50% 50%; padding-bottom: 29px}
#par1_c4 .article .box5 .icon {background: url('../img/par1_c4_bg5.png')no-repeat 50% 50%; padding-top: 29px}
#par1_c4 .article .box6 .icon {background: url('../img/par1_c4_bg6.png')no-repeat 50% 50%; padding-bottom: 29px}
#par1_c4 .article .icon h2 {font-size: 17px; font-weight: 700; color:#fff; font-family: 'NanumSquare',sans-serif;}
#par1_c4 .article .icon .img {margin: 15px 0;}
#par1_c4 .article .icon h1 {font-size: 14px; font-weight: 400; color:#fff; }

#par1_c4 .article .top .box .txt {margin-top: 20px;}
#par1_c4 .article .btm .box .txt {margin-bottom: 20px;}

#par1_c4 .article .box .txt { padding: 0 45px}
#par1_c4 .article .box .txt ul {}
#par1_c4 .article .box .txt ul li {font-size:13px; font-weight: 300; color:#666; letter-spacing: -.5px; margin-bottom: 5px; position: relative; padding-left: 12px; word-break: keep-all;}
#par1_c4 .article .box .txt ul li:last-child {margin-bottom: 0;}
#par1_c4 .article .box .txt ul li::before {content: ''; display: block; width: 3px; height: 3px; background: #0867ae;position: absolute; top:9px; left: 0;}

/* #par1_c4 .article .box:nth-child(2n) {margin-top: -120px;} */




@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}