.mainWrap .visual
{
    height:420px;
	border-bottom: 1px solid #ddd;
}

.mainWrap .visual .pos_wrap
{
	display: flex;
    align-items: center;
    justify-content: center;
    bottom:45px;
}

.mainWrap .visual ul li .text_wrap
{
    width:1000px;
    padding-left:90px;
}

.mainWrap .visual ul li .text_wrap h1
{
    font-size: 53px;
    font-family: "lotteHL";
    color: rgb(255, 255, 255);
    margin-bottom:15px;
    line-height: 1.132;
}

.mainWrap .visual ul li .text_wrap p
{
    color:#fff;
    font-size: 27px;
    font-family: 'NotoKrL';
    margin-bottom:40px;
}

.mainWrap .visual ul li .text_wrap .more
{
    display:block;
    width:195px;
    height:50px;
    line-height:46px;
    font-weight: normal;
    border:1px solid #ffd3dd;
    background-color:rgba(255, 255, 255, 0.1);
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.07);
    color:#fff;
    text-align:center;
    font-size: 20px;
    font-family: 'SpR';
}


.mainWrap .sectionsWrap
{
	position:relative;
	margin:80px 120px;
	z-index:10;
}
.mainWrap .board_list {
	display: flex;
	gap: 40px;
}
.mainWrap .board_list .title_zone{
	padding-bottom: 16px;
	border-bottom: 2px solid #026BB4;
}
.mainWrap .board_list .title_zone h3{
	font-size: 24px;
	font-weight: 700;
	color: #026BB4;
	letter-spacing: 0;
}
.mainWrap .board_list .title_zone a{
	width: 30px;
	height: 30px;
	border: 1px solid #C7DEEF;
	border-radius: 50%;
}
.mainWrap .board_list .board{
	width: calc((100% - 80px) / 3);
}
.mainWrap .board_list .board_list_style li{
	gap: 24px;
}
.mainWrap .board_list .board_list_style li:not(:first-child){
	border-top: 1px dashed #DDDDDD;
}
.mainWrap .board_list .board_list_style p{
	font-size: 16px;
	margin: 0;
	padding: 12px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mainWrap .board_list .board_list_style span{
	font-size: 15px;
	font-weight: 300;
	color: #999;
}
.mainWrap .logo_scrolling {
	display: flex;
	align-items: center;
	height: 80px;
	background-color: #C7DEEF3B;
}
.mainWrap .logo_scrolling .clearfix{
	display: flex;
	align-items: center;
}
.mainWrap .logo_scrolling .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
}
.mainWrap .logo_scrolling .swiper-slide a{
	height: 40px;
}
.mainWrap .logo_scrolling .swiper-slide img{
	height: 100%;
	object-fit: contain;
}
.mainWrap .logo_scrolling .ver_arrows{
	position: absolute;
	top: 50%;
	right: 0;
	height: 28px;
	display: flex;
	align-items: center;
	gap: 10px;
	transform: translateY(-50%);
	z-index: 5;
}
.mainWrap .logo_scrolling .ver_arrows > div{
	/* position: absolute; */
	width: 28px;
	height: 28px;
	top: unset;
	left: unset;
	border-radius: 50%;
	margin-top: 0;
	background: #fff url('/assets/cas19/image/main/scrolling_arrow.svg') no-repeat center center;
}
.mainWrap .logo_scrolling .ver_arrows .swiper-button-prev{
	right: 38px;
}
.mainWrap .logo_scrolling .ver_arrows .swiper-button-next{
	right: 0;
	transform: rotate(180deg);
}
.notiNews > .contents {
	display: block;
    clear: both;
    height: 100%;
    padding: 0px;
    overflow: hidden;
}

.notiNews > .contents > a {
	display: block;
	float: left;
	width: 50%;
	height: 100%;	
	overflow: hidden;
}

.notiNews > .contents > a > img {
	width: auto;
	height: 100%;
	border: 1px solid #bebebe;	
	box-shadow: 5px 0px 0px rgba(0,0,0,0.1);
}

