/* module */
.col_orange{color: #e94f07; display: contents;}
.wrap {position: relative; width: 100%; height: 100%; background-color: #e5e5e5;}
.wrap img{width:auto;}
.wrap .container{width:100%;height:100%; margin: 0 auto;}
.wrap .container .section_wrap{position:absolute;top:50%;left:50%;width:1920px;height: 1080px;margin-left:-960px;margin-top:-540px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.wrap .container .section5_wrap{
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
section .half {position: relative; width: 100%; }
section .half .content_area .tit_1{font-size: 3rem;}
section .half .content_area .tit_2{margin: 9.5rem 0 8rem 0; font-size: 7.5rem;line-height: 1.3  }
section .half .content_area_right{text-align: center;}
section .half .content_area_right p:first-child{font-size: 9rem; margin-bottom: 8.4rem; line-height: 11.3rem;}
section .half .content_area_right p:nth-child(2){font-size: 3.2rem; line-height: 4.8rem;}
section .half .content_area .underline {width: 23.4rem; height: 2rem; background-color:#000;}
/*로딩*/
.loading{position: fixed;width:100%;height:100%;background:#e5e5e5;z-index: 100}
/* section1 우산*/
.section1 .cloud1 {position: absolute;top: 13.89%; left: 22.29%;width:21.15%}
.section1 .cloud2 {position: absolute;top: 61.39%; left:78.70%;width:16.72%;}
.section1 .half{width:100%;}
.section1 .half .content_area {position:absolute;top:50%;left:5rem;transform: translateY(-50%)}
.section1 .half .content_area .tit_2{margin:5rem 0;font-size:7.5rem;line-height: 1.3}
.section1 .umbrella {position: absolute;width: 46.98%; top: 21.3%; left:42.45%;}
.section1 .umbrella .obj2 {position: relative}
.section1 .umbrella .obj3 {position: absolute;top:26.83%; left:18.07%;width:13.19%;}
.section1 .umbrella .obj4 {position: absolute;top: 50.87%; left:44.57%;width:14.08%}
.section1 .umbrella .obj5 {position: absolute;top: 8.8%; left:60.1%;width:14.08%}

/* section2 핵심가치*/
/* .section2 {background: url('../images/bg_section2.jpg') #e5e5e5 no-repeat;background-size:100% auto} */
.section2 .title{text-align: center;font-size:3rem;padding-top:0rem}
.section2 .slide_wrap{position: relative;width:100%;overflow: hidden;margin-top:8rem;}
.section2 .slide_wrap .slick-track,.section2 .slide_wrap .slick-list{height:100%;width:100%;}
.section2 .slide_wrap ul{position: relative;width: 100%;overflow: hidden}
.section2 .slide_wrap ul li{position:relative;line-height: 1.5;text-align: center;width:33.33%;float:left;}
.section2 .slide_wrap ul li .cont{position: relative}
.section2 .slide_wrap ul li .cont .tit_2{font-size: 4rem;
    line-height: 5rem;
    background-color: #000000;
    border-radius: 18rem;
    display: flex;
    color: #ffffff;
    padding: 2rem;
    width: 35rem;
    height: 35rem;
    vertical-align: middle;
    margin: 0 auto;
    position: a;
    /* padding-top: 12rem; */
    /* display: inherit; */
    align-items: center;
    justify-content: center;
    /* background-image: url(../images/black-round.png); */
  background-size: cover;
}
.section2 .slide_wrap ul li .cont .font_heavy{font-size: 4rem;margin-top:3rem;line-height: 5rem;}
.section2 .slide_wrap ul li .cont .text{font-size: 3rem;margin-top:2rem;padding:0 10%;word-break: keep-all}
.section2 .slide_wrap .dot{margin-top:15rem;text-align: center;display: none;}
.section2 .slide_wrap .dot a{display: inline-block;width:3rem;height:3rem;margin:0 3rem;border-radius: 50%;background:#999;}
.section2 .slide_wrap .dot a.active{background:#000;}
.section2 .half .content_area_right p:nth-child(2){font-size: 3.2rem; line-height: 4.8rem;width:70%;word-break: keep-all;margin: auto;}

/* section3 비젼*/
.section .section_wrap .center_box_con {position: relative; max-width: 1920px; width: 100%; text-align: center;}
.section .section_wrap .center_box_con h3 {font-size: 3rem;padding-top:0rem}
.section3 .section_wrap .center_box_con .tit_1 {margin: 3rem 0 5rem 0; font-size: 6rem;}
.section3 .section_wrap .center_box_con .tit_2 {font-size:6rem; line-height: 1.3;}
.section3 .section_wrap .center_box_con .tit_3 {font-size:6rem;line-height:1;;}
/*.section3 .section_wrap .center_box_con .tit_3 >*{line-height:1;text-align: center;vertical-align:text-bottom;}*/
.section3 .section_wrap .center_box_con .tit_3 .back_orange{display:inline-block;vertical-align: text-bottom;padding: 1.8rem 2rem 1rem 2rem; background-color: #e94f07; border-radius: 1px; color: #e5e5e5; }
.section3 .section_wrap .center_box_con .text_box{font-size:3rem;margin-top:4rem;line-height: 1.4;padding:0 10%;word-break: keep-all}
.section3 .section_wrap .face{margin: 10rem 0 5rem 0; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;}
.section3 .section_wrap .face .obj{    padding: 0rem 4rem;}
/* section4 미션*/
.section4 .section_wrap .center_box_con {font-size: 11.9rem;line-height: 1.3;}
.section4 .section_wrap .center_box_con p{margin-top: 12rem;  }
.section4 .section_wrap .center_box_con .txt_stroke { text-shadow:-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000;  color: #e5e5e5;font-weight: 800}
.section4 .section_wrap .center_box_con .back_orange {background-color: #e94f07; border-radius: 1px; color: #e5e5e5; padding: 0rem 2.2rem;}

/* section5 */
.section5 {background-color: #000;}
.section5 .bulb {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%);background:#000;}
.section5 .bulb img {outline: none;opacity: 0;}
.section5 .bulb .light_on{position: absolute; top: 0; left: 0; z-index: 2; opacity: 0;background:url('../images/bulb_black.png') no-repeat #000;background-size:cover}
.section5 .bulb .light_off{background:url('../images/bulb_light.png') no-repeat #000;background-size:cover}
/*.section5 .half {display: flex; justify-content: center; align-items: center; padding-top: 0;}*/
.section5 .half {float:left;width:50%;}
.section5 .half .content_area{position:relative;margin-top:0rem;margin-left:18rem;z-index: 3}
.section5 .half .content_area p:first-child {font-size: 9rem; color: #fff; line-height: 11rem; margin: 0;}
.section5 .half .content_area_right{position:relative;margin-top: 0rem;z-index: 3; padding-left: 4rem;}
.section5 .half .content_area_right p:first-child {font-size: 10rem; margin: 0;}

/* section6 */
.section6 {position:relative;background-color: #000; color: #fff;}
.section6 .con_txt{margin-left:1rem;margin-bottom: 3%}
.section6 .con_txt .tit_1{font-size: 8.6rem; margin-bottom:2%;}
.section6 .con_txt .tit_2{font-size: 2.6rem; letter-spacing: 0px; line-height: 1.3;word-break: keep-all}
.section6 .family_wrap{width: 100%;
    max-width: 1920px;
    position: relative;
    margin: 0 auto;}
.section6 .family_slide {position: absolute;top:50%;transform: translateY(-50%);right:-5rem;;width:100%; max-width: 1920px;}
.section6 .family_slide  ul{}
.section6 .family_slide  ul li{padding:0 5px;}
.section6 .family_slide  ul li a{display:block;}
.section6 .family_slide  ul li img{width:100%;}
.section6 .family_slide .slick-next {position: absolute; top: -5rem; right: 10rem; background: url(../images/fa_arrow.svg) no-repeat right center; background-size: cover; width: 7.3rem;}
.section6 .family_slide .slick-prev {display: none!important; position: absolute; top: 0; right: 27rem; background: url(../images/fa_arrow.svg) no-repeat right center; background-size: cover; width: 7.3rem; transform: rotateZ(180deg);}

@media only screen and (max-width:720px) {
    html{font-size:7px;}
    .wrap img{width:100%;}

    .wrap .container .section_wrap{position:absolute;top:50%;left:50%;width:720px;height: 1440px;margin-top:-720px;margin-left:-360px; display: flex; align-items: center; flex-direction: column; justify-content: center;}
    section .half .content_area .tit_1{font-size: 3rem;}
    section .half .content_area .tit_2{margin: 7rem 0 6rem 0;  }
    section .half .content_area .underline {width: 16rem; height: 1.3rem; background-color:#000;}
    /* section1 우산*/
    .section1_wrap{  display:block!important;
    }
    .section1 .cloud1 {position: absolute;top: 33%; left: 10.29%;width:37.50%}
    .section1 .cloud2 {position: absolute;top: 63.72%; left:55.70%;width:29.72%;}
    .section1 .half{width:100%;}
    .section1 .half .content_area {position:absolute;top:25rem;left:5rem;transform: translateY(0)}
    .section1 .umbrella {position: absolute;width: 83.33%; top: 38.89%; left:8%;}
    .section1 .umbrella .obj2 {position: relative}
    .section1 .umbrella .obj3 {position: absolute;top:26.83%; left:18.07%;width:13.19%;}
    .section1 .umbrella .obj4 {position: absolute;top: 50.87%; left:44.57%;width:14.08%}
    .section1 .umbrella .obj5 {position: absolute;top: 8.8%; left:57.1%;width:14.08%}
    /* .section2 {background: url('../images/mobile_bg_section2.jpg') no-repeat bottom center;;background-size: cover} */
    .section2 .title{text-align: center;font-size:3rem;padding-top:0rem}
    .section2 .slide_wrap {margin-top:9rem}
    .section2 .slide_wrap ul li{position:relative;line-height: 1.5;text-align: center;width:100%;float:none;margin-bottom: 10rem;}
    .section2 .slide_wrap ul li.active{display: block;}
    .section2 .slide_wrap ul li .cont{position: relative; display: flex; padding: 0rem 3rem; align-items: center;}
    .section2 .slide_wrap ul li .cont .txt_box2{width: 60%; padding: 0rem 2rem;}
    .section2 .slide_wrap ul li .cont .tit_2{font-size: 3.5rem;line-height: 1.2}
    .section2 .slide_wrap ul li .cont .font_heavy{font-size: 4.5rem; line-height: 6rem; margin-top:0rem; text-align: left;}
    .section2 .slide_wrap ul li .cont .text{font-size: 3.5rem;margin-top:2rem;padding:0 0%;word-break: keep-all;     text-align: left;}
    .section2 .slide_wrap .dot{margin-top:15rem;text-align: center;display: none}
    .section2 .slide_wrap .dot a{display: inline-block;width:3rem;height:3rem;margin:0 3rem;border-radius: 50%;background:#999;}
    .section2 .slide_wrap .dot a.active{background:#000;}


    .section .section_wrap .center_box_con {position: relative; max-width: 1820px; width: 100%; text-align: center;}
    .section .section_wrap .center_box_con h3 {font-size: 3rem;padding-top:0rem}
    .section3 .section_wrap .center_box_con .tit_1 {margin: 8rem 0 4rem 0; font-size: 8.3rem;}
    .section3 .section_wrap .center_box_con .tit_1 span {display: block;line-height: 1.3}
    .section3 .section_wrap .center_box_con .text_box{font-size: 4rem;}
    .section3 .section_wrap .face{margin: 10rem 0 4rem 0;}
    .section3 .section_wrap .face .obj{    padding: 0rem 0rem;}
    .section3 .section_wrap .center_box_con .tit_2 {font-size:7rem; line-height: 1.4;}
    .section3 .section_wrap .center_box_con .tit_3 {font-size:7rem;line-height:1;;}

    .section4 .section_wrap .center_box_con {font-size: 11.9rem;line-height: 1.3;}
    .section4 .section_wrap .center_box_con p{margin-top: 30rem;  }
    .section4 .section_wrap .center_box_con .txt_stroke {    text-shadow:-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000;  color: #e5e5e5;font-weight: 800}
    .section4 .section_wrap .center_box_con .back_orange {background-color: #e94f07; border-radius: 1px; color: #e5e5e5; padding: 0rem 2.2rem;}
    .section5 {background-color: #000;}
    .section5 .bulb {position: relative; top: 0;width:100%; left: 0; transform: translate(0,0);margin-top:-8rem}
    /*.section5 .half {display: flex; justify-content: center; align-items: center; padding-top: 0;}*/
    .section5 .half {float:none;width:100%;height:auto;text-align: center;}
    .section5 .half .content_area{position:relative;margin-top:0rem;margin-left:0;z-index: 3}
    .section5 .half .content_area p:first-child {font-size: 9rem; color: #fff; line-height: 11rem; margin: 0;}
    .section5 .half .content_area_right{position:relative;margin-top: 0;z-index: 3;margin-top:8rem; padding-left: 0rem;}
    .section5 .half .content_area_right p:first-child {font-size: 10rem; margin: 0;}
    .section6 .section_wrap .content_box .con_txt {float:none;max-width: 100%;width:100%;padding-left:7rem;word-break: keep-all; }
    .section6 .slick-list {padding-top: 4rem;}
    .section6 .family_slide {position: absolute;right:-2rem;width:100%; float:none;}
    .section6 .family_slide  ul{padding-top: 0; }
    .section6 .family_slide .slick-next {top:0; left: 1rem;}
    footer .footer_inner .footer_left  {padding-top: 4.6rem;}
    footer .footer_inner{height: 70px;}

}


@media only screen and (max-width:400px) {
    html{font-size: 8px;}

}