@charset "utf-8";

/*------------------------------------
  header
------------------------------------*/
header#firstheader {
	background:#fff;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}
.top_all {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 15px;
}
#logo {
    transition: .3s ease all;
}
#logo:hover .mouse_d{
	display:none !important;
}
#logo:hover .mouse_on{
	display:block !important;
}

/*#top_menu_area {
	line-height: 2;
	margin:1rem 0;
}*/
#top_menu_area #top_menu > li.ender {
	margin-right:0px;
}
#top_menu_area #top_menu > a {
	font-size: .9rem;
    color: #444;
    letter-spacing: -1px;
    display: inline-block;
    padding: 5px 7px;
    vertical-align: middle;
    font-weight: 600;
    position: relative;
}


.top_bg_m a {
	color: #222;
	font-weight: 600;
	font-size: 1.2rem;
    letter-spacing: -1px;
    display: block;
	padding: 7px 20px;
	position: relative;
}
.top_bg_m a:after {
	content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    background: #bfbfbf;
    transform: translate(0, -50%);
}
.top_bg_m a:last-child:after {
	display: none;
}

.search_box {
    background: #ececec;
	width:100%;
	border-radius:100px;
}
.search_wrap {
    display: none;
}
.search_box .div_01{
	width:calc( 100% - 75px );
	border-radius:100px;
	margin:6px;
	padding: 1.1rem 1.1rem 1.1rem 4rem;
	text-align:left;
	background:#fff url(../images/main/search_icon02.png) no-repeat 2rem 50% ;
}
.search_box input{
    border:none;
	color:#000;
	font-weight:600;
	font-size: 1.15rem;
	letter-spacing:-0.09rem;
	outline: none;
	width: 100%;
}
.sub_t_search .search_box .div_01 {
    width: calc(100% - 58px);
	padding: 10px 10px 10px 3.2rem;
	background: #fff url(../images/main/search_icon02.png) no-repeat 1.5rem 50%;
}
.sub_t_search .btn_search img {
    width:58px;
}
.top_wish{
	border-radius: 100px;
	width:59px;
	min-width:59px;
	height:59px;
	border:4px solid #e1e1e1;
	position:relative;
}
.top_wish .material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' -25, 'opsz' 48;
	color:#e1e1e1;
	font-size:28px;
	margin-top:1px;
}
.top_wish.on .material-symbols-outlined {
	color:#ea7f00;
}
.top_wish .wi_no {
	position:absolute;
	top:-4px;
	left:-4px;
	border-radius: 100px;
	width:22px;
	height:22px;
	background:#000;
	color:#fff;
	font-weight:600;
	font-size:12px;
	line-height:20px;
	text-align:center;
	padding:0px 2px 0 0;
}

