@charset "utf-8";

html {
      /* Prevent font scaling in landscape */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}

@media (min-width:1920px){

}

@media (max-width:1680px){
	
}

@media (max-width:1480px){
	/* 메인 */
	.main-sw .swiper-slide {width:90vw;}
	

} /* 1480 */


@media (max-width:1280px){
	#mo_header, #mo_menu {display:block;}
	
	#header {display:none;}
	/* #mo_header, #mo_menu {display:block;} */
	/* 모바일 */
	nav.moheader {display:block;}

	/* .main-sw .swiper-slide{padding-top: 40px;} */
	.main-intro-slide .txt .t1 {font-size:38px;}
}

@media (max-width:1201px){
	.con {width:100%; padding:0 20px;}
	#wrap {width:100%;}
	#header {display:none;}
	/* #mo_header, #mo_menu {display:block;} */
	/* 모바일 */
	nav.moheader {display:block;}

	/* .container {padding-top:40px;} */
	/* 메인 */
	/* .container.main-container {padding-top:60px;} */
	/* .main-sw .swiper-slide {height:40vw;} */
	.main-intro-slide .txt {width:100%;}
	/* .main-intro-slide .txt .t1 {font-size:4vw;} */
	.main-intro-slide .txt .t2 {font-size:2vw;}
	.main-section-1 {margin-top:10vw;}
	.main-section-1 .tit .t1 {font-size:4vw;}
	.main-section-1 .tit .t2 {font-size:2.5vw;}
	.main-section-1 .prod-list ul {margin:0 -1%;}
	.main-section-1 .prod-list ul li {width:23%; margin:0 1% 2%; height:15vw;}
	.main-section-1 .prod-list ul li .txtbox .t1 {font-size:1.4vw;}
	
	.main-section-2 {height:800px;}
	.main-section-2 .txt-box .t1 {font-size:4vw; line-height:1.4;}
	.main-section-2 .txt-box .t2 {font-size:3vw;}

	.main-section-3 {margin-top:10vw;}
	.main-section-3 .tit .t1 {font-size:4vw;}
	.main-section-3 .tit .t2 {font-size:2vw;}


	 

	/* 공통 */
	#navi .con {padding:0;}
	/* #navi .navi-box > div {height:45px;} */
	#navi .navi-box > div.home a {line-height:45px;}
	#navi .navi-box > div.home img {padding-top:13px;}
	#navi .navi-box > div .name {line-height:45px; font-size:14px;}
	#navi .navi-box > div .style-depth {top:45px;}
	#navi .navi-box > div .style-depth li a {line-height:45px; font-size:14px;}
	
	/* #navi .navi-box > div.sub-navi{height: 80px;} */
	.common-tit .t1 {font-size:6vw;}
	.common-tit .t1-before {font-size:7.7vw; top:-3vw; left:-2vw; line-height:1;}
	.common_banner.sub_banner .sb_txt {margin-top:0;}
	.common_banner.sub_banner .sb_txt h1 {font-size:5vw;}

	/* 서브 */
	.common_banner.sub_banner, .common_banner.sub_banner .con {width:100%; height:25vw;}
	.msg-wrap .left {width:40vw; margin-bottom:23vw;}
	.msg-wrap .right {width:50vw;}
	.msg-wrap .right .box .img {width:100%; height:22vw;}

	.msg-wrap .right .box {margin-bottom:15vw;}
	.msg-wrap .right .box .txt .t1 {font-size:2.5vw; line-height:1.4;}
	.msg-wrap .right .box .txt .t2 {font-size:1.9vw; line-height:1.6; margin-top:1vw;}
	.msg-wrap .left .tit-sub {font-size:1.9vw; line-height:1.6; margin-top:5vw;}

	.philsp-wrap .circle-wrap {margin:5vw 0 0; height:40vw; border-radius:14vw;}
	.philsp-wrap .circle-wrap .cc {height:20vw; width:20vw; margin-right:-2vw;}
	.philsp-wrap .circle-wrap .cc .ic {height:9vw;}
	.philsp-wrap .circle-wrap .cc .ic svg {max-height:100%;}
	.quotes-tit, .quotes-tit strong {font-size:5vw;}
	.philsp-wrap .circle-wrap .cc .chum-t {font-size:16px;}

	.location-list ul li.addr {width:100%;}
	.location-list ul li {width:33.3333%;}

	.depth1-tab ul {margin:0 -1%;}
	.depth1-tab ul li {width:23%; margin:0 1% 2%;}
	.depth1-tab ul li span {font-size:16px;}
	.depth2-tab ul li span {font-size:16px;}

	.depth2-contents .tbl-tit h5 {font-size:18px;}
	.depth2-contents .tbl-box table thead td, .depth2-contents .tbl-box table tbody td, .depth2-contents .tbl-box table tbody th {font-size:16px;}

	/* 제품쪽 */
	.sub-page-wrap .prod-wrap {width:100%; padding-left:0;}
	.left-layout {display:none;}
	.sub-page-wrap .prod-wrap .right-layout {padding-left:0;}
	.prod-index-tab ul {margin:0 -1%;}
	.prod-index-tab ul li {width:23%; margin:0 1% 2%;}
	.prod-index-tab ul li a {padding:0 20px; text-align:center; font-size:16px;}

	.prod-tit {font-size:30px}
	.prod-txt {font-size:16px; line-height:1.6;}
	.prod-index-list ul {margin:0 -1%;}
	.prod-index-list ul li {width:31.333%; margin:0 1% 2%;}
	.prod-index-list ul li .thumb {height:35vw;}

	.prod-section .img-txt-box {padding-left:35vw; min-height:42vw;}
	.prod-section .img-txt-box .txt {font-size:18px; line-height:1.6;}
	.prod-section .img-txt-box .img {width:35vw; height:33vw;}

	.prod-section .tit {font-size:30px;}
	.prod-section .only-txt {font-size:16px; line-height:1.6; font-weight:400;}



}
/* 1200 px */



