/* **************************************** *
 *width_area
 * **************************************** */
.width_area, .width_area2 {
	max-width: 1500px;
	width: 92%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
/* **************************************** *
 *a_arrow_type02
 * **************************************** */

.a_arrow_type02 {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M17.25%208.25%2021%2012m0%200-3.75%203.75M21%2012H3'%20%2F%3E%3C%2Fsvg%3E");
	background-size: auto 30px;
	background-repeat: no-repeat;
	background-position: right 20px center;
	padding-right: 60px;
}
.a_arrow_type01 {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M13.5%206H5.25A2.25%202.25%200%200%200%203%208.25v10.5A2.25%202.25%200%200%200%205.25%2021h10.5A2.25%202.25%200%200%200%2018%2018.75V10.5m-10.5%206L21%203m0%200h-5.25M21%203v5.25'%20%2F%3E%3C%2Fsvg%3E");
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: right 20px center;
	padding-right: 110px;
	display: inline-block;
}
.a_arrow_type01.white {
	color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M13.5%206H5.25A2.25%202.25%200%200%200%203%208.25v10.5A2.25%202.25%200%200%200%205.25%2021h10.5A2.25%202.25%200%200%200%2018%2018.75V10.5m-10.5%206L21%203m0%200h-5.25M21%203v5.25'%20%2F%3E%3C%2Fsvg%3E");
}
/*밑엔은 전에스타일*************************/






.platform-list.style-a.type-a .platform-item.facebook .platform-name {
	background-color: #e34133;
}
.btn.theme-a.type-a.accent-01, .mark.theme-a.type-a.accent-01, .tag.theme-a.type-a.accent-01 {
	color: #fff !important;
	border-color: #f54242 !important;
	background-color: #f54242 !important;
}
.btn.theme-a span {
	color: #fff
}
.bggray {
	background-color: #eee !important;
}
.bgwhite {
	background-color: #fff;
}
.table-condensed thead tr th:nth-child(1) {
	color: #ed1848;
}
.table-condensed thead tr th:nth-child(7) {
	color: #ed1848;
}
.table-condensed tbody tr td:nth-child(1) {
	color: #ed1848;
}
.table-condensed tbody tr td:nth-child(7) {
	color: #ed1848;
}
.drp-selected {
	display: none !important;
}
.cancelBtn {
	display: none !important;
}
.applyBtn {
	font-size: 14px !important;
}
.privacy_roll2 dl dt, .privacy_roll2 dl dd {
	line-height: 24px;
	font-size: 1.1em;
}
.ask_chk {
	color: red;
	font-size: 17px;
	padidng-left: 20px;
}
h2.local-name {
	padding: 20px 0px;
}
.page-body {
	margin-left: auto;
	margin-right: auto;
}
/*오늘날짜*/
.Highlighted a {
	background-color : red !important;
	background-image : none !important;
	color: White !important;
	font-weight: bold !important;
	font-size: 12px;
}
.table-condensed .today:not(.off) {
/* background-color: #ed1848 !important;
	color: #fff;*/
}
/* **************************************** *
 *mp_left 
 * **************************************** */
.window2.park_modal {
	max-width: 900px;
}
.mp_left {
	width: 100%;
	margin-bottom: 20px !important;
	overflow: hidden;
}
.mp_left dl {
	width: 100%;
	float: left
}
.mp_left dt {
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 10px
}
.mp_left dt strong {
	font-size: 25px;
}
.mp_left dd img {
	width: 20px;
	padding-top: 5px;
	vertical-align: sub
}
.mp_left dd {
	letter-spacing: 0px;
	padding-bottom: 10px
}
.mp_left dd span {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px
}
.mp_left dt span {
	color: #ff3300;
	font-weight: bold;
}
.mp_right {
	height: 180px;
	float: left;
	overflow: hiddne;
	background: url(/images/sub/bg_position_01.gif) no-repeat;
	margin-top: 30px;
	margin-right: 60px
}
.mp_right2 {
	height: 180px;
	float: left;
	background: url(/images/sub/bg_position_02.gif) no-repeat;
}
.mp_right img {
	width: 100%
}
.mp_right table {
	margin-top: 65px;
	margin-left: 20px
}
.mp_right2 table {
	margin-top: 84px;
	margin-left: 20px
}
.mp_right table td {
	font-size: 9px;
	text-align: center;
	color: #fff !important;
	letter-spacing: 0px;
	font-weight: 100
}
.mp_right2 table td {
	font-size: 9px;
	text-align: center;
	color: #fff !important;
	letter-spacing: 0px;
	font-weight: 100
}
.mp_right_pc {
	width: 780px;
	height: 312px;
	float: left;
	background: url(/images/sub/bg_position_01_pc.gif) no-repeat;
	margin-top: 30px;
	margin-right: 60px
}
.mp_right2_pc {
	width: 780px;
	height: 312px;
	float: left;
	background: url(/images/sub/bg_position_02_pc.gif) no-repeat;
}
.mp_right_pc img {
	width: 100%
}
.mp_right_pc table {
	margin-top: 113px;
	margin-left: 33px
}
.mp_right2_pc table {
	margin-top: 146px;
	margin-left: 33px
}
.mp_right_pc table td {
	text-align: center;
	color: #fff !important;
	letter-spacing: 0px;
	font-weight: 100
}
.mp_right2_pc table td {
	text-align: center;
	color: #fff !important;
	letter-spacing: 0px;
	font-weight: 100
}
.colbg_01 {
	background-color: #059b84
}
.colbg_02 {
	background-color: #99cc00
}
.colbg_03 {
	background-color: #f22e01
}
.colbg_04 {
	background-color: #99cc00
}
.colbg_05 {
	background-color: #ff6600
}
.colbg_06 {
	background-color: #99cc00
}
.colbg_07 {
	background-color: #99cc00
}
.colbg_08 {
	background-color: #99cc00
}
.colbg_09 {
	background-color: #99cc00
}
.colbg_10 {
	background-color: #0c4c89
}
.colbg_11 {
	background-color: #0c4c89
}
.colbg_12 {
	background-color: #0c4c89
}
.colbg_13 {
	background-color: #ff3300
}
.colbg_14 {
	background-color: #ff3300
}
.colbg_15 {
	background-color: #0c4c89
}
.colbg_16 {
	background-color: #0c4c89
}
.colbg_17 {
	background-color: #0c4c89
}
.colbg_18 {
	background-color: #ff3300
}
 @media all and (min-width:640px) {
.mp_right, .mp_right2 {
	display: none;
}
}
 @media all and (max-width:640px) {
.mp_left {
	padding-top: 20px;
}
.mp_left dt {
	font-size: 17px;
}
.mp_right_pc {
	display: none;
}
.mp_right2_pc {
	display: none;
}
.mp_left dl {
	width: 100%;
}
.mp_left dl dt, .mp_left dl dd {
	font-size: 15px;
	line-height: 18px;
	padding: 0;
	margin: 8px 0px;
}
.mp_left dd span {
	display: inline-block;
	font-size: 13px;
}
.mp_left dd span img {
	height: 24px;
}
.mp_right {
	margin-top: 10px;
}
}

	/***** 패드 *****/
	@media (min-width:641px) and (max-width:1023px) {
.mp_left dt {
	font-size: 18px;
}
}
/* **************************************** *
 *body
 * **************************************** */
body {
	overflow-x: hidden !important;
}
* {
	word-break: keep-all;
}
.imgwrap22 {
	text-align: Center;
}
.imgwrap22 img {
	width: 100%;
	max-width: 900px;
}

/* 	웹 */
	@media (min-width: 1024px) {
.mobile_show {
	display: none !important
}
.pad_show {
	display: none !important
}
}

/* 	패드 */
	@media (min-width:641px) and (max-width:1023px) {
body {
	box-sizing: border-box;
}
.mobile_show {
	display: none
}
.web_show {
	display: none
}
}

/* 	모바일 */
	@media (max-width:640px) {
.web_pad_show {
	display: none !important
}
.mobile_none {
	display: none
}
.pad_show {
	display: none !important
}
.web_show {
	display: none
}
}

/* **************************************** *
 *show_none
 * **************************************** */


	/*웹*/
	@media (min-width: 1024px) {
.mobile_show {
	display: none;
}
}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.mobile_show {
	display: none;
}
.web_show {
	display: none;
}
.pad_mobie_none {
	display: none;
}
}

	/*모바일*/
	@media (max-width:640px) {
.web_show {
	display: none;
}
.mobile_none {
	display: none;
}
.pad_mobie_none {
	display: none;
}
}
/* **************************************** *
 *header
 * **************************************** */
.header {
	border-bottom: 1px solid rgba(0,0,0,0.4);
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}
.header h1 {
	position: absolute;
}
.header .acc a {
	color: #193944;
}
.header .acc .lang {
	padding-right: 15px;
	background: url('/images/com/arrow1.gif') no-repeat center right;
}
.header .acc3 a {
	background: #ed1848;
	color: #fff;
	display: inline-block;
	;
}
a.menu:before, a.menu:after {
	content: '';
	background: #000;
	left: 0;
	width: 100%;
	position: Absolute;
	display: inline-block;
}
a.menu {
	position: relative;
}
.main .header {
	width: 100%;
	background: none;
	position: absolute;
	TOP: 0;
	LEFT: 0;
	z-index: 9;
	border: none;
}
.main .header .acc, .main .header .acc2, .main .header .acc3 {
	display: none
}
.main .sub_header {
	display: none;
}
.main .header h1 {
	left: 50% !important;
}
.main .header .menu {
	top: 0px;
	z-index: 999;
}
.main a.menu svg {
	fill: #fff;
}




	/*웹*/
	@media (min-width: 1024px) {
.header {
	text-align: right;
	height: 110px;
	padding-right: 10px;
}
.header h1 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.header .acc, .header .acc2, .header .acc3 {
	padding: 42px 5px;
	display: inline-block;
	vertical-align: middle;
}
.header img.mobie_show {
	display: none;
}
.header a.menu {
	display: inline-block;
	vertical-align: middle;
}
.header .acc2 a {
	margin: 0px 5px;
}
.header .acc {
	margin-top: -2px;
}
.header .acc a {
	margin: 0px 7px;
	line-height: 30px;
}
.header .acc img {
	padding-right: 5px;
}
.header .acc .lang {
	padding-right: 15px;
}
.header .acc3 a {
	margin-left: 5px;
	padding: 0px 15px;
	border-radius: 20px;
	line-height: 23px;
}
.header .acc3 {
	margin-right: 30px;
}
.header .total_search {
	margin-right: 10px;
}
.main .header .menu {
	top: 32px;
	right: 30px;
}
.main .header .total_search {
	top: 40px;
	right: 77px;
	position: Absolute;
}
.main .quick img {
	height: 50px !important;
	width: auto !important;
}
/* 				  a.menu:before,
				   a.menu:after {height:3px; border-radius:6px;} */
/* 				  a.menu { width:30px; height:3px; margin-left:30px; border-radius:6px;} */



/* 				  a.menu:before {top:10px; }
				  a.menu:after {bottom:10px; } */

}







	/*웹2*/	
	@media (min-width:1200px) and (max-width:1300px) {
.header .acc a {
	margin: 0px 3px;
}
.header .acc, .header .acc2, .header .acc3 {
	padding: 42px 4px;
}
.header .acc3 a {
	margin-left: 5px;
}
a.menu {
	margin-left: 8px;
}
}

	/*웹2*/	
	@media (min-width:1024px) and (max-width:1650px) {
.header h1 {
	top: 50%;
	left: 35px;
	transform: translate(0%, -50%);
}
}




	/*패드*/
	@media (max-width:1023px) {
.header .acc, .header .acc2 {
	display: none
}
.main .header .menu {
	top: 40px
}
}


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.header {
	text-align: right;
	height: 80px;
	padding-right: 25px
}
.header h1 {
	top: 30px;
	left: 22px;
}
.header h1 img {
	height: 30px;
}
.header .acc3 {
	padding: 26px 10px;
}
.header .acc3, .header a.menu {
	display: inline-block;
	vertical-align: middle;
}
.main .quick img {
	height: 40px !important;
	width: auto !important;
}
.header .acc3 a {
	margin-left: 10px;
	padding: 0px 15px;
	border-radius: 20px;
	line-height: 23px;
}
/* 			  a.menu:before,
			   a.menu:after {height:3px; border-radius:6px;}
			  a.menu { width:30px; height:3px; margin-left:30px; border-radius:6px;}
			  a.menu:before {top:10px; }
			  a.menu:after {bottom:10px; } */

