@charset "utf-8";

#header .logo>a {
	background: url(../images/main/logo.png);
}

/* for MOB s */
@media (max-width:768px) {
	#header .logo {
		width: 220px;
	}

	#header .logo>a {
		width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
}

@media (max-width:420px) {
	#header .logo {
		width: 190px;
	}
}

@media (max-width:360px) {
	#header .logo {
		width: 170px;
	}
}

@media (max-width:340px) {
	#header .logo {
		width: 150px;
	}
}
/* for MOB e */

.main_container,
.bg_visual .list {
	min-height: 875px;
}

.main_container {
	position: relative;
	min-width: unset
		/* for MOB */
	;
}

.bg_visual {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.bg_visual .list li {
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}

.bg_visual .list li.active {
	animation: bgScale 8000ms 1 ease-out forwards;
	-webkit-animation: bgScale 8000ms 1 ease-out forwards;
	-moz-animation: bgScale 8000ms 1 ease-out forwards;
}

.bg_visual .bx-controls {
	position: absolute;
	top: 345px;
	right: 50%;
	z-index: 82;
	margin-right: -650px;
}

.bg_visual .bx-controls * {
	display: inline-block;
	vertical-align: middle;
}

.bg_visual .bx-controls .bx-pager-link {
	opacity: 0.5;
	width: 7px;
	height: 7px;
	margin-left: 10px;
	background: #fff;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	transition: all 0.3s ease 0s;
}

.bg_visual .bx-controls .bx-pager-link.active {
	opacity: 1;
	width: 25px;
}

.bg_visual .controls .bx-start,
.bg_visual .controls .bx-stop {
	width: 11px;
	height: 11px;
	margin-left: 15px;
	background-color: transparent;
	background-image: url(../images/content/sp_com.png);
	background-repeat: no-repeat;
	background-position-y: -18px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.bg_visual .controls .bx-start {
	background-position-x: -11px;
}

.bg_visual .controls .bx-stop {
	display: none;
	background-position-x: 0px;
}

.bg_visual .bx-pager {
	margin-top: -2px;
}

.bg_visual .bx-controls-auto {
	float: right;
}

/* #content{position:relative; z-index:80; width:1300px; padding-top:390px; margin:0 auto;} */
/* .main_search{position:absolute; top:353px; left:50%; z-index:10; width:580px; height:75px; margin-left:-290px; background:#3653a9; background-image:linear-gradient(-9deg, #3653a9, #3653a9, #1da48c); background-image:-ms-linear-gradient(-9deg, #3653a9, #3653a9, #1da48c); background-image:-webkit-linear-gradient(-9deg, #3653a9, #3653a9, #1da48c); background-image:-moz-linear-gradient(-9deg, #3653a9, #3653a9, #1da48c); background-image:-o-linear-gradient(-9deg, #3653a9, #3653a9, #1da48c); box-shadow:0px 26px 30px rgba(0,0,0,0.2);}
.main_search select{position:absolute; top:0px; left:0px; width:100px; height:100%; background:transparent; border-width:0px; border-right-width:1px; border-color:#1e336f; color:#fff;}
.main_search select option{color:#333;}
.main_search input[type="text"]{width:100%; height:100%; padding-left:125px; padding-right:75px; border:0px; background:transparent; font-size:16px; color:#fff;}
.main_search input[type="text"]::placeholder{color:#e1e4ef;}
.main_search input[type="text"]::placeholder{color:#fff; opacity:0.8;}
.main_search input[type="text"]:-ms-input-placeholder{color:#e1e4ef;}
.main_search input[type="text"]::-ms-input-placeholder{color:#e1e4ef;}
.main_search .btn{position:absolute; top:50%; right:32px; width:19px; height:18px; margin-top:-9px; background:url(../images/content/sp_com.png) no-repeat 0 0; border:0px;}
 */

.area_bottom:after {
	content: '';
	display: block;
	clear: both;
}

/* .area_bottom > *{float:left; height:415px; box-sizing:border-box;} */
.area_bottom>.img {
	width: calc(100% - 727px);
	padding-top: 85px;
	padding-left: 45px;
	background: #f3f3f1 url(../images/main/bg_main.jpg) no-repeat 100% 100%;
}

.area_bottom>.img>i {
	display: block;
	margin-bottom: 10px;
	font-family: var(--font-rubik);
	;
	color: #999;
}

.area_bottom h2 {
	font-size: 27px;
	color: #333;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 1.3em;
}

.area_bottom h2+p {
	margin-top: 20px;
	font-size: 17px;
	color: #333;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 1.6em;
}

.area_bottom>.notice {
	position: relative;
	width: 335px;
	padding: 85px 35px 0;
	background: #fff;
}

.area_bottom>.notice h2 {
	color: #222;
}

.area_bottom>.notice ul {
	margin-top: 5px;
}

.area_bottom>.notice ul li {
	padding: 9px 0;
	border-bottom: 1px solid #ebebeb;
}

.area_bottom>.notice ul li a {
	display: block;
}

.area_bottom>.notice ul li a:hover p {
	color: #000;
}

.area_bottom>.notice ul li p {
	margin-top: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	color: #666;
	letter-spacing: -1px;
	transition: 0.3s ease;
}

.area_bottom>.notice ul li span {
	display: inline-block;
	font-family: 'Segoe UI', Sans-serif;
	font-size: 13px;
	color: #999;
}

.area_bottom>.notice ul li.none {
	padding: 20px 0px;
	text-align: center;
	color: #999;
}

.area_bottom>.notice .more {
	display: inline-block;
	position: absolute;
	right: 35px;
	top: 90px;
	width: 24px;
	height: 24px;
	background: #fff;
	border: 1px solid #e3e3e3;
	font-size: 0px;
	transition: 0.3s ease;
}

.area_bottom>.notice .more:before,
.area_bottom>.notice .more:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 13px;
	height: 1px;
	margin-left: -6.5px;
	background: #a4a4a4;
}

.area_bottom>.notice .more:after {
	transform: rotate(90deg);
}

.area_bottom>.notice .more:hover {
	border-color: #b3b3b3;
}

.area_bottom>.link {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: 392px;
	padding-top: 85px;
	padding-left: 45px;
	background: rgba(169, 54, 83, 0.9);
	color: #fff;
}

.area_bottom>.link:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 150px;
	height: 152px;
	background: url(../images/main/bg_download.png) no-repeat 10px 0;
}

