@charset "utf-8";

.bread_crumb {display: flex; align-items: center; font-size: 15px;}
.bread_crumb > a {color: #9A9A9A; font-weight: 500; font-family: "Montserrat"; line-height: 1; text-transform: uppercase;}
.bread_crumb > a img {display: block;}
.bread_crumb > a.home img {width: 14px;}
.bread_crumb > .ico {flex-shrink: 0; width: 4px; margin: 0 7px;}

.nav_container {padding-bottom: 35px;}
.lnb {border-bottom: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC;}
.lnb .container {display: flex;}
.lnb .container a {padding: 30px 0; margin: 0 50px 0 0; font-size: 20px; color: #B8B8B8; font-weight: 500; line-height: 1; text-transform: uppercase; position: relative;}
.lnb .container a:hover {color: #0092FF;}
.lnb .container a.active {color: #000;font-weight: 700;}
.lnb .container a.active::after {position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #000; content: ""; display: block;}

.lnb--tabmenu {display: flex; margin: 34px 0 10px 0;}
.lnb--tabmenu a {display: flex;  width: 100%; padding: 20px 12px; border: 1px solid #DCDCDC; margin-left: -1px; font-size: 18px; font-weight: 300; text-align: center; justify-content: center; align-items: center; line-height: 1.5;}
.lnb--tabmenu a.active {border-color: #0069B8; background: #0069B8; color: #fff;}

.btn_more {color: #fff; font-weight: 600; width: 208px; height: 60px; border-radius: 60px; display: flex; align-items: center; justify-content: center; line-height: 1; text-transform: uppercase; background: rgba(0,0,0,0.4);}
.btn_more:hover {background: rgba(0, 105, 184, 0.5);}
.btn_more.type2 {background: transparent; border: 1px solid #fff; color: #fff;}
.btn_more.type2:hover {border-color: #0068B8; color: #0069B8;}

.color--fff {color: #fff!important;}
.color--blue {color: #0069B8!important;}
.bg--skyblue {background-color: #E7EEF7;}
.bg--gray {background-color: #F6F6F6;}


@media screen and (max-width: 1700px) {
    .lnb .container a {padding: 25px 0; font-size: 18px;}
}
@media screen and (max-width: 1200px) {
    .bread_crumb {font-size: 14px;}
    .lnb .container a {padding: 20px 0; margin-right: 30px; font-size: 16px;}
    .lnb--tabmenu {flex-wrap: wrap;}
    .lnb--tabmenu a {width: calc(100% / 3); margin-top: -1px; font-size: 16px; padding: 15px 10px;}
    .btn_more {font-size: 14px; width: 150px; height: 40px;}
}
@media screen and (max-width: 768px) {
    .bread_crumb {font-size: 12px;}
    .lnb .container a {padding: 15px 0; margin-right: 30px; font-size: 14px;}
    .lnb--tabmenu a {width: calc(100% / 2); font-size: 12px; padding: 10px;}
}