/* 외부연계 프로그램 시작 */
.ext_prgrm_section .ginfo_box{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; padding-bottom:30px; margin-bottom:40px; border-bottom:2px solid #222;}
.ext_prgrm_section .ginfo_box .ginfo{font-size:1.8rem; color:#444; font-weight:500;}
.ext_prgrm_section .ginfo_box .ginfo span{padding:0 3px; color:#019c88; font-size:2.2rem; font-weight:700;}

.ext_prgrm_section .search_input{display:flex; align-items:center; gap:8px;}
.ext_prgrm_section .search_input .text{width:280px; height:50px; padding:0 20px; border:1px solid #dfdfdf; border-radius:25px; font-size:1.5rem; color:#222;}
.ext_prgrm_section .search_input .text::placeholder{color:#86868b;}
.ext_prgrm_section .search_input .btn{height:50px; padding:0 26px; background-color:#019c88; border-radius:25px; color:#fff; font-size:1.5rem; font-weight:600; transition:background-color .3s;}
.ext_prgrm_section .search_input .btn:hover{background-color:#017a6b;}

.ext_prgrm_section .class_list_wrap{display:flex; flex-direction:column; gap:24px; list-style:none; padding:0; margin:0;}
.ext_prgrm_section .class_list_wrap .no_list{padding:100px 0; text-align:center; color:#86868b; font-size:1.6rem;}
.ext_prgrm_section .class_list_wrap > li > a{display:flex; align-items:center; gap:40px; padding:30px; border:1px solid #ebebeb; border-radius:12px; outline-offset:4px; transition:box-shadow .3s, border-color .3s;}
.ext_prgrm_section .class_list_wrap > li > a:hover{border-color:#019c88; box-shadow:0 4px 20px rgba(0,0,0,.06);}

.ext_prgrm_section .class_list_wrap figure{flex:0 0 33%;}
.ext_prgrm_section .class_list_wrap figure .img{position:relative; width:100%; padding-top:62%; overflow:hidden; border-radius:8px; border:1px solid #ebebeb; background-color:#f2f2f2;}
.ext_prgrm_section .class_list_wrap figure .img img{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:100%; height:auto; max-height:100%; transform:translate(-50%, -50%); transition:transform .4s;}
.ext_prgrm_section .class_list_wrap > li > a:hover figure .img img{transform:translate(-50%, -50%) scale(1.06);}

.ext_prgrm_section .class_list_wrap .cont{flex:1; min-width:0; text-align:left;}
.ext_prgrm_section .class_list_wrap .cont .tit{display:block; margin-bottom:22px; font-size:2.8rem; font-weight:700; color:#222; letter-spacing:-0.03em; line-height:1.4; transition:color .3s;}
.ext_prgrm_section .class_list_wrap > li > a:hover .cont .tit{color:#09847F;}
.ext_prgrm_section .cont .tit span{display:inline-block; vertical-align:middle; margin-left:10px; padding:5px 14px; border-radius:4px; font-size:1.6rem; font-weight:600;}

.ext_prgrm_section .info_list{list-style:none; padding:0; margin:0;}
.ext_prgrm_section .info_list li{margin-bottom:12px; font-size:1.9rem; line-height:1.6; color:#555;}
.ext_prgrm_section .info_list li:before{content:'\B7'; margin-right:6px; color:#bbb;}
.ext_prgrm_section .info_list li:last-child{margin-bottom:0;}

.ext_prgrm_section .class_list_wrap .state_wrap{flex:0 0 auto;}
.ext_prgrm_section .class_list_wrap .state_circle{display:flex; align-items:center; justify-content:center; width:140px; height:140px; padding:0 8px; border-radius:50%; font-size:1.9rem; font-weight:700; text-align:center; letter-spacing:-0.03em;}

.ext_prgrm_section [class^="state_"]{display:inline-block; padding:5px 14px; border-radius:20px; font-size:1.3rem; font-weight:600; color:#fff; letter-spacing:-0.02em;}
.ext_prgrm_section .state_open{background-color:#019c88;}
.ext_prgrm_section .state_upcoming{background-color:#188cbf;}
.ext_prgrm_section .state_closed{background-color:#86868b;}
.ext_prgrm_section .state_end{background-color:#bdbdbd;}
.ext_prgrm_section .state_unknown{background-color:#dcdcdc; color:#666;}

.ext_prgrm_section .program_fee01{background-color:#fdeeee; color:#e0554a;}
.ext_prgrm_section .program_fee02{background-color:#e7f6f3; color:#019c88;}

.ext_prgrm_section .board_paging{display:flex; align-items:center; justify-content:center; gap:6px; margin-top:60px;}
.ext_prgrm_section .board_paging a, .ext_prgrm_section .board_paging strong, .ext_prgrm_section .board_paging span{display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 6px; border-radius:50%; font-size:1.4rem; color:#444;}
.ext_prgrm_section .board_paging strong{background-color:#019c88; color:#fff; font-weight:700;}
.ext_prgrm_section .board_paging a:hover{background-color:#f2f2f2;}
.ext_prgrm_section .board_paging .arrow{font-weight:600; font-size:1.9rem;}
.ext_prgrm_section .board_paging a.arrow{color:#86868b;}
.ext_prgrm_section .board_paging span.disabled{color:#d5d5d5; cursor:default;}

.ext_prgrm_section .class_view_wrap{display:flex; gap:50px; padding:50px; margin-bottom:40px; border-radius:12px; background-color:#f9f9f9;}
.ext_prgrm_section .class_view_wrap .img{position:relative; flex:0 0 560px; padding-top:380px; overflow:hidden; border-radius:8px; border:1px solid #ebebeb; background-color:#f2f2f2;}
.ext_prgrm_section .class_view_wrap .img img{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:100%; height:auto; max-height:100%; transform:translate(-50%, -50%);}
.ext_prgrm_section .class_view_wrap .inner{flex:1; padding-top:6px;}
.ext_prgrm_section .class_view_wrap .inner .tit{margin-bottom:30px; padding-bottom:24px; border-bottom:2px solid #222;}
.ext_prgrm_section .class_view_wrap .inner .tit span{display:inline-block; margin-bottom:12px;}
.ext_prgrm_section .class_view_wrap .inner .tit strong{display:block; font-size:2.6rem; font-weight:700; color:#222; letter-spacing:-0.03em; line-height:1.4;}
.ext_prgrm_section .class_view_wrap dl{display:flex; padding:16px 0; border-bottom:1px solid #e9e9e9;}
.ext_prgrm_section .class_view_wrap dl:first-of-type{border-top:1px solid #e9e9e9;}
.ext_prgrm_section .class_view_wrap dt{flex:0 0 120px; font-size:1.6rem; font-weight:600; color:#222;}
.ext_prgrm_section .class_view_wrap dd{flex:1; font-size:1.6rem; color:#444;}
.ext_prgrm_section .class_view_wrap .btn_area{margin-top:30px;}

.ext_prgrm_section .btn_apply{display:flex; align-items:center; justify-content:center; width:100%; height:56px; border-radius:8px; background-color:#019c88; color:#fff; font-size:1.7rem; font-weight:700; transition:background-color .3s;}
.ext_prgrm_section .btn_apply:hover{background-color:#017a6b;}

.ext_prgrm_section .list_btn{margin-top:20px; text-align:center;}
.ext_prgrm_section .btn_list{display:inline-flex; align-items:center; justify-content:center; min-width:160px; height:50px; padding:0 30px; border:1px solid #dcdcdc; border-radius:25px; font-size:1.5rem; font-weight:600; color:#444; transition:all .3s;}
.ext_prgrm_section .btn_list:hover{border-color:#222; background-color:#222; color:#fff;}

	/* 미디어쿼리 시작 */
	@media (max-width:1280px){
		.ext_prgrm_section .class_list_wrap > li > a{gap:30px; padding:24px;}
		.ext_prgrm_section .class_list_wrap .cont .tit{font-size:2.4rem;}
		.ext_prgrm_section .info_list li{font-size:1.7rem;}
		.ext_prgrm_section .class_list_wrap .state_circle{width:120px; height:120px; font-size:1.7rem;}
	}
	@media (max-width:1024px){
		.ext_prgrm_section .class_list_wrap > li > a{gap:20px; padding:20px;}
		.ext_prgrm_section .class_list_wrap .cont .tit{font-size:2.1rem;}
		.ext_prgrm_section .info_list li{font-size:1.6rem;}
		.ext_prgrm_section .class_list_wrap .state_circle{width:100px; height:100px; font-size:1.5rem;}
		.ext_prgrm_section .class_view_wrap{padding:30px;}
		.ext_prgrm_section .class_view_wrap .img{flex:0 0 420px; padding-top:290px;}
	}
	@media (max-width:768px){
		.ext_prgrm_section .ginfo_box{flex-direction:column; align-items:flex-start;}
		.ext_prgrm_section .search_input{width:100%;}
		.ext_prgrm_section .search_input .text{width:100%;}
		.ext_prgrm_section .class_list_wrap > li > a{flex-wrap:wrap;}
		.ext_prgrm_section .class_list_wrap figure{flex:0 0 100%;}
		.ext_prgrm_section .class_list_wrap .cont{flex:1 1 100%; order:2;}
		.ext_prgrm_section .class_list_wrap .state_wrap{order:3; margin-left:auto;}
		.ext_prgrm_section .class_view_wrap{flex-direction:column; padding:24px;}
		.ext_prgrm_section .class_view_wrap .img{flex:none; width:100%; padding-top:60%;}
		.ext_prgrm_section .class_view_wrap dt{flex:0 0 90px; font-size:1.4rem;}
		.ext_prgrm_section .class_view_wrap dd{font-size:1.4rem;}
	}
	/* 미디어쿼리 끝 */
/* 외부연계 프로그램 끝 */