.main .quick3 {
	bottom: 80px !important;
}
.main .quick3 div p:nth-child(1) img {
	height: 155px !important;
}
}

	/*모바일*/
	@media (max-width:640px) {
.main .header .menu {
	top: 0px
}
.header a.menu svg {
	margin-top: -9px;
}
.header {
	text-align: right;
	height: 75px;
	padding-right: 25px;
	padding-top: 30px;
}
.header h1 {
	top: 20px;
	left: 20px;
}
.header h1 img {
	height: 20px;
}
.header .acc3 {
	padding: 26px 10px;
}
.header .acc3, .header a.menu {
	display: inline-block;
	vertical-align: middle;
}
.header .acc3 {
	position: absolute;
	top: 0px;
	right: 90px;
}
.header .acc3 a {
	padding: 0px 10px;
	border-radius: 10px;
	line-height: 21px;
	font-size: 12px;
}
/* 			  a.menu:before,
			   a.menu:after {height:2px; }
			  a.menu { width:26px; height:2px;   }
			  a.menu:before {top:10px; }
			  a.menu:after {bottom:10px; } */




}
/* **************************************** *
 *allmenubg
 * **************************************** */

.allmenubg {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999999 !important;
	display: none;
	background: #ffff;
	box-sizing: border-box;
	left: auto !important;
	right: 0px !important;
	top: 0px !important;
	height: 100%;
	height: 100vh;
	margin: 0 !important;
}
.allmenubg li {
	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
}
.allmenubg li:nth-child(1 ) {
	border-top: none;
}
.btn_close {
	position: fixed;
	z-index: 10;
}
.allmenubg ul, .allmenubg li {
	overflow: hidden;
}
.allmenubg > ul > li {
	border-top: 1px solid #ddd;
	box-sizing: border-box;
	width: 100%;
	cursor: pointer;
}
.allmenubg > ul > li > a {
	color: #000;
	font-weight: 700;
}
.allmenubg ul li:hover {
	background: #eee;
}
ul.dept02 {
	transition: 0s all !important;
	opacity: 0;
	transition: none !important;
	display: none
}
.allmenubg ul li:hover > ul.dept02, .allmenubg ul li:hover > ul.dept02 li, .allmenubg ul li:hover > ul.dept02 li a {
	display: block !important;
	opacity: 1 !important
}
ul.dept02 > li:nth-child(1) {
	border-top: none;
}
ul.dept02 > li > a {
	color: #000;
	font-weight: 400;
	padding: 0px;
}
ul.dept02 li:hover > ul {
	display: block;
	opacity: 1;
	height: auto;
	transform: translateY(0px);
}
ul.dept02 li:hover > ul li {
	opacity: 1 !important;
}
ul.dept02 ul {
	display: none;
	opacity: 0;
	transform: translateY(-50px);
	height: 0;
}
ul.dept02 ul li {
	display: inline-block;
	width: auto;
}
ul.dept02 ul.sub_menu2 {
	display: none !important;
}
ul.dept02 ul li a {
	color: #888;
	vertical-align: middle;
	display: inline-block;
}
.allmenubg > ul > li {
	animation-name: h3tit;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	opacity: 0;
	animation-delay: 0s;
}
/* .allmenubg > ul > li:nth-child(1) {animation-delay: 0s;}
.allmenubg > ul > li:nth-child(2) {animation-delay: 0.3s;}
.allmenubg > ul > li:nth-child(3) {animation-delay: 0.6s;}
.allmenubg > ul > li:nth-child(4) {animation-delay: 0.9s;}
.allmenubg > ul > li:nth-child(5) {animation-delay: 1.2s;}
.allmenubg > ul > li:nth-child(6) {animation-delay: 1.5s;} */

 @keyframes h3tit {
 0% {
transform: translatey(-100px);
}
 100% {
transform: translatey(0px);
opacity:1;
}
}
.allmenubg .downarea {
	border-top: 1px solid #ddd;
	text-align: center;
	position: Absolute;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	bottom: 0;
}
.allmenubg .downarea a {
	display: inline-block;
	color: #000;
	font-weight: 600;
	background: url('/images/com/file.gif') no-repeat left center;
}






/*웹*/
	@media (min-width: 1024px) {
.allmenubg {
	min-height: 800px;
	width: 400px;
	padding: 100px 0% 50px 0px;
	z-index: 999999999999;
	background: #fff;
}
.allmenubg li {
	padding: 20px 150px;
}
.allmenubg > ul > li {
	padding: 20px 60px;
}
.allmenubg > ul > li > a {
	font-size: 23px;
	line-height: 40px;
}
.btn_close {
	top: 55px;
	right: 35px;
}
.btn_close img {
	width: 20px;
}
ul.dept02 > li {
	padding: 3px 10px;
}
ul.dept02 ul li {
	padding: 0px 10px 0px 0px !important;
}
ul.dept02 > li > a {
	font-size: 17px;
	line-height: 25px;
}
ul.dept02 ul li a {
	font-size: 14px;
	line-height: 20px;
}
.allmenubg .downarea {
	padding: 20px 0px;
}
.allmenubg .downarea a {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: -2px;
	padding-right: 10px;
	padding-left: 27px;
}
.allmenubg .acc_sec {
	display: none;
}
}

/*패드 모바일*/
	@media (max-width: 1023px) {
.allmenubg .acc_sec {
	background: var(--black);
	box-sizing: border-box;
	width: 100%;
}
.allmenubg .acc_sec img {
	vertical-align: middle;
}
.allmenubg .acc_sec .acc {
	float: left;
}
.allmenubg .acc_sec .acc a {
	color: #fff;
}
.allmenubg .acc_sec .acc2 {
	float: right;
}
.allmenubg .acc_sec .acc .lang {
	padding-right: 15px;
	background: url('/images/com/engbg.png') no-repeat center right;
}
.allmenubg .downarea {
	background: #fff;
}
}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.allmenubg {
	min-height: 400px;
	width: 400px;
	padding: 0px 0% 50px 0px;
}
.allmenubg .acc_sec {
	padding: 20px 30px;
	overflow: hidden;
}
.allmenubg .acc_sec .acc a {
	padding-right: 10px;
}
.allmenubg .acc_sec .acc a img {
	padding-right: 7px;
}
.allmenubg .acc_sec .acc2 img {
	padding: 0px 4px;
}
.allmenubg li {
	padding: 20px 50px;
}
.allmenubg > ul > li {
	padding: 20px 50px;
}
.allmenubg > ul > li > a {
	font-size: 20px;
	line-height: 30px;
}
.btn_close {
	top: 20px;
	right: 420px;
}
.btn_close img {
	width: 20px;
}
ul.dept02 > li {
	padding: 3px 10px;
}
ul.dept02 ul li {
	padding: 0px 10px 0px 0px;
}
ul.dept02 > li > a {
	font-size: 17px;
	line-height: 25px;
}
ul.dept02 ul li a {
	font-size: 14px;
	line-height: 20px;
}
.allmenubg .downarea {
	padding: 20px 0px;
}
.allmenubg .downarea a {
	font-size: 13px;
	line-height: 30px;
	padding-right: 13px;
	padding-left: 25px;
}
}

	/*모바일*/
	@media (max-width:640px) {
.locate h4 {
	padding-bottom: 0px !important;
}
.main .quick {
	bottom: 160px !important;
}
.main .quick img {
	height: 33px;
!important;
	width: auto !important;
}
.main .quick3 {
	text-align: center;
	bottom: 156px;
	width: 100% !important;
	right: 0px !important;
}
.main .quick3 div {
	display: inline-block;
	vertical-align: top;
}
.main .quick3 div p:nth-child(1) {
	position: relative;
	height: 130px !important;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.main .quick3 div p:nth-child(1) img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto !important;
	min-height: 90%;
	min-width: 90%;
	max-width: 100%;
	max-height: 100%;
}
.main .quick3 div p.sns {
	height: auto !important;
}
.main .quick3 div p.sns:nth-child(1) {
	height: auto !important;
}
.main .quick3 div p.sns:nth-child(1) img {
	min-width: auto !important;
	min-height: auto !important;
}
.main .quick3 div dl {
	height: 70px !important;
}
.main .quick3 div p.sns img {
	height: auto !important;
}
.allmenubg {
	width: calc(100% - 70px);
	padding: 0px 0% 20px 0px;
}
.allmenubg .acc_sec {
	padding: 15px 30px;
	overflow: hidden;
}
.allmenubg .acc_sec .acc a {
	margin-right: 15px;
}
.allmenubg .acc_sec .acc a img {
	padding-right: 7px;
}
.allmenubg .acc_sec .acc2 img {
	padding: 0px 3px;
	height: 14px;
}
.allmenubg > ul > li {
	padding: 10px 30px;
}
.allmenubg > ul > li > a {
	font-size: 20px;
	line-height: 45px;
}
.btn_close {
	top: 15px;
	left: 10px;
}
.btn_close svg {
	width: 40px;
	height: 40px;
	color: var(--black);
}
ul.dept02 {
	margin-top: 10px;
}
ul.dept02 > li {
	padding: 3px 4px;
}
ul.dept02 {
	width: 100%;
}
ul.dept02 > li {
	float: left;
	width: calc(100% - 10px) !important;
x	box-sizing: border-box;
}
ul.dept02 > li > a {
	font-size: 15px;
	opacity: 0.8;
	line-height: 20px;
}
.allmenubg .downarea {
	padding: 20px 0px;
}
.allmenubg .downarea a {
	background-size: auto 15px;
	font-size: 13px;
	line-height: 25px;
	padding-right: 6px;
	padding-left: 17px;
}
}
/* **************************************** *
 *sub_header
 * **************************************** */

