option{height:30px}


#commu_wrap{width:100%;}
.commu_tit{width:100%; height:235px; position:relative; display:inline-block; background:#f89caf url(/images/bg/community_bg.png)no-repeat center top}
.commu_t_con{width:1000px; margin:0 auto; padding-top:85px;}
.commu_t_con p{display:inline-block; padding-right:12px; vertical-align:middle; color:#b64500; line-height:1.7}

.commu_outWrap{width:100%; height:auto;}
.mypage_wrap{padding-bottom:150px; width:860px; margin:0 auto; box-sizing:border-box}


/*Ŀ�´�Ƽ_1*/
.myclass_name{text-align:center; margin:75px 0 15px 0}
.myclass_name a{font-size:28px; font-weight:700; display:inline-block; color:#aaaaaa}
.myclass_name a p:hover{color:#222}
.myclass_name span{font-size:36px; vertical-align:middle; color:#aaa}
.myclass_name .active{color:#222; border-bottom:2px solid #222}

.commu_content h5{font-size:16px; color:#888; text-align:center; padding-top:40px}
.commu_content span{color:#f13c61}
.video_box{width:100%; height:auto; background:url(/images/bg/video_bg.png)no-repeat 18px -13px}
.video_desc{width:860px; box-sizing:border-box; margin-top:10px; border-top:2px solid #f57d92; border-bottom:1px solid #f57d92;}
.video_desc h1{text-align:center; padding-top:32px; font-size:32px; color:#222 }
.video_desc .video_title{text-align:center; color:#222; font-size:32px; padding-top:44px}
.video_content{padding-top:35px; text-align:center}
.video_content .youtube{margin:0 auto; width:560px; height:315px}
.video_text{text-align:center; padding:25px;}
.video_text h2{font-size:16px; color:#222; padding-bottom:25px}
.video_text p{font-size:14px; color:#888; line-height:1.8;}
.more_btn button{display:inline-block; padding:10.5px 34px; font-size:15px; font-weight:700; letter-spacing:1px; border:1px solid #ccc; border-radius:5px}
.more_btn button span{color:#222}
.video_desc .btn_box{text-align:center; margin-bottom:50px}
.ellips_box{/*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;overflow:hidden; text-overflow:ellipsis; */overflow:hidden; text-overflow:ellipsis;
white-space:normal; line-height:1.2; height:3.6em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.videoR_wrap{width:100%; margin-top:44px}
.videoR_wrap p{display:inline-block; font-size:15px; color:#888;}
.videoR_wrap .b_review_tit{width:704px}
.videoR_wrap h4{font-size:17px; color:#222; display:inline-block; margin-right:5px}
.videoR_wrap span{color:#ff214e}
.videoR_wrap button{width:150px; height:40px; font-size:16px; background:url(/images/btn/btn_g_150.png)no-repeat}
.videoR_wrap button span{color:#fff}

.videoR_list{border-top:2px solid #666; margin-top:10px; padding-top:3px}
.videoR_list table{width:100%; text-align:center; border-top:1px solid #e2e2e2; border-bottom:1px solid #666}
.videoR_list table th{color:#888; font-size:13px; background:#f6f6f7; color:#222; font-size:14px; font-weight:700; padding:21px 0}
.videoR_list table td{font-size:13px; padding:12px 0; border-top:1px solid #e2e2e2}
.videoR_list table td a{color:#888}
.videoR_list table div{width:165px; height:95px; background:#ccc; vertical-align:middle; display:inline-block}
.videoR_list table p{display:inline-block; margin-left:10px; font-size:13px; vertical-align:middle; line-height:1.5}
.videoR_list table p a{color:#222}
.videoR_list table span{display:block; color:#888}
.videoR_list table .v_thumb{text-align:left; padding-left:15px}
.videoR_list table .v_num{width:60px}
.videoR_list table .r_num{width:70px}
.videoR_list table .v_desc{text-align:left; padding-left:5%; width:480px;}
.videoR_list table .v_desc p{text-align:left; color:#888; width:480px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0}
.videoR_write{text-align:right; margin-top:10px}


.vWrite_list{width:100%; margin-top:8px; border-top:2px solid #f57d92; border-bottom:1px solid #666}
/*.vWrite_list div{display:inline-block; margin-left:1.73px; vertical-align:top}*/
.videoW_one{width:100%; box-sizing:border-box; background:#f6f6f6}
.video_l{width:12%; text-align:center; display:inline-block; margin-left:1.73px; vertical-align:top}
.video_r .video_two{width:640px}
.video_r{display:inline-block; margin-left:1.73px; vertical-align:top}
.video_r .video_one{width:208px}
.video_r .video_thr{width:550px}
.video_l p{color:#222; font-size:14px; font-weight:700; padding-top:17px;}
.video_r{width:85.975%; background:#fff; padding:14px 0 14px 10px}
.video_r .selec_tit{color:#888; border:1px solid #dedede; height:30px; width:220px}
.video_r .selec_tit option{padding:5px 0}
.video_r textarea{width:92%; height:265px; font-size:14px; color:#444; padding:20px; border:1px solid #cecece; resize:none;}
.video_r button{width:70px; height:30px; background:url(/images/btn/id_chk.png)no-repeat; color:#fff; font-weight:700; font-size:13px}
.video_r .video_info{font-size:12px; color:#888; padding:10px 0 40px 0}
.video_r .video_info span{background:url(/images/icon/info_icon_s.png)no-repeat; font-size:12px; color:#888; padding:0 0 5px 20px; margin-left:10px}

.agreem_chk p{display:inline-block; color:#888; font-size:13px; padding-top:15px;}
.agreem_chk label{display:inline-block}
.agreem_chk button{background:none; width:auto; height:70px}
.agreem_chk .e_list_btn button{height:auto; padding:10.5px 12.5px}
.video_btn_wrap{text-align:right}
.video_btn_wrap .e_list_btn{margin-top:0}
.videoR_wrap .list_btn{background:none; width:auto}

.review_container{width:100%; margin:8px 0; border-top:2px solid #f57d92; border-bottom:1px solid #f57d92}
.review_container div{padding:15px}
.review_container .review_tit{border-bottom:1px solid #e2e2e2}
.review_container .review_id{border-bottom:1px solid #e2e2e2}
.review_container .review_tit p{font-size:16px; color:#222}
.review_container .review_tit span{font-size:16px; color:#888}
.review_container .review_id ul li{display:inline-block; font-size:14px; margin-right:10px}
.review_container .review_id ul li p{width:55px; display:inline-block}
.review_container .review_id ul li:last-child{margin-right:0; margin-left:59%}
.review_desc .video_text{text-align:left; width:80%; margin:0 auto}
.review_desc .video_text p{margin:0 auto; overflow:initial}

.videoW_two{width:100%; box-sizing:border-box; background:#f6f6f6; margin:0 !important}
.videoW_two .video_l{vertical-align:middle}
.videoW_two .video_r{vertical-align:middle}
.videoW_two .video_l p{padding-top:0px; /*padding-top:50px*/}
.video_r .v_thumb div{width:165px; height:95px; background:#ccc; vertical-align:middle}
.video_r .v_thumb .v_thumb_box{display:inline-block}
.videoW_two:first-child{border-bottom:1px solid #e2e2e2}
.video_r .v_thumb p{margin-left:10px; font-size:13px; color:#222; vertical-align:middle; line-height:1.5}
.video_r .v_thumb p a:hover, .video_r .v_thumb p a:active, .video_r .v_thumb p a{color:#222}
.video_r .v_thumb span{display:block; color:#888}
.review_arrow{margin-top:60px; border-top:2px solid #666 !important; border-bottom:2px solid #666 !important}

.video_desc ul{margin-bottom:60px}
.video_desc ul li{width:230px; height:360px; vertical-align:top; border-radius:5px; display:inline-block; margin-top:30px; margin-right:21px; background:#f4f4f4; padding:30px 20px 0 20px; text-align:center}
.video_desc ul li:last-child{margin-right:0}
.video_desc ul li .bestR_wrap{width:100%; }
.video_desc ul li .bestR_wrap h2{font-size:15px; color:#222; padding:25px 0}
.video_desc ul li .bestR_wrap h1{font-size:16px; color:#222; height:19px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden; text-overflow:ellipsis;}
.video_desc ul li .bestR_wrap p{font-size:14px; color:#222;  height:65px; overflow:hidden; text-overflow:ellipsis; margin:20px 0; line-height:1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3}
.video_desc ul li .bestR_wrap .btn_box .more_btn button{background:#fff}
.video_desc ul li .bestR_wrap .btn_box{margin-bottom:0}
.videoR_wrap .add_chk{width:565px}
.text_text{text-align:left; padding:25px}
.textT_wrap{width:88%; margin:0 auto; padding-bottom:60px !important}
.text_text h2{font-size:16px; color:#222; padding-bottom:25px}
.text_text p{font-size:14px; color:#888; line-height:1.5}
.videoW_two .text_l p{padding-top:0px; display:inline-block}
.videoW_two .text_l img{vertical-align:middle; padding-right:8px}
.text_re div{vertical-align:middle}
.text_re .video_r{font-size:14px; color:#888}
.text_re .video_r a, .text_re .video_r a:visited, .text_re .video_r a:hover{color:#888}

.mypage_wrap .myclass_name .commu_event{color:#000; font-size:28px}
.commu_content .main_event{width:100%; border-top:2px solid #f57d92; border-bottom:1px solid #666; padding:35px 0 70px 0; margin-top:8px}
.commu_content .main_event ul li{display:inline-block; width:415px; margin-right:26px}
.commu_content .main_event ul li:last-child{margin-right:0}
.commu_content .main_event ul li .event_box{width:100%; height:265px}
.commu_content .main_event ul li .event_ing{display:inline-block; font-size:13px; padding:8px 16px; margin-top:10px; color:#fff; background:#f74d70; border-radius:20px}
.commu_content .main_event ul li p{display:inline-block; color:#888; font-size:12px;}
.commu_content .main_event ul li .m_25{margin-right:25px}
.commu_content .sub_event ul li p{vertical-align:middle; line-height:1.7; margin-top:5px}
.commu_content .sub_event ul li{display:inline-block; width:280px; margin-right:6px}
.commu_content .sub_event ul li .event_box{width:100%; height:176px}
.commu_content .sub_event {border-top:none; border-bottom:1px solid #e7e7e7}
.commu_content .main_event ul li .event_end{display:inline-block; padding:8px 18px; font-size:13px; margin-top:10px; color:#fff; background:#a2a2a2; border-radius:20px}
.event_page{padding-top:40px; text-align:center}


.main_det_event{width:100%; border-top:2px solid #f57d92; border-bottom:1px solid #666; padding-bottom:60px; margin-top:8px}
.main_det_event .det_event_l{width:53%; display:inline-block}
.main_det_event .det_event_l h4{color:#222; font-size:15px; display:inline-block}
.main_det_event .det_event_l .event_ing{display:inline-block; padding:8px 18px; margin-top:10px; color:#fff; background:#f74d70; border-radius:20px; font-size:13px}
.main_det_event .det_event_l .event_end{display:inline-block; padding:8px 22px;font-size:13px; margin-top:10px; color:#fff; background:#a2a2a2; border-radius:20px}
.main_det_event .det_event_r{width:46.5%; display:inline-block; text-align:right}
.main_det_event .det_event_r p{display:inline-block; color:#888; font-size:14px; margin-right:5px}
.main_det_event .event_desc{width:100%; height:auto; margin-top:15px}
.txt_right{display:block !important;}
.event_btn_wrap{text-align:right}
.e_list_btn{text-align:right; margin-top:20px; display:inline-block;}
.e_list_btn button{padding:11px 0}
.e_list_btn button span{padding:10px 34px; font-size:15px; font-weight:700; letter-spacing:1px; color:#222; border:1px solid #ccc; border-radius:5px}

/****** CUSTOMER_C ******/
.commu_name{text-align:center; margin:46px 0 40px 0}
.commu_name a{font-size:28px; font-weight:700; display:inline-block; color:#aaaaaa}
.commu_name span{font-size:36px; vertical-align:middle; color:#aaa}
.commu_name .active{color:#222}
.commu_name a p:hover{color:#222}

.customer_container{width:100%; margin-top:25px; box-sizing:border-box}
.customer_container .customer_c_info{font-size:15px; color:#f13c61}
.customer_container .customer_c_info img{margin-right:8px; margin-top:-2px}
.customer_container span{color:#888888}
.customer_Nboard_wrap {border-top:2px solid #f57d92; padding:3px 0 35px 0; margin-top:15px;}
.customer_Nboard_wrap table .click_active{color:#222}
.customer_Nboard_wrap table{width:100%; border-bottom:1px solid #666; border-top:1px solid #dcdcdc}
.customer_Nboard_wrap th{background:#f6f6f7; padding:18px 0; font-weight:700; font-size:14px; color:#222}
.customer_Nboard_wrap .active{color:#222; font-weight:700}
.customer_Nboard_wrap .Nboard_title{color:#fff; border-radius:20px; display:inline-block; font-size:14px; padding:5px 0px; text-align:center; width:115px; background:#d0a396}
.customer_Nboard_wrap .c_Nboard_tit{width:165px; text-align:center}
.customer_Nboard_wrap .c_Nboard_num{width:100px; text-align:center}
.customer_Nboard_wrap .c_Nboard_day{width:100px; text-align:center}
.customer_Nboard_wrap table span{font-size:20px; color:#b77b69; font-weight:700; vertical-align:middle; margin-right:10px}
.customer_Nboard_wrap td{font-size:13px; color:#888; padding:13px 0; border-top:1px solid #dcdcdc}
.customer_Nboard_wrap .c_Nboard_view{text-align:center}
.customer_Nboard_wrap .c_Nboard_anw{background:#f6f6f6; padding:30px 100px}
.customer_Nboard_wrap .c_Nboard_anw .nBoard_anw_icon{width:10%; display:inline-block; vertical-align:top; text-align:center}
.customer_Nboard_wrap .c_Nboard_anw .nBoard_anw_box{width:88%; display:inline-block}
.customer_Nboard_wrap .c_Nboard_anw .nBoard_anw_box p{font-size:14px; color:#222; line-height:1.5}
.customer_Nboard_wrap .c_Nboard_impor td{border-bottom:1px solid #666}
.customer_Nboard_wrap .c_Nboard_impor p{display:block}
.customer_Nboard_wrap .b_col_g td{border-bottom:1px solid #dcdcdc}
.customer_Nboard_wrap .line_active td{border-bottom:1px solid #dcdcdc}
.customer_Nboard_wrap table p{font-size:20px; display:inline-block; color:#888; margin-right:10px}
.customer_Nboard_wrap .c_Nboard_anw .n_anw_box{width:100%; display:inline-block}

.commmu_btn_wrap .commu_2_info {font-size:15px; color:#888888; width:87%; display:inline-block}
.commmu_btn_wrap .commu_2_info span{color:#f13c61}
.review_tit .write_wrap{display:inline-block; padding:0}
.review_tit .write_wrap ul li{display:inline-block; color:#888; font-size:14px; margin-left:15px}
.review_tit .write_wrap ul li p{font-size:14px; color:#222; margin-right:10px}
.review_tit  .commu_p{width:71%}

.more_btn_wrap div{text-align:inherit}
.more_desc_btn{display:inline-block; width:87%}
.more_desc_btn span{color:#222 !important; font-size:15px; font-weight:bold}
.more_desc_btn button{width:100px; height:auto}
.more_desc_btn .more_left_btn, .more_desc_btn .more_right_btn{display:inline-block; padding:10px 0; text-align:center; border:1px solid #d9d9d9; background:#e9e9e9; border-radius:5px}
.more_desc_btn .more_right_btn img{margin-left:7px}
.more_desc_btn .more_left_btn img{margin-right:7px}
.more_desc_btn .more_left_btn img, .more_desc_btn .more_right_btn img{display:inline-block; vertical-align:top; margin-top:2px}

.data_wrap{width:100%; margin-top:44px}
.data_wrap p{font-size:15px; color:#888;}
.data_wrap .b_review_tit{width:704px}
.data_wrap .b_review_tit p{display:inline-block}
.data_wrap h4{font-size:17px; color:#222; display:inline-block; margin-right:5px}
.data_wrap .add_chk{width:565px}
.review_container .review_tit p{font-size:15px; color:#222; display:inline-block}
.data_wrap .review_container .review_tit .commu_p{width:72%}


.textR_wrap .list_btn{background:none; width:auto}
.textR_wrap{width:100%; margin-top:44px}
.textR_wrap p{display:inline-block; font-size:15px; color:#888;}
.textR_wrap .b_review_tit{width:704px}
.textR_wrap h4{font-size:17px; color:#222; display:inline-block; margin-right:5px}
.textR_wrap button{width:150px; height:40px; font-size:16px; background:url(/images/btn/btn_g_150.png)no-repeat}


.txt_user_img{ width:100%; height:135px; /*overflow:hidden*/}

/****** 리뷰쓰기 ******/
.txt_content_area button{width:auto; height:auto; background:none; padding:4px 3px; color:#666}
div#mceu_66, div#mceu_68, div#mceu_86, div#mceu_87{display:block}
div#mceu_76, div#mceu_77, div#mceu_85{margin-left:0}

/****** WORKSHEET ******/
.work_divide{height:2px; width:100%; background:#f57d92; border:none; margin-top:10px}
.worksheet_wrap{width:100%; }
.worksheet_wrap .worksheet_cont{width:100%; box-sizing:border-box; margin-top:50px; margin-bottom:15px; border-bottom:1px solid #666666}
.worksheet_wrap .worksheet_cont ul li{display:inline-block; margin:0 5.7px 60px 5.7px}
.worksheet_wrap .worksheet_cont ul li .workImg_outBox{width:200px; height:200px;}
.worksheet_wrap .worksheet_cont ul li .workImg_inBox{width:160px; height:200px;  margin:0 auto; overflow:hidden; border:7px solid #e2e2e2; border-radius:10px}
.worksheet_wrap .worksheet_cont ul li .workImg_box{height:100%; width:auto; margin-left:-20px}
.worksheet_wrap .worksheet_cont .ws_level{text-align:center; margin:25px 0 10px 0}
.worksheet_wrap .worksheet_cont .ws_level div{display:inline-block; vertical-align:middle}
.worksheet_wrap .worksheet_cont .ws_level .ws_level_txt{background:#606060; border-radius:20px; padding:4px 8px; color:#fff; font-size:12px; margin-left:5px}
.worksheet_wrap .worksheet_cont .ws_level .ws_level_txt span{color:#fff}
.worksheet_wrap .worksheet_cont .ws_name{text-align:center; font-size:17px; font-weight:700; color:#444}
.worksheet_wrap .worksheet_cont .ws_name p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:200px;}
.worksheet_wrap .worksheet_cont .ws_btnWrap{text-align:center; margin-top:10px}
.worksheet_wrap .worksheet_cont .ws_btnWrap .ws_down_btn{width:129px; padding:7px 0; background:url(/images/worksheet/pdf_btn.png)no-repeat center; display:inline-block}
.worksheet_wrap .worksheet_cont .ws_btnWrap .ws_down_btn p{display:inline-block; margin:5px 0 0 7px; color:#fff; font-size:14px}

.ws_down_box{width:100%; text-align:right}
.ws_down_box .ws_down_btn{width:188px; padding:10px 0; background:url(/images/worksheet/ws_d_btn.png)no-repeat center; display:inline-block; color:#fff; text-align:center; font-weight:700; font-size:15.5px}
.ws_down_box .ws_down_btn img{vertical-align:middle; margin-right:10px}
.download_pop_wrap{width:520px; height:790px; position:relative}
.download_pop_wrap .download_popup{width:500px; height:770px; background:#fff; position:absolute; bottom:0; left:0; border:5px solid #f57d92}
.down_pop_content{width:90%; box-sizing:border-box; margin:40px auto 0}
.down_pop_content .down_pop_tit{width:56%; margin:0 auto; text-align:center}
.down_pop_content  .collins_icon{text-align:right; margin-bottom:10px}
.down_pop_content .down_pop_tit h1{font-size:38px; font-weight:bold; color:#222222}
.down_pop_table{width:80%; margin:45px auto 0; box-sizing:border-box}
.down_pop_table table{width:100%;; border-top:1px solid #666666; border-bottom:1px solid #666666}
.down_pop_table  td{text-align:center}
.down_pop_table tr{border-bottom:1px solid #dcdcdc}
.down_pop_table tr:nth-of-type(10){border-bottom:none}
.down_pop_table .level_name{width:38%; font-size:14px; color:#888888}
.down_pop_table .file_downL{width:45.5%}
.down_pop_table .pop_down_btn{width:129px; padding:10px 0; color:#fff; text-align:center; background:url(/images/worksheet/ws_btn.png)no-repeat center; font-weight:700; font-size:14px}
.down_pop_table .pop_down_btn img{vertical-align:middle; margin-right:10px}
.ansSheet_info p{color:#888; font-size:12px; text-align:center; padding-top:10px}


.videoW_two .video_l p,
.video_r .v_thumb p,
.videoR_wrap .list_btn,
.review_container .review_tit p,
.review_container .review_id ul li,
.commu_sub ul li,
.commu_content h5,
.videoR_wrap p,
.videoR_list table td{-ms-transform:skew(-0.1deg);-webkit-transform:skew(-0.1deg);transform:skew(-0.1deg);}