@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;font-family:'IBM Plex Sans KR',:'Noto Sans KR','Noto';}
.ctt_img {text-align:center}



#ctt_con h3{font-size:22px;font-weight:500;}
#ctt_con ul.together > li{border:1px solid #ddd;padding:30px 35px;margin-bottom:10px;}
#ctt_con ul.together > li h4{font-size:18px;margin:0;}
#ctt_con ul.together > li ul {margin-top:15px;}
#ctt_con ul.together > li  li{display:inline-block;width:48%;font-size:16px;position:relative;padding-left:100px;margin:5px 0;transition:.5s;}
#ctt_con ul.together > li  li::after{content:'';position:absolute;left:0;top:11px;width:3px;height:3px;background-color:#666;font-weight:300;}
#ctt_con ul.together > li  li strong{position:absolute;left:8px;}
#ctt_con .nco {overflow:hidden;padding:30px;box-sizing:border-box;max-width:1230px;margin:0 auto;font-family:'IBM Plex Sans KR',:'NanumSquareR';font-size:1.2em;display:none;}
#ctt_con .nco.on{display:block;}
#ctt_con .box_div{margin:30px 0 50px;font-family:'IBM Plex Sans KR',:'Noto Sans KR','Noto';text-align:center;position:relative;}
#ctt_con .jojic_div{height:540px;}
#ctt_con .box_div h3{text-align:left;}
#ctt_con .box_div p{margin:15px 0;font-size:16px;color:#666;text-align:justify;}
#ctt_con .box_div p.chairman{text-align:right;font-style:italic;}
#ctt_con .box_div p img{display:block;margin: 0 auto;width:100%;max-width:500px;}
#ctt_con .box_div p.jojicdo img{max-width:750px;}
#ctt_con .box_div h4{display:inline-block;margin:10px auto;padding:10px 50px;background-color:#0056b9;border:3px solid #ddd;text-align:center;color:white;font-size:18px;font-weight:500;border-radius:30px;}
#ctt_con .box_div ul.jojic_chair {position:absolute;top:120px;left:50%;width:200px; transform:translateX(-50%);height:435px;transition:.5s;}
#ctt_con .box_div ul.jojic_chair li{display:block;border:1px solid #ddd;font-size:16px;margin:15px 0;}
#ctt_con .box_div ul.jojic_chair li div{background-color:#74cd14;padding:10px;color:white;}
#ctt_con .box_div ul.jojic_chair li:first-child div{background-color:#0056b9;}
#ctt_con .box_div ul.jojic_chair li p{padding:10px;text-align:center;margin:0;}
#ctt_con .box_div .jojic_isa{position:absolute;left:50px;top:138px;font-size:16px;width:200px;transition:.5s;}
#ctt_con .box_div .jojic_isa dt{border:1px solid #ddd;background-color:#1cbeb8;padding:10px;color:white;}
#ctt_con .box_div .jojic_isa dd{padding:10px;border:1px solid #ddd;border-top:none;}
#ctt_con .box_div .gamsa {position:absolute;top:120px;right:30px;width:200px;transition:.5s;}
#ctt_con .box_div .gamsa li{display:block;border:1px solid #ddd;font-size:16px;margin:15px 0;}
#ctt_con .box_div .gamsa li div{background-color:#de5322;padding:10px;color:white;}
#ctt_con .box_div .gamsa li p{padding:10px;text-align:center;margin:0;}

#ctt_con h3{font-size:20px;font-weight:500;margin-top:50px;margin-bottom:10px;color:#006fba;padding-left:22px;background:url(./img/bul_squar.gif) no-repeat 0 8px;}
#ctt_con .nco h3{background-position:0 6px;}
#ctt_con .nco .spec{border-top:1px solid #ddd;}
#ctt_con .nco .spec li{margin:30px 0;padding:20px;padding-top:10px;border-bottom:1px solid #ddd;position:relative;box-sizing:border-box;}
#ctt_con .nco .spec li img{position:absolute;left:0;top:0px;width:60px;height:60px;float:left;}
#ctt_con .nco .spec li div{width:100%;padding-left:100px;box-sizing:border-box;top:0;position:relative;margin-top:-15px;}
#ctt_con .nco .spec li h4{font-size:18px;margin:0;padding:0;margin-bottom:10px;}
#ctt_con .nco .spec li dl{position:relative;}
#ctt_con .nco .spec li dl dt{position:absolute;left:0;color:#476b8f;font-weight:bold;padding-bottom:5px;}
#ctt_con .nco .spec li dl dd{width:100%;padding-left:70px;box-sizing:border-box;padding-bottom:5px;}

