@charset 'utf-8';

@media all and (max-width:767px) {
    
    .ceo-profile > div {width: 90%;margin: 0 auto}
    .ceo-profile .ceo-img{width: 100%}
    .ceo-profile .ceo-text{width: 100%;padding: 60px 0 0 0}
    .ceo-profile .ceo-text span img{width: 230px}
    
    .ceo-profile .ceo-text p:first-child span:first-child{margin: 0 0 20px 0}
    .ceo-profile .ceo-text p:first-child{margin: 0 0 20px 0}
    .ceo-profile .ceo-text span{margin: 0 0 2px 0}
    
    .ceo-area .ceo-textarea{width: 100%;padding: 40px 0}
    .ceo-area .ceo-textarea .ceo-textbox{width: 90%;margin: 0 auto}
    .ceo-area .ceo-textarea .ceo-textbox .ceo-text{text-align: left;}
    
    .ceo-area .ceo-textarea .ceo-textbox p:first-child{margin: 0 0 20px 0}
    .ceo-area .ceo-textarea .ceo-textbox p:last-child{margin: 20px 0 0 0}

}
@media all and (min-width:768px) and (max-width:1279px) {

    .ceo-profile > div {width: 800px;margin: 0 auto}
    .ceo-profile .ceo-text {margin: 70px 30px 0 0;float:right}
    .ceo-profile .ceo-img {float: left;width: 30%}
    
    .ceo-profile .ceo-text p:first-child{margin: 0 0 20px 0}
    .ceo-profile .ceo-text p:first-child span:first-child{margin: 0 0 10px 0}
    .ceo-profile .ceo-text span{margin: 0 0 10px 0}
    .ceo-profile .ceo-text span img{width: 300px}

    .ceo-area .ceo-textarea{padding: 30px 0}
    .ceo-area .ceo-textarea .ceo-textbox{width: 800px;margin: 0 auto}
    .ceo-area .ceo-textarea .ceo-textbox .ceo-text{text-align: center;}

}
@media all and (min-width:1280px) {

    .ceo-profile > div {width: 1280px;margin: 0 auto}
    .ceo-profile .ceo-text {margin: 150px 280px 0 0;float: right}
    .ceo-profile .ceo-img {float: left}
    
    .ceo-profile p{float: left}
    .ceo-profile .ceo-text p:first-child{margin:0 20px 0 0}
    .ceo-profile .ceo-text span{margin: 0 0 10px 0}
    .ceo-profile .ceo-text span img{width: 300px}

    .ceo-area .ceo-textarea .ceo-textbox{width: 1280px;margin: 0 auto;padding: 30px 0}
    .ceo-area .ceo-textarea .ceo-textbox .ceo-text{text-align: center}

}

.nav-box .gnb ul li:nth-child(2) {border-bottom: 2px solid #86a4c3}
.nav-subbox ul li:nth-child(1) {border-bottom: 4px solid #86a4c3}

/*ceo*/
.ceo-profile{overflow: hidden;margin: 0 auto 50px auto;background: linear-gradient(#505962, #afb2bb)}
.ceo-profile div p span{color: #fff;display: block;font-size: 1.2em;font-weight: 700}
.ceo-area .ceo-textarea .ceo-text span{margin: 0 0 10px 0}

.ceo-area .ceo-textarea{background: #e9e9e9}
.ceo-area .ceo-textarea .ceo-textbox .ceo-text{letter-spacing: -1px;margin: 0 0 10px 0}
.ceo-area .ceo-textarea .ceo-textbox .ceo-text em{font-weight: 700}
.ceo-area .ceo-textarea .ceo-textbox p:last-child{transform: rotate(180deg)}

.ceo-text span{display: block;font-size: 1.3em}