@charset "utf-8";

@media (max-width:1750px){
	/* 메인 */
	.main-slogun .tit h1.t1 {font-size:4vw;}
	.main-slogun .tit p.t2 {font-size:1.5vw;}
	.main-slogun {text-align:center;}
	.main-slogun ul {margin:0 -1.5%; width:90%; display: inline-block;}
	.main-slogun ul li {width:30.33333%; margin:0 1.5%; vertical-align: top; padding:3vw; height:28vw;}
	.main-slogun ul li .txt h2 {font-size:3vw;}
	.main-slogun ul li .txt p {font-size:1.1vw; line-height:1.6;}
	.main-slogun ul li.ms2 .ic {right:5vw;}
}

@media (max-width:1300px){
	.location-wrap .left .map-popup {width:100%; height:100%; position:static; box-shadow:none; display:flex; align-items:center;}
	.location-wrap {font-size:0;}
	.location-wrap .left .map {display:none;}
	.location-wrap .left {display: inline-block; width:50%; vertical-align: top;}
	.location-wrap .right {position:relative; display: inline-block; width:50%; vertical-align: top;}

	#navi .con {width:100%;}

	footer .f_top .con {width:100%; padding:0 20px;}
	footer .f_top .f_right {right:20px;}

	/*  서브페이지 */
	.product-wrap .pd-top .con {width:100%; padding:0 20px; position:relative; padding-left:42%;}
	.product-wrap .pd-top .left {position:absolute; left:20px; top:0; width:37%;}
	.product-wrap .pd-top .right {width:100%;}
	.product-wrap .pd-top .right .t1 {font-size:30px;}
	.product-wrap .pd-top .right .t2 {font-size:16px;}
	.product-wrap .pd-top .right .t2 br {display:none;}
	.product-wrap .pd-top .right .t3 {font-size:20px;}
	.product-wrap .pd-top .right table.pd-spec th, .product-wrap .pd-top .right table.pd-spec td {font-size:14px;}
    

    #header .gnb ul.main_menu li a{padding: 0 35px;}
}


@media (max-width:1200px){
/*	#header .logo {left:20px;}*/
/*	#header .right_menu {right:20px;}*/
/*	#header .gnb {margin-right:100px;}*/
	html, body, #wrap {overflow-x:hidden;}
	#header {display:none;}
	#mo_header, #mo_menu {display:block;}

	/* 메인 */
	.swiper-container1 .swiper-slide .sw_text .t1 {font-size:20px;}
	.swiper-container1 .swiper-slide .sw_text .t2 {font-size:40px; line-height:1.6;}
	.swiper-container1 .swiper-slide .sw_text .t2 b {font-size:46px;}
	
	.pdinfo-wrap {
        /* padding-left:40%; */
    }
	.pdinfo-wrap .left {width:40%; padding-left:5vw; padding-right:5vw;}
	.pdinfo-wrap .left .t1 {font-size:3.5vw; line-height:1.4;}
	.pdinfo-wrap .left .t2 {font-size:4vw; margin-top:3.2vw;}
	.pdinfo-wrap .left .t2 img {width:7vw;}
	.pdinfo-wrap .left .t3 {font-size:2.5vw; line-height:1.5; margin-top:3vw; letter-spacing:0;}
	.pdinfo-wrap .left .btn-wrap {margin-top:3.5vw;}
	.pdinfo-wrap .left .btn-wrap a.btn {width:100%; line-height:5vw; font-size:2vw;}
	.pdinfo-wrap .right {}
	.pdinfo-wrap .right .kp-tit {font-size:3.5vw;}
	.pdinfo-wrap .right .kp-swiper-container .swiper-slide {width:50%;}
	.pdinfo-wrap .right .kp-swiper-container .swiper-slide .thum {width:90%; height:300px;}
	.pdinfo-wrap .right .kp-swiper-container .swiper-slide .thum .txt {font-size:3vw;}
	.pdinfo-wrap .right .kp-swiper-container .swiper-slide .description {width:90%;}
	.pdinfo-wrap .right .kp-swiper-container .swiper-slide .description p {font-size:1.5vw; line-height:1.6;}

	/* 서브페이지 */
	.sub-banner {height:300px;}
	.sub-banner .txt h1 {font-size:50px; padding-top:137px;}
	.sub-banner .txt p {font-size:18px;}
	.corporate-tit h2, .facilities .facilities-tit h2 {padding-top:80px;}
	.corporate .con {width:100%; padding:0 20px;}
	.greeting-top {height:60vw;}
	.greeting-bot p {font-size:2vw; line-height:1.4;}
	.greeting-top .right .txt {font-size:4vw; line-height:2; top:20%;}
	.greeting-top .right .sign {font-size:16px;}
	.greeting-top .left .pic img {height:40vw;}
	.greeting-top .left .pic-txt {font-size:5vw; line-height:1.6;}
	.greeting-top .right .sign img {height:10vw;}

    .sidebar{display: none;}
}

