@charset "utf-8";
@import url('et-common.css');
@import url('et-contents.css');

@font-face {
    font-family: 'NotoKR';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/notokr-light.eot);
    src: url(../fonts/notokr-light.eot?#iefix) format('embedded-opentype'),
        url(../fonts/notokr-light.woff) format('woff');
}

@font-face {
    font-family: 'NotoKR';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/notokr-regular.eot);
    src: url(../fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/notokr-regular.woff) format('woff');
}

@font-face {
    font-family: 'NotoKR';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/notokr-medium.eot);
    src: url(../fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
        url(../fonts/notokr-medium.woff) format('woff');
}

@font-face {
    font-family: 'NotoKR';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/notokr-bold.eot);
    src: url(../fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
        url(../fonts/notokr-bold.woff) format('woff');
}

/* Reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
strong {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Montserrat', "NotoKR", "San-Serif";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

fieldset,
img {
    border: 0;
}

ul,
li {
    list-style: none;
}

button {
    border: 0;
    cursor: pointer;
}

table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    word-wrap: break-word;
}

button,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"],
input[type="search"],
textarea {
    resize: none;
    -webkit-appearance: button;
}

select {
    padding: 0 0.5rem;
}

a {
    text-decoration: none;
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
}

hr,
legend,
caption,
.blind {
    overflow: hidden;
    position: absolute;
    left: -624.9375rem !important;
    top: -624.9375rem !important;
}

/*caption{display:none;}*/
/* 접근성(2018-03-16)_caption인식 */
em {
    font-style: normal;
}

img {
    vertical-align: top;
}

pre {
    white-space: pre-wrap;
    color: #000;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #acb6be;
    font-weight: 400;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #acb6be;
    font-weight: 400;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #acb6be;
    font-weight: 400;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #acb6be;
    font-weight: 400;
}

.t100 {
    top: 6.25rem !important;
}

.pb100 {
    padding-bottom: 6.25rem !important;
}

/* Skip Navigation */
.skip_nav {
    font-family: dotum;
    text-align: left;
    margin: 0;
    padding: 0;
    position: absolute;
}

/*All incl Opera*/
.skip_nav {
    display: block;
}

/*Seen by IE*/
:root .skip_nav {
    display: block;
}

/*Seen by Moz, FF and Safari*/
.skip_nav a {
    position: absolute;
    left: -200em;
    width: 14em;
    padding: 0 0.5em;
    display: inline;
    text-decoration: none;
    z-index: 1000;
}

.skip_nav a:focus,
.skip_nav a:active {
    position: absolute;
    left: 0;
    padding: 0.625rem;
    border: solid #333 1px;
    color: #fff;
    background: #000;
}

.skip_nav a:hover {
    cursor: default;
}

html,
body {
    width: 100%;
    /* height:100%; */
    min-height: 100%;
}

.wrap {
    position: relative;
    width: 100%;
    /* height:100%; */
    min-height: 100%;
    overflow: hidden;
    /* Prevent horizontal scrollbar */
    word-break: keep-all;
}

.main .btn_top {
    display: none;
}

/* .wrap.main {
    background-color: #000;
} */

/* .wrap.business {background-color:#54585a;} */

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

.section {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.section .contents {
    position: absolute;
    left: 0;
    right: 0;
    width: 73.75rem;
    margin: 0 auto;
    top: 50%;
    text-align: center;
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-top: -14.6875rem;
    box-sizing: border-box;
    z-index: 5;
}

.tit_section {
    margin: 3.25rem 0 0 0;
    font-size: 3.375rem;
    color: #fff;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.tit_section strong {
    display: block;
    margin: 0 0 0 0;
    font-size: 3.375rem;
    color: #fff;
    font-weight: 500;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.txt_section {
    margin: 0.3125rem 0 0 0;
    font-size: 1.65em;
    color: #fff;
    font-weight: 300;
    line-height: 1.35em;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.tit_btn {
    text-align: center;
    display: inline-block;
    width: 22%;
    /* height:2.1875rem;*/
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.25em;
    margin-top: 2em;
    box-sizing: border-box;
    line-height: 2.6em;
    background: url(../images/btn_arrow.png) no-repeat;
    background-position: 95% center;
}

.tit_btn:hover {
    border: 1px solid #ea5142;
    color: #fff;
    background: #ea5142 url(../images/btn_arrow.png) no-repeat;
    background-position: 95% center;
}

/* //2018-06-25 */
.tit_flatform {
    display: block;
    margin: 3.4375rem 0 0 0;
    padding: 0 0 0.9375rem 0;
    font-size: 1.75rem;
    color: #fff;
    background: url(../images/main/bg_tit_flatform.png) no-repeat 50% 100%;
}

.btn_more {
    display: inline-block;
    width: 8.75rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    margin: 3.125rem 0 0 0;
    font-size: 1.125rem;
    color: #fff;
    border: 1px solid var(--primary-color);
    box-sizing: border-box;
}

.more_detail {
    position: absolute;
    left: 50%;
    width: 100%;
    /* top:50%;*/
    width: 12.5rem;
    margin: 14.6875rem 0 0 -6.25rem;
    opacity: 1;
    filter: alpha(opacity=1);
}

.more_detail.initial {
    display: none;
}

.more_detail a {
    display: none;
    width: 12.5rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    font-size: 1.125rem;
    color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.more_detail a:first-child {
    /* display:block;*/
    display: none;
}

.category_list {
    margin: 1.75rem 0 0 0;
}

.category_list li {
    display: inline-block;
    min-width: 10.625rem;
}

.category_list li a {
    display: block;
    padding: 3.125rem 0 0 0;
    font-size: 1.375rem;
    color: #fff;
}

.category_list li.home {
    display: none;
    position: absolute;
    left: 50%;
    top: 9.0625rem;
    margin-left: -6.25rem;
}

.category_list li.home a {
    padding: 0;
    /* width:12.5rem;*/
    height: 2.8125rem;
    line-height: 2.8125rem;
    font-size: 1.125rem;
    color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
}

/* .category_list li.home a.active{display:none;} */
.category_list li.flatform {
    /* width:8.4375rem;*/
}

.category_list li.flatform a {
    background: url(../images/main/bg_flatform.png) no-repeat 50% 0;
    /*padding-top:7.8125rem;*/
    white-space: nowrap;
}

.category_list li.business {
    /* width:8.4375rem;*/
    margin-left: 2.8125rem;
}

.category_list li.business a {
    background: url(../images/main/bg_business.png) no-repeat 50% 0;
    /*padding-top:7.8125rem;*/
    white-space: nowrap;
}

.category_list li.ir a {
    background: url(../images/main/bg_ir.png) no-repeat 50% 0;
}

.category_list li.about {
    /* width:8.4375rem;*/
    margin-left: 2.8125rem;
}

.category_list li.about a {
    background: url(../images/main/bg_about.png) no-repeat 50% 0;
    /*padding-top:7.8125rem;*/
    white-space: nowrap;
}

.sub_menu {
    padding: 1.875rem 0 0 0;
}

.sub_menu dt {
    display: inline-block;
    vertical-align: middle;
    width: 15rem;
    margin: 0 0 1.875rem 0;
    font-size: 1.75rem;
    color: #222;
    font-weight: 500;
}

.sub_menu dd {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1.875rem 0;
}

.sub_menu dd ul {
    margin: 0 0 0 0;
}

.sub_menu dd ul li {
    display: inline-block;
    margin-left: 0.8125rem;
}

.sub_menu dd ul li a {
    display: inline-block;
    font-size: 1.125rem;
    color: #222;
}

.footer {
    position: relative;
    /* height:10rem; */
    padding: 1.875rem 0;
    background: #54585a;
}

.footer .footer_contents {
    width: 73.75rem;
    margin: 0 auto;
    text-align: left;
}

.footer .footer_menu {
    position: relative;
    /* float:left;padding:2.5rem 0 0 5rem; */
    display: inline-block;
}

.footer .footer_menu .footer_logo {
    /* position:absolute;left:0;top:1.75rem; */
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

.footer .footer_menu .footer_logo>img {
    width: 100%;
}

.footer .agree_list li {
    display: inline-block;
    margin: 0 0 0 1.0625rem;
    padding: 0 0 0 1.125rem;
    background: url(../images/main/bar_agree_list.gif) no-repeat 0 0;
}

.footer .agree_list li:first-child {
    margin: 0;
    padding: 0;
    background: none;
}

.footer .agree_list li:first-child a {
    color: #d6c1a1;
    font-weight: 800;
}

.footer .agree_list li a {
    display: inline-block;
    font-size: 0.875rem;
    color: #fff;
}

.footer .sns_wrap {
    position: relative;
    float: right;
    padding: 2.5rem 18.125rem 1.875rem 0;
}

.footer .sns_wrap a {
    display: inline-block;
    padding: 0 0.625rem;
}

.footer .accessibility_mark {
    float: right;
    padding-top: 1.4375rem;
    width: 7.3125rem;
    height: 5.1875rem;
}

/*2018-05-29*/
.select_wrap {
    position: absolute;
    right: 2.5rem;
    top: 1.875rem;
    /*width:13.75rem;*/
    height: 2.5rem;
    background: #474b4d;
}

/*.footer .select_wrap:after{display:block;content:"";position:absolute;right:0.9375rem;top:1rem;width:0.8125rem;height:0.5625rem;background:url(../images/main/bg_select_wrap.png) no-repeat 0 0;}*/
.footer .btn_srchPubDt {
    position: absolute;
    right: 0;
    top: 1.875rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #cacaca;
    vertical-align: middle;
}

.footer .select_wrap em {
    position: absolute;
    left: 0.875rem;
    top: 0.625rem;
    display: inline-block;
    font-size: 0.9375rem;
    color: #fff;
    font-family: arial;
}

.footer .copy {
    clear: both;
    display: inline-block;
    text-align: left;
    padding: 0 0 0 0;
    border-top: 1pd solid #474b4d;
    font-size: 0.9em;
    color: #999;
}

.footer .copy>span {
    display: inline-block;
    margin-right: 1.5625rem;
    font-weight: 400;
}

.footer .copy>span>span {
    color: #ccc;
    margin-left: 0.5rem;
}

/* 
.category_list li.female a{background:url(../images/main/bg_female.png) no-repeat 50% 0;}
.category_list li.campaign a{background:url(../images/main/bg_campaign.png) no-repeat 50% 0;}
.category_list li.nation a{background:url(../images/main/bg_nation.png) no-repeat 50% 0;}
.category_list li.global a{background:url(../images/main/bg_global.png) no-repeat 50% 0;}
.category_list li.food{}
.category_list li.food a{background:url(../images/main/bg_food.png) no-repeat 50% 0;opacity:.7;}
.category_list li.food a.active{background:url(../images/main/bg_food_on.png) no-repeat 50% 0;opacity:1;}
.category_list li.distribution a{background:url(../images/main/bg_distribution.png) no-repeat 50% 0;opacity:.7;}
.category_list li.distribution a.active{background:url(../images/main/bg_distribution_on.png) no-repeat 50% 0;opacity:1;}
.category_list li.chemi a{background:url(../images/main/bg_chemi.png) no-repeat 50% 0;opacity:.7;}
.category_list li.chemi a.active{background:url(../images/main/bg_chemi_on.png) no-repeat 50% 0;opacity:1;}
.category_list li.tour a{background:url(../images/main/bg_tour.png) no-repeat 50% 0;opacity:.7;}
.category_list li.tour a.active{background:url(../images/main/bg_tour_on.png) no-repeat 50% 0;opacity:1;}
.category_list li.life a{background:url(../images/tab_visual_flatform.png) no-repeat -17.5rem 0;}
 */
.scroll {
    position: absolute;
    left: 50%;
    bottom: 2.5rem;
    width: 2.75rem;
    height: 2.5rem;
    margin-left: -1.375rem;
    z-index: 5;
}

/* 2018-01-18-2 */
.video_area {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/main/bg_section1.jpg) no-repeat 50% 0;
    background-size: cover;
}

/* 2018-05-09 */
.video_area video {
    position: absolute;
    left: 50%;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.video_area:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .3);
}

.bg_section {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bg_section img {
    width: 100%;
    height: 100%;
}

#section1 {
    opacity: 1;
    filter: alpha(opacity=100);
}

#section2,
#section3,
#section4,
#section5 {
    opacity: 0;
    filter: alpha(opacity=0);
    /*visibility:hidden;*/
}

/* 접근성(2018-01-31) */

#section1 .contents {
    margin-top: -13.3125rem;
}

#section1 .tit_section {
    /* font-size:6.25rem;*/
    font-size: 6em;
}

#section1 .category_list {
    margin: 5.8125rem 0 0 0;
}

#section1 .category_list {
    margin: 0 0 0 0;
}

#section1 .tit_section {
    margin: 2rem 0 0 0;
    /* font-size:6.25rem;*/
    font-size: 6em;
    color: #fff;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

#section1 .txt_section {
    margin: 0.3125rem 0 0 0;
}

#section1 .bg_section {
    background: url(../images/main/bg_section1.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section2 .contents {
    margin-top: -13.3125rem;
}

#section2 .tit_section {
    /* font-size:6.25rem;*/
    font-size: 6em;
}

#section2 .tit_section {
    margin: 2rem 0 0 0;
    /* font-size:6.25rem;*/
    font-size: 6em;
    color: #fff;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

#section2 .txt_section {
    margin: 0.3125rem 0 0 0;
}

#section2 .category_list {
    margin: 0 0 0 0;
}

#section2 .category_list li {
    margin: 0 0 0 5.75rem;
}

#section2 .category_list li:first-child {
    margin-left: 0;
}

#section2 .bg_section {
    background: url(../images/main/bg_section2.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section2 .slide_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
}

#section2 .slide_wrap .bx-wrapper,
#section2 .slide_wrap .bx-viewport {
    width: 100%;
    height: 100% !important;
}

#section2 .slide_wrap .bxslider,
#section2 .slide_wrap .bxslider li {
    height: 100% !important;
}

#section2 .slide_wrap .about-0 .bg_section {
    background: url(../images/main/bg_section2.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section2 .slide_wrap .about-1 .bg_section {
    background: url(../images/main/bg_section2_1.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section2 .slide_wrap .about-2 .bg_section {
    background: url(../images/main/bg_section2_2.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section2 .slide_wrap .about-3 .bg_section {
    background: url(../images/main/bg_section2_3.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section2 .category_list {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: 6.25rem;
    opacity: 1;
    filter: alpha(opacity=1);
}

#section2 .category_list li.distribution {
    margin-left: 4.375rem;
}

#section2 .category_list li.chemi {
    margin-left: 4.375rem;
}

#section2 .category_list li.tour {
    margin-left: 1.875rem;
}

#section2 .bx-controls-direction {
    display: none;
    position: absolute;
    left: 50%;
    top: 52.5rem;
    width: 6rem;
    height: 2.375rem;
    margin-left: -3rem;
    background: url(../images/main/bt_line.png) no-repeat 50% 0;
}

#section2 .bx-controls-direction .bx-prev {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.3125rem;
    width: 1.0625rem;
    height: 1.75rem;
    text-indent: -9999em;
    background: url(../images/main/bt_left.png) no-repeat 0 0;
}

#section2 .bx-controls-direction .bx-next {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0.3125rem;
    width: 1.0625rem;
    height: 1.75rem;
    text-indent: -9999em;
    background: url(../images/main/bt_next.png) no-repeat 0 0;
}

#section3 .contents {
    margin-top: -12.5rem;
}

#section3 .tit_section {
    margin: 2rem 0 0 0;
    /* font-size:6.25rem;*/
    font-size: 6em;
    color: #fff;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

#section3 .txt_section {
    margin: 0.3125rem 0 0 0;
}

#section3 .category_list {
    margin: 0 0 0 0;
}

#section3 .category_list li {
    margin: 0 0 0 5.75rem;
}

#section3 .category_list li:first-child {
    margin-left: 0;
}

#section3 .bg_section {
    background: url(../images/main/bg_section3.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section3 .slide_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
}

#section3 .slide_wrap .bx-wrapper,
#section3 .slide_wrap .bx-viewport {
    width: 100%;
    height: 100% !important;
}

#section3 .slide_wrap .bxslider,
#section3 .slide_wrap .bxslider li {
    height: 100% !important;
}

#section3 .slide_wrap .flatform-0 .bg_section {
    background: url(../images/main/bg_section3.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section3 .slide_wrap .flatform-1 .bg_section {
    background: url(../images/main/bg_section3_1.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section3 .slide_wrap .flatform-2 .bg_section {
    background: url(../images/main/bg_section3_2.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section3 .slide_wrap .flatform-3 .bg_section {
    background: url(../images/main/bg_section3_3.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section3 .category_list {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: 6.25rem;
    opacity: 1;
    filter: alpha(opacity=1);
}

#section3 .category_list li.distribution {
    margin-left: 4.375rem;
}

#section3 .category_list li.chemi {
    margin-left: 4.375rem;
}

#section3 .category_list li.tour {
    margin-left: 1.875rem;
}

#section3 .bx-controls-direction {
    display: none;
    position: absolute;
    left: 50%;
    top: 52.5rem;
    width: 6rem;
    height: 2.375rem;
    margin-left: -3rem;
    background: url(../images/main/bt_line.png) no-repeat 50% 0;
}

#section3 .bx-controls-direction .bx-prev {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.3125rem;
    width: 1.0625rem;
    height: 1.75rem;
    text-indent: -9999em;
    background: url(../images/main/bt_left.png) no-repeat 0 0;
}

#section3 .bx-controls-direction .bx-next {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0.3125rem;
    width: 1.0625rem;
    height: 1.75rem;
    text-indent: -9999em;
    background: url(../images/main/bt_next.png) no-repeat 0 0;
}

#section4 .fp-tableCell {
    vertical-align: middle;
    padding: 0 0 0 0;
    box-sizing: border-box;
}

#section4 .txt_wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
    margin-top: -15.625rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/* 접근성(2018-01-19)_main */
#section4 .tit_logo {}

#section4 .tit_section {
    margin: 3.125rem 0 0 0;
    /* font-size:6.25rem;*/
    font-size: 6em;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

#section4 .txt_section {
    margin: 0.9375rem 0 0 0;
}

#section4 .about_list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2;
}

#section4 .about_list li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

/* 접근성(2018-01-31) */
#section4 .about_list li.default {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

/* 접근성(2018-01-31) */
#section4 .about_list li.default .bg_section {
    background: url(../images/main/bg_section4.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section4 .about_list li.coupon .bg_section {
    background: url(../images/main/bg_coupon.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section4 .about_list li.culture .bg_section {
    background: url(../images/main/bg_culture.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section4 .about_list li.life .bg_section {
    background: url(../images/main/bg_life.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section4 .about_list li.vacation .bg_section {
    background: url(../images/main/bg_vacation.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section4 .about_list li.biz .bg_section {
    background: url(../images/main/bg_biz.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section4 .about_list li .txt_about {
    /*visibility:hidden;*/
}

/* 접근성(2018-01-31) */
#section4 .about_list .txt_section {
    position: relative;
    top: 25.5rem;
    margin: 0;
    z-index: 3;
}

#section4 .txt_section02 {
    position: relative;
    top: 11.25rem;
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.6em;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

#section4 .btn_more {
    position: relative;
    top: 14.375rem;
    margin: 0;
}

#section4 .bg_section {
    background: url(../images/main/bg_section4.jpg) no-repeat 50% 0;
    background-size: cover;
}

#section4 .tit_section {
    margin: 0 0 0 0;
    /* font-size:6.25rem;*/
    font-size: 6em;
    color: #fff;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

#section4 .txt_section {
    margin: 0.3125rem 0 0 0;
}

#section4 .category_list {
    margin: 0 0 0 0;
}

#section4 .category_list li {
    margin: 0 0 0 5.75rem;
}

#section4 .category_list li:first-child {
    margin-left: 0;
}

#section5 {
    padding: 3.125rem 0 0 0;
    background: #f4f4f4;
    z-index: 50;
    box-sizing: border-box;
}

#section5.view {
    opacity: 1;
    filter: alpha(opacity=100);
}

#section5 .fp-tableCell {
    vertical-align: bottom;
}

.btn_main {
    text-align: center;
}

.btn_main a {
    display: inline-block;
    width: 12.5rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    margin: 10.625rem 0 0 0;
    font-size: 1.125rem;
    color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
}

/* 2018-03-07 */
#fp-nav {
    position: fixed;
    left: 12.5%;
    top: 15rem;
    width: 11.25rem;
    margin-left: 1.25rem;
    z-index: 30;
}

