@charset "utf-8";
/* CSS Document */

body, div, table, th, td, p, span, ul, li, dl, ol, dt, dd {font-family: 'notokr-regular'; margin: 0; padding: 0;}
li{list-style: none;}
a{color: #000; text-decoration: none;}
img{vertical-align: top; border: none;}

.wrap {width: 100%;}
/* HEADER */
.header_w{width: 100%; position: relative;}
.gnb_w{width: 100%; padding: 7px 0px; border-bottom: 1px solid #ececec;}
.gnb {width: 80%; height: 50px; display:flex; align-items: center; justify-content: space-between; margin: 0 auto;}
.logo{display: flex; align-items: end;}
.logo img{max-width: 300px; aspect-ratio: 20/3;}
.gnb h1{letter-spacing: -0.07em; font-family: 'scdream-semibold'; font-size: 19px; color: #466fa1;}
.user_menu{display: flex; align-items: center; gap: 15px;}
.user_menu li:nth-child(2):before{content: ""; display: inline-block; margin-right: 15px; background-color: #222; width: 1px; height: 14px;}
.user_menu li.none, .m_user_menu li.none{display: none;} /*로그인 및 로그아웃 버튼 삭제 클래스명*/
.user_menu a{font-size: 15px; color: #222;}
.bg_user_m{background-color: #1a5c9f; padding: 1px 10px 3px; border-radius: 20px;}
.bg_user_m a{color: #fff;}
.ham_btn{display: none;}

.menu{width: 80%; height: 55px; margin: 0 auto; position: relative;}
.m_menu_w{display: none;}
.menu ul{display: flex; align-items: center; justify-content: center; height: 100%;}
.menu ul li{width: 16.66%;}
.menu ul li a{display: block; font-size: 22px; text-align: center; font-family: 'notokr-medium'; font-weight: normal; color: #1b1b1b; text-decoration: none;}
/* .menu a.all {text-decoration: none; position: absolute; top: 3px; right: 8px; width: 46px; height: 46px; font-size: 43px; line-height: 46px; text-align:  center; color: #666; font-family: 'notokr-bold';} */

.sub_w{width: 100%; height: 364px; border-top: 1px solid #466fa1; border-bottom: 1px solid #434555; position: absolute; top: 120px; background: #fff; z-index: 10; display: none;}
.sub{width: 80%; height: 100%; margin: auto; position: relative;}
.sub_menu{width: 100%; height: 100%; display: flex;border-right: 1px solid #dddddd;}
.sub_menu li{width: 16.66%; height: 100%; padding: 24px 0 0 10px;  border-left: 1px solid #dddddd; box-sizing: border-box;}
.sub_menu li:hover{background: #f7f7f7;}
.sub_menu li a.thp_1{width: 179px; height: 19px; padding: 6px 0 17px 10px; font-size: 20px; line-height: 1; font-family: 'notokr-medium'; font-weight: normal; color: #689bce; text-decoration: none; display: block;}
.sub_menu .thp_2{width: 100%;}
.sub_menu .thp_2 li{width: 100%; height: auto; padding: 0 10px 0 0; border-left: 0;}
.sub_menu .thp_2 li a{width: 100%; height: 100%; line-height: 36px; font-size: 15px; font-family: 'notokr-regular'; color: #333; text-decoration: none; display: block; padding: 0 10px; box-sizing: border-box;}
.sub_menu .thp_2 li a:hover, .sub_menu .thp_2 li a.active{background: #466fa1; color: #fff;}
.sub_menu .thp_3{width: 100%; padding: 3px 10px 0 10px;}
.sub_menu .thp_3 li{width: 100%; height: 30px;}
.sub_menu .thp_3 li a{width: 100%; height: 100%; display: block; font-size: 15px; font-size: 15px; font-family: 'notokr-regular'; color: #676767; text-decoration: none;}
.sub_menu .thp_3 li a::before{content: ""; display: inline-block; vertical-align: middle; margin-right: 3px; width: 3px; height: 3px; border-radius: 50%; background-color: #676767;}
.sub_menu .thp_3 li a:hover{background-color: transparent; color: #333;}
.sub_close{position: absolute; width: 42px; height: 42px; bottom: 0; right: 0; background: #434555;}

.search_w{width: 100%; padding: 20px 0px; background: #466fa1; display: flex; justify-content: center; align-items: center;}
.search{width: 80%; height: 100%; margin: 0 auto; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.search form{display: flex; gap: 10px; align-items: center; width: 100%;}
.search span.s_tit{width: 200px; display: flex; align-items: center; gap: 7px; font-size: 20px; font-family: 'notokr-medium'; font-weight: normal; color: #fff; letter-spacing: -0.05em; height: 100%;}
.search span.s_tit svg{width: 40px; height: 40px;}
.search span.s_tit svg path{width: 100%; height: 100%; transform:scale(1.6); fill: #fff;}
.sel_group_w{width: 100%; display: flex; align-items: center; gap: 7px;}
.sel_group{width: 30%; display: flex; align-items: center; gap: 7px;}
.search select{width: 100%; height: 40px; outline: none; border: 0; border-radius: 3px; box-sizing: border-box; font-size: 16px; padding-left: 5px; font-family: 'notokr-regular'; color: #333; -webkit-appearance: none; cursor: pointer; background: #fff url(/GMP/_Image/Main/sel_arrow.png) right -12px center no-repeat;}
.search select::-ms-expand {display: none;}
.search_box{position: relative; width: 70%; height: 40px;}
.search_box input{height: 40px; width: 100%; border-radius: 3px; background: #fff; outline: none; border: 0; padding-left: 5px;  font-size: 16px; font-family: 'notokr-regular'; color: #999; box-sizing: border-box}
.search_box a{position: absolute; width: 23px; height: 23px; display: block; top: 8px; right: 17px; background: url('/GMP/_Image/Main/search.png') no-repeat; content: ''; text-indent: -10000px;}
/* //HEADER  END */


/* 메인베너 */
.visual {width: 85%; margin: 0 auto; aspect-ratio: 5/2; display: flex;}

/* 스와이퍼 */
.MainSwiper {width: 75%; height: 100%; aspect-ratio: 1.876 / 1;}
.MainSwiper ul{width: 100%; height: 100%;}
.MainSwiper li{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.MainSwiper img{width: 100%; height: 100%;}
.MainSwiper img.m_main_img{display: none;}
.MainSwiper .swiper-pagination{bottom: var(--swiper-pagination-bottom, 35px); display: flex; align-items: center; justify-content: center; gap: 6px;}
.MainSwiper .swiper-pagination-bullet{width: 14px; height: 14px; background-color: #fff; opacity: 1;}
.MainSwiper .swiper-pagination-bullet-active{background-color: #466fa1;}
.MainSwiper .swiper-button-next, .MainSwiper .swiper-button-prev{color: #fff;}
.MainSwiper .swiper-button-next:after, .MainSwiper .swiper-button-prev:after{font-size: 30px;}
.MainSwiper .swiper-button-next{right: 20px;}
.MainSwiper .swiper-button-prev{left: 20px}

/* 금주의 강의, 최근 진행상황(로그인 후) */
.lecture_progress{width: 25%; height: 100%; display: flex; flex-direction: column;}
.lecture_progress>div{height: 50%;}
.lecture_progress>div h3{height: 15%; display: flex; align-items: center; justify-content: center; font-size: 18px; margin: 0; text-align: center; padding: 5px; color: #fff; box-sizing: border-box;}
.lecture_progress .lec_list_w{height: 85%; padding: 10px; background-color: #cbcbcb; box-sizing: border-box;}
.lecture_progress>div ul{aspect-ratio: 3/1.97;  overflow-y: auto;  background-color: #fff; border-radius: 5px;}
.lecture_progress>div li{transition: all 0.2s; cursor: pointer; padding: 8px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.lecture_progress>div li:hover{background-color: #efefef;}
.lecture_progress>div h4{letter-spacing: -1px; margin: 0; font-size: 16px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lecture_progress>div p{font-size: 13px; letter-spacing: -1px; color: #777; font-weight: 500;}
.lecture_progress>div span{padding: 3px 20px; border-radius: 3px; font-size: 14px; letter-spacing: -1px; font-weight: bold; color: #fff; letter-spacing: -2px;}
.lecture_progress>div span.lecs01{background-color: #002678;}
.lecture_progress>div span.lecs02{background-color: #038e16;}
.lecture_progress>div span.lecs03{background-color: #aaa;}
.lecture_progress>div span.lecs04{background-color: #1586e1;}
.lecture_progress>div span.lecs05{background-color: #7500b0;}
.lecture_progress>div span.lecs06{background-color: #fd0000;}

/* 금주의 강의(로그인 전) */
.lecture_progress .only_weekly_item{height: 100%;}
.lecture_progress .only_weekly_item h3{height: 10%;}
.lecture_progress .only_weekly_item .lec_list_w{height: 90%;}
.lecture_progress .only_weekly_item ul{aspect-ratio: auto; height: 100%;}


/* 금주의 강의 */
.lecture_progress .weekly_item h3{background-color: #00233d;}

/* 최근 진행상황 */
.lecture_progress .recent_progress h3{background-color: #555555;}

/* //메인베너 END */


/* 퀵메뉴 */
.main_quick{width: 100%; background-color: #efefef; padding: 15px 0px;}
.main_quick ul{width: 70%; display: flex; align-items: center; justify-content: center; margin: 0 auto; gap: 100px;}
.main_quick li{width: calc(20% - 100px);}
.main_quick li a{display: block;}
.quick_img{width: 100%; display: flex; align-items: center; justify-content: center; background-color: #fff; aspect-ratio: 1/1; border-radius: 50%;}
.quick_img img{width: 52%; height: auto; aspect-ratio: 1/1; object-fit: contain; transform: scale(0.9); transition: all 0.2s;}
.main_quick li:hover .quick_img img{transform: scale(1);}
.main_quick li p{font-size: 18px; text-align: center; margin-top: 10px; color: #111; letter-spacing: -1px;}
/* //퀵메뉴 END*/


/* Page Document 공통 */
/* 모집안내 */
.re_info_box{margin-top: 22px;}
.re_info_box ul{display: flex; gap: 6px;}
.re_info_box li{padding: 3px 20px; border-radius: 3px; font-size: 14px; color: #fff; letter-spacing: -2px;}
.re_info_box li.re_bg01{background-color: #0b4261;} /* 유료 */
.re_info_box li.re_bg02{background-color: #42713d;} /* 모집중 */
.re_info_box li.re_bg03{background-color: #3fc1c9;} /* 무료 */
.re_info_box li.re_bg04{background-color: #ff7b00;} /* 모집준비 */
/* .re_info_box li.re_bg05{background-color: #ff00ea;} */ /* 마감임박 */
.re_info_box li.re_bg05 {background-color: #ff00ea;animation: blink-bg 0.5s infinite alternate;}

/* 애니메이션 정의 */
@keyframes blink-bg {0% {background-color: #ff00ea;}100% {background-color: #ffffff;}}

/* //모집안내 END */

/* 네비 버튼 */
.navi_btn_w{position: relative; margin-bottom: 10px;}
.next_btn, .prev_btn{top:auto; background-color: #333; color: #fff; width: 35px; height: 35px; border-radius: 50%; margin-top: 0;}
.next_btn{right: 0px;}
.prev_btn{left: auto; right: 40px;}
.next_btn:after, .prev_btn:after{font-size: 18px}
/* //네비 버튼 END */

/* 각 배너 제목 */
.banner_title{margin: 0;; font-size: 35px; font-weight: bold; letter-spacing: -1px; color: #111;}
.banner_title::before{content: ""; display: inline-block; margin-right:5px; background: url(/GMP/_Image/Main/title_icon.png) no-repeat center / contain; width: 30px; height: 30px;}
/* 각 배너 제목 END*/

/* 스와이퍼 li.swiper-slide 관련 */
.comm_swiper{width: 100%; margin-top: 50px;}
.comm_swiper li.swiper-slide{width: 33.333333%; padding: 20px; border-radius: 10px; box-sizing: border-box;}
.swiper_bg01{background-color: #54317b;}
.swiper_bg02{background-color: #4372b1;}
.swiper_bg03{background-color: #ff960c;}
.swiper_bg04{background-color: #1a497d;}
.swiper_bg05{background-color: #43b190;}
.swiper_bg06{background-color: #0c6462;}
/* //스와이퍼 li.swiper-slide 관련 END  */

/* 스와이퍼 li 자식 제목 및 내용 */
.swiper_txt01{font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #fff; letter-spacing: -1px; margin: 0; display: -webkit-box; -webkit-line-clamp: 1;  text-overflow: ellipsis;  -webkit-box-orient: vertical; overflow: hidden;}
.swiper_title{margin: 7px 0px; font-size: 22px; line-height: 25px; color: #fff; letter-spacing: -1px; margin: 0; display: -webkit-box; -webkit-line-clamp: 1;  text-overflow: ellipsis;  -webkit-box-orient: vertical; overflow: hidden;}
.swiper_txt02{font-size: 16px; color: #eeeeee; letter-spacing: -1px; margin: 0; display: -webkit-box; -webkit-line-clamp: 1;  text-overflow: ellipsis;  -webkit-box-orient: vertical; overflow: hidden;}
.comm_swiper a{display: flex; flex-direction: column;}
.swiper_bg01 p.swiper_txt01{color: #e3cdff;}
.swiper_bg02 p.swiper_txt01{color: #cde7ff;}
.swiper_bg03 p.swiper_txt01{color: #ffebcd;}
.swiper_bg04 p.swiper_txt01{color: #c1d4ff;}
.swiper_bg05 p.swiper_txt01{color: #dafff5;}
.swiper_bg06 p.swiper_txt01{color: #cffffe;}
/* //스와이퍼 li 자식 제목 및 내용 END*/
/* //Page Document 공통 END */


/* 추천강좌&모집중인 강의 */
.lecture_w{width: 100%; padding: 10px 0px;}
.lecture_tabbtn{width: 80%; display: flex; margin: 0 auto;}
.lecture_tabbtn::before{content: ""; display: flex; margin-right:5px; background: url(/GMP/_Image/Main/title_icon.png) no-repeat center / contain; width: 100%; max-width: 30px;}
.lecture_tabbtn ul{display: flex; align-items: center;}
.lecture_tabbtn li{font-size: 35px; font-weight: bold; letter-spacing: -1px; color: #777; border-bottom: 5px solid transparent; cursor: pointer; transition: all 0.2s;}
.lecture_tabbtn li.lec_btn.on{color: #111; border-bottom: 5px solid #20699c;}
.lecture_tabbtn li.lec_tabbtn_bar{width: 1px; height: 25px; background: #555; border-bottom: 5px solid transparent; margin: 0px 15px;}
.lecture_con_w{width: 100%;}
.lecture_con{width: 80%; margin: 0 auto; display: none;}
.lecture_con.on{display: block;}
.lec_info{margin-top: 10px; padding: 10px; background-color: #fff; border-radius: 5px;}
.lec_info>ul{width: 100%;}
.lec_info>ul li{font-size: 16px; letter-spacing: -1px; color: #111;}
.lec_info>ul span{color: #555; margin-right: 5px; font-weight: bold;}
/* //추천강좌&모집중인 강의 END*/


/* 교육공지&교육과정 */
.guide_w{width: 100%; background-color: #dfefff; padding: 10px 0px;}
.guide{width: 80%; display: flex; align-items: start; justify-content: space-between; gap: 30px; margin: 0 auto;}
.guide_box{width: calc(50% - 30px);}
.g_box_top{display: flex; align-items: end; justify-content: space-between; border-bottom: 1px solid #333; padding-bottom: 7px; margin-bottom: 7px;}
.g_box_top a{display: flex; align-items: center; gap: 4px; font-size: 16px; color: #333; letter-spacing: -1px;}
.g_box_top a img{width: 9px;}
.g_box_bottom li{padding: 5px 7px; transition: all 0.2s;}
.g_box_bottom li:hover{background-color: #fff; border-radius: 5px;}
.g_box_bottom a{display: flex; justify-content: space-between; align-items: center;}
.g_box_bottom p{font-size: 20px; letter-spacing: -1px;}
.g_date{width: 120px; color: #777; font-weight: bold;}
.g_date.ready{color: #0ce429;}
.g_date.stop{color: #e4370c;}
.g_date::before{content: ""; display: inline-block; vertical-align: middle; width: 5px; height: 5px; border-radius: 50%; background-color: #777; margin-right: 5px;}
.g_detail{width: 70%; color: #111; text-align: start; display: -webkit-box; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
.g_detail span{color: #4c6c9d; font-weight: bold;}
/* //교육공지&교육과정 END*/

/* 이달의 교육과정 */
.nowmonth_w{width: 100%; padding: 10px 0;}
.nowmonth{width: 80%; margin: 0 auto;}
/* //이달의 교육과정 END*/


/* 교육일정 안내 */
.calendar01_w{width: 100%; background-color: #efefef; padding: 30px 0px 150px;}
.calendar01{width: 80%; margin: 0 auto;}
.calendar_title::before{background-image: url(/GMP/_Image/Main/calendar_title.png);}
.month01{margin: 0; margin-bottom: 20px; font-size: 32px; color: #111; letter-spacing: -1px; text-align: center;}
.cal_box_w{border-radius: 15px; overflow: hidden;}
.cal_box{ width: 100%; border-collapse: collapse;}
.cal_box th{width: 14.2%; padding: 15px 0px; background-color: #111; font-size: 25px; text-align: center; color: #fff;}
.cal_box td{ border: 1px solid #ddd; background-color: #fff;}
.cal_box td div{width: 100%; height: 100%; overflow: hidden; display: flex; gap: 4px; flex-direction: column; justify-content: start; align-self: flex-start; padding: 10px; aspect-ratio: 1/1; box-sizing: border-box;}
.cal_d{margin-bottom: 2px; font-weight: bold; color: #111; text-align: end; font-size: 18px;}
.cal_d.d_sun{color: #ff2525;} /*일요일 날짜*/
.cal_d.d_sat{color: #2a5f94;} /*토요일 날짜*/
.cal_d.n_month_d{color: #dbdbdb;} /*이전달&다음달 날짜*/
.c_link_w{display: flex; flex-direction: column; gap: 2px;}
.c_link{display: flex; align-items: center; justify-content: start; padding: 3px 0px; border-radius: 3px; text-align: center; font-size: 14px; color: #111; letter-spacing: -1px;} 
.c_link span{display: block; width: 70px; padding: 2px 5px; color: #fff; border-radius: 3px; margin-right: 2px;}
.c_link p{width: 70%; text-align: start; display: -webkit-box; -webkit-line-clamp: 1;  text-overflow: ellipsis;  -webkit-box-orient: vertical; overflow: hidden;}
.c_01{background-color: #4372b1;} /*RA*/
.c_02{background-color: #54317b;} /*인재양성과정*/
.c_03{background-color: #ffae00;} /*접수종료*/
.c_04{background-color: #ff4d00;} /*접수시작*/
.c_05{background-color: #04502c;} /**/
.c_06{background-color: #f73838;} /**/

/* 교육일정 안내 팝업  */
.cal_pop{display: none; margin-top: 10px; background-color: #fff; border-radius: 10px; padding: 20px; border: 1px solid #ddd;}
.cal_pop_top{display: flex; justify-content: space-between;}
.cal_pop_top .close_btn li{background-color: #888; bottom: 0;}
.cal_pop h3{margin: 0; margin-bottom: 30px; font-size: 20px;}
.cal_pop p{ text-align: center; font-size: 20px; color: #555;}
.cal_pop_btn{width: 100%; display: flex; justify-content: center; gap: 10px; margin-top: 30px;}
.cal_pop_btn button{border: 0; font-size: 16px; padding: 10px 20px; border-radius: 5px; cursor: pointer; color: #fff;  font-size: 16px;}
.cal_pop_btn .btn02{ background-color: #777;} /*닫기 버튼*/
.pop_info{width: 95%; margin: 0 auto; display: flex; flex-direction: column; gap: 7px;}
.pop_info li{font-size: 16px; color: #111;}
.pop_info li span{padding: 2px 9px; border-radius: 20px; font-size: 14px; color: #fff; letter-spacing: -1px;}
/* //교육일정 안내 팝업  END*/
/* //교육일정 안내 END*/


/* FOOTER */
.footer {width: 100%;}
.bank_w{width: 100%; background-color: #ffe05d; padding: 30px 0px;}
.bank{width: 80%; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 70px;}
.bank img{margin-top: -150px; width: 300px;}
.bank_info h2{margin: 0; margin-bottom: 10px; font-size: 23px; color: #111; letter-spacing: -1px;}
.bank_info p{font-size: 16px; color: #111; letter-spacing: -1px;}

.footer_links{width: 100%; margin: 0 auto;  padding: 30px 0px; border-bottom: 1px solid #ddd;}
.footer_links ul{width: 80%; margin: 0 auto; display: flex; align-items: center; justify-content: start; gap: 50px;}
.footer_links a{font-size: 18px; color: #333; font-weight: 500;}

.copyright_w{width: 100%; padding: 30px 0px; background-color: #fff;}
.f_info{width: 80%; margin: 0 auto; display: flex; align-items: start; justify-content: space-between;}
.f_info img{max-width: 400px; aspect-ratio: 6.52/1;}
.f_info ul{display: flex; flex-direction: column; gap: 5px;}
.f_info li{color: #777; font-size: 18px;}
.f_info li span{font-weight: bold; color: #555;}
.copyright{width: 80%; margin: 0 auto; font-size: 16px; color: #888;}
/* //FOOTER END */


@media screen and (max-width: 1400px){
	/* HEADER */
	.gnb, .menu, .search, .sub{width: 90%;}
	/* //HEADER END*/

	/* 메인베너 */

	/* 스와이퍼 */
	.MainSwiper .swiper-button-next:after, .MainSwiper .swiper-button-prev:after{font-size: 35px;}
	.MainSwiper .swiper-button-next{right: var(--swiper-navigation-sides-offset, 50px);}
	.MainSwiper .swiper-button-prev{left: var(--swiper-navigation-sides-offset, 50px);}
	
	/* 금주의 강의, 최근 진행상황(로그인 후) */
	.lecture_progress>div h3{height: 20%;}
	.lecture_progress .lec_list_w{height: 80%;}
	.lecture_progress>div ul{aspect-ratio: 3/1.85;}
	/* //메인베너 END */
	
	/* 퀵메뉴 */
	.main_quick ul{width: 83%; gap: 100px;}
	.main_quick li{width: calc(20% - 100px);}
	/* //퀵메뉴 END */

	/* 추천강좌&모집중인 강의 */
	.lecture_tabbtn, .lecture_con{width: 90%;}
	/* //추천강좌&모집중인 강의 END*/

	/* 교육공지&교육과정 */
	.guide{width: 90%;}
	/* //교육공지&교육과정 END*/

	/* 이달의 교육과정 */
	.nowmonth{width: 90%;}
	/* //이달의 교육과정 END*/

	/* 교육일정 안내 */
	.calendar01{width: 90%;}
	/* //교육일정 안내 END*/

	/* FOOTER */
	.bank, .footer_links ul, .f_info, .copyright{width: 90%;}
	/* //FOOTER END */
}

@media screen and (max-width: 1200px){
	/* HEADER */
	.gnb{width: 95%;}
	.logo img{max-width: 250px;}
	.gnb h1{font-size: 15px;}
	.user_menu{gap: 10px;}
	.user_menu li:nth-child(2):before{margin-right: 10px;}
	.user_menu a{font-size: 14px; letter-spacing: -1px;}

	.menu{width: 100%;}
	.menu ul li a{font-size: 18px;}

	.sub_w{height: 280px; top: 110px;}
	.sub{width: 100%;}
	.sub_menu li{padding: 10px;}
	.sub_menu li a.thp_1{display: none;}
	.sub_menu .thp_2 li{padding: 0;}
	.sub_menu .thp_2 li a{padding: 0px 5px; line-height: 30px; font-size: 14px; letter-spacing: -1px;}
	.sub_menu .thp_3 li a{background:0px;}

	.search_w{padding: 10px 0px;}
	.search{width: 95%;}
	.search form{gap: 5px;}
	.search span.s_tit{gap: 3px;}
	.search span.s_tit svg{width: 35px; height: 35px;}
	.search span.s_tit svg path{transform:scale(1.4);}
	/* //HEADER END*/

	/* 메인베너 */
	.visual {width: 90%;}

	/* 스와이퍼 */
	.MainSwiper .swiper-pagination{bottom: var(--swiper-pagination-bottom, 25px); gap: 3px;}
	.MainSwiper .swiper-pagination-bullet{width: 12px; height: 12px;}
	
	/* 금주의 강의, 최근 진행상황(로그인 후) */
	.lecture_progress>div li{padding: 5px;}
	.lecture_progress>div h4{font-size: 13px;}
	.lecture_progress>div p{font-size: 12px;}
	.lecture_progress>div span{font-size: 12px;}
	
	/* //메인베너 END */

	/* 퀵메뉴 */
	.main_quick ul{width: 90%; gap: 80px;}
	.main_quick li{width: calc(20% - 80px);}
	/* //퀵메뉴 END*/

	/* 네비 버튼 */
	.navi_btn_w{margin-bottom: 5px;}
	.next_btn, .prev_btn{width: 30px; height: 30px;}
	.prev_btn{right: 35px;}
	.next_btn:after, .prev_btn:after{font-size: 16px}
	/* //네비 버튼 END */
	
	/* Page Document 공통 */
	/* 각 배너 제목 */
	.banner_title{font-size: 28px;}
	.banner_title::before{width: 25px; height: 25px;}
	/* 각 배너 제목 END*/

	/* 스와이퍼 li.swiper-slide 관련 */
	.comm_swiper li.swiper-slide{padding: 14px;}
	/* //스와이퍼 li.swiper-slide 관련 END  */

	/* 스와이퍼 li 자식 제목 및 내용 */
	.swiper_txt01, .swiper_txt02{font-size: 14px; line-height: 16px;}
	.swiper_title{font-size: 18px; margin: 5px 0px; line-height: 22px;}
	/* //스와이퍼 li 자식 제목 및 내용 END*/
	/* Page Document 공통 */

	/* 추천강좌&모집중인 강의 */
	.lecture_tabbtn{width: 95%; align-items: center;}
	.lecture_tabbtn::before{width: 25px; height: 25px;}
	.lecture_tabbtn li{font-size: 28px;}
	.lecture_con{width: 95%;}
	.lec_info{padding: 7px;}
	.lecture_tabbtn li.lec_tabbtn_bar{height: 20px;}
	.lec_info>ul li{font-size: 14px;}
	/* //추천강좌&모집중인 강의 END*/

	/* 교육공지&교육과정 */
	.guide{width: 95%;}
	.g_box_top a{font-size: 15px;}
	.g_box_top a img{width: 7px;}
	.g_box_bottom p{font-size: 16px;}
	/* //교육공지&교육과정 END*/

	/* 이달의 교육과정 */
	.nowmonth{width: 95%;}
	/* //이달의 교육과정 END*/

	/* 교육일정 안내 */
	.calendar01{width: 95%;}
	.month01{font-size: 26px; margin-bottom: 10px;}
	.cal_box th{padding: 8px 0px; font-size: 20px; font-weight: 500;}
	.cal_d{font-size: 16px;}
	.c_link{padding: 2px; font-size: 13px;}
	/* //교육일정 안내 END*/

	/* FOOTER */
	.footer_links{padding: 15px 0px;}
	.footer_links ul{width: 95%;}
	.footer_links a{font-size: 16px;}
	
	.copyright_w{padding: 20px 0px;}
	.f_info{width: 95%;}
	.f_info img{width: 300px;}
	.f_info ul{gap: 3px;}
	.f_info li{font-size: 16px;}
	.copyright{width: 95%; font-size: 14px; letter-spacing: -1px;}
	/* //FOOTER END */
}

@media screen and (max-width: 1024px){
	/* HEADER(햄버거메뉴 추가)*/
	.user_menu{gap: 30px;}
	.user_menu li:nth-child(2):before{display: none;}
	.bg_user_m{display: none;}
	.ham_btn{display: inline-block; width: 20px; aspect-ratio: 1/0.7; cursor: pointer;}
	.ham_btn ul{width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px;}
	.ham_btn li{width: 100%; height: 2px; border-radius: 2px; background-color: #333;}
	.menu_w{display: none;}
	.m_menu_w{position: fixed; z-index: 30; background-color: #ddd; top:0; left: 0; bottom: 0; right: 0;}
	.m_menu_w.on{display: block;}
	.m_menu_top{background-color: #4c6c9d; padding: 17px 0px;}
	.m_user_menu{width: 95%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
	.m_user_menu ul{display: flex; align-items: center; justify-content: center; gap: 35px;}
	.m_user_menu a{display: flex; align-items: center; gap: 4px; font-size: 16px; color: #fff;}
	.m_user_menu a img{width: 18px;}
	.close_btn{width: 20px; aspect-ratio: 1/1; cursor: pointer;}
	.close_btn>ul{width: 20px; aspect-ratio: 1/1;  position: relative;}
	.close_btn>ul>li{width: 20px; height: 2px; border-radius: 2px; background-color: #fff; position: absolute; top:8px; bottom: 8px;}
	.close_btn>ul>li:first-child{transform: rotate(45deg);}
	.close_btn>ul>li:last-child{transform: rotate(-45deg);}
	.m_menu{background-color: #fff;}
	.dep1 h3{display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 15px 20px; border-bottom: 1px solid #ddd; cursor: pointer; font-size: 18px; color: #222; font-weight: 500;}
	.dep1 h3 span{width: 18px; display: flex; align-items: center; transition: all 0.3s;}
	.dep1 h3 span.on{transform: rotate(180deg);}
	.dep1 h3 img{width: 100%;}
	.dep1 h3.on, .dep1 h3:hover{background-color: #edf4ff; color: #4c6c9d;}
	.dep2{display: none; border-bottom: 1px solid #ddd;}
	.dep2 li:hover{background-color: #f1f1f1;}
	.dep2 li>a{display: block; padding: 10px 30px; font-size: 16px; color: #222;}
	.dep2 li:hover>a{color: #111;}
	.dep3{background-color: #fff;}
	.dep3 li a{margin-left: 15px; font-size: 14px; color: #555;}
	.dep3 li:hover{background-color: transparent;}
	.dep3 li:hover a{color: #4c6c9d;}
	.dep3 li a::before{content: ""; display: inline-block; vertical-align: middle; margin-right: 3px; border-radius: 50%; width: 3px; height: 3px; background-color: #555;}
	.dep3 li:hover a::before{background-color: #4c6c9d;}
	/* //HEADER END(햄버거메뉴 추가)**/

	/* 메인베너 */
	.visual{width: 100%; aspect-ratio: auto; flex-direction: column; gap: 5px;}

	/* 스와이퍼 */
	.MainSwiper{width: 100%;}
	.MainSwiper .swiper-button-next, .MainSwiper .swiper-button-prev{top: auto; bottom:12px; margin-top: 0;}
	.MainSwiper .swiper-button-next:after, .MainSwiper .swiper-button-prev:after{font-size: 18px;}
	.MainSwiper .swiper-button-next{right: 20px;}
	.MainSwiper .swiper-button-prev{left: auto; right: 45px;}

	/* 금주의 강의, 최근 진행상황(로그인 후) */
	.lecture_progress{width: 95%; margin: 0 auto; margin-bottom: 5px; flex-direction: row; gap: 5px; justify-content: center;}
	.lecture_progress>div{width: calc(55% - 10px); height: auto;}
	.lecture_progress>div h3{height: auto; padding: 8px; border-radius: 5px 5px 0px 0px;}
	.lecture_progress .lec_list_w{height: auto; border-radius: 0px 0px 5px 5px;}
	.lecture_progress>div ul{aspect-ratio: 5/2;}

	/* 금주의 강의(로그인 전) */
	.lecture_progress .only_weekly_item{width: 100%;}
	.lecture_progress .only_weekly_item ul{aspect-ratio: 5/1;}
	.lecture_progress .only_weekly_item li{display: flex; justify-content: space-between;}
	/* //메인베너 END */
}

@media screen and (max-width: 992px){
	/* 교육공지&교육과정 */
	.guide_w{background-color: #fff; padding: 0;}
	.guide{width: 100%; flex-direction: column; align-items: center; gap: 0px;}
	.guide_box{width: 100%; padding: 30px 0px;}
	.guide_box:first-child{background-color: #dfefff;}
	.guide_box:last-child{background-color: #fff;}
	.g_box_top, .g_box_bottom{width: 95%; margin: 0 auto;}
	.g_box_top{margin-bottom: 7px;}
	.g_box_bottom p{font-size: 20px;}
	/* //교육공지&교육과정 END */

	/* 퀵메뉴 */
	.main_quick ul{width: 95%; gap: 60px;}
	.main_quick li{width: calc(20% - 60px);}
    .main_quick li p{font-size: 15px;}
	/* //퀵메뉴 END */

	/* 이달의 교육과정 */
	.nowmonth_w{background-color: #efefef;}
	/* //이달의 교육과정 END*/

	/* 교육일정 안내 */
	.calendar01_w{padding: 30px 0px; background-color: #fff;}
	.cal_box td div{align-items: end; cursor: pointer;}
	.cal_d{font-size: 14px;}
	.c_link_w{width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: start; gap: 4px;}
	.c_link_w li{width: calc(20% - 4px);}
	.c_link{font-size: 0; width: 100%;  pointer-events: none; padding: 3px;}
	.c_link span{display: block; width: 100%; height: 100%; aspect-ratio: 1/1; padding: 0; border-radius: 50%;}
	.c_link p{display: none;}
	
	/* 교육일정 안내 팝업  */
	.cal_pop.on{display: block;}
	/* 교육일정 안내 팝업  */
	/* //교육일정 안내 END*/

	/* FOOTER */
	.bank_w{background-color: #fff5c7;}
	.bank{gap: 40px;}
	.bank img{margin-top: 0; width: 20%;}
	.bank_info h2{font-size: 18px;}
	.bank_info p{font-size: 14px;}
	.f_info{flex-direction: column; gap: 30px; margin-bottom: 30px;}
}

@media screen and (max-width: 768px){
	/* HEADER */
	.logo{flex-direction: column; gap: 0px; align-items: start;}
	.gnb h1{margin: 0;}

	.search form{flex-direction: column; gap: 8px; align-items: start;}
	.search span.s_tit{width:auto;}
	/*// HEADER END */

	/* 메인베너 */
	.MainSwiper .swiper-pagination{bottom: var(--swiper-pagination-bottom, 15px); gap: 1px;}
	.MainSwiper .swiper-pagination-bullet{width: 10px; height: 10px;}
	/* //메인베너 END */
	
	/* 퀵메뉴 */
	.main_quick ul{gap: 30px;}
	.main_quick li{width: calc(20% - 30px);}
	/* //퀵메뉴END */

	/* Page Document 공통 */
	/* 스와이퍼 li 자식 제목 및 내용 */
	.swiper_title br{display: none;}
	/* //스와이퍼 li 자식 제목 및 내용 END  */
	/* //Page Document 공통 END */

	/* 교육공지&교육과정 */
	.g_box_bottom p{font-size: 16px;}
	.g_box_bottom p.g_date{width: 100px;} 
	/* //교육공지&교육과정 END*/

	/* 교육일정 안내 */
	.cal_box_w{border-radius: 10px;}
	.cal_box td div{padding: 7px;}

	/* 교육일정 안내 팝업  */
	.pop_info{width: 100%;}
	/* //교육일정 안내 팝업  END*/
	/* //교육일정 안내 END*/

	/* FOOTER */
	.bank{gap: 20px;}
	.bank_info h2{font-size: 20px;}
	/* //FOOTER END */
}

@media screen and (max-width: 576px){
	/* HEADER */
	.logo img{width: 200px;}
	.gnb h1{font-size: 14px;}
	.user_menu{gap: 15px;}
	.ham_btn{width: 18px; margin-bottom: -3px;}
	.ham_btn ul{gap: 4px;}
	.m_user_menu>ul{gap: 20px;}

	.sel_group_w{flex-direction: column;}
	.sel_group{width: 100%;}
	.search select{height: 35px; font-size: 14px;}
	.search_box{width: 100%;}
	.search_box input{height: 35px; font-size: 14px;}
	.search_box a{top: 5px; right: 10px;}
	/*// HEADER END */

	/* 메인베너 */
	.visual {width: 100%; flex-direction: column;}

	/* 스와이퍼 */
	.MainSwiper{width: 100%; aspect-ratio: 1/1;}
	.MainSwiper img{display: none;}
	.MainSwiper img.m_main_img{display: block;}
	.MainSwiper .swiper-button-next, .MainSwiper .swiper-button-prev{bottom:5px;}
	.MainSwiper .swiper-button-next:after, .MainSwiper .swiper-button-prev:after{font-size: 18px;}
	.MainSwiper .swiper-button-next{right: 20px;}
	.MainSwiper .swiper-button-prev{left: auto; right: 45px;}

	/* 금주의 강의, 최근 진행상황(로그인 후) */
	.lecture_progress{flex-direction: column; width: 100%;}
	.lecture_progress>div{width: 95%; margin: 0 auto;}
	.lecture_progress>div h3{font-size: 16px;}
	.lecture_progress .lec_list_w{padding: 8px;}

	/* 금주의 강의(로그인 전) */
	.lecture_progress .only_weekly_item{width: 95%;}
	.lecture_progress .only_weekly_item ul{aspect-ratio: 5/2;}
	/* //메인베너 END */

	/* 퀵메뉴 */
	.main_quick ul{flex-wrap: wrap; gap: 20px 60px;}
	.main_quick li{width: calc(33.333333% - 60px);}
	/* //퀵메뉴END */

	/* Page Document 공통 */
	/* 모집안내 */
	.re_info_box li{font-size: 13px;}
	/* //모집안내 END */
	
	/* 각 배너 제목 */
	.banner_title{font-size: 24px;}
	.banner_title::before{width: 20px; height: 20px;}
	/* 각 배너 제목 END*/

	/* 네비 버튼 */
	.next_btn, .prev_btn{width: 25px; height: 25px;}
	.prev_btn{right: 28px;}
	.next_btn:after, .prev_btn:after{font-size: 13px}
	/* //네비 버튼 END */

	/* 스와이퍼 li.swiper-slide 관련 */
	.comm_swiper{margin-top: 35px;}
	/* //스와이퍼 li.swiper-slide 관련 END  */

	/* 스와이퍼 li 자식 제목 및 내용 */
	.swiper_txt01, .swiper_txt02{font-size: 13px; line-height: 14px; font-weight: normal;}
	.swiper_title{font-size: 16px; margin: 5px 0px; line-height: 19px;}
	/* //스와이퍼 li 자식 제목 및 내용 END  */
	/* //Page Document 공통 END */

	/* 추천강좌&모집중인 강의 */
	.lecture_tabbtn li{font-size: 24px;}
	.lecture_tabbtn::before{width: 20px; height: 20px;}
	.lecture_tabbtn li.lec_btn.on{border-bottom: 3px solid #20699c;}
	/* //추천강좌&모집중인 강의 END*/

	/* 교육공지&교육과정 */
	.g_box_top a{font-size: 14px;}
	.g_box_top a img{width: 5px;}
	.g_box_bottom a{align-items: start; gap: 30px;}
	.g_box_bottom p.g_date{width: 70px; order: 2; font-size: 13px; text-align: end; font-weight: normal;}
	.g_box_bottom p.g_detail{width: 80%; order: 1; font-size: 14px;}
	.g_date::before{display: none;}
	/* //교육공지&교육과정 END */

	/* 교육일정 안내 */
	.month01{font-size: 20px; margin-bottom: 5px; margin-top: 10px;}
	.cal_box th{font-size: 15px;}
	.cal_box td div{padding: 3px; aspect-ratio: 1/1.7;}
	.cal_d{font-size: 13px;}
	.c_link_w{gap: 3px;}
	.c_link_w li{width: calc(25% - 3px);}
	
	.cal_pop h3{font-size: 18px; margin-bottom: 20px;}
	.cal_pop_btn{gap: 5px; margin-top: 20px;}
	.cal_pop_btn button{padding: 6px 14px; font-size: 15px}
	.pop_info li{font-size: 14px;}
	/* //교육일정 안내 END*/

	/* FOOTER */
	.bank{justify-content: start;}
	.bank img{display: none;}
	.bank_info h2{font-size: 18px; margin-bottom: 2px;}
	.cal_pop p{font-size: 16px;}
	.bank_info p{font-size: 13px;}
	.pop_info li span{font-size: 13px;}

	.footer_links ul{gap: 30px;}
	.footer_links a{font-size: 14px;}

	.f_info{gap: 20px; margin-bottom: 20px;}
	.f_info img{width: 250px;}
	.f_info li{font-size: 14px; letter-spacing: -1px;}
	.copyright{font-size: 13px;}
	/* //FOOTER END */
}

@media screen and (max-width: 420px){
	/* HEADER */
	.logo img{width: 150px;}
	.gnb h1{font-size: 9px;}
	.user_menu a{font-size: 12px;}
	.ham_btn{width: 15px;}
	.ham_btn ul{gap: 3px;}
	.m_user_menu>ul{gap: 18px;}
	.m_user_menu a{font-size: 13px; gap: 2px;}
	.m_user_menu a img{width: 12px;}
	.dep1 h3{padding: 15px; font-size: 16px;}
	.dep1 h3 span{width: 15px;}

	.search span.s_tit{font-size: 18px;}
	.search span.s_tit svg{width: 30px; height: 30px;}
	.search span.s_tit svg path{width: 100%; height: 100%; transform:scale(1.2); fill: #fff;} 

	.search select{height: 30px; font-size: 13px;}
	.search_box input{height: 30px; font-size: 13px;}
	/* //HEADER END */

	/* 메인배너 */
	/* 스와이퍼 */
	.MainSwiper .swiper-button-next:after, .MainSwiper .swiper-button-prev:after{font-size: 16px;}
	.MainSwiper .swiper-button-next{right: 15px;}
	.MainSwiper .swiper-button-prev{right: 35px;}

	/* 금주의 강의(로그인 전) */
	.lecture_progress .only_weekly_item ul{aspect-ratio: 5/3;}
	.lecture_progress .only_weekly_item li{flex-direction: column;}
	/* //메인배너 END*/

	/* 퀵메뉴 */
	.main_quick ul{flex-wrap: wrap; gap: 20px;}
	.main_quick li{width: calc(33.333333% - 20px);}
	.main_quick li p{font-size: 13px;}
	/* //퀵메뉴END */

	/* Page Document 공통 */
	/* 네비 버튼 */
	.navi_btn_w{margin-bottom: 0;}
	/* //네비 버튼 END */

	/* 각 배너 제목 */
	.banner_title{font-size: 22px;}
	.banner_title::before{width: 18px; height: 18px;}
	/* 각 배너 제목 END*/
	/* //Page Document 공통 END */

	/* 추천강좌&모집중인 강의 */
	.lecture_w{padding: 20px 0px;}
	.lecture_tabbtn li{font-size: 20px;}
	.lecture_tabbtn li.lec_tabbtn_bar{margin: 0px 10px ;}
	.lecture_tabbtn::before{width: 15px; height: 15px; margin-right: 2px;}
	/* //추천강좌&모집중인 강의 END*/

	/* 교육공지&교육과정 */
	.guide_box{padding: 20px 0px;}
	/* //교육일정 안내 END*/

	/* 이달의 교육과정*/
	.nowmonth_w{padding: 20px 0px;}
	/* //이달의 교육과정 END*/

	/* 교육일정 안내 */
	.calendar01_w{padding: 20px 0px;}
	.c_link_w{gap: 2px;}
	.c_link_w li{width: calc(25% - 2px);}
	/* //교육일정 안내 END*/

	/* FOOTER */
	.bank_info p{font-size: 13px;}

	.footer_links ul{flex-direction: column; gap: 5px; align-items: start;}
	.footer_links li{background-color: #466fa1; width: 100%; text-align: center; border-radius: 5px;}
	.footer_links a{display: block; padding: 5px; color:#fff}
	/* //FOOTER END*/
}


/* sub */
.sub_visual {width: 100%; aspect-ratio: 9/1;}
.visual_03 {background: url('../images/sub_visual_3.jpg'); background-size: cover;}
.sub_visual h2 {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; margin: 0; font-size: 42px; font-family: 'notokr-medium'; font-weight: normal; color: #fff; text-align: center;  background: url('/GMP/_Image/Main/sub_visual.jpg'); background-size: cover; background-repeat: no-repeat;}

.content_w{margin-bottom: 170px; padding: 0px 20px;}
.cont_w {width: 100%; max-width: 1200px; margin: 0 auto;}
.cont_w h3 {width: 100%; border-bottom: 1px solid #e1e1e1; text-align: center; margin: 0; padding: 70px 0 40px 0; font-size: 32px; font-family: 'notokr-medium'; font-weight: normal; color: #222; line-height: 29px; height: 29px;}

.tab_w {width: 100%; margin: 49px 0 20px 0;}
.tab{display: flex; align-items: center; justify-content: start;}
.tab li {border: 1px solid #e1e1e1; text-align: center; list-style: none;  padding: 15px 30px; box-sizing: border-box;}
.tab li.on {background: #5a6273;}
.tab li a {color: #333; font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; text-decoration: none;}
.tab li.on a {color: #fff;}

/* breadcrumb navigation 추가 */
.breadcrumb_w{width: 100%; background-color: #fff; padding: 15px 0px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.breadcrumb{width: 80%; margin: 0 auto; display: flex; align-items: center; justify-content: start; gap: 20px;}
.breadcrumb li{font-size: 16px; color: #333;}
.breadcrumb li::before{content: ""; display: inline-block; margin-right: 20px; background-image: url(/GMP/_Image/Main/breadcrumb_arrow.png); background-repeat: no-repeat; background-size: contain; width: 12px; aspect-ratio: 1/1;}
.breadcrumb li:first-child::before{display: none;}
.breadcrumb li.on{color: #466fa1; font-weight: bold;}
.breadcrumb li img{width: 20px;}
/* //breadcrumb navigation END */

.s_box {width: 100%; max-width: 1200px; padding: 25px; border: 1px solid #e9e9e9; margin-top: 50px; background: #fafafa; box-sizing: border-box;}
.s_box ul{width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: start; gap: 15px 25px;}
.s_box li {width: calc(50% - 15px); display: flex; align-items: center; justify-content: start; gap: 7px; list-style: none;}
.s_box li.s_box_btn_w{width: 100%; justify-content: center;}
.s_box li .txt {width: 40px; font-weight: bold; font-size: 16px; color: #333; vertical-align: middle;}
.s_box li .txt00 {width: 85px;}
.s_box li .txt01{width: 100px;}
.s_box .cor_date_input{width: 100%; display: flex; align-items: center; justify-content: start; gap: 7px;}/*날짜*/
.s_box .sel_wrap_box{width: 100%; display: flex; align-items: center; justify-content: start; gap: 7px;}
.s_box .sel_radio_box{ width: 50%; display: flex; align-items: center; justify-content: start; flex-wrap: nowrap;}
.s_box .sel_radio_box li{width: auto;}
.s_box li .txt.bar {width: auto; padding-right: 10px; position: relative;}
.s_box li .txt.bar:after {content: ''; display: block; position: absolute; right: 3px; top: 15px; width: 1px; height: 10px; background: #c1c5cd;}
.s_box li .txt.bar:nth-child(4):after {display: none;} 
.s_box .sel_wrap{width: 100%; display: flex; align-items: center; justify-content: start; gap: 10px;}
.s_box li select {width: 50%; outline: none;  padding: 0 22px 0 15px; line-height: 44px; border: 1px solid #c2c2c2; vertical-align: middle; font-size: 16px; color: #666; padding-left: 10px; -webkit-appearance: none; cursor: pointer; background: #fff url('/GMP/_Image/Main/s_sel.png') right 50% no-repeat;}
.s_box li .sel_wrap_box select{width: 100%;}
.s_box li select::-ms-expand {display: none;}
.s_box li input {width: 50%; outline: none; padding: 0 22px 0 15px; line-height: 44px; border: 1px solid #c2c2c2; vertical-align: middle; box-sizing: border-box;}
.s_box li .sel_wrap_box input {width: 100%;}
.s_box li input[type=radio] {margin:0; width: auto;}
.s_box li label {line-height: 15px; vertical-align: middle;}
.s_box li a {margin-right: 5px;}
.s_box li a img {vertical-align: middle;}
.s_box li a.btn {right: 0; padding: 15px 50px; margin-top: 10px; box-sizing: border-box; background: #5a6273; color: #fff; font-size: 16px; text-decoration: none; text-align: center;}
.s_box li a.confirm {display: inline-block; width: 68px; height: 30px; border: 1px solid #05a6ab; color: #05a6ab; font-size: 16px; text-decoration: none; line-height: 30px; text-align: center; margin-right: 5px;}
.s_box li a.cancel {display: inline-block; width: 85px; height: 30px; border: 1px solid #ed1c24; color: #ed1c24; font-size: 16px; text-decoration: none; line-height: 30px; text-align: center; margin-right: 5px;}
.s_box li a.resignation {display: inline-block; width: 68px; height: 30px; border: 1px solid #5a6273; color: #5a6273; font-size: 16px; text-decoration: none; line-height: 30px; text-align: center;}

.stit {padding-top: 33px;}
.stit>form{display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px;}
.stit h4 {margin: 0; padding: 0; height: 22px; line-height: 22px; font-family: 'notokr-medium'; font-weight: normal; font-size: 23px; color:#222;}
.stit select {width: 210px; height: 30px; border: 1px solid #c2c2c2; vertical-align: middle; font-size: 16px; letter-spacing: -0.07em; color: #666; padding-left: 10px; -webkit-appearance: none; cursor: pointer; background: #fff url('/GMP/_Image/Main/s_sel.png') right 50% no-repeat;}
.stit select::-ms-expand {display: none;}
.table_top_w select{border-radius: 0; padding: 15px 30px;}

.info {padding: 17px 0 12px 0; height: 40px;}
.info a.apply_info {width: 141px; height: 40px; line-height: 40px; display: inline-block; background: #28c3d7; color: #fff; font-size: 16px; font-family: 'notokr-medium'; font-weight: normal; text-align: center; text-decoration: none;}
.info .fr span {width: 40px; height: 40px; display:inline-block; text-indent: -2000px; cursor: pointer;}
.info .fr span.b_gall {background: url('/GMP/_Image/Main/m_gall.gif') no-repeat;}
.info .fr span.b_list {background: url('/GMP/_Image/Main/m_list.gif') no-repeat;}
.info .fr span.b_gall.on {background-position: 0 -40px;}
.info .fr span.b_list.on {background-position: 0 -40px;}

.mon_tab {width: 100%;  margin-bottom: 12px;}
.mon_tab ul {width: 100%; height: 100%; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
.mon_tab ul li {list-style: none; height: 100%; width: 7.6%; border: 1px solid #e1e1e1; border-right: 0; line-height: 50px;}
.mon_tab ul li.on {border: 1px solid #5a6273; border-right: 0;}
.mon_tab ul li a {width: 100%; height: 100%; display: block; text-align: center; text-decoration: none; font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color: #333;}
.mon_tab ul li.on a {background: #466fa1; color: #fff;}
.mon_tab ul li:first-child {width: 94px;}
.mon_tab ul li:last-child {border-right: 1px solid #e1e1e1;}
.mon_tab ul li:last-child.on {border-right: 1px solid #5a6273}

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

@media screen and (max-width: 1200px){
	.sub_visual{aspect-ratio: 6/1;}
	.sub_visual h2{font-size: 36px;}

	.breadcrumb{width: 95%;}

	.s_box{
		padding: 20px;
	}
}

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


@media screen and (max-width: 992px){
	.content_w{margin-bottom: 50px;}

	.s_box ul{flex-direction: column;}
	.s_box li{flex-direction: column; align-items: start; width: 100%;}
	.s_box li a.btn {width: 100%;}
	.s_box .sel_wrap_box{flex-direction: column; align-items: start;}
	.s_box .sel_wrap{flex-direction: column;}
	.s_box .sel_wrap.sel_wrap_radio{flex-direction: column; width: 100%;  align-items: start; justify-content: start;}
	.s_box .sel_radio_box{width: 100%; flex-direction: row; justify-content: start; align-items: start;}
	.s_box .sel_radio_box li{width: 33.3333%; flex-direction: row;}
	.s_box li select {width: 100%;}
	.s_box li input {width: 100%;}
	.s_box li label{font-size: 14px;}
}

@media screen and (max-width: 768px){
	.tab{flex-wrap: wrap;}
	.tab li{width: 50%; padding: 10px;}
	.tab li a{font-size: 14px;}

	.stit>form{flex-direction: column; align-items: start; gap: 10px;}
}

@media screen and (max-width: 576px){
	.breadcrumb_w{padding: 10px;}
	.breadcrumb{gap: 10px;}
	.breadcrumb li{font-size: 14px;}
	.breadcrumb li::before{width: 10px; margin-right: 10px;}

	.mon_tab ul{flex-wrap: wrap; border: 1px solid #e1e1e1; align-items: start; justify-content: center;}
	.mon_tab ul li {width: calc(33.33333% - 1px);}
	.mon_tab ul li:first-child{display: block; width: 100%; order: 13;}
}

@media screen and (max-width: 420px){
	.content_w{margin-bottom: 30px; padding: 0 10px;}
	.cont_w h3{padding: 30px 0; font-size: 24px;}

	.breadcrumb_w{padding: 8px;}
	.breadcrumb{gap: 5px;}
	.breadcrumb li{font-size: 13px;}
	.breadcrumb li::before{margin-right: 5px;}

	.stit h4 {font-size: 18px;}
}

/* 게시판 */
.board_w {width: 100%;}
table caption {display: none;}
.board_w h4 {margin: 0; padding: 38px 0 16px 0; height: 22px; line-height: 22px; font-size: 23px; font-family: 'notokr-medium'; font-weight: normal; color: #222222; font-weight: normal;}
.board_w>p {padding: 25px 0 12px 0; font-size: 16px; color: #333; margin: 0; height: 16px; line-height: 16px; display: table;}
.list {width: 100%; border-top: 1px solid #333; border-collapse: collapse;}
.list th {border-bottom: 1px solid #c1c5cd; font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color:#333; height: 58px;}
.list td {border-bottom: 1px solid #c1c5cd; font-size: 16px; color: #333; height: 58px; text-align: center;}
.list td a {color: #333; text-decoration: none;}
.list td span.app_fin {color: #2d57ad;}/*접수완료*/
.list td span.app_ready {color: #4aba67;}/*접수전*/
.list td span.app_regi {color: #ed1c24;}/*접수중*/
.list td span.app_login {color: #cba17c;}/*로그인*/
.list td a.pay_confirm {border: 1px solid #333; color: #333; border-radius: 17px; width: 90px; height: 34px; line-height: 32px; text-align: center; display: inline-block;} /*결제완료*/
.list td a.pay_ready {border: 1px solid #ff2632; color: #ff2632; border-radius: 17px; width: 90px; height: 34px; line-height: 32px; text-align: center; display: inline-block;} /*결제대기*/
.list td a.pay_visit {border: 1px solid #2e3192; color: #2e3192; border-radius: 17px; width: 90px; height: 34px; line-height: 32px; text-align: center; display: inline-block;} /*방문결제*/
.list td span.pay_confirm {color: #333; border-radius: 17px; width: 90px; height: 34px; line-height: 32px; text-align: center; display: inline-block;} /*결제확인*/
.list td span.pay_ready {color: #ff2632; border-radius: 17px; width: 90px; height: 34px; line-height: 32px; text-align: center; display: inline-block;} /*결제대기*/
.list td span.pay_visit {color: #2e3192; border-radius: 17px; width: 90px; height: 34px; line-height: 32px; text-align: center; display: inline-block;} /*방문결제*/
.list td a.link {text-decoration: underline;}
.list td a.name {color: #348cd4; text-decoration: underline;}

.list td a.comp {color: #2f3237;}/* 수료 */
.list td a.apply {border-top: 0; color: #d9534f;}/* 수강취소 */
.list td a.confir {color: #348cd4;}/* 수강확정 */
.list td a.ready {color: #8560a8;}/* 수강대기 */
.list td a:hover {text-decoration: underline;}
.list td.t_l {padding-left: 15px; text-align: left;}
.list td span.noti {display: inline-block; width: 49px; height: 25px; background: #d9394a; color: #fff; line-height: 25px;}

.view {width: 100%; border-top: 1px solid #333; border-collapse: collapse;}
.view th.b_title {font-size: 19px; height: 64px; border: 1px solid #c1c5cd; border-top: 0; background: #fff;}
.view th {font-family: 'notokr-bold'; color: #222; font-size: 16px; height: 44px; background: #f0f3f9; border-right: 1px solid #d9dde4; border-bottom: 1px solid #d9dde4;}
.view td {border-bottom: 1px solid #d9dde4; padding-left: 18px; color: #333; font-size: 16px;}
.view td a {color: #333; text-decoration: none;}
.view td a.link {margin: 10px; height: 55px; display: inline-block;}
.view td.cont {padding: 30px 27px 35px 27px; line-height: 24px;}
.view td.cont2 {padding: 30px 0 10px; line-height: 30px; border-bottom: 0; letter-spacing: -0.05em;}
.view td .reply {background: #f5f5f5; padding: 15px;}
.view td.no_bor {border-bottom: 0;}
.board_w .btn {padding-top: 20px; width: 100%; text-align: center; display: flex; justify-content: center; gap: 15px; margin: 0 auto;}
.board_w .btn a {padding: 15px 40px; text-decoration: none; font-size: 18px; background: #4f5d73; color: #fff; text-decoration: none;}
.board_w .btn a.link {border: 1px solid #4f5d73; background: #fff; color: #464e5f;}
.board_w p.red {line-height: 1.5;}
.board_w .btn a.list {background: #ebebeb; color: #333; border-top: 0;}
.view .reply_w {width: 100%;}
.view .reply_w .fl {width: 880px;}
.view .reply_w .fr {width: 90px;}
.view .reply_w textarea {width: 100%; border: 1px solid #ddd; height: 75px; padding: 5px; box-sizing: border-box;}
.view .reply_w a {width: 10%; display: inline-block; background: #4f5d73; color: #fff; text-align: center; height: 75px; line-height: 75px;}

.view td ul {margin: 18px;}
.view td ul li {list-style: circle; letter-spacing: -0.05em; font-size: 16px; line-height: 24px; color: #333;}

.view_d {border-top: 1px solid #333; border-collapse: collapse; margin: 18px 0;}
.view_d th {height: 42px; border: 1px solid #cfcfcf; border-top: 0; background: #f5f5f5; font-size: 16px; color: #333; font-weight: normal; font-family: 'notokr-regular';}
.view_d td {height: 42px; border: 1px solid #cfcfcf; border-top: 0; padding-left: 0; text-align: center; font-size: 16px; color: #333; letter-spacing: -0.05em;}
.view_d td a.map {width: 59px; height: 24px; line-height: 24px; display: inline-block; background: #727272; border: 1px solid #4f4f4f; color: #fff; text-align: center; text-decoration: none;}
.view_d td a.reception {width: 78px; height: 24px; line-height: 24px; display: inline-block; background: #11b3bd; border: 1px solid #008189; color: #fff; text-align: center; text-decoration: none;}
.view_d td.t_l {text-align: left; padding: 18px;}

.write {width: 100%; border-top: 1px solid #333; border-collapse: collapse;}
.write th {font-family: 'notokr-bold'; color: #222; font-size: 16px; height: 55px; background: #f0f3f9; border-right: 1px solid #d9dde4; border-bottom: 1px solid #d9dde4;}
.write td {border-bottom: 1px solid #d9dde4; padding-left: 18px; color: #333; font-size: 16px;}
.write td input {height: 37px; border: 1px solid #ddd; padding: 0 10px; font-size: 16px;}
.write td input[type=file] {border: 0; vertical-align: middle; padding: 0; height: auto;}
.write td textarea {height: 250px; border: 1px solid #ddd; padding: 10px; font-size: 16px;}

.write td select {width: 188px; height: 37px; border: 1px solid #c2c2c2; vertical-align: middle; margin-right: 3px; font-size: 16px; color: #666; padding-left: 10px; -webkit-appearance: none; cursor: pointer; background: #fff url('/GMP/_Image/Main/s_sel.png') right 50% no-repeat;}
.write td select::-ms-expand {display: none;}
.write td table td {border-bottom: 0px solid #d9dde4; padding-left: 18px; color: #333; font-size: 16px;}
.write td .btn {padding-top: 20px;}
.write td .btn a {display: inline-block; width: 92px; height: 37px; background: #4f5d73; color: #fff; text-decoration: none; font-size: 16px; text-align: center; line-height: 42px; margin-left: 5px;}
.write td .btn a.link {border: 1px solid #4f5d73; background: #fff; color: #464e5f;}
.board_w .btn.apply {border: 0;}


.write2 {width: 100%; border: 1px solid #ddd; border-top: 1px solid #333; border-collapse: collapse;}
.write2 th {font-family: 'notokr-bold'; color: #222; font-size: 16px; width: 150px; padding: 10px; box-sizing: border-box; background-color: #f1f1f1; border: 1px solid #ddd;}
.write2 td {padding: 10px 18px; box-sizing: border-box; color: #333; font-size: 16px; letter-spacing: -0.05em; border: 1px solid #ddd;}
.write2 td input[type="text"]{outline: none; width: 100%; height: 37px; border: 1px solid #ddd; padding: 0 10px; font-size: 16px; box-sizing: border-box; vertical-align: middle;}
.write2 td input:disabled {background: #f3f3f3;}
.write2 td input[type=file] {border: 0; vertical-align: middle; padding: 0; height: auto;}
.write2 td span {color: #333; font-size: 16px;}
.write2 td a {width: 20%; border: 1px solid #11b3bd; text-align: center; font-size: 16px;  padding: 7px 0px; text-align: center; text-decoration: none; color: #11b3bd; box-sizing: border-box; vertical-align: middle;} 
.write2 td a.btn {width: 35px; border: 0; padding: 0;}
.write2 td select {outline: none; width: 100%; height: 30px; border: 1px solid #c2c2c2; vertical-align: middle; margin-right: 3px; font-size: 16px; color: #666; padding-left: 10px; -webkit-appearance: none; cursor: pointer; background: #fff url('/GMP/_Image/Main/s_sel.png') right 50% no-repeat;}
.write2 td select::-ms-expand {display: none;}
.write2 .write2_flex_w{width: 100%; display: flex; flex-direction: column;}
.write2 .write2_sub_w{width: 100%; display: flex; align-items: center; gap: 20px;}
.write2 .write2_sub_w input[type="text"]{width: 60%;}
.write2 .write2_sub_w .write2_radio_w{width: 40%; display: flex; align-items: center; gap: 20px;}
.write2 .write2_sub_w .write2_radio{display: flex; align-items: center; gap: 3px;}
.write2 .write2_img_mobile{display: none;}

.file_import{display: flex; gap: 5px; align-items: center;}
.file_import_box{display: flex;}
.file_import label
{
	text-align:center; width: 89px; height: 37px; box-sizing: border-box; font-size:16px; vertical-align:middle; cursor:pointer; border:1px solid #11b3bd; color:#11b3bd; line-height:35px;
	letter-spacing:0; text-align:center; background:#fff;
}
.file_import label input{width:0; height:0; overflow:hidden;}
.file_import div{position:relative; height:37px; vertical-align:middle; box-sizing:border-box; display: flex; gap: 5px;}
.file_import input{height:37px; line-height:37px; margin:0; border:0; padding:1px 0; text-align:left; font-size:13px; box-sizing:border-box; color:#404040; font-weight:normal; background:#fff; text-indent:10px;}
.file_import input[disabled]{background:#f3f3f3;}
.file_import input[readonly]{background:#f3f3f3;}

.board_w ul {margin: 15px auto 26px auto;}
.board_w ul li {list-style: none; font-size: 18px; color: #333; /*line-height: 36px;*/}
.board_w ul li a.pop {width: 92px; height: 24px; border: 1px solid #4f4f4f; background: #727272; line-height: 24px; display: inline-block; text-align: center; text-decoration: none; color: #fff; font-size: 16px;}

.apply_fin {width: 100%;}
.apply_fin ul {margin: 0; padding: 0;}
.apply_fin ul li {border: 1px solid #ddd; border-top: 1px solid #333; list-style: none; text-align: center; padding-top: 65px; height: 490px; box-sizing: border-box;}
.apply_fin dt {font-size: 35px; line-height: 27px; height: 27px; color: #222; padding: 25px 0 22px 0;}
.apply_fin dt span {color: #11b3bd;}
.apply_fin dd {font-size: 16px; color: #666; line-height: 24px;}
.apply_fin dd span {color: #000;}
.apply_fin a {background: #5a6273; color: #fff; width: 172px; height: 56px; display: inline-block; text-align: center; text-decoration: none; font-size: 16px; line-height: 56px; margin-top: 37px;}


.apply {width: 100%; border-top: 2px solid #333; border-collapse: collapse;}
.apply th {border-bottom: 1px solid #c1c5cd; border-right: 1px solid #c1c5cd; background: #fafafb; font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color:#333; height: 58px;}
.apply td {border-bottom: 1px solid #c1c5cd; border-right: 1px solid #c1c5cd; font-size: 16px; color: #333; height: 58px; text-align: center; padding: 0 10px;}
.apply th:last-child, .apply td:last-child {border-right: 0;}
.apply td a {color: #fff; text-decoration: none; width: 78px; height: 26px; line-height: 26px; display: inline-block; border-radius: 3px;}
.apply td a.app_fin {background: #76c4c7;}/*접수완료*/
.apply td a.app_ready {background: #4aba67;}/*접수전*/
.apply td a.app_regi {background: #c37474;}/*접수중*/
.apply td a.app_login {background: #cba17c;}/*로그인*/
.apply td a.link {color: #333; display: inline;}/*일정*/
.apply td.t_l {padding-left: 75px; text-align: left;}
.apply td span.noti {display: inline-block; width: 49px; height: 25px; background: #d9394a; color: #fff; line-height: 25px;}

.poll {width: 100%; border: 1px solid #dddddd; border-collapse: collapse;}
.poll th {background: #f6f6f6; border: 1px solid #ddd; height: 62px; font-size: 15px; font-family: 'notokr-medium'; font-weight: normal; color: #333;}
.poll tbody th {height: 41px; background: none;}
.poll td {text-align: center; border: 1px solid #ddd; height: 41px; font-size: 15px; color: #333; line-height: 35px;}
.poll td.multi {padding: 5px 0 10px 0;}
.poll td.t_l {padding-left: 20px; text-align: left;}
.poll td input {border: 1px solid #ddd; height: 35px; vertical-align: middle;}

.board_w p.pollck {padding: 15px 0 5px 0; font-size: 15px; color: #333;}
.board_w p.pollck label {margin-right: 25px;}
.board_w textarea {width: 100%; height: 75px; border: 1px solid #999;}

.paging {position: relative; text-align: center; padding: 50px; box-sizing: border-box;}
.paging ul {display: flex; align-items: center; justify-content: center; gap: 5px; letter-spacing: 0; word-spacing: 0; height: 100%; margin: 0;}
.paging ul li {text-align: center; vertical-align: middle;}
.paging ul li a {display: block; width: 37px; height: 37px;}
.paging ul li .controll.first {background: url('/GMP/_Image/Main/pprev.gif') 50%;}
.paging ul li .controll.back {background: url('/GMP/_Image/Main/prev.gif') 50%;}
.paging ul li .controll.next {background: url('/GMP/_Image/Main/next.gif') 50%;}
.paging ul li .controll.last {background: url('/GMP/_Image/Main/nnext.gif') 50%;}
.paging ul .num_wrap {margin: 0 3px;}
.paging ul li .num {border: 1px solid #dfdfdf; box-sizing: border-box; line-height: 35px; font-size: 16px; color: #333; text-decoration: none;}
.paging ul li .num.active {border: 1px solid #333; color: #fff; background: #333;}
.paging ul li span.blind {display: block; overflow: hidden; position: absolute; top: -1000em; left: 0;}

.list_txt {width: 100%; display:flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.list_txt p {font-size: 16px; margin: 0;}
.list_txt select {width: 100px; height: 30px; border: 1px solid #c2c2c2; vertical-align: middle; margin-right: 3px; font-size: 16px; color: #666; padding-left: 10px; -webkit-appearance: none; cursor: pointer; background: #fff url('/GMP/_Image/Main/s_sel.png') right 50% no-repeat;}
.list_txt select::-ms-expand {display: none;}
.list_txt a.change {width: 101px; height: 30px; line-height: 30px; padding: 0px 10px; box-sizing: border-box; text-align: center; font-size: 16px; color: #333; text-decoration: none; border: 1px solid #333; vertical-align: middle;}

.m_list, .m_gall {display: none;}
.m_list.active, .m_gall.active {display: block;}

.gall {width: 100%; max-width: 1200px; margin: 0 auto;}
.gall ul {width: 100%; margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px;}
.gall li {width: calc(50% - 20px); aspect-ratio: 1/0.7; border: 1px solid #d2d2d2; list-style: none; box-sizing: border-box; padding: 70px 40px 30px; position: relative;}
.gall .ribon {position: absolute; top: -1px; left: 30px; padding: 0 20px; box-sizing: border-box;  line-height: 47px; font-size: 17px; font-family: 'notokr-regular'; color: #fff;}
.gall .ra {background: #5782da;}
.gall .champ {background: #05a6ab;}
.gall .training {background: #814099;}
.gall .tit {font-size: 20px; line-height: 24px; font-family: 'notokr-regular'; color: #000; display: block; text-decoration: none; margin-bottom: 10px;}
.gall .txt {font-size: 15px; line-height: 24px; font-family: 'notokr-regular'; color: #676767;}
.gall dl{display: flex; flex-direction: column; gap: 10px; margin: 20px 0px;}
.gall dl>div{display: flex; gap: 5px;}
.gall dt {border: 1px solid #a3a3a3; width: 68px; height: 22px; box-sizing: border-box; text-align: center; font-size: 13px; font-family: 'notokr-regular';}
.gall dd {font-size: 15px; font-family: 'notokr-regular'; color: #333; margin-bottom: 3px; height: 22px; line-height: 22px;}
.gall .round_w{display: flex; align-items: center; justify-content: start; gap: 5px;}
.gall .round {font-size: 15px; font-family: 'notokr-regular'; color: #ef4a75; height: 24px; line-height: 24px; border: 1px solid #f54a74; border-radius: 13px; padding: 0 15px;;}
.gall .round.ready {border: 1px solid #4aba67; color: #4aba67;}
.gall .round.fin {border: 1px solid #2d57ad; color: #2d57ad;}
/* .gall ul:after {content:''; display: table; clear: both;} */

@media screen and (max-width: 1024px){
	.gall ul{flex-direction: column;}
	.gall li{width: calc(100% - 30px); aspect-ratio: auto;}
}

@media screen and (max-width: 992px){
	.board_w .btn{gap: 10px;}

	.write2 th{padding: 5px;}
	.write2 td {padding: 5px;}
	.write2 .write2_sub_w{flex-direction: column; align-items: start; gap: 3px;}
	.write2 .write2_sub_w input[type="text"]{width: 100%;}
	.write2 .write2_sub_w .write2_radio_w{width: 100%; justify-content: start;}

	.file_import{flex-direction: column; align-items: start;}
}

@media screen and (max-width: 768px){
	.write2 tr{width: 100%; display: flex; flex-wrap: wrap;}
	.write2 th{width: 30%; display: flex; align-items: center; justify-content: center;}
	.write2 td{width: 70%; padding: 10px; display: flex; align-items: center;}
	.write2 .write2_img_web .t_c{display: none;}
	.write2 .write2_img_mobile{display: flex;}
	.write2 .write2_img_mobile img{width: 100%; max-width: 145px; aspect-ratio: 29/34;}
	/* .write2 tr.write2_img td.t_c{width: 100%; order: 1; border: 0;} */

	.paging ul {gap: 3px;}
	.paging ul li a{width: 30px; height: 30px;}
	.paging ul li .controll{width: 20px;}
	.paging ul li .num{font-size: 15px; line-height: 28px;}

	.list_txt{flex-direction: column; align-items: start; margin-bottom: 5px;}
	.list_txt p { margin-bottom: 5px;}

	.gall {margin-top: 20px;}
	.gall li{padding: 50px 30px 20px;}
	.gall .tit{font-size: 18px; margin-bottom: 5px;}
	.gall .txt{font-size: 14px;}
	.gall .ribon{line-height: 40px; font-size: 15px;}
	.gall dl{gap: 5px;}
	.gall dd{font-size: 14px;}
}

@media screen and (max-width: 567px){
	.board_w>p{font-size: 14px; letter-spacing: -0.5px;}
	.board_w .btn{gap: 5px;}
	.board_w .btn a{padding: 10px 30px; font-size: 16px;}

	.write2 th{width: 35%; font-size: 14px;}
	.write2 td{width: 65%; padding: 5px; font-size: 14px;}
	.write2 td input[type="text"]{font-size: 14px; padding: 10px 5px;}
	.write2 td span {font-size: 14px; }
	.write2 td a{font-size: 14px;}
	.write2 .write2_sub_w{flex-direction: column; gap: 5px;}
	.write2 .write2_sub_w input[type="text"]{width: 100%;}
	.write2 .write2_sub_w .write2_radio_w{width: 100%;}
	.board_w ul.write2_bottom li{font-size: 14px;}
	.board_w ul.write2_bottom a.pop{font-size: 14px; width: auto; height: auto; padding: 2px 5px;}
}

@media screen and (max-width: 420px){
	.board_w .btn a{padding: 10px 20px; font-size: 14px;}

	.paging ul {gap: 1px;}
	.paging ul li a{width: 25px; height: 30px;}
	.paging ul li .controll{width: 18px;}
	.paging ul li .num{font-size: 15px; line-height: 26px;}

	.gall {margin-top: 15px;}
	.gall dt{letter-spacing: -1px;}
	.gall .ribon{left: 20px; line-height: 35px; font-size: 14px;}
	.gall li{padding: 45px 20px 20px;}
	.gall dl>div{flex-direction: column;}
	.gall .round{font-size: 13px; letter-spacing: -1px;}
}

/* content */
.content {width: 100%;}
.content ul {margin: 0; padding: 0;}
.content ul li {list-style: none; font-size: 16px; color: #333; line-height: 30px; letter-spacing: -0.05em;}
.content ul li.bullet {background: url('/GMP/_Image/Main/bullet_dot.gif') 0 13px no-repeat; padding-left: 10px;}
.content ul li.bar {padding-left: 30px; position: relative;}
.content ul li.bar:before {position: absolute; top: 15px; left: 20px; width: 5px; height: 2px; background: #333; content: '';}
.content .guide_img_w{margin: 25px 0px;}
.content .img_w {width: 100%; max-width : 1121px; margin: 0 auto; border: 1px solid #ddd;}
.content .img_w img{width: 100%;}
.content h4 {font-size: 23px; line-height: 23px; font-family: 'notokr-medium'; color: #222; margin: 0; padding: 47px 0 22px 0; font-weight: normal;}
.content h4.tit {font-size: 27px; color: #11b3bd; margin: 55px 0 -17px 0; padding: 0;}
.content p {font-size: 16px; line-height: 30px; color: #333; letter-spacing: -0.05em;}
.content .box {width: 100%; border: 1px solid #dee2ea; padding: 43px 0 42px 0;}
.content .box ul { width: 1124px; height: 63px; margin:  auto;}
.content .box ul li {width: 266px; height: 63px; line-height: 63px; background: #737d92; border-radius: 10px; color: #fff; font-size: 17px; text-align: center; display: inline-block; margin-right: 16px; position: relative;}
.content .box ul li:last-child {margin-right: 0; background: #28c3d7;}
.content .box ul li:after {content:''; width: 38px; height: 38px; border-radius: 20px; background: url('../images/champ_aroww.png') no-repeat #fff; position: absolute; right: -29px; top: 12px; z-index: 10;}
.content .box ul li:last-child:after {width: 0; height: 0;}
.content .box dl {padding: 5px 0 33px 230px; position: relative;}
.content .box dl:nth-child(1):before {position: absolute; width: 110px; height: 172px; background: url('../images/champ_dl_01.png') no-repeat; top: 2px; left: 70px; content: '';}
.content .box dl:nth-child(2):before {position: absolute; width: 110px; height: 110px; background: url('../images/champ_dl_02.png') no-repeat; top: -30px; left: 70px; content: '';}
.content .box dt {color: #28c3d7; font-size: 22px; font-family: 'notokr-medium';}
.content .box dd {font-size: 16px; line-height: 30px; height: 30px; color: #333;}
.l_scroll_container{white-space: nowrap; overflow-x: auto; width: 100%;}
.content table {width: 100%; border-top: 2px solid #45474d; border-collapse: collapse; margin-bottom: 11px;}
.content table col{border: 1px solid #ddd;}
.content table th {padding: 5px; box-sizing: border-box; border-bottom: 1px solid #c1c5cd; background: #fafafb; font-size: 16px; font-family: 'notokr-bold'; font-weight: normal;}
.content table thead th, .content table tfoot th {height: 61px;}
.content table th:nth-child(1) {border-right: 1px solid #d9dde4;}
.content table th.n_bd {border-right: 0;}
.content table td {padding: 5px; box-sizing: border-box; border-bottom: 1px solid #c1c5cd; height: 46px; text-align: center; font-size: 16px; color: #333;}
.content a {background: #737d92; color: #fff; padding: 20px 30px; display: inline-block; margin-top: 30px; text-align: center; text-decoration: none;}

@media screen and (max-width: 1024px){
	.t_scroll_container{white-space: nowrap; overflow-x: auto; width: 100%;}
}

@media screen and (max-width: 576px){
	.content h4{font-size: 20px; letter-spacing: -1px; padding: 26px 0 10px 0;}
	.content ul li{font-size: 14px; line-height: 24px; letter-spacing: -1px;}
}

@media screen and (max-width: 420px){
	.content h4{font-size: 18px; }
	.content ul li{font-size: 13px; line-height: 22px;}
}

/* 인사말 */
.info_w {width: 100%; padding-top: 50px;}
.info_box {width: 100%; display: flex; margin-bottom: 50px;}
.info_w .info_box p {width: 50%; margin: 0; display: flex; flex-direction: column; align-items: start; justify-content: center; background-color: #f2f2f2; vertical-align: middle; padding: 40px; font-size: 34px; line-height: 43px; font-family: 'notokr-regular'; color: #333; font-weight: normal;}
.info_w .info_box p span {color: #0063cc; display: block;}
.info_w .info_box img{width: 50%;}
.info_w p {margin: 0; padding: 0; font-size: 17px; line-height: 30px; color: #333; letter-spacing: -0.05em;}

@media screen and (max-width: 1024px){
	.info_box {width: 100%; display: flex; margin-bottom: 20px;}
	.info_w .info_box p{width: 100%; font-size: 24px; padding: 0px; line-height: 30px; background-color: transparent;}
	.info_w .info_box img{display: none;}
}

@media screen and (max-width: 576px){
	.info_w .info_box p{font-size: 20px; line-height: 28px;}
	.info_w p{font-size: 15px; line-height: 28px; letter-spacing: -1px;}
}

/* 오시는 길 */
.map_w {width: 100%; margin-top: 50px;}
.map_w .img_w {width: 100%; margin-bottom: 32px; display: block;}
.map_w .img_w img{width: 100%; height: 100%;}
.map_w iframe{width: 100%; aspect-ratio: 2/1; margin-bottom: 50px;}
.map_ad_w{display: flex; flex-direction: column; gap: 50px;}
.map_w h4 {font-size: 23px; font-family: 'notokr-medium'; color: #222; margin: 0; padding: 0; font-weight: normal; margin-bottom: 20px;}
.map_w ul {margin: 0; padding: 0;}
.map_w ul li {list-style: none; color: #333; font-size: 16px; line-height: 30px;}

@media screen and (max-width: 576px){
	.map_w iframe{margin-bottom: 30px; aspect-ratio: 1/1;}
	.map_ad_w{gap: 30px;}
	.map_w h4{font-size: 20px; margin-bottom: 10px; letter-spacing: -1px;}
	.map_w ul li {font-size: 14px; line-height: 24px; letter-spacing: -1px;}
}

@media screen and (max-width: 420px){
	.map_w iframe{margin-bottom: 20px}
	.map_ad_w{gap: 20px;}
	.map_w h4{font-size: 18px; margin-bottom: 5px;}
	.map_w ul li {font-size: 13px; line-height: 22px; }
}

/* 사이트맵 */
.site_w {width: 100%; max-width: 1100px; margin:0 auto; margin-top: 50px;  padding: 0px 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: self-start; justify-content: center; gap: 40px;}
.site {width: calc(33.333333% - 30px);}
.site h4 {width: 100%; height: 55px; line-height: 53px; border: 1px solid #11b3bd; box-sizing: border-box; text-align: center; font-size: 20px;  font-family: 'notokr-medium'; margin: 0; font-weight: normal; color: #222;}
.site ul {width: 100%;}
.site ul li {list-style: none; border-bottom: 1px solid #e1e1e1; padding: 7px 20px;}
.site ul li a {font-size: 16px; color: #666; text-decoration: none; line-height: 44px;}
.site .two {width: 100%x; padding: 5px 0; background: #f9f9f9;}
.site .two li {border-bottom: 0; height: 25px; padding-left: 0;}
.site .two li a {font-size: 15px; color: #666; line-height: 25px; background: url(../images/bullet_dot.gif) 9px no-repeat; padding-left: 20px;}

@media screen and (max-width: 992px){
	.site {width: calc(50% - 40px);}
}

@media screen and (max-width: 768px){
	.site_w{gap: 20px;}
	.site {width: calc(50% - 20px);}
}

@media screen and (max-width: 576px){
	.site_w{gap: 50px;}
	.site {width: 100%;}
}

@media screen and (max-width: 420px){
	.site_w{gap: 40px; padding: 0px 15px}
	.site h4{height: 40px; line-height: 40px; font-size: 18px;}
	.site ul li a{font-size: 14px; line-height: 30px;}
	.site .two li{height: 20px;}
	.site .two li a{font-size: 13px;}
}


/* 로그인 */
.login_w {width: 100%; max-width: 432px; padding-top: 49px; margin: 0 auto; padding: 0px 20px; box-sizing: border-box;}
.input_w {width: 100%; padding-bottom: 14px;}
.t_input_w{width: 100%; display: flex; gap: 20px; align-items: center; padding: 20px 0px;}
.input_w span {width: calc(50% - 20px); height:54px; line-height: 54px; font-size: 17px; color: #333; cursor: pointer;}
.input_w input[type=text] {width: 100%; height: 54px; border: 1px solid #dddddd; margin-bottom: 15px; padding-left: 19px; font-size: 16px; color: #999; box-sizing: border-box;}
.input_w input[type=password] {width: 100%;height: 54px; border: 1px solid #dddddd; margin-bottom: 15px; padding-left: 19px; font-size: 16px; color: #999; box-sizing: border-box;}
.input_w input[type=button] {width: 100%; height: 56px; margin-top: 5px; background: #5a6273; color: #fff; border: 0; font-size: 16px;}
.txt_w{width: 100%;}
.txt_w p {width: 100%; height: 40px; line-height: 40px; display: flex; justify-content: space-between; align-items: center; font-size: 16px; color: #666;}
.txt_w p .link {display: flex; align-items: center; justify-content: end; gap: 30px;}
.txt_w p a {text-align: right; font-size: 16px; font-family: 'notokr-medium'; font-weight: normal; color: #222;}

@media screen and (max-width: 420px){
	.t_input_w{padding: 10px;}
	.input_w span{font-size: 15px; height:40px; line-height: 40px;}
	.input_w input[type=text], .input_w input[type=password]{height: 50px; font-size: 14px; margin-bottom: 8px; padding-left: 10px;}
	.input_w input[type=button]{height: 50px; font-size: 14px; margin-top: 0px; margin-bottom: 10px;}
	.txt_w p{height: 30px; line-height: 30px; font-size: 14px; letter-spacing: -1px;}
	.txt_w p .link{gap: 15px;}
	.txt_w p a{font-size: 13px; letter-spacing: -1px;}
}


.tab_mem {width: 100%; height: 57px; padding: 49px 0 19px 0;}
.tab_mem ul {width: 100%; display: flex; align-items: center; justify-content: center; max-width: 800px; height: 100%; margin: auto;}
.tab_mem ul li {list-style: none; width: 50%; height: 100%; background: #f9f9f9; box-sizing: border-box; line-height: 55px; text-align: center}
.tab_mem ul li.fir {border: 1px solid #ddd; border-right: 0;}
.tab_mem ul li.fir.on {border: 1px solid #ddd; border-right: 0; border-bottom: 1px solid #fff; background: #fff;} 
.tab_mem ul li.sec {border: 1px solid #ddd;}
.tab_mem ul li.sec.on {border: 1px solid #ddd; border-bottom: 1px solid #fff; background: #fff;} 
.tab_mem ul li a {text-decoration: none; color: #666; font-size: 16px;}
.tab_mem ul li.on a {color: #222;}
.txt_w p.dot {padding: 10px 0 0 10px; background: url('../images/dot.gif') 0 28px no-repeat; color: #666; font-size: 16px; letter-spacing: -0.05em;}


.agree_w {width: 100%; margin-bottom: 50px;}
.agree_w:last-child{margin-bottom: 0px;}
.agree_w h4 {margin-bottom : 10px; padding: 0;font-size: 23px; font-family: 'notokr-medium'; color: #222;}
.agree_w .police_info_title{padding: 10px; border-bottom: 1px solid #c1c5cd;}
.policy {width: 100%; height: 256px; overflow: auto; border: 1px solid #ddd; padding: 20px; box-sizing: border-box; font-size: 16px; line-height: 24px; color: #333;}
.policy table {width: 100%; border-top: 2px solid #45474d; border-collapse: collapse;}
.policy table th {width: 23%; border-inline: 1px solid #c1c5cd; border-bottom: 1px solid #c1c5cd; background: #fafafb; font-size: 16px; font-family: 'notokr-bold'; font-weight: normal; padding: 10px;}
.policy table td {border-inline: 1px solid #c1c5cd; border-bottom: 1px solid #c1c5cd; padding: 10px; text-align: center; font-size: 16px; color: #333;}
.agree_w p {padding: 10px 0; margin: 0; font-size: 16px; color: #333; line-height: 16px;}
.agree_w p input[type=checkbox] {margin: 0 5px 0 0;}

@media screen and (max-width: 992px){
	.policy table{width: 100%;}
	.policy table th{font-size: 14px;}
	.policy table td{font-size: 14px;}
	.agree_w p{font-size: 14px;}
}

@media screen and (max-width: 420px){
	.tab_mem ul li a{font-size: 15px;}

	.agree_w h4{font-size: 18px;}
}

.join_btn {width: 100%; text-align: center; display: flex; justify-content: center; gap: 15px; margin: 0 auto;}
.join_btn a {padding: 15px 40px; text-decoration: none; font-size: 18px;}
.join_btn a.agree {background: #737d92; color: #fff;}
.join_btn a.cancel {background: #ebebeb; color: #333;}

.join_table {width: 100%; margin: 50px 0px;}
.join_table h4 {margin: 0; padding: 38px 0 16px 0; height: 22px; line-height: 22px; font-size: 23px; font-family: 'notokr-medium'; font-weight: normal; color: #222222; box-sizing: border-box;}
.join_table p {margin: 0; font-size: 16px; color: #333; line-height: 15px; margin-bottom: 7px;}
.join_table a.agree {text-decoration: none; font-size: 16px; text-align: center; background: #737d92; color: #fff;}
.join_table table {width: 100%; border-collapse: collapse; border: 1px solid #ddd; border-top: 1px solid #333; margin-top: 15px;}
.join_table table th, .join_table table td {border: 1px solid #ddd;}
.join_table table th {font-size: 16px; color: #333; width: 150px; padding: 10px; box-sizing: border-box; background-color: #f1f1f1;}
.join_table table td {color: #333; font-size: 16px; padding: 10px 18px; box-sizing: border-box;}
.join_table table td input {width: 100%; border: 1px solid #ddd; padding: 10px 15px; box-sizing: border-box; font-size: 16px; color: #999; vertical-align: middle;}
.join_table table td a {width: 20%; border: 1px solid #11b3bd; padding: 7px 0px; text-align: center; text-decoration: none; color: #11b3bd; box-sizing: border-box; vertical-align: middle;}
.join_table table td a.zip {border: 0; padding: 10px; width: 37px; height: 37px;}
.join_table table td a.zip img {vertical-align: top}

.join_input_wrap{width: 100%; display: flex; align-items: center; justify-content: start; gap: 10px;} /* 아이디 */
.join_input_wrap input[type = text]{width: 80%;}
.join_table table td .join_input_wrap>a{width: 20%;}

.address_w{width: 100%; display: flex; flex-direction: column; gap: 10px;} /* 주소 */
.address_num{display: flex; align-items: center; justify-content: start; gap: 1px; width: 200px;} /* 주소 > 우편번호 */

.af_company_w{display: flex; align-items: center; justify-content: start;  gap: 10px} /* 소속업체선택 */
.join_table table td .af_company_w input{width: 80%;}

.gender_w{display: flex; align-items: center; justify-content: start;} /* 성별 */
.gender_w>div{ cursor: pointer; display: flex; align-items: center; justify-content: start; gap: 2px; width: 50%;}
.join_table table td .gender_w>div>input[type = radio]{width: 10px}
.gender_w>div>label{width: 100%;}

@media screen and (max-width: 992px){
	.join_btn{gap: 10px;}

	.join_table table tr{width: 100%; display: flex; flex-wrap: wrap;}/* 해상도 992px이하 시 블록처리  */
	.join_table table th{width: 20%; display: flex; align-items: center; justify-content: center;}
	.join_table table td{width: 80%; padding: 10px; display: flex; align-items: center;}

	.address_num{width: auto;}/* 주소 > 우편번호 */

	.af_company_w{gap: 5px;} /* 소속업체선택 */
}

@media screen and (max-width: 567px){
	.join_btn{gap: 5px;}
	.join_btn a{padding: 10px 30px; font-size: 16px;}

	.join_table {margin: 50px 0px 30px 0px;}
	.join_table p{font-size: 14px; letter-spacing: -1px;}
	.join_table table th{width: 30%; font-size: 14px;}
	.join_table table td{width: 70%; padding: 5px;}
	.join_table table td input {font-size: 14px; padding: 10px 5px;}
	.join_table table td a{font-size: 14px;}

	.join_input_wrap{gap: 5px;}/* 아이디 */
	.join_input_wrap input[type = text]{width: 70%;}
	.join_table table td .join_input_wrap>a{width: 30%;}

	.address_w{gap: 5px;}/* 주소 */

	.gender_w{gap: 10px;}
	.gender_w>div>label{font-size: 14px;}
}

@media screen and (max-width: 420px){
	.join_btn a{padding: 10px 20px; font-size: 14px;}

	.join_table table td input {font-size: 13px; letter-spacing: -1px;}

	.join_input_wrap{flex-direction: column; justify-content: center;}/* 아이디 */
	.join_input_wrap input[type = text]{width: 100%;}
	.join_table table td .join_input_wrap>a{width: 100%;}
}


.category {width: 100%;  padding-top: 50px;}
.category ul {width: 100%; max-width: 1040px; height: 100%; margin: 0 auto; display: flex; align-items: center; gap: 20px;}
.category ul li {width: calc(50% - 20px); height: 100%; padding: 35px; box-sizing: border-box;  list-style: none; border: 1px solid #ddd; box-sizing: border-box; text-align: center;}
.category dt {font-size: 28px; color: #222; padding: 25px 0 14px 0;}
.category dd {font-size: 16px; color: #666; line-height: 24px;}
.category dd span {color: #000;}
.category a {background: #5a6273; color: #fff; padding: 15px 60px; display: inline-block; text-align: center; text-decoration: none; font-size: 16px; margin-top: 20px;}

@media screen and (max-width: 992px){
	.category ul{flex-direction: column;}
	.category ul li{width: calc(100% - 20px); padding: 20px;}
}

@media screen and (max-width: 567px){
	.category ul{gap: 10px;}
	.category ul li{width: calc(100% - 10px);}
}

@media screen and (max-width: 420px){
	.category ul li{padding: 20px 10px;}
	.category dt{font-size: 22px;}
	.category dd{font-size: 14px;}
	.category a {padding: 10px 30px;}
}

/* 개인정보보호정책 */
.policy_w {width: 100%;}
.policy_w h4 {margin: 0 0 15px 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 20px;}
.policy_w h5 {margin: 0 0 10px 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 18px;}
.policy_w p {margin: 0 0 10px 0; line-height: 30px; font-size: 16px;}
.policy_w ul {margin: 0 0 10px 0; padding-left: 15px;}
.policy_w ul li {list-style: none; line-height: 30px; font-size: 16px; letter-spacing: -0.05em;}
.policy_w ul li ul {margin: 0; padding-left: 20px;}
.policy_w table {width: 100%; border-top: 2px solid #45474d; border-collapse: collapse; margin-bottom: 11px;}
.policy_w table th {border-bottom: 1px solid #c1c5cd; background: #fafafb; font-size: 16px; font-family: 'notokr-bold'; font-weight: normal; padding: 10px 0;}
.policy_w table td {border-bottom: 1px solid #c1c5cd; padding: 10px 0; text-align: center; font-size: 16px; color: #333;}

/* magnificPopup 팝업 커스텀 css */
.custom-iframe-popup .mfp-iframe-holder .mfp-content {max-width: 800px;width: 90%;height: 100%;margin: 0 auto;overflow: hidden;}
.custom-iframe-popup .mfp-iframe-holder .mfp-close {padding-right: 23px}
.mfp-iframe-scaler iframe {background: none !important;}
.custom-iframe-popup .mfp-iframe-holder iframe {width: 100%;height: 500px;border: none;box-shadow: none !important}

.pop_w {width: 840px; margin: 0 auto; position: relative; background: #fff;}
.pop_w.company {width: 100%; height: auto;}
.pop_w.agree {width: 50%; height: auto;}
.pop_w.join_info {width: 50%;}
/* .pop_w {width: 90%; margin: 0 auto; position: relative; background: #fff;} */
.pop_w h3 {margin: 0; padding: 0 0 0 30px; width: 100%; height: 60px; line-height: 60px; font-family: 'notokr-medium'; font-weight: normal; font-size: 23px; color: #fff; background: #11b3bd; box-sizing: border-box; font-weight: normal;}

.pop_cont {width: 100%; padding: 30px; box-sizing: border-box; background: #fff; border-inline: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; line-height: 26px; color: #333; letter-spacing: -0.05em; min-height: 100px; height:auto; max-height: 600px; overflow-y:auto; overflow-x:hidden;}
.pop_cont a {text-decoration: none; font-size: 16px; font-family: 'notokr-medium'; font-weight: normal; color: #333;}
.pop_cont a.btn {width: 150px; height: 50px; line-height: 50px; background: #737d92; color: #fff; display: block; text-align: center; margin: 30px auto;}
.pop_cont a.btn.mfp-close {position: relative;}
.pop_cont.hei500 {overflow: auto;}

.pop_box {width: 100%; border: 1px solid red; display: flex; border: 1px solid #e9e9e9; padding: 15px 20px; box-sizing: border-box; background: #fafafa; margin-bottom: 20px;}
.pop_box form{width: 80%;}
.pop_box input {width: 100%; height: 37px; border: 1px solid #ddd; padding-left: 10px; box-sizing: border-box; font-size: 16px; color: #999;}
.pop_box a {width: 20%; height: 37px; background: #5a6273; color: #fff; text-align: center; line-height: 37px; font-size: 16px;}
.pop_box a img {vertical-align: middle; display: inline-block; margin-right: 5px;}

.pop_cont h4 {margin: 0; font-family: 'notokr-medium'; font-size: 18px; font-weight: normal;}
.pop_cont table {width: 100%; border-top: 1px solid #404348; border-collapse: collapse;}
.pop_cont table th {background: #f9f9f9; border-bottom: 1px solid #e3e3e3; height: 48px; font-size: 16px; font-family: 'notokr-bold'; color: #333; text-align: center;}
.pop_cont table td {border-bottom: 1px solid #e3e3e3; height: 48px; color: #333; font-size: 16px; text-align: center;}
.pop_cont table .bor_r {border-right: 1px solid #e3e3e3;}
.pop_cont ul {margin: 10px 0 0 0;}
.pop_cont ul li {list-style: none; font-size: 14px; padding-left: 10px; background: url(../images/bullet_dot.gif) 0 10px no-repeat;}
.pop_w  p.file {padding: 10px 20px 0 20px; font-size: 13px; color: #333; font-family: 'notokr-medium';}
.pop_w  p.file a {font-size: 13px; text-decoration: none; color: #222;} 
.pop_w  p.file a:hover {text-decoration: underline;}
/* 팝업 내 첨부파일 다운로드 버튼
.pop_w  p.file a.down {display: inline-block; padding: 3px 10px; background: #999; color: #fff; margin-left: 10px;}
.pop_w  p.file a.down:hover {text-decoration: none;} */
.pop_w  p.detail {text-align: center; margin-top: 10px;}
.pop_w  p.detail a {display: inline-block; text-align: center; padding: 0 10px; height: 30px; line-height: 30px; background: #05a6ab; color: #fff; text-decoration: none; font-size: 14px;}
.pop_w  p.today {font-size: 13px; padding-top: 10px; height: 25px; line-height: 25px; margin: 0 20px 20px 20px;}
.pop_w  p.today a {font-size: 13px; display: inline-block; width: 50px; height: 25px; line-height: 25px; background: #999; color: #fff; text-align: center; text-decoration: none;}
.pop_w  .paging {margin: 28px auto 0 auto;}

/* 수료증 출력 */
#content_main {background: #f0f0f0; margin: 0; padding: 10px;}
.list_con .box {border: 1px solid #d9d9d9; padding: 20px 0 20px 20px; background: #fff; position: relative;}
.box h2 {margin: 0; font-family: 'notokr-bold';}
.box .searchTop_btn_area {position: absolute; top: 20px; right: 20px;}
.searchTop_btn_area .btn_type1 button {background: #28c3d7; color: #fff; padding: 0 15px; font-size: 13px; height: 27px; display: inline-block; line-height: 27px; border-radius: 3px; border: 0; cursor: pointer;}

/* main img pop */
.img_pop_w {margin: auto; position: absolute; display: table; text-align: center; z-index: 999; top: 50%; left: 10%;}
.img_pop_w.agreement {width: 60%; position: relative; top: 0%; left: 0%;}
@media screen and (max-width: 767px){
    .img_pop_w {margin: auto; position: absolute; display: table; text-align: center; top: 10%; left: 0%; transform: 0}
	.img_pop_w.agreement {width: 80%;}
	.course_btn2 {width: 45px;}
	/* magnificPopup 팝업 커스텀 css */
	.pop_w.company h3 {font-size: 15px;}
	.pop_w.agree {width: 100%;}
	.pop_w.join_info {width: 90%;}
	.company .pop_cont {padding: 10px}
	.company .pop_box {padding: 5px}
	.company .pop_box input {font-size: 10px;}
	.company .pop_box a {font-size: 10px; width: 30%;}
	.company .pop_cont table th,
	.company .pop_cont table td {font-size: 12px; height: 20px;}
}
.img_w {display: table-cell; width: 400px;}
.img_w img {vertical-align: bottom;}
.img_w p {height: 20px; line-height: 20px; background: #4c4f5b; color: #fff; margin: 0 auto; padding: 0 20px; width: 100%; text-align: left; font-size: 12px; box-sizing: border-box;}
.img_w p input {width: 11px; vertical-align: middle;}
.img_w p a {text-decoration: none; color: #fff;}
/* 수강안내 팝업 */
.pop_course{ margin: 0 auto; padding: 20px; border: 1px solid #d2d2d2; background-color: #eaeaea; text-align: left; box-shadow: 0px 0px 10px #0000003d;}
.popbox_wrap{margin-bottom: 20px; padding: 10px 15px 0px; background-color: #fff; border: 1px solid #dddddd; border-radius: 10px;}
.popbox{margin-bottom: 20px;}
.course_title{margin: 0px; margin-bottom: 10px; font-size: 23px; color: #000; margin-bottom: 1px solid #ddd;}
.course_title::before{content: ""; display: inline-block; width: 30px; height: 30px; background-image: url(/GMP/_Image/Main/ess_img.png); background-size: contain; vertical-align: middle; margin-top: -5px; margin-right: 3px;}
.course_title::after{content: ""; display: block; border: 1px solid #ddd; margin-top: 6px;}
.popbox_title{margin: 0px; margin-bottom: 5px; font-size: 18px; color: #222;}
.course_text{list-style: none; margin-left: 10px; letter-spacing: -1px;}
.course_text li{margin-bottom: 8px; font-size: 16px; color: #333;}
.course_text li:last-child{margin-bottom: 0;}
.course_text li::before{content: ""; display: inline-block; width: 5px; height: 5px; background-color: #222; border-radius: 50%; vertical-align: middle; margin-right: 5px;}
.course_text li.subtxt{display: block; margin-top: -6px; font-size: 16px; font-weight: 700; color: #777;}
.course_text li.subtxt::before{display: none;}
.txtblue{color: #1d4d9b; font-weight: bold;}
.txtred{color: #d14141; font-weight: bold;}
/* 수강안내 팝업 > 동의 및 신청 */
.course_check{margin-bottom: 20px;}
.course_check label{width: 263px; display:block; margin: 0 auto; cursor: pointer; font-size: 17px;}
.course_check label:hover{color: #1d4d9b;}
.course_check input[type='checkbox']{width: 17px; height: 17px; margin: 0; margin-top: -5px; margin-right: -3px; vertical-align: middle;}
/* 수강안내 팝업 > 동의 및 신청 */
.course_btn{width: 150px; display: block; margin: 0 auto; padding: 10px;text-align:center; background-color: #0b3067; border-radius: 5px; text-decoration: none; color: #fff; font-weight: bold;}
.course_btn:hover{background-color: #224e91;}

.course_btn2{width: 70px; margin: 0 auto; padding: 5px;text-align:center; background-color: #28c3d7; border-radius: 5px; text-decoration: none; color: #fff; font-weight: bold; display:inline-block; margin-left: 5px;}
.course_btn2:hover{background-color: #1d4d9b;}


 /* 새로운 닫기 버튼 스타일 (mfp-close2) - 위치 설정 제거 */
.mfp-close2 {
    cursor: pointer;
}
.fl {float: left;}
.fr {float: right;}

.t_l {text-align: left !important;}
.t_c {text-align: center !important;}
.t_r {text-align: right !important;}

.wid80 {width: 80px !important;}
.wid87 {width: 87px !important;}
.wid110 {width: 110px !important;}
.wid116 {width: 116px !important;}
.wid122 {width: 122px !important;}
.wid158 {width: 158px !important;}
.wid180 {width: 180px !important;}
.wid200 {width: 200px !important;}
.wid220 {width: 220px !important;}
.wid270 {width: 270px !important;}
.wid280 {width: 280px !important;}
.wid300 {width: 300px !important;}
.wid315 {width: 315px !important;}
.wid317 {width: 317px !important;}
.wid345 {width: 345px !important;}
.wid370 {width: 370px !important;}
.wid440 {width: 440px !important;}
.wid515 {width: 515px !important;}
.wid580 {width: 580px !important;}
.wid590 {width: 590px !important;}
.wid620 {width: 620px !important;}
.wid950 {width: 950px !important;}
.wid100p {width: 100% !important;}

.hei105 {height: 105px !important;}
.hei167 {height: 167px !important;}
.hei400 {height: 400px !important;}
.hei500 {height: 500px !important;}

.pdt0 {padding-top: 0px !important;}
.pdt35 {padding-top: 35px !important;}

.pdb24 {padding-bottom: 24px !important;}

.pdl15 {padding-left: 15px !important;}
.pdl20 {padding-left: 20px !important;}

.pdb15 {padding-bottom: 15px !important;}

.mgt10 {margin-top: 10px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt40 {margin-top: 40px !important;}
.mgt50 {margin-top: 50px !important;}
.mgr00 {margin-right: 0 !important;}
.mgr41 {margin-right: 41px !important;}
.mgb10 {margin-bottom: 10px !important;}
.mgb50 {margin-bottom: 50px !important;}

.fs_15 {font-size: 15px !important;}

.t_b {font-weight: bold !important;}
.red {color: #ff2632 !important;}
.blue {color: #0000ff !important;}
.navi {color: #2e3192 !important;}