/**************************************************
*   3.12 - section12 (공지사항)
**************************************************/
@media (min-width:0) {
    #sectionPostsList.type1 table { border-collapse:collapse; table-layout:fixed; width:100%; }
    #sectionPostsList.type1 table .no_mobile { display:none; }
    #sectionPostsList.type1 table .cont { overflow:hidden; width:70%; }
    #sectionPostsList.type1 table th { border-bottom:1px solid #282828; border-top:1px solid #282828; padding:7px 0; }
    #sectionPostsList.type1 table th:nth-of-type(1) { width:20%; }
    #sectionPostsList.type1 table td { border-bottom:1px solid #cccccc; padding:11px 0; text-align:center; vertical-align:middle; }
    #sectionPostsList.type1 table td.cont { text-align:left; }
    #sectionPostsList.type1 table td.cont .imgbox { display:block; width:100%; }
    #sectionPostsList.type1 table td.cont .imgbox a { display:inline-block; width:100%; min-height:160px; background-size:cover; background-position:center; background-repeat:no-repeat; box-sizing:border-box; }
    #sectionPostsList.type1 table td.cont .imgbox + .txtbox { display:block; line-height:1.4; width:100%; }
    #sectionPostsList.type1 table td.cont .txtbox { display:block; line-height:1.4; }
    #sectionPostsList.type1 table td.cont .txtbox .tit { color:#000; font-size:18px; margin-bottom:5px; }
    #sectionPostsList.type1 table th span { color:#333333; }
    #sectionPostsList.type1 table td span { color:#666666; display:block; }
    #sectionPostsList.type1 table td span.content { height:2.8em; }
    #sectionPostsList.type1 table td a { display:block; padding:0 5px; }
}
@media (min-width:480px) {
    #sectionPostsList.type1 table td.cont .imgbox a { min-height:240px; }
}
@media (min-width:768px) { 	
    #sectionPostsList.type1 table td.cont { width:50%; }
	#sectionPostsList.type1 table td.cont .imgbox { box-sizing:border-box; display:inline-block; float:left; width:20%; }
    #sectionPostsList.type1 table td.cont .imgbox a { min-height:85px; }
	#sectionPostsList.type1 table td.cont .imgbox img { float:left; height:100%; margin-right:10px; vertical-align:middle; width:100%; }
	#sectionPostsList.type1 table td.cont .imgbox + .txtbox { display:inline-block; float:left; height:4.2em; line-height:1.4; width:80%; }
    #sectionPostsList.type1 table td.cont .txtbox { width:100%; }
	#sectionPostsList.type1 table .no_mobile { display:table-cell; }
	#sectionPostsList.type1 table th:nth-of-type(1),
	#sectionPostsList.type1 table th:nth-last-of-type(1) { width:10%; }
	#sectionPostsList.type1 table td a { padding:0 20px; }
}
@media (min-width: 1200px) { 	
    #sectionPostsList.type1 table th { padding:15px 0; }
	#sectionPostsList.type1 table td { padding:16px 0; }
}

/**************************************************
*   3.10 - section10 ()
**************************************************/
@media (min-width:0) { 	
	#sectionPostsList.type2 >* { color:#787878; }
	#sectionPostsList.type2 ul.list { overflow:hidden; }
	#sectionPostsList.type2 ul.list li { margin-bottom:15px; }
	#sectionPostsList.type2 ul.list li a { display:block; }
	#sectionPostsList.type2 ul.list li .imgbox { height:225px; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
    #sectionPostsList.type2 ul.list li .txtarea { font-size:14px; line-height:1.4; height:215px; overflow-y:auto; margin-bottom:10px; }
	#sectionPostsList.type2 ul.list li .tit { color:#232323; display:block; line-height:1.4; margin:10px 0; font-size:16px; font-weight:500; }
	#sectionPostsList.type2 ul.list li .flbox { float:left; }
	#sectionPostsList.type2 ul.list li .flbox span { margin-right:10px; }
	#sectionPostsList.type2 ul.list li .frbox { float:right; }
	#sectionPostsList.type2 ul.list li .frbox i { color:#ff8400; text-align:right; }
}
@media (min-width:640px) { 	
    #sectionPostsList.type2 ul.list li { float:left; margin-right:1%; width:49.5%; }
	#sectionPostsList.type2 ul.list li:nth-child(2n) { margin-right:0; }
}
@media (min-width:768px) {
}
@media (min-width:992px) { 	
    #sectionPostsList.type2 ul.list li { float:left; margin-right:1% !important; width:32.33% !important; }
	#sectionPostsList.type2 ul.list li:nth-child(3n) { margin-right:0 !important; }
}


@media (min-width:0) { 	
	#sectionPostsList .list_tab { }
	#sectionPostsList .list_tab .tabbox { margin-bottom:30px; font-size:0; }
	#sectionPostsList .list_tab .tabbox li { display:inline-block; height:34px; line-height:34px; max-width:120px; width:25%; }
	#sectionPostsList .list_tab .tabbox li a { display:block; border-bottom:1.5px solid transparent; color:#666; text-align:center; font-size:12px; }
	#sectionPostsList .list_tab .tabbox li.on a { border-bottom-color:#999; }

	#sectionPostsList .tabbox { margin-bottom:30px; font-size:0; }
	#sectionPostsList .tabbox li { display:inline-block; height:34px; line-height:34px; max-width:120px; width:25%; }
	#sectionPostsList .tabbox li a { display:block; border-bottom:1.5px solid transparent; color:#666; text-align:center; font-size:12px; }
	#sectionPostsList .tabbox li.on a { border-bottom-color:#999; }

}
@media (min-width:640px) { 	
	#sectionPostsList .list_tab .tabbox li a { font-size:15px; }
	#sectionPostsList .tabbox li a { font-size:15px; }
}
@media (min-width:768px) {
	#sectionPostsList .list_tab .tabbox li { height:44px; line-height:44px; }
	#sectionPostsList .tabbox li { height:44px; line-height:44px; }

}




