/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
@font-face {
  font-family: 'Malgun Gothic';
  src: url('/design/45th/font/malgun.ttf') format('truetype');
  font-weight: 500;
}

#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 } 
#smartskinSearch { display:inline-block; width:70%; } 
#smartskinSearch .search_btn { vertical-align:bottom; } 
#smartskinSearch input[type="text"] { width:70%; height:auto; margin:0 5px 2px 5px; padding-left:5px; color:#fff; } 
#smartskinSearch input[type="text"]:focus { border:none; background:transparent; } 
.top_banner { display:none; } 
.change_logo { width:167px; height:26px; background:url(/design/45th/one/img/renewal/one_45_logos.png); background-size:contain; background-repeat:no-repeat; } 
header {position:relative;width:100%;z-index: 99999;} 
header .nav_wrap {max-width:100%;padding: 20px 13px 20px 15px;background: rgba(255, 255, 255, 0);transition: all 1s;display: flex;justify-content: space-between;align-items: center;} 
header .nav_wrap .logo_wrap { position:absolute; left:50%; top:30px; text-align:center; transform:translateX(-50%); } 
header .nav_wrap .logo_wrap img { width:80%; } 
header .nav_wrap .option_wrap {top: 13px;right: 15px;} 
header .nav_wrap .optin_wrap li { float:left; margin:10px; } 
header .nav_wrap .option_wrap li a {display: inline-block;padding: 0px 0;font-size:12.5px;color:#4b4b4b;font-weight:700;} 
.one_bugger_wrap.index {display:block;top: 20px;left: 30px;width: auto;height: auto;cursor:pointer;} 
.one_bugger_wrap.index span { display:block; width: 20px; height: 2px; background:rgba(0,0,0,1); transition:all 1s; } 
.one_bugger_wrap.index.active span { background:#4d4d4d; } 
.one_bugger_wrap.index span:nth-child(1) { margin-top:0; } 
.one_bugger_wrap.index span:nth-child(2) { margin-top: 4px; } 
.one_bugger_wrap.index span:nth-child(3) { margin-top: 4px; } 
.one_bugger_wrap.index.active span:nth-child(1) {margin-top: 4px;transform:rotate(-135deg);} 
.one_bugger_wrap.index.active span:nth-child(2) { display:none; } 
.one_bugger_wrap.index.active span:nth-child(3) { margin-top:-1px; transform:rotate(-45deg); } 
.wrap_btnsnb { position:absolute; top:30px; right:26px; } 
.wrap_btnsnb a { padding:4px; } 
header.act { position:fixed; top:0; left:0; /*height:50px; background:#fff;*/ } 
header.act .one_bugger_wrap { top: 20px; } 
header.act .nav_wrap{/*background: #fff;*/}
header.act .nav_wrap .logo_wrap { top:17px; } 
header.act .change_logo { width:130px; height:21px; } 
header.act .wrap_btnsnb { top:15px; } 
header.active #topbanner{display:none;}
nav .cate_logo_one img { height:13px; vertical-align:middle; } 
nav .cate_logo_45 img { height:14px; vertical-align:middle; } 
.mobile-icon { display:inline-block; width:20px; height:20px; background:url(/design/45th/one/img/renewal/mobile-bicon.svg) no-repeat; background-size:140px 20px; } 
.mobile-icon-close { background-position:-80px 0 !important; } 
.mobile-icon-bag { background-position:-120px 0 !important; } 
.mobile-icon-my { background-position:-100px 0 !important; } 
.mobile-wicon { display:inline-block; width:15px; height:15px; background:url(/design/45th/one/img/renewal/mobile-wicon.svg) no-repeat; background-size:125px 15px; } 
.mobile-wicon-search { background-position: -40px 0 !important; } 
/* icon cart */
.snb-cart .badge { position:absolute; top:7px; left:16px; padding:0 3px; line-height:12px; border-radius:2px; background-color:#737373; } 
.snb-cart span { display:block; font-size:10px; font-weight:600; color:#eee; } 
.backdrop_bg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); z-index:2002; } 
.left_panel li a {position: relative;display: block;height:auto !important;color:#000;line-height: 25px;font-size: 12px;} 
.left_panel {position:fixed;left:0;top:0;width:100%;height:0%;background:#fff;overflow:auto;z-index: 99997;transition:all .7s;} 
.left_panel.active { height:100% } 
.left_panel .logo_tap { margin-top:35px; padding:0 30px 0 30px; } 
.left_panel .logo_tap>li { float:left; width:50%; height:42px; font-size:20px; text-align:center; letter-spacing:5px; color:#eee; border-bottom:solid 1px #eee; cursor:pointer; } 
.left_panel .logo_tap>li.active { border-bottom:solid 3px #fff; } 
.left_panel .logo_tap>li:first-child { display:block; opacity:.3; } 
.left_panel .logo_tap>li.active:first-child { opacity:1; } 
.left_panel .logo_tap>li:last-child { opacity:.3; } 
.left_panel .logo_tap>li.active:last-child { opacity:1; } 

.btn_leftbottom { display:none; position:fixed; left:50%; bottom:40px; width:200px; padding-top:10px; text-align:center; line-height:32px; background:rgba(255,255,255,.6); border-radius:100px; transform:translateX(-50%); transition:all .6s; } 
.btn_leftbottom.sticky { position:sticky; left:auto; bottom:auto; margin:30px auto 30px auto; transform:none; } 
.left_panel.active .btn_leftbottom { display:block; } 
.btn_leftbottom li { display:inline-block; margin:0 20px; } 
.tap_one img { width:70px; margin-top:7px; } 
.tab_content {width: 100%;position:relative;padding: 80px 0 0;height:100%;} 
.tab_content .tab_hover { position:relative; font-size:15px; margin-bottom: 12px; line-height:1; } 
.tab_content .tab_hover:last-child { margin-bottom:0; } 
.tab_content .tab_hover a img {width: 90px;} 
.tab_content .tab_hover.active a img { opacity: 1; } 
.tab_content .tab_hover { margin-bottom:30px } 
.tab_content .tab_hover a p{margin:4px 0;display: flex;justify-content: space-between;align-items: center;}
.tab_content .tab_hover a i { position:absolute; top: 9px; right: 0; display:block; width: 15px; height: 8px; background-image:url(/design/45th/img/m_arrow_more.png); background-repeat:no-repeat; background-position:0 0; -webkit-background-size:100% 100%; background-size:100% 100%; } 
.tab_content .tab_hover.active a i { transform: rotate(180deg); transition: transform 0.3s ease; } 
.tab_content .tab_hover dl {display:none;padding: 10px 0 0 10px;} 
.tab_content .tab_hover.active dl {display:block;border-top: 1px solid #ddd;} 
.tab_content .tab_hover dl dd {margin: 2px 0;} 
.tab_content .tab_hover dl dd a { } 
.event_content { } 
.event_content li { position:relative; margin:5px 0; padding-left:35px; font-size:16px; text-align:left; } 
.event_content li .open_icon { display:inline-block; position:absolute; top:-5px; right:35px; padding:10px; font-family:'dotum'; font-size:24px; cursor:pointer; } 
.event_content li.font-ns { font-family:'Noto Sans KR',serif; font-size:13px; } 
.event_content li .depth_02 { display:none; padding:5px 0 5px 10px; } 
.event_content li .depth_02 li { padding:0; font-size:14px; opacity:.7; } 
.event_content li .depth_02 li:last-child { margin:0; } 
.search_area {position: relative;bottom: 10px;padding: 80px 0 0;} 
.search_area li { } 
.member_content li { position:relative; opacity:.7; margin:30px 0 0 0; padding-left:35px; font-size:12px; text-align:left; } 
.left_info { margin-bottom:50px; padding-left:60px; } 
.left_info h3 { font-size:20px; font-weight:600; margin-bottom:30px; } 
.left_info li { font-family:'Noto Sans KR',serif; font-size:18px; color:#666; } 
.left_info li em { color:#000; font-weight:700; } 
.left_info.sns_wrap { margin-top:100px; } 
.left_info.sns_wrap li { margin:15px 0; } 
.left_info.support_wrap { margin-bottom:100px; } 
.left_info.support_wrap li { margin-bottom:12px; } 
@media screen and (max-width:420px){
 .one_bugger_wrap.index {left: 15px;} 
.wrap_btnsnb { right:16px; } 
 }
.option_wrap {top:13px;right:15px;display:flex;align-items: center;} 
.option_wrap li {margin-left: 10px;} 
.option_wrap li a { font-size:12px; color:#000; font-weight:bold; } 
.option_wrap li a img{height: 26px;vertical-align: middle;}
.ham_wrap { padding:0 34px; height:100%; } 
.depth_02 { width:50%; padding:100px 34px; } 
.depth_02 ul { display:none; } 
.depth_02 ul.active { display:block; } 
.depth_02 ul li { position:relative; font-size:15px; margin-bottom: 12px; line-height: 1; } 


/* 검색창 레이어 */
.sch_layer {position:fixed;left:0;top:0;width:100%;height:0%;background:#fff;overflow:auto;z-index: 99998;transition:all .7s;padding: 0 40px;} 
.sch_layer.active { height:100% } 
.sch_layer .sch_wrap { border-bottom: 1px solid #bdbdbd; display: flex; justify-content: space-between; align-items: center; padding: 0; margin: 140px 0 70px; } 
.sch_layer .sch_wrap input { width: 90%; border: 0; color: #a5a5a5; font-size: 12px; } 
.sch_layer .sch_keyword { display: flex; flex-direction: column; } 
.sch_layer .sch_keyword a { font-size: 12px; font-weight: bold; color: #333; margin-bottom: 25px; } 

/* 로그인창 레이어 */
.login_layer { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85%; height: auto; background: #fff; overflow: auto; z-index: 99999; transition: all .7s; padding: 35px 10px 10px; box-sizing: border-box; } 
.login_layer .login_layer_close { cursor:pointer; position:absolute; top:24px; right:24px; } 
.login_layer .login_layer_close img { width: 15px; height: auto !important; } 
.login_layer h1 { text-align: center; font-size: 12px; font-weight: bold; color: #000; margin-bottom: 16px; } 
.login_layer dl { } 
.login_layer dl dt { font-size: 11px; color: #000; margin-bottom: 4px; } 
.login_layer dl dd { margin-bottom: 13px; } 
.login_layer dl dd input { width: 100%; height: 36px; line-height: 36px; border: 1px solid #000; } 
.login_layer .login_chk { margin-bottom: 15px; } 
.login_layer .login_chk label { font-size: 11px; margin-right: 20px; } 
.login_layer .login_chk label input { vertical-align:middle; } 
.login_layer .login_btn_wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-flow: dense; gap: 7px; } 
.login_layer .login_btn_wrap a:nth-child(-n + 2) { grid-column: span 1; } 
.login_layer .login_btn_wrap a:nth-child(n + 3) { grid-column: span 2; } 
.login_layer .login_btn_wrap a { font-size: 12px; /* font-weight: 600; */color: #000; padding: 8px 0; text-align: center; border: 1px solid #bababa; } 
.login_layer .login_btn_wrap a:nth-child(1) { background:#000; color:#fff; border-color:#000; } 
.login_layer .login_btn_wrap a:nth-child(2) { background:#fff; color:#000; border-color:#000; } 
.login_layer .login_btn_wrap a:nth-child(6) { padding:0; border:0; text-align:left; margin: 6px 0; font-size: 11px; } 

.backdrop_bg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter:blur(5px); z-index:99998; } 

/* 체크박스 디자인 */
input[type="checkbox"] { width: 10px; height: 10px; cursor: pointer; background: url(/design/45th/img/chk_off.png) transparent no-repeat center/10px 10px !important; border-radius:0 !important; border:0 !important; appearance: none; -moz-appearance: none; -webkit-appearance: none; } 
input[type="checkbox"]:checked { background: url(/design/45th/img/chk_on.png) transparent no-repeat center/10px 10px !important;border-radius:0 !important;border:0 !important; } 

.dn{display:none !important;}

li.tab_hover.tab_link {
    margin-bottom: 10px !important;
}

li.tab_hover.tab_link img {
    width: 7px;
    vertical-align: sub;
}
/* BASIC css end */


/* BASIC css end */