@media (max-width:1000px){
	.main-slogun .tit h1.t1 {font-size:5vw;}
	.main-slogun .tit p.t2 {font-size:3vw;}
	.main-slogun ul li {width:47%; margin:0 1.5% 5%; height:40vw;}
	.main-slogun ul li.ms1 .ic {}
	.main-slogun ul li .txt p {font-size:2.5vw;}
	.main-slogun ul li .txt p br {display:none;}
	.main-slogun ul li .ic img {max-height:14vw;}
	.main-slogun ul li .arrow {width:25px; height:25px;}
	.main-slogun ul li .arrow img {max-width:60%; max-height:60%;}
	.main-slogun ul li.ms2 .ic {right:10vw;}
	.location-wrap .left .map-popup {text-align:center; padding:35px 20px;}
	.location-wrap .left .map-popup .contxt {width:100%;}
	.location-wrap .left .map-popup .contxt ul {margin:0 -1.5%;}
	.location-wrap .left .map-popup .contxt ul li {margin-bottom:20px; width:30.3333%; margin:0 1.5%; padding:20px 0;}
	.location-wrap .right .lw-tbl .lw-cell {padding-top:50px;}
	.location-wrap .right .txt {padding-right:0; text-align:center;}
	.location-wrap .right .txt .t1 {font-size:7vw;}
	.location-wrap .right .txt .t2 {font-size:4vw;}
	.location-wrap .right .txt .t2 img {width:10vw; display:none;}
	.location-wrap .right .txt .t3 {font-size:3vw; line-height:1.5; margin-top:2vw;}
	.location-wrap .right .txt .btn-wrap {margin-top:6vw;}
	.location-wrap .right .txt .btn-wrap a.btn {width:25vw; line-height:8vw; font-size:2.5vw;}
	.location-wrap .left .map-popup .contxt ul li .txt {font-size:3vw; line-height:2; font-weight:400;}
	.location-wrap .left .map-popup .contxt h3.t1 {font-size:4vw; line-height:1.6;}
	.location-wrap .left .map-popup .contxt h3.t1 br {display:none;}
	.location-wrap .left .map-popup .contxt p.t2 {font-size:3vw; line-height:1.6; margin-top:10px; margin-bottom:20px; padding-top:10px;}

	.location-wrap {display:flex; flex-wrap:wrap; flex-direction:column-reverse;}
	.location-wrap .left {width:100%; height:50%;}
	.location-wrap .right {width:100%; height:50%;}

	footer .f_top .con {display:flex;     flex-direction: column-reverse;}
	footer .f_top .f_right .flogo img {width:100px;}
	footer .f_top .f_left .ftext .ft1 {font-size:12px; line-height:1.6; text-align:center;}
	footer .f_top .f_right {position:static; text-align:center;}
	footer .f_top .f_right .flogo {text-align:center; padding-bottom:20px;}
	footer .f_top .copyright {text-align:center; font-size:12px;}
	footer .f_top .copyright a {margin-top:10px; display: inline-block;}
	footer .mobr {display:block;}

	/* 서브페이지 */
	.history .box .pic {padding:0 20px;}

	.pd-bot .con, .certificate .con, .procurement .con, .facilities .con {width:100%; padding:0 20px;}
	.pd-bot .pd-tab ul li {font-size:16px;}
	.certificate ul li {width:48%; margin:0 1% 5%;}
	.certificate ul li .txt {font-size:14px; line-height:30px;}
	.certificate h1 {font-size:30px;}
	.certificate h2 {font-size:20px;}
	
	.procurement {padding-top:100px;}
	.procurement h1 {font-size:20px;}

	.psbox .left {width:100%; text-align:center;}
	.psbox .right {width:100%; margin-top:30px;}
	.psbox .right .tbl-wrap table {width:100%;}
	.psbox .right .tbl-wrap table th {font-size:15px; width:90px;}
	.psbox .right .tbl-wrap table td {font-size:14px;}

	.cs .con {width:100%; padding:0 20px;}
	.cs .cs-tit h2 {padding-top:40px; padding-bottom:20px; font-size:24px;}
	.cs .cs-tit p {font-size:14px; margin-top:0;}
	.online {padding:0 10px;}
	.online table th {padding-left:0;}
	.online table tr {display:block; font-size:0;}
	.online table tr th {display: inline-block; width:90px; font-size:14px;}
	.online table tr td {display: inline-block; width:calc(100% - 91px);}
	.online table td input, .online table textarea, .online table select {font-size:14px;}

	.cs .btn-wrap .btn {font-size:16px; width:120px; line-height:50px; height:50px;}

	.pr-video {padding:40px;}

	.production-tab ul li {font-size:11px; line-height:20px; height:45px; padding:0 10px;}
	.production-tab ul li.on {border-width:2px;}
	.production-space h3 {font-size:14px;}
	.production-space ul li .txt {font-size:12px;}

	.production-tab {margin:50px 0;}

	.pr-video .part .thumb {height:50vw; min-height:auto;}
	.video_mp4 .video {width:95%; height:50%;}
	.pr-video .part .thumb .video_over {font-size:45px;}
}/* 1000px */


