.sub-block {padding-top:80px;}

.sub-inner{max-width: 1400px; width: 95%; margin: auto;}
.sub-head{width: 100%; height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sub-head .sub-inner{height: 100%; padding-bottom: 60px; display: flex; flex-direction: column; justify-content: flex-end; }
.sub-head.sub01{background-image: url('../img/sub/visual/sub_visual_01.png');}
.sub-head.sub02{background-image: url('../img/sub/visual/sub_visual_02.png');}
.sub-head.sub03{background-image: url('../img/sub/visual/sub_visual_03.png');}
.sub-head.sub04{background-image: url('../img/sub/visual/sub_visual_04.png');}
.sub-head.sub05{background-image: url('../img/sub/visual/sub_visual_05.png');}
.sub-head__tit{}
.sub-head__tit h1{font-size: 50px; font-weight: bold; line-height: 1.4; text-align: left; color: #fff;}
.sub-head .location{display: flex; align-items: center;}
.sub-head .location li{padding-right: 10px; margin-right: 10px; position: relative;}
.sub-head .location li::after{content: ""; position: absolute; right:0; top: 0; display: block;  width: 1px; height: 14px; background-color: rgba(255,255,255,0.5);}
.sub-head .location li:last-child{padding-right: 0; margin-right: 0;}
.sub-head .location li:last-child::after{display: none;}
.sub-head .location .location__home{display: flex; align-items: center;}
.sub-head .location .location__home p{margin-left: 5px; font-size: 14px; font-weight: 300; line-height: 1; text-align: left; color: #fff;}
.sub-head .location .location__depth01{font-size: 14px; font-weight: 300; line-height: 1; text-align: left; color: #fff;}
.sub-head .location .location__depth02{font-size: 14px; font-weight: 500; line-height: 1; text-align: left; color: #fff;}

.part-tit{}
.part-tit h5{font-family: var(--font-GmarketSansBold); font-size: 18px; line-height: 1; text-align: left; color: #000; text-transform: uppercase;}
.sub-tit{font-size: 40px; font-weight: bold; line-height: 1.25; letter-spacing: -1px; text-align: left; color: #000; word-break: keep-all;}
.default{font-size: 18px; line-height: 1.56; letter-spacing: -0.45px; text-align: left; color: #000; word-break: keep-all;}


/* ========================================================================== 회사소개 시작========================================================================== */
.section-list--common{}
.section-list--common li{}
.section-list--common li + li{margin-top: 80px;}
.section-list--common li .hilight{display: inline-block; position: relative; font-size: 25px; letter-spacing: -0.63px; text-align: left; color: #000;}
.section-list--common li .hilight::before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 40px; height: 4px; background-color: var(--main-color);}

/* About RE/MAX */
.globalRemax-block{position: relative;}
.globalRemax-block::before{content: ""; position: absolute; top: 0; right: 18.75%; z-index: -1; display: block; width: 240px; height: 300px; background: url('../img/sub/line_01.png') no-repeat center/cover;}
.globalRemax-block .globalRemax__tit{}
.globalRemax-block .globalRemax__tit .txt-logo{align-items: center;}
.globalRemax-block .globalRemax__tit .txt-logo img{margin-left: 20px; max-width: 272px; width: 100%;}
.globalRemax-block .globalRemax__tit .sub-tit{font-size: 60px;}
.globalRemax-block .globalRemax__tit .default{font-size: 25px; line-height: 1.43;}
.globalRemax-block .globalRemax__diagram-bg{width: 1400px; min-height: 640px; background: url('../img/sub/con01_01_01.png') no-repeat center/cover;}
.globalRemax-block .globalRemax__diagram{width: 1200px; margin: 0 auto; position: relative;}
.globalRemax-block .globalRemax__diagram li{width: 440px; height: 440px; padding: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; border: solid 5px #004d99; border-radius: 50%; box-sizing: border-box;}
.globalRemax-block .globalRemax__diagram li:nth-child(1){left: 0;}
.globalRemax-block .globalRemax__diagram li:nth-child(2){left: 380px;}
.globalRemax-block .globalRemax__diagram li:nth-child(3){right: 0;}
.globalRemax-block .globalRemax__diagram li span{font-family: var(--font-GmarketSansBold); font-size: 20px; font-weight: bold; line-height: 1; text-align: center; color: #004d99;}
.globalRemax-block .globalRemax__diagram li p{font-family: var(--font-GmarketSansBold); font-size: 60px; font-weight: bold; line-height: 1; text-align: center; color: #004d99;}
.globalRemax-block>.sub-inner>.default{font-size: 20px; line-height: 1.5; letter-spacing: -0.5px; text-align: center; color: #000;}
.brand-block{}
.brand-block .sub-inner{display: flex;}
.brand-block .brand__tit{width: 23.71%;}
.brand-block .brand__con{width: 68.57%; margin-left: 7.71%;}
.brand-block .brand__con li{width: 100%;}
.brand-block .brand__con li{}
.brand-block .brand__con li .img-box{display: flex;}
.brand-block .brand__con li .img-box img{width: 32.29%;}
.brand-block .brand__con li .img-box img+img{margin-left: 1.56%;}

/* CEO 인사말 */
.ceoGreetings-block{position: relative;}
.ceoGreetings-block::before{content: ""; position: absolute; top: 0; right: 260px; display: block; width: 240px; height: 300px; background: url('../img/sub/line_01.png') no-repeat center/cover;}
.ceoGreetings-block .sub-inner{display: flex;}
.ceoGreetings-block .left{width: calc(100% - 45.71% - 8.57%);}
.ceoGreetings-block .left .ceoGreetings__diagram{width: 640px; height: 240px; position: relative;}
.ceoGreetings-block .left .ceoGreetings__diagram li{width: 240px; height: 240px; padding: 50px 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; border-radius: 50%; background-color: #dc1c2d;}
.ceoGreetings-block .left .ceoGreetings__diagram li:first-child{z-index: 0; background-color: #dc1c2d;}
.ceoGreetings-block .left .ceoGreetings__diagram li:nth-child(2n){left: 201px; z-index: 1; box-shadow: -5px 3px 6px 0 rgba(0, 0, 0, 0.2); background-color: #004d99;}
.ceoGreetings-block .left .ceoGreetings__diagram li:last-child{right: 0; z-index: 2; box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.2); background-color: #000;}
.ceoGreetings-block .left .ceoGreetings__diagram li .num{font-family: var(--font-GmarketSansBold); font-size: 20px; font-weight: bold; text-align: center; color: #fff;}
.ceoGreetings-block .left .ceoGreetings__diagram li b{font-family: var(--font-GmarketSansBold); font-size: 25px; font-weight: bold; text-align: center; color: #fff;}
.ceoGreetings-block .left .ceoGreetings__diagram li p{font-size: 20px; line-height:1; letter-spacing: -0.5px; text-align: center; color: #fff;}
.ceoGreetings-block .left .representative{display: flex; align-items: flex-end;}
.ceoGreetings-block .left .representative p{font-size: 18px; font-weight: 500; line-height: 1.67; text-align: left; color: #000;}
.ceoGreetings-block .left .representative b{display: inline-block; margin-left: 15px; font-family: var(--font-ROEHOE-CHAN); font-size: 40px; font-weight: normal; line-height: 1; text-align: left; color: #040000;}
.ceoGreetings-block .right{width: 45.71%; margin-left: 8.57%;}

/* 회사개요 */
.companyOverview-block{}
.companyOverview-block .sub-inner{display: flex;}
.companyOverview-block .companyOverview__tit{width: calc(100% - 68.57% - 7.92%);}
.companyOverview-block .companyOverview__con{width: 68.57%; margin-left: 7.92%;}
.companyOverview-block .companyOverview__con table{width: 100%; border-collapse: collapse;}
.companyOverview-block .companyOverview__con table th{width: 18.75%; padding: 20px 0; border-bottom: 3px solid var(--main-color); font-size: 18px; font-weight: bold; line-height: 1.39; letter-spacing: -0.45px; text-align: left; color: #000;}
.companyOverview-block .companyOverview__con table td{padding: 20px; border-bottom: 1px solid #e6e6e6; font-size: 18px; line-height: 1.39; letter-spacing: -0.45px; text-align: left; color: #000; word-break: keep-all;}

/* 회사연혁 */
.histotry-block{}
.histotry-block .sub-inner{display: flex;}
.histotry-block .histotry__tit{width: calc(100% - 68.57% - 7.92%);}
.histotry-block .histotry__con{width: 68.57%; margin-left: 7.92%;}
.histotry-block .histotry__con .histotry-list{width: 100%; position: relative;}
.histotry-block .histotry__con .histotry-list::before{content: ""; position: absolute; left: 167px; top: 0; display: block; width: 1px; height: 100%; background-color: rgba(220,28,45,0.2);}
.histotry-block .histotry__con .histotry-list li{display: flex;}
.histotry-block .histotry__con .histotry-list li + li{margin-top: 20px;}
.histotry-block .histotry__con .histotry-list li .year{width: 160px; position: relative; display: flex; align-items: center; font-size: 30px; font-weight: bold; line-height: 1; letter-spacing: -0.75px; text-align: left; color: #000;}
.histotry-block .histotry__con .histotry-list li .event{width: calc(100% - 160px); position: relative; padding: 10px 25px 10px 40px;}
.histotry-block .histotry__con .histotry-list li .event::before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; width: 15px; height: 15px; border-radius: 50%; border: solid 3px #dc1c2d; background-color: #fff;}
.histotry-block .histotry__con .histotry-list li.recent{}
.histotry-block .histotry__con .histotry-list li.recent .year{font-size: 40px; font-weight: bold; letter-spacing: -1px; text-align: left; color: #dc1c2d;}
.histotry-block .histotry__con .histotry-list li.recent .year::before{content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 40px; height: 2px; background-color: var(--main-color);}
.histotry-block .histotry__con .histotry-list li.recent .event .default{font-size: 20px; font-weight: 500; letter-spacing: -0.5px; color: #dc1c2d;}

/* 오시는길 */
.direction-block{}
.direction-block .sub-inner{display: flex;}
.direction-block .direction__tit{width: calc(100% - 68.57% - 7.71%);}
.direction-block .direction__con{width: 68.57%; margin-left: 7.71%;}
.direction-block .direction__con .map{width: 100%;}
.direction-block .direction__con .map .root_daum_roughmap{width: 100% !important;}
.direction-block .direction__con table{width: 100%; border-collapse: collapse;}
.direction-block .direction__con table th{width: 18.75%; padding: 20px 0; border-bottom: 3px solid var(--main-color); font-size: 18px; font-weight: bold; line-height: 1.39; letter-spacing: -0.45px; text-align: left; color: #000;}
.direction-block .direction__con table td{padding: 20px; border-bottom: 1px solid #e6e6e6; font-size: 18px; line-height: 1.39; letter-spacing: -0.45px; text-align: left; color: #000;}

/* ========================================================================== 회사소개 끝========================================================================== */


/* 서비스 */
.service-block{}
.service-block .service__con{width: 100%;}
.service-block .service__con ul{width: 100%;}
.service-block .service__con ul .service{display: flex; align-items: center;}
.service-block .service__con ul .service.reverse{flex-direction: row-reverse;}
.service-block .service__con ul .service + .service{margin-top: 120px;}
.service-block .service__con ul .service img{width: 50%;}
.service-block .service__con .service .service-txt{width: 50%; padding-left: 40px; box-sizing: border-box;}
.service-block .service__con ul .service.reverse .service-txt{padding-left: 0; padding-right: 40px;}
.service-block .service__con .service .service-txt b{font-size: 25px; line-height: 1.12; letter-spacing: -0.63px; text-align: left;}
.service-block .service__con .service .service-txt h2{font-size: 50px; line-height: 1; letter-spacing: -1.25px; text-align: left; color: #000;}


/* 채용문의 */
.sub-contents .main__contact-form::before{display: none;}
.sub-contents.main__contact{background-position: right bottom; background-size: contain;}




@media (max-width: 1280px) {
    .globalRemax-block::before{right:0}
    .ceoGreetings-block::before{right:0}
}

@media (max-width: 1024px) {
    .globalRemax-block::before{width: 201px; height: 194px;}
    .globalRemax-block .globalRemax__diagram-bg{width: 1200px;}
    .brand-block .sub-inner{flex-direction: column;}
    .brand-block .brand__tit{width: 100%;}
    .brand-block .brand__con{width: 100%; margin-left: 0;}

    .ceoGreetings-block::before{width: 201px; height: 194px;}
    .ceoGreetings-block .sub-inner{flex-direction: column;}
    .ceoGreetings-block .left{width: 100%;}
    .ceoGreetings-block .right{width: 100%; margin-top: 60px; margin-left: 0;}

    .companyOverview-block .sub-inner{flex-direction: column;}
    .companyOverview-block .companyOverview__tit{width: 100%;}
    .companyOverview-block .companyOverview__con{width: 100%; margin-left: 0;}

    .histotry-block .sub-inner{flex-direction: column;}
    .histotry-block .histotry__tit{width: 100%;}
    .histotry-block .histotry__con{width: 100%; margin-left: 0;}

    .direction-block .sub-inner{flex-direction: column;}
    .direction-block .direction__tit{width: 100%;}
    .direction-block .direction__con{width: 100%; margin-left: 0;}
}

@media (max-width: 769px) {
    .sub-head{height: 250px;}
    .sub-head .sub-inner{padding-bottom: 40px;}
    .sub-head__tit h1{font-size: 36px;}

    .sub-tit{font-size: 28px;}
    .default{font-size: 16px;}
    .section-list--common li .hilight{font-size: 20px;}

    .globalRemax-block::before{width: 170px; height: 133px;}
    .globalRemax-block .globalRemax__tit .txt-logo{flex-direction: column; align-items: flex-start;}
    .globalRemax-block .globalRemax__tit .txt-logo img{margin-left: 0; max-width: 235px;}
    .globalRemax-block .globalRemax__diagram-bg{width: 645px; min-height:355px; padding: 50px 0; margin: 50px auto 0;}
    .globalRemax-block .globalRemax__diagram{width: 645px;}
    .globalRemax-block .globalRemax__diagram li{width: 255px; height: 255px; padding: 20px;}
    .globalRemax-block .globalRemax__diagram li:nth-child(2n){left: 195px;}
    .globalRemax-block .globalRemax__diagram li span{font-size: 16px;}
    .globalRemax-block .globalRemax__diagram li p{margin-top: 10px; font-size: 28px;}
    .globalRemax-block .globalRemax__tit .sub-tit{font-size: 36px;}
    .globalRemax-block .globalRemax__tit .default{font-size: 20px;}
    .globalRemax-block>.sub-inner>.default{font-size: 16px;}

    .ceoGreetings-block::before{width: 170px; height: 133px;}
    .ceoGreetings-block .left .ceoGreetings__diagram li .num{font-size: 18px;}
    .ceoGreetings-block .left .ceoGreetings__diagram li b{font-size: 20px;}
    .ceoGreetings-block .left .ceoGreetings__diagram li p{font-size: 18px;}
    .ceoGreetings-block .left .representative b{font-size: 36px;}

    .companyOverview-block .companyOverview__con{padding-top: 50px;}

    .histotry-block .histotry__con{padding-top: 50px;}
    .histotry-block .histotry__con .histotry-list::before{left: 122px;}
    .histotry-block .histotry__con .histotry-list li + li{margin-top: 0px;}
    .histotry-block .histotry__con .histotry-list li .year{width: 115px; font-size: 24px;}
    .histotry-block .histotry__con .histotry-list li .event{width: calc(100% - 115px);}
    .histotry-block .histotry__con .histotry-list li.recent .year{font-size: 28px;}
    .histotry-block .histotry__con .histotry-list li.recent .event .default{font-size: 18px;}

    .direction-block .direction__con {margin-top: 50px;}

    .service-block .service__con{margin-top: 50px;}
    .service-block .service__con ul .service{flex-direction: column; align-items: flex-start;}
    .service-block .service__con ul .service.reverse{flex-direction: column;}
    .service-block .service__con ul .service img{max-width: 700px; width: 100%;}
    .service-block .service__con .service .service-txt{padding-left: 0; margin-top: 30px; width: 100%; }
    .service-block .service__con ul .service + .service{margin-top: 80px;}
    .service-block .service__con .service .service-txt b{font-size: 20px;}
    .service-block .service__con .service .service-txt h2{font-size: 36px;}
    .service-block .service__con .service .service-txt .paraph{margin-top: 20px;}
}

@media (max-width: 500px) {
	.sub-block {padding-top:50px;}
    .sub-head{height: initial;}
    .sub-head__tit img{width: 15px;}
    .sub-head .sub-inner{padding: 60px 0 20px;}
    .sub-head__tit h1{font-size: 20px;}

    .sub-tit{font-size: 20px;}
    .part-tit h5{font-size: 14px;}
    .default{font-size: 14px;}
    
    .globalRemax-block{padding-top: 100px;}
    .globalRemax-block .globalRemax__tit .txt-logo img{max-width: 150px;}
    .globalRemax-block::before{width: 123px; height: 102px;}
    .globalRemax-block .globalRemax__tit .sub-tit{font-size: 20px;}
    .globalRemax-block .globalRemax__tit .default{font-size: 16px;}
    .globalRemax-block>.sub-inner>.default{font-size: 14px;}
    .globalRemax-block .globalRemax__diagram-bg{width: 500px; min-height:300px; padding: 50px 0; margin: 30px auto 0;}
    .globalRemax-block .globalRemax__diagram{width: 500px;}
    .globalRemax-block .globalRemax__diagram li{width: 200px; height: 200px;}
    .globalRemax-block .globalRemax__diagram li:nth-child(2n){left: 150px;}
    .globalRemax-block .globalRemax__diagram li span{font-size: 14px;}
    .globalRemax-block .globalRemax__diagram li p{margin-top: 10px; font-size: 20px;}
    .brand-block{padding: 80px 0 100px;}

    .ceoGreetings-block{padding: 100px 0 120px;}
    .ceoGreetings-block::before{width: 123px; height: 102px;}
    .ceoGreetings-block .left .ceoGreetings__diagram{width: 550px; height: 220px;}
    .ceoGreetings-block .left .ceoGreetings__diagram li{width: 210px; height: 210px;}
    .ceoGreetings-block .left .ceoGreetings__diagram li:nth-child(2n){left: 170px;}
    .ceoGreetings-block .left .ceoGreetings__diagram li .num{font-size: 16px;}
    .ceoGreetings-block .left .ceoGreetings__diagram li b{font-size: 18px;}
    .ceoGreetings-block .left .ceoGreetings__diagram li p{font-size: 14px;}
    .ceoGreetings-block .left .representative b{font-size: 24px;}

    .companyOverview-block{padding: 100px 0 120px;}
    .companyOverview-block .companyOverview__con table th{padding: 10px 0; font-size: 14px;}
    .companyOverview-block .companyOverview__con table td{padding: 10px 15px; font-size: 14px;}
    
    .histotry-block{padding-bottom: 120px;}
    .histotry-block .histotry__con .histotry-list::before{left: 76px;}
    .histotry-block .histotry__con .histotry-list li .year{width: 70px; font-size: 18px;}
    .histotry-block .histotry__con .histotry-list li .event{width: calc(100% - 70px);}
    .histotry-block .histotry__con .histotry-list li.recent .year{font-size: 20px;}
    .histotry-block .histotry__con .histotry-list li.recent .year::before{width: 20px;}
    .histotry-block .histotry__con .histotry-list li.recent .event .default{font-size: 16px;}

    .direction-block{padding: 100px 0 120px;}
    .direction-block .direction__con table th{padding: 10px 0; font-size: 14px;}
    .direction-block .direction__con table td{padding: 10px 15px; font-size: 14px;}
    .direction-block .direction__con .map .root_daum_roughmap .wrap_map{height: 250px !important;}

    .service-block{padding: 100px 0 120px;}
    .service-block .service__con ul .service + .service{margin-top: 60px;}
    .service-block .service__con .service .service-txt b{font-size: 16px;}
    .service-block .service__con .service .service-txt h2{font-size: 20px;}
    .service-block .service__con .service .service-txt .paraph{margin-top: 10px;}
}