/** {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 {
    width:100%; position:relative;
    background:url(../img/a_s1_img2.png) center; height:650px; background-size:cover;
}
#wrap #container #s1 .s1_txt {
    width:1280px; color:#fff;
    position:absolute; bottom:0; left:50%; transform:translateX(-50%);
}
#wrap #container #s1 h2 {
    font-size:4.5rem; font-weight:700;
    text-shadow:1px 1px 13px rgba(0,0,0,.5);
    font-family: 'Roboto', sans-serif;
}
#wrap #container #s1 p {
    font-size:2.5rem; font-weight:500;
    margin:33px 0 76px; text-shadow:1px 1px 13px rgba(0,0,0,.5);
    font-family: 'Noto Sans KR', sans-serif;
}

/*section2*/
#wrap #container #s2 {width:100%; height:780px;}
#wrap #container #s2 .s2_inner {
    width:1320px; margin:0 auto;
    display:flex; justify-content:space-between;
    padding:150px 0 160px;
}
#wrap #container #s2 .s2_inner > img {}
#wrap #container #s2 .s2_inner .s2_right {}
#wrap #container #s2 .s2_inner .s2_right h2 {
    font-size:3.0rem; font-weight:500; color:#131313;
    font-family: 'Roboto', sans-serif;
}
#wrap #container #s2 .s2_inner .s2_right p {
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
    margin-top:27px; line-height:1.4;
    font-family: 'Noto Sans KR', sans-serif;
}
#wrap #container #s2 .s2_inner .s2_right .s2_r_top {}
#wrap #container #s2 .s2_inner .s2_right .s2_r_top h2 {}
#wrap #container #s2 .s2_inner .s2_right .s2_r_top p {}
#wrap #container #s2 .s2_inner .s2_right .s2_r_btm {margin-top:84px;}
#wrap #container #s2 .s2_inner .s2_right .s2_r_btm h2 {}
#wrap #container #s2 .s2_inner .s2_right .s2_r_btm p {}

/*section3*/
#wrap #container #s3 {
    background:#f7f7f7; width:100%; height:660px;
    display:flex; align-items:center;
}
#wrap #container #s3 .s3_inner {width:1140px; margin:0 auto;}
#wrap #container #s3 .s3_inner .s3_img {
    width:360px; height:467px;
    position:relative; overflow:hidden;
    cursor:pointer; margin-right:20px;
}
#wrap #container #s3 .s3_inner .s3_img img {
    width:410px; height:530px;
    position:relative; left:50%; transform:translateX(-50%);
}
#wrap #container #s3 .s3_inner .s3_img p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:2.6rem; font-weight:700; color:#3a3a3a;
    width:100%; height:120px;
    background:rgba(241,241,241,.85);
    position:absolute; bottom:0; left:0;
    text-align:center; line-height:120px;
}

/*section4*/
#wrap #container #s4 {width:100%; padding:138px 0 189px;}
#wrap #container #s4 .s4_inner {width:1000px; margin:0 auto;}
#wrap #container #s4 .s4_inner h2 {
    font-family: 'Roboto', sans-serif;
    font-size:3.0rem; font-weight:500; color:#131313;
    text-align:center; margin-bottom:83px;
}
#wrap #container #s4 .s4_inner .s4_item {}
#wrap #container #s4 .s4_inner .s4_item > div {
    display:flex; justify-content:flex-start;
    margin-bottom:68px; align-items:center;
}
#wrap #container #s4 .s4_inner .s4_item > div:last-child {margin-bottom:0;}
#wrap #container #s4 .s4_inner .s4_item > div img {margin-right:175px; width:60px;}
#wrap #container #s4 .s4_inner .s4_item > div div {
    font-family: 'Noto Sans KR', sans-serif;
}
#wrap #container #s4 .s4_inner .s4_item > div div h3 {
    font-size:1.5rem; font-weight:500; color:#131313;
}
#wrap #container #s4 .s4_inner .s4_item > div div p {
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
    margin-top:14px; 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;
}