/* 기자단 게시글 View */
.articl_view_header {position:relative; padding:.25rem; background:url('/resource/images/dgedu/con_com/titBox_pttrn.png') repeat; }
.articl_view_header .inner {position:relative; min-height:10rem; padding:1.5rem 7.8rem 1.5rem 1.5rem; border:1px solid #e3e5eb; background:#fff;}
.articl_view_header .inner .imgbox {position:absolute; right:1.5rem; top:1rem; width:6.8rem; height:8rem; border-radius:1rem 1rem 1rem 0; overflow:hidden; background:#fff;}
.articl_view_header .imgbox img {width:100%; height:100%;}
.articl_view_header .inner .tit {min-height:5rem; font-size:1.2rem; font-weight:700; color:#000;}
.articl_view_header .inner .name {position:relative; display:inline-block; padding-left:2rem; margin-right:1rem; font-size:.8rem; line-height:1.5rem; font-weight:600; color:#333;}
.articl_view_header .inner .name:before { content:"\e9d7"; position:absolute; left:0; top:0; width:1.5rem; height:1.5rem; text-align:center; font-family:"xeicon"; font-size:.85rem; color:#fff; background:#999; border-radius:50%;}
.articl_view_header .inner .date {position:relative; display:inline-block; padding-left:2rem; margin-right:1rem; font-size:.8rem; line-height:1.5rem; color:#555; }
.articl_view_header .inner .date:before { content:"\ea2b"; position:absolute; left:0; top:0; width:1.5rem; height:1.5rem; text-align:center; font-family:"xeicon"; font-size:.85rem; color:#fff; background:#999; border-radius:50%;}

.articl_view_body {padding:1.5rem 0; border-bottom:1px solid #e3e5eb;}
.articl_view_footer {margin-top:1rem; text-align:right;}

/* 기자단게시판 */
.jtphoto_list.photo_list ul li {width:25%;}
.jtphoto_list.photo_list ul li p {display:block; width:100%; line-height:1.5rem; font-family:'SCDream'; font-size:.8rem; color:#222; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.jtphoto_list.photo_list ul li .img { position:relative; display:block; width:100%; height:280px; background-color:#e3e3e3; overflow:hidden; }

/* 기자 상세정보 */
.reporterInfo {position:relative; min-height:14rem; padding:1rem 1.5rem 1rem 11rem; overflow:hidden; background:#f6f6f6; border-radius:1rem;}
.reporterInfo .reporterImg {position:absolute; left:1.5rem; top:1rem; }
.reporterInfo .reporterImg p {width:7.5rem; height:8.85rem; text-align:center; background:#fff; border-radius:.5rem; overflow:hidden;}
.reporterInfo .reporterImg p img {max-width:100%;}
.reporterInfo .tbl_st_row td input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0); overflow:hidden;}
.reporterInfo .tbl_st_row td input[readonly] {width:30%; background:#eee;}
.reporterInfo .tbl_st_row td label.bbsWBtn {cursor:pointer; display:inline-block; height:28px; padding:0 .25rem; line-height:28px; color:#555; border:1px solid #cdcdcd; background:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.reporterInfo .tbl_st_row td label.bbsWBtn:hover, .bbsWFile label.bbsWBtn:focus{color:#fff; border:1px solid #394b61; background:#394b61; }

.reporterInfo .tbl_st_row td .Phofile_list {position:relative; margin-top:.5rem; padding:.5rem 0 .5rem; border-top:1px dotted #cdcdcd; }
.reporterInfo .tbl_st_row td .Phofile_list a {position:relative; display:block; padding:0 3rem 0 1.75rem; line-height:1.4; font-size:.75rem;}
.reporterInfo .tbl_st_row td .Phofile_list a i {position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; line-height:1.25rem; font-size:.8rem; text-align:center; color:#fff; background:#666; border-radius:50%;}
.reporterInfo .tbl_st_row td .Phofile_list button {position:absolute; right:0; top:.45rem; }

/* 검색탭 */
.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; }

/*홍보관견학안내 - 이용안내*/
.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; } 
}
@media (max-width:1024px) { 

    /* 기자단게시판 */
    .jtphoto_list.photo_list ul li .img { height:240px;}
    .jtphoto_list.photo_list ul li .img img{ max-height:270px;}
    
    /* 검색탭 */
    .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%; }
  
}
@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; }
}
@media (max-width:768px) { 
    /* 기자단 게시글 View */
    .articl_view_header .inner {min-height:auto; padding:1rem;}
    .articl_view_header .inner .imgbox {position:relative; right:auto; top:auto; margin:0 auto;}
    .articl_view_header .inner .tit {margin:1rem 0 0; padding:.75rem 0; min-height:auto; font-size:1rem; border-top:1px dotted #e3e5eb; }
    
    /* 기자단게시판 */
    .jtphoto_list.photo_list ul li {width:33.3%;}
    .jtphoto_list.photo_list ul li .img { height:200px;}
    
    /* 검색탭 */
    .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; }

} 
@media (max-width:580px) {
    /* 기자단게시판 */
    .jtphoto_list.photo_list ul li {width:50%;}

    /* 기자 상세정보 */
    .reporterInfo {padding:1rem; overflow:hidden; background:#f6f6f6; border-radius:1rem;}
    .reporterInfo .reporterImg {position:relative; left:auto; top:auto; width:7.5rem; margin:0 auto;}
    .reporterInfo .reporterImg div input[readonly] {width:50%;}
    .reporterInfo .reporterImg div label.bbsWBtn {margin:0;}

    /* 기자 상세정보 */
    .reporterInfo .tbl_st_row td .Phofile_list {padding:.5rem 0 .25rem;}
    .reporterInfo .tbl_st_row td .Phofile_list a {display:block; padding-right:0; }
    .reporterInfo .tbl_st_row td .Phofile_list button {position:relative; right:auto; top:auto; display:block; margin:.5rem 0 0;}
    
    /* 폼 박스 */
    .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; }  
} 
@media (max-width:480px) {
    /* 기자단 게시글 View */
    .articl_view_header .inner .tit {font-size:.9rem;}
    .articl_view_header .inner .name {display:block; margin:.25rem 0 0; }
    .articl_view_header .inner .date {display:block; margin:.25rem 0 0; }
    
    .articl_view_body {padding:1.5rem 0; border-bottom:1px solid #e3e5eb;}
    .articl_view_footer {margin-top:1rem; text-align:right;}
    
    /* 기관별검색 */
    .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) {
    /* 기자단게시판 */
    .jtphoto_list.photo_list ul li {width:100%;}
    .jtphoto_list.photo_list ul li .img { height:180px;}
    .jtphoto_list.photo_list ul li .img img{ width:auto; height:100%;}
    
    .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; }
}