/**************************************************
*   3.5 - section5 (view)
**************************************************/
@media (min-width:0) {
    #sectionPostsRead.type1 { clear:both; }
    #sectionPostsRead.type1>* { color:#787878; }

    #sectionPostsRead.type1 .sec1 { border-bottom:1px solid #cccccc; border-top:2px solid #000000; color:#666666; overflow:hidden; }
	#sectionPostsRead.type1 .sec1 > p { border-top:1px solid #cccccc; box-sizing:border-box; float:left; padding:10px 10px; }
	#sectionPostsRead.type1 .sec1 > p i { margin:0 5px; }
	#sectionPostsRead.type1 .sec1 > p:nth-of-type(1) { border-top:none; width:100%; }
	#sectionPostsRead.type1 .sec1 > p:nth-of-type(2) { text-align:left; width:100%; }
	#sectionPostsRead.type1 .sec1 > .sec2_btn { padding:10px 10px; margin:0; width:100%; border-top: 1px solid #ccc; }
	#sectionPostsRead.type1 .sec1 > .sec2_btn .date span { margin:0; }
	
	#sectionPostsRead.type1 .sec2 { padding:10px 0 20px 0; }
	#sectionPostsRead.type1 .sec2_btn { overflow:hidden; padding-bottom:10px; }
	#sectionPostsRead.type1 .sec2_btn .date .flbox { }
	#sectionPostsRead.type1 .sec2_btn .date span { display:inline-block; font-size:14px; margin:6px 3px; }
	#sectionPostsRead.type1 .sec2_btn .date span i { color:#c00; }
	#sectionPostsRead.type1 .sec2_btn span em { color:#c00; font-style:normal; }
	#sectionPostsRead.type1 .sec2_btn .edit { margin:3px 0 0; }
	#sectionPostsRead.type1 .sec2_btn .edit a { border:1px solid #ccc; border-radius:5px; display:inline-block; font-size:13px; height:22px; line-height:20px; padding:0 5px; }
	
    #sectionPostsRead.type1 .sec3 { /*min-height:250px;*/ padding:20px 10px; line-height:1.4; font-size:15px; }

    #sectionPostsRead.type1 .sec4 table { border-top:2px solid #343434; table-layout:fixed; width:100%; }
    #sectionPostsRead.type1 .sec4 th, #sectionPostsRead.type1 .sec4 td { border-bottom:1px solid #cccccc; padding:10px; vertical-align:middle; }
    #sectionPostsRead.type1 .sec4 th { font-weight:normal; width:70px; }
    #sectionPostsRead.type1 .sec4 th span { background:#786c57; border-radius:1px; color:#fff; display:block; padding:5px 0; }
    #sectionPostsRead.type1 .sec4 th.next, #sectionPostsRead.type1 .sec4 td.next { background-color:white; }
    #sectionPostsRead.type1 .sec4 td a { display:block; }
    
    #sectionPostsRead.type1 .sec5 { margin:50px 0; text-align:center; }
    #sectionPostsRead.type1 .sec5 a { background-color:#323232; color:#ffffff; display:inline-block; line-height:35px; padding:0 35px; }
    
    #sectionPostsRead.type1 .sec6 { background-color:#f5f5f5; border:1px solid #d1d1d1; box-sizing:border-box; margin:20px 0; padding:30px; }
    #sectionPostsRead.type1 .sec6 > p { margin-bottom:10px; }
    #sectionPostsRead.type1 .sec6 > p.title { font-size:16px; font-weight:bold; }
    #sectionPostsRead.type1 .sec6 > p.cont { background:#fff; border:1px solid #d1d1d1; padding:25px 0; text-align:center; }
    #sectionPostsRead.type1 .sec6 > p.cont span { margin-right:15px; }
    #sectionPostsRead.type1 .sec6 > p.cont i { color:#dc5411; }
    #sectionPostsRead.type1 .sec6 > p.cont b { display:block; line-height:1.4; margin-left:20px; }
}
@media (min-width:768px) { 	
	#sectionPostsRead.type1 .sec1 > p { border-top:none; padding:15px 10px; }
	#sectionPostsRead.type1 .sec1 > p:nth-of-type(1) { width:70%; }
	#sectionPostsRead.type1 .sec1 > p:nth-of-type(2) { text-align:right; width:30%; }
	#sectionPostsRead.type1 .sec1 > .sec2_btn { width:30%; padding: 15px 10px; border-top: 0px; }
	#sectionPostsRead.type1 .sec1 > .sec2_btn .date { float:right; text-align:right; }
	
	#sectionPostsRead.type1 .sec2_btn .date { float:left; text-align:left; }
    #sectionPostsRead.type1 .sec2_btn .edit { float:right; text-align:left; }
	
	#sectionPostsRead.type1 .sec4 th, #sectionPostsRead.type1 .sec4 td { padding:15px; }
	#sectionPostsRead.type1 .sec4 th { width:100px; }
    
	#sectionPostsRead.type1 .sec6 > p.cont b { display:inline-block; }
}
@media (min-width:1280px) { 	
    #sectionPostsRead.type1 .sec6 { margin:50px 0; padding:40px 25px; }
	#sectionPostsRead.type1 .sec6 th, #sectionPostsRead.type1 .sec6 td { padding:20px; }
}