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

/* ------------- 이용약관, 개인정보 처리방침  ------------- */
.service_tit {margin:0 0 20px 0; padding:0 0 20px 0; font-size:16px; border-bottom:1px solid #999999;}
.service_tit h2 {font-size: 34px; color: #2a2a2a; letter-spacing: 1.5px; text-align: center;}
.service_sub_tit {font-size: 20px; margin: 0 0 10px;}
.service_cont {margin-bottom: 50px;}
/* 회사소개 */
.service_cont .service_company{}
/* 이용안내 */
.service_cont .service_guide{}

/* 고객센터 메인 */
.service_main{}
.service_main h3 {font-size: 40px; text-align: center; padding: 0 0 25px;}
.service_main .board_zone_list{min-height:500px;}
.service_main_cont {display: flex; gap: 60px;}

/* ------------- 공지사항,이벤트 공통 ------------- */
.service_main_cont h3 {text-align: left; font-size: 24px; font-weight: bold; padding: 0 0 10px;}
.service_main_cont ul {border-top: 2px solid #000;}
.service_main_cont li {position:relative; border-bottom:1px solid #e8e8e8; line-height:1;}
.service_main_cont li span {position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 15px; color: #888;}
.service_main_cont li a {display:block; overflow:hidden; padding: 20px 15px 20px 12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; 
background:url(../../img/icon/etc/icon_board_list.png) no-repeat left center/2px; font-size: 15px;}
/* 공지사항 영역 위치 */
.service_main_notice {float:left; position:relative; width: 450px;}
/* 이벤트 영역 위치 */
.service_main_event {float:right; position:relative; width: 450px;}

/* ------------- 설문조사 ------------- */
.poll_sec{}
.poll_sec .poll_tit{margin:0 0 20px 0; padding:0 0 10px 0; font-size:16px; border-bottom:1px solid #999999;}
.poll_cont{}
.poll_list_box{}
.poll_list_box input[type="text"]{width:100%; margin:0 0 0 10px;}
.poll_list_box textarea{width:100%; height:100px; margin:0 0 0 10px;}
.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:#ff7200;}
.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 {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:#ff7200;}
.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:#ff7200;}
.poll_percent{display:inline-block; padding:0 0 0 15px; vertical-align:middle;}

/* ------------- FAQ ------------- */
/* 게시판 기본 */
.board_zone_sec{position:relative;}
.board_zone_tit {text-align: center; padding: 0 0 25px;}
.board_zone_tit h2 {font-size: 40px;}
.board_zone_cont {}
.brd_box {width: 960px;}
.board_list_table{width:100%; margin:0 0 20px 0; border:0; border-spacing:0; border-collapse:collapse; border-top: 2px solid #000; text-align:center;}
.board_list_table th {border-bottom: 1px solid #e8e8e8; font-size: 15px; font-weight: 500; padding: 18px 0;}
.board_list_table td {border-bottom: 1px solid #e8e8e8; padding: 18px 0; font-size: 15px;}
/* 게시판 이미지 */
.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:#ff7200;}
.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 .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 {border: 1px solid #e8e8e8; padding: 30px 0; margin: 0 0 50px;}
.date_check_box > form {display: flex; justify-content: center;}
.date_check_box h3 {}
.date_check_list {}
.date_check_list button {}
.date_check_list button.on {}
.date_check_calendar {}
.date_check_calendar .anniversary {background:url(../../img/member/icon_calendar.png) no-repeat right center;}

.date_faq_list {margin-right: 50px; padding-right: 50px; position: relative;}
.date_faq_list:after {content: ''; width: 1px; height: 100%; background: #ddd; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.date_faq_list .search_bg {/* background: #f8f8f8;*/ border: 1px solid #ddd; padding: 0 20px; margin: 10px 0 0;}
.date_faq_list h2 {font-size: 17px; font-weight: 500;}
.date_faq_list input[type="text"] {font-size: 15px; width: 414px; height :45px; border: 0; /* background: #f8f8f8; */ padding-left: 0;}

.date_faq_txt {}
.date_faq_txt strong {display: block; font-size: 15px; font-weight: 500; padding: 0 0 5px;}
.date_faq_txt .btn_gray_list {}
.date_faq_txt .btn_gray_list .btn_gray_mid {background: #ff7200; width: 140px; height: 45px; text-align: center;}
.date_faq_txt .btn_gray_list .btn_gray_mid span {font-size: 15px; color: #fff; line-height: 43px; padding: 0;}

/* FAQ 게시판 */
.board_list_faq{position:relative;}
.board_list_faq .board_hot_list {margin: 10px 0 15px;}
.board_list_faq .board_hot_list ul {}
.board_list_faq .board_hot_list ul li {display: inline-block; margin-right: 36px;}
.board_list_faq .board_hot_list ul li:last-child {margin-right: 0;}
.board_list_faq .board_hot_list ul li a {}
.board_list_faq .board_hot_list ul li a span {font-size: 16px; color: #888;}
.board_list_faq .board_hot_list ul li:hover a span {color: #ff7200;}
.board_list_faq .board_hot_list ul li.on a span {font-weight: 500; color: #ff7200;}

.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_orange.png) no-repeat right center;}
.board_list_faq .board_list_table .board_tit.on a{background:url(../../img/icon/board/icon_toggle_close_orange.png) no-repeat right center;}
.board_list_faq .icon_qan {font-size: 15px; font-weight: bold; color: #ff7200;}
.board_faq{text-align:left; background:#f8f8f8;}
.board_faq_cont{position:relative; max-width:730px; min-height:70px; margin:0 0 0 278px;}
.board_faq_cont .icon_qan {font-size: 15px; font-weight: bold; color: #000; position: absolute; left: -23px;}

.service_flex {display: flex; gap: 80px;}
.service_flex .board_hot_list {width: 240px;}
.service_flex .board_hot_list ul {border-top: 2px solid #000;}
.service_flex .board_hot_list ul li {border-bottom: 1px solid #e8e8e8;}
.service_flex .board_hot_list ul li.on {}
.service_flex .board_hot_list ul li a {}
.service_flex .board_hot_list ul li a span {line-height: 58px; font-size: 15px; font-weight: bold;}
.service_flex .board_hot_list ul li.on a span {color: #ff7200;}

.service_box {width: 960px;}
.service_top .service_info {background: #fff3e9 url(../../img/new/sub/service_info_bg.png) no-repeat center; padding: 28px 70px; margin: 0 0 20px;}
.service_top .service_info strong {font-size: 17px; font-weight: 500; display: block; padding: 0 0 5px;}
.service_top .service_info p {position: relative; font-size: 15px; color: #777; padding-left: 10px;}
.service_top .service_info p:after {content: ''; width: 2px; height: 2px; background: #888; position: absolute; left: 0; top: 12px;}

.service_top .service_info ul {margin: 20px 0 0;}
.service_top .service_info ul li {display: inline-block; vertical-align: middle; margin-right: 34px;}
.service_top .service_info ul li:last-child {margin-right: 0;}
.service_top .service_info ul li a {display: block;}
.service_top .service_info ul li a span {font-size: 15px; font-weight: 500; color: #ff7200; display: inline-block; padding-right: 14px; background: url(../../img/new/sub/service_info_arrow.png) no-repeat right center/7px 10px;}

.brd_flex {display: flex; gap: 80px;}
.board_hot_list.faq {width: 240px;}
.board_hot_list.faq ul {border-top: 2px solid #000;}
.board_hot_list.faq ul li {border-bottom: 1px solid #e8e8e8;}
.board_hot_list.faq ul li.on {}
.board_hot_list.faq ul li a {display: block;}
.board_hot_list.faq ul li a span {line-height: 58px; font-size: 15px; font-weight: bold;}
.board_hot_list.faq ul li.on a span {color: #ff7200;}

.sitemap {}
.sitemap h3 {font-size: 40px; text-align: center; line-height: 1; margin-bottom: 40px;}

.sitemap .box {border-top: 2px solid #000; display: flex; margin-bottom: 70px; padding: 30px 0 0;}
.sitemap .box:last-child {margin-bottom: 0;}
.sitemap .box .left {width: 280px;}
.sitemap .box .left strong {font-size: 26px; font-weight: 500;}

.sitemap .box .right {width: calc(100% - 280px);}
.sitemap .box .right > ul {font-size: 0;}
.sitemap .box .right > ul > li {display: inline-block; width: 200px; vertical-align: top;}
.sitemap .box .right > ul > li strong {font-size: 18px; font-weight: 500; display: block; padding: 0 0 15px; color: #000;}

.sitemap .box .right > ul > li > ul {}
.sitemap .box .right > ul > li > ul > li {position: relative; padding-left: 10px; margin-bottom: 12px;}
.sitemap .box .right > ul > li > ul > li:last-child {margin-bottom: 0;}
.sitemap .box .right > ul > li > ul > li:after {content: ''; width: 2px; height: 2px; background: #888888; position: absolute; left: 0; top: 8px;}
.sitemap .box .right > ul > li > ul > li a {font-size: 15px; color: #888; display: block; line-height: 1;}
.sitemap .box .right > ul > li > ul > li:hover:after {background: #ff7200;}
.sitemap .box .right > ul > li > ul > li:hover a {color: #ff7200;}