/******** Korea Layout Responsive 2024 *********/



/* 반응형 */
@media (max-width : 1450px){
	/* 헤더 */
	#header_wrap .header, .OB_nav_bg{width:100%; padding: 0 50px;}
    #location_wrap .grab_wr .grab {padding: 0 50px;}

	.container{margin-top: 0}
	#sub_wrap #container{width:100%; padding: 60px 50px;}
    #sub_wrap .footer .grab {padding: 0 50px;}

	#all_menu .pc_menu{max-width: 100%;  padding: 60px;}
}


@media (max-width : 1200px){
	/* 헤더 */
	.OB_nav {right: 100px;}
	.OB_nav>li>a {padding: 7px 25px;}
	 #location_wrap, #location_wrap .grab_wr, #location_wrap .grab_wr .grab { width: 100%;}
	
	.sub_left_nav_wr{width:220px;}
	.content_body{ width: calc(100% - 220px); padding-left: 50px;}
	.content_body .con_tit_nav h3{font-size: 30px;}
	
	#header_wrap .header{height:70px;}
	#header_wrap .header h1>a{height:auto;}
	.nav_depth{    top: 60px !important;}
	.nav>li>a .line{bottom:-11px;}
	
	#location_wrap,
	#location_wrap .grab_wr,
	#location_wrap .grab_wr .grab{width:100%;}
	#location_wrap .grab_wr .grab .location{max-width:calc(100% - 150px); min-width:calc(100% - 150px);}
	#location_wrap .grab_wr .grab .location .dropdown > a{min-width:150px; max-width:150px;}
	#location_wrap .grab_wr .grab .location .dropdown > a span{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
		
	/* 하단 탑 버튼 */
	#cntTop{font-size:16px; width:40px; height:40px; right:15px; bottom:15px;}
}



