@import url("../fonts/NotoSansKR/NotoSansKR.css");

.faq-box a:focus .faq-list-more {
    background: #345489;
}

.stem {
	margin: 0px auto
}

.bine {
	width: 100%
}

.bine-no {
	display: none
}

.bine-1 {
	width: 8.33333%;
	float: left;
	height: inherit
}

.bine-2 {
	width: 16.66667%;
	float: left;
	height: inherit
}

.bine-3 {
	width: 25%;
	float: left;
	height: inherit
}

.bine-4 {
	width: 33.33333%;
	float: left;
	height: inherit
}

.bine-5 {
	width: 41.66667%;
	float: left;
	height: inherit
}

.bine-6 {
	width: 50%;
	float: left;
	height: inherit
}

.bine-7 {
	width: 58.33333%;
	float: left;
	height: inherit
}

.bine-8 {
	width: 66.66667%;
	float: left;
	height: inherit
}

.bine-9 {
	width: 75%;
	float: left;
	height: inherit
}

.bine-10 {
	width: 83.33333%;
	float: left;
	height: inherit
}

.bine-11 {
	width: 91.66667%;
	float: left;
	height: inherit
}

.bine-12 {
	width: 100%;
	float: left;
	height: inherit
}

@media only screen and (max-width: 679px) {
	.stem {
		width: 100%
	}
	.no-xs {
		display: none
	}
	.cone {
		margin: 0 5px
	}
	.branch {
		margin: 0 calc(5px * -1)
	}
	.bine-xs-1 {
		width: 8.33333%;
		float: left;
		height: inherit
	}
	.bine-xs-2 {
		width: 16.66667%;
		float: left;
		height: inherit
	}
	.bine-xs-3 {
		width: 25%;
		float: left;
		height: inherit
	}
	.bine-xs-4 {
		width: 33.33333%;
		float: left;
		height: inherit
	}
	.bine-xs-5 {
		width: 41.66667%;
		float: left;
		height: inherit
	}
	.bine-xs-6 {
		width: 50%;
		float: left;
		height: inherit
	}
	.bine-xs-7 {
		width: 58.33333%;
		float: left;
		height: inherit
	}
	.bine-xs-8 {
		width: 66.66667%;
		float: left;
		height: inherit
	}
	.bine-xs-9 {
		width: 75%;
		float: left;
		height: inherit
	}
	.bine-xs-10 {
		width: 83.33333%;
		float: left;
		height: inherit
	}
	.bine-xs-11 {
		width: 91.66667%;
		float: left;
		height: inherit
	}
	.bine-xs-12 {
		width: 100%;
		float: left;
		height: inherit
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.stem {
		width: 580px
	}
	.no-sm {
		display: none
	}
	.cone {
		margin: 0 10px
	}
	.branch {
		margin: 0 calc(10px * -1)
	}
	.bine-sm-1 {
		width: 8.33333%;
		float: left;
		height: inherit
	}
	.bine-sm-2 {
		width: 16.66667%;
		float: left;
		height: inherit
	}
	.bine-sm-3 {
		width: 25%;
		float: left;
		height: inherit
	}
	.bine-sm-4 {
		width: 33.33333%;
		float: left;
		height: inherit
	}
	.bine-sm-5 {
		width: 41.66667%;
		float: left;
		height: inherit
	}
	.bine-sm-6 {
		width: 50%;
		float: left;
		height: inherit
	}
	.bine-sm-7 {
		width: 58.33333%;
		float: left;
		height: inherit
	}
	.bine-sm-8 {
		width: 66.66667%;
		float: left;
		height: inherit
	}
	.bine-sm-9 {
		width: 75%;
		float: left;
		height: inherit
	}
	.bine-sm-10 {
		width: 83.33333%;
		float: left;
		height: inherit
	}
	.bine-sm-11 {
		width: 91.66667%;
		float: left;
		height: inherit
	}
	.bine-sm-12 {
		width: 100%;
		float: left;
		height: inherit
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.stem {
		width: 720px
	}
	.no-md {
		display: none
	}
	.cone {
		margin: 0 15px
	}
	.branch {
		margin: 0 calc(15px * -1)
	}
	.bine-md-1 {
		width: 8.33333%;
		float: left;
		height: inherit
	}
	.bine-md-2 {
		width: 16.66667%;
		float: left;
		height: inherit
	}
	.bine-md-3 {
		width: 25%;
		float: left;
		height: inherit
	}
	.bine-md-4 {
		width: 33.33333%;
		float: left;
		height: inherit
	}
	.bine-md-5 {
		width: 41.66667%;
		float: left;
		height: inherit
	}
	.bine-md-6 {
		width: 50%;
		float: left;
		height: inherit
	}
	.bine-md-7 {
		width: 58.33333%;
		float: left;
		height: inherit
	}
	.bine-md-8 {
		width: 66.66667%;
		float: left;
		height: inherit
	}
	.bine-md-9 {
		width: 75%;
		float: left;
		height: inherit
	}
	.bine-md-10 {
		width: 83.33333%;
		float: left;
		height: inherit
	}
	.bine-md-11 {
		width: 91.66667%;
		float: left;
		height: inherit
	}
	.bine-md-12 {
		width: 100%;
		float: left;
		height: inherit
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.stem {
		width: 960px
	}
	.no-lg {
		display: none
	}
	.cone {
		margin: 0 15px
	}
	.branch {
		margin: 0 calc(15px * -1)
	}
	.bine-lg-1 {
		width: 8.33333%;
		float: left;
		height: inherit
	}
	.bine-lg-2 {
		width: 16.66667%;
		float: left;
		height: inherit
	}
	.bine-lg-3 {
		width: 25%;
		float: left;
		height: inherit
	}
	.bine-lg-4 {
		width: 33.33333%;
		float: left;
		height: inherit
	}
	.bine-lg-5 {
		width: 41.66667%;
		float: left;
		height: inherit
	}
	.bine-lg-6 {
		width: 50%;
		float: left;
		height: inherit
	}
	.bine-lg-7 {
		width: 58.33333%;
		float: left;
		height: inherit
	}
	.bine-lg-8 {
		width: 66.66667%;
		float: left;
		height: inherit
	}
	.bine-lg-9 {
		width: 75%;
		float: left;
		height: inherit
	}
	.bine-lg-10 {
		width: 83.33333%;
		float: left;
		height: inherit
	}
	.bine-lg-11 {
		width: 91.66667%;
		float: left;
		height: inherit
	}
	.bine-lg-12 {
		width: 100%;
		float: left;
		height: inherit
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.stem {
		width: 1140px
	}
	.no-xl {
		display: none
	}
	.cone {
		margin: 0 18px
	}
	.branch {
		margin: 0 calc(18px * -1)
	}
	.bine-xl-1 {
		width: 8.33333%;
		float: left;
		height: inherit
	}
	.bine-xl-2 {
		width: 16.66667%;
		float: left;
		height: inherit
	}
	.bine-xl-3 {
		width: 25%;
		float: left;
		height: inherit
	}
	.bine-xl-4 {
		width: 33.33333%;
		float: left;
		height: inherit
	}
	.bine-xl-5 {
		width: 41.66667%;
		float: left;
		height: inherit
	}
	.bine-xl-6 {
		width: 50%;
		float: left;
		height: inherit
	}
	.bine-xl-7 {
		width: 58.33333%;
		float: left;
		height: inherit
	}
	.bine-xl-8 {
		width: 66.66667%;
		float: left;
		height: inherit
	}
	.bine-xl-9 {
		width: 75%;
		float: left;
		height: inherit
	}
	.bine-xl-10 {
		width: 83.33333%;
		float: left;
		height: inherit
	}
	.bine-xl-11 {
		width: 91.66667%;
		float: left;
		height: inherit
	}
	.bine-xl-12 {
		width: 100%;
		float: left;
		height: inherit
	}
}

@media only screen and (min-width: 1600px) {
	.stem {
		width: 1268px
	}
	.no-ul {
		display: none
	}
	.cone {
		margin: 0 18px
	}
	.branch {
		margin: 0 calc(18px * -1)
	}
	.bine-ul-1 {
		width: 8.33333%;
		float: left;
		height: inherit
	}
	.bine-ul-2 {
		width: 16.66667%;
		float: left;
		height: inherit
	}
	.bine-ul-3 {
		width: 25%;
		float: left;
		height: inherit
	}
	.bine-ul-4 {
		width: 33.33333%;
		float: left;
		height: inherit
	}
	.bine-ul-5 {
		width: 41.66667%;
		float: left;
		height: inherit
	}
	.bine-ul-6 {
		width: 50%;
		float: left;
		height: inherit
	}
	.bine-ul-7 {
		width: 58.33333%;
		float: left;
		height: inherit
	}
	.bine-ul-8 {
		width: 66.66667%;
		float: left;
		height: inherit
	}
	.bine-ul-9 {
		width: 75%;
		float: left;
		height: inherit
	}
	.bine-ul-10 {
		width: 83.33333%;
		float: left;
		height: inherit
	}
	.bine-ul-11 {
		width: 91.66667%;
		float: left;
		height: inherit
	}
	.bine-ul-12 {
		width: 100%;
		float: left;
		height: inherit
	}
}

.fullwidth {
	width: 100%
}

.clearfix {
	clear: both
}

.hamburger-menu {
	display: inline-block;
	width: 56px;
	height: 56px;
	overflow: hidden
}

.hamburger {
	padding: 28px 13px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: .15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible
}

.hamburger:hover {
	opacity: .7
}

.hamburger.is-active .hamburger-inner {
	transform: rotate(45deg);
	transition-delay: 0.14s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease, opacity 0.1s 0.14s ease
}

.hamburger.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease, transform 0.1s 0.14s
		cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger-box {
	width: 30px;
	height: 21px;
	display: inline-block;
	position: relative
}

.hamburger-inner {
	display: block;
	margin-top: -1.5px;
	transition-duration: 0.1s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 30px;
	height: 3px;
	background-color: #fff;
	border-radius: 0px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease
}

.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block
}

.hamburger-inner::before {
	top: -9px;
	transition: top 0.1s 0.14s ease, opacity 0.1s ease
}

.hamburger-inner::after {
	bottom: -9px;
	transition: bottom 0.1s 0.14s ease, transform 0.1s
		cubic-bezier(0.55, 0.055, 0.675, 0.19)
} /*!
 * Copyright (c) 2020. jowrney@jowrney.com
 * - www.luplin.com
 */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	box-sizing: border-box;
	font-size: 13px;
	font-family: 'Noto Sans KR', 'Nanum Gothic', Serif
}

html.is-active, body.is-active {
	overflow: hidden
}

body.is-active {
	overflow: hidden
}

.root {
	height: 100%
}

::selection {
	background: #345489;
	color: white
}

::-moz-selection {
	background: #345489;
	color: white
}

.h10 {
	height: 10px
}

.h20 {
	height: 20px
}

.h30 {
	height: 30px
}

.h40 {
	height: 40px
}

.h50 {
	height: 50px
}

.h60 {
	height: 60px
}

.h70 {
	height: 70px
}

.h80 {
	height: 80px
}

.h90 {
	height: 90px
}

.h100 {
	height: 100px
}

.h200 {
	height: 200px
}

.h300 {
	height: 300px
}

.right {
	text-align: right
}

.left {
	text-align: left
}

.center {
	text-align: center
}

.closex {
	padding: 45px 17.5px;
	display: inline-block;
	cursor: pointer;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	height: 0;
	overflow: visible;
	vertical-align: middle
}

.closex .closex-box {
	width: 20px;
	height: 14px;
	display: inline-block;
	position: relative
}

.closex .closex-box .closex-inner {
	display: block;
	margin-top: -1px;
	transform: rotate(45deg)
}

.closex .closex-box .closex-inner, .closex .closex-box .closex-inner::before,
	.closex .closex-box .closex-inner::after {
	width: 20px;
	height: 2px;
	background-color: #fff;
	border-radius: 0px;
	position: absolute
}

.closex .closex-box .closex-inner::before, .closex .closex-box .closex-inner::after
	{
	content: "";
	display: block
}

.closex .closex-box .closex-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease, opacity 0.1s 0.14s ease
}

.closex .closex-box .closex-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease, transform 0.1s 0.14s
		cubic-bezier(0.215, 0.61, 0.355, 1)
}

.header-ad {
	display: none;
	box-sizing: border-box;
	background: #4E646E;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 1000;
	overflow: hidden
}

.header-ad .ad-center {
	position: relative;
	height: 90px
}

.header-ad .ad-center .msg {
	display: table;
	position: absolute;
	width: 100%;
	height: 90px;
	text-align: center;
	color: #fff;
	line-height: 1.5em;
	word-break: keep-all;
	word-wrap: break-word
}

.header-ad .ad-center .msg .msg-box {
	display: table-cell;
	background-size: contain;
	vertical-align: middle
}

.header-ad .ad-center .msg .msg-box img {
	height: 90px;
	vertical-align: middle
}

.header-ad .ad-center .msg .msg-box .text {
	font-size: 20px;
	vertical-align: middle
}

.header-ad .ad-center .ad-btns {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right
}

.header-ad .ad-center .ad-btns .close-anymore {
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 5px 10px;
	border-radius: 20px
}

.header-ad .ad-center .ad-btns .close-anymore:hover {
	background: #fff;
	color: #4E646E
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header-ad .stem {
		width: 100%
	}
	.header-ad .stem .ad-center .msg .text {
		font-size: 15px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-ad .stem {
		width: 100%
	}
	.header-ad .stem .ad-center .msg .text {
		font-size: 13px
	}
	.header-ad .stem .ad-btns .close-anymore .sub-1 {
		display: none
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.header-ad .stem {
		width: 100%
	}
	.header-ad .stem .ad-center .msg {
		width: 65%;
		padding-left: 15px;
		text-align: left
	}
	.header-ad .stem .ad-center .msg img {
		display: none !important
	}
	.header-ad .stem .ad-center .msg .text {
		font-size: 13px
	}
	.header-ad .stem .ad-btns .close-anymore .sub-1 {
		display: none
	}
	.header-ad .stem .ad-btns .close-anymore .sub-2 {
		display: none
	}
}

@media only screen and (max-width: 679px) {
	.header-ad .stem {
		width: 100%
	}
	.header-ad .stem .ad-center .msg {
		width: 65%;
		padding-left: 15px;
		text-align: left
	}
	.header-ad .stem .ad-center .msg img {
		display: none !important
	}
	.header-ad .stem .ad-center .msg .text {
		font-size: 13px
	}
	.header-ad .stem .ad-btns .close-anymore .sub-1 {
		display: none
	}
	.header-ad .stem .ad-btns .close-anymore .sub-2 {
		display: none
	}
}

.header {
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 104px;
	z-index: 998;
	border-bottom: 1px solid transparent
}

.header.withAD {
	top: 90px
}

.header.active, .header.scrolled {
	background: #fff;
	border-bottom: 1px solid #979797
}

.header.active .stem .header-logo .logo-box .logo-symbolic, .header.scrolled .stem .header-logo .logo-box .logo-symbolic
	{
	background-image: url("../images/top-logo-2.png")
}

.header.active .stem .header-nav .nav-ul li a, .header.scrolled .stem .header-nav .nav-ul li a
	{
	color: #000
}

.header.active .stem .header-opt a, .header.scrolled .stem .header-opt a
	{
	color: #000
}

.header.active .stem .header-opt a.btn-round, .header.scrolled .stem .header-opt a.btn-round
	{
	border: 1px solid #000
}

.header.active .stem .header-opt .hamburger-menu .hamburger .hamburger-box .hamburger-inner,
	.header.active .stem .header-opt .hamburger-menu .hamburger .hamburger-box .hamburger-inner:before,
	.header.active .stem .header-opt .hamburger-menu .hamburger .hamburger-box .hamburger-inner:after,
	.header.scrolled .stem .header-opt .hamburger-menu .hamburger .hamburger-box .hamburger-inner,
	.header.scrolled .stem .header-opt .hamburger-menu .hamburger .hamburger-box .hamburger-inner:before,
	.header.scrolled .stem .header-opt .hamburger-menu .hamburger .hamburger-box .hamburger-inner:after
	{
	background-color: #345489
}

.header .stem {
	height: 104px
}

.header .stem .header-logo .logo-box {
	display: table;
	width: 200px;
	height: 100%
}

.header .stem .header-logo .logo-box a {
	display: table-cell;
	text-decoration: none;
	vertical-align: middle
}

.header .stem .header-logo .logo-box a .logo-symbolic {
	display: inline-block;
	width: 210px;
	height: 70px;
	background-image: url("../images/top-logo-1.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-indent: -99999px;
	padding: 0;
	margin: 0
}

.header .stem .header-nav.is-active {
	display: block
}

.header .stem .header-nav .nav-ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: table;
	height: 104px;
	font-size: 24px;
	z-index: 2
}

.header .stem .header-nav .nav-ul.active .nav-dropdown {
	visibility: visible;
	opacity: 1
}

.header .stem .header-nav .nav-ul.active .nav-board {
	visibility: visible;
	opacity: 1
}

.header .stem .header-nav .nav-ul li {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	box-sizing: border-box;
	padding: 0 20px
}

.header .stem .header-nav .nav-ul li.active {
	color: #345489;
	box-shadow: inset 0 -5px 0 #345489
}

.header .stem .header-nav .nav-ul li a {
	display: inline-block;
	height: 100%;
	line-height: 104px;
	text-decoration: none;
	color: white;
	white-space: nowrap
}

.header .stem .header-nav .nav-ul li a:hover {
	color: #345489;
	box-shadow: inset 0 -5px 0 #345489
}

.header .stem .header-nav .nav-ul li .nav-dropdown {
	visibility: hidden;
	position: absolute;
	top: 104px;
	display: block;
	font-size: 17px;
	margin: 10px 0;
	padding: 0;
	opacity: 0;
	min-width: 160px
}

.header .stem .header-nav .nav-ul li .nav-dropdown li {
	display: block;
	padding: 5px 0;
	box-sizing: border-box
}

.header .stem .header-nav .nav-ul li .nav-dropdown li.active {
	color: #345489;
	box-shadow: none
}

.header .stem .header-nav .nav-ul li .nav-dropdown li a {
	line-height: normal;
	color: #6c6c6c;
	text-decoration: none;
	white-space: normal;
	word-break: keep-all
}

.header .stem .header-nav .nav-ul li .nav-dropdown li a:hover {
	color: #345489;
	box-shadow: none
}

.header .stem .header-nav .nav-board {
	visibility: hidden;
	position: absolute;
	z-index: -1;
	height: 330px;
	top: 104px;
	left: 0;
	width: 100%;
	background: #fff;
	display: table;
	opacity: 0;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2)
}

.header .stem .header-nav .nav-board div[class^="bine"] {
	display: table-cell;
	vertical-align: bottom;
	margin-bottom: 20px;
	position: relative
}

.header .stem .header-nav .nav-board div[class^="bine"] .nav-more {
	position: absolute;
	bottom: 0;
	list-style: none;
	margin: 0 auto;
	text-align: center;
	width: 100%
}

.header .stem .header-nav .nav-board div[class^="bine"] .nav-more a {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
	vertical-align: middle;
	text-decoration: none
}

.header .stem .header-nav .nav-board div[class^="bine"] .nav-more a:hover
	{
	color: #000;
	box-shadow: none
}

.header .stem .header-nav .nav-board div[class^="bine"] .nav-more a.btn-rect
	{
	background: #e6e6e6;
	min-width: 180px
}

.header .stem .header-nav .nav-board div[class^="bine"] .nav-more a.btn-rect.blue
	{
	background: #7394ca;
	color: #fff
}

.header .stem .header-nav .nav-board div[class^="bine"] .nav-more a.btn-rect span
	{
	line-height: normal;
	word-break: break-all
}

.header .stem .header-opt {
	line-height: 104px;
	text-align: right
}

.header .stem .header-opt .header-opt-group {
	display: inline-block
}

.header .stem .header-opt a {
	font-size: 16px;
	color: white;
	text-decoration: none;
	margin-right: 10px;
	line-height: normal;
	vertical-align: middle
}

.header .stem .header-opt a.btn-search {
	display: inline-block;
	background:
		url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQjJDNkQ0O30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjUsMy41Yy03LjIsMC0xMyw1LjgtMTMsMTNzNS44LDEzLDEzLDEzczEzLTUuOCwxMy0xM1MyMy43LDMuNSwxNi41LDMuNXogTTE2LjUsMjYuNWMtNS41LDAtMTAtNC41LTEwLTEwCgljMC01LjUsNC41LTEwLDEwLTEwczEwLDQuNSwxMCwxMEMyNi41LDIyLDIyLDI2LjUsMTYuNSwyNi41eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzUuNiwzMC40bC01LjUtNS41Yy0xLjEsMS43LTIuNCwzLjItNC4xLDQuNGw1LjMsNS4zYzAuNiwwLjYsMS40LDAuOSwyLjEsMC45czEuNS0wLjMsMi4xLTAuOQoJQzM2LjgsMzMuNSwzNi44LDMxLjUsMzUuNiwzMC40eiIvPgo8L3N2Zz4K")
		no-repeat center center;
	width: 40px;
	height: 40px
}

.header .stem .header-opt a.btn-round {
	border: 1px solid #fff;
	padding: 6px 20px;
	border-radius: 40px
}

.header .stem .header-opt a.btn-round:hover {
	border: 1px solid #B2C6D4
}

.header .stem .header-opt a:hover {
	color: #B2C6D4
}

.header .stem .header-opt a i {
	font-size: 16px
}

.header .searchbar {
    /* 
    height: 95px;
    line-height: 95px; 
    */
    height: auto;
    background: #345489;
    visibility: hidden;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    text-align: center;
}

.header .searchbar.active {
	visibility: visible
}

.header .searchbar .search-input {
	width: 890px;
	margin: 0;
	padding: 0;
	height: 50px;
	vertical-align: middle;
	font-size: 20px;
	border: none;
	text-indent: 10px
}

.header .searchbar .search-button {
	margin: 0;
	padding: 0 20px;
	height: 50px;
	vertical-align: middle;
	background: #927950;
	border: none;
	font-size: 20px;
	color: #fff;
	cursor: pointer
}

.header .searchbar .search-button:hover {
	background: #715e3e
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.header .stem .header-nav .nav-ul {
		font-size: 18px !important
	}
	.header .stem .header-nav .nav-ul li {
		padding: 0 18px
	}
	.header .stem .header-nav .nav-ul li .nav-dropdown {
		font-size: 14px !important;
		min-width: 140px
	}
	.header .stem .header-nav .nav-ul li .nav-dropdown li {
		padding: 3px 0
	}
	.header .stem .header-nav .nav-ul .nav-board {
		height: 250px
	}
	.header .stem .header-nav .nav-ul .nav-board .nav-more a {
		font-size: 14px !important;
		height: 50px !important;
		line-height: 50px !important;
		padding: 0 5px !important
	}
	.header .stem .header-nav .nav-ul .nav-board .nav-more a .icon {
		width: 30px;
		height: 30px
	}
	.header .stem .header-opt a {
		font-size: 14px
	}
	.header .stem .header-opt a.btn-search {
		width: 35px;
		height: 35px
	}
	.header .stem .header-opt a.btn-round {
		padding: 3px 10px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header .stem .header-logo .logo-box .logo-symbolic {
		width: 150px !important;
		height: 50px !important
	}
	.header .stem .header-nav .nav-ul {
		font-size: 16px !important
	}
	.header .stem .header-nav .nav-ul li {
		padding: 0 9px
	}
	.header .stem .header-nav .nav-ul li .nav-dropdown {
		font-size: 13px !important;
		min-width: 90px
	}
	.header .stem .header-nav .nav-ul li .nav-dropdown li {
		padding: 4px 0
	}
	.header .stem .header-nav .nav-ul .nav-board {
		height: 290px
	}
	.header .stem .header-nav .nav-ul .nav-board .nav-more a {
		font-size: 12px !important;
		height: 40px !important;
		line-height: 40px !important;
		padding: 0 !important
	}
	.header .stem .header-nav .nav-ul .nav-board .nav-more a.btn-rect {
		min-width: 160px !important
	}
	.header .stem .header-nav .nav-ul .nav-board .nav-more a .icon {
		width: 30px;
		height: 30px
	}
	.header .stem .header-opt a {
		font-size: 13px;
		margin-right: 5px
	}
	.header .stem .header-opt a.btn-search {
		width: 30px;
		height: 30px
	}
	.header .stem .header-opt a.btn-round {
		padding: 3px 10px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header.active {
		height: calc(100% - 104px - 60px + 1px) !important
	}
	.header.active.withAD {
		height: calc(100% - 104px - 90px - 60px + 1px) !important
	}
	.header.active .header-nav .nav-ul {
		display: block !important
	}
	.header.active .header-nav .nav-ul li .nav-dropdown {
		position: static
	}
	.header.active .header-opt .header-opt-group {
		display: block !important
	}
	.header .header-logo .logo-box a .logo-symbolic {
		width: 180px !important;
		height: 60px !important
	}
	.header .header-nav {
		position: absolute !important;
		top: 104px;
		left: 0;
		width: 100% !important;
		height: 100% !important
	}
	.header .header-nav .nav-ul {
		overflow-y: auto;
		position: absolute !important;
		top: 60px;
		left: 0;
		display: none !important;
		background: #fff;
		width: 100% !important;
		height: 100% !important
	}
	.header .header-nav .nav-ul li {
		display: block !important;
		padding: 0 !important
	}
	.header .header-nav .nav-ul li a {
		display: block !important;
		font-size: 20px !important;
		font-weight: bold !important;
		line-height: 60px !important;
		text-indent: 15px;
		border-bottom: 1px solid #B2C6D4;
		box-sizing: border-box
	}
	.header .header-nav .nav-ul li .nav-dropdown {
		display: none !important;
		position: initial !important;
		top: initial !important;
		margin: 0 !important;
		background: #e4f2f5;
		border-bottom: 1px solid #B2C6D4;
		box-sizing: border-box
	}
	.header .header-nav .nav-ul li .nav-dropdown.active {
		display: block !important
	}
	.header .header-nav .nav-ul li .nav-dropdown li {
		display: block !important
	}
	.header .header-nav .nav-ul li .nav-dropdown li a {
		line-height: 45px !important;
		font-size: 18px !important;
		font-weight: normal !important;
		display: block !important;
		border-bottom: none !important
	}
	.header .header-nav .nav-ul .nav-board {
		position: static !important;
		display: block !important;
		height: auto !important
	}
	.header .header-nav .nav-ul .nav-board .nav-more {
		position: static !important;
		top: 0 !important
	}
	.header .header-nav .nav-ul .nav-board .nav-more .btn-rect {
		width: 100%;
		text-align: left;
		padding: 0 !important;
		text-indent: 10px;
		border-bottom: 1px solid #B2C6D4
	}
	.header .header-opt .header-opt-group {
		display: none !important;
		background: #345489;
		position: absolute;
		text-align: center;
		width: 100%;
		height: 60px;
		line-height: 60px;
		left: 0;
		top: 104px;
		z-index: 3
	}
	.header .header-opt .header-opt-group a {
		border-color: #fff !important;
		color: #fff !important
	}
	.header .header-opt .hamburger-menu .hamburger.is-active {
		background-color: #345489 !important;
		opacity: 1 !important
	}
	.header .header-opt .hamburger-menu .hamburger.is-active .hamburger-box .hamburger-inner,
		.header .header-opt .hamburger-menu .hamburger.is-active .hamburger-box .hamburger-inner::before,
		.header .header-opt .hamburger-menu .hamburger.is-active .hamburger-box .hamburger-inner::after
		{
		background-color: #fff !important
	}
	.header .searchbar form {
		position: relative;
		padding: 0 20px
	}
	.header .searchbar form .search-input {
		margin: 0;
		padding: 0;
		width: 100%
	}
	.header .searchbar form .search-button {
	    position: absolute;
	    /* top:28px */
	    top: 33px;
	    right: 28px;
	    background: transparent
	        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQjJDNkQ0O30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjUsMy41Yy03LjIsMC0xMyw1LjgtMTMsMTNzNS44LDEzLDEzLDEzczEzLTUuOCwxMy0xM1MyMy43LDMuNSwxNi41LDMuNXogTTE2LjUsMjYuNWMtNS41LDAtMTAtNC41LTEwLTEwCgljMC01LjUsNC41LTEwLDEwLTEwczEwLDQuNSwxMCwxMEMyNi41LDIyLDIyLDI2LjUsMTYuNSwyNi41eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzUuNiwzMC40bC01LjUtNS41Yy0xLjEsMS43LTIuNCwzLjItNC4xLDQuNGw1LjMsNS4zYzAuNiwwLjYsMS40LDAuOSwyLjEsMC45czEuNS0wLjMsMi4xLTAuOQoJQzM2LjgsMzMuNSwzNi44LDMxLjUsMzUuNiwzMC40eiIvPgo8L3N2Zz4K)
	        no-repeat center center !important;
	    overflow: hidden;
	    width: 40px;
	    height: 40px;
	}
	.header .searchbar form .search-button .text {
		display: none
	}
}

/*20220817_추천검색어*/
.suggested_sch_terms {
    line-height: 1;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}
.suggested_sch_terms dl {
    display: table;
    width: 100%;
    text-align: left;
    margin: 0px 0px 0px 5px;
    padding-bottom: 25px;
}
.suggested_sch_terms dl dt,
.suggested_sch_terms dl dd {
    display: table-cell;
    width: auto;
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
}
.suggested_sch_terms dl dt {
    width: 95px;
}
.suggested_sch_terms dl dt span {
    display: inline-block;
    margin: 3px 0;
}
.suggested_sch_terms dl dd * {
    display: inline-block;
    /*vertical-align: top !important;*/
    line-height: 1;
}
.suggested_sch_terms dl dd span {
    margin: 3px;
}
.suggested_sch_terms dl dd span:after {
    content: ' ';
}
.suggested_sch_terms dl dd span:last-of-type:after {
    display: none;
    content: none;
}
.suggested_sch_terms dl dd a {
    margin: 0 !important;
    font-size: 16px !important;
    color: #fff !important;
}

@media only screen and (max-width: 561px) {
    .suggested_sch_terms dl dt {
        width: 80px;
    }
    .suggested_sch_terms dl dt,
    .suggested_sch_terms dl dd,
    .suggested_sch_terms dl dd a {
        font-size: 14px !important;
    }
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.header.active {
		height: calc(100% - 104px - 60px + 1px) !important
	}
	.header.active.withAD {
		height: calc(100% - 104px - 90px - 60px + 1px) !important
	}
	.header.active .header-nav .nav-ul {
		display: block !important
	}
	.header.active .header-nav .nav-ul li .nav-dropdown {
		position: static
	}
	.header.active .header-opt .header-opt-group {
		display: block !important
	}
	.header .header-logo .logo-box a .logo-symbolic {
		width: 180px !important;
		height: 60px !important
	}
	.header .header-nav {
		position: absolute !important;
		top: 104px;
		left: 0;
		width: 100% !important;
		height: 100% !important
	}
	.header .header-nav .nav-ul {
		overflow-y: auto;
		position: absolute !important;
		top: 60px;
		left: 0;
		display: none !important;
		background: #fff;
		width: 100% !important;
		height: 100% !important
	}
	.header .header-nav .nav-ul li {
		display: block !important;
		padding: 0 !important
	}
	.header .header-nav .nav-ul li a {
		display: block !important;
		font-size: 20px !important;
		font-weight: bold !important;
		line-height: 60px !important;
		text-indent: 15px;
		border-bottom: 1px solid #B2C6D4;
		box-sizing: border-box
	}
	.header .header-nav .nav-ul li .nav-dropdown {
		display: none !important;
		position: initial !important;
		top: initial !important;
		margin: 0 !important;
		background: #e4f2f5;
		border-bottom: 1px solid #B2C6D4;
		box-sizing: border-box
	}
	.header .header-nav .nav-ul li .nav-dropdown.active {
		display: block !important
	}
	.header .header-nav .nav-ul li .nav-dropdown li {
		display: block !important
	}
	.header .header-nav .nav-ul li .nav-dropdown li a {
		line-height: 45px !important;
		font-size: 18px !important;
		font-weight: normal !important;
		display: block !important;
		border-bottom: none !important
	}
	.header .header-nav .nav-ul .nav-board {
		position: static !important;
		display: block !important;
		height: auto !important
	}
	.header .header-nav .nav-ul .nav-board .nav-more {
		position: static !important;
		top: 0 !important
	}
	.header .header-nav .nav-ul .nav-board .nav-more .btn-rect {
		width: 100%;
		text-align: left;
		padding: 0 !important;
		text-indent: 10px;
		border-bottom: 1px solid #B2C6D4
	}
	.header .header-opt .header-opt-group {
		display: none !important;
		background: #345489;
		position: absolute;
		text-align: center;
		width: 100%;
		height: 60px;
		line-height: 60px;
		left: 0;
		top: 104px;
		z-index: 3
	}
	.header .header-opt .header-opt-group a {
		border-color: #fff !important;
		color: #fff !important
	}
	.header .header-opt .hamburger-menu .hamburger.is-active {
		background-color: #345489 !important;
		opacity: 1 !important
	}
	.header .header-opt .hamburger-menu .hamburger.is-active .hamburger-box .hamburger-inner,
		.header .header-opt .hamburger-menu .hamburger.is-active .hamburger-box .hamburger-inner::before,
		.header .header-opt .hamburger-menu .hamburger.is-active .hamburger-box .hamburger-inner::after
		{
		background-color: #fff !important
	}
	.header .searchbar form {
		position: relative;
		padding: 0 20px
	}
	.header .searchbar form .search-input {
		margin: 0;
		padding: 0;
		width: 100%
	}
	.header .searchbar form .search-button {
		position: absolute;
		top: 28px;
		right: 28px;
		background: transparent
			url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQjJDNkQ0O30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjUsMy41Yy03LjIsMC0xMyw1LjgtMTMsMTNzNS44LDEzLDEzLDEzczEzLTUuOCwxMy0xM1MyMy43LDMuNSwxNi41LDMuNXogTTE2LjUsMjYuNWMtNS41LDAtMTAtNC41LTEwLTEwCgljMC01LjUsNC41LTEwLDEwLTEwczEwLDQuNSwxMCwxMEMyNi41LDIyLDIyLDI2LjUsMTYuNSwyNi41eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzUuNiwzMC40bC01LjUtNS41Yy0xLjEsMS43LTIuNCwzLjItNC4xLDQuNGw1LjMsNS4zYzAuNiwwLjYsMS40LDAuOSwyLjEsMC45czEuNS0wLjMsMi4xLTAuOQoJQzM2LjgsMzMuNSwzNi44LDMxLjUsMzUuNiwzMC40eiIvPgo8L3N2Zz4K)
			no-repeat center center !important;
		overflow: hidden;
		width: 40px;
		height: 40px
	}
	.header .searchbar form .search-button .text {
		display: none
	}
}

@media only screen and (max-width: 679px) {
	.header.active {
		height: calc(100% - 104px - 60px + 1px) !important
	}
	.header.active.withAD {
		height: calc(100% - 104px - 90px - 60px + 1px) !important
	}
	.header.active .header-nav .nav-ul {
		display: block !important
	}
	.header.active .header-nav .nav-ul li .nav-dropdown {
		position: static
	}
	.header.active .header-opt .header-opt-group {
		display: block !important
	}
	.header .header-logo .logo-box a .logo-symbolic {
		width: 180px !important;
		height: 60px !important
	}
	.header .header-nav {
		position: absolute !important;
		top: 104px;
		left: 0;
		width: 100% !important;
		height: 100% !important
	}
	.header .header-nav .nav-ul {
		overflow-y: auto;
		position: absolute !important;
		top: 60px;
		left: 0;
		display: none !important;
		background: #fff;
		width: 100% !important;
		height: 100% !important
	}
	.header .header-nav .nav-ul li {
		display: block !important;
		padding: 0 !important
	}
	.header .header-nav .nav-ul li a {
		display: block !important;
		font-size: 20px !important;
		font-weight: bold !important;
		line-height: 60px !important;
		text-indent: 15px;
		border-bottom: 1px solid #B2C6D4;
		box-sizing: border-box
	}
	.header .header-nav .nav-ul li .nav-dropdown {
		display: none !important;
		position: initial !important;
		top: initial !important;
		margin: 0 !important;
		background: #e4f2f5;
		border-bottom: 1px solid #B2C6D4;
		box-sizing: border-box
	}
	.header .header-nav .nav-ul li .nav-dropdown.active {
		display: block !important
	}
	.header .header-nav .nav-ul li .nav-dropdown li {
		display: block !important
	}
	.header .header-nav .nav-ul li .nav-dropdown li a {
		line-height: 45px !important;
		font-size: 18px !important;
		font-weight: normal !important;
		display: block !important;
		border-bottom: none !important
	}
	.header .header-nav .nav-ul .nav-board {
		position: static !important;
		display: block !important;
		height: auto !important
	}
	.header .header-nav .nav-ul .nav-board .nav-more {
		position: static !important;
		top: 0 !important
	}
	.header .header-nav .nav-ul .nav-board .nav-more .btn-rect {
		width: 100%;
		text-align: left;
		padding: 0 !important;
		text-indent: 10px;
		border-bottom: 1px solid #B2C6D4
	}
	.header .header-opt .header-opt-group {
		display: none !important;
		background: #345489;
		position: absolute;
		text-align: center;
		width: 100%;
		height: 60px;
		line-height: 60px;
		left: 0;
		top: 104px;
		z-index: 3
	}
	.header .header-opt .header-opt-group a {
		border-color: #fff !important;
		color: #fff !important
	}
	.header .header-opt .hamburger-menu .hamburger.is-active {
		background-color: #345489 !important;
		opacity: 1 !important
	}
	.header .header-opt .hamburger-menu .hamburger.is-active .hamburger-box .hamburger-inner,
		.header .header-opt .hamburger-menu .hamburger.is-active .hamburger-box .hamburger-inner::before,
		.header .header-opt .hamburger-menu .hamburger.is-active .hamburger-box .hamburger-inner::after
		{
		background-color: #fff !important
	}
	.header .searchbar form {
		position: relative;
		padding: 0 20px
	}
	.header .searchbar form .search-input {
		margin: 0;
		padding: 0;
		width: 100%
	}
	.header .searchbar form .search-button {
		position: absolute;
		top: 28px;
		right: 28px;
		background: transparent
			url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQjJDNkQ0O30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjUsMy41Yy03LjIsMC0xMyw1LjgtMTMsMTNzNS44LDEzLDEzLDEzczEzLTUuOCwxMy0xM1MyMy43LDMuNSwxNi41LDMuNXogTTE2LjUsMjYuNWMtNS41LDAtMTAtNC41LTEwLTEwCgljMC01LjUsNC41LTEwLDEwLTEwczEwLDQuNSwxMCwxMEMyNi41LDIyLDIyLDI2LjUsMTYuNSwyNi41eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzUuNiwzMC40bC01LjUtNS41Yy0xLjEsMS43LTIuNCwzLjItNC4xLDQuNGw1LjMsNS4zYzAuNiwwLjYsMS40LDAuOSwyLjEsMC45czEuNS0wLjMsMi4xLTAuOQoJQzM2LjgsMzMuNSwzNi44LDMxLjUsMzUuNiwzMC40eiIvPgo8L3N2Zz4K)
			no-repeat center center !important;
		overflow: hidden;
		width: 40px;
		height: 40px
	}
	.header .searchbar form .search-button .text {
		display: none
	}
}

