@charset "utf-8";
@import url('/skin/notokr/notokr.css');
html {
    overflow-x: hidden;
    overflow-y: scroll;
}

.body-layout {
    background-color: #fff;
    margin-top: 90px;
}

/* 폰트 설정 */

.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
    font-family: 'notokr', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, span, div, input, textarea, button, ol, ul, li, a {
    word-break: keep-all;
}

/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */

ol,
ul,
li {
    list-style: none;
    list-style-position: inside;
}

.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br,
.topmarginLay_a {
    display: none;
}

/*---------- 메뉴 ----------------- */

/* 모바일 메뉴 */

.navbar-toggle {
    margin-top: 22px;
    margin-right: 26px;
}


.navbar-inverse {
    background: #fff;
    border-bottom: 1px solid #000;
    padding: 0;
    margin: 0;
    box-shadow: none;
    min-height: 90px;
}

.navbar-inverse .navbar-toggle {
    border: none;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background: #fff;
    border: none;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ee3237;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #fff;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #565656;
        background-color: transparent;
    }
}

.topmarginLay_a {
    height: 65px !important;
    margin-top: -20px;
}

@media screen and (max-width:767px) {
    .topmarginLay_a {
        height: 45px !important;
        margin-top: -20px;
    }
}

.navbar-collapse {
    float: none;
    width: auto;
    text-align: center;
    line-height: 1;
}

/*상단 메뉴 설정 끝*/

.navbar-inverse .navbar-brand {
    margin: 25px 0 30px !important;
    padding: 0;
}

.navbar-inverse .navbar-nav>li>a {
    background: none;
    color: #222;
    font-weight: 500;
    padding: 10px 15px;
    margin: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    letter-spacing: -0.02em;
    line-height: 1;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li:hover>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background: none;
    color: #ee3237;
}

.navbar-inverse .divider-vertical+li {
    float: right;
}

.navbar-inverse .divider-vertical,
.caret {
    display: none;
}

    .navbar-inverse .navbar-brand>img {
        margin: 0;
    }

@media(min-width:768px) {

    .navbar-inverse .navbar-right {
        margin-right: 0;
        height: 78px;
    }
    .navbar-inverse .navbar-nav>li>a {
        padding: 36px 25px;
        height: 90px;
        font-size: 17px;
    }
    .navbar-inverse .dropdown-menu {
        left: 50%;
        right: auto;
        transform: translatex(-50%);
        margin: 0;
        padding: 20px 15px;
        background: #fff;
        border: 1px solid #000;
        border-radius: 0;
        min-width: 160px;
        box-shadow: none;
    }
    .navbar-inverse .dropdown-menu>li>a {
        text-align: center;
        background: none;
        color: #222;
        font-size: 15px;
        letter-spacing: -0.02em;
        line-height: 1;
        padding: 8px 15px;
    }
    .dropdown-menu>li>a:hover, 
    .dropdown-menu>li>a:focus {
        background: none;
        text-decoration: underline !important;
    }
}

/* 슬라이드 영역 설정 시작 */

.container_contents {
    width: 100%;
    padding: 0;
}

.carousel-inner>.item {
    height: 885px;
    background-size: cover;
}

.carousel-inner>.item:nth-child(1) {
    background-image: url('/skin/img/slide/slide1.jpg');
}

.carousel-inner>.item:nth-child(2) .sl-caption-img {
    background-image: url('/skin/img/slide/slide2.jpg');
}
.carousel-inner>.item:nth-child(3) .sl-caption-img{
    background-image: url('/skin/img/slide/slide3.jpg');
}

.sl-caption {
    height: 100%;
    width: 100%;
    position: relative;
}

.carousel-inner>.item .sl-caption .sl-caption-inner {
    position: absolute;
    width: 100%;
    height:100%;
    margin: -145px 0 0;
    text-align: right;
    color: #000;
}

.carousel-inner>.item:nth-child(2) .sl-caption-img,
.carousel-inner>.item:nth-child(3) .sl-caption-img {
    width:100%;
    height:70%;
}
.carousel-inner>.item:nth-child(1) .sl-caption .sl-caption-inner {
    top: 50%;
    bottom: auto;
    right: 155px;
    width: auto;
    height: auto;
}

