@charset "utf-8";

/* 전역 스타일 */
:root {
  --wrapper: 1440px;
}

.is-floting{width: 100%; position: absolute; left: 0; overflow: hidden; height: 100%;}

/* 사이트 전체를 감싸기 */
#wrap{position: relative;max-width: 100%;overflow:hidden;}


/* 레이아웃 wrapper 너비 */
/* 헤더 */  .head-wrapper{max-width: var(--wrapper); margin:0 auto}
/* GNB */  .gnb-wrapper{max-width: var(--wrapper); margin:0 auto} 
/* 약관 링크  */  .termsMenu-wrapper{max-width: var(--wrapper); margin:0 auto}
/* 푸터 */  .foot-wrapper{max-width: var(--wrapper); margin:0 auto}
/* 비주얼 */  .subVisual-wrapper{max-width: var(--wrapper); margin:0 auto}

/* sub contents wrapper 너비*/
.contents-wrapper{width: var(--wrapper); margin:0 auto}


/* 네비게이션 상호작용시 백 아웃 레이어 */
#blackCurtain{display:none;z-index: 10000;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.5)}
#gnbCurtain{display:none;z-index: 1000;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.5)}


/* 다크모드 버튼 */
#util{display: flex;z-index:100;position: fixed;bottom: 20px;right: 20px;flex-direction:column;align-items:flex-end}
#util a, #util button{display:flex;align-items:center}
#util button ~ button{margin-top:10px}
#util button ~ a{margin-top:10px}
#util a ~ button{margin-top:10px}
#util a ~ a{margin-top:10px}
#util .scroll-top{display:none;width: 40px;height: 40px;background-color:#5c5e63;color:#aaa;border-radius:100%;box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3)}
#util .scroll-top img{width: 13px;vertical-align: -3px}
@media screen and (max-width:1780px) {
  #util .auth-out, #util .logout{width:40px;padding:0;position:relative;text-indent:100%;white-space:nowrap;overflow:hidden}
  #util .auth-out img{position:absolute;top:11px;left:13px}
  #util .logout img{position:absolute;top:12px;left:13px}
  #util .btn-mode-toggle{width:40px}
  #util .btn-mode-toggle .toggle-symbole{left:4px}
}


