@charset "utf-8";

/*header*/
#header {margin-bottom:20px;}
#header_content {position:relative;border-bottom:4px solid #337ab7;padding:10px 0;}
#header_menu {height:60px;float:left;font-size:28px;line-height:60px;cursor:pointer;}
#header_logo {position:absolute;top:10px;left:50%;margin-left:-80px;width:160px;}
#header_logo a {display:block;}
#header_logo a img {width:100%;height:100%;}
#header_btn {height:60px;float:right;margin-right:60px;padding-top:18px;}
#header_btn a {display:inline-block;vertical-align:middle;}
#header_btn a.fa {font-size:30px;color:#4267b2;margin-right:5px;}
#header_btn a.insta {height:30px;font-size:25px;background:#337ab7;color:#fff;padding:3px 5px 0 5px;border-radius:4px;}
#header_btn a.insta i {vertical-align:top;}
#header_search {float:right;height:60px;line-height:60px;}
#header_search i {cursor:pointer;vertical-align:middle;font-size:26px;}
#header_search_bar {height:0;overflow:hidden;background:#337ab7;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;}
#header_search_bar.active {height:50px;padding:6px 10px 10px;}
#header_search_bar input {width:90%;float:left;border:0;padding:7px 10px 8px;background:rgba(255,255,255,0.8);}
#header_search_bar .search_btn {width:10%;height:34px;line-height:34px;display:block;float:left;text-align:center;vertical-align:middle;cursor:pointer;background:#5ba4e6;color:#fff;}
@media (max-width: 425px) {
#header_logo {top:15px;margin-left:-130px;width:140px;}
#header_btn {margin-right:50px;}
}
@media (max-width: 375px) {
#header_logo {margin-left:-120px;width:130px;}
#header_btn {margin-right:30px;}
}
@media (max-width: 320px) {
#header_logo {margin-left:-60px;width:120px;}
#header_btn {display:none;}
}