@media (max-width: 1199px) {
	/** @상단 **/
    #wrapper header#firstheader {
        display: block;
        position: fixed;
        right: 0px;
        top: 0px;
        z-index: 9999;
        width: 100%;
        min-width: 320px;
        background: #fff;
        box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.05);
    }
	.top_lnv{
		display: none;
	}
	.top_wish{
		display: none !important;
	}
	
	.apply_box a {
		color: #fff !important;
        width: 50%;
        text-align: center;
        display: block;
        padding: 15px 0;
        font-size: 1.08rem;
        font-weight: 600;
        box-sizing: border-box;
		line-height: 1;
		display: flex;
        justify-content: center;
		align-items: center;
	}
	.apply_box a:nth-child(1) {
		background:#ffd63e;
		color: #000 !important;
	}
	.apply_box a:nth-child(2) {
		background:#705a49;
	}
	.apply_box a:last-child {
		border-right: none;
	}
	.apply_box span {
		font-size: 22px;
		margin-top: -2px;
		margin-right: 5px;
		font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 22;'

	}

}
@media (max-width: 767px) {
	#wrapper header#firstheader {
        position: relative;
    }
	header#firstheader.bor_none {
		border-bottom: 0px solid rgba(0,0,0,0.5);
	}
	
	#top_menu_area {
		margin:0rem 0;
	}
	#top_menu_area ul#top_menu > li {
		margin-right: 0px;
		width:25%;
		text-align:center;
		border-right:1px solid #000000;
		padding:12px 0; 
	}
	#top_menu_area ul#top_menu > li a {
		color:#fff;
	}
	#top_menu_area ul#top_menu > li.ender {
		/* background:#eb8b19;
		border-right: 0px solid #000000; */
	}
	#top_menu_area ul#top_menu > li.mypage a {
		color:#eb8b19;
	}
	 #logo {
		margin:0 auto;
		width:40%;
		display: block;
		text-align: center;
		
	}
	.navfix #logo {
		display: none;	
	}
	#logo img {
        width: 92px;
        vertical-align: top;
        margin-top: 7px;
    }

	.sub_t_search{
		position:relative;
		transition: .3s ease all;
	}
	.search_box {
		width: calc(100% - 40px);
	}
	.top_wish {
		position: absolute;
		top:0px;
		right:3px;
		width:34px;
		min-width:34px;
		height:34px;
		border:2px solid #e1e1e1;
	}
	.top_wish .wi_no {
		width:17px;
		height:17px;
		font-size:9px;
		line-height:18px;
		left:-8px;
	}
	.top_wish .material-symbols-outlined {
		font-size: 20px;
	}
	.navfix .search_wrap {
		display: block;
	}
	.navfix .sub_t_search .search_box {
		max-width: 760px;
	}
	.navfix #wrapper header#firstheader {
		position: fixed;
		top: 0;
	}
	
}
@media (max-width: 575px) {
	#logo {
        margin: 0 auto;
        width: 55%;
    }

	.sub_t_search{
		padding: 10px 0;
	}
	.search_box .div_01 {
		margin: 5px;
	}
	.sub_t_search .search_box .div_01 {
		padding: 10px 10px 10px 2.6rem;
		background: #fff url(../images/main/search_icon02.png) no-repeat 1rem 50%;
	}
	.apply_box {
		position: fixed;
		bottom:0px;
		left:0px;
		width:100%;
		z-index:100;
	}
	.top_bg_m a {
		font-size: 1.05rem;
	}
}

@media (max-width: 375px) {
	#top_menu_area #top_menu a {
        font-size: .85rem;
    }
}
@media (min-width: 576px) {
	.apply_box {
		display: none !important;

	}
}
@media (min-width: 768px) {
	.search_box {
		max-width:600px;
		margin:0 auto;
	}
	
}

@media (min-width: 768px) and (max-width: 1199px) {
	#logo img {
		width: auto;
		height: 38px;
		margin-top: 3px;
	}
}
@media (min-width: 1200px) {
	header#firstheader {
		width: 100%;
		z-index: 1000;
		position: fixed;
		transform: translateY(0px);
		transition: .3s ease all;
		top:0;
	}

}


/*------------------------------------
  footer
------------------------------------*/
#footer {
    padding-bottom: 30px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.95rem;
    clear: both;
    letter-spacing: -0.02rem;
    background: #fff;
}

footer .foot_top_wrap {
    width: 100%;
    padding: 0.8em 0;
    margin: 0 0px 1.5em 0;
    border-bottom: 1px solid #f3f3f3;
}

#footer ul > li {
    display: inline-block;
}

#footer ul > li.line::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 0.6em;
    background: #dcdcdc;
    margin: 0 0.2rem 0.1rem 0.3rem;
}
#footer ul > li.ender > a {
	background:#ea7f00;
	padding:0rem 1rem;
	border-radius:5px;
	margin-left:0.6rem;
	color:#fff;
}
#footer a {
    color: #000000;
    font-weight: 500;
    font-size: 14px;
}

.footer_mu {
    padding: 20px 0 ;
    border-top: 1px solid #f3f3f3;
}

#footer address {
    color: #b9b9b9;
    font-size: 13px;
}

#footer address strong {
    color: #000;
    padding-right: 5px;
}

#footer address .fir span {
    display: inline-block;
	 letter-spacing: 0em;
	 padding-right: 20px;
}

#footer address span.amedic {
    font-weight: 600;
}

#footer address cite {
    color: #b9b9b9;
    margin-top: 5px;
    letter-spacing: 0.01em;
    font-size: 13px;
}

