/********************* sub *********************************/
.sub-box{
background-color:#fff;
background-image:url(img/sub-box-bg.jpg);
background-size:cover;
background-attachment: fixed;
background-position:50%;
padding:180px 0 100px;
line-height:1.7;
}
.sub-tit{
width:96%;
max-width:1280px;
margin:0 auto;
color:#111;
font-weight:800;
font-size:65px;
text-align:center;

}
.st-color1{
color:#0f357c;
}
.st-color2{
color:#1f5ebc;
}
.st-ff1{
font-family: Cafe24Shiningstar;
font-weight:400;
}

.sub2-nav{
display:flex;
justify-content: center;
gap:50px;
margin-bottom:50px;
}
.sub2-nav p{
width:50px;
height:50px;
border:3px rgba(0,0,0,0.3) solid;
border-radius:9999px;
display:flex;
justify-content: center;
align-items: center;
color: rgba(0,0,0,0.5);
letter-spacing: 0em;
font-weight:700;
font-size:20px;
}

.sub2-nav p.on{
background:#2175f1;
border-color:#2175f1;
color:#fff;
}

.sub-area{
padding:80px 0;
}


.sub0105-box{
position:relative;
margin-top:50px;
}

.sub0105-tit{
display:inline-block;
padding:0 65px;
line-height:65px;
color:#fff;
background:#0c3274;
position:absolute;
left:0;
top:0;
z-index:77;
}

/*sub-slide-callery*/
.sub0105-tit {
    display: inline-block;
    padding: 0 65px;
    line-height: 65px;
    color: #fff;
    background: #0c3274;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 77;
}
.sub-interior{
width:100%;
margin:0 auto;
text-align:center;
overflow:hidden;
position:relative;
}
.sub-interior .slick-arrow{
position:absolute;
right:0;
top:50%;
margin-top:-25px;
width:50px;
height:50px;
font-size:0;
background:url(img/si-next.gif);
background-size:cover;
z-index:9;
}
.sub-interior .slick-arrow.slick-prev{
left:0;
background-image:url(img/si-prev.gif);
}

.sub-interior .slick-list {
    position: relative;
    z-index: 1;
}
.si-img{
position:relative;
width:100%;
padding-top:65%;
overflow:hidden;
box-sizing:border-box;
background:#000;
}

.si-img img{
position:absolute;
left:50%;
top:50%;
max-width:100%;
}

.sa-tit1{
text-align:center;
font-weight:700;
font-size:45px;
margin-bottom:30px;
}
.sa-tit2{
text-align:center;
font-size:36px;
line-height:1.2;
margin-bottom:30px;
}
.sa-tit2 em{
font-weight: 800;
color: #0444b9;
font-size:18px;
display:block;
letter-spacing: 0em;
margin-bottom:20px;
}
.sa-tit2 span{
font-weight:200;
display:block;
opacity:0.6;
margin-bottom: 10px;
}
.sa-tit2 p{
font-weight:700;
font-size:1.25em;
}
.sa-tit2 p.sa-tit2-p{
font-size:20px;
font-weight:400;
margin-top:20px;
line-height:1.5;

}

.sa-tit2 p.sa-tit2-p2{
font-size:35px;
margin-top:30px;
}
.sa-tit2 p.satp-color1{
color: #1f5ebc;
}
.sa-box1{
width:96%;
max-width: 1280px;
margin:0 auto;
background:#fff;
border-radius:30px;
padding:50px 50px;
box-sizing:border-box;
}
.sa-box1-1{
display:flex;
gap:4%;
}
.sa-box1-1 section{
width:48%;
}
.sa-box1-1 section .sa-p9{
height:200px;
word-break: keep-all;
}



.sub-img{
border-radius:30px;
overflow:hidden;
width:100%;
margin:0 auto;
max-width:1280px;
}
.sub-img img{
width:100%;
}
.si-ww{
max-width:1100px;
}

.sab-area1{
display:flex;
justify-content: space-between;
padding-bottom:20px;
}
.sab-area1.sa1-manus{
padding-bottom:0;
}
.sab-area1.sa-center{
align-items: center;
justify-content: center;
}

