@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mohave:wght@300;400;500;600&display=swap');
/* font-family: 'Mohave', sans-serif; */

@font-face {
	 font-family: 'score';
	 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
	 font-weight: 200;
	 font-style: normal;
}

@font-face {
	 font-family: 'score';
	 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
	 font-weight: 300;
	 font-style: normal;
}

@font-face {
	 font-family: 'score';
	 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
	 font-weight: 400;
	 font-style: normal;
}

@font-face {
	 font-family: 'score';
	 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
	 font-weight: 500;
	 font-style: normal;
}

@font-face {
	 font-family: 'score';
	 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
	 font-weight: 600;
	 font-style: normal;
}

@font-face {
	 font-family: 'score';
	 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
	 font-weight: 700;
	 font-style: normal;
}
@font-face {
	font-family: 'score';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}



* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	width:100%;
	height:100%;
}

html {
	font-size:62.5%;
}

body {
	font-size:1.4rem;
	color:#000;
	/* line-height:1; */
	letter-spacing:-0.06em;
	font-family: 'score';
	/* background:#1E1F25; */
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin:0;
}

a {
	color:inherit;
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:none;
}

table {
	width:100%;
	table-layout:fixed;
	word-break:break-all;
	border-collapse:collapse;
	border-spacing:0;
}

caption
{
	display:none;
}

img,
fieldset,
hr {
	border:none;
}

ul,
li,
ol {
	list-style:none;
	margin:0;
}

address,
em {
	font-style:normal;
}

img
{
	max-width:100%;
}
img,
video,
canvas {
	height:auto;
}

legend {
	display:none;
}

input,
select,
textarea,
button {
	outline:none;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	font-family: 'score';
}

button {
	background:none;
	border:none;
	cursor:pointer;
}


select
{
	position:relative;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
	cursor:pointer;
	min-width:136px;
	background:#fff url(/assets/_user/images/common/board_search_select.svg) no-repeat 90px center;
}
select option
{
	color:#000
}

select::-ms-expand
{
	display:none;
}
select:focus{
	outline: 1px solid #0B63AE;
}

.textAL {
	text-align:left !important;
}

.textAC {
	text-align:center !important;
}

.textAR {
	text-align:right !important;
}

