/* 상단 */
.news_top .title { color:#eb64a4; background: url(/mailing/2024/202404/img/bg_title.png) no-repeat 50% / contain; }


/* 메인비주얼 */
.main_view .fix_bg								{ position:fixed; top:0; left:0; width:100%; height:100%; background:url(/mailing/2024/202404/img/bg_visual.png) no-repeat center / cover; z-index:-1; }
.visual_txt .con_sub_title	{ color: #eb64a4;}
.main_view .visual_txt .btn { color:#eb64a4; border:1px solid #eb64a4; }
.main_view .visual_txt .btn:hover	{background:#eb64a4;}


/* 전북구석구석 */
.recommend                  { background: url(/mailing/2024/202404/img/bg_recommend.jpg) no-repeat 50% 0 / cover; }
.recommend .con_sub_title   { color:#eb64a4; }

.reco_list .list a .reco_txt p:nth-child(3) { color:#eb64a4;  }


/* 지금전북에서는 */
.theme ul li .Exhibition  { background-color:#c2d8ee; }
.theme ul li .Exhibition_button  { background-color:#2c68a5; }
.theme ul li .gra_purple::before	{ background:linear-gradient(to top, #ded7e5, rgba(201, 198, 204, 0.06));}
.theme ul li .festival_color  { background-color:#ded7e5; }
.theme ul li .fesrival_button  { background-color:#b17fdd; }




@media screen and (max-width:468px){
    .main_view .fix_bg	{ background-position:30% 0; }
}






<map name="image-map">
    <area target="" alt="" title="" href="" coords="100,700,484,762" shape="rect">
    <area target="" alt="" title="" href="" coords="647,272,983,709" shape="rect">
    <area target="" alt="" title="" href="" coords="1038,364,1375,800" shape="rect">
    <area target="" alt="" title="" href="" coords="649,737,983,1173" shape="rect">
    <area target="" alt="" title="" href="" coords="1038,829,1373,1265" shape="rect">
    <area target="" alt="" title="" href="" coords="92,1782,714,1933" shape="rect">
    <area target="" alt="" title="" href="" coords="790,1781,1401,1933" shape="rect">
    <area target="" alt="" title="" href="" coords="101,1973,716,2123" shape="rect">
    <area target="" alt="" title="" href="" coords="792,1972,1400,2121" shape="rect">
    <area target="" alt="" title="" href="" coords="103,2164,715,2311" shape="rect">
    <area target="" alt="" title="" href="" coords="789,2161,1401,2311" shape="rect">

    <area target="" alt="" title="" href="" coords="99,2688,413,3324" shape="rect">
    <area target="" alt="" title="" href="" coords="427,2687,745,3323" shape="rect">
    <area target="" alt="" title="" href="" coords="757,2686,1069,3322" shape="rect">
    <area target="" alt="" title="" href="" coords="1086,2687,1396,3320" shape="rect">

    <area target="" alt="" title="" href="" coords="100,3531,736,3909" shape="rect">
    <area target="" alt="" title="" href="" coords="764,3538,1399,3905" shape="rect">

    <area target="" alt="" title="" href="" coords="99,4122,1404,4506" shape="rect">
    
    <area target="" alt="" title="" href="" coords="549,4631,923,4736" shape="rect">
    <area target="" alt="" title="" href="" coords="967,4632,1307,4737" shape="rect">
    <area target="" alt="" title="" href="" coords="714,4795,804,4815" shape="rect">
</map>