@charset "UTF-8"; 

.m_bgset {margin-bottom:50px;}
.m_bgset:after,
.m_bgset .inner:after {content:''; display:block; visibility:hidden; clear:both;}
.m_fix {overflow:hidden !important;}
.mc_box {position:relative; float:left;}

	/*media query*/
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
	.m_bgset {margin-bottom:40px;}
}

@media screen and (max-width:920px) {
	.m_bgset {margin-bottom:35px;}
}
@media screen and (max-width:767px) {
	.m_bgset {margin-bottom:30px;}
}

@media screen and (max-width:640px) {
	.m_bgset {margin-bottom:25px;}
}

@media screen and (max-width:480px) {
	.m_bgset {margin-bottom:20px;}
}

/********************************
 section01
 *******************************/
.main_visual {position:relative; display:block;}
.main_visual:after {content:''; display:block; visibility:hidden; clear:both;}
.main_visual li {display:block;}
.main_visual li .mv_area {position:relative; height:500px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.main_visual li .mv_area.mv1 {background-image:url(../images/main/main_vimg1.jpg);}
.main_visual li .mv_area.mv2 {background-image:url(../images/main/main_vimg2.jpg);}
.main_visual li .mv_area.mv3 {background-image:url(../images/main/main_vimg3.jpg);}

.main_visual li .mv_area .mv_txtbox {position:absolute; right:0; bottom:30px; width:100%;}
.main_visual li .mv_area .mv_tinner {position:absolute; right:0; bottom:30px;}
.main_visual li .mv_area p {position:relative; display:inline-block; color:#fff; font-size:1.8rem; text-shadow:3px 5px 3px rgb(0 0 0 / 50%);}
.main_visual li .mv_area .mv_txt {line-height:1.3; text-shadow:3px 2px 3px rgb(0 0 0 / 50%);}
.main_visual li .mv_area .mv_txt .line_br {display:block;}
.main_visual li .mv_area .mv_tit {padding-left:10px; font-weight:600; font-size:4.5rem;}


.ctrl_area {position:absolute; width:100%;}
.ctrl_box {position:absolute; right:0; bottom:15px; z-index:30;}
.ctrl_box > dl {}
.ctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:-1px; color:#fff;}
.ctrl_box > dl dd .ctrl_cont,
.ctrl_box > dl dd a {position:relative; display:block; width:46px; height:46px; box-sizing:border-box;}
.ctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-23px; margin-left:-23px; width:46px; height:46px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat;}
.ctrl_box > dl dd a.ctrl_prev:before {background-position:-261px -83px;}
.ctrl_box > dl dd a.ctrl_stop:before {background-position:-308px -83px;}
.ctrl_box > dl dd a.ctrl_play:before {background-position:-402px -83px;}
.ctrl_box > dl dd a.ctrl_next:before {background-position:-355px -83px;}
.ctrl_box > dl dd span.ctrl_cont {padding:0 10px; line-height:40px; width:auto;}
.ctrl_box > dl dd span.ctrl_cont strong {font-weight:500;}


/* media query */
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.main_visual li .mv_area {height:400px; transition:all 0.2s linear;}
	.main_visual li .mv_area .mv_tinner {right:20px;}
	.main_visual li .mv_area .mv_tit {font-size:4.0rem;}
	.ctrl_box {right:20px;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.main_visual li .mv_area {height:350px;}
	.main_visual li .mv_area p {font-size:1.5rem; }
	.main_visual li .mv_area .mv_tit {font-size:3.5rem;}
	
	.ctrl_box > dl dd a {width:38px; height:38px;}
	.ctrl_box > dl dd a:before {margin-top:-19px; margin-left:-19px; width:38px; height:38px;}
	.ctrl_box > dl dd a.ctrl_prev:before {background-position:-261px -130px;}
	.ctrl_box > dl dd a.ctrl_stop:before {background-position:-300px -130px;}
	.ctrl_box > dl dd a.ctrl_play:before {background-position:-378px -130px;}
	.ctrl_box > dl dd a.ctrl_next:before {background-position:-339px -130px;}
	.ctrl_box > dl dd span.ctrl_cont {line-height:38px;}
}
@media screen and (max-width:640px) {
	.main_visual li .mv_area {height:300px;}
	.main_visual li .mv_area p {display:block; text-align:right;}
	.main_visual li .mv_area .mv_tit {padding-left:0; font-size:3.0rem;}
}
@media screen and (max-width:480px) {
	.main_visual li .mv_area {height:250px;}
	.main_visual li .mv_area .mv_tit {font-size:2.6rem;}
}


/********************************
 section02
 *******************************/

.bookmark_box {display:block;}
.bookmark_box .bm_tit {position:relative; display:inline-block; float:left; width:15%; padding-bottom:70px; font-size:2.4rem; font-weight:500; color:#121212; line-height:1.2;}
.bookmark_box .bm_tit:before {content:''; position:absolute; left:0; bottom:0; width:162px; height:65px; background:url(../images/main/main_ir.png) 0 -123px no-repeat;}
.bookmark_box .bm_tit strong {color:#0043b8; font-weight:600;}

.bookmark_box .bookmark_list {display:inline-block; float:left; width:85%; padding-left:20px;}
.bookmark_box .bookmark_list:after {content:''; display:block; visibility:hidden; clear:both;}
.bookmark_box .bookmark_list li {display:inline-block; float:left; width:12.5%; text-align:center;}
.bookmark_box .bookmark_list li a {position:relative; display:block;}
.bookmark_box .bookmark_list li a i {position:relative; display:block; margin:0 auto; width:82px; height:82px; background-position:0 0; background-repeat:no-repeat; background-size:auto;}
.bookmark_box .bookmark_list li a i.icon01 {background-image:url(../images/main/icon01.png);}
.bookmark_box .bookmark_list li a i.icon02 {background-image:url(../images/main/icon02.png);}
.bookmark_box .bookmark_list li a i.icon03 {background-image:url(../images/main/icon03.png);}
.bookmark_box .bookmark_list li a i.icon04 {background-image:url(../images/main/icon04.png);}
.bookmark_box .bookmark_list li a i.icon05 {background-image:url(../images/main/icon05.png);}
.bookmark_box .bookmark_list li a i.icon06 {background-image:url(../images/main/icon06.png);}
.bookmark_box .bookmark_list li a i.icon07 {background-image:url(../images/main/icon07.png);}
.bookmark_box .bookmark_list li a i.icon08 {background-image:url(../images/main/icon08.png);}

.bookmark_box .bookmark_list li a i:hover,
.bookmark_box .bookmark_list li a i:active,
.bookmark_box .bookmark_list li a i:focus {animation: tong 0.5s ease alternate;}

.bookmark_box .bookmark_list li a span {display:block; margin-top:10px; min-height:39px; color:#222; font-weight:500; line-height:1.3;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.bookmark_box {padding:0 20px;}
	.bookmark_box .bm_tit {width:17%;}
	.bookmark_box .bookmark_list {width:83%;}
}
@media screen and (max-width:920px) {
	.bookmark_box .bm_tit {display:block; float:none; width:100%; padding-bottom:20px; text-align:center;}
	.bookmark_box .bm_tit:before {display:none;}
	.bookmark_box .bookmark_list {display:block; float:none; width:100%; padding-left:0;}
	
}
@media screen and (max-width:767px) {
	.bookmark_box .bookmark_list li {padding-bottom:10px; width:25%;}
}

@media screen and (max-width:640px) {
	.bookmark_box .bm_tit {font-size:2.0rem;}
}

@media screen and (max-width:480px) {
	.bookmark_box .bm_tit {padding-bottom:10px;}
	.bookmark_box .bookmark_list li a i {width:62px; height:62px; background-size:100% auto;}
	.bookmark_box .bookmark_list li a span {font-size:1.3rem;}
}


@keyframes tong {
	0% {transform:translateY(0)}
	50% {transform:translateY(-6px)}
	100% {transform:translateY(0)}
}

/********************************
 section03
 *******************************/
/*공지사항*/
.noti_alrim {display:block; margin-left:-20px;}
.mbox {display:inline-block; float:left; padding-left:20px;}
.mbox.notice_box {width:70%;}
.mbox.alrim_box {width:30%; position:relative;}
.mbox .notice_list,
.mbox .alrim_inner {min-height: 371px;}

.notice_list {position:relative; padding:20px; border:1px solid #ddd; border-radius:10px;}
.notice_list:after {content:''; display:block; visibility:hidden; clear:both;}
.notice_list .tit {display:block; position:absolute; top:15px; width:12%; font-size:1.7rem; color:#222; font-weight:500; text-align:center; z-index:5;}
.notice_list .tit.tit01 {left:2%;}
.notice_list .tit.tit02 {left:15.2%;}
.notice_list .tit.tit03 {left:28.4%;}
.notice_list .tit.tit04 {left:41.6%;}
.notice_list .tit.tit05 {left:54.8%;}
.notice_list .tit.tit06 {left:68%;}
.notice_list .tit.tit07 {left:80%; top:11px; line-height:1.1;}

.notice_list .tit span {position:relative; display:inline-block; padding:5px 5px 10px; width:100%;}
.notice_list .tit span:after {content:''; visibility:hidden; position:absolute; bottom:-3px; left:50%; margin-left:-4px; width:0; height:0; border:solid transparent; border-width:4px; border-color:rgba(0,125,198,0); border-bottom-color:#2465d7; transform-origin:center;  transform:scaleX(0); transition: all 0.2s ease;}
.notice_list .tit.tit07 span:after {bottom:3px;}
.notice_list .tit.tit07 .txtBl {display:block;}

.notice_list .tit:hover span,
.notice_list .tit:active span,
.notice_list .tit:focus span{color:#2465d7; text-decoration:underline;}
.notice_list .tit.on span {position:relative; color:#2465d7; text-decoration:none;}
.notice_list .tit.on span:before {content:''; position:absolute; bottom:-5px; left:0; width:100%; height:2px; background-color:#2465d7;}
.notice_list .tit.on span:after {visibility:visible; transform:scaleX(1);}
.notice_list .tit.tit07.on span:before {bottom:1px;}

.notice_list .list_box {display:none; position:relative; padding-top:50px; z-index:1;}
.notice_list .list_box:before {content:''; position:absolute; left:0; top:41px; width:100%; height:1px; background-color:#ddd;}

.notice_list .list_box li {overflow:hidden; position:relative; padding:2px 100px 2px 8px; margin:4px 0;}
.notice_list .list_box li:before {content:''; display:block; position:absolute; left:0; top:12px; width:3px; height:3px; background-color:#555f6b;}
.notice_list .list_box li.first:before {display:none;}

.notice_list .list_box li a {overflow:hidden; display:block; color:#333;  text-overflow:ellipsis; white-space:nowrap;}
.notice_list .list_box li a .n_new {position:relative; display:inline-block; width:20px; margin-right:4px; text-indent:-9999px;}
.notice_list .list_box li a .n_new:before {content:''; display:block; position:absolute; left:0; top:2px; width:20px; height:20px; background:url(../images/main/main_ir.png) 0 -83px no-repeat;}

.notice_list .list_box li .n_date {position:absolute; right:0; top:1px; padding-right:2px; color:#767676;}
.notice_list .list_box li .n_date strong {font-weight:400;}

/* 첫재칸 새글 */
.notice_list .list_box li.first {position:relative; margin-bottom:15px; padding:15px 10px; border-bottom:1px solid #ddd;}
.notice_list .list_box li.first .fir_date {position:absolute; left:10px; top:18px; color:#333; font-size:1.2rem; line-height:1.1; text-align:center; }
.notice_list .list_box li.first .fir_date em {display:block; font-size:3.5rem; font-weight:500;}

.notice_list .list_box li.first a {padding-left:70px; font-weight:500; color:#333; text-overflow: unset; white-space: unset;}
.notice_list .list_box li.first a .fir_content {font-size:1.4rem; font-weight:400; color:#555; overflow:hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; height:45px;}
.notice_list .list_box li a .fir_tit {overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap;}

/*더보기 버튼*/
.notice_list .list_box .btn_more {display:inline-block; position:absolute; right:0; top:-5px; width:40px; height:40px;}
.notice_list .list_box .btn_more:before {content:''; position:absolute; left:50%; top:50%; margin-top:-9px; margin-left:-9px; width:18px; height:18px; background:url(../images/main/main_ir.png) 0 -104px no-repeat;}



/*알림창*/
.alrim_inner {position:relative; padding:20px; border:1px solid #ddd; border-radius:10px;}
.alrim_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.alrim_inner h2 {margin:0; font-size:2.0rem; color:#2465d7;}
.alrim_list li a {display:block; margin-top:16px;}
.alrim_list li a img {width:100%; height:281px;}

.alctrl_box {position:absolute; right:20px; top:24px; z-index:30;}
.alctrl_box > dl {}
.alctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:-1px; color:#fff;}
.alctrl_box > dl dd .ctrl_cont,
.alctrl_box > dl dd a {position:relative; display:block; width:26px; height:26px; box-sizing:border-box;}
.alctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-13px; margin-left:-13px; width:26px; height:26px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat;}
.alctrl_box > dl dd a.ctrl_prev:before {background-position:-21px -83px;}
.alctrl_box > dl dd a.ctrl_stop:before {background-position:-48px -83px;}
.alctrl_box > dl dd a.ctrl_play:before {background-position:-75px -83px;}
.alctrl_box > dl dd a.ctrl_next:before {background-position:-103px -83px;}
.alctrl_box > dl dd span.ctrl_cont {padding:0 10px; line-height:26px; width:auto; color:#333;}
.alctrl_box > dl dd span.ctrl_cont strong {font-weight:500; color:#2465d7;}


/*인권침해신고버튼*/
.declareBox {position:absolute; right:-12%; top:0; z-index:31;}
.declareBox a {display:flex; flex-direction:column; align-items:center; position:relative; padding:20px; border:1px solid #c72020; background-color:#fff; border-radius:10px;}
.declareBox a i {display:block; margin-bottom:5px; width:55px; height:55px; background:url(../images/main/icon_declare.png) 0 0 no-repeat;}



	/*media query*/
@media screen and (max-width:1700px) {
	.declareBox {right:-8%;}
}

@media screen and (max-width:1400px) {
	.declareBox {display:none;}
}


@media screen and (max-width:1240px) {
	.declareBox {display:none;}
}

@media screen and (max-width:1200px) {
	.mbox.notice_box {width:70%;}
	.mbox.alrim_box {width:30%;}
	
	.notice_list .tit {font-size:1.6rem;}
	.notice_list .tit.tit07 span:after {bottom:2px;}
	.notice_list .tit.tit07.on span:before {bottom:0px;}
	
}

@media screen and (max-width:1024px) {
	.noti_alrim {padding:0 20px;}
}
@media screen and (max-width:920px) {
	.noti_alrim {margin-left:0;}
	.mbox {display:block; float:none; padding-left:0;}
	
	.mbox.notice_box {width:100%; padding-bottom:20px;}
	.mbox.alrim_box {width:100%;}
  
    .mbox .notice_list,
    .mbox .alrim_inner {min-height: auto;}
    
    
	.notice_list .tit {width:20%; border:1px solid #ddd; border-radius:20px;}
	.notice_list .tit span {padding:5px;}
	.notice_list .tit.tit01 {left:3%;}
	.notice_list .tit.tit02 {left:24%;}
	.notice_list .tit.tit03 {left:45%;}
	.notice_list .tit.tit04 {left:66%;}
	.notice_list .tit.tit05 {left:3%; top:65px;}
	.notice_list .tit.tit06 {left:24%; top:65px;}
	.notice_list .tit.tit07 {left:45%; top:65px; width:23%; line-height:inherit;}
	.notice_list .tit.tit07 .txtBl {display:inline-block;}
	
	.notice_list .tit:hover span,
	.notice_list .tit:active span,
	.notice_list .tit:focus span{background-color:#2465d7; color:#fff; border-radius:20px;}
	.notice_list .tit.on span {background-color:#2465d7; color:#fff; border-radius:20px;}
	.notice_list .tit.on span:before {display:none;}
	.notice_list .tit.on span:after {bottom:-1px; margin-left:-6px; border-width:6px; border-bottom-color:#fff; visibility:visible; transform:scaleX(1);}

	.notice_list .list_box {padding-top:90px;}
	.notice_list .list_box:before {display:none;}
	
	
	.declareBox {display:block; position:relative; right:unset; top:unset; margin-top:20px; padding:0 20px;}
	.declareBox a {flex-direction:row; justify-content:center;}
}

@media screen and (max-width:767px) {
  	.notice_list .tit.tit07 {width:25%;}
  	.declareBox a {padding:10px;}
}

@media screen and (max-width:640px) {
  	.notice_list .tit.tit07 {width:30%;}
}

@media screen and (max-width:480px) {
	.notice_list .tit {width:25%; font-size:1.5rem;}
	.notice_list .tit.tit01 {left:3%;}
	.notice_list .tit.tit02 {left:30%;}
	.notice_list .tit.tit03 {left:57%;}
	.notice_list .tit.tit04 {left:3%; top:60px;}
	.notice_list .tit.tit05 {left:30%; top:60px;}
	.notice_list .tit.tit06 {left:57%; top:60px;}
	.notice_list .tit.tit07 {left:3%; top:105px; width:38%;}
	
	.notice_list .list_box {padding-top:130px;}
  	.notice_list .list_box .btn_more {right:-5px;}
}

@media screen and (max-width:380px) {
	.notice_list .tit.tit07 {width:45%;}
}



/********************************
 section04
 *******************************/
 .banner_box {border-top:1px solid #ddd;}
.lolbn_box {box-sizing:border-box;}
.lolbn_box:after {content:''; display:block; visibility:hidden; clear:both;}
.lolbn_box > dt {display:inline-block; float:left; width:16%;}
.lolbn_box > dt span {display:inline-block; float:left; font-weight:600; font-size:1.8rem; color:#333; padding-right:10px; line-height:60px;}
.lolbn_box > dd {display:inline-block; float:left; width:84%;}
.lolbn_box > dd ul {overflow:hidden; height:56px;}
.lolbn_box > dd ul:after {content:''; display:block; visibility:hidden; clear:both;}
.lolbn_box > dd li {display:inline-block; float:left; width:16.6666%; padding:7px 5px; text-align:center;}
.lolbn_box > dd li:after {content:''; display:block; visibility:hidden; clear:both;}
.lolbn_box > dd li a {display:block; border:1px solid #ddd; width:100%; height:44px;}
.lolbn_box > dd li a:after {content:''; display:block; visibility:hidden; clear:both;}
.lolbn_box > dd li a img {width:100%; height:44px;}


.lolb_ctrl_box {display:inline-block; float:left; padding:15px 0 10px;}
.lolb_ctrl_box > dl {}
.lolb_ctrl_box > dl dd {position:relative; display:inline-block; float:left;}
.lolb_ctrl_box > dl dd:after {content:''; display:block; visibility:hidden; clear:both;}
.lolb_ctrl_box > dl dd .ctrl_cont,
.lolb_ctrl_box > dl dd a {position:relative; display:block; width:32px; height:32px; box-sizing:border-box; color:#444;}
.lolb_ctrl_box > dl dd a:before {content:''; position:absolute; left:50%; margin-left:-16px; margin-top:-16px; top:50%; width:32px; height:32px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat;}
.lolb_ctrl_box > dl dd a.ctrl_prev:before {background-position:-129px -83px;}
.lolb_ctrl_box > dl dd a.ctrl_next:before {background-position:-228px -83px;}
.lolb_ctrl_box > dl dd a.ctrl_stop:before {background-position:-162px -83px;}
.lolb_ctrl_box > dl dd a.ctrl_play:before {background-position:-195px -83px;}


/*media query*/
@media screen and (max-width:1200px){
	.lolbn_box > dt {width:18%;}
	.lolbn_box > dt span {padding-left:5px;}
	.lolbn_box > dd {width:82%;}
}
@media screen and (max-width:1024px){
	.lolbn_box > dd li {padding:6px 5px;}
	.lolbn_box > dt {width:20%;}
	.lolbn_box > dd {width:80%;}
	.lolbn_box > dd ul {height:52px;}
}

@media screen and (max-width:960px) {
	.main_lolbanner {display:none;}
}

@media screen and (max-width:920px) {
	.lolbn_box {padding:5px 0;}
	.lolbn_box > dt {padding-left:20px; width:16%;}
	.lolbn_box > dt span {display:block; float:none; line-height:inherit; font-size:1.5rem;}
	.lolbn_box > dd {padding-right:20px; width:84%;}
	.lolb_ctrl_box {display:block; float:none; padding:0;}
}


@media screen and (max-width:767px) {
	.banner_box {display:none;}
}

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

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