#ctt_con .nco .spec.spec3 dl{width:100%;padding-left:70px;margin-top:-10px;}
#ctt_con .nco .spec.spec3 dl dt{width:100%;margin:0;padding:0;display:block;position:relative;margin-bottom:10px;font-size:18px;}
#ctt_con .nco .spec.spec3 dl dd{padding-left:0;}

#ctt_con .nco .spec4_h4 {font-size:18px;font-weight:500;}
#ctt_con .nco ul.spec4{text-align:center;}
#ctt_con .nco ul.spec4 li{text-align:center;display:inline-block;margin:10px 1%;width:31%;vertical-align:top;background-color:#fafafa;padding:15px;box-sizing:border-box;}
#ctt_con .nco ul.spec4 li dl{width:95%;margin:0 auto;}
#ctt_con .nco ul.spec4 li dt{width:100%;padding:5px;border-radius:30px;background:#006191;color:white;font-weight:500;font-size:18px;margin-bottom:5px;}
#ctt_con .nco ul.spec4 li:nth-child(2) dt{background:#229e3a;}
#ctt_con .nco ul.spec4 li:nth-child(3) dt{background:#964195;}
#ctt_con .nco ul.spec4:last-child li:nth-child(1) dt{background:#e97210;}
#ctt_con .nco ul.spec4:last-child li:nth-child(2) dt{background:#e05276;}
#ctt_con .nco ul.spec4:last-child li:nth-child(3) dt{background:#009fad;}
#ctt_con .nco ul.spec4 li dd{padding:0 10px;}

#ctt_con .nco h5{text-align:center;font-size:28px;font-weight:600;font-family:'Noto Sans KR','Noto';position:relative;}

#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 h3:first-child{margin-top:0;}
#ctt_con 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:'IBM Plex Sans KR',:'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:'IBM Plex Sans KR',:'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:'IBM Plex Sans KR',:'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 .stats{margin-bottom:20px;width:100%;overflow:auto;}
#ctt_con .stats table{border-collapse:collapse;width:100%;min-width:1040px;}
#ctt_con .stats table caption{text-align:right;font-size:16px;}
#ctt_con .stats table th,#ctt_con .stats table td{font-size:16px;padding:8px 10px;text-align:center;}
#ctt_con .stats th {background-color:#476b8f;color:white;border-right:1px solid rgba(255,255,255,.7);font-weight:500;}
#ctt_con .stats td{border:1px solid #ddd;font-size:15px;}
#ctt_con .stats td:first-child{border-left:none;}
#ctt_con .stats td:last-child{border-right:none;}
#ctt_con .stats_map{position:relative;width:100%;overflow:auto;}
#ctt_con .stats_map  > img{width:100%;min-width:1040px;}
#ctt_con .stats_map ul{width:100%;}
#ctt_con .stats_map li{position:absolute;text-align:center;width:120px;min-width:100px;}
#ctt_con .stats_map li > img{display:block;transition:.5s;margin:0 auto;}
#ctt_con .stats_map li:hover > img{transform:translateY(-10px);}
#ctt_con .stats_map li  a{font-size:16px;font-weight:500;background:rgba(255,255,255,.5);transition:.5s;display:inline-block;border-radius:20px;padding:1px 5px;}
#ctt_con .stats_map li:hover  a {background:red;color:white;}
#ctt_con .stats_map li:nth-child(1){top:55%;left:457px /*44%*/;}
#ctt_con .stats_map li:nth-child(2){top:55%;left:665px /*64%*/;}
#ctt_con .stats_map li:nth-child(3){top:12%;left:624px /*60%*/;}
#ctt_con .stats_map li:nth-child(4){top:29%;left:821px /*79%*/;}
#ctt_con .stats_map li:nth-child(5){top:12%;left:770px /*74%*/;}
#ctt_con .stats_map li:nth-child(6){top:31%;left:426px /*41%*/;}
#ctt_con .stats_map li:nth-child(7){top:4%;left:530px  /*51%*/;}
#ctt_con .stats_map li:nth-child(8){top:50%;left: calc( 1040px * 0.26 );}
#ctt_con .stats_map li:nth-child(9){top:39%;left: calc( 1040px * 0.32 );}
#ctt_con .stats_map li:nth-child(10){top:45%;left: calc( 1040px * 0.58 );}
#ctt_con .stats_map li:nth-child(11){top:35%;left: calc( 1040px * 0.66 );}
#ctt_con .stats_map li:nth-child(12){top:38%;left: calc( 1040px * 0.16 );} /*신안*/
#ctt_con .stats_map li:nth-child(13){top:48%;left: calc( 1040px * 0.78 );} /*여수*/
#ctt_con .stats_map li:nth-child(14){top:15%;left: calc( 1040px * 0.31 );} /*영광*/
#ctt_con .stats_map li:nth-child(15){top:48%;left: calc( 1040px * 0.37 );} /*영암*/
#ctt_con .stats_map li:nth-child(16){top:83%;left: calc( 1040px * 0.44 );} /*완도*/
#ctt_con .stats_map li:nth-child(17){top:4%;left: calc( 1040px * 0.43 ) ;} /*장성*/
#ctt_con .stats_map li:nth-child(18){top:43%;left: calc( 1040px * 0.50 );} /*장흥*/
#ctt_con .stats_map li:nth-child(18) img{width:60px;}
#ctt_con .stats_map li:nth-child(19){top:72%;left: calc( 1040px * 0.21);} /*진도*/
#ctt_con .stats_map li:nth-child(20){top:24%;left: calc( 1040px * 0.33);} /*함평*/
#ctt_con .stats_map li:nth-child(21){top:68%;left: calc( 1040px * 0.34);} /*해남*/
#ctt_con .stats_map li:nth-child(22){top:27%;left: calc( 1040px * 0.52);} /*화순*/
#ctt_con .stats_map li:nth-child(22) img{width:100px}
#ctt_con .stats_map li div{position:relative;z-index:99;text-align:left;margin-top:5px;}
#ctt_con .stats_map li:nth-child(16) div{position:absolute;top:-20px;right:-50px;width:120px;}
#ctt_con .stats_map li:nth-child(19) div{position:absolute;top:0px;right:-50px;width:120px;}
#ctt_con .stats_map li .rCount{background-color:rgba(0,0,0,.8);padding:10px;color:white;font-size:12px;width:100%;border-radius:5px;transition:.5s;opacity:0;}
#ctt_con .stats_map li:hover .rCount{opacity:1;}

