

.visualSet{position: relative;width: 100%;overflow: hidden;}
.visualSet .visualCtrl{position: absolute;bottom: 0;z-index: 999;}
.visualSet .visualCtrl button{position: absolute;bottom: 15px;width: 21px;height: 21px;z-index: 500;}
.visualSet .visualCtrl .btnVisualPlay{left: 20px;background: url(../images/main/btnPlay.png) 0 0 no-repeat;background-size: 21px;z-index: 30;}
.visualSet .visualCtrl .btnVisualPause{left: 44px;background: url(../images/main/btnStop.png) 0 0 no-repeat;background-size: 21px;z-index: 20;}
.visualSet .visualList {height:384px;}
.visualSet .visualList ul{}
.visualSet .visualList ul li{}
.visualSet .visualList ul li a{display: block;overflow: hidden;position: relative;}
/*.visualSet .visualList ul li a:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;background-color: #000;opacity: 0.5;z-index: 14;}*/
.visualSet .visualList ul li a img{position: relative;z-index: 9;vertical-align: top;width:100%}
.visualSet .visualList ul li a .cate{z-index: 15;position: absolute;background-color: #1b95d1;bottom: 15px;left: 48px;border-radius: 50px;color: #fff;font-size: 12px;height: 21px;line-height: 21px;padding: 0 14px 0 25px;line-height:21px;
	vertical-align: top;
	z-index: 980;
}
.visualSet .visualList ul li a .txt{position: absolute;width: 100%;bottom:0;z-index: 30;color: #fff;font-size: 14px;letter-spacing: 0;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	background-color: rgba(0,0,0,.5);
	line-height: 60px;
	padding: 0 0 0 400px;
}
.visualSet .visualList ul li a .txt.line2{line-height: 30px;}
.visualSet .visualList ul li a .txt.line2 span{display:block;line-height:100%;overflow:hidden;margin-bottom:10px;}
.visualSet .visualList ul li a .txt img{vertical-align: middle;}

