@charset "utf-8";

/*header*/
#header{position: sticky; top: 0; background-color: #fff; z-index: 111; margin-bottom: 20px;}
#header > .container{border-bottom: 1px solid #eee; padding: 0}
#header_content {display: flex; justify-content: space-between; padding: 12px 15px; align-items: center;}
#header_content .left{display: flex; align-items: center; gap: 20px;}

#header_menu {display: inline-block; font-size:24px;cursor:pointer;}
#header_logo a{display: block; height: 24px;}
#header_logo img{display: block; height: 100%;}


#header_logo a {display:block;}
#header_btn {display: flex; gap: 5px; align-items: center;}
#header_btn a {}
#header_btn a.fa {font-size:24px;color:#4267b2;}
#header_btn a.insta {display: flex; width: 24px; height:24px; font-size:20px;background:var(--color-basic);color:#fff; border-radius:4px; align-items: center; justify-content: center;}
#header_btn a.insta i {vertical-align:top;}
#header_search {text-align: right; margin-left: 0.25em;}
#header_search i {cursor:pointer;vertical-align:middle;font-size:20px;}
#header_search_bar {height: 0; overflow: hidden; background:var(--color-basic);
-moz-transition: all .2s ease; box-sizing: content-box;
-o-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;}
#header_search_bar.active {height: fit-content; padding: 10px;}
#header_search_bar > form{display: flex; align-items: center; gap: 10px;}
#header_search_bar > form > a{font-size: 20px; color: #fff;}



/*mobile_menu*/
#mobile_menu {display:none;width:100%;height:100%;z-index:10000;}
#mobile_menu .menu_bg {position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:10000;}
#mobile_menu .mobile_logo {width:100%;height:50px;border-bottom:1px solid #444;padding:0 20px;}
#mobile_menu .mobile_logo a {display:inline-block;padding-top:5px;color:#fff;line-height:50px;}
/*
#mobile_menu .mobile_logo a img {height:40px;}
*/

#mobile_menu .mobile_info {padding:20px;}
#mobile_menu .mobile_info a {float:left;display:block;color:#bbb;}
#mobile_menu .mobile_info a:first-child {margin-right:5px;}
#mobile_menu .mobile_info a:last-child {float:right;}
#mobile_menu .mobile_info a:hover {color:#bbb;}
#mobile_menu #moblie_nav {position:fixed;left:-295px; overflow-y:scroll; width:285px;height:100%;z-index:10100;box-shadow:3px 0 5px rgba(0, 0, 0, 0.35); background:#323232;}
#mobile_menu #moblie_nav::-webkit-scrollbar {width: 5px;}
#mobile_menu #moblie_nav::-webkit-scrollbar-track {background: transparent;}
#mobile_menu #moblie_nav::-webkit-scrollbar-thumb {background: #ddd; border-radius: 5px;}

