@charset 'utf-8';

#hd .btn-menu,
#hd .btn-home { position:absolute; top:50%; display:block; width:64px; height:64px; background-repeat:no-repeat; background-position:center; background-size:100% auto; cursor:pointer; transform:translateY(-50%); display:none; }
#hd .btn-menu { left:30px; background-image:url('../img/mobile/ic_menu.png'); }
#hd .btn-home { right:30px; background-image:url('../img/mobile/ic_home.png'); }

#nav .btn-close { position:absolute; right:25px; top:33px; cursor:pointer; width:50px; height:50px; font-size:20px; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/ic_close_menu.png'); background-size:30px auto; display:none; color:transparent; }
#nav .btn-tel { display:block; height:90px; line-height:90px; padding-left:40px; background-color:#00a1e9; cursor:pointer; display:none; }
#nav .btn-tel span { display:inline-block; font-size:25px; color:#fff; margin-right:10px; }

#main-bnr .swiper-slide .m { display:none; }
.bnr-product-info .m { display:none; }



/* 1400px */
@media(max-width:1400px){
	#hd .head { padding:0 15px; }
	#biz-field { padding:75px 25px; }
	#biz-field .list li { width:32%; margin-right:2%; }
	#contact { padding: 70px 25px; }

	/* contents */
	.contents { padding: 40px 25px 100px 25px; }
}





/* 1160px */
@media(max-width:1160px){
	#hd .head .searchbx { display:none; }

	.sub-visual.sub01 {  height:auto; background-image:url('../img/contents/sub_visual_apps2025_m.jpg'); }	
	.sub-visual .m { display:block; }
	.sub-visual .inbx {  height:auto; }
	.sub-visual .inbx br { display:none; }
}


/* 1000px */
@media(max-width:1000px){
	#hd .head h1 { text-align:center; }
	#hd .btn-menu, #hd .btn-home { display:block; }
	
	#hd .head #nav { position:fixed; left:-85%; top:0; width:84%; height:100%; z-index:999; background-color:#4c4c4c; box-sizing:border-box; padding-top:110px; min-width:270px; }
	#nav .btn-tel { display:block; }
	#hd .head #nav li { display:block; margin:0; width:100%; font-size:25px; }
	#hd .head #nav li a.idx { color:#fff; height:70px; line-height:70px; padding-left:15px; }
	#hd .head #nav li .submenu { position:static; display:block !important; opacity:1 !important; width:100%; overflow:hidden; background-color:#353538; padding-top:0; }
	#hd .head #nav li .submenu li { float:left; width:50%; font-size:17px; box-sizing:border-box; border-bottom:1px solid #4c4c4c; border-right:1px solid #4c4c4c; margin-bottom:0; font-weight:700; }
	#hd .head #nav li .submenu li:nth-child(2n) { border-right:0; } 
	#hd .head #nav li .submenu li a { display:block; padding-left:25px; color:#dddddd; height:45px; line-height:45px; box-sizing:border-box; }
	#nav .btn-close { display:block; }
	#hd .head #nav .cover { display:none !important; }
	
	#biz-field .list .ibox .img { height:180px; }

	#contact .ibox { width:49%; padding:35px 30px 30px 30px; margin-right:2%; height:410px; }
	#contact .ibox .tel { font-size:42px; }
	
	#location2nd .list li { width:49%; }

	/* contents */
	.lnb-wr { display:none; }
	#tab-menu li { font-size:17px; width:20%; }
	#tab-menu li.m2 { width:40%;}
}



/* 720px */
@media(max-width:720px){
	#main-bnr .swiper-slide { background-size:cover; background-color:#262727; }
	#main-bnr .swiper-slide .pc { display:none; }
	#main-bnr .swiper-slide .m { display:block; }

	.bnr-product-info { background-image:url('../img/main/bnr_product_m.jpg'); }
	.bnr-product-info .pc { display:none; }
	.bnr-product-info .m { display:block; }
	
	#biz-field { padding:45px 25px; }
	#biz-field h3 { display:none; }
	#biz-field .list li { float:none; width:100%; margin-right:0; margin-bottom:15px; }
	#biz-field .list .ibox { position:relative; width:100%; overflow:hidden; box-sizing:border-box; }
	#biz-field .list .ibox .img { float:left; width:45%; height:198px; }
	#biz-field .list .ibox .info { margin-left:45%; box-sizing:border-box; padding:20px; } 
	#biz-field .list .ibox .info dl { padding:0; margin-bottom:15px; }
	#biz-field .list .ibox .info dl dt,
	#biz-field .list .ibox .info dl dd { text-align:left; letter-spacing:-0.4px; }
	#biz-field .list .ibox .info dl dt { font-size:29px; font-weight:650; letter-spacing:0.2px; margin-bottom:5px; line-height: 1.25; } 
	#biz-field .list .b1 .img { background-image:url('../img/main/bnr_biz01m.jpg'); }
	#biz-field .list .b2 .img { background-image:url('../img/main/bnr_biz02m.jpg'); }
	#biz-field .list .b3 .img { background-image:url('../img/main/bnr_biz03m.jpg'); }
	
	#contact { padding:45px 25px; }
	#contact .ibox { float:none; width:auto; height:auto; margin-right:0; }
	#contact .ibox .hd h3 { font-size:20px; font-weight:650; letter-spacing:0.2px; margin-bottom:5px; line-height: 1.25;  }			
	#contact .ibox.center { display:none;  } 
	
	
	#contact .ibox .list { }	
	#contact .ibox .list li { font-size:12px; font-weight:650; letter-spacing:0.2px; margin-bottom:5px; line-height: 1.25;  }	

	#location { display:none; }

	#location2nd .list li { width:100%; float:none; margin-bottom:40px; }


	.quick-menu { display:none; position:static; width:100%; transform: translateY(0); }
	.quick-menu ul { width:100%; overflow:hidden; }
	.quick-menu ul:after { display:none; clear:both; height:0; content:""; }
	.quick-menu ul li { float:left; width:33.33%; }
	.quick-menu ul li a { height:130px; }
	.quick-menu ul li.center { display:none; }
	.quick-menu ul li.kakao { background-image:url('../img/common/ic_kakaotalk_m.jpg'); }
	.quick-menu ul li.naver { background-image:url('../img/common/ic_naver_m.jpg'); }
	.quick-menu ul li.qna { background-image:url('../img/common/ic_qna_m.jpg'); }
	.quick-menu .btn-top { display:none; }

	#ft { background:none; background-color: #000000; padding:40px 25px; text-align:left; }
	#ft .copyright, #ft address { text-align:left; opacity:0.8; font-size:12px;}

	/* contents */
	.sub-visual .t-bx { left:25px; }

	
	
}


