/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .kv_img_box .kv_img_area {background: url("../../../img/about-us/global-operations/KV_about-us_global-operations.jpg") no-repeat center / cover;}

body {word-break:keep-all;}
.container {margin-bottom:70px;}
.gu_sub_wrapper .gu_sub_contents .contents_inner{padding-top: 160px; }

#GLOBAL-OPERATIONS .top p{font-size:38px; line-height:42px; color:#222; margin-bottom:100px; text-align:center; font-weight:700;}
#GLOBAL-OPERATIONS .map{margin-bottom:100px; position:relative;}
#GLOBAL-OPERATIONS .map .map_box{white-space:nowrap;}
#GLOBAL-OPERATIONS .map .map_img{width:100%;}
#GLOBAL-OPERATIONS .map .img_w{display:block;}
#GLOBAL-OPERATIONS .map .img_t{display:none;}
#GLOBAL-OPERATIONS .map .img_m{display:none;}

.subsidiary-n-branch_list .sec_inner .sec_box_list{padding: 40px 0 50px; border-top: solid 1px #ccc;}
.subsidiary-n-branch_list .sec_inner .sec_box_list > div{float: left;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_tit{position:relative;width: 340px; font-size: 22px; padding-left:20px;box-sizing:border-box;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_tit:before{content:''; position:absolute;width:8px;height:8px;left:0;top:50%;transform:translateY(-50%);}
.subsidiary-n-branch_list .sec_inner .sec_box_list:nth-of-type(1) .content_tit:before{background:#009bd7;}
.subsidiary-n-branch_list .sec_inner .sec_box_list:nth-of-type(2) .content_tit:before{background:#67369b;}
.subsidiary-n-branch_list .sec_inner .sec_box_list:nth-of-type(3) .content_tit:before{background:#339933;}
.subsidiary-n-branch_list .sec_inner .sec_box_list:nth-of-type(4) .content_tit:before{background:#e8ae3f;}
.subsidiary-n-branch_list .sec_inner .sec_box_list:nth-of-type(5) .content_tit:before{background:#e8483f;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_tit > span{position: relative; display:block; padding-left:20px;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_tit > span:before{display: block; content:''; position: absolute; left:0; top: 14px; width:8px; height:8px; background:#000;}
.subsidiary-n-branch_list .sec_inner .sec_box_list:nth-child(1) .content_tit > span:before{background:#123f69;}
.subsidiary-n-branch_list .sec_inner .sec_box_list:nth-child(2) .content_tit > span:before{background:#20a182;}
.subsidiary-n-branch_list .sec_inner .sec_box_list:nth-child(3) .content_tit > span:before{background:#6e777c;}
.subsidiary-n-branch_list .sec_inner .sec_box_list:nth-child(4) .content_tit > span:before{background:#4394d0;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_tit span.tit_sub{display:block; font-size:16px;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_list{width: calc(100% - 340px);}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_list.name_only{margin-bottom:20px;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_list ul li{float: left; display: inline-block; width: 50%; box-sizing: border-box; padding: 0 32px; margin-bottom: 40px;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_list.name_only ul li{margin-bottom:0;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_list ul li:nth-child(even){float:right;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_list ul li p{font-size: 16px; line-height: 26px; color:#666;}
.subsidiary-n-branch_list .sec_inner .sec_box_list .content_list ul li p.title{line-height: 24px; letter-spacing: -1px; padding-bottom: 12px; color:#222;}


/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) {
    .contents_inner .section, .contents_inner .section_top {margin: 0 36px; }
}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {

    #GLOBAL-OPERATIONS .map{margin-bottom:50px;}
    #GLOBAL-OPERATIONS .map .img_w{display:none;}
    #GLOBAL-OPERATIONS .map .img_t{display:block;}
    #GLOBAL-OPERATIONS .map .img_m{display:none;}
    #GLOBAL-OPERATIONS .top p {font-size: 30px; margin-bottom:80px; }

    .subsidiary-n-branch_map{margin:90px 50px 46px; overflow: auto;}
    .subsidiary-n-branch_map .scrollX{position:relative;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_tit {font-size: 19px; width:36%;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_list{width: 64%;}

    .subsidiary-n-branch_list .sec_inner .sec_box_list {padding:40px 0 0;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_list ul li{padding:0 25px;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_list ul li p {font-size: 13px; line-height:20px;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_list ul li p.title {line-height:20px;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_list.name_only{margin-bottom:0; }
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_tit > span:before{top:11px;}

    .gu_sub_wrapper .gu_sub_contents .contents_inner > img {width: 100%; white-space: nowrap; min-width: 953px; padding-right:50px;}

    .gu_ico_drag{display:none;}

    .contents_inner .section, .contents_inner .section_top {margin: 0 50px;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner {padding-top: 120px;}
    .container {margin-bottom:80px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {

    #GLOBAL-OPERATIONS .top p {font-size: 24px; margin-bottom: 50px; line-height:32px;}
    #GLOBAL-OPERATIONS .map .map_box{overflow:auto; padding-bottom:10px;}
    #GLOBAL-OPERATIONS .map .map_img{min-width:766px;}
    #GLOBAL-OPERATIONS .map .img_w{display:none;}
    #GLOBAL-OPERATIONS .map .img_t{display:none;}
    #GLOBAL-OPERATIONS .map .img_m{display:block;}

    .subsidiary-n-branch_map { margin: 60px 20px 50px;}
    .subsidiary-n-branch_map::-webkit-scrollbar{width:0; height:0;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner {padding:0;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner > img {min-width: 766px; padding-right:20px;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list > div {float:none;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_tit {font-size: 18px; width:100%; margin-bottom:30px;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_list {width: 100%; }
    .subsidiary-n-branch_list .sec_inner .sec_box_list {padding: 30px 0 0;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_tit > span:before{top:10px;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_list ul li {float: none; display: block; width: 100%; box-sizing: border-box; padding: 0; margin-bottom: 30px; }
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_list ul li p{line-height:18px;}
    .subsidiary-n-branch_list .sec_inner .sec_box_list .content_tit span.tit_sub {display: inline-block; font-size: 16px;}
    
    .gu_ico_drag{display:block;}



    .contents_inner .section, .contents_inner .section_top {margin: 0 20px;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner {padding-top: 60px;}
    .mobile #GLOBAL-OPERATIONS .map .map_box::-webkit-scrollbar{display:none;}
    .container {margin-bottom:30px;}
}

@media all and (max-width: 418px) {
    .gu_kv .sec_inner .copy_area .sub_copy br{display:none;}
}