/* BASIC css start */
/* BASIC css start */
#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 } 
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], input[form="order_form"] { height:35px; border:none; border-bottom:1px solid #2b2b2b; vertical-align: middle; padding-left:10px; background: transparent; box-sizing: border-box; -webkit-border-radius:0; border-radius: 0; } 
.top_banner { display:none; } 
.change_logo { width:181px; height:28px; background:url(/design/45th/one/img/renewal/one_45_logos.png); background-size:contain; background-repeat:no-repeat; } 

header {position:relative;width:100%;background:rgba(255,255,255,0);z-index: 99999;transition:all 1s;} 
header.act{ position:fixed !important; top:0; left:0; right:0;} 
.nav_wrap {display: flex;position:relative;padding: 30px 55px;z-index: 999;background: transparent;justify-content: space-between;align-items: center;transition: all 1s;} 
.nav_wrap:hover { background:rgba(255,255,255,1); } 
.nav_wrap .logo_wrap { display: inline-block; position:absolute; left:50%; top:30px; text-align:center; transform:translateX(-50%); z-index: 5; } 
.nav_wrap .option_wrap { position:absolute; top:30px; right:50px; } 
.nav_wrap .option_wrap li { float:left; } 
.nav_wrap .option_wrap li a { display: inline-block; padding: 0 15px; font-size:12px; color: #000; font-weight:700; box-sizing: border-box; } 
.one_bugger_wrap.index {display:block;width: auto;height:28px;cursor:pointer;} 
.one_bugger_wrap.index a { margin-right:48px; font-size: 24px; } 
.one_bugger_wrap.index a:hover { border-bottom:2px solid #000; } 
.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:2002; } 
.left_panel { display:none; position:fixed; left:0; top:0; width: 430px; height:100%; background:#fff; overflow:auto; z-index: 10000000; transition:all .7s; border-right: 1px solid #ddd; } 
.left_panel li a { line-height: 1px !important; font-size: 15px; color: #000; font-weight: normal; } 
.left_panel li a:hover { color:#8d0000; } 
.left_panel.active { height:100% } 
.left_panel .tab_content { position: relative; padding-top: 85px; z-index: 15; background: #fff; } 
.tab_content ul li { position: relative; margin-bottom: 20px; padding-left:50px; font-size:15px; text-align:left; line-height: 1; } 
.tab_content ul li.tab_hover {margin-bottom: 80px;cursor: pointer;} 
.tab_content ul li.tab_hover:last-child { margin-bottom:0; } 
.tab_content ul li.tab_hover a:hover{color:#000;}
.tab_content ul li.tab_hover a img {width: 100px;} 
.tab_content ul li.tab_hover.active a img {} 
.tab_content ul li.tab_link{margin-bottom:10px;}
.tab_content ul li.tab_link img{width: 8px !important;}
.tab_content ul li p{margin-top:20px;display: flex;justify-content: space-between;align-items: center;padding: 0 41px 0 0;}
.tab_content .tab_hover a i { position: absolute; top: 50%; right: 43px; -webkit-transform: translate(-10px,-50%); -o-transform: translate(-10px,-50%); transform: translate(-10px,-50%); -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; -o-transition-property: opacity,-o-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform,-o-transform; -webkit-transition-timing-function: cubic-bezier(0.19,1,0.22,1); -o-transition-timing-function: cubic-bezier(0.19,1,0.22,1); transition-timing-function: cubic-bezier(0.19,1,0.22,1); -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; opacity: 0; display: block; width: 12px; height: 21px; background-image: url(/design/45th/img/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 { -webkit-transform: translate(0px,-50%); -o-transform: translate(0px,-50%); transform: translate(0px,-50%); opacity: 1; } 
.tab_content.tab_cs { position: absolute; bottom: 50px; } 
.depth_02 ul { position:relative; position: fixed; top: 0px; bottom: 0px; left: 430px; opacity: 0; padding: 85px 65px; min-width: 430px; border-right: 1px solid #e5e5e5; background-color: #ffffff; overflow-y: auto; height: 100vh; -webkit-transform: translateX(-280px); -o-transform: translateX(-430px); transform: translateX(-430px); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25,0.1,0,1) 0s; transition:
 -webkit-transform 0.5s cubic-bezier(0.25,0.1,0,1) 0s; -o-transition: -o-transform 0.5s cubic-bezier(0.25,0.1,0,1) 0s; transition: transform 0.5s cubic-bezier(0.25,0.1,0,1) 0s; transition: transform 0.5s cubic-bezier(0.25,0.1,0,1) 0s,
 -webkit-transform 0.5s cubic-bezier(0.25,0.1,0,1) 0s,-o-transform 0.5s cubic-bezier(0.25,0.1,0,1) 0s; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,
 -webkit-transform; -o-transition-property: opacity,-o-transform; transition-property: transform,opacity; transition-property: transform,opacity,
 -webkit-transform,-o-transform; } 
.depth_02 ul.active { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } 
.depth_02 li { margin-bottom: 20px; line-height: 1; } 

/* °Ë»öâ ·¹À̾î */
.sch_layer { display: none; position: fixed; top: 0; right: 0; width: 495px; height: 100%; background: #fff; overflow: auto; z-index: 2003; transition: all .7s; border-left: 1px solid #ddd; padding: 160px 45px; box-sizing: border-box; } 
.sch_layer .sch_wrap {border-bottom: 1px solid #bdbdbd;display: flex;justify-content: space-between;align-items: center;padding: 0;margin-bottom: 80px;} 
.sch_layer .sch_wrap input {width: 90%;height: 50px;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: 30px; } 

/* ·Î±×ÀÎâ ·¹À̾î */
.login_layer { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: auto; background: #fff; overflow: auto; z-index: 2003; transition: all .7s; padding: 45px 40px; box-sizing: border-box; } 
.login_layer .login_layer_close { cursor:pointer; position:absolute; top:24px; right:24px; } 
.login_layer h1 { text-align: center; font-size: 12px; color: #000; margin-bottom: 28px; font-weight: bold; } 
.login_layer dl { } 
.login_layer dl dt {font-size: 12px;/* font-weight: 600; */color: #000;margin-bottom: 4px;} 
.login_layer dl dd { margin-bottom: 25px; } 
.login_layer dl dd input { width: 100%; height: 40px; line-height: 40px; border: 1px solid #000; } 
.login_layer .login_chk { margin-bottom:30px; } 
.login_layer .login_chk label { font-size:12px; /* font-weight: 600; */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: 16px 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; } 
.login_layer .login_btn_wrap a:nth-child(2):hover,
.login_layer .login_btn_wrap a:nth-child(3):hover,
.login_layer .login_btn_wrap a:nth-child(4):hover,
.login_layer .login_btn_wrap a:nth-child(5):hover,
.login_layer .login_btn_wrap a:nth-child(7):hover{background:#000; color:#fff; border-color:#000;}

/* üũ¹Ú½º µðÀÚÀÎ */
input[type="checkbox"] { width: 10px; height: 10px; cursor: pointer; background: url(/design/45th/img/chk_off.png) transparent no-repeat center/10px 10px; 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; } 



/* BASIC css end */


/* BASIC css end */