@media screen and (max-width: 600px) {
    /* common */

    #aside .inner { padding:12px; }
    #aside .top_area { padding-top:40px; }
    #aside .top_area .btn_close { width:45px; height:45px; left:0; top:20px; }
    #aside .top_area .btn_admin { width:70px; height:28px; line-height:28px; font-size:10px; }
    #aside .menu_li li .idx { font-size:16px; padding-top:20px; padding-bottom:10px; height:48px;  font-weight:650;}
    #aside .menu_li li .submenu span { font-size:8px; height:36px; line-height:36px; }
    #aside .menu_li li .submenu span a { padding-left:10px; }

}




/* 470px */
@media(max-width:470px){
	#hd .head { height:100px; }
	#hd .head h1 { padding-top:25px; }
	#hd .head h1 img { width:200px; height:auto; }
	#hd .btn-menu, #hd .btn-home { width:40px; height:40px; }
	#hd .btn-menu { left:20px; }
	#hd .btn-home { right:20px; }

	#hd .head #nav { padding-top:60px; }
	#nav .btn-close { right:5px; top:5px; background-size:17px auto; }
	#nav .btn-tel { height:60px; line-height:60px; padding-left:25px; }
	#nav .btn-tel span { font-size:17px; }
	#hd .head #nav li a.idx { height:42px; line-height:42px; /*padding-left:25px;*/ font-size:16px; font-family: 'Noto Sans KR'; }
	#hd .head #nav li .submenu li { font-size:13px;  font-family: 'Noto Sans KR'; font-weight:300; }
	#hd .head #nav li .submenu li a { height:32px; line-height:32px; padding-left:15px; }
	
	#biz-field { padding:25px 15px; }
	#biz-field .list li { margin-bottom:10px; }
	#biz-field .list .ibox .img { position:absolute; left:0; top:0; height:100%; }
	#biz-field .list .ibox .info { padding:20px 15px; }
	#biz-field .list .ibox .info dl {margin-bottom:10px; }
	#biz-field .list .ibox .info dl dt { font-size:15px; }
	#biz-field .list .ibox .info dl dd { font-size:12px; }
	#biz-field .list .ibox .btn-more { font-size:11px; height:30px; line-height:30px; }

	#contact { padding:25px 15px; }
	#contact .ibox { padding:20px 15px; }
	#contact .ibox.notice .hd { padding-right:45px; margin-bottom:20px; }
	#contact .ibox .hd .text { font-size:12px; }
	#contact .ibox .hd .btn-more { top:10px; width:32px; height:32px; }
	#contact .ibox .list li { font-size:14px; }

	.quick-menu { }
	.quick-menu ul li { background-size:auto 100%; }
	.quick-menu ul li a { height:80px; }

	#ft { padding:25px 15px; }
	#ft .copyright, #ft address { font-size:11px; font-family: 'Noto Sans KR'; font-weight:300; }
	#ft .copyright { margin-bottom:10px; }


	/* contents */
	.sub-visual .inbx { }
	.sub-visual .t-bx { font-size:12px; line-height:1.35; font-family: 'Noto Sans KR'; opacity:0.95; }
	.sub-visual .t-bx .big { font-size:19px; font-weight:300; }
	.contents { padding:25px 15px 50px 15px; } 
	.contents .sub-hd { padding-left:10px; padding-bottom:10px; margin-bottom:30px; }
	.contents .sub-hd:after { left:10px; }
	.contents .sub-hd h3 { font-size:24px; line-height:1.3; }
	#tab-menu { margin-bottom:30px; }
	#tab-menu li { font-size:15px; font-family: 'Noto Sans KR'; font-weight:300; letter-spacing:-1px; }
	#tab-menu li span { height:40px; line-height:40px; }
	#content { }
}