#fp-nav li {
    position: relative;
    margin: 1.6875rem 0 0 0;
}

#fp-nav li:first-child {
    margin-top: 0;
}

#fp-nav li a {
    display: block;
}

#fp-nav li a span {
    display: inline-block;
    width: 0.9375rem;
    height: 0.9375rem;
    background: url(../images/main/img_nav.png) no-repeat 0 0;
    text-indent: -624.9375rem;
    overflow: hidden;
}

/* 접근성(2018-04-20)_대체텍스트제공 */
#fp-nav li a.active span {
    background: none;
}

#fp-nav li a.active:after {
    display: block;
    content: "";
    width: 21.875rem;
    height: 1px;
    position: absolute;
    left: -22.5rem;
    top: 50%;
    background: url(../images/main/bg_nav_line.png) repeat-x 0 0;
}

#fp-nav li a+.fp-tooltip {
    display: none !important;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.125rem;
    color: #fff;
    cursor: pointer;
}

#fp-nav li a.active+.fp-tooltip {
    display: block !important;
}

#fp-nav li.last {
    display: none;
}

#fp-nav li a.on span {
    background: none;
}

#fp-nav li a.on:after {
    display: block;
    content: "";
    width: 21.875rem;
    height: 1px;
    position: absolute;
    left: -22.5rem;
    top: 50%;
    background: url(../images/main/bg_nav_line.png) repeat-x 0 0;
}

#fp-nav li a.on+.fp-tooltip {
    display: block;
}

#fp-nav li a.active.on span {
    background: none;
}

#fp-nav li a.active.on:after {
    display: block;
    content: "";
    width: 21.875rem;
    height: 1px;
    position: absolute;
    left: -22.5rem;
    top: 50%;
    background: url(../images/main/bg_nav_line.png) repeat-x 0 0;
}

#fp-nav li a.active.on+.fp-tooltip {
    display: block;
}

#fp-nav li a.over span {
    background: none;
}

#fp-nav li a.over+.fp-tooltip {
    display: block !important;
}

/* 2018-03-07 end*/

/* low */
.low .tit_section {
    margin-top: 1.5625rem;
}

.low .txt_section {
    margin-top: 0.75rem;
}

.low #section1 .contents {
    margin-top: -12.375rem;
}

.low #section1 .category_list {
    margin-top: 2.125rem;
}

.low #section2 .contents {
    margin-top: -11.8125rem;
}

.low #section2 .category_list {
    margin-top: 2.8125rem;
}

.low #section3 .contents {
    margin-top: -10.625rem;
}

.low .category_list li.home {
    top: 7.8125rem
}

.low .more_detail {
    margin-top: 17.1875rem
}

.low #section4 .txt_wrap {
    margin-top: -12.5rem;
}

.low #section4 .fp-tableCell {
    padding-top: 7.5rem;
}

.low #section4 .tit_section {
    margin-top: 1.25rem;
    line-height: 1em;
}

.low #section4 .txt_section {
    margin-top: 0;
}

.low #section4 .txt_section02 {
    top: 11.875rem;
}

.low .txt_about {
    margin-top: 0.625rem;
}

.low #section4 .btn_more {
    top: 12.5rem;
}

.low #section5 {
    padding-top: 1.25rem;
}

.low #section5 .fp-tableCell {
    vertical-align: bottom;
}

.low .view_lotte {
    padding-bottom: 1.875rem;
}

.low .view_lotte li {
    overflow: hidden;
    height: 23.125rem;
}

.low .view_lotte li a {
    padding-top: 7.5rem;
    height: 100%;
}

.low .scroll {
    bottom: 1.25rem;
}

.low .tab_about a {
    position: absolute;
    left: 50%;
    top: 2.3125rem;
    overflow: hidden;
    width: 7.875rem;
    height: 7.875rem;
    border-radius: 3.9375rem;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 200;
    background: #54585a;
    z-index: 5;
}

.low .tab_about a.about01 {
    margin-left: -17.5rem;
}

.low .tab_about a.about02 {
    margin-left: -3.9375rem;
}

.low .tab_about a.about02.on {
    top: 1.5625rem;
    width: 9.375rem;
    height: 9.375rem;
    margin-left: -4.6875rem;
    font-size: 1.5rem;
    color: #fff;
    border-radius: 5rem;
    background: #da291c;
}

.low .tab_about a.about03 {
    margin-left: 10rem;
}

.business.low .section .contents {
    padding-left: 19.375rem;
}

.fp-slide {
    float: left;
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-next {}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.dim {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    /* background:url(../images/main/bg_menu.png) repeat 0 0; */
}

.dim.on {
    display: block !important;
}

.dim2 {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    /* background:url(../images/main/bg_menu.png) repeat 0 0; */
}

.dim2.on {
    display: block;
}

.select_wrap {}

.select_wrap select {
    font-size: 1rem;
    width: 100%;
    height: 2.5rem;
    color: #252525;
    border: 1px solid #b6b6b6;
    padding: 0;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url("../images/bg_select_arrow.png") 100% 50% no-repeat;
    text-indent: 0.3125rem;
}

/* 2018-06-12 */
select::-ms-expand {
    display: none;
}

.select_wrap select option {
    width: 100%;
    font-size: 0.875rem;
    color: #000;
}

.select_wrap .select_txt {
    position: absolute;
    left: 0.9375rem;
    top: 0.625rem;
    font-size: 0.875rem;
    color: #fff;
}

.txt_about {
    position: relative;
    top: 50%;
    height: 21.875rem;
    z-index: 5;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-top: 2.1875rem;
}

/* 접근성(2018-01-31) */
.tab_about {
    text-align: center;
    min-height: 7.5rem;
    margin-top: 2.1875rem;
}

.tab_about:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 6.25rem;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0, 4);
    z-index: 1;
}

.tab_about a {
    text-align: center;
    display: table;
    position: absolute;
    left: 50%;
    top: 7.5rem;
    overflow: hidden;
    width: 8.75rem;
    height: 8.75rem;
    border-radius: 50%;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 200;
    /* background:#54585a;*/
    background: rgba(0, 0, 0, 0.55);
    z-index: 5;
}

.tab_about a.about01 {
    margin-left: -17.5rem;
}

.tab_about a.about02 {
    margin-left: -3.9375rem;
}

.tab_about a.about02.on {
    top: 6.25rem;
    width: 11.25rem;
    height: 11.25rem;
    margin-left: -5.625rem;
    font-size: 1.8em;
    color: #fff;
    border-radius: 5.625rem;
    background: #da291c;
}

.tab_about a.about03 {
    margin-left: 10rem;
}

.tab_about a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.default .tab_about a.about01 {
    margin-left: -25.625rem;
}

.default .tab_about a.about02 {
    margin-left: -15rem;
}

.default .tab_about a.about03 {
    margin-left: -4.375rem;
}

.default .tab_about a.about04 {
    margin-left: 6.25rem;
}

.default .tab_about a.about05 {
    margin-left: 16.875rem;
}

.view_lotte {
    width: 73.75rem;
    margin: 0 auto;
    padding: 0 0 4.375rem 0;
}

.view_lotte:after {
    display: block;
    content: "";
    clear: both;
}

.view_lotte li {
    float: left;
    width: 23.75rem;
    height: 30rem;
    margin-left: 1.25rem;
    text-align: left;
}

.view_lotte li:first-child {
    margin-left: 0;
}

.view_lotte li a {
    position: relative;
    top: 1.25rem;
    display: block;
    width: 23.75rem;
    height: 30rem;
    padding: 18.75rem 0 0 2.5rem;
    box-sizing: border-box;
    /*opacity:0;filter:alpha(opacity=0);*/
}

/* 접근성(2018-01-31) */
.view_lotte li a:after {
    display: block;
    content: "";
    position: absolute;
    left: 2.5rem;
    bottom: 1.875rem;
    width: 3.1875rem;
    height: 2.1875rem;
    background: url(../images/main/bg_view_arrow.png) no-repeat 0 0;
}

.view_lotte li a strong {
    display: block;
    height: 3.75rem;
    font-size: 2.625rem;
    color: #fff;
    font-weight: 500;
}

.view_lotte li a p {
    font-size: 1.375rem;
    color: #fff;
    line-height: 1.4em;
    font-weight: 200;
}

.view_lotte li.pr a {
    background: url(../images/main/bg_view01.jpg) no-repeat 0 0;
}

.view_lotte li.ir a {
    background: url(../images/main/bg_view02.jpg) no-repeat 0 0;
}

.view_lotte li.ethics a {
    background: url(../images/main/bg_view03.jpg) no-repeat 0 0;
}

.view_lotte li.ethics a strong {
    font-size: 2.375rem;
    letter-spacing: -1px;
}

.btn_top {
    position: fixed;
    right: 0;
    bottom: 3rem;
    /* margin-right: 3rem; */
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease-out;
}

.btn_top.on {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* a.btn_top {
    display: block;
} */

/* about */
.page_about .visual {
    height: 41.25rem;
    background: url(../images/visual_about.png) no-repeat 50% 0;
    background-size: cover;
}

.page_about .inbox {
    width: 73.75rem;
    margin: 0 auto;
}

.page_about .visual .inbox {
    text-align: center;
    padding-top: 13.125rem;
}

/* .page_about .visual .inbox .p_tit {
    color: #fff;
    font-size:6.25rem;
    font-size: 6em;
    margin-top: 1.875rem;
    font-weight: 500;
} */

.page_about .visual .inbox .p_tx {
    color: #fff;
    font-size: 1.375rem;
    line-height: 2.125rem;
    margin-top: 1.25rem;
    font-weight: 500;
}

.page_about .section.sec01 .inbox {
    padding: 5.625rem 0 0;
    text-align: center;
}

.page_about .section.sec02 .inbox {
    /* padding:5.625rem 0 0;*/
    text-align: center;
    /* border-top:1px solid #999;*/
}

.page_tab {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    margin-top: -3.75rem;
    width: 100%;
}

.page_tab li {
    display: table-cell;
    background-color: #da291c;
    opacity: .8;
}

.page_tab li:first-child {}

.page_tab li:first-child a {
    border-left: 0;
}

.page_tab li a {
    display: block;
    line-height: 3.75rem;
    color: #fff;
    text-align: center;
    font-size: 1.375rem;
    border-left: 1px solid #dd857d;
}

.page_tab li.on {
    background-color: #fff;
    opacity: 1;
}

.page_tab li.on a {
    color: #da291c;
    border-left: 0;
}

.mission_p .section {
    padding: 0 0 5.625rem;
    text-align: center;
}

.mission_p .section.sec02 {
    background-color: #f8f8f8;
    padding: 6.875rem 0;
}

.mission_p .sec01 .tit_deco {
    position: relative;
    display: inline-block;
    font-size: 2.25rem;
    font-weight: bold;
    color: #000;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #f66;
}

.mission_p .sec01 .tit_deco:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    display: block;
    width: 1.125rem;
    height: 0.5625rem;
    background: url(../images/tit_deco.png) no-repeat 50% 0;
    margin-left: -0.5rem;
}

.mission_p .sec01 .tx_ko {
    font-size: 2em;
    line-height: 1.5em;
    font-weight: normal;
    margin-top: 3.125rem
}

.mission_p .sec01 .tx_ko strong {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 800;
}

.mission_p .sec01 .tx_en {
    margin-top: 0.9375rem !important;
    font-size: 2.8125rem;
    color: #444;
    line-height: 1.2em;
    font-weight: 400;
    margin-top: 0.3125rem;
}

.mission_p .sec02 .tit {
    font-size: 2.875rem;
    color: #da291c;
}

.mission_p .sec02 .tx_ko {
    font-size: 1.6em;
    color: #555;
    line-height: 1.6em;
    /* margin-top:0.625rem;*/
    font-weight: 300;
}

.mission_p .sec02 .mission3 {
    overflow: hidden;
    padding-top: 4.25rem;
    margin-top: 3.125rem;
    border-top: 1px solid #e1e1e1;
}

.mission_p .sec02 .mission3 li {
    float: left;
    width: 24.5625rem;
    padding-top: 18.125rem;
    text-align: center
}

.mission_p .sec02 .mission3 li.mission01 {
    width: 24.625rem;
    background: url(../images/mission3_01.png) no-repeat 50% 0
}

.mission_p .sec02 .mission3 li.mission02 {
    background: url(../images/mission3_02.png) no-repeat 50% 0
}

.mission_p .sec02 .mission3 li.mission03 {
    background: url(../images/mission3_03.png) no-repeat 50% 0
}

.mission_p .sec02 .mission3 li strong {
    display: block;
    font-size: 2.5rem;
    font-weight: 800;
    color: #222;
}

.mission_p .sec02 .mission3 li span {
    display: block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #da291c;
}

.mission_p .sec02 .mission3 li p {
    font-size: 1rem;
    color: #222;
    line-height: 1.5rem;
    margin-top: 1.25rem;
}

.value_p .section {
    padding: 5.625rem 0 3.75rem;
    text-align: center;
}

.value_p .section.sec02 {
    background-color: #f8f8f8;
    padding: 5.625rem 0;
}

.tit_deco {
    position: relative;
    display: inline-block;
    font-size: 2.25rem;
    font-weight: bold;
    color: #000;
    padding: 0 1.25rem 0.4375rem;
    border-bottom: 1px solid #f66;
}

.tit_deco:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    display: block;
    width: 1.125rem;
    height: 0.5625rem;
    background: url(../images/tit_deco.png) no-repeat 50% 0;
    margin-left: -0.5rem;
}

.value_p .sec02 .tx_ko {
    font-size: 1.625rem;
    line-height: 2.75rem;
    font-weight: 500;
    margin: 1.875rem 0 5.625rem 0;
}

.value_p .sec02 .tx_img {}

.value_p .sec02 .def {
    border-top: 1px solid #bfbfbf;
    padding: 4.375rem 0 0 0;
}

.value_p .sec02 .tt_jus {
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 800;
    color: #da291c;
}

.value_p .sec02 .tx_jus {
    font-size: 1.25rem;
    font-weight: 800;
    color: #222;
    margin-top: 1.25rem;
}

.value_p .sec02 .def_box {}

.value_p .sec02 .def .def_box .s_tit {
    position: relative;
    font-size: 2.5rem;
    color: #da291c;
    font-weight: 800;
    padding-bottom: 1.25rem;
}

.value_p .sec02 .def .def_box .s_tit:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1.875rem;
    height: 0.125rem;
    background-color: #959595;
    margin-left: -0.9375rem;
}

.value_p .sec02 .def .def_tt {
    position: relative;
    font-size: 2.875rem;
    padding-bottom: 0.625rem;
    font-weight: 500;
    margin-bottom: 3.75rem;
}

.value_p .sec02 .def .def_tt:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 3.75rem;
    height: 0.125rem;
    background-color: #da291c;
    margin-left: -1.875rem;
}

.value_p .sec02 .def .def_box {
    margin-top: 3.125rem;
}

.value_p .sec02 .def .def_box .def_list {
    overflow: hidden;
    margin: 1.5625rem 0 2.5rem 0;
}

.value_p .sec02 .def .def_box .def_list li {
    float: left;
    width: 22.5rem;
    padding-left: 3.125rem;
    background: url(../images/ico_garr.png) no-repeat 1.25rem 50%;
}

.value_p .sec02 .def .def_box .def_list li:first-child {
    padding-left: 0;
    ;
    background-image: none;
}

.value_p .sec02 .def .def_box .def_list li dl {}

.value_p .sec02 .def .def_box .def_list li dl dt {
    display: block;
    height: 3.125rem;
    line-height: 3.125rem;
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #000;
}

.value_p .sec02 .def .def_box .def_list li dl dd {
    margin-top: 0.3125rem;
    display: table;
    width: 22.5rem;
    height: 8.125rem;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
}

.value_p .sec02 .def .def_box .def_list li dl dd p {
    display: table-cell;
    line-height: 1.75rem;
    font-size: 1.125rem;
    color: #000;
    vertical-align: middle;
}

.vision_p .section {
    padding: 5.625rem 0 0 0;
    text-align: center;
}

.vision_p .section.sec02 {
    background-color: #f8f8f8;
    padding: 6.875rem 0;
}

.vision_p .sec01 .tit_deco {
    position: relative;
    display: inline-block;
    font-size: 2.25rem;
    font-weight: bold;
    color: #000;
    padding-bottom: 0.4375rem;
    border-bottom: 1px solid #f66;
}

.vision_p .sec01 .tit_deco:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    display: block;
    width: 1.125rem;
    height: 0.5625rem;
    background: url(../images/tit_deco.png) no-repeat 50% 0;
    margin-left: -0.5rem;
}

.vision_p .tab_style {
    margin-top: 2.5rem;
    padding-bottom: 3.75rem;
}

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

.vision_p .tab_style.col4 li {
    position: relative;
    width: 25%;
    float: left;
    text-align: center;
    background: url(../images/blt_bar.gif) no-repeat left 0 bottom 0.3125rem;
}

.vision_p .tab_style.col4 li:first-child {
    background-image: none;
}

.vision_p .tab_style.col4 li a {
    display: block;
}

.vision_p .tab_style.col4 li span {
    display: inline-block;
    color: #222;
    font-size: 1.625rem;
    font-weight: 500;
    padding-top: 1.25rem;
}

.vision_p .tab_style.col4 li.on span {
    position: relative;
    display: inline-block;
    color: #da291c;
}

.vision_p .tab_style.col4 li.on span:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: 7.125rem;
    height: 0.25rem;
    background: #da291c;
    margin-left: -3.5625rem;
}

.vision_p .tab_style.col4 li:hover span {
    position: relative;
    display: inline-block;
    color: #da291c;
    font-size: 1.625rem;
    font-weight: 500;
    padding-top: 1.25rem;
}

.vision_p .tab_style.col4 li:hover span:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: 7.125rem;
    height: 0.25rem;
    background: #da291c;
    margin-left: -3.5625rem;
}

/* 접근성(2018-01-19)_about// */
.vision_p .tab_style li .tab_layer {
    display: none;
    position: absolute;
    left: 0;
    top: 5rem;
    width: 100%;
    padding: 1.875rem 0;
    border-top: 1px solid #d9d9d9;
    background: #f2f2f2;
    z-index: 10;
}

.vision_p .tab_style li .tab_layer li {
    text-align: left;
    float: none;
    width: 100%;
    margin-top: 0.9375rem;
    padding-left: 2.5rem;
    font-size: 1rem;
    color: #555;
    box-sizing: border-box;
}

.vision_p .tab_style li .tab_layer li:first-child {
    margin-top: 0;
}

.vision_p .tab_style li:hover .tab_layer {
    display: block;
}

/* //접근성(2018-01-19)_about */
.vision_p .tab_group .tab_box {
    display: none;
    padding-top: 6.875rem;
}

.vision_p .tab_group .tab_box .tb_tit {
    position: relative;
    font-size: 2.75rem;
    padding-bottom: 1.25rem;
    font-weight: 500;
}

.vision_p .tab_group .tab_box .tb_tit:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 3.75rem;
    height: 0.125rem;
    background-color: #da291c;
    margin-left: -1.875rem;
}

.vision_p .tab_group .tab_box .tb_tit span {
    font-size: 2rem;
    color: #222;
    font-weight: normal;
}

.vision_p .tab_group .tab_box01 {
    background: #f8f8f8 url(../images/vision01_bg.png) no-repeat 50% 0;
    height: 53rem;
    box-sizing: border-box;
}

.vision_p .tab_group .tab_box01 .tx_img {
    margin-top: 6.25rem;
    margin-bottom: 3.75rem;
}

.vision_p .tab_group .tab_box01 .v_tx {
    border-top: 1px solid #e1e1e1;
    padding-top: 3.75rem;
}

