/* ======================== quantum ======================== */
/* ======================== quantum ======================== */
/* ======================== quantum ======================== */


/* 공통 상단 */

.quantumBg{ position: absolute; right: 0; top: 0;}

.quantumMain{ padding-top:263px; position: relative; padding-bottom: 170px;}
.quantumMain .dep2Tit{ display: inline-block; font-size: 21px; font-weight: 700; padding-top:12px; position: relative;}
.quantumMain .dep2Tit::before{ content: ''; display: block; width: 25px; height: 2px; background: #000; position: absolute; left: 0; top: 0;}
.quantumMain .dep3Tit{ font-size: 115px; font-weight: 800; line-height: 1.1; margin:65px 0 25px;}
.quantumMain .dep3Tit.kr{ font-weight: 700; line-height: 1.2;}
.quantumMain .soltxt{ font-size: 25px; font-weight: 500; padding-bottom: 80px;}

.quantumMain .needList{ position: absolute; left: 73.6%; bottom: 182px;}
.quantumMain .needList p{ font-size: 20px; font-weight: 500; margin-bottom: 15px;}
.quantumMain .needList li{ font-size: 18px; position: relative; padding-left: 14px;}
.quantumMain .needList li::before{ content: ''; display: block; width: 6px; height: 6px; background: #000; position: absolute; left: 0; top:11px;}

.recruitType.even{ margin: 0;}
/* .recruitType.even ul li{ max-width: calc( 25% - 27px );} */

.quantumMain .verticalTxt{ font-size: 16px; color:#cdcdcd; position: absolute; right: 0; bottom: 60px;writing-mode: tb-rl; transform: rotate(180deg);}


.quantum.applications{position: relative;}
.quantum.applications img{max-width: 100%;}
.quantum.applications .con > .title{font-size: 55px; font-weight: 700; text-align: center; padding: 185px 0 70px;}
.quantum.applications .con > .sub{font-size: 28px; font-weight: 700; color: #919191; text-align: center; margin: 62px 0 40px;}
.quantum.applications .con .list{display: flex; flex-wrap: wrap; font-size: 18px; position: relative; z-index: 1;}
.quantum.applications .con .list > li{background-color: #fff; width: calc(100%/3 - 19px); height: auto; border-radius: 15px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06); text-align: center; padding: 45px 0;}
.quantum.applications .con .list > li img{width: 54px; display: inline-block; margin-bottom: 20px;}
.quantum.applications .con .list > li:not(:last-child){margin-right: 28px;}


.quantum.applications .con1{display: flex; flex-wrap: wrap; justify-content: space-between; font-weight: 500; position: relative;}
.quantum.applications .con1 .text-box p{font-size: 50px; margin-top: 70px;}
.quantum.applications .con1 .text-box p em{color: #8bc341;}
.quantum.applications .con1 .text-box span{font-size: 20px; display: block; font-weight: 400; margin-top: 35px; color: rgba(0, 0, 0, 0.7);}

.quantum.applications .con1 .qstxt{position: absolute; bottom: -70px; right: 120px; font-family: 'Raleway'; font-style: italic; line-height: 141px; color: transparent; text-transform: capitalize; font-size: 120px; font-weight: 700; -webkit-text-stroke: 1px #cdcdcd; z-index: -1;}
.quantum.applications.computer .con1 .qstxt{font-size: 100px; bottom: -100px; right: 10px;}

.quantum.applications .con2{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; padding-bottom: 181px;}
.quantum.applications .con2 .left{position: relative; box-shadow: 5.3756px 5.3756px 15.0517px rgb(111 111 111 / 23%); border-radius: 20px; background-color: #FBFBFB; width: 42%; height: 100%; padding: 33px 47px; border-radius: 15px;}
.quantum.applications .con2 .left .appcon_bg{width: 100%; height: 100%; object-fit: cover;}
.quantum.applications .con2 .left .appcon{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.quantum.applications .con2 .right{width: calc(51.8% - 90px); padding-left: 90px;}
.quantum.applications .con2 .right > .tit{font-size: 35px; font-weight: 700; margin-bottom: 110px;}
.quantum.applications .con2 .right > ul{font-size: 18px;}
.quantum.applications .con2 .right > ul>li{ box-sizing: border-box; position: relative; margin-bottom: 25px; display: flex; flex-wrap: wrap;}
.quantum.applications .con2 .right > ul>li .subject{font-family: 'Raleway', 'Noto Sans KR', sans-serif; font-weight: 500; width: 211px; position: relative; padding-bottom: 25px; font-size: 23px;}
.quantum.applications .con2 .right > ul>li .explain{width: calc(100% - 211px); padding-bottom: 25px; position: relative; font-weight: 350;}
.quantum.applications .con2 .right > ul>li .subject::before{content: ''; width: calc(100% - 31px); height: 1px; position: absolute; left: 0; bottom: 0; background: #8bc341;}
.quantum.applications .con2 .right > ul>li .explain::before{content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #bcbcbc;}
.quantum.applications .con2 .right > ul>li .explain > ul > li{position: relative; padding-left: 15px;}
.quantum.applications .con2 .right > ul>li .explain > ul > li::before{content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background-color: #3E3E3E; border-radius: 50%;}

.quantum.applications .con3{position: relative;}
.quantum.applications .con3::before{content: ''; width: 999999999999%; height: 100%; left: 50%; top: 0; transform: translateX(-50%); background-color: #FAFAFA; position: absolute; z-index: -1;}
.quantum.applications .con3 > .title{padding-top: 100px; padding-bottom: 40px;}

.quantum.applications .con6{margin-bottom: 251px; position: relative;}
.quantum.applications .con6 .greenSnow {width: 9.55%;}

.app-bg{position: absolute; right: 0; top: calc(50% + 580px); transform: translateY(-50%); z-index: -1;}
.app-bg2{position: absolute; left: 0; top: calc(50% - 1640px); transform: translateY(-50%); z-index: -1;}

@media (max-width: 1556px) {
	.quantum.applications .con2 .left{width: 100%;}
	.quantum.applications .con2 .right{width: 100%; padding-left: 0;}
}

@media (max-width:1183px) {

	.quantum .circleTxt2{margin: 40px auto 70px; }

}

@media (max-width:1143px) {

	.quantum.applications .con .list > li{width: 100%;}
	.quantum.applications .con .list > li:not(:last-child){margin-right: 0; margin-bottom: 20px;}
}


@media (max-width:1024px) {
	.quantumBg{width: 100%;}

	.quantumMain{ padding-top:143px; padding-bottom: 70px;}
	.quantumMain .dep2Tit{ font-size: 14px; padding-top:10px;}
	.quantumMain .dep2Tit::before{ width: 18px;}
	.quantumMain .dep3Tit{ font-size: 40px; margin:33px 0 40px;}
	.quantumMain .soltxt{padding-bottom: 50px; font-size: 18px;}
	.quantumMain .needList{ position: static; margin-bottom: 50px;}
	.quantumMain .needList p{ font-size: 15px; margin-bottom: 10px;}
	.quantumMain .needList li{ font-size: 14px;}
	.quantumMain .needList li::before{ width: 4px; height: 4px; top: 9px;}


	.quantum .circleTxt2{width: 320px; height: 320px;}
	.quantum .circleTxt2 .center{width: 38px;}
	.quantum .circleTxt2 .txt{width: 222px;}


	.app-bg,.app-bg2{display: none;}
	.quantum.applications img{margin: 0 auto;}

	.quantum.applications .con > .title{font-size: 24px; padding: 65px 0 40px;}
	.quantum.applications .con > .sub{font-size: 18px; color: #cdcdcd; text-align: left; margin: 0 0 25px;}

	.quantum.applications .con .list{font-size: 16px;}
	.quantum.applications .con .list > li{display: flex; padding: 30px 20px; text-align: left; align-items: center; letter-spacing: -0.1px;}
	.quantum.applications .con .list > li img{width: 42px; height: 47px; margin: 0 20px 0 0;}


	.quantum.applications .con1 .text-box p{font-size: 24px; margin-top: 0; margin-bottom: 30px;}
	.quantum.applications .con1 .text-box span{font-size: 16px; margin-top: 30px; margin-bottom: 30px;}
	.quantum.applications .con1 .text-box span br{display: none;}
	.quantum.applications .con1 .qstxt{font-size: 50px; right: auto; left: 60px; width: 900px;}
	.quantum.applications.computer .con1 .qstxt{font-size: 50px; bottom: -80px;}

	.quantum.applications .con2{padding-bottom: 45px;}
	.quantum.applications .con2 .right > .tit{font-size: 22px; text-align: center; margin: 40px 0 30px;}
	.quantum.applications .con2 .left{padding: 13px 18px;}
	.quantum.applications .con2 .right > ul>li .subject,
	.quantum.applications .con2 .right > ul>li .explain{width: 100%; font-size: 18px;}
	.quantum.applications .con2 .right > ul>li .explain br{display: none;}
	.quantum.applications .con2 .right > ul>li .subject::before{display: none;}
	.quantum.applications .con2 .right > ul>li .subject{padding-bottom: 15px;}
	
	.quantum.applications .con3 > .title{font-size: 24px; padding-top: 35px; padding-bottom: 20px;}

	.quantum.applications .con6{margin-bottom: 90px;}

}






/* public */





body > .background {
    position: relative;
}

body > .background > .top_bg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

body > .background > .top_bg_m {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

body > .background > .bottom_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

body > .background > .bottom_bg_m {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}








/* sub_main - top */

.container.sub_main {
    box-sizing: border-box;
}

.container.sub_main > .top {
    width: 100%;
    padding-top: 120px;
    box-sizing: border-box;
    position: relative;
}

.container.sub_main > .top .left {
    padding-top: 155px;
    position: relative;
    z-index: 5;
}

.container.sub_main .area_main_image {
    position: absolute;
    top: 160px;
    left: 39%;
}

.container.sub_main > .top .left > .title {
    margin-bottom: 120px;
}

.container.sub_main > .top .left > .title h1 {
    font-size: 70px;
    line-height: 1.2;
    font-weight: 600;
    z-index: 55;
}

.container.sub_main > .top .title > p {
    font-weight: 700;
    font-size: 21px;
    position: relative;
    margin-bottom: 64.35px;
}

.container.sub_main > .top .left > .title > p::before {
    content: '';
    width: 25px;
    height: 1px;
    position: absolute;
    top: -11.65px;
    left: 0;
    background-color: #000000;
}

.container.sub_main > .top .txt {
    padding-left: 0;
    font-size: 20px;
}

.container.sub_main > .top .txt > .title {
    font-weight: 700;
    margin-bottom: 15.62px;
}

.container.sub_main > .top .txt p:not(.title) {
    font-weight: 350;
    color: #3E3E3E;
}

.container.sub_main > .top .txt p b {
    color: #95C11F;
}

.container.sub_main > .top > .rma_font {
    position: absolute;
    bottom: 0;
    right: -304px;
    z-index: 10;
}

.container.sub_main .top .area_main_image::before {
    content: '';
    position: absolute;
    width: 145px;
    height: 160px;
    left: -130px;
    top: 0;
    background: url('/images/contents/N.png') no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.7;
}

.container.sub_main .top .area_main_image_m::before {
    content: '';
    position: absolute;
    width: 145px;
    height: 160px;
    left: -130px;
    top: 0;
    background: url('/images/contents/sub_main_n2.png') no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.7;
}


@media (max-width:1024px) {
    .container.sub_main > .top {
        height: auto;
        padding-top: 156px;
        display: inherit;
        position: relative;
    }

    .container.sub_main .area_main_image {
        position: absolute;
        top: 156px;
        left: inherit;
        right: -109px;
        opacity: 0.7;
    }

    .container.sub_main::before {
        right: -650px;
        top: -130px;
    }

    .container.sub_main::after {
        right: -400px;
        top: 0px;
    }

    .container.sub_main > .top .txt {
        font-size: 14px;
    }

    .container.sub_main > .top .title > p {
        margin-bottom: 50px;
        font-size: 14px;
    }

    .container.sub_main > .top .left > .title h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .container.sub_main > .top .left {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }

    .container.sub_main > .top .left > .title {
        margin-bottom: 110px;
    }

    .container.sub_main > .top .txt > .title {
        margin-bottom: 8.62px;
    }

    .container.sub_main > .top > .rma_font {
        right: -83px;
        bottom: 105px;
    }

    .container.sub_main .top .area_main_image::before {
        width: 55px;
        height: 59px;
        left: 0;
        top: -44px;
    }

    .container.sub_main .top .area_main_image_m::before {
        width: 55px;
        height: 59px;
        left: 0;
        top: -44px;
    }


}

/* sub_main - con2 */

.container > .con2 > .title {
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 69px;
    display: inline-block;
}













/* about */

/* about - con2 */

.container.about > .con2 {
    width: 100%;
    padding-top: 213px;
    padding-bottom: 107px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
}


.container.about > .con2 .left {
    font-size: 50px;
}

.container.about > .con2 .right {
    font-size: 20px;
    padding-left: 10%;
    display: inline-block;
}

.container.about > .con2 .right p {
    display: inline-block;
    font-weight: 300;
    color: #444444;
}

.container.about > .con2 .left span {
    font-weight: 700;
}

.container.about .top .area_main_image::after {
    content: '';
    position: absolute;
    width: 136px;
    height: 136px;
    right: -42px;
    top: -44px;
    background: url('/images/contents/aboutnorma_bg01.png') no-repeat;
    background-position: center;
    background-size: cover;
}

@media (max-width:1024px) {
    .container.about > .con2 {
        height: auto;
        padding-top: 87px;
        padding-bottom: 72px;
    }

    .container.about > .con2 .left {
        width: 100%;
        font-size: 20px;
        margin-bottom: 0;
    }

    .container.about > .con2 .right {
        font-size: 16px;
        width: 100%;
        padding-left: 0;
        word-break: keep-all;
    }

    .container.about .top .area_main_image::after {
        display: none;
    }
}







/* about - con3 */

.container.about > .con3 {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.container.about > .con3 > img {
    display: inline-block;
    position: absolute;
    left: 55px;
    top: 0;
}

.container.about > .con3 .txt_box > h3 {
    font-size: 40px;
    position: absolute;
    left: 40%;
    top: -60px;
}

.container.about > .con3 .innertext {
    width: 100%;
    padding-top: 30px;
    padding-left: 50%;
    padding-bottom: 195px;
    word-break: keep-all;
    position: relative;
}

.container.about > .con3 .innertext .title {
    font-size: 35px;
    margin-bottom: 45px;
    line-height: 1.4;
}

.container.about > .con3 .innertext .title span {
    font-weight: 700;
}

.container.about > .con3 .innertext p {
    font-size: 18px;
}

.container.about > .con3 .innertext .subtitle {
    font-weight: bold;
    margin-bottom: 15px;
}

.container.about > .con3 .innertext > img {
    margin-top: 45px;
}

.container.about > .con3::after {
    content: '';
    width: 835.81px;
    height: 902.97px;
    position: absolute;
    left: -300px;
    bottom: 0;
    z-index: 5;
}

.container.about > .con3 .innertext .plustxt {
    color: #3E3E3E;
    font-weight: 300;
    line-height: 1.7;
}

.container.about > .con3 .innertext .plustxt .two {
    margin-top: 43px;
}

.container.about > .con3 .circleLogo {
    width: 259px;
    height: 259px;
    position: absolute;
    right: -130px;
    top: -270px;
}

@media (max-width:1024px) {
    .container.about > .con3 > img {
        position: static;
        width: 222px;
    }

    .container.about > .con3 .txt_box > h3 {
        position: static;
    }

    .container.about > .con3 .innertext {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 90px;
    }

    .container.about > .con3 .txt_box > h3 {
        font-size: 25px;
        margin-top: 31px;
        margin-bottom: 25px;
    }

    .container.about > .con3 .innertext .title {
        font-size: 20px;
    }

    .container.about > .con3 .innertext p {
        font-size: 16px;
    }

    .container.about > .con3 .innertext .plustxt .two {
        margin-top: 40px;
    }

    .container.about > .con3 .circleLogo {
        width: 105.96px;
        height: 105.96px;
        right: -49px;
        top: -68px;
    }

    .container.about > .con3 .innertext > img {
        margin-top: 63px;
    }
}








/* core_value */

/* core_value - con2 */

.container.core_value .top .area_main_image::after {
    content: '';
    position: absolute;
    width: 136px;
    height: 136px;
    right: -143px;
    top: 78px;
    background: url('/images/contents/corevalue_bg01.png') no-repeat;
    background-position: center;
    background-size: cover;
}

.container.core_value > .con2 {
    width: 100%;
    padding-top: 150px;
    padding-bottom: 293px;
    position: relative;
    box-sizing: border-box;
}


.container.core_value > .con2 .circleLogo {
    width: 269px;
    height: 269px;
    left: 33%;
    top: 59.5%;
}

.container.core_value > .con2 > .area {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.container.core_value > .con2 > .area > img {
    padding-left: 75px;
}

.container.core_value > .con2 > .area > .txt {
    position: absolute;
    top: 56px;
    right: 5%;
}

.container.core_value > .con2 > .area > .txt p {
    font-size: 30px;
    font-weight: 400;
}

.container.core_value > .con2 > .area > .txt .span_box {
    margin-top: 45px;
    font-weight: 300;
    color: #3E3E3E;
    font-size: 18px;
}

.container.core_value > .con2 > .area > .txt p > span {
    font-weight: 700;
}

.container.core_value > .con2 > .area > .txt > span {
    font-size: 18px;
}


@media (max-width:1024px) {
    .container.core_value .top .area_main_image::after {
        display: none;
    }

    .container.core_value > .con2 {
        padding-bottom: 51px;
        padding-top: 87px;
    }

    .container.core_value > .con2 .stroke {
        -webkit-text-stroke: 0.7px #000000;
    }

    .container.core_value > .con2 > .title {
        font-size: 30px;
        margin-bottom: 30.93px;
    }

    .container.core_value > .con2 > .area > img {
        width: 77%;
        padding-left: 0;
    }

    .container.core_value > .con2 > .area > .txt {
        padding-left: 0;
        padding-top: 102px;
        position: static;
    }

    .container.core_value > .con2 > .area > .txt p {
        font-size: 20px;
    }

    .container.core_value > .con2 > .area > .txt .span_box {
        margin-top: 31px;
        font-size: 16px;
    }

    .container.core_value > .con2 > .area > .txt > span {
        font-size: 16px;
    }

    .container.core_value > .con2 .circleLogo {
        width: 112.09px;
        height: 112.09px;
        left: 70%;
        top: 70vw;
    }

}






/* core_value - con3 */

.container.core_value > .con3 {
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 293px;
}

.container.core_value > .con3 .norma_pic1 {
    position: absolute;
    left: 0;
    top: 23%;
}

.container.core_value > .con3 .box .txt {
    position: absolute;
    top: 0;
    left: 7%;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.45;
}

.container.core_value > .con3 .norma_logo {
    float: right;
    width: 43.5%;
}

.container.core_value > .con3 .txt2 {
    position: absolute;
    top: 167px;
    left: 13.5%;
    font-weight: 350;
    font-size: 15px;
}

.container.core_value > .con3 .txt2 > span:not(.title) {
    color: #3E3E3E;
}

.container.core_value > .con3 .txt2 > .title {
    font-weight: 700;
    margin-bottom: 16px;
    display: block;
}

.container.core_value > .con3 .txt2 .color {
    overflow: hidden;
    margin-top: 26px;
}

.container.core_value > .con3 .txt2 .color > .box {
    background-color: #95C11F;
    width: 89px;
    height: 22px;
    float: left
}

.container.core_value > .con3 .txt2 .color > span {
    float: left;
    margin-left: 16px;
    color: #4F4F4F;
}


@media (max-width:1024px) {
    .container.core_value > .con3 {
        padding-left: 0;
        padding-bottom: 90px;
    }

    .container.core_value > .con3 .norma_pic1 {
        right: 0;
        top: 0;
        left: inherit;
    }

    .container.core_value > .con3 .box .txt {
        position: static;
        margin-bottom: 41px;
        font-size: 18px;
    }

    .container.core_value > .con3 .norma_logo {
        width: 100%;
		float:none;
    }

    .container.core_value > .con3 .txt2 {
        position: static;
        margin-top: 40px;
        font-size: 14px;
    }
}






/* history award */

/* history award - con2 */

.container.history_award > .con2 {
    width: 100%;
    padding-top: 150px;
    padding-bottom: 198px;
    position: relative;
}

.container.history_award .top .area_main_image.active1::after {
    content: '';
    position: absolute;
    width: 136px;
    height: 136px;
    right: -204px;
    top: 328px;
    background: url('/images/contents/history_award_bg01.png') no-repeat;
    background-position: center;
    background-size: cover;
}

.container.history_award .top .area_main_image.active2::after {
    content: '';
    position: absolute;
    width: 136px;
    height: 136px;
    right: -204px;
    top: 328px;
    background: url('/images/contents/history_award_bg02.png') no-repeat;
    background-position: center;
    background-size: cover;
}

.container.history_award .top .area_main_image.active3::after {
    content: '';
    position: absolute;
    width: 136px;
    height: 136px;
    right: -204px;
    top: 328px;
    background: url('/images/contents/history_award_bg03.png') no-repeat;
    background-position: center;
    background-size: cover;
}

.container.history_award > .con2 .stroke {
    -webkit-text-stroke: 0.7px #000000;
}

.container.history_award > .con2 > .title {
    margin-bottom: 0;
}

.container.history_award .recruitType {
    margin-bottom: 114px;
}

.container.history_award > .con2 > .history {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.container.history_award > .con2 > .history > p {
    font-size: 40px;
    font-weight: 400;
    margin-right: 105px;
    flex: 1;
}

.container.history_award > .con2 > .history > p span {
    font-weight: 700;
}

.container.history_award > .con2 > .history .history_box {
    border-left: 1px dotted #BCBCBC;
    padding-left: 47px;
    opacity: 0;
    display: none;
	border-style:none solid dotted dashed;
	border-bottom:none;
	border-right:none;
}

.container.history_award > .con2 > .history .history_box ul {
    position: relative;
}

.container.history_award > .con2 > .history .history_box li {
    display: block;
    padding-bottom: 85px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.container.history_award > .con2 > .history .history_box .year {
    font-weight: 500;
    font-size: 60px;
    display: inline-block;
    margin-right: 144px;
    position: relative;
}

.container.history_award > .con2 > .history .history_box .year::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 4px solid #95C11F;
    position: absolute;
    left: -59px;
    top: 50%;
    margin-top: -12px;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.5s ease;
}

.container.history_award > .con2 > .history .history_box li:hover .year::before {
    transform: scale(1.72);
}

.container.history_award > .con2 > .history .history_box .inner_history {
    display: inline-block;
    margin-top: 30px;
    font-size: 18px;
}

.container.history_award > .con2 > .history .history_box .inner_history p {
    margin-bottom: 19px;
    font-weight: 300;
    text-indent: -40px;
}

.container.history_award > .con2 > .history .history_box .inner_history span {
    color: #8BC341;
    margin-right: 18px;
    font-weight: 700;
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
}

.container.history_award > .con2 > .history .history_box_area > p {
    flex: 1;
}

.container.history_award > .con2 > .history .history_box_area {
    flex: 4;
}

.container.history_award > .con2 > .history .history_box > span {
    transform: rotate(90deg);
    position: absolute;
    right: 276px;
    top: 100px;
    color: #8BC341;
    font-weight: 400;
    font-size: 14px;
}

.container.history_award > .con2 > .history .history_box > .bookeffect {
    width: 52px;
    height: 100%;
    position: absolute;
    right: 216px;
    top: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.03), transparent);
}

.history_box > .bookeffect::before {
    content: '';
    width: 52px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), transparent);
}

.history_box > .bookeffect::after {
    content: '';
    width: 52px;
    height: 80px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1), transparent);
}

.container.history_award > .con2 > .history .history_box.history1 .bookeffect_m {
    width: 20px;
    height: 100%;
    position: absolute;
    right: -20px;
    top: 87px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.03), transparent);
}

.container.history_award > .con2 > .history .history_box .bookeffect_m {
    width: 20px;
    height: 100%;
    position: absolute;
    right: 27px;
    top: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.03), transparent);
}

.history_box .bookeffect_m::before {
    content: '';
    width: 20px;
    height: 500px;
    position: absolute;
    top: 0;
    right: 0px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), transparent);
}

.history_box .bookeffect_m::after {
    content: '';
    width: 20px;
    height: 200px;
    position: absolute;
    bottom: 0;
    right: 0px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1), transparent);
}

.container.history_award > .con2 > .history_bg {
    position: absolute;
    right: 0;
    top: 210px;
    animation: historyicon 7000ms linear;
    animation-iteration-count: infinite;
}

@keyframes historyicon {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.container.history_award > .con2 > .history_bg_m {
    position: absolute;
    right: 13.6px;
    top: 320px;
}

.history .history_box > .bookeffect_1 {
    width: 52px;
    height: 100%;
    position: absolute;
    right: 108px;
    top: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.03), transparent);
}


.history .history_box > .bookeffect_1::before,
.history .history_box > .bookeffect_2::before {
    content: '';
    width: 52px;
    height: 600px;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), transparent);
}

.history .history_box > .bookeffect_1::after,
.history .history_box > .bookeffect_2::after {
    content: '';
    width: 52px;
    height: 600px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1), transparent);
}