.notiNews > .contents > div {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	overflow: hidden;	
	margin-top: 24%;
	padding: 0px 15px 0 0;
}

.notiNews > .contents > div a {
    display: block;
    font-size: 15px;
    color: #ffffff;
    line-height: 1.4;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
}

.notiNews > .contents > div span {
    display: block;
    font-size: 12px;
    color: #9bd0ff;
}


.mainWrap .sectionsWrap>.layout_1200>.rightWrap
{
    float:right;
	width:calc(100% - 666px);
	/* margin-top:-160px; */
	margin-top: 0px;
}

.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap
{
    background-color:#166ebc;
    /* padding:0 40px 40px; */
	padding:0px;
    overflow:hidden;
}

.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap h2
{
    margin:45px 0 30px;
    color:#fff;
    font-size: 20px;
    font-family: 'NotoKrB';
}

.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul
{
    display:flex;
    flex-flow: row wrap;
    /* margin-bottom:40px; */
}

.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li
{
    flex: 1 1 50%;
    max-width:50%;
    text-align:center;
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
    border-right:1px solid rgba(255, 255, 255, 0.1);
}

.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li:nth-child(even)
{
    border-right:none;
}

.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li:nth-child(5),
.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li:nth-child(6)
{
    border-bottom:none;
}

.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li a
{
    display:block;
    /* padding:20px 0; */
	padding:55px 0;
}

.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li a img
{
    width:57px;
}

.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li a p
{
    text-align:center;
    margin-top:8px;
    font-size: 15px;
    color: rgb(255, 255, 255);
    margin-bottom: 0;
    line-height: 1.2;
}

.social_wrap
{
	position:relative;
	width:100%;
}
.social_wrap .title
{
	overflow:hidden;
}
.social_wrap .title h3
{
	font-family:'SpL';
	font-weight:600;
	font-size:20px;
	color:#fff;
	float:left;
}
.social_wrap .title a.s_more
{
	float:right;
	padding-top:3px;
}
.social_wrap .title a.s_more img
{
	width:12px;
}
.social_wrap .contents
{
	position:relative;
	width:100%;
	margin-top:20px;
	overflow:hidden;
}
.social_wrap .contents:after
{
	content:'';
	position:absolute;
	bottom:-16px;
	left:13px;
	width:100%;
	height:150px;
	background:#0f52a7;
}
.social_wrap .contents img
{
	max-width:105px;
	position:Relative;
	z-index:1;
}
.social_wrap .contents div
{
	position:absolute;
	bottom:20px;
	right:5px;
	z-index:1;
	width: 50%;
}
.social_wrap .contents div a
{
	display:block;
	font-size:15px;
	color:#ffffff;
	line-height:1.4;
	letter-spacing:-0.05em;
	margin-bottom:15px;
}
.social_wrap .contents div span
{
	display:block;
	font-size:12px;
	color:#9bd0ff
}





/* 0120 Main > tab area */
.main_tab_wrapper
{
	position:relative;
	width:100%;
}
.main_tab_wrapper ul.tab_menu li:not(.m_more)
{
	float:left;
	width:calc(25% - 11px);
	background:#fafafa;
	color:#777777;
	font-size:15px;
	text-align:center;
	padding:13px 0;
	border:1px solid #d9d9d9;
	border-left:0;
	transition:all .3s;
	cursor:pointer;
}
.main_tab_wrapper ul.tab_menu li:first-child
{
	border-left:1px solid #d9d9d9;
}
.main_tab_wrapper ul.tab_menu li.active
{
	background:#197cd1;
	color:#fff;
	border:1px solid #1162a8;
} 
.main_tab_wrapper ul.tab_menu li.m_more
{
	float:left;
	width:43px;
	height:100%;
	background:#fff;
	border:1px solid #d9d9d9;
	border-left:0;
	text-align:center;
}
.main_tab_wrapper ul.tab_menu li.m_more a
{
	display:block;
	padding:13px 0;
}
.main_tab_wrapper ul.tab_menu li.m_more img
{
	width:15px;
	vertical-align:top;
}

