@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%;background:url(/theme/wide01/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/wide01/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 #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 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 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:20px;}
.main_headline a {display:block;position:relative;}
.main_headline .hl_news_img img {width:100%;height:280px;}
.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:15px;}
.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;}
.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:52px;overflow:hidden;margin-bottom:10px;letter-spacing:-1px;}
.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;}
.side_photo_news .photo_news_info .info_title {font-size:14px;max-height:52px;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;font-size:14px;}
.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 h3 {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;}
.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;}
.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;}
.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%;}
.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;}
.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%;}
.sub_news_video02 .video_news_info .info_title {font-size:14px;max-height:42px;overflow:hidden;letter-spacing:-1px;}

/*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 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;}

/*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;}
.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 {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;}

/*community*/
#community_wrap {margin:0 -15px 20px;}
#community_wrap h4 i {color:#337ab7;}
#community_wrap h4 {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;}
#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;}
#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 h3 {font-weight:bold;}
.board_list.notice h3 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 h3 .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 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:#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 h3 {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}

.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 #c4c4c4;padding:2px 4px;}
.arv_003 .article-file ul li button:hover {background:#fcfcfc;}