.history .history_box > .bookeffect_1 span {
    position: absolute;
    top: 200px;
    left: -43px;
    /*    transform: rotate(90deg);*/
    color: #000;
    opacity: 0.3;
    font-size: 14px;
    writing-mode: vertical-lr;
}

.history .history_box > .bookeffect_2 {
    width: 52px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.03), transparent);
}


.history .history_box > .bookeffect_2 span {
    position: absolute;
    top: 300px;
    left: -48px;
    color: #000;
    opacity: 0.3;
    font-size: 14px;
    writing-mode: vertical-lr;
}

.container.history_award .history > .history2 {
    display: none;

}

.container.history_award .history > .history3 {
    display: none;
}




@media (max-width:1024px) {
    .container.history_award .area_main_image_m {
        position: absolute;
        top: 156px;
        left: inherit;
        right: -109px;
    }

    .container.history_award > .con2 {
        padding-top: 66px;
        padding-bottom: 133px;
    }

    .container.history_award > .con2 > .title {
        font-size: 30px;
        margin-bottom: 0;
    }

    .history_award .recruitType {
        margin-top: 30px;
    }

    .container.history_award > .con2 > .history > p {
        font-size: 20px;
        margin-right: inherit;
        width: 100%;
        flex: none;
    }

    .container.history_award > .con2 > .history .history_box {
        width: 100%;
        padding-top: 33px;
        margin-top: 31px;
        flex: none;
    }

    .container.history_award > .con2 > .history .history_box_area {
        width: 100%;
    }

    .container.history_award > .con2 > .history .history_box .year {
        width: 100%;
        font-size: 30px;
        display: block;
    }

    .container.history_award > .con2 > .history .history_box .inner_history {
        font-size: 14px;
        display: block;
        margin-top: 12px;
        padding-left: 34px;
    }

    .container.history_award > .con2 > .history .history_box .year::before {
        width: 12.72px;
        height: 12.72px;
        border: 2px solid #95C11F;
        left: -56px;
    }

    .container.history_award > .con2 > .history .history_box .inner_history p {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 300;
        text-indent: -34px;
    }

    .container.history_award > .con2 > .history .history_box .inner_history span {
        font-size: 14px;
        font-weight: 700;
    }

    .container.history_award > .con2 > .history .history_box ul {
        padding-right: 0;
        position: static;
    }

    .container.history_award > .con2 > .history .history_box li {
        margin-bottom: 35px;
        padding-bottom: 0;
		width:80%;
    }

    .container.history_award > .con2 > .history .history_box li:last-child {
        margin-bottom: 0;
    }

    .container.history_award > .con2 > .history .history_box > span {
        display: none;
    }

    .container.history_award > .con2 > .history .history_box > .bookeffect {
        width: 20px;
    }

    .history_box > .bookeffect::before {
        width: 20px;
    }

    .history_box > .bookeffect::after {
        width: 20px;
    }

    .history_box .inner_history > p img {
        width: 76%;
        margin-bottom: 9px;
    }

    .history_box .inner_history > p .null {
        margin-left: 50px;
    }

    .container.history_award .recruitType {
        margin-bottom: 65.38px;
    }

	.history_box .bookeffect_m::before{
		height:10%;
	}

	.history_box .bookeffect_m::after{
		height:26%;
	}

}








