@charset "utf-8";

/**************************************************
	Main CSS Document
	IEETU Web Standardization Team
**************************************************/

/**************************************************
	Common
**************************************************/
#container{padding:0;}
#container > .inr{max-width:initial; padding:0;}

/* header */
#header .area_top > .inr,
#header .gnb_wrap > .inr{max-width:1760px;}
#header .gnb_wrap > .inr{padding-right:400px;}
#header .area_logo .logo{margin-left:-880px;}
#header .busan_area{margin-right:-880px;}

.cont_main .nav,
.cont_main .nav .area_ctrl2{display:flex; align-items:center;}
.cont_main .nav button{background:none; background:url(../images/main/sp_slick.png); text-indent:-999999px;}

/**************************************************
	Content
**************************************************/
.cont_main > div > .inr{max-width:1500px; margin:0 auto; padding:64px 0;}

/*** section01 ***/
.cont_main .ms01{background-image: linear-gradient(to top, #f7f7f7, #fff 20%); overflow:hidden;}
.cont_main .ms01 > .inr{max-width:1760px;}
.cont_main .ms01 .flx_lr{display:flex; align-items:flex-start; gap:0 80px}
.cont_main .ms01 .flx_lr .flx_l{width:50%; max-width:864px;}
.cont_main .ms01 .flx_lr .flx_r{width:50%; max-width:816px;}

/* 슬로건 */
.cont_main .area_slogan{padding:0 0 55px 55px;}
.cont_main .area_slogan .tit{font-family:'Tmoney_RW'; font-weight:800; color:#18114e; font-size:51px; letter-spacing:-2.5px; word-break:keep-all;}
.cont_main .area_slogan .tit .pink{color:#e4007f;}
.cont_main .area_slogan .tit .blue{color:#004098;}
.cont_main .area_slogan .txt{font-size:23px; color:#18114e; font-family:'s-core_dream'; padding:12px 0 0; word-break:keep-all;}

/* 검색 */
.cont_main .area_srch .srch_wrap{position:relative; display:flex; align-items:center; max-width:632px; height:73px; margin:0 auto; padding:0 80px 0 0; border:5px solid transparent; border-radius:30px; background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #00aca7, #5d4096 50%); background-origin: border-box; background-clip: content-box, border-box;}
.cont_main .area_srch .radio_box{position:relative; width:207px; font-size:17px; font-family:'s-core_dream'; font-weight:500; padding:0 15px 0 20px;}
.cont_main .area_srch .radio_box:after{content:""; display:block; position:absolute; right:0; top:50%; margin-top:-10px; width:1px; height:21px; background:#ccc;}
.cont_main .area_srch .radio_box label,
.cont_main .area_srch .radio_box input{cursor:pointer;}
.cont_main .area_srch .radio_box label:last-child{margin:0 0 0 10px;}
.cont_main .area_srch .radio_box input{margin:0 3px 3px 0; width:13px; height:13px;}
.cont_main .area_srch .srch_word{width:calc(100% - 207px);}
.cont_main .area_srch .srch_word .word:after{content:""; display:block; position:absolute; right:62px; top:0; width:20px; height:63px; background:#fff; border-radius:0 30px 30px 0;}
.cont_main .area_srch .srch_word .word input{width:95%; height:63px; border:none; font-size:16px; padding:15px; line-height:1;}
.cont_main .area_srch .srch_word .word input::placeholder{color:#666;}
.cont_main .area_srch .srch_word .btn_srch{display:block; position:absolute; right:19px; top:50%; margin-top:-14px; width:27px; height:28px; text-indent:-999999px; background:url(../images/main/ico_btn_srch.png);}
.cont_main .area_srch .srch_word_lst{display:flex; align-items:center; max-width:632px; margin:18px auto 0; padding:0 0 0 40px; font-family:'s-core_dream';}
.cont_main .area_srch .srch_word_lst .word_tit{flex:0 0 auto; position:relative; color:#fff; background:#e6007e url(../images/main/ico_clock.png) no-repeat 9px 6px; font-size:15px; border-radius:14px; padding:0 13px 0 29px; height:28px; line-height:28px; margin:0 20px 0 0; font-family:'s-core_dream'; font-weight:500;}
.cont_main .area_srch .srch_word_lst .word_tit:before{position:absolute; top:-10px; left:17px; content:""; display:block; width:11px; height:10px; background:url(../images/main/ico_word_tit.png);}
.cont_main .area_srch .srch_word_lst .lst{display:flex; flex-wrap:wrap; align-items:center; gap:5px 20px;}
.cont_main .area_srch .srch_word_lst .lst li:hover a{text-decoration:underline;}

/* 바로가기 링크 */
.cont_main .area_svc{margin:0 0 30px 0;}
.cont_main .area_svc ul{display:flex; gap:15px;}
.cont_main .area_svc ul li{flex:1;}
.cont_main .area_svc ul li a{display:flex; flex-direction:column; align-items:center; height:128px; padding-top:10px; border-radius:16px; font-size:19px; background:#fee9f1; font-family:'s-core_dream'; font-weight:500; text-align:center; perspective:600px;}
.cont_main .area_svc ul li.n04 a{background:#efeaff;}
.cont_main .area_svc ul li.n02 a{background:#eaf4ff;}
.cont_main .area_svc ul li.n03 a{background:#dbf8f6;}
.cont_main .area_svc ul li a:before{content:""; display:block; width:80px; height:70px; margin:0 0 5px 0; background:url(../images/main/ico_svc01.png) no-repeat 0 0/contain; transition:transform .3s; flex:0 0 auto;}
.cont_main .area_svc ul li.n02 a:before{background-image:url(../images/main/ico_svc02.png);}
.cont_main .area_svc ul li.n03 a:before{background-image:url(../images/main/ico_svc03.png);}
.cont_main .area_svc ul li.n04 a:before{background-image:url(../images/main/ico_svc04.png);}
.cont_main .area_svc ul li a:hover:before,
.cont_main .area_svc ul li a:focus:before{transform: rotateY(360deg);}

/* 팝업존 */
.cont_main .popupzone{overflow:hidden; border-radius:30px;}
.cont_main .popupzone .item img{border-radius:30px;}
.cont_main .popupzone .nav{display:flex; gap:12px; padding:0 0 6px 20px; position:absolute; right:-16px; bottom:-6px; width:179px; height:64px; text-align:center; border-radius:30px; background:rgba(24,17,78,0.8);}
.cont_main .popupzone .nav .count{font-size:15px; color:#959494; font-family:'s-core_dream'; margin:0 2px 0 0;}
.cont_main .popupzone .nav .count em{font-weight:500; color:#fff;}
.cont_main .popupzone .nav button{margin:2px 0 0;}
.cont_main .popupzone .nav .prev{width:8px; height:14px; background-position:0 0;}
.cont_main .popupzone .nav .next{width:8px; height:14px; background-position:-20px 0;}
.cont_main .popupzone .nav .pause{width:9px; height:10px; background-position:-40px 0;}
.cont_main .popupzone .nav .play{width:9px; height:10px; background-position:-40px -20px;}

/* 게시판 */
.cont_main .area_news{position:relative; width:100%;}
.cont_main .area_news .tab_lst{display:flex; align-items:flex-end; gap:0 38px; margin:0 0 21px 7px;}
.cont_main .area_news .tab_lst li{position:relative;}
.cont_main .area_news .tab_lst li:after{content:""; display:block; position:absolute; right:-21px; top:50%; width:1px; height:18px; margin-top:-9px; background:#d0d0d0;}
.cont_main .area_news .tab_lst li:last-child:after{display:none;}
.cont_main .area_news .tab_lst li a{display:flex; align-items:center; position:relative; height:40px; font-size:22px; color:#8d8d8d; font-family:'s-core_dream'; font-weight:500; line-height:1;}
.cont_main .area_news .tab_lst li a.active{color:#3f4faf; font-size:26px; font-weight:800; margin:-5px 0 0;}
.cont_main .area_news .tab_lst li a:before{content:''; position:absolute; left:50%; bottom:0; width:0; height:4px; background-color:#3f4faf; transition:0.4s ease-in-out;}
.cont_main .area_news .tab_lst li a.active:before{left:0; width:100%;}
.cont_main .area_news .tab_box{display:none;}
.cont_main .area_news .tab_box.active{display:block;}
.cont_main .area_news .nav .area_ctrl2{position:absolute; top:-48px; right:68px; gap:13px; line-height:1;}
.cont_main .area_news .nav .count{color:#666; font-family:'notokr';} 
.cont_main .area_news .nav .count em{position:relative; font-weight:800; color:#222; padding:0 25px 0 0;}
.cont_main .area_news .nav .count em:after{content:""; display:block; position:absolute; right:12px; top:5px; width:1px; height:15px; background:#c4c4c4; transform:rotate(45deg);}
.cont_main .area_news .nav .prev,
.cont_main .area_news .nav .next{width:40px; height:40px; position:absolute; top:50%; margin-top:-20px;}
.cont_main .area_news .nav .prev{background-position:-80px 0; left:-20px;}
.cont_main .area_news .nav .next{background-position:-125px 0; right:-20px;}
.cont_main .area_news .nav .pause{width:8px; height:11px; background-position:-60px 0;}
.cont_main .area_news .nav .play{width:8px; height:11px; background-position:-60px -20px;}
.cont_main .area_news .slider{margin:-3px -9px;}
.cont_main .area_news .slick-slide > div{margin:0 9px;}
.cont_main .area_news .item{position:relative; padding:3px 0;}
.cont_main .area_news .item:hover:after,
.cont_main .area_news .item:focus:after{content:""; display:block; position:absolute; top:0; left:-3px; width:100%; height:100%; padding:0 3px; background:linear-gradient(to right, #ea599e, #601986 55%); border-radius:18px;}
.cont_main .area_news .item a{position:relative; display:block; height:247px; background:#fff; border:1px solid #c6c6c6; border-radius:15px; z-index:30;}
.cont_main .area_news .item:hover a,
.cont_main .area_news .item:focus a{border-color:transparent;}
.cont_main .area_news .item .tit{font-size:19px; height:82px; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; font-family:'s-core_dream'; font-weight:500; line-height:1.5;}
.cont_main .area_news .item:hover .tit,
.cont_main .area_news .item:focus .tit{text-decoration:underline;}
.cont_main .area_news .item .new{display:inline-block; margin:5px 0 0 3px;}
.cont_main .area_news .item a{padding:25px 25px 0;}
.cont_main .area_news .item .txt{color:#666; height:47px; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; font-size:16px; margin:12px 0 30px; line-height:1.6;}
.cont_main .area_news .item .date{position:relative; display:block; background:url(../images/main/ico_date.png) no-repeat 0 2px; padding:0 0 0 20px; color:#009894; font-size:16px; font-family:'nexon';}
.cont_main .area_news .more a{position:absolute; top:0; right:0; display:block; width:40px; height:40px; text-indent:-999999px; background:url(../images/main/ico_more.png);}
.cont_main .area_news .more:hover a,
.cont_main .area_news .more:focus a{background-color:#f7f7f7;}

/*** section02 ***/
/* 링크 슬라이드 */
.cont_main .ms02 > .inr{padding:0;}
.cont_main .menuzone .item{padding:64px 0;}
.cont_main .menuzone .item a{font-size:19px; position:relative; font-family:'s-core_dream'; font-weight:500; text-align:center;}
.cont_main .menuzone .item a:before{content:""; display:block; position:relative; width:112px; height:112px; margin:0 auto 20px; background:url(../images/main/sp_menuzone.png); transition:transform .3s; z-index:20;}
.cont_main .menuzone .item a:after{content:""; display:block; position:absolute; top:0; left:50%; margin-left:-56px; width:112px; height:112px; border:1px solid #ededed; background:#fff; border-radius:36px; overflow:hidden; box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.cont_main .menuzone .item a:hover span:after{content:""; display:block; position:absolute; top:-3px; left:50%; margin-left:-59px; width:112px; height:112px; padding:4px; background:linear-gradient(to right, #ea599e, #601986 55%); border-radius:38px;}
.cont_main .menuzone .item.n02 a:before{background-position:-112px 0;}
.cont_main .menuzone .item.n03 a:before{background-position:-224px 0;}
.cont_main .menuzone .item.n04 a:before{background-position:-336px 0;}
.cont_main .menuzone .item.n05 a:before{background-position:-448px 0;}
.cont_main .menuzone .item.n06 a:before{background-position:-560px 0;}
.cont_main .menuzone .item.n07 a:before{background-position:-672px 0;}
.cont_main .menuzone .item:hover a:before,
.cont_main .menuzone .item:focus a:before{transform:rotateY(360deg);}
.cont_main .menuzone.hide-arrows .nav :is(.prev,.next){display:none;}
.cont_main .menuzone .nav .prev,
.cont_main .menuzone .nav .next{width:9px; height:14px; position:absolute; top:50%; margin-top:-7px;}
.cont_main .menuzone .nav .prev{background-position:0 -20px; left:0;}
.cont_main .menuzone .nav .next{background-position:-20px -20px; right:0;}

/*** section03 ***/
/* 평생교육기관 */
.cont_main .edu_wrap{position:relative; height:710px;}
.cont_main .edu_wrap > div{position:absolute;}
.cont_main .edu_wrap .area_map{position:relative; width:calc(50% + 232px); height:100%; border-radius:0 150px 150px 0; background:linear-gradient(135deg, #ecf1fc, #f5f1fe);}
.cont_main .edu_wrap .area_map > .inr{position:relative; max-width:860px; height:100%; margin-left: calc((100vw - 1760px) / 2);}
.cont_main .edu_wrap .headline{position:relative; padding:80px 0 0 120px;}
.cont_main .edu_wrap .headline:before{content:""; display:block; position:absolute; left:0; top:61px; width:95px; height:146px; background:url(../images/main/img_char.png) no-repeat;}
.cont_main .edu_wrap .headline .tit{font-size:34px; padding:0 0 15px; color:#3f4faf; font-family:'s-core_dream'; font-weight:700;}
.cont_main .edu_wrap .headline .txt{max-width:306px; color:#666; line-height:1.6; padding:12px 0 0; border-top:1px dotted #a2c0de;}
.cont_main .edu_wrap .edu_map_slt{display:none;}
.cont_main .edu_wrap .edu_map{position:absolute; right:0; bottom:20px; background:url(../images/main/img_map00.png) no-repeat 0 0/cover;}
.cont_main .edu_wrap .edu_map img{width:100%; height:auto;}

/*
.cont_main .edu_wrap[data-gu-type="금정구"] .edu_map{background-image:url(../images/main/img_map01.png);}
.cont_main .edu_wrap[data-gu-type="기장군"] .edu_map{background-image:url(../images/main/img_map02.png);}
.cont_main .edu_wrap[data-gu-type="해운대구"] .edu_map{background-image:url(../images/main/img_map03.png);}
.cont_main .edu_wrap[data-gu-type="북구"] .edu_map{background-image:url(../images/main/img_map04.png);}
.cont_main .edu_wrap[data-gu-type="동래구"] .edu_map{background-image:url(../images/main/img_map05.png);}
.cont_main .edu_wrap[data-gu-type="연제구"] .edu_map{background-image:url(../images/main/img_map06.png);}
.cont_main .edu_wrap[data-gu-type="수영구"] .edu_map{background-image:url(../images/main/img_map07.png);}
.cont_main .edu_wrap[data-gu-type="부산진구"] .edu_map{background-image:url(../images/main/img_map08.png);}
.cont_main .edu_wrap[data-gu-type="강서구"] .edu_map{background-image:url(../images/main/img_map09.png);}
.cont_main .edu_wrap[data-gu-type="사상구"] .edu_map{background-image:url(../images/main/img_map10.png);}
.cont_main .edu_wrap[data-gu-type="동구"] .edu_map{background-image:url(../images/main/img_map11.png);}
.cont_main .edu_wrap[data-gu-type="남구"] .edu_map{background-image:url(../images/main/img_map12.png);}
.cont_main .edu_wrap[data-gu-type="중구"] .edu_map{background-image:url(../images/main/img_map13.png);}
.cont_main .edu_wrap[data-gu-type="사하구"] .edu_map{background-image:url(../images/main/img_map14.png);}
.cont_main .edu_wrap[data-gu-type="서구"] .edu_map{background-image:url(../images/main/img_map15.png);}
.cont_main .edu_wrap[data-gu-type="영도구"] .edu_map{background-image:url(../images/main/img_map16.png);}

.cont_main .edu_wrap[data-hover-gu="금정구"]:not([data-gu-type="금정구"]) .edu_map{background-image:url(../images/main/img_map01_hover.png);}
.cont_main .edu_wrap[data-hover-gu="기장군"]:not([data-gu-type="기장군"]) .edu_map{background-image:url(../images/main/img_map02_hover.png);}
.cont_main .edu_wrap[data-hover-gu="해운대구"]:not([data-gu-type="해운대구"]) .edu_map{background-image:url(../images/main/img_map03_hover.png);}
.cont_main .edu_wrap[data-hover-gu="북구"]:not([data-gu-type="북구"]) .edu_map{background-image:url(../images/main/img_map04_hover.png);}
.cont_main .edu_wrap[data-hover-gu="동래구"]:not([data-gu-type="동래구"]) .edu_map{background-image:url(../images/main/img_map05_hover.png);}
.cont_main .edu_wrap[data-hover-gu="연제구"]:not([data-gu-type="연제구"]) .edu_map{background-image:url(../images/main/img_map06_hover.png);}
.cont_main .edu_wrap[data-hover-gu="수영구"]:not([data-gu-type="수영구"]) .edu_map{background-image:url(../images/main/img_map07_hover.png);}
.cont_main .edu_wrap[data-hover-gu="부산진구"]:not([data-gu-type="부산진구"]) .edu_map{background-image:url(../images/main/img_map08_hover.png);}
.cont_main .edu_wrap[data-hover-gu="강서구"]:not([data-gu-type="강서구"]) .edu_map{background-image:url(../images/main/img_map09_hover.png);}
.cont_main .edu_wrap[data-hover-gu="사상구"]:not([data-gu-type="사상구"]) .edu_map{background-image:url(../images/main/img_map10_hover.png);}
.cont_main .edu_wrap[data-hover-gu="동구"]:not([data-gu-type="동구"]) .edu_map{background-image:url(../images/main/img_map11_hover.png);}
.cont_main .edu_wrap[data-hover-gu="남구"]:not([data-gu-type="남구"]) .edu_map{background-image:url(../images/main/img_map12_hover.png);}
.cont_main .edu_wrap[data-hover-gu="중구"]:not([data-gu-type="중구"]) .edu_map{background-image:url(../images/main/img_map13_hover.png);}
.cont_main .edu_wrap[data-hover-gu="사하구"]:not([data-gu-type="사하구"]) .edu_map{background-image:url(../images/main/img_map14_hover.png);}
.cont_main .edu_wrap[data-hover-gu="서구"]:not([data-gu-type="서구"]) .edu_map{background-image:url(../images/main/img_map15_hover.png);}
.cont_main .edu_wrap[data-hover-gu="영도구"]:not([data-gu-type="영도구"]) .edu_map{background-image:url(../images/main/img_map16_hover.png);}
*/

.cont_main .map-base,
.cont_main .map-hover{position:absolute; top:0; left:0; pointer-events:none;}
.cont_main .map-hover{display:none; z-index:30;}
.cont_main .map-base{display:none;}
.cont_main .edu_wrap[data-hover-gu] .map-base{display:none !important;}

.cont_main .edu_wrap[data-gu-type="금정구"] .map-base01,
.cont_main .edu_wrap[data-gu-type="기장군"] .map-base02,
.cont_main .edu_wrap[data-gu-type="해운대구"] .map-base03,
.cont_main .edu_wrap[data-gu-type="북구"] .map-base04,
.cont_main .edu_wrap[data-gu-type="동래구"] .map-base05,
.cont_main .edu_wrap[data-gu-type="연제구"] .map-base06,
.cont_main .edu_wrap[data-gu-type="수영구"] .map-base07,
.cont_main .edu_wrap[data-gu-type="부산진구"] .map-base08,
.cont_main .edu_wrap[data-gu-type="강서구"] .map-base09,
.cont_main .edu_wrap[data-gu-type="사상구"] .map-base10,
.cont_main .edu_wrap[data-gu-type="동구"] .map-base11,
.cont_main .edu_wrap[data-gu-type="남구"] .map-base12,
.cont_main .edu_wrap[data-gu-type="중구"] .map-base13,
.cont_main .edu_wrap[data-gu-type="사하구"] .map-base14,
.cont_main .edu_wrap[data-gu-type="서구"] .map-base15,
.cont_main .edu_wrap[data-gu-type="영도구"] .map-base16{display:block;}

.cont_main .edu_wrap[data-hover-gu="금정구"] .map-hover01,
.cont_main .edu_wrap[data-hover-gu="기장군"] .map-hover02,
.cont_main .edu_wrap[data-hover-gu="해운대구"] .map-hover03,
.cont_main .edu_wrap[data-hover-gu="북구"] .map-hover04,
.cont_main .edu_wrap[data-hover-gu="동래구"] .map-hover05,
.cont_main .edu_wrap[data-hover-gu="연제구"] .map-hover06,
.cont_main .edu_wrap[data-hover-gu="수영구"] .map-hover07,
.cont_main .edu_wrap[data-hover-gu="부산진구"] .map-hover08,
.cont_main .edu_wrap[data-hover-gu="강서구"] .map-hover09,
.cont_main .edu_wrap[data-hover-gu="사상구"] .map-hover10,
.cont_main .edu_wrap[data-hover-gu="동구"] .map-hover11,
.cont_main .edu_wrap[data-hover-gu="남구"] .map-hover12,
.cont_main .edu_wrap[data-hover-gu="중구"] .map-hover13,
.cont_main .edu_wrap[data-hover-gu="사하구"] .map-hover14,
.cont_main .edu_wrap[data-hover-gu="서구"] .map-hover15,
.cont_main .edu_wrap[data-hover-gu="영도구"] .map-hover16{display:block;}

.cont_main .edu_wrap .al_wrap{width:calc(50% - 15px); top:70px; left:calc(50% + 15px); height:635px; border-radius:72px 0 0 148px; z-index:35;}
.cont_main .edu_wrap .al_wrap > .inr{display:flex; gap:30px; max-width:855px;}
.cont_main .edu_wrap .btn_apply{position:absolute; right:30px; bottom:90px; border:1px solid #c6c6c6; padding:5px 25px 5px 35px; border-radius:30px; font-family:'s-core_dream'; background:url(../images/main/ico_apply.png) no-repeat 15px 6px;}
.cont_main .edu_wrap .btn_apply:hover,
.cont_main .edu_wrap .btn_apply:focus{border-color:#000;}
.cont_main .edu_wrap .btn_apply:after{content:''; position:absolute; width:7px; height:7px; border-top:2px solid #2d2d2d; border-right:2px solid #2d2d2d; transform:rotate(45deg); margin:7px 0 0 3px;}
.cont_main .edu_wrap .area_agency{width:50%;}
.cont_main .edu_wrap .area_lecture{width:50%;}
.cont_main .edu_wrap .box_edu{height:565px; overflow:hidden;}
.cont_main .edu_wrap .box_edu .edu_head{display:flex; justify-content:space-between; align-items:center; height:75px; padding:3px 25px 0 25px; background-color:#d51876; border-radius:20px 20px 0 0;}
.cont_main .edu_wrap .box_edu.box_lecture .edu_head{background-color:#004098;}
.cont_main .edu_wrap .box_edu .edu_head .title{display:flex; align-items:center; gap:8px;}
.cont_main .edu_wrap .box_edu .edu_head .title select{font-size:20px; height:41px; cursor:pointer; border-radius:20px; border:1px solid #fff; background-color:transparent; color:#fff; font-family:'s-core_dream'; background-image:linear-gradient(45deg, transparent 4px, #fff 4px, #fff 5px, transparent 0), linear-gradient(-45deg, transparent 4px, #fff 4px, #fff 5px, transparent 0); background-size:6px 5px;}
.cont_main .edu_wrap .box_edu .edu_head .title select option{color:#222; font-size:16px;}
.cont_main .edu_wrap .box_edu .edu_head .title span{font-size:24px; color:#fff; font-family:'s-core_dream'; font-weight:500;}
.cont_main .edu_wrap .box_edu .edu_head .num{color:#fff; text-decoration:underline; font-family:'s-core_dream'; flex:0 0 auto;}
.cont_main .edu_wrap .box_edu .edu_body{position:relative; height:490px; padding:17px; overflow:hidden; overflow-y:auto; background:#fff; border:1px solid #c6c6c6; border-top:none; border-radius:0 0 20px 20px;}
.cont_main .edu_wrap .box_edu .edu_body::-webkit-scrollbar{width:5px; margin:0 1px 0 0;}
.cont_main .edu_wrap .box_edu .edu_body::-webkit-scrollbar-thumb {background:#ababab; border-radius:5px;}
.cont_main .edu_wrap .box_edu .edu_body .lst li a{display:block; position:relative; padding:10px 15px 10px 20px; margin:0 0 12px; min-height:100px; background:#f7f7f7; border-radius:10px; border:1px dashed #ccc;}
.cont_main .edu_wrap .box_edu .edu_body .lst li a:hover .cont .title,
.cont_main .edu_wrap .box_edu .edu_body .lst li a:hover .area_prog .num{text-decoration:underline;}
.cont_main .edu_wrap .box_edu .edu_body .lst li:last-child a{margin:0;}
.cont_main .edu_wrap .box_edu .edu_body .lst li a:hover{cursor:default; overflow:hidden;}
.cont_main .edu_wrap .box_edu .edu_body .lst li .cont{display:flex; flex-direction:column; width:100%; font-size:16px; color:#666;}
.cont_main .edu_wrap .box_edu.box_agency .edu_body .lst li .cont{max-width:calc(100% - 100px);}
.cont_main .edu_wrap .box_edu.box_lecture .edu_body .lst li .cont .address,
.cont_main .edu_wrap .box_edu.box_lecture .edu_body .lst li .cont .period{max-width:calc(100% - 100px);}
.cont_main .edu_wrap .box_edu.box_lecture .edu_body .lst li .cont .period{color:#0164ad;}
.cont_main .edu_wrap .box_edu .edu_body .lst li .cont:hover{cursor:pointer;}
.cont_main .edu_wrap .box_edu .edu_body .lst li .cont .title{display:flex; align-items:center; font-size:17px; margin:0 0 8px; font-family:'s-core_dream'; font-weight:500; color:#000;}
.cont_main .edu_wrap .box_edu .edu_body .lst li .cont .tel{padding:0 0 0 17px; background:url(../images/main/ico_tel.png) no-repeat 0 5px;}
.cont_main .edu_wrap .box_edu.box_agency .edu_body .lst li .cont .title:after{content:""; display:block; flex:0 0 auto; width:29px; height:28px; margin:0 0 0 7px; background:url(../images/main/ico_loca.png);}
.cont_main .edu_wrap .box_edu .edu_body .lst li .area_prog{display:flex; flex-direction:column; align-items:center; position:absolute; top:50%; right:18px; width:88px; transform:translateY(-50%); text-align:center;}
.cont_main .edu_wrap .box_edu.box_lecture .edu_body .lst li .area_prog{top:initial; bottom:12px; transform:initial;}
.cont_main .edu_wrap .box_edu .edu_body .lst li .area_prog{cursor:pointer;}
.cont_main .edu_wrap .box_edu .edu_body .lst li .area_prog .num{margin-bottom:13px;}
.cont_main .edu_wrap .box_edu .edu_body .lst li .area_prog .prog{display:flex; justify-content:center; align-items:center; gap:3px; width:90px; height:36px; border-radius:3px; color:#000; background:#fff; letter-spacing:-1.2px; font-family:'s-core_dream'; font-size:15px; border:1px dotted #555;}
.cont_main .edu_wrap .box_edu .edu_body .lst li a:hover .area_prog .prog{background:#555; color:#fff;}
.cont_main .edu_wrap .box_edu .edu_body .lst li .area_prog .prog:before{content:""; display:block; width:18px; height:17px; background:url(../images/main/sp_prog_chk.png);}
.cont_main .edu_wrap .box_edu .edu_body .lst li a:hover .area_prog .prog:before{background-position:-60px 0;}
.cont_main .edu_wrap .box_edu .edu_body .lst li .area_prog .prog.ing{border-color:#e74f4a;}
.cont_main .edu_wrap .box_edu .edu_body .lst li a:hover .area_prog .prog.ing{background:#e74f4a; color:#fff;}
.cont_main .edu_wrap .box_edu .edu_body .lst li .area_prog .prog.ing:before{background-position:-20px 0;}
.cont_main .edu_wrap .box_edu .edu_body .lst li a:hover .area_prog .prog.ing:before{background-position:-40px 0;}
.cont_main .edu_wrap .box_edu .edu_body .lst li.empty{width:100%; text-align:center; position:absolute; left:50%; top:calc(50% - 20px); transform:translateX(-50%) translateY(-50%);}

.cont_main .edu_wrap .region-button{position:absolute; background:none; border:none; opacity:0; pointer-events:none; z-index:2; width:70px; height:40px;}
.cont_main .edu_wrap .region-button.button2{width:50px; height:35px;}
.cont_main .edu_wrap .region-button:focus{opacity:1; pointer-events:auto; outline:1px dashed #fff; outline-offset:-2px; box-shadow:inset 0 0 3px #000; z-index:10;}
.cont_main .edu_wrap .sr-only{position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}

/*** section04 ***/
/* 평생학습강사 */
.cont_main .ms04{padding:88px 0; overflow:hidden;}
.cont_main .ms04 > .inr{border-radius:70px; padding:50px; background:#d6eefb url(../images/main/img_chk_box.png) no-repeat -41px 237px;}
.cont_main .ms04 .top_txt{display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:0 0 45px 0;}
.cont_main .ms04 .top_txt .txt1{font-family:'s-core_dream';}
.cont_main .ms04 .top_txt .txt2{font-size:15px;}
.cont_main .ms04 .top_txt .txt2 span{text-decoration:underline;}
.cont_main .ms04 .area_chk{display:flex; flex-wrap:wrap;}
.cont_main .ms04 .area_chk .tit{width:365px; font-family:'s-core_dream'; font-weight:400; font-size:32px; line-height:1.3;}
.cont_main .ms04 .area_chk .tit .t_font{font-size:42px;}
.cont_main .ms04 .area_chk .tit .t_bold{font-family:'s-core_dream'; font-weight:700;}
.cont_main .ms04 .area_chk .chk_box{padding:40px 25px 48px; width:calc(100% - 365px); border-radius:24px; background:#fff; font-family:'s-core_dream';}
.cont_main .ms04 .area_chk .chk_box > div{display:flex; align-items:center;}
.cont_main .ms04 .area_chk .chk_box .step01{padding:0 0 23px 0; margin:0 0 19px 0; border-bottom:1px solid #d8d8d8;}
.cont_main .ms04 .area_chk .chk_box > div .s_tit{width:140px; font-size:18px; flex:0 0 auto;}
.cont_main .ms04 .area_chk .chk_box .chk_lst{display:flex; flex-wrap:wrap; gap:7px 5px;}
.cont_main .ms04 .area_chk .chk_box .step02 .chk_lst{padding:0 19px 0 0; margin:0 16px 0 0; border-right:1px solid #d8d8d8;}
.cont_main .ms04 .area_chk .chk_box .chk_lst > li{position:relative; display:flex; align-items:center; justify-content:center; width:calc(25% - 4px); border-radius:6px; min-height:44px; padding:2px; border:1px solid #8e8e8e; letter-spacing:-1.5px;}
.cont_main .ms04 .area_chk .chk_box .chk_lst > li:hover{background:#eef6ff; border-color:#000;}
.cont_main .ms04 .area_chk .chk_box .chk_lst > li input:focus + label{outline:1px dashed #fff; outline-offset:-2px; box-shadow:inset 0 0 3px #000;}
.cont_main .ms04 .area_chk .chk_box .step01 .chk_lst > li{width:calc(11.111% - 5px);}
.cont_main .ms04 .area_chk .chk_box .chk_lst > li input{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.cont_main .ms04 .area_chk .chk_box .chk_lst > li input[type="checkbox"] + label{display:block; padding:0 0 0 21px; background:url("../images/main/ico_check.png") no-repeat 0 1px; cursor:pointer;}
.cont_main .ms04 .area_chk .chk_box .chk_lst > li input[type='checkbox']:checked + label{background:url("../images/main/ico_check_on.png") no-repeat 0 1px;}
.cont_main .ms04 .area_chk .btn_srch{display:flex; justify-content:center; align-items:center; width:101px; height:95px; border-radius:6px; color:#fff; background:#004098; font-family:'s-core_dream'; font-weight:500; flex:0 0 auto;}
.cont_main .ms04 .area_chk .btn_srch:before{content:""; display:block; width:21px; height:21px; margin:0 5px 0 0; background:url(../images/main/ico_btn_srch2.png);}
.cont_main .ms04 .area_chk .info_txt{text-align:right; width:100%; font-size:15px; margin:15px 0 0;}
.cont_main .ms04 .tr_menu{display:flex; gap:23px; margin:40px 0 0;}
.cont_main .ms04 .tr_menu li{flex:1;}
.cont_main .ms04 .tr_menu li a{display:flex; flex-direction:column; justify-content:center; position:relative; padding:0 0 0 35px; background-color:#fff; border-radius:24px; height:135px; perspective:600px;}
.cont_main .ms04 .tr_menu li a:after{content:""; display:block; position:absolute; width:78px; height:78px; right:29px; top:50%; margin-top:-39px; background-image:url(../images/main/ico_tr_menu01.png); background-repeat:no-repeat; transition:transform .3s;}
.cont_main .ms04 .tr_menu li.n02 a:after{width:79px; height:77px; right:32px; margin-top:-38px; background-image:url(../images/main/ico_tr_menu02.png);}
.cont_main .ms04 .tr_menu li.n03 a:after{width:77px; height:79px; margin-top:-39px; background-image:url(../images/main/ico_tr_menu03.png);}
.cont_main .ms04 .tr_menu li a:hover:after,
.cont_main .ms04 .tr_menu li a:focus:after{transform:rotateY(360deg);}
.cont_main .ms04 .tr_menu li a span{display:block; max-width:calc(100% - 100px); word-break:keep-all; position:inherit; z-index:10;}
.cont_main .ms04 .tr_menu li a .tit{font-size:22px; margin:0 0 12px 0; font-family:'s-core_dream'; font-weight:700;}

/*** section05 ***/
/* 갤러리 */
.cont_main .ms05 > .inr{display:flex; justify-content:space-between; background:url(../images/main/bg_galleryzone.png) no-repeat 0 0; min-height:547px; padding:0;}
.cont_main .ms05 .tit_wrap{color:#fff; padding:55px 0 0 50px;}
.cont_main .ms05 .tit_wrap .tit{font-size:32px; margin:0 0 25px; font-family:'s-core_dream'; font-weight:700; line-height:1.35;}
.cont_main .ms05 .tit_wrap .tit span{font-size:42px;}
.cont_main .ms05 .tit_wrap .txt{line-height:1.6; margin:0 0 125px;}
.cont_main .ms05 .tit_wrap .btn_more{padding:0 30px 0 0; background:url(../images/main/ico_btn_more.png) no-repeat 100% 10px;}
.cont_main .ms05 .tit_wrap .btn_more span{position:relative; color:#fff; font-family:'s-core_dream';}
.cont_main .ms05 .tit_wrap .btn_more span:after{content:""; display:block; position:absolute; left:0; width:100%; height:1px; background:#fff; transition:width 0.3s ease-in-out;}
.cont_main .ms05 .tit_wrap .btn_more span:hover:after{width:0;}
.cont_main .galleryzone{width:calc(100% - 312px); padding:40px 0 0;}
.cont_main .galleryzone .slider{margin:0 -10px;}
.cont_main .galleryzone .slick-slide > div{margin:0 10px;}
.cont_main .galleryzone .item > a{padding:15px 15px 25px; border:1px solid #c6c6c6; border-radius:24px; background:#fff;}
.cont_main .galleryzone .item .img{display:block; overflow:hidden; position:relative; padding-top:74.9%; border-radius:20px; background:#f5f5f5;}
.cont_main .galleryzone .item .img img{position:absolute; top:0; left:0; width:100%; height:100%; transition:transform .3s; border-radius:20px;}
.cont_main .galleryzone .item:hover .img img,
.cont_main .galleryzone .item:focus .img img{transform:scale(1.1);}
.cont_main .galleryzone .item .info_wp{margin-left:5px;}
.cont_main .galleryzone .item span{display:block;}
.cont_main .galleryzone .item .tit{font-size:18px; margin:20px 0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; font-family:'s-core_dream'; font-weight:500;}
.cont_main .galleryzone .item:hover .tit,
.cont_main .galleryzone .item:focus .tit{text-decoration:underline;}
.cont_main .galleryzone .item .txt{color:#2d2d2d; height:55px; line-height:1.6; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
.cont_main .galleryzone .item .date{color:#8e8e8e; margin:12px 0 0; letter-spacing:0;}
.cont_main .galleryzone .nav{justify-content:center; margin:40px 0 0;}
.cont_main .galleryzone .nav .area_ctrl{height:4px; margin-left:60px;}
.cont_main .galleryzone .nav .area_ctrl .dots .slick-dots{display:flex;}
.cont_main .galleryzone .nav .area_ctrl .dots button{background:#ddd; width:150px; height:4px;}
.cont_main .galleryzone .nav .area_ctrl .dots .slick-active button{background:#222;}
.cont_main .galleryzone .nav .area_ctrl2{gap:7px; position:absolute; left:-262px; bottom:50px;}
.cont_main .galleryzone .nav .prev,
.cont_main .galleryzone .nav .next,
.cont_main .galleryzone .nav .pause,
.cont_main .galleryzone .nav .play{width:60px; height:60px;}
.cont_main .galleryzone .nav .prev{background-position:0 -50px;}
.cont_main .galleryzone .nav .next{background-position:-130px -50px;}
.cont_main .galleryzone .nav .pause{background-position:-65px -50px;}
.cont_main .galleryzone .nav .play{background-position:-195px -50px;}

/*** section06 ***/
/* 사이트 배너 */
.cont_main .sitezone{margin:0 20px 0 80px;}
.cont_main .sitezone .slider{margin:0 -5px;}
.cont_main .sitezone .slick-slide > div{margin:0 5px;}
.cont_main .sitezone .item img{border-radius:10px; border:1px solid #c6c6c6;}
.cont_main .sitezone .item:hover img,
.cont_main .sitezone .item:focus img{border-color:#000;}
.cont_main .sitezone .nav .prev,
.cont_main .sitezone .nav .next,
.cont_main .sitezone .nav .pause,
.cont_main .sitezone .nav .play{width:43px; height:43px; position:absolute; top:50%; margin-top:-21px;}
.cont_main .sitezone .nav .prev{background-position:0 -120px; left:-20px;}
.cont_main .sitezone .nav .next{background-position:-48px -120px; right:-20px;}
.cont_main .sitezone .nav .pause{background-position:-96px -120px; left:-80px;}
.cont_main .sitezone .nav .play{background-position:-144px -120px; left:-80px;}


/* ~ 1900px */
@media all and (max-width:1900px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/

	/*** section03 ***/
	/* 평생교육기관 */
	.cont_main .edu_wrap .area_map > .inr{margin-left:24px;}
	.cont_main .edu_wrap .al_wrap{padding-right:24px; padding-left:35px;}

}

/* ~ 1760px */
@media all and (max-width:1760px){
	/**************************************************
		Common
	**************************************************/
	/* header */
	#header .area_top{padding-left:24px; padding-right:24px;}
	#header .area_logo .logo{left:24px; margin-left:0;}
	#header .busan_area{right:24px; margin-right:0;}
	#header .busan_area img{height:90px;}
	#header .gnb_wrap > .inr{justify-content:center; padding:90px 0 0;}
	#header #gnb > li > a{height:60px; line-height:60px;}
	#header #gnb > li > div{top:150px;}
	#header #gnb > li:hover > a > span:after{top:10px;}

	/**************************************************
		Content
	**************************************************/

	/*** section01 ***/
	.cont_main .ms01 > .inr{margin:0 24px;}
	.cont_main .area_svc ul li a{flex-direction:column; padding:15px 10px; height:100%;}
	
	/*** section03 ***/
	/* 평생교육기관 */
	.cont_main .edu_wrap .area_map{width:calc(39% + 232px);}

}


/* ~ 1499px */
@media all and (max-width:1499px){
	/**************************************************
		Common
	**************************************************/
	.cont_main > div > .inr{margin-left:24px; margin-right:24px;}

	/**************************************************
		Content
	**************************************************/

	/*** section03 ***/
	/* 평생교육기관 */
	.cont_main .edu_wrap{height:auto;}
	.cont_main .edu_wrap .al_wrap{position:initial; width:100%; padding:40px 24px 0;; height:auto;}
	.cont_main .edu_wrap .area_map{height:710px; width:calc(100% - 24px);}
	.cont_main .edu_wrap .area_map > .inr{margin:0 auto;}
	.cont_main .edu_wrap .al_wrap > .inr{max-width:initial;}

	/*** section04 ***/
	/* 평생학습강사 */
	.cont_main .ms04 .area_chk .chk_box .step01 .chk_lst > li{width:calc(20% - 4px);}
	.cont_main .ms04 .area_chk .chk_box .chk_lst > li{width:calc(33.333% - 4px);}

	/*** section05 ***/
	/* 갤러리 */
	.cont_main .ms05 > .inr{min-height:500px; background-size:auto 500px;}
	.cont_main .ms05 .tit_wrap{padding:35px 0 0 30px;}
	.cont_main .ms05 .tit_wrap .txt{margin:0 0 85px;}
	.cont_main .galleryzone{width:calc(100% - 260px);}
	.cont_main .galleryzone .nav .area_ctrl .dots button{width:40px;}
	.cont_main .galleryzone .nav .area_ctrl2{left:-230px;}

}

/* ~ 1259px */
@media all and (max-width:1259px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/

	/*** section01 ***/
	.cont_main .ms01 .flx_lr{flex-direction:column;}
	.cont_main .ms01 .flx_lr .flx_l{width:100%; margin:0 auto; text-align:center;}
	.cont_main .ms01 .flx_lr .flx_r{max-width:initial; width:100%;}

	.cont_main .area_slogan{padding:0 0 40px;}
	.cont_main .area_srch{margin:0 0 40px;}
	.cont_main .area_svc{margin:40px 0;}

	/*** section04 ***/
	/* 평생학습강사 */
	.cont_main .ms04 .area_chk{flex-direction:column;}
	.cont_main .ms04 .area_chk .chk_box{width:100%;}
	.cont_main .ms04 > .inr{background-position:right -40px top 40px;}
	.cont_main .ms04 .area_chk .tit{margin:0 0 30px;}


}

/* ~ 1023px */
@media all and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/


	/**************************************************
		Content
	**************************************************/

	/*** section01 ***/
	.cont_main .area_slogan .tit{font-size:45px;}

	/*** section03 ***/
	/* 평생교육기관 */
	.cont_main .edu_wrap{border-radius:0 150px 0 0; margin:0; background:linear-gradient(135deg, #ecf1fc, #f5f1fe);}
	.cont_main .edu_wrap .area_map{width:100%; height:auto; background:none; margin:0 0 30px 0;}
	.cont_main .edu_wrap .area_map > .inr{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; max-width:initial; margin:0 0 0 24px;}
	.cont_main .edu_wrap .headline{width:100%; padding:60px 0 0 120px;}
	.cont_main .edu_wrap .headline:before{top:55px;}
	.cont_main .edu_wrap .headline .txt{display:none;}
	.cont_main .edu_wrap .edu_map{display:none;}
	.cont_main .edu_wrap .edu_map_slt{display:block;}
	.cont_main .edu_wrap .edu_map_slt .edu_slt{position:relative; border:3px solid transparent; border-radius:30px; background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #00aca7, #5d4096 50%); background-origin:border-box; background-clip:content-box, border-box;}
	.cont_main .edu_wrap .edu_map_slt .edu_slt:before{content:""; display:block; position:absolute; left:13px; top:10px; width:20px; height:26px; z-index:30; background:url(../images/main/ico_edu_slt.png); background-size:20px auto;}
	.cont_main .edu_wrap .edu_map_slt .edu_slt select{border:none; width:150px; height:45px; border-radius:30px; font-size:18px; padding:0 0 0 40px; font-family:'s-core_dream'; font-weight:700; background-image:linear-gradient(45deg, transparent 4px, #000 4px, #000 5px, transparent 0), linear-gradient(-45deg, transparent 4px, #000 4px, #000 5px, transparent 0); background-size:6px 5px; line-height:1;}
	.cont_main .edu_wrap .edu_map_slt .edu_slt select option{font-size:16px; font-family:'s-core_dream'; font-weight:500;}
	.cont_main .edu_wrap .btn_apply{width:160px; padding:0 0 0 12px; height:53px; line-height:52px; position:initial; border:2px solid #ccc; background:#fff;}
	.cont_main .edu_wrap .btn_apply:after{margin-top:20px;}
	.cont_main .edu_wrap .btn_apply .m_none{display:none;}
	.cont_main .edu_wrap .al_wrap{height:auto; background:none; margin:0; width:100%; padding:0 24px 40px;}
	.cont_main .edu_wrap .al_wrap > .inr{flex-direction:column;}
	.cont_main .edu_wrap .al_wrap > .inr > div{width:100%;}
	.cont_main .edu_wrap .al_wrap > .inr > div.area_lecture{margin:0 24px 0 0; border-radius:0 50px 80px 0;}
	.cont_main .edu_wrap .box_edu{border-radius:20px;}

	/*** section04 ***/
	/* 평생학습강사 */
	.cont_main .ms04 .top_txt{display:none;}
	.cont_main .ms04 > .inr{background-size:400px auto; background-position:right -40px top 0;}
	.cont_main .ms04 .tr_menu li a{padding:110px 5px 20px; height:100%;}
	.cont_main .ms04 .tr_menu li a:after{top:16px !important; right:50% !important; margin-top:0 !important; margin-right:-39px;}
	.cont_main .ms04 .tr_menu li.n03 a:after{margin-right:-38px;}
	.cont_main .ms04 .tr_menu li a .tit{width:100%; text-align:center; max-width:initial; margin:0;}
	.cont_main .ms04 .tr_menu li a span.txt{display:none;}
	.cont_main .ms04 .area_chk .chk_box > div{flex-direction:column;}
	.cont_main .ms04 .area_chk .chk_box > div .s_tit{width:100%; margin:0 0 15px;}
	.cont_main .ms04 .area_chk .chk_box > div .s_tit br{display:none;}
	.cont_main .ms04 .area_chk .chk_box .step01{padding:0 0 25px; margin:0 0 25px;}
	.cont_main .ms04 .area_chk .chk_box .step02 .chk_lst{margin:0; padding:0 0 25px; margin:0 0 25px; width:100%; border-right:none; border-bottom:1px solid #d8d8d8;}
	.cont_main .ms04 .area_chk .btn_srch{width:100%; height:50px;}
	.cont_main .ms04 .area_chk .btn_srch:before{background:url(../images/main/ico_btn_srch2_m.png); background-size:21px;}
	.cont_main .ms04 .area_chk .info_txt{text-align:left;}

}

/* ~ 767px */
@media all and (max-width:767px){
	/**************************************************
		Common
	**************************************************/
	#header .area_top{padding-left:16px; padding-right:16px;}
	.cont_main > div > .inr{margin-left:16px; margin-right:16px;}

	.cont_main .nav button{background:none; background:url(../images/main/sp_slick_m.png); background-size:100px;}
	.cont_main .area_news .nav .prev,
	.cont_main .menuzone .nav .prev,
	.cont_main .galleryzone .nav .prev,
	.cont_main .sitezone .nav .prev{width:36px; height:36px; background-position:0 0;}
	.cont_main .area_news .nav .next,
	.cont_main .menuzone .nav .next,
	.cont_main .galleryzone .nav .next,
	.cont_main .sitezone .nav .next{width:36px; height:36px; background-position:-41px 0;}
	.cont_main .menuzone .nav .pause,
	.cont_main .galleryzone .nav .pause,
	.cont_main .sitezone .nav .pause{width:36px; height:36px; background-position:0 -41px;}
	.cont_main .menuzone .nav .play,
	.cont_main .galleryzone .nav .play,
	.cont_main .sitezone .nav .play{width:36px; height:36px; background-position:-41px -41px;}

	/**************************************************
		Content
	**************************************************/
	.cont_main > div > .inr{padding:40px 0;}

	/*** section01 ***/
	.cont_main .ms01 > .inr{margin:0 16px;}

	/* 슬로건 */
	.cont_main .area_slogan{padding:0 0 30px;}
	.cont_main .area_slogan .tit{font-size:32px;}
	.cont_main .area_slogan .txt{font-size:17px;}

	/* 검색 */
	.cont_main .area_srch{margin:0 0 30px;}
	.cont_main .area_srch .srch_wrap{flex-direction:column; height:auto; border-radius:0; border:none; background:none; padding:0;}
	.cont_main .area_srch .radio_box,
	.cont_main .area_srch .srch_word{width:100%; border:4px solid transparent; border-radius:20px; background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #00aca7, #5d4096 50%); background-origin:border-box; background-clip:content-box, border-box;}
	.cont_main .area_srch .radio_box{display:flex; justify-content:center; align-items:center; padding:0; height:60px; margin:0 0 10px;}
	.cont_main .area_srch .radio_box:after{display:none;}
	.cont_main .area_srch .srch_word{position:relative; padding:0 70px 0 0;}
	.cont_main .area_srch .srch_word .word input{height:50px; border-radius:20px;}
	.cont_main .area_srch .srch_word .word:after{height:52px; right:52px;}
	.cont_main .area_srch .srch_word .btn_srch{right:15px; background:url(../images/main/ico_btn_srch_m.png); background-size:27px 28px;}
	.cont_main .area_srch .srch_word_lst{padding:0 0 0 10px;}
	.cont_main .area_srch .srch_word_lst .word_tit{margin:0 10px 0 0; background-image:url(../images/main/ico_clock_x2.png); background-size:15px;}
	.cont_main .area_srch .srch_word_lst .lst{gap:5px 10px;}

	/* 바로가기 링크 */
	.cont_main .area_svc{margin:30px 0;}
	.cont_main .area_svc ul{gap:10px;}
	.cont_main .area_svc ul li a{font-size:16px;}
	.cont_main .area_svc ul li a:before{width:60px; height:auto; aspect-ratio:80/70; background-image:url(../images/main/ico_svc01_x2.png);}
	.cont_main .area_svc ul li.n02 a:before{background-image:url(../images/main/ico_svc02_x2.png);}
	.cont_main .area_svc ul li.n03 a:before{background-image:url(../images/main/ico_svc03_x2.png);}
	.cont_main .area_svc ul li.n04 a:before{background-image:url(../images/main/ico_svc04_x2.png);}

	/* 팝업존 */
	.cont_main .popupzone .nav{width:155px; height:45px; gap:10px;}
	.cont_main .popupzone .nav button{margin:0;}
	.cont_main .popupzone .nav .prev{width:7px; height:12px; background-position:0 -82px;}
	.cont_main .popupzone .nav .next{width:7px; height:12px; background-position:-12px -82px;}
	.cont_main .popupzone .nav .pause{width:8px; height:10px; background-position:-24px -82px;}
	.cont_main .popupzone .nav .play{width:8px; height:10px; background-position:-50px -82px;}

	/* 게시판 */
	.cont_main .area_news .tab_lst{gap:0 20px; margin:0 0 15px 5px;}
	.cont_main .area_news .tab_lst li:after{right:-11px; height:15px; margin-top:-7px;}
	.cont_main .area_news .tab_lst li a{font-size:18px;}
	.cont_main .area_news .tab_lst li a.active{font-size:22px;}
	.cont_main .area_news .more a{width:32px; height:32px; top:2px; background:url(../images/main/ico_more_m.png); background-size:32px;}
	.cont_main .area_news .nav .prev, 
	.cont_main .area_news .nav .next{bottom:-10px; top:initial; margin:0;}
	.cont_main .area_news .nav .prev{left:calc(50% - 90px);}
	.cont_main .area_news .nav .next{right:calc(50% - 90px);}
	.cont_main .area_news .nav .area_ctrl2{width:100%; position:initial; justify-content:center; margin:25px 0 0;}
	.cont_main .area_news .nav .pause{width:8px; height:10px; background-position:-37px -82px;}
	.cont_main .area_news .nav .play{width:8px; height:10px; background-position:-60px -82px;}
	.cont_main .area_news .slider{margin:0 -5px;}
	.cont_main .area_news .slick-slide > div{margin:0 5px;}
	.cont_main .area_news .item a{height:auto; padding:20px 15px;}
	.cont_main .area_news .item .tit{font-size:17px; height:78px;}
	.cont_main .area_news .item .txt{display:none;}
	.cont_main .area_news .item .date{margin:25px 0 0;}

	/*** section02 ***/
	/* 링크 슬라이드 */
	.cont_main .menuzone .nav .prev{left:0; margin-top:-25px;}
	.cont_main .menuzone .nav .next{right:0; margin-top:-25px;}
	.cont_main .menuzone .item{padding:40px 0;}
	.cont_main .menuzone .item a{font-size:16px;}
	.cont_main .menuzone .item a:before{width:90px; height:90px; margin:0 auto 10px; background:url(../images/main/sp_menuzone_x2.png); background-size:auto 90px;}
	.cont_main .menuzone .item a:after{width:90px; height:90px; border-radius:25px; margin-left:-45px;}
	.cont_main .menuzone .item a:hover span:after{top:-3px; margin-left:-48px; width:90px; height:90px; border-radius:28px;}
	.cont_main .menuzone .item.n02 a:before{background-position:-90px 0;}
	.cont_main .menuzone .item.n03 a:before{background-position:-180px 0;}
	.cont_main .menuzone .item.n04 a:before{background-position:-270px 0;}
	.cont_main .menuzone .item.n05 a:before{background-position:-360px 0;}
	.cont_main .menuzone .item.n06 a:before{background-position:-450px 0;}
	.cont_main .menuzone .item.n07 a:before{background-position:-540px 0;}

	/*** section03 ***/
	/* 평생교육기관 */
	.cont_main .edu_wrap .al_wrap{padding:0 16px 30px;}
	.cont_main .edu_wrap .al_wrap > .inr{gap:20px;}
	.cont_main .edu_wrap .box_edu{height:auto;}
	.cont_main .edu_wrap .box_edu .edu_head{padding:0 15px; height:65px;}
	.cont_main .edu_wrap .box_edu .edu_head .title select{font-size:18px;}
	.cont_main .edu_wrap .box_edu .edu_head .title span{font-size:22px;}
	.cont_main .edu_wrap .box_edu .edu_body{height:300px;}	
	.cont_main .edu_wrap .box_edu .edu_body .lst li a{min-height:85px;}
	.cont_main .edu_wrap .box_edu .edu_body .lst li .cont .title{font-size:18px;}
	.cont_main .edu_wrap .box_edu.box_agency .edu_body .lst li .cont .title:after{background:url(../images/main/ico_loca_m.png) no-repeat; width:23px; height:23px; background-size:23px auto;}
	.cont_main .edu_wrap .box_edu .edu_body .lst li .area_prog .num{margin-bottom:5px;}
	.cont_main .edu_wrap .area_map > .inr{margin:0 0 0 16px;}
	.cont_main .edu_wrap .headline{padding:40px 0 0 70px;}
	.cont_main .edu_wrap .headline:before{width:60px; height:93px; background-size:60px auto; top:30px;}
	.cont_main .edu_wrap .headline .tit{font-size:24px;}
	.cont_main .edu_wrap .box_edu .edu_body .lst li.empty{top:calc(50% - 10px);}

	/*** section04 ***/
	/* 평생학습강사 */
	.cont_main .ms04{padding:40px 0;}
	.cont_main .ms04 > .inr{padding:30px 15px 20px 15px; border-radius:30px; background-size:280px auto;}
	.cont_main .ms04 .area_chk .tit{font-size:25px; margin:0 0 20px 10px;}
	.cont_main .ms04 .area_chk .tit .t_font{font-size:30px;}
	.cont_main .ms04 .area_chk .chk_box{padding:20px 15px;}
	.cont_main .ms04 .area_chk .chk_box .step01 .chk_lst > li{width:calc(33.333% - 4px);}
	.cont_main .ms04 .tr_menu{margin:20px 0 0; gap:10px;}
	.cont_main .ms04 .tr_menu li a{padding-top:88px;}
	.cont_main .ms04 .tr_menu li a:after{width:60px !important; background-size:60px auto; margin-right:-30px !important;}
	.cont_main .ms04 .tr_menu li.n01 a:after{height:60px; background-image:url(../images/main/ico_tr_menu01_x2.png);}
	.cont_main .ms04 .tr_menu li.n02 a:after{height:58px; background-image:url(../images/main/ico_tr_menu02_x2.png);}
	.cont_main .ms04 .tr_menu li.n03 a:after{height:62px; background-image:url(../images/main/ico_tr_menu03_x2.png);}
	.cont_main .ms04 .tr_menu li a .tit{font-size:17px;}

	/*** section05 ***/
	/* 갤러리 */
	.cont_main .ms05 > .inr{position:relative; flex-direction:column; min-height:initial; background:url(../images/main/bg_galleryzone_m.png) 50% 0 no-repeat; background-size:100% 70%;}
	.cont_main .ms05 .tit_wrap{padding:25px 15px 0;}
	.cont_main .ms05 .tit_wrap .tit{font-size:20px; margin:0 0 20px;}
	.cont_main .ms05 .tit_wrap .tit span{font-size:28px;}
	.cont_main .ms05 .tit_wrap .tit br{display:none;}
	.cont_main .ms05 .tit_wrap .txt{display:none;}
	.cont_main .ms05 .tit_wrap .btn_more{padding:0; display:block; position:absolute; top:28px; right:15px; width:32px; height:32px; text-indent:-999999px; background:url(../images/main/ico_more_wh_m.png); background-size:32px;}
	.cont_main .ms05 .tit_wrap .btn_more span:after{display:none;}
	.cont_main .galleryzone{width:100%; padding:0 15px;}
	.cont_main .galleryzone .slider{margin:0 -5px;}
	.cont_main .galleryzone .slick-slide > div{margin:0 5px;}
	.cont_main .galleryzone .item > a{padding:10px 10px 20px;}
	.cont_main .galleryzone .item .tit{font-size:17px;}
	.cont_main .galleryzone .item .txt{display:none;}
	.cont_main .galleryzone .nav{margin:30px 0 0; flex-direction:column;}
	.cont_main .galleryzone .nav .area_ctrl{margin:0;}
	.cont_main .galleryzone .nav .area_ctrl2{position:initial; margin:20px 0 0;}

	/*** section06 ***/
	/* 사이트 배너 */
	.cont_main .sitezone{margin:0;}
	.cont_main .sitezone .nav{justify-content:center; margin:40px 0 0; gap:7px;} 
	.cont_main .sitezone .nav .prev, 
	.cont_main .sitezone .nav .next, 
	.cont_main .sitezone .nav .pause, 
	.cont_main .sitezone .nav .play{position:initial;}

}


/* ~ 639px */
@media all and (max-width:639px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/

}

/* ~ 560px */
@media all and (max-width:560px){

	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	.cont_main .area_svc ul{flex-wrap:wrap;}
	.cont_main .area_svc ul li{flex:initial; width:calc(50% - 5px);}

}


/* ~ 430px */
@media all and (max-width:430px){

	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/

	/*** section04 ***/
	/* 평생학습강사 */
	.cont_main .ms04 > .inr{background-image:none;}

}