@charset "utf-8";

/* #content */
.intro {background-image: url(../images/bupyeong/img_top_banner.png);}
.intro .inner ul {width: 95%; gap: 10px; flex-wrap: wrap;}
.intro .inner ul li {width: 34%; gap: 10px;}
.intro .inner ul li .img_box {width: 38%;}
.intro .inner ul li .title_box {width: 62%;}


.biography .inner .banner {background-image: url(../images/bupyeong/img_banner01.png);}
.biography .inner ul li > .img_box.xray img {object-position: right center;}
    
.banner_area {background-image: url(../images/bupyeong/img_banner02.png);}
.banner_area .text_box .sign {width: 131px; height: 60px;}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {


}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {

}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {

}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    .intro .inner ul {column-gap: 20px; row-gap: 0;}
    .intro .inner ul li {width: 45%; gap: 2px;}
        
    .banner_area .text_box .sign {width: 72px; height: 33px;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 375px; }
    /* content */
    .intro {background-image: url(../images/bupyeong/img_top_banner_mo.png); background-position: right 35% top;}
    .intro .inner ul {justify-content: center;}
    .intro .inner ul li .img_box {width: 78%; margin: 0 auto;}
    .intro .inner ul li .title_box {width: 100%; min-height: 54px;}
    .intro .inner ul li .title_box strong {font-size: 13px; line-height: 1em;}


    .biography .inner .banner p {font-size: 30px; line-height: 40px; letter-spacing: -2px;}
    .biography .inner .banner .block {display: inline;}
    .biography .inner .banner b {display: block;}
    
        
    .banner_area {background-image: url(../images/bupyeong/img_banner02_mo.png); background-position: right top;}
}