/* basic css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {display: block;}
html, body { height:auto;}
body { color:#4c4c4c; line-height:1.6; letter-spacing: -0.5px; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a:link { color: inherit; text-decoration: none; }
a:visited { color: inherit; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
a:active { color: inherit; text-decoration: none; }
a:focus { color: inherit; text-decoration: none; }
select, input, textarea {font-size: 100%;vertical-align: middle; }
input {margin: 0;padding: 0;}
ol, ul {list-style: none;}
label {cursor: pointer;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
button {cursor: pointer;}
button:focus {outline: 1px dotted;}
img {vertical-align: top;}
/* table {} */

.hidden {position: absolute;width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0; top:-9999px}


input[type="text"] {box-sizing:border-box; -webkit-appearance:none;appearance:none;}
input:-ms-input-placeholder {color:#808080}
input::-webkit-input-placeholder {color:#808080}
input::-moz-placeholder {color:#808080}
input::-moz-placeholder {color:#808080}
/* textarea {} */

html, body {height:auto; -ms-overflow-style: none;}

::-webkit-scrollbar {display:none;}



/* layout*/


header { position: fixed; width: 100%; z-index:99999; top: 0; left: 0; min-width:1400px;}


.navi { position: absolute;  width: 100%; height: 90px; right: 0px; top: 0px; z-index: 9999; border: none; background: none; transition: 0.3s; border:none; display: flex; justify-content: space-between; align-items: center; padding: 0 50px; box-sizing: border-box;}
body.main .navi { animation: op 1.2s 0.4s both; }
body.sub .navi { animation: op 1.2s 0.4s both; }

@keyframes op {
	0% { opacity: 0; }
	100% {  }
}

.logo_box { display: flex; justify-content: flex-start; align-items: flex-end; }
.logo_box>a { width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: flex-end; }
.logo_box h1 {line-height: 100%;  position: relative;  transition: 0.3s; c}


.navi.active { height: 90px; background-color: #fff; border-bottom: 1px solid #ddd;  }


.gnb { position: absolute; left: 50%; top: 0; transform: translate(-50%); z-index:2; overflow:hidden; height: 100%; letter-spacing:0; z-index: 99; transition: 0.3s; }
.gnb>ul>li { position:relative; float:left; text-align:center; margin: 0 30px; }

.navi .depth1 { position:relative; display:block; color: #121212; font-size: 17px; font-weight: 500; letter-spacing: -0.3px; line-height: 90px; margin: 0px; padding: 0px 0rem;transition: 0.3s; text-transform: uppercase; }
.gnb>ul>li:hover>a { color: #8c0003 !important; }
.gnb>ul>li>ul { display: block; margin-top:20px; opacity: 0; transform: translateY(1.25rem); }
.gnb>ul>li>ul>li { float: none; height: 1.875rem; width: auto; }
.gnb>ul>li>ul>li>a { font-size: 15px; color: #555; font-weight: 400; letter-spacing: -0.7px; }
.gnb>ul>li>ul>li>a:hover { color: #8c0003; }
.gnb .line { position: absolute; display: block; bottom: 20px; height:0; width: 0%; background: #8c0003; left: 0; right: 0; margin: auto; z-index:-99; transition: 0.35s; border-radius:50% }
.navi-bg { position: absolute; display: block; width: 100%; height: 0px; left: 0; top:90px; z-index:1; overflow: hidden; transition: 0.3s;box-shadow:2px 2px 3px rgba(0,0,0,0.1) }
.navi-bg .white-bg { width:100%; height:150px; background: #fff; }

body.main .navi .depth1 { color: #000; }
body.main .gnb>ul>li:hover>a { color: #8c0003 !important; }
body.main .gnb .line { background: #8c0003; }

.navi.active .navi-bg { top:90px;transition: 0.3s;}
.navi.active .gnb .line { bottom: 20px; }
.navi.active .navi .depth1 { color: #2b2b2b; }
.navi.active .gnb>ul>li:hover>a { color: #b45347 !important; }
.navi.active .gnb .line { background: #b45347; }


.navi.active .gnb .depth1 { color: #121212; line-height: 90px; transition: 0.3s; }
.navi.black .gnb .depth1 { color: #121212; }
.navi.black .gnb>ul>li:hover>a { color: #8c0003 !important; }
.navi.black .gnb .line { background: #8c0003; }


.right_navi { position: relative; z-index: 1000; }

.language { height: 100%; letter-spacing:0; z-index: 90; }
.language>ul { height: 100%; display: flex; justify-content: flex-end; align-items: center; }
.language>ul>li { position: relative; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; }
.language>ul>li span	{color:#000; font-family: 'din-2014'; font-size:24px; font-weight:600; letter-spacing:1px; background:url("/home/images/common/topCall_icon.png") no-repeat 0 8px; padding:0 20px; letter-spacing:-0.2px}
.language>ul>li a		{display:block; color:#fff;  font-size:15px; font-weight:500; line-height:40px; background:#950006 url("/home/images/common/topRegi_icon.png") no-repeat 20px center; padding:0 20px 0 45px; border-radius:30px;  font-family:'NanumBarunGothicBold', sans-serif;}


.right_scroll_wrap { width: 0.75rem; height: 14.375rem; margin: auto; overflow: hidden; position: fixed; z-index: 9999; right: 3rem; top: 0; bottom: 0; transform: translateY(2rem); animation: op 1.2s 0.8s both; }
.right_scroll_img { width: 100%; height: 5.188rem; background: url("/home/images/main/scroll.png") center no-repeat; transition: 0.3s; }
.right_scroll { width: 1px; height: 8.125rem; background-color: rgba(255,255,255,0.3); margin: auto; margin-top: 1rem; position: relative; transition: 0.3s; }
.right_scroll span { position: absolute; content:''; width:8px; height:8px; background-color: #8c0003; left: -0.25rem; top: 0; border-radius: 100%; transition: background 0.3s; }

.right_scroll_wrap.black .right_scroll_img { background: url("/home/images/main/scroll2.png")center no-repeat; }
.right_scroll_wrap.black .right_scroll { background-color: rgba(0,0,0,0.3); }
.right_scroll_wrap.black .right_scroll span { background-color: #8c0003; }


header.hide { opacity: 0; z-index: -100; transition: 0.6s; }
#logo.hide { opacity: 0; z-index: -100; transition: 0.6s; }
.ham.hide { opacity: 0; z-index: -100; transition: 0.6s; }