.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}






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


/**************************************************
Public
**************************************************/
@media screen and (min-width: 750px) and (max-width: 1300px){


html{min-width: 750px;}


}
@media screen and (max-width: 750px){


html{min-width: 320px;}


.table1{width: 100%;table-layout: fixed;}
.table1 colgroup {display: none;}
.table1 tr > *{padding: 5px 2px;}
.table1 thead th{font-size: 11px;line-height: 1.6em;}
.table1 tbody th{width: 50px;font-size: 11px;line-height: 1.6em;}
.table1 tbody td{font-size: 11px;line-height: 1.6em;}
.table1 tbody td img {height: 15px;}
.table1 .lab-desg{font-size: 11px;line-height: 1.6em;-webkit-background-size: auto 15px;background-size: auto 15px;padding-left: 20px;}
.table1 .lab-desg.w150{width: 90px;}
.table1 strong.blue{font-size: 11px;}
.table1 .sment{margin-left: 5px;font-size: 11px;}
.table1 .opt-txt {font-size: 11px;line-height: 1.6em;}
.table1 + .tar.mt10 {font-size: 11px;margin-top: 5px !important;}




.btn.type1 {font-size: 11px;height: 30px;line-height: 30px;padding: 0 10px;}
.btn.type2 {font-size: 11px;height: 30px;line-height: 30px;padding: 0 10px;}
.btn.type3 {font-size: 11px;height: 30px;line-height: 30px;padding: 0 10px;}
.btn.small {min-width: 45px;width: auto;font-size: 11px;line-height: 23px;height: 25px;margin-top: 2px;padding: 0 5px;text-align: center;vertical-align: middle;margin-top: 0;}


input[type=text], input[type=password] {max-width: 100%;}




}


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


#header{margin-top: 0;}
#header .inner{width: 100%;height: 60px;}
#header .logo{top: 30px;left: 30px;width: 120px;height: 40px;}
#header .logo img {height: 40px;}


#gnb {display: none;}


#tnb {display: none;}


#slideBtn {display: none;}


#mo_slide-btn {display: block;}


#header.on .logo {top: 10px;left: 30px;}
#header.on #mo_slide-btn {top: 10px;right: 30px;}


#header.sub .logo {top: 10px;left: 30px;}
#header.sub #mo_slide-btn {top: 10px;right: 30px;}


#footer .inner{width: 100%;padding: 0 30px;box-sizing: border-box;}
#footer address{width: 100%;padding: 30px 30px 30px 150px;background-position: 30px 30px;-webkit-background-size: 100px auto;background-size: 100px auto;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;}


#ft-fam{right: 30px;width: 200px;}


}
@media screen and (max-width: 750px){


#header{margin-top: 0;}
#header .inner{width: 100%;height: 50px;}
#header .logo{top: 10px;left: 10px;width: 92px;height: 30px;}
#header .logo img {height: 30px;}


#gnb {display: none;}


#tnb {display: none;}


#slideBtn {display: none;}


#mo_slide-btn {display: block;top: 10px;right: 10px;width: 30px;height: 30px;}




#footer{padding-bottom: 100px;}
#footer .inner{width: 100%;padding: 0 10px;box-sizing: border-box;}
#footer address{width: 100%;padding: 10px;background-image: none;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;}
#footer address .add{font-size: 11px;line-height: 1.6em;}
#footer address .copy{font-size: 11px;line-height: 1.4em;}


#fnb {padding-top: 10px;}
#fnb > li {margin: 0 10px 0 0;padding: 0;}
#fnb > li a{line-height: 22px;font-size: 11px;letter-spacing: -1px;}


.tnbWrap {border-bottom: 0;}
#ft-fam{position: relative;top: auto;right: 0;width: 100%;height: 30px;margin-top: 10px;}
#ft-fam > a{line-height: 30px;padding: 0 10px;font-size: 11px;}
#ft-fam ul{bottom: 30px;padding: 5px 10px;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;font-size: 11px;height: 30px;line-height: 30px;}
#ft-fam:hover ul{display: block;}


}


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


#main .rig-qk{top: 100px;right: 30px;margin-right: 0;}
#main .rig-qk li a{width: 120px;height: 30px;line-height: 30px;border-radius: 15px;font-size: 11px;}


#main .visual .roll li{height: 500px;}
#main .visual .vis-txt {top: 70px;}
#main .visual .bx-pager{bottom: 30px;}


#main .tslout .inner{height: 400px;padding: 80px 30px 0;-webkit-background-size: auto 150px;background-size: auto 150px;}
#main .tslout .inner:before {height: 116px;}
#main .tslout .h4-txt{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;}


