@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}



#ctt_con .nco {overflow:hidden;border:3px solid #f9f9f9;padding:30px;box-sizing:border-box;max-width:1230px;margin:0 auto;font-family:'NanumSquareR';font-size:1.2em;margin-bottom:10px;}
#ctt_con .nco.on{display:block;}
#ctt_con .nco h2{text-align:center;font-size:28px;font-weight:600;font-family:'Noto Sans KR','Noto';position:relative;}
#ctt_con .nco h2::after{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);height:4px;width:100px;background-color:#476b8f;}
#ctt_con .nco h3{font-size:1.2em;margin-top:50px;margin-bottom:10px;font-weight:normal;color:#389eb4;}
#ctt_con .nco h3:first-child{margin-top:0;}
#ctt_con .nco h4 {font-size:0.98em;margin-left:20px;margin-top:30px;margin-bottom:10px;}
#ctt_con .nco .h4_ul{margin-left:40px;font-size:0.95em;}
#ctt_con .nco .h4_ul li{list-style:disc;margin-bottom:10px;line-height:1.5;}
#ctt_con .nco .h3_p{margin-left:20px;text-indent:-10px;line-height:22px;margin-bottom:20px;}
#ctt_con .nco .h3_p.no_indent{text-indent:0;}
#ctt_con .nco .nco_table{border-collapse:collapse;width:100%;text-align:center;font-family:'NanumSquareL';margin-top:30px;}
#ctt_con .nco .nco_table:first-child{margin-top:0px;}
#ctt_con .nco .nco_table caption{text-align:left;font-size:1.4em;font-weight:bold;line-height:1.5;}
#ctt_con .nco .nco_table th{background-color:#389eb4;color:white;font-size:1em;border-right:1px solid rgba(255,255,255,0.3);padding:12px 0;line-height:1;border-bottom:1px solid rgba(255,255,255,.3);font-weight:normal;}

#ctt_con .nco .nco_table tr:hover{background:#f9f9f9;}
#ctt_con .nco .nco_table td{border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:20px 10px;font-size:1em;line-height:1.5}
#ctt_con .nco .nco_table .w10{width:10%;}
#ctt_con .nco .nco_table td.td_left{text-align:left;}
#ctt_con .nco .nco_table td:last-child{border-right:none;}
#ctt_con .nco .nco_table td.td_title{background:#f9f9f9;color:#124cac;font-family:'NanumSquareR'}
#ctt_con .nco .nco_table td.td_tit{background:#f9f9f9;}

#ctt_con .nco .nco_table td.td_total{background-color:#666;color:white;}
#ctt_con .nco .nco_table td .td_ul{list-style:disc;margin-left:15px;}
#ctt_con .nco .nco_table td .td_ul li{margin-bottom:10px;}
#ctt_con .nco .nco_table td .td_ul li:last-child{margin-bottom:0;}
#ctt_con .nco .nco_table.top_{border-top:1px solid #dfdfdf;}
#ctt_con .nco .nco_table.top_ th,#ctt_con .nco .nco_table.top_ td{padding:10px;}
#ctt_con .nco .nco_table.top_ td:last-child{border-right:1px solid #dfdfdf;}
#ctt_con .nco .nco_table.top_ td p{font-size:0.9em;text-indext:-10px;padding-left:10px;}

#ctt_con .nco .nco_ul{margin-left:25px;font-size:1em}
#ctt_con .nco .nco_ul li{list-style:disc;margin-bottom:10px;}
#ctt_con .nco .arrow_ul {width:90%;margin:0 auto;}
#ctt_con .nco .arrow_ul li{background:#e9e9e9;border-radius:5px;text-align:center;padding:25px 0;margin-bottom:50px;position:relative;transition:0.5s}
#ctt_con .nco .arrow_ul li:hover{letter-spacing:5px;}

