/* subheroArea start */
.subheroArea{
	position: relative;
	width: 1500px;
	z-index: 10;
	padding-top: 125px;
	box-sizing: border-box;
	margin: 0 auto;
}
.subheroArea h2{
    text-align: center;
	font-size: 50px;
	font-weight: 700;
	color: #222;
	margin: 50px 0 0 0;
}

@media screen and (max-width: 1560px){
	.subheroArea{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		transition: 0.3s;
	}
}

@media screen and (max-width: 1200px){
	.subheroArea h2 {
		font-size: 45px;
	}
}

@media screen and (max-width: 720px){
    .subheroArea h2{
		font-size: 30px;
		font-weight: 700;
		margin: 25px 0 0 0;
	}
}

@media screen and (max-width: 500px){
    .subheroArea{
		padding-left: 20px;
		padding-right: 20px;
	}
}


/* breadcrumb start */
.breadcrumb{
	display: block;
	float: left;
	height: 30px;
	margin-top: 5px;
}
.breadcrumb > ol{
	position: relative;
	height: 100%;
}
.breadcrumb > ol > li{
	position: relative;
	float: left;
	height: 100%;
	padding: 0 15px;
}
.breadcrumb > ol > li:nth-child(2)::after, .breadcrumb > ol > li:nth-child(3)::after, .breadcrumb > ol > li:nth-child(4)::after, .breadcrumb > ol > li:nth-child(5)::after {
	content: "\e93e";
	font-family: xeicon;
	position: absolute;
	left: -9px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
	color: #525252;
}
.breadcrumb > ol > li > a{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	color: #525252;
	font-size: 16px;
	font-weight: 400;
	box-sizing: border-box;
}
.breadcrumb > ol > li.home{
	width: 20px;
	padding-left: 0;
}
.breadcrumb > ol > li.home::before{
	content: "\e902";
	font-family: xeicon;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: inherit;
	height: inherit;
	font-size: 22px;
	color: #525252;
	padding-bottom: 3px;
}

@media screen and (max-width: 720px){
    .breadcrumb > ol > li.home > a::before {
		font-size: 20px;
	}
	.breadcrumb > ol > li > a {
		font-size: 14px;
	}
	.breadcrumb > ol > li:nth-child(2)::after, .breadcrumb > ol > li:nth-child(3)::after, .breadcrumb > ol > li:nth-child(4)::after, .breadcrumb > ol > li:nth-child(5)::after {
		font-size: 14px;
	}
}


/* lnbWrap start */
.lnbWrap{
	position: relative;
	width: 1500px;
	margin: 0 auto;
	box-sizing: border-box;
	transition: 0.3s;
}
.lnbWrap > div{
	text-align: center;
}
.depth03{
	margin: 50px 0 0 0;
	padding-bottom: 30px;
	box-sizing: border-box;
	border-bottom: solid 1px #696969;
}
.depth03 li{
	display: inline-block;
	padding: 0 25px;
}
.depth03 li a{
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: #6F6F6F;
}
.depth03 li.on a, .depth03 li a:hover{
	color: #1176AE;
}
.depth03 li.on a::after, .depth03 li a:hover::after{
	content: "";
	position: absolute;
	height: 3px;
	width: 100%;
	bottom: -33px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #1176AE;
}
.depth04{
	position: relative;
	margin: 30px 0 0 0;
	border: solid 1px #C6C6C6;
	background-color: #F3F3F3;
	border-radius: 5px;
	padding: 15px 0;
}
.depth04 .dropmenu_btn{
	display: none;
}
.depth04 .dropmenu{
	display: block;
}
.depth04 li{
	display: inline-block;
}
.depth04 li a{
	position: relative;
	display: block;
	padding: 0 13px;
	color: #595959;
}
.depth04 li a:hover, .depth04 li.on a {
	color: #1271A7;
	font-weight: 500;
}
.depth04 li a:hover::after, .depth04 li.on a::after{
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50px;
	top: 3px;
	right: 2px;
	background-color: #1271A7;
}
.depth04 .dropmenu_btn.on{
	display: block;
	text-align: left;
	padding: 0 20px;
}
.depth04 .dropmenu_btn.on::after{
	content: '\e942';
	font-family: xeicon;
	transition: 0.35s;
	position: absolute;
	right: 10px;
	font-size: 22px;
	top: 50%;
	transform: translateY(-50%);
}	
.depth04 .dropmenu.on{
	display: none;
	position: absolute;
	width: 100%;
	top: 60px;
	background-color: #fff;
	border: solid 1px #C6C6C6;
	border-radius: 5px;
	z-index: 20;
	height: 200px;
	overflow-y: auto;
}
.depth04 .dropmenu.on li{
	width: 100%;
	padding: 7px 10px;
	text-align: left;
	box-sizing: border-box;
}

@media screen and (max-width: 1560px){
	.lnbWrap{
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
		transition: 0.3s;
	}
}

@media screen and (max-width: 1200px){

	.depth04 .dropmenu_btn.active::after {
		transform: rotate(180deg) translateY(50%);
	}
	.depth04 li a:hover {
		color: #1271A7;
		font-weight: 500;
	}
	.depth04 li.on a::after, .depth04 li a:hover::after {
		display: none;
	}
	.dropmenu::-webkit-scrollbar{
		width: 3px;
	}
	.dropmenu::-webkit-scrollbar-thumb{
		background: #000;
	}
	.dropmenu::-webkit-scrollbar-track{
		background: #ccc;
	}
}

@media screen and (max-width: 720px){
    .depth03{
		margin: 30px 0 0 0;
	}
	.depth03 li{
		padding: 0 15px;
	}
	.depth03 li a {
		font-size: 16px;
	}
	.depth03::-webkit-scrollbar{
		height: 3px;
	}
	.depth03::-webkit-scrollbar-thumb{
		background: #000;
	}
	.depth03::-webkit-scrollbar-track{
		background: #ccc;
	}
	.depth04 {
		margin: 20px 0 0 0;
	}
	.depth04 .dropmenu_btn{
		font-size: 15px;
	}
	.depth04 li a {
		font-size: 15px;
	}
}

@media screen and (max-width: 600px){
	.depth03 li{
		padding: 0 10px;
	}
	.depth04 {
		padding: 10px 0;
	}
	.depth04 .dropmenu {
		top: 50px !important;
	}
}

@media screen and (max-width: 500px){
	.lnbWrap{
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.depth03{
		padding-bottom: 20px;
		border-bottom: 0;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}
	.depth03 li.on a::after, .depth03 li a:hover::after {
		bottom: -10px;
	}
	.depth04 {
		margin: 15px 0 0 0;
	}
}


.sharing{
	/* position: absolute;
	top: 130px;
	right: 0; */
	float: right;
	transition: all 0.3s;
}
.sharing ul{
	height: 100%;
}
.sharing li{
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	border: solid 1px #6F6F6F;
	border-radius: 5px;
	transition: all 0.3s;
	margin-left: 10px;
	box-sizing: border-box;
}
.sharing li:nth-child(1){
	position: relative;
	margin-left: 0px;
}
.sharing button{
	width: 40px;
	height: 40px;
	-webkit-transition: all 0.3s; 
	transition: all 0.3s;
	display: flex;
	align-items: center;
}
.sharing li button::after{
	font-family: xeicon;
	font-weight: 100;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	color: #555;
	padding-top: 2px;
}
.sharing li:nth-child(1) button::after{
	content: "\e9ea";
}
.sharing li:nth-child(2) button::after{
	content: "\ea6a";
	transform: translate(-50%, -50%) rotate(45deg);
}
.sharing li:nth-child(3) button::after{
	content: "\e9bb";
	font-size: 22px;
}
.sharing button span{
	position: absolute;
	left: -1000%;
	top: 0;
	width: 0px;
	height: 0px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.sharing li:hover{
	background-color: #333;
	border: solid 1px #333;
}
.sharing li:hover button::after{
	color: #fff;
}
.snsLinkBox{
	position: absolute;
	width: 100%;
	left: 0;
	top: 50px;
	border-radius: 5px;
    background-color: #efefef;
    text-align: center;
	transition: all 0.3s;
	padding: 10px 0;
}
.snsLinkBox::before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	top: -0.3rem;
	width: 0.7rem;
	height: 0.7rem;
	background-color: #efefef;
	content: "";
	-webkit-transform: translateX(-50%) scaleX(0.5) rotate(45deg);
	transform: translateX(-50%) scaleX(0.5) rotate(45deg);
}
.snsLinkBox a{
	display: block;
	width: 33px;
	height: 32px;
	transition: 0.35s;
	margin: 0 auto;
}
.snsLinkBox a:nth-child(2){
	margin-top: 10px;
}
.snsLinkBox a.btnTwitter{
	background:url(../images/sub/btn_twitter.png) center center no-repeat;
}
.snsLinkBox a.btnFacebook{
	background:url(../images/sub/btn_facebook.png) center center no-repeat;
}

@media screen and (max-width: 1560px){
    .sharing{
		right: 30px;
	}
}

@media screen and (max-width: 720px) {
	.breadcrumb {
		float: none;
		text-align: center;
		height: auto;
	}
	.breadcrumb > ol > li {
		float: none;
		display: inline-block;
	}
	.breadcrumb > ol > li.home {
		vertical-align: top;
		height: 20px;
	}
	.breadcrumb > ol > li.home::before {
		padding-bottom: 6px;
	}
	.sharing{
		float: none;
		height: 40px;
		text-align: center;
		margin-top: 10px;
	}
	.sharing li{
		width: 35px;
		height: 35px;
		float: none;
		display: inline-block;
		margin-left: 5px;
	}
	.sharing li:nth-child(3) {
		display: none;
	}
	.sharing button{
		width: 35px;
		height: 35px;
	}
	.snsLinkBox{
		top: 45px;
		padding: 5px 0;
	}
	.snsLinkBox a {
		background-size: 28px !important;
	}
	.snsLinkBox a:nth-child(2) {
		margin-top: 5px;
	}
}

@media screen and (max-width: 500px) {
	.sharing{
		right: 20px;
	}
}


/* contents start */
#contents{
	position: relative;
	width: 100%;
	margin-bottom: 70px;
	/* padding: 0 30px;
    box-sizing: border-box; */
}
.wrapper{
	position: relative;
	width: 1500px;
	margin: 80px auto 0;
	overflow: hidden;
	box-sizing: border-box;
	transition: 0.3s;
	/* max-width: 1500px; */
}
.wrapperCon{
	width: 100%;
}
.wrapperVari{
	width: 100%;
}
/* .wrapper h3{
	text-align: center;
	margin: 60px 0 40px 0;
	font-size: 40px;
	color: #333;
	font-weight: 700;
} */

@media screen and (max-width: 1560px){
    .wrapper{
		width: 100% !important;
		padding: 0 30px;
		box-sizing: border-box;
		transition: 0.3s;
	}
	.wrapperVari{
		padding: 0 0 !important;
	}
}

@media screen and (max-width: 1200px){
	.wrapper{
		margin: 60px auto 0;
	}
}

@media screen and (max-width: 720px){
	#contents{
		margin-bottom: 50px;
	}
	.wrapper{
		margin: 40px auto 0;
	}
}

@media screen and (max-width: 500px){
	.wrapper{
		padding: 0 20px;
	}
}


/* bbs start */
.bbsTop{
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.bbsInfo{
	float: left;
	padding-top: 10px;
	box-sizing: border-box;
}
.bbsInfo p{
	position: relative;
	float: left;
	font-size: 15px;
	color: #333;
	font-weight: 300;
}
.bbsInfo p:nth-child(2){
	margin-left: 10px;
	padding-left: 10px;
}
.bbsInfo p:nth-child(2)::before{
	content: "";
	position: absolute;
	width: 1px;
	height: 10px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #A4A4A4;
}
.bbsInfo p strong{
	font-weight: 500;
}
.bbsInfo p span{
	color: #0179AC;
}
.bbsSearch{
	float: right;
	position: relative;
	padding: 1px;
	box-sizing: border-box;
}
.bbsSearch label span {
	overflow: hidden;
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 1px;
}
.bbsSearch input#searchText[type='text'] {
	/* width: 100%; */
	width: 300px;
	font-size: 14px;
	color: #555;
	padding: 0 40px 0 10px;
	height: 40px;
    line-height: 40px;
	box-sizing: border-box;
    background: #fff;
    border: 1px solid #d8d6d6;
	border-radius: 5px;
}
.bbsSearch input.b_search[type='submit'] {
	position:absolute;
	top:2px;
	right:2px;
	width:38px;
	height:38px;
	background:transparent url('../images/sub/icon_input_search.png') no-repeat center;
	border:0;
	font-size:0;
	color:#555;
	cursor:pointer;
}
.bbsSelect{
	position: relative;
	text-align: right;
	background-color: #F8F8F8;
	border: solid 1px #E1E1E1;
	padding: 5px 5px;
	margin-bottom: 10px;
}
.bbsSelect select{
	position: relative;
	font-size: 16px; 
	height: 40px; 
	width: 190px; 
	padding-left: 10px;
	border: solid 1px #CACACA;
	border-radius: 5px;
	background-color: #fff;
}
.btnType01{
	width: 100px;
	height: 40px;
	background-color: #616161;
	color: #fff;
	font-weight: 500;
	border-radius: 5px;
}
.bbsLine{
	border-top: 1px solid #999;
}
.slArea{
	float: left;
	height: 40px;
}
.slArea select {
	position: relative;
	font-size: 16px;
	height: 40px;
	width: 130px;
	padding-left: 10px;
	border: solid 1px #CACACA;
	border-radius: 5px;
	background-color: #fff;
	margin-right: 5px;
}
.slArea select option{
	font-size: 15.4px;
}
.scColor{
	color: #D01D48 !important;
}