.sa1-border{
border-top:5px #eeeeee solid;
}

.saba1-left{
width:50%;
box-sizing:border-box;
padding-right:50px;
word-break: keep-all;
}
.saba1-right{
width:40%;
word-break: keep-all;
}

.sab-area1.sa1-1{
padding-bottom:0;
}
.sab-area1.sa1-1 .saba1-left{
width:25%;
}
.sab-area1.sa1-1 .saba1-right{
width:70%;
}

.saba1-right.sb1r-1{
max-width:320px;
}
.sa-p1{
font-size:20px;
color:#444;
word-break: keep-all;
}
.sa-p1 strong{
font-weight:600;
color:#333;
}
.sp-color1{
font-weight:800;
color:#0444b9;
}
.sp-color2{
font-weighT:800;
background:#0444b9;
display:inline-block;
padding:3px 20px;
border-radius:999px;
color:#fff;
}
.sa-p2{
font-weight:800;
font-size:1.5em;
margin-bottom:20px;
}
.sap2-span1{
font-weight:300;
display:inline-block;
margin-left:5px;
font-size: 20px;
color: #444;
}
.sa-p3{
margin:5px 0;
font-weight:800;
}

.sa-p4{
display:inline-block;
background:#363b52;
padding:10px 40px;
color:#fff;
font-size:1.25em;
font-weight:700;
border-radius:999px;
margin-bottom:20px;
}

.sa-p5{
text-align:center;
font-weight:800;
font-size:55px;
margin-bottom:70px;
}
.sa-p5 span{
opacity:0.8;
font-weight:300;
display:block;
marign:0 auto;
}

.sa-p6{
text-align:center;
color:#444;
font-weight:00;
font-size:28px;
width:96%;
max-width:1280px;
margin:30px auto 0;
word-break: keep-all;
}
.sa-p6 strong{
font-weight:800;
display:block;
font-size:30px;
margin-bottom:20px;
}

.sa-p7{
font-weight:700;
font-size:41px;
margin-bottom:20px;
word-break: keep-all;
}
.sa-p8{
font-size:22px;
opacity:0.8;
word-break: keep-all;
}
.sa-p9{
text-align:center;
font-size:20px;
word-break: keep-all;
margin:50px 0;
line-height:1.7;
}
.sa-p9 p{
margin-top:15px;
}
.sa-p10{
font-weight:600;
font-size:1.3em;
margin-bottom:20px;
color:#666;
}

.sa-p11{
text-align:center;
opacity:0.8;
font-weight:200;
font-size:28px;
}

.sa-p12{
text-align:center;
font-weight:00;
font-size:20px;
width:96%;
max-width:1280px;
margin:30px auto 0;
word-break: keep-all;
}

.sa-p13{
color:rgba(0, 0, 0, 0.529);
font-size:20px;
margin-bottom:20px;
display:flex;
gap:10px;
}
.sa-p13 span{
background:rgba(0, 0, 0, 0.1);
padding:0 20px;
border-radius:999px;
}

.sa-p14{
font-weight:700;
font-size:32px;
margin-bottom:20px;
word-break: keep-all;
}

.sub-top2{
width:96%;
max-width:1280px;
margin:50px auto;
padding-top:50px;
display:flex;
border-top:1px rgba(0,0,0, 0.1) solid;
}
.st2-left{
flex-shrink: 0;
width: 55%;
font-weight:800;
font-size:48px;
line-height:1.5;
}
.st2-left span{
font-size:32px;
font-weight:300;
dispaly:block;
}

.st2l-p1{
font-size:18px;
opacity:0.4;
font-weight:500;
margin-top:30px;

}

.st2l-p3{
font-size:22px;
opacity:0.8;
font-weight:300;
margin-top:30px;
}
.st2-right{
flex-grow: 1;
}
.st2-right.st2r-41{
display:flex; justify-content:flex-end
}


