/** {font-family: 'Noto Sans KR', sans-serif; font-family: 'Roboto', sans-serif;}*/
html {font-size:10px;}
body {overflow-x:hidden;}
#wrap {}

/*side_menu*/
#wrap .side_menu {
    position:absolute; left:0; top:0;
    width:100%; height:100vh;
    background:rgba(0, 0, 0, 0.5); z-index:9999;
}
#wrap .side_menu ul {
    width:280px; height:100vh; background:#f7f7f7;
    position:absolute; right:-280px; top:0;
    text-align:center;
}
#wrap .side_menu ul li {}
#wrap .side_menu ul .side_logo {margin:50px 0;}
#wrap .side_menu ul .side_exit {
    font-size:2.5rem; font-weight:700; position:absolute; right:30px; top:20px; cursor:pointer; padding:0;
}
#wrap .side_menu ul .side_exit:hover {color:#4a90f9;}
#wrap .side_menu ul .side_item {margin-bottom:30px;}
#wrap .side_menu ul li a {
    font-family: 'Roboto', sans-serif;
    font-size:2.0rem; font-weight:500;
}
#wrap .side_menu ul li a:hover {color:#4a90f9;}

/*header 영역*/
#wrap header {
    width:100%; height:85px; background:#fff;
    position:absolute; top:0; left:0; z-index:999;
}
#wrap header .h_inner {
    width:1320px; font-size:1.2rem; font-family: 'Roboto', sans-serif; height:100%;
    margin:0 auto; display:flex; justify-content:space-between;
    align-items:center;
}
#wrap header .h_inner .h_left {display:flex;}
#wrap header .h_inner .h_left .mainLogo {}
#wrap header .h_inner .h_left .mainLogo a {display:inline-block; height:85px;}
#wrap header .h_inner .h_left .mainLogo a img {padding-top:21px;}
#wrap header .h_inner .h_left nav {margin-left:122px; width:395px;}
#wrap header .h_inner .h_left nav ul {display:flex; justify-content:space-between; align-items:center; height:85px;}
#wrap header .h_inner .h_left nav ul li {}
#wrap header .h_inner .h_left nav ul li a {
    color:#5d5d5d; font-weight:700; height:100%;
    display:inline-block; height:85px; line-height:85px;
}
.menuActive {color:#4a90f9 !important;}
#wrap header .h_inner .h_left nav ul li a:hover {color:#4a90f9;}
#wrap header .h_inner .h_right {
    display:flex; justify-content:flex-end;
    align-items:center;
}
#wrap header .h_inner .h_right button {
    color:#131313; font-weight:500;
    font-size:1.2rem; background:none;
    border:0; height:85px; line-height:85px;
}
#wrap header .h_inner .h_right button img {margin-right:16px;}

/*hambuger menu*/
#wrap header .h_inner .h_right .hambuger {
    cursor:pointer; margin-left:20px; display:none;
}
#wrap header .h_inner .h_right .hambuger:hover span {background:#4a90f9;}
#wrap header .h_inner .h_right .hambuger span {
    display:block;
    width:25px; height:3px; background:#131313;
}
#wrap header .h_inner .h_right .hambuger .bar2 {margin:5px 0;}

/*콘텐츠 영역*/
#wrap #container {width:100%;}

/*section1*/
#wrap #container #s1 {position:relative; width:100%; background:url(../img/s_s1_img2.png); height:650px; background-size:cover;}
#wrap #container #s1 .s1_txt {
    color:#fff; width:1280px; margin:0 auto;
    position:absolute; left:50%; transform:translateX(-50%); bottom:0;
}
#wrap #container #s1 .s1_txt h2 {
    font-family: 'Roboto', sans-serif;
    font-size:4.5rem; font-weight:700;
}
#wrap #container #s1 .s1_txt p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:2.5rem; font-weight:500;
    margin:41px 0 76px;
}

/*section2*/
#wrap #container #s2 {
    width:100%; text-align:center; height:338px;
    padding-top:112px;
}
#wrap #container #s2 img {}
#wrap #container #s2 p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
    margin-top:65px; line-height:1.4;
}

