/* 공통 */
a, img { border:0px !important; }

@media (min-width: 768px) {
		
}

@media (min-width: 768px) {
	/* 상단 */
	
	/* #header { background: #081537; } */
	#header { background: #111111; }
	#mainMenu li { font-size: 12px; }
	#mainMenu a{ color: #ffffff !important; }
	#gnbb { display: none; }
	#lnb { margin-right: 0; }
	#header [class~=wrap_box] { max-width: 100%; }
	#header h1 { left:2.5%; }
	/*[class~=jbFixed] [class~=header_in] { background: #081537; }*/
	#header .p_logo_w { 
		background-image: url("/_yclass/img/logo.png");
		background-size: 90px;
		width: 90px; height:50px; position: absolute; top: 14px;
	}
	#header_wrap [class~=jbFixed] .p_logo_w { 
		background-image: url("/_yclass/img/logo_black.png");
		background-size: 90px;
		width: 90px; height:50px; position: absolute; top: 14px;
	}
	
	[class~=jbFixed] [class~=header_in] #lnb [class~=lnb_wrap] > ul > li > a {color:#111111 !important; }
	
	/*#lnb [class~=lnb_sub] li a {	color:#111111 !important; }*/
	#header #mainMenu .lnb_sub > li > a:hover {	color:#111111 !important; }
	
	#header_wrap [class~=jbFixed] .lnb_sub > li > a {	color:#111111 !important; }
	
	
	
	/* 메인 슬라이드 배너 */
	
	#main_visual [class~=sliderkit-text] { /* max-width: 100%; */ text-align: left; }
	#main_visual .bigTxt1 { font-weight: 600 !important; color: #f1c586 !important; text-transform : uppercase; font-size: 63px !important; }
	#main_visual .middleTxt1 { font-weight: 400 !important; text-transform : uppercase!important; font-size: 63px !important; margin-top: -30px; }
	#main_visual .underline { margin-bottom: 30px; }
	#main_visual .smallTxt1 { font-style: italic; margin-top:10px; margin-bottom:20px; }
	#main_visual .smallTxt2 { font-size: 17px !important; color:#bbbbbb !important; letter-spacing: 0px !important; line-height: 30px !important; }
	#main_visual .viewMore{ color: #f1c586 !important; text-transform : uppercase; font-size: 15px !important; margin-top:50px; }
	#main_visual .viewMore span { letter-spacing: -1.5px; font-size: 15px !important; margin-top:50px; }
	#main_visual [class~=pagination] [class~=pagination-in] [class~=swiper-pagination-bullet-active] { width: 20px !important; height: 7px !important; border-radius: 0 !important; }
	#main_visual [class~=pagination] [class~=pagination-in] [class~=swiper-pagination-bullet] { width: 10px; border-radius: 0 !important; height: 7px !important; }
	#main_visual [class~=sliderkit-text] div[class~=lviewa] { max-width: 50%; }
	#main_visual [class~=sliderkit-text] div[class~=sviewa] { max-width: 60%; }
	#main_visual [class~=pagination] [class~=pagination-in] [class~=swiper-pagination] { bottom: 2%; }
	#main_visual [class~=pagination] { position: sticky !important; bottom: 2% !important; height: 10% !important; }
	#main_visual .mainbnLink { cursor: pointer; }
	
	
	/* start btn */
	#main_visual .mainQuickBtn {
		z-index: 2;
		position: absolute;
		bottom: 70px;
		left: 50%;
		width: 60px;
		margin-left: -30px;
		text-align: center;
		transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
		-webkit-animation: scroll-down-anim 1s infinite;
		-moz-animation: scroll-down-anim 1s infinite;
		-o-animation: scroll-down-anim 1s infinite;
		animation: scroll-down-anim 1s infinite; 
	}
	
	#main_visual .mainQuickBtn i { color:#ffffff !important; }
	#main_visual .mainQuickBtn i:hover { color:#f1c586 !important; }

	
	

	#main_btn { display: none; }
	#footer .foot_m { display: none; }
	
	/* 메인 제품 소개 배너 */
	#busi_wrap { text-align: center; }
	.main_bn_box .main_bn_content { display: flex; }
	#busi_wrap .main_bn_content .main_bn_left {	width:50%; text-align: right; padding-right:20px; }
	#busi_wrap .main_bn_content .main_bn_right { width:50%; text-align: left; padding-left:20px; }
	#busi_wrap .main_bn_content .main_bn_left img,
	#busi_wrap .main_bn_content .main_bn_right img { transition: transform .5s ease, padding .5s ease; }
	#busi_wrap .main_bn_content .main_bn_left:hover img,
	#busi_wrap .main_bn_content .main_bn_right:hover img{ transform: translate(0,-10px); }

	/* 메인 보유 설비 */
	.danilBox{ position: relative; }
	.row-sm-height { display: table; table-layout: fixed; margin: 0; height: 100%; width: 100%; }
	.contentBox { display: table-cell; float: none; height: 100%; vertical-align: middle; }
	.col-sm-6 { width: 50%; }
	.col-xs-6, .col-xs-12 { position: relative; min-height: 1px; }
	.text-left { text-align: left; }
	.danilBox img { vertical-align: middle; max-width: 100%; }
	.danilBox .txt div { background-color: #fbfbfb; padding: 60px 50px; margin-left: -90px; }
	.danilBox h4.h4 { color: #333333; font-size: 31px; font-weight: 600; }
	.danilBox h6.h6 { color: #666; font-size: 16px; line-height: 24px; font-weight: 400; }
	.mg-sm-t50 { margin-top: 50px !important; }
	.danilBox .btn-more.small span:nth-child(1){ color: #333; font-size: 13px; text-transform: uppercase;  letter-spacing: 0.5px; padding: 0; transition: 0.3s; }
	.danilBox .btn-more.small span:nth-child(2){ color: #333; font-size: 13px; text-transform: uppercase; letter-spacing: -1.5px; padding: 0; transition: 0.3s; }
	.danilBox .btn-more.small span:nth-child(1):hover { color:#f1c586; }
	.btn-more { text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.3); }
	.danilBox .btn-more.small span { letter-spacing: -1.5px; }
	.danilBox2{ margin-top:200px; margin-bottom:200px; }
	.danilBox2 .txt div { background-color: #fbfbfb; padding: 60px 50px; padding-left: 29%; position: relative; margin-right: -90px; z-index: 999; }
	.danilBox2 .rightcontentBox { z-index: 1; }
	
	/* 우측 퀵 버튼 */
	.quickmenu { display: inline-block; position: absolute; top:60%; right:2%; z-index: 999; }



}





/* 하단 */
#footer,
#footer .copyright{ border:0; background: #3C3C3C; }
#footer div,
#footer span,
#footer li,
#footer a,
#footer h1,
#footer .inner,
#footer .copyright{ color: #ccc;	font-size: 11px; }
#footer{ padding-top:50px; text-align: center; }
#footer .cscenter{ margin-top:-10px; }
#footer .address{ margin-top:30px; font-size: 13px !important; }
#footer .foot_copy{ margin-top:10px; }
#footer .privacy_policy{ margin-top:50px; }
#footer .foot_p .line { margin-left:10px; margin-right:5px; position: relative; top: -2px; font-weight: 900; }
#footer .cscenter.foot_p .line { top: 0.3px; }


/* Scroll down icon */
@-webkit-keyframes scroll-down-anim {
	0%{ bottom: 55px; }
	50%{ bottom: 70px; }
	100%{ bottom: 55px; }
}
@-moz-keyframes scroll-down-anim {
	0%{ bottom: 55px; }
	50%{ bottom: 70px; }
	100%{ bottom: 55px; }
}
@-o-keyframes scroll-down-anim {
	0%{ bottom: 55px; }
	50%{ bottom: 70px; }
	100%{ bottom: 55px; }
}
@keyframes scroll-down-anim {
	0%{ bottom: 55px; }
	50%{ bottom: 70px; }
	100%{ bottom: 55px; }
}







@media (max-width: 767px) {
	#busi_wrap, .danilBox, .quickmenu, .mainQuickBtn { display: none; }
	#footer .foot_p { display: none; }
	#footer .foot_m { display: block; }
	
	/* 모바일 로고 */
	#mobile_header h1 img { width: 90px; }
	/* #mobile_header [class~=inner] { background: #081537; } */
	#mobile_header [class~=inner] { background: #111111; }
	#mobile_header [class~=m_gnb] li[class~=category] a i.fa-align-justify { color: #ffffff; }
	.jbmFixed [class~=m_gnb] li[class~=category] a i.m_menu_fxied { color: #111111 !important;}

	#mobile_header { height: 70px; }
	#mobile_header [class~=inner] { height: 70px; }	
	#mobile_header > div > ul { position: absolute; top: 0; right: 13%; }
	#mobile_header h1 { text-align: left; margin: 0; margin-left:4%;}
	
	#mobile_header .m_logo_w { 
		background-image: url("/_yclass/img/logo.png");
		background-size: 90px;
		width: 90px; height:50px; position: absolute; top: 14px;
	}
	
	.jbmFixed .m_logo_w_fxied { 
		background-image: url("/_yclass/img/logo_black.png") !important;
		background-size: 90px;
		width: 90px; height:50px; position: absolute; top: 14px;
	}
	.jbmFixed .inner { background: #ffffff !important; }
	
	
	/* 사이드 메뉴 */
	#sideMenu { background: #111111; opacity: 0.95; transition: opacity 0.15s linear; zoom: 1.7; }
	
	#sideMenu > div.side_title.qbt > i { font-size: 15px; }
	
	#sideMenu .navi_bg i { margin-right: 20px !important; }
	
	#sideMenu [class~=side_title] { background: transparent; }
	#sideMenu [class~=navi_set] > div { background: transparent; }
	
	#sideMenu [class~=navi_set] > div { color: #aaa; }
	#sideMenu [class~=subnav1] ul li a { color: #ffffff; background: transparent; }
	
	#sideMenu [class~=navi_set] ul li { border-bottom: 1px solid #333; }
	#sideMenu [class~=navi_set] > div { border-bottom: 1px solid #333; }
	
	#sideMenu [class~=subnav1] ul li { border-bottom: 0px solid #333; }
	
	
	#sideMenu > div.navi_bg > div > ul > li div { font-size: 8px;}
	#sideMenu > div.navi_bg > div > ul > li > ul > li > a { font-size: 8px;}
	
	.font-white { color:#ffffff !important; }
	
	
	/* 메인 슬라이드 배너 */
	/*#main_visual [class~=swiper-slide] { height: 400px;	}*/
	#main_visual .backgroundimg { text-align: center; width: 100%; }
	#main_visual [class~=swiper-slide] [class~=backgroundimg] img { text-align: center; }		
	#main_visual [class~=sliderkit-text] { top: 17%; left: 10%; text-align: left; }	
	#main_visual .bigTxt1 { font-weight: 800 !important; color: #f1c586 !important; text-transform : uppercase; font-size: 1.5rem !important; }
	#main_visual .middleTxt1 { font-weight: 400 !important; text-transform : uppercase!important; font-size: 1.5rem !important; margin-top: -15px; }
	
	
	#main_visual [class~=sliderkit-text] div[class~=lviewa] { max-width: 100%; }
	#main_visual [class~=sliderkit-text] div[class~=sviewa] { max-width: 100%; }
	#main_visual .underline,
	#main_visual .smallTxt1,
	#main_visual .smallTxt2,
	#main_visual .viewMore { display: none; }
	
	#main_visual [class~=pagination] [class~=pagination-in] [class~=swiper-pagination] { bottom: 5%; }
	#main_visual [class~=pagination] { position: sticky !important; bottom: 5% !important; height: 10% !important; }
	#main_visual [class~=pagination] [class~=pagination-in] [class~=swiper-pagination-bullet-active] { width: 20px !important; height: 7px !important; border-radius: 0 !important; }
	#main_visual [class~=pagination] [class~=pagination-in] [class~=swiper-pagination-bullet] { width: 10px; border-radius: 0 !important; height: 7px !important; }

	
	/* 모바일 메인 버튼 배너 */ 
	#main_btn { display: block; }
	#main_btn .main_btn_box { width: 100%; text-align: center; }
	#main_btn a:nth-child(1) img,
	#main_btn a:nth-child(2) img,
	#main_btn a:nth-child(3) img,
	#main_btn a:nth-child(4) img { vertical-align: middle; max-width: 100%; }
	#main_btn a:nth-child(5) img { vertical-align: middle; width: 100%; }
	
	
	/* 하단 */
	#footer .address { font-size: 14px !important; }
	#footer [class~=inner] { padding: 0 0 15%; }
	#footer .foot_m .line { margin-left:10px; margin-right:5px; position: relative; top: -2px; font-weight: 900; }
	
	
	/* 문의 하단 개인 정보 보호 정책 */
	.agree_list span { display: none; }
}










/* 인사말 */
@media (min-width: 768px) {
	/* 인사말 */
	.company > div.ceo_txt.wow.fadeInRight.animated > h2 { font-weight: 500 }
	.company > div.ceo_txt.wow.fadeInRight.animated > p { font-size: 17px; }
	.company .fadeInLeft { width: 40% !important; }
	.company .fadeInRight { width: 60% !important; }		
}

@media (max-width: 767px) {
	/* 인사말 */
	.company .fadeInRight h2 { font-size: 1.2rem !important; font-weight: 500 }
	.company .fadeInRight p { font-size: 17px; }	
	.company .fadeInLeft img { width: 100% !important; }
}

#sub_visual .company01 .company01bg {
	background:url('/_yclass/img/company1_bg.jpg') no-repeat !important;
	background-size: cover !important;
}

@font-face {
	font-family: 'InkLipquid';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.ceo_sign b { font-size: 30px; font-family: 'InkLipquid',sans-serif; }















/* */