.area_bottom>.link em {
	display: block;
	font-size: 23px;
}

.area_bottom>.link span {
	display: block;
	margin-top: 25px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.7em;
}

.area_bottom>.link a {
	display: inline-block;
	min-width: 170px;
	height: 50px;
	line-height: 50px;
	padding-left: 15px;
	margin-top: 25px;
	background: rgba(34, 36, 42, 0.3);
	font-family: 'Work Sans', 'Noto Sans KR', Sans-serif;
	font-size: 15px;
	color: #fff;
	letter-spacing: 0;
	transition: all 0.3s ease 0s;
}

.area_bottom>.link a:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 6px;
	margin-top: 20px;
	margin-left: 10px;
	background: url(../images/content/sp_com.png) no-repeat -27px 0px;
	transform: translateX(0);
	transition: all 0.3s ease 0s;
}

.area_bottom>.link a:hover:after,
.area_bottom>.link a:focus:after {
	transform: translateX(10px);
}

.area_bottom>.link a:hover {
	background: rgba(34, 36, 42, 0.5);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
}

.area_bottom>.link .btn_dataroom {
	margin-top: 5px;
	background: rgba(32, 156, 143, 0.5);
}

.area_bottom>.link .btn_dataroom:hover {
	background: rgba(32, 156, 143, 0.7);
}

.area_bottom>.link .btn_api {
	margin-top: 5px;
	background: rgba(47, 72, 146, 0.8);
}

.area_bottom>.link .btn_api:after {
	display: none;
}

.area_bottom>.link .btn_api:hover {
	background: rgba(44, 65, 125, 0.9);
}

[data-notice] {
	display: inline-block;
	min-width: 57px;
	height: 18px;
	box-sizing: border-box;
	line-height: 16px;
	background: #4b6dd1;
	border: 1px solid #2e50b2;
	border-radius: 2px;
	font-family: '돋움', Sans-serif;
	font-size: 12px;
	letter-spacing: -0.5px;
	color: #fff;
	text-align: center;
}

[data-notice="01"] {
	background: #4b6dd1;
	border-color: #2e50b2;
}

[data-notice="02"] {
	background: #cd4c65;
	border-color: #a13e51;
}

[data-notice="03"] {
	background: #46506f;
	border-color: #282f48;
}

.ie .area_bottom>.notice [data-notice] {
	line-height: 18px;
}

.layerPop {
	position: absolute;
	z-index: 90;
}

.layerPop a {
	display: block;
}

.layerPop img {
	max-width: 100%;
}

.layerPop-box {
	overflow: hidden;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	border: 1px solid #292b42;
	border-bottom-width: 0;
}

.layerPop .btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 10px;
	background: #292b42;
	border-radius: 0 0 5px 5px;
}

.layerPop .btn button {
	display: inline-block;
	background: none;
	color: #fff;
	font-size: 13px;
}

@keyframes bgScale {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
	}

	100% {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
	}
}

