@charset "utf-8"; 
:root {
    --white: #fff; 
    --black: #222; 
    --header-bg: #fff; 
    --gnb-top-bg: #0a234b; 
    --gnb-on: #1B2E57; 
    --pc-gnb: #889eba; 
    --footer-bg: #FFF; 
    --footer-border: #DFDFDF; 
    --footer-point: #006BD5; 
}

.wrapper {font-family: Pretendard, sans-serif;}

body.on {overflow: hidden;}
body.typePc {min-width: 1200px;}
#main.fixed {position: fixed; width: 100%; height: 100%; left: 0; top: 0;}
.dimm {position: fixed; left: 0; top: 0; bottom: 0; opacity: 0; width: 100%; height: 0; background: rgba(0,0,0,.3); transition: all 0.3s;}
.dimm.on {opacity: 1; height: auto; z-index: 10;}
.header-dimm {position: fixed; left: 0; top: 0; bottom: 0; opacity: 0; width: 100%; height: 0; background: rgba(0,0,0,.3); transition: all 0.3s;}
.header-dimm.on {opacity: 1; height: auto; z-index: 20;}
.screen-out {border: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); display: inline-block; width: 1px; height: 1px;}

/* header */
.header {position: fixed; background: transparent; left: 0; top: 0; z-index: 20; width: 100%; box-sizing: border-box;}
.header-util {position: fixed; max-width: 768px; height: 125px; top: 61px; left: -100%; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column-reverse; font-size: 14px; justify-content: space-between; align-items: center; width: 100%; background: #fff; border-bottom: 1px solid #dddee2; transition: left 0.2s;}
.header-util.on {left: 0; z-index: 30;}
.out-lnk {display: flex; align-items: center; padding-top: 20px;}
.out-lnk>li:nth-child(n+2) {padding-left: 30px;}
.out-lnk>li>a {display: block; color: #777; font-weight: 300; position: relative;}
.out-lnk>li:nth-child(n+2)>a:before {content: ''; position: absolute; left: -18px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 45px; background: #777;}
.out-lnk .admission:before {display: none;}
.in-lnk {display: flex; align-items: center; gap: 10px; width: 100%;}
.in-lnk>a {color: #fff; background: #61666F; width: 100%; height: 40px; display: flex; align-items: center; justify-content: center;}
.inner-header-wrap {transition: .3s;}
.inner-header {height: 60px; padding: 10px 20px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; transition: 0.2s;}
.logo>a {display: flex; align-items: center; font-size: 24px; color: #1B2E57; font-weight: 700;}
.logo img {max-width: 100%; padding-right: 5px;}
.header.sticky {background: var(--header-bg); box-shadow: 0 5px 15px rgba(0,0,0,0.2);}
.header.sticky .menu-btn>span, .header.sticky .menu-btn:before, .header.sticky .menu-btn:after {background: var(--black);}
.typeSub .header .menu-btn>span, .typeSub .header .menu-btn:before, .typeSub .header .menu-btn:after {background: var(--black);}

.gnb-wrap {position: fixed; left: -100%; top: 0; width: 100%; max-width: 768px; height: 100%; box-sizing: border-box; z-index: 25; transition: 0.2s; background: #fff;}
.gnb-wrap.open {left: 0;}
.gnb-top {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #F1F1F1; padding: 0 15px; height: 60px; background: #fff;}
.gnb-top img {margin-right: 5px;}
.gnb-close {width: 32px; height: 32px; position: relative;}
.gnb-close:before, .gnb-close:after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg); width: 2px; height: 30px; background: #000;}
.gnb-close:after {transform: translate(-50%,-50%) rotate(-45deg);}
.gnb-inner {display: flex; flex-direction: column; height: calc(100% - 185px); padding-top: 125px; background: linear-gradient(90deg, var(--gnb-on) 130px, #fff 130px);}
.gnb-inner .gnb {padding: 30px 0; position: relative;}
.gnb-inner .gnb .dep1 {width: 130px;}
.gnb-inner .gnb .dep1.active>a {left: 10px; background: linear-gradient(90deg, rgba(188,148,59,1) 0%, rgba(227,184,72,1) 50%, rgba(251,226,161,1) 100%); color: #fff;}
.gnb-inner .gnb .dep1>a {position: relative; left: 0; height: 45px; display: flex; padding: 3px 10px; align-items: center; font-size: 15px; letter-spacing: -0.3px; box-sizing: border-box; color: #C4C4C4; transition: left 0.2s; line-height: 1.2;}
.gnb-inner .gnb .dep2-wrap {display: none; width: calc(100% - 120px); height: calc(100vh - 186px); overflow-y: auto; position: absolute; z-index: 1; right: 0; top: 0; padding: 0 20px 0 40px; opacity: 0; box-sizing: border-box;}
.gnb-inner .gnb .dep2-wrap.show {opacity: 1; display: block;}
.dep2-wrap>p {display: none; color: #fff;}
.dep2-wrap .dep2>li {border-bottom: 1px solid #f1f1f1;}
.dep2-wrap .dep2>li>a {display: block; padding: 19px 0 15px; color: #505050;}
.dep2-wrap .dep2>li.active>a {color: var(--black); font-weight: 700;}
.gnb-wrap .gnb .dep3 {padding: 25px 0; display: none; border-top: 1px solid #EFB921;}
.gnb-wrap .gnb .dep3>li+li {margin-top: 5px;}
.gnb-wrap .gnb .dep3>li>a {font-size: 14px; color: #888; transition: 0.3s;}
.gnb-wrap .gnb .dep3>li>a:hover {color: var(--black);}
.gnb-wrap .gnb .dep3>li>a:before {content: ''; display: inline-block; margin-right: 4px; position: relative; top: -2px; background: #505050; width: 4px; height: 4px; border-radius: 10px;}

.menu-btn {width: 25px; height: 22px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
.menu-btn>span {display: block; width: 100%; height: 2px; background: var(--white); overflow: hidden;}
.menu-btn:before {content: ''; display: block; width: 70%; height: 2px; background: var(--white);}
.menu-btn:after {content: ''; display: block; width: 70%; height: 2px; background: var(--white); align-self: flex-start;}
.admission {display: flex; align-items: center; font-size: 15px; color: var(--black); font-weight: 500;}
.admission:before {width: 8px; height: 8px; content: ''; display: inline-block; position: relative; top: -1px; margin-right: 8px; background: #EFB921; border-radius: 50%;}

@media screen and (min-width: 360px){
    .gnb-inner {background: linear-gradient(90deg, var(--gnb-on) 160px, #fff 160px);}
    .gnb-inner .gnb .dep1 {width: 160px;}
    .gnb-inner .gnb .dep2-wrap {width: calc(100% - 150px);}
    .gnb-inner .gnb .dep1>a {padding: 3px 15px; height: 40px;}
}

@media screen and (min-width: 768px){
    .header-util {padding: 20px 40px; font-size: 16px;}
    .gnb-inner {background: linear-gradient(90deg, var(--gnb-on) 180px, #fff 180px);}
    .gnb-inner .gnb .dep1 {width: 180px;}
    .gnb-inner .gnb .dep1>a {font-size: 18px; height: 45px;}
    .gnb-inner .gnb .dep2-wrap {width: calc(100% - 180px); padding: 0 30px;}
    .dep2-wrap .dep2>li>a {font-size: 16px; padding: 20px 0 18px;}
    .gnb-wrap .gnb .dep3>li>a {font-size: 15px;}
}

/* pc-header s */
.header {width: 100%;}
.typePc .header.active {width: 100%; z-index: 60;}
.typePc .header-dimm {right: 0; top: 136px; z-index: -1; opacity: 1; bottom: auto; padding-bottom: 0; transition: padding-bottom 0.3s; background: #fff; height: auto;}
.typePc .logo img {padding-right: 15px;}
.typePc .menu-btn, .typePc .gnb-top {display: none;}
.typePc .header-util {max-width: 200px; position: absolute; z-index: 35; top: 50%; transform: translateY(-50%); left: auto; right: 130px; margin: 0 auto; border-bottom: none; padding: 0; height: 50px; background: none; align-items: center; flex-direction: row; font-size: 15px;}
.typePc .out-lnk>li>a, .typePc .in-lnk>* {line-height: 1; background: none; width: fit-content; height: auto; color: var(--white);}
.typePc .header.sticky .out-lnk>li>a, .typePc .header.sticky .in-lnk>*, .typePc .header.active .out-lnk>li>a, .typePc .header.active .in-lnk>* {color: var(--black);}
.typePc .out-lnk {padding-top: 0;}
.typePc .out-lnk>li, .typePc .out-lnk>li:nth-child(n+2) {padding: 0;}
.typePc .out-lnk>li>a {display: flex; align-items: center; font-weight: normal;}
.typePc .out-lnk>li>a:before {display: none;}
.typePc .out-lnk .admission:before {display: inline-block;}
.typePc .in-lnk {width: auto; gap: 0;}
.typePc .in-lnk>a {justify-content: flex-start; margin-left: 30px;}
.typePc .in-lnk>a:first-child {text-decoration: underline; text-underline-position: under;}
.typePc .out-lnk .mob {display: none;}
.typePc .in-lnk>a.sitemap {width: 25px; height: 19px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
.typePc .in-lnk>a.sitemap>span {display: block; width: 100%; height: 2px; background: var(--white); overflow: hidden; transition: 0.2s;}
.typePc .in-lnk>a.sitemap:before {content: ''; display: block; width: 70%; height: 2px; background: var(--white); transition: 0.2s;}
.typePc .in-lnk>a.sitemap:after {content: ''; display: block; width: 70%; height: 2px; background: var(--white); align-self: flex-start; transition: 0.2s;}
.typePc .in-lnk>a.sitemap:hover {align-items: center;}
.typePc .in-lnk>a.sitemap:hover>span {width: 50%; background: #fff;}
.typePc .in-lnk>a.sitemap:hover:before, .typePc .in-lnk>a.sitemap:hover:after {width: 100%;}
.typePc .header.active .in-lnk>a.sitemap>span, .typePc .header.active .in-lnk>a.sitemap:before, .typePc .header.active .in-lnk>a.sitemap:after,
.typePc .header.sticky .in-lnk>a.sitemap>span, .typePc .header.sticky .in-lnk>a.sitemap:before, .typePc .header.sticky .in-lnk>a.sitemap:after {background: var(--black);}
.typePc .header.sticky, .typePc .header.active {background: #fff;}
.typePc .header .gnb-inner .gnb .dep1>a, .typePc .header .gnb-inner .gnb .dep1>a {color: var(--white);}
.typePc .header.sticky .gnb-inner .gnb .dep1>a, .typePc .header.active .gnb-inner .gnb .dep1>a {color: var(--black);}
.typePc .inner-header-wrap {padding: 0 40px; position: relative; border-top: 1px solid rgba(255,255,255,0.3); height: 75px;}
.typePc .inner-header-wrap.open:before {content: ''; position: absolute; left: 0; right: 0; bottom: 1px; height: 1px; background: #ddd;}
.typePc .inner-header {padding: 0; max-width: 1720px; margin: 0 auto; height: 75px;}
.typePc .gnb-wrap {margin: auto; padding-left: 30px; position: static; max-width: none; height: auto; background: none;}
.typePc .gnb-inner {background: none; padding: 0; height: auto;}
.typePc .inner-header-wrap.open .gnb-inner .gnb , .typePc .header.sticky .gnb-inner .gnb {background: #fff; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);}
.typePc .gnb-inner .gnb {display: flex; position: absolute; left: 0; top: 75px; width: 100%; min-width: 1200px; padding: 0;}
.typePc .gnb-inner .gnb .dep1 {--gnb-length: 5; width: calc(100% / var(--gnb-length) - 10px);}
.typePc .gnb-inner .gnb .dep1>a {color: #fff; height: 60px; justify-content: center;}
.typePc .gnb-inner .gnb .dep1>a.active {font-weight: bold; text-decoration: underline; text-underline-position: under; text-decoration-color: #EFB921;}
.typePc .gnb-inner .gnb .dep1.active>a {background: transparent;}
.typePc .gnb-inner .gnb .dep2-wrap {display: flex !important; visibility: hidden; justify-content: center; opacity: 1; background: #fff; width: 100%; height: auto; overflow-y: hidden; padding: 0; top: 59px; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition: clip-path 0.3s; box-shadow: 0 5px 10px rgba(0,0,0,0.4);  z-index: -1; border-bottom-left-radius: 60px;}
.typePc .gnb-inner .gnb .dep2-wrap:before {content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 30%; height: 100%; background:  rgba(188,148,59,1);}
.typePc .gnb-inner .gnb .dep2-wrap.show {z-index: 1; visibility: visible;}
.typePc .inner-header-wrap.open .gnb-inner .gnb .dep2-wrap {clip-path: polygon(0 0, 100% 0%, 100% 108%, 0% 108%);}

.typePc .dep2-wrap .dep2>li {border-bottom: none;}
.typePc .dep2-wrap .dep2>li+li {padding-left: 45px; border-left: 1px solid #f1f1f1;}
.typePc .dep2-wrap.wide .dep2>li+li {padding-left: 0; border-top: 1px solid #f1f1f1; border-left: none;}
.typePc .dep2-wrap.wide .dep2>li {display: flex; gap: 70px; align-items: center; padding: 10px 0;}
/*.typePc .dep2-wrap.wide .dep2>li+li {border-left: none; padding-left: 0; border-bottom: none;}*/
.typePc .dep2-wrap .dep2>li>a {padding: 12px 0; font-size: 18px; opacity: 1 !important; text-align: center; transition: 0.3s;}
.typePc .dep2-wrap.wide .dep2>li>a {text-align: left;  padding: 0; width: 185px; font-size: 16px; font-weight: 600;}
.typePc .dep2-wrap .dep2>li>a:hover, .dep2-wrap .dep2>li>a:focus {color: #00538E; text-decoration: underline; font-weight: 700; text-decoration-color:#EFB921;}
.typePc .dep2-wrap>p {display: block; letter-spacing: -0.7px; line-height: 1.2; min-width: 327px; background: linear-gradient(90deg, rgba(188,148,59,1) 0%, rgba(227,184,72,1) 50%, rgba(251,226,161,1) 100%); padding: 40px 30px; box-sizing: border-box; justify-content: center; align-items: center; color: #fff; font-size: 40px;}
.typePc .dep2-wrap>p>span {font-size: 15px; font-weight: 300; letter-spacing: 0; color: var(--white); display: block; padding-top: 15px; line-height: 1.2;}
.typePc .gnb .dep2 {width: 100%; background: #fff; max-width: 1370px; opacity: 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; gap: 40px; padding: 45px 80px 45px 20px; box-sizing: border-box;}
.typePc .gnb .dep2-wrap.show .dep2 {opacity: 1;}
.typePc .gnb .dep2-wrap.wide .dep2 {grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; gap: 0;}
.typePc .gnb .dep2.col2 {grid-template-columns: repeat(2, 1fr);}
.typePc .gnb .dep2.col5 {grid-template-columns: repeat(5, 1fr);}
.typePc .gnb-wrap .gnb .dep3 {display: flex; gap: 5px 10px; flex-wrap: wrap; border-top: none; padding: 0;}
.typePc .gnb-wrap .gnb .dep3>li+li {margin-top: 0;}
.typePc .gnb-wrap .gnb .dep3>li {display: flex; align-items: center;}
.typePc .gnb-wrap .gnb .dep3>li>a {font-weight: 500;}
.typePc .gnb-wrap .gnb .dep3>li>a:hover, .typePc .gnb-wrap .gnb .dep3>li>a:focus {color: #1B2E57;}

@media screen and (min-width: 1400px){
    .typePc .header-dimm {top: 90px;}
    .typePc .gnb-inner .gnb .dep1 {padding: 0 15px; width: auto;}
    .typePc .inner-header-wrap, .typePc .inner-header {height: auto;}
    .typePc .gnb-inner .gnb {position: static; min-width: auto; justify-content: center; width: calc(100% - 300px);}
    .typePc .inner-header-wrap.open .gnb-inner .gnb , .typePc .header.sticky .gnb-inner .gnb {box-shadow: none;}
    .typePc .gnb-inner .gnb .dep1>a {height: 90px; padding: 0 18px;}
    .typePc .dep2-wrap>p {min-width: 527px; font-size: 60px; padding-left: 10%;}
    .typePc .dep2-wrap.wide>p {padding-left: 6%;}
    .typePc .dep2-wrap>p>span {font-size: 18px;}
    .typePc .gnb-inner .gnb .dep2-wrap {top: 89px;}
    .typePc .inner-header-wrap.open .gnb-inner .gnb , .typePc .header.sticky .gnb-inner .gnb {background: transparent;}
    .typePc .dep2-wrap .dep2>li>a {font-size: 19px;}

}

@media screen and (min-width: 1600px){
    .typePc .header-util {right: 200px;}
    .typePc .inner-header-wrap {padding: 0 160px;}
    .typePc .in-lnk>a {margin-left: 60px;}
}
/* pc-header e */
/* sub-header s */
.typeSub .header {background: var(--white);}
.typeSub.typePc .header {position: absolute; background: transparent;}
.typeSub.typePc .header.active {background-color: var(--white);}
/* sub-header e */
/* footer s */
.btn-top {position: fixed; z-index: 25; cursor: pointer; top: auto; right: 20px; bottom: 30px; width: 55px; height: 55px; background: transparent;}
.btn-top>a {display: block; width: 55px; height: 55px; box-sizing: border-box; border-radius: 50%; background: rgba(0,0,0,0.4) url('/type/ENG_A/img/layout/icon-top.png') 50% / 18px no-repeat; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.btn-top>a:before {position: absolute; z-index: 5; box-sizing: border-box; left: calc(50% - 1px); top: calc(50% - 0.5px); transform: translate(-50%, -50%); width: 45px; height: 45px; border-radius: 50%; content: ''; border: 1px solid rgba(255,255,255,0.3);}
.btn-top>span {display: none;}
.footer {position: relative; box-sizing: border-box; background: var(--footer-bg); font-weight: 300; color: var(--black); font-size: 13px; padding: 0 20px 90px;}
.footer a {color: var(--black);}
.footer .point {color: var(--footer-point);}
.footer .text-box {border-top: 1px solid var(--footer-border); padding-top: 40px; font-size: 16px;}
.footer address>span {display: block;}
.footer .tel-list, .footer .tel-box  {padding-top: 30px;}
.tel-wrap a {pointer-events: none;}
.footer .tel-wrap .head {font-size: 30px; color: #006BD5; font-weight: bold;}
.copyright {padding-top: 12px;}
.copyright>span {display: inline-block;}

.footer .sns-box {display: flex; gap: 10px; padding-top: 10px;}
.footer .sns-box>li {}
.footer .sns-box>li>a {display: block; width: 30px; height: 30px; text-indent: -9999px; background-repeat: no-repeat; background-position: center; background-size: 30px;}
.footer .sns-box>li>a.instagram {background-image: url("/_user/university_en/img/layout/ico-instagram.svg");}
.footer .sns-box>li>a.facebook {background-image: url("/_user/university_en/img/layout/ico-facebook.svg");}
.footer .sns-box>li>a.blog {background-image: url("/_user/university_en/img/layout/ico-blog.svg");}
.footer .sns-box>li>a.youtube {background-image: url("/_user/university_en/img/layout/ico-youtube.svg");}
.footer .sns-box>li>a.twitter {background-image: url("/_user/university_en/img/layout/ico-twitter.svg");}
.footer .sns-box>li>a.kakao {background-image: url("/_user/university_en/img/layout/ico-kakao.svg");}

@media screen and (min-width: 768px){
    .footer {padding: 30px; font-size: 16px;}
    .footer .tel-wrap .head {font-size: 45px;}

}
@media screen and (min-width: 1024px){
    .footer {padding: 30px 40px 130px;}
    .footer .tel-wrap .head {font-size: 60px;}

}
/* footer e */
/* pc footer s */
.typePc .btn-top {width: 50px; height: 50px; right: 10px;}
.typePc .btn-top>span {display: block; position: absolute; left: 50%; bottom: -28px; transform: translateX(-50%); color: #fff;}
.typePc .btn-top>a {position: absolute; overflow: hidden; width: 50px; height: 50px; transition: 0.3s; border: 1px solid #fff; background-color: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;}
.typePc .btn-top>a:before {display: none;}
.typePc .btn-top>a:after {content: ''; transition: 0.3s; position: absolute; left: 15px; bottom: -24px; display: block; width: 18px; height: 18px; background: url('/type/ENG_A/img/layout/icon-top.png') 50% / 18px no-repeat;}
.typePc .btn-top>a:hover {background-position: center -24px;}
.typePc .btn-top>a:hover:after {bottom: 14px;}
.typePc.typeSub .btn-top>a {display: block; width: 55px; height: 55px; box-sizing: border-box; border-radius: 50%; background: rgba(0,0,0,0.4) url('/type/ENG_A/img/layout/icon-top.png') 50% / 18px no-repeat; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.typePc.typeSub .btn-top>a:before {display: block; position: absolute; z-index: 5; box-sizing: border-box; left: calc(50% - 1px); top: calc(50% - 0.5px); transform: translate(-50%, -50%); width: 45px; height: 45px; border-radius: 50%; content: ''; border: 1px solid rgba(255,255,255,0.3);}
.typePc.typeSub .btn-top>a:hover:after {display: none;}
.typePc .footer {padding-right: 110px; font-size: 15px; width: 100%; display: block; margin: 0 auto; max-width: 1370px;}
.typePc .footer .tel-wrap {display: flex; justify-content: space-between;}
.typePc .tel-wrap a {pointer-events: auto;}
.typePc .footer .tel-list {display: flex; gap: 20px; align-items: flex-end; line-height: 1;}
.typePc .footer .tel-list>li+li {padding-bottom: 5px;}
.typePc .footer .tel-box {line-height: 1; display: flex; flex-direction: column; align-items: flex-end;}
.typePc .footer .admission {padding-bottom: 10px;}
.typePc .footer .top-wrap {display: flex;}
.typePc .footer .top-wrap .address, .top-wrap .sns-box {width: 50%;}
.typePc .footer .sns-box {justify-content: flex-end;}
.typePc .footer .sns-box>li>a {width: 40px; height: 40px; background-size: 40px;}
.typePc .footer .sns-box>li>a:hover, .sns-box>li>a:focus {opacity: 0.7;}

@media screen and (min-width: 1400px){
    .typePc .footer .tel-box {flex-direction: row; gap: 25px;}
    .typePc .footer .admission {padding-bottom: 5px;}
}
@media screen and (min-width: 1600px) {
    .typePc .footer {max-width: 1600px;}
}
/* pc footer e */
/* snb area s */
.typeMobile #snb_nav {display: none;}
.typeMobile .sVisual {display: none;}
.typePc #snb_nav {width:100%; height:60px; margin-bottom:60px; box-sizing:border-box; background:#f6f6f7;}
.typePc #snb_nav .snb_area {position:relative; width:100%; max-width:1260px; height:60px; margin:0 auto; box-sizing:border-box; padding:0 30px; z-index:15; line-height:36px;}
.typePc #snb_nav .snb_area .btn_home {display:block; float:left; overflow:hidden; height:60px; margin:0; padding:0 15px 0 20px; background:url(../img/layout/snb_home_black.png) no-repeat left center; color:#000; font-family:'Malgun Gothic'; font-size:16px; line-height:61px;}
.typePc #snb_nav .snb_area>button {position:relative; float:left; height:60px; min-width:180px; margin-left:1px; box-sizing:border-box; padding:0 35px 0 15px; background:url(../img/layout/snb_selArrB_black.png) no-repeat right 15px top 50%; color:#000; font-family:'Malgun Gothic'; font-size:16px; line-height:60px; text-align:left; letter-spacing:-1px;}
.typePc #snb_nav .snb_area>button::before {content:''; display:block; position:absolute; left:-1px; top:23px; width:1px; height:18px; background:#d2d7de;}
.typePc #snb_nav .snb_area>button.active {background:#000f20 url(../img/layout/snb_selArrB_white.png) no-repeat right 15px top 50%; color:#fff;}
.typePc #snb_nav .snb_area>button.on {}
.typePc #snb_nav .snb_area .snb_util {display:block; float:right; margin-right:30px; font-size:0;}
.typePc #snb_nav .snb_area .btn_snbView {display:none;}
.typePc #snb_nav #snb {display:none; position:absolute; left:5px; top:60px; width:235px; box-sizing:border-box; padding:16px 15px; border:1px solid #dbdee1; border-top:none; background:#fff; z-index:900;}
.typePc #snb_nav #snb li+li {margin-top:10px;}
.typePc #snb_nav #snb li a {color:#666; font-family:'Roboto',sans-serif; font-size:15px; font-weight:400; line-height:16px; letter-spacing:-1px;}
.typePc #snb_nav #snb li a:hover,
.typePc #snb_nav #snb li a:active {color:#05548f !important;}
.typePc #snb_nav #snb>li>ul {margin-bottom:10px;}
.typePc #snb_nav #snb>li>ul ul {margin-bottom:0;}
.typePc #snb_nav.active2 #snb>li+li {margin-top:0;}
.typePc #snb_nav.active3 #snb>li+li,
.typePc #snb_nav.active3 #snb .menuM>li+li {margin-top:0;}
.typePc #snb_nav.active4 #snb>li+li,
.typePc #snb_nav.active4 #snb .menuM>li+li,
.typePc #snb_nav.active4 #snb .menuS>li+li {margin-top:0;}
.typePc #snb_nav.active1 #snb>li>ul.menuM {display:none;}
.typePc #snb_nav.active2 #snb {padding:16px 15px 0;}
.typePc #snb_nav.active2 #snb>li>a,
.typePc #snb_nav.active2 #snb>li>ul.menuM {display:none;}
.typePc #snb_nav.active2 #snb>li.on>ul.menuM {display:block;}
.typePc #snb_nav.active2 #snb>li.on>ul.menuM ul {display:none;}
.typePc #snb_nav.active3 #snb {padding:16px 15px 0;}
.typePc #snb_nav.active3 #snb>li,
.typePc #snb_nav.active3 #snb>li>a,
.typePc #snb_nav.active3 #snb>li>ul.menuM>li,
.typePc #snb_nav.active3 #snb>li>ul.menuM>li>a {display:none;}
.typePc #snb_nav.active3 #snb>li.on>ul.menuM ul.menuS {display:block;}
.typePc #snb_nav.active3 #snb>li.on>ul.menuM ul.menuS ul {display:none;}
.typePc #snb_nav.active3 #snb li.on {display:block !important;}
.typePc #snb_nav.active4 #snb {padding:16px 15px 0;}
.typePc #snb_nav.active4 #snb>li,
.typePc #snb_nav.active4 #snb>li>a,
.typePc #snb_nav.active4 #snb>li>ul.menuM>li,
.typePc #snb_nav.active4 #snb>li>ul.menuM>li>a,
.typePc #snb_nav.active4 #snb>li>ul.menuM>li>ul.menuS>li,
.typePc #snb_nav.active4 #snb>li>ul.menuM>li>ul.menuS>li>a {display:none;}
.typePc #snb_nav.active4 #snb li.on {display:block !important;}
.typePc #snb_nav .snb_util {position:absolute; right:0; top:0; padding:18px 0; text-align:right; font-size:0;}
.typePc #snb_nav .snb_util button {display:inline-block; overflow:hidden; width:24px; height:24px; margin-left:14px; text-indent:-999px; vertical-align:top;}
.typePc #snb_nav .snb_util .btn_zoomOut {background:url(../img/layout/snb_zoomOut_black.png) no-repeat 50% 50%;}
.typePc #snb_nav .snb_util .btn_zoomIn {background:url(../img/layout/snb_zoomIn_black.png) no-repeat 50% 50%;}
.typePc #snb_nav .snb_util .btn_print {background:url(../img/layout/ico_print_black.png) no-repeat 50% 50%;}
.typePc #snb_nav .snb_util .btn_share {background:url(../img/layout/ico_share_black.png) no-repeat 50% 50%;}
.typePc #snb_nav .snb_util .zoom {display:inline-block; position:relative; height:24px; font-size:0; vertical-align:top;}
.typePc #snb_nav .snb_util .shareBox {display:none; position:absolute; right:-20px; top:52px; width:330px; padding-top:8px; z-index:100;}
.typePc #snb_nav .snb_util .shareBox ul {position:relative; padding:17px 5px 15px; border:1px solid #1b2535; background:#fff; text-align:center;}
.typePc #snb_nav .snb_util .shareBox ul::before {content:''; display:block; position:absolute; right:20px; top:-9px; width:9px; height:9px; background:url(../img/layout/ico_speechBubble_arrT.png) no-repeat center top;}
.typePc #snb_nav .snb_util .shareBox ul>li {display:inline-block;}
.typePc #snb_nav .snb_util .shareBox ul>li>a {display:block; width:75px; padding:50px 0 0; color:#000; font-size:14px; line-height:16px; text-align:center; letter-spacing:-1px;}
.typePc #snb_nav .snb_util .shareBox .sns_facebook {background:url(../img/layout/sns_cir_facebook.png) no-repeat center top;}
.typePc #snb_nav .snb_util .shareBox .sns_kakaoStory {background:url(../img/layout/sns_cir_kakaoStory.png) no-repeat center top;}
.typePc #snb_nav .snb_util .shareBox .sns_nBlog {background:url(../img/layout/sns_cir_nBlog.png) no-repeat center top;}
.typePc #snb_nav .snb_util .shareBox .sns_twitter {background:url(../img/layout/sns_cir_twitter.png) no-repeat center top;}
.typePc #snb_nav .snb_util .shareBox .sns_urlCopy {background:url(../img/layout/sns_cir_urlCopy.png) no-repeat center top;}
.typePc #snb_nav .snb_util .shareBox.on {display:block;}
@media print {
    #header, #footer, #snb_nav {display:none;}
}
.stickyFix .sVisual {margin-bottom:125px;}
.stickyFix #snb_nav {position:fixed; left:0; top:0; height:60px; margin-bottom:0; z-index:500;}
.stickyFix #snb_nav .snb_area {box-shadow:none;}
/* snb area e */
/* sub contents s */
.typeMobile #container {padding-top: 60px;}
.typePc #container {padding-top: 0;}
.typeSub #contents {position:relative; overflow:hidden;}
.typeMobile #contents {padding-top: 30px;}
.typePc #contents {padding-top: 0;}
.typeSub #contents>h2 {display:table; position:relative; width:100%; height:373px; background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center;}
.typeSub #contents>h2 b {display:table-cell; padding-top:115px; color:#fff; font-family:'Roboto',sans-serif; font-size:54px; font-weight:500; line-height:64px; text-align:center; vertical-align:middle; letter-spacing:-1px;}
.typeSub #contents .sVisual {position:relative;}
.typeSub #contents .sVisual_wrap {display:table; position:relative; width:100%; height:300px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; text-align:center;}
.typeSub #contents .sVisual_wrap .sVisual_tit {display:table-cell; padding-top:75px; color:#fff; font-family:'Oswald',sans-serif; font-size:57px; font-weight:500; line-height:58px; text-align:center; vertical-align:middle;}
.typeSub #contents .sVisual_wrap .mImg {display:none; position:relative; width:100%; background-repeat:no-repeat; background-position:center; background-size:auto 100%; text-align:center;}
.typeSub #contents>article {position:relative; max-width:1260px; min-height:500px; box-sizing:border-box; margin:0 auto; padding:0 30px 120px;}