/* partnership */

/* tab_menu */

.container.partnership * {
    box-sizing: border-box;
}

.container.partnership .top .area_main_image::after {
    content: '';
    position: absolute;
    width: 136px;
    height: 136px;
    right: -200px;
    top: 339px;
    background: url('/images/contents/partnership_bg01.png') no-repeat;
    background-position: center;
    background-size: cover;
}

.container.partnership > .tab_menu {
    width: 100%;
    padding-top: 150px;
    padding-bottom: 65px;
    overflow: hidden;
    box-sizing: border-box;
}

.container.partnership .recruitType {
    margin-top: 35px;
}

.container.partnership .recruitType li {}

.container.partnership > .tab_menu > .title {
    font-size: 70px;
    font-weight: 700;
    display: inline-block;
}

.container.partnership .partnership_area > .partnership {
    opacity: 0;
    display: none;
}

.container.partnership .partnership .main_con {
    position: relative;
    padding-bottom: 297px
}

.container.partnership .partnership .main_con > .txt1 {
    position: absolute;
    right: 120.64px;
    top: 0;
}

.container.partnership .partnership .main_con > .txt1 > span {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 13.87px;
    color: #919191;
    display: block;
}

.container.partnership .partnership .main_con > .txt1 > p {
    font-size: 30px;
    line-height: 1.5;
}

.container.partnership .partnership .main_con > .txt1 > p span {
    font-weight: 700;
}

.container.partnership .partnership .main_con > .txt2 {
    position: absolute;
    right: 0;
    top: 393px;
}

.container.partnership .partnership .main_con > .txt2 li:not(:last-child) {
    padding-right: 40px;
}

.container.partnership .partnership .main_con > .txt2 > p {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 26px;
}

.container.partnership .partnership .main_con > .txt2 > ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.container.partnership .partnership .main_con > .txt2 > ul .title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 9.29px;
}

.container.partnership .partnership .main_con > .txt2 > ul .stroke {
    -webkit-text-stroke: 0.5px #919191;
}

.container.partnership .partnership .main_con > .txt2 > ul li p:not(.title) {
    font-size: 15px;
    color: #3E3E3E;
}



@media (max-width:1024px) {

    .container.partnership .top .area_main_image::after {
        display: none;
    }

    .container.partnership .tab_menu .stroke {
        -webkit-text-stroke: 0.7px #000000;
    }

    .container.partnership > .tab_menu {
        padding-top: 82px;
        padding-bottom: 0;
    }

    .container.partnership > .tab_menu > .title {
        font-size: 30px;
        margin-bottom: 0;
    }

    .container.partnership .recruitType {
        margin-top: 30px;
        margin-bottom: 65px;
    }

    .container.partnership .partnership .main_con img {
        width: 100%;
    }

    .container.partnership .partnership .main_con .txt1 {
        padding-top: 42px;
        position: static;
		width:94%;
    }

    .container.partnership .partnership .main_con .txt1 > span {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .container.partnership .partnership .main_con > .txt1 > p {
        font-size: 20px;

    }

    .container.partnership .partnership .main_con > .txt2 {
        margin-top: 61px;
        padding-left: 0;
        position: static;
    }

    .container.partnership .partnership .main_con > .txt2 > p {
        font-size: 18px;
        margin-bottom: 0;
    }

    .container.partnership .partnership .main_con > .txt2 > ul {
        flex-wrap: wrap;
    }

    .container.partnership .partnership .main_con > .txt2 li {
        width: 100%;
        padding-bottom: 21px;
        padding-top: 21px;
    }

    .container.partnership .partnership .main_con > .txt2 > ul li p:not(.title) {
        font-size: 14px;
    }

    .container.partnership .partnership .main_con > .txt2 > ul li:not(:last-child) {
        border-bottom: 1px solid #DEDEDE;
    }

    .container.partnership .partnership .main_con > .txt2 > ul .title {
        margin-bottom: 10px;
    }

    .container.partnership .partnership .main_con {
        padding-bottom: 100.27px;
    }
}






/* partnership - service */

.container.partnership .partnership .service {
    width: 100%;
    padding-bottom: 170px;
}

.container.partnership .partnership .service > .title {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 80px;
}

.container.partnership .partnership .service > .title p {
    display: inline-block;
}


.container.partnership .partnership .service > .list {
    width: 100%;
    position: relative;
}

.container.partnership .partnership .service > .list > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.container.partnership .partnership .service > .list > ul li {
    width: 100%;
    height: 251px;
    border-radius: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    padding: 41px 0;
    position: relative;
    background-color: #ffffff;
}

.container.partnership .partnership .service > .list > ul li .area {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.container.partnership .partnership .service > .list > ul li .title {
    margin: 11px 0;
    font-weight: 500;
    font-size: 20px;
}

.container.partnership .partnership .service > .list > ul li p:not(.title) {
    color: #3E3E3E;
    font-size: 18px;
    font-weight: 300;
}

.container.partnership .partnership .service > .list .swiper-pagination {
    display: none;
}

@media (max-width:1024px) {
    .container.partnership .partnership .service {
        padding-bottom: 0;
    }

    .container.partnership .partnership .service > .list {
        padding-bottom: 132px;
    }

    .container.partnership .partnership .service > .list .swiper-pagination {
        display: block;
    }

    .container.partnership .swiper-container-horizontal > .swiper-pagination-bullets,
    .container.partnership .swiper-pagination-custom,
    .container.partnership .swiper-pagination-fraction {
        bottom: 90px;
    }

    .container.partnership .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
    }

    .container.partnership .swiper-pagination-bullet-active {
        background: #000000;
    }

    .container.partnership .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
    }

    .container.partnership .partnership .service > .list > ul li {
        height: 245px;
    }

    .container.partnership .partnership .service > .list > ul li .title {
        font-size: 18px;
    }

    .container.partnership .partnership .service > .list > ul li p:not(.title) {
        font-size: 16px;
		padding:0 8%;
    }

    .container.partnership .partnership .service > .title {
        font-size: 27px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
    }

    .container.partnership .partnership .service > .title > p {
        display: block;
    }
}






/* partnership - greeneryship */

