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/tuhome/img/common/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}
table {width: 100%; font-weight: 400; border-spacing: 0; border-collapse: collapse;}

/* 게시판 공통 */
.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;color:#fff;line-height:56px;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;background-color:#004d40;background-repeat:no-repeat;transition: all 0.3s;-webkit-transition: all 0.3s;border:1px solid transparent;border-radius:7px}

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

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

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

.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%;border:1px solid #dee2e4;border-top:3px solid #065f46}
.licensList ul li .box h2{padding:20px 20px 20px 70px;font-size:20px;background:#f6f7f8 url('/_res/tongmyong/tuhome/img/common/h2_dot.png') no-repeat 25px center}
.licensList ul li .box .btn{position:absolute;top:20px;right:20px;}
.licensList ul li .box .btn a{display:block;padding:0 42px 0 20px;font-size:15px;color:#388e3c;line-height:40px;background:#fff url('/_res/tongmyong/tuhome/img/common/ic_blank.png') no-repeat right 20px center;border:1px solid #388e3c;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 .total b,
.bbs_top .pageNum .now b{color:#43a047}
.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('../img/ic_search2.png') no-repeat 18px center;border-radius:5px;border:0}
.boadSearchA .btn-qalink{display:inline-block;background-color:#004d40;color:#fff;height:48px;padding:9px 20px;vertical-align:middle;margin-right:5px;border-radius:5px}
.boadSearchA .btn-qalink i{font-size:1.4rem}

/* 목록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:'';background-image: linear-gradient(to right, #7cb342 , #009688);z-index:2}
.listTypeA tr{text-align:center;}
.listTypeA thead th{padding:18px 5px;color:#343c40;font-weight:500;background:#fff;border-bottom:1px solid #98a1a6; text-align: center;}
.listTypeA thead th:first-child{border-left:0}
/*.listTypeA colgroup col:last-child {width: 10% !important;} 필요할 경우 클래스붙여서 사용 하기 */
.listTypeA tbody th,.listTypeA tbody td{border:1px solid #dee2e4;border-width:1px 0 0; text-align: center;}
.listTypeA tbody tr.notice td{background:#fff}
.listTypeA tbody tr.b-top-box td {background: #f6f7f8;}
.listTypeA tbody tr.notice td.num{color:#689f38;font-weight:500; text-align: center;}
.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('../img/ic_sns_menu1.png') }
.snsTab ul li.ic3 a{background-image:url('../img/ic_sns_menu2.png') }
.snsTab ul li.ic4 a{background-image:url('../img/ic_sns_menu3.png') }
.snsTab ul li.ic5 a{background-image:url('../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('../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:'';background-image: linear-gradient(to right, #7cb342 , #009688)}
.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}
.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}
.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('../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('../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:'';background-image: linear-gradient(to right, #7cb342 , #009688)}
.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('../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)}

/*버튼*/
.navy{color:#ffffff; display:inline-block; position:relative; line-height:40px; background:#096936 url('/_res/tongmyong/tuhome/img/common/ico-btn2.png') no-repeat 10px 10px; padding:0 15px 0 30px; border-radius:5px;}
.b-btn-modify{padding:0 15px; line-height:40px; display:inline-block; background:#e5e5e5; border-radius:5px; margin-top: 4px;}

/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

@media all and (max-width:1320px){
	
	.navy {text-indent: -9999px; padding: 0 18px;}
	
	/*.listTypeA colgroup col:last-child {width: 8% !important;} 필요할 경우 클래스붙여서 사용 */
	.listTypeA thead th {text-align: left;}
	.listTypeA tbody tr.notice td.num {text-align: left;}
	
}
 /* TABLET Device */
@media all and (max-width:1200px){
	
	
	.licensList ul{margin:0}
	.licensList ul li{padding:0;width:100%}

	.boadSearchA .serInput{width:200px}

	.listTypeB ul li{width:50%}

	.listTypeC ul li{width:50%}

}

@media (max-width: 1024px){
	
	.article-chk {top: 24px !important;}

}

 /* Mobile Device */
@media all and (max-width:640px){
	
	
	.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}

	
	.teachList ul li{margin-bottom:20px}
	.teachList ul li .box{padding:20px 30px}
	.teachList ul li .box::after{top: 8px;left: 8px;}
	.teachList ul li .box::before{width: 20px;height: 20px;}
	.teachList ul li .box .photo{position:relative;top:0;left:0;display:block;margin:0 auto 10px;width:140px;}
	.teachList ul li .box .tit{margin-bottom:20px;font-size:20px;text-align:center}
	.teachList ul li .box ul li{padding-left:80px}
	.teachList ul li .box ul li .name::before{top:9px}
	.teachList ul li .box .btn{margin:0 auto;width: 110px;}
	.teachList ul li .box .btn a{padding-left: 20px;font-size: 14px;line-height: 40px;background-position:right 18px center;background-size:10px}

	.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 .schedListTop .btnType .btn1::after{margin-top: -7px;height: 15px;}
	.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}
	
	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}
	.boadSearchA .btn-qalink{width:100%;padding:9px 5px;margin-right:0;margin-bottom:5px;text-align:center}
	
	.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: #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('../img/scroll_alpha.png') repeat-y fixed right top;z-index:2;}
	.mbtb_quide{position:absolute;top:30px;left:50%;width:60px;height:60px;background:url('../img/bg_touch.png') no-repeat;background-size:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}

	.mblink a{display:block}
	
	.article-chk {top: 0px !important; left: -5px !important;}
	.listTypeA.mb tbody tr.notice {background: #fff;}
	.listTypeA.mb tbody tr.b-top-box {background: #f6f7f8;}
	
	.navy {line-height: 25px; background: #096936 url(/_res/tongmyong/tuhome/img/common/ico-btn2.png) no-repeat center;}
	.b-btn-modify {line-height:25px;}
	.listTypeA.mb tbody td.file {top: -7px;}
	.listTypeA.mb tbody td.file::after {top: 13px;}
}

@media all and (max-width:340px){
	.boadSearchA .btn-qalink{font-size:.9em;padding:15px 5px}
	.boadSearchA .btn-qalink i{display:none}
}