@charset "UTF-8"; 

/********************************
 section01 - 메인이미지
 *******************************/
.section01 {overflow:hidden; position:relative; display:block; height:700px;}
.section01 .inner {z-index:1;}

 
/*메인이미지*/
.mainImg {position:absolute; left:0; right:0; top:0; width:100%;}
.main_img {overflow:hidden; margin-bottom:0 !important;}
.main_img li {position:relative; width:100%; height:700px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.main_img li.list01 {background-image:url(../images/main/main_img01.jpg);}
.main_img li.list02 {background-image:url(../images/main/main_img02.jpg);}
.main_img li.list03 {background-image:url(../images/main/main_img03.jpg);}

.dot_page {margin-top:10px;}
.dot_page .slick-dots {position:unset; text-align:left;}
.dot_page .slick-dots li {margin:0 2px; width:15px; height:15px;}
.dot_page .slick-dots li button {width:15px; height:15px; border-radius:15px; background:rgba(255,255,255,0.5);}
.dot_page .slick-dots li button:before {display:none !important; content:'' !important; display:block; width:35px; height:15px; line-height:15px; color:#fff !important;}
.dot_page .slick-dots li.slick-active {width:35px;}
.dot_page .slick-dots li.slick-active button {width:35px; background:#fff;}



/*메인텍스트*/
.main_Tbox {padding-top:10%; width:47%; color:#fff; line-height:1.4;}
.main_Tbox .tit {font-size:5.0rem; font-family:'OneMobile';}
.main_Tbox .tit em {font-size:6.0rem;}
.main_Tbox .txt {margin-top:20px; font-size:2.6rem;}




 
 /* media query */
@media screen and (max-width:1600px){
	.section01 .inner {padding:0 20px;}
}

@media screen and (max-width:1400px){
	.main_Tbox {padding-top:15%; width:47%;}
	.main_Tbox .tit {font-size:4.0rem;}
	.main_Tbox .tit em {font-size:5.0rem;}
	.main_Tbox .txt {font-size:2.2rem;}
}

@media screen and (max-width:1240px){
	.section01 {height:500px;}
	.main_img li {height:500px;}
	
	.main_Tbox {padding-top:10%; width:45%;}
	.main_Tbox .tit {font-size:3.5rem;}
	.main_Tbox .tit em {font-size:4.0rem;}
	.main_Tbox .txt {font-size:2.0rem;}
}

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

@media screen and (max-width:920px){
	.section01 {height:450px;}
	.main_img li {height:450px;}
	
	.main_Tbox .tit {font-size:3.0rem;}
	.main_Tbox .tit em {font-size:3.5rem;}
	.main_Tbox .txt {font-size:2.0rem;}
}

@media screen and (max-width:767px){
	.section01 {height:400px;}
	.main_img li {height:400px;}
	.main_Tbox {padding-top:12%; width:60%;}
}

@media screen and (max-width:640px){
	.main_Tbox {padding-top:12%; width:100%;}
	.main_Tbox .tit {font-size:2.5rem;}
	.main_Tbox .tit em {font-size:3.0rem;}
	.main_Tbox .txt {font-size:1.8rem;}
}

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






/********************************
 section02 - 자주찾는아이콘
 *******************************/
.shortcut_box {position:relative; padding:1% 5%; width:100%; background-color:#fff; border-radius:100px; transform:translateY(-50%);}
.shortcut_box li {padding:5px; width:16.6666%;}
.shortcut_box li a {display:block; padding-bottom:10px; text-align:center;}
.shortcut_box li a:hover,
.shortcut_box li a:active,
.shortcut_box li a:focus {text-decoration:none;}

.shortcut_box li a .icon {position:relative; display:block; width:100px; height:100px; margin:0 auto; transition:.3s;}
.shortcut_box li a:hover .icon {top:-5px;}

.shortcut_box li a .icon:before {content:''; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px; background-position:0 0; background-repeat:no-repeat;}
.shortcut_box li a .icon.icon01:before {background-image:url(../images/main/icon01.png);}/*사업소개*/
.shortcut_box li a .icon.icon02:before {background-image:url(../images/main/icon02.png);}/*교육장소개*/
.shortcut_box li a .icon.icon03:before {background-image:url(../images/main/icon03.png);}/*공지사항*/
.shortcut_box li a .icon.icon04:before {background-image:url(../images/main/icon04.png);}/*문의사항*/
.shortcut_box li a .icon.icon05:before {background-image:url(../images/main/icon05.png);}/*장비대여신청*/
.shortcut_box li a .icon.icon06:before {background-image:url(../images/main/icon06.png);}/*시설예약신청*/

.shortcut_box li a span {font-weight:600; color:#333; line-height:1.2;}
.shortcut_box li a:hover span,
.shortcut_box li a:active span,
.shortcut_box li a:focus span {color:#6aa420;}


/*자주찾는메뉴 롤링버튼*/
.part_ctrl {display:none;}
.part_ctrl .pct_btn {display:inline-block; position:absolute; top:0; width:35px; height:35px; border:1px solid #ddd; border-radius:12px; background-color:#fff;}
.part_ctrl .pct_btn:before {content:''; position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px; width:12px; height:12px; background:url(../images/main/main_ir.png) 0 0 no-repeat;}
.part_ctrl .pct_btn.prev {left:30px;}
.part_ctrl .pct_btn.prev:before {background-position:-12px -12px;}
.part_ctrl .pct_btn.next {right:30px;}
.part_ctrl .pct_btn.next:before {background-position:-84px -12px;}


 
 
 /* media query */
@media screen and (max-width:1600px){
	.section02 .inner {padding:0 20px;}
	.shortcut_box {padding:1% 4%;}
}

@media screen and (max-width:1400px){
	.shortcut_box li a .icon:before {margin:-50px 0 0 -50px; width:100px; height:100px; background-size:100%;}
}

@media screen and (max-width:1240px){
	.shortcut_box {padding:1% 0;}
}

@media screen and (max-width:1200px){
	.shortcut_box li a span {font-size:1.8rem;}
	
	.part_ctrl {display:block;}
}

@media screen and (max-width:1024px){
	.shortcut_box {padding:1% 60px;}
	.part_ctrl .pct_btn {top:-10px;}
}

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

@media screen and (max-width:767px){
	.shortcut_box li a .icon {width:80px; height:80px;}
	.shortcut_box li a .icon:before {margin:-40px 0 0 -40px; width:80px; height:80px;}
}

@media screen and (max-width:640px){
	.shortcut_box li a span {font-size:1.6rem;}
}

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






/********************************
 section03 - 디지털교육,팝업존 
 *******************************/
/*공통*/
.section03 .inner {display:flex; align-items:stretch; gap:50px;}

.inbox {}
.inbox.left {width:calc(100% - 450px);}
.inbox.right {width:400px;}
.inbox .title {font-size:4.0rem; font-family:'OneMobile';}



 /*디지털교육*/
 .eduprg {position:relative;}
 
 /*탭*/
.tabs {margin:20px 0;}
.tabs ul {display:flex; gap:10px;}
.tabs ul li {}
.tabs ul li .tab_btn {position:relative; padding:10px 20px; color:#5c5c5c; font-size:1.9rem; font-weight:600; border:1px solid #5c5c5c; border-radius:50px;}
.tabs ul li.active .tab_btn {color:#fff; background-color:#333; transition:padding 0.2s linear;}

.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}

/*리스트*/
.eduPrg_box.noList .eduPrg_list {margin-left:0; margin-right:0; width:100%;}
.eduPrg_box.noList .eduPrg_item {display:flex; align-items:center; justify-content:center; width:100%; min-height:515px; border:1px solid #ddd; border-radius:30px;}
.eduPrg_box.noList .eduPrg_arrow {display:none;}
.collection_box.noList {margin-top:50px;}
.collection_box.noList .collection_list {margin-left:0; width:100%;}
.collection_box.noList .collection_item {display:block; float:none; padding:50px 10px; border:1px solid #ddd; border-radius:30px; text-align:center;}
.collection_box.noList .collection_control {display:none;}


.eduPrg_list {margin-left:-15px; margin-right:-15px;}
.eduPrg_list .eduPrg_item {padding:15px; width:33.3333%;}
.eduPrg_list .eduPrg_item a {display:block; padding:30px 25px; border:1px solid #ddd; border-radius:30px;}
.eduPrg_list .eduPrg_item a:hover,
.eduPrg_list .eduPrg_item a:active,
.eduPrg_list .eduPrg_item a:focus {text-decoration:none; border-color:#2768ba; box-shadow:6px 10px 30px 0px rgba(10,32,58,0.05);}

.eduprg_tbox {position:relative; }
.eduprg_tbox .tagbox {display:flex; gap:15px; font-size:1.7rem;}
.eduprg_tbox .tagbox .dday {position:relative; color:#f25c5c; font-weight:600;}
.eduprg_tbox .tagbox .dday:before {content:''; position:absolute; left:-8px; top:calc(50% - 5px); width:1px; height:10px; background-color:#ddd;}

.eduprg_tbox .tit {overflow:hidden; margin:15px 0 10px; color:#333; font-weight:600; font-size:2.0rem; line-height:1.3; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} 
.eduprg_tbox .txt_list {font-size:1.5rem; color:#777;}
.eduprg_tbox .txt_list li {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.eduprg_tbox .prg_state {position:absolute; right:0; top:-10px;}
.eduprg_tbox .prg_state span {display:flex; justify-content:center; align-items:center; width:53px; height:53px; font-size:1.5rem; border-radius:50%; color:#fff; text-align:center; line-height:1.2;}
.eduprg_tbox .prg_state span.state01 {background-color:#fd5c5c;}/*접수중*/
.eduprg_tbox .prg_state span.state02 {background-color:#2e3160;}/*교육중*/
.eduprg_tbox .prg_state span.state03 {background-color:#dfdfdf; color:#696969;}/*접수대기*/


.eduPrg_arrow {display:flex; display:none; position:absolute; right:55px; top:-75px;}
.eduPrg_arrow dl {display:flex; gap:10px;}
.eduPrg_arrow dd {position:relative;}
.eduPrg_arrow dd a {position:relative; display:block; width:45px; height:45px; border-radius:50%; background-color:#edf0f4; box-sizing:border-box;}
.eduPrg_arrow dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-5px 0 0 -6px; width:12px; height:12px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat;}
.eduPrg_arrow dd a.prev_btn:before {background-position:-11px -12px;}
.eduPrg_arrow dd a.stop_btn:before {background-position:-48px -12px;}
.eduPrg_arrow dd a.next_btn:before {background-position:-84px -12px;}
.eduPrg_arrow dd a.play_btn:before {background-position:-120px -12px;}


.eduPrg_box .more {position:absolute; top:0; right:0; width:45px; height:45px; background-color:#333; border-radius:50%;}
.eduPrg_box .more:before {content:''; position:absolute; top:calc(50% - 5px); right:calc(50% - 6px); width:12px; height:12px; background:url(../images/main/main_ir.png) -156px -12px no-repeat;}
.eduPrg_box .more span {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}


 /* media query */
@media screen and (max-width:1600px){
	.section03 .inner {padding:0 20px;}	
}

@media screen and (max-width:1350px){
	.eduPrg_arrow {display:flex;}
	.eduPrg_box .more {top:-75px;}
}

@media screen and (max-width:1300px){
	.tabs ul li .tab_btn {padding:10px 15px;}
}

@media screen and (max-width:1240px){
	.inbox .title {font-size:3.6rem;}
	
	.tabs {margin:10px 0;}
	.tabs ul {flex-wrap:wrap;}
	.tabs ul li {width:calc(25% - 8px);}
	.tabs ul li:nth-child(n+5) {width:calc(28% - 7px);}
	.tabs ul li:nth-child(7) {width:calc(44% - 7px);}
	.tabs ul li .tab_btn {width:100%;}
	
	
	.eduPrg_list {margin-left:-10px; margin-right:-10px;}
	.eduPrg_list .eduPrg_item {padding:10px;}
	.eduPrg_list .eduPrg_item a {padding:25px 20px;}
	
	.eduPrg_box.noList .eduPrg_item {min-height:480px;}
	
	.eduPrg_arrow,
	.eduPrg_box .more {top:-60px;}
}

@media screen and (max-width:1024px){
	.section03 .inner {gap:30px;}
	.inbox.left {width:calc(100% - 420px);}
	
}

@media screen and (max-width:920px){
	.section03 .inner {flex-wrap:wrap;}
	.inbox.left,
	.inbox.right {width:100%;}
	
	.inbox .title {font-size:3.2rem;}
	
	.eduPrg_box.noList .eduPrg_item {min-height:250px;}
}

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

@media screen and (max-width:640px){
	.inbox .title {font-size:3.0rem;}
	
	.eduprg {padding-bottom:60px;}
	
	.tabs ul li .tab_btn {padding:8px 10px; font-size:1.7rem;}
	.eduprg_tbox .tit {font-size:1.8rem;}
	
	.eduPrg_arrow {right:unset; bottom:0; top:unset; left:calc(50% - 77px);}
	.eduPrg_arrow dd a {}
	.eduPrg_arrow dd a:before {margin:-6px 0 0 -5px;}
	.eduPrg_box .more {top:-55px; width:40px; height:40px;}
}

@media screen and (max-width:480px){
	.inbox .title {font-size:2.8rem;}
	
	.tabs ul li {width:calc(33.3333% - 7px);}
	.tabs ul li:nth-child(n+4) {width:calc(30% - 7px);}
	.tabs ul li:nth-child(6) {width:calc(40% - 6px);}
	.tabs ul li:nth-child(7) {width:100%;}
	
}


 
 
/*팝업존*/
.mainPopup {position:relative; margin:20px 0 15px;}

.mainPopup .slider {overflow:hidden; display:block; position:relative; height:585px; border-radius:30px; border:1px solid #ddd;}
.popup_list li > a {display:block; height:585px;}
.popup_list li > a img {display:block; width:100%; height:100%;}

.mainPopup .control {position:absolute; right:0; bottom:0; padding:0 10px; background:#fff; border-radius:30px 0 0 0; box-shadow:4px 7px 7px 0px rgb(0 0 0 / 5%); z-index:30;}
.mainPopup .control > dl {}
.mainPopup .control > dl dd {position:relative; display:inline-block; float:left; color:#fff;}
.mainPopup .control > dl dd .ctrl_cont,
.mainPopup .control > dl dd a {position:relative; display:block; width:40px; height:50px; box-sizing:border-box;}
.mainPopup .control > dl dd:last-child a {border-right:0;}
.mainPopup .control > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px; width:16px; height:16px; background:url(../images/main/main_ir.png) 0 0 no-repeat;}
.mainPopup .control > dl dd a.ctrl_prev:before {background-position:-12px -49px;}
.mainPopup .control > dl dd a.ctrl_stop:before {background-position:-54px -49px;}
.mainPopup .control > dl dd a.ctrl_next:before {background-position:-94px -49px;}
.mainPopup .control > dl dd a.ctrl_play:before {background-position:-135px -49px;}

.mainPopup .control > dl dd span.ctrl_cont {display:inline-flex; width:70px; justify-content:center; align-items:center; color:#7b868a; font-weight:600; font-size:1.6rem;}
.mainPopup .control > dl dd span.ctrl_cont strong {font-weight:600; color:#333;}
.mainPopup .control > dl dd span.ctrl_cont .dash {position:relative; width:20px;}
.mainPopup .control > dl dd span.ctrl_cont .dash:before {content:''; position:absolute; left:calc(50% - 2px); top:calc(50% - 2px); width:5px; height:5px; background-color:#c7cacb; border-radius:5px;}



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

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

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

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

@media screen and (max-width:920px){
	.mainPopup {margin:10px 0 0;}
}

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

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

@media screen and (max-width:480px){
	.mainPopup .slider {height:500px;}
	.popup_list li > a {height:500px;}
}



/********************************
 section04 - 알림존,공지사항
 *******************************/
 
/*공통*/
.section04 {margin:12% 0;}
.section04 .inner {display:flex; flex-wrap:wrap; justify-content:space-between; gap:60px;}

.item {position:relative; width:calc(50% - 30px);}
.item .title {font-size:4.0rem; font-family:'OneMobile';}


/*알림존*/
.alrimPopup {position:relative; padding-right:20px;}
.alrimPopup .slider {display:block; position:relative; margin-top:30px; height:470px; border-radius:20px 20px 100px 20px; overflow:hidden; background-color:#f9f9f9;}
.alrimPopup li > a {overflow:hidden; display:block; position:relative; height:470px; background-color:#f9f9f9;}
.alrimPopup li > a img {display:block; width:100%; height:100%;}

.alrim_ctrl {z-index:30;}
.alrim_ctrl > dl.arrow {position:absolute; right:10px; bottom:0;}
.alrim_ctrl > dl dd {position:relative;}

.alrim_ctrl > dl.arrow dd {position:absolute; bottom:0;}
.alrim_ctrl > dl.arrow dd.prev {right:20px;}
.alrim_ctrl > dl.arrow dd.next {right:-10px; bottom:50px;}

.alrim_ctrl > dl dd a {position:relative; display:block; width:50px; height:50px; border-radius:50%; box-sizing:border-box;}
.alrim_ctrl > dl dd a.ctrl_prev {background-color:#0d4a95;}
.alrim_ctrl > dl dd a.ctrl_next {background-color:#2768ba}

.alrim_ctrl > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-9px 0 0 -6px; width:12px; height:18px; background:url(../images/main/main_ir.png) 0 0 no-repeat;}
.alrim_ctrl > dl dd a.ctrl_prev:before {background-position:-180px 0;}
.alrim_ctrl > dl dd a.ctrl_stop:before {background-position:-206px 0;}
.alrim_ctrl > dl dd a.ctrl_next:before {background-position:-193px 0;}
.alrim_ctrl > dl dd a.ctrl_play:before {background-position:-219px 0;}

.alrim_ctrl > dl.stop_count {position:absolute; top:-80px; left:140px; display:flex; align-items:center; gap:10px;}
.alrim_ctrl > dl.stop_count dd a {width:36px; height:36px; background-color:#333; border-radius:50%;}
.alrim_ctrl > dl dd span.ctrl_cont strong {padding-right:3px; font-weight:600;}



/*공지사항*/
.mainBoard {display:block;}

.noticeList {margin-top:30px; border-bottom:1px dashed #ddd;}
.noticeList li {display:block;}
.noticeList li a {position:relative; display:flex; align-items:center; padding:20px 0; border-top:1px dashed #ddd;}
.noticeList li a:hover,
.noticeList li a:active,
.noticeList li a:focus {text-decoration:none;}

.noticeList li a .nt_tag {display:block; width:60px; font-size:1.6rem; color:#121212; font-weight:500; text-align:center; border-radius:15px;}
.noticeList li a .nt_tag.typeA {background-color:#deddf8;} /*공통*/
.noticeList li a .nt_tag.typeB {background-color:#f8ddf1;} /*부산*/
.noticeList li a .nt_tag.typeC {background-color:#c0edf2;} /*울산*/
.noticeList li a .nt_tag.typeD {background-color:#f3d6ca;} /*경남*/

.noticeList li a .txt {display:flex; align-items:center; width:calc(100% - 160px); padding:0 60px 0 10px;}
.noticeList li a .txt .new {margin-right:10px; width:19px; height:19px; line-height:19px; text-align:center; color:#fff; background-color:#fc2c1e; font-size:1.1rem; border-radius:7px;}
.noticeList li a .txt em {overflow:hidden; width:calc(100% - 19px); font-size:2.0rem; color:#444; font-weight:600; white-space:nowrap; text-overflow:ellipsis;}

.noticeList li a .date {width:100px; font-size:1.7rem; color:#333; text-align:right;}
.noticeList li.listNone {padding:35px 0; text-align:center;}



.mainBoard .noticeCtrl {display:flex; position:absolute; top:12px; right:0; z-index:30;}
.mainBoard .noticeCtrl > dl {}
.mainBoard .noticeCtrl > dl dd {position:relative; display:inline-block; float:left; color:#fff;}
.mainBoard .noticeCtrl > dl dd a {position:relative; display:block; margin-right:5px; width:40px; height:40px; background-color:#edf0f4; border-radius:50%; box-sizing:border-box;}
.mainBoard .noticeCtrl > dl dd a:before {content:''; position:absolute; left:50%; top:50%;  margin:-6px 0 0 -6px; width:12px; height:12px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat;}
.mainBoard .noticeCtrl > dl dd a.ctrl_prev:before {background-position:-11px -12px;}
.mainBoard .noticeCtrl > dl dd a.ctrl_stop:before {background-position:-48px -12px;}
.mainBoard .noticeCtrl > dl dd a.ctrl_next:before {background-position:-84px -12px;}
.mainBoard .noticeCtrl > dl dd a.ctrl_play:before {background-position:-120px -12px;}

.mainBoard .noticeCtrl .more {position:relative; display:inline-block; width:40px; height:40px; border-radius:50%; background:#0e3793 url(../images/main/main_ir.png) -142px 2px no-repeat;}






 
 /* media query */
@media screen and (max-width:1600px){	
	.section04 .inner {padding:0 20px;}	
}

@media screen and (max-width:1350px){
	.noticeList li a .nt_tag {width:50px;}
	.noticeList li a .txt {width:calc(100% - 150px);}
}

@media screen and (max-width:1300px){
	.section04 {margin:10% 0;}
	.section04 .inner {gap:40px;}
	
	.item {width:calc(50% - 20px);}
}

@media screen and (max-width:1240px){
	.item .title {font-size:3.6rem;}
	.alrim_ctrl > dl.stop_count {top:-78px; left:122px;}
}

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

@media screen and (max-width:920px){
	.item {width:100%;}
	.item .title {font-size:3.2rem;}
	
	.alrimPopup .slider {margin-top:10px; height:510px;}
	.alrimPopup li > a {height:510px;}
	
	.alrim_ctrl > dl.stop_count {top:-54px; left:100px;}
	
	.noticeList {margin-top:15px;}
	.noticeList li {height:62px !important;}
	.noticeList li a {padding:15px 0;}
	.noticeList li a .nt_tag {width:40px; font-size:1.4rem;}
	.noticeList li a .txt {width:calc(100% - 130px);}
	.noticeList li a .txt .new {margin-right:5px;}
	.noticeList li a .txt em {font-size:1.8rem;}
	.noticeList li a .date {width:90px; font-size:1.5rem;}
	
	
	.mainBoard .noticeCtrl {top:8px;}
	.mainBoard .noticeCtrl > dl dd a {width:35px; height:35px;}
	.mainBoard .noticeCtrl .more {width:35px; height:35px; background-position:-145px 0;}
	
	
}

@media screen and (max-width:850px){
	.alrimPopup .slider {height:470px;}
	.alrimPopup li > a {height:470px;}
}

@media screen and (max-width:767px){
	.alrimPopup .slider {height:410px;}
	.alrimPopup li > a {height:410px;}
	
	.noticeList li a .txt {padding:0 40px 0 10px;}
}

@media screen and (max-width:640px){
	.item .title {font-size:3.0rem;}
	
	.alrimPopup {padding-right:0;}
	.alrimPopup .slider {height:350px;}
	.alrimPopup li > a {height:350px;}
	.alrim_ctrl > dl dd a {width:40px; height:40px;}
	.alrim_ctrl > dl.arrow dd.next {bottom:35px;}
	.alrim_ctrl > dl.stop_count {top:-51px; left:95px;}
	.alrim_ctrl > dl.stop_count dd a {width:34px; height:34px;}
}

@media screen and (max-width:550px){
	.item .title {font-size:2.8rem;}
	
	.alrimPopup .slider {height:300px;}
	.alrimPopup li > a {height:300px;}
}


@media screen and (max-width:480px){
	.item .title {font-size:2.8rem;}
	
	.alrimPopup .slider {height:260px;}
	.alrimPopup li > a {height:260px;}
	
	.noticeList li a .txt {padding:0 20px 0 5px;}
	.mainBoard .noticeCtrl {top:5px;}
}






/********************************
 section05 - 관련사이트
 *******************************/
.section05 {border-top:1px solid #ddd; background-color:#fff;}
.section05 .inner {padding:20px 0;}

.bannerBox {display:flex; align-items:center; justify-content:space-between;}
.bannerBox .ctrl_area .tit {font-size:2.0rem; color:#121212; font-weight:600;}
.bannerBox .ctrl_area {display:flex; align-items:center; gap:20px; width:120px;}

/*컨트롤*/
.ctrl_area .control > dl {display:flex; gap:5px;}
.ctrl_area .control > dl dd {position:relative; display:inline-block; float:left; color:#fff;}
.ctrl_area .control > dl dd .ctrl_cont,
.ctrl_area .control > dl dd a {position:relative; display:block; width:30px; height:30px; border:1px solid #ddd; border-radius:50%; box-sizing:border-box;}
.ctrl_area .control > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-5px 0 0 -6px; width:12px; height:12px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat;}
.ctrl_area .control > dl dd a.ctrl_prev:before {background-position:-11px -12px;}
.ctrl_area .control > dl dd a.ctrl_stop:before {background-position:-48px -12px;}
.ctrl_area .control > dl dd a.ctrl_next:before {background-position:-84px -12px;}
.ctrl_area .control > dl dd a.ctrl_play:before {background-position:-120px -12px;}


/*배너리스트*/
.banner_area {width:calc(100% - 120px);} 
.banner_area li {margin:0 15px;}
.banner_area li a {display:block; padding:5px; color:#121212; font-size:1.6rem; text-decoration:none; text-align:center;}

 
/* media query */
@media screen and (max-width:1600px){
	.section05 .inner {padding:20px;}
	
}

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

@media screen and (max-width:1240px){
	.bannerBox .ctrl_area .tit {font-size:1.7rem;}
	
	/*배너리스트*/
	.banner_area li {margin:0 2px 0 18px;}
}

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

@media screen and (max-width:920px){
	.bannerBox .ctrl_area {width:100px;}
	.bannerBox .ctrl_area .tit {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
	
	/*배너리스트*/
	.banner_area {width:calc(100% - 120px);}
	.banner_area li a {font-size:1.6rem;}
}

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

@media screen and (max-width:640px){
	.section05 .inner {padding:10px 20px;}
	
	.banner_area {width:calc(100% - 100px);}
}

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





/********************************
 quick 메뉴
 *******************************/ 
.side_quickbox {position:fixed; right:50px; top:200px; z-index:50;}
.side_quickbox .floating_list {padding:14px 10px; background-color:#f3f5f8; border-radius:30px; box-shadow:1px 1px 14px rgba(0,0,0,0.1);}
.side_quickbox .floating_list ul {}
.side_quickbox .floating_list li {padding:5px 0;}
.side_quickbox .floating_list li a {display:flex; align-items:center; gap:8px; width:100%; font-size:1.6rem; box-sizing:border-box;}
.side_quickbox .floating_list.open_txt li a {padding:5px 10px; border-radius:26px; background-color:#fff; box-shadow:4px 4px 7px 0px rgb(0 0 0 / 5%);}
.side_quickbox .floating_list li a .f_con {position:relative; display:block; width:36px; height:36px; background-color:#3598ef; border-radius:50%;}
.side_quickbox .floating_list li:nth-child(n+4) a .f_con {background-color:#270e74;}
.side_quickbox .floating_list li a .f_con:before {content:''; display:block; position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; width:36px; height:36px; background:url(../images/quick_ir.png) no-repeat;}
.side_quickbox .floating_list li a .f_con.f01:before {background-position:0 0;}
.side_quickbox .floating_list li a .f_con.f02:before {background-position:-36px 0;}
.side_quickbox .floating_list li a .f_con.f03:before {background-position:-72px 0;}
.side_quickbox .floating_list li a .f_con.f04:before {background-position:-108px 0;}
.side_quickbox .floating_list li a .f_con.f05:before {background-position:-144px 0;}
.side_quickbox .floating_list li a .f_con.f06:before {background-position:-180px 0;}
.side_quickbox .floating_list li a .f_con.f07:before {background-position:-216px 0;}
.side_quickbox .floating_list li a .f_text {display:none; font-weight:600;}
.side_quickbox .floating_list.open_txt li a .f_text {display:block;}

.side_quickbox .floating_list li:hover a {text-decoration:none;}
.side_quickbox .floating_list li:hover a .f_text {color:#1b4fcd;}
.side_quickbox .floating_list li:nth-child(n+4):hover a .f_text {color:#270e74;}

.side_quickbox button.floating_btn {position:absolute; top:calc(50% - 50px); left:-18px; display:block; width:36px; height:36px; font-size:0; border-radius:50%; background-color:#f3f5f8; outline:2px dotted #f3f5f8 !important;}
.side_quickbox button.floating_btn:before {content:''; display:block; position:absolute; top:calc(50% - 5px); left:8px; width:8px; height:10px; background:url(../images/quick_ir.png) 0 -37px no-repeat; transform:rotate(180deg);}

.side_quickbox button.floating_btn.quick_open {top:calc(50% - 85px);}
.side_quickbox button.floating_btn.quick_open:before {transform:rotate(0deg);}

/*챗봇*/ 
.chatbotBox {display:flex; justify-content:center; align-items:center; margin:10px auto 0; width:56px; height:56px; background:#ee7647; text-align:center; border-radius:50%;}
.chatbotBox.open_txt {margin:15px auto 0; width:100%; height:auto; border-radius:25px;}
.chatbotBox button {display:block; width:100%; color:#fff;}
.chatbotBox.open_txt button {padding:15px 0;}
.chatbotBox a:hover {text-decoration:none;}
.chatbotBox.open_txt a {padding-top:8px;}

.chatbotBox button .icon {display:block; margin:0 auto; width:45px; height:45px; background:url(../images/main/icon_chatbot.png) 0 0 no-repeat; background-size:100%;}
.chatbotBox.open_txt button .icon {margin:0 auto 5px;}

.chatbotBox.open_txt .cb_tit {display:inline-block;}
.chatbotBox .cb_tit {display:none;}
.chatbotBox button:hover .cb_tit {text-decoration:none;}


/* media query */
@media screen and (max-width:1600px){
	.side_quickbox {right:20px;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:640px){
	.side_quickbox {right:20px; top:unset; bottom:50px;}
	.side_quickbox .floating_list,
	.side_quickbox button.floating_btn {display:none;}

	.chatbotBox {margin:0;}
	.chatbotBox.open_txt {margin:0 auto; width:56px; height:56px; border-radius:50%;}
	.chatbotBox.open_txt button {padding:0;}
	.chatbotBox.open_txt button .icon {margin:0 auto;}
	.chatbotBox.open_txt .cb_tit {display:none;}
}



/********************************
 챗봇 레이어
 *******************************/ 
.chatbot_area {
	overflow: hidden !important;
	position: fixed !important;
	min-height: 200px !important;
	min-width: 430px !important;
	max-width: 430px !important;
	max-height: 730px !important;
	width: calc(100% - 44px) !important;
	height: calc(100% - 148px) !important;
	background-color: transparent !important;
	border-radius: 30px !important;
	will-change: transform, opacity, width, max-height, max-width !important;
	box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.05) 0px 0px 2px 1px, rgba(0, 0, 0, 0.3) 0px 12px 60px;
	transition: visibility 400ms cubic-bezier(0.36, 0, 0, 1), width 400ms cubic-bezier(0.36, 0, 0, 1), max-width 400ms cubic-bezier(0.36, 0, 0, 1), max-height 400ms cubic-bezier(0.36, 0, 0, 1);
	animation: 400ms cubic-bezier(0.36, 0, 0, 1) 0s 1 normal both running jtBULV;
}
.cb-hidden {
	visibility: hidden !important;
	transition: visibility 400ms cubic-bezier(0.36, 0, 0, 1), width 400ms cubic-bezier(0.36, 0, 0, 1), max-width 400ms cubic-bezier(0.36, 0, 0, 1), max-height 400ms cubic-bezier(0.36, 0, 0, 1) !important;
	animation: 400ms cubic-bezier(0.36, 0, 0, 1) 0s 1 normal none running dIKmRx !important;
}