.sab-area2{
padding-bottom:40px;
}
.sab-area3{
border-top:1px #e0e0e0 dashed;
margin-top:50px;
padding-top:50px;
}
.sa2-center{
text-align:center;
padding-top:50px;
margin-top:50px;
}

.sab-area4{
text-align:center;
width:96%;
max-width:1280px;
margin:50px auto;

}
.sa4-p1{
font-size:1.25em;
margin-bottom:10px;
}

.sa4-p2{
word-break: keep-all;
font-weight:300;
margin-bottom:20px;
}
.sa4-p3{
background:rgba(255,255,255,0.7);
border-radius:10px;
padding:20px;
font-size:0.95em;
color:#888;
}
.sa4-p3 strong{
display:inline-block;
margin-left:10px;
}

.ma80{
margin-top:40px;
}
.pa80{
padding-top:40px;
}
.pa50{
padding-top:20px;}
.ma50{
margin-top:20px;
}
.ma30{
margin-top:15px;
}
.ma20{
margin-top:10px;
}
.ma10{margin-bottom:5px;}


.sab-slide1{
width:100%;
overflow:hidden;
border-radius:10px;
border:1px #f2f2f2 solid;
box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
box-sizing:border-box;
background:#ebebeb;

}
.sab-slide1 .slick-list{
margin-bottom:-10px;
margin-left:-5px;

}
.sab-slide1 .slick-slide{
margin-left:5px;

}
.sabs1-box{
box-sizing:border-box;
overflow:hidden;
width:100%;

}
.sabs1-box img{
width:100%;
}





.sub3-slide{
width:100%;
padding:50px 0;
}

.sub3-slide .slick-track{
display:flex;
gap:40px;
}
.sub3-slide .slick-slide{
width:700px;
border-radius:20px;
overflow:hidden;
}

.sub-ul1{
display:flex;
justify-items: center;
width:96%;
max-width:1280px;
margin:50px auto 80px;
}
.ma-minus{
margin-top:-20px;
}
.ma-minus-b{
margin-bottom:10px;
}
.sub-ul1 li{
font-size:20px;
flex-grow: 1;
text-align:center;
border-left:1px rgba(255,255,255,0.1) solid;
}
.sub-ul1 li:first-child{
border-left-width:0;
}

.sub-ul1 li i{
opacity:0.2;
font-size:40px;
margin-bottom:20px;
display:block;
}
.sub-ul1 li i.xic-color{
color:#0444b9;
opacity:1;
}
.sub-ul1 li span{
letter-spacing: 0em;
font-size:22px;
font-weight:800;
opacity:0.2; 
margin-right:10px;
}
.sub-ul1.su1-3{
max-width:970px;
}
.sub-ul1.su1-2{
flex-wrap:wrap;
max-width:800px;
}
.sub-ul1.su1-2 li{
width:100%;
display:flex;
align-items: center;
border-left:0;
border-top:1px rgba(0,0,0,0.1) solid;
padding:15px 0;
}
.sub-ul1.su1-2 li:first-child{
border-top-width:0;
}

.sub-ul1.su1-color li{
color:#777;
border-color:rgba(0,0,0,0.1);
display:flex;
flex-direction: column;
}
.sub-ul1.su1-color li em{
letter-spacing: 0em;
font-size:22px;
font-weight:800;
opacity:0.2; 
}
.sub-ul1.su1-color li strong{
display:block;
font-weight:800;
color:#000;
font-size:22px;
margin-bottom:10px;
}
.sub-ul1.su1-width li{
width:50%;
flex-shrink: 0;
}
.sub-ul1.su1-width2{
flex-wrap: wrap;
}
.sub-ul1.su1-width2 li{
width:20%;
}
.sub-ul1.su1-color2{
max-width:100%;
margin-bottom:50px;
}
.sub-ul1.su1-color2 li{
color:#333;
border-color:#e0e0e0;
width:50%;
}

.sub-ul1.su1-color2 li:nth-child(2){
border-width:0;
}
.sub-ul1.su1-color3{
max-width:1280px;
margin:0 auto;
}
.sub-ul1.su1-color3 li{
color:#333;
border-color:#e0e0e0;
align-items: flex-start;
}
.sub-ul1.su1-color3 li p{
text-align:left;
}

