@charset "UTF-8";

#container {
    position: relative;
    padding: 40px 0 100px;
}

#container h2 {
    margin-bottom: 40px;
    color: #337ab7;
    font-size: 30px;
    font-weight: 700;
}

#aboutGnb {
    position: relative;
    margin-bottom: 50px;
}

#aboutGnb ul li {
    width: 16.6666%;
}

#aboutGnb ul li a {
    display: block;
    height: 50px;
    line-height: 48px;
    border: 1px solid #dcdcdc;
    text-align: center;
    font-size: 16px;
}

#aboutGnb ul li.active a {
    border: 2px solid #3e7ecd;
    border-bottom: 1px solid #fff;
    color: #3e7ecd;
}

#container .about-con {
    margin-bottom: 100px;
}

#container .about-con:last-child {
    margin-bottom: 0;
}


/* 공통 */
.about-con h3 {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 60px;
    font-size: 30px;
    text-align :center;
    font-family: 'NanumSquare';
    font-weight: 300;
}

.about-con h3:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 130px;
    height: 2px;
    margin-left: -75px;
    background-color: #04b56c;
    content: '';
}

.about-con h3 b {
    font-weight: 800;
}

.about-list .al-con h4 {
    position: relative;
    padding: 10px 0 0 20px;
    background: url("../images/green_point.png") no-repeat top left;
    font-size: 26px;
    font-weight: 300;
}

.about-list .al-con small {
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.about-list .al-con dl {
    padding-left: 20px;
}

.about-list .al-con dl dt {
    position: relative;
    font-size: 20px;
    font-weight: 700;
}

.about-list .al-con dl dt:after {
    position: absolute;
    top: 14px;
    left: -15px;
    width: 6px;
    height: 6px;
    background-color: #337ab7;
    content: '';
}

.about-list .al-con dl dd {
    margin-top: 20px;
    font-size: 16px;
}

.about-list .al-con ul.jumul li {
    position: relative;
    padding-left: 14px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
}

.about-list .al-con ul.jumul li:first-child {
    margin-top: 0;
}

.about-list .al-con ul.jumul li:after {
    position: absolute;
    top: 14px;
    left: 0;
    width: 7px;
    height: 2px;
    background-color: #333;
    content: '';
}


/* 목표 및 전략 */
.goal-area {
    position: relative;
}

.goal-area .goal-box {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.goal-area .goal-box:first-child {
    margin-left: 0;
}

.goal-area .goal-box h4 {
    display: inline-block;
    padding: 6px 30px;
    background-color: #333;
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    border-radius: 15px 15px 0 0;
}

.goal-area .goal-box h5 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 300;
}

.goal-area .goal-box .goal-tit {
    line-height: 1.4;
    padding: 30px 0 30px 45%;
    background-color: #333;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border-radius: 0 15px 0 0;
}

.goal-area .goal-box .goal-detail,
.goal-area .goal-box .goal-function {
    border: 1px solid #333;
    padding: 20px;
}

.goal-area .goal-box .goal-detail ul li {
    height: 60px;
    line-height: 56px;
    margin-top: 10px;
    border: 2px solid #333;
    background-color: #fff;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.5pt;
}

.goal-area .goal-box .goal-function {
    border-top: none;
    background-color: #efefef;
}

.goal-area .goal-box .goal-function ul li {
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 20px;
    font-size: 16px;
    text-align: center;
    letter-spacing: -.5pt;
}

.goal-area .goal-box.goal-box1 h4 {
    background-color: #238af1;
}

.goal-area .goal-box.goal-box1 .goal-tit {
    background: #238af1 url("../images/goal_ico1.png") no-repeat 70px center;
}

.goal-area .goal-box.goal-box1 .goal-detail,
.goal-area .goal-box.goal-box1 .goal-function,
.goal-area .goal-box.goal-box1 .goal-detail ul li {
    border-color: #238af1;
}

.goal-area .goal-box.goal-box2 h4 {
    background-color: #015cd1;
}

.goal-area .goal-box.goal-box2 .goal-tit {
    background: #015cd1 url("../images/goal_ico2.png") no-repeat 70px center;
}

.goal-area .goal-box.goal-box2 .goal-detail,
.goal-area .goal-box.goal-box2 .goal-function,
.goal-area .goal-box.goal-box2 .goal-detail ul li {
    border-color: #015cd1;
}

.goal-area .goal-box.goal-box3 h4 {
    background-color: #003c94;
}

.goal-area .goal-box.goal-box3 .goal-tit {
    background: #003c94 url("../images/goal_ico3.png") no-repeat 70px center;
}

.goal-area .goal-box.goal-box3 .goal-detail,
.goal-area .goal-box.goal-box3 .goal-function,
.goal-area .goal-box.goal-box3 .goal-detail ul li {
    border-color: #003c94;
}


/* 국내외 동향 */
.trend-box {
    position: relative;
    padding-left: 370px;
}

.trend-box .summary-box {
    position: absolute;
    top: 50px;
    left: 0;
    width: 320px;
    z-index: 100;
}

.trend-box .summary-box dl {
    overflow: hidden;
    line-height: 1.5;
    background-color: #337ab7;
    border-radius: 20px;
    -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
}

.trend-box .summary-box dl dt {
    padding: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.trend-box .summary-box dl dd {
    padding: 20px;
    background-color: #fff;
    border-radius: 20px 20px 0 0;
}

.trend-box .summary-box dl dd ul li {
    position: relative;
    padding-left: 15px;
    margin-top: 20px;
    font-size: 16px;
}

.trend-box .summary-box dl dd ul li:after {
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #337ab7;
    content: '';
}

.trend-box .summary-box dl dd ul li:first-child {
    margin-top: 0;
}

.trend-box .arrowbox {
    position: absolute;
    top: 50%;
    left: 320px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    text-align: center;
    color: #04b16a;
    font-size: 50px;
}

.trend-box .xbox ul {
    position: relative;
    background: url("../images/trend_xbox.png") no-repeat center;
}

.trend-box .xbox ul li {
    width: 50%;
    letter-spacing: -.5pt;
}

.trend-box .xbox ul li:nth-child(2n) {
    text-align: right;
}

.trend-box .xbox ul li:nth-child(1),
.trend-box .xbox ul li:nth-child(2) {
    height: 150px;
    margin-bottom: 170px;
}

.trend-box .xbox ul li dl dt span {
    display: block;
    font-size: 0;
}

.trend-box .xbox ul li dl dt em {
    display: block;
    margin-top: 5px;
    font-size: 20px;
    font-weight: 500;
}

.trend-box .xbox ul li dl dd {
    margin-top: 10px;
    font-size: 16px;
}