.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:900; }
.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:900; 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; }

@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:80px;}
    .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:70px;}
    .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:90px; }
.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 .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; }
}

/*:*:*:*:*:*:*:*:*:*: 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;}

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

@media screen and (max-width:767px){
    .footer { padding:70px 0; }
    .fixed-box { display:none; right:10px; }
}