@charset 'utf-8';
/*서브비주얼*/
.sub-visual-wrap {
    width: 100%;
    height: 100vh;
}
.sub-visual {
    width: 100%;
    height: 60%;
    text-align: center;
}
.sub-visual-inner {
    width: 100%;
    height: 100%;
    background-image: url('../images/sub_bg1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.sub-visual-inner h2 {color: #fff;}
.sub-visual-txt {
    padding: 50px 7% 0;
    font-size: 1.3em;
    color: #fff;
    font-family: 'Pretendard-Regular', 'sans-serif';
}
.sub-visual-txt::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 40%;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 90px;
    margin-bottom: -40px;
    overflow: hidden;
    background-color: #1e4eff;
}
.sub-visual-bottom {text-align: center; overflow: hidden;}
.sub-visual-bottom h3 {
    padding-bottom: 30px;
    font-weight: 400;
    color: #1e4eff;
}

/*서브1*/
.sub-pg1-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.sub-pg1-blue {
    position: relative;
    width: 100%;
    height: 100%;
}
.sub-blue-inner {height: 100%; overflow: hidden;}
.sub-blue-inner::after {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 6px;
    transform: skewX(-30deg);
    overflow: hidden;
    background-color: #1e4eff;
}
.sub-blue-inner h3 {color: #1e4eff;}
.sub-pg1-green {
    position: relative;
    width: 100%;
    height: 100%;
}
.sub-green-inner {height: 100%; overflow: hidden;}
.sub-green-inner::after {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 6px;
    transform: skewX(-30deg);
    overflow: hidden;
    background-color: #005c16;
}
.sub-green-inner h3 {color: #005c16;}
.sub-green-txt {padding-bottom: 10px;}
.sub-pg1-red {
    position: relative;
    width: 100%;
    height: 100%;
}
.sub-red-inner {height: 100%; overflow: hidden;}
.sub-red-inner::after {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 6px;
    transform: skewX(-30deg);
    overflow: hidden;
    background-color: #d90000;
}
.sub-red-inner h3 {color: #d90000;}
/*서브2*/
.sub-pg2-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.sub-pg2-circle-wrap {
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
}
.sub-bule-circle {
    height: 400px;
    background-image: url('../images/sub_BE.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.sub-circle-inner {width: 100%;}
.sub-circle-inner h2{
    padding: 120px 0 10px;
    font-size: 2.5em;
}
.sub-circle-txt {
    padding: 20px 0 0;
    font-size: 1.1em;
}
.sub-green-circle {
    height: 400px;
    background-image: url('../images/sub_GE.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.sub-red-circle {
    height: 400px;
    background-image: url('../images/sub_RE.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.sub-pg2-outh2 {
    font-size: 2em;
    font-weight: 700;
}

/*서브3*/
/*swiper*/
:root {--swiper-theme-color: #fff;}
.swiper-pagination {left:47%; bottom: 10px;}
.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 10px;
    background-color: #d90000; opacity: .5;
}
.swiper-pagination-bullet-active {opacity: 1;}
.sub-pg3-wrap {
    position: relative;
    top: 0;
    height: 100%;
}
.sub-pg3-tit {
    width: 200px;
    position: absolute;
    left: 122px;
    height: 200px;
    background-image: url('../images/sub_RE2.png');
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.sub-pg3-tit h2 {padding-top: 80px;}
.sub-pg3-inwrap {
    position: relative;
    width: 100%;
    height: 700px;
    overflow: hidden;
}
.sub-pg3-inner {
    position: absolute;
    height: 800px;
    overflow: hidden;
}
.sub-pg3-li1, .sub-pg3-li3, .sub-pg3-li5 {
    display: block;
    margin-top: 250px;
    margin-right: 25px;
    width: 35%;
    max-width: 430px;
    height: 350px;
    padding: 36px;
}
.sub-pg3-li2 {
    display: block;
    margin-top: -10px;
    margin-right: 25px;
    width: 35%;
    max-width: 430px;
    height: 350px;
    padding: 36px;
}
.sub-pg3-li4 {
    display: block;
    margin-top: 18px;
    margin-right: 25px;
    width: 35%;
    max-width: 430px;
    height: 350px;
    padding: 36px;
}
.sub-pg3-li6 {
    display: block;
    margin-top: -8px;
    margin-right: 25px;
    width: 35%;
    height: 350px;
    padding: 36px;
    max-width: 500px;
}
.sub-pg3-icon1::after, .sub-pg3-icon3::after, .sub-pg3-icon5::after {
    content: '';
    display: block;
    position: absolute;
    top: 80px;
    left: 122px;
    height: 2px;
    overflow: hidden;
    background-color: #ccc;
}
.sub-pg3-icon2::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 10px;
    left: 122px;
    height: 2px;
    overflow: hidden;
    background-color: #ccc;
}
.sub-pg3-icon4::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 35px;
    left: 122px;
    height: 2px;
    overflow: hidden;
    background-color: #ccc;
}
.sub-pg3-icon6::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 12px;
    left: 122px;
    height: 2px;
    overflow: hidden;
    background-color: #ccc;
}
.sub-pg3-li1 .sub-pg3-txtbox, .sub-pg3-li3 .sub-pg3-txtbox, .sub-pg3-li5 .sub-pg3-txtbox {padding-top: 10px;padding-left: 30px;}
.sub-pg3-li1 .sub-pg3-txtbox h3, .sub-pg3-li3 .sub-pg3-txtbox h3, .sub-pg3-li5 .sub-pg3-txtbox h3 {padding-bottom: 20px;}
.sub-pg3-li1 .sub-pg3-txtbox h4, .sub-pg3-li3 .sub-pg3-txtbox h4, .sub-pg3-li5 .sub-pg3-txtbox h4 {padding-bottom: 20px;}
.sub-pg3-li2 .sub-pg3-txtbox, .sub-pg3-li4 .sub-pg3-txtbox, .sub-pg3-li6 .sub-pg3-txtbox {padding-bottom: 10px;padding-left: 30px;}
.sub-pg3-li2 .sub-pg3-txtbox h3, .sub-pg3-li4 .sub-pg3-txtbox h3, .sub-pg3-li6 .sub-pg3-txtbox h3 {padding-top: 20px;}
.sub-pg3-li2 .sub-pg3-txtbox h4, .sub-pg3-li4 .sub-pg3-txtbox h4, .sub-pg3-li6 .sub-pg3-txtbox h4 {padding-bottom: 20px;}
.sub-pg3-list {width: 100%;}
.sub-pg3-icon1 {width:87px; height: 87px;background-image: url('../images/sub_icon1.png');}
.sub-pg3-icon2 {width:87px; height: 87px;background-image: url('../images/sub_icon2.png');}
.sub-pg3-icon3 {width:87px; height: 87px;background-image: url('../images/sub_icon3.png');}
.sub-pg3-icon4 {width:87px; height: 87px;background-image: url('../images/sub_icon4.png');}
.sub-pg3-icon5 {width:87px; height: 87px;background-image: url('../images/sub_icon5.png');}
.sub-pg3-icon6 {width:87px; height: 87px;background-image: url('../images/sub_icon6.png');}
.sub-pg3-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 214px;
    background-image: url('../images/SAMYANG.png');
    background-repeat: no-repeat;
    background-position: right;
}
/*서브4*/
.sub-pg4-wrap {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
}
.sub-pg4-left {
    width: 100%;
    height: 100%;
}
.sub-pg4-gre {
    width: 100%;
    height: 50%;
    text-align: center;
}
.sub-pg4-gre h2 {font-weight: 400;}
.sub-pg4-gre .btn-wh {border-color: #000;color: #000; padding-right: 40px;}
.sub-pg4-gre .btn-wh::after {border-color: #000;}
.sub-pg4-gre .btn-wh::before {background-color: #000;}
.sub-pg4-global {
    width: 100%;
    height: 50%;
    background-image: url('../images/sub_pg5.jpg');
    background-size: cover;
    text-align: center;
}
.sub-pg4-global h2 {
    font-weight: 400;
    color: #fff;
}
.sub-pg4-gtxt1 {color: #fff;}
.sub-pg4-right {
    float: right;
    width: 100%;
    height: 100%;
    background-image: url('../images/sub_pg4.jpg');
    background-size: cover;
}
.sub-pg4-history {color: #fff;}
.sub-pg4-history h2 {
    font-weight: 400;
    color: #fff;
}
.sub-pg4-global .btn-wh {padding-right: 40px;}