@media (max-width:780px){
	/* 메인 */
	.fp-scroller {height:100%;}
	.pdinfo-wrap {padding:0;}
	.pdinfo-wrap .dp-tbl .dp-cell {text-align:center; padding-bottom:0;}
	.pdinfo-wrap .left .t1 {letter-spacing:0; font-size:18px;}
	.pdinfo-wrap .left .t1 br {display:none;}
	.pdinfo-wrap .left .t2 {font-size:20px;}
	.pdinfo-wrap .left .t2 img {display:none;}
	.pdinfo-wrap .left .t3 {font-size:16px;}
	.pdinfo-wrap .left {width:100%; padding-top:80px; position:static; height:40%;}
	.pdinfo-wrap .right {width:100%; height:100%;}
	.pdinfo-wrap .left .btn-wrap a.btn {width:auto; padding:0 10vw; line-height:8vw; letter-spacing:0;}
	.pdinfo-wrap .right .kp-tit {font-size:5vw; margin-bottom:5vw;}
	.pdinfo-wrap .right .kp-tit2 {font-size:3.5vw;}
	.pdinfo-wrap .right .kp-swiper-container .swiper-slide {width:70%;}
	.pdinfo-wrap .right .kp-swiper-container .swiper-slide .thum {height:45vw; padding-top:5vw; padding-left:5vw;}
	.section2 .swiper-button-prev, .section2 .swiper-button-next {display:none;}
	.pdinfo-wrap .right .dp-tbl .dp-cell {padding-bottom:20vw; padding-bottom:0;}
	.pdinfo-wrap .right .kp-swiper-container .swiper-slide .description p {font-size:3.5vw; text-align:left;}
	.section2 .swiper-button-prev, .section2 .swiper-button-next {bottom:20px; width:10vw; height:10vw;}
	.section2 .swiper-button-prev img, .section2 .swiper-button-next img {max-width:50%; max-height:50%;}
	.section2 .swiper-button-prev {right:51%;}
	.section2 .swiper-button-next {left:51%;}
	.swiper-container1 .swiper-slide .sw_text .t1 {font-size:16px;}
	.swiper-container1 .swiper-slide .sw_text .t2 {font-size:20px; line-height:1.6;}
	.swiper-container1 .swiper-slide .sw_text .t2 b {font-size:26px;}
	.pdinfo-wrap .right .kp-swiper-container .swiper-slide .thum .txt {font-size:4.8vw;}


    .swiper-container1 .swiper-slide .sw_text .tx-box {margin-top: 10%;}
    /* .sub-sw-container2::-webkit-scrollbar {display: none;} */
    .sub-sw-container2 .sub-tit{}
    .sub-tit div p{font-size: 14px;}
    /* .sub-sw-container2 .sub-list{overflow: scroll;} */
    .sub-sw-container2 .sub-tit h2{font-size: 5vw; margin-bottom: 5vw;}
    .sub-sw-container2 .sub-tit p{font-size: 3.5vw;}
    .sub-sw-container2 .sub-list .sub-item .thum{width: 80%; height: 100%;}
    .sub-sw-container2 .sub-list .sub-item:not(:nth-child(-n+4)){margin-top:2%}
    .sub-sw-container2 .sub-list{width: 100%;}
    .sub-sw-container2 .sub-list .sub-item{width: 32%; padding: 5px 0;}
    .sub-sw-container2 .sub-list .sub-item .description{font-size: 14px;}
    .sub-sw-container2 .sub-list .sub-item .bg{border-radius: 50%;}
    .sub-sw-container2 .sub-list .sub-item p {font-size: 12px;}
    .sub-sw-container2 .sub-list .sub-item:nth-child(8){display: flex;}
    .sub-sw-container2 .sub-list .sub-item:nth-child(6) p:after{
        content: '';
    }
        .sub-sw-container2 .sub-list .sub-item .description{width: 100%;}

    /* 세라믹 */
    .gallery-glass figure{
        width: 48%;
    }
    
	/* 서브 */
	#navi .navi-box > div.depth-1 {width:90px;}
	#navi .navi-box > div .name {padding-right:20px}
	#navi .navi-box > div.depth-2 {width: calc(100% - 148px);}
	.sub-banner {background-position:top center; height:250px; padding-top:71px; display:flex; align-items:center; justify-content: center;}
	.sub-banner .txt h1 {padding-top:0; font-size:30px;}
	.sub-banner .txt p {font-size:16px; line-height:1.4; padding:0 10px;}
	#navi .navi-box > div .name, #navi .navi-box > div .style-depth li a {font-size:14px; padding:0 15px;}
	.greeting-top .left .pic-txt {top:10%;}
	.greeting-top .right .sign {bottom:10%; font-size:12px;}
	.corporate-tit h2, .facilities .facilities-tit h2 {font-size:24px; padding-top:40px; padding-bottom:20px;}
	.greeting-bot p {padding-top:30px; padding-bottom:50px; font-size:14px;}
	.corporate-tit p, .facilities .facilities-tit p {font-size:16px;  line-height:1.6; margin-top:0;}
	.corporate-tit p br {display:none;}
	.history .box .group .yy {font-size:20px;}
	.history .box .group .txt {font-size:14px; line-height:1.4;}
	.history .box .pic {padding:0;}
	.history .box .line:after {width:200%;}
	.history .box .line {height:40px;}
	
	.history {padding-bottom:100px;}
	.history .box {  flex-wrap:wrap; flex-direction: column-reverse;}
	.history .box.reverse {flex-direction: column;}
	.history .box .left, .history .box .right {width:100%;}
	.history .box .right {text-align: right;}
	.history .box .left {text-align: left;}

	.placeofbusiness .section .t1 {font-size:20px;}
	.placeofbusiness .section .t2 {font-size:16px; line-height:1.6; text-align:justify; margin-top:12px; padding-top:12px;}
	.placeofbusiness .section .t2 br {display:none;}
	.placeofbusiness .section .box {padding:20px 15px;}
	.placeofbusiness .section .box .ic {width:100%; text-align:center;}
	.placeofbusiness .section .box .txt {width:100%; padding:0; margin-top:15px;}
	.placeofbusiness .section .box .ic img {height:50px;}
	.placeofbusiness .section .box .txt .bt1 {font-size:18px;}
	.placeofbusiness .section .box .txt .bt2 {font-size:14px; line-height:1.4;}
	
	.product-wrap .pd-top {padding:20px 0 60px;}
	.product-wrap .pd-top .con {padding:0 20px;}
	.product-wrap .pd-top .left {width:100%; position:static;}
	.product-wrap .pd-top .right {padding-top:20px;}
	.product-wrap .pd-top .right .t1 {font-size:20px;}
	.product-wrap .pd-top .right .t2 {font-size:16px; line-height:1.6;}
	.product-wrap .pd-top .right .t3 {font-size:20px;}
	.product-wrap .pd-top .right table.pd-spec th {width:100px; font-size:16px; word-break:keep-all;}
	.product-wrap .pd-top .right table.pd-spec td {font-size:16px;}
	.pd-tab-space .section .part h5 {font-size:16px; padding-bottom:10px;}
	.pd-tab-space .section .part .ul-integral li {width:100%; margin:0 0 20px;}
	.pd-tab-space .section .part .ul-integral li .img {height:160px; overflow:hidden;}
	.pd-tab-space .section .part .ul-integral li .img img {height:100%;}
	.pd-tab-space .section .part .ul-integral li .txt {font-size:16px; line-height:30px;}
	.pd-tab-space .section .part .box-integral {padding:10px;}
	.pd-tab-space .section .part .box-integral .col .col-t1 {font-size:18px;}
	.pd-tab-space .section .part .box-integral .col .col-t2 {font-size:16px; line-height:1.4;}

    .pd-tab-space .section .item-txt p{font-size: 16px; line-height: 1.6;}
    .pd-tab-space .section .item-txt p:nth-of-type(3){font-size: 18px;}
    .pd-tab-space .section .item-tit .item-img{text-align: left; width: 50%;}
    .spacer3{height: 10px;}
    .pd-tab-space .section .item-tit .item-txt.ti2{padding-left: 5px;}

	.aboutci {padding-bottom:100px;}
	.aboutci .section .t2 {font-size:14px; line-height:1.6;}
	.aboutci .section .box {padding:20px;}
	.aboutci .section .box .bt1 {font-size:18px;}
	.aboutci .section .box .bt-ul li {font-size:12px; line-height:2;}
	.aboutci .section {margin-bottom:80px;}
	.aboutci .section2 .ci img {width:50%;}
	.aboutci .section2 .ci-box {margin:30px 0;}
	.aboutci .section2 .ci-box li {width:100%; margin:0 0 20px;}
	.aboutci .section2 .ci-box li .pic {padding:20px 0; height:100px;}
	.aboutci .section2 .ci-box li .pic img {max-width:100px;}
	.aboutci .section2 .ci-box li .txt .t1 {font-size:18px;}
	.aboutci .section2 .ci-box li .txt .t2 {font-size:14px; line-height:1.6;}

	.pd-bot .pd-tab {width:100%; overflow-x:scroll;}
	.pd-bot .pd-tab ul {width:720px;}
	.pd-bot .pd-tab ul li {font-size:16px; line-height:40px;}
	.pd-bot .pd-tab ul.col2 {width:100%;}
	.pd-tab-space .sejemok {font-size:20px; padding:50px 0 30px;}
	.pd-tab-space .section {margin-bottom:20px;}
	.pd-tab-space .section h4 {font-size:18px; word-break:keep-all;}
	.pd-tab-space .section ul.ul-problem li {width:100% !important;}
	.pd-tab-space .section ul.ul-problem li {font-size:16px;}
	.pd-tab-space .section ul.ul-problem li img {width:16px; height:16px; padding:0; margin-right:5px; position:relative; top:3px;}
	.pd-tab-space .section ul.ul-problem-img {    flex-wrap: wrap;}
	.pd-tab-space .section ul.ul-problem-img li {width:100%; margin-bottom:30px;}
	.pd-tab-space .section ul.ul-problem-img li .txt {font-size:14px;}
	.pd-tab-space .section-line {margin:40px 0;}
	.pd-tab-space .section h4 + p {font-size:16px; line-height:1.6;}

	.tbl-water1, .tbl-water2, .tbl-xl {width:100%; overflow-x:scroll;}
	.tbl-water1 table, .tbl-water2 table, .tbl-xl table {width:600px; /* 800px */}
	.tbl-water2 .tbl-t1 {font-size:14px;}
	.tbl-water2 .tbl-t2 {font-size:14px;}
	.tbl-water2 table thead th {font-size:14px; padding:10px 0;}
	.tbl-water2 table tbody th {font-size:14px; padding:10px 0;}
	.tbl-water2 table tbody td {font-size:14px;}
	.pd-tab-space .section .box-construction .half {width:100%; margin-bottom:20px;}
	.product-wrap.water-tank .pd-top .right .t3 {margin-top:40px;}
	.product-wrap .pd-top .right .bubble ul {flex-wrap:wrap;  justify-content:space-around;}
	.product-wrap .pd-top .right .bubble ul li {width:27vw; height:27vw; margin:1vw;}
	.product-wrap .pd-top .right .bubble ul:after {}
	.pd-tab-space .sejemok + p {font-size:16px; line-height:1.6;}
	.pd-tab-space .section .c1 {font-size:14px;}
	.pd-tab-space .section .ul-construction {flex-wrap:wrap;}
	.pd-tab-space .section .ul-construction li {width:100%; margin-bottom:20px;}
	.pd-tab-space .section .ul-construction li .img {border:1px solid #bbb; /*height:160px; overflow:hidden;*/}
	.pd-tab-space .section .ul-construction li .txt {font-size:14px; line-height:30px;}
	.pd-tab-space .section .ul-construction.col1 {margin-top:0;}

	.pd-tab-space .section .box-construction {margin:30px 0;}
	.tbl-water1 .tbl-t1 {font-size:14px;}

	.pd-tab-space .section .item-title {font-size:14px;}
	
	.certificate {padding:0;}
	.certificate h1 {font-size:24px; padding-top:40px; padding-bottom:20px;}
	.certificate h2 {margin:10px 0 10px; font-size:16px; word-break:keep-all;}
	.certificate h2 + p {font-size:16px; line-height:1.4;}
	.certificate h2 + p br {display:none;}
	.certificate .box {padding:20px 25px; margin-top:30px;}
	.certificate .box h3 {font-size:16px;}
	.certificate .box p {font-size:14px; line-height:1.6;}
	.certificate ul {margin-top:50px;}
	.certificate ul li .txt {font-size:12px; line-height:1.2; height:40px; font-weight:400; display:flex; justify-content: center; align-items: center; align-content: center;}
	.procurement .ipt-searchbox input {width:70%; font-size:12px; height:50px; border-width:4px;}
	.procurement .ipt-searchbox button {width:28%; margin-left:0; font-size:14px; height:50px; line-height:50px;}
	.facilities .fi h3 {font-size:20px;}
	.facilities .fi .txtbox {font-size:14px; line-height:1.4; padding:15px;}
	.laboratory ul li {width:48%;}
	.laboratory ul li h4 {font-size:20px;}

	.pr-video {padding:30px 10px;}
	

	.tbl-list thead tr th {font-size:12px; padding:10px 5px; min-width:40px;}
	.tbl-list thead tr td {font-size:12px;}
	.tbl-list tbody tr td .btn {margin:2px;}
	.tbl-list tbody tr td .btn + .btn {margin:2px;}

	.tbl-read tbody tr td .date {padding:10px 20px;}
	.tbl-read tbody tr td .txt {padding:20px;}
	
	.customers h3 {font-size:20px;}
	.customers ul li {margin:0 1% 10px; width:48%; flex:1 0 48%;}
	.pd-tab-space .section .ul-color li .txt {font-size:12px; line-height:1.4; font-weight:400;}
	
	.construction-box .img {padding:40px 0;}
	.construction-box .img img {max-height:50px;}
	.construction-box .construction-t1 {font-size:20px;}
	.construction-box .txt {font-size:12px; font-weight:400; padding:15px 10px; line-height:1.6;}

	.exhibition .t1 {font-size:18px;}
	.exhibition .t2 .box {font-size:16px; padding:0; width:100%;}
	.exhibition .t3 {font-size:20px; padding-bottom:15px;}
	.exhibition .t4 {font-size:16px; margin-top:15px;}
	.exhibition .t5 {font-size:16px;}
	.panel .p-txt > div {font-size:14px;}
	.panel .p-txt .rtxt {padding-right:0; text-align:right;}

	.sub-banner .mobr {display:block;}
	.cs .btn-wrap {margin-top:30px;}
	.customers {margin-top:60px;}
	.placeofbusiness {margin-top:35px;}
	.placeofbusiness .section {margin-bottom:70px;}
	.spacer {height:60px;}
	.production-tab ul {display:flex;}
	.production-tab ul li {display:flex; align-items: center; word-break: keep-all; line-height:14px; justify-content: center; padding:0 4px; font-size:14px;}

	.main-slogun .tit h1.t1 {font-size:6vw;}
	.main-slogun .tit p.t2 {font-size:5vw;}
	.main-slogun ul li .txt h2 {font-size:5vw;}
	.main-slogun ul li .txt p {font-size:3vw;}
	.location-wrap .right .txt .t1 {font-size:10vw;}
	.location-wrap .right .txt .t2 {font-size:6vw;}
	.location-wrap .right .txt .t3 {font-size:4vw;}
	.location-wrap .right .txt .btn-wrap a.btn {letter-spacing:0; width:40vw; line-height:10vw; font-size:3.5vw;}
	.location-wrap .left .map-popup .contxt p.t2 {font-size:4vw;}
	.location-wrap .left .map-popup .contxt ul li .txt {font-size:4vw;}

	.cs .pd-tab-space {padding-bottom:0;}
}	

@media (max-width:680px){
	
	#mo_header .menu {width:40px; margin-top:19px;}
	#mo_header .menu img {max-width:100%;}



	#menu_ul {margin-top:25px;}
	#menu_ul li .main_menu .link a {font-size:16px; line-height:60px;}
	#menu_ul li .main_menu .link {height:60px; padding-right:60px;}
	#menu_ul li .main_menu .more a {line-height:60px; padding:0 20px;}
	#menu_ul li .main_menu {height:60px;}
	#mo_menu .logo {padding:15px 0;}
	#mo_menu .logo .logo_img {width:120px;}
	#mo_menu .mo_close {width:24px; top:15px; right:20px;}
	#menu_ul li .main_menu .more img {width:25px;}
	#mo_menu .etc_menu ul li .link_box .img img {max-width: 50px; max-height:50px; width: auto; height: auto;}
	#mo_menu .etc_menu ul li .link_box .txt {font-size:16px; height:30px;}
	#mo_menu .etc_menu ul li .link_box .img {height:80px;}
	#mo_menu .etc_menu {margin-top:50px;}
	#mo_menu .mo_copyright {line-height:40px; font-size:10px;}
	
	#menu_ul li .sub_menu li a {font-size:14px;  line-height:45px; padding-left:35px;}


}


@media (max-width:480px){

	#mo_header .menu {width:23px; margin-top:15px; margin-right:-1px;}

}