@media screen and (min-width:1600px) {
	.main_container {
		min-width: 1500px;
	}

	#content {
		max-width: 1560px !important;
	}

	.area_bottom>.img {
		width: calc(100% - 827px);
	}

	.area_bottom>.link {
		width: 442px;
	}

	.area_bottom>.notice {
		width: 385px;
	}

}

/* ************************** new 2023  ************************** */

/* for MOB s */
.main_container:before {
	/* content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: #f4ead9;
	width: 100%;
	height: 570px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px */
}
/* for MOB e */

.main_container:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 570px;
	background: url(../images/main/img_visual02.png) no-repeat center #f4ead9;
	top: 0;
	left: 0;
	/* for MOB s */
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
	/* for MOB e */

	z-index: -1; /* 20250804 */
}

#content {
	position: relative;
	/* for MOB s */
	/* z-index: 50; */
	width: 100%;
	padding: 0 24px;
	box-sizing: border-box;
	/* for MOB e */
	padding-top: 500px;
	margin: 0 auto;
}

.main_search {
	position: absolute;
	top: 270px;
	left: 80px;
	z-index: 10;
	width: 800px;
	height: 65px;
	background: #fff;
	border-radius: 65px;
	border: 3px solid #3653a9;
	box-shadow: 0px 26px 30px rgba(0, 0, 0, 0.1);
}

.main_search .search_info {
	position: absolute;
	top: -40px;
	right: 0;
	color: #222;
	font-size: 15px;
}

.main_search .search_info:before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: sub;
	margin-right: 5px;
	background: url(../images/main/ico_info.png) no-repeat 0 0;
}

.main_search:before {
	content: "";
	background: url(../images/main/ico_keyword.png) no-repeat 100% 100%;
	display: block;
	position: absolute;
	top: 37%;
	left: 35px;
	width: 21px;
	height: 18px;
}

.main_search .btn {
	position: absolute;
	top: 45%;
	right: 32px;
	width: 25px;
	height: 25px;
	margin-top: -9px;
	background: url(../images/main/ico_search.png) no-repeat 0 0;
	border: 0px;
	padding: 0
		/* for MOB */
	;
}

/* for MOB s */
.main_search .btn:hover {
	background-color: transparent;
}

/* for MOB e */

.main_search select {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100%;
	background: transparent;
	border-width: 0px;
	border-right-width: 1px;
	border-color: #1e336f;
}

.main_search input[type="text"] {
	width: 100%;
	height: 100%;
	padding-left: 75px;
	padding-right: 75px;
	border: 0px;
	background: transparent;
	font-size: 21px;
	color: #444;
	margin-top: 0;
}

.main_search input[type="text"]::placeholder {
	color: #b3b3b3;
}

.main_search input[type="text"]::placeholder {
	color: #b3b3b3;
	opacity: 0.8;
}

.main_search_keyword {
	position: absolute;
	top: 175px;
	right: 24px
		/* for MOB */
	;
	z-index: 10;
	background: #3653a9 url(../images/main/img_keybg.png) no-repeat right -12px;
	width: 350px;
	height: 396px;
	box-sizing: border-box;
	padding-top: 40px;
	padding-left: 50px;
	padding-right: 35px;
	border-top-left-radius: 80px;
	border-top-right-radius: 10px;
}

