@charset "utf-8";

/*** 이용약관 | service/agreement.html ***/

.agreement {padding:15px 15px 15px 15px;}
.agreement h3 {margin:0 0 15px 0; font-size:15px;}

/*** 회사소개 | service/company.html ***/
.company {padding:15px 15px 15px 15px;}
.company h3 {margin:0 0 15px 0; font-size:15px;}
.company h3.service_sub_tit {font-size: 14px; margin: 30px 0 0;}
.company article {display: block; margin: 0 0 30px;}
/*** FAQ | service/faq_list.html ***/
.faq_list {padding: 20px 15px 0;}
/* 검색 */
.faq_list .boardlist .board_search {}
.faq_list .boardlist .board_search .search_box {border: 1px solid #ddd; position:relative;}
.faq_list .boardlist .board_search .search_input {width:100%;}
.faq_list .boardlist .board_search .search_input input {width:100%; height: 45px; border: 0; font-size:13px; padding: 0 40px 0 15px; box-sizing: border-box;}
.faq_list .boardlist .board_search .search_btn {position:absolute; top: 50%; right:15px; width: 19px; transform: translateY(-50%);}

.faq_list .boardlist .sel_box {margin: 10px 0 0;}
.faq_list .boardlist h3 {font-size: 15px; margin: 30px 0 10px;}
.faq_list .board_faq_box {}
.faq_list .board_faq_box .board_faq {border-top:1px solid #000;}
.faq_list .board_faq_box .board_faq li.data_row {border-bottom:1px solid #eee; padding: 20px 0 20px;}
/* 제목 */
.faq_list .board_faq_box .board_faq li.data_row .faq_subject {word-break:break-all; font-size: 14px; font-weight: 500; color: #000; background: url(../../img/new/ico/ico_faq_arrow.png) no-repeat right center/13px auto;}
.faq_list .board_faq_box .board_faq li.data_row .faq_subject.on {font-weight:bold; background: url(../../img/new/ico/ico_faq_arrow_on.png) no-repeat right center/13px auto;}
.faq_list .board_faq_box .board_faq li.data_row .faq_subject span {display: block; font-size: 12px; color: #888; font-weight: 400;}
.faq_list .board_faq_box .board_faq li.data_row .no_data {padding:50px 0 50px 0; text-align:center;}
.faq_list .board_faq_box .board_faq li.data_row .faq_row_box {padding: 15px 0; background: #f8f8f8; margin: 15px 0 0;}
/* 내용 */
.faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl {padding:0 15px 0 15px; word-break:break-all;}
.faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl dt {position:relative; padding:0 0 20px 15px; font-weight:bold;}
.faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl dt span.icon_q {position:absolute; top:0; left:0; font-size: 14px; color: #ff7200;}
.faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl dd {position:relative; padding:0 0 0 15px;}
.faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl dd span.icon_a {position:absolute; top:0; left:0;}
.faq_list .boardlist .btn_box {padding: 0; margin-top: 30px;}
.faq_list .faq_loader {text-align:center;}
.faq_list .faq_loader img {padding:20px 0 20px 0;}

/*** 이용안내 | service/guide.html ***/
.guide {padding:15px 15px 15px 15px;}
.guide h3 {margin:0 0 15px 0; font-size:15px;}

/*** 설문조사 | service/poll_register.html ***/
.poll_register {}
.poll_register .html_content {padding:10px 10px 10px 10px;}
.poll_register .poll_section {margin:10px 0 10px 0;}
.poll_register .poll_section .poll_title {padding:10px 10px 10px 10px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.poll_register .poll_section .poll_title .poll_num {padding:3px 8px; background:#666666; border-radius:4px; color:#ffffff; text-align:center; font-size:14px; font-weight:normal; }
/* 객관 */
.poll_register .poll_section .poll_list {}
.poll_register .poll_section .poll_list {margin:10px 10px 10px 10px;}
.poll_register .poll_section .poll_list ul li {margin:10px 0; }
/* 입력 */
.poll_register .poll_section .poll_textarea {margin:10px 10px 10px 10px;}
.poll_register .poll_section .poll_textarea input {width:100%; padding:7px 10px 7px 10px; font-size:14px; border:1px solid #cecece; box-sizing:border-box;}
.poll_register .poll_section .poll_textarea textarea {width:100%; height:100px; padding:10px 10px 10px 10px; font-size:14px; border:1px solid #cecece; box-sizing:border-box; }
/* 버튼 */
.poll_register .btn_box { padding:0 10px;}
.poll_register .btn_box ul {display:table; width:100%; font-size:0; text-align:center;}
.poll_register .btn_box ul li {display:table-cell; width:50%; font-size:15px;}
.poll_register .btn_box ul li:nth-child(1) {padding-right:2px;}
.poll_register .btn_box ul li:nth-child(2) {padding-left:2px;}

/*** 설문조사완료 | service/poll_end.html ***/
.poll_end {}
.poll_end .poll_complete { display: table; width: 100%; height: 100%; padding: 40px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.poll_end .poll_complete > div { display: table-cell; vertical-align: middle; text-align: center; }
.poll_end .poll_complete strong{ background: none; }
.poll_end .poll_complete strong .img_poll {width: 122px; height: 122px; display: inline-block; background: url('../../img/icon/icon_poll.png') no-repeat center top; }
.poll_end .poll_complete p { padding: 8px 0 0; color: #888; font-size: 12px; }
.poll_end .btn_box {padding:0 10px;}

/*** 개인정보취급방침 | service/private.html ***/
.private {padding:15px 15px 15px 15px;}
.private h3 {margin:0 0 15px 0; font-size:15px;}

.sitemap {padding: 20px 15px 0;}
.sitemap h3 {font-size: 40px; text-align: center; line-height: 1; margin-bottom: 40px;}

.sitemap .box {border-top: 1px solid #000; margin-bottom: 50px;}
.sitemap .box:last-child {margin-bottom: 0;}
.sitemap .box .left {}
.sitemap .box .left strong {font-size: 17px; display: block; background: #f5f5f5; padding: 0 15px; font-weight: 500; line-height: 50px;}

.sitemap .box .right {}
.sitemap .box .right > ul {font-size: 0;}
.sitemap .box .right > ul > li {border-bottom: 1px solid #e8e8e8; padding: 15px;}
.sitemap .box .right > ul > li strong {font-size: 15px; font-weight: 500; display: block; color: #000;}

.sitemap .box .right > ul > li > ul {padding: 15px 0 0;}
.sitemap .box .right > ul > li > ul > li {margin-bottom: 12px;}
.sitemap .box .right > ul > li > ul > li:last-child {margin-bottom: 0;}
.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 a {color: #ff7200;}