@import url(https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
body { font-family: 'Jeju Myeongjo', serif !important; }


#section4 #faq .panel_open .panel_content img { max-width: 100%; width: auto; }


/**************************************************
*   section4 (°øÁö»çÇ×)
**************************************************/
@media (min-width:0) {
    #section4 #notice .list{ margin:20px 0; }
    #section4 #notice .list::after { display:block; content:''; clear:both; }
	#section4 #notice .list li{ position:relative; float:left; width:49%; margin-right:1%; box-sizing:border-box; border:1px solid #ccc; overflow:hidden; margin-bottom:10px; }
    #section4 #notice .list li:last-child{ margin-right:0%; }
    #section4 #notice .list li .imgbox{ width:100%; height: 180px; background-size:cover; background-position:center; cursor: pointer;}
    #section4 #notice .list li .txtbox{ width:100%; border-top:1px solid #ccc; background:#fff; height: 40px; line-height: 40px; box-sizing:border-box; }
	#section4 #notice .list li .txtbox a{ width:100px; }

    #section4 #notice .list li .txtbox .tit { padding: 0 10px; text-align:center; height: 40px; line-height: 40px; cursor: pointer;}
	
    #section4 #notice .list li .txtbox .txt{ margin:8px 0; }
    #section4 #notice .list li .txtbox a{ display:block; width:100%; background:#224275; color:#fff; text-align:center; padding:8px 0; margin:5px 0 0 0; }

    #section4 #bbs .list{ margin:20px 0; }
    #section4 #bbs .list::after { display:block; content:''; clear:both; }
	#section4 #bbs .list li{ position:relative; float:left; width:49%; margin-right:1%; box-sizing:border-box; border:1px solid #ccc; overflow:hidden; margin-bottom:10px; }
    #section4 #bbs .list li:last-child{ margin-right:0%; }
    #section4 #bbs .list li .imgbox{ width:100%; height: 180px; background-size:cover; background-position:center; cursor: pointer;}
    #section4 #bbs .list li .txtbox{ width:100%; border-top:1px solid #ccc; background:#fff; height: 40px; line-height: 40px; box-sizing:border-box; }
	#section4 #bbs .list li .txtbox a{ width:100px; }

    #section4 #bbs .list li .txtbox .tit { padding: 0 10px; text-align:center; height: 40px; line-height: 40px; cursor: pointer;}
	
    #section4 #bbs .list li .txtbox .txt{ margin:8px 0; }
    #section4 #bbs .list li .txtbox a{ display:block; width:100%; background:#224275; color:#fff; text-align:center; padding:8px 0; margin:5px 0 0 0; }


    #section4 #promotion .list{ margin:20px 0; }
    #section4 #promotion .list::after { display:block; content:''; clear:both; }
	#section4 #promotion .list li{ position:relative; float:left; width:49%; margin-right:1%; box-sizing:border-box; border:1px solid #ccc; overflow:hidden; margin-bottom:10px; }
    #section4 #promotion .list li:last-child{ margin-right:0%; }
    #section4 #promotion .list li .imgbox{ width:100%; height: 180px; background-size:cover; background-position:center; cursor: pointer;}
    #section4 #promotion .list li .txtbox{ width:100%; border-top:1px solid #ccc; background:#fff; height: 40px; line-height: 40px; box-sizing:border-box; }
	#section4 #promotion .list li .txtbox a{ width:100px; }

    #section4 #promotion .list li .txtbox .tit { padding: 0 10px; text-align:center; height: 40px; line-height: 40px; cursor: pointer;}
	
    #section4 #promotion .list li .txtbox .txt{ margin:8px 0; }
    #section4 #promotion .list li .txtbox a{ display:block; width:100%; background:#224275; color:#fff; text-align:center; padding:8px 0; margin:5px 0 0 0; }

    #section4 #review .list{ margin:20px 0; }
    #section4 #review .list::after { display:block; content:''; clear:both; }
	#section4 #review .list li{ position:relative; float:left; width:49%; margin-right:1%; box-sizing:border-box; border:1px solid #ccc; overflow:hidden; margin-bottom:10px; }
    #section4 #review .list li:last-child{ margin-right:0%; }
    #section4 #review .list li .imgbox{ width:100%; height: 180px; background-size:cover; background-position:center; cursor: pointer;}
    #section4 #review .list li .txtbox{ width:100%; border-top:1px solid #ccc; background:#fff; height: 40px; line-height: 40px; box-sizing:border-box; }
	#section4 #review .list li .txtbox a{ width:100px; }

    #section4 #review .list li .txtbox .tit { padding: 0 10px; text-align:center; height: 40px; line-height: 40px; cursor: pointer;}
	
    #section4 #review .list li .txtbox .txt{ margin:8px 0; }
    #section4 #review .list li .txtbox a{ display:block; width:100%; background:#224275; color:#fff; text-align:center; padding:8px 0; margin:5px 0 0 0; }

}

@media (min-width:768px) {
	#section4 #notice .list li .imgbox{ height: 220px; }

    #section4 #bbs .list li .imgbox{ height: 220px; }

    #section4 #promotion .list li .imgbox{ height: 220px; }

    #section4 #review .list li .imgbox{ height: 220px; }
}
@media (min-width:992px) {
	#section4 #notice .list li{ width:32.33%; margin-right:1%;  }
	#section4 #notice .list li .txtbox a{ width:100px; }

	#section4 #bbs .list li{ width:32.33%; margin-right:1%;  }
	#section4 #bbs .list li .txtbox a{ width:100px; }

	#section4 #promotion .list li{ width:32.33%; margin-right:1%;  }
	#section4 #promotion .list li .txtbox a{ width:100px; }

	#section4 #review .list li{ width:32.33%; margin-right:1%;  }
	#section4 #review .list li .txtbox a{ width:100px; }

}