.sub_header {
	background: url('/images/sub/inbg_02.jpg') no-repeat center top;
	background-size: contain !important;
	position: relative;
	padding-top: 15rem;
    text-align: center;
}
.sub_header .snsarea ul {
	display: none;
}
.sub_header h2, .sub_header .tnb, .sub_header .tnb a {
	display: inline-block;
	vertical-align: top;
}
.sub_header .width_area {
	position: relative;
}
.sub_header h2 {
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.sub_header h2:before {
	content: '';
	background: url('/images/com/arrow2.png') no-repeat top left;
	position: absolute;
	z-index: -1;
	display: block;
	animation-fill-mode: linear;
	animation-name: textmovie22span;
	animation-duration: 2s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}
.sub_header .dept_n li:hover, .sub_header .dept_n li.bggray {
	background: #006699 !important;
}
.sub_header .dept_n li:hover a, .sub_header .dept_n li.bggray a {
	color: #fff;
	font-weight: 600;
}
.sub_header .dept_n li.bggray > ul li {
	background: #fff !important;
}
.sub_header .dept_n li.bggray > ul li a {
	color: #fff !important;
}
.sub_header .dept_n li {
	position: relative;
	z-index: 13;
}
.sub_header .dept_n li a {
	color: #000;
}
.sub_header .tnb a {
	vertical-align: middle;
	color: #fff;
}
.sub_header .tnb a.active {
	font-weight: 600;
	border-bottom: 2px solid #fff;
}
.sub_header .acc div {
	display: inline-block;
	vertical-align: middle;
}
.sub_header img {
	vertical-align: middle;
}
.sub_header .acc .snsarea .inner {
	display: none;
}
.sub_header .sns_click {
	cursor: pointer;
}
.sub_header .snsarea .inner.add {
	display: inline-block;
	transition: all 1s;
}
.sub_header .acc .snsarea .inner a {
	display: inline-block;
	color: #ccc;
	text-align: Center;
}
/*total_search*/
.sub_header .total_search {
	position: absolute;
}
.main .header .total_search svg {
	fill: #fff
}
.sub_tnb_wrap {
	background: var(--red);
}
.sub_header h2 {
	display: none !important;
}

/*웹*/
	@media (min-width: 1024px) {
/*total_search*/
.sub_header .total_search {
	top: 30px;
	right: 20px;
}
.sub_header .dept_n, .sub_header .tnb, .sub_header h2, .sub_header .tnb a {
	line-height: 80px;
}
.sub_header h2 p {
	letter-spacing: -2px;
	font-size: 26px;
	line-height: 80px;
}
.sub_header h2:before {
	top: 20px;
	left: 0;
	width: 20px;
	height: 70px;
}
 @keyframes textmovie22span {
 0%, 100% {
transform:translateY(0px)
}
 50% {
transform:translateY(20px);
}
}
.sub_header .dept_n {
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 10;
	width: 210px;
	display: none;
}
.sub_header .dept_n.add {
	display: none !important;
}
.sub_header .dept_n li {
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 20px;
	position: relative;
}
.sub_header .dept_n li a {
	display: block;
	width: 100%;
	font-size: 20px;
	line-height: 60px;
}
.sub_header .dept_n.add {
	display: block !important;
}
.sub_header .dept_n li.on:before {
	content: '>';
	color: #fff;
	position: absolute;
	top: 0px;
	right: 30px;
	font-size: 16px;
	line-height: 50px;
	transform: scale(1, 1.6);
	font-weight: 200;
}
.sub_header .tnb a {
	opacity: 0.8;
	font-size: clamp(17px, 1.2vw, 17px);
	padding: 0 1.2vw;
	white-space: nowrap;
	opacity: 0.8;
}
.sub_header .tnb a.active {
	border-bottom: 4px solid #fff;
	opacity: 1;
}
.sub_header .acc {
	position: Absolute;
	top: -5px;
	right: 50px;
	z-index: 9;
}
.sub_header .acc div {
	padding: 0px 10px;
	line-height: 80px;
}
.sub_header .acc .snsarea a {
	padding: 0px 3px;
}
.sub_header .acc .snsarea .inner {
	border-left: 1px solid #ddd;
	line-height: 24px;
	margin-left: 20px;
	margin-right: 10px;
}
.sub_header .acc .snsarea .inner a {
	margin: 0px 2px;
	border-radius: 1px;
	width: 30px;
	height: 29px;
}
.threeDepth {
	display: none;
	border: 1px solid #ccc;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 207px;
	width: 170px;
	background-color: #fff;
	color: #006699;
}
.threeDepth li {
	position: relative;
	padding-left: 20px !important;
	box-sizing: border-box;
}
.threeDepth li a {
	color: #006699 !important;
	font-size: 15px !important;
	font-weight: normal !important;
	line-height: 22px !important;
	padding: 6px 10px;
}
.threeDepth li a:hover {
	color: #fff !important;
}
.threeDepth li a:before {
	content: '.';
	position: absolute;
	top: 0px;
	left: 20px;
	font-size: 20px;
	line-height: 20px;
}
}






/*패드 모바일*/
	@media (max-width: 1023px) {
.sub_header .acc div.print {
	display: none
}
.sub_header .threeDepth {
	display: none;
}
}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.inner-mobile {
	margin-top: 60px;
}
/*total_search*/
.sub_header .total_search {
	top: 40px;
	right: 20px;
}
.main .header h1 {
	top: 50px;
}
.main .header .total_search {
	position: absolute;
	top: 47px;
	right: 65px;
}
.dept_n.add {
	display: none !important;
}
.threeDepth {
	display: none !important;
}
.sub_header .tnb a {
	line-height: 60px;
}
.sub_header {
	padding-top: 160px;
}
.sub_header h2 {
	padding-left: 30px;
	height: 100%;
	width: 230px;
	display: block;
}
.sub_header h2 p {
	letter-spacing: -2px;
	font-size: 22px;
}
.sub_header h2:before {
	top: 3px;
	left: 0;
	width: 15px;
	height: 17px;
	background-size: contain;
}
 @keyframes textmovie22span {
 0%, 100% {
transform:translateY(0px)
}
 50% {
transform:translateY(10px);
}
}
.sub_header .dept_n {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 10;
	width: 200px;
	display: none;
}
.sub_header .dept_n li {
	box-sizing: border-box;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}
.sub_header .dept_n li a {
	display: block;
	width: 100%;
	font-size: 18px;
	line-height: 40px;
}
.sub_header .dept_n li:before {
	content: '>';
	color: rgba(255,255,255,0.3);
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 17px;
	line-height: 25px;
	transform: scale(1, 1.6);
	font-weight: 200;
}
.sub_header .tnb {
	padding: 15px 0px;
}
.sub_header .tnb a {
	font-size: 16px;
	line-height: 24px;
	padding: 0px 10px;
	margin: 10px;
}
.sub_header .tnb a.active {
	border-bottom: 2px solid #fff;
}
.sub_header .acc {
	position: Absolute;
	top: -20px;
	right: -20px;
	z-index: 9;
}
.sub_header .acc div {
	padding: 0px 10px;
	line-height: 45px;
}
.sub_header .acc .snsarea a {
	padding: 0px 3px;
}
.sub_header .acc .snsarea .inner {
	border-left: 1px solid #ddd;
	line-height: 24px;
	margin-left: 20px;
	margin-right: 10px;
}
.sub_header .acc .snsarea .inner a {
	margin: 0px 2px;
	border-radius: 1px;
	width: 30px;
	height: 29px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.inner-mobile {
	margin-top: 60px;
}
/*total_search*/
.header .total_search {
	top: 25px;
	right: 65px;
	position: absolute;
}
.event_top2 select {
	width: 150px;
}
.event_top2 .smartleft {
	width: calc(100% - 120px)
}
.sub_header {
	padding-top: 10px;
	background: none !important
}
.event_top2 .smartleft input {
	width: 100%;
}
.sub_header h2 {
	padding-left: 0px;
	height: 100%;
	width: 360px;
}
.sub_header h2 p {
	letter-spacing: -2px;
	font-size: 22px;
}
.sub_header h2:before {
	display: none;
}
.sub_header .dept_n {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 10;
	width: 200px;
	display: none;
}
.sub_header .dept_n.add {
	display: none;
!important;
}
.sub_header .dept_n {
	line-height: 40px;
}
.sub_header .tnb a {
	line-height: 27px;
}
.sub_header .dept_n {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 10;
	width: 200px;
	transition: all 1s;
	background-size: auto 7px
}
.sub_header .dept_n li {
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 30px;
	position: relative;
}
.sub_header .dept_n li a {
	letter-spacing: -2px;
	font-size: 18px;
	display: block;
	width: 100%
}
.sub_header .dept_n:hover li.on:before {
	content: '>';
	color: rgba(255,255,255,0.3);
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 16px;
	line-height: 40px;
	transform: scale(1, 1.4);
	font-weight: 200;
}
.sub_header .tnb {
	padding: 15px 0px !important;
}
.sub_header .tnb a {
	font-size: 16px;
	padding: 0px 5px;
	margin: 4px 0px;
}
.sub_header .acc {
	position: Absolute;
	top: -30px;
	right: -10px;
	z-index: 9;
}
.sub_header .acc div {
	padding: 0px 5px;
	line-height: 60px;
}
.sub_header .acc .snsarea a {
	padding: 0px 2px;
}
.sub_header .acc .snsarea .inner {
	border-left: 1px solid #ddd;
	line-height: 22px;
	margin-left: 5px;
	margin-right: 0px;
}
.sub_header .acc .snsarea .inner a {
	margin: 0px 1px;
	border-radius: 1px;
}
.sub_header .acc .snsarea .inner a img {
	vertical-align: middle;
}
}
/* **************************************** *
 *footer-logo
 * **************************************** */

footer {
	background: #2c2c2c;
	padding: 30px 20px;
	font-size: 14px;
}
.footer-top-wrap {
	align-items: center;
	gap: 20px;
	justify-content: space-between;
	border-bottom: 1px solid #444;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.footer-top {
	align-items: center;
	gap: 20px;
}
.footer-top a {
	color: #fff;
	position: relative;
	padding-right: 50px;
	opacity: 0.8;
}
.footer-top a:before {
	content: '';
	position: absolute;
	top: 4px;
	right: 20px;
	width: 1px;
	height: 16px;
	background: #777;
}
.footer-top a:last-child:before {
	display: none
}
.footer-bottom {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.footer-info {
	color: #ccc;
	line-height: 1.8;
}
.footer-info strong {
	font-weight: bold;
	color: #fff;
	font-size:0.8rem
}
.related-site {
	position: relative;
	display: inline-block;
	margin-top: 10px;
}
.related-site button {
	background: none;
	color: #fff;
	border: none;
	cursor: pointer;
	padding: 6px 12px;
	box-sizing: border-box;
	border-bottom: 1px solid #aaa;
	width:13rem;
	text-align:left
}
.related-site button svg {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-left: 35px;
	float:right
}
.related-site ul {
	position: absolute;
	right: 0;
	top: 100%;
	background: #333;
	border: 1px solid #555;
	width: 13rem;
	list-style: none;
	margin: 5px 0 0;
	z-index: 1000;
}
.related-site ul li a {
	font-size:0.7rem;
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
}
.related-site ul li a:hover {
	background: #555;
}
footer .hidden {
	display: none;
}
.footer-bottom {
	padding: 20px 0px;
}
.footer-bottom p {
	color: #fff;
}
.footer-bottom .copy {
	width: 100%;
	padding-top: 10px;
	opacity: 0.7;
	font-size:0.8rem;
	font-weight:200
}
footer .add p {
	position: relative;
	padding-right: 50px;
	font-size:0.8rem
}
footer .add p:before {
	content: '';
	position: absolute;
	top: 4px;
	right: 20px;
	width: 1px;
	height: 16px;
	background: #999;
}
footer .add p:last-child:before {
	display: none
}
.footer-logo img {
	height: 40px;
	filter: grayscale(100%) brightness(1.5);
	opacity: 0.6;
}
 @media (max-width: 1024px) {
footer {
	padding: 20px 10px;
}
.footer-top-wrap {
	gap: 15px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.footer-top {
	gap: 15px;
}
.footer-top a {
	padding-right: 30px;
}
.footer-top a:before {
	right: 5px;
}
footer .add p {
	position: relative;
	padding-right: 30px;
	font-size:0.8rem
}
footer .add p:before {
	right: 10px;
}
footer .add p:last-child:before {
	display: none
}
.footer-logo {
	display: none
}
}
 @media (max-width: 767px) {
footer {
	padding: 20px 10px;
}
.footer-top-wrap {
	gap: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.footer-top {
	align-items: center;
	gap: 10px;
	font-size: 0.75rem
}
.footer-top a {
	padding-right: 15px;
}
.footer-top a:before {
	right: 0px;
}
.related-site {
	margin-top: 10px;
	width: 100%;
	border: 1px solid #555;
	font-size:0.8rem
}
.related-site button {
	width: 100%;
	text-align: left;
	border: 1px solid #555;
}
.related-site button {
	padding: 6px 12px;
}
.related-site button svg {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 15px;
}
.related-site ul {
	width: 100%
}
.footer-bottom {
	padding: 15px 0px;
}
.footer-bottom p {
	color: #fff;
	font-size: 0.8rem;
}
}
/* **************************************** *
 * prepare
 * **************************************** */


.prepare {
	margin-left: auto;
	margin-right: auto;
}
.prepare dt {
	text-align: center;
	font-weight: 600;
	color: #222;
	background: #f5f5f5;
}
.prepare dd {
	background: #f5f5f5;
	overflow: hidden;
	text-align: center;
}
.privacy_roll {
	box-sizing: border-box;
	width: 100%;
	overflow-y: scroll;
	background: #eee;
}


/*웹*/
@media (min-width:1024px) {
.prepare {
	border: 3px solid var(--main-red);
	width: 700px;
	padding: 3rem 0;
	overflow: hidden;
	color: var(--main-red);
	border-radius: 20px;
	margin-bottom: 5rem
}
.prepare dt {
	font-size: 30px;
	line-height: 50px;
	padding-top: 70px;
}
.prepare dd {
	font-size: 17px;
	line-height: 50px;
	padding-bottom: 70px;
}
.privacy_roll {
	padding: 40px 40px;
	font-size: 15px;
	line-height: 26px;
	height: 300px;
	margin-bottom: 20px;
}
}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.prepare {
	border: 7px solid #eee;
	width: 90%;
	margin-top: 150px;
	padding: 40px;
	overflow: hidden;
	box-sizing: border-box;
}
.prepare dt {
	font-size: 23px;
	line-height: 40px;
	padding-top: 40px;
}
.prepare dd {
	font-size: 15px;
	line-height: 40px;
	padding-bottom: 40px;
}
.privacy_roll {
	padding: 40px 40px;
	font-size: 15px;
	line-height: 26px;
	height: 300px;
	margin-bottom: 20px;
}
}

	/*모바일*/
	@media (max-width:640px) {
.prepare {
	border: 5px solid #eee;
	width: 96%;
	margin-top: 80px;
	padding: 20px;
	overflow: hidden;
	box-sizing: border-box;
}
.prepare dt {
	font-size: 23px;
	line-height: 40px;
	padding-top: 40px;
}
.prepare dd {
	font-size: 13px;
	line-height: 20px;
	padding-bottom: 40px;
}
.privacy_roll {
	padding: 20px 20px;
	font-size: 13px;
	line-height: 26px;
	height: 160px;
	margin-bottom: 20px;
}
}
/* **************************************** *
 * wrap
 * **************************************** */

.wrap.active3 {
	transition: all 2s;
	transform: translateX(-100%);
	opacity: 0;
}
.wrap.active2 {
	transition: all 2s;
	transform: translateX(200%);
	opacity: 0;
}
/* **************************************** *
 * btn_nav
 * **************************************** */
.btn_nav {
	overflow: hidden;
}
.btn_nav a {
	display: inline-block;
	position: fixed;
	top: 50%;
	background: #777;
	z-index: 10;
}
.btn_nav a.prev {
	left: 0;
	transform: translateY(-50%);
}
.btn_nav a.next {
	right: 0;
	transform: translateY(-50%) rotate(0.5turn);
}


/*웹*/
@media (min-width:1024px) {
.btn_nav a img {
	height: 24px
}
.btn_nav a {
	padding: 30px 30px;
}
}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.btn_nav a img {
	height: 18px
}
.btn_nav a {
	padding: 20px 20px;
}
}

	/*모바일*/
	@media (max-width:640px) {
.btn_nav a img {
	height: 13px
}
.btn_nav a {
	padding: 14px 14px;
}
}
/* **************************************** *
 * Survey-area
 * **************************************** */
.Survey-area {
	background: #f1f1f1 url('/images/com/csicon.gif') no-repeat;
	overflow: hidden;
}
.Survey-area .select label {
	color: #666;
}
.Survey-area dl dt {
	color: #000;
	font-weight: 600;
}
.Survey-area a.tinybn {
	display: inline-block;
	vertical-align: middle;
	background: #666;
	color: #fff;
}
.Survey-area .team_detail {
	display: inline-block;
}


/*웹*/
@media (min-width:1024px) {
.Survey-area {
	display: none;
	padding: 15px 30px 15px 130px;
	background-position: 50px center;
	margin-top: 50px;
	margin-bottom: 50px;
}
.Survey-area dl {
	float: left;
	border-right: 1px solid rgba(0,0,0,0.3);
	width: 320px;
	padding-right: 30px;
}
.Survey-area dl dt {
	font-size: 20px;
	line-height: 40px;
}
.Survey-area dl dd {
	font-size: 14px;
	line-height: 20px;
}
.Survey-area .select {
	float: right;
	width: calc(100% - 350px)
}
.Survey-area .select p {
	overflow: hidden;
	float: left;
	padding-right: 30px;
	margin: 3px 0px;
}
.Survey-area .select label {
	font-size: 13px;
	line-height: 30px;
}
.Survey-area .select p:last-child {
	width: 100%;
}
.Survey-area .select input[type='text'] {
	margin-left: 20px;
	width: calc(100% - 130px);
}
.Survey-area a.tinybn {
	line-height: 30px;
	padding: 0px 20px;
}
.Survey-area .team_detail {
	padding-right: 10px;
	padding-top: 6px;
}
}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.Survey-area {
	padding: 30px 30px 30px 30px;
	background-position: 50px 40px;
	background-size: auto 40px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.Survey-area dl {
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding-bottom: 20px;
	padding-left: 100px;
}
.Survey-area dl dt {
	font-size: 20px;
	line-height: 40px;
}
.Survey-area dl dd {
	font-size: 14px;
	line-height: 23px;
}
.Survey-area .select {
	padding-top: 15px;
}
.Survey-area .select p {
	overflow: hidden;
	float: left;
	padding-right: 30px;
	margin: 3px 0px;
}
.Survey-area .select label {
	font-size: 13px;
	line-height: 30px;
}
.Survey-area .select p:last-child {
	width: 100%;
}
.Survey-area .select input[type='text'] {
	margin-left: 20px;
	width: calc(100% - 140px);
}
.Survey-area a.tinybn {
	line-height: 30px;
	padding: 0px 20px;
}
}

	/*모바일*/
	@media (max-width:640px) {
.Survey-area {
	padding: 15px;
	background-position: 40px 26px;
	background-size: auto 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.Survey-area dl {
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding-bottom: 20px;
	padding-left: 70px;
}
.Survey-area dl dt {
	font-size: 17px;
	line-height: 30px;
}
.Survey-area dl dd {
	font-size: 14px;
	line-height: 20px;
}
.Survey-area .select {
	padding-top: 15px;
}
.Survey-area .select p {
	overflow: hidden;
	float: left;
	padding-right: 10px;
	margin: 2px 0px 10px 0px;
}
.Survey-area .select label {
	font-size: 12px;
	line-height: 30px;
}
.Survey-area .select p:last-child {
	width: 100%;
}
.Survey-area .select input[type='text'] {
	margin-left: 10px;
	width: calc(100% - 120px);
	display: inline-block;
}
.Survey-area a.tinybn {
	line-height: 30px;
	padding: 0px 10px;
}
}
/* **************************************** *
 * lnb
 * **************************************** */

.lnb {
	width: 100%;
	position: relative;
	padding-top: 0px
}

/*웹*/
@media (min-width:1024px) {
.lnb {
	border: none
}
.lnb a {
	font-size: 16px;
	line-height: 55px;
	margin-right: 6px;
	box-sizing: border-box;
	padding: 0px 30px;
	min-width: 150px;
}
.lnb a.on {
	font-size: 18px;
}
}


/*웹+패드*/
@media (min-width:641px) {
.lnb:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	display: block;
	height: 1px;
	background: #000;
}
.lnb .width_area {
	position: relative;
	z-index: 2;
}
.lnb a {
	border: 1px solid #ddd;
	border-bottom: 0px;
	display: inline-block;
	text-align: Center;
	color: #666;
}
.lnb a.on {
	color: #000;
	font-weight: 600;
	border: 1px solid #000;
	border-bottom: 1px solid #fff;
}
}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.lnb {
	padding-top: 0px;
}
.lnb a {
	font-size: 15px;
	line-height: 45px;
	margin-right: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: 1px solid #ddd;
}
.lnb a.on {
	font-size: 17px;
}
}


	/*모바일*/
	@media (max-width:640px) {
.lnb {/* background:url('/images/com/line.gif') repeat left -2px;  */
	overflow: hidden;
	margin-top: 6px !important;
	padding-top: 10px !important;
	margin-bottom: 6px;
	width: 100%;
	text-align: center;
}
.lnb a {
	border: 1px solid #ddd;
	background: #eee;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	border-bottom: 0px;
	text-align: Center;
	color: #666;
	border-bottom: 1px solid #ddd;
}
.lnb a.on {
	color: #006699;
	font-weight: 600;
	border: 2px solid #006699;
	background: #fff;
}
.lnb a {
	font-size: 15px;
	line-height: 2.1;
	overflow: hidden;
	display: inline-block;
	margin-right: 4px;
	height: 36px;
	padding-left: 13px;
	padding-right: 13px;
	margin: 0px 1% 4px 0px;
}
}
/* **************************************** *
 * 게시판리스트
 * **************************************** */

.board_list_wrap {
	overflow: hidden;
}
.board_list_wrap .top h2 {
	font-weight: 600;
}
.board_list_wrap .top {
	overflow: hidden;
}
.board_list_wrap .top .search input {
	border: none;
}
.board_list_wrap .top .search img {
	vertical-align: middle;
}
.board_list_wrap .top .search input, .board_list_wrap .top .search a {
	vertical-align: middle;
	display: inline-block;
}
 .board_list_wrap .top .search input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#999;
}
 .board_list_wrap .top .search input[type='text']::-moz-placeholder { /* Firefox 19+ */
 color:#999;
}
 .board_list_wrap .top .search input[type='text']:-ms-input-placeholder { /* IE 10+ */
color:#999;
}
 .board_list_wrap .top .search input[type='text']:-moz-placeholder { /* Firefox 18- */
color:#999;
}
/*리스트*/
.board_list_wrap .listwrap .list {
	box-sizing: border-box;
	cursor: pointer;
	background: url('/images/sub/boardoff.gif') no-repeat;
	transition: all 1s;
	width: 100%;
	border-top: 1px solid #ddd;
	overflow: hidden;
	background-position: 96% center;
}
.board_list_wrap .listwrap .list:nth-child(1) {
	border: none;
}
.board_list_wrap .listwrap .list:hover {
	background: url('/images/sub/board_on.gif') no-repeat;
	background-position: 96% center;
}
.board_list_wrap .listwrap .list .day, .board_list_wrap .listwrap .list .txt {
	overflow: hidden;
}
.board_list_wrap .listwrap .list .day {
	background: url('/images/sub/bg_data.gif') no-repeat center center;
}
.board_list_wrap .listwrap .list .day dt {
}
.board_list_wrap .listwrap .list .day dt, .board_list_wrap .listwrap .list .day dd {
	font-family: verdana;
}
.board_list_wrap .listwrap .list .txt h3 {
	opacity: 0.6;
}
.board_list_wrap .listwrap .list:hover dt, .board_list_wrap .listwrap .list:hover dd, .board_list_wrap .listwrap .list:hover h2, .board_list_wrap .listwrap .list:hover h3 {
	color: #d81944;
}
/*갤러리리스트*/
.board_list_wrap .listwrap .gallerylist {
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.board_list_wrap .listwrap .gallerylist {
	cursor: pointer;
}
.board_list_wrap .listwrap .gallerylist p.img, .board_list_wrap .gallerylist .txt {
	float: left;
}
.board_list_wrap .gallerylist .txt:before {
	content: '';
	position: absolute;
	z-index: 4;
}
.board_list_wrap .gallerylist p.img {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.board_list_wrap .gallerylist p.img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
	max-height: 150%;
	min-width: 150%;
}
.board_list_wrap .gallerylist .txt {
	position: relative;
	z-index: 2;
	text-align: left;
	box-sizing: border-box;
}
.board_list_wrap .gallerylist .txt dt {
	font-weight: 600;
}
/*모달팝업 작은리스트*/

.modal_down_menu a {
	background: #eee;
	color: #666;
}
.modal_down_menu a.on {
	background: #646769;
	color: #fff;
}
.modal_down_menu2 li a {
	background: #eee;
	color: #666;
}
.modal_down_menu2 li.on a {
	background: #646769;
	color: #fff;
}
/*페이징*/
.paging {
	text-align: center;
}
.paging img {
	vertical-align: middle;
}
.paging a {
	color: #666;
	vertical-align: middle;
	display: inline-block;
	vertical-align: middle;
}
.paging a.on {
	color: #000;
	border-bottom: 2px solid #000;
}
.board_list_wrap .listwrap .list.download {
	background: none !important;
	position: relative;
}
.board_list_wrap .listwrap .list.download .down a {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
}
.board_list_wrap .listwrap .list h2 span {
	padding-left: 20px;
	color: #ed1848;
}
.board_list_wrap .listwrap .list.download .iconbtn a.bg01 {
	border: 2px solid #ed1848;
	color: #ed1848;
}
.board_list_wrap .listwrap .list.download .iconbtn a.bg02 {
	background: #eee;
	color: #888;
}
/*모달팝업 작은리스트*/
.modal_down_menu {
	overflow: hidden;
	text-align: center;
}
.modal_down_menu a {
	vertical-align: top;
	display: inline-block;
	border: 1px solid #ddd;
	text-align: center;
}
.modal_down_menu {
	overflow: hidden;
	text-align: center;
}
.modal_down_menu2 {
	overflow: hidden;
	text-align: center;
}
.modal_down_menu2 li {
	display: inline-block;
}
.modal_down_menu2 a {
	vertical-align: top;
	display: inline-block;
	border: 1px solid #ddd;
	text-align: center;
}
.board_list_wrap .top .search input[type='text'] {
	background: #fff;
}
.board_list_wrap .listwrap .list .day dt {
	vertical-align: top;
}
.board_list_wrap .listwrap .list .day dd {
	vertical-align: bottom
}
.board_list_wrap .listwrap .list .day dt, .board_list_wrap .listwrap .list .day dd {
	text-align: center;
	color: #000;
	font-weight: 700;
	display: inline-block;
}
.board_list_wrap .listwrap .list .txt img {
	vertical-align: middle;
}
.board_list_wrap .listwrap .list .day dd.year {
	display: block;
	text-align: center;
}





/****웹****/
@media (min-width:1024px) {
.board_list_wrap {
	padding-top: 40px;
	padding-bottom: 80px;
}
/*탑*/
.board_list_wrap .top h2 {
	font-size: 38px;
	line-height: 60px;
	float: left;
}
.board_list_wrap .top .search {
	float: right;
	border-bottom: 2px solid #000;
	overflow: hidden;
	line-height: 50px;
	height: 50px;
	padding: 0px 10px;
}
.board_list_wrap .top .search input {
	width: 300px;
}
.board_list_wrap .top .search input, .board_list_wrap .top .search a {
	vertical-align: middle;
	display: inline-block;
}
.board_list_wrap .top .search input[type='image'] {
	height: 25px;
	width: auto;
}
 .board_list_wrap .top .search input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-size:17px;
line-height:50px;
padding-left:10px;
}
 .board_list_wrap .top .search input[type='text']::-moz-placeholder { /* Firefox 19+ */
 font-size:17px;
line-height:50px;
padding-left:10px;
}
 .board_list_wrap .top .search input[type='text']:-ms-input-placeholder { /* IE 10+ */
 font-size:17px;
line-height:50px;
padding-left:10px;
}
 .board_list_wrap .top .search input[type='text']:-moz-placeholder { /* Firefox 18- */
 font-size:17px;
line-height:50px;
padding-left:10px;
}
.board_list_wrap .listwrap .list .day dd.year {
	display: block;
	padding: 0;
	width: 100%;
	text-align: center;
	font-weight: 300;
}
/*리스트*/
.board_list_wrap .listwrap {
	padding-top: 30px;
	padding-bottom: 30px;
}
.board_list_wrap .listwrap .list, .board_list_wrap .listwrap .list:hover {
	background-size: auto 30px;
}
.board_list_wrap .listwrap .list {
	padding: 20px 30px;
}
.board_list_wrap .listwrap .list .day {
	float: left;
	width: 50px;
	margin-top: 10px;
	margin-right: 30px;
	background-size: 50% 50%;
	background-position: 9px 4px;
}
.board_list_wrap .listwrap .list .day dt, .board_list_wrap .listwrap .list .day dd {
	font-size: 15px;
	line-height: 19px;
	width: 48%;
}
.board_list_wrap .listwrap .list .day dd {
	padding-top: 10px;
}
.board_list_wrap .listwrap .list .day dd.year {
	letter-spacing: 1px;
	font-size: 13px;
	line-height: 20px;
}
.board_list_wrap .listwrap .list .txt img {
	max-height: 15px;
}
.board_list_wrap .listwrap .list .txt {
	float: left;
	width: calc(100% - 100px);
	padding-top: 1.2rem
}
.board_list_wrap .listwrap .list .txt h2 {
	font-size: 19px;
	line-height: 30px;
	font-weight: 600;
}
.board_list_wrap .listwrap .list .txt h3 {
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
}
.board_list_wrap .listwrap .list.download {
	padding-right: 200px;
}
.board_list_wrap .listwrap .list.download .down {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.board_list_wrap .listwrap .list.download .down a {
	display: inline-block;
	text-transform: uppercase;
	border-radius: 50%;
	line-height: 36px;
	widtH: 40px;
	height: 40px;
	border: 2px solid #fdb4b4;
	text-align: center;
	font-size: 12px;
	margin: 0px 2px;
	font-weight: 600;
	background-color: #ffe6e6
}
.board_list_wrap .listwrap .list.download .iconbtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.board_list_wrap .listwrap .list.download .iconbtn a {
	display: inline-block;
	text-align: center;
	width: 200px;
	font-size: 16px;
	line-height: 30px;
}
/*모달팝업 작은리스트*/
.modal_down_menu a {
	font-size: 16px;
	line-height: 1.3;
	padding: 10px 20px;
	margin-left: -2px;
}
.modal_down_menu2 {
	margin-top: 30px;
}
.modal_down_menu2 a {
	font-size: 16px;
	line-height: 50px;
	min-width: 120px;
	padding: 0px 16px;
	margin-left: -2px;
}
#rental_down .board_list_wrap .top {
	text-align: center;
}
#rental_down .board_list_wrap .top .search {
	float: none;
	display: inline-block;
	margin-top: 50px;
}
/*갤러리리스트*/
.board_list_wrap .gallerylist .txt:before {
	width: 20px;
	height: 20px;
	top: 50%;
	transform: rotateZ(317deg);
}
.board_list_wrap .gallerylist .txt dt {
	font-size: 18px;
	line-height: 30px;
	padding-bottom: 20px;
}
.board_list_wrap .gallerylist .txt dd {
	font-size: 14px;
	line-height: 24px;
}
.board_list_wrap .listwrap .gallerylist {
	margin: 10px 10px;
}
.board_list_wrap .gallerylist, .board_list_wrap .gallerylist .txt:before {
	background: #eee;
}
.board_list_wrap .listwrap .gallerylist {
	margin: 10px 10px;
}
.board_list_wrap .listwrap .gallerylist p.img, .board_list_wrap .gallerylist .txt {
	width: 220px;
	height: 220px;
	box-sizing: border-box;
	overflow: hidden;
}
.board_list_wrap .gallerylist .txt {
	padding: 40px 30px 30px 30px;
}
.board_list_wrap .gallerylist .txt:before {
	top: 110px;
	left: -9px;
}
/*페이징*/
.paging {
	padding-top: 20px;
}
.paging a {
	font-size: 16px;
	line-height: 34px;
	margin: 0px 11px;
	padding: 0px 7px;
}
.paging a.img {
	padding: 0;
	margin: 0px 3px;
}
}






