@charset "utf-8";

.wrap {padding: 0 0 20px 0;}
.footer {width: 1024px; margin: 90px auto 0;}
.footer .text p {line-height: 26px;}
.footer .text .type1 {font-size: 14px;}
.footer .text .type2 {font-size: 12px;}

/*pc&mobile 서브 페이지 배경 색상*/

.sub01_nav {background: #3c3c43;}
.sub01_nav p {overflow: hidden; padding: 10px; text-align: center;}
.sub01_nav p a {position: relative; display: inline-block; padding: 0 10px; font-size: 14px; color: #9a9ba5;}
.sub01_nav p a::after {position: absolute; content: ''; display: block; width: 1px; height: 10px; margin-top: -5px; top: 50%; right: 0; background-color: #fff;}
.sub01_nav p a:last-child::after {display: none;}
.sub01_nav p a.choice,
.sub01_nav p a:hover {color: #fff;}


#sub01_01, #sub01_01 .footer {background-color: #ffffff;}
#sub01_01 .tit_img {width: 100%; background-image: url("/webzine/images_2209/sub01_01_01.jpg"); background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-color: #ffffff;}
#sub01_01 .text_area {background-color: #ffffff;}

#sub01_02, #sub01_02 .footer {background-color: #2b3758;}
#sub01_02 .tit_img {width: 100%; background-image: url("/webzine/images_2209/sub01_02_01.jpg"); background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-color: #2b3758;}
#sub01_02 .text_area {background-color: #2b3758;}

#sub01_03, #sub01_03 .footer {background-color: #e1f4da;}
#sub01_03 .tit_img {width: 100%; background-image: url("/webzine/images_2209/sub01_03_01.jpg"); background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-color: #e1f4da;}
#sub01_03 .text_area {background-color: #e1f4da;}

#sub01_04, #sub01_04 .footer {background-color: #d6e2ed;}
#sub01_04 .tit_img {width: 100%; background-image: url("/webzine/images_2209/sub01_04_01.jpg"); background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-color: #d6e2ed}
#sub01_04 .text_area {background-color: #d6e2ed;}



#sub02_01, #sub02_01 .footer {background-color: #e7dbcf;}
#sub02_01 .tit_img {width: 100%; background-image: url("/webzine/images_2209/sub02_01_01.jpg"); background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-color: #e7dbcf;}
#sub02_01 .text_area {background-color: #e7dbcf;}



#sub03_01, #sub03_01 .footer {background-color: #ffffff;}
#sub03_01 .tit_img {width: 100%; background-image: url("/webzine/images_2209/sub03_01_01.jpg"); background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-color: #ffffff;}
#sub03_01 .text_area {background-color: #ffffff;}

#sub03_02, #sub03_02 .footer {background-color: #eee6d8;}
#sub03_02 .tit_img {width: 100%; background-image: url("/webzine/images_2209/sub03_02_01.jpg"); background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-color: #ffffff;}
#sub03_02 .text_area {background-color: #ffffff;}

#sub03_03, #sub03_03 .footer {background-color: #ffffff;}
#sub03_03 .tit_img {width: 100%; background-image: url("/webzine/images_2209/sub03_03_01.jpg"); background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-color: #ffffff;}
#sub03_03 .text_area {background-color: #ffffff;}

#sub03_04, #sub03_04 .footer {background-color: #c89151;}
#sub03_04 .tit_img {width: 100%; background-image: url("/webzine/images_2209/sub03_04_01.jpg"); background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-color: #c89151;}
#sub03_04 .text_area {background-color: #c89151;}


@media all and (min-width:1024px){
    .sub_content .tit_img {height: 530px;}
}

@media all and (max-width:1023px){
    .pc_ver {display: none;}ㅑi
    .sub01_nav p a {display: block; text-align: center;}
    .sub01_nav p a::after {display: none;}


    #sub01_01 .tit_img {background-image: url("/webzine/images_2209/sub01_01_01_mo.jpg");}
	#sub01_02 .tit_img {background-image: url("/webzine/images_2209/sub01_02_01_mo.jpg");}
	#sub01_03 .tit_img {background-image: url("/webzine/images_2209/sub01_03_01_mo.jpg");}
	#sub01_04 .tit_img {background-image: url("/webzine/images_2209/sub01_04_01_mo.jpg");}
	#sub01_05 .tit_img {background-image: url("/webzine/images_2209/sub01_05_01_mo.jpg");}

	#sub02_01 .tit_img {background-image: url("/webzine/images_2209/sub02_01_01_mo.jpg");}

	#sub03_01 .tit_img {background-image: url("/webzine/images_2209/sub03_01_01_mo.jpg");}
	#sub03_02 .tit_img {background-image: url("/webzine/images_2209/sub03_02_01_mo.jpg");}
	#sub03_03 .tit_img {background-image: url("/webzine/images_2209/sub03_03_01_mo.jpg");}
	#sub03_04 .tit_img {background-image: url("/webzine/images_2209/sub03_04_01_mo.jpg");}


    .footer {width: calc(100% - 40px); margin: 70px auto 0;}
    .sub_content .tit_img {height: 0; padding-bottom: 80%; background-size: cover;}
}