.textCut {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.textCut_two
{
	text-overflow:ellipsis;
	overflow:hidden;
	display:-webkit-box !important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.textCut_three
{
	text-overflow:ellipsis;
	overflow:hidden;
	display:-webkit-box !important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.textCut_four
{
	text-overflow:ellipsis;
	overflow:hidden;
	display:-webkit-box !important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}

.hide {
	display:none !important;
}

.objectFit img {
	object-fit:cover;
	width:100%;
	height:100%;
}

.objectFitIE {
	/* height:100vh; */
	background-size:cover;
	background-position:center center;
}

.objectFitIE img {
	opacity:0;
}


.flex_between_center
{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.flex_center_center
{
	display:flex;
	justify-content:center;
	align-items:center;
}

.flex_center_stretch
{
	display:flex;
	justify-content:center;
	align-items:stretch;
}

.flex_center_end
{
	display:flex;
	justify-content:center;
	align-items:flex-end;
}

.ls_0
{
	letter-spacing:0 !important;
}

.mb_100
{
	margin-bottom:100px;
}

.letter-spacing-0{
	letter-spacing: 0px !important;
}



.layout
{
	position:relative;
	max-width:1437px;
	margin:0 auto;
}

@media screen and (max-width:1480px)
{
	.layout
	{
		padding:0 20px;
	}
}
@media screen and (max-width:767px){
	.layout{
		padding: 0 15px;
	}
}


/* checkbox */
.common_chk input[type="checkbox"]
{
	display:none;
}
.common_chk input[type="checkbox"] + label
{
	cursor:pointer;
}
.common_chk input[type="checkbox"] + label span
{
	background:#fff;
	display:inline-block;
	width:13px;
	height:13px;
	border:1px solid #DDDDDD;
	vertical-align:-1px;
	cursor:pointer;
	margin-right:4px;

}
.common_chk input[type="checkbox"]:checked + label span
{
	background:#fff url(/assets/_user/images/common/c_banner_chk.svg) no-repeat center center;
	background-size:13px;
	cursor:pointer;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
	-webkit-box-shadow:0 0 0 30px white inset !important;
}



/* header */
.re_header
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	z-index:1000;
	transition: 0.3s;
	overflow: hidden;
}
.re_header.up_hide{
	top: -100px;
	overflow: hidden;
}

.re_header.scroll_up_down{
	top: 0;
	overflow: visible;
}

.re_header.on,
.re_header.on_scroll
{
	width:100%;
	z-index:1002;
}
.re_header.on{
	overflow: visible;
}
.re_header.on_scroll{
	background-color: #fff;
}
.re_header .submenu_bg
{
	display:none;
	position:fixed;
	top:100px;
	left:0;
	width:100%;
	height:180px;
	background:#fff;
	z-index:999;
	/* box-shadow: rgb(0 0 0 / 7%) 0px 50px 50px */
	box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.07); 
}
.re_header.on .submenu_bg{

}
.re_header .inner
{
	max-width:1636px;
	margin:0 auto;
	height:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.re_header .inner > ul
{
	position:relative;
	display:flex;
	justify-content:space-between;
	height:100%;
	z-index:1000;
	transition:all .4s;
	gap: 0 55px;
}
.re_header .inner > ul li
{
	transition:all .4s;
	width:100%;
	text-align: left;
	display: flex;
	flex-direction: column;
	position: relative;
}
.re_header .inner > ul > li > a
{
	position:relative;
	height:100%;
	display:flex;
	justify-content: flex-start;
	align-items:center;
	font-size:18px;
	color:#fff;
	letter-spacing:-0.04em;
	/* padding:0 25px 5px; */
	transition:all .3s;
	white-space: nowrap;
	z-index: 1;
	padding-right: 22px;
}
.re_header .inner > ul li.active > a{
	/* color: #0B63AE; */
}
.re_header .inner > ul > li > ul{
	position: absolute;
	top: 0;
	left: 0;
}

.re_header .inner > ul > li:hover > a:before
{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:68px;
	height:3px;
	background:#0B63AE;
	animation:t .4s;
}
@keyframes t
{
	0%
	{
		width:0;
	}
	100%
	{
		width:68px;
	}
}
.re_header .inner > ul > li:hover > a
{
	/* color:#B21339; */
}
.re_header .inner > ul > li:hover > a:before
{
	opacity:1;
}
.re_header .inner > ul > li > ul
{
	display:none;
	padding-top:130px;
}
.re_header.up_hide .inner > ul > li > ul{
	/* display: none !important; */
}
.re_header.up_hide .submenu_bg{
	/* display: none !important; */
}
.re_header .inner > ul > li > ul > li + li
{
	margin-top:15px;
}
.re_header .inner > ul > li > ul > li > a
{
	position:relative;
	font-size:16px;
	color:#999999;
	letter-spacing:-0.8px;
	line-height:1.4;
	transition:all .3s;
}
.re_header .inner > ul > li > ul > li > a.depth3_on
{
	font-size: 16px;
	color:#0B63AE !important;
	font-weight: 600;
}
.re_header .inner > ul > li > ul > li:hover > a:not(.depth3_on)
{
	color:#333333;
	text-decoration:underline;
	text-underline-position:under;
}
.re_header .inner > ul > li > ul > li > ul
{
	padding:10px 3px
}
.re_header .inner > ul > li > ul > li > ul > li
{
	position:relative;
	font-size: 14px;
	font-weight: 300;
	color:#999;
	transition:all .3s;
	padding-left:8px;
}
.re_header .inner > ul > li > ul > li > ul > li:before
{
	content:'';
	position:absolute;
	top:8px;
	left:0;
	width:5px;
	height:1px;
	background:#999
}
.re_header .inner > ul > li > ul > li > ul > li:hover > a
{
	border-bottom:1px solid #999
}
.re_header .inner > ul > li > ul > li > ul > li + li
{
	margin-top:7px;
}
.re_header .inner .logo > a > img{
	content: url('/assets/_user/images/common/header_logo_off.svg');
}
.re_header.on_scroll .inner .logo > a > img{
	content: url('/assets/_user/images/common/header_logo_on.svg');
}
.re_header.on .inner .logo > a > img{
	content: url('/assets/_user/images/common/header_logo_on.svg');
}

.re_header .mobile_click{
	content: url('/assets/_user/images/common/mobile_menu_click_white.svg');
}
.re_header.on_scroll .mobile_click{
	content: url('/assets/_user/images/common/mobile_menu_click.svg');
}
.re_header.on .mobile_click{
	content: url('/assets/_user/images/common/mobile_menu_click.svg');
}

@keyframes bt
{
	0%
	{
		width:0;
	}
	100%
	{
		width:100%;
	}
}

.re_header .link
{
	position:relative;
	display:flex;
	justify-content: space-between;
	align-items:center;
	gap: 0 34px;
}
.re_header .link .box:nth-of-type(1):before{
	content: ":";
	position: absolute;
	bottom: 0;
	right: -17.5px;
	color: #fff;
}
.re_header .link .box{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.re_header .link .box img{
	width: 23px;
}
.re_header .link .box .tit{
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	padding-top: 7px;
}
/* on */
.re_header.on,
.re_header.on_scroll
{
	background:#fff;
	border-bottom:1px solid #E2E1E1;
}
.re_header.on .inner > ul
{
	gap: 0 100px;
}
.re_header.on .inner > ul > li > a,
.re_header.on_scroll .inner > ul > li > a
{
	color:#252525;
	justify-content: flex-start;
}
.re_header.on_scroll .link .box.box_ver01 img{
	content: url(/assets/_user/images/common/icon_login_on.svg);
}
.re_header.on_scroll .link .box.box_ver02 img{
	content: url(/assets/_user/images/common/icon_join_on.svg);
}
.re_header.on_scroll .link .box .tit{
	color: #000;
}
.re_header.on .link .box.box_ver01 img{
	content: url(/assets/_user/images/common/icon_login_on.svg);
}
.re_header.on .link .box.box_ver02 img{
	content: url(/assets/_user/images/common/icon_join_on.svg);
}
.re_header.on .link .box .tit{
	color: #000;
}
.re_header.on_scroll .link .box:nth-of-type(1):before{
	content: ":";
	position: absolute;
	bottom: 0;
	right: -17.5px;
	color: #000;
}
.re_header.on .link .box:nth-of-type(1):before{
	content: ":";
	position: absolute;
	bottom: 0;
	right: -17.5px;
	color: #000;
}













/* Mobile header */
.mobile_click,
.m_bg
{
	display:none;
}

.m_bg
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.5);
	z-index:1200;
}
.m_header
{
	display:none;
	position:fixed;
	top:0;
	right:0;
	width:500px;
	height:100vh;
	/* min-height:660px; */
	/* overflow-y:auto; */
	background:#fff;
	z-index:1201;
	transform:translateX(100%);
	transition:all .5s;
}
.m_header.on
{
	transform:translateX(0);
}
.m_header .top
{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:15px 20px;
}
.m_header .right_quick_menu
{
	display:block;
	position:absolute;
	top:80px;
	width:65px;
	height:calc(100% - 38px);
	min-height:600px;
}
.m_header .right_quick_menu .r_youtube
{
	height:58px
}
.m_header .right_quick_menu div a span img
{
	width:16px;
}
.m_header .right_quick_menu div a span:after
{
	left:26px;
}
.m_header .quick_click
{
	position:relative;
	width:calc(100% - 65px);
	margin:13px 0 34px;
	padding-left:20px;
	display:flex;
}
.m_header .quick_click a
{
	min-width:126px;
	padding:0 10px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid #8E9198;
	font:16px NotoSansL;
	color:#333333;
}
.m_header .quick_click a + a
{
	margin-left:8px;
	border:1px solid #0B63AE;
	color:#0B63AE;
}
.m_header .m_toggle
{
	position:relative;
	width:100%;
	height:calc(100% - 100px);
	padding:0 20px;
	overflow-y:auto;
	margin-top:10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m_header .m_toggle br
{
	display:none;
}
.m_header .m_toggle > ul > li > a
{
	display:block;
	position:relative;
	padding:15px 25px 15px 0;
	font-size:18px;
	letter-spacing:-0.9px;
	color:#30353B;
}
.m_header .m_toggle > ul > li > a:after
{
	content:'';
	position:absolute;
	top:22px;
	right:0;
	width:13px;
	height:8px;
	background:url(/assets/_user/images/common/mobile_menu_arrow.svg) no-repeat center center;
	background-size:13px;
	transition:all .3s;
}
.m_header .m_toggle > ul > li > a.active
{
	color:#0B63AE;
}
.m_header .m_toggle > ul > li > a.active:after
{
	transform:rotate(180deg);
}
/* .m_header .m_toggle > ul > li > a.active:before
{
	content:'';
	position:absolute;
	top:11px;
	right:-20px;
	width:6px;
	height:6px;
	background:#B21339;
	border-radius:100%;
} */
.m_header .m_toggle > ul > li > ul
{
	display:none;
	margin-bottom:10px;
}
.m_header .m_toggle > ul > li:first-child > ul
{
	/* display:block; */
}
.m_header .m_toggle > ul > li > ul > li > a
{
	position:relative;
	display:block;
	padding:10px 20px;
	font-size:16px;
	color:#999999;
	letter-spacing:-0.8px;
	line-height:1.4;
	transition:all .3s;
}
.m_header .m_toggle > ul > li > ul > li.active > a{
	color: #0B63AE;
}
.m_header .m_toggle > ul > li > ul > li > a:hover
{
	color:#000;
	text-decoration:underline;
	text-underline-position: under;
}
.m_header .m_toggle > ul > li > ul > li > ul
{
	display:block !important;
	padding:5px 20px 5px 25px;
}
.m_header .m_toggle > ul > li > ul > li > ul > li
{
	position:relative;
	padding-left:12px;
}
.m_header .m_toggle > ul > li > ul > li > ul > li:before
{
	content:'';
	position:absolute;
	top:8px;
	left:0;
	width:7px;
	height:1px;
	background:#777
}
.m_header .m_toggle > ul > li > ul > li > ul > li + li
{
	margin-top:6px;
}
.m_header .m_toggle > ul > li > ul > li > ul > li a
{
	font-size:14px;
	color:#777;
	letter-spacing:-0.5px;
	line-height:1.4;
}
.m_header .m_toggle .link{
	display: flex;
	justify-content: center;
	gap: 0 15px;
	margin-bottom: 50px;
}
.m_header .m_toggle .link a{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m_header .m_toggle .link a img{
	width: 25px;
}
.m_header .m_toggle .link a .tit{
	font-size: 13px;
	padding-top: 9px;
}

/* media */
@media screen and (max-width:1670px)
{
	.re_header .inner
	{
		max-width:100%;
		padding:0 20px;
	}

}

@media screen and (max-width:1500px)
{
	.re_header .inner
	{
		padding:0 30px;
	}
	.re_header.on .inner > ul
	{
		gap: 0 35px;
		width: 750px;
	}
	.re_header .inner > ul > li > a{
		font-size: 15px;
	}
	.re_header .inner > ul > li > ul > li > a{
		font-size: 14px;
	}
}

@media screen and (max-width:1350px)
{
	.re_header.on .inner > ul
	{
		width:820px;
	}
	.re_header.on .inner > ul
	{
		gap: 0 30px;
		width: 730px;
	}
}

@media screen and (max-width:1279px)
{
	.mobile_click
	{
		display:flex;
		height:100%;
		justify-content:center;
		align-items:center;
		width:90px;
	}
	.m_header
	{
		display:block;
	}
	.re_header .inner > ul,
	.re_header .link
	{
		display:none;
	}
	.re_header
	{
		height:75px
	}
	.re_header .logo img
	{
		width:140px
	}
	.re_header .inner
	{
		padding:0 40px 0 40px;
	}
	.re_header .mobile_click{
		width: 31px;
		height: 31px;
	}
	.re_header .submenu_bg{
		display: none !important;
	}

	
}

@media screen and (max-width:767px)
{
	.m_header
	{
		width:100%;
	}
	.m_header .top
	{
		padding:12px 10px 12px 15px;
	}
	.m_header .top > a:first-child img
	{
		width:119px
	}
	.m_header .m_toggle br
	{
		display:none
	}
	.m_header .m_toggle > ul > li > a
	{
		font-size:17px;
		padding:12px 25px 12px 0;
	}
	.m_header .m_toggle > ul > li > ul > li > a
	{
		font-size:15px;
		padding:5px 15px
	}
	.m_header .m_toggle > ul > li > a:after
	{
		top:17px
	}

	.re_header
	{
		height:55px;
	}
	.re_header .logo img
	{
		width:119px;
		margin-top: 4px;
	}
	.re_header.on_scroll .logo img{
		margin-top: 8px;
	}
	.re_header .inner
	{
		padding:0 15px 0 15px;
	}
	.mobile_click
	{
		width:65px;
	}
	.m_header .top .close{
		transform: translate(5px,2px);
	}
}























/* footer */
.footer
{
	position:relative;
	width:100%;
	height:417px;
	background:#252525;
}
.footer .logo
{
	display:block;
	padding:60px 0 26px;
}
.footer .top
{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
}
.footer .top .left ul
{
	display:flex;
	flex-flow:row wrap;
}
.footer .top .left ul + ul
{
	margin-top:10px;
}
.footer .top .left *
{
	font-size:15px;
	color:#B6B8BA;
	letter-spacing:-0.75px;
}
.footer .top .left li + li
{
	margin-left:20px;
}
.footer .top .left .conts
{
	color:#fff;
	font-weight: 300;
}
.footer .top .right
{
	display:flex;
	align-items:flex-end;
}
.footer .top .right * + *
{
	margin-left:15px;
}
.footer .top .right li a img{
	opacity: 0.8;
}
.footer .top .right .copyright{
	opacity: 0.3;
	font-size: 13px;
	font-weight: 300;
	color: #fff;
	letter-spacing: 1.16px;
}

.footer .bottom
{
	position:relative;
	width:100%;
	margin-top:41px;
	padding-top:35px;
	display:flex;
    justify-content: space-between;
	align-items:center;
	border-top:1px solid rgba(255, 255, 255, 0.06);
}
.footer .bottom .left .btn
{
	font-size: 16px;
	font-weight:300;
	color:#C1C4C6;
	letter-spacing:-0.8px;
	transition:all .3s;
}
.footer .bottom .left .btn:focus{
	outline: 1px solid #fff;
}
.footer .bottom .left .btn + .btn
{
	margin-left:25px;
}
.footer .bottom .left .btn:first-child,
.footer .bottom .left .btn:hover
{
	color:#fff;
}
.footer .bottom .right
{
	font-size: 13px;
	font-weight: 300;
	color:rgba(255,255,255,0.3);
	letter-spacing:1.16px;
}



/* media */
@media screen and (max-width:1499px)
{
	.footer .layout
	{
		padding:0 60px;
	}
}

@media screen and (max-width:1279px)
{
	.footer .layout
	{
		padding:0 40px;
	}
	.footer .logo
	{
		padding:50px 0 26px;
	}
	.footer .top
	{
		flex-flow:column wrap;
	}
	.footer .top .right
	{
		margin-top:26px;
	}
	.footer .bottom .right
	{
		/* position:absolute;
		top:-66px;
		 */right:0;
	}
}

@media screen and (max-width:767px)
{
	.footer{
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 70px;
		height: auto;
	}
	.footer .layout
	{
		padding:0 0px;
	}
	.footer .logo
	{
		width: 119px;
		padding:30px 0 22px;
	}
	.footer .top .left *
	{
		font-size:11px;
		letter-spacing:-0.01px;
		line-height:1.4;
	}
	.footer .top .left ul
	{
		max-width:100%;
		margin:0 auto;
	}
	.footer .top .left ul:first-child li:nth-child(2)
	{
		margin-left:0;
	}
	.footer .top .left ul:first-child li + li,
	.footer .top .left ul + ul
	{
		margin-top:8px;
	}
	.footer .top .right
	{
		justify-content:flex-start;
		margin-top:30px;
	}
	.footer .bottom
	{
		margin-top:82px;
		padding-top: 20px;
	}
	.footer .bottom .right
	{
		position:absolute;
		top:-60px;
		right:inherit;
		left:50%;
		transform:translateX(-50%);
		width:100%;
		text-align:center;
		font-size:11px;
	}
	.footer .bottom .left .btn{
		font-size: 12px;
	}
	.footer .top .left ul + ul {
		gap: 4px 10px;
	}
	.footer .top .left li + li{
		margin-left: 0;
	}
	.footer .top .right .copyright{
		font-size: 10px;
	}
}









/***** 게시판 *****/
.board_wrap
{
	position:relative;
	width:100%;
	margin-top:70px;
}

/* media */
@media screen and (max-width:1024px)
{
	.board_wrap
	{
		margin-top:40px;
	}
}

@media screen and (max-width:767px)
{
	.board_wrap
	{
		margin-top:40px;
	}
}



/* 게시판 > 비디오 start */
.board_wrap .wrapper_video{
	background-color: #54565d;
	display: flex;
	justify-content: center;
	padding: 120px 120px;
}
.board_wrap .wrapper_video iframe{
	width: 100%;
	aspect-ratio: 16/9;
}
@media screen and (max-width:1024px){
	.board_wrap .wrapper_video{
		padding: 50px 50px;
	}
}
@media screen and (max-width:767px){
	.board_wrap .wrapper_video{
		padding: 30px 30px;
	}
}
/* 게시판 > 비디오 end */




/* 게시판 > 검색 영역 */
.board_search_wrap
{
	position:relative;
	width:100%;
	height:196px;
	background:#F6F6F6;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 73px;
}
.board_search_wrap > *
{
	height:50px;
	font-size:18px;
	border:1px solid #ddd;
	padding:0 15px;
	letter-spacing:-0.04em;
}
.board_search_wrap select
{
	border-right:0;
}
.board_search_wrap .input_area
{
	border:1px solid #ddd;
	width:100%;
	border-right:0;
}
.board_search_wrap .search_click
{
	position:relative;
	width:160px;
	flex-shrink:0;
	background:#252525;
	color:#fff;
	font-size:18px;
	letter-spacing:-0.04em;
	cursor:pointer;
	padding:0 0 2px 20px;
	border: 1px solid #252525;
}
.board_search_wrap .search_click:focus{
	outline: 2px solid #0B63AE;
}
.board_search_wrap .search_click:before
{
	content:'';
	position:absolute;
	top:16px;
	left:30px;
	width:17px;
	height:17px;
	background:url(/assets/_user/images/common/board_search_btn.svg) no-repeat center center;
	background-size:17px;
}
.board_search_wrap .submit_btn
{
	width:87px;
	background:#686C70;
	border:1px solid #686C70;
	color:#fff;
	cursor:pointer;
}

/* media */
@media screen and (max-width:1279px)
{
	.board_search_wrap
	{
		padding:0 53px;
		height:190px;
	}
}

@media screen and (max-width:1024px)
{
	.board_search_wrap
	{
		height:170px;
		padding:0;
	}
	.board_search_wrap > *
	{
		font-size:17px
	}
	.board_search_wrap .input_area
	{
		width:calc(100% - 244px);
	}
	.board_search_wrap .submit_btn
	{
		width:75px;
	}
	.board_search_wrap .search_click
	{
		width:130px;
		font-size:16px;
	}
	.board_search_wrap .search_click:before
	{
		top:16px;
		left:26px;
		width:15px;
		height:15px;
		background-size:15px;
	}
}

@media screen and (max-width:767px)
{
	.board_search_wrap
	{
		padding:0 10px;
		height:90px;
	}
	.board_search_wrap > *
	{
		height:45px;
		font-size:15px;
	}
	.board_search_wrap select
	{
		min-width:75px;
		background:#fff url(/assets/_user/images/board/board_select.svg) no-repeat right center;
		background-size:29px;
	}
	.board_search_wrap .input_area
	{
		width:calc(100% - 70px);
	}
	.board_search_wrap .submit_btn
	{
		width:55px;
	}
	.board_search_wrap .search_click
	{
		width:45px;
		font-size:0;
		line-height:0;
	}
	.board_search_wrap .search_click:before
	{
		top:14px;
		left:14px;
	}
}



/* 게시판 > 게시글 개수 영역 */
.board_count
{
	position:relative;
	width:100%;
	margin-top:70px;
	border-bottom:1px solid #1E1F25;
	padding-bottom:20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 6px;
}
.board_count *
{
	position:relative;
	font-size:17px;
}
.board_count > * + *
{
	margin-left:15px;
}
.board_count > * + *:before
{
	content:'';
	position:absolute;
	top:2px;
	left:-8px;
	width:1px;
	height:16px;
	background:#EEEBE8;
}
.board_count > span span
{
	letter-spacing:0;
	color:#0B63AE;
	font-weight:600;
}
.board_count > span span:nth-of-type(2)
{
	color:#000
}
.board_count .board_sort_text{
	font-size: 19px;
    font-weight: 600;
}
.board_count .board_sort_text + span{
	margin-left: 0;
    margin-top: 5px;
	font-size: 17px;
	display: inline-block;
}
.board_count .board_sort_text + span::before{
	display: none;
}
.board_count .common_ca_set
{
	display:flex;
	align-items:center;
	margin-left: 0;
}
.board_count .common_ca_set::before{
	display: none !important;
}
.board_count .common_ca_set li
{
	font-size:17px;
	color:#666666;
	letter-spacing:-0.85px;
}
.board_count .common_ca_set li:not(:first-child)
{
	margin-left:18px;
}
.board_count .common_ca_set li.active
{
	color:#25408F;
}
.board_count .common_ca_set li.active span
{
	font:17px score_medium;
}
@media screen and (max-width:1024px){
	.board_count .board_sort_text{
		font-size: 18px;
	}
	.board_count .board_sort_text + span{
		font-size: 16px;
	}
}
@media screen and (max-width:767px){
	.board_count{
		margin-top: 40px;
		flex-direction: column;
		align-items: flex-start;
	}
	.board_count *{
		font-size: 15px;
	}
	.board_count{
		padding-bottom: 8px;
	}
	.board_count .board_sort_text{
		font-size: 17px;
	}
	.board_count .board_sort_text + span{
		font-size: 14px;
		margin-top: 20px;
	}
	.board_list + .board_count{
		margin-top: 55px;
	}
	.board_count .common_ca_set{
		flex-wrap: wrap;
		gap: 5px;
		margin-top: 10px;
	}
	.board_count .common_ca_set li{
		width: calc(50% - 5px);
		margin: 0;
	}
	.board_count .common_ca_set li:not(:first-child){
		margin: 0;
	}
}









/* 게시판 > 갤러리 */
.board_gallery
{
	position:relative;
	width:100%;
	margin-top:50px;
	display: flex;
	gap: 50px 50px;
}
.board_gallery > li
{
	width: calc(25% - 37.5px);
	max-width: calc(25%);
	/*border:1px solid rgba(0,0,0,0.15);*/
	overflow:hidden;
	margin-bottom: 50px;
	padding: 30px;
	border: 1px solid #EEEEEE;
}
.board_gallery > li > a
{
	display:block;
}
.board_gallery > li > a .image_wrap {
	width: 100%;
	height: auto;
}
.board_gallery > li > a .image_wrap img{
	object-fit: contain;
}
.board_gallery > li > a .image_wrap .tag_state{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0B63AE;
	width: 70px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 0;
	letter-spacing: -0.65px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 500;
}
.board_gallery > li > a .image_wrap .tag_state.gray{
	background-color: #AFAFAF;
}
.board_gallery > li > a .image_wrap .tag_state.black{
	background-color:#252525;
}
.board_gallery > li .conts_wrap
{
	margin-top:20px;
}
.board_gallery > li .conts_wrap > *
{
	display:block;
}
.board_gallery > li .conts_wrap .title
{
	font-size:18px;
	letter-spacing: -0.9px;
	color: #000000;
	font-weight: 600;
	line-height:1.5;
}
.board_gallery > li .conts_wrap .date
{
	margin-top:10px;
	font-size:17px;
	font-weight:300;
	color:#666;
	letter-spacing:0.02em;
}
.board_gallery > li:nth-of-type(4n){
	margin-right: 0;
}

/* media */
@media screen and (max-width:1279px)
{
	.board_gallery
	{
		margin-top:40px;
	}
	.board_gallery > li
	{
		width: calc(33.333334% - 37.5px);
		max-width: calc(33.333334% - 37.5px);
	}
	.board_gallery > li > a
	{

	}
	.board_gallery > li .conts_wrap .title
	{
		font-size:18px;
		line-height:1.4;
	}
	.board_gallery > li .conts_wrap .date
	{
		font-size:16px;
	}
}

@media screen and (max-width:1024px)
{
	.board_gallery
	{
		margin-top:30px;
	}
	.board_gallery > li
	{
		width: calc(33.333334% - 6.7px);
		max-width: calc(33.333334% - 6.7px);
	}
}

@media screen and (max-width:767px)
{
	.board_gallery
	{
		margin-top:20px;
	}
	.board_gallery > li
	{
		width: 100%;
		max-width: 100%;
		margin:0 0 15px;
	}
	.board_gallery > li:last-of-type{
		margin-bottom: 0;
	}
	.board_gallery > li > a
	{

	}
	.board_gallery > li .conts_wrap
	{
		margin-top:10px;
	}
	.board_gallery > li .conts_wrap .title
	{
		font-size:16px;
	}
	.board_gallery > li .conts_wrap .date
	{
		font-size:14px;
		margin-top:5px;
	}
}



/* 게시판 > 리스트 */
.board_list table th
{
	background:#f9f9f9;
	border-bottom:1px solid #ddd;
	font-size:18px;
	letter-spacing:-0.04em;
	font-weight:500;
	padding:20px 10px;
}
.board_list table td
{
	background:#fff;
	padding:15px 10px;
	font-weight:normal;
	text-align:center;
	font-size:18px;
	border-bottom:1px solid #ddd;
}
.board_list table td a
{
	display:block;
	line-height:1.5;
}
.board_list table td.mobile_wrap a{
	font-size: 18px;
}
.mobile_show
{
	display:none;
}

/* media */
@media screen and (max-width:1024px)
{
	.board_list table colgroup
	{
		display:none;
	}
	.board_list table th
	{
		display:none
	}
	.board_list table td
	{
		padding:15px 10px 1px;
	}
	.board_list table td:not(.mobile_wrap)
	{
		display:none;
	}
	.board_list table td .mobile_show
	{
		display:flex;
		flex-flow:row wrap;
		align-items:center;
		margin-top:8px;
	}
	.mypage_application_wrap .board_list table td .mobile_show{
        align-items: flex-start;
        flex-direction: column;
	}
	.mypage_application_wrap .board_list table td .mobile_show li + li{
		margin-left: 0;
	}
	.mypage_application_wrap .board_list table td .mobile_show li + li:before{
		display: none;
	}
	.board_list table td .mobile_show li
	{
		position:relative;
		font-size:14px;
		margin-bottom:12px;
	}
	.board_list table td .mobile_show li + li
	{
		margin-left:15px;
	}
	.board_list table td .mobile_show li + li:before
	{
		content:'';
		position:absolute;
		top:50%;
		left:-7px;
		width:1px;
		height:12px;
		background:rgba(0,0,0,0.2);
		transform: translateY(-50%);
	}
	.community_notice_index_wrap .board_list table td .mobile_show li:last-of-type .title{
		display: none;
	}
	.board_list table td .mobile_show li img
	{
		width:14px;
		transform: translateY(1px);
	}
	.board_list table td .mobile_show li .conts{
		display: inline-block;
	}
}
@media screen and (max-width:767px){
	.board_list table td.mobile_wrap a{
		font-size: 15px;
	}
	.mypage_application_wrap .board_list table td .mobile_show li{
		margin-bottom: 2px;
	}
	.mypage_application_wrap .board_list table td .mobile_show li:last-of-type{
		width: 100%;
	}
	.mypage_application_wrap .board_list table td .mobile_show li:last-of-type .conts{
		display: block;
	}
	.mypage_application_wrap .board_list table td .mobile_show li:last-of-type .conts button{
		width: 100%;
		font-size: 15px;
		padding: 10px 8px 9px 7px;
		margin-top: 10px;
	}
	.mypage_application_wrap .board_list table td .mobile_show li:last-of-type span{
		display: none;
	}
}

/* 게시판 > 상세보기 */
.board_view
{
	position:relative;
	width:100%;
	border-top:1px solid #3A4652;
}
.board_view .title
{
	position:relative;
	width:100%;
	padding:35px 35px 32px;
	border-bottom:1px solid #ddd;
	background:#f9f9f9
}
.board_view .title .tag{
	width: 70px;
	height: 24px;
	color: #fff;
	letter-spacing: -0.65px;
	color: #FFFFFF;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 1px;
}
.board_view .title .tag.blue{
	background-color: #0B63AE;
}
.board_view .title .tag.black{
	background-color: #252525;
}
.board_view .title .tag.gray{
	background-color: #AFAFAF;
}
.board_view .title h3
{
	font-size:30px;
	font-weight:700;
	letter-spacing:-1.4px;
	line-height:1.4;
	margin-top: 7px;
}
.board_view .title ul
{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	margin-top: 10px;
}
.board_view .title ul li
{
	position:relative;
	font-size:18px;
	color:#999;
}
.board_view .title ul li + li
{
	margin-left:25px;
}
.board_view .title ul li + li:before
{
	content:'';
	position:absolute;
	top:50%;
	left:-11px;
	transform: translateY(-50%);
	width:1px;
	height:13px;
	background:rgba(0,0,0,0.1)
}
.board_view .info_wrap{
	padding-left: 50px;
	padding-right: 50px;
	display: flex;
	align-items: flex-start;
	margin-top: 52px;
	padding-bottom: 52px;
	border-bottom: 1px solid #E9E9E9;
}
.board_view .info_wrap .left_a{
	font-size: 0px;
	width: 445px;
	height: auto;
}
.board_view .info_wrap .left_a img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.board_view .info_wrap .right_a{
	width: calc(100% - 445px);
	padding-left: 50px;
}
.board_view .info_wrap .right_a .dl_wrap{
	display: flex;	
	flex-direction: column;
	gap: 15px 0px;
}
.board_view .info_wrap .right_a .dl_wrap dl{
	display: flex;
	position: relative;
}
.board_view .info_wrap .right_a .dl_wrap dl::before{
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	background-color: #0B63AE;
	width: 3px;
	height: 3px;
}
.company_space_wrap .board_view .info_wrap .right_a .dl_wrap dl::before{
	top: 11px;
}
.board_view .info_wrap .right_a .dl_wrap dl dt{
	letter-spacing: 0px;
	color: #999999;
	font-size: 18px;
	width: 85px;
	padding-left: 15px;
}
.board_view .info_wrap .right_a .dl_wrap dl dd{
	letter-spacing: -0.9px;
	color: #000000;
	font-size: 18px;
	width: calc(100% - 85px);
	padding-left: 30px;
}
.board_view .info_wrap .right_a .dl_wrap dl dd ul{
	display: flex;
	flex-direction: column;
	gap: 10px 0px;
}
.board_view .info_wrap .right_a .dl_wrap dl dd ul li{
	letter-spacing: 0px;
	color: #0B63AE;
	font-size: 18px;
}
.board_view .info_wrap .right_a .dl_wrap dl dd ul li a{
	transition: 0.3s;
}
.board_view .info_wrap .right_a .dl_wrap dl dd ul li a:hover{
	text-decoration: underline;
}


.company_space_wrap .board_view .info_wrap .right_a .dl_wrap dl:nth-of-type(1) dd{
	letter-spacing: 0;
}
.company_space_wrap .board_view .info_wrap .right_a .dl_wrap dl:nth-of-type(2) dd{
	letter-spacing: 0;
}
.company_space_wrap .board_view .info_wrap .right_a .dl_wrap dl:nth-of-type(6) dd{
	letter-spacing: 0;
}



.board_view .conts_wrap{
	margin-top: 52px;
	line-height: 1.4;
	font-size: 17px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 51px;
	border-bottom: 1px solid #E9E9E9;
}
.company_space_wrap .board_view .conts_wrap{
	padding-left: 0;
	padding-right: 0;
}
.board_view .conts_wrap .top_tit{
	letter-spacing: -2.1px;
	color: #000000;
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
	margin-bottom: 50px;
}
.company_space_wrap .board_view .conts_wrap .top_tit p {
	font-size: 18px;
	font-weight: 400;
	color: #666666;
}
.board_view .conts_wrap .bottom_con{
	padding-left: 50px;
	padding-right: 50px;
}

.board_view .attach_wrap
{
	position:relative;
	width:100%;
	background:#f9f9f9;
	padding:26px 36px 32px;
	margin-top:50px;
	display: flex;
	flex-direction: column;
	gap: 5px 0;
}
.board_view .attach_wrap li
{
	position:relative;
}
.board_view .attach_wrap li:before
{
	content:'';
	position:absolute;
	top: 6px;
	left: 0;
	width: 20px;
	height: 20px;
	background:url(/assets/_user/images/common/icon_attachment.svg) no-repeat center center;
	background-size: contain;
}
.board_view .attach_wrap li
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.board_view .attach_wrap li a
{
	padding-left:23px;
	font-size:15px;
	line-height: normal;
	letter-spacing: 0;
}
.board_view .answer_wrap{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 40px;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	padding-left: 35px;
	padding-right: 35px;
}
.board_view .answer_wrap .tit{
	letter-spacing: -1.4px;
	color: #0B63AE;
	font-size: 20px;
	font-weight: 600;
}
.board_view .answer_wrap ul{}
.board_view .answer_wrap ul li{
	padding-top: 10px;
	line-height: 1.5;
	letter-spacing: -0.9px;
	color: #666666;
	font-size: 18px;
}


/* media */
@media screen and (max-width:1279px)
{
	.board_view .title h3
	{
		font-size:26px;
	}
	.board_view .title ul li
	{
		font-size:17px;
	}
	.board_view .info_wrap{
		padding-left: 20px;
		padding-right: 20px;
	}
	.board_view .info_wrap .right_a{
		padding-left: 35px;
		width: calc(100% - 350px);
	}
	.board_view .info_wrap .left_a{
		width: 350px;
	}
	
}

@media screen and (max-width:1024px)
{
	.board_view .title
	{
		padding:30px 30px 25px;
	}
	.board_view .attach_wrap
	{
		margin-top:30px;
	}
	.board_view .info_wrap .right_a .dl_wrap{
		gap: 12px 0;
	}
	.board_view .info_wrap .right_a .dl_wrap dl dt{
		font-size: 17px;
	}
	.board_view .info_wrap .right_a .dl_wrap dl dd{
		font-size: 17px;
	}
	.board_view .info_wrap .right_a .dl_wrap dl dd ul li{
		font-size: 17px;
	}
	.board_view .info_wrap .right_a{
		padding-left: 35px;
		width: calc(100% - 280px);
	}
	.board_view .info_wrap .left_a{
		width: 280px;
	}
	.board_view .conts_wrap{
		padding-left: 30px;
		padding-right: 30px;
	}
	.company_space_wrap .board_view .conts_wrap{
		padding-left: 0;
		padding-right: 0;
	}
	.company_space_wrap .board_view .conts_wrap .bottom_con{
		padding-left: 0;
		padding-right: 0;
	}
	.company_space_wrap .board_view .conts_wrap .top_tit{
		margin-bottom: 30px;
		padding-bottom: 10px;
	}
	.company_space_wrap .board_view .conts_wrap .top_tit p {
		font-size: 17px;
	}
}
@media screen and (max-width:767px){
	.company_space_wrap .board_view .conts_wrap .top_tit{
		margin-bottom: 20px;
	}
}

@media screen and (max-width:767px)
{
	.board_view .title
	{
		padding:20px 20px;
	}
	.board_view .title h3
	{
		font-size:18px;
		margin-bottom:8px;
	}
	.board_view .title ul{
		gap: 5px 0;
	}
	.board_view .title ul li
	{
		font-size:14px;
	}
	.board_view .title ul li + li
	{
		margin-left:12px;
	}
	.board_view .title ul li + li:before
	{
		left:-6px;
	}
	.board_view .attach_wrap
	{
		padding:24px 22px;
	}
	.board_view .attach_wrap li:before
	{
		top:5.5px;
	}
	.board_view .answer_wrap{
		margin-top: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.board_view .answer_wrap .tit{
		font-size: 17px;
	}
	.board_view .answer_wrap ul li{
		font-size: 15px;
	}
	.board_view .conts_wrap{
		margin-top: 30px;
		font-size: 15px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	.board_view .info_wrap{
		flex-direction: column;
		margin-top: 40px;
		padding-bottom: 40px;
		padding-left: 0;
		padding-right: 0;
	}
	.board_view .info_wrap .right_a{
		padding-left: 0px;
		width: 100%;
		margin-top: 30px;
	}
	.board_view .info_wrap .left_a{
		width: 100%;
	}
	.board_view .info_wrap .right_a .dl_wrap dl dt{
		font-size: 15px;
		padding-left: 10px;
	}
	.board_view .info_wrap .right_a .dl_wrap dl dd {
		font-size: 15px;
	}
	.board_view .info_wrap .right_a .dl_wrap dl dd ul li{
		font-size: 15px;
	}
	.board_view .info_wrap .right_a .dl_wrap {
        gap: 11px 0;
    }
	.board_view .info_wrap .right_a .dl_wrap dl dd {
		padding-left: 16px;
	}
	.board_view .info_wrap .right_a .dl_wrap dl::before{
		top: 6.5px;
	}
	.board_view .conts_wrap .top_tit{
		font-size: 19px;
	}
	.company_space_wrap .board_view .info_wrap .right_a .dl_wrap dl::before{
		top: 6px;
	}
	.board_view .attach_wrap li a{
		font-size: 13px;
	}
}



/* 게시판 > 작성 폼 */
.write_chk
{
	color:#666666;
	letter-spacing:-0.85px;
	font-size: 17px;
	font-weight: 500;
}
.write_chk img
{
	margin-right:9px;
	vertical-align:3px;
}
.board_write
{
	position:relative;
	width:100%;
	border-top:2px solid #39352B;
	margin-top:21px;
	padding-top:30px;
}
.common_table .board_write
{
	margin-top:0;
}
.board_write ul
{
	padding-bottom:30px;
	border-bottom:1px solid #E3E3E3;
}
.board_write ul li
{
	display:flex;
}
.board_write ul li + li
{
	margin-top:20px;
}
.board_write ul li .left
{
	position:relative;
	flex-basis:190px;
	flex-shrink:0;
	font-size: 18px;
	font-weight: 500;
	color:#252525;
	letter-spacing:-0.9px
}
.board_write ul li .left label
{
	position:relative;
	height:100%;
	display:flex;
	align-items:center;
	padding-left:20px;
	font-size: 18px;
	font-weight: 500;
	color:#000000;
	letter-spacing:-0.9px;
}
.board_write ul li.re .left label:before
{
	content:'';
	position:absolute;
	top:50%;
	left:0px;
	transform:translateY(-50%);
	width:13px;
	height:9px;
	background:url(/assets/_user/images/common/board_write_chk.svg) no-repeat center center;
	background-size:13px;
}
.board_write ul li.textarea_wrap .left
{
	align-self:flex-start;
	padding-top:22px;
}
.board_write ul li .right
{
	flex-grow:1;
}
.board_write ul li .right input,
.board_write ul li .right textarea,
.board_write ul li .right select
{
	width:100%;
	max-width:678px;
	height:50px;
	border:1px solid #DADADA;
	color:#000;
	letter-spacing:-0.9px;
	padding:0 12px;
	transition:all .5s;
	font-size:18px;
	color:#252525;
	letter-spacing:-0.9px;
}
.board_write ul li .right select
{
	max-width:352px;
	background: #fff url(/assets/_user/images/common/board_search_select.svg) no-repeat right center;
}
.board_write ul li.wi_208 .right input
{
	width:208px
}
.board_write ul li.wi_352 .right input
{
	width:352px
}
.board_write ul li .right input::placeholder
{
	color:#CCCCCC
}
.board_write ul li .right input:focus,
.board_write ul li .right textarea:focus
{
	background:rgba(37, 64, 143, 0.05);
	border:1px solid #0B63AE;
}
.board_write ul li .right select
{
	transition:inherit;
}
.board_write ul li .right select:focus
{
	background:rgba(37, 64, 143, 0.05) url(/assets/_user/images/common/board_search_select.svg) no-repeat right center;
}
.board_write ul li .right textarea
{
	height:221px;
	resize:none;
	padding:20px;
}
.board_write ul li .right .filebox
{
	margin-top:10px;
}
.board_write ul li .right .filebox input[type="file"]
{
	position:absolute;
	width:0;
	height:0;
	padding:0;
	overflow:hidden;
	border:0;
}
.board_write ul li .right .filebox .upload-name
{
	display:inline-block;
	max-width:538px;
	background:#fff;
}
.board_write ul li .right .filebox label
{
	display:inline-block;
	cursor:pointer;
	background:#252525;
	width:130px;
	height:50px;
	margin-left:7px;
	vertical-align:top;
	font-size:18px;
	color:#fff;
	letter-spacing:0;
	text-align:center;
	line-height:50px;
}

.common_btns
{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:50px;
}
.common_btns *
{
	cursor:pointer;
	height:60px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 41px;
	background:#0B63AE;
	font-size:18px;
	color:#fff;
	letter-spacing:-0.9px;
	margin:0 5px;
}
.common_btns * + *
{
	background:#AFAFAF;
}

/* input box color */
input:-webkit-autofill
{
	-webkit-box-shadow:0 0 0 30px #fff inset;
	-webkit-text-fill-color:#000;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
	transition:background-color 5000s ease-in-out 0s;
}


/* media */
@media screen and (max-width:1279px)
{
	.write_chk
	{
		font-size:15px;
	}

	.board_write ul li .left
	{
		flex-basis:170px;
		font-size:17px;
	}
	.board_write ul li .right input,
	.board_write ul li .right .filebox label
	{
		height:46px;
	}
	.board_write ul li .right .filebox label
	{
		line-height:46px;
	}
	.board_write ul li .left label,
	.board_write ul li .right input,
	.board_write ul li .right textarea,
	.board_write ul li .right select,
	.board_write ul li .right .filebox label
	{
		font-size:17px
	}
}

@media screen and (max-width:1024px)
{
	.board_write ul li .left
	{
		flex-basis:140px;
		font-size:16px;
	}
	.board_write ul li .right input,
	.board_write ul li .right textarea
	{
		font-size:16px;
	}
	.board_write ul li .right .filebox .upload-name
	{
		max-width:calc(100% - 145px);
	}
	.board_write ul li .right .filebox label
	{
		font-size:16px;
		border-radius:3px;
	}

	.board_write ul li + li
	{
		margin-top:16px;
	}
	.board_write ul li .left label,
	.board_write ul li .right input,
	.board_write ul li .right textarea,
	.board_write ul li .right select,
	.board_write ul li .right .filebox label
	{
		font-size:16px;
	}

	.common_btns
	{
		margin-top:30px;
	}
	.common_btns *
	{
		height:48px;
		margin:0 4px;
		padding:0 40px;
		font-size:16px;
	}
}

@media screen and (max-width:767px)
{
	.write_chk
	{
		font-size:15px;
	}
	.write_chk img
	{
		width:11px;
		margin-right:3px;
	}
	.board_write
	{
		margin-top:15px;
		padding-top:20px;
		padding-bottom:0px;
	}
	.board_write ul
	{
		padding-bottom:25px;
	}
	.board_write ul li
	{
		flex-flow:column wrap;
	}
	.board_write ul li + li
	{
		margin-top:14px;
	}
	.board_write ul li .left
	{
		flex-basis:auto;
		margin-bottom:10px;
		font-size:15px;
	}
	.board_write ul li .left label
	{
		padding-left:17px;
	}
	.board_write ul li:not(.re) .left label
	{
		padding-left:0;
	}
	.board_write ul li.textarea_wrap .left
	{
		padding-top:0;
	}
	.board_write ul li.re .left label:before
	{
		width:11px;
		background-size:11px;
	}
	.board_write ul li .right input,
	.board_write ul li .right textarea
	{
		width:100% !important;
		height:40px;
		font-size:15px;
	}
	.board_write ul li .right textarea
	{
		height:100px;
	}
	.board_write ul li .right .filebox label
	{
		width:100px;
		height:40px;
		line-height:42px;
		margin-left:5px;
		font-size:15px;
	}
	.board_write ul li .right .filebox .upload-name
	{
		max-width:calc(100% - 110px);
	}
	.board_write ul li .right .filebox
	{
		margin-top:5px;
	}
	.board_write ul li .left label,
	.board_write ul li .right input,
	.board_write ul li .right textarea,
	.board_write ul li .right select,
	.board_write ul li .right .filebox label
	{
		font-size:15px;
	}

	.common_btns
	{
		margin-top:25px;
	}
	.common_btns *
	{
		height:40px;
		padding:0 30px;
		font-size:15px;
	}
	.fl_cu_wrap
	{
		padding-bottom:70px;
	}
}













/* 게시판 > 페이지네이션 */
.board_paging
{
	position:relative;
	width:100%;
	margin-top:50px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.board_paging li,
.board_paging li *
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:40px;
	height:40px;
	font:20px 'Roboto', sans-serif;
	font-weight:300;
	color:#999999;
	letter-spacing:0;
}
	
.board_paging li a
{
	
}
.board_paging li.active
{
	color:#3E3F43;
	font-weight:500;
}

/* media */
@media screen and (max-width:1279px)
{
	.board_paging
	{
		margin-top:40px;
	}
	.board_paging li,
	.board_paging li *
	{
		width:35px;
		height:35px;
		font-size:18px
	}
}

@media screen and (max-width:767px)
{
	.board_paging
	{
		margin-top:30px;
	}
	.board_paging li,
	.board_paging li *
	{
		width:30px;
		height:30px;
		font-size:15px;
	}
	.board_paging li a img
	{
		width:30px;
	}
}


/* common btns */
.common_btns_center
{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:60px;
}
.common_btns_center > *
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:155px;
	height:50px;
	font-size:18px;
	color:#fff;
	letter-spacing:-0.04em;
	background:#0B63AE;
	border:1px solid #0B63AE;
	margin:0 5px;
}

/* media */
@media screen and (max-width:767px)
{
	.common_btns_center
	{
		margin-top:30px;
	}
	.common_btns_center > *
	{
		width:100px;
		height:40px;
		font-size:15px;
		padding-top:2px;
	}
}



/* swiper 공통 */
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	display: none;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
	display: none;
}



/* 파일첨부 공통 start */
ul.attach_ul{
	display: flex;
	flex-direction: column;
	gap: 11px 0;
}
ul.attach_ul li{
	position: relative;
	font-size: 18px;
	color: #0B63AE;
	display: flex;
	align-items: flex-start;
}
ul.attach_ul li:hover{
	text-decoration: underline;
}
ul.attach_ul li::before{
	content: "";
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	min-width: 24px;
	background: url(/assets/_user/images/common/icon_attachment.svg) center center no-repeat;
	transform: translateY(1px);
	margin-right: 4px;
}
@media screen and (max-width:767px){
	ul.attach_ul li{
		font-size: 15px;
	}
	ul.attach_ul li::before{
		transform: translateY(-3px);
		width: 19px;
		height: 19px;
	}
}
/* 파일첨부 공통 end */









/* 비어있을때 스타일 start */
.empty_st01{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
}
.empty_st01 img{
	width: 45px;
	height: 100%;
	object-fit: contain;
}
.empty_st01 p{
	letter-spacing: -0.9px;
	color: #DADADA;
	font-size: 18px;
	font-weight: 400;
	margin-top: 20px;
}
@media screen and (max-width:767px){
	.empty_st01{
		padding: 40px 0;
	}
	.empty_st01 p{
		font-size: 15px;
	}
	.empty_st01 img{
		width: 38px;
	}
}
/* 비어있을때 스타일 end */




/* Sub -> 하단 버튼 공통 */
.sub_bottom_btn_wrap{
	display: flex;
	justify-content: center;
	gap: 0 10px;
	margin-top: 100px;
}
.sub_bottom_btn_wrap.margin_short{
	margin-top: 70px;
}
.sub_bottom_btn_wrap .btn{
	letter-spacing: -1px;
	color: #FFFFFF;
	font-size: 20px;
	width: 305px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.sub_bottom_btn_wrap .btn.short{
	width: 197px;
	height: 60px;
	font-size: 18px;
}
.sub_bottom_btn_wrap .btn.color_blue{
	border: 1px solid #0B63AE;
	background-color: #0B63AE;
	color: #fff;
	letter-spacing: -0.9px;
}
.sub_bottom_btn_wrap .btn.color_blue:focus{
	outline: 1px solid #000;
}
.sub_bottom_btn_wrap .btn.color_white{
	border: 1px solid #D4D4D4;
	background-color: #fff;
	color: #000;
}
@media screen and (max-width:767px){
	.sub_bottom_btn_wrap .btn{
		font-size: 15px;
		width: 120px;
		height: 45px;
		padding-top: 2px;
	}
	.sub_bottom_btn_wrap .btn.short{
		font-size: 15px;
		width: auto;
		height: 45px;
		flex: 1;
	}
	.sub_bottom_btn_wrap{
		margin-top: 35px;
	}
	.sub_bottom_btn_wrap.margin_short{
		margin-top: 35px;
	}


}









/* icon */
i.chk_blue{
	display: inline-flex;
	width: 15px;
	height: 9px;
	background: url(/assets/_user/images/common/icon_check_blue.svg) center center no-repeat;
	background-size: contain;
	padding-right: 7px;
}

i.calendar{
	display: inline-flex;
	width: 50px;
	height: 50px;
	background: url(/assets/_user/images/common/icon_calendar.svg) center center no-repeat;
}
@media screen and (max-width:767px){
	i.chk_blue{
		width: 16px;
		height: 9px;
		background-size: contain;
	}
}



/* 데이터피커 */
.ui-datepicker .ui-datepicker-title{
	width: calc(100% - 50px);
	margin: 0 25px;
	display: flex;
	gap: 0 5px;
}
.ui-datepicker .ui-datepicker-title select{
    min-width: auto;
    background: #fff url(/assets/_user/images/common/board_search_select.svg) no-repeat 54px center;
    background-size: 25px;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	top: 3px;
}




/* form 스타일 */

.form_area .top_tit{
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
	border-bottom: 1px solid #000000;
}
.form_area .top_tit .left{
	letter-spacing: -1.4px;
	color: #000000;
	font-size: 20px;
	font-weight: 600;
}
.form_area .top_tit .right{
	display: flex;
	align-items: center;
}
.form_area .top_tit .right i.chk_blue{
	margin-right: 5px;
}
.form_area .bottom_con{

}
.form_area .bottom_con .area{
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #E9E9E9;
	display: flex;
	flex-direction: column;
	gap: 10px 0;
}
.form_area .bottom_con .area .item{
	display: flex;
	position: relative;
}
.form_area .bottom_con .area .item .left_t{
	min-height: 50px;
}
.form_area .bottom_con .area .item .left_t .chk_blue{
	position: absolute;
	top: 7px;
	left: 0;
}
.form_area .bottom_con .area .item .left_t.paddingT .chk_blue{
	top: 19.5px;
}
.form_area .bottom_con .area .item .left_t{
	width: 235px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: 400;
	display: flex;
}
.form_area .bottom_con .area .item .left_t.paddingT{
	padding-top: 13px;
}

.form_area .bottom_con .area .item .right_c{
	width: calc(100% - 235px);
}
.form_area .bottom_con .area .item .right_c .input_wrap{
	display: flex;
	align-items: center;
}
.form_area .bottom_con .area .item .right_c .input_wrap input[type="file"]{
	background-color: orange;
	display: none;
}
.form_area .bottom_con .area .item .right_c .input_wrap input{
	width: auto;
	height: 50px;
	border: 1px solid #DDDDDD;
	background-color: #fff;
	padding: 15px 15px 14px 15px;
	letter-spacing: -0.8px;
	color: #666666;
	font-size: 16px;
	font-weight: 400;
}
.form_area .bottom_con .area .item .right_c .input_wrap input.short{
	width: 287px;
}
.form_area .bottom_con .area .item .right_c .input_wrap input.long{
	width: 705px;
}
.form_area .bottom_con .area .item .right_c .input_wrap input:focus{
	border: 1px solid #0B63AE;
	background-color: #0B63AE0D;
}
.form_area .bottom_con .area .item .right_c .input_wrap input i.calendar{
	width: 20px;
	height: 20px;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap{
	display: flex;
	min-height: 50px;
	gap: 0 40px;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label{
	display: flex;
	align-items: center;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label.padding_L{
	padding-left: 20px;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"]{
	display: none;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"]:focus{
	outline: 1px solid #000;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"] + .shape{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border: 1px solid #686C70;
	border-radius: 50%;
	margin-right: 6px;
	position: relative;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"] + .shape::before{
	content: "";
	position: relative;
	display: inline-block;
	background: url(/assets/_user/images/common/icon_chk_arrow_gray.svg) center center no-repeat;
	background-size: contain;
	width: 8.5px;
    height: 8.5px;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"]:checked + .shape{
	background-color:#0B63AE;
	border: 1px solid #0B63AE;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"]:checked + .shape::before{
	background: url(/assets/_user/images/common/icon_chk_arrow_white.svg) center center no-repeat;
	background-size: contain;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label .text{
	letter-spacing: -0.8px;
	color: #000000;
	font-size: 16px;
	padding-left: 7px;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"]{
    display: inline-block;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border: 1px solid #9D9EA2;
    border-radius: 50%;
    position: relative;
	padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"]:checked {
    display: inline-block;
	background-color:#0B63AE;
	border: 1px solid #0B63AE;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"]::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background: url(/assets/_user/images/common/icon_chk_arrow_gray.svg) center center no-repeat;
	background-size: contain;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"]:checked::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background: url(/assets/_user/images/common/icon_chk_arrow_white.svg) center center no-repeat;
	background-size: contain;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.form_area .bottom_con .area .item .right_c .tiem_table{
	margin-top: 28px;
}
.form_area .bottom_con .area .item .right_c .tiem_table .tit{
	letter-spacing: -0.8px;
	color: #000000;
	font-weight: 500;
	font-size: 16px;
}
.form_area .bottom_con .area .item .right_c .tiem_table .dl_wrap{
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 11px 0;
}
.form_area .bottom_con .area .item .right_c .tiem_table .dl_wrap dl{
	display: flex;
}
.form_area .bottom_con .area .item .right_c .tiem_table .dl_wrap dt{
	letter-spacing: 0px;
	color: #999999;
	font-size: 15px;
	font-weight: 400;
	width: 120px;
}
.form_area .bottom_con .area .item .right_c .tiem_table .dl_wrap dd{
	color: #000000;
	font-size: 15px;
	font-weight: 400;
	padding-left: 20px;
}
.form_area .bottom_con .area .item .right_c .attachment_wrap{

}
.form_area .bottom_con .area .item .right_c .attach_ul{
	position: relative;
}
.form_area .bottom_con .area .item .right_c .attach_ul li{
	font-size: 16px;
}
.form_area .bottom_con .area .item .right_c .attach_ul li::before{
	width: 21px;
	height: 21px;
	background-size: contain;
}
.form_area .bottom_con .area .item .right_c .info{
	display: flex;
	margin-top: 10px;
	padding-bottom: 20px;
	line-height: 1.35;
}
.form_area .bottom_con .area .item .right_c .info i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
	background: url(/assets/_user/images/common/icon_i.svg) center center no-repeat;
	background-size: contain;
	margin-right: 3px;
	margin-top: 1px;
}
.form_area .bottom_con .area .item .right_c .info.red{
	color: #C53238;
}
.form_area .bottom_con .area .item .right_c .info.red i{
	background: url(/assets/_user/images/common/icon_i_red.svg) center center no-repeat;
	background-size: contain;
}
.form_area .bottom_con .area .item .right_c .input_wrap .attach_btn{
	width: 137px;
	height: 50px;
	background-color: #000;
	margin-left: 5px;
	letter-spacing: -0.8px;
	color: #FFFFFF;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form_area .bottom_con .area .item .right_c .phone_wrap{

}
.form_area .bottom_con .area .item .right_c .phone_wrap input{
	width: 130px;
}
.form_area .bottom_con .area .item .right_c .input_wrap .chk_wrap{}
.form_area .bottom_con .area .item .right_c .input_wrap .chk_wrap label{}
.form_area .bottom_con .area .item .right_c .input_wrap .chk_wrap label input{}
.form_area .bottom_con .area .item .right_c .input_wrap .chk_wrap label input span{}
.form_area .bottom_con .area .item .right_c .input_wrap .chk_wrap label input span{}
.form_area .bottom_con .area .item .right_c .email_wrap .existing_email{
	background-color: #F6F6F6;
	margin-left: 10px;
	color: #666666;
}


.form_area .bottom_con .area .item .right_c .phone_wrap i{
	width: 27px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.form_area .bottom_con .area .item .right_c select{
	width: auto;
    height: 50px;
    border: 1px solid #DDDDDD;
    background-color: #fff;
    padding: 1px 15px 0px 15px;
    letter-spacing: -0.8px;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
	background: #fff url(/assets/_user/images/common/board_search_select.svg) no-repeat right 0px center;
}
.form_area .bottom_con .area .item .right_c select.short{
	width: 287px;
}
.form_area .bottom_con .area .item .right_c .email_wrap i{
	width: 27px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.form_area .bottom_con .area .item .right_c .address_wrap .floor_wrap{
	display: flex;
	flex-direction: column;
	gap: 10px 0;
}
.form_area .bottom_con .area .item .right_c .address_wrap .floor_wrap .floor{
	display: flex;
}
.form_area .bottom_con .area .item .right_c .address_wrap .floor_wrap .floor button{
	background-color: #000;
	width: 146px;
	height: 50px;
	letter-spacing: -0.8px;
	color: #FFFFFF;
	font-size: 16px;
	margin-left: 10px;
}
.form_area .bottom_con .area .item .right_c .address_wrap .floor_wrap .floor button:focus{
	outline: 1px solid #0B63AE;
}
.form_area .bottom_con .area .item .right_c .textarea_wrap{
	width: 100%;
}
.form_area .bottom_con .area .item .right_c .textarea_wrap textarea{
	width: 100%;
	min-height: 420px;
	border: 1px solid #DDDDDD;
	background-color: #fff;
	padding: 20px;
}

@media screen and (max-width:1300px){
	.form_area .bottom_con .area .item .right_c .input_wrap input.long{
		width: 65%;
	}
}
@media screen and (max-width:1024px){
	.form_area .bottom_con .area .item{
		flex-direction: column;
	}
	.form_area .bottom_con .area .item .left_t{
		width: 100%;
	}
	.form_area .bottom_con .area .item .right_c{
		width: 100%;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap input.short{
		width: 150px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap input.long{
		width: 150px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap select{
		width: 175px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap select + input{
		margin-left: 10px;
	}
}
@media screen and (max-width:767px){
	.form_area .bottom_con .area .item .right_c .info{
		padding-bottom: 5px;
	}
	.form_area .bottom_con .area .item .left_t{
		padding-top: 0;
		height: auto;
		min-height: auto;
		margin-bottom: 8px;
	}
	.form_area .bottom_con .area .item .left_t i.chk_blue{
		transform: translateY(-4px);
	}
	.form_area .bottom_con .area .item .right_c .input_wrap button.ui-datepicker-trigger{
        position: absolute;
        top: 6px;
        right: 5px;
        width: 35px;
        height: 35px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap{
		flex-wrap: wrap;
		position: relative;
	}
	.form_area .bottom_con .area .item .right_c .address_wrap .floor_wrap{
		width: 100%;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap input{
		font-size: 15px;
		height: 45px;
	}
	.form_area .bottom_con .area .item .right_c select{
		height: 45px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap input.short{
		width: 100%;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap .attach_btn{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap input.file_name + label{
		width: 100%;
	}
	.form_area .bottom_con .area{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.form_area .top_tit{
		padding-bottom: 15px;
	}
	.form_area .top_tit .left{
		font-size: 18px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap .attach_btn{
		font-size: 14px;
		height: 50px;
	}
	.form_area .bottom_con .area .item .right_c .checkbox_wrap{
		flex-direction: column;
		gap: 10px 0;
	}
	.form_area .bottom_con .area .item .right_c .tiem_table .dl_wrap{
		gap: 15px 15px;
		flex-wrap: wrap;
		flex-direction: row;
        /* padding: 15px; */
        /* border: 1px solid #DDDDDD; */
	}
	.form_area .bottom_con .area .item .right_c .tiem_table .dl_wrap dl{
		flex-direction: column;
		gap: 3.5px 0;
		width: calc(50% - 7.5px);
	}
	.form_area .bottom_con .area .item .right_c .tiem_table .dl_wrap dt{
		font-size: 14px;
		color: #000;
	}
	.form_area .bottom_con .area .item .right_c .tiem_table .dl_wrap dd{
		padding-left: 0;
		font-size: 14px;
		color: #0B63AE;
		letter-spacing: 0;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap input.long{
		width: 100%;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap input{
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap select{
		padding-top: 0;
		padding-bottom: 0;
	}
	.form_area .bottom_con .area .item .right_c .address_wrap .floor_wrap .floor button{
		height: 45px;
		font-size: 14px;
	}
	.form_area .bottom_con .area .item .right_c .checkbox_wrap{
		width: 63px;
		height: auto;
		min-height: 45px;
		display: flex;
        justify-content: center;
	}
	.space_reserve_register_wrap .form_area .bottom_con .area .item .right_c .checkbox_wrap{
		width: auto;
        flex-direction: row;
        justify-content: flex-start;
        gap: 15px 18px;
        flex-wrap: wrap;
	}
	.space_reserve_register_wrap .form_area .bottom_con .area .item .right_c .checkbox_wrap label text{
		padding-left: 5.5px;
	}
	.community_qna_modify_wrap .form_area .bottom_con .area .item .right_c .checkbox_wrap{
		width: auto;
	}
	.mypage_modify_wrap .form_area .bottom_con .area .item .right_c .checkbox_wrap{
		height: 45px;
	}
	.form_area .bottom_con .area .item .right_c .checkbox_wrap label.padding_L{
		padding-left: 7px;
	}
	.form_area .bottom_con .area .item .right_c .checkbox_wrap label .text{
		font-size: 15px;
		padding-left: 6px;
	}
	.form_area .bottom_con .area .item .right_c .checkbox_wrap label input[type="checkbox"]{
		width: 20px;
		height: 20px;
		min-width: 20px;
	}
	.form_area .bottom_con .area .item .right_c .attach_ul li{
		font-size: 15px;
	}
	.form_area .bottom_con .area .item .right_c .info{
		font-size: 12px;
	}
	.form_area .bottom_con .area .item .right_c .info i{
		width: 13px;
		height: 13px;
		margin-top: 0px;
	}

}
@media screen and (max-width:630px){
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap select + input{
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}
	.form_area .bottom_con .area .item .right_c .phone_wrap input{
		width: 70px;
	}
	.form_area .bottom_con .area .item .right_c .email_wrap i{
		width: 34px;
		display: inline-block;
		text-align: center;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap input.short{
		width: calc(50% - 18px);
	}
	.company_space_wrap .form_area .bottom_con .area .item .right_c .input_wrap.email_wrap input.short{
		width: 100%;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap select{
		width: calc(50% - 18px);
	}
	.mypage_modify_wrap .form_area .bottom_con .area .item .right_c .input_wrap.email_wrap select + input{
		/* width: calc(100% - 63px); */
		width: 100%;
	}

	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap .existing_email + .checkbox_wrap{
		margin-top: 10px;
	} 
	.form_area .bottom_con .area .item .right_c .phone_wrap i{
		width: 20px;
	}
}
@media screen and (max-width:440px){

	.form_area .bottom_con .area .item .left_t{
		font-size: 14px;
		padding-left: 19px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap input{
		height: 45px;
	}
	.form_area .bottom_con .area .item .right_c select{
		font-size: 14px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap input.long{

	}
	.form_area .bottom_con .area .item .right_c .input_wrap input.short{
		width: 100%;
	}
	.form_area .bottom_con .area .item .right_c .textarea_wrap textarea{
		min-height: 240px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap select{
		height: 45px;
	}
	.form_area .bottom_con .area .item .right_c .phone_wrap input{
		width: 63px;
	}
	.form_area .bottom_con .area .item .right_c .email_wrap i{
		width: 26px;
	}
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap input.short{
		width: calc(50% - 13px);
	}
	.form_area .bottom_con .area .item .right_c .input_wrap.email_wrap select{
		width: calc(50% - 13px);
	}
}
@media screen and (max-width:340px){

}


/* 약관스타일 */

.provision_layout .tit_area{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.provision_layout .tit_area .left{
	letter-spacing: -1.4px;
	color: #000000;
	font-size: 20px;
	font-weight: 600;
}
.provision_layout .tit_area .right{

}
.provision_layout .tit_area .right .checkbox_wrap{
	display: flex;
	gap: 0 40px;
}
.provision_layout .tit_area .right .checkbox_wrap label{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.provision_layout .tit_area .right .checkbox_wrap label input[type="checkbox"]{

}
.provision_layout .tit_area .right .checkbox_wrap label input[type="checkbox"]:focus + .shape{
	outline: 2px solid #000;
}
.provision_layout .tit_area .right .checkbox_wrap label input[type="checkbox"] + .shape{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border: 1px solid #686C70;
	border-radius: 50%;
	margin-right: 6px;
	position: relative;
}
.provision_layout .tit_area .right .checkbox_wrap label input[type="checkbox"] + .shape::before{
	content: "";
	position: relative;
	display: inline-block;
	background: url(/assets/_user/images/common/icon_chk_arrow_gray.svg) center center no-repeat;
	background-size: contain;
	width: 8.5px;
    height: 8.5px;
}
.provision_layout .tit_area .right .checkbox_wrap label input[type="checkbox"]:checked + .shape{
	background-color:#0B63AE;
	border: 1px solid #0B63AE;
}
.provision_layout .tit_area .right .checkbox_wrap label input[type="checkbox"]:checked + .shape::before{
	background: url(/assets/_user/images/common/icon_chk_arrow_white.svg) center center no-repeat;
	background-size: contain;
}
.provision_layout .tit_area .right .checkbox_wrap label text{
	letter-spacing: -0.8px;
	color: #000000;
	font-size: 16px;
}

.provision_layout .con_area{
	margin-top: 30px;
	padding: 40px;
	background-color: #F9F9F9;
}
.provision_layout .con_area .in{
	overflow-y: auto;
	height: 430px;
	padding-right: 40px;
	line-height: 1.5;
}
.provision_layout .con_area .in.pre-line{
	white-space: pre-line;
	font-size: 16px;
}
.provision_layout .con_area .in div{
	letter-spacing: -0.8px;
	color: #000000;
	font-size: 16px;
}
.provision_layout .con_area .in .depth01{
	padding-top: 30px;
}
.provision_layout .con_area .in .depth01:first-of-type{
	padding-top: 0;
}
.provision_layout .con_area .in .depth02{
	padding-left: 20px;
	padding-top: 30px;
}
.provision_layout .con_area .in .depth03{
	padding-top: 12px;
	line-height: 1.4;
}
.provision_layout .con_area .in textarea{
	width: 100%;
	height: 100%;
	white-space:pre-wrap;
}
@media screen and (max-width:1024px){
	.provision_layout .con_area{

	}
}
@media screen and (max-width:767px){
	.provision_layout .con_area{
		padding: 20px;
	}
	.provision_layout .con_area .in{
		padding-right: 10px;
	}
	.provision_layout .con_area .in div{
		font-size: 14px;
	}
	.provision_layout .tit_area{
		flex-direction: column;
		align-items: normal
	}
	.provision_layout .tit_area .right .checkbox_wrap{
        justify-content: flex-start;
        margin-top: 20px;
	}
	.provision_layout .tit_area .right .checkbox_wrap .text{
		padding-top: 2.5px;
	}
	.provision_layout .con_area{
		margin-top: 15px;
	}
	.provision_layout .tit_area .left{
		font-size: 18px;
	}
	.provision_layout .con_area .in.pre-line{
		font-size: 14px;
	}
}
@media screen and (max-width:380px){
	.provision_layout .con_area {
        padding: 15px;
    }
}





/* 예약 폼 스타일 start */
.reservation .current{
	display: flex;
	padding: 60px 0;
	border-bottom: 1px solid #E9E9E9;
}
.reservation .current > .left{
	width: 445px;
	height: auto;
}
.reservation .current > .left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.reservation .current > .right{
	width: calc(100% - 445px);
	padding-left: 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.reservation .current > .right .text_a{
	
}
.reservation .current > .right .text_a .title{
	font-weight: 700;
	font-size: 30px;
	line-height: 1.4;
}
.reservation .current > .right .text_a ul{
	margin-top: 23px;
	display: flex;
	flex-direction: column;
	gap: 9.5px 0;
}
.reservation .current > .right .text_a ul li{
	display: flex;
	font-size: 18px;
	position: relative;
	padding-left: 12px;
}
.reservation .current > .right .text_a ul li::before{
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #0B63AE;
}
.reservation .current > .right .text_a ul li .tit{
	width: 35px;
	min-width: 35px;
	letter-spacing: 0px;
	color: #999999;
	font-size: 18px;
	line-height: 1.5;
}
.reservation .current > .right .text_a ul li .tit.long{
	width: 70px;
	min-width: 70px;
}
.reservation .current > .right .text_a ul li .con{
	padding-left: 30px;
	line-height: 1.5;
}
.reservation .current > .right .text_a ul li .con .list_wrap{
	color: #0B63AE;
	font-size: 18px;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	gap: 10px 0;
}
.reservation .current > .right .text_a ul li .con .list_wrap .box:hover{
	text-decoration: underline;
}
.reservation .form_area{
	padding-top: 100px;
}
.reservation .provision_layout{
	padding-top: 100px;
}
.reservation .current > .right .text_a ul li:nth-of-type(1) .con{
	letter-spacing: 0px;
}
.reservation .current > .right .text_a ul li:nth-of-type(2) .con{
	letter-spacing: 0px;
}
.reservation .current > .right .text_a ul li:nth-of-type(6) .con{
	letter-spacing: 0px;
}
@media screen and (max-width:1024px){
	.reservation .current{
		align-items: flex-start;
		padding-top: 40px;
	}
	.reservation .current > .left{
		width: 300px;
	}
	.reservation .current > .right{
		width: calc(100% - 300px);
		padding-left: 35px;
	}
	.reservation .current > .right .text_a .title{
		font-size: 21px;
	}
	.reservation .current > .right .text_a ul li .tit{
		font-size: 15px;
	}
	.reservation .current > .right .text_a ul li .con{
		font-size: 15px;
	}
	.reservation .current > .right .text_a ul li .con .list_wrap{
		font-size: 15px;
	}
}
@media screen and (max-width:767px){
	.reservation .form_area{
		padding-top: 40px;
	}
	.reservation .current{
		flex-direction: column;
		padding-bottom: 40px;
	}
	.reservation .current > .left{
		width: 100%;
	}
	.reservation .current > .left img{
		object-fit: contain;
	}
	.reservation .current > .right{
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}
	.reservation .provision_layout{
		padding-top: 40px;
	}
	.reservation .current > .right .text_a ul{
		gap: 7.5px 0;
		margin-top: 15px;
	}
	.reservation .current > .right .text_a ul li .con{
		padding-left: 12px;
	}
	.reservation .current > .right .text_a .title{
		font-size: 18px;
	}
	.reservation .current > .right .text_a ul li::before{
		top: 9px;
	}
	.reservation .current > .right .text_a ul li{
		padding-left: 10px;
	}
	
}
/* 예약 폼 스타일 end */





/* 개인정보처리방침 공통 start */
.area_guide{
	font-size:15px; 
	color: #777777;
	font-weight:400;
}
.area_guide .sub_t{
	margin-bottom: 45px;
}
.area_guide h3:first-of-type{
	margin-top: 0;
}
.area_guide h3,
.area_guide p,
.area_guide li{
	word-break:keep-all;
}
.area_guide h3{
	margin-top:50px;
	margin-bottom: 25px; 
	font-size:16px; 
	font-weight:700;
	color: #0B63AE;
}
.area_guide h3 + *,
.area_guide h3 + p + ul{
	margin-top:13px;
	margin-left:13px;
}
.area_guide ul > li{
	margin-top:25px;
}
.area_guide ul > li:first-child{
	margin-top:0px;
}
.area_guide ul > li > ul{
	margin-top:15px;
}
.area_guide ul > li > ul > li{
	margin-top:4px;
	color: #777777;
	line-height: 1.5;
}
.area_guide ul > li > ul > li:first-child{
	margin-top:0px;
}
.area_guide ul > li strong{
	line-height: 1.5;
	font-weight:600; 
	color:var(--color-black, #111);
}
.ver02 .area_guide ul > li strong{
	font-weight: 400;
}
.box_guide{
	margin-top:30px;
}
.box_guide > p{
	margin-bottom:10px; 
	padding:10px; 
	border:1px solid #eee;
}
.area_guide p{
	color: #777777;
	line-height: 1.5;
}
.area_guide .box_guide p{
	margin-bottom: 28px;
}
@media screen and (max-width:767px){
	.area_guide h3{
		margin-top: 35px;
		margin-bottom: 15px;
		font-size: 15px;
	}
	.area_guide h3 + *,
	.area_guide h3 + p + ul{
		margin-top:6px;
		margin-left:6px;
	}
}
/* 개인정보처리방침 공통 end */









/* 찾기결과페이지 start */
.result_info{
	display: flex;
	align-items: center;
	width: 100%;
	height: 108px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #E9E9E9;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 60px;
}
.result_info .tit{
	letter-spacing: -1px;
	color: #000000;
	font-size: 20px;
	font-weight: 500;
	white-space: nowrap;
}
.result_info .val{
	letter-spacing: 0px;
	color: #666666;
	font-size: 20px;
	font-weight: 400;
	padding-left: 50px;
}
.member_guide_text{
	margin-top: 70px;
}
.member_guide_text ul{
	display: flex;
	flex-direction: column;
	gap: 6px 0;
}
.member_guide_text ul li{
	letter-spacing: -0.9px;
	color: #777777;
	font-size: 18px;
	position: relative;
}
.member_guide_text ul li.text_center{
	text-align: center;
}
.member_guide_text ul li p{
	position: relative;
	display: inline-block;
	padding-left: 12px;
	word-break: keep-all;
	line-height: 1.5;
	font-size: 17px;
}
.member_guide_text ul li p::before{
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	background-color: #71727A;
	width: 4px;
	height: 4px;
	border-radius: 50%;
}
@media screen and (max-width:1024px){
	.member_guide_text{
		margin-top: 50px;
	}
}
@media screen and (max-width:767px){
	.member_guide_text{
		margin-top: 35px;
	}
	.member_guide_text ul li.text_center{
		text-align: left;
	}
	.member_guide_text ul li p{
		font-size: 15px;
	}
	.result_info{
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 40px;
		height: auto;
	}
	.result_info .tit{
		font-size: 16px;
	}
	.result_info .val{
		font-size: 16px;
	}
	.member_guide_text ul li p::before{
		top: 9px;
	}
}
/* 찾기결과페이지 end */





/* 팝업 start */
.popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	height: 75%;
	padding: 40px;
	background-color: white;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	z-index: 1003;
}
.popup .provision_layout{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.popup .provision_layout .con_area{
	height: calc(100% - 70px);
	margin: 0;
	padding: 0;
	background-color: transparent;
}
.popup .provision_layout .con_area .in{
	height: 100%;
}
.popup .provision_layout .tit_area{
	height: 70px;
	margin-bottom: 40px;
}
.popup .provision_layout .tit_area .left{
	letter-spacing: -2.1px;
	color: #000000;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4;
}
.popup .provision_layout .area_guide .sub_t{
	color: #000000;
}
.popup .provision_layout .area_guide h3{
	/* color: #000000; */
}
.popup .closePopup{
	position: absolute;
	top: 0;
	right: 0;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000B3;
	z-index: 1002;
}
@media screen and (max-width:1024px){
	.popup .provision_layout .tit_area .left{
		font-size: 23px;
	}
}
@media screen and (max-width:767px){
	.popup{
		padding: 20px;
		width: 90%;
	}
	.popup .provision_layout .tit_area{
		margin-bottom: 30px;
		height: auto;
	}
	.popup .provision_layout .tit_area .left{
		font-size: 21px;
		padding-right: 40px;
	}
	.popup .closePopup{
		width: 60px;
		height: 60px;
	}
	.popup .closePopup img{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.popup .provision_layout .con_area .in::-webkit-scrollbar {
		width: 3px;
	}
	.popup .provision_layout .con_area .in::-webkit-scrollbar-thumb {
		background: #a9a9a9;
	}
	
}
@media screen and (max-width:425px){
	.popup .provision_layout .tit_area .left{
		font-size: 18px;
	}
}
/* 팝업 end */





/* 데이터피커 강조색 */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	border: 1px solid #2f468b;
    background: #4466ca;
    color: #ffffff;
	box-sizing: border-box;
}