.main_search_keyword p {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.main_search_keyword em {
	display: none;
	margin-bottom: 10px;
	padding: 5px 5px 5px 30px;
	line-height: 1.3em;
	background: #eff3ff;
	border: 1px solid #cad2e7;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	word-break: keep-all;
}

.main_search_keyword em:before {
	left: 7px;
	top: 5px;
	background-image: url(../images/main/ico_info.png);
}

.main_search_keyword .active em {
	display: block;
}

.main_search_keyword .keyword_tab {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.main_search_keyword .keyword_tab a {
	display: block;
	width: 95px;
	height: 25px;
	margin-right: 5px;
	border-radius: 25px;
	font-size: 13px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	background: #254299;
	font-weight: 200;
	transition: 0.2s;
}

.main_search_keyword .keyword_tab a:hover {
	background: #374367;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
}

.main_search_keyword .keyword_tab a.on {
	background: #111f49;
	font-weight: 600;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
}

.main_search_keyword .keyword_list li>* {
	padding: 5px 0px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	color: #fff;
	font-weight: 200;
	border-top: 1px solid #2f4996;
	height: 35px;
}

.main_search_keyword .keyword_list li>*.new:after {
	content: "NEW";
	font-family: var(--font-rubik);
	font-size: 11px;
	color: #ffdd2f;
	position: absolute;
	right: 0;
	top: 8px;
	font-weight: 400;
}

/* 이미지로 되어있어 확장성 고려위해 주석 -khh
.main_search_keyword .keyword_list li a:before{content:""; display:block; position:absolute; background-image:url(../images/main/ico_rank.png); background-repeat:no-repeat; width:24px; height:24px; left:0;}
.main_search_keyword .keyword_list li:nth-child(1) a:before{background-position-y:0;}
.main_search_keyword .keyword_list li:nth-child(2) a:before{background-position-y:-24px;}
.main_search_keyword .keyword_list li:nth-child(3) a:before{background-position-y:-48px;}
.main_search_keyword .keyword_list li:nth-child(4) a:before{background-position-y:-72px;}
.main_search_keyword .keyword_list li:nth-child(5) a:before{background-position-y:-96px;} 
*/

.main_search_keyword .keyword_list {
	counter-reset: keyword;
}

.main_search_keyword .keyword_list li>* {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.main_search_keyword .keyword_list li>* span {
	flex: auto;
	line-height: 1.2em;
	font-size: 13px;
}

.main_search_keyword .keyword_list:not(.type02) li>* span {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

.main_search_keyword .keyword_list li>*:before {
	flex: none;
	counter-increment: keyword;
	content: counters(keyword, ".")"";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	margin-right: 10px;
	background-color: #4763b4;
	border: 1px solid #26408d;
	border-radius: 3px;
	font-family: var(--font-rubik);
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.8);
	font-style: italic;
}

.main_search_keyword .keyword_list li:nth-of-type(1)>*:before {
	background-color: #34a766;
	border-color: #174d2e;
	color: rgba(255, 255, 255, 1);
}

.main_search_keyword .keyword_list li:nth-of-type(2)>*:before {
	background-color: #408ac4;
	border-color: #26408d;
	color: rgba(255, 255, 255, 1);
}

.main_search_keyword .keyword_list li a:hover span {
	text-decoration: underline;
}

/* 추가타입 */
.main_search_keyword .keyword_list.type02 {
	display: none;
}

.main_search_keyword .keyword_list.type02 li>* {
	flex-wrap: wrap;
	height: auto;
	min-height: 35px;
	padding-left: 34px;
}

.main_search_keyword .keyword_list.type02 li>*:before {
	position: absolute;
	left: 0px;
}

.main_search_keyword .keyword_list.type02 li>* a {
	line-height: 1.2em;
}

.main_search_keyword .keyword_list.type02 li>* span:after {
	content: ',';
	display: inline;
	margin-right: 5px;
}

.main_search_keyword .keyword_list.type02 li>* a:last-child span:after {
	display: none;
}

.keyword_date {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 30px;
	margin-top: 10px;
}

.keyword_date span {
	font-family: var(--font-combine);
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}

.keyword_date span.date {
	position: relative;
	padding-left: 20px;
}

.keyword_date span.date:before {
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 15px;
	height: 14px;
	background: url(../images/2023/content/ico_date.png) no-repeat 50% 0;
}

.keyword_date select {
	width: 70px;
	height: 30px;
	box-sizing: border-box;
	background-color: var(--color-point);
	background-image: url(../images/bbs/select_arrow_w.svg);
	border: 1px solid #193179;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
}

.keyword_list_area {
	margin-top: 10px;
}

.keyword_list_area .box_view.on {
	display: block;
	/* animation:mainQuick 1s 1 forwards; */
}

.keyword_list_area .box_view {
	display: none;
}

.keyword_list_area .box_view ul {
	overflow: hidden;
	width: 265px;
	height: 175px;
}

.keyword_list_area .box_view.active {
	position: absolute;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.15);
}

.keyword_list_area .box_view.active ul {
	display: block;
	height: auto;
}

.keyword_list_area .box_view.active ul li>* {
	border-top-color: #e7e8ed;
	color: #333;
	font-weight: 400;
}

.keyword_list_area .box_view.active ul li>*.new:after {
	color: #cd4c65;
}

.keyword_list_area .box_view.active ul:not(.type02) {
	display: none;
}

.btn_keyword_more {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 28px;
	margin: 10px auto 0px;
	background: #254299;
	border-radius: 50rem;
	color: #fff;
	font-weight: 300;
	font-size: 14px;
	transition: 0.3s ease 0s;
}

.btn_keyword_more:before {
	content: '';
	opacity: 0.5;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	background: url(../images/main/btn_more_plus.png) no-repeat 50% 0;
	transition: 0.3s ease 0s;
}

.btn_keyword_more:hover {
	background-color: #111f49;
}

.btn_keyword_more:hover:before {
	opacity: 0.8;
}

.btn_keyword_more.active {
	background-color: #12204b;
}

.btn_keyword_more.active:before {
	transform: rotate(45deg);
	transform-origin: 50% 50%;
}

.area_bottom {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 0
		/*for MOB*/
	;
	background: #fff;
	border-radius: 10px;
}

.area_bottom.notice {
	width: calc(100% - 350px);
	padding: 0 0 0 20px;
	border-radius: 10px 0 0 0
}

.notice_list {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #e7e4de
}

.notice_list p.title {
	flex: none;
	width: 110px;
	padding-right: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.notice_list i {
	flex: none;
	margin-right: 10px;
	margin-top: 0px;
}

.notice_list .bx-wrapper {
	flex: auto;
	position: relative;
	width: calc(100% - 376px);
	max-width: inherit !important;
	margin-right: 15px;
}

.notice_list .bx-wrapper:after {
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	width: 1px;
	height: 44px;
	margin-top: -22px;
	background: #e7e4de;
}

/* .notice_list .bx-viewport{width:800px !important;} */
.notice_list .bx-viewport li {
	width: 100% !important;
}

.notice_list .bx-viewport li a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 70px;
}

.notice_list .bx-viewport li a:hover .subject {
	text-decoration: underline;
}

.notice_list .bx-viewport li a span.subject {
	flex: auto;
	padding-right: 30px;
	font-size: 16px;
	display: inline-block;
	height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.notice_list .bx-viewport li a span:last-child {
	flex: none;
	padding-right: 20px;
	font-family: var(--font-rubik);
	font-size: 16px;
	color: #888888;
}

.notice_list .notice_more {
	position: relative;
	width: 125px;
	padding-right: 5px;
	text-align: center;
	color: #666;
	font-size: 15px;
	margin-right: 15px;
}

.notice_list .notice_more:before {
	content: "";
	width: 2px;
	height: 10px;
	background: #666;
	display: block;
	position: absolute;
	right: 5px;
	top: 31px;
}

.notice_list .notice_more:after {
	content: "";
	width: 10px;
	height: 2px;
	background: #666;
	display: block;
	position: absolute;
	right: 1px;
	top: 35px;
}

.notice_list .notice_more:hover {
	color: #3653a9;
}

.notice_list .notice_more:hover:before,
.notice_list .notice_more:hover:after {
	background: #3653a9;
}

/* for MOB s */
.notice_list .bx-wrapper .bx-wrapper {
	width: 100%;
}

/* for MOB e */

.info {
	display: flex;
	align-items: center;
	margin-top: 55px;
	margin-bottom: 70px;
	flex-wrap: wrap
		/* for MOB */
	;
	gap: 20px 0
		/* for MOB */
	;
	padding: 0 20px
		/* for MOB */
	;
}

.info_left {
	flex: none;
	width: 470px
		/* for MOB */
	;
	padding: 0
		/* for MOB */
	;
}

.info_left p {
	background: url(../images/main/ico_bul.png) no-repeat left center;
	margin-bottom: 30px;
	padding-left: 30px;
	font-size: 16px;
	color: #3653a9;
}

.info_left h2 {
	font-size: 40px;
	letter-spacing: -1.5px;
}

.info_right {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 32px;
	word-break: keep-all;
}

.info_right p {
	font-size: 26px;
	font-weight: 600;
	color: #3653a9;
	margin-bottom: 20px;
}

.info_right strong,
.link_visual strong {
	font-weight: 500;
	color: #3653a9;
}

.info_right small {
	color: #859add;
}

.bx-controls {
	position: absolute;
	top: 0;
	left: 694px;
}

.notice_list .bx-controls:after {
	content: "";
	width: 1px;
	height: 50px;
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	background: #e7e4de;
}

.bx-controls {
	display: flex;
	align-items: flex-end;
	width: 120px;
	padding-left: 30px;
}

.bx-controls div {
	display: flex;
	padding-top: 23px;
}

.bx-controls div a {
	background-image: url(../images/main/ico_slide_btn.png);
	background-repeat: no-repeat;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	overflow: hidden;
	display: block;
	font-size: 0;
	text-indent: -999px;
}

.bx-controls div a:hover {
	background-position-y: -25px;
}

.bx-controls div a.active {
	background-position-y: -25px;
}

.bx-prev {
	background-position: 0 0;
}

.bx-next {
	background-position-x: -26px;
}

.bx-stop {
	background-position-x: -52px;
}

.bx-start {
	background-position-x: -78px;
}

.bx-controls-auto {
	flex: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.bx-controls-auto .bx-controls-auto-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.bx-controls-auto button {
	background-color: transparent;
	background-image: url(../images/main/ico_slide_btn.png);
	background-repeat: no-repeat;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	overflow: hidden;
	display: block;
	font-size: 0;
	text-indent: -999px;
}

.bx-controls-auto button:hover {
	background-position-y: -25px;
}

.bx-controls-auto button.active {
	background-position-y: -25px;
}

#start-stop {
	background-image: url(../images/main/ico_slide_btn.png);
	background-repeat: no-repeat;
	background-position-x: -78px;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	overflow: hidden;
	display: block;
	font-size: 0;
	text-indent: -999px;
}

#start-stop.stopShow {
	background-position-x: -52px;
}

#start-stop:hover {
	background-position-y: -25px;
}

/* for MOB s */
@media (max-width: 1400px) {
	.main_container:after {
		height: 500px;
	}

	.notice_list .bx-wrapper {
		width: calc(100% - 461px);
	}
}

@media (max-width: 1320px) {
	#content {
		padding-top: 400px;
	}

	.main_container:before,
	.main_container:after {
		height: 400px;
	}

	.main_search {
		width: 60%;
	}

	.main_search_keyword {
		top: 84.25px;
		height: 386.75px;
	}
}

