@charset "utf-8";
@import url("common.css");
@import url("sub.css");
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype'); }
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype') }
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype'); } 
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
* {
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: normal;
}
#wrap {
	position: relative;
	width: 100%;
	min-width: 1100px;
}
.img_con1{border: 1px solid #d9d9d9;
    padding: 40px 0;
    min-height: 286px;}


.con1_flex{display: flex; justify-content: space-between;}


.clearfix:after{
	clear: both;
	content:"";
	display:block;
}
.more_view{margin: 0; width: 40%;}
.flex-wrap{display: flex; justify-content: space-between; position: relative;}
.lftit{display: flex;margin: 0; justify-content: space-between;
position: relative; gap:2px;
}
.bf{position: relative;}

.con1_flex .more{margin: 0;
position: absolute; top: 50%; margin-top: -9.775px; right: 0;
}

.clearfix02{display: flex; gap: 5px; overflow: hidden;}
.clearfix02 li{width: 48%; border: 1px solid #d9d9d9;}
.noticeList .clearfix02{padding: 20px 0; }
.noticeList{position: relative;}

/* .check_a{color: #000 !important;} */
.tab_con{position: absolute; left: 0; width: 100%; display: none;}
.check_con{display: block;}

.check_con_flex{display: flex;}

.flex-wrap .title a{
    background-color: #b6babd;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    align-items: center;
    height: 50px;
    border: 1px solid #b6babd;
    padding: 10px 15px;
    display: flex;
    position: relative;
    color: #fff !important;
    font-size: 15px;
}
.check_a{
    background-color: #043763 !important;
    border: 1px solid #043763 !important;

}


/* 네비게이션 start*/
#skipnavigation{position:absolute; z-index:9999;}
#skipnavigation a{display:block; position:absolute; text-align:center; top:-500px;width:500px;}
#skipnavigation a:hover,
#skipnavigation a:focus,
#skipnavigation a:active{background:#000; color:#FFF; left:50%; padding:5px; position:absolute; top:0; z-index:999;}
/* 네비게이션 end */
.logo1{
    float: left;
	padding: 15px 0;
}
.logo1 > .logo_a{
display:block;
}
.logo1 img{
width:100%;
}
/*네비 start*/
nav{
	width:100%;
    height: 81px;
    overflow: hidden;
    position: absolute;
	background-color:#fff;
	z-index:999999;
	box-sizing:border-box;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px;
}
#nav_area{
	width:1280px;
	height: 397px;
}
nav .menu{
	width: calc(100% - 272px);
	position:relative;
	top:0;
	left: 126px;
	float:right;
	overflow: hidden;
}
/*.menu_1{width:calc(146px - 70px);}
.menu_2{width:calc(131px - 70px);}
.menu_3{width:calc(146px - 70px);}
.menu_4{width:calc(239px - 70px);}
.menu_5{width:calc(131px - 70px);}
.menu_6{width:calc(145px - 70px);}*/
.menu > li{
	max-width: calc(100% / 6 - 30px); 
	position:relative;
	top:0;
	left:0;
	float: left;
	height:100%;
	text-align: right;
	margin-left:70px;
}

.menu > li:first-child{margin-left:0;}
.menu > li:last-child{margin-left:43px;}
.menu > li > a.m_t{
    display: table;
    height: 81px;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
}
.menu > li > a.m_t > i{
    display: table-cell;
    vertical-align: middle;
}
.menu > li > a.m_t > i span{
font-size:0.7em;
}

