/* visual */
.visual{text-align:center;position:relative;height:353px;overflow:hidden;border-top: solid 1px #dbdbdb;}
.visual li{height: 393px;padding: 0 48px;box-sizing: border-box;}
.visual dt{line-height:5000; overflow:hidden; display:block; height:40px;}
.visual dd{color:#fff; font-size:16px; margin-top:25px; letter-spacing:-1px;}
.visual .btn_arrow_double{display:inline-block; border:1px solid #fff; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; padding-right:20px}
.visual .btn_arrow_double a{background:url(/youth/images/common/icon_arrow_double.png) no-repeat center right; display:block; color:#fff; font-size:14px; font-weight:600; padding:8px 20px;}
.visual li.visual_jump {text-align:left;}
.visual li.visual_jump dl{max-width:1200px;margin: 0 auto;text-align: left;height: 100%;padding-top: 0;box-sizing: border-box;}
.visual li.visual_jump dd{color: #2f2f2f;margin: 15px 0;}
.visual li.visual_jump dd br{display:block;}
.visual li.visual_jump dd .fc_blue{color: #062a78;font-weight: 600;}
.visual li.visual_jump .btn_arrow_double{border:solid 1px #525252;border-radius: 0;text-align: left;display: inline-block;padding: 00;}
.visual li.visual_jump .btn_arrow_double a{color: #2f2f2f;background: #fff;font-weight: normal;}	
								 
/*new2604*/
.visual_jump dl{background: #fff url('/upload_data/board_data/BBS_0000016/177742804837837.png')no-repeat right bottom;background-size: 220px;}
.visual_jump dt{background: url('/upload_data/board_data/BBS_0000016/177742804837812.png') no-repeat left 0;height: 100px;background-size: contain;}

.visual_olp{background: #304884 url(/upload_data/board_data/BBS_0000016/173517545746848.jpg) no-repeat center;background-size:contain;}
.visual_olp dl{position:absolute;top:-5000px;left:-5000px;}
.visual_jbyouth{background:transparent url(/upload_data/board_data/BBS_0000016/177482841790302.png) no-repeat center bottom; background-size:contain;}
.visual_jbyouth dl{position:absolute;top:-5000px;left:-5000px;}

.wanju0430{background: #c3e0a1 url(/upload_data/board_data/BBS_0000016/177753969311204.png) no-repeat center;background-size:contain;}
.wanju0430 dl{position:absolute;top:-5000px;left:-5000px;}	

.wanju0515 {position: relative;background: #fff2d7 url(/upload_data/board_data/BBS_0000016/177882612214446.png) no-repeat center top 30px;background-size: 100%;}
.wanju0515 dd a {display: block;position: absolute;font-size: 0;bottom: 113px;left: 50%;transform: translateX(-50%);width: 324px;height: 125px;background: url(/upload_data/board_data/BBS_0000016/177882562640205.png);}
@media all and (min-width:1200px){
.wanju0515 dd a {top: 65%;left: 19%;transform: none;}
}

/* 전북청년허브센터 */
.wanju0521{background: #89c997 url(/upload_data/board_data/BBS_0000016/177934492592868.png) no-repeat center top 35px;background-size: 150%;}
.wanju0521 dl{position:absolute;top:-5000px;left:-5000px;}
@media all and (min-width:1200px){
.wanju0521 {background-size: 100%;}
}

/* visual bx-controls */
.bx-controls .bx-prev{display:block;background: url('/upload_data/board_data/BBS_0000016/177742804837646.png') no-repeat center;width:48px;height:48px;overflow:hidden;line-height:5000;position:absolute;top:0;bottom:0;margin:auto 0;left:0;box-shadow: 2px 2px 10px rgba(0,0,0,.2);border-radius: 50%;}
.bx-controls .bx-next{display:block;background: url('/upload_data/board_data/BBS_0000016/177742804837688.png') no-repeat center;width:48px;height:48px;overflow:hidden;line-height:5000;position:absolute;top:0;bottom:0;margin:auto 0;right:0;box-shadow: 2px 2px 10px  rgba(0,0,0,.2);border-radius: 50%;}
.bx-controls .bx-controls-auto{display:none;}
.bx-controls .bx-pager{position:absolute; left:0; right:0; margin:auto; bottom:40px;}
.bx-controls .bx-pager-item{display:inline-block; padding:0 2px;}
.bx-controls .bx-pager-link{display:block; width:14px; height:14px; overflow:hidden; line-height:5000; background:url(/youth/images/main/btn_off.png) no-repeat center right;}
.bx-controls .active{background:url(/youth/images/main/btn_on.png) no-repeat right 0; width:67px;}

/* main_container */
.main_container{padding: 25px;overflow:hidden;}
.main_container_gray{background:#f0f0f0; padding:25px; overflow:hidden}

/* shortcuts */
.shortcuts{/* background:#eee; */padding-top: 20px;}
.shortcuts ul{padding:25px;background: #eee;}
.shortcuts a{display:block; border:1px solid #ccc; border-top:0; font-size:16px; color:#555; font-weight:600; letter-spacing:-1px; padding:15px;}
.shortcuts li:first-child a{border-top:1px solid #ccc;}
.shortcuts span{padding-left:40px; display:inline-block;}
.shortcuts a:hover span{color:#003796;}
.shortcuts .icon_guide{background:url(/youth/images/main/icon_useguide.png) no-repeat 10px center; background-size:25px;}
.shortcuts a:hover .icon_guide{background:url(/youth/images/main/icon_useguide_on.png) no-repeat 10px center; background-size:25px;}
.shortcuts .icon_notice{background:url(/youth/images/main/icon_notice.png) no-repeat 10px center; background-size:25px;}
.shortcuts a:hover .icon_notice{background:url(/youth/images/main/icon_notice_on.png) no-repeat 10px center; background-size:25px;}
.shortcuts .icon_suggestion{background:url(/youth/images/main/icon_suggestion.png) no-repeat 10px center; background-size:25px;}
.shortcuts a:hover .icon_suggestion{background:url(/youth/images/main/icon_suggestion_on.png) no-repeat 10px center; background-size:25px;}
.shortcuts .icon_group{background:url(/youth/images/main/icon_group.png) no-repeat 10px center; background-size:25px;}
.shortcuts a:hover .icon_group{background:url(/youth/images/main/icon_group_on.png) no-repeat 10px center; background-size:25px;}
.shortcuts .icon_place{background:url(/youth/images/main/icon_place.png) no-repeat 10px center; background-size:25px;}
.shortcuts a:hover .icon_place{background:url(/youth/images/main/icon_place_on.png) no-repeat 10px center; background-size:25px;}
.shortcuts .icon_house{background:url(/youth/images/main/icon_house.png) no-repeat 10px center; background-size:25px;}
.shortcuts a:hover .icon_house{background:url(/youth/images/main/icon_house_on.png) no-repeat 10px center; background-size:25px;}
.shortcuts .icon_lecturer{background:url('/upload_data/board_data/BBS_0000016/164455624000944.png') no-repeat 10px center; background-size:25px;}
.shortcuts a:hover .icon_lecturer{background:url('/upload_data/board_data/BBS_0000016/164455611062139.png') no-repeat 10px center; background-size:25px;}



/* main_tit */
.main_tit{position:relative;}
.main_tit h2{font-size:24px; font-weight:600; color:#444; text-align:center}
.main_tit>p{font-size:13px; color:#777; text-align:center;}
.main_tit .btn_more{position:absolute; top:10px; right:0; color:#777; text-align:right; font-size:12px; color:#777;}

/* main_board */
.main_board{overflow:hidden;padding-top:15px;}
.main_board li>a{display:block;}
.main_board .img_box{border:1px solid #ddd; border-bottom:0; line-height:0;}
.main_board .img_box a{line-height:0;}
.main_board img{width:100%;}
.main_board dl{position:relative; border:1px solid #ddd; border-top:0; padding:20px 20px; background:#fff;}
.main_board dt{font-size:16px; font-weight:600; color:#444; line-height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_board dd{font-size:12px; color:#666; text-overflow:ellipsis; overflow:hidden;  padding-top:5px;}
.main_board dd ul{padding:15px 0;}
.main_board dd li{padding-left:15px}
.main_board .progress_mark{display:block; position:absolute; top:-42px; right:0; padding:12px 15px; color:#fff; font-size:15px}
.main_board .proceeding .progress_mark{background:url(/youth/images/common/bg_blue_O.png);}
.main_board .deadline .progress_mark{background:url(/youth/images/common/bg_pink_O.png);}
.main_board .end dl{background:#f0f0f0;}
.main_board .end .progress_mark{background:url(/youth/images/common/bg_black_O.png);}
.main_board .proceeding li{background:url(/youth/images/common/bullet_blue.jpg) no-repeat 6px 8px;}
.main_board .deadline li{background:url(/youth/images/common/bullet_pink.jpg) no-repeat 6px 8px;}
.main_board .end li{background:url(/youth/images/common/bullet_black.jpg) no-repeat 6px 8px;}
.main_board li .btn_pencil{background:none; padding:0; position:absolute; bottom:15px; right:15px;}
.main_board .btn_pencil a{border:1px solid #ddd; display:block; width:50px; height:50px; overflow:hidden; line-height:5000; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;}
.main_board .proceeding .btn_pencil a{background:#fff url(/youth/images/common/icon_pencil_blue.png) no-repeat center;}
.main_board .deadline .btn_pencil a{background:#fff url(/youth/images/common/icon_pencil_pink.png) no-repeat center;}
.main_board .end .btn_pencil a{background:#f0f0f0 url(/youth/images/common/icon_pencil_gray.png) no-repeat center;}
.main_board dl{min-height: 62px;}
/* notice, popupzon container */
.main_board_blue{}
.main_board_blue .main_container{padding:0}
.main_board_blue h2{font-size:22px;padding-bottom: 10px;}
.main_board_blue .btn_more a{position:absolute; top:33px; right:25px; color:#fff; font-size:16px;}
.main_board_blue div div{position:relative; background-size:cover;}

/* notice */
.notice{position: relative;}
.notice ul{background:url(/youth/images/common/line_white_O50per.png) repeat-x;}
.notice a{}
.notice dl{position:relative; padding:18px 0;}
.notice dt{font-size:16px; width:calc(100% - 75px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}
.notice dt+dd{position:absolute;top:20px;right:0;color: #646464;font-size:12px;}
.notice dt+dd+dd{display:none;}
.notice li{/* background:url(/youth/images/common/line_white_O25per.png) repeat-x; */border-bottom: solid 1px #ebe7e7;}
.notice li:nth-child(5) dl{background:url(/youth/images/common/line_white_O50per.png) repeat-x bottom;}
.notice .mark_new{display:inline-block; background:url(/youth/images/common/bg_red_O.png); color:#f4ff7b; font-size:11px; padding:5px 8px; margin-right:10px}

/* banner */
.main_banner{position: relative;overflow:hidden;padding:25px;border-top: solid 1px #e9e9e9;margin-top: 30px;}
.main_banner h2{font-size:22px; color:#666;}
.banner_list{overflow:hidden; height:38px; padding-top:25px;}
.banner_list ul{width:300%}
.banner_list ul:after{content:""; display:block; clear:both}
.banner_list li{float:left; padding-bottom:20px;}
.banner_list a{display:block; font-size:14px; color:#666; border:1px solid #ddd; padding:7px 20px; margin-left:10px}
.banner_list li:first-child a{margin-left:0;}
.banner_control{position:absolute; top:25px; right:25px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border:1px solid #ddd;}
.banner_control li{float:left; display:block; width:33.3%;}
.banner_control a{display:block; width:38px; height:35px; overflow:hidden; line-height:5000; border-left:1px solid #ddd;}
.banner_control li:first-child a{border-left:0;}
.btn_arrow_left_gray{background:url(/youth/images/common/icon_arrow_left_gray.png) no-repeat 52% center;}
.btn_arrow_right_gray{background:url(/youth/images/common/icon_arrow_right_gray.png) no-repeat 42% center;}
.btn_play_gray{background:url(/youth/images/common/icon_play_gray.png) no-repeat center;}
.btn_stop_gray{background:url(/youth/images/common/icon_stop_gray.png) no-repeat center;}
.btn_list{background:url(/youth/images/common/icon_list.png) no-repeat center;}



@media all and (min-width:768px){
.main_tit h2{font-size:32px;}
/* visual */
.visual{height:550px;}
.visual li{height: 550px;padding: 0 100px;}
.visual dd{font-size:24px;margin-top: 45px; letter-spacing:-1px}
.visual .btn_arrow_double a{font-size:15px;padding: 14px 30px;}
.visual li.visual_jump dd{margin: 18px 0;vertical-align: middle;}
.visual li.visual_jump dd .fc_blue{font-size: 30px;vertical-align: middle;}
.visual_jump dt{height: 214px;width:100%;background-size: auto;}
.visual li.visual_jump dl{background-size: 400px;padding-top: 30px;}    
/* visual bx-controls */
.bx-controls .bx-prev{width:72px; height:72px; left:2%;}
.bx-controls .bx-next{width:72px; height:72px; right:2%;}
.bx-controls .bx-pager{bottom:50px}
.bx-controls .bx-pager-item{padding:0 5px;}

/* shortcuts */
.shortcuts a{border:0;}
.shortcuts ul{padding:0; overflow:hidden;}
.shortcuts li{width: calc(25% - 1px);float:left;text-align:center;border-left:1px solid #ddd;padding:10px 0 15px 0;}
.shortcuts a{padding:0; letter-spacing:-2px;}
.shortcuts li:first-child a{border:none;}
.shortcuts span{padding-left:0; padding-top:65px; display:block}
.shortcuts .icon_guide, .shortcuts a:hover .icon_guide,
.shortcuts .icon_notice, .shortcuts a:hover .icon_notice,
.shortcuts .icon_suggestion, .shortcuts a:hover .icon_suggestion,
.shortcuts .icon_group, .shortcuts a:hover .icon_group,
.shortcuts .icon_place, .shortcuts a:hover .icon_place,
.shortcuts .icon_house, .shortcuts a:hover .icon_house,
.shortcuts .icon_lecturer, .shortcuts a:hover .icon_lecturer{background-size:59px; background-position:center 5px}

/* main_board */
.main_board{}
.main_board>li{float:left;display:block;width: 31.333%;margin: 15px 1%;}
.main_board>li:first-child{}
.main_board img{min-height:248px; height:248px }

/* notice, popupzon container */
.main_board_blue h2{font-size: 30px;}
.main_board_blue div div{height: 355px;}
.main_board_blue .btn_more a{top:54px}

/* notice */
.notice{/* width:calc(100% - 449px); */width: 50%;}
.notice ul{padding-top:3px;}
.notice dl{padding:15px 0 16px 0;}

/* banner */
.main_banner h2{float:left;}
.banner_control{left:125px; right:0; width:110px;}
.banner_list{float:right; width:calc(100% - 274px); padding-top:0;}
.banner_list a{border:0; padding:7px 0 7px 44px; margin-left:0;}
.banner_control a{width:auto}
.banner_list li:first-child a{padding-left:0;}


}

@media all and (min-width:1200px){
	
/* visual */
.visual_jump{background-position:center 0; background-size:auto}
.visual_jump{background-size:100%}
.visual li.visual_jump dl{background-size:auto;padding: 50px  0;}

/* visual bx-controls */
.bx-controls{width:1200px; margin:auto; position:absolute; top:0; right:0; left:0;}
.bx-controls .bx-prev{left: -9%;top: 260px;}
.bx-controls .bx-next{right: -9%;top: 260px;}
.bx-controls .bx-pager{bottom: -525px;}

/* shortcuts */
.shortcuts ul{width:1200px; margin:0 auto}
.shortcuts li:first-child{border: none;}
.shortcuts li:nth-child(7){border-right:1px solid #ddd;/* width: calc(16.6% - 2px); */}
.shortcuts a{font-size:18px; letter-spacing:-1px;}

.shortcuts span{padding-top:62px;}

/* main_container */
.main_container{width:1200px;margin:0 auto;padding: 40px 0 0 0;}
.main_container_gray{padding:0;}
.main_container_gray .main_tit{width:1200px; margin:0 auto;}

/* main_tit */
.main_tit{}
.main_tit h2{font-size:36px; font-weight:600; color:#444; text-align:center}
.main_tit>p{font-size:15px; color:#777; text-align:center;}
.main_tit .btn_more{top:90px;}

/* main_board */	
.main_board{}
.main_board>li{width: calc(20% - 10px);margin: 10px 5px;}

/* notice, popupzon container */
.main_board_blue h2{font-size:35px;}
.main_board_blue div div{background:none;}
.main_board_blue .btn_more a{top:65px; right:55px}

/* notice */
.notice{width: 750px;}

/* banner */
.main_banner{padding: 0;width: auto;margin-top: 50px;}
.main_banner>div{width:1200px;margin:0 auto;position: relative;padding: 30px 0;height: 98px;box-sizing: border-box;}
.banner_control{top:30px; left:100px;}

.main_board .img_box{min-height:245px;}

}   

@media all and (min-width:1600px){
.visual_join{box-sizing: border-box;height: 550px !important;padding: 75px 0 0 0 !important;}
}                                                                                                                                                                           

/*2026 main add*/
.custom_search{background:#f5f5f5;text-align:center;}
.custom_search form{max-width: 1200px;margin:0 auto;position: relative;padding: 30px;}
.custom_search .sel_box{background: linear-gradient(90deg, #1263f0, #15aa82);{};padding: 1px;margin: 5px 0;}
.custom_search .sel_box select{width: 100%;height: 50px;border: none;padding: 0 10px;font-size: 16px;appearance: none;background: #fff url('/upload_data/board_data/BBS_0000016/177744544715593.png') no-repeat 95% center;}
.custom_search .btn_box{text-align: center;background: #1263f0;color: #fff;font-weight: bold;padding: 0;}
.custom_search .btn_box a{color: #fff;font-weight: bold;font-size: 20px;padding: 10px 0;display: block;}
.custom_search .btn_box:hover a{background:#00286e}
.ranking_area{margin: 20px 0;}
.ranking_area .list{border: solid 5px #e9eef5;margin-top: 20px;}
.ranking_area .list li{;border-bottom: solid 1px #e9eef5;}
.ranking_area .list li a{padding: 14px;display: flex;gap: 6px;flex-wrap: wrap;align-items: center;}
.ranking_area .list li:hover a span{font-weight:bold; color:#1263f0}
.ranking_area .list li em{font-style:normal;background:#e9eef5;width: 20px;height: 20px;border-radius: 100%;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #333333;}
.ranking_area .list li span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.center_pg li{position: relative;margin: 20px auto;}
.center_pg li:hover span{text-decoration:underline}
.center_pg li strong{color:#fff;background:#2a2a2a;padding: 6px 15px;position: absolute;left: 0;top: 0;}
.center_pg li strong.name1{background:#ffe60f; color:#000}
.center_pg li strong.name2{background:#0037ff; }
.center_pg li strong.name3{background:#006e1f; }
.center_pg li strong.name4{background:#ffc7cb; color:#000}
.center_pg li .img{overflow: hidden;aspect-ratio: 1 / 1;border: solid 1px #ddd;}
.center_pg li .img img{ height: 100%;width: 100%;object-fit: cover;}
.center_pg li span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding: 20px 0 0 0;display: block;font-size: 16px;}

.side_quick{right: 0;box-sizing: border-box;}
.side_quick .inner{background: rgba(172, 206, 255, .3);padding: 10px;box-sizing: border-box;text-align: center;}
.side_quick .pop_btn{margin-bottom: 10px;position: absolute;top: 156px;}
.side_quick .pop_btn a{padding: 10px 15px;display: inline-block;background: #0253c9;color: #fff;border-radius: 15px;}
.side_quick br{display:none;}
.side_quick h2{color: #03124c;font-size: 15px;line-height: 1.2;padding: 0 0 10px 0;border-bottom: solid 1px rgba(96, 126, 211,.2);font-weight: 500;margin-bottom: 10px;display: inline-block;}
.side_quick .link li{text-align: center;margin: 6px 0;display: inline-block;}
.side_quick .link li a{font-size: 0;width: 50px;height: 50px;background: #fff;text-align: center;display: block;box-sizing: border-box;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.side_quick .link li a:before{display:block;content:'';width: 40px;height: 35px;background: url('/upload_data/board_data/BBS_0000016/177742804837706.png')no-repeat;}
.side_quick .link .counsel a:before{background-position: 0 3px;}
.side_quick .link .insta a:before{background-position: 0 -59px;}
.side_quick .link .kakaoch a:before{background-position: 0 -120px;}
.side_quick .link li.counsel a {font-size: 15px;display: block;background: none;background: #ffffff;color: #0073d5;padding: 7px;letter-spacing: -.7px;line-height: 1.2;font-weight: 600;}
.side_quick .link li.counsel a:before{display: none;}
.side_quick .link li:last-child{margin-bottom:0}
@media all and (min-width:768px){
.custom_search h2{font-size: 30px;margin-bottom: 15px;}
.custom_search_box{display: flex;justify-content: center;align-items: center;gap: 5px;}
.custom_search .sel_box{width: 27%;max-width: 240px;margin: 0;}
.custom_search .sel_box select{padding: 0 20px;}
.custom_search .btn_box{width: 10%;max-width: 110px;margin-left: 5px;}

.main_board_blue{display:flex;justify-content: space-between;margin-bottom: 40px;}
.ranking_area{width: 43%;margin: 0;}
.ranking_area .list{height: 280px;box-sizing: border-box;overflow: hidden;}
.ranking_area .list li{font-size: 16px;}
.ranking_area .list li span{width: calc(100% - 40px);}
	
.center_pg li{float: left;width: 31.333%;margin: 15px 1%;}
	
.side_quick{width: 95px;top: 179px;bottom: auto;position: fixed;z-index: 9;}
.side_quick .inner{padding: 15px;}
.side_quick br{display:block;}
.side_quick .pop_btn{position: relative;top: auto;line-height: 1.5;}
.side_quick .pop_btn a{padding: 5px;width: 100%;box-sizing: border-box;}
}

@media all and (min-width:1200px){
.custom_search form{padding: 35px 30px;}
.custom_search h2{font-size:36px;line-height: 1.2;}
.custom_search form:before{display:block;content:'';background:url('/upload_data/board_data/BBS_0000016/177742804837741.png')no-repeat;width: 130px;height: 155px;position: absolute;left: 30px;bottom: 0;}
.custom_search form:after{display:block;content:'';background:url('/upload_data/board_data/BBS_0000016/177742804837798.png')no-repeat;width: 130px;height: 155px;position: absolute;right: 30px;bottom: 0;}
.ranking_area{width: calc(100% - 850px);}
.ranking_area .list{margin-top: 13px;}
.ranking_area .list li:last-child{border:none;}
.center_pg li{width: calc(20% - 10px);margin: 10px 5px;}
.side_quick{top: 30%;}
}

/*layerpop*/
.allpop{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 1006;bottom:0;right:0;display:flex;}
.allpop:after{content:'';display:block;background: rgba(0, 0, 0, .7);width:100%;height:100%;top:0;right:0;left:0;bottom:-900px;z-index:-1;position:fixed;backdrop-filter: blur(3px);}
.allpop>div{margin: 2% auto;text-align: right;width: 90%;box-sizing:border-box;}
.allpop .top_a{margin:30px 0;}
.allpop .top_a p{display:inline-block;letter-spacing: -.7px;}
.allpop .al_tit{color: #d7d7d7;font-size: 23px;font-weight: 500;}
.allpop .al_tit strong{font-weight: 600;color: #fff;}
.allpop .round{margin: 0 0 10px 0;padding: 5px;box-sizing: border-box;display: inline-block;border-radius: 30px;}
.allpop .top_a>div:first-child{width: 100%;box-sizing: border-box;text-align: left;}
.al_btn button{display:inline-block;width: 20px;overflow:hidden;height: 28px;background: url("/upload_data/board_data/BBS_0000016/177742804837706.png") no-repeat;font-size: 0;box-sizing: border-box;font-weight: normal;margin: 5px;}
.al_btn button.prev{background-position: 2px -181px;}
.al_btn button.next{background-position: -53px -181px;}
.al_btn button.play{background-position: -82px -181px;}
.al_btn button.stop{background-position: -27px -181px;}
.al_btn button.close,
.al_btn button.oneday{font-size: 15px;color: #d7d7d7;width: auto;position: relative;clear: both;float: none;margin: 0;font-weight: normal;padding: 8px 30px 8px 15px;display: block;height: auto;background: none;}
.al_btn button.close:after,
.al_btn button.oneday:after{display:block;content:'';width: 23px;height: 100%;background: url("/upload_data/board_data/BBS_0000016/177742804837706.png") no-repeat;background-position: -113px -178px;position: absolute;right: 5px;top: 0;}
.allpop .img_area ul {text-align:center;}
.allpop .img_area li img{width:100%; margin:10px 0; height:100%}
.allpop .img_area li a{display:block;aspect-ratio: 1 / 1;}
.allpop .top_a:after{display:block; content:''; clear:both; }
.allpop .round.right_btn {padding: 0;background: #000;}

/* 멀티슬라이더 초기화 */
#visualSlider { display:flex; flex-wrap:nowrap; margin:0; padding:0; list-style:none; will-change:transform; }
#visualSlider li { flex-shrink:0; box-sizing:border-box; padding:0 4px; }
#visualSlider li img { margin:0; }          /* 기존 margin:10px 0 리셋 */
.img_area { overflow:hidden; }

@media all and (min-width:768px){
.allpop:after{background:rgba(0, 0, 0, .3)}
.allpop>div{width: 100%;max-width: 1220px;margin: 50px  auto;}
.allpop .img_area ul{display:flex;justify-content: center;flex-wrap: wrap;}
.allpop .img_area li{display: inline-block;margin: 30px 5px;float: left;width: calc(33.333% - 10px);}
.allpop .img_area li img{width:100%;margin: 0;}
.allpop .top_a>div:first-child{float:left;width: auto;background: #000;}
.allpop .top_a{text-align: right;margin: 0 auto;}
.allpop .round{border-radius:30px;padding: 10px 27px;display: inline-block;width: auto;margin: 0;}
.al_btn button.close, .al_btn button.oneday{padding: 15px 50px 15px 25px;}
.al_btn button.close:after, .al_btn button.oneday:after{height: 27px;top: 8px;right: 17px;}
.allpop .al_tit{font-size:16px}
.al_btn button{margin:0 4px}
}

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

.allpop .top_a{width:auto;max-width: calc(1220px - 10px);}
.allpop{align-items: center;position: fixed;}
.allpop>div{margin: 0 auto;}
.al_btn button{margin:0}
.allpop .top_a p{letter-spacing:0;}
.allpop .img_area ul{max-height: 440px;overflow: hidden;}
.allpop .img_area li{max-height: 400px;overflow: hidden;max-width: 400px;}
}