@font-face {
    font-family: 'Helvetica Neue';
    src: url('/static/fonts/helvetica-neue-5/HelveticaNeueMedium.otf') format('woff2'), url("/static/fonts/helvetica-neue-5/HelveticaNeueMedium.woff") format("woff");
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat_m';
    src: url('/static/fonts/Montserrat/Montserrat-Medium.ttf') format('woff2'), url("/static/fonts/Montserrat/Montserrat-Medium.woff") format("woff");
    font-style: normal;
}

@font-face {
    font-family: 'Oswald_l';
    src: url('/static/fonts/Oswald/Oswald-Light.ttf') format('woff2'), url("/static/fonts/Oswald/Oswald-Light.woff") format("woff");
    font-style: normal;
}

@font-face {
    font-family: 'Oswald_r';
    src: url('/static/fonts/Oswald/Oswald-Regular.ttf') format('woff2'), url("/static/fonts/Oswald/Oswald-Regular.woff") format("woff");
    font-style: normal;
}

@font-face {
    font-family: 'Oswald_m';
    src: url('/static/fonts/Oswald/Oswald-Medium.ttf') format('woff2'), url("/static/fonts/Oswald/Oswald-Medium.woff") format("woff");
    font-style: normal;
}

@font-face {
    font-family: 's-c-d-l';
    src: url('/static/fonts/S-Core_Dream_OTF/SCDream3.otf') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 's-c-d';
    src: url('/static/fonts/S-Core_Dream_OTF/SCDream4.otf') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 's-c-d-r-2';
    src: url('/static/fonts/S-Core_Dream_OTF/SCDream5.otf') format('woff2'), url("/static/fonts/S-Core_Dream_OTF/SCDream5.woff") format("woff");
    font-style: normal;
}

@font-face {
    font-family: 's-c-d-m';
    src: url('/static/fonts/S-Core_Dream_OTF/SCDream6.otf') format('woff2'), url("/static/fonts/S-Core_Dream_OTF/SCDream6.woff") format("woff");
    font-style: normal;
}

@font-face {
    font-family: 'nanum_m';
    src: url('/static/fonts/Nanum_Gothic/NanumGothic-Regular.ttf') format('woff2'), url("/static/fonts/Nanum_Gothic/NanumGothic-Regular.woff") format("woff");
    font-style: normal;
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

/* 모바일 탭 하이라이트 제거 */
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}



div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
strong,
button,
ul,
li,
b,
ol,
a {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: "s-c-d", Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: -.5px;
    box-sizing: border-box;
    line-height: 1.75em;
    word-break: keep-all;
}

li,
a {
    list-style: none;
    text-decoration: none;
}
a{
    cursor: pointer;
}

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

button{
    background:transparent;
    border:none;
}

input[type="text"],
input[type="password"]{
    width:100%;
    height:100%;
    box-sizing: border-box;
}

select:focus{
    border:none;
    outline: none;
}
figure{
    margin:0;
}
p{
    color:#282828;
    font-size:15px;
    word-break: keep-all;
}
h6{
    font-size:120%;
    line-height:1.2;
    font-family: 's-c-d-m', sans-serif;
}
.f1, .f1 *{
    font-family:'Oswald_l', sans-serif;
}
.f2, .f2 *{
    font-family:'Oswald_r', sans-serif;
}

.pc_img {
    display: block;
}

.mobile_img {
    display: none;
}

/* button style */
.btn_w100{
    display:flex;
    align-items: center;
}
.btn_w100 div{
    width:100%;
}
.btn_w50{
    display:flex;
    gap:15px;
    align-items: center;
}
.btn_w50 div{
    width:50%;
    padding:10px;
    border-radius: 50px;
    transition: all .3s ease;
}
.btn_w50 div a, .btn_w50 div button{
    text-align:center;
    display:block;
    font-size:14px;
    line-height:1.5em;
    width:100%;
}
.btn_w50 div:hover{
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
}
.white_btn{
    background: #fff;
    border: 1px solid #cdcdcd;
    color: #000;
}
.yellow_btn{
    background: #ffe96d;
    border: 1px solid #ffe96d;
    color: #000;
}

#wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* header */
.header{
    position:absolute;
    width:100%;
    background:#fff;
    padding:0 15px;
    box-sizing: border-box;
    z-index: 99;
}
.header .head_top{
    display:flex;
    align-items: center;
    justify-content: center;
    padding:15px 0;
}
.header .logo{
    display:flex;
    margin:10px 0;
}
.header .logo a{
    display:flex;
}
.header .login_tab{
    position:absolute;
    top:45px;
    right:350px;
    display:flex;
    align-items:center;
}
.header .login_tab li{
    position:relative;
    padding:0 15px;
}

.header .login_tab li:before, 
.header .login_tab li:nth-child(2):after,
.header .login_tab li:last-child:after{
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 60%;
    background: rgba(0, 0, 0, .3);
    top: 25%;

}
.header .login_tab li:before {
    left: 0;
}
.header .login_tab li:nth-child(2):after,
.header .login_tab li:last-child:after {
    right: 0;
}
.header .login_tab li a{
    font-family: 'Oswald_r', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    opacity: .5;
    letter-spacing: -.01em;
    transition: .3s;
}
.header .login_tab li:hover a{
    opacity: 1;
}

.header .menu{
    display:flex;
    align-items:stretch;
    justify-content: center;
    min-width:1440px;
}
.header .menu li{
    box-sizing: border-box;
}
.header .menu > .depth01{
    padding:15px 35px;
    position:relative;
    line-height:1.64;
}
.header .menu > .depth01 > a{
    line-height: 1;
    position:relative;
    font-family: 's-c-d-r-2', sans-serif;
}
.header .menu > .depth01 > a:after{
    content:'';
    position: absolute;
    width:100%;
    height:4px;
    background:linear-gradient(to right, #4b5197 0, #66b7bb 100%);
    left:0;
    top:36px;
    opacity: 0;
}
.header .menu > .depth01:hover > a:after{
    opacity: 1;
}
.header .menu .depth02{
    position:absolute;
    top:55px;
    left:0;
    min-width:1000px;
    background:#fff;
    display:flex;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    border-top:1px solid #ccc;
    transition: .3s ease;
    box-sizing: border-box;
}
.header .menu .depth02:before, 
.header .menu .depth02:after{
    content:'';
    position:absolute;
    width:100vw;
    height:100%;
    top:0;
    background:#fff;
    margin-top:-1px;
    border-top:1px solid #ccc;
}
.header .menu .depth02:before{
    left:-100vw;
}
.header .menu .depth02:after{
    right:-100vw;
}
.header .menu .depth02 li{
    padding: 10px 40px 10px 0;
}
.header .menu .depth02 li:first-child{
    padding-left:35px;
}
.header .menu .depth02 li a{
    transition: .3s ease;
    font-size:14px;
}
.header .menu .depth02 li:hover a{
    color:#4b5197;
}

.header .menu > .depth01:hover .depth02{
    opacity: 1;
    visibility: visible;
}
.no-scroll{ overflow:hidden; height: 100vh; }
/* 스크롤시 메뉴 고정 */
.header nav.show{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    background: #fff;
    transition:all .3s ease-in-out;
    z-index: 99;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pc_br{
    display:block;
}
.mo_cont{
    display:none;
}
#main{
    margin-top:161px;
}

/* 팩트의 가치 이미지 */
.value_fact {
    line-height: 0;
}
.value_fact img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* quick_menu */
.quick_menu {
    position: fixed;
    width: 90px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}
.quick_menu .quick_list{
    background:#000;
    padding:12px 0;
    text-align:center;
    border-bottom:1px solid rgba(255,255,255,.1)
}
.quick_menu .quick_list:last-child{
    border-bottom:0;
}
.quick_menu .quick_list p,
.quick_menu .quick_list i{
    color:#fff;
    font-size:13px;
    line-height: 17px;
    transition: all .5s ease;
}
.quick_menu .quick_list i{
    font-size:24px;
}

.quick_menu .quick_list.call{
    background:linear-gradient(to top,#4b5197 0,#66b7bb 100%);
    border:none;
}
.quick_menu .quick_list.call p{
    padding-top:5px;
    font-size:28px;
    line-height:30px;
    text-shadow: 0px 1px 1px black;
    font-family: 'Oswald_r',sans-serif;
}
.quick_menu .quick_list:first-child{
    padding:20px 0;
}
.quick_menu .quick_list:nth-child(5){
    border-bottom:none;
}
.quick_menu .quick_list:nth-child(n+1):nth-child(-n+5):hover p,
.quick_menu .quick_list:nth-child(n+1):nth-child(-n+5):hover i{
    color:#66b7bb
}
.quick_menu .quick_list:nth-child(n+5):nth-child(-n+7){
    padding:15px 0;
}

/* footer */
.footer .caution {
    width: 100%;
    background: #444;
    color: #999;
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
}
.footer .footer_wrap {
    background: #000;
    padding: 40px 0;
    text-align: center;
}
.footer .footer_wrap .footer_cont {
    max-width: 1170px;
    margin: auto;
}
.footer .footer_wrap .footer_cont img{
    opacity: .6;
}
.footer .footer_wrap .footer_cont p {
    font-size: 15px;
    color: #fff;
}
.footer .footer_wrap .footer_cont .address {
    margin-top: 30px;
    opacity: .6;
}
.footer .footer_wrap .footer_cont .address p {
    /* line-height: 1.7; */
    font-size:15px;
}
.footer .footer_wrap .footer_cont ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer .footer_wrap .footer_cont .sns_icon {
    margin-top: 20px;
    padding:0 15px 0 30px;
}
.footer .footer_wrap .footer_cont .sns_icon li i {
    padding: 0 10px;
    transition: .3s;
}
.footer .footer_wrap .footer_cont .sns_icon li:hover i {
    color: #74d3d5;
}
.footer .footer_wrap .footer_cont i {
    color: #fff;
    font-size: 20px;
}
.footer .footer_wrap .footer_cont .privacy {
    margin-top: 40px;
    opacity: .8;
    line-height: 1.75em;
}
.footer .footer_wrap .footer_cont .privacy li {
    position: relative;
}
.footer .footer_wrap .footer_cont .privacy li+li {
    margin-left: 35px
}
.footer .footer_wrap .footer_cont .privacy li a {
    color: #fff;
    transition:all .3s ease-in-out;
    font-size:15px;
}
.footer .footer_wrap .footer_cont .privacy li:hover a{
    color:#74d3d5
}
.footer .footer_wrap .footer_cont .privacy li:after {
    content: '|';
    display: block;
    position: absolute;
    right: -20px;
    top: 1px;
    color: #fff;
}
.footer .footer_wrap .footer_cont .privacy li:last-child:after{
    display:none;
}

/* slide */
.slider_wrap{
    position:relative;
}

/* quick consulting */
.consulting{
    padding:60px 0;
}
.consulting .flex_box > div{
    width:50%;
    padding:0 15px;
}
.consulting .flex_left h2{
    font-size:45px;
    line-height:1;
    margin-bottom:10px;
    font-weight: 200;
    color:#000;
    letter-spacing: .01em;
}
.consulting .flex_left p{
    font-size:16px;
    line-height:1.85em;
    font-weight:600
}
.consulting .quick_inp{
    margin-top:2.5em;
}
.consulting .quick_inp .list > label, .selct_box{
    position:relative;
    width:100%;
    height:55px;
    background:#f1f1f1;
    margin-bottom:10px;
    cursor:text;
    display:block;
}
.consulting .quick_inp .selct_box{
    cursor:pointer;
}
.consulting .quick_inp .list > label input{
    margin:0;
    position:relative;
    width:100%;
    top:15px;
    height:40px;
    border:none;
    background:transparent;
    outline:none;
    padding:0 30px 0 10px;
    box-sizing: border-box;
    font-family: 's-c-d', sans-serif;
}
.consulting .quick_inp .list > label span, .consulting .slt_cont .selct_box span{
    position:absolute;
    top:16px;
    left:10px;
    font-size:15px;
    color:#282828;
    transition:all 0.3s ease;
    transform-origin:0 0;
    pointer-events:none;
}
.consulting .slt_cont .selct_box span{
    color:#b7b9c4;
}
.consulting .quick_inp .list input:focus + span,
.consulting .quick_inp .list input.has-value + span{
    transform:translateY(-10px) scale(0.75);
    color:#282828;
}

.consulting .slt_cont {
    position:relative;
}
.consulting .slt_cont .selct_opt{
    width:100%;
    overflow-y:  auto;
    padding-bottom:1px;
    border:1px solid #e4e4eb;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    position:absolute;
    top:55px;
    background:#fff;
    z-index:1;
}
.consulting .slt_cont .selct_opt .slt_list{
    padding:3px 1em 3px .4em;
    color:#333;
    font-size:15px;
}
.consulting .slt_cont .selct_opt .slt_list:hover{
    background:#ededed;
    border-color:#ededed;
    color:#000;
}

.chk_agree{
    position:relative;
    display:flex;
    align-items:center;
}
.chk_agree p{
    position:relative;
    display:flex;
    align-items:center;
    gap:5px;
    margin-right:5px;
}

.chk_agree input[type="checkbox"]{
    /* display:none; */
    position:relative;
    appearance: none;
    width:16px;
    height:16px;
    border:1px solid #a0a0a0;
    background:#fff;
    position:relative;
    outline:none;
    transition:border .3s ease;
}
.chk_agree input[type="checkbox"]:checked:after{
    content:'';
    position:absolute;
    width:2px;
    height:2px;
    left:5px;
    top:5px;
    border-radius: 2px;
}

.chk_agree label{
    opacity: 0;
    transform: scale(0);
    position:absolute;
    width:16px;
    height:16px;
    left:4px;
    top:3px;
    border:1px solid #282828;
    transition:border, opacity .3s ease;
    box-sizing: border-box;
}
.chk_agree label svg {
    fill:none;
    stroke-linecap: round;
    stroke-linejoin: round;
    height:auto;

    position:absolute;
    top:2px;
}
.chk_agree label svg polyline{
    stroke:#282828;
    stroke-width:2;
}
.chk_agree input[type="checkbox"]:checked + label{
    opacity: 1;
    transform: scale(1);
}
.chk_agree span{
    font-size:13px;
    color:#282828;
    margin-bottom:0;
    font-weight:300;
    transition:color .3s ease;
}
.consulting .chk_agree a{
    color:#a7a9b8;
    font-size:15px;
}

/* 이용약관 */
.agree {
    padding:70px 0 20px;
}
.agree .inner{
    max-width:1170px;
    margin:auto;
}
.agree_cont{
    padding:20px 0;
    border-top:1px solid #eee;
    font-size:13px;
    color:#282828;
}
.agree_cont strong{
    font-weight:400;
    font-size:13px;
    color:#282828
}

/* 개인정보취급방침 */
.privacy_body {
    color:#282828
}
.privacy_body h3{
    margin-bottom:1em;
    padding:10px;
    border:1px solid #aaa;
    text-align:center;
    background:#f1f1f1;
    font-size: 16px;;
}
.privacy_body p{
    margin:.5em 0;
    line-height:1.5em;
    font-size:13px;
}
.privacy_body h4{
    margin:1em 0 .5em;
    font-size:24px;
    line-height:1.7em;
}
.privacy_body ul{
    padding-left:20px;
    margin:.5em 0 1em;
}
.privacy_body ul li{
    font-size:13px;
}

/* 서브 타이틀 박스 */
.sub_title_ban {
    width: 100%;
    min-height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-position: 50% 60%;
    margin-top:161px
}

.sub_title_ban .sub_head {
    padding-bottom: 3rem;
}

.sub_title_ban .sub_head .text_box {
    margin-bottom: 0;
    text-align: center;
    margin-bottom: 3.2rem;
}

.sub_title_ban .sub_head .text_box .title_h2,
.sub_title_ban .sub_head .text_box .title_h4,
.sub_title_ban .sub_head .text_box p {
    color: #fff;
}

.sub_title_ban .text_box .title_h2 {
    font-size: 58px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1;
    margin:0.25em 0;
    /* letter-spacing: 1px; */
    font-family: 's-c-d-l', sans-serif;
    
}

.sub_title_ban .text_box .title_h4 {
    font-size: 35px;
    margin: .25em 0;
    font-weight: 400;
    line-height: 1.2;
}

.sub_title_ban .text_box .title_h6 {
    margin-bottom: 10px;
}

.sub_title_ban .text_box p {
    margin-bottom: 4px;
    font-size: 18px;
    line-height:1.5;
}
/* 서브 배너 스타일2 */
.sub_title_ban.fact_plastic_ban .text_box .title_h2{
    letter-spacing: 1px;
    font-family: 'Oswald_l', sans-serif;
    padding-bottom:10px;
}
.sub_title_ban.fact_plastic_ban .text_box .title_h3{
    font-family:'s-c-d-l',sans-serif;
    font-size:63px;
    font-weight: 400;
    padding-bottom:10px;
    color:#fff;
    line-height: 1;
}

/* 서브 배너 버튼 */
.sub_head_btn{
    display:flex;
    flex-direction: column;
    flex-wrap: wrap;
    width:370px;
    margin:auto;
}
.sub_head_btn .btn_box{
    height:60px;
    border-radius: 50px;
    text-align:center;
}
.sub_head_btn .btn_box a{
    display:block;
    width:100%;
    height:100%;
    align-content: center;
}
.sub_head_btn .btn_blue{
    background:#4b5297;
    margin-bottom:0.25rem;
    transition: background .3s ease-in-out;
}
.sub_head_btn .btn_blue:hover{
    background:#fff;
}
.sub_head_btn .btn_blue a{
    color:#fff;
}
.sub_head_btn .btn_blue:hover a{
    color:#000
}

.sub_head_btn .ban_btn{
    display:flex;
    gap:0;
    align-items: center;
}
.sub_head_btn .ban_btn div{
    width:50%;
    padding:10px;
    border-radius: 50px;
    transition: all .3s ease;
}
.sub_head_btn .ban_btn div a, .sub_head_btn .ban_btn div button{
    text-align:center;
    display:block;
    font-size:14px;
    line-height:1.5em;
    width:100%;
    color:#505050;
}
.sub_head_btn .ban_btn div:hover{
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
    
}
.sub_head_btn .ban_btn div:hover a, .sub_head_btn .ban_btn div:hover button{
    color:#000;
}

.sub_head_btn .white_btn{
    opacity: .8;
}

/* popup */
.popup {
    margin:0;
    padding:0;
}
.popup .popup_head{
    background:#494949;
    padding:0 15px;
    border-bottom:1px solid #ececec;
}
.popup .popup_head h2{
    font-size: 16px;
    line-height: 45px;
    color:#fff;
    font-family: 'Noto Sans',sans-serif;
}
.popup .popup_body{
    padding:15px;
}
.popup .popup_body p{
    font-size:13px;
    line-height: 24px;
    font-family: 'Noto Sans',sans-serif;
    color:#000;
    word-break: break-all;
    letter-spacing: -1px;
}
.popup .popup_body .glores_data{
    text-align:right;
    margin-top:10px;
}
.popup .popup_footer{
    padding:10px;
    text-align:center;
}
.popup .popup_footer a{
    display:inline-block;
    height:35px;
    padding:0 20px;
    line-height: 33px;
    border:1px solid #bbb;
    border-radius: 3px;
    background:#ccc;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.3);
    font-size:12px;
    font-weight:bold;
    color:#333;
    cursor: pointer;
}


@media(max-width:1200px){
    .pc_br{
        display:none;
    }
    .mo_cont{
        display:block;
    }

    #main{
        margin-top:0;
    }
    
    .consulting .flex_left p{
        font-size:14px;
        color:#000;
        font-weight:500;
    }
    .consulting .quick_inp .list > label span, 
    .selct_box span{
        font-size:13px;
    }
    .header{
        position:relative;
        padding:0;
    }
    .header .head_top{
        padding:0;
    }
    .header .logo{
        margin:15px 0;
    }
    .header .logo a{
        width:70%;
        margin:auto;
    }
    .header.show{
        position:fixed;
        background:#fff;
        z-index: 99;
    }
    
    .header nav{
        position: relative;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        padding:0 15px;
        z-index: 99;
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out, max-height .3s ease-in-out;
    }
    .header nav.active, .header.show nav.active{
        opacity: 1;
        visibility: visible;
        max-height: 2000px;
        height:auto;
        top:0;
    }
    
    .header.show nav.show{
        top:68px;
        width:100%;
        box-sizing:border-box;
    }
   
        
    .header .login_tab{
        display:none;
    }

    .header .menu{
        min-width:100%;
        flex-direction:column;
    }
    .header .menu > .depth01{
        padding:0;
        line-height: 1;
        /* height:0; */
        border-bottom:1px solid rgba(0, 0, 0, 0.05);
        transition:all .3s ease-in-out;
        cursor: pointer;
    }
    .header .menu > .depth01 a{
        display:block;
    }
    .header .menu > .depth01 > a{
        padding:15px;
    }
    
    .header .menu .depth02{
        position:relative;
        border-top:0;
        top:0;
        min-width: auto;
        flex-direction: column;
        padding:0 25px;
        display:none;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity .3s ease-in-out, max-height .3s ease-in-out;
    }
    .header .menu .depth02 li{
        padding:10px 0;
    }
    .header .menu .depth02 li:first-child{
        padding-left:0;
    }
    .header .menu .depth02:after, .header .menu .depth02:before{
        display: none;
    }
    .header .menu > .depth01 > a{
        display: block;
        width:100%;
        font-size:13px;
        font-family: normal;
    }
    .header .menu > .depth01 > a:after{
        display:none;
    }
    .header .menu > .depth01.open{
        height:auto;
        background:#eee;
    }
    .header .menu > .depth01.open > a{
        border-bottom:1px solid #337ab7;
        font-size:14px;

    }
    .header .menu > .depth01.open .depth02{
        opacity: 1;
        visibility: visible;
        display: block;
        max-height: 1000px;
    }
    .header .menu > .depth01.open .depth02 a{
        color:#222;
    }

    .mo_menu{
        position: absolute;
        left:20px;
        right:auto;
        top:22px;
        width:20px;
        height:20px;
    }
    .mo_menu button{
        width:100%;
        height:100%;
        cursor: pointer;
    }
    .mo_menu button span{
        position:absolute;
        width:100%;
        height:2px;
        left:0;
        border-radius: 50em;
        background:#000;
    }
    .mo_menu button span:before,
    .mo_menu button span:after{
        content:'';
        position:absolute;
        width:20px;
        height:2px;
        border-radius: 50em;
        left:0;
        background:#000;
    }
    .mo_menu button span:before{
        top:-7px;
    }
    .mo_menu button span:after{
        bottom:-7px;
    }
    .mo_menu button span,
    .mo_menu button span:before,
    .mo_menu button span:after{
        transition: all 0.3s ease;
    }
    .mo_menu button.active span{
        background: transparent;
    }
    .mo_menu button.active span:before{
        top: 0;
        transform: rotate(45deg);
    }
    .mo_menu button.active span:after{
        bottom: 0;
        transform: rotate(-45deg);
    }
    .mo_head{
        display:none;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        background: #fff;
        padding: 0 15px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out, max-height .3s ease-in-out;
        text-align: center;
    }
    .mo_head.active{
        display: block;
        opacity: 1;
        visibility: visible;
        max-height: 500px;
        padding: 30px 15px;
    }
    .mo_head a span{
        transition:all .3s ease-in-out
    }
    .mo_head a:hover span{
        color:#000
    }
    .mo_head .quick_list{
        text-align:center;
    }
    .mo_head .quick_list a span{
        color:#a7a9b8;
        font-size:15px;
    }
    
    .mo_head .tel_numb{
        margin:20px 0 ;
    }
    .mo_head .tel_numb span{
        display:block;
        font-size:13px;
        color:#a7a9b8;
        line-height:1.4;
        transition:all .3s ease-in-out
    }
    .mo_head .tel_numb span.tel{
        font-size:28px;
        font-weight:600;
        color:#000;
        line-height:2;
    }
    .mo_head .service_ul{
        display:flex;
        align-items:stretch;
    }
    .mo_head .service_ul li{
        width:25%;
    }
    .mo_head .service_ul li i{
        font-size:32px;
    }
    .mo_head .service_ul li p{
        font-size:13px;
    }
    
    .mo_tel{
        position:absolute;
        top:18px;
        right:20px;
    }
    .mo_tel .tel_btn{
        cursor:pointer
    }
    
    .quick_menu{
        display: none;
    }

    /* footer */
    .footer .footer_wrap .footer_cont img{
        width:150px;
    }
    .footer .footer_wrap .footer_cont .sns_icon{
        padding-bottom:0;
    }
    .footer .footer_wrap .footer_cont .address{
        margin-top:20px;
    }
    .footer .footer_wrap .footer_cont .address p{
        font-size:12px;
        line-height:16px;
        font-family: 's-c-d-l', sans-serif;
    }
    .footer .footer_wrap .footer_cont .privacy{
        margin-top:20px;
    }
    .footer .footer_wrap .footer_cont .privacy li+li{
        margin-left:12px;
    }
    .footer .footer_wrap .footer_cont .privacy li a{
        font-size:12px;
    }
    .footer .footer_wrap .footer_cont .privacy li:after{
        font-size:10px;
        right:-8px
    }


    .consulting .inner{
        max-width:970px;
    }
    .consulting .flex_left h2{
        font-size: 26px;
    }
    
    .sub_title_ban{
        background-position: 0;
        margin-top:0;
    }
    .agree .inner{
        max-width:970px;
        margin:auto;
        padding:0 15px
    }
    .agree .inner > div{
        padding:0 15px;
    }
    .privacy_body h4{
        font-size:18px;
    }
}
@media(max-width:990px){
    .btn_w50{
        flex-direction: column;
    }
    .btn_w50 div{
        width:100%;
    }
    .btn_w50 div a, 
    .btn_w50 div button{
        padding:10px 0;
        font-size:16px;
        color:#282828
    }
    .footer .caution{
        display:none;
    }

    
    .consulting .flex_box > div{
        width:100%;
    }
    .consulting .flex_box > div + div{
        padding-top:60px;
    }
    .consulting .quick_inp{
        margin-top:20px;
    }
    .consulting .chk_agree{
        margin-bottom:20px;
    }
    .consulting .flex_left h2{
        font-family: 'Oswald_r', sans-serif;
        font-size:26px;
        font-weight:bold
    }

    .sub_head_btn{
        width:100%;
        padding:0 15px;
    }
    .sub_title_ban .sub_head{
        width:100%;
    }
    


    .sub_head_btn .btn_box{
        height:auto;
    }
    .sub_head_btn .btn_blue a{
        padding:10px 0;
        font-size:13px;
    }
    .sub_head_btn .ban_btn div a, 
    .sub_head_btn .ban_btn div button{
        font-size:13px;
    }
    .sub_title_ban.fact_plastic_ban .text_box .title_h3{
        font-size:36px;
        line-height:1em;
        padding-bottom:0.25em;
    }

    .agree .inner{
        max-width:750px;
    }
    
    
}
@media(max-width:780px){
    .pc_img {
        display:none;
    }
    
    .mobile_img {
        display: block;
    }
    
    .sub_title_ban{
        position:relative;
        min-height:400px;
        padding:60px 0;
        align-items:center;
        background-position:0;
    }
    
     .sub_title_ban hr.sub_head_line{
         display:none;
     }
    .sub_title_ban .sub_head{
        padding-top:3rem;
        position:absolute;
        top:6.5rem;
    }
    .sub_title_ban .sub_head .text_box{
        margin-bottom:20px;
    }
    .sub_title_ban.fact_plastic_ban .text_box .title_h2{
        font-size:1.3em;
        padding-bottom:0;
        margin:0 0 10px;
        letter-spacing: .01em;
    }
    .sub_title_ban .text_box .title_h2{
        font-size:31px
    }
    .sub_title_ban .text_box .title_h4{
        font-size:26px;
        margin:0 0 10px;
        line-height:1.5
    }
    .sub_title_ban .text_box .title_h6{
        font-size:20px;
        line-height:1.3;
        font-weight:400
    }
    .sub_title_ban .text_box p{
        font-size:13px;
        line-height:2
    }
    .agree{
        padding:1rem 0;
    }
    
}