.vision_p .tab_group .tab_box01 .v_tx h5 {
    font-size: 2.25rem;
    color: #222;
    font-weight: 500;
}

.vision_p .tab_group .tab_box01 .v_tx p {
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #222;
    font-weight: 500;
    margin-top: 1.25rem;
    letter-spacing: -1px
}

.vision_p .tab_group .tab_box02 .v_guideline {
    margin-top: 3.75rem;
}

.vision_p .v_guideline li .tx_box {
    padding: 2.1875rem;
    text-align: left;
    background-color: #fff;
    box-sizing: border-box;
}

.vision_p .v_guideline li.v_guideline01 {
    background: url(../images/vision0201.png) no-repeat 0 0;
    padding: 9.375rem 0 0 0;
}

.vision_p .v_guideline li.v_guideline01 .tx_box {
    float: right;
}

.vision_p .v_guideline li.v_guideline02 {
    background: url(../images/vision0202.png) no-repeat 100% 0;
    padding: 23.125rem 0 0 10rem;
}

.vision_p .v_guideline li.v_guideline02 .tx_box {
    float: left;
    padding-right: 1.5625rem;
}

.vision_p .v_guideline li.v_guideline03 {
    background: url(../images/vision0203.png) no-repeat 0 0;
    padding: 13.75rem 13.75rem 0 0;
}

.vision_p .v_guideline li.v_guideline03 .tx_box {
    float: right;
}

.vision_p .v_guideline li.v_guideline04 {
    background: url(../images/vision0204.png) no-repeat 100% 0;
    padding: 15.625rem 0 6.25rem 5rem;
}

.vision_p .v_guideline li.v_guideline04 .tx_box {
    float: left;
    padding-right: 5rem;
}

.vision_p .tab_group .tab_box02 .v_guideline li {
    overflow: hidden;
}

.vision_p .tab_group .tab_box02 .v_guideline li+li {
    margin-top: 2.5rem;
}

.vision_p .v_guideline li .tx_box h5 {
    position: relative;
    font-size: 1.9375rem;
    color: #222;
    font-weight: 800;
    padding-bottom: 1.25rem;
}

.vision_p .v_guideline li .tx_box h5:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.875rem;
    height: 1px;
    background-color: #999;
}

.vision_p .v_guideline li .tx_box p {
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #606060;
}

.vision_p .v_guideline li .tx_box p strong {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #222;
    font-weight: 800;
    padding-bottom: 0.3125rem;
}

.vision_p .tab_group .tab_box03 {
    background-color: #f8f8f8;
    padding-bottom: 6.25rem;
}

.vision_p .tab_group .tab_box03 .tx_bg {
    background: url(../images/busi_po_bg.png) no-repeat 50% 0;
    width: 100%;
    height: 20.625rem;
    display: table;
    margin-top: 2.5rem;
}

.vision_p .tab_group .tab_box03 .tx_bg div {
    display: table-cell;
    vertical-align: middle;
}

.vision_p .tab_group .tab_box03 .tx_bg div strong {
    font-size: 2.125rem;
    color: #fff;
    font-weight: 500;
    padding-bottom: 1.25rem;
    display: block;
}

.vision_p .tab_group .tab_box03 .tx_bg div p {
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    line-height: 1.5rem;
}

.vision_p .tab_group .tab_box03 .busi_po {
    overflow: hidden;
    margin: 3.9375rem 0 0 -3rem;
    height: 29.375rem;
}

.vision_p .tab_group .tab_box03 .busi_po li {
    float: left;
    margin-left: 2.9375rem;
    width: 16.25rem;
    text-align: center;
    padding-top: 14.375rem;
}

.vision_p .tab_group .tab_box03 .busi_po li.busi_po01 {
    background: url(../images/busi_po01.png) no-repeat 50% 0
}

.vision_p .tab_group .tab_box03 .busi_po li.busi_po02 {
    background: url(../images/busi_po02.png) no-repeat 50% 0
}

.vision_p .tab_group .tab_box03 .busi_po li.busi_po03 {
    background: url(../images/busi_po03.png) no-repeat 50% 0
}

.vision_p .tab_group .tab_box03 .busi_po li.busi_po04 {
    background: url(../images/busi_po04.png) no-repeat 50% 0
}

.vision_p .tab_group .tab_box03 .busi_po li h5 {
    width: 15rem;
    margin: 0 auto;
    font-size: 2.25rem;
    color: #222;
    font-weight: 800;
    padding: 0.9375rem 0;
    border-bottom: 1px solid #e0dedb;
}

.vision_p .tab_group .tab_box03 .busi_po li p {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: #222;
    padding: 1.25rem 0;
    letter-spacing: -1px
}

.vision_p .tab_group .tab_box04 {
    background-color: #f8f8f8;
    padding-bottom: 6.25rem;
}

.vision_p .tab_group .tab_box04 .brand_val {
    position: relative;
    margin-top: 3.125rem;
    font-size: 0;
    text-align: center;
}

.vision_p .tab_group .tab_box04 .brand_val>li {
    display: inline-block;
    width: 21.25rem;
    padding-top: 15.3125rem;
    margin-left: 3.125rem;
    vertical-align: top;
}

.vision_p .tab_group .tab_box04 .brand_val>li:first-child {
    margin-left: 0;
}

.vision_p .tab_group .tab_box04 .brand_val>li.brand_val01 {
    background: url(../images/brand_val.png) no-repeat 50% 0
}

.vision_p .tab_group .tab_box04 .brand_val>li.brand_val02 {
    background: url(../images/brand_val2.png) no-repeat 50% 0
}

.vision_p .tab_group .tab_box04 .brand_val>li.brand_val03 {
    background: url(../images/brand_val3.png) no-repeat 50% 0
}

.vision_p .tab_group .tab_box04 .brand_val>li h5 {
    padding-bottom: 0.875rem;
    font-size: 2.25rem;
    font-weight: 700;
    color: #222;
    border-bottom: 1px solid #e0dedb;
}

.vision_p .tab_group .tab_box04 .brand_val>li ul {
    display: inline-block;
    margin-top: 1.4375rem;
    vertical-align: top;
}

.vision_p .tab_group .tab_box04 .brand_val>li ul li {
    font-size: 0.9375rem;
    text-align: left;
    line-height: 1.5rem;
    font-weight: 500;
    color: #222;
    letter-spacing: -1px
}

.vision_p .tab_group.culture .tab_box04 {
    background-color: #fff;
}

.vision_p .culture_txt {
    position: absolute;
    left: 50%;
    top: 25.9375rem;
    text-align: left;
    width: 37.5rem;
    min-height: 13.125rem;
    margin-left: -26.875rem;
    padding: 2.5rem 0 2.5rem 2.5rem;
    font-size: 1.0625rem;
    color: #606060;
    line-height: 1.5em;
    box-sizing: border-box;
    z-index: 1;
    background: #fff;
}

.vision_p .culture_txt strong {
    position: relative;
    display: block;
    margin-bottom: 1.25rem;
    padding: 0 0 1.25rem 0;
    font-size: 1.9375rem;
    color: #222;
    line-height: 1.3em;
    font-weight: 600;
}

.vision_p .culture_txt strong:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.875rem;
    height: 1px;
    background-color: #959595;
}

.vision_p .tab_group.culture .tab_box01 {
    height: auto;
    background: none;
}

.vision_p .tab_group.culture .tab_box03 {
    background: none;
}

.vision_p .tab_group.culture .flatform_slide {
    position: relative;
    margin: 5rem 0 12.5rem 0;
}

.culture .flatform_slide .owl-nav {
    margin-left: 32.375rem;
}

/*2018-06-27*/
.culture_frame {
    margin: 5rem 0 0 0;
    background: #f8f8f8;
}

/*2018-07-04*/
.frame_organization {
    text-align: right;
    width: 63.75rem;
    margin: 0 auto;
}

/*2018-07-04*/
.tit_gray {
    position: relative;
    margin-bottom: 6.25rem;
    padding: 6.25rem 0 1.5625rem 0;
    font-size: 2rem;
    color: #222;
}

/*2018-07-04*/
.tit_gray strong {
    font-size: 2rem;
    color: #da291c;
}

.tit_gray:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1.875rem;
    height: 1px;
    margin-left: -0.9375rem;
    background-color: #959595;
}

.winner_view {
    overflow: hidden;
    width: 73.75rem;
    margin: 6.25rem auto 0;
    padding-bottom: 5rem;
}

.winner_view .tit_winner {
    text-align: left;
    float: left;
    width: 20rem;
}

.winner_view .tit_winner p {
    position: relative;
    padding: 0 0 0.625rem 0;
    font-size: 2.25rem;
    color: #000;
    font-weight: 500;
}

.winner_view .tit_winner p:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.875rem;
    height: 0.125rem;
    background-color: #da291c;
}

.winner_view .tit_winner span {
    display: block;
    margin: 1.25rem 0 0 0;
    font-size: 1.375rem;
    color: #626262;
}

.winner_view .winner_slide {
    float: right;
    width: 48.75rem;
}

.winner_view .common_style .bx-controls {
    min-width: 13.75rem;
}

.visual_list {
    width: 73.75rem;
    margin: 5rem auto 0 auto;
}

.visual_list li {
    position: relative;
    padding: 15.625rem 0 5rem 43.75rem;
    font-size: 1.2em;
    font-weight: 400;
}

.visual_list li .culture_visual {
    /* position:absolute;left:0;top:0;*/
    display: inline-block;
    vertical-align: top;
    width: 50%;
    ;
    max-width: 36.25rem
}

.visual_list li .culture_visual>img {
    width: 100%;
    max-width: 37.5rem;
}

.visual_list li:nth-child(2n) {
    padding: 21.25rem 0 5rem 1.25rem;
}

.visual_list li:nth-child(2n) .culture_visual {
    left: 13.75rem;
}

.visual_list li strong {
    position: relative;
    display: block;
    margin-bottom: 1.25rem;
    padding: 0 0 1.25rem 0;
    font-size: 1.82em;
    color: #222;
    line-height: 1.3em;
    /* font-weight:600;*/
}

.visual_list li strong:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.875rem;
    height: 1px;
    background-color: #959595;
}

.visual_list li p {
    position: relative;
    text-align: left;
    width: 37.5rem;
    min-height: 13.125rem;
    padding: 0;
    color: #606060;
    line-height: 1.4em;
    box-sizing: border-box;
    z-index: 1;
    background: #fff;
}

.visual_list.type2 li {
    padding: 18.125rem 0 3.75rem 37.5rem;
}

.visual_list.type2 li:nth-child(2n) {
    padding: 20.625rem 0 5rem 0;
}

.visual_list.type2 li:nth-child(2n) .culture_visual {
    left: 23.125rem;
}

.visual_list.type2 li:nth-child(2n) p {
    padding-left: 9.375rem;
}

.culture .visual_list.type2 li:nth-child(2n) p {
    width: 27.1875rem;
    padding-left: 5.625rem;
}

.visual_list.type2 li strong {
    padding-bottom: 0;
    font-size: 1.5rem;
    color: #222;
    font-weight: 300;
}

.visual_list.type2 li strong:after {
    display: none;
}

.visual_list.type2 li .line strong {
    position: relative;
    display: block;
    margin-bottom: 1.25rem;
    padding: 0 0 1.25rem 0;
    font-size: 1.9375rem;
    color: #222;
    line-height: 1.3em;
    font-weight: 600;
}

.visual_list.type2 li .line strong:after {
    display: block;
}

.visual_list.type2 li strong em {
    font-weight: 600;
}

.visual_list.type2 li p {
    padding: 2.8125rem 0 2.5rem 2.5rem;
}

.visual_list.type2 li p span {
    font-size: 1.5rem;
    color: #da291c;
}

.visual_list.type3 li {
    margin-top: 3.75rem;
    padding: 22.5rem 0 0 31.875rem
}

.visual_list.type3 li:first-child {
    margin-top: 0;
}

.visual_list.type3 li:nth-child(2n) {
    padding: 22.5rem 0 0 4.375rem
}

.visual_list.type3 li p {
    font-size: 1.125rem;
    color: #222;
    line-height: 1.6em;
}

.visual_list.type3 li p strong {
    font-size: 1.125rem;
    color: #222;
    line-height: 1.6em;
}

.visual_list.type3.area_tab li:first-child {
    padding: 17.5rem 0 0 28.125rem;
}

.visual_list.type3.area_tab li:first-child p {
    width: 43.75rem;
}

.visual_list.type3.area_tab li:nth-child(2n) {
    padding: 22.5rem 3.125rem 0 2.1875rem
}

.visual_list.type3.area_tab li:nth-child(2n) p {
    width: 35.625rem;
    padding-right: 3.125rem;
}

.country .visual_list.type3 li:first-child {
    padding: 23.75rem 0 0 31.875rem;
}

.country .visual_list.type3 li p {
    font-size: 0.9375rem;
}

.company .visual_list li {
    padding: 20rem 0 2.5rem 40rem;
}

.company .visual_list li p {
    width: 33.75rem;
    font-size: 1.125rem;
    color: #222;
}

.company .visual_list li:nth-child(2n) {
    padding: 20rem 0 2.5rem 0;
}

.company .visual_list li:nth-child(2n) .culture_visual {
    left: 15rem;
}

.company .visual_list li:nth-child(2n) p {
    width: 38.75rem;
    padding-left: 2.5rem;
}

.company .visual_list.type2 li {
    padding: 28.75rem 0 2.5rem 30rem;
}

.company .visual_list.type2 li p {
    width: 43.75rem;
}

.company .visual_list.type2 li:nth-child(2n) {
    padding: 20.625rem 0 2.5rem 0;
}

.company .visual_list.type2 li:nth-child(2n) .culture_visual {
    left: 20rem;
}

.company .visual_list.type2 li:nth-child(2n) p {
    width: 36.875rem;
    padding-left: 2.5rem;
}

.visual_list02 {
    width: 73.75rem;
    margin: 0 auto 0 auto;
}

.visual_list02 li {
    position: relative;
    padding: 22.5rem 0 3.125rem 35rem;
}

.visual_list02 li+li {
    margin-top: 3.75rem;
}

.visual_list02 li .culture_visual {
    position: absolute;
    top: 0;
}

.visual_list02 li.left .culture_visual {
    left: 0;
}

.visual_list02 li strong {
    position: relative;
    display: block;
    margin-bottom: 1.25rem;
    padding: 0 0 1.25rem 0;
    font-size: 1.0625rem;
    color: #222;
    line-height: 1.7em;
    font-weight: 600;
}

.visual_list02 li strong:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.875rem;
    height: 1px;
    background-color: #959595;
}

.visual_list02 li p {
    position: relative;
    text-align: left;
    width: 40.625rem;
    min-height: 13.125rem;
    padding: 2.5rem 0 2.5rem 2.5rem;
    font-size: 0.9375rem;
    color: #222;
    line-height: 1.7em;
    font-weight: 500;
    box-sizing: border-box;
    z-index: 1;
    background: #fff;
}

.visual_list02 li.right {
    padding: 11.25rem 0 0 0;
}

.visual_list02 li.right .culture_visual {
    right: 0;
}

.visual_list02 li.right p {
    width: 36.875rem;
}

.campaign .visual_list02.type2 li.right {
    padding: 18.125rem 0 0 0;
}

.campaign .visual_list02.type2 li.right p {
    width: 45rem;
}

.campaign .visual_list02.type2 li.left .culture_visual {
    left: 10rem;
}

.campaign .visual_list02.type2 li.left {
    padding: 13.75rem 0 0 38.125rem;
}

.campaign .visual_list02.type3 li.left {
    padding: 18.75rem 0 0 27.5rem;
}

.campaign .visual_list02.type3 li.left p {
    width: 46.5625rem;
}

.section_point {
    background: #f8f8f8;
}

.section_point .tit_gray {
    margin-bottom: 1.5625rem;
}

.tit_gray+.sub_txt {
    margin-top: 0;
}

.section_point .visual_list p {
    width: 30rem;
}

.part_list {}

.part_list+.tit_gray {
    padding-top: 3.75rem;
    border-top: 1px solid #dadada;
}

.part_list:after {
    display: block;
    content: "";
    clear: both;
}

.part_list li {
    float: left;
    width: 13.125rem;
    height: 17.5rem;
    margin: 0 0 2.5rem 2rem;
    padding: 2.25rem 0 0 0;
    background: url(../images/bg_part_list.jpg) no-repeat 0 0;
    box-sizing: border-box;
}

.part_list li:first-child {
    margin-left: 0;
}

.part_list li p {
    position: relative;
    height: 7.1875rem;
    padding: 3.4375rem 0 0.9375rem 0;
    font-size: 1.125rem;
    color: #222;
    line-height: 1.4em;
    background: url(../images/bg_part_logo.png) no-repeat 50% 0;
    box-sizing: border-box;
}

.part_list li p:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1.25rem;
    height: 0.125rem;
    margin-left: -0.625rem;
    background-color: #da291c;
}

.part_list li p span {
    display: block;
    font-size: 1.125rem;
    color: #da291c;
}

.part_list li strong {
    display: block;
    margin: 1.875rem 0 0 0;
    font-size: 1.125rem;
    color: #222;
    font-weight: 600;
    line-height: 1.6em;
}

.part_list.type2 {
    text-align: center;
    padding-bottom: 3.75rem;
}

.part_list.type2 li {
    display: inline-block;
    float: none;
}

.vision_p .tab_group.culture .tab_box {
    padding-bottom: 0;
}

.culture_organization {
    text-align: center;
    width: 53.75rem;
    margin: 0 auto;
    padding: 3.125rem 0 6.25rem 1.875rem;
    box-sizing: border-box;
}

.culture_organization.type2 {
    width: 58.75rem;
    padding-top: 6.25rem;
}

.culture_organization img {}

.ceo_p .section {
    padding: 0 0 6.25rem 0;
    text-align: center;
}

.ceo_p .tab_style {
    width: 41.875rem;
    margin: 2.5rem auto 0;
    padding-bottom: 3.75rem;
}

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

.ceo_p .tab_style li {
    position: relative;
    float: left;
    width: 20.9375rem;
    text-align: center;
    background: url(../images/blt_bar.gif) no-repeat left 0 bottom 0.3125rem;
}

.ceo_p .tab_style li:first-child {
    background-image: none;
}

.ceo_p .tab_style li a {
    display: block;
}

.ceo_p .tab_style li span {
    display: inline-block;
    color: #222;
    font-size: 1.625rem;
    font-weight: 500;
    padding-top: 1.25rem;
}

.ceo_p .tab_style li.on span {
    position: relative;
    display: inline-block;
    color: #da291c;
}

.ceo_p .tab_style li.on span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 0.25rem;
    background: #da291c;
}

.ceo_p .tab_group .tab_box {
    display: none;
}

.ceo_area01,
.ceo_area02 {
    position: relative;
}

.visual_ceo {
    position: absolute;
    left: 50%;
    top: 0;
    width: 118.75rem;
    height: 30rem;
    margin-left: -59.375rem;
}

/* 
.ceo_area01 .visual_ceo{background:url(../images/bg_ceo01.jpg) no-repeat 50% 0;background-size:cover;}
.ceo_area02 .visual_ceo{background:url(../images/bg_ceo02.jpg) no-repeat 50% 0;background-size:cover;}
 */
.ceo_p .visual_list {
    margin: 0;
    padding: 0 0 0 0;
}

.ceo_p .visual_list li {
    /* padding:13.75rem 0 0 22.5rem;*/
    padding: 0;
}

.ceo_p .visual_list li p {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    max-width: 36.25rem;
    padding-left: 3.125rem;
}

.sincerely {
    display: block;
    margin: 2.1875rem 0 0 0;
}

.sincerely em {
    display: block;
    margin: 0.3125rem 0 0 0;
    font-size: 1.3em;
    font-weight: 500;
}

.history_p .sec01 {
    text-align: center;
    padding: 5.625rem 0 0 0;
}

.tit_history {
    margin: 3.125rem 0 0 0;
    font-size: 2.875rem;
    color: #da291c;
}

.txt_history {
    margin: 1.5625rem 0 0 0;
    font-size: 1.125rem;
    color: #000;
    line-height: 1.4em;
}

