@charset "UTF-8";
body {overflow-x: hidden;}
.title_wrap {display:none;}
.body_wrap.layout {max-width: none;margin: 0px;padding: 0px;}
#contens {margin:0px;}
#contens #txt {margin-bottom:0px;}

/* top-box */
.webzn_list {background-color: #f6f6f6;/* min-height: 1000px; */height: auto;}
.webzn_list .top-box .link {position: absolute;right: 0px;top: 20px;padding: 14px 30px;color: #fff;border: 2px solid #66a58c;box-shadow: 3px 3px 8px #00603a;transition:all 0.2s;background-color: #006940;}
.webzn_list .top-box .link:hover {color:#006940;background-color:#fff;}
.webzn_list .top-box {height: 406px;background-color: #006940;position: relative;left: 0px;top: 0px;}
.webzn_list .top-box:after {content:'';background-image: url(/images/main/sub04/list_bg1.png);width:294px;height:143px;display: inline-block;position: absolute;left: 83px;top: 0px;}
.webzn_list .top-box:before {content:'';background-image: url(/images/main/sub04/list_bg2.png);width:437px;height:526px;display: inline-block;position: absolute;right: 0px;top: 140px;}

.webzn_list .top-box .list-title {max-width: 1400px;margin: 0px auto;text-align: center;width: 100%;padding-top: 108px;position: relative;height: 100%;z-index: 1;}
.webzn_list .top-box .list-title:before {content:'';background-image: url(/images/main/sub04/list_bg.png);width: 312px;height: 233px;display: inline-block;position: absolute;right: 60px;bottom: 65px;background-repeat: no-repeat;}
.webzn_list .top-box .list-title .hos_name {color: #fff;font-size: 46px;font-family: 'gmarket';font-weight: 600;margin: 0px;line-height: 1;}
.webzn_list .top-box .list-title span {font-size: 20px;color: #fff;font-family: 'gmarket';font-weight: 100;margin-top: 17px;display: inline-block;line-height: 1;}
.webzn_list .top-box .list-title span em {font-family: 'gmarket';font-weight: 600;}


/* list main */
.webzn_list .webzn_list_con {max-width: 1400px;width: 100%;background-color: #fff;margin: 0px auto;position: relative;top: -135px;left: 0px;z-index: 2;padding: 78px 60px;}
.webzn_list .board_faq .title .ti {padding-left: 20px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.webzn_list .board_faq .title .ti.on {border-color: #008574;}
.webzn_list .board_faq .title .ti.on:before {background-color: #008574;border-color: #008574;}
.webzn_list .board_faq .title .ti b {font-family: 'Noto Sans CJK KR';color: #002f31;font-size: 18px;font-weight: 600;}
.webzn_list .board_faq .pt {border: none;padding: 25px 0px;}
.webzn_list .board_faq .pt ul {display: flex;justify-content: start;flex-wrap: wrap;}
.webzn_list .board_faq .pt ul li .img-box {position: relative;left: 0px;top: 0px;}
.webzn_list .board_faq .pt ul li .img-box img  {width: 100%;height: auto;max-width: none;}
.webzn_list .board_faq .pt ul li .img-title {text-align: center;}
.webzn_list .board_faq .pt ul li .img-title span {font-weight: 600;font-size: 18px;color: #3a3a3a;}
.webzn_list .board_faq .pt ul li .img-title em {font-size: 18px;color: #3a3a3a;display: block;}
.webzn_list .board_faq .pt ul li {}
.webzn_list .board_faq .pt ul li .link {display: block;width: 100%;height: 100%;}

@media (max-width:5000px) and (min-width:1025px) {
	.webzn_list .board_faq .pt ul li {width: calc(100% / 5 - 12px);margin-bottom: 28px;}
	.webzn_list .board_faq .pt ul li:nth-child(5n-3) {margin-left: 15px;margin-right: 7.5px;}
	.webzn_list .board_faq .pt ul li:nth-child(5n-2) {margin-left: 7.5px;margin-right: 7.5px;}
	.webzn_list .board_faq .pt ul li:nth-child(5n-1) {margin-left: 7.5px;margin-right: 15px;}
}

@media (max-width:1400px) {
	.webzn_list .top-box .link {right: 36px;}
}


@media (max-width:1240px) {
	.webzn_list .webzn_list_con {width: 95%;}
}

@media (max-width:1126px) {
	.webzn_list .top-box .list-title:before {background-size: 75%;right: -85px;width: 269px;bottom: 15px;}
}

@media (max-width:1024px) and (min-width:768px) {
	.webzn_list .board_faq .pt ul li {width: calc(100% / 4 - 12px);margin-bottom: 28px;}
	.webzn_list .board_faq .pt ul li:nth-child(4n-2) {margin-left:16px;margin-right:8px;}
	.webzn_list .board_faq .pt ul li:nth-child(4n-1) {margin-left:8px;margin-right:16px;}
}

@media (max-width:860px) {
	.webzn_list .top-box .list-title .hos_name {font-size: 40px;}
}

@media (max-width:767px) and (min-width:501px) {
	.webzn_list .board_faq .pt ul li {width: calc(100% / 3 - 11px);margin-bottom: 28px;}
	.webzn_list .board_faq .pt ul li:nth-child(3n-1) {margin-left:16px;margin-right:16px;}
}

@media (max-width:767px) {
	.webzn_list .webzn_list_con {padding: 57px 15px;}
	.webzn_list .top-box:after {left: -80px;}
	.webzn_list .top-box:before {right: -223px;}
}

@media (max-width:766px) {
	.webzn_list .top-box .list-title:before {display:none;}
	.webzn_list .top-box .list-title {padding-left: 30px;padding-right: 30px;}
}

@media (max-width:600px) {
	.webzn_list .board_faq .pt ul li .img-title span {font-size: 16px;}
	.webzn_list .board_faq .pt ul li .img-title em {font-size: 16px;}
}

@media (max-width:500px) {
	.webzn_list .board_faq .pt ul li {width: calc(100% / 2 - 8px);margin-bottom: 28px;}
	.webzn_list .board_faq .pt ul li:nth-child(2n-1) {margin-left:0px;margin-right:8px;}
	.webzn_list .board_faq .pt ul li:nth-child(2n) {margin-left:8px;margin-right:0px;}
}

@media (max-width:490px) {
	.webzn_list .top-box .list-title span em {margin-top: 5px;display: inline-block;}
	.webzn_list .webzn_list_con {padding: 20px 15px;width: 90%;top: -150px;}
	.webzn_list .top-box .link {right: 15px;}
	.webzn_list .top-box .list-title .hos_name {font-size: 28px;}
	.webzn_list .top-box {height: 366px;}
	.webzn_list .top-box .list-title span {margin-top: 10px;letter-spacing: -1px;}
}

@media (max-width:390px) {
	.webzn_list .board_faq .pt ul li {width: 100%;}
	.webzn_list .board_faq .pt ul li .img-box img {width: 100%;height: auto;}
	.webzn_list .board_faq .pt ul li:nth-child(2n-1) {margin-left:0px;margin-right:0px;}
	.webzn_list .board_faq .pt ul li:nth-child(2n) {margin-left:0px;margin-right:0px;}
	.webzn_list .top-box .list-title {padding-left: 15px;padding-right: 15px;}
}




/* 웹진푸터 */
.layout.webzn {display: flex;justify-content: flex-start;padding-top: 49px;}
.layout.webzn .logo {margin-top: 4px;margin-right: 77px;}
.layout.webzn .logo a {width: 159px;height: 30px;display: inline-block;}
.layout.webzn .logo a img {}

#foot_layout .layout.webzn .linksite_wrap {top: 49px;width: 140px;height: 47px;}
#foot_layout .layout.webzn .linksite_wrap .linksite {width: 100%;text-align: center;height: 100%;}
#foot_layout .layout.webzn .linksite_wrap .linksite:after {display:none;}
#foot_layout .layout.webzn .linksite_wrap .linksite .toggle {background-color: #131313;color: #fff;text-align: center;width: 100%;height: 100%;display: block;padding: 11px 0;border-radius: 30px;}

/* 기존푸터 숨김 */
#foot_layout {display:none;}
.body_wrap.layout #foot_layout {display:block;}
/* 기존푸터 숨김 */

@media (max-width:1023px) {
  .layout.webzn {display: block;}
  .layout.webzn .logo {display:none;}
    #foot_layout .layout.webzn .linksite_wrap {position: relative;top: 0px;left: 50%;transform: translate(-50%, 0);}
}



