.header { height:80px; background:#2A3663; }
.header .layout-df { display:flex; align-items: center; justify-content:center; flex:1; height: 100%; }
.header .logo { position: absolute; left:0; }
.header .logo .logo-img img:first-child{display:inline;}
.header .logo .logo-img img:last-child{display:none;}
.header .glb-lang { position: absolute; right: 0; background:#fff; }
.nav .nav-list { display:flex; align-items: center; gap:0 34px; }
.nav .nav-menu { display:block; color:#fff; font-size:16px;}
.header .glb-lang { display:flex; align-items:center; justify-content:center; gap:0 4px; width:72px; height:32px; border-radius:32px; }
.header .glb-lang .lang-txt { font-size:16px; line-height:22px;}

.header.fixed { position: fixed;top:0; left:0; width:100%; z-index:3; background:#fff; }
.header.fixed .nav .nav-menu  { color:#212121; }
.header.fixed .logo .logo-img img:last-child{display:block;}
.header.fixed .logo .logo-img img:first-child{display:none;}
.header.fixed .glb-lang { border:1px solid #eee; }

/*:*:*:*:*:*:*:*:*:*: common :*:*:*:*:*::*:*:*:*/
.layout-df { position: relative; max-width: 1150px; margin:0 auto; }
.sect-tt { position: relative; display:inline-block; font-size:24px; font-weight:700; }
.sect-tt span { position:relative;z-index:2;}
.sect-tt:before { content:"";  position: absolute; left: 0; bottom: 0.1em; width: 100%; height: 30%; background-color:#ffa000; z-index:1; }
.sect-summary { display:block; font-size:40px; font-weight:700; line-height:50px; }
.sect-summary i { font-style:normal; color:#ffa000; }

.pc-br{display:block;}
.mb-br{display:none;}
.pc-img{display:inline !important;}
.m-img { display:none !important; }
.invalid { border-color:#ef4444 !important; outline: none; }
.error-msg { font-size:12px; color:#ef4444; margin-top:4px; }
@media screen and (max-width:1150px) {
    .header{ padding:0 20px;}
    .layout-df{ padding:0 20px;}
}

@media screen and (max-width:767px) {
    .header{ padding:0 20px; height:58px;}
    .nav {display:none;}

    .header .glb-lang { display:flex; align-items:center; justify-content:center; gap:0 4px; width:24px; height:24px; background:transparent url("../images/ic_glb_earth_w.svg") no-repeat;}
    .header .glb-lang .lang-txt { display:none;}
    .header .glb-lang img { display:none;}
    .header.fixed .glb-lang { background-image:url("../images/ic_glb_earth_b.svg"); }
    .pc-br{display:none;}
    .mb-br{display:block;}
    .pc-img{display:none !important;}
    .m-img { display:inline !important; }
    .sect-tt { display:block; text-align:center;}
}


/*:*:*:*:*:*:*:*:*:*: section01 :*:*:*:*:*::*:*:*:*/
.section01 { height:calc(100vh - 80px); overflow: hidden; background:#2A3663 url('../images/sect01_bg01.png')repeat-x bottom center; }
.section01 .layout-df { height:100%; }
.pos-img-box { position:absolute; }
.pos-img-box.box01 { top:auto; left:74px; bottom:-7px; z-index:2; }
.pos-img-box.box02 { top:auto; left:50%; bottom:-5px; transform: translateX(-50%); z-index:1; }
.sect01-msg-box { padding-top:68px; }
.sect01-msg-box .sect01-main-txt { font-size:40px; font-weight:700; color:#fff; text-align:center; line-height: 80px; }
.sect01-msg-box .sect01-main-txt i { font-style:normal; color:#ffa000; }
.agent-box { display:flex; align-items: center; justify-content: center; gap: 0 16px; padding-top:20px;}
.agent-box .agent-type { display:inline-flex; align-items:center; justify-content:center; gap:0 8px; width:150px; height: 44px; background:#fff; border-radius:8px;}
.agent-box .agent-type .text{font-size:16px; letter-spacing:-0.8px; }

@media screen and (max-width:1920px){
    .pos-img-box.box02 img{ max-width:465px;}
}

@media screen and (max-width:1150px) {
    .pos-img-box.box02 img { max-width:400px;}
}

@media screen and (max-width:767px){
    .section01 { height:calc(100vh - 58px); background-size:auto 100%; }
    .pos-img-box.box01 { left:0; }

    .sect01-msg-box { padding-top:53px; }
    .sect01-msg-box .sect01-main-txt { font-size:30px;line-height:38px;}

    .section01 .agent-box { flex-direction:column; gap:14px; }
    .section01 .agent-box .agent-type { display:flex; }
}

@media screen and (max-height:740px){
    
}

/*:*:*:*:*:*:*:*:*:*: section02 :*:*:*:*:*::*:*:*:*:*/
.section02 { padding:120px 0;}

.section02 .sect-tt { margin:0 0 60px 22px; }
.article { display:flex; align-items:stretch; justify-content: space-between; margin-top:100px; }
.article:nth-of-type(1) { margin-top:0; }
.article .art-title { font-size:40px; font-weight:700; line-height:50px; letter-spacing:-1px; }
.article .art-title i { font-style:normal; color:#ffa000; }

.article .art-info { display:flex; justify-content:center; flex-direction:column; flex:1;}
.article .art-info .text { padding-top:80px; font-size:16px; font-weight:600; line-height:26px; }


.article.art-box02 { flex-direction: row-reverse }
.article.art-box02 .art-info { padding-left:50px; }


@media screen and (max-width:1150px){
    .section02{ padding:50px 0; }
    .section02 .sect-tt { margin:0 auto 50px; width:88px;}
    .article{ flex-direction:column-reverse; margin-top:60px;}
    .article .art-title { margin-top:30px; font-size:22px; line-height:28px; text-align:center; }
    .article .art-info .text { padding-top:20px; margin-top:20px; border-top:1px solid #eee; text-align:center; letter-spacing:-0.8px; line-height:20px; }

    .article.art-box02 { flex-direction:column-reverse;}
    .article.art-box02 .art-info { padding-left:0; }
    .article .art-info{display:block;}
}

/*:*:*:*:*:*:*:*:*:*: section03 :*:*:*:*:*::*:*:*:*:*/
.section03 {padding:120px 0; background:#EFF4F9;}
.section03 .sect-summary {margin-top:50px;}

.thumb-box { margin-top:60px;  }
.thumb-box .thumb-inner{ display:flex; gap:0 20px; }
.thumb-box .thumb-tt { padding-top:40px; font-size:30px; color:#ffa000; font-weight:700; line-height:50px; }
.thumb-box .thumb-summary { padding-top:20px; font-size:18px; color:#424242; font-weight:600; line-height:26px; }


@media screen and (max-width:1150px){
    .section03 {padding:50px 0;}
    .section03 .layout-df { padding:0; }
    .section03 .sect-tt { display:block; margin:0 auto; width:88px;}
    .section03 .sect-summary { margin-top:30px; font-size:22px; line-height:28px; text-align:center; }
    .thumb-box { margin-top:30px; overflow-x:auto; -ms-overflow-style: none;  /* IE, Edge */
        scrollbar-width: none;     /* Firefox */}
    .thumb-box::-webkit-scrollbar {
        display: none;             /* Chrome, Safari */
    }
    .thumb-box .thumb-inner { display:flex; gap:0 20px; width:max-content; padding:0 20px; }
    .art-thumb-box { max-width:282px; }
    .thumb-box .thumb-tt { font-size:20px; line-height:24px; }
    .thumb-box .thumb-summary { padding-top:20px; font-size:16px; line-height:20px; }
}

/*:*:*:*:*:*:*:*:*:*: section04 :*:*:*:*:*::*:*:*:*:*/
.section04 {padding:120px 0; }
.section04 .layout-df { display:flex; align-items:stretch; justify-content:space-between; }
.section04 .layout-df .info-box { display:flex;  justify-content:center; flex-direction:column; }
.section04 .layout-df .sect-tt { display:inline-flex; margin-bottom:50px; }
.section04 .layout-df .sect-tt:before { width:66px; }
.section04 .sect-summary { padding-bottom:20px; font-size:40px; font-weight:700; line-height:50px; color:#ffa000; }
.section04 .text { font-size:18px; color:#424242; font-weight:600; line-height:26px; }

@media screen and (max-width:1150px){
    .section04 { padding:50px 0; }
    .section04 .layout-df {display:block; text-align:center; }
    .section04 .layout-df .sect-tt { margin:0 auto 30px;}
    .section04 .layout-df .sect-tt:before { width:100%; }

    .section04 .sect-summary { padding-bottom:30px; font-size:22px; line-height:28px; text-align:center; }
    .section04 .text { padding-bottom:30px; font-size:16px; line-height:20px; text-align:center; }
}

/*:*:*:*:*:*:*:*:*:*: section05 :*:*:*:*:*::*:*:*:*:*/
.section05 { height:900px; background:url('../images/sect05_img01.png')no-repeat center bottom; }
.section05 .layout-df { display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; }
.section05 .sect-summary { padding-top:30px; font-size:40px; font-weight:700; line-height:50px; letter-spacing:-1px; color:#fff; text-align:center; }
.section05 .agent-box { padding-top:50px;}

@media screen and (min-width:1921px){
    .section05 { background-size:cover;}
}

@media screen and (max-width:767px){
    .section05 { height:468px; background-size:auto 100%; }
    .section05 .sect05-logo { width: 70px; }
    .section05 .sect-summary { font-size:24px; line-height:34px; }
    .section05 .agent-box { padding-top:40px; }
}

/*:*:*:*:*:*:*:*:*:*: section06 :*:*:*:*:*::*:*:*:*:*/
.section06 { padding:120px 0; }
.section06 .layout-df { display:flex; align-items:center; justify-content:space-between; }
.section06 .iq-title { display:block; padding-top:50px; font-size:40px; font-weight:700; line-height:50px; color:#ffa000; }
.section06 .iq-summary { padding-top:20px; font-size:18px; font-weight:600; color:#212121; line-height:26px; }
.section06 .form-inquiry { width:380px; }
.section06 .btn-inquiry-submit { width:100%; height:50px; font-size:14px; font-weight:600; background:#ffa000; color:#fff; border-radius:8px; }
.section06 .textarea-number { padding-top:6px; font-size: 13px; line-height: 16px; color: #BDBDBD; text-align:right; }
.section06 .iq-info { padding-top:60px; }
.section06 .iq-info .iq-ic-info { display:flex; align-items:center; gap:0 10px; padding-top:20px;}
.section06 .iq-info .iq-ic-info:first-child  { padding-top:0; }
.section06 .iq-info .iq-ic-info span { font-size:16px; line-height:22px; color:#212121; }
.section06 .form-inquiry .row { padding-top:16px;}
.section06 .form-inquiry .row:first-child { padding-top:0;}
.section06 .form-inquiry .phone-input-box { display:flex; align-items:center;}
.section06 .form-inquiry .phone-input-box .select-st01 { width:100px; border-right:0; border-top-right-radius:0; border-bottom-right-radius:0;  }
.section06 .form-inquiry .phone-input-box .input-st01 { width:calc(100% - 100px); border-left:0; border-top-left-radius:0; border-bottom-left-radius:0;  }
.section06 .btn-only-text { font-size:16px; color:#9e9e9e; }
.section06 .btn-only-text b { font-weight:700; text-decoration:underline; }

.textarea-st01 { width:100%; height:150px; padding:10px; color:#212121; line-height:1.4; border:1px solid #eee; border-radius:8px; }
.input-st01 { width:100%; height:50px; padding:0 10px; color:#212121; line-height:1.4; border:1px solid #eee; border-radius:8px; resize:none; }
.select-st01 { width:100%; height:50px; padding:0 10px; font-size:16px; color:#bdbdbd; line-height:1.4; border:1px solid #eee; border-radius:8px; appearance: none; background:url("../images/ic_select_arrow.svg") no-repeat  center right 12px; }
.select-st01.active { color:#212121;}

.input-check {
    width: 24px;
    height: 24px;
    background: url("../images/check_off_24.svg") no-repeat;
}
.input-check:checked {
    width: 24px;
    height: 24px;
    background: url("../images/check_on_24.svg") no-repeat;
}

.label-agree { display:inline-block; vertical-align:middle; }
@media screen and (max-width:1150px){
    .section06 { padding:50px 0; }
    .section06 .layout-df { display:block; }
    .section06 .left{text-align:center;}
    .section06 .sect-tt { display:inline-block; }
    .section06 .iq-title { padding-top:30px; font-size:22px; line-height:28px; }
    .section06 .iq-info .iq-ic-info { justify-content:center; }
    .section06 .iq-summary { padding-top:30px; font-size:16px; line-height:20px; }

    .section06 .form-inquiry{ margin:40px auto 0;}
}


@media screen and (max-width:767px){
    .section06 .form-inquiry{ width:100%;}
}

::placeholder { font-size:16px; color:#bdbdbd; line-height:22px; letter-spacing: -0.3px; }

.modal-wrap { display:none; position:fixed; top:0; left:0; width:100%; height:100dvh; background:rgba(0,0,0,0.5); }
.modal-wrap .btn-close-b{ width:24px; height:24px; background:url('../images/ic_md_close.svg') no-repeat; }
.modal-wrap.open { display:flex; }
.modal-wrap.modal-agree { align-items:center; justify-content:center; }
.modal-wrap .inner { max-width:375px; background:#fff; padding:18px 20px 20px; border-radius:8px; }
.modal-wrap .modal-head { display:flex; align-items: center; justify-content:space-between; }
.modal-wrap .modal-head .title { font-size:16px; font-weight:600; line-height:22px; color:#212121; }
.modal-agree .agree-content { padding-top:26px; font-size:14px; color:#212121; line-height:20px; letter-spacing: -0.3px; }{}
.modal-agree .agree-content .title { padding-top:20px;}
.modal-agree .agree-content .title:first-child { padding-top:0; }
.modal-agree .agree-content .summary{ padding-top:5px; }
/*:*:*:*:*:*:*:*:*:*: footer :*:*:*:*:*::*:*:*:*:*/
.footer{ padding:72px 0; background:#424242; }
.footer .ft-link-list { display:flex; align-items:center; gap:0 13px; padding:20px 0 14px; }
.footer .linked {display:block; font-size:13px; color:#9e9e9e; line-height:16px;}
.footer .linked b { font-weight:700; }
.footer .company-info { margin-top:20px; font-size:10px; font-weight:500; line-height:14px; color:#9e9e9e; }

.fixed-box { position:fixed; top:auto; left:auto; right:250px; bottom:50px; z-index: 2; }
.fixed-box .fixed-item { display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:60px;background:#ffa000; }
.fixed-box .fixed-item:last-child{margin-top:12px;}

.message-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.5);
}
.message-box .inner {
    width: 95%;
    max-width: 320px;
    padding: 24px;
    border-radius: 8px;
    background: #fff;
}
.message-box .inner .msg-content {
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    text-align: center;
    line-height: 1;
}
.message-box .inner .msg-foot {
    padding-top: 24px;
    text-align: center;
}
.message-box .inner .msg-foot .btn-text-submit{
    padding:10px 20px;
    background:#ffa000;
    color:#fff;
    font-size:14px;
    border-radius: 8px;
}



@media screen and (max-width:1640px) {
    .fixed-box { right:10px; }
}


@media screen and (max-width:1150px){
    .fixed-box{right:10px;}
}

@media screen and (max-width:767px){
    .footer { padding:70px 0; }
    .modal-wrap.modal-agree { align-items: flex-end; }
    .modal-wrap.modal-agree .inner { width:100%; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
}