/****웹2****/
	@media (min-width:1500px) {
}







/****웹+패드****/
@media (min-width:641px) {
}

/****패드****/
	@media (min-width:641px) and (max-width:1023px) {
.board_list_wrap {
	padding-top: 80px;
	padding-bottom: 80px;
}
.board_list_wrap .top .search input[type='image'] {
	height: 25px;
	width: auto;
}
/*탑*/
.board_list_wrap .top h2 {
	font-size: 30px;
	line-height: 60px;
	float: left;
}
.board_list_wrap .top .search {
	float: right;
	border-bottom: 2px solid #000;
	overflow: hidden;
	line-height: 50px;
	height: 50px;
	padding: 0px 10px;
}
.board_list_wrap .top .search input {
	width: 250px;
}
.board_list_wrap .top .search input, .board_list_wrap .top .search a {
	vertical-align: middle;
	display: inline-block;
}
 .board_list_wrap .top .search input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-size:17px;
line-height:50px;
padding-left:10px;
}
 .board_list_wrap .top .search input[type='text']::-moz-placeholder { /* Firefox 19+ */
 font-size:16px;
line-height:50px;
padding-left:10px;
}
 .board_list_wrap .top .search input[type='text']:-ms-input-placeholder { /* IE 10+ */
 font-size:16px;
line-height:50px;
padding-left:10px;
}
 .board_list_wrap .top .search input[type='text']:-moz-placeholder { /* Firefox 18- */
 font-size:16px;
line-height:50px;
padding-left:10px;
}
/*리스트*/
.board_list_wrap .listwrap {
	padding-top: 40px;
	padding-bottom: 40px;
}
.board_list_wrap .listwrap .list {
	padding: 20px 10px;
	background-size: auto 25px;
}
.board_list_wrap .listwrap .list:hover {
	background-size: auto 25px;
}
.board_list_wrap .listwrap .list, .board_list_wrap .listwrap .list:hover {
	background-position: 95% center;
}
.board_list_wrap .listwrap .list .day {
	float: left;
	width: 50px;
	margin-top: 0px;
	margin-right: 30px;
	background-size: 50% 50%;
	background-position: 9px 4px;
}
.board_list_wrap .listwrap .list .day dt, .board_list_wrap .listwrap .list .day dd {
	font-size: 15px;
	line-height: 15px;
	width: 48%;
}
.board_list_wrap .listwrap .list .day dd {
	padding-top: 10px;
}
.board_list_wrap .listwrap .list .day dd.year {
	letter-spacing: 2px;
	padding-left: 6px;
	font-size: 13px;
	line-height: 20px;
}
.board_list_wrap .listwrap .list .txt img {
	max-height: 11px;
}
.board_list_wrap .listwrap .list .txt {
	float: left;
	width: calc(100% - 190px);
}
.board_list_wrap .listwrap .list .txt h2 {
	font-size: 17px;
	line-height: 30px;
	font-weight: 600;
}
.board_list_wrap .listwrap .list .txt h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}
.board_list_wrap .listwrap .list.download {
	padding-right: 100px;
}
.board_list_wrap .listwrap .list.download .down {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.board_list_wrap .listwrap .list.download .down a {
	display: block;
	margin: 3px 0px;
	border-radius: 50%;
	line-height: 28px;
	widtH: 32px;
	height: 32px;
	border: 2px solid #000;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
}
.board_list_wrap .listwrap .list.download .iconbtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.board_list_wrap .listwrap .list.download .iconbtn a {
	display: inline-block;
	text-align: center;
	width: 100px;
	font-size: 16px;
	line-height: 40px;
}
/*갤러리리스트*/
.board_list_wrap .gallerylist .txt:before {
	width: 20px;
	height: 20px;
	top: 50%;
	transform: rotateZ(317deg);
}
.board_list_wrap .gallerylist .txt dt {
	font-size: 16px;
	line-height: 23px;
	padding-bottom: 15px;
}
.board_list_wrap .gallerylist .txt dd {
	font-size: 13px;
	line-height: 22px;
}
.board_list_wrap .listwrap .gallerylist {
	margin: 4px 4px;
}
.board_list_wrap .gallerylist, .board_list_wrap .gallerylist.txt:before {
	background: #eee;
}
.board_list_wrap .listwrap .gallerylist {
	margin: 10px 10px;
}
.board_list_wrap .listwrap .gallerylist p.img, .board_list_wrap .gallerylist .txt {
	width: 170px;
	height: 170px;
}
.board_list_wrap .gallerylist .txt {
	padding: 30px 20px 20px 20px;
}
.board_list_wrap .gallerylist .txt:before {
	top: 80px;
	left: -9px;
}
/*모달팝업 작은리스트*/
.modal_down_menu a {
	font-size: 16px;
	line-height: 50px;
	width: 120px;
	margin-left: -2px;
}
.modal_down_menu2 {
	margin-top: 30px;
}
.modal_down_menu2 a {
	font-size: 16px;
	line-height: 50px;
	min-width: 120px;
	padding: 0px 10px;
	margin-left: -2px;
}
/*페이징*/
.paging {
	padding-top: 30px;
}
.paging a {
	font-size: 15px;
	line-height: 34px;
	margin: 0px 9px;
	padding: 0px 7px;
}
.paging a.img {
	padding: 0;
	margin: 0px 3px;
}
}