#main .products .inner{width: 100%;padding: 40px 30px 30px;box-sizing: border-box;}
#main .products .box-tit{margin-bottom: 30px;}
#main .products .list li{margin: 1%;width: 31.33%;height: 280px;padding: 20px;}
#main .products .list .txt{white-space: normal;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;}
#main .products .list .txt br {display: none;}


#main .lat-wrap{padding: 30px;}
#main .lat-wrap .inner{width: 100%;}
#main .lat-wrap .box{float: none;width: 100%;margin-left: 0;}
#main .lat-wrap .box:first-child{margin-bottom: 30px;}


#main .gate{padding: 30px;}
#main .gate .list{width: 100%;}
#main .gate .list > li{margin: 1%;width: 48%;}
#main .gate .list > li:first-child{margin-left: 1%;}
#main .gate .list > li:after{width: 30px;height: 30px;bottom: 10px;margin-left: -15px;margin-bottom: 0;}
#main .gate .list .tmb img{display: block;width: 100%;}
#main .gate .list .info{padding: 10px 10px 50px;border-bottom: 2px solid #3d8cf4;height: auto;}


}
@media screen and (max-width: 750px){


#main .rig-qk{position: fixed;top: auto;bottom: 10px;right: 0;margin-right: 0;width: 100%;box-sizing: border-box;padding: 9px 0;font-family: empty;font-size: 0;text-align: center;}
#main .rig-qk li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin: 1px;}
#main .rig-qk li a{width: 100px;height: 25px;line-height: 25px;border-radius: 13px;font-size: 12px;}
#main .rig-qk li.tit{display: block;margin: 0 auto;width: 305px;}
#main .rig-qk li.tit a{background: #333;font-size: 14px;width: 100%;display: block;margin: 2px auto;height: 30px;line-height: 30px;}
#main .rig-qk li.qk2 a{background: #0054c3;}


#main .visual .roll li{height: 350px;}
#main .visual .vis-txt{top:80px;width: 90%;left: 5%;}
#main .visual .vis-txt .txt1{font-size: 16px;}
#main .visual .vis-txt .txt2{font-size: 24px;}
#main .visual .vis-txt .txt3{font-size: 14px;line-height: 22px;padding: 0 10px;border-radius: 11px;}
#main .visual .vis-txt .info{margin-top: 15px;}
#main .visual .vis-txt .info strong{font-size: 14px;}
#main .visual .vis-txt .info p{font-size: 12px;}
#main .visual .bx-pager{bottom: 10px;}
#main .visual .bx-pager-item a{width: 12px;height: 12px;-webkit-background-size: contain;background-size: contain;}


#main .tslout .inner{height: auto;padding: 30px 10px 120px;-webkit-background-size: auto 100px;background-size: auto 100px;}
#main .tslout .inner:before{height: 77px;}
#main .tslout h4{font-size: 16px;line-height: 1.6em;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;}
#main .tslout .h4-txt{font-size: 14px;line-height: 1.6em;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;}


#main .products .inner{width: 100%;padding: 30px 10px;box-sizing: border-box;}
#main .products .box-tit{margin-bottom: 15px;}
#main .products .box-tit em{font-size: 12px;line-height: 1.2em;letter-spacing: -1px;}
#main .products .box-tit h4{margin-top: 5px;font-size: 18px;line-height: 1.6em;}
#main .products .list{margin: 0;}
#main .products .list li{margin: 10px 0 0;width: 100%;height: auto;padding: 10px;}
#main .products .list .tit{font-size: 16px;line-height: 1.6em;}
#main .products .list .txt{font-size: 14px;line-height: 1.6em;white-space: normal;}
#main .products .list img{position: static;width: 50%;display: block;margin: 0 auto;}


#main .lat-wrap{padding: 0;}
#main .lat-wrap .inner{width: 100%;padding: 30px 10px;box-sizing: border-box;}
#main .lat-wrap .inner:after{display: none;}
#main .lat-wrap .box{float: none;width: 100%;margin-left: 0;}
#main .lat-wrap .box:first-child{margin-left: 0;margin-bottom: 20px;}
#main .lat-wrap .box-tit{padding-bottom: 10px;}
#main .lat-wrap .box-tit h4{margin-right: 10px;font-size: 18px;}
#main .lat-wrap .box-tit form{width: 150px;height: 30px;padding-right: 30px;}
#main .lat-wrap .box-tit form .inp{border: 2px solid #398eff;height: 30px;font-size: 12px;}
#main .lat-wrap .box-tit form .sbm{width: 30px;height: 30px;}
#main .lat-wrap .box-tit .more{height: 30px;}
#main .lat-wrap .list li{padding-right: 80px;}
#main .lat-wrap .list li .sbj{padding-left: 15px;font-size: 12px;line-height: 40px;}
#main .lat-wrap .list li .date{line-height: 40px;font-size: 12px;}


#main .gate{padding: 10px;}
#main .gate .list{width: 100%;padding: 0;box-sizing: border-box;}
#main .gate .list > li{width: 48%;margin: 1%;}
#main .gate .list > li:first-child{margin-left: 1%;}
#main .gate .list > li:after{width: 20px;height: 20px;bottom: 7px;margin-left: -10px;}
#main .gate .list .tmb img {display: block;width: 100%;}
#main .gate .list .info{padding: 10px 10px 30px 10px;border-bottom: 2px solid #3d8cf4;height: auto;}
#main .gate .list .info .tit{font-size: 14px;}
#main .gate .list .info .txt{font-size: 12px;line-height: 1.6em;}
#main .gate .list .info .txt br {display: none;}


}


