@charset "UTF-8";
@import url(font.css);

/********************************************************************************************************************************
* Default SET
********************************************************************************************************************************/
html, body{
    font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	background:#ffffff;
	margin: 0;
	}
p,ul li,ol li{
	margin: 0;
	font-size: 14px;
	}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Work Sans', sans-serif;
	margin: 0;
	}
ul,label {margin: 0; padding: 0;}
body a:hover{text-decoration: underline;}

input[type="submit"],input[type="reset"],.w3l_team_grd,.agileits_w3layouts_features_gridr h4,.agile_feature_grid,.agile_services_grid_pos,a,.w3l_footer_grid,.w3_two_grid_right_grid1,.w3_two_grid_right_grid1 i{
	-webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition:0.3s ease-in;
	}

h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol,
th, td, p, blockquote, form, fieldset, legend, body, div, input {
	margin: 0; padding: 0;
	font-family: '맑은 고딕', 'Malgun Gothic', 'MalgunGothic-Regular', '돋움', 'Dotum', '굴림', 'gulim', 'Helvetica', 'Apple-Gothic', 'sans-serif' !important;
	font-size: 14px; color: #333; letter-spacing: -0.5px; vertical-align: middle;
	}

.clear {margin: 0; padding: 0; clear: both;}
a {outline: 0 !important}

/* 반응형 끄기 */
.container {
	position: relative;
	width: 1200px !important;
	min-width: 1200px !important; max-width: none !important;
/*	background: red;	*/
	}

.wow {visibility: hidden;}


/********************************************************************************************************************************
* header
********************************************************************************************************************************/
.hearder {
	position: relative; left: 0; right: 0;
	width: 100%;
	z-index: 3;
	}
.agile_header_grid {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #e6e6e6;
	}
.w3_agile_logo {
	float: left;
	padding: 0;
	}
.w3_agile_logo .title {
	display: inline-block;
	margin: 0 0 2px 5px;
	font-size: 20px; color: #204784; letter-spacing: -2px; line-height: 1em; font-weight: normal; vertical-align: middle;
	}

/* 로그인 */
.agileits_w3layouts_sign_in {
	float: right;
	margin-top: 8px;
	}
.agileits_w3layouts_sign_in ul li {
	display: inline-block;
	margin-left: 12px;
	color: #333;	
	}
.agileits_w3layouts_sign_in ul li:last-child {margin-left: 10px;}
.agileits_w3layouts_sign_in ul li a.txt {
	display: block;
	position: relative;
	font-size: 13px; color: #777;
	}
.agileits_w3layouts_sign_in ul li a.txt:hover {color: #2259a6;}
.agileits_w3layouts_sign_in ul li a.txt::after {
	content: "";
	position: absolute; top: 6px; left: -8px;
	width: 1px; height: 9px;
	background: #ddd;
	}
.agileits_w3layouts_sign_in ul li:first-child a.txt::after{display: none;}
.agileits_w3layouts_sign_in ul li a.txt i {
	display: inline-block;
	margin: 0 4px 0 0;
	}

.agileits_w3layouts_sign_in ul li a.login {
    display: inline-block;
	height: 34px;
    padding: 9px 15px 0 15px;
    background: #204784;
    font-size: 13px; color: #fff; line-height: 100%; text-decoration: none;
	}
.agileits_w3layouts_sign_in ul li a.login:hover {background: #0a9dbd;}

/*-- nav --*/
.navbar-default {
    background: none;
    border: none;
	}
.navbar {margin-bottom: 0;}
.navbar-collapse {padding: 0;}
.navbar-right {
    float: none !important;
    margin-right: 0;
	}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color:#fff;
    background: #0a9dbd;
	}
.navbar-default .navbar-nav > li > a {
    color: #333;
    font-weight: 600;
	}
.navbar-nav > li > a {
    margin: 0;
    padding: 1.8em 1.7em 1.8em 1.7em;
    font-size: 14px; letter-spacing: -0.5px; line-height: 1em;
    text-transform: uppercase;
	}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff;}
nav.navbar.navbar-default {
    background: none;
    padding: 0;
	}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #333;
    background: none;
	}
.navbar-default .navbar-nav  > .active.open > a:focus {
	background: #0a9dbd;
	color: #fff;
	}
.agile_short_dropdown {
    padding: 0;
	text-align: center;
	border: none;
	border-radius: 0;
    background: #fff;
	}
.agile_short_dropdown li a {
	padding: 0.7em 0 0.8em 0;
	font-size: 13px; color: #333; text-transform: uppercase;
	}
.agile_short_dropdown > li > a:hover, .agile_short_dropdown > li.active > a {
    color: #fff; text-decoration: none;
    background-color: #204784;
	}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#0a9dbd;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/*-- //nav --*/
/* 검색 */
.agileinfo_search {
	float: right;
	position: relative;
    width: 27%;
    border-bottom: 1px solid #999;
    margin-top: .6em;
	z-index: 2;
	}
