@charset "utf-8"; 


/* ===================================
layout
 =================================== */
body.js-fixed { position: fixed; width: 100%; } 
.wrap { overflow: hidden; position: relative; min-width: 320px; } 

/*header*/
.header-wrap { position: fixed; z-index: 999; width: 100%; transition: all 0.3s ease-in-out; } 
.header-wrap.js-fixed,
.header-wrap.js-open-d,
.header-wrap.js-fixed.js-open-d { background: rgba(255, 255, 255, 1); } 


.header-inner { text-align: center; } 


.header-logo { position: absolute; top: 50%; left: 50px; z-index: 1001; transform: translateY(-50%); } 
.header-logo a { display: block; width: 162px; height: 31px; background: url('../images/common/main_logo.png') no-repeat center / contain; font-size: 0; } 
.header-logo a:hover,
.header-wrap.js-open-d .header-logo a,
.header-wrap.js-fixed .header-logo a { background: url('../images/common/main_logo-color.png') no-repeat center / contain; } 



/*GNB*/
.gnb { position: relative; z-index: 1000; transition: all 0.3s ease-in-out; } 
.gnb:after { display: block; position: absolute; top: 120px; left: 0; width: 100%; height: 0; background-color: #fff; content: ''; transition: all 0.3s ease-in-out; } 
.gnb.js-open-d:after { height: 80px; border-top: 1px solid #e4e4e4; } 
.header-wrap.js-fixed .gnb:after { top: 80px; } 
.header-wrap.js-fixed .gnb.js-open-d:after { height: 80px; } 

.gnb-wrap { display: inline-block; position: relative; width: auto; max-width: 1400px; font-size: 0; } 
.gnb-1dep { display: inline-block; position: relative; height: 120px; transition: all 0.3s ease-in-out; } 

.gnb-1dep > a { display: block; position: relative; padding: 0 25px; font-size: 17px; line-height: 120px; letter-spacing: -0.01em;  text-transform: uppercase; color: #fff; transition: all 0.3s ease-in-out; } 
.gnb-1dep > a:after { display: block; position: absolute; top: 0; left: 50%; width: 100%; height: 0; background: #b11116; content: ''; transform: translateX(-50%); transition: all 0.3s ease-in-out; } 
.gnb-1dep.js-open-d > a:after { height: 10px; } 

.header-wrap.js-fixed .gnb-1dep { height: 80px; } 
.header-wrap.js-open-d .gnb-1dep > a { color: #222; } 
.header-wrap.js-fixed .gnb-1dep > a { line-height: 80px; color: #222; } 
.header-wrap.js-open-d .gnb-1dep.js-open-d > a { color: #b11116; } 


.gnb-2dep { overflow: hidden; position: absolute; top: 120px; left: 0; z-index: 1000; max-height: 0; text-align: left; white-space: nowrap; transition: all 0.3s ease-in-out; } 
.gnb-1dep:nth-of-type(1) .gnb-2dep { left: -80%; } 
.gnb-1dep:nth-of-type(2) .gnb-2dep, 
.gnb-1dep:nth-of-type(4) .gnb-2dep { left: -200%; } 
.gnb-1dep:nth-of-type(6) .gnb-2dep,
.gnb-1dep:nth-of-type(7) .gnb-2dep { right: 0; left: auto; } 
.header-wrap.js-fixed .gnb-2dep { top: 80px; } 

.gnb-2dep > li { display: inline-block; line-height: 80px; } 
.gnb-2dep > li > a { display: block; padding: 0 27px; border-radius: 20px; font-size: 16px; line-height: 80px; color:#666; transition: all 0.3s ease-in-out; } 
.gnb-2dep > li > a:hover { color: #000; } 
.gnb-2dep > li > a span { vertical-align: baseline; } 

.gnb-1dep.js-open-d .gnb-2dep { top: 120px; max-height: 80px; transition: all 0.3s ease-in-out; } 
.header-wrap.js-fixed .gnb-1dep.js-open-d .gnb-2dep { top: 80px; max-height: 80px; } 



.gnb-inner-util { display: none; } 

.gnb-dimmed { display: none; position: fixed; top: 0px; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); } 
.gnb-dimmed.js-open-d { display: block; top: 121px; } 
.header-wrap.js-fixed .gnb-dimmed.js-open-d { top: 121px; } 


@media only screen and (max-width: 1440px) { 
.header-logo { left: 20px; } 
.gnb-1dep > a { padding: 0 20px; font-size: 16px; } 
.gnb-2dep > li > a { padding: 0 10px; } 
 } 

@media only screen and (max-width: 1240px) { 
.header-logo a { width: 100px; } 
.gnb-1dep > a { padding: 0 15px; font-size: 15px; } 
.gnb-2dep > li > a { padding: 0 10px; font-size: 15px; } 
 } 

@media only screen and (max-width: 1024px) { 

.header-wrap { z-index:9999; min-width:320px; border-bottom-color:rgba(234, 234, 234, 0.2); } 
.header-inner { height:60px; text-align:left; } 




/*GNB*/
.gnb { display:block; overflow-y:auto; position:fixed; top:0px; right:-100%; z-index:1002; width:320px; height:100%; height:100vh; padding-right: 0; background:#fff; transition: all 0.3s ease-in-out; -webkit-overflow-scrolling:touch; } 

.gnb-wrap { width:100%; margin:0; } 
.gnb.js-open-m { right:0; transform:translateZ(0); } 

.gnb-1dep { display:block; position:relative; width:100%; max-width:100%; height:auto; border-bottom: 1px solid #ddd; } 
.header-wrap.js-fixed .gnb-1dep { height:auto; } 
.gnb-1dep:before { display:none; } 
.gnb-1dep > a { display:block; padding:0 20px; margin:0; line-height:50px; text-transform: none; color:#000; } 
.header-wrap.js-fixed .gnb-1dep > a { line-height:50px; } 
.gnb-1dep > a span { font-size:16px; letter-spacing: 0; color:#222; } 
.gnb-1dep > a i.logo { background: url('../images/common/extigen-logo_black.png') no-repeat center / 100%; } 

.gnb-1dep > a:hover span,
.gnb-1dep.js-open-m > a span { color:#000; } 

.gnb-1dep > a:after { opacity: 1; position: absolute; top: 20px; right: 16px; left:auto; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; background:transparent; content: ''; transform: rotate(-135deg); transition: all 0.3s ease-in-out; } 
.gnb-1dep.js-open-m > a:after { top:20px; transform: rotate(-135deg); transition: all 0.3s ease-in-out; } 

.gnb-1dep > a.is-2depth-m:after { position: absolute; top: 16px; right: 16px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; content: ''; transform: rotate(-45deg); transition: all 0.3s ease-in-out; } 
.gnb-1dep.js-open-m > a.is-2depth-m:after { top:22px; transform: rotate(-225deg); transition: all 0.3s ease-in-out; } 


.gnb-2dep,
.gnb-1dep:nth-child(4) .gnb-2dep,
.gnb-1dep:nth-child(5) .gnb-2dep { display:none; position:static; width:auto; height:auto; max-height:1500px; padding:0; margin:0; border-top:0px solid #ddd; border-radius: 0; background-color:#efefef; box-shadow:none; transform:translateX(0); transition: none; } 
.gnb-1dep:last-child .gnb-2dep { margin-left:0; } 

.gnb-2dep > li { display: block; padding:0; margin:0; border-bottom:1px solid #ddd; } 
.gnb-2dep > li > a { display:block; padding:12px 30px; border-radius: 0; line-height:1; text-align:left; color:#666; } 
.gnb-2dep > li > a span { font-size:14px; line-height:1.3; } 
.gnb-2dep > li > a:hover { background: #b11116; } 
.gnb-2dep > li > a:hover,
.gnb-2dep > li > a:focus { color:#fff; } 

.gnb-2dep > li > a:hover span { transform: translate(0); } 

.gnb-2dep > li:first-child { margin-top:0px; } 
.gnb-2dep > li:last-child { margin-bottom:0px; border:0; } 
.gnb-2dep > li+li { margin-left: 0; } 


/*3depth*/
.gnb-3dep { padding:0; border-top:1px dashed #ccc; } 
.gnb-3dep a { display:block; position:relative; padding:8px 0 8px 45px; color:#888; } 
.gnb-3dep a:hover { padding:8px 0 8px 45px; color:#222; } 
.gnb-3dep a:before,
.gnb-3dep a:hover:before { top:15px; left:38px; } 
.gnb-3dep > li:last-child { margin-bottom: 0px; } 

.gnb-1dep.js-open-m > a:before { display:none; } 
.gnb-1dep.js-open-m .gnb-2dep { max-height:none; border-top:1px solid #ddd; } 


/*util*/
.gnb-inner-util { display:block; position:relative; height:60px; padding:0 60px 0 0; background-color:#b11116; font-size:0; } 

.gnb-mbtn-close { display:block; overflow:hidden; position: absolute; top: 0; right: 0; bottom: 0; z-index: 3000; width: 60px; min-height: 26px; margin: auto 0px; background:#3a3a3a; text-indent: -999em; -webkit-transition: none; transition: none; cursor: pointer; } 
.gnb-mbtn-close:before, .gnb-mbtn-close:after, .gnb-mbtn-close > span:before, .gnb-mbtn-close > span:after { opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 25px; height: 0; margin: auto; border-top: 2px solid #fff; content: ''; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s; transition: .3s; } 
.gnb-mbtn-close:not(.zxcv):before { top: 16px; } 
.gnb-mbtn-close:not(.zxcv):after { bottom: 16px; } 

.js-open-m .gnb-mbtn-close { top:0px; right:0; min-height: 26px; } 
.js-open-m .gnb-mbtn-close:before, .js-open-m .gnb-mbtn-close:after, .js-open-m .gnb-mbtn-close > span:before, .js-open-m .gnb-mbtn-close > span:after { border-top: 2px solid #fff; } 
.js-open-m .gnb-mbtn-close:before { width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } 
.js-open-m .gnb-mbtn-close:after { width: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } 
.js-open-m .gnb-mbtn-close > span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } 
.js-open-m .gnb-mbtn-close > span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } 


.gnb-dimmed.js-open-m { display:block; top:0; z-index: 1001; } 
 } 


/*Util*/
.top__util { position: absolute; top: 50%; right: 50px; z-index: 1001; font-size: 0; transform: translateY(-50%); } 
.top__util-item { display: inline-block; width: auto; text-align: center; vertical-align: middle; } 
.top__util-item + .top__util-item { margin-left: 30px; } 

.top__util .search-btn { width: 20px; height: 27px; background: url('../images/common/search-btn.png') no-repeat center; cursor: pointer; } 
.header-wrap.js-open-d .top__util .search-btn,
.header-wrap.js-fixed .top__util .search-btn { background: url('../images/common/search-btn-black.png') no-repeat center; } 

.language .language-link { display: block; z-index: 3; width: 34px; height: 30px; background: url('../images/common/i_language.png') no-repeat center; transition: all 0.1s ease-in-out; } 
.header-wrap.js-open-d .language .language-link,
.header-wrap.js-fixed .language .language-link { background: url('../images/common/i_language-h.png') no-repeat center; } 

.language { position: relative; } 
.language-wrap { display: none; overflow: hidden; position: absolute; top: 75px; left: 50%; z-index: 2; transform: translateX(-50%); } 
.header-wrap.js-fixed .language-wrap { top: 55px; } 
.language-list { overflow: hidden; } 

.language-list li+li { margin-top: 1px; } 
.language-list li a { display: block; padding: 10px 25px; background: #222; font-size: 14px; text-align: center; color:#fff; transition: all 0.3s ease-in-out; } 
.language-list li:first-child a,
.language-list li a:hover { background:#b11116; font-weight: 700; } 

.allmenu .allmenu-link { display: block; overflow: hidden; position: relative; width: 30px; height: 20px; } 
.allmenu .allmenu-link span { display: block; width: 14px; height: 2px; background: #fff; transition: all 0.3s ease-in-out; } 
.allmenu .allmenu-link span:nth-of-type(2),
.allmenu .allmenu-link:hover span { width: 100%; } 
.allmenu .allmenu-link span+span { margin-top: 6px; } 

.header-wrap.js-open-d .allmenu .allmenu-link span,
.header-wrap.js-fixed .allmenu .allmenu-link span { background: #222; } 


@media only screen and (max-width: 1240px) { 
.top__util-item + .top__util-item { margin-left:15px; } 

.top__util .unience-btn a { padding: 10px 15px; } 
.language .language-link { padding: 0 5px 0 30px; } 
 } 

@media only screen and (max-width: 1024px) { 
.top__util .language { display: none; } 
#gnb .language .language-link { width: 60px; height: 60px; margin: 0 20px; line-height: 60px; } 
#gnb .gnb-inner-util .language-wrap { display: none; top: 100%; } 
.header-wrap.js-open-d #gnb .language .language-link { background: url('../images/common/i_language.png') no-repeat center; } 
 } 




@media only screen and (max-width: 1440px) { 
.top__util { right:20px; } 
 } 


@media only screen and (max-width: 1024px) { 
.top__util-item + .top__util-item { margin-left:20px; } 
 } 


/* 검색창 */
.search { display: none; position: absolute; top: 120px; left: 0; width: 100%; padding: 66px 0; border-top: 1px solid #e4e4e4; background: #fff; } 
.header-wrap.js-fixed .search { top: 80px; } 
.search.active { display: block; } 
.search-inner { max-width: 1400px; margin: 0 auto; font-size: 0; } 
.search-inner .title { display: inline-block; margin-right: 24px; } 
.search-inner .title h2 { font-weight: 300; font-size: 50px; color: #222; } 
.search-inner .title span { font-weight: 600; vertical-align: baseline; color: #b11116; } 
.search-inner input { display: inline-block; width: 45%; padding: 0 40px; background: #000; font-weight: 400; font-size: 20px; line-height: 55px; vertical-align: top; color: #fff; } 
.search-inner .search-start { display: inline-block; padding: 0 30px; border: 0; background: #b11116; font-weight: 700; font-size: 16px; line-height: 55px; vertical-align: top; color: #fff; cursor: pointer; } 

@media only screen and (max-width: 1024px) { 
.header-wrap.js-fixed .search,
.search { top: 60px; } 
.search-inner { text-align: center; } 
.search-inner .title h2 { font-size: 30px; } 
.search-inner input { font-size: 18px; } 
 } 

@media only screen and (max-width: 640px) { 
.search { padding: 30px 0; } 
.search-inner .title { display: block; margin: 0 0 15px; } 
.search-inner input { width: 70%; } 
 } 

@media only screen and (max-width: 480px) { 
.search-inner input,
.search-inner .search-start { width: 100%; text-align: center; } 
 } 


/* 전체메뉴 */
.newAllmenu { display: none; position:relative; z-index:1005; } 

.newAllmenu-close { display:block; overflow:hidden; position: fixed; top: 20px; right: 20px; z-index:1002; width: 60px; height: 60px; padding:0; background-color:transparent; font-size:0; text-indent:-8888888px; transition: all 0.3s ease-in-out; } 

.newAllmenu-close span:before,
.newAllmenu-close span:after { display:block; position:absolute; top:50%; left:50%; width:48px; height:2px; background-color:#fff; content:''; transition: all 0.3s ease-in-out; } 

.newAllmenu-close span:before { transform:translate(-50%, -50%) rotate(45deg); } 
.newAllmenu-close span:after { transform:translate(-50%, -50%) rotate(-45deg); } 

.newAllmenu-close:hover span:before,
.newAllmenu-close:focus span:before { background-color:#fff; transform:translateX(-50%) rotate(-45deg); } 
.newAllmenu-close:hover span:after,
.newAllmenu-close:focus span:after { background-color:#fff; transform:translateX(-50%) rotate(45deg); } 
.newAllmenu-close:hover,
.newAllmenu-close:focus { background-color:#b11116; } 

.newAllmenu-wrap { overflow:hidden; position: fixed; top:0; left:0; z-index: 1001; width:100%; height:100%; background:#0f121f url('../images/common/allmenu-bg.png') no-repeat right bottom / cover; } 

.newAllmenu-inner { display:block; overflow: hidden; position:relative; max-width:1600px; height: 100vh; padding:0 20px; margin:0 auto; } 
.newAllmenu-inner::before { display: block; position: absolute; bottom: -28px; left: 50%; width: 100%; height: 264px; background: url('../images/common/footer-bg.png') no-repeat center bottom; content: ""; transform: translateX(-50%); } 

.newAllmenu-nav { position:relative; width:100%; border-left: 1px solid rgba(255, 255, 255, 0.1); font-size:0; letter-spacing:-0.05em; } 
.newAllmenu-nav::before,
.newAllmenu-nav::after { display:block; position:absolute; top:0; z-index: -1; width:200%; height:100%; content:''; } 
.newAllmenu-nav::before { left:-200%; } 
.newAllmenu-nav::after { right:-200%; } 

.newAllmenu-1dep { display:inline-block; overflow: hidden; position: relative;  width: calc(100% / 7); min-height:100vh; padding: 10% 0 0; background-repeat: no-repeat; background-position:50% 50%; background-size:cover; vertical-align:top; transition: all 0.5s ease-in-out; } 
.newAllmenu-1dep::before { display:block; position:absolute; top:0; left: 10%; z-index:0; width: 7px; height:0; background: url('../images/common/allmenu-deco.png') no-repeat center bottom; content:''; transition: all 0.5s ease-in-out; transition-delay: 0s; } 
.newAllmenu-1dep:hover::before { height: 130px; } 

.newAllmenu-1dep:after { display:block; position:absolute; top:0; right: 0; width:1px; height:100%; background-color:rgba(255, 255, 255, 0.1); content:''; } 

.newAllmenu-1dep > a { display:block; margin-bottom: 70px; font-weight:800; font-size:22px; text-align:left; text-transform: uppercase; color:#fff; transform: translateX(-150%); transition: all 0.5s ease-in-out; transition-delay: 0s; } 

.newAllmenu-1dep > a > span { display: inline-block; width: 80%; padding:4% 10% 2%; line-height:1.1; color:#fff;letter-spacing: -0.01em;  } 
.newAllmenu-1dep > a > span em { vertical-align: baseline; } 
.newAllmenu-1dep:hover > a > span { color: #101322; } 
.newAllmenu-1dep:hover > a > span em { color: #b11116; } 

.newAllmenu.js-active .newAllmenu-1dep > a { transform: translateX(0); } 

.newAllmenu-1dep:hover,
.newAllmenu-1dep:focus { background-color:#fff; } 




.newAllmenu-2dep { padding-top:5%; text-align: left; transform: translateX(-150%); transition: all 0.5s ease-in-out; transition-delay: 0s; } 
.newAllmenu.js-active .newAllmenu-2dep { transform: translateX(0); } 
.newAllmenu-2dep > li > a { display:block; padding:5% 10%; font-weight: 500; font-size:18px; line-height:1.3; color:#fff; transition: all 0.3s ease-in-out; } 

.newAllmenu-1dep:hover .newAllmenu-2dep > li > a { color:#222; } 
.newAllmenu-1dep:hover .newAllmenu-2dep > li > a:hover,
.newAllmenu-1dep:hover .newAllmenu-2dep > li > a:focus { font-weight: 700; color:#b11116; } 

.newAllmenu-2dep > li > a span { position: relative; padding-bottom: 5px; } 



@media only screen and (max-width: 1600px) { 
.newAllmenu-1dep > a > span { padding: 4% 10% 2%; } 
.newAllmenu-2dep > li > a { padding: 5% 10%; } 
.newAllmenu-1dep > a { margin-bottom: 25px; } 
.newAllmenu-1dep > a > span { font-size: 18px; } 
 } 

@media only screen and (max-width: 1440px) { 
.newAllmenu-close { width:50px; height:50px; } 
.newAllmenu-1dep > a { font-size:20px; } 
.newAllmenu-2dep > li > a { font-size:15px; } 
.newAllmenu-1dep:hover::before { height: 120px; } 
 } 
@media only screen and (max-width: 1240px) { 
.newAllmenu-1dep::before { left: 8%; } 
.newAllmenu-1dep:hover::before { height: 80px; } 
.newAllmenu-1dep > a > span { font-size: 16px; } 
.newAllmenu-1dep > a > span { padding: 4% 8% 2%; } 
.newAllmenu-2dep > li > a { padding: 5% 8%; } 
.newAllmenu-close { top:5px; right:5px; width:40px; height:40px; } 
.newAllmenu-close span:before,
.newAllmenu-close span:after { width:32px; height:2px; } 
 } 
@media only screen and (max-width: 1024px) { 
.newAllmenu { display:none !important; } 
 } 

.newAllmenu-dimmed { position:fixed; top:0px; left:0; z-index:999; width:100%; height:100%; background-color:rgba(34, 35, 34, 0.9); } 


/* footer */
.footer { position: relative; background: #090d18; text-align: left; } 
.footer__inner { max-width: 1400px; padding: 80px 0 130px; margin: 0 auto; background: url('../images/common/footer-bg.png') no-repeat center / 100%; font-size: 0; } 
.footer__inner::after { display: block; clear: both; content: ""; } 

.footer-left { float: left; padding-top: 20px; } 
.footer-menu { font-size: 0; } 
.footer-menu li { display: inline-block; position: relative; padding-right: 30px; } 
.footer-menu li+li { padding-left: 30px; } 
.footer-menu li+li::after { display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #84868c; content: ""; } 
.footer-menu a { display: block; font-weight: 500; font-size: 16px; color: #dadada; } 
.footer-menu a:hover { color: #b11116; } 
.address-wrap { margin-top: 55px; letter-spacing: 1px; } 
.address-wrap .address { font-weight: 600; font-size: 16px; line-height: 1.4; color: #dadada; } 
.address-wrap .tel,
.address-wrap .fax,
.address-wrap .email { display: inline-block; margin-top: 10px; margin-right: 45px; font-weight: 300; font-size: 17px; line-height: 1.4; color: #dadada; } 

.copyright { margin-top: 40px; font-weight: 300; font-size: 15px; color: #5b5f6b; } 

.footer-right { float: right; } 
.footer-logo a { display: block; width: 212px; height: 40px; background: url('../images/common/main_logo-color.png') no-repeat center / contain; } 
.footer-right .btn { margin-top: 45px; } 
.footer-right .btn a { display: block; padding: 15px 25px; background: #fff; } 
.footer-right .btn a span { position: relative; padding-left: 45px; font-weight: 600; font-size: 17px; vertical-align: baseline; color: #090d18; } 
.footer-right .btn a span::after { display: block; position: absolute; top: 50%; left: 0; width: 28px; height: 20px; background: url('../images/common/footer_btn-i.png') no-repeat center; content: ""; transform: translateY(-50%); } 

.footer-top { display: block; position: absolute; top: -10px; right: 0; z-index: 1; width: 76px; height: 148px; background: url('../images/common/footer-top.png') no-repeat center; font-size: 0; } 
.fp-tableCell .footer-top { display: block !important; } 

@media only screen and (max-width: 1620px) { 
.footer__inner { max-width: 1400px; margin: 0 auto; } 
.footer-right { margin-top: 120px; } 
 } 

@media only screen and (max-width: 1440px) { 
.footer__inner { padding: 40px 20px 80px; } 
.footer-menu li+li { margin: 5px 0 0; } 
.footer .footer-box.nth-4 { padding-right: 40px; } 
 } 

@media only screen and (max-width: 1240px) { 
.footer-menu li { display: inline-block; } 
.footer-menu li+li { margin: 0; } 
.footer-logo a { margin-top: 20px; } 

.footer-left { width: calc(100% - 330px); } 
.footer-right { margin-top: 80px; } 
.footer .footer-box { width: 33.3333%; } 
.footer .footer-box.nth-1 { width: 100%; padding-top: 0; } 
.footer .footer-box.nth-2 { border-left: 0; } 

.copyright { right: 80px; } 
 } 

@media only screen and (max-width: 1024px) { 
.footer .footer-box { padding: 20px 10px; } 
.footer-box p span { min-width: 60px; margin-right: 10px; font-size: 16px; } 

.footer-top { top: -7px; width: 57px; height: 110px; background-size: contain; } 
.footer-menu li { width: 100%; padding-right: 20px; } 
.footer-menu li+li { padding: 0; margin: 10px 0 0; } 
.footer-menu li+li::after { display: none; } 
 } 

@media only screen and (max-width: 768px) { 
.footer .footer-box { flex-wrap: wrap; width: 100%; padding-left: 0; border-left: 0; } 
.footer .footer-box.nth-3 { border-top: 1px solid #4d4d4d; } 
.footer .footer-box.nth-4 { padding-right: 10px; margin-bottom: 30px; border-top: 1px solid #4d4d4d; } 
.footer-box .address-wrap { width: 100%; } 
.footer-box .address-wrap p { min-height: 0; } 
.footer-box .number-wrap { min-height: 0; margin-top: 10px; } 
.footer-box p span { min-width: 65px; margin-right: 10px; } 
.footer-left { width: 100%; } 
.footer-right { width: 100%; margin-top: 0; text-align: center; } 
.footer-logo a { margin: 20px auto 0; } 
.copyright { text-align: center; } 
 } 

@media only screen and (max-width: 640px) { 
 } 

@media only screen and (max-width: 480px) { 
.footer-menu { text-align: center; } 
.footer-menu li { width: 100%; padding: 0; } 
.footer-menu li+li::after { display: none; } 
.footer-menu a { padding: 0 50px; } 
.footer-left { text-align: center; } 
.address-wrap .tel, .address-wrap .fax, .address-wrap .email { margin-right: 0; } 
.address-wrap { margin-top: 30px; } 
.address-wrap .address { font-size: 15px; } 
.footer-logo a { margin: 20px auto 0; } 

.footer .footer-box.nth-2 { padding-left: 0; } 
.footer-box p span { margin-right: 5px; } 
.footer-box .number-wrap p { font-size: 14px; } 
 } 




#container { overflow: hidden; padding:0px 0 0 0; } 
.contents { overflow: hidden; } 

@media only screen and (max-width: 1024px) { 
#container { padding:0px 0 0 0; } 
 } 

@media only screen and (max-width: 768px) { 

 } 


.main-container { padding:0 0 0 0 !important; } 

.inner { position:relative; max-width:1400px; margin:0 auto; } 

@media all and (max-width:1440px) { 
.inner { position:relative; padding:0px; margin:0 20px; } 
 } 














/* sub_visual */
.sub_visual { overflow: hidden; position: relative; min-height: 550px; padding: 210px 0 0; background-size: cover; font-size: 0; } 

.sub_visual-inner { position: relative; max-width: 1400px; margin: 0 auto; } 

.sub_title { display: inline-block; } 
.sub_title h2 { font-weight: 500; font-size: 65px; line-height: 1; letter-spacing: -0.01em; text-transform: uppercase; color:#fff; } 
.sub_title p { margin-top: 15px; font-size: 18px; line-height: 1.4; color: #000; } 
.sub_title p span { font-weight: 500; vertical-align: baseline; color: #b11116; } 
.sub_title p em { font-weight: 700; vertical-align: baseline; } 

.sub_visual-bg { display: block; position: absolute; top: 0; left: 0; width: 100%; background:url('../images/contents/visual_bg01.jpg') no-repeat center / cover; transform: scale(1.5); transition: all 10s ease-in-out; } 
.sub_visual-bg.is-active { transform: scale(1); } 

.sub_visual.nth-1 .sub_visual-bg { background:url('../images/contents/visual_bg01.jpg') no-repeat center / cover; } 
.sub_visual.nth-2 .sub_visual-bg { background:url('../images/contents/visual_bg02.jpg') no-repeat center / cover; } 
.sub_visual.nth-3 .sub_visual-bg { background:url('../images/contents/visual_bg03.jpg') no-repeat center / cover; } 
.sub_visual.nth-4 .sub_visual-bg { background:url('../images/contents/visual_bg04.jpg') no-repeat center / cover; } 
.sub_visual.nth-5 .sub_visual-bg { background:url('../images/contents/visual_bg05.jpg') no-repeat center / cover; } 
.sub_visual.nth-6 .sub_visual-bg { background:url('../images/contents/visual_bg06.jpg') no-repeat center / cover; } 
.sub_visual.nth-7 .sub_visual-bg { background:url('../images/contents/visual_bg07.jpg') no-repeat center / cover; } 

@media only screen and (max-width: 1440px) { 
.sub_visual-inner { margin: 0 20px; } 
 } 

@media only screen and (max-width: 1240px) { 
.sub_visual { min-height: 450px; padding: 165px 0 0; } 
.sub_title h2 { font-size: 40px; } 
 } 

@media only screen and (max-width: 1024px) { 
.sub_visual-bg { background-position: 80% center; } 
 } 

@media only screen and (max-width: 640px) { 
.sub_visual-bg { background-position: 60% center; } 
.sub_title h2 { font-size: 30px; } 
 } 

@media only screen and (max-width: 480px) { 
.sub_visual { min-height: 1px; padding: 150px 0; } 
 } 


.visual__contents-inner { position:relative; } 


/* lnb */
.lnb { z-index: 3; width: 100%; background-color: rgba(0, 0, 0, .6); text-align: left; transform: translateY(-65px); } 

.lnb-wrap { position: relative; max-width: 1400px; margin: 0 auto; text-align: center; } 
.lnb-list { padding-left: 65px; font-size: 0; } 

.lnb-list > li { display: inline-block; vertical-align: top; } 

.lnb-home { position: absolute; top: 0; left: 0; width: 65px; height:65px; } 
.lnb-home a { display: block; position: relative; width: 100%; height: 100%; background: url('../images/common/lnb_home_ico.png') center center no-repeat; transition: all 0.3s ease-in-out; } 
.lnb-home a::after { display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 5px; background: #b11116; content: ""; transform: translateX(-50%); transition: all 0.3s ease-in-out; } 
.lnb-home a:hover { background: #fff url('../images/common/lnb_home_ico_h.png') center center no-repeat; } 
.lnb-home a:hover::after { width: 16px; } 

.lnb-item { height: 65px; box-sizing: border-box; } 
.lnb-item a { display: block; position: relative; padding: 0 20px; } 
.lnb-item+.lnb-item a::before { display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 6px; background: #666; content: ""; transform: translateY(-50%); } 

.lnb-item a span { position: relative; font-weight: 400; font-size: 16px; line-height: 65px; color: #8f8f8f; } 
.lnb-item a span::after { display: block; position: absolute; bottom: -20px; left: 50%; width: 0; height: 5px; background: #b11116; content: ""; transform: translateX(-50%); transition: all 0.3s ease-in-out; } 
.lnb-item.on a span::after,
.lnb-item a:hover span::after { width: 100%; } 

.lnb-item.on a,
.lnb-item a:hover { background: #fff; } 
.lnb-item.on a span,
.lnb-item a:hover span { font-weight: 800; color: #000; } 

@media only screen and (max-width: 1240px) { 
.lnb-item a { padding: 0 15px; } 
.lnb-item a span { font-size: 14px; } 
 } 

@media only screen and (max-width: 1024px) { 
.lnb-wrap { overflow-x: auto; } 
.lnb-list { white-space: nowrap; } 
 } 
@media only screen and (max-width: 768px) { 
 } 








/*Sub Title*/

.contents__title { position: relative; z-index: 2; padding: 5px 0 70px; } 
.contents__title h3 { position: relative; font-weight: 700; font-size: 45px; text-align: center; color:#222; } 



@media only screen and (max-width:1024px) { 
.contents__title { padding: 5px 0 40px; } 
.contents__title h3 { padding-bottom:26px; font-size: 36px; } 
.contents__title h3::after { width:8px; height:8px; } 
 } 
@media only screen and (max-width:768px) { 
.contents__title { padding: 5px 0 35px; } 
.contents__title h3 { padding-bottom:16px; font-size: 32px; } 
.contents__title h3::after { width:6px; height:6px; } 



 } 
@media only screen and (max-width:480px) { 
.contents__title { padding: 5px 0 30px; } 
.contents__title h3 { padding-bottom:10px; font-size: 28px; } 

 } 

/*Sub Small Title*/
.sub__stitle { overflow:hidden; } 
.sub__stitle h3 { position: relative; text-align:center; } 
.sub__stitle span { display: inline-block; padding:0 5%; margin:0 20px; background:#fff; font-weight:500; font-size:30px; line-height:1.3; color:#222; } 
.sub__stitle h3:before,
.sub__stitle h3:after { display:block; position:absolute; top:50%; z-index:-1; width: 50%; height:1px; background:#ef413d; content:''; } 
.sub__stitle h3:before { left:0; } 
.sub__stitle h3:after { right:0; } 



@media only screen and (max-width:768px) { 
.sub__stitle span { font-size:24px; } 

 } 
@media only screen and (max-width:480px) { 
.sub__stitle span { font-size:20px; } 
 }