.menu > li > a.m_t > i:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background: #0075c4;
    visibility: hidden;
    border-radius: 5px;
    transform: scaleX(0);
    transition: .25s linear;
	box-sizing: border-box;
}
.menu > li:hover a.m_t{
	color:#0075c4;
}
.menu > li:hover a.m_t > i:before,
.menu > li:hover a.m_t > i:focus:before {
  visibility: visible;
  transform: scaleX(1);
}
.menu > li.menu_6 > a.m_t{
    padding-right: 14px;
}
.subnav_list{
	width: 140px;
    height: 100%;
    position: absolute;
    left:0;
    z-index: 99999;
	text-align: left !important;
}
.subnav_list a:hover{
	color:#0075c4;
}
.in_ul01 > li:hover:before{
color:#0075c4;
}
#subnav_list1 > li , #subnav_list2 > li , #subnav_list3 > li , #subnav_list4 > li{
	text-align: left; 
}
.subnav_list a{
	display:block;
	font-weight: 400;
	line-height: 1.4;
    margin-top: 12px;
	letter-spacing:-1px;
}
.subnav_list > li:first-child > a{
	margin-top: 0;
}
.in_ul01 > li{
    padding-left: 12px;
    margin-left: 2px;
    position: relative;
}
.in_ul01 > li > a{
font-size:0.9em;
font-weight: normal;
color:#787878;
margin-top: 5px;
}
.in_ul01 > li:before{
    content: "－";
    display: block;
    position: absolute;
	top: -2px;
    left: 0;
    color: #999;
}
/*네비 end*/
/*sticky menu start*/
/* .menu-padding {padding-top:40px;}
.sticky {position:fixed; top:0;} */
/*sticky menu end*/
section{
    position: relative;
    padding-top: 81px;
}
/*메인배너 start*/
.mainimg_box{
	width:100%;
}
.main-banner{
	width:100%;
	min-width: 1280px;
    position: relative;
    top: 0;
}
.bx-controls{
	width: 1280px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -640px;
}
.bxslider a{
	display:block;
} 
.main_sen{
    position: absolute;
    background-color: rgba(255,255,255,0.9);
    padding: 25px 30px;
    left: 50%;
    margin-left: -251.11px;
    bottom: 127px;
    text-align: center;
}
/* .main_sen > h5{
	font-size: 1.8em;
    line-height: 1;
	font-family: 'S-CoreDream-4Regular';
    color: #484848;
    letter-spacing: -1px;
}
.main_sen > h5 > span{
font-family: 'S-CoreDream-7ExtraBold';
color:#0075c4;
}
.main_sen > p{
    font-size: 1.1em;
    line-height: 1.1;
    color: #484848;
    font-family: 'S-CoreDream-3Light';
    letter-spacing: -0.5px;
    margin-bottom: 10px;
} */


/* .main_sen{
	position: absolute;
    background-color: rgba(255,255,255,0.85);
    padding: 20px;
    text-align: center;
    left: 50%;
    margin-left: -250px;
    top: 70px;
} */
.main_sen > h5{
	font-size: 1.3em;
    line-height: 1;
    margin-bottom: 15px;
	font-family: 'S-CoreDream-5Medium';
	color:#484848;
	letter-spacing:-1px;
}
.main_sen > h5:after{
content:"";
display:block;
width:100%;
height:1px;
background-color:#999999;
    margin-top: 15px;
}
.main_sen > h5 > span{
    /* font-family: 'S-CoreDream-3Light'; */
	margin-right:7px;
	color: #0075c4;
}
.main_sen > p{
line-height: 1;
color:#484848;
font-family: 'S-CoreDream-3Light';
letter-spacing:-0.5px;
}

