@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;}

/*** FAQ | service/faq_list.html ***/
.faq_list {}
/* 검색 */
.faq_list .boardlist .board_search {position:relative; padding:10px 82px 10px 10px;}
.faq_list .boardlist .board_search .search_input {width:100%;}
.faq_list .boardlist .board_search .search_input input {width:100%; height:36px; text-indent:10px; border:1px solid #dddddd; font-size:14px; color:#5e5e5e; font-weight:bold;}
.faq_list .boardlist .board_search .search_btn {position:absolute; top:10px; right:10px; width:67px}
.faq_list .boardlist .sel_box {padding:0px 10px 10px 10px;}
.faq_list .boardlist h3 {padding:0 0 10px 10px; font-size:16px;}
.faq_list .board_faq_box {}
.faq_list .board_faq_box .board_faq {border-bottom:1px solid #dddddd;}
.faq_list .board_faq_box .board_faq li.data_row {border-top:1px solid #dddddd;}
/* 제목 */
.faq_list .board_faq_box .board_faq li.data_row .faq_subject {padding:15px 10px 15px 10px; word-break:break-all;}
.faq_list .board_faq_box .board_faq li.data_row .faq_subject.on {font-weight:bold;}
.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:0 0 15px 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;}
.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:15px 15px 15px 15px;}
.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;}


/* 회사소개 */

.about {display: block; padding: 60px 0px 0px;}
.about .title p {font-size: 12px; color: var(--main_color); font-weight: 600; margin-bottom: 8px; font-family: var(--main_font);}
.about .title h3 {font-size: 20px; font-weight: 700;}

