@charset "utf-8" ; 
html,body { font-family: 'Noto Sans KR', 'M+ C Type-1 (basic latin) Regular','M+ Type-1 (general-j) Regular',arial,sans-serif ; font-size:62.5% } 
.body { background-color:#fff } 
.content-blocker { width:100% ; height:100% ; position:fixed ; z-index:9999 ; top:5px ; left:0 ; background:#fff } 
.content-blocker.is-touch-through { pointer-events:none } 
.layer-index { position:relative } 
.layer-index.is-index1 { z-index:1 } 
.layer-index.is-index2 { z-index:2 } 
.layer-index.is-index3 { z-index:3 } 
.layer-index.is-index4 { z-index:4 } 
.modal-container { position:fixed ; top:0 ; left:0 ; width:100% ; height:100% ; background:rgba(255,255,255,0.75) ; display:none } 
.is-active.modal-container { display:block } 
.modal-body { height:600px ; width:800px ; position:absolute ; top:50% ; left:50% ; margin:-300px 0 0 -400px ; background:#fff ; border:solid 6px #b42f22 ; box-shadow:0 0 10px 0 rgba(0,0,0,.2) ; -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2) ; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2) } 
.modal-body iframe { width:100% ; height:100% } 
.modal-closer { z-index:5 ; position:absolute ; height:33px ; width:32px ; top:20px ; right:20px ; text-indent:-9999px ; cursor:pointer ; background-position:-0px -97px } 
.scroll-fixed { position:fixed ; width:100% ; height:100% } 
.header { position:fixed ; top:0 ; left:0 ; width:100% ; height:145px ; background:#fff ; box-shadow:0 0 0 0 rgba(0,0,0,.9) ; -moz-box-shadow:0 0 0 0 rgba(0,0,0,.9) ; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,.9) } 
.header-content { width:100% ; margin:auto } 
.logo { width:314px ; height:30px ; margin:0 auto ; padding-top:22px ; padding-bottom:34px ; text-align:center } 
.loading-bar { width:0 ; height:7px ; background:#b42f22 } 
.content-block { text-align:center ; position:relative } 
.content-container { text-align:left } 
.content-body { max-width:1000px ; margin:0 auto ; padding:0 0 50px 0 } 
.content-body-m { display:none } 
.global-navigation { position:relative ; max-width:1000px ; margin:1em auto 0 auto ; padding-right:40px ; text-align:center ; font-size:1.4rem ; letter-spacing:-0.05em; font-weight: normal; } 
.global-navigation-children { display:inline-block ; width:18% ; text-align:center ; line-height:1rem } 
.global-navigation a { display:block ; padding:5px 0 ; color:#343434 ; text-decoration:none } 
.global-navigation a.hover { color:#b42f22 } 
.global-navigation .navigation-contact-i { margin-right:120px!important } 
.global-navigation .navigation-contact-i>a { clear:both ; padding:4px 10px ; border:0 solid #b42f22!important ; background-color:rgba(255,255,255,.9) ; background-color:#fff!important ; color:#343434!important } 
.global-navigation .navigation-contact-i>a.hover { color:#b42f22 ; background-color:#fff!important } 
.navigation-contact { position:absolute ; right:0 ; width:auto } 
.global-navigation .navigation-contact>a { box-sizing:border-box ; padding:3px 10px ; border:2px solid #b42f22 ; background-color:#b42f22 ; color:#fff } 
.global-navigation .navigation-contact>a.hover { color:#b42f22 ; background-color:#fff } 
.global-navigation-children { display:inline-block } 
.la { display: block; padding-top:0.5em; width:100%; margin-left: 10px; margin: 0 auto}
.la ul { width: 1100px; margin: 0 auto }
.la li { float: left; margin: 3px 3px;}


.navigation-brand-m { display:none } 
.footer { position:relative ; height:170px ; text-align:center ; font-size:.6rem ; color:#fff ; background-image:linear-gradient(to top,#3d3d3d 44px,#4c4c4c 44px,#4c4c4c 152px,rgba(0,0,0,0) 152px) } 
.footer-content { position:relative ; margin:-20px auto 0 auto ; height:170px ; max-width:1000px } 
.footer:before { content:"" ; position:absolute ; top:0 ; left:0 ; height:100% ; width:100% ; background-image:url(../../images/bg_footer_left.png),url(../../images/bg_footer_right.png) ; background-repeat:no-repeat ; background-position:bottom left,bottom right } 
.footer-logo { padding-top:66px } 
.copyright { padding-top:52px ; font-size:1.4rem ; color:#a1a1a1 } 
.key-visual { position:fixed ; width:100% ; min-width:320px ; top:0 ; left:0 ; margin:124px 0 0 } 
.key-visual-children { position:absolute ; width:100% ; height:auto ; top:0 ; left:0 } 
.key-visual-children>img { width:100% } 
.content { margin:0 } 
.content-block { background:#fff } 
.tab-container { background:linear-gradient(to top,#b42f22 7px,rgba(0,0,0,.8) 7px,rgba(0,0,0,.3),rgba(0,0,0,0)) } 
.tab { position:relative ; text-align:center ; white-space:nowrap ; padding:0 ; margin:0 auto ; height:90px ; max-width:1000px ; overflow:hidden } 
.tab-children { text-align:center ; position:relative ; display:inline-block ; cursor:pointer ; height:100% ; width:25% } 
.logo-container { -webkit-transition-duration:.5s ; -o-transition-duration:.5s ; -ms-transition-duration:.5s ; transition-duration:.5s ; -webkit-transition-timing-function:cubic-bezier(.02,.72,.35,1) ; -o-transition-timing-function:cubic-bezier(.02,.72,.35,1) ; -ms-transition-timing-function:cubic-bezier(.02,.72,.35,1) ; transition-timing-function:cubic-bezier(.02,.72,.35,1) } 
.tab-children-background { border-top:solid 7px #b42f22 ; border-bottom:solid 7px #630000 ; box-sizing:border-box ; width:100% ; height:90px ; position:absolute ; z-index:0 ; top:90px ; -webkit-transition-duration:.3s ; -o-transition-duration:.3s ; -ms-transition-duration:.3s ; transition-duration:.3s ; -webkit-transition-timing-function:cubic-bezier(.02,.72,.35,1) ; -o-transition-timing-function:cubic-bezier(.02,.72,.35,1) ; -ms-transition-timing-function:cubic-bezier(.02,.72,.35,1) ; transition-timing-function:cubic-bezier(.02,.72,.35,1) } 
.tab-children:hover .tab-children-background { top:90px } 
.is-active .tab-children-background { top:0!important } 
.content-pane { display:none ; position:relative ; width:100% } 
.content-pane.is-active { display:block } 
.clearfix { zoom:1 } 
.clearfix:after { content:"" ; display:block ; clear:both } 

@media only screen and (max-width:600px) { 
.header { height:45px ; background-color:rgba(255,255,255,.9) ; margin:auto } 
.logo { margin:-20px auto ; padding-top:30px ; padding-bottom:0 ; text-align:center } 
.logo-img { max-width:314px ; width:60% } 
.global-navigation-container { margin-top:1.8em ; z-index:4 } 
.global-navigation { display:none ; box-sizing:border-box ; padding:10px ; background-color:rgba(255,255,255,.9) ; top:-1px !important ; max-width:none ; width:100% ; margin:0 auto ; text-align:center ; font-size:1.4rem ; letter-spacing:-0.05em } 
.is-open { display:block } 
.global-navigation-children { box-sizing:border-box ; display:block ; width:100% ; text-align:center ; line-height:4rem ; padding:0 } 

.la { display: block; padding-top:0.5em; width: 70px; margin-left: 10px;}
.la ul {width: 70px; }
.la li { float: left; margin: 3px 3px;}
	
.global-navigation a { display:block ; text-decoration:none ; color:#343434 ; padding:0 } 
.global-navigation a.hover { color:#b42f22 ; background-color:#ededed } 
.navigation-contact { position:relative ; right:0 } 
.global-navigation .navigation-contact>a { box-sizing:border-box ; color:#b42f22 ; border:0 ; background-color:inherit } 
.global-navigation .navigation-contact>a:hover { color:#b42f22 ; background-color:#ededed } 
.navigation-contact-i { position:relative ; right:0 ; background-color:rgba(255,255,255,.9) } 
.global-navigation .navigation-contact .navigation-contact-i>a { box-sizing:border-box ; color:#000 } 
.global-navigation .navigation-contact .navigation-contact-i>a:hover { color:#b42f22 } 
.navigation-brand { display:none } 
.navigation-brand-m { display:block } 
.is-index2 { margin:0 } 
.layer-index.is-index1 { position:fixed ; top:0 ; width:100% } 
.key-visual { position:absolute ; width:100% ; top:0 ; left:0 ; margin-top:45px } 
.key-visual-children { position:absolute ; width:100% ; height:auto ; top:0 ; left:0 } 
.tab { display:none } 
.content-pane { display:block } 
.footer { position:relative ; height:85px ; background-image:linear-gradient(to top,#3d3d3d 22px,#4c4c4c 22px,#4c4c4c 76px,rgba(0,0,0,0) 76px) } 
.footer-content { position:relative ; margin:-10px auto 0 auto ; height:85px ; max-width:none } 
.footer:before { content:"" ; position:absolute ; top:0 ; left:0 ; height:100% ; width:100% ; background-image:url(../../images/bg_footer_left_m.png),url(../../images/bg_footer_right_m.png) ; background-repeat:no-repeat ; background-position:bottom left,bottom right } 
.footer-logo { padding-top:33px } 
.footer-logo>img { width:132px } 
.copyright { display:block ; white-space:nowrap ; padding-top:22px ; font-size:1rem ; -ms-transform:scale(.85) ; -webkit-transform:scale(.85) ; transform:scale(.85) ; -ms-transform-origin:bottom center ; -webkit-transform-origin:bottom center ; transform-origin:bottom center }  }