.main_tab_wrapper .tab_content
{
	position:relative;
	width:100%;
	height:260px;
	padding-top:14px;
	overflow:hidden
}
.main_tab_wrapper .tab_content ul li
{
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #d9d9d9;
	padding:14px 0;
}
.main_tab_wrapper .tab_content ul li a
{
	display:block;
	width:calc(100% - 120px);
	font-size:15px;
	color:#777777;
	letter-spacing:-0.05em;
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.main_tab_wrapper .tab_content ul li.new img
{
	width:21px;
	vertical-align:-5px;
	margin-left:5px;
}

.main_tab_wrapper .tab_content ul li a span.edu_code {
	display: block;
	float: left;
	padding: 0px;
	opacity: 1;
	margin-right: 7px;
	color: #6d8aa0;
}
.main_tab_wrapper .tab_content ul li span
{
	font-size:15px;
	color:#777777;
	letter-spacing:-0.05em;
	display:inline-block;
	opacity:.6;
	float:right;
	padding-top:5px;
}
.main_tab_wrapper .tab_content .maint_search
{
	position:relative;
	width:100%;
	padding:11px 10px 11px 29px;
	background:#63727f;
	border-radius:3px;
	margin-bottom:18px
}
.main_tab_wrapper .tab_content .maint_search:after
{
	content:'';
	position:absolute;
	bottom:-18px;
	left:0;
	width:100%;
	height:1px;
	background:#d9d9d9
}

.main_tab_wrapper .tab_content .maint_search label {
	margin:0;
	margin-right:6px;

}

.main_tab_wrapper .tab_content .maint_search label span {
	color: rgba(255,255,255,.7);
	font-size:14px;
	margin-right:5px;
	font-weight:500;

}

.main_tab_wrapper .tab_content .maint_search label select {
	padding:7px;
	padding-right:41px;
	background-color:#fff !important;
	color:#99b2ce;
	border:1px solid #536371;
	font-weight:500;
	letter-spacing:-0.08em;
}

.main_tab_wrapper .tab_content .maint_search input[type="submit"] {
	width:105px;
	text-align:center;
	border:none;
	background-color:#00cbdd;
	color:#fff;
	padding:10px 0;
	margin-left:7px;
	border-radius:2px;
}

.main_tab_wrapper .tab_content .maint_search>span
{
	display:inline-block;
	margin-right:30px;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-0.05em;
	color:#fff;
	position:relative;
	margin-left:-7px;
}

.main_tab_wrapper .tab_content .maint_search>span:after {
	position:absolute;
	content:'';
	width:1px;
	height:13px;
	background-color:#ccc;
	top:2px;
	right:-18px;
}

.main_tab_wrapper .tab_content .maint_search input[type="text"]
{
	width:calc(100% - 116px);
	padding:12px 50px 12px 20px;
	border:1px solid #536371;
	border-radius:3px;
	color:#99b2c8;
	letter-spacing:-0.05em;
}
.main_tab_wrapper .tab_content .maint_search input[type="text"]::placeholder
{
	color:#99b2c8;
	letter-spacing:-0.05em;
}
.main_tab_wrapper .tab_content .maint_search button
{
	background:none;
	border:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:22px;
}
.main_tab_wrapper .tab_content .maint_search button img
{
	width:28px;
}
@media screen and (max-width:1023px)
{

	.main_tab_wrapper .tab_content .maint_search {
		padding:16px 10px 16px 29px;
	}

	.main_tab_wrapper .tab_content .maint_search label select {
		padding-right:200px;

	}
	.main_tab_wrapper .tab_content .maint_search input[type="submit"] {
		width:148px;
		padding:13px 0;
	}

	.notiNews > .contents > a {
		width: auto;
		margin-right: 15px;
	}

	.notiNews > .contents > div {
		margin-top: 15%;
	}
}


@media screen and (max-width:1000px)
{
	.main_tab_wrapper .tab_content .maint_search>span {
		display:block;
		text-align:center;
	}

	.main_tab_wrapper .tab_content .maint_search>span.searchTitle {
		margin-bottom:10px;
	}
	.main_tab_wrapper .tab_content .maint_search>span:after {
		display:none;
	}

	.main_tab_wrapper .tab_content .maint_search label {
		width:100%;
	}
	.main_tab_wrapper .tab_content .maint_search label select {
		width:100%;
		padding:13px;
	}

	.main_tab_wrapper .tab_content .maint_search label span {
		display:block;
		margin:15px 0 5px 0;
	}

	.main_tab_wrapper .tab_content .maint_search input[type="submit"] {
		width:120px;
		display:block;
		margin:15px auto;
	}
}


/* media */
@media screen and (max-width:1200px)
{
	.social_wrap .contents div
	{
		right:0;
	}

	.visual ul li .image_wrap * {
		width: 100%; 
		height: 100%; 
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
	}
}

/* main */
@media screen and (max-width:1023px)
{
	.mainWrap .visual
	{
        height:350px;
    }

	.mainWrap .visual ul li .text_wrap
	{
        width:100%;
        padding-left:40px;
    }

	.mainWrap .visual ul li .text_wrap h1
	{
        font-size: 40px;
    }

	.mainWrap .visual ul li .text_wrap p
	{
        font-size: 22px;
        margin-bottom:20px;
    }

	.mainWrap .visual ul li .text_wrap .more
	{
        width:155px;
        height:40px;
        line-height: 36px;
        font-size: 16px;
    }
	.mainWrap .sectionsWrap .leftWrap
	{
        float:none;
        width:100%;
        margin-bottom:15px;
    }

	.mainWrap .sectionsWrap>.layout_1200>.rightWrap
	{
        float:none;
		width:100%;
		margin-top:0;
    }
	.mainWrap .board_list{
		gap: 24px;
	}
	.mainWrap .board_list .board{
		width: calc((100% - 48px ) / 3);
	}
	.mainWrap .board_list .title_zone{
		padding-bottom: 6px;
	}
	.mainWrap .board_list .title_zone h3{
		font-size: 20px;
	}
	.mainWrap .board_list .board_list_style li{
		gap: 10px;
	}
	
	.mainWrap .sectionsWrap
	{
		margin:15px 0
	}
	.mainWrap .sectionsWrap .leftWrap .section2Wrap
	{
		margin-bottom:25px;
	}
	.social_wrap .contents img
	{
		float:left;
	}
	.social_wrap .contents div
	{
		right:inherit;
		bottom:inherit;
		top:0;
		left:145px;
	}
	.social_wrap .contents:after
	{
		display:none;
	}

	.main_tab_wrapper ul.tab_menu li:not(.m_more)
	{
		
	}
	.main_tab_wrapper ul.tab_menu li.m_more img
	{
		width:14px;
	}
	.main_tab_wrapper .tab_content ul li a,
	.main_tab_wrapper .tab_content ul li span
	{
		
	}
	.main_tab_wrapper .tab_content ul li span
	{
		padding-top:3px;
	}
	.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap h2,
	.social_wrap .title h3
	{
		font-size:18px;
	}
	.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li a p
	{
		font-size:14px;
	}

	.mainWrap .visual .pos_wrap
	{
		bottom:15px;
	}
	.social_wrap .contents div a br
	{
		display:none
	}
}
/* 1023-end */


@media screen and (max-width:768px)
{
	.main_tab_wrapper .tab_content .maint_search {
		padding:11px 15px;
	}
	.main_tab_wrapper .tab_content .maint_search input[type="text"]
	{
		width:100%;
		font-size:13px;
	}

	.main_tab_wrapper .tab_content .maint_search button img {
		width:26px;
		margin-top:26px;
	}
	.notiNews > .contents > div {
		margin-top: 20%;
	}
	.mainWrap .board_list{
		flex-direction: column;
	}
	.mainWrap .board_list .board{
		width: 100%;
	}
}

@media screen and (max-width:767px)
{
	.mainWrap .visual
	{
        height:200px;
    }

	.mainWrap .visual ul li .text_wrap
	{
        padding-left:15px;
        top:45%;
    }

	.mainWrap .visual ul li .text_wrap h1
	{
        font-size: 25px;
        margin-bottom:10px;
    }

	.mainWrap .visual ul li .text_wrap p
	{
        font-size: 18px;
        margin-bottom:10px;
    }

	.mainWrap .visual ul li .text_wrap .more
	{
        width:105px;
        height:30px;
        line-height: 26px;
        font-size: 14px;
    }

    .mainWrap .sectionsWrap .leftWrap .section2Wrap .article,
	.mainWrap .sectionsWrap .leftWrap .section3Wrap .article
	{
        width:100%;
        float:none !important;
    }

    .mainWrap .sectionsWrap .leftWrap .section3Wrap .article:first-child,
	.mainWrap .sectionsWrap .leftWrap .section2Wrap .article:first-child
	{
        margin-bottom:15px;
    }

	.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li
	{
        flex:1 1 50%;
        max-width:50%;
        border-right:1px solid rgba(255, 255, 255, 0.1) !important;
        border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;
    }

	.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li:nth-child(even)
	{
        border-right: none !important;
    }

    .mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li:nth-child(5),
	.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap ul li:nth-child(6)
	{
        border-bottom: none !important;
    }
	.layout_1200
	{
		padding:0 10px;
	}
	
	.footer .layout_1200
	{
		padding:0 15px;
	}
	.mainWrap .sectionsWrap
	{
		margin:15px 0;
	}
	.main_tab_wrapper ul.tab_menu li:not(.m_more)
	{
		float:none;
		width:100%;
	}
	.main_tab_wrapper ul.tab_menu li
	{
		border:1px solid #d9d9d9 !important;
		border-top:0 !important;
	}
	.main_tab_wrapper ul.tab_menu li:first-child
	{
		border-top:1px solid #d9d9d9 !important
	}
	.main_tab_wrapper ul.tab_menu li:not(.m_more)
	{
		padding:12px 0 11px;
	}
	.main_tab_wrapper ul.tab_menu li.m_more
	{
		float:none;
		width:100%;
	}
	.main_tab_wrapper ul.tab_menu li.m_more a
	{
		padding:11px 0 12px;
	}
	.main_tab_wrapper .tab_content
	{
		height:auto;
	}
	.main_tab_wrapper .tab_content ul li
	{
		padding:11px 0;
	}
	.main_tab_wrapper .tab_content ul li a,
	.main_tab_wrapper .tab_content ul li span
	{

	}
	.main_tab_wrapper .tab_content .maint_search>span
	{
		font-size:14px;
		margin-right:20px;
	}

	.main_tab_wrapper .tab_content .maint_search button img
	{
		width:20px;
		margin-top:24px;
	}
	.mainWrap .sectionsWrap>.layout_1200>.rightWrap .section4Wrap h2, .social_wrap .title h3
	{
		font-size:16px;
	}
	.social_wrap .contents div
	{
		left:125px;
	}
	.social_wrap .contents div a
	{
		font-size:16px;
	}
	.social_wrap .contents img
	{
		max-width:110px;
	}

	.mainWrap .sectionsWrap .leftWrap .section2Wrap,
	.mainWrap .sectionsWrap .leftWrap
	{
		margin-bottom:15px;
	}

	.notiNews > .contents > div {
		width: 55%;
	}
}
/* 767-end */

@media screen and (max-width: 320px)
{
	.notiNews > .contents > div {
		width: 49%;
		margin-top: 23%;
	}
}