@charset "utf-8";

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1200px; margin:0 auto; }

.paging_box{ padding:20px 0; display:flex; align-items: center; justify-content: center; }

select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 10px; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */








/* header */
header{ position: fixed; z-index: 999; width: 100%; padding: 10px 0; background-color: #fff; }
header .inner{ display: flex; align-items: center; justify-content: space-between; }
header .menuList{ display: flex; align-items: center; gap: 44px; }
header .menuList .active{ color: #1CACF4 !important; font-weight: 700; }
header .callBtn{ background-color: #1CACF4; border-radius: 4px; padding: 10px 20px; color: #fff; }
header .mo{ display: none; }

header.transparent{ background-color: rgba(0, 0, 0, 0.1); color: #fff;  }

@media screen and (max-width: 1100px) { 
    header{ padding-bottom: 0; }
    header .inner{ padding: 0; flex-wrap: wrap;  }
    header .mo{ display: block; }
    header .pc{ display: none; }
    header .logo{ margin-left: 10px; }
    header .callBtn{ margin-right: 10px; }
    header .menuList{ gap: 0; text-align: center; justify-content: space-between; padding: 20px 0; order: 1; width: 100%; }
    header .menuList > li{ padding: 0 5px; flex-grow: 1; flex-shrink: 0; }
}
@media screen and (max-width: 650px) { 
    header{ font-size: 14px; }
    header .logo{ width: 80px; }
}
@media screen and (max-width: 560px) { 
    header .callBtn{ padding: 8px 15px; }
    header .menuList{ margin-top: 5px; padding: 10px 0; justify-content: flex-start; overflow-x: scroll;  -ms-overflow-style: none; }
    header .menuList::-webkit-scrollbar{ display: none; }
}

/* footer */
footer{ overflow: hidden; background-color: #000; padding: 18px 0 15px 0; color: #7F7F7F; }
footer .halfBox{ margin-top: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
footer .halfBox .leftBox .itemList{ max-width: 100%; display: flex; flex-wrap: wrap; gap: 5px; width: 500px; align-items: center; }
footer .halfBox .leftBox .itemList .bar::before{ content:'|'; }
footer .halfBox .popupList{ color: #fff; font-weight: 700; font-size: 1.125em; }
footer .copy_right{ margin-top: 10px; font-size: 12px; }

@media screen and (max-width: 950px) {
    footer .halfBox{ flex-direction: column; margin-top: 15px; }
    footer .halfBox .leftBox{ order: 1; }
    footer .halfBox .leftBox .itemList{ width: 100%; }
}
@media screen and (max-width: 650px) {
    footer{ font-size: 14px; }
    footer .logo{ width: 80px; }
}

/*============================ privacy ============================*/
.f_popup_bg{ 
    background-color:rgba(0,0,0,0.5); position:fixed;
    left:0; top:0; width:100%; height:100%; z-index:9999; 
    display:flex; align-items: center; justify-content: center;
    padding:10px; font-family: 'Noto Sans KR', sans-serif;
    opacity:0; visibility: hidden; transition: all 0.5s;

}
.f_popup_bg.on{ opacity:1; visibility: visible; }
.f_popup_bg .popup_box{ width:90%; max-width:480px; }
.f_popup_bg .btn_wrap{ width:100%; display:flex; justify-content: flex-end; }
.f_popup_bg .btn_wrap .btn{ width:30px; height:30px; cursor:pointer; padding:0; }
.f_popup_bg .btn_wrap .btn span{ display:block; width:100%; height:2px; background-color:#fff;  }
.f_popup_bg .btn_wrap .btn span:nth-child(1){ transform: translateY(14px) rotate(-45deg); -webkit-transform: translateY(14px) rotate(-45deg); }
.f_popup_bg .btn_wrap .btn span:nth-child(2){ transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); }
.f_popup_bg .content_wrap{ background-color:#fff; overflow-y: scroll; max-height: 60vh; padding:40px 30px; margin-top:10px; }
.f_popup_bg .content_wrap p.title{ text-align:center; font-weight: 600; font-size: 20px;  }
.f_popup_bg .content_wrap p.content{ font-size: 16px; margin-top:30px; font-weight: 300;  }

@media screen and (max-width: 650px) {
    .f_popup_bg .content_wrap p.content{ font-size: 14px; margin-top: 20px; }
    .f_popup_bg .content_wrap{ padding: 20px 15px;  }
}

/* .main */
.main{  font-family: "Paperlogy";  }

/* .main .bannerSection */
.main .bannerSection{ position: relative; overflow: hidden; background-image: url('../img/main/bannerSection/background.png'); min-height: 100vh; padding: 150px 0; display: flex; align-items: center; justify-content: center; }
.main .bannerSection .videoBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.main .bannerSection .videoBg iframe {position: absolute; top: -60px; bottom: -60px; left: 0; width: 100%; height: calc(100% + 120px); border: none; }
.main .bannerSection .videoBg::after { content:''; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; z-index: 1; }
.main .bannerSection .videoBgColor{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,0.5); }
.main .bannerSection .inner{ justify-content: center; height: 100%; position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; }
.main .bannerSection .titleBox{ position: relative; font-family: 'Paperlogy'; font-size: 51px; text-align: center; color: #fff; }
.main .bannerSection .titleBox .t2{ font-size: 2em; font-weight: 700; }
.main .bannerSection .titleBox .icon{ position: absolute; z-index: 3; }
.main .bannerSection .titleBox .icon.circle1{ right: 105%; top: 20%; }
.main .bannerSection .titleBox .icon.plus1{ top: 80%; left: 105%; }
.main .bannerSection .titleBox .icon.plus2{ top: 100%; left: 100%; }
.main .bannerSection .bar{ margin: 30px auto; width: 100px;  height: 5px; background-color: #FFFFFF; box-shadow: 4px 8px 11px 0px rgba(0, 0, 0, 0.48); }  
.main .bannerSection .content{ font-size: 30px; font-family: 'Paperlogy'; color: #fff; }
.main .bannerSection .content b{ font-weight: 700; }

@media screen and (max-width: 1250px) {  
    .main .bannerSection .titleBox{ font-size: 30px; }
    .main .bannerSection .content{ font-size: 20px; }
}
@media screen and (max-width: 950px) { 
    .main .bannerSection .titleBox{ font-size: 25px; }
    .main .bannerSection .titleBox .icon.circle1{ width: 15px; }
    .main .bannerSection .titleBox .icon.plus1{ width: 10px; }
    .main .bannerSection .titleBox .icon.plus2{ width: 15px; }

    .main .bannerSection .content{ font-size: 16px; }
}
@media screen and (max-width: 650px) { 
    .main .bannerSection .titleBox{ font-size: 18px; }
    .main .bannerSection .bar{ width: 50px; height: 1vw; }
}

/* .main .mainTitleBox */
.main .mainTitleBox{ color: #004099; word-break: keep-all; text-align: center; display: flex; flex-direction: column;  }
.main .mainTitleBox .small{ font-size: 24px; font-family: 'Paperlogy'; }
.main .mainTitleBox .big{ font-size: 32px; font-weight: 700; font-family: 'Paperlogy'; }
.main .mainTitleBox .small + .big{ margin-top: 10px; }
.main .mainTitleBox .big + .small{ margin-top: 10px; }
.main .mainTitleBox .moBr{ display: none; }

@media screen and (max-width: 1250px) {  
    .main .mainTitleBox .small{ font-size: 18px; }
    .main .mainTitleBox .big{ font-size: 28px;} 
}
@media screen and (max-width: 650px) { 
    .main .mainTitleBox .moBr{ display: inline-block; }

    .main .mainTitleBox .small{ font-size: 16px; }
    .main .mainTitleBox .big{ font-size: 22px;} 
 }

/* .main .serviceSection */
.main .serviceSection{ position: relative; overflow: hidden; padding: 100px 0; background-image: url('../img/main/serviceSection/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .serviceSection .itemList{ font-family: "Paperlogy"; margin-top: 50px; display: flex; width: calc(100% + 40px); margin-left: -20px; }
.main .serviceSection .itemList > li{ width: 50%; padding: 20px; }
.main .serviceSection .itemList .imgBox{ color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; height: 420px; border-radius: 10px; background-color: #000; }
.main .serviceSection .itemList .imgBox.img1{ background-image: url('../img/main/serviceSection/bg1.png'); }
.main .serviceSection .itemList .imgBox.img2{ background-image: url('../img/main/serviceSection/bg2.png'); }
.main .serviceSection .itemList .imgBox .circle{ position: absolute; right: 85%; bottom: 80%; }
.main .serviceSection .itemList .imgBox .title{ font-size: 28px; font-weight: 700; }
.main .serviceSection .itemList .imgBox .bar{ margin: 20px auto; width: 40px; height: 4px; background-color: #fff; }
.main .serviceSection .itemList .imgBox .content{ font-size: 24px; }
.main .serviceSection .itemList .moreBtn{ margin-top: 10px; display: block; padding: 10px 20px; border-radius: 10px; background-color: #004099; text-align: center; color: #fff; font-size: 18px; }

@media screen and (max-width: 1290px) {  
    .main .serviceSection .itemList .imgBox .circle{ left: -10px; right: unset; }
}
@media screen and (max-width: 1250px) {  
    .main .serviceSection .itemList{ width: 100%; margin: 50px auto 0 auto; }
    .main .serviceSection .itemList .imgBox{ height: 32vw; }
    .main .serviceSection .itemList .imgBox .circle{ width: 10vw; }
    .main .serviceSection .itemList .imgBox .title{ font-size: 20px; }
    .main .serviceSection .itemList .imgBox .content{ font-size: 18px; }
    .main .serviceSection .itemList .moreBtn{ font-size: 16px; }
}
@media screen and (max-width: 950px) {  
    .main .serviceSection .itemList > li{ padding: 15px; }
}
@media screen and (max-width: 750px) {  
    .main .serviceSection .itemList{ flex-direction: column; gap: 20px; }
    .main .serviceSection .itemList > li{ width: 100%; }
    .main .serviceSection .itemList .imgBox{ height: 66vw; }
    .main .serviceSection .itemList .imgBox .circle{ width: 17vw; }
}
@media screen and (max-width: 650px) {  
    .main .serviceSection{ padding: 50px 0; }
    .main .serviceSection .itemList{ margin-top: 20px; }
    .main .serviceSection .itemList .imgBox .circle{ width: 19vw; }

    .main .serviceSection .itemList .imgBox .title{ font-size: 5vw; }
    .main .serviceSection .itemList .imgBox .bar{ margin: 5vw auto ; height: 1vw; }
    .main .serviceSection .itemList .imgBox .content{ font-size: 4vw; }

    .main .serviceSection .itemList .moreBtn{ font-size: 14px; border-radius: 8px; }
}

/* .main .serviceContentSec */
.main .serviceContentSec{ padding: 100px 0 50px 0; position: relative; overflow: hidden; }
.main .serviceContentSec .itemList{ margin-top: 20px; display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.main .serviceContentSec .itemList > li{ padding: 10px; }
.main .serviceContentSec .itemList > li.three{ width: calc(100% / 3); }
.main .serviceContentSec .itemList > li.half{ width: calc(100% / 2); }
.main .serviceContentSec .itemList .imgBox{ height:211px; background-color: #222222; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .serviceContentSec .itemList .imgBox .textBox{ background-color: #222; position: absolute; right: 0; bottom: 0; padding: 10px 20px; color: #fff; font-weight: 700; font-size: 18px; }
.main .serviceContentSec .itemList .imgBox.img1{ background-image: url('../img/main/serviceContentSec1/img1.png'); }
.main .serviceContentSec .itemList .imgBox.img2{ background-image: url('../img/main/serviceContentSec1/img2.png'); }
.main .serviceContentSec .itemList .imgBox.img3{ background-image: url('../img/main/serviceContentSec1/img3.png'); }
.main .serviceContentSec .itemList .imgBox.img4{ background-image: url('../img/main/serviceContentSec1/img4.png'); }

.main .serviceContentSec .itemList > li.imgHalf{ display: flex; }
.main .serviceContentSec .itemList > li.imgHalf .imgBox{ background-color: #fff; flex-shrink: 0; width: 211px; border-right: 2px solid #fff; }
.main .serviceContentSec .itemList > li.imgHalf .contentBox{ font-size: 18px; line-height: 1.5em; background-color: #222; flex-grow: 1; padding: 20px; color: #fff; display: flex; flex-direction: column; justify-content: center; }
.main .serviceContentSec .itemList > li.imgHalf .contentBox b{ font-weight: 700; }
.main .serviceContentSec .itemList .whiteBox{ height: 100%; background-color: #fff; display: flex; flex-direction: column; padding: 10px; justify-content: center; gap: 20px; }
.main .serviceContentSec .itemList .dotList{ color: #004099; font-size: 24px; font-weight: 700; }
.main .serviceContentSec .itemList .dotList > li{ position: relative; padding-left: 15px; }
.main .serviceContentSec .itemList .dotList > li::before{ content:'・'; position: absolute; left: 0; top: 0;  }
.main .serviceContentSec .itemList .blueBox{ word-break: keep-all; background-color: #004099; padding: 15px 20px; text-align: center; color: #FAB729; font-weight: 700; font-size: 20px; }


.main .serviceContentSec.content2{ padding: 0; }
.main .serviceContentSec.content2 .inner{ padding: 50px 0 100px 0; border-top: 1px solid #D9D9D9; }
.main .serviceContentSec.content2 .itemList .imgBox.img1{ background-image: url('../img/main/serviceContentSec2/img1.png'); }
.main .serviceContentSec.content2 .itemList .imgBox.img2{ background-image: url('../img/main/serviceContentSec2/img2.png'); }
.main .serviceContentSec.content2 .itemList .imgBox.img3{ background-image: url('../img/main/serviceContentSec2/img3.png'); }
.main .serviceContentSec.content2 .itemList .imgBox.img4{ background-image: url('../img/main/serviceContentSec2/img4.png'); }

@media screen and (max-width: 1250px) {  
    .main .serviceContentSec.content2 .inner{ padding: 50px 10px; }
    .main .serviceContentSec .itemList{ width: calc(100% + 10px); }
    .main .serviceContentSec .itemList > li{ padding: 5px; } 
    .main .serviceContentSec .itemList > li.half{ width: 100%; }
    .main .serviceContentSec .itemList > li.imgHalf .contentBox{ font-size: 16px; }
    .main .serviceContentSec .itemList .imgBox .textBox{ font-size: 16px; }
    .main .serviceContentSec .itemList .dotList{ font-size: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .main .serviceContentSec .itemList .blueBox{ font-size: 18px; }

    .main .serviceContentSec .itemList > li.imgHalf .imgBox{ width: 33%; height: 19vw; }
    .main .serviceContentSec .itemList > li.imgHalf .contentBox{ text-align: center; }
}
@media screen and (max-width: 950px) {  
    .main .serviceContentSec .itemList .imgBox{ height: 19vw; }
    .main .serviceContentSec .itemList .imgBox .textBox{ font-size: 2vw; padding: 1vw 2vw; }

}
@media screen and (max-width: 650px) {  
    .main .serviceContentSec { padding-top: 50px; }
    .main .serviceContentSec .itemList > li.imgHalf .contentBox{ padding: 2vw; }
    .main .serviceContentSec .itemList > li.imgHalf .contentBox{ font-size: 3vw; }
    .main .serviceContentSec .itemList .dotList{ font-size: 3vw; }
    .main .serviceContentSec .itemList .blueBox{ padding: 10px; font-size: 16px; }
}
@media screen and (max-width: 500px) {  
    .main .serviceContentSec .itemList{ width: calc(100% + 1vw); margin-left: -.5vw; }
    .main .serviceContentSec .itemList > li{ padding: .5vw; }
    .main .serviceContentSec .itemList > li.imgHalf .contentBox{ font-size: 3.3vw; }
    .main .serviceContentSec .itemList .dotList{ font-size: 3.3vw; }
}

/* .main .exampleSection */
.main .exampleSection{ position: relative; overflow: hidden; padding: 100px 0; background-image: url('../img/main/exampleSection/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .exampleSection .mainTitleBox{ color: #fff; }
.main .exampleSection .itemList{ margin-top: 20px; width: calc(100% + 10px); margin-left: -5px; display: flex; flex-wrap: wrap; }
.main .exampleSection .itemList > li{ padding: 5px; width: calc(100% / 4); }
.main .exampleSection .itemList .item{ display: flex; flex-direction: column; text-align: center; height: 100%; background-color: #fff; padding: 25px 15px; border-radius: 10px; }
.main .exampleSection .itemList .item .imgBox{ background-size: cover; background-repeat: no-repeat; background-position: center; height: 190px; border: 10px solid #004099; border-radius: 10px; }
.main .exampleSection .itemList .item .imgBox.img1{ background-image: url('../img/main/exampleSection/img1.png'); }
.main .exampleSection .itemList .item .imgBox.img2{ background-image: url('../img/main/exampleSection/img2.png'); }
.main .exampleSection .itemList .item .imgBox.img3{ background-image: url('../img/main/exampleSection/img3.png'); }
.main .exampleSection .itemList .item .imgBox.img4{ background-image: url('../img/main/exampleSection/img4.png'); }
.main .exampleSection .itemList .item .title{ flex-grow: 1; display: flex; align-items: center; justify-content: center; word-break: keep-all; margin-top: 10px; font-size: 17px; font-weight: 700; }
.main .exampleSection .itemList .item .moreBtn{ margin-top: 16px; background-color: #222; display: block; padding: 20px 10px; border-radius: 10px; font-size: 17px; color: #fff; }

.main .exampleSection .checkList{ margin-top: 16px; width: calc(100% + 10px); margin-left: -5px; display: flex; flex-wrap: wrap; }
.main .exampleSection .checkList > li{ padding: 5px; width: calc(100% / 3); }
.main .exampleSection .checkList .item{ height: 100%; font-size: 22px; line-height: 1.2em; color: #fff; background-color: #00265C; border-radius: 10px; padding: 20px 15px; display: flex; gap : 26px; align-items: center; }
.main .exampleSection .checkList .item .icon{ flex-shrink: 0; }
.main .exampleSection .checkList .item .yello{ color: #FAB729; font-weight: 700; }

.main .exampleSection .blackBgDiv{ display: block; border-radius: 10px; text-align: center; margin:82px auto 0 auto; padding: 14px 10px; width: 100%; max-width: 480px; font-size: 22px; font-weight: 700; color: #fff; background-color: #222; }


@media screen and (max-width: 1250px) {  
    .main .exampleSection .itemList .item{ padding: 15px 10px; }
    .main .exampleSection .itemList .item .imgBox{ height: 17vw; }
    .main .exampleSection .itemList .item .moreBtn{ padding: 10px; border-radius: 5px; }
    .main .exampleSection .itemList .item .imgBox{ border: 5px solid #004099; }
    .main .exampleSection .itemList .item .moreBtn{ font-size: 16px; }
    .main .exampleSection .checkList .item{ font-size: 16px; }
}
@media screen and (max-width: 950px) {  
    .main .exampleSection .itemList > li{ width:calc(100% / 2); }
    .main .exampleSection .itemList .item .imgBox{ height: 35vw; }
    
    .main .exampleSection .checkList .item{ flex-direction: column; align-items: center; justify-content: center; gap:10px; text-align: center; }
    .main .exampleSection .blackBgDiv{ margin-top: 40px; font-size: 18px; }
}
@media screen and (max-width: 650px) {  
    .main .exampleSection{ padding: 50px 0; }
    .main .exampleSection .itemList .item{ padding: 2vw; border-radius: 2vw; }
    .main .exampleSection .itemList .item .title{ font-size: 3.3vw; margin-top: 2vw; }
    .main .exampleSection .itemList .item .imgBox{ border-width: 1vw; border-radius: 2vw; }
    .main .exampleSection .itemList .item .moreBtn{ margin-top: 2vw; padding: 2vw; border-radius: 1.5vw; font-size: 3vw; }
    .main .exampleSection .checkList > li{ width: 100%; }

    .main .exampleSection .checkList .item{ flex-direction: row; gap: 20px; font-size: 14px; gap: 10px; }
    .main .exampleSection .checkList .item .icon{ width: 30px; }

    .main .exampleSection .blackBgDiv{ font-size: 16px; margin-top: 20px; }
}

/* .main .exampleSection .examplePopupArti */
.main .exampleSection .examplePopupArti{ opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s; padding: 10px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; cursor: pointer; position: fixed; left: 0; top: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); }
.main .exampleSection .examplePopupArti.show{ opacity: 1; visibility: visible; }
.main .exampleSection .examplePopupArti .contentSection{ width: 100%; max-width: 550px; }
.main .exampleSection .examplePopupArti .contentSection .btnDiv{ padding: 10px 0; display: flex; justify-content: flex-end; }
.main .exampleSection .examplePopupArti .contentSection .btnDiv .closeBtn{ background-color: transparent; border: none; }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv::-webkit-scrollbar{ display: none; }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv{ -ms-overflow-style: none; -ms-overflow-style: none; max-height: 70vh; overflow-y: scroll; padding: 10px; border-radius: 10px; background-color: #fff;  }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList{ display: flex; }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList > li{ width: calc(100% / 2); padding: 5px; }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList .imgBox{ background-color: #222; background-repeat: no-repeat; background-size: cover; height: 194px; border: 10px solid #004099; border-radius: 10px; }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList .imgBox.popup1_img1{ background-image: url('../img/main/exampleSection/popup1_img1.png'); }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList .imgBox.popup1_img2{ background-image: url('../img/main/exampleSection/popup1_img2.png'); }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList .imgBox.popup2_img1{ background-image: url('../img/main/exampleSection/popup2_img1.png'); }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList .imgBox.popup2_img2{ background-image: url('../img/main/exampleSection/popup2_img2.png'); }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList .imgBox.popup3_img1{ background-image: url('../img/main/exampleSection/popup3_img1.png'); }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList .imgBox.popup3_img2{ background-image: url('../img/main/exampleSection/popup3_img2.png'); }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList .imgBox.popup4_img1{ background-image: url('../img/main/exampleSection/popup3_img1.png'); }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList .imgBox.popup4_img2{ background-image: url('../img/main/exampleSection/popup3_img2.png'); }


.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .title{ padding: 0 5px; margin-top: 10px; font-size: 18px; font-weight: 700; }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .content{ padding: 0 5px; margin-top: 10px; line-height: 1.5em; }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .content .red{ color: #C11919; }
.main .exampleSection .examplePopupArti .contentSection .popupContentDiv .content .small{ font-size: .85em; }

@media screen and (max-width: 650px) {  
    .main .exampleSection .examplePopupArti .contentSection .popupContentDiv .imgList .imgBox{ height: 30vw; border-width: 1vw; border-radius: 1.5vw; }
    
}

/* .main .companySection */
.main .companySection{ padding: 50px 0; background-image: url('../img/main/companySection/background.png'); background-repeat: no-repeat; background-position: center ; background-size: cover; }
.main .companySection .mainTitleBox{ justify-content: center; display: flex; align-items: center; gap: 10px; color: #222; flex-direction: row; }
.main .companySection .winList{ margin:0 auto; margin-top: 28px; max-width: 800px; display: flex; text-align: center; }
.main .companySection .winList > li{ width: calc(100% / 4); padding: 15px; }
.main .companySection .winList .imgBox{ height: 245px; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .companySection .winList .imgBox.img1{ background-image: url('../img/main/companySection/img1.png'); }
.main .companySection .winList .imgBox.img2{ background-image: url('../img/main/companySection/img2.png'); }
.main .companySection .winList .imgBox.img3{ background-image: url('../img/main/companySection/img3.png'); }
.main .companySection .winList .imgBox.img4{ background-image: url('../img/main/companySection/img4.png'); }
.main .companySection .winList .blackBgDiv{ font-family: "Pretendard Variable"; background-color: #222; margin-top: 10px; padding: 10px; border-radius: 6px; color: #fff; font-weight: 700; font-size: 18px; }

.main .companySection .centerText{ margin-top: 44px; text-align: center; font-size: 26px; }
.main .companySection .centerText b{ font-weight: 700; }
.main .companySection .centerText .moBr{ display: none; }

.main .companySection .logoBox{ margin: 20px auto 0 auto; max-width: 890px; display: flex; align-items: center; justify-content: center; padding: 30px 20px; border: 10px solid #004099; border-radius: 20px; }
.main .companySection .logoBox img{ max-width: 100%; }

@media screen and (max-width: 1250px) {  
    .main .companySection .mainTitleBox{ flex-direction: column; }
    .main .companySection .centerText{ font-size: 25px; }
    .main .companySection .centerText .moBr{ display: inline-block; }
}
@media screen and (max-width: 950px) {  
    .main .companySection .centerText{ font-size: 18px; }
    .main .companySection .winList .imgBox{ height: 26vw; }
    .main .companySection .winList .blackBgDiv{ font-size: 16px; }

}
@media screen and (max-width: 650px) {  
    .main .companySection .winList{ flex-wrap: wrap; }
    .main .companySection .winList > li{ padding: 5px; width: calc(100% / 2); }
    .main .companySection .winList .blackBgDiv{ margin-top: 2vw; padding: 2vw; font-size: 3vw; }
    .main .companySection .winList .imgBox{ height: 60vw; }
    .main .companySection .centerText{ margin-top: 20px; font-size: 16px; }
}
@media screen and (max-width: 500px) {  
    .main .companySection .winList .blackBgDiv{ font-size: 3.5vw; }
}

/* .main .resetSection */
.main .resetSection{ position: relative; overflow: hidden; background-color: #00265C; padding: 100px 0; }
.main .resetSection .circle{ position: absolute; }
.main .resetSection .circle.circle1{ left: -200px; top: -200px; }
.main .resetSection .circle.circle2{ right: -200px; bottom: -200px; }
.main .resetSection .mainTitleBox{ color: #fff; }
.main .resetSection .mainTitleBox .small{ line-height: 1.5em; }

.main .resetSection .itemList{ margin-top: 20px; display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; }
.main .resetSection .itemList > li{ width: calc(100% / 4); padding: 5px; }
.main .resetSection .itemList .item{ height: 100%; gap: 30px; color: #fff; padding: 90px 20px; border: 4px solid #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.main .resetSection .itemList .item .number{ font-size: 33px; font-weight: 700; }

.main .resetSection .itemList .item .icon{ display: block; width: 158px; height: 158px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.main .resetSection .itemList .item .icon.icon1{ background-image: url('../img/main/resetSection/icon1.png'); }
.main .resetSection .itemList .item .icon.icon2{ background-image: url('../img/main/resetSection/icon2.png'); }
.main .resetSection .itemList .item .icon.icon3{ background-image: url('../img/main/resetSection/icon3.png'); }
.main .resetSection .itemList .item .icon.icon4{ background-image: url('../img/main/resetSection/icon4.png'); }
.main .resetSection .itemList .item .textBox{ flex-grow: 1; display: flex; align-items: center; font-size: 20px; font-weight: 700; }

@media screen and (max-width: 1250px) {  
    .main .resetSection .itemList .item{ padding: 7vw 10px; gap: 2vw; }
    .main .resetSection .itemList .item .number{ font-size: 26px; }
    .main .resetSection .itemList .item .icon{ width: 12vw; height: 12vw; }
    .main .resetSection .itemList .item .textBox{ font-size: 18px; }

}
@media screen and (max-width: 950px) {  
    .main .resetSection .mainTitleBox .moBr{ display: inline-block; }
    .main .resetSection .itemList{ margin: 0 auto; margin-top: 20px; max-width: 670px; width: 100%; }
    .main .resetSection .itemList > li{ width: calc(100% / 2); }

    .main .resetSection .itemList .item { padding: 50px 10px; gap: 2vw; }
    .main .resetSection .itemList .item .icon{  width: 140px; height: 140px; }
}
@media screen and (max-width: 650px) {  
    .main .resetSection{ padding: 50px 0; }
    .main .resetSection .circle{ width: 80vw; }
    .main .resetSection .circle.circle1{ left: -30vw; top: -30vw; }
    .main .resetSection .circle.circle2{ right: -30vw; bottom: -30vw; }

    .main .resetSection .mainTitleBox .small br{ display: none; }
    .main .resetSection .mainTitleBox .small .moBr{ display: none; }
    .main .resetSection .itemList .item { gap: 5vw; padding: 10vw 2vw; }
    .main .resetSection .itemList .item .icon{  width: 24vw; height: 24vw; }
    .main .resetSection .itemList .item .number{ font-size: 5vw; }
    .main .resetSection .itemList .item .textBox{ font-size: 3.3vw; }
}
@media screen and (max-width: 400px) {  
    .main .resetSection .itemList .item .number{ font-size: 6vw; }
    .main .resetSection .itemList .item .textBox{ font-size: 4vw; }
}

/* .main .stepSection */
.main .stepSection{ padding: 100px 0; position: relative; overflow: hidden; }
.main .mainTitleBox .underline{ padding: 0 5px; background: linear-gradient(to top, rgba(0, 64, 153, .1) 50%, transparent 50%); }
.main .stepSection .stepList{ margin-top: 40px; display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.main .stepSection .stepList > li{ width: calc(100% / 4); padding: 10px; }
.main .stepSection .stepList .circle{ padding: 80px 20px; text-align: center; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 285px; background-color: #004099; border-radius: 50%; }
.main .stepSection .stepList .circle .number{ font-size: 33px; font-weight: 700;  }
.main .stepSection .stepList .circle .text{ flex-grow: 1; line-height: 1.25em; }

.main .stepSection .stepCenterTitle{ margin-top: 36px; text-align: center; font-weight: 500; font-size: 26px; font-weight: 600; }
.main .stepSection .itemList{ margin-top: 18px; width: calc(100% + 20px); margin-left: -10px; display: flex; flex-wrap: wrap; }
.main .stepSection .itemList > li{ width: calc(100% / 3); padding: 10px; }
.main .stepSection .itemList .darkBlueBox{ display: flex; align-items: center; justify-content: center; word-break: keep-all; background-color: #00265C; width: 100%; padding: 20px 10px; border-radius: 100px; text-align: center; color: #fff; font-size: 18px; }

@media screen and (max-width: 1250px) {  
    .main .stepSection .stepList .circle{ height: 23.5vw; padding: 5vw 2vw; }
    .main .stepSection .itemList .darkBlueBox{ height: 100%; }
    .main .stepSection .itemList{ justify-content: center; }
    .main .stepSection .itemList > li{ width: calc(100% / 2); }
    .main .stepSection .stepList .circle .number{ font-size: 25px; }

    .main .stepSection .stepCenterTitle{ font-size: 20px; }

}
@media screen and (max-width: 950px) {  
    .main .stepSection .stepList{ margin: 0 auto; margin-top: 40px; max-width: 650px; width: 100%; }
    .main .stepSection .stepList > li{ width: calc(100% / 2); }
    .main .stepSection .stepList .circle{ height: 305px; padding: 100px 10px;  }

    .main .stepSection .itemList{ margin: 20px auto 0 auto; max-width: 650px; width: 100%; }
    .main .stepSection .itemList > li{ width: 100%; padding: 5px 10px; }
    .main .stepSection .itemList .darkBlueBox{ padding: 15px 10px; }
}
@media screen and (max-width: 650px) {  
    .main .stepSection { padding: 50px 0; }

    .main .stepSection .stepList{ width: calc(100% + 10px); margin-left: -5px; }
    .main .stepSection .stepList > li{ padding: 5px; }
    .main .stepSection .stepList .circle{ gap: 1vw; height: 46vw; padding: 6vw 2vw; }
    .main .stepSection .stepList .circle .number{ font-size: 6vw; }
    .main .stepSection .stepList .circle .text{ font-size: 3.5vw; }
    .main .stepSection .stepList .circle .icon{ width: 10vw; }
    
    .main .stepSection .stepCenterTitle{ font-size: 18px; }
    .main .stepSection .itemList{ margin-top: 5px; }
    .main .stepSection .itemList > li{ padding: 5px 10px; }
    .main .stepSection .itemList .darkBlueBox{ padding: 10px; font-size: 14px; }
}

.main .stepSection .barBox{ margin-top: 56px; width: 100%; height: 2px; background-color: #00265C; }
.main .stepSection .halfBox1{ margin-top: 28px; display: flex; gap: 40px; align-items: center; }
.main .stepSection .halfBox1 .leftBox{ width: 50%; }
.main .stepSection .halfBox1 .rightBox{ width:50%; }

.main .stepSection .halfBox1 .leftBox .imgList > li + li{ margin-top: 10px; }
.main .stepSection .halfBox1 .leftBox .imgList .imgBox{ border-radius: 5px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .stepSection .halfBox1 .leftBox .imgList .imgBox img{ width: 100%; }

.main .stepSection .halfBox1 .rightBox .numberList{ font-size: 22px;  }
.main .stepSection .halfBox1 .rightBox .numberList > li + li{ margin-top: 10px; }
.main .stepSection .halfBox1 .rightBox .numberList .numberBox{ gap: 15px; color: #fff; display: flex; align-items: center; padding: 10px; border-radius: 100px; background-color: #00265C; }
.main .stepSection .halfBox1 .rightBox .numberList .numberBox .number{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; color: #00265C; }
.main .stepSection .halfBox1 .rightBox .numberList .numberBox .bar{ flex-shrink: 0; width: 100px; height: 2px; background-color: #fff; }
.main .stepSection .halfBox1 .rightBox .numberList .numberBox .text1{ flex-shrink: 0; width: 25%; }
.main .stepSection .halfBox1 .rightBox .numberList .numberBox .text2{ flex-shrink: 0; flex-grow: 1; text-align: center; color: #FAB729; }
.main .stepSection .halfBox1 .rightBox .centerText{ margin-top: 40px; text-align: center; color: #00265C; font-size: 22px; font-weight: 700; }
.main .stepSection .halfBox1 .rightBox .imgHalfBox{ margin-top: 20px; display: flex; gap: 20px; align-items: flex-end; }
.main .stepSection .halfBox1 .rightBox .imgHalfBox .peopleList > li + li{ margin-top: 5px; }
.main .stepSection .halfBox1 .rightBox .imgHalfBox .peopleList > li{ display: flex; }
.main .stepSection .halfBox1 .rightBox .imgHalfBox .peopleList .item{ font-size: 20px; color: #fff; padding: 8px 14px; border-radius: 100px; background-color: #00265C;  }

@media screen and (max-width: 1250px) {  
    .main .stepSection .halfBox1{ gap: 20px; }
    .main .stepSection .halfBox1 .rightBox .numberList{ font-size: 18px; }
    .main .stepSection .halfBox1 .rightBox .numberList .numberBox .number{ width: 40px; height: 40px; }
    .main .stepSection .halfBox1 .rightBox .imgHalfBox .peopleList .item{ font-size: 18px; }
}
@media screen and (max-width: 950px) {  
    .main .stepSection .halfBox1{ flex-direction: column; max-width: 650px; margin: 40px auto 0 auto; }
    .main .stepSection .halfBox1 .leftBox{ width: 100%; }
    .main .stepSection .halfBox1 .rightBox{ width:100%; }
    .main .stepSection .halfBox1 .rightBox .imgHalfBox{ justify-content: center; }
}
@media screen and (max-width: 650px) {  
    .main .stepSection .halfBox1 .rightBox .numberList{ font-size: 14px; }
    .main .stepSection .halfBox1 .rightBox .numberList .numberBox{ padding: 5px; }
    .main .stepSection .halfBox1 .rightBox .numberList .numberBox .number{ width: 30px; height: 30px; }
    .main .stepSection .halfBox1 .rightBox .numberList .numberBox .bar{ width: 14vw; }
    .main .stepSection .halfBox1 .rightBox .numberList .numberBox .text1{ text-align: center; word-break: keep-all; width: 20%; }

    .main .stepSection .halfBox1 .rightBox .centerText{ margin-top: 30px; font-size: 18px; }
    .main .stepSection .halfBox1 .rightBox .imgHalfBox{ display: flex; flex-direction: column; align-items: center; }
    .main .stepSection .halfBox1 .rightBox .imgHalfBox .peopleList{ display: flex; flex-wrap: wrap; gap: 5px; align-items: flex-start; justify-content: center; }
    .main .stepSection .halfBox1 .rightBox .imgHalfBox .peopleList > li + li{ margin-top: 0; }
    .main .stepSection .halfBox1 .rightBox .imgHalfBox .peopleList .item{ font-size: 14px; padding: 10px 15px; }
}

.main .stepSection .drainTitle{ line-height: 1.25em; margin-top: 100px; text-align: center; font-weight: 700; font-size: 32px; }
.main .stepSection .mapList{ margin-top: 24px; }
.main .stepSection .mapList > li + li{ margin-top: 20px; }
.main .stepSection .mapList .item{ align-items: center; box-shadow: 4px 8px 10px 0px rgba(0, 0, 0, 0.15); background-color: #fff; border-radius: 10px; display: flex; position: relative; }
.main .stepSection .mapList .item .label{ position: absolute; background-color: #222; left: 0; top: 0; border-radius: 13px 0 13px 0; padding: 10px 30px; color: #fff; font-size: 24px; }
.main .stepSection .mapList .item .imgBox{ flex-shrink: 0; display: flex; justify-content: center; width: 50%; }
.main .stepSection .mapList .item img{ max-width: 100%; }
.main .stepSection .mapList .item .dotList{ font-size: 18px; margin-top: 20px; }
.main .stepSection .mapList .item .dotList > li{ position: relative; padding-left: 15px; }
.main .stepSection .mapList .item .dotList > li:before{ content:'•'; position: absolute; left: 0; top: 0; }
.main .stepSection .mapList .item .dotList > li + li{ margin-top: 5px; }

.main .stepSection .blackBox{ display: block; word-break: keep-all; margin: 40px auto 0 auto; padding: 10px 20px; text-align: center; color: #fff; background: #222; border-radius: 10px; font-weight: 700; font-size: 22px; max-width: 580px; }

@media screen and (max-width: 1250px) {  
    .main .stepSection .drainTitle{ font-size: 24px; }
    .main .stepSection .mapList .item{ padding: 10px 20px; }
    .main .stepSection .mapList .item .imgBox{ width: 40vw; }
    .main .stepSection .blackBox{ font-size: 18px; }
    .main .stepSection .mapList .item .label{ font-size: 18px; }
}
@media screen and (max-width: 950px) {  
    .main .stepSection .mapList .item{ padding: 30px 20px 50px 20px; flex-direction: column; gap: 10px; }
    .main .stepSection .mapList .item .imgBox{ width: 300px; }
    .main .stepSection .mapList .item .label{ font-size: 16px; }
}
@media screen and (max-width: 650px) {  
    .main .stepSection .drainTitle{ margin-top: 40px; font-size: 18px; }
    .main .stepSection .mapList .item{ border-radius: 30px 20px; border-radius: 10px; }
    .main .stepSection .mapList .item .label{ padding: 5px 10px; font-size: 14px; }
    .main .stepSection .mapList .item .dotList{ font-size: 14px; }
    .main .stepSection .blackBox{ font-size: 16px; line-height: 1.3em; border-radius: 5px; }
}

.main .stepSection{ display: flex; align-items: center; }
.main .stepSection .inner{ position: relative; z-index: 2; }
.main .stepSection .bg_circle{ position: absolute; }
.main .stepSection .bg_circle.circle1{ left: -200px; top: -200px; }
.main .stepSection .bg_circle.circle2{ right: -200px; }
.main .stepSection .bg_circle.circle3{ left: -200px; bottom: -200px; }


@media screen and (max-width: 1250px) {  
    .main .stepSection .bg_circle{ width: 40vw; height: 40vw; }
    .main .stepSection .bg_circle.circle1{ left: -20vw; top: -20vw; }
    .main .stepSection .bg_circle.circle2{ right: -20vw; }
    .main .stepSection .bg_circle.circle3{ left: -20vw; bottom: -20vw; }
}
@media screen and (max-width: 650px) {  
    .main .stepSection .bg_circle{ width: 50vw; height: 50vw; }
    .main .stepSection .bg_circle.circle1{ left: -25vw; top: -25vw; }
    .main .stepSection .bg_circle.circle2{ right: -25vw; }
    .main .stepSection .bg_circle.circle3{ left: -25vw; bottom: -25vw; }
}

/* .main .reviewSection */
.main .reviewSection{ display: flex; align-items: center; padding: 100px 0; background-color: #213A77; position: relative; overflow: hidden; }
.main .reviewSection .mainTitleBox{ color: #fff; }
.main .reviewSection .mainTitleBox .underline{ background: linear-gradient(to top, rgba(255, 255, 255, .1) 50%, transparent 50%); }
.main .reviewSection .reviewBox{ position: relative; margin-top: 30px; display: flex; align-items: center; justify-content: center; }
.main .reviewSection .reviewBox .mySwiper{ overflow: hidden; }
.main .reviewSection .reviewBox .slideBtnDiv{ position: absolute; width: calc(100% + 50px); display: flex; justify-content: space-between; }
.main .reviewSection .reviewBox .slideBtnDiv .pnBtn{ border: none; background: transparent; }
.main .reviewSection .reviewBox .swiper-slide{ height: unset; }
.main .reviewSection .reviewBox .item{ height: 100%; text-align: center; border-radius: 10px; background-color: #fff; padding: 32px 20px; }
.main .reviewSection .reviewBox .item .imgBox{ height: 202px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .reviewSection .reviewBox .item .imgBox.img1{ background-image: url('../img/main/reviewSection/img1.png'); }
.main .reviewSection .reviewBox .item .imgBox.img2{ background-image: url('../img/main/reviewSection/img2.png'); }
.main .reviewSection .reviewBox .item .imgBox.img3{ background-image: url('../img/main/reviewSection/img3.png'); }
.main .reviewSection .reviewBox .item .imgBox.img4{ background-image: url('../img/main/reviewSection/img4.png'); }
.main .reviewSection .reviewBox .item .imgBox.img5{ background-image: url('../img/main/reviewSection/img5.png'); }
.main .reviewSection .reviewBox .item .imgBox.img6{ background-image: url('../img/main/reviewSection/img6.png'); }
.main .reviewSection .reviewBox .item .title{ margin-top: 20px; font-size: 24px; font-weight: 700; }
.main .reviewSection .reviewBox .item .content{ font-weight: 500; word-break: keep-all; margin-top: 20px; line-height: 1.5em; color: #7F7F7F; }
.main .reviewSection .reviewBox .item .content .blue{ color: #00265C; }

.main .reviewSection .circle{ position: absolute;   width: 20vw;}
.main .reviewSection .circle.circle1{ left: -10vw; }
.main .reviewSection .circle.circle2{ right: -10vw; }

@media screen and (max-width: 1320px) {  
    .main .reviewSection .reviewBox .slideBtnDiv{ width: 100%; }
    .main .reviewSection .reviewBox{ padding: 0 30px; }
    .main .reviewSection .reviewBox .item .imgBox{ height: 19vw; }
    .main .reviewSection .reviewBox .item .title{ margin-top: 10px; font-size: 18px; word-break: keep-all; }
    .main .reviewSection .reviewBox .item .content{ margin-top: 10px; }
    .main .reviewSection .reviewBox .item .content br{ display: none; }

    .main .reviewSection .circle{ width: 50vw; }
    .main .reviewSection .circle.circle1{ left: -25vw; }
    .main .reviewSection .circle.circle2{ right: -25vw; }
}
@media screen and (max-width: 1250px) {  
    .main .reviewSection .reviewBox .item .imgBox{ height: 29vw; }
}
@media screen and (max-width: 650px) {  
    .main .reviewSection{ padding: 50px 0; }
    .main .reviewSection .reviewBox{ padding: 0; }
    .main .reviewSection .reviewBox .slideBtnDiv{ display: none; }
    .main .reviewSection .reviewBox .item .imgBox{ height: 61vw; }
    .main .reviewSection .reviewBox .item .content{ font-size: 14px; }
    .main .reviewSection .reviewBox .item{ padding: 20px 10px; }

    .main .reviewSection .circle{ width: 80vw; }
    .main .reviewSection .circle.circle1{ left: -60vw; }
    .main .reviewSection .circle.circle2{ right: -60vw; }
}

/* .main .priceSection */
.main .priceSection{ position: relative; overflow: hidden; padding: 100px 0; background-image: url('../img/main/priceSection/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .priceSection .mainTitleBox{ color: #fff; }
.main .priceSection .mainTitleBox .underline{ background: linear-gradient(to top, rgba(255, 255, 255, .1) 50%, transparent 50%); }
.main .priceSection .tableBox{ font-size: 20px; font-weight: 700; margin-top: 30px; text-align: center; color: #fff; border-radius: 20px; overflow: hidden; }
.main .priceSection .tableBox > li{ display: flex; border-bottom: 2px solid #00265C; }
.main .priceSection .tableBox > li .box{ padding: 20px 10px; }
.main .priceSection .tableBox > li .box .moBr{ display: none; }
.main .priceSection .tableBox > li .box1{ width: 50%; }
.main .priceSection .tableBox > li .box2{ width: 50%; border-left: 2px solid #00265C; }
.main .priceSection .tableBox > li .box3{ width: 100%; }
.main .priceSection .tableBox > li .title{ background-color: #00265C;  }
.main .priceSection .tableBox > li .content{ font-size: 1.2em; background-color: rgba(33, 58, 119, .9); }
.main .priceSection .tableBox > li .box3{ font-size: 1em; }
.main .priceSection .tableBox > li .yello{ border-bottom: 4px solid #FAB729; color: #FAB729; }
.main .priceSection .halfBox{ margin-top: 20px; display: flex; flex-wrap: wrap; }
.main .priceSection .halfBox > div{ padding: 10px; width: calc(100% / 2); }
.main .priceSection .halfBox .leftBox{ background-color: #fff; border-radius: 10px; font-size: 20px; padding: 24px 30px; }
.main .priceSection .halfBox .leftBox .checkBox{ line-height: 1.5em; display: flex; align-items: flex-start; gap: 10px; }
.main .priceSection .halfBox .leftBox .checkBox .icon{ flex-shrink: 0; margin-top: 4px; }
.main .priceSection .halfBox .leftBox .checkBox b{ font-weight: 700; }
.main .priceSection .halfBox .leftBox .checkBox + .checkBox{ margin-top: 10px; }
.main .priceSection .halfBox .rightBox{ display: flex; align-items: center; justify-content: flex-start; }
.main .priceSection .halfBox .rightBox .imgBox{ max-width: 100%; width: 60%; }
.main .priceSection .halfBox .rightBox .imgText{ margin-left: -2px; padding: 20px; flex-grow: 1; border-radius: 0 114px 114px 0; line-height: 1.5em; font-size: 24px; font-weight: 700; color: #fff; background-color: #222; }
.main .priceSection .halfBox .rightBox .imgText .yello{ color: #FAB729; }

@media screen and (max-width: 1250px) {  
    .main .priceSection .tableBox{ font-size: 18px; }
    .main .priceSection .halfBox .leftBox{ font-size: 16px; padding: 20px; }
    .main .priceSection .halfBox .rightBox .imgText{ font-size: 18px; text-align: center; }
}
@media screen and (max-width: 950px) {  
    .main .priceSection .halfBox{ flex-direction: column; gap: 10px; }
    .main .priceSection .halfBox > div{ padding: 0; width: 100%; }
    .main .priceSection .halfBox .leftBox .checkBox { word-break: keep-all; }
    .main .priceSection .halfBox .leftBox .checkBox br{ display: none; }
}
@media screen and (max-width: 650px) {  
    .main .priceSection{ padding: 50px 0; }
    .main .priceSection .tableBox{ font-size: 14px; }

    .main .priceSection .tableBox > li .box{ word-break: keep-all; padding: 10px; }
    .main .priceSection .tableBox > li .box .moBr{ display: inline-block; }

    .main .priceSection .halfBox .leftBox{ font-size: 14px; }
    .main .priceSection .halfBox .leftBox .checkBox{ gap: 5px; }
    .main .priceSection .halfBox .leftBox .checkBox .icon{ width: 14px; }

    .main .priceSection .halfBox .rightBox .imgText{ font-size: 14px; padding: 10px; padding-right: 8%; }
}

/* .main .qnaSection */
.main .qnaSection{ padding: 100px 0; position: relative; overflow: hidden; }
.main .qnaSection .quaList{ margin-top: 30px; }
.main .qnaSection .quaList > li + li{ margin-top: 20px; }
.main .qnaSection .quaList .qnaBox{ 
    background-repeat: no-repeat; background-position: left 16px top 16px; box-shadow: 5px 2px 18px 0px rgba(0, 0, 0, 0.15); 
    border-radius: 10px; padding: 15px; padding-left: 60px; line-height: 1.5em; display: flex; align-items: flex-start; justify-content: space-between; 
    gap: 10px; word-break: keep-all;
}
.main .qnaSection .quaList .qnaBox .arrowBox{ margin-top: 10px; flex-shrink: 0; background: transparent; border: none; }
.main .qnaSection .quaList .qnaBox .arrowBox .arrow{ display: block; transform: rotate(0); transition: transform .5s; }
.main .qnaSection .quaList .active .qnaBox .arrowBox .arrow{ transform: rotate(-180deg); }
.main .qnaSection .quaList .qnaBox .text{ flex-grow: 1; }
.main .qnaSection .quaList .qnaBox.qBox{ background-image: url('../img/main/qnaSection/q_icon.png'); cursor: pointer; font-size: 20px; }
.main .qnaSection .quaList .qnaBox.aBox{ display: none; margin-top: 10px; background-image: url('../img/main/qnaSection/a_icon.png'); color: #7f7f7f; }

@media screen and (max-width: 1250px) {  
    .main .qnaSection .quaList .qnaBox{ background-size: 20px; padding-left: 45px; } 
    .main .qnaSection .quaList .qnaBox.qBox{ font-size: 18px; }
}
@media screen and (max-width: 650px) {  
    .main .qnaSection .quaList .qnaBox.qBox{ font-size: 16px; }
    .main .qnaSection .quaList .qnaBox .arrowBox{ margin-top: 5px; }
    .main .qnaSection .quaList .qnaBox .arrowBox .arrow{ width: 15px;  }
    .main .qnaSection .quaList .qnaBox{ word-break: keep-all; }
    .main .qnaSection .quaList .qnaBox br{ display: none; }
}

/* .main .applySection */
.main .applySection{ padding: 100px 0; background-color: #00589A; background-image: url('../img/main/applySection/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .applySection .applyTitle{ color: #fff; text-align: center; font-size: 46px; font-weight: 500; }
.main .applySection .applyTitle br{ display: none; }
.main .applySection .applyContent{ word-break: keep-all; margin-top: 10px; text-align: center; color: #fff; }
.main .applySection .applyWrap{ margin: 20px auto 0 auto; width: 100%; max-width: 500px; }
.main .applySection .applyWrap .telBox{ padding: 30px 20px; border-radius: 20px; box-shadow: 8px 10px 4px 0px rgba(0, 0, 0, 0.25); background-color: #fff; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 24px; font-weight: 700; color: #213A77; }
.main .applySection .applyWrap .whiteBox{ background-color: #fff; margin-top: 30px; padding: 30px 50px; border-radius: 20px; box-shadow: 8px 10px 4px 0px rgba(0, 0, 0, 0.25); } 
.main .applySection .applyWrap .submitBtn{ display: block; margin: 30px auto 0 auto; width: 100%; border: none; max-width: 280px; padding: 18px 10px; border-radius: 10px; background-color: #004099; color: #fff;  }


@media screen and (max-width: 1250px) {  
    .main .applySection .applyTitle{ font-size: 30px; }
}
@media screen and (max-width: 650px) {  
    .main .applySection{ padding: 50px 0; }
    .main .applySection .applyTitle{ font-size: 20px; }
    .main .applySection .applyWrap .telBox{ padding: 15px 10px; font-size: 20px; border-radius: 5px; }
    .main .applySection .applyWrap .whiteBox{ border-radius: 5px; padding: 20px 10px; margin-top: 10px; }
    .main .applySection .applyWrap .submitBtn{ padding: 10px; max-width: unset; }
}

/* .bottomApplySection */
.bottomApplySection{ transition: bottom .5s; font-family: "Paperlogy"; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; background-color: #004099; padding: 16px 0; }
.bottomApplySection .inner{ position: relative; display: flex; align-items: center; gap: 10px; justify-content: space-between; }
.bottomApplySection .showHideBtn{ background: #004099; position: absolute; right: calc(100% + 60px); border: 2px solid #FFF; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.bottomApplySection .showHideBtn .icon{ display: block; transform: rotate(180deg); }
.bottomApplySection .telBox{ font-size: 18px; display: flex; align-items: center; gap: 10px; color: #fff; }
.bottomApplySection .telBox .number{ font-size: 2.5em; font-weight: 600; }
.bottomApplySection .iptDiv{ position: relative; display: flex; gap: 10px; align-items: center; }
.bottomApplySection .agreeCheckDiv{ color: #fff; }
.bottomApplySection .agreeCheckDiv label{ cursor: pointer; }
.bottomApplySection .agreeCheckDiv label input[type="checkbox"] + .textBox::before{ margin-top: 2px; border: 1px solid #fff; }
.bottomApplySection .agreeCheckDiv label input[type="checkbox"]:checked + .textBox::before{ background: transparent; background-size: 70%; background-repeat: no-repeat; background-position: center; background-image: url('../img/bottomApplySection/white_checkIcon.png'); }
.bottomApplySection .ipt::placeholder{ color: #7F7F7F; }
.bottomApplySection .submitBtn{ padding: 12px 20px; color: #fff; background-color: #00265C; flex-shrink: 0; border: none; margin-bottom: 30px; }

.bottomApplySection.hide{ bottom: -120px; }
.bottomApplySection.hide .showHideBtn{ top: -100px; }
.bottomApplySection.hide .showHideBtn .icon{ display: block; transform: rotate(0); }
.bottomApplySection.bottom{ display: none; }

.bottomApplySection .iptDiv .bubble{ position: absolute; right: 0; bottom: calc(100% + 10px); font-size: 14px; padding: 5px 15px; border-radius: 5px; background-color: #FAB729; }
.bottomApplySection .iptDiv .bubble:before{ content:''; display: block; position: absolute; width: 6px; height: 6px; bottom: -3px; background-color: #FAB729; transform: rotate(45deg); }

@media screen and (max-width: 1500px) { 
    .bottomApplySection .inner{ padding-left: 70px; }
    .bottomApplySection.hide .showHideBtn{ top: 0; }
    .bottomApplySection .logo{ flex-shrink: 0; width: 120px; }
    .bottomApplySection .showHideBtn{ left: 10px; }
    .bottomApplySection .telBox{ flex-shrink: 0; gap:2px; flex-direction: column; align-items: center; justify-content: center; font-size: 16px; }  
    .bottomApplySection .telBox .text br{ display: none; }
}
@media screen and (max-width: 1250px) { 
    .bottomApplySection .inner{ flex-wrap: wrap; justify-content: center; padding-left: 10px; }
    .bottomApplySection .submitBtn{ margin-bottom: 0; width: 100%; }
    .bottomApplySection .formDiv{ width: 100%; }

    .bottomApplySection{ bottom: -85px; }
    .bottomApplySection .showHideBtn{ top: 0; }


    .bottomApplySection.hide{ bottom: 0; }

    .bottomApplySection .showHideBtn .icon{ transform: rotate(0deg); }
    .bottomApplySection.hide .showHideBtn .icon{ transform: rotate(180deg); }

    .bottomApplySection .logo{ order: 1; }
    .bottomApplySection .telBox{ order: 2; }
    .bottomApplySection .formDiv{ padding-left: 55px; }

    .bottomApplySection .iptDiv .bubble{ right: calc(30% - 167px); }
}
@media screen and (max-width: 650px) { 
    .bottomApplySection{ bottom: -63px; }
    .bottomApplySection .formDiv{ padding-left: 0; }
    .bottomApplySection .iptDiv{ font-size: 14px; }
    .bottomApplySection .iptDiv .ipt{ padding: 5px; }
    .bottomApplySection .logo{ width: 80px; }
    .bottomApplySection .telBox .number{ font-size: 1.5em;} 
    .bottomApplySection .showHideBtn{ top: 41px; width: 30px; height: 30px; }
    .bottomApplySection .showHideBtn .icon{ width: 50%; }
    .bottomApplySection .submitBtn{ padding: 7px 10px; position: absolute; right: 10px; width: calc(100% - 212px); top: 42px; }
    .bottomApplySection.hide .showHideBtn{ top: 42px; }
    .bottomApplySection .agreeCheckDiv label input[type="checkbox"] + .textBox{ padding: 10px 0; padding-left: 38px; }

    .bottomApplySection .iptDiv .bubble{ right: 0; font-size: 13px; }
    .bottomApplySection .iptDiv .bubble:before{ right: 10px; }
}

/* .sec_top */
.sec_top{ padding-top: 65px; }

@media screen and (max-width: 1100px) { 
    .sec_top{ padding-top: 114px; }
}
@media screen and (max-width: 650px) { 
    .sec_top{ padding-top: 85px; }
}