/* 모바일 네비게이션 */ 
#mobileGnb{display:none;z-index:11000;position: fixed;top:0;right: -280px;width: 280px;height:100vh;background-color:#fff}
#mobileGnb li ul{display:none}
  #mobileGnbList{height:calc(100% - 100px);overflow-y:scroll}
    .moGnb-util{position:relative;height:100px;overflow:hidden;background-color:#303644}
    .moGnb-util .moGnb-util-close{position:absolute;top: 15px;right:15px}
    .moGnb-util .moGnb-util-account{display:flex;align-items:center;flex-wrap:wrap;padding:15px;height:100%}
    .moGnb-util .moGnb-util-account .head-util-logout{flex:0 0 100%;display:flex;align-items:center;justify-content:center;margin:0 0 15px}
    .moGnb-util .moGnb-util-account .head-util-logout i{margin-right:10px;color:#fff}
    .moGnb-util .moGnb-util-account .util-account-login{padding:8px 15px;text-align:center;border-radius:25px;font-size: 18px;font-family: 'Roboto', sans-serif}
    .moGnb-util .moGnb-util-account .util-account-login img{/* width:12px; */margin-right:3px;/* vertical-align:-1px; */}
    .moGnb-util .moGnb-util-account .util-account-login{/* border:1px solid #87898e; */color:#fff}
    .moGnb-util .moGnb-util-account .util-account-login ~ .util-account-login{margin-left:7px}

    .moGnb-depth-1 > li > a{display:block;padding: 0 18px 0 20px;transition: initial;border-bottom:1px solid #dfdfdf}
    .moGnb-depth-1 > li > a span{display:block;padding:20px 0;font-size: 18px;font-weight: 500;color:#5d5d5d;background:url(/resources/images/name/user/ko/layout/mo-gnb-depth-1.png) no-repeat 100% 50%}
    .moGnb-depth-1 > li > a.is-selected{background-color: #174572;border-color:#174572}
    .moGnb-depth-1 > li > a.is-selected span{font-weight: 400;color: #fff;background: url(/resources/images/name/user/ko/layout/snb-item-parent-bullet-hover.png) no-repeat 100% 50%}
    
    .moGnb-depth-2{position:relative;padding:15px 20px 20px}
    .moGnb-depth-2::after{content:'';position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #174572}
    .moGnb-depth-2 > li ~ li{margin-top:8px}
    .moGnb-depth-2 > li > a{display: flex;height: 50px;padding: 0 15px;border-radius: 5px;font-size: 16px;border: 1px solid #c5c5c5}
    .moGnb-depth-2 > li > a span{display: block;flex: 1 1 auto;align-self: center;background: url(/resources/images/name/user/ko/layout/snb-state-fold.png) no-repeat 100% 50%}
    .moGnb-depth-2 > li > a.is-selected{background-color: #176ac7;color: #fff;border-color: #176ac7;border-radius: 5px 5px 0 0}
    .moGnb-depth-2 > li > a.is-selected span{background-image: url(/resources/images/name/user/ko/layout/snb-state-unfold.png)}
    .moGnb-depth-2 > li > a.is-selected.empty{border-radius: 5px}
    .moGnb-depth-2 > li > a.is-selected.empty span{background-image:none}
    .moGnb-depth-2 > li > a.empty span{background-image:none}  

    .moGnb-depth-3{display: none;padding: 10px 15px;border-radius: 0 0 5px 5px;border: solid #176ac7;border-width: 0 1px 1px 1px}
    .moGnb-depth-3 > li > a{display: block;padding: 3px 0 3px 20px;position: relative;background: url(/resources/images/name/user/ko/layout/snb-state-fold.png) no-repeat 100% 50%;transition:color 100ms ease-out}
    .moGnb-depth-3 > li > a span{display:inline-block;padding-bottom: 1px;border:1px solid transparent;line-height: 110%}
    .moGnb-depth-3 > li > a::before{content: '';position: absolute;top: 0;left: 8px;width: 4px;height: 100%;background: url(/resources/images/name/user/ko/layout/depth-3.png) no-repeat 0 10px;transition: inherit}
    .moGnb-depth-3 > li > a.is-selected{background-image: url(/resources/images/name/user/ko/layout/snb-state-unfold-black.png)}
    .moGnb-depth-3 > li > a.is-selected span{border-bottom-color: #176ac7;color: #176ac7}
    .moGnb-depth-3 > li > a.is-selected.empty{background-image:none}
    .moGnb-depth-3 > li > a.empty{background-image:none}

    .moGnb-depth-4{display:none;padding: 13px 17px;margin-top: 7px;background-color:#f4f5f9}
    .moGnb-depth-4 > li ~ li{margin-top:10px}
    .moGnb-depth-4 > li > a{display:block;position:relative;padding-left:13px;font-size: 14px}
    .moGnb-depth-4 > li > a::before{content:'';position:absolute;top:6px;left:0;width:5px;height:1px;background-color:#aaaaaa}
    .moGnb-depth-4 > li > a.is-selected{color:#176ac7}
    .moGnb-depth-4 > li > a.is-selected::before{background-color:#176ac7}

#mobileGnb.isAnonymous .moGnb-util{height:75px}
#mobileGnb.isAnonymous .moGnb-util .moGnb-util-close{top: 30px;}
#mobileGnb.isAnonymous .moGnb-util .moGnb-util-signin{margin-right:20px}
#mobileGnb.isAnonymous .moGnb-util .moGnb-util-signin a{color:#fff}
#mobileGnb.isAnonymous .moGnb-util .moGnb-util-signin a ~ a{position:relative;margin-left:20px}
#mobileGnb.isAnonymous .moGnb-util .moGnb-util-signin a ~ a::before{content:'';position:absolute;top:2px;left:-12px;width:1px;height:10px;background-color:rgba(255, 255, 255, 0.3)} 
#mobileGnb.isAnonymous #mobileGnbList{height:calc(100% - 75px)}





/* 헤더 */
#header{z-index:1010;position:relative;padding: 0 20px}
.head-wrapper{position:relative}
  .head-logo{position:absolute;top: 30px;left:0}
  .head-logo h1{display:flex;align-items: center}
  .head-logo h1 a{display:block}
  .head-logo h1 .head-logo-white{display:block}
  .head-logo h1 .head-logo-black{display:none}
  .head-logo h1 .v-bar{height:18px;width:1px;background-color: #ccc;margin: 0px 25px;}
  .head-logo h1 small>a{font-size: 28px;color: #fff;font-weight: 700;transition:none}

  .head-mobile-menu{display:none}
  

/* GNB */
.ani-gnb{z-index: 1000;position:absolute;top:0;left:0;width:100%;height:90px;overflow:hidden;transition: background-color 100ms ease-out}
.ani-gnb::after{content:'';z-index: 1001;position:absolute;top:89px;left:0;width:100%;height:1px;background-color:rgba(255, 255, 255, 0.2)}
.ani-gnb .gnb-followBar {z-index: 1003;position: absolute;width:100px;height: 3px;background-color: #0a52a7}

.ani-gnb .gnb-wrapper{position:relative}

.head-gnb{z-index: 1002;position:relative;display:flex;align-items:center;justify-content:flex-end}


.head-gnb .gnb-container{display:flex;justify-content:space-between;align-items:center;margin-right: 120px;}
.head-gnb .gnb-container a[target="_blank"] span::after{display: inline-block;width: 14px;height: 14px;margin-left: 5px;margin-top: 5px;background: url(/resources/images/name/user/styleguide/icon-window.png) no-repeat 100% 0 / 14px}

.head-gnb .gnb-parent-item{height:90px}
.head-gnb .gnb-parent-item>a{position:relative;display:block;text-align: center;height:90px;padding: 40px 15px 0;font-size: 20px;font-weight:700;color: #fff} 

.head-gnb .gnb-parent-item>a span{display:inline-block}


.gnb-parent-item .gnb-slave-wrapper{display:none;position:absolute;padding: 15px 0 15px 470px;left:0;width: 100%;min-height: 330px;transition:background-color 100ms ease-out}
.gnb-parent-item:nth-child(1) .gnb-slave-wrapper{border-left-width:1px}

  .gnb-slave{display:flex;flex-wrap:wrap}
  .gnb-slave-item{width:33.33%;padding:10px}
  .gnb-slave-item>a{display:flex;align-items:center;font-size:18px;width:100%;height:70px;padding:0 20px;border-radius:10px;font-weight:500;color:#2f2f2f;background-color:#f4f7fa;border:1px solid #f4f7fa}
  .gnb-slave-item>a span{flex:1;background:url(/resources/images/name/user/ko/layout/gnb-item-arrow.png) no-repeat 100% 50%;word-break:keep-all;line-height:130%}

  
  .gnb-slave-item>a:hover{border-color:#0a52a7}

  .gnb-slave-item>a.is-selected{background-color:#0a52a7;border-color:#fff;color:#fff}
  .gnb-slave-item>a.is-selected span{background-image:url(/resources/images/name/user/ko/layout/gnb-item-arrow-selected.png)}

  .gnb-accessory{display:none;position:absolute;top: 115px;left:0;width:450px;height:270px;background:no-repeat 0 0 / cover;overflow:hidden;border-radius:15px}
  .gnb-accessory .accessory-menuName{display:block;padding:37px;font-weight:700;font-size:38px;color:#fff;letter-spacing:-1px}
  
  .gnb-util{z-index: 1003;position:absolute;top: 35px;right:0;display:flex;align-items:center;}
  .gnb-util a ~ a{margin-left: 30px}
  .gnb-util .gnb-people{display:none}

    .gnb-search .gnb-search-white{display:block}
    .gnb-search .gnb-search-black{display:none}

    .gnb-people .gnb-people-white{display:block}
    .gnb-people .gnb-people-black{display:none}

    .gnb-sitemap .gnb-sitemap-white{display:block}
    .gnb-sitemap .gnb-sitemap-black{display:none}


  .section-termsMenu{background-color:#151521;border-bottom:1px solid #44444d;padding:0 20px}
  .section-termsMenu .termsMenu-wrapper{display:flex;align-items: center;;padding:20px 0;}
  .section-termsMenu .termsMenu-list{flex:1;display:flex;align-items: center;}
  .section-termsMenu .termsMenu-list a{color:#fff}
  .section-termsMenu .termsMenu-list a:hover{color:#25a3cb}
  .section-termsMenu .termsMenu-list .v-bar{width:1px;height:13px;background-color:#5c5c64;margin:0 20px}
  .section-termsMenu .termsMenu-social{display:flex;align-items: center;}
  .section-termsMenu .termsMenu-social a{width:48px;height:48px;background-color:#2e2e36;border-radius:100%}
  .section-termsMenu .termsMenu-social a ~ a{margin-left:15px}
  .section-termsMenu .termsMenu-social a img{position:relative;top:50%;left:50%;transform: translate(-50%, -50%);}
  

#footer{padding:60px 0;background-color:#151521}
  .foot-wrapper{display:flex}
    .foot-logo{margin-right:70px}
    .foot-logo{margin-right:70px}

    .foot-siteInformation{flex:1;display:flex;align-items:flex-start;padding-top:10px}
      .siteInformation-address{flex:1}
      .siteInformation-address p{font-weight:300;font-size:16px;line-height:25px;color:#fff}
      .siteInformation-address .copyright{margin-top:10px;color:#7c7c82}

      .siteInformation-termsMenu{margin-right:60px}
      .siteInformation-termsMenu a{display:block;font-weight:300;font-size:16px;color:#fff}
      .siteInformation-termsMenu a ~ a{margin-top: 19px}
      .siteInformation-termsMenu a:hover{color:#26aad4}

      .siteInformation-familySite{position:relative;width:230px}
      .siteInformation-familySite .familySite-button{width: 100%;height:46px;padding:0 20px;font-weight:300;font-size:17px;background-color:#151521;color:#fff;border:1px solid #fff}
      .siteInformation-familySite .familySite-button span{position:relative;display:block;text-align:left}
      .siteInformation-familySite .familySite-button img{position:absolute;top:6px;right:0}
      .siteInformation-familySite .familySite-list{display:none;position:absolute;bottom:100%;left:0;width:100%;padding:30px 20px 20px;background-color:#151521;border:solid #fff;border-width:1px 1px 0 1px}
      .siteInformation-familySite .familySite-list li ~ li{margin-top:20px}
      .siteInformation-familySite .familySite-list li a{font-weight:300px;font-size:16px;color:#fff}
      .siteInformation-familySite .familySite-list li a:before{content:'-';display:inline-block;margin-right:10px;color:#fff}
      .siteInformation-familySite .familySite-list li a:hover{color:#26aad4}

      .siteInformation-familySite.is-visible .familySite-button{border-top-color: #3f3f57}




/* 상호작용시 스타일 변경 */
:root .is-gnbEnter .head-logo h1 .head-logo-white{display:none}
:root .is-gnbEnter .head-logo h1 .head-logo-black{display:block}
:root .is-gnbEnter .head-logo h1 small>a{color:#000}
:root .is-gnbEnter .head-logo h1 .v-bar{opacity:1;background-color:#ccc}

:root .is-gnbEnter .ani-gnb{background-color:#fff}
:root .is-gnbEnter .ani-gnb::after{background-color:#ddd;opacity:1}
:root .is-gnbEnter .head-gnb .gnb-parent-item>a{color:#000}
:root .is-gnbEnter .head-gnb .gnb-parent-item>a::after{opacity:1}
:root .is-gnbEnter .head-gnb .gnb-parent-item>a:not(.is-selected)::after{background-color:#ddd}
:root .is-gnbEnter .head-gnb .gnb-parent-item>a:not(.is-selected){color:#000}

:root .is-gnbEnter .gnb-search .gnb-search-white{display:none}
:root .is-gnbEnter .gnb-search .gnb-search-black{display:block}

:root .is-gnbEnter .gnb-people .gnb-people-white{display:none}
:root .is-gnbEnter .gnb-people .gnb-people-black{display:block}

:root .is-gnbEnter .gnb-sitemap .gnb-sitemap-white{display:none}
:root .is-gnbEnter .gnb-sitemap .gnb-sitemap-black{display:block}




/* #sub-contents */
.main-contents{padding: 0 20px}
.main-contents .contents-wrapper{position:relative;display:flex;align-items: flex-start;flex-direction: row-reverse;flex-wrap:wrap;padding-top:65px}
  .contents-location{display:flex;align-items: flex-start;height: 65px;border-bottom:1px solid #ddd;}
  .contents-location .location-title{flex:1;font-weight:600;font-size:35px;color:#000}
  .contents-location .location-util{position:relative;flex:0 0 auto;display:flex;align-items:center;margin-top: -5px;}
  .contents-location .location-util .share-layer-open,
  .contents-location .location-util .share-layer-close{line-height:0;width:48px;height:48px;border-radius: 100%;background-color:#fff}
  .contents-location .location-util .share-layer-open img,
  .contents-location .location-util .share-layer-close img{line-height:0;transition:filter 100ms ease-out}
  .contents-location .location-util .share-layer-open:hover{background-color:#0a52a7}
  .contents-location .location-util .share-layer-open:hover img{filter: brightness(0) invert(1)}
  
  .location-util .util-sns{position:relative}
  .location-util .util-sns .share-layer{display:none;position:absolute;top:50px;left:50%;transform:translateX(-50%)}
  .location-util .util-sns .share-layer .share-list{position:relative;display:flex;padding:10px 20px;border-radius:10px;background-color:#fff;border:1px solid #cacaca}
  .location-util .util-sns .share-layer .share-list::before{content:'';position: absolute;top:-9px;left:50%;transform:translateX(-50%);width:16px;height:9px;background:url(/resources/images/name/user/ko/layout/navigator-util-sns-arrow.png)}
  .location-util .util-sns .share-layer .share-list button{line-height:0;width:32px;height:32px;background-color:#2e2e36;border-radius:100%}
  .location-util .util-sns .share-layer .share-list button img{line-height:0}
  .location-util .util-sns .share-layer .share-list button ~ button{margin-left:7px}

  .location-util .util-sns .share-layer-close{background-color:#0a52a7;position:absolute;top:-50px;left:50%;transform:translateX(-50%);}
  .location-util .util-sns .share-layer-close img{margin-left:-1px;filter: brightness(0) invert(1)}

  .location-util .v-bar{width:1px;height:17px;margin:0 10px;background-color:#ddd}

  .contents-location .location-util .util-print{line-height:0;width:48px;height:48px;border-radius: 100%;background-color:#fff}
  .contents-location .location-util .util-print button{line-height:0;width:48px;height:48px;border-radius: 100%;background-color:#fff}
  .contents-location .location-util .util-print button img{line-height:0;transition:filter 100ms ease-out}
  .contents-location .location-util .util-print button:hover{background-color:#0a52a7}
  .contents-location .location-util .util-print button:hover img{filter: brightness(0) invert(1)}
  
  #snb{width: 270px;margin-left: 80px;}
  #snb .snb-title{
    display:flex;
    justify-content:center;
    align-items:center;
    height:138px;
    border-radius:25px 25px 0 0;
    color:#fff;
    font-weight:700;
    font-size:30px;
    padding-bottom:28px;
    background:#0a52a7 url(/resources/images/name/user/ko/layout/snb-title-background.png) no-repeat 100% 100%
  }
  #snb .snb-list{background-color:#fff}
  #snb .snb-list .snb-item-parent{background-color: #f8f9f9;}
  #snb .snb-list .snb-item-parent>a{display:flex;align-items:center;min-height: 65px;font-weight:500;font-size:18px;color:#000;padding:10px 20px;background-color: #fff;border-top:1px solid #ddd}
  #snb .snb-list .snb-item-parent>a span{flex:1;position:relative;display:block;line-height:125%;word-break:keep-all}
  #snb .snb-list .snb-item-parent>a span::before{
    content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:25px;
    background:url(/resources/images/name/user/ko/layout/snb-item-plus.png) no-repeat 50% 50%;
  }

  #snb .snb-list .snb-item-parent>.is-selected{border-radius: 7px;border-top-color:transparent;font-weight:700;background: #0a52a7 url(/resources/images/name/user/ko/layout/snb-item-bg.png) no-repeat 100% 0;color:#fff;}
  #snb .snb-list .snb-item-parent>.is-selected span::before{background:url(/resources/images/name/user/ko/layout/snb-item-minus.png) no-repeat 50% 50%}

  #snb .snb-list .snb-item-parent .empty span::before{display:none}


  #snb .snb-list .snb-depth-3{display:none;padding: 30px 20px}
  #snb .snb-list .snb-depth-3 .snb-slave-item ~ .snb-slave-item{margin-top:15px}
  #snb .snb-list .snb-depth-3 .snb-slave-item>a{position:relative;display:block;font-weight:400;font-size:16px;color:#666;padding-left:15px}
  #snb .snb-list .snb-depth-3 .snb-slave-item>a::before{content:'';position:absolute;top:50%;;left:0;transform:translateY(-50%);width:5px;height:5px;background-color:#a5a5a5;border-radius:100%}

  #snb .snb-list .snb-depth-3 .snb-slave-item>.is-selected{font-weight:600;color:#000}
  #snb .snb-list .snb-depth-3 .snb-slave-item>.is-selected::before{background-color:#000}
  
  #snb .snb-list .snb-depth-3 .snb-slave-item>a:hover{font-weight:600;color:#000}
  #snb .snb-list .snb-depth-3 .snb-slave-item>a:hover::before{background-color:#000}

  #snb .snb-list .snb-item-parent>a:hover{font-weight:700;color:#0a52a7}
  #snb .snb-list .snb-item-parent>a.is-selected:hover{font-weight:700;color:#fff}

  #snb .snb-list .is-selected + .snb-depth-3{display:block}

  
  #subVisual{padding:90px 20px 0;background:#333 no-repeat 50% 50% / cover;transition:background 300ms ease-out}

  #subVisual .subVisual-wrapper{display:flex;align-items:center;height: 400px;}

    #navigator{flex:1}

      .navi-wrapper .snb-title{font-size:50px;color:#fff}
        .navi-title{flex:1;font-weight:700;font-size:40px;color:#000}
        .navi-link{flex:0 0 auto;display:flex;align-items:center;padding-top: 15px}
        .navi-link li{flex:0 0 auto;display:flex;align-items: center}
        .navi-link li a{position:relative;display:block;font-weight:400;font-size:15px;color:#fff}
        .navi-link li ~ li img{margin:0 13px}
        .navi-link li ~ li .is-selected{font-weight:500;color:#fff;opacity:1}
        .navi-link li ~ li .is-selected::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#fff}
        .navi-link li ~ li .is-selected:hover{color:#fff;}



  .sub-container{min-height: 630px;flex: 1}

    #sub-contents{/* background-color:#fff; */padding: 50px 0 100px;}




/* 1440 이하 */
@media screen and (max-width: 1480px) {

  /* 사이트 전체를 감싸기 */
  #wrap{min-width:480px}

  /* 레이아웃 wrapper 너비 */
  /* 헤더 */  .head-wrapper{width:auto;max-width: var(--wrapper)}
  /* GNB */  .gnb-wrapper{width:auto;max-width: var(--wrapper)} 
  /* 푸터 */  .foot-wrapper{width:auto;max-width: var(--wrapper)}

  /* sub contents wrapper 너비*/
  .contents-wrapper{width:auto;max-width: var(--wrapper)}


  #header{position:absolute;top:0;left:0;width:100%;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,0.2)}
  
  .head-logo{top: 20px;}
  .head-logo h1 small>a{font-size:24px;}

  .head-mobile-menu{display:block;filter: invert(1)}

  .ani-gnb{height:0 !important;overflow:visible !important}
  .ani-gnb::after{top:70px}
  .ani-gnb .head-gnb{display:none}
  .ani-gnb .gnb-util{top: 25px;right:20px}
  .ani-gnb .gnb-util a ~ a{margin-left:15px}
  .ani-gnb .gnb-util .gnb-people{display:none}

  .gnb-sitemap{display:none}
  .gnb-followBar{display:none !important}

  #subVisual{padding-top: 70px;}
  #subVisual .subVisual-wrapper{height:250px}


  .main-contents{margin-top:0}
  .main-contents .contents-wrapper{padding-top:30px}

  #snb{display:none}
  
  .section-termsMenu .termsMenu-wrapper{flex-wrap:wrap;justify-content:center;padding:30px 0}
  .section-termsMenu .termsMenu-list{flex:0 0 auto;width:100%;justify-content:center}
  .section-termsMenu .termsMenu-social{margin-top:25px}

	@media screen and (max-width:700px) {
		.section-termsMenu .termsMenu-list{flex-wrap:wrap;justify-content:flex-start}
		.section-termsMenu .termsMenu-list .v-bar{display:none}
		.section-termsMenu .termsMenu-list a{flex:1 0 auto;padding:10px 15px;border:solid #ddd;border-width:1px 1px 0 0;text-align:center}
		.section-termsMenu .termsMenu-list{border:solid #ddd;border-width: 0 0 1px 1px}
	}



  #footer{padding:40px 20px}
    .foot-wrapper{display:block}
      .foot-logo{margin:0;text-align: center}
      .foot-siteInformation{display:block;padding: 40px 0}
        .siteInformation-address p{text-align:center}
        .siteInformation-termsMenu{margin:20px 0 0;display:flex;justify-content:center}
        .siteInformation-termsMenu a{position:relative}
        .siteInformation-termsMenu a ~ a{margin:0 0 0 15px;padding-left:15px}
        .siteInformation-termsMenu a ~ a::before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background-color:rgba(255, 255, 255, 0.2);transform:translateY(-50%)}
        .siteInformation-familySite{margin-top:30px;margin:30px auto 0}
}


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

  #subVisual .subVisual-wrapper{height:auto;padding:30px 0}
  #subVisual .subVisual-text{display:none}
  #navigator{text-align: center;}
  #navigator .navi-link{justify-content:center}
  #navigator .navi-wrapper .snb-title{font-size:34px}

  .main-contents .contents-wrapper{padding-top:20px;}

  .contents-location{height:auto;padding-bottom:20px}
  .contents-location .location-util{display:none}
  .contents-location .location-title{text-align: center;font-size:27px}
}



/* 메뉴별 배경 변경 */

.menu-number-01 .gnb-accessory-01{display:block;background-image:url(/resources/images/name/user/ko/layout/gnb-accessory-01.png)}
.menu-number-02 .gnb-accessory-02{display:block;background-image:url(/resources/images/name/user/ko/layout/gnb-accessory-02.png)}
.menu-number-03 .gnb-accessory-03{display:block;background-image:url(/resources/images/name/user/ko/layout/gnb-accessory-03.png)}
.menu-number-04 .gnb-accessory-04{display:block;background-image:url(/resources/images/name/user/ko/layout/gnb-accessory-04.png)}
.menu-number-05 .gnb-accessory-05{display:block;background-image:url(/resources/images/name/user/ko/layout/gnb-accessory-05.png)}
.menu-number-06 .gnb-accessory-06{display:block;background-image:url(/resources/images/name/user/ko/layout/gnb-accessory-06.png)}
.menu-number-07 .gnb-accessory-07{display:block;background-image:url(/resources/images/name/user/ko/layout/gnb-accessory-07.png)}

.page-number-01 #subVisual{background-image:url(/resources/images/name/user/ko/layout/subVisual-image-01.png)}
.page-number-02 #subVisual{background-image:url(/resources/images/name/user/ko/layout/subVisual-image-02.png)}
.page-number-03 #subVisual{background-image:url(/resources/images/name/user/ko/layout/subVisual-image-03.png)}
.page-number-04 #subVisual{background-image:url(/resources/images/name/user/ko/layout/subVisual-image-04.png)}
.page-number-05 #subVisual{background-image:url(/resources/images/name/user/ko/layout/subVisual-image-05.png)}
.page-number-06 #subVisual{background-image:url(/resources/images/name/user/ko/layout/subVisual-image-06.png)}
.page-number-07 #subVisual{background-image:url(/resources/images/name/user/ko/layout/subVisual-image-07.png)}