/****웹1****/
	@media (min-width:1024px) and (max-width:1130px) {
.board_list_wrap .listwrap .gallerylist p.img, .board_list_wrap .gallerylist .txt {
	width: 210px !important;
	height: 210px !important;
}
}



/****패드****/
	@media (min-width:860px) and (max-width:1023px) {
.board_list_wrap .listwrap .gallerylist p.img, .board_list_wrap .gallerylist .txt {
	width: 170px !important;
	height: 170px !important;
}
}

/****패드****/
	@media (min-width:754px) and (max-width:859px) {
.board_list_wrap .listwrap .gallerylist p.img, .board_list_wrap .gallerylist .txt {
	width: 150px !important;
	height: 150px !important;
}
.board_list_wrap .gallerylist .txt {
	padding-top: 10px !important;
}
}




/****모바일****/
	@media (max-width:640px) {
.board_list_wrap .listwrap {
	padding-top: 10px !important;
}
.board_list_wrap .listwrap .list h2 span {
	display: block;
	padding-left: 0px;
}
.board_list_wrap {
	padding-top: 10px;
	padding-bottom: 30px;
}
.board_list_wrap .top .search input[type='image'] {
	height: 25px;
	width: auto;
}
.board_list_wrap .listwrap .list .txt img {
	max-height: 8px;
}
/*탑*/
.board_list_wrap .top h2 {
	font-size: 24px;
	line-height: 50px;
	text-align: center;
}
.board_list_wrap .top .search {
	border-bottom: 2px solid #000;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	line-height: 50px;
	height: 50px;
	padding: 0px 10px;
	width: 270px;
}
.board_list_wrap .top .search input {
	width: 220px;
}
.board_list_wrap .top .search input, .board_list_wrap .top .search a {
	vertical-align: middle;
	display: inline-block;
}
 .board_list_wrap .top .search input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-size:16px;
line-height:50px;
padding-left:10px;
}
 .board_list_wrap .top .search input[type='text']::-moz-placeholder { /* Firefox 19+ */
 font-size:16px;
line-height:50px;
padding-left:10px;
}
 .board_list_wrap .top .search input[type='text']:-ms-input-placeholder { /* IE 10+ */
 font-size:16px;
line-height:50px;
padding-left:10px;
}
 .board_list_wrap .top .search input[type='text']:-moz-placeholder { /* Firefox 18- */
 font-size:16px;
line-height:50px;
padding-left:10px;
}
/*리스트*/
.board_list_wrap .listwrap {
	padding-top: 40px;
	padding-bottom: 40px;
}
.board_list_wrap .listwrap .list {
	padding: 20px 10px;
	background-size: auto 16px;
}
.board_list_wrap .listwrap .list:hover {
	background-size: auto 16px;
}
.board_list_wrap .listwrap .list, .board_list_wrap .listwrap .list:hover {
	background-position: 95% center;
}
.board_list_wrap .listwrap .list .day {
	float: left;
	width: 50px;
	position: relative;
	margin-top: 5px;
	margin-right: 30px;
	background: none;
}
.board_list_wrap .listwrap .list .day:before {
	content: '';
	position: absolute;
	top: 0;
	left: 9px;
	width: 29px;
	height: 1px;
	background: #ccc;
	transform: rotate(70deg)
}
.board_list_wrap .listwrap .list .day dt, .board_list_wrap .listwrap .list .day dd {
	font-size: 13px;
	line-height: 14px;
	width: 48%;
}
.board_list_wrap .listwrap .list .day dd {
}
.board_list_wrap .listwrap .list .day dd.year {
	text-align: center;
	width: 50px;
	letter-spacing: 2px;
	padding-top: 10px;
	padding-left: 6px;
	font-size: 11px;
	line-height: 16px;
}
.board_list_wrap .listwrap .list .txt {
	float: left;
	width: calc(100% - 110px);
}
.board_list_wrap .listwrap .list .txt h2 {
	font-size: 16px;
	line-height: 23px;
	font-weight: normal;
}
.board_list_wrap .listwrap .list .txt h3 {
	display: none;
}
.board_list_wrap .listwrap .list.download {
	padding-right: 0px;
	padding-bottom: 24px;
	overflow: hidden;
}
.board_list_wrap .listwrap .list.download .down {
	position: absolute;
	bottom: 10px;
	left: 80px;
	text-align: left;
	right: 20px;
}
.board_list_wrap .listwrap .list .txt h2 a {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
	width: 80%;
	font-size: 15px;
}
/* .scrollarea .tab_content{overflow-x:auto;} */


