@charset "utf-8";
/* CSS Document */
/* 통합메인 */
.commu_index_w {padding:0;}
.comu_topmenu {border-bottom: 1px solid #eee;}
.comu_topmenu_list {display: block; width:1260px; margin:0 auto; padding:10px 0; text-align: right;}
.comu_topmenu_list span {display: inline-block; position: relative; margin-left:18px; font-size:16px;}
.btn_toggle_header {display:inline-block; width:auto; text-align: right;}
.comu_topmenu_list span .toggle_pop {position: absolute; top:30px; left:30%; text-align: center; background: #fff; border:1px solid #ddd;  padding:10px 0; font-size: 1.4rem; width:100px; z-index: 800; border-radius: 10px;}
.comu_topmenu_list span .toggle_pop a {display: block; color:#333; padding:3px;}
.toggle_pop_n {position: absolute; top:30px; left:0; text-align: center; background: #fff; border:1px solid #ddd;  padding:10px 0; font-size: 1.4rem; width:100px; z-index: 800; border-radius: 10px;}
.toggle_pop_n a {display: block; color:#333; padding:3px;}


.top_noti_p {position: relative; width:2.5%;}
.top_noti_p span {position: absolute; top:0; right:0; padding:1%; color:#fff; font-size: 11px; background: #ff0000; text-align: center; width:60%; border-radius: 10px;}
.top_noti_p img {width:100%; vertical-align: middle;}
/* 알람 토글 */
.top_noti_p .toggle_pop02 {position: absolute; top:35px; left:-240px; text-align: left; background: #fff; border:1px solid #ddd;  padding:10px 0; font-size: 1.4rem; width:272px; height:326px; overflow-y: auto; z-index: 800; border-radius: 10px;}
.top_noti_p .toggle_pop02 a {display: block; color:#333; padding:3px 3px 0 3px;}
/* 알람 토글 */
.top_search {display: table-cell; text-align: right;}
/* 20240618_추가*/
.top_search span {display: inline-block; font-size: 16px; color:#313131; margin:0 14px; }
.top_search span:nth-last-child(4) {display: inline-block; font-size: 16px; color:#313131; margin:0; }
.top_search .icon_search {display: inline-block; color:#313131; margin:0 14px;  background: url('http://image.ichannela.com/images/community/icon_search.svg') no-repeat; width:22px; height:22px; vertical-align: middle; background-size: 100%;}
.top_search .icon_search_close {display: inline-block; color:#313131; margin:0 14px;  background: url('http://image.ichannela.com/images/common/icon_search_close.jpg') no-repeat; width:22px; height:22px; vertical-align: middle; background-size: 100%;}
/* 20240618_추가*/
.top_search input {border-radius: 20px!important; background: url('http://image.ichannela.com/images/community/icon_search.svg')#f7f7f9 no-repeat 3% 50%; background-size: 8%; padding:10px 0 10px 50px; width:300px; border:none; position: relative;}
.top_search_m {display: none;}
.index_middle_w {background: #f9fafb; padding:90px 0 100px 0;}
.index_middle_w .index_middle {width:1280px; margin:0 auto;}
.commu_platform:after {content:""; display: block; clear: both;}
.commu_platform {text-align: center; margin-top:60px;}
.commu_platform li {margin:0 1%; float:left; width:222px; height:152px; vertical-align: middle; padding-top:70px; background: #fff; border-radius: 30px; box-shadow:0px 5px 30px #00000014; text-align: center;}
.commu_platform li:nth-child(2) {margin:5% 1% 0 1%;}
.commu_platform li:nth-child(4) {margin:5% 1% 0 1%; padding-top:50px; height:172px;}
.commu_platform li:nth-child(4) img {width:40%;}
.commu_platform li:nth-child(5) {margin:0 0 0 1%; padding-top:50px; height:172px;}
.commu_platform li:nth-child(5) img {width:40%;}
.commu_tmain_problem {}
.commu_tmain_problem .commu_tmain_problem_tit {display:block; margin-bottom: 20px;  color:#0099dd; font-size: 30px;}
.commu_tmain_problem .commu_tmain_problem_text01 {display:block;  font-size: 54px; font-weight: bold; line-height: 1.3;}
.cha_search {text-align: center; width:50%; padding-top:5%;}
.cha_search .cha_search {padding:2.2% 0; text-align: center; border-radius: 50px; box-shadow: 0 0 30px #0099dd40; color:#196EFF; font-size: 40px; background: #fff; width:560px; margin:7% auto 0; background:url('http://image.ichannela.com/images/community/icon_search_blue.svg') no-repeat 4% 42%; background-color:#fff; background-size: 10%; }
.cha_search p {font-size: 30px;}
.img_phone {display: block; position: absolute; right:0;  top:-50px; text-align: right; width:50%;}
.img_phone_m {display: none;}

.commu_tmain_top {position: relative; border-radius: 30px; width:100%; overflow: hidden;}
.commu_tmain_img_w {position: absolute; top:0; left:0; color:#fff; display: block; height:100%; width:50%; padding:0 10% 0 6%; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,212,255,0) 100%);}
.commu_tmain_img_w .commu_tmain_img_stit {display: inline-block; margin-top:17%; font-size: 20px;}
.commu_tmain_img_w strong {display: block; margin-bottom: 15px; font-size: 50px;}
.commu_tmain_img_w p {color:#aaa; font-size: 20px;}
a.commu_tmain_img_btn {display: block; width:200px; padding:2% 0; text-align: center; background: #196EFF; border-radius: 30px; margin-top:6%; font-size: 20px;}
a.commu_tmain_img_btn:hover {display: block; width:200px; padding:2% 0; text-align: center; background: #fff; border-radius: 30px; margin-top:6%; color:#333;}

.commu_tmain_top_m {display: none;}
.commu_mov_w {margin:100px 0 50px; width:100%;}
.commu_mov_stit {width:280px; padding:10px; border-radius: 30px; border:1px solid #aaa; margin:0 auto; font-size:25px; text-align: center;}
.commu_mov_title {text-align: center; font-size: 54px; font-weight: bold; padding:2.5% 0 4%;}
.commu_tmain_text01_stit {display:block; margin-bottom: 20px;  color:#0099dd; font-size: 30px;}
.commu_tmain_text01_title {display:block;  font-size: 54px; font-weight: bold; line-height: 1.3;}
.commu_area01_btext {display: block; font-size: 44px; font-weight: bold; text-align: center; margin-top:0%;}
.commu_area01_btext_m {display: none;}
.commu_area01_btext .commu_area01_qout {display: inline-block; margin:0; vertical-align: middle; margin:0 2%;}
.commu_area01_w {position: relative; margin:10% 0 8%;} 
.commu_tmain_text01 {}
.commu_tmain_03w_m { display: none;}
.commu_tmain_03w {display: block; margin:60px 0;}
.commu_tmain_03w:after {content:""; display: block; clear: both;}

.commu_tmain_03w01 {float:left; width:50%; margin-right:15%;}
.commu_tmain_03w02 {float:left; width:30%; padding-right:0;}
.commu_tmain_03w02_tit {margin-bottom: 2%;  color:#0099dd; font-size: 30px;}
.commu_tmain_03w02_stit {font-size: 44px; font-weight: bold; line-height: 1.3;}
.commu_tmain_03w02_text {font-size: 18px; margin:20px 0;}

.commu_tmain_03w03 {float:left; width:30%; padding-right:19%; margin-top:60px;}
.commu_tmain_03w03_tit {margin-bottom: 2%;  color:#0099dd; font-size: 30px;}
.commu_tmain_03w03_stit {font-size: 44px; font-weight: bold; line-height: 1.3;}
.commu_tmain_03w03_text {font-size: 18px; margin-top:6px;}
.commu_tmain_03w04 {float:left; width:50%;}

.img_talk_subject {display: block;}
.img_talk_subject_m {display:none;}
.story_listen_w {background: url('http://image.ichannela.com/images/community/img_main_bottom.png') no-repeat top center; background-size: cover; height:380px; text-align: center; margin-bottom: 4%;}
.story_listen_text {display: inline-block; margin-top:100px; color:#fff; font-size: 40px;}
.story_listen_text_m {display: none;}
.commu_tmain_btn {display: block; width:80%;}
.commu_tmain_btn a {display: block; width:100%; margin-top:30px; border-radius: 30px; background: #196EFF; text-align: center; padding:20px; color:#fff;}
.commu_tmain_btn a:hover {display: block; width:100%; margin-top:30px; border-radius: 30px; background: #008AC7; text-align: center; padding:20px;}
.commu_tmain_btn01 {display: inline-block; width:190px; font-size: 18px;}
.commu_tmain_btn01 a {display: inline-block; width:100%; margin-top:20px; border-radius: 30px; background: #0099dd; text-align: center; padding:15px 0; color:#fff;}
.commu_tmain_btn01 a:hover {display:inline-block; width:100%; margin-top:20px; border-radius: 30px; background: #fff; text-align: center; padding:15px 0; color:#333;}
.commu_tmain_btn02 {display: inline-block; width:276px; margin-left:5px; font-size: 18px;}
.commu_tmain_btn02 a {display: inline-block; width:100%; margin-top:20px; border-radius: 30px; background-color: transparent; border:1px solid #fff;  text-align: center; padding:15px 0; color:#fff;}
.commu_tmain_btn02 a:hover {display:inline-block; width:100%; margin-top:20px; border-radius: 30px; background: #fff; text-align: center; padding:15px 0; color:#333;}
.commu_guide {padding:0 0 5% 2%; font-size: 20px;}
.commu_guide li {padding:0.5% 0;}

.menu_comu {position: relative;}
.menu_comu .sub_menu {display: none; z-index: 999;}
.menu_comu:hover > .sub_menu {position: absolute; top:80px; left:17%; margin-left:-20%; display: inline-block; width:88%; z-index: 999; padding:6%; border:1px solid #e5e5e5; background-color:rgba(255,255,255,1);}
.menu_comu:hover > .sub_menu .menu_sub {padding:0; margin:0;}
.menu_comu:hover > .sub_menu .menu_sub a {font-size: 14px; color:#333; line-height: 2.4;}
.menu_comu:hover > .sub_menu .menu_sub a:hover {color:#196EFF;}
.comu_article_cata {display: none;}
.comu_article_cata01 {display: none;}
.comu_tmain_wrap {margin:0 0 30px; }
.comu_main_wrap {margin:30px 0;}
.comu_main_wrap:after {content:""; display: block; clear: both;}
.comu_left_menu_list {float:left; display: block;  width:180px; margin-right:60px;}
.comu_left_menu_tit {font-size: 20px; padding-bottom: 10px;}
.comu_left_menu_list ul li a.comu_left_menu_off {display: block; padding:10px 0 10px 20px; font-size: 18px; color:#808080;}
.comu_left_menu_list ul li a.comu_left_menu_on {display: block; padding:10px 0 10px 20px; font-size: 18px; color:#383838; border-radius: 5px; background: #f7f7f7;}
.comu_header_m {display: none;}
.comu_main_top {width:1020px; margin:0;}
.comu_main_top:after {content:""; display: block; clear: both;}
.comu_main_tit {margin-bottom: 30px;}
.comu_main_tit_w {float:left;  width:1020px;}
.comu_main_tit_read { float:left; }
.comu_main_tit_read ul {margin:10px 0 20px;}
.closed_m {display: none;}
.comu_main_tit_read .view_day_file_m {display: none;}
.comu_main_tit_read .view_day_file {display: block;}
.comu_main_tit_read .view_day_file:after {content:""; display: block; clear: both;}
.view_day_addfile_m {display: none;}
.comu_main_read_w {width:920px; border:1px solid #e5e5e5; border-radius: 10px; padding:45px;}
.comu_main_read_stit {font-size: 18px;}
.comu_main_read_tit {display: block; font-size: 36px; padding:20px 0;}
.comu_main_read_id {font-size: 18px; color:#808080; padding-left:0%;}
.comu_main_read_text {padding:40px 0 10px; font-size: 18px; color:#808080; line-height: 2; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}

.comu_main_tit_search { float:left;}
.comu_main_search_w {width:1010px;}
.comu_main_search_w:after {content:""; display: block; clear: both;}
.comu_main_search_tit {display: block; font-size: 30px; padding:0 0 36px; border-bottom: 1px solid #e6e6e6;}
.comu_main_search_stit {font-size: 21px;}


.recom_text_w {margin-top:50px; padding:40px; background: #f7f7f9;}
.recom_text_w .recom_tit {display: block; padding-bottom: 10px; font-size: 22px;}
.recom_text_w dd {display: inline-block; width:30%; padding:5px 0; font-size: 14px;}
.recom_text_w dd span {color:#196EFF;}
.comu_main_top_left {float:left; width:497px; height:410px; padding:25px; border-radius: 5px; border:1px solid #f2f2f2; margin-right:20px;}
.comu_main_tit_read .view_day_file li {float:left; color:#808080;}
.comu_main_top_left_m {display: none;}
.comu_main_top_tit {font-size: 21px;}
.comu_main_top_con01 {background: #f7f7f9; border-radius: 5px; padding:20px; margin:10px 0; height:120px; }
.comu_main_top_con01 strong {display: block; margin-bottom: 10px; font-size: 18px; -webkit-line-clamp:1; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.comu_main_top_con01 span {font-size: 14px; color:#808080; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.comu_main_top_left_num {text-align: center; padding:8px 0;}
.comu_main_top_left_num>span {display: inline-block; width:17px; height:17px; background: #fff; box-shadow: 0px 2px 6px #0000001A; border-radius: 17px; margin-right:10px; line-height: 17px;}
.comu_main_top_right {float:right; width:397px; height:410px;  padding:25px; border-radius: 5px; border:1px solid #f2f2f2;}
.comu_main_top_img {border-radius: 5px; margin:10px 0; height:220px; overflow: hidden;}
.comu_main_top_img_tit {font-size: 18px; padding:0; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.comu_main_top_img_text {font-size: 14px; color:#808080;}
.comu_main_top_info {margin-top:10px; color:#aaa;}
.comu_main_top_info span { display: inline; margin-right:5%;}
.comu_main_top_info img {display: inline-block!important; vertical-align: middle; width:5%; margin-right:2px;}
.comu_main_top_keyword {border-radius: 20px; display: inline-block; border:1px solid #e5e5e5; padding:6px 16px; font-size: 14px; color:#fff; background: #535353;  margin:0 10px 10px 0;}
.comu_main_top_newspro {border-radius: 20px; display: inline-block; border:1px solid #e5e5e5; padding:6px 16px; font-size: 14px; color:#808080; background: #fff;  margin:0 10px 10px 0;}

.comu_btn_write {display: inline-block; border-radius: 40px; text-align: center; width:100%; padding:22px 0; background:#196EFF; color:#fff; margin-top:30px;}
.comu_btn_write img {width:2.5%;}
.comu_btn_modify {display: inline-block; border-radius: 40px; text-align: center; width:20%; padding:14px 0; background:#196EFF; color:#fff; margin-top:30px;}
.comu_btn_list {display: inline-block; border-radius: 40px; text-align: center; width:20%; padding:14px 0; background:#aaa; color:#fff; margin-top:30px;}
.comu_btn_main_w {display:block; text-align: center;}
.comu_btn_write_m {display: none;}
.comu_btn_write_w_m {display: none;}

.comu_main_board_w {padding-top:70px; width:1000px; margin:0 auto;} 
.comu_main_board_tit {position: relative; padding-bottom: 20px; font-size: 30px;}
.comu_main_board_tit .menu_check {position: absolute; right:0; top:10%; font-size: 14px; color:#808080;}
.comu_main_board_w table {width:100%; border-bottom: 1px solid #f2f2f2;}
.comu_main_board_w table thead tr {border-top:1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;}
.comu_main_board_w table thead tr th {padding:10px 0;}
.comu_main_board_w table tbody tr td {padding:10px 0;}
.board_list_num_w {display:block;  margin-top:30px;}
.board_list_num_w span.list_on {display: inline-block; padding:3px 9px; border:1px solid #f2f2f2; color:#196EFF;}
.board_list_num_w span.list_off {display: inline-block; padding:3px 9px;}

.comu_btn_more {display: none;}
.comu_banner01_m {display: none;}
.comu_banner02_m {display: none;}
.comu_main_borad_info_m {display:none;}
.comu_write_select {font-size: 16px; padding:10px 20px 10px 10px; width:220px; height:48px; border:1px solid #e5e5e5;}
.comu_write_tit {display: block; width:1000px; padding:10px; height:48px; font-size: 16px; border-radius: 5px; border:1px solid #e5e5e5;}
.comu_write_text {height:445px; border-radius: 5px; border:1px solid #e5e5e5;}
.add_file_w li {padding:10px 0 0 0; text-align:left;}
.add_file_w li:after {content:""; display: block; clear: both;}
.left_tit { float:left; vertical-align: middle; text-align: left; width:8%; line-height: 3.5;  font-size: 16px;}
.right_input {display: inline-block; width:850px; border-radius: 5px; border:1px solid #e5e5e5; padding:10px; text-align: left;}
.img_guide {text-align: right; padding:5px 0; font-size: 14px; color:#aaa;}
.comu_write_keyword_w {float:left;  width:90%; margin:10px 0 0 0; text-align: left;}
.comu_write_keyword_w span {display: inline-block; border-radius: 20px; padding:1% 2%; text-align: center; background: #535353; color:#fff; font-size: 12px; margin:0 1% 1% 0;}
.comu_write_newspro_w {float:left;  width:90%; margin:10px 0 0 0; text-align: left;}
.comu_write_newspro_w span {display: inline-block; border-radius: 20px; padding:1% 2%; text-align: center; background: #fff; color:#808080; border:1px solid #e5e5e5; font-size: 12px; margin:0 1% 1% 0;}
.comu_write_guide_w {font-size: 16px; padding-top:40px; color:#808080;}
.view_icon01 {width:18px;}
.view_icon02 {width:22px;}
.view_icon03 {width:20px;}
.view_icon04 {width:22px;}
.share_btn {text-align: right; font-size: 14px; padding-top:10px;}
.menu_check span {color:#313131;}
.main_top_article {margin-bottom: 20px!important;}
.btn_toggle_a {display: inline-block; border-radius: 20px; text-align: center; color:#808080; padding: 0 7px; line-height: 1.5;  background: #eee; font-size: 13px; font-weight: bold; margin-left:2px;}
.toggle_pop_a { position: absolute; left:150px; top:31px; width:140px; background: #333; border-radius: 6px; padding:8px; color:#fff; font-size: 13px;}

/* 댓글 */
.toggle_pop {position: absolute; top:120%; right:0;color:#fff; width:30%; background: #535353; text-align: center;}
.toggle_pop a {display: block; padding:4%; border-top:1px solid #eee;}
.toggle_pop a:nth-child(1) {border-top:none;}
.btn_toggle {display:inline-block; width:30%; background:#fff; text-align: right;}
.btn_toggle img {width:30%;}
.reply_list a { font-size: 14px; color:#aaa;}
.reply_list .reply_id {display: inline-block; width:80%; color:#333; font-size: 16px;}
.reply_list .declare {display: inline-block; width:19%; text-align: right;}
.reply_list .declare .btn_toggle {display:inline-block; width:40px; background:#fff; text-align: right;}
.reply_list .declare .btn_toggle img {width:24px;}
.reply_list {padding:10px 0; border-bottom: 1px solid #e5e5e5; font-size: 16px; }
.reply_list span {font-size: 14px; color:#aaa;}
.reply_list span a {font-size: 14px; color:#aaa;}
.reply_list p span.re_reid {display: block; font-size: 14px; color:#196EFF;}
.reply_list_1 .reply_id {display: inline-block; width:77%; color:#333; font-size: 16px;}
.reply_list_1 .declare {display: inline-block; width:19%; text-align: right;}
.reply_list_1 .declare .btn_toggle {display:inline-block; width:40px; background:#fff; text-align: right;}
.reply_list_1 .declare .btn_toggle img {width:24px;}
.reply_list_1 {padding:30px 0 30px 60px; font-size: 16px; }
.reply_list_1 span {font-size: 14px; color:#aaa;}
.reply_list_1 p span.re_reid {display: block; font-size: 14px; color:#196EFF;}
.reply_input {border:none; width:700px; padding:10px; color:#aaa;}
.reply_inform_w {border-radius: 6px; position: relative;  border:1px solid #ccc; margin-top:20px;}
.reply_inform_w textarea {resize:none; border:none; padding:10px 0 10px 10px; width:800px;}
.reply_inform_w textarea.re_reply_textarea {resize:none; border:none; padding:10px 0 10px 10px; width:750px;}
.reply_inform_w p {color:#196EFF; padding:5px 0 0 10px;}
.reply_inform_w02 {border-radius: 6px; position: relative; border:1px solid #ccc; margin-top:20px;}
.reply_inform_w02 textarea {resize:none; border:none; padding:10px 0 10px 10px; width:800px;}
a .btn_reply_commu {display: inline-block; padding:5px; position: absolute; right:10px; bottom:5px; color:#196EFF;}
a .btn_reply_commu02 {display: inline-block; padding:5px; position: absolute; right:10px; bottom:15px; color:#196EFF;}
.reply_writer {border-radius: 20px; background: #0099dd; text-align: center; color:#fff!important; padding:2px 8px; font-size: 11px!important; margin-left:5px;}
/* 댓글 */

/* 불법찰영물 금지 가이드 */
.illegal_wrap {width:900px; padding:20px; border-radius: 30px; font-size: 15px; margin:30px auto; box-shadow: 0 0 30px #0c0c0c10; color:#494949;}
.illegal_title {display: block; text-align: center; padding:3% 0; font-size: 24px;}
.illegal_detail {border-radius: 30px; padding:20px 0; background: #f4f6f8;}
.illegal_detail p {margin:2% 0; padding:0 4%;}
.illegal_detail p strong {font-size: 18px;}
.illegal_detail_num {position: absolute; left:0; top:0;}
.illegal_detail_01 {display: block; padding: 0 0 0 20px; position: relative;}
.commu_tmain_btn_03 {width:60%; margin:30px auto;}
.commu_tmain_btn_03 a {display: block; border-radius: 30px; background: #196EFF; text-align: center; padding:15px 0; color:#fff; font-size: 16px;}
.commu_tmain_btn_03 a:hover {background: #008ac7; }
/* 불법찰영물 금지 가이드 */

.btn_search_commu {border-radius: 5px; padding:4px 12px; vertical-align: middle; border:1px solid #ccc; background: #fff;}
.search_input {width:300px;}
.cha_search {text-align: center; width:50%; padding-top:5%;}
.cha_search button {padding:2.2% 0; text-align: center; border-radius: 50px; box-shadow: 0 0 30px #0099dd40; color:#196EFF; font-size: 40px; background: #fff; width:560px; margin-top:7%; background:url('http://image.ichannela.com/images/community/icon_search_blue.svg') no-repeat 4% 42%; background-color:#fff; background-size: 10%; }
.cha_search p {font-size: 30px;}
        .commu_guide {padding:5% 0; }
        .commu_guide li {padding:0.5% 20px; position: relative;}
        .commu_guide li .bull_ico {position: absolute; left:0; top:10%; }
        /* 모바일*/
        @media all and (max-width:1024px){
        .top_search {display: none;}
        .commu_index_w {padding:0 16px!important;}
        .top_search_m {display: inline-block; width:83%; text-align:right; margin-top:9%;}
        .top_search_m input {border-radius: 20px; background: url('http://image.ichannela.com/images/community/icon_search.svg')#f7f7f9 no-repeat 3% 50%; background-size: 8%; padding:15px 5% 15px 10%; width:70%; border:none; position: relative;}
        .top_noti_w {display: inline-block; width:9%; margin-left:2%;}
        .comu_tmain_wrap {margin:0;}
        .commu_tmain_top {display: none;}
        .commu_tmain_top_m {display: block; position: relative; border-radius: 20px; width:100%; margin:6% auto 3%; overflow: hidden;}
        .commu_tmain_img_w {position: absolute; top:0; left:0; color:#fff; display: block; height:100%; width:70%; padding:0 10% 0 8%; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,212,255,0) 100%);}
        .commu_tmain_img_w .commu_tmain_img_stit {display: inline-block; margin-top:19%; font-size: 14px;}
        .commu_tmain_img_w strong {display: block; font-size: 26px; margin-bottom: 0; }
        a.commu_tmain_img_btn {display: block; width:60%; padding:2% 0; text-align: left; background: none; margin-top:0; font-size: 17px;}
        a.commu_tmain_img_btn:hover {display: block; width:60%; padding:2% 0; text-align: left; background: none; margin-top:2%; font-size: 17px;}
        .comu_main_wrap {margin:0;}
        .comu_main_wrap:after {content:""; display: block; clear: both;}
        .commu_mov_w {margin:14% auto 8%; width:100%;}
        .commu_mov_stit {width:55%; padding:2% 0; border-radius: 30px; border:1px solid #aaa; margin:0 auto; font-size:18px; text-align: center;}
        .commu_mov_title {text-align: center; font-size: 25px; font-weight: bold; padding:5% 0 6%; letter-spacing: -1px;}
        .comu_topmenu {display: none;}
        .comu_topmenu_list {display: none;}
        .commu_area01_w {position: relative; margin:14% 0;}
        .commu_tmain_text01_stit {display:block; margin-bottom: 4%;  color:#0099dd; font-size: 20px;}
        .commu_tmain_text01_title {display:block;  font-size: 26px; font-weight: bold; letter-spacing: -1.2px;}
        .commu_area01_btext {display: none;}
        .commu_area01_btext_m {display: block; font-size: 18px; font-weight: bold; text-align: center; margin-top:8%;}
        .commu_area01_btext_m .icon_quot {width:14%; vertical-align: middle;}
        .commu_area01_btext_m .commu_area01_qout {display: inline-block; margin:0; vertical-align: middle; margin:0 2%; letter-spacing: -0.8px;}
        .index_middle_w {background: #f9fafb; padding:8% 16px 0;}
        .index_middle_w .index_middle {width:100%;}
        .commu_tmain_problem .commu_tmain_problem_tit {display:block; margin-bottom: 4%;  color:#0099dd; font-size: 20px;}
        .commu_tmain_problem .commu_tmain_problem_text01 {display:block;  font-size: 24px; font-weight: bold; line-height: 1.3; letter-spacing: -1.2px;}
        .commu_platform {text-align: center; margin-top:2%;}
        .commu_platform li {float: none;  margin:4% 2%; display: inline-block; width:28%; height:auto; vertical-align: middle; padding:3% 0 ; background: #fff; border-radius: 20px; box-shadow:0px 3px 10px #00000014; text-align: center; color:#808080;}
        .commu_platform li img {width:50%;}
        .commu_platform li:nth-child(2) {margin:0 2%;}
        .commu_platform li:nth-child(4) {margin:0 2%; padding:3% 0 ;  height:auto;}
        .commu_platform li:nth-child(4) img {width:60%;}
        .commu_platform li:nth-child(5) {margin:0 0 0 1%; padding:3% 0 ;  height:auto;}
        .commu_platform li:nth-child(5) img {width:60%;}
            
        .img_talk_subject {display: none;}
        .img_talk_subject_m {display:block; margin:8% 0;}
        .cha_search {text-align: center; width:100%; margin:0 auto; padding-top:5%;}
        .cha_search .cha_search {padding:5% 0 3%; text-align: center; border-radius: 50px; box-shadow: 0 0 20px #0099dd40; color:#196EFF; font-size: 18px; background:url('http://image.ichannela.com/images/community/icon_search_blue.svg') no-repeat 4% 40%; background-color:#fff; background-size: 10%; width:95%; margin:5% auto;}
        .cha_search p {font-size: 16px;}
        .img_phone {display: none;}
        .img_phone_m {display: block; margin-top:5%;}
            
        .commu_tmain_03w {display: none;}
        .commu_tmain_03w_m {display: block; width:100%; margin:20% auto;}
        .commu_tmain_03w01 {float:none; width:100%; text-align: center;}
        .commu_tmain_03w02 {float:none; width:100%; padding-right:0;}
        .commu_tmain_03w02_tit {margin-bottom: 4%;  color:#0099dd; font-size: 20px;}
        .commu_tmain_03w02_stit {font-size: 24px; margin-bottom: 5px; font-weight: bold; line-height: 1.3; letter-spacing: -1.0px;}
        .commu_tmain_03w02_text {font-size: 16px; margin:20px 0 0 0; }
        .commu_tmain_03w03 {display: none;}

        .commu_tmain_btn {display: block; width:80%; margin: 0 auto;}
        .commu_tmain_btn a {display: block; width:90%; margin-top:16px; border-radius: 30px; background: #196EFF; color:#fff; text-align: center; padding:5%;}
        .commu_tmain_btn a:hover {display: block; width:90%; margin-top:16px; border-radius: 30px; background: #196EFF; color:#fff; text-align: center; padding:5%;}
        .commu_guide {padding:5% 0; width:100%; font-size: 14px; background: #f9fafb;}
        .commu_guide li {padding:0.5% 20px; position: relative;}
            .commu_guide li .bull_ico {position: absolute; left:0; top:0; }
        .story_listen_w {background: url('http://image.ichannela.com/images/community/img_main_bottom.png') no-repeat top center; background-size: cover; height:auto; text-align: center; margin-bottom: 0; padding:8% 0;}
        .story_listen_text {display: none;}
        .story_listen_text_m {display: inline-block; margin:0; color:#fff; font-size: 18px;}
        .commu_tmain_btn01 {display: inline-block; width:60%; font-size: 14px;}
        .commu_tmain_btn01 a {display: inline-block; width:100%; margin-top:20px; border-radius: 30px; background: #0099dd; text-align: center; padding:5% 0; color:#fff;}
        .commu_tmain_btn01 a:hover {display: block; width:90%; margin-top:20px; border-radius: 30px; background: #196EFF; color:#fff; text-align: center; padding:5%;}
        .commu_tmain_btn02 {display: inline-block; width:60%; margin-left:0; font-size: 14px;}
        .commu_tmain_btn02 a {display: inline-block; width:100%; margin-top:20px; border-radius: 30px; background-color: transparent; border:1px solid #fff;  text-align: center; padding:5% 0; color:#fff;}
         .commu_tmain_btn02 a:hover {display: block; width:90%; margin-top:20px; border-radius: 30px; background: #196EFF; color:#fff; text-align: center; padding:5%;}
        /*#header {position: fixed; top:0; left:0; height:auto; padding-bottom: 3%; border-bottom: 1px solid #d5d5d5;}*/
        /*#header {position: relative; height:auto; padding-bottom: 3%; border-bottom: 1px solid #d5d5d5;}*/
        .header {border-bottom: 1px solid #d5d5d5;}
        .comu_left_menu_list {display: none;}
        .comu_article_cata {display: block;  margin-bottom:40px; border-bottom:solid 1px #d5d5d5; border-top:solid 1px #d5d5d5;}
        .comu_article_cata .base_width {text-align:center;}
        .comu_article_cata ul {
              white-space: nowrap;
              overflow-x: auto; 
              overflow-y: hidden;
              flex-wrap: inherit !important;
              scrollbar-width: none;
        }
        .comu_article_cata ul::-webkit-scrollbar {display:none;}
        .comu_article_cata ul li {display:inline-block; padding:16px 0;}
        .comu_article_cata ul li a {display:block; padding:0 35px; line-height:1; font-size:16px; border-left:solid 1px #d5d5d5; text-align:center;}
        .comu_article_cata ul li:first-child a {border-left:none;}
        .comu_article_cata ul li a:hover,
        .comu_article_cata ul li.active a {color:#196EFF;}
        .comu_article_cata {margin-bottom:0;}
        .comu_article_cata ul {padding:10px 0;} 
        .comu_article_cata ul li {padding:5px 0;}  
        .comu_article_cata ul li a {padding:0 10px; font-size:14px; line-height:1;}
        .comu_article_cata01 {display: block;  margin-bottom:40px;}
        .comu_article_cata01 .base_width {text-align:center; padding:3% 0 3% 0!important; }
        .comu_article_cata01 ul {
              white-space: nowrap;
              overflow-x: auto; 
              overflow-y: hidden;
              flex-wrap: inherit !important;
              scrollbar-width: none;
        }
        .comu_article_cata01 ul::-webkit-scrollbar {display:none;}
        .comu_article_cata01 ul li {display:inline-block; padding:16px 0;}
        .comu_article_cata01 ul li a {display:block; padding:0 35px; line-height:1; font-size:16px; border-left:solid 1px #d5d5d5; text-align:center;}
        .comu_article_cata01 ul li:first-child a {border-left:none;}
        .comu_article_cata01 ul li a:hover,
        .comu_article_cata01 ul li.active a {color:#196EFF;}
        .comu_article_cata01 {margin-bottom:0;}
        .comu_article_cata01 ul {padding:10px 0;} 
        .comu_article_cata01 ul li {padding:5px 0;}  
        .comu_article_cata01 ul li a {padding:0 10px; font-size:14px; line-height:1;}
        .comu_article_cata01 .comu_submenu_on {display: inline; padding:2% 2% 2.4% 0; background: #313131; color:#fff; border-radius: 20px; width:auto; text-align: center; margin-right:1%;}
        .comu_article_cata01 .comu_submenu_on a{display: inline; border-left:none; font-size:12px!important;}
        .comu_article_cata01 .comu_submenu_off {display: inline; padding:2% 2% 2.4% 0; background: #fff; border:1px solid #e5e5e5; color:#313131; border-radius: 20px; width:auto; text-align: center; margin-right:1%; }
        .comu_article_cata01 .comu_submenu_off a{display: inline; border-left:none; font-size:12px!important;}
        .comu_header_m {display: block; padding:2.4% 0 0 0; text-align: center; position: relative; font-size: 14px;}
            .comu_header_m span {position: absolute; left:3%; top:15%; width:6%;}
        .comu_main_top {width:100%; margin-top:0;}
        .comu_main_tit {display: none;}
        .comu_main_tit_w {float:none; width:auto; padding:0 16px;}
        .comu_main_tit_read {width:100%;}
        .comu_main_tit_read .view_day_file {display: none;}
        .comu_main_tit_read .view_day_file_m {display: block; padding-left:0; margin:3% 0 3% 20px;}
        .comu_main_tit_read .view_day_file_m:after {content:""; display: block; clear: both;}
        .comu_main_tit_read .view_day_file_m li {float:left; color:#808080;}
        .view_day_addfile_m {display: block; margin-top:10%;}
            .view_day_addfile_m ul {background: #f7f7f9; border:1px solid #e5e5e5; padding:5%;}
            .view_day_addfile_m ul li { padding:2%;}
        .comu_main_read_text {padding:30px 16px 10px; font-size: 14px; color:#808080; line-height: 1.8; border-top:1px solid #e5e5e5; border-bottom:10px solid #f7f7f5; }
        .comu_main_read_w {width:100%; margin-top:5%;  padding:0; border:none;}
        .comu_main_read_stit {display: none;}
        .comu_main_read_tit {display: block; font-size: 16px; padding:20px 0 20px 5%;}
        .comu_main_read_id {font-size: 16px; color:#808080; padding-left:5%;}
        .comu_main_top_left {display: none;}
        .comu_main_top_left_m {display: block; padding:30px 0 0 0;}
        .reply_input {display: block; border:none; width:84%; margin:0 auto; padding:3%; color:#aaa;}
        .reply_mobile {width:90%; margin:6% auto 3%; padding-bottom: 3%; border-bottom: 1px solid #d5d5d5;}
        .recom_text_w {margin-top:50px; padding:5%; width:80%; border-radius: 6px; background: #fff; border:1px solid #d5d5d5; margin:0 auto;}
        .recom_text_w .recom_tit {display: block; padding-bottom: 10px; font-size: 20px;}
        .recom_text_w dd {display: block; width:100%; padding:5px 0; font-size: 12px;}
        .recom_text_w dd span {color:#196EFF;}
        .comu_article_cata01 .comu_main_top_con01 {margin-right:5px; height:120px;  text-align: left; display:-webkit-box;  -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
        .comu_main_top_right {float:none; width:100%; height:auto;  padding:5% 0; border-radius: 5px; border:none; /*border-top:10px solid #f7f7f5; border-bottom:10px solid #f7f7f5;*/ }
        .comu_main_top_img {border-radius: 5px; margin:10px 0; max-height: 200px; overflow: hidden;}
        .comu_main_top_img_tit {font-size: 16px; padding:0;}
        .comu_main_top_img_text {font-size: 12px; color:#808080;}
        .comu_btn_main_w {display:none; text-align: center;}
        .closed_m {display: inline-block; margin-left:5%;}
        /* 글쓰기 버튼_모바일 */
        .img_guide {width:94%; margin:0 auto; text-align: right; padding:5px 0; font-size: 12px;}
        .comu_btn_write_w {display:block; text-align: center;}
        .comu_btn_write_w_m {position: fixed; right:3%; bottom:5%; z-index: 500; display: block; width:25%;}
        .comu_btn_write {display: none; border-radius: 60px; text-align: center; width:auto; padding:3% 0; margin:5% auto; background:#196EFF; color:#fff; }
        .comu_btn_write_m {display: block; border-radius: 60px; text-align: center; width:80%; padding:3% 0; margin:5% auto; background:#196EFF; color:#fff;}
        .comu_btn_write_m img {width:8%;}
        .comu_btn_main_write_m {display: block; border-radius: 60px; text-align: center; width:auto; padding:3% 0; margin:5% auto; background:#196EFF; color:#fff;}
        .comu_btn_main_write_m img {width:40%;}
        /* 글쓰기 버튼_모바일 */

        .comu_main_board_w {margin-top:6%; width:100%; padding:0; }
        .comu_main_board_tit {position: relative; padding:0 0 20px 4%; font-size: 18px; letter-spacing: -0.3px;}
        .comu_main_board_w table {width:100%; border-bottom: 1px solid #f2f2f2;}
        .comu_main_board_w table thead {display: none;}
        .comu_main_board_w table tbody tr td {padding:3% 4%;  border-top:1px solid #d5d5d5;  border-bottom:1px solid #d5d5d5; }
        .comu_main_board_w table tbody tr td a { display: block; }
        .comu_main_board_w table tbody tr td.list_pc {display: none;}
        .comu_main_board_tit .menu_check {position: absolute; right:0; top:10%; font-size: 14px; color:#808080;}
        .board_list_num_w {display: none;}
        .comu_btn_more {display: block; width:90%; margin:6% auto; border-radius: 6px; background: #f7f7f7; padding:3% 0; text-align: center; color:#313131; font-size: 14px;}
        .comu_banner01_m {display: block; padding-bottom: 5%;}
        .comu_banner02_m {display: block; padding:5% 0; }
        .comu_main_top_info img {display: inline!important; vertical-align: middle; width:7%; margin-right:2px;}
        .comu_main_borad_info_m {display:block; font-size: 11px; color:#aaa; padding-top:2%;}
        .comu_write_m {position:absolute; top:0; right:-300px; width:100%; height:100vh; height:calc(100%); background-color:#fff; z-index:999;}
        .comu_write_m .outline {padding-bottom:70px; height:100vh; height:100%; overflow-y:auto; box-sizing:border-box;}

        .comu_write_select {display: block; font-size: 16px; width:100%; padding:10px 0;  margin:0 auto; border:1px solid #d5d5d5;}
        .comu_write_top_m {padding:4% 4% 2% 4%; border-bottom:1px solid #e5e5e5;}
        .comu_write_top_close_m {display: inline-block; width:32%;}
        .comu_write_top_choice_m {display: inline-block; width:33%; text-align: center;}
        .comu_write_top_reg_m {display: inline-block; width:33%; text-align: right; font-size: 16px; color:#196EFF;}
        .comu_write_tit {display: block; width:100%; margin:0 auto; padding:6px 0; font-size: 14px; border-radius: 5px; border:0px solid #e5e5e5;}
        .comu_write_tit_m {padding:4%; border-bottom:1px solid #e5e5e5; font-size: 16px;}
        .comu_write_tit_m input {width:100%;}
        .comu_write_text {min-height:300px; border-radius: 5px; border:1px solid #e5e5e5;}
        .comu_write_text_m {border-top:10px solid #f7f7f5;}
        .comu_write_text_m ul {margin-top:2%;}
        .comu_write_text_m ul li {padding:2% 4%}
        .add_file_w li {padding:10px 0; text-align: left;}
            .add_file_w li:after {content: ""; display: block; clear: both;}
        .left_tit { float:none; vertical-align: middle; text-align: left; font-size: 14px;}
        .right_input {display: inline-block; width:94%; border-radius: 5px; border:1px solid #e5e5e5; padding:3%; text-align: left;}
        .input_tag {padding:4%; border-bottom: 1px solid #e5e5e5;}
        .input_file {padding:4%; border-bottom: 1px solid #e5e5e5;}

        /* 댓글 */
        .btn_toggle {display:inline-block; width:40%; background:#fff; text-align: right;}
        .btn_toggle img {width:70%;}
        .toggle_pop {position: absolute; top:120%; right:0;color:#fff; width:100%; background: #535353; text-align: center;}
        .toggle_pop a {display: block; padding:4%; border-top:1px solid #eee;}
        .toggle_pop a:nth-child(1) {border-top:none;}
        .reply_list {padding:10px 16px; border-bottom: 1px solid #e5e5e5; font-size: 14px; }
        .reply_list .reply_id {display: inline-block; width:77%; color:#333; font-size: 14px;}
        .reply_list .declare {display: inline-block; width:19%; text-align: right;}
        .reply_list_1 .reply_id {display: inline-block; width:77%; color:#333; font-size: 14px;}
        .reply_list_1 .declare {display: inline-block; width:19%; text-align: right;}
        .reply_list_1 .declare .btn_toggle {display:inline-block; width:40px; background:#fff; text-align: right;}
        .reply_list_1 .declare .btn_toggle img {width:24px;}
        .reply_list_1 {padding:20px 0 20px 30px; font-size: 14px; }
        .reply_list_1 span {font-size: 14px; color:#aaa;}
        .reply_list_1 p span.re_reid {display: block; font-size: 14px; color:#196EFF;}
        .reply_inform_w {border-radius: 6px; position: relative;  border_bottom:1px solid #ccc; margin:20px auto 0; padding-right:22%;  width:78% }
        .reply_inform_w textarea.re_reply_textarea {resize:none; border:none; padding:10px 0 10px 10px; width:100%;}
        .reply_inform_w02 {border-radius: 6px; position: relative;  border_bottom:1px solid #ccc; margin:20px auto 0; padding-right:22%; width:68% }
        .reply_inform_w02 textarea {resize:none; border:none; padding:10px 0 10px 10px; width:100%;}
        a .btn_reply_commu {display: inline-block; padding:5px; position: absolute; right:10px; bottom:12%; color:#196EFF;}
        a .btn_reply_commu02 {display: inline-block; padding:5px; position: absolute; right:10px; bottom:30%; color:#196EFF;}
        .comu_write_guide_w {font-size: 14px; padding:40px 0; color:#808080;}
        .comu_write_keyword_w {float:none; margin:0; width:100%; text-align: left;}
        .comu_write_keyword_w span {display: inline-block; border-radius: 20px; padding:2% 3%; text-align: center; background: #535353; color:#fff; font-size: 12px; margin:0 1% 1% 0;}
        .comu_write_newspro_w {float:none; margin:0; width:100%; text-align: left;}
        .comu_write_newspro_w span {display: inline-block; border-radius: 20px; padding:2% 3%; text-align: center; background: #fff; color:#808080; font-size: 12px; margin:0 1% 1% 0; border:1px solid #e5e5e5;}
            
        /* 댓글 */
        .view_icon01 {width:13%;}
        .view_icon02 {width:22%;}
        .view_icon03 {width:18%;}
        .view_icon04 {width:6%;}
        
        /* 불법찰영물 금지 가이드 */
        .illegal_wrap {width:93%; padding:3%; border-radius: 30px; font-size: 15px; margin:2% auto; box-shadow: 0 0 30px #0c0c0c10; color:#494949;}
        .commu_tmain_btn_03 {width:80%; margin:30px auto;}
        .commu_tmain_btn_03 a {display: block; border-radius: 30px; background: #196EFF; text-align: center; padding:15px 0; color:#fff; font-size: 16px; color:#fff;}
            .commu_tmain_btn_03 a:hover {display: block; border-radius: 30px; background: #196EFF; text-align: center; padding:15px 0; color:#fff; font-size: 16px; color:#fff;}
        /* 불법찰영물 금지 가이드 */  
        }
        /*  광고 위치 */
        .ad_970_90_pc {display: block; width:970px; margin:20px auto;}
        .ad_320_100_m {display: none;}
        @media all and (max-width:768px){
            .ad_970_90_pc {display: none;}
            .ad_320_100_m {display: block;}
        /*  광고 위치 */
            .search_input {width:auto;}
}