/*============================================================*/
/*======================= Tablet 1024 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1024px){
.pc {display:none !important;}
.tablet {display:block !important;}
.mobile {display:none !important;}
.tabmo {display:block !important;}


/* header */
#header {height:85px;}
.mainConWrap #section2 .btn_scrollDown {bottom: 145px;}
.mainConWrap #section3 .btn_scrollDown {bottom: 145px;}

/* 서브비주얼 */
#subVisual .subv-title { padding-top:85px;}


/* allmenu */
#allmenu .allmenuWrap {position:relative; z-index:10;}
#allmenu .allmenuWrap .lang-box {display:block; position:relative; height:85px; line-height:85px; text-align: left; padding-left:4%; box-sizing:border-box;}
#allmenu .allmenuWrap .lang-box a {font-size: 18px;}
#allmenu .allmenuWrap .lang-box .bar_line { height: 15px;}
#allmenu #gnb {height:auto;}
#allmenu #gnb .list {float:none; width:100% !important; height:auto; padding:2.5vh 0; }
#allmenu #gnb .list:first-child {margin-top:0;}
#allmenu #gnb .list .tt {position:relative;}
#allmenu #gnb .list .tt i {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; cursor:pointer;}
#allmenu #gnb .list > ul {display:none;}
#allmenu #gnb .list > ul > li {margin-top:4vh;}

#allmenu .infoArea {padding:7vh 0 7vh;}
#allmenu .infoArea ul {display: flex; justify-content: center; align-items: center;}
#allmenu .infoArea ul li img {width:50px; margin:0 10px;}


#allmenu #gnb .list.pl {padding:5vh 0;}




/* 메인비주얼 */
#mainVisual .mainVtxt p {font-size:60px;}
#mainVisual .mainVtxt strong {font-size:60px;}
#mainVisual .Paging {font-size:16px; margin-top:6vh; /* margin-top:60px; */}
#mainVisual .Paging .num {margin:0 5vw; /* margin:0 30px; */}
#mainVisual .Paging .num .pagingInfo {font-size:25px;}
#mainVisual .Paging .bul {padding:0 10px;}
/*#mainVisual .Paging .num {margin:0 25px;}
 #mainVisual .Paging .slick-arrow {width:10px; height:16px; margin-top:-2px;} */

/*main contents */
#fp-nav {top:inherit; bottom:30px; right:calc(4% - 8px);}
#fp-nav ul li a {padding:6px;}




.mainConWrap #section2 { margin-top: 85px;}
.mainConWrap #section2 .ver-tabimg-slide {height: calc(100% - 85px);}
.ver-tabimg-slide .content-mid {height: calc(100vh - 85px);}
.ver-tabimg-slide .tab-infobox .intb-box {/* padding-top:17vh;*/padding-top:0;}
.ver-tabimg-slide .tab-infobox .intb-box {top:50%; transform:translateY(-50%);}
.ver-tabimg-slide .tab-infobox .intb-box .cnt {padding-top:5vh;}
.ver-tabimg-slide .in-slide .slide-contain .slick-list,
.ver-tabimg-slide .in-slide .slide-contain .slick-track,
.ver-tabimg-slide .in-slide .slide-contain .slick-slide ,
.ver-tabimg-slide .in-slide .slide-contain .imgbox { height:calc(100vh - 85px);}
.ver-tabimg-slide .tab-content-area strong {font-size:6vh;}


.mainConWrap #section3, .mainConWrap #section4 { margin-top: 85px;}
.mainConWrap #section3 .cols_wrap { height: calc(100% - 85px);}
.mainConWrap .section .cols_wrap .cols .txt_wrap {padding: 0 5%;}
.mainConWrap .section .cols_wrap .cols strong {}

.mainConWrap .mainTitleArea {margin-bottom:5vh;}
.mainConWrap .mainTitleArea p {padding-top:2vh;}

.mainConWrap #section4 .section4Wrap { height: calc(100% - 85px);}
.mainConWrap #section4 .btn {margin: 3.5vh auto;}

/* 인사말 */
.intro-box.greeting .inbox {width:100%;}
.sign {position:absolute; top:0; left:4%; font-size:5vw; padding-top:3.5vh; letter-spacing: -1px;}
.greeting .mo_imgBox {position:relative;}

/* 회사소개 */
.icon_list_box .list_box .tit { width: 30%; }

