@charset "utf-8";
/* CSS Document */
@keyframes obj_bg { 
	from {transform: rotate(0deg); }
	 to {transform: rotate(360deg);}
}

.main_cont {width:100%;height:calc(100vh - 85px);padding-left:65px;position:relative;}
.main_cont .left {position:relative;width:calc(100% - 430px);height:100%;overflow: hidden;}

@media screen and (max-width:1700px){ 
	.main_cont .left {width: calc(100% - 400px);}
	.main_cont {padding-left:40px;}
}
@media screen and (max-width:1400px){ 
	.main_cont .left {width:100%;}
	.main_cont {height:auto;padding:0 2%;}
}


/*비디오재생*/
.main_cont .left  .obj {position:absolute;right:0;z-index: 3;bottom:0;}
.main_cont .left  .ob .area {position:relative;width:100%;height:100%;}
.main_cont .left  .obj .video {width:535px;height:433px;background:url("../img/main/video_obj.png") no-repeat center;position:relative;z-index: 2;} 
.main_cont .left  .obj .video .vdo_sec {width:453px;height:255px;position:absolute;top:45px;right:22px;}
.main_cont .left  .obj_bg {animation: obj_bg 30s  infinite linear;position: absolute;top:-100px;left:-100px;z-index: 1;display:none;}  

@media screen and (max-width:1700px){
	.main_cont .left  .obj .video {width:350px;height:283px;background-size:cover;}
	.main_cont .left .obj .video .vdo_sec {width:297px;height:169px;top:28px;right:14px;}
	.main_cont .left .obj_bg {top:-50px;left:-50px;width:200px;height:auto;}
	.visual .txt_area .txt1 img {width:400px;height:auto;}
	.visual .txt_area .txt2 img {width:470px;height:auto;}		
}
@media screen and (max-width:1400px){
	.main_cont .left .obj {right:15px;}	
}

