@charset "utf-8";

body { width: 100%; height: 100%; font-family:'Noto Sans KR','Dotum','돋움','sans-serif', serif; font-optical-sizing: auto;    
       font-size:16px; font-weight: 500; line-height: 1.5em; letter-spacing: -1px; word-break: keep-all; word-wrap: break-word; color: #030303; }
.tahoma{ font-family: "Tahoma"; }
.round{ font-family: "NanumSquareRound"; font-weight: 400; }
.container{ position: relative; }
.mob{ display: none; }

@media (max-width:991px) {
	body{ font-size:14px; }
	.web{ display: none; }
	.mob{ display: block; }
}

@media (max-width:767px) {
	html,body{font-size:14px; }
}

/* 폰트 */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h7 { margin: 0; line-height: 1.5em; font-weight: 500; }

h1, .h1{ margin: 0; padding: 0; font-size: 2em; }/*32*/
h2, .h2{ margin: 0; padding: 0; font-size: 1.63em; }/*26*/
h3, .h3{ margin: 0; padding: 0; font-size: 1.50em; }/*24*/
h4, .h4{ margin: 0; padding: 0; font-size: 1.25em; }/*20*/
h5, .h5{ margin: 0; padding: 0; font-size: 1.13em; }/*18*/
h6, .h6{ margin: 0; padding: 0; font-size: 0.975em; }/*14*/
.h7 { margin: 0; padding: 0; font-size: 12px; }/*12*/

/* 컨텐츠 공통*/
.con_pd{ padding-top: 50px; padding-bottom: 70px; }
@media (max-width:991px) {
	.con_pd{ padding-top: 20px; padding-bottom: 40px; }
}

/*기준색*/
.main_co{ color: #077AD2 !important; }
.sub_co{ color: #162B71 !important; }
.point_co{ color: #EF6B6B !important; }

.main_bg{ color: #fff !important; background: #077AD2 !important; }
.sub_bg{ color: #fff !important; background: #162B71 !important; }
.point_bg{ color: #fff !important; background: #EF6B6B !important; }

.gray_bg{ background: #ECEBEB !important; }
.line_bg{ border: 1px solid #555; }

.kakao_bg{ color: #381E1E !important; background: #FFE600; }
.naver_bg{ color: #fff; background: #00c63b; }
.facebook_bg{ color: #fff; background: #3150b3; }

.b_co{ color: #B5F3F5 !important; }
.y_co{ color: #FFE600 !important; }
.r_co{ color: #F80808 !important; }

/*높이*/
.h3em{ line-height: 2.6em; }

#quick{ position: absolute; right: 0; top: 190px; width: 100px; z-index: 100; border:1px solid #c8c8c8; background: #fff; }
#quick ul li{ text-align: center; padding: 10px 5px; }
#quick ul li:last-child span{ border-bottom: 0; }
#quick span{ display: block; padding:5px; letter-spacing: -1px; color: #7a6a56; border-bottom: 1px solid #c8c8c8; }
#quick img{ width: auto; }

@media (max-width:1149px) {
	#quick{ display: none; }
}

/* All in One */
.f_one { padding: 60px 0; }
.f_one p { padding: 0 0 20px 0; font-weight: 700; color: #030303; }
    .f_one p i { color: #fff; font-weight: 700; }
.f_one ul { display: flex; flex-wrap: wrap; gap: 10px 20px; }
    .f_one ul li { width: calc(25% - 15px); }
    .f_one a { display: flex; justify-content: center; align-items: center; height: 60px; font-size: 1.2em; font-weight: 700; text-align: center; border: 1px solid #13344E; border-radius: 3px; 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6eb7ef), color-stop(1, #077AD2));
        background: -moz-linear-gradient(top, #6eb7ef 0%, #077AD2 100%);
        background: -webkit-linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
        background: -o-linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
        background: -ms-linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
        background: linear-gradient(top,  #6eb7ef 0%, #077AD2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb7ef', endColorstr='#077AD2', gradientType=0);
    }
    @media (max-width:991px) {
        .f_one { padding: 30px 0; }
        .f_one ul { gap: 4px; }
        .f_one ul li { width: calc(50% - 2px); }
		.f_one p { font-size: 1.5em; }
    }

/* 하단배너 */
.f_all { padding: 60px 0; background: #F2F2F2; }
    .f_all ul { display: flex; flex-wrap: wrap; gap: 28px; }
    .f_all ul li { width: calc(33% - 15px); }
    @media (max-width:991px) {
        .f_all { padding: 20px 0; }
            .f_all ul { gap: 10px; }
            .f_all ul li { width: calc(50% - 5px); }
    }

/* 상담신청 - 공동 */
.form_box_mob { display: none; }
.form_box_web { display: flex; align-items: center; padding: 20px 0; }
.form_box_web .form_box01 { width: 630px; }
.form_box_web .form_box01 ul { display: flex; gap: 10px; }
.form_box_web .form_box01 ul li:nth-child(1) { width: 210px; }
.form_box_web .form_box01 ul li:nth-child(2) { width: 130px; }
.form_box_web .form_box01 ul .tal { display: flex; align-items: center; gap: 2px; width: 270px; }
    .form_box_web .form_box01 ul .tal span { width: 33%; }
.form_box_web .form_box01 .h7 { padding: 0 0 10px 0; }
.form_box_web .form_box01 .h6 { padding: 10px 0 0 0; }
    .form_box_web .form_box01 a { text-decoration: underline; }
/* 상담신청 - 신청버튼 */
.form_box_web .btn_box { padding: 0 10px; }
    .form_box_web .btn_box input { width: 100px; height: 100px; border: 0; border-radius: 5px;
                               background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6EB7EF), color-stop(1, #077AD2));
                               background: -moz-linear-gradient(top, #6EB7EF 0%, #077AD2 100%);
                               background: -webkit-linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
                               background: -o-linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
                               background: -ms-linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
                               background: linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
                               filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6EB7EF', endColorstr='#077AD2', gradientType=0);}
/* 상담신청 - 카카오상담 */
.form_box_web .kaka_box { padding: 0 30px 0 0; }
    .form_box_web .kaka_box a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px 0; width: 100px; height: 100px; border-radius: 5px; }
/* 상담신청 - 전화번호 */
.form_box_web .tal_box p { font-weight: 500; }
.form_box_web .tal_box .num { display: flex; align-items: center; gap: 5px; width: 100%; padding: 10px 0 5px 0; }
    .form_box_web .tal_box .num i { width: 40px; line-height: 0; padding: 8px; border-radius: 50px; overflow: hidden; }
    .form_box_web .tal_box .num img { width: 100%; height: 100%; }
    .form_box_web .tal_box .num em { font-size: 45px; font-weight: 800; line-height: 1em; }

/* 상담신청 - 모바일 */
@media (max-width:991px) {
    .form_box_web { display: none; }
    .form_box_mob { display: block; }
    .form_box_mob .h7 { padding: 10px; text-align: center; }

    .form_box_mob .form_box01 { display: flex; flex-wrap: wrap; width: 90%; gap: 4px; margin: 0 auto; }
    .form_box_mob .form_box01 * {border: 0;}
    .form_box_mob .form_box01 li:nth-child(1){ width: calc(30% - 2px) ; }
    .form_box_mob .form_box01 li:nth-child(2){ width: calc(70% - 2px) ; }
    .form_box_mob .form_box01 li:nth-child(3){ width: calc(60% - 2px) ; }
    .form_box_mob .form_box01 li:nth-child(4){ width: calc(40% - 2px) ; }
    .form_box_mob .form_box01 li:nth-child(5){ width: 100% ; padding: 5px 0 10px 0; font-size: 12px; }

    .form_box_mob .form_box01 .tel { display: flex; align-items: center; gap: 5px; }
    .form_box_mob .form_box01 .tel span { width: 33%; }

    .form_box_mob .form_box01 .btn_box { border-radius: 5px; overflow: hidden;
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6EB7EF), color-stop(1, #077AD2));
                                    background: -moz-linear-gradient(top, #6EB7EF 0%, #077AD2 100%);
                                    background: -webkit-linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
                                    background: -o-linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
                                    background: -ms-linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
                                    background: linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
                                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6EB7EF', endColorstr='#077AD2', gradientType=0); }
        .form_box_mob .form_box01 .btn_box input { padding: 0 0 0 30px; background: url(../../img/common/icon_cou.png) 10px center no-repeat; background-size: 30px; }

    .form_box_mob .sns { display: flex; flex-wrap: wrap; }
    .form_box_mob .sns li { display: flex; justify-content: center; align-items: center; width: 50%; }
    .form_box_mob .sns li a { display: block; text-align: center; width: 100%; padding: 10px 0; }
    .form_box_mob .sns img { width: 28px; }
    .form_box_mob .sns .h2 { font-weight: 900; }
}

/* 상담신청 하단고정 */
.form_wrap{ transition:all ease-in-out .3s; opacity: 0; height: 0; overflow: hidden; }
.form_wrap.rol { position: fixed; left: 0; bottom: 0; z-index: 20; width: 100%; opacity: 1; height: auto; }
@media ( max-width: 991px) {
    .form_box_mob { padding-top: 15px; }
    .form_box_mob .h7{ display: none; }
}

/* 모달창 */
.modal-content { border: 0; border-radius: 0; box-shadow: none; }
.modal-content .modal-header{ border: 0; }
.modal-content .modal-header .close{ opacity: 1; color:#fff; }
.modal-content .modal-header { color: #fff; background: #077AD2; }
.modal-footer{ border: 0; }
.modal-footer button{ display: block; width: 120px; margin: 0 auto; border: 0; height: 40px; color: #fff; border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6EB7EF), color-stop(1, #077AD2));
    background: -moz-linear-gradient(top, #6EB7EF 0%, #077AD2 100%);
    background: -webkit-linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
    background: -o-linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
    background: -ms-linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
    background: linear-gradient(top,  #6EB7EF 0%, #077AD2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6EB7EF', endColorstr='#077AD2', gradientType=0);}

/* 리스트 스타일 */
.dot_list li { position: relative; padding: 0 0 0 15px; }
    .dot_list li i { position: absolute; left: 0; }

/* 약관 모달 */
.modal-body .scroll{ height: 375px; overflow-y: scroll; }
.modal .close{ left: auto; right: 0; }

/* 약관 셀렉트 */
.modal-body .select_wrap { display: flex; justify-content: flex-end; align-items: center; padding: 0 10px 10px 0; }
.modal-body .select_wrap p { margin-right: auto; padding: 0 10px 0 0;  }
.modal-body .select_wrap select { width: 100%; max-width: 450px; padding: 0 40px 0 10px; line-height: 40px; border: 1px solid #2C3D64; }
.modal-body .select_wrap select:focus{ outline:none; }
.modal-body .select_wrap button { padding: 0 10px; border: 0; line-height: 40px; }

.modal-body .new_modal { text-decoration: underline; cursor: pointer; }

/* -- 약관 -- */
.terms .con{ padding:15px 10px; border-bottom: 1px solid #e5e5e5; }

.terms ul li{ position: relative; line-height: 1.7em; }
.terms .list01 > li{ padding:0 0 0 25px; }
.terms .list01 > li > i { position: absolute; left: 10px; }
.terms .list02 > li{ padding:0 0 0 35px; }
.terms .list02 > li > i { position: absolute; left: 10px; }
.terms .list03 > li{ padding:0 0 0 30px; }
.terms .list03 > li > i { position: absolute; left: 10px; }

.terms table{ border-top: 2px solid #15aae8; }
.terms table th{ font-weight: 300; background: #eee; }
.terms table th, .terms table td{ padding:10px; border-top: 1px solid #ddd; }

.terms .tit{ padding: 15px 0 0 0; font-weight: 500; }
.terms .sub_tit{ padding: 15px 0 5px 0; font-weight: 500; }
/*.terms .sub_tit:before{ content: "■ "; }*/
.terms p{ padding: 5px 5px 0 5px; }

.terms .circle > li:nth-child(1) > i:before{ content: "①"; }
.terms .circle > li:nth-child(2) > i:before{ content: "②"; }
.terms .circle > li:nth-child(3) > i:before{ content: "③"; }
.terms .circle > li:nth-child(4) > i:before{ content: "④"; }
.terms .circle > li:nth-child(5) > i:before{ content: "⑤"; }
.terms .circle > li:nth-child(6) > i:before{ content: "⑥"; }
.terms .circle > li:nth-child(7) > i:before{ content: "⑦"; }
.terms .circle > li:nth-child(8) > i:before{ content: "⑧"; }
.terms .circle > li:nth-child(9) > i:before{ content: "⑨"; }
.terms .circle > li:nth-child(10) > i:before{ content: "⑩"; }
.terms .circle > li:nth-child(11) > i:before{ content: "⑪"; }

.terms .num > li:nth-child(1) > i:before{ content: "1."; }
.terms .num > li:nth-child(2) > i:before{ content: "2."; }
.terms .num > li:nth-child(3) > i:before{ content: "3."; }
.terms .num > li:nth-child(4) > i:before{ content: "4."; }
.terms .num > li:nth-child(5) > i:before{ content: "5."; }
.terms .num > li:nth-child(6) > i:before{ content: "6."; }
.terms .num > li:nth-child(7) > i:before{ content: "7."; }
.terms .num > li:nth-child(8) > i:before{ content: "8."; }
.terms .num > li:nth-child(9) > i:before{ content: "9."; }
.terms .num > li:nth-child(10) > i:before{ content: "10."; }
.terms .num > li:nth-child(11) > i:before{ content: "11."; }
.terms .num > li:nth-child(12) > i:before{ content: "12."; }
.terms .num > li:nth-child(13) > i:before{ content: "13."; }
.terms .num > li:nth-child(14) > i:before{ content: "14."; }
.terms .num > li:nth-child(15) > i:before{ content: "15."; }

.terms .brac > li:nth-child(1) > i:before{ content: "1)"; }
.terms .brac > li:nth-child(2) > i:before{ content: "2)"; }
.terms .brac > li:nth-child(3) > i:before{ content: "3)"; }
.terms .brac > li:nth-child(4) > i:before{ content: "4)"; }
.terms .brac > li:nth-child(5) > i:before{ content: "5)"; }
.terms .brac > li:nth-child(6) > i:before{ content: "6)"; }
.terms .brac > li:nth-child(7) > i:before{ content: "7)"; }
.terms .brac > li:nth-child(8) > i:before{ content: "8)"; }
.terms .brac > li:nth-child(9) > i:before{ content: "9)"; }
.terms .brac > li:nth-child(10) > i:before{ content: "10)"; }
.terms .brac > li:nth-child(11) > i:before{ content: "11)"; }
.terms .brac > li:nth-child(12) > i:before{ content: "12)"; }
.terms .brac > li:nth-child(13) > i:before{ content: "13)"; }
.terms .brac > li:nth-child(14) > i:before{ content: "14)"; }
.terms .brac > li:nth-child(15) > i:before{ content: "15)"; }
.terms .brac > li:nth-child(16) > i:before{ content: "16)"; }
.terms .brac > li:nth-child(17) > i:before{ content: "17)"; }
.terms .brac > li:nth-child(18) > i:before{ content: "18)"; }
.terms .brac > li:nth-child(19) > i:before{ content: "19)"; }
.terms .brac > li:nth-child(20) > i:before{ content: "20)"; }
.terms .brac > li:nth-child(21) > i:before{ content: "21)"; }
.terms .brac > li:nth-child(22) > i:before{ content: "22)"; }
.terms .brac > li:nth-child(23) > i:before{ content: "23)"; }
.terms .brac > li:nth-child(24) > i:before{ content: "24)"; }
.terms .brac > li:nth-child(25) > i:before{ content: "25)"; }

.terms .han > li:nth-child(1) > i:before{ content: "가."; }
.terms .han > li:nth-child(2) > i:before{ content: "나."; }
.terms .han > li:nth-child(3) > i:before{ content: "다."; }
.terms .han > li:nth-child(4) > i:before{ content: "라."; }
.terms .han > li:nth-child(5) > i:before{ content: "마."; }
.terms .han > li:nth-child(6) > i:before{ content: "바."; }
.terms .han > li:nth-child(7) > i:before{ content: "사."; }
.terms .han > li:nth-child(8) > i:before{ content: "아."; }
.terms .han > li:nth-child(9) > i:before{ content: "자."; }
.terms .han > li:nth-child(10) > i:before{ content: "차."; }
.terms .han > li:nth-child(11) > i:before{ content: "카."; }
.terms .han > li:nth-child(12) > i:before{ content: "타."; }
.terms .han > li:nth-child(13) > i:before{ content: "파."; }
.terms .han > li:nth-child(14) > i:before{ content: "하."; }

.terms .hyphen > li > i:before{ content: "-"; }
.terms .squ > li > i:before{ content: "\e9c6"; font-family: "xeicon"; }