#mobile_menu #moblie_nav > div {position:relative;}
#mobile_menu ul > li {width: 100%;}
#mobile_menu ul > li > p {width:100%;height:42px;line-height:42px;display:block;font-size:14px;padding:0 42px 0 20px;}
#mobile_menu ul > li > p > a {color:#888;display:inline-block;}
#mobile_menu ul > li > p.active > a {color:#fff;}
#mobile_menu ul > li > p.sub {position:relative;}
p.sub > .angle {color:#fff;position:absolute;right:20px;opacity:0.6}
/*
#mobile_menu ul > li > p.sub:after {content:"";position:absolute;top:0;right:18px;width:14px;height:100%;background:url(/theme/wide04/mobile/img/ic_tab_arr_bottom.png) center no-repeat;background-size:contain;} */
#mobile_menu ul > li > div {display:none;}
#mobile_menu ul > li > div > ul > li a {width:100%;height:42px;line-height:42px;display:block;font-size:14px;background:#222;color:#888;padding:0 20px 0 28px;}
#mobile_menu .btn_close {position:absolute;top:15px;right:20px;cursor:pointer;width:20px;height:20px;background:url(/theme/wide04/mobile/img/btn_m_close.png);background-size:cover;}

/*header_nav*/
#header_nav ul li {float:left;width:20%;}
#header_nav ul li a {display:block;line-height:48px;text-align:center;font-size:16px;}
#header_nav ul li a.active {border-bottom:2px solid var(--color-basic);}
@media (max-width: 425px) {
#header_nav ul li a {font-size:15px;}
}
@media (max-width: 375px) {
#header_nav ul li a {line-height:38px;font-size:13px;font-weight:bold;}
}
@media (max-width: 320px) {
#header_nav ul li a {font-size:12px;}
}

/*main*/

#main > .container > .row > .col-sm-6:last-child {border-left:1px solid #eee;}
@media (max-width: 768px) {
#main .container .row .col-sm-6:last-child {border-left:0;}
}

/*main_news*/
#main_news {padding-bottom:40px;}

/*title*/
.title_type01 {margin-bottom:20px;position:relative;}
.title_type01 h1 { font-size: 18px;font-weight: 600;letter-spacing: -0.02em;}
.title_type01 h3 {float:left;font-size:18px;font-weight:bold;padding-left:10px;line-height:28px;}
.title_type01 h3:before {content:'';position:absolute;top:0px;left:0;width:2px;height:100%;background:var(--color-basic);}
.title_type01 a.more {float:right;height:28px;line-height:28px;font-weight:bold;vertical-align:middle;}
.title_type01 a.write {float:right;line-height:28px;font-weight:bold;border:1px solid var(--color-basic);color:var(--color-basic);border-radius:4px;padding:0 15px;}
.title_type01 a.write i {font-size:18px;color:var(--color-basic);}
.title_type01 a.back {float:right;line-height:28px;font-weight:bold;border:1px solid var(--color-basic);color:var(--color-basic);border-radius:4px;padding:0 15px;}
.title_type01 a i {font-size:22px;color:#666;position:relative;top:2px;}
.title_type01 button.write {float:right;line-height:28px;font-weight:bold;border:1px solid var(--color-basic);color:var(--color-basic);border-radius:4px;padding:0 15px;}

.title_type02 {margin-bottom:20px;position:relative;background:var(--color-basic);}
.title_type02 h3 {float:left;font-size:18px;color:#fff;font-weight:bold;padding-left:10px;line-height:34px;}

.title_type03 {height:34px;margin-bottom:5px;position:relative;}
.title_type03 h3 {float:left;font-size:18px;font-weight:bold;line-height:34px;vertical-align:middle;}
.title_type03 h3 i {font-size:12px;line-height:34px;}

/*headline*/
.main_headline {margin-bottom:10px;}
.main_headline a {display:block;position:relative;}
.main_headline .hl_news_img img {width:100%;height:280px;object-fit:cover;}
.main_headline .hl_news_info {position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
.main_headline .hl_news_info .info_title {width:90%;margin:0 auto;padding:10px 0 30px;color:#fff;font-size:18px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.main_headline .swiper-pagination-bullet {background:#fff;opacity:1;}
.main_headline .swiper-pagination-bullet-active {background:var(--color-basic);}

/*webzine_news*/
.main_webzine_news {margin-bottom:20px;}
.main_webzine_news li {margin:15px 0}
.main_webzine_news .main_webzine_swiper {padding-bottom:40px;}
.main_webzine_news .main_webzine_swiper ul li {margin-bottom:10px;}
.main_webzine_news .main_webzine_swiper ul li:last-child {margin-bottom:0;}
.main_webzine_news .webzine_news_img {width:38%;height:158px;margin-right:2%;float:left;padding-left: 1px;}
.main_webzine_news .webzine_news_img img {width:100%;/*height:80px;*/height:158px;object-fit:cover;}
.main_webzine_news .webzine_news_info {width:60%;float:left; padding: 15px 0;}
.main_webzine_news .webzine_news_info .info_title {font-size:15px;color:#000;max-height:48px;overflow:hidden;margin-bottom:10px; font-weight: 500;}
.main_webzine_news .webzine_news_info .info_title span.brake {background:var(--color-basic);color:#fff;border-radius:4px;font-size:14px;padding:3px 6px;margin-right:5px;}
.main_webzine_news .webzine_news_info .info_text { color: #888;overflow: hidden;white-space:normal;text-overflow: ellipsis;max-height: 80px;display: -webkit-box;-webkit-line-clamp: 4;line-height: 20px; -webkit-box-orient: vertical;}
.main_webzine_news .swiper-pagination {bottom:0;}
.main_webzine_news .swiper-pagination-bullet {background:#eee;opacity:1;}
.main_webzine_news .swiper-pagination-bullet-active {background:var(--color-basic);}

/*line_news*/
#main_line_news {margin-bottom:20px; padding: 5px 0; border: 1px solid #eee; border-style: solid none; }
#main_line_news .line_news span {width: 90px; text-align:center; float:left; height: 36px; font-size:12px; line-height: 36px; text-align:center; display:inline-block; background:var(--color-basic); color:#fff;}
#main_line_news .line_news ul {height:36px; padding:0 10px; overflow:hidden;}
#main_line_news .line_news ul li a {display:block; line-height: 36px; font-size: 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

#main_line_news .line_news_all {height:0;overflow:hidden;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;}
#main_line_news .line_news_all.active {height:634px;}
#main_line_news .line_news_all ul {padding:10px;}
#main_line_news .line_news_all ul li {display: inline-block; border-bottom:1px solid #eee;}
#main_line_news .line_news_all ul li:last-child {border-bottom:0;}
#main_line_news .line_news_all ul li a {display:block;line-height:40px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*board*/
.main_board {margin-bottom:40px;}
.main_board ul {border:1px solid #eee;padding:10px;}
.main_board ul li {line-height:24px;border-bottom:1px solid #eee;margin-bottom:10px;}
.main_board ul li:last-child {border-bottom:0;margin-bottom:0;}
.main_board ul li a {width:82%;float:left;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.main_board ul li a.notice {font-weight:bold;}
.main_board ul li span.date {display:inline-block;color:#888;}


/*side*/

/*photo_news*/
.side_photo_news {margin-bottom:20px;}
.side_photo_news .side_photo_swiper {padding-bottom:40px;}
.side_photo_news .photo_news_img {margin-bottom:10px;}
.side_photo_news .photo_news_img img {width:100%;height:210px;object-fit:cover;}
.side_photo_news .photo_news_info .info_title {font-size:14px; max-height:42px; overflow:hidden; font-weight: 500;}
.side_photo_news .swiper-pagination {bottom:0;}
.side_photo_news .swiper-pagination-bullet {background:#eee;opacity:1;}
.side_photo_news .swiper-pagination-bullet-active {background:var(--color-basic);}

/*board_news*/
.side_board_news {margin-bottom:20px;}
.side_board_news ul li {border-bottom:1px solid #eee; line-height:26px; padding: 5px 0; font-weight: 500;}
.side_board_news ul li a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.side_board_news .side_board_swiper {padding-bottom:25px;}
.side_board_news .swiper-pagination {bottom:0;}
.side_board_news .swiper-pagination-bullet {background:#eee;opacity:1;}
.side_board_news .swiper-pagination-bullet-active {background:var(--color-basic);}

/* 텍스트형 스킨 */
.side_text_news {margin-bottom:20px;}
.side_text_news ul li {border-bottom:1px solid #eee;line-height:26px;}
.side_text_news ul li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding: 5px 0; font-weight: 500;}
.side_text_news .side_text_swiper {padding-bottom: 40px;}
.side_text_news .swiper-pagination {bottom:0;}
.side_text_news .swiper-pagination-bullet {background:#eee;opacity:1;}
.side_text_news .swiper-pagination-bullet-active {background:var(--color-basic);}


/*popular_news*/
.side_popular_news {margin-bottom:20px;}
.side_popular_news ul li {border-bottom:1px solid #eee;line-height:24px;margin-bottom: 10px;}
.side_popular_news ul li span {float:left;font-weight:bold;font-style:italic;color:#888;margin-right:10px;font-size:18px;line-height:36px;}
.side_popular_news ul li span.color {color:var(--color-basic);}
.side_popular_news ul li a {display:block;font-size:16px;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*footer*/
#footer {border-top:2px solid var(--color-basic);background:#fff;padding:20px 0;}
#footer_btn {text-align:center;margin-bottom:20px;}
#footer_btn a {display:inline-block;color:#fff;padding:5px 15px;border-radius:5px;font-size:15px;margin-bottom:5px;}
#footer_btn a.ka_add {width:120px;padding:5px 0 5px 15px;background:url(../img/ka_add.png) no-repeat;color:#361b19;}
#footer_btn a.report {background:var(--color-basic);}
#footer_btn a.device_change {background:#666;}
#footer_logo {margin-bottom:20px;text-align:center;}
#footer_logo a {display:block;}
#footer #footer_address li {color:#888;margin-bottom:5px;}

/*move_btn*/
.move_btn {display:block;position:fixed;bottom:10px;z-index:99;transition: all 1s;text-indent:-9999px;background:rgba(250,250,250,0.8);border:1px solid #c9c9c9;}
.move_btn a {width:45px;height:47px;display:block;}
#move_btn01 {left:-47px;}
#move_btn02 {right:-47px;}
#move_btn03 {right:-47px;}
#move_btn01 a {background:url(../img/backward.png) no-repeat;}
#move_btn02 a {background:url(../img/top.png) no-repeat;}
#move_btn03 a {background:url(../img/home.png) no-repeat;}

/*sub*/
.company01 table { text-align: left; border: 4px solid #ccc; margin: 20px auto 0; }
.company01 table tbody tr:nth-child(even) { background: #f1f1f1; }
.company01 table tbody tr { display:grid; grid-template-columns: 30% 68%; }
.company01 table th, .company01 table th span { text-align:center; font-weight:bold; font-size:1.2rem; }
.company01 table td { display:flex; }
.company01 table td > span { padding-left:1rem; }
.company01 table td:before { content:''; border-left:1px solid #aaa; width:1px; height:100%; display:inline-block; }
.company01 table th,
.company01 table td { padding:1rem 0.5rem; color: #333; font-weight: 400; }

/*list*/
.sub_news_list .news_list_title {display: flex; background:#f2f2f2;margin-bottom:20px;padding:10px; align-items: center; justify-content: space-between;}
.sub_news_list .news_list_title h1, .sub_news_list .news_list_title h3{font-size: 20px; font-weight: 600; letter-spacing: -0.02em;}
.sub_news_list .news_list_title .list_type_btn {float:right;border:1px solid #888;font-size:0;}
.sub_news_list .news_list_title .list_type_btn a {display:inline-block;font-size:18px;line-height:26px;padding:0 5px;color:#888;}
.sub_news_list .news_list_title .list_type_btn a.active {background:#888;color:#fff;}

.sub_news_list .news_list li {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;}
.sub_news_list .news_list li:last-child {padding-bottom:0;border-bottom:0;}

.sub_news_list .list_type01 .news_list .webzine_news_img img {display:none;}
.sub_news_list .list_type01 .news_list .webzine_news_info {width:100%;}
.sub_news_list .list_type01 .news_list .webzine_news_info .info_title {font-size:15px;color:#000;max-height:48px;overflow:hidden;margin-bottom:10px; font-weight: 500;}
.sub_news_list .list_type01 .news_list .webzine_news_info .info_text {color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.sub_news_list .list_type02 .news_list .webzine_news_img {width:32%;height:120px;margin-right:2%;float:left;}
.sub_news_list .list_type02 .news_list .webzine_news_img img {width:100%;height:120px;object-fit:cover;}
.sub_news_list .list_type02 .news_list .webzine_news_info {width:66%;float:left;}
.sub_news_list .list_type02 .news_list .webzine_news_info .info_title {font-size:15px;color:#000;max-height:48px;overflow:hidden;margin-bottom:10px; font-weight: 500;}
.sub_news_list .list_type02 .news_list .webzine_news_info .info_text {color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sub_news_list .list_type02 .news_list .webzine_news_info .info_text {height:60px;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;white-space: normal;}
.sub_news_list .list_type03 .news_list li {width:48%;margin:1%;float:left;border-bottom:0;}
.sub_news_list .list_type03 .news_list .webzine_news_img {width:100%;height:80px;}
.sub_news_list .list_type03 .news_list .webzine_news_img img {width:100%;height:80px;object-fit:cover;}
.sub_news_list .list_type03 .news_list .webzine_news_info {width:100%;border:1px solid #eee;padding: 10px;}
.sub_news_list .list_type03 .news_list .webzine_news_info .info_title {font-size:15px; color:#000;line-height: 1.4; height: 2.8em; overflow:hidden; margin-bottom: 5px; text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-weight: 500;}
.sub_news_list .list_type03 .news_list .webzine_news_info .info_text {color:#888;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.sub_news_list .news_more_btn {background:#f2f2f2;border-top:1px solid #eee;}
.sub_news_list .news_more_btn ul {text-align:center;}
.sub_news_list .news_more_btn ul li {display:inline-block;}
.sub_news_list .news_more_btn ul li:nth-child(2) a {font-weight:bold;font-size:18px;margin:0 5px;}
.sub_news_list .news_more_btn ul li a {font-size:16px;line-height:40px;}
.sub_news_list .news_more_btn > a {display:block;background:var(--color-basic);text-align:center;color:#fff;padding:10px 0;font-size:16px;line-height:18px;}
.sub_news_list .news_more_btn > a span {display:block;color:#ddd;font-size:14px;}

/*video*/
.sub_news_video {margin-bottom:20px;}
.sub_news_video .v_img img {width:100%;}
.sub_news_video .v_img {display:block;}

.sub_news_video .play_btn {position:relative;}
.sub_news_video .play_btn:after {content:"";display:block;width:60px;height:60px;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:9999;cursor:pointer;background:url(../img/play_btn.png) center no-repeat;background-size:contain;}

.sub_news_video li .play_btn:after {width:40px;height:40px;top:50%;left:50%;margin-top:-20px;margin-left:-20px;}

.sub_news_video .v_text {position:absolute;left:0;right:0;color:#fff;overflow:hidden;z-index:9999;}
.sub_news_video .l_video_news {margin-bottom:10px;position:relative;}
.sub_news_video .l_video_news .v_img {overflow:hidden;height:240px;}
.sub_news_video .l_video_news .v_img img {height:240px;width:100%;object-fit:cover}
.sub_news_video .l_video_news .v_text {bottom:0;padding-left:10px;background:rgba(0,0,0,0.7);}
.sub_news_video .l_video_news .v_text p {font-size:18px;height:72px;line-height:34px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sub_news_video .video_thumb li {float:left;width:49%;margin-right:2%;position:relative;}
.sub_news_video .video_thumb li:last-child {margin-right:0;}
.sub_news_video .video_thumb li .v_text {height:60px;bottom:0;padding:0 5px;background: url(../img/bg_video_thumb.png);padding-top:16px;}

.sub_news_video02 .play_btn {position:relative;}
.sub_news_video02 .play_btn:after {content:"";display:block;width:40px;height:40px;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;z-index:9999;cursor:pointer;background:url(../img/play_btn.png) center no-repeat;background-size:contain;}

.sub_news_video02 {margin-bottom:20px;}
.sub_news_video02 ul li {width:48%;float:left;margin-bottom:10px;height:192px;}
.sub_news_video02 ul li:nth-child(2n) {margin-left:2%;}
.sub_news_video02 ul li a {display:block;}
.sub_news_video02 {margin-bottom:20px;}
.sub_news_video02 .video_news_img {height:140px;overflow:hidden;margin-bottom:10px;display:block;background:#f2f2f2;}
.sub_news_video02 .video_news_img img {width:100%;height:140px;object-fit:cover;}
.sub_news_video02 .video_news_info .info_title {font-size:14px;max-height:42px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:21px;height:42px;overflow:hidden;text-overflow:ellipsis;}



.sub_news_video02 .news_more_btn {background:#f2f2f2;border-top:1px solid #eee;}
.sub_news_video02 .news_more_btn ul {text-align:center;}
.sub_news_video02 .news_more_btn ul li {display:inline-block;}
.sub_news_video02 .news_more_btn ul li:nth-child(2) a {font-weight:bold;font-size:18px;margin:0 5px;}
.sub_news_video02 .news_more_btn ul li a {font-size:16px;line-height:40px;}
.sub_news_video02 .news_more_btn > a {display:block;background:var(--color-basic);text-align:center;color:#fff;padding:10px 0;font-size:16px;line-height:18px;}
.sub_news_video02 .news_more_btn > a span {display:block;color:#ddd;font-size:14px;}


/*view*/
#sub_news {margin-bottom:40px;}

#news_info {margin-bottom:20px; border-bottom:2px solid #eee;}
#news_info .news_view_nav {color:#666;margin-bottom:10px;}
#news_info .news_view_nav i {margin:0 5px;}
#news_info .news_view_title {margin-bottom:20px;}
#news_info .news_view_title h1{font-size: 20px; font-weight: 600;}
#news_info .news_view_title .bar_list{font-size: 12px; color:#666; margin-top:10px; line-height: 1;}
#news_info .news_view_title h3 {word-break: break-all;}

#news_info .news_btn > div {position: relative; text-align:center;border:1px solid #eee; padding: 8px;}
/*#news_info .news_btn .news_sns01 {margin-bottom:20px;position:relative;}
 #news_info .news_btn .news_sns01 #sns_layer {width:280px;position:absolute;top:-1px;right:-246px;background:#fff;border:1px solid #ededed;display:none;}
#news_info .news_btn .news_sns01 #sns_layer p {border-bottom:1px solid #eee;}
#news_info .news_btn .news_sns01 #sns_layer a {width:14.28%;float:left;height:34px;display:inline-block;text-indent:-9999px;border-right:1px solid #eee;}
#news_info .news_btn .news_sns01 #sns_layer a:last-child {border-right:0;} */

/* #news_info .news_btn .news_sns01 #sns_layer a.sns_fa {background:url(../img/fa.png) no-repeat center;}
#news_info .news_btn .news_sns01 #sns_layer a.sns_tw {background:url(../img/tw.png) no-repeat center;}
#news_info .news_btn .news_sns01 #sns_layer a.sns_ka {background:url(../img/ka.png) no-repeat center;}
#news_info .news_btn .news_sns01 #sns_layer a.sns_ks {background:url(../img/ks.png) no-repeat center;}
#news_info .news_btn .news_sns01 #sns_layer a.sns_gp {background:url(../img/gp.png) no-repeat center;}
#news_info .news_btn .news_sns01 #sns_layer a.sns_ba {background:url(../img/ba.png) no-repeat center;}
#news_info .news_btn .news_sns01 #sns_layer a.sns_url {background:url(../img/url.png) no-repeat center;}

#news_info .news_btn .news_font {float:right;font-size:0;margin-bottom:10px;}
#news_info .news_btn .news_font button {width:42px;height:32px;font-weight:bold;}
#news_info .news_btn .news_font button.minus {font-size:15px;color:#666;border-right:1px solid #eee;}
#news_info .news_btn .news_font button.plus {font-size:18px;font-weight:bold;}
 */



.news_btn{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.q_btn:hover{cursor: pointer;}
.q_pop{display: none; position: absolute; left: 0; top: -50%; padding: 20px; background-color: #fff; border-radius: 20px; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); width: 240px; z-index: 1;}
.q_pop .ar_title {display: flex; align-items: center; justify-content: space-between; padding: 0; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.q_pop .ar_title .tit{font-size: 15px; color: inherit; font-weight: 600;}
.q_pop .q_close{color: #ccc; padding: 0 5px 0 10px;}
.q_pop .q_close:hover{color: inherit; transition-duration: 100ms;}
.q_tit{display: block; font-size: 12px; margin-top: 8px; font-weight: 500; white-space: nowrap; text-align: center;}

.q_share{display: flex; gap: 20px 10px; flex-wrap: wrap;}
.q_share li{width: 30%;}
.q_share li .icon { display: block; width: 34px; height: 34px; background: url(../img/btn_share.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto;}
.q_share .sns_fa .icon { background-position: 0 0;}
.q_share .sns_tw .icon{ background-position: -40px 0;}
.q_share .sns_ka .icon{ background-position: -120px 0;}
.q_share .sns_blog .icon{ background-position: -240px 0;}
.q_share .sns_ba .icon{ background-position: -280px 0;}
.q_share .sns_url .icon{ background: url(../img/icon_url.png) no-repeat center / cover;}

.news_font button + button{margin-left: 6px; padding-left: 6px; border-left: 1px solid #eee;}
.news_font button{line-height: 1;}




#news_article p {font-size:14px;/*margin:15px 0;*/word-break: break-all;}
#news_article p:first-child {margin-top:0;}
#news_article p img {width:100%;}

#news_article div {font-size:14px;/*margin:15px 0;*/}
#news_article div:first-child {margin-top:0;}
#news_article div img {width:100%;}

#news_footer .news_writer {text-align:right;margin-bottom:5px;}
#news_footer .news_writer a {color:var(--color-basic);}
#news_footer .news_copy {text-align:right;}
#news_footer .news_sns02 {display: flex; margin:20px 0;border:1px solid #eee;}
#news_footer .news_sns02 a {flex: 1; height:34px;display:inline-block;text-indent:-9999px;border-right:1px solid #eee;}

#news_footer .news_sns02 a:last-child {border-right:0;}

#news_footer .news_sns02 a.sns_fa {background:url(../img/fa.png) no-repeat center;cursor:pointer;}
#news_footer .news_sns02 a.sns_tw {background:url(../img/tw.png) no-repeat center;cursor:pointer;}
#news_footer .news_sns02 a.sns_ka {background:url(../img/ka.png) no-repeat center;cursor:pointer;}
#news_footer .news_sns02 a.sns_ks {background:url(../img/ks.png) no-repeat center;cursor:pointer;}
#news_footer .news_sns02 a.sns_gp {background:url(../img/gp.png) no-repeat center;cursor:pointer;}
#news_footer .news_sns02 a.sns_blog {background:url(../img/blog.png) no-repeat center;cursor:pointer;}
#news_footer .news_sns02 a.sns_ba {background:url(../img/ba.png) no-repeat center;cursor:pointer;}
#news_footer .news_sns02 a.sns_url {background:url(../img/url.png) no-repeat center;cursor:pointer;}

/*related_news*/
#news_footer .related_news {margin-bottom:40px;}
#news_footer .related_news ul li {line-height:24px;position:relative;padding-left:10px;}
#news_footer .related_news ul li:before {content:"";display:block;position:absolute;left:0;top:13px;width:2px;height:2px;background:#333;}
#news_footer .related_news ul li a {display:block;font-size:14px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*news_comment*/
#news_comment {margin-top:20px;}

#news_paging {width:290px;margin:0 auto;margin-top:20px;text-align:center;}
#news_paging a {font-size:16px;cursor:pointer;}
#news_paging .disable a {cursor:default;color:#888;}
#news_paging .prev {float:left;}
#news_paging .prev a, #news_paging .next a {display:block;line-height:30px;}
#news_paging .paging_num {display:inline-block;text-align:center;}
#news_paging .paging_num li {display:inline-block;}
#news_paging .paging_num li a {width:30px;height:30px;line-height:28px;display:block;border:1px solid var(--color-basic);border-radius:4px;margin:0 4px;}
#news_paging .next {float:right;}

/*comment*/
.comment_info {margin-bottom:10px;}
.comment_info p {font-size: 16px; font-weight: 600;}
.comment_info p span.count {font-weight:bold;color:var(--color-basic);}
.comment_info a {float:right;margin-right:10px;color:#666;}
.comment_info a.active {font-weight:bold;color:#333;}
.comment_info .more {font-weight:bold;margin-right:0;}
.comment_content {position: relative;}

.comment_content input {border:1px solid #e0e0e0;padding:6px 10px;}
.comment_write_top input[name="name"] {width:60%;float:left;}
.comment_write_top input[name="password"] {float:right;width:30%;}
.comment_write_top .comment_captcha {width:100%;float:left;margin-top:10px;position:relative;}
.comment_write_top .comment_captcha input {width:100%;}
.comment_write_top .comment_captcha img {height:29px;position:absolute;top:3px;right:1px;display:none;}

.comment_write_bottom {margin-top:10px;}
.comment_write_bottom .comment_write {padding-bottom: 40px; background:#fbfbfb; border-radius:4px; border: 1px solid #eee}
.comment_write_bottom .comment_write textarea {width:100%; border:0; resize:none; line-height:1.5em; overflow:hidden; word-break:break-all; background-color: transparent;}
.comment_write_bottom .comment_write textarea:focus{box-shadow: none;}
.comment_write_bottom .comment_write .ffd{position: absolute; left: 5px; bottom: 10px; display: block; width: fit-content; font-size: 0.8em;}
.comment_write_bottom .btn{position: absolute; right: 5px; bottom : 5px;}
.comment_write_bottom .comment_write .check {float:left; color:#666;}
.comment_write_bottom .comment_write .check span {color:var(--color-basic);font-weight:bold;}
.comment_write_bottom .comment_write button {float:right;cursor:pointer;padding:5px 15px;border:1px solid #eee;font-weight:bold;border-radius:2px;}
.comment_write_bottom .comment_write button i {color:var(--color-basic);}

.comment_list {margin: 10px 0;}
.comment_list > li {padding-top: 10px; border-top: 1px solid #eee;}
.comment_list li:last-child {margin-bottom:0;}
.comment_list li .comment_top {margin-bottom:10px;}
.comment_list li .comment_top strong {font-weight:600;color: #161616;}
.comment_list li .comment_top span.date {float:right;color:#999;}
.comment_list li .comment_bottom { border-radius:4px; position:relative; word-break:break-all;}
.comment_list li .comment_bottom p {color:#545454;}
.comment_list li .comment_bottom p .delete {color:#888;margin-left:10px;cursor:pointer;}
.comment_list li .comment_bottom p a {float:right;margin-left:5px;}
.comment_list li .comment_bottom p a:last-child {margin-left:0;}
.comment_list li .comment_bottom .comment_reply a {font-size: 12px; font-weight: 500; text-decoration: underline;}
.comment_list li .comment_bottom .comment_reply_reply {display:none; background-color: #fbfbfb; padding-bottom: 10px; padding-top : 10px; border-top: 1px solid #eee;}

.comment_list li .comment_bottom .vote a {font-size:11px;cursor:pointer;display:inline-block;border:1px solid #e0e0e0;padding:4px 6px;border-radius:2px;background:#f6f6f6;color:#666;}
.comment_list li .comment_bottom .vote .recommend .count {color:var(--color-basic);}
.comment_list li .comment_bottom .vote .recommend:hover {color:var(--color-basic);}
.comment_list li .comment_bottom .vote .recommend.active i {color:var(--color-basic);}
.comment_list li .comment_bottom .vote .dissent:hover {color:#333;}
.comment_list li .comment_bottom .vote .dissent.active i {color:#333;}

.comment_list li .comment_bottom .comment_delete {display:none;width:300px;text-align:center;border:1px solid #9e9e9e;background:#fff;position:absolute;left:0;z-index:99;padding-bottom:20px;}
.comment_list li .comment_bottom .comment_delete div {line-height:34px;background:#343434;color:#fff;margin-bottom:20px;}
.comment_list li .comment_bottom .comment_delete input {width:80%;border:1px solid #e0e0e0;padding:6px 10px;margin-bottom:10px;}
.comment_list li .comment_bottom .comment_delete button {cursor:pointer;padding:5px 15px;border:1px solid #eee;font-weight:bold;border-radius:2px;}
.comment_row{display: flex; align-items: center; width: 100%; justify-content: space-between; margin-top: 10px; margin-bottom: 5px;}
.comment_list li.empty{text-align: center; padding: 50px 0;}


/*report*/
#report_info {margin-bottom:40px;}
#report_info div {background:#ededed;line-height:44px;font-size:18px;margin-bottom:20px;text-align:center;}
#report_info textarea {width:100%;border:1px solid #e0e0e0;background:#fdfdfd;padding:10px 20px;word-break:break-all;margin-bottom:10px;}
#report_info label input {margin-right:5px;}
#report_info label {font-size:16px;}

#report_form {text-align:center;margin-bottom:40px;}
#report_form div {background:#ededed;line-height:44px;font-size:18px;margin-bottom:20px;}
#report_form input {width:100%;border:1px solid #e0e0e0;padding:6px 10px;margin-bottom:10px;}
#report_form textarea {width:100%;border:1px solid #e0e0e0;padding:6px 10px;resize:none;line-height:1.5em;overflow:hidden;word-break:break-all;margin-bottom:20px;}
#report_form button {background:#333;padding:5px 15px;font-size:18px;border-radius:5px;color:#fff;}

/*community*/
#community_wrap {margin:0 -15px 20px;}
#community_wrap h4 i {color:var(--color-basic);}
#community_wrap h4 {font-size:18px;font-weight:bold;margin-bottom:20px;}
#community_wrap .community_list {border:1px solid #eee;padding:10px;margin-bottom:40px;}
#community_wrap .community_list li {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;}
#community_wrap .community_list li:last-child {padding-bottom:0;border-bottom:0;}

#community_wrap .community_list01 .community_list .webzine_news_img img {display:none;}
#community_wrap .community_list01 .community_list .webzine_news_info {width:100%;}
#community_wrap .community_list01 .community_list .webzine_news_info .info_title {font-size:15px;color:#000;max-height:48px;overflow:hidden;margin-bottom:10px;}
#community_wrap .community_list01 .community_list .webzine_news_info .info_text {color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

#community_wrap .community_list02 .community_list .webzine_news_img {width:32%;height:80px;margin-right:2%;float:left;}
#community_wrap .community_list02 .community_list .webzine_news_img img {width:100%;height:80px;}
#community_wrap .community_list02 .community_list .webzine_news_info {width:66%;float:left;}
#community_wrap .community_list02 .community_list .webzine_news_info .info_title {font-size:15px;color:#000;max-height:48px;overflow:hidden;margin-bottom:10px;}
#community_wrap .community_list02 .community_list .webzine_news_info .info_text {color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

#community_wrap .community_list03 .community_list {border:0;padding:0;}
#community_wrap .community_list03 .community_list li {width:48%;margin:1%;float:left;border-bottom:0;}
#community_wrap .community_list03 .community_list .webzine_news_img {width:100%;height:80px;}
#community_wrap .community_list03 .community_list .webzine_news_img img {width:100%;height:80px;}
#community_wrap .community_list03 .community_list .webzine_news_info {width:100%;border:1px solid #eee;padding:5px;}
#community_wrap .community_list03 .community_list .webzine_news_info .info_title {font-size:14px;color:#000;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#community_wrap .community_list03 .community_list .webzine_news_info .info_text {color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*board_list01*/
.board_list {border-bottom:1px solid #eee;padding:10px;margin-bottom:10px;}
.board_list.notice {background:#f2f2f2;}
.board_list.notice h3 {font-weight:bold;}
.board_list.notice h3 span {display:inline-block;background:var(--color-basic);color:#fff;padding:0 10px;border-radius:5px;line-height:22px;font-size:14px;}

/*게시판 분류 : ca_name 강조 */
.board_list.ca_name h3 .ca_name {display:inline-block;background:var(--color-basic);color:#fff;padding:0 10px;border-radius:5px;line-height:22px;font-size:14px;font-weight:bold;}

.board_list h3 {font-size:15px;margin-bottom:10px;line-height:24px;max-height:48px;overflow:hidden;}
.board_list h3 span.ico {width:18px;height:18px;display:inline-block;margin-left:5px;vertical-align:middle;}
.board_list h3 span.new {background:url(../img/board_ico.png) no-repeat center;background-position:0 0;}
.board_list h3 span.secure {background:url(../img/board_ico.png) no-repeat center;background-position:-18px 0;}
.board_list h3 span.file {background:url(../img/board_ico.png) no-repeat center;background-position:-36px 0;}
.board_list h3 span.img {background:url(../img/board_ico.png) no-repeat center;background-position:-54px 0;}
.board_list .board_list_info li {display:inline-block;position:relative;margin-right:10px;color:#888;}
.board_list .board_list_info li:after {content:"";display:block;position:absolute;top:3px;right:-8px;width:1px;height:15px;background:#ccc;}
.board_list .board_list_info li:last-child {margin-right:0;}
.board_list .board_list_info li:last-child:after {display:none;}

/*board_list02*/
.board_list02_wrap {margin:0 -15px;}
.board_list02 {margin:10px 0;}
.board_list02 .board_list_img {margin-bottom:10px;}
.board_list02 .board_list_img img {width:100%;}
.board_list02 h3 {font-size:16px;margin-bottom:10px;line-height:24px;max-height:48px;overflow:hidden;}
.board_list02 h3 span.ico {width:18px;height:18px;display:inline-block;margin-left:5px;vertical-align:middle;}
.board_list02 h3 span.new {background:url(../img/board_ico.png) no-repeat center;background-position:0 0;}
.board_list02 h3 span.secure {background:url(../img/board_ico.png) no-repeat center;background-position:-18px 0;}
.board_list02 h3 span.file {background:url(../img/board_ico.png) no-repeat center;background-position:-36px 0;}
.board_list02 h3 span.img {background:url(../img/board_ico.png) no-repeat center;background-position:-54px 0;}
.board_list02 .board_list_info li {display:inline-block;position:relative;margin-right:10px;color:#888;}
.board_list02 .board_list_info li:after {content:"";display:block;position:absolute;top:3px;right:-8px;width:1px;height:15px;background:#ccc;}
.board_list02 .board_list_info li:last-child {margin-right:0;}
.board_list02 .board_list_info li:last-child:after {display:none;}

/*board_list03*/
.board_list03_wrap {margin:0 -15px;}
.board_list03 {margin:10px 0;}
.board_list03 .board_list_img {float:left;width:40%;margin-right:10px;}
.board_list03 .board_list_img img {width:100%;}
.board_list03 h3 {font-size:16px;margin-bottom:10px;line-height:24px;max-height:48px;overflow:hidden;}
.board_list03 h3 span.ico {width:18px;height:18px;display:inline-block;margin-left:5px;vertical-align:middle;}
.board_list03 h3 span.new {background:url(../img/board_ico.png) no-repeat center;background-position:0 0;}
.board_list03 h3 span.secure {background:url(../img/board_ico.png) no-repeat center;background-position:-18px 0;}
.board_list03 h3 span.file {background:url(../img/board_ico.png) no-repeat center;background-position:-36px 0;}
.board_list03 h3 span.img {background:url(../img/board_ico.png) no-repeat center;background-position:-54px 0;}
.board_list03 .board_list_info li {display:inline-block;position:relative;margin-right:10px;color:#888;}
.board_list03 .board_list_info li:after {content:"";display:block;position:absolute;top:3px;right:-8px;width:1px;height:15px;background:#ccc;}
.board_list03 .board_list_info li:last-child {margin-right:0;}
.board_list03 .board_list_info li:last-child:after {display:none;}

/*board_search_btn*/
.board_search_btn {border-top:1px solid #e4e4e4;margin-top:20px;padding-top:20px;}
.board_search_btn .search_area {float:left;}
.board_search_btn .search_area select {height:30px;}
.board_search_btn .search_area input {height:30px;line-height:28px;padding-left:5px;}
.board_search_btn .search_area input[type="submit"] {height:30px;vertical-align:top;padding:0 15px;background:var(--color-basic);border:1px solid #eee;color:#fff;}
.board_search_btn .search_area select {height:30px;}
.board_search_btn a.write {float:right;line-height:28px;font-weight:bold;border:1px solid var(--color-basic);color:var(--color-basic);border-radius:4px;padding:0 15px;}
@media (max-width: 375px) {
.board_search_btn .search_area {float:none;text-align:center;margin-bottom:20px;}
}

/*board_view*/
#board_view_title {padding:20px 10px;background:#fbfbfb;border-top:1px solid #999;border-bottom:1px solid #eee;}
#board_view_title h3 {font-size:18px;font-weight:bold;margin-bottom:10px;}
#board_view_title .board_view_info {margin-bottom:20px;}
#board_view_title .board_view_info li {display:inline-block;position:relative;margin-right:10px;color:#888;}
#board_view_title .board_view_info li:after {content:"";display:block;position:absolute;top:3px;right:-8px;width:1px;height:15px;background:#ccc;}
#board_view_title .board_view_info li:last-child {margin-right:0;}
#board_view_title .board_view_info li:last-child:after {display:none;}
#board_view_title .board_btn li {display:inline-block;margin-right:10px;color:#888;}
#board_view_title .board_btn li:last-child {margin-right:0;}
#board_view_title .board_btn li a {background:#fff;border:1px solid #eee;padding:5px 15px;border-radius:5px;}

#board_info {padding:20px 10px;}
#board_info .board_file {margin-bottom:10px;}
#board_info ul li {margin-bottom:5px;}
#board_info ul li a {color:#666;}
#board_info ul li a i {margin-right:5px;}
#board_info ul li a b {word-wrap: break-word;}

#board_content {padding:40px 10px;font-size:16px;line-height:2em;}

/*board_comment*/
#board_comment {margin-bottom:40px;}

/*board_write*/
#board_write .title_type01 a.back {margin-left:10px;}
#board_write_form {border-top:1px solid #999;padding:20px 0;}
#board_write_form .form_group {margin-bottom:10px;}
#board_write_form .form_group label {display:block;font-size:16px;margin-bottom:5px;}
#board_write_form .form_group label i {color:var(--color-basic);}
#board_write_form .form_group label input {margin-right:5px;}
#board_write_form .form_group input[type="text"],
#board_write_form .form_group input[type="password"],
#board_write_form .form_group input[type="email"],
#board_write_form .form_group input[type="url"] {width:100%;border:1px solid #e0e0e0;padding:6px 10px;}
#board_write_form .form_group input[type="file"] {margin:20px 0;}
#board_write_form .form_group input[type="file"]:last-child {margin-bottom:0;}
#board_write_form .form_group textarea {width:100%;border:1px solid #e0e0e0;padding:6px 10px;resize:none;line-height:1.5em;overflow:hidden;word-break:break-all;}
#board_write_form .form_group select {width:100%;border:1px solid #e0e0e0;height:30px;font-size:13px;line-height:1.5;color:#333;}
#board_write_form .board_captcha {position:relative;margin-bottom:20px;}
#board_write_form .board_captcha input {width:100%;height:33px;}
#board_write_form .board_captcha img {height:29px;position:absolute;top:32px;right:1px;display:none;}
#board_write_form .form_option {border:1px solid #e0e0e0;padding:20px 10px;margin-bottom:20px;}
#board_write_form #board_write_btn {text-align:center;}
#board_write_form #board_write_btn button {background:#333;padding:5px 15px;font-size:18px;border-radius:5px;color:#fff;}

/*login*/
.auto_login {margin-bottom:10px;}
#login_btn {margin:20px 0;}
#login_btn a:last-child {float:right;}

/*find_info*/
#find_info_wrap {max-width:400px;margin:24px auto 50px;}
#find_info_wrap fieldset {border:0;}
#find_info_wrap p {margin-bottom:20px;}
#find_idpw {text-align:center;margin:10px 0;}
#find_idpw input {width:100%;padding:4px 5px;border:1px solid #ccc;}

#find_info #find_btn {text-align:center;}
#find_info #find_btn button {background:#eee;border:1px solid #b4b4b4;color:#fff;margin-left:10px;}

#find_info_wrap .form_group label {display:block;font-size:16px;margin-bottom:5px;}
#find_info_wrap .form_group label i {color:var(--color-basic);}
#find_info_wrap .form_group label input {margin-right:5px;}
#find_info_wrap .form_group input[type="text"], #board_write_form .form_group input[type="password"] {width:100%;border:1px solid #e0e0e0;padding:6px 10px;}
#find_info_wrap .login_captcha {position:relative;margin-bottom:20px;}
#find_info_wrap .login_captcha input {width:100%;height:33px;}
#find_info_wrap .login_captcha img {height:33px;position:absolute;top:30px;left:0;/*display:none;*/width: 110px;}
/* 회원정보찾기 캡차 디자인 추거 20220524 */
#find_info_wrap .login_captcha #captcha_img {border:1px solid #eee;display:block;height: 33px;}
#find_info_wrap .login_captcha #captcha_key {text-align:center;position: absolute;right: 0;top: 30px;width: calc(100% - 190px) !important;height: 33px;}
#find_info_wrap .login_captcha #captcha_mp3 {background:url('/img/icon0505.png') 50%;background-repeat: no-repeat;position: absolute;width:30px;height:33px;top: 30px;left: 115px;background-color:#cdcdcd;}
#find_info_wrap .login_captcha #captcha_reload {background:url('/img/icon0501.png') 50%;background-repeat: no-repeat;position: absolute;width:30px;height:33px;top:30px;left:150px;background-color:#cdcdcd}

/*pw_confirm*/
.pw_c_btn {text-align:center;margin-top:20px;}

/*register01*/
.register_info {margin-bottom:40px;}
.register_info div {background:#ededed;line-height:44px;font-size:18px;margin-bottom:20px;text-align:center;}
.register_info textarea {width:100%;border:1px solid #e0e0e0;background:#fdfdfd;padding:10px 20px;word-break:break-all;margin-bottom:10px;}
.register_info label input {margin-right:5px;}
.register_info label {font-size:16px;}
#register_btn {text-align:center;margin:20px 0;}

/*register02*/
#register_form {border-top:1px solid #999;padding:20px 0;}
#register_form .form_group {margin-bottom:10px;}
#register_form .form_group label {display:block;font-size:16px;margin-bottom:5px;}
#register_form .form_group label i {color:var(--color-basic);}
#register_form .form_group label input {margin-right:5px;}
#register_form .form_group input[type="text"], #register_form .form_group input[type="password"], #register_form .form_group input[type="tel"] {width:100%;border:1px solid #e0e0e0;padding:6px 10px;}
#register_form .form_group input[type="file"] {margin:20px 0;}
#register_form .form_group input[type="file"]:last-child {margin-bottom:0;}
#register_form .form_group textarea {width:100%;border:1px solid #e0e0e0;padding:6px 10px;resize:none;line-height:1.5em;overflow:hidden;word-break:break-all;}
#register_form .register_check {margin:40px 0;}
#register_form .register_captcha {position:relative;margin-bottom:20px;}
#register_form .register_captcha input {width:100%;height:33px;}
#register_form .register_captcha img {height:29px;position:absolute;top:32px;right:1px;display:none;}
#register_form .form_option {border:1px solid #e0e0e0;padding:20px 10px;margin-bottom:20px;}

/* board view */
#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1;text-align:center}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}

.view_image {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
.view_image:after {display:block;visibility:hidden;clear:both;content:""}
.view_image img {/*margin-bottom:15px;*/max-width:100%;height:auto}

.arv_003 .article-file {margin-bottom:20px;}
.arv_003 .article-file h4 {display:inline-block;padding:8px 10px;background:#617382;color:#fff;}
.arv_003 .article-file ul {background:#f3f3f3;border:1px solid #ededed;padding:10px 20px 10px;}
.arv_003 .article-file ul li {border-bottom:1px solid #e4e4e4;padding:8px 0;}
.arv_003 .article-file ul li:last-child {border-bottom:0;}
.arv_003 .article-file ul li i {color:#617382;vertical-align:text-top;margin-right:5px;}
.arv_003 .article-file ul li span {display:inline-block;width:80%;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.arv_003 .article-file ul li button {float:right;margin-top:-2px;background:#fff;font-size:12px;border:1px solid #eee;padding:2px 4px;}
.arv_003 .article-file ul li button:hover {background:#fcfcfc;}

/* 뉴스기사본문  20220524*/
/*
#news_article *{}
#news_article div img { width: 100% !important;}
#news_article figure {width: 100% !important;}
#news_article p img {width:100%;!important;}
*/

/* 기사페이지 reset */
#news_article{line-height: 1.6; padding-bottom: 50px;}
#news_article *{all: revert; max-width: 100%; margin-left: auto; margin-right: auto;}
#news_article iframe{all: revert-layer;}


/*2022-07-05 추가*/
#good_bad_section{width: 100%; height: 200px; }
#good_bad_section #good_bad_inner{width: 200px; height: 100%; margin: 0 auto;}
.com_good_bad{position: relative; float: left; width: calc(100% / 2); height: 100%}
.com_good_bad .button_good_bad{display: block; width: 82px; height: 82px; margin: 4em auto; text-align: center; text-indent: -9999em;}
.com_good_bad .good_bad_number{position: absolute; left: 49%; top: 55%; font-weight: bold; transform: translate(-50%, -50%);}
.com_good_bad .good_number{color: #f75747}
.com_good_bad .bad_number{color: #1877f2}
.com_good_bad .button_recom_good{;background: url(/theme/wide04/img/btn_recom01.png)  no-repeat 0 0; }
.com_good_bad .button_recom_bad{ background: url(/theme/wide04/img/btn_recom02_0.png)  no-repeat 0 0; }

.com_good_bad .button_good_bad:hover { background-position: -82px 0;}
.com_good_bad .button_good_bad.on { background-position: 0 -82px;}
.com_good_bad .button_good_bad.on:hover { background-position: -82px -82px;}



/*모바일 팝업*/
#hd_pop {z-index:99999;position:relative;margin:0 auto;height:0}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops > div + div{border-top: 1px solid #eee;}
.hd_pops img {max-width:100%}
.hd_pops_footer {display: flex; position:relative; }
.hd_pops_footer button {padding: 1rem; font-size: 0.9rem; font-weight: 500; text-align: left;}
.hd_pops_footer button + button{border-left: 1px solid #eee;}
.hd_pops_reject {flex: 1;}

@media screen and (max-width: 1240px) {
	.hd_pops{position: fixed; left: 50% !important; transform: translateX(-50%); }

	.hd_pops_con {width: auto !important; height:auto !important;}
	.hd_pops_footer button{padding: 10px; font-size: 10px;}
	.hd_pops_con br{display: none;}
	.hd_pops_con img {width:100% !important; height: auto !important;}
}
@media screen and (max-width: 475px) {
	.hd_pops_footer button{font-size: 8px;}
}




/* 모바일 배너 */
.ad_banner{position:relative;width:100%;margin-bottom:20px}
.ad_banner > *{margin:15px 0!important}
.ad_banner a,.ad_banner .slide_banner{display:block;width:100%;text-align:center}
.ad_banner img{display:block;width:100%;height:auto;object-fit:contain}