/* 울주정책톡 */
.bi_area {border-radius:20px; background:var(--grayBg); display:flex; box-sizing:border-box; padding:70px 200px; justify-content:center; align-items:center;}
.bi_area dt {width:300px; }
.bi_area dt img {max-width:100%; height:auto; width:100%; }
.bi_area dd {width:calc(100% - 300px); text-align:left; padding-left:100px; box-sizing:border-box; }
.bi_area dd h4 {margin-bottom:20px; color:#3e65af; font-weight:700; letter-spacing:-0.5px;}


.about_ci {position:relative; width:100%; box-sizing:border-box; overflow:hidden;}
.about_ci_in {}

.brand_ci_block{width:100%; margin-top:50px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.brand_ci_tit {margin:0 0 20px; color:var(--sub2);}
.brand_ci_panel {width:100%; max-width: none; background:var(--white) url('/uljutalk/images/sub/ci_bg.gif') 0 0 repeat; border:10px solid var(--border); box-sizing:border-box; padding:100px; display:flex; align-items:center; justify-content:center;}
.brand_ci_logo_main {display:flex; align-items:center; justify-content:center;}
.brand_ci_logo_main img {max-width:100%; height:auto; display:block;}
.brand_ci_panel_signature {padding-left:0 !important; padding-right:0 !important;}
.brand_ci_sig_grid {display:flex; flex-wrap:wrap; width:100%; box-sizing:border-box;}
.brand_ci_sig_col {flex:1 1 50%; padding: 0 40px; box-sizing:border-box; text-align:center;}
.brand_ci_sig_fig {display:flex; align-items:center; justify-content:center; margin:0 0 30px;}
.brand_ci_sig_fig img {max-width:100%; height:auto; display:block;}
.brand_ci_sig_col figcaption {color:var(--black);}

.dot_list {margin-top:30px;}
.dot_list li {position:relative; padding-left:20px; margin-bottom:10px;}
.dot_list li:last-of-type {margin-bottom:0;}
.dot_list li:before {width:6px; height:6px; background:#e45655; border-radius:6px; display:block; content:''; position:absolute; left:0; top:10px;}




/* 도민패널 */
.panel_tit{position:relative; width:100%; text-align:center; margin-bottom:50px;}
.panel_tit h4 {margin-bottom:5px; color:#3e65af; font-weight:700; letter-spacing:-0.5px;}

.panel_intro{display: flex; flex-wrap: wrap; padding:20px 20px; border:6px solid #f3f3f4; box-sizing:border-box;}
.panel_intro .panel{width:33%; margin:0; padding:20px 20px; position:relative;  text-align:center; box-sizing:border-box;}
.panel_intro .panel:before{content:''; width:1px; background:#e6e6e6; position:absolute; display:block; right:0; top:0; bottom:0; margin:auto}
.panel_intro .panel:last-child:before{display:none}
.panel_intro dl{padding:0px; padding-top:160px; padding-bottom:20px; background-repeat: no-repeat; background-position: center 20px !Important; background-size:100px !important; box-sizing:border-box}
.panel_intro dt{font-weight:700; font-size:1.111rem; margin-bottom:15px; color:#222; letter-spacing:-0.5px;}
.panel_intro dt.tit{font-size:var(--fs24); font-weight:700; line-height:100%; color:var(--black);}
.panel_intro dd{background:none; padding-left:0; margin-bottom:5px; font-size:var(--fs18); line-height:1.2;}
.panel_intro dd:last-child{margin-bottom:0;}

.panel_intro dl.panel01{background-image:url('/uljutalk/images/sub/panel_intro_icon01.png');}
.panel_intro dl.panel02{background-image:url('/uljutalk/images/sub/panel_intro_icon02.png');}
.panel_intro dl.panel03{background-image:url('/uljutalk/images/sub/panel_intro_icon03.png');}

.join_btn_area{margin:70px 0 20px !important;}


/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1350px){


.bi_area {border-radius:20px; padding:70px 150px;}
.bi_area dt {width:200px; }
.bi_area dd {width:calc(100% - 200px); padding-left:60px;  }
.bi_area dd br {display:none;}




}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){

.panel_intro dd br{display:none;}

}

/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){


.bi_area {border-radius:20px; padding:50px 8%;}
.bi_area dt {width:180px; }
.bi_area dd {width:calc(100% - 180px); padding-left:50px;}
.bi_area dd br {display:none;}

.panel_tit{margin-bottom:40px;}
.join_btn_area{margin:50px 0 15px !important;}



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


.bi_area {border-radius:10px; padding:40px 8%; flex-wrap:wrap;}
.bi_area dt {width:50%; }
.bi_area dd {width:100%; padding-left:0; padding-top:40px;  }


.panel_intro .panel{width:100%; margin:0; padding:20px 0; position:relative; text-align:left;}
.panel_intro .panel:before{content:''; width:100%; height:1px; background:#e6e6e6; position:absolute; display:block; right:auto; top:auto; bottom:0; margin:auto}
.panel_intro .panel:last-child:before{display:none}
.panel_intro dl{padding:0px; padding-top:0; padding-left:90px; padding-bottom:0; background-repeat: no-repeat; background-position:left 10px top !Important; background-size:50px !important; box-sizing:border-box}


.panel_tit{margin-bottom:30px;}
.join_btn_area{margin:30px 0 10px !important;}

}
/*******************************************************************************
    @media ~480px            
*******************************************************************************/
@media all and (max-width:480px){


.bi_area {border-radius:10px; padding:20px 8%; flex-wrap:wrap;}
.bi_area dt {width:50%; }
.bi_area dd {width:100%; padding-left:0; padding-top:20px;  }




}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}