/* 공통 */

.font-white { color:#ffffff !important; }
.border-white { border-color: #ffffff !important; }
.bg-white { background-color: #ffffff !important; }
/* 공통 */

.dropdown-lang { cursor: pointer; }

.js-hiraku-offcanvas-sidebar {
	background: url(/_yclass/img/m_menu_bg.jpg);
	background-size: cover;
}

#sidebar .title_wrap {
	background-color: #0f0f1e;
}

.sidebar-offcanvas .btn-group {
	padding-left: 33px;
}



.index-content .section-03 {
	margin-top: 0px;
}

.langimg{
	width:30px;
}

.footer .footermenu {
	display: none;
}

.footer .footeraddress {
	padding-top:50px;
	text-align: center;
}

.footer address,
.footer p.copyright {
	font-size: 13px;
}

.footer address,
.footer p.copyright {
	color: #6d6d6d !important;
}


@media (max-width: 768px) {
	.footer address .line-pc { display: none; }
	.footer address .line-mo { display: inline-block; }
	
	/* overview */
	section .table_wrap .table th { width: 100px !important; }
	
	/*  */
	.s_visual_wrap .slide .content p { letter-spacing: -0.6 !important; }	
	.s_visual_wrap .slide .content { top: 39% !important;	}	
	.mobDisplaynone { display: none !important; }	
	.company_02 .title-wrap p{ font-size: 12px !important; }	
	div, li, ul, p, dl, dt, dd, h1, h2, h3, h4, h5, h6, th, td { font-size: 12px !important; }
	.footer address, .footer p.copyright { font-size: 12px !important; }
	
	#sub_content > div > section > div.row > div.col-md-5 > div > h2 {
		font-size: 20px !important;
	}
	section.company_03 .history-left span {
		padding-left: 6px !important;		
		line-height: 27px !important;
	}
	
	.s_visual_wrap .slide .content h1{
		font-size: 20px !important;
	}
	
	#sub_content .page-header h1{
		font-size: 20px !important;
	}
	
	#sub_content > div > section > section > div.title-wrap > p {
		letter-spacing: -0.1px;
	}
	
	section .table_wrap caption {
		font-size: 16px !important;
	}
	
	.btn.btn-pack {
		width: 80px !important;
		height: 28px !important;
		line-height: 28px !important;
		padding: 0px !important;
	}
	
	.qna_privacy > div {
		letter-spacing: -0.1px !important;
	}
	
	.qna_privacy > div > p.conarea {
		letter-spacing: -0.5px !important;
	}
	
	.mo-font-32 h1 { font-size: 32px !important; }
	
	.bgPlayerMo { display: block; }
	.bgPlayerPc { display: none; }
	
	section.company_02 .company_img01 {
		background-size: contain;
	}
	section.company_02 .title-wrap {
		margin-top: 0px;
	}
	
}

@media (min-width: 769px) {
	.footer address .line-pc { display: inline-block; }
	.footer address .line-mo { display: none; }
	
	/* PC 전용 공통 */
		.font-size-13 { font-size: 13px !important; }
		.font-size-20 { font-size: 20px !important; }
		/* 콘텐츠 간격 */
		.letter-spacing-01 { letter-spacing: -0.1; }
		.letter-spacing-02 { letter-spacing: -0.2; }
	/* PC 전용 공통 */
	
	/* history */
	section h3.section_title_01 {
		font-size: 24px !important;
		font-weight: 300 !important;
	}
	section.company_03 .history-left p.text{
		font-weight: 300 !important;
	}
	
	/* main */
	.index-content .section-03 .title_wrap h2{
		font-size:42px !important;
	}
	.bgPlayerMo { display: none; }
	.bgPlayerPc { display: block; }
}



/* lang */

#header_wrap.top_menu_06 .top_right_menu { /* 지우면 안됨 기본 위치 값 */
	float: right;
	top: 0;
	position: absolute;
	right: 0;
	margin-top: 43px;
}

#header_wrap.top_menu_06 .dropdown-menu{
	border:0px;
	box-shadow:none;
}

#header_wrap.top_menu_06 .top_right_menu .dropdown-lang{
	position : relative;
	display : inline-block;
	cursor: hand;
}