@media (max-width:1024px){	
	#navi .navi-box {width:100%; position:relative;}
	#navi .navi-box > div.home {position:absolute; left:0; top:0;}
	#navi .navi-box > div.depth-1 {width:50%;}
	#navi .navi-box > div.depth-2 {width:50%;}

	.sub-page-wrap {padding-top:10vw; }

	
	.mes-flex{flex-wrap: wrap;}
	.mes-flex .img{width: 100%; margin-right: 0; margin-bottom: 50px;}
	.mes-flex .img img{width: 100%;}
}
/* 1024 */

@media (max-width:840px){
	footer .con {padding:0 10px;}
	footer .right {display:none;}

    .sub-page-wrap{padding-top: 15vw;}

} /* 640 */





@media (max-width:640px){
	.con {padding:0 10px;}

	/* 메인 */
	/* .main-sw .swiper-slide {height:50vw;} */
	
    .main-section-2{height: 920px;}
	.swiper-pagination {display:none;}
	.main-intro-slide .txt .t1 {font-size:5vw;}
	.main-intro-slide .txt .t2 {font-size:3vw; line-height:1.4;}
	.main-section-1 {margin-top:15vw;}
	.main-section-1 .tit .t1 {margin-bottom:3vw;}
	.main-section-1 .prod-list {margin-top:3vw;}
	.main-section-1 .prod-list ul li {width:48%; height:35vw;}
	.main-section-1 .prod-list ul li .txtbox {padding:1vw 0;}
	.main-section-2 {margin-top:15vw;}
	.main-section-2 .txt-box {align-items: center;}
	.main-section-2 .txt-box .t2 {margin-top:1vw;}
	.main-section-2 .txt-box .t3 .button {margin-top:5vw; font-size:3.5vw; padding:3vw 8vw; border: 1px solid #fff; background: #fff; color: #323190;}
	.main-section-3 {margin-top:15vw;}
	.main-section-3 .tit .t2 {margin-top:3vw;}
	.board-list-type {margin-top:5vw;}
	.board-list-type ul li .tit, .board-list-type ul li .down {font-size:3.5vw; line-height:1.4;}
	.board-list-type ul li .down {width:100px;}
	.board-list-type ul li > div {min-height:10vw;}

	nav .logo {height:35px;}
	footer .left {float:none;}
	footer .left .flogo {margin:20px auto 0;}
	footer .left .bot-list {margin-top:10vw; }
	footer .left .bot-list ul {text-align:center; margin:0;}
	footer .left .bot-list ul li {font-size:12px; margin-bottom:5px;}
	footer .copyright {text-align:center; font-size:12px;}
	footer br.mo {display:block;}

	/* #navi .navi-box {padding-left:44px;} */
	/* #navi .navi-box > div {height:30px;} */
	#navi .navi-box > div.home a {line-height:30px; padding:0 13px;}
	#navi .navi-box > div.home img {padding-top:6px;}
	#navi .navi-box > div .name {line-height:30px; font-size:11px;}

	#navi .navi-box > div .style-depth {top:30px;}
	#navi .navi-box > div .style-depth li a {font-size:11px; line-height:30px;}

	.sub-page-wrap {min-height:auto;}

	/* 서브 */
	.msg-wrap .right .box .txt {margin-top:5vw;}
	.msg-wrap .left {top:100px;}
	.msg-wrap .left .tit-sub, .msg-wrap .right .box .txt .t2 {font-size:2.8vw;}
	.msg-wrap .left .tit-sub br, .msg-wrap .right .box .txt .t2 br {display:none;}
	.msg-wrap .right .box .txt .t1 {font-size:3.5vw;}

	.history-contents {margin-top:5vw;}
	.history-tab ul {}
	.history-tab ul li {width:calc(25% - 10px); margin:0 5px;}
	.history-tab ul li, .history-tab ul li.on {height:45px; font-size:12px; padding:0 10px;     word-break: break-all; text-align:center;}
	.sw-history .swiper-slide {height:35vw;}
	.history-box .yymmdd .year {font-size:16px; margin-right:8px;}
	.history-box .yymmdd .month .day {margin-bottom:0;}
	.history-box .yymmdd .month .day span.txt {font-size:12px;}

	.philsp-wrap .circle-wrap {height:auto;     flex-wrap: wrap; padding:5vw 0 15vw;}
	.philsp-wrap .circle-wrap .cc {width:25vw; height:25vw;}
	.philsp-wrap .circle-wrap .cc.c1 {width:35vw; height:35vw;}
	.philsp-wrap .dot {display:block; width:100%; height:0; background:none; height:5vw;}

	.location-list ul li {height:auto; padding:5vw 0;}
	.location-list ul li .icon img {width:30%;}
	.location-list ul li .txt {margin-top:2vw;}
	.location-list ul li .txt .t1 {font-size:3.5vw;}
	.location-list ul li .txt .t2 {font-size:3vw; margin-top:2vw; line-height:1.4;}
	.location-wrap .sc-3 {height:50vw;}
	
	.organi-wrap .organi-img .pc {display:none;}
	.organi-wrap .organi-img .mo {display:block;} 

	.contact-wrap .tbl-form table th {width:90px; padding:10px; vertical-align: middle; font-size:14px;}
	input.input-base {height:35px;}
	.btn-wrap {text-align:center;}
	.privacy-box .row {align-items: center;}
	.privacy-box .row label {font-size:14px;}
	.privacy-box .row a {font-size:14px;}
	.btn-wrap button {font-size:14px; height:40px;}
	.filebox {position:relative; padding-left:82px;}
	.filebox label {position:absolute; left:0; top:0;}
	.filebox .upload-name {width:100%;}

	.tbl-download table thead th {height:45px; font-size:16px;}
	.tbl-download table tbody td {padding:20px 10px; font-size:16px;}
	.tbl-download table thead th.w140 {width:80px;}

	.depth1-tab ul li {width:31.3333%; display:flex; align-items: center; height:60px;}
	.depth1-tab ul li span {font-size:14px; padding:0 10px; text-align:center;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-box-orient: vertical;		
		word-wrap: break-word;
		line-height: 14px;
		max-height: 42px; 
		height:auto;
	}

	.depth2-tab {overflow-x:scroll; background:#FBFBFB;}
	.depth2-tab::after {content:none;}
	.depth2-tab ul {height:43px;}
	.depth2-tab ul li {margin:0;}
	.depth2-tab ul li span {font-size:14px;}

	.depth2-contents .tbl-box {overflow-x:scroll;}
	.depth2-contents .tbl-box table {width:640px;}

	.depth2-contents .tbl-box table thead td, .depth2-contents .tbl-box table tbody td, .depth2-contents .tbl-box table tbody th {font-size:13px; padding:10px;}
	.depth2-contents .tbl-box table thead td:first-child {width:130px;}

	.tbl-download table tbody td {font-size:14px;}
	.tbl-download table tbody td .view-btn {font-size:14px;}

	.prod-index-list ul li {margin-bottom:4%;}
	.prod-index-list ul li .txt {font-size:14px; margin-top:5px;}

	.prod-index-tab {padding-bottom:20px;}
	.prod-index-tab ul li a {font-size:12px;}
	.prod-tit {font-size:24px;}
	.prod-txt {margin-top:20px; font-size:14px; font-weight:400;}

	.prod-section .tit {font-size:24px;}
	.prod-section .img-txt-box {padding-left:0; min-height:auto; padding-bottom:50px;}
	.prod-section .img-txt-box .txt {font-size:14px; line-height:1.6; padding-left:0; margin-top:20px;}
	.prod-section .img-txt-box .img {width:100%; height:50vw; position:relative;}

	.section.prod-info {padding-top:50px;}
	.tit-bar h4 {font-size:18px;}
	.tbl-prod {width:100%; overflow-x:scroll;}
	.tbl-prod table {width:640px;}

	.tbl-prod table th {font-size:13px; padding:15px 10px;}
	.tbl-prod table td {font-size:12px; padding:15px 10px;}
	.tbl-prod table th.sdk {font-size:12px;}
	.prod-box {margin-bottom:50px;}
	.prod-box:last-child {margin-bottom:0;}

	.list-circle ul li {font-size:14px; line-height:1.4; margin-bottom:15px;}

	.prod-section.st-2 {padding-bottom:50px;}
	.prod-section .txt-box {font-size:14px; line-height:1.6; margin:20px auto;}
	.prod-section .img-box .img {width:48%; height:50vw; margin:0 1% 2%;}
	.tit-bar p {font-size:14px; line-height:1.4;}

	.prod-section .only-txt {font-size:14px; margin-top:20px;}
	.prod-section.st-3 {padding-top:50px;}
	.prod-section .tit-blue, .prod-box .tit-blue {font-size:18px;}
	.prod-section .normal-txt, .prod-box .normal-txt {font-size:14px; font-weight:400; line-height:1.6; margin-top:10px;}
	.prod-box.bd-top {padding-top:30px; margin-top:30px;}

	.prod-box .img-box {margin:0;}
	.prod-box .img-box .img {width:100%; margin:0;}
	.prod-wrap-2-4-2 .prod-box .img-box {margin:40px -1%;}
	.prod-wrap-2-4-2 .prod-box .img-box .img {width:31.333%; margin:0 1% 2%; height:45vw;}
	.prod-wrap-2-7-1 .prod-box .img-box .img {width:31.333%; margin:0 1% 2%; height:45vw;}

	.popup-contents .txt-only {padding:40px 20px;}

	.prod-wrap-2-5-3 .prod-box .row {flex-direction: column;}
	.prod-wrap-2-5-3 .prod-box .row .col.pr-40 {padding-right:0;}
	.prod-wrap-2-5-3 .prod-box .row .col {}
	.prod-wrap-2-5-3 .prod-box .img-box.col-1.w310 {width:100%;}

	footer .f-link-box {justify-content: center;}
} /* 640 */