.container.partnership .partnership .greeneryship {
    width: 100%;
    padding-bottom: 194px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.container.partnership .partnership .greeneryship > .text_box {
    flex: 1;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.4;
    margin-right: 10%;
}

.container.partnership .partnership .greeneryship .contactus {
    flex: 4;
    padding: 70.8px 100px 176px 100px;
    box-shadow: 5px 30px 70px rgba(111, 111, 111, 0.1);
    position: relative;
    background-color: #FCFCFC;
    border-radius: 15px;
    background-color: #FCFCFC;
    border: 1px solid #EEEEEE;
}

.container.partnership .partnership .greeneryship .contactus .entryPart ul {
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 40.8px;
}

.container.partnership .partnership .greeneryship .contactus .entryPart ul > li {
    width: 100%;
    margin-bottom: 49px;
}

.container.partnership .partnership .greeneryship .contactus .entryPart ul .user {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.container.partnership .partnership .greeneryship .contactus .entryPart ul .user > div {
    width: 48%;
}

.container.partnership .partnership .greeneryship .contactus .entryPart ul input {
    background-color: #F5F5F5;
    outline: 0;
    width: 100%;
    height: 60px;
    padding-left: 25px;
}

.container.partnership .partnership .greeneryship .contactus .entryPart ul input.placeholderd{
	overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap;
}


.container.partnership .partnership .greeneryship .contactus .entryPart ul input::placeholder {
    font-size: 15px;
    color: #B4B4B4;
}

.container.partnership .partnership .greeneryship .contactus .entryPart ul p {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
}

.container.partnership .partnership .greeneryship .contactus .entryPart ul textarea {
    background-color: #F5F5F5;
    outline: 0;
    width: 100%;
    height: 238px;
    padding-left: 25px;
    padding-top: 25px;
}

.container.partnership .partnership .greeneryship .contactus .entryPart ul textarea::placeholder {
    font-size: 15px;
    color: #B4B4B4;
    font-family: 'noto sans KR', sans-serif;
}

.container.partnership .partnership .greeneryship .contactus .privacyPart .tit {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
}

.container.partnership .partnership .greeneryship .contactus .privacyPart > .txtbox {
    width: 100%;
    padding: 25px;
    border: 1.33px solid #DEDEDE;
    font-size: 15px;
}

.container.partnership .partnership .greeneryship .contactus .privacyPart > .txtbox li {
    margin-bottom: 20px;
}

.container.partnership .partnership .greeneryship .contactus .privacyPart > .txtbox p {
    font-weight: 300;
    padding-left: 16px;
    margin-top: 9px;
}

.container.partnership .partnership .greeneryship .contactus .agree_btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 25px;
}

.container.partnership .partnership .greeneryship .contactus .privacyPart .caution {
    font-size: 15px;
    color: #666666;
    margin-top: 20px;
}

.container.partnership .partnership .greeneryship .contactus .okBtn {
    width: 209px;
    height: 45px;
    background-color: #8BC341;
    color: #FBFBFB;
    font-size: 20px;
    text-align: center;
    line-height: 1;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    bottom: 71px;
    margin-left: -104.5px;
    font-weight: 700;
}


@media (max-width:1024px) {

    .container.partnership .partnership .greeneryship {
        padding-bottom: 90.7px;
        flex: inherit;
        width: 100%;
    }

    .container.partnership .partnership .greeneryship > .text_box {
        font-size: 27px;
        margin-bottom: 30.5px;
    }

    .container.partnership .partnership .greeneryship .contactus {
        padding: 50.7px 25.8px 136px 25.8px;
        flex: inherit;
        width: 100%;
    }

    .container.partnership .partnership .greeneryship .contactus .entryPart ul p {
        font-size: 16px;
    }

    .container.partnership .partnership .greeneryship .contactus .entryPart ul .user > div {
        width: 100%;
    }

    .container.partnership .partnership .greeneryship .contactus .entryPart ul .user > div:not(:last-child) {
        margin-bottom: 25.7px;
    }

    .container.partnership .partnership .greeneryship .contactus .entryPart ul input {
        height: 46px;
        padding-left: 10.7px;
    }

	.container.partnership .partnership .greeneryship .contactus .entryPart ul input[type='text']::placeholder{ /* 안됨 */
		overflow:hidden; 
		text-overflow:ellipsis; 
		white-space:nowrap;
	}

    .container.partnership .partnership .greeneryship .contactus .entryPart ul > li:not(:last-child) {
        margin-bottom: 25.7px;
    }

    .container.partnership .partnership .greeneryship .contactus .entryPart ul > li:last-child {
        margin-bottom: 0;
    }


    .container.partnership .partnership .greeneryship .contactus .entryPart ul input::placeholder {
        font-size: 14px;
    }

    .container.partnership .partnership .greeneryship .contactus .privacyPart > .txtbox {
        padding: 25px 10px;
        font-size: 14px;
    }

    .container.partnership .partnership .greeneryship .contactus .privacyPart .caution {
        font-size: 12px;
    }

    .container.partnership .partnership .greeneryship .contactus .okBtn {
        bottom: 50px;
        font-size: 16px;
    }

    .container.partnership .partnership .greeneryship .contactus .entryPart ul textarea {
        padding: 12.7px 10.7px;
    }

    .container.partnership .partnership .greeneryship .contactus .entryPart ul textarea::placeholder {
        font-size: 14px;
    }

    .container.partnership .partnership .greeneryship .contactus .entryPart ul {
        border-bottom: none;
    }

    .container.partnership .partnership .greeneryship .contactus .privacyPart .tit {
        font-size: 16px;
        margin-bottom: 10px;
    }
}










/* partnership - domestic */

.container.partnership > .partnership_area > .partnership > .area {
    overflow: hidden;
}

.container.partnership > .partnership_area > .partnership > .area .text_box {
    float: left;
}

.container.partnership > .partnership_area > .partnership > .area .list {
    float: right;
    width: 71%;
    margin-bottom: 125px;
}

.container.partnership > .partnership_area > .partnership > .area > img {
    width: 100%;
}

.container.partnership > .partnership_area > .partnership > .area .text_box p {
    font-size: 40px;
    line-height: 1.5;
}

.container.partnership > .partnership_area > .partnership > .area .text_box p span {
    font-weight: 700;
}

.container.partnership > .partnership_area > .partnership > .area .text_box > span {
    font-size: 18px;
    font-weight: 300;
    color: #3E3E3E;
    display: block;
    margin-top: 30.43px;
}

.container.partnership > .partnership_area > .partnership > .area .list > .title {
    font-size: 20px;
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 15px;
    margin-top: 45px;
}

.container.partnership .partnership .domestic .list > ul {
    width: 100%;
    padding: 53px 0 61px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.container.partnership .partnership .domestic .list > ul li {
    width: 25%;
    margin-bottom: 69px;
}


@media (max-width:1024px) {
    .container.partnership > .partnership_area > .partnership > .area .text_box {
        float: inherit;
        padding-bottom: 31px;
    }

    .container.partnership > .partnership_area > .partnership > .area .text_box p {
        font-size: 20px;
        margin-bottom: 21px;
    }

    .container.partnership > .partnership_area > .partnership > .area .text_box > span {
        font-size: 14px;
        margin-top: 20.68px;
    }

    .container.partnership > .partnership_area > .partnership > .area .list {
        width: 100%;
        float: inherit;
        margin-bottom: 195px;
    }

    .container.partnership .partnership .domestic .list .list_img {
        width: 100%;
    }

    .container.partnership > .partnership_area > .partnership > .area .list > .title {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .container.partnership .partnership .domestic .list > ul {
        width: 100%;
        padding: 30px 0 0px 0;
    }

    .container.partnership .partnership .domestic .list > ul li {
        width: calc(100%/3);
        margin-bottom: 25px;
        text-align: center;
    }

    .container.partnership .partnership .domestic .list > ul li img {
        width: 80%;
    }

    .container.partnership .partnership .domestic .list > ul .logosize_s img {
        width: 35%;
    }

    .container.partnership .partnership .domestic .list .title {
        font-size: 16px;
    }
}




/* partnership - global */

.container.partnership .partnership .global .list .map_area { position: relative; }
.container.partnership .partnership .global .list .map_area .pointbox { position: absolute; z-index: 1; }
.container.partnership .partnership .global .list .map_area .pointbox:hover .box { opacity: 1; }
.container.partnership .partnership .global .list .map_area .pointbox1 { top: 181px; left: 371px; }
.container.partnership .partnership .global .list .map_area .pointbox2 { top: 226px; left: 735px; }
.container.partnership .partnership .global .list .map_area .point { position: absolute; left: 50%; transform: translate(-50%); }
.container.partnership .partnership .global .list .map_area .box { background-color: #8BC341; text-align: center; color: #ffffff; padding-top: 20.58px; opacity: 0; transition: all 300ms ease; margin-top: 41px; padding-bottom: 16px;}
.container.partnership .partnership .global .list .map_area .box1 { width: 295.54px; }
.container.partnership .partnership .global .list .map_area .box2 { width: 130.44px; }
.container.partnership .partnership .global .list .map_area .box .title { font-size: 16px; font-weight: 500; padding-bottom: 11px; position: relative; margin-bottom: 10.4px; }
.container.partnership .partnership .global .list .map_area .box .title::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 8.52px; height: 1.5px; background-color: #ffffff; margin-left: -4.26px; }
.container.partnership .partnership .global .list .map_area .box li { margin: 5px 0; }
.container.partnership .partnership .global .list .map_area .box a { color: #ffffff; font-size: 14px; font-weight: 400; transition: all 300ms ease; }
.container.partnership .partnership .global .list .map_area .box a:hover { text-decoration: underline; }
/*.container.partnership .partnership .global .list .list_area { width: 100%; margin-top: 45.3px; margin-bottom: 85px; }*/
/*.container.partnership .partnership .global .list .list_area > li { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }*/
/*.container.partnership .partnership .global .list .list_area > li:not(:last-child) { margin-bottom: 30.3px; }*/
/*.container.partnership .partnership .global .list .list_area > li .txt li { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; }*/
/*.container.partnership .partnership .global .list .list_area > li .txt li:not(:last-child) { margin-bottom: 10.37px; }*/
/*.container.partnership .partnership .global .list .list_area > li .title { font-size: 18px; font-weight: 400; color: #000000; width: 101px; }*/
/*.container.partnership .partnership .global .list .list_area > li .sub { font-size: 18px; font-weight: 300; color: #3E3E3E; }*/
/*.container.partnership .partnership .global .list .list_area > li .global_logo { border: 1px solid #DEDEDE; margin-right: 45.44px; text-align: center; width: 360.34px; height: 118.24px; position: relative; }*/
/*.container.partnership .partnership .global .list .list_area > li .global_logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }*/
.container.partnership .partnership .global .list .list_area { display: flex; flex-wrap: wrap; width: 100%; margin-top: 45.3px; margin-bottom: 85px; row-gap: 30px; column-gap: 10.3px;}
.container.partnership .partnership .global .list .list_area > li { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
/*.container.partnership .partnership .global .list .list_area > li:not(:last-child) { margin-bottom: 30.3px; }*/
.container.partnership .partnership .global .list .list_area > li .txt li { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; }
.container.partnership .partnership .global .list .list_area > li .txt li:not(:last-child) { margin-bottom: 10.37px; }
.container.partnership .partnership .global .list .list_area > li .title { font-size: 18px; font-weight: 400; color: #000000; width: 101px; }
.container.partnership .partnership .global .list .list_area > li .sub { font-size: 18px; font-weight: 300; color: #3E3E3E; }
.container.partnership .partnership .global .list .list_area > li .global_logo { border: 1px solid #DEDEDE; text-align: center; width: 360.34px; height: 118.24px; position: relative; }
.container.partnership .partnership .global .list .list_area > li .global_logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (max-width:1390px){
	.container.partnership .partnership .global .list .map_area .list_img_m { width: 100%; }
	.container.partnership > .partnership_area > .partnership > .area .list { width: 100%; float: inherit; }
	.container.partnership .partnership .global .list .map_area .pointbox1 { top: 383px; left: 367px; }
	.container.partnership .partnership .global .list .map_area .pointbox2 { left: 745px; top: 424px; }
}

@media (max-width:1024px) {

	.container.partnership .partnership .global .list .map_area .pointbox { display: none; }
	/*.container.partnership .partnership .global .list .list_area { margin-top: 30.62px; }*/
	/*.container.partnership .partnership .global .list .list_area > li .global_logo { width: 100%; margin-right: inherit; height: 105px; margin-bottom: 15.19px; }*/
	/*.container.partnership .partnership .global .list .list_area > li .txt { width: 100%; }*/
	/*.container.partnership .partnership .global .list .list_area > li .title { font-size: 15px; font-weight: 400; width: auto; width: 37.6%; }*/
	/*.container.partnership .partnership .global .list .list_area > li .sub { font-size: 15px; font-weight: 300; }*/

	.container.partnership .partnership .global .list .list_area {row-gap: 24px; margin-top: 30px;}
	.container.partnership .partnership .global .list .list_area > li { width: 100%; margin-right: 0; height: 105px; justify-content: center; }
}












/* reference */

.container.reference * {
    box-sizing: border-box;
}

.container.reference .top .area_main_image::after {
    content: '';
    position: absolute;
    width: 136px;
    height: 136px;
    right: -158px;
    top: 78px;
    background: url('/images/contents/reference_bg01.png') no-repeat;
    background-position: center;
    background-size: cover;
}

.container.reference > .top .left > .title {
    margin-bottom: 83px;
}

.container.reference .tab_menu .stroke {
    -webkit-text-stroke: 0.7px #000000;
}


/* reference - Domestic */

.container.reference > .tab_menu {
    margin-top: 121px;
    margin-bottom: 114px;
}

.container.reference > .tab_menu .title {
    font-size: 70px;
    font-weight: 700;
}

.container.reference .reference_area > .area {
    width: 100%;
    padding-bottom: 164px;
    opacity: 0;
    display: none;
}

.container.reference .reference_area > .area > ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.container.reference .reference_area > .area > ul > li {
    width: 32%;
    height: 320px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    margin-bottom: 51px;
    padding: 40px 35px;
    position: relative;
    transition: all 300ms ease;
}

.container.reference .reference_area > .area > ul > li.height {
    height: 320px;
}

.container.reference .reference_area > .area > ul > li.open_height {
    height: 531px;
}


.container.reference .reference_area > .area > ul > li .logo {
    margin-bottom: 27.1px;
    height: 52px;
}

.container.reference .reference_area > .area > ul > li .title {
    font-size: 20px;
    margin-bottom: 30px;
}

.container.reference .reference_area > .area > ul > li .txt {
    font-size: 16px;
    font-weight: 300;
    color: #3E3E3E;
}

.container.reference .reference_area > .area > ul > li .sub {
    opacity: 0;
    margin-bottom: 5.4px;
    text-indent: -10px;
    padding-left: 10px;
}

.container.reference .reference_area > .area > ul > li .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 84px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container.reference .reference_area > .area > ul > li .bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 86%;
    height: 0.5px;
    margin-left: -43%;
    background: rgba(0, 0, 0, 0.13);
}

.container.reference .reference_area > .area > ul > li .bottom .domestic_list_m {
    display: none;
}


.container.reference .reference_area > .area > ul > li .bottom > img {
    margin-right: 18px;
}

.container.reference .reference_area > .area > ul > li .bottom > img:nth-child(1) {
    margin-left: 35px;
}

.container.reference .reference_area > .area > ul > li .bottom .plus_btn {
    margin-right: 35px;
    transition: all 300ms ease;
}

.container.reference .reference_area > .area > ul > li > span {
    color: #B9B9B9;
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    right: 35px;
    bottom: 95px;
}

.container.reference .reference_area > .area > ul > li .bottom .plus_btn.active {
    transform: rotate(180deg);
}

.container.skill ul li {
    padding: 35px 36px 35px 36px;
}

.container.skill ul li .wrap img {
    margin-bottom: 50px;
}

.container.skill ul li .wrap .txtbox {
    position: static;
}

.container.skill ul li {
    height: 383px;
}


@media (max-width:1024px) {
    .container.reference > .tab_menu .title {
        font-size: 30px;
    }

    .container.reference > .tab_menu {
        margin-top: 87px;
        margin-bottom: 65px;
    }

    .container.reference .reference_area > .area {
        padding-bottom: 70px;
    }

    .container.reference .reference_area > .area > ul > li {
        width: 100%;
        height: 223px;
        padding: 24px 23px;
        margin-bottom: 41px;
    }

    .container.reference .reference_area > .area > ul > li.height {
        height: 223px;
    }

    .container.reference .reference_area > .area > ul > li.open_height {
        height: 360px;
    }

    .container.reference .reference_area > .area > ul > li .logo {
        width: 100%;
        margin-bottom: 12px;
        position: relative;
    }

    .container.reference .reference_area > .area > ul > li .logo img {
        height: 65%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
    }

    .container.reference .reference_area > .area > ul > li .logo .logo_size {
        height: 50%;
    }

    .container.reference .reference_area > .global > ul > li .logo .logo_size {
        height: 33%;
    }

    .container.reference .reference_area > .area > ul > li .title {
        font-size: 16px;
    }

    .container.reference .reference_area > .area > ul > li .txt {
        font-size: 14px;
    }

    .container.reference .reference_area > .area > ul > li .bottom {
        height: 53px;
    }

    .container.reference .reference_area > .area > ul > li .bottom .domestic_list {
        display: none;
    }

    .container.reference .reference_area > .area > ul > li .bottom .domestic_list_m {
        display: block;
    }

    .container.reference .reference_area > .area > ul > li .bottom img {
        transform: scale(0.65);
        margin-right: 10px;
    }

    .container.reference .reference_area > .area > ul > li .bottom > img:nth-child(1) {
        margin-left: 0;
        padding-left: 23px;
    }

    .container.reference .reference_area > .area > ul > li > span {
        bottom: 60px;
        font-size: 12px;
    }

    .container.reference .reference_area > .area > ul > li .sub {
        margin-bottom: 5.28px;
    }
}













/* potential */

.container.potential * {
    box-sizing: border-box;
}

.container.potential .top .area_main_image::after {
    content: '';
    position: absolute;
    width: 136px;
    height: 136px;
    right: 66px;
    bottom: -134px;
    background: url('/images/contents/partnership_bg01.png') no-repeat;
    background-position: center;
    background-size: cover;
}


.container.potential > .title {
    font-size: 70px;
    font-weight: 700;
    margin-top: 152px;
    margin-bottom: 81px;
}

.container.potential > .ournumbers {
    width: 100%;
    padding-bottom: 203px;
}

.container.potential > .ournumbers ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 15%;
}

.container.potential > .ournumbers ul > li {
	width: 33.333%;
    margin-bottom: 80px;
}

.container.potential > .ournumbers ul > li .title {
    font-size: 65px;
    font-weight: 700;
    margin-right: 10.43px;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 11px;
}

.container.potential > .ournumbers ul > li .title::after {
    content: '';
    width: 90%;
    height: 1px;
    background-color: #BCBCBC;
    position: absolute;
    bottom: 0;
    left: 0;
}

.container.potential > .ournumbers ul > li .title span {
    font-size: 15px;
    font-weight: 300;
    color: #919191;
    margin-left: 10px;
}

.container.potential > .ournumbers .txt {
    font-size: 18px;
    font-weight: 300;
    color: #3E3E3E;
}

.container.potential > .ournumbers .color {
    color: #8BC341;
    font-weight: 350;
}

.container.potential > .potentiality {
    width: 100%;
    text-align: center;
    padding-bottom: 215.6px;
    position: relative;
}

.container.potential > .potentiality > img {
    margin: 0 auto;
}

.container.potential > .potentiality > .title {
    display: block;
    margin-bottom: 69px;
}

.container.potential > .potentiality > .title p {
    font-size: 50px;
    font-weight: 700;
    display: inline-block;
}

.container.potential > .potentiality > .title .stroke {
    margin-left: 15px;
}

.container.potential > .potentiality ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 53.49px;
    max-width: 1288px;
    margin: 0 auto;
}

.container.potential > .potentiality ul li {
    width: 22%;
}

.container.potential > .potentiality ul li img {
    margin-bottom: 39.38px;
}

.container.potential > .potentiality ul li p {
    font-size: 17px;
}

.container.potential > .potentiality ul li .color {
    color: #8BC341;
    font-weight: 400;
    font-size: 15px;
}

.container.potential > .potentiality .circleLogo {
    width: 255.06px;
    height: 255.06px;
    position: absolute;
    top: -202px;
    left: -120px;
}


@media(max-width:1024px) {
    .container.potential .top .area_main_image::after {
        display: none;
    }

    .container.potential > .title {
        font-size: 30px;
        margin-top: 87px;
        margin-bottom: 30.7px;
        -webkit-text-stroke: 0.7px #000000;
    }

    .container.potential > .ournumbers {
        padding-bottom: 101px;
    }

    .container.potential > .ournumbers ul {
        padding-left: 0;
    }

    .container.potential > .ournumbers ul > li {
        width: 50%;
        padding-bottom: 25.7px;
    }

    .container.potential > .ournumbers ul > li .title {
        font-size: 40px;
        margin-right: 5.21px;
        position: relative;
        margin-bottom: 15.7px;
        padding-bottom: 3px;
    }

    .container.potential > .ournumbers ul > li .title span {
        font-size: 14px;
        margin-left: 5.5px;
    }

    .container.potential > .ournumbers .txt {
        font-size: 14px;
        line-height: 1.7;
    }

    .container.potential > .ournumbers .color {
        font-size: 14px;
        margin-top: 2px;
    }

    .container.potential > .potentiality > .title {
        margin-bottom: 30.7px;
    }

    .container.potential > .potentiality > .title p {
        font-size: 27px;
        display: block;
    }

    .container.potential > .potentiality > .title .stroke {
        margin-left: 0;
    }

    .container.potential > .potentiality > img {
        width: calc(100% + 40px);
        margin: 0 auto;
        margin-left: -20px;
    }

    .container.potential > .potentiality ul > li {
        width: 48%;
        padding-bottom: 54px;
    }

    .container.potential > .potentiality ul > li p {
        font-size: 14px;
    }

    .container.potential > .potentiality ul > li > img {
        transform: scale(0.83);
        margin-bottom: 25.98px;
    }

    .container.potential > .potentiality {
        padding-bottom: 90px;
    }

    .container.potential > .ournumbers ul > li {
        margin-bottom: 0;
    }
}








/* recruit */

.container.static {
    position: static;
}

.container.recruit {
    margin-bottom: 43px;
}

.container.recruit .boardTitBg {
    display: none !important;
}

.container.recruit * {
    box-sizing: border-box;
}

.recruitList ul {
    overflow: inherit;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.recruitList ul li:hover {
    border: 1px solid transparent;
    background-color: #ffffff !important;
    background: linear-gradient(to left top, rgba(168, 246, 130, .3), rgba(239, 235, 140, .3));
}


@media (max-width:1024px) {
    .container.recruit {
        margin-bottom: 23.5px;
        padding: 0;
    }
}












/* communication - hr */

#wrap .recruit_main {
    width: 100%;
}

#wrap .recruit_main > .title {
    font-size: 120px;
    font-weight: 800;
    line-height: 1.05;
    padding-bottom: 1350px;
}

#wrap .recruit_main .main_container {
    width: 100%;
}

#wrap .recruit_main .main_container .bg {
    width: 69%;
    height: 1004px;
    background-color: #F6F6F6;
    position: absolute;
    right: 0;
    top: 740px;
    padding-top: 156px;
    padding-left: 104px;
}

#wrap .recruit_main .main_container .bg::before {
    content: '';
    position: absolute;
    top: -144px;
    right: 139.25px;
    width: 270px;
    height: 267px;
    background: url('/images/contents/recruit_main.png') no-repeat;
    background-position: center;
    background-size: cover;
    transform: rotate(-6deg);
}

#wrap .recruit_main .main_container .bg .title {
    color: #FCA239;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
}

#wrap .recruit_main .main_container .bg .txt {
    font-size: 17px;
}

