@font-face {
	font-family: 'GmarketSansMedium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
body{
	font-family: 'Noto Sans KR',sans-serif;
	background-color:#fff;
}
html{
	font-size:15px;
}

#themeWrap{
}
.container{
	margin:0 auto;
	width:100%;
	min-width:1300px;
	max-width:1300px;
	padding:0 1rem;
}
#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:9998;
	transition:.3s;
	
}
#header .container{

}
#header .row:nth-child(1){
	padding:.5rem 0;
	padding-top:1rem;
	font-size:.86rem;
	text-align:center;
	color:rgba(255,255,255,.7)!important;
	padding-bottom:0;
	position: relative;
	z-index: 9990;
	margin-bottom:-.5rem;
}

#header .row:nth-child(1) a{
	display:inline-block;
	padding:.25rem;
	color:rgba(255,255,255,.9)!important;
	color:#888;
}
#header .row:nth-child(1) li{
	position:relative;
}
#header .row:nth-child(1) li::after{
	content:'|';
	color:rgba(255,255,255,.2);
	padding-left:.5rem;
	display:inline-block;
	margin-top:2px;
}
#header .row:nth-child(1) li:last-child::after{
	display:none;
}
#header .row:nth-child(2){
	padding:.5rem  0;
	position:relative;
	z-index:2;
	background-color:transparent;
}


.header__logo{
	position:relative;
	z-index:2;
	font-size:0;
	line-height:1;
	padding:1rem 0;
}
.header__logo img{
	height:45px;
	opacity:.95;
	transition:.3s;
}
.header__logo a:hover img{
	opacity:1;
}
.header__logo span img{
	height:70px;
	position:relative;
	top:-1rem;
	margin-left:1rem;
	display:inline-block;
}
.header__nav{
	transition:.3s;
	margin-top:0rem;
	float:right;
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:.5rem 0;
	margin-right:-1rem;
}
.header__nav:before{
	content:'';
	position:absolute;
	left:0;
	top:0px;
	width:100%;
	height:0px;
	background-color:rgba(255,255,255,.96);
	z-index:1;
	transition:.3s;
}
.header__nav.active:before{
	content:'';
	height:340px;
}
.header__nav *{
	position:relative;
	z-index:2;
}
.header__nav > ul{
	width:100%;
	text-align:left;
	display:flex;
	justify-content:flex-end;

}
.header__nav > ul > li{
	margin-right:0rem;
	white-space:nowrap;
	width:auto;
	text-align:right;
}
.header__nav > ul > li > a{
	font-size:1.3rem;
	transition:.3s;
	font-weight:800;
	color:rgba(255,255,255,.9);
	display:block;
	padding:.8rem 1.5rem;
	border-radius:0;
	position:relative;
}
.header__nav > ul > li > a span{
	background-color:var(--color-primary);
	color:#fff;
	display:inline-flex;
	align-items:center;
	padding:.25rem .45rem;
	justify-content:center;
	font-size:.55rem;
	border-radius:.5rem;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	letter-spacing:0;
	top:-1rem;
	margin-left:-1.2rem;
	transform:rotate(-5deg);
}
.header__nav > ul > li > a:hover{
	background-color:rgba(255,255,255,.3);
	border-radius:100px;
	color:#fff!important;
}

