/****************************************************************************************************************
1700px
*****************************************************************************************************************/
@media screen and (max-width: 1700px){
	/* main */
	#main .product .logoBx .logo img{ width:60%; }
}



/****************************************************************************************************************
1600px
*****************************************************************************************************************/
@media screen and (max-width: 1600px){
	/* common */
	.inner{ width:95%; margin:0 auto; }

	/* header */
	header .gnb{ margin-left:-100px; }

	/* footer */
	footer .info{ width:35%; }
	footer .foot_menu{ width:65%; }
}


/****************************************************************************************************************
1400px
*****************************************************************************************************************/
@media screen and (max-width: 1400px){
	/* header */
	header .gnb > li > a{ padding:0 15px; }

	/* main */
	#main .visual .slideArea .item3 .right_txt .txt br{ display:block; }
	#main .visual .prd_tab li{ width:25%; }
	#main .visual .prd_tab li:first-child{ float:none; clear:both; width:100%; border-bottom:1px solid rgba(255,255,255,.2); }
	#main .visual .prd_tab li:first-child a{ height:50px; }
	#main .visual .prd_tab li p{ font-size:18px; padding:20px 0; }
	#main .visual .prd_tab li p em{ font-size:12px; }
	#main .visual .prd_tab li:first-child p{ font-size:24px; }

	#main .product .prdBx > *,
	#main .about > .img,
	#main .about .txt,
	#main .contact > *{ float:none; width:100%; }
	#main .product .prdBx > .img,
	#main .about > .img{ height: auto !important; padding-top:40%; }
	
	#main .product .logoBx .logo{ text-align:center; }
	#main .product .logoBx .logo img{ width:80%; }

	.root_daum_roughmap_landing{ width:100% !important; }

	/* footer */
	footer .foot_menu > dl{ margin-right:0; width:16.66%; }

}