.about .sc_1 {margin-bottom: 80px; position: relative;}
.about .sc_1 .title {margin-bottom: 25px; text-align: center;}
.about .sc_1 .img_box {margin-bottom: 25px;}
.about .sc_1 .img_box img {width: 100%;}
.about .sc_1 .text_box {padding: 0px 20px; box-sizing: border-box;}
.about .sc_1 .text_box article {font-size: 14px; color: #58616A; line-height: 1.5;}

.about .sc_2 {background: #F1F7FF; padding: 80px 0px;}
.about .sc_2 .title {text-align: center; margin-bottom: 30px;}
.about .sc_2 .container {box-sizing: border-box;}
.about .sc_2 .container > p {width: calc(100% - 40px); margin: 0 auto 38px; box-sizing: border-box; text-align: center; padding: 6px; font-size: 17px; font-weight: 700; background: #DDE6F3; border-radius: 100px;}
.about .sc_2 .item_box {padding: 0px 20px; box-sizing: border-box;}
.about .sc_2 ul {}
.about .sc_2 ul li {width: 100%; max-width: 240px; padding: 44px 20px; height: 240px; box-sizing: border-box; border-radius: 10px; text-align: center; box-shadow: 0px 6px 33px 0px #C9DAE8; color: #fff;}
.about .sc_2 ul li:nth-child(1) {background: #1444C0;}
.about .sc_2 ul li:nth-child(2) {background: #062D8F;}
.about .sc_2 ul li:nth-child(3) {background: #1444C0;}
.about .sc_2 ul li:nth-child(4) {background: #062D8F;}
.about .sc_2 ul li .img_box {margin-bottom: 10px;}
.about .sc_2 ul li .img_box img {height: 50px;}
.about .sc_2 ul li p {font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 10px; justify-content: center; margin-bottom: 14px;}
.about .sc_2 ul li p span {font-size: 12px; font-weight: 700;}
.about .sc_2 ul li article {font-size: 13px; font-weight: 300; line-height: 1.4;}
.about .sc_2 ul li article br {display: none;}

.about .sc_3 {padding: 80px 20px; box-sizing: border-box;}
.about .sc_3 .title {text-align: center; margin-bottom: 30px;}
.about .sc_3 .swiper {overflow: visible; padding-bottom: 34px;}
.about .sc_3 .swiper .swiper-wrapper {box-sizing: border-box;}
.about .sc_3 .swiper .swiper-slide {max-width: 420px; bottom: 0; margin: 0px 6px; transition: all 0.3s; box-sizing: border-box; border-radius: 15px; overflow: hidden; cursor: pointer; box-sizing: border-box;}
.about .sc_3 .swiper .swiper-slide-active {border: 2px solid #5685FF;}
.about .sc_3 .swiper .swiper-slide .img_box img {width: 100%;}
.about .sc_3 .swiper .swiper-slide .text_box {padding: 20px; background: #fff; box-sizing: border-box; min-height: 140px;}
.about .sc_3 .swiper .swiper-slide .text_box p {font-size: 20px; font-weight: 700; margin-bottom: 14px;}
.about .sc_3 .swiper .swiper-slide .text_box article {font-size: 14px; font-weight: 500; color: #787878; line-height: 1.4;}
.about .sc_3 .swiper .swiper_arrow {display: none;}
.about .sc_3 .swiper .swiper_prev {left: 170px;}
.about .sc_3 .swiper .swiper_next {right: 170px;}
.about .sc_3 .swiper .swiper-pagination {bottom: 0; top: auto; max-width: 1600px; left: 50%; transform: translateX(-50%);}
.about .sc_3 .swiper .swiper-pagination .swiper-pagination-progressbar-fill {background: var(--main_color);}

.about .sc_4 {padding: 80px 0px; background: #F7F8F8;}
.about .sc_4 .title {text-align: center; margin-bottom: 30px;}
.about .sc_4 .img_box {margin-bottom: 40px;}
.about .sc_4 .img_box img {width: 100%;}

.about .sc_4 .history_box {max-width: fit-content; margin: 0 auto; padding: 0px 20px; box-sizing: border-box;}
.about .sc_4 .history_box > ul > li {display: flex; flex-direction: column; opacity: 0.7; gap: 20px; padding-bottom: 30px; box-sizing: border-box; padding-left: 50px; position: relative;}
.about .sc_4 .history_box > ul > li::before {content: ''; display: block; position: absolute; left: 0; top: 4px; background: #fff; border: 4px solid #ADADAD; width: 8px; height: 8px; border-radius: 100%; z-index: 1;}
.about .sc_4 .history_box > ul > li::after {content: ''; display: block; position: absolute; left: 7px; top: 0; width: 1px; height: 100%; background: #E8E8E8;}
.about .sc_4 .history_box > ul > li:last-child {padding-bottom: 0;}
.about .sc_4 .history_box > ul > li > p {font-size: 15px; font-weight: 700; color: #7B7B7B; line-height: 1;}
.about .sc_4 .history_box > ul > li ol li {display: flex; gap: 14px; padding-left: 20px; box-sizing: border-box; position: relative; margin-bottom: 34px;}
.about .sc_4 .history_box > ul > li ol li::before {position: absolute; display: block; content: ''; left: 0; top: 8px; width: 5px; height: 5px; background: #D0D0D0; border-radius: 100%;}
.about .sc_4 .history_box > ul > li ol li:last-child {margin-bottom: 0;}
.about .sc_4 .history_box > ul > li ol li p {font-size: 14px; color: var(--main_color); font-weight: 700; white-space: nowrap;}
.about .sc_4 .history_box > ul > li ol li article {font-size: 14px; color: #111;}
.about .sc_4 .history_box > ul > li.active > p {color: #000;}
.about .sc_4 .history_box > ul > li.active {opacity: 1;}
.about .sc_4 .history_box > ul > li.active::before {border-color: var(--main_color);} 
.about .sc_4 .history_box > ul > li.active::after {background: var(--main_color); top: 16px; z-index: 1; height: calc(100% - 12px); animation: border 0.4s linear forwards;} 

@keyframes border {
    from {height: 0;}
    to {height: calc(100% - 12px);}
}


.about .sc_4 .history_box > ul > li:last-child::after {display: none;}


/* 회원 전용 포인트 */

.point {display: block; padding: 60px 0px 0px;}
.point .title p {font-size: 12px; color: var(--main_color); font-weight: 600; margin-bottom: 8px; font-family: var(--main_font);}
.point .title h3 {font-size: 20px; font-weight: 700;}

.point .sc_1 {margin-bottom: 80px; position: relative;}
.point .sc_1 .title {margin-bottom: 24px; text-align: center;}
.point .sc_1 .container > .img_box {margin-bottom: 40px;}
.point .sc_1 .container > .img_box img {width: 100%;}
.point .sc_1 .item_box {display: flex; flex-direction: column; gap: 24px; padding: 0px 20px; box-sizing: border-box;}
.point .sc_1 .item_box li {width: 100%;}
.point .sc_1 .item_box li p {font-size: 15px; font-weight: 700; margin-bottom: 10px;}
.point .sc_1 .item_box li .img_box img {width: 100%;}

.point .sc_2 {padding: 80px 0px; background: #F1F7FF;}
.point .sc_2 .title {margin-bottom: 20px; text-align: center;}
.point .sc_2 ul {padding: 0px 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 10px;}
.point .sc_2 ul li {width: calc(50% - 5px); box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15); border-radius: 15px; overflow: hidden;}
.point .sc_2 ul li .img_box {overflow: hidden;}
.point .sc_2 ul li .img_box img {width: 100%; transform: scale(1.02);}
.point .sc_2 ul li .text_box {padding: 14px; box-sizing: border-box; background: #fff; display: flex; align-items: center; gap: 14px;}
.point .sc_2 ul li .text_box h4 {font-size: 14px; color: #E3E3E3; font-weight: 700; display: none;}
.point .sc_2 ul li .text_box p {font-size: 14px; color: #2A2A2A; line-height: 1.4;}
.point .sc_2 ul li .text_box p br {display: none;}
.point .sc_2 ul li .text_box p b {font-weight: 700;}