@media (max-width : 1000px){
	/* 헤더 */
	.OB_nav{display: none;}
	
	#sub_wrap .footer .grab{padding: 0}
	
	#all_menu .all_menu_list{margin-top: 50px;}
	#all_menu .all_menu_list .menu_list {width: calc(100% / 3);}
	
/* 	.pc_gnb_toggle{display:none !important;} */
/* 	.mobile_gnb_toggle{display:inline-block !important;} */
	
	
	
	.panel-group{margin-bottom: 0;}
	
	/* 	푸터 */
	.footer,
	.footer .grab,
	.footer .grab .footer_top{padding:0;}
	.footer .grab .footer_top,
	.footer .grab .footer_bottom,
	.footer .grab .footer_top .link{flex-direction: column;}
	.footer .grab .footer_top .link,
	.footer .grab .footer_top .link a{width:100%;}
	.footer .grab .footer_top .link a{display:block; padding:10px !important; text-align:center; border-bottom: 1px solid #ddd;}
	.footer .grab .footer_top .link a:last-child{border-top:0;}
	.footer .grab .footer_top .link a:before{display:none;}
	.footer .grab .footer_top .site_link{padding:10px 15px;}
	.footer .grab .footer_bottom{padding:10px 50px 0 50px;}
	.footer .grab .footer_bottom .mark{margin-top:10px;}
	.footer .grab .footer_bottom .address_wr{text-align:center; padding:0;}
}


@media (max-width : 940px){
	#header_wrap .header, .OB_nav_bg{padding: 0 30px;}
/* 	#header_wrap .header .header_btn .mobile_gnb_toggle, #mobile_nav, .mobile_link{display:block;} */
/* 	#header_wrap .OB_header .header_btn .mobile_gnb_toggle{margin-left: 20px;} */
/* 	#mobile_nav{display: block;} */
	
	
	
	#sub_wrap #container{padding: 50px 30px;}
	.sub_left_nav_wr{display: none;}
	.content_body{width: 100%; padding-left: 0}
	.content_body .con_tit_nav h3{font-size: 25px;}
	
	.OB_h3_title{font-size: 18px;}
	
	
	.footer{margin-top: 60px;}
	
	.header_btn .menu a{color:#222;} 
	.header_btn .menu a:active{text-decoration:underline;}
	
	.header_btn .menu .menu{display:inline-block; float:right; margin-top:10px}
	.header_btn .menu .menu a{color:#00a13b !important; font-size: 1.8rem;}
	
	#location_wrap .grab_wr .grab{padding: 0 30px;}
	#location_wrap .grab_wr .grab .sns_box a.print{display:none;}
	
	#location_wrap .grab_wr .grab .location{max-width:calc(100% - 120px); min-width:calc(100% - 120px);}
	#location_wrap .grab_wr .grab .location .dropdown > a{min-width:130px; max-width:130px; padding: 5px 10px; gap:0 10px;}
	
}

@media (max-width : 720px){
	#header_wrap .header, .OB_nav_bg{padding: 0 15px;}
	
	#sub_wrap #container{width:100%; padding: 30px 15px;}
	
	#all_menu .pc_menu{padding: 30px;}
    #all_menu .all_menu_list .menu_list {width: calc(100% / 2); border-right: 0; height: auto;   margin-bottom: 20px;}
	#all_menu .all_menu_list .menu_list_tit{font-size: 18px; padding: 10px;}
	#all_menu .all_menu_list .all_list_dept a{padding: 5px 10px;; font-size: 15px;}
	
	#location_wrap .grab_wr .grab{padding: 0 20px 0 0;}
	#location_wrap .grab_wr .grab .location .home{display:none;}
	#location_wrap .grab_wr .grab .sns_box a{height:25px; width:25px; font-size:14px;}
	
	#location_wrap .grab_wr .grab .location{max-width:calc(100% - 80px); min-width:calc(100% - 80px);}
	#location_wrap .grab_wr .grab .location .dropdown > a{min-width:100%;; max-width:100%; width:100%;}
	#location_wrap .grab_wr .grab .location .dropdown{width: calc(100% / 3); min-width: calc(100% / 3); max-width:calc(100% / 3);}
	#location_wrap .grab_wr .grab .location .dropdown:nth-child(5){display:none;}
	
	
	/* 하단 평가 */
	.satisfaction .title{margin:0; display:block;}
	.satisfaction .satisfaction_star{flex-direction: column;     align-items: start;}
	.satisfaction .satisfaction_star .title{width:100%;}
	.satisfaction .satisfaction_star .star{flex-wrap:wrap; margin: 10px 0;}
	.satisfaction .satisfaction_star .btn{    position: initial; right:auto;width: 100%; display: block;}
	
	/* 	푸터 */
    .footer {margin-top: 30px;}
	.footer .grab .footer_top .site_link,
	.footer .grab .footer_top .site_link .select .dropdown-toggle{width:100%;}
	.footer .grab .footer_bottom{padding:10px 20px 30px 20px;}
	
	.footer .grab .footer_top .link a,
	.footer .grab .footer_bottom .address_wr{font-size:14px;}
	.footer .grab .footer_top .site_link .select .dropdown-toggle{font-size:13px;}
	
	/* 하단 탑 버튼 */
	#cntTop{font-size:15px; width:35px; height:35px; right:10px; bottom:10px;}
}


@media (max-width : 540px){
	.footer .grab .footer_top .link a,
	.footer .grab .footer_bottom .address_wr{font-size:14px;}
	
	#header_wrap .header .header_btn .mobile_gnb_toggle,
	#header_wrap .header .header_btn .pc_gnb_toggle{margin-left:10px;}
	
	#header_wrap .header{height:60px;}
	#header_wrap .OB_header h1 img{width:125px !important;}
	#header_wrap .header .header_btn>a{font-size:1.5em;}
	#header_wrap .header .header_btn .mobile_gnb_toggle,
	#header_wrap .header .header_btn .pc_gnb_toggle{width:20px;}
	#header_wrap .header .header_btn .mobile_gnb_toggle .icon-bar,
	 #header_wrap .header .header_btn .pc_gnb_toggle .icon-bar{margin-top:5px;}
	
	#location_wrap .grab_wr .grab{padding: 0;}
	
	#location_wrap .grab_wr .grab .sns_box{display:none;}
	#location_wrap .grab_wr .grab .location{width:100%; max-width:100%; min-width:100%;}
	#location_wrap .grab_wr .grab .location .dropdown > a{gap:0 5px;}
	#location_wrap .grab_wr .grab .location .dropdown:nth-child(4) > a{border-right:0;}
	
}



@media (max-width : 400px){
	.all_menu_tit {width: 60%;}
	#all_menu .all_menu_list{margin-top: 20px;}
	#all_menu .all_menu_list .menu_list{width: 100%; padding:0;}
	#all_menu .all_menu_tit_wr .all_menu_close a {width: 40px; height: 40px;}
}