.board_list_wrap .listwrap .list.download .down a {
	display: inline-block;
	margin: 3px 3px;
	line-height: 20px;
	padding: 0px 10px;
	border-radius: 4px;
	border: 1px solid #000;
	text-align: center;
	font-size: 9px;
	font-weight: 600;
}
.board_list_wrap .listwrap .list.download .iconbtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}
.board_list_wrap .listwrap .list.download .iconbtn a {
	display: inline-block;
	text-align: center;
	width: 80px;
	font-size: 14px;
	line-height: 30px;
}
/*모달팝업 작은리스트*/


.modal_down_menu2 {
	margin-top: 30px;
}
.modal_down_menu a, .modal_down_menu2 a {
	font-size: 14px;
	line-height: 32px;
	padding: 0px 7px;
	margin-left: -2px;
}
/*페이징*/
.paging {
	padding-top: 30px;
}
.paging a {
	font-size: 14px;
	line-height: 34px;
	margin: 0px 2px;
	padding: 0px 3px;
}
.paging a.img {
	padding: 0;
	margin: 0px 3px;
}
}


/****패드웹****/
	@media (max-width:640px) {
/*리스트갤러리*/
.board_list_wrap .gallerylist {
	background: #eee;
	margin-left: auto;
	margin-right: auto;
}
.board_list_wrap .gallerylist .txt dt {
	font-size: 17px;
	line-height: 23px;
	padding-bottom: 20px;
}
.board_list_wrap .gallerylist .txt dd {
	font-size: 14px;
	line-height: 22px;
}
.board_list_wrap .listwrap .gallerylist {
	margin: 4px 4px;
}
.board_list_wrap .listwrap .gallerylist p.img, .board_list_wrap .gallerylist .txt {
	width: 160px !important;
	height: 160px !important;
}
.board_list_wrap .gallerylist .txt {
	padding-top: 19px !important;
}
.board_list_wrap .listwrap .gallerylist p.img {
	width: 240px;
	height: 240px;
}
.board_list_wrap .gallerylist .txt {
	padding: 40px 20px 20px 20px;
}
.board_list_wrap .gallerylist .txt:before {
	top: 130px;
	left: -10px;
}
}
/* **************************************** *
 * 게시판뷰어
 * **************************************** */