.history_area {
    text-align: center;
    margin: 4.6875rem 0 0 0;
}

.year_txt {
    height: 31.375rem;
    background: url(../images/bg_history01.jpg) no-repeat 50% 0
}

.txt_box {
    padding: 2.5rem 0 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tit_year {
    padding: 7.1875rem 0 1.25rem 0;
    font-size: 1.625rem;
    color: #222;
    background: url(../images/bg_tit_year.gif) no-repeat 50% 100%
}

.tit_year strong {
    display: block;
    font-size: 5.25rem;
    color: #222;
    line-height: 5rem;
}

.txt_year {
    margin: 1.5625rem 0 0 0;
    font-size: 0.9375rem;
    color: #000;
    line-height: 1.6em;
}

.txt_year strong {
    display: block;
    margin: 0 0 1.25rem 0;
    font-size: 1.625rem;
    color: #da291c;
}

.txt_year em {
    font-size: 0.9375rem;
    color: #000;
    font-weight: 600;
}

.history_list {
    position: relative;
    width: 62.5rem;
    margin: 0 auto 5rem;
    padding: 5rem 0 0 0;
}

.history_list:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: -5rem;
    width: 1px;
    height: 100%;
    margin-left: -1px;
    background: url(../images/bg_history_list.png) repeat-y 50% 0
}



.history_list li {
    padding-bottom: 3.75rem;
    background: url(../images/bg_history_list.png) repeat-y 50% 100%
}

.history_list li.left_con {
    position: relative;
    text-align: left;
}

.history_list li.left_con:after {
    display: block;
    content: "";
    clear: both;
}

.history_list li.left_con .img_history {
    overflow: hidden;
    width: 31.25rem;
    float: left;
}

.history_list li.left_con img {
    padding-left: 31.25rem;
    opacity: 0;
    filter: alpha(opacity=0);
}

.history_list li.right_con {
    position: relative;
}

.history_list li.right_con.y60 {
    padding-bottom: 7.8125rem;
}

.history_list li.right_con.y70 {
    padding-bottom: 11.25rem;
}

.history_list li.right_con.y70 .spot_history p {
    width: 16.875rem;
}

.history_list li.left_con.y70_2 {
    padding-bottom: 15rem;
}

.history_list li.right_con.y70_3 {
    padding-bottom: 9.375rem;
}

.history_list li.right_con .img_history {
    overflow: hidden;
    width: 31.25rem;
    float: right;
}

.history_list li.right_con .img_history img {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.history_list li.right_con:after {
    display: block;
    content: "";
    clear: both;
}

.history_list li.right_con .spot_history {
    top: 24.375rem;
}

#history02 .history_list li:first-child {
    padding-bottom: 6.875rem;
}

#history02 .history_list li.right_con .spot_history {
    top: 20.3125rem;
}

.history_list li .spot_history {
    overflow: hidden;
    text-align: left;
    position: absolute;
    left: 50%;
    top: 16.25rem;
}

.history_list li .spot_history p {
    padding-left: 1.875rem;
    font-size: 1rem;
    color: #222;
    line-height: 1.6em;
    letter-spacing: -1px;
    opacity: 0;
    filter: alpha(opacity=0);
    box-sizing: border-box;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.history_list li .spot_history p+p {
    margin-top: 3.75rem
}

.history_list li .spot_history span {
    display: block;
    margin-bottom: 0.625rem;
    font-size: 2.375rem;
    color: #da291c;
    line-height: 1em;
}

.history_list li.txt_cont .spot_history {
    position: static;
    margin-left: 50%;
}

.history_list li.txt_cont .spot_history p {
    width: 10.3125rem;
    margin-left: -10.3125rem;
}

#history02 .year_txt {
    height: 37rem;
    background: url(../images/bg_history02.jpg) no-repeat 50% 0
}

#history03 .year_txt {
    height: 35.3125rem;
    background: url(../images/bg_history03.jpg) no-repeat 50% 0
}

#history04 .year_txt {
    height: 40.1875rem;
    background: url(../images/bg_history04.jpg) no-repeat 50% 0
}

#history04 .txt_cont p {
    width: 8.125rem;
}

#history04 .history_list li.txt_cont .spot_history p {
    width: 8.125rem;
    margin-left: -8.125rem;
}

#history05 .year_txt {
    height: 35rem;
    background: url(../images/bg_history05.jpg) no-repeat 50% 0
}

#history05 .y00_1 .spot_history p {
    width: 16.5625rem;
    margin-left: -16.5625rem;
}

#history05 .y00_2 .spot_history p {
    width: 20.3125rem;
    margin-left: -20.3125rem;
}

#history06 {
    margin-bottom: 6.25rem;
}

#history06 .year_txt {
    height: 35rem;
    background: url(../images/bg_history06.jpg) no-repeat 50% 0
}

#history06 .y10 .spot_history p {
    width: 22.25rem;
    margin-left: -22.25rem;
}

#history06 .y10_2 .spot_history p {
    width: 23.4375rem;
    margin-left: -23.4375rem;
}

.history_list li.left_con.y80 {
    padding-bottom: 16.25rem;
}

.history_list li.right_con.y80_2 {
    padding-bottom: 17.1875rem;
}

.history_list li.right_con.y80_2 .spot_history {
    top: 20.3125rem;
}

.history_list li.right_con.y80_2 .spot_history p {
    width: 21.25rem;
}

.history_list li.left_con.y90 {
    padding-bottom: 11.25rem;
}

.history_list li.right_con.y90_2 {
    padding-bottom: 11.5625rem;
}

.history_list li.right_con.y90_2 .spot_history {
    top: 15.3125rem;
}

.history_list li.left_con.y90_3 {
    padding-bottom: 9.375rem;
}

.history_list li.left_con.y00 {
    padding-bottom: 11.25rem;
}

.history_list li.right_con.y00_1 {
    padding-bottom: 26.5625rem;
}

.history_list li.right_con.y00_1 .spot_history {
    top: 19.0625rem;
}

.history_list li.left_con.y00_2 .spot_history {
    top: 13.125rem;
}

.history_list li.y10 {
    padding-bottom: 11.5625rem;
}

.history_list li.y10 .spot_history {
    top: 7.1875rem;
}

.history_list li.y10_1 {
    padding-bottom: 9.6875rem;
}

.history_list li.y10_1 .spot_history {
    top: 19.0625rem;
}

.history_list li.y10_2 {
    padding-bottom: 14.0625rem;
}

.history_list li.y10_3 {
    padding-bottom: 7.5rem;
}

.history_list li.y10_3 .spot_history {
    top: 27.1875rem;
}

.history_list li.y10_3 .spot_history p {
    width: 12.5rem;
    margin-left: -12.5rem;
}

.history_area .year_txt .txt_year .sentence {
    display: block;
    margin: 0.625rem 0 0.625rem 0;
}

.indicator_wrap {
    display: none;
    position: fixed;
    left: 50%;
    top: 0;
    width: 3.125rem;
    height: 100%;
    margin-left: -36.875rem;
    padding: 12.5rem 0;
    box-sizing: border-box;
}

.indicator {
    height: 100%;
    background: url(../images/bg_indicator.png) repeat-y 0.1875rem 0;
}

.indicator a {
    position: relative;
    display: block;
    height: 16.66666%;
    padding: 0 0 0 0.9375rem;
    font-size: 0.875rem;
    color: #666;
    box-sizing: border-box;
}

.indicator a:before {
    display: block;
    content: "";
    position: absolute;
    left: 0.1875rem;
    top: 50%;
    width: 0.5rem;
    height: 0.5rem;
    margin: -0.25rem 0 0 -0.1875rem;
    background: url(../images/ico_indicator.png) no-repeat 0 0;
    z-index: 5;
}

.indicator a.on {
    color: #da291c;
    font-weight: bold
}

.indicator a.on:after {
    display: block;
    content: "";
    position: absolute;
    left: 0.1875rem;
    top: 0;
    width: 0.125rem;
    height: 100%;
    background: url(../images/bg_indicator_on.png) repeat-y 0 0
}

.indicator a span {
    position: absolute;
    left: 0.9375rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.page_flatform {}

.page_flatform .visual {
    height: 41.25rem;
    background: url(../images/visual_flatform.png) no-repeat 50% 0;
    background-size: cover;
}

.page_flatform .visual .visual_info {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -18.5938rem;
}

.page_flatform .visual .ico_scroll {
    display: block;
    position: absolute;
    bottom: 3.75rem;
    left: 50%;
    width: 2.875rem;
    height: 2.1875rem;
    background: url(../images/ico_arr.png) no-repeat 0 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

/* 2018-03-12-2 */
.page_flatform .visual_tit {}

.page_flatform .visual_tit dl {}

.page_flatform .visual_tit dt {
    /* font-size:6.25rem;*/
    font-size: 6em;
    color: #fff;
    line-height: 6.25rem;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.page_flatform .visual_tit dd {
    position: relative;
    padding-bottom: 2.375rem;
    font-size: 3.375rem;
    color: #fff;
    line-height: 3.375rem;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.page_flatform .visual_tit dd:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2.5rem;
    height: 1px;
    background-color: #fff;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.page_flatform .visual_tit p {
    margin-top: 2.1875rem;
    font-size: 1.375rem;
    color: #fff;
    line-height: 2.125rem;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.page_flatform .visual_tab {
    margin-top: 5rem;
}

.page_flatform .visual_tab dl {}

.page_flatform .visual_tab dt {
    position: relative;
    padding-bottom: 0.6875rem;
    font-size: 1.75rem;
    color: #fff;
}

.page_flatform .visual_tab dt:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2.875rem;
    height: 0.125rem;
    background-color: #da291c;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.page_flatform .visual_tab dd {
    margin-top: 2.5rem;
}

.page_flatform .visual_tab ul {
    font-size: 0
}

.page_flatform .visual_tab ul li {
    display: inline-block;
    margin-left: 3.75rem;
    vertical-align: top;
}

.page_flatform .visual_tab ul li:first-child {
    margin-left: 0;
}

.page_flatform .visual_tab ul li a {
    display: block;
}

/* 접근성(2018-04-20)_초점보이게 */
.page_flatform .visual_tab ul li span {
    display: block;
    overflow: hidden;
    height: 3.75rem;
    margin: 0 auto;
    background: url(../images/tab_visual_flatform.png) no-repeat 0 0;
    text-indent: -999em
}

.page_flatform .visual_tab ul li .ico_tab {
    width: 3.625rem;
    background-position: 0 0;
}

.page_flatform .visual_tab ul li .ico_tab2 {
    width: 2.875rem;
    background-position: -4.375rem 0;
}

.page_flatform .visual_tab ul li .ico_tab3 {
    width: 2.875rem;
    background-position: -8.75rem 0;
}

.page_flatform .visual_tab ul li .ico_tab4 {
    width: 3.1875rem;
    background-position: -13.125rem 0;
}

.page_flatform .visual_tab ul li .ico_tab5 {
    width: 4.5rem;
    background-position: -17.5rem 0;
}

.page_flatform .visual_tab ul li p {
    margin-top: 1.25rem;
    font-size: 1.375rem;
    color: #fff;
}

.page_flatform .flatform_content {
    padding: 6.25rem 0 7.5rem;
}

.page_flatform .flatform_slide {}

.page_flatform .flatform_slide .swiper-container {
    padding-bottom: 5rem;
}

.page_flatform .flatform_slide .swiper-wrapper {}

.page_flatform .flatform_slide .swiper-slide {
    position: relative;
    width: 49rem;
}

.page_flatform .flatform_slide .swiper-slide a {
    display: block;
}

.page_flatform .flatform_slide .swiper-slide img {
    display: block;
    width: 100%;
    height: 25rem;
}

.flatform_slide .owl-nav {
    position: absolute;
    /*left:50%;margin-left:18.75rem;*/
    left: 43.125rem;
    bottom: 0;
    width: 5.875rem;
    height: 2.375rem;
    z-index: 1;
}

/* 2018-05-23 */
.flatform_slide .owl-nav:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 2.875rem;
    width: 1px;
    height: 2.375rem;
    background-color: #adadad;
}

.flatform_slide .owl-prev {
    position: absolute;
    left: 0;
    top: 0.3125rem;
    width: 1rem;
    height: 1.75rem;
    font-size: 0;
    text-indent: -624.9375rem;
    background: url(../images/btn_slide.png) no-repeat 0 0;
}

.flatform_slide .owl-next {
    position: absolute;
    right: 0;
    top: 0.3125rem;
    width: 1rem;
    height: 1.75rem;
    font-size: 0;
    text-indent: -624.9375rem;
    background: url(../images/btn_slide.png) no-repeat -1rem 0;
}

.page_flatform .flatform_slide .swiper-slide>a {
    position: absolute;
    bottom: -5.625rem;
    left: 3.125rem;
}

/* 접근성(2018-01-19)_main */
.page_flatform .flatform_slide .img_info {
    width: 23.75rem;
    height: 13.75rem;
    background: url(../images/bg_navy.png) repeat 0 0;
    text-align: center;
    z-index: 2;
    display: table;
}

.page_flatform .flatform_slide .img_info:after {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}

.page_flatform .flatform_slide .img_info dl {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.page_flatform .flatform_slide .img_info dt {
    display: block;
}

.page_flatform .flatform_slide .img_info dt span {
    display: block;
    position: relative;
    padding: 0.625rem 0 0.75rem 0;
    font-size: 1rem;
    color: #fff;
}

.page_flatform .flatform_slide .img_info dt span:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2.5rem;
    height: 1px;
    background-color: #da291c;
    margin-left: -1.25rem;
}

.page_flatform .flatform_slide .img_info dt p {
    margin-top: 1.25rem;
    font-size: 1.875rem;
    color: #fff;
}

.page_flatform .flatform_slide .img_info dd {
    text-align: center;
    margin-top: 0.625rem;
    font-size: 1rem;
    color: #fff;
}

.page_flatform .flatform_slide .img_info .ico_plus {
    display: block;
    width: 100%;
    height: 2.5rem;
    margin: 0.625rem 0 0 0;
    background: url(../images/btn_plus.png) no-repeat 50% 0;
    text-indent: -624.9375rem;
    overflow: hidden;
}

/* 접근성(2018-04-20)_대체텍스트제공 */
.page_flatform .flatform_guide {
    margin-top: 7.5rem;
}

.page_flatform .flatform_division {
    width: 73.75rem;
    margin: 0 auto;
}

.page_flatform .flatform_division ul {
    overflow: hidden;
}

.page_flatform .flatform_division ul li {
    float: left;
    position: relative;
    width: 20%;
}

.page_flatform .flatform_division ul li:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 1.25rem;
    background-color: #c0c0c0;
    margin-top: -0.625rem;
}

.page_flatform .flatform_division ul li:first-child:after {
    display: none;
}

.page_flatform .flatform_division ul li a {
    display: block;
    position: relative;
    font-size: 1.875rem;
    color: #222;
    text-align: center;
    line-height: 6.25rem;
}

.page_flatform .flatform_division ul li.active a {
    color: #da291c;
}

.page_flatform .flatform_division ul li.active a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 9.375rem;
    height: 0.25rem;
    background-color: #da291c;
    margin-left: -4.6875rem;
}

.page_flatform .section.sec01 .inbox {
    padding: 5.625rem 0 0;
    text-align: center;
}

.page_flatform .section.sec02 .inbox {
    /* padding:5.625rem 0 4.375rem;*/
    text-align: center;
    /* border-top:1px solid #999;*/
}

.flatform_tab_info {
    overflow: hidden;
    width: 100%;
}

.flatform_tab_info.global {
    background: url(../images/img_flatform_tab.jpg) no-repeat 50% 0;
    background-size: 100% auto;
}

.flatform_tab_info.female {
    background: url(../images/img_flatform_tab2.jpg) no-repeat 50% 0;
    background-size: 100% auto;
}

.flatform_tab_info.campaign {
    background: url(../images/img_flatform_tab3.jpg) no-repeat 50% 0;
    background-size: 100% auto;
}

.flatform_tab_info.country {
    background: url(../images/img_flatform_tab4.jpg) no-repeat 50% 0;
    background-size: 100% auto;
}

.flatform_tab_info.life {
    background: url(../images/img_flatform_tab5.jpg) no-repeat 50% 0;
    background-size: 100% auto;
}



.flatform_tab_info .tit_tab {
    position: relative;
    height: 30.625rem;
    text-align: center
}

.flatform_tab_info .tit_tab:after {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}

.flatform_tab_info .tit_tab dl {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.flatform_tab_info .tit_tab dt {
    position: relative;
    padding-bottom: 0.9375rem;
    font-size: 3.5rem;
    color: #fff;
}

.flatform_tab_info .tit_tab dt .ico_mom {
    display: block;
    width: 7.125rem;
    height: 6.375rem;
    margin: 0 auto 1.25rem;
    background: url(../images/ico_mom.png) no-repeat 0 0;
}

.flatform_tab_info .tit_tab dt:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1.6875rem;
    height: 0.125rem;
    background-color: #fff;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.flatform_tab_info .tit_tab dd {
    margin-top: 1.6875rem;
    font-size: 1.6875rem;
    color: #fff;
    line-height: 2.5rem;
}

.flatform_tab_info .tab_area {
    position: relative;
    width: 73.75rem;
    margin: 0 auto;
}

.flatform_tab_info .btn_tab {
    position: absolute;
    left: 0;
    top: 0.125rem;
    display: table;
    table-layout: fixed;
    width: 100%;
    z-index: 5;
    background: url(../images/bg_btn_tab.gif) repeat-x 0 100%;
}

.flatform_tab_info .btn_tab li {
    display: table-cell;
    position: relative;
    vertical-align: middle
}

.flatform_tab_info .btn_tab li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0.9375rem;
    bottom: 0.9375rem;
    left: 0;
    width: 1px;
    background: url(../images/bg_white2.png) repeat 0 0;
}

.flatform_tab_info .btn_tab li:first-child:after {
    display: none;
}

.flatform_tab_info.country .btn_tab li+li+li {
    width: 23.125rem;
}

.flatform_tab_info.country .btn_tab li+li+li+li {
    width: auto;
}

.flatform_tab_info .btn_tab li a {
    display: block;
    position: relative;
    height: 4.25rem;
    ;
    text-align: center;
    line-height: 1.25rem;
}

.flatform_tab_info .btn_tab li a:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1875rem;
    /*background:url(../images/bg_white2.png) repeat-x 0 0;*/
}

.flatform_tab_info .btn_tab li.active a:after {
    background: url(../images/bg_red.png) repeat-x 0 0;
}

.flatform_tab_info .btn_tab li a span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.125rem;
    color: #222;
    font-weight: 600;
}

.flatform_tab_info .btn_tab li a em {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.flatform_tab_info .tab_content_wrap {
    position: relative;
    min-height: 14.875rem;
    margin: 0 -6.25rem;
}

.flatform_tab_info .tab_content {
    display: none;
    background: url(../images/bg_tit_tabcont.png) no-repeat 50% 0;
}

.flatform_tab_info .tab_content>img {
    display: block;
    width: 100%;
}

.flatform_tab_info .tab_content.active {
    display: block;
}

.tit_tabcont {
    position: relative;
    text-align: center;
    padding: 9.375rem 0 2.5rem 0;
    font-size: 2.5rem;
    color: #000;
    font-weight: 500;
}

.tit_tabcont:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 3.75rem;
    height: 0.125rem;
    margin-left: -1.875rem;
    background: url(../images/bg_tit_line.gif) no-repeat 50% 100%;
}

.tit_tabcont span {
    display: block;
    margin: 0.625rem 0 0 0;
    font-size: 1.5rem;
    color: #222;
    font-weight: normal;
}

.tit_tabcont.type2 {
    margin-top: 4.0625rem;
}

.explain_area {
    position: relative;
    margin: 3.125rem 0 0 6.25rem;
}

.bg_tab {}

.photo_list {}

.photo_list li p {
    position: absolute;
    padding: 2.5rem 3.125rem 0;
    font-size: 1.0625rem;
    color: #222;
    font-weight: 500;
    letter-spacing: .0.3125rem;
    line-height: 1.7em;
    background: #fff;
}

