/* 검색탭 */
.searchOption + div { margin-top:1rem; }
.searchOption > button { position:relative; display:block; width:100%; padding:1rem 3rem 1rem 2rem; background:#f9f9f9; border:1px solid #cacaca; border-radius:0.5rem; text-align:left; }
.searchOption > button:before { content:"\e932"; position:absolute; right:1rem; top:1rem; font-family:"xeicon"; font-size:1.4rem; }
.searchOption > button strong { position:relative; display:inline-block; font-size:1.1rem; font-weight:700; padding-left:1.4rem; vertical-align:middle; }
.searchOption > button strong:before { content:""; position:absolute; left:0; top:0.5rem; width:0.4rem; height:0.4rem; background:#000; border-radius:50%; }
.searchOption > button span { display:none; position:relative; vertical-align:middle; font-size:0.85rem; padding-left:5rem; }
.searchOption > button span:before { content:""; position:absolute; left:1.3rem; top:0.6rem; width:2rem; height:1px; background:#fff; }
.searchOption > button.active { border:none; border-radius:0.5rem 0.5rem 0 0; color:#fff; background: rgb(0,142,255); background: -moz-linear-gradient(90deg, rgba(0,142,255,1) 0%, rgba(2,185,196,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,142,255,1) 0%, rgba(2,185,196,1) 100%); background: linear-gradient(90deg, rgba(0,142,255,1) 0%, rgba(2,185,196,1) 100%); }
.searchOption > button.active:before{ content:"\e937"; }
.searchOption > button.active strong:before { background:#fff;}
.searchOption > button.active span {  display:inline-block; }
.searchOption > div { display:none; border:1px solid #008efe; border-top:none; }
.searchOption > button.active + div { display:block;}

/* 기관별검색 */
.tabList1 { overflow:hidden; font-size:0; padding:1.5rem 2rem; }
.tabList1 li { display:inline-block; width:20%; vertical-align:top; padding:0.3rem 0; }
.tabList1 li a { position:relative; display:block; padding:0 1rem 0 1.5rem; font-size:0.85rem; line-height:1.2rem; }
.tabList1 li a:before { content:""; position:absolute; left:0; top:0.1rem; width:1rem; height:1rem; border:2px solid #9e9e9e; border-radius:50%; }
.tabList1 li.on a:before { border-color:#007ce8; }
.tabList1 li.on a:after { content:""; position:absolute; left:0.3rem; top:0.4rem; width:0.4rem; height:0.4rem; background:#007ce8; border-radius:50%; }
.tabList2 { overflow:hidden; font-size:0; margin:0 2rem 1.5rem; padding:1rem; background:#f0fbfc; }
.tabList2 li { display:inline-block; width:25%; vertical-align:top; padding:0.3rem 0; }
.tabList2 li a { position:relative; display:block; padding:0 0.6rem; font-size:0.8rem; line-height:1.2rem; }
.tabList2 li a:before { content:""; position:absolute; left:0; top:0.5rem; width:0.2rem; height:2px; background:#007ce8; }
/** 기관별검색 : active **/
.tabList1 li a:hover,
.tabList1 li a:focus,
.tabList1 li.on a { font-weight:700;}
.tabList2 li a:hover,
.tabList2 li a:focus,
.tabList2 li.on a { font-weight:600; } 

/* 조건별검색 */
.formSt { position:relative; display:flex; padding:0.8rem 0; line-height:2.3rem; }
.formSt dt { width:12rem; text-align:center; font-weight:700; font-size:0.95rem; }
.formSt dt:after { content:""; position:absolute; left:7.9rem; top:2rem; width:4.1rem; height:1px; background:#e4e4e4; z-index:-1; }
.formSt dt:before { content:""; position:absolute; left:0; top:0; width:12rem; height:100%; background:#f7f7f7; z-index:-1; }
.formSt dt span { padding:0 1rem; background:#f7f7f7; }
.formSt dd { width:calc(100% - 12rem); padding:0 2rem; }  
.formSt input[type="text"],
.formSt input[type="date"],
.formSt select { position:relative; height:2.3rem; border:none; padding:0 1rem; border-radius:0.5rem; background:#fff; font-weight:600; border:1px solid #ccc; } 
.formSt input[type="date"]::-webkit-clear-button,
.formSt input[type="date"]::-webkit-inner-spin-button { display:none; }
.formSt input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; z-index: 1;}  
.formSt input[type="date"]:after { content:"\e9a0"; position:absolute; right:1rem; top:0; font-family:"xeicon"; font-size:1.25rem; font-weight:400; line-height:2.3rem; }  
.radio_style { font-size:0; overflow:hidden; }
.radio_style li { position:relative; display:inline-block; margin-right:2rem; }  
.radio_style li input[type="radio"] { position:absolute; left:-9999px; }
.radio_style li input[type="radio"] + label { position:relative; display:inline-block; font-size:0.85rem; height:1rem; line-height:1rem; cursor:pointer; padding-left:1.7rem; }
.radio_style li input[type="radio"] + label:before { content:""; position:absolute; left:0; top:0; width:1rem; height:1rem; border-radius:50%; border:2px solid #999; }
.radio_style li input[type="radio"]:checked + label:before { border-color:#007ce8; }
.radio_style li input[type="radio"]:checked + label:after { content:""; position:absolute; left:0.3rem; top:0.3rem; width:0.4rem; height:0.4rem; background:#007ce8; border-radius:50%; } 
.formSt .radio_style { width:30%; float:left; }
.formSt .radio_style li {width:48%; margin:0; }
.period { width:70%; float:left; }
.period input { width:calc(50% - 0.7rem); }
.period em { display:inline-block; width:1.4rem; text-align:center; }   
.check_style { font-size:0; display:inline-block; vertical-align:middle; }
.check_style + .bu_wnrn { display:inline-block; vertical-align:middle; margin:0; }
.check_style li { display:inline-block; }
.check_style li:not(:last-child) { margin-right:3rem;}
.check_style li input[type="checkbox"] { position:absolute; left:-9999px; }
.check_style li input[type="checkbox"] + label { position:relative; display:inline-block; font-size:0.85rem; line-height:1rem; cursor:pointer; padding-left:1.7rem; }
.check_style li input[type="checkbox"] + label:before { content:"\e929"; position:absolute; left:0; top:0; width:1rem; height:1rem; border-radius:5px; border:2px solid #999; font-family:"xeicon"; line-height:0.8rem; color:#fff; }
.check_style li input[type="checkbox"]:checked + label:before { background:#007ce8; border-color:#007ce8; } 
.formSt .searchForm { display:flex; justify-content:space-between; }
.formSt .searchForm input { width:calc(100% - 8.5rem); }
.formSt .searchForm button { width:8rem; height:2.3rem; background:#007ce8; color:#fff; font-size:0.85rem; border-radius:0.5rem; vertical-align:middle; -webkit-transition:0.2s; transition:0.2s; }
.formSt .searchForm button i { padding-left:0.8rem;}
.formSt .searchForm button:hover,
.formSt .searchForm button:focus { background-color:#095faa; }

/* 리스트표출옵션 */
h3 + .listTotal { margin-top:-1.8rem; }
.listTotal { position:relative; text-align:right; }
.listTotal span { position:relative; display:inline-block; vertical-align:middle; font-size:0.85rem; padding:0 1rem; }
.listTotal span + span:before { content:""; position:absolute; left:0; top:0.3rem; width:1px; height:0.75rem; background:#ababab;}
.listTotal span strong { font-weight:600; }
.listTotal select { padding:0 0.5rem; border:1px solid #ccc; border-radius:0.5rem; height:1.8rem; }

/* 목록스타일 - 공통 */
.linkLst dl dt { position:relative; font-size:1rem; line-height:1.75rem; font-weight:700; padding:0 4.5rem 0.75rem 0; border-bottom:2px dotted #d5d5d5; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; -webkit-transition:0.2s; transition:0.2s; }
.linkLst dl dt .tag { position:absolute; right:0; top:0; width:4rem; height:1.75rem; border-radius:1.75rem; font-size:0.8rem; text-align:center; font-weight:600; }
.linkLst dl dt .tag.tag1 { background:#007ce8; color:#fff; }
.linkLst dl dt .tag.tag2 { background:#cce5fa; color:#333; }
.linkLst dl dt .tag.tag3 { background:#6c6c6c; color:#f0f0f0; }
.conList { padding:0.7rem 0.9rem 0; }
.conList li { position:relative; padding-left:5.55rem; line-height:1.6rem; font-size:0.8rem; font-family:"Montserrat", "SCDream"; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
.conList li:before { content:""; position:absolute; left:0; top:0.7rem; width:0.2rem; height:0.2rem; background:#a3a3a3; border-radius:50%; }
.conList li span { position:absolute; left:0.8rem; top:0; font-size:0.8rem; font-weight:700; width:4.75rem; overflow:hidden; }
.conList li.num { max-height:3.2rem;  text-overflow:inherit; white-space:inherit; }
.conList li.file { white-space:inherit; }
/** 목록스타일 : active **/
.linkLst > ul > li > a:hover dt,
.linkLst > ul > li > a:focus dt { color:#007ce8; }
.linkLst > ul > li > a:hover dd,
.linkLst > ul > li > a:focus dd { text-decoration:underline; }

/* 견학체험 목록 */
.linkLst1 { border-top:1px solid #999; margin-top:1.8rem; }
.linkLst1 > ul { position:relative; display:flex; flex-wrap:wrap; }
.linkLst1 > ul > li { width:50%; padding:2.5rem 0; border-bottom:1px solid #ddd; } 
.linkLst1 > ul > li:nth-child(odd) { padding-right:2%; }
.linkLst1 > ul > li:nth-child(even) { padding-left:2%; }
.linkLst1 > ul > li > a { position:relative; display:block; padding:0 0 0 13rem; }
.linkLst1 > ul > li > a .img { position:absolute; left:0; top:0; width:11.6rem; height:9.5rem; background:no-repeat center / cover; border-radius:1rem; overflow:hidden; }

/* 교육강좌 목록 */
.linkLst2 { padding:1.4rem 0; border-top:1px solid #999; border-bottom:1px solid #999; margin-top:1.8rem; }
.linkLst2 > ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.linkLst2 > ul > li { width:49%; border:1px solid #ddd; margin:0.5rem 0; border-radius:0.5rem; }
.linkLst2 dl dt { padding:1rem 5rem 1rem 1rem; }
.linkLst2 dl dt .tag { right:1rem; top:1rem; }
.linkLst2 .conList { padding: 1rem; font-size:0; }
.linkLst2 .conList li { display:inline-block; width:50%; padding:0 0.5rem 0 4.5rem; vertical-align:top; }
.linkLst2 .conList li span { width:3.8rem; }
 
.box_gray { padding:0.9rem 2.5rem; border:1px solid #ddd; overflow:hidden; }
.box_line { padding:1rem 0; border-top:1px solid #999; border-bottom:1px solid #dbdbdb;  }
.pc_sky { color:#0085d8; font-weight:600; }

.box_gray .check_style li input[type="checkbox"] + label,
.tbl_st .check_style li input[type="checkbox"] + label,
.box_gray .radio_style li input[type="radio"] + label,
.tbl_st .radio_style li input[type="radio"] + label { font-size:0.75rem; }

/* 상세내용박스 */
.content_box { position:relative; margin-bottom:2.5rem; } 
.content_box:after { content:""; display:block; clear:both; }
.content_box .img { position:relative; width:44%; float:left; }  
.content_box .img #showImg { height:20rem; border-radius:0.5rem; background:no-repeat center / cover; -webkit-transition:0.2s; transition:0.2s;} 
.content_box .img #cntSlide { position:relative; margin:1.2rem -0.3rem 0; }
.content_box .img #cntSlide .slick-track { margin-left:0; }
.content_box .img #cntSlide .item { height:6.5rem; border-radius:0.5rem; margin:0 0.3rem; background:no-repeat center / cover;  }
.content_box .img #cntSlide .item:not(.noImage) { cursor:pointer; }
.content_box .img #cntSlide .item.noImage { background:url('/images/dgedu/template/TC26/sub/logo.png') no-repeat center / 60% auto, #f7f7f7; }
.content_box .img .control a { position:absolute; bottom:2rem; width:1.8rem; height:1.8rem; background:#fff; text-align:center; line-height:1.8rem; box-shadow:0 0 13px rgba(0,0,0,0.1); border:1px solid #e9e9e9; border-radius:50%; line-height:1.8rem; font-size:1rem; -webkit-transition:0.2s; transition:0.2s; } 
.content_box .img .control a:hover,
.content_box .img .control a:focus { background:#00569c; border-color:#00569c; color:#fff; }
.content_box .img .control a.prev { left:-0.9rem; }
.content_box .img .control a.next { right:-0.9rem; } 
.content_box .img .no_data {  height:20rem; border-radius:0.5rem; background:url('/images/dgedu/template/TC26/sub/logo.png') no-repeat center / 60% auto, #f7f7f7; }
.content_box .txtBox { width:50%; float:right; border:1px solid #ddd; border-radius:0.5rem; padding:2rem 2rem 0; }
.content_box .txtBox dl dt { font-size:1rem; font-weight:700; line-height:1.8rem; padding-bottom:1.5rem; border-bottom:2px dotted #d5d5d5; }
.content_box .txtBox dl dd { padding:0.9rem; } 
.content_box .txtBox dl dd .conList { padding:0; }
.content_box .txtBox a.btn_blue { display:inline-block; padding:0.1rem 1rem; font-size:0.75rem; color:#fff; background:#006abf; -webkit-transition:0.2s; transition:0.2s;}
.content_box .txtBox a.btn_blue i { margin-left:0.5rem; }
.content_box .txtBox a.btn_blue:hover,
.content_box .txtBox a.btn_blue:focus { background-color:#00569c; }

/* 폼 테이블 */ 
div[class*='tbl_st'].form_table > table th { padding:0.7rem 1.5rem; background:#f7faff; }
div[class*='tbl_st'].form_table > table tbody th { background:#f9f8f9; }
div[class*='tbl_st'].form_table > table td { padding:0.6rem 1.8rem; }

/* 폼 박스 */
.form_table .tel_input { display:inline-block; font-size:0; vertical-align:middle; margin-right:1rem; }
.form_table .tel_input span { width:1.25rem; display:inline-block; font-size:0.8rem; text-align:center; line-height:1.7rem; vertical-align:middle; }
.form_table .tel_input input { width:8rem; }
.form_table .tel_input + .bu_wnrn { display:inline-block; vertical-align:middle; margin:0; }
.form_table .address_input { font-size:0; }
.form_table .address_input input { width:8rem; }
.form_table .address_input input + input { width:calc(100% - 9.25rem); margin-left:1.25rem; }
.form_table .school_input { max-width:35.5rem; font-size:0; }
.form_table .school_input input { width:8rem; }
.form_table .school_input select { width:calc(100% - 18.5rem); margin-left:1.25rem; }
.form_table .school_input select + select { width:8rem; }

/* 예약캘린더 */
.reservCal .date_view { display:flex; height:3.5rem; background:#f7f7f7; border-radius:0.5rem; justify-content:space-between; align-items:center; padding:0 1.8rem; }
.reservCal .date_view > a { font-size:1.6rem; }
.reservCal .date_view .center { text-align:center; }
.reservCal .date_view .center > a { display:inline-block; width:1.7rem; height:1.7rem; border-radius:50%; line-height:1.7rem; vertical-align:middle; }
.reservCal .date_view .center .cal { border:2px solid #007ce8; font-size:0.85rem; line-height:1.5rem; }
.reservCal .date_view .center .today { background:#4299eb; color:#fff; font-size:0.65rem; }
.reservCal .date_view .center .date { font-family:"Montserrat"; font-size:1.2rem; font-weight:700; margin:0 1rem; vertical-align:middle; }
.calendar_table table { table-layout:fixed; margin-bottom:1rem; }
.calendar_table table th { padding:0.5rem 0; }
.calendar_table table th:first-child { color:#ff0000; }
.calendar_table table td:first-child em { color:#e00000; }
.calendar_table table th:last-child { color:#0443ac; }
.calendar_table table td:last-child em { color:#0443ac; }
.calendar_table table td { padding:0.2rem; }
.calendar_table table td div { height:5.3rem; background:#f4f7fb; padding:0.5rem; }
.calendar_table table td.holiday div { background:#fff0f1; }
.calendar_table table td.event div { background:#fafafa; }
.calendar_table table td.present div { background:#fef2dd; }
.calendar_table table td div em { display:inline-block; width:1.2rem; line-height:1rem; font-weight:600; vertical-align:middle; font-family:"Montserrat"; }
.calendar_table table td.present div em { text-decoration:underline; font-weight:700;}
.calendar_table table td div em + span { position:relative; display:inline-block; width:calc(100% - 1.2rem); line-height:1rem; padding-left:1rem; font-size:0.7rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle; } 
.calendar_table table td div em + span:before { content:""; position:absolute; top:0.4rem; left:0.2rem; width:0.4rem; height:1px; background:#999; }
.calendar_table table td div a { position:relative; display:block; line-height:1.15rem; font-size:0.7rem; font-family:"Montserrat", "SCDream"; border-radius:3px; margin-top:0.2rem; padding:0 0.5rem 0 1.5rem;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} 
.calendar_table table td div a:before { position:absolute; left:0.4rem; top:0; font-family:"xeicon"; }
.cal_info { display:inline-block; vertical-align:middle; margin-left:2rem; }
.cal_info li { position:relative; display:inline-block; line-height:1.15rem; font-size:0.7rem; font-family:"Montserrat", "SCDream"; border-radius:3px; padding:0 0.5rem 0 1.5rem; }
.cal_info li:before { position:absolute; left:0.4rem; top:0; font-family:"xeicon"; }
.cal_event1 { background:#007ce8; color:#fff; -webkit-transition:background-color 0.2s; transition:background-color 0.2s;}
.cal_event1:before { content:"\e929"; }
a.cal_event1:hover,
a.cal_event1:focus { background:#0059a7; }
.cal_event2 { background:#6c6c6c; color:#f0f0f0; text-decoration:line-through; cursor:inherit; }
.cal_event2:before { content:"\e9ae"; }
.cal_event3 { background:#cce5fa; color:#000; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; }
.cal_event3:before { content:"\e91b"; }
a.cal_event3:hover,
a.cal_event3:focus { background:#b0dbff; }

/* 버튼 박스 */
.btnWrap { text-align:center; margin:3.2rem 0 6.5em; }
.btnWrap a { display:inline-block; width:100%; max-width:12.5rem; line-height:2.35rem; color:#fff; font-size:0.8rem; -webkit-transition:0.2s; transition:0.2s; margin:0.1rem; }
.btnWrap a.btn_blue { background:#006abf; }
.btnWrap a.btn_dark { background:#464646; }  
.btnWrap a.btn_blue:hover,
.btnWrap a.btn_blue:focus { background-color:#00569c; }
.btnWrap a.btn_dark:hover,
.btnWrap a.btn_dark:focus { background-color:#242424; }

/*개인정보처리방침*/
.privacy_wrap .pri_img img{width: 4rem;}
.privacy_wrap img.pri_ico {width: 2rem; vertical-align: middle;}
.list_ol2 > li { position:relative; min-height:1.25rem; padding-left:1.6rem; margin-top:0.35rem; color:#333; line-height:1.2rem; }
.list_ol2 > li > span.num { position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; line-height:1.25rem; font-size:.7rem; border-radius:50%; color:#fff; text-align:center; font-weight:700; color:#1f64b2; background-color:#e8f3ff; letter-spacing: -1px;} 


/*홍보관견학안내 - 이용안내*/
.sub0202_01 .mapWrap {margin-top: 0.25rem;}

@media (max-width:1240px) { 
    /* 견학체험 목록 */
    .linkLst dl dt { font-size:0.9rem; padding-right:4rem; }
    .linkLst dl dt .tag { width:3.5rem; font-size:0.7rem; }

    .linkLst1 > ul > li { padding:0.75rem 0; }
    .linkLst1 > ul > li > a { padding-left:0; }
    .linkLst1 > ul > li > a .img { top:3.5rem; width:8rem; height:6.6rem;}
    .linkLst1 dl dd { padding-left:8.5rem; } 

    /* 교육강좌 목록 */
    .linkLst2 dl dt { padding-right:5rem; }

    /* 예약캘린더 */
    .calendar_table table td div em + span { position:relative; padding-left:0; }
    .calendar_table table td div em + span:before { display:none; } 
}

/* 조직도 */ /*250401*/
.org_wrap { position:relative; margin-top:2.5rem; }
/*.org_wrap:before {content:"";position:absolute;left:50%;top:0;width:1px;height: 12.7rem;background:#868c8f;z-index:-1;}*/
.org_wrap .list_st2 > li { font-size:0.8rem; }
.org_wrap .org_circle1 { position:relative; display:flex; justify-content:center; align-items:center; width:15rem; height:3rem; border-radius:.5rem; background:#1C318E; font-size:1rem; font-weight:700; text-align:center;color:#fff; margin:0 auto; }
.org_wrap .org_circle2 { position:relative; display:flex; justify-content:center; align-items:center; width:15rem; height:3rem; border-radius:.5rem; background:#0069D1; font-size:1rem; font-weight:700; text-align:center; color:#fff; margin:1.5rem auto 0; } 
.org_wrap .org_list1 { position:relative; left:calc(50% + 12rem); margin:-3rem 0; width:10.7rem; }
.org_wrap .org_list1:before { content:""; position:absolute; left:-12rem; top:50%; width:12rem; height:1px; background:#868c8f; }
.org_wrap .org_list1 dt {display:block; width:100%; background:#045ba6; color:#fff; font-weight:700; text-align:center; border-radius:0.5rem; padding:0.65rem; margin-bottom:0.5rem; }
.org_wrap .org_list1 dt:focus {outline:3px dashed #05c0c6; }
.org_wrap .org_list1 dd { background:#fff; border:1px solid #ddd; border-radius:0.5rem; padding:1rem; }
.org_wrap .org_list1.left {left: auto;position: absolute;right: calc(50% + 12rem);top: 23.2rem;}
.org_wrap .org_list1.left:before{left: auto;right: -12rem;}
.org_wrap .org_list2 {position:relative;display:flex;margin-top:2rem;}
.org_wrap .org_list2:before {content:"";position:absolute;left: 30%;top: 3.2rem;width: 48%;height:1px;background: #868c8f;z-index: -1;}
.org_wrap .org_list2 > li { flex:1; padding:2rem 1rem 0; } 
.org_wrap .org_list2 > li > p { display:block; width:100%; background:#F2F6FF; border:1px solid #0971D8; font-weight:700; text-align:center; border-radius:0.5rem; padding:0.65rem; } 
.org_wrap .org_list2 > li > p em { position:relative; padding-left:1rem; }
.org_wrap .org_list2 > li > p em:before { content:""; position:absolute; left:0.4rem; top:0.5rem; width:0.2rem; height:0.2rem; background:#fff; border-radius:50%; }
.org_wrap .org_list3 { display:flex; flex-wrap:wrap; justify-content:space-between; }
.org_wrap .org_list3 dl { width:49%; margin-top:0.6rem; } 
.org_wrap .org_list3 dt {display:block; width:100%; background:#F9F9F9; border:1px solid #C3CBD8; font-weight:700; text-align:center; border-radius:0.5rem; padding:0.65rem; margin-bottom:0.3rem; }
.org_wrap .org_list3 dd { height:calc(100% - 3rem); border:1px solid #ddd; border-radius:0.5rem; padding:.8rem; word-break:keep-all;}
.org_wrap .org_list3 dd li {font-size:.7rem;}
.org_wrap .org_list4 { margin-top:3rem; } 
.org_wrap .org_list4 dt { position:relative; display:block; width:90%; max-width:21rem; line-height:2.5rem; background:#008489; border-radius:0.5rem; margin:0 auto -1.25rem; text-align:center; color:#fff; font-weight:600; }
.org_wrap .org_list4 dd { padding:2rem 1rem 1.5rem; background:#f7fbfb; }
.org_wrap .org_list4 dd ul { display:flex; flex-wrap:wrap; }
.org_wrap .org_list4 dd ul li { width:25%; padding:0.5rem; }
.org_wrap .org_list4 dd ul li a { display:block; border-radius:0.5rem; border:1px solid #ddd; background:#fff; padding:0.8rem; text-align:center; }
.org_wrap .org_list5 dt { background:#fdd652; color:#000; }
.org_wrap .org_list5 dd { background:#fefbee; }
.org_wrap a { -webkit-transition:0.2s; transition:0.2s;}
.org_wrap .list_st2 > li a:hover,
.org_wrap .list_st2 > li a:focus { text-decoration:underline; }
.org_wrap .org_list1 dt a:hover,
.org_wrap .org_list1 dt a:focus { background:#0c3771; } 
.org_wrap .org_list3 dt a:hover,
.org_wrap .org_list3 dt a:focus { background:#0c3771; }
.org_wrap .org_list4 dd ul li a:hover,
.org_wrap .org_list4 dd ul li a:focus { border-color:#0082bc; color:#0082bc; }

/*업무안내*//*250401*/
.work_wrap { position:relative; margin-top:2.5rem; }
.work_wrap:before {content:"";position:absolute;left:50%;top:0;width:1px;height: 11.7rem;background:#868c8f;z-index:-1;}
.work_wrap .list_st2 > li { font-size:0.8rem; }
.work_wrap .work_circle1 {position:relative;display:flex;justify-content:center;align-items:center;width: 9rem;height: 9rem;border-radius:50%;background:#1C318E;font-size:1rem;font-weight:700;text-align:center;color:#fff;margin:0 auto;}
.work_wrap .work_list2 {position:relative;display:flex;margin-top: 2rem;}
.work_wrap .work_list2:before {content:"";position:absolute;left: 50%;top: 0.7rem;width: 78.15%;height:1px;background: #868c8f;z-index: -1;transform:translate(-50%, 0);}
.work_wrap .work_list2 > li { flex:1; padding:2rem 1rem 0; } 
.work_wrap .work_list2 > li > p { display:block; width:100%; background:#F2F6FF; border:1px solid #0971D8; font-weight:700; text-align:center; border-radius:0.5rem; padding:0.65rem; } 
.work_wrap .work_list2 > li > p em { position:relative; padding-left:1rem; }
.work_wrap .work_list2 > li > p em:before { content:""; position:absolute; left:0.4rem; top:0.5rem; width:0.2rem; height:0.2rem; background:#fff; border-radius:50%; }
.work_wrap .work_list3 { display:flex; flex-wrap:wrap; justify-content:space-between; }
.work_wrap .work_list3 dl { width:19%; margin-top:0.6rem; position:relative;} 
.work_wrap .work_list3 dl:before {content:''; position:absolute; width:1px; height:3rem; background:#868c8f; left:50%; top:-1.85rem; z-index:-1;}
.work_wrap .work_list3 dt {display:block; width:100%; background:#F9F9F9; font-weight:700; text-align:center; border-radius:5rem; padding:0.65rem; margin-bottom:0.3rem; color:#fff; }
.work_wrap .work_list3 dl:first-of-type dt {background:#73CB4F;}
.work_wrap .work_list3 dl:nth-of-type(2) dt {background:#00C09B;}
.work_wrap .work_list3 dl:nth-of-type(3) dt {background:#00C4D1;}
.work_wrap .work_list3 dl:nth-of-type(4) dt {background:#009ED3;}
.work_wrap .work_list3 dl:nth-of-type(5) dt {background:#007DC3;}
.work_wrap .work_list3 dd { height:calc(100% - 3rem); border:1px solid #DDEDFC; border-radius:0.5rem; padding:.8rem; word-break:keep-all; background:#F1F9FF;}
.work_wrap .work_list3 dd li {font-size:.7rem;}


@media (max-width:1024px) { 
    /* 검색탭 */
    .searchOption > button {padding:0.7rem 3rem 0.7rem 1.2rem; }
    .searchOption > button:before { top:0.7rem;}
    .searchOption > button strong { font-size:0.9rem; } 
    .searchOption > button span { font-size:0.7rem; }
 
    /* 조건별검색 */
    .formSt dt { width:6.5rem; font-size:0.9rem; }
    .formSt dt:before { width:6.5rem; }
    .formSt dt:after { display:none; }
    .formSt dd { width:calc(100% - 6.5rem); padding:0 1rem; }
    .formSt .radio_style { width:40%; }
    .formSt .period { width:60%; }

    /* 교육강좌 목록 */
    .linkLst2 .conList li { width:100%; }

    /* 예약캘린더 */
    .reservCal .date_view { padding:0 0.5rem; }
    .reservCal .date_view > a { font-size:1.2rem; }
    .calendar_table table colgroup,
    .calendar_table table thead { display:none; }
    .calendar_table table td { display:block; padding:0; }
    .calendar_table table td div { position:relative; height:auto; min-height:2rem; padding:0.5rem 0.5rem 0.5rem 2.5rem; margin:0.4rem 0 0; overflow:hidden; }
    .calendar_table table td div em { position:absolute; left:0.5rem; top:0.5rem; z-index:2;}
    .calendar_table table td div em + span { display:block; width:100%; }
    .calendar_table table td div a { width:49%; float:left; }
    .calendar_table table td div a:nth-child(2n) { margin-right:2%; }
    
    /*250401*/
    .org_wrap .org_list1 { left:calc(50% + 7rem);}
	.org_wrap .org_list1:before { left:-7rem; width:7rem; }
	.org_wrap .org_list3 dl { width:100%; }
	.org_wrap .org_list1.left {right: calc(50% + 7rem);}
	.org_wrap .org_list1.left:before{ right: -7rem;}
  
  
}
@media (max-width:900px) { 
    /* 견학체험 목록 */
    .linkLst1 > ul > li { width:100%; }    
    .linkLst1 > ul > li:nth-child(odd) { padding-right:0;}
    .linkLst1 > ul > li:nth-child(even) { padding-left:0; } 

    /* 기관별검색 */
    .tabList1 li { width:25%; }
    .tabList2 li { width:33.333%; }

    /* 상세내용박스 */
    .content_box .img { width:100%; }
    .content_box .txtBox { width:100%; margin-top:1rem; padding:1rem 1rem 0; }
    .content_box .txtBox dl dd { padding:1rem 0;}
    .content_box .txtBox dl dt { line-height:1.4rem; }
    
    /*250401*/
	.work_wrap .work_list3 dl {width:49%;}
	.work_wrap .work_list2:before {width:48.7%;}
    
}
@media (max-width:768px) { 
    /* 검색탭 */
    .searchOption > button.active span { display:none; }

    /* 기관별검색 */
    .tabList1 li { width:50%; }
    .tabList2 li { width:50%; }

    /* 조건별검색 */
    .formSt .radio_style { width:100%; } 
    .formSt .radio_style li { width:auto; margin:0.2rem 1rem 0.2rem 0; } 
    .radio_style li { margin:0.2rem 1rem 0.2rem 0; }
    .formSt .period { width:100%; }
    .check_style li:not(:last-child) { margin-right:1rem; }

    /* 리스트표출옵션 */
    h3 + .listTotal { margin-top:0;}
    .listTotal span { padding:0 0.5rem; }
    .linkLst1 { margin-top:1rem; }

    /* 교육강좌 목록 */
    .linkLst2 { margin-top:1rem; padding:0.8rem 0; }
    .linkLst2 > ul > li { width:100%; }
    .linkLst2 .conList li { width:50%; } 

    /* 폼 테이블 */ 
    .rsp_table colgroup { display:none; }
    .rsp_table th,
    .rsp_table td { display:block;}
    div[class*='tbl_st'].form_table > table th,
    div[class*='tbl_st'].form_table > table td { padding:0.7rem; }
    
    /* 폼 박스 */
    .form_table input { width:100%; } 
    .form_table .tel_input { width:100%; margin:0; }
    .form_table .tel_input input { width:calc((100% - 2.5rem) / 3);  }
    .form_table .school_input { max-width:100%; }

    .box_gray { padding:0.8rem 1rem; }
    
    /*250401*/
    .org_wrap:before {height: 10rem;}
	.org_wrap .org_circle1,
	.org_wrap .org_circle2 {width: 90%;height: 3rem;}
	.org_wrap .org_circle1:before { width:8rem; height:8rem;} 
	.org_wrap .org_list1 { margin:1rem auto; left:auto; }
	.org_wrap .org_list1:before,
	.org_wrap .org_list1.left{position:relative; top:auto; right:auto;}
	.org_wrap .org_list2:before { display:none;}
	.org_wrap .org_list2 { display:block; margin-top:0; } 
	.org_wrap .org_list3 { justify-content:inherit; margin:0 -0.5rem; }
	.org_wrap .org_list3 dl { width:50%; padding:0 0.5rem; } 

} 
@media (max-width:580px) {
    /* 폼 박스 */
    .form_table .address_input input,
    .form_table .school_input input,
    .form_table .school_input select + select { width:100%; }
    .form_table .address_input input + input,
    .form_table .school_input select { width:100%; margin:0.2rem 0 0; }  
    
    /*250401*/
	.org_wrap .org_list3 dl {width:100%;}
	.work_wrap .work_list2 {margin-top:0;}
	.work_wrap .work_list3 dl {width:100%;}
	.work_wrap .work_list2:before {width:0;}
} 
@media (max-width:480px) {
    /* 기관별검색 */
    .tabList1 { padding:1rem; }
    .tabList1 li { width:100%; }
    .tabList2 { margin:0 1rem 1rem; }
    .tabList2 li { width:100%; }

    /* 조건별검색 */
    .formSt { display:block; padding:0; line-height:1.8rem; } 
    .formSt dt { width:100%; background:#f7f7f7; } 
    .formSt dt:before { display:none; }
    .formSt dd { width:100%; overflow:hidden; padding:1rem; }
    .radio_style { margin-bottom:0.3rem; }
    .formSt .searchForm input { width:calc(100% - 4.5rem); }
    .formSt .searchForm button { width:4rem;}
    .formSt .searchForm button i { padding-left:0.5rem; }
 
    /* 견학체험 목록 */
    .linkLst1 > ul > li > a .img { position:relative; left:auto; top:auto; margin:0 auto 0.75rem; }
    .linkLst1 dl dd { padding-left:0; }

    /* 교육강좌 목록 */ 
    .linkLst2 .conList li { width:100%; } 

    /* 상세내용박스 */
    .content_box .img #showImg { display:none; }
    .content_box .img #cntSlide .item { height:15rem; }
    .content_box .img .control a { bottom:auto; top:50%;}
}
@media (max-width:380px) {
    .period input { width:100%; }
    .period em { width:100%; }

    /* 예약캘린더 */ 
    .reservCal .date_view .center .date { font-size:1rem; margin:0 0.2rem; }
    .calendar_table table td div a { width:100%; }
    .calendar_table table td div a:nth-child(2n) { margin-right:0; }
}