/*** 공통 시작 ***/
.inner{width: 100%; height: 100%; max-width: 1914px; padding: 0px 82px; margin: 0 auto;}
body.body_hidden{overflow:hidden;}

	/*#contents{margin-top:136px;}*/

    /* 미디어쿼리 시작 */
    @media (max-width: 1919px){
        .inner{padding: 0 60px; max-width: 100%;}
    }
    @media (max-width: 1600px){
        .inner{padding: 0 50px;}
    }
    @media (max-width: 1480px){
        .inner{padding: 0 40px;}
    }
    @media (max-width: 1024px){
        .inner{padding: 0 30px;}
    }
    @media (max-width: 768px){
        .inner{padding: 0 20px;}
    }
    @media (max-width: 425px){
        .inner{padding: 0 15px;}
    }
    /*
    @media (max-width: 1700px){
        .inner{padding: 0 50px; max-width: 100%;}
    }
    @media (max-width: 1420px){
        #contents {margin-top: 127px;}
    }
    @media (max-width: 1370px){
        #contents {margin-top: 111px;}
    }
    @media (max-width: 1024px){
		.inner{padding: 0 40px;}
    }
    @media (max-width: 768px){
		.inner{padding: 0 30px;}
        #contents {margin-top: 101px;}
    }
    @media (max-width: 525px){
        #contents {margin-top: 65px;}
    }
    @media (max-width: 500px){
        .inner{padding: 0 15px;}
    }
    */
    /* 미디어쿼리 끝 */

/*** 공통 끝 ***/


/* 헤더 시작 */
#header{position: fixed; top: 0; left: 0; width: 100%;  z-index: 1000; /*헤더 숨김처리 참고*/ transition: all 800ms; transition-delay:0s; overflow-x: clip;}
#header.hide{transform: translateY(-137px); transition-delay:0.1s;}
#header .top_field{width:100%; height:45px; background-color:black;}
#header .top_field .inner{display:flex; align-items:center; justify-content:flex-end;}
#header .top_field .in_menu{display:inline-flex;}
#header .top_field .in_menu > li{padding:0 20px; position:relative;}
#header .top_field .in_menu > li:before{
	content: '';
    display: block;
    width: 1px;
    height: 9px;
    position: absolute;
	top: 50%;
    left: 0;
    transform: translate(0, -50%);
	background-color:#424242;
}
#header .top_field .in_menu > li:first-child:before{display:none;}
#header .top_field .in_menu > li > a{font-size:1.5rem; color:#c0c0c0; font-weight:300; letter-spacing:-0.025rem;}
#header .top_field .in_menu > li.fb > a{color:white; font-weight:500;}
#header .top_field .in_menu > li.btn_login{padding-left:24px; padding-right:14px;}
#header .top_field .in_menu > li.btn_login:before{
	content: '';
    display: block;
    position:absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 15px;
    height: 14px;
    background: url(../images/layout/icon_login.svg) center;
    background-size: 15px 14px;
}
#header .top_field .in_menu > li.btn_login:after{
	content: '';
    display: block;
    position:absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 3px;
    height: 3px;
    background-color:#424242;
}
#header .top_field .in_menu > li.btn_join{padding-left:12px;}
#header .top_field .in_menu > li.btn_join:before{display:none;}
#header .top_field .in_menu > li.btn_reserve{padding-right:22px;}
#header .top_field .in_menu > li.btn_reserve > a{color:#ed3d89; font-weight:700;}
#header .top_field .in_menu > li.btn_reserve:after{
	content: '';
    display: block;
    position:absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 14px;
    height: 14px;
    background: url(../images/layout/icon_moviechair.svg) center;
    background-size: 14px 14px;
}
#header .gnb{width:100%; height:92px; /*background-color:rgba(0,0,0,0.1); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);*/}
#header .gnb .inner .wrap{width: 100%; height: 100%; display:flex; align-items:center; justify-content:space-between;}
#header .gnb .h_logo{width:263px; height:42px; background: url(../images/layout/header_logo.svg) center no-repeat; background-size:contain;}
#header .gnb .h_logo > a{display:inline-block; width:100%; height:100%;}
#header .gnb .nav_wrap{height: 100%; width: calc(100% - 308px); text-align: center; transition:none;}
#header .gnb .nav_wrap .mobile_only{display:none;}
#header .gnb .nav{display:inline-flex; height:100%;}
#header .gnb .nav > .nav_in > li{position:relative; display:inline-flex; align-items: center; height: 100%;}
/*
#header .gnb .nav > .nav_in > li:first-child{padding-left:0;}
#header .gnb .nav > .nav_in > li:last-child{padding-right:0;}
*/
#header .gnb .nav > .nav_in > li:before {
    content: "";
    width: 0%;
    height: 2px;
    background-color: #ed3d89;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all ease .8s;
    z-index: 10000;
}
#header .gnb .nav > .nav_in > li:hover:before {width:100%;}
#header .gnb .nav > .nav_in > li > a{font-size:2.0rem; font-weight:500; color:white; padding:0 41px; margin:0 10px; display:inline-flex; width:100%; height:100%; justify-content: center; align-items: center; transition:color ease 0.3s;}
#header .gnb .nav .m_sitemap_btn{display:none; width: 100%; border: 1px #e0e0e0 solid; margin: 10px 15px 20px 15px; font-size: 2rem; line-height: 1;}
#header .gnb .nav .m_sitemap_btn a{display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 19px 18px 18px 18px;}
#header .gnb .nav .m_sitemap_btn a > i{font-size: 28px; line-height: 1; margin-right: 7px; color: #a99578;}
#header .gnb .lnb{position:absolute; top:92px; left:50%; transform: translate(-50%, 0); background-color:rgba(33, 33, 33); mix-blend-mode: multiply; padding:0 15px; display:inline-flex; align-items:center; box-shadow: 0px 3px 8px hsl(0deg 0% 0% / 20%); opacity:0; visibility: hidden; transition: all 0.4s ease-out; transition-property: opacity, visibility; transition-delay:0.1s;}
#header .gnb .lnb > li{width:100%; height:100%;}
#header .gnb .lnb > li > a{position:relative; display:inline-block; padding: 19px 20px 19px 20px; font-size:1.6rem; color:white; font-weight:400; white-space: nowrap;}
#header .gnb .lnb > li > a.orange{color: #fd68a8; font-weight: 700;}
#header .gnb .lnb > li > a:before{
    content: '';
    display: block;
    width: 1px;
    height: 9px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-color: #424242;
}
#header .gnb .lnb > li > a:hover{color: #60e8ff;}
#header .gnb .lnb > li:first-child{padding-left:0;}
#header .gnb .lnb > li:first-child > a:before{display:none;}
#header .gnb .lnb > li:last-child{padding-right:0;}
#header .gnb .lnb > li .icon_position{position: relative; bottom: -1px; margin-left:2px;}
#header .gnb .nav > .nav_in > li .lnb {
  pointer-events: none; /* 기본적으로 마우스 이벤트 차단 */
}