#ctt_con .nco .arrow_ul li:after{content:'';position:absolute;border-left:30px solid transparent;border-right:30px solid transparent; border-bottom:0;border-top:30px solid #e9e9e9;left:50%;width:0px;height:0px;transform:translateX(-50%);bottom:-30px;}
#ctt_con .nco .arrow_ul li:last-child:after{display:none;}
#ctt_con .nco ul.coop7 li{width:100%;border:3px solid #389eb4; margin-bottom:30px;padding:20px;position:relative;padding-left:55px;color:#389eb4;font-weight:bold;}
#ctt_con .nco ul.coop7 li .number{display:inline-block;font-size:45px;font-family:'Noto';position:absolute;top:15px;left:20px;font-weight:700;color:#389eb4;line-height:1}
#ctt_con .nco ul.coop7 li p{font-weight:normal;color:black;font-size:0.9em;margin-top:5px;text-indent:-10px;margin-left:10px;line-height:1.5}
#ctt_con .nco ul.coop7 li p .orange{color:orangered}

#ctt_con .nco #yoohyeong td{width:14.28%;}
#ctt_con .nco #business th, #ctt_con .nco #business td{width:14.28%;}
#ctt_con .nco #business th{border-bottom:1px solid rgba(255,255,255,0.3)}
#ctt_con .nco #business td{border:1px solid #dfdfdf;}
#ctt_con .nco2_table{width:100%;border-top:1px solid #389eb4;margin-top:30px;font-size:1.2em;}
#ctt_con .nco2_table td, #ctt_con .nco2_table th{border-bottom:1px solid #aaa;padding:15px 10px;}


#ctt_con .nco ul.mean{display:flex;gap:30px;flex-wrap:wrap;}
        #ctt_con .nco ul.mean li{width:22%;padding:15px;border:1px solid #ddd;}
        #ctt_con .nco ul.mean li dl{text-align:center;}
        #ctt_con .nco ul.mean li dt{font-size:18px;font-weight:600;margin-bottom:15px;color:#e97210;font-family:'IBM Plex Sans KR',:'Noto';}
        #ctt_con .nco ul.mean li dd{line-height:1.5;}

#ctt_con .nco .social-content {
    margin: 0px 0px 50px 0px;
}

#ctt_con .nco .social-content h4 {
    font-size: 18px;
    font-weight: bold;
    color: #0058bc;
    background: url(/theme/basic/img/sub/square.png) left no-repeat;
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 25px 0px;
    letter-spacing: -0.03em;
}

#ctt_con .nco .social-content p {
    margin: 0px 0px 20px 0px;
    font-weight: normal;
}

#ctt_con .nco ul.content-li {
    padding: 10px 25px 10px 40px;
}

#ctt_con .nco ul.content-li, ul.content-li2, ul.content-li2-1 {
    border: 2px solid #dddddd;
}

#ctt_con .nco ul.content-li li, ul.content-li2 li, ul.content-li2-1 li {
    line-height: 24px;
    margin: 12px 0px;
    list-style: square;
}


#ctt_con .nco .social-img01 {
    position: relative;
    text-align: center;
    padding: 45px 0px;
	margin:20px 0;
}

#ctt_con .nco .social-img01 p {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.07em;
    position: absolute;
}
#ctt_con .nco .social-img01 p:before{position:absolute;content:'';width:80px;height:3px;background:#dfdfdf;left:0;top:50%;transform:translateY(-50%);}
#ctt_con .nco .social-img01 p:after{position:absolute;content:'';width:80px;height:3px;background:#dfdfdf;right:0;top:50%;transform:translateY(-50%);}

#ctt_con .nco .social-img01 p.cate01 {
    color: #0f8a2c;
    min-width: 320px;
    top: 15px;
    left: 60px;
}

#ctt_con .nco .social-img01 p.cate02 {
    color: #0092cf;
    min-width: 320px;
    top: 15px;
    right: 60px;
}


