@charset "utf-8";

/*헤더 메뉴*/
header.header{position:fixed; width:100%; top:0; left:0; background:transparent; transition:all 0.3s; z-index:11;}
header.header .header_wrap{max-width:1630px; width:100%; margin:0 auto; padding:0 15px; display:table;}
header.header .header_wrap > div{display:table-cell; vertical-align:middle;}
header.header .header_wrap > div.header_btn { text-align: right;}
header.header .header_wrap > div.header_logo{width:105px;}
header.header .header_wrap > div.header_logo .logo_b{display:none;}
header.header .header_wrap > div.header_menu{width:calc(100% - 185px); text-align:center; padding-right: 5%;}
header.header .header_wrap > div.header_menu .menu_ul{}
header.header .header_wrap > div.header_menu .menu_ul > li{display:inline-block; vertical-align:top; padding:0 33px;  position:relative;}

header.header .header_wrap > div.header_menu .menu_ul > li .sub-1div {position: absolute;top: 100px;left: 50%; transform: translateX(-50%);}

header.header .header_wrap .sub-1div .sub-1dul {width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:15px 0; min-width: 150px; padding:20px 0; background-color: #fff;}

header.header .header_wrap .sub-1div .sub-1dul a {font-size: 15px; color: #999; }
header.header .header_wrap .sub-1div .sub-1dul a:hover {color:#ed1c24}

header.header .header_wrap > div.header_menu .menu_ul > li > a{font-size:20px; color:#fff; font-weight:400; transition:all 0.3s; display:block; height:100px; line-height:100px;}
header.header .header_wrap > div.header_menu .menu_ul > li > a:hover{color:#fff;}
header.header .header_wrap > div.header_menu .menu_ul > li > a span{ position:relative;}
header.header .header_wrap > div.header_menu .menu_ul > li > a span::after{content:""; width:0; height:2px; background:#fff; position:absolute; bottom:-4px; left:50%;
transform-origin:center; transform:translateX(-50%); transition:all 0.3s;}
header.header .header_wrap > div.header_menu .menu_ul > li > a:hover span::after,
header.header.on .header_wrap > div.header_menu .menu_ul > li.active > a span::after{width:100%;}
header.header .header_wrap > div.header_menu .menu_ul > li > .sub-1div{display:none;}
header.header .header_btn > a{display:inline-block;}
header.header .header_btn > a.search_btn{width:24px; height:23px; position:relative; margin-right:25px;}
header.header .header_btn > a.search_btn span.circle{width:20px; height:20px; border:2px solid #fff; position:absolute; top:0; left:0; border-radius:50%; transition:all 0.3s;}
header.header .header_btn > a.search_btn span.line{width:2px; height:8px; background:#fff; position:absolute; right:3px; bottom:0; transform:rotate(-45deg); transition:all 0.3s;}
header.header .header_btn > a.all_btn{width:26px; height:22px; position:relative; z-index:5;}
header.header .header_btn > a.all_btn span{display:block; width:100%; height:2px; background:#fff; position:absolute; right:0; top:0; transition:all 0.3s;}
header.header .header_btn > a.all_btn span:nth-child(2){top:10px;}
header.header .header_btn > a.all_btn span:nth-child(3){top:20px;}
header.header .header_btn > a.all_btn.active span{transform:rotate(-45deg); top:9px;}
header.header .header_btn > a.all_btn.active span:nth-child(2){opacity:0; visibility:none; right:-100%; transform:rotate(0);}
header.header .header_btn > a.all_btn.active span:nth-child(3){transform:rotate(45deg); top:9px;}

/*헤더 검색바*/
header.header .search_drop{width:100%; position:absolute; top:80px; left:0; text-align:center; background:#fff; padding:30px 0; border-top:1px solid #e1e1e1;  opacity:0; visibility:hidden;
transition:all 0.3s;}
header.header .search_drop.active{opacity:1; visibility:visible;}
header.header .search_drop .header_search{width:600px; margin:0 auto; position:relative;}
header.header .search_drop .header_search input{width:100%; height:60px; border:0; border-bottom:1px solid #999999; font-size:20px; color:#111;
font-weight:300; padding:0 50px 0 5px;}
header.header .search_drop .header_search input::placeholder{color:#999;}
header.header .search_drop .header_search button{display:block; width:24px; height:23px; position:absolute; background:none; outline:none; border:0;
top:20px; right:15px;}
header.header .search_drop .header_search button span.circle{width:20px; height:20px; border:2px solid #111111; position:absolute; top:0; left:0; border-radius:50%;}
header.header .search_drop .header_search button span.line{width:2px; height:8px; background:#111111; position:absolute; right:3px; bottom:0; transform:rotate(-45deg);}
header.header .search_drop .search_close{display:block; width:26px; height:22px; position:absolute; right:-40px; top:20px;}
header.header .search_drop .search_close span{display:block; width:100%; height:2px; background:#000000; position:absolute; right:0; top:0; transition:all 0.3s;
transform:rotate(-45deg); top:10px;}
header.header .search_drop .search_close span:nth-child(2){transform:rotate(45deg);}


/*헤더 전체메뉴*/
header.header .all_menu{width:100%; position:absolute; top:100px; left:0; background:#fff; border-top:1px solid #ebebeb; padding:0px 0 30px; height:275px; opacity:0; visibility:hidden;
transition:all 0.3s; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.13);}
header.header .all_menu.active{opacity:1; visibility:visible;}
header.header .all_menu .container_fix{width:1630px; max-width:100%; margin:0 auto; padding:0 15px; display:table; }
header.header .all_menu .container_fix > div{display:table-cell; vertical-align:middle; padding-right: 5%;}
header.header .all_menu .container_fix > div.header_btn{opacity:0; visibility:hidden; width: 26px;}
header.header .all_menu .container_fix > div.fake_logo{width:181px; opacity:0; visibility:hidden;}
header.header .all_menu .all_menu_box{width:calc(100% - 138px); text-align:center;}
header.header .all_menu .all_ul > li{display:inline-block; vertical-align:top; padding:0 33px; position:relative;}
header.header .all_menu .all_ul > li > a{font-size:20px; color:#fff; font-weight:500; transition:all 0.3s; display:block; opacity:0; visibility:hidden;}
header.header .all_menu .all_ul > li:hover > a{color:#fff;}
header.header .all_menu .all_ul > li > .all_sub_div{text-align:left; position:absolute;}
header.header .all_menu .all_ul > li > .all_sub_div > ul{}
header.header .all_menu .all_ul > li > .all_sub_div > ul > li{margin-bottom:25px;}
header.header .all_menu .all_ul > li > .all_sub_div > ul > li:last-child{margin-bottom:0;}
header.header .all_menu .all_ul > li > .all_sub_div > ul > li > a{display:inline-block; font-size:16px; color:#666666; white-space:nowrap;}
header.header .all_menu .all_ul > li > .all_sub_div > ul > li > a:hover{color:#ed1c24; font-weight: 800;}
header.header .all_menu .all_ul > li > .all_sub_div > ul > li > a > span{position:relative;}

header.header .all_menu .all_ul > li > .all_sub_div > ul > li > a:hover > span::after{width:100%;}


@media (max-width:1280px) {
    header.header .header_wrap .header_logo {width: 145px;}
    header.header .header_wrap .header_logo img {height: 45px;}
}

@media (max-width:991px){
	header.header{padding:0px 0;}
	header.header .header_wrap{width:100%; display:flex; justify-content:space-between; align-items: center; /* padding:0 30px; */}
	header.header .header_wrap > div.header_logo{width:auto;}
    header.header .header_wrap .header_logo a {line-height: 70px;}
    header.header .header_wrap > div.header_logo img {width: 117px; height: auto;}
	header.header .header_wrap > div.header_menu{display:none;}
	header.header .header_wrap > div.header_btn{width:auto; white-space:inherit;}

	header.header .all_menu{position:fixed; top:68px; height:calc(100% - 68px); padding:50px 0;}
	header.header .all_menu .container_fix{display:block; /* padding:0 30px; */}
	header.header .all_menu .container_fix > div{display:block;}
	header.header .all_menu .container_fix > div.header_btn{display:none;}
	header.header .all_menu .container_fix > div.fake_logo{display:none;}
	header.header .all_menu .all_menu_box{width:100%;}
	header.header .all_menu .all_ul > li{padding:0 0px; display:block;}
	header.header .all_menu .all_ul > li > a{font-size:20px; opacity:1; color:#222; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ebebeb;
	text-align:left; font-weight: 400;}
	header.header .all_menu.active .all_ul > li > a{visibility:visible;}
	header.header .all_menu .all_ul > li:hover > a{color:#ed1c24;}
	header.header .all_menu .all_ul > li > a .arrow{display:block; width:10px; height:7px; position:absolute; right:4px; top:7px; transition:all 0.4s;}
	header.header .all_menu .all_ul > li > a .arrow::before{content:""; width:1px; height:10px; background:#666; position:absolute; left:1px; bottom:0;
	transform:rotate(-45deg);}
	header.header .all_menu .all_ul > li > a .arrow::after{content:""; width:1px; height:10px; background:#666; position:absolute; right:1px; bottom:0;
	transform:rotate(45deg);}
	header.header .all_menu .all_ul > li > a.active .arrow{transform:rotate(180deg);}
	header.header .all_menu .all_ul > li > .all_sub_div{margin-bottom:20px; position:relative; display:none;}
	header.header .all_menu .all_ul > li > a.active + .all_sub_div{display:block;}
	header.header .all_menu .all_ul > li > .all_sub_div > ul > li{margin-bottom:20px;}
	header.header .all_menu .all_ul > li > .all_sub_div > ul > li > a{display:block; font-size:16px;}
	header.header .all_menu .all_ul > li > .all_sub_div > ul > li > a > span::after{bottom:-2px;}	
}
@media (max-width:768px){
    header.header .header_wrap .header_logo a {line-height: 50px;}
	header.header .all_menu{top:50px; height:calc(100% - 50px);}
}
@media (max-width:480px){
	header.header .header_btn > a.search_btn{width:20px; height:19px; margin-right:10px;}
	header.header .header_btn > a.search_btn span.circle{width:16px; height:16px; border:1px solid #fff;}
	header.header .header_btn > a.search_btn span.line{width:1px; height:6px; right:4px;}
	header.header .header_btn > a.all_btn{width:22px; height:18px; top: 2px;}
	header.header .header_btn > a.all_btn span{height:1px;}
	header.header .header_btn > a.all_btn span:nth-child(2){top:8px;}
	header.header .header_btn > a.all_btn span:nth-child(3){top:16px;}


    header.header .all_menu .all_ul > li > .all_sub_div > ul > li > a:hover  {font-weight: 700;}
	
	header.header .all_menu{top:50px; height:calc(100% - 50px);}
	header.header .all_menu .all_ul > li > a{font-size:16px; padding-bottom:15px; margin-bottom:15px;}
	header.header .all_menu .all_ul > li > a .arrow{right:4px; top:7px}
	header.header .all_menu .all_ul > li > a.active .arrow{top:5px;}
	header.header .all_menu .all_ul > li > .all_sub_div{margin-bottom:50px;}
	header.header .all_menu .all_ul > li > .all_sub_div > ul > li{padding-left: 12.5px; margin-bottom:15px;}
	header.header .all_menu .all_ul > li > .all_sub_div > ul > li > a{font-size:14px;}
	header.header .all_menu .all_ul > li > .all_sub_div > ul > li > a > span::after{bottom:-2px;}	
}


/*헤더 on시 클래스*/
header.header.on, header.header.fixed{background:#fff;}
header.header.on .header_wrap > div.header_logo .logo_w, header.header.fixed .header_wrap > div.header_logo .logo_w{display:none;}
header.header.on .header_wrap > div.header_logo .logo_b, header.header.fixed .header_wrap > div.header_logo .logo_b{display:block;}
header.header.on .header_wrap > div.header_menu .menu_ul > li > a, header.header.fixed .header_wrap > div.header_menu .menu_ul > li > a{color:#222;}
header.header.on .header_wrap > div.header_menu .menu_ul > li > a:hover, header.header.fixed .header_wrap > div.header_menu .menu_ul > li > a:hover,
header.header.on .header_wrap > div.header_menu .menu_ul > li.active > a{color:#ed1c24;}
header.header.on .header_wrap > div.header_menu .menu_ul > li > a span::after, header.header.fixed .header_wrap > div.header_menu .menu_ul > li > a span::after{background:#ed1c24;}
header.header.on .header_btn > a.search_btn span.circle, header.header.fixed .header_btn > a.search_btn span.circle{border-color:#111111; }
header.header.on .header_btn > a.search_btn span.line, header.header.fixed .header_btn > a.search_btn span.line{background:#111111;}
header.header.on .header_btn > a.all_btn span, header.header.fixed .header_btn > a.all_btn span{background:#111111;}