#header .gnb .nav > .nav_in > li:hover .lnb {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; /* 보일 때만 클릭 가능하게 */
}

#header .gnb .etc_menu{display:inline-block;}
#header .gnb .etc_menu > .em_in{display: inline-flex; align-items: center;}
#header .gnb .etc_menu > .em_in > li{padding:0 11px;}
#header .gnb .etc_menu > .em_in > li:first-child{padding-left:0;}
#header .gnb .etc_menu > .em_in > li:last-child{padding-right:0;}
#header .gnb .etc_menu > .em_in .btn_research{display:inline-block; width:25px; height:24px; background: url(../images/layout/icon_reserch.svg) center; background-size: 25px 24px;}
#header .gnb .etc_menu > .em_in .btn_sitemap{display:inline-block; width:24px; height:18px; position:relative;}
#header .gnb .etc_menu > .em_in .btn_sitemap span.icon_plus{position: absolute; top: 50%; left:0; transform:translate(0, -50%); font-size:0; line-height:0; display:inline-block; margin:0 auto; width:24px; height:2px; background:white; transition:all 0.3s ease;}
#header .gnb .etc_menu > .em_in .btn_sitemap span.icon_plus:after, #header .gnb .etc_menu > .em_in .btn_sitemap span.icon_plus:before {position:absolute; display:block; height:2px; background:white;}
#header .gnb .etc_menu > .em_in .btn_sitemap span.icon_plus:before {width:15px; left:0; top:8px; transition: all 0.2s ease; content:'';} 
#header .gnb .etc_menu > .em_in .btn_sitemap span.icon_plus:after {width:13px; right:0; top:-8px; transition: all 0.3s ease; content:''; }
#header .gnb .etc_menu > .em_in .btn_sitemap:hover span.icon_plus:before {width:100%;} 
#header .gnb .etc_menu > .em_in .btn_sitemap:hover span.icon_plus:after {width:100%;}
#header .gnb .etc_menu_mobile{display:none;}
#header .gnb .etc_menu_mobile > .em_in{display:inline-flex;}
#header .gnb .etc_menu_mobile > .em_in > li{display:inline-flex; align-items: center; justify-content: center; width:60px; height:60px; border-right:1px rgb(255 255 255 / 20%) solid;}
#header .gnb .etc_menu_mobile > .em_in > li:first-child{border-left:1px rgb(255 255 255 / 20%) solid;}
#header .gnb .etc_menu_mobile > .em_in > li:last-child{border-right:none;}
#header .gnb .etc_menu_mobile > .em_in .btn_mobilemap{display:inline-block; width:100%; height:100%; position:relative;}
#header .gnb .etc_menu_mobile > .em_in .btn_mobilemap span.icon_plus{position: absolute; top: 50%; left:50%; transform:translate(-50%, -50%); font-size:0; line-height:0; display:inline-block; margin:0 auto; width:24px; height:2px; background:white; transition:all 0.3s ease;}
#header .gnb .etc_menu_mobile > .em_in .btn_mobilemap span.icon_plus:after, #header .gnb .etc_menu_mobile > .em_in .btn_mobilemap span.icon_plus:before {position:absolute; display:block; height:2px; background:white;}
#header .gnb .etc_menu_mobile > .em_in .btn_mobilemap span.icon_plus:before {width:15px; left:0; top:7px; transition: all 0.2s ease; content:'';} 
#header .gnb .etc_menu_mobile > .em_in .btn_mobilemap span.icon_plus:after {width:13px; right:0; top:-7px; transition: all 0.3s ease; content:''; }
#header .gnb .etc_menu_mobile > .em_in .btn_mypage{color:white; width:100%; height: 100%;}
#header .gnb .etc_menu_mobile > .em_in .btn_mypage > i{font-size: 28px; margin-top: 4px;}
#header.search_m .mask {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.75;
    transition: all 0.3s linear;
}
#header .gnb .etc_menu_mobile > .em_in .btn_msearch img{width: 22px; height: 23px; filter: invert(97%) sepia(62%) saturate(2%) hue-rotate(33deg) brightness(109%) contrast(100%); margin-top: 1px;}



    /* 미디어쿼리 시작 */
    @media (max-width: 1600px){
		#header .gnb .lnb.long{left: calc(50% - 60px);}
        #header .gnb .lnb.long2{left: calc(50% - 25px);}
    }
    @media (max-width: 1480px){
    	#header .top_field{height:45px;}
    	#header .gnb{height:83px;}
    	#header .gnb .h_logo{width:237px; height:38px;}
    	#header .gnb .nav > .nav_in > li > a{font-size: 1.8rem; padding: 0 30px;}
    	#header .gnb .lnb{top:83px;}
    	#header .gnb .lnb > li > a{font-size:1.5rem;}
		#header .gnb .lnb.long{left: calc(50% - 70px);}
        #header .gnb .lnb.long2{left: calc(50% - 15px);}
	}
    @media (max-width: 1400px){
    	#header .gnb .nav > .nav_in > li > a{padding: 0 20px;}
    	#header .gnb .lnb.long2{left: calc(50% - 10px);}
    	#header .gnb .lnb > li > a{padding: 19px 15px 19px 15px;}
	}
	 @media (max-width: 1280px){
	 	/*#header .top_field{display:none;}*/
	}
	@media (min-width:1151px){
		#header .gnb .nav > .nav_in > li > a{padding-top:6px;}
		#header .gnb .etc_menu {display: inline-block; padding-top: 6px;}
		#header.white{background-color: rgb(255 255 255 / 90%); backdrop-filter: blur(10px); box-shadow: 0 7px 7px 0px hsl(227.6deg 18.33% 69.33% / 10%);}
		#header.white .gnb .h_logo{background: url(../images/layout/header_logo_black.svg) center no-repeat; background-size: contain;}
		#header.white .gnb .nav > .nav_in > li > a{color:black;}
		#header.white .gnb .etc_menu > .em_in .btn_research{background: url(../images/layout/icon_reserch_black.svg) center; background-size: 25px 24px;}
		#header.white .gnb .etc_menu > .em_in .btn_sitemap span.icon_plus:after, #header.white .gnb .etc_menu > .em_in .btn_sitemap span.icon_plus:before {background: black;}
		#header.white .gnb .etc_menu > .em_in .btn_sitemap span.icon_plus{background-color:black;}
	}
	@media (min-width:1151px) and (max-width:1280px) {
		#header .gnb .inner {padding: 0 30px;}
		#header .gnb .etc_menu{padding-top:5px;}
		#header .gnb .nav > .nav_in > li > a{padding-top:5px;}
	}
	 @media (max-width: 1150px){	
	 	#header.white .gnb {background: none; backdrop-filter: blur(10px); background-image: linear-gradient(180deg, rgb(0 0 0 / 90%), rgb(0 0 0 / 80%));}
	 	#header .top_field{display:none;}
	 	/*#header .gnb{height:60px; background-color: rgb(0 0 0 / 70%); background-blend-mode: multiply; border-bottom:1px #262626 solid;}*/
	 	#header .gnb { height: 60px; background: none; background-image: linear-gradient(180deg, rgb(0 0 0 / 80%), rgb(0 0 0 / 70%)); background-blend-mode: multiply; border-bottom: 1px #262626 solid;}
	 	#header .gnb .inner{padding:0 0 0 20px;}
	 	#header .gnb .h_logo{width: 202px; height: 32px;}
	 	#header .gnb .etc_menu{display:none;}
	 	#header .gnb .etc_menu_mobile{display:inline-block;}
		#header .gnb .nav_wrap{position: fixed; display: block; top: 0; right:0; width: 100%; max-width:100%; height: 100%; background: #fff; z-index: 110; transform: translateX(100%); transition: transform 0.3s ease;}
		#header.open_m .gnb .nav_wrap{transform: translateX(0); transition: transform 0.3s ease;}
		#header .gnb .nav_wrap .mobile_only{display:inline-flex; align-items: flex-end; justify-content: space-between; width: 100%; height: 70px; background-color: #353535; padding-left:20px;}
		#header .gnb .nav_wrap .mobile_only .mobile_top_menu{display:inline-flex; margin-bottom: 15px;}
		#header .gnb .nav_wrap .mobile_only .mobile_top_menu > li > a{color: white; display: inline-flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 400; padding: 11px 10px 9px 10px; border: 1px rgb(255 255 255 / 30%) solid; width:140px; text-align: center; line-height: 1;}
		#header .gnb .nav_wrap .mobile_only .mobile_top_menu > li > a{border-right:none;}
		#header .gnb .nav_wrap .mobile_only .mobile_top_menu > li:last-child > a{border-right: 1px rgb(255 255 255 / 30%) solid;}
		#header .gnb .nav_wrap .mobile_only .mobile_btn_close{position:relative; width: 70px; height: 70px; background-color: #0061af; background:#0061af url(../images/layout/mobile_close_icon.svg) center no-repeat; background-size: 40px;}
		#header .gnb .lnb{transform:none; box-shadow:none;}
		#header .gnb .lnb > li > a{padding:15px; width:100%;}
		#header .gnb .lnb > li > a:before{display:none;}
		#header .gnb .nav{flex-wrap:wrap; align-content: flex-start; height: calc(100% - 70px); overflow-y:scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; overflow-x: hidden; /* Firefox */}
		#header .gnb .nav::-webkit-scrollbar{display: block; /* Chrome, Safari, Opera*/}
		#header .gnb .nav::-webkit-scrollbar{width: 4px; height: 6px;}
		#header .gnb .nav::-webkit-scrollbar-track{background-color: #eee;}
		#header .gnb .nav::-webkit-scrollbar-thumb{border-radius: 3px; background-color:#9f9f9f;}
		#header .gnb .nav::-webkit-scrollbar-button{width: 0; height: 0;}
		#header .gnb .nav_wrap .nav_in{flex-wrap: wrap; height: auto; overflow: auto; padding: 10px 20px 20px 20px;}
		#header .gnb .nav .nav_in > li{width: 100% !important; height: auto; padding: 0; justify-content: flex-start; flex-wrap: wrap; position: relative;}
		#header .gnb .nav .nav_in > li:before{display:none;}
		#header .gnb .nav .nav_in > li.on > a {color:#ef1774; font-weight: 600;}
		#header .gnb .nav .nav_in > li > a{display: flex; align-items: center; justify-content: flex-start; position:relative; width: 100%; height: 80px; width: 100%; opacity: 1; visibility: visible; padding: 0 15px; font-size: 2.2rem; font-weight:500; color: black; border-bottom: 1px solid #e5e5e5;  pointer-events: none;}
		#header .gnb .nav .nav_in > li > a:before {
		    content: "";
		    position: absolute;
		    z-index: 2;
		    top: 0;
		    bottom: 0;
		    margin: auto;
		    border: none;
		    transform: none;
		    -webkit-transform: none;
		    right: 15px;
		    width: 16px;
		    height: 2px;
		    background: #c2c2c2;
		}
		#header .gnb .nav .nav_in > li.on > a:before{background: #27aae1;}
		#header .gnb .nav .nav_in > li > a:after {
		    content: "";
		    position: absolute;
		    z-index: 2;
		    top: 0;
		    bottom: 0;
		    margin: auto;
		    border: none;
		    transform: none;
		    -webkit-transform: none;
		    right: 22px;
		    width: 2px;
		    height: 16px;
		    background: #c2c2c2;
		}
		#header .gnb .nav .nav_in > li.on > a:after{display:none;}
		#header .gnb .nav .nav_in > li:first-child .depth-2{border-left:none;}
		#header .gnb .nav .nav_in .lnb{height:0; position: relative; top: auto; left: auto; opacity: 1; visibility: hidden; border:none; display: block; width: 100%; padding: 0 25px; background: #f8f8f8; overflow:hidden; transition: all ease .2s;}
		#header .gnb .nav .nav_in .lnb.on{height: auto; visibility: visible; transition: all ease .2s; padding: 15px 25px; border-bottom: 1px solid #e5e5e5;}
		#header .gnb .nav .nav_in .lnb > li{-webkit-transform: translateY(0px); transform: translateY(0px); text-align:left;}
		#header .gnb .nav .nav_in .lnb > li > a{font-weight: 400; position: relative; padding-left: 15px; color: black; font-size:1.8rem;}
		#header .gnb .nav .nav_in .lnb > li > a:after{
			content: "";
			height: 4px;
			width: 4px;
			background: #9d9d9d;
			position: absolute;
			top: 22px;
			left: 0px;
		}
		#header .gnb .nav > li{text-align: left;}
		#header .gnb .nav .m_sitemap_btn{display: inline-flex; align-items: center; justify-content: center;}
		#header.open_m .mask {
		    position: fixed;
		    z-index: 100;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    background: #000;
		    opacity: 0.75;
		    transition: all 0.3s linear;
		}
	 }
	 /* 헤더 숨김처리 - pc에서만 적용하고 싶을때
	@media (min-width: 1151px){
		#header{transition: all 800ms; transform:translateY(0); transition-delay:0s;}
		#header.hide{transform: translateY(-137px); transition-delay:0.1s;}
	}	
	*/
	@media (max-width: 1024px){
	 	#header .gnb .inner{padding:0 0 0 15px;}
	}
	 @media (max-width: 768px){
	 	#header .gnb .nav_wrap{max-width:100%;}
	 	#header .gnb .nav_wrap .mobile_only{height: 60px;  align-items: center; padding-left:15px;}
	 	#header .gnb .nav_wrap .mobile_only .mobile_btn_close{width:60px; height:60px;}
	 	#header .gnb .nav_wrap .mobile_only .mobile_top_menu{margin-bottom:0;}
	 	#header .gnb .nav_wrap .mobile_only .mobile_top_menu > li > a{width: auto; font-size: 1.4rem; padding: 10px 11px 9px 11px;}
	 	#header .gnb .nav_wrap .nav_in{padding:0;}
	 	#header .gnb .nav .nav_in > li > a{height:70px; font-size:1.9rem; font-weight:400; padding:0 20px;}
	 	#header .gnb .nav .nav_in .lnb > li > a{font-size:1.7rem; padding: 12px 13px 12px 13px;}
	 	#header .gnb .nav .nav_in .lnb > li > a:after{top:19px;}
	 	#header .gnb .nav .m_sitemap_btn{margin: 20px 15px 20px 15px; font-size: 1.8rem;}
	 	#header .gnb .nav .m_sitemap_btn a{padding:14px;}
	 	#header .gnb .nav .m_sitemap_btn a > i{font-size: 24px; margin-right:5px;}
	}
	@media (max-width: 425px){
	 	#header .gnb .inner{padding:0 0 0 12px;}
	 	#header .gnb .h_logo {width: 189px; height: 30px;}
	}
	@media (max-width: 400px){
		#header .gnb .h_logo{width:83px; height:43px; background: url(../images/layout/header_logo_small.svg) center no-repeat; background-size: contain; margin-top:1px;}
	}
	@media (max-width: 350px){
		#header .gnb {height: 55px;}
		#header .gnb .etc_menu_mobile > .em_in > li{width:55px; height:55px;}
	 	#header .gnb .nav_wrap .mobile_only .mobile_top_menu > li > a{margin-top:1px; font-size:1.3rem;}
	}
	/*
	@media (max-width: 349px){
	    #header .gnb .h_logo {width: 173px; height: 28px;}
	}
	*/
    /* 미디어쿼리 끝 */