/**************************************************
Sub
**************************************************/
@media (max-width: 1500px){


}


/* landscape tablet and desktop */
@media (max-width: 1200px){


@-moz-keyframes bounce{from{bottom:20px;}to{bottom:30px;}}
@-webkit-keyframes bounce{from{bottom:20px;}to{bottom:30px;}}
@-o-keyframes bounce{from{bottom:20px;}to{bottom:30px;}}
@keyframes bounce{from{bottom:20px;}to{bottom:30px;}}


body, input, textarea, select, button, table {font-size:14px;}


.sub #wrapper {padding-top:80px;}




.sub-visual {height:230px;}
.sub-visual h2 {margin:85px 0 5px; font-size:30px;}
.sub-visual p {font-size:16px;}
body.sub #container.path-fixed .path-wrap {top:80px;}
.path-wrap .inner {margin:0;}
.path-wrap .home {border-left:0;}
#contentArea {width:100%;}
.sub-title {height:80px; margin-bottom:30px;}
.sub-title h2 {padding-top:25px; font-size:26px;}
/*.real-cont {padding:220px 30px 70px;}*/
}


/* Landscape tablet */
@media (max-width: 1024px) {


}


/* portrait tablet */
@media (max-width: 800px) {
.only-desktop {display:none;}
.only-tablet {display:block;}
.br-none {display:none;}


.fp-section {height:auto !important}
.fp-tableCell {height:auto !important}
.scroll {display:none;}


/* #vimelar-container {height:500px !important;}
#section0 .slogan img {width:200px;} */
.only-tablet-mobile {display:block;}






}


/* Landscape phone */
@media (max-width: 767px) {
.only-desktop-tablet {display:none;}
.only-tablet {display:none;}
.only-mobile {display:block;}


.sub-visual {height:200px;}
.sub-visual h2 {margin:39px 0 5px; font-size:24px;}
.sub-visual h2 span {display:block;}
.sub-visual p {font-size:13px;}
.sub-visual .bg1 {background-image:url("../img/sub_visual1_m.jpg");}
.sub-visual .bg2 {background-image:url("../images/common/sub_visual2_m.jpg");}
.sub-visual .bg3 {background-image:url("../images/common/sub_visual3_m.jpg");}
.sub-visual .bg4 {background-image:url("../images/common/sub_visual4_m.jpg");}
.sub-visual .bg5 {background-image:url("../images/common/sub_visual5_m.jpg");}
.sub-visual .bg6 {background-image:url("../images/common/sub_visual6_m.jpg");}


body.sub #container.path-fixed {padding-top:0;}
.sub-title {display:none;}
.sub-title-m {position:relative; display:block; padding:10px; background:#182c4f;}
.sub-title-m h2 {text-align:center; font-size:18px; font-weight:500; color:#b4975a; line-height:1.3em;}
.sub-title-m a {position:absolute; top:6px; font-size:2em; color:#8b95a5;}
.sub-title-m .prev {left:10px;}
.sub-title-m .next {right:10px;}


.path-wrap {display:none;}
#lnbM {position:relative; display:block; background:#f5f5f5; z-index:10;}
#lnbM p {padding:0 20px; font-size:17px; line-height:43px; color:#444;}
#lnbM .lnb-menu {position:absolute; top:7px; right:10px; font-size:2em; color:#444;}
#lnbM ul {display:none; position:absolute; top:43px; left:0; width:100%; background:#444;}
#lnbM ul li {border-bottom:1px solid #545454}
#lnbM ul li a {position:relative; display:block; padding:10px 15px; color:#bababa; font-size:15px; line-height:1.3em;}
#lnbM ul li a:hover {background-color:#333;}


.real-cont {padding:25px 0px 40px;}


}


/* Landscape phones and down */
@media (max-width: 480px) {


}