/*======================= 브랜드 ========================*/
.pb-0{
    padding-bottom: 0 !important;
}

.pt-20{
    padding-top: 20px !important;
}

.pt-10{
    padding-top: 10px !important;
}

/* #brand h3 { font-size:24px; font-weight:bold; } */
#brand .cont { padding-top:100px; padding-bottom:100px; }
#brand .cont.noBottom { padding-bottom:0; }
#brand .cont.noTop { padding-top:0; }
.cont {  position:relative; width:100%; max-width:1440px; margin:0 auto; }  
.moView { display:none !important; }
.about { position:relative; overflow: hidden;}
.about .page_img{
	width: 100%;
	cursor: default;
}
.about .etc { position:absolute; top:19.5%; }
.about .etc img { max-width:none; height:131px; }
.about .section1 img { display:block; }
.about .section1 .inner { display:flex; justify-content:flex-start; align-items:center; }
.about .section1 .inner + .inner { margin-top:100px; }
.about .section1 .inner:nth-of-type(even) { flex-direction:row-reverse; }
.about .section1 .inner:nth-of-type(even) .textWrap { margin-right:-100px; margin-left:0; }
.about .section1 .inner:nth-of-type(3) img { _margin-left:100px; }
.about .section1 .textWrap { position:relative; z-index:1; margin-left:-100px; }
.about .section1 .textWrap span { display:inline-block; padding-bottom:10px; border-bottom:1px solid #00573f ;
	font-size:1.25em; font-weight:500; color:#00573f; }
.about .section1 .textWrap p { margin-top:30px; font-size:2.25em; font-weight:bold; }

/* .about .section1 .inner-left-text{
	font-size: 80px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #fff;
	-webkit-text-stroke: 1px #000;
} */
.about .section1 .inner-left-text{margin-right: ;}

.about .section2 { background:#f7f7f7; text-align:center; }
.about .section2 .cont ul > li > img{border-radius: 50%;}
.about .section2 h3 { margin-bottom:50px; }
.about .section2 ul { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
.about .section2 li { width:23%; min-width:290px; }
.about .section2 li p { margin:40px 0 20px; font-size:1.5em; font-weight:bold; }
.about .section2 li span { font-size:1.125em; color:#808080; }

.about .section3 { text-align:center; }
.about .section3 h3 { margin-bottom:100px; }

.about .section4 { background:url(../../images/sub/didim/brand-bg.png)no-repeat center / cover; background-attachment: fixed; }
.about .section4 .cont { padding-top:180px; overflow:hidden; position:relative; }
	
.about .section4 h3 { float:left; color:#fff; width:20%; }
.about .section4 h3.fixed { position:fixed; top:180px; }
.about .section4 .list { float:right; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;
	width:80%; max-width:840px; margin-top:80px; }
.about .section4 dl { width:47%; height:400px; padding:40px; padding-right:0; margin-bottom:40px; background:#fff; }
.about .section4 dl:nth-of-type(odd) { margin-top:-80px; }
.about .section4 dt { padding-bottom:20px; font-size:3em; font-weight:bold; color:#00573f; border-bottom:1px solid #00573f; }
.about .section4 dd { padding-right:60px; font-size:1.125em; word-break:keep-all; }
.about .section4 dd p { position:relative; padding-left:40px; margin-top:20px; }
.about .section4 dd span { position:absolute; left:0; right:0; display:block; color:#00573f; font-weight:bold; }
.about .section4 .pro_bar { display:none; }

/*======================= 브랜드 반응형 ========================*/

@media screen and ( max-width:1280px ) {	
	.about .section1 .textWrap { margin-left:-150px; } 
	.about .section1 .textWrap p { margin-top:20px; font-size:2em; }

	.about .section1 .inner:nth-of-type(1) img { width:70%; }
	.about .section1 .inner:nth-of-type(3) img { margin-left:6%; width:55%; }
	.about .section1 .inner:nth-of-type(even) .textWrap { margin-right:-150px; margin-left:8%; }
	.about .section3 h3 { margin-bottom:80px; }
	.about .section4 dl { padding:30px; padding-right:0; }
	.about .section4 dd { padding-right:40px; }
	.about .section4 dt { font-size:2.5em; }
}

@media screen and ( max-width:768px ) {
    .about .etc { display:none; }
	.about .section1 .inner { display:block; }
	.about .section1 .inner + .inner { margin-top:50px; }
	.about .section1 img { width:100% !important; }
	.about .section1 .textWrap { margin-top:20px; margin-left:0; }
	.about .section1 .textWrap span { margin-bottom:5px; font-size:1em; }
	.about .section1 .textWrap p { font-size:1.5em; }
	.about .section1 .inner:nth-of-type(3) img { margin-left:0; }
	.about .section1 .inner:nth-of-type(even) .textWrap { margin-left:0; margin-right:0; }
	.about .section2 h3 { margin-bottom:40px; }
	.about .section2 ul { padding:0 10%; }
	.about .section2 li { width:100%; max-width:none; }
	.about .section2 li + li { margin-top:40px; }
	.about .section2 li img { width:180px; }
	.about .section2 li p { margin:20px 0; font-size:1.25em; }
	.about .section2 li span { font-size:1em; }
	.about .section2 li br { display:none; }
	.about .section3 h3 { margin-bottom:40px; }
	.about .section3 img { margin:0 auto; width:100%; max-width:420px; }
	.about .section3 .dlWrap { margin:40px auto 0; border-top:solid 1px #dcdcdc; text-align:left; }
	.about .section3 .dlWrap dl { display:flex; justify-content:flex-start; align-items:flex-start; padding:25px 0; border-bottom:solid 1px #dcdcdc; }
	.about .section3 .dlWrap dt { flex-shrink:0; width:45%; max-width:120px; font-size:1.25em; font-weight:bold; color:#502e82; }
	.about .section3 .dlWrap dd { padding-right:20px; }
	.about .section3 .dlWrap p { margin-bottom:10px; font-size:1.25em; font-weight:bold; }
	.about .section3 .dlWrap span { color:#808080; }
	.about .section4 { background-image:url('../images/sub/about_section4_bg_m.png'); background-attachment:unset; }
	.about .section4 .cont { padding:50px 0; }
	.about .section4 h3 { float:none; width:auto; text-align:center; }
	.about .section4 h3.fixed { position:static; }
	.about .section4 .list { float:none; display:block; width:auto; margin-left:20px; margin-top:40px; }
	.about .section4 .slick-list { padding-right:50px; }
	.about .section4 .slick-track { margin:0 -10px; }
	.about .section4 dl { margin:0 10px; height:340px; padding:20px; padding-right:0; }
	.about .section4 dl:nth-of-type(odd) { margin-top:0; }
	.about .section4 dt { font-size:2em; padding-bottom:10px; line-height:1; }
	.about .section4 dd { font-size:1em; padding-right:20px; }
	.about .section4 dd p { margin-top:10px; padding-left:40px; }	
	.about .section4 .pro_bar { position:relative; background:rgba(255,255,255,0.3); margin:40px 20px 0; height:2px; }
	.about .section4 .current { position:absolute; height:2px; background:#fff; transition: all 0.5s; }

}


/* *************************************************** */

/* ****************** 브랜드  ********************** */
.company-page {
    padding-bottom: 15rem;
    padding-bottom: 15rem;
}

/***** 배너 *****/
.intro-wrap {
    margin-top: 100px;
}
.intro-wrap .intro-tit {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.05em;
    color: #121212;
    text-align: center;
    padding-top: 160px;
    padding-bottom: 50px;
}

.intro-top-banner {
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 35.212%;
    background: center / cover no-repeat url("../../images/sub/didim/didim_banner01.jpg");
    border-radius: 30px;
    overflow: hidden;
    margin-top: 50px;
}

.intro-top-banner .banner-txt-box {
    position: absolute;
    top: 50%;
	left: 10%;
    transform: translateY(-50%);
    width: 95%;
}

.intro-top-banner .banner-txt-box .banner-tit {
    font-size: 58px;
    font-weight: 800;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    color: #fff;
    padding-bottom: 3rem;
}

.intro-top-banner .banner-txt-box .banner-tit strong {
    color: #fff;
    font-weight: 800;
}

.intro-top-banner .banner-txt-box .banner-txt-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8em;
    letter-spacing: -1px;
    color: rgba(255, 255, 255, 0.8);
}

.intro-top-banner .banner-txt-box .banner-txt {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8em;
    letter-spacing: -1px;
    color: rgba(255, 255, 255, 0.8);
}

/***** 1번 리스트 *****/
.intro-list-con01 {
    margin-top: 13.5rem;
    margin-bottom: 13.5rem;
}

.intro-list-con01 .intro-list-box li {
    display: flex;
    margin-bottom: 16rem;
}

.intro-list-con01 .intro-list-box li img{
    width: 100%;
}

.intro-list-con01 .intro-list-box li:last-child {
    margin-bottom: 0;
}

.intro-list-con01 .intro-list01-tit {
    position: relative;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: -0.05em;
    color: #222;
    width: 47.5%;
}

.intro-list-con01 .intro-list01-tit::before {
    position: absolute;
    width: 2rem;
    height: 2px;
    content: "";
    background-color: #000;
    left: 0;
    top: -3.5rem;
}

.intro-list-con01 .intro-list-box li .intro-list01-txt-box {
    width: 52.5%;
}

.intro-list-con01 .intro-list01-txt {
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: -0.05em;
    color: rgba(18, 18, 18, 0.8);
    padding-top: 10px;
}

.intro-list-con01 .intro-list01-txt:first-child {
    padding-top: 0;
}

.intro-list-con01 .intro-list01-txt.boldTxt {
    font-size: 18px;
    /* font-weight: 800; */
    color: #888;
    /* text-decoration-line: underline;
    text-decoration-color: #888;
    text-decoration-thickness: 1px;
    text-underline-position: under; */
   /*  padding-top: 7px; */
}

/***** 키워드랩의 미친 자신감 *****/
.intro-list-con02 {
    background-color: #f8f9fb;
    padding: 10rem 0 14rem 0;
    margin-top: 14rem;
}

.intro-list-con02 .intro-list-box {
    margin-top: 8.5rem;
}

.intro-list-con02 .list-con-tit-box {
    text-align: center;
    letter-spacing: -1px;
}

.intro-list-con02 .list-con02-tit {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    color: #121212;
    padding-top: 0.5rem;
}

.intro-list-con02 .list-con-tit-box i {
    font-size: 28px;
    color: #121212;
}

.intro-list-con02 .intro-list-box li, .intro-list-con02 .intro-list-box li .intro-list02-tit-box {
    display: flex;
}

.intro-list-con02 .intro-list-box li {
    margin-bottom: 15rem;
    gap: 20px;
}

/* .intro-list-con02 .intro-list-box li:last-child {
    margin-bottom: 0;
} */

.intro-list-con02 .intro-list-box li .intro-list02-tit-box {
    position: relative;
    width: 47.5%;
    gap: 10px;
    flex-direction: row-reverse;
}

/* .intro-list-con02 .intro-list-box li .intro-list02-tit-box::before {
    position: absolute;
    top: -50px;
    right: 7rem;
    font-size: 134px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #175fe8;
    opacity: 0.05;
    pointer-events: none;
} */

/* .intro-list-con02 .intro-list-box li:first-child .intro-list02-tit-box::before {
    content: "01";
}

.intro-list-con02 .intro-list-box li:nth-child(2) .intro-list02-tit-box::before {
    content: "02";
}

.intro-list-con02 .intro-list-box li:last-child .intro-list02-tit-box::before {
    content: "03";
} */

.intro-list-con02 .intro-list02-tit {
    font-size: 84px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #00573f;
    opacity: 0.5;
    pointer-events: none;
    position: relative;
    top: -60px;
}

.intro-list-con02 .intro-list02-tit-box .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro-list-con02 .intro-list02-txt-box {
    width: 52.5%;
}

.intro-list-con02 .intro-list02-txt {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: -1px;
    color: #121212;
    padding-bottom: 16px;
}

.intro-list-con02 .intro-list02-txt b{font-size: 25px;}

.intro-list-con02 .intro-list02-txt:last-child{
    padding-bottom: 0;
}

.intro-list-con02 .intro-list02-txt.paddingNone {
    padding-bottom: 0;
}

.intro-list-con02 .intro-list02-txt.boldTxt {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8em;
    letter-spacing: -1px;
    color: #121212;
    padding-bottom: 0;
}

.intro-list-con02 .intro-list02-txt.boldTxt.paddingBottom {
    padding-bottom: 1.5rem;
}

.intro-list-con02 .intro-list02-txt.blue {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    color: #00573f;
    text-decoration-line: underline;
    text-decoration-color: #00573f;
    text-decoration-thickness: 2px;
    text-underline-position: under;
    padding-bottom: 0;
}

/***** 키워드랩이 실패할 수 없었던 3가지 이유 *****/
.intro-list-con03 {
    margin-top: 14rem;
    margin-bottom: 14rem;
    padding: 0 20px;
    box-sizing: border-box;
}

.intro-list-con03 .list-con03-tit-box, .intro-list-con03 .list-con03-tit-box02 {
    text-align: center;
}

.intro-list-con03 .list-con03-tit-box02 {
    margin-top: 7.6rem;
}

.intro-list-con03 .list-con03-tit {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: -0.05em;
    color: #121212;
    padding-bottom: 2.5rem;
}

.intro-list-con03 .list-con03-tit strong {
    font-weight: 800;
    color: #00573f;
}

.intro-list-con03 .list-con03-st {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    color: rgba(18, 18, 18, 0.8);
}

.intro-list-con03 .intro-list-box {
    display: flex;
    align-items: center;
    margin-top: 5.4rem;
}

.intro-list-con03 .intro-list-box li {
    
    position: relative;
    width: 33.333%;
    border: 1px solid #eee;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 5rem 70px;
    margin-right: 5rem;
    transition: all 0.8s ease-in-out;
    gap: 10px;
    align-items: flex-start;
}

.intro-list-con03 .intro-list-box li:last-child {
    margin-right: 0;
}

/* @keyframes fadein {
    from {
        opacity: 1;
    }
  
    to {
        opacity: 0;
    }
  } */

.intro-list-con03 .intro-list-box li::before {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 2px solid #00573f;
    content: "";
    border-radius: 30px;
    pointer-events: none;
    box-shadow: 5px 2px 24px 0px rgba(0, 0, 0, 0.09);
}

/* .intro-list-con03 .intro-list-box li:nth-child(2):before{
    animation-delay: 4s;
    animation-duration:2s;
}

.intro-list-con03 .intro-list-box li:nth-child(3):before{
    animation-delay: 6s;
} */

/* .intro-list-con03 .intro-list-box li.active::before {
    opacity: 1;
} */

.intro-list-con03 .intro-list-box li .intro-list03-num {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    color: #00573f;
}

.intro-list-con03 .intro-list-box li .intro-list03-txt {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    color: #121212;
}

.intro-list-con03 .list-con03-tit-box02 .list-con03-tit02 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    color: #121212;
    padding-top: 0.5rem;
}

.intro-list-con03 .list-con03-tit-box02 i {
    font-size: 24px;
    color: #121212;
}

.realization {
    display: block;
    padding-top: 80px;
    margin-top: 0;
    position: relative;
    height: 1220px;
    background: url('../../images/sub/didim/didim_banner03.jpg') no-repeat center;
    background-size: cover
  }
  
.realization p {
    color: white !important;
}

.realization .intro-list-con02 .intro-list02-txt{
    color: white ;
}

.realization p.txt_bub01 {
    margin: 40px 0;
    width: 468px;
    height: 75px;
    text-indent: -9999px;
    background: url(../../images/sub/didim/pic_wh_txtbub01.png) no-repeat
  }
  
  .realization  p.txt_bub02 {
    margin: 24px 0;
    width: 594px;
    height: 75px;
    text-indent: -9999px;
    background: url(../../images/sub/didim/pic_wh_txtbub02.png) no-repeat;
  }


  @media screen and (max-width:768px) {
    .realization p.txt_bub01 {
        margin-top: 30px;
        width: 330px;
        height: 53px;
        background-size: cover
    }
  
    .realization p.txt_bub02 {
        margin-top: 14px;
        width: 428px;
        height: 61px;
        background-size: cover
    }

    .realization{
        height: 1120px;
    }

  }

  @media screen and (max-width:480px) {
    .realization p.txt_bub01 {
        margin-top: 30px;
        width: 280px;
        height: 44px;
        background-size: contain
    }
  
    .realization p.txt_bub02 {
        margin-top: 14px;
        width: 340px;
        height: 44px;
        background-size: contain
    }
  
  }


  @media all and (max-width: 374px) {
  
    .realization  p.txt_bub01 {
        margin: 30px 0;
        width: 100%;
        /* height: 36px; */
        text-align: left;
        background-size: contain
    }
  
    .realization   p.txt_bub02 {
        margin: 14px 0;
        width: 100%;
        height: 44px;
        text-align: left;
        background-size: contain
    }

  }
  





/************** 브랜드 커스텀 CSS ************/
.fs > strong{
    font-size: 24px;
    text-decoration-line: underline;
    text-decoration-color: #000;
    text-decoration-thickness: 3px;
    text-underline-position: under;
}

.fs02{
    font-weight: 500 !important;
} 
.intro-icon {width: 100px; height: 100px;}
.list-box-flex{display: flex; flex-direction: column;} 

.intro-list-con04 .intro-list-box li .list-avatar-box {
    width: 34.465%;
    text-align: center;
    margin-right: 15rem;
}

.intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt {
    position: relative;
    display: inline-block;
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    color: #222;
    padding-top: 0;
}

.intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt::before {
    position: absolute;
    left: -4.6rem;
    content: "“";
    font-family: "Noto Sans KR";
    font-weight: 900;
    font-size: 4.8rem;
}
.intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt .blue-bg-txt {
    background-color: #00573f;
    color: #fff;
    padding: 0 0.5rem;
}
.intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt .quote-last {
    padding-left: 1rem;
}
.intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt > span {
    display: inline-block;
    font-family: "Noto Sans KR";
    font-weight: 900;
    font-size: 4.8rem;
}
.intro-list-con04 .intro-list-box{

}
.intro-list-con04 .intro-list-box .list-txt-box01{}
.intro-list-con04 .intro-list-box .list-txt-box02{}

/* clearfix */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

.intro-list-con04 .intro-list-box .list-txt-box .text-style01{font-size: 25px; line-height: 1.7; padding-top: 20px; color: #464646;}

.intro-list-con04 .intro-list-box .float-right{float: right;}


.intro-list-con04.center{display: flex; justify-content: center; align-items: center; height: 100vh;}
.intro-list-con04.center strong{font-size: 3.8rem;}
/* *************************************************** */

/* ****************** KEYWORD LAB :: 회사소개  ********************** */
@media all and (max-width: 1280px) {
	/***** 배너 *****/
    .intro-top-banner .banner-txt-box{
        left: 3%;
    }
	.intro-top-banner .banner-txt-box .banner-tit {font-size: 22px;}
	.intro-top-banner .banner-txt-box .banner-txt, .intro-top-banner .banner-txt-box .banner-txt-bold {font-size: 16px;}
	/***** 후기 *****/
	.intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt {font-size: 24px;}
    .intro-list-con02 .intro-list-box li .intro-list02-tit-box::before{
        right: 4rem;
    }

    /* 디딤 브랜드 */
    .intro-wrap .intro-tit{font-size: 38px;}

    .intro-list-con01 .intro-list01-tit{font-size: 30px;}
    .intro-list-con01 .intro-list01-txt{font-size: 14px;}
    .fs > strong {
        font-size: 20px;
        text-decoration-line: underline;
        text-decoration-color: #000;
        text-decoration-thickness: 2px;
        text-underline-position: under;
    }
    .intro-list-con03 .intro-list-box li{ padding: 3rem 30px;}
    .intro-list-con04.center strong{font-size: 3rem;}
    .intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt::before{left: -3rem;}
}

@media all and (max-width: 800px) {
	.company-page {padding-bottom: 7rem;}
	.intro-wrap .intro-tit {font-size: 24px;}
	/***** 배너 *****/
	.intro-top-banner {margin-top: 4.5rem; border-radius: 2rem; padding-top: 138.89%; background: center / cover no-repeat url("../../images/sub/didim/didim_banner_mo01.jpg");}
	.intro-top-banner .banner-txt-box {top: 30%;}
	.intro-top-banner .banner-txt-box .banner-tit {font-size: 28px;}
	/***** 1번 리스트 *****/
	.intro-list-con01 {margin-top: 7rem;}
	.intro-list-con01 .intro-list-box li {flex-direction: column; margin-bottom: 8rem;}
	.intro-list-con01 .intro-list01-tit, .intro-list-con01 .intro-list-box li .intro-list01-txt-box {width: 100%;}
    .intro-list01-txt{
        font-size: 14px;
    }
    .intro-list01-txt span{
        display: block;
    }

	.intro-list-con01 .intro-list-box li .intro-list01-txt-box {margin-top: 3rem;}
	/* .intro-list-con01 .intro-list01-tit {font-size: 2.6rem;}
	.intro-list-con01 .intro-list01-txt {font-size: 1.5rem;} */
	.intro-list-con01 .intro-list01-tit::before {top: -2rem;}

	/***** 키워드랩의 미친 자신감 *****/
	.intro-list-con02 {margin-top: 7rem; padding: 6rem 0;}
    .intro-list-con02 .intro-list-box{margin-top: 3rem;}
	.intro-list-con02 .intro-list-box li {flex-direction: column; margin-bottom: 30px; gap: 10px;}
    .intro-list-con03 .intro-list-box li{
        gap: 5px;
    }
    .intro-list-con02 .intro-list-box li .intro-list02-tit-box{
        flex-direction: row;
    }

	.intro-list-con02 .intro-list-box li .intro-list02-tit-box, .intro-list-con02 .intro-list02-txt-box {width: 100%; font-size: 32px;}
	.intro-list-con02 .intro-list-box {margin-top: 4rem; padding-left: 45px;}
	.intro-list-con02 .intro-list02-txt-box {margin-top: 0;}
	.intro-list-con02 .intro-list02-tit {font-size: 48px; position: static;}
	/* .intro-list-con02 .intro-list-box li .intro-list02-tit-box::before {font-size: 12rem;} */
	

	/***** 키워드랩이 실패할 수 없었던 3가지 이유 *****/
	.intro-list-con03 {margin-top: 7rem;}
	.intro-list-con03 .list-con03-tit {font-size: 28px;}
    .intro-list-con03 .intro-list-box{flex-direction: column; justify-content: center; gap: 30px;}
	.intro-list-con03 .intro-list-box li {margin-right: 0; padding: 4.5rem 2.5rem; width: 100%;}
	.intro-list-con03 .intro-list-box li .intro-list03-num {font-size:18px;}
	.intro-list-con03 .intro-list-box li .intro-list03-txt {font-size: 16px; height: auto;}
	.intro-list-con03 .list-con03-tit-box02 .list-con03-tit02, .intro-list-con03 .list-con03-tit-box02 i {font-size: 20px;}
	.intro-list-con03 .list-con03-tit-box02 {margin-top: 5rem;}

    /* 디딤 브랜드 */
    .intro-list-con04 .intro-list-box .float-right{float: none;}
    .intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt{font-size: 22px;}
    .intro-list-con04 .intro-list-box .list-txt-box .text-style01{font-size: 19px;}
    .intro-list-con04.center strong {
        font-size: 2.5rem;
    }
}

@media all and (max-width: 640px) {
	/***** 키워드랩이 실패할 수 없었던 3가지 이유 *****/
    .intro-list-con03 .list-con03-tit {font-size: 20px; padding-bottom: 20px;}
    .intro-list-con03 .list-con03-st{
        font-size: 15px;
    }
    .intro-list-con02 .list-con02-tit{
        font-size: 20px;
    }
    .intro-list-con03 .intro-list-box{margin-top: 3rem;}
	/* .intro-list-con03 .intro-list-box li {padding: 2rem 20px;} */
	.intro-list-con03 .intro-list-box li .intro-list03-txt {font-size: 14px;}
    .intro-list-con02 .intro-list02-txt, .intro-list-con02 .intro-list02-txt.boldTxt {font-size: 14px;}
    .intro-wrap .intro-tit {font-size: 20px;}

}

@media all and (max-width: 500px) {
    .intro-wrap .intro-tit {font-size: 16px;}
    .intro-list-con03 .list-con03-tit{font-size: 16px;}
    .intro-list-con01 .intro-list01-txt.boldTxt{font-size: 14px;}
	/***** 배너 *****/
    /* .intro-top-banner .banner-txt-box{left: 5%;} */
	.intro-top-banner .banner-txt-box .banner-tit { font-size: 20px;}
	.intro-top-banner .banner-txt-box .banner-txt, .intro-top-banner .banner-txt-box .banner-txt-bold {font-size: 14px;}
	.intro-top-banner .banner-txt-box {top: 40%;}
    .intro-list-con02 .intro-list02-txt, .intro-list-con02 .intro-list02-txt.boldTxt {font-size: 13px;}
	/***** 키워드랩이 실패할 수 없었던 3가지 이유 *****/
	.intro-list-con03 .intro-list-box {flex-direction: column;}
	.intro-list-con03 .intro-list-box li {width: 100%; margin-right: 0; margin-bottom: 0;}
	.intro-list-con03 .intro-list-box li:last-child {margin-bottom: 0;}
	.intro-list-con03 .intro-list-box li .intro-list03-txt {font-size: 13px;}
	.intro-list-con03 .intro-list-box li .intro-list03-num {font-size: 20px;}

    .intro-list-con01 .intro-list01-tit{
        font-size: 20px;
    }

    .intro-list-con01 .intro-list01-txt{
        font-size: 14px;
    }

    .intro-list-con02 .intro-list02-tit{
        font-size: 24px;
    }

    /* .intro-list-con02 .intro-list02-tit-box .icon-box {
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background-color: #fff;
        margin: -5px 10px 0 0;
    } */

    .intro-list-con02 .intro-list-box li .intro-list02-tit-box::before{
        right: 0;
        top: -30px;
        font-size: 98px;
    }

    .intro-top-banner .banner-txt-box .banner-tit{font-size: 20px;}
    .intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt::before{    font-size: 3.8rem;}
    .intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt > span{font-size: 3.8rem;}
    .intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt{font-size: 18px;}
    .intro-list-con04 .intro-list-box .list-txt-box .text-style01{font-size: 15px;}
    .intro-list-con03 .intro-list-box li {
        padding: 4rem 20px;
    }
    .intro-list-con04.center strong{font-size: 2rem;}
    .list-txt-box{padding-left: 45px;} 
}

@media all and (max-width: 430px){
    .intro-top-banner .banner-txt-box .banner-tit{font-size: 16px;}
    .intro-top-banner .banner-txt-box .banner-txt, .intro-top-banner .banner-txt-box .banner-txt-bold {
        word-break: keep-all;
        font-size: 12px;
    }
    .intro-list-con01 .intro-list01-txt {
        font-size: 14px;
    }
    .fs > strong{font-size: 15px;}
    .intro-list-con02 .intro-list-box{padding-left: 0;}
    .intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt::before,
    .intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt > span{font-size: 2.5rem;}
    .intro-list-con04 .intro-list-box li .intro-list04-txt.boldTxt{font-size: 16px;}
    .intro-list-con04 .intro-list-box .list-txt-box .text-style01 {
        font-size: 11px;
    }
    .intro-list-con02 .intro-list02-txt b{font-size: 20px;}
    .intro-list-con02 .intro-list02-txt, .intro-list-con02 .intro-list02-txt.boldTxt {
        font-size: 11px;
    }
    .intro-list-con04.center strong {
        font-size: 1.5rem;
    }
}


/*======================= 가치관 ========================*/
/* CONTAINER */
#sh_container{position:relative;z-index:10;width:100%}
#sh_container_wrapper.sub{padding-top:160px}
#sh_content{position:relative;z-index:4;min-height:650px; _margin-top:90px;_padding-top:130px}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}
#sh_content.w1300{max-width:1300px;margin:130px auto 0}
/* .pagecommon{font-size:16px;color:#666;font-family:'Pretendard'} */
.pagecommon .cm_center{text-align:center}
.pagecommon .cm_tit{margin:80px 0 40px;font-size:18px}
.pagecommon .cm_tit p{font-size:34px;color:#222;font-weight:300}
.mo_txt{display:none}
.mo_txt p{word-break:keep-all}
/* ESG */
#p40 .top_img{overflow:hidden;position:relative;width:100%;height:420px;background:url(../../images/main/interior_02.jpg) center no-repeat fixed}
/* #p40 .cont01 .cm_tit p{line-height:1.5}
#p40 .cont01 .cm_tit p.bold{font-weight:700}
#p40 .cont01 ul{display:flex;justify-content:center;max-width:1400px;margin:60px auto 100px}
#p40 .cont01 ul li{position:relative;width:26%;text-align:center}
#p40 .cont01 ul li b{opacity:.2;position:absolute;left:26%;top:10%;z-index:-1;font-size:90px;font-weight:800;color:var(--primary)}
#p40 .cont01 ul li+li{margin-left:40px}
#p40 .cont01 ul li .icon{display:flex;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 15px;border-radius:50%;background:var(--primary)}
#p40 .cont01 ul li .icon img{width:70px}
#p40 .cont01 ul li p{font-size:24px;font-weight:700;color:#222}
#p40 .cont01 ul li span{display:block;margin-bottom:15px;font-size:15px;font-weight:600;color:var(--primary);font-family:'Poppins'}
#p40 .cont01 ul li .pl{white-space:pre-line}
#p40 .cont01 ul li i{position:relative;font-style:normal}
#p40 .cont01 ul li i:before{display:block;content:"";position:absolute;left:0;bottom:0;z-index:-1;width:0;height:10px;background:#fffaba;transition:all .8s .5s}
#p40 .cont01 ul li.aos-animate i:before{width:100%}
#p40 .cont02{padding:100px 0;background:#f5f5f5}
#p40 .cont02 .cm_tit{margin-top:0}
#p40 .cont02 ul{display:flex;max-width:1300px;margin:0 auto}
#p40 .cont02 ul li{overflow:hidden;width:calc(100% / 3)}
#p40 .cont02 ul li .img{overflow:hidden}
#p40 .cont02 ul li .img img{position:relative;left:50%;transform:translateX(-50%)}
#p40 .cont02 ul li .cont{display:flex;flex-flow:column;justify-content:center;align-items:center;height:250px;text-align:center;background:#fff}
#p40 .cont02 ul li .cont p{margin-bottom:10px;font-size:24px;font-weight:700;color:#222}
#p40 .cont02 ul li .cont .pl{white-space:pre-line}
#p40 .cont02 ul li .cont.prm{color:#fff;background:var(--primary)}
#p40 .cont02 ul li .cont.prm p{color:#fff} */


#sh_content .pageSubtitle{font-size: 1.5rem;}
/* 가치관 01 */
.itemA {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.itemA * {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.itemA span {
border: 1px solid #b6b8bb;
background: #fff;
border-radius: 50%;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;

		
}

.itemA i {
  font-size: 16px;
}

.itemA:hover {
  border-color: #00573f;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 115, 141, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 115, 141, 0.2);
}

.itemA:hover span {
  background: #00573f;
  border-color:#00573f;
}

.itemA:hover i {
  color: #fff;
}

.listPage h4 {
  color: #333;
  line-height: 1.5;
  font-weight: 300;
}

.listPage h4 b {
  color: #111;
  font-weight: 500;
}

.listPage .itemBox {
  display: -ms-grid;
  display: grid;
  /* -ms-grid-columns: (1fr)[2]; */
 grid-template-columns: repeat(3, 1fr);
  gap: 180px 50px;
  margin: 40px 0 0;
} 


.listPage .itemBox.margin50{
	  margin: 50px 0 0;
}

.listPage .itemTitle {
	margin: 200px 0 0;
	color: #00738d;
	font-size: 3.4rem;
	font-weight: 700;
}

.listPage .item .itemA {
  max-width: 100%;
	padding: 50px 50px;
}

.listPage .item .itemA span {
  width: 55px;
  height: 55px;
  right: 30px;
  bottom: 30px;
}

.listPage .item .itemA i {
  font-size: 22px;
}

.listPage .item figure {
	width: 100%;
  /* width: 100%; */
  padding: 34.35% 0;
  position: relative;
}

.listPage .item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.listPage .item dl {
  margin: 60px 0 0;
}

.listPage .item dl * {
  font-family: var(--font-pretendard);
}

.listPage .item dl dt {
  color: #111;
  font-size: 24px;/*font-size: 3.4rem;*/
  font-weight: 500;
  margin: 0 0 20px;
}

.listPage .item dl dt em {
  font-size: 2.4rem;
}

.listPage .item dl dd {
  color: #333;
  font-size: 20px;/*font-size: 2.2rem;*/
  font-weight: 300;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.border em{
	font-size: 20px;
	font-weight: 500;
	font-style: normal;
}

.itemA:hover .border em{color: #fff;}

/* 가치관 02 */
.s_title{padding-top: 100px;}
.s_title p{
	color: #00573f;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}
 .s_title strong {
	font-size: 42px;
	color: #212121;
	font-weight: 700;
	line-height: 1.3;
	display: block;
}
#con03{
	padding: 100px 0;
}
 #con03 ul li .wrap {
	position: relative;
}
 #con03 ul {
	margin-top: 70px;
}
 #con03 ul li .txt {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 1;
	text-align: center;
}

 #con03 ul li .txt strong {
	display: block;
	font-size: 50px;
	font-weight: 800;
	color: #FFFFFF;
	margin-bottom: 20px;
}
#con03 .clear{display: flex;}

 #con03 ul li .more {
	margin-top: 49px;
}
 #con03 ul li .more a svg {
	position: absolute;
	left: 50%;
	top: -50px;
	transform: translate(-50%,0);
}
#con03 ul li .more a {
	display: block;
	width: 206px;
	height: 62px;
	border: 1px solid #212121;
	margin: 0 auto;
	position: relative;
	border-radius: 70px;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	font-weight: 400;
	color: #212121;
	transition: color .3s, background .3s;
}
#con03 ul li:hover .img img{ transform: scale(1.1); }
#con03 ul li .txt strong{ display: block; font-size: 50px; font-weight: 800; color:#FFFFFF; margin-bottom:20px; }
 #con03 ul li .txt p{ font-size: 20px; line-height: 40px; font-weight: 600; color:#FFFFFF; }

 #con03 ul li:hover .more a{background-color: #212121; color: #fff;}

 #con03 ul li .img {
	overflow: hidden;
	border-radius: 20px 0 0 20px;
	width: 100%;
	/* position: relative; */
}
 #con03 ul li:nth-child(2) .img {
	border-radius: 0 20px 20px 0;
}
#con03 ul li .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 1s;
}
#con03 ul li strong svg{width: 90px; height: 90px;}

/* 가치관 03 */
#p40 .cont03{position:relative;padding:160px 0 100px;font-size:20px;color:#fff;text-align:center;background:url(../../images/sub/didim/vision_svg_bg03.png) center no-repeat;background-size:cover}
#p40 .cont03 .wave{position:absolute;top:0;left:0;width:100%;height:158px;background:url(../../images/sub/didim/wave.png) repeat-x 0 0;transition:all .8s}
#p40 .cont03 .cm_tit{margin:0}
#p40 .cont03 .cm_tit p{color:#fff}
#p40 .cont03 ul{display:flex;justify-content:center;margin:40px 0}
#p40 .cont03 ul li{display:flex;justify-content:center;align-items:center;overflow:hidden;width:180px;height:180px;border-radius:50%;background:#fff;box-shadow:4px 4px 12px rgba(0,0,0,.2)}
#p40 .cont03 ul li+li{margin-left:15px}
#p40 .cont03 ul li img{max-width:80%}
#p40 .cont03 .txt{white-space:pre-line}



/*======================= 가치관 반응형 ========================*/

	@media(max-width:1320px){
	
	#p40 .cont01 ul li{width:calc(100% / 3)}

	}

	@media(max-width:1024px){
	.pagecommon{font-size:15px;}	
	.pagecommon .cm_tit{margin:40px 0;padding:0 10px}
	.pagecommon .cm_tit div{word-break:keep-all}
	.pagecommon .cm_tit p{margin-bottom:10px;font-size:30px;line-height:1.4 }
	#p40 .top_img{height:300px;background-attachment:local;background-position:center;background-size:cover}
	#p40 .cont01 .cm_tit p{margin:0}
	#p40 .cont01 ul{margin-bottom:60px}
	#p40 .cont01 ul li+li{margin:0}
	#p40 .cont01 ul li b{left:16%}
	#p40 .cont01 ul li .pl{white-space:normal;word-break:keep-all;padding:0 10px}
	#p40 .cont01 ul li.aos-animate i{background:#fffaba}
	#p40 .cont01 ul li.aos-animate i:before{display:none}
	#p40 .cont02{padding:60px 0}
	#p40 .cont02 ul li .cont .pl{padding:0 10px;white-space:normal;word-break:keep-all}
	#p40 .cont03{padding:140px 0 80px;font-size:18px}
	#p40 .cont03 ul li{width:140px;height:140px}

	}

	@media(max-width:768px){
	.pagecommon .cm_tit p{font-size:26px}	
	.pagecommon .cm_tit{font-size:16px}

	@keyframes circle{from{opacity:.5;width:100%;height:100%}100%{width:130%;height:130%;opacity:0}}
	@keyframes circle2{from{opacity:.5;width:100%;height:100%}100%{width:120%;height:120%;opacity:0}}
	#p40 .top_img{height:260px}
	#p40 .cont01 ul li p{font-size:20px}
	#p40 .cont02 ul li .cont p{font-size:20px}
	#p40 .cont03{padding:120px 0 60px}
	#p40 .cont03 .wave{background-size:150%}
	#p40 .cont03 ul{flex-wrap:wrap}
	#p40 .cont03 ul li{margin:5px!important}

	}


	@media(max-width:620px){

	#p40 .cont01 ul{flex-flow:column;align-items:center;margin:40px 0 60px}
	#p40 .cont01 ul li{width:90%}
	#p40 .cont01 ul li+li{margin:30px 0 0;padding-top:30px;border-top:1px solid #e1e1e1}
	#p40 .cont01 ul li b{left:30%}


	}
	@media(max-width:480px){
	.pagecommon{font-size:14px}	
	.pagecommon .cm_tit p{font-size:24px}
	#p40 .top_img{height:200px}
	#p40 .cont01 ul li b{left:25%}
	#p40 .cont02 ul{flex-wrap:wrap}
	#p40 .cont02 ul li{width:50%}
	#p40 .cont02 ul li:last-child{display:flex;flex-direction:row;width:100%}
	#p40 .cont02 ul li:last-child > div{width:50%}
	#p40 .cont02 ul li .img{height:220px}
	#p40 .cont02 ul li .cont{height:220px}
	#p40 .cont03{padding:100px 15px 60px}
	#p40 .cont03 .txt{white-space:normal;word-break:keep-all}
	#gallList2 ul{gap:10px}
	#gallList2 ul li a{height:200px}
	#p35 .tit{font-size:20px}
	}

	@media(max-width:380px){
	#p40 .cont01 ul li b{left:20%}

	}
	

	/*=================== 홍보영상  ===================*/

/* 갤러리 공통 */
#sub.gallery .con01 > ul > li{ float: left; width: 31%; margin-right: 3.5%; margin-bottom: 50px; }
#sub.gallery .con01 > ul > li:nth-child(3n+0){ margin-right: 0; }
#sub.gallery .con01 > ul > li > a{ display: block; overflow: hidden;  background-color: #fff; border-radius: 20px; transition: box-shadow .4s; }
#sub.gallery .con01 > ul > li > a:hover{ box-shadow: 0px 0px 40px rgba(143,152,172,0.2);}
#sub.gallery .con01 li .img{ overflow: hidden; max-height: 322px; border-radius: 20px; position: relative; }
#sub.gallery .con01 li a:hover .img{ border-radius: 20px 20px 0 0; }
#sub.gallery .con01 li .img .hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); opacity: 0; transition: opacity .4s; z-index: 1; }
#sub.gallery .con01 li a:hover .img .hover{ opacity: 1; }
#sub.gallery .con01 li .img .hover svg{ display: block; position: absolute; left: 50%; top :50%; transform: translate(-50%,-50%);}
#sub.gallery .con01 li .img img{ display: block; width: 100%; transition: transform 1s; }
#sub.gallery .con01 li a:hover .img img{ transform: scale(1.1); }
#sub.gallery .con01 li .txt{ padding: 40px 0; transition: padding .4s;  }
#sub.gallery .con01 li a:hover .txt{ padding: 40px 30px; }
#sub.gallery .con01 li .txt strong{ display: block; font-size: 24px; line-height: 42px; font-weight: 600; color:#212121; margin-bottom: 20px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#sub.gallery .con01 li .txt p{ font-size: 18px; line-height: 32px; color:#77797E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#sub.gallery .con01 li .right{ text-align: right; margin-top: 20px; }
#sub.gallery .con01 li .right span{ display: block; width: 95px; float: right; height: 42px; border-radius: 100px; line-height: 42px; text-align: center; padding: 0 20px; background-color: #F5F5F5; color: #333F5A; font-weight: 600;
  transition: color .4s, background .4s;
}
#sub.gallery .con01 li a:hover .right span{ background-color: #333F5A; color: #fff; }

#sub.kring .s_title{ position: relative; }
#sub.kring .s_title .kring{ position: absolute; right: 0; top: 50%; transform: translate(0,-50%);}
#sub.kring .s_title strong{ line-height: 54px; }


#sub.recruit .con01 li .txt strong{
  white-space: normal;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 게시판 공통 */
/* #sub .paging{ text-align: center; }
#sub .paging ul{ display: inline-block; }
#sub .paging ul li{ float: left; width: 44px; height: 44px; margin-right: 10px; }
#sub .paging ul li:last-child{ margin-right: 0; }
#sub .paging ul li a{ display: block; width: 100%; height: 100%; border-radius: 8px; color: #212121; font-size: 18px; text-align: center; line-height: 44px; }
#sub .paging ul li.on a{ background-color: #212121; color: #fff;}
#sub .paging ul li.prev a{ background: url('/img/sub/page_prev.png') center center no-repeat; }
#sub .paging ul li.next a{ background: url('/img/sub/page_next.png') center center no-repeat; }

 */



/* ==================== 홍보영상 반응형 ====================*/

@media (max-width: 1500px){
	.inner{ width: 100%; padding: 0 20px; }

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

  }
  
  @media (max-width: 1300px){
	#sub .sub_con .s_title p{ font-size: 24px; margin-bottom: 15px; }
	#sub .sub_con .s_title strong{font-size: 32px; line-height: 48px; }
	#sub.outline .con01 p{ font-size: 18px; line-height: 32px; }
	#sub .sub_con .s_title{ margin-bottom: 30px; }

  }
  
  @media (max-width: 1200px){
	
  
	#sub.gallery .con01 li .txt strong{ font-size: 18px; line-height: 28px; margin-bottom: 5px; }
	#sub.gallery .con01 li .txt p{ font-size: 14px; line-height: 22px; }
	#sub.gallery .con01 li .txt{ padding: 25px 0; }
	#sub.gallery .con01 li a:hover .txt{padding: 25px; }
	#sub.gallery .con01 li .img .hover svg{ width: 140px; height: auto; }
  
	
	#sub.gallery .con01 li .right{ margin-top: 10px; }
	#sub.gallery .con01 li .right span{ width: 80px; height: 38px; line-height: 38px; font-size: 14px; }

  }
  
  
  @media (max-width: 1000px){
	#sub .sub_con{ padding-top: 80px; padding-bottom: 90px;}

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

	#sub.gallery .con01 > ul > li{ margin-bottom: 30px; }
	#sub.gallery .con01 > ul > li{width: 48%; margin-right: 4%; }
	#sub.gallery .con01 > ul > li:nth-child(3n+0){ margin-right: 4%; }
	#sub.gallery .con01 > ul > li:nth-child(2n+0){ margin-right: 0; }
	#sub.gallery .con01 > ul > li > a{ border-radius: 12px; }
	#sub.gallery .con01 li .img{ border-radius: 12px; }
	#sub.gallery .con01 li a:hover .img{ border-radius: 12px 12px 0 0; }
	#sub.gallery .con01 li .txt strong{ font-size: 16px; line-height: 24px; }
	#sub.gallery .con01 li a .txt{padding: 12px 0; }
	#sub.gallery .con01 li a:hover .txt{padding: 12px 16px; }

  
  }
  
  @media (max-width: 750px){
	#sub .sub_con .s_title p{ font-size: 18px; margin-bottom: 8px; }
	#sub .sub_con .s_title strong{ font-size: 22px; line-height: 32px; }
	#sub .sub_con .s_title{ margin-bottom: 20px; }

  

  }
  
  @media (max-width: 540px){
	#sub{ overflow-x: hidden; }
	#sub .sub_con .s_title strong{ font-size: 18px; line-height: 26px; }
	#sub .sub_con{ padding-top: 60px; padding-bottom: 70px; }

	#sub .sub_con .s_title strong{ font-size: 16px; line-height: 24px; }
	#sub .sub_con .s_title p{ font-size: 14px; }

	#sub .paging ul li{ width: 32px; height: 32px; }
	#sub .paging ul li a{ line-height: 32px; font-size: 14px; }
	#sub .paging ul li.prev a{ background-size: 6px auto;}
	#sub .paging ul li.next a{ background-size: 6px auto;}
	#sub.subsidiary .con01 .s01 > table td strong{ font-size: 18px; line-height: 28px; }
  
  
	

  
	

  
		
  }