.footer_left strong{
	color:#ea7f00;
	font-weight:800;
	font-size:1.5rem;
}
/* @media (max-width: 768px) {
	.footer_left{
		text-align: left !important;
		flex-direction: column !important;
		display: flex !important;
	}
} */
/*------------------------------------
  Go To Top
------------------------------------*/
.scrollup {
	right: 1.5rem;
	bottom: 5rem;
	position: fixed;
	z-index: 999;
	width: 2.5rem;
	height: 2.5rem;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 1em;
	transition: 0.3s ease-out;
}
.go-top {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.scrollup:hover, .scrollup:focus:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 992px) {
	.scrollup {
		right: 1rem;
		bottom: 12rem;
	}
}


/* 작은 기기들 (태블릿, 768px 이하) */
@media (min-width: 768px) {
	#footer address br {display: none;}
}
/* 작은 기기들 (태블릿, 768px 이하) */
@media (max-width: 767px) {
 	/* pc/mobile 이미지교체 */
	.mobile {display:block !important;}
	.pc {display: none;}
}
/* 최대 1199 이하 공통사항 */
@media (max-width:1429px) {
	html{
		overflow-y:auto !important;
	}


  
  /** @전체틀 **/
	#wrapper { 
		right:0;
		width:100%;
		min-width:300px;
		position:relative; 
		background:#fff;
	}
	.mx_size{
		margin:0 auto; 
	}
		#logo img.pc{display:none;}
	p.all_cate{	
		position:absolute;
		top:15px;
		right:15px; 
	}
	p.all_cate a{	
		background:url("../images/common/btn_all_cate.gif") no-repeat 0 0;
		background-size:100% 100%;
		display:block;
		width:40px;
		height:40px;
		font-size:0;
	}
	p.all_cate a.le_on{	
		background:url("../images/common/btn_all_cate_x.gif") no-repeat 0 0;
		background-size:100% 100%;
	}

	/** @group nav menu **/
	 #navmenu { 
		background:#444; 
		height: 100%; 
		display: block; 
		position: fixed; 
		width: 250px; 
		right:-250px;
		top: 0px; 
		z-index: 0;  
		overflow:hidden;
	}
	#navmenu > ul { 
		list-style: none; 
		background:#444; 
		overflow-y: auto; 
	}
	#navmenu ul li { 
		display: block; 
	}
	#navmenu > ul > li.last{
		margin-bottom:80px;
	}
	#navmenu > ul > li > a { 
		position: relative; 
		display: block; 
		border-bottom: 1px solid #515151; 
		padding:10px 13px; 
		color: #eee; 
		font-size: 17px; 
		text-decoration: none; 
		font-family:  "Play",'SCDream';
        font-weight: 500
	}
	#navmenu > ul > li > a:hover { 
		color: #eee; 
		text-decoration: none; 
	}
	#navmenu > ul > li > a::after {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-right: 3px solid #eee;
		border-top: 3px solid #eee;
		position: absolute;
		right: 20px;
		top: 45%;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	#navmenu > ul > li.depth > a.on::after{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#navmenu > ul > li.depth > a.on{
		background:#00ad46; 
	}
	#navmenu > ul > li > a:hover::after { 
		border-color: #eee;
	}
	#navmenu ul ul{ 
		background:#333; 
		border-bottom: 1px solid #515151; 
		margin-left: 0px;
	}
	#navmenu ul ul li a{ 
		display: block; 
		padding:10px 15px; 
		color: #a5a5a5; 
		font-size: 16px; 
		border-top: 1px dotted #515151; 
	}
	#navmenu ul ul li a.fred{ 
		color: #ea2a32 ; 
		font-weight:bold;
	}
	#navmenu ul ul.gnb_02 li:first-child a{ 
		border-top: none !important; 
	}
	#navmenu ul ul li ul.depth_s{
		border: none; 
	}
	#navmenu ul ul li ul.depth_s li a{
		font-size: 14px; 
		background:url('../images/common/bullet_list02.gif') no-repeat 18px 10px;
		padding: 2px 10px 2px 25px ;
	}
	#navmenu ul ul li ul.depth_s_pic{
		border: none; 
		overflow:hidden;
		padding:0 0 0 18px;
	}
	#navmenu ul ul li ul.depth_s_pic li{
		float:left;
	}
	#navmenu ul ul li ul.depth_s_pic li a{
		font-size: 14px; 
		padding: 2px 2px 10px 10px ;
		border: none; 
	}
	/** @group clearfix **/
	.clearfix:after { 
		content: "."; 
		display: block; 
		clear: both; 
		visibility: hidden; 
		line-height: 0; 
		height: 0;
	}
	html[xmlns] .clearfix { 
		display: block; 
	}
	* html .clearfix { 
		height: 1%; 
	}
	#navmenu > ul > li > p {
		border-bottom: 1px solid #515151;
		color: #eee;
		display: block;
		font-size: 18px;
		padding: 12px 15px;
		position: relative;
		text-decoration: none;
	}
	#navmenu > ul > li > p::after {
		border-right: 3px solid #eee;
		border-top: 3px solid #eee;
		content: "";
		display: block;
		height: 6px;
		position: absolute;
		right: 20px;
		top: 45%;
		transform: rotate(135deg);
		width: 6px;
	}

	#navmenu > .mo_login {
		position: relative;
		display: block;
		padding: 20px 13px;
		color: #eee;
		font-size: 17px;
		text-decoration: none;
		font-family: "Play",'SCDream';
		font-weight: 500;
	}
	#navmenu > .mo_login a{
		color: #eee;
        text-align: center;
        width: 48%;
        padding: 0.7rem 0.2rem;
        border-radius: 5px;
        background: #353535;
        font-size: 1.15rem;
        font-weight: 400;
	}

	
	/* pc/mobile 이미지교체 */
	.mobile {display: none;}
	.top_all .sitemap {display: none;}


}
/* 큰 기기들 (큰 데스크탑, 1200px 이상) */
@media (min-width: 1400px) {
	
    .navfix .top_menu_area {
        top: 56px;
        transition: .3s ease all;
		opacity: 1;
    }
	 #navi_con > ul {
        /*text-align: center !important;*/
    }
	#navi_con:hover > ul::before {
		clear: both;
		content: "";
		display: block;
		position: absolute;
		height: 1px !important;
		background: rgb(255 255 255 / 7%) !important;
		left: 0%;
		top: 88px;
		width: 100%;
    }
}
@media (min-width: 1430px) {

	 /* 상단메뉴 */
    #navmenu {
        display: none;
    }

	
	 .top_all .sitemap {
        position: absolute;
        z-index: 100000;
        right: 15px;
        top: 0px;
        transition: .3s ease all;
		margin-bottom: 0;
    }
    .top_all .sitemap a{
        display: block;
		width: 28px;
		height: 88px;
	}
	.top_all .sitemap span {
        color: #000;
		font-size: 30px;
	}
    div.top_menu_wrap {
        position: relative;
    }

    .all_t {
        display: none;
    }

    .all_cate {
        float: right;
        margin-right: -15px;
        line-height: 90px;
		display:none;
    }

    #navi {
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0px;
        min-width: 1200px;
        background: rgba(255,255,255, 1)  no-repeat 0% 88px;
        transition: 0.3s ease-out;
        border-bottom: 1px solid rgba(0, 0, 0, 0);
    }

    #navi:hover {
        background: rgba(255,255,255, 1) repeat-x 0% 88px;
        transition: 0.3s ease-out;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }
    #navi:hover::after {
		display:block;
		content:'';
		height:1px;
        background:rgba(0, 0, 0, 0.05);
		width:100%;
		position:absolute;
		top:88px;
		z-index:100;
    }
    .navfix #firstheader {
        width: 100%;
        z-index: 1000;
        position: fixed;
        /*transform: translateY(-47px) !important;*/
        transition: .3s ease all;
		top:0;
    }
    .navfix #logo {
        top: 54px;
        transition: .3s ease all;
    }
    .navfix .sitemap a {
        top: 62px;
        transition: .3s ease all;
    }
    .navfix #navi {
        background: rgba(0,0,0, 0.8) repeat-x 0% 88px;
        transition: .3s ease all;
        border-bottom: 1px solid rgba(0, 0, 0, 0);
    }
	.navfix #navi:hover {
        background: rgba(0,0,0, .9) repeat-x 0% 88px;
        transition: 0.3s ease-out;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }
	.navfix #navi_con > ul > li > a {
        color: #fff;
    }

    .navfix #navi_con > ul > li > a > span::before {
        top: 26px;
    }
	.navfix #navi_con > ul > li:hover ul li a {
		color: rgb(255,255,255, .6);
	}
	.navfix #navi_con ul li ul li:hover a:hover,
    .navfix #navi_con ul li ul li:hover a:focus,
    .navfix #navi_con ul li ul li:hover a:active {
        color: rgba(255,255,255, .95);
    }
	 .navfix #navi_con ul li ul li a {
        color: rgb(255,255,255, .6);
    }

    .navfix #top_menu_area ul#top_menu {
        padding-top: 0px;
        transition: .3s ease all;
    }
	.navfix .top_all .sitemap span {
        color: #fff;
	}
    #navi_con {
        position: relative;
        z-index: 100;
        height: 88px;
        /*min-height: 112px;*/
    }
    #navi_con > ul {
        text-align: right;
        font-size: 0;
        margin: 0 auto;
		padding-left: 15px;
        width: 1215px;
    }


    #navi_con > ul > li {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        width: 200px;
    }
	/*#navi_con > ul > li:nth-child(2), #navi_con > ul > li:nth-child(3) {
		width: 200px;
	}*/
    #navi_con > ul > li.sitem {
        width: 59px !important;
        max-width: 59px !important;
        min-width: 59px !important;
    }

    #navi_con > ul > li > a {
        color: #000;
        display: block;
        font-size: 21px;
        line-height: 88px;
        position: relative;
        text-align: center;
        z-index: 420;
        width: 100%;
    }
    #navi_con > ul > li:nth-child(3) > a, #navi_con > ul > li:nth-child(4) > a {
		/* font-family: 'Play','SCDream';
		        font-size: 17px; */
    }

    #navi_con > ul > li > a ::after {
        clear: both;
        content: "";
        display: block;
        position: absolute;
        height: 2px !important;
        background: #0072bc !important;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 0%;
    }

    #navi_con > ul > li:hover > a ::after {
        transition: 0.3s ease-out;
        width: 100%;
    }

    #navi_con > ul > li > a > span {
        display: block;
        border-right: 0px solid #eee;
		letter-spacing: -0.06em;
		font-weight: 500;
    }
    #navi_con > ul > li:hover > a > span {
        background:rgba(0,0,0,0);
    }

    #navi #navi_con > ul > li:first-child a span {
        border-left: 0px solid #eee;
    }

    #navi_con > ul > li:first-child > a {}

    #navi_con > ul > li.sitem > a {
        width: 59px;
    }

    #navi_con ul li ul {
        text-align: left;
        display: block;
        overflow: hidden;
		margin-left: 0px;
    }

    #navi_con > ul > li.mNum01 ul {
        /*border-right: 1px solid #eee;*/
        width: 100%;
        border-left: 1px solid rgba(0,0,0,0.05);
    }

	#navi_con > ul > li.mNum01:last-child ul {
        border-right: 1px solid rgba(0,0,0,0.05);
    }
    #navi_con > ul > li.mNum01:first-child ul {
        /*border-left: 1px solid #eee;*/
    }

    #navi_con > ul > li:hover > a {
        border: none;
    }

    #navi_con > ul > li:hover ul {
    }

    #navi_con ul li ul li a {
        word-break: keep-all;
        display: block;
        font-size: 15px;
        padding: 10.5px 5px 10.5px 10px;
        position: relative;
        z-index: 400;
        letter-spacing: -0.1px;
        color: rgba(0,0,0, 0.6);
        line-height: 120%;
        border-bottom: 1px solid rgba(0,0,0,0.05);
		font-weight: 400;
    }
    #navi_con ul li.mNum01:nth-child(1) ul li:nth-child(5) a {
        letter-spacing: -1px;
    }

    #navi_con ul li ul li:hover a:hover,
    #navi_con ul li ul li:hover a:focus,
    #navi_con ul li ul li:hover a:active {
        color: rgba(0,0,0, 1);
        background: rgba(0,0,0,0.05);
    }

    #navi_con > ul > li:hover ul li a {
        color: rgba(0,0,0, 1);
    }

	.scrollup {
		right:50px;
		bottom: 100px;
		position: fixed;
		z-index: 999;
		/*background: url('../images/common/top.png') no-repeat 0% 0%;*/
		color: #fff;
		font-size: 1em;
		transition: 0.3s ease-out;
	}
	.go-top { display :none;}

	/* pc/mobile 이미지교체 */
	.mobile {display: none;}

}



