/**************************************************
*   3.9 - section9 (갤러리)
**************************************************/
@media (min-width:0) { 	
    #sectionGalleryList.type1 { position:relative; }
	#sectionGalleryList.type1 .for_wrapper { position:relative; }
	#sectionGalleryList.type1 .slider-for div { background-position:center; background-repeat:no-repeat; background-size:cover; min-height:320px; }
	#sectionGalleryList.type1 .slider-for .txtbox { bottom:5%; left:0; line-height:1.4; position:absolute; text-align:center; width:100%; }
	#sectionGalleryList.type1 .slider-for .txtbox em { color:#fff; display:block; font-size:20px; font-style:normal; font-weight:500; }
	#sectionGalleryList.type1 .slider-for .txtbox span { color:#fff; display:block; font-size:14px; }
	#sectionGalleryList.type1 .nav_wrapper { position:relative; }
	#sectionGalleryList.type1 .slider-nav { box-sizing:content-box; padding:5px 20px; }
	#sectionGalleryList.type1 .slider-nav div.slick-slide { background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 5px; min-height:80px; outline:0; cursor:pointer; }
	#sectionGalleryList.type1 .nav_wrapper .slick-arrow { display:block; font-size:0; height:20px; margin-top:-10px; position:absolute; text-indent:-9999px; top:50%; width:20px; z-index:45; cursor:pointer; }
	#sectionGalleryList.type1 .nav_wrapper .slick-prev { background:url("/images/contents/btn_prev_02.png") no-repeat 0 0; background-size:contain; left:0; }
	#sectionGalleryList.type1 .nav_wrapper .slick-next { background:url("/images/contents/btn_next_02.png") no-repeat 0 0; background-size:contain; right:0; }
}
@media (min-width:768px) { 	
    #sectionGalleryList.type1 .slider-for div.slick-slide { min-height:450px; }
	#sectionGalleryList.type1 .slider-for .txtbox { bottom:30px; }
	#sectionGalleryList.type1 .slider-for .txtbox em { font-size:30px; }
	#sectionGalleryList.type1 .slider-for .txtbox span { font-size:24px; }
	#sectionGalleryList.type1 .slider-nav { padding:10px 20px; }
	#sectionGalleryList.type1 .slider-nav div.slick-slide { margin:0 10px; min-height:100px; }
}
@media (min-width:992px) { 	
    #sectionGalleryList.type1 .slider-for div.slick-slide { min-height:540px; }
	#sectionGalleryList.type1 .slider-nav div.slick-slide { margin:0 10px; min-height:140px; }
}
@media (min-width:1280px) { 	
    #sectionGalleryList.type1 .slider-for div.slick-slide { min-height:620px; }
}