.photo_list li p span {
    display: block;
    margin: 0.75rem 0 0 0;
    padding: 0.75rem 0 0 0;
    font-size: 0.9375rem;
    color: #222;
    font-weight: 500;
    letter-spacing: -1px;
    background: url(../images/bg_txt_sub.gif) no-repeat 0 0;
}

.photo_list .list01 p {
    left: 10rem;
    top: 20rem;
}

.photo_list .list02 p {
    left: 51.25rem;
    top: 38.4375rem;
}

.photo_list .list03 p {
    left: 14.0625rem;
    bottom: 2.1875rem;
}

.photo_list.type2 {
    padding-bottom: 12.5rem;
}

.photo_list.type2 .list01 p {
    left: 35rem;
    top: 22.5rem;
    font-weight: 800;
}

.photo_list.flatform3 .list02 p {
    top: 28.625rem;
}

.photo_list.flatform3 .list02.type2 p {
    top: 34.875rem;
}

.photo_list.flatform3 .list03 p {
    bottom: 4.375rem;
}

.photo_list.flatform3.type2 {
    padding-bottom: 3.125rem;
}

.photo_list.flatform3.type2 .list01 p {
    left: 31.875rem;
    font-weight: 800;
}

.photo_list.flatform3.type2 .list01 p span {
    font-weight: 500;
}

.flatform_tab_info.female .list03 p {
    bottom: 4.0625rem;
}

.flatform_tab_info.female .list03.initial p {
    bottom: 2.1875rem;
}

.explain_area+.tit_tabcont {
    padding-top: 0;
}

.photo_list.type3 {
    padding-bottom: 3.125rem;
}

.photo_list.type3 .list01 p {
    left: 35rem;
    top: 22.5rem;
}

.photo_list.type3 .list01.left p {
    left: 0;
    top: 22.5rem;
}

.explain_area.flatform4_1 {}

.explain_area.flatform4_2 {
    height: 68.75rem;
}

.explain_area.flatform4_3 {
    padding-bottom: 6.875rem;
}

.explain_area.flatform4_1 li.left {
    padding: 20.625rem 0 0 35rem;
}

.explain_area.flatform4_1 li.right {
    padding: 23.75rem 0 0 0;
}

.explain_area.flatform4_1 li.right p {
    width: 38.75rem;
}

.list04_1 p {
    left: 31.9375rem;
    top: 23.75rem;
    padding: 2.5rem 3.125rem !important;
}

.box4_2_2 {
    position: absolute;
    right: 6.25rem;
    top: 10.6875rem;
}

.box4_2_3 {
    position: absolute;
    left: 3.75rem;
    top: 36.0625rem;
}

.list04_2_1 p {
    left: 10rem;
    top: 20rem;
    width: 25rem;
    padding: 2.5rem 3.125rem;
}

.list04_2_1 p strong {
    display: block;
    margin-top: 0.5rem;
    font-size: 1.5rem;
    font-weight: 500;
}

.list04_2_2 p {
    left: 2.5rem;
    top: 27.9375rem;
    padding: 2.5rem 1.875rem 2.5rem 3.125rem !important;
}

.list04_2_3 p {
    left: 10.25rem;
    top: 20rem;
    width: 31.25rem;
}

.list04_3 p {
    left: 31.9375rem;
    top: 22.5rem;
    padding: 2.5rem 3.125rem;
}

.photo_list li.list04_1 p {
    font-weight: 800;
}

.photo_list li.list04_3 p {
    font-weight: 800;
}

.photo_list.type3 li.list01 p {
    font-weight: 800;
}

.section.ci {
    text-align: center;
}

.ci .tit_deco {
    padding: 3.75rem 1.25rem 0.4375rem 1.25rem;
}

.ci .txt_ci {
    padding: 1.875rem 0 5rem 0;
    font-size: 1.3125rem;
    color: #222;
}

.other_section {
    padding: 5.625rem 0 0 0;
    background: #f8f8f8;
}

.tit_value {
    padding: 11.875rem 0 0.9375rem 0;
    font-size: 2.875rem;
    color: #222;
    font-weight: 500;
    background: url(../images/bg_tit_logo.png) no-repeat 50% 0;
}

.txt_value {
    padding: 0 0 2.1875rem 0;
    font-size: 1.125rem;
    color: #222;
    font-weight: 600;
    line-height: 1.4em;
    border-bottom: 1px solid #e0e0e0;
}

.txt_value span {
    font-size: 1.125rem;
    color: #da291c;
    font-weight: 600;
}

.txt_value02 {
    padding: 2.5rem 0 0 0;
    font-size: 1rem;
    color: #222;
    line-height: 1.6em;
}

.txt_value02 span {
    font-size: 1rem;
    color: #da291c;
    font-weight: 500;
}

.symbol_wrap {
    margin: 6.25rem 0 0 0;
    padding-bottom: 6.25rem;
}

.symbol_wrap .symbol_area {
    float: left;
    width: 33.75rem;
    margin-bottom: 1.25rem;
    padding: 3.125rem 1.25rem 0;
    background: #fff;
}

.symbol_wrap .logo_area {
    float: right;
    width: 33.75rem;
    margin-bottom: 1.25rem;
    padding: 3.125rem 1.25rem 0;
    background: #fff;
}

.symbol_wrap strong {
    display: block;
    font-size: 1.9375rem;
    color: #222;
    font-weight: 500;
}

.symbol_wrap p {
    padding: 0.9375rem 0 2.1875rem 0;
    font-size: 1rem;
    color: #222;
    line-height: 1.6em;
    border-bottom: 1px solid #e1e1e1;
}

.symbol_wrap .img_mark {
    padding: 2.5rem 0 2.5rem 0;
}

.symbol_wrap .img_mark+strong {
    padding: 3.75rem 0 0 0;
}

.symbol_wrap .signature_area {
    clear: both;
    padding: 3.125rem 1.25rem 0;
    background: #fff;
}

.color_system {
    padding-bottom: 6.25rem;
}

.btn_ci {
    padding: 1.875rem 0 6.25rem 0;
}

.btn_ci a {
    display: inline-block;
    text-align: center;
    width: 11.25rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.875rem;
    color: #222;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    background: #fff;
}

.btn_ci a:after {
    display: block;
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 0.8125rem;
    height: 0.625rem;
    margin-left: 0.625rem;
    background: url(../images/ico_btn_download.png) no-repeat 0 0;
}

.rule_wrap {
    overflow: hidden;
    width: 45.3125rem;
    margin: 4.0625rem auto 6.25rem;
}

.rule_wrap .space_rule {
    float: left;
}

.rule_wrap .size_rule {
    float: right;
}

.rule_wrap span {
    display: block;
    padding-bottom: 2.1875rem;
    font-size: 1rem;
    color: #222;
}

.rule_background {
    width: 71.25rem;
    margin: 0 auto;
}

/* cscenter */
.page_cscenter .visual {
    height: 41.25rem;
    background: url(../images/visual_cscenter.png) no-repeat 50% 0;
    background-size: cover;
}

.container .inbox {
    /* width: 73.75rem; */
    width: 100%;
    margin: 0 auto;
}

.container .visual .inbox {
    text-align: center;
    /* padding-top:13.125rem; */
}

.container .visual .inbox .p_tit {
    color: #fff;
    /* font-size:6.25rem;*/
    font-size: 6em;
    margin-top: 1.875rem;
    font-weight: 600;
    text-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.7);
}

.container .visual .inbox .p_tx {
    color: #fff;
    font-size: 1.375rem;
    line-height: 2.125rem;
    margin-top: 1.25rem;
    font-weight: 500;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.page_cscenter .section {}

.page_cscenter .section.sec01 .inbox {
    padding: 5.625rem 0 6.25rem;
    text-align: center;
}

.page_cscenter .section.sec01 .inbox .form-group {
    text-align: left;
}

.page_cscenter .section.sec01 .inbox .form-group h3 {
    font-size: 2em;
}

.page_cscenter .section.sec01 .inbox .form-group .form-control {
    box-sizing: border-box;
}

.page_cscenter .section.sec01 .inbox .row {
    margin-left: 0;
    margin-right: 0;
}

.page_cscenter .section.sec01 .inbox .form-group .btn-primary {
    background: #ea5141;
    padding: 0.625rem 3.125rem;
    line-height: 1em;
    height: auto;
}

.page_cscenter .section.sec02 .inbox {
    padding: 5.625rem 0 4.375rem;
    text-align: center;
    border-top: 1px solid #999;
}

.container .section .tit_line {
    position: relative;
    text-align: center;
    padding-bottom: 1.25rem;
    font-size: 2.9375rem;
    font-weight: 500;
    color: #222;
    line-height: 1.3em;
}

.container .section .tit_line:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 3.75rem;
    height: 0.125rem;
    background-color: #da291c;
    margin-left: -1.875rem;
}

.container .section .sec_tx {
    font-size: 1.125rem;
    color: #222;
    line-height: 2.125rem;
    padding: 1.25rem 0 5.625rem 0;
}

.page_cscenter .btn_cscenter {
    display: inline-block;
    width: 16.25rem;
    line-height: 3.75rem;
    color: #fff;
    background-color: #da291c;
    font-size: 1.5rem;
    font-weight: 500;
}

.chap_box {
    text-align: left;
    background-color: #f8f8f8;
    padding: 0 3.125rem;
}

.chap_box .chap_list {}

.chap_box .chap_list li {
    padding: 2.5rem 0;
    border-top: 1px solid #dfdfdf;
}

.chap_box .chap_list li:first-child {
    border-top: none;
}

.chap_box .chap_list .chap_tt {
    font-size: 1.25rem;
    font-weight: 800;
    color: #222;
    line-height: 1.75rem;
}

.chap_box .chap_list .chap_slist {
    margin-top: 0.3125rem;
}

.chap_box .chap_list .chap_slist li {
    font-size: 0.875rem;
    font-weight: 500;
    color: #222;
    line-height: 1.75rem;
    padding: 0;
    border-top: none;
}

/* pr */
.tb_tit {
    position: relative;
    text-align: center;
    font-size: 2.625rem;
    padding-bottom: 1.25rem;
    font-weight: 500;
}

.tb_tit:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 3.75rem;
    height: 0.125rem;
    background-color: #da291c;
    margin-left: -1.875rem;
}

.sub_txt {
    text-align: center;
    margin: 1.875rem 0 5rem 0;
    font-size: 1.125rem;
    color: #222;
    line-height: 1.4em;
}

.page_pr .no_list {
    margin-top: 0;
    border-top: 0;
}

.news_list {
    overflow: hidden;
    margin: 5.625rem 0 2.5rem 0;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #dfdfdf;
}

.news_list li {
    position: relative;
    float: left;
    width: 23.75rem;
    margin: 0 0 1.25rem 1.25rem;
    padding-bottom: 1.875rem;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
}

.news_list li:nth-child(3n+1) {
    margin-left: 0;
}

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

.news_list li a .thum_area {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 23.75rem;
    height: 15.625rem;
    z-index: 1;
}

.news_list li a .thum_area:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/bg_thum_dim.png) repeat 0 0;
}

.news_list li a .thum_area .thum_img {
    display: block;
    width: 100%;
    height: 15.625rem;
}

.news_list li a .thum_area .thum_img img {
    width: 100%;
    height: 100%;
}

.news_list li a .thum_area p {
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 1.5rem;
    color: #fff;
    padding: 0 1.25rem;
    line-height: 1.3em;
    z-index: 3;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    box-sizing: border-box;
}

.news_list li a .news_txt {
    padding: 17.5rem 2.1875rem 0 2.1875rem;
}

.news_list li a .news_txt strong {
    position: relative;
    display: inline-block;
    margin-bottom: 0.875rem;
    padding: 0 0 1.0625rem 0;
    font-size: 1rem;
    color: #da291c;
    font-weight: 800;
}

.news_list li a .news_txt strong:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1.875rem;
    height: 1px;
    margin-left: -0.9375rem;
    background: #999;
}

.news_list li a .news_txt p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -ms-box;
    -webkit-line-clamp: 2;
    -ms-line-clamp: 2;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.4em;
    height: 2.8125rem;
    font-size: 1rem;
    color: #222;
}

.news_list li a .news_txt .new_date {
    display: inline-block;
    margin: 0.9375rem 0 0 0;
    font-size: 1rem;
    color: #666;
}

.newsletter_p .news_list li a .thum_area:after {
    display: none;
}

.video_wrap .news_list {
    margin-bottom: 1.25rem;
    padding-bottom: 0.625rem;
    border-bottom: 0;
}

.video_wrap .news_list li {}

.btn_youtube {
    text-align: center;
    margin: 4.375rem 0 9.375rem 0;
}

.btn_youtube a {
    display: inline-block;
    width: 32.5rem;
    height: 3.75rem;
    line-height: 3.875rem;
    font-size: 1.5rem;
    color: #fff;
    background: #da291c;
}

.btn_youtube a:before {
    vertical-align: middle;
    display: inline-block;
    content: "";
    width: 2.3125rem;
    height: 1.5625rem;
    margin-right: 1.25rem;
    background: url(../images/bg_btn_youtube.png) no-repeat 0 0;
}

.more_view {
    text-align: center;
}

.more_view a {
    display: inline-block;
    width: 12.5rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.5rem;
    color: #fff;
    background: #da291c;
}

.more_view a:after {
    vertical-align: middle;
    display: inline-block;
    content: "";
    width: 0.8125rem;
    height: 0.8125rem;
    margin-left: 0.625rem;
    background: url(../images/ico_plus.png) no-repeat 0 0;
}

.video_wrap {
    margin: 6.25rem 0 0 0;
}

.video_view {}

.video_view:after {
    display: block;
    content: "";
    clear: both;
}

.video_box {
    float: left;
    width: 53.75rem;
}

.subtitles_area {
    position: relative;
    float: right;
    width: 18.75rem;
    height: 30.25rem;
    padding: 3.125rem 1.875rem 3.125rem;
    background: #f7f7f7;
    box-sizing: border-box;
}

.tit_subtitle {
    text-align: left;
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
    color: #000;
    line-height: 1.4em;
    height: 6.1875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.txt_subtitle {
    text-align: left;
    overflow-y: auto;
    height: 19.0625rem;
    padding: 1.875rem 1.25rem 1.875rem 0;
    line-height: 1.6em;
    border-top: 1px solid #dedede;
    box-sizing: border-box;
}

.txt_subtitle strong {
    display: block;
    margin-bottom: 0.3125rem;
    font-size: 1.375rem;
    color: #000;
    line-height: 1.4em;
}

.subtitles_area.type2 .txt_subtitle {
    padding-top: 0;
    border-top: 0;
}

.subtitles_area.type2 .tit_subtitle {
    height: auto;
}

.video_slide {
    margin: 3.75rem 0 0 0;
}

.video_slide .bx-wrapper {
    max-width: 100% !important;
}

.video_slide .news_list {
    margin: 0;
}

.video_slide .news_list li {
    margin: 0 0 0 0;
}

.video_slide .news_list li a .thum_area:after {
    display: none;
}

.video_slide .news_list li a .thum_area .thum_img {
    height: 13.375rem;
}

.video_slide .news_list li a .news_txt {
    padding-top: 15.1875rem;
}

.video_slide .bx-controls {
    position: relative;
    display: inline-block;
    text-align: center;
    height: 2.5rem;
    margin: 2.5rem 0 0 0;
    padding: 0 4.6875rem;
}

.video_slide .bx-pager {
    display: inline-block;
    vertical-align: middle;
}

.video_slide .bx-pager-item {
    display: inline-block;
    vertical-align: middle;
}

.video_slide .bx-pager-item a {
    display: inline-block;
    width: 1.875rem;
    height: 0.625rem;
    font-size: 0;
    text-indent: -624.9375rem;
    background: url(../images/img_indicator.png) no-repeat 50% 0;
}

.video_slide .bx-pager-item a.active {
    background-image: url(../images/img_indicator_on.png);
}

.video_slide .bx-controls-direction {
    display: inline-block;
}

.video_slide .bx-controls-direction .bx-prev {
    vertical-align: top;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0;
    text-indent: -624.9375rem;
    background: url(../images/btn_vedio_left.png) no-repeat 0 0;
}

.video_slide .bx-controls-direction .bx-next {
    vertical-align: top;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0;
    text-indent: -624.9375rem;
    background: url(../images/btn_video_right.png) no-repeat 0 0;
}

.open_date {
    position: absolute;
    left: 1.875rem;
    bottom: 3.125rem;
    text-align: left;
    width: 15rem;
    padding: 0.625rem 0 0 0;
    font-size: 0.875rem;
    color: #000;
    border-top: 1px solid #dedede;
}

.brochure_list {
    overflow: hidden;
    margin: 5.9375rem 0 0 0;
}

.brochure_list li:first-child {
    margin-left: 0;
}

.brochure_list li {
    float: left;
    width: 17.5rem;
    margin-left: 1.25rem;
    padding: 3.125rem 2.5rem;
    background: #e8e8e8;
    box-sizing: border-box;
}

.brochure_list li .brochure_area {
    position: relative;
    text-align: center;
    padding: 1.875rem 1.8125rem 2.25rem 1.8125rem;
    border: 1px solid #d1d1d1;
    border-bottom: 0;
    background: #f4f4f4 url(../images/bg_brochure.png) repeat-x 0 100%;
}

.brochure_list li .brochure_area:after {
    display: block;
    content: "";
    position: absolute;
    left: 0.5625rem;
    bottom: -1.0625rem;
    width: 1.3125rem;
    height: 1.25rem;
    background: url(../images/bg_tie.png) no-repeat 0 0;
}

.brochure_list li .brochure_area .tit_language {
    display: block;
    margin-bottom: 0.9375rem;
    padding-bottom: 0.625rem;
    font-size: 1.375rem;
    color: #222;
    background: url(../images/bg_tit_language.png) no-repeat 50% 100%;
}

.brochure_list li .brochure_area .img_brochure {
    height: 4rem;
}

.brochure_list li .brochure_area .img_brochure img {
    width: auto;
    height: 100%;
}

.brochure_list li .down_brochure {
    margin: 0.9375rem 0 0 0;
}

.brochure_list li .down_brochure a {
    display: block;
    margin: 0.25rem 0 0 0;
    padding: 0.75rem 0 0.625rem 0;
    font-size: 0.875rem;
    color: #222;
    border: 1px solid #e8e8e8;
    background: #fff;
}

/* business */
#part1 {
    opacity: 1;
    filter: alpha(opacity=100);
    background: url(../images/main/bg_section01.jpg) no-repeat 50% 0;
    background-size: cover;
}

#part2,
#part3,
#part4,
#part5 {
    opacity: 0;
    filter: alpha(opacity=0);
    /*visibility:hidden;*/
}

/* 접근성(2018-01-31)_business */
#part1 .bg_section {
    background: url(../images/business/bg_part01.jpg) no-repeat 50% 0;
    background-size: cover;
}

#part2 .bg_section {
    background: url(../images/business/bg_part02.jpg) no-repeat 50% 0;
    background-size: cover;
}

#part3 .bg_section {
    background: url(../images/business/bg_part03.jpg) no-repeat 50% 0;
    background-size: cover;
}

#part4 .bg_section {
    background: url(../images/business/bg_part04.jpg) no-repeat 50% 0;
    background-size: cover;
}

.business .section .contents {
    text-align: left;
    margin-top: -8.125rem;
    padding-left: 7.5rem;
}

.tit_business {
    padding: 0 0 1.875rem 0;
    font-size: 5rem;
    color: #fff;
    background: url(../images/business/bg_tit_business.png) no-repeat 0 100%;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.txt_business {
    padding: 7.1875rem 0 0 0;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

#part1 .txt_business {
    background: url(../images/business/ico_food.png) no-repeat 0 2.8125rem;
}

#part2 .txt_business {
    background: url(../images/business/ico_distribute.png) no-repeat 0 2.8125rem;
}

#part3 .txt_business {
    background: url(../images/business/ico_chemistry.png) no-repeat 0 2.8125rem;
}

#part4 .txt_business {
    background: url(../images/business/ico_trip.png) no-repeat 0 2.8125rem;
}

.txt_business p {
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.4em;
}

.business_page #fp-nav {
    width: 9.375rem;
}