.visual {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 820px;
	overflow: hidden
}

.visual.withAD {
	top: 90px
}

.section-start {
	margin-top: 820px
}

.section-start.withAD {
	margin-top: 910px
}

.section-sub-start {
	margin-top: 260px
}

.section-sub-start.withAD {
	margin-top: 450px
}

.section-sub-start.h580 {
	margin-top: 480px
}

.section-sub-start.h580.withAD {
	margin-top: 670px
}

.section-sub-start.h480 {
	margin-top: 480px
}

.section-sub-start.h480.withAD {
	margin-top: 570px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.visual {
		height: 720px !important
	}
	.section-start {
		margin-top: 720px !important
	}
	.section-start.withAD {
		margin-top: 810px !important
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.visual {
		height: 440px !important
	}
	.section-start {
		margin-top: 440px !important
	}
	.section-start.withAD {
		margin-top: 530px !important
	}
}

@media only screen and (max-width: 679px) {
	.visual {
		height: 440px !important
	}
	.section-start {
		margin-top: 440px !important
	}
	.section-start.withAD {
		margin-top: 530px !important
	}
}

.icon {
	display: inline-block;
	vertical-align: middle
}

.icon.nav-more-1 {
	width: 40px;
	height: 40px;
	background: url("../images/nav-more-1.png") no-repeat center center;
	background-size: cover
}

.icon.nav-more-2 {
	width: 40px;
	height: 40px;
	background: url("../images/nav-more-2.png") no-repeat center center;
	background-size: cover
}

.icon.nav-more-3 {
	width: 40px;
	height: 40px;
	background: url("../images/nav-more-3.png") no-repeat center center;
	background-size: cover
}

.icon.nav-more-4 {
	width: 40px;
	height: 40px;
	background: url("../images/nav-more-4.png") no-repeat center center;
	background-size: cover
}

.icon.nav-more-5 {
	width: 40px;
	height: 40px;
	background: url("../images/nav-more-5.png") no-repeat center center;
	background-size: cover
}

.icon.icon-file {
	width: 30px;
	height: 30px;
	background: url("../images/icon-file.png") no-repeat center center;
	background-size: cover
}

.header {
	transition: background .5s ease .1s
}

.nav-dropdown, .nav-board {
	transition: visibility 0s, opacity 0.3s linear
}

.flexslider {
	overflow: hidden;
	height: 820px;
	border-radius: 0 !important
}

.flexslider .slides {
	height: 820px
}

.flexslider .slides li {
	height: 820px;
	position: relative;
	box-sizing: border-box
}

.flexslider .slides li.slide-1 .logo-box {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	margin-top: 130px
}

.flexslider .slides li.slide-1 .logo-box .logo-cont {
	width: 1140px;
	margin: 0 auto;
	text-align: left
}

.flexslider .slides li.slide-1 .logo-box .logo-cont img {
	width: 260px;
	height: 70px
}

.flexslider .slides li.slide-1 .text-box {
	margin-bottom: 450px
}

.flexslider .slides li.slide-1 .text-box .text-cont .text-block {
	display: inline-block;
	width: 634px
}

.flexslider .slides li.slide-1 .text-box .text-cont .text-block .img-wrap
	{
	text-align: center
}

.flexslider .slides li.slide-1 .text-box .text-cont .text-block .img-wrap img
	{
	width: 80%;
	display: inline;
	vertical-align: middle
}

.flexslider .slides li.slide-1 .text-box .text-cont .text-block .btngo {
	background: rgba(89, 89, 89, 0.29);
	color: white;
	vertical-align: middle;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
	padding: 10px 20px;
	border-radius: 15px
}

.flexslider .slides li.slide-1 .text-box .text-cont .text-block .btngo:hover,
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block .btngo:active
	{
	background: #595959
}

.flexslider .slides li.slide-1 .text-box .text-cont .text-block .text-wrap
	{
	text-align: center;
	font-size: 22px;
	color: #07338D;
	line-height: 1.4em;
	word-break: keep-all;
	padding: 10px 0
}

.flexslider .slides li.slide-1 .text-box .text-cont .text-block .text-wrap span.white
	{
	color: white
}

.flexslider .slides li.slide-2 .text-box .text-cont .text-block {
	display: inline-block;
	width: 634px
}

.flexslider .slides li.slide-2 .text-box .text-cont .text-block .img-wrap
	{
	padding-left: 80px
}

.flexslider .slides li.slide-2 .text-box .text-cont .text-block .text-wrap
	{
	padding-left: 80px;
	font-size: 22px;
	color: #fff;
	line-height: 1.4em
}

.flexslider .slides li.slide-3 .text-box .text-cont, 
.flexslider .slides li.slide-4 .text-box .text-cont,
.flexslider .slides li.slide-5 .text-box .text-cont
{
	width: 1268px
}

.flexslider .slides li.slide-3 .text-box .text-cont .text-block,
.flexslider .slides li.slide-4 .text-box .text-cont .text-block,
.flexslider .slides li.slide-5 .text-box .text-cont .text-block {
	display: inline-block;
	width: 1268px
}

.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap,
.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap,
.flexslider .slides li.slide-5 .text-box .text-cont .text-block .text-wrap
	{
	font-size: 48px;
	color: #fff
}

.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-2,
.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-2,
.flexslider .slides li.slide-5 .text-box .text-cont .text-block .text-wrap .text-2
	{
	display: inline-block;
	padding: 2px 5px;
	background: #fff;
	color: #000
}

.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-btn,
.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-btn,
.flexslider .slides li.slide-5 .text-box .text-cont .text-block .text-btn
	{
	display: inline-block;
	padding: 15px 60px;
	font-size: 25px;
	text-decoration: none;
	border-radius: 60px;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.3);
	color: #fff;
	margin: 30px 0
}

.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-btn:hover,
.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-btn:hover,
.flexslider .slides li.slide-5 .text-box .text-cont .text-block .text-btn:hover
	{
	background: #345489
}

.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-list,
.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-list,
.flexslider .slides li.slide-5 .text-box .text-cont .text-block .text-list
	{
	margin: 0;
	padding: 0;
	list-style: disc;
	margin-left: 30px
}

.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-list .list,
.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-list .list,
.flexslider .slides li.slide-5 .text-box .text-cont .text-block .text-list .list
	{
	height: initial;
	font-size: 22px;
	line-height: 1.6em;
	color: #fff
}

.flexslider .slides li .text-box {
	display: table;
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 2;
	margin-bottom: 240px
}

.flexslider .slides li .text-box .text-cont {
	display: table-cell;
	width: 1440px;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center
}

.flexslider .slides li .text-box .text-cont .text-block {
	text-align: left
}

.flexslider .slides li .image-box {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1
}

.flexslider .flex-control-nav {
	bottom: 160px
}

.flexslider .flex-control-nav li a {
	width: 13px;
	height: 13px;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: none !important
}

.flexslider .flex-control-nav li a:hover {
	background: #fff
}