.header__nav > ul > li > a:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-.9rem;
	width:100%;
	height:3px;
	background-color:var(--color-primary);
	transition:.5s;
	border-radius:.5rem;
	transform: scaleX(0);
	transform-origin: 50% 50%;
	transition: transform 0.3s ease-in-out;
	display:none;

}
.header__nav > ul > li.active > a:before{
	transform: scaleX(1);
}
.header__nav > ul > li.active > a::after{
	content:'';
	width:calc(100% - 2.5rem);
	border-radius:2px;
	height:5px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-.25rem;
	background-color:var(--color-primary);
	
}
@keyframes gradientMove {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.header__nav > ul > li > ul{ /* 2depth */
	visibility:visible;
	z-index:9990;
	opacity:1;
	min-width:100%;
	left:auto;
	padding:0;
	box-shadow:none;
	padding-top:1.5rem;
	border-radius:0;
	background-color:#fff;
	visibility:hidden;
	opacity:0;
	transition:.3s;
	min-width:100px;
	display:block;
	width:100%;
	margin-left:-2rem
}
.header__nav > ul > li:hover > ul{
	opacity:1;
	visibility:visible;
}
.header__nav.active > ul > li > ul{
	visibility:visible;
	opacity:1;
}
.header__nav > ul > li > ul > li{
	transition:.3s;
	border-bottom:1px solid #efefef;
	text-align:center;
}
.header__nav > ul > li > ul > li > a{
	padding:.75rem 1rem;
	font-size:.85rem;
	color:rgba(0,0,0,.8);
	transition:.3s;
}
.header__nav > ul > li > ul > li > a:hover{
	background-color:#f8f8f8;
	text-indent:1rem;
}
.header__nav.active > ul > li > ul > li > a:hover{
	color:red!important;
}
.header__nav > ul > li > ul > li > a.nav_btn{
	background-color:#9B5A9A;
	color:yellow!important;
	padding:.25rem .5rem;
	display:inline-block;
}
.header__nav > ul > li > ul > li > a.nav_btn:hover{
	background-color:#6C368D;
	color:yellow!important;
}
.header__nav.active > ul > li > ul > li{
	transition-delay:.2s;
	opacity:1;
	visibility:visible;
	bottom:0;
}
.header__nav.active > ul > li > ul > li:nth-child(1){
	transition-delay:.2s;
}
.header__nav.active > ul > li > ul > li:nth-child(1) > a{
	color:rgba(0,0,0,.7);
}
.header__nav.active > ul > li > ul > li:nth-child(2){
	transition-delay:.3s;
}
.header__nav.active > ul > li > ul > li:nth-child(2) > a{
	color:rgba(0,0,0,.7);
}
.header__nav.active > ul > li > ul > li:nth-child(3){
	transition-delay:.4s;
}
.header__nav.active > ul > li > ul > li:nth-child(3) > a{
	color:rgba(0,0,0,.7);
}
.header__nav.active > ul > li > ul > li:nth-child(4){
	transition-delay:.5s;
}
.header__nav.active > ul > li > ul > li:nth-child(4) > a{
	color:rgba(0,0,0,.7);
}
.header__nav.active > ul > li > ul > li:nth-child(5){
	transition-delay:.6s;
}
.header__nav.active > ul > li > ul > li:nth-child(5) > a{
	color:rgba(0,0,0,.7);
}
.header__nav.active > ul > li > ul > li:nth-child(6){
	transition-delay:.7s;
}
.header__nav.active > ul > li > ul > li:nth-child(6) > a{
	color:rgba(0,0,0,.7);
}
.header__nav.active > ul > li > ul > li:nth-child(7){
	transition-delay:.8s;
}
.header__nav.active > ul > li > ul > li:nth-child(7) > a{
	color:rgba(0,0,0,.7);
}
.header__nav > ul > li > ul > li > ul > li > a{ /* 3depth */
	text-decoration:none;
	font-size:.9em;
	color:rgba(0,0,0,.5);
	padding-left:1rem;
	position:relative;
}
.header__nav > ul > li > ul > li > ul > li > a:before{
	content:'';
	width:4px;
	height:4px;
	border-radius:50%;
	background-color:rgba(0,0,0,.3);
	position:absolute;
	left:.3rem;
	top:50%;
	transform:translateY( calc(-50% +1px));
}
.header__nav > ul > li > ul > li > ul > li > a:hover{
	color:#121212;
}
.header__nav > ul > li > ul > li > ul > li > a:hover:before{
	background-color:red;
}
.header__nav > ul > li > ul > li > ul{
	margin-top:.25rem;
	margin-bottom:.5rem;
}
.header__nav > ul > li > ul > li > ul > li > a:hover{
	text-decoration:underline;
}

#header.active{
	position:fixed;
	background-color:#fff;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
#header.active .header__search ::-webkit-input-placeholder {
    color: #777 !important; /* 크롬, 사파리 */
}

#header.active .header__search ::-moz-placeholder {
    color:#777 !important; /* 파이어폭스 */
}

#header.active .header__search :-ms-input-placeholder {
    color: #777 !important; /* 구형 IE */
}