/**************************************************
*   3.9 - section9 (갤러리) - type2
**************************************************/
@media (min-width:0) {
    #sectionGalleryList.type2 { position:relative; }
    #sectionGalleryList.type2 .photo { overflow:hidden; padding-bottom:20px; }
    #sectionGalleryList.type2 .grid-item { box-sizing:border-box; display:block; border:1px solid #ccc; margin-bottom:5%; }
    #sectionGalleryList.type2 .grid-item .ell3 { word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
    
    #sectionGalleryList.type2 .grid-item .imgbox { width:100%; height:70%; background-size:cover; background-position:center; background-repeat:no-repeat; min-height:240px; }
    #sectionGalleryList.type2 .grid-item .txtbox { width:100%; height:30%; padding:10px 15px; box-sizing:border-box; line-height:1.4; }
    
    #sectionGalleryList.type2 .grid-item .txtbox .tx1 { font-size:18px; }
    #sectionGalleryList.type2 .grid-item .txtbox .tx2 { font-size:14px; height:4.2em; color:#787878; }
    #sectionGalleryList.type2 .grid-item .txtbox .tx2.ell3 { height:4.2em; }
}
@media (min-width:640px) {
    #sectionGalleryList.type2 .grid-item .imgbox { min-height:320px; }
}
@media (min-width:768px) {
    #sectionGalleryList.type2 .grid-item { float:left; width:49.5%; margin-right:1%; margin-bottom:1%; }
    #sectionGalleryList.type2 .grid-item:nth-child(2n) { margin-right:0; }
}
@media (min-width:1200px) {
    #sectionGalleryList.type2 .photo { width:1200px; height:700px; }
    #sectionGalleryList.type2 .grid-item { float:left; margin-right:1% !important; margin-bottom:1%; cursor:pointer; }
    #sectionGalleryList.type2 .grid-item .imgbox { min-height:auto; }
    #sectionGalleryList.type2 .grid-item1 { width:38%; height:50%; }
    #sectionGalleryList.type2 .grid-item2 { width:29.5%; height:50%; }
    #sectionGalleryList.type2 .grid-item3 { width:29.5%; height:33.33%; float:right; margin-bottom:0.5%; }
    #sectionGalleryList.type2 .grid-item4 { width:29.5%; height:33.33%; float:right; margin-bottom:0.5%; }
    #sectionGalleryList.type2 .grid-item5 { width:29.5%; height:50%; }
    #sectionGalleryList.type2 .grid-item6 { width:38%; height:50%; }
    #sectionGalleryList.type2 .grid-item7 { width:29.5%; height:33.33%; float:right; }
    
    #sectionGalleryList.type2 .grid-item .txtbox .tx1 { font-size:18px; }
    #sectionGalleryList.type2 .grid-item .txtbox .tx2 { font-size:14px; height:1.4em; }
}

/**************************************************
*   3.4 - section9 (갤러리)
**************************************************/
@media (min-width:0) { 	
    #sectionGalleryList.type3 > * { color:#787878; }
    #sectionGalleryList.type3 .list ul{ overflow:hidden; }
    #sectionGalleryList.type3 .list .imgbox{ position:relative; height:240px; background-size:cover; background-position:center; }
    #sectionGalleryList.type3 .list .imgbox .cover{ position:absolute; bottom:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:40px; font-size:20px; opacity:0; overflow:hidden; transition:all 0.3s; background:rgba(0,0,0,.5); color:#fff; }

    #sectionGalleryList.type3 .list li:hover .cover{ opacity:1; }
    #sectionGalleryList.type3 .list .txtbox{ padding:10px 0 20px 0; line-height:1.4; margin-bottom:10px; border-bottom:1px solid #ccc; }
}

@media (min-width:992px) { 
	#sectionGalleryList.type3 .list li{ float:left; width:49%; } 
	#sectionGalleryList.type3 .list li:nth-child(2n-1){ margin-right:2%; } 
	#sectionGalleryList.type3 .list .txtbox{ padding:10px 0; min-height:90px; margin-bottom:0; border-bottom:0; } 
}


/**************************************************
*   3.9 - section9 (갤러리) - type4
**************************************************/
@media (min-width:0) { 	
    #sectionGalleryList.type4 { position:relative; }
	#sectionGalleryList.type4 .w45 .imgbox{ height:250px; background-size:cover; background-position:center; }
	#sectionGalleryList.type4 .box1 { clear:both; overflow:hidden; margin-bottom:15px;}
	#sectionGalleryList.type4 .box1:last-child { margin-bottom:0;}
	#sectionGalleryList.type4 .w55 { padding:20px 0; }
	#sectionGalleryList.type4 .w55 .txtbox .title{ font-size:20px; }
	#sectionGalleryList.type4 .w55 .txtbox .tx1{ font-size:16px; margin:10px 0; line-height:1.4; }
	#sectionGalleryList.type4 .w55 .txtbox .tx2 span{ display:block; line-height:1.4; padding-left:10px; background:url(../images/contents/blet02.png) left 10px; background-repeat:no-repeat; }
	}
@media (min-width:768px) { 	
	#sectionGalleryList.type4 .w45{ float:left; width:44%; padding-right:3%; }
	#sectionGalleryList.type4 .w55{ float:left; width:53%; padding:0; }
}





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

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

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