h2{margin-bottom: 50px; font-family: 'KHNPHD'; font-weight: 600; font-size: 30px; text-align: center; color: #353535; vertical-align: middle; word-break:keep-all; line-height: 34px;}
h2 span{font-size: 34px; color: #0075cb; line-height: 34px;}


/* 비주얼 */
.visual{position:relative;}
.visual .visual_zone{position:relative;}
.visual .visual_zone ul{display:flex; flex-wrap: nowrap;width: 100%;/* overflow: hidden; */}
.visual .visual_zone ul li{width: 100%;flex: none;}
.visual .visual_zone ul li img{width:100%;height: 250px;}
.visual .visual_zone .control{display:none;}
.visual .video_zone{display: none;}

.icon_wrap{margin: 30px 20px 0; padding:20px; background:#004ec4;border-radius: 30px;}
.icon_wrap ul{font-size:0;}
.icon_wrap ul li{display:inline-block; width:32.33%;margin: 0 1% 10px 0;text-align: center;}
.icon_wrap ul li:nth-of-type{margin:0 0 10px 0;}
.icon_wrap ul li a{display: block;color:#fff;line-height: 1em;font-size: 14px;}
.icon_wrap ul li a:before{content:''; display:block; width:60px; height:60px;margin: 0 auto 6px; background:url('https://www.jeonbuk.go.kr/upload_data/board_data/CONTENT_FILE/165482494840998.png') no-repeat;}
.icon_wrap ul li:nth-of-type(1) a:before{background-position: 50% -9px;}
.icon_wrap ul li:nth-of-type(2) a:before{background-position: 50% -77px;}
.icon_wrap ul li:nth-of-type(3) a:before{background-position: 50% -145px;}
.icon_wrap ul li:nth-of-type(4) a:before{background-position: 50% -214px;}
.icon_wrap ul li:nth-of-type(5) a:before{background-position: 50% -281px;}
.icon_wrap ul li:nth-of-type(6) a:before{background-position: 50% -348px;}
.icon_wrap ul li a:hover,
.icon_wrap ul li a:focus{text-decoration: underline;}

.icon_wrap ul:nth-of-type(2) li:nth-of-type(1) a:before{background-position: 50% -420px;}
.icon_wrap ul:nth-of-type(2) li:nth-of-type(2) a:before{background-position: 50% -486px;}
.icon_wrap ul:nth-of-type(2) li:nth-of-type(3) a:before{background-position: 50% -560px;}


/* 카드뉴스·홍보동영상 */
.bbs_wrap .news{margin: 30px 0 0;padding: 0 20px;}
.card_news{position: relative;height: 480px;margin-bottom: 40px;} 
.card_news h3{float: left; width: 44%; margin: 0 3% 20px; text-align: center;}
.card_news h3 a{display: block;position: relative;padding: 0 8px 12px;font-size: 20px;line-height: 24px;font-weight: 600;color: #666;}
.card_news h3 a::before{content: ''; position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 4px;  background: #d2d2d2; border-radius: 4px;}
.card_news h3.on a{display: block;position: relative;padding: 0 8px 12px;color: #0075cb;font-size: 20px;}
.card_news h3.on a::before{content: ''; position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 4px;  background: #0075cb; border-radius: 4px;}
.card_news h3 a:hover{color: #0075cb; font-weight: 600;}

.card_news h3.face,.card_news h3.insta{width: auto; margin: 0 10px 0 0;}
.card_news h3.face a{overflow:hidden; width: 45px; height:0; padding:45px 0 0 0; background:url('https://www.jeonbuk.go.kr/images/apc_2022/main/main_face.png') no-repeat;}
.card_news h3.insta a{overflow:hidden; width: 45px; height:0; padding:45px 0 0 0; background:url('https://www.jeonbuk.go.kr/images/apc_2022/main/main_insta.png') no-repeat;}
.card_news h3.face a::before,
.card_news h3.insta a::before{display: none;}

.card_news>div>div{position: absolute;right: 0;left: 0;bottom: 0;width: 280px;height: 280px;margin: 0 auto;text-align: left; overflow:hidden;}
.card_news ul{width:10000px;font-size: 0;}
.card_news ul li{display: inline-block;text-align: center;}
.card_news ul li img{width: 280px; height: 280px;border-radius: 20px;}
.card_news ul li span{display:none;}

.card_news p.btn a{display: block;position: absolute;top: 145px;right: 0;padding-bottom: 4px;color: #9d9d9d;font-weight: 600;font-size: 16px;}
.card_news p.btn a::before{content: ''; position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 4px;  background: #9d9d9d; border-radius: 4px; }
.card_news p.btn a:hover,
.card_news p.btn a:focus{color: #333;}
.card_news p.btn a:hover::before{background: #333;}
.card_news p.btn button{position: absolute;bottom: 115px;display:inline-block; width:45px; height:0; padding-top:45px; background:url('/images/apc_2022/main/arr.png') no-repeat; overflow:hidden;}
.card_news p.btn button.prev{background-position:0 0;left: 0;}
.card_news p.btn button.next{background-position: -54px 0; right:0;}

/* 공지사항 */
.notice{position: relative;height: 275px;margin: 40px 0;}
.notice h3{display: inline-block; margin-right: 30px;}
.notice h3 a{font-size: 20px; font-weight: 400; line-height: 24px; color: #333;}
.notice h3.on a{display: block;position: relative;padding: 0 8px 12px;color: #0075cb;font-weight: 600;font-size: 20px;}
.notice h3.on a::before{content: ''; position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 4px;  background: #0075cb; border-radius: 4px;}
.notice h3 a:hover{color: #0075cb; font-weight: 600;}

.notice div{position: absolute; bottom: 0; width: 100%; height: 210px;}
.notice ul li{height: 60px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px #e9e9e9 solid;}
.notice ul li a{display: block; overflow: hidden; text-overflow: ellipsis; width: 100%;  white-space: nowrap; font-size: 18px; font-weight: 400; margin-bottom: 6px; transition: ease-in-out 0.3s;}
.notice ul li a:hover,
.notice ul li a:focus{color: #004ec4; font-weight: 600;}
.notice ul li span{display: block;  box-sizing: border-box; width: 130px; margin: 0 0 0 auto; padding-left: 30px; color: #5d5d5d; font-weight: 400; background: url('/images/apc_2022/main/bbs_icon.png') left bottom no-repeat; font-size:15px;}
.notice p.btn{position: absolute;top: -68px;right: 0;}
.notice p.btn a{display: block;position: relative;padding-bottom: 4px;color: #9d9d9d;font-weight: 600;font-size: 16px;}
.notice p.btn a::before{content: ''; position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 4px;  background: #9d9d9d; border-radius: 4px;}
.notice p.btn a:hover,
.notice p.btn a:focus{color: #333;}
.notice p.btn a:hover::before{background: #333;}


.qus_wrap, .sug_wrap, .sns_wrap{display:none;}

@media all and (min-width:768px) {

h2{margin-bottom: 50px; font-size: 34px; line-height: 40px;}
h2 span{font-size: 40px; line-height: 40px;}
h2 br{display: none;}

.card_news{height: 480px;}
.card_news div>div{width: 630px; height:300px;}
.card_news ul li{margin: 0 30px 0 0;}
.card_news ul li img{width: 300px;height: 300px;}
    .card_news p.btn a{top:130px;}

}
@media (min-width: 1023px) {
.visual .visual_zone .control{display:block;z-index: 99999;}
.visual .visual_zone .control button{position: absolute; top: 45%;display: inline-block; overflow: hidden; width: 32px; height: 0;  padding-top: 60px; background: none; background: url('/images/apc_2022/main/visual_arr.png') no-repeat;z-index: 99999;}
.visual .visual_zone .control button.prev{left: 3%; background-position: 0 0;}
.visual .visual_zone .control button.next{right: 3%; background-position: 0 -113px;}

    
.bbs_wrap .news{margin: 60px auto 20px;text-align: center;font-size: 0;}
.news h2 {display: inline-block; position: relative; }
.news h2::before{content: ''; position: absolute; left: -60px; top: -60px; display: block; width: 70px; height: 60px; background: url('/images/apc_2022/main/balloon.png') no-repeat top; z-index: 99;}


.card_news{display: inline-block;width: 65%;height: 360px;margin: 0 5% 0 0;}  
.card_news h3{width: auto;margin: 0 20px 0 0;padding: 0px 0;} 
.card_news h3 a{font-weight: 400; padding: 0; color: #333;}
.card_news h3 a::before{display: none;}
.card_news h3.on a{font-weight: 600; font-size: 26px;}
.card_news h3.face,.card_news h3.insta{margin-top: -14px;}

.card_news p.btn button{display:none;}

.notice{display: inline-block;width: 30%;height: 360px;margin: 0;padding-top: 0;border: none;text-align: left;}
.notice div{height: 300px;}
.notice ul{padding-top: 20px;}
.notice ul li{height: 80px; margin-bottom: 20px; padding-bottom: 20px;}
.notice ul li:last-child{margin: 0;}
.notice ul li a{ margin-bottom: 15px; font-size: 18px;}
.notice p.btn{top: -65px;}


    

}

@media (min-width: 1440px) {
.visual .visual_zone ul li img{height: 550px;}
    
.bbs_wrap .news{width: 1400px;padding: 0;font-size: 0;}
.card_news{width: 960px;margin-right: 50px;}
.card_news div>div{width:960px;}
.card_news h3{margin:0 30px 0 0;}
    .card_news p.btn a{top:0;}

.notice{ width: 390px;}
.notice h3.on a{font-size:24px;}
    
.visual{position:relative;}
.visual .visual_zone:before{content:'';position: absolute;width: 100%;height: 550px;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(23,54,110,1) 90%);z-index: 999;}
.icon_wrap{position:absolute;top: 105px;right: calc(100% - 1650px);z-index: 999;width: 500px;margin: 0;padding: 0;background: none;}
.icon_wrap ul li{margin:0 1% 20px 0;}
.icon_wrap ul li a{font-size: 16px;font-weight: 400;}
.icon_wrap ul:nth-of-type(2){background:#004ec4;padding: 20px 0;border-radius: 20px;}
.icon_wrap ul:nth-of-type(2) li{margin:0 1% 0 0;}
}      

/*레이아웃 팝업*/
.top_layer{position:absolute;top:20px;left:0;z-index:5000;/* width: 100%; */}
.top_layer:nth-of-type(2){left:100px}
.top_layer img{width:100%;}
.top_layer p.close{overflow:hidden;background: #fff;color: #555;padding:10px;}
.top_layer p.close input{display:inline-block;margin:2px 5px;}
.top_layer p.close a{float:right;display: block;font-weight:600;color: #555;}
@media all and (max-width:1022px) {
.top_layer{left:0px !important;}
}
@media all and (min-width:1023px) {

.top_layer{position:absolute;top: 70px;left:70px;}
.top_layer:nth-of-type(2){left:400px}
}