@charset "UTF-8";

*{outline:none;-webkit-text-size-adjust:none;}
button,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;font-family:inherit;}
input,select,textarea{-ms-user-select:auto;-moz-user-select:auto;-webkit-user-select:auto;-khtml-user-select:auto;user-select:auto;}

html,body{font-family:"Pretendard",sans-serif;}


.sitewidth{min-width:calc(1460px + 60px);width:calc(1460px + 60px);padding:0 30px;margin:0 auto;box-sizing:border-box;}
.sitewidth.width_large{width:auto;max-width:calc(1800px + 60px);}


#header{position:fixed;z-index:999;left:0;top:0;margin:0;padding:0;width:100%;}
#header .banner{position:relative;margin:0;padding:0;height:35px;background-color:#1c1c1c;}
#header .banner .inner{position:relative;height:100%;}
#header .banner .list{position:relative;margin:0;padding:0;height:100%;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .banner .list .item{position:relative;margin:0;padding:0;font-size:15px;font-weight:300;color:#ffffff;line-height:1.2;letter-spacing:-0.025em;text-align:center;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex:1;}
#header .menus{position:relative;margin:0;padding:0;border-bottom:1px solid #eeeeee;width:100%;height:70px;background-color:#ffffff;box-sizing:border-box;}
#header .menus .inner{position:relative;height:100%;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;}
#header .menus .logo{position:relative;margin:0;padding:0;display:block;background-image:url("../img/layout/logo.png");width:122px;aspect-ratio:350/100;background-position:center center;background-repeat:no-repeat;background-size:100%;}
#header .menus .menu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0;}
#header .menus .menu > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:65px;}
#header .menus .menu > ul > li{position:relative;margin:0;padding:0;}
#header .menus .menu > ul > li > a{position:relative;margin:0;padding:0;display:block;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:700;color:#181818;line-height:1.2;letter-spacing:-0.01em;text-decoration:none;}
#header .menus .menu > ul > li .submenu{position:absolute;margin:0;padding:0;top:100%;left:50%;transform:translateX(-50%);padding-top:35px;width:200px;display:none;}
#header .menus .menu > ul > li .submenu ul{position:relative;margin:0;padding:0;list-style:none;border-radius:10px;border:1px solid #eeeeee;background-color:#ffffff;padding:10px;}
#header .menus .menu > ul > li .submenu ul li{position:relative;margin:0;padding:0;}
#header .menus .menu > ul > li .submenu ul li a{position:relative;margin:0;padding:0 5px;border-radius:5px;height:40px;font-size:16px;font-weight:400;color:#181818;line-height:1.2;letter-spacing:-0.01em;text-decoration:none;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;}
#header .menus .menu > ul > li .submenu ul li a:hover{background-color:#fafafa;}
#header .menus .menu > ul > li .submenu ul li a:active{background-color:#f6f6f6;}
#header .menus .menu > ul > li:hover .submenu{display:block;}
#header .menus .member_menu{position:relative;}
#header .menus .member_menu > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
#header .menus .member_menu > ul > li{position:relative;margin:0;padding:0;}
#header .menus .member_menu > ul > li > a{position:relative;margin:0;padding:0;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:400;color:#181818;line-height:1.2;text-decoration:none;}
#header .menus .member_menu > ul > li .count{position:absolute;top:0;right:-5px;margin:0;padding:0 3px;min-width:20px;height:20px;font-size:12px;font-weight:500;color:#ffffff;white-space:nowrap;line-height:1.2;padding:0 5px;border-radius:10px;background-color:#D6272B;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#header .menus .member_menu > ul > li .icon{position:relative;margin:0;padding:0;width:40px;aspect-ratio:1/1;font-size:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#header .menus .member_menu > ul > li .icon:before{content:"";position:relative;margin:0;padding:0;font-family:"remixicon";font-size:25px;font-weight:400;-webkit-text-stroke:0.1px #ffffff;}
#header .menus .member_menu > ul > li .icon.admin:before{content:"\F0E6";}
#header .menus .member_menu > ul > li .icon.profile:before{content:"\F264";}
#header .menus .member_menu > ul > li .icon.cart:before{content:"\F11C";}
#header .menus .member_menu > ul > li .icon.logout:before{content:"\EEDE";}


#content{position:relative;min-height:500px;}
#header ~ #content{padding-top:calc(35px + 70px);}


#footer{position:relative;margin:0;padding:30px 0 40px;border-top:1px solid #eeeeee;background-color:#ffffff;}
#footer .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;gap:30px;}
#footer .divider{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
#footer .divider .divider_header{position:relative;margin:0;padding:0;}
#footer .divider .divider_header .title{position:relative;margin:0;padding:0;font-size:13px;font-weight:300;color:#262626;line-height:1;letter-spacing:-0.025em;}
#footer .divider .divider_body{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;}
#footer .divider .divider_body .description{position:relative;margin:0;padding:0;font-size:13px;font-weight:300;color:#989898;line-height:1.5;letter-spacing:-0.025em;}
#footer .divider .divider_body .description:is(ul){list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;gap:4px;}
#footer .divider .divider_body .description:is(ul) > li{position:relative;margin:0;padding:0;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;}
#footer .divider .divider_body .description a{position:relative;margin:0;padding:0;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;}
#footer .divider .divider_body .copyright{position:relative;margin:0;padding:0;font-size:11px;font-weight:300;color:#262626;line-height:1.5;letter-spacing:-0.025em;text-decoration:none;}
#footer .divider .divider_body * + .copyright{margin-top:20px;}
#footer .divider .divider_body .tel{position:relative;margin:0;padding:0;font-size:25px;font-weight:600;color:#262626;line-height:1;letter-spacing:-0.05em;text-decoration:none;}
#footer .divider .divider_body .links{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:18px;}
#footer .divider .divider_body .links > li{position:relative;margin:0;padding:0;}
#footer .divider .divider_body .links .item{position:relative;margin:0;padding:0;font-size:14px;font-weight:500;color:#262626;line-height:1.3;letter-spacing:-0.025em;}
#footer .divider .divider_body .links + .description{margin-top:10px;}
#footer .divider .divider_body .menus{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;gap:50px;}
#footer .divider .divider_body .menus > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;gap:6px;}
#footer .divider .divider_body .menus > ul > li{position:relative;margin:0;padding:0;}
#footer .divider .divider_body .menus .item{position:relative;margin:0;padding:0;font-size:14px;font-weight:500;color:#959595;line-height:1.3;letter-spacing:0.01em;}