#ctt_con .nco .social-img01 ul li {
    display: inline-block;
    width: 18%;
    vertical-align: middle;
    padding: 110px 0px;
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.05em;
    margin: 0% 0.8%;
}

#ctt_con .nco .social-img01 ul li.img01 {
    background: url(./img/social-img01.png) center no-repeat;
}

#ctt_con .nco .social-img01 ul li.img02 {
    background: url(./img/social-img02.png) center no-repeat;
}

#ctt_con .nco .social-img01 ul li.img03 {
    background: url(./img/social-img03.png) center no-repeat;
}

#ctt_con .nco .social-img01 p.cate03 {
    
    color: #2a2a2a;
    min-width: 490px;
    bottom: 0px;
    left: 50%;
	transform:translateX(-50%);
}
#ctt_con .nco .social-img01 p.cate03:before{width:150px;}
#ctt_con .nco .social-img01 p.cate03:after{width:150px;}

#ctt_con .nco ul.content-li2 {
    padding: 20px 25px 20px 42px;
}

#ctt_con .nco .content-li2 li {
    list-style: none;
}

#ctt_con .nco .content-text {
    border: 2px solid #dddddd;
    padding: 20px 25px;
}


#ctt_con .nco .content-li3 {
    margin-top: 35px;
    text-align: center;
}

#ctt_con .nco .content-li3 li {
    list-style: none;
    width: 24%;
    margin: 0% 0.3%;
    display: inline-block;
    vertical-align: top;
}

#ctt_con .nco .content-li3 li h3 {
    background: url(./img/content-li3-bg.png) right no-repeat;
    background-size: cover;
    height: 80px;
    color: #fff;
    text-align: center;
    letter-spacing: -0.05em;
    padding: 28px 0px 0px 0px;
    font-size: 22px;
}

#ctt_con .nco .content-li3 li p {
    border: 1px solid #ddd;
    color: #000000;
    text-align: center;
    padding: 50px 25px;
}

#ctt_con .nco .content-li2-1 {
    padding: 20px 42px;
}

#ctt_con .nco ul.content-li2-1 li {
    list-style: none;
}

#ctt_con .nco ul.content-li2-1 li ul {
    padding: 0px 25px;
}

#ctt_con .nco ul.content-li2-1 li ul li {
    list-style: square;
    margin: 5px 0px;
    font-weight: normal;
}

#ctt_con .nco table.type1 {
    clear: both;
    width: 100%;
    border: 1px solid #d5d5d5;
    border-top: 2px solid #0058bc;
    font-size: 14px;
    margin-bottom: 10px;
	border-collapse:collapse;
}


#ctt_con .nco table.type1 th {
    background: #f7f7f7;
    color: #4e4e4e;
    font-weight: bold;
    text-align: center;
}

#ctt_con .nco table.type1 th, .content_body table.tbl_type1 td {
    padding: 15px 10px;
    border: 1px solid #d5d5d5;
    border-top: 0px;
    color: #575757;
}


#ctt_con .nco table.type1 tr td {
    border-right: 1px solid #ddd;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    line-height: 18px;
    font-weight: normal;
}


#ctt_con .nco div.content-img {
    background: #eeeeee;
    display: inline-block;
    width: 100%;
}


#ctt_con .nco ul.content-li2-1 li b {
    color: #0058bc;
}


#ctt_con .nco ul.content-li2-1 li ul li ul li {
    list-style: circle;
}

#ctt_con h4.year{text-align:center;display:inline-block;padding:0 15px;background-color:#999;color:white;border-radius:3px;height:30px;line-height:30px;font-weight:normal;}
#ctt_con h4.year::after{content:'';display:block;clear:both;}

@media (max-width:969px){
#ctt{padding:0;}
#ctt_con .nco {padding:20px 5px;}

#ctt_con .nco ul.coop7 li{padding:20px;position:relative;width:100%;}
#ctt_con .nco ul.coop7 li .number{position:absolute;left:90%;top:0;}

}