#ctt_con .history{margin-left:20px;padding-left:0px;}
#ctt_con .history li{font-size:16px;text-align:left;margin:10px 0;list-style:disc;}
#ctt_con .history li strong{display:inline-block;margin-right:10px;font-size:18px;}

#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{padding:10px;}
#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;}
#ctt_con .box_div{padding:10px;}
#ctt_con ul.together > li  li{display:block;width:100%;}
}

@media (max-width:760px){
    #ctt_con .box_div p{font-size:14px;}
    #ctt_con .jojic_div{height:auto;}
    #ctt_con .box_div p img{width:85%;}
    #ctt_con .box_div ul.jojic_chair, #ctt_con .box_div ul.gamsa, #ctt_con .box_div .jojic_isa{display:block;position:relative;margin-top:25px;top:0;width:100%;left:0px;height:auto;transform:translateX(0%);text-align:left;}
    #ctt_con .box_div ul.jojic_chair li, #ctt_con .box_div .jojic_isa dt, #ctt_con .box_div .jojic_isa dd, #ctt_con .box_div ul.gamsa li {display:inline-block;border:1px solid #ddd;margin:2.5px 0px ;}
    #ctt_con .box_div .jojic_isa dt, #ctt_con .box_div .jojic_isa dd{padding:10px 30px;margin:2.5px 0;}
    #ctt_con .box_div ul.jojic_chair li div, #ctt_con .box_div ul.jojic_chair li p,#ctt_con .box_div ul.gamsa li div,#ctt_con .box_div ul.gamsa li p{padding:10px 20px;text-align:center;font-size:16px;}
    #ctt_con .nco ul.spec4 li{width:47%;}
    #ctt_con .nco ul.mean li{width:45%;}
   }

@media (max-width:440px){

    #ctt_con ul.together > li  li{padding-left:0;}
    #ctt_con ul.together > li  li::after{display:none;}
    #ctt_con ul.together > li  li strong{display:block;position:relative;width:100%;left:0;}
    #ctt_con .box_div p.jojicdo img{max-width:100%;width:100%;}
    #ctt_con .nco .spec li div{padding-left:0;}
    #ctt_con .nco .spec li img {position:relative;float:none;left:50%;transform:translateX(-50%);margin-bottom:24px;}
    #ctt_con .nco .spec.spec3 dl{padding-left:0;text-align:center;}

    #ctt_con .nco ul.spec4 li{width:97%;}

}