.carousel-inner>.item:nth-child(1) .sl-caption .sl-caption-inner h2 span.sl-small {
    color: #5b5f62;
    text-align: right;
    font-size: 32px;
    margin-bottom: 15px;
    padding-right: 30px;
    line-height: 48px;
    text-shadow: none;
    font-weight: 500;
    letter-spacing: 0;
}

.carousel-inner>.item:nth-child(2) .sl-caption .sl-caption-inner {
    text-align:center;
    height: 30%;
    bottom:0;
    background-color:#fff;
}

.carousel-inner>.item:nth-child(2) .sl-caption .sl-caption-inner h4{
    font-weight: 600;
    font-size: 24px;
    margin-top: 40px;
}

.carousel-inner>.item:nth-child(3) .sl-caption .sl-caption-inner {
    text-align:left;
    height: 30%;
    bottom:0;
    background-color:#fff;
}

.carousel-inner>.item:nth-child(3) .sl-caption .sl-caption-inner h3{
    font-weight: 600;
    font-size: 35px;
    margin-top: 40px;
}


.sl-caption .sl-caption-inner h5 {
    font-size: 22px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    margin: 0 0 40px;
}

.sl-caption .sl-caption-inner h2 {
    font-size: 64px;
    line-height: 52px;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.sl-caption .sl-caption-inner h2 span {
    display: block;
    line-height: 1;
}

.sl-caption .sl-caption-inner .sl-btn {
    color: #fff;
    margin: 0 auto;
}

.sl-caption .sl-caption-inner .sl-btn p {
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.03em;
    line-height: 1;
    margin: 50px 0 0;
}

.sl-caption .sl-caption-inner .sl-btn img {
    opacity: 0.6;
}

.sl-caption .sl-caption-inner .sl-btn a:hover p {
    color: #fff;
}

.sl-caption .sl-caption-inner .sl-btn a:hover img {
    opacity: 1;
}

.slide-logo{
    display:inline-block;
    height: 80px;
}

.carousel-indicators {
    top: 20px;
    bottom: auto;
    width: auto;
    margin: 0;
    left: auto;
    right: 20px;
    text-align: right;
}
.carousel-indicators > li {
    border: none;
    background: #000;
    width: 11px;
    height: 11px;
    margin: 0 5px 0;
    opacity: 0.3;
}

.carousel-indicators > li.active {
    border: none;
    width: 11px;
    height: 11px;
    background: #000;
    margin: 0 5px 0;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .carousel-inner>.item:nth-child(1)  .sl-caption .sl-caption-inner {
        margin: -90px 0 0;
        top: 40%;
    }
    .sl-caption .sl-caption-inner h2 {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.3em;
    }
    
    .sl-caption .sl-caption-inner h2 span.sl-small{
        font-size: 18px;
    }
}

#main-slide .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

#main-slide .carousel-inner .item,
#main-slide .carousel-inner .active.left,
#main-slide .carousel-inner .active.right {
    opacity: 0;
}

#main-slide .carousel-inner .active,
#main-slide .carousel-inner .next.left,
#main-slide .carousel-inner .prev.right {
    opacity: 1;
}

#main-slide .carousel-inner .next,
#main-slide .carousel-inner .prev,
#main-slide .carousel-inner .active.left,
#main-slide .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#main-slide .carousel-control {
    z-index: 2;
}

/* //슬라이드 영역 설정 끝 */

/*------ footer setting -------*/

