.main-wrap{width:1600px;margin:0 auto;padding:3.9rem 0 6.75rem 0;display:flex;justify-content:space-between;}
#container{position:relative;z-index:0;}


/*왼쪽메뉴*/
.main-wrap #snb{width:13rem;}
.main-wrap #snb .left_menu_title{position:relative;}
.main-wrap #snb .left_menu_title strong {display:flex;justify-content:center;align-items:center;background: linear-gradient(0deg, #fab522 ,#ea5b1c);height:13.5rem;border-radius:0.75rem 0.75rem 0 0;font-size:1.5rem;color:#fff;font-weight:700;position:relative;overflow:hidden;padding-bottom:7.2rem;}
.main-wrap #snb .left_menu_title:after{content:'';display:block;position:absolute;width:5.95rem;height:6.2rem;background:url(/images/common/default/content/strong-bg.png)no-repeat center center;background-size:cover;bottom:6.2rem;right:0;}
.main-wrap #snb .left_menu_title span {position:relative;z-index:1;}
.main-wrap #snb > ul {background:#fff;margin-top:-7.2rem;position:relative;border-radius:0.75rem;box-shadow: 5px 0 23px rgb(0 0 0 / 10%);padding:1.75rem 1.25rem;padding-top:1rem;}
.main-wrap #snb > ul > li > a{font-size:0.9rem;padding:1rem 0;display:block; position:relative;font-weight:500;}
.main-wrap #snb > ul > li > a:hover{color:#ea6a1c;}
.main-wrap #snb > ul > li > a:after{content:'';display:block;position:absolute;width:100%;height:1px;background:#ddd;bottom:0;left:0;}
.main-wrap #snb > ul > li > a:before{content:'';display:block;position:absolute;width:12px;height:7px;background:url(/images/common/default/content/arrow.svg)no-repeat center center;background-size:cover;right:0;top:1.25rem;}
.main-wrap #snb > ul > li ul {border-bottom:1px solid #ddd;visibility: hidden;overflow: hidden;width: 0;height: 0;opacity: 0;display: block !important;    transition: all 0.3s;}
.main-wrap #snb > ul > li ul li:not(:last-child){margin-bottom:0.75rem;}
.main-wrap #snb > ul > li ul li a{font-size:0.8rem;color:#666;position:relative;padding-left:0.75rem;font-weight:500;}
.main-wrap #snb > ul > li ul li a:before{content:'';display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#ccc;left:0;top:0.35rem;}

.main-wrap #snb > ul > li > a:has(strong) {color:#ea6a1c;}
.main-wrap #snb > ul > li > a:has(strong):before{background:url(/images/common/default/content/arrow-on.svg)no-repeat center center;background-size:cover;}
.main-wrap #snb > ul > li.on > a:after {background:#ea6a1c}


.main-wrap #snb > ul > li ul li a:after{content:'';display:block;position:absolute;width:0;height:1px;background:#333;bottom:-5px;left:0.75rem;transition: width ease-out .2s;}
.main-wrap #snb > ul > li:first-child > a{}
.main-wrap #snb > ul > li ul li a.on{color:#333}
.main-wrap #snb > ul > li ul li a.on:after{width:calc(100% - 0.75rem);}
.main-wrap #snb > ul > li ul li a:hover:after{width:calc(100% - 0.75rem);}
.main-wrap #snb > ul > li > a:hover:before{background:url(/images/common/default/content/arrow-on.svg)no-repeat center center;background-size:cover;}

/*3차 메뉴 없을때*/
.main-wrap #snb > ul > li.none-03 > a:before {display:none;}


/*엑티브 효과*/
.main-wrap #snb > ul > li.active ul {padding:1rem 0;    visibility: visible;overflow: visible;width: auto;height: auto;opacity: 1;}
.main-wrap #snb > ul > li.active > a:before{transform: rotate(180deg);background:url(/images/common/default/content/arrow-on.svg)no-repeat center center;background-size:cover;}
.main-wrap #snb > ul > li.active > a{color:#ea6a1c;font-weight:800;}
.main-wrap #snb > ul > li.active > a:after{height:2px;background:#ea6a1c}
.main-wrap #snb > ul > li ul li a:has(strong) .main-wrap #snb > ul > li ul {padding:1rem 0;    visibility: visible;overflow: visible;width: auto;height: auto;opacity: 1;}


/*컨텐츠 효과*/
.main-wrap #contents {width:64rem;}
.main-wrap #contents .page_title{margin-bottom:3rem;}
.main-wrap #contents .page_title .page_title_name{font-size:2rem;font-weight:700;}
.main-wrap #contents .page_title .page_navigation ul.path {display:flex;margin-top:1rem;}
.main-wrap #contents .page_title .page_navigation ul.path li{padding:0 0.5rem;position:relative}

.main-wrap #contents .page_title .page_navigation ul.path li:first-child{padding-left:0;}
.main-wrap #contents .page_title .page_navigation ul.path li:last-child{padding-right:0;}
.main-wrap #contents .page_title .page_navigation ul.path li:not(:last-child):after{content:'';display:block;position:absolute;right:0;width:6px;height:10px;background:url(/images/common/default/content/path-arrow.png)no-repeat center center;background-size:cover;top:50%;transform:translate(50%,-50%);}

.main-wrap #contents .page_title .page_navigation ul.path li a{font-size:0.7rem;color:#666;line-height:1rem;}
.main-wrap #contents .page_title .page_navigation ul.path li.home a{position: relative;display: inline-block;width:0.8rem;height:1rem;text-indent: -9999px;}
.main-wrap #contents .page_title .page_navigation ul.path li.home a:before{content:'';display:block;position:absolute;width:0.8rem;height:0.75rem;background:url(/images/common/default/content/home-icon.png)no-repeat center center;background-size:cover;top:50%;margin-top:-0.375rem;}
.main-wrap #contents .page_title .page_navigation ul.path li a.active{color:#333;}

@media (max-width:1600px){
    .main-wrap{width:100%;padding:3.9rem 1rem 5rem 1rem;}
    .main-wrap #snb{width:13rem;}
    .main-wrap #contents{width:calc(100% - 15rem);}
}
@media (max-width:1030px) {
    .main-wrap #snb {display:none;}
    .main-wrap #contents{width:100%;}
    .main-wrap #contents .page_title{margin-bottom:2rem;}
}


/*마이페이지 멤버십 서브 레이아웃*/
#container.member{background:#fafafa;}
#container.member .main-wrap #snb{display:none;}
#container.member .main-wrap #contents {width:100%;}
#container.member .main-wrap #contents .page_title .page_title_name {text-align: center;}
#container.member .main-wrap #contents .page_title .page_navigation ul.path {display:none;}

/*로그인 페이지*/
.login-bx{background:#fff;padding:2.5rem 3rem;border-radius:0.75rem;}