@charset "UTF-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* 기준(공통) CSS */
*|* {box-sizing: border-box;}
	*|*:before, *|*:after {box-sizing: border-box;}
.body-wrap			{clear: both;	position: relative;	min-width: 1300px; margin: 0px auto; overflow: hidden;}
.body-Contents-wp	{position: relative; min-height: 1000px; margin: 60px 0 120px 0; text-align: left; z-index: 1;}
.container-n		{position: relative; width: 1200px;	margin: 0 auto; padding: 0;	vertical-align: top;}
.Noto				{font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;}



/********************************************************************************************************************************
* 완전정복! 계정과목별 회계와 세무
********************************************************************************************************************************/
/*------- 공통 ------------------------------------------*/
.sub-accSubject-wp .comm-section {position: relative; padding: 110px 0;}

.sub-accSubject-wp .middel-Banner {
	height: 140px;
	text-align: center;
	background: #618bef;
	background: -moz-linear-gradient(left,  #618bef 51%, #ff643c 52%);
	background: -webkit-linear-gradient(left,  #618bef 51%,#ff643c 52%);
	background: linear-gradient(to right,  #618bef 51%,#ff643c 52%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#618bef', endColorstr='#ff643c',GradientType=1 );
	overflow: hidden;
	}


/*------- Top ------------------------------------------*/
.sub-accSubject-wp .big-Banner {
	position: relative;
	height: 750px;
	text-align: center;
	background: #1e1f31 url('../../../images/accSubject_big_Banner.png') no-repeat 50% 0;
	}

.sub-accSubject-wp .qucik-menu {text-align: center; background: #0b7f74;}
	.sub-accSubject-wp .qucik-menu a {
		display: inline-block;
		position: relative;
		width: 320px; height: 150px;
		padding: 46px 0 0 0;
		font-size: 19px; color: #fff; letter-spacing: -1.2px; line-height: 140%; font-weight: 300; text-decoration: none; vertical-align: middle;
		}
		.sub-accSubject-wp .qucik-menu a strong {display: block; font-size: 21px; font-weight: 500;}

		.sub-accSubject-wp .qucik-menu a:hover::after {
			content: "";
				position: absolute; bottom: 10px; left: 50%;
				width: 0; height: 0;
				margin: 0 0 0 -12px;	
				border: 12px solid;
				border-color: #ff643c transparent transparent transparent;
			}
			.sub-accSubject-wp .qucik-menu a.End:hover::after {display: none;}

		.sub-accSubject-wp .qucik-menu a.active {color: #000; font-weight: 200; background: #e0eff1;}
			.sub-accSubject-wp .qucik-menu a.active::after {
				content: "";
				position: absolute; bottom: 10px; left: 50%;
				width: 0; height: 0;
				margin: 0 0 0 -12px;	
				border: 12px solid;
				border-color: #0b7f74 transparent transparent transparent;
				}
			.sub-accSubject-wp .qucik-menu a.active strong {color: #000 !important;}

			.sub-accSubject-wp .qucik-menu a .yellow {color: yellow;}
				.sub-accSubject-wp .qucik-menu a.active .yellow {color: #000 !important;}
		
		.sub-accSubject-wp .qucik-menu a.icon:before {
			content: "";
			display: block;
			position: absolute; top: -40px; right: 10px;
			width: 94px; height: 94px;
			background: url('../../../images/accSubject_bar_icon.png') no-repeat 0 0;
			animation: accSubject_ani 0.8s infinite;
			}
			@keyframes accSubject_ani {
				50% {top: -36px;}
				}


/*------- 교육대상 ------------------------------------------*/
.sub-accSubject-wp .target-wp {padding-bottom: 100px; text-align: center; background: #e0eff1;}
	.sub-accSubject-wp .target-wp .container-n .click {position: absolute; top: 617px; left: 725px;}


/*------- 교육특징 ------------------------------------------*/
.sub-accSubject-wp .features-wp {padding-bottom: 0px; background: #f2f2f2 url('../../../images/accSubject_features_img03_bg.png') no-repeat right bottom;}
	.sub-accSubject-wp .features-wp .ot {
		position: relative;
		height: 511px;
		text-align: center;
		z-index: 2;
		}
		.sub-accSubject-wp .features-wp .ot:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 240px; background: #cfcfcf; z-index: -1;}

		.sub-accSubject-wp .features-wp .ot .video {position: absolute; top: 0; left: 50%; width: 801px; height: 450px; margin: 0 0 0 -400.5px; overflow: hidden;}

		.sub-accSubject-wp .features-wp .ot .video video {
			position: absolute; top: 0; bottom: 0; left: 0; right: 0;
			width: 100% !important; height: 100%; min-height: 100%;
			-webkit-font-smoothing: subpixel-antialiased;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-ms-user-select: none;
			-moz-user-select: none;
			user-select: none;
			overflow: hidden;
			}
			.sub-accSubject-wp .features-wp .ot .video .vjs-big-play-button {display: none !important;}

			.sub-accSubject-wp .vjs-icon-placeholder, .sub-accSubject-wp .vjs-remaining-time-display,
			.sub-accSubject-wp .vjs-play-progress, .sub-accSubject-wp .vjs-slider-bar {color: #fff !important;}
			.sub-accSubject-wp .vjs-playback-rate .vjs-playback-rate-value {padding-top: 5px; font-size: 17px !important; color: #fff !important;}
			.sub-accSubject-wp .vjs-menu li {font-size: 17px !important; color: #fff !important;}
			.sub-accSubject-wp .vjs-menu li.vjs-selected {color: #000 !important;}
			.sub-accSubject-wp .video-js .vjs-volume-level:before {color: #fff !important;}

			.sub-accSubject-wp .video-downLoad-txt {position: absolute; bottom: -25px; left: 0; font-size: 13px;}

			
/*------- 구성 ------------------------------------------*/
.sub-accSubject-wp .contents-wp {padding-bottom: 90px; text-align: center;}
.sub-accSubject-wp .contents-wp .container-n::after {
	content: "";
	display: block;
	position: absolute; bottom: -20px; right: 180px;
	width: 100px; height: 81px;
	background: url('../../../images/accSubject_click.png') no-repeat 0 0;
	transform: scale(1);
	animation: accSubject_ani2 0.8s infinite;
	}
	@keyframes accSubject_ani2 {
		50% {transform: scale(1.2);}
		}


/*------- 기타 ------------------------------------------*/
.sub-accSubject-wp .guide-wp {height: 880px; padding-bottom: 65px; text-align: center; background: #f2f2f2 url('../../../images/accSubject_guide_bg.jpg') no-repeat 50% 0;}
.sub-accSubject-wp .etc-wp {height: 820px; padding-top: 105px; text-align: center; background: #222 url('../../../images/accSubject_etc_bg.jpg') no-repeat 50% 0;}


/*------- 회계처리 실무 사례와 해설 ------------------------------------------*/
.sub-accSubject-wp .acc-window-wp {padding-bottom: 120px; text-align: center; background: #03756a;}

/*------- 완전정복 IFRS 계정과목별 회계와 세무 상세 보강 ------------------------------------------*/
.mCustomScrollBox {
    overflow: initial !important;
}
.txt-valign {
    flex: 1 !important;
	font-weight: initial !important;
	font-size: initial !important;
}
.fr-Left-wp nav li.active a .txt-valign {
	font-size: 14px !important;
	font-weight: 500 !important;
}
.fr-Left-wp nav li a .txt-valign {
	font-size: 13.5px !important;
}