﻿	.layerpop1{position:fixed; width:500px; top:0; z-index:1000; background:#fff; padding:20px; border:1px solid #ddd;}
	.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{vertical-align:middle; font-size:16px; width:110px; height:40px; line-height:40px; background:#1f7dc2; color:#fff; text-align:center; display:inline-block; border:none; cursor:pointer;}
	.bbtn1.c1{background:#123877;}
	.bbtn1.c2{background:#707070;}
	
	.bbtn2{border:1px solid #ededed; width:248px; height:43px; line-height:43px; font-size:16px; color:#888; text-align:center; }
	.bbtn3,
	.bbtn3.w{border:1px solid #fff; width:270px; height:58px; line-height:58px; font-size:16px; background:#fff; color:#333333; text-align:center; }
	.bbtn3.w{background:none; color:#fff;}
	
	.bbtn4{background:#888f9c; color:#fff; font-size:14px; padding:0 20px; height:40px; line-height:40px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
	.bbtn5{border:none; width:155px; height:95px; line-height:95px; color:#fff; font-size:16px; text-align:center; background:#1154a4; cursor:pointer;}
	.bbtn5.t2{ width:153px; height:93px; line-height:93px; color:#1154a4; background:#fff; border:1px solid #1154a4;}
/*list*/	
	
	.btnst1{width:95px; height:40px; line-height:40px; text-align:center; background:#00383e; color:#fff; cursor:pointer; border:none; font-family: 'Noto Sans KR'; font-size:16px;}
	.btnst1.w1{width:auto; padding:0 10px;}
	.btnst2{width:95px; height:40px; line-height:40px; text-align:center; background:#00383e; color:#fff; cursor:pointer; border:none; font-family: 'Noto Sans KR'; font-size:16px;}
	
	.btnst3{width:95px; height:40px; line-height:40px; text-align:center; background:#848484; color:#fff; border:none; font-size:16px; cursor:pointer;}
	.btnst4{height:40px; line-height:40px; padding:0 10px; text-align:center; background:#666666; color:#fff; border:none; font-size:16px; cursor:pointer;}
	.btnst5{width:95px; line-height:40px; background:#aaaaaa; color:#fff; cursor:pointer; border:none;  font-family: 'Noto Sans KR'; 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-family: 'Noto Sans KR'; 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;
	-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; display:block; width:100%; text-align:center;}
	.btnarea1.left{text-align:left;}
	.btnarea1 .right{float:right;}
	
	.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:#333; background:#ddd; display:inline-block; vertical-align:middle}
	
	@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:280px; height:50px; line-height:50px; box-sizing:border-box;
		font-size:14px; text-indent:10px;
		border:1px solid #ddd;
		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 > ul{
		display:table; table-layout:fixed;
		margin:0 auto;
	}
	.categoryarea1 > ul > li{
		display:table-cell;
		padding:0 25px;
	}
	.categoryarea1 > ul > li > a{
		position:relative;
		display:block;
		font-weight:700; color:#aaa; font-size:28px; line-height:34px;
		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;
		content:"";
	}
	.categoryarea1 > ul > li.on > a, .categoryarea1 > ul > li > a:hover{
		color:#333;
	}
	.categoryarea1 > ul > li.on > a::before, .categoryarea1 > ul > li:hover > a::before{
		top:-10px;
		opacity:1;
	}
	@media screen and (max-width: 640px){
		.categoryarea1 > ul > li{
			padding:0 25px;
		}
		.categoryarea1 > ul > li > a{
			font-size:28px; line-height:34px;
		}
		.categoryarea1 > ul > li > a::before{
			width:10px; height:10px;
		}
		.categoryarea1 > ul > li > a.on::before, .categoryarea1 > ul > li > a:hover::before{
			top:-10px;
		}
	}
	
	.bdschbox1{
		display:flex; justify-content:space-between; align-items:center; 
	}
	.bdschbox1 .listtab1{
		
		width:50%;
	}
	.bdschbox1 .scharea1{
		width:44%;
		text-align:right;
	}
	.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:1024px) {	
		.bdschbox1{
			 flex-wrap:wrap; justify-content:center;
		}
		.bdschbox1 .scharea1{
			width:100%;
			text-align:center; 
		}
        .scharea1{margin-top:20px;}
	}
	@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;
		}
	}
	
	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;}
	
	.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;}
	
	.tbl_type1.t1 th{border-left:1px solid #e4e4e4}
	.tbl_type1.t1 td{border-left:1px solid #e4e4e4; color:#888;}
	.tbl_type1.t1 .f1{border-left:none;}
	.tbl_type1.t1 td a.a1{display:block;}
	
	.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;}
	
	#photo1{position:relative; width:166px; height:199px;}
	#photo1 img{position:absolute; left:0; top:0; width:166px; height:199px;}

	.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;
	}
	
	.gallerylist1{display:flex; flex-wrap:wrap; width:100%;}
	
	.gallerylist1 > li{
		position:relative;
		width:32%; height:300px;
		box-sizing:border-box;
		border:1px solid #ddd;
		border-radius:15px;
		overflow:hidden;	
		text-align:left;
	}	
	.gallerylist1 > li > a{
		display:block;
		height:100%;
		box-sizing:border-box;
		background:#fff;
		padding:40px;
		transition:background .5s ease;
	}
	.gallerylist1 > li > a:hover{
	}
	.gallerylist1 > li .admbox1{
		position:absolute; right:10px; top:10px;
	}	
	
	.gallerylist1 li:not(:nth-child(3n+1)){
		margin-left:2%;
	}
	.gallerylist1 > li:nth-child(n+4){
		margin-top:20px;
	}
	.gallerylist1 > li .tit1{
		color:#333; font-weight:600; font-size:20px; line-height:26px;
	}
	.gallerylist1 > li .tit1 em{
		display:block;
		margin-bottom:20px; padding-bottom:15px;
		font-weight:500; color:#00383e; font-size:14px;
		border-bottom:1px solid #ddd;
	}
	.gallerylist1 > li .cont1{
		padding-top:16px;
		color:#888; font-weight:400; font-size:15px; line-height:30px;
	}
	.gallerylist1 > li .cont1 p{line-height:22px;}
	.gallerylist1 > li .date1{
		position:absolute; left:40px; bottom:40px;
		color:#00449b; font-weight:600; font-size:12px;
		display:none;
	}
	
	@media screen and (max-width:1024px) {
		.gallerylist1.t2. .gallerylist1.t3{ 	
			grid-template-columns: 1fr 1fr;
		}
	}
	
	@media screen and (max-width:767px) {
		.gallerylist1{
			display:block;
		}
        .gallerylist1 > li .cont1{padding-top: 4vw;}
		.gallerylist1 > *:nth-child(n+2){
			margin-top:8vw;
		}
		.gallerylist1.t2, .gallerylist1.t3{ 	
			display:grid; 	
			grid-template-columns: 1fr 1fr;
		}
		.gallerylist1.t2 > *:nth-child(n+2), .gallerylist1.t3 > *:nth-child(n+2){
			margin-top:0;
		}
	}
	@media screen and (max-width:480px) {
		.gallerylist1 > li .cont1 > p{font-size:14px;}
		.gallerylist1 > li .cont1 > p em{color:#ed1c24; font-weight:600}
		.gallerylist1 > li .cont1 > p em::after{transform:translateY(-1px);}
		.gallerylist1 > li .cont1 > .tit1{
			margin:8px 0;
			font-size:20px; line-height:24px;
		}
		.gallerylist1 > li .cont1 > .txt1{
			 font-size:14px; line-height:20px;
		}
		
		.gallerylist1.t2 > li .cont1 > .tit1, .gallerylist1.t3 > li .cont1 > .tit1{
			margin:8px 0;
			font-size:18px; line-height:26px;
		}
		.gallerylist1.t2 > li .cont1 > .txt1, .gallerylist1.t3 > li .cont1 > .txt1{
			font-size:13px; line-height:20px;
		}
	}
	
	.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{position:absolute; right:50%; margin-right:-550px; top:0; width:1100px; height:880px; background:#fff; z-index:1000;}
	div.oncontbox1 div.tit1{position:relative; width:100%; height:60px; line-height:60px; font-size:18px; color:#fff; background:#0091d7;}
	div.oncontbox1 div.tit1 img.btn1{position:absolute; right:10px; top:14px;}	
	div.oncontbox1 div.cont1{position:relative; padding:30px 0 0 0; text-align:left;}
	div.oncontbox1 div.cont1 em.tit1{font-size:18px; color:#000000; }	
	div.oncontbox1 div.cont1 p.txt1{font-size:14px; color:#888; line-height:22px; margin:14px 0 0 0;}
	div.oncontbox1 div.slideimg1{width:850px; margin:0 auto; margin-top:50px;}
	div.oncontbox1 div.slideimg1 .img1{width:850px; height:580px; overflow:hidden;}
	div.oncontbox1 div.slideimg1 .img1 img{width:850px;}
	 
	/*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*/
.sbox1{border-top:2px solid #707070; border-bottom:1px solid #e4e4e4; text-align:center; width:100%;;}
	.sbox1 p.txt1{line-height:22px; font-size:16px; color:#666; background:#f9f9f9; border-bottom:1px solid #e4e4e4; margin:0; padding:30px 0;}
	.sbox1 .cont1{position:relative; margin:0 auto; background:#fff; width:100%; padding:40px 0;}
	.sbox1 .cont1 .dbox1{margin:0 auto; width:50%;}
	.sbox1 .cont1 dl{float:left; width:100%; font-size:14px; color:#333333;}
	.sbox1 .cont1 dl dt{clear:both; float:left; width:16%; height:40px; line-height:40px; text-align:left;}
	.sbox1 .cont1 dl dd{float:left; width:78%; padding-top:6px; text-align:left; }
	
	@media (min-width:641px) AND (max-width:1099px){		
		.sbox1 .cont1 .dbox1{ width:82%;}
		.sbox1 .cont1 dl dt{width:14%;}
	}
	@media (max-width:640px){
		.sbox1 p.txt1{line-height:18px; font-size:14px; padding:15px 0;}
		.sbox1 .cont1{padding:15px 0;}
		.sbox1 .cont1 .dbox1{ width:90%;}
		.sbox1 .cont1 dl dt{width:100%; float:none; clear:both; margin-bottom:2px;}
		.sbox1 .cont1 dl dd{width:100%; height:auto; float:none; clear:both;}
	}
	
	.vwtop1{width:100%; height:50px; line-height:50px; background:#f9f9f9 url(/images/common/ico/bg_tit1.png) no-repeat left top; font-size:16px; color:#fff; text-indent:30px;}
	select.select1{height:25px; line-height:25px; }
	.vwtop1 select.select1{float:right; margin:12px 10px 0 0;}
	.vcont1{position:relative; float:left; width:100%; padding-bottom:30px;}
	.vcont1 h3{font-size:24px; font-weight:bold;}
	.vcont1 dl{margin-top:20px; font-size:14px;}
	.vcont1 dl dt{clear:both; float:left; line-height:24px;}
	.vcont1 dl dd{float:left; color:#666; line-height:24px; padding-left:4px;}
	.vcont1 div.vicobox1{position:absolute; right:0; bottom:30px;}
	.vcont1 div.vicobox1 a{display:inline-block; vertical-align:middle; font-size:10px; color:#888888; text-align:center; font-family:'Noto Sans KR'}
	.vcont1 div.vicobox1 a span{display:block; width:60px; height:60px; background:#0091d7 url(/images/common/ico/ico_home2.png) no-repeat center center; margin-bottom:6px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	}
	.vcont1 div.vicobox1 a.ico2 span{background:#eff6fc url(/images/common/ico/ico_back1.png) no-repeat center center;}
	.vcont1 div.vicobox1 a.ico3 span{background:#eff1f3 url(/images/common/ico/ico_qna1.png) no-repeat center center;}	
	.vcont1 div.vicobox1 span.txt1{display:block; text-align:right; font-size:14px; margin-bottom:10px;}
	
	.vdetail1{border-top:1px solid #333; padding:40px 0;}
	.vdetail1 div.cont1{padding:16px 0;}
	
	.slider-nav{height:208px; line-height:208px; padding:30px 20px; border:1px solid #333333; }
	.slider-nav .slick-slide{cursor:pointer; height:160px; line-height:160px; text-align:center;}
	.slider-nav .slick-slide img{width:180px; height:120px; border:2px solid #fff; margin:0 auto;}
	.slider-nav .slick-slide p{font-size:14px; margin-top:10px; color:#333;}
	.slider-nav .slick-slide:hover img,.slider-nav .slick-slide:active img,.slider-nav .slick-slide:focus img,.slider-nav .slick-slide.slick-current img{border-color:#0CC}
	.slider-nav .slick-slide.active h3{color:#008086; text-decoration:underline;}
	
	.slider-main{width:850px; }
	.slider-main em{display:block; font-size:18px; line-height:20px; margin-bottom:10px;}
	.slider-main div .slick-slide {}
	.slider-main div .slick-slide  img{width:850px;}
	
	.vcont{position:relative; width:100%; color:#666666; background:#fff; text-align:left;}
	.vcont .vtit{position:relative; float:left; width:100%; color:#333333; border-top:2px solid #333333; border-bottom:1px solid #dddddd; background:#f7f7f7;}
	.vcont .vtit.t1{color:#333; font-size:16px; line-height:48px; font-weight:bold; text-indent:24px;}
	.vcont .vtit.t1 em.tit1{display:inline-block; vertical-align:middle; width:140px; height:44px; line-height:44px; color:#333333; text-align:center; background:#f9f9f9;}
	.vcont .vtit .date{position:absolute; right:16px; top:2px; font-size:11px; color:#999999; font-weight:normal; font-family:Verdana;}

	.vcont .vinfo.t1{position:relative; float:left; clear:both; border-bottom:1px solid #dddddd; color:#999999; line-height:44px; width:100%; padding:0; font-size:14px; }
	.vcont .vinfo.t1 span.file1{padding-left:24px;}
	.vcont .vinfo.t1 span.l1{display:inline-block; vertical-align:middle; margin:0 8px 0 6px; width:2px; height:11px; line-height:13px; background:url(/images/common/ico/bg_line1.png) no-repeat center center;}
	.vcont .vinfo.t1 em{display:inline-block; vertical-align:middle; color:#333; margin-right:5px; }
	.vcont .vinfo.t1 span.txt1{display:inline-block; vertical-align:middle; color:#888}
	.vcont .vinfo.t1 span.txt1 a{color:#888}
	.vcont .vinfo.t1 .right1{float:right; padding-right:20px; }
	
	.vcont .wrapcont{clear:both; padding:20px; overflow-x:auto; text-align:left; min-height:300px; font-size:14px;}
	.vcont .wrapcont .tit{display:block; color:#788ec5; font-weight:bold;}
	.vcont .wrapcont img.txc-image{max-width:780px;}
	
	.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%; font-size:16px; border-top:2px solid #999999;}
	.mnlist1 li{position:relative; width:100%; border-bottom:1px solid #e3e5e4; background:#f9f9f9; text-align:left; }
	.mnlist1 li span.next, 
	.mnlist1 li span.before{display:inline-block; vertical-align:middle; width:10%; line-height:20px; font-weight:bold; background:url(/images/common/ico/bul_arr01.gif) no-repeat; padding:12px 0;  padding-left:3%;}
	.mnlist1 li span.next{background-position:75% -52px;}
	.mnlist1 li span.before{background-position:75% -2px;}
	.mnlist1 li span.nlnk1,
	.mnlist1 li span.blnk1{display:inline-block; vertical-align:middle; width:63%; line-height:20px; color:#666666; text-align:left; background:#fff; padding:12px 20% 12px 4%;}
	.mnlist1 li span a{display:block;}
	.mnlist1 li span.date1{position:absolute; right:20px; bottom:40%; color:#aaaaaa; font-size:14px;}
	@media (min-width:641px) AND (max-width:1099px){	
		.mnlist1 li span.before,
		.mnlist1 li span.next{background-position:76% -2px; width:12%; padding-left:2%;}
		.mnlist1 li span.next{background-position:76% -52px;}
		.mnlist1 li span.nlnk1,
		.mnlist1 li span.blnk1{width:62%; }
		.mnlist1 li span.date1{bottom:30%;}
	}
	
	@media screen and (max-width: 641px) {
		.mnlist1{font-size:12px;}
		.mnlist1 li span.before,
		.mnlist1 li span.next{background-position:78% -2px; width:16%; padding-left:2%;}
		.mnlist1 li span.next{background-position:78% -52px;}
		.mnlist1 li span.nlnk1,
		.mnlist1 li span.blnk1{width:58%; }
		.mnlist1 li span.date1{bottom:30%; font-size:12px; right:10px;}
	}
	
	.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{height:200px; overflow-y:auto; padding:18px; border:1px solid #cccccc; line-height:22px;}*/
 	.agree1{background:;}
	.agree1 .tit1{position:relative; font-weight:bold; text-align:left; color:#333; font-size:24px; line-height:26px; padding-left:10px;}
	.agree1 .tit1::before{position:absolute; left:0; top:2px; width:3px; height:20px; background:#446d71; content:"";}
	.agree1 .scrollbox1{ background:#fff; line-height:22px; font-weight:normal; text-align:left; overflow-y:auto; font-size:13px; color:#888; border:1px solid #dddddd; padding:15px; margin-top:10px}
	.agree1 .scrollbox1 h3{color:#666666; font-size:14px; font-weight:normal;}
	.agree1 .scrollbox1 h4{color:#333333; font-size:15px; margin:0; margin-top:30px;}
	.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:14px; line-height: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*/


/*파일업로드*/
.poplay1{position:absolute; left:180px; top:110px; width:300px;  background:#fff; border:1px solid #ccc; z-index:200; padding-bottom:4px; }
.poplay1 .laytit{position:relative; width:290px; margin:1px; padding:6px 0 6px 6px; background:#F0F0F0; color:#353535; border:1px solid #ccc; font-weight:bold;}
.poplay1 .laytit .laybtn{position:absolute; right:8px; top:3px; display:block; width:10px; height:10px;}
.poplay1 .img{width:200px; height:100px; margin:0 auto; margin-top:6px; border:1px solid #CCC; text-align:center; overflow:hidden; font-weight:bold;}

.inputbox01{margin:10px 0 0 10px;}
.input-btn01{border:1px solid #B0B0B0; padding:2px; background:#fff;}
.input_type1{border: 1px solid #cccccc; padding:0 0 0 2px; height:24px; line-height:24px;}
.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:absolute; top:0; left:0; width:100%; min-width:680px; height:100%; min-height:446px; display:block;  background-color:rgba(0,0,0,.7); z-index:200;  display:none; overflow-y:auto}
.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}
.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;}
/*파일업로드*/