@charset "utf-8";
/**************************************************

  Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
  Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}
@media screen and (min-width: 750px) and (max-width: 1300px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }

/**************************************************
  Layout
**************************************************/
@media screen and (max-width: 1300px){

  html{min-width: 320px;padding-top: 50px;overflow-x: hidden;}

    #header{position: fixed;background: #fff;}
    #header .inner{width: auto;height: 50px;}
    #header .logo{width: 180px;height: 50px;left: 10px;background-image: url('/kmvs/img/main/logo-on.png');}

    #header #slide-btn button span,
    #header #slide-btn button:before,
    #header #slide-btn button:after{background: #000;}

  #gnb{display: none;}
    #tnb{display: none;}

    #hd-lan{display: none;}
    #hd-sch{display: none;}

    #footer{height: auto;margin-bottom: 0;}
    #footer:before{display: none;}
    #footer .inner{width: auto;padding: 20px 10px 40px 10px;}
    #footer .inner:after{width: 100px;height: 33px;margin: 0;left: 50%;margin-left: -50px;bottom: -12px;}
    #footer .copyright{font-size: 11px;text-align: center;display: block;}
    #footer .lic-logo{position: static;width: 50px;height: auto;display: block;margin: 15px auto;}
    #footer .lic-logo img{width: 100%;height: auto;}
    #footer #fam-site{display: none;}
    #footer #ft-sns{position: relative;top: auto;left: auto;text-align: center;margin-bottom: 10px;}
    #footer #ft-sns li{margin-right: 2px;}

    #gotop{display: none;}

    #fnb{text-align: center;}
    #fnb > li{display: inline-block;padding: 0 5px;}
    #fnb > li:first-child{padding-left: 0;background: none;}
    #fnb > li a{font-size: 11px;color: #b3b3b3;letter-spacing: -1px;line-height: 35px;}

    #slide-btn{top: 17px;right: 10px;display: block;width: 25px;height: 16px;}

    #slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
    #slide-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url('/kmvs/img/main/slide-close-mo.png') no-repeat center center;background-size: 20px auto;}

    #slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;display: block;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
    #slide-menu .tit{height: 50px;position: relative;background: #05141f;}
    #slide-menu.on{right: 0;}

    #tnb-mo{display: none; line-height: 50px;}
    #tnb-mo > li{display: inline-block;margin: 0 15px;}
    #tnb-mo > li a{font-size: 12px;color: #fff;font-weight: 300;}

    #gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
    #gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;color: #000;text-decoration: none;font-weight: 300;}
    #gnb-mo > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;}
    #gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #333;text-decoration: none;font-weight: 300;}
    #gnb-mo > li.hidden-gnb{display: none;}

    #hd-lan-mo{position: absolute;top: 0;left: 15px;z-index: 92;}
    #hd-lan-mo > a{display: block;line-height: 50px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('/kmvs/img/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('/kmvs/img/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
    #hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
    #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/kmvs/img/layout/hd-lanbox-spr-mo.png');}
    #hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
    #hd-lan-mo.on > ul{display: block;}

    #hd-sch-mo{position: absolute;top: 14px;left: 85px;z-index: 91;}
    #hd-sch-mo .btn{display: block;width: 21px;height: 21px;background: url('/kmvs/img/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 16px auto;text-indent: -999em;border: none;}
    #hd-sch-mo form{position: fixed;display: none;top: 50px;right: 0;width: 80%;padding-right: 45px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;}
    #hd-sch-mo legend{display: none;}
    #hd-sch-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;}
    #hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('/kmvs/img/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;}
    #hd-sch-mo.on form{display: block;}

    .model-drdw{position: fixed;top: 0;left: 0;margin-left: 0;width: 100%;min-height: 0;height: 100%;box-sizing: border-box;padding-top: 50px;}
    .model-drdw .tab{position: absolute;top: 0;left: 0;width: 100%;height: 50px;padding: 0;padding-right: 50px;box-sizing: border-box;overflow-x: scroll;white-space: nowrap;}
    .model-drdw .tab li a{line-height: 50px;padding: 0;font-size: 13px;padding: 0 10px;}
    .model-drdw .list{padding: 15px;display: none;position: relative;height: calc(100vh - 50px);overflow-y: scroll;box-sizing: border-box;margin: 0;}
    .model-drdw .list:first-child{display: block;}
    .model-drdw .list > li{margin: 1.5% 1%;width: 48%;}
    .model-drdw .list .tit{font-size: 12px;line-height: 16px;height: 34px;letter-spacing: -1px;}
    .model-drdw .list .tit.h50{height: 50px !important;}
    .model-drdw .list .tit em{font-size: 11px;letter-spacing: -0.5px;white-space: normal;line-height: 15px;}
    .model-drdw .list .btn li a{font-size: 10px;letter-spacing: -1px;}
    .model-drdw .close-btn{width: 40px;height: 50px;line-height: 50px;font-size: 14px;z-index: 2;}

    /* layer popup */
    .sp_pop{position: absolute;top: 80px !important;left: 5% !important;width: 90% !important;z-index: 999 !important;}
    .sp_pop table{width: 100%;}
    .sp_pop table td{height: auto !important;}
    .sp_pop img{width: 100% !important;height: auto !important;}

    /* Tab */
    .tab1{ margin-bottom: 15px; }
    .tab1 > li{position: relative;border: 1px solid #ddd;margin: 0 -1px -1px 0;box-sizing: border-box;}
    .tab1 > li:hover,
    .tab1 > li.active{border-color: #05141f;z-index: 2;}
    .tab1 > li:before{display: none;}
    .tab1 > li a{height: 35px;line-height: 35px;font-size: 13px;letter-spacing: -0.5px;}
    .tab1.len2 > li{width: 50%;}
    .tab1.len3 > li{width: 33.33%;}
    .tab1.len4 > li{width: 50%;}
    .tab1.len5 > li{width: 50%;}
    .tab1.mo-full > li{width: 100%;}

    .tab2{margin-bottom: 15px;border: none;}
    .tab2 > li{position: relative;}
    .tab2 > li a{line-height: 35px;font-size: 11px;letter-spacing: -1px;white-space: nowrap;}
    .tab2 > li.active{z-index: 2;}
    .tab2 > li.active a{border: 1px solid #05141f;margin-bottom: 0;line-height: 33px;}
    .tab2.len4 > li{width: 50%;}

    /* Button */
    .btnWrap{ margin-top: 20px; }
    .btnWrap .btn1{font-size: 13px;min-width: 120px;}
    .btnWrap .btn2{ font-size: 13px;min-width: 120px; }


    /* etc */
    .table1 tr > *{font-size: 11px;line-height: 15px;}
    .table1 colgroup{display: none !important;}
    .table1 thead th{font-size: 11px !important;word-break: break-all;}
    .table1 tbody th{font-size: 11px !important;word-break: break-all;letter-spacing: -0.5px;}
    .table1 tbody td{font-size: 11px !important;word-break: break-all;padding: 5px 1px;letter-spacing: -0.5px;font-weight: normal;line-height: 16px;}
    .table1 tbody td p{font-size: 12px;}
    .table1.tdFixed tr > *{height: 30px;}
    .table1.core-idx ul{white-space: normal;}
    .table1.core-idx ul li{margin: 5px 1px;}
    .table1.core-idx ul li img{max-height: 30px;}
    .table1.core-idx ul .mo-br{display: block;}
    .table1.core-idx tr.line2 .bg,
    .table1.core-idx tr.line2 .bg ul li{margin: 5px;}

    .table2 tr > *{padding: 5px 3px;}
    .table2 thead th{font-size: 12px;}
    .table2 tbody th{font-size: 12px;width: 130px;letter-spacing: -1px;}
    .table2 tbody td{font-size: 12px !important;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .table2 tbody td label{font-size: 12px;display: inline-block;}
    .table2 tbody td p{font-size: 12px;}
    .table2.tdFixed tr > *{height: 30px;}
    .table2 .inp{height: 35px;line-height: 35px;margin: 1px;}
    .table2 .inp.w100{width: 100%;}

}

/**************************************************
  Ajax Popup
**************************************************/
@media screen and (max-width: 1300px){

    #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;}
    #popup .pop-tit{height: 40px;padding: 0 10px;}
    #popup .pop-tit h3{font-size: 13px;line-height: 40px;}
    #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;}
    #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
    #popup.on{opacity: 1;}
    #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
    #popupBG.on{opacity: 1;}

    /* sitemap */
    #popup .sitemap > li{width: 49%;}
    #popup .sitemap > li > a{font-size: 12px;line-height: 35px;}
    #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;}

}


/**************************************************
  Main
**************************************************/
@media screen and (max-width: 1300px){

    #main #mainWrap{width: auto;margin: 0 auto;}
    #main #mainWrap > div{margin-left: 0;width: 100%;display: block;background-position: center bottom;}

    #main .visual .roll li{position: relative;}
    #main .visual .roll li img{left: 0;margin-left: 0;width: 100%;height: auto;}
    #main .visual .infobox{top: 0;width: auto;left: 0;margin-left: 0;padding: 30px 20px;box-sizing: border-box;}
    #main .visual .infobox .tit{margin-bottom: 10px;font-size: 23px;line-height: 32px;}
    #main .visual .btns a{width: 150px;height: 40px;line-height: 40px;font-size: 13px;}
    #main .visual .btns a:after{margin-left: 20px;}
    #main .visual .vod-playBtn{width: 70px;height: 70px;top: 30px;right: 10px;margin-right: 0;}
    #main .visual .vod-playBtn > a{width: 70px;height: 70px;}
    #main .visual .vod-playBtn ul{width: 200px;top: 65px;left: auto;right: 0;margin-left: 0;}
    #main .visual .vod-playBtn ul li a{line-height: 35px;font-size: 11px;}
    #main .visual .bx-pager{bottom: 0;}
    #main .visual .bx-pager-item{margin: 0 2px;}
    #main .visual .bx-pager-item a{width: 30px;height: 3px;}
    #main .visual .bx-prev{display: none;}
    #main .visual .bx-next{display: none;}

    #main .prmv{width: 100%;padding: 20px 10px 20px 100px;height: auto;}
    #main .prmv h4{top: 25px;left: 15px;font-size: 14px;}
    #main .prmv h4 em{width: 35px;height: 30px;}
    #main .prmv ul{margin: -0.5%;width: 100%;}
    #main .prmv ul li{margin: 0.5%;width: 49%;}
    #main .prmv ul li a{display: block;width: auto;font-size: 13px;}
    #main .prmv ul li a:after{content: '';display: block;width: 5px;height: 8px;position: absolute;top: 50%;margin-top: -4px;right: 20px;background: url('/kmvs/img/main/pr-gobtn-spr.jpg');background-size: contain;}
    #main .prmv ul li:hover a{color: #fff;background: #05141f;border-color: #05141f;}
    #main .prmv ul li:hover a:after{background-image: url('/kmvs/img/main/pr-gobtn-spr-on.jpg');}

    #main .bn{width: auto;height: auto;padding: 30px 10px 30px 20px;width: 50%;box-sizing: border-box;}
    #main .bn h4{font-size: 14px;}

}

/**************************************************
  Sub
**************************************************/
@media screen and (max-width: 1300px){

    #sub{padding: 20px 10px 20px 10px;width: auto;}

    #sub .sub-tit h3{margin-bottom: 15px;font-size: 15px;}
    #sub .ctit1{font-size: 15px;margin-bottom: 15px;}
    #sub .ctit2{font-size: 14px;margin-bottom: 10px;padding-left: 10px;}
    #sub .ctit3{font-size: 16px;}

    #sub .tit-sment{font-size: 14px;}

    #sub .ctxt1{font-size: 13px;padding-left: 10px;}

    #sub .tab-tit{margin-bottom: 10px;font-size: 15px;padding-bottom: 10px;margin-bottom: 15px;}

    #sub .article{padding: 15px;}
    #sub .article .bx-prev{width: 35px;height: 35px;top: auto;bottom: -50px;left: 50%;margin-left: -40px;}
    #sub .article .bx-next{width: 35px;height: 35px;top: auto;bottom: -50px;right: 50%;margin-right: -40px;}
    #sub .article .no-br{white-space: normal;}
    #sub .article img{max-width: 100%;height: auto;}

    #status{display: none;}

    #model-view{margin-bottom: 50px;}
    #model-view .article .content{padding: 15px;margin: -15px;min-height: 100px;}
    #model-view .article .flipbook{width: 100% !important;}
    #content-view{margin-bottom: 50px;}
    #content-view .article .content{padding: 15px;}
    #content-view .article .content.no-pd{padding: 0;}

    .model-tit{margin-bottom: 10px;}
    .model-tit h5{font-size: 16px;line-height: 22px;}
    .model-tit h5.small{font-size: 16px;}
    .model-tit em{font-size: 15px;}
    .model-txt{font-size: 14px;line-height: 20px;padding-right: 0;}
    /* 230520 modify */
    /* .model-txt .tmb{position: static;width: 300px;display: block;margin: 0 auto 20px auto !important;} */
    .model-txt .tmb{position: static;width: 317px;display: block;margin: 0 auto 20px auto;}
    /* //230520 modify */
    .model-txt .tmb img{width: 100%;height: auto;}
    .model-txt .tmb em{display: block;text-align: center;font-style: normal;font-size: 13px;color: #333;font-weight: 300;}
    .model-txt .tmb .bx-pager{text-align: center;margin-top: 5px;}
    .model-txt .tmb .bx-pager-item{display: inline-block;margin: 0 2px;}
    .model-txt .tmb .bx-pager-item a{display: block;width: 13px;height: 13px;border-radius: 50%;background: #ddd;text-indent: -999em;}
    .model-txt .tmb .bx-pager-item a.active{background: #05141f;}
    .model-txt .tmb .bx-viewport{height: 426px !important;}

    .model-int .content{min-height: 500px;}

    .model-feat h5{font-size: 14px;margin-bottom: 10px;}
    .model-feat ul li{margin: 5px 0;width: 100%;padding-left: 60px;min-height: 0;}
    .model-feat ul li .tit{font-size: 13px;}
    .model-feat ul li p{padding-right: 0;font-size: 13px;line-height: 18px;}
    .model-feat ul li .ico{width: 50px;height: 50px;line-height: 50px;}
    .model-feat ul li .ico img{width: 40px;}

    .model-gall h5{font-size: 14px;margin-bottom: 10px;}
    .model-gall .content > ul > li{width: 49%;}
    .model-gall .content > ul > li .tit{font-size: 13px;}
    .model-gall .content > ul.with-category > li{width: 100%;margin-bottom: 20px;}
    .model-gall .content > ul.with-category > li .cat{font-size: 13px;margin-bottom: 10px;}

    .model-spec h5{font-size: 14px;margin-bottom: 10px;}
    .model-spec h6{font-size: 23px;margin-bottom: 10px;}
    .model-spec .table1 colgroup{display: none;}
    .model-spec .table1 tr > *{word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .model-spec .table1.bk-all tr > *{word-break:break-all !important;font-size: 10px;letter-spacing: -1px;}
    .medel-sns{margin-top: 15px;}

    .equip-list{margin: -1%;padding: 15px;}
    .equip-list.no-pd{padding: 0;}
    .equip-list li{margin: 1%;width: 48%;}
    .equip-list li .tit{font-size: 13px;}
    .equip-list li p{font-size: 13px;line-height: 18px;}

    .perform{zoom: 1;}
    .perform:after{display: block;content: '';clear: both;}
    .perform > *{float: left;}
    .perform dd{width: 60%;}
    .perform dt{width: 40%;text-align: center;}

    .comp-icolist{padding: 10px;}
    .comp-icolist li{width: 33.33%;margin-bottom: 15px;}
    .comp-icolist li img{width: 40px;height: auto;}
    .comp-icolist li p{margin-top: 0;font-size: 13px;}
    .comp-icolist li:nth-child(4){border-left: none;}

    .boxlen2{}
    .boxlen2 > *{width: 100%;margin: 0;float: none;margin-bottom: 20px;}

    .galllist{margin: -1%;}
    .galllist li{margin: 1%;width: 48%;}
    .galllist li p{font-size: 13px;margin-top: 4px;}
    .galllist li em{font-size: 12px;}

    .nolist li{position: relative;margin-bottom: 20px;padding-left: 50px;}
    .nolist li .tit{font-size: 13px;}
    .nolist li .txt{font-size: 13px;line-height: 20px;}
    .nolist li > em{position: absolute;top: 0;left: 0;font-style: normal;width: 31px;height: 31px;border: 2px solid #05141f;border-radius: 50%;line-height: 31px;font-size: 16px;color: #05141f;font-weight: 300;text-align: center;}

    .clist1{margin: -1%;}
    .clist1 li{width: 48%;margin: 1%;}
    .clist1 li p{min-height: 34px;padding: 10px 5px;line-height: 16px;font-size: 12px;}
    .clist1 li p strong{font-weight: 300;}
    .clist1 li em{font-size: 13px;}

    .imgbox{padding: 10px;}
    .imgbox.bg{background: #fcfcfc;}

    .prod21 .spr{top: -50px;margin-left: -27px !important;width: 54px;height: auto;}
    .mt130{margin-top: 70px !important;}
    .mt30{margin-top: 15px !important;}
    .prod24 .imgbox{padding: 30px 10px;}

    .contactno{font-size: 14px;line-height: 20px;padding: 20px 10px;width: 100%;box-sizing: border-box;text-align: center;}
    .contactbox{margin-top: 10px;}
    .contact > li{display: block;padding: 0 0 0 100px;width: 100%;}
    .contact > li h5{top: 20px;font-size: 14px;color: #444444;font-weight: 300;letter-spacing: -1px;padding-left: 12px;line-height: 30px;line-height: 16px;}
    .contact > li h5:before{top: 2px;width: 3px;height: 13px;}
    .contact .info{padding: 18px 0;border-bottom: 1px solid #ddd;border-top: none;}
    .contact .info:last-child{border-bottom: none;}
    .contact .info > li{width: 100%;padding-left: 60px;line-height: 20px;font-size: 13px;}
    .contact .info > li > strong{font-size: 13px;line-height: 20px;}
    .contact .info > li > strong:before{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -2px;width: 3px;height: 3px;background: #05141f;}

    .partbox{margin-top: 10px;}
    .partbox > *{float: none;}
    .partbox dt{width: auto;margin-right: 0;margin-bottom: 10px;}
    .partbox dd{width: auto;font-family: empty;font-size: 0;margin: -1%;}
    .partbox dd img{display: inline-block;vertical-align: top;margin: 1%;width: 48%;}

    .hisbox{margin-bottom: 10px;padding-left: 140px;}
    .hisbox h5{width: 120px;padding-top: 15px;}
    .hisbox h5 strong{font-size: 20px;}
    .hisbox h5 em{font-size: 13px;}
    .hisbox ul{border-top: 2px solid #ddd;padding-top: 15px;}
    .hisbox ul li{padding: 5px 0;padding-left: 50px;position: relative;}
    .hisbox ul li > strong{font-size: 15px;}
    .hisbox ul li > p{font-size: 13px;line-height: 17px;}

    .vislist{width: 100%;margin: 0 auto;}
    .vislist li{padding: 10px 10px;min-height: 120px;}
    .vislist li p{margin: 3px 0;font-size: 12px;line-height: 16px;padding-left: 5px;}
    .vislist li p:before{top: 7px;width: 2px;height: 2px;}

    .saleslist{margin: 0 -0.5%;}
    .saleslist > li{margin: 0 0.5%;width: 49%;margin-bottom: 10px;}
    .saleslist > li h5{line-height: 30px;font-size: 13px;border-radius: 5px;margin-bottom: 4px;}
    .saleslist > li > ul{border-radius: 5px;padding: 10px 0;min-height: 205px;}
    .saleslist > li > ul li{font-size: 13px;line-height: 18px;}

    .workbox .content > *{float: none;}
    .workbox dt{width: auto;}
    .workbox dd{width: auto;padding: 15px;}
    .workbox dd h5{font-size: 14px;}
    .workbox dd ul li > strong{font-size: 13px;}
    .workbox iframe{height: 250px !important;}

    .gre-tit{margin: 10px 0 10px 0;font-size: 15px;line-height: 20px;}

    .fancybox-skin{padding: 0 !important;border-radius: 0;}

}


@media screen and (max-width:750px){
.table2 .fileinp {width:150px}
.btnWrap .btn1, .btnWrap .btn2 {padding:0}
}

@media screen and (max-width:1300px){
.none{
  display: none;
}
.contact .bdn {
  border-bottom: none;
}
.contact > li {
  padding: 0 0 0 130px;
}
/* 230520 add */
#slide-menu .mo_catalog{
  margin: 30px;
  position: absolute;
  bottom: 0;
}
#slide-menu .mo_catalog img{
  width: 100%;
}
.youtube-btn{
  top: 44%;
  z-index: 999;
  width: 100%;
  height: 48px;
}

.toggle_youtube{
  margin-right: 10px;
}
.medel-sns{
  float: left;
}
/* youtube */
.youtube-player-overly{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  pointer-events: none;
  transform: all .4s;
}
.youtube-player-popup iframe{
  width: 320px;
  height: 235px;
  /* aspect-ratio: 16/12; */
  z-index: 99999;
}
/* 230601 modify */
.youtube-player-popup iframe{
  /* width: 320px; */
  /* height: 235px; */
  width: 100%;
  height: 100%;
  /* aspect-ratio: 16/12; */
  z-index: 99999;
}
.youtube-player-overly.on {opacity:1;pointer-events:auto; z-index: 9999;}
.youtube-player-overly .inner{
  position: absolute; left: 50%;
  /* top: 33%; */
  width: 90%;
  top: 40%;
  transform: translate(-50%, -50%);
}
/* //230601 modify */
/* .youtube-player-overly .inner.inHeight{
  top: 40.5%;
} */
.youtube-player-overly .youtube-btnClose{
  position:absolute;right:-18px;top:-18px;
   width:36px; height:36px; 
   background-image: url(/kmvs/img/fancybox_sprite.png);
   text-indent: -9999px;
   /* background-size: 25px; */
  }

.model-int .model-txt img{
  margin-bottom: 42px;
}
.model-int .youtube-btn .toggle_none{
  margin-top: 12px;
}
.model-int .youtube-btn .toggle_none img{
  width: 63px;
}

}

@media screen and (max-width: 400px) {
  .medel-sns.dif{
    float: left; /* 230601 modify */
  }
  #model-view .article .content:after{
    clear: both;
    content: "";
    display: block;
  }
}

/* //230520 add */

/* 230523 add */
@media screen and (max-width: 1301px) {
  #model-view .article .content:after{
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 890px) and (max-width: 1300px) {
  .youtube-btn {
    top: 62%; /* 230601 modify */
    /* top: 80%; */
}
}
@media screen and (max-width: 889px) {
  .youtube-btn {
    top: 242px;
  }
}
@media screen and (max-width: 370px) {
  .youtube-btn {
    top: 240px;
  }
}
@media screen and (max-width: 350px) {
  .youtube-btn {
    top: 230px;
  }
}
@media screen and (max-width: 330px) {
  .youtube-btn {
    top: 220px;
  }
}
@media screen and (max-width: 320px) {
  .youtube-btn {
    top: 210px;
  }
}
/* //230523 add */

/* 230727 add */
@media screen and (max-width: 1300px){
  #header.black_header #slide-btn button span, 
  #header.black_header #slide-btn button:before, 
  #header.black_header #slide-btn button:after {
    background: #fff;
  }
  .main #header.black_header .logo{
    background-image: url(/kmvs/img/main/logo-main.png);
  }
  .main #header.black_header .logo, .main #header:hover.black_header .logo {
    background-image: url(/kmvs/img/main/logo-main.png);
}
#header .logo{background-image: url('/kmvs/img/main/logo-main.png');} /* 230803 add */
/* //230727 add */}