/*.business_page .section{overflow:visible;}*/
/* 접근성(2018-04-20)_셀렉스박스 */

.view_more {
    display: table;
    position: absolute;
    right: 0;
    top: 0;
    width: 22.5rem;
    height: 100%;
    padding-left: 2.5rem;
    background: url(../images/business/bg_more_list.png) repeat 0 0;
    z-index: 90;
    box-sizing: border-box;
}

.view_more.off {
    z-index: 0;
}

.view_more a {
    display: table-cell;
    vertical-align: middle;
    height: 2.625rem;
    line-height: 1.6em;
    font-size: 1.125rem;
    color: #fff;
    background: url(../images/business/bg_more_view.png) no-repeat 0 50%;
}

.list_view {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    position: absolute;
    right: -31.25rem;
    top: 0;
    width: 31.25rem;
    background: url(../images/business/bg_more_list.png) repeat 0 0;
    z-index: 95;
    visibility: hidden;
}

/* 접근성(2018-01-19)_business */
.list_view li {
    position: relative;
    height: 8.875rem;
    border-top: 1px solid #6b6f78;
    box-sizing: border-box;
}

.list_view li:first-child {
    border-top: 0;
}

.list_view li a {
    position: relative;
    display: block;
    height: 100%;
    padding: 3.75rem 0 0 1.875rem;
    box-sizing: border-box;
    font-size: 1.4375rem;
    color: #fff;
}

.list_view li a em {
    position: relative;
    display: block;
    font-size: 1.4375rem;
    color: #fff;
    z-index: 2;
    text-align: left;
}

/* 접근성(2018-01-19)_main */
.list_view li a:after {
    display: block;
    content: "";
    position: absolute;
    right: 1.875rem;
    top: 3.25rem;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 2;
    background: url(../images/business/bg_plus.png) no-repeat 0 50%;
}

.list_view li a:hover:after {
    background-image: url(../images/business/bg_plus_on.png);
}

.list_view li a .hover_img {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 31.25rem;
    height: 8.8125rem;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
}

.list_view li a .hover_img img {
    width: 100%;
    height: 100%;
}

.business_p .visual_info {
    position: relative;
    text-align: center;
    height: 67.5rem;
    background: url(../images/business/bg_business_detail.jpg) no-repeat 50% 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.business_p .visual_tit .tit_category {
    display: block;
    padding: 6.875rem 0 0 0;
    font-size: 1.625rem;
    color: #fff;
    background: url(../images/business/bg_tit_category.png) no-repeat 50% 0;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.business_p .visual_tit .tit_category.type_1 {
    background-image: url(../images/business/bg_tit_category01.png);
}

.business_p .visual_tit .tit_category.type_2 {
    background-image: url(../images/business/bg_tit_category02.png);
}

.business_p .visual_tit .tit_category.type_3 {
    background-image: url(../images/business/bg_tit_category03.png);
}

.business_p .visual_tit .tit_category.type_4 {
    background-image: url(../images/business/bg_tit_category04.png);
}

.business_p .visual_tit {
    padding: 13.4375rem 0 0 0;
}

.business_p .tit_union {
    position: relative;
    display: block;
    margin: 4.375rem 0 0 0;
    padding: 0 0 1.875rem 0;
    font-size: 5rem;
    color: #fff;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.business_p .tit_union:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 3.125rem;
    height: 0.125rem;
    background-color: #da291c;
    margin-left: -1.5625rem;
}

.business_p .txt_union {
    margin: 2.5rem 0 0 0;
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.4em;
    text-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.7);
}

.business_p .visual_tit a {
    display: inline-block;
    width: 13.5rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    margin: 7.5rem 0 0 0.3125rem;
    font-size: 1.125rem;
    color: #fff;
    border: 1px solid #fff;
}

.business_p .visual_tit a:first-child {
    margin-left: 0;
}

.business_p .ico_scroll {
    display: block;
    position: absolute;
    bottom: 3.75rem;
    left: 50%;
    width: 2.875rem;
    height: 2.1875rem;
    background: url(../images/ico_arr.png) no-repeat 0 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

/* 2018-03-12 */
.business_p .tab_list {
    background: none;
}

.business_p .core_service .inbox {
    padding-top: 0;
}

.business_p .tab_list.col3 li {
    width: 33%;
}

.business_p .tab_list.col3 li+li {
    width: 34%;
}

.business_p .tab_list li:first-child {
    background: none;
}

.business_p .tab_list li a {
    font-size: 1.875rem;
    color: #222;
}

.tab_wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tab_wrap li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: url(../images/business/bg_tab_wrap.jpg) no-repeat 50% 0;
}

.tab_wrap li a {
    display: inline-block;
    padding: 1.875rem 0;
    font-size: 1.875rem;
    color: #222;
}

.tab_wrap li.on a {
    position: relative;
    display: inline-block;
    color: #da291c;
}

.tab_wrap li.on a:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 0.25rem;
    background: #da291c;
}

.sky_visual {
    overflow-x: hidden;
    position: relative;
    height: 32.5rem;
    margin-bottom: 3.75rem;
}

.sky_visual .visual_facilitie {
    position: absolute;
    left: 50%;
    top: 0;
    width: 120rem;
    height: 32.5rem;
    margin-left: -60rem;
}

.sky_visual .visual_facilitie img {
    width: 100%;
    height: 100%;
}

.sky_txt {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 3.125rem;
    width: 23.75rem;
    height: 26.25rem;
    margin-left: -36.875rem;
    padding: 3.75rem 0 0 0;
    background: #fff;
    box-sizing: border-box;
}

.sky_txt ul li {
    margin: 1.5625rem 0 0 0;
    font-size: 1rem;
    color: #222;
}

.sky_txt ul li:first-child {
    margin-top: 0;
}

.sky_txt ul li strong {
    display: block;
    margin-bottom: 0.3125rem;
    font-size: 0.875rem;
    color: #222;
    font-weight: 600;
}

/* Scroll Bar */
.list_view {
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #f3f3f3;
    scrollbar-face-color: #fff;
    scrollbar-shadow-color: #f3f3f3;
    scrollbar-darkshadow-color: white;
    scrollbar-track-color: #eee;
    scrollbar-arrow-color: #eee;
}

.list_view::-webkit-scrollbar {
    -webkit-appearance: none;
}

.list_view::-webkit-scrollbar:vertical {
    width: 0.375rem;
}

.list_view::-webkit-scrollbar:horizontal {
    height: 0.75rem;
}

.list_view::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 0.625rem;
}

.list_view::-webkit-scrollbar-track {
    border-radius: 0.625rem;
    background-color: #fff;
}

/* paginate */
.paginate {
    text-align: center;
}

.paginate a {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    color: #000;
    font-size: 1rem;
    line-height: 2.7em;
}

.paginate a span {
    display: inline-block;
    padding: 0 0.125rem;
    line-height: 1em;
}

.paginate a.active,
.paginate a:hover {
    background: #da291c;
    color: #fff;
}

.paginate a.active span,
.paginate a:hover span {
    border-bottom: 1px solid #fff;
}

.paginate a.prev {
    margin: 0 0.9375rem 0 -0.375rem;
    text-indent: -624.9375rem;
    border: 1px solid #dadada;
    border-left: 0;
    background: url(../images/ico_paginate_prev.png) no-repeat 50%;
}

.paginate a.first {
    margin: 0 0 0 0;
    text-indent: -624.9375rem;
    border: 1px solid #dadada;
    background: url(../images/ico_paginate_prev2.png) no-repeat 50%;
}

.paginate a.next {
    margin: 0 -0.375rem 0 0.9375rem;
    text-indent: -624.9375rem;
    border: 1px solid #dadada;
    border-right: 0;
    background: url(../images/ico_paginate_next.png) no-repeat 50%;
}

.paginate a.last {
    margin: 0 0 0 0;
    text-indent: -624.9375rem;
    border: 1px solid #dadada;
    background: url(../images/ico_paginate_next2.png) no-repeat 50%;
}

.no_list {
    margin: 3.75rem 0 0 0;
    padding: 14.375rem 0 16.875rem 0;
    border-top: 0.125rem solid #54585a;
    border-bottom: 1px solid #dfdfdf;
}

.no_list .txt {
    padding: 5.625rem 0 0 0;
    background: url(../images/ico_exclamation.png) no-repeat 50% 0;
    font-size: 1rem;
    color: #222;
    font-weight: 500;
}

.no_list+.paginate {
    margin: 2.5rem 0 0 0;
}

.agree_list02 {
    text-align: left;
    margin: 3.75rem 0 5rem 0;
}

.agree_list02>li {
    margin: 0.625rem 0 0 0;
    background: #f8f8f8;
}

.agree_list02>li:first-child {
    margin-top: 0;
}

.agree_list02>li>.tit_agree {
    position: relative;
    display: block;
    padding: 1.0625rem 4.375rem 1rem 3.125rem;
    font-size: 1.5rem;
    color: #022222;
    font-weight: 800;
    border-bottom: 1px solid #dfdfdf;
}

.agree_list02>li>.tit_agree:after {
    overflow: hidden;
    display: block;
    content: '';
    position: absolute;
    right: 2.5rem;
    top: 1.5rem;
    width: 1.875rem;
    height: 0.9375rem;
    background: url(../images/arrow_agree.png) no-repeat 0 0;
}

.agree_list02>li.on>.tit_agree:after {
    background-position: 0 -6.25rem;
}

.agree_list02 .agree_cont {
    display: none;
    padding: 3.125rem 3.125rem 3.125rem 3.125rem;
}

.agree_list02 .agree_cont strong {
    display: block;
    font-size: 1.125rem;
    color: #222;
    font-weight: bold;
}

.agree_list02 .agree_cont p {
    margin-top: 0.9375rem;
    font-size: 1rem;
    color: #222;
    line-height: 1.4em;
}

.agree_list02 .agree_cont ul {
    margin-top: 0.9375rem;
}

.agree_list02 .agree_cont ul li {
    margin: 0.625rem 0 0 0.9375rem;
    text-indent: -0.9375rem;
    font-size: 1rem;
    color: #222;
    line-height: 1.4em;
}

.agree_list02 .agree_cont ul li:first-child {
    margin-top: 0;
}

.gap_line {
    margin-bottom: 3.125rem;
    padding-bottom: 3.125rem;
    border-bottom: 1px solid #dfdfdf;
}

/* 게시판 */
.board_detail {
    border-top: 0.125rem solid #54585a;
}

.tit_detail {
    position: relative;
    text-align: center;
    padding: 2.3125rem 0 2.1875rem 0;
    font-size: 1.125rem;
    color: #666;
    border-bottom: 1px solid #dfdfdf;
}

.tit_detail strong {
    display: block;
    padding: 0 6.25rem 0.9375rem;
    font-size: 1.875rem;
    color: #222;
    font-weight: 800;
    line-height: 1.2em;
}

.tit_detail strong em {
    display: block;
    padding-bottom: 0.9375rem;
    font-size: 1rem;
    color: #da291c;
}

.detail_contents {
    text-align: left;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #dfdfdf;
}

.btn_sns {
    position: absolute;
    top: 1.875rem;
    right: 0;
    text-align: left;
}

.btn_sns a {
    display: inline-block;
}

.detail_contents p {
    font-size: 1rem;
    color: #444;
    line-height: 1.4em;
    word-break: break-all;
    white-space: pre-wrap;
}

.detail_cont {
    padding: 2.5rem 2.5rem 0 2.5rem;
    font-size: 1rem;
    color: #444;
}

.detail_cont img {
    padding: 1.875rem 0 1.875rem 0;
    width: auto;
    max-width: 100%;
}

.attach_area {
    margin: 3.75rem 0 0 0;
    padding: 1.25rem 0 1.25rem 2.5rem;
    background: #f8f8f8;
}

.attach_area strong {
    position: relative;
    display: inline-block;
    padding-right: 2.8125rem;
    font-size: 1rem;
    color: #222;
    font-weight: 800;
}

.attach_area strong:after {
    display: block;
    content: '';
    position: absolute;
    right: 0.625rem;
    top: 0;
    width: 0.9375rem;
    height: 0.875rem;
    background: url(../images/bg_attach.png) no-repeat 0 0;
}

.attach_area a {
    display: inline-block;
    font-size: 1rem;
    color: #222;
    text-decoration: underline;
}

.preview_area {
    display: table;
    width: 100%;
    margin-bottom: 5rem;
    padding: 0 1.25rem;
    box-sizing: border-box;
    table-layout: fixed;
}

.preview_area p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.preview_area p a {
    display: inline-block;
    height: 100%;
    line-height: 1.875rem;
    padding: 0 0 0 2.8125rem;
    font-size: 1rem;
    color: #444;
    font-weight: 500;
    background: url(../images/btn_before_view.png) no-repeat 0 0;
    box-sizing: border-box;
}

.preview_area p a span {
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    width: 21.875rem;
    height: 1.875rem;
    margin: 0 0 0 1.25rem;
    font-size: 1rem;
    color: #444;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.preview_area .next_view {
    text-align: right;
}

.preview_area .next_view a {
    text-align: right;
    padding-right: 2.8125rem;
    background: url(../images/btn_next_view.png) no-repeat 100% 0;
}

.preview_area .next_view a span {
    display: inline-block;
    margin: 0 1.25rem 0 0;
    padding-right: 1.25rem;
    background: url(../images/bg_preview_area.png) no-repeat 100% 0;
}

.preview_area .before_view a span {
    margin: 0 0 0 1.25rem;
    padding-left: 1.25rem;
    background: url(../images/bg_preview_area.png) no-repeat 0 0;
}

.preview_area .all_view {
    position: relative;
    text-align: center;
    width: 46.25rem;
    padding: 2.1875rem 0 0 0;
    background: url(../images/bg_all_view_line.gif) no-repeat 0 50%;
}

.preview_area .all_view:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: url(../images/bg_all_view_line.gif) no-repeat 0 50%;
}

.preview_area .all_view strong {
    display: block;
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
    color: #222;
    font-weight: 800;
}

.preview_area .all_view a {
    position: relative;
    text-align: left;
    display: inline-block;
    width: 8.75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding-left: 1.25rem;
    border: 1px solid #e8e8e8;
    font-size: 0.875rem;
    color: #222;
    background: none;
    box-sizing: border-box;
}

.preview_area .all_view a:after {
    display: block;
    content: '';
    position: absolute;
    right: 1.25rem;
    top: 0.9375rem;
    width: 0.3125rem;
    height: 0.5625rem;
    background: url(../images/bg_all_view.png) no-repeat 0 0;
}

.btn_wrap {
    text-align: center;
}

.btn_wrap a {
    display: inline-block;
    width: 12.5rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.5rem;
    color: #fff;
    background: #da291c;
}

.search_area {
    text-align: center;
    margin: 2.5rem 0 0 0;
}

.search_area .select_wrap {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 7.5rem;
    height: 2.5rem;
    margin-right: 0.3125rem;
    /*border:1px solid #dadada;*/
    box-sizing: border-box;
    top: 0;
    right: 0;
}

/*2018-09-11*/
/*.search_area .select_wrap:after{display:block;content:"";position:absolute;right:0.875rem;top:1rem;width:0.8125rem;height:0.4375rem;background:url(../images/bg_search_area_arrow.png) no-repeat 0 0;} 2018-05-02 */
.search_area .select_wrap em {
    position: absolute;
    left: 0.875rem;
    top: 0.625rem;
    display: inline-block;
    font-size: 0.9375rem;
    color: #333;
    font-family: arial;
    display: none;
}

.search_area .select_wrap select {
    padding: 0 0 0 0;
}

.input_search {
    overflow: hidden;
    display: inline-block;
    width: 24.25rem;
    height: 2.5rem;
}

.input_search input {
    float: left;
    width: 18rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding-left: 0.625rem;
    border: 1px solid #dadada;
    border-right: 0;
    box-sizing: border-box;
}

.input_search a {
    display: inline-block;
    float: left;
    width: 6.25rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.9375rem;
    color: #fff;
    background: #da291c;
}