#wrap .recruit_main .main_container .bg .txt2 {
    margin-top: 125px;
    margin-left: 132px;
}

.recruit_main .main_container .bg .arrow_btn {
    position: absolute;
    left: -320px;
    bottom: 369px;
    display: flex;
}

.recruit_main .main_container .bg .arrow_btn .arrow_btn_l {
    margin-right: 34px;
}

#wrap .recruit_main .main_container .bg .swiper-container.hr_slide2 {
    position: absolute;
    right: 50px;
    bottom: 0;
    width: 61%;
    height: 63%;
}

#wrap .recruit_main .main_container .bg .hr_slide2 .swiper-slide,
#wrap .recruit_main .main_container .bg .hr_slide2 .swiper-slide.swiper-slide-active {
    width: 100%;
}

#wrap .recruit_main .main_container .bg .swiper-container.hr_slide {
    bottom: 123.5px;
    left: -292px;
    width: 200px;
    height: 200px;
    margin: inherit;
}

#wrap .recruit_main .main_container .bg .hr_slide img {
    width: 100%;
}

#wrap .recruit_main > .title.stroke {
    -webkit-text-stroke: 1px #BDBDBD;
}

.hrSildeSB .leftSlideWrap .hrhrSlide li {
    overflow: hidden;
}

.hrSildeSB .leftSlideWrap .greenSnow {
    animation: hricon 7000ms linear;
    animation-iteration-count: infinite;
}