/* 오시는길 */
.location_info  { flex-direction: column; align-content: flex-start; align-items: flex-start; padding:20px 0;}
.location_info .info { display:block;  margin-right:0; }
.location_info .info ul li {margin-right:3%;}
.sub_btnBox {display:block; width:100%;}
.sub_btnBox .btn-orangebox  {display:block; width:100%; margin-top:3vh;} 



/* 서브비주얼 */
#subVisual:after {background-image:url('/images/sub/subvisual_01_m.jpg');}
#subVisual.subVsal01:after {background-image:url('/images/sub/subvisual_01_m.jpg');}
#subVisual.subVsal02:after {background-image:url('/images/sub/subvisual_02_m.jpg');}
#subVisual.subVsal03:after {background-image:url('/images/sub/subvisual_03_m.jpg');}
#subVisual.subVsal04:after {background-image:url('/images/sub/subvisual_04_m.jpg');}
#subVisual.subVsal05:after {background-image:url('/images/sub/subvisual_05_m.jpg');}


/* 준비중 */
.preparing {padding:20% 0;}


/* inquiry */
.inquiry_info {padding:25px 30px; text-align:left; line-height:1.5;}
.inquiry_info .tt {display:block; font-size:20px; padding-bottom:10px; line-height:1;}
.inquiry_info .info {display:block; border-left:none; padding-left:0; margin-left:0;}
.inquiry_info .info ul li {padding-left:30px; margin-left:30px; font-size:17px;}
.inquiry_info .info ul li.tel,
.inquiry_info .info ul li.mail {background-size:18px;}

/* 개인정보처리방침 */
.PrivacyArea textarea {height:450px;}

/* footer */
#foot {padding:4%;}
#foot .footCnt address {line-height:1.6; margin-bottom:3px;}




/* 관리자 로그인 */
div#box {width:350px; bottom:50%; padding:30px 25px 20px 30px; margin-left:-207.5px; margin-bottom:-127.5px;}
div#box .login_center {padding:25px 0;}




/* 사업분야-이미지 */
img.pc_img {display:none !important;}
img.tablet_img {display:block !important;}
img.tabmo_img {display:block !important;}



/* 고객지원 */
.table_box .list_box {flex-direction: column; flex:1; align-items: flex-start; padding:3vh 0;}
.table_box .list_box .tit {width:100%; word-break: break-all; margin-bottom:1vh;}
.table_box .list_box p {padding-left:0;}
.list-style-cir-orange span { margin-right: 20px;}
}



/*===============================================================*/
/*======================= Tablet 850 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:850px){

/* 사업분야-이미지 */
.pcImg {display:none !important;}
.tabImg {display:none !important;}
.moImg {display:block !important;}

.business_box_bg {height:auto;  padding-bottom: 12vh; background-image:none;}
.business_box_bg .img-area {position: relative; padding-right:4%; box-sizing:border-box; margin-bottom:5vh;}
.business_box_bg .img-area img {width:100%; }
.business_box_bg .info-area {margin-left:0; padding:0;}
.busi_line {width:8.5vw; margin: 3vh 0;}
.busi_line:before {display:none;}
	
}

/*===============================================================*/
/*======================= Tablet 768 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:768px){
	/* 고객지원  */
	.four-squre-arr-list {margin-bottom:0;}
	.four-squre-arr-list .step li { display:block;  width: 100%; float: none; margin-right: 0; margin-bottom: 55px;}
	.four-squre-arr-list .step li:after {right: auto; left: 50%; top: auto; bottom: -37px; transform: translateX(-50%) rotate(90deg);}
	.four-squre-arr-list .step .step-tit { padding: 3vh 0;}
	.four-squre-arr-list .step .step-tit .bul-circle-orange {margin: 1.5vh 0;}




	
	.list-style-cir-orange {flex-direction: column; align-items: flex-start; justify-content: center;}
	.list-style-cir-orange span { margin-right: 0;}
	.list-style-cir-orange span + span {margin-top:1vh;}

/* business 버튼 */
.businessSlideBox .arrowSlider1 {top:40%;}
.businessSlideBox .arrowSlider1 p {width:4.5vh; height:4.5vh;}
.businessSlideBox .arrowSlider1 .db-prev {left:5vw; }
.businessSlideBox .arrowSlider1 .db-next {right:5vw;} 
.businessSlide-dots-box {bottom:2vh;}





}