@charset "utf-8";
/* CSS Document */

/* ------------- 이용약관, 개인정보 처리방침  ------------- */
.service_tit{margin:0 0 30px 0; padding:0 0 20px; font-size:15px; border-bottom:1px solid #dcdcdc;}
@media screen and (max-width:760px){
	.service_tit {text-align:center; padding:0 10px 10px; }
	.service_tit h2{ font-size:18px; }	
}
@media screen and (max-width:400px){
	.service_tit h2{ font-size:14px; }
}
.service_cont{}
/* 회사소개 */
.service_cont .service_company{}
/* 이용안내 */
.service_cont .service_guide{}

/* 고객센터 메인 */
.service_main{}
.service_main .board_zone_list{min-height:500px;}
.service_main_cont{float:left; position:relative; width:100%; margin:20px 0 0 0;}
.service_main_cont:after{display:block; clear:both; content:"";}
@media screen and (max-width:760px){
	.service_main_cont{margin:0;}
}

/* ------------- 공지사항,이벤트 공통 ------------- */
/*.service_main_cont h3{padding:0 0 10px 0; font-size:18px; border-bottom:1px solid #999999;}
.service_main_cont ul{margin:-1px 0 0 0; border-top:1px solid #999999;}
.service_main_cont li{position:relative; padding:0 10px 0 0; border-bottom:1px solid #dbdbdb; line-height:1;}
.service_main_cont li span{float:right; padding:10px 0 0 0; color:#acacac;}
.service_main_cont li a{display:block; overflow:hidden; padding:10px 15px 9px 20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; 
background:url(../../img/icon/etc/icon_board_list.png) no-repeat 7px 15px;}
.service_main_cont li a:hover{text-decoration:underline;}*/
/* 공지사항 영역 위치 */
/*.service_main_notice{float:left; position:relative; width:47%;}*/
/* 이벤트 영역 위치 */
/*.service_main_event{float:right; position:relative; width:47%;}*/

/* ------------- 설문조사 ------------- */
.poll_sec{}
.poll_sec .poll_tit{margin:0 0 20px 0; padding:0 0 10px 0; font-size:16px; border-bottom:1px solid #dcdcdc;}
.poll_cont{}
.poll_list_box{}
.poll_list_box input[type="text"]{width:96%; margin:0 2%;}
.poll_list_box textarea{width:96%; height:100px; margin:0 2%;}
.poll_list_box + .btn_center_box{margin:20px 0 0 0;}
/* 설문조사 제목 + 리스트 */
.poll_list_tit{padding:10px 0 5px 0; font-size:14px;}
.poll_list_tit strong{color:#383838;}
.poll_list_cont{padding:0 0 30px 10px;}
.poll_list_cont ul{width:100%;}
.poll_list_cont li{width:100%; margin:10px 0 10px 0;}
/* 설문조사 input 셋팅 */
.poll_list_cont .form_element{display:block; padding:0 0 0 25px;}
.poll_list_cont .form_element label{margin:0 0 0 -20px;}
.poll_list_cont .form_element label + input[type="text"]{display:block; position:static; width:60%; margin:5px 0 0 0;}

/* 설문조사 완료 */
.poll_end_cont{padding:80px 0 0 0; text-align:center; line-height:2.8;}
.poll_end_cont strong{display:block; font-size:28px;}
.poll_end_cont span{display:block; font-size:16px;}
.poll_end_cont a{font-size:14px;}
.poll_end_cont a em,
.poll_end_cont a em:hover{border-bottom:1px solid #333333;}
.poll_end_cont + .btn_center_box{margin:30px 0 0 0;}

/* 설문조사 결과보기 */
.poll_info_box{margin:0 0 30px 0; padding:20px 20px 20px 20px; border:1px solid #eeeeee; background:#f8f8f8;}
.poll_info_box dl{overflow:hidden; padding:5px 0 5px 0;}
.poll_info_box dt{float:left; width:80px; font-weight:bold;}
.poll_info_box dd{float:left; width:400px;}

/* 설문조사 결과 제목 + 리스트 */
.poll_result_tit{padding:5px 0 5px 0; font-size:14px;}
.poll_result_tit strong{color:#383838;}
.poll_result_cont{padding:0 0 30px 10px;}
.poll_result_cont ul{width:100%;}
.poll_result_cont li{display:table; width:100%; margin:15px 0 15px 0; padding:0 0 10px 0; vertical-align:middle; border-bottom:1px solid #eeeeee;}
.poll_result_cont .poll_result_view{padding:10px 10px 10px 10px; border:1px solid #cecece; box-sizing:border-box; word-break:break-all;}

.poll_result_txt{display:block; width:auto; padding:0 10px 0 0;}
.poll_stick{display:inline-block; width:400px; height:15px; margin:10px 0 0 0; background:#f9f9f9;}
.poll_stick em{display:inline-table; height:15px; background:#383838;}
.poll_percent{display:inline-block; padding:0 0 0 15px; vertical-align:middle;}

@media screen and (max-width:760px){
	.poll_sec .poll_tit{text-align:center; padding:0 10px 10px; }
	.poll_list_box,.poll_result_box{padding:0 10px;} 
	.poll_end_cont{padding:40px 0 0 0}
	.poll_end_cont strong{font-size:22px;}
	.poll_end_cont span{font-size:14px;}
	.poll_end_cont a{font-size:13px;}
	.poll_stick {width:60%;}
	.poll_result_cont .poll_result_view {width:96%; margin:0 2%;}
}
@media screen and (max-width:400px){
	.poll_sec .poll_tit{font-size:14px;}
	.poll_end_cont{padding:20px 0 0 0}
	.poll_end_cont strong{font-size:18px;}
	.poll_end_cont span{font-size:13px;}
	.poll_end_cont a{font-size:12px;}
}

/* ------------- FAQ ------------- */
/* 게시판 기본 */
.board_zone_sec{position:relative;}
.board_zone_tit{margin:0; padding:0 0 20px; font-size:14px;}
@media screen and (max-width:760px){
	.board_zone_tit {text-align:center; padding:0 10px 10px; }
	.board_zone_tit h2{ font-size:18px; }
}
@media screen and (max-width:400px){
	.board_zone_tit h2{ font-size:14px; }
}
.board_zone_cont{}
.board_list_table{width:100%; margin:0 0 20px 0; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #3c3c3c; text-align:center;}
.board_list_table th{padding:10px 10px 10px 14px; border-bottom:1px solid #dbdbdb; background:#fbfbfb;}
.board_list_table td{padding:13px 8px 15px 8px; border-bottom:1px solid #dbdbdb;}
/* 게시판 이미지 */
.board_list_table .board_img{overflow:hidden; position:relative; text-align:center; border:1px solid #ebebeb;}
.board_list_table .board_img a{display:table-cell; height:100%; vertical-align:middle;}
/* 게시판 제목 */
.board_list_table .board_tit{text-align:left; vertical-align:middle;}
.board_list_table .board_tit strong{font-weight:normal;}
.board_list_table .board_tit strong > span{color:#383838;}
.board_list_table .board_tit.on strong{font-weight:bold;}
.board_list_table .board_tit img{margin:0 2px 0 2px; vertical-align:middle;}
.board_list_table .board_tit strong:hover{text-decoration:underline;}
/* 게시판 제목 답글 */
.board_list_table .board_tit .reply{}
.board_list_table .board_tit .reply{margin:0 0 0 15px; padding:0 0 0 20px; background:url(../../img/icon/board/icon_comment_reply.png) no-repeat 8px 4px;}

/* 자주묻는 질문 검색 */
.date_check_box{margin:0 0 25px 0; padding:20px 20px 20px 30px; border:1px solid #dcdcdc;}
.date_check_box:after{display:block; clear:both; content:"";}
.date_check_box h3{float:left; padding:6px 15px 0 0; color:#777777; font-size:13px;}
.date_check_list{float:left;}
.date_check_list button{float:left; width:54px; height:31px; margin:0 0 0 -1px; color:#777777; font-size:12px; border:1px solid #d6d6d6;}
.date_check_list button:hover,
.date_check_list button.on{color:#ffffff; background:#aeaeae;}
.date_check_calendar{float:left; margin:0 10px 0 10px;}
.date_check_calendar .anniversary{background:url(../../img/member/icon_calendar.png) no-repeat right center;}
.date_faq_list{display:inline-block; width:70%;}
.date_faq_list h2{padding:0 0 10px 0;}
.date_faq_list input[type="text"]{width:70%;}
.date_faq_txt{display:inline-block; width:23%; padding:10px 0 10px 50px; border-left:1px solid #dbdbdb;}
.date_faq_txt strong{display:block; padding:0 0 10px 0;}

@media screen and (max-width:860px){
	.date_faq_list { width:100%; margin:0 auto; text-align:center;}
	.date_faq_txt {display:none;}
	.date_faq_list h2 {font-size:18px;}
}
@media screen and (max-width:760px){
	.date_check_box{margin:0 10px 15px 10px; padding:15px 0 15px 0;}
	.date_faq_list h2 {font-size:15px;}
	.date_faq_list input[type="text"]{width:255px; margin-bottom:5px;}
	.date_faq_list .btn_date_check {display:block; margin:0 auto; width:255px;}

}
/* FAQ 질문 리스트 */
.board_hot_list{padding:10px 0 50px 0; font-size:0; text-align:left; border-top:1px solid #999999;}
.board_hot_list ul{display:inline-block; font-size:12px;}
.board_hot_list ul li{display:inline-block; width:auto; margin:0; vertical-align:middle;}
.board_hot_list ul li.on{font-weight:bold;}
.board_hot_list ul li.on span {color:#383838;}
.board_hot_list ul li a{display:block; height:11px; padding:0 5px 0 5px; border-left:1px solid #cccccc;}
.board_hot_list ul li a span{position:relative; top:-5px;}
.board_hot_list ul li a span:hover{font-weight:bold; border-bottom:1px solid #383838; color:#383838;}
.board_hot_list ul li:first-child a{border-left:none 0;}
/* FAQ 게시판 */
.board_list_faq{position:relative;}
.board_list_faq .board_hot_list{padding:10px 0 20px 0;}
.board_list_faq .board_list_table{border-top:1px solid #dbdbdb;}
.board_list_faq .board_list_table .board_tit{padding-left:42px;}
.board_list_faq .board_list_table .board_tit a{display:block; padding:0 30px 0 0; background:url(../../img/icon/board/icon_toggle_open.png) no-repeat right center;}
.board_list_faq .board_list_table .board_tit.on a{background:url(../../img/icon/board/icon_toggle_close.png) no-repeat right center;}
.board_list_faq .icon_qan{margin:0 0 0 -31px; padding:0 10px 0 0;}
.board_faq{text-align:left; padding:10px 0; background:#fafafa;}
.board_faq_cont{position:relative; padding:8px 30px; }
.board_faq_cont .icon_qan{position:absolute; top:10px; left:5px; margin:0;}

@media screen and (max-width:760px){
	.board_list_faq .board_list_table .board_tit{padding-left:5px;}
}

/* 고객센터 상단 */
.communityInformation { clear:both; margin-top: 50px; border: 1px solid #ddd; }
.communityInformation:after { content:""; display:block; clear:both; }
.communityInformation > div { 
	display: inline-block; width: 49.5%; padding: 30px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	text-align:center;
	vertical-align: middle;
}
.communityInformation > div:first-child { border-right: 1px solid #ddd;}
.communityInformation > div ul { display: inline-block; *display:inline; *zoom:1; text-align: left; vertical-align: middle;}
.communityInformation > div ul:first-child { margin-right: 50px;}
.communityInformation > div ul li { margin-bottom: 5px; }
.communityInformation .num { margin-bottom: 10px; font-size:23px; font-weight:bold; }
.communityInformation .contentTxt { color:#343434; font-size:12px; }
.communityInformation .contentTxtBold { margin-bottom: 10px; color:#000; font-weight:bold; font-size:12px; }

@media screen and (max-width:860px){
	.communityInformation > div ul:first-child { margin-right:30px; }
	.communityInformation > div ul img { width:100%; }
	.communityInformation > div ul:first-child {width:100px; margin-right:35px;}
}
@media screen and (max-width:760px){
	.communityInformation {margin:30px 10px 0;}
	.communityInformation > div {display:block; width:100%; padding: 20px 0;}
	.communityInformation > div:first-child {border-right:none; border-bottom:1px solid #ddd;}
	.communityInformation > div ul:first-child {width:80px; margin-right:35px;}
	
}
@media screen and (max-width:400px){
	.communityInformation > div ul:first-child {width:60px; margin-right: 20px;}
}
.mpl_boardMain { overflow:hidden; *zoom:1;}
.mpl_boardMain td img { vertical-align:middle; margin:1px; }
.mpl_boardMain .leftArea { float:left; width:50%; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s;}
.mpl_boardMain .leftArea .board { margin:0 10px 25px 0 ;  border:1px solid #dddddd;}
.mpl_boardMain .leftArea .board h3{border-width: 0 0 1px; color:#000;}
.mpl_boardMain .rightArea { float:right; width:50%; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s;}
.mpl_boardMain .rightArea .board { margin:0 0 25px 10px;  border:1px solid #dddddd;}
.mpl_boardMain .rightArea .board h3{border-width: 0 0 1px; color:#000;}

.mpl_boardMain .board {position: relative; min-height:225px; margin:25px 0 25px;  background-color:#FFF;  }
.mpl_boardMain .board h3 { height:39px; line-height:39px; margin-bottom:8px; border:1px solid #dddddd; margin-bottom:0px color:#2e2e2e; background:#fff; text-indent:13px; }
.mpl_boardMain .board a.more { position:absolute; top:11.5px; right:11px; width:48px; height:16px; background:#fff; background:url('../../_mplshop/images/ico_more.png') no-repeat;}
.mpl_boardMain .board a.more:hover {background:url('../../_mplshop/images/ico_more_o.png') no-repeat;}

.mpl_boardMain .board td { width:65px; padding:0 1px 0 0; border:none; font-size:10px; color:#a4a4a4; text-align:right; line-height:30px; }
.mpl_boardMain .board td.title { width:410px; font-size:12px; text-align:left; padding-left:15px;}
.mpl_boardMain .board td.date { width:120px; text-align:right; padding-right:10px; }

@media screen and (max-width:700px){
	.mpl_boardMain {margin:0 10px;}
	.mpl_boardMain .leftArea {float:none; clear:both; width:100%;}
	.mpl_boardMain .leftArea .board {margin:0 0 25px 0; }
	.mpl_boardMain .rightArea {float:none; clear:both; width:100%;}
	.mpl_boardMain .rightArea .board { margin:0 0 25px 0;}
}