/* 헤더 끝 */


/* 검색 영역 시작 */
.search_detail_wrap{visibility: hidden; position:fixed; width:100%; height:100%; z-index:200; font-size:1.8rem; opacity:0; transition: all 0.3s linear;}
#header.search_m .search_detail_wrap{visibility: visible; opacity:1;}
.search_detail_wrap .search_frame{position:relative;width: 100%;max-width: 1440px;padding: 45px;margin: 0 auto;background-color: #7a6841;text-align:center;box-shadow: 5px 10px 16px rgb(0 0 0 / 10%);}
.search_detail_wrap .search_frame:before{
    content: "";
    position: absolute;
    bottom: 20px;
    right: 30px;
    width:175px;
    height:11px;
    opacity:0.4;
    background: url(../images/layout/search_deco.png) center no-repeat;
    background-size:contain;
    visibility: visible;
    transition: all 0.3s linear;
}
.search_detail_wrap .sd_center{display:inline-flex;align-items:center;width: 100%;max-width: 80rem;height: 70px;padding: 2rem 3.5rem 2rem 4rem;background-color: rgb(2 2 2 / 15%);}
.search_detail_wrap .search_frame .select_box{position:relative; margin-right: 48px;}
.search_detail_wrap .search_frame .select_box:before{
    content: "";
    position: absolute;
    top: 9px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: rgb(255 255 255 / 50%) transparent transparent transparent;
    transition: 0.3s;
}
.search_detail_wrap .search_frame .select_box:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    width: 1px;
    height: 18px;
    transform: translate(0, -50%);
    background-color: rgb(255 255 255 / 30%);
}
.search_detail_wrap .search_frame .select_box.active:before{transform: translate(0, -50%) rotate(180deg);}
.search_detail_wrap .search_frame .select_box select{background: none; color: white; border: none; font-size: 1.8rem; padding: 0 20px 0 0;}
.search_detail_wrap .search_frame .select_box select option {color: white; background-color: #404041;}
.search_detail_wrap .search_frame .search_box{width: calc(100% - 52px); display: inline-flex; align-items: center;}
.search_detail_wrap .search_frame input.search_top_main{width: calc(100% - 26px); background:none; border: none; font-size: 1.8rem; margin: 0 20px 0 0; color:white; padding-left:0;}
.search_detail_wrap .search_frame input.search_top_main[type="text"],
.search_detail_wrap .search_frame input.search_top_main[type="search"]{background: transparent; color: white;}
.search_detail_wrap .search_frame input.search_top_main[type="text"]:focus,
.search_detail_wrap .search_frame input.search_top_main[type="search"]:focus{outline: none; background: transparent; color: white;}
.search_detail_wrap .search_frame input.search_top_main::placeholder{color:rgb(255 255 255 / 50%);}
.search_detail_wrap .search_frame button.btn_search_top_main{width: 26px; height: 25px;}
.search_detail_wrap .search_frame button.btn_search_top_main img{width:25px; height:25px; filter: invert(97%) sepia(62%) saturate(2%) hue-rotate(33deg) brightness(109%) contrast(100%);}
.search_detail_wrap .search_close{position: absolute; top:-40px; right:20px; width: 80px; height: 80px;}
.search_detail_wrap .search_close button{display:block; position:relative; z-index: 10; width:100%; height:100%; padding: 15px; }
.search_detail_wrap .search_close button .in{position:relative; display:inline-flex; align-items: center; justify-content: center; width:100%; height:100%; border-radius: 50%; background: #fff ;} 
.search_detail_wrap .search_close button .in i{font-weight: 600; font-size: 22px; color: #404041; z-index: 3;}
.search_detail_wrap .search_close em{ display:block; opacity:0.3; position:absolute; left: 0; top: 0; content:''; width:100%; height:100%; border-radius:50%; background:#fff; -webkit-transform: scale(1.45); transform: scale(1.45); -webkit-animation: ping 1.3s ease-in-out infinite both; animation: ping 1.3s ease-in-out infinite both;} 
.search_detail_wrap .search_close button:hover em, .search_detail_wrap .search_close button:focus em{ -webkit-animation: ping 1.3s ease-in-out infinite both; animation: ping 1.3s ease-in-out infinite both;} 
@-webkit-keyframes ping { 
 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.6; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } 
 } 
@keyframes ping { 
 0% { transform: scale(1); transform: scale(1); opacity: 0.6; } 100% { transform: scale(1.5); transform: scale(1.5); opacity: 0; } 
 } 
 
    /* 미디어쿼리 시작 */
    @media (max-width: 1300px){
    	.search_detail_wrap .search_frame:before{visibility: hidden; opacity:0;}
    }
    @media (max-width: 1024px){
        .search_detail_wrap{font-size:1.7rem;}
        .search_detail_wrap .search_frame{padding:40px;}
        .search_detail_wrap .search_frame input.search_top_main{font-size:1.7rem; margin: 0 10px 0 0;}
        .search_detail_wrap .search_frame .select_box select{font-size:1.7rem;}
        .search_detail_wrap .sd_center{height:60px;}
        .search_detail_wrap .search_close{right:10px;}
    }
    @media (max-width: 768px){
    	.search_detail_wrap .search_frame{padding:30px;}
    	.search_detail_wrap .search_close{width: 75px; height: 75px; top: -42px;}
    	.search_detail_wrap .sd_center{height:55px; padding: 1.6rem 2.5rem 1.5rem 2.5rem;}
    }
    @media (max-width: 500px){
        .search_detail_wrap{font-size:1.6rem;}
        .search_detail_wrap .search_frame{padding:20px;}
        .search_detail_wrap .search_frame input.search_top_main{font-size:1.6rem; padding-left:0;}
        .search_detail_wrap .search_frame .select_box select{font-size:1.6rem;}
    	.search_detail_wrap .search_frame .select_box{margin-right:20px;}
    	.search_detail_wrap .search_frame .select_box:before{top:7px;}
    	.search_detail_wrap .search_frame .select_box:after{display:none;}
    	.search_detail_wrap .search_frame button.btn_search_top_main img{width:22px; height:22px;}
    	.search_detail_wrap .sd_center{height:55px; padding:1.5rem 1.5rem 1.5rem 2.0rem;}
    	.search_detail_wrap .search_close{width:70px; height:70px; top:-45px; right:0;}
    }
    @media (max-width: 350px){
        .search_detail_wrap .search_frame{padding:20px 10px;}
    	.search_detail_wrap .search_frame{padding: 20px 10px;}
    }
/* 검색 영역 끝 */


/* 푸터 시작 */
#footer{width:100%; background-color:#111111; z-index: 500; min-height: 290px;}
#footer > .inner{position:relative; width:100%; height:100%; min-height: 290px; display:flex; justify-content: space-between;}
#footer .lc{display:inline-flex; flex-wrap:wrap; margin-top:90px;}
#footer .lc .lc_in_wrap{margin-left:75px;}
#footer .f_logo{width:115px; height:70px; background: url(../images/layout/footer_logo.svg) center no-repeat; background-size:contain;}
#footer .f_menu{display:inline-flex; flex-wrap:wrap; align-items: center;}
#footer .f_menu > li{position:relative; padding-left:15px; padding-right:14px; line-height:0;}
#footer .f_menu > li:first-child{padding-left:0;}
#footer .f_menu > li:last-child{padding-right:0;}
#footer .f_menu > li:before{
	content: '';
    display: block;
    position:absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 1px;
    height: 13px;
    background-color:#585858;
}
#footer .f_menu > li > a{display:inline-block; font-size:1.6rem; line-height:1; color:#ffffff; letter-spacing:-0.05rem; font-weight:500; transition:color ease 0.3s;}
#footer .f_menu > li > a:hover{color: #5ed0ff;}
#footer .f_txt{width:100%; color:#797979; font-size:1.5rem; line-height:1.4; font-weight: 400; margin-top:27px; letter-spacing: -0.025rem;}
#footer .f_txt .f_address{margin-bottom:10px;}
#footer .family_link{width: 250px; height: 38px; border-bottom:2px white solid; position: relative; z-index: 100; margin: 66px 0 0;}
#footer .family_link::before{
    content: "";
    position:absolute;
    top: 50%;
    right: 8px; 
    transform: translate(0, -50%);
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0px 4px;
	border-color: #ffffff transparent transparent transparent;
    transition:0.3s;
}
#footer .family_link.active::before{transform: translate(0, -50%) rotate(180deg);}
#footer .family_link .family_link_list_default{font-size: 1.6rem; line-height:1; font-weight:500; color: white; display: inline-flex; align-items: center; width: 100%; height: 100%;}
#footer .family_link .family_link_list{position: absolute; width: calc(100% + 2px); left: -1px; bottom: 50px; background: #080808; overflow: auto; max-height: 277px; border: 1px #343434 solid;}
#footer .family_link .family_link_list li{border-bottom: 1px solid rgba(255,255,255,0.15);}
#footer .family_link .family_link_list li:last-child{border-bottom:none;}
#footer .family_link .family_link_list li a{position: relative; display: block; height: 45px; line-height: 45px; padding: 0 16px; font-size: 1.5rem; color: #bbb; text-align: left; font-weight:400; transition: 0.3s;}
#footer .family_link .family_link_list li a:hover{color:white;}
#footer .family_link .family_link_list{overflow-y:scroll; -ms-overflow-style: none; /* IE and Edge */ overflow-x: hidden; /* Firefox */}
#footer .family_link .family_link_list::-webkit-scrollbar{display: block; /* Chrome, Safari, Opera*/}
#footer .family_link .family_link_list::-webkit-scrollbar{width: 4px; height: 6px;}
#footer .family_link .family_link_list::-webkit-scrollbar-track{background-color: #5b5b5b;}
#footer .family_link .family_link_list::-webkit-scrollbar-thumb{border-radius: 3px; background-color:white;}
#footer .family_link .family_link_list::-webkit-scrollbar-button{width: 0; height: 0;}
#footer .family_link .family_link_list.hide{display:none;}

#footer .top_btn{position:absolute; right:82px; bottom:100px; width:47px; height:47px; background-color:#070707; border:1px #393939 solid; color:white; font-size:24px;}
#footer .top_btn > i{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#footer .sns_list{display: inline-flex; margin-top: 57px;}
#footer .sns_list > li{padding:0 5px;}
#footer .sns_list > li:first-child{padding-left:0;}
#footer .sns_list > li:last-child{padding-right:0;}
#footer .sns_list > li > a{color:white; font-size:25px; transition:color ease 0.3s;}
#footer .sns_list > li > a.youtube:hover{color:#ff1a47;}
#footer .sns_list > li > a.facebook:hover{color:#2b88ff;}
#footer .sns_list > li > a.instagram:hover{color:#ff36a7;}

    /* 미디어쿼리 시작 */
    @media (max-width: 1919px){
        #footer .top_btn{right:60px;}
    }
    @media (max-width: 1600px){
        #footer .top_btn{right:50px;}
    }
    @media (max-width: 1480px){
        #footer .top_btn{right:40px;}
    }
    @media (max-width: 1280px){
    	#footer .lc{margin-top: 77px;}
    	#footer .lc .lc_in_wrap {margin-left: 45px;}
    }
    @media (max-width: 1100px){
    	#footer > .inner{flex-wrap:wrap; min-height:auto;}
    	#footer .lc{width: 100%; margin-top: 70px;}
    	#footer .rc{width: 100%; display: inline-flex; align-items: flex-end; font-size: 0; line-height: 0; margin-top:30px;}
    	#footer .top_btn{top:0;}
    	#footer .family_link{margin-top:0;}
    	#footer .sns_list{margin-top:0; margin-left: 40px;}
    }
    @media (max-width: 1024px){
        #footer .top_btn{right:30px;}
    }
    @media (max-width: 768px){
    	#footer .top_btn{right:20px;}
    	#footer > .inner{padding-bottom:50px;}
        #footer .lc .lc_in_wrap{width: calc(100% - 115px); padding-left: 30px; margin: 0;}
    }
    @media (min-width:501px) and (max-width:768px){
    	#footer .f_menu{width: 100%;}
    	#footer .f_menu > li{border: 1px rgb(255 255 255 / 50%) solid; margin: 3px; width: calc((100% / 2) - 3px); padding: 11px 0 11px 0; text-align: center;}
    	#footer .f_menu > li:nth-child(1){margin-left:0;}
    	#footer .f_menu > li:nth-child(2){margin-right:0;}
    	#footer .f_menu > li:nth-child(3){margin-left:0;}
    	#footer .f_menu > li:nth-child(4){margin-right:0;}
    	#footer .f_menu > li > a{font-size:1.5rem;}
    	#footer .f_menu > li:before{display:none;}
    	#footer .f_txt{margin-top:20px;}
    }
    @media (min-width:401px) and (max-width:768px){
    	#footer .family_link{width:60%;}
    	#footer .rc{justify-content: space-between;}
    }
    @media (min-width:501px) and (max-width:600px){
    	#footer .f_menu > li > a{font-size:1.4rem;}
    }
    @media (max-width: 500px){
    	#footer .lc{margin-top:45px;}
    	#footer .f_logo{width:90px; height:56px;}
    	#footer .f_menu{margin-top:25px;}
    	#footer .lc .lc_in_wrap{width:100%; padding-left:0;}
    	#footer .f_menu > li > a{font-size:1.5rem;}
    }
    @media (min-width:451px) and (max-width:500px){
    	#footer .f_menu > li:nth-child(4){margin-top:10px; padding-left:0;}
    }
    @media (max-width: 450px){
    	#footer .f_menu{max-width:300px;}
     	#footer .f_menu > li:nth-child(3){margin-top:12px; padding-left:0;}
     	#footer .f_menu > li:nth-child(4){margin-top:12px;}
    }
    @media (max-width: 425px){
    	#footer .top_btn{right:15px;}
    }
    @media (max-width: 350px){
    	#footer .rc{flex-wrap:wrap;}
    	#footer .family_link{width:100%;}
    	#footer .sns_list{margin-left:0; margin-top:30px;}
    	#footer .family_link .family_link_list_default{padding-left:2px;}
    }
    /* 미디어쿼리 끝 */