.sub-ul1.su1-check li{
dispalay:flex;
justify-content: space-between;
align-items: center;
gap:10px;
}
.sub-ul1.su1-check li i{
color:#a6aebc;
opacity:1;
margin-bottom:0;
flex-shrink: 0;
}
.sub-ul1.su1-check li span{
flex-shrink: 0;
}
.sub-ul1.su1-check li p{
flex-grow: 1;
text-align:left;
}
.sub-ul2{
display:flex;
gap:4%;
flex-wrap:wrap;
}
.sub-ul2 li{
width:48%;
}

.su1-round{
gap:2%;
align-items: center;
}
.su1-round li{
background:#fff;
border-radius:30px;
width:23.5%;
padding:40px 0;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.su1-img{
width:80%;
max-width:90px;
margin-bottom:15px;
}

.sub-ul2.su2-w4{
gap:2%;
}
.sub-ul2.su2-w4 li{
flex:1 1 25%;
}
.sub-ul2.su2-w5{
gap:1%;
}
.sub-ul2.su2-w5 li{
flex:1 1 19%;
}
.sub-ul2.su2-ma li{
margin-bottom:15px;
}

.su2-txt{
text-align:center;
margin-top:10px;
font-weight:600;
font-size:22px;
color:#666;
}

.sub-ul3 > li{
display:flex;
margin:10px 0;
padding:20px;
gap:30px;
background:#eff0f2;
border-radius:10px;
}
.sub-ul3 span{
font-weight:800; 
width:120px;
flex-shrink: 0;
text-align:center;
font-size:20px;
}
.sub-ul3.su3-w2 span{
width:180px;
}
.sub-ul3 i{
color:#999;
margin:0 5px;
}

.sub-ul3.su3-w2 p{
font-weight:500;
line-height:1.5;
margin-bottom:10px;
word-break:keep-all;
color:#444;
}

.su3-ul li{
color:#555;
font-size:0.95em;
display:flex;
gap:5px;
}
.su3-ul li:before{
width:3px;
height:3px;
content:"";
display:block;
background:#bbb;
border-radius:999px;
flex-shrink: 0;
margin-top:12px;
}

.su3-p1{
margin:5px 0;
font-weight:800;
}

.sub-ul4{
display:flex;
gap:2%;
flex-wrap:wrap;
}

.sub-ul4 li{
width:23.5%;
}

.sub-ul4.su4-w2 li{
width:31.333%;
}

.sub-ul4 li > div{
width:100%;
padding-top:100%;
position:relative;
}
.sub-ul4 li > div > div{
background:#f2f2f2;
border-radius:9999px;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
align-items: center;
justify-content: center;
display:flex;
flex-direction: column;
text-align:center;
font-weight:600;
font-size:22px;
line-height:1.3;
}


.sub-ul4 li span{
font-weight:800;
letter-spacing: 0em;
font-size:1.5em;
color:#999;
}
.sub-ul4 li span:after{
content:"";
display:block;
width:20px;
height:3px;
background:#e0e0e0;
margin-top:20px;
margin:10px auto;
}

.sub-ul4 li img{
width:70%;
}

.sub-ul4.su4-w2 li > div{
padding-top:75%;
}
.sub-ul4.su4-w2 li > div > div{
background:transparent;
font-size:20px;
}
.sub-ul4.su4-w2 li span:after{
background:transparent;
}

.su4-2{
width:96%;
max-width:1280px;
margin:0 auto;
}
.su4-2 li{
width:15%;
}

.su4-2 li > div > div{
background:#fff;
}
.su4-2 li span{
font-size:22px;
color:#344d86;
}
.su4-2 li > div > div{
font-size:18px;
}
.su4-2.su4-line-color li > div > div{
border:5px #537197 solid;
}

.su4-2.su4-line-color li:nth-child(2) > div > div{
border-color:#344d86;
}
.su4-2.su4-line-color li:nth-child(2) span{
color:#344d86;
}
.su4-2.su4-line-color li:nth-child(3) > div > div{
border-color:#293972;
}
.su4-2.su4-line-color li:nth-child(3) span{
color:#293972;
}
.su4-2.su4-line-color li:nth-child(4) > div > div{
border-color:#20285a;
}
.su4-2.su4-line-color li:nth-child(4) span{
color:#20285a;
}
.su4-2.su4-line-color li:nth-child(5) > div > div{
border-color:#161d46;
}
.su4-2.su4-line-color li:nth-child(5) span{
color:#161d46;
}
.su4-2.su4-line-color li:nth-child(6) > div > div{
border-color:#0f1027;
}
.su4-2.su4-line-color li:nth-child(6) span{
color:#0f1027;
}

.sub-ul5{
display:flex;
gap:2%;
flex-wrap:wrap;
}
.sub-ul5 li{
width:32%;
}
.sub-ul5.su5-w2 li{
width:49%;
margin:20px 0;
}

.sub-ul5.su5-w3 li{
width:23.5%;
}
.su5-txt{
margin-top:20px;
text-align:center;
word-break: keep-all;
}
.su5-txt strong{
display:flex;
justify-content: center;
align-items: center;
gap:10px;
font-weight:700;
font-size:22px;
margin-bottom:10px;
}

.su5-txt strong span{
display:flex;
width:40px;
height:40px;
justify-content: center;
align-items: center;
background:#f2f2f2;
border-radius:999px;
color:#777;
font-weight: 800;
letter-spacing: 0em;
font-size:18px;
}

.sub-ul6 li{
border-top:1px #e0e0e0 solid;
padding:20px 0;
}


.sub-ul6 li p{
font-size: 1.25em;
font-weight: 800;
display:flex;
gap:10px;
}
.sub-ul6 li p span{
letter-spacing: 0em;
opacity: 0.4;
}
.sub-ul6 li div{
color:#666;
padding-left:38px;
}

.sub-ul7{
display:flex;
gap:2%;
width:96%;
max-width:1280px;
margin:0 auto;
}
.sub-ul7 li{
width:32%;
background:#fff;
border-radius:20px;
display:flex;
flex-direction:column;
text-align:center;
padding:30px;
}
.sub-ul7 li span{
font-weight: 800;
letter-spacing: 0em;
font-size: 1.5em;
color: #bbb;
}
.sub-ul7 li span:after {
content: "";
display: block;
width: 20px;
height: 3px;
background: #e0e0e0;
margin-top: 20px;
margin: 10px auto;
}

.sub-ul7 li strong{
font-weight:800;
font-size:28px;
}

.sub-ul7 li p{
word-break: keep-all;
color:#666;
margin-top:20px;
}
.sub-ul7.su7-w2{
flex-wrap:wrap;
}
.sub-ul7.su7-w2 li{
padding:0;
border-radius:0;
background:transparent;
width:49%;
margin-bottom:50px;
}

.sub-ul7.su7-w2 li p{
opacity:0.8;
}

.acodian1{
width:96%;
max-width:1280px;
margin:0 auto;

box-sizing:border-box;
}
.acodian1 dl{
background:#fff;
border-radius:20px;
margin-bottom:10px;
overflow:hidden;
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}

.acodian1 dt{
color:#444;
text-transform: uppercase;
letter-spacing: 0em;
font-size:20px;
background-image:url(img/acd-down.png);
background-position:98% 50%;
background-size:20px;
background-repeat:no-repeat;
padding:20px;
padding-right:40px;
cursor:pointer;
box-sizing:border-box;
font-weight:600;
}

.acodian1 dt.on{
background-image:url(img/acd-up.png);
color:#111;
}

.acodian1 dt span{
font-weight:700;
display:inline-block;
width:30px;
opacity:0.5;
}

.acodian1 dd{
padding:20px 0;
color:rgba(0,0, 0, 0.7);
background:#f8f8f8;
padding:20px;
}

.qa-ul1 li{
display:flex;
gap:10px;
margin-top:15px;
border-top:1px #e0e0e0 dashed;
padding-top:15px;
}
.qa-ul1 li:first-child{
margin-top:0;
border-top-width:0px;
padding-top:0;
}
.qa-ul1 li span{
letter-spacing: 0em;
font-size: 20px;
font-weight: 800;
opacity: 0.6;
}
.qa-ul1 li p{
margin-top:3px;
word-break: keep-all;
}
.qa-ul1 li p em{
margin-top:5px;
display:flex;
font-size:0.9em;
opscity:0.8;
}

.sb-ul1 li{
padding:3px 0;
}

.ul-type2 li{
display:flex;
gap:30px;
margin-top:40px;
padding-top:40px;
align-items: flex-end;
border-top:1px #e0e0e0 solid;
}
.ult2-txt{
width:70%;
flex-shrink: 0;
word-break: keep-all;
margin-bottom:20px;
word-break:keep-all;
}
.ult2-txt p{
font-size:1.25em;
font-weight:800;
}
.num1{
font-weight:800;
letter-spacing: 0em;
opacity:0.4;
font-size:1.5em;
}

.ult2-txt p.t-color1{
color:#15397b;
}

/*커뮤니티*/
.sub-box2{
padding: 180px 0 100px;
line-height: 1.7;
}
.sub-box2 .sub-tit{
color:#333;
}

.sb2-area{
width:96%;
max-width:1280px;
margin:50px auto 0;
}

.table-type1{
border-top:2px #000 solid;
width:100%;
table-layout: fixed;
margin-bottom:40px;
}

.table-type1 thead th,
.table-type1 .thead-color th{
background:#f5f5f5;
border:1px #ccc solid;
color:#111;
font-weight:600;
padding:10px;
}
.table-type1 tbody th{
border:1px #ccc solid;
color:#111;
font-weight:600;
padding:10px;
}
.table-type1 td{
border:1px #ccc solid;
text-align:center;
font-size:0.95em;
padding:10px;
color:#666;
}
.s11-box{
color:#888;
}

.sa-tab{
display:flex;
}
.sa-tab p{
cursor:pointer;
width:50%;
background:#e7ecf1;
text-align:center;
font-size:22px;
font-weight:600;
padding:15px 0;
}
.sa-tab p.current{
background:#1566f1;
color:#fff;
}

.sa-box2{
width:96%;
max-width: 1280px;
margin:0 auto;
background:#fff;
border-radius:30px;
box-sizing:border-box;
overflow:hidden;
}
.sa-box2 .sab-area1{
padding:50px;
}

.tab-content > div{
display:none;
}
.tab-content > div.current{
display:flex;
}

.sa-box3{
border-radius:20px;
width:96%;
max-width:1280px;
margin:0 auto;
background:#fff;
overflow:hidden;
}

.sa-box4{
width:96%;
max-width:1280px;
margin:0 auto;
}

.sa-table1{
width:100%;
text-align:center;

}
.sa-table1 th{
border:1px #e0e0e0 solid;
padding:25px;
background:#dde0e0;
font-weight:700;
font-size:22px;
}
.sa-table1 th.sta-h1{
background:#0444b9;
border-color:#0444b9;
color:#fff;
font-weight:700;
font-size:22px;
}
.sa-table1 th.sta-h2{
background:#262c36;
border-color:#262c36;
color:#fff;
font-weight:700;
font-size:22px;
}
.sa-table1 td{
border:1px #dde0e0 solid;
padding:25px;
background:#fff;
}
.sa-table1 td.sta-b1{
background:#edf0f9;
color:#343846;
border-color:#d8dce5;
font-weight:600;
}
.sa-table1 td.sta-b2{
background:#fff;
color:#444;
border-color:#dde0e0;
}

.sub-bg1{
background:url(img/s4-4.jpg);
background-size:50%;
background-position:100% 100%;
background-repeat:no-repeat;
padding-bottom:30px;
}



.sub-doc-box{
width: 96%;
max-width: 1280px;
margin: 0 auto;
word-break: keep-all;
}