@keyframes hricon {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


@media (max-width:1024px) {
    #wrap .recruit_main > .title.stroke {
        -webkit-text-stroke: 0.55px #BDBDBD;
        line-height: 1.3;
    }

    #wrap > .container.static {
        padding: 0 20px;
    }

    #wrap .recruit_main > .title {
        font-size: 40px;
        line-height: 1.5;
    }

    #wrap .recruit_main > .title {
        padding-bottom: inherit;
    }

    #wrap .recruit_main .main_container .bg {
        position: relative;
        top: 0;
        width: calc(100% + 40px);
        height: auto;
        padding-top: 65.7px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 -20px;
    }

    #wrap .recruit_main .main_container .bg .title {
        font-size: 20px;
        margin-bottom: 25px;
    }

    #wrap .recruit_main .main_container .bg .txt {
        font-size: 14px;
    }

    #wrap .recruit_main .main_container .bg::before {
        top: 331px;
        right: 0;
    }

    #wrap .recruit_main .main_container .bg .hr_slide2 {
        width: calc(100% - 40px);
        height: inherit;
        margin: 0;
        position: static;
    }

    #wrap .recruit_main .main_container .bg .txt2 {
        margin-top: inherit;
        margin-left: inherit;
        position: absolute;
        bottom: 65.7px;
        left: 46.3px;
        font-size: 14px;
    }

    .recruit_main .main_container .bg .arrow_btn {
        left: 20px;
        bottom: 307px;
        z-index: 50;
    }

    .recruit_main .main_container .bg .arrow_btn img {
        height: 14.5px;
    }

    #wrap .recruit_main .main_container .bg .hr_slide {
        height: 96.13px;
        right: 0;
        bottom: 0;
        margin: 0;
        left: inherit;
    }
}

















/* recruit view - norma person */

#wrap .norma_person {
    width: 100%;
    padding-bottom: 200px;
}

#wrap .norma_person > .title {
    font-size: 40px;
    font-weight: 700;
}

#wrap .norma_person > .title p {
    display: inline-block;
}

#wrap .norma_person .image {
    text-align: center;
}

#wrap .norma_person .image img {
    margin: 0 auto;
}

#wrap .norma_person > ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#wrap .norma_person > ul li {
    width: 25%;
    padding: 20px 0 0 0;
    position: relative;
}

#wrap .norma_person > ul li > p {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 40px;
}

#wrap .norma_person > ul li::before {
    content: '';
    width: 95%;
    height: 2px;
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
}

#wrap .norma_person > ul li > p span {
    color: #CDCDCD;
    font-size: 16px;
    font-weight: 600;
    margin-left: 15px;
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
}

#wrap .norma_person > ul li .txt p {
    font-size: 18px;
}


@media (max-width:1024px) {
    #wrap .norma_person > .title {
        font-size: 25px;
        text-align: left;
        margin-bottom: 55px;
        position: absolute;
        top: 42px;
    }

    #wrap .norma_person .image img {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    #wrap .norma_person > ul {
        margin-bottom: 30.24px;
    }

    #wrap .norma_person > ul li {
        width: 100%;
        padding: 15px 0 65.7px 0;
    }

    #wrap .norma_person > ul li > p {
        font-size: 23px;
        margin-bottom: 34px;
    }

    #wrap .norma_person > ul li > p span {
        font-size: 14px;
    }

    #wrap .norma_person > ul li .txt p {
        font-size: 16px;
    }

    #wrap .norma_person {
        padding-bottom: 28px;
        margin-top: 46px;
        position: relative;
        padding: 0 20px;
    }

}










/* norma_welfare */

#wrap .norma_welfare_bg {
    position: absolute;
    right: 0;
    bottom: 10%;
}

#wrap .norma_welfare_bg_m {
    position: absolute;
    right: 0;
    bottom: 23%;
}

#wrap .norma_welfare {
    width: 100%;
    position: relative;
    margin-top: 200px;
}

#wrap .norma_welfare > .title {
    margin-bottom: 124px;
    font-size: 40px;
    font-weight: 700;
}

#wrap .norma_welfare > .title p {
    display: inline-block;
}

#wrap .norma_welfare > .contents {
    width: 76%;
    margin: 0 auto;
}

#wrap .norma_welfare > .contents ul {
    width: 100%;
}

#wrap .norma_welfare > .contents ul > li {
    width: 100%;
    margin-bottom: 226px;
    position: relative;
}

#wrap .norma_welfare > .contents ul > li .txt_box {
    position: absolute;
}

#wrap .norma_welfare > .contents ul .one .number {
    font-size: 190px;
    font-weight: 900;
    position: absolute;
    right: 13%;
    top: -110px;
}

#wrap .norma_welfare > .contents ul .two .number {
    font-size: 190px;
    font-weight: 900;
    position: absolute;
    left: -48px;
    top: -133px;
}

#wrap .norma_welfare > .contents ul .three .number {
    font-size: 190px;
    font-weight: 900;
    position: absolute;
    right: 20%;
    top: -255px;
}

#wrap .norma_welfare > .contents ul .one .txt_box {
    position: absolute;
    right: 20%;
    bottom: 0;
}

#wrap .norma_welfare > .contents ul .two .txt_box {
    position: absolute;
    left: 8%;
    bottom: -40px;
}

#wrap .norma_welfare > .contents ul .three .txt_box {
    position: absolute;
    right: 37%;
    top: 0;
}

#wrap .norma_welfare > .contents ul .two img {
    padding-left: 57%;
    z-index: -1;
}

#wrap .norma_welfare > .contents ul .three img {
    padding-left: 12%;
}

#wrap .norma_welfare > .contents ul li .txt_box .txt .title {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 28px;
}

#wrap .norma_welfare > .contents ul li .txt_box .txt p:not(.title) {
    font-size: 18px;
}

#wrap .norma_welfare > .contents ul li .txt_box .txt .title span {
    font-size: 14px;
    margin-left: 7px;
}

@media (max-width:1024px) {
    #wrap .norma_welfare > .contents {
        width: 100%;
    }

    #wrap .norma_welfare > .contents ul {
        margin-bottom: 25px;
    }

    #wrap .norma_welfare {
        margin-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    #wrap .norma_welfare > .title {
        margin-bottom: 40px;
        font-size: 25px;
    }

    #wrap .norma_welfare > .contents ul .one .txt_box {
        position: static;
        margin-top: 40px;
        padding-left: 50px;
    }

    #wrap .norma_welfare > .contents ul .two .txt_box {
        position: static;
        margin-top: 70.8px;
        padding-left: 50px;
    }

    #wrap .norma_welfare > .contents ul .three .txt_box {
        position: static;
        margin-top: 42px;
        padding-left: 50px;
    }

    #wrap .norma_welfare > .contents ul > li {
        margin-bottom: 65px;
    }

    #wrap .norma_welfare > .contents ul li .txt_box .txt .title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    #wrap .norma_welfare > .contents ul li .txt_box .txt p:not(.title) {
        font-size: 14px;
    }

    #wrap .norma_welfare > .contents ul li .txt_box .txt .title span {
        font-size: 13px;
        margin-left: 5px;
    }

    #wrap .recruitment .title {
        font-size: 25px;
        margin-bottom: 40px;
    }

    #wrap .norma_welfare > .contents ul li img {
        width: 67%;
    }

    #wrap .norma_welfare > .contents ul .two img {
        padding-left: 0;
    }

    #wrap .norma_welfare > .contents ul .three img {
        padding-left: 0;
    }

    #wrap .norma_welfare > .contents ul .one .number {
        font-size: 85px;
        right: 20px;
        top: 87px;
    }

    #wrap .norma_welfare > .contents ul .two {
        padding-top: 144px;
    }

    #wrap .norma_welfare > .contents ul .two img {
        position: absolute;
        top: 0;
        right: 0;
    }

    #wrap .norma_welfare > .contents ul .two .number {
        font-size: 85px;
        top: 76px;
        left: 20px;
    }

    #wrap .norma_welfare > .contents ul .three .number {
        font-size: 85px;
        top: 119px;
        right: 20px;
    }

}










#wrap .recruitment {
    width: 100%;
    padding-bottom: 196px;
}

#wrap .recruitment .title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 52px;
}

#wrap .recruitment ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 82%;
    margin: 0 auto;
}

#wrap .recruitment ul li {
    width: 18%;
    border: 1.12px solid #BCBCBC;
    padding: 22.96px;
    position: relative;
}

#wrap .recruitment ul li span {
    color: #2F519A;
    font-size: 13.46px;
    font-weight: 700;
    position: relative;
}

#wrap .recruitment ul li span sub {
    font-size: 15.71px;
    position: absolute;
    top: -3px;
}

#wrap .recruitment ul li img {
    margin: 47px auto 19px auto;
    text-align: center;
    display: block;
}

#wrap .recruitment ul li p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 37px;
}

#wrap .recruitment ul li:not(:last-child)::after {
    content: '';
    background: url('/images/contents/arrow_icon.png') no-repeat;
    background-position: center;
    background-size: cover;
    width: 14px;
    height: 15px;
    position: absolute;
    right: -13%;
    top: 50%;
    margin-top: -7.5px;
}

@media (max-width:1024px) {
    #wrap .recruitment {
        padding-bottom: 90.5px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #wrap .recruitment .title {
        font-size: 25px;
        margin-bottom: 40.2px;
    }

    #wrap .recruitment ul li {
        width: 100%;
        margin-bottom: 57.88px;
        padding: 19.2px;
    }

    #wrap .recruitment ul li:not(:last-child)::after {
        background: url('/images/contents/arrow_icon_m.png') no-repeat;
        right: 50%;
        top: inherit;
        margin-top: inherit;
        margin-right: -7px;
        bottom: -13%;
    }

    #wrap .recruitment ul li span {
        font-size: 15px;
    }

    #wrap .recruitment ul li span sub {
        font-size: 15px;
        margin-left: 3px;
    }

    #wrap .recruitment ul li img {
        margin: 28.61px auto 32.63px auto;
        transform: scale(0.98);
    }

    #wrap .recruitment ul li p {
        margin-bottom: 6.8px;
        font-size: 16px;
    }
}







/* index page */

.container.pr .swiper-container.pr video {
    max-width: 100%;
    max-height: 100%;
}


.container.product .circleLogo {
    position: absolute;
    width: 147.14px;
    height: 147.14px;
    right: -87px;
    top: -109px;
}




/* product */

.productsMain .container .products_topline {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 88px;
    height: 88px;
    transition: all 300ms ease;
}

.productsMain .container .products_topline.active {
    position: absolute;
    right: -41px;
    top: -38px;
    width: 124.16px;
    height: 124.16px;
}

.productsMainBg_m {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}







/* product atear - features */

#wrap .productsbg {
    position: absolute;
    left: 0;
    top: 38%;
}

#wrap .productsbg_m {
    position: absolute;
    left: 0;
    top: 44%;
}

.features .atear {
    box-shadow: 5.3756px 5.3756px 15.0517px rgba(111, 111, 111, 0.23);
    border-radius: 20px;
    background-color: #FBFBFB;
}