.newsSet{padding: 7px 0 0 0}
.newsSet .newsList{padding: 0;}
.newsSet .newsList ul{}
.newsSet .newsList ul li{float: left;width: 25%;padding: 0 4px 0 3px;}
.maincont{width:100%;background: url(../images/common/patton1.png) left top repeat;padding:30px;}
.maincont h2{color:#0886c3;font-size:18px;margin-top:0;font-style:italic;font-weight:600;letter-spacing: -1px;overflow:hidden}
.maincont h2 .txt {display:block;float:left}
.maincont h2 span.h2Line{display:block;border-bottom:1px solid #0886c3;margin:20px 0 0 80px}
.major{width:34%;float:left;margin-right:1%;}
.major li{float:left;font-size:1.1em;font-weight:600;letter-spacing: -0.5px;font-style:italic;width:48%;background:#fff;margin:0 1% 1% 0;padding-top:35px;text-align:center;min-height:110px;color:#4d4944;line-height:129%;}
/*.major li span{height:70px;display:inline-block;padding:15px 0;overflow:hidden;}*/
.major li.ico1{background:#fff url(../images/main/bg_ico1.png) no-repeat right 20px / 50px auto;padding-top:45px;}
.major li.ico2{background:#dff5ff url(../images/main/bg_ico2.png) no-repeat right 20px / 50px auto;padding-top:45px;}
.major li.ico3{background:#dff5ff url(../images/main/bg_ico3.png) no-repeat right 20px / 50px auto;padding-top:45px;}
.major li.ico4{background:#fff url(../images/main/bg_ico4.png) no-repeat right 20px / 50px auto;padding-top:35px;}
.hist{width:39%;float:left;margin-right:2%;}
.hist h2 span.h2Line{margin:20px 0 0 45px}
.hist p{color:#666;font-size:0.95em;line-height:129%;}
.hist .histarea{background:#4d4944 url(../images/main/img_photo16.png) 5px 6px no-repeat;overflow: hidden;margin-top:13px}
.hist .histarea img{float:left;width:38%;display:inline-block}
.hist .histarea dl{display:block;width:62%;padding:3%;margin-left:38%;font-style:italic;}
.hist .histarea dt{font-size:1.2em;color:#f4d26e;letter-spacing: -1px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.hist .histarea dd{font-size:0.85em;line-height:139%;color:#fff;}
.hist .histarea dd .btnB {margin-top:10px;display:block}
.hist .histarea dd .btnB a{background:#f4d26e;padding:4px;box-shadow: 0 2px 2px 0;font-size:10px;font-weight:bold}
.map{width:24%;float:left;max-width:224px;}
.map img{max-width:100%;width:100%;}
.footer{border-top:0;padding-top:20px;background: #ddd;}


@media screen and (min-width:768px){
	.newsSet .newsList .caroufredsel_wrapper{
	    width: auto !important;
	    height: auto !important;
	}
	.newsSet .newsList .caroufredsel_wrapper ul{width: auto !important; position: static !important; height: auto !important; }
	.newsSet .newsList .caroufredsel_wrapper ul li{width: 25% !important; }

	.visualSet .visualList ul li a .txt img{vertical-align: middle;}



}
@media screen and (max-width:767px){
	.visualSet .visualList ul li a .txt{padding-left:10px;}
	.maincont{width:100%;padding:10px;}
	.maincont h2{color:#0886c3;font-size:18px;margin-top:20px;font-style:italic;font-weight:600;letter-spacing: -1px}
	.major{width:100%;float:none;margin-right:0;overflow:hidden;}
	.major li{min-height:110px;width:49%;font-size:1.2em;padding-top:25px}
	.major li{padding-top:40px !important}
	.major li.ico4{padding-top:35px !important;}
	.hist{width:100%;float:none;margin-right:0%;}
	.hist p{margin-top:0;}
	.hist .histarea dt{font-size:1.5em;}
	.hist .histarea dd{font-size:1.1em;}
	.map{max-width:100%;width:100%;float:none;margin-top:20px;}
}
@media screen and (max-width:360px){
	.major li{font-size:1.0em;min-height:100px}
	.hist .histarea dl{background:#4d4944;}
	.hist .histarea dt{font-size:1.1em;}
	.hist .histarea dd{font-size:0.85em;}
}

/* 일문메인 개편 */
#content .visualSet{
	background:url(/gaok/eng/images/main/mainbg.png)no-repeat;
	background-size:100%;
	width:1664px;
	height:545px;
	display:flex;
	justify-content:center;
	padding:20px 0;
}
@media screen and (max-width:780px){
	#content .visualSet{
		display:block;
		width:100%;
		height:auto;
		background-size:cover;
	}
}
#content .visualSet .map-area{
	position:relative;
	display:block;
	background:url(/gaok/jap/images/main/mainmap_jap_240219.png)no-repeat;
	width:418px;
	height:524px;
	margin-right:100px;
}
@media screen and (max-width:780px){
	#content .visualSet .map-area{
		display:none;
		margin:0 auto;
	}
}
#content .visualSet .map-area.mobile{
	position:relative;
	display:none;
	background:url(/gaok/jap/images/main/mainmap_jap_240219.png)no-repeat;
	width:418px;
	height:524px;
	margin-right:100px;
}
@media screen and (max-width:780px){
	#content .visualSet .map-area.mobile{
		display:block;
		margin:0 auto;
		background-size: 100%;
	}
}
@media screen and (max-width:360px){
	#content .visualSet{
		display:block;
		width:100%;
		height:800px;
		background-size:cover;
	}
	#content .visualSet .map-area.mobile{
		display:block;
		margin:0 auto;
		background-size: 70%;
	}
}
#content .visualSet .map-area .seoul{
	display:block;
	position:absolute;
	top:27%;
	left:25%;
	width:40px;
	text-decoration:none;
}
#content .visualSet .map-area .busan{
	display:block;
	position:absolute;
	top:72%;
	left:62%;
	width:50px;
	text-decoration:none;
}
#content .visualSet .map-area .daegu{
	display:block;
	position:absolute;
	top:60%;
	left:53%;
	width:50px;
	text-decoration:none;
}
#content .visualSet .map-area .incheon{
	display:block;
	position:absolute;
	top:27%;
	left:11%;
	width:50px;
	text-decoration:none;
}
#content .visualSet .map-area .gwangju{
	display:block;
	position:absolute;
	top:71%;
	left:24%;
	width:50px;
	text-decoration:none;
}
#content .visualSet .map-area .daejeon{
	display:block;
	position:absolute;
	top:48%;
	left:38%;
	width:50px;
	text-decoration:none;
}
#content .visualSet .map-area .ulsan{
	display:block;
	position:absolute;
	top:65%;
	left:69%;
	width:50px;
	text-decoration:none;
}
#content .visualSet .map-area .sejong{
	display:block;
	position:absolute;
	top:42%;
	left:35%;
	width:50px;
	text-decoration:none;
}
#content .visualSet .map-area .gyeonggi{
	display:block;
	position:absolute;
	top:23%;
	left:35%;
	width:50px;
	text-decoration:none;
}
#content .visualSet .map-area .gangwon{
	display:block;
	position:absolute;
	top:21%;
	left:53%;
	width:60px;
	text-decoration:none;
}
#content .visualSet .map-area .chungbuk{
	display:block;
	position:absolute;
	top:37%;
	left:45%;
	width:110px;
	text-decoration:none;
}
#content .visualSet .map-area .chungnam{
	display:block;
	position:absolute;
	top:45%;
	left:5%;
	width:100px;
	text-decoration:none;
}
#content .visualSet .map-area .jeonbuk{
	display:block;
	position:absolute;
	top:61%;
	left:24%;
	width:70px;
	text-decoration:none;
}
#content .visualSet .map-area .Jeonnam{
	display:block;
	position:absolute;
	top:75%;
	left:5%;
	width:70px;
	text-decoration:none;
}
#content .visualSet .map-area .gyeongbuk{
	display:block;
	position:absolute;
	top:44%;
	left:62%;
	width:100px;
	text-decoration:none;
}
#content .visualSet .map-area .gyeongnam{
	display:block;
	position:absolute;
	top:68%;
	left:40%;
	width:100px;
	text-decoration:none;
}
#content .visualSet .map-area .jeju{
	display:block;
	position:absolute;
	top:96%;
	left:7%;
	width:100px;
	text-decoration:none;
}
#content .visualSet .content-area{
	padding:30px 10px;
}
@media screen and (max-width:780px){
	#content .visualSet .content-area{
		width:100%;
	}
}
#content .visualSet .content-area .title{
	margin-bottom:70px;
}
#content .visualSet .content-area .icon-box{

}
#content .visualSet .content-area .icon-box ul{
	display:flex;
	justify-content:space-between;
}
#content .visualSet .content-area .icon-box ul li{
	width:calc(100% / 5);
	text-align:center;
}
#content .visualSet .content-area .icon-box ul li a{
	display:block;
}
#content .visualSet .content-area .icon-box ul li .icon-pm{
	display:block;
	background:url(/gaok/eng/images/main/icon-hand.png)no-repeat;
	width:70px;
	height:70px;
	margin:0 auto;
}
#content .visualSet .content-area .icon-box ul li .icon-ht{
	display:block;
	background:url(/gaok/eng/images/main/icon-clock.png)no-repeat;
	width:70px;
	height:70px;
	margin:0 auto;
}
#content .visualSet .content-area .icon-box ul li .icon-ci{
	display:block;
	background:url(/gaok/eng/images/main/icon-krland.png)no-repeat;
	width:70px;
	height:70px;
	margin:0 auto;
}
#content .visualSet .content-area .icon-box ul li .icon-sd{
	display:block;
	background:url(/gaok/eng/images/main/icon-chart.png)no-repeat;
	width:70px;
	height:70px;
	margin:0 auto;
}
#content .visualSet .content-area .icon-box ul li .icon-lc{
	display:block;
	background:url(/gaok/eng/images/main/icon-location.png)no-repeat;
	width:70px;
	height:70px;
	margin:0 auto;
}
#content .visualSet .content-area .icon-box ul li p{
	font-weight:bold;
	color:#011132;
}
@media screen and (max-width:780px){
	#content .visualSet .content-area .icon-box ul li .icon-pm{
		width:50px;
		height:50px;
		background-size:contain;
	}
	#content .visualSet .content-area .icon-box ul li .icon-ht{
		width:50px;
		height:50px;
		background-size:contain;
	}
	#content .visualSet .content-area .icon-box ul li .icon-ci{
		width:50px;
		height:50px;
		background-size:contain;
	}
	#content .visualSet .content-area .icon-box ul li .icon-sd{
		width:50px;
		height:50px;
		background-size:contain;
	}
	#content .visualSet .content-area .icon-box ul li .icon-lc{
		width:50px;
		height:50px;
		background-size:contain;
	}
	#content .visualSet .content-area .icon-box ul li p{
		font-size:10px;
	}
}
.wrap-inner{
	padding:50px 0;
}
.wrap-inner .newsroom-list{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}

.wrap-inner .newsroom-list .newsroom-item{}
.wrap-inner .newsroom-list .newsroom-item .img-box{}
.newsroom-list .newsroom-item .img-box img{width:100%;}
.newsroom-list .newsroom-item .text-box{}
.newsroom-list .newsroom-item .text-box .location{
	display:block;
	color:#885c35;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-0.5px;
}
.newsroom-list .newsroom-item .text-box .title{
	font-size:20px;
	font-weight:bold;
	padding-top:10px;
}
.newsroom-list .newsroom-item .text-box .desc{
	font-size:16px;
	width:100%;
	white-space:normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow:hidden;
}
.newsroom-list .newsroom-item .text-box .date{
	display:block;
	font-size:14px;
	color:#999;
	letter-spacing:-0.5px;
	font-weight:600;
}
@media screen and (max-width:780px){
	.wrap-inner .newsroom-list{
		display:block;
		padding:0 10px;
	}
	.wrap-inner .newsroom-list .newsroom-item{
		margin-top:20px;
	}
}
