@charset "utf-8";
/****************************************/
/* Name: 동명대학교 학과 개별
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2021-12-21
/* Author:  
/****************************************/

/*
=========================================================================
서브 콘텐츠 css
=========================================================================
*/

/* 서브비주얼 */
.subVisual,
.subVisual.bg1{background-image:url('/_res/tongmyong/wellday/img/sub/sub_visual7.png')}
.subVisual.bg2{background-image:url('/_res/tongmyong/wellday/img/sub/sub_visual9.png')}
.subVisual.bg3{background-image:url('/_res/tongmyong/wellday/img/sub/sub_visual11.png')}
.subVisual.bg4{background-image:url('../img/sub-visual4.jpg')}
.subVisual.bg5{background-image:url('../img/sub-visual5.jpg')}
.subVisual.bg6{background-image:url('../img/sub-visual6.jpg')}

#lnb{max-width:100%;margin:0 auto;padding:15px 0;height:auto;background-color:transparent}
#lnb > ul{max-width:1280px;margin:0 auto}
#lnb > ul > li.home{background-color:transparent;height:auto}
#lnb > ul > li.home a{background-image:url('../img/sub/ico-home.png')}
#lnb > ul > li button{height:auto}
#lnb > ul > li > ul{top:44px}

.pageGuid{border-bottom:0}
.pageGuid .box{border-bottom:1px solid #868686}
.etcBtn{padding-top:0;top:-50px;height:auto;right:0;z-index:100}

h1.title{position:relative;margin:-80px 0 100px;font-size:36px;color:#182024;text-align:center;line-height:1;font-weight:500;z-index:2;font-weight:bold}

.subConBox{margin:0 auto;padding:0 30px 100px;max-width:1340px}
.con-box{margin:50px auto}

.dapth-tab{margin-bottom:100px}
.dapth-tab ul{display:flex;flex-wrap:wrap;border-top:1px solid #e4e4e4}
.dapth-tab li{flex-grow:1;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.dapth-tab li:first-child{border-left:1px solid #e4e4e4}
.dapth-tab .item{text-align:center;display:flex;align-items:center;height:60px;font-size:1.25rem;font-weight:500;justify-content:center;transition:.2s}
.dapth-tab .item.on,
.dapth-tab .item:hover{background-color:#009924;color:#fff}
/*#tab ul li:first-child:nth-last-child(2),
#tab ul li:first-child:nth-last-child(2) ~ li{width:50%}
#tab ul li:first-child:nth-last-child(3),
#tab ul li:first-child:nth-last-child(3) ~ li{width:33.33%}
#tab ul li:first-child:nth-last-child(4),
#tab ul li:first-child:nth-last-child(4) ~ li{width:25%}
#tab ul li:first-child:nth-last-child(5),
#tab ul li:first-child:nth-last-child(5) ~ li{width:20%}
#tab ul li:first-child:nth-last-child(6),
#tab ul li:first-child:nth-last-child(6) ~ li{width:16.66%}
#tab ul li:first-child:nth-last-child(7),
#tab ul li:first-child:nth-last-child(7) ~ li{width:14.28%}
#tab ul li:first-child:nth-last-child(8),
#tab ul li:first-child:nth-last-child(8) ~ li{width:12.5%}
#tab ul li:first-child:nth-last-child(11),
#tab ul li:first-child:nth-last-child(11) ~ li{width:9.09%}*/

.h4-tit{font-weight:bold;font-size:1.5rem;margin-bottom:20px}
.h4-tit:before{display:block;width:28px;height:5px;border-radius:20px;background: linear-gradient(to right, #00582b, #06a855);content:""}
.h5-tit{font-weight:500;font-size:1.25rem;color:#009924;}
.h5-tit:before{display:inline-block;width:3px;height:8px;border-radius:5px;transform:rotate(45deg);content:"";background-color:#009924;margin-right:8px}

.con-boxspace{padding-left:10px}

.item-space li{padding-left:10px}

.item-hipen li{position:relative;padding-left:10px;}
.item-hipen > li:before{display:block; content:"";position:absolute; top:12px; left:0; width:4px; height:4px;border-radius: 5px;background-color:#009924;}

.item-cnt{margin:20px 0}
.item-cnt li{position:relative; padding-left:35px;margin-bottom:5px;counter-increment:title}
.item-cnt li:before{display:flex;content:counter(title)"";text-align:center;width:25px;height:25px;border-radius:50%;border-radius:50%;color:#fff;font-size:.9em;background-color:#1a9f38;position:absolute; top:4px;left:0;align-items:center;justify-content:center}
.item-cnt li:last-child{margin-bottom:0}

.img-flexbox ul{display:flex;flex-wrap:wrap}
.img-flexbox li{width:calc((100% / 4) - 10px);margin-right:10px;margin-bottom:15px;border:1px solid #ddd}
.img-flexbox li:nth-child(4n){margin-right:0}
.img-flexbox .img img{width:100%}
.img-flexbox .caption{text-align:center;padding:10px}

.tbl-color{border-top:1px solid #1a9f38}
.tbl-color thead th{background-color:#f6faf8;font-size:1.125rem;text-align:center;padding:10px;color:#005e2e;border:1px solid #d6d6d6}
.tbl-color tbody th{background-color: #f6faf8;font-size: 1.125rem;text-align: center;padding: 10px;color: #005e2e;border: 1px solid #d6d6d6;}
.tbl-color tbody tr th:first-child {border-left:0;}
.tbl-color thead tr th:first-child{border-left:0}
.tbl-color thead tr th:last-child{border-right:0}
.tbl-color td{padding:10px;text-align:center;border:1px solid #d6d6d6}
.tbl-color tr td:first-child{border-left:0}
.tbl-color tr td:last-child{border-right:0}

.btn-base{display:inline-block;color:#fff;background-color:#009924;text-align:center;min-width:150px;height:50px;line-height:50px;border-radius:5px;transition:.3s}
.btn-base:hover{background-color:#005b2b}
.btn-radius{display:inline-block;border:1px solid #009924;color:#009924;text-align:center;min-width:150px;height:50px;line-height:50px;border-radius:30px;transition:.3s}
.btn-radius:hover{background-color:#009924;color:#fff}
.btn-boxico{position:relative;display:inline-block;font-size:1rem;border:1px solid #1a9f38}
.btn-boxico span{display:flex;align-items:center;justify-content:center;height:48px;padding-right:70px;padding-left:20px;color:#1a9f38;transition:.3s}
.btn-boxico i{position:absolute;top:0;right:0;width:50px;height:100%;background-color:#1a9f38;color:#fff;display:flex;align-items:center;justify-content:center}
.btn-boxico:hover span{background-color:#1a9f38;color:#fff}
.btn-boxico:hover i{background-color:#005b2b}

.mb-ico{display:none}
.imgMb{display:none}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{margin:1px 0;padding:5px 10px;height:48px;font-size:16px;background:#fff;border:1px solid #e1e1e1;border-radius:5px}
textarea{margin:1px 0;padding:5px 3px 4px 3px;width:100%;border:1px solid #cdcdcd;border-radius:0}
input[type="file"]{margin:1px 0;height:40px;font-size:14px;background:none;}
input[type="submit"]{cursor:pointer;}
.select{margin:1px 0;padding:0 30px 0 20px;height:48px;font-size:16px;color:#50585c;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#eff1f2 url('/_res/tongmyong/ce/img/ic_select_arrow.png') no-repeat right 12px center;border-radius:5px;border:0}
.select::-ms-expand{display: none;}
input::-ms-clear{display:none}
input:-ms-input-placeholder {color: #636363;}
input::-webkit-input-placeholder {color: #636363;}
input::-moz-placeholder {color: #636363;}
input::-moz-placeholder {color: #636363;}
textarea::-ms-clear{display:none}
textarea:-ms-input-placeholder {color: #636363;}
textarea::-webkit-input-placeholder {color: #636363;}
textarea::-moz-placeholder {color: #636363;}
textarea::-moz-placeholder {color: #636363;}
input:disabled,
select:disabled{background-color:#f3f3f3}

.popFix{position:fixed;top:0;left:0;padding:30px;width:100%;height:100%;overflow:auto;text-align: center;background:rgba(0,0,0,0.5);z-index:500}
.popFix:before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle}
.popFix .popCon{position:relative;display:inline-block;width:100%;max-width:800px;text-align: left;vertical-align:middle;background:#fff;border-radius:18px;overflow:hidden}
.popFix .popCon h2{padding-left:40px;font-size:24px;line-height:70px;font-weight:800;}
.popFix .popCon h2 + p{margin-bottom:40px;font-size:14px;color:#999}
.popFix .popCon .btn-pop-close{position:absolute;top:12px;right:20px;width:45px;height:45px;text-indent:-999px;overflow:hidden;}
.popFix .popCon .btn-pop-close::before{position:absolute;top:50%;left:50%;margin-left:-30%;width:60%;height:0;content:'';border-top:3px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.popFix .popCon .btn-pop-close::after{position:absolute;top:50%;left:50%;margin-left:-30%;width:60%;height:0;content:'';border-top:3px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}

.popFix .popCon .teachCon{height:700px;overflow:auto}
.popFix .popCon .teachCon .teachInforTop{position:relative;padding:80px 50px 0 360px;min-height:360px;}
.popFix .popCon .teachCon .teachInforTop .photo{position:absolute;bottom:0;left:50px}
.popFix .popCon .teachCon .teachInforTop h3{display:block;margin-bottom:15px;font-size:24px;color:#343c40;font-weight:800;line-height:1}
.popFix .popCon .teachCon .teachInforTop ul{margin-bottom:10px}
.popFix .popCon .teachCon .teachInforTop ul li{position:relative;margin-bottom:8px;padding-left:100px;color:#50585c}
.popFix .popCon .teachCon .teachInforTop ul li .name{position:absolute;top:0;left:0;padding-left:23px;color:#343c40;font-weight:500}
.popFix .popCon .teachCon .teachInforTop ul li .name::before{position:absolute;top:13px;left:0;width:6px;height:3px;content:'';background:#697277}
.popFix .popCon .teachCon .teachInforTop .homePage{display:block;padding-left:30px;}
.popFix .popCon .teachCon .teachInforTop .homePage a{font-weight:500}
.popFix .popCon .teachCon .teachInfor{padding:50px}
.popFix .popCon .teachCon .teachInfor h4{position:relative;margin:35px 0 5px 0;padding-left:17px;font-size:18px;font-weight:700}
.popFix .popCon .teachCon .teachInfor h4::before{position:absolute;top:11px;left:0;width:10px;height:10px;content:'';border-radius:50%}
.popFix .popCon .teachCon .teachInfor h4:first-child{margin-top:0}
.popFix .popCon .teachCon .teachInfor p,
.popFix .popCon .teachCon .teachInfor ol,
.popFix .popCon .teachCon .teachInfor ul{padding-left:15px; margin-bottom:25px;}

.downBox{position:relative;padding:30px;background:#f6f7f8;}
.downBox::before{position:absolute;top:0;left:0;width:100%;height:3px;content:'';}
.downBox::after{display:block;clear:both;content:''}
.downBox h2{display:inline-block;padding-left:33px;font-size:21px;line-height:48px}
.downBox .btnRt{float:right}
.downBox .btnRt .btn{display:inline-block;margin:3px 5px 0 0}
.downBox .btnRt .btn a{display:block;padding:0 60px 0 20px;line-height:48px;font-weight:500;background:#fff;border:1px solid #c4c8ca;border-radius:4px}
.downBox .btnRt .btn.zoom a{background:url('/_res/tongmyong/ce/img/ic_search.png') no-repeat right 18px center;}
.downBox .btnRt .btn.pdf a{background:url('/_res/tongmyong/ce/img/ic_pdf.png') no-repeat right 18px center;}

/* 게시판 공통 */
.btnList{margin:30px 0 0;text-align:right}
.btnList .btnBc{margin:1px 1px}

/* 버튼 */
.btnBc{display:inline-block;margin:0 1px;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 20px;min-width:160px;font-size:18px;line-height:56px;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;border-radius:7px;color:#fff;background-color:#004d40;background-repeat:no-repeat;border:1px solid transparent}

.btnBc.write a,
.btnBc.write button,
.btnBc.write input{padding-left:50px;background-image:url('/_res/tongmyong/ce/img/ic_write.png');background-position:40px center;}

.btnBc.list a,
.btnBc.list button,
.btnBc.list input{padding-left:50px;background-image:url('/_res/tongmyong/ce/img/ic_list.png');background-position:40px center;}

.btnBc.gray a,
.btnBc.gray button,
.btnBc.gray input{background-color:#5d6b71}

span.btn-type1{display:inline-block;border:1px solid #64a91b;border-radius:5px}
span.btn-type1 a{display:block;border-radius:5px;position:relative;line-height:50px;color:#64a91b;background:#fff;padding:0 50px 0 15px;transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease}
span.btn-type1 a:after{display:block;content:'';width:35px;height:50px;background:#64a91b url('../img/sub/ico-btn3.png') no-repeat 50% 50%;position:absolute;top:0;right:0;}



/* 테이블공통 */
.tbl_txt{margin-bottom:5px;text-align:right}
.th_left tbody th{text-align:left}
.td_left tbody td{text-align:left}
.td_right tbody td,.td_right tfoot td{text-align:right}
.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:18px 0;background:#fff;border-bottom:1px solid #98a1a6;}
.t_typel tbody th{padding:18px 15px;font-weight:500;background:#f6f7f8;border-left:1px solid #dee2e6;border-top:1px solid #dee2e6}
.t_typel tbody th:first-child{border-left:0}
.t_typel tbody th[rowspan]{border-right:1px solid #d5d5d5}
.t_typel tbody td{padding:18px 15px;background:#fff;border-left:1px solid #dee2e6;border-top:1px solid #dee2e6}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td[rowspan]{border-right:1px solid #dee2e6}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td+th{border-left:1px solid #dee2e6}
.t_typel tfoot th{padding:18px 15px;background:#fafafa;border-right:1px solid #dee2e6}
.t_typel tfoot td{padding:18px 15px;border-left:1px solid #dee2e6}
.t_typel tfoot td[colspan]{border-left:0}
.t_typel tbody th.line,.t_typel tbody td.line,.t_typel tbody tr.line td,.t_typel tbody tr.line th{border-bottom:1px dashed #dee2e6}
.t_typel.type2 tbody th{padding:30px 40px;font-size:19px;text-align:left;vertical-align:top;}
.t_typel.type2 tbody th span{position:relative;display:inline-block;padding-left:28px;}
.t_typel.type2 tbody td{padding:30px 40px;text-align:left;border-left:0}

.scheduleCon .schedTop{position:relative;margin-bottom:50px;text-align:center}
.scheduleCon .schedTop h2{margin-bottom:30px;font-size:27px;line-height:1}
.scheduleCon .schedTop h2 span{display:inline-block;margin-right:5px;font-size:30px;font-weight:800}
.scheduleCon .schedTop .btn{position:absolute;top:0;}
.scheduleCon .schedTop .btn a{display:block;width:90px;font-size:20px;color:#80898e;background-repeat:no-repeat;}
.scheduleCon .schedTop .btn.btnSchPrev{left:0;text-align:left}
.scheduleCon .schedTop .btn.btnSchPrev a{padding-left:44px;background-image:url('/_res/tongmyong/ce/img/ic_sch_prev.png');background-position:left center}
.scheduleCon .schedTop .btn.btnSchNext{right:0;text-align:right}
.scheduleCon .schedTop .btn.btnSchNext a{padding-right:44px;background-image:url('/_res/tongmyong/ce/img/ic_sch_next.png');background-position:right center}
.scheduleCon .schedTop .month{padding:8px 0;background:#f6f7f8;border:1px solid #eaeef0;border-radius:35px}
.scheduleCon .schedTop .month ol::after{display:block;clear:both;content:''}
.scheduleCon .schedTop .month ol li{display:inline-block;margin:0 15px}
.scheduleCon .schedTop .month ol li a{display:block;margin:0 auto;width:52px;height:52px;color:#343c40;font-weight:500;line-height:52px;border-radius:50%}
.scheduleCon .schedList::after{display:block;clear:both;content:''}
.scheduleCon .schedList .schedListTop::after{display:block;clear:both;content:''}
.scheduleCon .schedList .schedListTop p{float:left;margin-bottom:10px;font-size:15px}
.scheduleCon .schedList .schedListTop .btnType{float:right;margin-bottom:15px;text-align:right;}
.scheduleCon .schedList .schedListTop .btnType span{position:relative;display:inline-block;}
.scheduleCon .schedList .schedListTop .btnType span a{position:relative;display:block;padding-left:30px;font-size:18px;color:#80898e;}
.scheduleCon .schedList .schedListTop .btnType span.on a{color:#009924;}
.scheduleCon .schedList .schedListTop .btnType .btn1 a::before{position:absolute;top:6px;left:0;width:22px;height:22px;content:'';background-repeat:no-repeat;background-position:left top;background-image:url('../img/sub/ic_sch_car_y.png')}
.scheduleCon .schedList .schedListTop .btnType .btn2 a::before{position:absolute;top:6px;left:0;width:22px;height:22px;content:'';background-repeat:no-repeat;background-position:left top;background-image:url('../img/sub/ic_sch_list_y.png')}
.scheduleCon .schedList .schedListTop .btnType .btn1.on a::before{position:absolute;top:6px;left:0;width:22px;height:22px;content:'';background-repeat:no-repeat;background-position:left top;background-image:url('../img/sub/ic_sch_car_g.png')}
.scheduleCon .schedList .schedListTop .btnType .btn2.on a::before{position:absolute;top:6px;left:0;width:22px;height:22px;content:'';background-repeat:no-repeat;background-position:left top;background-image:url('../img/sub/ic_sch_list_g.png')}
.scheduleCon .schedList .schedListTop .btnType .on a::before{background-position:left bottom}
.scheduleCon .schedList .schedListTop .btnType .btn1{margin-right:20px;padding-right:20px;}
.scheduleCon .schedList .schedListTop .btnType .btn1::after{position:absolute;top:50%;right:0;margin-top:-11px;width:0;height:22px;content:'';border-left:1px solid #dee2e4}

.scheduleCon .schedList .ltCon{float:left;width:27%}
.scheduleCon .schedList .ltCon .carlendar h3{font-size:20px;text-align:center;line-height:56px;}
.scheduleCon .schedList .ltCon .carlendar .carlTable{text-align:center;border:1px solid #dee2e4;border-width:0 1px 1px 1px}
.scheduleCon .schedList .ltCon .carlendar .carlTable thead th{padding:12px 0;color:#50585c;background:#eff1f2}
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td{padding:5px 5px 0;height:40px;font-weight:500;vertical-align:top}
.scheduleCon .schedList .ltCon .carlendar .carlTable thead th:first-child,
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td:first-child{padding-left:20px;color:#c84832}
.scheduleCon .schedList .ltCon .carlendar .carlTable thead th:last-child,
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td:last-child{padding-right:20px;color:#286ad4}
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td.event a{position:relative;display:block;padding-bottom:10px}
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td.event a::after{position:absolute;left:50%;top:30px;margin-left:-3px;width:6px;height:6px;content:'';border-radius:50%}
.scheduleCon .schedList .rtCon{float:right;width:69%}
.scheduleCon .schedList .rtCon .t_typel{border-top:1px solid #98a1a6;}
.scheduleCon .schedList .rtCon .t_typel tbody td{border-left:0}
.scheduleCon .schedList .rtCon .t_typel tbody th,
.scheduleCon .schedList .rtCon .t_typel tbody td{border-top:0;border-bottom:1px solid #dee2e4}

.licensList{overflow:hidden}
.licensList ul{display:flex;flex-wrap:wrap;margin:0 -20px}
.licensList ul::after{display:block;clear:both;content:''}
.licensList ul li{margin-bottom:60px;padding:0 20px;width:50%}
.licensList ul li .box{position:relative;height:100%;}
.licensList ul li .box h2{padding:20px 20px 20px 70px;font-size:20px;line-height:1.4;background:#f6f7f8 url('/_res/tongmyong/ce/img/h2_dot.png') no-repeat 25px 20px}
.licensList ul li .box .btn{position:absolute;top:20px;right:20px;}
.licensList ul li .box .btn a{display:inline-block;padding:0 42px 0 20px;font-size:15px;line-height:40px;border-radius:20px}
.licensList ul li .box p{padding:30px 40px}

/* 게시글 상단 */
.bbs_top{margin-bottom:20px}
.bbs_top::after{display:block;clear:both;content:''}
.bbs_top .pageNum{float:left;padding-top:15px}
.bbs_top .pageNum .total{position:relative;display:inline-block;margin-right:10px;padding-right:15px}
.bbs_top .pageNum .total::after{position:absolute;top:50%;right:0;margin-top:-7px;width:0;height:14px;content:'';border-left:1px solid #ced4da}
.bbs_top .pageNum .now{display:inline-block}
.bbs_top .pageNum .now span{font-weight:500}
.bbs_top .boadSearchA{float:right}

.boadSearchA{position:relative;}
.boadSearchA select{margin:0 5px 0 0;width:130px}
.boadSearchA .serInput{margin:0 5px 0 0;padding:0 20px;width:260px;background:#eff1f2;border:0}
.boadSearchA .btn{width:88px;height:48px;text-align:left;text-indent:35px;color:#fff;background:#34464e url('/_res/tongmyong/ce/img/ic_search2.png') no-repeat 18px center;border-radius:5px;border:0}

/* 목록A */
.listTypeA{position:relative;table-layout:fixed;border-bottom:1px solid #98a1a6}
.listTypeA::before{position:absolute;top:0;left:0;width:100%;height:3px;content:'';z-index:2;background-image: linear-gradient(to right, #7cb342 , #009688);}
.listTypeA tr{text-align:center;}
.listTypeA thead th{padding:18px 5px;color:#343c40;font-weight:500;background:#fff;border-bottom:1px solid #98a1a6}
.listTypeA thead th:first-child{border-left:0}
.listTypeA tbody th,.listTypeA tbody td{border:1px solid #dee2e4;border-width:1px 0 0}
.listTypeA tbody tr.notice td{background:#fff}
.listTypeA tbody tr.notice td.num{font-weight:500}
.listTypeA tbody tr.b-top-box td{background:#f6f7f8;font-weight: 600;}
.listTypeA tbody th{padding:15px 10px;background:#f8f8f8;}
.listTypeA tbody td{padding:15px 10px;color:#50585c;word-break:break-all}
.listTypeA tbody td.subject{text-align:left; position: relative;}
.listTypeA tbody td.subject a{position:relative;display:inline-block;padding-right:25px;color:#50585c;max-width:100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.listTypeA tbody td.subject a .icNew{position:absolute;top:5px;right:0}
.article-chk {top: 13px !important; left: -15px !important;}

/* 페이지표시 */
.pageWrap{text-align:center;}
.page{display:inline-block;margin-top:40px;}
.page::after{display:block;clear:both;content:''}
.page a{position:relative;float:left;margin:2px 0 0 -1px;width:42px;height:42px;font-size:18px;color:#555;text-align:center;vertical-align:middle;line-height:38px;text-decoration:none;letter-spacing:-1px;background:#fff;border:1px solid #dee2e4}
.page a.on{color:#fff;background:#34464e;border:1px solid #34464e;z-index:2}
.page a img{padding-bottom:4px;vertical-align:middle;}
.page .contr{float:left;margin:0 20px}
.page .contr a:first-child{border-radius:4px 0 0 4px}
.page .contr a:last-child{border-radius:0 4px 4px 0}
.page .contr + a{border-radius:4px 0 0 4px}
.page .contr ~ a:last-of-type{border-radius:0 4px 4px 0}

.wBg{background:#f6f7f8}

.snsTab{margin-bottom:60px;padding-top:30px;text-align:center}
.snsTab ul li{display:inline-block;margin:0 15px;vertical-align:top}
.snsTab ul li a{display:block;width:60px;height:60px;font-size:18px;font-weight:500;line-height:55px;background-repeat:no-repeat;background-position:center top;background-size:100%;border-radius:50%;border-width:2px}
.snsTab ul li a span{display:block;text-indent:-999px;overflow:hidden}
.snsTab ul li a:hover{text-decoration:none}
.snsTab ul li.ic1 a{color:#004d40;border:2px solid #004d40}
.snsTab ul li.ic2 a{background-image:url('/_res/tongmyong/ce/img/ic_sns_menu1.png') }
.snsTab ul li.ic3 a{background-image:url('/_res/tongmyong/ce/img/ic_sns_menu2.png') }
.snsTab ul li.ic4 a{background-image:url('/_res/tongmyong/ce/img/ic_sns_menu3.png') }
.snsTab ul li.ic5 a{background-image:url('/_res/tongmyong/ce/img/ic_sns_menu4.png') }
.snsTab ul li a:hover,
.snsTab ul li.on a{background-position:center bottom}
.snsTab ul li.ic1 a:hover,
.snsTab ul li.ic1.on a{color:#fff;background:#004d40;}
.snsTab ul li.ic2.on a,
.snsTab ul li.ic2 a:hover{background-color:#244e9c;border-color:#244e9c;}
.snsTab ul li.ic3.on a,
.snsTab ul li.ic3 a:hover{background-color:#ee2489;border-color:#ee2489;}
.snsTab ul li.ic4.on a,
.snsTab ul li.ic4 a:hover{background-color:#4da739;border-color:#4da739;}
.snsTab ul li.ic5.on a,
.snsTab ul li.ic5 a:hover{background-color:#df3f3e;border-color:#df3f3e;}

.listTypeB{overflow:hidden}
.listTypeB ul{margin:0 -15px}
.listTypeB ul::after{display:block;clear:both;content:''}
.listTypeB ul li{float:left;margin-bottom:30px;padding:0 15px;width:25%}
.listTypeB ul li a{display:block}
.listTypeB ul li .box .photo{position:relative;display:block;padding-top:100%;overflow:hidden;background:#dee2e4}
.listTypeB ul li .box .photo img{position:absolute;top:50%;left:50%;max-width:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.listTypeB ul li a:hover .box .photo img{transform:translate(-50%,-50%) scale(1.07);-webkit-transform:translate(-50%,-50%) scale(1.07)}
.listTypeB ul li .box .infor{position:relative;padding:20px;background:#fff;border:1px solid #eaeef0;border-width:0 1px 1px}
.listTypeB ul li .box .infor .tit{display:block;margin-bottom:10px;height:50px;line-height:1.5; overflow: hidden;text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listTypeB ul li .box .infor .snsIc img{width:28px}
.listTypeB ul li .box .infor .data{position:absolute;right:20px;bottom:20px;padding-left:24px;font-size:15px;color:#80898e;background:url('/_res/tongmyong/ce/img/ic_data.png') no-repeat left center}

.listTypeC{position:relative;padding-top:60px;overflow:hidden;}
.listTypeC::before{position:absolute;top:0;left:0;width:100%;height:3px;content:'';}
.listTypeC ul{margin:0 -20px}
.listTypeC ul::after{display:block;clear:both;content:''}
.listTypeC ul li{float:left;margin-bottom:30px;padding:0 20px;width:33.33%}
.listTypeC ul li a{display:block}
.listTypeC ul li .box .photo{position:relative;display:block;padding-top:60%;overflow:hidden;background:#dee2e4;border:1px solid #eaeef0}
.listTypeC ul li .box .photo img{position:absolute;top:50%;left:50%;max-width:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;width:100%;object-fit:cover}
.listTypeC ul li a:hover .box .photo img{transform:translate(-50%,-50%) scale(1.07);-webkit-transform:translate(-50%,-50%) scale(1.07)}
.listTypeC ul li .box .infor{position:relative;padding:20px;background:#fff;border:1px solid #eaeef0;border-width:0 1px 1px}
.listTypeC ul li .box .infor .tit{display:block;margin-bottom:20px;padding-bottom:20px;height:55px;font-size:18px;line-height:1.5; overflow: hidden;text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listTypeC ul li .box .infor .data{display:block;padding:15px 0 0 24px;font-size:15px;color:#80898e;background:url('/_res/tongmyong/ce/img/ic_data.png') no-repeat left 20px;border-top:1px solid #dee2e4}
.listTypeC ul li .box .infor .hit{position:absolute;right:20px;bottom:20px;padding-left:24px;font-size:15px;color:#80898e;background:url('/_res/tongmyong/ce/img/ic_hit.png') no-repeat left center}

.viewTypeA{position:relative;border-bottom:1px solid #98a1a6}
.viewTypeA::before{position:absolute;top:0;left:0;width:100%;height:3px;content:'';}
.viewTypeA .viewTop{padding:30px 40px;background:#f6f7f8;border-bottom:1px solid #dee2e4}
.viewTypeA .viewTop h2{margin-bottom:20px;font-size:31px;line-height:1.3}
.viewTypeA .viewTop ul li{position:relative;display:inline-block;margin-right:10px;padding-right:15px;font-size:18px;color:#80898e}
.viewTypeA .viewTop ul li::before{position:absolute;top:10px;right:0;width:0;height:13px;content:'';border-left:1px solid #80898e}
.viewTypeA .viewTop ul li:last-child::before{display:none}
.viewTypeA .file{position:relative;padding:15px 40px 20px 140px;font-size:18px;color:#80898e;border-bottom:1px solid #dee2e4}
.viewTypeA .file .name{position:absolute;top:15px;left:40px;}
.viewTypeA .file a{display:inline-block;margin-right:20px;padding-left:22px;background:url('/_res/tongmyong/ce/img/ic_file.png') no-repeat left center}
.viewTypeA .con{padding:40px}
.viewTypeA .con .img{margin-bottom:40px}

.viewlist{margin-top:70px;border:1px solid #98a1a6;border-width:1px 0 }
.viewlist li{position:relative;padding:0 20px 0 180px;font-size:18px;line-height:70px;}
.viewlist li:first-child{border-bottom:1px solid #dee2e4}
.viewlist li span{position:absolute;top:0;left:0;padding-left:80px;height:100%;color:#50585c;font-weight:500;}
.viewlist li span::after{position:absolute;top:45%;left:40px;width:10px;height:10px;content:'';border:1px solid #999;border-width:2px 2px 0 0;transform:rotate(-45deg);}
.viewlist li a{display:block;color:#788287;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.viewlist li.next span::after{transform:rotate(135deg);-webkit-transform:rotate(135deg)}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:0;right:0;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:rgba(0,0,0,0.4);border-radius:50%}
.mblink a::after{position:absolute;top:50%;left:50%;margin:-10px 0 0 -9px;width:19px;height:20px;content:'';background:url('/_res/tongmyong/ce/img/ic_search2.png') no-repeat center center;opacity:0.8}

.mapCon{margin-top:20px;padding-left:25px;overflow:hidden}
.mapCon ol{margin:0 -15px}
.mapCon ol::after{display:block;clear:both;content:''}
.mapCon ol li{float:left;padding:0 15px;width:33.33%}
.mapCon ol li .tit{position:relative;display:block;margin-top:20px;padding-left:35px;line-height:1.4}
.mapCon ol li .tit .num{position:absolute;top:0;left:0;width:25px;font-size:14px;color:#fff;line-height:25px;text-align:center;background:#159b7c;border-radius:3px}


/* pdf */
.fileView a iframe {width: 100%; height: 770px;}

/*사이트맵-학과*/

.Sitemap .Sitemap-in > ul > li:after{content:'';display:block;clear:both;}
.Sitemap .Sitemap-in > ul > li{display: inline-block; vertical-align: top; width: calc(33.33% - 2%); margin-bottom: 25px;}
.Sitemap .Sitemap-in > ul > li:nth-child( 2 ), .Sitemap .Sitemap-in > ul > li:nth-child( 5 ){margin:0 2%;}
.Sitemap .Sitemap-in > ul > li > a{float:left;padding:15px; width:100%;border-top:4px solid #0fa13c; color:#0fa13c; font-size:25px;line-height:33px;font-weight:500;box-sizing:border-box;}
.Sitemap .Sitemap-in > ul > li > ul{float:left;padding:20px 0 0 30px ;width:100%;border-top:1px solid #c8c8c8;box-sizing:border-box;}
.Sitemap .Sitemap-in > ul > li > ul > li{display:inline-block;padding:0 0px 10px 0;width:100%; vertical-align:top; float: none;}

.Sitemap .Sitemap-in > ul > li > ul > li > a{display:inline-block;padding:0 0 5px 0;font-size:18px;line-height:28px;font-weight:500;color: #182024;}
.Sitemap .Sitemap-in > ul > li > ul > li > ul > li > a{display:inline-block;position:relative;padding:0 0 0 13px;line-height:24px;}
.Sitemap .Sitemap-in > ul > li > ul > li > ul > li > a:before{content:'';display:block;position:absolute;top:9.5px;left:0;width:5px;height:2px;background:#0fa13c;}

.layPop .box .con .sns-insta {width: 500px;}

.location-box .root_daum_roughmap {width:100% !important;}

.t-box-br {position: relative;display: block;}
.t-box-br em {display: block;}


/*오늘의 식단*/
.b-viewmode-box{position:relative;}
.b-view-cal-lst span{position:absolute;right:60px;}
.b-view-cal-lst span:after{content: '';display:block;position:absolute;top:20%;right:-11px;width:1px;height:70%;background:#ccc;}
.b-viewcal.active span{position:absolute;right:10px;}

.b-prev{display: inline-block;width: 45px;height: 35px;background-color:#34464e;text-align: center;color: #ffffff;border-radius: 5px;}
.b-prev:hover{background-color:#009924}
.b-next.disabled{display: inline-block;width: 45px;height: 35px;background-color:#34464e;text-align: center;color: #ffffff;border-radius: 5px;}
.b-next.disabled:hover{background-color:#009924}
.b-cal-day-box p >span{padding: 0 15px;margin: 0 5px;display: inline-block;border-radius: 5px;height: 35px;background-color: #eff1f2;color: #333333;}

.b-cal-day-box{margin-bottom: 50px;}
.b-cal-list-box{border-top: 2px solid #009924;}
.b-cal-content-box.no-list{border-bottom: 1px solid #dddddd;}
.b-cal-content-box.no-list > div{display:flex;}
.b-cal-content-box.no-list > div > div > div > ul{padding: 10px 0 0 60px;}
.b-cal-content-box.no-list > div > div > div:last-child{padding-bottom:10px;}
.b-cal-date{width: 300px;height: 130px;background-color: #f6faf8;text-align: center;padding: 60px;font-size: 1.1rem;}
.b-no-post{padding: 50px 0px 0 60px;}


@media screen and (max-width: 930px){
	.b-cal-date{width:160px; height:auto;padding:30px;font-size:1rem;}
}
@media screen and (max-width: 800px){
	.b-cal-date{width:115px; height:auto;padding:25px;font-size:0.875rem;}
	.b-no-post{padding: 20px 0px 0 30px;}
	.b-cal-content-box.no-list > div > div > div > ul{padding: 10px 10px 0 30px;}
}

@media screen and (max-width: 640px){
	.b-prev{padding: 5px 0;}
	.b-next.disabled{padding:5px 0px;}
	.b-cal-day-box p > span{padding: 5px 10px;}
}


/*외박 안내*/
.item-cnt .red{color: red;}



/*생활관개요*/
.img_txt_con.sub01_01{position:relative;padding:100px 0px 50px 700px;}
.img_txt_con.sub01_01 > img{position:absolute;left:0;top: 0;}
.img_txt_con.sub01_01 .tit{font-size:33px;line-height:1.4;padding:0 0 50px 10px;letter-spacing:-2.5px;font-weight:550;}

.sub01_01_03 ul{display: flex; align-items: center;text-align: center;justify-content: space-between;}
.sub01_01_03 ul li{width: 30%;border: 1px dashed #dddddd;padding:30px;background-color: #f9f9f9;border-radius: 10px;}

.con-big.sub01{width: 70%;margin: 0 auto;overflow: hidden}
.con-big.sub01 ul li{position: relative; width: 33.333%;text-align: center;float: left;}
.con-big.sub01 .round-box{width: 223px;height: 223px;border-radius: 50%;background-color: #f3f3f3;display: flex;align-items: center;justify-content:center;margin: 0 auto;}
.con-big.sub01 .round-box span{display: flex;align-items: center;justify-content: center;width: calc(100% - 20px);height: calc(100% - 20px);border-radius: 50%;}
.con-big.sub01 .round-box img {position: absolute;top: 50px;}
.con-big.sub01 .round-box .stit { position: absolute;color: #fff;top: 120px;font-weight: 500;line-height: 1.3;font-size:1.5rem;}
.con-big.sub01 .round-box .ico_01{background-color: #009924;}
.con-big.sub01 .round-box .ico_02{background-color: #79b928;}
.con-big.sub01 .round-box .ico_03{background-color: #006732;}

.con-big.sub01_02 ul{display: flex;justify-content: space-around;align-items: center;}
.con-big.sub01_02 .txt-box-c .subject-01{position: relative;background: url(../img/sub/sub01_subject_bg.png) center no-repeat;text-align: center;padding: 40px 0;}
.con-big.sub01_02 .txt-box-c .subject-con{margin-top:45px;text-align:center;line-height: 1.5;}
.con-big.sub01_02 .txt-box-c .subject-01::after{position: absolute;display:inline-block;width:5px;height:15px;transform: rotate(45deg);content: "";background-color: #cacaca;left: 50%;top:150px;}

.h4-tit .h4-small{font-size: 20px;}

@media screen and (max-width: 1200px){
	.img_txt_con.sub01_01{padding:0 0 30px 570px;}
	.img_txt_con.sub01_01 > img{width:500px;margin-bottom:70px;}
	.img_txt_con.sub01_01 .tit{font-size: 30px; padding: 0 0 30px 0;}
	
	.con-big.sub01{width: 100%;}
}

@media screen and (max-width: 820px){
	.img_txt_con.sub01_01{padding:0;text-align: center;}
	.img_txt_con.sub01_01 > img{width: 100%;position: static;}
	.img_txt_con.sub01_01 .tit{font-size: 26px; padding: 0 0 20px 0px;}
	.img_txt_con.sub01_01 p{text-align: center;}
}


@media screen and (max-width: 640px){
	.sub01_01_03 ul{flex-direction: column;}
	.sub01_01_03 ul li{width:100%;margin-bottom:20px;}
	.con-big.sub01_02 ul{flex-wrap:wrap;}
	.con-big.sub01_02 ul li{width:50%;margin-bottom: 20px;}
	.con-big.sub01 .round-box{width: 100%; height: 110px; border-radius:0;margin-bottom:20px;}
	.con-big.sub01 .round-box span{border-radius:0;justify-content:unset;}
	.con-big.sub01 .round-box img{top:30px;width:50px;left:35%;}
	.con-big.sub01 .round-box .stit{top:30px;line-height:1.1;font-size:1.25rem;left:52%;}
}

@media screen and (max-width: 570px){
	.con-big.sub01 ul li{float:none;width:100%}
	
}

/* 인사말 */
.content-box{margin-bottom:100px;padding:0 30px}
.text-box{position:relative;font-size:21px;text-align:center}
.text-box{position:relative; font-size:21px;text-align:center}
.text-box span{display:block; padding: 0 1rem;}
.text-box::after,
.text-box::before{position:absolute;left:0;width:100%;height:10px;content:'';opacity:0.6;border-radius:5px}
.text-box::after{top:0;}
.text-box::before{bottom:0;}
.text-box span::after,
.text-box span::before{position:absolute;top:0;width:10px;height:100%;content:'';opacity:0.6;border-radius:5px}
.text-box span::after{left:0}
.text-box span::before{right:0}
.text-box::after{background:#7fb843;}
.text-box::before{background:#43a047;}
.text-box span::after,
.text-box span::before{background:#3fa38a;}
.py-4{padding:1.5rem 0}
.mb-4{margin-bottom:1.5rem}
.align-right{text-align:right}

h2.tit-btn01{position: relative;margin:50px 0 30px;padding-left:40px;font-size:24px;color:#343c40;background: url(/_res/tongmyong/wellday/img/sub/h2_dot.png) no-repeat left 3px;line-height:1.4}
.plus_btn ul{display:flex;align-items:center;width:100%;gap:80px}
.plus_btn li{display:flex;align-items:center;justify-content:center;border: 2px solid #005e2e;border-radius:10px;text-align:center;height:100px;position:relative;font-size:18px;
    font-weight:500;flex:1;}
.plus_btn li::before{background: url(/_res/tongmyong/wellday/img/sub/ic_plus.png) no-repeat;top:40%;margin-top:0;right:-49px;content: "";margin-right:0;width:16px;height:16px;position:absolute}
.plus_btn li:last-child:before{display:none}

@media screen and (max-width: 768px){
	.sub-bg .txt{font-size:1.25rem;}
	.sub-intro .big-txt{font-size: 1.425rem;}
	.sub-intro .txt .txt-name{font-size: 1.025rem;}
}

@media screen and (max-width: 640px){
	.sub-bg .txt{font-size:1rem;}
	.sub-intro .img{width:100%;margin-right:0;}
	.sub-intro .txt{width: 100%;}
}


/* 연혁 */
.sub-history{display:flex;justify-content:space-between;align-items:flex-start}
.sub-history .img{flex-shrink:0;width:calc(50% - 100px);margin-right:100px}
.sub-history .img .subject{font-size:2.5rem;font-weight:600;margin-bottom:40px}
.sub-history .txt{position:relative;border-left:4px solid #cdcdcd;width:50%;padding-left:100px}
.sub-history .txt:before{position:absolute;width:14px;height:14px;background:#005629;border-radius:50%;content:'';left:-9px;bottom:0}
.sub-history .txt:after{position:absolute;width:14px;height:14px;background:#005629;border-radius:50%;content:'';left:-9px;top:0}
.sub-history .txt .subject{position:relative;font-size:2rem;font-weight:600;color:#005629;margin-top:40px;margin-bottom:20px}
.sub-history .txt .subject:first-child{margin-top:0}
.sub-history .txt .subject:after{position:absolute;border:3px solid #388e3c;border-radius:3px;content:'';width:12px;height:12px}
.sub-history .txt ul li{margin-bottom:20px;font-size:1.125rem}
.li_dot3 li{position:relative;padding-left:20px}
.li_dot3 li em{color:#0fa13c;display:block;font-weight:600;font-size:1.5rem}
.li_dot3 li:after{position:absolute;left:0;top:14px;width:10px;height:10px;border:3px solid #0fa13c;font-size:1rem;content:'';display:inline-block}

/* 센터현황 */
td.td_left{text-align:left}
table tbody tr td > ul > li{padding-left:15px;position:relative}
table tbody tr td > ul > li::before{position:absolute;width:5px;height:2px;background:#888;left:0;top:15px;content:''}
table tbody tr td > ul > li span{display:block;color:#888}
table tbody tr td a{color:#009924}
.txt-box02{padding:30px;border:1px solid #1a9f38;background:#f1fff5;margin-bottom:50px}


/*오시는 길*/
.map{position:relative;height:450px;}
.map_right{position:absolute;left:720px;top:70px;}

@media screen and (max-width: 1200px){
	.map{height:auto;}
	.map_right{position:unset;margin:30px 0px;}
	.root_daum_roughmap_landing{width:100% !important}
}

/*편의시설*/
.right_btn{float:right; overflow:hidden;}

@media screen and (max-width: 640px){
	.right_btn{float:none; margin-top:20px;}
}

/*규정*/
.txt-box{padding-top:20px;}
.downBox::before{background-image: linear-gradient(to right, #7cb342 , #009688);}
.downBox h2.ic2 {background: url(/_res/tongmyong/ce/img/ic_doc.png) no-repeat left center;}
.downBox .btnRt .btn.down a{color: #fff;background: #004d40 url(/_res/tongmyong/ce/img/ic_down.png) no-repeat right 18px center;border-color: #004d40;}

/*지침*/
.con-boxspace.space{margin:20px 0;}

/*입관신청(재학생)*/
.login-text p{text-align: center;}
.con-box-btn{width: 650px;margin: 0 auto;}
.con-box-btn ul{display: flex;justify-content: space-between;}
.con-box-btn .btn-radius{height: 45px;line-height: 45px;}

@media screen and (max-width: 920px){
	.con-box-btn{width:100%;}
	.con-box-btn ul{display: block;}
	.con-box-btn ul li{width:100%;text-align:center;margin-bottom:20px;}
	.con-box-btn .btn-radius{min-width: 200px;height: 45px;line-height: 45px;}
}

/*시설현황*/
.con-box .con-one-img{text-align:center}

/*자원봉사 안내*/
.con_btn ul{display:flex;align-items:center;width:100%;gap:80px}
.con_btn li{display:flex;align-items:center;justify-content:center;border:2px solid #005e2e;border-radius:10px;text-align:center;height:100px;position:relative;font-size:18px;font-weight:500;flex:1}
.con_btn li:last-child{margin-right:0}
.con_btn li:before{content: "";background: url(/_res/tongmyong/wellday/img/sub/uparrow.png) no-repeat;position:absolute;top:50%;right:-58px;margin-right:0;margin-top:-30px;width:32px;height:60px}
.con_btn li:last-child:before{display:none}

/*시설소개*/
.bd-p-list{overflow:hidden;width:100%}
.bd-p-list li{float:left;width:33.333%;box-sizing:border-box;padding:10px;}
.facility-img li img{
	border-radius:20px
}

/* TABLET Device */
@media all and (max-width:1200px){
	#mbLnb + #content{padding-top:0}
	#mbLnb{padding-right:60px}
	#mbLnb > ul > li.home{border-right:1px solid #dee2e4}
	#mbLnb > ul > li.home a{background-image:url('../img/sub/ico-home.png');background-color:transparent}
	#mbLnb > ul > li > ul li a{background-color:#f7f7f7}
	.pageGuid .box{border-bottom:0}
	.etcBtn{right:20px;top:-102px}

	h1.title{margin:50px 20px;padding-bottom:50px;border-bottom:1px solid #868686}

	.dapth-tab .item{font-size:1.125rem}

	.s1_2_con2{padding-left:0}
	.s1_2_con2 h2{position:relative}
	
	.teachList > ul{margin:0}
	.teachList > ul > li{float:none;padding:0;width:100%}

	.popFix:before{display:none}

	.scheduleCon .schedTop .month ol li{margin:0 2px}
	.scheduleCon .schedTop .month ol li a{width: 45px;height: 45px;line-height: 45px;}

	.scheduleCon .schedList .ltCon{float:none;margin-bottom:50px;width:100%}
	.scheduleCon .schedList .rtCon{float:none;width:100%}
	
	.licensList ul{margin:0}
	.licensList ul li{padding:0;width:100%}
	.licensList ul li .box h2.heiAut{height:auto}

	.boadSearchA .serInput{width:200px}

	.listTypeB ul li{width:50%}

	.listTypeC ul li{width:50%}

	.sm_select {display: block;}
}

@media all and (max-width:1024px){
	.con-box{margin:50px auto}
	
	h1.title{font-size:1.875rem;padding-bottom:30px}
	.h4-tit{font-size:1.25rem}
	.h5-tit{font-size:1.125rem}
	
	.dapth-tab{margin-bottom:50px}
	.dapth-tab .item{font-size:1rem}
	
	.item-cnt li:before{top:4px}
	
	
	
	.article-chk {top: 24px !important;}
	.fileView a iframe {height: 500px;}	
	.location-box .root_daum_roughmap,
	.location-box .root_daum_roughmap .wrap_map {height:300px !important;}
}

@media screen and (max-width: 768px){
    .Sitemap .Sitemap-in > ul > li{width: calc(50% - 2%);}
	.Sitemap .Sitemap-in > ul > li:nth-child( 2 ), .Sitemap .Sitemap-in > ul > li:nth-child( 5 ){margin:0;}
	.Sitemap .Sitemap-in > ul > li:nth-last-child( 2n ) {margin-left:2%}
	
	.sub-history{display:block}
	.sub-history .img{width:100%;margin-right:0;margin-bottom:50px;text-align:center}
	.sub-history .img .subject{font-size:2rem}
	.sub-history .txt{width:100%;padding-left:20px;border-width:2px;padding-bottom:20px}
	.sub-history .txt .subject{font-size:1.5rem}
	.li_dot3 li em{font-size:1.2rem}
	.sub-history .txt ul li{font-size:1rem}
	
	.plus_btn ul{flex-wrap:wrap;gap:60px}
	.plus_btn li{height:100px;flex:unset;width:100%;line-height:1.6}
	.plus_btn li::before{bottom:-40px;top:auto;right:auto}
}

 /* Mobile Device */
@media all and (max-width:640px){
	
	h1.title{font-size:1.25rem;padding-bottom:20px}
	.h4-tit{font-size:1.125rem}
	.h4-tit:before{width:20px;margin-bottom:5px}
	.h5-tit{font-size:1rem}

	.btn-base{height:40px;line-height:40px;min-width:100px}
	.btn-radius{min-width:100px;height:40px;line-height:40px}
	.btn-boxico{font-size:.9rem}
	.btn-boxico span{height:38px;padding-right:50px;padding-left:10px}
	.btn-boxico i{width:40px}
	
	.etcBtn{top:-86px;right:10px}
	
	.subConBox{padding:0 20px 50px 20px}
	
	.dapth-tab li{flex-grow:initial;width:50%}
	.dapth-tab .item{font-size:.9rem;height:50px;font-weight:normal}
	.dapth-tab li:nth-child(odd){border-left:1px solid #e4e4e4}
	
	.item-cnt li{padding-left:30px}
	.item-cnt li:before{top:0;width:22px;height:22px}
	
	.img-flexbox li{width:calc((100% / 2) - 5px);margin-bottom:10px;margin-right:7.5px}
	.img-flexbox li:nth-child(3n){margin-right:7.5px}
	.img-flexbox li:nth-child(2n){margin-right:0}
	
	.tbl-wrap{width:800px}
	.tbl-color thead th{font-size:1rem}
	
	
	.li_dot1 > li{padding-left: 15px;}
	.li_dot1 > li::before{top: 6px;width: 7px;height: 7px;border-width:2px}

	.imgPc{display:none}
	.imgMb{display:inline-block}
	
	.btnList{margin-top:20px;text-align:center}
	.btnBc a, .btnBc button, .btnBc input{padding: 0 15px;min-width: 90px;font-size: 14px;line-height: 40px;border-radius:5px}
	.btnBc.write a, .btnBc.write button, .btnBc.write input,
	.btnBc.list a, .btnBc.list button, .btnBc.list input{padding-left:30px;background-position: 12px center;background-size:15px}

	.popFix{padding:15px}
	.popFix .popCon h2{padding-left: 20px;font-size: 18px;line-height: 45px;}
	.popFix .popCon .btn-pop-close{top: 4px;right: 10px;width: 35px;height: 35px;}
	.popFix .popCon .teachCon .teachInforTop{padding:20px 20px 30px}
	.popFix .popCon .teachCon .teachInforTop .photo{position:relative;left:0;margin-bottom:20px;text-align:center;border-bottom:1px solid #e4e4e4}
	.popFix .popCon .teachCon .teachInforTop .photo img{width:150px}
	.popFix .popCon .teachCon .teachInforTop h3{font-size: 20px;}
	.popFix .popCon .teachCon .teachInforTop ul li{margin-bottom:5px;padding-left:80px}
	.popFix .popCon .teachCon .teachInforTop ul li .name{padding-left: 15px;}
	.popFix .popCon .teachCon .teachInforTop ul li .name::before{top: 9px;}
	.popFix .popCon .teachCon .teachInforTop .homePage{padding:2px 0 2px 30px;background-position:left 3px;}
	.popFix .popCon .teachCon .teachInfor{padding:20px}
	.popFix .popCon .teachCon .teachInfor h4{margin: 25px 0 5px;padding-left: 15px;font-size: 16px;}
	.popFix .popCon .teachCon .teachInfor h4:first-child{margin-top:0}
	.popFix .popCon .teachCon .teachInfor h4::before{top: 5px;}
	.popFix .popCon .teachCon .teachInfor p, .popFix .popCon .teachCon .teachInfor ol, .popFix .popCon .teachCon .teachInfor ul{padding-left:0}

	.downBox{padding:20px}
	.downBox h2{margin-bottom:10px;padding-left: 20px;font-size: 16px;line-height: 30px;background-size:15px !important}
	.downBox .btnRt{float:none}
	.downBox .btnRt .btn{display:block;margin:0 0 5px}
	.downBox .btnRt .btn a{line-height:40px}

	.t_typel thead th{padding:10px 0}
	.t_typel tbody th,
	.t_typel tbody td{padding:10px}

	.t_typel.type2 tbody th{padding:10px;font-size:14px}
	.t_typel.type2 tbody td{padding:10px}
	.t_typel.type2 tbody th span{padding-left:14px;background-size:10px;background-position:left 5px}
	
	.scheduleCon .schedTop{margin-bottom: 20px;}
	.scheduleCon .schedTop h2{margin-bottom:20px;font-size: 18px;}
	.scheduleCon .schedTop h2 span{margin-right: 0;font-size: 20px;}
	.scheduleCon .schedTop .btn a{width: 70px;font-size: 15px;background-size:20px;line-height:20px}
	.scheduleCon .schedTop .btn.btnSchPrev a{padding-left:25px}
	.scheduleCon .schedTop .btn.btnSchNext a{padding-right:25px}
	
	.scheduleCon .schedTop .month{border-radius:15px}
	.scheduleCon .schedTop .month ol li{margin:2px}
	.scheduleCon .schedTop .month ol li a{width: 35px;height: 35px;line-height: 35px;font-size: 12px;}

	.scheduleCon .schedList .schedListTop p{font-size:13px}
	.scheduleCon .schedList .schedListTop .btnType{margin-bottom: 10px;}
	.scheduleCon .schedList .schedListTop .btnType span a{padding-left: 20px;font-size: 14px;}
	.scheduleCon .schedList .schedListTop .btnType span a::before{top: 3px;width: 15px;height: 16px;background-size: 100%;}
	.scheduleCon .schedList .schedListTop .btnType .btn1{margin-right: 10px; padding-right: 10px;}

	.scheduleCon .schedList .ltCon{margin-bottom:20px}
	.scheduleCon .schedList .ltCon .carlendar h3{font-size: 16px;line-height: 46px;}
	.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td{height:35px}
	.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td.event a::after{top:22px}
	
	.licensList ul li{margin-bottom:20px}
	.licensList ul li .box h2{padding: 10px 10px 10px 40px;font-size: 16px;height: 90px;background-size: 18px;background-position:15px 12px}
	.licensList ul li .box .btn{top:45px;left:40px;right:auto}
	.licensList ul li .box .btn a{padding: 0 42px 0 20px;font-size: 14px;line-height: 30px;}
	.licensList ul li .box p{padding:15px}
	
	.scheduleCon .schedList .schedListTop .btnType .btn1 a::before{background-position:unset;width:14px}
	.scheduleCon .schedList .schedListTop .btnType .btn2 a::before{background-position:unset;width:14px}
	.scheduleCon .schedList .schedListTop .btnType .btn1.on a::before{background-position:unset;width:14px}
	.scheduleCon .schedList .schedListTop .btnType .btn2.on a::before{background-position:unset;width:14px}
	
	input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"]{height: 40px;font-size: 14px;}
	.select{padding: 0 20px 0 13px;height: 40px;font-size: 14px;background-size: 10px;}

	.bbs_top .pageNum{float:none;margin-bottom:10px}
	.bbs_top .boadSearchA{float:none}
	.boadSearchA select{margin: 0 0 5px 0;width: 100%;}
	.boadSearchA .serInput{padding: 0 10px;width:calc(100% - 70px)}
	.boadSearchA .btn{position:absolute;right:0;bottom:0;width:65px;height:40px;text-indent: 20px;background-position:10px center;background-size:12px}
	
	.listTypeA::before{height:2px}
	.listTypeA.mb{display:block}
	.listTypeA.mb colgroup{display:none}
	.listTypeA.mb thead{display:none}
	.listTypeA.mb tbody{display:block}
	.listTypeA.mb tbody tr.notice{background: #fff;}
	.listTypeA.mb tbody tr.b-top-box{background:#f6f7f8}
	.listTypeA.mb tbody td.num{display:none}
	.listTypeA.mb tbody tr.notice .num{display:block;float:left;margin-right:10px}
	.listTypeA.mb tbody tr{position:relative;display:block;padding:10px 10px;width:100%;box-sizing: border-box;border-bottom:1px solid #ececec}
	.listTypeA.mb tbody tr::after{display:block;clear:both;content:''}
	.listTypeA.mb tbody td{display:block;padding:2px 0;border:0;font-size:13px;text-align:left;}
	.listTypeA.mb tbody td.data,
	.listTypeA.mb tbody td.file,
	.listTypeA.mb tbody td.hit{position:relative;float:left;margin-right:10px;padding-right:10px;line-height:15px}
	.listTypeA.mb tbody td.data::after,
	.listTypeA.mb tbody td.file::after{position:absolute;top:6px;right:0;width:0;height:10px;content:'';border-left:1px solid #50585c}
	.listTypeA.mb tbody td.file img{width:12px}
	
	.listTypeA.mb tbody td.subject{padding-bottom:5px;font-size:14px}
	.listTypeA.mb tbody td.subject a{display:block;padding-right:15px;font-weight:500}
	.listTypeA tbody td.subject a .icNew{top:3px;width:15px}
	.listTypeA.mb tbody td.name::before{margin-right:5px;content:'작성자 '}
	.listTypeA.mb tbody td.data::before{margin-right:5px;content:'작성일 '}
	.listTypeA.mb tbody td.file::before{margin-right:5px;content:'첨부 '}
	.listTypeA.mb tbody td.hit::before{margin-right:5px;content:'조회수 '}
	
	.page{margin-top:30px}
	.page .contr{margin: 0 5px;}
	.page a{width: 30px;height: 30px;font-size: 14px;line-height: 28px;}
	.page a img{height:13px}
	
	.snsTab{margin-bottom:30px;padding-top:10px}
	.snsTab ul li{margin: 0 3px;}
	.snsTab ul li a{width: 45px;height: 45px;font-size: 14px;line-height: 42px;}
	
	.listTypeB::before{height:2px}
	.listTypeB ul{margin: 0 -5px;}
	.listTypeB ul li{margin-bottom: 10px;padding: 0 5px;}
	.listTypeB ul li .box .infor{padding: 10px;}
	.listTypeB ul li .box .infor .tit{height: 40px;line-height: 1.4;}
	.listTypeB ul li .box .infor .data{right: 10px;bottom: 12px;padding-left:16px;font-size: 13px;background-size:12px}
	.listTypeB ul li .box .infor .snsIc img{width:24px}
	
	.listTypeC{padding-top:20px}
	.listTypeC::before{height:2px}
	.listTypeC ul{margin: 0 -5px;}
	.listTypeC ul li{margin-bottom: 10px;padding: 0 5px;}
	.listTypeC ul li .box .infor{padding: 10px;}
	.listTypeC ul li .box .infor .tit{margin-bottom:10px;height: 40px;font-size:14px;line-height: 1.4;}
	.listTypeC ul li .box .infor .data{padding:10px 0 0 16px;font-size: 13px;background-size:12px;background-position:left 14px}
	.listTypeC ul li .box .infor .hit{right: 10px;bottom: 10px;padding-left:16px;font-size: 13px;background-size:12px}

	.viewTypeA .viewTop{padding: 15px;}
	.viewTypeA .viewTop h2{margin-bottom: 10px;font-size:18px;}
	.viewTypeA .viewTop ul li{margin-right: 5px;padding-right: 10px; font-size: 14px;}
	.viewTypeA .viewTop ul li::before{top:5px}
	.viewTypeA .file{padding: 10px 10px 10px 80px;font-size: 14px;}
	.viewTypeA .file .name{top: 10px;left: 15px;}
	.viewTypeA .file a{margin-right: 10px;padding-left: 16px;background-size: 12px;}
	.viewTypeA .con{padding:15px 0}
	.viewTypeA .con .img{margin-bottom:20px}

	.viewlist{margin-top:40px}
	.viewlist li{padding: 0 0px 0 90px;font-size: 14px;line-height:40px;}
	.viewlist li span{padding-left: 35px;}
	.viewlist li span::after{left: 15px;width: 7px;height: 7px;}

	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;width:100%;overflow:auto}
	.mb_scroll table{width:800px}
	.mb_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';background:url('/_res/tongmyong/ce/img/scroll_alpha.png') repeat-y fixed right top;z-index:2;}
	.mb-ico{display:block;position:absolute;top:30px;left:50%;width:60px;height:60px;background:url('/_res/tongmyong/ce/img/bg_touch.png') no-repeat;background-size:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}

	.mblink a{display:block}
	
	.mapCon{padding-left:15px}
	.mapCon ol li{float:none;margin-bottom:30px;width:100%}
	.mapCon ol li img{width:100%}
	.mapCon ol li .tit{margin-top:10px}
	
	.article-chk {top: 0px !important; left: -5px !important;}
	
	.fileView a iframe {height: 400px;}	

    .Sitemap .Sitemap-in > ul > li{width: calc(100% - 2%); margin-bottom: 0;}
    .Sitemap .Sitemap-in > ul > li > ul{padding:15px 0 20px 30px; }
    .Sitemap .Sitemap-in > ul > li > ul > li{padding:0 0 7px 0;}
	.Sitemap .Sitemap-in > ul > li:nth-last-child( 2n ) {margin-left: 0;}
	
	.topBanCon1 .btn2{position:absolute; top:auto; bottom:10px; right:-65px;}
	.topBanCon1 .btn2 a{width:75px; font-size:12px; line-height:25px;}

	/*자원봉사안내*/
	.con_btn ul{flex-wrap:wrap;gap:60px}
	.con_btn li{flex:unset;width:100%;height:60px}
	.con_btn li br{display:none;}
	.con_btn li:before{top:auto;right:auto;transform:rotate(90deg);left:50%;margin-left:-16px;bottom:-62px}
	
	.tbl-color tbody th{font-size:1rem}
	
	/*시설소개*/
	h2.tit-btn01{font-size:18px;margin:30px 0 15px}
	.bd-p-list li{width:50%}
	.content-box{margin-bottom:50px}
}

.subConBox .box-con{margin-bottom:50px}
/*비용 및 상담*/
.col{background-color:#f6faf8 !important;color:#005e2e !important}
.mb50_1{margin-top:50px;margin-bottom:50px}
.red{color:red}
.h4-tit-btn{font-size:16px}

.mConBox4{display:none}/*요청사항으로 SNS 안보이게 처리*/