#header.active .header__search ::placeholder {
    color: #777 !important; /* 표준 */
}
#header.active .header__logo{
	
}
#header.active .header__nav{
	margin-top:0;
	padding:0;
	border:0;
}
#header.active .header__nav > ul{
	padding-top:0;
}
#header.active .header__nav > ul > li > a{
	color:#121212!important;
}
#header.active .header__nav > ul > li > a:hover{
	color:var(--color-primary)!important;
}
#header.active .row:nth-child(2){
	padding:2rem 0;
}

#header.active .header__search{
	background-color:#f4f4f4;
}
#header.active .header__search button{
	color:#121212;
}
.header__search ::-webkit-input-placeholder {
    color: rgba(255,255,255,0.7) !important; /* 크롬, 사파리 */
}

.header__search ::-moz-placeholder {
    color: rgba(255,255,255,0.7) !important; /* 파이어폭스 */
}

.header__search :-ms-input-placeholder {
    color: rgba(255,255,255,0.7) !important; /* 구형 IE */
}

.header__search ::placeholder {
    color: rgba(255,255,255,0.7) !important; /* 표준 */
}

.header__search{
	display:flex;
	width:250px;
	border-radius:100px;
	border:0;
	padding:0;
	overflow:hidden;
	background-color:rgba(0,0,0,0);
	border:2px solid rgba(255,255,255,.5);
	transition:.3s;
}

.header__search input{
	padding:0;
	background-color:transparent;
	border:0;
	height:auto;
	line-height:1;
	padding-left:2rem;
	padding-right:2rem;
	color:var(--color-primary);
}
.header__search input:focus{
	border:0!important;
	box-shadow:none;
}
.header__search button{
	background-color:transparent;
	white-space:nowrap;
	color:#fff;
	border:0;
	padding:1rem 1.5rem;
}
.header__search:hover{
	background-color:#fff;
}
.header__search:hover button{
	color:var(--color-primary);
}

.header--flex{
	display:flex;
	align-items:center;
}
.header--flex .header__search{
	margin-left:2rem;
}

#quick{
	position:fixed;
	right:0%;
	top:30%;
	z-index:9998;
}
#quick a{
	text-align:center;
	background-color:var(--color-primary);
	color:#fff;
	display:flex;
	align-items:center;
	padding:1rem;
	flex-direction:column;
	width:120px;
}
#quick a span{
	font-size:3rem;
}
#quick a strong{
	font-weight:normal;
	display:block;
	padding-top:.5rem;
}
#quick img{
	height:60px;
}
#quick li.woman a{
	background-color:#fff;
	border:2px solid #EE4236;
}
#quick li.woman strong{
	color:#EE4236;
	margin-top:-1rem;
}

#btn-kakao{
	background-color:#F2DC00!important;
	color:#391D1C!important;
}
#btn-naver{
	background-color:#02C03A!important;
}

.body{
	padding-top:0rem;
}
.page .page__head{
	border-bottom:0;
	padding-top:0;
	background-color:transparent;
}
.page .page__head{
	background:url('https://sorizam.com/bizdemo152013/component/board/board_10/u_image/129/1052765147_KakaoTalk_20240327_103835801_07.jpg') no-repeat center 80%;
	background-size:cover;
	animation: breath 34s linear infinite;
	position:relative;
	border:0;
	z-index:2;
	height:600px;
}
.page#cs .page__head{
	background:url('https://images.pexels.com/photos/218863/pexels-photo-218863.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat center center;
}
.page#request .page__head{
	background:url('https://images.pexels.com/photos/5673488/pexels-photo-5673488.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat center center;
}
.page#portfolio .page__head{
	background:url('https://images.pexels.com/photos/276528/pexels-photo-276528.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat center 90%;
}
.page#company .page__head{
	background:url('https://images.pexels.com/photos/7652246/pexels-photo-7652246.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat right bottom;
}
.page .page__head .container{
	height:100%;
}
.page .page__head *{
	position:relative;
	z-index:2;
}
.page .page__head:after{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-color:rgba(34,60,128,.2);
	background-color:rgba(0,0,0,.5);
}
.page .page__head > .container{

	justify-content:center;
	flex-direction:column;
	text-align:left;

}
.page .page__head .page-title{
	font-weight:bold;
	font-size:5rem;
	color:rgba(255,255,255,.99);
	position:relative;
	z-index:10;
	color:#fff;
}
.page .page__head .page-title::before{
	content:'';
	width:50px;
	height:4px;
	border-radius:0px;
	background-color:#fff;
	position:absolute;
	left:50%;
	bottom:-1rem;
	transform:translateX(-50%);
}
.page .page__head .page-desc{
	text-align:center;
	color:rgba(255,255,255,.9)!important;
	font-size:1.3rem!important;
	margin-top:2.5rem!important;
}