@media screen and (max-width:980px){ 
	.main_cont .left .obj_bg {display: none;}
	.main_cont .left .obj {position:relative;bottom:auto;right:auto;display: block;background-color:#0f3f81;padding:2%;}
	.main_cont .left .obj .video {width:100%;height:auto;background:none;}
	.main_cont .left .obj .video .vdo_sec {position:relative;width:100%;top:auto;right:auto;height:350px;}
}
@media screen and (max-width:460px){ 
	.main_cont .left .obj .video .vdo_sec {height:250px;}
}

/*알림마당*/
.ntc_la {width:1067px;height:190px;position:absolute;bottom:0;
	left:0;background:url(../img/main/ntc_bg.png) no-repeat center;z-index: 2;
padding:75px 324px 0 45px;} 
.ntc_la .tit {margin-bottom:6px;}
.ntc_la .tit_txt {color:#fffd35;font-size:35px;display: inline-block;vertical-align: middle;font-weight: 500;}
.ntc_la .more_link {display: inline-block;color:#fff;width:75px;border-radius: 50px;background-color:rgba(0,0,0,0.2);text-align: center;padding:3px 0;font-size:15px;margin-left:5px;font-weight: 300} 
.ntc_la .la_sld div a  {display: block;width:calc(100% - 110px); } 
.ntc_la .la_sld .date {color:#fff;opacity: 0.7;font-family: 'G_mk';font-size:15px;font-weight: 300;letter-spacing: 0;margin-left:5px;} 
.ntc_la .la_sld div a .txt  {color:#fff;font-size:22px;letter-spacing:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: inline-block;vertical-align: middle;width: calc(100% - 110px);font-weight: 300}   
.ntc_la button {border:none;background-color:transparent;font-size:0;z-index: 5;display: inline-block;margin:0 2px;}  
.ntc_la .ntc_play {width:11px;height:13px;background:url("../img/main/ntc_play.png") no-repeat center;}
.ntc_la .ntc_stop {width:8px;height:12px;background:url(../img/main/ntc_pause.png) no-repeat center;}
.ntc_la .slick-prev {width:16px;height:9px;background:url(../img/main/ntc_up.png) no-repeat center;}
.ntc_la .slick-next {width:16px;height:9px;background:url(../img/main/ntc_dw.png) no-repeat center;}     
.ntc_la .slick-prev:hover, .ntc_la .slick-prev:active, .ntc_la .slick-prev:focus {background-image: url("../img/main/ntc_up_ov.png");}
.ntc_la .slick-next:hover, .ntc_la .slick-next:active, .ntc_la .slick-next:focus {background-image: url("../img/main/ntc_dw_ov.png");}
.ntc_la .ntc_play.on {background-image:url("../img/main/ntc_play_ov.png");}
.ntc_la .ntc_stop.on {background-image:url("../img/main/ntc_pause_ov.png");}  

.ntc_la .list {width:100%;position:relative;}
.ntc_la .btn_area {position:absolute;right:25px;top:0;z-index: 5;}  
 

@media screen and (max-width:1700px){
	.ntc_la .tit_txt {font-size:30px;}
	.ntc_la .la_sld div a .txt {font-size:18px;} 
	
	.ntc_la {padding:82px 350px 0 32px;background-size:cover;z-index: 9}
}
@media screen and (max-width:1110px){
	.ntc_la {padding-top:60px;}
	.ntc_la .btn_area {position:relative;right:auto;top:auto;margin-top:5px;} 
}
@media screen and (max-width:980px){
	.ntc_la {bottom:0; padding:70px 0 0 30px;}
	.ntc_la .list {width:60%;}
	.ntc_la .la_sld div a .txt  {font-size:16px;}
	.ntc_la .la_sld .date {font-size:13px;}
	.ntc_la .tit_txt {font-size:25px;}
	
}
@media screen and (max-width:768px){ 
	.ntc_la {padding: 50px 5% 0;height:160px;background-position:left top;width:100%;background-size: inherit;}
	.ntc_la .la_sld div a {width:100%;} 
	.ntc_la .more_link {font-size:13px;}
	.ntc_la .list {width:100%;}
}


/*메인비주얼*/
.visual {position:relative;height: 100%;overflow: hidden;}
.visual .txt_area {position: absolute;z-index: 2;top:70px;left:55px;}
.visual .vs_sld div {display: block;width:100%;background-repeat: no-repeat;background-position: left top;height:100vh;background-size:cover;}
/*.visual .vs_sld .type1 {background-image:url("../img/main/vs_1.jpg");}*/
.visual .vs_sld .type1 {background-image:url("https://sangsaeng.jobs.go.kr/com/cmm/imgView.do?uniqFileId=UFA001014");} 
.visual .vs_sld .type2 {background-image:url("../img/main/vs_2.jpg");} 
.visual .vs_sld .type3 {background-image:url("../img/main/vs_3.jpg");}


@media screen and (max-width:980px){ 
	.visual .txt_area {top:auto;left:auto;padding:5% 4% 30%;position:relative;display: block;}  
	.visual .txt_area p img {width:90%;height:auto;}
	.vs_sld {position: absolute !important;top:0;left:0;right:0;}
	
}
@media screen and (max-width:560px){ 
	.visual .txt_area p img {width:80%;}
	.visual .txt_area {padding-bottom:180px;}
	.visual .vs_sld div {background-size:cover;background-position:center top;height:110vh;} 
}




/*오른쪽*/
.main_cont .right {width:471px;position:absolute;right: 0;top:0;bottom:0;height:100%;  
	background: #2e1c4d; 
    background: -moz-linear-gradient(to top, #2e1c4d, #0f70d2);
    background: -webkit-linear-gradient(to top, #2e1c4d, #0f70d2);
    background: linear-gradient(to top,  #2e1c4d, #0f70d2);   
	box-shadow: -10px 0px 10px rgb(0 0 0 / 40%); text-align: center;
} 
.main_cont .right .bg {position:relative;height:100%;padding: 18% 0 0;}
.main_cont .right .bg:after{width:100%;height:100%;position:absolute;right:0;top:0;bottom:0;content: "";
	background:url(../img/main/main_right_bg.jpg) no-repeat center bottom;opacity: 0.1; z-index: 1;
}

@media screen and (max-width:1700px){ 
	.main_cont .right {width:400px;}
}
@media screen and (max-width:1400px){ 
	.main_cont .right {width:100%; position:relative;display: block;top:auto;right:auto;bottom:auto;box-shadow:none;}
	.main_cont .right .bg {padding:3% 0;}
}
@media screen and (max-width:600px){ 
	.main_cont .right .bg {padding:7% 0;}
}





/*오른쪽-소개바로가기*/
.main_cont .rt_bn {position:relative;z-index: 5; width:402px;display: inline-block;text-align: left;} 
.main_cont .rt_bn a {display: block;color:#fff;width:100%;padding:0 0 0 132px;}      
.main_cont .rt_bn a:before {width:109px;height:135px;content: "사람모양아이콘";font-size:0;
	display: block;	background:url(../img/main/main_right_img.png) no-repeat center;position:absolute;left:0;top:0;} 
.main_cont .rt_bn a:after {width:38px;height:106px;content: "바로가기화살표";font-size:0;display: block;
	background:url(../img/main/main_right_ar.png) no-repeat center;top:0;right:0;position:absolute;}  
.main_cont .rt_bn a p {color:#fff;}
.main_cont .rt_bn a p.txt1 {font-size: 32px;line-height: 1.1;letter-spacing: -1px;padding-top: 9px;font-weight: 400;} 
.main_cont .rt_bn a p.txt2 {font-size:19px;line-height: 1.3;letter-spacing: -0.5px;font-weight: 300;margin-top: 4px;}  

@media screen and (max-width:1700px){ 
	.main_cont .rt_bn {width:320px;}
	.main_cont .rt_bn a p.txt1 {font-size:25px;}
	.main_cont .rt_bn a p.txt2 {font-size:16px;} 
	.main_cont .rt_bn a:before {width:86px;height:107px;background-size:cover;}
	.main_cont .rt_bn a {padding-left:106px;}
	.main_cont .rt_bn a:after {height:107px;background-size:auto 70px;}
}
@media screen and (max-width:980px){ 
	.main_cont .rt_bn {width:90%;display: block;margin:0 auto;height:70px;}
	.main_cont .rt_bn a p br {display: none;}
	.main_cont .rt_bn a:before {height:70px;background-size:auto 70px;}
	.main_cont .rt_bn a:after {height:70px;background-size:auto 50px;}
} 
@media screen and (max-width:560px){  
	.main_cont .rt_bn {height:auto;}
	.main_cont .rt_bn a {padding-left:90px;}
	.main_cont .rt_bn a p.txt1 {font-size:20px; }
	.main_cont .rt_bn a p.txt2 {margin-top:0;}
	.main_cont .rt_bn a p.txt2 br {display: block;}
	
}


/*오른쪽-배너*/
.main_cont .right .bt_bn {z-index: 5;position:relative;padding:9% 0 5%;}
.main_cont .right .bt_bn li {display: inline-block;width:160px;height:160px;vertical-align: middle;
	margin:7px;cursor:pointer;}
.main_cont .right .bt_bn li a {display: block;width:100%;height:100%;color:#fff;font-size:19px;padding-top:106px;font-weight: 300; border-radius: 50%;border:2px solid rgba(255,255,255,0.7);overflow: hidden;}
.main_cont .bt_bn li.type1 a {background:url(../img/main/main_right_ico1.png) no-repeat center top;} 
.main_cont .bt_bn li.type2 a {background:url(../img/main/main_right_ico2.png) no-repeat center 25px;} 
.main_cont .bt_bn li.type3 a {background:url(../img/main/main_right_ico3.png) no-repeat center 30px;} 
.main_cont .bt_bn li.type4 a {background:url(../img/main/main_right_ico4.png) no-repeat center 35px;} 

@media screen and (max-width:1700px){ 
	.main_cont .right .bt_bn li {width:150px;height:150px;}
	.main_cont .right .bt_bn li a {font-size:17px;}
}
@media screen and (max-width:1400px){ 
	.main_cont .right .bt_bn {padding:3% 0 2%;}
}
@media screen and (max-width:980px){ 
	.main_cont .right .bt_bn {margin-top:3%;border-top: 1px dashed rgba(255,255,255,0.3);}
	.main_cont .right .bt_bn li.type2:after {width:100%;height:1px;display: block;content: "";}  
}
@media screen and (max-width:768px){ 
	.main_cont .right .bt_bn {overflow: hidden;padding:3%;}
	.main_cont .right .bt_bn li {display: block;margin:0;width:50%;height:70px;padding:5px;float:left;} 
	.main_cont .right .bt_bn li a {border-radius: 0;border:1px solid rgba(255,255,255,0.5);
		padding:0 0 0 100px;text-align: left;font-size:18px;line-height:60px;}	 
	.main_cont .bt_bn li.type1 a {background-size:auto 90%;background-position:31px top;}
	.main_cont .bt_bn li.type2 a {background-size:auto 40px;background-position:35px center;}
	.main_cont .bt_bn li.type3 a {background-size:auto 35px;background-position:27px center;}
	.main_cont .bt_bn li.type4 a {background-size:auto 32px;background-position:32px center;}
	
}
@media screen and (max-width:560px){ 
	.main_cont .right .bt_bn {margin-top:6%;}
	.main_cont .right .bt_bn li {height:60px;}
	.main_cont .right .bt_bn li a {line-height:50px;font-size:15px;padding: 0 0 0 65px;}
	
	.main_cont .bt_bn li.type1 a {background-size:auto 90%;background-position:22px top;}
	.main_cont .bt_bn li.type2 a {background-size:auto 25px;background-position:27px center;}
	.main_cont .bt_bn li.type3 a {background-size:auto 25px;background-position:17px center;}
	.main_cont .bt_bn li.type4 a {background-size:auto 21px;background-position:27px center;}

}
/*오른쪽-sns링크*/
.main_cont .sns_link {z-index: 5;position:relative;}
.main_cont .sns_link a {font-size:0;width:42px;height:42px;display: inline-block;vertical-align: middle;margin:0 5px;}
.main_cont .sns_link .face_b {background:url(../img/main/ico_fbk.png) no-repeat center;}
.main_cont .sns_link .twt {background:url(../img/main/ico_twt.png) no-repeat center;}
.main_cont .sns_link .utb {background:url(../img/main/ico_utb.png) no-repeat center;}


/*유관기관*/
.main_q_link {width:calc(100% - 65px); margin-left:65px;background-color:#555;}
.main_q_link ul {width:100%;display:table;}
.main_q_link ul li {display: table-cell;vertical-align: middle;text-align: center;height:65px;width:16.6666%}
.main_q_link ul li a {display: block;width:100%;position:relative;}
.main_q_link ul li a:after {width:1px;height:45px;background-color:#888;content: "";display: block;position: absolute;right:0;top:0;}
.main_q_link ul li:last-child a:after {display: none;}

@media screen and (max-width:1700px){ 
	.main_q_link ul li a img {width:auto;height:30px;}
	.main_q_link ul li a:after {height:32px;}
	.main_q_link {width:calc(100% - 40px); margin-left:40px;}
}
@media screen and (max-width:1400px){ 
	.main_q_link {width:96%;margin:0 2%;}
	.main_q_link ul li a img {height:25px;}
}
@media screen and (max-width:1024px){ 
	.main_q_link {padding:3%;}
	.main_q_link ul {overflow: hidden;display: block;}
	.main_q_link ul li {float:left;width:33.3%;height:auto;padding:3px;} 
	.main_q_link ul li a {width:100%;border:1px solid #777;padding:7px 0 4px;display:block;}  
	.main_q_link ul li a:after {display: none;}
}
@media screen and (max-width:560px){ 
	.main_q_link ul li {width:50%;}
	.main_q_link ul li a img {height:23px;}
}


/*유관기관2*/
.main_bt_sld  {width:calc(100% - 65px);margin-left:65px;padding:20px 0;} 
.main_bt_sld .link1 {display:inline-block;vertical-align: middle;width:250px;text-align: center;}
.main_bt_sld .bt_sld_area {display:inline-block;vertical-align: middle;width:calc(100% - 284px);text-align: center;position:relative;
	padding: 0 65px 0 150px;} 
.main_bt_sld .bt_link_sld .slick-slide img {display: inline-block;} 
.main_bt_sld .bt_sld_area .btn_area {position:absolute;left:0;top:0;}
.main_bt_sld .bt_sld_area button {background-color:transparent;border:none;font-size:0;display: inline-block;vertical-align: middle;margin:0 10px;} 
.main_bt_sld .bt_sld_area .bt_sld_play {width:19px;height:25px;background:url("../img/main/bt_sld_play.png") no-repeat center; } 
.main_bt_sld .bt_sld_area .bt_sld_stop {width:9px;height:23px;background:url("../img/main/bt_sld_stop.png") no-repeat center;} 
.bt_sld_area .slick-prev {width:13px;height:25px;background:url(../img/main/bt_sld_prv.png) no-repeat center;}
.bt_sld_area .slick-next {width:13px;height:25px;background:url(../img/main/bt_sld_nxt.png) no-repeat center;} 


.bt_sld_area .slick-prev:hover, .bt_sld_area .slick-prev:active, .bt_sld_area .slick-prev:focus
{background-image: url(../img/main/bt_sld_prv_ov.png);}
.bt_sld_area .slick-next:hover, .bt_sld_area .slick-next:active, .bt_sld_area .slick-next:focus
{background-image: url(../img/main/bt_sld_nxt_ov.png);} 
.main_bt_sld .bt_sld_area .bt_sld_play.on  {background-image: url(../img/main/bt_sld_play_ov.png);}  
.main_bt_sld .bt_sld_area .bt_sld_stop.on  {background-image: url(../img/main/bt_sld_stop_ov.png);} 
.bt_sld_area .slick-initialized .slick-slide {padding:0 27px;} 

@media screen and (max-width:1400px){ 
	.main_bt_sld {margin:0 2%;width:96%;}
}
@media screen and (max-width:1110px){ 
	.main_bt_sld .link1 {width: 150px;}
	.main_bt_sld .link1  img {width:90%;height:auto;}
	.main_bt_sld .bt_link_sld .slick-slide img {height:20px;width:auto;}
	.main_bt_sld .bt_sld_area {width:calc(100% - 155px);padding:0 0 0 110px;}
	.bt_sld_area .slick-prev, .bt_sld_area .slick-next, .main_bt_sld .bt_sld_area .bt_sld_play, .main_bt_sld .bt_sld_area .bt_sld_stop 
	{height:20px;background-size:auto 100%;margin:0 5px!important;}
}
@media screen and (max-width:768px){  
	.main_bt_sld {padding:0;}
	.main_bt_sld .link1 {width:100%;display: block;text-align: left;}
	.main_bt_sld .link1 img {width:auto;height:32px;}
	.main_bt_sld .link1 a {padding:15px;display: block;background-color:#f1f1f1;position:relative;}
	.main_bt_sld .link1 a:after {position:absolute;right:15px;content: "";top:0;bottom:0;width: 13px;height: 65px;
		background: url(../img/main/bt_sld_nxt.png) no-repeat center;} 
	
	.main_bt_sld .bt_sld_area {width: 100%;padding: 2%;border: 1px solid #ddd;margin: 1% 0; } 
	.main_bt_sld .bt_sld_area .btn_area {position:relative;left:auto;top:auto;margin-bottom:15px;}
	.bt_sld_area .slick-prev, .bt_sld_area .slick-next, .main_bt_sld .bt_sld_area .bt_sld_play, .main_bt_sld .bt_sld_area .bt_sld_stop,
	.main_bt_sld .bt_sld_area button
	{margin:0 !important;width:30px;height:30px;background-size:auto 20px !important;border:1px solid #aaa;}
	
	
} 






/* 2022-12-19 */

.main_cont { height: calc(100vh - 80px); padding-left: 0; }
.main_cont .left { width: 100%; }
.main_cont .rt_bn a { padding-left: 112px; }
.main_cont .rt_bn a:before { top: 50%; transform: translateY(-50%); width: 88px; height: 120px; background-size: contain; }
.main_cont .rt_bn a:after { top: 50%; transform: translateY(-50%); width: 24px; height: 96px; background-size: contain; }
@media screen and (max-width: 1400px) {
	.main_cont { height: auto; padding: 0; }
}

.slick-track:before, .slick-track:after { display: none; }

.main_q_link { width: 100%; margin-left: 0; }