@media (max-width: 1400px) {

    .main_wrap .main .deco {
        width:60%;
        top: 130px;
    }
}

@media (max-width: 1100px) {

    footer .ft_wrap {width:100%;}
    footer .ft_wrap .info {padding-left:20px;}
    footer .ft_wrap .cs { margin-right:20px;}

    .main_wrap .main {height: auto; padding: 50px 35px 35px;}
    .main_wrap .main > .title {width: 100%;padding: 0;margin: 0;font-size: 35px;}
    .main_wrap .main > .title span {font-weight: 500;color: var(--basic-white-color);}
    .main_wrap .main > p {width: 100%;padding: 0;margin: 20px 0;font-size: 20px;}
    .main_wrap .main .deco {position: relative;width: 100%;right: auto;top: auto;}

    .wrapper .content {width: 100%;padding: 0 20px;}
    .wrapper .con2 .content > img.con2_tabview {display:block; width:100%;}
    .wrapper .con2 .content ul { display:none;}
    
    .slider_box { height: auto;}
    .slider_box li > img {margin: 0 !important;padding: 0 !important; float: none !important;width: 100%;}
    .slider_box li .textbox {margin: 0 !important;padding: 30px 30px 30px !important;left: auto !important;top: auto !important;width: 100% !important;bottom: auto !important;right: auto !important;position: relative;}

    .slider_box li.slider2 .textbox {right: 0;left: -10px;top: auto;padding: 0 30px;bottom: -60px;}
    .slider_box li.slider3 .textbox {right: 190px;bottom: 30px;width: 265px;}
    .slider_box li.slider4 .textbox {left: 200px;top: 174px;width: 298px;}
    .slider_box li.slider5 .textbox {right: 150px;bottom: 150px;width: 248px;}
    .slider_box li.slider6 .textbox {left: 260px;bottom: -80px;width: 382px;}
    .slider_box li .textbox::before {content: none;}
    .slider_box li .textbox p.title {font-size:23px;text-align: left;}
    .slider_box li .textbox p.sub {font-size:18px;margin-top:10px;}
    .slider_box li .textbox p.sub span { font-weight:500; color:var(--basic-point-color); }
    .bxpagetext {width: 100%;padding: 20px 30px 0;border-top: 1px solid var(--main-border-color);}
    .bxpagetext a p {padding-left: 0;}
    .bxpagetext a.active { color:var(--main-font-color); }
    .bxpagetext a::after { content:none; right: -20px;}
    .bxpagetext a:last-child::after{ content:none;}

    .wrapper .con6 {background-position: 0 280px;padding: 200px 0 0;}
    .wrapper .con6 .content h1 {font-size:50px; line-height: 1.4; font-weight:500;padding: 0 238px;}
    .wrapper .con6 .content h1 span {color: var(--basic-point-color);}
    .wrapper .con6 .content ul {margin-top: 200px;}
    .wrapper .con6 .content ul li {display: flex;justify-content: space-between;position: relative;}
    .wrapper .con6 .content ul li.con6_box1 {margin-bottom: 150px; flex-direction: row-reverse;}
    .wrapper .con6 .content ul li.con6_box3 {flex-direction: row-reverse; margin-bottom:200px;}
    .wrapper .con6 .content ul li .txtbox h1 {font-size: 30px;font-weight: 400;color: var(--basic-point-color);text-align: left; padding:0;}
    .wrapper .con6 .content ul li .txtbox p {font-size: 22px;text-align: left;line-height: 1.3;margin-top: 10px;}
    .wrapper .con6 .content ul li.con6_box1 > .txtbox {margin-top: 235px;padding: 0 106px 0 20px;}
    .wrapper .con6 .content ul li.con6_box2 > .txtbox {padding-left: 42px;margin-top: 160px;}
    .wrapper .con6 .content ul li.con6_box3 > .txtbox {margin-top: 235px;padding: 0 106px 0 20px;}
    .wrapper .con6 .content ul li.con6_box1 > img {margin-right: 20px;width: 50%;}
    .wrapper .con6 .content ul li.con6_box2 > img {margin-left: 0;width: 50%;}
    .wrapper .con6 .content ul li.con6_box3 > img {margin-right: 20px;width: 50%;}

    .priceinfo .content > .title {font-size: 35px;padding: 170px 0 120px;}
    .priceinfo .content > .title span { font-weight:500;}
    .priceinfo .content .deco {display: none;}
    .priceinfo .content .price_box li .title p {font-size:35px;}
    .priceinfo .content .price_box li .info { min-height:260px;}
    .priceinfo .content .price_box li .info p {font-size: 15px;}

    .board .content .grid li .grid-title li {max-width: 50%;}

    /* company page*/
    .company .main {height: auto;padding: 80px;}
    .company .main > .title {font-size: 34px;padding: 0 0 335px;}
    .company .main > .title span { font-weight:500; color:var(--basic-white-color); }
    .company .about .content h1 {font-size: 35px;font-weight:500;padding: 80px 0 20px;}
    .company .about .content > p {font-size: 25px;line-height: 1.4;}
    .company .about .content > p span { font-weight:500; color:var(--basic-point-color);}
    .company .about .content > div {padding: 60px 20px;}
    .company .about .content > div h2 {font-size: 20px;}
    .company .about .content > div p {font-size: 18px;line-height: 1.3;}
    .company .about .content > img { margin-top:50px;}

    .company .recruit {width:100%;background:var(--basic-background-color);padding: 150px 0;margin: 100px 0 0;}
    .company .recruit .content h1 {font-size: 35px;}
    .company .recruit .content > p {font-size: 25px;padding: 0;}
    .company .recruit .content .grid { border-top:1px solid var(--main-border-color); }
    .company .recruit .content .grid li { display:block; cursor: pointer;}
    .company .recruit .content .grid .grid-title {padding: 0 30px;height:60px;line-height:60px;width:100%;border-bottom:1px solid var(--main-border-color);background:#F6F6F6;cursor: pointer;display: flex;justify-content: space-between; }
    .company .recruit .content .grid .grid-title .arrow { height: 10px;width: 10px;border: 2px solid var(--main-font-color);border-top: 0;border-left: 0;transform:rotate(45deg); margin-top: 22px;}
    .company .recruit .content .grid .grid-view { text-align:left; display:none; border-bottom: 1px solid var(--main-border-color);background:var(--basic-white-color);box-shadow: 0px 2px 7px 5px rgb(213 213 213 / 20%);padding: 30px;line-height: 1.5;}
    .company .recruit .content .grid li.sel .grid-title {background:var(--basic-white-color); box-shadow: 0px 2px 7px 5px rgb(213 213 213 / 20%);position: relative;}
    .company .recruit .content .grid li.sel .grid-title label {transform:rotate(-135deg); margin-top: 27px; }
    .company .recruit .content .grid li.sel .grid-view{ display:block;}

    .wrapper .content_ft { position:relative;width:100%; background:var(--basic-background-color);}
    .wrapper .content_ft .cs_form {width: 100%;padding: 70px 20px;}
    .wrapper .content_ft .cs_form > p { line-height:1.3;}
    .wrapper .content_ft .cs_form form ul.form_box {flex-direction: column;}
    .wrapper .content_ft .cs_form form ul li {width: 100%;}
    .wrapper .content_ft .cs_form form div.form_acitve {flex-direction: column;}
    .wrapper .content_ft .cs_form form div.form_acitve .filebox {width: 100%;}
    .wrapper .content_ft .cs_form form div.form_acitve > div {width: 100%;}
    .wrapper .content_ft .cs_form .form_box {flex-direction: column;}
    .wrapper .content_ft .cs_form .form_box > div { width: 100%;}
    .wrapper .content_ft .cs_form .form_box textarea { margin-bottom:10px; }

}


@media ( max-width: 767px ) {

    header .m_menu { display:block; cursor: pointer;}
    header .m_nav { display:none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;z-index: 999;background-color: rgba(0, 0, 0, 0.4);}
    header .m_nav ul {flex-direction: column;width: 50%;background: #fff;float: right;height: 100%;}
    header .m_nav ul li {height: 60px;line-height: 60px;}
    header .m_nav ul li a {font-size: 20px;display: block;}
    header .m_nav ul li a:hover { color:none; border-bottom:0;}
    header .m_nav ul li a.sel { color:var(--basic-point-color);font-weight:500; border:0; }
    header .m_nav ul li.closedbtn {display:block;padding: 0 20px;height:80px;line-height: 80px;text-align: right;border-bottom: 1px solid;cursor: pointer;}

    footer { padding: 0;}
    footer .ft_wrap {width:100%;flex-direction: column-reverse;}
    footer .ft_wrap .info p, footer .ft_wrap .info ul li, footer .ft_wrap .cs p {font-size:13px;color:var(--footer-font-color);line-height: 1.5;}
    footer .ft_wrap .info {padding: 20px;}
    footer .ft_wrap .info p { font-weight:500;}
    footer .ft_wrap .info ul li.copy { margin-top:10px;}
    footer .ft_wrap .cs {background:#383333;padding: 20px;border-radius: 0;width: 100%;}
    footer .ft_wrap .cs p.num {font-size:34px;font-weight: 500;line-height: 1;}

    .main_wrap .main {height: auto; padding: 50px 35px 35px;}
    .main_wrap .main > .title {width: 100%;padding: 0;margin: 0;font-size: 35px;}
    .main_wrap .main > .title span {font-weight: 500;color: var(--basic-white-color);}
    .main_wrap .main > p {width: 100%;padding: 0;margin: 20px 0;font-size: 20px;}
    .main_wrap .main .deco {position: relative;width: 100%;right: auto;top: auto;}

    .wrapper .content {width: 100%;padding: 0 20px;}
    .wrapper .content.con1 {padding: 60px 20px;}
    .wrapper .content.con1 h1 {font-size: 35px;}
    .wrapper .content.con1 p {font-size:20px;margin-top: 12px;margin-bottom: 30px;line-height: 1.4;}
    .wrapper .content.con1 p > img {top: 9px;left: 3px;width: 75px;}
    .wrapper .content.con1 .btn-group {display: flex;flex-direction: column;align-items: center;padding: 0 90px;}
    .wrapper .content.con1 .btn-group button {width: 100%;margin: 20px 0 0;}
    .wrapper .content.con1 .btn-group button > img { width:100%;}

    .wrapper .con2 {padding: 100px 0px;}
    .wrapper .con2 .content h1 {font-size: 35px;padding: 0;}
    .wrapper .con2 .content h1 span {color: var(--basic-point-color);}
    .wrapper .con2 .content p {font-size: 25px;padding-right: 0;margin: 20px 0 110px;}
    .wrapper .con2 .content > img.con2_mview {display:block; width:100%;}
    .wrapper .con2 .content ul, .wrapper .con2 .content > img.con2_tabview { display:none;}

    .wrapper .con3 {padding: 100px 35px;}
    .wrapper .con3 .content h1 {font-size: 35px;padding: 0;}
    .wrapper .con3 .content > p {margin: 35px 0 60px;}
    .wrapper .con3 .content ul {flex-direction: column;}
    .wrapper .con3 .content ul li {margin-right: 0;margin-bottom: 30px;}
    .wrapper .con3 .content ul li span {font-size:18px;}
    .wrapper .con3 .content ul li p.num {font-size: 50px;}

    .wrapper .con4 .content h1 {font-size: 35px;margin-bottom: 100px;}
    .wrapper .con4 .content h1 > img {width: 93px;top: 4px;}

    .wrapper .con5 {padding: 150px 0 50px;}
    .wrapper .con5 .content h1 {font-size: 35px;margin-bottom: 100px;}
    .wrapper .con5 .content h1 > img {width: 93px;top: 4px;}


    .wrapper .con6 {background: url(/images/main_con6_bg.png) no-repeat center;padding: 200px 0 0;}
    .wrapper .con6 .content h1 {font-size: 35px;padding:0;}
    .wrapper .con6 .content h1 span {color: var(--basic-point-color);}
    .wrapper .con6 .content ul {margin-top: 135px;}
    .wrapper .con6 .content ul li {justify-content: flex-start;flex-direction: column !important;align-items: center;}
    .wrapper .con6 .content ul li.con6_box2 > .txtbox { margin-top:-35px !important; margin-bottom:30px !important; }
    .wrapper .con6 .content ul li.con6_box3 > img {margin-bottom: 50px !important;margin-top: 80px !important;}

    .wrapper .con6 .content ul li .txtbox h1 {font-size: 25px;text-align: center;}
    .wrapper .con6 .content ul li .txtbox p {font-size: 20px;text-align: center;}
    .wrapper .con6 .content ul li > .txtbox {margin: 35px 0 0 0 !important;padding: 0 !important;}
    .wrapper .con6 .content ul li > img {width: 80% !important;margin: 0 !important;padding: 0 !important;}

    .wrapper .con7 {background: var(--basic-background-color);padding: 150px 0;}
    .wrapper .con7 .content h1 {font-size: 35px;font-weight:500;margin-bottom: 80px;}
    .wrapper .con7 .content h1 > img {margin-right: 5px;width: 79px;}
    .wrapper .con7 .content ul {flex-wrap: wrap;border-bottom: 0;}
    .wrapper .con7 .content ul li {position:Relative;border-left: 1px solid var(--main-border-color);width: 50%;border-bottom: 1px solid var(--main-border-color);}
    .wrapper .con7 .content ul li .pri { height:160px}
    .wrapper .con7 .content ul li .pri p {margin-left: 0;font-size: 26px;}
    .wrapper .con7 .content ul li .pri p > span {font-weight: 500;font-size:20px;}
    .wrapper .con7 .content ul li .txtbox {padding: 35px 35px 50px;}
    .wrapper .con7 .content ul li .txtbox p::before { content:''; background: url(/images/check_icon.svg)no-repeat;width: 14px; height: 11px; position: absolute; margin-left: -17px; margin-top: 5px; }
    .wrapper .con7 .content ul li .txtbox p {font-size: 17px;line-height: 1.2;}
    .wrapper .con7 .content ul li .txtbox span {font-size:15px;line-height: 1.3;}
    .wrapper .con7 .content button { width:70%;}

    /* priceinfo page */

    .priceinfo .content .price_box ul {flex-wrap: wrap;}
    .priceinfo .content .price_box li {width: 50%;}
    .priceinfo .content .price_box li:first-child { border-left:0;}
    .priceinfo .content .price_box li .title {text-align: center;padding: 35px 0;}
    .priceinfo .content .price_box li .title span { font-size:20px; font-weight:500;}
    .priceinfo .content .price_box li .title p {font-weight:500; color:var(--basic-point-color);}
    .priceinfo .content .price_box li .title p > span { font-size:18px; font-weight:300;}
    .priceinfo .content .price_box li .info {position: relative;background: #F7F7F7;padding: 35px 35px 20px;width: 100%;margin: 0 auto;}
    .priceinfo .content .price_box li .info p {font-size: 17px;}
    .priceinfo .content .price_box li .info p > span { font-size:15px;}
    .priceinfo .content .price_box li .info p:before {content:'';background: url(/images/list_check_icon.svg)no-repeat;width:12px;height: 11px;position: absolute;margin-left: -18px;margin-top: 4px;}
    .priceinfo .content .price_box li .info button {position: relative;margin-top: 0;}
    .priceinfo .content .price_box li .info .txt-box {height: 149px;}
    .priceinfo .content .price_box li .info button:hover { background-color:var(--btn-primary-color); color:var(--basic-white-color); border:0;}
    .priceinfo .content .info_box {margin-bottom: 80px;}
    .priceinfo .content .info_box .con { width:100%; margin-top: 30px; border-bottom: 1px solid var(--main-font-color);}
    .priceinfo .content .info_box .con h2 { width:100%; font-size:20px; font-weight:400; height:70px; line-height: 70px; border-bottom: 2px solid var(--main-font-color);}
    .priceinfo .content .info_box .con ul {flex-wrap: wrap;}
    .priceinfo .content .info_box .con ul li {width: 25%;}
    .priceinfo .content .info_box .con ul li:first-child { border-left:0;}
    .priceinfo .content .info_box .con ul li:last-child { border-right: 1px solid var(--main-border-color);}
    .priceinfo .content .info_box .con ul li.title {text-align:left;padding-left: 20px;width: 100%;border: 1px solid var(--main-border-color);border-top: 0;}

    .cscent h1 {font-size:35px;}
    .cscent .content .tab_box li {height: 48px;line-height: 48px;}
    .cscent .content .tab_box li a {font-size: 18px;}
    .cscent .content .tab_box li a.sel { font-weight:500; border-bottom:2px solid var(--main-font-color); color:var(--main-font-color);}
    .cscent .content .search_box .input-box input {width: 90%;position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;}
    .cscent .content .search_box {display: flex;}
    .cscent .content .search_box .input-box {display:none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background-color: rgba(0, 0, 0, 0.6);}
    .cscent .content .search_box .input-box .closedbtn {display:block;position: absolute;transform: translate(-50%, -50%);top: 50%;margin-top: -60px;float: right;right: 10px;}
    .cscent .content .search_box .input-box .search_btn {display:block;position: absolute;transform: translate(-50%, -50%);top: 50%;float: right;right: 20px;}
    .cscent .board { padding: 80px 0 0px; }
    .cscent .board .content {flex-direction: column;}
    .cscent .board .board_box {width: 100%;margin-bottom: 50px;}
    .cscent .board .board_box .title { display:flex;justify-content: space-between;align-items: center; padding-bottom: 10px;}
    .cscent .board .board_box .title p {font-size:16px;font-weight: 500; }
    .cscent .board .board_box .title > a { border:1px solid #737373; counter-reset: var(--main-font-color); font-size: 24px; font-weight: 400; height: 30px; width: 31px; line-height: 26px; text-align: center;}
    .cscent .board .board_box ul {height: 363px; border-top:2px solid var(--main-font-color); border-bottom:1px solid var(--main-border-color);}
    .cscent .board .board_box ul li { font-weight:400; cursor: pointer; display:flex; height:60px; align-items: center; padding: 0 10px; }
    .cscent .board .board_box ul li:hover { background:var(--basic-white-color); box-shadow: 0px 2px 7px 5px rgb(213 213 213 / 20%);}
    .cscent .board .board_box ul li label { border:1px solid #737373; font-size:12px;width: 70px;text-align: center;border-radius: 30px;padding: 10px 0;margin-right: 14px;}
    .cscent .board .board_box ul li.nodata { justify-content: space-evenly;height: 100%;color:var(--sub-font-color)}
    .cscent .board .board_box ul li.nodata:hover { background:none; box-shadow:none; }

    .board .content .grid li .grid-title li {max-width: 40%;}
    .board .content .grid li .grid-title li.num { width:40px;}
    .board .content .grid li .grid-title .arrow {right: 35px;}
    .board .content .grid li .grid-view { display:none; font-weight:400; text-align:left; border-bottom: 1px solid var(--main-border-color);background:var(--basic-white-color);box-shadow: 0px 2px 7px 5px rgb(213 213 213 / 20%);padding: 30px;line-height: 1.5;}
    .board .content .grid li .grid-view > img { width:100%;}
    .board .content .grid li .grid-view.faq-view { padding-left:147px;}
    .board .content .grid li .grid-view.faq-view span { font-weight:500; color:#C00000;}
    .board .content .grid li.sel .grid-title {background:var(--basic-white-color); box-shadow: 0px 2px 7px 5px rgb(213 213 213 / 20%);position: relative;}
    .board .content .grid li.sel .grid-title .arrow {transform:rotate(-135deg);right: 20px;}
    .board .content .grid li.sel .grid-view { display:block;}

    /* modal common */
    .modal_body{width:90%}

}