/* Page Menu */
.page .page-nav{
	position:absolute;
	width:100%;
	bottom:-1rem;
}
.page .page-nav > ul{
	display:flex;
	justify-content:space-between;
}
.page .page-nav > ul > li{
	flex:1 1 auto;
	position:relative;
	margin:0;
	
}
.page .page-nav > ul > li > a{
	display:block;
	padding:1.5rem 1rem;
	color:rgba(255,255,255,.9);
	background-color:rgba(0,0,0,.3);
	text-align:center;
	font-weight:500;
	font-size:1.3rem;
	position:relative;
}
.page .page-nav > ul > li > a::after{
	content:'';
	height:20px;
	background-color:rgba(255,255,255,.3);
	width:1px;
	position:absolute;
	right:-1px;
	top:50%;
	z-index:-1;
	transform:translateY(-50%);
}
.page .page-nav > ul > li:last-child > a::after{
	display:none;
}
.page .page-nav > ul > li > a#bo_cate_on{
	background-color:var(--color-primary);
	color:#fff;
	position:relative;
	z-index:22;
}
.page .page-nav > ul > li > a#bo_cate_on::after{
	display:none;
}
.page .page__body{
	padding:6rem 0;
}
.page .page__body .container{
	position:relative;
}
.page .page__body h2{
	
}

.content .nav.nav-tab{
	margin-bottom:2rem;
}
.content .nav.nav-tab > ul{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-left:10rem;
	padding-right:10rem;
}
.content .nav.nav-tab > ul:after{
	display:none;
}
.content .nav.nav-tab > ul > li{
	flex:1 1 auto;
	border:1px solid #dfdfdf;
}
.content .nav.nav-tab > ul > li > a{
	font-size:1rem;
	padding:1.2rem 2rem;
	font-weight:400;
	position:relative;
}
.content .nav.nav-tab > ul > li.active > a{
	background-color:#121212;
	color:#fff;
}
.content .nav.nav-tab > ul > li > a:hover{
	color:#121212;
}
.content .nav.nav-tab > ul > li.active > a:hover{
	color:#fff;
}
.content .nav.nav-tab > ul > li > a > small{
	font-family: 'Nanum Pen Script', cursive;
	font-weight:normal;
	border-radius:100px;
	padding:.05rem 1rem;
	letter-spacing:1px;
	background-color:#413B82;
	color:#fff;
	position:absolute;
	top:-1.3rem;
	left:50%;
	transform:translateX(-50%);
	white-space:nowrap;
	font-size:1.3rem;
	display:none
}
.content .nav.nav-tab > ul > li > a:hover > small,
.content .nav.nav-tab > ul > li.active > a > small{
	display:block;
}

.content .content__head{
	text-align:center;
	padding-bottom:3rem;
}
.content .content__head h2{
	font-size:2rem;
}
.content .content__head h2 + p{
	margin-top:.5rem;
	color:rgba(0,0,0,.5);
}

.content .box h3{
	font-size:2rem;
	display:block;
	text-align:center;
}
.content .box h4{
	font-size:1.56rem;
	display:block;
	text-align:left;
	margin-bottom:.5rem;
}
.content .box h4 + *{
	margin-bottom:2rem;
	color:#555;
}

.copyright{
	margin-top:.5rem;
	color:rgba(255,255,255,.8);
}

#footer{
	padding:2rem 0;
	background-color:var(--color-primary)!important;
}
#footer .row{
	color:rgba(255,255,255,.7)
}
#footer .footer__webinfo{

}
#footer .footer-logo{
	flex:1 1 auto;
}
#footer .footer-logo img{
	display:inline-block;
	margin-left:-.5rem;
}
#footer .footer-address{
	padding-left:0rem;
	flex:1 1 auto;
	font-size:.9rem;
}