.main_sen b{
	font-family: 'S-CoreDream-5Medium';
    color: #0075c4;
}
/*메인배너 end*/
/* container start */
.container{
    width: 1280px;
    margin: 0 auto;
	padding-top: 70px;
}
.con1{
margin-bottom:70px;
}
.con1 > li{
float:left;
}
/*
.con1 > li:first-child{
width:31%;
}
.con1 > li:last-child{
width:69%;
}
.con1 > li:last-child > ul{
margin-right:-10px;
padding-left: 40px;
}
.con1 > li:last-child > ul > li{
width:33.333%;
float:left;
}
.con1 > li:last-child > ul > li:first-child > a.box{
border: 1px solid #0075c4;
}
.con1 > li:last-child > ul > li:nth-child(2) > a.box{
border: 1px solid #018ace;
}
.con1 > li:last-child > ul > li:last-child > a.box{
border: 1px solid #009dc4;
}
.box:hover .arrow span{
width:70px;
}
.box:hover .in_con p{
    text-decoration: underline;
}
.con1 > li:last-child > ul > li > a{
	display:block;
	height: 240px;
	margin:0 10px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
    top: 0;
	left:0;
}
*/
/* 공지사항 */
.noticeList > div{
	border-bottom:1px solid #ddd;
}
.noticeList > ul{
    padding:25px 0 15px;
    min-height: 234px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
.noticeList > ul > li{
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
}
.noticeList > ul > li:last-child{
	padding-bottom: 0;
}
.n_date{
    font-size: 0.92em;
    color: #999;
    float: right;
}
.noticeList > ul .notice{
	font-size:0.8em;
	color:#fff;
	padding:0 4px;
	border-radius:3px;
	float:left;
	background-color:#a09790;
	margin:3px 6px 0 0;
}
.noticeList > ul a{
	margin-left: 25px;
    font-size: 1rem;
    display: block;
    width: 80%;
    color: #505050;
    float: left;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.noticeList > ul > li:before{
        display: block;
    content: '';
    width: 3px;
    height: 3px;
    background-color: #898989;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    left: 5px;
}
.t01{
	float:left;
}
.more{
	float:right;
}
.title{
	font-size: 1.4em;
    font-weight: bold;
	line-height: 1;
}
.title > a{
	display: inline-block;
    position: relative;
    color: #0075c4;
    padding-bottom: 20px;
}
.title > a:after{
	content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    background-color: #0075c4;
    margin-top: 4px;
	display:none;
}
.title > a.on:after{
	display:block;
}
.more > a{
	font-size:0.9em;
	font-weight:normal;
	color:#999;
}
.more > a:after{
	content: "+";
    display: inline-block;
    font-size: 1.1em;
    color: #0075c4;
    margin-left: 5px;
	
}
/* 한국어교육~유학홍보 */
.in_con{
	padding-top: 15px;
}
.in_con > li{
padding:0 15px;
margin-bottom:15px;
line-height: 1;
}
.in_con > li.in_con_img{
	width: 100%;
    height: 42px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../../images/main/pattern01.png) no-repeat 50% 5px;
	padding:0;
	margin-bottom:0;
}
.in_con > li.in_con_img01{
    background-color: #0075c4;
}
.in_con > li.in_con_img02{
    background-color: #018ace;
}
.in_con > li.in_con_img03{
    background-color: #009dc4;
}
.in_con_img > img{
    position: absolute;
    bottom: 7px;
    right: 12px;
	-webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
	 filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3)); 
}
.in_con h4{
	display: inline-block;
    padding: 5px 20px;
	line-height: 1.3;
    vertical-align: top;
    font-size: 1.05em;
    color: #fff;
    font-weight: normal;
    letter-spacing: -1px;
}
.in_con01 h4{
background-color: #0075c4;
}
.in_con02 h4{
background-color: #018ace;
}
.in_con03 h4{
background-color: #009dc4;
}
.in_con small{
color: #999;
}
.in_con p{
	height: 51px;
    display: -webkit-box;
    line-height: 1.3;
    letter-spacing: -0.3px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    vertical-align: top;
    overflow: hidden;
}
.in_con > li.arrow{
    /* margin: 20px 0; */
	position: absolute;
    bottom: 42px;
}
.arrow span{
    position: relative;
    width: 42px;
    height: 11px;
    display: block;
    margin: 0;
	transition:width .3s;
}
.arrow i{
	display: inline-block;
    width: 100%;
    height: 11px;
    background: url(../../images/main/arrow.png) no-repeat;
    background-position: right;
    font-size: 0;
    text-indent: -99999px;
    position: absolute;
    right: 0;
}
/* 포토뉴스 */
.content-wrap{
    width: 177px;
	background-color: #ebebeb;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
	float:left;
}
.gallery_wrap{
width: 100%;
min-height: 204px;
border: 1px solid #ddd;
box-sizing: border-box;
float:left;
position:relative;
}

