@charset "UTF-8";

.top_menu_box {}
.top_menu_box .top_menu_tab{display:none;}



.slick-center {transition:all .5s;}
#footer .footer-right .footer-widget .social-links i {font-weight: 700}
.cheil_page_txt h1 a {color:#000;opacity:.4;}
.cheil_page_txt h1 a.action_active {
    animation-name: example;
    animation-duration: 1.3s;
}
.cheil_page_txt h1 a.action_active02 {
    animation-name: example02;
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
}

@keyframes example {
0 {opacity:.4;}
50% {opacity:1;}

100% {opacity:.4;}
}
@keyframes example02 {
0 {opacity:.4;}
100% {opacity:1;}
}


@media only screen and (min-width: 768px) {
    .nunber_box {display: none;}
    .m_hide {display:block;}
    .pc_hide {display:none;}
    #investor_relations .split-page-content .split-page-content-body .sub-page-title  .btn-nav-toggle .lines {display:none;}

}
/*layout.css*/
@media only screen and (max-width: 768px) {

    .nav-opened {position:fixed; width:100%; height:100%;}

    .modal-opened {position:fixed; width:100%; height:100%;}


    .nunber_box {display: block;}
    .container{padding:0;}

    /*header.css*/
    #header {padding:4.4vw 5.80912863071vw !important;}
    #header .container {padding:0;}
    #header .brand a svg {width:13vw;}
    .breadcrumb {display: none;}

    /*page.css*/

    .pagination ul li {font-size: 4vw; padding: 3.3vw;}

    .portfolio-border-box  {border:0;}
    .btn-page-nav {display:none;}
    #header a {font-size:3.6vw;}
    #header.semi, #header.semi a {color:#000;}
    #header .util-menu .btn-hq {font-size:3.6vw;}
    #header .util-menu .languages .split {font-size:3.6vw;}
    #header .util-menu .languages {margin-right:3.6vw;}
    #header.semi .util-menu .btn-nav-toggle .lines {background:#000;}
    #header.semi .util-menu .btn-nav-toggle .lines:before, #header.semi .util-menu .btn-nav-toggle .lines:after {background:#000; }
    #header .util-menu .btn-hq {margin-right:3.5vw;}

    .page-content {padding:20vw 0;}
    .page-content .split-page-content-header {padding:0 5.80912863071vw;}
    .page-content .split-page-content-body {padding:0 5.80912863071vw;}
    .page-content .split-page-content-body.gap_box {padding:0 10vw;}
    .ceo-message p {line-height: 2;}


    #top .page-top-box {width: 100%; box-sizing:border-box; margin-left:0; max-width:100%; padding:21vw 5.80912863071vw 13vw 5.80912863071vw;}
    #top .page-top-box .page-top-box-inner h1 {margin-bottom:2vw; font-size:8.9vw; white-space: nowrap;}
    #top .page-top-box .page-sub-menu ul li:after {
        display: inline-block;
        border: 0;
        font-weight: bold;
        padding: 1.5vw 2vw;
        font-size: 3vw;
        margin:0;
        letter-spacing: 0;
    }
    #top .page-top-box .page-top-box-inner p {font-size:3.6vw; margin-bottom:6vw; width:100%; white-space:normal}
    #top .page-top-box .page-top-box-inner p br {display: none;}

    #top .page-sub-menu ul li.current a {color:#333;}
    #top .page-sub-menu ul li a {display:inline-block; border:0; color:#333;  font-weight: bold; padding:1.5vw 2vw; font-size:3.6vw; letter-spacing:0;}
    #top .page-sub-menu ul li:first-child a{padding-left:0;}
    #top .page-top-box .page-sub-menu {margin:0;}
    #top .page-top-box .cta {position: absolute; right:5vw;; bottom:-16vw; }
    .page-top-box .cta .btn-show-video {color:#fff; border:1px solid #fff; border-radius:30px; font-size: 3.6vw; width:23vw; line-height:10vw; padding-left:3vw; }
    .page-top-box .cta .btn-show-video span {vertical-align: middle}
    .page-top-box .cta .btn-show-video i {font-size:3.3vw; vertical-align: middle}
    .page-top-box .cta .btn-show-video:hover {color:#fff; background: transparent}

    .page-top-box h1 a {font-size: 11.559999vw;}


    .page-top .btn-more {bottom:5vw;}
    .page-top .btn-more a {font-size:3.6vw;}

    .our-family ul li .family-item {padding:1vw;}
    .sports-marketing-item {padding:1vw;}
    .sports-marketing-item .tb {}

    /*.page-top {background: url('../img/cheil/video_intro_img.jpg') bottom center #000 no-repeat; background-size:100% auto;}*/
    .that_page {background: url('../img/that/video_that_img.jpg') bottom center #000 no-repeat; background-size:100% auto;}
    .ideas_page {background: url('../img/ideas/video_ideas_img.jpg') bottom center #000 no-repeat; background-size:100% auto;}
    .move_page {background: url('../img/move/video_move_img.jpg') bottom center #000 no-repeat; background-size:100% auto;}


    .page-top-box.dark h1 a { opacity:1;}
    .page-top-box.grey h1 a {opacity:1;}
    .page-top-box.black h1 a { opacity:1;}
    .page-top-box.grey .page-sub-menu ul li a {background:transparent !important; color:#333 !important;}
    .page-top-box.dark .page-sub-menu ul li a {background:transparent !important; color:#fff !important;}
    .page-top-box.black .page-sub-menu ul li a {background:transparent !important; color:#fff !important;}

    .tab-content-menu li a {font-size:3.6vw !important;  color:#9f9f9f !important; font-weight:bold !important;}
    .tab-content-menu li.active a {color:#000 !important;}

    #company_information .split-page-content .split-page-content-row.split-page-content-row-bordered .split-page-content-col {border:0;border-bottom:1px solid #eaeaea; padding:8vw 0;}
    #company_information .split-page-content .split-page-content-row.split-page-content-row-bordered .split-page-content-col:first-child {padding-top:0;}
    #company_information .split-page-content .split-page-content-row.split-page-content-row-bordered .split-page-content-col:last-child {border-bottom:0;}
    #company_information .split-page-content .split-page-content-body {display:block;}
    #company_information .split-page-content .split-page-content-col { width:100%; padding:0; margin:0 auto;}
    #company_information .split-page-content .split-page-content-row {display:block;}
    #company_information .sub-page-content-header .title-sm {font-size:5.555vw; margin-bottom:3vw};
    #company_information .sub-page-content {border-bottom:1px solid #eaeaea; margin-bottom:7vw; padding-bottom:7vw;}
    #company_information .split-page-content .split-page-content-row.split-page-content-row-bordered .split-page-content-col:last-child .sub-page-content {border:0; margin:0;}

    #company_history {background:#f6f6f6}
    #company_history .tab-content-menu {display:table; width:100%;}
    #company_history .tab-content-menu li {display:table-cell; width:33.333333%; text-align:center;}
    #company_history .tab-content-menu li:first-child {text-align:left; margin-left:-2px;}
    #company_history .split-page-content-body {border-top:1px solid #bebebe;}
    #company_history .split-page-content .split-page-content-header .tab-content-menu {margin-top:0;}
    #company_history .split-page-content .split-page-content-header .tab-content-menu li a {font-size:3.6vw; display:inline-block; padding-bottom:3.6vw; font-weight:bold; color:#9f9f9f;}
    #company_history .split-page-content .split-page-content-header .tab-content-menu li.active a {color:#000;}
    #company_history .split-page-content .split-page-content-header .tab-content-menu li.active a:before{display:none;}
    #company_history .split-page-content .split-page-content-header .tab-content-menu li.active a:after {content:""; position:absolute; bottom:0; left:0; width:100%; border-top:3px solid #000;}
    #company_history .split-page-content .split-page-content-col {display:block; width:100%; padding:0;}
    #company_history .split-page-content .split-page-content-row {display:block; width:100%;}
    #company_history .split-page-content .split-page-content-col .company-history-block {width:100%; padding-bottom: 6vw; margin:0;}
    #company_history .sub-page-content-header  {display:none;}
    #company_history .company-history-block dt {font-size:5vw; text-align:left; padding-bottom:3.6vw; }
    #company_history .company-history-block dd ul li {font-size:3.6vw; margin:0; padding-bottom:1.5vw;}

    #business_area .business-area-content .business-area-title {width:40vw; height:40vw; font-size:4vw;}
    #business_area .business-area-content .business-area-title span {font-size: 4.5vw; width: 30vw;}
    #business_area .business-area-content .business-area-title:after {display:none;}
    #business_area .business-area-content .business-area-title:before {border: 0.4rem solid #fff;top: 0.4rem;left: 0.4rem;right: 0.4rem;bottom: 0.4rem;}
    #business_area .business-area-content .solutions {display: block;}
    #business_area .business-area-content .solutions li {width:100%; padding:0;}
    #business_area .business-area-content .solutions li:before {display:none;}
    #business_area .business-area-content .solutions li:after {display:none;}
    #business_area .business-area-content .solutions .solution-item {margin-top:5vw; padding:0;}
    #business_area .business-area-content .solutions .solution-item dt {display:block; position: relative; width:100%; height:auto; border-radius:0; left:0; top:0; margin:0;}
    #business_area .business-area-content .solutions .solution-item dt > strong {width:100%; position:unset; transform:unset; line-height:140%; padding:3vw 0;}
    #business_area .business-area-content .solutions .solution-item dt span {display:block; width:100%; position: relative; text-align:center;  margin:0; font-size:4vw;}
    #business_area .business-area-content .solutions .solution-item dt br {display:none !important;}
    #business_area .business-area-content .solutions .solution-item dd {padding:6vw 6vw 12vw 6vw; font-size:3.6vw ; background: #f6f6f6;}

    #business_area .tab-content-menu {overflow-x:auto; overflow-y:hidden;  white-space: nowrap;  width:100%; margin:0; }
    #business_area .tab-content-menu li {display:inline-block; margin:0 4vw 0 0;}
    #business_area .tab-content-menu li a:before {display:none;}
    #business_area .tab-content-menu li a {font-size:3.2vw; display:inline-block; padding-bottom:3.6vw;}
    #business_area .tab-content-menu li.active a:before{display:none;}
    #business_area .tab-content-menu li.active a:after {content:""; position:absolute; bottom:0; left:0; width:100%; border-top:3px solid #000;}
    #business_area .tab-content-menu .tab-content-sub-menu{display:none !important;}
    #business_area .split-page-content-body {border-top:1px solid #bebebe;padding-top:8vw;}
    .page.full-page .bg .back.image {background-size:cover !important; background-position:center center !important; min-height:auto !important; }
    .page.full-page.height-600 {height:50vw !important; min-height:auto !important; }
    #business_area .page-content {padding: 20vw 0 13vw 0;}

    #business_area .split-page-content-body {padding:0;}
    .business-area-content02 .solutions {display:block; padding:5.80912863071vw 5.80912863071vw 0 5.80912863071vw;}
    .business-area-content02 .solutions li {padding:0 0 3.6vw 0; }
    .business-area-content02 .solutions dl dt {padding-bottom:3.6vw;}
    .business-area-content02 .solutions dl dt strong {font-size:4vw; }
    .business-area-content02 .solutions dl dd p {font-size:3.6vw; padding-bottom:7vw;}
    .business-area-content02 .solutions {background:transparent;}
    #business_area .split-page-content02 .split-page-content-header {padding:0;}
    #business_area .split-page-content02 .split-page-content-header .tab-content-area02 {overflow: hidden;}
    #business_area .split-page-content02 .split-page-content-header .tab-content-menu02 {display: block; overflow-x: auto;overflow-y: hidden;margin: 0 0 -3vw 0;white-space: nowrap;border-bottom: 1px solid #bebebe;width: 100%;  -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0px);}
    #business_area .split-page-content02 .split-page-content-header .tab-content-menu02 > li {display: inline-block; padding:10vw 6vw 2.7vw 0;height:auto; width:auto; }
    #business_area .split-page-content02 .split-page-content-header .tab-content-menu02 > li:first-child {padding-left:5.80912863071vw;}
    #business_area .split-page-content02 .split-page-content-header .tab-content-menu02 > li a {display: inline-block; font-size:4vw;  position: relative; padding-bottom:4vw; transition:none;}
    #business_area .split-page-content02 .split-page-content-header .tab-content-menu02 > li.active a {opacity:1;}
    #business_area .split-page-content02 .split-page-content-header .tab-content-menu02 > li.active a:after {content:""; display:block; position: absolute; bottom:0; left:0; width:100%; border-bottom: 3px solid #000;}

    .split-page-content02 .split-page-content-header .tab-content-menu02 img {height:13vw;}

    .page .bg .video {display: none;}
    .page .bg {width:100%; height:100%; }
    .page .bg .back.image{height:100%; background-attachment: scroll;}

    #awards_we_have_won {min-height:auto !important;}
    .split-page-content .split-page-content-body-inner {padding:0;}

    #ci {background:#f6f6f6;}


    #awards_list .table-bordered thead tr th:nth-child(2),#awards_list .table-bordered tbody tr td:nth-child(2) {display: none;}
    #awards_list .award-list-filters {text-align:left;}
    #awards_list .award-list-filters span:nth-child(2) select {width:15vw;}
    #awards_list .select-form-container {padding-right:2vw;}
    #awards_list select.form-input {margin-left:0 !important; }

    #nav .gnb {position:absolute;}

    /*split-page.css*/

    .split-page-content .split-page-content-header h2 {width:100%; font-size:8.3vw; margin-bottom:5vw;  white-space: normal; box-sizing: border-box}
    .split-page-content02 .split-page-content-header h2 {width:100%; font-size:8.3vw; margin-bottom:0; padding:0 5.80912863071vw;  white-space: normal; box-sizing: border-box}
    .split-page-content .split-page-content-header-inner {padding:0; max-width:100%; width:100%;}
    .split-page-content .split-page-content-header-inner br {display:none;}
    .split-page-content .split-page-content-header p {font-size:3.6vw; margin-bottom:6vw; max-width:100%;}

    #global_networks_affiliate .tab-content-menu {margin-top:0; display:table; width:100%;}
    #global_networks_affiliate .tab-content-menu li {display:table-cell; width:33.333333%; text-align:center;}
    #global_networks_affiliate .tab-content-menu li a {font-size:3.6vw; display:inline-block; padding-bottom:3.6vw;}
    #global_networks_affiliate .tab-content-menu li:first-child  {text-align:left;}
    #global_networks_affiliate .tab-content-menu li.active a:before{display:none;}
    #global_networks_affiliate .tab-content-menu li.active a:after {content:""; position:absolute; bottom:0; left:0; width:100%; border-top:3px solid #000;}
    #global_networks_affiliate .split-page-content-body {border-top:1px solid #bebebe;padding-top:3vw;}

    #global_networks_affiliate .split-page-content .split-page-content-col {width:100%; padding:0;}
    #global_networks_affiliate .sub-page-content-header .title-lg {display:none;}
    #global_networks_affiliate .company-history-block dt {font-size:8vw;}
    #global_networks_affiliate .company-history-block dd ul li {font-size:3.6vw;}


    .sports-marketing ul li {flex-basis: 50%;}
    .sports-marketing-item .team-name {font-size:3.6vw;}
    .sports-marketing-item .team-description {font-size:3.1vw;}
    .sports-marketing-item .desc {padding-bottom:2vw;}

    .our-family {}
    .our-family ul li {flex-basis:50%;}
    .our-family img { }


    .global-networks dl {display:block;padding:0; margin:0; border:0; }
    .global-networks dl dt {font-size:3.6vw; display:block; box-sizing: border-box; padding:4vw 3vw;  margin:0; border-top:1px solid #ddd; background: url(../img/icon/icon-arrow-down.svg) calc(100% + 40px) 50% no-repeat;}
    .global-networks dl:last-child {border-bottom:1px solid #ddd;}
    .global-networks dl dd {display:none;border-top:1px solid #ddd;}
    .global-networks dl dd ul {margin:0; }
    .global-networks dl dd ul li {width:50%; padding:4vw; margin:0; border:0; font-size:3.6vw; }
    .global-networks dl dd ul li:before {display: none;}
    .global-networks dl.active {color:#46bebe;}
    .global-networks dl.active dt {background: url(../img/icon/icon-arrow-up.svg) calc(100% + 40px) 50% no-repeat;}
    .global-networks dl dd ul li a {font-size:3.6vw;}



    #investor_relations {background:#fafafa;}
    #investor_relations .tab-content-menu {overflow-x:auto; overflow-y:hidden; margin:0; white-space: nowrap; width:100%;}
    #investor_relations .tab-content-menu li a {font-size: 3.6vw;display: block;box-sizing: border-box;padding: 6vw 5vw; border:1px solid #dddddd; background:#fff; margin-bottom:3vw; color:#333 !important;}
    #investor_relations .tab-content-menu li a:before {display:none;}
    #investor_relations .tab-content-menu li.active a:before{display:none;}
    #investor_relations .tab-content-menu .tab-content-sub-menu{display:none !important;}

    #investor_relations .split-page-content .split-page-content-header .tab-content-menu > li {margin:0;}
    #investor_relations .split-page-content .split-page-content-header .tab-content-menu > li.active > a {font-weight: normal; cursor: pointer; position: relative;}
    #investor_relations .split-page-content .split-page-content-header .tab-content-menu > li > a:after {position:absolute; top:6vw; right:5vw; content:"\e806"; font-family: "fontello";}

    .split-page-content{display:block;}


    .world-map {margin-bottom:5vw;}

    /*ceo*/
    .ceo-message {padding-left:0}
    .ceo-message h3 {font-size:8.3vw; margin-bottom:6vw;}
    .ceo-message p {font-size:3.6vw; margin-bottom:7vw;}


    /*page-ceo*/
    .ceo-message p.ceo-name {font-size:3.6vw;}
    .ceo-message p.ceo-name img {display: block; margin:4vw 0 0 0 ; width:16vw;}
    .page#ceo_message { padding-bottom:60vw;}
    .page#ceo_message .ceo-profile-pic img {margin-left:0;}


    /*page-careers*/
    .career-description-block dt {font-size:4vw;}
    .career-description-block dd p {font-size:3.6vw;}
    .career-description-block dd a {font-size:3.6vw;}
    /*mobal*/
    .modal-box-body.modal-box-body-type-2 {padding:5vw; }

    .all-past-event-list ul li {padding:4vw 0;}
    .past-event-list-item .post-title {font-size:4vw;}
    .past-event-list-item .post-meta {font-size:3.5vw;}
    .pagination {margin-top:10vw}



    .modal-content-footer .post-nav, .modal-content-footer .pagination {}
    .post-nav a {font-size:4vw; width:48%;}
    .post-nav a:first-child {position:relative; left:-1vw;}
    .post-nav .split {font-size:4vw; margin:0;}


    #newsDetailModal .modal-content .modal-content-footer {background:#fff; height:auto; position:fixed; bottom:0; left:0; width:100%; padding:5vw 0;}
    #newsDetailModal .modal-content-footer .post-nav, .modal-content-footer .pagination {margin-top:0; }

    #magazineDetailModal .modal-content .modal-content-footer {background:#fff; height:auto; position:fixed; bottom:0; left:0; width:100%; padding:5vw 0;}
    #magazineDetailModal .modal-content-footer .post-nav, .modal-content-footer .pagination {margin-top:0; }
    #magazineDetailModal .table tr td:first-child {width:3vw;}


    .news-btn-area{ font-size:3.6vw;}
    .news-btn-area .btn-prev {
        padding:3vw 0;
    }
    .news-btn-area .news-p-txt {width:auto; min-width: auto}
    .news-btn-area .btn-prev .txt{display:none;}


    /*table*/
    #news .table-bordered td:nth-child(2) a {display:block; width:55vw; box-sizing:border-box; white-space: nowrap;text-overflow: ellipsis; overflow:hidden; }
    .table-bordered th, .table-bordered td {font-size:3.4vw !important; padding:2.5vw 3vw !important;}
    .accordion .table-bordered th:first-child ,.accordion .table-bordered td:first-child  {padding-left:5vw !important; }
    .table-bordered td {line-height:140%;}

    .accordion-item-body {
        position:relative;
    }
    #corporate_governance_2 .accordion-item-body:after ,#corporate_governance_3 .accordion-item-body:after  {
        content:"";
        display:block;
        background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,6)));
        background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,6));
        background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,6));
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
        bottom: 0;
        height: 100%;
        max-height: 100%;
        position: absolute;
        right: -2px;
        width: 39px;
    }

    /*page-portfolio*/
    .portfolio-content-block-header .filters .select2-container {font-size:3.5vw;  margin:1vw;}
    .select2-container--default .select2-selection--single .select2-selection__rendered {font-size:3.5vw;}
    .sorting {font-size:3.5vw;}
    .portfolio-content-block-header {padding:0 4vw;; margin-bottom:5vw;}
    .portfolio-content-block-header .sorting {width:39vw;}

    .portfolio-post {display:block; padding:0;}
    .portfolio-post .portfolio-description{margin:0; display: block;}
    .modal-content .modal-content-footer {position: relative}
    #portfolioDetailModal .modal-content .modal-content-footer {display:none;}
    #portfolioDetailModal .modal-box .modal-content-body {margin:0; overflow-y:auto;}
    #portfolioDetailModal .portfolio-gallery {padding-bottom:3vw;}
    .portfolio-list-item .portfolio-title {font-size:3.6vw; padding:1.9vw 0 3vw 0;}

    .modal-content .modal-content-body {padding:18vw 0;}

    .portfolio-description .gallery-tb {

    }

    .portfolio-description .gallery-tb .gallery-tb-slider {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateZ(0px);

    }
    .portfolio-description .gallery-tb .gallery-tb-slider::-webkit-scrollbar{
        display: none;
        font-size:0;
    }


    .portfolio-description .gallery-tb .gallery-tb-slider .gallery-tb-slide-item{
        display: inline-block;
        width:25vw;
        font-size:0;
        margin-right:-2px;
    }
    .portfolio-description .gallery-tb .gallery-tb-slider .gallery-tb-slide-item a {
        border-right:0;
    }



    /*page-pr*/
    #magazines .magazines .magazine-filters {text-align:left; margin-bottom:3vw;}
    #magazines select.form-input {margin:0 3vw 0 0 ;}
    #magazineDetailModal .table th {padding:.6rem .5rem}

    .ci-content {display:block; margin-bottom:7vw; min-height:auto;}
    .ci-content:last-child {padding:0; margin:0;}
    .ci-content .ci-description {padding:0;}
    .ci-content .ci-image {width:100%; padding-bottom:40%;}
    .ci-content:last-child .ci-image {padding:0;}

    .magazines .magazine-list {margin:0;}
    .magazines ul {margin:0;}
    .magazines .magazine-list li{padding:0; margin:2vw 0 3vw 2vw; flex-basis: 31.333333%;}

    .magazines ul li:nth-child(3n+1){ margin-left:0;}
    .magazine-item .magazine-title {font-size:3.6vw; margin:1.9vw 0 0 0;}


    .corporate-box-list > ul {display:block;}
    .corporate-box-list > ul > li {width:100%; }
    .corporate-box-list-item {padding:6vw 4vw 4vw 4vw;}
    .corporate-governance-content .corporate-governance-content-block h4 {font-size:4vw;}
    .corporate-governance-content .corporate-governance-content-block p {font-size:3.4vw;}

    .corporate-box-list-item .corporate-box-list-item-header .name {font-size:3.7vw;}
    .corporate-box-list-item .corporate-box-list-item-header .name .role {font-size:3.7vw;}
    .corporate-box-list-item .corporate-box-list-item-body ul li {font-size:3.6vw; margin-bottom:3vw;}
    .corporate-box-list-item .corporate-box-list-item-body ul li br {display:none;}
    .corporate-box-list-item .corporate-box-list-item-body ul li:before {top:1.7vw; }
    .corporate-governance-content .corporate-governance-content-block ul li {font-size:3.6vw;}

    #ci .page-content {padding:20vw 0;}
    .ci-content .ci-image.ci-box {display:block; }
    .ci-content .ci-image .logo-area01, .ci-content .ci-image .logo-area02 {
        text-align:center;
        width:100%;
        padding:10vw 0;
    }

    .ci-content .ci-description h3 {padding:0; font-size:5vw; padding:6vw 0 5vw 0;}
    .ci-content .ci-description {margin:0;}
    .ci-content .ci-description .download-links {display:table; width:100%; padding:7vw 0 6vw 0; position: relative;}
    .ci-content .ci-description .download-links a{
        border: 1px solid #666666;
        display: inline-block;
        font-size: 3.6vw;
        padding: 4vw 9vw 4vw 3vw;
        font-weight: bold;
        margin-right: 1vw;
    }
    .ci-content .ci-description .download-links a:before {right: 3vw;}
    .ci-content .ci-description p {font-size: 3.6vw;  height:auto; padding:0; min-height:auto;}

    #pr_news .sub-page-title {display:none;}
    #pr_news .tab-content-menu {display:block; width:100%;}
    #pr_news .tab-content-menu li {display:inline-block; text-align:center;}
    #pr_news .tab-content-menu li:first-child {text-align:left; margin-left:-2px;}
    #pr_news .page-content .split-page-content-header {padding:0;}
    #pr_news .page-content .split-page-content-header h2 {padding: 0 5.80912863071vw;}
    #pr_news .split-page-content .split-page-content-header  {border-bottom:1px solid #bebebe; margin-bottom:5.80912863071vw;}
    #pr_news .split-page-content .split-page-content-header .tab-content-menu {margin:0 !important; padding: 0 5.80912863071vw; box-sizing: border-box;}
    #pr_news .split-page-content .split-page-content-header .tab-content-menu li {margin:0 5vw 0 0;}
    #pr_news .split-page-content .split-page-content-header .tab-content-menu li a {font-size:3.6vw; display:inline-block; padding-bottom:3.6vw; font-weight:bold; color:#9f9f9f;}
    #pr_news .split-page-content .split-page-content-header .tab-content-menu li.active a {color:#000;}
    #pr_news .split-page-content .split-page-content-header .tab-content-menu li.active a:before{display:none;}
    #pr_news .split-page-content .split-page-content-header .tab-content-menu li.active a:after {content:""; position:absolute; bottom:0; left:0; width:100%; border-top:3px solid #000;}


    #pr_news_v2 .page-content .split-page-content-header {padding:0;}
    #pr_news_v2 .page-content .split-page-content-header h2 {padding: 0 5.80912863071vw;}
    #pr_news_v2 .split-page-content .split-page-content-header  {border-bottom:1px solid #bebebe; margin-bottom:5.80912863071vw;}
    #pr_news_v2 .split-page-content .split-page-content-header ._tab-content-menu {display:block; width:100%; margin:0 !important; padding: 0 5.80912863071vw; box-sizing: border-box;}
    #pr_news_v2 .split-page-content .split-page-content-header ._tab-content-menu li {display:inline-block; text-align:center; margin:0 5vw 0 0;}
    #pr_news_v2 .split-page-content .split-page-content-header ._tab-content-menu li:first-child {text-align:left; margin-left:-2px;}
    #pr_news_v2 .split-page-content .split-page-content-header ._tab-content-menu li a {font-size:3.6vw; display:inline-block; padding-bottom:3.6vw; font-weight:bold; color:#9f9f9f;}
    #pr_news_v2 .split-page-content .split-page-content-header ._tab-content-menu li.active a {color:#000;}
    #pr_news_v2 .split-page-content .split-page-content-header ._tab-content-menu li.active a:before{display:none;}
    #pr_news_v2 .split-page-content .split-page-content-header ._tab-content-menu li.active a:after {content:""; position:absolute; bottom:0; left:0; width:100%; border-top:3px solid #000;}


    .members-area {flex-wrap: wrap; display: -webkit-flex;-webkit-align-items: center;display: flex;align-items: center; padding-bottom:5vw;}
    .members-area .profile-pic {width:50%;}
    .members-area .members {width:50%; box-sizing: border-box; padding:0 3vw;}
    .members-area .members .member-name {display:block;width:100%; font-size:5vw; padding-bottom:3vw; color:#000;}
    .members-area .members .member-meta {display:block; width:100%; font-size:3.6vw; line-height:150%}

    /**/
    .accordion .table-bordered th:first-child, .accordion .table-bordered td:first-child {text-align:center;}
    .accordion .table-bordered th:last-child, .accordion .table-bordered td:last-child {}

    #corporate_governance_4 .accordion .table-bordered th:first-child, #corporate_governance_4 .accordion .table-bordered td:first-child {text-align:left;}

    .accordion-item-header {}
    .accordion-item-header a {font-size:4vw; background-position:calc(100% + 37px) 50%; padding: 6vw 7vw 6vw 5vw; line-height:140%;}

    #corporate_governance_activity_table1 colgroup col:nth-child(4) {width:80px;}
    #corporate_governance_2 .language {vertical-align: top;}
    #corporate_governance_2 .table-tabs a:after {vertical-align: top;font-size: 3vw;}
    #corporate_governance_2 colgroup col:nth-child(1) {width:50px;}
    #corporate_governance_2 colgroup col:nth-child(2) {width:60px;}






    colgroup col:nth-child(1) {width:auto !important;}
    colgroup col:nth-child(2) {width:auto !important;}
    colgroup col:nth-child(3) {width:auto !important;}
    colgroup col:nth-child(4) {width:auto !important;}
    colgroup col:nth-child(5) {width:auto !important;}
    colgroup col:nth-child(6) {width:auto !important;}
    colgroup col:nth-child(7) {width:auto !important;}
    colgroup col:nth-child(8) {width:auto !important;}
    colgroup col:nth-child(9) {width:auto !important;}


    #corporate_governance_activity_table2 .table-bordered, #corporate_governance_activity_table3 .table-bordered {width: 500px;}



    .pc_br {display:none;}



    /*sub-page*/
    #investor_relations{min-height:auto !important;}

    #investor_relations .split-page-content .split-page-content-body {display:none; position: fixed; z-index:100; top:0; left:0; width:100%; height: 100%;  background:#fff;box-sizing: border-box; overflow:hidden;}
    #investor_relations .split-page-content .split-page-content-body .sub-page-title {display:block; position: fixed; z-index:100; top:0; left:0; width:calc(100% - 11.61825726142vw); height:30px; background:#333; color:#fff; margin:0; padding: 4.4vw 5.80912863071vw !important; text-align:center; line-height:30px; font-size:5vw; -webkit-transform: translateZ(0)}
    #investor_relations .split-page-content .split-page-content-body .tab-content {position: fixed; top:0; left:0; width:100%; height:100%; box-sizing: border-box; }
    #investor_relations .split-page-content .split-page-content-body .tab-content .position_box {position: fixed; padding:5vw 5.80912863071vw 10vw; width:100%; height:calc(100% - 8.8vw - 30px); top:calc(8.8vw + 30px); left:0; overflow-y:auto; box-sizing:border-box;}
    #investor_relations .shareholder-letter-row {display: block; overflow-y:auto;}
    #investor_relations .shareholder-letter-row .shareholder-letter-col {width:100%; }
    #investor_relations .shareholder-letter-row .shareholder-letter-col p {font-size:3.6vw; margin-bottom:5vw;}
    #investor_relations .shareholder-letter-row .shareholder-letter-col .ceo {top:0; left:0;}
    #investor_relations .shareholder-letter-row .shareholder-letter-col p {top:0; left:0;}
    .stock-information-content-row .stock-information-content-col:first-child {margin:0;}
    #stock_information hr {margin:5vw 0;}



    #investor_relations .split-page-content .split-page-content-body .m_chat_tab {overflow:hidden;margin-bottom:5vw;border-bottom:1px solid #e2e2e2;}
    #investor_relations .split-page-content .split-page-content-body .m_chat_tab ul { overflow: hidden;margin: 0 0 -3vw 0;overflow-x: auto; white-space: nowrap; width: 100%; }

    .ir-graphs .graph-filters { margin:10vw 0 5vw 0; overflow: hidden; padding:0 1vw; border-bottom: 1px solid #e2e2e2; text-align:left;}
    .ir-graphs .graph-filters a {position: relative; display:inline-block; font-size: 4vw; padding:0 0 3vw 0; margin-right:3vw;}
    .ir-graphs .graph-filters a:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;}
    .ir-graphs .graph-filters a.active  {font-weight:900;}
    .ir-graphs .graph-filters a.active :after {content: "";position: absolute;bottom: 0;left: 0;width: 100%; border-top: 3px solid #000;}


    .ir-graphs .graphs {display:block; margin:0;}
    .ir-graphs .graphs .graph-block {padding:0 0 10vw 0;}
    .ir-graphs .graphs .graph-block h5 {font-size: 5vw; margin-bottom: 5vw;}



    #events_and_filings .filing-post-header {margin-bottom:8vw;}
    #events_and_filings .filing-post-body hr {margin:5vw auto;}
    #events_and_filings .filing-post-header h5 {font-size:4vw;}

    .modal.video-player .modal-box {    width: calc(100vw - 2rem ); }

    .modal.video-player .modal-box .btn-close {top: -3rem; right: 0; left:auto;}


    .page-back span {}
    .page-back { padding:3vw 4vw 3vw 3vw; margin:0 0 3vw 0; vertical-align: middle;}
    #portfolioPage.modal-content .modal-content-header {position:relative; padding:0 4vw}
    #portfolioPage.modal-content .modal-content-body {padding:3vw  0 0 0}
    .tit-txt {width:75vw; display:inline-block; line-height:160%; vertical-align: middle; }
    #portfolioDetailModal .modal-content .modal-content-footer{}
    .portfolio-post-nav {height: 15vw;}
    .portfolio-post-nav .btn-post-nav {width:50%}
    .portfolio-post-nav .btn-post-nav .post-title {font-size:3.5vw; padding:6vw 2vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    #investor_relations .events-and-filings-posts-body .post-list li {width:100%; padding:0; margin:3vw 0;}
    #investor_relations .events-and-filings-posts-body .post-list-item {height: auto; padding:0;}
    .events-and-filings-posts-body {margin-bottom:7vw;}
    .events-and-filings-posts-body .post-list {margin:0; display:block;}
    .events-and-filings-posts-body .post-list-item .post-title {font-size:4vw;}
    .events-and-filings-posts-body .post-list-item .post-meta {height: auto;}
    .events-and-filings-posts-body .post-list-item .post-list-item-inner {position: relative; padding:4vw;}
    .events-and-filings-posts-body .post-list-item .post-meta span {font-size:3.6vw; margin-bottom:5vw;}
    .events-and-filings-posts-body .no-data span {margin:0;font-size:4vw;}
    .events-and-filings-posts-header {margin-bottom:5vw;}
    .events-and-filings-posts-header h4 {font-size:4.5vw;}
    .events-and-filings-posts-header .btn-see-all {font-size:4vw;}
    .filing-post-body .file-downloads a {font-size:3.4vw;}

    #investor_relations .split-page-content .split-page-content-body .m_chat_tab {overflow:hidden;margin-bottom:5vw;border-bottom:1px solid #e2e2e2;}
    #investor_relations .split-page-content .split-page-content-body .m_chat_tab ul { overflow: hidden;margin: 0 0 -3vw 0;overflow-x: auto; white-space: nowrap; width: 100%; }
    #investor_relations .split-page-content .split-page-content-body .m_chat_tab li {display:inline-block; padding-bottom:3vw;}
    #investor_relations .split-page-content .split-page-content-body .m_chat_tab li a {position: relative; font-size: 4vw; display:block; padding:0 0 3vw 0; margin-right:5vw;}
    #investor_relations .split-page-content .split-page-content-body .m_chat_tab li.active a {font-weight:900;}
    #investor_relations .split-page-content .split-page-content-body .m_chat_tab li.active a:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%; border-top: 3px solid #000;}

    .career-description-item h5.active {background:url(../img/icon/icon-arrow-up.svg) calc(100% + 50px) 5.80912863071vw;}

    #investor_relations .split-page-content .split-page-content-body .tab-content#financial_highlights_2 {padding:10vw 0 20vw;}

    .corporate-governance-content .corporate-governance-content-block .table-tabs {position:relative;}
    .corporate-governance-content .corporate-governance-content-block .table-tabs {top:0.3vw;}
    .corporate-governance-content .corporate-governance-content-block .table-tabs a {font-size:3.2vw; display: inline-block;    padding: 2vw 0;}

    /*portfolio*/

    .featured-portfolio {padding:10vw 0 4vw 0;margin:0;}
    .featured-portfolio .slider {max-width:95vw; margin-bottom: 0; padding-bottom:15vw;}

    #portfolio .container{ max-width:100% !important}
    .featured-portfolio .slider-indices {display:none}
    .featured-portfolio .slider-indices ul { border:0; width:80%; margin:0 auto; display:table;}
    .featured-portfolio .slider-indices ul li {display:table-cell; width:16.66666666666667%; border-radius:0; height:4px; background:#ddd; position:unset; transform:unset;}
    .featured-portfolio .slider-indices ul li a {display:none;}
    .featured-portfolio .slider-indices ul li.active {background:#000;}
    .featured-portfolio .slider-indices .handle {display:none;}
    .featured-portfolio .slick-initialized .slick-slide {transition:all 1s;}
    .featured-portfolio .slick-initialized .slick-slide.slick-active {

        -webkit-transform: translateY(-5vw);
        -moz-transform: translateY(-5vw);
        -ms-transform: translateY(-5vw);
        -o-transform: translateY(-5vw);
        transform: translateY(-5vw);
    }
    .featured-portfolio .slick-initialized .slick-slide.slick-active img{box-shadow:  0vw 5vw 5vw rgba(0,0,0,.35);}
    .nunber_box{position: absolute; top:6vw; right:12vw; font-size:3vw; border-radius:25px; background:#000; opacity: .5; color:#fff; padding:1.5vw 3vw; letter-spacing:1px;}


    .portfolio-content-block {margin:0 0 15vw 0;}
    .featured-portfolio .featured-portfolio-item {padding:1.5vw;}
    .featured-portfolio .featured-portfolio-item:hover a {transform:unset;}

    #portfolio .page{min-height:auto !important;}

    .member-post {display:block; margin:0;}
    .member-post .member-description {padding:0;}
    .member-post .member-description .member-name {padding:7vw 0 0 0; font-size:6vw; }
    .member-post .member-description .member-meta {font-size:4vw;}
    .member-post .member-description .member-excerpt {font-size:3.6vw;}


    .member-list-item .profile-pic {margin-bottom:4vw;}
    .member-list-item .member-name {font-size:4vw; margin-bottom:1vw;}
    .member-list-item .member-meta {font-size:3.5vw; line-height:120%; margin-bottom:3vw;}
    .member-list-item .member-meta > span {margin-bottom:.7vw;}

    #privacyModal .modal-content .modal-content-header .modal-content-header-util {position: absolute;left: 4vw;bottom: 1.5vw; right:unset; top:unset;}
    #privacyModal select.form-input {margin:0;}

    #divisionsManagementPolicyModal .modal-content .modal-content-header .modal-content-header-util {position: absolute;left: 4vw;bottom: 1.5vw; right:unset; top:unset;}
    #divisionsManagementPolicyModal select.form-input {margin:0;}
    #divisionsManagementPolicyModal .modal-scroll-area-inner >div {padding:3vw !important;}

    #recruitDetailModal .table-container > div {padding:0 !important; font-size:3vw !important;}

    #partnershipTermModal .modal-scroll-area-content >div {padding:3vw !important;}

    #visitUsModal .excon_1 {padding:0 5vw !important;}
    #visitUsModal .excon_1 span {font-size:4vw !important; line-height:130%;}

    #visitUsModal .excon_0 {padding:0 5vw !important;}
    #visitUsModal .excon_0 span {font-size:4vw !important; line-height:130%;}
    #visitUsModal .visit_info  span {line-height:130%;font-size:4vw !important;}

    .world-map{margin:0 0 5vw 0; padding-top: 61.061224%;}
    #business_and_networks .split-page-content-body {overflow:hidden;}

    #awards_we_have_won .split-page-content {display:block;}
    #awards_we_have_won .award-list {padding:0;overflow:hidden}
    #awards_we_have_won .page-content .split-page-content-body {padding:0;}
    .award-list ul {display:block;overflow-x: auto;overflow-y: hidden;margin: 0 0 -3vw 0;white-space: nowrap;border-bottom: 1px solid #bebebe;width: 100%;}
    .award-list ul li{display: inline-block; padding:0 0 3vw 1vw;}
    .award-list ul li:first-child{padding-left:5vw;}
    .award-list-item {text-align:center;  padding: 0 20px; height: 36vw; min-width: 26vw;}
    .award-list-item .award-logo {height:11vw; margin-top:7vw;}
    .award-list-item .award-logo img {height:11vw;}

    .award-list ::-webkit-scrollbar {
        height:4px;

    }

    .award-list ::-webkit-scrollbar-track {
        background: #e1e1e1;
    }

    .award-list ::-webkit-scrollbar-thumb {
        background: #363636;
        border-radius: 10px;
        width: 9px;
    }
    .award-list ::-webkit-scrollbar-thumb:hover {
        background: #363636;
    }


    .portfolio-list ul li {width:50%; flex:none; padding:2vw 1vw 0 1vw; }

    .portfolio-content-block-body {padding:0 5.80912863071vw;}


    .privacyArea {padding:0 !important; box-sizing:border-box; width:100%  !important;}
    .privacyArea .privacySubj:nth-child(1) {margin-top:0 !important;}



    /*page-parters*/
    .partner-list ul{width:100%; margin:0; }
    .partner-list ul li {width:50%;margin-right:0;  }
    .partner-list ul li img {display:inline-block; }
    .partner-list-item {width:60%;}

    .ceo_img_area {
        padding:20vw 0 0 0;
    }
    .ceo_img_area .img_content{
        margin:0 auto !important;
        width:75%;
    }



    /*footer*/
    #footer {overflow: hidden;}
    #footer .container {padding:20vw 5.80912863071vw; box-sizing: border-box;}
    #footer .footer-left h3 {font-size:5vw;}
    #footer .footer-menu a {font-size:3.6vw;}
    #footer .footer-left, #footer .footer-right {float:none; width:100%;}
    #footer .footer-right .footer-widget {width:50%}
    #footer .footer-right .footer-widget:last-child {width:100%;}
    #footer .footer-right .footer-widget h4 {font-size:3.6vw;}
    #footer .footer-right .footer-widget .footer-widget-menu li a {font-size:3.6vw;}
    #footer .footer-right .footer-widget .footer-widget-sub-menu {display:block !important; position:unset;}
    #footer .copy {font-size:3.6vw; position: relative;}
    #footer .copy .logo-wa {position: absolute; right:0;}

    #footer .footer-right .footer-widget .footer-widget-sub-menu li:before {content:"";}
    #footer .footer-right .footer-widget .footer-widget-sub-menu li {padding-left:0;}
    .has-sub-menu > a {display:none;}

    /*page-ir*/
    .events-and-filings-posts-body .no-data strong {margin:0;}

    .stock-information-content-row p.stock-info-message {font-size:3vw; }
    .stock-information-content-row p {font-size:3.49999vw;}
    .stock-information-content-row {display: block; padding-bottom:2vw;}

    .stock-infos .stock-info:first-child dl {padding-bottom:2vw; padding-right:3vw;}
    .stock-information-box {padding:3vw;}
    .stock-infos {padding:2vw 0; text-align: left;}
    .stock-infos .stock-info dl dt {font-size:4vw;}
    .stock-infos .stock-info dl dd span {font-size:6vw;}
    .table-naked th {font-size:3.4vw;}
    .table-naked td {font-size:3.42vw;}
    .stock-information-box .stock-information-sub-content {padding-top:3.6vw; margin:0;}
    .stock-information-box .stock-information-sub-content .stock-info-box {flex: 0 1 50%; margin:0; padding:2vw 0;}
    .stock-information-box .stock-information-sub-content .stock-info-box dl {font-size:4vw;  max-width:100%;}
    .stock-information-box .stock-information-sub-content .stock-info-box {border-right:0; box-sizing: border-box;}
    .stock-information-box .stock-information-sub-content .stock-info-box dl dt {padding-right:1vw;text-align: left;display:block; float:none; padding-bottom:2vw;}
    .stock-information-box .stock-information-sub-content .stock-info-box dl dd {text-align:left; display:block; float:none;}
    .stock-information-box .stock-information-sub-content .stock-info-box:after {content:"";}
    .magazine-post .magazine-post-body {display:block}
    .magazine-post .magazine-post-body .tb {width:100%; margin:0;}

    .download_listBox a  {font-size:3.4vw;  padding: 6vw 16vw 6vw 5vw;}
    .download_listBox a span {font-size:3.4vw;}
    .download_listBox a:before {right:6vw; font-size:3.4vw;}

    .accordion_txt_list ul{padding:5vw; }
    .accordion_txt_list ul li {font-size:3.6vw; line-height:140%;}


    .accordion-item-body {overflow:hidden;}
    .table-container {width:100%; overflow-x:scroll;}

    .ir-contact-content dl dt {font-size:7vw;}
    .ir-contact-content dl dd a {font-size:4.3vw;}


    .magazine-post {display: block; }
    .magazine-post .post-title {position: fixed; top:0; left: 0;font-size: 5vw;padding: 8vw 4vw 8vw 7vw;background: #fff;width: 100%;box-sizing: border-box;z-index: 9;}
    .table th, .table td {font-size:3.6vw;}

    .news-post p {font-size:3.6vw;}

    .news-post img.align-right {float:none; width:100%;}

    /*nav*/

    #nav .btn-close {display:block; top:4.4vw; right:5.80912863071vw; width:24px; height:30px;}
    #nav .btn-close .line {display:block; width:18px; height:30px;}
    #nav .btn-close .line:before, #nav .btn-close .line:after {width:18px; }



    #nav  {padding:10vw; }
    #nav .gnb .gnb-menu {display:block;}
    #nav .gnb .gnb-menu > li {text-align:left; margin-bottom:8vw;}
    #nav .gnb .gnb-menu > li:last-child {margin-bottom:0;}
    #nav .gnb .gnb-menu > li > a {margin-bottom:3vw;}
    #nav .gnb .gnb-menu > li > a strong {font-size:13vw; margin:0; }

    #nav .gnb .gnb-menu > li > a small  {display: none;}
    #nav .gnb .gnb-menu > li > .sub-menu > li {margin:0; display:inline-block;}
    #nav .gnb .gnb-menu > li > .sub-menu > li > a {display:block; line-height:3.6vw; color:#fff; padding: 1.5vw 0; font-size: 3.6vw;  letter-spacing:0;}
    #nav .gnb .gnb-menu > li > .sub-menu > li > a:after {
        content: '•';
        padding: 1.5vw 2vw;
        font-size: 3.6vw;
        line-height:3.6vw;
        display: inline-block;
    }
    #nav .gnb .gnb-menu > li > .sub-menu > li:last-child > a:after {
        content: '';
    }
    #nav .gnb .gnb-menu > li > .sub-menu > li > a:hover{}

    /*
    ::-webkit-scrollbar {
    height:4px;
    }

    ::-webkit-scrollbar-track {
    background: #e1e1e1;
    }

    ::-webkit-scrollbar-thumb {
    background: #363636;
    border-radius: 10px;
    width: 9px;
    }
    ::-webkit-scrollbar-thumb:hover {
    background: #363636;
    }

    */
    #corporate_governance_4 .corporate-governance-content .corporate-governance-content-block ul li:before {top:1.5vw;}
    #corporate_governance_4 .corporate-governance-content .corporate-governance-content-block ul li dl dt {display:block;}
    #corporate_governance_4 .corporate-governance-content .corporate-governance-content-block ul li dl dd {display:block;}

    .corporate-box-list .btn-download strong {padding:5vw; font-size:4vw;}
    .corporate-box-list .btn-download strong > span {padding-left:3rem;}

    #nav .gnb .gnb-menu  > li > .sub-menu li:hover a {padding:0 !important; }
    #nav .gnb .gnb-menu > li > .sub-menu li a:before { display:none !important;}
    /*#corporate_governance_activity_table1 { overflow-x: auto;}
    #corporate_governance_activity_table1 table {min-width:600px;}*/
    .career-descriptions ul {display:block; margin:0; }
    .career-descriptions ul li {margin:0 0 3vw 0; padding:4vw 6vw; border:1px solid #ddd; background:#fff;}

    /**/
    .terms-box {font-size:3.6vw; padding:4vw;}

    #we_wants {background:#f6f6f6;}

    .member-list ul li {flex: 0 1 33.3%; padding:1vw;}
    .career-description-item {padding:0;}
    .career-description-item h5 {height:14vw; line-height:14vw; margin:0; font-size:3.7vw; overflow: hidden; padding-left:3vw;background: url(../img/icon/icon-arrow-down.svg) calc(100% + 50px) 50% no-repeat; }
    .career-description-item h5.active {background:url(../img/icon/icon-arrow-up.svg) calc(100% + 50px) 50% no-repeat}
    .career-description-item p {clear:both; width:100%; font-size:3.6vw; display:none; padding:5vw 0 0 0;}
    .career-description-item .btn-link {font-size: 3.4vw; margin-top: 4vw; margin-bottom: 7px;}

    /*search-form*/
    .search-form {display:none;position:fixed; top:0; left:0; width: 100% !important; z-index:9999; border-bottom:1px solid #dddddd; padding:3vw 17vw 4vw 4vw; box-sizing:border-box; background:#fff;}
    .search-form button[type="submit"] {top:45%; left:4vw; width:7vw; height:7vw;  }
    .search-form input {height:8vw; line-height:8vw; padding:0 0 0 10vw; font-size:4vw; border-bottom:1px solid #333; }

    .career-description-item i {width:12vw; height:12vw; margin-top:1vw; float:left;}
    .career-description-item i img {transform: scale(1); width:100%; height:auto;}

    .career-description-block {clear:both; display:block;}

    .pc_hide {display:block;}
    .m_hide {display:none;}


    .modal_bg:after {content:""; display:block; position: fixed; width:100%;height:100%; top:0; left:0; z-index:5; background:rgba(0, 0, 0, 0.7); }
    .search_close {position:absolute; top:3vw; right:6vw; line-height:8vw; font-size:4vw;}

    .loadmore {margin-top:10vw;}
    .btn.btn-rounded {height:10vw; line-height: 10vw; font-size:4vw; padding:0 5vw 0 7vw;}
    .btn.btn-rounded .icon-down-dir {position:relative; top:2px;}


    #header .util-menu .btn-nav-toggle .lines {width:18px; height:2px;}
    #header .util-menu .btn-nav-toggle .lines:before, #header .util-menu .btn-nav-toggle .lines:after  {height:2px;}
    #header .util-menu .btn-nav-toggle .lines:before {top:-6px;}
    #header .util-menu .btn-nav-toggle .lines:after{ bottom:-6px;}

    /*#nav {display:none !important}*/

    .news-post-header .post-title {font-size:4.6vw;}
    .news-post-body img.align-right {width:100%;}
    .news-post-body p {font-size:3.6vw; }
    #nav{transform:none;}
    #nav .btn-close .line {width: 18px;
        height: 3px;
        background: #fff;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);}

    #nav .btn-close .line:before {transition:all .3s; transform: rotate(0); position: absolute;left: 0;top:-6px; bottom:auto; height: 2px;width: 100%;background: #fff;content: '';display: block;}
    #nav .btn-close .line:after {transition:all .3s; transform: rotate(0); position: absolute;left: 0; top:auto; bottom: -6px;height: 2px;width: 100%;background: #fff;content: '';display: block;}

    #nav.active .btn-close .line  {background: transparent !important}
    #nav.active .btn-close .line:before {top:0; transform: rotate(45deg);}
    #nav.active .btn-close .line:after {top:0; transform: rotate(-45deg);}


    .page.full-page.height-500 {min-height: 200px !important;max-height: 200px !important;}
    .bg-caption {right:5vw; bottom:3vw;}


    .international-office-list dl {display: block;}
    .international-office-list dl dt {width:100%; font-size:6vw; padding-bottom:3vw;}
    .international-office-list dl dd {display:block; margin:0; padding:0;}
    .international-office-list dl dd ul li {padding:0 0 1.5vw 0; margin:0; width:100%;}
    .international-office-list dl dd ul li a {font-size:3.6vw;}
    .international-office-list dl dd ul li:after {content:"";}
    .modal-box-body {padding:5vw; overflow-y: auto}

    .modal-box {width:100%; height:100%;}

    /*
    .modal-box {width: calc(100vw - 5vw ); height: calc(100vh - 20vh );}
    */

    .sustainability-system ul {display: block; }
    .sustainability-content {padding-top:5vw;}
    .sustainability-content-block h4 {font-size:5vw;}
    .sustainability-content-block p {font-size:3.6vw;}
    .system-item {padding:5vw; }
    .system-item h5 {font-size:5vw; margin:0;}
    .system-item p {font-size:3.6vw; padding-top:4vw;}


    .sustainability-process ul {display:block;}
    .process-item h5{font-size:5vw;}
    .process-item p {font-size:3.6vw;}

    .process-item dl {display: block;}
    .process-item dl dt {font-size:5vw; display:block;}
    .process-item dl dd {font-size:3.6vw;}

    .process-item .report-download a {font-size:3.6vw;}

    .modal-box-body.modal-box-body-type-3 {padding:5vw;}
    .share-value-content {display: block;}
    .designed-by-cheil-content {display:block;}

    .share-value-posts ul {display:block;}

    .events-and-filings-posts-body .download_listBox {margin:0;}
    .events-and-filings-posts-body .download_listBox .select-form-container .form-input {width:auto !important;}
    .download_listBox .list-row {width: 100%;margin:0 0 7vw 0;}
    .download_listBox .list-row .list-select .txt {font-size:3.5vw;}
    .download_listBox .list-row .list-select {padding: 6vw 5vw;}

    /*page-sustainability*/
    .designed-by-cheil-content-item:before {background:none;}
    .designed-by-cheil-content-item dl {padding:3vw 2vw; margin:1vw 0 0 0;}
    .designed-by-cheil-content-item dl dt {font-size:4vw; margin-bottom:2.5vw;}
    .designed-by-cheil-content-item dl dd {font-size:3vw;}
    .share-value-content-block .share-value-header {height:20vw; margin:10vw 0 3vw 0;}
    .share-value-content-block .share-value-header-inner h4 {font-size:4vw;}
    .share-value-content-block .share-value-header-inner h4+p {margin-top:2.5vw; font-size:3vw;}
    .sharing-value-framework-content-item {font-size:3vw; padding:2vw;}
    .sharing-value-framework-content:after {width:22vw; height:22vw; background-size:100% auto;}

    .share-value-post-item .post-title {font-size:4vw;}
    .share-value-post-item .post-excerpt {font-size:3.6vw; margin-bottom:8vw;}

    .value-list-content-item {padding:5vw 3vw;; }
    .value-list-content-item h5 {font-size:4vw; margin-bottom:3vw;}
    .value-list-content-item p {font-size:3.6vw; }
    .value-list-content ul {display: block;}

    .value-policy-list-content ol {display: block;}
    .value-policy-list-content ol li {margin-bottom: 3vw;}
    .value-policy-content-item {font-size:3.6vw; padding:3vw;}
    .value-policy-content-item p {font-size:3.6vw; }

    .compliance-content-block h4 {font-size:4vw; margin-bottom:3vw;}
    .compliance-content{display: block;}

    .modal-content .modal-content-header {position: fixed; top:0; left:0; font-size:4vw; padding:8vw 4vw; background:#fff; width:100%;  box-sizing: border-box; z-index:9;  -webkit-transform: translateZ(0) }
    .modal-content .modal-content-header .modal-content-title {font-size:5vw; width:80vw; margin-bottom:0; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; word-wrap: normal;}
    .value-detail-content-description {margin-bottom:7vw;}
    .value-detail-content-description p {font-size:3.6vw; margin-bottom:6vw;}



    .value-policy-content-item .step {font-size:4vw;}

    .environmental-value-polity h4 {font-size:4vw;}
    .environmental-value-polity p {font-size:3.6vw;}

    .value-policy-content-item p small.notice {font-size:3vw;}

    .process-item .ask {font-size:3.6vw;}

    .sitemap-content {margin:0 0 0 0;}
    .sitemap-content .gnb-menu {display:block; text-align: center; margin:0;}
    .sitemap-content .gnb-menu > li {margin-bottom:6vw;}
    .sitemap-content .gnb-menu > li > a strong{font-size:6vw;}
    .sitemap-content .gnb-menu > li > a {margin-bottom:4vw;}
    .sitemap-content .gnb-menu > li > .sub-menu > li {display:inline-block;}
    .sitemap-content .gnb-menu > li > .sub-menu > li a{ font-size:3.4vw; margin:0 2vw;}

    .sitemap-footer {display:block;}
    .sitemap-footer .social-links {text-align:center;}
    .sitemap-footer .social-links a {width:10vw; height:10vw; font-size:4.2vw; line-height: 9.5vw;}
    .sitemap-footer .util-menu {text-align:center; font-size:3.6vw; margin-top:2vw;}


    #footer .btn-top.active {width:40px; height:40px; font-size:12px;}
    #footer .btn-top .label i {font-size:5vw; line-height:100%;}


    #investor_relations .split-page-content .split-page-content-body .sub-page-title  .btn-nav-toggle {

        width: 24px;
        height: 30px;
        position: absolute; top:4.4vw; right:5.80912863071vw;
    }

    #investor_relations .split-page-content .split-page-content-body .sub-page-title  .btn-nav-toggle .lines {
        text-indent: -999em;
        width: 18px;
        height: 2px;
        background: #fff;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #investor_relations .split-page-content .split-page-content-body .sub-page-title  .btn-nav-toggle .lines:before {top:-6px;}
    #investor_relations .split-page-content .split-page-content-body .sub-page-title  .btn-nav-toggle .lines:after  {bottom:-6px;}
    #investor_relations .split-page-content .split-page-content-body .sub-page-title  .btn-nav-toggle .lines:before,
    #investor_relations .split-page-content .split-page-content-body .sub-page-title  .btn-nav-toggle .lines:after {
        position: absolute;
        left: 0;
        height: 2px;
        width: 100%;
        background: #fff;
        content:'';
        display: block;
    }
    #investor_relations .split-page-content .split-page-content-body .sub-page-title .split{display:none;}
    #investor_relations .split-page-content .split-page-content-body .sub-page-title .language {display:none !important;}

    .video-title {display:none;}

    /*
    .slick-active { -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    transform: translateY(-2rem);
    -webkit-box-shadow: 0px 1rem 2.25rem rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1rem 2.25rem rgba(0,0,0,.35);}

    .featured-portfolio .featured-portfolio-item:hover a{transform: translateY(0);}

    .slick-center{
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    transform: translateY(-2rem);
    }
    */

    #footer .footer-right #f3.footer-widget {width:100%;}

    .modal-box-body.modal-box-body-noscroll .modal-content {display:block;}
    .back_page{font-size:0; height:30px; width:30px; position: absolute; top:4.4vw; left:5.80912863071vw;  text-align:left;}
    .back_page::before {  font-size:30px;  content: '\e809';    font-family: "fontello";}
    .modal .btn-close {position:fixed; width:7vw; height:7vw; top:6vw; right:4vw; z-index: 10; }


    .portfolio-gallery {width:100%;}
    .portfolio-post-body {display:block;}
    .portfolio-post-body .portfolio-description {display: block; margin:0; }
    .modal-scroll-area .modal-scroll-area-inner {position: relative;}

    .portfolio-post-nav a .post-title {padding:5vw 0; text-align:center; font-size:4vw;}
    .modal-scroll-area-inner {overflow-y:auto}

    .portfolio-description-inner {padding:4vw;}
    .portfolio-description strong {font-size:4vw; }
    .portfolio-description p {font-size:3.6vw;}

    .portfolio-post-header .post-title {font-size:4vw; padding:3vw 0; margin-bottom:5vw;}

    /*page-global-networks-affiliate*/
    .global-network-detail-content-item {display:block;}
    .global-network-detail-content-item .office-map {padding:0; height:250px;}
    .global-network-detail-content-item .office-info {border:1px solid #ededed;}
    .global-network-detail-content-item .office-info .office-info-inner {padding:3vw; }
    .global-network-detail-content-item .office-info .office-info-inner h4 {font-size:4vw; margin-bottom:2.6vw;}
    .global-network-detail-content-item .office-info .office-info-inner div {font-size:3.6vw; margin-bottom: 0;}
    .global-network-detail-content-item .office-info .office-info-inner .country {font-size:3.6vw; margin-bottom: 0.6vw;}


    /*form*/
    .portfolio-content-block-header .filters {text-align:left; }
    .portfolio-content-block select.form-input {margin-left:3vw;}
    select.form-input {font-size:3.5vw; padding-right:3vw;}
    #pr_news select.form-input{margin-left:0;}


    #employeeValueModal .value-detail-content-description span br {display: none;}
}


.split-page-content .split-page-content-header p{display: none;}


#awards {min-height:500px;}