@media (max-width: 1200px) {
	#content {
		padding-top: 220px;
	}

	.main_search_keyword {
		position: relative;
		width: 100%;
		top: unset;
		right: unset;
		height: auto;
		padding-bottom: 20px;
	}

	.keyword_list_area .box_view ul,
	.keyword_list_area .box_view.active {
		width: 100%;
		position: relative;
		box-sizing: border-box;
	}

	.main_search {
		width: 100%;
		position: relative;
		top: unset;
		left: unset;
		margin-bottom: 20px;
	}

	.area_bottom.notice {
		width: 100%;
		padding: 0;
	}

	.notice_list p.title {
		text-align: left;
		width: 80px;
	}

	.main_container:before,
	.main_container:after {
		height: 500px;
	}
}

@media (max-width: 768px) {
	#content {
		padding-top: 160px;
	}

	.main_container:before,
	.main_container:after {
		height: 300px;
	}

	.main_container:after {
		background-size: 200%;
	}

	.notice_list {
		flex-wrap: wrap;
		height: unset;
		padding-top: 20px;
	}

	.notice_list p.title {
		order: 1;
		width: calc(100% - 251px);
		line-height: normal;
	}

	.notice_list>.bx-wrapper {
		width: 100%;
		order: 3;
		margin-right: 0;
	}

	.notice_list .bx-wrapper:after {
		display: none;
	}

	.bx-controls-auto {
		order: 2;
		line-height: normal;
	}

	.notice_list .notice_more:before {
		top: 7px;
	}

	.notice_list .notice_more:after {
		top: 11px;
	}

	.info_left {
		width: 100% /* for MOB */;
	}

	.info_left h2 {
		word-break: keep-all;
	}

	.main_search input[type="text"] {
		font-size: 16px;
		padding-left: 50px;
		padding-right: 50px;
	}

	.main_search {
		height: 55px;
	}

	.main_search:before {
		left: 20px;
	}

	.main_search .btn {
		width: 20px;
		height: 20px;
		background-size: contain;
		right: 23px;
	}
}

