/*서브-상단비주얼 */
.svisual {
    position: relative;
    width: 100%;
    min-width: 1200px;
    height: 400px;
    background: url(../img/sub/s_top01.jpg) fixed no-repeat center 0px;
    background-size: cover;
    margin: 0px auto;
    text-align: left;
    transition: all 0.5s;
}
.svisual.sv01{background: url(../img/sub/s_top01.jpg) fixed no-repeat center 0px;}
.svisual.sv02{background: url(../img/sub/s_top02.jpg) fixed no-repeat center 0px;}
.svisual.sv03{background: url(../img/sub/s_top03.jpg) fixed no-repeat center 0px;}
.svisual.sv04{background: url(../img/sub/s_top04.jpg) fixed no-repeat center 0px;}

.svisual .s_text {
    position: relative;
    top: 37%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
}

.svisual .s_text h3 {
    font-size: 16px;
    font-weight: 400;
    /*margin-bottom: 48px;*/
    position: relative;
    font-family: 'GmarketSansMedium', 'GmarketSansBold', 'GmarketSansLight';
    margin: 0 0 10px;
}

.svisual .s_text h3 span {
    display: inline-block;
}

.svisual .s_text span {
    display: block;
    font-size: 1.5em;
    margin: 0 0 20px;
}

#container {
    z-index: 0;
}

#container .line.gray {
    top: -28px;
    height: 103%;
}

#container .line.gray i {
    border-right: 1px solid rgba(0, 0, 0, 0.03);
}

@media (max-width:1600px) {
    .svisual .s_text {
        width: 1000px
    }
}

@media (max-width:1500px) {
    .svisual .s_text {
        width: 90%;
        max-width: 90%;
    }

    .svisual .line .left {
        left: calc(50% - 45%);
        left: -webkit-calc(50% - 45%);
    }

    .svisual .line .right {
        right: calc(50% - 45%);
        right: -webkit-calc(50% - 45%);
    }
}

@media (max-width:1400px) {
    .svisual .line {
        display: none;
    }

    .svisual .s_text {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width:1200px) {
    .svisual {
        min-width: 100%;
        background-position: center top;
        background-size: cover;
        transition: all 0.5s;
    }

}

@media (max-width:850px) {
    .svisual {
        height: 370px;
        transition: all 0.5s;
    }

    .svisual .s_text {
        padding: 0;
        /*top: 63%;*/
    }

    .svisual .s_text h3 {
        /*font-size: 38px;*/
        margin-bottom: 0;
    }

    #container .line.gray {
        top: 0;
    }
}

@media (max-width:767px) {
    .svisual{height: 210px;}
    .svisual .s_text {
        top: 53%;
        width: 90%;
        transition: all 0.5s;
    }
    .svisual .s_text h3 { display:none}
}

@media (max-width:550px) {
    .svisual .s_text h3 {
        /*font-size: 30px;*/
    }
}