/* 에러페이지 */
.error {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.error .error_cont {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.error .error_cont .tit_error {
    position: relative;
    padding: 17.5rem 0 1.75rem 0;
    font-size: 2.875rem;
    background: url(../images/bg_tit_error.png) no-repeat 50% 0;
}

.error .error_cont .tit_error:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    content: "";
    width: 3.75rem;
    height: 0.125rem;
    margin-left: -1.875rem;
    background: url(../images/tit_error_line.png) no-repeat 0 0;
}

.error .error_cont .txt_error {
    margin: 1.875rem 0 0 0;
    font-size: 1.125rem;
    line-height: 1.6em;
}

.error .error_cont .btn_error {
    margin: 4.0625rem 0 0 0;
}

.error .error_cont .btn_error a {
    display: inline-block;
    width: 16.25rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.5rem;
    color: #fff;
    background: #da291c;
}

.tit_faq {
    text-align: center;
    padding: 3.75rem 0 1.875rem 0;
    font-size: 1.625rem;
    color: #222;
    font-weight: 500;
}

.tit_faq.line {
    padding-top: 6.25rem;
    border-top: 1px solid #999;
}

/* location */
.location {
    padding: 0 0 11.25rem 0;
}

.location .tit_line {
    padding: 5.625rem 0 0 0;
}

.road_link {
    width: 49.375rem;
    margin: 6.25rem auto 0;
    padding: 0 0 0 15.625rem;
    height: 13.125rem;
    background: url(../images/bg_lottetower.png) no-repeat 0 0;
    box-sizing: border-box;
}

.road_link .address_area {
    display: block;
    padding: 0.625rem 0 0 0;
    font-size: 1.125rem;
    color: #222;
}

.road_link .address_area strong {
    display: block;
    margin-bottom: 0.625rem;
    font-size: 1.5625rem;
    color: #222;
    font-weight: 500;
}

.road_link .tel_num {
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: 0.9375rem;
    padding: 0 0 0 1.875rem;
    font-size: 1.125rem;
    color: #222;
    background: url(../images/bg_telephone.png) no-repeat 0 0;
}

.find_road {
    margin: 3.125rem 0 0 0;
}

.find_road a {
    position: relative;
    display: inline-block;
    width: 16.25rem;
    height: 3.75rem;
    line-height: 3.75rem;
    margin-left: 0.3125rem;
    padding: 0 0 0 1.875rem;
    font-size: 1.125rem;
    color: #222;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
}

.find_road a:after {
    display: block;
    content: "";
    position: absolute;
    right: 1.25rem;
    top: 1.5rem;
    width: 0.375rem;
    height: 0.75rem;
    background: url(../images/ico_btn_arrow.png) no-repeat 0 0;
}

.find_road a:first-child {
    margin-left: 0;
}

.find_road a .logo_road {
    display: inline-block;
    margin-right: 0.625rem;
}

.find_road a .logo_road img {
    vertical-align: middle;
}

.view_map {
    margin: 4.375rem 0 0 0
}


/* common style*/
.common_style .bx-controls {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 18.125rem;
    height: 2.5rem;
    margin: 2.5rem 0 0 0;
    box-sizing: border-box;
}

.common_style .bx-pager {
    display: inline-block;
    vertical-align: middle;
}

.common_style .bx-pager-item {
    display: inline-block;
    vertical-align: middle;
}

.common_style .bx-pager-item a {
    display: inline-block;
    width: 1.875rem;
    height: 0.625rem;
    font-size: 0;
    text-indent: -624.9375rem;
    background: url(../images/img_indicator.png) no-repeat 50% 0;
}

.common_style .bx-pager-item a.active {
    background-image: url(../images/img_indicator_on.png);
}

.common_style .bx-controls-direction {
    display: inline-block;
}

.common_style .bx-controls-direction .bx-prev {
    vertical-align: top;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0;
    text-indent: -624.9375rem;
    background: url(../images/btn_vedio_left.png) no-repeat 0 0;
}

.common_style .bx-controls-direction .bx-next {
    vertical-align: top;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0;
    text-indent: -624.9375rem;
    background: url(../images/btn_video_right.png) no-repeat 0 0;
}

/* site map */
.page_sitemap .visual {
    height: 41.25rem;
    background: url(../images/visual_sitemap.jpg) no-repeat 50% 0;
    background-size: cover;
}

.sitemap .tb_tit {
    margin: 0 0 1.875rem 0;
    padding: 6.25rem 0 1.25rem 0;
}

.sitemap .section.type2 {
    padding: 4.375rem 0 6.25rem 0;
    background: #f8f8f8;
}

.tit_sitemap {
    padding: 0 0 0.75rem 0;
    font-size: 1.875rem;
    color: #da291c;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 600;
}

.depth_01 {
    overflow: hidden;
    margin-bottom: 3.4375rem;
}

.depth_01>li {
    float: left;
    margin-left: 6.25rem;
    padding: 1.875rem 0 0 0;
}

.depth_01>li:first-child {
    margin-left: 0;
}

.depth_01>li>a {
    display: inline-block;
    font-size: 1.125rem;
    color: #222;
    font-weight: 500;
}

.depth_01>li .depth_02 li a {
    font-size: 0.875rem;
    color: #222;
}

.depth_02 {
    margin: 1.5625rem 0 0 0;
}

.depth_02 li {
    margin-bottom: 0.9375rem;
}

.depth_02 li a {
    padding: 0 0 0 0.75rem;
    background: url(../images/bg_depth_02.png) no-repeat 0 0.25rem;
}

.depth_02.type2 ul {
    overflow: hidden;
    width: 25.625rem;
    margin-left: -4.375rem;
}

.depth_02.type2 li {
    float: left;
    width: 8.4375rem;
    margin-left: 4.375rem;
}

/* owl 슬라이드 */
.owl-carousel {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    padding-bottom: 5rem;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 5rem;
    width: 5rem;
    left: 50%;
    top: 50%;
    margin-left: -2.5rem;
    margin-top: -2.5rem;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-theme .owl-nav {
    margin-top: 0.625rem;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 0.875rem;
    margin: 0.3125rem;
    padding: 0.25rem 0.4375rem;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 0.1875rem;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0.625rem;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 0.625rem;
    height: 0.625rem;
    margin: 0.3125rem 0.4375rem;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 1.875rem;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

/* 2018-05-23
.owl-carousel .owl-item:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:30.625rem;background-color:rgba(255,255,255,.5);z-index:10;}
.owl-carousel .owl-item.center:after{display:none;}*/
.culture .owl-item:after {
    height: 32.5rem;
}


/* 태블릿 대응 */
.mob .video_area {
    display: none;
}

/* 2018-03-20 ir 재무정보 수정 */
.directorate_txt {
    padding-bottom: 5rem;
}

.directorate_txt p {
    font-size: 1.125rem;
    line-height: 2rem;
    color: #222;
}

.directorate_txt p:first-child {
    margin-top: 3.125rem;
}

.directorate_txt p:last-child {
    margin-top: 1.875rem;
}

.directorate_info {
    overflow: hidden;
}

.directorate_info h5 {
    margin-top: 3.125rem;
    border-bottom: 1px solid #54585a;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 2.5rem;
    color: #222;
    text-align: left;
}

.directorate_info .cont {
    overflow: hidden;
    padding: 3.125rem 0;
    border-top: 1px solid #bcbcbc;
}

.directorate_info h5+.cont {
    border-top: 0;
}

.directorate_info .cont .pic {
    float: left;
    width: 8.75rem;
    margin-right: 3.125rem;
}

.directorate_info .cont .info {
    float: left;
    width: 41.875rem;
    text-align: left;
}

.directorate_info .info li {
    position: relative;
    padding-left: 3.125rem;
    margin-top: 0.625rem;
    font-size: 1rem;
    line-height: 2rem;
    color: #222;
    white-space: pre;
}

.directorate_info .info li:first-child {
    margin-top: 0;
}

.directorate_info .pic+.info {
    width: 20rem;
}

.directorate_info .info li .tit {
    display: inline-block;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
}

.directorate_info .info.type02 {}

.directorate_info .info.type02 li {
    padding-left: 8.125rem;
}

.directorate_info .area {
    overflow: hidden;
    float: right;
    padding-top: 2.1875rem;
    width: 35rem;
    border-top: 1px solid #bcbcbc;
}

.directorate_info .area:nth-child(odd) {
    float: left;
}

.directorate_info .area:nth-child(1),
.directorate_info .area:nth-child(2) {
    min-height: 20.9375rem;
    border-top: 0;
    margin-top: 0;
    padding: 0 0 1.25rem;
}

.directorate_info .area .info li {
    padding-left: 8.125rem;
}


.election_process {
    padding: 2.8125rem;
    text-align: center;
}

/* 180322 추가 */
.table_style tbody td:first-child {
    text-align: left !important;
    padding-left: 0.625rem;
}

.table_style tbody td.bold {
    font-weight: bold;
}

.page_ir .table_wrap .comment {
    text-align: left;
    padding-top: 2.5rem;
}

.page_ir .table_wrap .comment strong {
    font-weight: bold;
    font-size: 1.25rem;
    color: #222;
    padding-bottom: 0.625rem;
    display: inline-block;
}

.page_ir .table_wrap .comment p {
    font-size: 1.125rem;
    color: #222;
    line-height: 1.5rem;
    padding-bottom: 1.875rem;
}

.page_ir .table_wrap .comment span {
    font-size: 1rem;
    color: #777;
    display: block;
    text-align: center;
}


/* 180420 추가 푸터 셀렉트박스 */
.hidden {
    position: absolute;
    left: -312.5rem;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

/* familysite */
.footer .familysite {
    position: absolute;
    right: 0;
    top: 1.875rem;
    width: 13.75rem;
    height: 2.5rem;
    background: #474b4d;
    z-index: 100;
}

/* 접근성(2018-04-20)_셀렉스박스 */
.footer .familysite:after {
    display: block;
    content: "";
    position: absolute;
    right: 0.9375rem;
    top: 1rem;
    width: 0.8125rem;
    height: 0.5625rem;
    background: url(../images/main/bg_select_wrap.png) no-repeat 0 0;
}

.footer .familysite em {
    display: block;
    position: absolute;
    left: -624.9375rem;
    top: -624.9375rem;
}

.footer a.btn_familysite {
    display: block;
    width: 13.75rem;
    height: 2.5rem;
    padding: 0 0.75rem 0 0.9375rem;
    box-sizing: border-box;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 100;
    line-height: 2.5rem;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
}

.footer a.btn_familysite_cl {
    display: none;
    width: 13.75rem;
    height: 2.5rem;
    padding: 0 0.75rem 0 0.9375rem;
    box-sizing: border-box;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 100;
    line-height: 2.5rem;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
}

.footer .familysite_area {
    position: absolute;
    right: 0;
    bottom: 2.5625rem;
    height: 0;
    border-top: 1px solid #eaeaea;
    overflow: hidden;
    display: none;
}

.footer .familysite_area ul {
    width: 13.75rem;
    padding: 0.625rem 0.4375rem;
    background: #fff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    font-size: 0.8125rem;
    text-align: left;
    overflow-y: scroll;
    height: 25.625rem;
}

.footer .familysite_area a {
    display: block;
    padding: 0.125rem 0.3125rem;
    color: #000;
    transition: all 0.4s;
}

.footer .familysite_area a:hover,
.familysite_area a:focus {
    color: #000;
}

.footer .familysite_hit_st,
.familysite_hit_ed {
    position: absolute;
    top: -624.9375rem;
    width: 100%;
    height: 0;
    overflow: hidden;
    display: none;
}

.header .language_box a:hover {
    color: #ea5142;
    font-weight: bold;
    border-bottom: 1px solid #ea5142;
}

.category_list li a>i {
    font-size: 3rem;
    line-height: 1.6em;
}

.category_list li a:hover {
    color: #ea5142;
}

.default .tab_about a:hover {
    background: #ea5142;
}


/* contents */
.page_contents .visual {
    height: 41.25rem;
    background: url(../images/visual_contents.png) no-repeat 50% 0;
    background-size: cover;
}

.page_contents .section.sec01 .inbox {
    padding: 5.625rem 0 0;
    text-align: center;
}

.page_contents .section.sec02 .inbox {
    /* padding:5.625rem 0 0;*/
    text-align: center;
    /* border-top:1px solid #999;*/
}

.inbox .copy {
    font-size: 1.9em;
    color: #fff;
}

.inbox .copy>span {
    color: #da291c;
}

.more_detail {
    bottom: 11%;
}

.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}

.section.sec02 .inbox .inbox-list li {
    font-size: 1.3em;
}

.section.sec02 .inbox .inbox-list li strong {
    font-weight: 500;
    color: #da291c;
    ;
    font-size: 1.3em;
    word-break: keep-all;
}

.section.sec02 .inbox .inbox-list li p {
    font-weight: 400;
    margin-top: 1em;
    color: #555;
    word-break: keep-all;
}

/* 그리드 */
.list-row {
    display: inline-block;
    margin-right: calc(3% - 0.1875rem);
    margin-bottom: 1.5625rem;
    vertical-align: top
}

.list-row.list-row-2 {
    width: calc((100% - (3% * 1)) / 2 - 0.1875rem);
}

.list-row.list-row-3 {
    width: calc((100% - (3% * 2)) / 3 - 0.1875rem);
}

.list-row.list-row-4 {
    width: calc((100% - (3% * 3)) / 4 - 0.1875rem);
}

.list-row.list-row-5 {
    width: calc((100% - (3% * 4)) / 5 - 0.1875rem);
}

.list-row.list-row-6 {
    width: calc((100% - (3% * 5)) / 6 - 0.1875rem);
}

.list-row.list-row-2:nth-child(2n) {
    margin-right: -0.1875rem;
}

.list-row.list-row-3:nth-child(3n) {
    margin-right: -0.1875rem;
}

.list-row.list-row-4:nth-child(4n) {
    margin-right: -0.1875rem;
}

.list-row.list-row-5:nth-child(5n) {
    margin-right: -0.1875rem;
}

.list-row.list-row-6:nth-child(6n) {
    margin-right: -0.1875rem;
}

/* 인라인 디스플레이 그리드 */
.dp-ib {
    display: inline-block;
}

.dp-ib-10 {
    width: calc(10% - 0.1875rem);
}

.dp-ib-20 {
    width: calc(20% - 0.1875rem);
}

.dp-ib-30 {
    width: calc(30% - 0.1875rem);
}

.dp-ib-40 {
    width: calc(40% - 0.1875rem);
}

.dp-ib-50 {
    width: calc(50% - 0.1875rem);
}

.dp-ib-60 {
    width: calc(60% - 0.1875rem);
}

.dp-ib-70 {
    width: calc(70% - 0.1875rem);
}

.dp-ib-80 {
    width: calc(80% - 0.1875rem);
}

.dp-ib-90 {
    width: calc(90% - 0.1875rem);
}

.dp-none {
    display: none;
}

.dp-i {
    display: inline !important;
}

.dp-b {
    display: block !important;
}

.dp-ib {
    display: inline-block !important;
}

.w10p {
    width: 10% !important;
}

.w15p {
    width: 15% !important;
}

.w20p {
    width: 20% !important;
}

.w25p {
    width: 25% !important;
}

.w30p {
    width: 30% !important;
}

.w35p {
    width: 35% !important;
}

.w45p {
    width: 45% !important;
}

.w48p {
    width: 48% !important;
}

.w50p {
    width: 50% !important;
}

.w60p {
    width: 60% !important;
}

.w65p {
    width: 65% !important;
}

.w70p {
    width: 70% !important;
}

.w75p {
    width: 75% !important;
}

.w80p {
    width: 80% !important;
}

.w85p {
    width: 85% !important;
}

.w90p {
    width: 90% !important;
}

.w95p {
    width: 95% !important;
}

.w100p {
    width: 100% !important;
}

/* align */
.txt-c {
    text-align: center !important;
}

.txt-l {
    text-align: left !important;
}

.txt-r {
    text-align: right !important;
}

/* color */
.txt-whi {
    color: #fff !important;
}

.txt-red {
    color: #d90000 !important;
}

.txt-navy {
    color: #253974 !important;
}

.txt-sky {
    color: #14c0eb !important;
}

.txt-yel {
    color: #ffb81d !important;
}

.txt-org {
    color: #ff5400 !important;
}

.txt-grey {
    color: #787878 !important;
}

.txt-blk {
    color: #000 !important;
}

.txt-grn {
    color: #69a700 !important;
}

.txt-green {
    color: #87cf03 !important;
}

/* font */
.fb {
    font-weight: bold;
}

.f12 {
    font-size: 0.75rem !important;
}

.f14 {
    font-size: 0.875rem !important;
}

.f15 {
    font-size: 0.9375rem !important;
}

.f16 {
    font-size: 1rem !important;
}

.f1 {
    font-size: 1em !important;
}

.f1-1 {
    font-size: 1.1em !important;
}

.f1-2 {
    font-size: 1.2em !important;
}

.f1-3 {
    font-size: 1.3em !important;
}

.f1-4 {
    font-size: 1.4em !important;
}

.f1-5 {
    font-size: 1.5em !important;
}

.f1-6 {
    font-size: 1.6em !important;
}

.f1-7 {
    font-size: 1.7em !important;
}

.f1-8 {
    font-size: 1.8em !important;
}

.f1-9 {
    font-size: 1.9em !important;
}

.f2 {
    font-size: 2em !important;
}

.f2-1 {
    font-size: 2.1em !important;
}

.f2-2 {
    font-size: 2.2em !important;
}

.f2-3 {
    font-size: 2.3em !important;
}

.f2-4 {
    font-size: 2.4em !important;
}

.f2-5 {
    font-size: 2.5em !important;
}

.f2-6 {
    font-size: 2.6em !important;
}

.f2-7 {
    font-size: 2.7em !important;
}

.f2-8 {
    font-size: 2.8em !important;
}

.f2-9 {
    font-size: 2.9em !important;
}

.f3 {
    font-size: 3em !important;
}

.f3-1 {
    font-size: 3.1em !important;
}

.f3-2 {
    font-size: 3.2em !important;
}

.f3-3 {
    font-size: 3.3em !important;
}

.f3-4 {
    font-size: 3.4em !important;
}

.f3-5 {
    font-size: 3.5em !important;
}

.f3-6 {
    font-size: 3.6em !important;
}

.f3-7 {
    font-size: 3.7em !important;
}

.f3-8 {
    font-size: 3.8em !important;
}

.f3-9 {
    font-size: 3.9em !important;
}

.f4 {
    font-size: 4em !important;
}

.f5 {
    font-size: 5em !important;
}

.f6 {
    font-size: 6em !important;
}

/* margin, padding */
.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 0.3125rem;
}

.mt10 {
    margin-top: 0.625rem;
}

.mt15 {
    margin-top: 0.9375rem !important;
}

.mt20 {
    margin-top: 1.25rem !important;
}

.mt25 {
    margin-top: 1.5625rem !important;
}

.mt30 {
    margin-top: 1.875rem !important;
}

.mt35 {
    margin-top: 2.1875rem !important;
}

.mt40 {
    margin-top: 2.5rem !important;
}

.mt50 {
    margin-top: 3.125rem !important;
}

.mt60 {
    margin-top: 3.75rem !important;
}

.mtm20 {
    margin-top: -1.25rem !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 0.3125rem !important;
}

.mb10 {
    margin-bottom: 0.625rem !important;
}

.mb15 {
    margin-bottom: 0.9375rem !important;
}

.mb20 {
    margin-bottom: 1.25rem !important;
}

.mb25 {
    margin-bottom: 1.5625rem !important;
}

.mb30 {
    margin-bottom: 1.875rem !important;
}

.mb35 {
    margin-bottom: 2.1875rem !important;
}

.mb40 {
    margin-bottom: 2.5rem !important;
}

.mb45 {
    margin-bottom: 2.8125rem !important;
}

.mb50 {
    margin-bottom: 3.125rem !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 0.3125rem !important;
}

.ml10 {
    margin-left: 0.625rem !important;
}

.ml15 {
    margin-left: 0.9375rem !important;
}

.ml20 {
    margin-left: 1.25rem !important;
}

.ml25 {
    margin-left: 1.5625rem !important;
}

.ml30 {
    margin-left: 1.875rem !important;
}

.ml35 {
    margin-left: 2.1875rem !important;
}

.ml40 {
    margin-left: 2.5rem !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 0.3125rem !important;
}

.mr10 {
    margin-right: 0.625rem !important;
}

.mr15 {
    margin-right: 0.9375rem !important;
}

.mr20 {
    margin-right: 1.25rem !important;
}

.mr25 {
    margin-right: 1.5625rem !important;
}

.mr30 {
    margin-right: 1.875rem !important;
}

.mr35 {
    margin-right: 2.1875rem !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 0.3125rem !important;
}

.pt10 {
    padding-top: 0.625rem !important;
}

.pt15 {
    padding-top: 0.9375rem !important;
}

.pt20 {
    padding-top: 1.25rem !important;
}

.pt25 {
    padding-top: 1.5625rem !important;
}

.pt30 {
    padding-top: 1.875rem !important;
}

.pt35 {
    padding-top: 2.1875rem !important;
}

.pt40 {
    padding-top: 2.5rem !important;
}

.pt45 {
    padding-top: 2.8125rem !important;
}

.pt50 {
    padding-top: 3.125rem !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 0.3125rem !important;
}

.pb10 {
    padding-bottom: 0.625rem !important;
}

.pb15 {
    padding-bottom: 0.9375rem !important;
}

.pb20 {
    padding-bottom: 1.25rem !important;
}

.pb25 {
    padding-bottom: 1.5625rem !important;
}

.pb30 {
    padding-bottom: 1.875rem !important;
}

.pb35 {
    padding-bottom: 2.1875rem !important;
}

.pb40 {
    padding-bottom: 2.5rem !important;
}

.pb45 {
    padding-bottom: 2.8125rem !important;
}

.pb50 {
    padding-bottom: 3.125rem !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl5 {
    padding-left: 0.3125rem !important;
}

.pl10 {
    padding-left: 0.625rem !important;
}

.pl15 {
    padding-left: 0.9375rem !important;
}

.pl20 {
    padding-left: 1.25rem !important;
}

.pl25 {
    padding-left: 1.5625rem !important;
}

.pl30 {
    padding-left: 1.875rem !important;
}

.pl35 {
    padding-left: 2.1875rem !important;
}

.pl40 {
    padding-left: 2.5rem !important;
}

.pl45 {
    padding-left: 2.8125rem !important;
}

.pl50 {
    padding-left: 3.125rem !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr5 {
    padding-right: 0.3125rem !important;
}

.pr10 {
    padding-right: 0.625rem !important;
}

.pr15 {
    padding-right: 0.9375rem !important;
}

.pr20 {
    padding-right: 1.25rem !important;
}

.pr25 {
    padding-right: 1.5625rem !important;
}

.pr30 {
    padding-right: 1.875rem !important;
}

.pr35 {
    padding-right: 2.1875rem !important;
}

.pr40 {
    padding-right: 2.5rem !important;
}

.pr45 {
    padding-right: 2.8125rem !important;
}

.pr50 {
    padding-right: 3.125rem !important;
}

/* Inner Content Centering */
.inner_content {
    position: relative;
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 3rem 0rem 6rem;
    box-sizing: border-box;
}

/* Header & Go Mall Button & Layout Enhancements */
.header .go-mall {
    position: absolute;
    right: 12.5%;
    top: 5.9375rem;
    display: block;
    line-height: 2.4em;
    padding: 0 1.2em;
    border: 0.125rem solid #e94e1b;
    color: #e94e1b;
    font-size: 1.4em;
    font-weight: 500;
}

/* On mobile/fixed header, hide or adjust */
.header.fixed .go-mall {
    display: none;
}

.header .sub_header {
    display: none;
}

.header.fixed .sub_header {
    display: block;
    width: 100%;
    height: 2.5rem;
    background: #54585a;
    display: none;
    border-bottom: 1px solid #f5f5f5;
}

.header .sub_header ul {
    display: table;
    width: 73.75rem;
    height: 2.5rem;
    margin: 0 auto;
    table-layout: fixed;
}

.header .sub_header ul li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #939697;
}

.header .sub_header ul li:first-child {
    border-left: 0;
}

.header .sub_header ul li a {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.125rem;
    color: #fff;
}

/* Main Color Override (where specific overrides needed) */
/* Note:Replacing specific colors might require more extensive search/replace, but for now applying to new elements */

/* Subpage Visual & Tab (From mywe) */
.page_common_wrap .visual {
    height: 31.25rem;
    background-size: cover;
    background-position: 50% 0;
    position: relative;
    padding-top: 7.5rem;
}

.page_common_wrap .inbox {
    width: 90%;
    /* min-width: 73.75rem; */
    margin: 0 auto;
}

.page_common_wrap .visual .inbox {
    /* text-align:center;
    padding-top:13.125rem; */
    position: absolute;
    display: flex;
    width: 75%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page_common_wrap .visual .inbox .copy {
    font-size: 3rem;
    color: #fff;
    /* margin-bottom:1.25rem; */
    font-weight: 500;
    letter-spacing: 0.125rem;
}

.page_common_wrap .visual .inbox .copy span {
    color: #e94e1b;
    font-weight: bold;
}

/* .page_common_wrap .visual .inbox .p_tit {
    color: #fff;
    font-size: 6em;
    margin-top: 1rem;
    font-weight: 700;
    text-transform: uppercase;
} */

.page_common_wrap .visual .inbox .p_tx {
    color: #fff;
    font-size: 2.75rem;
    line-height: 2.125rem;
    margin-top: 1.25rem;
    font-weight: 300;
}

.page_tab {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    margin-top: -3.75rem;
    width: 100%;
    position: relative;
    z-index: 10;
}

.page_tab li {
    display: table-cell;
    background-color: #e94e1b;
    opacity: .9;
}

.page_tab li a {
    display: block;
    line-height: 3.75rem;
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.page_tab li:first-child a {
    border-left: 0;
}

.page_tab li.on {
    background-color: #fff;
    opacity: 1;
}

.page_tab li.on a {
    color: #e94e1b;
    border-left: 0;
    font-weight: bold;
}

/* Pricing Refinement */
.pkg_box {
    transition: all 0.3s ease;
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.05);
}

.pkg_box:hover {
    transform: translateY(-0.625rem);
    box-shadow: 0 0.9375rem 1.875rem rgba(0, 0, 0, 0.1);
}

.pkg_box.highlight {
    border: 0.125rem solid #e94e1b !important;
    position: relative;
    transform: scale(1.05);
    z-index: 2;
}

.pkg_box .price {
    color: #e94e1b !important;
    font-weight: 800;
}

.pkg_box h4 {
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Header Visibility Logic (Main vs Sub) */
.header .language_box {
    display: none !important;
}

.header .go-mall {
    display: block;
}

/* Main Page Override - Assuming .wrap.main class exists on index page */
.wrap.main .header .language_box {
    display: block !important;
}

.wrap.main .header .go-mall {
    display: none !important;
}

/* Ensure Go Mall button styling matches request */
.header .go-mall {
    position: absolute;
    top: 2.1875rem;
    right: 12.5%;
}










/* Response to smaller screens */


/* Mobile adjustments if needed */


/* ============================================
   GNB (Mobile Menu) Styles
   Moved from custom.css for proper ordering
============================================ */

/* Mywe Mobile Menu Style (GNB) */
.gnb {
    position: fixed;
    left: -100%;
    top: 0;
    display: table;
    width: 80%;
    min-width: 18.75rem;
    height: 100%;
    background: #fff;
    table-layout: fixed;
    z-index: 9999;
    transition: left 0.3s ease-in-out;
}

.gnb.on {
    left: 0;
}

.gnb .gnb_close {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    width: 1.875rem;
    height: 1.875rem;
    background: url('../images/main/btn_gnb_close.png') no-repeat 50% 50%;
    background-size: cover;
    z-index: 10000;
    font-size: 0;
    border: none;
    cursor: pointer;
}

.gnb .gnb_close i {
    display: none;
}

.gnb .inner {
    /*display: table-cell;
    vertical-align: middle;*/
    width: 100%;
	height: 100%;
    padding: 3.125rem 10%;
    box-sizing: border-box;
    overflow-y: auto;
}

.gnb .innner_wrap {
    position: relative;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
}

.gnb .innner_wrap:first-child {
    margin-top: 0;
}

.gnb .innner_wrap:last-child {
    border-bottom: 0;
}

.gnb .tit_gnb {
    display: block;
    width: 100%;
    margin-bottom: 0.9375rem;
}

.gnb .tit_gnb a {
    display: inline-block;
    font-size: 1.375rem;
    color: #222;
    font-weight: 800;
    text-decoration: none;
}

.gnb ul {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gnb li {
    display: inline-block;
    margin-right: 0.9375rem;
    margin-bottom: 0.625rem;
}

.gnb li a {
    display: block;
    font-size: 0.9375rem;
    /*
	color: #555;
    font-weight: 500;
	*/
    text-decoration: none;
    transition: color 0.3s;
}

.gnb li a:hover {
    color: #da291c;
}

/* Dim Overlay */
.dim {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.7);
}

.dim.on {
    display: block;
}


/* ============================================
   Responsive / Media Queries (Refactored)
============================================ */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .history_list:after {
        margin-left: 0;
    }

}

@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
    #section5 {
        padding-top: 0.625rem;
    }

    .flatform_tab_info.global {
        background: url(../images/img_flatform_tab.jpg) no-repeat 50% 0;
    }

    .flatform_tab_info.female {
        background: url(../images/img_flatform_tab2.jpg) no-repeat 50% 0;
    }

    .flatform_tab_info.campaign {
        background: url(../images/img_flatform_tab3.jpg) no-repeat 50% 0;
    }

    .flatform_tab_info.country {
        background: url(../images/img_flatform_tab4.jpg) no-repeat 50% 0;
    }

}

@media (min-width:1200px) {
    .container {
        /* width:73.125rem;*/
        width: 100%;
    }

}

@media (min-width:992px) {
    .container {
        /* width:60.625rem;*/
        width: 100%;
    }

}

@media (max-width:768px) {
    .header {
        position: fixed;
        left: 0;
        top: 0;
        text-align: center;
        width: 100%;
        height: 2.8125rem;
        padding: 0 0 0 0;
        z-index: 50;
        box-sizing: border-box;
    }

    .header .logo {
        position: relative;
        width: 2.1875rem;
        height: 2.1875rem;
        margin: 0.5rem auto 0;
    }

    .header .logo a {
        display: block;
        width: 2.1875rem;
        height: 2.1875rem;
        margin: 1.25rem auto;
        /* background:url('../images/main/top_logo.png') no-repeat;background-size:cover;text-indent:-62.4375rem;*/
    }

    .header.fixed {
        height: 4.6875rem;
        background: rgba(0, 0, 0, 0.75);
        /* border-bottom:1px solid #555; */
    }

    .header.fixed .btn_all {
        left: 1.5625rem;
        top: 1.5625rem;
        width: 1.75rem;
        height: 1.75rem;
        background: url('../images/main/btn_allmenu.png') no-repeat;
        background-size: cover;
    }

    .header.fixed .logo img {
        margin-top: -5.3125rem;
        width: 100%;
    }

    .header.fixed .sub_header {
        display: none;
    }

    .header .btn_all img {
        display: none;
    }

    .header .btn_all {
        position: absolute;
        left: 1.5625rem;
        top: 1.5625rem;
        display: inline-block;
        width: 1.75rem;
        height: 1.75rem;
        background: url('../images/main/btn_allmenu.png') no-repeat;
        background-size: cover;
    }

    .header .sub_header ul {
        width: 100%;
    }

    .container {
        width: 100%;
        font-size: 0.8125rem;
    }

    .container .inbox {
        width: 100%;
    }

    .page_common_wrap .inbox {
        min-width: inherit;
    }

    .section .contents {
        width: 100%;
        margin-top: -14.6875rem;
    }

    .col-sm-6 {
        width: 100%;
    }

    .list-row.list-row-3 {
        width: 100%;
    }

    .list-row.list-row-4 {
        width: calc((100% - (3% * 1)) / 2 - 0.1875rem);
    }

    .list-row.list-row-5 {
        width: 100%;
    }

    .list-row.list-row-6 {
        width: calc((100% - (3% * 5)) / 2 - 0.1875rem);
    }

    .list-row.list-row-3:nth-child(3n) {
        margin-right: 0;
    }

    .list-row.list-row-4:nth-child(2n) {
        margin-right: -0.1875rem;
    }

    .list-row.list-row-5:nth-child(5n) {
        margin-right: 0;
    }

    .list-row.list-row-6:nth-child(2n) {
        margin-right: -0.1875rem;
    }

    .container * {
        word-break: keep-all;
    }

    .gnb {
        width: 100%;
        min-width: 18.75rem;
        /* background:rgba(255,255,255,0.9); */
    }

    .gnb ul {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
    }

    .gnb .innner_wrap {
        position: relative;
        margin-top: 1.4rem;
        padding-bottom: 1.4rem;
    }

    .gnb .innner_wrap:first-child {
        margin-top: 2.5rem;
    }

    .gnb .tit_gnb {
        display: inline-block;
        width: 100%;
    }

    .gnb .tit_gnb a {
        font-size: 1.35rem;
    }

    .gnb li a {
        /* height: 2.5rem; */
        font-size: 1rem;
    }

    .gnb .gnb_close {
        right: 1.875rem;
        top: 1.875rem;
    }

    .header .language_box {
        display: none;
    }

    .header .go-mall {
        display: none;
    }

    #fp-nav {
        display: none !important;
    }

    .footer {
        /* height:auto; */
        display: inline-block;
    }

    .footer .footer_menu {
        padding: 0;
        display: none;
    }

    .footer .footer_menu .footer_logo {
        display: none;
    }

    .footer .sns_wrap {
        padding: 0;
        display: none;
    }

    .footer .footer_contents {
        width: 100%;
        display: inline-block;
        padding: 0 1.875rem;
    }

    .footer .copy {
        padding: 0;
    }

    #section1 .tit_section,
    #section2 .tit_section,
    #section3 .tit_section,
    #section4 .tit_section,
    #section5 .tit_section {
        margin: 1.5rem 0 0 0;
        font-size: 2.3em;
    }

    .tit_btn {
        width: 40%;
        font-size: 1.4rem;
        font-weight: 200;
    }

    .txt_section {
        font-size: 1.5rem;
        max-width: 85%;
    }

    .low #section1 .contents,
    .low #section2 .contents,
    .low #section3 .contents,
    .low #section4 .contents,
    .low #section5 .contents {
        margin-top: -15rem;
    }

    #section1 .txt_section,
    #section2 .txt_section,
    #section3 .txt_section,
    #section4 .txt_section,
    #section5 .txt_section {
        margin: 1.5rem auto 0;
        margin-top: 1.5rem;
    }

    .low #section4 .txt_section {
        margin-top: 1.5rem;
    }

    #section3 .category_list {
        margin-top: 1rem;
    }

    .tab_about {
        width: 100%;
        height: 3.75rem;
        overflow: hidden;
        margin: 0 auto;
        min-height: auto;
        text-align: center;
    }

    /* .low .tab_about a {position:relative;display:table;float:left;left:auto;top:auto;width:3.75rem;height:3.75rem;margin-right:0.3125rem;border-radius:50%;text-align:center;vertical-align:middle;} */
    .low .tab_about a {
        position: relative;
        display: inline-block;
        float: none;
        left: 0;
        top: 0;
        width: 3.75rem;
        height: 3.75rem;
        margin-right: 0.3125rem;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
    }

    .low .tab_about a:last-child {
        margin-right: 0;
    }

    .low .tab_about a>span {
        display: table-cell;
        width: 3.75rem;
        height: 3.75rem;
        color: #fff;
        vertical-align: middle;
        font-size: 0.9rem;
        padding: 0 0.7rem;
        word-wrap: break-word;
    }

    .low #section4 .txt_section02 {
        top: 3rem;
    }

    #section4 .txt_section02 {
        width: 90%;
        margin: 0 auto;
        font-size: 2rem;
        font-weight: 200;
    }

    .low .tab_about a.about01,
    .low .tab_about a.about02,
    .low .tab_about a.about03 {
        margin-left: 0;
    }

    .low .tab_about a.about01.on,
    .low .tab_about a.about02.on,
    .low .tab_about a.about03.on {
        top: auto;
        width: 3.75rem;
        height: 3.75rem;
        margin-left: 0;
        font-size: inherit;
        border-radius: 50%;
    }

    .default .tab_about a.about01,
    .default .tab_about a.about02,
    .default .tab_about a.about03,
    .default .tab_about a.about04,
    .default .tab_about a.about05 {
        margin-left: 0;
    }

    .default .tab_about {
        width: 100%;
    }

    .default .tab_about a {
        margin-right: 0.125rem;
    }

    .category_list li {
        width: 27%;
        min-width: auto;
        vertical-align: top;
    }

    .category_list li a {
        padding: 1.5rem 0 0 0;
        font-size: 1.4rem;
        font-weight: 200;
    }

    .category_list li.business {
        margin-left: 1rem;
    }

    .category_list li.about {
        margin-left: 1rem;
    }

    #section1 .category_list li,
    #section2 .category_list li,
    #section3 .category_list li,
    #section3 .category_list li,
    #section4 .category_list li,
    #section5 .category_list li {
        margin: 0 0 0 1rem;
    }

    .more_detail {
        top: 35%;
    }

    .more_detail a {
        display: none;
        width: 100%;
        height: 4rem;
        line-height: 3.5rem;
        font-size: 1.6rem;
    }

    .low #section5 {
        padding-top: 0;
    }

    .view_lotte {
        width: 100%;
        padding: 0 0 4.375rem 0;
    }

    .view_lotte li a {
        width: 100%;
    }

    .low .view_lotte li {
        width: 100%;
        height: 8.4375rem;
        margin-left: 0;
    }

    .low .view_lotte li a {
        padding: 2.5rem 0 0 2.5rem;
        background-size: cover;
        background-position: center center;
        transform: none !important;
    }

    .low .view_lotte li.ir a {
        background-position: center 33%;
    }

    .view_lotte li a {
        top: 0;
    }

    .view_lotte li a strong {
        height: auto;
        font-size: 2.2rem;
    }

    .view_lotte li a p {
        font-size: 1.4rem;
    }

    .view_lotte li a:after {
        top: 50%;
        left: auto;
        right: 2.5rem;
        bottom: auto;
        width: 2rem;
        height: 1.375rem;
        margin-top: -0.6875rem;
        background-size: cover;
    }

    .view_lotte li.ethics a strong {
        font-size: 2.2rem;
        letter-spacing: auto;
    }

    .low .view_lotte {
        padding-bottom: 0;
    }

    .page_tab {
        margin-top: -3.125rem;
    }

    /* .page_tab li {
        height: 3.125rem;
        line-height: 1.8rem;
        height: 3.125rem;
    } */

    .page_tab li a {
        font-size: 1.3rem;
        line-height: 1.6rem;
        height: 3.125rem;
        display: table-cell;
        vertical-align: middle;
    }

    .mission_p .section {
        padding: 0 0 0;
    }

    .mission_p .sec01 .tit_deco {
        font-size: 3rem;
    }

    .mission_p .sec01 .tx_ko {
        width: 92%;
        margin: 2rem auto;
        font-size: 1.7rem;
    }

    .mission_p .section.sec02 {
        padding: 1rem 0;
    }

    .mission_p .sec02 .tit {
        font-size: 2.5rem;
        margin: 2rem auto 0;
    }

    .mission_p .sec02 .tx_ko {
        width: 92%;
        margin: 2rem auto;
        font-size: 1.1em;
    }

    .page_about .inbox,
    .page_flatform .inbox,
    .page_contents .inbox,
    .page_cscenter .inbox {
        width: 100%;
    }

    .page_about .visual,
    .page_flatform .visual,
    .page_contents .visual,
    .page_cscenter .visual {
        height: 25rem;
    }

    .container .visual .inbox {
        text-align: center;
        padding-top: 7.5rem;
    }

    .container .visual .inbox .p_tit {
        font-size: 3.7rem;
        margin-top: 1rem;
    }

    .container .visual .inbox .p_tx {
        width: 92%;
        margin: 1.5rem auto 0;
        font-size: 1.5rem;
        line-height: 2.4rem;
        word-break: keep-all;
        text-shadow: none;
        font-weight: 200;
    }

    .inbox .copy {
        font-size: 1.6em;
    }

    .page_about .section.sec01 .inbox,
    .page_flatform .section.sec01 .inbox,
    .page_contents .section.sec01 .inbox,
    .page_cscenter .section.sec01 .inbox {
        padding: 3.5rem 0 0;
    }

    .section.sec02 .inbox .inbox-list li {
        font-size: 1.15em;
        width: 92%;
        margin: 2rem auto;
    }

    .page_contents .mission_p .page_tab li:nth-child(1) {
        width: 100%;
    }

    .page_contents .mission_p .page_tab li:nth-child(2) {
        width: 76%;
    }

    .page_contents .mission_p .page_tab li:nth-child(3) {
        width: 76%;
    }

    .page_contents .mission_p .page_tab li:nth-child(4) {
        width: 88%;
    }

    .page_contents .mission_p .page_tab li:nth-child(5) {
        width: 50%;
    }

    .visual_ceo {
        left: 0;
        top: 0;
        width: 100%;
        height: 30rem;
    }

    .page_about .ceo_p .section.sec01 .inbox {
        padding: 0;
    }

    .visual_list {
        width: 100%;
        margin: 5rem auto 0;
    }

    .visual_list li .culture_visual {
        width: 100%;
        max-width: 100%;
    }

    .ceo_p .visual_list li p {
        width: 100%;
        max-width: 100%;
        padding: 1.875rem;
        font-size: 1.45rem;
    }

    .visual_list02 {
        width: 100%;
    }

    #section2 .slide_wrap .about-0 .bg_section {
        background: url(../images/main/bg_section2.jpg) no-repeat 30% 0;
        background-size: cover;
    }

    #section2 .slide_wrap .about-1 .bg_section {
        background: url(../images/main/bg_section2_1.jpg) no-repeat 40% 0;
        background-size: cover;
    }

    #section2 .slide_wrap .about-3 .bg_section {
        background: url(../images/main/bg_section2_3.jpg) no-repeat 60% 0;
        background-size: cover;
    }

    #section3 .slide_wrap .flatform-0 .bg_section {
        background: url(../images/main/bg_section3.jpg) no-repeat 86% 0;
        background-size: cover;
    }

    #section3 .slide_wrap .flatform-2 .bg_section {
        background: url(../images/main/bg_section3_2.jpg) no-repeat 45% 0;
        background-size: cover;
    }

    #section4 .about_list li.coupon .bg_section {
        background: url(../images/main/bg_coupon.jpg) no-repeat 53% 0;
        background-size: cover;
    }

    #section4 .about_list li.culture .bg_section {
        background: url(../images/main/bg_culture.jpg) no-repeat 70% 0;
        background-size: cover;
    }

    #section4 .about_list li.vacation .bg_section {
        background: url(../images/main/bg_vacation.jpg) no-repeat 55% 0;
        background-size: cover;
    }

}

@media (max-width:480px) {
    .list-row.list-row-2 {
        width: 100%;
    }

    .list-row.list-row-4 {
        width: 100%;
    }

    .list-row.list-row-6 {
        width: 100%;
    }

    .list-row.list-row-2:nth-child(2n) {
        margin-right: 0;
    }

    .list-row.list-row-4:nth-child(2n) {
        margin-right: 0;
    }

    .list-row.list-row-6:nth-child(2n) {
        margin-right: 0;
    }

    .gnb li:nth-child(4n) {
        margin-left: 0;
    }


    .low .scroll {
        display: none;
    }

}

@media (max-width:1200px) {
    .inner_content {
        width: 100%;
        padding: 0 1.25rem;
    }

}

@media (max-width:1024px) {
    .header .go-mall {
        right: 5%;
        top: 1.25rem;
        font-size: 0.75rem;
        padding: 0 0.625rem;
        line-height: 2em;
    }

    .page_common_wrap .visual {
        height: 31.25rem;
        background-size: cover;
        background-position: 50% 0;
        position: relative;
        padding-top: 7.5rem;
    }

}