@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* main 페이지 */

#fp-nav.fp-container.fp-right{max-width: 1850px;width: 100%;padding: 0 15px;margin: 0 auto;right: 0;left: 0;z-index: 1;}

#fp-nav.fp-container.fp-right ul li {width: 10px; height: 10px; margin: 0 0 13px 0;    }
#fp-nav.fp-container.fp-right ul li:last-child {margin: 0;}
#fp-nav.fp-container.fp-right  ul li a span {width: 10px; height: 10px; margin: 0;  border: 1px solid #fff; background: transparent; transform: translate(-50%, -50%); opacity: 0.6;}

#fp-nav.fp-container.fp-right ul li a.active span, #fp-nav.fp-container.fp-right ul li:hover a span, #fp-nav.fp-container.fp-right ul li a.on span {width: 10px; height: 10px; background: #fff; margin: 0;  opacity: 1;}

@media (max-width:991px) {
    #fp-nav.fp-container.fp-right {display: flex; justify-content: flex-end;}
    #fp-nav.fp-container.fp-right ul li a span {width: 9px; height: 9px; opacity: 0.1;}
    #fp-nav.fp-container.fp-right ul li {width: 9px; height: 9px; margin: 0 0 11px 0;}

    #fp-nav.fp-container.fp-right ul li a.active span, #fp-nav.fp-container.fp-right ul li:hover a span, #fp-nav.fp-container.fp-right ul li a.on span {width: 9px; height: 9px;}
}

/* sub 메뉴 */
/*.breadcrumb-title {margin: 100px 0 120px;}*/
.breadcrumb-title {margin: 100px 0 110px;}
.breadcrumb-title .menu_nav * {font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 300; color: #999999;}
.breadcrumb-title .menu_nav  {display: flex; align-items: center; gap: 0 10px; padding-top: 70px;}
.breadcrumb-title .menu_nav a {display: flex; align-items: center; gap: 0 10px;}

.breadcrumb-title .menu_nav .page_navs1 {display: flex; align-items: center; gap: 0 10px;}
.breadcrumb-title .menu_nav .menu_angle {font-family: "nanumgothic", sans-serif; font-size: 13px;}

.breadcrumb-title .sub_text {margin: 35px 0 0 0;}
.breadcrumb-title .sub_text .sub_h2 {font-size: 50px; color: #222222;}

@media (max-width:991px) {

    .breadcrumb-title {margin: 50px 0 55px;}

    .breadcrumb-title .menu_nav * {font-size: 13px;}
    .breadcrumb-title .menu_nav {padding-top: 45px; gap: 0 5px;}
    .breadcrumb-title .menu_nav a {gap: 0 5px;}
    .breadcrumb-title .menu_nav img {width: 14px; object-fit: cover;}

    .breadcrumb-title .menu_nav .page_navs1 {gap: 0 5px;}
    .breadcrumb-title .menu_nav .menu_angle {font-family: "SUIT", sans-serif; font-size: 12px; display: block; margin-top: -2px;}

    .breadcrumb-title .sub_text {margin: 22px 0 0 0 ;}
    .breadcrumb-title .sub_text .sub_h2 {font-size: 30px;}
}   

/* m01_01 */
.mc01 img  {width: 100%; object-fit: cover;}
.mc01 .mc01_bot {padding: 120px 0; width: 100%; background: #f9f9f9;}

@media (max-width:991px) {
    .mc01 .mc01_bot {padding: 65px 0;}
}

.mc03 img {width: 100%; object-fit: cover;}