@charset "utf-8";

/* 내용관리 */
#ctt {/*margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9*/}
.ctt_admin {margin:0 5px;text-align:right; display:none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 0; width:100%; min-width:830px;}
#ctt_con h1{margin:20px 0 20px 0; font-size:140%; font-weight:900;}
.ctt_img {text-align:center}




.wrap_biz1 .subtitle-ment {
padding: 10px 0 30px 0;
color: #777;
}

.wrap_biz1 .title_group h3.page_title {
font-size: 200%;
border-bottom: 1px solid #ddd;
padding-top: 0;
padding-bottom: 10px;

font-weight: 900;
text-align: left;
}
.wrap_biz1 .title_group .title_ment {
display:block;
color:#777;
padding:15px 0 30px 0;
}



.subtitle_ment2 {
font-family: 'Nanum Myeongjo', serif;
font-size: 220%;
line-height: 120%;
letter-spacing: 0px;
padding-bottom:30px;
}

.subtitle_ment2 b {
color: #4590d6;
}


ul.revolution_content{overflow:hidden;}
ul.revolution_content li.section{display:table-cell; width:47%; background:#fff; }
ul.revolution_content li.section .logo{float:left; width:40% !important; border:1px solid #ddd; padding:10px; width:100%; text-align: center; margin-bottom:50px;}
ul.revolution_content li.section .logo.cross{
    
    background: #fff url(../cibi_road/img/ci_bg.jpg) repeat; 
}

@media(max-width:1200px){
ul.revolution_content li.section{width:100%; }
}
ul.revolution_content li.section .logo{float:none; width:100%;}
ul.revolution_content li.section.full{width:100%;}
ul.revolution_content li.section img{display:block; margin:0 auto; padding:30px; width:100%; max-width:543px;

    text-align: center;
    

    
}
ul.revolution_content li.section img.logo2{max-width:800px;}
ul.revolution_content li.section h5{clear:both; font-size:140%; font-weight:400; font-family: 'GmarketSansBold' !important; padding:20px 0; text-align:left;

}

.tit_txt{clear:both; float:right; width:55%;}

ul.revolution_content li.section p{font-size:120%; margin-bottom:40px; text-align:justify !important;}
ul.revolution_content li.section p span.text{clear:both; display:block; font-size:90%; color:#777; padding-top:30px;}
ul.revolution_content li.section p img{float:left; width:100%; padding:0 0px 0px 0;}
ul.revolution_content li.section span.caption{color:#f60; font-size:85%; display:block;}

ul.revolution_content li.section ul.sec_text{overflow:hidden; padding-bottom:50px;}
ul.revolution_content li.section ul.sec_text li.text{display:table-cell; width:47%; text-align: justify; background:#fff; }
@media(max-width:1200px){
    .tit_txt{float:none; width:100%;}
ul.revolution_content li.section ul.sec_text li.text{width:100%; }
}

ul.revolution_content li.section ul.sec_text li.text:nth-child(1){float:left;}
ul.revolution_content li.section ul.sec_text li.text:nth-child(2){float:right;}

ul.revolution_content li.section ul.sec_text li.full{width:100%;}

@media(max-width:1200px){
ul.revolution_content li.section{display:table-cell; width:100%; margin-bottom:20px;}
}




ul.revolution_peoples{overflow:hidden;}
ul.revolution_peoples li.section{display:table-cell; width:47%; background:#fff; }
@media(max-width:1200px){
ul.revolution_peoples li.section{width:100%; }
}
ul.revolution_peoples li.section.full{width:100%;}
ul.revolution_peoples li.section img{padding-top:10px; padding-bottom:40px; display:block;}

ul.revolution_peoples li.section h5{font-size:130%; font-weight:400; font-family: 'S-CoreDream-8Heavy'; padding-bottom:20px; text-align:left;}
ul.revolution_peoples li.section p{font-size:120%; margin-bottom:40px; text-align:justify !important;}
ul.revolution_peoples li.section span.caption{color:#f60; font-size:85%; display:block;}

ul.revolution_peoples li.section ul.sec_text{overflow:hidden;}
ul.revolution_peoples li.section ul.sec_text li.text{display:table-cell; width:47%; text-align: justify; background:#fff; }
@media(max-width:1200px){
ul.revolution_peoples li.section ul.sec_text li.text{width:100%; }
}

ul.revolution_peoples li.section ul.sec_text li.text:nth-child(1){float:left;}
ul.revolution_peoples li.section ul.sec_text li.text:nth-child(2){float:right;}

ul.revolution_peoples li.section ul.sec_text li.full{width:100%;}

@media(max-width:1200px){
ul.revolution_peoples li.section{display:table-cell; width:100%; margin-bottom:20px;}
}



.ci-color{font-family:'Gothic A1', 'Noto Sans KR', sans-serif; margin:47px 0 0 15px}
.ci-color .ci-color-list{margin-bottom:65px}
.ci-color .ci-color-list:last-child{margin-bottom:0}
.ci-color .ci-color-list .ci-color-list-tit{position:relative; font-weight:400; font-size:24px; letter-spacing:0; color:#333; padding-left:25px; margin-bottom:17px}
.ci-color .ci-color-list .ci-color-list-tit:before{position:absolute; display:inline-block; content:""; width:13px; height:2px; background:#6c6c6c; left:0; top:10px}
.ci-color .ci-color-list .ci-color-box{margin:0 -0.5%}
.ci-color .ci-color-list .ci-color-box li{float:left; width:24%; margin:0 0.5%}
.ci-color .ci-color-list .ci-color-box li .color-name{text-align:center !important; height:85px; line-height:85px; font-weight:500; font-size:17px; letter-spacing:0.75px; color:#fff; text-transform:uppercase}
.ci-color .ci-color-list .ci-color-box li .color-detail{margin-top:18px}
.ci-color .ci-color-list .ci-color-box li .color-detail dl{border-bottom:1px solid #c5c5c5; padding:12px 0}
.ci-color .ci-color-list .ci-color-box li .color-detail dl dt{float:left; font-weight:300; font-size:17px; letter-spacing:0;}
.ci-color .ci-color-list .ci-color-box li .color-detail dl dd{float:right}
.ci-color .ci-color-list .ci-color-box li .color-detail dl dd span{display:inline-block; font-weight:300; font-size:17px; letter-spacing:0; color:#555; padding-left:9px}





@media(max-width:1200px) {}

@media(max-width:992px) {
    .ci-color .ci-color-list .ci-color-box{margin:0 5%}
    .ci-color .ci-color-list .ci-color-box li{float:none; width:100%; }}

@media(max-width:768px) {}

@media(max-width:480px) {}