@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;}



/********************************************************************************************************************************
* 공통
********************************************************************************************************************************/
.Noto > * {
	margin: 0; padding: 0;
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
	font-size: 13px; color: #333; letter-spacing: 0; line-height: 100%; font-weight: 300; vertical-align: middle;
	}

/* 반응형 끄기 */
.container {
	position: relative;
	width: 1200px !important;
	min-width: 1200px !important; max-width: none !important;
/*	border-left: 1px dotted red; border-right: 1px dotted red;	*/
	}
header, article, footer {
	position: relative;
	min-width: 1200px !important; max-width: none !important;
	
	}

.sub-cnAacc-wp .flex {display: flex !important;	align-items: center;}
	.sub-cnAacc-wp .txt-valign {flex: 1;}


/*----- Section Frame --------------------------------------------------------------------------------*/
.sub-cnAacc-wp .comm-frame {clear: both; position: relative; min-width: 1300px; padding: 80px 0 90px 0; overflow: hidden;}
	.sub-cnAacc-wp .comm-frame.bg {background-color: #efeff2;}

	/*----- title -----*/
	.sub-cnAacc-wp .comm-frame .title {margin: 0 0 40px 0; padding: 0; text-align: center;}
		.sub-cnAacc-wp .comm-frame .title .icon {
			display: block;
			margin: -25px auto 10px auto;
			width: 43px; height: 43px;
			font-size: 1px; color: transparent; line-height: 1px;
			background: url('../../../images/cnAacc_tit_ic.png') no-repeat 0 0;
			}
		.sub-cnAacc-wp .comm-frame .title.white .icon {background-image: url('../../../images/cnAacc_tit_ic(black).png');}

		.sub-cnAacc-wp .comm-frame .title h3 {
			display: inline-block;
			position: relative;
			margin: 0 0 6px 0;
			font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
			font-size: 46px; color: #111; letter-spacing: -4px; line-height: 130%; font-weight: 300;
			}
		.sub-cnAacc-wp .comm-frame .title.white h3 {color: #fff;}
		.sub-cnAacc-wp .comm-frame .title h3.big {font-size: 3.2em;}
		.sub-cnAacc-wp .comm-frame .title strong {display: inline-block; margin: 0 0 0 2px; font-weight: 700;}
		.sub-cnAacc-wp .comm-frame .title h3 .big {
			display: inline-block;
			margin: 0 0 0 0;
			font-size: 130%;
			}
		.sub-cnAacc-wp .comm-frame .title h3 .dot {display: inline-block; margin: 0 0 7px 4px; font-size: 150%; vertical-align: text-bottom;}
		.sub-cnAacc-wp .comm-frame .title h3 .eng {display: inline-block; margin: 0 0 2px 0; font-size: 120%; letter-spacing: -3px; vertical-align: text-bottom;}

		.sub-cnAacc-wp .comm-frame .title.sign h3::before {
			content: "[";
			position: absolute; top: 2px; left: -30px;
			font-size: 130%; color: #e94e1b; font-weight: 700;
			}
		.sub-cnAacc-wp .comm-frame .title.sign h3::after {
			content: "]";
			position: absolute; top: 2px; right: -30px;
			font-size: 130%; color: #e94e1b; font-weight: 700;
			}

		.sub-cnAacc-wp .comm-frame .title h4 {
			display: block;
			margin: 0 0 0 0; padding: 0 0 10px 0;
			font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
			font-size: 16px; color: #999; letter-spacing: -0.2px; line-height: 140%;
			}



/********************************************************************************************************************************
* Top banner
********************************************************************************************************************************/
.sub-cnAacc-wp .main-banner {
	clear: both;
	position: relative; top: 0; bottom: 0; left: 0; right: 0;
	min-width: 1300px !important; max-width: none !important;
	margin: 0; padding: 0;
	background-color: #fff;
	z-index: 1;
	overflow: hidden;
	}
.sub-cnAacc-wp .main-banner .gallery-top {height: 660px;}

.sub-cnAacc-wp .main-banner .gallery-top .swiper-slide {
	background-position: 50% 50% !important;
	background-repeat: no-repeat;
	background-size: cover;
/*	background-size: 100% auto;	*/
	}
.sub-cnAacc-wp .main-banner .gallery-top .swiper-slide::after {
	content: "";
	display: block;
	position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	background: rgba(0,0,0, 0.65) url('../../../images/cnAacc_main_visual_dot.png') repeat;
	z-index: 2;
	}

.sub-cnAacc-wp .main-banner .gallery-top .swiper-pagination {padding-bottom: 0px;}
.sub-cnAacc-wp .main-banner .gallery-top .swiper-pagination .swiper-pagination-bullet {background-color: rgba(255,255,255, 0.7);}

.sub-cnAacc-wp .main-banner .swiper-slide-active .wow.animated-item-1 {animation: fadeInLeftShort 0.3s linear 0.3s both;}
.sub-cnAacc-wp .main-banner .swiper-slide-active .wow.animated-item-2 {animation: fadeInRightShort 0.3s linear 0.6s both;}
.sub-cnAacc-wp .main-banner .swiper-slide-active .wow.animated-item-3 {animation: fadeInUpShort 0.3s linear 0.9s both;}
.sub-cnAacc-wp .main-banner .swiper-slide-active .wow.animated-item-4 {animation: fadeInUpShort 0.3s linear 1.2s both;}

.sub-cnAacc-wp .main-banner .swiper-pagination-bullet-active {background-color: #ff5529 !important;}

/* video */
.sub-cnAacc-wp .main-banner .gallery-top .swiper-slide video {
	display: block;
	position: absolute; top: -250px; bottom: 0; left: 0; right: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto;
	}
@media screen and (max-width: 1600px) {
	.sub-cnAacc-wp .main-banner .gallery-top .swiper-slide video {top: -100px;}
	}
@media screen and (min-width: 800px) and (max-width: 1599px) {
	.sub-cnAacc-wp .main-banner .gallery-top .swiper-slide video {top: 0px;}
	}

.sub-cnAacc-wp .main-banner .gallery-top .swiper-slide .bg {
	content: "";
	display: block;
	position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	background: rgba(0,0,0, 0.5);
	z-index: 3;
	}
.video-License {display: none;}

/*----- Navigation -----*/
.sub-cnAacc-wp .main-banner .Navi {
	position: absolute; top: 90px; left: 0; right: 0;
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	z-index: 4;
	transition: all 0.2s ease;
	}
.sub-cnAacc-wp .main-banner .Navi.txt-up {top: 0px; transition: all 0.4s ease-in-out;}

.sub-cnAacc-wp .main-banner .Navi h1 {
	display: block;
	margin: 0 auto 22px auto;
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
	font-size: 54px; color: #fff; letter-spacing: -5px; line-height: 130%; font-weight: 300; text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.3);
	z-index: 10;
/*	visibility: hidden;	*/
	}
.sub-cnAacc-wp .main-banner .Navi h1 .eng {
	display: inline-block;
	margin: 0 2px 2px 0;
	font-size: 60px; letter-spacing: -0.5px; vertical-align: text-bottom;
	}
.sub-cnAacc-wp .main-banner .Navi h1 strong {display: inline-block; margin-top: 5px; font-size: 62px; font-weight: 500;}

.sub-cnAacc-wp .main-banner .Navi h2 {
	display: block;
	margin: 0 auto 50px auto;
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
	font-size: 16px; color:rgba(255,255,255, 0.6); letter-spacing: -0.2px; line-height: 140%; font-weight: 100; text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.3);
	z-index: 10;
	}
.sub-cnAacc-wp .main-banner .Navi h2 strong {
	display: block;
	margin: 0 0 10px 0;
	font-size: 20px; color:rgba(255,255,255, 0.8); letter-spacing: -1px; font-weight: 300;
	}


.sub-cnAacc-wp .main-banner .Navi ul {display: inline-block;}
.sub-cnAacc-wp .main-banner .Navi li {
	float: left;
	margin: 0 60px 0 0;
/*	visibility: hidden;	*/
	}
.sub-cnAacc-wp .main-banner .Navi li:last-child {margin-right: 0;}
.sub-cnAacc-wp .main-banner .Navi li a.item {
	display: block;
	position: relative; bottom: 0;
	width: 200px; height: 200px;
	padding: 0 0 6px 0;
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
	font-size: 20px; color: #fff; letter-spacing: -1px; line-height: 130%; font-weight: 300; text-align: center; text-decoration: none;
	border-radius: 100%;
	background-color: rgba(255,100,60, 0.6);
	transform: translate3d(0,0,0);
	box-shadow: 0 0 0 0 rgba(255,100,60, 0.4);
    transition: 0.2s all, box-shadow 0.4s ease-in-out;
	}
.sub-cnAacc-wp .main-banner .Navi li a.item::before {
	content: "";
	display: block;
	position: absolute; top: 8px; left: 8px;
	width: 184px; height: 184px;
	margin: 0 auto;
	border: 2px solid rgba(0,0,0, 0.2);
	border-radius: 100%;
	transition: 0.3s all;
	}
.sub-cnAacc-wp .main-banner .Navi li a.item.eng {font-size: 22px; letter-spacing: 1px; font-weight: 300;}

.sub-cnAacc-wp .main-banner .Navi li a.item:hover {
	bottom: -5px;
/*	font-weight: bold;	*/
	text-shadow: 0 3px 1px rgba(0,0,0, 0.1);
	background-color: rgba(255,100,60, 1);
	box-shadow: 0 0 0 25px transparent;
	transition: bottom 0.2s, box-shadow 0.4s ease-in-out;
	}
.sub-cnAacc-wp .main-banner .Navi li a.item:hover::before {border-color: rgba(255,255,255, 0.3);}

.sub-cnAacc-wp .main-banner .Navi li a.item:hover::after {
	content: '';
	position: absolute; bottom: 25px; left: 50%;
	width: 31px; height: 12px;
	margin: 0 0 0 -15px;
	background: url('../../../images/cnAacc_navi_icon2.png') no-repeat 0 0;
	animation: ic_Ani 0.6s infinite;
	}
.sub-cnAacc-wp .main-banner .Navi li a.item.window:hover::after {display: none;}
@keyframes ic_Ani {50% {bottom: 20px;}}

.sub-cnAacc-wp .main-banner .Navi li a.item i {
	display: none;
	margin: 0 auto 8px auto;
	}

/* sub */
.sub-cnAacc-wp .main-banner .Navi li a.item .sub {
	display: none;
	position: absolute; top: 50%; right: -40px;
	width: 110px;
	margin: 32px 0 0 0; padding: 0 0 0 0;
	z-index: 2;
	}
.sub-cnAacc-wp .main-banner .Navi li a.item:hover .sub {display: block; animation: sub_Ani 0.3s;}
.sub-cnAacc-wp .main-banner .Navi li a.item .sub .mn {
	display: block;
	height: 30px;
	margin: 0 0 5px 0;
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
	font-size: 18px; color: #fff; letter-spacing: -1px; line-height: 26px; font-weight: 300; text-align: center;
	border-radius: 30px;
	background-color: #ffa800;
	box-shadow: -1px -1px 3px 0 rgba(0,0,0, 0.15);
	transition: all 0.3s;
	cursor: pointer;
	}
.sub-cnAacc-wp .main-banner .Navi li a.item .sub .mn:last-child {margin-bottom: 0 !important;}
.sub-cnAacc-wp .main-banner .Navi li a.item .sub .mn:hover {background-color: #e94e1b;}
@keyframes sub_Ani {
	from {
		opacity: 0;
		transform: translate(0, 15px);
		}
	to {
		opacity: 1;
		transform: translate(0, 0);
		}
	}


/*----- mouse Icon -----*/
.icon-scroll {
    position: absolute; bottom: -85px; left: 50%;
    width: 1em; height: 3.125em;
    transform: translateX(-50%) scale(2);
	transition: opacity 0.3s;
    z-index: 1;
/*	visibility: hidden;	*/
	}

.icon-arrows::after, .icon-arrows::before {content: '';}

.icon-arrows span, .icon-arrows::after, .icon-arrows::before {
    display: block;
	width: 0.315em; height: 0.315em;
	margin: 0 0 0.009em 0.315em;
    border-right: 1px solid rgba(255,255,255, 0.7);
    border-bottom: 1px solid rgba(255,255,255, 0.7);    
    transform: rotate(45deg);
    animation: mouse-scroll 1s infinite;
    animation-direction: alternate;
	}

.icon-arrows::before {margin-top: 0.315em; animation-delay: 0.1s;}
.icon-arrows::after  {animation-delay: 0.3s;}

.icon-scroll span {animation-delay: 0.2s;}

.icon-scroll .mouse {
    width: .875em; height: 1.375em;    
    border: 1px solid rgba(255,255,255, 0.6);
    border-radius: 2em;
	}

.icon-scroll .wheel {
    position: relative;
    display: block;
    width: 0.1875em; height: 0.1875em;
    margin: 0.1875em auto 0;
	border-radius: 50%;
    background: rgba(255,255,255, 0.8);
    animation: mouse-wheel 1.2s ease infinite;
	}

@keyframes mouse-wheel {
    0% {
        opacity: 1;
        transform: translateY(0);
		}
    100% {
        opacity: 0;
        transform: translateY(.375em);
		}
	}

@keyframes mouse-scroll {
    0%		{opacity: 0;}
    50%		{opacity: 0.5;}
    100%	{opacity: 1;}
	}



/********************************************************************************************************************************
* 연결회계의 기본 개념
********************************************************************************************************************************/
.sub-cnAacc-wp .comm-frame.fr1 {
	padding-bottom: 60px;
	background: url('../../../images/cnAacc_fr1_bg_bottom.png') no-repeat 0 bottom, url('../../../images/cnAacc_fr1_bg_top.png') no-repeat right 0;
	}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp {clear: both; overflow: hidden;}

	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box {margin-bottom: 35px;}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box:nth-child(odd)  {padding-right: 25px;}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box:nth-child(even) {padding-lefT: 25px;}

	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box h5 {
		display: block;
		margin: 0 0 14px 0;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		font-size: 25px; color: #333; letter-spacing: -1px; line-height: 130%; font-weight: bold;
		}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box h5 .num {
		display: inline-block;
		height: 26px;
		margin: 0 5px 1px 0; padding: 0 7px;
		font-size: 18px; color: #fff; line-height: 25px; text-align: center; vertical-align: middle;
		border-radius: 3px;
		background: #e94e1b;
		}

	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box .cc-list {
		position: relative;
		padding: 11px 0 14px 10px;
		border-top: double #c0c0c0; border-bottom: 1px solid #e3e3e3;
		background: rgba(255,255,255, 0.8);
		transition: 0.4s all;
		}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box:hover .cc-list {
		padding-left: 18px;
		border-top-color: #555; border-bottom-color: #bbb; 
		background-color: #fff9f7;
	/*	background: url('../../../images/cnAacc_pattern4.png');	*/
		}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box .cc-list::after {
		content: "";
		display: block;
		position: absolute; top: -3px; right: 0;
		width: 12px; height: 3px;
		background: #e94e1b;
		transition: 0.4s all;
		}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box:hover .cc-list::after {width: 40px; background: #e94e1b;}

	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box .cc-list li {
		padding: 0 0 0 24px;
		background-repeat: no-repeat;
		background-position: 0 10px;
		background-size: 15px 15px;
		}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box:nth-child(1) .cc-list li {background-image: url('../../../images/cnAacc_fr1_stage_ic1.png');}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box:nth-child(2) .cc-list li {background-image: url('../../../images/cnAacc_fr1_stage_ic2.png');}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box:nth-child(3) .cc-list li {background-image: url('../../../images/cnAacc_fr1_stage_ic3.png');}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box:nth-child(4) .cc-list li {background-image: url('../../../images/cnAacc_fr1_stage_ic4.png');}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box:nth-child(5) .cc-list li {background-image: url('../../../images/cnAacc_fr1_stage_ic5.png');}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box .cc-list li:hover {background-image: url('../../../images/cnAacc_fr1_stage_ic_hover.png');}

	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box .cc-list li a {
		display: block;
		width: 100%;
		padding: 4px 0 5px 0;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		font-size: 17px; color: #333; letter-spacing: -0.5px; line-height: 130%;
		white-space: nowrap; text-overflow: ellipsis;
		transition: 0.2s all;
		overflow: hidden;
		}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box .cc-list li a:hover {color: #ff643c; text-decoration: none;}

	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box .cc-list li a .ic {
		display: none;
		position: relative;
		width: 12px; height: 12px;
		margin: 0 0 0 9px;
		vertical-align: middle;
		background: url('../../../images/cnAacc_fr1_modal_ic2.png') no-repeat 0 0;
		background-size: 12px 12px;	
		}
	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box .cc-list li a:hover .ic {display: inline-block; animation: ic_modal_Ani 0.6s infinite;}
	@keyframes ic_modal_Ani {50% {transform: translateX(4px);}}

	.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box .cc-list.two {float: left; width: 100%;}
		.sub-cnAacc-wp .comm-frame.fr1 .concept-wp .box .cc-list.two li {float: left; width: 50%;}



/********************************************************************************************************************************
* 연결회계의 요약 및 용어
********************************************************************************************************************************/
.sub-cnAacc-wp .comm-frame.fr2 {padding-bottom: 80px; background: #efeff2 url('../../../images/cnAacc_fr2_banner.jpg') no-repeat center bottom; background-size: 100% auto;}

	.sub-cnAacc-wp .comm-frame.fr2 .case-wp {overflow: hidden;}

	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .col-md-3, .sub-cnAacc-wp .comm-frame.fr2 .case-wp .col-xs-3 {
		padding-right: 10px; padding-left: 10px;
		}

	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids {margin-bottom: 30px; cursor: pointer;}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img {
		display: block;
		position: relative;
		height: 280px;
		overflow: hidden;
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img .thumbs {
		display: block;
		position: relative;
		height: 100%;
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img img {
		width: 100%; height: 100%;
		-webkit-filter: grayscale(90%);
		filter: grayscale(90%);
		transition: 0.3s ease-in-out;
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img:hover img {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		transform: scale(1.1);
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img .thumbs:after {
		content: "";
		position: absolute; top: 0; bottom: 0; left: 0; right: 0;
		background: rgba(0,0,0, 0.3) url('../../../images/cnAacc_main_visual_dot.png') repeat;
		z-index: 2;
		}

	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img .subj {
		position: absolute; top: 30px; left: 0; right: 50px;
		height: 70px;
		padding: 0 30px 3px 20px;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		font-size: 20px; color: #fff; letter-spacing: -1px; line-height: 120%; font-weight: 400;
		text-shadow: 0 0 1px rgba(0,0,0, 0.3);
		background-color: rgba(255,100,60, 0.95);
		box-shadow: 0 3px 1px 0 rgba(0,0,0, 0.1);
		transition: 0.4s all;
		opacity: 1;
		z-index: 10;
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img:hover .subj {transform: translateX(-350px); opacity: 0;}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img .subj::before {
		content: "";
		display: block;
		position: absolute; top: 0; right: -15px;
		width: 0; height: 0;
		border-top: 35px solid rgba(255,100,60, 0.95);
		border-right: 15px solid transparent;
		border-top-right-radius: 4px;
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img .subj::after {
		content: "";
		display: block;
		position: absolute; bottom: 0; right: -15px;
		width: 0; height: 0;
		border-bottom: 35px solid rgba(255,100,60, 0.95);
		border-right: 15px solid transparent;
		border-bottom-right-radius: 4px;
		box-shadow: 0 3px 1px 0 rgba(0,0,0, 0.1);
		}


	/*----- Hover 시 -----*/
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .captn {
		display: inline-block;
		position: absolute; top: -100%; right: 0;
		width: 100%; height: 100%;    
		text-align: center;
		background-color: rgba(0,0,0, 0.8);
		transition: all 0.3s;
		z-index: 20;
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img:hover .captn {width: 100%; top: 0%; transition: all 0.5s;}

	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .captn .captn-top				{padding: 60px 22px 0 20px;}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .captn .captn-top.two			{padding-top: 35px;}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .col-md-3.grids .captn .captn-top.two	{padding-top: 32px;}

	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .captn h5 {
		display: block;
		margin: 0px 0 16px 0;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		font-size: 26px; color: #fff; letter-spacing: -1px; line-height: 120%; text-align: center;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.2);
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .captn p {
		padding: 0 30px;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		font-size: 14px; color: rgba(255,100,60, 0.9); letter-spacing: -0.5px; line-height: 120%;
		}

	/* 저자 */
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .captn .writer-box {
		position: absolute; bottom: 30px; left: 40px;
		margin: 0 auto;
		text-align: left;
		transform: scale(0);
		transition: 0.4s all;
		overflow: hidden;
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .agile-img:hover .writer-box {transform: scale(1);}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .col-md-3.grids .captn .writer-box {left: 25px;}

	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .captn .writer-box img {
		display: inline-block;
		float: left;
		width: 60px; height: 76px;
		margin: 0 14px 0 0;
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .captn .writer-box span.info {
		display: inline-block;
		float: left;
		padding: 6px 0 0 0;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		font-size: 12px; color: rgba(255,255,255, 0.9); letter-spacing: -0.2px; line-height: 140%;
		}
	.sub-cnAacc-wp .comm-frame.fr2 .case-wp .grids .captn .writer-box span.info .name {display: block; margin: 0 0 6px 0; font-size: 14px;}



/********************************************************************************************************************************
* 뉴스&상담자료
********************************************************************************************************************************/
.sub-cnAacc-wp .comm-frame.fr4 {
	padding-bottom: 100px;
	background-color: rgba(0,0,0, 0.4);
	background-image: url('../../../images/cnAacc_fr4_banner.jpg');
	overflow: hidden;
	}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids {clear: both; overflow: hidden;}

	.sub-cnAacc-wp .comm-frame.fr4 .news-grids h4 {
		display: block;
		margin: 0 0 15px 0;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		font-size: 23px; color: #ed6d4c; letter-spacing: -1px; font-weight: 500;
		}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids h4.eng {letter-spacing: -1px;}

	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .table-wp {
		clear: both;
		padding: 14px 20px 12px 20px;
		border: 1px solid rgba(255,100,60, 0.4);
		border-radius: 4px;
		background: rgba(0,0,0, 0.1);
		overflow: hidden;
		}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .table-wp ul {
		float: left; 
		width: 100%; list-style: none;
		}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .table-wp li {
		position: relative;
		height: 42px;
		padding: 5px 10px 0 14px;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		line-height: 140%;
		border-bottom: 1px dotted rgba(255,100,60, 0.4);
		background: url('../../../images/cnAacc_icon.png') no-repeat 2px 19px;
		}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .table-wp li:last-child {border-bottom: none;}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .table-wp li a {
		display: inline-block;
		max-width: 470px;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		font-size: 16px; color: #eee; letter-spacing: -0.2px; line-height: 140%; font-weight: 300; vertical-align: middle;
		white-space: nowrap; text-overflow: ellipsis;
		transition: 0.2s all;
		overflow: hidden;
		}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .table-wp li a:hover {color: #ff643c; text-decoration: none;}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .table-wp li span.date {
		position: absolute; top: 3px; right: 20px;
		font-size: 1em; color: #aaa; letter-spacing: 0;
		}

	/*----- 전문가 상담 -----*/
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .table-wp.consult li {
		padding-left: 0;
		background: none;
		}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .table-wp.consult li span.law {
		display: inline-block;
		height: 18px;
		margin: 4px 7px 0 0; padding: 2px 5px 0 4px;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		font-size: 11px; color: #eee; letter-spacing: -0.5px; line-height: 100%; font-weight: 100; vertical-align: middle;
		border-radius: 2px;
		background: #e05555;
		}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .table-wp.consult li a {max-width: 450px;}

	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .btn-wp {clear: both; margin: 30px 0 0 0; padding: 0 0 10px 0; text-align: center;}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .btn-wp a {
		position: relative;
		display: inline-block;
		width: 220px; height: 46px;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
		font-size: 16px; color: #ed6d4c; letter-spacing: -1px; line-height: 41px; text-align: center;
		border: 1px solid rgba(255,100,60, 0.7);
		border-radius: 4px;
		background: rgba(0,0,0, 0.3);
		transition: 0.3s all;
		}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .btn-wp a i {
		display: inline-block;
		margin: 0 0 1px 15px;
		font-size: 17px; vertical-align: text-bottom;
		}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .btn-wp a:hover {
		bottom: -2px;
		color: #fff;
		border-color: #ff643c;
		background: #ff643c;
		border-bottom-color: #ee5932;
		}
	.sub-cnAacc-wp .comm-frame.fr4 .news-grids .btn-wp a:active {bottom: -4px;}



/********************************************************************************************************************************
* Etc
********************************************************************************************************************************/
.sub-cnAacc-wp .list-newIcon {display: inline-block; margin: 0 0 0 8px; vertical-align: middle;}
.sub-cnAacc-wp .list-newIcon.ty2 {margin-top: 3px !important;}


/*----- font set -----*/
.sub-cnAacc-wp .clr-org				{color: #ff643c !important;}
.sub-cnAacc-wp .clr-org2			{color: #e94e1b !important;}
.sub-cnAacc-wp .clr-small			{font-size: 80%;}
.sub-cnAacc-wp .None-spacing		{letter-spacing: 0 !important;}


/*------ Text valign center ------*/
.flex {
	display: flex !important;
	display: -webkit-flex !important;
	align-items: center;
	-webkit-align-items: center;
	}
.txt-valign {flex: 1;}


/*----- img inline set -----*/
.sub-cnAacc-wp .img-responsive.inline {display: inline-block;}

.sub-cnAacc-wp .jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	}
/*
@media screen and (max-width: 991px){
*/
@media (hover: none) and (pointer: coarse) {
	.sub-cnAacc-wp .jarallax {
		background: #222 !important;
		background-position: 50% bottom !important;
		background-attachment: fixed !important;
		}
	}


/*----- modal css Reset -----*/
.sub-cnAacc-wp .modal-open .modal {background: rgba(0,0,0, 0.48);}
.sub-cnAacc-wp .modal-wp {
	width: 1220px;
	margin-left: -302px;
	}
.sub-cnAacc-wp .modal-dialog {margin: 3em auto;}

.sub-cnAacc-wp .modal-content .modal-header {
    height: 40px;
    padding: 5px 20px 0 0;
	border: none;
	}
.sub-cnAacc-wp .modal-content .modal-header button.close {
	display: inline-block;
	position: absolute; top: -16px; right: -15px;
	width: 44px; height: 44px;
	margin: 0 0 0 0; padding: 0 0 8px 2px;
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
    font-size: 38px; color: #fff; line-height: 0px; font-weight: 100;
	border-radius: 100%;
	background-color: #333 !important;
    outline: none;
	opacity: 1;
	transition: all 0.3s;
    }
.sub-cnAacc-wp .modal-content .modal-header button.close:hover {background-color: #ff643c !important;}

.sub-cnAacc-wp .modal-body {
	width: 100%;
	margin: 0 auto; padding: 0 2px 5px 0;
	background: #fff;
	overflow: hidden;
	}
.sub-cnAacc-wp .modal-body iframe {width: 100%; height: 85vh;}


/*----- modal contents Css Set -----*/
.sub-cnAacc-wp .cnt-field .top {
	position: relative;
	margin: 0 0 50px 0; padding: 0 0 20px 0;
	border-bottom: 1px dotted #777;
	}
.sub-cnAacc-wp .cnt-field .top .title {
	display: block;
	position: relative;
	margin: 0 0 35px 0; padding: 0 0 0 18px;
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
	font-size: 34px; letter-spacing: -1px; line-height: 1.3em; font-weight: bold;
	}
.sub-cnAacc-wp .cnt-field .top .title::before {
	content: "";
	display: block;
	position: absolute; top: 22px; left: 0;
	width: 3px; height: 32px;
	margin: -12px 0 0 0;
	background: #2f2e2e;
	}
.sub-cnAacc-wp .cnt-field .top .etc {
	position: relative;
	font-size: 110%; color: #888; font-weight: normal;	
	}
.sub-cnAacc-wp .cnt-field .top .etc .origin {color: #666;}
.sub-cnAacc-wp .cnt-field .top .etc h6 {
	display: block;
	margin: 0 0 10px 0;
	font-weight: normal;
	}
.sub-cnAacc-wp .cnt-field .top .etc.press h6 {margin-bottom: 0px;}
.sub-cnAacc-wp .cnt-field .top .etc h6 span.ps { vertical-align: top;}
.sub-cnAacc-wp .cnt-field .top .etc .count strong {color: #444;}
.sub-cnAacc-wp .cnt-field .top .etc .count i {margin: 0 6px 2px 0; color: #db4545; vertical-align: text-bottom;}
.sub-cnAacc-wp .cnt-field .top .tag {margin: 20px 0 0 0;}
.sub-cnAacc-wp .cnt-field .top .tag span {
	display: inline-block;
	position: relative;
	height: 26px;
	margin: 0 6px 6px 0; padding: 0 15px;
	font-size: 12px; color: #fff; line-height: 24px; text-align: center; text-decoration: none !important;
	border-radius: 40px;
	background: #91979e;
	}

.sub-cnAacc-wp .cnt-field .top .etc .print-Btn {
	display: inline-block;
	position: absolute; top: 10px; right: 0;
	height: 28px;
	padding: 0 10px;
	font-size: 13px; color: #fff; line-height: 28px; text-align: center;
	border-radius: 3px;
	background: #333;
	}
nav .menu-all .all {
	margin-top: 21px !important;
	background: url(../../../images/menu.svg) no-repeat left 20px !important;
}
nav .menu-all .all:hover {
	background: url(../../../images/menuR.svg) no-repeat left 20px !important;
  }