@media (max-width: 480px) {
	.notice_list {
		padding-bottom: 20px;
	}

	.notice_list p.title {
		width: 100%;
		margin-bottom: 10px;
	}

	.notice_list .bx-viewport li a {
		flex-wrap: wrap;
		gap: 5px;
	}

	.notice_list .bx-viewport li a span.subject {
		width: 100%;
		line-height: normal;
	}

	.bx-controls-auto {
		width: 100%;
		justify-content: flex-end;
		order: 3;
		margin-top: 20px;
	}

	.main_search_keyword {
		padding: 30px 25px 20px 25px;
	}

	.main_search_keyword p {
		text-align: center;
	}

	.main_search_keyword .keyword_tab {
		gap: 10px;
	}

	.main_search_keyword .keyword_tab li {
		flex: 1;
	}

	.main_search_keyword .keyword_tab li a {
		width: 100%;
	}

	.main_container:after {
		background-size: 260%;
	}
}
/* for MOB e */

.area_bottom.link {
	background: #eaeefb;
	padding: 30px 30px 30px 40px;
	margin-top: 60px;
	margin-bottom: 60px;
}

/* for MOB s */
@media (max-width: 1400px) {
	.area_bottom.link {
		padding: 30px 20px;
	}
}
/* for MOB e */

.link .tab_btn {
	height: 55px;
	line-height: 55px;
	display: block;
	padding-left: 30px;
	transition: 0.3s;
	width: 120px;
	font-size: 18px;
	color: #666666;
}

