@import url("/css/main/font.css");

.content_wrap {
	/*min-height: calc(100vh - 705px);*/
}
.top_box .inner {
	background: none;
}
.visual_section {
	letter-spacing: 0px; clear: both; float: none; display: flex; position: relative;
}
.visual_box > div {
	background-position: center; height: 330px; color: rgb(255, 255, 255); overflow: hidden; padding-top: 4rem; box-sizing: border-box; background-repeat: no-repeat; background-size: cover;
}
.visual_box .inner {
	padding-left: 5rem;
}
.visual_box a > .inner {
	width: 100%; height: 100%; margin-top: -4rem; display: block; position: relative; cursor: pointer; min-height: 210px;
}
.visual_box h3 {
	line-height: normal; letter-spacing: -1px; padding-top: 0px; padding-bottom: 0px; font-size: 2.22rem; font-weight: 300; margin-bottom: 1rem;
}
.visual_box h3.hide {
	margin: 0px; padding: 0px; line-height: 0; overflow: hidden; font-size: 0px;
}
.visual_box h3 strong {
	line-height: 1.3; padding-top: 1rem; font-size: 2.77rem; font-weight: 700; display: block;
}
.visual_box h3 > span {
	line-height: 1.25; margin-bottom: -0.5rem; display: block;
}
.visual_box p {
	margin: 0px; padding: 0px 0px 0rem; color: rgba(255, 255, 255, 0.88); font-size: 1.11rem; font-weight: 300;
}
.visual_box p span {
	display: block;
}
/*.bx-controls {
	left: 0px; width: 100%; text-align: center; bottom: 20px; position: absolute;
}*/
.bx-pager {
	left: auto; width: auto; text-align: center; bottom: auto; vertical-align: middle; display: inline-block; position: relative;
}
.bx-controls-auto {
	width: 20px; height: 20px; text-align: center; right: auto; bottom: auto; margin-right: 10px; vertical-align: middle; display: inline-block; position: relative;
}
.bx-controls-auto-item {
	left: 0px; top: 0px; position: absolute;
}
.bx-controls-auto-item a {
	transition:0.3s; width: 15px; height: 20px; line-height: 0; overflow: hidden; font-size: 0px; display: block; position: relative; z-index: 3; opacity: 1;
}
.bx-controls-auto-item a:hover {
	text-decoration: none;
}
.bx-controls-auto-item a.active {
	border: 1px solid rgb(255, 240, 0); border-image: none; z-index: 2; opacity: 0;
}
.bx-controls-auto-item a::before {
	font: 20px/15px "okdab"; color: rgba(255, 255, 255, 0.88); text-transform: none; text-decoration: inherit; display: inline-block; content: "\e813"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.bx-controls-auto-item .bx-start::before {
	content: "\e812";
}
@media only screen and (max-device-width:767px)
{
.visual_section {
	top: 52px;
}
.visual_box > div {
	padding: 0px; height: 200px; background-size: cover;
}
.visual_box .inner {
	padding: 20px 1.5rem 0px; height: 200px; font-size: 1.5rem;
}
.visual_box h3 {
	background: rgba(0, 0, 0, 0.2); margin: 0px; padding: 10px 15px;
}
.visual_box h3 strong {
	font-size: 1.8rem; margin-top: 5px;
}
.visual_box p {
	background: rgba(0, 0, 0, 0.2); padding: 5px 15px 10px; line-height: 1.3; font-size: 1rem;
}
.bx-controls {
	text-align: right; bottom: 10px; padding-right: 1rem; box-sizing: border-box;
}
.bx-pager-item a {
	width: 10px; height: 10px;
}
.bx-controls-auto-item a {
	height: 10px;
}
.bx-controls-auto {
	width: 10px; height: 10px;
}
.bx-controls-auto-item a::before {
	line-height: 10px; font-size: 15px;
}
.visual_box a > .inner {
	margin-top: 0px; min-height: 160px;
}
.visual_box h3.hide {
	background: none;
}
.visual_box h3 > span {
	font-size: 1.5rem; -ms-word-break: keep-all;
}
}
.content_wrap {
	/* padding: 0px; max-width: none;  */clear: both; float: none; 
}
.content_wrap > div {
	border: currentColor; border-image: none;
}
.content_wrap > .inner {
	padding: 0px; overflow: hidden; border-bottom-color: rgb(215, 215, 215); border-bottom-width: 1px; border-bottom-style: solid;
}
.content_wrap > .inner {
	height: 120px; position: relative; z-index: 3; /* max-width: none; */ background:#FFF;
}
.main_container .content_wrap h3 {
	margin: 0px; padding: 0px 0px 1rem; text-align: center; letter-spacing: -2px; font-size: 2rem; font-weight: normal; display: block;
}
.content_wrap h3 > strong {
	color: rgb(1, 149, 223); font-weight: normal;
}
.main_tab {
	margin: 0px auto; padding: 0px; text-align: center; max-width: 1240px; box-sizing: border-box;
}
.main_tab .weather_box {
	display: inline-block;
}
.main_tab ul {
	display: inline-block;
}
.main_tab li {
	display: inline-block;
}
.main_tab ul {
	margin: 0px;
}
.main_tab li {
	font-size: 1.14rem;
}
.main_tab li button {
	background: none; margin: 0px 20px; border: currentColor; border-image: none; color: rgb(153, 153, 153); padding-top: 18px; padding-bottom: 17px; font-weight: 300;
}
.main_tab li button.on {
	color: rgb(0, 0, 0); font-weight: 500; border-bottom-color: rgb(38, 50, 68); border-bottom-width: 2px; border-bottom-style: solid;
}
.main_tab li button.on::before {
	
}
.content_wrap > div[data-element='content'] {
	height: 0px; overflow: hidden; clear: both; float: none; box-sizing: border-box; opacity: 0;
}
.content_wrap > div[data-element='content'].on {
	height: auto; padding-top: 50px; padding-bottom: 50px; display: block; opacity: 1;
}

.weather_box {
	vertical-align: middle; display: inline-block; position: relative; padding:0 0 0 17px;
}

.weather_box h3 {
	margin: 0px; padding: 0px; text-align: left; line-height: normal; letter-spacing: -1px; font-size: 0.92rem; float: left;
}
.weather_box h3 strong.date {
	text-align: left; color: rgb(51, 51, 51) !important; font-size: 1rem; font-weight: normal;
}
.weather_box h3 strong.date > span.day {
	font-size: 1rem;
}
.weather_box h3 span.city {
	color: rgb(153, 153, 153); letter-spacing: -1px; display: block; float:right; font-size:15px; margin-top:9px; padding-left:20px;
}
.weather_box h3 em {
	width: 0px; height: 0px; line-height: 0; text-indent: -999px; overflow: hidden; font-size: 0px; display: block;
}
.weather_box .weather {
	float: left; position: relative;
}
.weather_box p {
	margin: 10px 5px 0px 0px; padding: 0px; text-align: right; color: rgb(1, 149, 223); line-height: 0; font-size: 0px; font-weight: 700; float: left;
}
.weather_box div.detail {
	font-size: 12px; float: left; padding-top:10px;
}
.weather_box div.detail dl {
	margin: 5px 10px 0px 0px; padding: 0px; overflow: hidden;
}
.weather_box dl dt {
	margin: 0px; padding: 0px 5px 0px 0px; color: rgb(59, 81, 105); line-height: 21px; clear: both; float: left;
}
.weather_box dl.temp {
	width: 50px; overflow: hidden; clear: both; margin-top: 10px !important; float: left; display: block; box-sizing: border-box;
}
.weather_box dl.temp dd {
	
}
.weather_box dl.temp dd strong {
	color: rgb(1, 149, 223); font-size: 2rem;
}
.weather_box dl.temp dd + dd::before {
	padding: 0px 5px; content: "/";
}
.weather_box dl.temp + dl {
	
}
.weather_box dl.temp dt {
	width: 0px; height: 0px; line-height: 0; text-indent: -999px; overflow: hidden; font-size: 0px; display: block;
}
.weather_box dl dd {
	margin: 0px; padding: 0px; line-height: 21px; font-size: 11px; font-weight: 300; float: left;
}
.weather_box dl dd strong {
	font-size: 1rem; font-weight: bold;
}
.weather_box div.detail dl.humid {
	margin-top: -5px;
}
@media only screen and (max-device-width:767px)
{
.visual_section + .content_wrap {
	padding-top: 52px !important;
}
.visual_section + .content_wrap > .inner {
	box-shadow: none;
}
.main_tab .weather_box h3 {
	display: none;
}
.weather_box div.detail dl.rain {
	display: none;
}
.weather_box div.detail dl.humid {
	display: none;
}
.main_tab ul.tab {
	margin-right: 0px; float: left;
}
.main_tab .weather_box {
	margin-right: 0px; float: left;
}
.main_tab .weather_box {
	margin-top: 5px;
}
.weather_box div.detail dl.temp {
	margin-right: 0px;
}
.weather_box p {
	margin-right: 0px;
}
.main_tab ul.tab {
	margin: 0px; padding: 0px; width: calc(100% - 120px); float: left;
}
.main_tab ul.tab li {
	margin: 0px; padding: 0px; width: 33.3%; font-weight: bold; float: left;
}
.main_tab li button {
	margin: 0px auto; padding: 0px; width: 80%; height: 55px; font-size: 16px; -ms-word-break: keep-all; box-sizing: border-box;
}
.main_tab li button.on {
	font-weight: 700;
}
.main_tab li button > span {
	font-size: 11px; margin-bottom: 3px; display: block;
}
.content_wrap > div[data-element='content'].on {
	padding: 30px 10px;
}
.content_wrap h3 {
	font-size: 1.58rem;
}
}
.web .fixed {
	padding-top: 0px;
}
.web .fixed .header_wrap {
	display: block;
}
.web .fixed .content_wrap {
	padding-top: inherit;
}
.data_sec {
	margin: 0px auto; padding: 0px 62px; overflow: hidden; max-width: 1240px !important;
}
@media all and (max-width:1199px) and (min-device-width:768px)
{
.data_sec {
	padding: 0px 30px;
}
}
.data_sec ul.data {
	margin: 0px; padding: 0px;
}
.data_sec ul.data > li {
	padding: 0rem; border: 1px solid rgb(227, 227, 227); transition:0.3s; border-image: none; width: 32%; height: 320px; text-align: center; margin-bottom: 30px; float: left; position: relative; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(70,70,70,0);
}
.data_sec ul.data > li:hover {
	box-shadow: 0px 0px 20px rgba(70,70,70,0.12);
}
.data_sec ul.data > li > a {
	padding: 2rem 1rem 1rem; overflow: hidden; text-decoration: none; display: block;
}
.data_sec ul.data > li + li {
	margin-left: 2%;
}
.data_sec ul.data > li:nth-child(3n+1) {
	margin-left: 0px;
}
.data_sec ul.data > li:nth-child(5) {
	width: 66%;
}
.data_sec ul.data > li div.cate {
	background: rgb(102, 102, 102); padding: 0px 1rem; border-radius: 1rem; left: 1rem; top: 1rem; height: 2rem; color: rgb(255, 255, 255); line-height: 2rem; letter-spacing: 0px; font-size: 0.9rem; font-weight: bold; display: inline-block; position: absolute;
}
.data_sec ul.data li.datadream div.cate {
	background: rgb(39, 57, 61);
}
.data_sec ul.data li.datavisual div.cate {
	background: rgb(91, 133, 142);
}
.data_sec ul.data li.easysat div.cate {
	background: rgb(107, 149, 189);
}
.data_sec ul.data li.weather div.cate {
	background: rgb(72, 106, 113);
}
.data_sec ul.data li.hitprice div.cate {
	background: rgb(44, 125, 112);
}
.data_sec ul.data li div.info {
	width: 100%; bottom: 10px; color: rgb(153, 153, 153); position: absolute;
}
.data_sec ul.data li div.info > span.comm {
	font-size: 0.85rem; display: block;
}
.data_sec ul.data li div.info span.detail {
	padding-left: 200px; float: left;
}
.data_sec ul.data li div.info span.date {
	padding-right: 30px; float: right;
}
.data_sec ul.data li div.cate a {
	color: rgb(255, 255, 255);
}
.data_sec ul.data li h4 {
	margin: 0px; padding: 2rem 0px 0px; color: rgb(51, 51, 51) !important; letter-spacing: -1px; font-size: 1.45rem; font-weight: normal; word-spacing: -2px;
}
.data_sec ul.data li h4 i {
	font-style: normal;
}
.data_sec ul.data li h4 > .legend_item {
	padding-right: 10px;
}
.data_sec ul.data li h4 > .legend_item::before {
	background: rgb(255, 255, 255); margin: -4px 5px 0px 0px; border: 3px solid rgb(0, 0, 0); border-image: none; width: 18px; height: 18px; vertical-align: middle; display: inline-block; content: ""; box-sizing: border-box;
}
.data_sec ul.data li h4 > .legend_item + .legend_item {
	padding-right: 0px; margin-left: 10px;
}
.data_sec ul.data li h4 > .legend_item + .legend_item::before {
	background: rgb(0, 0, 0);
}
.data_sec ul.data li p {
	margin: 0px; padding: 10px 0px 0px; color: rgb(51, 51, 51) !important; font-size: 1rem; font-weight: 300;
}
.data_sec ul.data li p > strong {
	font-weight: 300;
}
.data_sec ul.data > li .chart_img {
	margin: 31px auto 0px; width: 260px; height: 150px; text-align: center; overflow: hidden;
}
.data_sec ul.data > li .chart_img img {
	width: 100%;
}
.data_sec ul.data > li.easysat .chart_img {
	width: 320px; margin-top: 31px;
}
.data_sec ul.data li.datavisual {
	padding: 55px 15px 15px;
}
.data_sec ul.data li.datavisual div.cate {
	
}
.data_sec ul.data li.datavisual img {
	margin: 0px; padding: 0px; width: 0px; height: 0px; line-height: 0; overflow: hidden; font-size: 0px;
}
.data_sec ul.data li.datavisual .chart_img {
	margin: 0px; width: 100%; height: 100%; background-size: cover;
}
.data_sec ul.data li.datavisual a {
	padding: 0px; width: 100%; height: 100%;
}
.data_sec ul.data li.hitprice div.info {
	text-align: left; line-height: 1.25; padding-left: 33%; box-sizing: border-box;
}
@media only screen and (max-device-width:767px)
{
.data_sec ul.data li.hitprice div.info {
	padding: 10px; text-align: left; bottom: auto; position: relative; box-sizing: border-box;
}
}
.data_sec ul.data li .chart {
	height: 200px; margin-top: -10px;
}
.data_sec ul.data li .amcharts-chart-div a {
	width: 0px; height: 0px; overflow: hidden;
}
.data_box .weather .city {
	padding: 1rem 1rem 0px 125px; text-align: left; line-height: 2rem; font-weight: 300;
}
.container.weather_box {
	overflow: hidden; margin-right: 0px;
}
.container.weather_box a {
	overflow: hidden; float: left;
}
.container.weather_box > div {
	overflow: hidden; float: left;
}
.container.weather_box > div + div {
	margin-left: 30px;
}
.container.weather_box p {
	padding-top: 100px; position: relative;
}
.container.weather_box p::after {
	margin: 0px; left: 5px; top: 5px; width: 75px; height: 75px; position: absolute; background-image: url("../../img/portal/ico_weather_point.png"); background-size: 300px;
}
.container.weather_box p.good::after {
	background-position: 0px 0px;
}
.container.weather_box p.good_night::after {
	background-position: -75px 0px;
}
.container.weather_box p.cloud::after {
	background-position: -150px 0px;
}
.container.weather_box p.cloud_night::after {
	background-position: -225px 0px;
}
.container.weather_box p.manycloud::after {
	background-position: 0px -75px;
}
.container.weather_box p.manycloud_night::after {
	background-position: -75px -75px;
}
.container.weather_box p.cloudy::after {
	background-position: -150px -75px;
}
.container.weather_box p.shower::after {
	background-position: -225px -75px;
}
.container.weather_box p.rain::after {
	background-position: 0px -150px;
}
.container.weather_box p.oftnrain::after {
	background-position: -75px -150px;
}
.container.weather_box p.oftnrain_night::after {
	background-position: -150px -150px;
}
.container.weather_box p.hail::after {
	background-position: -225px -150px;
}
.container.weather_box p.rainsnow::after {
	background-position: 0px -225px;
}
.container.weather_box p.thunder::after {
	background-position: -75px -225px;
}
.container.weather_box p.fog::after {
	background-position: -150px -225px;
}
.container.weather_box p.snow::after {
	background-position: -225px -225px;
}
.data_sec ul.data li .container.weather_box h4 i {
	margin: 0px; padding: 0px; line-height: 0; font-size: 0px;
}
.data_sec ul.data li .container.weather_box h4 {
	margin: 0px; padding: 10px 0px 5px; font-size: 1.28rem; font-weight: normal;
}
.data_sec ul.data li .container.weather_box p {
	margin: 0px; padding: 90px 0px 0px; width: 80px; text-align: center; line-height: 1.5; overflow: hidden;
}
.data_sec ul.data li .container.weather_box p::before {
	background: rgb(242, 244, 244); border-radius: 100%; left: 0px; top: 0px; width: 80px; height: 80px; display: block; position: absolute; content: "";
}
.data_sec ul.data li .container.weather_box > a {
	margin: 0px 5px; display: inline-block;
}
.data_sec ul.data li .container.weather_box p > span {
	font-size: 13px; font-weight: 500; display: inline-block;
}
.data_sec ul.data li .container.weather_box p > span + span::before {
	padding: 0px 5px; color: rgb(102, 102, 102); font-weight: normal; content: "/";
}
.data_sec ul.data li .container.weather_box p > span.low {
	color: rgb(1, 149, 223);
}
.data_sec ul.data li .container.weather_box p > span.high {
	color: rgb(255, 51, 51);
}
.data_sec ul.data li .container.bugs h4 {
	margin: 0px; padding: 0px; line-height: 0; font-size: 0px;
}
.data_sec ul.data li .container.bugs {
	background: rgb(244, 244, 244); padding: 1rem; left: 0px; width: 100%; height: calc(80px + 2rem); bottom: 0px; overflow: hidden; clear: both; float: none; position: absolute; box-sizing: border-box;
}
.data_sec ul.data li .container.bugs div.img {
	left: 1rem; top: 1rem; width: 105px; height: 80px; overflow: hidden; position: absolute;
}
.data_sec ul.data li .container.bugs div.img img {
	width: 100%;
}
.data_sec ul.data li .container.bugs p {
	margin: 0px 0px 5px; padding: 0px 0px 0px 120px; text-align: left; overflow: hidden; font-weight: 400; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: calc(100% - 120px);
}
.data_sec ul.data li .container.bugs p > strong {
	
}
.data_sec ul.data li .container.bugs p > strong {
	color: rgb(72, 106, 113); font-size: 1.12rem; font-weight: 700; margin-bottom: 10px; display: block !important;
}
.data_sec ul.data li .container.bugs p span.txt {
	height: 60px; display: block; white-space: normal; -ms-word-break: keep-all;
}
@media all and (max-width:1199px) and (min-device-width:768px)
{
.container.weather_box > div + div {
	margin-left: 15px;
}
.data_sec ul.data > li.easysat .chart_img {
	width: auto;
}
}
.data_sec ul.data li.hitprice h4 {
	margin: 0px; padding: 0px; line-height: 0; font-size: 0px;
}
.hitprice .list {
	padding: 0px 25px; left: 0; top: 20px; margin-bottom:25px; /*width: calc(100% - 20px);*/ overflow: hidden; position: relative; box-sizing: border-box;
}
.hitprice .list ul {
	margin: 0px; padding: 0px; display: table;
}
.hitprice .list ul > li {
	margin: 0px; padding: 0px; display: table-cell;
}
.hitprice .list ul > li button {
	background: none; margin: 0px 5px; border-radius: 100%; border: 1px solid rgb(206, 211, 213); border-image: none; width: 80px; height: 80px; box-sizing: border-box;
}
.hitprice .list ul > li button.on {
	background: rgb(70, 199, 179); border-color: rgb(70, 199, 179); color: rgb(255, 255, 255);
}
.hitprice .list li .ico {
	margin: -10px auto 0px; width: 54px; overflow: hidden; vertical-align: top; display: block; box-sizing: border-box;
}
.hitprice .list li strong {
	font-size: 12px; font-weight: 400; display: block;
}
.swiper-button-next {
	background: rgb(255, 255, 255); top: 0px; width: 30px; height: 85px; right: 0px; display: block; position: absolute; z-index: 2; box-sizing: border-box;
}
.swiper-button-prev {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 30px; height: 85px; display: block; position: absolute; z-index: 2; box-sizing: border-box;
}
.swiper-button-next::before {
	font: 20px/80px "okdab"; width: 100%; height: 100%; text-transform: none; text-decoration: inherit; display: block; content: "\e80f"; box-sizing: border-box; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.swiper-button-prev::before {
	font: 20px/80px "okdab"; width: 100%; height: 100%; text-transform: none; text-decoration: inherit; display: block; content: "\e80f"; box-sizing: border-box; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.swiper-button-disabled {
	color: rgb(221, 221, 221);
}
.swiper-button-next::before {
	content: "\e810";
}
.hitprice .list li .ico img[src*='.svg'] {
	transition:200ms; width: 54px; height: 54px; vertical-align: top;
}
.hitprice .list li .ico svg {
	transition:200ms; width: 54px; height: 54px; vertical-align: top;
}
.hitprice .list li .ico svg path {
	transition:fill 200ms ease-out; fill: #000 !important; -webkit-transition: fill 200ms ease-out; -moz-transition: fill 200ms ease-out; -o-transition: fill opacity 200ms ease-out;
}
.hitprice .list li button.on .ico svg path {
	fill: #fff !important;
}
.data_sec ul.data li.hitprice .chart {
	height: 170px; margin-top: 20px;
}
.data_sec ul.data li.hitprice .chart .amChartsLegend {
	margin: 20px 0px 0px 10px !important;
}
.data_sec ul.data li.hitprice .chart .amChartsLegend text {
	color: rgb(51, 51, 51) !important; letter-spacing: -1px; font-family: "Titillium Web", Arial,"Noto Sans KR",AppleSDGothicNeo-Regular,"Malgun Gothic","���� ���", sans-serif !important; font-size: 1.12rem !important;
}
.data_sec ul.data li.hitprice .chart .amChartsLegend text.amcharts-legend-value {
	font-size: 1.28rem !important; font-weight: 700; fill: #6432d2;
}
.data_sec ul.data li.hitprice .chart .amChartsLegend .amcharts-legend-item-graph2 text.amcharts-legend-value {
	fill: #ff5757 !important;
}
.data_sec ul.data li.hitprice .chart .amChartsLegend .amcharts-legend-item-graph3 text.amcharts-legend-value {
	fill: #6bc7de !important;
}
.data_sec ul.data li.hitprice .chart .amChartsLegend .amcharts-legend-item-graph3 text.amcharts-legend-value {
	fill: #6bc7de !important;
}
.data_box a {
	text-decoration: none;
}
@media only screen and (max-device-width:767px)
{
.data_sec ul.data > li {
	width: 100%; margin-bottom: 1rem;
}
.data_sec ul.data li .chart_img {
	width: 100%; margin-top: 20px;
}
.data_sec ul.data li .chart_img img {
	width: 100%;
}
.data_sec ul.data li h4 {
	font-size: 1.2rem; font-weight: bold; -ms-word-break: keep-all;
}
.data_sec ul.data li h4 > .legend_item::before {
	width: 10px; height: 10px;
}
.data_sec ul.data li h4 > .legend_item {
	padding-right: 0px; white-space: nowrap;
}
.data_sec ul.data li h4 > .legend_item + .legend_item {
	margin-left: 0px;
}
.data_sec ul.data li .chart {
	height: 180px; margin-top: -40px;
}
.data_sec ul.data > li {
	height: 260px;
}
.data_sec ul.data li div.info {
	bottom: 10px;
}
.data_sec ul.data > li + li {
	margin-left: 0px !important;
}
.data_sec ul.data > li:nth-child(2n+1) {
	margin-left: 0px !important;
}
.data_sec ul.data li.easysat {
	width: 100%; height: auto;
}
.data_sec ul.data li.weather {
	width: 100%; height: 310px; margin-left: 0px !important;
}
.data_sec ul.data li .container.weather_box h4 {
	padding-top: 10px; font-weight: bold;
}
.data_sec ul.data li.hitprice {
	width: 100%; height: auto;
}
.hitprice .list {
	left: auto; top: auto; width: 100%; margin-top: 50px;
}
.data_sec ul.data li.hitprice .chart .amChartsLegend {
	margin: 0px !important;
}
.data_sec ul.data li.hitprice .chart .amChartsLegend text {
	font-size: 1rem;
}
.data_sec ul.data li.hitprice .chart .amChartsLegend text.amcharts-legend-value {
	font-size: 1.2rem !important;
}
.data_sec ul.data li.hitprice .chart {
	height: 260px; margin-bottom: 40px;
}
.data_sec ul.data > li.easysat .chart_img {
	margin: 15px 0px; width: 100%; height: auto;
}
.data_sec ul.data li.datavisual {
	padding: 45px 15px 15px;
}
}
.news_sec {
	
}
.news_sec > .container {
	margin: 0px auto; padding: 25px 62px 25px; text-align: left; overflow: hidden; max-width: 1240px !important; box-sizing: border-box;
}
.news_sec h3 {
	height: 20px; text-align: left; font-size:22px;
}
.news_sec h3 > em {
	font-style: normal; font-weight: 700;
}
.news_sec ul {
	margin: 0px; padding: 0px;
}
.news_sec li {
	margin: 0px; padding: 0px;
}
.news_sec > .container > .fl {
	width: calc(100% - 543px); padding-right: 30px; float: left; box-sizing: border-box;
}
.news_sec > .container > .fc {
	width: 256px; float: left; box-sizing: border-box; height:310px;
}
/*------20191127 �߰�-----*/
.news_sec > .container > .fr {
	width: 256px; float: right; box-sizing: border-box;
}

.news_sec ul.tab_box {
	margin: 0px; padding: 0px; white-space: nowrap;
}
.tab_box li {
	margin: 0px; padding: 0px; white-space: nowrap;
}
.news_sec ul.tab_box {
	height: 55px; display: table;
}
.news_sec ul.tab_box li {
	display: table-cell; box-sizing: border-box;
}
.news_sec ul.tab_box li button {
	background: none; padding: 0px 1rem; border: currentColor; border-image: none; color: rgb(165, 166, 167); line-height: 55px; font-size: 1.14rem;
}
.news_sec .swiper_tab {
	padding: 0px 30px; width: 100%; overflow: hidden; border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(226, 227, 228); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: relative; box-sizing: border-box;
}
.news_sec .swiper-button-next {
	width: 30px; height: 55px;
}
.news_sec .swiper-button-prev {
	width: 30px; height: 55px;
}
.news_sec .swiper-button-next::before {
	text-align: left; line-height: 55px; padding-left: 10px; content: "\e807";
}
.news_sec .swiper-button-prev::before {
	text-align: left; line-height: 55px; padding-left: 10px; content: "\e807";
}
.news_sec .swiper-button-next::before {
	text-align: right; padding-right: 10px; content: "\e808";
}
.news_sec ul.tab_box li button.on {
	color: rgb(0, 0, 0); font-weight: 500; position: relative;
}
.news_sec ul.tab_box li button.on::after {
	background: rgb(0, 0, 0); left: 2rem; width: calc(100% - 4rem); height: 1px; bottom: 0px; display: block; position: absolute; content: ""; box-sizing: border-box;
}
.news_sec ul.list {
	clear: both; float: none;
}
.keyword_news ul.list li {
	border: 1px solid rgb(227, 227, 227); transition:0.3s; border-image: none; width: 33.3%; height: 265px; font-weight: 300; float: left; position: relative; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(70,70,70,0);
}
/*.keyword_news ul.list li:hover {
	box-shadow: 0px 0px 20px rgba(70,70,70,0.5);
}*/
.keyword_news ul.list li:hover .tit {
	
}
.keyword_news ul.list li.nodata {
	border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(51, 51, 51); border-image: none; width: 100%; color: rgb(153, 153, 153);
}
.keyword_news ul.list li.nodata p::before {
	margin: -60px auto 0px; text-align: center; color: rgb(153, 153, 153); text-transform: none; font-family: "okdab"; font-size: 100px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: block; content: "\e838"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.keyword_news ul.list li a {
	color: rgb(0, 0, 0);
}
/*.keyword_news ul.list li + li {
	margin-left: 2%;
}*/
.keyword_news ul.list .tit {
	background: rgb(255, 255, 255); padding: 1rem 1rem 2rem; transition:0.5s; height: 62px; line-height: 1.3; overflow: hidden; font-size: 15px; margin-top: 0px; border-top-color: rgb(227, 227, 227); border-top-width: 1px; border-top-style: solid; position: relative; z-index: 2; box-sizing: border-box;
}
.keyword_news ul.list li:hover .tit {
	margin-top: -30px;
}
.keyword_news ul.list .txt {
	padding: 0px 1rem; height: 85px; line-height: 1.3; overflow: hidden; font-size:12px;
}
.keyword_news ul.list .img {
	height: 110px; overflow: hidden;
}
.keyword_news ul.list .img img {
	width: 100%;
}
.keyword_news ul.list .opt {
	background: linear-gradient(to top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); padding: 40px 1rem 0px; left: 0px; width: 100%; height: 70px; bottom: 0px; font-size: 12px; position: absolute; box-sizing: border-box; border-radius:10px;
}
.keyword_news ul.list .opt > span {
	line-height: 20px; padding-left: 20px; float: left; position: relative;
}
.keyword_news ul.list .opt > span.date {
	float: right;
}

.today_news h3 {
	font-size: 1.57rem; font-weight: 400;
}
.today_news h3 > span {
	letter-spacing: 0px; padding-left: 10px; font-size: 1.07rem; font-weight: 500;
}
.today_news .news ul.list {
	margin-top: 5px;
}
.today_news .news .img {
	left: 0px; top: 10px; width: 65px; height: 50px; overflow: hidden; position: absolute;
}
.today_news .news .img img {
	width: 100%;
}
.today_news .news li {
	position: relative;
}
.today_news .news .img + .tit {
	padding-left: 75px; margin-top: -5px;
}
.today_news .news .tit {
	height: 42px; overflow: hidden;
}
.today_news .news ul.list .opt {
	text-align: right;
}
.today_news .news ul.list .opt > span {
	color: rgb(153, 153, 153); padding-left: 20px; position: relative;
}
.today_news .news ul.list li + li {
	border-top-color: rgb(225, 225, 225); border-top-width: 1px; border-top-style: solid;
}
.today_news .news ul.list li {
	padding: 8px 0px; min-height: 70px; max-height: 80px; box-sizing: border-box;
}
.nboard {
	position: relative;
}
.nboard h3 {
	color: rgb(0, 0, 0); font-size: 22px; font-weight: 700; position: relative; z-index: 2; height:20px;
}
.nboard h3 a {
	color: rgb(0, 0, 0);
}
.nboard h3 > strong {
	color: rgb(0, 0, 0) !important; font-weight: 700;
}
.nboard h3 > a > strong {
	color: rgb(0, 0, 0) !important; font-weight: 700;
}
.nboard ul {
	display: table;
}
.nboard li {
	border: 1px solid rgb(227, 227, 227); border-image: none; width: 100%; height: 320px; overflow: hidden; border-radius:10px;
}
.nboard li:hover {
	border: 1px solid rgb(53,134,216);
}
.nboard li div.img {
	 overflow: hidden;
}
.nboard li div.tit {
	background: rgb(255, 255, 255); padding: 1rem 1.5rem 2rem; transition:0.3s; text-align: center; line-height: 1.3; overflow: hidden; font-size:15px; font-weight: 300; margin-top:-5px; border-top-color: rgb(227, 227, 227); border-top-width: 1px; border-top-style: solid; position: relative; -ms-text-overflow: ellipsis;
}
.nboard li:hover div.tit {
	line-height: 2rem; overflow: hidden; margin-top: -20px; white-space: normal; -ms-word-break: keep-all;
}
.nboard li img {
	width: 100%;
}
.nboard .bx-controls {
	left: auto; top: 10px; width: auto; text-align: left; right: 0px; bottom: auto; padding-top: 0px; position: absolute;
}
.nboard .bx-controls-auto-item a::before {
	color: rgba(0, 0, 0, 0.5);
}
.nboard .bx-controls .bx-pager-item {
	margin: 0px 1px;
}
.nboard .bx-controls .bx-pager-item a {
	 border-radius: 0px; transition:0.3s; width: 10px; height: 10px; border-radius:50%; border:2px solid #bdbdbd; box-sizing:border-box;
}
.nboard .bx-controls .bx-pager-item a.active {
	background-color:#3586d8; border-color:#3586d8;
}
.nboard .bx-controls-auto {
	width: 15px; height: 15px; margin-right: 5px;
}
.nboard .bx-controls-auto-item a::before {
	font-size: 16px;
}
.nboard li a {
	overflow: hidden; display: block;
}
.nboard .bx-viewport {
	height: auto !important;
}


/*------20191127 �߰�-----*/

#fp-nav ul li:last-child{display:none;}
#fullpage .section{position:relative;}

#section0 .visual{display:block;max-width:100%;height:300px; margin-top:64px; overflow:hidden;}
#section0 .visual li{position:relative;height:300px;}
#section0 .visual li .visualText{position:relative;letter-spacing:-1px; width:1240px; margin:0 auto;}
#section0 .visual li .visualText p{font-size:42px;color:#333;letter-spacing:-5px;line-height:50px;}
#section0 .visual li .visualText p b{font-size:48px; font-weight:bold; line-height:60px;}
#section0 .visual .bx-wrapper{position:relative;}
#section0 .visual .bx-controls{position:relative;bottom:60px;left:5px; width:1240px; margin:0 auto;}
#section0 .visual .bx-controls .bx-controls-direction{display:none;}
#section0 .visual .bx-controls .bx-pager .bx-pager-item{display:inline-block;min-width:15px;height:15px;margin-right:5px;}
#section0 .visual .bx-controls .bx-controls-auto{position:absolute;top:4px;left:50px;}
#section0 .visual .bx-controls a{display:block;width:15px;height:15px;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;}
#section0 .visual .bx-controls a.bx-start{background-image:url(../../img/intro1_start.png);}
#section0 .visual .bx-controls a.bx-stop{background-image:url(../../img/intro1_stop.png);}
#section0 .visual .bx-controls a.bx-pager-link{background-image:url(../../img/intro1_pager.png);}
#section0 .visual .bx-controls a.bx-pager-link.active{background-image:url(../../img/intro1_pager_active.png);}

.data_anal{ position:relative;}
.data_anal h3{ height:20px; text-align:left; font-size:22px;}
.data_anal ul{ position:relative; border:1px solid #e3e3e3; border-radius:10px; height:320px;}
.data_anal ul li{line-height:69px;background:#fff; border-bottom:1px solid #e3e3e3;}
.data_anal ul li:first-child { background:#f8f8f8; line-height:95px; height:95px; border-top-left-radius:10px;border-top-right-radius:10px;}
.data_anal ul li:last-child{ border-bottom:0;}
.data_anal ul li a{font-size:18px; color:#00aae3; height:69px; padding:0 0 0 20px; letter-spacing:-1px;}
.data_anal ul li.icon01{background:url(../../img/icon01.png) no-repeat 190px 20px;}
.data_anal ul li.icon02{background:url(../../img/icon02.png) no-repeat 190px 20px;}
.data_anal ul li.icon03{background:url(../../img/icon03.png) no-repeat 190px 20px;}
.data_anal ul li a:hover{ font-size:18px; color:#00aae3;}
.data_anal button.more {background: none; border: currentColor; border-image: none; top: 32px; right: 0; color: rgb(153, 153, 153); position: absolute;}

.back_img{background:url(../../img/page2_back.png) no-repeat 0 0;}


.data_new {margin: 0px auto; padding: 25px 62px 25px; overflow: hidden; max-width: 1115px !important;}
.data_new > .container {text-align: left; overflow: hidden; box-sizing: border-box;}
.data_new > .container > .fl_t {width: calc(100% - 543px); padding-right: 30px; float: left; box-sizing: border-box;}
.data_new > .container > .fc_t {width:256px; padding-right: 30px; float: left; box-sizing: border-box;}


.data_pis {width:100%; margin-bottom:60px; position:relative;}
.data_pis h3{ height:20px; text-align:left; font-size:22px;}
.data_pis ul.data{padding:0; margin:0;}
.data_pis ul.data li{background:#FFF; border-radius:10px;}
.data_pis ul.data li.hitprice {margin: 0px; padding: 0px; line-height: 0; font-size: 0px; height:310px;}
.data_pis button.more {background: none; border: currentColor; border-image: none; top: 32px; right: 30px; color: rgb(153, 153, 153); position: absolute;}

.jang_bu {width:100%; margin-bottom:60px; position:relative;}
.jang_bu h3{ height:20px; text-align:left; font-size:22px;}
.jang_bu ul {padding:0; margin:0; height:310px;}
.jang_bu ul li{background:#3478b7; border-radius:10px;}
/*.data_pis ul.data li.hitprice {margin: 0px; padding: 0px; line-height: 0; font-size: 0px; height:310px;}*/
.jang_bu button.more {background: none; border: currentColor; border-image: none; top: 32px; right: 30px; color: rgb(153, 153, 153); position: absolute;}


./*
@media all and (max-width:1199px) and (min-device-width:768px)
{
.news_sec > .container {
	padding: 0px 30px;
}
.news_sec > .container > .fl {
	width: calc(100% - 240px); padding-right: 30px;
}
.news_sec > .container > .fr {
	width: 240px;
}
.today_news .news .tit {
	height: 40px;
}
}
*/
@media only screen and (max-device-width:767px){
	.news_sec > .container {
		padding: 0px;
	}
	.news_sec > .container > .fl {
		padding: 0px; width: 100%; clear: both; margin-bottom: 30px; float: none;
	}
	.news_sec h3 {
		height: auto;
	}
	.keyword_news {
		overflow: hidden; margin-bottom: 30px;
	}
	.keyword_news ul.list li {
		width: 49%; height: 240px; overflow: hidden; display: none;
	}
	.keyword_news ul.list > li:nth-child(1) {
		display: block;
	}
	.keyword_news ul.list > li:nth-child(2) {
		display: block;
	}
	.keyword_news ul.list li:hover {
		box-shadow: none;
	}
	.keyword_news ul.list .img {
		height: 100px;
	}
	.keyword_news ul.list .txt {
		height: 70px;
	}
	.keyword_news ul.list .tit {
		padding-right: 5px; padding-left: 5px;
	}
	.keyword_news ul.list .txt {
		padding-right: 5px; padding-left: 5px;
	}
	.keyword_news ul.list .opt {
		padding-right: 5px; padding-left: 5px;
	}
	.news_sec > .container > .fr {
		width: 100%; clear: both; float: none;
	}
	.news_sec > .container > .fr .news {
		padding-bottom: 10px; margin-bottom: 30px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
	}
	.nboard h3 {
		line-height: inherit; font-size: 1.57rem;
	}
	.news_sec .nboard ul.list {
		margin-top: 5px;
	}
 	.today_news .news .tit {
		height: 40px;
	}
	.nboard li {
		height: auto;
	}
	.nboard .bx-controls {
		padding-right: 0px;
	}
}
.okdab_sec {
	margin: 0px auto; padding: 0px 62px; overflow: hidden; max-width: 1240px !important;
}
.okdab_sec h3 {
	text-align: left; font-size: 1.6rem;
}
.okdab_sec > div {
	width: 30%; float: left; box-sizing: border-box;
}
.okdab_sec > div + div {
	margin-left: 20px;
}
.okdab_sec > div.data_box {
	width: calc(30% - 40px);
}
.okdab_sec > div .inner_box p {
	padding: 10px 20px; left: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 1.2rem; font-weight: 300; position: absolute; -ms-word-break: keep-all;
}
.okdab_sec > div.data_box .inner_box p {
	font-size: 1.64rem; font-weight: 300;
}
.okdab_sec > div .inner_box .img::before {
	background: rgba(0, 0, 0, 0.3); transition:0.3s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: "";
}
.okdab_sec > div .inner_box .img::after {
	font: bold 22px/35px "okdab"; margin: -17px 0px 0px -17px; border-radius: 100%; border: 3px solid rgba(255, 255, 255, 0.6); transition:0.3s; border-image: none; left: 50%; top: 50%; width: 35px; height: 35px; text-align: center; color: rgba(255, 255, 255, 0.6); text-transform: none; text-decoration: inherit; display: block; position: absolute; z-index: 3; content: "\e812"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.okdab_sec > div.data_box .inner_box .img::after {
	display: none;
}
.okdab_sec > div .inner_box:hover .img::before {
	background: rgba(0, 0, 0, 0);
}
.okdab_sec > div .inner_box a {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: block; position: absolute;
}
.okdab_sec .inner_box {
	border: 1px solid rgb(162, 162, 162); border-image: none; height: 305px; position: relative; box-sizing: border-box;
}
.okdab_sec > div.tv_box {
	width: 40%;
}
.okdab_sec > div.tv_box .inner_box {
	width: 49%; float: left;
}
.okdab_sec > div.tv_box .inner_box + .inner_box {
	margin-left: 2%;
}
.okdab_sec > div.tv_box .inner_box > h4 {
	margin: 0px; padding: 0px; height: 0px; line-height: 0; font-size: 0px;
}
.okdab_sec > div.tv_box .inner_box .img {
	height: 140px; overflow: hidden; position: relative;
}
.okdab_sec > div.tv_box .inner_box p {
	left: auto; height: 110px; bottom: auto; color: rgb(0, 0, 0); position: relative;
}
.okdab_sec > div.tv_box .inner_box .img img {
	width: auto; height: 140px;
}
.okdab_sec > div.tv_box .inner_box .imgs .onA {
	width: auto;
}
.okdab_sec ul {
	margin: 0px; padding: 0px;
}
.okdab_sec li {
	margin: 0px; padding: 0px;
}
.okdab_sec > div .img {
	overflow: hidden;
}
.okdab_sec > div .img img {
	width: 100%;
}
.okdab_sec > div .inner_box p span.source {
	padding: 5px 10px; border: 1px solid rgb(51, 51, 51); border-image: none; left: 20px; bottom: 0px; color: rgb(51, 51, 51); font-size: 1rem; display: block; position: absolute;
}
.okdab_sec > div.noti_box {
	margin-bottom: 0px; box-sizing: border-box;
}
.okdab_sec > div.noti_box a {
	padding: 15px 0px; box-sizing: border-box;
}
.okdab_sec > div.noti_box .inner_box {
	border-width: 1px medium medium; border-style: solid none none; border-color: rgb(221, 221, 221) currentColor currentColor; border-image: none;
}
.okdab_sec > div.noti_box .inner_box li {
	padding: 13px 0px; overflow: hidden; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.okdab_sec > div.noti_box .inner_box li .tit {
	color: rgb(0, 0, 0); line-height: 25px; overflow: hidden; font-size: 1rem; font-weight: 300; margin-bottom: 0px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; max-height: 25px;
}
.okdab_sec > div.noti_box .inner_box li > a {
	padding: 0px 0px 0px 8px; width: calc(100% - 110px); float: left; display: block; position: relative;
}
.okdab_sec > div.noti_box .inner_box li .cate {
	line-height: 25px; font-weight: 500; margin-bottom: 0px; float: left;
}
.okdab_sec > div.noti_box .inner_box li .txt {
	color: rgb(117, 117, 117); overflow: hidden; clear: both; font-size: 0.97rem; margin-top: 5px; float: none; display: block; max-height: 40px;
}
.okdab_sec > div.noti_box .inner_box li .date {
	right: 0px; bottom: 18px; color: rgb(153, 153, 153); font-size: 12px; position: absolute;
}
.okdab_sec > div.noti_box a:hover * {
	color: rgb(30, 136, 229) !important;
}
.okdab_sec > div.noti_box .inner_box {
	height: auto; margin-bottom: 10px;
}
.okdab_sec .nboarding {
	margin-top: 32px; position: relative;
}
.okdab_sec .nboarding h3 {
	margin: 0px; padding: 0px; border: currentColor; border-image: none; height: 0px; line-height: 0; font-size: 0px;
}
.okdab_sec .nboarding ul {
	display: table;
}
.okdab_sec .nboarding li {
	width: 50%; height: auto; overflow: hidden; float: left;
}
.okdab_sec .nboarding li img {
	width: 100%;
}
.okdab_sec .nboarding .bx-controls {
	left: 0px; top: -25px; text-align: left; bottom: auto; position: absolute;
}
.okdab_sec .nboarding .bx-controls-auto-item a::before {
	color: rgba(0, 0, 0, 0.5);
}
.okdab_sec .nboarding li a {
	padding: 0px; overflow: hidden; display: block;
}
.okdab_sec .nboarding .bx-controls-auto {
	left: auto; right: 0px; margin-right: 0px; position: absolute;
}
.okdab_sec .nboarding .bx-controls-auto .bx-controls-auto-item a {
	padding: 0px;
}
.okdab_sec .nboarding .bx-controls-auto-item a::before {
	font-size: 16px;
}
@media only screen and (max-device-width:767px)
{
.okdab_sec > div {
	margin: 0px 0px 30px !important; width: 100% !important; clear: both; float: none;
}
.okdab_sec > div.tv_box {
	overflow: hidden;
}
.okdab_sec > div.noti_box .inner_box li {
	overflow: hidden; min-height: inherit;
}
.okdab_sec > div.noti_box a {
	padding-bottom: 30px; position: relative;
}
.okdab_sec > div.noti_box .inner_box li .date {
	bottom: 0px;
}
.okdab_sec > div.noti_box .inner_box li .tit {
	max-height: 46px;
}
.okdab_sec > div.noti_box .inner_box li .txt {
	max-height: 32px;
}
.okdab_sec > div.noti_box .inner_box li > a {
	height: auto;
}
}
.gnb_section h1 a > span {
	background: url("../../img/portal/logo_top.png") no-repeat center / 100%; width: 100%; height: 38px; display: block;
}
.gnb_section h1 a {
	width: 100%; height: 38px; line-height: 0; font-size: 0px; display: block;
}
.header_wrap {
	background: rgb(255, 255, 255);
}
.web .header_wrap {
	position: relative;
}
.top_box span.range label {
	color: rgb(192, 192, 192);
}
.header_wrap div.sch > button::before {
	color: rgb(38, 50, 68);
}
.top_box .member li.cscenter::before {
	background: rgba(255, 255, 255, 0.2);
}
.top_box .member li.logout a {
	border-color: rgba(255, 255, 255, 0.2); color: rgb(135, 135, 135);
}
.gnb > li > a {
	color: rgb(255, 255, 255) !important;
}
.mymenu_box .now_set li a {
	color: rgba(255, 255, 255, 0.5);
}
.gnb_section h1 {
	margin: -10px 0px 0px;
}
@media only screen and (max-device-width:767px)
{
.header_wrap {
	background: rgb(255, 255, 255);
}
.gnb_section h1 a > span {
	background: url("../../img/portal/h1_logo.png") no-repeat center / 100%; width: 100%; height: 38px; margin-top: 7px; display: block;
}
.header_wrap div.sch {
	display: block;
}
}
.loading {
	padding: 50px 30px; text-align: center;
}
.bounceball {
	width: 30px; height: 37px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 3px; border-bottom-style: solid; display: inline-block; position: relative;
}
.bounceball::before {
	transform-origin: 50% 50%; border-radius: 50%; animation:bounce 500ms infinite alternate; left: 7px; top: 0px; width: 15px; height: 15px; display: block; position: absolute; content: ""; background-color: rgb(234, 53, 146); -webkit-transform-origin: 50%; -webkit-animation: bounce 500ms alternate infinite ease;
}
.loading .text {
	padding-top: 10px; font-size: 1.12rem;
}
.roll {
	left: 0px; top: 50%; width: 62px; height: 62px; margin-top: -31px; display: block; position: absolute; z-index: 3;
}
.roll.prv {
	background: rgb(206, 211, 213); left: 0px; text-align: center;
}
.roll.nxt {
	background: rgb(206, 211, 213); left: auto; text-align: center; right: 0px;
}
.roll button {
	background: none; margin: 0px; padding: 0px; border: currentColor; border-image: none; width: 100%; height: 100%; display: block;
}
.roll button > span {
	line-height: 0; font-size: 0px;
}
.roll button::before {
	font: 26px/62px "okdab"; color: rgb(255, 255, 255); text-transform: none; text-decoration: inherit; display: inline-block; content: "\e80f"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.roll.nxt button::before {
	content: "\e810";
}
.roll button.off {
	background: rgb(234, 240, 242);
}
@media only screen and (max-device-width:767px)
{
.roll {
	display: none;
}
}
.top_banner {
	background-position: center; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover;
}
.web .top_banner {
	z-index: 8;
}
.top_banner.on {
	
}
.top_banner .img img {
	width: auto; height: 100%; font-size: 0px; visibility: hidden;
}
.top_banner .inner {
	margin: -300px auto 0px; transition:0.6s; position: relative; max-width: 1240px; opacity: 0;
}
.top_banner .inner .btn {
	top: 10px; right: 10px; position: absolute;
}
.top_banner .inner .img > a {
	width: 100%; height: 100%; overflow: hidden; display: block;
}
.top_banner.on .inner {
	margin-top: 0px; opacity: 1;
}
.top_banner .inner .btn button.close {
	background: none; border: currentColor; border-image: none; color: rgba(30, 30, 30, 0.7); font-size: 12px; font-weight: 300; margin-left: 15px;
}
.top_banner .inner .btn button.close::before {
	color: rgb(0, 0, 0); text-transform: none; padding-right: 5px; font-family: "okdab"; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; content: "\e843"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.top_banner .inner .btn button.close_only::before {
	content: "\e828";
}
.top_banner .inner .btn button.close_only > span {
	line-height: 0; font-size: 0px;
}
@media only screen and (max-device-width:767px)
{
.top_banner {
	top: 52px; position: relative;
}
.top_banner.on {
	height: 60px;
}
.top_banner .inner .btn button.close_24 {
	background: rgba(0, 0, 0, 0.57); color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 10px;
}
.top_banner .inner .btn button.close {
	margin-left: 0px;
}
.top_banner .inner .btn {
	top: 5px; right: 0px;
}
.top_banner .inner .btn button.close_24::before {
	color: rgb(255, 255, 255); font-size: 12px;
}
}
.fl.keyword_news {
	position: relative;
}
.fl.keyword_news > a.more {
	display:block; background: none; border: currentColor; border-image: none; top: 32px; right: 30px; color: rgb(153, 153, 153); position: absolute;
}
.fl.keyword_news > a.more::after {
	text-transform: none; padding-left: 3px; font-family: "okdab"; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; content: "\e80a"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.fl.keyword_news > a.more:hover {
	color: rgb(0, 0, 0); text-decoration: underline;
}

.fr.data_anal > a.more {
	display:block; background: none; border: currentColor; border-image: none; top: 32px; right: 30px; color: rgb(153, 153, 153); position: absolute;
}
.fr.data_anal > a.more::after {
	text-transform: none; padding-left: 3px; font-family: "okdab"; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; content: "\e80a"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.fr.data_anal > a.more:hover {
	color: rgb(0, 0, 0); text-decoration: underline;
}


/*sb �߰�*/
.clfx:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.f-14{font-size:14px !important; }
.top_notice_area{position:relative; z-index:9999; }
.top_notice_slide_area{position:relative; height:100px; overflow:hidden;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.top_notice_slide_area.close{height:0;}
.top_notice_slide{position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; }
.top_notice_slide>.list{display:none;}
.top_notice_slide>.list:first-child{display:block;}
.top_notice_slide .slides_arrow{position:absolute; left:50%; top:0; margin-left:-670px; z-index:5;  width:1340px;}
.top_notice_slide .slides_arrow ul{float:right; margin:0;}
.top_notice_slide .slides_arrow ul li{margin-bottom:1px;}
.top_notice_slide .slides_arrow button{border:none;}
.top_notice_slide .slides_arrow .prev{width:30px; height:30px; display:block; background:url(../../img/top_notice_prev.png) no-repeat center center; }
.top_notice_slide .slides_arrow .next{width:30px; height:30px; display:block; background:url(../../img/top_notice_next.png) no-repeat center center; }
.top_notice_close{position:relative;  z-index:6; margin:0 auto; width:1240px; box-sizing:border-box;}
.top_notice_close button{position:absolute; left:157px; bottom:-28px; width:65px; height:28px; line-height:28px; background-color:#eaeaea; color:#333; font-size:13px; border:none; border-radius:0 0 10px 10px;}
.slick-vertical .slick-slide{border:none;}
.top_box .container {padding-right:50px;}
.top_box .container .page{float:left; }
.top_box .container .login_txt{float:left; margin:0; padding:0; line-height:26px; font-size:14px; color:#444}
.top_box .container .login_txt .f-blue{color:#377fc2;}
.top_box .container .member{float:left;}
.top_box .container .member li{float:left; position:relative; padding:0 10px; }
.top_box .container .member li:before{position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background-color:#ddd; display:block; content:"";}
.top_box .container .member li:first-child:before{display:none;}
.top_box .container .member li a{font-size:13px; color:#999;}

.header_wrap{height:110px; box-shadow:2px 2px 5px rgba(150,150,150,0.2);}
.headerFixed .header_wrap{position:fixed; left:0; top:0; width:100%; background-color:#fff; height:75px;}
.headerFixed .header_wrap .top_box{display:none;}
.headerFixed .header_wrap .gnb_section{padding-top:15px;;}
.headerFixed .header_wrap .top_right_area{padding-top:10px;;}
.headerFixed .header_wrap .gnb_dep2{top:75px;}
.headerFixed .top_notice_area{display:none;}
.headerFixed .gnbMenu{padding-top:10px;}
.headerFixed .gnbMenu>ul>li>a{padding-bottom:25px;}
.gnb_section:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.gnb_section{position:static; margin:0 auto; padding:7px 0 0; width:1240px; }
.gnb_section .logo{float:left; padding-right:25px;}
.gnbMenu{float:left; box-sizing:border-box; padding-top:5px;}
.gnbMenu .borderT_no{border-top:none !important;}
.gnbMenu ul{padding:0; margin:0; }
.gnbMenu a{display:block; padding:0 17px 0 10px; background:url(../../img/gnb_menu_arrow.png) no-repeat right 7px center; background-size:5px; font-size:14px; font-weight:300; color:#333; box-sizing:border-box;}
.gnbMenu>ul>li{float:left; padding:0 20px;}
.gnbMenu>ul>li>a{position:relative; padding:0 0 28px; background:none; display:block; font-size:17px; color:#333; font-weight:400;}
.gnbMenu>ul>li>a:before{position:absolute; left:0; bottom:15px; width:100%; height:2px; background-color:#377fc2; display:block; content:""; opacity:0;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.gnbMenu>ul>li:hover>a:before{bottom:0; width:100%; opacity:1;}
.gnbMenu>ul>li:hover>a{color:#3585d8;}
.gnbMenu>ul>li:hover .gnb_dep2{display:block;}
.gnb_dep2{position:absolute; left:0; top:108px; z-index:20; padding:10px 0 20px; width:100%; background-color:#fff; border-bottom:1px solid #9ba1ac; border-top:1px solid #377fc2; box-shadow:3px 3px 7px rgba(150,150,150,0.2); display:none; min-height:200px;}
.gnb_dep2>ul>li:first-child{border-top:none;}
.gnb_dep2>ul{margin:0 auto; width:1240px; }
.gnb_dep2>ul>li{position:relative; padding-left:170px; min-height:40px; /*border-top:1px solid #c3d8ed; background-color:#eaeaea;*/ letter-spacing:-1px;}
.gnb_dep2>ul>li>a{position:absolute; left:0; top:0; width:170px; line-height:40px; font-weight : 500;}
.gnb_dep2>ul.type_2>li{float:left; padding-left:0; width:20%;}
.gnb_dep2>ul.type_2>li>a{width:100%;}
.gnb_dep2>ul.type_2>li.not_sub>a:after{display:none;}
.gnb_dep3>ul>li{position:relative; padding-left:170px; /*background-color:#f6f6f6; border-top:1px solid #c3d8ed;*/}
.gnb_dep3>ul>li:first-child{border-top:none;}
.gnb_dep3>ul>li>a{position:absolute; left:0; top:0; width:170px; line-height:40px; display:block; }
.gnb_dep2>ul>li.not_sub{background:transparent;}
.gnb_dep2>ul>li.not_sub a{padding-right:0; background:none;}
/*
.gnb_dep2>ul>li.not_sub>a{background-color:#eaeaea;}
.gnb_dep3>ul.type_2{background-color:#f6f6f6;}
.gnb_dep2>ul>li.not_sub>a:after{position:absolute; right:-170px; top:0; width:170px; height:45px; display:block; background-color:#f6f6f6; content:"";}
*/

.gnb_dep3>ul>li{min-height:40px;}
.gnb_dep3>ul.type_2>li{float:left; padding-left:0; min-width: 130px; /*margin-right:30px;*/}
.gnb_dep3>ul.type_2>li>a{padding:0 30px 0 10px; width:auto; position:relative; background: none; }
/*.gnb_dep3>ul.type_2>li:first-child{margin-right:0; width:170px; }*/

.gnb_dep3>ul.type_3>li{float:left; margin-right:30px; padding-left:0;border-top:none; }
.gnb_dep3>ul.type_3>li>a{position:relative; width:auto; }
.gnb_dep3>ul>li.not_sub{background:#fff;}
.gnb_dep3>ul>li.not_sub a{padding-right:0; background:none;}


.gnb_dep4{background-color:#fff;}
.gnbMenu ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.gnb_dep4>ul>li{float:left; position:relative; padding:0 20px;}
.gnb_dep4>ul>li:before{position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background-color:#ddd; display:block; content:"";}
.gnb_dep4>ul>li:first-child:before{display:none;}
.gnb_dep4>ul>li>a{padding:0; line-height:40px; display:block; background:none;}
/*
.not_sub a{padding-right:0; background:none;}
.gnb_dep3>ul.type_3{background-color:#f6f6f6;}
.gnb_dep3>ul>li.not_sub>a{background-color:#f6f6f6;}
.gnb_dep4>ul>li.not_sub{float:none; width:100%;}
*/
.top_right_area{float:right; }
.top_search_word{float:left; position:relative; padding:0 40px 0 25px; width:250px; height:36px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.top_search_word .num{position:absolute; left:0; top:0; line-height:35px; text-align:center; font-weight:400; color:#6f95df; font-weight:600; }
.top_search_word .word_txt{line-height:35px; }
.top_search_word .up{position:absolute; right:0; top:0; padding-left:20px; width:40px; line-height:35px; color:#c9112b; font-size:12px; box-sizing:border-box; background:url(../../img/portal/ico_up.png) no-repeat 0 center; }
.total_menu_open{float:left; margin:8px 0 0 35px; width:25px; border:none;}
.total_menu_open button{position:relative; padding:0; border:none; width:100%; height:20px;}
.total_menu_open button span{margin:8px 0; display:block; width:100%; height:3px; background-color:#2d3a4f; text-indent:-9999px;}
.total_menu_open span:before{position:absolute; left:0; top:0; width:100%; height:3px; display:block; background-color:#2d3a4f; content:"";}
.total_menu_open span:after{position:absolute; left:0; bottom:0; width:100%; height:3px; display:block; background-color:#2d3a4f; content:"";}

/*20200213 추가*/
.top_search_word{position:relative; padding:0;}
.top_search_word .slides{height:36px;  overflow:hidden;}
.top_search_word .list{position:relative; padding:0 40px 0 25px; box-sizing:border-box;}
.top_search_word .list .new{position:absolute; right:0; top:0; width: 40px; line-height:35px; text-align: center; color: rgb(3, 134, 46); font-size: 9px;}
.top_search_word .list .down{position:absolute; right:0; top:0; padding-left:20px; width:40px; line-height:35px; font-size:12px; box-sizing:border-box; background:url(../img/portal/ico_dn.png) no-repeat 0 center; color:#005ebf;}
.top_search_word_list{position:absolute; left:0; top:0; z-index:10; padding:10px 20px; width:100%; border:1px solid #999; background-color:#fff;  box-sizing:border-box; display:none;}
.top_search_word_list .up{line-height:30px;  }
.top_search_word_list .down{line-height:30px;  }
.top_search_word_list .new{line-height:30px;  }
.top_search_word_list .word_txt{line-height:30px; }
.top_search_word_list .num{line-height:30px; }
.top_search_word:hover .top_search_word_list{display:block;}


.main_visual {position:relative; height:330px; overflow:Hidden; }
.main_visual .list{height:330px; box-sizing:border-box;}
.main_visual .list_1{background:url(../../img/visual_01.jpg) no-repeat center center;  }
.main_visual .list_2{background:url(../../img/totu1.png) no-repeat center center;  }
.main_visual .list_3{background:url(../../img/totu2.png) no-repeat center center;  }
.main_visual .list_4{background:url(../../img/young.png) no-repeat center center; }
.main_visual .txt_area{margin:0 auto; width:1240px; padding:60px 0 0 50px; line-height:1.2; font-size:48px; color:#333;}
.main_visual .txt_area strong{font-weight:500;}
.main_visual .slick-dots{margin:0; padding:0; position:absolute; left:50%; bottom:48px; z-index:2; margin-left:-590px; width:1240px; }
.main_visual .slick-dots li{margin:0 3px; display:inline-block; }
.main_visual .slick-dots li button{margin:0; padding:0; width:12px; height:12px; border:2px solid #374863; box-sizing:border-box; display:block; text-indent:-9999px; border-radius:50%;  background:transparent;}
.main_visual .slick-dots li.slick-active button{background-color:#374863;}

.renewal_cont{margin:0 auto; width:1200px;}
.renewal_cont *, .main_cont *{margin:0; padding:0;}
.frequently_menu_wrap{padding:30px 0 0; height:150px; border-bottom:1px solid #727272; box-sizing:border-box; overflow:hidden;}
.frequently_menu_wrap .renewal_cont{position:relative; width:1116px; padding-left:166px; box-sizing:border-box; }
.frequently_menu_wrap .title_area{position:absolute; left:0; top:15px; }
.frequently_menu_wrap .title_area h1{font-size:22px; font-weight:400;}
.frequently_menu_wrap .title_area button{border:none; border-bottom:1px solid #555; font-size:16px; color:#555;}
.frequently_menu_list .slides {position:relative; padding:0 60px;  }
.frequently_menu_list .list{float:left; padding:0 20px; box-sizing:border-box; text-align:center; }
.frequently_menu_list .icon img{display:inline-block; height:50px;}
.frequently_menu_list .txt{padding-top:5px; font-size:14px; color:#555; }
.frequently_menu_list .slick-arrow{position:absolute; top:20px; width:40px; height:40px; display:block; text-indent:-9999px; border:none;}
.frequently_menu_list .slick-prev{left:0; background:url(../../img/frequently_menu_prev.gif) no-repeat center center; }
.frequently_menu_list .slick-next{right:0; background:url(../../img/frequently_menu_next.gif) no-repeat center center; }

.main_bg{padding:60px 0 0; background:url(../../img/page2_back.png) no-repeat center 0 rgb(220, 233, 247); background-size:cover;}
.main_cont{margin:0 auto; padding:0 62px; width:1240px; box-sizing:border-box;}
.main_cont h1{line-height:1; font-size:22px; color:#222; font-weight:500;}
.main_box{position:relative; float:left; margin:0 0 60px 2.65%; width:23%;}
.main_box .more{position:absolute; right:10px; top:5px; background:transparent; border:none;}
.main_box .title_area{height:40px;}
.main_box:first-child{margin-left:0; width:48.7%;}
.main_box .box{height:310px; box-sizing:border-box; background-color:#fff; border-radius:20px; overflow:hidden;}
.main_box_1 .box{padding:0 20px 0; position:relative;}
.main_box_2 .box{padding:20px 10px 0; background-color:#3478b7;}
.main_box_2 .box li{float:left; margin:10px 0; width:50%; box-sizing:border-box; text-align:center; }
.main_box_2 .box li a{display:block; }
.main_box_2 .box li span{padding-top:95px; display:block; font-size:16px; color:#fff; 
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.main_box_2 .box li.icon_1 span{background:url(../../img/main_link_1.png) no-repeat center 0; }
.main_box_2 .box li.icon_2 span{background:url(../../img/main_link_2.png) no-repeat center 0; }
.main_box_2 .box li.icon_3 span{background:url(../../img/main_link_3.png) no-repeat center 0; }
.main_box_2 .box li.icon_4 span{background:url(../../img/main_link_4.png) no-repeat center 0; }
.main_box_2 .box li.icon_1:hover span{background:url(../../img/main_link_1_on.png) no-repeat center 0; }
.main_box_2 .box li.icon_2:hover span{background:url(../../img/main_link_2_on.png) no-repeat center 0; }
.main_box_2 .box li.icon_3:hover span{background:url(../../img/main_link_3_on.png) no-repeat center 0; }
.main_box_2 .box li.icon_4:hover span{background:url(../../img/main_link_4_on.png) no-repeat center 0; }
.main_box_3 .more{position:absolute; right:0; top:41px; width:40px; height:40px; line-height:40px; text-align:center; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.main_board_tab{padding-right:40px; background-color:#f5f5f5;}
.main_board_tab li{float:left; width:33.33%; text-align:center; box-sizing:border-box; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
.main_board_tab li:first-child{border-left:none;}
.main_board_tab li.on{background-color:#fff; border-bottom:1px solid #fff;}
.main_board_tab li.on button{color:#333;}
.main_board_tab li button{width:100%; height:40px; line-height:40px; border:none; background:transparent;text-align:center; font-size:16px; color:#777; }
.main_board_cont>div{display:none; padding:25px 20px 0; }
.main_board_cont>div:first-child{display:block; }
.main_board_cont ul li{margin-bottom:8px;}
.main_board_cont ul li a{display:block; font-size:14px; color:#555;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;

}

.main_box_4 .box{padding:13px 10px 0; /* background-color:#3478b7; */}
.main_box_4 .box li{float:left; margin:10px 0; width:50%; box-sizing:border-box; text-align:center; }
.main_box_4 .box li a{display:block; }
.main_box_4 .box li span{padding-top:95px; display:block; font-size:16px; color:#fff; 
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.main_board_cont ul li a:hover{color:#3586d8;}
.main_board_cont ul li .date{display:block; font-size:12px; color:#999;}
.main_box_4 h1 span{font-size:14px; font-weight:200;}
.main_box_4 .top_area{padding:11px 0 21px; color:#F2F2F2; text-align:center; background-color:#f2f2f2;}
.main_box_4 .top_area h2{display:inline-block; font-size:20px;  color:#333;}
.main_box_4 .top_area h2 strong{font-weight:500;}
.main_box_4 .slides{position:relative; padding:0 40px;}
.main_box_4 .list{float:left; padding:0 19px; text-align:center; box-sizing:border-box;}
.main_box_4 .number{font-size:45px; font-weight:700; line-height:1; opacity:0.2;}
.main_box_4 .title{padding-top:5px; height:40px; line-height:1.4; font-size:15px; color:#333; text-align:left; overflow:hidden;}
.main_box_4 .txt{padding-top:5px; height:55px; line-height:1.4; font-size:13px; color:#565656; text-align:left; overflow:hidden;}
.main_box_4 .circle{padding-top:5px; text-align:center; }
.main_box_4 .circle span{width:20px; height:20px; line-height:20px; display:inline-block; font-size:13px; color:#fff; font-weight:700; text-align:center; border-radius:50%;}
.main_box_4 .circle span.blue{background-color:#0059a2;}
.main_box_4 .circle span.red{background-color:#c70000;}
.main_box_4 .circle span.sky{background-color:#02a7df;}
.main_box_4 .circle span.green{background-color:#98cb50;}
.main_box_4 .circle span.orange{background-color:#ffae00;}
.main_box_4 .tab{position:relative; margin-top:-17px; text-align:center; }
.main_box_4 .tab ul{display:inline-block;background-color:#ff7676; border-radius:20px;}
.main_box_4 .tab li{position:relative; float:left; width:74px; text-align:center; }
.main_box_4 .tab li:before{position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; background-color:#e3e3e3; display:block; content:"";}
.main_box_4 .tab li:first-child:before{display:none;}
.main_box_4 .tab li button{width:100%; height:34px; line-height:34px; font-size:16px; color:#fff; display:block; background:transparent; border:none;}
.main_box_4 .tab li.on button{color:#fffdc5; font-weight:600;}
.main_box_4 .slick-arrow{position:absolute; top:50%; margin-top:-8px; width:10px; height:17px; display:block; border:none; text-indent:-9999px; }
.main_box_4 .slick-prev{position:absolute; top:50%; margin-top:-8px; width:10px; height:17px; display:block; border:none; text-indent:-9999px;  left:20px; background:url(../../img/main_cont3_prev.gif) no-repeat center center;}
.main_box_4 .slick-next{position:absolute; top:50%; margin-top:-8px; width:10px; height:17px; display:block; border:none; text-indent:-9999px;  right:20px; background:url(../../img/main_cont3_next.gif) no-repeat center center;}
.f-red{color:#ff7676 !important;}
.main_box_5 .img_area{padding:35px 20px 0; height:175px; background:url(../../img/main_box_5bg.png) no-repeat center center; background-size:cover;  box-sizing:border-box; font-size:24px; color:#fff; font-weight:400;}
.main_box_5 .txt_area{padding:20px 20px 0; text-align:center; }
.main_box_5 .txt_area a{width:80px; height:30px; line-height:28px; display:inline-block; border:1px solid #ccc; font-size:15px; color:#555; text-align:center; }
.main_box_5 .txt_area p{padding-top:15px; font-size:17px; }
.main_box_6{padding-top:40px;}
.main_box_6 .slides{margin-bottom:10px;}
.main_box_6 .slides img{vertical-align:top;}

.visual_login_area_wrap *{margin:0; padding:0;}
.visual_login_area_wrap{position:relative; margin:0 auto; width:1240px;}
.visual_login_area{position:absolute; right:0; top:15px; z-index:10; width:410px; background-color:#fff; box-shadow:5px 6px 7px rgba(0,0,0,0.2); border-radius:20px; overflow:hidden;}
.visual_login_f{float:left; padding:15px 30px 0; width:320px; height:290px; box-sizing:border-box;}
.visual_login_f ul li input[type=text], .visual_login_f ul li input[type=password]{padding-left:30px; width:100%; height:50px; line-height:50px; border:none; border-bottom:1px solid #ddd; box-sizing:border-box;}
.visual_login_f ul li .icon_id{background:url(../../img/icon_id.gif) no-repeat 0 center; }
.visual_login_f ul li .icon_pw{background:url(../../img/icon_pw.gif) no-repeat 0 center; }
.visual_login_f .id_save{padding:15px 0 20px; }
.visual_login_f .id_save input[type=checkbox]{vertical-align:middle;}
.visual_login_f .id_save label{font-size:15px; font-weight:200; vertical-align:middle;}
.visual_login_f .btn_area{margin-bottom:15px;}
.visual_login_f .btn_login{width:100%; height:50px; line-height:50px; text-align:center; border:none; background-color:#3ac2cf; color:#fff; font-size:20px;}
.visual_login_f .link a{float:left; font-size:15px; color:#555; font-weight:200; display:inline-block; border-bottom:1px solid #ddd;}
.visual_login_f .link a:last-child{float:right;}

.visual_right_link{float:left; width:90px; background-color:#424d60; box-sizing:border-box;}
.visual_right_link ul li a{width:100%; height:145px; display:table; text-align:center; }
.visual_right_link ul li span{display:table-cell; vertical-align:middle; font-size:16px; color:#fff;}
.visual_right_link ul li.icon_1 span:before{display:block; width:100%; height:52px; display:block; content:""; background:url(../../img/main_vs_icon1.gif) no-repeat center 0; }
.visual_right_link ul li.icon_2 span:before{display:block; width:100%; height:37px; display:block; content:""; background:url(../../img/main_vs_icon2.gif) no-repeat center 0; }

.nboard .bx-controls .bx-pager-item a.active
.nboard .bx-controls .bx-pager-item a{width:10px; height:10px; border:3px solid #ddd; border-radius:50%;}

/*20191215 추가*/
.total_manu_wrap{position:fixed; left:0; top:0; bottom:0; z-index:9999; width:100%; height:100%; background-color:#fff; overflow:auto;  display:none;}
.total_menu_inner{position:relative; margin:0 auto; width:1240px;}
.total_menu_inner .logo_area{padding:45px 0; text-align:center; }
.total_menu_close{position:absolute; right:0; top:60px; border:none;}
.total_manu_inner h1{margin-bottom:20px; line-height:1; font-size:26px; color:#333; }
.total_manu_wrap ul{padding-left:0;}
.total_manu_wrap ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.total_menu>div{margin-bottom:70px;}
.total_menu .sitemap_list>li{position:relative; padding-left:170px; }
.total_menu .sitemap_list>li>a{position:absolute; left:0; top:0; bottom:0; min-height:46px; display:block; padding:10px 20px 0 15px; width:170px; box-sizing:border-box; background:url(../../img/gnb_menu_arrow.png) no-repeat right 10px top 15px #eaeaea; font-size:16px; color:#333;}
.total_menu .sitemap_list>li.not_sub{padding-left:0; min-height:46px; border-bottom:1px solid #bcd2e6;}
.total_menu .sitemap_list>li.not_sub>a{position:relative; left:0; top:0;}
.total_menu .sitemap_list>li .gnb_dep3>ul>li{position:relative; min-height:46px; border-bottom:1px solid #bcd2e6;}
.total_menu .sitemap_list>li .gnb_dep3>ul>li>a{position:absolute; left:0; top:0; bottom:0; min-height:46px; display:block; padding:0 30px 0 15px; width:170px; box-sizing:border-box; background:url(../../img/gnb_menu_arrow.png) no-repeat right 10px top 15px #f6f6f6; font-size:16px; color:#333;}
.total_menu .sitemap_list .gnb_dep4 ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.total_menu .sitemap_list .gnb_dep4 li{box-sizing:border-box;}
.total_menu .sitemap_list .gnb_dep4 li a{line-height:46px; display:block; box-sizing:border-box;}

/*20191224 추가*/
.gnb_dep4>ul>li.fL_none{float:none;}
.gnb_dep4>ul>li.avail_sub{float:none; position:relative; margin-left:0; padding-left:140px; width:100%;  box-sizing:border-box; }
.gnb_dep4>ul>li.avail_sub:before{display:none;}
.gnb_dep4>ul>li.avail_sub>a{position:absolute; left:0; top:0; min-height:46px; display:block; padding:0 20px 0 15px; width:140px; box-sizing:border-box; background:url(../../img/gnb_menu_arrow.png) no-repeat right 7px center; background-size:5px; font-size:14px; color:#333;}
.gnb_dep5>ul>li{float:left; position:relative; padding:0 20px; }
.gnb_dep5>ul>li>a{padding:0; line-height:45px; display:block; background:none;}
.gnb_dep5>ul>li:before{position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background-color:#ddd; display:block; content:"";}
.gnb_dep5>ul>li:first-child:before{display:none;}

/*20200108 추가*/
.total_menu .sitemap_list{border-top:1px solid #377fc2;}
.total_menu .sitemap_list>li .gnb_dep3>ul.not_sub{background-color:#f6f6f6; border-bottom:1px solid #bcd2e6;}
.total_menu .sitemap_list>li .gnb_dep3>ul.not_sub>li{border-bottom:none;}
.total_menu .sitemap_list>li .gnb_dep3>ul.not_sub>li>a{position:relative; left:0; top:0; min-width:170px; width:auto; }
.total_menu .sitemap_list .bd_btm{border-bottom:1px solid #bcd2e6;}
.total_menu .sitemap_list>li .gnb_dep3>ul>li.not_sub>a{background-image:none;}
.total_menu .sitemap_list>li>a.small{padding-top:6px;}
.total_menu .total_news_menu{float:left; width:170px;}
.total_menu .total_media_menu{float:right; width:900px;}
.mymenu_set{position:fixed; top:0; z-index:9999;}
.mymenu_set:before{position:fixed; left:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:block; content:"";}
.mymenu_set .inner{position:fixed; left:50%; top:50%; margin:-132px 0 0 -620px; width:1240px;}
/* body{min-width:1240px;} */


@media all and (max-width:1199px) and (min-device-width:768px)
{
.fl.keyword_news > button.more {
	top: 20px; right: 30px;
}
.nboard .bx-controls {
	left: 0px; top: auto; width: 100%; text-align: center; right: auto; bottom: 90px;
}
}
@media only screen and (max-device-width:767px)
{
.fl.keyword_news > button.more {
	top: 10px; right: 0px;
}
}