/* contact us */
.contect_c {
	background:#f0eae3;
}
.contect_c .m_title_st{
	border-bottom:1px solid #ddd7d7;
	margin-bottom:25px;
}
.contect_c .m_title_st .txt01{
	font-size: 2.2em;
    font-family: 'Play';
    font-weight: 500;
    letter-spacing: -0.05rem;
    color: #745f50;
}
.add_con .icon01{
	color:#404040;
	font-size:1.2em;
}
.add_con .txt01{
	font-family: 'Play';
    font-size: 1.3em;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 100%;
    color: #745f50;
    margin-bottom: 10px;
}
.add_con .txt02{
	color: #7b7b7b;
	font-size: 0.95em;
}
.add_con02 span{
    font-size: 1.3em;
    color: #745f50;
}
.add_con02 strong{
    font-weight: 700;
    color: #c6924e;
    font-size: 2.2em;
    letter-spacing: -0.06rem;
}
.add_con03 ul li{
    color: #7b7b7b;
    font-size: 0.95em;
	letter-spacing: 0.01rem;
}
.add_con03 ul li strong{
    font-weight: 700;
    color: #745f50;
}
a.pdt_all_view {
    color: #fff;
    padding: 1.2rem 2.2rem;
    transition: all 0.3s ease-out;
    background: #745f50;
    display: block;
}
a.pdt_all_view:hover {
    color: #fff;
	transition: all 0.3s ease-out;
	background: #000;
	box-shadow: 10px 10px 28px rgb(0 0 0 / 25%);
}



