@charset "utf-8";
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
.tit01{font-size:3.4rem; }
.tit02{font-size:2rem; }
.txt01{ font-size:1.7rem; }
/* **********  menu ********** */
#ylang1 {padding:12% 5%; }	
#ylang1 .contWrap h3 {font-size:4.5rem;}
#ylang1 .contWrap .t2 { font-size:1.8rem; }

}

@media all and (max-width:800px){
.cm-sub-tit{font-size:3rem!important; margin-bottom: 3rem;}
	
	/* ******************  ABOUT :: CEO ********************** */
	.about-greeting-container{display:block;}
	.about-greeting-img-con{width:100%; padding-right:0; margin: 0 auto 3.5rem;}
	.about-greeting-img-con span{ padding-top:60%; }
	.about-greeting-img-con img{object-fit:cover;}
	.greeting-top-txt-con strong{font-size:3rem}
	.about-greeting-txt-con{width:auto;}
	.gretting-txt-con br{display:none !important}
	
	/* **********  Company :: LOCATION ********** */
	.location-page {padding-bottom: 10rem;}
	.map-con {height: 50rem;}
	.map-con iframe {max-height: 100%;}
	.location-con { margin-bottom: 3rem; }
	.location-con .adress-box .adress-box-top {font-size: 2.5rem;}
	.location-con .adress-box .adress-box-bottom {flex-wrap: wrap;}
	.location-con .adress-box .adress-box-bottom p {font-size: 1.6rem; margin-bottom: 1.5rem;}
	.location-con .link-box {position: relative; justify-content: end; padding-top: 1.5rem;}
	.location-con .link-box a {width: 11rem; height: 11rem; }
	
	/* menu이미지 컨텐츠 */
	.summary-img-con .img-wrap {margin-bottom: 6rem;}
	.summary-img-con .img-wrap:last-child {margin-bottom: 6rem;}
	.summary-img-con .img-wrap, .summary-img-con .img-wrap.reverse {flex-direction: column;}
	.summary-img-con .img-wrap .img-box, .summary-img-con .img-wrap .txt-box {width: 100% !important;}
	.summary-img-con .img-wrap .txt-box {margin: 3rem 0 0 0 !important; }
	.summary-img-con .img-wrap.reverse .txt-box {margin-top: 3rem !important;}
	.summary-img-con .img-wrap .summary-con-tit {font-size: 2.8rem; padding-bottom: 1rem;}
	.summary-img-con .img-wrap .summary-con-txt {font-size: 1.6rem; line-height: 1.8em;}
	
	/* *********** CONTACT - INQUIRY *********** */
	.cm-btn-controls button,.cm-btn-controls a{ width:8em; height:2.5em; line-height:2.5em; }
	.cm-btn-controls button,.cm-btn-controls a{font-size:1.6rem; }
	.inquiry-agreement-con.editor{font-size:13px;}
	/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
	.bbs-inquiry-agree-con{margin-bottom:25px;}
	.bbs-inquiry-agree-con .agree-tit{font-size:16px;}
	.inquiry-agreement-con{height:150px; padding:15px}
	.bbs-inquiry-agree-con .agree-txt{font-size:13px;}
	.bbs-inquiry-agree-con .agree-txt label i{top:-3px;}
	.inquiry-style03-wrapper{padding:40px 15px;}
	/* 문의하기 03 :: 상단 */
	.inquiry-style03-tit {padding-top: 20px; padding-bottom: 15px;}
	.inquiry-style03-tit h3 {font-size:25px; line-height: 32px;}
	.inquiry-style03-tit p {font-size:11px; line-height: 22px;}
	/* 문의하기 03 :: 작성폼 */
	.inquiry-agreement-con-scrollbar{padding:10px;}
	.inquiry-style03-write-box dt {width:80px; height:40px; line-height: 40px; font-size:13px}
	.inquiry-style03-write-box dt::after {top:16px;}
	.inquiry-style03-write-box dd input,
	.inquiry-style03-write-box dd select,
	.inquiry-style03-write-box dd textarea {height:40px;  font-size:13px; font-size:13px;}
	.inquiry-style03-write-box dd textarea{height:100px; padding:12px 0;}
	.inquiry-style03-write-box .file dd input {margin:5px 0;}
	.inquiry-style03-write-box p{height:auto; font-size:12px; line-height:20px; padding-bottom:10px; word-break:keep-all;}
	.inquiry-style03-write-box .address-btn{min-width:60px; height:28px; font-size:12px;}
	
.factory-slide-con{max-width: inherit; padding: 0 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.factory-slide-con p{margin-top: 20px; font-size: 16px;}
.factory-slide-con button{width: 40px; height: 40px; line-height: 40px; margin-top: -20px; font-size: 14px;}
.factory-slide-con .factory-prev-btn{left: -0px;}
.factory-slide-con .factory-next-btn{right: -0px;}
	
.company-con {padding: 7rem 0;}
.eml_bx0 { width: 100%; text-align: center; }
.eml_bx { width: 100%; text-align: center; }
}
@media all and (max-width:640px){
/* **********  menu ********** */
#ylang1 .contWrap .t2 { font-size:1.6rem; }
.tll_bx br {display: block;}
a.nv_btn { margin-top: 10px; }
.tll_bx span { margin-right: 0; }
/* -------- family :: 사진 -------- */
.pg_bx li {width: 100%; margin-right: 0; }
.pg_bx li img { border-radius: 1.5rem; }
.pg_tit{ font-size: 2.2rem; }

.tb-wide2 table { min-width: 580px; }
.tb-wide2 { overflow-x:scroll;
     scrollbar-face-color:#189dc6;
     scrollbar-3dlight-color:#189dc6;
     scrollbar-highlight-color:#FFFFFF;
     scrollbar-shadow-color:#FFFFFF;
     scrollbar-darkshadow-color:#189dc6;
     scrollbar-arrow-color:#FFFFFF;
     scrollbar-track-color:#d5dfe7; }
.tb-wide2::-webkit-scrollbar { width:2px!important; height: 5px!important; background: #e4e4e4; border-radius: 50px; box-sizing: border-box; }
.tb-wide2::-webkit-scrollbar-thumb { width: 2px!important; height: 5px!important; background:#707070; border-radius: 50px; box-sizing: border-box;}
}

@media all and (max-width:480px){	
.cm-sub-tit{font-size:2.5rem!important; margin-bottom: 2.5rem;}
.box_hpdn{ padding-top: 5rem!important; padding-bottom: 5rem!important;}
.tit01{font-size:3.0rem; }
.tit02{font-size:1.8rem; }
.txt01{ font-size:1.6rem; }
/* ******************  ABOUT :: CEO ********************** */	
.greeting-top-txt-con{margin-bottom:1.5rem}
.greeting-top-txt-con span{ font-size:1.7rem; margin-bottom:1.5rem}
.greeting-top-txt-con strong{ font-size:2.8rem; }
.gretting-txt-con{font-size:1.5rem; }
.gretting-txt-con .ceo-name{ font-size:1.2em; }
	
/* **********  Company :: LOCATION ********** */
.location-con .link-box {justify-content: start; }
.location-con .adress-box .adress-box-top {font-size: 1.9rem;}
	
/* **********  menu ********** */
#ylang1 .contWrap .t2 { font-size:1.5rem; }
.tll_bx { font-size: 1.7rem; padding: 3rem 1rem; }
.tll_bx span { font-size: 2.2rem; }
.tll_bx i { width: 3.4rem; height: 3.4rem; line-height: 3.4rem; font-size: 2.0rem; margin-right: 0.5rem;}
a.nv_btn { padding:1.6rem 2.8rem; font-size: 1.65rem; }
.tm_bx {font-size: 1.8rem; }
	
/* -------- family :: 탭 -------- */
.project-tab-container ul li {width:14rem; }
.project-tab-container ul li a{ height:5rem; font-size:1.6rem; }

}