/** {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%;}
#wrap #container #s1 {
    width:100%; padding-top:85px;
    background:url(../img/c_back.png) no-repeat center top;
}
#wrap #container #s1 h2 {
    font-family: 'Roboto', sans-serif;
    font-size:6.0rem; font-weight:700; color:#fff;
    text-shadow:2px 2px 5px rgba(13,2,3,.8);
    text-align:center; margin:195px 0 131px;
}
#wrap #container #s1 .s1_inner {
    width:1586px; margin:0 auto 150px; background:#fff;
    padding:60px 0; box-shadow:1px 1px 10px rgba(13, 2, 3, 0.49);
}
/*공통 header 영역*/
#wrap #container #s1 .s1_inner .header {
    font-family: 'Noto Sans KR', sans-serif;
    display:flex; flex-flow:wrap column;
    align-items:center;
}
#wrap #container #s1 .s1_inner .header h3 {
    font-size:3.5rem; font-weight:700; color:#131313;
    text-align:center;
}
#wrap #container #s1 .s1_inner .header .menu {
    margin-top:38px;
    border:1px solid #ebebeb;
}
#wrap #container #s1 .s1_inner .header .menu a {
    display:inline-block;
    font-size:2.0rem; font-weight:500; color:#4e4e4e;
    width:657px; height:65px; background:#fff;
    line-height:65px; text-align:center;
}
.menu_active {background:#4a90f9 !important; color:#fff !important;}

/*show & hide 영역*/
/*고객문의 작성*/
#wrap #container #s1 .s1_inner #menu1 {
    font-family: 'Noto Sans KR', sans-serif;
    width:1314px; margin:0 auto;
}
#wrap #container #s1 .s1_inner #menu1 form {width:100%;}

/*menu_top*/
#wrap #container #s1 .s1_inner #menu1 form .m1_top {
    display:flex; justify-content:space-around;
    margin:23px 0; width:100%;
}
#wrap #container #s1 .s1_inner #menu1 form .m1_top div {}
#wrap #container #s1 .s1_inner #menu1 form .m1_top div label {
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
}
#wrap #container #s1 .s1_inner #menu1 form .m1_top div input {
    width:200px; height:40px; background:#f7f7f7;
    border:0; font-size:1.5rem; padding-left:10px;
}
#wrap #container #s1 .s1_inner #menu1 form .m1_top div input:nth-of-type(1) {margin-left:35px;}
#wrap #container #s1 .s1_inner #menu1 form .m1_top div span {
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
    margin:0 10px;
}

/*textarea*/
#wrap #container #s1 .s1_inner #menu1 form #writing {
    background:#f7f7f7; width:100%; height:443px;
    border:0; font-size:1.5rem;
    padding:15px 20px;
    resize:none; line-height:1.3;
    font-weight:700;
}

/*menu_btm*/
#wrap #container #s1 .s1_inner #menu1 form .m1_btm {
    width:100%;
    display:flex; justify-content:center;
    position:relative; padding-top:22px;
}
#wrap #container #s1 .s1_inner #menu1 form .m1_btm div {position:absolute; left:0;}
#wrap #container #s1 .s1_inner #menu1 form .m1_btm div input {cursor:pointer;}
#wrap #container #s1 .s1_inner #menu1 form .m1_btm div label {
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
    cursor:pointer;
}
#wrap #container #s1 .s1_inner #menu1 form .m1_btm div label img {margin-left:10px;}
#wrap #container #s1 .s1_inner #menu1 form .m1_btm button {
    font-size:1.5rem; font-weight:700; color:#fff;
    width:127px; height:40px; border-radius:20px;
    background:#4a90f9; border:0;
}

/*고객문의 확인*/
#wrap #container #s1 .s1_inner #menu2 {
    font-family: 'Noto Sans KR', sans-serif;
    width:620px; margin:0 auto;
    padding:123px 0 146px;
}
#wrap #container #s1 .s1_inner #menu2 form {}
#wrap #container #s1 .s1_inner #menu2 form div:nth-of-type(2) {margin:52px 0 88px;}
#wrap #container #s1 .s1_inner #menu2 form div input:nth-of-type(1) {margin-left:35px;}
#wrap #container #s1 .s1_inner #menu2 form label {
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
    width:75px; display:inline-block;
}
#wrap #container #s1 .s1_inner #menu2 form input {
     width:200px; height:40px; background:#f7f7f7;
    border:0; font-size:1.5rem; padding-left:10px;
}
#wrap #container #s1 .s1_inner #menu2 form span {
    font-size:1.5rem; font-weight:400; color:#5d5d5d;
    margin:0 10px;
}
#wrap #container #s1 .s1_inner #menu2 form p {
    font-size:1.3rem; font-weight:400; color:#5d5d5d;
    margin-bottom:109px;
}
#wrap #container #s1 .s1_inner #menu2 form button {
    font-size:1.5rem; font-weight:700; color:#fff;
    width:127px; height:40px; border-radius:20px;
    background:#4a90f9; border:0;
    position:relative; left:50%; transform:translateX(-50%);
}

/*약관*/
#wrap #container #user_agree {
    position:absolute; left:50%; transform:translateX(-50%);
    margin-top:30%; width:500px; height:700px;
    background:#fff; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.44);
    z-index:9999; display:flex; align-items:center; justify-content:center; text-align:center;
    border:3px solid #4a90f9; border-radius:3px;
}
#wrap #container #user_agree fieldset {}
#wrap #container #user_agree p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:1.7rem; font-weight:500; color:#131313;
}
#wrap #container #user_agree p:nth-of-type(1) {margin-bottom:50px;}
#wrap #container #user_agree p textarea {
    resize:none; width:400px; height:200px;
    background:#f7f7f7; border:0; margin:10px 0;
    padding:10px 20px;
}
#wrap #container #user_agree p label {
    font-size:1.3rem; font-weight:400;
    cursor:pointer;
}
#wrap #container #user_agree p label input {}
#wrap #container #user_agree button {
    margin:30px 10px 0;
    font-size:1.5rem; font-weight:700; color:#fff;
    width:127px; height:40px; border-radius:20px;
    background:#4a90f9; border:0;
}


















/*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;}