#footer .footer__nav{
	display:flex;
	align-items:center;
	flex-direction:column;
	font-size:.9rem;
}
#footer .footer__nav .nav > ul > li{
	margin:0 .5rem;
}
#footer .footer-sns{
	margin-top:1rem;
}
#footer .footer-sns a{
	display:inline-flex;
	padding:.6rem;
	border-radius:50%;
	border:1px solid rgba(255,255,255,.1);
	line-height:1;
	color:rgba(255,255,255,.6);
	margin:0 .25rem;
	width:2.5rem;
	height:2.5rem;
	line-height:1;
	align-items:center;
	text-decoration:none;
	justify-content:center;
	transition:.3s;
}
#footer .footer-sns i{
	font-size:1rem;
}
#footer .sns_youtube:hover{
	background-color:#F70001;
	color:#fff;
	border-color:#F70001;
}
#footer .sns_instagram:hover{
	background-color:#A236B0;
	color:#fff;
	border-color:#A236B0;
}
#footer .sns_kakao:hover{
	background-color:#F1D903;
	color:#381B1C;
	border-color:#F1D903;
}
@keyframes breath {
  0%   { background-size: 100% auto; }
  50% { background-size: 140% auto; }
  100% { background-size: 100% auto; }
}

#bo_v_share .btn{display:none}

#layout-exhibition .page .page__body{
	
	background-color:#fff;
}
#layout-exhibition .page .page__body .container{

}
#layout-exhibition .page .page__head{
	
}
#layout-exhibition .page .page__body{
	position:relative;
}
#layout-exhibition .page-nav a span:not(.only-pc){
	position:absolute;
	top:-1rem;
	font-size:.8rem;
	padding:.25rem 1rem;
	background-color:#121212;
	color:#fff;
	border-radius:100px;
	display:inline-block;
	left:30%;
}
#layout-exhibition .page-nav a span.yejung{
	background-color:#aaa;
}
#layout-exhibition .page-nav a span.mijung{
	background-color:red;
	left:36%;
}

#layout-exhibition .page-nav a img{
	height:30px;
	display:block;
	margin:0 auto;
	margin-top:-0rem;
	margin-left:-1.5rem;
}

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-10px,0,0);
  }
  100% { 
	transform: translate3d(25px,0,0);
  }
}
.btn_cke_sc{
	display:none;
}

#captcha{display:inline-flex;align-items:center;}
	#captcha #captcha_info{padding-left:1rem;}
	#captcha #captcha_key{width:130px!important;margin-left:.5rem!important;margin-right:.5rem;height:40px!important}
	#captcha button{margin-right:.5rem!important}

#close-menu{
	display:none;
}
#layout-padding .page .page__body .container{
	min-width:980px;
	max-width:980px;
}

.actions{
	text-align:center;
}

#bo_cate{
	text-align:center;
	margin-top:-3rem;
}