.link .tab_btn:hover {
	width: 150px;
	background: #415288;
	color: #fff;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
	border-top-right-radius: 20px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.link .tab_btn.on {
	width: 150px;
	background: #12204b;
	color: #fff;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
	border-top-right-radius: 20px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.link .link_btn_wrap {
	margin-top: 15px;
	position: absolute;
	z-index: 1;
}

.link>.link_quick {
	justify-content: space-between;
	height: 300px;
}

.link div .link_visual {
	flex: auto;
	display: block;
	height: 100%;
	box-sizing: border-box;
	padding-top: 50px;
	padding-left: 385px;
	padding-right: 30px;
	margin-left: 150px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-top-right-radius: 80px;
	border-top-left-radius: 10px;
}

.link .link_quick.typeA .link_visual {
	padding-top: 50px;
	background-image: url(../images/main/img_subvisual_a.png);
}

.link .link_quick.typeB .link_visual {
	background-image: url(../images/main/img_subvisual_b.png);
}

.link .link_quick.typeC .link_visual {
	background-image: url(../images/main/img_subvisual_c.png);
}

.link .link_quick.typeD .link_visual {
	background-image: url(../images/main/img_subvisual_d.png);
}

.link_quick {
	display: none;
	opacity: 0;
	transition: 0.2s;
}

.link .link_quick.on {
	display: flex;
	animation: mainQuick 1s 1 forwards;
}

@keyframes mainQuick {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.link div .link_visual h3 {
	font-size: 26px;
	line-height: 28px;
	color: #3653a8;
	font-weight: 600;
	margin-bottom: 15px;
}

.link div .link_visual p {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -1px;
	word-break: keep-all;
}

.link .link_menu ul {
	display: flex;
	flex-wrap: wrap;
	width: 300px /* for MOB */;
	height: 100%;
}

.link .link_menu ul li {
	width: 50%;
	height: calc(100% / 2);
	box-sizing: border-box;
	padding-top: 10px;
	text-align: center;
}

.link .link_img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	background: #12204b;
	margin: 0 auto 15px;
	border-radius: 20px;
	position: relative;
	transition: 0.3s;
}

.link .link_menu ul li a:hover .link_img {
	background: #3653a9;
	box-shadow: 0 15px 15px rgba(54, 83, 169, 0.3);
}

.link .link_menu ul li em {
	display: block;
	line-height: 17px;
	font-size: 16px;
	color: #333;
}


@media screen and (min-width:1600px) {
	.main_search {
		width: 955px !important;
	}

	.info_right {
		font-size: 20px;
	}

	.notice_list .bx-wrapper {
		width: calc(100% - 406px);
	}

	.notice_list .notice_more {
		width: 165px;
		padding-right: 10px;
		margin-right: 0;
	}

	.notice_list .notice_more:before {
		right: 25px;
	}

	.notice_list .notice_more:after {
		right: 21px;
	}

	.notice_list .bx-viewport li a span:last-child {
		padding-right: 40px;
	}

	.link div .link_visual {
		background-position: right bottom !important;
		padding-left: 480px; /*09.26수정*/
			/* for MOB */
		;
	}
}

/* for MOB s */
@media (max-width:1600px) {
	.link .link_quick.typeA .link_visual,
	.link .link_quick.typeB .link_visual,
	.link .link_quick.typeC .link_visual,
	.link .link_quick.typeD .link_visual {
		background-position: right -500px bottom 0;
	}

	.link div .link_visual {
		padding-left: 50px;
		padding-right: 350px;
	}
}

@media (max-width:1434px) {
	.area_bottom.link {
		padding: 30px;
	}

	.link .link_btn_wrap {
		display: flex;
		position: relative;
	}

	.link>.link_quick {
		height: unset;
		gap: 20px;
	}

	.link div .link_visual {
		margin-left: 0;
		padding-bottom: 40px;
		min-height: 287px;
		padding-right: 200px;
	}

	.link .link_quick.typeA .link_visual,
	.link .link_quick.typeB .link_visual,
	.link .link_quick.typeC .link_visual,
	.link .link_quick.typeD .link_visual {
		background-size: 500px;
		background-position: right -280px bottom 0;
	}

	.link div .link_visual h3 {
		word-break: keep-all;
	}
}

@media (max-width:1200px) {
	.link div .link_visual {
		padding-right: 60px;
	}

	.link .link_quick.typeA .link_visual,
	.link .link_quick.typeB .link_visual,
	.link .link_quick.typeC .link_visual,
	.link .link_quick.typeD .link_visual {
		background: #fff;
	}

	/* .link div .link_visual:before {
		content: '';
		width: 90px;
		height: 90px;
		border-radius: 90px;
		border: 4px solid #ebf1ff;
		background: url(../images/main/img_subvisual_a.png) no-repeat #fff;
		background-position: left bottom;
		background-size: 230px;
		position: absolute;
		right: 30px;
		top: 20px;
	}

	.link .link_quick.typeA .link_visual:before {
		background: url(../images/main/img_subvisual_a.png) no-repeat #fff;
		background-position: left bottom;
		background-size: 210px;
	}

	.link .link_quick.typeB .link_visual:before {
		background: url(../images/main/img_subvisual_b.png) no-repeat #fff;
		background-position: left bottom;
		background-size: 220px;
	}

	.link .link_quick.typeC .link_visual:before {
		background: url(../images/main/img_subvisual_c.png) no-repeat #fff;
		background-position: left bottom;
		background-size: 220px;
	} */
}

@media (max-width:1056px) {
	.link_quick {
		flex-wrap: wrap;
	}

	.link div .link_visual {
		padding-right: 250px;
		padding-left: 30px;
		background-size: 500px;
	}

	.link .link_quick.typeA .link_visual {
		background: url(../images/main/img_subvisual_a.png) no-repeat #fff;
		background-size: 500px;
		background-position: right -280px bottom 0;
	}

	.link .link_quick.typeB .link_visual {
		background: url(../images/main/img_subvisual_b.png) no-repeat #fff;
		background-size: 500px;
		background-position: right -280px bottom 0;
	}

	.link .link_quick.typeC .link_visual {
		background: url(../images/main/img_subvisual_c.png) no-repeat #fff;
		background-size: 500px;
		background-position: right -280px bottom 0;
	}
	
	.link .link_quick.typeD .link_visual {
		background: url(../images/main/img_subvisual_d.png) no-repeat #fff;
		background-size: 500px;
		background-position: right -280px bottom 0;
	}	

	.link .link_menu {
		width: 100%;
	}

	.link .link_menu ul li a em {
		word-break: keep-all;
	}

	.link .link_menu ul {
		width: 100%;
		flex-wrap: nowrap;
		gap: 24px;
		height: fit-content;
	}

	.link .link_menu ul li {
		width: calc((100% - 72px) / 4);
	}
}

@media (max-width:640px) {
	.link .link_btn_wrap {
		flex-wrap: wrap;
	}

	.link .tab_btn.on,
	.link .tab_btn:hover,
	.link .link_btn_wrap li {
		width: 100%;
		box-sizing: border-box;
	}

	.area_bottom.link {
		padding-bottom: 50px;
	}

	.link>.link_quick {
		gap: 40px;
	}

	.link .link_menu ul {
		flex-wrap: wrap;
		gap: 16px 24px;
	}

	.link .link_menu ul li {
		width: calc((100% - 24px) / 2)
	}

	.link div .link_visual {
		padding-right: 30px;
		padding-top: 280px;
		position: relative;
	}

	.link .link_quick.typeA .link_visual {
		padding-top: 280px;
	}

	.link .link_quick.typeA .link_visual,
	.link .link_quick.typeB .link_visual,
	.link .link_quick.typeC .link_visual,
	.link .link_quick.typeD .link_visual {
		background: #fff;
	}

	.link div .link_visual:before {
		content: '';
		width: 200px;
		height: 200px;
		border-radius: 200px;
		border: 4px solid #ebf1ff;
		background: url(../images/main/img_subvisual_a.png) no-repeat #fff;
		background-position: left bottom;
		background-size: 500px;
		position: absolute;
		left: 50%;
		top: 40px;
		transform: translateX(-50%);
	}

	.link .link_quick.typeA .link_visual:before {
		background: url(../images/main/img_subvisual_a.png) no-repeat #fff;
		background-position: left bottom;
		background-size: 460px;
	}

	.link .link_quick.typeB .link_visual:before {
		background: url(../images/main/img_subvisual_b.png) no-repeat #fff;
		background-position: left bottom;
		background-size: 500px;
	}

	.link .link_quick.typeC .link_visual:before {
		background: url(../images/main/img_subvisual_c.png) no-repeat #fff;
		background-position: left bottom;
		background-size: 500px;
	}
}

@media (max-width:430px) {
	.area_bottom.link {
        padding: 20px;
		padding-bottom: 30px;
    }

	.link>.link_quick {
        gap: 30px;
    }

	.link .link_menu ul {
		gap: 16px;
	}

	.link div .link_visual:before {
		width: 150px;
		height: 150px;
	}

	.link div .link_visual {
		padding-top: 210px;
	}

	.link .link_quick.typeA .link_visual {
		padding-top: 210px;
	}

	.link .link_quick.typeA .link_visual:before,
	.link .link_quick.typeB .link_visual:before,
	.link .link_quick.typeC .link_visual:before,
	.link .link_quick.typeD .link_visual:before {
		background-size: 350px;
		top: 30px;
	}
}

@media (max-width:360px) {
	.link .link_menu ul li {
	}
}
/* for MOB e */


/*헤더 버튼 색상 임시 변경*/
#header .area_util [data-util]:before {
	content: '';
	background-image: url(../images/content/sp_com_black.png);
}

#header .area_util li>a {
	color: #444;
}