.page01{}
.page01 p{ color: #444; font-size: 1.28em; line-height: 1.4em}


/*인사말*/
.gray_sarea{background:#fff; text-align:center;  padding:50px 0; letter-spacing:-0.5px;}
.gray_sarea h3{font-size:2.9em; line-height:1.7em; font-weight: 600; color:#111}
.gray_sarea h3:after{ content:''; display:block; margin:20px auto 20px; width:80px; height:1px; background:#999}
.gray_sarea p{font-size:1.57em; color: #414753; font-weight: 600;}
.gray_sarea .b_dong:after{display:block; content:""; clear:both;}
.gray_sarea .b_dong{padding:30px 0 0; width:100%; margin:0 auto;  transition: all 0.5s;}
.gray_sarea .b_dong li{ transition: all 0.5s;}
.gray_sarea .b_dong p{margin-top:40px; font-size:1.23em;}
.gray_sarea .b_dong p.e{margin-top:40px; font-size:1.17em; color:#222}
.gray_sarea .b_dong h4{color:#000; line-height:1.6em; font-weight:600; margin:20px 0; font-size:2.0em}
.gray_sarea .b_dong h4.manager{ font-size:1.5em}
.gray_sarea .b_dong div{color:#757575; font-size:1.27em; font-weight:400; line-height:normal; word-break: keep-all;}
.gray_sarea .b_dong div img{ border-radius:7px; width: 100%}
.gray_sarea .b_dong div.cont{ width:284px; font-size:1.0em; margin:0px auto; }
@media (max-width: 1199px) {
    .gray_sarea .b_dong{padding:100px 0 0px; width:100%; margin:0 auto;}
}
@media (max-width: 991px) {
    .gray_sarea{padding:30px 0 10px;}
    .gray_sarea h2{font-size:1.3em; line-height:1.2em;}
    .gray_sarea h3{font-size:1.9em;}
    .gray_sarea p{font-size:1.15em; color: #333; font-weight: 500;}
    .gray_sarea .b_dong li{ transition: all 0.5s;}
    .gray_sarea .b_dong h3{display:block; font-size:1em;}
    .gray_sarea .b_dong h4{color:#000; line-height:1.5em; font-weight:600; margin:8px 0 0; font-size:1.30em}
    .gray_sarea .b_dong{width:100%; padding-top:20px;}
    .gray_sarea .b_dong .img_area{height:180px; overflow:hidden;  transition: all 0.5s;}
    .gray_sarea .b_dong .img_area img{ width:100%;  transition: all 0.5s;}
    .gray_sarea .b_dong p.e{margin-top:40px; font-size:1.17em; color:#222}
    .gray_sarea .b_dong div{margin-bottom:30px; font-size:1em; padding:10px;}
}


/*회사개요*/
.tas { width:100%; margin:20px auto 20px auto; font-family:Verdana,Arial;}
.tas li strong {
    display:inline-block;
    float:left;
    background:#f0f6fb;
    color: #000;
    font-size:1.17em;
    font-weight:600;
	letter-spacing: -.050em;
    width:25%;
    padding:12px 13px;
    border-radius:0px;
    border:1px solid #e8f0f8;
    text-align:center;
}
.tas.en li strong {width:25%;}
.tas li span { float:left; width:70%; margin-left:20px; font-size:1.17em; line-height:2em; padding:6px; }
.tas li { zoom:1; overflow:hidden; margin:10px; padding-bottom:10px; border-bottom:1px solid #f0f0f0;}
.tas li:first-child {border-top:3px solid #012060; padding-top:10px; }
.tas li:last-child {border-bottom:3px solid #012060; }
.tas li:after { content:'';clear:both; display:block; }
@media (max-width: 1200px) {
	.tas li strong {width:35%; font-size:1.14em; }
    .tas.en li strong {width:65%;}
    .tas li span { float:left; width:60%; margin-left:20px; font-size:1.10em; line-height:2em; padding:6px; }
}
@media (max-width: 767px) {
    .tas li strong {width:100%; font-size:1.10em; }
    .tas.en li strong {width:100%;}
    .tas li span { float:left; width:60%; margin-left:20px; font-size:1.10em; line-height:2em; padding:6px; }
}

/* 연혁 */
.box_img {
    margin: 0 0 50px;
    width: 100%;
    height: 0;
    padding-bottom: 35%;
    box-shadow: 2.868px 4.096px 16px 4px rgba(0, 0, 0, 0.07);
}

.box_img.history {
    background: url(../img/sub/img_history01.jpg)no-repeat center;
    background-size: cover !important;
}

.box.history {
    position: relative;
    margin: 50px 0 150px;
}

.box.history > h3 {
    font-size: 26px;
    font-weight: 300;
    color: #333;
    line-height: 1.4em;
}

.box.history > h3 .txt_blue {
    font-weight: 600;
}

.box.history > span {
    display: inline-block;
    position: absolute;
    top: 50px;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #eee;
}

.box.history > ul {
    width: 100%;
}

.box.history > ul:after {
    content: '';
    display: block;
    clear: both;
}

.box.history > ul > li {
    position: relative;
    content: '';
    margin: 0 0 50px;
    padding: 0;
    width: 50%;
    border: none;
    transition: all 0.3s ease;
}

.box.history > ul > li.active {
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.3s ease;
}

.box.history > ul > li.active em:after {
    background: #273069;
}

.box.history > ul > li > em {
    position: relative;
    display: block;
    font-style: normal;
    font-size: 40px;
    font-weight: 800;
    color: #333;
    line-height: 1.6em;
}

.box.history > ul > li > em:after {
    content: '';
    position: absolute;
    top: 30px;
;
    width: 12px;
    height: 12px;
    background: #ddd;
    border-radius: 50px;
}

.box.history > ul > li.right > em:after {
    margin-left: -5px;
    left: 0;
}

.box.history > ul > li.left > em:after {
    margin-right: -6px;
    right: 0;
}

.box.history > ul > li > ul {
    display: block;
}

.box.history > ul > li > ul > li {
    display: block;
}

.box.history > ul > li > ul > li > p {
    position: relative;
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 1.7em;
    word-break: keep-all;
}

.box.history > ul > li > ul > li > p:before {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #333;
}

.box.history > ul > li > .area_img.v1 {
    margin: 20px 38px 0 0;
}

.box.history > ul > li > .area_img.v2 {
    margin: 20px 38px 0 45px;
}

.box.history > ul > li.right {
    float: right;
    margin-left: 50%;
}

.box.history > ul > li.right > em {
    padding: 0 0 5px 38px;
}

.box.history > ul > li.right > ul {
    padding: 0 0 0 38px;
}

.box.history > ul > li.left {
    float: left;
    margin-right: 50%;
    text-align: right;
}

.box.history > ul > li.left > em {
    padding: 0 38px 5px 0;
}

.box.history > ul > li.left > ul {
    padding: 0 38px 0 0;
}

.box.history #historyLine {
    display: block;
    width: 2px;
    height: 0%;
    background: #273069;
}

.txt_blue {
    color: #273069;
    font-weight: 400;
}


@media (max-width:850px) {
    .box.history > span {
        left: 0;
        top: 130px;
    }

    .box.history > ul {
        margin: 50px 0 0;
    }

    .box.history > ul > li {
        width: 100%;
        margin: 0 0 30px;
    }

    .box.history > ul > li > em {
        font-size: 32px;
    }

    .box.history > ul > li > em:after {
        top: 25px;
    }

    .box.history > ul > li.right {
        float: left;
        margin-left: 0;
    }

    .box.history > ul > li.left {
        text-align: left;
    }

    .box.history > ul > li.left > em {
        padding: 0 0 5px 38px;
    }

    .box.history > ul > li.left > em:after {
        right: unset;
        left: -5px;
    }

    .box.history > ul > li.left > ul {
        padding: 0 0 0 38px;
    }

    .box.history > ul > li > .area_img.v1 {
        margin: 20px 0 0 38px;
    }
}

@media (max-width:550px) {
    .box_img {
        margin: 0 0 30px;
        padding-bottom: 45%;
    }

    .box.history > ul {
        margin: 30px 0 0;
    }

    .box.history > ul > li.right > em {
        padding: 0 0 5px 20px;
    }

    .box.history > ul > li.right > ul {
        padding: 0 0 0 20px;
    }

    .box.history > ul > li.left > em {
        padding: 0 0 5px 20px;
    }

    .box.history > ul > li.left > ul {
        padding: 0 0 0 20px;
    }

    .box.history > ul > li > .area_img.v1,
    .box.history > ul > li > .area_img.v2 {
        margin: 20px 0 0 20px;
    }

    .box.history > ul > li > em:after {
        top: 20px;
    }
}

@media (max-width:450px) {
    .box.history > h3 {
        font-size: 22px;
    }

    .box.history > ul > li > .area_img {
        width: 80%;
    }

    .box.history > ul > li > .area_img img {
        max-width: 100%;
    }
}


/* 조직도 */
.orga{ text-align:center}
@media (max-width:700px) {
    .orga img{ width: 100%}
}
.number {
    float: right;
    display: inline-block;
    margin: 0 15px 0 0;
    background: #f9f9f9;
    border: 1px solid #eee;
    box-sizing: border-box;
    text-align: right;
}

.number > p {
    display: inline-block;
    padding: 15px 40px;
    font-size: 20px;
    font-weight: bold;
    color: #222;
}

.area_box img {
    width: 100%;
    max-width: 100%;
}

.area_box img.w {
    display: block;
}

.area_box img.m {
    display: none;
}

.area_box.line {
    border: 1px solid #f7f7f7;
}

@media (max-width:768px) {
    .number {
        margin: 0;
    }

    .number > p {
        padding: 12px 30px;
        font-size: 18px;
    }

    .area_box img.w {
        display: none;
    }

    .area_box img.m {
        display: block;
    }
}

/* 경영방침 및 사훈 */
.box {
    margin: 0 0 50px;
}

.motto {
    margin: 30px 0 0;
    text-align: center;
}

.motto > li {
    position: relative;
    display: inline-block;
    margin: 0 55px 0 0;
    box-sizing: border-box;
    width: 23%;
}

.motto.v1 > li {
    padding: 20px;
    border-radius: 50%;
    box-shadow: 2.034px 4.568px 16px 4px rgba(0, 0, 0, 0.1);
    height: 0;
    padding-bottom: 22%;
}

.motto.v1 > li:nth-child(1) {
    background: #273069 url(../img/sub/icon_motto01.svg)no-repeat center 40%;
    background-size: 25%;
}

.motto.v1 > li:nth-child(2) {
    background: #293689 url(../img/sub/icon_motto02.svg)no-repeat center 40%;
    background-size: 23%;
}

.motto.v1 > li:nth-child(3) {
    background: #273069 url(../img/sub/icon_motto03.svg)no-repeat center 40%;
    background-size: 27%;
}

.motto.v1 > li > p {
    padding-top: 67%;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
}

.motto > li:last-child {
    margin: 0;
}

.motto.v2 > li {
    border: 1px solid #eee;
    box-sizing: border-box;
    background: #fff;
}

.motto.v2 > li > h3 {
    padding: 15px 10px;
    box-sizing: border-box;
    background: #273069;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}

.motto.v2 > li:nth-child(2) > h3 {
    background: #293689;
}

.motto.v2 > li > h3:before {
    display: none;
}

.motto.v2 > li > ul.list {
    padding: 30px 10px;
    box-sizing: border-box;
}

.motto.v2 > li > ul.list > li {
    font-size: 17px;
    font-weight: 400;
    color: #333;
    line-height: 2em;
    word-break: keep-all;
}

.area_goal {
    margin: 30px 0 0;
}

.area_goal .title {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.area_goal .title > i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 55px;
    height: 54px;
    font-style: normal;
    font-size: 22px;
    font-weight: bold;
    background: #273069;
    color: #fff;
    text-align: center;
    line-height: 55px;
}

.area_goal .title h3 {
    margin: 0 0 0 70px;
    padding: 13px 0;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 1.4em;
}

.area_goal .area_txt {
    margin: 10px 0 0;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.area_goal .area_txt > p {
    position: relative;
    padding: 0 0 0 10px;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    line-height: 1.7em;
}

.area_goal .area_txt > p:before {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #333;
}

.area_goal .area_txt > p.none {
    font-size: 15px;
    color: #124a96;
}

.area_goal .area_txt > p.none::before {
    display: none;
}

.area_goal_wrap {
    margin: 30px 0 0;
}

.area_goal_wrap .area_goal {
    margin: 15px 0 0;
}

@media (max-width:1200px) {
    .motto.v1 > li {
        padding-bottom: 21.5%;
    }
}

@media (max-width:1024px) {
    .motto > li {
        width: 25%;
        margin: 0 30px 0 0;
    }

    .motto.v1 > li {
        padding-bottom: 23%;
    }
}

@media (max-width:900px) {
    .motto.v1 > li > p {
        font-size: 20px;
    }
}

@media (max-width:768px) {
    .motto > li {
        width: 30%;
        margin: 0 20px 0 0;
    }

    .motto.v1 > li {
        padding-bottom: 28%;
    }

    .motto.v1 > li > p {
        font-size: 18px;
    }

    .motto.v2 > li > h3 {
        font-size: 20px;
    }

    .motto.v2 > li > ul.list {
        padding: 20px 10px;
    }

    .motto.v2 > li > ul.list > li {
        font-size: 16px;
    }

    .area_goal .area_txt > p img {
        width: 100%;
    }
}

@media (max-width:650px) {
    .motto > li {
        width: 47%;
        margin: 0 0 20px;
    }

    .motto > li:first-child {
        margin: 0 20px 20px;
    }

    .motto > li:last-child {
        margin: 0 0 20px 20px;
    }

    .motto.v1 > li {
        padding-bottom: 44%;
    }
}

@media (max-width:550px) {
    .box {
        margin: 0 0 30px;
    }

    .area_goal .title {
        height: auto;
    }

    .area_goal .title h3 {
        margin: 0 0 0 50px;
        padding: 7px 0;
        font-size: 18px;
    }

    .area_goal .title > i {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .area_goal .area_txt {
        padding: 15px;
    }

    .area_goal .area_txt > p {
        font-size: 16px;
    }
}

@media (max-width:500px) {
    .motto > li {
        width: 48%;
        margin: 0 0 10px;
    }

    .motto > li:first-child {
        margin: 0 10px 10px;
    }

    .motto > li:last-child {
        margin: 0 0 10px 10px;
    }

    .motto.v1 > li {
        padding-bottom: 42%;
    }
}

@media (max-width:450px) {
    .motto.v2 > li {
        width: 100%;
        margin: 0 0 10px;
    }

    .motto.v2 > li:last-child {
        margin: 0;
    }

    .area_goal .title h3 {
        margin: 0 0 0 45px;
        font-size: 16px;
    }

    .area_goal .title > i {
        font-size: 18px;
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

    .area_goal .area_txt > p {
        font-size: 15px;
    }
}

@media (max-width:400px) {
    .motto > li {
        width: 47%;
    }
}


/* 품질방침 및 목표 */
.col3 {
    margin: 30px 0 0;
}

.col3:after {
    content: '';
    display: block;
    clear: both;
}

.col3 > li {
    position: relative;
    float: left;
    padding: 20px 40px;
    box-sizing: border-box;
    width: calc(100% /3);
    width: -webkit-calc(100% /3);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.col3 > li:nth-child(1) {
    background: url(../img/sub/icon_goal01.svg)no-repeat center 35%;
    background-size: 14%;
}

.col3 > li:nth-child(2) {
    background: url(../img/sub/icon_goal02.svg)no-repeat center 35%;
    background-size: 15%;
}

.col3 > li:nth-child(3) {
    background: url(../img/sub/icon_goal03.svg)no-repeat center 35%;
    background-size: 15%;
}

.col3 > li .area_txt {
    padding-top: 52%;
    margin: 0 0 60px;
    text-align: center;
}

.col3 > li .area_txt > h4 {
    display: block;
    padding: 0 0 15px;
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

.col3 > li .area_txt > span {
    font-size: 17px;
    font-weight: 400;
    color: #555;
    line-height: 1.5em;
}

.col3 > li > i {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #273069;
    font-style: normal;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.goal_list {
    margin: 30px 0 0;
    text-align: center;
}

.goal_list > li {
    position: relative;
    display: inline-block;
    margin: 0 28px 0 0;
    box-sizing: border-box;
    width: 12.5%;
    padding: 7.25%;
    background: #273069;
    border-radius: 50%;
    box-shadow: 2.034px 4.568px 16px 4px rgba(0, 0, 0, 0.1);
    height: 0;
}

.goal_list > li:nth-child(2n) {
    background: #293689;
}

.goal_list > li:last-child {
    margin: 0;
}

.goal_list > li > h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75%;
    font-size: 21px;
    font-weight: 300;
    color: #fff;
    transform: translate(-50%, -50%);
    line-height: 1.2em;
}

.txt_yellow {
    color: #fffa7b;
    font-weight: bold;
}

@media (max-width:1400px) {
    .inr .box > h3 {
        margin: 0 0 0 20px;
    }

    .inr.sub .box > h3 {
        margin: 0;
    }
}

@media (max-width:1200px) {
    .col3 > li {
        background-color: #fff !important;
        border: 1px solid #eee;
        border-left: none;
    }

    .col3 > li:nth-child(1) {
        border-left: 1px solid #eee;
        background: url(../img/sub/icon_goal01.svg)no-repeat center 30%;
        background-size: 14%;
    }

    .col3 > li:nth-child(2) {
        background: url(../img/sub/icon_goal02.svg)no-repeat center 30%;
        background-size: 15%;
    }

    .col3 > li:nth-child(3) {
        background: url(../img/sub/icon_goal03.svg)no-repeat center 30%;
        background-size: 15%;
    }
}

@media (max-width:950px) {
    .col3 > li {
        padding: 20px;
    }

    .col3 > li .area_txt {
        margin: 0;
        min-height: 250px;
    }

    .col3 > li .area_txt > h4 {
        padding: 0 0 10px;
    }

    .col3 > li:nth-child(1) {
        background: url(../img/sub/icon_goal01.svg)no-repeat center 30%;
        background-size: 18%;
    }

    .col3 > li:nth-child(2) {
        background: url(../img/sub/icon_goal02.svg)no-repeat center 30%;
        background-size: 17%;
    }

    .col3 > li:nth-child(3) {
        background: url(../img/sub/icon_goal03.svg)no-repeat center 30%;
        background-size: 17%;
    }

    .goal_list > li {
        margin: 0 20px 0 0;
    }

    .goal_list > li > h3 {
        font-size: 22px;
    }
}

@media (max-width:768px) {
    .col3 > li {
        padding: 15px;
    }

    .col3 > li .area_txt {
        min-height: 240px;
        padding-top: 55%;
    }

    .col3 > li .area_txt > h4 {
        padding: 0 0 6px;
        font-size: 19px;
    }

    .col3 > li > i {
        left: 10px;
        top: 10px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .col3 > li .area_txt > span {
        font-size: 16px;
    }

    .goal_list > li {
        width: 32%;
        padding-bottom: 30%;
    }

    .goal_list > li:nth-child(1) {
        margin: 0 20px 20px;
    }

    .goal_list > li:nth-child(2) {
        margin: 0 0 20px;
    }

    .goal_list > li > h3 {
        font-size: 24px;
        width: 70%;
    }
}

@media (max-width:700px) {
    .col3 > li:nth-child(1) {
        background: url(../img/sub/icon_goal01.svg)no-repeat center 25%;
        background-size: 18%;
    }

    .col3 > li:nth-child(2) {
        background: url(../img/sub/icon_goal02.svg)no-repeat center 25%;
        background-size: 17%;
    }

    .col3 > li:nth-child(3) {
        background: url(../img/sub/icon_goal03.svg)no-repeat center 25%;
        background-size: 17%;
    }
}

@media (max-width:550px) {
    .col3 > li {
        border: 1px solid #eee;
        border-bottom: none;
    }

    .col3 > li {
        width: 100%;
        border-bottom: none;
    }

    .col3 > li:nth-child(1) {
        background: #fff url(../img/sub/icon_goal01.svg)no-repeat center 25%;
        background-size: 10%;
    }

    .col3 > li:nth-child(2) {
        background: #fff url(../img/sub/icon_goal02.svg)no-repeat center 25%;
        background-size: 10%;
    }

    .col3 > li:nth-child(3) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
        background: #fff url(../img/sub/icon_goal03.svg)no-repeat center 25%;
        background-size: 10%;
    }

    .col3 > li .area_txt {
        min-height: 200px;
        padding-top: 21%;
    }

    .goal_list > li > h3 {
        font-size: 22px;
        width: 80%;
    }
}

@media (max-width:500px) {
    .col3 > li .area_txt {
        padding-top: 25%;
    }

    .goal_list > li {
        margin: 0 10px 0 0;
        padding: 10px;
        width: 40%;
        padding-bottom: 36%;
    }

    .goal_list > li:nth-child(1) {
        margin: 0 10px 10px;
    }

    .goal_list > li:nth-child(2) {
        margin: 0 0 10px;
    }

    .goal_list > li > h3 {
        font-size: 20px;
    }
}

@media (max-width:450px) {
    .col3 > li:nth-child(1) {
        background: #fff url(../img/sub/icon_goal01.svg)no-repeat center 25%;
        background-size: 12%;
    }

    .col3 > li:nth-child(2) {
        background: #fff url(../img/sub/icon_goal02.svg)no-repeat center 25%;
        background-size: 12%;
    }

    .col3 > li:nth-child(3) {
        background: #fff url(../img/sub/icon_goal03.svg)no-repeat center 25%;
        background-size: 12%;
    }

    .col3 > li .area_txt {
        padding-top: 30%;
    }

    .goal_list > li > h3 {
        font-size: 18px;
    }
}

/* 회사전경 */
.list_company {
    text-align: center;
}

.list_company {
    width: 80%;
    margin: 0 auto;
}

.list_company:after {
    content: '';
    display: block;
    clear: both;
}

.list_company > li {
    float: left;
    margin: 0 35px 35px 0;
    padding: 10px;
    width: calc((100% / 3) - 26px);
    width: -webkit-calc((100% / 3) - 26px);
    height: 250px;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.list_company > li > .area_img {
    width: 100%;
    height: 100%;
}

.list_company > li > .area_img img {
    width: 100%;
    height: 100%;
}

.list_company > li:nth-child(3) {
    margin: 0 0 35px;
}

.list_company.col2 > li {
    float: left;
    margin: 0 35px 35px 0;
    width: calc((100% / 2) - 18px);
    width: -webkit-calc((100% / 2) - 18px);
    height: 350px;
}

.list_company.col2 > li:nth-child(2n) {
    margin: 0;
}

.list_company.col2 > li:nth-child(1) > .area_img {
    background: url(../img/sub/img_company01.jpg)no-repeat center;
    background-size: cover;
}

.list_company.col2 > li:nth-child(2) > .area_img {
    background: url(../img/sub/img_company02.jpg)no-repeat center;
    background-size: cover;
}

.list_company.col2 > li:nth-child(3) > .area_img {
    background: url(../img/sub/img_company03.jpg)no-repeat center;
    background-size: cover;
}

.list_company.col2 > li:nth-child(4) > .area_img {
    background: url(../img/sub/img_company04.jpg)no-repeat center;
    background-size: cover;
}

.list_company > li:nth-child(1) > .area_img {
    background: url(../img/sub/img_company05.jpg)no-repeat center;
    background-size: cover;
}

.list_company > li:nth-child(2) > .area_img {
    background: url(../img/sub/img_company06.jpg)no-repeat center;
    background-size: cover;
}

.list_company > li:nth-child(3) > .area_img {
    background: url(../img/sub/img_company07.jpg)no-repeat center;
    background-size: cover;
}

@media (max-width:1200px) {
    .list_company > li {
        margin: 0 20px 20px 0;
        width: calc((100% / 3) - 16px);
        width: -webkit-calc((100% / 3) - 16px);
        height: 0;
        padding-bottom: 29%;
        vertical-align: top;
    }

    .list_company.col2 > li {
        margin: 0 20px 20px 0;
        width: calc((100% / 2) - 10px);
        width: -webkit-calc((100% / 2) - 10px);
        height: 0;
        padding-bottom: 45%;
    }

    .list_company > li > .area_img {
        padding-bottom: 95%;
    }
}

@media (max-width:850px) {
    .list_company {
        width: 92%;
        margin: 0 auto;
    }

    .list_company > li:nth-child(4) {
        margin: 0 20px 20px 0;
    }

    .list_company > li:nth-child(5) {
        margin: 0 0 20px;
    }

    .list_company > li {
        width: calc((100% / 32) - 10px);
        width: -webkit-calc((100% / 2) - 10px);
        padding-bottom: 45%;
    }

    .list_company > li:nth-child(2) {
        margin: 0 0 20px;
    }
}

@media (max-width:550px) {
    .list_company.col2 {
        width: 92%;
    }

    .list_company.col2 > li {
        margin: 0 17px 17px 0;
        width: calc((100% / 2) - 9px);
        width: -webkit-calc((100% / 2) - 9px);
        height: 0;
        padding-bottom: 44%;
    }

    .list_company {
        text-align: left;
    }

    .list_company > li {
        margin: 0 15px 15px 0;
        width: 47.8%;
        padding-bottom: 43.5%;
        vertical-align: top;
    }

    .list_company.col2 > li > .area_img {
        padding-bottom: 96%;
    }
}

@media (max-width:464px) {
    .list_company > li {
        width: 47%;
        padding-bottom: 42%;
    }

    .list_company.col2 > li > .area_img {
        padding-bottom: 98%;
    }
}

@media (max-width:344px) {
    .list_company > li {
        width: 46.7%;
        padding-bottom: 41%;
    }

    .list_company.col2 > li > .area_img {
        padding-bottom: 100%;
    }
}


/*오시는길*/
#content .root_daum_roughmap {
    border: none;
    box-sizing: border-box;
}

.area_txt.map {
    position: relative;
    margin: 30px 0;
    padding: 0 4%;
}

.area_txt.map > h2 {
    font-size: 27px;
    font-weight: 400;
    color: #333;
    line-height: 1.6em;
    word-break: keep-all;
}

.area_txt.map ul > li {
    position: relative;
    margin: 8px 0 0;
    font-size: 16px;
    font-weight: 300;
    color: #666;
}

.area_txt.map ul > li > a {
    color: #666;
}

.area_txt.map ul > li > a > span {
    font-weight: 500;
}

.area_txt.map a.btn_map {
    margin: 20px 0 0;
    min-width: 175px;
    box-sizing: border-box;
    display: inline-block;
    padding: 17px 20px;
    background: #003a7c;
    border-radius: 2px;
}

.area_txt.map a.btn_map span {
    position: relative;
    display: block;
    padding: 0 20px 0 0;
;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

.area_txt.map a.btn_map span:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4.5px;
    width: 13px;
    height: 9px;
    background: url(../img/main/icon_arrow.svg)no-repeat center;
}

.daum_map {
    margin: 20px 0 0;
}

@media screen and (max-width:850px) {
    .area_txt.map {
        padding: 0 2%;
    }

    .area_txt.map > h2 {
        font-size: 22px
    }
}

@media screen and (max-width:500px) {
    .area_txt.map {
        margin: 10px 0;
    }

    .area_txt.map > h2 {
        font-size: 18px
    }

    .area_txt.map a.btn_map {
        margin: 15px 0 0;
    }

    .root_daum_roughmap .wrap_map {
        height: 250px !important;
    }
}

/* 인증서 */
#layerPopup img {
    width: 500px;
}

.popLayer {
    display: none;
    position: fixed;
    opacity: 0;
    top: 0px;
    left: 0px;
    z-index: -99;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s ease-out 0s;
}

.popLayer > div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    box-shadow: 26px 18px 49px rgba(0, 0, 0, 0.2);
    transform: translate(-50%, -50%);
}

.popLayer.active {
    display: block;
    opacity: 1;
    z-index: 99;
}

.popLayer .close {
    display: block;
}

.popupBox .hamburger {
    top: 0;
    right: 0;
    width: 67px;
}

.popupBox .hamburger .bar {
    left: 22px;
}

.hamburger {
    display: block;
    position: absolute;
    opacity: 1;
    top: 0px;
    right: 0;
    z-index: 9999;
    width: 71px;
    height: 71px;
    background: rgba(255, 255, 255, 0);
    border: 0;
    flex-grow: 0;
    cursor: pointer;
}

.hamburger:hover {
    opacity: 1;
}

.hamburger.open {
    position: fixed;
    border-radius: 50%;
}

.hamburger:focus {
    outline: 0;
}

.hamburger .bar {
    position: absolute;
    left: 25px;
    width: 25px;
    height: 2px;
    background-color: #fff;
    transition: top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;
}

.hamburger .bar.top {
    top: 33px;
}

.hamburger .bar.middle {
    top: 42px;
    left: 23px;
    transition: opacity 1ms linear 0.2s;
    transform: translateY(-50%);
}

.hamburger .bar.bottom {
    top: 49px;
}

.hamburger.open .bar {
    transition: top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;
}

.hamburger.open .bar.top {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.hamburger.open .bar.middle {
    opacity: 0;
    transition: opacity 1ms linear 0.2s;
}

.hamburger.open .bar.bottom {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}

.hamburger.open:before {
    content: "";
}

.hamburger.open div {
    background: #fff;
}

.area_certificate {
    width: 100%;
}

.area_certificate:after {
    content: '';
    display: block;
    clear: both;
}

.area_certificate > li {
    float: left;
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    background: #fff;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-left: none;
    border-top: none;
    box-sizing: border-box;
}

.area_certificate > li > a {
    display: block;
    height: 100%;
}

.area_certificate > li .area_img {
    display: table;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 450px;
}

.area_certificate > li .area_img_wrap {
    display: table-cell;
    vertical-align: middle;
}

.area_certificate > li .area_img_wrap img {
    width: 100%;
    height: auto;
}

.area_certificate > li:nth-child(1),
.area_certificate > li:nth-child(4),
.area_certificate > li:nth-child(7),
.area_certificate > li:nth-child(10) {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.area_certificate > li:nth-child(1),
.area_certificate > li:nth-child(2),
.area_certificate > li:nth-child(3) {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/*
.area_certificate > li:nth-child(7) .area_img,
.area_certificate > li:nth-child(8) .area_img,
.area_certificate > li:nth-child(9) .area_img{height:528px;}
*/
.area_certificate > li:nth-child(n+10) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.area_certificate > li p {
    display: block;
    padding: 0 30px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.4em;
    word-break: keep-all;
}

@media screen and (max-width:1600px) {

    .area_certificate > li:nth-child(7) .area_img,
    .area_certificate > li:nth-child(8) .area_img,
    .area_certificate > li:nth-child(9) .area_img {
        height: 438px;
    }

    .area_certificate > li:nth-child(6) p {
        min-height: 72px;
    }
}

@media screen and (max-width:1500px) {

    .area_certificate > li:nth-child(7) .area_img,
    .area_certificate > li:nth-child(8) .area_img,
    .area_certificate > li:nth-child(9) .area_img {
        height: 524px;
    }

}

@media screen and (max-width:1400px) {

    .area_certificate > li:nth-child(7) .area_img,
    .area_certificate > li:nth-child(8) .area_img,
    .area_certificate > li:nth-child(9) .area_img {
        height: 608px;
    }
}

@media screen and (max-width:1200px) {

    .area_certificate > li:nth-child(7) .area_img,
    .area_certificate > li:nth-child(8) .area_img,
    .area_certificate > li:nth-child(9) .area_img {
        height: 496px;
    }
}

@media screen and (max-width:1000px) {

    .area_certificate > li:nth-child(7) .area_img,
    .area_certificate > li:nth-child(8) .area_img,
    .area_certificate > li:nth-child(9) .area_img {
        height: 400px;
    }
}

@media screen and (max-width:850px) {
    .area_certificate > li {
        width: -webkit-calc(100% / 2);
        width: calc(100% / 2);
    }

    .area_certificate > li:nth-child(3) {
        border-top: none;
        border-left: 1px solid rgba(0, 0, 0, 0.05);
    }

    .area_certificate > li:nth-child(4) {
        border-left: none;
    }

    .area_certificate > li:nth-child(5) {
        border-left: 1px solid rgba(0, 0, 0, 0.05);
    }

    .area_certificate > li:nth-child(7) .area_img,
    .area_certificate > li:nth-child(8) .area_img,
    .area_certificate > li:nth-child(9) .area_img {
        height: auto;
    }

    /*	.area_certificate > li:nth-child(4) p{min-height:47px;}*/
    .area_certificate > li:nth-child(7) .area_img,
    .area_certificate > li:nth-child(8) .area_img {
        height: 504px;
    }

    #layerPopup img {
        width: 100%;
    }

    .popupBox .hamburger {
        width: 57px;
        height: 57px;
    }

    .popupBox .hamburger .bar {
        left: 17px;
    }
}

@media screen and (max-width:768px) {
    /*	.area_certificate > li:nth-child(4) p{min-height:auto;}*/
}

@media screen and (max-width:600px) {

    .area_certificate > li:nth-child(7) .area_img,
    .area_certificate > li:nth-child(8) .area_img {
        height: 400px;
    }
}

@media screen and (max-width:550px) {
    .area_certificate > li .area_img {
        padding: 15px;
        height: 300px;
    }

    .area_certificate > li p {
        padding: 0 15px 20px;
    }
}

@media screen and (max-width:500px) {

    .area_certificate > li:nth-child(7) .area_img,
    .area_certificate > li:nth-child(8) .area_img {
        height: 300px;
    }

    .area_certificate > li p {
        padding: 0 15px 20px;
        font-size: 15px;
    }

    .area_certificate > li p {
        height: 62px;
    }

    .area_certificate > li:nth-child(6) p {
        height: 64px;
    }

    .popupBox .hamburger {
        width: 45px;
        height: 45px;
    }

    .popupBox .hamburger .bar {
        left: 10px;
    }
}

@media screen and (max-width:420px) {
    .area_certificate > li .area_img {
        padding: 10px;
        height: 232px;
    }

    .area_certificate > li:nth-child(7) .area_img,
    .area_certificate > li:nth-child(8) .area_img {
        height: 250px;
    }

    .area_certificate > li p {
        padding: 0 10px 10px;
        font-size: 15px;
    }

    #layerPopup img {
        width: 240px;
    }
}

@media screen and (max-width:400px) {
    .area_certificate > li p {
        font-size: 14px;
        height: 48px;
    }
}

@media screen and (max-width:350px) {
    .area_certificate > li p {
        height: 48px;
        font-size: 12px;
    }

    .area_certificate > li:nth-child(4) p {
        min-height: 50px;
    }

    .area_certificate > li:nth-child(6) p {
        min-height: 67px;
    }
}


/* LIST */
table.table caption {
    display: none;
}

.area_table .table {
    border: 1px solid #eee;
}

.area_table .table > thead {
    padding: 50px 0;
}

.area_table .table > thead > tr > th {
    padding: 15px 5px;
    vertical-align: middle;
    font-size: 17px;
    font-weight: bold;
    border: none;
    border-right: 1px solid #eee;
    background: #f9f9f9;
    text-align: center;
}

.area_table .table > thead > tr > th:last-child {
    border-right: none;
}

.area_table .table > tbody > tr > td {
    padding: 15px 5px;
    background: #fff;
    border-right: 1px solid #eee !important;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    text-align: center;
}

.area_table .table > tbody > tr > td:last-child {
    border-right: none !important;
}

.mob_info {
    display: none;
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 300;
    color: #333;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: 1px solid #eee;
}

@media screen and (max-width:950px) {
    .area_table .table > thead > tr > th {
        padding: 15px 5px;
    }

    .area_table .table > tbody > tr > td {
        font-size: 16px;
    }
}

@media screen and (max-width:850px) {
    .mob_info {
        display: block;
    }

    .scrollTable {
        overflow: auto;
    }

    .scrollTable .table {
        width: 850px;
    }
}

/* 생산LINE */
.area_product {}

.area_product .box .list {
    margin: 20px 0 0;
}

.area_product .box .list:after {
    content: '';
    display: block;
    clear: both;
}

.area_product .box .list > li {
    float: left;
    padding: 15px;
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
    background: #fff;
    border: 1px solid #eee;
    border-left: none;
    box-sizing: border-box;
}

.area_product .box .list > li:first-child {
    border-left: 1px solid #eee;
}

.area_product .box .list > li img {
    width: 100%;
    height: auto;
}

@media screen and (max-width:850px) {
    .area_product .box .list > li {
        padding: 10px;
    }
}

@media screen and (max-width:760px) {
    .area_product .box .list > li {
        border-right: 1px solid rgba(0, 0, 0, 0.03);
        width: calc(100% / 2);
        width: -webkit-calc(100% / 2);
    }

    .area_product .box .list > li:nth-child(2n) {
        border-right: none;
    }

    .area_product .box .list > li:nth-child(3) {
        border-top: none;
    }

    .area_product.v2 .box .list > li:nth-child(3) {
        border-top: 1px solid #eee;
    }
}

@media screen and (max-width:400px) {
    .area_product .box .list {
        margin: 10px 0 0;
    }
}


/* 설비현황 */
.area_equipment {}

.area_equipment .box .txt_blue {
    font-weight: bold;
}

.area_equipment .box .list {
    margin: 20px 0 0;
}

.area_equipment .box .list:after {
    content: '';
    display: block;
    clear: both;
}

.area_equipment .box .list > li {
    float: left;
    padding: 15px;
    width: calc(100% / 2);
    width: -webkit-calc(100% / 2);
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    box-sizing: border-box;
}

.area_equipment .box .list > li:nth-child(2n) {
    border-left: none;
}

.area_equipment .box .list > li:first-child,
.area_equipment .box .list > li:nth-child(2) {
    border-top: 1px solid #eee;
}

.area_equipment .box .list > li img {
    width: 100%;
    height: auto;
}

.area_equipment .box .list > li .area_txt {
    text-align: center;
    box-sizing: border-box;
}

.area_equipment .box .list > li .area_txt p {
    font-size: 21px;
    font-weight: 600;
    color: #333;
    padding: 15px 0 0;
    word-break: keep-all;
}

@media screen and (max-width:550px) {
    .area_equipment .box .list > li {
        padding: 10px;
    }

    .area_equipment .box .list > li .area_txt {
        padding: 0 0 20px;
    }
}

@media screen and (max-width:500px) {
    .area_equipment .box .list > li .area_txt {
        padding: 0 0 10px;
    }

    .area_equipment .box .list > li .area_txt p {
        font-size: 15px;
    }
}

@media screen and (max-width:400px) {
    .area_equipment .box .list > li .area_txt p {
        font-size: 14px;
    }
}


/* 계측기현황 */
.area_product .box .list p {
    display: block;
    padding: 20px 0 0;
    text-align: center;
    min-height: 66px;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    box-sizing: border-box;
    word-break: keep-all;
    line-height: 1.3em;
}

.area_product.v2 .box .list > li {
    padding: 40px 40px 20px;
    border-bottom: none;
}

.area_product.v2 .box .list > li:nth-child(4) {
    border-left: 1px solid #eee;
}

.area_product.v2 .box .list > li:nth-child(n+4) {
    border-bottom: 1px solid #eee;
}


@media screen and (max-width:850px) {
    .area_product.v2 .box .list > li {
        padding: 20px;
    }
}

@media screen and (max-width:768px) {
    .area_product.v2 .box .list > li:nth-child(n+4) {
        border-bottom: none;
    }

    .area_product.v2 .box .list > li:nth-child(n+5) {
        border-bottom: 1px solid #eee;
    }

    .area_product.v2 .box .list > li:nth-child(4) {
        border-left: none;
    }
}

@media screen and (max-width:550px) {
    .area_product .box .list p {
        min-height: 62px;
        font-size: 16px;
    }
}

@media screen and (max-width:450px) {
    .area_product .box .list p {
        padding: 10px 0 0;
        font-size: 15px;
    }
}

@media screen and (max-width:400px) {
    .area_product .box .list p {
        min-height: 76px;
        font-size: 14px;
    }
}

/* 생산 ITEM */
.box_group {
    margin: 30px 0 0;
}

.area_product .p_title {
    display: inline-block;
    padding: 10px 20px;
    background: #183799;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    line-height: 1.6em;
}

.area_product.v3 .box .list {
    margin: 10px 0 0;
}

.area_product.v3 .box .list .area_txt {
    margin: 15px 0 0;
}

.area_product.v3 .box .list .area_txt > h3 {
    font-size: 17px;
    font-weight: bold;
    color: #333;
}

.area_product.v3 .box .list .area_txt .txt_list {
    margin: 10px 0 0;
}

.area_product.v3 .box .list .area_txt .txt_list > li {
    display: block;
    margin: 0 0 5px;
    border-bottom: none;
    box-sizing: border-box;
}

.area_product.v3 .box .list .area_txt .txt_list > li:after {
    content: '';
    display: block;
    clear: both;
}

.area_product.v3 .box .list .area_txt .txt_list > li > span {
    padding: 8px;
    background: #242e4e;
    float: left;
    text-align: center;
    width: 30%;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    border-radius: 2px;
}

.area_product.v3 .box .list .area_txt .txt_list > li > p {
    padding: 8px;
    float: left;
    margin: 0 0 0 2%;
    width: 68%;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 2px;
    min-height: auto;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #555;
}

.area_product.v3 .box .list > li:nth-child(4),
.area_product.v3 .box .list > li:nth-child(5) {
    border-top: none;
}

.area_product.v3 .box .list > li:nth-child(4) {
    border-left: 1px solid #eee;
}

@media screen and (max-width:768px) {
    .area_product.v3 .box .list > li:nth-child(4) {
        border-left: none;
    }

    .area_product.v3 .box .list > li:nth-child(n+3) {
        border-top: none;
    }
}

@media screen and (max-width:500px) {
    .box_group {
        margin: 15px 0 0;
    }

    .area_product .p_title {
        display: block;
        padding: 10px;
        padding: 5px;
        line-height: 1.4em;
        text-align: center;
    }

    .area_product.v3 .box .list .area_txt .txt_list > li > span {
        padding: 1px 5px;
        font-size: 14px;
    }

    .area_product.v3 .box .list .area_txt .txt_list > li > p {
        width: 100%;
        margin: 0;
        padding: 5px;
        border: none;
    }
}

@media screen and (max-width:450px) {
    .area_product.v3 .box .list .area_txt .txt_list > li > span {
        padding: 1px 10px;
        width: auto;
    }
}

@media screen and (max-width:400px) {
    .area_product.v3 .box .list .area_txt > h3 {
        font-size: 15px;
    }
}


.vision {
    padding: 140px 0 0;
    background: #fff;
}

.vision:after {
    content: '';
    display: block;
    clear: both;
}

.vision > li {
    position: relative;
    float: left;
    width: calc(50%);
    height: 50rem;
    padding: 0 4.5em;
    margin: 0 0 50px;
}

/*.vision > li:nth-child(1){margin-left: 0;}*/
.vision > li:before {
    content: '';
    width: 1px;
    height: calc(100% - 15rem);
    background-color: #eee;
    position: absolute;
    left: 0;
}

.vision > li > .title {
    position: absolute;
    bottom: 0;
    display: table;
    width: 100%;
    height: 140px;
    text-align: center;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
    margin: 0 0 30px;
    padding-right: 3rem;
}

.vision > li > .title:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 6rem solid transparent;
    position: absolute;
    left: 0;
    bottom: -4rem;
}

.vision > li > .title .title_wrap {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.vision > li > .title .title_wrap > h2 {
    display: block;
    padding: 0 0 5px;
    font-weight: 20px;
    font-weight: bold;
}

.vision > li > .title .title_wrap > h3 {
    display: block;
    font-size: 23px;
    font-weight: 500;
    color: #fff815;
}

.vision > li > .title .title_wrap > p {
    display: inline-block;
    margin: 7px 0 0;
    font-size: 16px;
    background: #00b9ff;
    color: #fff;
    padding: 2px 20px;
    border-radius: 50px;
    box-sizing: border-box;
}

.vision > li:nth-child(1) > .title {
    background: #5a79bf;
}

.vision > li:nth-child(2) > .title {
    background: #33459e;
    bottom: 40px;
}

.vision > li:nth-child(3) > .title {
    background: #2e3877;
    bottom: 80px;
}

.vision > li:nth-child(4) > .title {
    padding: 0;
    background: #131a48;
    bottom: 120px;
}

.vision > li:nth-child(2) > .title:before {
    border-top: 4rem solid #1c2c7d;
}

.vision > li:nth-child(3) > .title:before {
    border-top: 4rem solid #1f285a;
}

.vision > li:nth-child(4) > .title:before {
    border-top: 4rem solid #060b29;
}

.vision > li > i {
    position: absolute;
    top: -50px;
    left: -1px;
    font-style: normal;
    font-size: 42px;
    font-weight: bold;
    color: #ddd;
}

.vision > li > i > span {
    color: #2c4994;
    font-size: 0.8em;
}

.vision > li > img {
    width: 100%;
}

.vision > li > .vision_list {
    margin: 20px 0 0;
    width: 100%;
}

.vision > li > .vision_list > li {
    position: relative;
    display: block;
    word-break: keep-all;
    padding: 0 0 5px 20px;
    font-size: 18px;
    font-weight: 500;
    color: #555;
    line-height: 1.4em;
    text-align: left;
}

.vision > li > .vision_list > li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 4px;
    height: 1px;
    background: #999;
}

.vision > li:nth-child(4) > .vision_list {
    text-align: center;
}

.vision > li > .vision_list > li.point {
    display: inline-block;
    padding: 10px 15px;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ff0081;
    border: 3px solid #ff0081;
}

.vision > li > .vision_list > li.point:before {
    display: none;
}

@media screen and (max-width:900px) {
    .vision {
        padding: 80px 0 0;
    }

    .vision > li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
        height: auto;
    }

    .vision > li > i {
        position: relative;
        top: 0;
        font-size: 2.5em;
        line-height: 2em;
        padding: 0 5%;
    }

    .vision > li:nth-child(2) > .title {
        bottom: 0;
    }

    .vision > li:nth-child(3) > .title {
        bottom: 0;
    }

    .vision > li:nth-child(4) > .title {
        bottom: 0;
    }

    .vision > li .title:before {
        display: none;
    }

    .vision > li > .title {
        position: relative;
        margin: 30px 0 0;
        padding-right: 0;
    }

    .vision > li:nth-child(4) > .vision_list {
        margin: 0;
    }

    .vision > li:before {
        display: none;
    }

    .vision > li > .vision_list > li {
        padding: 0 0 5px 10px;
        font-size: 1.1em;
    }

    .vision > li > .vision_list > li:before {
        left: 0;
    }
}

@media screen and (max-width:550px) {
    .vision {
        padding: 40px 0 0;
    }

    .vision > li > i {
        font-size: 2em;
    }

    .vision > li > .title {
        height: 120px;
    }

    .vision > li > .title {
        margin: 20px 0 0;
    }
}

@media screen and (max-width:400px) {
    .vision > li > .title {
        height: 100px;
    }
}

.area_strategy {}

.area_strategy > h2 {
    display: none;
}

/*
.area_strategy > h2{display:inline-block;width:240px; height:240px; line-height:240px; text-align:center; background:#2a378a; border-radius:50%; font-size:28px; font-weight:bold; color:#fff;}
.area_strategy .strategy_list{text-align:left;}
*/
.area_strategy .strategy_list > li {
    padding: 20px;
    background: transparent;
}

.area_strategy .strategy_list > li .top {
    text-align: center;
    height: 120px;
}

.area_strategy .strategy_list > li .top h3 {
    padding-top: 90px;
    font-size: 22px;
    font-weight: 500;
    color: #333;
}

.area_strategy .strategy_list > li:nth-child(1) .top {
    background: url(../img/sub/icon_strategy01.svg)no-repeat 50% 10%;
    background-size: 17%;
}

.area_strategy .strategy_list > li:nth-child(2) .top {
    background: url(../img/sub/icon_strategy02.svg)no-repeat 50% 15%;
    background-size: 17%;
}

.area_strategy .strategy_list > li:nth-child(3) .top {
    background: url(../img/sub/icon_strategy03.svg)no-repeat 50% 10%;
    background-size: 17%;
}

body.ie .area_strategy .strategy_list > li:nth-child(1) .top {
    background-size: 55%;
}

body.ie .area_strategy .strategy_list > li:nth-child(2) .top {
    background-size: 55%;
}

body.ie .area_strategy .strategy_list > li:nth-child(3) .top {
    background-size: 55%;
}


.area_strategy .strategy_list > li .bottom {
    position: relative;
    margin: 20px 0 0;
    min-height: 170px;
    text-align: center;
}

.area_strategy .strategy_list > li .bottom li {
    margin: 0 0 10px;
}

.area_strategy .strategy_list > li .bottom p {
    display: inline-block;
    padding: 2px 10px;
    margin: 0 0 3px;
    box-sizing: border-box;
    background: #242e4e;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 2px;
    color: #fff;
}

.area_strategy .strategy_list > li .bottom span {
    position: relative;
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #555;
    line-height: 1.4em;
    word-break: keep-all;
}

/*.area_strategy .strategy_list > li:nth-child(2) .bottom span{padding:0 0 0 15px;}
.area_strategy .strategy_list > li:nth-child(2) .bottom span:before{content:'';position:absolute; top:10px; left:0; width:5px; height:1px; background:#333;}
*/

@media screen and (max-width:1024px) {
    .area_strategy .strategy_list > li:nth-child(1) .top {
        background-size: 20%;
    }

    .area_strategy .strategy_list > li:nth-child(2) .top {
        background-size: 20%;
    }

    .area_strategy .strategy_list > li:nth-child(3) .top {
        background-size: 20%;
    }

    .area_strategy .strategy_list > li .bottom {
        min-height: 200px;
    }
}

@media screen and (max-width:850px) {
    .area_strategy .strategy_list > li:nth-child(1) .top {
        background-size: 25%;
    }

    .area_strategy .strategy_list > li:nth-child(2) .top {
        background-size: 25%;
    }

    .area_strategy .strategy_list > li:nth-child(3) .top {
        background-size: 25%;
    }

    .area_strategy .strategy_list > li .bottom {
        min-height: 240px;
    }
}

@media screen and (max-width:768px) {
    .area_strategy .strategy_list > li {
        width: 100%;
        background: #fff;
        border-left: 1px solid #eee;
        border-bottom: none;
    }

    .area_strategy .strategy_list > li:nth-child(3) {
        border-bottom: 1px solid #eee;
    }

    .area_strategy .strategy_list > li .top {
        height: 150px;
    }

    .area_strategy .strategy_list > li .top h3 {
        padding-top: 95px;
    }

    .area_strategy .strategy_list > li:nth-child(1) .top {
        background-size: 10%;
    }

    .area_strategy .strategy_list > li:nth-child(2) .top {
        background-size: 10%;
    }

    .area_strategy .strategy_list > li:nth-child(3) .top {
        background-size: 10%;
    }

    .area_strategy .strategy_list > li .bottom {
        margin: 0;
        min-height: auto;
    }
}

@media screen and (max-width:600px) {
    .area_strategy .strategy_list > li:nth-child(1) .top {
        background-size: 13%;
    }

    .area_strategy .strategy_list > li:nth-child(2) .top {
        background-size: 13%;
    }

    .area_strategy .strategy_list > li:nth-child(3) .top {
        background-size: 13%;
    }

    .area_strategy .strategy_list > li .top h3 {
        font-size: 20px;
        padding-top: 20%;
    }
}

@media screen and (max-width:500px) {
    .area_strategy .strategy_list > li .top {
        height: 120px;
    }
}

@media screen and (max-width:450px) {
    .area_strategy .strategy_list > li:nth-child(1) .top {
        background-size: 15%;
    }

    .area_strategy .strategy_list > li:nth-child(2) .top {
        background-size: 15%;
    }

    .area_strategy .strategy_list > li:nth-child(3) .top {
        background-size: 15%;
    }

    .area_strategy .strategy_list > li .top h3 {
        font-size: 18px;
        padding-top: 22%;
    }
}

@media screen and (max-width:400px) {
    .area_strategy .strategy_list > li:nth-child(1) .top {
        background-size: 17%;
    }

    .area_strategy .strategy_list > li:nth-child(2) .top {
        background-size: 17%;
    }

    .area_strategy .strategy_list > li:nth-child(3) .top {
        background-size: 17%;
    }

    .area_strategy .strategy_list > li .top h3 {
        padding-top: 25%;
    }
}

/* 준비중페이지 */
#ready {
    text-align: center;
    background: url(../img/common/ready.png) no-repeat 50% 0;
    margin: 80px 0;
    padding-top: 130px;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #333;
}

#ready strong {
    color: #FC3;
}

#ready p {
    font-size: 0.8em;
    color: #666;
}

.ready {
    text-align: center;
}


/*서비스*/
.area_location {
    position: relative;
    z-index: 1;
    margin: 0 0 0;
    float: left;
    width: 100%;
    transition: all 0.3s ease;
    text-align: center;
}

.area_location em {
    font-style: normal;
    font-size: 15px;
    font-weight: 300;
    transition: all 0.3s ease;
}

.area_location h2 {
    display: block;
    padding: 20px 0 0;
    font-size: 40px;
    font-weight: bold;
    color: #333;
    line-height: 1.5em;
    transition: all 0.3s ease;
}

.area_location .area_icon {
    font-size: 31px;
    transition: all 0.3s ease;
}

.area_location .info_location {
    padding: 40px 0 0;
    text-align: left;
    overflow: hidden;
}

.area_location .info_location span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.area_location .info_location em {
    display: block;
    padding: 5px 0 0;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    color: #555;
}

.area_location {
    color: #fff;
}

.area_location > em {
    color: #444;
    display: block;
    font-size: 20px;
    font-weight: 500;
}

.area_location > h2 {
    color: #444;
    padding: 10px 0 25px 0;
    font-family: 'GmarketSansMedium', 'GmarketSansBold', 'GmarketSansLight';
}

.area_location > .area_icon {
    color: #444;
}

.area_location .info_location span {
    color: #444;
}

.area_location .info_location em,
.area_location .info_location b {
    color: #444;
}

.area_location .info_location > ul > li {
    width: calc(100%/3);
    float: left;
    text-align: center;
    display: table;
    height: 250px;
}

.area_location .info_location > ul > li:last-child {
    margin: 0 0 0;
}

.area_location .info_location > ul > li > img {
    height: 95px;
    margin: 2.5px;
    transform: scale(1);
    transition: all 1s;
}

.area_location .info_location > ul > li:hover > img {
    transform: scale(1.05);
    transition: all 1s;
}

.area_location .info_location > ul > li:nth-child(1) > img,
.area_location .info_location > ul > li:nth-child(3) > img {
    width: 95px;
    height: auto;
}

.area_location .info_location > ul > li > em {
    display: block;
    padding: 5px 0 0;
    line-height: 1.4em;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    color: #E0E6F5;
}

.area_location .info_location > ul > li > b {
    display: block;
    font-size: 25px;
    font-weight: 600;
    color: #444;
}

.area_location .info_location > ul > li > h2 {
    color: #444;
    font-size: 17px;
    font-weight: 500;
}


#service_board .area_btn {
    border: 1px solid #eee;
    padding: 15px 30px;
    border-radius: 30px;
    margin: 40px 0 0;
    display: inline-block;
    color: #999;
}

#service_board .area_btn:hover {
    font-weight: 600;
    color: #444
}

@media (max-width:850px) {
    .area_location > h2 {
        font-size: 35px;
    }
}

@media (max-width: 768px) {
    .area_notice {
        width: 100%;
    }

    .area_notice .area_btn > i {
        width: 75px;
        height: 74px;
    }

    .area_location {
        margin: 0;
        width: 100%;
        height: auto;
    }

    .area_location .area_icon {}

    .news_text {
        width: 100%;
    }

    #gall_board {
        padding: 50px 40px;
    }

    .area_location .info_location {
        padding: 40px 40px 0;
    }

    .area_location .info_location > ul > li {
        width: calc(100%/2);
        height: 250px;
        display: inline-block;
    }

    #area_board .area_btn {
        margin: 0;
    }
}

@media (max-width: 650px) {
    .area_notice .area_btn > i {
        width: 64px;
        height: 64px;
    }
}

@media (max-width: 550px) {
    .area_location > h2 {
        padding: 10px 0 15px;
        font-size: 30px;
    }

    .area_location > a {
        padding: 50px 30px;
    }

    .area_location > a .info_location {
        padding: 60px 0 0;
    }

    #gall_board {
        padding: 53px 20px;
    }
}

@media (max-width:500px) {
    .area_location .info_location {
        padding: 40px 30px 0;
    }
}

@media (max-width: 400px) {
    .area_location > a {
        padding: 40px 20px;
    }
}

.historyList {
    margin-top: 47px;
    padding-top: 10px;
    overflow: hidden;
}

.historyList ul {
    font-size: 0;
    padding: 0 119px;
    padding-right: 100px;
    box-sizing: border-box;
}

.historyList li {
    position: relative;
    display: inline-block;
    width: 33.333%;
    font-size: 16px;
    vertical-align: top;
    box-sizing: border-box;
}

.historyList li:before {
    position: absolute;
    content: '';
    left: -999%;
    right: -999%;
    top: 0;
    height: 1px;
    background-color: #dcd3c9;
}

.historyList li em.circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 4px solid #ea5a4f;
    background-color: #fff;
    border-radius: 100%;
    transform: translateY(-50%);
    box-sizing: border-box;
    z-index: 2;
}

.historyList li .list_item {
    padding: 62px 0 87px 25px;
    box-sizing: border-box;
}

.historyList li .year {
    display: block;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.48;
    letter-spacing: -1.2px;
    color: #514d4d;
}

.historyList li .monthList {
    margin-top: 53px;
}

.historyList li .monthList > div {
    position: relative;
    box-sizing: border-box;
}
/*
.historyList li:first-child .monthList > div{
    padding-left: 33px;
}
*/

.historyList li .monthList > div + div {
    margin-top: 12px;
}

.historyList li .monthList > div strong {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    display: none;
}

.historyList li:first-child .monthList > div strong {
    display: block;
}
.historyList li .monthList > div p {
    font-weight: 300;
}

.historyList li:nth-child(2) .list_item,
.historyList li:nth-child(5) .list_item,
.historyList li:nth-child(8) .list_item {
    transition-delay: 0.2s !important;
}

.historyList li:nth-child(3) .list_item,
.historyList li:nth-child(6) .list_item,
.historyList li:nth-child(9) .list_item {
    transition-delay: 0.4s !important;
}

@media screen and (max-width: 1260px) {
    .historyList ul {
        padding: 0 30px;
    }
}

@media (max-width:1024px) {
    .historyList li {
        width: 50%;
    }

    .historyList li:nth-child(2) .list_item,
    .historyList li:nth-child(5) .list_item,
    .historyList li:nth-child(8) .list_item {
        transition-delay: 0s !important;
    }

    .historyList li:nth-child(3) .list_item,
    .historyList li:nth-child(6) .list_item,
    .historyList li:nth-child(9) .list_item {
        transition-delay: 0s !important;
    }

    .historyList li:nth-child(even) .list_item {
        transition-delay: 0.2s !important;
    }
}

@media screen and (max-width: 767px) {
    .historyList ul {
        position: relative;
        padding: 0 10px;
    }

    .historyList ul:before {
        position: absolute;
        content: '';
        left: 16.5px;
        top: 0;
        bottom: 0;
        width: 1px;
        background-color: #dcd3c9;
    }

    .historyList li {
        width: 100%;
    }

    .historyList li:before {
        display: none;
    }

    .historyList li em.circle {
        top: 17px;
    }

    .historyList li .list_item {
        padding: 0px 0 50px 30px;
    }

    .historyList li .monthList > div {
        padding-left: 30px;
    }

    .historyList li .year {
        font-size: 20px;
    }

    .historyList li .monthList {
        margin-top: 20px;
    }
}

.greet01 {
}

.greet01 > h2 {
    color: #444;
    padding: 10px 0 25px 0;
    display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3em;
}
.greet01 > em {
    color: #aaa;
    line-height: 1.3em;
    display: block;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    padding: 0 0 0 40px;
    position: relative;
}
.greet01 > em::before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 20px;
    height: 3px;
    background: #EA5A4F;
}
.greet01 > .img_wrap{
    margin: 40px 0;
}
.greet01 > .img_wrap img{
    width: 100%;
    height: auto;
}
.greet01 p{
    font-size: 18px;
    line-height: 1.4em;
    margin: 0 0 20px;
    color: #444;
    text-align: left;
}
@media (max-width: 550px) {
    .greet01 > h2 {
        font-size: 24px;
        padding: 0 0 20px;
    }
    .greet01 > em{
        font-size: 20px;
        line-height: 1.3em;

    }
    .greet01 p{
        font-size: 15px;
        line-height: 1.3em;
    }
    .greet01 > .img_wrap{
        margin: 40px 0;
    }
}



/*오시는길*/
.map {
    width: 90%;
    margin: 0 auto;
}

.map .map_inn {
    margin: 50px 0;
    overflow: hidden;
}

.map_add_wrap {
    width: 20%;
    overflow: hidden;
    font-size: 2.5em;
    font-weight: 500;
    box-sizing: border-box;
    text-align: left;
    line-height: 88px;
    float: left;
    position: relative;
}

.map_add_wrap i {
    position: relative;
    color: #fff;
    width: 100px;
    text-align: center;
    background: #1134a8;
    line-height: 45px;
    display: block;
    font-size: 0.5em;
    font-style: normal;
    border-radius: 45px;
}

.map_add_wrap .map_bx .t {
    line-height: 0.5em;
    font-size: 1.22em;
    font-weight: 600;
    margin: 6px auto 6px;
    display: none;
}

.map_add_wrap .map_bx .c {
    font-size: 0.4em;
    font-weight: 400;
    color: #999;
    line-height: 1;
}

.map_add_wrap .map_bx a.bt {
    display: inline-block;
    background: #f8f8f8;
    font-size: 1em;
    padding: 0px 10px;
    margin: 0;
    border-radius: 3px;
    border: 1px solid #dadada;
    line-height: 3em;
}

.map_add_wrap .map_bx a.bt:hover {
    font-weight: 500;
    color: #FFF;
    background: #333;
    border: 1px solid #333;
}

.map_box_wrap {
    width: 100%;
    overflow: hidden;
    float: left;
}

.map_box_wrap .map_bx {
    width: 33.3%;
    float: left;
    padding: 0 15px 0;
    margin-bottom: 10px;
    text-align: left;
}

.map_box_wrap .map_bx:first-child {
    border: 0;
}


.map_box_wrap .map_bx .i {
    position: absolute;
    width: 80px;
    height: 80px;
    background: #fff;
    color: #444;
    border-right: 1px solid #eee;
    line-height: 80px;
    font-size: 2em;
    text-align: center;
}

.map_box_wrap .map_bx .t {
    line-height: 1em;
    font-size: 1.22em;
    font-weight: 600;
    margin: 6px auto 6px;
    color: #666;
    padding-left: 120px;
}

.map_box_wrap .map_bx .c {
    font-size: 1.15em;
    font-weight: 500;
    color: #aaa;
    padding-left: 120px;
}

.map_box_wrap .map_bx .c a {
    font-size: 1.15em;
    font-weight: 500;
    color: #aaa;
}


@media (max-width:1200px) {
    .map_add_wrap {
        font-size: 2.2em;
        width: 40%;
    }

    .map_box_wrap {
        display: block;
    }

    .map_box_wrap .map_bx {
        width: 100%;
        padding: 40px 0 0;
    }
    .map_box_wrap .map_bx:first-child{
        margin: 0;
        padding: 0;
    }

    /*.map_box_wrap .map_bx:first-child{border-bottom:1px dotted #ddd;}*/
    /*.map_box_wrap .map_bx:nth-of-type(2){border-top:0; border-bottom:1px dotted #ddd;}*/
    /*.map_box_wrap .map_bx:nth-of-type(3){border-left:0; width:100%}*/
    .map_box_wrap .map_bx .t {
        font-size: 1.15em;
        margin: 4px auto 4px;
    }

    .map_box_wrap .map_bx .c {
        font-size: 1.0em;
    }

    .map_box_wrap .map_bx a.bt {
        font-size: 0.9em;
        padding: 1px 8px;
        margin: 1px;
    }

    .map_box_wrap .map_bx .i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 1.5em;
    }

    .map_box_wrap .map_bx .t,
    .map_box_wrap .map_bx .c {
        padding-left: 70px;
    }
}

@media (max-width:420px) {
    .map_add_wrap {
        width: 100%;
        text-align: center;
    }

    .map_box_wrap .map_bx {
        position: relative;
        padding: 0;
    }

    .map_add_wrap i {
        margin: 0 auto;
    }

    .map_box_wrap {
        width: 100%;
    }

    .map_box_wrap .map_bx {
        position: relative;
        padding: 0;
        margin: 40px 0 0;
    }

    .map_box_wrap .map_bx .i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: 50%;
        transform: translateY(-50%);
    }
}


/*게시판 상단*/
.fo_menu:after{ display:block; content:""; clear:both;}
.fo_menu{margin-bottom:30px; }
.fo_menu li{float:left; width:50%; text-align:center; }
/*.fo_menu li:nth-child(3){width:30%;}
.fo_menu li:nth-child(4){width:30%;}*/
.fo_menu li a{display:block; padding:7px; background:#fff; color:#000; font-size:1.27em; border:2px solid #CCC;}
.fo_menu li a:hover{background:#4f638e; color:#fff; border:2px solid #4f638e;}
.fo_menu li a.on{background:#1d3971; color:#fff; border:2px solid #1d3971}
.fo_menu .en{display:block; opacity:0.6; font-size:0.95em; letter-spacing:-0.1px;}

.top_mon{}
.top_mon p{font-size:2em; text-align:center; color:#000; line-height: 1.2em; letter-spacing: -.050em}
.top_mon p strong{color:#3b7abf;}
.top_mon p.en{color:#929292; font-size:1.4em; padding-top:12px;}
.top_mon p.en strong{color: #666}
.top_mon .red{color:#F60; text-align:left;}
.top_mon h2{font-size:2.5em; color: #06C; text-align:center; padding-top:10px;}
.top_mon .tas {width:100%; margin:30px auto;  border-top:2px solid #09C; border-bottom:2px solid #09C;}
.top_mon .tas li strong {display:inline-block;float:left;
    background:#f0f6fb;
    color: #000;
    font-size:16px;
    font-weight:500;
    width:20%;
    padding:5px 13px;
    border-radius:80px;
    border:1px solid #e8f0f8;
    text-align:center;
}
.top_mon .tas li span { float:left; width:75%; margin-left:20px; font-size:1.15em; line-height:2em; padding:6px; }
.top_mon .tas li .en{line-height:1.4em; color:#929292;}
.top_mon .tas li { zoom:1; overflow:hidden; margin:10px; padding-bottom:10px; border-bottom:1px solid #f0f0f0;}
.top_mon .tas li:first-child {border-top:none; padding-top:0; }
.top_mon .tas li:last-child {border-bottom:none; padding-bottom:0;}
.top_mon .tas li:after { content:'';clear:both; display:block; }
@media (max-width: 991px) {
    .top_mon p{font-size:1.1em; text-align:left;}
    .top_mon h2{font-size:1.4em; text-align:left;}
    .top_mon .tas li strong {width:30%; font-size:12px;}
    .top_mon .tas li span {width:60%; margin-left:12px; font-size:1em; line-height:1.4em; padding:6px; }
}



/* 텍스트- decoration */
p.b{ font-weight:400; color:#333; font-size:1.15em; line-height:1.4em;}
p.con_t{font-weight: 500;line-height: 1.2em;letter-spacing: -0.020em;color: #00002c;font-size: 2.0em !important;text-align: center;padding-bottom: 20px;}
p.con_t02{font-weight: 500;line-height: 1.2em;letter-spacing: -0.020em;color: #00002c;font-size: 1.78em !important;text-align: center;padding-bottom: 20px;}
p.con_t span{font-weight: 700;}
@media screen and (max-width:991px) {
    p.con_t span{font-weight: 700; display:block}
}
p span.b{ font-weight:bold; color:#333; }
p span.b2{ font-weight:bold; color:#333; font-size:1.30em}
p span.check{ color:#ff3600}
p.t1{padding:0;word-break:break-all; font-size:2.8em; line-height:1.2em;color:#333; font-weight:700; letter-spacing:-.070em;font-family: 'Gmarket Sans', sans-serif;}
p.t2{padding:0;word-break:break-all; font-size:2em; line-height:1.4em;color:#555;; font-weight:500; letter-spacing:-.055em;font-family: 'Gmarket Sans', sans-serif;}
p.t3{padding:0;word-break:break-all; font-size:2.0em; line-height:1.2em;color:#39404d; font-weight:500; letter-spacing:-.055em}
p.t3 span{padding:0;word-break:break-all; font-size:0.82em; line-height:1.2em;color:#3687c5; font-weight:500; letter-spacing:-.055em}
p.t3_1{padding:0;word-break:break-all; font-size:2.4em; line-height:1.6em;color:#2a2a2a; font-weight:500; letter-spacing:-.075em}
p.t4{padding:0;word-break:break-all; font-size:1.35em; line-height:1.8em;color:#555; font-weight:500;}
p.t4_2{padding:0 0 5px 0;word-break:break-all; font-size:1.15em; line-height:1.2em;color:#444; font-weight:bold;letter-spacing:-.055em}
p.t5{padding:0;word-break:break-all; font-size:1.20em; line-height:1.45em;color:#2a2a2a; font-weight:bold}
p.t5 span{color:#2f429b; font-size:0.9em; font-weight:500 }
p.t6{padding:0;word-break:break-all; font-size:1.25em; line-height:1.2em;color:#113275; font-weight:500; letter-spacing:-.045em;  }
p.t6 a{padding:0;word-break:break-all; font-size:1.6em; line-height:1.2em;color:rgb(0,0,0,0.9) !important;color:rgba(0,0,0,0.9) !important; font-weight:500; letter-spacing:-.045em;  }
p.t6 span{padding:0;word-break:break-all; font-size:1.6em; line-height:1.2em;color:#333; font-weight:500; letter-spacing:-.045em;  }
p.t7{padding:0;word-break:break-all; font-size:4.2em; line-height:1.2em;color:#908b88; font-weight:220; }
p.t8{padding:0;word-break:break-all; font-size:1.4em; line-height:1.2em;color:#10276e;  font-weight:220; letter-spacing:-.055em}
p.t9{padding:0;word-break:break-all; font-size:1.1em; line-height:1.2em;color:#666;  font-weight:600; letter-spacing:-.055em}
p.t10{padding:0;word-break:break-all; font-size:1.3em; line-height:1.30em;color:#333; font-weight:bold; word-break: keep-all;}
p.t10 span.bar{padding:0;word-break:break-all; font-size:0.80em; line-height:1.50em;color:#2a5dc5;letter-spacing:-.075em;}
p.t11{padding:0 0 5px 0;word-break:break-all; font-size:1.40em; line-height:1.2em;color:#378ccd; font-weight:400;letter-spacing:-.055em; }
p.t12{padding:0;word-break:break-all; font-size:1.80em; line-height:1.00em;color:#2a2a2a;letter-spacing:-.055em; font-weight:300; }
p.t13{padding:0;word-break:break-all; font-size:1.20em; line-height:1.00em;color:#191919;letter-spacing:-.055em; font-weight:400;}
p.t13 span{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#1793da;letter-spacing:-.055em; font-weight:bold; }
p.t14{padding:0;word-break:break-all; font-size:1.15em;color:#191919;letter-spacing:-.055em; font-weight:bold; line-height:1.4em}
p.t14 span{padding:0;word-break:break-all; font-size:0.75em; line-height:1.00em;color:#6c6c6c;letter-spacing:-.055em; font-weight:500;}
p.t15{padding:0;word-break:break-all; font-size:1.20em; line-height:1.2em;color:#3659aa;  font-weight:220; letter-spacing:-.055em}
p.t16{padding:0;word-break:break-all; font-size:1.00em;color:rgb(0,0,0,0.7);color:rgba(0,0,0,0.7);letter-spacing:-.050em; font-weight:bold; line-height:1.2em;}
p.t16 span{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t16 span a{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t17{padding:0;word-break:break-all; font-size:0.90em;color:#888;letter-spacing:-.055em; font-weight:400; line-height:1.4em; }
p.t17 span{padding:0;word-break:break-all; font-size:0.90em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t18{padding:0;word-break:break-all; font-size:0.90em;color:#555;letter-spacing:-.055em; font-weight:400; line-height:1.4em; }
p.t18 span{padding:0;word-break:break-all; font-size:1.15em; line-height:1.8em;color:#333;letter-spacing:-.055em; font-weight:700;}
@media screen and (max-width:767px) {
    p.b{ font-weight:500; color:#00002c; font-size:1.20em; line-height:1.4em;}
    p span.b{ font-weight:bold; color:#333}
    p span.b2{ font-weight:bold; color:#333; font-size:1.30em}
    p span.check{ color:#ff3600}
    p.t1{padding:0;word-break:keep-all; font-size:1.5em; line-height:1.2em;color:#333; font-weight:500; letter-spacing:-.070em; /*width: 85%;*/}
    p.t2{padding:0;word-break:keep-all; font-size:1.3em; line-height:1.3em;color:#555;; font-weight:500; letter-spacing:-.055em}
    p.t3{padding:0;word-break:break-all; font-size:1.6em; line-height:1.2em;color:#39404d; font-weight:500; letter-spacing:-.055em}
    p.t3 span{padding:0;word-break:break-all; font-size:1.0em; line-height:1.2em;color:#3687c5; font-weight:500; letter-spacing:-.055em}
    p.t3_1{padding:0;word-break:break-all; font-size:2.4em; line-height:1.6em;color:#2a2a2a; font-weight:500; letter-spacing:-.075em}
    p.t4{padding:0;word-break:break-all; font-size:1.15em; line-height:1.8em;color:#555; font-weight:500;}
    p.t4_2{padding:0 0 5px 0;word-break:break-all; font-size:1.15em; line-height:1.2em;color:#444; font-weight:bold;letter-spacing:-.055em}
    p.t5{padding:0;word-break:break-all; font-size:1.25em; line-height:1.25em;color:#2a2a2a; font-weight:bold}
    p.t6{padding:0;word-break:break-all; font-size:1.25em; line-height:1.2em;color:#113275; font-weight:500; letter-spacing:-.045em;  }
    p.t6 span{padding:0;word-break:break-all; font-size:1.35em; line-height:1.2em;color:#333; font-weight:500; letter-spacing:-.045em;  }
    p.t7{padding:0;word-break:break-all; font-size:4.2em; line-height:1.2em;color:#908b88;  font-weight:220; letter-spacing:-.055em}
    p.t8{padding:0;word-break:break-all; font-size:1.4em; line-height:1.2em;color:#10276e;  font-weight:220; letter-spacing:-.055em}
    p.t9{padding:0;word-break:break-all; font-size:1em; line-height:1.2em;  font-weight:400; letter-spacing:-.015em}
    p.t10{padding:0;word-break:break-all; font-size:1.15em; line-height:1.30em; font-weight:bold}
    p.t10 span.bar{padding:0;word-break:break-all; font-size:0.80em; line-height:1.50em;color:#2a5dc5;letter-spacing:-.075em;}
    p.t11{padding:0 0 5px 0;word-break:break-all; font-size:1.30em; line-height:1.2em;color:#378ccd; font-weight:400;letter-spacing:-.055em; }
    p.t12{padding:0;word-break:break-all; font-size:1.40em; line-height:1.00em;color:#2a2a2a;letter-spacing:-.055em; font-weight:300; }
}
@media screen and (max-width:500px) {
    p.t10{padding:0;word-break:break-all; font-size:1.02em; letter-spacing:-.050em; line-height:1.30em; font-weight:bold}
}

/*정렬*/
@media screen and (max-width:767px) {
    .text-right{ text-align:center !important}
}

/* MARGIN-TOP관련 */
.t_margin-20{margin-top:-20px;}
.t_margin-19{margin-top:-19px;}
.t_margin-18{margin-top:-18px;}
.t_margin-17{margin-top:-17px;}
.t_margin-16{margin-top:-16px;}
.t_margin-15{margin-top:-15px;}
.t_margin-14{margin-top:-14px;}
.t_margin-13{margin-top:-13px;}
.t_margin-12{margin-top:-12px;}
.t_margin-11{margin-top:-11px;}
.t_margin-10{margin-top:-10px;}
.t_margin-9{margin-top:-9px;}
.t_margin-8{margin-top:-8px;}
.t_margin-7{margin-top:-7px;}
.t_margin-6{margin-top:-6px;}
.t_margin-5{margin-top:-5px;}
.t_margin-4{margin-top:-4px;}
.t_margin-3{margin-top:-3px;}
.t_margin-2{margin-top:-2px;}
.t_margin-1{margin-top:-1px;}
.t_margin0{margin-top:0px;}
.t_margin1{margin-top:1px;}
.t_margin2{margin-top:2px;}
.t_margin3{margin-top:3px;}
.t_margin4{margin-top:4px;}
.t_margin5{margin-top:5px;}
.t_margin6{margin-top:6px;}
.t_margin7{margin-top:7px;}
.t_margin8{margin-top:8px;}
.t_margin9{margin-top:9px;}
.t_margin10{margin-top:10px;}
.t_margin11{margin-top:11px;}
.t_margin12{margin-top:12px;}
.t_margin13{margin-top:13px;}
.t_margin14{margin-top:14px;}
.t_margin15{margin-top:15px;}
.t_margin16{margin-top:16px;}
.t_margin17{margin-top:17px;}
.t_margin18{margin-top:18px;}
.t_margin19{margin-top:19px;}
.t_margin20{margin-top:20px;}
.t_margin21{margin-top:21px;}
.t_margin22{margin-top:22px;}
.t_margin23{margin-top:23px;}
.t_margin24{margin-top:24px;}
.t_margin25{margin-top:25px;}
.t_margin26{margin-top:26px;}
.t_margin27{margin-top:27px;}
.t_margin28{margin-top:28px;}
.t_margin29{margin-top:29px;}
.t_margin30{margin-top:30px;}
.t_margin31{margin-top:31px;}
.t_margin32{margin-top:32px;}
.t_margin33{margin-top:33px;}
.t_margin34{margin-top:34px;}
.t_margin35{margin-top:35px;}
.t_margin36{margin-top:36px;}
.t_margin37{margin-top:37px;}
.t_margin38{margin-top:38px;}
.t_margin39{margin-top:39px;}
.t_margin40{margin-top:40px;}
.t_margin41{margin-top:41px;}
.t_margin42{margin-top:42px;}
.t_margin43{margin-top:43px;}
.t_margin44{margin-top:44px;}
.t_margin45{margin-top:45px;}
.t_margin46{margin-top:46px;}
.t_margin47{margin-top:47px;}
.t_margin48{margin-top:48px;}
.t_margin49{margin-top:49px;}
.t_margin50{margin-top:50px;}
.t_margin100{margin-top:100px;}

/* MARGIN-LEFT관련 */
.l_margin-70{margin-left:-70px;}
.l_margin-50{margin-left:-50px;}
.l_margin-40{margin-left:-40px;}
.l_margin-35{margin-left:-35px;}
.l_margin-30{margin-left:-30px;}
.l_margin-25{margin-left:-25px;}
.l_margin-24{margin-left:-24px;}
.l_margin-23{margin-left:-23px;}
.l_margin-22{margin-left:-22px;}
.l_margin-21{margin-left:-21px;}
.l_margin-20{margin-left:-20px;}
.l_margin-19{margin-left:-19px;}
.l_margin-18{margin-left:-18px;}
.l_margin-17{margin-left:-17px;}
.l_margin-16{margin-left:-16px;}
.l_margin-15{margin-left:-15px;}
.l_margin-14{margin-left:-14px;}
.l_margin-13{margin-left:-13px;}
.l_margin-12{margin-left:-12px;}
.l_margin-11{margin-left:-11px;}
.l_margin-10{margin-left:-10px;}
.l_margin-9{margin-left:-9px;}
.l_margin-8{margin-left:-8px;}
.l_margin-7{margin-left:-7px;}
.l_margin-6{margin-left:-6px;}
.l_margin-5{margin-left:-5px;}
.l_margin-4{margin-left:-4px;}
.l_margin-3{margin-left:-3px;}
.l_margin-2{margin-left:-2px;}
.l_margin-1{margin-left:-1px;}
.l_margin0{margin-left:0px;}
.l_margin1{margin-left:1px;}
.l_margin2{margin-left:2px;}
.l_margin3{margin-left:3px;}
.l_margin4{margin-left:4px;}
.l_margin5{margin-left:5px;}
.l_margin6{margin-left:6px;}
.l_margin7{margin-left:7px;}
.l_margin8{margin-left:8px;}
.l_margin9{margin-left:9px;}
.l_margin10{margin-left:10px;}
.l_margin11{margin-left:11px;}
.l_margin12{margin-left:12px;}
.l_margin13{margin-left:13px;}
.l_margin14{margin-left:14px;}
.l_margin15{margin-left:15px;}
.l_margin16{margin-left:16px;}
.l_margin17{margin-left:17px;}
.l_margin18{margin-left:18px;}
.l_margin19{margin-left:19px;}
.l_margin20{margin-left:20px;}
.l_margin21{margin-left:21px;}
.l_margin22{margin-left:22px;}
.l_margin23{margin-left:23px;}
.l_margin24{margin-left:24px;}
.l_margin25{margin-left:25px;}
.l_margin26{margin-left:26px;}
.l_margin27{margin-left:27px;}
.l_margin28{margin-left:28px;}
.l_margin29{margin-left:29px;}
.l_margin30{margin-left:30px;}
.l_margin31{margin-left:31px;}
.l_margin32{margin-left:32px;}
.l_margin33{margin-left:33px;}
.l_margin34{margin-left:34px;}
.l_margin35{margin-left:35px;}
.l_margin36{margin-left:36px;}
.l_margin37{margin-left:37px;}
.l_margin38{margin-left:38px;}
.l_margin39{margin-left:39px;}
.l_margin40{margin-left:40px;}
.l_margin41{margin-left:41px;}
.l_margin42{margin-left:42px;}
.l_margin43{margin-left:43px;}
.l_margin44{margin-left:44px;}
.l_margin45{margin-left:45px;}
.l_margin46{margin-left:46px;}
.l_margin47{margin-left:47px;}
.l_margin48{margin-left:48px;}
.l_margin49{margin-left:49px;}
.l_margin50{margin-left:50px;}
.l_margin80{margin-left:80px;}
.l_margin85{margin-left:85px;}
.l_margin87{margin-left:87px;}
.l_margin90{margin-left:90px;}
.l_margin100{margin-left:100px;}

/* MARGIN-RIGHT관련 */
.r_margin-20{margin-right:-20px;}
.r_margin-19{margin-right:-19px;}
.r_margin-18{margin-right:-18px;}
.r_margin-17{margin-right:-17px;}
.r_margin-16{margin-right:-16px;}
.r_margin-15{margin-right:-15px;}
.r_margin-14{margin-right:-14px;}
.r_margin-13{margin-right:-13px;}
.r_margin-12{margin-right:-12px;}
.r_margin-11{margin-right:-11px;}
.r_margin-10{margin-right:-10px;}
.r_margin-9{margin-right:-9px;}
.r_margin-8{margin-right:-8px;}
.r_margin-7{margin-right:-7px;}
.r_margin-6{margin-right:-6px;}
.r_margin-5{margin-right:-5px;}
.r_margin-4{margin-right:-4px;}
.r_margin-3{margin-right:-3px;}
.r_margin-2{margin-right:-2px;}
.r_margin-1{margin-right:-1px;}
.r_margin0{margin-right:0px;}
.r_margin1{margin-right:1px;}
.r_margin2{margin-right:2px;}
.r_margin3{margin-right:3px;}
.r_margin4{margin-right:4px;}
.r_margin5{margin-right:5px;}
.r_margin6{margin-right:6px;}
.r_margin7{margin-right:7px;}
.r_margin8{margin-right:8px;}
.r_margin9{margin-right:9px;}
.r_margin10{margin-right:10px;}
.r_margin11{margin-right:11px;}
.r_margin12{margin-right:12px;}
.r_margin13{margin-right:13px;}
.r_margin14{margin-right:14px;}
.r_margin15{margin-right:15px;}
.r_margin16{margin-right:16px;}
.r_margin17{margin-right:17px;}
.r_margin18{margin-right:18px;}
.r_margin19{margin-right:19px;}
.r_margin20{margin-right:20px;}
.r_margin21{margin-right:21px;}
.r_margin22{margin-right:22px;}
.r_margin23{margin-right:23px;}
.r_margin24{margin-right:24px;}
.r_margin25{margin-right:25px;}
.r_margin26{margin-right:26px;}
.r_margin27{margin-right:27px;}
.r_margin28{margin-right:28px;}
.r_margin29{margin-right:29px;}
.r_margin30{margin-right:30px;}
.r_margin31{margin-right:31px;}
.r_margin32{margin-right:32px;}
.r_margin33{margin-right:33px;}
.r_margin34{margin-right:34px;}
.r_margin35{margin-right:35px;}
.r_margin36{margin-right:36px;}
.r_margin37{margin-right:37px;}
.r_margin38{margin-right:38px;}
.r_margin39{margin-right:39px;}
.r_margin40{margin-right:40px;}
.r_margin41{margin-right:41px;}
.r_margin42{margin-right:42px;}
.r_margin43{margin-right:43px;}
.r_margin44{margin-right:44px;}
.r_margin45{margin-right:45px;}
.r_margin46{margin-right:46px;}
.r_margin47{margin-right:47px;}
.r_margin48{margin-right:48px;}
.r_margin49{margin-right:49px;}
.r_margin50{margin-right:50px;}

/* MARGIN-BOTTOM관련 */
.b_margin-20{margin-bottom:-20px;}
.b_margin-19{margin-bottom:-19px;}
.b_margin-18{margin-bottom:-18px;}
.b_margin-17{margin-bottom:-17px;}
.b_margin-16{margin-bottom:-16px;}
.b_margin-15{margin-bottom:-15px;}
.b_margin-14{margin-bottom:-14px;}
.b_margin-13{margin-bottom:-13px;}
.b_margin-12{margin-bottom:-12px;}
.b_margin-11{margin-bottom:-11px;}
.b_margin-10{margin-bottom:-10px;}
.b_margin-9{margin-bottom:-9px;}
.b_margin-8{margin-bottom:-8px;}
.b_margin-7{margin-bottom:-7px;}
.b_margin-6{margin-bottom:-6px;}
.b_margin-5{margin-bottom:-5px;}
.b_margin-4{margin-bottom:-4px;}
.b_margin-3{margin-bottom:-3px;}
.b_margin-2{margin-bottom:-2px;}
.b_margin-1{margin-bottom:-1px;}
.b_margin-1{margin-bottom:-1px;}
.b_margin0{margin-bottom:0px;}
.b_margin1{margin-bottom:1px;}
.b_margin2{margin-bottom:2px;}
.b_margin3{margin-bottom:3px;}
.b_margin4{margin-bottom:4px;}
.b_margin5{margin-bottom:5px;}
.b_margin6{margin-bottom:6px;}
.b_margin7{margin-bottom:7px;}
.b_margin8{margin-bottom:8px;}
.b_margin9{margin-bottom:9px;}
.b_margin10{margin-bottom:10px;}
.b_margin11{margin-bottom:11px;}
.b_margin12{margin-bottom:12px;}
.b_margin13{margin-bottom:13px;}
.b_margin14{margin-bottom:14px;}
.b_margin15{margin-bottom:15px;}
.b_margin16{margin-bottom:16px;}
.b_margin17{margin-bottom:17px;}
.b_margin18{margin-bottom:18px;}
.b_margin19{margin-bottom:19px;}
.b_margin20{margin-bottom:20px;}
.b_margin21{margin-bottom:21px;}
.b_margin22{margin-bottom:22px;}
.b_margin23{margin-bottom:23px;}
.b_margin24{margin-bottom:24px;}
.b_margin25{margin-bottom:25px;}
.b_margin26{margin-bottom:26px;}
.b_margin27{margin-bottom:27px;}
.b_margin28{margin-bottom:28px;}
.b_margin29{margin-bottom:29px;}
.b_margin30{margin-bottom:30px;}
.b_margin31{margin-bottom:31px;}
.b_margin32{margin-bottom:32px;}
.b_margin33{margin-bottom:33px;}
.b_margin34{margin-bottom:34px;}
.b_margin35{margin-bottom:35px;}
.b_margin36{margin-bottom:36px;}
.b_margin37{margin-bottom:37px;}
.b_margin38{margin-bottom:38px;}
.b_margin39{margin-bottom:39px;}
.b_margin40{margin-bottom:40px;}
.b_margin41{margin-bottom:41px;}
.b_margin42{margin-bottom:42px;}
.b_margin43{margin-bottom:43px;}
.b_margin44{margin-bottom:44px;}
.b_margin45{margin-bottom:45px;}
.b_margin46{margin-bottom:46px;}
.b_margin47{margin-bottom:47px;}
.b_margin48{margin-bottom:48px;}
.b_margin49{margin-bottom:49px;}
.b_margin50{margin-bottom:50px;}

/* PADDING-TOP관련 */
.box-rpad{ padding-right:15px}
@media screen and (max-width:767px) {
    .box-rpad{ padding-right:0px}
    .t_margin12{margin-top:0px;}
}
.t_padding0{padding-top:0px;}
.t_padding1{padding-top:1px;}
.t_padding2{padding-top:2px;}
.t_padding3{padding-top:3px;}
.t_padding4{padding-top:4px;}
.t_padding5{padding-top:5px;}
.t_padding6{padding-top:6px;}
.t_padding7{padding-top:7px;}
.t_padding8{padding-top:8px;}
.t_padding9{padding-top:9px;}
.t_padding10{padding-top:10px;}
.t_padding11{padding-top:11px;}
.t_padding12{padding-top:12px;}
.t_padding13{padding-top:13px;}
.t_padding14{padding-top:14px;}
.t_padding15{padding-top:15px;}
.t_padding16{padding-top:16px;}
.t_padding17{padding-top:17px;}
.t_padding18{padding-top:18px;}
.t_padding19{padding-top:19px;}
.t_padding20{padding-top:20px;}
.t_padding21{padding-top:21px;}
.t_padding22{padding-top:22px;}
.t_padding23{padding-top:23px;}
.t_padding24{padding-top:24px;}
.t_padding25{padding-top:25px;}
.t_padding26{padding-top:26px;}
.t_padding27{padding-top:27px;}
.t_padding28{padding-top:28px;}
.t_padding29{padding-top:29px;}
.t_padding30{padding-top:30px;}
.t_padding31{padding-top:31px;}
.t_padding32{padding-top:32px;}
.t_padding33{padding-top:33px;}
.t_padding34{padding-top:34px;}
.t_padding35{padding-top:35px;}
.t_padding36{padding-top:36px;}
.t_padding37{padding-top:37px;}
.t_padding38{padding-top:38px;}
.t_padding39{padding-top:39px;}
.t_padding40{padding-top:40px;}
.t_padding41{padding-top:41px;}
.t_padding42{padding-top:42px;}
.t_padding43{padding-top:43px;}
.t_padding44{padding-top:44px;}
.t_padding45{padding-top:45px;}
.t_padding46{padding-top:46px;}
.t_padding47{padding-top:47px;}
.t_padding48{padding-top:48px;}
.t_padding49{padding-top:49px;}
.t_padding50{padding-top:50px;}

/* PADDING-LEFT관련 */
.l_padding0{padding-left:0px;}
.l_padding1{padding-left:1px;}
.l_padding2{padding-left:2px;}
.l_padding3{padding-left:3px;}
.l_padding4{padding-left:4px;}
.l_padding5{padding-left:5px;}
.l_padding6{padding-left:6px;}
.l_padding7{padding-left:7px;}
.l_padding8{padding-left:8px;}
.l_padding9{padding-left:9px;}
.l_padding10{padding-left:10px;}
.l_padding11{padding-left:11px;}
.l_padding12{padding-left:12px;}
.l_padding13{padding-left:13px;}
.l_padding14{padding-left:14px;}
.l_padding15{padding-left:15px;}
.l_padding16{padding-left:16px;}
.l_padding17{padding-left:17px;}
.l_padding18{padding-left:18px;}
.l_padding19{padding-left:19px;}
.l_padding20{padding-left:20px;}
@media screen and (max-width:767px) {
    .l_padding20{padding-left:0px;}
}
.l_padding21{padding-left:21px;}
.l_padding22{padding-left:22px;}
.l_padding23{padding-left:23px;}
.l_padding24{padding-left:24px;}
.l_padding25{padding-left:25px;}
.l_padding26{padding-left:26px;}
.l_padding27{padding-left:27px;}
.l_padding28{padding-left:28px;}
.l_padding29{padding-left:29px;}
.l_padding30{padding-left:30px;}
@media screen and (max-width:767px) {
    .l_padding30{padding-left:0px;}
}
.l_padding31{padding-left:31px;}
.l_padding32{padding-left:32px;}
.l_padding33{padding-left:33px;}
.l_padding34{padding-left:34px;}
.l_padding35{padding-left:35px;}
.l_padding36{padding-left:36px;}
.l_padding37{padding-left:37px;}
.l_padding38{padding-left:38px;}
.l_padding39{padding-left:39px;}
.l_padding40{padding-left:40px;}
.l_padding41{padding-left:41px;}
.l_padding42{padding-left:42px;}
.l_padding43{padding-left:43px;}
.l_padding44{padding-left:44px;}
.l_padding45{padding-left:45px;}
.l_padding46{padding-left:46px;}
.l_padding47{padding-left:47px;}
.l_padding48{padding-left:48px;}
.l_padding49{padding-left:49px;}
.l_padding50{padding-left:50px;}
.l_padding80{padding-left:80px;}

/* PADDING-RIGHT관련 */
.r_padding0{padding-right:0px;}
.r_padding1{padding-right:1px;}
.r_padding2{padding-right:2px;}
.r_padding3{padding-right:3px;}
.r_padding4{padding-right:4px;}
.r_padding5{padding-right:5px;}
.r_padding6{padding-right:6px;}
.r_padding7{padding-right:7px;}
.r_padding8{padding-right:8px;}
.r_padding9{padding-right:9px;}
.r_padding10{padding-right:10px;}
.r_padding11{padding-right:11px;}
.r_padding12{padding-right:12px;}
.r_padding13{padding-right:13px;}
.r_padding14{padding-right:14px;}
.r_padding15{padding-right:15px;}
.r_padding16{padding-right:16px;}
.r_padding17{padding-right:17px;}
.r_padding18{padding-right:18px;}
.r_padding19{padding-right:19px;}
.r_padding20{padding-right:20px;}
.r_padding21{padding-right:21px;}
.r_padding22{padding-right:22px;}
.r_padding23{padding-right:23px;}
.r_padding24{padding-right:24px;}
.r_padding25{padding-right:25px;}
.r_padding26{padding-right:26px;}
.r_padding27{padding-right:27px;}
.r_padding28{padding-right:28px;}
.r_padding29{padding-right:29px;}
.r_padding30{padding-right:30px;}
@media screen and (max-width:767px) {
    .r_padding20{padding-right:0px; padding-bottom:30px}
    .r_padding25{padding-right:10px}
    .r_padding30{padding-right:0px;}
}
.r_padding31{padding-right:31px;}
.r_padding32{padding-right:32px;}
.r_padding33{padding-right:33px;}
.r_padding34{padding-right:34px;}
.r_padding35{padding-right:35px;}
.r_padding36{padding-right:36px;}
.r_padding37{padding-right:37px;}
.r_padding38{padding-right:38px;}
.r_padding39{padding-right:39px;}
.r_padding40{padding-right:40px;}
.r_padding41{padding-right:41px;}
.r_padding42{padding-right:42px;}
.r_padding43{padding-right:43px;}
.r_padding44{padding-right:44px;}
.r_padding45{padding-right:45px;}
.r_padding46{padding-right:46px;}
.r_padding47{padding-right:47px;}
.r_padding48{padding-right:48px;}
.r_padding49{padding-right:49px;}
.r_padding50{padding-right:50px;}

/* PADDING-BOTTOM관련 */
.b_padding0{padding-bottom:0px;}
.b_padding1{padding-bottom:1px;}
.b_padding2{padding-bottom:2px;}
.b_padding3{padding-bottom:3px;}
.b_padding4{padding-bottom:4px;}
.b_padding5{padding-bottom:5px;}
.b_padding6{padding-bottom:6px;}
.b_padding7{padding-bottom:7px;}
.b_padding8{padding-bottom:8px;}
.b_padding9{padding-bottom:9px;}
.b_padding10{padding-bottom:10px;}
.b_padding11{padding-bottom:11px;}
.b_padding12{padding-bottom:12px;}
.b_padding13{padding-bottom:13px;}
.b_padding14{padding-bottom:14px;}
.b_padding15{padding-bottom:15px;}
.b_padding16{padding-bottom:16px;}
.b_padding17{padding-bottom:17px;}
.b_padding18{padding-bottom:18px;}
.b_padding19{padding-bottom:19px;}
.b_padding20{padding-bottom:20px;}
.b_padding21{padding-bottom:21px;}
.b_padding22{padding-bottom:22px;}
.b_padding23{padding-bottom:23px;}
.b_padding24{padding-bottom:24px;}
.b_padding25{padding-bottom:25px;}
.b_padding26{padding-bottom:26px;}
.b_padding27{padding-bottom:27px;}
.b_padding28{padding-bottom:28px;}
.b_padding29{padding-bottom:29px;}
.b_padding30{padding-bottom:30px;}
.b_padding31{padding-bottom:31px;}
.b_padding32{padding-bottom:32px;}
.b_padding33{padding-bottom:33px;}
.b_padding34{padding-bottom:34px;}
.b_padding35{padding-bottom:35px;}
.b_padding36{padding-bottom:36px;}
.b_padding37{padding-bottom:37px;}
.b_padding38{padding-bottom:38px;}
.b_padding39{padding-bottom:39px;}
.b_padding40{padding-bottom:40px;}
.b_padding41{padding-bottom:41px;}
.b_padding42{padding-bottom:42px;}
.b_padding43{padding-bottom:43px;}
.b_padding44{padding-bottom:44px;}
.b_padding45{padding-bottom:45px;}
.b_padding46{padding-bottom:46px;}
.b_padding47{padding-bottom:47px;}
.b_padding48{padding-bottom:48px;}
.b_padding49{padding-bottom:49px;}
.b_padding50{padding-bottom:50px;}