@media screen and (max-width: 800px){
	.bbsInfo{
		float: none;
		width: 100%;
		overflow: hidden;
	}
	.bbsSearch{
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	.bbsSearch input#searchText[type='text'] {
		width: calc(100% - 135px);
	}
	.bbsSelect select {
		width: calc(100% - 110px);
	}
}

@media screen and (max-width: 600px){
	.wrapper {
		margin: 30px auto 0;
	}
}

@media screen and (max-width: 450px){
	.slArea {
		float: none;
		margin-bottom: 5px;
	}
	.slArea select {
		width: 100%;
	}
	.bbsInfo p {
		font-size: 14px;
	}
	.bbsSearch input#searchText[type='text'] {
		width: 100%;
	}
	.bbsSearch input.b_search[type="submit"] {
		top: 47px;
	}
}


/* table style start */
.bbsList{
	overflow: hidden;
}
.listType1 {
	width: 100%; 
	border-top:1px solid #222; 
	margin: 0px auto 60px;
	font-size:16px;
	color: #333;
}
.listType1 th,.listType1 td  {
	padding: 18px 0; 
	border-bottom:1px solid #ccc; 
	text-align:center;
	
}
.listType1 th {
	background:#F4F5F7;
	text-align:center; 
	font-weight: 500;
}
.listType1 td{
	font-size: 15px;
	font-weight: 300;
}
.listType1 td.bd_title{
	text-align:left;
}
.listType1 td.bd_title a{
	color: #333; 
	font-size: 16px;
	margin:0 2px 0 3px;
	font-weight: 400;
}
.listType1 td.bd_title a:hover{
	color: #000; 
	text-decoration: underline !important;
}

.mediaWrap {
	margin:0;
	border-bottom:1px solid #999;
}
.mediaWrap > li {
	position:relative;
	width:100%;
	overflow:hidden;
	padding:20px 0;
	box-sizing:border-box;
}
.mediaWrap > li + li {
	border-top:1px solid #d4d4d4;
}
.mediaWrap > li .go{
	position:absolute;
	top:2px;
	left:2px;
	width:99%;
	height:98%;
	overflow:hidden;
	display:block;
	background:transparent; 
	-moz-background:transparent;
}
.mediaWrap > li .go span {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	overflow:hidden;
	clip-path:polygon(0 0, 0 0, 0 0);
}
.mediaWrap > li .go:focus {
	border:1px dotted #ccc;
}
.mediaWrap .img, .mediaWrap .text {
	position:relative;
	display:inline-block;
	vertical-align:top;
	line-height:25px;
}
.mediaWrap .img {
	float:left;
	display:block;
	width:29.67%;
	max-width:250px;
	height:auto;
	padding-left:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	overflow:hidden;
}
.mediaWrap .img img {
	display:block;
	width:100%;
	max-width:230px;
	height:140px;
	/* max-height:200px; */
	object-fit: cover;
	border:1px solid #bcbcbc;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.mediaWrap .text {
	float:left;
	width: calc(100% - 260px);
	padding-left:25px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.mediaWrap .text .title {
	padding-bottom:7px;
	color:#222;
	font-size:19px;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:-1px;
}
.mediaWrap .text .date {
	color:#555;
	font-weight:normal;
	letter-spacing:0;
	font-size: 15px;
}
.mediaWrap .text .sub_text {
	line-height:25px; 
	display:-webkit-box;
	width:100%;
	height:53px;
	line-height:25px;
	letter-spacing:-0.8px;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color: #666;
	margin-bottom: 15px;
}
.noData{
	text-align: center !important;
}
.kocc_wrap{
	position:relative; 
	width:100%; 
	height:180px; 
	background:#f2f2f2 url("../images/layout/kocc_bg.png") right no-repeat; 
	border-top: 3px solid #777;
}
.kocc_wrap .kocc_img{
	margin-left:35px;
}
.kocc_wrap .kocc_img li{
	float:left; 
	width:150px; 
	height:160px; 
	margin:10px 10px 0 0; 
	position: relative;
}
.kocc_wrap .kocc_img li span{
	display: block;
	margin: 0 auto;
	width: 120px;
	height: 24px;
	text-align: center; 
	border-radius: 5px;
	background-color: #0E73AC;
	color: #fff;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -60px; 
}
.kocc_wrap .kocc_txt{
	width:92%; 
	padding-top:30px;
	margin:0 auto;
}
.kocc_wrap .kocc_txt p{
	width:100%; 
	border-bottom:solid 1px #666; 
	color:#237788; 
	font-size:24px; 
	text-align:right; 
	padding-bottom:5px;
}
.kocc_wrap .kocc_txt h1#culturenameV02{
	display: flex;
    align-items: center;
    justify-content: right;
	font-size:38px; 
	color:#2b2b2b; 
	font-weight: 600;
	text-align:right; 
	margin-top:15px;
}
.kocc_wrap .kocc_txt h1#culturenameV02 a{
	background:#f2f2f2 url("../images/layout/icon_newBrowser.png") right 18px no-repeat; 
	padding-right:35px; 
	color:#2b2b2b;
}

@media all and (max-width:1000px) {
	.mediaWrap .img {
		float: left;
		width: 24.5%;
		height: 0;
		position: relative;
		display: block;
		padding-bottom: 14.9%;
		overflow: hidden;
		padding-left: 0;
		margin-left: 20px;
	}
    .mediaWrap .img img {
		border: 1px solid #bcbcbc;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		height: 100%;
		width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

@media all and (max-width:900px) {
    .mediaWrap > li {
		padding: 15px 0;
	}
    /* .mediaWrap .img {
		padding-left:18px;
		width:30%;
		padding-left:0;
	} */
    .mediaWrap .img img {
		max-width:100%;
		max-height:100%;
	}
    .mediaWrap .text .title {
		padding-bottom:10px;
		font-size: 16px;
	}
    .mediaWrap .text .sub_text {
		line-height:inherit; 
		height:45px; 
		font-size: 15px; 
		-webkit-line-clamp:2;
	}
	.mediaWrap .img, .mediaWrap .text {
		line-height:22px;
	}
    .mediaWrap .text {
		width:70%;
	}
	.kocc_wrap{
		height:300px;
		background-image: none;
	}
	.kocc_wrap .kocc_img{
		width:100%; 
		display:block; 
		overflow:hidden; 
		margin:0 auto; 
		text-align:center; 
		padding-top:112px;
	}
	.kocc_wrap .kocc_img li{
		float:none; 
		display:inline-block;
	}
	.kocc_wrap .kocc_txt{
		position:absolute; 
		width:90%; 
		padding-top:10px; 
		top:0; 
		left:50%; 
		margin-left:-45%;
	}
	.kocc_wrap .kocc_txt p{
		font-size:20px; 
		text-align:center;
	}
	.kocc_wrap .kocc_txt h1#culturenameV02{
		font-size:28px; 
		text-align:center; 
		margin-top:10px; 
		justify-content: center;
	}
	.kocc_wrap .kocc_txt h1#culturenameV02 a {
        background: #f2f2f2 url(../images/layout/icon_newBrowser.png) right 10px no-repeat;
        background-size: 22px;
    }
}

@media all and (max-width:720px) {
    .mediaWrap .img {
		width: 32%;
		margin-left: 10px;
		padding-bottom: 19.5%;
	}
    .mediaWrap .text {
		width: 64%;
		padding-left: 15px;
	}
	.mediaWrap .text .sub_text {
		margin-bottom: 5px;
	}
	.noData{
		padding: 0 !important;
	}
}

@media all and (max-width:480px) {
    .mediaWrap > li {
		padding:15px 0;
	}
    .mediaWrap .img {
		padding-left: 0;
		margin-left: 0;
		width: 35%;
		padding-bottom: 21.3%;
	}
    .mediaWrap .img img {
		padding-left:0;
	}
    .mediaWrap .text .title {
		display:-webkit-box;
		font-size: 15px;
		height:37px;
		overflow:hidden;
		text-overflow:ellipsis;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
	}
    .mediaWrap .text .date {
		font-size: 14px;
	}
    .mediaWrap .text .sub_text {
		display:none
	}
	.kocc_wrap {
        display: none;
    }
}

.pagination {
	margin: 30px auto 0px; 
	text-align: center; 
	font-size: 0;
}
.pagination > a {
	position: relative; 
	display: inline-block; 
	text-align: center; 
	width: 34px; 
	height: 34px; 
	margin: 0 2.5px; 
	color: #666; 
	line-height: 34px; 
	border: 1px solid #ddd; 
	font-weight: 500; 
	font-size: 14px; 
	border-radius: 5px;
}
.pagination > a.firstPage::before{
	content: "\e93b";
	font-family: xeicon;
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-45%, -50%);
	font-size: 15px;
	color: #525252;
}
.pagination > a.firstPage::after{
	content: "\e93b";
	font-family: xeicon;
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-55%, -50%);
	font-size: 15px;
	color: #525252;
}
.pagination > a.prevPage::before {
	content: "\e93b";
	font-family: xeicon;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 15px;
	color: #525252;
}
.pagination > a.nextPage::before{
	content: "\e93e";
	font-family: xeicon;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 15px;
	color: #525252;
}
.pagination > a.lastPage::before{
	content: "\e93e";
	font-family: xeicon;
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-45%, -50%);
	font-size: 15px;
	color: #525252;
}
.pagination > a.lastPage::after{
	content: "\e93e";
	font-family: xeicon;
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-55%, -50%);
	font-size: 15px;
	color: #525252;
}
.pagination ul {
	display: inline-block; 
	vertical-align: top; 
	margin: 0 5px;
}
.pagination ul li {
	float: left; 
	vertical-align: top; 
	margin-right: 5px; 
}
.pagination ul li a {
	display: block; 
	width: 34px; 
	height: 34px; 
	color: #747474; 
	line-height: 34px; 
	border: 1px solid #cbcccd; 
	font-weight: 500; 
	font-size: 14px; 
	text-align: center; 
	border-radius: 5px;
}
.pagination ul li a.active {
	color: #fff; 
	background-color: #0D6FB8; 
	border-color: #0D6FB8; 
}
.pagination ul li:last-of-type {
	margin-right: 0; 
}
.blind{
	display: block; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 1px; 
	height: 1px; 
	background-color: transparent; 
	font-size: 0; 
	line-height: 0;
}