/*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: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 > 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;}
#mobile_menu ul > li > p.sub:after {content:"";position:absolute;top:0;right:18px;width:14px;height:100%;}
#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/wide01/mobile/img/btn_m_close.png);background-size:cover;}
p.sub > .angle {color:#fff;position:absolute;right:20px;opacity:0.6}
/*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 #337ab7;}
@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 #dedede;}
@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 strong {float:left;font-size:18px;font-weight:bold;padding-left:10px;line-height:28px;}
.title_type01 strong:before {content:'';position:absolute;top:0px;left:0;width:2px;height:100%;background:#337ab7;}
.title_type01 h1 {float:left;font-size:18px;font-weight:bold;padding-left:10px;line-height:28px;}
.title_type01 h1:before {content:'';position:absolute;top:0px;left:0;width:2px;height:100%;background:#337ab7;}
.title_type01 h2 {float:left;font-size:18px;font-weight:bold;padding-left:10px;line-height:28px;}
.title_type01 h2:before {content:'';position:absolute;top:0px;left:0;width:2px;height:100%;background:#337ab7;}
.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:#337ab7;}
.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 #337ab7;color:#337ab7;border-radius:4px;padding:0 15px;}
.title_type01 a.write i {font-size:18px;color:#337ab7;}
.title_type01 a.back {float:right;line-height:28px;font-weight:bold;border:1px solid #337ab7;color:#337ab7;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 #337ab7;color:#337ab7;border-radius:4px;padding:0 15px;}

.title_type02 {margin-bottom:20px;position:relative;background:#337ab7;}
.title_type02 h2 {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:20px;}
.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;letter-spacing:-1px;}
.main_headline .swiper-pagination-bullet {background:#fff;opacity:1;}
.main_headline .swiper-pagination-bullet-active {background:#337ab7;}

/*webzine_news*/
.main_webzine_news {margin-bottom:20px;}
.main_webzine_news .main_webzine_swiper {padding-bottom:25px;}
.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:80px;margin-right:2%;float:left;}
.main_webzine_news .webzine_news_img img {width:100%;height:80px;object-fit:cover;}
.main_webzine_news .webzine_news_info {width:60%;float:left;}
.main_webzine_news .webzine_news_info .info_title {font-size:16px;color:#000;max-height:48px;height:48px;overflow:hidden;margin-bottom:10px;letter-spacing:-1px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main_webzine_news .webzine_news_info .info_title span.brake {background:#337ab7;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:nowrap;text-overflow:ellipsis;}
.main_webzine_news .swiper-pagination {bottom:0;}
.main_webzine_news .swiper-pagination-bullet {background:#c4c4c4;opacity:1;}
.main_webzine_news .swiper-pagination-bullet-active {background:#337ab7;}

/*line_news*/
#main_line_news {margin-bottom:20px;background:#f2f2f2;}
#main_line_news .line_news span {width:100px;text-align:center;float:left;height:40px;font-size:14px;line-height:40px;text-align:center;display:inline-block;background:#337ab7;color:#fff;}
#main_line_news .line_news ul {height:40px;padding:0 10px;overflow:hidden;border-bottom:1px solid #d4d4d4;}
#main_line_news .line_news ul li a {display:block;line-height:40px;font-size:16px;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 {border-bottom:1px solid #d4d4d4;}
#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 #e9e9e9;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;}

/*banner*/
.ad_banner {margin-bottom:20px;}
.ad_banner a {display:block;text-align:center;}
.ad_banner a img {width:100%;height:auto;}

/*side*/

/*photo_news*/
.side_photo_news {margin-bottom:20px;}
.side_photo_news .side_photo_swiper {padding-bottom:25px;}
.side_photo_news .photo_news_img {margin-bottom:10px;}
.side_photo_news .photo_news_img img {width:100%;height:144px;object-fit:cover;}
.side_photo_news .photo_news_info .info_title {font-size:14px;max-height:42px;overflow:hidden;letter-spacing:-1px;}
.side_photo_news .swiper-pagination {bottom:0;}
.side_photo_news .swiper-pagination-bullet {background:#c4c4c4;opacity:1;}
.side_photo_news .swiper-pagination-bullet-active {background:#337ab7;}

/*board_news*/
.side_board_news {margin-bottom:20px;}
.side_board_news ul li {border-bottom:1px solid #e9e9e9;line-height:24px;margin-bottom: 10px;}
.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:#c4c4c4;opacity:1;}
.side_board_news .swiper-pagination-bullet-active {background:#337ab7;}

/*popular_news*/
.side_popular_news {margin-bottom:20px;}
.side_popular_news ul li {border-bottom:1px solid #e9e9e9;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:#337ab7;}
.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 #337ab7;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:#337ab7;}
#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*/

/*list*/
.sub_news_list .news_list_title {background:#f2f2f2;margin-bottom:20px;padding:10px;}
.sub_news_list .news_list_title h1 {float:left;font-size:18px;line-height:26px;font-weight:bold;letter-spacing:-1px;}
.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 #e9e9e9;overflow:hidden;}
.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:16px;color:#000;max-height:48px;overflow:hidden;margin-bottom:10px;letter-spacing:-1px;}
.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:80px;margin-right:2%;float:left;}
.sub_news_list .list_type02 .news_list .webzine_news_img img {width:100%;height:80px;}
.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:16px;color:#000;max-height:48px;overflow:hidden;margin-bottom:10px;letter-spacing:-1px;}
.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_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;}
.sub_news_list .list_type03 .news_list .webzine_news_info {width:100%;border:1px solid #c4c4c4;padding:5px;}
/* 모바일 검색 이미지출력 부분 20220613 수정 */
.sub_news_list .list_type03 .news_list .webzine_news_info .info_title {font-size: 14px;color: #000;max-height: 48px;overflow: hidden;margin-bottom: 10px;letter-spacing: -1px;line-height: 24px;height: 48px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sub_news_list .list_type03 .news_list .webzine_news_info .info_text {color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.sub_news_list .news_more_btn {background:#f2f2f2;border-top:1px solid #c4c4c4;}
.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:#337ab7;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%;object-fit:cover;}
.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:280px;}
.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;}
.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:142px;}
.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:90px;overflow:hidden;margin-bottom:10px;display:block;background:#f2f2f2;}
.sub_news_video02 .video_news_img img {width:100%;height:100%;object-fit:cover;}
.sub_news_video02 .video_news_info .info_title {font-size:14px;max-height:42px;overflow:hidden;letter-spacing:-1px;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*view*/
#sub_news {margin-bottom:40px;}

#news_info {margin-bottom:20px;border-bottom:1px solid #e9e9e9;}
#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:24px}
#news_info .news_view_title span.date {display:block;margin-top:10px;color:#666;}
#news_info .news_btn > div {text-align:center;border:1px solid #e9e9e9;}
#news_info .news_btn .news_sns01 {width:32px;height:32px;color:#666;line-height:32px;float:left;font-size:16px;cursor:pointer;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 #e9e9e9;}
#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 #e9e9e9;}
#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;}
#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 #e9e9e9;}
#news_info .news_btn .news_font button.plus {font-size:18px;font-weight:bold;}

#news_article p {font-size:14px;/*margin:15px 0;*/}
#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:#337ab7;}
#news_footer .news_copy {text-align:right;}
#news_footer .news_sns02 {margin:20px 0;border:1px solid #e9e9e9;}
#news_footer .news_sns02 a {width:14.28%;float:left;height:34px;display:inline-block;text-indent:-9999px;border-right:1px solid #e9e9e9;}
#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;}
#news_footer .news_sns02 a.sns_tw {background:url(../img/tw.png) no-repeat center;}
#news_footer .news_sns02 a.sns_ka {background:url(../img/ka.png) no-repeat center;}
#news_footer .news_sns02 a.sns_ks {background:url(../img/ks.png) no-repeat center;}
#news_footer .news_sns02 a.sns_gp {background:url(../img/gp.png) no-repeat center;}
#news_footer .news_sns02 a.sns_ba {background:url(../img/ba.png) no-repeat center;}
#news_footer .news_sns02 a.sns_url {background:url(../img/url.png) no-repeat center;}

/*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 #337ab7;border-radius:4px;margin:0 4px;}
#news_paging .next {float:right;}
*/

/* paging */
.paging { position: relative; text-align: center; padding: 40px 0 0; font-size: 0; vertical-align: middle;}
.paging .btn_pagenum { display: inline-block; vertical-align: middle;}
.paging .btn_pagenum a { position: relative; display: inline-block; line-height: 1; font-size: 15px; color: #808080; height: 23px; line-height: 20px; margin: 0 12px;}
.paging .btn_pagenum a:after { position: absolute; left: -13px; top: 10px; content: ""; display: block; width: 2px; height: 2px; background: #dedede;}
.paging .btn_pagenum a:first-child:after { display: none;}
.paging .btn_pagenum a:hover { color: #0c5ba7;}
.paging .btn_pagenum a.on { color: #0c5ba7; font-weight: bold;}
/* 20220630 페이징 업데이트 */
.paging a.btn_p { position: relative; display: inline-block; width: 23px; height: 23px; background: url("/theme/text04/img/default/btn_page.png") no-repeat 0 0; text-indent: -9999px; overflow: hidden; vertical-align: middle; transition: none;opacity:0.7}
.paging a.btn_p:after { display: none;}
.paging a.btn_p.pg_start { background-position: 0 0;}
.paging a.btn_p.prev { background-position: -23px 0;}
.paging a.btn_p.next { background-position: -46px 0;}
.paging a.btn_p.pg_end { background-position: -66px 0;}
.paging a.btn_p.pg_start:hover { background-position: 0 -23px;}
.paging a.btn_p.prev:hover { background-position:-23px -23px;}
.paging a.btn_p.next:hover { background-position: -46px -23px;}
.paging a.btn_p.pg_end:hover { background-position: -66px -23px;}

/*comment*/
.comment_info {margin-bottom:10px;}
.comment_info p {display:inline-block;}
.comment_info p span.count {font-weight:bold;color:#337ab7;}
.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 {border:1px solid #e9e9e9;background:#fdfdfd;border-radius:4px;padding:15px;}
.comment_content input {border:1px solid #e0e0e0;padding:6px 10px;letter-spacing:-1px;}
.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 {border:1px solid #e9e9e9;background:#fff;border-radius:4px;padding:15px 15px 10px;}
.comment_write_bottom .comment_write textarea {width:100%;border:0;resize:none;line-height:1.5em;/*height:9em;*/overflow:hidden;word-break:break-all;margin-bottom:10px;}
.comment_write_bottom .comment_write .check {float:left;color:#666;}
.comment_write_bottom .comment_write .check span {color:#337ab7;font-weight:bold;}
.comment_write_bottom .comment_write button {float:right;cursor:pointer;padding:5px 15px;border:1px solid #dedede;font-weight:bold;border-radius:2px;letter-spacing:-1px;}
.comment_write_bottom .comment_write button i {color:#337ab7;}

.comment_list {margin-top:20px;margin-bottom:20px;}
.comment_list li {margin-bottom:20px;}
.comment_list li:hover .comment_bottom {background:#fdfdfd;}
.comment_list li:last-child {margin-bottom:0;}
.comment_list li .comment_top {margin-bottom:10px;}
.comment_list li .comment_top strong {font-size:12px;font-weight:bold;color:#337ab7;}
.comment_list li .comment_top span.date {float:right;color:#666;}
.comment_list li .comment_bottom {border:1px solid #dedede;border-radius:4px;padding:15px;position:relative;word-break:break-all;}
.comment_list li .comment_bottom p {margin-bottom:20px;color:#545454;}
.comment_list li .comment_bottom p .delete {color:#888;margin-left:10px;cursor:pointer;}
/* 댓글 */
.comment_list li .comment_bottom p a {border: 1px solid #cdcdcd;padding: 2px 4px;font-size:12px;color:#666;}
.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 {float:left;}
.comment_list li .comment_bottom .comment_reply a {color:#337ab7;cursor:pointer;}
.comment_list li .comment_bottom .comment_reply_reply {padding-top:10px;display:none;}
.comment_list li .comment_bottom .comment_reply_reply .comment_reply_reply_list li {margin-bottom:20px;}
.comment_list li .comment_bottom .comment_reply_reply .comment_reply_reply_list li .comment_top .name {font-size:14px;}
.comment_list li .comment_bottom .comment_reply_reply .comment_reply_reply_list li .comment_bottom {background:#fff;}
.comment_list li .comment_bottom .vote {float:right;}
.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:#337ab7;}
.comment_list li .comment_bottom .vote .recommend:hover {color:#337ab7;}
.comment_list li .comment_bottom .vote .recommend.active i {color:#337ab7;}
.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;letter-spacing:-1px;margin-bottom:10px;}
.comment_list li .comment_bottom .comment_delete button {cursor:pointer;padding:5px 15px;border:1px solid #dedede;font-weight:bold;border-radius:2px;letter-spacing:-1px;}

/*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;letter-spacing:-1px;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;}
button#captcha_mp3 { background:unset !important;padding:2px 5px;}
button#captcha_reload { background:unset !important;padding:2px 5px;}

/*community*/
#community_wrap {margin:0 -15px 20px;}
#community_wrap h2 i {color:#337ab7;}
#community_wrap h2 {font-size:18px;font-weight:bold;margin-bottom:20px;}
#community_wrap .community_list {border:1px solid #c4c4c4;padding:10px;margin-bottom:40px;}
#community_wrap .community_list li {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e9e9e9;}
#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;letter-spacing:-1px;}
#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;object-fit:cover;}
#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;letter-spacing:-1px;}
#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;object-fit:cover}
#community_wrap .community_list03 .community_list .webzine_news_info {width:100%;border:1px solid #c4c4c4;padding:5px;}
#community_wrap .community_list03 .community_list .webzine_news_info .info_title {font-size:14px;color:#000;margin-bottom:10px;letter-spacing:-1px;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 #e9e9e9;padding:10px;margin-bottom:10px;}
.board_list.notice {background:#f2f2f2;}
.board_list.notice p {font-weight:bold;}
.board_list.notice p span {display:inline-block;background:#337ab7;color:#fff;padding:0 10px;border-radius:5px;line-height:22px;font-size:14px;}

/*게시판 분류 : ca_name 강조 */
.board_list.ca_name p .ca_name {display:inline-block;background:#337ab7;color:#fff;padding:0 10px;border-radius:5px;line-height:22px;font-size:14px;font-weight:bold;}

.board_list p {font-size:15px;margin-bottom:10px;line-height:24px;max-height:48px;overflow:hidden;}
.board_list p span.ico {width:18px;height:18px;display:inline-block;margin-left:5px;vertical-align:middle;padding:0;}
.board_list p span.new, .board_list.notice p span.new{background:url(../img/board_ico.png) no-repeat center;background-position:0 0;}
.board_list p span.secure {background:url(../img/board_ico.png) no-repeat center;background-position:-18px 0;}
.board_list p span.file , .board_list.notice p span.file{background:url(../img/board_ico.png) no-repeat center;background-position:-36px 0;}
.board_list p 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:#337ab7;border:1px solid #c4c4c4;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 #337ab7;color:#337ab7;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 #c4c4c4;}
#board_view_title h1 {font-size:18px;font-weight:bold;margin-bottom:10px;letter-spacing:-1px;}
#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 #c4c4c4;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:#337ab7;}
#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;letter-spacing:-1px;}
#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;}
#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:#c4c4c4;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:#337ab7;}
#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;letter-spacing:-1px;}
#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:29px;position:absolute;top:32px;right:1px;display:none;}

/*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:#337ab7;}
#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;letter-spacing:-1px;}
#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}
#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}


/* 마이페이지 */
.column {  position:relative;  margin: 0 -10px; }
.column.colpd { margin: 0; }
.column:after { content:""; display:block; clear:both;}
.column > * { position:relative;  float:left; width: 100%; }
.column > * > * { position: relative; margin: 0 10px;}
.column.colpd > * > * {margin: 0;}

.column.col03 > * { width: 33.3333%;}

.mys_001 { position: relative; padding-bottom: 40px;}
.mys_001 h5 { padding: 25px 0 15px;}
.mys_001 .info_wrap { padding: 10px 10px 10px; text-align: center; background: url(../../img/default/bg_infobox.png) repeat-x 0 0; color: #363636; border-bottom:1px solid #dedede;}
.mys_001 .info_wrap b { color: #f34235;}
.mys_001 .info_wrap strong { color: #f34235; font-weight: normal;}

.mys_001 .board_list { position: relative; min-height: 250px;}
.mys_001 .board_list * { font-size: 14px;}
.mys_001 .board_list li { position: relative; border-bottom:1px solid #e6e6e6;}
.mys_001 .board_list li .art_link { display: block; padding:17px 110px 17px 17px; transition: .3s all ease;}
.mys_001 .board_list li .art_link:hover { background-color: #f6f6f6;}
.mys_001 .board_list li .art_link b { color: #363636; font-size: 15px;}
.mys_001 .board_list li .art_info { margin-top: 4px; font-size: 11px; font-weight: normal; color: #dedede;}
.mys_001 .board_list li .art_info * { font-size: 11px; font-weight: normal; color: #bbb;}
.mys_001 .board_list li .art_info em { color: #808080; margin-right: 3px;}
.mys_001 .board_list li .art_info strong { margin-left: 3px;}

.board_wrap .board_list_info li .btn_del { position: absolute; right: 10px; top:50%; margin-top: -15px; display: block; height: 30px; opacity: .7;}
.board_wrap .board_list_info li .btn_del:hover { opacity: 1;}
.board_wrap .board_list_info li em { font-style: normal;}

.tab_nav { position: relative; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
/*.tab_nav li { border-right: 1px solid #dedede; }*/
.tab_nav li a { display: block; height: 15px; line-height: 1; padding: 15px 0 30px; background: url(../img/default/bg_tab.png) no-repeat right center; text-align: center; font-size: 15px; color: #363636; font-weight: bold;}
.tab_nav li a:hover { background-color: #f9f9f9;}
.tab_nav li a.on { background-color: #464a50; box-shadow: inset 0 0 5px 5px rgba(0,0,0,.2); color: #fff;}

/* 테이블 */
table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;}
table caption {height:0;font-size:0;line-height:0;overflow:hidden}
table td{line-height: 22px;}
tfoot th, tfoot td {border:1px solid #d6dce7;background:#eee;padding:5px;text-align:center;font-weight:bold;}
tfoot th {}

.tbl_wrap {margin:0 0 10px;padding:0}

.tbl_frm01 tr:nth-child(2n) {background:#fcfcfc;}
.tbl_frm01 th{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#e9ecf2;padding:5px 0 5px 10px;text-align:left;color:#;}
.tbl_frm01 td {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:5px 0 5px 10px;text-align:left;}
.tbl_frm01 textarea {height:150px}
.tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent}
.tbl_frm01 #captcha input {margin-left:5px;text-align:center}
.h2_frm{text-align:left;color:#3f51b5;font-size:1.09em;font-weight:bold;margin:20px 0 10px}

.arv_003 .article-file {margin-bottom:20px;}
.arv_003 .article-file h2 {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 #c4c4c4;padding:2px 4px;}
.arv_003 .article-file ul li button:hover {background:#fcfcfc;}

/*mobile mypage & paging 20220629*/
#m_navtop{margin-bottom: 1em;position: relative;}
#m_navtop .dropdown{display: inline-block; width:100%}
.dd-button {position: relative;width: 100%;display: inline-block;border: 1px solid gray;border-radius: 4px;padding: 10px 30px 10px 20px;background-color: #ffffff;cursor: pointer;white-space: nowrap;}
.dd-button:after {content: '';position: absolute;top: 20px;right: 15px;transform: translateY(-50%);width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid black;}
.dd-button:hover { background-color: #efefef;font-weight:bold; }
.dd-input { display: none; }
#m_navtop .dd-menu {z-index: 100;}
.dd-input:checked + .dd-menu {display: block; width: 100%;}
.dd-input + .dd-menu {display: none;}
.dd-menu {position: absolute;width: calc(100% - 40px);border: 1px solid #ccc;border-radius: 4px;padding: 0;margin: 2px 0 0 0;box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);background-color: #ffffff;list-style-type: none;}
.dd-menu li {padding: 10px 20px; cursor: pointer; white-space: nowrap;}
.dd-menu li a {display: block;margin: -10px -20px;padding: 10px 20px;}


/* 마이페이지 */
.column {  position:relative;  margin: 0 10px; }
.column.colpd { margin: 0; }
.column:after { content:""; display:block; clear:both;}
.column > * { position:relative;  float:left; width: 100%; }
.column > * > * { position: relative; margin: 0 10px;}
.column.colpd > * > * {margin: 0;}

.column.col03 > * { width: 33.3333%;}
.column.col04 > * { width: 25%;}

.mys_001 { position: relative; padding-bottom: 10px;}
.mys_001 h5 { padding: 25px 0 15px;}
.mys_001 .info_wrap { padding: 10px 10px 10px; text-align: center; background: url(../../img/default/bg_infobox.png) repeat-x 0 0; color: #363636; border-bottom:1px solid #dedede;}
.mys_001 .info_wrap b { color: #f34235;}
.mys_001 .info_wrap strong { color: #f34235; font-weight: normal;}

.mys_001 .board_list { position: relative; min-height: 250px;}
.mys_001 .board_list * { font-size: 14px;}
.mys_001 .board_list li { position: relative; border-bottom:1px solid #e6e6e6;}
.mys_001 .board_list li .art_link { display: block; padding:17px 110px 17px 17px; transition: .3s all ease;word-break: break-all}
.mys_001 .board_list li .art_link:hover { background-color: #f6f6f6;}
.mys_001 .board_list li .art_link b { color: #363636; font-size: 15px;}
.mys_001 .board_list li .art_info { margin-top: 4px; font-size: 11px; font-weight: normal; color: #dedede;}
.mys_001 .board_list li .art_info * { font-size: 11px; font-weight: normal; color: #bbb;}
.mys_001 .board_list li .art_info em { color: #808080; margin-right: 3px;}
.mys_001 .board_list li .art_info strong { margin-left: 3px;}

.mys_001 .scrap_list li .art_info { margin-top: 20px;}
.mys_001 .scrap_list li .art_link { padding:10px;word-break: break-all}
.mys_001 .scrap_list li a.btn_del {display: inline-block;margin: 10px;position: absolute;bottom: 0;right: 0;}
.mys_001 .comment_list li .art_info { margin-top: 0;}
.mys_001 .comment_list li .art_link { padding:10px;word-break: break-all}
.mys_001 .comment_list li a.btn_art {display: inline-block;margin: 10px;position: absolute;bottom: 0;right: 0;}
.mys_001 .comment_list {margin-top:0}
.mys_001 .comment_list li {margin-bottom:0}
.board_wrap .board_list_info li .btn_del { position: absolute; right: 10px; top:50%; margin-top: -15px; display: block; height: 30px; opacity: .7;}
.board_wrap .board_list_info li .btn_del:hover { opacity: 1;}
.board_wrap .board_list_info li em { font-style: normal;}
.board_search_btn {margin-top:0; padding-top: 15px;}
.board_list {margin-bottom:0;}
.board_list:first-child {	margin-top: 20px;border-top: 1px solid #e9e9e9;}
.rdo_label {vertical-align:middle}
.board_list_info {display:inline-block;}
.pstate_on {padding:5px 0px 0px 20px;font-size:12px;color:#0080ff;} 
.pstate_off {padding:5px 10px 0px 10px;font-size:12px;color:#f34235;} 
button.btn, a.btn {font-size:0.9em;border:1px solid #d5d5d5;}
.board_search_btn .search_area {margin-bottom: 10px;}
/*board_search_btn*/
.board_search_btn a.write {float:right;line-height:28px;font-weight:bold;border:1px solid #337ab7;color:#337ab7;border-radius:4px;padding:0 15px;}

/* 게시판 20220706 */
.bbs_btn {/* margin-top:20px;  */overflow:hidden}
.bbs_btn .b_btn{line-height:28px;font-weight:bold;border:1px solid #337ab7;color:#337ab7;border-radius:4px;padding:0 15px;display:inline-block;}
.bbs_btn > .left {width:60%;float:left;}
.bbs_btn > .left .b_btn {margin-right:5px;}
.bbs_btn > .right {width:40%;float:right;text-align:right}
#board_write_form .form_group label.nt {display:inline}
.good-box{position:relative;height:100px;}
.button_recom {position: absolute;left: 50%;/*bottom: 50px;*/display: block;width: 80px; height: 80px;margin-left: -40px;background: url(../img/default/btn_recom02.png) no-repeat 0 0;text-indent: -9999em;}
#board_content {position: relative;padding-bottom: 150px;min-height: 200px;text-align: left;word-break: normal;word-wrap: break-word;}

/* 갤러리 목록 20220706*/
#board_wrap #gall_ul {margin:10px -10px 0;padding:0;list-style:none;zoom:1}
#board_wrap #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#board_wrap .gall_box {position:relative;margin:0 0 30px 0;border:1px solid #ccc;background:#fff;border-radius:0 0 2px 2px}
#board_wrap .gall_li {display:inline-block;}
#board_wrap .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}

.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;}
.gall_row .col-gn-0,.latest_row .col-gn-1{width:100%}
.gall_row .col-gn-2{width:50%}
.gall_row .col-gn-3{width:33.33333333%}
.gall_row .col-gn-4{width:25%}
.gall_row .col-gn-5{width:20%}
.gall_row .col-gn-6{width:16.66666667%}
.gall_row .col-gn-7{width:14.28571428%}
.gall_row .col-gn-8{width:12.5%}
.gall_row .col-gn-9{width:11.11111111%}
.gall_row .col-gn-10{width:10%}

.gall_row .box_clear{clear:both}

#board_wrap .gall_now .gall_text_href a {color:#ff3061}

#board_wrap .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#board_wrap .gall_img{border-bottom:1px solid #eee;text-align:center}
#board_wrap .gall_img a,#board_wrap .gall_img .no_image,#board_wrap .gall_img .is_notice{display:block}
#board_wrap .gall_img img{width:100%;height:40vw;object-fit:cover}
#board_wrap .gall_img span{display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#board_wrap .gall_text_href {margin:10px;}
#board_wrap .gall_text_href a {font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#board_wrap .gall_text_href img {margin:0 0 0 4px}
#board_wrap .bo_tit{display:block;font-weight:bold;color:#000;font-size:1.083em}
#board_wrap .bo_tit .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);}
#board_wrap .profile_img img{border-radius:50%}
#board_wrap .gall_name{margin:10px}

#board_wrap .bo_tit .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
#board_wrap .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px;font-weight: normal;}
#board_wrap .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
#board_wrap .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#board_wrap .bo_tit .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;;vertical-align:middle;margin-right:2px}
#board_wrap .bo_tit .fa-lock{display: inline-block;line-height: 16px;color: #999;text-align: center;vertical-align:middle;}
#board_wrap .gall_info{line-height:1.5em;padding:10px;font-size:0.92em;background:#f6f6f6;line-height:20px}
#board_wrap .gall_info strong{ display:inline-block;margin:0 0 0 10px }
#board_wrap .gall_info i{font-size:12px}
#board_wrap .gall_info .gall_date{position:absolute;bottom:10px;right:10px;font-style:italic;display:inline-block;color:#777;}
.skin_margin{padding:0}

.blind {  position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);margin: -1px;overflow: hidden;}
/* 뉴스기사본문  20220708*/
#news_article div img { width: 100% !important;}
#news_article figure {width: 100% !important;}
#news_article p img {width:100%;!important;}

/* 게시판 20220711 */
#board_write_form .form_group label.nt {display: inline;}
#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/text04/img/btn_recom01.png)  no-repeat 0 0; }
.com_good_bad .button_recom_bad{ background: url(/theme/text04/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;}

/* 기본이미지설정 */
.noimg {object-fit:cover;}