.flexslider .flex-control-nav li a.flex-active {
	width: 60px;
	background: #fff
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.flexslider .slides li.slide-2 .text-box .text-block {
		width: 570px
	}
	.flexslider .slides li.slide-2 .text-box .text-block .text-wrap {
		font-size: 20px !important
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block {
		width: 1140px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-1,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-1
		{
		font-size: 36px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-2,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-2
		{
		font-size: 36px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-btn,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-btn
		{
		font-size: 20px;
		padding: 10px 40px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-list .list,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-list .list
		{
		font-size: 20px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.flexslider .slides li.slide-2 .text-box .text-block {
		width: 570px
	}
	.flexslider .slides li.slide-2 .text-box .text-block .text-wrap {
		font-size: 20px !important
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block {
		width: 1140px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-1,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-1
		{
		font-size: 36px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-2,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-2
		{
		font-size: 36px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-btn,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-btn
		{
		font-size: 20px;
		padding: 10px 40px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-list .list,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-list .list
		{
		font-size: 20px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.flexslider .slides li.slide-2 .text-box .text-block {
		width: 480px
	}
	.flexslider .slides li.slide-2 .text-box .text-block .text-wrap {
		font-size: 18px !important
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block {
		width: 960px;
		padding: 0 50px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-1,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-1
		{
		font-size: 34px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-2,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-2
		{
		font-size: 34px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-btn,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-btn
		{
		font-size: 20px;
		padding: 10px 40px;
		margin: 20px 0
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-list .list,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-list .list
		{
		font-size: 20px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.flexslider {
		height: 720px
	}
	.flexslider .slides {
		height: 720px
	}
	.flexslider .slides li {
		height: 720px
	}
	.flexslider .slides li.slide-1 .logo-box {
		width: 720px
	}
	.flexslider .slides li.slide-1 .logo-box .logo-cont img {
		width: 180px
	}
	.flexslider .slides li.slide-1 .text-box {
		margin-bottom: 400px
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block {
		width: 720px
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block .img-wrap img
		{
		width: 60%
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block .text-wrap
		{
		font-size: 18px
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block {
		width: 720px
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block .img-wrap
		{
		padding-left: 100px
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block .text-wrap
		{
		padding-left: 100px;
		font-size: 18px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block {
		width: 720px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-1,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-1
		{
		font-size: 36px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-2,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-2
		{
		font-size: 36px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-btn,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-btn
		{
		font-size: 20px;
		padding: 10px 40px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-list .list,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-list .list
		{
		font-size: 20px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.flexslider {
		height: 440px
	}
	.flexslider .slides {
		height: 440px
	}
	.flexslider .slides li {
		height: 440px
	}
	.flexslider .slides li.slide-1 .logo-box {
		display: none
	}
	.flexslider .slides li.slide-1 .text-box {
		margin-bottom: 230px
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block {
		width: 100%
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block .img-wrap img
		{
		width: 60%
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block .btngo {
		font-size: 15px;
		padding: 5px 10px;
		border-radius: 8px
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block .text-wrap
		{
		font-size: 16px;
		padding: 5px 0
	}
	.flexslider .slides li.slide-2 .text-box {
		margin-bottom: 80px
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block {
		width: 100%
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block .img-wrap
		{
		padding-left: 25px
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block .img-wrap img
		{
		width: 90%
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block .text-wrap
		{
		padding-left: 25px;
		padding-top: 20px;
		font-size: 13px
	}
	.flexslider .slides li.slide-2 .image-box {
		background-position: right -190px center !important
	}
	.flexslider .slides li.slide-3 .text-box, .flexslider .slides li.slide-4 .text-box
		{
		margin-bottom: 120px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap
		{
		font-size: 30px;
		padding-left: 25px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-1,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-1
		{
		font-size: 30px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-2,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-2
		{
		font-size: 30px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-btn,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-btn
		{
		margin-left: 25px;
		margin-top: 20px;
		margin-bottom: 0;
		font-size: 20px;
		padding: 10px 30px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-list,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-list
		{
		display: none
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-list .list,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-list .list
		{
		font-size: 20px
	}
	.flexslider .slides li.slide-3 .image-box {
		background-position: right -320px center !important
	}
	.flexslider .slides li.slide-4 .image-box {
		background-position: center center !important
	}
	.flexslider .flex-control-nav {
		bottom: 20px
	}
}

@media only screen and (max-width: 679px) {
	.flexslider {
		height: 440px
	}
	.flexslider .slides {
		height: 440px
	}
	.flexslider .slides li {
		height: 440px
	}
	.flexslider .slides li.slide-1 .logo-box {
		display: none
	}
	.flexslider .slides li.slide-1 .text-box {
		margin-bottom: 230px
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block {
		width: 100%
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block .img-wrap img
		{
		width: 60%
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block .btngo {
		font-size: 15px;
		padding: 5px 10px;
		border-radius: 8px
	}
	.flexslider .slides li.slide-1 .text-box .text-cont .text-block .text-wrap
		{
		font-size: 16px;
		padding: 5px 0
	}
	.flexslider .slides li.slide-2 .text-box {
		margin-bottom: 80px
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block {
		width: 100%
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block .img-wrap
		{
		padding-left: 25px
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block .img-wrap img
		{
		width: 90%
	}
	.flexslider .slides li.slide-2 .text-box .text-cont .text-block .text-wrap
		{
		padding-left: 25px;
		padding-top: 20px;
		font-size: 13px
	}
	.flexslider .slides li.slide-2 .image-box {
		background-position: right -190px center !important
	}
	.flexslider .slides li.slide-3 .text-box, .flexslider .slides li.slide-4 .text-box
		{
		margin-bottom: 120px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap
		{
		font-size: 30px;
		padding-left: 25px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-1,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-1
		{
		font-size: 30px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-wrap .text-2,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-wrap .text-2
		{
		font-size: 30px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-btn,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-btn
		{
		margin-left: 25px;
		margin-top: 20px;
		margin-bottom: 0;
		font-size: 20px;
		padding: 10px 30px
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-list,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-list
		{
		display: none
	}
	.flexslider .slides li.slide-3 .text-box .text-cont .text-block .text-list .list,
		.flexslider .slides li.slide-4 .text-box .text-cont .text-block .text-list .list
		{
		font-size: 20px
	}
	.flexslider .slides li.slide-3 .image-box {
		background-position: right -320px center !important
	}
	.flexslider .slides li.slide-4 .image-box {
		background-position: center center !important
	}
	.flexslider .flex-control-nav {
		bottom: 20px
	}
}

.scroll-down {
	position: absolute;
	bottom: 100px;
	width: 100%;
	z-index: 3;
	text-align: center
}

.scroll-down .arrow {
	display: block;
	position: relative;
	width: 20px;
	height: 24px;
	margin: 0 auto
}

.scroll-down .arrow i {
	display: block;
	width: 19px;
	height: 11px;
	position: absolute;
	top: 10px;
	left: 50%;
	opacity: 0;
	background: url("../images/scroll_arrow.png") left top no-repeat;
	background-size: 19px 11px;
	filter: alpha(opacity = 0);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	animation: arrow-movement 2s ease-in-out infinite;
	-webkit-animation: arrow-movement 2s ease-in-out infinite
}

.scroll-down .text {
	font-size: 16px;
	font-weight: bold;
	color: #fff
}

.scroll-down .arrow i+i {
	animation: arrow-movement 2s 1s ease-in-out infinite;
	-webkit-animation: arrow-movement 2s 1s ease-in-out infinite
}

@
-webkit-keyframes arrow-movement { 0%{
	top: -5px;
	opacity: 0;
	filter: alpha(opacity = 0)
}

70%{
opacity
:
1;filter
:alpha
(opacity=100)
}
100%{
opacity
:
0;filter
:alpha
(opacity=0)
}
}
@
keyframes arrow-movement { 0%{
	top: -5px;
	opacity: 0;
	filter: alpha(opacity = 0)
}

70%{
opacity
:
1;filter
:alpha
(opacity=100)
}
100%{
opacity
:
0;filter
:alpha
(opacity=0)
}
}
@media only screen and (min-width: 680px) and (max-width: 767px) {
	.scroll-down {
		display: none
	}
}

@media only screen and (max-width: 679px) {
	.scroll-down {
		display: none
	}
}

.search {
	height: 160px
}

.search .cone {
	position: relative
}

.search .cone .search-layout-bg {
	position: absolute;
	display: block;
	width: 100%;
	height: 180px;
	margin-left: -10px;
	margin-top: -80px;
	padding: 0 10px;
	background: rgba(0, 0, 0, 0.18);
	border-bottom-right-radius: 30px;
	z-index: 4
}

.search .cone .search-layout {
	position: absolute;
	width: 100%;
	margin-top: -80px;
	z-index: 5;
	display: table
}

.search .cone .search-layout .search-column {
	display: table-cell;
	width: 50%
}

.search .cone .search-layout .search-column .search-card {
	height: 168px;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	display: table;
	width: 100%
}

.search .cone .search-layout .search-column .search-card .search-card-cell
	{
	padding: 0 60px;
	vertical-align: middle;
	display: table-cell
}

.search .cone .search-layout .search-column .search-card .search-card-cell .input-con
	{
	position: relative
}

.search .cone .search-layout .search-column .search-card .search-card-cell .label
	{
	font-size: 18px;
	font-weight: 600;
	color: white;
	padding: 5px 0
}

.search .cone .search-layout .search-column .search-card .search-card-cell input[type='text']
	{
	height: 50px;
	border: 1px solid transparent;
	font-size: 20px;
	width: 100%;
	text-indent: 10px;
	vertical-align: middle
}

.search .cone .search-layout .search-column .search-card .search-card-cell input[type='text']::placeholder
	{
	color: #BFBFBF
}

.search .cone .search-layout .search-column .search-card .search-card-cell .search-button
	{
	position: absolute;
	right: 0;
	top: 7px;
	vertical-align: middle;
	border: 1px solid transparent;
	text-align: left;
	background: #345489 url("../images/search-zoom-sky.png") no-repeat
		left 10px center;
	background-size: 24px 24px;
	color: #fff;
	text-indent: 36px;
	width: 100px;
	height: 40px;
	font-size: 18px
}

.search .cone .search-layout .search-column .search-card .search-card-cell .ok-button
	{
	border: 1px solid transparent;
	background: #AF841D;
	color: #fff;
	height: 50px;
	font-size: 20px;
	vertical-align: middle;
	padding: 0 20px
}

.search .cone .search-layout .search-column .search-card .search-card-cell .tags
	{
	padding: 10px 0;
	font-size: 16px;
	color: white
}

.search .cone .search-layout .search-column .search-card .search-card-cell .tags a
	{
	margin-right: 10px;
	text-decoration: none;
	color: white
}

.search .cone .search-layout .search-column .search-card .search-card-cell .tags a:hover
	{
	color: #85a2d1
}

.search .cone .search-layout .search-column .search-card .search-card-cell .desc
	{
	padding: 10px 0;
	font-size: 16px;
	color: white
}

.search .cone .search-layout .search-column .search-card .search-card-cell .search-table
	{
	display: table;
	width: 100%
}

.search .cone .search-layout .search-column .search-card .search-card-cell .search-table .search-table-cell
	{
	display: table-cell
}

.search .cone .search-layout .search-column .search-card .search-card-cell .search-table .search-table-cell:first-child
	{
	width: 100%
}

.search .cone .search-layout .search-column .search-card .search-card-cell .search-table .search-table-cell:first-child .gcselect
	{
	width: 100%
}

.search .cone .search-layout .search-column .search-card .search-card-cell .search-table .search-table-cell:last-child
	{
	width: 90px;
	white-space: nowrap
}

.search .cone .search-layout .search-column .search-card.card-1 {
	background: url("../images/pattern-1.jpg") no-repeat center center;
	background-size: cover
}

.search .cone .search-layout .search-column .search-card.card-2 {
	background: url("../images/pattern-2.jpg") no-repeat center center;
	background-size: cover
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.search {
		height: 320px
	}
	.search .stem .search-layout-bg {
		height: 350px
	}
	.search .stem .search-layout {
		display: block
	}
	.search .stem .search-layout .search-column {
		display: block;
		width: 100%
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.search {
		height: 400px
	}
	.search .stem .cone {
		margin: 0 !important
	}
	.search .stem .cone .search-layout-bg {
		height: 350px;
		margin-top: 0px;
		border-radius: 0 !important
	}
	.search .stem .cone .search-layout {
		display: block;
		margin-top: 0
	}
	.search .stem .cone .search-layout .search-column {
		display: block;
		width: 100%
	}
	.search .stem .cone .search-layout .search-column .search-card {
		border-bottom-right-radius: 0 !important;
		border-top-left-radius: 0 !important;
		height: initial !important
	}
	.search .stem .cone .search-layout .search-column .search-card .search-card-cell
		{
		padding: 20px
	}
}

@media only screen and (max-width: 679px) {
	.search {
		height: 400px
	}
	.search .stem .cone {
		margin: 0 !important
	}
	.search .stem .cone .search-layout-bg {
		height: 350px;
		margin-top: 0px;
		border-radius: 0 !important
	}
	.search .stem .cone .search-layout {
		display: block;
		margin-top: 0
	}
	.search .stem .cone .search-layout .search-column {
		display: block;
		width: 100%
	}
	.search .stem .cone .search-layout .search-column .search-card {
		border-bottom-right-radius: 0 !important;
		border-top-left-radius: 0 !important;
		height: initial !important
	}
	.search .stem .cone .search-layout .search-column .search-card .search-card-cell
		{
		padding: 20px
	}
}

.service {
	background: #345489;
	padding: 65px 0
}

.service a {
	display: block
}

.service .title {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 1.4em;
	text-align: center
}

.service .service-desc {
	text-align: center;
	font-size: 16px;
	color: white;
	padding-top: 20px;
	padding-bottom: 45px
}

.service .service-card {
	background: white;
	height: 340px;
	text-align: center
}

.service .service-card .title-en {
	font-size: 12px;
	color: #A38D80;
	font-weight: 600;
	padding-top: 35px
}

.service .service-card .title-ko {
	font-size: 24px;
	color: #000;
	font-weight: 600;
	padding-top: 5px
}

.service .service-card .desc {
	font-size: 14px;
	padding: 18px 0;
	line-height: 160%
}

.service .service-card.card-1 {
	background: url("../images/service-1.jpg") no-repeat bottom center;
	background-size: cover
}

.service .service-card.card-2 {
	background: url("../images/service-2.jpg") no-repeat bottom center;
	background-size: cover
}

.service .service-card.card-3 {
	background: url("../images/service-3.jpg") no-repeat bottom center;
	background-size: cover
}

.service .service-card.card-4 {
	background: url("../images/service-4.jpg") no-repeat bottom center;
	background-size: cover
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.service .title {
		font-size: 24px
	}
	.service .service-desc {
		font-size: 14px
	}
	.service .service-card.card-3 {
		margin-top: 20px
	}
	.service .service-card.card-4 {
		margin-top: 20px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.service {
		padding: 30px 0
	}
	.service .title {
		font-size: 18px
	}
	.service .service-desc {
		font-size: 12px;
		line-height: 1.4em;
		padding-left: 20px;
		padding-right: 20px;
		word-break: break-word;
		padding-bottom: 25px
	}
	.service .service-card {
		height: 200px;
		margin-top: 20px
	}
	.service .service-card .title-en {
		text-align: left;
		padding-top: 20px;
		padding-left: 20px
	}
	.service .service-card .title-ko {
		text-align: left;
		padding-left: 20px;
		font-size: 20px
	}
	.service .service-card .desc {
		display: none
	}
	.service .service-card.card-3 {
		margin-top: 20px
	}
	.service .service-card.card-4 {
		margin-top: 20px
	}
}

@media only screen and (max-width: 679px) {
	.service {
		padding: 30px 0
	}
	.service .title {
		font-size: 18px
	}
	.service .service-desc {
		font-size: 12px;
		line-height: 1.4em;
		padding-left: 20px;
		padding-right: 20px;
		word-break: break-word;
		padding-bottom: 25px
	}
	.service .service-card {
		height: 200px;
		margin-top: 20px
	}
	.service .service-card .title-en {
		text-align: left;
		padding-top: 20px;
		padding-left: 20px
	}
	.service .service-card .title-ko {
		text-align: left;
		padding-left: 20px;
		font-size: 20px
	}
	.service .service-card .desc {
		display: none
	}
	.service .service-card.card-3 {
		margin-top: 20px
	}
	.service .service-card.card-4 {
		margin-top: 20px
	}
}

.board {
	background: #dcd7d0;
	padding: 60px 0
}

.board .board-bar {
	padding-bottom: 50px
}

.board .board-bar .board-title {
	font-size: 24px;
	font-weight: 600;
	vertical-align: middle
}

.board .board-bar ul.board-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px
}

.board .board-bar ul.board-list li {
	font-size: 20px;
	float: left;
	border-right: 1px solid #6c6c6c;
	padding: 0 30px
}

.board .board-bar ul.board-list li:last-child {
	border-right: none !important
}

.board .board-bar ul.board-list li.active a, .board .board-bar ul.board-list li:hover a,
	.board .board-bar ul.board-list li:focus a {
	border-top: 5px solid #fff
}

.board .board-bar ul.board-list li a {
	text-decoration: none;
	font-weight: 600;
	color: #636363;
	padding: 10px 0
}

.board .board-card-group {
	background: white;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18)
}

.board .board-card-group ul {
	list-style: none;
	padding: 0
}

.board .board-card-group ul li {
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	border-right: 1px solid #dcd7d0
}

.board .board-card-group ul li:last-child {
	border-right: none
}

.board .board-card-group ul li a {
	display: block;
	padding: 30px;
	text-decoration: none;
	color: black
}

.board .board-card-group ul li a .year {
	font-size: 16px;
	font-weight: 600
}

.board .board-card-group ul li a .date {
	font-size: 24px;
	color: #A38D80;
	font-weight: 600
}

.board .board-card-group ul li a .desc {
	font-size: 18px;
	line-height: 1.6em
}

.board .board-card-group .dv {
	height: 20px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.board .board-bar ul.board-list li {
		font-size: 16px;
		padding: 0 20px
	}
	.board .board-card-group ul li a .year {
		font-size: 14px
	}
	.board .board-card-group ul li a .date {
		font-size: 18px
	}
	.board .board-card-group ul li a .desc {
		font-size: 14px;
		margin-top: 10px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.board .board-bar {
		padding-bottom: 20px
	}
	.board .board-bar .board-title {
		display: block;
		text-align: center
	}
	.board .board-bar ul.board-list {
		margin-left: 0;
		margin-top: 30px
	}
	.board .board-bar ul.board-list li {
		font-size: 16px;
		padding: 0;
		margin-bottom: 20px;
		display: inline-block
	}
	.board .board-bar ul.board-list li.active a {
		color: #345489 !important
	}
	.board .board-bar ul.board-list li a {
		display: inline-block;
		border-top: none !important;
		padding: 0 20px !important
	}
	.board .board-card-group {
		padding: 20px 10px
	}
	.board .board-card-group ul li {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #dcd7d0
	}
	.board .board-card-group ul li a {
		padding: 20px 10px
	}
	.board .board-card-group ul li a .year {
		font-size: 14px
	}
	.board .board-card-group ul li a .date {
		font-size: 18px
	}
	.board .board-card-group ul li a .desc {
		font-size: 14px;
		margin-top: 10px
	}
	.board .board-card-group .dv {
		display: none
	}
}

@media only screen and (max-width: 679px) {
	.board .board-bar {
		padding-bottom: 20px
	}
	.board .board-bar .board-title {
		display: block;
		text-align: center
	}
	.board .board-bar ul.board-list {
		margin-left: 0;
		margin-top: 30px
	}
	.board .board-bar ul.board-list li {
		font-size: 16px;
		padding: 0;
		margin-bottom: 20px;
		display: inline-block
	}
	.board .board-bar ul.board-list li.active a {
		color: #345489 !important
	}
	.board .board-bar ul.board-list li a {
		display: inline-block;
		border-top: none !important;
		padding: 0 20px !important
	}
	.board .board-card-group {
		padding: 20px 10px
	}
	.board .board-card-group ul li {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #dcd7d0
	}
	.board .board-card-group ul li a {
		padding: 20px 10px
	}
	.board .board-card-group ul li a .year {
		font-size: 14px
	}
	.board .board-card-group ul li a .date {
		font-size: 18px
	}
	.board .board-card-group ul li a .desc {
		font-size: 14px;
		margin-top: 10px
	}
	.board .board-card-group .dv {
		display: none
	}
}

.case-study {
	background: #EAEFF7;
	padding: 30px 0
}

.case-study .case-study-bar {
	padding-top: 50px;
	padding-bottom: 50px
}

.case-study .case-study-bar .case-study-title {
	font-size: 24px;
	font-weight: 600;
	vertical-align: middle;
	margin: 0 20px
}

.case-study .case-study-card {
	display: table;
	width: 100%;
	box-sizing: border-box;
	background: white;
	margin: 10px 0;
	text-align: center;
	height: 230px
}

.case-study .case-study-card .left {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 50%;
	height: inherit;
	overflow: hidden;
	font-size: 0
}

.case-study .case-study-card .left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
	margin: 0
}

.case-study .case-study-card .right {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 50%;
	height: inherit;
	overflow: hidden;
	font-size: 0
}

.case-study .case-study-card .right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
	margin: 0
}

.case-study .case-study-card .title {
	font-size: 16px;
	font-weight: 600;
	padding: 12px 0
}

.case-study .case-study-card .desc {
	font-size: 20px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.case-study .case-study-card {
		height: 180px !important
	}
	.case-study .case-study-card .title {
		font-size: 13px !important
	}
	.case-study .case-study-card .desc {
		font-size: 14px !important
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.case-study .case-study-bar .case-study-title {
		text-align: center
	}
	.case-study .case-study-card {
		height: 180px !important
	}
	.case-study .case-study-card.card-1 {
		position: relative;
		height: 400px !important
	}
	.case-study .case-study-card.card-1 .left {
		position: absolute;
		width: 100%;
		height: 200px;
		top: 200px;
		padding-top: 50px
	}
	.case-study .case-study-card.card-1 .right {
		position: absolute;
		width: 100%;
		height: 200px
	}
	.case-study .case-study-card.card-2 {
		position: relative;
		height: 400px !important
	}
	.case-study .case-study-card.card-2 .left {
		position: absolute;
		width: 100%;
		height: 200px;
		top: 200px;
		padding-top: 50px
	}
	.case-study .case-study-card.card-2 .right {
		position: absolute;
		width: 100%;
		height: 200px
	}
	.case-study .case-study-card.card-3 {
		position: relative;
		height: 400px !important
	}
	.case-study .case-study-card.card-3 .left {
		position: absolute;
		width: 100%;
		height: 200px
	}
	.case-study .case-study-card.card-3 .right {
		position: absolute;
		width: 100%;
		height: 200px;
		top: 200px;
		padding-top: 50px
	}
	.case-study .case-study-card.card-4 {
		position: relative;
		height: 400px !important
	}
	.case-study .case-study-card.card-4 .left {
		position: absolute;
		width: 100%;
		height: 200px
	}
	.case-study .case-study-card.card-4 .right {
		position: absolute;
		width: 100%;
		height: 200px;
		top: 200px;
		padding-top: 50px
	}
	.case-study .case-study-card .title {
		font-size: 16px !important
	}
	.case-study .case-study-card .desc {
		font-size: 20px !important
	}
}

@media only screen and (max-width: 679px) {
	.case-study .case-study-bar .case-study-title {
		text-align: center
	}
	.case-study .case-study-card {
		height: 180px !important
	}
	.case-study .case-study-card.card-1 {
		position: relative;
		height: 400px !important
	}
	.case-study .case-study-card.card-1 .left {
		position: absolute;
		width: 100%;
		height: 200px;
		top: 200px;
		padding-top: 50px
	}
	.case-study .case-study-card.card-1 .right {
		position: absolute;
		width: 100%;
		height: 200px
	}
	.case-study .case-study-card.card-2 {
		position: relative;
		height: 400px !important
	}
	.case-study .case-study-card.card-2 .left {
		position: absolute;
		width: 100%;
		height: 200px;
		top: 200px;
		padding-top: 50px
	}
	.case-study .case-study-card.card-2 .right {
		position: absolute;
		width: 100%;
		height: 200px
	}
	.case-study .case-study-card.card-3 {
		position: relative;
		height: 400px !important
	}
	.case-study .case-study-card.card-3 .left {
		position: absolute;
		width: 100%;
		height: 200px
	}
	.case-study .case-study-card.card-3 .right {
		position: absolute;
		width: 100%;
		height: 200px;
		top: 200px;
		padding-top: 50px
	}
	.case-study .case-study-card.card-4 {
		position: relative;
		height: 400px !important
	}
	.case-study .case-study-card.card-4 .left {
		position: absolute;
		width: 100%;
		height: 200px
	}
	.case-study .case-study-card.card-4 .right {
		position: absolute;
		width: 100%;
		height: 200px;
		top: 200px;
		padding-top: 50px
	}
	.case-study .case-study-card .title {
		font-size: 16px !important
	}
	.case-study .case-study-card .desc {
		font-size: 20px !important
	}
}

.more-info {
	padding: 60px 0
}

.more-info .more-info-bar {
	text-align: center;
	padding-bottom: 45px
}

.more-info .more-info-bar .more-info-title {
	font-size: 30px;
	font-weight: 600;
	padding: 10px 0
}

.more-info .more-info-bar .more-info-desc {
	display: inline-block;
	padding: 8px 0;
	color: #434343;
	font-size: 14px;
	border-top: 1px solid #979797
}

.more-info .more-info-card {
	width: 100%;
	height: 270px;
	display: block;
	background: #eaeaea;
	position: relative;
	overflow: hidden
}

.more-info .more-info-card::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: inherit;
	background-size: cover;
	transform-origin: center;
	transition: transform .3s ease-in-out
}

.more-info .more-info-card:hover, .more-info .more-info-card:focus {
	cursor: pointer
}

.more-info .more-info-card:hover::after, .more-info .more-info-card:focus::after
	{
	transform: scale(1.2)
}

.more-info .more-info-card .card-text {
	position: absolute;
	width: 100%;
	height: calc(100% - 50px);
	z-index: 1;
	text-align: center;
	display: table
}

.more-info .more-info-card .card-text .title {
	display: table-cell;
	font-size: 30px;
	color: white;
	vertical-align: middle
}

.more-info .more-info-card .card-btn {
	position: absolute;
	width: 100%;
	z-index: 1;
	text-align: center;
	bottom: 30px
}

.more-info .more-info-card .card-btn .btn-more {
	display: inline-block;
	background: #182D4F;
	border-radius: 4px;
	font-size: 20px;
	min-width: 170px;
	color: white;
	text-decoration: none;
	padding: 10px 0
}

.more-info .more-info-card .card-btn .btn-more:hover {
	background: #244376
}

.more-info .more-info-card.card-1 {
	background: url("../images/more-info-1.jpg") no-repeat center
		center;
	background-size: cover
}

.more-info .more-info-card.card-2 {
	background: url("../images/more-info-2.jpg") no-repeat center
		center;
	background-size: cover
}

.more-info .more-info-card.card-2 .btn-more {
	background: #549A69 !important;
	color: white !important
}

.more-info .more-info-card.card-2 .btn-more:hover {
	background: #3fb061 !important
}

.more-info .more-info-card.card-3 {
	background: url("../images/more-info-3.jpg") no-repeat center
		center;
	background-size: cover
}

.more-info .more-info-btns .more-info-btn {
	color: white;
	background: #345489;
	display: inline-block;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px
}

.more-info .more-info-btns .more-info-btn.btn-1 {
	background: #345489 url("../images/more-icon-1.png") no-repeat left
		center;
	background-size: 50px 50px;
	background-position-x: 20px
}

.more-info .more-info-btns .more-info-btn.btn-2 {
	background: #549A69 url("../images/more-icon-2.png") no-repeat left
		center;
	background-size: 50px 50px;
	background-position-x: 20px;
	color: #FFF
}

.more-info .more-info-btns .more-info-btn.btn-3 {
	background: #345489 url("../images/more-icon-3.png") no-repeat left
		center;
	background-size: 50px 50px;
	background-position-x: 20px
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.more-info .more-info-btns .more-info-btn.btn-1 {
		background-image: none
	}
	.more-info .more-info-btns .more-info-btn.btn-2 {
		background-image: none
	}
	.more-info .more-info-btns .more-info-btn.btn-3 {
		background-image: none
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.more-info .more-info-btns .more-info-btn.btn-1 {
		background-image: none
	}
	.more-info .more-info-btns .more-info-btn.btn-2 {
		background-image: none
	}
	.more-info .more-info-btns .more-info-btn.btn-3 {
		background-image: none
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.more-info .more-info-card.card-1 {
		margin-bottom: 20px
	}
	.more-info .more-info-card.card-2 {
		margin-bottom: 20px
	}
	.more-info .more-info-btns .more-info-btn {
		font-size: 16px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.more-info .more-info-bar {
		padding-left: 20px;
		padding-right: 20px
	}
	.more-info .more-info-bar .more-info-title {
		font-size: 24px
	}
	.more-info .more-info-bar .more-info-desc {
		padding: 10px 20px;
		word-break: keep-all
	}
	.more-info .more-info-card.card-1 {
		margin-bottom: 20px
	}
	.more-info .more-info-card.card-2 {
		margin-bottom: 20px
	}
	.more-info .more-info-card.card-3 {
		margin-bottom: 20px
	}
	.more-info .more-info-btns .more-info-btn {
		font-size: 16px
	}
}

@media only screen and (max-width: 679px) {
	.more-info .more-info-bar {
		padding-left: 20px;
		padding-right: 20px
	}
	.more-info .more-info-bar .more-info-title {
		font-size: 24px
	}
	.more-info .more-info-bar .more-info-desc {
		padding: 10px 20px;
		word-break: keep-all
	}
	.more-info .more-info-card.card-1 {
		margin-bottom: 20px
	}
	.more-info .more-info-card.card-2 {
		margin-bottom: 20px
	}
	.more-info .more-info-card.card-3 {
		margin-bottom: 20px
	}
	.more-info .more-info-btns .more-info-btn {
		font-size: 16px
	}
}

.sel-link {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-size: 15px;
	position: relative
}

.sel-link li.sel-title {
	display: block;
	background: #0c1728 url("../images/sel-arrow-a.png") no-repeat
		center right 10px;
	background-size: 18px 18px
}

.sel-link li.sel-title.active {
	background: #12223b url("../images/sel-arrow-b.png") no-repeat
		center right 10px
}

.sel-link li.sel-title a {
	display: block;
	border: 1px solid #6c6c6c;
	color: #62B3C4;
	height: 42px;
	line-height: 42px;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 40px;
	min-width: 100px
}

.sel-link li.sel-list {
	display: none;
	position: absolute;
	width: 100%;
	top: 42px;
	border: 1px solid #6c6c6c;
	box-sizing: border-box;
	background: #0c1728;
	z-index: 100
}

.sel-link li.sel-list ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0
}

.sel-link li.sel-list ul li {
	border-bottom: 1px solid #6c6c6c
}

.sel-link li.sel-list ul li:last-child {
	border-bottom: none
}

.sel-link li.sel-list ul li:hover {
	background: #345489
}

.sel-link li.sel-list ul li:hover a {
	color: #fff
}

.sel-link li.sel-list ul li a {
	display: block;
	padding: 12px 10px;
	text-decoration: none;
	color: #62B3C4
}

.foot {
	background: #182D4F;
	padding: 26px 0
}

.foot .foot-list {
	list-style: none;
	margin: 0;
	padding: 12px 0
}

.foot .foot-list li {
	float: left;
	margin-right: 10px;
	display: inline-block;
	color: #fff
}

.foot .foot-list li a {
	color: white;
	text-decoration: none
}

.foot .foot-list li a.ppp {
	font-size: 15px !important;
	font-weight: bold;
	color: #38A160 !important
}

.foot .foot-list li a.ppp:hover {
	color: #62B3C4 !important
}

.foot .foot-list li a:hover {
	color: #62B3C4
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.foot .stem {
		width: 100%
	}
	.foot .stem .foot-list li a {
		font-size: 13px !important
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.foot {
		padding: 10px 0
	}
	.foot .stem {
		width: 100%
	}
	.foot .stem .left .foot-list {
		padding: 0;
		margin: 10px
	}
	.foot .stem .left .foot-list li {
		padding: 6px 0
	}
	.foot .stem .left .foot-list li a {
		font-size: 13px !important
	}
	.foot .stem .right {
		text-align: left
	}
	.foot .stem .right .foot-links {
		margin: 10px
	}
}

@media only screen and (max-width: 679px) {
	.foot {
		padding: 10px 0
	}
	.foot .stem {
		width: 100%
	}
	.foot .stem .left .foot-list {
		padding: 0;
		margin: 10px
	}
	.foot .stem .left .foot-list li {
		padding: 6px 0
	}
	.foot .stem .left .foot-list li a {
		font-size: 13px !important
	}
	.foot .stem .right {
		text-align: left
	}
	.foot .stem .right .foot-links {
		margin: 10px
	}
}

.copyright {
	padding-bottom: 50px
}

.copyright .cone {
	padding: 40px 0;
	position: relative
}

.copyright .cone .foot-logo {
	float: left
}

.copyright .cone .foot-logo img {
	width: 190px;
	height: 70px
}

.copyright .cone .addr-ko {
	color: black;
	font-size: 13px;
	margin-top: 15px;
	margin-left: 220px;
	margin-bottom: 5px
}

.copyright .cone .copyright {
	color: #9A9A9A;
	font-size: 12px;
	margin-left: 220px
}

.copyright .right .wa-mark {
	display: inline-block
}

.copyright .right .wa-mark img {
	width: 140px;
	height: 99px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.copyright .stem {
		width: 100%
	}
	.copyright .stem .right .wa-mark img {
		width: 100px;
		height: 71px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.copyright {
		padding-bottom: 80px
	}
	.copyright .stem {
		width: 100%
	}
	.copyright .stem .cone {
		position: relative;
		padding: 10px
	}
	.copyright .stem .cone .foot-logo {
		float: none;
		position: absolute;
		left: 0;
		top: 80px
	}
	.copyright .stem .cone .addr-ko {
		margin-left: 0
	}
	.copyright .stem .cone .copyright {
		margin-left: 0
	}
	.copyright .stem .right {
		text-align: left
	}
	.copyright .stem .right .wa-mark {
		padding: 20px 0
	}
	.copyright .stem .right .wa-mark img {
		width: 100px;
		height: 71px
	}
}

@media only screen and (max-width: 679px) {
	.copyright {
		padding-bottom: 80px
	}
	.copyright .stem {
		width: 100%
	}
	.copyright .stem .cone {
		position: relative;
		padding: 10px
	}
	.copyright .stem .cone .foot-logo {
		float: none;
		position: absolute;
		left: 0;
		top: 80px
	}
	.copyright .stem .cone .addr-ko {
		margin-left: 0
	}
	.copyright .stem .cone .copyright {
		margin-left: 0
	}
	.copyright .stem .right {
		text-align: left
	}
	.copyright .stem .right .wa-mark {
		padding: 20px 0
	}
	.copyright .stem .right .wa-mark img {
		width: 100px;
		height: 71px
	}
}

.visual-sub {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px !important;
	background: #666
}

.visual-sub.withAD {
	top: 90px
}

.visual-sub.h580 {
	height: 580px !important
}

.visual-sub.h580 .title-wrap {
	height: 580px
}

.visual-sub.h580 .title-wrap .title-box {
	width: 100%;
	position: absolute;
	display: table;
	height: calc(100% - 104px);
	bottom: 0
}

.visual-sub.h580 .title-wrap .title-box .title-td {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.visual-sub.h580 .title-wrap .title-box .title-td .title-text {
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px
}

.visual-sub.h580 .title-wrap .title-box .title-td .title-sub-text {
	font-size: 32px;
	font-weight: normal;
	color: #fff;
	padding-top: 10px
}

.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list {
	display: inline-block;
	width: 980px;
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	padding-top: 30px;
	text-align: center
}

.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list li {
	list-style: none;
	padding: 3px;
	display: inline-block
}
/* 웹접근성 25.02.06 */
.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list li.active a
	{
	color: #000;
	background: #fff;
}
.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list li a
	{
	display: table;
	min-width: 230px;
	width: 230px;
	height: 55px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid #000;
	word-break: keep-all;
}

.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list li a span
	{
	display: table-cell;
	vertical-align: middle
}

.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list li a:hover
	{
	color: #000;
	background: #fff;
}
/* //웹접근성 25.02.06 */
.visual-sub.h480 {
	height: 480px !important
}

.visual-sub.h480 .title-wrap {
	height: 480px
}

.visual-sub.h480 .title-wrap .title-box {
	width: 100%;
	position: absolute;
	display: table;
	height: calc(100% - 104px);
	bottom: 0
}

.visual-sub.h480 .title-wrap .title-box .title-td {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.visual-sub.h480 .title-wrap .title-box .title-td .title-text {
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px
}

.visual-sub.h480 .title-wrap .title-box .title-td .title-sub-text {
	font-size: 32px;
	font-weight: normal;
	color: #fff;
	padding-top: 10px
}

.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list {
	display: block;
	width: 980px;
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	padding-top: 30px;
	text-align: center
}

.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list li {
	list-style: none;
	padding: 3px;
	display: inline-block
}

.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list li.active a
	{
	color: #000;
	background: #fff
}

.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list li a
	{
	display: table;
	min-width: 230px;
	width: 230px;
	height: 40px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff
}

.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list li a span
	{
	display: table-cell;
	vertical-align: middle
}

.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list li a:hover
	{
	color: #000;
	background: #fff
}

.visual-sub .title-wrap {
	position: relative;
	height: 360px
}

.visual-sub .title-wrap .title-box {
	width: 100%;
	position: absolute;
	display: table;
	height: calc(100% - 104px);
	bottom: 0
}

.visual-sub .title-wrap .title-box .title {
	display: table-cell;
	vertical-align: middle;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #fff
}

.visual-sub.vs-1 {
	background: url("../renewal/images/visual-sub-1.jpg") no-repeat center
		center;
	background-size: cover
}

.visual-sub.vs-2 {
	background: url("../renewal/images/visual-sub-2.jpg") no-repeat center
		center;
	background-size: cover
}

.visual-sub.vs-4 {
	background: url("../renewal/images/visual-sub-4.jpg") no-repeat center
		center;
	background-size: cover
}

.visual-sub.vs-5 {
	background: url("../renewal/images/visual-sub-5.jpg") no-repeat center
		center;
	background-size: cover
}

.visual-sub.vs-5-1 {
	background: url("/assets/renewal/images/visual-sub-5-1.jpg") no-repeat center
		center;
	background-size: cover
}

.visual-sub.vs-6 {
	background: url("../renewal/images/visual-sub-6.jpg") no-repeat center
		center;
	background-size: cover
}

.visual-sub.vs-7 {
	background: url("../renewal/images/visual-sub-7.jpg") no-repeat center
		center;
	background-size: cover
}

.visual-sub.vs-8 {
	background: url("../renewal/images/visual-sub-8.jpg") no-repeat center
		center;
	background-size: cover
}

.visual-sub.vs-9 {
	background: url("../renewal/images/visual-sub-9.jpg") no-repeat center
		center;
	background-size: cover
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list {
		width: 700px;
		text-align: center;
		padding-top: 30px;
		font-size: 14px
	}
	.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list li a
		{
		min-width: 160px;
		width: 160px;
		height: 40px
	}
	.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list {
		width: 700px;
		text-align: center;
		padding-top: 30px;
		font-size: 14px
	}
	.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list li a
		{
		min-width: 160px;
		width: 160px;
		height: 40px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.visual-sub.h580 .title-wrap .title-box .title-td .title-text {
		font-size: 24px
	}
	.visual-sub.h580 .title-wrap .title-box .title-td .title-sub-text {
		font-size: 18px
	}
	.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list {
		width: 100%;
		text-align: center;
		padding-top: 0px;
		font-size: 13px
	}
	.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list li a
		{
		min-width: 140px;
		width: 140px;
		height: 30px
	}
	.visual-sub.h480 .title-wrap .title-box .title-td .title-text {
		font-size: 24px
	}
	.visual-sub.h480 .title-wrap .title-box .title-td .title-sub-text {
		font-size: 18px
	}
	.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list {
		width: 100%;
		text-align: center;
		padding-top: 0px;
		font-size: 13px
	}
	.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list li a
		{
		min-width: 140px;
		width: 140px;
		height: 30px
	}
}

@media only screen and (max-width: 679px) {
	.visual-sub.h580 .title-wrap .title-box .title-td .title-text {
		font-size: 24px
	}
	.visual-sub.h580 .title-wrap .title-box .title-td .title-sub-text {
		font-size: 18px
	}
	.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list {
		width: 100%;
		text-align: center;
		padding-top: 0px;
		font-size: 13px
	}
	.visual-sub.h580 .title-wrap .title-box .title-td .title-menu-list li a
		{
		min-width: 140px;
		width: 140px;
		height: 45px;
	}
	.visual-sub.h480 .title-wrap .title-box .title-td .title-text {
		font-size: 24px
	}
	.visual-sub.h480 .title-wrap .title-box .title-td .title-sub-text {
		font-size: 18px
	}
	.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list {
		width: 100%;
		text-align: center;
		padding-top: 0px;
		font-size: 13px
	}
	.visual-sub.h480 .title-wrap .title-box .title-td .title-menu-list li a
		{
		min-width: 140px;
		width: 140px;
		height: 30px
	}
}

.sub-sel-nav .stem .gico-sel-bar {
	height: 60px
}

.sub-sel-nav .stem .gico-sel-bar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-home {
	float: left;
	font-size: 15px;
	border-left: none;
	border-right: none
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-home .gico-sel-home {
	text-align: center;
	background: url("../images/gico-sel-home.png") no-repeat center
		center;
	background-size: cover
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-home .gico-sel-home a {
	display: block;
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
	width: 60px;
	height: 60px;
	line-height: 60px
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel {
	float: left;
	border-right: 1px solid #dcd7d0;
	box-sizing: border-box;
	font-size: 15px;
	position: relative
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-title {
	background: url("../images/gico-sel-arrow-a.png") no-repeat center
		right 10px;
	background-size: 17px 16px;
	padding-left: 15px;
	padding-right: 40px
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-title.active {
	background: url("../images/gico-sel-arrow-b.png") no-repeat center
		right 10px
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-title a {
	display: block;
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list {
	display: none
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list ul {
	position: absolute;
	top: 60px;
	left: -1px;
	border: 1px solid #345489;
	box-sizing: border-box;
	background: #fff;
	z-index: 100;
	min-width: 200px;
	width: 100%;
	display: block
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list ul li {
	border-bottom: 1px solid #dcd7d0
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list ul li:last-child
	{
	border-bottom: none
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list ul li:hover
	{
	background: #345489
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list ul li:hover a
	{
	color: #fff
}

.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list ul li a {
	display: block;
	padding: 18px 10px;
	text-decoration: none;
	color: #345489
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.sub-sel-nav.sel-num-1 .stem .gico-sel-bar ul .gico-home {
		display: none
	}
	.sub-sel-nav.sel-num-1 .stem .gico-sel-bar ul .gico-sel {
		width: 100%
	}
	.sub-sel-nav.sel-num-1 .stem .gico-sel-bar ul .gico-sel.sel-1 {
		border-right: none
	}
	.sub-sel-nav.sel-num-1 .stem .gico-sel-bar ul .gico-sel .gico-sel-title a
		{
		width: 100%
	}
	.sub-sel-nav.sel-num-2 .stem .gico-sel-bar ul .gico-home {
		display: none
	}
	.sub-sel-nav.sel-num-2 .stem .gico-sel-bar ul .gico-sel {
		width: 50%
	}
	.sub-sel-nav.sel-num-2 .stem .gico-sel-bar ul .gico-sel.sel-2 {
		border-right: none
	}
	.sub-sel-nav.sel-num-2 .stem .gico-sel-bar ul .gico-sel .gico-sel-title a
		{
		width: 100%
	}
	.sub-sel-nav.sel-num-3 .stem .gico-sel-bar ul .gico-home {
		display: none
	}
	.sub-sel-nav.sel-num-3 .stem .gico-sel-bar ul .gico-sel {
		width: 33.3333333333%
	}
	.sub-sel-nav.sel-num-3 .stem .gico-sel-bar ul .gico-sel.sel-3 {
		border-right: none
	}
	.sub-sel-nav.sel-num-3 .stem .gico-sel-bar ul .gico-sel .gico-sel-title a
		{
		width: 100%
	}
	.sub-sel-nav .stem .gico-sel-bar {
		position: relative
	}
	.sub-sel-nav .stem .gico-sel-bar ul .gico-sel {
		font-size: 13px;
		position: initial
	}
	.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-title {
		padding-left: 5px;
		padding-right: 15px;
		background-position: center right 5px
	}
	.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-title.active {
		background-position: center right 5px
	}
	.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%
	}
	.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list ul {
		left: 0
	}
}

@media only screen and (max-width: 679px) {
	.sub-sel-nav.sel-num-1 .stem .gico-sel-bar ul .gico-home {
		display: none
	}
	.sub-sel-nav.sel-num-1 .stem .gico-sel-bar ul .gico-sel {
		width: 100%
	}
	.sub-sel-nav.sel-num-1 .stem .gico-sel-bar ul .gico-sel.sel-1 {
		border-right: none
	}
	.sub-sel-nav.sel-num-1 .stem .gico-sel-bar ul .gico-sel .gico-sel-title a
		{
		width: 100%
	}
	.sub-sel-nav.sel-num-2 .stem .gico-sel-bar ul .gico-home {
		display: none
	}
	.sub-sel-nav.sel-num-2 .stem .gico-sel-bar ul .gico-sel {
		width: 50%
	}
	.sub-sel-nav.sel-num-2 .stem .gico-sel-bar ul .gico-sel.sel-2 {
		border-right: none
	}
	.sub-sel-nav.sel-num-2 .stem .gico-sel-bar ul .gico-sel .gico-sel-title a
		{
		width: 100%
	}
	.sub-sel-nav.sel-num-3 .stem .gico-sel-bar ul .gico-home {
		display: none
	}
	.sub-sel-nav.sel-num-3 .stem .gico-sel-bar ul .gico-sel {
		width: 33.3333333333%
	}
	.sub-sel-nav.sel-num-3 .stem .gico-sel-bar ul .gico-sel.sel-3 {
		border-right: none
	}
	.sub-sel-nav.sel-num-3 .stem .gico-sel-bar ul .gico-sel .gico-sel-title a
		{
		width: 100%
	}
	.sub-sel-nav .stem .gico-sel-bar {
		position: relative
	}
	.sub-sel-nav .stem .gico-sel-bar ul .gico-sel {
		font-size: 13px;
		position: initial
	}
	.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-title {
		padding-left: 5px;
		padding-right: 15px;
		background-position: center right 5px
	}
	.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-title.active {
		background-position: center right 5px
	}
	.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%
	}
	.sub-sel-nav .stem .gico-sel-bar ul .gico-sel .gico-sel-list ul {
		left: 0
	}
}

.sub-title .stem .title-box {
	height: 90px;
	background: #345489 url("../images/sub-title-bg-01.png") no-repeat
		left center;
	background-size: contain;
	position: relative
}

.sub-title .stem .title-box::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background: #345489 url("../images/sub-title-bg-02.png") no-repeat
		right center;
	background-size: contain;
	width: 256px;
	height: 90px;
	z-index: 1
}

.sub-title .stem .title-box .title {
	position: absolute;
	width: 100%;
	height: 90px;
	line-height: 90px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 34px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	z-index: 2
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.sub-title .stem .title-box .title {
		font-size: 30px
	}
}

@media only screen and (max-width: 679px) {
	.sub-title .stem .title-box .title {
		font-size: 30px
	}
}
/* 2025.02.17 웹접근성 수정 */
.sub-share {
/* 	height: 50px */
}

.sub-share .stem {
	width: 100%
}

.sub-share .stem div[class^="bine"] {
	position: relative
}

.sub-share .stem div[class^="bine"] .sub-share-bar {
	padding: 10px 0;
	position: absolute;
	right: 10px;
	bottom: 0
}
#gico_contents_start {
	margin-bottom: 50px;
}
/* //2025.02.17 웹접근성 수정 */
.sub-share .stem div[class^="bine"] .sub-share-bar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right
}

.sub-share .stem div[class^="bine"] .sub-share-bar ul li {
	display: inline-block;
	padding-left: 2px
}

.sub-share .stem div[class^="bine"] .sub-share-bar ul li a {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	display: inline-block
}

.sub-share .stem div[class^="bine"] .sub-share-bar ul li a.share-blog {
	background: url("../images/social-icon-01.png") no-repeat center
		center;
	background-size: cover
}

.sub-share .stem div[class^="bine"] .sub-share-bar ul li a.share-kakao {
	background: url("../images/social-icon-02.png") no-repeat center
		center;
	background-size: cover
}

.sub-share .stem div[class^="bine"] .sub-share-bar ul li a.share-fb {
	background: url("../images/social-icon-03.png") no-repeat center
		center;
	background-size: cover
}

.sub-share .stem div[class^="bine"] .sub-share-bar ul li a.share-mark {
	background: url("../images/social-icon-04.png") no-repeat center
		center;
	background-size: cover
}

.sub-share .stem div[class^="bine"] .sub-share-bar ul li a.share-print {
	background: url("../images/social-icon-05.png") no-repeat center
		center;
	background-size: cover
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.sub-share .stem {
		width: initial
	}
	.sub-share .stem div[class^="bine"] .sub-share-bar {
		position: static
	}
	.sub-share .stem div[class^="bine"] .sub-share-bar ul {
		text-align: center
	}
}

@media only screen and (max-width: 679px) {
	.sub-share .stem {
		width: initial
	}
	.sub-share .stem div[class^="bine"] .sub-share-bar {
		position: static
	}
	.sub-share .stem div[class^="bine"] .sub-share-bar ul {
		text-align: center
	}
}

.page-tabs {
	background: #e3eaef;
	margin-bottom: 50px
}

.page-tabs .tabs-bar {
	padding: 10px 0
}

.page-tabs .tabs-bar a {
	display: inline-block;
	padding: 15px 20px;
	min-width: 200px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #dcd7d0;
	box-sizing: border-box;
	background: #fff;
	font-size: 20px;
	color: #6c6c6c;
	margin: 2px 2px
}

.page-tabs .tabs-bar a:hover, .page-tabs .tabs-bar a:focus {
	color: #345489;
	border: 1px solid #345489
}

.page-tabs .tabs-bar a.active {
	background: #345489;
	color: #fff
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.page-tabs {
		text-align: center
	}
	.page-tabs .tabs-bar {
		padding: 5px
	}
	.page-tabs .tabs-bar a {
		margin: 5px;
		font-size: 16px;
		padding: 15px 15px
	}
}

@media only screen and (max-width: 679px) {
	.page-tabs {
		text-align: center
	}
	.page-tabs .tabs-bar {
		padding: 5px
	}
	.page-tabs .tabs-bar a {
		margin: 5px;
		font-size: 16px;
		padding: 15px 15px
	}
}

.consult-tabs .tabs-bar {
	padding: 10px 0
}

.consult-tabs .tabs-bar a {
	display: inline-block;
	padding: 15px 50px;
	text-decoration: none;
	border: 1px solid #dcd7d0;
	box-sizing: border-box;
	background: #fff;
	font-size: 20px;
	color: #6c6c6c;
	margin: 2px 2px
}

.consult-tabs .tabs-bar a:hover, .consult-tabs .tabs-bar a:focus {
	color: #345489;
	border: 1px solid #345489
}

.consult-tabs .tabs-bar a.active {
	background: #345489;
	color: #fff
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.consult-tabs .tabs-bar {
		padding: 5px
	}
	.consult-tabs .tabs-bar a {
		margin: 5px;
		font-size: 16px;
		padding: 15px 15px
	}
}

@media only screen and (max-width: 679px) {
	.consult-tabs .tabs-bar {
		padding: 5px
	}
	.consult-tabs .tabs-bar a {
		margin: 5px;
		font-size: 16px;
		padding: 15px 15px
	}
}

.page-title .stem h1 {
	font-size: 36px;
	padding: 60px 0;
	margin: 0;
	text-align: center;
	display: block
}

/* 25.02.05 웹접근성 추가 */
.page-title .stem h3 {
	font-size: 36px;
	padding: 60px 0;
	margin: 0;
	text-align: center;
	display: block;
	margin-bottom: 0 !important;
}
/* /25.02.05 웹접근성 추가 */

.page-title .stem .desc {
	display: block;
	padding: 25px 0;
	font-size: 18px;
	line-height: 1.4em
}

.page-title .stem .count {
	text-align: right;
	display: block;
	padding: 25px 0;
	font-size: 18px;
	line-height: 1.4em
}

.page-title .stem .count .total strong {
	font-weight: bold;
	color: #345489
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.page-title .stem h1 {
		font-size: 30px;
		padding: 30px 0
	}
	.page-title .stem .desc {
		padding: 25px 10px;
		font-size: 16px
	}
	.page-title .stem h3 {
		font-size: 30px;
		padding: 30px 0
	}
}

@media only screen and (max-width: 679px) {
	.page-title .stem h1 {
		font-size: 30px;
		padding: 30px 0
	}
	.page-title .stem .desc {
		padding: 25px 10px;
		font-size: 16px
	}
	.page-title .stem h3 {
		font-size: 30px;
		padding: 30px 0
	}
}

.page-search {
	overflow-x: hidden
}

.page-search .search-title {
	font-size: 36px;
	padding-top: 110px;
	padding-bottom: 60px;
	text-align: center
}

.page-search .search-box {
	background: #e3eaef;
	border-top: 2px solid #081D58;
	padding: 30px;
	text-align: center
}

.page-search .search-box .gcinput {
	width: 700px;
	background: #fff url("../images/search-zoom-sky.png") no-repeat
		left 5px center;
	padding-left: 40px;
	vertical-align: middle
}

.page-search .search-box .gcbtn {
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	vertical-align: middle
}

.page-search .search-box .gcselect {
	vertical-align: middle
}

.page-search .search-box .search-words {
	font-size: 18px;
	padding-top: 20px
}

.page-search .search-box .search-words .title {
	font-weight: bold
}

.page-search .search-box .search-words a {
	display: inline-block;
	text-decoration: none;
	color: #000;
	padding: 5px
}

.page-search .search-box .search-words a:hover {
	text-decoration: underline;
	color: #345489
}

.page-search .search-category ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.page-search .search-category ul li {
	float: left;
	width: 20%
}

.page-search .search-category ul li:last-child .cell-wrap {
	padding-right: 0
}

.page-search .search-category ul li .cell-wrap {
	padding-right: 10px;
	paddign-bottom: 10px
}

.page-search .search-category ul li .cell-wrap a {
	display: table;
	margin: 0;
	padding: 0;
	font-size: 18px;
	width: 100%;
	border: 1px solid #979797;
	box-sizing: border-box;
	background: #fff;
	color: #979797;
	height: 80px;
	text-decoration: none
}

.page-search .search-category ul li .cell-wrap a:hover {
	background: #e3eaef
}

.page-search .search-category ul li .cell-wrap a.active {
	background: #345489
}

.page-search .search-category ul li .cell-wrap a.active .cell .label {
	color: #fff
}

.page-search .search-category ul li .cell-wrap a.active .cell .count {
	color: #fff
}

.page-search .search-category ul li .cell-wrap a .cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle
}
/* 웹접근성 25.02.06 */
.page-search .search-category ul li .cell-wrap a .cell .label {
	font-weight: bold;
	color: #8a8a8a;
}
/* 웹접근성 25.02.06 */
.page-search .search-category ul li .cell-wrap a .cell .count {
	font-size: 16px;
	color: #AF841D
}

.page-search .search-detail table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border-top: 2px solid #081D58;
	border-bottom: 1px solid #081D58
}

.page-search .search-detail table tr:last-child th, .page-search .search-detail table tr:last-child td
	{
	border-bottom: none
}

.page-search .search-detail table tr th {
	width: 110px;
	font-size: 18px;
	background: #E9EDF0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #D6D6D6;
	padding: 5px 10px
}

.page-search .search-detail table tr td {
	padding: 5px 10px;
	border-bottom: 1px solid #D6D6D6
}

.page-search .search-detail table tr .no-padding {
	padding: 0
}

.page-search .search-detail .cate-group {
	background: #E9EDF0;
	text-align: center;
	padding: 5px 0
}

.page-search .search-detail .chk-box-group .chk-box {
	width: 30%;
	padding: 10px 15px
}

.page-search .search-detail .chk-box-group .chk-box label {
	font-size: 16px
}

.page-search .search-detail .radio-box-group {
	display: inline-block
}

.page-search .search-detail .radio-box-group .radio-box {
	margin-right: 40px
}

.page-search .search-detail .radio-box-group .radio-box label {
	font-size: 16px
}

.page-search .search-detail .cal-group {
	display: inline-block
}

.page-search .search-detail .cal-group label {
	font-size: 16px
}

.page-search .search-result-info {
	margin: 20px 0;
	padding: 30px;
	border: 1px dashed #979797;
	text-align: center;
	font-size: 20px
}

.page-search .search-result-info img, .page-search .search-result-info span
	{
	vertical-align: middle
}

.page-search .search-result-info strong {
	font-weight: bold;
	color: #AF841D
}

.page-search .search-result-info .search-result-check {
	text-align: left;
	font-size: 16px;
	width: 500px;
	margin: 0 auto;
	margin-top: 50px
}

.page-search .search-result-info .search-result-check li {
	padding-bottom: 5px
}

.page-search .search-result-no {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 20px 0;
	background: #e3eaef;
	text-align: center
}

.page-search .search-result-no .no-msg {
	font-size: 18px
}

.page-search .search-result-no .no-msg img, .page-search .search-result-no .no-msg span
	{
	vertical-align: middle
}

.page-search .search-result-list {
	font-size: 18px
}

.page-search .search-result-list .search-result-box {
	margin-bottom: 30px
}

.page-search .search-result-list .search-result-box .srb-bar {
	padding: 5px 0;
	border-bottom: 1px solid #e4e4e4
}

.page-search .search-result-list .search-result-box .srb-bar .srb-left {
	float: left
}

.page-search .search-result-list .search-result-box .srb-bar .srb-left .cate-title
	{
	font-size: 22px;
	font-weight: bold;
	color: #345489
}

.page-search .search-result-list .search-result-box .srb-bar .srb-left .cate-count
	{
	font-size: 18px
}

.page-search .search-result-list .search-result-box .srb-bar .srb-left .cate-count strong
	{
	font-weight: bold;
	color: #AF841D
}

.page-search .search-result-list .search-result-box .srb-bar .srb-right
	{
	float: right
}

.page-search .search-result-list .search-result-box .srb-bar .srb-right .more
	{
	color: #AF841D
}

.page-search .search-result-list .search-result-box .srb-bar .srb-right .more:hover
	{
	color: #000
}

.page-search .search-result-list .search-result-box .srb-list {
	line-height: 1.4em
}

.page-search .search-result-list .search-result-box .srb-list ul {
	list-style: none;
	margin: 0;
	padding: 10px 20px
}

.page-search .search-result-list .search-result-box .srb-list ul li:before
	{
	content: "\2022";
	color: #AF841D;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

.page-search .search-result-list .search-result-box .srb-list ul li a {
	color: #AF841D;
	text-decoration: none
}

.page-search .search-result-list .search-result-box .srb-list ul li a:hover
	{
	color: #000;
	text-decoration: underline
}

.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-title
	{
	padding-top: 20px
}

.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-title .title
	{
	font-size: 18px;
	font-weight: bold;
	color: #345489
}

.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-title .date
	{
	color: #AF841D;
	font-size: 16px;
	margin-left: 20px
}

.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-board-title
	{
	padding-top: 20px
}

.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-board-title .title
	{
	font-size: 18px
}

.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-board-title .date
	{
	color: #AF841D;
	font-size: 16px;
	margin-left: 20px
}

.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-p
	{
	font-size: 16px;
	padding: 5px 0
}

.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-attach a
	{
	display: inline-block;
	background: url("../images/icon-file.png") no-repeat left center;
	background-size: 30px;
	font-size: 16px;
	padding-left: 30px;
	color: #AF841D
}

.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-attach a:hover
	{
	color: #345489
}

.page-search .search-keyword-list {
	box-sizing: border-box;
	font-size: 16px;
	padding: 0 20px;
	max-width: 300px;
	margin: 0 auto
}

.page-search .search-keyword-list .title {
	font-size: 18px;
	color: #345489;
	font-weight: bold;
	padding: 10px 0
}

.page-search .search-keyword-list ol {
	border: 1px solid #B2C6D4;
	background: #e3eaef;
	list-style: none;
	counter-reset: keyword-counter;
	margin: 0;
	padding: 20px;
	padding-left: 40px
}

.page-search .search-keyword-list ol li {
	counter-increment: keyword-counter;
	position: relative;
	padding-bottom: 15px;
	padding-left: 10px
}

.page-search .search-keyword-list ol li:before {
	position: absolute;
	content: counter(keyword-counter);
	color: #fff;
	background: #345489;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	left: -24px;
	top: -2px;
	text-align: center
}

.page-search .search-keyword-list ol li a {
	color: #000;
	text-decoration: none
}

.page-search .search-keyword-list ol li a:hover {
	color: #345489;
	text-decoration: underline
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-search .search-box .gcinput {
		width: 540px
	}
	.page-search .search-detail .gcselect label {
		font-size: 16px
	}
	.page-search .search-detail .fit-radio-box label {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding: 0 20px
	}
	.page-search .search-detail .chk-box-group .chk-box {
		width: 44%
	}
	.page-search .search-detail .chk-box-group .chk-box label {
		font-size: 14px
	}
	.page-search .search-detail .radio-box-group {
		display: block;
		padding: 10px 0
	}
	.page-search .search-detail .radio-box-group .radio-box label {
		font-size: 14px
	}
	.page-search .search-detail .cal-group {
		display: block
	}
	.page-search .search-detail .cal-group label {
		font-size: 14px
	}
	.page-search .search-result-info .search-result-check {
		font-size: 14px;
		width: 400px
	}
	.page-search .search-result-no .no-msg {
		font-size: 16px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.page-search .search-box {
		padding: 20px 10px
	}
	.page-search .search-box .gcinput {
		width: 100%
	}
	.page-search .search-box .search-words {
		text-align: left
	}
	.page-search .search-box .search-words .title {
		display: block;
		padding: 10px 0
	}
	.page-search .search-box .search-words a {
		font-size: 16px
	}
	.page-search .search-category {
		padding: 0 5px
	}
	.page-search .search-category ul li {
		width: 50%
	}
	.page-search .search-category ul li:last-child .cell-wrap {
		padding: 5px
	}
	.page-search .search-category ul li .cell-wrap {
		padding: 5px
	}
	.page-search .search-category ul li .cell-wrap a {
		height: 60px
	}
	.page-search .search-category ul li .cell-wrap a .cell .label {
		font-size: 16px
	}
	.page-search .search-category ul li .cell-wrap a .cell .count {
		font-size: 14px
	}
	.page-search .search-detail .gcselect label {
		font-size: 16px
	}
	.page-search .search-detail .fit-radio-box label {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding: 0 20px
	}
	.page-search .search-detail .chk-box-group .chk-box {
		width: 90%
	}
	.page-search .search-detail .chk-box-group .chk-box label {
		font-size: 14px
	}
	.page-search .search-detail .radio-box-group {
		display: block;
		padding: 10px 0
	}
	.page-search .search-detail .radio-box-group .radio-box {
		padding-bottom: 5px
	}
	.page-search .search-detail .radio-box-group .radio-box label {
		font-size: 14px
	}
	.page-search .search-detail .cal-group {
		display: block
	}
	.page-search .search-detail .cal-group label {
		font-size: 14px
	}
	.page-search .search-result-info {
		padding: 20px 30px;
		margin: 10px;
		font-size: 16px;
		word-break: keep-all
	}
	.page-search .search-result-info .search-result-check {
		width: 100%;
		font-size: 13px;
		margin: 0;
		padding: 10px;
		margin-top: 20px
	}
	.page-search .search-result-info .search-result-check li {
		width: 100%
	}
	.page-search .search-result-no .no-msg {
		font-size: 14px
	}
	.page-search .search-result-no .no-msg span {
		display: block;
		word-break: keep-all;
		padding: 20px 40px
	}
	.page-search .search-result-list {
		padding: 20px 10px
	}
	.page-search .search-result-list .search-result-box {
		font-size: 16px
	}
	.page-search .search-result-list .search-result-box .srb-bar .srb-left .cate-title
		{
		font-size: 18px
	}
	.page-search .search-result-list .search-result-box .srb-bar .srb-left .cate-count
		{
		font-size: 14px
	}
	.page-search .search-result-list .search-result-box .srb-bar .srb-right .more
		{
		font-size: 14px
	}
	.page-search .search-result-list .search-result-box .srb-list ul {
		font-size: 14px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-title .title
		{
		font-size: 16px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-title .date
		{
		font-size: 12px;
		margin-left: 10px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-board-title .title
		{
		font-size: 16px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-board-title .date
		{
		font-size: 12px;
		margin-left: 10px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-p
		{
		font-size: 14px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-attach a
		{
		font-size: 14px
	}
	.page-search .search-keyword-list ol li {
		font-size: 16px
	}
	.page-search .search-keyword-list ol li:before {
		font-size: 14px
	}
}

@media only screen and (max-width: 679px) {
	.page-search .search-box {
		padding: 20px 10px
	}
	.page-search .search-box .gcinput {
		width: 100%
	}
	.page-search .search-box .search-words {
		text-align: left
	}
	.page-search .search-box .search-words .title {
		display: block;
		padding: 10px 0
	}
	.page-search .search-box .search-words a {
		font-size: 16px
	}
	.page-search .search-category {
		padding: 0 5px
	}
	.page-search .search-category ul li {
		width: 50%
	}
	.page-search .search-category ul li:last-child .cell-wrap {
		padding: 5px
	}
	.page-search .search-category ul li .cell-wrap {
		padding: 5px
	}
	.page-search .search-category ul li .cell-wrap a {
		height: 60px
	}
	.page-search .search-category ul li .cell-wrap a .cell .label {
		font-size: 16px
	}
	.page-search .search-category ul li .cell-wrap a .cell .count {
		font-size: 14px
	}
	.page-search .search-detail .gcselect label {
		font-size: 16px
	}
	.page-search .search-detail .fit-radio-box label {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding: 0 20px
	}
	.page-search .search-detail .chk-box-group .chk-box {
		width: 90%
	}
	.page-search .search-detail .chk-box-group .chk-box label {
		font-size: 14px
	}
	.page-search .search-detail .radio-box-group {
		display: block;
		padding: 10px 0
	}
	.page-search .search-detail .radio-box-group .radio-box {
		padding-bottom: 5px
	}
	.page-search .search-detail .radio-box-group .radio-box label {
		font-size: 14px
	}
	.page-search .search-detail .cal-group {
		display: block
	}
	.page-search .search-detail .cal-group label {
		font-size: 14px
	}
	.page-search .search-result-info {
		padding: 20px 30px;
		margin: 10px;
		font-size: 16px;
		word-break: keep-all
	}
	.page-search .search-result-info .search-result-check {
		width: 100%;
		font-size: 13px;
		margin: 0;
		padding: 10px;
		margin-top: 20px
	}
	.page-search .search-result-info .search-result-check li {
		width: 100%
	}
	.page-search .search-result-no .no-msg {
		font-size: 14px
	}
	.page-search .search-result-no .no-msg span {
		display: block;
		word-break: keep-all;
		padding: 20px 40px
	}
	.page-search .search-result-list {
		padding: 20px 10px
	}
	.page-search .search-result-list .search-result-box {
		font-size: 16px
	}
	.page-search .search-result-list .search-result-box .srb-bar .srb-left .cate-title
		{
		font-size: 18px
	}
	.page-search .search-result-list .search-result-box .srb-bar .srb-left .cate-count
		{
		font-size: 14px
	}
	.page-search .search-result-list .search-result-box .srb-bar .srb-right .more
		{
		font-size: 14px
	}
	.page-search .search-result-list .search-result-box .srb-list ul {
		font-size: 14px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-title .title
		{
		font-size: 16px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-title .date
		{
		font-size: 12px;
		margin-left: 10px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-board-title .title
		{
		font-size: 16px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-board-title .date
		{
		font-size: 12px;
		margin-left: 10px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-p
		{
		font-size: 14px
	}
	.page-search .search-result-list .search-result-box .srb-list .srb-block .srb-attach a
		{
		font-size: 14px
	}
	.page-search .search-keyword-list ol li {
		font-size: 16px
	}
	.page-search .search-keyword-list ol li:before {
		font-size: 14px
	}
}

.page-service .service-center .title {
	padding-bottom: 20px;
	font-size: 36px !important;
	font-weight: normal;
	text-align: center;
	color: #345489
}

.page-service .service-center .center-tree {
	position: relative;
	width: 970px;
	margin: 0 auto;
	background: url("../images/ccard-bg-desktop.png") no-repeat top
		center
}

.page-service .service-center .center-tree .center-layer {
	text-align: center;
	padding: 15px 0
}

.page-service .service-center .center-tree .center-layer.right {
	text-align: right
}

.page-service .service-center .center-tree .center-layer .center-card {
	display: inline-block;
	padding: 10px;
	width: 300px
}

.page-service .service-center .center-tree .center-layer .center-card.blue .center-wrap
	{
	background: #EAEFF7;
	border: none
}

.page-service .service-center .center-tree .center-layer .center-card .center-wrap
	{
	width: 100%;
	height: 160px;
	border: 1px solid #aabedf;
	background: white
}

.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-title
	{
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #345489;
	text-align: center
}

.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-img
	{
	text-align: center
}

.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont
	{
	padding: 10px;
	position: relative
}

.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table
	{
	width: 100%;
	height: 100%;
	min-width: 100%;
	border-top: 1px dashed #345489
}

.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td
	{
	padding: 10px 5px;
	vertical-align: middle;
	border-bottom: none;
	text-align: center
}

.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc
	{
	font-size: 16px;
	word-break: keep-all
}

.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc.left
	{
	text-align: left
}

.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc-tel
	{
	padding: 5px
}

.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc-tel a
	{
	font-size: 18px;
	font-weight: bold;
	color: #345489;
	text-decoration: none
}

.page-service .service-term {
	padding: 0 10px
}

.page-service .service-mail {
	padding: 0 10px
}

.page-service .service-privacy {
	padding: 0 10px
}

/* 20221106 개인정보처리방침 라벨링 */
.page-service .service-privacy .gg_privacy_title {
	position:relative;
	padding:15px 10px 10px 0;
	font-size: 20px;
    font-weight: bold;
    color: #345489;
    margin: 0;
}
.page-service .service-privacy .gg_privacy_title::before {
    content: "";
    position: absolute;
    background-color: #0051a3;
    width: 35px;
    height: 5px;
    top: 0;
    left: 0;
    border-right: 10px solid #03983a;
}
.page-service .service-privacy .gg_privacy_title span::after {
	display:inline-block;
	vertical-align: middle;
	width:30px;
	background-image: url('../images/privacy/icon-set-pri_label.png');
	background-color:transparent;
	margin-left:10px;
	content:'';
}
.page-service .service-privacy .gg_privacy_title:first-of-type span::after {
	height:35px;
	background-position:-285px -99px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(2) span::after {
	height:35px;
	background-position:-319px -99px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(3) span::after {
	height:35px;
	background-position:-319px -137px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(4) span::after {
	height:30px;
	background-position:-354px -139px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(5) span::after {
	height:35px;
	background-position:-353px -99px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(6) span::after {
	height:35px;
	background-position:-387px -99px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(7) span::after {
	height:35px;
	background-position:-457px -98px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(8) span::after {
	height:30px;
	background-position:-422px -101px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(9) span::after {
	height:30px;
	background-position:-492px -101px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(10) span::after {
	height:35px;
	background-position:-528px -97px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(11) span::after {
	height:30px;
	background-position:-390px -139px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(12) span::after {
	height:30px;
	background-position:-603px -101px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(13) span::after {
	height:30px;
	background-position:-565px -101px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(16) span::after {
	height:30px;
	background-position:-641px -101px;
}
.page-service .service-privacy .gg_privacy_title:nth-of-type(14) span::after {
	width: 31px;
	height: 31px;
	background:url("../images/privacy/label15.png") no-repeat center/cover;
}

.page-service .service-privacy .label_title_type {
    border-top: 2px solid #0a55a5;
    text-align: center;
    padding: 0.6rem 0;
    background: #EAF1F8FF;
    color: black;
}
.page-service .service-privacy .label_list_box_type {
    display: inline-block;
	width:100%;
    padding: 0;
    margin: 10px 0;
	font-size:0;
}
.page-service .service-privacy .label_list_box_type > li {
	display:inline-block;
    list-style-type: none;
    margin: 0 5px;
    margin-bottom: 10px;
	padding: 10px;
    width: 13%;
    background: #fff;
    box-shadow: 0 0 0 1px #7ea2c7 inset;
	vertical-align:top;
	/* position:relative; */
}
.page-service .service-privacy .label_list_box_type > li div {
    text-align: center;
	padding-top:100px;
	position:relative;
}
.page-service .service-privacy .label_list_box_type > li div > span {
	line-height: 1.2;
	font-size:16px;
}
.page-service .service-privacy .label_list_box_type > li div::before {
	display:block;
	width:68px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-34px;
	background-image:url('../images/privacy/icon-set-pri_label.png');
	background-color:transparent;
	background-repeat:no-repeat;
	content:'';
}
.page-service .service-privacy .label_list_box_type > li:first-of-type div::before {
	height:78px;
	background-position:-10px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(2) div::before {
	height:78px;
	background-position:-102px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(3) div::before {
	height:78px;
	background-position:-193px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(4) div::before {
	height:79px;
	background-position:-285px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(5) div::before {
	height:68px;
	background-position:-377px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(6) div::before {
	height:80px;
	background-position:-468px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(7) div::before {
	height:68px;
	background-position:-560px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(8) div::before {
	height:79px;
	background-position:-651px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(9) div::before {
	height:68px;
	background-position:-743px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(10) div::before {
	height:68px;
	background-position:-835px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(11) div::before {
	height:68px;
	background-position:-926px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(12) div::before {
	height:68px;
	background-position:-1018px -9px;
}
.page-service .service-privacy .label_list_box_type > li:nth-of-type(13) div::before {
	height:68px;
	background:url("../images/privacy/label15.png") no-repeat center/cover;
}

.page-service .service-privacy .hidden_label_text_type {
    border: 1px solid #0d73bd;
    position: absolute;
    background: #0d73bd;
    color: #fff;
    z-index: 99999;
    display: none;
    padding: 0.5rem 1rem;
}
.page-service .service-privacy .label_list_box_type2 {
    display: block;
    padding: 0;
    margin: 0;
	border-left: 1px solid #ededed;
	font-size:0;
}
.page-service .service-privacy .label_list_box_type2 > li {
	display:inline-block;
    list-style-type: none;
    width: 50%;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
	vertical-align:top;
}
.page-service .service-privacy .label_list_box_type2 > li a {
	display:block;
    width: 100%;
	font-size:16px;
	font-weight:500;
	color:#0050a3;
    padding: 10px;
	min-height:55px;
}
.page-service .service-privacy .label_list_box_type2 > li a:hover,
.page-service .service-privacy .label_list_box_type2 > li a:focus {
	color:#002a57;
}
.page-service .service-privacy .label_list_box_type2 > li a::before {
	display:inline-block;
	vertical-align: middle;
	width:30px;
	background-image: url('../images/privacy/icon-set-pri_label.png');
	background-color:transparent;
	margin-right:5px;
	content:'';
}
.page-service .service-privacy .label_list_box_type2 > li:first-of-type a::before {
	height:35px;
	background-position:-285px -99px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(2) a::before {
	height:35px;
	background-position:-319px -99px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(3) a::before {
	height:35px;
	background-position:-319px -137px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(4) a::before {
	height:30px;
	background-position:-354px -139px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(5) a::before {
	height:35px;
	background-position:-353px -99px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(6) a::before {
	height:35px;
	background-position:-387px -99px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(7) a::before {
	height:35px;
	background-position:-457px -98px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(8) a::before {
	height:30px;
	background-position:-422px -101px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(9) a::before {
	height:30px;
	background-position:-492px -101px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(10) a::before {
	height:35px;
	background-position:-528px -97px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(11) a::before {
	height:30px;
	background-position:-390px -139px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(12) a::before {
	height:30px;
	background-position:-603px -101px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(13) a::before {
	height:30px;
	background-position:-565px -101px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(16) a::before {
	height:30px;
	background-position:-641px -101px;
}
.page-service .service-privacy .label_list_box_type2 > li:nth-of-type(14) a::before {
	width: 31px;
	height: 31px;
	background:url("../images/privacy/label15.png") no-repeat center/cover;
}
.page-service .service-privacy .btn-default {
	margin:30px 0;
}
.page-service .service-privacy .btn-border {
	display:inline-block;
	font-size: 16px;
    padding: 10px;
    border-radius: 0px;
    color: #000;
    box-shadow: none;
	line-height:1;
    font-weight: bold;
	border:1px solid currentColor;
}
.page-service .service-privacy .btn-border.blue {
	color: #005AAB;
}
.page-service .service-privacy .btn-border.blue:hover,
.page-service .service-privacy .btn-border.blue:focus {
	color: #fff;
	background-color:#005AAB;
}
.mob-only {
	display:none !important;
}
.mob-only.inline {
	display:none !important;
}

@media only screen and (max-width:1200px){
	.page-service .service-privacy .label_list_box_type {
		text-align:center;
	}
	.page-service .service-privacy .label_list_box_type > li {
		width:20%;
		margin:10px;
	}
	.page-service .service-privacy .label_list_box_type2 {
		border-left: 0;
	}
	.page-service .service-privacy .label_list_box_type2 > li {
		width:100%;
		border-bottom: 1px solid #ededed;
		border-right: 0;
	}
}

@media only screen and (max-width:768px){
	.page-service .service-privacy .label_list_box_type > li {
		width:30%;
	}
	.mob-only {
		display:block !important;
	}
	.mob-only.inline {
		display:inline-block !important;
	}
}

@media only screen and (max-width:480px){
	.page-service .service-privacy .label_list_box_type > li {
		width:45%;
		margin:3px;
	}
}



.page-service .service-sitemap .title {
	background: #EAEFF7;
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0;
	color: #345489;
	text-decoration: none;
	margin-bottom: 10px
}

.page-service .service-sitemap .ul-sitemap {
	list-style: none;
	margin: 0;
	padding: 0
}

.page-service .service-sitemap .ul-sitemap.sitemap-1>li {
	min-height: 500px
}

.page-service .service-sitemap .ul-sitemap.sitemap-3>li {
	min-height: 150px
}

.page-service .service-sitemap .ul-sitemap.sitemap-4>li {
	min-height: 157px
}

.page-service .service-sitemap .ul-sitemap li {
	float: left;
	width: 20%;
	box-sizing: border-box;
	padding-right: 20px
}

.page-service .service-sitemap .ul-sitemap li:nth-child(5n) {
	padding-right: 0
}

.page-service .service-sitemap .ul-sitemap li a {
	font-size: 16px;
	text-align: center;
	border: 1px solid #345489;
	box-sizing: border-box;
	color: #345489;
	font-weight: bold;
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 15px 0;
	margin-bottom: 10px
}

.page-service .service-sitemap .ul-sitemap li ul {
	list-style: none;
	margin: 10px 0;
	padding: 0
}

.page-service .service-sitemap .ul-sitemap li ul li {
	display: block;
	width: 100%;
	padding: 0
}

.page-service .service-sitemap .ul-sitemap li ul li a {
	border: none;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	width: 100%;
	display: block;
	padding: 5px 0
}

.page-service .service-sitemap .ul-sitemap li ul li a:hover {
	color: #345489
}

.page-service h1 {
	font-size: 20px;
	font-weight: bold;
	color: #345489;
	margin: 0;
	padding: 10px
}

.page-service h2 {
	font-size: 16px;
	margin: 0;
	padding: 10px
}

/* 웹접근성 25.02.06 */
.page-service .service-term h4 {
	font-size: 20px;
	font-weight: bold;
	color: #345489;
	margin: 0;
	padding: 10px
}

.page-service .service-term h5 {
	font-size: 16px;
	margin: 0;
	padding: 10px
}
/* //웹접근성 25.02.06 */

.page-service p {
	font-size: 16px;
	margin: 0;
	padding: 10px;
	line-height: 1.4em
}

.page-service p.block {
	padding: 40px;
	background: #EAEFF7
}

.page-service .table-wrap {
	width: 100%;
	overflow-x: auto;
	margin: 10px 0
}

.page-service table {
	width: 100%;
	min-width: 600px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 16px
}

.page-service table thead {
	border: 1px solid #D6D6D6
}

.page-service table thead tr td {
	background: #E9EDF0;
	border-bottom: 1px solid #D6D6D6;
	padding: 10px
}

.page-service table tbody tr td {
	border-bottom: 1px solid #D6D6D6;
	padding: 10px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-service .service-center .title {
		font-size: 28px !important
	}
	.page-service .service-center .center-tree {
		width: 680px;
		background: url("../images/ccard-bg-tablet.png") no-repeat top
			center
	}
	.page-service .service-center .center-tree .center-layer .center-card {
		width: 200px
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-title
		{
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 0px
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc
		{
		font-size: 14px;
		display: block
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc.left
		{
		text-align: center
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc-img
		{
		display: none
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc-tel a
		{
		font-size: 16px
	}
	.page-service .service-sitemap .ul-sitemap li {
		width: 33.33333% !important;
		padding-right: 10px !important
	}
	.page-service .service-sitemap .ul-sitemap li:nth-child(3n) {
		padding-right: 0 !important
	}
	.page-service .service-sitemap .ul-sitemap li ul li {
		width: 100% !important;
		display: block
	}
	.page-service .service-sitemap .ul-sitemap li ul li a {
		padding: 3px 0 !important
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.page-service .service-center .title {
		font-size: 24px !important
	}
	.page-service .service-center .center-tree {
		width: 300px;
		background: url("../images/ccard-bg-mobile.png") no-repeat top left
	}
	.page-service .service-center .center-tree .center-layer.sub {
		text-align: right
	}
	.page-service .service-center .center-tree .center-layer.sub .center-card
		{
		width: 260px
	}
	.page-service .service-center .center-tree .center-layer .center-card {
		padding: 0
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap
		{
		margin-bottom: 20px
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc
		{
		font-size: 14px
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc-tel a
		{
		font-size: 15px
	}
	.page-service .service-sitemap {
		padding: 0 10px
	}
	.page-service .service-sitemap .title {
		font-size: 16px;
		padding: 15px 0
	}
	.page-service .service-sitemap .ul-sitemap li {
		width: 50% !important;
		padding-right: 10px !important
	}
	.page-service .service-sitemap .ul-sitemap li:nth-child(2n) {
		padding-right: 0 !important
	}
	.page-service .service-sitemap .ul-sitemap li a {
		font-size: 14px
	}
	.page-service .service-sitemap .ul-sitemap li ul li {
		width: 100% !important;
		display: block
	}
	.page-service .service-sitemap .ul-sitemap li ul li a {
		font-size: 13px;
		padding: 0 !important
	}
}

@media only screen and (max-width: 679px) {
	.page-service .service-center .title {
		font-size: 24px !important
	}
	.page-service .service-center .center-tree {
		width: 300px;
		background: url("../images/ccard-bg-mobile.png") no-repeat top left
	}
	.page-service .service-center .center-tree .center-layer.sub {
		text-align: right
	}
	.page-service .service-center .center-tree .center-layer.sub .center-card
		{
		width: 260px
	}
	.page-service .service-center .center-tree .center-layer .center-card {
		padding: 0
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap
		{
		margin-bottom: 20px
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc
		{
		font-size: 14px
	}
	.page-service .service-center .center-tree .center-layer .center-card .center-wrap .ccard-cont .ccard-table td.desc-tel a
		{
		font-size: 15px
	}
	.page-service .service-sitemap {
		padding: 0 10px
	}
	.page-service .service-sitemap .title {
		font-size: 16px;
		padding: 15px 0
	}
	.page-service .service-sitemap .ul-sitemap li {
		width: 50% !important;
		padding-right: 10px !important
	}
	.page-service .service-sitemap .ul-sitemap li:nth-child(2n) {
		padding-right: 0 !important
	}
	.page-service .service-sitemap .ul-sitemap li a {
		font-size: 14px
	}
	.page-service .service-sitemap .ul-sitemap li ul li {
		width: 100% !important;
		display: block
	}
	.page-service .service-sitemap .ul-sitemap li ul li a {
		font-size: 13px;
		padding: 0 !important
	}
}

.ul-num {
	list-style: decimal;
	margin: 0;
	padding: 10px;
	line-height: 1.4em;
	font-size: 16px
}

.ul-num li {
	padding-bottom: 5px
}

.ul-none {
	list-style: none;
	margin: 0;
	padding: 10px 0;
	line-height: 1.4em;
	font-size: 16px
}

.ul-none li {
	padding-bottom: 5px
}

.ul-circle-num {
	counter-reset: li;
	list-style: none;
	padding: 0;
	font-size: 16px;
	margin: 10px 20px;
	font-size: 16px
}

.ul-circle-num>li {
	position: relative;
	padding-bottom: 5px;
	line-height: 1.4em;
	text-indent: 0;
	padding-left: 24px
}

.ul-circle-num>li:before {
	content: counter(li);
	counter-increment: li;
	height: 18px;
	width: 18px;
	font-size: 12px;
	line-height: 1.4em;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 50%;
	text-indent: 0;
	color: #000;
	text-align: center;
	position: absolute;
	left: 0;
	top: 2px
}

.consult-search .search-bar {
	padding: 20px 0;
	text-align: center;
	background: #e3eaef
}

.consult-search .search-bar .gcinput {
	width: 400px
}

.consult-search .search-bar .gcbtn {
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	border: none;
	padding: 0 20px;
	background: #345489;
	color: #fff;
	cursor: pointer
}

.consult-search .search-bar .gcbtn:hover {
	background: #426bae
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.consult-search .search-bar .gcinput {
		width: 300px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.consult-search .search-bar .gcinput {
		width: 300px
	}
}

@media only screen and (max-width: 679px) {
	.consult-search .search-bar .gcinput {
		width: 300px
	}
}

.page-consult .consult-title {
	display: block;
	font-size: 36px;
	padding: 30px 0;
	color: #345489;
	text-align: center
}

.page-consult .consult-desc {
	font-size: 16px;
	line-height: 1.4em;
	display: table;
	width: 100%
}

.page-consult .consult-desc .desc-wrap {
	display: table-cell;
	vertical-align: middle
}

.page-consult .consult-about-after .img .img-dx {
	display: block
}

.page-consult .consult-about-after .img .img-md {
	display: none
}

.page-consult .consult-about-after .img .img-sm {
	display: none
}

.page-consult .consult-about-process ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	width: 100%
}

.page-consult .consult-about-process ul li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 25%
}

.page-consult .consult-about-process ul li .label {
	font-size: 18px;
	font-weight: bold;
	padding-top: 20px
}

.page-consult .consult-about-process ul li .desc {
	font-size: 16px;
	padding: 10px 20px;
	line-height: 1.4em
}

.page-consult .consult-about-process ul li.arrow {
	width: 24px;
	vertical-align: top
}

.page-consult .consult-about-process ul li.arrow img {
	margin-top: 60px
}

.page-consult .consult-about-process-new ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	width: 100%
}

.page-consult .consult-about-process-new ul li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	width: 14.2855555%
}

.page-consult .consult-about-process-new ul li .label {
	font-size: 18px;
	font-weight: bold;
	padding-top: 20px
}

.page-consult .consult-about-process-new ul li.arrow {
	width: 24px;
	vertical-align: top
}

.page-consult .consult-about-process-new ul li.arrow img {
	margin-top: 46px;
}

.page-consult .consult-cards ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
	color: #fff
}

.page-consult .consult-cards ul li {
	display: table-cell;
	width: 50%;
	padding-right: 10px;
	vertical-align: middle;
	text-align: center
}

.page-consult .consult-cards ul li .card {
	width: 100%;
	height: 174px;
	padding-top: 50px;
	box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.page-consult .consult-cards ul li .card.card-1 {
	background: url("../images/consult-about-rect-1.png") no-repeat
		center center;
	background-size: cover
}

.page-consult .consult-cards ul li .card.card-2 {
	background: url("../images/consult-about-rect-2.png") no-repeat
		center center;
	background-size: cover
}

.page-consult .consult-cards ul li .card .label {
	color: #fff !important;
	font-size: 24px
}

.page-consult .consult-cards ul li .card .desc {
	padding: 10px;
	font-size: 16px
}

.page-consult .consult-cards ul li .card .btn {
	display: inline-block;
	font-size: 20px;
	text-decoration: none;
	padding: 10px 0;
	background: #345489;
	color: #fff;
	border-radius: 4px;
	min-width: 170px
}

.page-consult .consult-cards ul li .card .btn.yellow {
	background: #549A69
}

.page-consult .consult-cards ul li:last-child {
	padding-right: 0
}

.page-consult .consult-process {
	display: table;
	width: 100%;
	padding: 30px 0
}

.page-consult .consult-process .process-wrap {
	display: table-cell;
	vertical-align: middle
}

.page-consult .consult-process .process-wrap.left {
	text-align: right
}

.page-consult .consult-process .process-wrap.left .label {
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	margin-right: 10px
}

.page-consult .consult-process .process-wrap.left img {
	vertical-align: middle
}

.page-consult .consult-process .process-wrap.center {
	text-align: center;
	width: 50px
}

.page-consult .consult-process .process-wrap.right {
	text-align: left
}

.page-consult .consult-process .process-wrap.right .label {
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	margin-left: 10px
}

.page-consult .consult-process .process-wrap.right img {
	vertical-align: middle
}

.page-consult .consult-target {
	background: #e3eaef;
	padding: 20px 40px
}

.page-consult .consult-target ul {
	margin: 0;
	padding: 0;
	list-style: disc;
	font-size: 16px
}

.page-consult .consult-target ul li {
	box-sizing: border-box;
	padding: 10px 0;
	float: left;
	width: 25%
}

.page-consult .consult-buttons {
	text-align: center;
	padding: 30px 0
}

.page-consult .consult-about {
	display: none
}

.page-consult .consult-about.active {
	display: block
}

.page-consult .consult-about img {
	width: 100%
}

.page-consult .consult-about ul {
	list-style-type: disc;
	list-style-position: outside;
	font-size: 18px
}

.page-consult .consult-about ul li {
	padding-bottom: 10px
}

.page-consult .consult-location {
	display: none
}

.page-consult .consult-location.active {
	display: block
}

.page-consult .consult-location .consult-info {
	padding: 0 10px;
	margin-bottom: 10px
}

.page-consult .consult-location .consult-map {
	padding: 0 10px
}

.page-consult h2 {
	font-size: 24px;
	font-weight: bold;
	padding-left: 65px;
	color: #345489;
	line-height: 62px;
	text-align: left;
	position: relative
}

.page-consult h2:before {
	content: '';
	position: absolute;
	background: #e3eaef;
	display: block;
	top: 0;
	left: 0;
	width: 48px;
	height: 60px;
	border-right: 5px solid #345489
}

/* 웹접근성 25.02.06 */
.page-consult h4 {
	font-size: 24px;
	font-weight: bold;
	padding-left: 65px;
	color: #345489;
	line-height: 62px;
	text-align: left;
	position: relative;
}

.page-consult h4:before {
	content: '';
	position: absolute;
	background: #e3eaef;
	display: block;
	top: 0;
	left: 0;
	width: 48px;
	height: 60px;
	border-right: 5px solid #345489
}
/* //웹접근성 25.02.06 */

.page-consult h2 span {
	font-size: 18px
}

.page-consult table {
	border-collapse: collapse;
	width: 100%;
	border-top: 2px solid #081D58;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6
}

.page-consult table thead tr td, .page-consult table thead tr th {
	font-size: 18px;
	font-weight: bold;
	padding: 20px 5px;
	background: #E9EDF0;
	text-align: center
}

.page-consult table tbody tr th {
	background: #E9EDF0;
	font-size: 16px;
	padding: 20px 10px;
	border-bottom: 1px solid #D6D6D6;
	text-align: left
}

.page-consult table tbody tr td {
	font-size: 16px;
	padding: 20px 5px;
	border-bottom: 1px solid #D6D6D6;
	text-align: center
}

.page-consult table tbody tr td:last-child {
	border-right: none
}

.page-consult table tbody tr td.date {
	color: #AF841D
}

.page-consult table tbody tr td.subject {
	text-align: left;
	padding: 0 15px
}

.page-consult table tbody tr td a {
	color: #000;
	text-decoration: none
}

.page-consult table tbody tr td a:hover {
	color: #345489
}

.page-consult table tbody tr td .indi {
	display: inline-block;
	padding: 10px 12px;
	color: #fff;
	vertical-align: middle;
	min-width: 60px
}

.page-consult table tbody tr td .indi.blue {
	background: #345489
}

.page-consult table tbody tr td .indi.yellow {
	background: #AF841D
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.page-consult .consult-about-process-new {
		overflow: hidden;
		text-align: center
	}
	.page-consult .consult-about-process-new ul {
		margin: 0 auto
	}
	.page-consult .consult-about-process-new ul li {
		display: inline-block;
		width: 20%;
		height: 200px
	}
	.page-consult .consult-about-process-new ul li img {
		width: 100%;
		max-width: 100px
	}
	.page-consult .consult-about-process-new ul li .label {
		font-size: 16px
	}
	.page-consult .consult-about-process-new ul li .desc {
		font-size: 14px
	}
	.page-consult .consult-about-process-new ul li.arrow {
		width: 24px !important
	}
	.page-consult .consult-about-process-new ul li.arrow img {
		margin-top: 36px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-consult .consult-title {
		font-size: 30px
	}
	.page-consult .consult-desc .desc-wrap {
		display: block
	}
	.page-consult .consult-desc .desc-wrap:nth-child(2) {
		text-align: center;
		padding: 20px 0
	}
	.page-consult .consult-about-after .img {
		width: 100%
	}
	.page-consult .consult-about-after .img .img-dx {
		display: none
	}
	.page-consult .consult-about-after .img .img-md {
		display: block;
		width: 100%
	}
	.page-consult .consult-about-after .img .img-sm {
		display: none
	}
	.page-consult .consult-about-process ul li img {
		width: 100px
	}
	.page-consult .consult-about-process ul li .label {
		font-size: 16px
	}
	.page-consult .consult-about-process ul li .desc {
		font-size: 14px;
		padding: 10px 0
	}
	.page-consult .consult-about-process ul li.arrow img {
		width: 24px;
		margin-top: 35px
	}
	.page-consult .consult-about-process-new {
		overflow: hidden;
		text-align: center
	}
	.page-consult .consult-about-process-new ul {
		margin: 0 auto
	}
	.page-consult .consult-about-process-new ul li {
		display: inline-block;
		width: 20%;
		height: 200px
	}
	.page-consult .consult-about-process-new ul li img {
		width: 100%;
		max-width: 100px
	}
	.page-consult .consult-about-process-new ul li .label {
		font-size: 16px
	}
	.page-consult .consult-about-process-new ul li .desc {
		font-size: 14px
	}
	.page-consult .consult-about-process-new ul li.arrow {
		width: 24px !important
	}
	.page-consult .consult-about-process-new ul li.arrow img {
		margin-top: 34px
	}
	.page-consult .consult-process {
		height: 200px
	}
	.page-consult .consult-process .process-wrap {
		position: relative
	}
	.page-consult .consult-process .process-wrap.left .label {
		display: block;
		margin: 0;
		position: absolute;
		top: 180px;
		width: 100%;
		font-size: 14px
	}
	.page-consult .consult-process .process-wrap.center {
		width: 50px
	}
	.page-consult .consult-process .process-wrap.right .label {
		display: block;
		margin: 0;
		position: absolute;
		top: 180px;
		width: 100%;
		font-size: 14px
	}
	.page-consult .consult-target ul li {
		width: 33.3333%
	}
	.page-consult .consult-about ul {
		font-size: 16px
	}
	.page-consult h2 {
		font-size: 18px
	}
	.page-consult h2 span {
		font-size: 14px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.page-consult .consult-title {
		font-size: 18px
	}
	.page-consult .consult-about ul {
		font-size: 14px
	}
	.page-consult .consult-about ul li {
		padding-left: 10px;
		padding-right: 10px
	}
	.page-consult .consult-desc .desc-wrap {
		display: block;
		padding: 0 10px
	}
	.page-consult .consult-desc .desc-wrap:nth-child(2) {
		text-align: center;
		padding: 10px 0
	}
	.page-consult .consult-desc .desc-wrap img {
		width: 80%
	}
	.page-consult .consult-about-after .img {
		width: 100%;
		margin: 0 auto
	}
	.page-consult .consult-about-after .img .img-dx {
		display: none
	}
	.page-consult .consult-about-after .img .img-md {
		display: none
	}
	.page-consult .consult-about-after .img .img-sm {
		display: block;
		max-width: 300px;
		width: 100%
	}
	.page-consult .consult-about-process {
		overflow: hidden;
		text-align: center
	}
	.page-consult .consult-about-process ul {
		margin: 0 auto
	}
	.page-consult .consult-about-process ul li {
		display: inline-block;
		width: 40%;
		height: 260px
	}
	.page-consult .consult-about-process ul li img {
		width: 100%;
		max-width: 100px
	}
	.page-consult .consult-about-process ul li .label {
		font-size: 16px
	}
	.page-consult .consult-about-process ul li .desc {
		font-size: 14px
	}
	.page-consult .consult-about-process ul li.arrow {
		width: 24px !important
	}
	.page-consult .consult-about-process ul li.arrow img {
		margin-top: 40px
	}
	.page-consult .consult-about-process ul li.arrow.ar-2 {
		display: none
	}
	.page-consult .consult-about-process-new {
		overflow: hidden;
		text-align: center
	}
	.page-consult .consult-about-process-new ul {
		margin: 0 auto
	}
	.page-consult .consult-about-process-new ul li {
		display: inline-block;
		width: 40%;
		height: 200px
	}
	.page-consult .consult-about-process-new ul li img {
		width: 100%;
		max-width: 100px
	}
	.page-consult .consult-about-process-new ul li .label {
		font-size: 16px
	}
	.page-consult .consult-about-process-new ul li .desc {
		font-size: 14px
	}
	.page-consult .consult-about-process-new ul li.arrow {
		width: 24px !important
	}
	.page-consult .consult-about-process-new ul li.arrow img {
		margin-top: 34px
	}
	.page-consult .consult-cards ul {
		display: block
	}
	.page-consult .consult-cards ul li {
		display: block;
		padding-right: 0;
		width: 100%
	}
	.page-consult .consult-cards ul li .card {
		height: 140px;
		padding-top: 30px
	}
	.page-consult .consult-cards ul li .card.card-1 {
		margin-bottom: 10px
	}
	.page-consult .consult-cards ul li .card .label {
		font-size: 18px
	}
	.page-consult .consult-cards ul li .card .desc {
		font-size: 14px
	}
	.page-consult .consult-cards ul li .card .btn {
		font-size: 16px
	}
	.page-consult .consult-process {
		height: 180px
	}
	.page-consult .consult-process .process-wrap {
		position: relative
	}
	.page-consult .consult-process .process-wrap.left .label {
		display: block;
		margin: 0;
		position: absolute;
		top: 160px;
		width: 100%;
		font-size: 13px
	}
	.page-consult .consult-process .process-wrap.left img {
		width: 80%
	}
	.page-consult .consult-process .process-wrap.center {
		width: 50px
	}
	.page-consult .consult-process .process-wrap.right .label {
		display: block;
		margin: 0;
		position: absolute;
		top: 160px;
		width: 100%;
		font-size: 13px
	}
	.page-consult .consult-process .process-wrap.right img {
		width: 80%
	}
	.page-consult .consult-target ul {
		font-size: 14px
	}
	.page-consult .consult-target ul li {
		width: 100%;
		padding: 5px 0
	}
	.page-consult h2 {
		font-size: 16px;
		padding-left: 45px
	}
	.page-consult h2.f14 {
		font-size: 14px
	}
	.page-consult h2:before {
		width: 28px
	}
	.page-consult table tr td, .page-consult table tr th {
		font-size: 14px !important
	}
	.page-consult table.table-centers thead {
		display: none
	}
	.page-consult table.table-centers tbody tr {
		border-bottom: 1px solid #D6D6D6
	}
	.page-consult table.table-centers tbody tr th {
		padding: 5px;
		display: block;
		font-size: 14px;
		text-align: left
	}
	.page-consult table.table-centers tbody tr td {
		padding: 5px;
		text-align: left;
		display: block;
		font-size: 14px;
		border-bottom: none
	}
}

@media only screen and (max-width: 679px) {
	.page-consult .consult-title {
		font-size: 18px
	}
	.page-consult .consult-about ul {
		font-size: 14px
	}
	.page-consult .consult-about ul li {
		padding-left: 10px;
		padding-right: 10px
	}
	.page-consult .consult-desc .desc-wrap {
		display: block;
		padding: 0 10px
	}
	.page-consult .consult-desc .desc-wrap:nth-child(2) {
		text-align: center;
		padding: 10px 0
	}
	.page-consult .consult-desc .desc-wrap img {
		width: 80%
	}
	.page-consult .consult-about-after .img {
		width: 100%;
		margin: 0 auto
	}
	.page-consult .consult-about-after .img .img-dx {
		display: none
	}
	.page-consult .consult-about-after .img .img-md {
		display: none
	}
	.page-consult .consult-about-after .img .img-sm {
		display: block;
		max-width: 300px;
		width: 100%
	}
	.page-consult .consult-about-process {
		overflow: hidden;
		text-align: center
	}
	.page-consult .consult-about-process ul {
		margin: 0 auto
	}
	.page-consult .consult-about-process ul li {
		display: inline-block;
		width: 40%;
		height: 260px
	}
	.page-consult .consult-about-process ul li img {
		width: 100%;
		max-width: 100px
	}
	.page-consult .consult-about-process ul li .label {
		font-size: 16px
	}
	.page-consult .consult-about-process ul li .desc {
		font-size: 14px
	}
	.page-consult .consult-about-process ul li.arrow {
		width: 24px !important
	}
	.page-consult .consult-about-process ul li.arrow img {
		margin-top: 40px
	}
	.page-consult .consult-about-process ul li.arrow.ar-2 {
		display: none
	}
	.page-consult .consult-about-process-new {
		overflow: hidden;
		text-align: center
	}
	.page-consult .consult-about-process-new ul {
		margin: 0 auto
	}
	.page-consult .consult-about-process-new ul li {
		display: inline-block;
		width: 40%;
		height: 200px
	}
	.page-consult .consult-about-process-new ul li img {
		width: 100%;
		max-width: 100px
	}
	.page-consult .consult-about-process-new ul li .label {
		font-size: 16px
	}
	.page-consult .consult-about-process-new ul li .desc {
		font-size: 14px
	}
	.page-consult .consult-about-process-new ul li.arrow {
		width: 24px !important
	}
	.page-consult .consult-about-process-new ul li.arrow img {
		margin-top: 34px
	}
	.page-consult .consult-cards ul {
		display: block
	}
	.page-consult .consult-cards ul li {
		display: block;
		padding-right: 0;
		width: 100%
	}
	.page-consult .consult-cards ul li .card {
		height: 140px;
		padding-top: 30px
	}
	.page-consult .consult-cards ul li .card.card-1 {
		margin-bottom: 10px
	}
	.page-consult .consult-cards ul li .card .label {
		font-size: 18px
	}
	.page-consult .consult-cards ul li .card .desc {
		font-size: 14px
	}
	.page-consult .consult-cards ul li .card .btn {
		font-size: 16px
	}
	.page-consult .consult-process {
		height: 180px
	}
	.page-consult .consult-process .process-wrap {
		position: relative
	}
	.page-consult .consult-process .process-wrap.left .label {
		display: block;
		margin: 0;
		position: absolute;
		top: 160px;
		width: 100%;
		font-size: 13px
	}
	.page-consult .consult-process .process-wrap.left img {
		width: 80%
	}
	.page-consult .consult-process .process-wrap.center {
		width: 50px
	}
	.page-consult .consult-process .process-wrap.right .label {
		display: block;
		margin: 0;
		position: absolute;
		top: 160px;
		width: 100%;
		font-size: 13px
	}
	.page-consult .consult-process .process-wrap.right img {
		width: 80%
	}
	.page-consult .consult-target ul {
		font-size: 14px
	}
	.page-consult .consult-target ul li {
		width: 100%;
		padding: 5px 0
	}
	.page-consult h2 {
		font-size: 16px;
		padding-left: 45px
	}
	.page-consult h2.f14 {
		font-size: 14px
	}
	.page-consult h2:before {
		width: 28px
	}
	.page-consult table tr td, .page-consult table tr th {
		font-size: 14px !important
	}
	.page-consult table.table-centers thead {
		display: none
	}
	.page-consult table.table-centers tbody tr {
		border-bottom: 1px solid #D6D6D6
	}
	.page-consult table.table-centers tbody tr th {
		padding: 5px;
		display: block;
		font-size: 14px;
		text-align: left
	}
	.page-consult table.table-centers tbody tr td {
		padding: 5px;
		text-align: left;
		display: block;
		font-size: 14px;
		border-bottom: none
	}
}

.page-error .error-box {
	text-align: center;
	padding: 50px 0
}

.page-error .error-box .msg-en {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px
}

.page-error .error-box .msg-ko {
	font-size: 24px;
	font-weight: bold
}

.page-error .error-box .desc {
	line-height: 1.4em;
	font-size: 16px;
	padding: 30px
}

.page-error .error-box .desc .desc-box {
	width: 500px;
	text-align: left;
	border-left: 1px solid #dcd7d0;
	padding: 20px;
	margin: 0 auto
}

.page-error .error-box .desc .desc-box strong {
	color: #345489
}

.page-error .error-buttons {
	padding: 30px 0;
	text-align: center
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.page-error .error-box .msg-en {
		font-size: 14px
	}
	.page-error .error-box .msg-ko {
		font-size: 18px
	}
	.page-error .error-box .desc {
		font-size: 14px;
		padding: 10px;
		text-align: left
	}
	.page-error .error-box .desc .desc-box {
		width: 300px
	}
	.page-error .error-buttons a {
		font-size: 16px;
		padding: 10px 20px
	}
}

@media only screen and (max-width: 679px) {
	.page-error .error-box .msg-en {
		font-size: 14px
	}
	.page-error .error-box .msg-ko {
		font-size: 18px
	}
	.page-error .error-box .desc {
		font-size: 14px;
		padding: 10px;
		text-align: left
	}
	.page-error .error-box .desc .desc-box {
		width: 300px
	}
	.page-error .error-buttons a {
		font-size: 16px;
		padding: 10px 20px
	}
}

.page-banner .banner-wrap {
	border: 8px solid #EAEFF7;
	padding: 30px
}

.page-banner .banner-wrap .banner-box {
	margin: 0 20px
}

.page-banner .banner-wrap .banner-box .title-box {
	display: table;
	width: 100%;
	margin-bottom: 10px
}

.page-banner .banner-wrap .banner-box .title-box .title-logo {
	display: table-cell;
	vertical-align: middle
}

.page-banner .banner-wrap .banner-box .title-box .title-desc {
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	word-break: keep-all;
	color: #345489
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-banner .banner-wrap {
		padding: 30px
	}
	.page-banner .banner-wrap .banner-box .title-box .title-desc {
		font-size: 16px
	}
	.page-banner .banner-wrap .banner-box .gcbtn {
		font-size: 16px;
		padding: 15px 20px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.page-banner .banner-wrap {
		padding: 10px
	}
	.page-banner .banner-wrap .banner-box {
		margin-bottom: 20px
	}
	.page-banner .banner-wrap .banner-box .title-box .title-logo img {
		width: 80%
	}
	.page-banner .banner-wrap .banner-box .title-box .title-desc {
		font-size: 14px
	}
	.page-banner .banner-wrap .banner-box .gcbtn {
		font-size: 16px;
		padding: 15px 20px
	}
}

@media only screen and (max-width: 679px) {
	.page-banner .banner-wrap {
		padding: 10px
	}
	.page-banner .banner-wrap .banner-box {
		margin-bottom: 20px
	}
	.page-banner .banner-wrap .banner-box .title-box .title-logo img {
		width: 80%
	}
	.page-banner .banner-wrap .banner-box .title-box .title-desc {
		font-size: 14px
	}
	.page-banner .banner-wrap .banner-box .gcbtn {
		font-size: 16px;
		padding: 15px 20px
	}
}

.page-board .board-exp {
	font-size: 16px;
	line-height: 1.4em;
	padding: 30px;
	text-align: center;
	margin-bottom: 30px;
	background: #e3eaef
}

.page-board .board-exp .title {
	font-weight: bold;
	padding-bottom: 20px;
	font-size: 18px
}

.page-board .board-table-wrap {
	overflow-x: auto;
	overflow-y: hidden
}

.page-board .board-table {
	min-width: 640px;
	border-top: 2px solid #6F8DBF;
	border-left: 1px solid #C8C8C8;
	width: 100%;
	font-size: 16px;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 20px
}

.page-board .board-table thead {
	background: #E9EDF0
}

.page-board .board-table thead tr td, .page-board .board-table thead tr th
	{
	color: #345489;
	font-weight: bold;
	padding: 15px;
	text-align: center;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8
}

.page-board .board-table tbody tr td, .page-board .board-table tbody tr th
	{
	padding: 15px;
	text-align: center;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	line-height: 1.4em
}

.page-board .board-table tbody tr td.left, .page-board .board-table tbody tr th.left
	{
	text-align: left
}

.page-board .board-table tbody tr td.strong, .page-board .board-table tbody tr th.strong
	{
	color: #345489;
	font-weight: bold;
	text-decoration: underline
}

.page-board .board-table-desc {
	font-size: 16px;
	line-height: 1.4em
}

.page-board .board-table-confirm {
	text-align: right;
	font-size: 16px;
	padding-right: 20px;
	padding-top: 20px
}

.page-board .board-table-confirm .desc {
	padding: 10px 0
}

.page-board .board-table-confirm .chk-box {
	margin-left: 20px
}

.page-board .board-tip-box {
	padding: 20px 0
}

.page-board .board-tip-box .desc {
	line-height: 1.4em;
	font-size: 16px
}

.page-board .board-search-form {
	list-style: none;
	margin: 40px 0;
	padding: 0
}

.page-board .board-search-form li {
	display: table;
	width: 100%;
	background: #EAEFF7;
	padding: 5px 0
}

.page-board .board-search-form li .search-label, .page-board .board-search-form li .search-td
	{
	display: table-cell;
	vertical-align: middle
}

.page-board .board-search-form li .search-label .gcbtn, .page-board .board-search-form li .search-td .gcbtn
	{
	vertical-align: middle;
	padding: 15px 20px;
	font-size: 16px;
	font-weight: normal
}

.page-board .board-search-form li .search-label {
	width: 100px;
	min-width: 100px;
	padding: 0 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: right
}

.page-board .board-search-form li .search-td {
	text-align: left
}

.page-board .board-search-box {
	padding: 20px 0;
	text-align: right
}

.page-board .board-search-box.left {
	text-align: left
}

.page-board .board-search-box div[data-lo-select] {
	vertical-align: middle;
	height: 45px;
	display: inline-block
}

.page-board .board-search-box div[data-lo-select] .lo-select-display {
	height: 45px;
	background: #fff !important;
	border: 1px solid #dcd7d0 !important;
	box-shadow: none !important;
	padding-left: 10px;
	padding-right: 10px
}

.page-board .board-search-box div[data-lo-select] .lo-select-display div[data-lo-select-display="label"]
	{
	color: #000 !important;
	text-align: left;
	font-size: 15px
}

.page-board .board-search-box .input-group {
	display: inline-block;
	position: relative
}

.page-board .board-search-box .input-group:after {
	content: "";
	position: absolute;
	display: block;
	width: 45px;
	height: 45px;
	top: 0;
	left: 0;
	z-index: 1;
	background: url("../images/table-search-icon.png") no-repeat center
		center;
	background-size: cover
}

.page-board .board-search-box .input-group .input-search {
	height: 45px;
	border: 1px solid #dcd7d0;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 0;
	min-width: 250px;
	text-indent: 45px
}

.page-board .board-search-box .btn-search {
	height: 45px;
	background: #549A69;
	color: #FFF;
	text-align: center;
	padding: 0 20px;
	border: 1px solid transparent;
	box-sizing: border-box;
	vertical-align: middle
}

.page-board .board-popup-btns {
	text-align: left;
	border-top: 1px solid #081D58
}

.page-board .board-popup-btns.right {
	text-align: right
}

.page-board .board-list.normal table {
	border-top: 1px solid #D6D6D6 !important;
	border-bottom: 1px solid #D6D6D6 !important
}

.page-board .board-list table {
	border-collapse: collapse;
	width: 100%;
	border-top: 2px solid #081D58;
	border-bottom: 2px solid #081D58;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6
}

.page-board .board-list table thead tr th, .page-board .board-list table thead tr td
	{
	font-size: 18px;
	font-weight: bold;
	padding: 20px 5px;
	background: #E9EDF0;
	text-align: center
}

.page-board .board-list table tbody tr th, .page-board .board-list table tbody tr td
	{
	font-size: 16px;
	padding: 20px 5px;
	border-bottom: 1px solid #D6D6D6;
	text-align: center
}

.page-board .board-list table tbody tr th.date, .page-board .board-list table tbody tr td.date
	{
	color: #38A160
}

.page-board .board-list table tbody tr th a, .page-board .board-list table tbody tr td a
	{
	color: #000;
	text-decoration: none
}

.page-board .board-list table tbody tr th a:hover, .page-board .board-list table tbody tr td a:hover
	{
	color: #345489
}

.page-board .board-table table {
	border-collapse: collapse;
	width: 100%;
	border-top: 2px solid #081D58;
	border-bottom: 2px solid #081D58;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6
}

.page-board .board-table table thead tr td {
	border-right: 1px solid #D6D6D6;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 5px;
	background: #E9EDF0;
	text-align: center
}

.page-board .board-table table thead tr td:last-child {
	border-right: none
}

.page-board .board-table table tbody tr td {
	font-size: 16px;
	padding: 20px 5px;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	text-align: center
}

.page-board .board-table table tbody tr td:last-child {
	border-right: none
}

.page-board .board-table table tbody tr td.date {
	color: #AF841D
}

.page-board .board-table table tbody tr td.subject {
	text-align: left;
	padding: 0 15px
}

.page-board .board-table table tbody tr td a {
	color: #000;
	text-decoration: none
}

.page-board .board-table table tbody tr td a:hover {
	color: #345489
}

.page-board .board-table table tbody tr td .indi {
	display: inline-block;
	padding: 10px 12px;
	color: #fff;
	vertical-align: middle;
	min-width: 60px
}

.page-board .board-table table tbody tr td .indi.blue {
	background: #345489
}

.page-board .board-table table tbody tr td .indi.yellow {
	background: #AF841D
}

.page-board .board-gallery ul {
	border-top: 2px solid #081D58;
	border-bottom: 2px solid #081D58;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 20px
}

.page-board .board-gallery ul li {
	float: left;
	width: 33.33333%;
	position: relative
}

.page-board .board-gallery ul li.no_data {
	width: 100%;
	float: initial;
	margin-bottom: 20px;
	font-size: 16px
}

.page-board .board-gallery ul li:nth-child(3n) .gallery-box {
	padding-right: 0
}

.page-board .board-gallery ul li .gallery-box {
	padding-right: 15px;
	padding-bottom: 20px
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap {
	border: 1px solid #dcd7d0;
	box-sizing: border-box;
	height: 370px;
	width: 100%;
	position: relative;
	overflow: hidden
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .img {
	display: block;
	height: 240px;
	width: 100%;
	text-decoration: none;
	background: #eaeaea url("../images/board-img-none.png") no-repeat
		center center;
	background-size: cover !important
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .title {
	padding: 15px
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .title a {
	font-size: 20px;
	line-height: 1.4em;
	color: #345489;
	font-weight: bold;
	text-decoration: none;
	display: block
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .title a:hover
	{
	color: #000
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .opt {
	position: absolute;
	width: 100%;
	bottom: 0
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .opt .wrap {
	padding: 15px
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .opt .wrap .date
	{
	display: inline-block;
	color: #AF841D;
	vertical-align: middle
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .opt .wrap .sp
	{
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	padding: 0 15px
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .opt .wrap .view
	{
	display: inline-block;
	vertical-align: middle;
}

.page-board .board-gallery ul li .gallery-box .gallery-wrap .opt .wrap .view * {
	vertical-align:top;
}

.page-board .board-qna table {
	border-collapse: collapse;
	width: 100%;
	border-top: 2px solid #081D58;
	border-bottom: 2px solid #081D58;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6
}

.page-board .board-qna table thead tr td, .page-board .board-qna table thead tr th
	{
	font-size: 18px;
	font-weight: bold;
	padding: 20px 5px;
	background: #E9EDF0;
	text-align: center
}

.page-board .board-qna table tbody tr td, .page-board .board-qna table tbody tr th
	{
	font-size: 16px;
	padding: 20px 5px;
	border-bottom: 1px solid #D6D6D6;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page-board .board-qna table tbody tr td.date, .page-board .board-qna table tbody tr th.date
	{
	color: #38A160;
	white-space: nowrap
}

.page-board .board-qna table tbody tr td a, .page-board .board-qna table tbody tr th a
	{
	color: #000;
	text-decoration: none
}

.page-board .board-qna table tbody tr td a:hover, .page-board .board-qna table tbody tr th a:hover
	{
	color: #345489
}

.page-board .board-qna table tbody tr td .indi, .page-board .board-qna table tbody tr th .indi
	{
	vertical-align: middle;
	padding: 10px 15px;
	color: #fff;
	background: #345489;
	margin-right: 10px
}

.page-board .board-qna table tbody tr td .target, .page-board .board-qna table tbody tr th .target
	{
	font-weight: bold;
	color: #345489
}

.page-board .board-webzine ul {
	border-top: 2px solid #081D58;
	border-bottom: 2px solid #081D58;
	list-style: none;
	margin: 0;
	padding: 0
}

.page-board .board-webzine ul li {
	border-bottom: 1px solid #dcd7d0;
	position: relative;
	padding: 30px 0
}

.page-board .board-webzine ul li:last-child {
	border-bottom: none
}

.page-board .board-webzine ul li .img {
	width: 380px;
	height: 160px;
	float: left;
	background: #eaeaea url("../images/board-img-none.png") no-repeat
		center center;
	background-size: cover !important;
	text-decoration: none
}

.page-board .board-webzine ul li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.page-board .board-webzine ul li .title {
	font-size: 16px;
	margin-left: 420px
}

.page-board .board-webzine ul li .title a {
	font-size: 20px;
	color: #345489;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-bottom: 15px
}

.page-board .board-webzine ul li .title a:hover {
	color: #000
}

.page-board .board-webzine ul li .title .date {
	color: #38A160;
	vertical-align: middle
}

.page-board .board-webzine ul li .title .sp {
	font-size: 12px;
	vertical-align: middle;
	padding: 0 15px
}

.page-board .board-webzine ul li .title .view {
	vertical-align: middle
}

.page-board .board-webzine ul li .title .view * {
	vertical-align: top
}

.page-board .board-view {
	border-bottom: 2px solid #081D58
}

.page-board .board-view.no-border {
	border-bottom: none
}

.page-board .board-view table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 16px
}

.page-board .board-view table tbody tr.info td {
	background: #345489;
	color: #fff
}

.page-board .board-view table tbody tr.info td .indi {
	vertical-align: middle;
	padding: 10px 15px;
	color: #fff;
	background: #AF841D;
	margin-right: 10px
}

.page-board .board-view table tbody tr.info td span {
	vertical-align: middle
}

.page-board .board-view table tbody tr.info-ex td {
	background: #345489;
	color: #fff
}

.page-board .board-view table tbody tr.info-ex td div {
	display: inline;
	margin-right: 15px
}

.page-board .board-view table tbody tr.author td {
	text-align: right;
	background: #E9EDF0
}

.page-board .board-view table tbody tr.attach-files td {
	text-align: left;
	background: #E9EDF0
}

.page-board .board-view table tbody tr.attach-files td a {
	color: #000;
	text-decoration: none
}

.page-board .board-view table tbody tr.attach-files td a:hover {
	color: #345489
}

.page-board .board-view table tbody tr.content.border {
	border-bottom: 2px solid #081D58
}

.page-board .board-view table tbody tr.content td {
	padding: 30px;
	height: 300px;
	vertical-align: top
}

.page-board .board-view table tbody tr.content td h1 {
	width: 100%;
	padding: 0;
	padding-bottom: 20px;
	margin: 0
}

.page-board .board-view table tbody tr.comment td {
	padding: 0
}

.page-board .board-view table tbody tr.comment td .comment-row {
	background: #E9EDF0;
	margin-top: 20px
}

.page-board .board-view table tbody tr.comment td .comment-row .comment-title
	{
	padding: 20px
}

.page-board .board-view table tbody tr.comment td .comment-row .comment-title .author
	{
	color: #0050A3
}

.page-board .board-view table tbody tr.comment td .comment-row .comment-title .date
	{
	color: #6c6c6c
}

.page-board .board-view table tbody tr.comment td .comment-row .comment-desc
	{
	line-height: 1.4em;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px
}

.page-board .board-view table tbody tr.cms-content td {
	padding: 30px 0;
	vertical-align: top
}

.page-board .board-view table tbody tr.cms-content td h1 {
	width: 100%;
	padding: 0;
	margin: 0
}

.page-board .board-view table tbody tr.cms-content td #cms h1 {
	font-size: 24px
}

/* 웹접근성 25.02.06 */
.page-board .board-view table tbody tr.cms-content td #cms h4 {
	padding-left: 0;
    line-height: normal;
}
/* //웹접근성 25.02.06 */

.page-board .board-view table tbody tr.cms-content td #cms table {
	min-width: initial
}

.page-board .board-view table tbody tr.cms-content td #cms table tr {
	display: table-row
}

.page-board .board-view table tbody tr td {
	padding: 20px
}

.page-board .board-view table tbody tr td.left {
	text-align: left
}

.page-board .board-view table tbody tr td.right {
	text-align: right
}

.page-board .board-beside {
	margin-top: 50px
}

.page-board .board-beside table {
	width: 100%;
	border-top: 2px solid #081D58;
	border-bottom: 2px solid #081D58;
	font-size: 16px
}

.page-board .board-beside table tbody tr:last-child td {
	border-bottom: none
}

.page-board .board-beside table tbody tr td {
	padding: 20px 0;
	border-bottom: 1px solid #dcd7d0
}

.page-board .board-beside table tbody tr td:last-child {
	width: 120px
}

.page-board .board-beside table tbody tr td:first-child {
	font-weight: bold;
	color: #345489;
	text-align: center
}

.page-board .board-beside table tbody tr td a {
	color: #000;
	text-decoration: none
}

.page-board .board-beside table tbody tr td a:hover {
	color: #345489
}

.page-board .board-buttons {
	padding: 30px 0;
	text-align: center
}

.page-board .board-result {
	font-size: 16px
}

.page-board .board-result .result-tip {
	padding: 10px 0;
	color: #345489
}

.page-board .board-result .result-box {
	padding: 20px;
	margin-bottom: 10px;
	border: 1px solid #979797;
	line-height: 1.4em
}

.page-board .board-result .result-box .blue {
	color: #345489
}

.page-board .board-comments {
	font-size: 16px
}

.page-board .board-comments .comment-tip {
	padding: 10px 0
}

.page-board .board-comments .comment-tip .like {
	font-weight: bold;
	color: #AF841D
}

.page-board .board-comments .comment-list .comment-box {
	padding: 20px;
	margin-bottom: 10px;
	border: 1px solid #979797
}

.page-board .board-comments .comment-list .comment-box .comment-info {
	padding-bottom: 20px
}

.page-board .board-comments .comment-list .comment-box .comment-info div
	{
	display: inline
}

.page-board .board-comments .comment-list .comment-box .comment-info .name span
	{
	color: #0050A3
}

.page-board .board-comments .comment-list .comment-box .comment-info .date
	{
	margin: 0 20px
}

.page-board .board-comments .comment-list .comment-box .comment-info .btns a
	{
	color: #000;
	text-decoration: none
}

.page-board .board-comments .comment-list .comment-box .comment-info .btns a.btn-blue
	{
	color: #0050A3
}

.page-board .board-comments .comment-list .comment-box .comment-content
	{
	line-height: 1.4em
}

.page-board .board-comments .comment-inputs {
	display: table;
	width: 100%;
	background: #E9EDF0
}

.page-board .board-comments .comment-inputs .cell {
	display: table-cell;
	padding: 10px;
	vertical-align: middle
}

.page-board .board-comments .comment-inputs .cell:first-child {
	width: 100%;
	padding-right: 0
}

.page-board .board-comments .comment-inputs .cell .textarea-wrap {
	border: 1px solid #979797;
	box-sizing: border-box;
	background: #fff;
	padding: 10px
}

.page-board .board-comments .comment-inputs .cell textarea {
	width: 100%;
	height: 70px;
	padding: 0px;
	margin: 0;
	border: none;
	box-sizing: border-box
}

.page-board .board-comments .comment-inputs .cell button {
	display: block;
	background: #345489;
	color: #fff;
	border: 1px solid #345489;
	border-radius: 0;
	width: 180px;
	height: 92px;
	padding: 10px;
	margin: 0
}

.page-board .board-comments .comment-inputs .cell button:hover {
	background: #426bae
}

.page-board .board-pager-box {
	padding: 40px 0;
	text-align: center
}

.page-board .board-pager-box ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.page-board .board-pager-box ul li {
	display: inline-block
}

.page-board .board-pager-box ul li a {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	vertical-align: middle;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	text-decoration: none;
	color: #000
}

.page-board .board-pager-box ul li a.prev {
	background: url("../images/icon-prev.png") no-repeat center center;
	background-size: cover
}

.page-board .board-pager-box ul li a.next {
	background: url("../images/icon-next.png") no-repeat center center;
	background-size: cover
}

.page-board .board-pager-box ul li a.first {
	background: url("../images/icon-first.png") no-repeat center center;
	background-size: cover
}

.page-board .board-pager-box ul li a.last {
	background: url("../images/icon-last.png") no-repeat center center;
	background-size: cover
}

.page-board .board-pager-box ul li a:hover, .page-board .board-pager-box ul li a:focus
	{
	background-color: #f0f0f0
}

.page-board .board-pager-box ul li a.active {
	font-weight: bold;
	background-color: #f0f0f0
}

.page-board .board-out {
	border-top: 2px solid #081D58;
	background: #e3eaef;
	padding: 40px 30px;
	font-size: 18px
}

.page-board .board-out .out-desc {
	padding-bottom: 20px
}

.page-board .board-out .out-desc ul {
	line-height: 1.4em;
	padding-left: 15px;
	margin: 0
}

.page-board .board-out .out-desc ul li {
	padding-bottom: 5px
}

.page-board .board-out .out-block {
	padding: 30px 20px;
	background: #fff
}

.page-board .board-out .out-block ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1.4em
}

.page-board .board-out .out-block ul li {
	padding-bottom: 5px
}

.page-board .board-out .out-block .input-group label {
	display: inline-block;
	width: 80px
}

.page-board .board-out .out-chk {
	padding: 30px 0
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-board .stem {
		width: 100%
	}
	.page-board .stem .board-tip-box {
		padding-left: 10px;
		padding-right: 10px
	}
	.page-board .stem .board-search-box {
		padding-left: 10px;
		padding-right: 10px;
		text-align: left
	}
	.page-board .stem .board-list {
		padding-left: 10px;
		padding-right: 10px
	}
	.page-board .stem .board-view table tr.content td img {
		width: 100%
	}
	.page-board .stem .board-view table tr.info-ex td div .label {
		display: none
	}
	.page-board .stem .board-result {
		padding: 0 10px
	}
	.page-board .stem .board-comments {
		padding: 0 10px
	}
	.page-board .stem .board-table table .no-md {
		display: none
	}
	.page-board .stem .board-table table thead tr td {
		font-size: 16px
	}
	.page-board .stem .board-table table tbody tr td {
		font-size: 16px
	}
	.page-board .stem .board-qna {
		padding-left: 10px;
		padding-right: 10px
	}
	.page-board .stem .board-qna table .no-md {
		display: none
	}
	.page-board .stem .board-gallery {
		padding: 0 10px
	}
	.page-board .stem .board-gallery ul li {
		width: 50%
	}
	.page-board .stem .board-gallery ul li:nth-child(2n) .gallery-box {
		padding-right: 0
	}
	.page-board .stem .board-gallery ul li .gallery-box {
		padding-right: 15px;
		padding-bottom: 20px
	}
	.page-board .stem .board-webzine {
		padding: 0 10px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.page-board .board-table thead tr td {
		font-size: 14px
	}
	.page-board .board-table tbody tr td {
		font-size: 14px
	}
	.page-board .board-table-desc {
		font-size: 14px
	}
	.page-board .board-table-confirm {
		text-align: left
	}
	.page-board .board-table-confirm .chk-box {
		font-size: 14px
	}
	.page-board .board-tip-box {
		text-align: center
	}
	.page-board .board-search-form li {
		display: block
	}
	.page-board .board-search-form li .search-label, .page-board .board-search-form li .search-td
		{
		display: block
	}
	.page-board .board-search-form li .search-label {
		font-size: 14px;
		text-align: left;
		padding: 10px
	}
	.page-board .board-search-box {
		text-align: center
	}
	.page-board .board-search-box.left {
		text-align: center
	}
	.page-board .board-search-box .input-group:after {
		display: none
	}
	.page-board .board-search-box .input-group .input-search {
		min-width: 80px;
		text-indent: 10px
	}
	.page-board .board-popup-btns {
		text-align: center
	}
	.page-board .board-popup-btns.right {
		text-align: center
	}
	.page-board .board-result {
		padding: 0 10px;
		font-size: 14px
	}
	.page-board .board-comments {
		padding: 0 10px;
		font-size: 14px
	}
	.page-board .board-comments .comment-inputs .cell {
		display: block
	}
	.page-board .board-comments .comment-inputs .cell:first-child {
		width: initial;
		padding: 10px;
		padding-bottom: 0
	}
	.page-board .board-comments .comment-inputs .cell button {
		width: 100%;
		padding: 10px 0;
		text-align: center;
		height: initial
	}
	.page-board .board-list table {
		display: block
	}
	.page-board .board-list table thead {
		display: none
	}
	.page-board .board-list table tbody {
		display: block
	}
	.page-board .board-list table tbody tr {
		display: block;
		border-bottom: 1px solid #D6D6D6
	}
	.page-board .board-list table tbody tr td {
		text-align: left;
		display: block;
		border-bottom: none;
		padding: 10px
	}
	.page-board .board-qna table {
		display: block
	}
	.page-board .board-qna table .no-sm {
		display: none
	}
	.page-board .board-qna table thead {
		display: none
	}
	.page-board .board-qna table tbody {
		display: block
	}
	.page-board .board-qna table tbody tr {
		display: block;
		border-bottom: 1px solid #D6D6D6
	}
	.page-board .board-qna table tbody tr td, .page-board .board-qna table tbody tr th
		{
		text-align: left;
		display: block;
		border-bottom: none;
		padding: 10px
	}
	.page-board .board-beside table .no-sm {
		display: none
	}
	.page-board .board-table.mypage-info table thead tr td:last-child {
		display: none
	}
	.page-board .board-table.mypage-info table tbody tr td:last-child {
		display: none
	}
	.page-board .board-table.mypage-consult table .no-sm, .page-board .board-table.share-partner table .no-sm
		{
		display: none
	}
	.page-board .board-table.mypage-consult table thead, .page-board .board-table.share-partner table thead
		{
		display: none
	}
	.page-board .board-table.mypage-consult table tbody tr, .page-board .board-table.share-partner table tbody tr
		{
		display: block
	}
	.page-board .board-table.mypage-consult table tbody tr td, .page-board .board-table.share-partner table tbody tr td
		{
		display: block;
		padding: 5px 10px;
		border-bottom: none;
		border-right: none;
		text-align: left
	}
	.page-board .board-table.mypage-consult table tbody tr td:first-child,
		.page-board .board-table.share-partner table tbody tr td:first-child {
		padding-top: 20px
	}
	.page-board .board-table.mypage-consult table tbody tr td:last-child,
		.page-board .board-table.share-partner table tbody tr td:last-child {
		border-bottom: 1px solid #dcd7d0;
		padding-bottom: 20px
	}
	.page-board .board-table .no-sm {
		display: none
	}
	.page-board .board-table table thead tr td {
		font-size: 16px
	}
	.page-board .board-table table tbody tr td {
		font-size: 16px
	}
	.page-board .board-table table tbody tr td .indi {
		min-width: 60px
	}
	.page-board .board-view table tbody tr {
		display: block
	}
	.page-board .board-view table tbody tr.content td img {
		width: 100%
	}
	.page-board .board-view table tbody tr.info-ex td {
		padding: 10px;
		font-size: 14px
	}
	.page-board .board-view table tbody tr.info-ex td.left {
		display: block
	}
	.page-board .board-view table tbody tr.info-ex td.right {
		display: block;
		text-align: left !important
	}
	.page-board .board-view table tbody tr.info-ex td div .label {
		display: none
	}
	.page-board .board-view table tbody tr.info .no-sm {
		display: none
	}
	.page-board .board-view table tbody tr.info td {
		display: block;
		text-align: left;
		padding: 5px 10px
	}
	.page-board .board-view table tbody tr.attach-files {
		display: block
	}
	.page-board .board-view table tbody tr.attach-files td {
		padding: 10px;
		font-size: 14px;
		display: block;
		text-align: left
	}
	.page-board .board-view table tbody tr.attach-files td.right {
		text-align: center
	}
	.page-board .board-pager-box ul li a {
		margin: 5px 0;
		width: 30px;
		height: 30px;
		line-height: 30px
	}
	.page-board .board-out .out-desc {
		font-size: 16px
	}
	.page-board .board-out .out-block {
		font-size: 16px
	}
	.page-board .board-out .out-block .input-group {
		margin-bottom: 20px
	}
	.page-board .board-out .out-block .input-group label {
		display: block;
		padding: 5px 0
	}
	.page-board .board-out .out-block .input-group .gcinput {
		width: 100%;
		margin: 0
	}
	.page-board .board-out .out-block .input-group .gcinput::placeholder {
		font-size: 16px
	}
	.page-board .board-out .out-chk {
		font-size: 14px
	}
	.page-board .board-gallery {
		padding: 0 10px
	}
	.page-board .board-gallery ul li {
		width: 100%
	}
	.page-board .board-gallery ul li .gallery-box {
		padding-right: 0;
		padding-bottom: 20px
	}
	.page-board .board-gallery ul li .gallery-box .gallery-wrap .title a {
		font-size: 16px
	}
	.page-board .board-webzine {
		padding: 0 10px
	}
	.page-board .board-webzine ul li {
		padding: 20px 0
	}
	.page-board .board-webzine ul li .img {
		width: 100%;
		float: none;
		display: block
	}
	.page-board .board-webzine ul li .title {
		margin-top: 10px;
		margin-left: 0
	}
	.page-board .board-webzine ul li .title a {
		line-height: 1.4em
	}
	.mView {
		display: none !important;
	}
}

@media only screen and (max-width: 679px) {
	.page-board .board-table thead tr td {
		font-size: 14px
	}
	.page-board .board-table tbody tr td {
		font-size: 14px
	}
	.page-board .board-table-desc {
		font-size: 14px
	}
	.page-board .board-table-confirm {
		text-align: left
	}
	.page-board .board-table-confirm .chk-box {
		font-size: 14px
	}
	.page-board .board-tip-box {
		text-align: center
	}
	.page-board .board-search-form li {
		display: block
	}
	.page-board .board-search-form li .search-label, .page-board .board-search-form li .search-td
		{
		display: block
	}
	.page-board .board-search-form li .search-label {
		font-size: 14px;
		text-align: left;
		padding: 10px
	}
	.page-board .board-search-box {
		text-align: center
	}
	.page-board .board-search-box.left {
		text-align: center
	}
	.page-board .board-search-box .input-group:after {
		display: none
	}
	.page-board .board-search-box .input-group .input-search {
		min-width: 80px;
		text-indent: 10px
	}
	.page-board .board-popup-btns {
		text-align: center
	}
	.page-board .board-popup-btns.right {
		text-align: center
	}
	.page-board .board-result {
		padding: 0 10px;
		font-size: 14px
	}
	.page-board .board-comments {
		padding: 0 10px;
		font-size: 14px
	}
	.page-board .board-comments .comment-inputs .cell {
		display: block
	}
	.page-board .board-comments .comment-inputs .cell:first-child {
		width: initial;
		padding: 10px;
		padding-bottom: 0
	}
	.page-board .board-comments .comment-inputs .cell button {
		width: 100%;
		padding: 10px 0;
		text-align: center;
		height: initial
	}
	.page-board .board-list table {
		display: block
	}
	.page-board .board-list table thead {
		display: none
	}
	.page-board .board-list table tbody {
		display: block
	}
	.page-board .board-list table tbody tr {
		display: block;
		border-bottom: 1px solid #D6D6D6
	}
	.page-board .board-list table tbody tr td {
		text-align: left;
		display: block;
		border-bottom: none;
		padding: 10px
	}
	.page-board .board-qna table {
		display: block
	}
	.page-board .board-qna table .no-sm {
		display: none
	}
	.page-board .board-qna table thead {
		display: none
	}
	.page-board .board-qna table tbody {
		display: block
	}
	.page-board .board-qna table tbody tr {
		display: block;
		border-bottom: 1px solid #D6D6D6
	}
	.page-board .board-qna table tbody tr td, .page-board .board-qna table tbody tr th
		{
		text-align: left;
		display: block;
		border-bottom: none;
		padding: 10px
	}
	.page-board .board-beside table .no-sm {
		display: none
	}
	.page-board .board-table.mypage-info table thead tr td:last-child {
		display: none
	}
	.page-board .board-table.mypage-info table tbody tr td:last-child {
		display: none
	}
	.page-board .board-table.mypage-consult table .no-sm, .page-board .board-table.share-partner table .no-sm
		{
		display: none
	}
	.page-board .board-table.mypage-consult table thead, .page-board .board-table.share-partner table thead
		{
		display: none
	}
	.page-board .board-table.mypage-consult table tbody tr, .page-board .board-table.share-partner table tbody tr
		{
		display: block
	}
	.page-board .board-table.mypage-consult table tbody tr td, .page-board .board-table.share-partner table tbody tr td
		{
		display: block;
		padding: 5px 10px;
		border-bottom: none;
		border-right: none;
		text-align: left
	}
	.page-board .board-table.mypage-consult table tbody tr td:first-child,
		.page-board .board-table.share-partner table tbody tr td:first-child {
		padding-top: 20px
	}
	.page-board .board-table.mypage-consult table tbody tr td:last-child,
		.page-board .board-table.share-partner table tbody tr td:last-child {
		border-bottom: 1px solid #dcd7d0;
		padding-bottom: 20px
	}
	.page-board .board-table .no-sm {
		display: none
	}
	.page-board .board-table table thead tr td {
		font-size: 16px
	}
	.page-board .board-table table tbody tr td {
		font-size: 16px
	}
	.page-board .board-table table tbody tr td .indi {
		min-width: 60px
	}
	.page-board .board-view table tbody tr {
		display: block
	}
	.page-board .board-view table tbody tr.content td img {
		width: 100%
	}
	.page-board .board-view table tbody tr.info-ex td {
		padding: 10px;
		font-size: 14px
	}
	.page-board .board-view table tbody tr.info-ex td.left {
		display: block
	}
	.page-board .board-view table tbody tr.info-ex td.right {
		display: block;
		text-align: left !important
	}
	.page-board .board-view table tbody tr.info-ex td div .label {
		display: none
	}
	.page-board .board-view table tbody tr.info .no-sm {
		display: none
	}
	.page-board .board-view table tbody tr.info td {
		display: block;
		text-align: left;
		padding: 5px 10px
	}
	.page-board .board-view table tbody tr.attach-files {
		display: block
	}
	.page-board .board-view table tbody tr.attach-files td {
		padding: 10px;
		font-size: 14px;
		display: block;
		text-align: left
	}
	.page-board .board-view table tbody tr.attach-files td span {
		display:inline-block;
		width:100%;
	}
	.page-board .board-view table tbody tr.attach-files td.right {
		text-align: center
	}
	.page-board .board-pager-box ul li a {
		margin: 5px 0;
		width: 30px;
		height: 30px;
		line-height: 30px
	}
	.page-board .board-out .out-desc {
		font-size: 16px
	}
	.page-board .board-out .out-block {
		font-size: 16px
	}
	.page-board .board-out .out-block .input-group {
		margin-bottom: 20px
	}
	.page-board .board-out .out-block .input-group label {
		display: block;
		padding: 5px 0
	}
	.page-board .board-out .out-block .input-group .gcinput {
		width: 100%;
		margin: 0
	}
	.page-board .board-out .out-block .input-group .gcinput::placeholder {
		font-size: 16px
	}
	.page-board .board-out .out-chk {
		font-size: 14px
	}
	.page-board .board-gallery {
		padding: 0 10px
	}
	.page-board .board-gallery ul li {
		width: 100%
	}
	.page-board .board-gallery ul li .gallery-box {
		padding-right: 0;
		padding-bottom: 20px
	}
	.page-board .board-gallery ul li .gallery-box .gallery-wrap .title a {
		font-size: 16px
	}
	.page-board .board-webzine {
		padding: 0 10px
	}
	.page-board .board-webzine ul li {
		padding: 20px 0
	}
	.page-board .board-webzine ul li .img {
		width: 100%;
		float: none;
		display: block
	}
	.page-board .board-webzine ul li .title {
		margin-top: 10px;
		margin-left: 0
	}
	.page-board .board-webzine ul li .title a {
		line-height: 1.4em
	}
	.mView {
		display: none !important;
	}
}

.list-slider {
	height: 284px;
	position: relative;
	overflow: visible !important;
	background: #fff !important;
	border: 1px solid #dcd7d0;
	box-sizing: border-box
}

.list-slider .slides {
	height: inherit
}

.list-slider .slides li {
	height: inherit
}

.list-slider .slides li .slide {
	border-collapse: collapse;
	border-spacing: 0
}

.list-slider .slides li .slide tr td {
	padding: 20px
}

.list-slider .slides li .slide tr td.thumbnail .img-cont {
	width: 380px;
	height: 240px
}

.list-slider .slides li .slide tr td.content {
	vertical-align: top;
	position: relative;
	padding-left: 0;
	width: 100%
}

.list-slider .slides li .slide tr td.content .title {
	font-size: 24px;
	font-weight: bold;
	color: #345489;
	padding: 20px 0
}

.list-slider .slides li .slide tr td.content .summary {
	font-size: 18px;
	line-height: 1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.list-slider .slides li .slide tr td.content .btns {
	padding: 10px 0
}

.list-slider .slides li .slide tr td.content .period {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 18px;
	height: 50px
}

.list-slider .slides li .slide tr td.content .period strong {
	color: #AF841D
}

.list-slider .slides li .slide tr td.content .period .icon.calendar {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../images/icon-calendar.png") no-repeat center
		center;
	background-size: cover;
	vertical-align: middle
}

.list-slider .slides li .slide tr td.content .period span {
	vertical-align: middle
}

.list-slider .flex-pauseplay {
	display: none;
	position: absolute;
	right: 20px;
	bottom: -26px;
	z-index: 2;
	width: 57px;
	height: 57px;
	line-height: 57px
}

.list-slider .flex-pauseplay a {
	position: relative !important;
	width: 57px;
	height: 57px;
	line-height: 57px;
	display: inline-block;
	color: #fff;
	bottom: 0;
	left: 0;
	text-align: center
}

.list-slider .flex-pauseplay a:before {
	font-size: 16px !important
}

.list-slider .flex-control-nav {
	text-align: left;
	display: none;
	width: 180px;
	height: 57px;
	line-height: 57px;
	background: #345489;
	position: absolute;
	right: 20px;
	bottom: -26px;
	z-index: 1
}

.list-slider .flex-control-nav li {
	margin: 0;
	margin-left: 20px
}

.list-slider .flex-control-nav li a {
	color: #fff;
	background: none;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	opacity: 0.7
}

.list-slider .flex-control-nav li a:hover {
	opacity: 1;
	color: #62B3C4;
	background: none
}

.list-slider .flex-control-nav li a.flex-active {
	opacity: 1;
	font-weight: bold;
	background: none
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.list-slider {
		height: 220px
	}
	.list-slider .slides li .slide tr td.thumbnail .img-cont {
		width: 285px;
		height: 180px
	}
	.list-slider .slides li .slide tr td.content .title {
		font-size: 20px;
		padding-top: 0
	}
	.list-slider .slides li .slide tr td.content .summary {
		font-size: 16px
	}
	.list-slider .slides li .slide tr td.content .period {
		font-size: 16px;
		position: initial;
		left: initial;
		bottom: initial;
		padding: 10px 0
	}
	.list-slider .slides li .slide tr td.content .period strong {
		color: #AF841D
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.list-slider {
		height: initial !important;
		border-right: none;
		border-left: none
	}
	.list-slider .slides li .slide tr td {
		padding: 10px;
		display: block
	}
	.list-slider .slides li .slide tr td.thumbnail .img-cont {
		width: 100%;
		height: 180px
	}
	.list-slider .slides li .slide tr td.content {
		padding: 10px
	}
	.list-slider .slides li .slide tr td.content .title {
		font-size: 20px;
		padding-top: 0
	}
	.list-slider .slides li .slide tr td.content .summary {
		font-size: 16px
	}
	.list-slider .slides li .slide tr td.content .period {
		font-size: 16px;
		position: initial;
		left: initial;
		bottom: initial;
		padding: 10px 0
	}
	.list-slider .slides li .slide tr td.content .period strong {
		color: #AF841D
	}
}

@media only screen and (max-width: 679px) {
	.list-slider {
		height: initial !important;
		border-right: none;
		border-left: none
	}
	.list-slider .slides li .slide tr td {
		padding: 10px;
		display: block
	}
	.list-slider .slides li .slide tr td.thumbnail .img-cont {
		width: 100%;
		height: 180px
	}
	.list-slider .slides li .slide tr td.content {
		padding: 10px
	}
	.list-slider .slides li .slide tr td.content .title {
		font-size: 20px;
		padding-top: 0
	}
	.list-slider .slides li .slide tr td.content .summary {
		font-size: 16px
	}
	.list-slider .slides li .slide tr td.content .period {
		font-size: 16px;
		position: initial;
		left: initial;
		bottom: initial;
		padding: 10px 0
	}
	.list-slider .slides li .slide tr td.content .period strong {
		color: #AF841D
	}
}

.board-popup-btns {
	padding: 20px 0
}

.board-popup-btns .btn-popup {
	font-size: 18px;
	display: inline-block;
	padding: 10px 40px;
	text-align: center;
	text-decoration: none;
	color: #000;
	border: 1px solid #000
}

.board-popup-btns .btn-popup:hover {
	background: #EAEFF7;
	border: 1px solid #345489;
	color: #345489
}

.popup-content {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow-y: auto;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.4)
}

.popup-content .popup-content-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 800px;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75)
}

.popup-content .popup-content-wrap .popup-head {
	font-size: 24px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #345489;
	color: #fff
}

.popup-content .popup-content-wrap .popup-cont ul {
	list-style: square;
	font-size: 18px;
	color: #345489
}

.popup-content .popup-content-wrap .popup-cont ul>li {
	padding-bottom: 10px;
	line-height: 1.4em
}

.popup-content .popup-content-wrap .popup-cont ul>li>ul {
	list-style: disc;
	font-size: 16px;
	color: #000;
	margin-top: 10px
}

.popup-content .popup-content-wrap .popup-cont ul>li>ul>li {
	padding-bottom: 5px;
	line-height: 1.4em
}

.popup-content .popup-content-wrap .popup-cont .wild-text {
	font-size: 16px;
	color: #000;
	padding: 20px
}

.popup-content .popup-content-wrap .popup-foot {
	text-align: center;
	padding: 20px 0
}

.popup-content .popup-content-wrap .popup-foot .btn-popup-close {
	display: inline-block;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
	font-size: 20px;
	color: #fff;
	background: #345489
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.popup-content .popup-content-wrap {
		width: 700px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.popup-content .popup-content-wrap {
		width: 300px
	}
	.popup-content .popup-content-wrap .popup-cont ul>li {
		font-size: 16px
	}
	.popup-content .popup-content-wrap .popup-cont ul>li>ul>li {
		font-size: 14px
	}
}

@media only screen and (max-width: 679px) {
	.popup-content .popup-content-wrap {
		width: 300px
	}
	.popup-content .popup-content-wrap .popup-cont ul>li {
		font-size: 16px
	}
	.popup-content .popup-content-wrap .popup-cont ul>li>ul>li {
		font-size: 14px
	}
}

.page-member-login .stem {
	width: 100%;
	padding: 60px 0
}

.page-member-login .stem .member-login {
	border-top: 2px solid #081D58;
	background: #e3eaef;
	padding: 100px 0
}

.page-member-login .stem .member-login table {
	width: 640px;
	margin: 0 auto
}

.page-member-login .stem .member-login table tr td.login-title {
	padding-bottom: 20px
}

.page-member-login .stem .member-login table tr td.login-title .title {
	font-size: 36px;
	font-weight: bold
}

.page-member-login .stem .member-login table tr td.login-title .desc {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0
}

.page-member-login .stem .member-login table tr td.login-form {
	position: relative
}

.page-member-login .stem .member-login table tr td.login-form .id {
	float: left;
	width: 420px;
	margin-bottom: 10px
}

.page-member-login .stem .member-login table tr td.login-form .id::placeholder
	{
	text-indent: 50px
}

.page-member-login .stem .member-login table tr td.login-form .pw {
	float: left;
	width: 420px
}

.page-member-login .stem .member-login table tr td.login-form .pw::placeholder
	{
	text-indent: 50px
}

.page-member-login .stem .member-login table tr td.login-form .btn {
	float: right;
	width: 200px;
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 24px;
	font-weight: bold;
	background: #345489;
	display: block;
	height: 114px;
	border: 1px solid transparent;
	box-sizing: border-box;
	color: #fff
}

.page-member-login .stem .member-login table tr td.login-form .btn:hover
	{
	background: #263d64
}

.page-member-login .stem .member-login table tr td.login-form .chk-box {
	position: absolute;
	left: 5px;
	bottom: -45px
}

.page-member-login .stem .member-login table tr td.login-form .chk-box label
	{
	font-weight: bold
}

.page-member-login .stem .member-login table tr td.login-opt {
	padding-top: 20px;
	font-size: 16px
}

.page-member-login .stem .member-login table tr td.login-opt.right {
	text-align: right
}

.page-member-login .stem .member-login table tr td.login-opt a {
	font-size: 16px;
	color: #6c6c6c;
	text-decoration: none
}

.page-member-login .stem .member-login table tr td.login-opt a:hover {
	color: #345489
}

.page-member-login .stem .member-login table tr td.login-opt a.join {
	text-decoration: underline;
	color: #000;
	margin-right: 30px;
	font-weight: bold
}

.page-member-login .stem .member-login table tr td.login-opt .sp {
	padding: 0 15px;
	color: #6c6c6c
}

.page-member-login .stem .member-login table tr td .gcinput {
	text-indent: 50px
}

.page-member-login .stem .member-login table tr td .gcinput::placeholder
	{
	color: #dcd7d0
}

.page-member-login .stem .member-login table tr td .gcinput.id {
	background: #fff url("../images/icon-input-id.png") no-repeat left
		10px center;
	background-size: 35px 35px
}

.page-member-login .stem .member-login table tr td .gcinput.pw {
	background: #fff url("../images/icon-input-pw.png") no-repeat left
		10px center;
	background-size: 35px 35px
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.page-member-login .stem .member-login {
		padding: 40px 10px
	}
	.page-member-login .stem .member-login table {
		width: 100%
	}
	.page-member-login .stem .member-login table tr td.login-title .title {
		font-size: 20px;
		font-weight: bold
	}
	.page-member-login .stem .member-login table tr td.login-title .desc {
		font-size: 16px;
		font-weight: bold;
		padding: 10px 0
	}
	.page-member-login .stem .member-login table tr td.login-form .id {
		width: 100%;
		margin: 0;
		margin-bottom: 10px
	}
	.page-member-login .stem .member-login table tr td.login-form .pw {
		width: 100%;
		margin: 0;
		margin-bottom: 10px
	}
	.page-member-login .stem .member-login table tr td.login-form .btn {
		position: static;
		width: 100%;
		height: 60px
	}
	.page-member-login .stem .member-login table tr td.login-form .chk-box {
		left: 0
	}
	.page-member-login .stem .member-login table tr td.login-form .chk-box label
		{
		font-weight: bold
	}
	.page-member-login .stem .member-login table tr td.login-opt {
		padding-top: 30px;
		font-size: 14px
	}
	.page-member-login .stem .member-login table tr td.login-opt.left {
		display: block;
		width: 100%
	}
	.page-member-login .stem .member-login table tr td.login-opt.right {
		display: block;
		width: 100%;
		text-align: left
	}
	.page-member-login .stem .member-login table tr td.login-opt a {
		font-size: 14px
	}
	.page-member-login .stem .member-login table tr td.login-opt a.join {
		padding-right: 15px
	}
	.page-member-login .stem .member-login table tr td.login-opt .sp {
		padding: 0 10px
	}
}

@media only screen and (max-width: 679px) {
	.page-member-login .stem .member-login {
		padding: 40px 10px
	}
	.page-member-login .stem .member-login table {
		width: 100%
	}
	.page-member-login .stem .member-login table tr td.login-title .title {
		font-size: 20px;
		font-weight: bold
	}
	.page-member-login .stem .member-login table tr td.login-title .desc {
		font-size: 16px;
		font-weight: bold;
		padding: 10px 0
	}
	.page-member-login .stem .member-login table tr td.login-form .id {
		width: 100%;
		margin: 0;
		margin-bottom: 10px
	}
	.page-member-login .stem .member-login table tr td.login-form .pw {
		width: 100%;
		margin: 0;
		margin-bottom: 10px
	}
	.page-member-login .stem .member-login table tr td.login-form .btn {
		position: static;
		width: 100%;
		height: 60px
	}
	.page-member-login .stem .member-login table tr td.login-form .chk-box {
		left: 0
	}
	.page-member-login .stem .member-login table tr td.login-form .chk-box label
		{
		font-weight: bold
	}
	.page-member-login .stem .member-login table tr td.login-opt {
		padding-top: 30px;
		font-size: 14px
	}
	.page-member-login .stem .member-login table tr td.login-opt.left {
		display: block;
		width: 100%
	}
	.page-member-login .stem .member-login table tr td.login-opt.right {
		display: block;
		width: 100%;
		text-align: left
	}
	.page-member-login .stem .member-login table tr td.login-opt a {
		font-size: 14px
	}
	.page-member-login .stem .member-login table tr td.login-opt a.join {
		padding-right: 15px
	}
	.page-member-login .stem .member-login table tr td.login-opt .sp {
		padding: 0 10px
	}
}

.member-step {
	margin-bottom: 30px
}

.member-step ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.member-step ul li {
	float: left;
	width: 25%
}

.member-step ul li .step {
	position: relative
}

.member-step ul li .step.step-1 .bullet {
	background: url("../images/member-step-1.png") no-repeat center
		center;
	background-size: cover !important
}

.member-step ul li .step.step-2 .bullet {
	background: url("../images/member-step-2.png") no-repeat center
		center;
	background-size: cover !important
}

.member-step ul li .step.step-3 .bullet {
	background: url("../images/member-step-3.png") no-repeat center
		center;
	background-size: cover !important
}

.member-step ul li .step.step-4 .bullet {
	background: url("../images/member-step-4.png") no-repeat center
		center;
	background-size: cover !important
}

.member-step ul li .step.active.step-1 .bullet {
	background: url("../images/member-step-1r.png") no-repeat center
		center
}

.member-step ul li .step.active.step-2 .bullet {
	background: url("../images/member-step-2r.png") no-repeat center
		center
}

.member-step ul li .step.active.step-3 .bullet {
	background: url("../images/member-step-3r.png") no-repeat center
		center
}

.member-step ul li .step.active.step-4 .bullet {
	background: url("../images/member-step-4r.png") no-repeat center
		center
}

.member-step ul li .step.active .en {
	color: #000
}

.member-step ul li .step.active .ko {
	color: #000
}

.member-step ul li .step .bullet {
	display: block;
	width: 140px;
	height: 140px
}

.member-step ul li .step .en {
	position: absolute;
	left: 140px;
	top: 45px;
	font-size: 18px;
	color: #6c6c6c
}

.member-step ul li .step .ko {
	position: absolute;
	left: 140px;
	top: 70px;
	font-size: 24px;
	color: #6c6c6c
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.member-step ul li .step .bullet {
		width: 80px;
		height: 80px
	}
	.member-step ul li .step .en {
		left: 80px;
		top: 22px;
		font-size: 13px
	}
	.member-step ul li .step .ko {
		left: 80px;
		top: 40px;
		font-size: 16px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.member-step ul li {
		padding-bottom: 20px;
		width: 50%
	}
	.member-step ul li .step .bullet {
		width: 80px;
		height: 80px
	}
	.member-step ul li .step .en {
		left: 80px;
		top: 22px;
		font-size: 13px
	}
	.member-step ul li .step .ko {
		left: 80px;
		top: 40px;
		font-size: 16px
	}
}

@media only screen and (max-width: 679px) {
	.member-step ul li {
		padding-bottom: 20px;
		width: 50%
	}
	.member-step ul li .step .bullet {
		width: 80px;
		height: 80px
	}
	.member-step ul li .step .en {
		left: 80px;
		top: 22px;
		font-size: 13px
	}
	.member-step ul li .step .ko {
		left: 80px;
		top: 40px;
		font-size: 16px
	}
}

.page-member {
	padding-bottom: 60px
}

.page-member .kids-desc {
	font-size: 16px;
	padding: 20px;
	color: #D3611B;
	line-height: 1.4em
}

.page-member .kids-box {
	text-align: center;
	padding: 20px 0;
	background: #e3eaef;
	font-size: 18px;
	margin-bottom: 50px
}

.page-member .kids-box .chk-box {
	margin-right: 40px
}

.page-member .desc {
	font-size: 18px;
	padding: 30px 10px;
	line-height: 1.4em
}

.page-member .auth-block {
	border-top: 2px solid #081D58;
	background: #e3eaef;
	padding: 50px;
	font-size: 18px
}

.page-member .auth-block ul {
	line-height: 1.4em;
	padding: 0;
	margin: 0;
	padding-left: 20px
}

.page-member .auth-block ul.one {
	text-align: center;
	list-style: none;
	padding-left: 0
}

.page-member .auth-block ul li {
	padding-bottom: 10px
}

.page-member .auth-block .btn-wrap .btn-box {
	text-align: center;
	width: 460px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 30px;
	border: 1px solid #345489;
	background: #fff
}

.page-member .auth-block .btn-wrap .btn-box .img-wrap {
	padding: 20px 0
}

.page-member .auth-block .bbox-con {
	display: table;
	width: 100%
}

.page-member .auth-block .bbox-con .bbox-wrap {
	display: table-cell;
	padding: 0 30px
}

.page-member .auth-block .bbox-con .bbox-wrap .bbox-box {
	text-align: center;
	width: 100%;
	border: 1px solid #345489;
	background: #fff;
	padding: 30px 0
}

.page-member .auth-block .bbox-con .bbox-wrap .bbox-box .title {
	font-size: 24px;
	font-weight: bold
}

.page-member .auth-block .bbox-con .bbox-wrap .bbox-box .subtitle {
	font-size: 18px;
	padding: 15px 0
}

.page-member .auth-desc {
	font-size: 18px;
	padding: 20px 0;
	line-height: 1.4em
}

.page-member .auth-desc ul {
	margin: 0;
	padding-left: 20px
}

.page-member .auth-desc .link {
	padding: 5px 40px
}

.page-member .auth-desc .link a {
	color: #AF841D
}

.page-member .auth-desc .link a:hover {
	color: #000
}

.page-member .auth-id {
	padding: 30px 0;
	text-align: center
}

.page-member .auth-id .block {
	font-size: 16px;
	display: table;
	margin: 0 auto
}

.page-member .auth-id .block .label {
	display: table-cell
}

.page-member .auth-id .block .cell {
	display: table-cell
}

.page-member .agree-exp {
	font-size: 16px;
	line-height: 1.4em;
	padding: 30px;
	text-align: center;
	margin-bottom: 30px;
	background: #e3eaef
}

.page-member .agree-block {
	margin-bottom: 40px
}

.page-member .agree-block .title {
	font-size: 24px;
	padding: 20px 0;
	font-weight: bold
}

.page-member .agree-block .docs {
	border: 1px solid #dcd7d0;
	overflow-x: hidden;
	height: 300px;
	font-size: 16px;
	padding: 20px;
	line-height: 1.4em
}

.page-member .agree-block .docs ul {
	margin: 0;
	padding-left: 15px
}

.page-member .agree-block .chk {
	text-align: right;
	padding: 20px 0;
	border-bottom: 1px solid #dcd7d0
}

.page-member .agree-block .chk .chk-box label {
	font-size: 18px
}

.page-member .agree-block .last-chk {
	text-align: center;
	padding-top: 30px;
	font-size: 18px
}

.page-member .agree-block .agree-table-wrap {
	overflow-x: auto;
	overflow-y: hidden
}

.page-member .agree-block .agree-table {
	min-width: 640px;
	border-top: 2px solid #6F8DBF;
	border-left: 1px solid #C8C8C8;
	width: 100%;
	font-size: 16px;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 20px
}

.page-member .agree-block .agree-table thead {
	background: #E9EDF0
}

.page-member .agree-block .agree-table thead tr td, .page-member .agree-block .agree-table thead tr th
	{
	color: #345489;
	font-weight: bold;
	padding: 15px;
	text-align: center;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8
}

.page-member .agree-block .agree-table tbody tr td {
	padding: 15px;
	text-align: center;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8
}

.page-member .agree-block .agree-table tbody tr td.strong {
	color: #345489;
	font-weight: bold;
	text-decoration: underline
}

.page-member .agree-block .agree-table-desc {
	font-size: 16px;
	line-height: 1.4em
}

.page-member .agree-block .agree-table-confirm {
	text-align: right;
	font-size: 16px;
	padding-right: 20px
}

.page-member .agree-block .agree-table-confirm .desc {
	padding: 10px 0
}

.page-member .agree-block .agree-table-confirm .chk-box {
	margin-left: 20px
}

.page-member .member-buttons {
	padding: 30px 0;
	text-align: center
}

.page-member .finish-block {
	border-top: 2px solid #081D58;
	background: #e3eaef;
	text-align: center;
	margin-bottom: 50px
}

.page-member .finish-block .msg {
	font-size: 36px;
	font-weight: bold;
	padding: 60px 0;
	line-height: 1.4em
}

.page-member .finish-block .desc {
	text-align: left;
	width: 500px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.4em
}

.page-member .finish-block .desc .topic {
	font-weight: bold
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-member .kids-box .chk-box {
		margin-right: 30px
	}
	.page-member .auth-block {
		padding: 30px
	}
	.page-member .auth-desc .link {
		padding: 5px 20px
	}
	.page-member .finish-block .msg {
		padding: 60px 80px;
		padding-bottom: 30px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.page-member .kids-box .chk-box {
		margin-right: 20px
	}
	.page-member .auth-block {
		font-size: 16px;
		padding: 25px
	}
	.page-member .auth-block .btn-wrap .btn-box {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}
	.page-member .auth-block .bbox-con {
		display: block
	}
	.page-member .auth-block .bbox-con .bbox-wrap {
		display: block;
		padding: 0 10px
	}
	.page-member .auth-block .bbox-con .bbox-wrap .bbox-box {
		margin-bottom: 20px
	}
	.page-member .auth-block .bbox-con .bbox-wrap .bbox-box .title {
		font-size: 22px
	}
	.page-member .auth-block .bbox-con .bbox-wrap .bbox-box .subtitle {
		font-size: 18px;
		padding: 15px 0
	}
	.page-member .auth-block .bbox-con .bbox-wrap .bbox-box .image {
		display: none
	}
	.page-member .auth-desc {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px
	}
	.page-member .auth-desc .link {
		padding: 5px 20px
	}
	.page-member .auth-id .block {
		display: block
	}
	.page-member .auth-id .block .label {
		display: block;
		padding: 10px 0
	}
	.page-member .auth-id .block .cell {
		display: block
	}
	.page-member .agree-block {
		padding: 0 10px
	}
	.page-member .agree-block .title {
		font-size: 18px
	}
	.page-member .agree-block .docs {
		font-size: 14px
	}
	.page-member .agree-block .last-chk {
		font-size: 14px
	}
	.page-member .agree-block .last-chk .chk-box label {
		text-align: left;
		line-height: 30px
	}
	.page-member .agree-block .agree-table thead tr td {
		font-size: 14px
	}
	.page-member .agree-block .agree-table tbody tr td {
		font-size: 14px
	}
	.page-member .agree-block .agree-table-desc {
		font-size: 14px
	}
	.page-member .agree-block .agree-table-confirm {
		text-align: left
	}
	.page-member .agree-block .agree-table-confirm .chk-box {
		font-size: 14px
	}
	.page-member .finish-block .msg {
		font-size: 26px;
		padding: 60px 10px;
		padding-bottom: 30px
	}
	.page-member .finish-block .desc {
		font-size: 16px;
		width: 100%
	}
	.page-member .finish-block .desc .topic {
		padding: 0 20px
	}
	.page-member .finish-block ul {
		padding-left: 35px;
		padding-right: 15px
	}
	.page-member .finish-block ul li {
		padding-bottom: 10px
	}
}

@media only screen and (max-width: 679px) {
	.page-member .kids-box .chk-box {
		margin-right: 20px
	}
	.page-member .auth-block {
		font-size: 16px;
		padding: 25px
	}
	.page-member .auth-block .btn-wrap .btn-box {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}
	.page-member .auth-block .bbox-con {
		display: block
	}
	.page-member .auth-block .bbox-con .bbox-wrap {
		display: block;
		padding: 0 10px
	}
	.page-member .auth-block .bbox-con .bbox-wrap .bbox-box {
		margin-bottom: 20px
	}
	.page-member .auth-block .bbox-con .bbox-wrap .bbox-box .title {
		font-size: 22px
	}
	.page-member .auth-block .bbox-con .bbox-wrap .bbox-box .subtitle {
		font-size: 18px;
		padding: 15px 0
	}
	.page-member .auth-block .bbox-con .bbox-wrap .bbox-box .image {
		display: none
	}
	.page-member .auth-desc {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px
	}
	.page-member .auth-desc .link {
		padding: 5px 20px
	}
	.page-member .auth-id .block {
		display: block
	}
	.page-member .auth-id .block .label {
		display: block;
		padding: 10px 0
	}
	.page-member .auth-id .block .cell {
		display: block
	}
	.page-member .agree-block {
		padding: 0 10px
	}
	.page-member .agree-block .title {
		font-size: 18px
	}
	.page-member .agree-block .docs {
		font-size: 14px
	}
	.page-member .agree-block .last-chk {
		font-size: 14px
	}
	.page-member .agree-block .last-chk .chk-box label {
		text-align: left;
		line-height: 30px
	}
	.page-member .agree-block .agree-table thead tr td {
		font-size: 14px
	}
	.page-member .agree-block .agree-table tbody tr td {
		font-size: 14px
	}
	.page-member .agree-block .agree-table-desc {
		font-size: 14px
	}
	.page-member .agree-block .agree-table-confirm {
		text-align: left
	}
	.page-member .agree-block .agree-table-confirm .chk-box {
		font-size: 14px
	}
	.page-member .finish-block .msg {
		font-size: 26px;
		padding: 60px 10px;
		padding-bottom: 30px
	}
	.page-member .finish-block .desc {
		font-size: 16px;
		width: 100%
	}
	.page-member .finish-block .desc .topic {
		padding: 0 20px
	}
	.page-member .finish-block ul {
		padding-left: 35px;
		padding-right: 15px
	}
	.page-member .finish-block ul li {
		padding-bottom: 10px
	}
}

.mypage-chk-list {
	padding: 10px 25px;
	background: #e3eaef
}

.mypage-chk-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

.mypage-chk-list ul li {
	float: left;
	width: 25%;
	padding: 15px 0
}

.mypage-chk-list ul li .chk-box label {
	font-size: 18px
}

.mypage-chk-list ul li .chk-box label:before {
	margin-right: 10px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mypage-chk-list ul li {
		width: 33.3333%
	}
	.mypage-chk-list ul li .chk-box label {
		font-size: 16px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.mypage-chk-list ul li {
		width: 100%
	}
	.mypage-chk-list ul li .chk-box label {
		font-size: 16px
	}
}

@media only screen and (max-width: 679px) {
	.mypage-chk-list ul li {
		width: 100%
	}
	.mypage-chk-list ul li .chk-box label {
		font-size: 16px
	}
}

.request-block .title {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 20px
}

.request-block .desc {
	padding: 20px 0;
	font-size: 16px;
	line-height: 1.4em
}

.request-block .frame {
	height: 230px;
	font-size: 16px;
	line-height: 1.4em;
	padding: 20px 10px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #dcd7d0
}

.request-block .agree-chk {
	padding: 30px 0;
	text-align: center
}

.request-block .agree-chk .radio-box, .request-block .agree-chk .chk-box
	{
	margin-right: 30px;
	font-size: 18px
}

.request-block .agree-desc {
	text-align: center;
	font-size: 16px;
	padding: 30px
}

.request-block .agree-text {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 30px
}

.request-block .agree-date {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #345489
}

.request-block ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 2px solid #081D58
}

.request-block ul li {
	border-bottom: 1px solid #dcd7d0;
	float: left;
	width: 100%
}

.request-block ul li.w50p {
	width: 50%
}

.request-block ul li .block {
	width: 100%;
	display: table;
	height: 74px
}

.request-block ul li .block .label {
	width: 200px;
	display: table-cell;
	vertical-align: middle;
	background: #e3eaef;
	font-size: 16px;
	font-weight: bold;
	text-indent: 15px;
	padding: 0 10px
}

.request-block ul li .block .cell {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	padding: 10px
}

.request-block ul li .block .cell .chk-box-group {
	margin: 4px;
	height: 60px;
	display: table
}

.request-block ul li .block .cell .chk-box-group .chk-box {
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px
}

.request-block ul li .block .cell .chk-box {
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 5px
}

.request-block ul li .block .cell .radio-box {
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 5px
}

.request-block ul li .block .cell .desc {
	padding: 5px 0
}

.request-block .id-chkbtn {
	background: #000;
	color: #fff;
	padding: 15px 30px;
	border-radius: 6px;
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	vertical-align: middle;
	margin: 4px
}

.request-block .id-chkbtn:hover {
	background: #345489
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.request-block {
		padding: 0 10px
	}
	.request-block ul li.w50p {
		width: 100%
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.request-block {
		padding: 0 10px
	}
	.request-block ul li.w50p {
		width: 100%
	}
	.request-block ul li .block .label {
		width: 90px;
		font-size: 14px;
		text-indent: 0
	}
	.request-block ul li .block .cell {
		font-size: 14px
	}
	.request-block ul li .block .cell .gcinput {
		width: 100% !important;
		font-size: 16px !important
	}
	.request-block ul li .block .cell .gcinput::placeholder {
		font-size: 14px !important
	}
	.request-block ul li .block .cell .gcselect {
		width: 100% !important
	}
	.request-block ul li .block .cell .gcselect label {
		font-size: 16px !important;
		top: 19px !important
	}
	.request-block .id-chkbtn {
		font-size: 16px;
		padding: 10px 15px
	}
}

@media only screen and (max-width: 679px) {
	.request-block {
		padding: 0 10px
	}
	.request-block ul li.w50p {
		width: 100%
	}
	.request-block ul li .block .label {
		width: 90px;
		font-size: 14px;
		text-indent: 0
	}
	.request-block ul li .block .cell {
		font-size: 14px
	}
	.request-block ul li .block .cell .gcinput {
		width: 100% !important;
		font-size: 16px !important
	}
	.request-block ul li .block .cell .gcinput::placeholder {
		font-size: 14px !important
	}
	.request-block ul li .block .cell .gcselect {
		width: 100% !important
	}
	.request-block ul li .block .cell .gcselect label {
		font-size: 16px !important;
		top: 19px !important
	}
	.request-block .id-chkbtn {
		font-size: 16px;
		padding: 10px 15px
	}
}

.fit-housing .fit-form {
	list-style: none;
	margin: 0;
	padding: 0
}

.fit-housing .fit-form li {
	display: table;
	width: 100%;
	background: #EAEFF7;
	margin-bottom: 1px;
	padding: 5px 0
}

.fit-housing .fit-form li .label, .fit-housing .fit-form li .fit-td {
	display: table-cell;
	vertical-align: middle
}

.fit-housing .fit-form li .label {
	width: 260px;
	font-size: 18px;
	font-weight: bold;
	text-align: center
}

.fit-housing .fit-form li .fit-td {
	text-align: left
}

.fit-housing .fit-buttons {
	padding: 40px 0;
	text-align: center
}

.fit-housing .fit-search-result .result-title {
	padding: 30px;
	border: 1px dotted #909090;
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px
}

.fit-housing .fit-search-result .result-title img, .fit-housing .fit-search-result .result-title span
	{
	vertical-align: middle
}

.fit-housing .fit-search-result .result-title strong {
	color: #AF841D
}

.fit-housing .fit-search-result .result-title .result-no {
	font-size: 16px;
	text-align: center;
	padding-top: 30px;
	line-height: 1.4em
}

.fit-housing .fit-search-result .result-title .result-no strong {
	color: #345489
}

.fit-housing .fit-search-result .result-list .list-category {
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	font-size: 22px;
	font-weight: bold;
	color: #345489;
	margin-bottom: 10px
}

.fit-housing .fit-search-result .result-list .list-contents {
	list-style: none;
	margin: 0;
	padding: 0
}

.fit-housing .fit-search-result .result-list .list-contents li {
	padding: 20px;
	background: #EAEFF7;
	margin-bottom: 10px
}

.fit-housing .fit-search-result .result-list .list-contents li .title {
	font-size: 18px;
	font-weight: bold;
	color: #345489;
	padding-bottom: 20px
}

.fit-housing .fit-search-result .result-list .list-contents li .desc {
	font-size: 16px;
	padding-bottom: 20px;
	line-height: 1.4em
}

.fit-housing .fit-search-result .result-list .list-contents li .button {
	text-align: center
}

.fit-housing .fit-search-result .result-list .list-contents li .button .btn-view
	{
	display: inline-block;
	border: 1px solid #345489;
	background: #fff;
	padding: 15px 20px;
	font-size: 16px;
	text-decoration: none;
	color: #345489
}

.fit-housing .fit-search-result .result-list .list-contents li .button .btn-view:hover
	{
	background: #345489;
	color: #fff
}

.fit-housing .result-more {
	font-size: 16px;
	background: #F6F1E9;
	padding: 25px 0;
	text-align: center
}

.fit-housing .result-more img {
	vertical-align: middle
}

.fit-housing .result-more span {
	vertical-align: middle
}

.fit-housing .result-more .button {
	display: inline-block
}

.fit-housing .result-more .button .btn-request {
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #345489;
	background: #fff;
	padding: 15px 20px;
	font-size: 16px;
	text-decoration: none;
	color: #345489
}

.fit-housing .result-more .button .btn-request:hover {
	background: #345489;
	color: #fff
}

.fit-housing .help-panel {
	background: #EAEFF7
}

.fit-housing .help-panel .help-title {
	text-align: center;
	font-size: 20px;
	padding: 20px 0;
	font-weight: bold;
	color: #000
}

.fit-housing .help-panel .help-cont {
	text-align: center;
	line-height: 1.4em;
	padding-bottom: 20px;
	font-size: 16px;
	display: none
}

.fit-housing .help-panel .help-cont.active {
	display: block
}

.fit-housing .help-panel .help-btn {
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
	background: #b3c5e2;
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #182D4F
}

.fit-housing .help-panel .help-btn:hover {
	background: #8ea9d4;
	color: #fff
}

.fit-housing .help-panel .help-btn.active span {
	background: url("../images/help-close.png") no-repeat right center;
	background-size: 20px 20px
}

.fit-housing .help-panel .help-btn span {
	padding-right: 30px;
	background: url("../images/help-open.png") no-repeat right center;
	background-size: 20px 20px
}

.fit-housing .help-tip {
	border: 1px solid #b3c5e2;
	height: 240px;
	padding-top: 40px;
	position: relative;
	margin-bottom: 10px
	box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.fit-housing .help-tip .help-title {
	text-align: center;
	font-size: 20px;
	font-weight: bold
}

.fit-housing .help-tip .help-desc {
	text-align: center;
	padding: 20px 30px;
	font-size: 16px;
	word-break: keep-all;
	line-height: 1.4em
}

.fit-housing .help-tip .help-img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.fit-housing .result-more .button {
		display: block
	}
	.fit-housing .help-tip .help-title {
		font-size: 16px
	}
	.fit-housing .help-tip .help-desc {
		font-size: 14px;
		padding: 20px 10px
	}
	.fit-housing .help-tip .help-img img {
		width: 80px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.fit-housing .fit-form li {
		display: block
	}
	.fit-housing .fit-form li .label, .fit-housing .fit-form li .fit-td {
		display: block
	}
	.fit-housing .fit-form li .label {
		font-size: 14px;
		text-align: left;
		padding: 10px
	}
	.fit-housing .fit-search-result {
		padding: 0 10px
	}
	.fit-housing .fit-search-result .result-title {
		font-size: 16px;
		padding: 20px
	}
	.fit-housing .fit-search-result .result-title .result-no {
		font-size: 14px
	}
	.fit-housing .fit-search-result .result-list .list-category {
		font-size: 16px
	}
	.fit-housing .fit-search-result .result-list .list-contents li .title {
		font-size: 14px
	}
	.fit-housing .fit-search-result .result-list .list-contents li .desc {
		font-size: 12px
	}
	.fit-housing .result-more span {
		display: block;
		padding: 10px;
		font-size: 14px;
		line-height: 1.4em
	}
	.fit-housing .result-more .button {
		display: block
	}
	.fit-housing .help-tip {
		height: 180px
	}
	.fit-housing .help-tip .help-title {
		font-size: 14px
	}
	.fit-housing .help-tip .help-desc {
		font-size: 12px;
		padding: 10px 10px
	}
	.fit-housing .help-tip .help-img img {
		width: 60px
	}
}

@media only screen and (max-width: 679px) {
	.fit-housing .fit-form li {
		display: block
	}
	.fit-housing .fit-form li .label, .fit-housing .fit-form li .fit-td {
		display: block
	}
	.fit-housing .fit-form li .label {
		font-size: 14px;
		text-align: left;
		padding: 10px
	}
	.fit-housing .fit-search-result {
		padding: 0 10px
	}
	.fit-housing .fit-search-result .result-title {
		font-size: 16px;
		padding: 20px
	}
	.fit-housing .fit-search-result .result-title .result-no {
		font-size: 14px
	}
	.fit-housing .fit-search-result .result-list .list-category {
		font-size: 16px
	}
	.fit-housing .fit-search-result .result-list .list-contents li .title {
		font-size: 14px
	}
	.fit-housing .fit-search-result .result-list .list-contents li .desc {
		font-size: 12px
	}
	.fit-housing .result-more span {
		display: block;
		padding: 10px;
		font-size: 14px;
		line-height: 1.4em
	}
	.fit-housing .result-more .button {
		display: block
	}
	.fit-housing .help-tip {
		height: 180px
	}
	.fit-housing .help-tip .help-title {
		font-size: 14px
	}
	.fit-housing .help-tip .help-desc {
		font-size: 12px;
		padding: 10px 10px
	}
	.fit-housing .help-tip .help-img img {
		width: 60px
	}
}

.chk-box {
	display: inline-block
}

.chk-box input {
	padding: 0;
	width: 32px;
	height: 32px;
	margin-bottom: 0;
	cursor: pointer;
	background-color: #345489;
	vertical-align: middle
}

.chk-box label {
	vertical-align: middle
}

.radio-box {
	display: inline-block
}

.radio-box input[type=radio] {
	padding: 0;
	margin-bottom: 0;
	cursor: pointer;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	display: inline-block
}

.radio-box label {
	vertical-align: middle
}

.fit-radio-box, .search-radio-box {
	display: inline-block;
	margin: 4px
}

.fit-radio-box input[type=radio], .search-radio-box input[type=radio] {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	margin-left: 5px;
	margin-top: 5px
}

.fit-radio-box label, .search-radio-box label {
	position: relative;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #345489;
	color: #345489;
	background: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	padding: 0 40px;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2)
}

.fit-radio-box label:focus, .search-radio-box label:focus {
	border: 1px solid #f00
}

.fit-radio-box input:checked+label, .search-radio-box input:checked+label
	{
	color: #fff;
	border: 1px solid #345489;
	background: #345489;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.gcbtn {
	padding: 20px 40px;
	background: #909090;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	text-decoration: none
}

.gcbtn.blue {
	background-color: #345489
}

.gcbtn.zoom {
	padding-left: 70px;
	background-image: url("../images/search-zomm.png");
	background-position: left 30px center;
	background-repeat: no-repeat;
	background-size: 30px 30px
}

.gcinput {
	height: 50px;
	line-height: 50px;
	border: 1px solid #979797;
	box-sizing: border-box;
	font-size: 18px;
	text-indent: 10px;
	vertical-align: middle;
	margin: 4px
}

.gcinput::placeholder {
	color: #dcd7d0;
	text-indent: 10px
}

.fcselect {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 50px;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 4px
}

.fcselect select {
	border: 1px solid #979797;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	min-height: 50px;
	line-height: 50px;
	font-size: 18px
}

.board-search-box .fcselect {
	height: 45px;
	marign: 0
}

.board-search-box .fcselect select {
	border: 1px solid #cacaca;
	height: 45px;
	min-height: 45px;
	line-height: 45px;
	font-size: 14px;
	color: #979797
}

.gcselect {
	display: inline-block;
	position: relative;
	width: 200px;
	height: 50px;
	background: #fff url("../images/select-arrow.png") right 10px
		center no-repeat;
	background-size: 18px 18px;
	border: 1px solid #979797;
	box-sizing: border-box;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 4px
}

.gcselect label {
	position: absolute;
	font-size: 18px;
	color: #000;
	top: 15px;
	left: 12px;
	letter-spacing: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 10px
}

.gcselect label:hover, .gcselect label:focus {
	border: 2px solid #00f;
	box-sizing: border-box;
	outline: #00f
}

.gcselect select {
	width: 100%;
	height: 50px;
	min-height: 50px;
	line-height: 50px;
	padding: 0 10px;
	opacity: 0;
	filter: alpha(opacity = 0)
}

.gcselect::-ms-expand {
	display: none
}

.lo-mask .lo-mask-bg {
	background: #fff !important
}

.lomodal {
	border: 1px solid #345489 !important
}

.lomodal .lo-modal-body div[data-modal-els="body-frame"] .msg-wrap {
	height: 220px;
	width: 100%;
	display: table
}

.lomodal .lo-modal-body div[data-modal-els="body-frame"] .msg-wrap .text
	{
	display: table-cell;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1.4em
}

.lo-select-option-group {
	border-radius: 0
}

.lo-select-option-group .lo-select-body .lo-select-option-group-content .lo-select-option-item
	{
	font-size: 18px
}

.calerdar-group, .calendar-group {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.calerdar-group .input-group-addon, .calendar-group .input-group-addon {
	position: absolute;
	display: block;
	right: 12px;
	top: 10px;
	width: 40px;
	height: 40px;
	background: url("../images/icon-calendar.png") no-repeat center
		center;
	background-size: cover
}

.calerdar-group .input-group-addon i, .calendar-group .input-group-addon i
	{
	display: none
}

.btn-round-outline {
	display: inline-block;
	border: 1px solid #345489;
	background: #fff;
	color: #345489 !important;
	font-size: 16px;
	line-height: 34px;
	height: 34px;
	padding: 0 10px;
	text-decoration: none;
	border-radius: 6px;
	margin-right: 5px
}

.btn-round-outline:hover {
	background: #345489;
	color: #fff !important
}

.btn-round-gray {
	display: inline-block;
	background: #345489;
	border: 1px solid #345489;
	color: #fff;
	font-size: 16px;
	line-height: 34px;
	height: 34px;
	padding: 0 10px;
	text-decoration: none;
	border-radius: 6px;
	margin-right: 5px
}

.btn-round-gray:hover {
	background: #426bae
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.btn-round-outline {
		font-size: 14px;
		height: 28px;
		line-height: 28px
	}
	.btn-round-gray {
		font-size: 14px;
		height: 28px;
		line-height: 28px
	}
}

@media only screen and (max-width: 679px) {
	.btn-round-outline {
		font-size: 14px;
		height: 28px;
		line-height: 28px
	}
	.btn-round-gray {
		font-size: 14px;
		height: 28px;
		line-height: 28px
	}
}

.page_bks {
	padding: 40px 0
}

.page_bks a {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	vertical-align: middle;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	color: #000
}

.page_bks a.prev {
	background: url("../images/icon-prev.png") no-repeat center center;
	background-size: cover
}

.page_bks a.next {
	background: url("../images/icon-next.png") no-repeat center center;
	background-size: cover
}

.page_bks a.first {
	background: url("../images/icon-first.png") no-repeat center center;
	background-size: cover
}

.page_bks a.last {
	background: url("../images/icon-last.png") no-repeat center center;
	background-size: cover
}

.page_bks a:hover, .page_bks a:focus {
	background-color: #f0f0f0
}

.page_bks a.active, .page_bks a.on {
	font-weight: bold;
	background-color: #f0f0f0
}

.popupContainer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999
}

.popupContainer .stem {
	position: relative;
	box-sizing: border-box
}

.popupContainer .stem .popupBox {
	position: absolute;
	background-color: #fff;
	border: 1px solid #979797;
	box-sizing: border-box;
	/*min-height: 500px;*/
	display: table;
	font-size: 14px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3)
}

.popupContainer .stem .popupBox .boxTR {
	display: table-row
}

.popupContainer .stem .popupBox .boxTR.attach {
/*	height: 30px *; */
	height: auto;
}

.popupContainer .stem .popupBox .boxTR.attach .attach-title {
	font-size: 14px;
	padding: 5px;
	vertical-align: middle
}

.popupContainer .stem .popupBox .boxTR.attach .attach-file {
	margin: 5px;
	display: inline-block;
	vertical-align: middle
}

.popupContainer .stem .popupBox .boxTR.attach a {
	color: #345489;
	text-decoration: none
}

.popupContainer .stem .popupBox .boxTR.attach a:hover {
	color: #000
}

.popupContainer .stem .popupBox .boxTR.last {
	height: 50px
}

.popupContainer .stem .popupBox .boxTR .boxTD {
	display: table-cell
}

.popupContainer .stem .popupBox img {
	width: 100%
}

.popupContainer .stem .popupBox form {
	background: #dcd7d0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	bottom: 0;
	left: 0;
	font-size: 16px
}

.popupContainer .stem .popupBox form a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
	padding: 0 20px;
	float: right;
	margin-top: 5px;
	background: #345489;
	color: #fff;
	text-decoration: none;
	font-weight: bold
}

.popupContainer .stem .popupBox form a:hover {
	background: #426bae
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
	.popupContainer .stem .popupBox {
		position: static !important;
		width: 80% !important;
		left: auto !important;
		margin: 50px auto
	}
}

@media only screen and (max-width: 679px) {
	.popupContainer .stem .popupBox {
		position: static !important;
		width: 80% !important;
		left: auto !important;
		margin: 50px auto;
		height:auto !important;
		min-height: auto !important;
	}
}

#skipNavi {
	font-size: 0;
	line-height: 0
}

#skipNavi a {
	display: block;
	width: 100%;
	padding: 8px 0;
	color: #fff;
	position: absolute;
	left: 0;
	top: -100px;
	text-align: center;
	z-index: 2000;
	background: #0050A3;
	border: 0 none
}

#skipNavi a:active, #skipNavi a:focus {
	top: 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5
}

#skipMap {
	font-size: 0;
	height: 0
}

.hidden {
	overflow: hidden;
	display: inline-block;
	position: absolute;
	border: 0;
	margin: -1px;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%)
}

table>caption {
	overflow: hidden;
	text-indent: -9999px;
	font-size: 0;
	height: 0
}

/* s 웹접근성 심사 위한 css 수정 */
/* 230308 추가 */
.visual-sub.h580 .title-wrap .title-box .title-td .title-text {
	color: #111;
	border-bottom: 1px solid #111;
}
.visual-sub.h580 .title-wrap .title-box .title-td .title-sub-text{
    color: #111;
}
.visual-sub .title-wrap .title-box .title {
	color: #111
}
.fcselect select{
    color:#111 !important;
}
.page-member-login .stem .member-login table tr td .gcinput::placeholder{
	color: #111;
}
.gcinput::placeholder {
	color: #111;
}
/* e 웹접근성 심사 위한 css 수정 */
.page-board .board-search-box .input-group .input-search::placeholder {
   color:#222;
}

/* 20230418_ 404페이지 */
.visual-sub.error_top{
    display: none;
}
.section-sub-start.page-error{
    margin:150px 0 50px;
    min-height: 440px;
    width: 100%;
    background:url("../renewal/images/main-bnr-01.jpg") no-repeat 50%/cover;
}
.section-sub-start.page-error .msg-img{
    margin: 0 auto 20px;
    width: 210px;
}
.section-sub-start.page-error .msg-img img{
    width: 100%;
}
.page-error .error-box .desc{
    text-align: center;
}
.page-error .error-buttons{
    padding: 0;
}
.section-sub-start.page-error + .copyright{
    border-top: 1px solid #eaeaea;
}


/* s : 팝업 내 슬라이드 
.popupImgSlide{max-width:560px;width:100%;}
.popupImgSlide .swiper-slide{width:100% !important;}
.popupImgSlide .swiper-button-next,
.popupImgSlide .swiper-button-prev{color:#345489;}
 e : 팝업 내 슬라이드 */



/* s: 경기도 전세피해지원센터 상단이미지  */
.visual.visual-sub.vs-new {
	background: url("/assets/renewal/images/gico_gnb_main_new.jpg") no-repeat center center;
	background-size: cover
}
/* e: 경기도 전세피해지원센터 상단이미지  */


/* 팝업 UI 수정 */
.popupContainer{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.6);
	z-index: 9999 !important;
}
.popupContainer .stem{
    width: 100%;
    height: 100%;
}
.popupContainer .stem .popupBox{
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%,-50%) !important;
	z-index: 9999 !important;
}



@media only screen and (max-width: 679px) {
	.popupContainer .stem .popupBox{
		position: absolute !important;
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%,-50%) !important;
		z-index: 9999 !important;
	}
}

/* s : 팝업 내 슬라이드 */
.popupImgSlide{
	max-width:560px;
	width:100%;
}
.popupImgSlide .swiper-slide{
	width:100% !important;
}
.popupImgSlide .swiper-button-next,
.popupImgSlide .swiper-button-prev{
	color:#345489;
}
.popupImgSlide .control{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	left: 0;
    bottom: 0;
	padding: 0 20px;
    width: 100%;
    height: 35px;
	box-sizing: border-box;
	background: #fff;
}
.popupImgSlide .control .playController button{
	width: 25px;
	height: 25px;
	cursor: pointer;
}
.popupImgSlide .control .playController button.pause {
	background: url('/assets/renewal/images/ico-pause.png') no-repeat center/9px 14px;
}
.popupImgSlide .control .playController button.play {
	background:url("/assets/renewal/images/ico-play.png") no-repeat center/12px 16px;
}
.popupImgSlide .control .swiper-pagination{
	left: initial;
    right: 20px;
	bottom:8px;
    width: initial;
}
.popupImgSlide .control .swiper-pagination .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
}
.popupImgSlide .control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 32px;
	border-radius: 12px;
    background-color: #3b3b3b;
}

/* e : 팝업 내 슬라이드 */
span.swiper-pagination-bullet:focus-visible{opacity:1 !important}


/* 25.03.26 */
.dropdown-map-wrap {display: flex;height: 678px;border: 1px solid #cacaca;margin-bottom: 100px;}
.dropdown-map-wrap .map-box {flex: 1;height: 100%;}
.dropdown-map-wrap .map-box > div {width: 100%;height: 100%;}
.dropdown-map-wrap .map-box .root_daum_roughmap .wrap_map {height: 100%;}

/*.dropdown-map-wrap .dropdown-box {width: 40%;min-width: 340px;height: 100%;background-color: #F3F3F3;overflow: hidden;}*/
.dropdown-map-wrap .dropdown-box {flex: 1;min-width: 340px;height: 100%;background-color: #F3F3F3;overflow: hidden;}
.dropdown-map-wrap .dropdown-box .dropdown-list {width: 100%;height: 100%;overflow-y: auto;padding: 20px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item {display: flex;flex-direction: column;width:100%;border: 1px solid #cacaca;border-radius: 5px;background-color: #fff;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item + .list-item {margin-top: 10px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top {display: flex;flex-direction: column;align-items: start;width: 100%;color: #111;font-size: 15px;padding: 20px 25px;cursor: pointer;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top .list-title {display: flex;align-items: baseline;justify-content: space-between;width: 100%;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top h5 {flex: 1;text-align: start;font-size: 18px;font-weight: 600;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top h5 > span {margin-right: 16px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top h5 > .page-move {display: inline-flex;align-items: center;font-size: 15px;color: #345489;font-weight: 500;text-decoration: underline;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top h5 > .page-move > span {display: inline-block;width: 18px;height: 18px;background: url(../images/common/icon_link.png) no-repeat 50% 50%;background-size: contain;margin-left: 10px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top .icon-dropdown {width: 14px;min-width: 14px;height: 13px;background: no-repeat 50% 0;background-size: contain;background-image: url(../images/common/icon_chevron-down.png);}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top .list-location {padding-left: 32px;background: url(../images/common/icon_location.png) no-repeat 4px 3px;background-size: 18px;margin-top: 10px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top .list-tel {padding-left: 32px;background: url(../images/common/icon_tel.png) no-repeat 4px 3px;background-size: 18px;margin-top: 10px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-bottom {display: none;}

.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active {box-shadow: 3px 3px 6px #00000029;border-color: #345489;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-top h5 {padding-left: 36px;background: url(../images/common/icon_map.png) no-repeat 0 0;background-size: 26px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-top .icon-dropdown {background-image: url(../images/common/icon_chevron-up.png);}

.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-bottom {display: flex;flex-direction: column;padding: 0 25px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-bottom > div {border-top: 1px solid #CACACA;padding: 20px 0;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-bottom > div .list-tr {display: flex;align-items: baseline;color: #111;font-size: 15px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-bottom > div .list-tr + .list-tr {margin-top: 10px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-bottom > div .list-tr .list-th {width: 70px;color: #777;padding-right: 10px;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-bottom > div .list-tr .list-td {flex: 1;word-wrap: break-word;word-break: break-all;}
.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-bottom > div .list-tr .list-td > a {color: #345489;text-decoration: underline;}

.text-between {display: flex;justify-content: space-between;}

.marker {position: relative;display: inline-flex;align-items: center;background-color: #fff;border-radius: 50px;padding: 12px 20px 12px 12px;box-shadow: 0px 9px 10px #00000029;}
.marker:before {content: "";position: absolute;bottom: -13px;left: calc(50% - 15px);border-top: 20px solid #fff;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 0px solid transparent;}
.marker .marker-icon {width: 32px;height: 32px;background: url(../images/common/icon_map.png) no-repeat 50% 50%;background-size: contain;}
.marker .marker-text {display: flex;flex-direction: column;justify-content: center;margin-left: 12px;line-height: 1.2;font-size: 11px;color: #111;}
.marker .marker-text h5 {font-size: 14px;font-weight: 600;color: #345489;}

@media only screen and (max-width: 767.98px) {
	.dropdown-map-wrap {flex-direction: column;height: auto;}
	.dropdown-map-wrap .map-box {flex: auto;width: 100%;height: 400px;}
	.dropdown-map-wrap .dropdown-box {width: 100%;}
}
@media only screen and (max-width: 575.98px) {
	.dropdown-map-wrap .map-box {height: 225px;}
	.dropdown-map-wrap .dropdown-box {min-width: 0;}
	.dropdown-map-wrap .dropdown-box .dropdown-list {padding: 10px;}
	.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top {font-size: 14px;padding: 20px;}
	.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top h5 {font-size: 16px;}
	.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top h5 > .page-move {font-size: 14px;}
	.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top h5 > .page-move > span {width: 14px;height: 14px;}
	.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top .list-location {padding-left: 25px;background-size: 14px;}
	.dropdown-map-wrap .dropdown-box .dropdown-list .list-item .list-item-top .list-tel {padding-left: 25px;background-size: 14px;}

	.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-top h5 {background-size: 24px;}
	.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-bottom {padding: 0 20px;}
	.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-bottom > div .list-tr {font-size: 14px;}
	.dropdown-map-wrap .dropdown-box .dropdown-list .list-item.active .list-item-bottom > div .list-tr .list-th {width: 63px;}

	.marker {border-radius: 30px;padding: 5px 15px 5px 5px;}
	.marker:before {bottom: -10px;left: calc(50% - 10px);border-top-width: 10px;border-left-width: 10px;border-right-width: 10px;}
	.marker .marker-icon {width: 24px;height: 24px;}
	.marker .marker-text {margin-left: 8px;}
	.marker .marker-text h5 {font-size: 12px;}
	.marker .marker-text p {display: none;}
}
/* 25.03.26 */