.poll { 
	border:1px solid #dfdfdf;
	border-radius: 10px;
	max-width: 1500px;
	margin: 40px auto 0px auto;
}
.poll div.question {
	position: relative;
	font-size: 16px;
	padding: 19px 25px 20px 55px;
	color:#333;
}
.poll div.question::before {
	content: "\e9d8";
	font-family: xeicon;
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	color: #555;
}
.poll div.select { 
	position: relative;
	background:#f7f8f9; 
	padding:30px 10px; 
	border-radius: 0 0 10px 10px;
	color:#333;
	border-top:1px solid #dfdfdf;
}
.poll div.select li {
	display:inline;
	margin:5px;
}
.poll div.select li input {
	margin:0 6px 3px 6px; 
	appearance: auto; 
	-moz-appearance: auto; 
	-webkit-appearance: auto;
}
.poll div.select li label {
	font-size:15px
}
.poll div.select li.right { 
	float:right;
	margin:-5px 0 0 0;
}
.poll div.select2 { 
	background:#f7f8f9; 
	padding:5px 10px; 
	color:#333;
}
.poll div.select2 li { 
	display:inline; 
	height: 30px; 
	margin:5px; 
}
.poll div.select2 textarea {
	width:584px; 
	height: 28px;
}
.btnPoll {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.btnPoll button {
	padding: 5px 30px;
	color:#fff;
	background: #0D6FB8;
	line-height:30px;
	border-radius: 5px;
	font-size: 14px;
}

@media screen and (max-width: 720px){
	.listType1 colgroup{
		display: none;
	}
    .listType1 thead tr{
		display: none;
	}
	.listType1 .bd_num, .listType1 .bd_inquiry{
		display: none;
	}
	.listType1 tbody tr{
		display: block;
		border-bottom: solid 1px #b8b8b8;
		padding: 10px 0;
	}
	.listType1 td{
		display: block;
        box-sizing: border-box;
		clear: both;
        position: relative;
        padding: 10px 20px 0 70px;
        text-align: left;
        border-width: 0;
		padding-left:88px;
	}
	.listType1 td.bd_title{
		padding-top: 0;
	}
	.listType1 td, .listType1 td a{
		font-size: 14px !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}
	.listType1 [class*='bd_']:before{
		display: block;
        position: absolute;
        text-align: center;
		left:6px !important;
		width:70px !important;
		font-size:14px;
		border-radius:5px;
		border: solid 1px #1176AE;
		color: #1176AE;
	}
	.listType1 .bd_num:before{
		content:'번호'
	}
	.listType1 .bd_title:before{
		content:'제목'
	}
	.listType1 .bd_date:before{
		content:'등록일'
	}
	.listType1 .bd_inquiry:before{
		content:'조회수'
	}
	.poll { 
		display: none;
	}
}

@media screen and (min-width: 640px) { 
	.pagination { 
		margin-top: 25px; 
	}
	.pagination a { 
		width: 30px; 
		height: 30px; 
		line-height: 28px;
		-webkit-transition: all 0.3s; 
		transition: all 0.3s; 
	}
	.pagination ul li { 
		margin-right: 4px; 
	}
	.pagination ul li a { 
		width: 30px; 
		height: 30px; 
		line-height: 28px; 
	} 
	.pagination a:hover { 
		border-color: #0D6FB8;
	}
	.pagination ul li a.active:hover { 
		color: #fff; 
		background-color: #0D6FB8; 
		border-color: #0D6FB8; 
	} 
	.pagination ul li a:hover { 
		border-color: #ddd; 
		background-color: #F0F0F0; 
	} 
}

@media screen and (max-width: 400px) { 
	.pagination a { 
		width: 25px; 
		height: 25px; 
	}
	.pagination ul li a { 
		height: 25px;
		line-height: 25px;
		width: auto;
		padding-left: 1px;
		padding-right: 1px;
		min-width: 25px;
		box-sizing: border-box;
	} 
}


/* bbsView start */
.bdNone{
	border-bottom: 0 !important;
}
.bbsView{
	position: relative;
}
.viewHeader{
	position: relative;
}
.viewHeader h3{
	font-size: 36px;
	line-height: 45px;
	color: #333;
	font-weight: 500;
	text-align: left;
	margin-bottom: 10px;
}
.viewHeader div.viewInfo:first-of-type{
	border-bottom: solid 1px #C8C8C8;
}
.viewInfo{
	overflow: hidden;
	padding: 15px 0;
}
.viewInfo dl:nth-child(1){
	float: left;
}
.viewInfo dl:nth-child(2){
	float: right;
}
.viewInfo dl:nth-child(2) dd{
	width: 55px;
}
.viewInfo dl dt{
	position: relative;
	float: left;
	font-size: 16px;
	font-weight: 700;
	color: #1176AE;
	width: 100px;
	text-align: center;
	margin-right: 10px;
}
.viewInfo dl dt::after{
	content: "";
	position: absolute;
	width: 1px;
	height: 10px;
	background-color: #989898;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.viewInfo dl dd{
	float: right;
	font-size: 15px;
	font-weight: 300;
	color: #4D4D4D;
	padding-top: 1px;
	box-sizing: border-box;
}
.galleryInfo{
	border-bottom: 0 !important;
}
.galleryInfo dt{
	text-align: left !important;
	width: 55px !important;
}
.viewFile{
	padding: 15px 0;
	background-color: #F4F6F9;
	border: solid 1px #E0E0E0;
	overflow: hidden;
	box-sizing: border-box;
}
.viewFile dt{
	position: relative;
	float: left;
	margin-right: 10px;
	width: 100px;
	text-align: center;
}
.viewFile dt::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 10px;
	background-color: #989898;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.viewFile dd{
	float: left;
	width: calc(100% - 110px);
}
.fileList ul li{
	margin-top:11px;
}
.fileList ul li:first-child{
	margin-top:0px;
}
.fileList ul li span{
	width:55px;
	display: inline-block;
}
.fileList ul li a:before {
	display:inline-block; 
	margin:0 8px 0 0; 
	width:18px; 
	height:24px; 
	vertical-align:middle;
}
.fileList ul li a.fileIcon{
	margin-top:0px;
	line-height:20px; 
	padding-top:1px; 
	position: relative;
	margin: 0 13px 0 0;
}
.fileList ul li a.fileIcon:before {
	content:""; 
	display:inline-block; 
	margin:0 8px 0 0; 
	width:18px; 
	height:24px; 
	vertical-align:middle;
	background:url(../images/icon/icon_file.png) 0 0 no-repeat;
}
.fileList ul li a.fileIcon:after {
	content: "\eb7c";
	font-family: xeicon;
	top: 4px;
	font-size: 22px;
	position: relative;
	padding-left: 1px;
}

.fileList ul li p{
	display: inline-block;
	margin-right: 10px;
}
.fileList ul li a.pdfBtn{
	display: inline-block;
	position: relative;
	padding: 5px 13px 5px 32px;
	line-height: 1em;
	background: #fff;
	border: solid 1px #A3A3A3;
	color: #383838;
	border-radius: 3px;
	font-size: 14px;
	width: auto !important;
	transition: all .25s;
	font-size: 13px;
	margin: 0 2px 5px 0;
}
.fileList ul li a.pdfBtn::before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	background:url(../images/icon/icon_pdf.png) center no-repeat;
	background-size: 16px;
}
.fileList ul li a.ebookBtn{
	display: inline-block;
	position: relative;
	padding: 5px 13px 5px 32px;
	line-height: 1em;
	background: #fff;
	border: solid 1px #A3A3A3;
	color: #383838;
	border-radius: 3px;
	font-size: 14px;
	width: auto !important;
	transition: all .25s;
	font-size: 13px;
	margin: 0 2px 5px 0;
}
.fileList ul li a.ebookBtn::before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	background:url(../images/icon/icon_ebook.png) center no-repeat;
}
.fileList ul li a.webzineBtn{
	display: inline-block;
	position: relative;
	padding: 5px 13px 5px 32px;
	line-height: 1em;
	background: #fff;
	border: solid 1px #A3A3A3;
	color: #383838;
	border-radius: 3px;
	font-size: 14px;
	width: auto !important;
	transition: all .25s;
	font-size: 13px;
	margin: 0 2px 5px 0;
}
.fileList ul li a.webzineBtn::before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	background:url(../images/icon/icon_webzine.png) center no-repeat;
}

.viewer_pc{
	display: block; 
	height: auto; 
	min-height: 900px; 
	width: 100%; 
	border: none; 
	padding: 0px; 
	margin: 0px; 
	overflow-x: hidden;
}
.viewer_m{
	display: none;
}
.viewer_m a{
	text-decoration: underline !important;
}
.btn_preview{
	line-height: 15px; 
	padding: 0; 
	border: 0; 
	vertical-align: middle; 
	background: none; 
	display: inline-block; 
	position: relative;
}
.btn_preview span.previewTxt{
	padding: 5px 13px 5px 32px; 
	line-height: 1em; 
	background: #fff; 
	border: solid 1px #1176AE; 
	color: #1176AE;  
	border-radius: 3px; 
	font-size: 14px; 
	width: auto !important; 
	transition: all .25s;
}
.btn_preview span.previewTxt:hover{
	background: #1176AE; 
	border: solid 1px #1176AE; 
	color: #fff; 
	transition: all .25s;
}
.btn_preview span.previewTxt::before{
	content: "\e97a";
	font-family: xeicon;
	position: absolute; 
	top: 50%; 
	transform: translateY(-50%); 
	left: 14px;
	color: #1176AE;
	font-size: 16px;
}
.btn_preview span.previewTxt:hover::before{
	color: #fff; 
}
.viewCon {
	padding: 40px 0px 40px 0px;
	font-size: 15px;
	color: #333;
	line-height: 180%;
}
.viewAdd{
	display: flex;
	align-items: center;
	padding: 25px 15px;
	box-sizing: border-box;
	border: solid 1px #AFAFAF;
	margin-top: 30px;
}
.viewAdd div{
	float: left;
	margin-right: 10px;
}
.viewAdd div span{
	font-weight: 700;
	color: #333;
}
.viewControl{
	position: relative;
	margin-top: 50px;
	border-top: solid 1px #656565;
	border-bottom: solid 1px #C8C8C8;
	overflow: hidden;
	padding: 20px 0;
	box-sizing: border-box;
	font-size: 16px;
	color: #4F4F4F;
}
.viewControl::after{
	content: "";
	position: absolute;
	width: 1px;
	height: calc(100% - 40px);
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #989898;
}
.viewControl a{
	display: block;
	overflow: hidden;
}
.viewControl strong{
	font-weight: 600;
	color: #111;
}
.viewControl a:hover{
	color: #111;
}
.viewControl .prev{
	float: left;
	width: 49%;
}
.viewControl .prev strong{
	position: relative;
	padding-left: 25px;
}
.viewControl .prev strong::before{
	content: "\e906";
	font-family: xeicon;
	position: absolute; 
	top: 50%; 
	transform: translateY(-50%); 
	left: 0;
	font-size: 17px;
	font-weight: 100;
}
.viewControl p{
	width: calc(100% - 100px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
.viewControl .prev p{
	margin-left: 25px;
	float: left;
}
.viewControl .prev strong{
	float: left;
}
.viewControl .next{
	float: right;
	width: 49%;
}
.viewControl .next strong{
	float: right;
}
.viewControl .next p{
	float: right;
	margin-right: 25px;
	text-align: right;
}
.viewControl .next strong{
	position: relative;
	padding-right: 25px;
}
.viewControl .next strong::before{
	content: "\e907";
	font-family: xeicon;
	position: absolute; 
	top: 50%; 
	transform: translateY(-50%); 
	right: 0;
	font-size: 17px;
	font-weight: 100;
}
.btnWrap{
	position: relative;
	text-align: center;
}
.btnList{
	padding: 12px 45px;
	color: #0D6FB8;
	font-size: 16px;
	font-weight: 500;
	border: solid 1px #0D6FB8;
	background-color: #fff;
	border-radius: 5px;
	margin-top: 40px;
}
.btnList:hover{
	color: #fff;
	border: solid 1px #0D6FB8;
	background-color: #0D6FB8;
}
/* .ViewerArea{
	padding: 0 30px;
}
.viewer_pc{
	display: block;
}
.viewer_m{
	display: none;
} */

@media screen and (max-width: 1200px){
	.viewHeader h3 {
		font-size: 30px;
		line-height: 37px;
	}
}

@media screen and (max-width: 720px){
	.viewControl p{
		display: none;
	}
	.viewInfo{
		padding: 0;
	}
	.viewInfo dl:nth-child(1), .viewInfo dl:nth-child(2) {
		float: none;
		width: 100%;
		overflow: hidden;
	}
	.viewHeader h3 {
		font-size: 18px;
		line-height: 28px;
	}
	.viewHeader dl{
		border-top: solid 1px #C8C8C8;
		padding: 5px 0;
	}
	.viewHeader .viewInfo dl:first-of-type{
		border-top: 0;
	}
	.viewHeader dt{
		text-align: left !important;
		font-size: 14px !important;
		padding-left: 10px;
	}
	.viewHeader dd{
		float: left !important;
		font-size: 14px !important;
	}
	.galleryInfo dt{
		padding-left: 0px;
		width: 50px !important;
	}
	.viewFile dt {
		text-align: left;
		font-size: 14px;
		font-weight: 700;
		padding-left: 9px;
	}
	.viewFile dd {
	width: calc(100% - 120px);
	}
	.fileList ul li a.fileIcon {
		font-size: 14px;
	}
	.btn_preview span.previewTxt{
		font-size: 13px; 
		letter-spacing: -1px;
	}
	.viewAdd {
		padding: 10px 15px;
		font-size: 14px;
		display: block;
		text-align: center;
	}
	.viewControl {
		font-size: 15px;
		padding: 15px 0;
	}
	.viewAdd div {
		float: none;
		margin: 0 auto;
	}
	.viewAdd div:first-child {
		margin-bottom: 7px;
	}
	.viewAdd div img {
		margin: 0 auto;
	}
	.btnList {
		padding: 9px 35px;
		font-size: 15px;
		margin-top: 30px;
	}
	/* .ViewerArea{
		padding: 0 20px;
	}
	.viewer_pc{
		display: none;
	}
	.viewer_m{
		display: block;
	} */
}

@media screen and (max-width: 640px){
	.viewCon {
		padding: 20px 0px 20px 0px;
	}
	.viewer_pc{display: none;}
	.viewer_m{display: block; font-size: 14px}
}


/* search start */
.schBox{
	position: relative;
}
.schTotal{
	position: relative;
}
.schArea{
	margin-bottom: .8125em;
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 1px 1px .8em 1px;
	box-sizing: border-box;
	border-bottom: 2px solid #343434;
	transition: ease .3s all;
}
.schArea input{
	padding: 0 10px;
	width: 100%;
	color: #333;
	border: none;
	font-size: 22px;
}
.schArea .btnSearch{
	align-items: center;
	display: inline-flex;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	transition: background-color .5s ease;
	box-sizing: border-box;
	width: 28px;
	height: 34px;
}
.schArea .btnSearch::after{
	content: "\e97a";
	font-family: xeicon;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: inherit;
	height: inherit;
	font-size: 28px;
	color: #3A3A3A;
}
.schBtn{
	position: relative;
	width: 100%;
	padding: 0 0 0 2px;
	box-sizing: border-box;
	overflow: hidden;
}
.resch { 
	display: inline-block; 
	vertical-align: middle; 
}
.resch > li input[type="checkbox"]:checked ~ label { 
	color: #294e7f; 
}
.resch > li input{
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	margin: -1px;
	position: absolute;
	left: 0;
	right: 0;
}
.resch > li label {
	color: #4A4A4A; 
	font-size: 18px; 
}

.resch > li label .checkbox {
	margin-right: 9px; 
	vertical-align: -4px; 
}
.resch:after { 
	content: ''; 
	display: block; 
	clear: both; 
}
.resch > li { 
	float: left; 
	margin-right: 30px; 
}
.resch > li .checkbox {
	position: relative; 
	display: inline-block; 
	margin-right: 8px; 
	vertical-align: -4px; 
	width: 20px; 
	height: 20px; 
	border-radius: 3px; 
	border: 1px solid #ccc; 
	background: #fff; 
	-webkit-transition: background-color 0.3s; 
	transition: background-color 0.3s; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}
.resch > li .checkbox:before { 
	display: block; 
	position: absolute; 
	left: 4px; 
	top: 6px; 
	width: 7px; 
	height: 2px; 
	background-color: #fff; 
	content: ''; 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg); 
	-webkit-transform-origin: 0; 
	transform-origin: 0; 
}
.resch > li .checkbox:after { 
	display: block; 
	position: absolute; 
	left: 8px; 
	top: 11px; 
	width: 10px; 
	height: 2px; 
	background-color: #fff; 
	content: ''; 
	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg); 
	-webkit-transform-origin: 0; 
	transform-origin: 0; 
}
.resch > li input[type="checkbox"]:checked + label .checkbox { 
	border-color: #0D6FB8; 
	background-color: #0D6FB8; 
}