.tryAtear .tryAtearList > li {
    box-shadow: 5.3756px 5.3756px 15.0517px rgb(111, 111, 111, 0.15);
    border-radius: 20px;
}

.grayBg .products_bg_m {
    position: absolute;
    top: 0;
}

@media (max-width:1555px) {
    .features .atear {
        width: 100%;
    }
}





/* solution - business */

#wrap .solution_b {
    position: absolute;
    bottom: 393px;
    left: 0;
}

.solutionCon1 .txtbox .txt1 {
    line-height: 1.4;
}

.solCon1Bg_box{
    position: relative;
    height: 1px;
    z-index: -1;
}

.solCon1Bg_box.newbg .solCon1Bg {
    position: absolute;
    bottom: -462px;
    left: 30%;
    transform: translate(-30%,0);
    pointer-events: none;
    touch-action: none;
}

.solCon1Bg_box .solCon1Bg {
    position: absolute;
    bottom: -462px;
    left: 50%;
    transform: translate(-50%,0);
    pointer-events: none;
    touch-action: none;
}

.solCon1Bg_m.sol1{
    position: absolute;
    width: auto;
    bottom: -31px;
    left: 40%;
    transform: translate(-50%,0);
}

.solutionCon1 .solcon1_typo {
    position: absolute;
    top: 448px;
    right: 85px;
    animation: solcon1icon 7000ms linear;
    animation-iteration-count: infinite;
    z-index: 1;
}

.solutionCon1 .solcon1_typoarea {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@keyframes solcon1icon {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width:1830px) {
    .solutionCon1 .solCon1Bg {
        left: inherit;
        right: -52%;
    }
}

@media (max-width:1024px) {
    .solutionCon1.sol1{
        padding-bottom: 322px;
    }

    .solutionCon1 .solcon1_typoarea {
        position: relative;
        margin-bottom: 22%;
    }

    .solutionCon1 .solcon1_typo_m {
        position: absolute;
        top: 16%;
        left: 24%;
        animation: solcon1icon 7000ms linear;
        animation-iteration-count: infinite;
        width: 51%;
        z-index: 1;
    }

    .container.solution_subtxt {
        margin-top: 40px;
        margin-bottom: 100px;
    }

    .container.solution_subtxt .needList.business {
        color: #000000;
    }

    .container.solution_subtxt.newd p {
        font-size: 18px;
		text-align:center;
		font-weight:700;
		color:#CDCDCD;
		text-transform:uppercase;
    }

    .container.solution_subtxt > ul > li::before {
        display:none;
    }

    .container.solution_subtxt > ul ul > li {
        padding-left: 10px;
        margin-left: 0;
		position:relative;
    }

    .container.solution_subtxt > ul ul > li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 13px;
        width: 4px;
        height: 1px;
        background-color: #000000;
    }

    .needList.business p {
        margin-bottom: 20px;
    }

    .container.solution_subtxt .needList.business li {
        margin: 0;
		font-weight:500;
		font-size:20px;
		color:#000000;
		text-align:center;
		width:100%;
		padding:24px 0;
		background-color:#fff;
		box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
		border-radius: 30px;
    }

	 .container.solution_subtxt .needList.business li:not(:last-child){
			margin-bottom:15px;
		}

    .busi_home_damage .aimgWrap {
        width: 100%;
        padding-left: 3.5%;
    }
}







/* solution - inustry */

.solution_subtxt .needList.industry > li {
    color: #3E3E3E;
    padding-left: 9px;
    position: relative;
    font-size: 14px;
}

.solutionMain .needList > li > ul > li::before {
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #3E3E3E;
}

.solutionMain .needList.industry {
    bottom: 42px;
}

@media (max-width:1024px) {
	    .solution_subtxt .needList.industry .area{
			margin-top:20px;
		}

    .solution_subtxt .needList.industry .area> li {
        padding-left: 0;
        font-size: 20px;
		font-weight:500;
		text-align:center;
		position:relative;
		padding-bottom:15px;
    }

	    .solution_subtxt .needList.industry .area> li ::after{
			content:'';
			position:absolute;
			bottom:0;
			left:50%;
			transform:translate(-50%,0);
			width:19px;
			height:1px;
			background-color:#D3D3D3;
		}

	.solution_subtxt .needList.industry .area{
		width:100%;
		padding:24px 28px;
		background-color:#fff;
		box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
		border-radius: 30px;
		box-sizing:border-box;
	}

	.solutionMain .needList > li > ul > li::before{
		top:10px;
	}
}



/* security */

#wrap .securityicon {
    position: absolute;
    left: 73px;
    top: 48.5%;
}

.contactBtn {
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
}

.container.ss_monitoring .advantagesList .dotList {
    position: relative;
}

.container.ss_monitoring .advantagesList .dotList::before {
    content: '';
    position: absolute;
    left: -5.77px;
    top: 50%;
    width: 4.2px;
    height: 4.2px;
    margin-top: -2.1px;
    background: #C4C4C4;
    border-radius: 50%;
}

.container.ss_monitoring .advantagesList .sha {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    border-radius: 30px;
}


.container .solutionCon1 .txt1 span {
    color: #8BC341;
}

.consulting_security .consultingAnchor .anchorList li {
    padding: 42px 0 42px 25px;
    border-radius: 11px;
}

.consulting_security .consultingAnchor .anchorList li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}

.consulting_security .consultingAnchor .anchorList li a img {
    margin-right: 23px;
}

@media (max-width:1535px) {
    .consulting_security .consultingAnchor {
        flex-wrap: wrap;
    }

    .consulting_security .consultingAnchor .anchorList .tit {
        width: 100%;
    }


    .consultingAnchor .anchorList {
        width: 100%;
    }

    .consulting_security .consultingAnchor .anchorList li a {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .consulting_security .consultingAnchor .tit {
        text-align: center;
        width: 100%;
    }
}

@media (max-width:1470px) {
    .smartSecurity.listheight .advantagesList li {
        width: 100%;
        padding: 29px;
        min-height: auto;
        margin: 0 0 20px 0;
    }
}

@media (max-width:1024px) {

    .container.ss_monitoring .advantagesList .dotList {
        margin-left: 6px;
    }

    .container.ss_monitoring .advantagesList .dotList::before {
        left: -6px;
        top: 50%;
        width: 3px;
        height: 3px;
        margin-top: -1.5px;
    }


    .consulting_security .consultingAnchor .anchorList li {
        padding: 22px 15px;
    }

    .consulting_security .consultingAnchor .anchorList li a {
        padding: 0;
    }

    .consulting_security .consultingAnchor .anchorList li a img {
        margin-right: 20px;
        width: 14vw;
    }
}



/* securitybt */

#wrap .securitybticon {
    position: absolute;
    left: 130px;
    top: 50%;
}

.grayBgLinear {
    background: linear-gradient(#FAFAFA, #fff);
}



/* consulting */

#anchor5 .consultingicon {
    position: absolute;
    left: 6%;
    top: 9%;
}

.sol_consulting .consultingBg1 {
    position: absolute;
    right: 0;
    top: 28%;
    z-index: 1;
}

.sol_consulting .anchorConWrap {
    z-index: 2;
}

.sol_consulting .consultingBg2 {
    position: absolute;
    left: 0;
    top: 44%;
    z-index: 1;
}

.aimgWrap img {
    z-index: 2;
}

.sol_consulting .process .aimgWrap {
    position: relative;
    z-index: 10;
}

.rollinglist .consultingAnchor .anchorList.ani:hover li {
    animation-name: none;
}

.rollinglist .consultingAnchor .anchorList.ani li {
    animation: consultingli 15s linear infinite;
    cursor: pointer;
}

.rollinglist .consultingAnchor .anchorList.ani li:nth-child(1) {
    animation-delay: 0s;
}

.rollinglist .consultingAnchor .anchorList.ani li:nth-child(2) {
    animation-delay: 3s;
}

.rollinglist .consultingAnchor .anchorList.ani li:nth-child(3) {
    animation-delay: 6s;
}

.rollinglist .consultingAnchor .anchorList.ani li:nth-child(4) {
    animation-delay: 9s;
}

.rollinglist .consultingAnchor .anchorList.ani li:nth-child(5) {
    animation-delay: 12s;
}



@keyframes consultingli {
    0% {
        background: #ffffff;
        box-shadow: none;
    }

    5% {
        background: url(/images/contents/solAnchorBg.png)no-repeat center center;
        box-shadow: 15px 12px 20px #eee;
        border-width: 0;
    }

    8% {
        background: url(/images/contents/solAnchorBg.png)no-repeat center center;
        box-shadow: 15px 12px 20px #eee;
        border-width: 0;
    }

    12% {
        background: url(/images/contents/solAnchorBg.png)no-repeat center center;
        box-shadow: 15px 12px 20px #eee;
        border-width: 0;
    }

    18% {
        background: #ffffff;
        box-shadow: none;
    }

    100% {
        background: #ffffff;
        box-shadow: none;
    }
}

