@charset "UTF-8";

@import url('../../../../../nariya/css/unicons/css/unicons.css');

@font-face {
    font-family: 'Pretendard Variable';
    src: url('./fonts/PretendardVariable.woff2') format('woff2-variations');
    font-weight: 100 900; /* 100부터 900까지 모두 지원한다는 의미 */
    font-display: swap;
}

body {
    font-family: 'Pretendard Variable', sans-serif; font-size:14px; font-weight: 400; letter-spacing: -0.03em;
}

root, 
[data-bs-theme=light] {
	--bs-body-font-family: 'Pretendard Variable', sans-serif;
	--bs-link-color: var(--bs-body-color);
	--bs-link-color-rgb: var(--bs-body-color-rgb);
	--na-bar-color: rgba(125, 125, 125, .5);
	--na-bar-sm-color: rgba(125, 125, 125, .25);
	--na-nav-bg: #fff;
	--na-sub-bg: #fff;
	--na-sub-link-color: #000;
	--na-sub-hover-color: #000;
	--na-sub-hover-bg: #f5f5f5;
	--na-sub-active-color: var(--bs-primary);
	--na-sub-active-bg: #f5f5f5;
	--na-title-color: var(--bs-body-color);
	--na-title-bg: var(--bs-tertiary-bg);
	--na-footer-bg: var(--bs-tertiary-bg);
}

[data-bs-theme=dark] {
	--bs-body-font-family: 'Pretendard Variable', sans-serif;
	--bs-link-color: var(--bs-body-color);
	--bs-link-color-rgb: var(--bs-body-color-rgb);
	--na-bar-color: rgba(125, 125, 125, .5);
	--na-bar-sm-color: rgba(125, 125, 125, .25);
	--na-nav-bg: #111;
	--na-sub-bg: #333;
	--na-sub-link-color: #fff;
	--na-sub-hover-color: #fff;
	--na-sub-hover-bg: #222;
	--na-sub-active-color: #fff;
	--na-sub-active-bg: #111;
	--na-title-color: var(--bs-body-color);
	--na-title-bg: var(--bs-tertiary-bg);
	--na-footer-bg: var(--bs-tertiary-bg);
}

/* 기본 공통 */
html, body {
	height: 100%; }

a, a:hover {
	text-decoration: none !important; }

.line-top { 
	border-top:calc(var(--bs-border-width) * 2) solid currentcolor !important; }

.line-bottom { 
	border-bottom:calc(var(--bs-border-width) * 2) solid currentcolor !important; }

.bar { 
	display:inline; 
	position:relative; 
	margin:0 10px; 
}

.bar:after {
	content: ''; 
	display: block;
	width: 1px; 
	height: 14px; 
	position: absolute; 
	right: 1px;
	top: 50%; 
	margin-top: -7px;
	background: var(--na-bar-color); }

.bar-sm { 
	display:inline; 
	position:relative; 
	margin:0 8px; 
}

.bar-sm:after {
	content: ''; 
	display: block;
	width: 1px; 
	height: 12px; 
	position: absolute; 
	right: 1px;
	top: 50%; 
	margin-top: -6px;
	background: var(--na-bar-sm-color); }

/* 상단 진행바 */
#page-progress {
	position:fixed;
	z-index:1040;
	top:0;
	left:0;
	height:4px;
	background: var(--bs-primary);
	width:0%; }

.site-wrap {
	background: var(--na-footer-bg); }

/* 사이트 최대 너비 */
.container {
	max-width:1200px !important; }

#main-wrap .sticky-top {
	z-index: 10 !important; }

/* 모바일 세로 모드에서 가로 스크롤바 숨김 */
@media (max-width: 575.98px) {
	#main-wrap {
		overflow-x: hidden !important; }
}

/* 페이지 타이틀 */
.page-title {
	position:relative;
	letter-spacing:-1px;
	color: var(--na-title-color);
	background: var(--na-title-bg); }

@media (max-width: 575.98px) {
	.page-title {
		margin-top: -1.5rem; }
}

.page-title .breadcrumb {
	--bs-breadcrumb-font-size:0.89rem; }

/***********************************/
/* PC & Sticky Navbar Style          */
/***********************************/
.header-copy {
	background: var(--na-nav-bg); }

.site-navbar {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1030;
	background: var(--na-nav-bg);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }

/* 번역기 상태일 때 */
.translated-ltr .site-navbar {
	top: 40px; }

.translated-ltr .offcanvas-header {
	margin-top:40px; }

/* 메뉴 navbar */
.site-nav {
	position: relative; }

.site-nav .active {
	color: var(--bs-primary);
	display: inline-block; }

.site-nav .small {
	position:relative;
	top:-2px; }

.site-nav a {
	text-decoration: none !important;
	display: inline-block; }

.site-nav > ul > li {
	display: inline-block; }

/* 메뉴 navbar Height */
.site-navbar .site-icon,
.site-nav > ul > li > a {
	padding: 1.25rem 1rem;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none !important; }

.header-copy, 
.site-navbar .site-icon {
	padding: 1.25rem 0; }

@media (max-width: 575.98px) {
	.header-copy,
	.site-navbar .site-icon {
		padding: 0.75rem 0; }
}

.site-nav > ul > li > a:hover {
	color: #5c67d6; }

.site-nav .has-sub {
	position: relative; }

.site-nav .has-sub > a {
	position: relative;
	padding-right: 20px; }

.site-nav .has-sub > a:before {
	position: absolute;
	content: "\f107";
	font-size: 14px;
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'FontAwesome'; }

.site-nav .has-sub .dropdown {
	visibility: hidden;
	opacity: 0;
	top: 100%;
	position: absolute;
	text-align: left;
	padding: 0px 0;
	margin-top: 20px;
	margin-left: 0px;
	-webkit-transition: 0.2s 0s;
	-o-transition: 0.2s 0s;
	transition: 0.2s 0s; }

.site-nav .has-sub .dropdown.arrow-top {
	position: absolute; }

.site-nav .has-sub .dropdown.arrow-top:before {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none; }

.site-nav .has-sub .dropdown.arrow-top:before {
	border-width: 10px;
	margin-left: -10px; }

.site-nav .has-sub .dropdown a {
	text-transform: none;
	letter-spacing: normal;
	-webkit-transition: 0s all;
	-o-transition: 0s all;
	transition: 0s all; }

.site-nav .has-sub .dropdown > li {
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 180px; }

.site-nav .has-sub .dropdown > li > a {
	padding: 9px 20px;
	display: block; }

.site-nav .has-sub .dropdown > li.has-sub > a:before {
	content: "\f105";
	right: 20px; }

.site-nav .has-sub .dropdown > li.has-sub > .dropdown, 
.site-nav .has-sub .dropdown > li.has-sub > ul {
	left: 100%;
	top: -2px; }

.site-nav .has-sub:hover, 
.site-nav .has-sub:focus, 
.site-nav .has-sub:active {
	cursor: pointer; }

.site-nav .has-sub:hover > .dropdown, 
.site-nav .has-sub:focus > .dropdown, 
.site-nav .has-sub:active > .dropdown {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	margin-top: 0px;
	visibility: visible;
	opacity: 1; }

.site-nav .has-sub .dropdown {
	border-top: 2px solid var(--bs-primary);
	-webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
	background: var(--na-sub-bg); }

.site-nav .has-sub .dropdown.arrow-top:before {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff; }

.site-nav .has-sub .dropdown a {
	color: var(--na-sub-link-color); }

.site-nav .has-sub .dropdown > li > a:hover {
	background: var(--na-sub-hover-bg);
	color: var(--na-sub-hover-color); }

.site-nav .has-sub .dropdown .active {
	background: var(--na-sub-active-bg) !important; 
	color: var(--na-sub-active-color) !important; }	

.site-nav .has-sub:hover > a, 
.site-nav .has-sub:focus > a, 
.site-nav .has-sub:active > a {
	color: var(--bs-primary); }

/*******************************************************/
/* Menu Offcanvas Style : Mobile & Sidebar Full Menu   */
/*******************************************************/
.na-menu .dropdown-header {
    text-transform: uppercase;
    letter-spacing: .03125rem;
    font-size: .65625rem;
    font-weight: 600;
    padding: 0.5rem 1rem; }

.na-menu .dropdown-toggle::after {
    display: inline-block;
    width: 1rem;
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center;
	background-size: 1rem 1rem;
	content: "";
    border-top: 0 solid;
	transition: .3s; }

.na-menu .dropdown-toggle:not(.dropdown-toggle-empty)::after {
    padding-left: 1rem;
    margin-left: auto; }

.na-menu .nav-item>.nav-link[aria-expanded=true]::after,
.na-menu .show>.nav-link.dropdown-toggle::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }

.na-menu .nav-link .small {
	margin-left:0.25rem; }

.na-menu .nav-link-title .small {
	margin-left:0.1rem;
	position:relative;
	top:-2px; }

.na-menu .nav-icon {
    opacity: .7;
    -ms-flex: 0 0 1.9375rem;
    flex: 0 0 1.9375rem; }

.na-menu .nav-pills {
    --bs-nav-pills-border-radius: 0.5rem;
    --bs-nav-pills-link-active-color: var(--bs-body-color);
    --bs-nav-pills-link-active-bg: rgba(189, 197, 209, 0.2); }

.na-menu .nav-pills .nav-link {
	color: var(--bs-body-color);
	background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius); }

.na-menu .nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent; }

.na-menu .nav-pills .nav-link.active {
    color: var(--bs-nav-pills-link-active-color) !important;
    background-color: var(--bs-nav-pills-link-active-bg) !important; }

.na-menu .nav-fill .nav-item,
.na-menu .nav-fill>.nav-link {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center; }

.na-menu .nav-fill .nav-item .nav-link,
.na-menu .nav-vertical.nav-pills {
    width: 100%; }

.na-menu .nav-vertical {
    -ms-flex-direction: column;
    flex-direction: column; }

.na-menu .nav-vertical.nav .nav-item:not(:last-child) {
    margin-right: 0; }

.na-menu .nav-vertical.nav .nav-link {
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap; }

.na-menu .nav-vertical.nav-pills .nav-item {
    margin: 0; }

.na-menu .nav-vertical.nav-pills .nav-link {
    padding: .25rem .875rem!important;
    margin-bottom: .25rem; }

.na-menu .nav-vertical.nav-pills .nav-item .nav-link:hover,
.na-menu .nav-vertical.nav-pills .nav-item .nav-link[aria-expanded]:hover,
.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded=false],
.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded=true],
.na-menu .nav-vertical.nav-pills .nav-item.show .nav-link[aria-expanded]:hover,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-item.show .nav-link[aria-expanded]:hover {
	color: var(--bs-body-color); }

.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded=false]:hover,
.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded=true]:hover,
.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded=false],
.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded=true],
.na-menu .nav-vertical.nav-pills .nav-link {
	background-color: transparent; }

.na-menu .nav-vertical.nav-pills .nav-link.active,
.na-menu .nav-vertical.nav-pills .nav-item .nav-collapse.show .nav-link.active,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-item .nav-link[aria-expanded]:hover,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link:hover,
.na-menu .nav-pills .nav-link:hover,
.na-menu .nav-pills .nav-link.active:hover {
	color: var(--bs-body-color);
    background-color: rgba(189,197,209,.2); }

.na-menu .nav-vertical.nav-pills .nav-collapse {
    position: relative;
    padding-left: 1.9375rem; }

.na-menu .nav-vertical.nav-pills .nav-collapse::before {
    position: absolute;
    top: 0;
    left: 1.3125rem;
    width: .125rem;
    height: calc(100% - .25rem);
    content: "";
    background-color: rgba(231,234,243,.7); }

.na-menu .nav-vertical.nav-pills .nav-link.dropdown-toggle {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }

.na-menu .nav-pills .nav-item {
    margin: .25rem .25rem; }

.na-menu .nav-pills .nav-link {
    padding: 1rem 1rem; }

.na-menu .nav-pills .nav-link.active:hover,
.na-menu .nav-pills .show>.nav-link:hover {
    border-color: transparent; }