.board_view_wrap .top {
	border-bottom: 3px solid #000;
}
.board_view_wrap .top h2 {
	border: 1px solid #f15050;
	color: #f15050;
}
.board_view_wrap .top dl dt {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.board_view_wrap .top dl dd p img {
	vertical-align: middle
}
.viewwrap {
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.viewwrap img {
	max-width: 90%;
}
.btn_bottom {
	text-align: right;
	width: 100%;
}
.btn_bottom a {
	border: 1px solid #000;
	display: inline-block;
	vertical-align: middle;
}
.btn_bottom input[type=button], .btn_bottom input[type=submit], .btn_bottom a {
	vertical-align: middle;
	border: 1px solid #000;
	background: #fff;
	font-size: 16px;
	line-height: 46px;
	padding: 0px 30px;
	margin-left: 5px;
	border-radius: 3px;
}




 /****웹****/
@media (min-width:1024px) {
.board_view_wrap .top {
	padding: 0px 30px 0px 30px;
}
.board_view_wrap {
	padding-top: 80px;
	padding-bottom: 80px;
}
.board_view_wrap .top h2 {
	font-size: 16px;
	line-height: 35px;
	display: inline-block;
	padding: 0px 30px;
}
.board_view_wrap .top dl {
	padding-top: 30px;
	overflow: hidden;
}
.board_view_wrap .top dl dt {
	font-size: 20px;
	line-height: 40px;
	padding-bottom: 30px;
	float: left;
	width: calc(100% - 390px);
}
.board_view_wrap .top dl dd {
	float: right;
	text-align: right;
	padding-top: 10px;
}
.board_view_wrap .top dl dd p {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	margin-left: 30px;
	color: #999;
}
.board_view_wrap .top dl dd p img {
	margin-right: 6px;
}
.viewwrap {
	padding: 50px 50px;
}
/*버튼*/
.btn_bottom {
	padding-top: 50px;
}
.btn_bottom a {
	font-size: 16px;
	line-height: 46px;
	padding: 0px 30px;
	margin-left: 5px;
	border-radius: 3px;
}
}
/****패드****/
	@media (min-width:641px) and (max-width:1023px) {
.board_view_wrap {
	padding-top: 30px;
	padding-bottom: 30px;
}
.board_view_wrap .top {
	padding: 0px 20px 0px 0px;
}
.board_view_wrap .top h2 {
	font-size: 15px;
	line-height: 30px;
	display: inline-block;
	padding: 0px 20px;
}
.board_view_wrap .top dl {
	padding-top: 30px;
	overflow: hidden;
}
.board_view_wrap .top dl dt {
	font-size: 23px;
	line-height: 30px;
	padding-bottom: 30px;
	float: left;
	width: calc(100% - 280px);
}
.board_view_wrap .top dl dd {
	float: right;
	text-align: right;
	padding-top: 10px;
}
.board_view_wrap .top dl dd p {
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	margin-left: 10px;
	color: #999;
}
.board_view_wrap .top dl dd p img {
	margin-right: 6px;
}
.viewwrap {
	padding: 30px 30px;
}
/*버튼*/
.btn_bottom {
	padding-top: 30px;
}
.btn_bottom a {
	font-size: 15px;
	line-height: 43px;
	padding: 0px 20px;
	margin-left: 3px;
	border-radius: 3px;
}
}
 
/****모바일****/
	@media (max-width:640px) {
.board_view_wrap {
	padding-top: 20px;
	padding-bottom: 20px;
}
.board_view_wrap .top {
	padding: 0px 20px 0px 0px;
}
.board_view_wrap .top h2 {
	font-size: 14px;
	line-height: 30px;
	display: inline-block;
	padding: 0px 15px;
}
.board_view_wrap .top dl {
	padding-top: 10px;
	overflow: hidden;
}
.board_view_wrap .top dl dt {
	font-size: 19px;
	line-height: 30px;
	width: 100%;
}
.board_view_wrap .top dl dd {
	padding: 10px 0px;
}
.board_view_wrap .top dl dd p {
	display: inline-block;
	font-size: 13px;
	line-height: 25px;
	margin-right: 10px;
	color: #999;
}
.board_view_wrap .top dl dd p img {
	margin-right: 6px;
	height: 12px;
}
.viewwrap {
	padding: 10px 10px;
}
/*버튼*/
.btn_bottom {
	padding-top: 20px;
}
.btn_bottom input[type=button], .btn_bottom input[type=submit], .btn_bottom a {
	padding: 0px 15px;
	margin-left: 2px;
	border-radius: 3px;
}
.viewwrap img {
	height: auto !important;
}
}
/* **************************************** *
 * 게시판 글쓰기
 * **************************************** */
.board_write_wrap .wrap_wirte dl {
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	overflow: hidden;
}
.board_write_wrap .wrap_wirte dl dt {
	position: relative;
	font-weight: 500;
	box-sizing: border-box;
}
.board_write_wrap .wrap_wirte dl dt:before {
	content: '*';
	position: Absolute;
	color: #fff
}
.board_write_wrap .wrap_wirte dl dt.important:before {
	color: #f11616 !important;
}
.board_write_wrap .wrap_wirte input, .board_write_wrap .wrap_wirte select, .board_write_wrap .wrap_wirte textarea {
	border: none;
	background: #f6f6f6;
}
.board_write_wrap .wrap_wirte select {
	display: inline-block;
	box-sizing: border-box;
	background: #f6f6f6 url(	/images/com/arrow44.png) no-repeat;
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
}
.board_write_wrap .wrap_wirte input[type="checkbox"] {
	line-height: 20px !important;
	width: 20px !important;
}


 /****웹****/
@media (min-width:1024px) {
.board_write_wrap {
	padding: 50px 0px;
}
.board_write_wrap .wrap_wirte dl {
	padding: 10px
}
.board_write_wrap .wrap_wirte dl dt, .board_write_wrap .wrap_wirte dl dd {
	font-size: 17px;
	line-height: 40px;
}
.board_write_wrap .wrap_wirte dl dt {
	float: left;
	width: 200px;
	padding-left: 30px;
}
.board_write_wrap .wrap_wirte dl dt:before {
	top: 15px;
	left: 10px;
	font-size: 20px;
	line-height: 20px;
}
.board_write_wrap .wrap_wirte dl dd {
	float: left;
	width: calc(100% - 200px)
}
.board_write_wrap .wrap_wirte input, .board_write_wrap .wrap_wirte select {
	line-height: 45px;
	height: 35px;
	padding: 0px 10px;
	margin: 0px 10px;
	width: 200px;
}
.board_write_wrap .wrap_wirte textarea {
	border: none;
	width: 100%;
	height: 500px;
	box-sizing: border-box;
	padding: 30px 30px;
}
.board_write_wrap .wrap_wirte .size3 {
	width: 100%;
}
.board_write_wrap .wrap_wirte .size2 {
	width: 200px;
}
.board_write_wrap .wrap_wirte input, .board_write_wrap .wrap_wirte select, .board_write_wrap .wrap_wirte textarea {
	font-size: 16px;
	line-height: 45px;
}
.board_write_wrap .wrap_wirte select {
	background-position: 90% center;
	background-size: auto 6px;
}
}
/****패드****/
	@media (min-width:641px) and (max-width:1023px) {
.board_write_wrap {
	padding: 40px 0px;
}
.board_write_wrap .wrap_wirte dl {
	padding: 25px 20px;
}
.board_write_wrap .wrap_wirte dl dt, .board_write_wrap .wrap_wirte dl dd {
	font-size: 17px;
	line-height: 33px;
}
.board_write_wrap .wrap_wirte dl dt {
	float: left;
	width: 120px;
	padding-left: 30px;
}
.board_write_wrap .wrap_wirte dl dt:before {
	top: 15px;
	left: 10px;
	font-size: 20px;
	line-height: 20px;
}
.board_write_wrap .wrap_wirte dl dd {
	float: left;
	width: calc(100% - 130px)
}
.board_write_wrap .wrap_wirte input, .board_write_wrap .wrap_wirte select {
	line-height: 33px;
	height: 33px;
	padding: 0px 10px;
	margin: 0px 10px;
	width: 200px;
}
.board_write_wrap .wrap_wirte textarea {
	border: none;
	width: 100%;
	height: 400px;
	box-sizing: border-box;
	padding: 30px 30px;
}
.board_write_wrap .wrap_wirte .size3 {
	width: 100%;
}
.board_write_wrap .wrap_wirte .size2 {
	width: 110px;
}
.board_write_wrap .wrap_wirte input, .board_write_wrap .wrap_wirte select, .board_write_wrap .wrap_wirte textarea {
	font-size: 16px;
	line-height: 33px;
}
.board_write_wrap .wrap_wirte select {
	background-position: 90% center;
	background-size: auto 6px;
}
}
 
/****모바일****/
	@media (max-width:640px) {
.board_write_wrap {
	padding: 20px 0px;
}
.board_write_wrap .wrap_wirte dl {
	padding: 15px 20px;
}
.board_write_wrap .wrap_wirte dl dt, .board_write_wrap .wrap_wirte dl dd {
	font-size: 15px;
	line-height: 33px;
}
.board_write_wrap .wrap_wirte dl dt {
	padding-left: 20px;
}
.board_write_wrap .wrap_wirte dl dt:before {
	top: 12px;
	left: 0px;
	font-size: 20px;
	line-height: 20px;
}
.board_write_wrap .wrap_wirte input, .board_write_wrap .wrap_wirte select {
	line-height: 33px;
	height: 33px;
	padding: 0px 10px;
	margin-right: 10px;
	width: 200px;
}
.board_write_wrap .wrap_wirte textarea {
	border: none;
	width: 100%;
	height: 300px;
	box-sizing: border-box;
	padding: 30px 30px;
}
.board_write_wrap .wrap_wirte .size3 {
	width: 100%;
}
.board_write_wrap .wrap_wirte .size2 {
	width: 110px;
}
.board_write_wrap .wrap_wirte input, .board_write_wrap .wrap_wirte select, .board_write_wrap .wrap_wirte textarea {
	font-size: 15px;
	line-height: 33px;
}
.board_write_wrap .wrap_wirte select {
	background-position: 90% center;
	background-size: auto 6px;
}
}

	
/* **************************************** *
 * 게시판뷰어
 * **************************************** */


 /****웹****/
@media (min-width:1024px) {
}
/****패드****/
	@media (min-width:641px) and (max-width:1023px) {
}
 
/****모바일****/
	@media (max-width:640px) {
}
/* **************************************** *
 * 이메일무단수집거부
 * **************************************** */

.mailimg_maximg {
	text-align: left;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	background: url('/images/sub/mailimg.gif') no-repeat;
}

 /****웹****/
@media (min-width:1024px) {
.mailimg_maximg {
	background-size: auto 90px;
	background-position: center left;
	font-size: 16px;
	line-height: 28px;
	padding: 40px 0px 40px 160px
}
}

/****패드****/
	@media (min-width:641px) and (max-width:1023px) {
.mailimg_maximg {
	background-size: auto 90px;
	background-position: center left;
	padding: 40px 0px 40px 120px
}
}
 
/****모바일****/
	@media (max-width:640px) {
.mailimg_maximg {
	background-size: 50px auto;
	background-position: center 40px;
	padding: 110px 0px 0px 0px;
}
}






/* 	모바일 - 서브디자인 새로 */
	@media (max-width:640px) {
.header {
	border-bottom: none
}
.sns_click img {
	height: 20px;
}
.sub_header .acc {
	top: -20px;
}
.sub_header .tnb {
	padding-bottom: 20px !important;
	margin-bottom: -2px;
	padding-top: 0;
}
#daterange {
	background: #fff !important;
	border: 1px solid #ddd !important;
}
.schedule_wrap .search select {
	background: #fff url(/images/sub/selectbg01.png) no-repeat !important;
	background-position: 90% center !important;
	background-size: auto 16% !important;
	border: 1px solid #ddd !important;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
}
.area-zoom-btn .zoom-btn .zoom {
	background-color: rgba(255,255,255,0.6);
	border: none;
	width: 25px;
	background-position: 7px 6px;
}
.area-zoom-btn .zoom-btn .zoom.zoomout {
	background-position: 7px -53px;
}
}
a.poster_site {
	background: none !important;
	background: none;
	display: inline-block !important;
	vertical-align: middle;
	padding: 0px !important;
	max-width: 50px !important;
	margin: 0px 0px -5px 10px !important;
}
/* new_line_table */
.new_line_table {
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
.new_line_table h3 {
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-align: Center;
	font-size: 15px;
	line-height: 30px;
}
.new_line_table dl dt, .new_line_table dl dd {
	float: left;
	font-size: 14px;
	line-height: 16px;
	box-sizing: border-box;
	padding: 10px 0px;
	text-align: center;
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,0.2)
}
.new_line_table h4 {
	font-size: 14px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	line-height: 16px;
	text-align: center;
	padding: 10px 0px;
	background: rgba(255,255,255,0.7)
}
.new_line_table dl dt {
	font-weight: 500;
	background: rgba(0,0,0,0.1);
	width: 45%;
	border-right: 1px solid rgba(0,0,0,0.2)
}
.new_line_table dl dd {
	width: 55%;
	background: rgba(255,255,255,0.7)
}



/****모바일****/
	@media (max-width:640px) {
.new_line_table h3 {
	font-size: 14px;
l
}
.new_line_table h4, .new_line_table dl dt, .new_line_table dl dd {
	font-size: 13px;
	line-height: 16px;
	padding: 6px 0px;
}
}
/* sustainable 지속가능경영 */

.sustainable .intxt, .sustainable .book_img, .sustainable {
	overflow: hidden;
}
.sustainable {
	padding-top: 60px;
}
.sustainable .intxt {
	float: left;
	width: calc(100% - 600px)
}
.sustainable .intxt h2 {
	font-weight: 700;
	font-size: 46px;
	line-height: 70px;
	padding-bottom: 20px;
}
.sustainable .intxt h3 {
	font-size: 26px;
	font-weight: 400;
	line-height: 42px;
	padding-bottom: 50px;
}
.sustainable ul {
	background: #f9f9f9;
	box-sizing: border-box;
	padding: 50px 70px;
}
.sustainable ul li {
	padding-left: 37px;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	color: #ed1848;
	background: url('/images/sub/check2.gif') no-repeat left center;
	background-size: auto 22px;
	font-size: 22px;
	line-height: 32px;
	padding-top: 27px;
	padding-bottom: 27px;
}
/* #ed1848 */
.sustainable ul li:last-child {
	border-bottom: 0px;
}
.sustainable p {
	font-weight: 300;
}
.sustainable p {
	font-size: 19px;
	line-height: 37px;
	padding-top: 50px;
}
.sustainable .book_img {
	float: right;
	width: 400px;
}
.sustainable .book_img img {
	width: 100%;
}
.sustainable .book_img a {
	width: 100%;
}


/****웹2****/
	@media (max-width:1300px) and (min-width:1024px) {
.sustainable .intxt {
	float: left;
	width: calc(100% - 400px);
	border: 1px solid red;
}
.sustainable .book_img {
	width: 300px;
}
}

/****패드 모바일****/
	@media (max-width:1023px) {
.sustainable .intxt {
	width: 100%;
	text-align: Center;
}
.sustainable .book_img {
	width: 100%;
	text-align: Center;
}
.sustainable ul li {
	text-align: left;
}
.sustainable .book_img img, .sustainable .book_img a {
	max-width: 600px;
	width: 70%;
}
}


/****패드****/
	@media (min-width:641px) and (max-width:1023px) {
.sustainable .intxt h2 {
	font-size: 36px;
	line-height: 50px;
}
.sustainable .intxt h3 {
	font-size: 22px;
	line-height: 32px;
}
.sustainable ul {
	padding: 30px 40px;
}
.sustainable ul li {
	padding-left: 37px;
	font-size: 18px;
	line-height: 26px;
	padding-top: 21px;
	padding-bottom: 21px;
}
.sustainable p {
	font-size: 17px;
	line-height: 26px;
	padding-top: 20px;
}
}


/****모바일****/
	@media (max-width:640px) {
.sustainable .intxt h2 {
	font-size: 33px;
	line-height: 40px;
}
.sustainable .intxt h3 {
	font-size: 20px;
	line-height: 28px;
}
.sustainable ul {
	padding: 20px 30px;
}
.sustainable ul li {
	padding-left: 37px;
	font-size: 17px;
	line-height: 24px;
	padding-top: 16px;
	padding-bottom: 16px;
}
.sustainable p {
	font-size: 16px;
	line-height: 26px;
	padding-top: 20px;
}
}






/* =======================================================
사이트맵 - 전체보기
======================================================= */
#full-menu { 
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999999999999999;
  background: #fff;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}

/* 활성화될 때  클래스 */
#full-menu.show {
  display: flex;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

  #full-menu  #menu-close22 {position:absolute; top:40px; right:40px; bordeR:none}
  #full-menu  #menu-close22 svg {width:60px; height:60px;}

  #full-menu  .titlearea {padding:40px 3%;}
  #full-menu  .inner  {padding:60px 3%;}

  #full-menu  .titlearea {flex:1; 
  background:rgba(0,0,0,0.4) url('/images/sub/mm03.jpg') no-repeat bottom center;
 background-size:cover;
 background-blend-mode: multiply;
  }
  #full-menu  .titlearea h3 { font-family: Poppins; color:#fff;
  	font-size: clamp(60px,6vw, 110px);
  font-weight:800; }
  #full-menu  .inner {flex:2;  flex-direction: column; height: 100vh;
  overflow: auto;}
  #full-menu  .inner div {display:flex; flex-wrap:wrap; gap:10px 30px;}
  #full-menu  .inner div a {font-size:20px; line-height:1.5;}
  #full-menu  .inner a.menu__depth1 { padding-right:25px;width:100%; font-size:27px; line-height:1.4; font-weight:700; color:var(--main-red);   }
  #full-menu  .inner a.menu__depth1:after {content:''; border-radius:50%; display:inline-block; vertical-align:top; margin-right:10px;
  width:6px; height:6px; background:var(--main-red); margin-left:10px;}


  #full-menu .inner  ul > li  {border-top:1px solid #ddd; padding:24px 0px; }
  #full-menu .inner  ul > li:nth-child(1) {border-top:none;}
  #full-menu  .inner  li > ul.dept02 {opacity:1; padding-top:10px; display:flex !important; flex-wrap:wrap; gap:10px 40px;}
#full-menu .inner ul ul > li { border-top:0; padding:0; width:calc(25% - 40px);}
#full-menu .inner ul ul > li a {font-size:18px; line-height:1.5;}

#full-menu .inner ul.sub_menu2 {display:flex !important;padding-top:10px; flex-wrap:Wrap;  opacity:1; height:auto; transform:none;}
#full-menu .inner ul.sub_menu2 li:before {content:''; position:absolute ; 
background:#bbb; width:3px; height:3px; border-radius:50%; top:14px; left:0; }
#full-menu .inner ul.sub_menu2 li{width:100%; position:relative;  padding-left:10px !important;}
#full-menu .inner ul.sub_menu2 li a {font-size:15px; line-height:1.5;}