.consultingAnchor {
    overflow: inherit;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.consultingAnchor .anchorList {
    float: inherit;
    overflow: inherit;
}

.consultingAnchor .anchorList li {
    border-radius: inherit;
}

.sol_consulting .container {
    z-index: 2;
}

.benefitSlideWrap {
    position: relative;
}

.benefitSlideWrap .sub_swiper {
    position: absolute;
    width: 289px;
    height: 343px;
    right: 160px;
    top: -56px;
}

.benefitSlideWrap .sub_swiper .swiper-slide.pic1 {
    background: url('/images/contents/benefitSub1-1.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper .swiper-slide.pic2 {
    background: url('/images/contents/benefitSub1-2.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper .swiper-slide.pic3 {
    background: url('/images/contents/benefitSub1-3.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper .swiper-slide.pic4 {
    background: url('/images/contents/benefitSub1-4.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper .swiper-slide.pic5 {
    background: url('/images/contents/benefitSub1-5.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper .swiper-slide.pic6 {
    background: url('/images/contents/benefitSub1-6.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper .swiper-slide.pic7 {
    background: url('/images/contents/benefitSub1-7.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper .swiper-slide img {
    width: 100%;
}

.sub_swiper .swiper-slide-active {
    opacity: 1 !important;
}

.benefitSlideWrap .sub_swiper .swiper-wrapper {
    background: url('/images/contents/consultingside_slide.png') no-repeat;
}

.benefitSlideWrap .sub_swiper2 .swiper-wrapper {
    background: url('/images/contents/consultingside_slide.png') no-repeat;
}

.benefitSlideWrap .sub_swiper2 {
    position: absolute;
    width: 289px;
    height: 343px;
    left: 160px;
    top: -56px;
}

.benefitSlideWrap .sub_swiper2 .pic1 {
    background: url('/images/contents/benefitSub2-1.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper2 .pic2 {
    background: url('/images/contents/benefitSub2-2.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper2 .pic3 {
    background: url('/images/contents/benefitSub2-3.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper2 .pic4 {
    background: url('/images/contents/benefitSub2-4.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper2 .pic5 {
    background: url('/images/contents/benefitSub2-5.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper2 .pic6 {
    background: url('/images/contents/benefitSub2-6.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper2 .pic7 {
    background: url('/images/contents/benefitSub2-7.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.benefitSlideWrap .sub_swiper2 .pic1 {
    background: url('/images/contents/benefitSub2-1.png') no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -55px;
    left: -29px;
}

.swiper-slide {
    transition: opacity 0.3s;
}

.benefitSlideWrap .swiper-slide {
    opacity: 0 !important;
}

.benefitSlideWrap .swiper-slide-active {
    opacity: 1 !important;
}



@media (max-width:1024px) {
    .sol_consulting .cloudWrap .cloudExample img {
        margin: 0 auto;
    }

    .aimgWrap img.m {
        width: 100%;
    }
}


@media (max-width:360px) {
    .swiper-container.benefit .swiper-slide {
        height: 209px;
    }

    .swiper-container.benefit .swiper-slide.pic1 {
        background: url('/images/contents/benefit_m1-1.png');
    }

    .swiper-container.benefit .swiper-slide.pic2 {
        background: url('/images/contents/benefit_m1-2.png');
    }

    .swiper-container.benefit .swiper-slide.pic3 {
        background: url('/images/contents/benefit_m1-3.png');
    }

    .swiper-container.benefit .swiper-slide.pic4 {
        background: url('/images/contents/benefit_m1-4.png');
    }

    .swiper-container.benefit .swiper-slide.pic5 {
        background: url('/images/contents/benefit_m1-5.png');
    }

    .swiper-container.benefit .swiper-slide.pic6 {
        background: url('/images/contents/benefit_m1-6.png');
    }

    .swiper-container.benefit .swiper-slide.pic7 {
        background: url('/images/contents/benefit_m1-7.png');
    }

    .swiper-container.benefit2 .swiper-slide {
        height: 209px;
    }

    .swiper-container.benefit2 .swiper-slide.pic2-1 {
        background: url('/images/contents/benefit_m2-1.png');
    }

    .swiper-container.benefit2 .swiper-slide.pic2-2 {
        background: url('/images/contents/benefit_m2-2.png');
    }

    .swiper-container.benefit2 .swiper-slide.pic2-3 {
        background: url('/images/contents/benefit_m2-3.png');
    }

    .swiper-container.benefit2 .swiper-slide.pic2-4 {
        background: url('/images/contents/benefit_m2-4.png');
    }

    .swiper-container.benefit2 .swiper-slide.pic2-5 {
        background: url('/images/contents/benefit_m2-5.png');
    }

    .swiper-container.benefit2 .swiper-slide.pic2-6 {
        background: url('/images/contents/benefit_m2-6.png');
    }

    .swiper-container.benefit2 .swiper-slide.pic2-7 {
        background: url('/images/contents/benefit_m2-7.png');
    }
}






/* solutions - consulting_ot */

#anchor3 .cloudService .sha {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    border-radius: 30px;
}



.solutionMain .coninfoList .sha {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    border-radius: 30px;
}

.boardTitBg {
    width: inherit;
}





/* products - iotcareair */

.container.iotcare .skill_bg {
    position: absolute;
    top: -12%;
    left: 54%;
    transform: translate(-50%);
    z-index: -1;
}

.features.iotcareair .featuresVisual,
.features.iotcare .featuresVisual {
    position: absolute;
    left: -10vw;
    background-size: cover;
}

.features.iotcare .featuresVisual {
    width: 59%;
}

.features .txtbox ul li .subject {
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
    font-weight: 600;
}

.features .txtbox ul li .subject span {
    font-family: 'noto sans KR', sans-serif;
}

.features.iotcareair .txtbox ul li .explain .barTxt.barTxt_top {
    margin-top: 4.5px;
}

.features.iotcareair .txtbox ul li .explain .barTxt:not(:last-child) {
    margin-bottom: 3.5px;
}

.productsMain .txt2 ul li {
    font-weight: 350;
}

.container.iotcareNeed .sha {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    border-radius: 30px;
}

.atearBg {
    bottom: 0;
    z-index: -1;
}

.greenSnow.num1 {
    width: 9.55%;
    animation: productsicon 7000ms linear;
    animation-iteration-count: infinite;
	top:-181px;
}

.container.atear ul li .enter {
    margin-bottom: 16px;
}

@keyframes productsicon {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.container.skill.iotcare .iotcareair2Img_m {
    display: none;
}

.container.skill.iotcare ul li {
    height: 397px;
}

@media (max-width:1555px) {
    .features.iotcare {
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }

    .features.iotcareair .featuresVisual {
        width: 100%;
        height: 80vw;
        background-position: center;
        position: relative;
        left: inherit;
    }

    .features .txtbox {
        width: 100%;
        position: static;
    }
}


@media (max-width:1024px) {
    .atearBg {
        top: -130px;
    }

    .container.atear ul li {
        margin-bottom: 10px;
    }

    .container.skill.iotcare {
        width: 100%;
        padding: 0 20px;
    }

    .productsMain.iotcare .productsBg_m {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
    }

    .container.skill .skill_bg_m {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
    }

    .features.iotcare {
        display: inherit;
    }

    .features.iotcareair .featuresVisual,
    .features.iotcare .featuresVisual {
        position: relative;
        margin-left: inherit;
        width: calc(100% + 40px);
        left: inherit;
        margin: 0 -20px 40.33px;
    }

    .features.iotcareair .txtbox ul li .explain .barTxt.lh20 {
        margin-bottom: 20px;
    }

    .container.skill.iotcare ul li {
        height: auto;
        padding: 29px;
    }

    .container.skill.iotcare ul li .wrap img {
        margin-bottom: inherit;
    }

    .container.atear ul li .enter {
        margin-bottom: 9px;
    }
}

@media (max-width:360px) {
    .container.skill.iotcare .iotcareair2Img {
        display: none;
    }

    .container.skill.iotcare .iotcareair2Img_m {
        display: block;
        margin: 0 auto 50.65px auto;
    }

}





/* products - iotcare2.0 */

.iotcaregrayBg .iotcare_bg {
    position: absolute;
    left: 0;
    top: 30%;
}

.iotcaregrayBg .iotcare_bg_m {
    position: absolute;
    left: 0;
    top: 21%;
}


.ataerWrap .circleLogo {
    position: absolute;
    width: 216.75px;
    height: 216.75px;
    top: -4vw;
    left: 3vw;
}


@media (max-width:1555px) {
    .features .featuresVisual.middle_width {
        width: 100%;
        height: 80vw;
        background-position: center;
        position: relative;
        left: inherit;
    }

    .features .txtbox .tit.middle_width {
        margin-top: 1em;
    }
}

@media (max-width:1024px) {
    .features .txtbox .tit.middle_width {
        margin-top: inherit;
    }
}





/* communication - news */

.container.prCenter .prListWrap .searchWrap .searchBar {
    background-color: #ffffff;
}

/*.container.prCenter .tit .stroke{
    background-color: #ffffff;
}*/

#wrap .prcenterbg {
    position: absolute;
    right: 0;
    top: 12%;
}

#wrap .prcenterbg_m {
    position: absolute;
    right: 0;
    top: 16%;
}




/* communication - recruit */

/*.container.recruit .boardTit .tit {
    font-weight: 800;
    font-size: 120px;
}

@media (max-width:1024px) {
    .container.recruit .boardTit .tit {
        font-size: 50px;
    }
}*/



/* communication - event_view */

@media (max-width:1024px) {
    .container.prCenter .boardTit .tit {
        margin-bottom: 9.82px;
    }
}




/* resouce - contact */

#wrap > .contactBg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.boardTitBg {
    z-index: -1;
}

.container.contact .boardTit .tit .stroke {
    color: #ffffff;
}


.container.contact .contactus {
    background-color: #FCFCFC;
    box-shadow: 5px 30px 70px rgba(111, 111, 111, 0.1);
}

.contact .contactus .entryPart li p {
    position: relative;
}

.container.contact .contactus .entryPart li p sub {
    color: #8BC341;
    position: absolute;
}

.contact .contactus .entryPart ul .contents textarea::placeholder {
    font-family: 'noto sans KR', sans-serif;
    font-weight: 400;
}





/* index */

.swiper-container .swiper-slide .more_btn1 {
    position: absolute;
    top: 260px;
    left: 346px;
    width: 131px;
    height: 30px;
    background: transparent;
    z-index: 5;
}

.swiper-container .swiper-slide .download_btn1 {
    position: absolute;
    bottom: 156px;
    left: 316px;
    width: 211px;
    height: 36px;
    background: transparent;
    z-index: 5;
}

.swiper-container .swiper-slide .more_btn2 {
    position: absolute;
    top: 236px;
    left: 347px;
    width: 131px;
    height: 30px;
    background: transparent;
    z-index: 5;
}

.swiper-container .swiper-slide .download_btn2 {
    position: absolute;
    bottom: 124px;
    left: 314px;
    width: 211px;
    height: 36px;
    background: transparent;
    z-index: 5;
}

.swiper-container .swiper-slide .more_btn3 {
    position: absolute;
    top: 286px;
    left: 347px;
    width: 131px;
    height: 30px;
    background: transparent;
    z-index: 5;
}

.swiper-container .swiper-slide .download_btn3 {
    position: absolute;
    bottom: 122px;
    left: 315px;
    width: 211px;
    height: 36px;
    background: transparent;
    z-index: 5;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7.54px;
}

.mainVisual .txt p {
    line-height: 1.6;
}

.container.news .snow {
    width: 218px;
}

.container.solution .tit .stroke {
    font-weight: 800;
}



@media (max-width:1280px) {
    .swiper-container .swiper-slide .more_btn1 {
        top: 18.5vw;
        left: 25.6%;
        width: 10.5%;
        height: 4.5%;
    }

    .swiper-container .swiper-slide .download_btn1 {
        bottom: inherit;
        left: 25.5%;
        top: 37.5vw;
        width: 17%;
        height: 5%;
    }

    .swiper-container .swiper-slide .more_btn2 {
        top: 17vw;
        left: 25.6%;
        width: 10.5%;
        height: 4.5%;
    }

    .swiper-container .swiper-slide .download_btn2 {
        bottom: inherit;
        left: 25.5%;
        top: 40vw;
        width: 17%;
        height: 5%;
    }

    .swiper-container .swiper-slide .more_btn3 {
        top: 18.5vw;
        left: 25.6%;
        width: 10.5%;
        height: 4.5%;
    }

    .swiper-container .swiper-slide .download_btn3 {
        bottom: inherit;
        left: 25.5%;
        top: 40vw;
        width: 17%;
        height: 5%;
    }
}


@media (max-width:1024px) {

    .swiper-container .swiper-slide .305more_btn1,
    .swiper-container .swiper-slide .more_btn2,
    .swiper-container .swiper-slide .more_btn3 {
        top: 84vw;
        left: 17.6%;
        width: 61.5%;
        height: 12vw;
    }

    .swiper-container .swiper-slide .download_btn1,
    .swiper-container .swiper-slide .download_btn2,
    .swiper-container .swiper-slide .download_btn3 {
        left: 17.6%;
        width: 61.5%;
        height: 12vw;
        top: 90.5vw;
    }

    #wrap .container.news .tit {
        line-height: 1.2;
    }

    .container.contact .txtBox .txt2 {
        line-height: 1.5;
    }
}

@media (max-width:672px) {

    .swiper-container .swiper-slide .more_btn1,
    .swiper-container .swiper-slide .more_btn2,
    .swiper-container .swiper-slide .more_btn3 {
        top: 82vw;
        height: 12vw;
    }

    .swiper-container .swiper-slide .download_btn1,
    .swiper-container .swiper-slide .download_btn2,
    .swiper-container .swiper-slide .download_btn3 {
        height: 12vw;
        top: 87vw;
    }
}






/* top */

#header #gnb .gnbWrap li li a {
    font-weight: 300;
}

#header .allMenuWrap .inner .allMenu > li > ul li a {
    font-weight: 350;
}



/* footer */

#footer .copyright span {
    opacity: 0.5;
}

#footer .footer_inner .copyright a {
    font-weight: 300;
}

#footer .footer_inner .footerMenu ul li:not(.dep1) {
    font-weight: 300;
    margin-bottom: 3px;
}

#footer .footer_inner .footerMenu ul li:not(.dep1) a {
    opacity: 0.7;
}

#footer .footer_inner .footerMenu .snsLink{ opacity:1; text-align:Center; font-size:0; }
#footer .footer_inner .footerMenu .snsLink a{
	display:inline-block; vertical-align:Top; margin:0 4px; width:24px; height:24px; opacity:1 !important;
}
#footer .footer_inner .footerMenu .snsLink a.sns_in{ background:url('/images/common/f_sns_in.svg') no-repeat center; background-size:cover; }
#footer .footer_inner .footerMenu .snsLink a.sns_f{ background:url('/images/common/f_sns_f.svg') no-repeat center; background-size:cover; }


#scrTop {
    z-index: 50000;
}