/* 200 SourceHanSansCN-ExtraLight 300 SourceHanSansCN-Light 400 SourceHanSansCN-Normal 500 SourceHanSansCN-Regular 600 SourceHanSansCN-Medium 700 SourceHanSansCN-Bold 900 SourceHanSansCN-Heavy */ @font-face { font-family: 'SourceHanSansCN'; src: url('../fonts/SourceHanSansCN-ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceHanSansCN'; src: url('../fonts/SourceHanSansCN-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceHanSansCN'; src: url('../fonts/SourceHanSansCN-Normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceHanSansCN'; src: url('../fonts/SourceHanSansCN-Regular.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceHanSansCN'; src: url('../fonts/SourceHanSansCN-Medium.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceHanSansCN'; src: url('../fonts/SourceHanSansCN-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceHanSansCN'; src: url('../fonts/SourceHanSansCN-Heavy.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } .clear { clear: both; } .clearfix::after { content: ""; display: block; clear: both; } caption, .blind {position: absolute;overflow: hidden;width: 1px !important;height: 1px !important;padding:0 !important;margin:0 !important;clip: rect(0 0 0 0);clip-path: inset(50%);} .inner{max-width:1440px;padding:0 20px;margin:0 auto;} .wrap{background:#140f07;overflow-x:hidden;} .ovhide{overflow:hidden;} .disnoc{display:none !important;} header{background:#0f0b05;position:relative;z-index:10;border-bottom:1px solid #2e2313;} .header-con{min-height:122px;display:flex;align-items: center;justify-content: space-between;} .header-con h1{margin-right:9%;flex:0 0 auto;margin-left:-5px;} .nav-box{flex:1 1 auto;} nav .menu > ul{display:flex;align-items: center;} nav .menu > ul > li{flex:1 1 auto;position:relative;} nav .menu > ul > li > a{padding:10px;font-size:20px;font-weight:600;line-height:1.2;color:#e1e0e0;display:flex;justify-content: center;align-items: center;height:122px;} nav .menu > ul > li > a.on{color:#d67010;} nav .menu > ul > li .depth1{position:absolute;left:0;right:0;top:100%;margin-top:-1px;border:1px solid #d67010;padding:20px 20px 22px 20px;border-radius:5px;background:#291c10;display:none;;} nav .menu > ul > li .depth1-con > ul > li + li{margin-top:8px;} nav .menu > ul > li .depth1-con > ul > li > a{font-size:17px;font-weight:400;color:#d67010;line-height:1.2;position:relative;padding-left:11px;} nav .menu > ul > li .depth1-con > ul > li > a:hover{text-decoration: underline; text-underline-offset: 4px;} nav .menu > ul > li .depth1-con > ul > li > a::before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#d67010;position:absolute;left:0;top:9px;} nav .menu1 > ul > li:hover .depth1{display:block;} .mob-menu-hd, .mob-btn-box{display:none;} .overlay{display: block;width: 100%;height: 0;background: rgba(0, 0, 0, .65);position: fixed;inset: 0;z-index: 9;opacity: 0;transition: opacity .3s, height 0.5s cubic-bezier(0.4, -0.49, 1, 0.26);} .overlay.on{height: 100%;opacity: 1;transition: opacity .3s ease-in-out, height 0s;} .contrast-wrap{padding:0 0 138px 0;position: relative;z-index: 1;} .foot{background:#0d0d0d;padding:60px 0;position: relative;border-top:1px solid #1c1811;} .foot-list{padding:0;} .foot-list > ul{display:flex;justify-content: center;margin-left:-115px;margin-top:-40px;} .foot-list > ul > li{max-width:280px;margin-left:115px;margin-top:40px;flex:1 1 auto;} .foot-list > ul > li > a{font-size:18px;font-weight:700;color:#fff;} .foot-list > ul > li.in-click > a{pointer-events: none;cursor: default;} .foot-list > ul > li > span{font-size:20px;font-weight:700;color:#fff;} .foot-list > ul > li > ul {padding-top:10px;} .foot-list > ul > li > ul > li {margin-top:14px;line-height:1.6;padding-left:1px;} .foot-list > ul > li > ul > li > *{font-size:15px;font-weight:300;color:#787878;} .foot-list > ul > li > ul > li > a:hover{color:#f49d25;} .foot-list > ul > li > ul > li .fot-link-icon{margin-top:35px;display:flex;} .foot-list > ul > li > ul > li .fot-link-icon > *{margin-right:16px;border-radius:50%;overflow:hidden;height:40px;width:40px;display:inline-block;} .foot-list > ul > li .subsc-bar{height:48px;background:#191919;border-radius:50px;border:1px solid #313131;padding:5px;min-width:235px;transition:.1s;} .foot-list > ul > li .subsc-bar-con{position:relative;display:flex;justify-content: space-between;} .foot-list > ul > li .subsc-bar input[type="text"]{border:0;padding:0;background:transparent;font-size:14px;color:#fff;font-weight:300;padding:0 10px 0 14px;height:auto;width:100%;flex:1 1 auto;} .foot-list > ul > li .subsc-bar input:focus-visible, .foot-list > ul > li .subsc-bar input:focus{outline: none;box-shadow: none;box-shadow: none;} .foot-list > ul > li .subsc-bar input[type="text"]:placeholder{font-size:13px;color:#63697a;font-weight:400;} .foot-list > ul > li .subsc-bar .link-a{display:flex;align-items: center;justify-content: center;font-size:13px;color:#000;font-weight:900;border-radius:50px;width:105px;height:36px;background:#f49d25;flex:0 0 auto;transition:.2s;line-height:1;} .foot-list > ul > li .subsc-bar .link-a:hover{transform:scale(1.05);} .foot-address {margin-top:50px;padding-top:55px;border-top:1px solid #1c1811;} .foot-address ul{display:flex;flex-wrap:wrap;margin-top:-8px;} .foot-address ul li{font-size:15px;font-weight:300;color:#787878;margin-right:85px;margin-top:8px;} .foot-address ul li:nth-child(3){margin-right:55px;margin-left:auto;} .foot-address ul li:last-child{margin-right:0;} @media screen and (max-width:1280px) { .foot-list > ul{display:flex;margin-left:-70px;} .foot-list > ul > li{margin-left:70px;} } @media screen and (max-width:1024px) { .header-con {min-height: 100px;} .header-con h1 img{width:80px;} .contrast-wrap{padding:0 0 100px 0} .nav-box{display:none;position:fixed;top:0;right:-100%;bottom:0;background:linear-gradient(to bottom left, rgba(77, 33, 12, 1) 66%, rgba(47, 28, 18, 1) 95%);max-width:541px;width:calc(100% + 1px);z-index:10001;padding:10px 21px 25px 20px;overflow-y:auto;} .nav-box nav{margin-top:11px;border-top:1px solid #ddd; } .nav-box nav .menu{padding-top:15px;} .nav-box nav .menu > ul {display:block;} .nav-box nav .menu > ul > li {background:rgba(0,0,0,.25);margin-top:12px;} .nav-box nav .menu > ul > li > a {font-size: 19px;padding:5px 40px 6px 25px;font-weight: 500;line-height: 1.2;height:auto;min-height: 50px;justify-content: flex-start;position:relative;} .nav-box nav .menu > ul > li > a.next-con::after{content: "";display: block;width: 15px;height: 15px;background: url(../images/common/next-icon.png) no-repeat left top / 100% auto;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);transition: 0.2s, background-position 0s;} .nav-box nav .menu > ul > li > a.on::after{background-position:bottom;transform:rotate(180deg) translateY(50%);} .nav-box nav .menu > ul > li .depth1{position:static;background:none;border:0;border-top:1px dashed #d67010;border-radius:0;padding: 15px 20px 20px 35px;} .mob-menu-hd{display:flex;justify-content: space-between;align-items: center;} .mob-logo img{width:60px;} .mob-btn-box{display:block;} .mob-meun-btn{width:30px;height:24px;display:flex;justify-content: flex-end; align-items: center;padding:0;margin-left:15px;transition:.15s;} .mob-meun-btn span{position:relative;width:26px;height:4px;border-radius:3px;background:#fff;opacity:.5;display:inline-block;} .mob-meun-btn span::before, .mob-meun-btn span::after{content:"";display:block;width:26px;height:4px;border-radius:3px;background:#fff;position:absolute;width:14px;left:6px;top:8px;transition:all .08s;} .mob-meun-btn span::before{top:-8px;width:26px;left:0;} .mob-meun-btn span::after{left:0;background:fff;width:26px;} .mob-meun-btn.on{} .mob-meun-btn.on span {background: transparent;} .mob-meun-btn.on span::before {transform: rotate(-45deg);top: 0;left:-2px;width:26px;} .mob-meun-btn.on span::after {transform: rotate(45deg);top: 0;left:-2px;width:26px} .foot-list {padding: 0 10px;} .foot-list > ul{flex-wrap:wrap;} .foot-list > ul > li{flex:1 1 auto;} .foot-list > ul > li.list-icon{width:100%;border-top:1px solid #343434;margin-top:30px;padding:25px 0 0 0;display:none;} .foot-list > ul > li.list-icon > span{font-size:} .foot-list > ul > li.list-icon > ul{display:flex;flex-wrap:wrap;padding:0;} .foot-list > ul > li.list-icon > ul > li.s1{margin-right:15px;} .foot-list > ul > li.list-icon > ul > li > span{padding-left:25px;} .foot-list > ul > li.list-icon > ul > li > span br{display:none;} .foot-list > ul > li.list-icon > ul > li.s3 {width:100%;} } @media screen and (max-width:768px) { .header-con {min-height: 75px;} .header-con h1 img{width:60px;} .contrast-wrap{padding:0 0 50px 0} .foot {padding: 30px 0 35px 0;} .foot-list {padding: 0;position: relative;z-index: 1;} .foot-list > ul{margin:1px 0 0 1px;} .foot-list > ul > li {margin:0;max-width:none;} .foot-list > ul > li > ul > li {margin-top: 10px;} .foot-list > ul > li.in-click{width:calc(100% / 2 + 1px);margin:-1px 0 0 -1px;padding:0;border:1px solid #818181;position:relative;height:43px;} .foot-list > ul > li.in-click > a{display:flex;align-items: center;padding:3px 30px 3px 12px;font-size:17px;font-weight:500;height:100%;line-height:1.1;pointer-events:auto;position:relative;} .foot-list > ul > li.in-click > a.ncon::after{content:"";display:block;width:11px;height:7px;background:url(../images/common/foot_next_icon0.png) no-repeat left top / 100% auto;position:absolute;right:10px;top:50%;transform:translatey(-50%);transition:.15s;} .foot-list > ul > li.in-click.on > a.ncon::after{background-position:left bottom;transform:translatey(-50%) rotate(-90deg);} .foot-list > ul > li.in-click > ul{display:none;} .foot-list > ul > li.in-click > ul > li:first-child{margin-top:0;} .foot-list > ul > li.in-click > ul > li > a{color:#874100;padding-left:11px;position:relative;} .foot-list > ul > li.in-click > ul > li > a::before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#874100;position:absolute;left:0;top:9px;} .foot-list > ul > li.on > a{background:#ededed;color:#7f4107;} .foot-list > ul > li.on > ul{display:block;position:absolute;bottom:100%;left:0;right:0;border:1px solid #ddd;padding:20px 15px;background:#ededed;} .foot-list > ul > li.list-icon {margin-left:-1px;} .foot-list > ul > li.list-icon > ul > li, .foot-list > ul > li.list-icon > ul > li + li, .foot-list > ul > li.list-icon > ul > li.s1 {margin-top: 15px;} .foot-list > ul > li.foot-logo {margin-top:25px;position:relative;display:none;} .foot-list > ul > li.foot-logo img{width:160px;} .foot-list > ul > li.foot-logo .fot-link-icon{position:absolute;right:0;top:-5px;margin:0;} .foot-list > ul > li.foot-logo .fot-link-icon a{margin:0 0 0 16px;} .foot-list > ul > li.fot-subsc {margin-top:25px;display:flex;flex-wrap:wrap;align-items: center;} .foot-list > ul > li.fot-subsc ul{padding:0;} .foot-list > ul > li.fot-subsc ul > li{margin:0;} .foot-list > ul > li.fot-subsc > span{font-size:18px;margin:7px 0;margin-right:20px;} .foot-address {margin-top: 25px;padding-top: 25px;} .foot-address ul{margin:-5px 0 0 0; justify-content: center;} .foot-address ul li:nth-child(1), .foot-address ul li:nth-child(2){width:100%;text-align:center;margin:5px 0 0 0;} .foot-address ul li:nth-child(3), .foot-address ul li:nth-child(4){margin:10px 15px 0 15px;} } @media screen and (max-width:480px) { .foot-list > ul > li.fot-subsc ul {width: 100%;} } @media screen and (max-width:360px) { .nav-box nav .menu > ul > li > a {font-size: 20px;padding:5px 30px 6px 20px;} .nav-box nav .menu > ul > li .depth1 {padding: 15px 20px 20px 25px;} }