.resch > li input[type="checkbox"]:focus ~ label { 
	outline: 2px solid #000; 
}
.resch > li label { 
	cursor: pointer;
}
.resch > li:last-of-type { 
	margin-right: 0; 
}
.schDetail{
	position: relative;
	float: right;
	width: 150px;
	height: 44px;
	text-align: left;
	font-size: 17px;
	font-weight: 400;
	background-color: #0D6FB8;
	box-sizing: border-box;
	padding: 0 0 0 20px;
	color: #fff;
	border-radius: 5px 5px 0 0;
}
.schDetail::after {
	content: "\e941";
	font-family: xeicon;
	transition: 0.35s;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);

}
.schDetail.active::after {
	transform: translateY(-50%) rotate(180deg);
}

.schDetailArea{
	border: solid 1px #0D6FB8;
	background-color: #F4F6F9;
	padding: 40px 20px;
	width: 100%;
	box-sizing: border-box;
}
.schDetailArea ul{
	position: relative;
	width: 100%;
	/* max-width: 45rem; */
	margin: 0 auto;
}
.schDetailArea > ul > li:not(:last-of-type) { 
	margin-bottom: 20px; 
}
.schDetailArea > ul > li > .col1 {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background-color: #4D4D4D;
	border-radius: 5px;
	text-align: center;
	padding: 8px 35px;
	margin-right: 30px;
}
.schDetailArea > ul > li > .col2 {
	text-align:left; 
	/* width: calc(100% - 20rem);  */
	display: inline-block; 
	vertical-align: middle;
}
.schDetailArea > ul > li > .col2 li { 
	display: inline-block; 
	vertical-align: middle; 
}
.schDetailArea > ul > li > .col2 .checkList > li { 
	margin-right: 1.75rem; 
}
.schDetailArea .inputBox .title {
	position: relative;
	display: inline-block;
	margin-right: 9px;
	vertical-align: -4px;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid #878787;
	background: #fff;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.schDetailArea .inputBox .title::before {
	display: block;
	position: absolute;
	left: 4px;
	top: 6px;
	width: 7px;
	height: 2px;
	background-color: #fff;
	content: '';
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 0;
	transform-origin: 0;
}
.schDetailArea .inputBox .title::after { 
	display: block; 
	position: absolute; 
	left: 8px; 
	top: 11px; 
	width: 10px; 
	height: 2px; 
	background-color: #fff; 
	content: ''; 
	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg); 
	-webkit-transform-origin: 0; 
	transform-origin: 0; 
}
.schDetailArea .inputBox input[type="checkbox"]:checked + label .title { 
	border-color: #0D6FB8; 
	background-color: #0D6FB8; 
}
.checkbox input{
	border:0; 
	clip:rect(0 0 0 0); 
	width:1px; 
	height:1px; 
	margin:-1px; 
	overflow:hidden; 
	padding:0; 
	position:absolute;
}
.startBox {
	display: inline-block; 
	vertical-align: middle; 
	position: relative; 
	width:200px;
}
.endBox { 
	margin-right: .9375rem; 
	display: inline-block; 
	vertical-align: middle; 
	position: relative; 
	width:220px;
}
.term { 
	height: 2.1875rem; 
	display: inline-block; 
	vertical-align: middle; 
	font-size: 1.6rem; 
	color: #000; 
	padding: 5px 10px 0px 10px; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.startBox input[type="text"], .endBox input[type="text"] {
	width: 200px;
	height: 36px;
	font-size: 1.6rem;
	background: #fff;
	padding: 0.5rem 1rem;
	border: 1px solid #878787;
}
.startBox img, .endBox img {
	margin:0 10px 0 -38px !important; 
	border:none; 
	cursor:Pointer; 
	display:inline-block; 
	vertical-align:middle;
} 

.schNav{
	position: relative;
	text-align:left; 
	padding: 12px;
	margin:50px 0; 
	border:1px solid #727272; 
	border-radius:3px; 
	overflow:hidden; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box; 
	background-color:#fff;
}
.schNav .categoryList { 
	width: calc(100% - 15rem); 
	display: inline-block; 
	vertical-align: middle; 
}
.schNav .categoryList > li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px;
}
.schNav .categoryList > li a {
	display: block; 
	text-align: center; 
	font-size: 18px;  
	color: #333; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.schNav .categoryList > li.on a {
	color:#1176AE;
	font-weight: 600;
}
.schNav .categoryList > li.on a:after {
	content:''; 
	display:block; 
	position:relative; 
	width:100%; 
	height:3px; 
	transition:all .3s cubic-bezier(.25, .46, .45, 1); 
	background:#1B94D8;
	bottom: -12px;
}
.schNav .rightBox { 
	width: 120px; 
	display: inline-block; 
	vertical-align: middle; 
	position: relative; 
	text-align: center; 
	padding: 0 25px; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	border: 0;
}
.schNav .rightBox::before { 
	content: "";
	position: absolute;
	width: 1px;
	height: 20px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #929292;
}
.schNav .rightBox .selectBox.type2 {
	float: none; 
	min-width: 110px; 
	font-size: 17px; 
	font-weight: 500; 
	border: 0; 
	cursor:pointer; 
	color:#515151;
	background-color: #fff;
}
.schNav .rightBox select{
	-webkit-appearance:none; /* 화살표 없애기 for chrome*/ 
	-moz-appearance:none; /* 화살표 없애기 for firefox*/ 
	appearance:none; /* 화살표 없애기 공통*/
}
.schNav .rightBox select option{
	height: 20px;
}

/* 제이쿼리 캘린더 */
#ui-datepicker-div.ui-widget,
#ui-datepicker-div.ui-widget *{
	font-family: inherit;
	font-size: 1.6rem;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button{
	font-size: 1.4rem;
}

@media screen and (max-width: 1200px){
	.schArea {
		padding: 1px 1px 0.6em 1px;
	}
	.schArea input {
		font-size: 20px;
	}
	.schNav .categoryList > li {
		margin: 0 20px;
	}
	.schNav .categoryList > li a {
		font-size: 17px;
	}
	.resch > li label {
		font-size: 17px;
	}
	.schDetail {
		font-size: 16px;
		width: 140px;
		height: 40px;
	}
}

@media screen and (max-width: 1000px){
	.schDetailArea ul {
		/* max-width: 40rem; */
	}
	.schDetailArea > ul > li > .col1 {
		margin-right: 20px;
	}
	.schDetailArea > ul > li > .col2 .checkList > li {
		margin-right: 1rem;
	}
	.schNav {
		padding: 0;
	}
	.schNav .rightBox {
		padding: 0 20px;
		width: 110px;
		margin-left: 10px;
	}
	.schNav .categoryList {
		/* width: calc(100% - 9.75rem); */
		border-bottom: 0;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: hidden;
		overflow-x: auto;
		padding: 12px 5px;
	}
	.categoryList::-webkit-scrollbar{
		width: 3px;
		height: 3px;
	}
	.categoryList::-webkit-scrollbar-thumb{
		background: #000;
	}
	.categoryList::-webkit-scrollbar-track{
		background: #ccc;
	}
	.schNav .categoryList > li {
		margin: 0 15px;
	}
	.schNav .categoryList > li a {
		font-size: 16px;
	}
	.schNav .rightBox .selectBox.type2 {
		font-size: 16px;
		min-width: 100px;
	}
	.schNav .categoryList > li.on a::after {
		bottom: -3px;
	}
}