.footer_copy>div {
    padding: 50px 15px;
    background: #f4f4f7;
    color: #757679;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

.footer_copy p.name {
    font-weight: 600;
    margin-bottom: 8px;
    color: #222;
}

.footer_copy .copy {
    font-size: 13px;
    color: rgba(117, 118, 121, 0.7);
    margin: 8px 0 0px;
}

.footer_copy p {
    margin-bottom: 0;
}

.foot-logo {
    max-width: 130px;
    margin-top: 10px;
}

@media(max-width:767px) {}

/*------------- 메인 ------------*/

/* 슬라이드 영역  */

.container_slide {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.container_slide .fill {
    height: 600px;
}

.container_slide .carousel-caption h1,
.container_slide .carousel-caption p {
    padding: 0;
    margin: 0;
}

.container_slide .carousel-caption h1 span,
.container_slide .carousel-caption p span {
    opacity: 1;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background: none;
    padding: 0;
}

.container_slide .carousel-caption h1 {
    color: #ffe849;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 1;
}

.container_slide .carousel-caption p {
    font-weight: 400;
    margin: 12px 0 0;
    font-size: 48px;
    letter-spacing: -0.04em;
    line-height: 64px;
}

@media (min-width: 768px) {
    .container_slide .carousel-caption {
        top: 50%;
        bottom: auto;
        padding: 0;
        transform: translateY(-50%);
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
}

@media (min-width: 992px) {
    .container_slide .carousel-caption {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container_slide .carousel-caption {
        width: 1170px;
    }
}

/* 메인 content 영역  */

.main-content section {
    margin-bottom: 80px;
}

.container.container_contents {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.intro-board-widget-layout {
    display: none;
}

/*-------------- 서브 페이지 설정 ------------------*/

/* 기본 설정  */

.container.sub-layout {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}


.sub-content section {
    margin-bottom: 80px;
}

.fill-large {
    height: 800px;
}

.fill-middle {
    height: 560px;
}

.fill-small {
    height: 150px;
}

.fill-s-small {
    height: 55px;
}

.fill-market {
    background-image: url('/skin/img/sub/sub_market.jpg');
}

.fill-consumer {
    background-image: url('/skin/img/sub/sub_consumer.jpg');
}

.fill-fashion {
    background-image: url('/skin/img/sub/sub_fashion.jpg');
}

.fill-product {
    background-image: url('/skin/img/sub/sub_product.jpg');
}

.fill-creating {
    background-image: url('/skin/img/sub/sub_creating.jpg');
}

.fill-ssp {
    background-image: url('/skin/img/sub/sub_ssp.jpg');
}

.fill-about {
    background-image: url('/skin/img/sub/sub_about.jpg');
}

.fill-square {
    background: url(/skin/img/sub/sub_square.png) no-repeat left top;
}

.fill-profile{
    background-image: url('/skin/img/sub/sub_profile.jpg');
}
.circle {
    display: block;
    border-radius: 50%;
}

.circle span {
    position: absolute;
    width: 85%;
    color: #4f5e61;
    letter-spacing: -0.04em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.li-dash,
.li-dot {
    padding-left: 0;
}

.li-dash>li,
.li-dot>li {
    padding-left: 15px;
    position: relative;
    font-size: 15px;
    letter-spacing: -0.02em;
    color: #222;
    line-height: 1.75;
}

.li-dash>li:before {
    content: '-';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

/* about */
section p{
    font-size: 17px;
    word-break:keep-all;
}

p.source{
    color:#999;
    font-size: 13px;
    font-weight: 500;
    text-align:right;
}


#about01 .content-title h3{
    padding-bottom: 40px;
}
.content-circle {
    margin: 0 auto;
    position: relative;
    background: #fff;
    width: 250px;
    height: 250px;
    border: 60px solid #ee3237;
}

.content-circle span {
    color: #222;
    width: 130%;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 32px;
}

.content-txt {
    margin: 60px 20px 0px 20px;
    word-break: keep-all;
    text-align: center;
    font-size: 17px;
    color: #222;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height:1.6
}

.content-title h3 {
    margin: 0;
    padding: 60px 0 80px 0;
    font-weight: 600;
    color: #222;
    font-size: 32px;
}

.content-txt p {
    color: #ee3237;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}


.content-txt ul {
    display: inline-block;
    text-align: left;
    padding-left: 0;
}

.content-txt ul li {
    font-size: 17px;
    letter-spacing: -0.02em;
    color: #222;
    line-height: 1.9;
}

/* consulting */

.content-top-title-wrap {
    position: relative;
    height: 80px;
}

.content-top-title {
    position: absolute;
    top: -75px;
}

.content-top-title-circle {
    display: inline-block;
    background: #ee3237;
    width: 65px;
    height: 65px;
    margin: 0;
}

.content-top-title-txt {
    margin-left: 10px;
    display: inline-block;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
}

.sub-ul-wrap {
    text-align: center;
}

.sub-ul {
    text-align: left;
    margin: 0 auto;
    display: inline-block;
    min-width: 250px;
}

.sub-ul {
    margin-bottom: 20px;
}

.sub-ul>li {
    padding-left: 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
}

.sub-ul>li:before {
    padding-left: 2px;
}

.sub-ul>li:first-child {
    padding-left: 15px;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

.sub-ul>li:first-child:before {
    content: '\f0da';
    font-family: FontAwesome;
    color: #ee3237;
    padding-left: 0;
}

/* industries */

.content-top-title-wrap2 {
    position: relative;
    height: 100px;
}

.content-top-title-wrap2 .content-top-title {
    top: -32px;
}

.content-top-title-txt2 {
    position: absolute;
    top: 40px;
    margin-left: 10px;
    min-width: 250px;
    color: #222;
    font-size: 30px;
    font-weight: 600;
}


#industries01 .section1,
#industries01 .section2 {
    margin-bottom: 5px;
}

.coverage .col-sm-2 span {
    position: absolute;
    color: #fff;
    left: 26px;
    bottom: 8px;
    font-size: 16px;
    line-height: 1;
}

@media(min-width:768px) {
    .coverage .col-sm-2 {
        margin-right: -12.5px;
        margin-left: -12.5px;
    }
    #industries01 .section1 .col-sm-1 {
        width: 20%;
    }
    #industries01 .section2 .col-sm-1 {
        width: 10%;
    }
    #industries01 .section3 .col-sm-1 {
        width: 30%;
    }
}

@media(max-width:767px) {
    .coverage .col-sm-2 {
        margin-bottom: 5px;
    }
    #industries01 .section1,
    #industries01 .section2 {
        margin-bottom: 0;
    }
    .coverage .col-sm-2 span{
    left:15%;
    }
}

/* members */

#members02 section {
    margin-bottom: 15px;
    padding-top:2px;
    padding-bottom: 2px;
}

#members02 section:last-child {
    margin-bottom: 80px;
}

#members02 .clients .col-sm-2 img {
    border: 1px solid #000;
}