.gallery_wrap > div{
/* display:none; */
}
.in_con_wrap{
    min-height: 206px;
	position:relative;
}
.content-wrap > .in_con_wrap:before , .content-wrap > .in_con_wrap:after{
content:"";
display:block;
width:100%;
height:3px;
background: url(../../images/main/pattern02.png) no-repeat;
background-position: center;
}
.content-wrap > .in_con_wrap:after{
position:absolute;
bottom:0;
}
.in_con_wrap > div{
    padding: 20px;
}
.content-wrap .title > a:after{
display:none;
}
.photonews_wrap{
margin-top:10px;
}
.btn-photonews{
	border-bottom:1px solid #c8c8c8;
}
.btn-photonews > a{
    display: block;
    line-height: 1;
    padding: 10px;
    position: relative;
}
.btn-on > a:after{
	content: "+";
    display: inline-block;
    font-size: 1.8em;
    line-height: 0.7;
    position: absolute;
    right: 10px;
}
.btn-on{
background-color:#009dc4;
}
.btn-on > a{
color:#fff;
}
.arrow_wrap{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    z-index: 10;
    width: 100%;
}
.arrow_wrap > div{

}
/* swiper */
.img_container{
padding: 40px 35px;
 }
 .gallery_wrap li{
/* display:none;  */
visibility: hidden;
height:0;
 }
 .gallery_wrap li.on{
/*  display:block; */
	visibility: visible;
    height: 100%;
}
 .swiper-container {
    width: 100%;
    height: 100%;
 }
 .swiper-slide {
    background: #fff;
	border:1px solid #ddd;
	box-sizing:border-box;
        
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.img_list{
	display: block;
	width:100%;
    overflow: hidden;
    padding-bottom: 10px;
}
.img_list > div{
height: 107.77px;
overflow:hidden;
border-bottom:1px solid #ddd;
box-sizing:border-box;
}
.img_list .img{
	display: block;
	width:100%;
	height:100%;
 }
.img_list .imgword{
	display: table;
	width:100%;
	height:100%;
	text-align:center;
 }
 .img_list .imgword span{display:table-cell; vertical-align:middle;color:#787878;}
 .img_list .imgword i:first-child{margin-right:5px;}
 .img_list:hover .img{
    transform: scale(1.2);
	-o-transform:scale(1.2); 
    -moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transition: transform .3s ease;
	-o-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
}
 .img_title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
 }
 .img_list > i{
	display:block;
	width:100%;
    padding: 0 10px;
 }
/* container end */


/*푸터 start*/
footer{
margin-top:70px;
}
.copylink{
    background-color: #043763;
}
.set_copy > div{
width:1280px;
}
.copylink > ul {
	width:1280px;
    display: table;
	padding: 10px 0;
}
.copylink li{
	width: 20%;
	height:100%;
	max-height: 38.49px;
    position: relative;
    display: table-cell;
    text-align: center;
    padding: 0 20px;
    white-space: pre-line;
    vertical-align: middle;
}

.copylink li::after{
    content: "｜";
    display: block !important;
    font-size: 0.8em;
    position: absolute;
    top: calc(100%/2 - 7.5px);
	/* Firefox */
	top: -moz-calc(100%/2 - 7.5px);
	/* WebKit */
	top: -webkit-calc(100%/2 - 7.5px);
	/* Opera */
	top: -o-calc(100%/2 - 7.5px);
	/* Standard */
	top: calc(100%/2 - 7.5px);
	/* IE-OLD */
	top: expression(100%/2 - 7.5px);
    right: -4px;
    color: #c8c8c8;
    vertical-align: middle;
} 
.copylink li:last-child::after{
display: none !important;
}
.copylink li > a{
	 display: inline-block;
	color:#fff;
    vertical-align: middle;
}
.set_copy{
    background-color: #efefef;
	padding: 40px 0;
}
.copylogo , .copyaddress{
float:left;
}
.copyaddress > li{
	color: #787878;
    font-size: 0.9em;
    line-height: 1.1;
    margin-bottom: 7px;
    margin-left: 70px;
}
.copyaddress > li a{color: #787878;}
.copyaddress > li:last-child{
margin-bottom:0;
}
.copyaddress > li > p{float:left;}
.copyaddress > li > p:nth-child(2){
margin:0 30px;
position:relative;
}
.copyaddress > li > p:nth-child(2):before{
	content: "";
    display: inline-block;
    width: 1px;
    height: 7px;
    position: absolute;
    top: 1px;
    left: -14px;
    background-color: #c8c8c8;
}
.copyaddress > li > p:nth-child(2):after{
	content: "";
    display: inline-block;
    width: 1px;
    height: 7px;
    position: absolute;
    top: 1px;
    right: -14px;
    background-color: #c8c8c8;
}
.facebook{
color:#3b5998 ;
}
/*푸터 end*/
/* top_but start*/
#top_but{
    display: inline-block;
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    color: #fff;
    border-radius: 50%;
	background-color: rgba(0,0,0,0.6);
    text-align: center;
}
#top_but > i{
    margin-top: 13px;
	transition: background-color .3s, opacity .5s, visibility .5s;
}
#top_but:hover{
	cursor: pointer;
    background-color: rgba(0,0,0,0.8);
}
#top_but:active{
  color: #999;
}
#top_but.show{
  opacity: 1;
  visibility: visible;
}
/* top_but end*/

.goog-te-gadget-simple{
    padding: 5px 10px !important;
}

/* 2023 추가 Css */

.sub_con_box > article .b_list tbody tr.page{
	background: #f7f7f7;
}
.sub_con_box > article .b_list tbody tr.page:hover{
	background: #f1f1f1;
}
.sub_con_box > article .b_list tbody tr.page td a{
    color: #0075c4;
    text-align: center;
}
span.here{
	background: #043763;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 30px;
    color: #fff;
	margin-left:10px;
}