/****************************************************************************************************************
1200px
*****************************************************************************************************************/
@media screen and (max-width: 1200px){
	body{ overflow-x:hidden; }
	/* header */
	header .gnb,
	header .util .sch_form{ display:none; }
	header .util .lang{ margin-top:17px; }
	header .m_menu_btn{ display:block; }

	/* main */
	#main .visual .slideArea .item .left_txt .bigTxt,
	#main .visual .slideArea .item .left_txt .txt{ font-size:35px; padding-bottom:0px; }
	#main .visual .slideArea .item .left_txt .bigTxt:after,
	#main .visual .slideArea .item .inner:after{ display:none; }
	#main .visual .slideArea .item .left_txt .txt{ margin-top:20px; }
	#main .visual .slideArea .item .left_txt .txt strong{ font-size:50px; }
	#main .visual .slideArea .item .left_txt .txt strong.sm_txt{ font-size:45px; }
	#main .visual .slideArea .item .right_txt .tit{ font-size:35px; }
	#main .visual .slideArea .item .right_txt .txt{ margin-top:0; font-size:18px; }

	
	#main .product .prdBx .prdList{ padding:10% 0 8%; }
	#main .product .prdBx .prdList dl dt strong{ font-size:37px; }

	/* sub */
	.s_inner{ width:95%; }
	.gellery ul li{ width:calc(25% - 8px); margin:0 5px 10px; }

	#pop.down_pop .cont{ min-width:auto; width:100%; height:100%; }

	/* 인사말 */
	.greeting .grt_bx dd strong br,
	.greeting .grt_bx dd p br{ display:none; }
	
	.partner_box .box ul { gap:10px; }
	.partner_box .box ul > li { width:calc((100% - 20px) / 3);

	/* footer */
	footer .inner > *{ float:none; width:100% !important; }
	footer .info{ padding-top:20px; }
	footer .foot_menu{ margin-top:40px; }
	footer .top{ display:none; }
}


/****************************************************************************************************************
960px
*****************************************************************************************************************/
@media screen and (max-width: 960px){
	/* main */
	#main .visual .slideArea .item .left_txt,
	#main .visual .slideArea .item .right_txt{ float:left; width:100%; text-align:center; }	
	#main .visual .prd_tab { overflow-x:auto; }
	#main .visual .prd_tab ul{ width:920px; }
	#main .visual .prd_tab li{ width:230px; }
	#main .visual .prd_tab li:first-child{ display:none; }
	#main .visual .prd_tab li a{ height:110px; }
	#main .visual .prd_tab li p{ background-size:auto 50%; }
	#main .visual .prd_tab li:nth-child(2) p{ padding-left:45px; }
	#main .visual .prd_tab li:nth-child(3) p{ padding-left:43px; }
	#main .visual .prd_tab li:nth-child(4) p{ background-size:19% auto; padding-left:50px; }
	#main .visual .prd_tab li:nth-child(5) p{ background-size:21% auto; padding-left:65px; }
	#main .visual .pageNum{ top:auto; bottom:18%; text-align:center; }

	#main .product .prdBx > div{ height:auto; }

	/* sub */
	#lnb ul li a{ font-size:16px; height:50px; line-height:50px; }
	.gellery ul li{ width:calc(33.33% - 7px); }
	.gellery ul li:nth-child(4n+1){ margin-left:5px; }
	.gellery ul li:nth-child(4n){ margin-right:5px; }
	.gellery ul li:nth-child(3n+1){ margin-left:0px; }
	.gellery ul li:nth-child(3n){ margin-right:0px; }
	.gellery ul li .txt{ height:140px; }
	.gellery ul li .txt .tit{ font-size:18px; }
	.gellery ul li .txt .ex{ font-size:15px; }

	.prd_detail .detail_bx .detail_top > *{ float:none; width:100% !important; }
	.prd_detail .detail_bx .detail_top .detail_l{ text-align:center; }
	.prd_detail .detail_bx .detail_top .detail_r{ margin-top:40px; }
	.prd_detail .detail_bx .detail_top .detail_r .detail_tab span{ width:135px; }

	.list_s1 > *{ float:none; width:100% !important; }
	.list_s1 dd{ margin-top:50px; }

	/* 오시는길 */
	.location .loc_bx .contact{ padding-left:30px; }


	/* footer */
	footer .foot_logo img{ width:350px; }
}

/****************************************************************************************************************
767px
*****************************************************************************************************************/
@media screen and (max-width: 767px){
	/* header */
	header .util .lang{ width:100px; }

	/* main */
	#main .visual .slideArea .item{ height:100vh; }
	#main .visual .slideArea .item .left_txt .bigTxt, #main .visual .slideArea .item .left_txt .txt{ font-size:24px; } 
	#main .visual .slideArea .item .left_txt .txt strong{ font-size:35px; }
	#main .visual .slideArea .item .left_txt .txt strong.sm_txt{ font-size:30px; }
	#main .visual .slideArea .item .left_txt .txt span{ margin-top:12px; font-size:16px; }
	#main .visual .slideArea .item .right_txt .txt{ font-size:16px; }
	#main .visual .slideArea .item .right_txt .img{ margin-top:20px; }
	#main .visual .pageNum .current:after{ right:-10px; }

	#main .product .prdBx .prdList{ height:auto !important; }
	#main .product .prdBx .prdList .half{ float:none; width:100%; padding:0 5%; }
	#main .product .prdBx .prdList .half:nth-child(2){ margin-top:13%; }
	#main .product .prdBx .prdList:after{ display:none; }
	#main .product .prdBx .prdList dl dt{ font-size:16px; }
	#main .product .prdBx .prdAllList{ height:120px; }
	#main .product .prdBx .logoBx{ padding:0 10px !important; }
	#main .product .prdBx .logoBx div{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
	#main .product .prdBx .logoBx div > *{ position:static; transform:translateY(0); }
	#main .product .logoBx .logo img{ width:100%; }
	#main .product .prdBx .logoBx div .txt{ text-align:center; margin-top:10px; background-position:90% center; }

	#main .contact .txt,
	#main .about .txt{ height:auto; padding:10% 0 15%; display:block; }
	#main .about .txt > div{ width:95%; margin:0 auto; display:block; }
	#main .about .txt dl dt{ font-size:18px; }
	#main .about .txt dl dt strong{ font-size:25px; margin-top:15px; }
	#main .about .txt dl dd{ margin-top:20px; }
	#main .about .txt .btn{ margin-top:40px; }
	
	#main .contact .map .txtBx{ min-width:auto; width:100%; padding:7% 0 7% 8%; }
	#main .contact .txt > div{ display:block; width:95%; margin:0 auto; }
	#main .contact .txt ul li{ margin-bottom:15px; }
	#main .contact .txt .icon > div{ width:60px; height:60px; }
	#main .contact .txt .icon p{ font-size:14px; }
	#main .contact .txt .contact_t{ margin-left:20px; }
	#main .contact .txt .contact_t strong{ font-size:25px; }


	/* sub */
	#lnb{ display:none; }
	
	#sb .titgroup .dMenuWrap { position:relative; }
	#sb .titgroup .dMenuWrap > a{ display:block; background:#f7f7f7 url(/img/sub/dep_arrow.png) no-repeat 95% center; border:1px solid #ccc; box-sizing:border-box; height:50px; line-height:50px; font-weight:500; font-size:24px; color:#333; }
	#sb .titgroup .dMenu{  display:none; border:1px solid #ccc; background:#f7f7f7; border-top:none; position:absolute; top:50px; left:0; width:100%; z-index:10; box-sizing:border-box; }
	#sb .titgroup .dMenu li{ float:none; width:100% !important; }
	#sb .titgroup .dMenu li p{ margin-top:0; padding:0; }
	#sb .titgroup .dMenu li a{ border:none; display:block;  text-align:center; font-size:20px; padding:25px 10px; box-sizing:border-box; }
	#sb .titgroup .dMenu li.on a{ background:#f7f7f7; color:#666; font-weight:300; }

	.gellery ul li{ width:calc(50% - 5px); }
	.gellery ul li:nth-child(3n+1){ margin-left:5px; }
	.gellery ul li:nth-child(3n){ margin-right:5px; }
	.gellery ul li:nth-child(2n+1){ margin-left:0px; }
	.gellery ul li:nth-child(2n){ margin-right:0px; }

	/* 인사말 */
	.greeting .intro_bx{ height:240px; text-align:center; }
	.greeting .intro_bx > div > *{ padding-right:0; }
	.greeting .intro_bx .big{ font-size:30px; }
	.greeting .intro_bx .big span{ font-size:40px; }
	.greeting .intro_bx .big strong{ font-size:60px; }

	/* 연혁 */
	.history .history_list dl dd div{ padding:30px 0; }
	.history .history_list dl dd ul li{ margin-bottom:15px; }  
	
	/* 오시는길 */
	.location .loc_bx > *{ display:block; width:100% !important; margin-right:0; }
	.location .loc_bx .contact{ padding:0; margin-top:40px; }
	.location .loc_bx .contact dl{ margin-bottom:25px; }

	/* footer */
	footer .inner{ padding:0 0 40px; }
	footer .foot_menu{ display:none; }
	
}



/****************************************************************************************************************
640px
*****************************************************************************************************************/
@media screen and (max-width: 640px){
	/* main */
	#main .visual .slideArea .item .right_txt .img img{ width:40%; }
	#main .product .prdBx .prdList dl dt strong{ font-size:30px; }
	#main .product .prdBx .prdList dl dd{ margin-top:30px; }
	#main .about .txt dl dd p br{ display:none; }

	/* sub */
	#pop.down_pop .cont{ overflow:auto; }
	#pop.down_pop .form_bx input[type="text"]{ display:block; clear:both; width:100%; margin:0 0 5px; }

	/* business */
	.b_field { margin:-100px 0 -50px 0; text-align:center; }
	.b_field .imgbox.pc { display:none; }
	.b_field .imgbox.mobile { display:block; }

	.partner_box .box ul > li { width:calc((100% - 10px) / 2);
}

/****************************************************************************************************************
480px
*****************************************************************************************************************/
@media screen and (max-width: 480px){
	
	/* 연혁 */
	.history .history_list dl dd div > *{ float:none; width:100% !important; }
	.history .history_list dl dd .year{ margin-bottom:20px; }
}