@charset "utf-8";

/* 통합예약 상세보기  */
#cnDiv_detail{ max-width:100%; overflow-y:auto;}


.lisyOption {display:inline-block}
.lisyOption:after {content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:#999; margin-left:1rem;}
.lisyOption a {display:inline-block; vertical-align:middle; position:relative; padding-left:1.8rem; margin-left:.5rem;}
.lisyOption a:before {content:''; display:inline-block; position:absolute; top:-3px; left:0; width:30px; height:30px; border-radius:5px; background-color:#a7a7a7; background-repeat:no-repeat; background-position:center; vertical-align:middle;}
.lisyOption a.opt_card:before {background-image:url('/images/dgedu/template/TC26/sub/ico_card.png')}
.lisyOption a.opt_list:before {background-image:url('/images/dgedu/template/TC26/sub/ico_list.png')}
.lisyOption a.on {font-weight:600; color:#007ce8;}
.lisyOption a.on:before {background-color:#007ce8;}
					
					
/* 전화번호 안내 */
.con_contact {overflow:hidden;display: flex;flex-wrap: wrap;}/*250331*/
.con_contact li {width:23%; float:left; margin:.5rem 1%; line-height:1.6rem; border:1px solid #c5c9d6; border-radius:1rem; overflow:hidden;}
.con_contact li.contLiw50 {width:48%; min-height:8.5rem;}
.con_contact li p.tit {padding:.5rem .75rem; font-weight:700; font-size:.9rem; color:#000; border-bottom:1px dotted #c5c9d6; background:#f7f7f7;}
.con_contact li p.txt {padding:.5rem .75rem; font-weight:400; font-size:.8rem; color:#555;}
.con_contact li span {font-weight:600; color:#333;}
.con_contact li i {display:inline-block; width:1.5rem; height:1.5rem; margin-right:.15rem; line-height:1.5rem; text-align:center; color:#fff; background:#525c6e; border-radius:50%;}

/* 검색탭 */
.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; padding-left:1.25rem;} 
.tabList2 li a:hover:before,
.tabList2 li.on a:before {content:'\e92c'; width:20px; height:20px; font-size:1.1rem; top:0; font-family:"xeicon"; color:#007ce8; background:none;}

/* 조건별검색 */
.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%; } 
.periodWrap .radio_style { width:30%; float:left; }
.periodWrap .radio_style li {width:48%; margin:0; }
.period { width:70%; float:left; display:flex; }
.period div { position:relative; width:calc(50% - 0.7rem); }
.period div:before { content:"\e9a0"; position:absolute; right:1rem; top:0; line-height:2.3rem; font-family:"xeicon"; font-size:1.25rem; z-index:2; }
.period div input[type="text"] { width:100%; padding:0 2.5rem 0 1rem; }
.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 {border-top:1px solid #999; border-bottom:1px solid #999; padding:1.4rem 0; margin-top:1.8rem;}
.linkLst > ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.linkLst > ul > li { width:49%; border:1px solid #ddd; margin:0.5rem 0; border-radius:0.5rem; }
.linkLst > ul > li.no_data {width:100%; text-align:center; border:none;}
.linkLst dl dt { position:relative; display:flex; align-items:center; height:90px;  padding:1rem;  border-bottom:2px dotted #d5d5d5; }
.linkLst dl dt span {display:inline-block; overflow:hidden;}
.linkLst dl dt span.tit {width:calc(100% - 5rem); height:auto; font-size:.95rem; line-height:1.5rem; font-weight:700; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.linkLst dl dt span.state {width:4rem; margin-left:1rem;}
.linkLst dl dt span.state em {display:block; }
.linkLst dl dt .tag { width:4rem; padding:.3rem 0; border-radius:1.75rem; font-size:0.8rem; text-align:center; font-weight:600; }
.linkLst dl dt .tag.tag_blue { background:#007ce8; color:#fff; }
.linkLst dl dt .tag.tag_red { background:#ff5c5b; color:#fff; }
.linkLst dl dt .tag.tag_sky { background:#cce5fa; color:#111; }
.linkLst dl dt .tag.tag_gr { background:#6c6c6c; color:#fff; }
.linkLst dl dt .tag.tag_yellow { background:#fbbc05; color:#111; }
.conList { padding: 1rem; font-size:0; }
.conList li { position:relative; padding-left:5.55rem; line-height:1.2rem; margin-bottom:.3rem; font-size:0.8rem; font-family:"Montserrat", "SCDream";  text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.conList li:before { content:""; position:absolute; left:0; top:0.45rem; 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 dl dd {position:relative; padding-left:13rem; min-height:10.6rem; margin-top:1rem;}
.linkLst1 > ul { position:relative; display:flex; flex-wrap:wrap;}
.linkLst1 > ul > li > a { position:relative; display:block;}
.linkLst1 > ul > li > a .img { position:absolute; left:1rem; top:0; width:11.6rem; height:9.5rem; border-radius:1rem; overflow:hidden; display:flex; align-items:center; justify-content: center; background:#f1f1f1;}
.linkLst1 > ul > li > a .img img{ width:auto; height:100%;}
.linkLst1 > ul > li > a .img.noImage {background:url(/images/dgedu/template/TC26/sub/logo.png) no-repeat center / 60% auto, #f7f7f7 !important;}

/* 교육강좌 목록 */
.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;}
.inner_scroll {max-height:9.2rem; overflow-y:auto;}
.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; -webkit-transition:0.2s; transition:0.2s; text-align:center; background:#f1f1f1; overflow:hidden;} 
.content_box .img #showImg img{ width:100%; height:100%; }
.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 { text-align:center; height:6.5rem; border-radius:0.5rem; margin:0 0.3rem; overflow:hidden; background:#f1f1f1;}
.content_box .img #cntSlide .item:not(.noImage) { cursor:pointer; }
.content_box .img #cntSlide .item img{ width:100%; height:100%;}
.content_box .item.noImage { background:url('/images/dgedu/template/TC26/sub/logo.png') no-repeat center / 60% auto, #f7f7f7 !important;}
.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; }
/* 이미지 박스가 안나올 때  txtBox에 only 클래스 마크업 추가*/
.content_box .txtBox.only {width:100%; float:none;}
.content_box .txtBox.only .conList {display:flex; flex-wrap:wrap;}
.content_box .txtBox.only .conList li {width:50% !important;}

/* 폼 테이블 */ 
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 { position:relative; display:flex; height:3.5rem; background:#f7f7f7; border-radius:0.5rem; justify-content:center; align-items:center; padding:0 1.8rem; }
.reservCal .date_view > a { font-size:1.6rem; }
.reservCal .date_view .center { text-align:center; margin:0 1rem; }
.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; vertical-align:middle; }
.reservCal .date_view .y-m_move{ position:absolute; right:1rem; top:0.9rem;}
.reservCal .date_view .y-m_move select{ height:1.75rem; line-height:1.75rem; padding:0 .5rem; font-size:0.7rem; border-radius:.25rem; border:1px solid #ccc;}
.calendar_table table { height:100%; 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 { height:100%; padding:0.2rem; vertical-align:top; }
.calendar_table table td div { height:100%; min-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:top; font-family:"Montserrat"; }
.calendar_table table td.present div em { text-decoration:underline; font-weight:700;}
.calendar_table table td div {overflow:hidden;}
.calendar_table table td div span { position:relative; float:right; display:inline-block; width:calc(100% - 1.2rem); line-height:1rem; padding-left:.2rem; font-size:0.7rem; /*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/ vertical-align:top;} 
.calendar_table table td div p {clear:both; padding:.1rem 0; overflow:hidden;}
.calendar_table table td div p a { position:relative; display:block; line-height:1.15rem; font-size:0.7rem; font-weight:300; font-family:"Montserrat", "SCDream"; border-radius:3px; padding:0 0.5rem 0 1.5rem; /* text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/} 
.calendar_table table td div p 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; }
.cal_event4 { background:#fbbc05; color:#000; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; }
.cal_event4:before { content:"\e91b"; }
a.cal_event4:hover,
a.cal_event4:focus { background:#fbbc05; }

/* 버튼 박스 */
.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; }

/* 리스트 :가로 나열 (li별 넓이 조정) */
.li_w100 { width:100% !important}
.li_w50 { width:48% !important }
.li_w30 { width:31.33% !important }
.li_w25 { width:23% !important }
.li_w20 { width:18% !important }
.li_w16 { width:14% !important }

/* 예약확인페이지 테이블 */
.compt_table .mTit { display:none; }

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

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

    /* 예약캘린더 */
    .calendar_table table td div span { position:relative; padding-left:0; }
    
    /* 리스트 :가로 나열 (li별 넓이 조정) */
	.li_w20 { width:23%; }
	.li_w16 { width:18%; }
}
@media (max-width:1024px) { 
    /* 전화번호 안내 */
	.con_contact li {width:48%;}
	.con_contact li.contLiw50 {width:98%; min-height:auto;}
	
    /* 검색탭 */
    .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; }
    .periodWrap .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 { height:auto; 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 span { display:block; width:100%; float:none; }
    .calendar_table table td div p { width:49%; float:left; margin:.1rem 0; clear:none;}
    .calendar_table table td div p:nth-of-type(2n) { margin-left:2%; }
    
    /* 리스트 :가로 나열 (li별 넓이 조정) */
	.li_w25 { width:31.33%; }
	.li_w20 { width:31.33%; }
	.li_w16 { width:31.33%; }
  
}
@media (max-width:900px) { 
    /* 견학체험 목록 */
    .linkLst1 > ul > li { width:100%; }  
    .linkLst1 > ul > li:nth-of-type(2) {border-top:1px solid #ddd}    
    .linkLst1 > ul > li:nth-child(odd) { padding-right:0;}
    .linkLst1 > ul > li:nth-child(even) { padding-left:0; } 
    .linkLst1 dt p {height:auto;}

    /* 기관별검색 */
    .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; }
}
@media screen and (max-width:860px){
	/* 리스트 :가로 나열 (li별 넓이 조정) */
	.li_w30 { width:48%; }
	.li_w25 { width:48%; }
	.li_w20 { width:48%; }
	.li_w16 { width:48%; }
}
@media (max-width:768px) { 
	
	.reservCal .date_view{ justify-content: left;}
	
    /* 검색탭 */
    .searchOption > button.active span { display:none; }

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

    /* 조건별검색 */
    .periodWrap .radio_style { width:100%; } 
    .periodWrap .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:-2rem; /*margin-top:0;*/}
    .lisyOption {display:block; margin-bottom:1rem;}
    .lisyOption:after {display:none;}
    .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; }
    
    /* 상세내용박스 */
  	.content_box .txtBox.only .conList li {width:100% !important;}  

} 
@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; }
    
    /* 예약확인페이지 테이블 */
    .compt_table table colgroup { display:none; }
    .compt_table .modNone { display:none; }
    .compt_table .mTit { display:block; }
} 
@media (max-width:480px) {
	
	.reservCal .date_view{ height:auto; justify-content: center; flex-wrap: wrap; padding:.75rem 1rem;}
	.reservCal .date_view .center{ margin:0 0.5rem;}
	.reservCal .date_view .y-m_move{ position:relative; right:auto; top:auto; width:100%; margin-top:.5rem; display:block; text-align:center;}
	
    /* 전화번호 안내 */
	.con_contact li {width:100%; float:none; margin:.25rem 0;}
	.con_contact li.contLiw50 {width:100%;}
    
    /* 기관별검색 */
    .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{ margin-top:0;}
    .content_box .img #cntSlide .item { height:auto; min-height:10rem;}
    .content_box .img #cntSlide .item img{ width:100%; height:auto;}
    .content_box .img .control a { bottom:auto; top:50%;}
    
    /* 리스트 :가로 나열 (li별 넓이 조정) */
	.li_w50 { width:100%; }
	.li_w30 { width:100%; }
	.li_w25 { width:100%; }
	.li_w20 { width:100%; }
	.li_w16 { width:100%; }
}
@media (max-width:380px) {
	.period { display:block; }
    .period div { width:100%; }
    .period em { width:100%; }
    
    /* 리스트표출옵션 */
    h3 + .listTotal { margin-top:0;}

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