@charset "utf-8";
/************************************************************************
 * filename : sub_style4.css
 * description :JUNO HAIR >COMMUNITY > 서브 페이지
 * date : 2017.09.04
************************************************************************/
.sub_menu ul>li{width: 20%;}
/* community */
.filter_tab_wrap{margin-top:30px;text-align: center;padding-bottom: 26px;margin-bottom: 30px;border-bottom: 1px solid #706f6f}
.m_filter_tab_wrap{display:none;margin-top:145px;text-align: center;padding-bottom: 26px;margin-bottom: 42px;border-bottom: 1px solid #706f6f;position: relative}
.filter_tab_list{overflow: hidden;display: inline-block;}
.filter_tab_list li{float: left;margin-left: 10px;}
.filter_tab_list li:first-child{margin-left: 0;}
.filter_tab_list li a{border:3px solid #231f20;display: block;text-align: center;font-size:18px;line-height: 45px;width: 190px;box-sizing: border-box}
.filter_tab_list li.active a{background: #ee1c24;border:2px solid #ee1c24;color:#fff;}
.m_filter_tab_wrap .right{position: absolute;top:0;right:-1px;height: 38px;width:50px;z-index: 1;background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.58) 42%, rgba(255,255,255,0.31) 69%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.58) 42%,rgba(255,255,255,0.31) 69%,rgba(255,255,255,0) 100%); background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.58) 42%,rgba(255,255,255,0.31) 69%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );pointer-events: none;}
.m_filter_tab_wrap .left{display: none;}
.tab_fix .m_filter_tab_wrap .right{height: 56px}

