@media all and (max-width: 1600px){
    .gnb_1da{padding:41px 20px 35px 20px}
}

@media all and (max-width: 1350px) {
    .width-fixed{width:calc(100% - 40px)}

    #main_top{margin-top:0px;}
    .sub_top{margin-top:90px;height:300px;}
    .sub_top .sub_tit{left:50%;transform:translate(-50%,-50%);width:100%;top:43%;}
    .sub_top .sub_tit h2{text-align: center;}

    #hd_wrapper{display:flex;align-items: center;justify-content: space-between}
    #logo{position:relative;float:none;left:initial;top:0;padding:18px 0;}
    .hd_login{top:50%;transform:translateY(-50%);}
    #gnb{display:none;}
    .mobile_menu{display:block;}
    .all_menu #close_menu{position:absolute;left:-80px;top:20px;width:60px;height:60px;background:#fff;border-radius: 50% 50%;cursor: pointer}
    .all_menu #close_menu span{position:absolute;top:50%;left:50%;width:80%;height:3px;background:#000;}
    .all_menu #close_menu span:first-child{transform:translate(-50%,-50%) rotate(45deg);}
    .all_menu #close_menu span:last-child{transform:translate(-50%,-50%) rotate(-45deg);}
    .all_menu.active{background:rgba(0,0,0,.7);z-index:10002;width:100%;height:100vh;opacity: 1;}
    .all_menu > div{position:absolute;right:-100%;height:100vh;background:#fff;transition: all .5s ease .5s;top:0;opacity: 0;width:500px;}
    .all_menu > div .logo{padding:10px ;text-align: center;}
    .all_menu > div .logo img{}
    .all_menu > div > div.mm  {height:calc(100vh - 74px);overflow-y: auto}
    .all_menu > div > div.mm::-webkit-scrollbar {
        display: block;
    }
    /* "대부분 커스터마이징된" 스크롤바
     * (width/height가 지정되지 않으면 보이지 않음 */
    .all_menu > div > div.mm::-webkit-scrollbar {
        width: 5px;
        height: 8px;
        background: #d7d7d7; /* 또는 트랙에 추가한다 */
    }
    /* 썸(thumb) 추가 */
    .all_menu > div > div.mm::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,.8);
    }
    .all_menu > div > div.mm > ul {}
    .all_menu > div > div.mm > ul > li > span{font-size:1.8em;padding:15px;display:block;width:100%;position: relative;border-bottom:1px solid #d1d1d1;cursor: pointer}
    .all_menu > div > div.mm > ul > li > a{font-size:1.8em;padding:15px;display:block;width:100%;position: relative;border-bottom:1px solid #d1d1d1;cursor: pointer}
    .all_menu > div > div.mm > ul > li:last-child > span{color:#fe1e1e}
    .all_menu > div > div.mm > ul > li:first-child > span{border-top:1px solid #d1d1d1;}
    .all_menu > div > div.mm > ul > li.gnb_al_li_plus > span:after{content:"";width:20px;height:20px;background:url('../img/hd_arrow.png')center / contain no-repeat;display:block;position:absolute;top:50%;right:15px;transform:translateY(-50%) rotate(90deg);}
    .all_menu > div > div.mm > ul > li.gnb_al_li_plus.active > span:after{transform:translateY(-50%) rotate(-90deg);}
    .all_menu > div > div.mm > ul > li > div{display:none;}
    .all_menu > div > div.mm > ul > li > div.active{display:block;}
    .all_menu > div > div.mm > ul > li > div.active > ul > li {background:#888;}
    .all_menu > div > div.mm > ul > li > div.active > ul > li a{font-size:1.8em;padding:15px;display:block;width:100%;position: relative;border-bottom:1px solid #626262;cursor: pointer;color:#fff;}
    .all_menu.active > div{right:0;opacity: 1;transition: all .5s ease;}

    #main_youtube{padding:60px 0;}
    .yt_top{padding-bottom:60px;}
    .pic_li_lt li .img{height:17vw;}

    .main_quick_wrap{width:calc(100%);padding:60px 0;}
    .main_quick_wrap > div{height:28.35vw;}

    .quick_link{opacity: .5;transition: opacity .6s ease-in-out;}
    .quick_link.scroll{opacity: 1;}


    .ceo_wrap .txt{padding-left:80px;}

    #bo_gall #gall_ul2 .gall_img{height:21.5vw;}
    .catalog .gall_img{height:20vw !important;}
}
@media all and (max-width: 1200px) {
    .width-fixed2{width:calc(100% - 40px);}


    .quick_link{right:10px;}
    .quick_link a {width:55px;height:55px;}
    .quick_link a img{width:100%;}
    .yt_top p{margin-top:1em;}

    .main_quick_wrap{display:grid;grid-template-columns: 2fr 2fr;}
    .main_quick_wrap > div{background-size:cover !important;padding:30px;}
    .main_quick_wrap > div:first-child{width:100%;}
    .main_quick_wrap > div:nth-child(2){width:100%;}
    .main_quick_wrap > div:nth-child(3){width:100%;}
    .main_quick_wrap > div:last-child{width:100%;}
    .main_quick_wrap > div h4{font-size:2.4em;}

    #ft .ft_btm > div .ft_num{width:320px;}
    #ft .ft_btm > div .ft_info{padding-right:50px;width:calc(100% - 320px);}
    #ft .ft_btm > div .ft_info .ft_cnt p{word-break: keep-all}

    .ceo_wrap .txt h3{font-size:2.4em;}
    .ceo_wrap .txt p{word-break: keep-all}
    .ceo_wrap .txt p br{display:none;}

    .history_wrap .history_con > div{margin-left:20%;width:80%;}

    .quick_link{display:none;}

    .sub_menu2 ul li{margin:0;flex:1 auto;}
    #bo_gall .gall_text_href{padding:6px;}
    #bo_gall .gall_text_href a{word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;line-height: normal}

    #pd_recome .item .txt{word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;line-height: normal;padding:6px;}

    #bo_gall .gall_img{height:25vw;}
    #bo_v_atc iframe{height:55vw;}
}
@media all and (max-width: 960px) {
    body{font-size:0.65em !important;}

    #hd_sch #sch_stx{font-size:1.2em;}

    .main_quick_wrap > div {font-size:0.9em;}
    .main_quick_wrap > div h4{font-size:2.2em;}

    .ci_info{display:block;}
    .ci_info > div:first-child {width:100%;}
    .ci_info > div:first-child br{display:none;}
    .ci_info > div:last-child {width:100%;margin-top:30px;}

    .ci_color .color_item > div{width:33.33%;}

    .ceo_wrap {display:block;margin-top:40px;}
    .ceo_wrap .img {width:100%;height:45vw}
    .ceo_wrap .txt {width:100%;padding-left:0;margin-top:60px;}
    .ceo_wrap .txt p{margin-top:30px;font-size:1.6em;line-height: 1.5}
    .ceo_wrap .txt .sign{font-size:2em;}


    .history_wrap{padding-top:0;}
    .history_wrap .history_con {width:100%;}
    .history_wrap .history_con > div{margin-left:0;width:100%;}

    #bo_sch .sch_btn{width:37px;height:37px;}

    #pd_thumb{height:400px;}
    .pd_top .left{width:400px;}
    .pd_top .right{padding-left:20px;width:calc(100% - 400px);}

}
@media all and (max-width: 720px) {

    .all_menu > div{width:calc(100% - 60px);}
    .all_menu #close_menu{width:40px;height:40px;left:-50px;}

    #hd_wrapper{display:block;height:152px;}
    #logo{padding:18px 0 0 0;z-index:111;display:inline-block;}
    .hd_login{flex-wrap: wrap;width:100%;text-align: right;justify-content: flex-end}
    .hd_login li:nth-child(2){order:1}
    .hd_login li:last-child{order:2}
    .hd_login li:first-child{order:3;width:100%;margin-top:30px;}
    #hd_sch #sch_submit{float:right;}

    #main_top{margin-top:0px;}
    .sub_top{margin-top:152px;height:250px;}

    .history_wrap .history_nav ul{top:170px;}
    .history_wrap .history_con h3{width:80px;font-size:2.4em;}
    .history_wrap .history_con ul{width:calc(100% - 80px);padding-left:30px;}
    .history_wrap .history_con ul li h2{word-break: keep-all}
    .history_wrap .history_con ul li p{word-break: keep-all}

    #main_youtube{padding:50px 0}
    .main_quick_wrap{padding:0 0 30px 0;display:block;}

    .main_quick_wrap > div{width:100%;min-height:55vw;font-size:1.1em;background-position:center;padding:20px 10px;}
    .main_quick_wrap > div h4{font-size:2.8em;}
    .main_quick_wrap > div p{line-height: 1.3}

    #ft .ft_btm > div {flex-wrap: wrap}
    #ft .ft_btm > div .ft_info{order:2;width:100%;padding-right:0;}
    #ft .ft_btm > div .ft_num{order:1;width:100%;margin-bottom:20px;}

    .pic_li_lt ul{display:block;}
    .pic_li_lt li{width:100%;}
    .pic_li_lt li + li{margin-left:0;margin-top:30px;}
    .pic_li_lt li .img{height:48vw;}
    .pic_li_lt li .pic_li_tit{font-size:1.8em}

    #main_slide{display:none}
    #main_slide_m{display:block;}

    .about_txt{padding-top:60px;}
    .about_txt p br{display:none;}

    .sub_wrap{padding:60px 0;}

    #bo_sch form {display:block;}
    #bo_sch form > div.left{width:100%}
    #bo_sch form > div.left .down_btn {width:100%;}
    #bo_sch form > div.left .down_btn button{width:50%;}
    #bo_sch form > div.right{width:100%;margin-top:10px;}

    #bo_list .td_num2{width:auto;}
    #bo_list .td_name{width:auto;}

    .sub_top .sub_menu {height:50px;display:block;padding-top:50px;z-index:100;}
    .sub_top .sub_menu > div{height:50px;border-bottom:1px solid #fff;text-align: left;position:relative;padding:0;}
    .sub_top .sub_menu > div a{font-size:1.6em;padding:15px 10px;}
    .sub_top .sub_menu > div.active{position:absolute;top:0;left:0;width:100%;}
    .sub_top .sub_menu > div.active:after{content:"";width:22px;height:22px;position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(90deg);background:url('../img/hd_arrow.png')center / contain no-repeat}
    .sub_top .sub_menu > div:not(.active){display:none;width:100%;}
    .sub_top .sub_menu > div.show{display:block;}

    .sub_menu2{border:none;padding:10px 0;}
    .sub_menu2 ul {flex-wrap: wrap;justify-content: flex-start}
    .sub_menu2 ul li{width:33.33%;flex:initial;border:1px solid #eee;}
    .sub_menu2 ul li a{line-height:1.5;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;padding:10px;}
    .sub_menu2 ul li:hover,
    .sub_menu2 ul li.active{border:1px solid #000;background:#000;}
    .sub_menu2 ul li:hover a,
    .sub_menu2 ul li.active a{color:#fff;}

    #bo_gall #gall_ul2 .gall_img{height:45vw;}
    #bo_gall #gall_ul2 .gall_li{width:calc(50% - 10px);margin-bottom:30px;}
    #bo_gall #gall_ul2 .gall_li:nth-child(even){margin-right:0;}


    #pd_thumb{height:auto}
    .pd_top {display:block;}
    .pd_top .left{width:100%;}
    .pd_top .right{padding:0;width:100%;margin-top:30px;position:relative;}
    .pd_top #bo_v_title{font-size:1.3em;padding-bottom:120px;border-top:1px solid #000;margin-top:50px;padding-top:50px;}
    .top_link{position:absolute;bottom:0;left:0;width:100%;}
    .top_link a{width:50%;font-size:1.5em;text-align: center}

    #bo_v_con{font-size:1.6em;}


    #bo_list{margin-top:30px;padding:30px 0 0 0;}

    .video_box{margin-top:30px;padding:30px 0 0 0;}

    .catalog li{width:calc(50% - 15px) !important;margin-right:30px !important;margin-bottom:30px !important;}
    .catalog li:nth-child(even){margin-right:0 !important;}

    .catalog .gall_img{height:30vw !important;}

    .catal_tit p {font-size:1.3em;}
    .catal_tit p br{display:none;}

    #bo_gall .video_box .gall_li{width:calc(50% - 10px);margin:0 20px 20px 0 !important;}
    #bo_gall .video_box .gall_li:nth-child(even){margin-right:0 !important;}

    #bo_gall .gall_img{height:25vw;}

    .in_wrap ul li{padding:10px 0;}
    .in_wrap ul li:first-child .in_input{width:calc(100% - 120px);}
    .in_wrap ul li.half{width:100%;}

    #sch_res_detail{padding:30px;flex-wrap: wrap}
    #sch_res_detail select{width:50%;}
    #sch_res_detail .sch_wr{width:100%;margin:5px 0;}
}
@media all and (max-width: 560px) {
    body{font-size:0.55em !important;}


    .hd_login li.lang select{font-size:2em;}
    #ft{font-size:1.2em;}

    .ci_top{display:block;}
    .ci_top > div{width:100%;}
    .ci_top > div:nth-child(even){margin:20px 0 0 0;}

    .ci_color .color_item{display:block;}
    .ci_color .color_item > div{width:100%;}
    .ci_color .color_item > div + div{margin:20px 0 0 0;}
    .ci_color .color_item > div span{font-size:2em;}

    .history_wrap .history_nav{display:none;}
    .history_wrap .history_con h3{text-align: left}

    .history_wrap .history_con > div + div{margin:30px 0 0 auto;padding-bottom:30px;}

    #bo_sch .sch_btn{width:35px;height:35px;}

    .width-fixed{width:calc(100% - 20px);}
    .width-fixed2{width:calc(100% - 20px);}

    #bo_v_title .bo_v_tit{word-break: keep-all;}
    #bo_v_title .spec{margin-top:30px;}
    .pd_top{margin-bottom:40px;}

    #bo_sch2{padding:15px;}
    #bo_sch2 h3{margin-bottom:15px;}
    #bo_sch2 form{flex-wrap: wrap;}
    #bo_sch2 form select{width:33.33%;}
    #bo_sch2 form input[type=text] {width:calc(100% - 100px);}
    #bo_sch2 form input[type=button] {width:100px;}

    .in_wrap ul li{display:block;}
    .in_wrap ul li > label{width:100%;padding:0 0 10px 0;font-size:1.7em;display:block;}
    .in_wrap ul li > .in_input{width:100% !important;}
    .in_wrap ul li .email_div{width:100%;}
    .in_wrap ul li #in_file_txt + label{width:100px;bottom:20px;top:initial;transform:none;}

    .in_wrap ul li .agree input[type=checkbox] + label{font-size:1.8em;}
    .in_wrap .in_btns button{font-size:1.8em;}
}
@media all and (max-width: 480px) {
    body{font-size:0.4em;}
    #bo_sch #stx{width:calc(100% - 35px)}

    #hd{padding:0 10px;}
    #logo{width:170px;top:0;}
    #logo a img{width:100%;}

    #hd_wrapper{height:135px;}
    .hd_login li:first-child{margin-top:20px;}

    #main_top{margin-top:0px;}
    .sub_top{margin-top:135px;}

    .main_quick_wrap > div h4{font-size:2em;}


    .catalog li{width:100% !important;margin-bottom:0 !important;margin-right:0 !important;}
    .catalog li + li{margin-top:30px !important;}

    .catalog .gall_img{height:55vw !important;}

    #bo_gall .video_box .gall_li{width:100%;margin:0 !important;}
    #bo_gall .video_box .gall_li + .gall_li{margin-top:20px !important;}

    #bo_gall .gall_img{height:55vw;}

    .sub_top{height:220px;}

    .bo_nav{flex-wrap: wrap}
    .bo_nav #gall_allchk{width:100%;}
    .bo_nav > ul{width:100%;flex-wrap: wrap;justify-content: flex-start}
    .bo_nav > ul li{width:calc(25% - 8px);padding:6px;flex: initial;background:rgba(255,255,255,.5);margin:4px;}

    #sch_res_detail{padding:15px;}

    .sch_res_list li{font-size:1.3em;}
}
@media all and (max-width: 410px) {
    .sub_menu2 ul li a{overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;padding:10px;}
}