/* sub-common */
.sub-common{}
.sv-wrap{height: 300px; width: 100%; overflow: hidden;}
.sv-bg01{background: url(../img/sv-bg01.jpg) center center no-repeat; background-size: cover;}
.sv-bg02{background: url(../img/sv-bg02.jpg) center center no-repeat; background-size: cover;}
.sv-bg03{background: url(../img/sv-bg03.jpg) center center no-repeat; background-size: cover;}
.sv-bg04{background: url(../img/sv-bg04.jpg) center center no-repeat; background-size: cover;}
.sv-bg05{background: url(../img/sv-bg05.jpg) center center no-repeat; background-size: cover;}
.sv-bg06{background: url(../img/sv-bg06.jpg) center center no-repeat; background-size: cover;}
.sv-bg-greeting{background: url(../img/sv-bg-greeting.jpg) center center no-repeat; background-size: cover;}
.sv-wrap > p{font-size: 50px; line-height:1; letter-spacing:-0.05em; font-weight: 300; color: #fff; position: absolute; top: 50%; left: 50%; width: 1260px; margin-left: -630px; z-index: 1; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); text-align: center;}
.sv-wrap > p b{ font-weight: bold;}

.sub{padding: 80px 0; box-sizing:border-box;}
.sub.pb0{padding-bottom: 0;}
.lnb-wrap{width: 280px; margin-right: 80px; float: left;}
.lnb-wrap > h4{padding-bottom: 23px; margin-bottom: 25px; font-size: 28px; line-height:1; letter-spacing:-0.06em; font-weight: bold; color: #333; box-sizing:border-box; border-bottom: 2px solid #333;}
.sub-container{width: calc(100% - 360px); float: left;}
.lnb01{display: none; width: 100%;}
.lnb01 > li{}
.lnb01 > li > a{padding: 0 25px; font-size: 16px; line-height: 50px; letter-spacing:-0.05em; font-weight: 500; color: #222; box-sizing:border-box; position: relative; border-bottom: 1px solid #d5d5d5; display: block;}
.lnb01 > li.on > a{background: #1c5cb0; color: #fff;}
.lnb01 > li.on > a:after{width: 7px; height: 13px; top: 19px; right: 0; display: block; position: absolute; content:""; background: url(../img/lnb-arrow-on.png) center center no-repeat; background-size: cover;}
.lnb01 > li > a:hover{text-decoration: none !important;}
.lnb02{padding: 15px 0; width: 100%; box-sizing:border-box; background: #f7f7f7; border-bottom: 1px solid #d5d5d5;}
.lnb02 li{}
.lnb02 li a{padding: 0 25px; font-size: 15px; line-height:35px; letter-spacing:-0.05em; font-weight: 400; color: #777; box-sizing:border-box; display: block;}
.lnb02 li a:hover{text-decoration: none !important;}
.lnb02 li.on a{color: #222; font-weight: 500;}
.s-nav {padding-bottom: 55px; box-sizing: border-box;}
.s-nav > p {font-size: 35px; line-height: 1; letter-spacing: 0; font-weight: bold; color: #333; float: left;}
.s-nav .s-nav-in {margin-top: 20px; float: right; font-size: 0; text-align: right;}
.s-nav .s-nav-in a {margin-top: 2px; width: 13px; height: 12px; display: inline-block; vertical-align: top; }
.s-nav .s-nav-in i {margin: 0 10px; font-size: 14px; line-height: 1; letter-spacing: 0; font-weight: 300; color: #777; font-style: normal; display: inline-block; vertical-align: top;}
.s-nav .s-nav-in span {font-size: 14px; line-height: 1; letter-spacing: 0; font-weight: 300; color: #777; display: inline-block; vertical-align: top;}
.s-nav .s-nav-in b {font-size: 14px; line-height: 1; letter-spacing: 0; font-weight: 400; color: #222; display: inline-block; vertical-align: top;}
/* sub-common */ 

/* 수출지원 정보 */
.sup-new-txt{margin-bottom: 20px;}
.sup-new-txt p{margin-bottom: 10px; font-size: 24px; line-height:30px; letter-spacing:0; font-weight: 500; color: #333; vertical-align: middle;}
.sup-new-txt p > span{font-size: 14px; line-height:30px; letter-spacing:0; font-weight: 400; color: red; display: inline-block;}
.sup-new-txt span{font-size: 16px; line-height:24px; letter-spacing:0; font-weight: 400; color: #666; display: block; word-break:keep-all;}
.sup-area{}
.sup-box{width: 48%; margin: 4% 4% 0 0; box-sizing:border-box; float: left; overflow: hidden;}
.sup-box:nth-of-type(1){margin-top: 0;}
.sup-box:nth-of-type(2){margin-top: 0;}
.sup-box:nth-of-type(2n){margin-right: 0;}
.sup-box a{box-sizing:border-box; border: 1px solid #dbdbdb; display: block;}
.sup-box a .img_box{height: 215px; position: relative; display: block;}
.sup-box a .img_box > img{top: 50%; left: 50%; width: auto; max-width:100%; max-height:100%; z-index: 1; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.sup-box a .img_box > em.over{opacity:0; padding: 30px; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 2; background: url(../img/sub/ogran_over.png) center center no-repeat; background-size: cover; display: block; font-style: normal; box-sizing:border-box; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.sup-box a .img_box > em.over .over-txt{font-size: 18px; line-height:20px; letter-spacing:0; color: #fff; font-weight: 400; display: block; word-break: keep-all;}
.sup-box a .text_box{padding: 0 10px; margin: 0; font-size: 18px; height: 60px; line-height:60px; letter-spacing:0; font-weight: 400; color: #373737; background: #f5f5f5; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; text-align: center; display: block;}
.sup-box a:hover .img_box > em.over{opacity:1.0;}
/* 수출지원 정보 */

/* 온라인 강의자료 */
.licen04-wrap{}
.licen04-box{margin-bottom: 40px;}
.licen04-box:last-of-type{margin-bottom: 0;}
.media{width: 500px; margin-right: 40px; float: left;}
.media iframe{height: 300px; width: 100%; box-sizing:border-box; display: block;}
.media-info{width: 360px; float: left;}
.media-info h5{margin-bottom: 20px; font-size: 22px; line-height:32px; letter-spacing:-0.05em; font-weight: 500; color: #333;}
.media-info > ul{width: 100%;}
.media-info > ul > li{font-size: 20px; line-height:30px; letter-spacing:-0.05em; font-weight: 400; color: #444;}
.media-info > ul > li ol{padding: 0 30px; width: 100%; box-sizing:border-box;}
.media-info > ul > li ol li{font-size: 16px; letter-spacing:26px; letter-spacing:-0.05em; font-weight: 300; color: #666; word-break:keep-all;}
/* 온라인 강의자료 */

/* 챗봇 상담 */
.consulting02{width: 900px;}
.consulting02 > img{width: 100%; display: block;}
.consulting02_btn{bottom: 95px; left: 0; width: 100%; text-align: center; font-size: 0; position: absolute;}
.consulting02_btn a{width: 320px; height: 70px; margin-right: 15px; display: inline-block; vertical-align: top;}
.consulting02_btn a:last-of-type{margin-right: 0;}
.consulting02_btn a img{width: 100%; display: block;}
/* 챗봇 상담 */

/* 인사말 */
#greeting.greeting {}
#greeting.greeting .section-1 {}
#greeting.greeting .section-1 .img {
    float: right;
}

#greeting.greeting .section-1 .title {
    font-size: 1.75rem;
    line-height: 1.43;
    color: #333;
    margin-bottom: 1.3em;
    letter-spacing: -0.05em;
}

#greeting.greeting .section-1 .title .bold {
    font-weight: 700;
    color: #000;
}

#greeting.greeting .section-1 .title .blue {
    font-weight: 700;
    color: #1c5cb0;
}

#greeting.greeting .section-1 .sub-title {
    font-size: 1.25rem;
    line-height: 1.75;
    color: #333;
    margin-bottom: 2em;
    letter-spacing: -0.05em;
}

#greeting.greeting .section-1 .desc {
    font-size: 1.063rem;
    line-height: 1.88;
    color: #333;
    letter-spacing: -0.05em;
    word-break: keep-all;
    margin-bottom: 4em;
}

#greeting.greeting .section-1 .desc .bold {
    font-weight: 700;
    color: #000;
}

#greeting.greeting .section-1 .from {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1em;
    font-size: 1.25rem;
    color: #000;
    letter-spacing: -0.05em;
}
#greeting.greeting .section-1 .from .name {}
#greeting.greeting .section-1 .from .name .bold {
    font-weight: 700;
}
#greeting.greeting .section-1 .from .signature {}


/* 인사말 */