@charset "utf-8";

/*usual*/
.inner { /* width: 1400px; */ margin: 0 auto; position: relative; }
.click_box { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.flex { display: flex; gap: 5px; }
.flex_box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex_box > .half { width: 48.5%; }
.flex_box > .third { width: 31.25%; }
.flex_box > .quarter { width: 23.15%; }
.img_box { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.img_box img { width: 100%; height: 100%; object-fit: cover; }	
.cc { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.ac { align-items: center !important}
.as { align-items: flex-start !important; }
.ae { align-items: flex-end !important; }
.jcs { justify-content: flex-start !important; }
.jcc { justify-content: center !important; }
.jca { justify-content: space-around !important; }
.jce { justify-content: flex-end !important; }

.gap10{gap: 0.625rem}
.gap20{gap: 1.25rem}
.gap30{gap: 1.875rem}
.gap40{gap: 2.5rem}


/*font*/
.fs80{font-size: 5rem !important; }
.fs40{font-size: 2.5rem !important; }
.fs38 { font-size: 2.375rem !important; }
.fs35 { font-size: 2.1875rem !important; }
.fs32 { font-size: 2rem !important; }
.fs30 { font-size: 1.875rem !important; }
.fs28 { font-size: 1.75rem !important; }
.fs26 { font-size: 1.625rem !important; }
.fs25 { font-size: 1.5625rem !important; }
.fs24 { font-size: 1.5rem !important; }
.fs22 { font-size: 1.375rem !important; }
.fs21 { font-size: 1.3125rem !important; }
.fs20 { font-size: 1.25rem !important; }
.fs19 { font-size: 1.1875rem !important; }
.fs18 { font-size: 1.125rem !important; }
.fs17 { font-size: 1.0625rem !important; }
.fs15 { font-size: .94rem !important; }
.fs14 { font-size: .875rem !important; }
.fs13 { font-size: .81rem !important; }

.scd { font-family: 'S-CoreDream', 'NotoSans'; }
.fw900 { font-weight: 900 !important; }
.fw800 { font-weight: 800 !important; }
.fw700 { font-weight: 700 !important; }
.fw600 { font-weight: 600 !important; }
.fw500 { font-weight: 500 !important; }
.fw400 { font-weight: 400 !important; }
.fw300 { font-weight: 300 !important; }
.fw200 { font-weight: 200 !important; }
.fw100 { font-weight: 100 !important; }

.accent { font-weight: 500; color: #000; }
.refer { font-weight: 300; color: #999; }
.white { color: #fff !important; }
.red { color: #b10e29 !important; }
.red2 { color: #ed272d !important; }
.green { color: #82bc43 !important; }
.green2 { color: #1d8f25 !important; }
.green3 { color: #29B268 !important; }
.blue { color: #2b5ac5; !important; }
.blue2 { color: #006bb7 !important; }
.blue3 { color: #197BC5 !important; }
.dblue{ color: #004170 !important; }
.skyblue { color: #55a5da !important; }
.yellow { color: #f5a23a !important; }
.brown { color: #7B2B00 !important; }
.orange { color: #F95600 !important; }
.orange2 { color: #FC851D !important; }
.pink { color: #0894b5 !important; }
.gray { color: #666 !important; }
.gray2 { color: #8d8d8d !important; }
.gray3 { color: #333 !important; }
.gray4 { color: #5c5c5c !important; }
.purple{color: #410087 !important;}
.purple2{color: #5E32CF !important;}
.l_gray { color: #bbb !important; }
.c { text-align: center !important; }
.r { text-align: right; }
.underline { text-decoration: underline; text-underline-offset : 7px; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.ti8 { text-indent: -.5rem; }
.ti16 { text-indent: -1rem; }
.pl8 { padding-left: .5rem; }
.pl16 { padding-left: 1rem; }
.ellip1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellip2 { clear: both; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



/*title*/
h2.h2_tit {font-size:2.5rem; font-weight:500; position:relative;font-family: 'S-CoreDream';letter-spacing: -4px;}
h3.h3_tit {font-size:2.8125rem; font-weight:500; position:relative;font-family: 'S-CoreDream';}
h4.h4_tit {font-size:2.8125rem; font-weight:500; position:relative;font-family: 'S-CoreDream';}
h5.h5_tit {font-size:1.75rem; font-weight:600; position:relative;font-family: 'S-CoreDream';letter-spacing: -2px;}

.tit_wrap a.tit_link{display:inline-block; position: relative;}
.tit_wrap .tit_link img{position:absolute; top: 0%; right: -10%}
/* h3.deco::after { content: ""; position: absolute; width: 1.5625rem; height: 1.25rem; top: 0; left: -1.8rem; background: url('../images/h3_deco.png') no-repeat 50% 50%; background-size: 100%; }
h4.h4_tit { font-size: 2rem; font-weight: 700; position: relative;font-family: 'S-CoreDream';}
h4.deco { padding-left: 1.5rem; }
h4.deco::after { content: ""; position: absolute; top: 1.4rem; transform: translateY(-50%); left: 0; width: .94rem; height: .94rem; border: 4px solid #b10e29; }
h5.h5_tit { font-size: 1.25rem; font-weight: 700;  position: relative; margin-bottom: 1.2rem;}
h5.deco{padding-left:1rem;}
h5.deco::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 4px; height: 1.2rem; background-color:#b10e29;}
 */


/*bg*/
.bg_red { background-color: #FFDCDC !important; }
.bg_grn { background-color: #49C278 !important; }
.bg_grn2 { background-color: #D2F4EA !important; }
.bg_blue { background-color: #40C0EC !important; }
.bg_blue2 { background-color: #D4EAFF !important; }
.bg_dblue{ background-color: #E0E8ED !important; }
.bg_purple { background-color: #7296DD !important; }
.bg_purple2 { background-color: #E9E9FF !important; }
.bg_purple3 { background-color: #5D4EA8 !important; }
.bg_brown { background-color: #af622f !important; }
.bg_orange { background-color: #FEEAE0 !important; }
.bg_orange2 { background-color: #FFECD4 !important; }
.bg_orange3{ background-color: #F95600 !important; }
.bg_white { background-color: #fff !important; }
.bg_yel { background-color: #f5a23a !important; }
.bg_black { background-color: #181818 !important; }
.bg_gray { background-color: #F3F3F3 !important; }
.bg_gray2{ background-color: #F9F9F9 !important; }


/* btn */
.viewbtn{display: block;border-radius: 30px;padding: 0 0 0 1rem;width: 9rem;position: relative;color: #000;position: relative;z-index: 1;font-size:1rem; font-weight: 400; height: 2.75rem;line-height: 2.75rem;}
.viewbtn::after{content: "";position: absolute;width: 0.625rem;height: 0.625rem;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);top: 40%;right: 1rem;transition: .3s;}
.viewbtn::before{content: "";position: absolute;width: 46px;height: 100%;top:0;left:0;background: #FFD59F;z-index:-1;border-radius:50px;transition: .3s;}
.viewbtn:hover:before{width: 9rem;border-radius:50px;}

.viewbtn2{display: block;background: #fff;border-radius: 50%;padding: 0.6rem;width: 3.125rem;height: 3.125rem;position: relative;color: #6e6e6e;position: relative;border: 1px solid #f4f4f4;}
.viewbtn2::after{content: "";position: absolute;width: 1.5rem;height: 1.5rem;background: url("/images/home/kor/user/viewbtn_ico.png") no-repeat; top:50%; left:50%;transform: translate(-50%, -50%); background-size: contain;}

.viewbtn3{display: block;border-radius: 30px;padding: 0.6rem 0;width: 11.25rem;text-align: center;}

.tabnav{margin:0 auto;}
.tabnav a{display:block; color:#666;border: 2px solid #F1F1F3; border-radius: 6.25rem;padding: 0.75rem 1.625rem;}
.tabnav a:hover, .tabnav a.active{background: #F95600 ;color: #fff;border: 2px solid #fff;}

.btn_wrap{display: flex;justify-content: end;gap:10px; align-items: center;}
a.btn{width:8.75rem;font-weight:300;border-radius:6px;display: flex;justify-content: center;align-items: center;padding:10px 0;font-size: 1rem;}
.btn_wrap a.btn:nth-child(1){color:#fff; background:#181818;}
.btn_wrap a.btn:nth-child(2){background:#fff; color:#000; border:1px solid #000;}
.btn.list{border: 1px solid #666 !important; color: #666 !important;background: none !important;}
.btn.adress{ color: #999;background:none;padding: 0;border-radius:4px;}

.download_btn {border: 1px solid #ccc; padding: 0 10px;}
.download_btn > span {color: #666; line-height: 40px; display: block; height: 40px;}

.tit_btn{ display: block;font-weight: 500;font-size:1.375rem;position: relative;padding-right: 1.25rem;}
.tit_btn::after{content: "";position: absolute;width: 1rem;height: 1rem;background: url("/images/home/kor/user/link_icon.png") no-repeat; top:0; right:0; background-size: contain;}


.fix_list {border-top: 1px solid #121212;}
.fix_list li{padding: 12px 1.25rem;border-bottom: 1px solid #ccc; font-weight: 300;}
.fix_list li .fix_tit{padding-left: 2.25rem;position: relative;width:80%;/* display: -webkit-box;display: -ms-flexbox;overflow:hidden;vertical-align:top;text-overflow: ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1 */;white-space:normal;}
.fix_list li .fix_tit::after{content: "";position: absolute;width: 1.5rem;height: 1.5rem;background: url("/images/home/kor/user/fix_ico.png") no-repeat; top:0; left:0; background-size: contain; border-radius: 4px;}

/* main */
#main .section{ position: relative;}
#main .inner{ max-width: 1400px; margin: 0 auto;padding: 5rem 0;}
#main .m_vis .inner{padding: 11rem 0 1.25rem 0;}
#main .label{margin: 0;}

.list_tit{width:100%;font-size:1.125rem;display: -webkit-box;display: -ms-flexbox;height:3.7rem;overflow:hidden;vertical-align:top;text-overflow: ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1; font-weight: 500;}
.list_tit2{width:100%;font-size:1.125rem;display: -webkit-box;display: -ms-flexbox;height:3.6rem;overflow:hidden;vertical-align:top;text-overflow: ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-weight: 500;}

.popup .close{ width: 1.25rem; height: 1.25rem; position: absolute; text-indent: -9999px;top:6%; right:10%;z-index:3}
.popup .close::before{content: '';display: block;width: 1.25rem;height: 2px;background-color: #000;position: absolute;top: 50%;left: calc(50% - 10px); transform: rotate(45deg);}
.popup .close::after{content: '';display: block;width: 1.25rem;height: 2px;background-color: #000;position: absolute;top: 50%;left: calc(50% - 10px); transform: rotate(-45deg);}


.label{border-radius:4px;padding: 2px 0; border: 1px solid #8d8d8d;width: 4.375rem;text-align:center; display: inline-block; font-size: .875rem;}
.label.bg_grn2{border: none;}
.label.bg_orange{border: none;}
.label.bg_orange2{border: none;}
.label.bg_blue2{border: none;}
.label.bg_red{border: none;}
.label.bg_dblue{border: none;}
.label.bg_purple2{border: none;}

.tag_style1{position: absolute;border-radius:10px 0 10px 0;width: 5rem;font-size: .875rem;display: inline-block; background: #D10000; color:#fff;text-align: center;padding: 4px 0;font-weight: 300;z-index:10;}
.tag_style2{position: absolute;border-radius:10px 0 10px 0;width: 5rem;font-size: .875rem;display: inline-block;background: #000; color:#fff;text-align: center;padding: 4px 0;font-weight: 300;z-index:10;}

.box_style{border-radius:1rem;transition: all 0.3s;}
.box_style:hover{box-shadow: 0px 0px 4px 0px #cdcdcd;}
.list_img{background-color: #F3F3F3;overflow: hidden;position: relative;}
.list_img img{width: 100%;height:100%;object-fit: cover;transition: all 0.3s;filter: brightness(0.9);}
.list_img img:hover{transform: scale(1.1);filter: brightness(1);}
.box_style.list_img{height: 13rem;}

/* main */


/* main 비주얼배너 */
.left_wrap {position: relative;width: 61.875rem;height: 34.375rem;}
.m_slide01{width:100%; height:100%; overflow:hidden;}
.m_slide01.box_style:hover{box-shadow:none ;}
.m_slide01 .swiper-slide{padding: 9.625rem 0 0 4.875rem;font-family: 'S-CoreDream';color: #4b4b4b;background-size: cover;}
.m_slide01 .swiper-slide .vis_tit{font-size:2.8125rem; font-weight:500;}
.m_slide01 .swiper-slide .tit_sub{font-size:1.375rem;}


.swiper_stop { position:absolute; top: -1px; left: -1px; z-index:10; width: 8.125rem; height: 8.125rem; background: url("/images/home/kor/user/button_bg_top.png") top left no-repeat;background-size: contain;}
.swiper_stop button { display: none; position: relative; top: 5px; left: 5px; width: 3.75rem; height: 3.75rem;text-indent: -9999px;background: url("/images/home/kor/user/btn_stop.png") no-repeat; background-size: contain;}
.swiper_stop button.play {background: url("/images/home/kor/user/btn_play.png") no-repeat; background-size: contain;}
.swiper_stop .stop.on, #main .swiper_stop .play.on { display: inline-block; }

.swiper_ctrl { position:absolute; right: -1px; bottom: -1px; z-index:10;width: 17.25rem; height: 8.125rem; background: url("/images/home/kor/user/button_bg_bottom.png") right bottom no-repeat; background-size: contain;}
.swiper_ctrl .swiper_ctrl_wrap {display: flex;gap: 1.25rem;align-items: center;justify-content: center;position: absolute;bottom: 10%;right: 5%;}
.swiper_ctrl_wrap .arrows{width: 3.125rem; height: 3.125rem; background: url("/images/home/kor/user/arrow_left.png") no-repeat;background-size: contain;text-indent: -9999px;}
.swiper_ctrl_wrap .arrows.next{background: url("/images/home/kor/user/arrow_right.png") no-repeat; background-size: contain;}

.swiper_ctrl .pag { width: auto; font-size: 1.375rem; font-weight: 500; color: #040406; }
.swiper_ctrl .swiper-pagination-current { font-weight: 500; margin-right: 1.875rem; color: #F95600; }
.swiper_ctrl .swiper-pagination-total { position: relative; }
.swiper_ctrl .swiper-pagination-total::before { content: "/"; position: absolute; right: 25px; top: 0; }

/* .right_wrap{width: calc(100% - 61.875rem - 1.25rem);height: 34.375rem; align-content: space-between;font-family: 'S-CoreDream'}
.right_wrap a.box_style{display: block; position: relative; width: calc((100% / 2) - 10px);height: calc(100% - 15rem - 1.25rem);overflow: hidden;padding:1.875rem 2.25rem;font-size:1.5rem;font-weight: 500;color:#fff}
.right_wrap a.box_style:hover:after{width: 13.5rem;height: 13.5rem;} 
.right_wrap a.box_style:after{content: "";position: absolute;width: 12.5rem;height: 12.5rem;bottom:-24%; right:0;transition: all 0.3s;}
.right_wrap a.box_style:nth-child(1):after{background: url("/images/home/kor/user/banner_btn01.png") no-repeat;background-size: contain;}
.right_wrap a.box_style:nth-child(2):after{background: url("/images/home/kor/user/banner_btn02.png") no-repeat;background-size: contain;}

.right_wrap p.box_style{width: 100%;height: 15rem;font-size:1.5rem;font-weight: 500;color:#fff; padding: 1.875rem 2.25rem;overflow: hidden;}
.right_wrap span{font-size:0.875rem; font-weight: 100;color: #c3d0ef;display:block;}
.right_wrap p.box_style:after{content: "";position: absolute;width: 12.5rem;height: 12.5rem;background: url("/images/home/kor/user/banner_btn03.png") no-repeat;background-size: contain;bottom:0%; right:0%;} */

.right_wrap{width: calc(100% - 61.875rem - 1.25rem);height: 34.375rem; align-content: start;display: flex;gap:1.25rem;flex-wrap: wrap;}
.right_wrap .tit{width:100%}
.right_wrap .icon{display: grid;grid-template-columns: repeat(2, 1fr); gap: 1.25rem;width: 100%;}
.right_wrap li.box_style{padding:1.5rem 2.25rem;background:#f4f4f4;display:flex;align-items:center; align-items: center;justify-content: center;width: 100%;}
.right_wrap li.box_style a{text-align:center;}
.right_wrap .box_style img{width:3.75rem; height:auto;display:block;}

.right_wrap div.box_style{width: 100%;font-size:1.25rem;font-weight: 500;color:#fff; padding: 1.875rem 2.25rem;overflow: hidden;flex-wrap:wrap;position: relative;justify-content: start; background: url("/images/home/kor/user/banner_btn01.png") no-repeat;}
.right_wrap div.box_style a{position: absolute;right:10%; bottom:10%;}
.right_wrap div.box_style p{font-size:0.875rem; font-weight: 100;width: 100%;height: auto;}

/* 배움마켓 */
.m_sec1{background: #fff9f1;}
.m_sec1 .tit_wrap .viewbtn{color: #666; border: 1px solid #a0a0a0;}
.m_sec1 .class_btn{width: 100%;}
.m_sec1 .class_btn li{width: calc((100% / 3) - 3.125rem);position: relative;}
.m_sec1 .class_btn li .class_name{font-family: 'Gulim';font-size:2.25rem;width: 100%; padding: 2rem 3.75rem;background:#FFD59F;color: #FF9106 ;border-radius: 6.25rem;position: relative;}
.m_sec1 .class_btn li .class_name p{;font-size:1.125rem; color: #fff; text-transform: uppercase;font-family: 'ChosunGu';}
.m_sec1 .class_btn li:nth-child(2) .class_name{background:#98E3E4; color: #1A6D66;}
.m_sec1 .class_btn li:nth-child(3) .class_name{background:#A0C8F9; color: #3A66AA;}

.m_sec1 .class_btn li .class_name:after{content: "";position: absolute;width: 17rem;height: 11.75rem;z-index:1;transition: all 0.3s;}
.m_sec1 .class_btn li:nth-child(1) .class_name:after{background: url("/images/home/kor/user/class_img01.png") no-repeat;background-size: contain;bottom: -50%; right:-5%;}
.m_sec1 .class_btn li:nth-child(2) .class_name:after{background: url("/images/home/kor/user/class_img02.png") no-repeat;background-size: contain;top: -30%; right:-10%;}
.m_sec1 .class_btn li:nth-child(3) .class_name:after{background: url("/images/home/kor/user/class_img03.png") no-repeat;background-size: contain;bottom: -50%; right:-5%;}
.m_sec1 .class_btn li span{display:block;}

.m_sec1 .class_btn li:nth-child(1) .class_name:hover:after{bottom: -40%;}
.m_sec1 .class_btn li:nth-child(2) .class_name:hover:after{top: -40%;}
.m_sec1 .class_btn li:nth-child(3) .class_name:hover:after{bottom: -40%;}

.m_sec1 .class_info{padding: 0 1.875rem;position: relative;}
.m_sec1 .class_info .viewbtn2{position: absolute;bottom:0; right:5%;}



/* 지원사업 */
.m_sec2 .tabcontent{position: relative;}
.m_sec2 .swiper_ctrl_wrap .next{position: absolute;right:-5%;top:50%;z-index:5;}
.m_sec2 .swiper_ctrl_wrap .prev{position: absolute;left:-5%;top:50%;z-index:5;}
.m_sec2 .tabcontent .tab_list > ul{display: grid;grid-template-columns: repeat(4, 1fr); gap: 1.875rem;}
.m_sec2 .tabcontent .tab_list > ul > li:nth-child(n+9){display:none;}
.m_sec2 .tab_list li a{white-space: normal;}
.m_sec2 .tab_list li a.morebtn{border-radius:4px; text-align:center; padding:10px 0; width:100%;background:#eee; color:#666;font-size:.875rem;margin-top: 1rem;}
.m_sec2 .tab_list li a.morebtn:hover{background:#181818;color:#fff;}
.m_sec2 .tab_list li .box_style{width: 100%;}
.m_sec2 .tab_list li p.label {margin-top:1rem !important;}
.m_sec2 .tab_list li p.list_tit {font-size:1.125rem;width: 100%;margin: 6px 0;-webkit-line-clamp:2; height: 3.25rem;}
.m_sec2 .tab_list li .list_img img {object-position: top;}
.m_sec2 .tab_list .list_data{color:#666;font-weight:300;}
.m_sec2 .tab_list .list_data .data_con{padding-left: 10px;position:relative;display: -webkit-box;display: -ms-flexbox;max-height: 4.8125rem;overflow: hidden;vertical-align: top;text-overflow: ellipsis; word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.m_sec2 .tab_list .list_data .data_con:after{content:''; display: block; width: 1px; height:1rem; position:absolute;top:20%;left:5px;background: #666}
.m_sec2 .tab_list .list_data .data_tit.flex_box{flex-wrap: nowrap;}




/* 갤러리 */
.m_sec3 .inner{position:relative;}
.m_sec3 .gallery{overflow: hidden;position:relative;}
.m_sec3 .swiper_ctrl_wrap{position: absolute;bottom:46%;right:-2%; z-index:20;width:49%;display:flex;justify-content: space-between;}
.m_sec3 .gallery li{transition: all .2s; height:420px;position:relative;overflow: hidden;transition: all .2s;display:flex;align-items:start;justify-content: space-between;}
.m_sec3 .gallery li > a{min-height: 240px;height:100%;display:block;width:45%;white-space: normal;}
.m_sec3 .gallery li .list_img{height:100%;width:100%;border-radius:1rem;}
.m_sec3 .gallery li .txtBox{width:50%;padding: 50px 100px 0 30px;}
.m_sec3 .gallery li .txtBox .tit {height:4rem;}
.m_sec3 .gallery li .txtBox .list_tit{height: 3rem;-webkit-line-clamp: 2;}
.m_sec3 .gallery li .txtBox .list_tit2 p{text-align: left !important;}
.m_sec3 .gallery li .txtBox .list_tit2 p span{ font-family: 'S-CoreDream' !important;font-weight: 400 !important; text-align: left;font-size: 1rem !important;}
.m_sec3 .gallery li .viewbtn{position: absolute; bottom:10%; left:2%;}



/* 센터 찾기*/
.m_sec4 .map_find{width: 770px; position: relative;}
.m_sec4 .map_wrap{width: 100%;position: relative;height: 31.25rem;}
.m_sec4 .map_wrap p.map{background-position: 40% center;background-repeat: no-repeat;height: 100%;display: none;background-size: contain;}
.m_sec4 .map_wrap p.map.active{display: block;}

.m_sec4 .map_btn{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width: 100%; height: 31.25rem; }
.m_sec4 .map_btn a{position: absolute;z-index: 999;font-size: 14px;color:#242424;transform: translateY(-50%);-webkit-transform: translateY(-50%);letter-spacing: -2px;color: #87909D;}
.m_sec4 .map_btn a:after {display: none;position:absolute;top: -50%;left: 50%;content:'';width:1.5rem;height:1.5rem;background:url("/images/home/kor/user/map_icon.png") no-repeat;transform: translate(-50%, -50%);background-size: contain}
.m_sec4 .map_btn a.active {color: #000; font-weight: 500}
.m_sec4 .map_btn a.active:after {display:block;}

.m_sec4 .map_btn a:nth-child(1){right: 38.8%;top: 12.2%;}
.m_sec4 .map_btn a:nth-child(2){right: 31%;top: 18.5%;}
.m_sec4 .map_btn a:nth-child(3){right: 43.2%;top: 22.6%;}
.m_sec4 .map_btn a:nth-child(4){right: 43.5%;top: 34.6%;}
.m_sec4 .map_btn a:nth-child(5){left: 36.1%;top: 28.2%;}
.m_sec4 .map_btn a:nth-child(6){right: 27.6%;top: 36.6%;}
.m_sec4 .map_btn a:nth-child(7){left: 45.7%;top: 38.9%;}
.m_sec4 .map_btn a:nth-child(8){right: 34.7%;top: 41.9%;}
.m_sec4 .map_btn a:nth-child(9){left: 37%;top: 43.8%;}
.m_sec4 .map_btn a:nth-child(10){left: 49.3%;top: 48.9%;}
.m_sec4 .map_btn a:nth-child(11){left: 33.8%;top: 49.9%;}
.m_sec4 .map_btn a:nth-child(12){right: 36.9%;top: 51.9%;}
.m_sec4 .map_btn a:nth-child(13){right: 28.7%;top: 53.6%;}
.m_sec4 .map_btn a:nth-child(14){left: 47.2%;top: 57.9%;}
.m_sec4 .map_btn a:nth-child(15){left: 17.6%;bottom: 47.4%;}
.m_sec4 .map_btn a:nth-child(16){left: 23.6%;bottom: 33.1%;}
.m_sec4 .map_btn a:nth-child(17){left: 30.1%;bottom: 32.6%;}
.m_sec4 .map_btn a:nth-child(18){left: 41.2%;bottom: 27%;}
.m_sec4 .map_btn a:nth-child(19){left: 21.8%;bottom: 25.9%;}
.m_sec4 .map_btn a:nth-child(20){right: 34.9%;bottom: 25.1%;}
.m_sec4 .map_btn a:nth-child(21){right: 22.5%;bottom: 28.3%;}
.m_sec4 .map_btn a:nth-child(22){left: 40.1%;bottom: 17.6%;}
.m_sec4 .map_btn a:nth-child(23){left: 31.6%;bottom: 12.4%;}
.m_sec4 .map_btn a:nth-child(24){right: 44.2%;bottom: 22%;}
.m_sec4 .map_btn a:nth-child(25){right: 16%;bottom: 43.9%;}
.m_sec4 .map_btn a:nth-child(26){left: 23%;top: 30%;}



.m_sec4 .popup{position:absolute; transform: translate(-50%, -50%); top:50%; left:50%;}

.m_sec4 .popup .pop_list{display:none;border-radius: 1rem; padding: 1rem 10px;background: #fff; width:17rem;box-shadow: 0px 0px 6px 0px #cdcdcd;position:absolute;}
.pop_scroll{overflow-y: scroll;overflow-x: hidden;height:15.75rem;padding: 0 0.875rem;}
::-webkit-scrollbar {
    width: 4px;
  }
::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 10px;
  }
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 10px;
  }
.m_sec4 .popup .pop_list.active{display:block;}
.m_sec4 .popup .pop_list a{white-space: wrap;}

.m_sec4 .cen_info {display: inline-block;position: relative;border-bottom: 1px solid #eee; padding: .75rem 0 .75rem .875rem;width: 100%;}
.m_sec4 .cen_info:last-child{border-bottom: none;}
.m_sec4 .cen_info:after{position:absolute;top: 23px;left:0;content:'';width:1.2rem;height:1.2rem;background:url("/images/home/kor/user/map_icon.png")no-repeat;transform: translate(-50%, -50%);background-size: contain;}

.m_sec4 .cen_name{word-break: break-all}
.m_sec4 .tel{position: relative;padding-left: 1rem;margin-top:5px;font-size:0.9375rem;}
.m_sec4 .tel:after{position:absolute;top: 50%;left: 0%;content:'T.';transform: translate(-50%, -50%);}


.m_sec4 .popup .pop_list:nth-child(1){left: 100px;bottom: 0;}
.m_sec4 .popup .pop_list:nth-child(2){left: 160px;bottom: 0;}
.m_sec4 .popup .pop_list:nth-child(3){left: 100px;bottom: 0;}
.m_sec4 .popup .pop_list:nth-child(4){left: 100px;bottom: 0;}
.m_sec4 .popup .pop_list:nth-child(5){right: 130px;bottom: 0;}
.m_sec4 .popup .pop_list:nth-child(6){left: 190px;top: -240px;}
.m_sec4 .popup .pop_list:nth-child(7){right: 90px;bottom: 0;}
.m_sec4 .popup .pop_list:nth-child(8){left: 130px;bottom: 0;}
.m_sec4 .popup .pop_list:nth-child(9){right: 130px;bottom: 0;}
.m_sec4 .popup .pop_list:nth-child(10){left: 60px;top: -140px;}
.m_sec4 .popup .pop_list:nth-child(11){right: 180px;bottom: -120px;}
.m_sec4 .popup .pop_list:nth-child(12){left: 120px;bottom: 0;}
.m_sec4 .popup .pop_list:nth-child(13){left: 190px;top: -100px;}
.m_sec4 .popup .pop_list:nth-child(14){left: 60px;top: -170px;}
.m_sec4 .popup .pop_list:nth-child(15){right: -210px;bottom: 0;}
.m_sec4 .popup .pop_list:nth-child(16){right: 180px;bottom: -10px;}
.m_sec4 .popup .pop_list:nth-child(17){right: 120px;bottom: -20px;}
.m_sec4 .popup .pop_list:nth-child(18){right: 130px;top: -90px;}
.m_sec4 .popup .pop_list:nth-child(19){right: 190px;bottom: -50px;}
.m_sec4 .popup .pop_list:nth-child(20){left: 0px;bottom: -30px;}
.m_sec4 .popup .pop_list:nth-child(21){left: 150px;bottom: -20px;}
.m_sec4 .popup .pop_list:nth-child(22){right: 130px;top: 0;}
.m_sec4 .popup .pop_list:nth-child(23){right: 170px;top: 20px;}
.m_sec4 .popup .pop_list:nth-child(24){left: 0;bottom: -30px;}
.m_sec4 .popup .pop_list:nth-child(25){left: 230px;top: 20px;}
.m_sec4 .popup .pop_list:nth-child(26){left: -100px;bottom:-30px;}

.m_sec4 .tit_wrap{width: calc(100% - 830px);}
.m_sec4 .field_wrap{display: grid;grid-template-columns: repeat(5, 1fr);gap: 1.25rem;}
.m_sec4 .cen_field{text-align: center; font-weight: 500;width: 100%;}
.m_sec4 .cen_field .icon_btn{ display: block;border-radius: 10px;padding: 2rem;position: relative;}
.m_sec4 .cen_field .Num{ display: block; border-radius: 100px;position:absolute;padding: 2px 8px; top:-10%; right:15%; color: #fff; font-weight: 400;}
.m_sec4 .cen_field:nth-child(1) .Num{background: #F37276;}
.m_sec4 .cen_field:nth-child(2) .Num{background: #FB9159;}
.m_sec4 .cen_field:nth-child(3) .Num{background: #FDB06C;}
.m_sec4 .cen_field:nth-child(4) .Num{background: #6CB671;}
.m_sec4 .cen_field:nth-child(5) .Num{background: #599FD0;}
.m_sec4 .cen_field:nth-child(6) .Num{background: #5983A2;}
.m_sec4 .cen_field:nth-child(7) .Num{background: #967AE0;}
.m_sec4 .cen_field:nth-child(8) .Num{background: #FB9159;}
.m_sec4 .cen_field:nth-child(9) .Num{background: #696969;}




/* 관련사이트 */
.m_sec5{background:#F9F9F9;}
.m_sec5 .inner{padding: 1.625rem 0 !important;/*  border-bottom: 1px dashed #404040; border-block-width: 2px; */}
.m_sec5 .swiper_ctrl_wrap .arrows{width: 2.5rem; height: 2.5rem; background: url("/images/home/kor/user/arrow_left2.png") no-repeat;background-size: contain;}
.m_sec5 .swiper_ctrl_wrap .arrows.next{background: url("/images/home/kor/user/arrow_right2.png") no-repeat;background-size: contain; }

.m_sec5 .m_slide04{width: 80%; overflow: hidden;}
.m_sec5 .swiper-wrapper a{border: 1px solid #ddd; width: 100%; height: auto; border-radius: 6px;overflow: hidden; display: flex; align-items: center; background: #fff;}






/* 반응형 */

@media screen and (max-width:1600px){ 
    .inner {width: 90%;}
}

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



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

}



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

h2.h2_tit{font-size: 2.25rem;}

.inner {width: 95%;}
#main .m_vis .inner {padding: 9rem 0 1.25rem 0;}
#main .inner {padding: 4.375rem 0;}


.left_wrap {width: 60%;}
.right_wrap {width: calc(100% - 60% - 1.25rem);}

.mt30 {margin-top: 1.25rem !important ;}

/* 알림마당 */
.m_sec3 .list_date {margin-top: 0 !important;}



/* 센터소개 */
/* .m_sec4 .cen_field {width: calc(50% - .625rem);} */
.m_sec4 .cen_field img{width: 2rem;}

}  



@media screen and (max-width:1280px){
/* 배움마켓 */
.m_sec1 .class_btn li {width: calc(100% / 3);}

/* 알림마당 */
.m_sec3 .m_slide03 li:hover{background: url("/images/home/kor/user/hover_img.png") right no-repeat #9EE3B8 !important;}
.m_sec3 .list_notice .list_tit2 {width: 100%;}
.m_sec3 .list_notice li{height: 100%;}
.m_sec3 .list_notice li:last-child{display:none;}
.m_sec3 .list_notice {padding: 1.375rem;}
.m_sec3 .list_date {margin-top: 3.25rem !important;}

/* 센터찾기 */
.m_sec4 .map_find {width: 720px;}
.m_sec4 .tit_wrap {width: calc(100% - 720px);}
.m_sec4 .tit_wrap p.h2_tit br{display:none;}
.m_sec4 .tit_wrap .flex_box.mt50{margin-top: 1rem !important;}
.m_sec4 .tit_wrap .icon_btn{padding: 1.875rem 2.25rem;}

}



@media screen and (max-width:1200px){
.fs30 {font-size: 1.5rem !important;}
.fs28 {font-size: 1.5rem !important;}
.fs20 {font-size: 1rem !important;}
.fs18 {font-size: 1rem !important;}

.fix_list li .fix_tit {width: 100%;}
}



@media screen and (max-width:1080px){
#main .inner {padding: 3.375rem 0;}
h2.h2_tit.mb20{width: max-content;}

.left_wrap {width:100%;height: 38rem;}
.right_wrap{width:100%;height: auto;}
.right_wrap div.box_style {background: url(/images/home/kor/user/banner_btn01.png) no-repeat center -60%;}
.list_tit2 {height: 3rem;}
.right_wrap .icon {grid-template-columns: repeat(4, 1fr);}

.m_slide02 {width: 460px;height: 100%;}
.m_slide02 .swiper-slide:after {width:10.5rem;height: 10.5rem;right:0;}
.m_slide02 .swiper-slide p span{display: none;}

/* 지원사업 */
.m_sec2 ul.tab_list .list_tit{font-size: 1.125rem;max-height:4.25rem;}


/* 배움마켓 */
.m_sec1 .class_btn {width: 100%;display:block}
.m_sec1 .class_btn li{display: grid;grid-template-columns: repeat(2, 1fr);width: 100%;align-items: center;}
.m_sec1 .class_btn li .mt60{margin-top: 2.75rem !important;}

/* 알림마당 */
.m_sec3 .list_wrap {width: 100%;}
.m_sec3 .list_notice li:last-child {display: flex;}
.m_sec3 .list_notice li {height: calc(100% / 2);}
.m_sec3 .list_date {margin-top: 0.9375rem !important;}
.m_sec3 .list_notice .list_tit2 {width: calc(100% - 4.375rem - 1.25rem);}
.m_sec3 .tit_wrap {display: flex; justify-content: space-between; width: 100%; align-items: end; margin-bottom:1.25rem;}
.m_sec3 .tit_wrap h2.h2_tit.mb20{margin-bottom:0;}

/* 센터찾기 */
.m_sec4 .map_find {width: 100%;}
.m_sec4 .tit_wrap {width: 100%;}
.m_sec4 .tit_wrap p.h2_tit br{display:block;}
/* .m_sec4 .cen_field {width: calc(100% / 4 - 1.125rem);;} */
.m_sec4 .map_wrap{background-position: 50% center !important;}
.m_sec4 .map_wrap p.map {background-position: 50% center;}
.m_sec4 .map_btn {left: 51%;width: 72%;top: 235px;}
.m_sec4 .popup {position: relative;transform: none;top: auto;left: auto;margin-top: 40px;display: flex;justify-content: center;}
.m_sec4 .popup .pop_list {position: relative;top: auto !important;left: auto !important;width: 32.5rem;right:auto !important; bottom: auto !important;}
.m_sec4 .tel:after {left: 2%;}


/* 관련사이트 */
.m_sec5 .tit_wrap{display:none;}
.m_sec5 .m_slide04{width: 100%;}





}





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


.m_sec4 .map_btn {width: 79%;top: 221px;}

.m_sec2 .tabcontent .tab_list > ul {grid-template-columns: repeat(3, 1fr); gap:1.25rem;}
.m_sec2 .tabcontent .tab_list > ul .swiper-slide{width:100% !important;}
.m_sec2 .tabcontent .tab_list > ul li:nth-child(n+7) {display: none;}


.m_sec1 .class_btn li:nth-child(2) .class_name:after {top: -25%;}




.m_sec3 .gallery li .txtBox .list_tit {height: 2.25rem; -webkit-line-clamp: 1;}


}



@media screen and (max-width:880px){
h5.h5_tit {font-size: 1.5rem;}
.box_style{border-radius:10px;}
.tabnav a {padding: 0.56rem 0; width: calc((100% / 8) - 0.546875rem);text-align:center}

.left_wrap{height: 29rem;}
.swiper_stop {display: none;}
.swiper_ctrl {display: none;}
.right_wrap a.box_style {width: calc((50% / 2) - 1.25rem);}
.right_wrap a.box_style:after {width: 7.5rem;height: 7.5rem;}
.m_slide02 .swiper-slide:after {width: 8.5rem;height: 8.5rem;}
.m_slide02 {width: 50%;}



/* 지원사업 */
/* .m_sec2 .tabcontent .tab_list {grid-template-columns: repeat(3, 1fr);} */
.m_sec2 ul.tab_list > li:nth-child(7), .m_sec2 ul.tab_list > li:nth-child(8){display:none;}
.m_sec2 ul.tab_list > li .list_img{height: 11.75rem;}


/* 배움마켓 */
.m_sec1 .class_btn li .mt60 {margin-top: 2rem !important;}
.m_sec1 .class_btn li .class_name {font-size: 2rem;font-weight:500;}
.m_sec1 .class_btn li .class_name p {font-size: 1rem;}


/* 알림마당 */
.m_sec3 .gallery li a.gap20 {gap:0;}
.m_sec3 .gallery li .list_img {width:100%;}
.m_sec3 .gallery li .txtBox {width:50%;}
.m_sec3 .list_date {margin-top: 3.25rem !important;}


/* 센터찾기 */
.m_sec4 .map_btn {width: 92%;}
.m_sec4 .map_btn a {font-size: 12px;}
.m_sec4 .popup .pop_list {border-radius:10px;}
.m_sec4 .tit_wrap .txt_box > h2.h2_tit {font-size : 2.25rem !important;}



}



@media screen and (max-width:767px){
	
	.m_sec2 .tabcontent .tab_list > ul {grid-template-columns: repeat(2, 1fr);}
	.m_sec2 .tabcontent .tab_list > ul li:nth-child(n+5) {display: none;}
	
	.m_sec3 .gallery li h2.h2_tit {letter-spacing : -2px;}
	.m_sec3 .gallery li{flex-wrap : wrap; gap : 4rem; height: auto;}
	.m_sec3 .gallery li .txtBox {width : 100%; padding: 0 6px;}
	.m_sec3 .gallery li .list_img {height : 15rem;}
	.m_sec3 .gallery li > a {width : 100%;}
	.m_sec3 .swiper_ctrl_wrap {display:none;}

  .m_sec3 .gallery li .viewbtn {bottom: 0; left: 0; right: 0; top:40%;}


}



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

h2.h2_tit {font-size: 2rem}
.tabnav {justify-content: center !important}
.tabnav a {width: calc((100% / 4) - 7.5px); border-radius: 5px;}

.m_slide01 .swiper-slide .vis_tit{font-size:2.5rem;}
.m_slide01 .swiper-slide .tit_sub{font-size:1.3rem;}
.m_slide02 .swiper-slide:after {width: 6.5rem;height: 6.5rem;}
.right_wrap a.box_style:after {width: 6.5rem;height: 6.5rem;}

.swiper_stop {width: 7.125rem; height: 7.125rem;}
.swiper_ctrl {width: 16.25rem;}


/* 지원사업 */
.m_sec2 .tabcontent .tab_list {gap: 10px;}
.m_sec2 .tabcontent .tab_list {grid-template-columns: repeat(2, 1fr);}
.m_sec2 ul.tab_list > li:nth-child(5), .m_sec2 ul.tab_list > li:nth-child(6){display:none;}

.gap10 {gap:10px;}

/* 배움마켓 */
.m_sec1 .class_btn li{display: block;}
.m_sec1 .class_btn li:nth-child(2){display: flex;flex-direction: column-reverse;margin-bottom: 1.2rem !important;}
.m_sec1 .class_btn li .class_name:after {width: 15rem;}
.m_sec1 .class_btn li .class_info {margin-top: 1.2rem !important;width: 100%;}


/* 센터찾기 */
.m_sec4 .map_btn {width: 110%;top: 203px;}


/* 알림마당 */
.m_sec3 .gallery li {width: calc((100% / 2) - 5px);}
.m_sec3 .gallery li .list_tit2 {margin: 1rem 0 3rem 0 !important;}
.m_sec3 .gallery.gap20{gap:10px;}


}



@media screen and (max-width:560px){
.gap20 {gap:10px;}
.mt20 {margin-top: 10px !important;}

.viewbtn2 {width: 2.125rem;height: 2.125rem;}

#main .m_vis .inner {padding: 7rem 0 1.25rem 0;}

.left_wrap {height: 22rem;}
.m_slide01 .swiper-slide {padding: 6.625rem 0 0 3.875rem;}
.m_slide02 {width: calc((100% / 2) - 10px);}
.right_wrap .icon {grid-template-columns: repeat(2, 1fr);}
.right_wrap li.box_style { padding: 1rem 2rem;}

.m_sec1 .class_btn li .class_name {padding: 1.5rem 2.75rem;}


.m_sec3 .gallery li {width: 100%;}
}



@media screen and (max-width:480px){
.left_wrap {height: 18rem;}

/* 센터찾기 */
.m_sec4 .map_wrap {height: 24.25rem;}
.m_sec4 .map_btn {height: 24.25rem;width: 117%; top: 163px;}
.m_sec4 .tit_wrap .icon_btn {padding: 1.25rem;}

.m_sec4 .tit_wrap .txt_box > h2.h2_tit {font-size:2rem !important}

}



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

}



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