.sub-block{}
.sub-inner{max-width: 1200px; width: 95%; margin: auto;}

.sub-block > .sub-tit{display: flex; flex-direction: column; align-items: center; justify-content:center; height:200px; background:#f0f0f0;}
.sub-block > .sub-tit h1{font-size: 20px;}
.sub-block > .sub-tit .location{font-size: 14px;}

.pt-30{padding-top: 30px;}
.border-bottom-c {border-bottom: 1px solid #ccc;}


/* 상단 헤더 */
.sub__header{position: relative;}
.sub__header::before{content: ""; position: absolute; z-index: -1; display: block; width: 100%; height: 200px; background-color: #f0f0f0;}
.sub__header .sub__header__inner{width: 100%; height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sub__header .sub__header__inner.gallery{background-image: url('../img/sub/sub_visual_05.png?v=2');}
.sub__header .sub__header__inner.inquiry{background-image: url('../img/sub/sub_visual_06.png?v=2');}
.sub__header .sub__header__inner.notice{background-image: url('../img/sub/sub_visual_07.png?v=2');}
.sub__header .sub__header__inner.sub05{background-image: url('../img/sub/sub_visual_08.png?v=2');}
/*
.sub__header .sub__header__inner h2{font-family: 'GmarketSansMedium'; font-size: 35px; letter-spacing: -0.88px; text-align: center; color: #000;}
.sub__header .sub__header__inner .horiLine{display: inline-block; width: 40px; height: 3px; background-color: #000; }
*/
.sub__header .sub__header__inner h2{font-family: 'GmarketSansMedium'; font-size: 35px; letter-spacing: -0.88px; text-align: center; color: #000; position:relative;}
.sub__header .sub__header__inner h2::after {content:""; position:absolute; bottom:0px; left:0px; width:100%; height:3px; background:#000; bottom:-10px;}
.sub__header .sub__header__inner p{font-size: 14px; font-weight: 300; letter-spacing: -0.35px; text-align: center; color: #000; display:none;}


.subContents{width: 100%;}
.paragraph {width: 100%;}

.subContents.sub05_1{}
.subContents.sub05_1 p.default {font-size: 18px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;text-align: left; color: #040000; word-break: keep-all;}


.subContents.sub05_1 .contents-section.company-intro .sub-left{max-width: 365px; width: 100%;}
.subContents.sub05_1 .contents-section.company-intro .sub-left .sub-tit{font-family: 'Pretendard'; font-size: 55px; font-weight: bold; line-height: 1.09; letter-spacing: -1.38px; text-align: left; color: #040000;}
.subContents.sub05_1 .contents-section.company-intro .sub-right{width: calc(100% - 365px - 6.66%); margin-left: 6.66%; padding-top: 60px;}
.subContents.sub05_1 .contents-section.company-intro .sub-right b{font-size: 35px; letter-spacing: -0.88px; text-align: left; color: #040000;}
.subContents.sub05_1 .contents-section.company-intro .sub-right .representative{display: flex; align-items: center;}
.subContents.sub05_1 .contents-section.company-intro .sub-right .representative p{font-size: 18px; font-weight: 500; line-height: 1.67; text-align: left; color: #000;}
.subContents.sub05_1 .contents-section.company-intro .sub-right .representative b{display: inline-block; margin-left: 15px; font-family: 'ROEHOE-CHAN'; font-size: 40px; line-height: 0.75; letter-spacing: normal; text-align: left; color: #000;}

.subContents.sub05_2{}
.subContents.sub05_2 .contents-section.directions .sub-left{max-width: 365px; width: 100%;}
.subContents.sub05_2 .contents-section.directions .sub-left .sub-tit{font-family: 'Pretendard'; font-size: 55px; font-weight: bold; line-height: 1.09; letter-spacing: -1.38px; text-align: left; color: #040000;}
.subContents.sub05_2 .contents-section.directions .sub-right{width: calc(100% - 365px - 6.66%); margin-left: 6.66%; padding-top: 60px;}
.subContents.sub05_2 .contents-section.directions .sub-right .directions-info{width: 100%;}
.subContents.sub05_2 .contents-section.directions .sub-right .directions-info td.tit{width: 60px; font-family: 'Pretendard'; font-size: 18px; font-weight: 500; line-height: 1.67; text-align: left; color: #000;}
.subContents.sub05_2 .contents-section.directions .sub-right .directions-info td.con{width: calc(100% - 60px); font-size: 18px; line-height: 1.67; text-align: left; color: #040000;}
.subContents.sub05_2 .contents-section.directions .directions__map{margin-top: 60px;}
.subContents.sub05_2 .contents-section.directions .directions__map .root_daum_roughmap{width: 100% !important;}
.subContents.sub05_2 .contents-section.directions .directions__map .root_daum_roughmap .wrap_map{height: 620px !important;}


@media (max-width:1024px) {
    .contents-section .sub-inner.flex{flex-direction: column;}
    .contents-section .sub-left{width: 176px;}
    .contents-section .sub-right{width: 100%; margin-left:0; margin-top: 60px;}

    .subContents.sub05_1 .contents-section.company-intro .sub-right{width: 100%; margin-left:0; margin-top: 0;}
    .subContents.sub05_2 .contents-section.directions .sub-right{width: 100%; margin-left:0; margin-top: 0;}

}

@media (max-width:769px) {
    .subTitle .subTitle__top h1{font-size: 36px;}
    .subContents .contents-section h2{font-size: 36px;}

    .subContents{margin-top: 100px;}
    .subContents .contents-section h2{font-size: 36px;}
	
	.subContents.sub05_1 .contents-section.directions .sub-left .sub-tit{font-size: 36px;}
    .subContents.sub05_1 .contents-section.directions .directions__map .root_daum_roughmap .wrap_map{height: 500px !important;}

    .subContents.sub05_2 .contents-section.directions .sub-left .sub-tit{font-size: 36px;}
    .subContents.sub05_2 .contents-section.directions .directions__map .root_daum_roughmap .wrap_map{height: 500px !important;}

    .subContents.contact .sub-tit{font-size: 36px;}
}

@media (max-width:500px) {
    .subTitle{height: 220px;}
    .subTitle .subTitle__top h1{padding-bottom: 10px; font-size: 24px;}

    .sub-tit{font-size: 20px;}
    p.default{font-size: 16px;}
    .subContents .contents-section h2{font-size: 20px;}
    .subContents{margin-top: 80px;}
    .subContents .contents-section .sub__img img.mark_01{width:35vw}

    .sub__header::before{height: 50%;}
    .sub__header .inner-wide{padding-top: 20px;}
    .sub__header .sub__header__inner{height: 200px;}
    .sub__header .sub__header__inner h2{font-size: 20px;}
	
	.subContents.sub05_1{padding-bottom: 100px;}
    .subContents.sub05_1 .contents-section.company-intro .sub-left .sub-tit{font-size: 24px;}
    .subContents.sub05_1 .contents-section.company-intro .sub-right b{font-size: 20px;}
    .subContents.sub05_1 .contents-section.directions .sub-left .sub-tit{font-size: 24px;}
    .subContents.sub05_1 p.default{font-size: 16px;}
    .subContents.sub05_1 .contents-section.company-intro .sub-right .representative p{font-size: 16px;}
    .subContents.sub05_1 .contents-section.company-intro .sub-right .representative b{font-size: 24px;}

    .subContents.sub05_2{padding-bottom: 100px;}
    .subContents.sub05_2 .contents-section.directions .sub-left .sub-tit{font-size: 24px;}
    .subContents.sub05_2 .contents-section.directions .sub-right .directions-info td.tit{width: 40px; font-size: 16px;}
    .subContents.sub05_2 .contents-section.directions .sub-right .directions-info td.con{width: calc(100% - 40px); font-size: 16px;}
    .subContents.sub05_2 .contents-section.directions .directions__map .root_daum_roughmap .wrap_map{height: 250px !important;}

    .subContents.contact .sub-tit{font-size: 24px;}
    .subContents.contact form fieldset{flex-wrap: wrap;}
    .subContents.contact form fieldset .left{width: 100%;}
    .subContents.contact form fieldset .right{width: 100%; margin-left: 0; margin-top: 10px;}

}


@media (max-width:375px) {
    
}