@media screen and (max-width: 800px){
	
	.schNav {
		margin: 30px 0;
	}
	.schNav .categoryList > li.on a {
		font-size: 15px;
	}
	.schNav .rightBox {
		padding: 0 15px;
		width: 105px;
		margin-left: 20px;
	}
	.schNav .rightBox .selectBox.type2 {
		font-size: 15px;
	}
	.schArea input {
		font-size: 16px;
	}
	.resch > li label {
		font-size: 15px;
	}
	.resch > li .checkbox {
		width: 18px;
		height: 18px;
	}
	.schDetail {
		font-size: 15px;
		height: 35px;
		width: 120px;
	}
	.schDetailArea {
		padding: 25px 20px;
	}
	.schDetailArea > ul > li:not(:last-of-type) {
		margin-bottom: 30px;
	}
	.schDetailArea > ul > li > .col1 {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin-right: 0;
	}
	.schDetailArea > ul > li > .col2{
		display: block;
		margin-top: 15px;
		text-align: center;
	}
	.schDetailArea > ul > li > .col2{
		display: flex;
		justify-content: center;
	}
	.startBox, .endBox {
		width: 45%;
	}
	.endBox {
		margin-right: 0;
	}
	.startBox input[type="text"], .endBox input[type="text"] {
		width: 95%;
		box-sizing: border-box;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 500px){
	.schNav .categoryList > li {
		margin: 0 7px;
	}
	.schNav .rightBox .selectBox.type2 {
		font-size: 15px;
		min-width: 90px;
	}
	.startBox, .endBox {
		width: 100%;
		display: block;
	}
	.schNav .categoryList {
		/* width: calc(100% - 8.75rem); */
	}
}

.schContents{
	display:block; 
	width:100%; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.schLeft{
	width:73%; 
	float:left; 
	margin-bottom: 30px;
}
.schLeft > div + div{
	margin-top: 30px;
}
.schListWrap{
	width:100%;
	overflow: hidden;
}
.schListHeader{
	padding-bottom:15px; 
	border-bottom:solid 2px #3d3d3d; 
	overflow:hidden; 
	margin-bottom:10px;
}
.schListHeader p{
	font-size:22px; 
	color:#333; 
	float:left; 
	font-weight: 700;
}
.schListHeader span{
	font-size:18px; 
	color:#333333; 
	position: relative; 
	margin-left: 5px; 
	padding-left: 10px;
	font-weight: 400;
}
.schListHeader span::before{
	content: "";
	position: absolute;
	width: 1px;
	height: 14px;
	background-color:#7A7A7A;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.schListHeader span strong{
	color:#0D6FB8;
	font-weight: 400;
}
.schListHeader .btnBox{
	float: right;
	padding-top: 5px;
}
.schListHeader .btnBox .btnMore{
	position: relative;
	font-size: 18px;
	color: #333;
	padding-right: 25px;
}
.schListHeader .btnBox .btnMore::after{
	content: "\e919";
	font-family: xeicon;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 21px;
	color: #525252;
	padding-top: 2px;
}
.schList{
	margin-bottom: 1.563rem;
}
.schList > li {
	padding:20px 0 5px 0 !important; 
	border-bottom:solid 1px #bebebe !important; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.schList > li:last-of-type { 
	padding-bottom: 1rem; 
	border: none; 
}
.schList > li dl { 
	overflow: hidden; 
}
.schList > li:not(:last-of-type) dl {
	overflow: hidden; 
}
.schList > li dl dt {
	display:inline-block; 
	font-size: 1.6rem; 
	font-weight: 300; 
	color: #3c3c3c; 
	line-height: 1.2; 
	margin-bottom: 10px; 
}
.schList > li dl dt a {
	display:inline-block; 
	vertical-align: middle; 
	font-size: 19px; 
	font-weight: 500; 
	color: #333; 
	line-height: 1.2; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.schList mark{
	color: #D01D48;
	font-weight: bold;
	background: none;
}
.schList > li dl dd {
	font-size:1.6rem; 
	color: #5B5B5B; 
	line-height: 1.6; 
	margin-bottom:0.313rem;
}
.schList > li dl dd.searchTxt{
	text-overflow:ellipsis; 
	white-space:nowrap; 
	overflow:hidden; 
	white-space:normal; 
	max-height:3em; 
	word-wrap:break-word; 
	display:-webkit-box; 
	-webkit-line-clamp:2; 
	-webkit-box-orient: vertical;
}
.schList > li dl dd.nav {
	float:left; 
	color:#6F6F6F; 
	font-size:14px; 
	margin-top:10px;background: 
	none;text-align: left;
}
.schList > li dl dd:last-of-type.date { 
	float: right; 
}
.schList > li dl dd .attachList > li a:not(.btnSlideDown) {
	padding-left: 1.5rem;
	background: url('../images/sub/iconList.png') 0% 50% / 1.1rem no-repeat; 
	color:#1176AE; 
}
.schList > li dl dd .attachList > li .btnSlideDown { 
	transition: .3s;
	display: inline-block; 
	vertical-align: top; 
	font-size: .875rem; 
	font-weight: 200; 
	color: #3c3c3c; 
	padding: .0625rem .3125rem; 
	margin: 0 .625rem; 
	border: 1px solid #999; 
}
.schList > li dl dd span.iconReply{
	display:inline-block; 
	width:6px; 
	height:13px; 
	margin:3px 3px 0 0; 
	background:url('../images/sub/iconReply.png') no-repeat;
}
.schList > li dl dd .attachList > li .btnSlideDown:hover { 
	color: #fff; 
	border-color: #091152; 
	background: #091152; 
}
.schList > li dl dd .attachList > li .previewBox { 
	display: none; 
	padding: .625rem 0; 
}
.schList > li dl dd .attachList > li .previewBox .innerBox { 
	padding: .625rem; 
	border: 1px solid #cdcdcd; 
	background: #fff; 
}
.schList > li dl dd .attachList > li .previewBox .innerBox p { 
	height: 4.5rem; 
	line-height: 1.5; 
	overflow-y: auto; 
}
.schList > li dl .sc-keyword{
	color:#c52664; 
	font-weight:bold;
}
.schList > li dl span.date{
	position: relative; 
	display: inline-block;
	margin-left:7px;
	padding-left:10px; 
	vertical-align: middle;
	color:#6F6F6F; 
	font-size: 1.5rem;
}
.schList > li dl span.date:before{
	content: ''; 
	width: 0; 
	height: 0.7rem; 
	display: block; 
	position: absolute; 
	left: 0; 
	top: 50%; 
	transform: translateY(-50%); 
	border-left: 1px solid #7f7f7f; 
}

@media screen and (max-width: 1200px){
	.schListHeader {
		padding-bottom: 10px;
	}
	.schListHeader p {
		font-size: 20px;
	}
	.schList > li {
		padding: 15px 0 5px 0 !important;
	}
	.schList > li dl dt a {
		font-size: 18px;
	}
}

@media screen and (max-width: 1000px) {
	.schLeft {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 800px) {
	.schListHeader p {
		font-size: 18px;
	}
	.schListHeader span {
		font-size: 16px;
	}
	.schListHeader .btnBox .btnMore {
		font-size: 15px;
	}
	.schList > li dl dt {
		margin-bottom: 8px;
	}
	.schList > li dl dt a {
		font-size: 16px;
	}
	.schList > li dl dd {
		font-size: 15px;
	}
	.schList > li dl dd.nav {
		margin-top: 8px;
	}
	.schLeft > div + div {
		margin-top: 15px;
	}
	.schLeft {
		margin-bottom: 20px;
	}
}


.schRight{
	width:22%; 
	margin:0 0 30px 5%; 
	float:right;
}
.schRight h4 {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	padding: .625rem 1.375rem;
	box-sizing: border-box;
	background-color: #4D4D4D;
	text-align: center;
	border-radius: 10px;
	width: 94%;
	margin: 0 auto;
	margin-top: 3%;
}
.searchChart{
	margin-bottom:1.75rem; 
	border:1px solid #E0E0E0; 
	background-color: #F6F6F6; 
	border-radius: 10px; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.searchChart .chartList{
	padding:1rem 1.375rem; 
	box-sizing:border-box; 
	counter-reset:number; 
	list-style-type:none;
}
.searchChart .chartList li{
	position:relative; 
	padding-left:40px; 
	cursor:pointer; 
	font-weight:400; 
	line-height: 33px;
}
.searchChart .chartList li::before{
	counter-increment:number; 
	content:counter(number)"\a0"; 
	position:absolute; 
	left:0; 
	top: 50%;
	transform: translateY(-50%);
	font-size:14px; 
	width:20px; 
	height:20px; 
	background-color:#fff; 
	color:#4D4D4D; 
	font-weight:400;
	text-align:center; 
	line-height: 18px;
	border: solid 1px #898989;
	border-radius:3px; 
	box-sizing: border-box;
	padding-left: 2px;
}
.searchChart .chartList li:hover::before{
	background-color:#898989;
	color: #fff;
}
.searchChart .chartList li a{
	display: inline-block; 
	width: 100%; 
	vertical-align: middle; 
	font-size: 16px; 
	font-weight: 500; 
	color: #4D4D4D; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow: hidden; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.konan-box-msg{
	padding: 20px 10px;
	text-align: center;
	font-size: 15px;
}

.myKeyword{
	border:1px solid #E0E0E0; 
	background-color: #F6F6F6; 
	border-radius: 10px; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.myKeyword .konan-recent {
	padding:1rem 1.375rem; 
	box-sizing:border-box;
}
.myKeyword .konan-recent li{
	position:relative; 
	padding-left:15px; 
	box-sizing:border-box;
}
.myKeyword .konan-recent li::before{
	content: ''; 
	width: .3125rem; 
	height: .3125rem; 
	display: block; 
	position: absolute; 
	left: 0; 
	top: 50%;
	transform: translateY(-50%); 
	background: #4D4D4D;
}
.myKeyword .konan-recent li a{
	display: inline-block; 
	width: 90%; 
	vertical-align: middle; 
	font-size: 1.6rem; 
	font-weight: 400; 
	color: #555; 
	text-overflow: ellipsis; 
	padding: .3rem; 
	white-space: nowrap; 
	overflow: hidden; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	padding-top:6px;
}
.myKeyword .recentBtn{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
}
.myKeyword .recentBtn span{
	display: block; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 1px; 
	height: 1px; 
	background-color: transparent; 
	font-size: 0; 
	line-height: 0;
}
.myKeyword .recentBtn::before{
	content: "\e922";
	font-family: xeicon;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 21px;
	color: #555;
}
.NoResult{
	border:solid 1px #ddd; 
	padding:85px 50px 135px 50px; 
	text-align:center; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.NoResult p{
	color:#0D6FB8; 
	font-size:25px; 
	padding:150px 0 0 0; 
	margin-bottom:16px; 
	letter-spacing:0.02em; 
	background:url('../images/sub/icon_NoResult.png') center center no-repeat;
}
.NoResult ul li{
	position:relative; 
	line-height:25px; 
	font-size:16px;
}

@media screen and (max-width: 1200px){
	.schRight h4 {
		font-size: 17px;
	}
}
@media screen and (max-width: 1000px) {
	.schRight {
		width: 100%;
		margin-left: 0%;
		float: none;
	}
	.schRight h4 {
		width: 96%;
		margin-top: 2%;
	}
}
@media screen and (max-width: 800px) {
	.schRight h4 {
		font-size: 16px;
	}
	.searchChart .chartList li {
		line-height: 31px;
	}
	.searchChart .chartList li a {
		font-size: 15px;
	}
	.myKeyword .konan-recent li a {
		font-size: 15px;
	}
	
}

/* koccinfo start */
.country{display:inline-block;vertical-align:middle;margin-right:8px;padding:0 15px;height:28px;line-height:28px;text-align:center;color:#fff;font-weight:600;}
.country.color1{background:#26538a;}
.country.color2{background:#a129a2;}
.country.color3{background:#0d781a;}
.country.color4{background:#9a5f13;}
.country.color5{background:#1c7aee;}
table.view.type2 thead tr th .country{display:block;position:absolute;top:0;font-size:14px;}

.typeCheck{margin-bottom:20px;text-align:center;}
.typeCheck li{display:inline-block; }
.typeCheck li a{display: block; font-size:16px; color:#187CB4; width:120px; height:60px; line-height:60px; text-align: right; padding: 0 40px; margin: 0 5px; font-weight: 400; border:1px solid #187CB4; border-radius:10px;}
.typeCheck li.areaChart a{background:url(../images/sub/chart_icon.png) 40px center no-repeat;}
.typeCheck li.areaChart a:hover{color:#fff; border:1px solid #187CB4; background:url(../images/sub/chart_icon_hover.png) 40px center no-repeat #187CB4;}
.typeCheck li.areaChart.active a{color:#fff; border:1px solid #187CB4; background:url(../images/sub/chart_icon_hover.png) 40px center no-repeat #187CB4;}
.typeCheck li.areaMap a{background:url(../images/sub/map_icon.png) 40px center no-repeat;}
.typeCheck li.areaMap a:hover{color:#fff; border:1px solid #187CB4; background:url(../images/sub/map_icon_hover.png) 40px center no-repeat #187CB4;}
.typeCheck li.areaMap.active a{color:#fff; border:1px solid #187CB4; background:url(../images/sub/map_icon_hover.png) 40px center no-repeat #187CB4;}
.koccCon{display: none;}
.koccCon.active{display: block !important;}

.koccCon div > div > a{font-size:13px;}
.koccCon h5{color:#0E73AC !important; font-weight:600; padding: 10px 0 10px 0; font-size: 16px;}
.koccCon font{color:#0E73AC !important;}
.koccCon h5:before{display: inline-block;margin-right: 7px;content: '-';}
.se-div > p > a{display: block; font-size: 15px !important; margin-bottom: 15px; color: #2A87BC !important;}

.topMap{position:relative;margin-bottom:50px;width:1030px;margin: 0 auto;}
.topMap .thumb{text-align:center;}
.topMap .countryMap{position:absolute;}
.topMap .countryMap .detailCon{display:none;position:absolute;top:-50px;padding:8px;background:#0E73AC;border-radius:2px;white-space:nowrap;z-index:99;border:solid 1px #0E73AC;box-shadow:0 4px 8px 0 rgb(0 0 0 / 35%);}
.topMap .countryMap .rig {right:0}
.topMap .countryMap a{display:inline-block;vertical-align:middle;}
.topMap .countryMap img{display:inline-block;max-width:inherit !important;vertical-align:middle;}
.topMap .countryMap span{display:inline-block;vertical-align:middle;padding:0 5px;font-size:13px;color:#fff;}

.topMap .countryMap .spotIcon{
	background:url(../images/culture/icon_mapSpot_04.png) no-repeat !important;
	width: 22px;
    height: 22px;
}
.topMap .countryMap .spotIcon_02{
	background:url(../images/culture/icon_mapSpot_05.png) no-repeat !important;
	width: 22px;
    height: 22px;
}
.topMap .countryMap .spotIcon_03{
	background:url(../images/culture/icon_mapSpot_06.png) no-repeat !important;
	width: 22px;
    height: 22px;
}

.topMap .countryMap .btnClose{margin-left:10px;width:12px;height:12px;background:url(../images/culture/icon_map_btnClose.png) no-repeat;text-indent:-9999em;}
.curDe{cursor: default !important;}

.spotIcon1{top:298px;left:373px;}
.spotIcon2{top:270px;left:400px;}
.spotIcon3{top:236px;left:385px;}
.spotIcon031{top:236px;left:375px;}
.spotIcon032{top:236px;left:395px;}
.spotIcon4{top:256px;left:460px;}
.spotIcon5{top:238px;left:469px;}
.spotIcon051{top:238px;left:453px;}
.spotIcon052{top:238px;left:473px;}
.spotIcon6{top:327px;left:365px;}
.spotIcon7{top:390px;left:380px;}
.spotIcon8{top:325px;left:409px;}
.spotIcon9{top:285px;left:285px;}
.spotIcon10{top:195px;left:255px;}
.spotIcon11{top:450px;left:500px;}
.spotIcon12{top:252px;left:69px;}
.spotIcon13{top:230px;left:83px;}
.spotIcon14{top:197px;left:75px;}
.spotIcon15{top:208px;left:97px;}
.spotIcon16{top:202px;left:120px;}
.spotIcon17{top:209px;left:147px;}
.spotIcon18{top:242px;left:102px;}
.spotIcon19{top:233px;left:130px;}
.spotIcon20{top:184px;left:195px;}
.spotIcon24{top:250px;right:287px;}
/*START - 캐나다 위치 수정 20250901 by SHKIM*/
/*주석 처리
.spotIcon21{top:149px;right:166px;}
*/
.spotIcon21{top:213px;right:160px;}
/*END - 캐나다 위치 수정 20250901 by SHKIM*/
.spotIcon22{top:238px;right:155px;}
.spotIcon0221{top:238px;right:165px;}
.spotIcon0222{top:238px;right:145px;}
.spotIcon23{top:257px;right:173px;}
.spotIcon25{top:293px;right:233px;}
.spotIcon26{top:473px;right:82px;}
.spotIcon27{top:500px;right:103px;}
.spotIcon28{top:248px;left:172px;}
.spotIcon29{top:285px;left:173px;}
.spotIcon30{top:300px;left:221px;}
.spotIcon31{top:360px;left:95px;}
.spotIcon32{top:290px;left:392px;}
.spotIcon33{top:178px;left:148px;}
.spotIcon34{top:165px;left:120px;} /* 스웨덴 */
.spotIcon35{top:228px;left:112px;} /* 오스트리아 */
.spotIcon36{top:270px;left:223px;} /* 이란 */
.spotIcon37{top:373px;left:353px;} /* 남아공 */
.spotIcon38{top:459px;left:127px;} /* 싱가포르 */
.spotIcon39{top:350px;left:350px;} /* 말레이시아 */
.spotIcon42{top:215px;left:130px;} /* 체코 */

.map_legend{text-align:center; margin:0 auto;}
.map_legend ul li{display:inline-block; font-size:15px; color:#262626; padding-left:22px;margin-right: 20px;}
.map_legend ul li:last-child{margin-right:0px;}
.map_legend ul li.mapIcon01{background:url(../images/culture/icon_mapSpot_04.png) left 5px no-repeat}
.map_legend ul li.mapIcon02{background:url(../images/culture/icon_mapSpot_05.png) left 5px no-repeat}
.map_legend ul li.mapIcon03{background:url(../images/culture/icon_mapSpot_06.png) left 5px no-repeat}

table.info{width:100%;border-top:1px solid #b1b1b1;border-left:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;}
table.info th{background:#f3f3f3;}
table.info th,
table.info td{padding:12px;border-right:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;}

table.info.mapInfo{border:1px solid #b1b1b1;border-right:0px none;}
table.info.mapInfo th{background:#0E73AC;color:#fff;font-size:16px;font-weight:normal;}
table.info.mapInfo th,
table.info.mapInfo td{border-right:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;font-size:16px;word-break:break-word;}
table.info.mapInfo td{padding:8px;word-break:break-all;}
table.info.mapInfo td br{display:none;}
table.info.mapInfo td img{margin:0 20px 0 8px; max-width: 100%; display: inline; vertical-align: middle;}

.tabBar{margin-bottom:30px;}
.tabBar:after{display:block;content:"";clear:both;}
.tabBar > li{position:relative;float:left;z-index:1;}
.tabBar > li > a{display:block;font-size:1.1em;}
.tabBar > li.active{z-index:2;}
.tabBar.col2 li{width:50%;}
.tabBar.col3 li{width:33.3333%;}
.tabBar.col4 li{width:25%;}
.tabBar.col5 li{width:20%;}
.tabBar.col6 li{width:16.6666%;}
.tabBar.col7 li{width:14.2857%;}
.tabBar.bar{margin-bottom:50px;}
.tabBar.bar > li{display:table;}
.tabBar.bar > li > a{display:table-cell;vertical-align:middle;height:52px;border-bottom:1px solid #bababa;text-align:center;font-size:1.063em;color:#666;}
.tabBar.bar > li.active > a{border-bottom:2px solid #000;border-left:0px none;color:#000;font-weight:600;}

.tabPage{display:none;}
.tabPage.active{display:block;overflow-x:scroll; scrollbar-width: none; -ms-overflow-style:none;}
.tabPage.active::-webkit-scrollbar{display:none;}

.listArea > div{color: #1176AE;font-size: 22px;line-height: 27px;text-align: center;margin-bottom: 15px;height: 35px; font-weight: 500; }
.listArea > div img{display: inline-block; vertical-align: middle;}
.listArea > .listType7 th {background:#fff; border-top: 2px solid #525252; border-bottom: 1px solid #b7b7b7;}
.listArea > .listType7 th, .listType7 td:last-of-type{border-right:0px; text-align: left;}
.listArea > .listType7 th, .listType7 td{border-left:0px; text-align:center;border-bottom: 1px solid #b7b7b7;font-size: 16px; text-align: left;}
.listArea > .listType7 td.case_title{text-align:center;}
.listArea > .tcase4 > thead > tr > th{text-align: center;}

.listType7 {border-top:2px solid #a5a5a5;width: 100%;margin: 0 auto; font-size:14px}
.listType7 th,.listType7 td  {padding: 14px 10px; box-sizing: border-box; border-bottom:1px solid #ccc;text-align: left;/*border-left: 1px solid #ccc; 수정 220824*/}
.listType7 th,.listType7 td:last-of-type  { padding: 14px 10px; box-sizing: border-box; /*border-right:1px solid #ccc; 수정 220824*/ }
.listType7.listType1 td:last-of-type li  { padding: 4px 0;}
.listType7 th { background:#f2f2f2; text-align:center;}
.listType7 td.case_title{text-align:left; padding-left:10px}
.listType7 td.case_title a{color: #333; margin:0 2px 0 3px;}
.listType7 td.case_title p{margin: 0}

.sitemapArea { width:100%;}
.sitemapArea:after { content:""; display:block; clear:both;}
.sitemapArea > div { float:left; margin-right:2%; width: 32%; margin-bottom: 50px;}
.sitemapArea > div.map3,
.sitemapArea > div.map6{margin-right:0px;}
.sitemapArea > div h2 { height: 50px; line-height: 48px; font-size: 18px; text-align:center;}
.sitemapArea > div h2 a { color:#1176AE;}
.sitemapArea > div ul { padding:25px 0 0 20px;}
.sitemapArea > div ul li { height: 40px;}
.sitemapArea > div ul li a { font-size: 16px; color:#454342; line-height: 30px;}
.sitemapArea > div ul li a:before{display: inline-block;margin-right: 7px;content: '';vertical-align: middle;width: 3px;height: 3px;background: #000;margin-bottom: 4px;}
.sitemapArea > div.map7 {height: 180px;}
.sitemapArea > div.map1 h2 {background: #fff;border: 1px solid #1B94D8;/* box-shadow: 4px 4px 4px 0 rgb(27 148 216 / 30%) */}
.sitemapArea > div.map2 h2 {background: #fff;border: 1px solid #1B94D8;/* box-shadow: 4px 4px 4px 0 rgb(27 148 216 / 30%) */}
.sitemapArea > div.map3 h2 {background: #fff;border: 1px solid #1B94D8;/* box-shadow: 4px 4px 4px 0 rgb(27 148 216 / 30%) */}
.sitemapArea > div.map4 h2 {background: #fff;border: 1px solid #1B94D8;/* box-shadow: 4px 4px 4px 0 rgb(27 148 216 / 30%) */}
.sitemapArea > div.map5 h2 {background: #fff;border: 1px solid #1B94D8;/* box-shadow: 4px 4px 4px 0 rgb(27 148 216 / 30%) */}
.sitemapArea > div.map6 h2 {background: #fff;border: 1px solid #1B94D8;/* box-shadow: 4px 4px 4px 0 rgb(27 148 216 / 30%) */}
.sitemapArea > div.map7 h2 {background: #fff;border: 1px solid #1B94D8;/* box-shadow: 4px 4px 4px 0 rgb(27 148 216 / 30%) */}

@media screen and (max-width: 970px){
	table.info.mapInfo th, table.info.mapInfo td{font-size:14px;}
	table.info.mapInfo td img {margin: 0 5px 0 0;}
	.typeCheck li a{height:55px; line-height:55px; padding: 0 35px;}
	.typeCheck li.areaChart a{background:url(../images/sub/chart_icon.png) 30px center no-repeat;}
	.typeCheck li.areaChart a:hover{background:url(../images/sub/chart_icon_hover.png) 30px center no-repeat #1B94D8;}
	.typeCheck li.areaChart.active a{background:url(../images/sub/chart_icon_hover.png) 30px center no-repeat #1B94D8;}
	.typeCheck li.areaMap a{background:url(../images/sub/map_icon.png) 30px center no-repeat;}
	.typeCheck li.areaMap a:hover{background:url(../images/sub/map_icon_hover.png) 30px center no-repeat #1B94D8;}
	.typeCheck li.areaMap.active a{background:url(../images/sub/map_icon_hover.png) 30px center no-repeat #1B94D8;}
}

@media screen and (max-width: 900px){
	.tabBar.bar > li > a {
        font-size: 14px;
    }
	.sitemapArea > div{width:49%;margin-right: 2% !important;}
	.sitemapArea > div.map2, 
	.sitemapArea > div.map4, 
	.sitemapArea > div.map6{margin-right: 0 !important;}
	.sitemapArea > div.map3, 
	.sitemapArea > div.map5{margin-right: 2%;}
}

@media screen and (max-width: 720px) {
	.spotFlag img {
		width: 27px;
	}
	.tcase4 > colgroup{display: none;}
	.tcase4 > thead{display: none;}
	.tcase4 > tbody > tr{display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;}
	.tcase4 > tbody > tr > td{border-bottom: 0 !important; padding: 5px !important;}
	.tcase4 > tbody > tr > td:nth-child(1){display: block; width: 100%; padding: 10px 0 5px 0; font-size: 15px; text-align: left !important; height: auto;}
	.tcase4 > tbody > tr > td:nth-child(2){display: block; width: 100%; padding: 10px 0 5px 0; font-size: 15px; text-align: left !important; height: auto;}
	.tcase4 > tbody > tr > td:nth-child(3){display: block; width: 100%; padding: 0 3px 10px 3px; text-align: left; color: #878a8f;}
	.tcase4 > tbody > tr > td > a{display: block;}
}


@media screen and (max-width: 650px) {
	table.info.mapInfo td{
		height: 50px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 640px) {
	.tabBar.bar > li > a {
        font-size: 13px;
    }
	.listArea > div {
        font-size: 20px;
    }
	.typeCheck li{width: 47%; padding: 0 0.5%; box-sizing: border-box;}
	.typeCheck li a{width: 100%; height: 45px; font-size: 15px; line-height: 45px; margin: 0; box-sizing: border-box; padding: 0 5%;}
	.typeCheck li.areaChart a{background:url(../images/sub/chart_icon.png) 7% center no-repeat; background-size: 30px;}
	.typeCheck li.areaChart a:hover{background:url(../images/sub/chart_icon_hover.png) 7% center no-repeat #1B94D8; background-size: 30px;}
	.typeCheck li.areaChart.active a{background:url(../images/sub/chart_icon_hover.png) 7% center no-repeat #1B94D8; background-size: 30px;}
	.typeCheck li.areaMap a{background:url(../images/sub/map_icon.png) 7% center no-repeat; background-size: 30px;}
	.typeCheck li.areaMap a:hover{background:url(../images/sub/map_icon_hover.png) 7% center no-repeat #1B94D8; background-size: 30px;}
	.typeCheck li.areaMap.active a{background:url(../images/sub/map_icon_hover.png) 7% center no-repeat #1B94D8; background-size: 30px;}
}

@media screen and (max-width: 500px) {
	.sitemapArea > div{margin-bottom: 20px;}
	.sitemapArea > div h2{font-size: 16px; height: 45px; line-height: 45px;}
	.sitemapArea > div ul{padding: 15px 0 0 5px ;}
	.sitemapArea > div ul li {height: 35px;}
	.sitemapArea > div ul li a{font-size: 14px;}
}

.headMessage{border:1px solid #CCC; background:#EEE; padding:15px;}
.rssList h2{font-size:17px; height:30px; padding-top:25px; color:#000;}
.rssList dl{border-top:2px solid #a5a5a5; overflow:hidden;}
.rssList dt{float:left;width:18%;border-bottom:1px solid #e6e6e6; height:25px; padding-top:6px; font-weight:bold; font-size: 15px;}
.rssList dd{float:left;width:72%;border-bottom:1px solid #e6e6e6; height:25px; padding-top:6px; font-size: 15px;}
.rssList dd.btn{width:10%; height:27px; padding-top:4px;}
.rssList dd.btn a{display:block; width:60px; height:20px; padding-top:2px; background:#ddd;text-decoration:none; text-align:center; color:#333; float: right; font-size: 13px;}
.rssList dd.btn a:hover{background:#ccc;}

@media screen and (max-width: 900px) {
	.rssList dl{padding-top: 5px;}
	.rssList dt{width: 100%; border-bottom: 0 !important; height: auto; float: none;}
	.rssList dd{width: 100%; border-bottom: 0; height: auto; float: none; }
	.rssList dd.btn{width: 100%; padding: 5px 0 10px 0; display: block; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
	.rssList dd.btn a{float: left;}
}

@media screen and (max-width: 640px) {
	.rssList dt{font-size: 13px;}
	.rssList dd{font-size: 13px;}
}


/* occasionWrap start */
.occasionWrap{
	position: relative;
}
.occasionImg{
	position: relative;
}
.occasionImg::before{
	content: "";
	position: absolute;
	width: 50%;
	height: 50%;
	top: 50%;
	left: 0;
}
.occasionImg::after{
	content: "";
	position: absolute;
	width: 50%;
	height: 50%;
	top: 0;
	right: 0;
	z-index: 0;
}
.occasionImg.bgColor01::before{
	background-color: #F4F6F9;
}
.occasionImg.bgColor01::after{
	background-color: #E0E0E0;
}
.occasionImg.bgColor02::before{
	background-color: #E3ECFF;
}
.occasionImg.bgColor02::after{
	background-color: #D7E5FF;
}
.occasionImg.bgColor03::before{
	background-color: #E3ECFF;
}
.occasionImg.bgColor03::after{
	background-color: #D7E5FF;
}
.occasionImg p{
	position: relative;
	max-width: 1500px;
	margin: 0 auto;
	z-index: 1;
}
.occasionList{
	position: relative;
	max-width: 1500px;
	margin: 100px auto 0 auto;
}
.occasionList dl{
	border-top: solid 1px #E0E0E0;
	overflow: hidden;
	padding-top: 45px;
	margin-top: 45px;
}
.occasionList dl:first-child{
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}
.occasionList dt{
	width: 330px;
	float: left;
	font-weight: 700;
	font-size: 34px;
	line-height: 40px;
	color: #333;
}
.occasionList dd{
	width: calc(100% - 330px);
	float: left;
}
.occasionList dd p{
	font-size: 20px;
	color: #333;
}
.occasionList dd a{
	position: relative;
	display: inline-block;
	border: solid 1px #1176AE;
	border-radius: 3px;
	font-size: 17px;
	color: #1176AE;
	font-weight: 500;
	padding: 5px 50px 5px 15px;
	margin-top: 20px;
	transition: 0.3s;
}
.occasionList dd a::after {
	content: "\e915";
	font-family: xeicon;
	font-weight: 300;
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	color: #1176AE;
	transition: 0.3s;
}
.occasionList dd a:hover{
	border: solid 1px #1176AE;
	color: #fff;
	background-color: #1176AE;
}
.occasionList dd a:hover::after {
	color: #fff;
}


@media screen and (max-width: 1560px) {
	.occasionImg p{
		width: 100%;
	}
	.occasionImg p img{
		width: 100%;
	}
	.occasionList {
		margin: 70px auto 0 auto;
	}
}

@media screen and (max-width: 1200px) {
	.occasionList dt{
		width: 300px;
		font-size: 30px;
	}
	.occasionList dd{
		width: calc(100% - 300px);
	}
	.occasionList dd p{
		font-size: 18px;
	}
	.occasionList dd a{
		font-size: 16px;
	}
}

@media screen and (max-width: 720px) {
	.occasionList {
		margin: 50px auto 0 auto;
	}
	.occasionList dl{
		padding-top: 25px;
		margin-top: 25px;
	}
	.occasionList dt{
		width: 100%;
		float: none;
		font-size: 20px;
		line-height: 26px;
	}
	.occasionList dd{
		width: 100%;
		float: none; 
		margin-top: 10px;
	}
	.occasionList dd p{
		font-size: 16px;
	}
	.occasionList dd a{
		font-size: 15px;
		margin-top: 15px;
	}
}

@media screen and (max-width: 500px) {
	.occasionImg p img {
		height: 100px;
	}
	.occasionList {
		margin: 30px auto 0 auto;
	}
}


.declareArea ol{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 2%;
}
.declareArea ol li{
	position: relative;
	min-height: 450px;
    flex-basis: 23.5%;
    flex-shrink: 1;
    flex-grow: 1;
	background-color: #F4F6F9;
	border: solid 1px #A7A7A7;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 40px 0;
}
.declareList p{
	position: relative;
	text-align: center;
	height: 169px;
}
.declareList p::after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 150px;
	height: 169px;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,.15));
}
.declareArea li:nth-child(1) p:after{
	background:url(../images/sub/icon_declare01.png) center no-repeat;
}
.declareArea li:nth-child(2) p:after{
	background:url(../images/sub/icon_declare02.png) center no-repeat;
}
.declareArea li:nth-child(3) p:after{
	background:url(../images/sub/icon_declare03.png) center no-repeat;
}
.declareArea li:nth-child(4) p:after{
	background:url(../images/sub/icon_declare04.png) center no-repeat;
}
.declareList p span{
	z-index: 2;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 20px;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	color: #fff;
}
.declareList dl dt{
	font-size: 20px;
	font-weight: 600;
	color: #1176AE;
	text-align: center;
	margin-top: 55px;
}
.declareList dl dd{
	font-size: 18px;
	color: #333;
	line-height: 28px;
	padding: 0 40px;
	box-sizing: border-box;
	margin-top: 20px;
}

:root {  
    /* font-size: calc(1rem + min(1vw, 1vh) * 0.25);  */
    /*font-size: clamp(100%, 1vw, 120%);*/
}

.conHeader h3{
    font-size: 38px;
	line-height: 45px;
	color: #222;
	font-weight: 700;
	text-align: left;
	margin-bottom: 10px;
}
.conHeader li{
	font-size:20px;
	padding:5px 0;
}
.conHeader li:before{
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #565656;
    vertical-align: middle;
    margin-right: 10px;
}
.conHeader .conTopimg{
	display: inline-flex;
	overflow: hidden;
	margin:40px 0;
	width:100%;
}
.conHeader .conTopimg p{
	float: left;
	max-height:350px;
	overflow: hidden;
}
.conHeader .conTopimg .img_left{
	max-width:270px;
}
.conHeader .conTopimg .img_right{
	max-width:1200px;
	padding-left:2%;
}
.conHeader .conTopimg .img_left img{
	width:100%;
	height: auto;
}
.conHeader .conTopimg .img_right img{
	width:100%;
	height: auto;
}

.conBody{
	position: relative; 
	display: block;
	overflow: hidden;
	margin:60px 0;
}
.conBodyVari{
	max-width: 1500px;
	margin: 60px auto;
}
.conBody .conLeft{
	float: left;
	display: flex;
	width:330px;
	height: 100%;
	min-height:600px;
}
.conBody .conLeft h3{
	font-size: 34px;
	line-height: 45px;	
	color: #222;
	font-weight: 700;	
	text-align: left;
}
.conBody .conRight{
	padding: 0px 0px;
	vertical-align: top;
	display: block !important; 
	height: 100%; 
	width: calc(100% - 330px);
	overflow: hidden;
}
.conBody .conRight .f20{
	font-size: 20px;
	line-height: 30px;
}
.conBody .conRight .conSection{
	position:relative;
	margin:40px 0;
	display: block;
}
.conBody .conRight .conSection + .conSection:before{
	content: "";
	display:block;
	border-top: 1px solid #D9D9D9;
	width: 100%;
	padding-top: 30px;
	font-size: 0;
}
.conBody .conRight .conSection div:first-child {
	width: 80%;
}
.conBody .conRight .conSection .conTxt1:after{
	content: "";
	position:absolute;
	display: inline-block;
	background:url('../images/sub/icon_int01.png') no-repeat;
	width:81px;
	height: 66px; 
	right: 0;
	top:10px;
	overflow: hidden;
	background-size: contain;
}
.conBody .conRight .conSection .conTxt2:after{
	content: "";
	position:absolute;
	display: inline-block;
	background:url('../images/sub/icon_int02.png') no-repeat;
	width:83px;
	height: 71px; 
	right: 0;
	top:30px;
	overflow: hidden;
	background-size: contain;
}
.conBody .conRight .conSection .conTxt3:after{
	content: "";
	position:absolute;
	display: inline-block;
	background:url('../images/sub/icon_int03.png') no-repeat;
	width:83px;
	height: 73px; 
	right: 0;
	top:40px;
	overflow: hidden;
	background-size: contain;
}
.conBody .conRight .conSection h4{
	font-size: 22px;
	color: #1176AE;
	font-weight: 600;
	line-height: 50px;
}
.conBody .conRight .conSection p{
	font-size: 18px;
}
.conBody .conRight .conSection .conBox{
	margin:20px 0;
	border:1px solid #d9d9d9; 
	border-radius: 5px;
	background: #f6f6f6;
	padding: 15px 20px 15px 20px;
}
.conBody .conRight .conSection .conBox p.blueBox{
	background: #1376AD;
	width: 52px;
	height: 21px;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	line-height: 21px;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}
.conBody .conRight .conSection .conBox p{
	font-size: 16px;
	font-weight: 300;
	color: #181818;
}
.conBody .btn-brogo{
	position:relative;
	width: 100%;
	max-width:320px ;
	max-height: 60px;
	line-height: 60px;
	display: block;
	text-align: center;
	padding: 30px 0;
	margin:0 auto;
}
.conBody .btn-brogo::before{
	border-top:none;
}
.conBody .btn-brogo a{
	display:block;
	border-radius: 5px;
	width:100%;
	height:100%;
	background: #1B94D8;
	font-size: 1.1rem;
	font-weight: bold;
	color:#fff;
    box-shadow: 5px 5px #aedaf3;
} 
.conBody .btn-brogo a::after{
	content: "";
	display: inline-block;
	background:url('../images/sub/btt_icon_Line.png') no-repeat;
	width:11px;
	height: 11px;
	margin-left:30px;
}

/*바로알림단*/
.sppguideTop{
	position: relative;
	max-width: 1500px;
	margin: 0 auto;
	transition: 0.3s;
}
.sppguideTop p.txtKor{
	font-size: 24.5px;
	color: #222;
}
.sppguideTop h3{
	font-size: 60px;
	color: #333;
	font-weight: 800;
	margin-bottom: 35px;
}
.sppguideTop p.txtEng{
	color: #747474;
	font-size: 70px;
	font-weight: 600;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 60px;
}
.sppguideTop ul{
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 2%;
}
.sppguideTop ul li{
	position: relative;
	flex-basis: 23.5%;
	flex-shrink: 1;
	flex-grow: 1;
	box-sizing: border-box;
}
.sppguideTop ul li:nth-child(3), .sppguideTop ul li:nth-child(4){
	top: 50%;
	transform: translateY(-50%);
}
.sppguideTop ul li img{
	width: 100%;
}

.arimTopBox{
	background: #E4EBED;
	max-height: 220px;
	position: relative;
	text-align: center;
	padding: 50px 30px;
	margin-top: 100px;
}
.arimTopBox h4{
	font-size: 34px;
	line-height: 3.8rem;
	color:#076CA6;
	font-weight: 600;
}
.arimTopBox .f20{
	font-size: 20px;
	line-height: 30px;
}
.conBody .arimSection{
	position:relative;
	margin:0 auto;
	display: block;
	width: 100%;
	text-align: center;
}
.conBody .arimSection:not(:first-child){
	margin:3rem 0;
}
.conBody .arimSection + .arimSection:before{
	content: "";
	display:block;
	border-top: 1px solid #D9D9D9;
	width: 100%;
	padding-bottom: 2.5rem;
	font-size: 0;
}
.conBody .arimSection h4{
	font-size: 40px;
	line-height: 6rem;
	font-weight: 700;
}
.conBody .arimSection .conTxt h4:before{
	content: "";
	display: block;
	position:relative; 
	margin:0 auto;
    width: 90px; 
	height:90px;
}
.conBody .arimSection .t1 h4:before{
	background:url('../images/sub/icon_bro01.png') no-repeat ;
	background-size: cover;
} 
.conBody .arimSection .t2 h4:before{
	background:url('../images/sub/icon_bro02.png') no-repeat ;
	background-size: cover;
} 
.conBody .arimSection .t3 h4:before{
	background:url('../images/sub/icon_bro03.png') no-repeat ;
	background-size: cover;
}
.conBody .arimSection .arimBox{
	position:relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 2rem 0;
}
.conBody .arimSection .arimBox .flex p{
	font-size: 18px;
	color: #2E2E2E;
}
.conBody .arimSection .arimBox .greenBox{
	padding: 4px 0;
	transform: translateY(-50%);
	top: 0%;
	color: #fff !important;
	text-align: center;
	font-size: 19px !important;
	min-width: 130px;
	position: absolute;
	background: #08837B;
	border-radius: 7px;
}
.conBody .arimSection .arimBox .flex{
	position:relative;
	padding: 40px 25px 20px 25px;
	flex:1 1 0;
	border:1px solid #d9d9d9; 
	border-radius: 10px;
	background: #f6f6f6;  
	justify-content: space-between;
	text-align: left;
}
.conBody .arimSection .arimBox .flex:nth-child(1){
	margin-right: 5%;
}
.conBody .arimSection .arimBox .flex li{
	position: relative;
	padding-left: 15px;
}
.conBody .arimSection .arimBox .flex li:before{
	margin: 0 10px;
	position: absolute;
	left: -9px;
	top: 8px;
	width: 4px;
	height: 4px;
	background: #5F5F5F;
	content: "";
}
.conBody .arimSection .conTxt p{
	font-size: 24px;
	font-weight: 500;
	color: #5A5A5A;
	text-decoration: underline;
	margin-top: -10px;
}
.conBody .arimSection .arimBox .flex.star{
	border:none;
	background: none;
	margin-right: 0;
}
.conBody .arimSection .arimBox .star:before{
	position: relative;
	content: "";
	display:block;
	background:url('../images/sub/icon_6.png') no-repeat;
	width:38px;
	height: 38px;
}
.conBody .arimSection .arimBox .flex span{
	color: #AA233D;
	font-size: 15px;
	line-height: 30px;
}

.btnWrap{
	padding-bottom: 10px;
	text-align: center;
	margin-top: 60px;
}
.btnWrap a{
	position: relative;
	display: inline-block;
	border-radius: 5px;
	font-size: 19px;
	color: #fff;
	background-color: #187CB4;
	font-weight: 500;
	padding: 15px 80px 15px 25px;
	transition: 0.3s;
	box-shadow: 5px 5px 0 0 rgb(27 148 221 / 35%);
}
.btnWrap a::after {
	content: "\e915";
	font-family: xeicon;
	font-weight: 300;
	transform: rotate(45deg);
	position: absolute;
	right: 20px;
	color: #fff;
	transition: 0.3s;
}
.btnWrap a:hover{
	transition: 0.3s;
	box-shadow: none;
}


@media screen and (max-width: 1560px){
    .sppguideTop{
		padding: 0 30px;
	}
	.sppguideTop p.txtEng{
		right: 30px;
	}
	.conBodyVari {
		padding: 0 30px;
	}
	.sppguideTop p.txtKor {
		font-size: 1.61vw;
	}
	.sppguideTop h3 {
		font-size: 3.94vw;
	}
	.sppguideTop p.txtEng{
		font-size: 4.6vw;
	}
}

@media screen and (max-width: 1200px) {
	.conHeader h3 {
		font-size: 34px;
	}
	.conHeader li {
		font-size: 19px;
		padding: 3px 0;
	}
	.conBody {
		margin: 40px 0;
	}
	.conBody .conLeft {
		width: 280px;
	}
	.conBody .conLeft h3 {
		font-size: 30px;
	}
	.conBody .conRight {
		width: calc(100% - 280px);
	}
	.conBody .conRight .f20 {
		font-size: 18px;
	}
	.conBody .conRight .conSection {
		margin: 30px 0;
	}
	.conBody .conRight .conSection + .conSection::before {
		padding-top: 20px;
	}
	.conBody .conRight .conSection h4 {
		font-size: 20px;
	}
	.conBody .conRight .conSection p {
		font-size: 17px;
	}
	.btnWrap a {
		font-size: 18px;
	}
}

@media screen and (max-width: 1000px) {
	.declareArea ol li{
		flex-basis: 49%;
	}
	.declareList{
		margin-bottom: 20px;
	}
	.sppguideTop h3 {
		font-size: 40px;
		margin-bottom: 20px;
	}
	.sppguideTop p.txtKor {
		font-size: 16px;
	}
	.sppguideTop p.txtEng {
		font-size: 40px;
		left: 30px;
		right: auto;
		bottom: -55px;
		line-height: normal;
	}
	.sppguideTop ul li:nth-child(3), .sppguideTop ul li:nth-child(4) {
		top: 0;
		transform: translateY(0%);
	}
	.arimTopBox {
		padding: 40px 30px;
	}
	.arimTopBox h4 {
		font-size: 30px;
	}
	.arimTopBox .f20 {
		font-size: 18px;
	}
	.conBody .arimSection h4 {
		font-size: 34px;
		line-height: 45px;
		margin-bottom: 20px;
	}
	.conBody .arimSection .t1 h4::before, .conBody .arimSection .t2 h4::before, .conBody .arimSection .t3 h4::before {
		width: 80px;
		height: 80px;
		margin-bottom: 15px;
	}
	.conBody .arimSection .arimBox .greenBox {
		font-size: 17px !important;
	}
	.conBody .arimSection .arimBox .flex p {
		font-size: 17px;
	}
	.conBody .arimSection .conTxt p {
		font-size: 22px;
	}
	.conBody .arimSection .arimBox .flex {
		padding: 30px 25px 20px 25px;
	}
	.conBody .arimSection .conTxt{
		overflow: hidden;
	}
}

@media screen and (max-width: 800px){
    .conBody .conLeft{
		float: none; 
		min-height: 65px;
	}
	.conBody .conLeft h3 {
		font-size: 20px;
	}
    .conBody .conRight{
		width: 100%;
	}
	.conBody .conRight .conSection {
		margin: 15px 0;
	}
	.conBody .conRight .conSection h4 {
		font-size: 17px;
		line-height: 38px;
	}
	.conBody .conRight .conSection p {
		font-size: 16px;
	}
	.conBody .conRight .conSection .conBox p.blueBox {
		font-size: 15px;
	}
	.conBody .conRight .conSection .conBox p {
		font-size: 15px;
	}
    .conHeader h3{ 
		font-size: 22px;
		margin-bottom: 5px;
	}
    .conHeader li{
		position: relative;
		padding-left: 12px;
		font-size: 16px;
	}
	.conHeader li::before {
		content: "";
		display: inline-block;
		width: 4px;
		height: 4px;
		background: #565656;
		margin-right: 10px;
		left: 0;
		position: absolute;
		top: 13px;
	}
	.conHeader .conTopimg {
		margin: 20px 0;
	}
    .conBody .conRight .f20{
		font-size: 16px;
		line-height: 25px;
	}
    .conBody .arimSection .conTxt p{
		margin-top: 10px;
	}
	.btnWrap a {
		font-size: 16px;
	}
}

@media screen and (max-width: 720px){
	/*바로알림단*/
	.sppguideTop h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.sppguideTop p.txtEng {
		font-size: 22px;
		bottom: -35px;
	}
	.arimTopBox {
		padding: 20px 30px;
		margin-top: 65px;
	}
	.arimTopBox h4 {
		font-size: 19px;
		line-height: 45px;
	}
	.arimTopBox .f20 {
		font-size: 16px;
		line-height: 22px;
	}
	.conBody {
		margin: 10px 0 30px 0;
	}
	.conBodyVari {
		padding: 0 30px;
	}
	.conBody .arimSection {
		margin: 30px 0 30px 0;
	}
	.conBody .arimSection h4 {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.conBody .arimSection .arimBox .greenBox {
		font-size: 16px !important;
	}
	.conBody .arimSection .arimBox .flex p {
		font-size: 16px;
	}
	.conBody .arimSection:not(:first-child) {
		margin: 30px 0;
	}
	.conBody .arimSection + .arimSection::before {
		padding-bottom: 30px;
	}
	.conBody .arimSection .conTxt p {
		font-size: 17px;
	}
	.conBody .arimSection .conTxt h4:before{
		width: 60px; 
		height:60px;
	}
	.conBody .arimSection .arimBox{
		display: block;
		margin: 35px 0;
	}
	.conBody .arimSection .arimBox .star::before {
		width: 25px;
		height: 25px;
		background-size: 25px;
	}
	.conBody .arimSection .arimBox .flex.star {
		padding: 10px 10px;
	}
	.MT15{margin-top: 15px !important;}
	.conBody .arimSection .arimBox .flex:nth-child(1) {margin-bottom: 2rem;margin-right: 0;}
	.conBody .arimSection .arimBox .flex {padding: 1.5rem 1.5rem 1rem;}
	.conBody .arimSection .arimBox .flex.star:nth-child(1){margin:0}
}

@media screen and (max-width: 600px){
    .conBody .conLeft{
		min-height: 40px;
	}
}

@media screen and (max-width: 500px){
    .conBody .conRight .conSection h4{
		width: 83%;
	}
    .conBody .conRight .conSection div:first-child {
		width: 100%;
	}
	.conBody .conRight .conSection + .conSection::before {
		padding-top: 10px;
	}
	.conBody .conRight .conSection .conBox{
		padding: 10px 20px 10px 20px;
	}
    .conBody .conRight .conSection .conTxt1:after, .conBody .conRight .conSection .conTxt2:after, .conBody .conRight .conSection .conTxt3:after{
		display: none;
	}

    /*바로알림단*/
	.arimTopBox {
		padding: 20px 20px;
	}
    .arimTopBox h4 {
		line-height: 2.5rem;
	}
	.sppguideTop{
		padding: 0 20px;
	}
	.sppguideTop p.txtEng{
		left: 20px;
	}
	.conBodyVari {
		padding: 0 20px;
	}
}

@media screen and (max-width: 480px) {
	.declareArea ol li{
		flex-basis: 100%;
		min-height: 320px;
		padding: 20px 0;
	}
	.declareList p span {
		font-size: 20px;
		top: 18px;
	}
	.declareList dl dt {
		margin-top: 10px;
		font-size: 20px;
	}
	.declareList dl dd {
		font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
	}
	.declareList p::after{
		background-position: top center !important;
		background-size: 130px !important;
	}
	.btnWrap{
		margin-top: 20px;
	}
	.btnWrap a{
		padding: 10px 60px 10px 20px;
	}
	.btnWrap a::after {
		content: "\e915";
		font-family: xeicon;
		font-weight: 300;
		transform: rotate(45deg);
		position: absolute;
		right: 15px;
		color: #fff;
		transition: 0.3s;
	}
}


.printWrap{
	position: relative;
	min-width:720px; 
	width: 100%;
	padding:20px 20px;
	box-sizing: border-box;
}
.printWrap::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 6px;
	width: 100%;
	background-color: #3B3B3B;
}
.printWrap h1{
	position: relative;
	font-size: 24px;
	font-weight: 600;
	color: #000;
	padding-bottom: 20px;
	box-sizing: border-box;
}
.printWrap h1::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	border: solid 1px #E0E0E0;
	background-color: #F4F6F9;
}
.printView{
	font-size: 15px;
	line-height: 24px;
	color: #333;
	padding-top: 20px;
}


/* cardnews */
.lSSlideOuter .lSSlideWrapper .lslide img{
	margin: 0 auto;
	max-width: 100%;
	height: auto !important;
}


/* Editor */
.figCenter{
	margin: 0 auto;
}
.figCenter .figcaption{
	text-align: center;
}
.figCenter img{
	width: 100%;
}
.se-contents span.se-drawing-object-wrapper {
	max-width: 100%; 
}
span.se-drawing-object-wrapper.se-video.se-youtube-video{
	width:100% !important;
	text-align: center;
}
.se-contents span.se-drawing-object-wrapper img{
	margin: 0 auto;
}
.se-contents span.se-drawing-object-wrapper .se-caption{
	width: 100% !important;
}

@media screen and (max-width: 1000px) {
	span.se-drawing-object-wrapper.se-video.se-youtube-video{
		width:100% !important;
		height:auto !important;
	}
	span.se-youtube-wrapper {
		position: relative;
		padding-bottom: 56.25%;
		display: block;
		height: 0;
	}
	.se-youtube-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width:100% !important; 
		height: 100% !important;
	}
	.se-contents iframe{
		width: 100% !important;;
	}
	p.PlayBox {
		width: 100%;
		position: relative;
		padding-bottom: 56.25%;
		display: block;
		height: 0;
	}  
	p.PlayBox iframe {
		position: absolute;
		width: 100% !important;
		height: 100% !important;
		top: 0;
		left: 0;
	}
	.se-contents span.se-caption{
		width: 100%;
	}
	.se-contents img{
		width: 100% !important;;
		height: auto !important;
	}
	.figCenter{
		width: 100% !important;
	}
	.figCenter img{
		width: 100% !important;
	}
}


/* searchPage */
.pageArea{
	position: relative;
	width: 100%;
	text-align: center;
}
.searchPage{
	display: inline-block; 
	vertical-align: top; 
	margin: 0 5px;
}
.searchPage li{
	float: left; 
	vertical-align: top; 
	margin-right: 5px; 
}
.searchPage li a {
	display: block; 
	width: 30px; 
	height: 30px; 
	color: #747474; 
	line-height: 30px; 
	border: 1px solid #cbcccd; 
	font-weight: 500; 
	font-size: 14px; 
	text-align: center; 
	border-radius: 5px;
	/* cursor: pointer; */
}
.searchPage li.active a {
	color: #fff; 
	background-color: #0D6FB8; 
	border-color: #0D6FB8; 
}
.searchPage .searchArr a{ 
	font-size: 28px;
	font-weight: 300;
	line-height: 28px;
}
.searchPage .searchArr a:hover { 
	border-color: #0D6FB8;
	background-color: #fff;
}
.searchPage li.active a:hover { 
	color: #fff; 
	background-color: #0D6FB8; 
	border-color: #0D6FB8; 
} 
.searchPage li a:hover { 
	border-color: #ddd; 
	background-color: #F0F0F0; 
} 

@media screen and (max-width: 400px) { 
	.searchPage .searchArr a{ 
		font-size: 25px;
		line-height: 20px;
	}
	.searchPage li a { 
		width: 25px; 
		height: 25px; 
		line-height: 23px;
		padding-left: 1px;
		padding-right: 1px;
		min-width: 25px;
		box-sizing: border-box;
	} 
}


/* error page */
.errorMi{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: 80px;
}
.errorMi h1 img{
	filter: brightness(0) saturate(100%) invert(38%) sepia(0%) saturate(264%) hue-rotate(142deg) brightness(85%) contrast(88%);
}
.errorCon{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	max-width: 1400px;
	margin: 0 auto;
}
.errortxt{
	position: relative;
	padding-top: 270px;
	margin-top: 30px;
}
.errortxt::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 360px;
	height: 240px;
	background:url('../images/sub/error_img.png') no-repeat;
}
.errortxt p{
	text-align: center;
	font-size: 18px;
	color: #333;
	line-height: 28px;
	margin-bottom: 30px;
}
.errortxt strong{
	font-size: 35px;
	font-weight: 700;
	color: #111;
	line-height: 48px;
}
.errorBtn{
	position: relative;
	color: #fff;
	margin-top: 30px;
}
.errorBtn a{
	display: block;
	color: #fff;
	font-size: 17px;
	padding: 18px 55px 18px 25px;
	background-color: #454545;
	border-radius: 5px;
}
.errorBtn::after{
	content: "\e907";
	font-family: xeicon;
	font-weight: 300;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
}

@media screen and (max-width: 640px) { 
	.errorArea{
		padding: 0 20px;
		box-sizing: border-box;
	}
	.errortxt{
		padding-top: 210px;
		margin-top: 20px;
	}
	.errortxt::before{
		width: 300px;
		height: 200px;
		background-size: 300px 200px;
	}
	.errortxt p{
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.errortxt strong{
		font-size: 28px;
		line-height: 40px;
	}
	.errorBtn{
		margin-top: 20px;
	}
	.errorBtn a{
		font-size: 16px;
		padding: 15px 45px 15px 20px;
	}
	.errorBtn::after{
		right: 15px;
	}
}

@media screen and (max-width: 480px) {
	.errorMi h1 img{
		width: 160px;
	}
	.errortxt{
		padding-top: 180px;
		margin-top: 10px;
	}
	.errortxt::before{
		width: 250px;
		height: 167px;
		background-size: 250px 167px;
	}
	.errortxt p{
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.errortxt strong{
		font-size: 21px;
		line-height: 35px;
	}
	.errorBtn{
		margin-top: 10px;
	}
	.errorBtn a{
		font-size: 15px;
		padding: 13px 45px 13px 20px;
	}
	.errorBtn::after{
		right: 15px;
	}
}


/* wa mark */
.waMarkArea{
	width: 720px;
	margin: 0 auto;
}
.l_h5{
	padding: 30px 0 8px 0;
	font-size:18px;
	color:#333;
}
.bullet01{
	padding-top: 23px
}
.wa_list{
	display: block;
	overflow: hidden;
}
.wa_list li{
	display: block;
	overflow: hidden;
	position: relative;
	line-height: 26px;
	margin-bottom: 5px;
	padding-left: 10px;
}
.wa_list li::before{
	content: "-";
	position: absolute;
	left: 0;
	top: 0;
}
.ac{
	text-align: center;
}
.longdesc {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	overflow:hidden;
	clip-path:polygon(0 0, 0 0, 0 0);
}

@media screen and (max-width: 760px) {
	.waMarkArea{
		width: 100%;
	}
}

/* 20250702 메인 상단 apec 배너 추가 */
.top-banner{
	display: none;
}