/*section3*/
#wrap #container #s3 {
    font-family: 'Roboto', sans-serif;
    width:100%; padding-top:151px;
}
#wrap #container #s3 .s3_txtBox {text-align:center;}
#wrap #container #s3 .s3_txtBox .num {
    font-size:1.5rem; font-weight:700; color:#131313;
    line-height:1.2;
}
#wrap #container #s3 .s3_txtBox h2 {
    font-size:3.0rem; font-weight:500; color:#131313;
    margin:36px 0 30px;
}
#wrap #container #s3 .s3_txtBox .s3_txt {
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
}
#wrap #container #s3 .s3_item {width:100%; background:#f7f7f7;}
#wrap #container #s3 .s3_item .s3_inner {
    width:1280px; margin:0 auto; padding:75px 0;
    margin-top:75px;
}
#wrap #container #s3 .s3_item .s3_inner .s3_img {
    margin:0 25px; text-align:center;
    display:flex; flex-flow:wrap column; align-items:center;
    width:370px; height:469px; background:#fff; justify-content:center;
}
#wrap #container #s3 .s3_item .s3_inner .s3_img img {width:70px;}
#wrap #container #s3 .s3_item .s3_inner .s3_img h3 {
    font-family: 'Roboto', sans-serif; height:35px;
    font-size:1.8rem; font-weight:500; color:#3a3a3a;
    margin:34px 0 44px;
}
#wrap #container #s3 .s3_item .s3_inner .s3_img p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:1.5rem; font-weight:400; color:#3a3a3a;
    width:260px; line-height:1.3;
}
.slick-arrow {
    position:absolute; width:33px; height:82px;
    border:0; top:50%; transform:translateY(-50%);
    text-indent:-9999px;
}
.slick-prev {background:url(../img/s_s3_prev.png); left:-140px;}
.slick-next {background:url(../img/s_s3_next.png); right:-140px;}

/*section4*/
#wrap #container #s4 {width:100%; text-align:center; padding-top:110px;}
#wrap #container #s4 .num {
    font-family: 'Roboto', sans-serif;
    font-size:1.5rem; font-weight:700; color:#131313;
    line-height:1.2;
}
#wrap #container #s4 h2 {
    font-family: 'Roboto', sans-serif;
    font-size:3.0rem; font-weight:500; color:#131313;
    margin:36px 0 70px;
}
#wrap #container #s4 .s4_txt {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
    margin-bottom:139px; line-height:1.4;
}

/*section5*/
#wrap #container #s5 {width:100%; padding-bottom:148px;}
#wrap #container #s5 .s5_txtBox {text-align:center;}
#wrap #container #s5 .s5_txtBox .num {
    font-family: 'Roboto', sans-serif;
    font-size:1.5rem; font-weight:700; color:#131313;
    line-height:1.2;
}
#wrap #container #s5 .s5_txtBox h2 {
    font-family: 'Roboto', sans-serif;
    font-size:3.0rem; font-weight:500; color:#131313;
    margin:50px 0 87px;
}
#wrap #container #s5 .s5_item {width:880px; margin:0 auto;}
#wrap #container #s5 .s5_item > div {
    display:flex; justify-content:flex-start;
    margin-bottom:81px; align-items:center;
}
#wrap #container #s5 .s5_item > div:last-child {margin-bottom:0;}
#wrap #container #s5 .s5_item > div img {width:65px; margin-right:170px;}
#wrap #container #s5 .s5_item > div p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
    line-height:1.4;
}

/*footer 영역*/
#wrap footer {width:100%; height:708px; background:#555; font-family: 'Roboto', sans-serif;}
#wrap footer .f_inner {
    width:1320px; height:100%;
    margin:0 auto; padding:146px 0 148px;
    display:flex; flex-flow:wrap column;
    justify-content:space-between;
}
#wrap footer .f_inner .f_top {
    font-size:2.0rem; color:#fff;
    display:flex; justify-content:flex-start;
}
#wrap footer .f_inner .f_top .f_follow {}
#wrap footer .f_inner .f_top .f_follow p {font-weight:500;}
#wrap footer .f_inner .f_top .f_follow .social_link {
    margin-top:36px; width:130px;
    display:flex; justify-content:space-between;
    align-items:center;
}
#wrap footer .f_inner .f_top .f_follow .social_link a {}
#wrap footer .f_inner .f_top .f_follow .social_link a img {}
#wrap footer .f_inner .f_top .f_about {margin-left:416px;}
#wrap footer .f_inner .f_top .f_about p {font-weight:500;}
#wrap footer .f_inner .f_btm {}
#wrap footer .f_inner .f_btm p {font-size:1.3rem; font-weight:500; color:#fff;}

/*slick dots*/
.slick-dots {
    width:100%; display:flex; justify-content:center;
    position:relative; top:25px;
}
.slick-dots li {margin:0 10px;}
.slick-dots li.slick-active button {background:#4a90f9;}
.slick-dots li button {
    background:#8e8e8e; border-radius:50%;
    border:0; width:20px; height:20px;
    text-indent:-9999px;
}