#header_wrap.top_menu_06 .top_right_menu .dropdown-menu {
	margin:4px 0;
	padding:0px;
	background-color: transparent;
}

#header_wrap.top_menu_06 .top_right_menu .dropdown-menu>li{
	float: left;
}

#header_wrap.top_menu_06 .top_right_menu .dropdown-menu>li:nth-child(2){
	margin-left:7px;
	margin-right:7px;
}

#header_wrap.top_menu_06 .top_right_menu .dropdown-menu>li:nth-child(3){	
	margin-right:7px;
}

#header_wrap.top_menu_06 .top_right_menu .dropdown-menu>li:nth-child(4)>a>img{	
	width:31px;
}


#header_wrap.top_menu_06 .top_right_menu .dropdown-menu>li>a{
	padding:0px;
	width:30px;
	height:auto;
}

/* mobile lang */
#sidebar .copy { color:#ffffff; width: 100%; text-align: center; margin-top:100px;}
#sidebar .lang-menu { display: contents; }
#sidebar .lang-menu li{ float: left;  width: 25%;}



/* lang */




/* 게시판 관리자 아이콘 */
a.btn, .btn {
	/*padding: 10px 10px !important;*/
}

/* 체크박스 체크 위치 조정 */
input[type=checkbox], input[type=radio] {
	margin: -7px 0 0 !important;
}


/* pc 영역 좌측 상단 로고 */
#header_wrap .container a{
	display: inline-block;
	width :113px;
	height : 40px;
}

#header_wrap .container a.logobox {
	background-image : url('/_yclass/img/logo_wo.png');
}

#header_wrap:hover > .container a.logobox {
	background-image : url('/_yclass/img/logo_bo.png');
}

#header_wrap .container a.logobox:hover{
	/*background-image : url('/_yclass/img/logo_bo.png');*/
}

/* pc 영역 좌측 상단 로고 */


/* 하단 폰트 */
.footer address, .footer p.copyright{
	color: #ffffff !important;
}
/* 하단 폰트 */



/* 메뉴 탑 배너 배경 컬러 */
.s_visual_wrap .slide li.data-image {
	background-color: #010006;
}

/* 메뉴 탑 배너 배경 컬러 */



/* 제품 소개 */
section.expertise #tab_wrap .nav-tabs.four > li {
	width: 50% !important;
}


section.expertise #tab_wrap .nav-tabs > li > a#bo_cate_on {
		background-color: #fff;
		border-top: 2px #000 solid;
		font-weight: 900;
}
/* 제품 소개 */




/* 우측 하단 탑 버튼 */
#top_btn {
	border-radius: 100%;
}
/* 우측 하단 탑 버튼 */



/* 게시판 리스트 , 우측 상단 관리자 메뉴 연필 아이콘 표기 하기 */
#bo_btn_top > ul > li:nth-child(3) > a > i {
	font : normal normal normal 14px/1 FontAwesome !important;
}
#bo_btn_top .btn_bo_user li {
	border: 0px !important;
}

.list-inline>li {
	/*margin-bottom: 10px;*/
}

section .table_wrap .table th {
	width: 200px;
}
/* 게시판 우측 상단 관리자 메뉴 연필 아이콘 표기 하기 */


/* 게시판 제품 등록 */

#bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6, #bo_w #wr_8, #bo_w #wr_10, #bo_w #wr_12, #bo_w #wr_14, #bo_w #wr_16 {
	margin-left: 1%;
}
/* 게시판 제품 등록 */


/* overview */
@media (max-width: 768px) {
	section.company_02 .box1 {
		height: 47vh;
	}
}

@media (min-width: 769px) {
	section.company_02 .box1 {
		height: 600px;
	}
}
/* overview */






/* 메인 하단 제품 웹진형 */

.index-content .section-02 .slick-slide,
.index-content .section-03 .slick-slide{
	height:auto;
}

.index-content .section-05 .latest-paper .btn_wrap .bt_lnk.black{
	height:auto;
}

.index-content .section-05 {
		margin-bottom: 100px;
}



/* 메인 하단 제품 웹진형 */