/********************************************************
■ 추가 CSS
********************************************************/
.sticky-top { top:15px; }
.notice-bold { font-weight:700 !important; }
.custom-btn-primary { color:#fff; background-color:#474ead; }
.custom-btn-primary:hover { color:#fff; background-color:#3a4195; }
#mb_confirm { padding:15px 0px 10px 0px;margin-top:40px;margin-bottom:40px;border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.faq-box { padding:25px 0px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.new-box { border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.new-search-box { padding:15px; margin-bottom:15px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.tag-box { border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.tag-search-box { padding:15px; margin-bottom:15px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.search-box { padding:15px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.connect-box { padding:15px 0px 0px 0px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.qa-box { padding:15px 0px 15px 0px; margin-bottom:15px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.qa-list-box { padding:0px 0px 15px 0px; margin-bottom:15px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
#bo_v { padding:15px 0px 15px 0px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
#bo_w { padding:15px 0px 15px 0px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
#bo_v_con p { text-align: justify; }
#bo_v_img { text-align:center; }
#bo_v_img img { border-radius:10px; }
#qa_category { padding:15px 0px; }
#header-navbar img { max-width:100%; height:auto; }
@media (max-width:576px) { #header-navbar img { width:120px; } }
#main-wrap { padding:0px 15px; background:#f3f4fe !important; }
.side-box { margin-top:15px; margin-bottom:15px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
@media (max-width:576px) { .side-box { display:none; } }
.view-side-box { margin-top:15px; margin-bottom:15px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
@media (max-width:576px) { .view-side-box { display:none; } }
.page-title-box { border-radius:10px; background:#fafafa; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
#bo_list_wrap { padding:15px 0px 15px 0px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
#find_info { padding:15px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.result-box { padding:10px 0px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
#fregisterform { padding:10px 0px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.login-box { border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
/*.btn-basic { background-color:#5761cd !important }*/
.btn-primary { background-color:#5761cd !important }
.btn-primary:hover { background-color:#4851b1 !important}
.btn-basic:hover { background-color:#4851b1 !important }
.site-nav .active { color:#5761cd !important }
.bg-primary { background-color:#4851b1 !important }
.main-title-box { border-radius:10px;box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.main-title-box img { max-width:100%; height:auto; border-radius:10px; }
.manuscript-box { padding:15px; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
#ctt { text-align: justify; border-radius:10px; background:#fff; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.card { --bs-card-border-color: none !important; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.card-line-widget-box { cursor:move; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; position:relative; flex-direction:column; justify-content:space-between; border-radius:10px; background-color:#fff; box-sizing:border-box; position:relative; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%);
    -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%);
    -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); } 
.card-line-widget-box:after { position:absolute; content:""; width:2px; height:22px; border-radius:2px; left:-2px; top:18px; background:#3f51b5; } 
.card-line-widget-box .m-title { color:#000; font-size: 18px; font-weight:600; padding:15px 0 0 15px; margin-left:5px; } 
.card-line-widget-box .more-icon { color: #000; position:absolute; top:13px; right:20px; } 
.card-line-widget-box ul li span { color: #000; } 
.card-line-widget-box .m-list-box { padding: 0px 15px 15px 15px; } 
.card-line-widget-box .mt-site-box { padding: 0px 15px 15px 15px; }
.card-line-widget-box .mt-list-box { padding: 0px 10px 10px 10px; }
.card-line-widget-box .mt-simple-gallery-box-01 { margin-top: 15px; border-radius: 0px 0px 10px 10px; background: #f5f5f5; }
.card-line-widget-box .mt-simple-gallery-box-02 { padding:0px 15px 0px 15px; border-radius: 0px 0px 10px 10px; }
.card-line-widget-box .mt-gallery-box { padding: 0px 15px 15px 15px; }
.card-line-widget-box .card-list-box { padding: 0px 0px 15px 0px; }
/********************************************************
■ 원고 CSS
********************************************************/
.main-bg-box-shadow {
    position: relative;
    box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%);
    background: #fff;
    overflow: hidden;
    border-radius: 10px
}
#main-manuscript h2 { color:#fff; font-size:20.8px; font-weight:500; text-align: center; padding-top:10px; }
@media (max-width:576px) { #main-manuscript h2 { color:#fff; font-size:14px; font-weight:700; text-align: center; padding:10px 40px 0px 40px; } }
.main-manuscript-contents {
    position: relative;
    padding: 30px 30px 0px 40px;
    color: #333;
    text-align: justify;
    font-size: 14px;
}
.main-manuscript-contents-1 {
    position: relative;
    padding: 30px 30px 0px 40px;
    color: #333;
    text-align: justify;
    font-size: 14px;
}
.main-manuscript-contents-2 {
    position: relative;
    padding: 30px 30px 0px 40px;
    color: #333;
    text-align: justify;
    font-size: 14px;
}
.main-manuscript-contents-2 div ul {
	padding-inline-start: 0px;
	margin-top:20px;
}
.main-manuscript-contents-2 div ul li {
	list-style: none;
	display: flex;
    font-size: 14px;
    margin-top: 10px;
    letter-spacing: -.04rem;
}
.main-manuscript-contents-2 div ul li span.main-manuscript-con-num-icon {
    display: inline-block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background: crimson;
    color: #fff;
    font-size: 13px;
    letter-spacing: -1px;
    font-weight: 700;
    vertical-align: middle;
    *margin-top: 2px;
    margin-right: 10px;
    padding-right: 1px
}
.main-manuscript-con {
    position: relative;
    padding: 30px 40px;
    z-index: 1;
    color: #333;
    text-align: justify;
}
#main-manuscript-1-1 {
    background: url(../img/manuscript-bg.png) no-repeat;
    background-size: cover;
    background-position: center
}
#main-manuscript-1-1 .main-manuscript-con {
    text-align: center;
    color: #f5f5f5;
}
#main-manuscript-1-1 .main-manuscript-con h2 { font-size:18px; }
#main-manuscript-1-1 .main-manuscript-con>div strong {
    display: block;
    color: #e8eaf6;
    margin-top: 15px
}
#main-manuscript-1-2 .main-manuscript-con-title {
    background: #3f51b5;
}
#main-manuscript-1-2 .main-manuscript-con>div ul li span.main-manuscript-con-num-icon {
    background: #3f51b5;
}
.main-manuscript-con-title {
    position: relative;
    padding: 10px 40px;
    display: inline-block;
    border-radius: 0 30px 30px 0;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    word-break: break-all;
    line-height: 1.4;
    z-index: 1
}
@media (max-width:576px) {
	.main-manuscript-con-title {
    position: relative;
    padding: 10px 40px;
    display: block;
    border-radius: 0;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    word-break: break-all;
    line-height: 1.4;
    z-index: 1
}
}
.main-manuscript-con-title h3 {
    display: inline;
    font-weight: 500;
    font-size: 20px;
    line-height: inherit
}
#main-manuscript-1-3 .main-manuscript-con-title {
    background: #424242;
}
#main-manuscript-1-4 .main-manuscript-con-title {
    background: #5677fc;
}
#main-manuscript-1-5 .main-manuscript-con-title {
    background: #ff8f00;
}
#main-manuscript-1-6 .main-manuscript-con-title {
    background: crimson;
}
#main-manuscript-1-7 .main-manuscript-con-title {
    background: #ffc400;
}
.main-manuscript-con-div {
    position: relative;
    padding-top: 35px;
}
.main-manuscript-con>div {
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: -.04rem
}
.main-manuscript-con>div:first-child {
    margin-top: 0
}
.main-manuscript-con>div strong {
    position: relative;
    font-size: 28px;
    line-height: 1.5;
    z-index: 1
}
.main-manuscript-con-img {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right
}
.main-manuscript-con>div ul {
	padding-inline-start: 0px;
	margin-top: 20px;
}
.main-manuscript-con>div ul li {
    display: flex;
    font-size: 14px;
    margin-top: 10px;
    letter-spacing: -.04rem
}
.main-manuscript-con>div ul li:first-child {
    margin-top: 0
}
.main-manuscript-con>div ul li span.main-manuscript-con-num-icon {
    display: inline-block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background: crimson;
    color: #fff;
    font-size: 13px;
    letter-spacing: -1px;
    font-weight: 700;
    vertical-align: middle;
    *margin-top: 2px;
    margin-right: 10px;
    padding-right: 1px
}
.main-manuscript-con>div ul li span.main-explain-con-list-img {
    min-width: 175px
}
.main-manuscript-con>div ul li span.main-manuscript-con-list-img img {
    max-width: 100%
}
.main-manuscript-con>div ul li h3 {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}
.main-banner-box { margin-top:5px; }
.main-banner-box ul {display:block;padding-inline-start: 0px;margin-bottom:0px;}
.main-banner-box ul::after {content:''; display:block; clear:both;}
.main-banner-box ul li {float:left; list-style:none; width:calc((100% - 12px) / 3); margin-left:6px; margin-bottom:6px;}
.main-banner-box ul li:nth-child(3n+1) {text-align:left; margin-left:0;}
.main-banner-box ul li:nth-child(3n+2) {text-align:center;}
.main-banner-box ul li:nth-child(3n+3) {text-align:right;}
.main-banner-box ul li img {width:100%; max-width:287px;height:auto;}
@media (max-width:576px) {
	.main-banner-box ul li {width:calc((100% - 10px) / 2); margin-left:0; text-align:center;}
	.main-banner-box ul li:nth-child(odd) {margin-left:0;}
	.main-banner-box ul li:nth-child(even) {margin-left:10px;}
}
.main-banner-box .main-banner-box {
	width: 100%;
	border-radius: 10px;
	margin: 0px;
	overflow: hidden;
	box-shadow: 5px 5px 8px rgb(197 192 249 / 20%);
	-webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%);
	-moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%);
}

/********************************************************
■ FOOTER CSS
********************************************************/

#un-footer {position:relative;background-color:#212126;color:#757575}
#un-footer .container .footer-top {margin-bottom:30px;padding:30px 0;border-bottom:1px solid #353535}
#un-footer .container .footer-top:after {content:"";display:block;clear:both}
#un-footer .container .footer-top .footer-nav {width:50%;float:left}
#un-footer .container .footer-top .footer-nav a {color:#858585;font-size:.875rem;margin-right:10px}
#un-footer .container .footer-top .footer-nav a:hover {text-decoration:underline}
#un-footer .container .footer-top .footer-aside {position:relative;width:50%;float:right}
#un-footer .container .footer-top .footer-aside .footer-aside-box {position:absolute;top:-13px;right:0;margin-bottom:0;width:250px;z-index:999}
#un-footer .container .footer-cont-wrap {position:relative;font-size:.875rem}
#un-footer .container .footer-cont-wrap:after {content:"";display:block;clear:both}
#un-footer .container .footer-cont-wrap .footer-cont-box {position:relative;float:left;width:33.33333%;min-height:190px}
#un-footer .container .footer-cont-wrap .footer-cont-box:nth-child(1) {padding:0 15px 0 0}
#un-footer .container .footer-cont-wrap .footer-cont-box:nth-child(2) {padding:0 15px;border-left:1px solid #353535;border-right:1px solid #353535}
#un-footer .container .footer-cont-wrap .footer-cont-box:nth-child(3) {padding:0 0 0 15px}
#un-footer .container .footer-cont-wrap .footer-cont-box .footer-text-logo {font-weight:700;font-size:1.25rem;color:#b5b5b5;margin-bottom:15px}
#un-footer .container .footer-cont-wrap .footer-cont-box p {margin:0 0 3px}
#un-footer .container .footer-cont-wrap .footer-cont-box p a {color:#b5b5b5}
#un-footer .container .footer-cont-wrap .footer-cont-box p a:hover {text-decoration:underline}
#un-footer .container .footer-cont-wrap .footer-cont-box .footer-divider {margin:0 7px;color:#353535}
#un-footer .container .footer-cont-wrap .footer-cont-box h5 {font-size:1.0625rem;font-weight:700;margin:0 0 15px}
#un-footer .container .footer-cont-wrap .footer-cont-box .footer-tel-num {margin:15px 0}
#un-footer .container .footer-cont-wrap .footer-cont-box .footer-tel-num strong {font-size:1.5rem}
#un-footer .container .footer-cont-wrap .footer-cont-box .footer-bank-num {font-size:1.5rem;margin:0 0 15px}
#un-footer .container .footer-cont-wrap .footer-cont-box .footer-btn-box {display:grid;position:relative;width:100%;margin-top:20px}
#un-footer .container .footer-copyright {color:#656565;font-size:.8125rem;text-align:center;margin-top:30px;padding:30px 0}
@media (max-width:991px) {
    #un-footer .container .footer-top .footer-nav {width:100%;text-align:center}
    #un-footer .container .footer-top .footer-aside {width:100%;height:45px;margin-top:30px}
    #un-footer .container .footer-cont-wrap .footer-cont-box {width:100%}
    #un-footer .container .footer-cont-wrap .footer-cont-box:nth-child(1) {padding:20px 0;border-bottom:1px dotted #353535}
    #un-footer .container .footer-cont-wrap .footer-cont-box:nth-child(2) {padding:20px 0;border:0;border-bottom:1px dotted #353535}
    #un-footer .container .footer-cont-wrap .footer-cont-box:nth-child(3) {padding:20px 0}
    #un-footer .container .footer-top .footer-aside .footer-aside-box {top:0;left:50%;right:inherit;transform:translateX(-50%)}
    #un-footer .container .footer-cont-wrap .footer-cont-box .footer-btn-box {position:inherit;bottom:inherit;left:inherit;padding-left:0;margin-top:20px}
}
@media (max-width:767px) {
    .footer-copyright span {display:none}
}
.un-01-contents-wrap {position:relative;width:250px}
.un-01-contents {position:relative;margin-bottom:0}
.un-01-contents dt {position:relative}
.un-01-contents dt a {font-size:.875rem;line-height:15px;padding:15px;font-weight:400;color:#fff;display:block;background:#4b4b4d}
.un-01-contents dt a:hover {color:#fff}
.un-01-contents dt a i {color:#fff;float:right;display:block}
.un-01-contents dt i {color:#959595;float:right;display:inline-block}
.un-01-contents dd {position:absolute;bottom:45px;margin-bottom:0;width:100%;z-index:2;display:none}
.un-01-contents dd ul {margin-bottom:0;background-color:#fff;border:1px solid #c5c5c5;border-bottom:0}
.un-01-contents ul li {border-top:1px solid #ddd}
.un-01-contents ul li:first-child {border-top:0}
.un-01-contents ul li a {color:#000;font-size:.875rem;display:block;padding:10px 15px 10px 15px}
.un-01-contents ul li a:hover {color:#cc2300}
.un-02-lf {position:relative;font-size:.9375rem}
.un-02-lf .un-02-lf-title {font-size:1.0625rem;font-weight:700;color:#757575;margin:0 0 15px}
.un-02-lf .un-02-lf-title a {color:#757575}
.un-02-lf ul {margin:0}
.un-02-lf li {position:relative;padding:0}
.un-02-lf li:after {content:"";display:block;clear:both}
.un-02-lf .lf-subj {position:relative;width:70%;padding-right:10px;padding-left:0;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;float:left;color:#757575}
.un-02-lf .lf-new-icon {position:relative;display:inline-block;width:18px;height:14px;background-color:#cc2300;margin-right:2px}
.un-02-lf .lf-new-icon:before {content:"";position:absolute;top:4px;left:5px;width:2px;height:6px;background-color:#fff}
.un-02-lf .lf-new-icon:after {content:"";position:absolute;top:4px;right:5px;width:2px;height:6px;background-color:#fff}
.un-02-lf .lf-new-icon b {position:absolute;top:3px;left:8px;width:2px;height:8px;background-color:#fff;transform:rotate(-60deg)}
.un-02-lf .lf-date {position:relative;display:block;white-space:nowrap;word-wrap:normal;overflow:hidden;width:30%;float:left;text-align:right;color:#757575}
.un-02-lf a:hover .lf-subj {text-decoration:underline}
.un-03-contents-wrap {position:relative;margin-bottom:10px}
@media (max-width:576px) { .un-03-contents-wrap {text-align:center;} }
.un-03-contents {position:relative;margin-bottom:0}
.social-icons {margin:0;padding:0}
.social-icons li {list-style:none;margin-right:3px;margin-bottom:3px;text-indent:-9999px;display:inline-block}
.social-icons li a {width:30px;height:30px;display:block;background-position:0 0;background-repeat:no-repeat;-webkit-transition: all .3s ease;transition: all .3s ease;opacity:1}
.social-icons li a:hover {opacity:0.7}
.social_facebook {background:url("../image/social/facebook.png") no-repeat;background-size:30px 30px}
.social_twitter {background:url("../image/social/twitter.png") no-repeat;background-size:30px 30px}
.social_google {background:url("../image/social/google.png") no-repeat;background-size:30px 30px}
.social_youtube {background:url("../image/social/youtube.png") no-repeat;background-size:30px 30px}
.social_kakao {background:url("../image/social/kakao.png") no-repeat;background-size:30px 30px}
.social_kakaostory {background:url("../image/social/kakaostory.png") no-repeat;background-size:30px 30px}
.social_naver {background:url("../image/social/naver.png") no-repeat;background-size:30px 30px}
.social_payco {background:url("../image/social/payco.png") no-repeat;background-size:30px 30px}
.social_band {background:url("../image/social/band.png") no-repeat;background-size:30px 30px}
.social_rss {background:url("../image/social/rss.png") no-repeat;background-size:30px 30px}
.social_pinterest {background:url("../image/social/pinterest.png") no-repeat;background-size:30px 30px}
.social_tumblr {background:url("../image/social/tumblr.png") no-repeat;background-size:30px 30px}
.social_instagram {background:url("../image/social/instagram.png") no-repeat;background-size:30px 30px}
.social_behance {background:url("../image/social/behance.png") no-repeat;background-size:30px 30px}

/********************************************************
■ TABS CSS
********************************************************/

#wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.content {
  width: 100%;
  min-width: 260px;
  border-radius: 10px;
  transition: 0.3s ease;
  box-shadow: 5px 5px 8px rgb(197 192 249 / 20%);
    -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%);
    -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%);
}
@media screen and (max-width: 512px) {
  .content {
    margin-top: 9px;
  }
}

/* Tabs menu */
.tabs {
  margin: 0;
  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  border-radius: 10px 10px 0px 0px;
}
@media screen and (max-width: 512px) {
  .tabs {
    height: 40px;
  }
}

/* Tab Links */
.tablinks {
  background: transparent;
  /*background-image: linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.2) 100%);*/
  border: none;
  outline: none;
  cursor: pointer;
  width: 25%;
  /*change depending on the number of tabs*/
  height: 80px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-family: "EsaManru", sans-serif;
  overflow: hidden;
  transition: 0.3s ease;
}
.tablinks:nth-of-type(1) { border-radius: 10px 0px 0px 0px; background:#464fae; }
.tablinks:nth-of-type(2) { background:#4d58bb; }
.tablinks:nth-of-type(3) { background:#5661cc; }
.tablinks:nth-of-type(4) { border-radius: 0px 10px 0px 0px; background:#5c67d6; }
@media screen and (max-width: 512px) {
  .tablinks {
    height: 40px;
    font-size: 12px;
  }
}

.tablinks:before {
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  content: "";
  width: 100%;
  height: 0px;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s ease-in-out;
  z-index: 2;
}

/*tab buttons hover*/
.tablinks:hover::before {
  height: 100%;
  z-index: 2;
  bottom: 0;
}
@media screen and (max-width: 512px) {
  .tablinks:hover::before {
    height: 0;
  }
}

/* Tab active */
.tablinks.active {
  background-color: white;
  z-index: 0;
  border-right: 0px;
  border-left: 0px;
  height: 80px;
  bottom: 0px;
  overflow: hidden;
}
.tablinks.active:first-child { border-radius: 10px 0px 0px 0px; }
.tablinks.active:last-child { border-radius: 0px 10px 0px 0px; }
@media screen and (max-width: 512px) {
  .tablinks.active {
    height: 40px;
  }
}

.tablinks.active:before {
  content: "";
  width: 100%;
  height: 5px;
  top: 0;
  left: 0;
}

/* Tabs text */
.tablinks.active p,
.tablinks.active:hover p {
  opacity: 1;
  background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tablinks p {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: 0.5s ease;
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-family: "EsaManru", sans-serif;
  backface-visibility: hidden;
  font-weight: 500;
}

@media screen and (max-width: 512px) {
  .tablinks p {
  color:#fff;
  font-size: 16px;
}
}

.tablinks:hover p {
  color: #e8eaf6;
}
@media screen and (max-width: 512px) {
  .tablinks:hover p {
    color: #e8eaf6;
  }
}

/* Tabs text bigger */
.tablinks p:before {
  content: attr(data-title);
  position: absolute;
  height: auto;
  width: auto;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.1;
  font-size: 40px;
  transition: 1s ease-out;
  z-index: -1;
  font-weight: 600;
  top: 110%;
}
@media screen and (max-width: 512px) {
  .tablinks p:before {
    display: none;
  }
}

.tablinks:hover p:before {
  opacity: 0.1;
  font-size: 40px;
  top: -80%;
}

/* tab content */
.wrapper_tabcontent {
  background-color: white;
  margin-top: 0px;
  z-index: 1;
  position: relative;
  opacity: 1;
  padding: 20px 20px 20px 40px;
  border-radius: 0px 0px 10px 10px;
  overflow: hidden;
  transition: all 1s ease;
  top: 0;
}

@media (max-width:576px) {
 .wrapper_tabcontent {
 	padding: 20px 20px 25px 40px;
 }
}

.tabcontent {
  display: none;
  min-height: 180px;
}

@keyframes tabEffect {
  from {
    top: -40px;
  }
  to {
    top: 0px;
  }
}
.tabcontent.active {
  transition: all 1s ease;
  display: block;
}

/* Title */
.tabcontent h3 {
  font-size: 40px;
  top: 75px;
  transform: rotate(90deg);
  position: absolute;
  left: -90px;
  opacity: 0.1;
  width: 200px;
  height: 60px;
  background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
  animation: city 1s ease;
}
@media screen and (max-width: 512px) {
  .tabcontent h3 {
    top: 65px;
  }
}

@keyframes city {
  from {
    left: -150px;
  }
  to {
    left: -90px;
  }
}
/* Text*/
.tabcontent p {
  color: #686868;
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-weight: 100;
  transition: all 1s ease;
  animation: fadeEffect 0.6s ease;
  width: 100%;
  font-size: 16px;
  font-family: "IBM Plex Sans", sans-serif;
}
@media screen and (max-width: 512px) {
  .tabcontent p {
    font-size: 14px;
    line-height: 26px;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
    margin-left: 30px;
  }
  to {
    opacity: 1;
    margin-left: 0;
  }
}
.board-link { float: right; position: relative; color:#5661cc; font-size: 14px; font-weight: 700; margin-top: 20px; border: 2px solid #5661cc; padding: 8px 15px; border-radius: 6px; }
.board-link i { font-size:14px; padding-top:5px; }

/********************************************************
■ 상단 이동 버튼
********************************************************/
.eb-backtotop {position:fixed;right:10px;bottom:10px;height:46px;width:46px;cursor:pointer;display:block;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.15);background:#fff;z-index:1003;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop.active-progress {opacity:1;visibility:visible;transform:translateY(0)}
.eb-backtotop:after {position:absolute;content:"\f0d8";font-family: "FontAwesome";font-weight:900;text-align:center;font-size:16px;color:#757575;left:0;top:0;height:46px;width:46px;line-height:28px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop:hover:after {color:#4e4ac8}
.eb-backtotop svg path {fill:none}
.eb-backtotop svg.backtotop-progress path {stroke:#615dfa#;stroke-width:4;box-sizing:border-box;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop .progress-count {display:block;position:absolute;bottom:8px;left:0;right:0;font-size:11px;text-align:center;color:#a5a5a5}
.eb-backtotop {box-shadow:inset 0 0 0 2px rgba(0,0,0,0.15)}
.eb-backtotop:after {color:#2b2b2e}
.eb-backtotop svg.backtotop-progress path {stroke:#4e4ac8;}

/********************************************************
■ 추가된 원고 css
********************************************************/
.boxshadow_half { background:#fff; border-radius:10px; box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -webkit-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); -moz-box-shadow: 5px 5px 8px rgb(197 192 249 / 20%); }
.main_explain_title_wrap {text-align:center; margin-top:50px; margin-bottom:30px;}
.main_explain_title,
.main_explain_title h2,
.main_explain_title h3 {font-size:34px; font-weight:bold; letter-spacing:-0.08rem;}
.main_explain_title h2,
.main_explain_title h3 {display:inline;}
.main_explain_title2 {color:#666; text-align:center; margin-top:-4px;}
@media (max-width: 767px) {
	.main_explain_title,
	.main_explain_title h2,
	.main_explain_title h3 {font-size:26px;}
}
.main_explain_con_wrap {margin-bottom:0px;}
#row-area-content .main_explain_con_wrap:last-child {margin-bottom:0;}
.main_explain_con_div {position:relative; padding-top:35px;}
.main_explain_con_wrap .main_explain_con_div:first-child {padding-top:0;}
.main_explain_con_title {position:relative; padding:10px 40px; display:inline-block; border-radius:0 30px 30px 0; 
font-size:24px; font-weight:500; color:#fff; word-break:break-all; line-height:1.4; z-index:1;}
.main_explain_con_title h3,
.main_explain_con_title h4 {display:inline; font-weight:bold; font-size:inherit; line-height:inherit;}
.main_explain_con div ul { padding-left:0px; }
.main_explain_con {position:relative; padding:30px 40px; z-index:1; color:#333;}
.main_explain_con > div {margin-top:20px; font-size:14px; text-align: justify; letter-spacing:-0.04rem;}
.main_explain_con > div:first-child {margin-top:0;}
.main_explain_con > div strong {position:relative; font-size:28px; line-height:1.5; z-index:1;}
.main_explain_con_01 {position:relative; padding:30px 40px; z-index:1; color:#fff;}
.main_explain_con_01 > div {margin-top:20px; font-size:14px; letter-spacing:-0.04rem;}
.main_explain_con_01 > div:first-child {margin-top:0;}
.main_explain_con_01 > div strong {position:relative; font-size:28px; line-height:1.5; z-index:1;}
.main_explain_con .main_explain_con_inner_end {text-align:left; color:#666; font-size:14px; letter-spacing:-0.04rem;}
.main_explain_con_img {position:absolute; top:0; right:0; text-align:right;}

.main_explain_con > div ul {}
.main_explain_con > div ul li {display:flex; text-align: justify; font-size:14px; margin-top:10px; letter-spacing:-0.04rem;}
.main_explain_con > div ul li:first-child {margin-top:0;}
.main_explain_con > div ul li span.main_explain_con_num_icon {display:inline-block; min-width:24px; width:24px; height:24px; line-height:25px; text-align:center; border-radius:50%; background:crimson; color:#fff; font-size:13px; letter-spacing:-1px; font-weight:bold; vertical-align:middle; *margin-top:2px; margin-right:10px; padding-right:1px;}
.main_explain_con > div ul li span.main_explain_con_list_img {min-width:175px;}
.main_explain_con > div ul li span.main_explain_con_list_img img {max-width:100%;}
.main_explain_con > div ul li h3 {display:block; font-size:24px; font-weight:bold; margin-bottom:10px;}

#main_con_3 {margin-top:89px; overflow:visible;}
#main_con_3_1 {background:#dcdfe5; padding-top:35px; border-radius:10px 10px 0 0;}
#main_con_3_1 .main_explain_con_title {background:#251965; color:#fff; font-size:inherit; font-weight:inherit;}
#main_con_3_1 .main_explain_con > div strong span {color:#251965;}
#main_con_3_1 .main_explain_con_img {top:-54px;}
#main_con_3_2 {overflow:hidden;}
#main_con_3_2 .main_explain_con_title {background:#e33030;}
#main_con_3_2 .main_explain_con_img {top:-75px; right:50px;}
#main_con_3_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#e33030;}
#main_con_3_2 .main_explain_con .main_explain_con_inner_end {color:#999;}

#main_con_4_1 {background:url('../img/img_main_con_4_1_bg.png') no-repeat; background-size:cover; background-position:center;}
#main_con_4_2 .main_explain_con_title {background:#26f2c0; color:#251965;}
#main_con_4_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#26f2c0;}

#main_con_5_1 {background:#ffc400; overflow:hidden;}
#main_con_5_1 .main_explain_con_img {top:-18px;}
#main_con_5_1 .main_explain_con_img img {width:100%;}
#main_con_5_2 .main_explain_con_title {background:#ffc400; color:#000;}
#main_con_5_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ffc400; color:#000;}

#main_con_6_1 .main_explain_con_img {top:-10px; right:55px;}
#main_con_6_2 {padding-top:0;}
#main_con_6_2 .main_explain_con_title {background:#1bbf87;}
#main_con_6_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#1bbf87;}
#main_con_6_3 {padding-top:0;}
#main_con_6_3 .main_explain_con_title {background:#e33030;}
#main_con_6_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#e33030;}

#main_con_7_1 {background:#161223; padding:19px 0; overflow:hidden;}
#main_con_7_1 .main_explain_con {color:#fff; text-align:center;}
#main_con_7_1 .main_explain_con > div strong {display:block; color:#7e38ff; font-size:34px; margin-top:15px;}
#main_con_7_1 .main_explain_con_img_left {left:0; right:unset; transform:rotateY(180deg);}
#main_con_7_1 .main_explain_con_img {height:100%;}
#main_con_7_1 .main_explain_con_img img {width:auto; height:100%;}
#main_con_7_2 .main_explain_con_title {background:#7138da;}
#main_con_7_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#7138da;}
#main_con_7_3 {padding-top:0;}
#main_con_7_3 .main_explain_con_title {background:#f04ca5;}
#main_con_7_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#f04ca5;}

#main_con_8_1 {background:url('../img/img_main_con_8_1_bg.png') no-repeat; background-size:cover; background-position:center;}
#main_con_8_1 .main_explain_con {text-align:center; color:#fff;}
#main_con_8_1 .main_explain_con > div strong {display:block; color:#feba3e; margin-top:15px;}
#main_con_8_2 .main_explain_con_title {background:#191766;}
#main_con_8_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#191766;}
#main_con_8_3 {padding-top:0;}
#main_con_8_3 .main_explain_con_title {background:#9130d1;}
#main_con_8_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#9130d1;}

#main_con_9 {overflow:visible;}
#main_con_9_1 .main_explain_con_img {top:-34px; right:24px;}
#main_con_9_2 {padding-top:0;}
#main_con_9_2 .main_explain_con_title {background:#32327f;}
#main_con_9_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#32327f;}
#main_con_9_3 {padding-top:0;}
#main_con_9_3 .main_explain_con_title {background:#32327f;}
#main_con_9_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#32327f;}
#main_con_9_3 .main_explain_con .main_explain_con_inner_end {font-weight:bold;}
#main_con_9_4 {padding-top:0;}
#main_con_9_4 .main_explain_con_title {background:#ff7200;}
#main_con_9_4 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff7200;}

#main_con_10_1 .main_explain_con_img {top:54px; right:70px;}
#main_con_10_2 {padding-top:0;}
#main_con_10_2 .main_explain_con_title {background:#ed2026;}
#main_con_10_2 .main_explain_con > div ul li {align-items:center;}
#main_con_10_2 .main_explain_con > div ul li {margin:40px 0;}
#main_con_10_2 .main_explain_con .main_explain_con_inner_end {color:#999; margin-bottom:20px;}
#main_con_10_3 {padding-top:0;}
#main_con_10_3 .main_explain_con_title {background:#222;}
#main_con_10_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#222;}
#main_con_10_4 {padding-top:0;}
#main_con_10_4 .main_explain_con_title {background:#222;}
#main_con_10_4 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#222;}


@media (max-width: 1024px) {
	.main_explain_con_title {display:block; border-radius:0;}
	.main_explain_con_title,
	.main_explain_con {padding-left:15px !important; padding-right:15px !important;}
	.main_explain_con_img img {width:60%;}
	
	#main_con_3 {margin-top:0;}
	#main_con_3_1 .main_explain_con_img {top:120px; right:-10px; opacity:0.4;}
	#main_con_3_2 .main_explain_con_img {top:-1px; right:15px;}
	#main_con_5_1 .main_explain_con_img {top:0; opacity:0.4;}
	#main_con_6_1 .main_explain_con_img {right:15px; opacity:0.4;}
	#main_con_7_1 .main_explain_con_img_left {display:none;}
	#main_con_9_1 .main_explain_con_img {top:15px; right:0; opacity:0.4;}
	#main_con_10_1 .main_explain_con_img {top:15px; right:15px; opacity:0.4;}
}

@media (max-width: 767px) {
	#row-area-content .main_explain_con_wrap:last-child {margin-bottom:30px;}
	.main_explain_con_wrap br.hide_sm {display:none;}
	.main_explain_con_title {font-size:18px;}
	.main_explain_con > div strong {font-size:20px;}
	.main_explain_con > div ul li span.main_explain_con_list_img {margin-bottom:30px; text-align:center;}
	.main_explain_con > div ul li h3 {font-size:18px;}
	.main_explain_con .main_explain_con_inner_end {text-align:left;}
	
	#main_con_4_1 {background-position:90%;}
	#main_con_7_1 .main_explain_con {text-align:left;}
	#main_con_7_1 .main_explain_con > div strong {font-size:26px;}
	#main_con_8_1 {background-position:3%;}
	#main_con_8_1 .main_explain_con {text-align:left;}
	#main_con_10_2 .main_explain_con > div ul li {display:block;}
	#main_con_10_2 .main_explain_con > div ul li span {display:block;}
	#main_con_10_2 .main_explain_con > div ul li {margin-top:30px; margin-bottom:0;}
	#main_con_10_2 .main_explain_con > div ul li:first-child {margin-top:10px;}
	#main_con_10_2 .main_explain_con .main_explain_con_inner_end {margin-bottom:0;}
}

#main_con_11 .main_explain_con_img {top:42px; right:56px;}
#main_con_11_2 {padding-top:0;}
#main_con_11_2 .main_explain_con_title {background:#3a1ea0;}
#main_con_11_2 .main_explain_con div:first-child span {font-weight:bold; color:#3a1ea0;}
#main_con_11_2 .main_explain_con_inner_end {color:#999;}
.main_con_11_2_2 {}
.main_con_11_2_2 li {display:flex; flex-wrap:nowrap; margin-bottom:25px;}
.main_con_11_2_2 li:first-child {margin-top:40px;}
.main_con_11_2_2 li:last-child {margin-bottom:40px;}
.main_con_11_2_2 li > div:first-child {flex-basis:23%; padding-top:5px; padding-left:8px;}
.main_con_11_2_2 li > div:first-child img {margin-left:3px;}
.main_con_11_2_2 li > div:first-child img:first-child {margin-left:0;}
.main_con_11_2_2 li > div:last-child {flex-basis:77%;}
.main_con_11_2_2 li > div:last-child strong {display:block; font-size:16px; color:#000; margin-bottom:8px;}
.main_con_11_2_2 li > div:last-child div {*line-height:1.4; font-size:14px;}
#main_con_11_3 {padding-top:20px;}
#main_con_11_3 .main_explain_con_title {background:#222;}
#main_con_11_3 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#222;}
#main_con_11_3 .main_explain_con_inner_end {text-align:left;}

@media (max-width: 1200px) {
	.main_con_11_2_2 li > div:first-child {flex-basis:30%;}
	.main_con_11_2_2 li > div:last-child {flex-basis:70%;}
	#main_con_11 .main_explain_con_img {opacity:0.4;}
}
@media (max-width: 1024px) {
	#main_con_11 .main_explain_con_img {top:15px; right:15px;}
	.main_con_11_2_2 li {display:block;}
	.main_con_11_2_2 li:first-child {margin-top:30px;}
	.main_con_11_2_2 li > div:first-child {padding-left:0; text-align:center;}
	.main_con_11_2_2 li > div:last-child {margin-top:15px;}
	#main_con_11_3 {padding-top:0;}
}
@media (max-width: 767px) {
	.main_con_11_2_2 li:last-child {margin-bottom:30px;}
}

.board_notice_wrap {}
.board_notice_wrap br.show_sm {display:none;}

.board_notice_wrap#board_notice_safety .board_notice_top {border-radius:10px 10px 0 0;background:url('./img/mt-bg-01.png') no-repeat;background-position:right;background-size:cover;}
.board_notice_wrap#board_notice_safety .board_notice_top_01 {border-radius:10px;background:url('./img/mt-bg-02.png') no-repeat;background-position:right;background-size:cover;}

.board_notice_wrap .main_explain_con_div {padding-top:0;}
.board_notice_wrap .main_explain_con_div:nth-child(2) {padding-top:35px;}

.board_notice_wrap .board_notice_top {}
.board_notice_wrap .board_notice_top:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;z-index:0;}

.board_notice_wrap#board_notice_review .board_notice_top .main_explain_con {color:#fff;}
.board_notice_wrap#board_notice_review .board_notice_top .main_explain_con a {color:#fff;}
.board_notice_wrap#board_notice_review .board_notice_top .main_explain_con a:hover {color:crimson;}
.board_notice_wrap#board_notice_safety .board_notice_top .main_explain_con {color:#fff;}
.board_notice_wrap#board_notice_mttip .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_analysis .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_hunting .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_tototip .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_freemoney .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_promotion .board_notice_top .main_explain_con {text-align:center;color:#fff;}
.board_notice_wrap#board_notice_event .board_notice_top .main_explain_con {text-align:center;color:#333;}

.board_notice_wrap .board_notice_top .top_title {font-size:27px;font-weight:500;letter-spacing:-0.08rem;margin-bottom:5px;}
.board_notice_wrap .board_notice_top_01 .top_title_01 {color:#fff;font-size:27px;font-weight:500;letter-spacing:-0.08rem;margin-bottom:5px;}

.board_notice_wrap#board_notice_review .board_notice_top .top_title {text-align:left;margin-bottom:15px;}
.board_notice_wrap#board_notice_mttip .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_analysis .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_hunting .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_tototip .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_freemoney .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_promotion .board_notice_top .top_title {text-align:center;}
.board_notice_wrap#board_notice_event .board_notice_top .top_title {color:#4d41ac;text-align:center;}

.board_notice_wrap .main_explain_con_title {padding-top:11px;padding-bottom:9px;}
.board_notice_wrap .main_explain_con_div.review_1 .main_explain_con_title {background:url('https://www.totohot.net/theme/TOTOHOT/img/board_notice_title_bg_review1.png') repeat-x;background-size:auto 100%;color:#fff;}
.board_notice_wrap .main_explain_con_div.review_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.review_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ffdd00;color:#333;}

.board_notice_wrap .main_explain_con_div.safety_1 .main_explain_con_title {background:#5661cc;color:#fff;}
.board_notice_wrap .main_explain_con_div.safety_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#5661cc;color:#fff;}
.board_notice_wrap .main_explain_con_div.safety_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.safety_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff4c4c;color:#fff;}

.board_notice_wrap .main_explain_con_div.mttip_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.mttip_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#e60000;color:#fff;}
.board_notice_wrap .main_explain_con_div.mttip_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.mttip_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ffc619;color:#333;}

.board_notice_wrap .main_explain_con_div.analysis_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.analysis_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#191766;color:#fff;}
.board_notice_wrap .main_explain_con_div.analysis_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.analysis_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#f23030;color:#fff;}

.board_notice_wrap .main_explain_con_div.hunting_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.hunting_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#7f8fef;color:#fff;}
.board_notice_wrap .main_explain_con_div.hunting_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.hunting_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff3333;color:#fff;}

.board_notice_wrap .main_explain_con_div.tototip_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.tototip_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#bfe600;color:#242944;}
.board_notice_wrap .main_explain_con_div.tototip_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.tototip_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff3333;color:#fff;}

.board_notice_wrap .main_explain_con_div.freemoney_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.freemoney_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#01c49d;color:#fff;}
.board_notice_wrap .main_explain_con_div.freemoney_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.freemoney_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff3333;color:#fff;}

.board_notice_wrap .main_explain_con_div.promotion_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.promotion_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#feaf43;color:#fff;}
.board_notice_wrap .main_explain_con_div.promotion_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.promotion_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff3333;color:#fff;}

.board_notice_wrap .main_explain_con_div.event_1 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.event_1 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#613dc8;color:#fff;}
.board_notice_wrap .main_explain_con_div.event_2 .main_explain_con_title,
.board_notice_wrap .main_explain_con_div.event_2 .main_explain_con > div ul li span.main_explain_con_num_icon {background:#ff3333;color:#fff;}

.board_notice_wrap .main_explain_con > div ul li:first-child {margin-top:0;}
.board_notice_wrap .main_explain_con > div ul li {margin-top:15px;}
.board_notice_wrap .main_explain_con > div ul li .strong {font-size:20px;font-weight:500;line-height:1.3;}

.board_notice_wrap .main_explain_con .main_explain_con_inner_end {margin:30px 0 10px;}
.board_notice_wrap .main_explain_con h3 {display:inline; font-weight:normal; font-size:14px; margin:0; padding:0;}

#board_notice_safety .main_explain_con > div:first-child {width:100%;}

@media (max-width: 991px) {
	.board_notice_wrap#board_notice_review .board_notice_top {background-position:right;background-size:cover;}
	.board_notice_wrap#board_notice_review .board_notice_top:after {opacity:0.4;}
	.board_notice_wrap#board_notice_safety .board_notice_top {background-position:center;}
	.board_notice_wrap#board_notice_safety .board_notice_top:after {opacity:0.25;}
	.board_notice_wrap#board_notice_freemoney .board_notice_top {background-position:left;}
	.board_notice_wrap#board_notice_freemoney .board_notice_top:after {opacity:0.15;}
	.board_notice_wrap#board_notice_promotion .board_notice_top {background-position:left;}
	.board_notice_wrap#board_notice_promotion .board_notice_top:after {opacity:0.15;}
	.board_notice_wrap#board_notice_event .board_notice_top {background-position:right;}
}

@media (max-width: 767px) {
	#board_notice_safety .main_explain_con > div:first-child {width:auto;}
	.board_notice_wrap .board_notice_top .main_explain_con {text-align:left !important;}
	.board_notice_wrap .board_notice_top .top_title {font-size:24px;line-height:1.4;margin-bottom:10px;}
	.board_notice_wrap br.show_sm {display:block;}
	.board_notice_wrap .main_explain_con .main_explain_con_inner_end {margin:20px 0 0;}
}