.layerpop1{}
	.layerpop1 .tit1{position:relative; background:#eee; width:100%; font-size:14px; font-weight:bold; padding:6px 0; color:#333;}
	.listbox1{width:100%; height:250px; overflow-y:auto; }

	.bbtn1{
		display:inline-block; vertical-align:middle;
		cursor:pointer;
		border-radius:5px;
		padding:10px 30px;
		border:1px solid #666;
		background:#fff; 
		color:#666; font-size:15px; 
	}
	.bbtn1.c1{background:var(--main-color1); color:#fff}
	
/*list*/	
	
	.btnst1{
		text-align:center; background:var(--main-color1); color:#fff; cursor:pointer; border:none; font-size:min(max(13px, 4vw),18px);  line-height:min(max(1vw, 2vw),18px);
		border-radius:60px; font-weight:600;
		padding:min(max(6px, 5vw),25px) min(max(15px, 10vw),60px);
	}
	.btnst1.w1{width:auto; padding:0 10px;}
	.btnst2,
	.btnst3,
	.btnst4{
		text-align:center; background:var(--main-color1); color:#fff; cursor:pointer; border:none; font-size:min(max(13px, 4vw),18px);  line-height:min(max(1vw, 2vw),18px);
		border-radius:30px;
		padding:min(max(6px, 4vw),20px) min(max(5px, 3vw),40px);
	}
	.btnst2{
		background:var(--main-color1);
	}
	.btnst3{
		background:#848484;
	}
	.btnst4{
		background:#333333;
	}
	
	.btnst5{width:95px; line-height:40px; background:#aaaaaa; color:#fff; cursor:pointer; border:none;   font-size:16px; }
	.btnst6{width:25px; height:25px; line-height:25px; background:#204f95 url(/images/common/ico/ico_sch1.png) no-repeat center center; cursor:pointer; text-indent:-5000px;}
	.btnst7{width:25px; height:25px; line-height:25px; background:#8d8d8d url(/images/common/ico/ico_sch1.png) no-repeat center center; cursor:pointer; text-indent:-5000px;}
	.btnst8{width:220px; height:40px; line-height:40px; background:#204f95 url(/images/common/ico/ico_arr1.png) no-repeat 174px center; cursor:pointer; color:#fff; text-indent:-10px;}
	.btnst9{height:40px; line-height:40px; background:#204f95; cursor:pointer; color:#fff; text-align:center;  font-size:16px; text-align:center; padding:0 16px; border:none;}
	
	.btnst10{font-size:11px; height:26px; line-height:26px; background:#a0a0a0; color:#fff; border:1px solid #8a8a8a; text-align:center; padding:0 15px; color:#fff !important;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	.btnst10.on{background:#0091d7; border:1px solid #006fb6}
	
	.btnst11{height:30px; line-height:30px; background:#7d7d7d; color:#fff; border:none; text-align:center; padding:0 8px; font-size:11px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	
	.btnst4.w1{width:auto; padding:0 10px;}
	.btnst5.w1{width:auto; padding:0 10px;}
	
	.rbtn1,
	.rbtn2,
	.rbtn3{width:52px; height:20px; line-height:20px; border:1px solid #1154a4; background:#1e7cc2; color:#fff; font-size:11px; text-align:center; font-family:dotum; cursor:pointer;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	.rbtn2{border-color:#022a72; background:#1154a4;}
	.rbtn3{border-color:#999999; background:#aaaaaa;}
	.rbtn3.on{border-color:#1e7cc2; background:#1e7cc2;}
	.rbtn2.w1{width:auto; padding:0 2px}
	
	
	hr.line1{width:100%; height:0; line-height:0; font-size:0; border:none; background:none; border-top:2px solid #547da3;}
	hr.line2{width:100%; height:0; line-height:0; font-size:0; border:none; background:none; border-top:1px solid #e4e4e4;}
	
	
	
	.btnarea1{
		position:relative; width:100%; text-align:center;
		display:flex; justify-content:space-between; gap:5px 0; flex-wrap:wrap;
	}
	.btnarea1.left{}
	.btnarea1 .right{ margin-left: auto; }
	.btnarea1.center{
		display:block;
	}
	
	.paging1{display:block; width:100%; text-align:center; font-size:16px;}
	.paging1 img{margin:0 2px 0 2px; display:inline-block; vertical-align:middle}
	.paging1 b{width:24px; line-height:24px; color:#fff; display:inline-block; vertical-align:middle}
	.paging1 .a{color:#999999; width:24px; line-height:24px; display:inline-block; vertical-align:middle; font-weight:600}
	.paging1 .a.on{width:24px; line-height:24px; color:var(--main-color1);  display:inline-block; vertical-align:middle}
	.paging1 .a:hover{color:var(--main-color1);}
	
	@media screen and (max-width:480px) {
		.paging1{font-size:14px;}	
		.paging1 img{width:24px; margin:0 1px;}
		.paging1 .a{width:16px; line-height:20px;}
		.paging1 .a.on{width:16px; line-height:20px;}
	}
	
	.scharea1 > label{
		position:relative; height:50px; 
	}
	.scharea1 .txt_sch1{
		vertical-align:middle;
		padding:0 5px;
		width:100%; max-width:380px; height:50px; line-height:50px; box-sizing:border-box;
		font-size:14px; text-indent:10px;
		border:1px solid #ddd;
		border-radius:30px;
		outline-style:none; 
	}
	.scharea1 > label a.schbtn1{
		position:absolute; right:10px; top:50%;
		transform:translateY(-50%);
		font-size:0; text-indent:-5000px;
		width:25px; height:25px;
		background:url(../../images/common/ico/ico_sch1.png) no-repeat center center;
	}
	
	.categoryarea1{
		position:relative;
		margin-bottom:min(max(1vw, 1vw),20px);
		z-index:10;
	}
	.categoryarea1 > .categorytit1{
		display:none;
	}
	.categoryarea1 > ul{
		display:flex; gap:min(max(1vw, 1vw),10px); justify-content:center; float:left; flex-wrap:wrap;
		margin:0 auto; 
	}
	.categoryarea1 > ul > li{		
		background:#eeeeee;
		border-radius:30px; margin-bottom:min(max(1vw, 1vw),20px);
		transition:all .5s ease;
	}
	.categoryarea1 > ul > li > a{
		position:relative;
		display:block;
		padding:min(max(1vw, 1.4vw),14px) min(max(1vw, 4vw),30px);
		font-weight:500; color:#333; font-size:min(max(1vw, 3vw),20px); line-height:min(max(1vw, 5vw),28px);
		transition:color .3s ease;
	}
	.categoryarea1 > ul > li > a::before{
		position:absolute; left:50%; top:0;
		transform:translateX(-50%);
		width:10px; height:10px;
		border-radius:50%;
		background:#e71e0f;
		opacity:0;
		transition:all .4s ease;
	}
	.categoryarea1 > ul > li.on, .categoryarea1 > ul > li:hover{
		background:var(--main-color1);
	}
	.categoryarea1 > ul > li.on a, .categoryarea1 > ul > li:hover a{
		color:#fff;
	}
	.categoryarea1.t2{
		margin-bottom:20px;
	}
	.categoryarea1.t2 > ul{
		float:none;
	}
	.categoryarea1.t2 > ul > li{
		padding:0;
	}
	.categoryarea1.t2 > ul > li > a{
		display:block;
		padding:min(max(1vw, 1.1vw),8px) min(max(1vw, 4vw),30px);
		line-height:min(max(1vw, 5vw),28px);
	}
	
	
	@media screen and (max-width: 767px){
		.categoryarea1 > .categorytit1{
			position:relative;
			display:block;
			text-align:left;
			padding:min(max(5px, 2.4vw),14px) var(--area-padding);
			box-sizing:border-box;
			color:#fff; font-size:18px;
			border-radius:30px;
			background:var(--main-color1);
			transition: all 0.4s ease;
			z-index:3
		}
		.categoryarea1 > .categorytit1::after{
			position:absolute; right:var(--area-padding); top:50%;
			transform:translateY(-50%);
			width:14px; height:12px;
			background:url(../../images/common/ico/ico_arr1.png) no-repeat center center; background-size:cover;
			content:"";
			transition:transform ease .4s 0s;
		}
		.categoryarea1 > ul{
			position:absolute; left:-1px; top:100%;
			display:block;
			overflow:hidden;			
			max-height:0;
			background:#fff;
			width:100%;
			padding-top:20px; margin-top:calc(-0px - min(max(1vw, 9vw),22px));
			border:1px solid #ddd; border-top:none;
			-webkit-transition: all 0.4s ease;
			border-radius:0 0 min(max(1vw, 7.6vw),25px) min(max(1vw, 7.6vw),25px);
		}
		.categoryarea1 > ul > li{
			padding:0;
			background:#fff;
			border-bottom:1px solid #ddd;
			height:auto;
			text-align:left;
			border-radius:0;			
		}
		.categoryarea1 > ul > li > a{
			color:#333;
			padding:min(max(5px, 2vw),10px) var(--area-padding);
			font-size:min(max(1vw, 5.2vw),18px);
		}
		.categoryarea1.active > a.deplnk1::after{
			transform:translateY(-50%) rotateX(180deg);
			transition:transform ease .4s 0s;
		}
		.categoryarea1.active > ul{
			max-height:600px;
			transition: all 0.8s ease;
			-webkit-transition: all 0.8s ease;
		}
		.categoryarea1.active > .categorytit1::after{
			transform:translateY(-50%) rotateX(180deg);
			transition:transform ease .4s 0s;
		}
		.categoryarea1.active > .categorytit1{
			border-radius:min(max(1vw, 7.6vw),25px) min(max(1vw, 7.6vw),25px) 0 0;
		}
		.categoryarea1.active > ul{
			max-height:600px;			
			
			transition: all 0.8s ease;
			-webkit-transition: all 0.8s ease;
			z-index:2;
		}
		
	}
	
	
	.bdschbox1{
		display:flex; justify-content:space-between; align-items:center; 
		min-width:500px;
	}
	.bdschbox1.t2{
		margin-top:-60px;
	}
	.bdschbox1.center{
		justify-content:center;
	}
	.bdschbox1 .listtab1{		
		width:50%;
	}
	.bdschbox1 .scharea1{
		width:100%; 
		text-align:right;
	}
	.bdschbox1.center .scharea1{
		text-align:center;
	}
	.listtab1 > li > ul{
		display:flex; justify-content:space-center; align-items:center;
		width:100%;
	}
	.listtab1 > li > ul > li{
		flex:1 0 auto;
		margin:0 3px;
		
		vertical-align:middle;
		text-align:center;
	}
	.listtab1 > li:nth-child(n+2){
		display:none;
	}
	.listtab1 > li > ul > li a{
		display:block; 
		padding:16px 25px; 
		background:#f5f7f9; border-radius:30px; 
		color:rgba(27,56,89,.4); font-size:18px; line-height:22px;
		transition:all .4s ease;
	}
	.listtab1 > li > ul > li.on{ }	
	.listtab1 > li > ul > li.on a, .listtab1 > li > ul > li a:hover{ background:#1b3859; color:#fff;}
	@media screen and (max-width:1310px) {	
		/*.categoryarea1 > ul{float:none;}*/
		.categoryarea1 > ul{margin-bottom:10px;}
		.bdschbox1{
			display:block; 
		}
		.bdschbox1 .scharea1{
			/*text-align:center;*/ width:100%;
		}
	}
	@media screen and (max-width:868px) {	
		.bdschbox1{
			 flex-wrap:wrap; justify-content:center;
			 min-width:100%;
		}
		.bdschbox1.t2{
			margin-top:0px;
		}
		.bdschbox1 .scharea1{
			width:100%;
			text-align:center; 
		}
        .scharea1{margin-top:20px;}
		.scharea1 .txt_sch1{
			max-width:none;
		}
	}
	@media screen and (max-width:630px) {	
		.bdschbox1{
			display:block;
			text-align:center;
		}
        .bdschbox1 .scharea1{
			width:100%;
			text-align:center;
		}
		.bdschbox1 .listtab1{
			display:table;
			margin:0 auto;
			justify-content:normal;
		}
		.listtab1 > li{
			display:table-cell;
			position:relative;
			margin:0;
			border-radius:0px;
		}
		.listtab1 > li a{
			position:relative;
			white-space:nowrap;
			padding:0 3vw;
			background:none;
		}
		.listtab1 > li a::before{
			position:absolute; left:0; top:20%;
			width:1px; height:60%;
			background:#ddd;
			content:"";
		}
		.listtab1 > li:first-child a::before{
			display:none;
		}
		.listtab1 > li.on a{background:none; color:#373d42;}
		.scharea1, .bdschbox1 .scharea1{
			margin:0 auto; margin-top:10px;
			width:100%;
		}
		
		.scharea1 .txt_sch1, .scharea1 select, .scharea1 .schbtn1{
			height:40px; line-height:40px; 
			font-size:14px;
		}
	}
	
	@media screen and (max-width:480px) {	
		.listtab1{}
		.listtab1 li a{font-size:3.5vw; white-space:nowrap}
        .scharea1 .txt_sch1{margin-left: 0.5vw}
		.scharea1, .bdschbox1 .scharea1{
			margin-top:5px;
		}
        .scharea1 .txt_sch1, .scharea1 select, .scharea1 .schbtn1{
			font-size:3.5vw;
		}
	}
	
.tbltype1{
    display:flex; flex-wrap:wrap; gap:min(max(1vw, 3vw),30px) min(max(1vw, 6vw),80px);
    text-align:left;
}
.tbltype1 > li{
    flex:0 0 calc(50% - min(max(1vw, 3vw),40px));
}
.tbltype1 > li em{
    display:block;
	color:#333; font-weight:600; font-size:min(max(1vw, 4vw),18px);
	margin-bottom:8px;
}
.tbltype1 > li > div > p{
	display:flex; justify-content:space-between;
}
.tbltype1 > li.w1{
    flex:0 0 100%;
}
.tbltype1 textarea{
	background:#f6f6f6;
	padding:15px 20px;
	border:none;
	border-radius:5px;
	box-sizing:border-box;
}
.tbltype1 .fx1{
	display:flex; flex-wrap:wrap; gap:10px; align-items:center;
}
.tbltype1 .fx1 > *:last-child,
.tbltype1 .fx1 > *:last-child > em{
	font-weight:400; font-size:min(max(1vw, 3.2vw),15px); line-height:min(max(1vw, 4.2vw),22px);
	margin-bottom:0;
}
.captchabox1{
	position:relative;
	background:var(--main-color1);
	padding:10px 20px;
}
.captchabox1::before{
	position:absolute; left:0; top:0;
	width:100%; height:100%;
	background:url(../../images/common/ico/3px-tile.png) no-repeat center center; background-size:cover;
	opacity:.7;
	color:#fff;
	content:"";
}
.captchabox1 > span{
	font-weight:500; color:#fff; font-size:15px;
}
@media screen and (max-width:767px) {
	.tbltype1 > li{
		flex:0 0 calc(100%);
	}
	
	.tbltype1 .fx1 > *:last-child{
	}
}

	.tbl_type1{border-top:2px solid #737373; border-collapse:collapse; border-spacing:0; table-layout:fixed; word-break:break-all; font-size:14px;}
	.tbl_type1 th{line-height:20px; color:#333; font-weight:bold; text-align:center; border-bottom:1px solid #e4e4e4; background:#f9f9f9; padding:10px 0 10px 0; line-height:22px;}
	.tbl_type1 td{line-height:20px; border-bottom:1px solid #e4e4e4; text-align:center; color:#666666; padding:10px 0 10px 0; line-height:22px;}
	.tbl_type1 th.left1{text-align:left; padding-left:10px;}
	.tbl_type1 td.left1{text-align:left; padding-left:10px;}
	.tbl_type1 td a{color:#666666;}
	.tbl_type1 .bg1{background:#f5f5f5;}
	.tbl_type1 td table tr td table tr td{border-bottom:none;}
	.tbl_type1 .cont1{padding:30px 0;}
	.tbl_type1 .pd0{padding:0;}
	
	
	.fcont1{display:block;}
	.fcont1 .right1{display:block; float:right;}
	.oview1{display:inline-block; vertical-align:top; width:16px; height:16px; background:url(../../images/common/btn/ico_onoff1.png) center top no-repeat; text-indent:-5000px;}
	.oview1.on{background-position:center -16px;}
	.icoq1, .icoa1{display:inline-block; vertical-align:top; width:32px; height:19px; text-indent:-5000px;}
	.icoq1{background:url(../../images/common/ico/ico_q1.png) no-repeat;background-position:center 2px;}
	.icoa1{background:url(../../images/common/ico/ico_a1.png) no-repeat;background-position:center 0;}
	
	.boardslidearea1{
		position:relative;
		width:100%;
		border-radius:20px;
		overflow:hidden;
		box-shadow: 5px 8px 20px 1px rgba(0,0,0,.13);
		margin-bottom:min(max(1vw, 12vw),120px);
	}
	.boardslidearea1 > .ctrbox1{
		position:absolute; left:calc(min(max(1vw, 55vw),850px) + min(max(1vw, 6vw),90px)); bottom:20%;
		z-index:2;
		display:flex; gap:0 10px;
	}
	.boardslidearea1 > .ctrbox1 .postprev1,
	.boardslidearea1 > .ctrbox1 .postnext1{
		position:relative;
		width:min(max(30px, 5vw),50px); height:min(max(30px, 5vw),50px);
		font-size:0; line-height:0;
		border:1px solid #ddd;
		background:#fff;
		border-radius:50%;
		transition:var(--transition-custom);
	}
		
	.boardslidearea1 > .ctrbox1 .postprev1::before,
	.boardslidearea1 > .ctrbox1 .postnext1::before{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%);		
		width:8px; height:14px;
		background:url(../../images/common/btn/btn_arr2.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.boardslidearea1 > .ctrbox1 .postnext1::before{background-position:right center;}
	
	.boardslidearea1 > .ctrbox1 .postprev1:hover,
	.boardslidearea1 > .ctrbox1 .postnext1:hover{
		background:var(--main-color1);
		border:1px solid var(--main-color1);
	}
	.boardslidearea1 > .ctrbox1 .postprev1:hover{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.boardslidearea1 > .ctrbox1 .postnext1:hover{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.boardslidearea1 > .ctrbox1 .postprev1:hover::before,
	.boardslidearea1 > .ctrbox1 .postnext1:hover::before{
		filter:contrast(5%) brightness(203%);
	}
	.boardslide1{
	}
	.boardslide1 .slick-slide{
	}
	.boardslide1 .slick-slide > a{
		display:flex; align-items:center; gap:0 min(max(1vw, 6vw),90px);
		width:100%;
		text-align:left;
	}
	.boardslide1 .slick-slide > a .imgbox1{
		position:relative;
		flex:0 0 min(max(1vw, 55vw),850px);
		height:min(max(1vw, 40vw),570px);
	}
	.boardslide1 .slick-slide > a .imgbox1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background-size:cover !important;
	}
	.boardslide1 .slick-slide > a .cont1{
		padding-bottom:min(max(1vw, 14vw),140px);
		padding-right:min(max(1vw, 7vw),70px);
	}
	.boardslide1 .slick-slide > a .cont1 > em{
		color:var(--main-color1); font-weight:600; font-size:min(max(1vw, 1.5vw),18px); line-height:min(max(1vw, 1.5vw),18px);
	}
	.boardslide1 .slick-slide > a .cont1 > .tit1{
		margin-top:min(max(1vw, 1.4vw),25px);
		color:#333; font-weight:600; font-size:min(max(1vw, 2.4vw),35px); line-height:min(max(1vw, 3.2vw),44px);
	}
	.boardslide1 .slick-slide > a .cont1 > .eventdate1,
	.boardslide1 .slick-slide > a .cont1 > .date1{
		margin-top:min(max(1vw, 1.4vw),25px);
		color:#888888; font-weight:300; font-size:min(max(1vw, 1.5vw),18px); line-height:min(max(1vw, 1.5vw),18px);
	}
	.boardslide1 .slick-slide > a .cont1 > .eventdate1 > em{
		display:inline-block; margin-right:5px;
	}
	@media screen and (max-width:767px) {
		.boardslidearea1{
			border-radius:10px;
		}
		.boardslidearea1 > .ctrbox1{
			gap:0 5px;
			left:auto; right:min(max(1vw, 2.8vw),30px); bottom:min(max(1vw, 2.8vw),30px);
		}
		.boardslide1 .slick-slide > a{
			gap:0 min(max(1vw, 4vw),90px); flex-wrap:wrap;
			width:100%;
			text-align:left;
		}
		.boardslide1 .slick-slide > a .imgbox1{
			flex:0 0 100%;
			height:min(max(1vw, 60vw),570px);
		}
		.boardslide1 .slick-slide > a .cont1{
			padding:min(max(1vw, 6vw),40px) min(max(1vw, 6vw),40px) min(max(1vw, 10vw),100px);
		}
		
		.boardslide1 .slick-slide > a .cont1 > em{
			font-size:min(max(1vw, 2.5vw),18px); line-height:min(max(1vw, 2.5vw),18px);
		}
		.boardslide1 .slick-slide > a .cont1 > .tit1{
			margin-top:min(max(1vw, 1.4vw),25px);
			font-size:min(max(1vw, 4vw),35px); line-height:min(max(1vw, 4.8vw),44px);
		}
		.boardslide1 .slick-slide > a .cont1 > .eventdate1,
		.boardslide1 .slick-slide > a .cont1 > .date1{
			margin-top:min(max(1vw, 1.6vw),25px);
			font-size:min(max(1vw, 2.5vw),18px); line-height:min(max(1vw, 2.5vw),18px);
		}

		.boardslidearea1 > .ctrbox1 .postprev1::before, 
		.boardslidearea1 > .ctrbox1 .postnext1::before{
			width:6px; height:11px;
		}
	}
	
	
	.schpostbox1{
		position:relative;
		width:50%; height:0px;
		z-index:10;
	}
	.schpostbox1 > .postlist{
		position:absolute; left:0; top:0;
		width:100%; max-height:400px; overflow-y:auto;
		box-sizing:border-box;
		background:#fff;
		border:1px solid #ddd;
	}
	.spbox1{
		position:absolute; right:5px; top:5px;
		z-index:2
	}
	.cardlist1{
		display:flex; flex-wrap:wrap; gap:min(max(1vw, 7vw),50px) min(max(1vw, 2.2vw),20px);
		width:100%;
	}
	.cardlist1 > li{
		position:relative;
		width:calc(25% - min(max(1vw, 2vw),15px));
	}
	.cardlist1 > li > a{
		position:relative;
		display:block;
		
	}	
	.cardlist1 > li .imgbox1{
		position:relative;
		overflow:hidden;
		width:100%; height:min(max(40px, 37vw),455px);
		box-sizing:border-box;
		border:1px solid #ddd;
	}
	.cardlist1 > li .imgbox1 > *{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background-size:cover !important;
	}
	.cardlist1 > li > a .tit1{
		margin-top:13px;
		color:#333; font-size:min(max(1vw, 2vw),18px); line-height:22px; font-weight:500;
	}
	.cardlist1 > li > a .txt1{
		margin-top:5px;
		font-weight:400; color:#666666; font-size:min(max(1vw, 2.2vw),16px); line-height:min(max(1vw, 3.5vw),24px);
	}
	
	.cardlist1 > li > a .imgbox1::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:linear-gradient(to top, #ea341c, rgba(255, 255, 255, 0));
		z-index:2;		
		content:"";
		opacity:0;
		transform:translateY(50%);
		transition:transform ease .4s 0s, opacity ease .4s 0s;
	}
	.cardlist1 > li > a .imgbox1::after{
		position:absolute; left:50%; top:50%;
		width:50px; height:50px;
		transform:translate(-50%, -50%);
		background:url(../../images/common/ico/ico_view1.png) no-repeat center center;
		z-index:3;
		content:"";
		opacity:0;
		margin-top:30px;
		transition:margin ease .4s 0s, opacity ease .4s 0s;
	}
	.cardlist1 > li > a:hover .imgbox1::before{	
		opacity:1;
		transform:translateY(0px);
		transition:transform ease .4s 0s, opacity ease .4s 0s;	
	}
	.cardlist1 > li > a:hover .imgbox1::after{	
		opacity:1;
		margin:0;
		transition:margin ease .4s 0s, opacity ease .4s 0s;	
	}
		
	.cardlist1 > li .popview1{
		display:none;
	}
	@media screen and (max-width:767px) {
		.cardlist1 > li{
			width:calc(50% - min(max(1vw, 1.2vw),25px));
		}
		.cardlist1 > li .imgbox1{
			 height:min(max(40px, 60vw),455px);
		}
		.cardlist1 > li > a .tit1{
			margin-top:8px;
			font-size:min(max(1vw, 3vw),18px); line-height:min(max(1vw, 4.2vw),22px);
		}
	}
	.gallerylist1{display:flex; flex-wrap:wrap; width:100%; gap:min(max(10px, 4vw),50px); }
	
	.gallerylist1 > li{
		position:relative;
		width:calc(33.33% - min(max(10px, 3vw),34px));
		box-sizing:border-box;
		text-align:left;
	}	
	.gallerylist1 > li > a{
		display:block;
		height:100%;
		box-sizing:border-box;
		background:#fff;
		transition:background .5s ease;
	}
	.gallerylist1 > li > a:hover{
	}
	.gallerylist1 > li > a .imgbox1{
		position:relative;
		display:block;
		overflow:hidden;
		border-radius:10px;
		height:0; padding-bottom:66.6%;
		box-sizing:border-box;
		/*border:1px solid #ddd;*/
	}
	.gallerylist1 > li > a .imgbox1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background-size:cover !important;
		
	}
	.gallerylist1 > li > a .imgbox1::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		border:1px solid #ddd; box-sizing:border-box;
		border-radius:10px;
		z-index:1;
		content:"";
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
	}
	.gallerylist1 > li > a:hover .imgbox1::before{
		border:5px solid var(--main-color1);
	}
	
	.gallerylist1 > li .cont1{
		position:relative;
		margin-top:min(max(1vw,2.4vw),15px);
		height:min(max(20px, 15vw),120px);
	}	
	.gallerylist1 > li .tit1{
		color:#333; font-weight:600; font-size:min(max(1vw,2.2vw),22px); line-height:min(max(1vw,4vw),26px);
		text-overflow: ellipsis;
   		overflow: hidden;
		display: -webkit-box;
	   -webkit-line-clamp: 1;
	   -webkit-box-orient: vertical
	}
	.gallerylist1 > li .txt1{
		margin-top:5px;
		color:#888; font-size:min(max(1vw,1.8vw),15px); line-height:min(max(1vw,3vw),22px);  
 		overflow: hidden;
		display: -webkit-box;
	   -webkit-line-clamp: 2;
	   -webkit-box-orient: vertical
	}
	.gallerylist1 > li .tit1 em{
		display:block;
		margin-bottom:20px; padding-bottom:15px;
		font-weight:500; color:var(--main-color2); font-size:14px;
		border-bottom:1px solid #ddd;
	}
	
	.gallerylist1 > li .date1{
		position:absolute; left:0px; bottom:0px;
		color:#888; font-weight:400; font-size:min(max(1vw,1.4vw),13px);
	}
	.gallerylist1 > li .date1 > em{
		margin-right:5px;
	}
	.gallerylist1 > li .date1 > span{
		display:inline-block; vertical-align:middle;
	}
	.gallerylist1 > li .cont1.t2{
		height:auto;
	}
	.gallerylist1 > li .cont1.t2 .date1{
		position:relative; left:0px; bottom:auto;
		display:inline-block;
		margin-top:8px;				
	}
	
	
	@media screen and (max-width:767px) {
		.gallerylist1{
			gap:min(max(10px, 7vw),50px); 
		}
		
		.gallerylist1 > li{
			position:relative;
			width:calc(100%);
			box-sizing:border-box;
			text-align:left;
		}.gallerylist1 > li .cont1{
			height:auto;
		}
		.gallerylist1 > li .tit1{
			font-size:min(max(1vw,4vw),24px); line-height:min(max(1vw,5vw),30px);
		}
		.gallerylist1 > li .txt1{
			font-size:min(max(1vw,3vw),16px); line-height:min(max(1vw,4.2vw),26px);  
		}
		.gallerylist1 > li .date1{
			position:relative;
			display:inline-block;
			margin-top:10px;
			font-size:min(max(1vw,3vw),14px);
		}
	}
	
	.sslist1{}
	.sslist1 li{margin-bottom:20px;}
	.sslist1 li span.ico1,
	.sslist1 li span.ico2,
	.sslist1 li span.ico3,
	.sslist1 li span.ico4,
	.sslist1 li span.ico5{display:inline-block; vertical-align:middle; width:83px; height:77px; background:url(/images/sustainability/ico7_1_1.png) no-repeat; margin-right:30px;}
	.sslist1 li span.ico2{background-position:0 -77px;}
	.sslist1 li span.ico3{background-position:0 -152px;}
	.sslist1 li span.ico4{background-position:0 -229px;}
	.sslist1 li span.ico5{background-position:0 -314px;}
	.sslist1 li span.cont1{display:inline-block; vertical-align:middle; font-size:14px; color:#666666; line-height:20px; width:380px;}
	.sslist1 li span.cont1 em.tit1{display:block; margin-bottom:8px; font-size:16px; color:#333333; }
	.sslist1 li span.cont1 span.txt1{display:block; color:#333; line-height:24px; margin-top:10px;}
	.sslist1 li span.imgbox1{display:inline-block; vertical-align:middle; position:relative; }
	.sslist1 li span.imgbox1 a.btn1{display:block; position:absolute; left:0; bottom:0; width:70px; height:30px; line-height:30px; background:#0091d7; color:#fff; text-align:center;}
	
	
	div.oncontbox1{
		display:block;
		margin:0 auto;		
		width:100%; max-width:980px; height:100%;	
	}
	div.oncontbox1 > *{
		display:flex; justify-content:center; align-items:center;			
		width:100%; height:100%;
	}
	div.oncontbox1 > * > *{
		position:relative;
		background:#fff;
		border-radius:30px;		
		box-sizing:border-box;
		width:90%;
		padding:min(max(15px, 5vw),30px) min(max(20px, 6vw),40px);
	}
	div.oncontbox1 > * > * .ctrbox1{
		display:flex;
	}
	div.oncontbox1 > * > * .ctrbox1{
	}
	div.oncontbox1 .viewcont1 {
		width:100%;
	}
	div.oncontbox1 .slick-slide .imgbox1 img{
		max-width:100%;
	}
	
	
	 
	/*list*/

/**/
	.wtitbox1{border:1px solid #dddddd; padding:25px 0; line-height:24px; text-align:center; font-size:14px; color:#888888;}
	.wtitbox1 h4{font-size:20px; color:#333;}
/**/

/*view*/
	.vcont{
		width:100%; 
		text-align:center; color:#666666;
	}
	.vcont > .vtit{
		padding:min(max(20px, 6vw),50px) 3vw;
		border-top:1px solid #373d42; border-bottom:1px solid #dddddd;
	}
	.vcont > .vtit > em{
		text-align:center; color:var(--main-color1); font-weight:600; font-size:18px;
		margin-bottom:20px;
	}
	
	.vcont > .vtit p{
		margin:0 0 20px;
		font-weight:500; font-size:32px; line-height:40px; color:#373d42;
	}
	.vcont .vtit > ul{		
		margin:0 auto;
        font-size:15px;
	}
	.vcont .vtit > ul > li{
		display:inline-block;
	}
	.vcont .vtit > ul > li:nth-child(n+2){
		margin-left:20px;
	}
	.vcont .vtit > ul > li span{
		display:inline-block; vertical-align:middle;
	}
	.vcont .vtit > ul > li:not(.s1) span::before{
		display:inline-block; vertical-align:middle;
		margin-right:5px;
		width:20px; height:20px;
		transform:translateY(-2px);
		content:"";	
	}
	.vcont .vtit > ul > li.d1 span::before{
		background:url(../../images/common/ico/ico_date1.png) no-repeat center center;
	}
	.vcont .vtit > ul > li.v1 span::before{
		background:url(../../images/common/ico/ico_view2.png) no-repeat center center;
	}
	.vcont .vtit > ul > li.u1 span::before{
		background:url(../../images/common/ico/ico_url1.png) no-repeat center center;
	}
	.vcont .vtit > ul > li.s1 em{
		display:inline-block; vertical-align:middle;
		margin-right:5px;
		color:#fff;				
	}
	.eventico{
		padding:5px 10px;
		background:var(--main-color1);
		border-radius:20px;
		color:#fff;
	}
	.eventico.c2{
		background:#666666;
	}
	.eventico.c1{
		background:#f66060;
	}
	@media (max-width:767px){
		
	}
	
	@media (max-width:480px){
		.vcont > .vtit > em{
			font-size:14px;
			margin-bottom:5vw;
		}
		.vcont > .vtit p{
			margin:0 0 5vw;
			font-size:24px; line-height:30px;
		}
	}
	
	.vcont .wrapcont{
		position:relative;
		margin:min(max(20px, 6vw),50px) 0 min(max(30px, 8vw),70px) 0; overflow-x:auto; text-align:left; min-height:300px; font-size:1rem;
	}	
    .vcont .wrapcont p{line-height: 25px; color:#373d42; text-align: center;}
	.vcont .wrapcont img.txc-image{max-width:100%;}
	
	.vcont .wrapcont .file1{
		text-align:right;
		margin-bottom:30px;
	}
	.vcont .wrapcont .file1 a{
		display:inline-block; vertical-align:middle;
		font-size:min(max(1vw, 4vw),16px);
	}
	.vcont .wrapcont .file1 a::after{
		display:inline-block; vertical-align:middle;
		width:min(max(20px, 6vw),40px); height:min(max(20px, 6vw),40px); margin-left:5px;
		background:url(../../images/common/btn/btn_down2.png) no-repeat center center; background-size:100% 100%;
		content:"";
	}
	
	.vcont .wrapcont .ansbox{width:100%;  padding-top:20px; padding-bottom:20px; margin-top:10px; border-top:1px solid #e4e4e4;}
	.vcont .wrapcont .ansbox b{display:block; color:#2692b9;}
	.vcont .wrapcont .qcont1{ width:630px; line-height:20px; margin-top:10px;}
	.vcont .wrapcont .bottom1{position:absolute; left:0; bottom:0; border-top:1px solid #e4e4e4; width:100%; line-height:30px; text-indent:10px;}	
	.vcont .wrapcont .vdetail{display:block; width:auto; padding:10px; border:1px solid #e4e4e4; line-height:18px; margin-bottom:10px;}
	.vcont .wrapcont .vdetail span{display:block;}
	
	.vcont .fcont{position:absolute; bottom:0; font-size:11px; width:100%; padding:8px 0 8px 0; color:#666666; border-top:1px solid #e4e4e4;}
	.vcont .fcont b{padding:0 4px 0 6px;}
	.vcont .fcont a{}
	.vcont .fcont img{vertical-align:middle; margin-bottom:3px; margin-left:10px;}
	
   
	.mnlist1{
		width:100%; border-top:1px solid #373d42;
		padding-top:30px;
	 	display:flex; 
	}
	.mnlist1 > *{
		flex:0 1 33.33%;
		text-align:left;
	}
	.mnlist1 > *:nth-child(n+2){
		text-align:center;
	}
	.mnlist1 > *:last-child{
		text-align:right;
	}
	.mnlist1 > * a{
		font-weight:700; font-size:18px; color:#373d42;
	}
	.mnlist1 > * a .before::before{
		display:inline-block; vertical-align:middle;
		margin-right:10px;
		transform:translateY(-2px);
		width:15px; height:15px;
		background:url(../../images/common/ico/ico_larr1.png) no-repeat center center; background-size:100%;
		content:"";
	}
	.mnlist1 > * a .list::before{
		display:inline-block; vertical-align:middle;
		margin-right:10px;
		transform:translateY(-2px);
		width:15px; height:15px;
		background:url(../../images/common/ico/ico_list1.png) no-repeat center center; background-size:100%;
		content:"";
	}
	.mnlist1 > * a .next::after{
		display:inline-block; vertical-align:middle;
		margin-left:10px;
		transform:translateY(-2px);
		width:15px; height:15px;
		background:url(../../images/common/ico/ico_rarr1.png) no-repeat center center; background-size:100%;
		content:"";
	}
	
	.commentarea{background:#fbfbfb; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; text-align:left;}
	.commentarea .comtit1{color:#333; font-size:16px; font-weight:bold; margin-bottom:10px;}
	.commentarea .comtit1 em{color:#f4759e;}
	.commentarea .cbtn1{background:#333333; color:#fff; text-align:center; width:11%; line-height:62px;}
	.commentarea .cbtn1.t1{background:#ddd; width:8%; color:#444 }
	
	.commentarea .comlist1 li{border-bottom:1px solid #eeeeee; padding:10px 0;}
	.commentarea .comlist1 li.cont1{font-size:14px;}
	.commentarea .comlist1 li.cont1 p.tit1{position:relative; color:#333; font-weight:bold;}
	.commentarea .comlist1 li.cont1 p.tit1 img{width:25px; height:25px; margin-right:4px;}
	.commentarea .comlist1 li.cont1 p.tit1 span.btn1{position:absolute; right:0; top:4px;  font-size:12px; font-weight:normal;}
	.commentarea .comlist1 li.cont1 p.tit1 span.btn1 a{color:#aaa;}
	.commentarea .comlist1 li.cont1 div{color:#888888; padding-top:6px;}
	.commentarea .comlist1 li.cont1 span.date1{display:block;font-size:12px; color:#aaaaaa; margin-top:10px;}
	@media (min-width:641px) AND (max-width:1099px){	
	
	}
/*view*/

/*agree1*/
 	.agree1{}
	.agree1 .tit1{position:relative; font-weight:bold; text-align:left; color:#333; font-size:min(max(1vw, 4vw),18px); line-height:min(max(1vw, 4vw),18px)}
	.agree1 .scrollbox1{ 
		background:#fff; line-height:22px;text-align:left; overflow-y:auto; font-size:13px; color:#888888; border:1px solid #dddddd;  
		margin-top:10px; padding:min(max(1vw, 4vw),30px);
	}
	.agree1 .scrollbox1 h4{color:#373d42; font-size:min(max(1vw, 3.2vw),15px); line-height:min(max(1vw, 4.2vw),22px); margin:0; font-weight:500;}
	.agree1 .scrollbox1 h5{color:#666666; font-size:14px; margin:0; margin-top:0px; font-weight:normal;}
	.agree1 .scrollbox1 h6{color:#666666; font-size:14px; margin:0; font-weight:normal;}
	.agree1 .scrollbox1 > ul > li{padding-top:20px; padding-left:10px;font-size:min(max(1vw, 3vw),14px); line-height:min(max(1vw, 4vw),22px); }
	.agree1 .scrollbox1 > p{font-size:min(max(1vw, 3vw),14px); line-height:min(max(1vw, 4vw),22px); }
	.agree1 .scrollbox1 > ul > li > p{line-height:22px;}
	.agree1 .scrollbox1 > ul > li > ul > li{position:relative; padding-left:20px;}
	.agree1 .scrollbox1 > ul > li > ul > li::before{position:absolute; left:6px; top:8px; width:6px; height:1px; background:#ddd; content:"";}
	.agree1 .scrollbox1 > ul > li strong{color:#333;}
	.agree1 .scrollbox1::-webkit-scrollbar {
	  width: 6px;
	  height: 3px;
	  background-color: rgba(0,0,0,.0);
	}
	.agree1 .scrollbox1::-webkit-scrollbar-thumb {
		border-radius:10px;
	  background-color: rgba(0,0,0,.2);
	}
/*agree1*/

/*alert*/
.alertbox{width:500px; height:200px; border:4px solid #888; margin:0 auto; margin-top:20px;}
.alertbox p{text-align:center;}
.alertbox .cont{padding:20px 10px 10px 10px; color:#333; font-weight:bold; height:130px;}
/*alert*/


/*파일업로드*/
.input_type1{
    border:none; padding:0 0 0 min(max(1vw, 4vw),20px); line-height:45px;
    box-sizing:border-box;
    background:#f6f6f6;
	border-radius:5px;
	font-size:min(max(1vw, 3vw),15px);
}
.input_type1.non{
	background:#e9e9e9;
}
select.select1{	
	border:none; padding:0 0 0 min(max(1vw, 4vw),20px); line-height:45px;
	box-sizing:border-box;
	border-radius:5px;
	font-size:min(max(1vw, 3vw),15px);
}

.txt_sch1{line-height:22px; border:1px solid #cccccc; height:22px;}

/*.dobox{position:absolute; top:0; left:0; width:100%; min-width:680px; height:100%; min-height:446px; display:block;  background:#000; z-index:200; filter:alpha(opacity=60); background-color:rgb(0, 0, 0); opacity: 0.6; display:none;}*/
.dobox{position:fixed; top:0; left:0; width:100%; height:100%; display:block; z-index:200; background-color:rgba(0, 0, 0,.7); display:none;}
.dobox1{position:fixed; top:0; left:0; width:100%; height:100%; display:block;  z-index:201; background-color:rgba(0, 0, 0,.8);  display:flex; align-items:center; justify-content:center}
.dobox2{position:fixed; top:0; left:0; width:100%; height:100%; display:flex; z-index:500; background-color:rgba(0, 0, 0,.6); align-items:center; justify-content:center}

.bgboxgray1{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:500; display:flex; align-items:flex-start; justify-content:center; background-color:rgba(0, 0, 0,.6);  overflow-y:auto}

.bgbox1{
	position:fixed; top:0; left:0; width:100%; height:100%; z-index:200; background-color:rgba(0, 0, 0,.7); overflow-y:auto; display:block; 
}
.bgbox1.on{
	animation:fade1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;
}
.bgbox1.on > *{
	animation:afadeInDown .5s .2s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;
}

.loding_box01{position:absolute; z-index:300; text-align:center; vertical-align:middle; top:0; left:0; background:url(/images/common/ico/ico_loding.gif) no-repeat; background-position:center center;}
/*파일업로드*/