/* 카카오맵 */
.root_daum_roughmap .wrap_controllers{
	display:none;
} 
.root_daum_roughmap .wrap_map{
	height:490px !important;
}
@media (max-width: 991px) {
	.root_daum_roughmap .wrap_map{
		height:350px !important;
	}
}

@media (min-width:1200px) {
	/*sidenav PC일때*/
	.sidenav {z-index:111;background: #fff; display: none; }
	.menuOpen .sidenav {display: none;}
	.sidenav .container{border:1px solid #eee; width: 90%; max-width:1400px; background: #fff;width:100%; padding:30px 40px;overflow-y:auto; position: fixed; z-index:111; left: 50%; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
	.scroll .sidenav .container {top:110px}
	.sidenav_overlay {position: fixed; left: 0; top:0; bottom: 0; width: 0; background: rgba(0,0,0,0); ;}
	.menuOpen .sidenav_overlay {right: 0; width: 100%;}
	.sd-menu {font-size:20px;width:100%;;}
	.sm-dep1 {position:relative; text-align: left; margin-bottom: 10px;  width: 23%; margin-right: 2.6666%;}
	.sm-dep1:nth-child(4n) {margin-right: 0;}
	.sm-dep1 > a, .sm-dep1 > span {font-weight:700;line-height:50px; display:block; cursor:pointer;  margin-bottom: 20px;}
	.sm-dep2 {margin-bottom: 20px; display: flex; flex-wrap:wrap; width: 80%;}
	.sm-dep2 li {font-size:16px; width: 50%;}
	.sm-dep2 li a {font-weight: 400 !important; padding: 4px; display: block; color: #666; line-height: inherit !important;-webkit-transition: all 0.15s;	-moz-transition: all 0.15s;	-o-transition: all 0.15s;	-ms-transition: all 0.15s; transition: all 0.15s; }
	.sm-dep2 li a:hover {color:#c3372e}
	.sm-dep1:hover > a, .sm-dep1:hover > span {color:#c3372e}
	.its-parent .active {color:#c3372e; font-weight:700;cursor:pointer}
	.its-parent span {position: relative; border-bottom: 1px solid #ddd;}
	.m-bnshop{display:none;}
	}
	

/* 모바일메뉴 */
@media (max-width:1199px) {
	header {position: relative; width: 100%; background: #000; }
	.buger-wrap {width: 40px; height: 40px; /*border:1px solid #484848; */
			position: fixed;
			top: 30px;
			right:10px;
			z-index: 111111111111111;
		}
	.burger_box {display: block; position: absolute; z-index:11111111111111;width: 20px; height:18px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
	.burger_box a.menu-icon {display: inline-block; float: none; height: 60px; padding: 0px; opacity: 1; width: 60px; z-index: 100;color:#000;font-size:13px;}
	.burger_box .menu-icon_box {display: inline-block; width: 100%; height: 18px; position: relative; text-align: left; }
	.burger_box .menu-icon_line {background: #484848; display: inline-block; height: 2px; position: absolute; left:0px; width: 100%;}
	.burger_box .menu-icon_line--1 {top: 0;}
	.burger_box .menu-icon_line--2 {top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
	.burger_box .menu-icon_line--3 {bottom: 0;}
	.burger_box .menu-icon_line--1 {transition: top 200ms 250ms, transform 200ms;-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;}
	.burger_box .menu-icon_line--2 {transition: opacity 0ms 300ms; -webkit-transition: opacity 0ms 300ms;}
	.burger_box .menu-icon_line--3 {transition: bottom 100ms 300ms, transform 200ms; -webkit-transition: bottom 100ms 300ms, -webkit-transform 200ms;}
	.burger_box .menu-icon { cursor:pointer; text-align: center; width: 100%; height: 24px;}
	.menuOpen .burger_box .menu-icon .menu-icon_box {transform: scale3d(0.9, 0.9, 0.9); -webkit-transform: scale3d(0.9, 0.9, 0.9);}
	.menuOpen .burger_box .menu-icon .menu-icon_line {top: 50%; bottom: 50%;  background: #fff;}
	.menuOpen .burger_box .menu-icon .menu-icon_line--1 {transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transition: top 100ms, transform 200ms 250ms; -webkit-transition: top 100ms, -webkit-transform 200ms 250ms; }
	.menuOpen .burger_box .menu-icon .menu-icon_line--2 {opacity: 0; transition: opacity 200ms; -webkit-transition: opacity 200ms;}
	.menuOpen .burger_box .menu-icon .menu-icon_line--3 {transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transition: bottom 200ms, transform 200ms 250ms; -webkit-transition: bottom 200ms, -webkit-transform 200ms 250ms;}
	.mbB {display: none !important;}
	/*sidenav 모바일일때*/
	.sidenav {z-index:99999;background: #272320;height: 100%;    width: 100%;     max-width: 320px;right: -500px; position: fixed;  top: 0; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
	.menuOpen .sidenav {right: 0;}
	.sidenav .container{background: #000;position:absolute; z-index:1; height:100%;width:100%; padding:30px 40px;overflow-y:auto; }
	.menuOpen {overflow:hidden;}
	.sidenav_overlay {position: fixed; left: 0; top:0; bottom: 0; width: 0; background: rgba(0,0,0,0.5) ; z-index: 9999;}
	.menuOpen .sidenav_overlay {right: 0; width: 100%;}
	.sd-menu {width:100%; font-size:15px; padding: 20px 0;border-top: 1px solid rgba(255,255,255,.1);}
	.sd-menu.w100 .sm-dep1{display:none; /*width: 100% !Important; margin-right: 0 !Important;*/}/*20230525 상단 전체메뉴보기안되는 문제로 수정*/
	.sm-dep1 {position:relative; text-align: left; margin-bottom: 8px;}
	.sm-dep1 > a, .sm-dep1 > span {color: #fff !important;font-weight:500;line-height:30px; display:block; cursor:pointer; letter-spacing: 0; font-size: 1.18rem; text-align:center;}
	.sm-dep1.its-parent span {position: relative;}
	.sm-dep1.its-parent span:before {content:'+'; font-weight: 100; font-size:18px; position: absolute; right: 0; top:50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
	.mMenuP { border-bottom: 1px solid rgba(255,255,255,.1);}
	.m-bnshop {margin-bottom:20px;}
	.sm-dep1:hover > a, .sm-dep1:hover > span {color:#c1180d}
	.sm-dep2 {margin-bottom: 20px;display: none;}
	.sm-dep2 li {font-size:13px}
	.sm-dep2 li a {font-weight: 400 !important; display: block;padding: 5px 0;-webkit-transition: all 0.15s;	-moz-transition: all 0.15s;	-o-transition: all 0.15s;	-ms-transition: all 0.15s; transition: all 0.15s; }
	.sm-dep2 li a:hover {color:#c3372e}
	.sm-dep2 li a:before {content:'·'; margin-right: 5px; opacity: 0.2;}
	.sd-menu li.active ul {display: block;}
	.its-parent .active {color:#c3372e; font-weight:700;cursor:pointer}
	.its-parent .active + ul {display: block !important;}
	.its-parent span {position: relative;}
	.its-parent span b {position: absolute; display: inline-block;width: 15px;height: 15px;z-index:1;transition:0.3s; right:0; top:50%; margin-top: -7.5px;}
	.its-parent span b:after, .its-parent span b:before {content: ""; position: absolute; background: #aaa; transition:.4s;-webkit-transition:.4s;-moz-transition:.4s}
	.its-parent span b:after {width: 100%; height: 1px; left: 0; top: 50%; margin-top: -0.5px;}
	.its-parent span b:before {width: 1px; height: 100%; left: 50%; top: 0; margin-left: -0.5px;}
	.its-parent .active b:before{ transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
	.mbB {display: block !important;}
	.mlogo {width: 50px;}
	.menuOpen .buger-wrap {border:none; position: fixed; /*top:5px; right: 10px;*/ z-index:111111111111111;}
	.m-quick .quick-btn li {width: 50px; margin-right:5px;}
	.m-quick  {margin-top: 30px;}
	.m-quick .cs {margin-bottom: 10px;}
	.sidenav .gnb-menu {margin-bottom: 20px; margin-top: 10px;}
	.sidenav .gnb-menu li { text-align: center; line-height: inherit; font-size:14px; }
	.sidenav .gnb-menu li:before {display: none;}
	.sidenav .gnb-menu li:first-child {border-right: 1px solid rgba(255,255,255,.03);}
	.sidenav .gnb-menu li a {color: #fff !important; font-size: 1rem; text-align: center; line-height: inherit;background: rgba(0, 0, 0, .4); display: block; padding-top:18px; padding-bottom:18px;}
	.sidenav .gnb-menu li a span {font-size:  1.55rem; display: block;margin-bottom: 4px; 
								  font-variation-settings:
								  'FILL' 0,
								  'wght' 400,
								  'GRAD' 0,
								  'opsz' 22
								}


	.sidenav .gnb-menu li:last-child a {background:#e97812;}
}
@media (max-width:767px) {	
	.buger-wrap {
		top: 19px;
		right: 10px;
	}
	.navfix .buger-wrap {
		top: 19px;
		right:10px;
	}
}
@media (max-width:575px) {	
	.buger-wrap {
		top: 14px;
		right: 10px;
	}
	.navfix .buger-wrap {
		top: 14px;
		right:10px;
	}
}




.quick_m {
	right: 1.5rem;
	bottom: 10rem;
	position: fixed;
}
.quick_m a {
	border-radius: 30px;
	color: #fff !important;
	width: 9.5rem;
	height: 3.5rem;
	line-height: 5rem;
	text-align: center;
	display: flex;
	align-items:center;
	padding: 0 25px;
	font-weight: 600;
	margin: 5px 0;
	box-shadow: 8px 8px 12px rgba(0, 0, 0, .1);
}
.quick_m a span {
	display:inline-block;
	margin-right: 10px;
}
.quick_m a:nth-child(1) {
	background: #ffd63e;
	color: #000 !important;
}
.quick_m a:nth-child(1):hover {
	background: #fdbd27;
}
.quick_m a:nth-child(2) {
	background: #705a49;
}
.quick_m a:nth-child(2):hover {
	background: #513c2c;
	color: #fff !important;
}


@media (max-width:575px) {	
	.quick_m {
		display: none !important;
	}
}
	

/* 모달팝업 */
.modal-open {
	padding-right: 0 !important;
}
.modal-open .modal {
    padding-right: 0 !important;
}