.recent_item{position: relative;width: 32%;padding-bottom: 25.5px;margin-bottom: 20px;}
.recent_item_img_wrap{width: 100%;height: 0;position: relative;overflow: hidden;padding-bottom: 76%;}
.recent_item_img_bg{position: absolute;bottom:0;left:0;top:0;right:0;width:100%;height:100%;background-size:cover;background-repeat: no-repeat}
.recent_item_cate{position: absolute;bottom:0;left:50%;text-align: center;color:#fff;font-size:18px;line-height: 32px;width: 160px;margin-left:-80px;background: #231f20;}
.recent_item>.recent_summary{font-size:20px;line-height:28px;color:#231f20;height: 56px;margin:20px 20px 0 20px;box-sizing: border-box;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;white-space: normal;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.recent_item_over{display: none; position: absolute;left:0;top:0;bottom:0;right:0;background:url(../images/main/recent_over_bg.png);color:#fff;text-align: center}
.recent_item_over .recent_over_cate{line-height: 45px;text-align: center;width: 160px;color:#fff;background: #ee1c24;position: absolute;left:50%;top:0;margin-left:-80px;;font-size:18px}
.recent_item_over .recent_over_summary{margin: 117px 40px 0 40px;}
.recent_item_over .recent_over_summary a{display: block;color:#fff;font-size:20px;line-height: 30px;letter-spacing: -1px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;white-space: normal;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;height: 120px}
.recent_item_over .recent_over_link{position: absolute;left:0;right:0;bottom:28px}
.recent_item_over .recent_over_link a{color:#ee1c24;font-size:22px;line-height: 44px;;letter-spacing: -1px}
.recent_item_over .recent_over_link a span{vertical-align: middle}
.recent_item_over .recent_over_link a img{vertical-align: middle;width:40px;margin-left: 20px;}
.recent_gutter{width:2%}
.recent_sizer{width:32%}
.recent_more_btn{display: block;margin:70px auto 200px auto;width: 138px;text-align: center}
.recent_more_btn img:first-child{margin-bottom: 18px;width: 34px;}
.recent_more_btn:hover img:first-child{animation-name: rotate; animation-duration: .6s;}
.recent_more_btn img:first-child+img{width: 137.5px;}
@keyframes rotate {
    from {transform: rotate(0)}
    to {transform: rotate(90deg)}
}
@media all and (max-width:1150px){
	.filter_tab_list li a{width: 160px;font-size:16px;line-height: 40px}
}
@media all and (max-width:1024px){
	.filter_tab_wrap{margin-top: 100px;}
	.filter_tab_list li{margin-left: 8px;}
	.filter_tab_list li a{width: 147px;font-size:15px;line-height: 40px}
	
	.recent_sizer,
	.recent_item{width: 49%;}
	.recent_item_over .recent_over_summary{margin:140px 30px 0 30px}
}
@media all and (max-width:768px){
	.filter_tab_wrap{display: none;}
	.m_filter_tab_wrap{display: block;margin-top: 30px;}
	.filter_tab_list li,
	.filter_tab_list li a{width: 100%;}
	.filter_tab_list li a{font-size:14px;border:2px solid #231f20;line-height: 32px}
	.recent_item{padding-bottom: 10px;}
	.recent_item_cate{font-size: 14px;line-height: 25px;width: 125px;margin-left: -62.5px;}
	.recent_item>.recent_summary{font-size: 14px;line-height: 20px;margin: 10px 6px 0 6px;-webkit-line-clamp:2;height: 40px}
	.recent_item>.recent_summary br{display: none;word-break: keep-all}
	.recent_item_over{display: none !important}
	.recent_item_over .recent_over_cate{font-size: 14px;line-height: 25px;width: 125px;margin-left: -62.5px;}
	.recent_item_over .recent_over_summary{margin:80px auto 0 auto;width: 85%;}
	.recent_item_over .recent_over_summary a{font-size: 14px;line-height: 20px;-webkit-line-clamp:2;height: 40px}
	.recent_item_over .recent_over_summary a br{display: none;}
	.recent_item_over .recent_over_link{bottom:20px;}
	.recent_item_over .recent_over_link a{font-size:14px;}
	.recent_item_over .recent_over_link a img{width:25px;margin-left: 10px;}
	
	.recent_more_btn{margin:40px auto 0 auto }
}

/* praise */
.praise{padding-bottom: 80px}
.praise .section{text-align: center;;}
.praise .section_content .sec_top{text-align: center;margin:18px auto 35px auto }
.praise .section_content .sec_top *{display: inline-block;vertical-align: bottom}
.praise .section_content .sec_top img{width: 71px;}
.praise .section_content .sec_top p{font-size:15px;color:#333;line-height: 20px;margin-left: -6px;text-align: left}
.praise .section_content .sec_btm .table_wrap{border-top: 2px solid #ed1c24;;}
.praise .section_content .sec_btm .table_wrap table{width:100%;table-layout: fixed} 
.praise .section_content .sec_btm .table_wrap table .col1{width: 25%;}
.praise .section_content .sec_btm .table_wrap table .col2{width: 55%;}
.praise .section_content .sec_btm .table_wrap table .col3{width: 20%;}
.praise .section_content .sec_btm .table_wrap table th,
.praise .section_content .sec_btm .table_wrap table td{vertical-align: middle;line-height: 40px; border-bottom: 1px solid #e0e0e0 ;}
.praise .section_content .sec_btm .table_wrap table th{background: #f9f9f9;}
.praise .section_content .sec_btm .table_wrap table th span,
.praise .section_content .sec_btm .table_wrap table td span{width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;} 
.praise .section_content .sec_btm .table_wrap table th span{font-size:15px;font-weight: 600;color:#333;text-align: center}
.praise .section_content .sec_btm .table_wrap table td span{font-size:14px;color:#777;}
.praise .section_content .sec_btm .table_wrap table td:first-child+td+td span{text-align: center}
.praise .section_content .sec_btm .table_wrap table td:first-child+td span a{font-size:15px;color:#333;padding-left:30px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.praise .section_content .sec_btm .table_wrap table td:first-child span{padding-left:30px;}
.praise .section_content .sec_btm .table_wrap table tr.none td{text-align: center;font-size:15px;color:#333;font-weight: 600}

.praise .section_content .sec_btm .table_wrap table .notice td{background: #f0f0f0;}
.praise .section_content .sec_btm .table_wrap table .notice td span{font-size:14px;font-weight: 600;color:#333}
.praise .section_content .sec_btm .table_wrap table .notice td.mobileHide span{font-weight: 400}

 .pagination{text-align: center;margin-top: 40px;}
 .pagination div{display: inline-block;overflow: hidden;margin-top: 0;}
 .pagination a{display: block;float: left;text-align: center;width: 50px;height: 50px;box-sizing: border-box;line-height: 49px;border:1px solid #ddd;border-left: 0;background: #fff;}
 .pagination a:first-child{border-left: 1px solid #ddd !important;}
 .pagination a:hover,
 .pagination a.cur{background: #ed1c24;color:#fff;border:1px solid #ed1c24}
 .pagination a.prev:hover,
 .pagination a.next:hover,
.pagination a.first:hover,
.pagination a.last:hover,
 .pagination a.more:hover{background-color:#f7f7f7;border:1px solid #ddd;border-left: 0;}
 .pagination a.prev{background-repeat: no-repeat;background-position: center center;background-size:10px 14px;background-image: url(../images/sub/junohair/shopList_pagination_left.png)}
 .pagination a.next{background-repeat: no-repeat;background-position: center center;background-size:10px 14px;background-image: url(../images/sub/junohair/shopList_pagination_right.png)}
 .pagination a.more{background-repeat: no-repeat;background-position: center center;background-size:12px 3px;background-image: url(../images/sub/junohair/shopList_pagination_more.png)}

 .pagination a.first{background-repeat: no-repeat;background-position: center center;background-size:18px 19px;background-image: url(../images/sub/junohair/shopList_pagination_first.png)}
 .pagination a.last{background-repeat: no-repeat;background-position: center center;background-size:18px 19px;background-image: url(../images/sub/junohair/shopList_pagination_last.png)}

.praise .section_content .sec_btm .table_btm{text-align: center;position: relative;}
.praise .section_content .sec_btm .table_btm a.write_btn {display: block;background: #ed1c24;color:#fff;text-align: center;line-height:50px;font-weight: 600;font-size:15px;width: 160px;position: absolute;right:0;top:50%;margin-top:-25px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px}
.praise .section_content .sec_btm .search_wrap {background: #f9f9f9;text-align: center;padding:40px 0;margin-top: 30px;}
.praise .section_content .sec_btm .search_wrap select,
.praise .section_content .sec_btm .search_wrap input{height: 30px;line-height: 30px;box-sizing: border-box;display: inline-block;vertical-align: middle;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border:1px solid #d3d3d3;padding:0 5px}
.praise .section_content .sec_btm .search_wrap select{width: 140px;}
.praise .section_content .sec_btm .search_wrap input{width: 370px;margin-left: 5px;}
.praise .section_content .sec_btm .search_wrap button{text-align: center;color:#fff;background: #333;font-size:15px;font-weight: 600;width:60px;line-height: 30px;display: inline-block;vertical-align: middle;border:0;cursor: pointer;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-left: 5px;}

/* praise-write */
.praise .section.write .table_wrap table{width:100%;table-layout: fixed} 
.praise .section.write .table_wrap table .col1{width: 20%;}
.praise .section.write .table_wrap table .col2{width: 80%;}
.praise .section.write .table_wrap table th,
.praise .section.write .table_wrap table td{vertical-align: middle;line-height: 60px;}
.praise .section.write .table_wrap table th{background: #f9f9f9;border-top: 1px solid #ed1c24;}
.praise .section.write .table_wrap table td{border-top: 1px solid #e0e0e0;}
.praise .section.write .table_wrap table th>span,
.praise .section.write .table_wrap table td>span{width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;} 
.praise .section.write .table_wrap table th>span{font-size:15px;font-weight:600 ;color:#333;padding-left: 30px;}
.praise .section.write .table_wrap table td>span{font-size:14px;color:#777;padding-left:30px;}
.praise .section.write .table_wrap table td>span input[type="text"]{background: #f8f8f8;border:1px solid #f0f0f0;height: 30px;box-sizing: border-box;padding:0 5px;font-size:14px;width: 670px;}
.praise .section.write .table_wrap table td textarea{resize: none;width:100%;min-height:350px;; margin-top: 10px;padding:10px;border:1px solid #b5b5b5;box-sizing: border-box}
.praise .section.write .table_wrap table td select{box-sizing: border-box;height: 30px;line-height: 30px;padding:0 5px;background: #f8f8f8;border:1px solid #f0f0f0;box-sizing: border-box}

.praise .section.write .row3 td div{line-height: 30px;padding:5px 30px}
.praise .section.write .row3 td div p{position: relative;margin-top: 8px;}
.praise .section.write .row3 td div p:first-child{margin-top: 0;}
.praise .section.write .row3 td div p span{position: absolute;left:0;top:0;font-size:13px}
.praise .section.write .row3 td div p input{margin-left: 60px;background: #f8f8f8;border: 1px solid #f0f0f0;height: 30px;box-sizing: border-box; padding: 0 5px; font-size: 14px; width: 610px;}
.praise .section.write .row3 td div p input#postcode{width: 110px;}
.praise .section.write .row3 td div a.address_search{width: 100px;line-height: normal;cursor: pointer;
    background: #333;font-size: 14px;color: #c9c9c9 !important;text-align: center;line-height: 30px;
    border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding: 0 !important;
    vertical-align: middle;margin-left: 10px;}

.praise .section.write .btn_group{text-align: center;margin-top: 20px;}
.praise .section.write .btn_group li{display: inline-block;vertical-align: middle;}
.praise .section.write .btn_group li:first-child{margin-right: 10px;}
.praise .section.write .btn_group li a{display: block;color:#fff;text-align: center;line-height:40px;font-size: 15px;font-weight: 600;width: 160px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-left: 5px;}
.praise .section.write .btn_group li a.submit{background: #ed1c24;}
.praise .section.write .btn_group li a.list{background: #333;}

/* praise-view */
.praise .section.view .section_content{text-align: center}
.praise .section.view .table_wrap{border-top: 2px solid #ed1c24;text-align: left}
.praise .section.view .table_wrap table{width:100%;table-layout: fixed}
.praise .section.view .table_wrap td{vertical-align: middle;border-bottom: 1px solid #e0e0e0;}
.praise .section.view .table_wrap tr:first-child td,
.praise .section.view .table_wrap tr:first-child+tr td{background: #f9f9f9;}
.praise .section.view .table_wrap td>span{width:100%;box-sizing: border-box;padding:0 30px}
.praise .section.view .table_wrap span.title{font-size:16px;color:#333;font-weight: 600;line-height: 55px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap}
.praise .section.view .table_wrap span.info{}
.praise .section.view .table_wrap span.info ul{overflow: hidden}
.praise .section.view .table_wrap span.info ul li{float: left;}
.praise .section.view .table_wrap span.info ul li.slash{font-size:13px;color:#c3c3c3;margin:0 10px}
.praise .section.view .table_wrap span.info ul li strong,
.praise .section.view .table_wrap span.info ul li span{display: inline-block;vertical-align: middle;line-height: 40px;}
.praise .section.view .table_wrap span.info ul li strong{color:#555;font-size:13px;font-weight: 600}
.praise .section.view .table_wrap span.info ul li span{font-size:13px;color:#999}
.praise .section.view .table_wrap .content{color:#555;font-size:15px;line-height: 25px;padding:30px;min-height:300px}
.praise .section.view .table_wrap+.list_btn{width: 160px;line-height: 40px;margin:20px auto 0 auto;color:#fff;text-align: center;font-weight: 600;font-size:15px;background: #333;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-left: 5px;}

@media all and (max-width:1024px){
	.praise .section.write .table_wrap table td>span input[type="text"]{width: 80%;}
	.praise .section.write .row3 td div p input{width: 407px;}
}
@media all and (max-width:768px){
	/* praise */
	.section_content{width:100%}
	.praise .section_content .sec_top{position: relative;text-align: left;margin:18px auto}
	.praise .section_content .sec_top p{margin-left: 0;font-size:14px;word-break: keep-all}
	.praise .section_content .sec_top p br{display: none}
	.praise .section_content .sec_top img{display: none;}
	.mobileHide{display: none}
	.praise .section_content .sec_btm .table_wrap table td:first-child+td span a{padding-left: 0;text-align: center;font-size:14px;padding:0 5px}
	.praise .section_content .sec_btm .table_wrap table td:first-child span{padding-left: 0;text-align: center;padding:0 5px}
	.pagination a{display: block;float: left;text-align: center;width:35px;height: 35px;box-sizing: border-box;line-height: 34px;border:1px solid #ddd;border-left: 0;}
	.pagination{margin-top: 55px;}
	.praise .section_content .sec_btm .table_btm{text-align: right;}
	.praise .section_content .sec_btm .table_btm a.write_btn{line-height:32px;width:90px;font-size:14px;top: -45px;margin-top: 0;}
	.praise .section_content .sec_btm .table_wrap table th span{font-size:14px}
	.praise .section_content .sec_btm .table_wrap table tr.none td{font-size:14px}
	.praise .section_content .sec_btm .search_wrap{padding:10px;margin-top: 14px;}
	.praise .section_content .sec_btm .search_wrap select{width: 60px;}
	.praise .section_content .sec_btm .search_wrap input{width: 200px;}
	.praise .section_content .sec_btm .search_wrap button{width: 60px;margin-left: 2px;font-size:14px}
	.praise .section_content .sec_btm .search_wrap select, 
	.praise .section_content .sec_btm .search_wrap input{margin-left:2px;}
	
	/* praise_write */
	.praise .section.write .table_wrap table td textarea{min-height: 200px}
	.praise .section.write .table_wrap table th>span{padding-left: 10px;font-size:14px}
	.praise .section.write .table_wrap table td>span{padding-left: 0;}
	.praise .section.write .btn_group li a{margin-left: 0;}
	.praise .section.write .btn_group li:first-child{margin-right: 5px;}
	.praise .section.write .table_wrap table th, .praise .section.write .table_wrap table td{line-height: 50px;height: 50px;}
	.praise .section.write .table_wrap table .col1{width: 25%;}
	.praise .section.write .table_wrap table .col2{width: 75%;}
	/* praise_view */
	.praise .section.view .table_wrap td>span{padding:0 12px}
	.praise .section.view .table_wrap .content{padding:15px;min-height: 180px;font-size:14px}
	
	.praise .section.write .table_wrap table td>span input[type="text"]{width: 100%;}
	.praise .section.write .row3 td div{padding-left: 0;}
	.praise .section.write .row3 td div p input{width: 80%;}
	.praise .section.write .row3 td div a.address_search{width: 80px;font-size:!3px}
	
}
@media all and (max-width:360px){
	.praise .section.write .btn_group li a{font-size:14px;width: 130px;}
}
@media all and (max-width:320px){
	.praise .section_content .sec_btm .search_wrap input{width: 160px;}
}


/* customer */
.customer .section{text-align: center;padding-bottom: 80px;}
.customer .section_content .sec_top{text-align: center;margin:18px auto 35px auto }
.customer .section_content .sec_top *{display: inline-block;vertical-align: middle}
.customer .section_content .sec_top img{width: 70px;}
.customer .section_content .sec_top p{font-size:15px;color:#333;line-height: 20px;text-align: left;margin-left: 8px;}
.customer .section_content .sec_btm .table_wrap table{width:100%;table-layout: fixed} 
.customer .section_content .sec_btm .table_wrap table .col1{width: 20%;}
.customer .section_content .sec_btm .table_wrap table .col2{width: 80%;}
.customer .section_content .sec_btm .table_wrap table th,
.customer .section_content .sec_btm .table_wrap table td{vertical-align: middle;line-height: 60px;}
.customer .section_content .sec_btm .table_wrap table th{background: #f9f9f9;border-top: 1px solid #ed1c24;}
.customer .section_content .sec_btm .table_wrap table td{border-top: 1px solid #e0e0e0;}
.customer .section_content .sec_btm .table_wrap table th span,
.customer .section_content .sec_btm .table_wrap table td span{width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;} 
.customer .section_content .sec_btm .table_wrap table th span{font-size:15px;font-weight:600 ;color:#333;padding-left: 30px;}
.customer .section_content .sec_btm .table_wrap table td span{font-size:14px;color:#777;padding-left:30px;}
.customer .section_content .sec_btm .table_wrap table td input[type="text"]{background: #f8f8f8;border:1px solid #f0f0f0;height: 30px;box-sizing: border-box;padding:0 5px;font-size:14px;}
.customer .section_content .sec_btm .table_wrap table td input[name="c_subject"]{width: 670px;}
.customer .section_content .sec_btm .table_wrap table td textarea{resize: none;width:100%;height:350px;; margin-top: 10px;padding:10px;box-sizing: border-box}
.customer .section_content .sec_btm .table_wrap table td select{box-sizing: border-box;height: 30px;line-height: 30px;padding:0 5px;background: #f8f8f8;border:1px solid #f0f0f0;}
#c_file1{width:0;height:0;overflow: hidden;margin:0;padding:0;filter: alpha(opacity=0);opacity: 0;}
.customer .file_label{position: relative;z-index: 1;zoom:1;display: block;}
.customer .file_label input{width: 670px;vertical-align: middle;}
.customer .file_label span{width:100px !important;line-height: normal;cursor: pointer;background: #333;font-size:14px;color:#c9c9c9 !important;text-align: center;line-height:30px;border-radius: 3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:0 !important;vertical-align: middle;margin-left: 10px;}


.customer .section_content .sec_btm .table_wrap .agree{background: #f9f9f9;text-align: center;padding: 20px 0 ;border-bottom: 1px solid #e0e0e0;/* border-bottom: 1px dotted #ccc; */}
.customer .section_content .sec_btm .table_wrap .agree label{cursor: pointer}
.customer .section_content .sec_btm .table_wrap .agree label>*{vertical-align: middle;display: inline-block;}
.customer .section_content .sec_btm .table_wrap .agree label span{font-size:14px;color:#777}
.customer .section_content .sec_btm .table_wrap .btn_group{text-align: center;margin-top: 20px;}
.customer .section_content .sec_btm .table_wrap .btn_group li{display: inline-block;vertical-align: middle;}
.customer .section_content .sec_btm .table_wrap .btn_group li:first-child{margin-right: 10px;}
.customer .section_content .sec_btm .table_wrap .btn_group li a{display: block;color:#fff;text-align: center;line-height:40px;font-size: 15px;font-weight: 600;width: 160px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-left: 5px;}
.customer .section_content .sec_btm .table_wrap .btn_group li a.submit{background: #ed1c24;}
.customer .section_content .sec_btm .table_wrap .btn_group li a.cancle{background: #333;}

.customer .table_wrap .row6 div{padding:20px 30px}
.customer .table_wrap .row6 dl{}
.customer .table_wrap .row6 dt{color:#333;font-weight: 600;font-size:16px;line-height: 22px;}
.customer .table_wrap .row6 dd{font-size:14px;line-height: 20px}
.customer .table_wrap .row6 p{line-height: 20px;}

.customer .agree div{padding: 0 30px 20px 30px;text-align: left;}
.customer .agree dt{color:#555;font-weight: 600;font-size:18px;line-height: 30px;margin-bottom: 8px;}
.customer .agree dd{font-size:14px;line-height: 22px;margin-top: 0px;;color:#777}
.customer .agree p{line-height: 22px;margin-top:10px;;color:#777}


@media all and (max-width:1024px){
	.customer .section_content .sec_btm .table_wrap table td input[name="c_subject"]{width: 80%;}
	.customer .file_label input{width: 80%;}
	
	.customer .agree div{padding: 0 15px 15px 15px;text-align: left;}
	.customer .agree dt{font-size: 16px;line-height: 26px;margin-bottom: 5px;}
	.customer .agree dd{line-height: 20px;}
	.customer .agree p{line-height: 22px;margin-top: 8px;}
}
@media all and (max-width:768px){
	.customer .section_content .sec_top img{display: none;}
	.customer .section_content .sec_top br{display: none}
	.customer .section_content .sec_btm .table_wrap table th,
	.customer .section_content .sec_btm .table_wrap table td{line-height: 50px;height: 50px}
	.customer .section_content .sec_btm .table_wrap table td span{padding-left: 0;}
	.customer .section_content .sec_btm .table_wrap table td textarea{min-height:200px ;height: auto}
	.customer .section_content .sec_btm .table_wrap table td input[name="c_subject"],
	.customer .file_label input{width: 60%;}
	
	.customer .agree div{padding:0 10px;}
	.customer .agree dt{font-size: 15px;line-height: 26px;margin:0}
	.customer .agree dd{line-height: 20px;font-size:13px}
	.customer .agree p{line-height: 22px;margin-top: 8px;font-size:13px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dotted #ccc;}
	.customer .section_content .sec_btm .table_wrap .agree{padding:10px 0}
}
@media all and (max-width:360px){
	.customer .section_content .sec_btm .table_wrap .btn_group li a{font-size:14px;width: 130px;}
}

/* parntership */
.partner .section{text-align: center;padding-bottom: 80px;}
.partner .section_content .sec_top{text-align: center;margin:18px auto 35px auto }
.partner .section_content .sec_top *{display: inline-block;vertical-align: middle}
.partner .section_content .sec_top img{width: 69px;}
.partner .section_content .sec_top p{font-size:15px;color:#333;line-height: 20px;text-align: left;margin-left:10px;}
.partner .section_content .sec_top p span{color:#2568cc;vertical-align:initial}

.partner .section_content .sec_btm .table_wrap table{width:100%;table-layout: fixed} 
.partner .section_content .sec_btm .table_wrap table .col1{width: 20%;}
.partner .section_content .sec_btm .table_wrap table .col2{width: 80%;}
.partner .section_content .sec_btm .table_wrap table th,
.partner .section_content .sec_btm .table_wrap table td{vertical-align: middle;line-height: 60px;}
.partner .section_content .sec_btm .table_wrap table th{background: #f9f9f9;border-top: 1px solid #ed1c24;}
.partner .section_content .sec_btm .table_wrap table td{border-top: 1px solid #e0e0e0;}
.partner .section_content .sec_btm .table_wrap table th span,
.partner .section_content .sec_btm .table_wrap table td span{width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;} 
.partner .section_content .sec_btm .table_wrap table th span{font-size:15px;font-weight:600 ;color:#333;padding-left: 30px;}
.partner .section_content .sec_btm .table_wrap table th span .nec{vertical-align: middle;color:#ed1c24;margin-left: 4px;}
.partner .section_content .sec_btm .table_wrap table td span{font-size:14px;color:#777;padding-left:30px;}
.partner .section_content .sec_btm .table_wrap table td input[type="text"]{background: #f8f8f8;border:1px solid #f0f0f0;height: 30px;box-sizing: border-box;padding:0 5px;font-size:14px;}
.partner .section_content .sec_btm .table_wrap table td input[name="p_subject"]{width: 670px;}
.partner .section_content .sec_btm .table_wrap table td textarea{resize: none;width:100%;min-height:350px;; margin-top: 10px;padding:10px;box-sizing: border-box}
.partner .section_content .sec_btm .table_wrap table td select{box-sizing: border-box;height: 30px;line-height: 30px;padding:0 5px;background: #f8f8f8;border:1px solid #f0f0f0;}
#p_file1{width:0;height:0;overflow: hidden;margin:0;padding:0;filter: alpha(opacity=0);opacity: 0;}
#p_file1_txt{width: 670px;vertical-align: middle;}
.partner .file_label{width:100px !important;line-height: normal;cursor: pointer;background: #333;font-size:14px;color:#c9c9c9 !important;text-align: center;line-height:30px;border-radius: 3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:0 !important;vertical-align: middle;margin-left: 10px;display: inline-block;}
.partner .file_guide{line-height: normal;vertical-align: middle;padding-left: 10px !important; }
.partner .file_del{width:100px !important;line-height: normal;cursor: pointer;background: #ddd;font-size:14px;color:#555 !important;text-align: center;line-height:30px;border-radius: 3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:0 !important;vertical-align: middle;margin-left: 10px;}

.partner .section_content .sec_btm .table_wrap .partner_terms{padding:30px;background: #f9f9f9;border-bottom: 1px solid #e0e0e0;}
.partner .section_content .sec_btm .table_wrap .partner_terms li{position: relative;padding-left: 28px;font-size:14px;color:#777;line-height: 30px;}
.partner .section_content .sec_btm .table_wrap .partner_terms li img{position: absolute;width: 15px;left:0;top:10px}
.partner .section_content .sec_btm .table_wrap .agree{background: #f9f9f9;text-align: center;padding:20px 0;border-bottom: 1px solid #e0e0e0;}
.partner .section_content .sec_btm .table_wrap .agree label{cursor: pointer}
.partner .section_content .sec_btm .table_wrap .agree label>*{vertical-align: middle;display: inline-block;}
.partner .section_content .sec_btm .table_wrap .agree label span{font-size:14px;color:#777}
.partner .section_content .sec_btm .table_wrap .btn_group{text-align: center;margin-top: 20px;}
.partner .section_content .sec_btm .table_wrap .btn_group li{display: inline-block;vertical-align: middle;}
.partner .section_content .sec_btm .table_wrap .btn_group li:first-child{margin-right: 10px;}
.partner .section_content .sec_btm .table_wrap .btn_group li a{display: block;color:#fff;text-align: center;line-height:40px;font-size: 15px;font-weight: 600;width: 160px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-left: 5px;}
.partner .section_content .sec_btm .table_wrap .btn_group li a.submit{background: #ed1c24;}
.partner .section_content .sec_btm .table_wrap .btn_group li a.cancle{background: #333;}



@media all and (max-width:1024px){
	.partner .section_content .sec_btm .table_wrap table td input[name="p_subject"]{width: 80%;}
	.partner #p_file1_txt{width: 80%;}
	.partner .section_content .sec_btm .table_wrap .partner_terms li{line-height: 22px;margin-top: 5px;}
	.partner .section_content .sec_btm .table_wrap .partner_terms li:first-child{margin-top: 0;}
	
}
@media all and (max-width:768px){
	.partner .section_content .sec_top img{display: none;}
	.partner .section_content .sec_top br{display: none}
	.partner .section_content .sec_btm .table_wrap table th,
	.partner .section_content .sec_btm .table_wrap table td{line-height: 50px;height: 50px}
	.partner .section_content .sec_btm .table_wrap table td span{padding-left: 0;}
	.partner .section_content .sec_btm .table_wrap table td textarea{min-height:200px ;height: auto}
	.partner .section_content .sec_btm .table_wrap table td input[name="p_subject"],
	.partner #p_file1_txt{width: 60%;}
	.partner .section_content .sec_btm .table_wrap .partner_terms{padding:15px}
	.partner .section_content .sec_btm .table_wrap .partner_terms li{font-size:13px;padding-left: 20px;}
	.partner .section_content .sec_btm .table_wrap .partner_terms li img{width: 13px;top:7px}
	.partner .section_content .sec_btm .table_wrap .agree{padding:15px 0}
	.partner .section_content .sec_btm .table_wrap .agree label span{font-size: 13px}
	
	.partner .file_guide{display: none;}
	
}
@media all and (max-width:360px){
	.partner .section_content .sec_btm .table_wrap .btn_group li a{font-size:14px;width: 130px;}
}

/* event */
.event{padding-bottom: 80px}
.event .section{text-align: center;}
.event .section_top{text-align: center;margin-top: 18px;}
.event .section_top img{vertical-align: middle;width: 53px;margin-right: 12px;}
.event .section_top span{vertical-align: middle;font-size:15px;line-height: 20px;color:#333}
.event .section_top span br{display:none;}
.event_tab_wrap{margin-top:34px;text-align: center;margin-bottom: 41px;}
.event_tab_list{overflow: hidden;}
.event_tab_list li{float: left;width: 33.33%;}
.event_tab_list li:first-child{margin-left: 0;}
.event_tab_list li a{border:2px solid #dcdcdc;color:#9e9e9e;display: block;text-align: center;font-size:18px;line-height: 45px;box-sizing: border-box}
.event_tab_list li a span{vertical-align: middle;}
.event_tab_list li a img{width: 10px;margin-left: 13px;display: none;}
.event_tab_list li.active a{border-color:#000;color:#000}
.event_tab_list li.active a img{display: inline-block}

.m_event_tab_wrap{display:none;text-align: center;position: relative;margin:30px auto 20px auto}
.m_event_tab_wrap .cur_gb a{display: block;font-size:16px;color:#000;border:2px solid #000;line-height: 40px;position: relative}
.m_event_tab_wrap .cur_gb a img{width: 10px;margin-left: 13px;vertical-align: middle;margin-top: -2px;position: absolute;right:20px;top:50%;margin-top:-3px}
.m_event_tab_list{position: absolute;top:44px;left:0;right:0;z-index: 2;text-align: center;background: #fff;border:1px solid #c1c1c1;border-top: 0;display: none;}
.m_event_tab_list li{border-top: 1px solid #c1c1c1;}
.m_event_tab_list li:first-child{border-top:0;}
.m_event_tab_list li a{display: block;color:#7c7c7c;line-height:40px;font-size:16px}
.m_event_tab_list li.active a{background: #efefef;color:#555}

.event_item{width: 366px;}
.event_item>a{display: block}
.event_border{width: 100% !important;height:0px !important;border-bottom: 1px dotted #b2b2b2;margin:46px 0}
.eb2{display: none;}
.event_item .event_bg{height: 240px;background-size:cover;background-repeat:no-repeat;background-position: center center}
.event_item .event_txt{margin-top: 19px;}
.event_item .event_txt .event_tit{color:#333;font-size:18px;font-weight: 600;line-height: 22px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.event_item:hover .event_txt .event_tit{text-decoration: underline}
.event_item .event_txt .event_tit+p{margin-top: 6px;}
.event_item .event_txt .event_tit+p span.event_state{vertical-align: middle;color:#fff;font-size:14px;font-weight: 300;background: #ed1c24;line-height: 22px;width: 42px;text-align: center;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-right: 7px;}
.event_item .event_txt .event_tit+p span.event_state.state2{background: #7d7d7d;}
.event_item .event_txt .event_tit+p span.event_state.state3{background: #000;}
.event_item .event_txt .event_tit+p span.event_date{vertical-align: middle;color:#333;font-size:15px;line-height: 15px}
.event_gutter{width: 26px;}
.event_sizer{width: 366px;}

.event_none{text-align: center;font-size: 20px;line-height: 20px;margin: 100px auto 300px auto;}

.event_content .event_content_top{;position: relative;padding-bottom: 17px;border-bottom: 1px dotted #b2b2b2;margin-bottom: 43px;}
.event_content .event_content_top p.event_tit{font-size:16px;line-height: 24px;font-weight: 600;color:#333;padding-right: 230px;}
.event_content .event_content_top .event_info{position: absolute;right:0;line-height: 20px;top:0}
.event_content .event_content_top .event_info .event_state{vertical-align: middle;color:#fff;font-size:14px;font-weight: 300;background: #ed1c24;line-height: 22px;width: 42px;text-align: center;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-right: 7px;}
.event_content .event_content_top .event_info .state2{background: #7d7d7d;}
.event_content .event_content_top .event_info .state3{background: #000;}
.event_content .event_content_top .event_info .event_date{font-size:13px;font-weight: 600;color:#999;vertical-align: middle}

.event_content .event_desc {font-size:15px;line-height: 25px;color:#555;padding-bottom: 60px;}
.event_content .event_desc strong{font-weight: 600}
.event_content .event_desc img{max-width:100% !important;display: block;margin-left: auto;margin-right: auto;width:auto !important;height: auto !important}

.event_content .event_content_btm .event_comment .evt_comment_table table{width: 100%;table-layout: fixed}
.event_content .event_content_btm .event_comment .evt_comment_table table .col1{width: 15%;}
.event_content .event_content_btm .event_comment .evt_comment_table table .col2{width: 60%;}
.event_content .event_content_btm .event_comment .evt_comment_table table .col3{width: 15%;}
.event_content .event_content_btm .event_comment .evt_comment_table table thead th{text-align: center;vertical-align:middle;font-weight: 600;color:#333;background: #f9f9f9;font-size:15px;line-height: 35px;border-top: 2px solid #ed1c24;border-bottom: 1px solid #eaeaea;}
.event_content .event_content_btm .event_comment .evt_comment_table table tbody td{text-align: center;vertical-align: middle;border-bottom: 1px solid #eaeaea;line-height: 31px;color:#777;font-size:14px;padding: 2px 10px;word-break: break-all}
.event_content .event_content_btm .event_comment .evt_comment_table table tbody td:first-child+td{color:#333;line-height: 22px;padding:10px;text-align: left;letter-spacing: 0}
.event_content .event_content_btm .event_comment .evt_comment_table table tbody td:first-child+td a{color:#fff;background: #fd3f3f;font-size:13px;padding:0 6px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin-left: 15px;line-height: 18px}

.evt_comment_form{border-top: 1px dotted #b2b2b2;padding-top: 41px;overflow: hidden;position: relative;margin-top: 41px;}
.evt_comment_form>form{position: relative;overflow: hidden;}
.evt_comment_form div{margin-right:98px;}
.evt_comment_form div a{resize: none;box-sizing: border-box;display: block;width: 100%;height: 80px;padding:9px 16px;font-size:14px;line-height: 20px;border:1px solid #c5c5c5;color:#555;}
.evt_comment_form textarea{resize: none;box-sizing: border-box;display: block;width: 100%;height: 80px;padding:9px 16px;font-size:14px;line-height: 20px;border:1px solid #c5c5c5;border-radius: 0}
.evt_comment_form a.comment_btn{display: block;line-height: 80px;color:#fff;font-size:15px;;text-align: center;width: 96px;background: #ed1c24;position: absolute;right:0;bottom:0}

.event_back_btn{text-align:  center;margin: 38px auto 45px auto;display:  block;color: #fff;background: #333;font-size: 15px;font-weight:  600;line-height:  40px;width:  160px;border-radius:  5px;}


@media all and (max-width:1150px){
	.event_item,
	.event_sizer{width: 328px;}
	.event_gutter{width: 20px;}
	.event_border{margin:35px 0}
	.event_tab_list li a{font-size:16px;line-height: 40px}
}

@media all and (max-width:1024px){
	.event_item,
	.event_sizer{width: 49%;}
	.event_gutter{width: 2%;}
	.event_border{margin:30px 0}
	.eb3{display: none;}
	.eb2{display: block;}
	.event_item .event_bg{height: 0;padding-bottom: 65%;}
	.event_tab_list li a{font-size:15px;}
	.event_item .event_txt{margin-top: 12px;}
	
	.event_content .event_content_top{border-bottom: 0;padding-bottom: 0;}
	.event_content .event_content_top .event_info{position: static;padding-top: 10px;margin-top: 15px;border-top: 1px dotted #b2b2b2;}
	.event_content .event_content_top p.event_tit{padding-right: 0;}
}

@media all and (max-width:768px){
	.event .section_top img{display: none;}
	.event .section_top span{font-size: 14px;word-break: keep-all;}
	.event .section_top span br{display: block;}
	.event_tab_wrap{display: none;}
	.m_event_tab_wrap{display: block;}
	.event_item .event_txt{margin-top: 8px;}
	.event_item .event_txt .event_tit{font-size:15px}
	.event_item .event_txt .event_tit+p{margin-top: 3px;}
	.event_item .event_txt .event_tit+p span.event_state{display: none;}
	.event_item .event_txt .event_tit+p span.event_date{font-size:13px}
	.event_border{margin:20px 0}
	
	.event_content .event_content_top{margin-bottom: 25px;}
	.event_content .event_desc{font-size:14px;line-height: 21px;}
	
	.event_content .event_content_btm .event_comment .evt_comment_table table .col1{width: 30%;}
	.event_content .event_content_btm .event_comment .evt_comment_table table .col2{width: 70%;}
	.event_content .event_content_btm .event_comment .evt_comment_table table .col3{width: 0;}
	.event_content .event_content_btm .event_comment .evt_comment_table table tbody td:first-child+td+td{display: none;}
	.event_content .event_content_btm .event_comment .evt_comment_table table thead th{font-size:12px;line-height: 30px}
	.event_content .event_content_btm .event_comment .evt_comment_table table tbody td{line-height: 28px;font-size:12px}
	.event_content .event_content_btm .event_comment .evt_comment_table table tbody td:first-child+td a{margin-left: 5px;}
	.event_comment .pagination{margin-top:20px;}
	.event_comment .pagination a{width: 32px;height: 32px;line-height: 31px;font-size:13px}
	
	.event_comment .pagination a.prev,
	.event_comment .pagination a.next{background-size:8px 13px}
	.event_comment .pagination a.first,
	.event_comment .pagination a.last{background-size:12px 13px}
	
	.evt_comment_form{margin-top: 25px;padding-top: 25px;}
	.evt_comment_form div{margin-right: 77px;}
	.evt_comment_form div a,
	.evt_comment_form textarea{height: 65px;padding:5px;font-size:13px}
	.evt_comment_form a.comment_btn{width: 75px;line-height: 65px;font-size:13px}
	.event_back_btn{font-size:14px;width: 130px;margin:38px auto 0 auto}
}
@media all and (max-width:350px){
	.event_border{display: none;}
	.event_item{margin-bottom: 25px;}
	.event_item,
	.event_sizer{width: 100%;}
	.event_gutter{width: 0;}
	.pagination{margin-top: 20px;}
}

/* 준오뉴스 */
.news_list {overflow:hidden;margin-top:50px}
.news_list ul {overflow:hidden;margin-left:-30px}
.news_list li {float:left;width:33.3%;padding-left:30px;box-sizing:border-box;
opacity:0;
-webkit-transform:scale(0,0);
-transform:scale(0,0);
-webkit-transition:all .4s;
transition:all .4s;}

.news_list li.zoomUp {
opacity:1;
-webkit-transform:scale(1,1);
-transform:scale(1,1);}
.news_list a {width:100%;padding-bottom:50px}
.news_list .thum {overflow:hidden;display:block;width:100%;height:0;padding-bottom:66%;}
.news_list .thum img {width:100%;-webkit-transition:all .3s;transition:all .3s}
.news_list .cnt {margin-top:26px}
.news_list .subj span {position:relative;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;font-size:20px;font-weight:700;color:#231f20}
.news_list .subj span:after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#333;opacity:0;-webkit-transition:all .3s;transition:all .3s}
.news_list .cate {margin-top:15px;font-size:16px;color:#333}
.news_list a:hover .thum img {-webkit-transform:scale(1.07, 1.07);transform:scale(1.07, 1.07)}
.news_list a:hover .subj span:after {opacity:1}
.news_list + .btn_data_more {margin-top:10px}

.news_view {margin-top:50px}
.news_view .head {padding:45px 40px 40px;border-top:2px solid #777;border-bottom:1px solid #e0e0e0}
.news_view .head .subj {font-size:30px;font-weight:700}
.news_view .info {margin-top:28px}
.news_view .info .cate {font-size:16px;color:#ee1c24}
.news_view .info .date {font-size:16px;color:#777}
.news_view .info span {display:inline-block;position:relative;margin-left:20px}
.news_view .info span:first-child {margin-left:0}
.news_view .info span:first-child:after {display:none}
.news_view .info span:after {content:'';display:block;position:absolute;top:2px;left:-12px;width:1px;height:13px;background:#e0e0e0;}
.news_view .edit {padding:38px 40px 60px;font-size:16px;line-height:1.5;}
.news_view .edit img {max-width:100%;height:auto !important;}
.news_view .btn_bottom {margin-top:30px;text-align:center;}
.news_footnav {border-top:1px solid #e0e0e0}
.news_footnav li {border-bottom:1px solid #e0e0e0}
.news_footnav li a {position:relative;display:block;padding:22px 40px 22px 166px}
.news_footnav .tit {position:absolute;top:22px;left:40px;width:88px;font-size:16px;font-weight:700}
.news_footnav .prev .tit {background:url(../images/sub/community/ico_news_nav.png) no-repeat 72px 4px;-webkit-background-size:32px auto;
background-size:32px auto;}
.news_footnav .next .tit {background:url(../images/sub/community/ico_news_nav.png) no-repeat 72px 55%;-webkit-background-size:32px auto;
background-size:32px auto;}
.news_footnav .subj {width:72%;font-size:16px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_footnav .date {position:absolute;top:20px;right:40px;font-size:16px;color:#777}


@media all and (max-width:1200px){
	/*.news_list .thum {width:235px;height:155px}*/
}

@media all and (max-width:768px){
	.news_list {margin-top:35px}
	.news_list ul {margin-left:-20px}
	.news_list li {width:50%;height:auto;padding-left:20px}
	.news_list a {padding-bottom:15px}
	.news_list .cnt {margin-top:8px;height:62px} 
	.news_list .subj span {display:-webkit-box;font-size:14px;font-weight:600;max-width:inherit;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:inherit;} 
	.news_list .cate {margin-top:5px;font-size:12px;color:#777;}
	.news_list a:hover .subj span:after {display:none}

	.news_view {margin-top:25px;}
	.news_view .head {padding:25px 4px}
	.news_view .head .subj {font-size:18px;line-height:23px;}
	.news_view .info {margin-top:10px;}
	.news_view .info .cate {font-size:13px}
	.news_view .info .date {font-size:13px}
	.news_view .edit {padding:18px 4px;font-size:14px}
	.news_footnav li a {padding:8px 4px 8px 75px}
	.news_footnav .tit {position:absolute;top:10px;left:3px;width:64px;font-size:14px}
	.news_footnav .prev .tit {-webkit-background-size:25px auto;background-size:25px auto;background-position:48px 7px}
	.news_footnav .next .tit {-webkit-background-size:25px auto;background-size:25px auto;background-position:48px -18px}
	.news_footnav .subj {display:block;width:90%;font-size:14px}
	.news_footnav .date {display:block;margin-top:2px;position:inherit;top:inherit;right:inherit;font-size:12px}
}