.agileinfo_search input[type="text"]{
    outline: none;
    width: 87%;
    background: #fff;
    color: #333;
    padding: 10px;
    font-size: 14px;
    border: none;
	}
.agileinfo_search input[type="button"]{
    outline: none;
    width: 10%; height: 25px;
    background: url('../images/search.png') no-repeat 7px 2px;
    border: none;
    padding: 0;
	}
.agileinfo_search input[type="text"]::-webkit-input-placeholder	{color: #aaa;}
.agileinfo_search input[type="text"]:-moz-placeholder			{color: #aaa;}
.agileinfo_search input[type="text"]::-moz-placeholder			{color: #aaa;}
.agileinfo_search input[type="text"]:-ms-input-placeholder		{color: #aaa;}

#SchSug {
	width: 415px !important; height: 0px !important;
	z-index: 10 !important;
	}
#SchSug iframe {width: 415px; height: 0;}

.agileinfo_search .sugicn {
	position: absolute; top: 10px ; left: 265px;
	width: 15px; height: 20px;
	background: #fff url('../images/search_ic.png') no-repeat center 7px;
	cursor: pointer;
	z-index: 3;
	}
.agileinfo_search .sugicnUP {
	position: absolute; top: 10px !important; left: 265px !important;
	width: 15px; height: 20px;
	background: url('../images/search_ic.png') no-repeat center -27px;
	cursor: pointer;
	z-index: 4;
	}

/*-- //bootstrap-pop-up --*/
/*-- sign-in --*/
.agileits_signin_form input[type="text"],.agileits_signin_form input[type="password"],.agileits_signin_form input[type="email"] {
    width: 100%; height: 45px;
    margin: 0 0 1em; padding: 7px 10px 10px 10px; 
    font-size: 14px; color: #333; font-weight: bold; text-align: center;
    outline: none;
    border: 1px solid #bfbfbf;
	}
.agileits_signin_form input::-webkit-input-placeholder	{font-size: 14px; color: #aaa; font-weight: normal;}
.agileits_signin_form input:-moz-placeholder			{font-size: 14px; color: #aaa; font-weight: normal;}
.agileits_signin_form input::-moz-placeholder			{font-size: 14px; color: #aaa; font-weight: normal;}
.agileits_signin_form input:-ms-input-placeholder		{font-size: 14px; color: #aaa; font-weight: normal;}

.agileits_signin_form input[type="text"] {
    background: none;
    display: block;
	}
.agileits_signin_form input[type="password"] {
    background: none;
    display: block;
	}
.agileits_signin_form input[type="text"]::-webkit-input-placeholder,.agileits_signin_form input[type="email"]::-webkit-input-placeholder,.agileits_signin_form input[type="password"]::-webkit-input-placeholder{
	color:#333; !important;
}
.agileits_signin_form input[type="submit"] {
    padding: 12px 0;
    width: 100%;
    font-size: 1.1em;
    border: none;
    color: #fff;
    background: #2259a6;
    outline: none;
    font-weight: 600;
    letter-spacing: 3px;
}
.agileits_signin_form input[type="submit"]:hover {background: #bf3434;}
.agileits_signin_form p {
	padding: 2em 0;
    font-size: 0.9em; color: #333; 
}
.agileits_signin_form p a {color: #0a9dbd; text-decoration:underline;}
.agileits_signin_form p a:hover {color: #f62b2b;}
.agileinfo_sign{
	margin-bottom: 1em;
	font-size: 2em; color: #2259a6; letter-spacing: -2px;
	}

.agile_remember_left {
    float: left;
}
.agile_remember_left label,.agileinfo_subscribe label{
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-transform: capitalize;
    margin: 0;
}
.agile_remember_right {
    float: right;
}
.checkbox {
    position: relative;
	padding-left:30px !important;
    cursor: pointer;
}
.checkbox i {
    position: absolute;
    bottom: 2px;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    outline: none;
    border: 1px solid #5B5B5B;
    background: #FFF;
}
.checkbox input + i:after,.radio input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}
.checkbox input:checked + i:after,.radio input:checked + i:after{
    opacity: 1;
}
.checkbox input,.radio input {
    position: absolute;
    left: -9999px;
}
.checkbox input + i:after {
    content: '';
    background: url('../images/tick.png') no-repeat 0px 0px;
    top: -4px;
    left: 0px;
    width: 18px;
    height: 18px;
    text-align: center;
}
.agile_remember_right a {
    font-size: 14px; color: #0a9dbd;
    text-decoration: underline;
}
.agile_remember_right a:hover {color: #f62b2b;}
.agile_remember {padding: 1.5em 0;}
/*-- //sign-in --*/


/********************************************************************************************************************************
* banner
********************************************************************************************************************************/
.banner{
	position: relative;
	min-width: 1200px !important;
	min-height: 700px;
	padding: 8em 0 0;
	text-align: center;
/*
	background: url('../images/banner.jpg') no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
*/
	overflow: hidden;
	}

.banner .video-dot {
	position : absolute; top: 0; bottom: 0; left: 0; right: 0;
	background: rgba(0,0,0, 0.4) url('../images/main_visual_dot.png') repeat;
	z-index: 2;
	}
.banner .video-dot2 {
	position : absolute; top: 0; bottom: 0; left: 0; right: 0;
	background: url('../images/main_visual_dot.png') repeat;
	z-index: 2;
	}
.banner video {
	display: block;
	position : absolute; top: 0px; bottom: 0; left: 0; right: 0;
	min-width : 100%; min-height : 100%;
	width : auto; height : auto;
	z-index : 1;
	}
.banner video.topMove {top: -150px !important;}

.banner h2{
	position: relative;
    font-size: 3.2em; color: #fff; letter-spacing: -3px; font-weight: bold;
    text-transform: uppercase;
	text-shadow: 0 1px 5px 0 rgba(0,0,0, 0.3);
	z-index : 3;
    }
.banner h2 span{color: #05d2ff;}
.banner p {
	position: relative;
	width: 840px;
	margin: 50px auto 0 auto;
	font-size: 13px; color: rgba(255,255,255, 0.9); letter-spacing: -0.8px; line-height: 1.4em;
	z-index : 3;
	}

.wthree_banner_grids {
	position: relative;
	padding: 7em 0 7em 0; 
	z-index : 3;
	}
.wthree_banner_grid {
	position: relative;
	text-align: center; text-decoration: none !important;
	}
.wthree_banner_grid:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	}
.wthree_banner_grid:hover h4 {
	color: #05d2ff; font-weight: bold;
	transition: all 0.5s;
	text-shadow: 0 4px 5px 0 rgba(0,0,0, 0.5);
	}
.wthree_banner_grid:hover i {
	color: #05b5ff; font-weight: normal;
	transition: all 0.5s;
	text-shadow: 0 4px 5px 0 rgba(0,0,0, 0.5);
	}
.wthree_banner_grid i {
	font-size: 2em; color: #fff;
	}
.wthree_banner_grid h4 {
	padding-top: 1em;
	font-size: 1em;	color: #fff; letter-spacing: -1px;
	text-transform: capitalize;
	}

.agileits_more {
	position: relative;
	z-index : 3;
	}
.agileits_more ul li {
	display: inline-block;
	margin: 0 5px 0 0;
	}
.agileits_more ul li:last-child {margin-right: 0;}
.agileits_more ul li a.hvr-icon-hang {
	display: inline-block;
	position: relative;
	padding: 0.8em 3em 1em 2em;
	color: #fff; letter-spacing: 0; font-weight: bold; text-decoration: none; vertical-align: middle;
	text-transform:capitalize;
	border:1px solid #fff;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	}
a.w3ls_banner_more {
	color: #fff !important;
	border: 1px solid #1b3b6e !important;
	background: #204784;
	}
.agileits_more ul li a.hvr-icon-hang:hover {
	color: #fff;
	border: 1px solid #1f4f92;
	background: #2259a6;	
	}
.agileits_more ul li a.hvr-icon-hang:active {bottom: -2px;}
a.w3ls_banner_more:hover{
	border:1px solid #fff !important;
	color:#fff !important;
	background:none !important;
	}
.agileits_more ul li a.hvr-icon-hang:before {
    content: "\f054";
    position: absolute; top: 13px; right: 1em;
    padding: 0 1px;
    font-family: 'FontAwesome';
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
	}
.agileits_more ul li a.hvr-icon-hang:hover:before{
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .1s, .5s;
    animation-duration: .1s, .5s;
    -webkit-animation-delay: 0s, .1s;
    animation-delay: 0s, .1s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
	}
/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  50% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }

  100% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
}

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  50% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }

  100% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
}

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
}


/********************************************************************************************************************************
* 비영리법인의 개념 및 종류
********************************************************************************************************************************/
.banner-bottom {
	padding: 4.5em 0;
	}
.w3l_banner_bottom_left h3, .agile_head, .wthree_stat_left h3 {
	position: relative;
	padding-bottom: 0.5em;
	font-size: 2.2em; color: #333; letter-spacing: -2px;
	text-transform: capitalize;
	}
.w3l_banner_bottom_left h3:after, .agile_head:after, .wthree_stat_left h3:after {
	content: '';
    position: absolute; bottom: 0%; left: 0%;
	width: 142px; height: 1px;
    background: #0a9dbd;
	}
.w3l_banner_bottom_left .text {
	margin: 2em 0 0 0;
	font-size: 14px; color: #333; line-height: 2em;
	}
.w3l_banner_bottom_left .text a {
	display: block;
	margin: 0 0 0 0;
	font-size: 17px; color: #333;
	}
.w3l_banner_bottom_left .text a i {
	display: inline-block;
	margin: 0 7px 2px 0;
	font-size: 15px; color: #2259a6; vertical-align: middle;
	}
.w3l_banner_bottom_left .text a:hover {color: #2259a6; text-decoration: underline;}
.w3l_banner_bottom_left .text a:hover i {color: #f62b2b;}
.w3l_banner_bottom_left .text .tab {
	float: left;
	width: 200px; height: 90px;
	margin: 5px 20px 0 0; padding: 0 0 0 0;
	font-size: 14px; line-height: 85px; text-align: center;
	border-radius: 6px;
	background: #ced9ed;
	}
.w3l_banner_bottom_left:hover .text .tab {color: #fff; background: #204784; transition: all 0.5s;}
.w3l_banner_bottom_left span.guide {
	display: block;
	margin: 18px 0 0 0;
	font-size: 12px; color: #aaa; letter-spacing: 0;
	}

.w3l_banner_bottom_right .column div {
	position: relative;
    padding: 0;
	}
.w3l_banner_bottom_right figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
	}

/* Rotate */
.hover06 figure img {
	-ms-transform: rotate(15deg) scale(1.4);
	-o-transform: rotate(15deg) scale(1.4);
	-moz-transform: rotate(15deg) scale(1.4);
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	}
.container:hover .hover06 figure img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-moz-transform: rotate(0) scale(1);
	-o-transform: rotate(0) scale(1);
	-ms-transform: rotate(0) scale(1);
	}


/********************************************************************************************************************************
* 비영리법인의 회계
********************************************************************************************************************************/
.two-grids {
	min-width: 1200px;
	background: #0a9dbd;
	}
.w3_two_grid_left {
	position: absolute; top: 0px; bottom: 0px; left: -700px;
	text-align: right;
	background: url('../images/acc_bg.png') repeat-x 0 0;
	}
.w3_two_grid_left img {
	height: 100%;
	}

.w3_two_grid_right {
	position: relative;
	padding: 3.5em 0 4.1em 11em;
	overflow: hidden;
	}
.w3_two_grid_right h3 {
	position: relative;
	margin: 0 0 25px 0; padding-bottom: 0.5em;
	font-size: 2.2em; color: #fff; letter-spacing: -2px;
	text-transform: capitalize;
	}
.w3_two_grid_right h3:after {
	content: '';
    position: absolute; bottom: 0%; left: 0%;
	width: 142px; height: 1px;
    background: rgba(255,255,255, 0.5);
	}

.w3_two_grid_right .info-box {
	float: left;
	width: 340px;
	margin: 0 25px 0 0; padding: 20px 0 20px 0;
	background-color: rgba(0,0,0, 0.6);
	border-radius: 6px;
	overflow: hidden;
	}
.w3_two_grid_right .info-box:hover {background-color: rgba(0,0,0, 0.7); transition: all 0.3s;}
.w3_two_grid_right .info-box img {
	display: inline-block;
	float: left;
	width: 80px; height: 105px;
	margin: 0 15px 0 20px;
	}
.w3_two_grid_right .info-box span.info {
	display: inline-block;
	float: left;
	padding: 6px 0 0 0;
	font-size: 12px; color: #d0d0d0;
	}
.w3_two_grid_right .info-box span.info a {
	display: block;
	margin: 0 0 10px 0;
	font-size: 17px; color: #fff; letter-spacing: -1.2px; font-weight: bold;
	}
.w3_two_grid_right .info-box span.info a:hover {color: #f62b2b;}
.w3_two_grid_right .info-box span.info strong {
	display: block;
	margin: 0 0 2px 0;
	font-size: 14px; color: #fff;
	}
.w3_two_grid_right .info-box span.info span.two {
	display: inline-block;
	line-height: 120% !important;
	}
.w3_two_grid_right .info-box span.info .mail {letter-spacing: 0;}

.w3_two_grid_right .subj-box {
	float: left;
	position: relative;
	width: 650px;
	}
.w3_two_grid_right .subj-box a {
	display: inline-block;
	position: relative;
	font-size: 13px; color: #fff; letter-spacing: -1px; line-height: 1.2em; text-decoration: none !important;
	border: 2px solid rgba(0,0,0, 0.6);
	outline: 0;
	}
.w3_two_grid_right .subj-box a:hover {
	box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.3);
	}
.w3_two_grid_right .subj-box a::after {
	content: "+";
	display: block;
	position: absolute; top: 50%; right: -4px;
	width: 15px; height: 16px;
	margin: -8px 0 0 0; padding: 7px 0 0 0;
	font-size: 11px; color: rgba(255,255,255, 0.8); line-height: 0;
	border-top-left-radius: 9px; border-bottom-left-radius: 9px;
	background: #2259a6;
	}
.w3_two_grid_right .subj-box a:hover::after {
	color: #fff;
	background: #f62b2b;
	animation: law-icMv 300ms linear;
	}
@keyframes law-icMv {
	from {
		transform: translate(4px, 0);
		}
	to {
		transform: translate(0, 0);
		}
	}

.w3_two_grid_right .subj-box a.tit {
	display: block;
	height: 40px;
	margin: 0 0 10px 0;
	font-size: 15px; letter-spacing: -0.5px; line-height: 38px; text-align: center;
	border: none;
	border-radius: 6px;
	background: rgba(0,0,0, 0.6);	
	}
.w3_two_grid_right .subj-box a.tit:hover {background: #204784;}
.w3_two_grid_right .subj-box a.circle {
	width: 118px; height: 100px;
	margin: 0 12px 0 0; padding: 31px 0 0 0;
	text-align: center; vertical-align: middle;
	border-radius: 95px;
	}
.w3_two_grid_right .subj-box a.circle:hover {border-color: #204784; background: #204784;}
.w3_two_grid_right .subj-box a.circle.three {padding-top: 23px;}

.w3_two_grid_right .subj-box a.circle::before {
	content: "↔";
	position: absolute; top: 50%; right: -17px;
	height: 12px;
	margin: -11px 0 0 0;
	font-size: 14px; color: #043f4c; line-height: 100%; text-align: center;
	z-index: 2;
	}

.w3_two_grid_right .subj-box .square {
	position: absolute; top: 50px; right: 0;
	width: 245px;
	}
.w3_two_grid_right .subj-box .square a {
	display: block;
	height: 30px;
	margin: 0 0 5px 0; padding: 4px 0 0 0;
	text-align: center;
	border-radius: 4px;
	}
.w3_two_grid_right .subj-box .square a:last-child {margin: 0;}
.w3_two_grid_right .subj-box .square a:hover {border-color: #204784; background: #204784;}

/* 추가 */
.w3_two_grid_right .guide {
	clear: both;
	position: relative;
	width: 1015px;
	margin: 20px 0 0 0;	padding: 10px 18px 13px 18px;
	font-size: 13px; color: #fff; letter-spacing: -0.5px; line-height: 1.3em; text-decoration: none !important;
	border: 2px solid rgba(0,0,0, 0.6);
	border-radius: 6px; 
	outline: 0;
	}
.w3_two_grid_right .guide a {
	display: inline-block;
	position: relative;
	height: 26px;
	margin: 8px 0 0 0; padding: 0 20px 0 12px;
	font-size: 12px; color: #fff; letter-spacing: -0.6px; line-height: 23px; text-decoration: none !important; text-align: center;
	border: none;
	border-radius: 6px;
	background: rgba(0,0,0, 0.6);
	}
.w3_two_grid_right .guide a:after {
	content: "+";
	display: block;
	position: absolute; top: 50%; right: -4px;
	width: 15px; height: 16px;
	margin: -8px 0 0 0; padding: 7px 0 0 0;
	font-size: 11px; color: rgba(255,255,255, 0.8); line-height: 0;
	border-top-left-radius: 9px; border-bottom-left-radius: 9px;
	background: #2259a6;
	}
.w3_two_grid_right .guide a:hover {background: #204784;}
.w3_two_grid_right .guide a:hover::after {
	color: #fff;
	background: #f62b2b;
	animation: law-icMv 300ms linear;
	}

/********************************************************************************************************************************
* 비영리법인의 세무
********************************************************************************************************************************/
.news {padding: 4.5em 0 3em 0;}
.news .agile_head {margin-bottom: 30px;}

.news .tax-wp {
	clear: both;
	position: relative;
	margin: 0 0 40px 0; padding: 0 15px 0 105px;
	}
.news .tax-wp .title {
	position: absolute; top: 0; left: 0;
	width: 100px; height: 200px;
	padding: 18px 0 0 0;
	font-size: 14px; color: #fff; line-height: 1.3em; text-align: center; vertical-align: top;
	border-radius: 3px;
	background: #444 url('../images/cell_Bg.png') repeat;
	overflow: hidden;
	}
.news .tax-wp .title i {
	display: block;
	margin: 8px 0 0 0;
	font-size: 25px; color: #0a9dbd;
	}
.news .tax-wp .title i:before {content: "\f0a9";}
.news .tax-wp:hover .title i {
	color: #f62b2b;
	-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .1s, .5s;
    animation-duration: .1s, .5s;
    -webkit-animation-delay: 0s, .1s;
    animation-delay: 0s, .1s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
	}
.news .tax-wp:hover .title {
	left: 5px;
	transition: left linear 0.1s;
	-webkit-transition: left linear 0.1s;
    -moz-transition: left linear 0.1s;
    -o-transition: left linear 0.1s;
	}
/*
.news .tax-wp .title span.kind {
	display: block;
	z-index: 2;
	}
.news .tax-wp .title img {
	position: absolute; top: 0; bottom: 0; right: 0;
	width: auto; height: 100%;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-khtml-opacity: 0.30;
	-moz-opacity: 0.30;
	z-index: 1;
	}
*/
.news .tax-wp .col-xs-6 {padding-right: 0 !important;}
.news .tax-wp .box {
	position: relative; top: 0;
	min-height: 200px;
	padding: 20px 0 15px 20px;
	border: 1px solid #84cede;
	border-radius: 3px;
	background: #eef8fa;
	}
.news .tax-wp .box:hover {
	top: 5px;
	border-color: #0290af;
	transition: top linear 0.1s;
	-webkit-transition: top linear 0.1s;
    -moz-transition: top linear 0.1s;
    -o-transition: top linear 0.1s;
	}
.news .tax-wp .box img {
	display: inline-block;
	float: left;
	width: 80px; height: 105px;
	margin: 0 18px 10px 0;
	}
.news .tax-wp .box span.text {
	display: inline-block;
	float: left;
	width: 370px;
	padding: 0 0 0 0;
	font-size: 12px; color: #8c9a9d; letter-spacing: -0.2px; line-height: 1.3em;
	}
.news .tax-wp .box a {
	display: block;
	width: 475px;
	margin: -3px 0 5px 0;
	font-size: 17px; color: #333; letter-spacing: -1px; line-height: 1.3em; font-weight: bold;
	}
.news .tax-wp .box a:hover {color: #f62b2b;}

.news .tax-wp .box span.writer {
	display: block;
	font-size: 12px; color: #666; line-height: 1.3em;
	}

.news .tax-wp .box span.writer strong {
	display: block;
	margin: 0 0 2px 0;
	font-size: 14px; color: #333;
	}
.news .tax-wp .box span.writer .mail {letter-spacing: 0;}

.news .tax-wp .tab {
	float: left;
	width: 100%;
	list-style: none;
	margin: 15px 0 0 0; padding: 0 0 15px 15px;
	overflow: hidden;
	}
.news .tax-wp .tab li {
	float: left;
	width: 33.333333%;
	padding: 0 10px 0 0;
	}
.news .tax-wp .tab li:last-child {padding-right: 0;}
.news .tax-wp .tab li a {
	display: block;
	position: relative; top: 0;
	height: 40px;
	padding: 10px 0 0 0;
	font-size: 14px; color: #fff; letter-spacing: -0.6px; line-height: 100%; text-decoration: none; text-align: center;
	border: 1px solid #098fac;
	border-radius: 3px;
	background: #0a9dbd;
	}
.news .tax-wp .tab li a:hover {
	top: 3px;
	border-color: #1b3b6e; background-color: #204784;
	box-shadow: 0 1px 3px 0 rgba(0,0,0, 0.3);
	transition: top linear 0.1s;
	-webkit-transition: top linear 0.1s;
    -moz-transition: top linear 0.1s;
    -o-transition: top linear 0.1s;
	}
/*
.news .tax-wp .tab li a:active {bottom: -2px;}
*/
.news .tax-wp .keyword {
	clear: both;
	position: relative;
	margin: 0 0 0 15px; padding: 10px 0 10px 85px;
	border: 1px solid #d3dbdc;
	border-radius: 3px;
	}
.news .tax-wp .keyword span.tit {
	position: absolute; top: -1px; bottom: -1px; left: -1px;
	width: 70px;
	padding: 15px 0 0 0;
	font-size: 14px; color: #fff; line-height: 100%; text-align: center;
	border-radius: 3px;
	background: #2259a6;
	}
.news .tax-wp .keyword span.tit::after {
	content: "";
	position: absolute; top: 50%; right: -12px;
	margin: -6px 0 0 0;	
	width: 0px; height: 0px;
	border: 6px solid;
	border-color: transparent transparent transparent #204784;
	}
.news .tax-wp .keyword:hover span.tit {background: #e05555; transition: all 0.5s;}
.news .tax-wp .keyword:hover span.tit::after {border-color: transparent transparent transparent #e05555; transition: all 0.5s;}
.news .tax-wp .keyword a {
	display: inline-block;
	position: relative;
	height: 26px;
	margin: 0 2px 0 0; padding: 4px 25px 0 25px;
	font-size: 13px; color: #fff; letter-spacing: -0.5px; line-height: 100%; text-decoration: none; text-align: center;
	border: 1px solid #acb3b4;
	border-radius: 25px;
	background: #b1b9ba;
	}
.news .tax-wp .keyword a:hover {
	border-color: #c24b4b; background: #e05555;
	box-shadow: 0 1px 3px 0 rgba(0,0,0, 0.3);
	}
.news .tax-wp .keyword a:active {bottom: -2px;}


/********************************************************************************************************************************
* 비영리법인 유형별 회계와 세무 실무
********************************************************************************************************************************/
.stats{
	min-width: 1200px;
	background: url('../images/7.jpg') no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	}
.wthree_stat{
	padding: 5em 0 5.5em 0;
	background: rgba(33, 33, 33, 0.72);
	}
.wthree_stat_left {margin: 0 0 0 0;}
.wthree_stat_left h3 {color: #fff !important;}
.wthree_stat_left p {
	margin: 15px 0 5px 0;	
	font-size: 13px; color: rgba(255,255,255, 0.4); line-height: 2em;
	}

.wthree_stat_right ul {float: left; width: 100%; list-style: none;}
.wthree_stat_right ul li {
	float: left;
	width: 20%;
	padding: 0 10px 0 0;
	}
.wthree_stat_right ul li:last-child {padding-right: 0;}
.wthree_stat_right ul li .wthree_stat_right1 {
	padding: 2em 1em;
	text-align: center;
	border: 1px solid #fff;
	}
.wthree_stat_right ul li:hover .wthree_stat_right1 {border-color: #0a9dbd;}

.wthree_stat_right1 {position: relative; top: 0;}
.wthree_stat_right1 i {
	display: block;
	width: 50px; height: 50px;
	margin: 0 auto;
	font-size: 1.5em; color: #333; line-height: 2.6em;
    border-radius: 50px;
    background: #fff;
	}
.wthree_stat_right1 i.two {line-height: 2.5em !important;}
.wthree_stat_right1:hover {
	background: rgba(0,0,0, 0.4);
	box-shadow: 0 3px 4px 0 rgba(0,0,0, 0.4);
	}
.wthree_stat_right1:hover i {background: #05d2ff; transition: all 0.5s;}
.wthree_stat_right1:hover h4 {color: #f62b2b; font-weight: bold; transition: all 0.5s;}

.wthree_stat_right1:hover {
	top: 10px;
	transition: top linear 0.1s;
	-webkit-transition: top linear 0.1s;
    -moz-transition: top linear 0.1s;
    -o-transition: top linear 0.1s;
	}

.wthree_stat_right1 h4 {
	margin: 1em 0;
	font-size: 1.3em; color: #05d2ff; font-weight: normal;
	}
.wthree_stat_right1 a {
	display: inline-block;
	position: relative;
	margin: 0 12px 0 0;
	font-size: 18px; color: #fff; font-weight: normal;
	}
.wthree_stat_right1 a:hover {color: #05d2ff;}
.wthree_stat_right1 a::before {
	content: "";
	position: absolute; top: 8px; right: -9px;
	width: 1px; height: 11px;
	background: rgba(255,255,255, 0.3);
	}
.wthree_stat_right1 a:last-child {margin: 0;}
.wthree_stat_right1 a:last-child::before {display: none;}


/********************************************************************************************************************************
* 관련 도서 안내
********************************************************************************************************************************/
.Etcbook {
	min-width: 1200px;
	padding: 4em 0 4.5em 0;
	background: url('/Landing/trust/images/bg_pattern.gif') repeat;
	overflow: hidden;
	}
.edu-wp {
	clear: both;
	padding: 0 0 0 0;
	overflow: hidden;
	}
.edu-wp .title {
	display: inline-block;
	width: 90px;
	margin: 0 0 8px 0; padding: 0 0px 3px 0px;
	font-size: 1.3em; color: #fff; text-align: center;
	background: #00a0d4;
	}
.edu-wp ul.text {
	list-style: none;
	margin: 0 0 25px 0;
	}
.edu-wp ul.text:last-child {margin: 0;}
.edu-wp ul.text li {
	margin: 0 0 3px 0; padding: 0 0 0 12px;
	font-sizE: 1.1em; line-height: 1.3em;
	background: url('../images/icon.png') no-repeat 1px 10px;
	}
.edu-wp ul.text li:last-child {margin: 0;}

.edu-wp .book {
	position: relative;
	margin: 20px 0 0 0; padding: 20px 30px 20px 30px;
	background: #f0f0f0;
	overflow: hidden;
	}
.edu-wp .book .photo {
	float: left;
	display: inline-block;
	margin: 0 25px 0 0; padding: 5px 0;
	border: 1px solid #ddd;
	background: #fff;
	}
.edu-wp .book .photo img {width: 235px; height: auto;}

.edu-wp .book .info {
	float: left;
	font-size: 1.1em;
	}
.edu-wp .book .info span.subj {
	display: block;
	margin: 5px 0 5px 0;
	font-size: 1.7em; letter-spacing: -1px; font-weight: bold;
	}
.edu-wp .book .info span.price {
	display: block;
	width: 560px;
	margin: 10px 0 0 0; padding: 10px 0 13px 30px;
	font-size: 1.1em; letter-spacing: 0; line-height: 1.5em;
	border-top: 1px solid #beccdf; border-bottom: 1px solid #beccdf;
	background: #e8edf5;
	}
.edu-wp .book .info span.price strong {color: #ff3710;}

.edu-wp .book .info span.etc {
	display: block;
	width: 560px;
	padding: 9px 0 12px 30px;
	font-size: 1.1em; letter-spacing: 0; line-height: 1.5em;
	border-bottom: 1px solid #ddd;
	}

.edu-wp .book .btn {
	display: block;
	position: absolute; top: 105px; right: 80px;
	width: 180px; height: 68px;
    padding: 19px 0 0 0;
	font-size: 1.2em; color: #fff; text-align: center;
    border-radius: 4px;
    border-bottom: 3px solid transparent;
	background: #2664b9;
	border-bottom-color: #1b4a8a;
	}
.edu-wp .book .btn:hover {
	background: #003680;
	border-bottom-color: #000c1e;
	}




/********************************************************************************************************************************
* footer
********************************************************************************************************************************/
.copyright{
	position: relative; left: 0; right: 0;
	width: 100%;
	min-width: 1200px;
	padding: 2em 0;
	background: #212121;
}
.w3ls_copyright_left {float: left;}
.w3ls_copyright_left ul li {
	display: inline-block;
	margin-right: 1em;
	}
.w3ls_copyright_left ul li:last-child {margin-right: 0;}
.w3ls_copyright_left ul li a {
	color: #ddd; text-decoration: none;
	text-transform: uppercase;
	}
.w3ls_copyright_left ul li a:hover,.w3ls_copyright_left ul li.active a {color: #05d2ff;}
.w3ls_copyright_left p {
	margin-top: 0.5em;
	color: #888; line-height: 2em;
	}
.w3ls_copyright_left p a {color: #05d2ff; text-decoration: underline;}
.w3ls_copyright_left p a:hover {color: #fff;}
.w3ls_copyright_right{
	float: right;
	margin-top: 1.2em;
	}


/********************************************************************************************************************************
* modal css
********************************************************************************************************************************/
.modal-open .modal {background: rgba(0,0,0, 0.48);}
.modal-wp {
	width: 900px; height: 800px;
	margin-left: -130px;
	}
.modal-dialog {margin: 3em auto;}

.modal-content .modal-header {
    height: 40px !important;
    padding: 5px 20px 0 0 !important;
	border: none;
	}
.modal-content .modal-header button.close {
    color: #00a0d4;
    opacity: .9;
    font-size: 1.3em;
	outline: none;
	} 

.modal-body {
	width: 840px !important; 
	margin: 0 auto !important; padding: 0 !important;
	}
.modal-body iframe {width: 100% !important; height: 750px !important;}

/* 원천징수 주요 쟁점 */
.modal-taxEtc-wp {
	position: relative;
	margin-top: -5px; padding: 0 10px 0 10px;
	font-size: 14px; line-height: 1.4em;
	}
.modal-taxEtc-wp .tit {
	height: 35px;
	margin: 0 0 20px 0; padding: 0;
	font-size: 1.6em; color: #008eb2; letter-spacing: -1.5px; font-weight: bold; vertical-align: middle;
	border-bottom: 1px solid #d9ebf4;
	}
.modal-taxEtc-wp .tit span.num {
	display: inline-block;
	width: 25px; height: 25px;
	margin: 0 5px 2px 0;
	font-size: 0.8em; color: #fff; line-height: 23px; text-align: center; font-weight: normal; vertical-align: middle;
	border-radius: 100%;
	background: #008eb2;
	}

.modal-taxEtc-wp .box {
	position: relative;
	margin: 0 auto 22px auto; padding: 13px 16px 14px 16px;
	font-size: 13px; line-height: 1.5em; text-align: justify;
	border: 1px solid #ddeaec;
	border-radius: 4px;
	background: #eaf4f6;
	}
.modal-taxEtc-wp .scroll-wp {
	height: 670px;
	padding: 0 15px 0 0;
	overflow-y: scroll;
	}

.modal-taxEtc-wp .iconList li {
	font-size: 13px !important;
	line-height: 1.6em; text-align: justify;
	}




/********************************************************************************************************************************
* ETC
********************************************************************************************************************************/
/*** Font Style **********/
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;}
.f16 {font-size: 16px !important;}
.f17 {font-size: 17px !important;}
.f18 {font-size: 18px !important;}

.None-spacing	{letter-spacing: 0 !important;}

.clr-white		{color: #fff !important;}
.clr-gray		{color: #aaa;}
.clr-red		{color: red;}
.clr-red2		{color: #d70000 !important;}
.clr-blue		{color: #0054ff;}
.clr-blue2		{color: blue;}
.clr-skyblue	{color: #00ceff;}
.clr-green		{color: green;}
.clr-green2		{color: #009a0b;}
.clr_gray		{color: #aaa;}
.clr-price		{color: #ff2a00; font-weight: bold;}

/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/
/*-- bootstrap-pop-up --*/
.modal-header {
    font-size: 2em;
    color:#0a9dbd;
    font-family: 'Work Sans', sans-serif;
    text-align: center;
    text-transform: uppercase;
	font-weight: 600;
}
.close {
    opacity: 1;
}
.modal-body p {
    color: #999;
    text-align: left;
	padding:2em 2em 1em;
	margin: 0 !important;
	line-height:2em;
}
.modal-body p i {
    display: block;
    margin: 2em 0 0;
	color:#333;
}
.modal-body {
    padding:2em;
}
button.close {
    font-size: 1em;
    color: #333;
	outline: none;
}
/*-- //bootstrap-pop-up --*/