@media(max-width:720px) {
	.header__search ::placeholder{
		color:#333!important
	}
	.register{
		width:100%!important;
	}
	#fregister p{
		font-size:.8em!important;
	}
	#captcha #captcha_info{
		display:none!important;
	}
	body.active::before{
		content:'';
		position:fixed;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:9997;
		background-color:rgba(0,0,0,.2);
	}
	#layout-padding .page .page__body .container{
		min-width:100%;
		max-width:100%;
	}

	#close-menu{
		display:inline-block;
		position:absolute;
		right:.5rem;
		top:.5rem;
		border:0;
		font-size:2rem;
		color:var(--color-primary);
	}
	html{
		font-size:12px;
	}
	body{
		overflow-x:hidden;
	}
	table th{
		white-space:nowrap;
	}
	.section-title{
		font-size:2rem!important;
	}
	.section li{
		width:50%!important;
		padding-bottom:1rem;
	}
	.section li .item img,
	#section2 img{
		height:auto!important;
	}
	.ca_info em{
		
	}
	body.active{
		overflow:hidden;
	}
	body.active:after{
		content:'';
		background-color:rgba(0,0,0,.5);
		width:100%;
		height:100%;
		z-index:9997;
		position:fixed;
		left:0;
		top:0;
	}
	header{
		z-index:9996;
	}
	.grid .mb-grid__0{
		position:fixed;
		left:-1000em;
		
	}
	.grid .mb-grid__6{
		min-width:100%;
		max-width:100%;
	}
	.container{
		min-width:100%;
		max-width:100%;
	}
	.header__logo img{
		height:25px;
	}
	.header__logo span img{
		height:50px;
		top:-.5rem;
	}	
	.grid__8.mb-grid__0{
		z-index:9999;
	}
	.header__nav{
		position:fixed;
		left:-50%;
		top:0;
		width:80%;
		height:100%;
		background-color:rgba(255,255,255,.98);
		z-index:9999;
		visibility:hidden;
		opacity:0;
		transition:.3s;
		
	}
	.header__nav > ul > li > a span{
		position:relative;
		left:auto;
		top:auto;
		display:inline-block;
		margin-left:1rem;
		transform: rotate(0deg);
		top:-3px;
	}
	.header__nav.active{
		visibility:visible;
		left:0;
		opacity:1;
		transition:.3s;
	}
	.header__nav > ul > li{
		text-align:left;
	}
	.header__nav > ul > li > a{
		display:block;
		padding:2rem!important;
		font-size:1.3rem;
	}
	#mb-nav-header{
		text-align:center;
		padding:3rem 0;
		padding-bottom:0;
	}
	#mb-nav-header ul{
		display:flex;
		justify-content:center;
		padding:1rem;
	}
	#mb-nav-header ul li{
		width:100%;
	}
	#mb-nav-header ul li a{
		display:block;
		padding:1rem;
		border:1px solid #ddd;
	}
	#mb-nav-header ul li:nth-child(1) a{
		background-color:var(--color-primary);
		color:#fff;
	}
	#mb-nav-header .mb-nav-header-img{
		padding:1rem 0;
	}
	#mb-nav-header img{
		height:50px;
	}
	#mb-nav-header .free{
		padding:3rem;
		text-align:center;
		background:#AD2AB9;
		color:#fff;
		margin-top:2rem;
		background: url('../img/bg.jpeg') no-repeat center center;
		background-size: cover;
		animation: breath 34s linear infinite;
	}
	#mb-nav-header .free strong{
		display:block;
		margin-bottom:.5rem;
		font-weight:normal;
	}
	#mb-nav-header .free a{
		text-decoration:none;
		font-size:1.3rem;
		color:#fff;
		display:inline-block;
		border:1px solid rgba(255,255,255,.2);
		padding:.4rem 1rem;
		background-color:rgba(255,255,255,.1);
	}
	.header__nav{
		
	}
	.header__nav > ul{
		display:block;
		text-align:left;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		height:100%;
		width:100%;
		overflow-y:auto;
	}
	.header__nav > ul > li{
		display:block;
		padding-right:0;
		margin-left:0;
		width:100%;
		border-bottom:1px solid #dfdfdf;
	}
	.header__nav > ul > li > a{
		display:block;
		padding:1rem 1.5rem;
	}
	.header__nav > ul > li.active > a::after{
		display:none;
	}
	.header__nav > ul > li > ul{
		display:none;
		text-align:left;
		padding:1rem 0;
		background-color:#f7f7f7;
		border-top:1px solid #ddd;
	}
	.header__nav > ul > li > ul > li > a{
		font-size:1.2rem;
		color:rgba(0,0,0,.5)!important;
		padding:1rem 1.5rem;
	}
	.header__nav > ul > li > ul > li > ul > li > a{
		font-size:1.1rem;
		padding:.5rem 3rem;
		display:inline-block;
	}
	.header__nav > ul > li > ul > li > ul > li > a:before{
		left:2rem;
	}
	.header__nav > ul > li > ul > li > a.nav_btn{
		margin-left:1.5rem;
	}
	.header__nav:before,
	.header__nav.active:before{
		display:none!important;
		position:fixed;
		left:-1000em;
		height:0;
	}
	.header__nav > ul > li > ul{
		position:relative;
	}
	#header .row:nth-child(2){
		padding:1rem 0;
	}
	
	.page .page__head{
		padding-top:0;
		animation:none;
		height:300px;
	}
	.page .page__head > .container{
		height:100%;
		padding:0;
	}
	.page .page__head .page-title{
		font-size:2.5rem;
		margin-top:2rem;
	}
	.page .page__head .page-title::before{
		width:30px;
		height:2px;
	}
	.page .page__head .page-desc{
		font-size:.9rem!important;
	}
	
	#layout-board .box{
		margin:0;
		padding:2rem;
	}
	#footer .footer-logo{
		text-align:center;
		padding-bottom:1rem;
	}
	#footer .footer-logo img{
		height:30px;
	}
	#footer .footer-address{
		font-size:.9rem;
	}
	
	#footer .footer__webinfo{
		display:block;
		text-align:center;
	}
	
	.grid__4.mb-grid__3{
		position:static;
	}
	.page .page-nav > ul > li > a{
		padding:1.5rem .5rem;
		font-size:.9rem;
	}
	
	#hd_pop{
		width:100%!important;
	}
	.hd_pops{
		width:100%!important;
		left:0!important;
		top:5rem!important;
	}
	.hd_pops .hd_pops_con{
		width:100%!important;
		height:auto!important;
	}
	
	.header__logo{
		float:left;
	}
	
	.header__time{
		float:left;
		font-size:.6rem;
		margin-top:.25rem;
	}
	
	#company img{
		height:250px;
	}
	
	.gall_row .col-gn-3{
		width:50%;
	}
	
	#mb-menu{
		border:0;
		float:left;
		font-size:2rem;
		color:var(--color-primary);
		color:#fff;
		background-color:transparent;
		padding-left:1rem;
		padding-right:1rem;
	}
	#open_search{
		border:0;
		background-color:transparent;
		float:right;
		font-size:1.7rem;
		color:var(--color-primary);
		color:#fff;
		padding-left:1rem;
		padding-right:1rem;
	}
	.content .nav.nav-tab > ul{
		padding-left:0;
		padding-right:0;
	}
	.content .nav.nav-tab > ul > li{
		width:33.333%;
	}
	
	.header__nav > ul > li > ul{
		margin-left:0;
		min-width:100%;
	}
	.header__nav > ul > li > ul > li{
		border:0;
	}
	.header__nav > ul > li > ul > li > a{
		font-size:1rem;
	}
	#layout-padding .page .page__body .container{
		min-width:100%!important;
		max-width:100%!important;
	}
	#header .row:nth-child(1){
		display:none;
	}
	#header .row:nth-child(2){

	}

	.header__search{
		margin-left:0rem!important;
		position:absolute;
		left:0;
		top:21%;
		z-index:9999;
		background-color:#fff;
		display:none;
	}
	.header__search.active{
		display:flex;
		width:100%;
	}
	
	.header__logo{
		opacity:1;
	}
	.header__logo.active{
		opacity:0;
	}
	#bo_v{
		padding:1rem!important;
	}
	#bo_cate ul{
		width:100%;
	}
	#bo_cate ul li{
		width:100%;
		flex: 1 1 auto;
	}
	#bo_cate ul li a{
		font-size:.9rem;
		padding:.25rem;
	}
	#bo_gall .gall_text_href a{
		line-height:1.6;
	}
	#woman-company{
		padding:2rem;
		text-align:center;
	}
	#woman-company img{
		height:70px;
	}
	#woman-company span{
		display:block;
	}
	
	#quick{
		position:relative;
		z-index:1000;
		padding:1rem;
	}
	#quick ul{
		display:flex;
		flex-direction:row;
		width:100%;
		justify-content:space-between;
	}
	#quick ul li{flex:1 1 auto;width:25%;}
	#quick ul li:last-child a{background-color:#121212;}
	#quick a{
		width:100%;
		display:flex;
		align-items:center;
		padding:1rem 0;
	}
	#quick img{
		height:30px;
	}
	.header--flex{
		text-align:center;
		justify-content:center;
	}
	.header__logo img{
		height:40px;
	}
	#header.active .row:nth-child(2){
		padding:1rem 0;
	}
	
	#itemWrap{
		display:block;
	}
	#item-info{
		width:100%;
		padding-left:0;
	}
	#bo_v_top{
		display:none;
	}
	
	#promotion .textbox h1{
		font-size:2rem!important;
	}
	#promotion .textbox p{
		font-size:1rem!important;
	}
	#promotion{
		height:100vh!important;
	}
	#promotion .btns .kbtn{
		margin-top:1rem!important;
	}
	
	#header.active #mb-menu,
	#header.active #open_search{
		color:var(--color-primary);
	}
}

.board{

}
.board .board__head{
	padding:2rem 0;
}
.board .board-title{
	font-size:2rem;
}
.board .board__body{
	padding:2rem 0;
}
.board .board__foot{
	clear:both;
	border-top:1px solid #dfdfdf;
	padding-top:2rem;
}