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

/* ------------- 이용약관, 개인정보 처리방침  ------------- */
.service_tit{margin:0 0 20px 0; padding:0 0 10px 0; font-size:16px; border-bottom:1px solid #999999;}
.service_cont{}


/* 회사소개 */

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

.about .sc_1 {margin-bottom: 150px; position: relative;}
.about .sc_1 .title {margin-bottom: 50px;}
.about .sc_1 .img_box {height: 466px; margin-bottom: 68px;}
.about .sc_1 .img_box img {position: absolute; width: -webkit-fill-available; height: 466px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.about .sc_1 .text_box {display: flex; justify-content: flex-end;}
.about .sc_1 .text_box article {font-size: 20px; color: #58616A; max-width: 1100px; line-height: 1.5;}

.about .sc_2 {background: #F1F7FF; padding: 150px 0px;}
.about .sc_2 .title {text-align: center; margin-bottom: 60px;}
.about .sc_2 .container > p {text-align: center; padding: 10px; font-size: 30px; font-weight: 700; background: #DDE6F3; border-radius: 100px; margin-bottom: 38px;}
.about .sc_2 ul {display: flex; flex-wrap: wrap; gap: 34px;}
.about .sc_2 ul li {width: calc(25% - 26px); padding: 64px 0px; height: 400px; 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: 40px; height: 100px;}
.about .sc_2 ul li p {font-size: 24px; font-weight: 700; display: flex; align-items: center; gap: 14px; justify-content: center; margin-bottom: 20px;}
.about .sc_2 ul li p span {font-size: 15px; font-weight: 700;}
.about .sc_2 ul li article {font-size: 18px; font-weight: 300; line-height: 1.4;}

.about .sc_3 {padding: 150px 0px; overflow: hidden;}
.about .sc_3 .title {text-align: center; margin-bottom: 50px;}
.about .sc_3 .swiper {overflow: visible; max-width: 1600px; margin: 0 auto;}
.about .sc_3 .swiper .swiper-wrapper {padding: 50px 0px 50px; box-sizing: border-box;}
.about .sc_3 .swiper .swiper-slide {max-width: 420px; padding: 0px 12px; bottom: 0;  transition: all 0.3s;}
.about .sc_3 .swiper .swiper-slide .inner {box-sizing: border-box; transition: all 0.3s; border-radius: 15px; box-shadow: 4px 4px 20px 0px rgba(125, 126, 166, 0.40); overflow: hidden; cursor: pointer;}
.about .sc_3 .swiper .swiper-slide-active {bottom: 50px;}
.about .sc_3 .swiper .swiper-slide-active .inner {border: 2px solid #5685FF;}
.about .sc_3 .swiper .swiper-slide .img_box img {width: 100%;}
.about .sc_3 .swiper .swiper-slide .text_box {padding: 30px 40px 40px 40px; background: #fff; box-sizing: border-box; min-height: 207px;}
.about .sc_3 .swiper .swiper-slide .text_box p {font-size: 30px; font-weight: 700; margin-bottom: 14px;}
.about .sc_3 .swiper .swiper-slide .text_box article {font-size: 20px; font-weight: 500; color: #787878; line-height: 1.4;}
.about .sc_3 .swiper .swiper_arrow {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 100;}
.about .sc_3 .swiper .swiper_prev {left: 0px;}
.about .sc_3 .swiper .swiper_next {right: 0px;}
.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: 150px 0px; background: #F7F8F8;}
.about .sc_4 .title {text-align: center; margin-bottom: 65px;}
.about .sc_4 .img_box {margin-bottom: 120px;}
.about .sc_4 .img_box img {width: 100%;}

.about .sc_4 .history_box {max-width: fit-content; margin: 0 auto;}
.about .sc_4 .history_box > ul > li {display: flex; opacity: 0.7; gap: 30px; padding-bottom: 84px; box-sizing: border-box; padding-left: 70px; 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: 30px; 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: 17px; color: var(--main_color); font-weight: 700;}
.about .sc_4 .history_box > ul > li ol li article {font-size: 17px; 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: 20px; color: var(--main_color); font-weight: 600; margin-bottom: 14px; font-family: var(--main_font);}
.point .title h3 {font-size: 50px; font-weight: 700;}

.point .sc_1 {margin-bottom: 150px; position: relative;}
.point .sc_1 .title {margin-bottom: 50px;}
.point .sc_1 .container > .img_box {height: 360px; margin-bottom: 70px;}
.point .sc_1 .container > .img_box img {position: absolute; width: -webkit-fill-available; height: 360px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.point .sc_1 .item_box {display: flex; gap: 50px;}
.point .sc_1 .item_box li {width: 50%;}
.point .sc_1 .item_box li p {font-size: 30px; font-weight: 700; margin-bottom: 24px;}
.point .sc_1 .item_box li .img_box img {width: 100%;}

.point .sc_2 {padding: 150px 0px; background: #F1F7FF;}
.point .sc_2 .title {margin-bottom: 70px;}
.point .sc_2 ul {display: flex; flex-wrap: wrap; column-gap: 34px; row-gap: 55px;}
.point .sc_2 ul li {width: calc(33.3% - 23px); 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: 26px 45px; box-sizing: border-box; background: #fff; display: flex; align-items: center; gap: 14px;}
.point .sc_2 ul li .text_box h4 {font-size: 64px; color: #E3E3E3; font-weight: 700;}
.point .sc_2 ul li .text_box p {font-size: 24px; color: #2A2A2A; line-height: 1.4;}
.point .sc_2 ul li .text_box p b {font-weight: 700;}



/* 이용안내 */
.service_cont .service_guide{}

/* 고객센터 메인 */
.service_main{}
.service_main .board_zone_list{min-height:500px;}
.service_main_cont{float:left; position:relative; width:100%; margin:50px 0 0 0;}
.service_main_cont:after{display:block; clear:both; content:"";}

/* ------------- 공지사항,이벤트 공통 ------------- */
.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 #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:#e38bac;}
.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:#e38bac;}
.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:#e38bac;}
.poll_percent{display:inline-block; padding:0 0 0 15px; vertical-align:middle;}

/* ------------- FAQ ------------- */
/* 게시판 기본 */
.board_zone_sec{position:relative;}
.board_zone_tit{margin:0 0 10px 0; padding:0 0 10px 0; font-size:16px;}
.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 10px 15px 10px; 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:#e38bac;}
.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 35px 0; padding:20px 20px 20px 30px; border:3px solid #eeeeee;}
.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;}
/* 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:#e38bac;}
.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 #e38bac; color:#e38bac;}
.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; background:#f8f8f8;}
.board_faq_cont{position:relative; max-width:730px; min-height:70px; margin:0 0 0 193px;}
.board_faq_cont .icon_qan{position:absolute; top:4px; left:-27px; margin:0;}