@charset "utf-8";

/* ----------------------------------------------------------
 * 레이아웃_공통(pc)
---------------------------------------------------------- */
html, body {height:100%;padding:0;margin:0;word-break: keep-all;}

.tal {
    text-align: left;
}
body {font-size:1em;/* font-family:'Malgun Gothic', dotum, sans-serif; */background:#fff;color:#555;line-height:27px;letter-spacing:-0.5px;overflow-x:hidden}

._hidden {
    display: none !important;
}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
a {color:#555}
a:hover {color:#ce7784;text-decoration:none}

input[type=text],input[type=password], textarea {
-webkit-box-shadow:none !important;
box-shadow:none !important;
outline:none !important;
border:1px #dedede solid !important;
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:none !important;
box-shadow:none !important;
outline:none !important;
border:1px #dedede solid !important;
}

/* 전체컨테이너 */
@media screen and (min-width:1400px) {
.container{width:1600px;max-width:none !important}
}

/* 타이틀폰트 */
.b_txt_tit{font-size:48px;padding-bottom:30px;line-height: 120%;}
.s_txt_tit{color:#aaa;padding-bottom:5px}

/* 폰트칼라 */
.red_01{color:#b42424}


/* ----------------------------------------------------------
 * 상단
---------------------------------------------------------- */

/* 상단메뉴 */


/* ----------------------------------------------------------
 * 메인
---------------------------------------------------------- */

/* 메인배너 */
#cnpnel {margin-top:120px}
#cnpnel .carousel-inner img{width:100%}
#cnpnel .carousel-caption {top: 28%;text-align:left;z-index:3}
#cnpnel .carousel-caption .txt_64{font-size:4rem;padding:30px 0 40px 0;line-height: 100%;}
#cnpnel .carousel-caption .txt_32{font-size:1.5rem;line-height:40px}
#cnpnel .carousel-control-prev{left:0%;z-index:3;font-size:72px;}
#cnpnel .carousel-control-next{right:0%;z-index:3;font-size:72px}
#cnpnel .carousel-indicators {bottom:5%}

/* 플렉스 */
.cnpnel .flexbox{display:flex;flex-wrap:wrap;gap:1em;padding-top:15px}
.cnpnel .flexbox_02{display:flex;flex-wrap:wrap;gap:5em}

.cnpnel .item{flex-basis:510px;flex-grow:0}
.cnpnel .item_02{flex-basis:378.5px;flex-grow:0}
.cnpnel .item_03{flex-basis:500px;flex-grow:1}

.cnpnel .box_01{background:rgba(255,255,255,.8);border-radius:5px;border:1px #dedede solid;color:#c7c7c7;padding:20px; flex-basis: 150px;}
.cnpnel .box_01 .txt{font-size:22px;font-weight:400;padding-top:15px;padding-bottom:10px;color:#000}
.cnpnel .box_01 .counter {font-size:4em;font-weight:500;padding:20px 0 17px;color:#000}
.cnpnel .box_01 i{font-size:4em;font-weight:700;color:#000}

.cnpnel .box_02{background:rgba(255,255,255,1);border:1px #dedede solid;color:#c7c7c7;padding:0}
.cnpnel .box_02 img{width:100%;border-bottom:1px #dedede solid}
.cnpnel .box_02 .sul_box{padding:5px 20px 20px 30px}
.cnpnel .box_02 .txt{font-size:22px;font-weight:400;padding-top:15px;padding-bottom:10px;color:#000}
.cnpnel .box_02 .sul{color:#c7c7c7;padding:3px 0 0}
.cnpnel .box_02 .date{color:#c7c7c7}
.cnpnel .box_02 .link{background:#099bdb;border:1px #099bdb solid;display:inline-block;font-size:20px;padding:5px 20px;margin-top:10px;color:#fff;border-radius: 5px;}
.cnpnel .box_02 .link2{background:white;border:1px black solid;display:inline-block;font-size:16px;padding:5px 20px;margin-top:10px;color:#000;border-radius: 5px;}
.cnpnel .box_02 .link2:hover{background:black;color:white}
.cnpnel .box_02 .ing{background:#099bdb;border:1px #099bdb solid;display:inline-block;font-size:14px;padding:2px 15px;top:0px;left:-1px;color:#fff}
.cnpnel .box_02 .end{background:#a7a7a7;border:1px #a7a7a7 solid;display:inline-block;font-size:14px;padding:2px 15px;top:0px;left:-1px;color:#fff}

.cnpnel .box_03{background:rgba(0,0,0,.03);border:1px #dedede solid;height:130px;padding:5px 0 0 30px}
.cnpnel .box_03 .tit{font-size:40px;font-weight:400;color:#000;padding-right:30px}
.cnpnel .box_03 .txt{font-size:22px;font-weight:400;padding-top:15px;padding-bottom:10px;color:#000}
.cnpnel .box_03 li{display:inline-block}

.cnpnel .box_04{background:rgba(0,0,0,.03);border:1px #dedede solid;height:130px;padding:30px 0 0 30px}
.cnpnel .box_04 .tit{font-size:40px;font-weight:400;color:#000;padding-right:30px;padding-top:20px}
.cnpnel .box_04 img{margin-top:-10px}
.cnpnel .box_04 li{display:inline-block}

.cnpnel .box_05{background:rgba(0,0,0,.03);border:1px #dedede solid;padding:50px}
.cnpnel .box_05 .sul_box{}
.cnpnel .box_05 .sul_box > .num{font-size:40px;font-weight:700;color:#000}
.cnpnel .box_05 .sul_box > .tit{font-size:24px;font-weight:400;color:#000;padding:20px 0 15px}
.cnpnel .box_05 .sul_box > .sul{background:url('/static/img/blit_01.png') no-repeat 0 12px;padding:0 0 10px 10px;width:60%}
.cnpnel .box_05 .img{right:20px;top:20px}

/* cnpnel배너 */
.cnpnel_banner{width:100%;}
.cnpnel_banner .left{background:url('/static/img/banner_bg_01.jpg') repeat center center;height:575px}
.cnpnel_banner .right{background:url('/static/img/banner_bg_02.jpg') repeat center center;height:575px}
.cnpnel_banner .sul_box_01{color:#fff;text-align:right;padding-top:200px;padding-right:50px}
.cnpnel_banner .sul_box_01 .tit{font-size:3rem}
.cnpnel_banner .sul_box_01 .sul{padding:30px 0 30px 0;font-size:18px;color:rgba(255,255,255,.5);line-height:34px}
.cnpnel_banner .sul_box_01 .btn{display:inline-block;color:#fff;background:#5d5c80;padding:10px 20px;border-radius:30px}

.cnpnel_banner .sul_box_02{color:#fff;text-align:left;padding-top:200px;padding-left:50px}
.cnpnel_banner .sul_box_02 .tit{font-size:3rem}
.cnpnel_banner .sul_box_02 .sul{padding:30px 0 30px 0;font-size:18px;color:rgba(255,255,255,.5);line-height:34px}

/* 섫문조사내용 */
.cnpnel .start_wrap{border:1px #dedede solid;padding:30px;margin-bottom:5rem}
.cnpnel .start_wrap li{display: flex;/* width: 31%; */align-items: center;}

.cnpnel .start_wrap ul {
    display: flex;
    gap: 30px;
    align-items: baseline;
    flex-direction: column;
}

.cnpnel li div.qrcode {
    width: 80px;
    /* height: 50px; */
}

.cnpnel li div.qrcode img {
    width: 100%;
}

.cnpel li div.qrcode {}
.cnpnel .start_wrap .btn{background:#b42424;color:#fff;padding:10px 30px;display:inline-block}
.cnpnel .start_wrap .link2{background:white;border:1px black solid;display:inline-block;font-size:16px;padding:10px 30px;color:#000;border-radius: 5px;}
.cnpnel .start_wrap .link2:hover{background:black;color:white}

.cnpnel .start_wrap .tit{font-size: 32px;font-weight:500;/* padding-bottom:15px; *//* display: flex; *//* align-items: center; */line-height: 100%;}
.cnpnel .start_wrap .cont{font-size:18px;/* line-height:40px; */font-weight:100}

/* 타이틀 */
.tit_wrap{padding:50px 0;text-align:center}


/* 사은품리스트 */
#tab-button {display:table;table-layout:fixed;width:100%;list-style:none;text-align:right}
#tab-button li {display:table-cell_;display:inline-block}
#tab-button li a {display:block;padding:10px 30px;background:#eee;text-align:center;text-decoration:none;border-radius:20px;margin-left:5px}
#tab-button li:not(:first-child) a{border-left:none}
#tab-button li a:hover, #tab-button .is-active a{border-bottom-color:transparent;background:#5282e5;color:#fff}
.tab-contents {border-top:2px #000 solid}
.tab-button-outer{display:none}
.tab-select-outer select{width:100%;padding:10px;background: url('/static/img/slect_arrow.png') no-repeat 95% 50%;border:1px solid #dedede;border-radius:0px;
-webkit-appearance:none;
-moz-appearance:none;appearance:none}


/* ----------------------------------------------------------
 * 서브
---------------------------------------------------------- */

/* 공통상단 */
.sub_top{background:url('/static/img/sub_bg.jpg') repeat center center;height:325px;margin-bottom:50px}
.sub_top .sul_box_01{color:#fff;text-align:left;padding-top: 11%;}
.sub_top .sul_box_01 .tit{font-size:3rem;padding-top:20px}
.sub_top .sul_box_01 .sul{padding:30px 0 30px 0;font-size:18px;color:rgba(255,255,255,.5);line-height:34px}

/* 포인트 */
.cnpnel .point_wrap{margin-bottom:2rem}
.cnpnel .point_wrap .btn_01{background:#b42424;color:#fff;padding:10px 30px;display:inline-block;border-radius:0.25rem;width: auto;}
.cnpnel .point_wrap .btn_02{background:#319ec2;color:#fff;padding:10px 30px;display:inline-block;border-radius:0.25rem;margin-left:5px}
.cnpnel .point_wrap .total{font-size:30px;font-weight:500;padding:15px;}
.cnpnel .point_wrap .cont_01{text-align:center;padding:30px;background:#f4f4f4;min-height:215px}
.cnpnel .point_wrap .cont_02{text-align:center;padding:30px;background:#f4f4f4;min-height:215px}
.cnpnel .point_wrap .ico{font-size:100px}

/* 테이블 */
.cnpnel .table{text-align:center}
.cnpnel .table thead th {vertical-align:bottom;border-bottom:1px solid #dee2e6;background:#f4f4f4;font-weight:normal;text-align:center}
.cnpnel .table td:nth-child(3){text-align:left}
.cnpnel .table .point{color:#b42424;font-weight:bold;font-size:20px}
.cnpnel .paging{padding:30px}
.cnpnel .paging .pagination{top:50%;left:50%;transform: translate(-50%, -50%)}


/* 모달팝업 */
.cnpnel .btn-danger {color:#fff;background: transparent;/* padding:5px 10px; */}
.cnpnel .modal-header .tit{font-size:20px;font-weight:500}
.cnpnel .modal-body .total{font-size:20px;font-weight:500;text-align:center;padding-bottom:20px}
.cnpnel .modal-body .form-control{margin-bottom:5px;color:#ccc}
.cnpnel .modal-body .tit{text-align:center}
.cnpnel .modal-footer{border-top:none}

/* ----------------------------------------------------------
 * 하단
---------------------------------------------------------- */
.footer{background:#383838;color:#8d8d8d;padding-top:30px;padding-bottom:30px}
.footer a{color:#8d8d8d}
.footer .gab{color:rgba(255,255,255,.2);font-family:dotum;padding:0 10px}



.over_scoroll {overflow: scroll;}
.flex_box_01 {display: flex; flex-direction:column; justify-content:center;}
.cnpnel .box_05 .sul_box > .sul::before {/* content: "·"; */margin-right:10px;}

@media screen and (max-width:992px) {

}
/* ----------------------------------------------------------
 * 반응형
---------------------------------------------------------- */
/* 공톹반응형 */
@media screen and (max-width:992px) {
.mo_align_c {text-align: center;}
}


@media screen and (min-width:768px) {
/* 탭소스 */
.tab-button-outer{position:relative;z-index:2;display:block}
.tab-select-outer{display:none}
.tab-contents{position:relative;top:-1px;margin-top:20px}
}


/* 메인 반응형 */
@media screen and (max-width:992px) {
#cnpnel {margin-top: 0px;}
#cnpnel .carousel-inner img {width: auto; height: 50vh; }
#cnpnel .carousel-caption {top: 12vh;text-align: left;z-index: 3;}
#cnpnel .carousel-caption .txt_32 {font-size: 1.25rem; line-height: inherit;}
#cnpnel .carousel-caption .txt_64 {font-size: 2rem;padding: 10px 0; line-height: 36px;}
#cnpnel .carousel-control-prev, #cnpnel .carousel-control-next {right: 0%;z-index: 3;font-size: 35px;}
.pad_35 {padding:20px;}

.b_txt_tit {font-size: 30px;padding-bottom: 15px;}
.tit_wrap {padding: 25px 0 15px 0;text-align: center;}
.cnpnel .item {flex-basis: 300px;flex-grow: 1;}
.cnpnel_banner  .left {padding:0 !important; height: 35vh;}
.cnpnel_banner  .right {padding:0 !important; height: 35vh;}
.cnpnel_banner .sul_box_01 {padding-top:50px;padding-right: 20px;}
.cnpnel_banner .sul_box_02 {padding-top:50px;padding-left: 20px;}
.cnpnel_banner .sul_box_01 .tit, .cnpnel_banner .sul_box_02 .tit {font-size: 1.5rem;}
.cnpnel_banner .sul_box_01 .sul, .cnpnel_banner .sul_box_02 .sul {padding: 10px 0;  font-size: 18px; line-height: normal;}

.footer{padding:10px; font-size: 14px; text-align: center;}
.sul_box_02 a {width:80%;}
}
/* 메인 반응형 끝 */

/* 서브 반응형 */
@media screen and (max-width:992px) {
.sub_top .sul_box_01 {color: #fff;text-align: center ;padding-top: 14%;}
.sub_top .sul_box_01 .tit {font-size: 2rem;padding-top: 20px; line-height: 40px;}
.sub_top .sul_box_01 .sul {padding: 15px 0 15px 0; line-height:normal}
.sub_top {background: url(/static/img/sub_bg.jpg) repeat center center; height: 280px;margin-bottom: 15px;}
.flex_box_01 {margin:30px 0 0 0;}
.cnpnel .start_wrap ul {display: flex;flex-direction: column;/* width: 100%; *//* vertical-align: middle; */}
.cnpnel .start_wrap li {display: flex;/* width: 100%; *//* vertical-align: middle; */}

li {}
.cnpnel .box_05 .img {display: none;}
.cnpnel .box_05 .sul_box > .sul {padding: 0;width: 100%;}
.cnpnel .start_wrap {border: 1px #dedede solid;padding: 30px;margin-bottom: 1rem;}
.cnpnel .box_05 {background: rgba(0,0,0,.03);border: 1px #dedede solid;padding: 30px;}
.cnpnel .flexbox_02 {display: flex;flex-wrap: wrap;gap: 1em;}

.cnpnel .item_02{flex-basis:378.5px;flex-grow:1}
}



/* 게시판 반응형 */
@media screen and (max-width:992px) {
.board .table thead th:nth-child(3), .board .table tbody td:nth-child(3) {display:none;}
.board .table thead th:nth-child(4), .board .table tbody td:nth-child(4) {display:none;}
.board .table thead th:nth-child(5), .board .table tbody td:nth-child(5) {display:none;}

.cnpnel .point_wrap .cont_01 {text-align: center;padding:15px 15px 0 15px;background: #f4f4f4;min-height: 215px;}
.cnpnel .point_wrap .cont_02 {text-align: center;padding:0 15px 15px 15px;background: #f4f4f4;min-height: 215px;}
}

.pad_70 {padding:70px;}

/* 로그인 */
#login_section .border_01 {border:1px solid #ddd; border-radius: 10px;}
#login_section .login_txt {font-size:1.5rem; font-weight: 600;}
#login_section .btn_01 {display: flex;width: 100%;justify-content: center;padding: 10px; background-color: #25a6df; color: #fff; font-size:1.25rem; border-radius: 5px;}

@media screen and (max-width:992px) {
#login_section .login_txt {font-size:1.3rem; font-weight: 600;}
#login_section .pad_30 {padding:20px;}
#login_section .pad_15 {padding:10px;}
}
/* 로그인 */

/* 회원가입 약관 */
#agree_section .agree_txt {font-size:1.5rem; font-weight: 600;}
#agree_section .btn_01 {display: flex;width: 100%;justify-content: center;padding: 10px; background-color: #25a6df; color: #fff; font-size:1.25rem; border-radius: 5px;}
#agree_section.container { width: 70%; margin: auto; }
#agree_section .line_gab_15 {margin-top:15px; margin-bottom: 15px; width:100%; height: 2px; background-color:#25a6df;}
#agree_section .terms { margin-top: 30px; }
#agree_section .terms-content { height: 200px; overflow-y: scroll; border: 1px solid #ddd; padding: 10px; }
#agree_section .agree-checkbox { margin-top: 10px; }
#agree_section .submit-btn { margin-top: 20px; }

@media screen and (max-width:992px) {
#agree_section .agree_txt {font-size:1.3rem; font-weight: 600;}
#agree_section.container { width: 100%; margin: auto; }
#agree_section .terms { margin-top: 20px; }
#agree_section .pad_30 {padding:20px;}
#agree_section .pad_15 {padding:10px;}
}
/* 회원가입 약관 */

/* 회원가입 */
#register_section .register_txt {font-size:1.5rem; font-weight: 600;}
#register_section.container { width: 70%; margin: auto; }
#register_section .border_02 {border-top: 2px solid #25a6df;border-bottom: 2px solid #25a6df;}
#register_section table tr th {background-color:aliceblue; }
#register_section table tr td input {padding:5px;}
#register_section table select {padding:5px; border: 1px #dedede solid !important}
#register_section .table td, #register_section .table th {padding: 0.75rem;vertical-align: middle;border-top: 1px solid #dee2e6;}

tr.bd_bt_0 {
    border-bottom: 1px solid black;
}
.btn_01 {display: flex;width: 100%;justify-content: center;padding: 10px;background-color: #25a6df;color: #fff;font-size:1.25rem;border-radius: 5px;}

.btn_group {
    display: flex;
    justify-content: center;
    align-items: center;
}

.w50 {
    width: 50% !important;!i;!;
    margin: 0 auto;
}

.w25 {
    width: 25% !important;!i;!;
    margin: 0 auto;
}
#register_section .btn_02 {padding:5px 10px  !important;  background-color: #f0f8ff; border: 1px solid #cbdcea; border-radius: 5px;}
#register_section table input {width:40%}

.w100 {
    width: 100% !important;!i;!;
}

textarea {
    min-height: 400px;
    padding: 10px;
}

@media screen and (max-width:992px) {
#register_section .register_section {font-size:1.3rem; font-weight: 600;}
#register_section.container { width: 100%; margin: auto; }
#register_section .pad_30 {padding:20px;}
#register_section .pad_15 {padding:10px;}
#register_section table input {width:100%}
}

@media screen and (max-width:576px) {
.mar_b {margin-bottom:10px;}
}
/* 회원가입 */