@charset "UTF-8";

@media all and (max-width: 1800px){
	#header .logo_wrap { width: auto; }
	#header .hd_inner {width: 100%; padding: 0 20px;}
	#header nav .gnb {margin-right: 50px;}
	.all_menu .all_sub {padding: 40px 100px;}
	.all_menu .close{right: 50px;}
}	

@media all and (max-width: 1500px){
.allmenu_bg {
  width: 100%;height: 0; padding-top: 8.25%; 
  background-image: url(../images/head_full.png);
  background-size: cover;     /* 화면 꽉 채움 */
  background-position: center;
  background-repeat: no-repeat;
}
}

@media all and (max-width: 1440px){
	#header h1 {width: 165px; background-size: contain;}
	#header nav {gap: 20px;}
	#header nav .gnb {margin-right: 20px;}
	#header nav .gnb > li {margin-right: 30px;}
	#header nav .gnb > li > a {font-size: 16px;}
	#header nav .link_box {gap: 5px;}
	#header nav .social {gap: 5px;}
	#header nav .submenu {width: 250px;}
	#header nav .submenu li a { padding: 10px 0; font-size: 15px;}

}

@media all and (max-width: 1024px){
	#header nav .gnb.mb_hd { display: none; }
	#header nav .submenu { position: static; left: 0; width: 100%; padding: 5px 0 15px; border: 0; text-align: left; box-shadow: none; transform: inherit; }
	#header nav .submenu:before { display: none; }
	#header nav .submenu li a { font-size: 14px; }
	#header.on nav h2{ display: none; }
	#header.on .hc_bg { display: inline-block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index:9998; background: #333; transition: all 0.5s;}
	
	.all_menu .all_mcon > a { font-size: 20px; }
	.all_menu .all_mcon ul { width: calc(100% - 150px); }
	.all_menu .all_mcon ul li a { font-size: 16px; }
	.all_menu h2 { top: 60%; left: -6%; font-size: 40px; line-height: 3rem; }
	.all_menu .close {top: 120px; right: 35px;}
	.all_menu .allmenu_cont { width: 100%;  }
	.all_menu .all_sub {padding: 0px 30px;}

	.cont h5 {font-size: 43px; line-height: 40px;}
	.cont h5 span {font-size: 30px;}
	.cont .cont_inner p.tit {font-size: 24px !important;}
	.h6_title {font-size: 20px; line-height: 20px; padding-top: 25px; padding-left: 50px;}
	.h6_title:before {width: 20px; height: 20px; left: 10px;}
}

@media all and (max-width: 768px){
	#header .hd_inner {padding: 0 10px;}
	#header nav {gap: 10px;}

	#header h1 {width: 130px;}
	#header .nav_wrap > p { display: none; }
	#header .hd_main { height: 70px; }
	#header .hd_main::after { display: none; }
	#header nav .social {justify-content: flex-end; width: auto; height: auto;}
	#header nav .social li {width: 25px; height: 25px;}
	#header nav .social li:nth-child(1) span {width: 40%; background-size: contain; background-repeat: no-repeat; background-position: center;}
	#header nav .social li:nth-child(2) span {width: 25%; background-size: contain; background-repeat: no-repeat; background-position: center;}
	#header nav .social li:nth-child(3) span {width: 45%; background-size: contain; background-repeat: no-repeat; background-position: center;}
	#header nav .social li:nth-child(4) span {width: 40%; background-size: contain; background-repeat: no-repeat; background-position: center;}

	.all_menu .allmenu_cont img {float: left; width: 130px;}
	.all_menu .all_sub {padding: 0 10px;}
	.all_menu .all_mcon {padding: 30px 15px; align-items: flex-start;  flex-direction: column; gap: 20px;}
	.all_menu .all_mcon ul {width: 100%;}
	.all_menu .all_mcon ul li {padding: 0;}
	.all_menu .all_mcon ul li a {padding: 0 25px 5px 0; font-size: 15px;}
	.all_menu .all_mcon > a {font-size: 18px;}
	.all_menu .close {top: 90px;right: 20px;}

	.cont h5 {font-size: 36px; line-height: 34px;}
	.cont h5 span {font-size: 24px;}
	.cont .cont_inner p.tit {font-size: 20px !important; margin-bottom: 20px;}
	.h6_title {font-size: 18px; line-height: 18px; padding-top: 10px; padding-left: 25px; padding-bottom: 10px; margin-bottom: 40px;}
	.h6_title:before { width: 10px; height: 10px; top: 13px; left: 5px;}
}

@media all and (max-width: 480px){
	#header h1 {width: 100px;}
	#header nav .hg_btn { width: 40px; height: 40px; }
	#header nav .lang { width: 40px; height: 40px; }
	#header nav .lang span {display: none;}    
	.allmenu_bg {background-image: url(../images/head_full_480.png);padding-top: 14.25%;}
	.all_menu .allmenu_cont img {width: 100px;}
	.all_menu .all_mcon {padding: 20px 15px;}
	.cont h5 {font-size: 26px; line-height: 24px;}
	.cont h5 span {font-size: 18px;}
	.h6_title {font-size: 15px; line-height: 15px;}
}

@media all and (max-width: 360px){
	#header nav .hg_btn { width: 30px; height: 30px; }
	#header nav .lang { width: 30px; height: 30px; }
	#header nav .lang p {font-size: 8px;}
	#header nav h2 {width: 12px; height: 9px;}
	.all_menu .close {top: 70px;}
}