@charset "utf-8";
.con_sub {margin-bottom:10%}
.con_sub > div {padding: 5% 13% 0;}
/*.top_conts {padding: 5% 0%;background-color: #fff;}
.top_conts p {
    font-size: var(--font-size24);
    font-weight: 400;
    color: #fff;
    position: absolute;
    bottom: -62%;
    left: 24%;
    text-align: center;
    word-break: keep-all;
    z-index: 1;
    text-shadow: 0 2px 5px rgb(0 0 0 / 50%);
    opacity: 0;
}
.top_conts p span {font-family: var(--font-point);font-size: var(--font-size36);color: var(--color-point1);} 
.img_inner {overflow:hidden;height: 45vh;}

.top_conts .top_img {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
}
.top_conts .top_img:after {content:"";position:absolute;width:100%;height:100%;background-color: rgb(0 0 0 / 25%);}
.top_conts .top_img img {}
*/
.sec01 {
    padding: 0 13% 0;
    /* background-color: #fff; */
    position: relative;
}
.sec02 {
	padding: 6% 13%;
	position: relative;
}


.imglist .pt .inner.p1 {background-image: url(/img/page/2010_1/p1.jpg);}
.imglist .pt .inner.p2 {background-image: url(/img/page/2010_1/p2.jpg);}
.imglist .pt .inner.p3 {background-image: url(/img/page/2010_1/p3.jpg);}
.imglist .pt .inner.p4 {background-image: url(/img/page/2010_1/p4.jpg);}
.imglist .pt .inner.j1 {background-image: url(/img/page/2010_1/j1.jpg);}
.imglist .pt .inner.j2 {background-image: url(/img/page/2010_1/j2.jpg);}
.imglist .pt .inner.j3 {background-image: url(/img/page/2010_1/j3.jpg);}
.imglist .pt .inner.j4 {background-image: url(/img/page/2010_1/j4.jpg);}

.imglist .target_inner {}

.sec01 .target_inner {}
.img_inner2{display:none;}

/* FHD - 1920 / 24인치이상 */
@media only screen and (max-width: 1600px)  {

    
}

@media only screen and (max-width: 1200px)  {

}

@media only screen and (max-width: 1300px)  {

}


@media only screen and (max-width: 1240px)  {

}


@media only screen and (max-width: 1024px)  {
	.sec01, .sec02 {padding:6% 5%}
	.con_sub > div {padding: 15% 5% 0;}
	.imglist .pt .inner {
    height: 40vh;
    }
	.top_conts .top_img{}
	.top_conts .top_img:after {
    background-color: rgb(0 0 0 / 50%);
}
	.top_conts .top_img img {height: 42em;}
	.top_conts p {
    bottom: -68%;
    text-align: left;
    padding: 1em;
}

}


@media only screen and (max-width: 810px)  {

	.sec01 {padding: 0 5% 0;}

	.sec02 {padding: 0 5% 6%;}

	.sub_tit h4{font-size: 2.5em;}

	.sub_tit {height: auto;}
}

@media only screen and (max-width:667px)  {

	.imglist ul li {width: 100%;}

	.sub_tit h4 {
    font-size: 2em;}

	.imglist ul li:nth-child(2n) {margin-top: 5%;}

	.imglist p {
    font-size: var(--font-size);}

}


@media only screen and (max-width:480px)  {
	.img_inner {
    height: 24em;
}
	.top_conts p {
    /* bottom: -40%; */
    text-align: left;
}
	.top_conts .top_img img {
    height: 40em;
    margin-top: 6em;
    object-fit: cover;
    object-position: center;
}
	
}


@media only screen and (max-width:360px)  {

}






@media only screen and (max-width:320px)  {

}


@media only screen and (max-width: 399px) and (min-width: 320px){

}