@charset "utf-8";
html, body{font-size:16px;font-family: 'Spoqa';line-height:1.4em;color:#555;box-sizing:border-box;letter-spacing:-0.015rem;}

html{font-size: 10px;}
.clearfix::after{content: '';display: block;clear: both;}
.tab_content1,.tab_content2, .tab_content3, .tab_content4{display: none;}
.current{display: block !important;}
.container {width: 100%;height: auto;overflow: hidden;}
.cont_wrap{max-width: 1400px;width:90%;margin:0 auto;position: relative;z-index: 10;}
.main_cont{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.main_container{background: url(../img/main_bg1.png) no-repeat right 0 top 0, url(../img/main_bg2.png) left 70%  top 636px no-repeat, url(../img/main_bg3.png) left 20% top 276px no-repeat, url(../img/main_bg4.png) no-repeat bottom 0 left 0;}
.clearfix::after{content: '';display: block;clear: both;}
.b_left{float: left;width: 60%;}
.notice_more{position: absolute;right: 2px;top: 137px;}
.start{display: none;margin-right: 0 !important;}
.stop{}
.sound_only {display: inline-block !important;position: absolute;top: 0;left: 0;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;}

/*******모비일메뉴*********/
.m_open {display: none;position: absolute;right: 19px;top: 25px;font-size: 30px;width: 25px;z-index: 20;}
.m_open img {width: 100%;}
.m_close {font-size: 28px;text-align: right;position: absolute;top: 4px;right: 10px;}

#mobile_menu{position: fixed;right: -200%;top: 0;height: 100%;width: 330px;background: #fff;z-index: 999;overflow: hidden;}
#mobile_menu.op{right: 0;transition: all 0.3s ease;}
.mobile_menu_bg{display: none;position: fixed;top: 0;left: 0;width: 100%;z-index: 100;height: 100%;background: rgba(0, 0, 0, 0.51);}

.m_login{color: #000000;font-size: 14px;font-weight: 300;border-bottom: 1px solid #e4e4e4;}
.m_login li{width: 28.33%;float: left;height: 40px;line-height: 40px;text-align: center;}

.act_portal{background: #fff !important;}
.act_portal a{color: #000;}
.act_portal a::before {content: '';display: inline-block;background: url('../img/tab_icon.png') no-repeat;width: 25px;height: 13px;margin: 0 2px 0 0;}

.m_portal{border: 1px solid #0750a4;border-right: none;border-left: none;}
.m_portal li{width: 100%;float: left;height: 40px;line-height: 40px;font-size: 14px;text-align: center;letter-spacing: -0.25px;font-weight: 300;}
.m_portal li:first-child{border-right: 1px solid #e4e4e4;background: #0750A4;color: #fff;}

.m_lnd{height: 100%;}
.m_menu{position: relative;height: 100%;padding-top: 10px;}
.m_menu::after{content: '';display: block;height: 100%;width: 149px;background: #f5f5f5;position: absolute;z-index: -1;top: 0;}
.m_menu a:hover{text-decoration: none !important;}
.m_menu > li.current > a{color:#fff;}
.m_menu > li.current > a::after{opacity: 1;}
.m_menu > li > a::after{content: '';display: block;width: 160px;height: 40px;border-radius: 40px;position: absolute;top: 5px;left: 10px;z-index: -1;opacity:0;background: rgb(25,179,161);background: -moz-linear-gradient(-45deg,  rgba(25,179,161,1) 0%, rgba(242,220,113,1) 100%);background: -webkit-linear-gradient(-45deg,  rgba(25,179,161,1) 0%,rgba(242,220,113,1) 100%);background: linear-gradient(135deg,  rgba(25,179,161,1) 0%,rgba(242,220,113,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b3a1', endColorstr='#f2dc71',GradientType=1 );box-shadow: 0 3px 10px rgb(0 0 0 / 24%);transition: all 0.3s ease; }
.m_menu > li > a{height: 50px;font-weight: 500;line-height: 50px;display: inline-block;text-indent: 26px;position: relative;z-index: 1;}
.m_sub_menu{position: absolute;top:0;right: 0;width: 55%;font-weight: 400;text-indent: 43px;/* padding-top: 10px; */font-size: 19px;}
.m_sub_menu > li{text-align: left;width: 100%;line-height: 41px;border-bottom: 1px solid #e4e4e4;}
.m_sub_dep {font-size: 17px;}
.m_sub_dep li {border-top: 1px solid #eee;background: #fcfcfc;color: #3c3c3c;font-weight: 300;}
.m_sub_menu > a {color: #000;}

/*********gnd**********/
.gnd{width: 100%;height: auto;background: #F5F5F6;z-index: 0;position: relative;}
.gnd_wrap{max-width: 1400px;width: 90%;margin: 0 auto;position: relative;}
.gnd_tab{display: flex;align-items: flex-end;height: 80px;}
.gnd_tab li a{padding: 10px 30px;float: left;color: #fff;font-size: 14px;height: 40px;border-radius: 7px 7px 0 0;}
.gnd_tab li a:hover{text-decoration: none !important;}
.gnd_tab li:nth-child(1) a{background: #0750A4;border-radius: 7px 0 0 0;position: relative;z-index: 0;}
.gnd_tab li:nth-child(1) a:hover::after {content: '';border-bottom: 12px solid #457ec1;border-radius: 20px;color: #457ec1;display: block;width: 75%;position: absolute;bottom: 9px;left: 11.5%;z-index: -1;}
.gnd_tab li:nth-child(2){position: relative;}
.gnd_tab li:nth-child(2) a{background: #FFFFFF;color: #000;height: 50px;display: flex;align-items: center;font-size: 16px;position: relative;z-index: 10;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);}
.gnd_tab li:nth-child(2) a::before{content: '';display: block;background: url('../img/tab_icon.png') no-repeat;width: 25px;height: 13px;float: left;margin: 0 5px 0 0;}
.gnd_tab li:nth-child(2)::after{content: '';display: block;width: 0;height: 0;border-style: solid;border-width: 50px 0 0 50px;border-color: transparent transparent transparent rgba(0, 0, 0, 0.49);position: absolute;right: -44px;z-index: 5;}
.gnd_tab li:nth-child(2) a:hover::after {content: '';border-bottom: 12px solid #ddebe1;border-radius: 20px;color: #ddebe1;display: block;width: 74%;position: absolute;bottom: 12px;left: 14%;z-index: -1;}
.gnd_tab li:nth-child(3) a{background: #FFA60D;border-radius: 0 7px 0 0;position: relative;z-index: 0;}
.gnd_tab li:nth-child(3) a:hover::after {content: '';border-bottom: 12px solid #ffc259;color:#ffc259;border-radius: 20px;display: block;width: 65%;position: absolute;bottom: 9px;left: 17.5%;z-index: -1;}

.gnd_tool{position: absolute;float: right;right: 0;top: 50%;}
.gnd_tool li{float: left;display: flex;}
.gnd_tool li button::after{margin:0 5px 0 0;}
.gnd_tool li:nth-child(1) button::after{content: '';display: block;background: url('../img/gnd_tool1.png') no-repeat;width: 20px;height: 17px;margin: 1px 5px 0 0;float: left;}
.gnd_tool li:nth-child(3) button::after{content: '';display: block;background: url('../img/gnd_tool2.png') no-repeat;width:20px;height: 20px;float: left;}
.gnd_tool li:nth-child(5) button::after{content: '';display: block;background: url('../img/gnd_tool3.png') no-repeat;width:20px;height: 20px;float: left;}
.gnd_tool li~li {margin-left: 20px;}
.gnd_tool li button {font-size: 16px;display: block;font-family: 'Spoqa';}

/*********lnd**********/
.lnd{width: 100%;position: relative;z-index: 11;background: #fff;height: 110px;box-shadow: 0 15px 10px rgba(0, 0, 0, 0.18);}
.lnd.sub_h::before {content: '';display: block;width: 100%;height: 275px;position: absolute;left: 0;
top: 100%;background: rgba(255, 255, 255, 0.94);}
.lnd_wrap{max-width: 1400px;width: 95%;height: 100%;margin:0 auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.logo{}
.lnd_wrap .menu{width: 53%;height: 100%;position: relative;display: flex;justify-content: space-between;}
.lnd_wrap .menu > li{line-height: 110px;height: 100%;float: left;position: relative;text-align: center;width: 100%;}
.lnd_wrap .menu > li:hover::after{content: '';display: block;width: 100%;height: 4px;background: #2e357b;bottom: 0;position: absolute;}
.lnd_wrap .menu > li > a {font-size: 20px;font-weight: 500;color: #000;position: relative;}
.lnd_wrap .menu li~li{}
.login_wrap li a{font-size: 16px;color: #000;}
.login_wrap li{float: left;}
.login_wrap li~li {margin-left: 5px;}

.sub_menu {display: none;height: 275px;width: 100%;top: 100%;border-left: 1px solid #e1e1e1;position: absolute;z-index:999;}
.sub_menu > li {width: 100%;line-height: 1;}
.sub_menu li a {width: 100%;line-height: 55px;height: 55px;text-align: center;display: inline-block;}
.sub_dep{margin-top: -1px;background: rgba(238, 238, 238, 0.52);border-top: 1px solid #e1e1e1;}
.sub_dep a {font-size: 14px;}

/*********main list**********/
.first .swiper-slide{width:290px!important;margin-left: 30px;}

.main_list{background: url('../img/slide_bg.png') no-repeat;width: 100%;height: 600px;background-size: cover;padding: 55px 0 0 0;}
.more{display: inline-block;width: 100%;text-align: right;color: #000;padding: 10px 20px 20px 0;}
.swiper-slide > div{width: 295px;height:355px;background: #fff;border-radius: 10px;box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.33);}
.list_box ul{padding: 20px;}
.list_box li{float: left;font-size: 15px;color: #000;}
.list_box li p{color: #7E7E7E;display: inline-block;margin:0 12px 0 0;}
.list_box li span{color: #E92A77;}
.list_box h3{font-size: 21px;margin: 18px 0 0 0;text-indent: 20px;}
.list_box .img{width: 295px; height: 178px;overflow: hidden;border-radius: 10px 10px 0 0;}
.list_box .img img{width: 100%; height: 100%;}

.list_tab{width: 886px;height: auto;border-radius: 30px;background: #0750A4;box-shadow: 0 3px 19px rgba(0, 0, 0, 0.53);background-image: url('../img/tab_bg.png');background-size: cover;padding: 10px;}
.list_tab button {color: #fff;font-size: 17px;border-radius: 30px;height: 40px;line-height: 20px;padding: 8px 20px;}

.list_tab .current button{background-color: #fff;color: #054C9D;font-weight: 600;font-size: 17px;}

.sub_tab {display: flex;justify-content: space-evenly;vertical-align: middle;}
.sub_tab li {float: left;}
.list_tab::after {content: '';display: block;clear: both;}
.list_tab button:hover {background: #206bc2;}
.list_tab .current button:hover {background: #fff;}
.list_tab li~li {margin-left: 10px;}
.cont_btn {margin: 0 0 0 20px;display: flex;align-items: center;}
.controller {margin: 0 auto;margin-bottom: 50px;display: flex;justify-content: center;align-items: center;}
.controller::after {content: '';display: block;clear: both;}
.cont_btn button~button {margin-left: 20px;}
.cont_btn a {margin-left: 30px;}

.open::after {content: '접수중';display: block;position: absolute;background: #2BAE41;width: 86px;height: 31px;text-align: center;border-radius: 30px;color: #fff;line-height: 31px;top: 10px;left: 10px;}
.close::after {content: '접수마감';display: block;position: absolute;background: #044297;width: 89px;height: 31px;line-height: 31px;color: #fff;text-align: center;top: 10px;left: 10px;border-radius: 30px;}
.ready::after {content: '접수대기';display: block;position: absolute;background: #d150e9;width: 89px;height: 31px;line-height: 31px;color: #fff;text-align: center;top: 10px;left: 10px;border-radius: 30px;}

.list_box3.open::after {border-radius: 10px 0 10px 0;}
.list_box3.close::after {border-radius: 10px 0 10px 0;}

/*******검색창********/
.search_wrap h2 {font-size: 40px;font-weight: 500;margin: 70px 0 30px 0;}
.search_wrap h2 span {color: #044297;}
.search_wrap input {display: block;width: 100%;height: 82px;border-radius: 25px;background: #fff;border: 1px solid #0075C9;box-shadow: 0 0 16px #0750A438;outline: none;font-size: 23px;text-indent: 30px;}
.search_wrap ul{margin: 30px 0 0 0;display: flex;align-items: center;flex-wrap: wrap;}
.search_wrap li{float: left; font-size: 17px;}
.search_wrap li a{color: #000;}
.search_wrap li~li{margin-left: 20px;}
.search_wrap li:nth-child(1){padding: 10px 15px;background: #0075C9;color:#fff;border-radius: 20px;display: inline-block;}
.search_wrap li:nth-child(1)::after{content: '';display: block;background: url('../img/search_star.png');width: 20px;height: 20px;margin: 0 5px 0 0;float: left;}
.search_bar {max-width: 840px;width: 95%;position: relative;}
.search_bar button {position: absolute;right: 30px;top: 22px;}

/*******퀵메뉴********/
.quick_wrap li{float: left;width: 20%;text-align: center;}
.quick_wrap li~li{/* margin-left: 60px; */}
.quick_wrap li img{display: inline-block;vertical-align: middle;width: auto;}
.quick_wrap li a:hover img {
	animation-name: hatch;
	-webkit-animation-name: hatch;

	animation-duration: 2s;
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;

	visibility: visible !important;
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}
	65% {
		transform: rotate(1deg);
	}
	80% {
		transform: rotate(-1deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}
	65% {
		-webkit-transform: rotate(1deg);
	}
	80% {
		-webkit-transform: rotate(-1deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
.quick_wrap li p{text-align: center;color: #000;font-size: 15px;}
.quick_wrap li a{display:inline-block;max-width: 120px;max-height: 120px;width: 80%;line-height: 120px;text-align: center;background: #fff;border-radius: 20px;box-shadow: 0 10px 20px rgba(32, 53, 77, 0.12);border: 1px solid #fff;margin: 0 0 25px 0;}
.quick_wrap li a:hover{border: 1px solid #7c9bc5;box-shadow: 0 10px 20px rgba(0, 117, 201, 0.14);}
.quick_wrap h2 {margin: 60px 0 30px 0;}

/********팝업존********/
.popzone{width: 100%;max-width: 470px;float: left;overflow: hidden;margin: 40px 0 0 0;border-radius: 20px;}
.popzone img{width: 100%;border-radius: 20px;}
.pop_contorller {display: flex;justify-content: flex-end;align-items: center;}
.pop_pagination {width: auto !important;font-size: 18px;margin: 0 13px 0;font-weight: 500;}
.pop_wrap {margin: 75px 0 0 0;max-width: 470px;width: 40%;}
.pop_wrap h2 {display: inline-block;float: left;font-size: 30px;font-weight: 500;}
.pop_wrap span.swiper-pagination-current {color: #000 !important;}
.pop_wrap span.swiper-pagination-total {color: #9F9F9F;}
.pop_wrap button~button {margin-left: 6px;}

/*******원격교육콘텐츠*******/
.video_cont{position: relative;margin: 100px 0 0 0;}
.video_cont::after{content: '';display: block;width: 40%;height: 378px;border-radius: 0 50px 50px 0;background: #0750A4;position: absolute;top: 0;left: 0;z-index: 1;}
.video_cont h2{padding: 30px 0 40px 60px;font-size: 35px;font-weight: 500;color: #fff;}
.video_cont h2::after{content: '';display: block;background: url('../img/comma.png') no-repeat;width: 159px;height: 88px;position: absolute;left: 0;top: 0;z-index: 2;}
.tab_content2 {float: right;margin-top: -100px;}
.sub_tab2 {margin: 0 0 0 60px;float: left;}
.sub_tab2 li.current button{font-size: 24px;font-weight: 500;}
.sub_tab2 li button{font-size: 18px;color: #fff;text-align: left;font-weight: 300;width: 100%;padding: 15px 0 10px 0;}
.sub_tab2 li:hover::before{content: '';display: block;background:url('../img/video_hover.png');width: 32px;height:12px;position: absolute;right: 0;top: 18px;opacity: 0.5;}
.sub_tab2 li.current:hover::before{content: ''; display: block; background:url('../img/video_hover.png');width: 32px;height:12px;position: absolute;right: 0;top: 20px;opacity: 1;}
.sub_tab2 li~li{}
.sub_tab2 li{border-bottom:1px solid #417BBC;width: 220px;text-indent: 10px;position: relative;}
.sub_tab2 li.current::before{content: '';display: block;background:url('../img/video_hover.png');width: 32px;height:12px;position: absolute;right: 0;top: 20px;}
.sub_tab2 li.current{border-bottom: 2px solid #fff;}
.sub_tab2 li.current::after{content: '';display: block;width: 6px;height: 11px;background: #FFEE5A;transform: matrix(0.72, -0.69, 0.69, 0.72, 0, 0);border-radius: 50%;position: absolute;top: 9px;}

.list_box2{float: left;background: #fff;max-width: 312px;width: 48.3%;border-radius: 10px;border:1px solid #E9E9E9;box-shadow: 10px 23px 20px rgba(0, 0, 0, 0.13);}
.list_box2~.list_box2{margin-left: 34px;}
.list_box2 h3{font-weight: 500;font-size: 21px;margin: 20px 15px;}
.list_box2 li{color: #000;font-size: 15px;}
.list_box2 li p{color: #7E7E7E;display: inline-block;margin: 0 20px 7px 15px;}
.list_box2 li span{color: #E92A77;}
.list_box2 a{}
.list_box2 .img{width: 100%;overflow: hidden;border-radius: 10px 10px 0 0;}
.list_box2 .img img{width: 100%;}

/*******공지사항*******/
.notice_wrap {padding: 120px 0 100px;}
.notice_list{width: 100%;background: #fff;box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.14);padding: 45px 45px 25px;margin-top: -7px;position: relative;}
.notice_list::before {content: '';position: absolute;display: block;height: 100%;width:1px;
background: #e4e4e4;left: 50%;top: 0;}
.notice_title{display: flex;align-items: center;border-bottom: 1px solid #E4E4E4;padding: 0 0 25px 0;}
.notice_title p{font-size: 40px;font-weight: 600;color: #000;text-align: center;border: 7px solid #EBEBEB;width: 100px;display: inline-block;height: 100px;padding: 20px 0 0 0;float: left;}
.notice_title span{font-size: 16px;color: #6E6E6E;font-weight: 400;}
.notice_title h3{font-size: 24px;font-weight: 500;display: -webkit-box;white-space: normal;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 405px;margin: 0 0 0 30px;}
.notice_cont{font-size: 18px;color: #555555;display: -webkit-box;white-space: normal;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 20px 0 30px 0;}
.notice_date{font-size:16px;color:#757575;}
.notice_stitle{font-size: 20px;color: #000;width: 500px;display: -webkit-box;white-space: normal;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;float: left;margin: 0 10px 0 0;}

.sub_tab3{display: inline-block;background:#B2C0D8;border-radius: 15px 15px 0 0;position: relative;z-index: 1;}
.sub_tab3 li{float: left;padding: 0px 40px;transition: none;line-height: 72px;}
.sub_tab3 li:hover {background: #d0d9e9;border-radius: 12px 12px 0 0;}
.sub_tab3 li.current:hover{background:#fff;}
.sub_tab3 button{font-size: 22px;color: #6C7D9C;}
.sub_tab3 .current{background: #fff;border-radius: 12px 12px 0 0;border-bottom: none;height: 72px;}
.sub_tab3 .current button{color: #0750A4;font-weight: 500;position: relative;z-index: 1;}
.sub_tab3 .current button::after{content: '';border-bottom: 12px solid #E9EDFF;border-radius: 20px;display: block;width: 95%;position: absolute;bottom: -2px;left: 5.5%;z-index: -1;}

.left_list{float: left;padding-right: 45px;}
.left_list, .right_list{width: 50%;}

.right_list {float: right;padding-left: 45px;}
.right_list li{border-bottom: 1px dashed #D5D5D5;padding-bottom: 8px;line-height: 1.2em;}
.right_list li::before{content:'▪';display: inline-block;float: left;}
.right_list li~li{margin-top: 19px;}
.right_list a {display: flex;justify-content: space-between;align-items: center;}

/*******footer*******/
footer{background: #171B33;}
.partner_site{background: #3A3C4D;color: #838492;font-size: 18px;height: 80px;line-height: 80px;}
.partner_site h4{color: #fff;font-weight: 400;font-size: 23px;display: inline-block;}
.partner_site ul{float: right;}
.partner_site li{float: left;}
.partner_site li:nth-child(2n){}
.partner_site li~li{margin-left: 16px;}

.ft_top{color: #797C8F;border-bottom: 1px solid #2D314A;}

.ft_nav{}
.ft_nav li{font-size: 17px;float: left;line-height: 60px;}
.ft_nav li:nth-child(1) a{color: #fff;}
.ft_nav li:nth-child(2) a{color: #797C8F}
.ft_nav li~li{margin-left: 33px;}

.family_site{float: right;position: relative;}
.family_site button{color: #797C8F;font-size: 16px;width: 220px;height: 60px;border-bottom: 1px solid #2D314A;border-left: 1px solid #2D314A;border-right: 1px solid #2D314A;text-align: left;text-indent: 13px;}
.family_site button::after{content: '';display: block;background: url('../img/ft_arrow.png') no-repeat;width: 15px;height: 8px;float: right;margin: 6px 10px;}
.family_site ul{display: none;position: absolute;bottom: 100%;background: #171b33;border: 1px solid #171b33;width: 100%;overflow-y: auto;height: 280px;}
.family_site ul li{text-indent: 10px;height: 35px;line-height: 35px;}

.ft_bottom{height: 190px;width: 90%;max-width: 1400px;margin: 0 auto;color: #797C8F;margin-top:35px;}
.ft_bottom a{display: block;float: left;margin: 0 45px 0 0;}

.third {float: right;position: absolute;width: 80%;overflow: hidden;top: 0;right: 0;}
.third a {color: #838492;}
.third li {width: auto !important;}
.third a::after {content: '';display: block;width: 1px;height: 22%;background: #676878;position: absolute;right: -16px;top: 40%;}

/******수강신청 카드 스타일******/
.list_box3{float: left;background: #fff;width: 31.3%;border-radius: 10px;border:1px solid #E9E9E9;box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.13);padding: 10px;margin: 20px 1%;position: relative;}
.list_box3~.list_box3{}
.list_box3 h4{font-weight: 500;font-size: 21px;margin: 20px 0;height: 50px;}
.list_box3 li{color: #000;font-size: 15px;}
.list_box3 li p{color: #7E7E7E;display: inline-block;margin:0 20px 7px 0;}
.list_box3 li span{color: #E92A77;}
.list_box3 a{}
.list_box3 .img{width: 100%;overflow: hidden;border-radius: 10px;}
.list_box3 .img img{width: 100%;}
.card_cont .sub_tab5 li.current{border: 2px solid #000;box-shadow: 3px 3px 10px rgb(0 0 0 / 15%);z-index: 10;position: relative;}

/********사이트맵********/
.site_map h4{display: inline-block;width: 100%;font-size: 28px;}
.site_menu{border: 1px solid #ddd;margin: 10px 0 50px 0;padding: 20px 30px;border-top: 3px solid #000;}
.site_menu > li{float: left;width: 24%;}
.site_menu > li~li{margin-left: 1%;}
.site_menu > li > a {font-size: 18px;font-weight: 500;padding: 10px 0;color: #000;display: inline-block;width: 100%;}
.site_menu ul a{text-indent: 21px;display: inline-block;color: #5c5c5c;}
.site_menu ul li{height: 30px;}
.txt_pint::after{content: '∎';color: #0750a4;}

/******모바일메뉴*****/
.navbar_toggleBtn{display: none;font-size: 35px;position: absolute;top: 35px;right: 19px;z-index: 20;color: #000;}


@media screen and (max-width: 1079px) {
	html{font-size: 9px;}
	.main_container {background: url(../img/main_bg1.png) no-repeat right 0 top 0, url(../img/main_bg2.png) left 70%  top 1766px no-repeat, url(../img/main_bg3.png) left -90% top 446px no-repeat, url(../img/main_bg4.png) no-repeat bottom 0 left 0;
    background-size: 70%;}

	.gnd_tool{display: none;}
	.lnd_wrap .menu{display: none;}
	.login_wrap{display: none;}
	.navbar_toggleBtn{display: block;}

	.main_cont{display: flex;flex-direction: column;}
	.pop_wrap{width: 470px;margin: 0 auto;margin-top: 70px;}
	.b_left{width: 100%;}
	.video_cont::after{width: 90%;}

	.controller{display: flex;flex-direction: column;margin: 0;}
	.cont_btn {margin: 30px 0;}
	.list_tab{width: 85%;}

	.list_box2{width: 50%;max-width: none;margin: 0 0 40px 35%;}
	.list_box2~.list_box2{margin-right: 35%;}
	.list_box2:nth-child(3){margin: 0 0 40px 35%;}

	.tab_content2{margin: -180px 0 0 0;}
	.sub_tab2 li{width: 25%;}
	.sub_tab2 {width: 100%;margin: 0;}

	.logo{width:230px}
	.logo img{width:100%}
	.lnd {height: 85px;}

	.m_open {display: block;top: 105px;}
}

@media screen and (max-width: 969px) {
    .list_box3{width:48%;}

	.m_open{top:75px;}

	.site_menu > li{width: 48%;}

	/*gnd*/
	.gnd_tool{display:none;}
	.gnd_wrap{width:100%;/* height: 50px; */}

	.gnd_tab li{width:33.33%;}
	.gnd_tab li a{width:100%;padding:0;display:flex;justify-content: center;}
	.gnd_tab li:nth-child(3) a{left:0;}
	.gnd_tab li:nth-child(2) a{box-shadow:none;}
	.gnd_tab li:nth-child(2) a, .gnd_tab li:nth-child(3) a, .gnd_tab li:nth-child(1) a{border-radius:7px 7px 0 0;word-break:break-all;height: auto;padding: 10px 5px;text-align: center;}
	.gnd_tab li:nth-child(2)::after{display:none;}

	.gnd_tab{height:50px;}
}


@media screen and (max-width:767px){
	html{font-size: 8px;}
	.main_container {
    background: url(../img/main_bg1.png) no-repeat right 0 top 0, url(../img/main_bg2.png) right -56px top 2342px no-repeat, url(../img/main_bg3.png) left -166px top 653px no-repeat, url(../img/main_bg4.png) no-repeat bottom 0 left 0;background-size: 100%;}

	.main_list {height: auto;padding: 0 0 55px 0;}

	.list_tab{width: 100%;height: auto;border-radius: 0 0 30px 30px;}

	.sub_tab {display: flex;vertical-align: middle;line-height: 60px;flex-wrap: wrap;flex-direction: row;
    align-items: center;}

	.quick_wrap li {width: 50%;margin-bottom: 20px;}

	.pop_wrap{width: 100%;margin: 0 auto;margin-top: 70px;}

	.video_cont::after{width: 90%;height: 230px;}

	.list_box2{width: 70%;max-width: none;margin: 0 0 55px 15%;}
	.list_box2~.list_box2{margin-left: 15%;}
	.list_box2:nth-child(3){margin: 0 0 40px 15%;}
	.list_box3{width:100%;}

	.tab_content2{margin: 34px 0 0 0;}
	.sub_tab2 li{width: auto;text-indent: 0;padding: 0 8px;}
	.sub_tab2 {width: 90%;display: flex;margin: 0;flex-direction: row;align-items: flex-end;}
	.sub_tab2 li.current::before{background: none}
	.sub_tab2 li:hover::before{background:none}
	.sub_tab2 li.current:hover::before{background: none;}
	.sub_tab2 li.current::after {content: '';display: block;width: 6px;height: 11px;background: #FFEE5A;transform: matrix(0.72, -0.69, 0.69, 0.72, 0, 0);border-radius: 50%;position: absolute;left: 0px;}
	.sub_tab2 li.current button{padding: 15px 5px 10px 5px;}

	.search_wrap ul{display: flex;flex-direction: row;flex-wrap: wrap;}
	.search_wrap li {padding: 7px 8px !important;}
	.search_wrap li{}
	.search_wrap li~li {/* margin-top:20px; */}

	.left_list, .right_list {width: 100%;padding: 0;}
	.left_list{margin: 0;}
	.right_list{border-top: 1px solid #E4E4E4;padding: 10px 0 0 0;}
	.right_list ul{padding: 0 0 0 17px;}
	.right_list li{padding:0;line-height: 40px;}
	.right_list li~li{margin:0;}
	.notice_list{padding: 20px 30px;margin-top: -1px;}
	.notice_cont{margin: 10px 0;-webkit-line-clamp: 1;}
	.notice_stitle{font-size: 18px;color: #757575;}
	.notice_title{border-bottom: none;padding: 0;}
	.notice_title h3 {-webkit-line-clamp: 1;margin: 10px 0 0;}
	.notice_title p{padding: 10px;margin: 0 20px 0 0;height: 80px;width: 80px;}
	.notice_list::before {display: none!important;}
	.list_box2 .more{padding-right: 20px;}

	.quick_wrap ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;}

	.sub_tab3 li{background: none;width: auto;text-align: center;padding: 0px 20px;}
	.text_box{width: 100%;background: #B2C0D8;border-radius: 15px 15px 0 0;}
	.sub_tab3{background: none;display: flex;justify-content: flex-start;line-height: 72px;}
	.sub_tab3 button{font-size:20px;}

	.ft_bottom a{width: 100%;margin: 0 0 10px 0}
	.ft_nav{width: 60%;}
	.ft_nav li{width: 50%; font-size: 16px;}
	.ft_nav li~li{margin-left: 0}
	.family_site{width: 40%; font-size: 16px;}
	.family_site button{width: 100%;}

	.third {width: 50%}

	.logo{width:210px}
	.logo img{width:100%}
	.lnd {height: 85px;}

	.notice_more {top: 73px;}

	.site_menu > li{width: 100%;}
	.site_menu > li~li{margin-left: 0;}
	
	/***gnd***/
	.gnd_tab li:nth-child(2) a::before{display:none;}
}

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sub_tab3 .current button::after {content: "";border-bottom: 12px solid #E9EDFF;border-radius: 5px;display: block;width: 95%;position: absolute;bottom: 25px;left: 5.5%;z-index: -1;color: #e9edff;}
.sub_tab3 .current {background: #fff;border-radius: 12px 12px 0 0;border-bottom: none;height: 74px;}
.notice_stitle {font-size: 20px;color: #000;width: 100%;display: -webkit-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;float: left;margin: 0 10px 0 0;}
.notice_title h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.notice_cont{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
}