@media(min-width: 768px) {
    #members02 section {
        margin-left: 85px;
    }
    #members02 .clients .col-sm-2 {
        width: 20%;
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
}

@media(max-width: 767px) {
    #members02 .clients .col-sm-2 img {
        margin-bottom: 15px;
    }
    #members02 section {
        margin-bottom: 0;
    }
    #members02 section:last-child {
        margin-bottom: 80px;
    }
}

/* contact mail */

.content-title h4 {
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #222;
    padding: 0;
    margin: 0px 0 30px;
}

#contact01 section {
    margin-top: 20px;
    margin-bottom: 0;
}

/* .btn-primary {
    background-color: #ee3237;
    border: 1px solid #ee3237;
}

.btn-primary:hover {
    background-color: #fff;
    color: #ee3237;
    border: 1px solid #ee3237;
    font-weight: 600;
} */


#mail-bottom section {
    margin-bottom: 80px;
}

#mail-bottom section h5 {
    font-size: 22px;
    color: #222;
    letter-spacing: -0.02em;
    font-weight: 600;
    margin: 0 0 15px;
}

#mail-bottom section p {
    margin-left: 20px;
    font-size: 16px;
    color: #222;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

#mail-bottom section h5:before {
    content: '\f0da';
    font-family: FontAwesome;
    color: #ee3237;
    padding-right: 10px;
}

#mailForm .form-group {
    margin-bottom: 20px;
}

#mailForm label {
    font-size: 16px;
    letter-spacing: -0.02em;
    font-weight: 600;
    margin: 0 0 10px;
}

#mailForm .form-control {
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    font-size: 15px;
    letter-spacing: -0.02em;
    padding: 8px 12px;
}

#mailForm p.error {
    color: #e83b44;
    margin: 8px 0 0;
}

#mailForm label[for='mail_agree'] {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.03em;
}

#mailForm .btn-primary {
    border-radius: 0;
    background: #ee3237;
    border: none;
    font-size: 18px;
    letter-spacing: -0.02em;
    width: 150px;
    height: 45px;
    margin: 0;
}

#mailForm .btn-primary:hover, 
#mailForm .btn-primary:focus {
    background: #000;
}

@media(min-width: 768px) {
    
    .contact-mail-layout {
        margin-bottom: 80px;
    }
    .mail-form {
        width: 50%;
        display: inline-block;
    }
    
    #mail-bottom {
        width: 30%;
        display: inline-block;
        vertical-align: top;
        margin-left: 80px;
    }
        #mail-bottom section:first-child{
        margin-top: 30px;
    }
}

@media(max-width: 767px) {
    #mail-bottom section:first-child{
        margin-top: 50px;
    }
}

/* network  */
.network p {
    word-break: keep-all;
    font-size: 18px;
    letter-spacing: -0.02em;
    color: #222;
    margin-bottom: 50px;
}

@media(min-width: 768px) {
    .network p{
        padding-left:100px;
    }
}


/* login */

.login-layout,
.id-find-layout,
.pw-find-layout{
    /* background: #f5f5f5; */
    padding: 100px 15px;
}
.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel{
    box-shadow: none;
    max-width: 500px;
    padding: 80px 40px 80px;
    margin: 0 auto;
    border: none;
    border-radius: 0px;
}
.login-layout .panel hr,
.id-find-layout .panel hr,
.pw-find-layout .panel hr{
    display: none;
}
.login-layout .panel .panel-body,
.id-find-layout .panel .panel-body,
.pw-find-layout .panel .panel-body{
    padding: 0;
}
.login-layout .panel-body > div.col-sm-12,
.id-find-layout .panel-body > div.col-sm-12,
.pw-find-layout .panel-body > div.col-sm-12 {
    float: none;
}
.login-layout .panel-body > div.col-sm-12 h2,
.id-find-layout .panel-body > div.col-sm-12 h2,
.pw-find-layout .panel-body > div.col-sm-12 h2{
    text-align: center;
    margin: 0 0 15px;
    line-height: 1;
    color: #222;
    font-size: 32px;
}
.inner-box-msg {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 30px;
    padding: 0;
}
.inner-box-msg p {
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #555;
    margin: 0;
}
.inner-box-form {
    width: 100%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.login-layout label,
.id-find-layout label,
.pw-find-layout label{
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #222;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
}
.login-layout .form-control,
.id-find-layout .form-control,
.pw-find-layout .form-control{
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #000;
    height: 40px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.03em;
}
.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus{
    border-color: #323c52;
}
.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning{
    float: none;
    width: 100%;
    height: 50px;
    background: #ee3237;
    border-radius: 0px;
    border: none;
    font-size: 15px;
    letter-spacing: -0.03em;
    box-shadow: none;
    margin-top: 15px;
    transition: all ease 0.3s;
}
.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover{
    background: #000;
}
.login-layout form > div > p,
.id-find-layout form > div > p,
.pw-find-layout form > div > p{
    width: 50%;
    margin: 0;
    float: left;
    text-align: center;
    line-height: 1;
}
.login-layout form > div > p + p,
.id-find-layout form > div > p + p,
.pw-find-layout form > div > p + p {
    border-left: 1px solid #ccc;
}
.login-layout form > div > p > a,
.id-find-layout form > div > p > a,
.pw-find-layout form > div > p > a{
    font-size: 14px;
    color: #555;
    letter-spacing: -0.03em;
    display: block;
    padding: 2px 0;
}

@media (max-width:768px){
    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        padding: 20px 15px;
    }
    .login-layout .panel,
    .id-find-layout .panel,
    .id-find-layout .panel {
        padding: 40px;
    }
    .login-layout .panel-body > div.col-sm-12 h2,
    .id-find-layout .panel-body > div.col-sm-12 h2,
    .pw-find-layout .panel-body > div.col-sm-12 h2{
        font-size: 24px;
    }
    .inner-box-msg p {
        font-size: 12px;
    }
    .login-layout label,
    .id-find-layout label,
    .pw-find-layout label {
        font-size: 14px;
    }
    .login-layout .form-control,
    .id-find-layout .form-control,
    .pw-find-layout .form-control{
        font-size: 13px;
        height: 36px;
    }
    .login-layout form > div > p > a,
    .id-find-layout form > div > p > a,
    .pw-find-layout form > div > p > a{
        font-size: 12px;
    }
    .login-layout .btn-warning,
    .id-find-layout .btn-warning,
    .pw-find-layout .btn-warning{
        height: 45px;
        font-size: 14px;
        margin-top: 10px;
    }
}