/**************************************************
*   3.4 - section4 (메뉴소개) - 팝업
**************************************************/
@media (min-width:0) {
   
    #sectionProduct .modal-content { padding: 10px; max-width:800px; width:100%; }
    #sectionProduct .modal .close i { color:#000; margin-right:20px; }
    #sectionProduct .modal .flbox { box-sizing:border-box; height:240px; }
    #sectionProduct .modal .imgbox { height:100%; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
    #sectionProduct .modal .imgbox img { display:none; }
    #sectionProduct .modal .frbox { box-sizing:border-box; }
    #sectionProduct .modal .txtbox { background-color:#f4f4f4; line-height:1.4; padding:10px; }
    #sectionProduct .modal .txtbox2 { background-color:#fff; }
    #sectionProduct .modal .txtbox .tx1 { color:#232323; font-size:20px; }
    #sectionProduct .modal .txtbox .tx2 { font-size:16px; color:#232323; }
    #sectionProduct .modal .txtbox .tx3 { font-size:15px; font-weight:bold; }
    #sectionProduct .modal .txtbox .tx3 .price { color:#ff4e00; }
    #sectionProduct .modal .txtbox .tx4 { font-size:13px; line-height:1.6; max-height:16em; color:#787878; }
    #sectionProduct .modal .txtbox .tx5 { font-size:12px; margin-top:20px; }
    /*
    #sectionProduct .modal-content { padding: 10px; max-width:800px; width:auto; }
    #sectionProduct .modal .imgbox img { max-width:100%; width:auto; }
    #sectionProduct .modal-content .txtbox{ background-color: rgb(244, 244, 244); line-height: 1.4; padding: 10px; }
    #sectionProduct .modal-content .txtbox2{ background-color: #fff; }
    */
}
@media (min-width:992px) {
    #sectionProduct .modal-content { padding:15px; }
    #sectionProduct .modal-content .txtbox .tx1{ font-size:18px }
    #sectionProduct .modal-content .txtbox .tx2{ font-size:16px }
}
@media (min-width: 1024px) { 
    
	#sectionProduct .modal .flbox { float:left; height:420px; width:60%; padding-left:20px; padding-bottom:20px; padding-top:20px; }
	#sectionProduct .modal .frbox { float:left; padding:0 20px; width:40%; padding-top:20px; }
	#sectionProduct .modal .txtbox { padding:20px; }
	#sectionProduct .modal .txtbox .tx1 { font-size:30px; }
	#sectionProduct .modal .txtbox .tx2 { font-size:18px; }
	#sectionProduct .modal .txtbox .tx3 { font-size:18px; }
	#sectionProduct .modal .txtbox .tx4 { font-size:14px; }
	#sectionProduct .modal .txtbox .tx5 { font-size:12px; }
    
}


/**************************************************
*   3.4 - section4 (메뉴소개)
**************************************************/
@media (min-width:0) { 	
    #sectionProductList.type1 > * { color:#787878; }
	#sectionProductList.type1 .slider-for .flbox { box-sizing:border-box; }
	#sectionProductList.type1 .slider-for .flbox .imgbox { background-position:center; background-repeat:no-repeat; background-size:cover; height:240px; width:100%; }
	#sectionProductList.type1 .slider-for .flbox .imgbox img { height:100%; width:100%; }
	#sectionProductList.type1 .slider-for .frbox { box-sizing:border-box; }
	#sectionProductList.type1 .slider-for .frbox .txtbox { background-color:#f4f4f4; box-sizing:border-box; line-height:1.4; padding:40px 30px; }
	#sectionProductList.type1 .slider-for .frbox .txtbox2 { background-color:#fff; line-height:1.6; padding:20px 30px; }
	#sectionProductList.type1 .slider-for .frbox .txtbox .tx1 { font-size:24px; font-weight:500; color:#333; }
	#sectionProductList.type1 .slider-for .frbox .txtbox .tx2 { font-size:18px; }
	#sectionProductList.type1 .slider-for .frbox .txtbox .tx3 { font-size:16px; }
    #sectionProductList.type1 .slider-for .frbox .txtbox .tx3 .price { color:#ed3910; font-size:24px; }
	#sectionProductList.type1 .slider-for .frbox .txtbox .tx4 { font-size:16px; height:16em; overflow:hidden; }
	#sectionProductList.type1 .slider-for .frbox .txtbox .tx5 { font-size:13px; margin-top:10px; }
    
	#sectionProductList.type1 .nav_wrapper { background-color:#f4f4f4; border:1px solid #ccc; box-sizing:border-box; margin-top:20px; padding:20px; position:relative; }
	#sectionProductList.type1 .nav_wrapper .imgbox { background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; height:120px; margin:10px; cursor:pointer; }
	#sectionProductList.type1 .nav_wrapper .imgbox img { height:100%; width:100%; }
	#sectionProductList.type1 .nav_wrapper .slick-arrow { display:block; font-size:0; height:26px; margin-top:-13px; position:absolute; text-indent:-9999px; top:50%; width:20px; cursor:pointer; }
	#sectionProductList.type1 .nav_wrapper .slick-prev { background:url("/images/contents/btn_prev_02.png") no-repeat 0 0; background-size:contain; left:0; }
	#sectionProductList.type1 .nav_wrapper .slick-next { background:url("/images/contents/btn_next_02.png") no-repeat 0 0; background-size:contain; right:0; }
	#sectionProductList.type1 .nav_wrapper .txtbox { line-height:1.4; padding:0 15px; }
	#sectionProductList.type1 .nav_wrapper .tx1 { font-size:16px; font-weight:400; color:#333; }
    #sectionProductList.type1 .nav_wrapper .tx3 .price { color:#ed3910; font-size:18px; }
}
@media (min-width:640px) { 	
    #sectionProductList.type1 .slider-for .flbox .imgbox { height:400px; }
    
	#sectionProductList.type1 .nav_wrapper .imgbox { height:160px; }
}
@media (min-width:992px) { 	
    #sectionProductList.type1 .slider-for .flbox .imgbox { height:450px; }
    
	#sectionProductList.type1 .nav_wrapper .imgbox { height:200px; }
}
@media (min-width:1200px) { 	
    #sectionProductList.type1 .slider-for .flbox { float:left; padding-right:40px; width:55%; }
	#sectionProductList.type1 .slider-for .frbox { float:left; width:45%; }
}


/**************************************************
*   3.4 - section4 (메뉴소개)
**************************************************/
@media (min-width:0) {
    #sectionProductList.type2 { }
    #sectionProductList.type2 > * { color:#787878; }
    #sectionProductList.type2 .four_grid { font-size:0; }
    #sectionProductList.type2 .four_grid .gird_wrap { box-sizing:border-box; margin-bottom:10px; }
    #sectionProductList.type2 .four_grid .gird_wrap > a { display:block; }
    #sectionProductList.type2 .four_grid .gird_wrap .grid { box-sizing:border-box; cursor:pointer; position:relative; }
    #sectionProductList.type2 .four_grid .gird_wrap .grid .imgbox { height:200px; position:relative; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; border:3px solid #ccc; transition:all 0.5s; }
    #sectionProductList.type2 .four_grid .gird_wrap .grid:hover .imgbox { border-color:#000; }
    
    #sectionProductList.type2 .four_grid .gird_wrap .grid .txtbox { line-height:1.4; padding:5px 15px; text-align:left; }
    #sectionProductList.type2 .four_grid .gird_wrap .grid .txtbox .tx1 { color:#232323; font-size:17px; line-height:1.6; }
    #sectionProductList.type2 .four_grid .gird_wrap .grid .txtbox .tx2 { font-size:13px; }
    #sectionProductList.type2 .four_grid .gird_wrap .grid .txtbox .tx3 { color:#ff4e00; font-size:15px; }
    
    #sectionProductList.type2 .modal .close i { color:#000; margin-right:20px; }
    #sectionProductList.type2 .modal .flbox { box-sizing:border-box; height:240px; }
    #sectionProductList.type2 .modal .imgbox { height:100%; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
    #sectionProductList.type2 .modal .frbox { box-sizing:border-box; }
    #sectionProductList.type2 .modal .txtbox { background-color:#f4f4f4; line-height:1.4; padding:10px; }
    #sectionProductList.type2 .modal .txtbox2 { background-color:#fff; }
    #sectionProductList.type2 .modal .txtbox .tx1 { color:#232323; font-size:20px; }
    #sectionProductList.type2 .modal .txtbox .tx2 { font-size:16px; color:#232323; }
    #sectionProductList.type2 .modal .txtbox .tx3 { font-size:15px; font-weight:bold; }
    #sectionProductList.type2 .modal .txtbox .tx3 .price { color:#ff4e00; }
    #sectionProductList.type2 .modal .txtbox .tx4 { font-size:13px; line-height:1.6; max-height:16em; color:#787878; }
    #sectionProductList.type2 .modal .txtbox .tx5 { font-size:12px; margin-top:20px; }
    
}
@media (min-width:480px) {
    #sectionProductList.type2 .four_grid .gird_wrap .grid .imgbox { height:320px; }
}
@media (min-width:640px) { 	
    #sectionProductList.type2 .four_grid .gird_wrap { float:left; margin-right:20px; width:calc(50% - 10px); margin-bottom:20px; }
	#sectionProductList.type2 .four_grid .gird_wrap:nth-child(2n) { margin-right:0; }
}
@media (min-width:992px) { 	
    #sectionProductList.type2 .four_grid .gird_wrap { box-sizing:border-box; margin-right:20px !important; width:calc(25% - 15px); }
	#sectionProductList.type2 .four_grid .gird_wrap:nth-child(4n) { margin-right:0 !important; }
    
}
@media (min-width: 1024px) { 	
	#sectionProductList.type2 .modal .flbox { float:left; height:420px; width:60%; padding-left:20px; padding-bottom:20px; padding-top:20px; }
	#sectionProductList.type2 .modal .frbox { float:left; padding:0 20px; width:40%; padding-top:20px; }
	#sectionProductList.type2 .modal .txtbox { padding:20px; }
	#sectionProductList.type2 .modal .txtbox .tx1 { font-size:30px; }
	#sectionProductList.type2 .modal .txtbox .tx2 { font-size:18px; }
	#sectionProductList.type2 .modal .txtbox .tx3 { font-size:18px; }
	#sectionProductList.type2 .modal .txtbox .tx4 { font-size:14px; }
	#sectionProductList.type2 .modal .txtbox .tx5 { font-size:12px; }
}

/**************************************************
*   3.4 - section4 (서비스안내)
**************************************************/
@media (min-width:0) { 	
    #sectionProductList.type3 > * { color:#787878; }
    #sectionProductList.type3 .list ul{ overflow:hidden; }
    #sectionProductList.type3 .list .imgbox{ position:relative; height:240px; background-size:cover; background-position:center; }
    #sectionProductList.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; }

    #sectionProductList.type3 .list li{ overflow:hidden; padding-bottom:10px; }
    #sectionProductList.type3 .list .txtbox{ padding:15px; line-height:1.4; background:#f8f8f8;}
    #sectionProductList.type3 .list .txtbox .title{ font-size:16px; margin-bottom:5px; }
    #sectionProductList.type3 .list .txtbox .title b{ display:inline-block; margin-right:5px; }
}

@media (min-width:992px) { 
	#sectionProductList.type3 .list .imgbox{ float:left; width:50%; height:240px; } 
	#sectionProductList.type3 .list .txtbox{ float:left; width:50%; height:240px; overflow:hidden; overflow-y:auto; box-sizing:border-box; padding:20px; } 
    #sectionProductList.type3 .list .txtbox .title{ font-size:20px; }
	
    #sectionProductList.type3 .list li{ padding-bottom:40px; }
	#sectionProductList.type3 .list li:nth-child(even) .imgbox{ float:right; }
	#sectionProductList.type3 .list li:nth-child(even) .txtbox{ padding-right:20px; }
	#sectionProductList.type3 .list li:nth-child(odd) .txtbox{ padding-left:20px; }
}


/**************************************************
*   3.4 - section4 (메뉴소개)
**************************************************/
@media (min-width:0) {
    #sectionProductList.type4 { }
    #sectionProductList.type4 .table_num{ margin-top:20px; }
    #sectionProductList.type4 > * { color:#787878; }
    #sectionProductList.type4 .list ul{ overflow:hidden; }
    #sectionProductList.type4 .list li { position:relative; height:220px; margin-bottom:10px; }
    #sectionProductList.type4 .list li .imgbox{ width:100%; height:100%; background-size:cover; background-position:center; }
    #sectionProductList.type4 .list li .cover{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); box-sizing:border-box; padding:40px; color:#fff; }
    #sectionProductList.type4 .list li .cover .title{ font-size:20px; font-weight:bold; margin-bottom:10px; }
    #sectionProductList.type4 .list li .cover .txt{ line-height:1.4; }
	
    #contents.type2 .modal-content { padding:10px; }
    #contents.type2 .modal-content .txtbox{ background-color: rgb(244, 244, 244); line-height: 1.4; padding: 10px; }
    #contents.type2 .modal-content .txtbox .tx1{ font-size:16px }
    #contents.type2 .modal-content .txtbox .tx2{ font-size:15px }
    #contents.type2 .modal-content .txtbox2{ background-color: #fff; }

}
@media (min-width:992px) {
	#sectionProductList.type4 .list li { float:left; width:49%; }
	#sectionProductList.type4 .list li:nth-child(2n-1) { margin-right:2% }
	 
    #contents.type2 .modal-content { padding:15px; }
    #contents.type2 .modal-content .txtbox .tx1{ font-size:18px }
    #contents.type2 .modal-content .txtbox .tx2{ font-size:16px }
}

/**************************************************
*   3.4 - section4 (메뉴소개)
**************************************************/
@media (min-width:0) {
    #sectionProductList.type5 .list .box { float:left; margin-bottom:25px; width:100%; }
    #sectionProductList.type5 .list .w55 { color:#343434; width:100%; float:left; text-align:right; padding-bottom:20px; padding-top:40px; }
    #sectionProductList.type5 .list .w45 { float:left; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; min-height:260px; }
    #sectionProductList.type5 .list .w55.fr { float:right; text-align:left; }
    #sectionProductList.type5 .list .w45.fr { float:right; text-align:right; }
    #sectionProductList.type5 .list .w45 img { height:262px; width:100%; }
    #sectionProductList.type5 .list .w55 .title { border-bottom:1px solid #343434; border-top:1px solid #343434; height:auto; font-size:18px; padding:7px; text-align:center; /*width:100%;*/ box-sizing:border-box; }
    #sectionProductList.type5 .list .w55 .cont { font-size:22px; margin:10px 0; }
    #sectionProductList.type5 .list .w55 small { color:#787878; display:block; font-size:14px; }
    #sectionProductList.type5 .list .w55 .cont, #sectionProductList.type5 .list .w55 small { text-align:center; }
    #sectionProductList.type5 .list .w55 a { border:1px solid #343434; display:block; padding:8px 0; text-align:center; width:90px; float:none; margin:20px auto 0 auto; }
    #sectionProductList.type5 .list .w55.fr a { float:none; }
    
    #sectionProductList.type5 .modal .close i { color:#000; margin-right:20px; }
    #sectionProductList.type5 .modal .flbox { box-sizing:border-box; height:240px; }
    #sectionProductList.type5 .modal .imgbox { height:100%; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
    #sectionProductList.type5 .modal .frbox { box-sizing:border-box; }
    #sectionProductList.type5 .modal .txtbox { background-color:#f4f4f4; line-height:1.4; padding:10px; }
    #sectionProductList.type5 .modal .txtbox2 { background-color:#fff; }
    #sectionProductList.type5 .modal .txtbox .tx1 { color:#232323; font-size:20px; }
    #sectionProductList.type5 .modal .txtbox .tx2 { font-size:16px; color:#232323; }
    #sectionProductList.type5 .modal .txtbox .tx3 { font-size:15px; font-weight:bold; }
    #sectionProductList.type5 .modal .txtbox .tx3 .price { color:#ff4e00; }
    #sectionProductList.type5 .modal .txtbox .tx4 { font-size:13px; line-height:1.6; max-height:16em; color:#787878; }
    #sectionProductList.type5 .modal .txtbox .tx5 { font-size:12px; margin-top:20px; }
}
@media (min-width:640px) {
    #sectionProductList.type5 .list .w45 { width:50%; }
    #sectionProductList.type5 .list .w55 .title { /*width:200px;*/ padding: 7px 15px; float:right; }
    #sectionProductList.type5 .list .w55 small { float:right; text-align:right; }
    #sectionProductList.type5 .list .w55 { width:45%; padding-top:0; }
	#sectionProductList.type5 .list .w55 a { float:right; margin-top:20px; }
	#sectionProductList.type5 .list .w55.fr a { float:left; }
    #sectionProductList.type5 .list .w55.fr .title { float:left; }
    #sectionProductList.type5 .list .w55.fr small { float:left; text-align:left; }
    
}
@media (min-width:992px) {
    #sectionProductList.type5 .list .w45 { width:45%; }
    #sectionProductList.type5 .list .w55 { width:30%; margin-left:22%; margin-right:3%; }
    #sectionProductList.type5 .list .w55.fr { margin-right:22%; margin-left:3%; }
}
@media (min-width:1024px) { 	
    #sectionProductList.type5 .modal .flbox { float:left; height:420px; width:60%; padding-left:20px; padding-bottom:20px; padding-top:20px; }
	#sectionProductList.type5 .modal .frbox { float:left; padding:0 20px; width:40%; padding-top:20px; }
	#sectionProductList.type5 .modal .txtbox { padding:20px; }
	#sectionProductList.type5 .modal .txtbox .tx1 { font-size:30px; }
	#sectionProductList.type5 .modal .txtbox .tx2 { font-size:18px; }
	#sectionProductList.type5 .modal .txtbox .tx3 { font-size:18px; }
	#sectionProductList.type5 .modal .txtbox .tx4 { font-size:14px; }
	#sectionProductList.type5 .modal .txtbox .tx5 { font-size:12px; }
}

/**************************************************
*   3.4 - section4 (메뉴소개)
**************************************************/
@media (min-width:0) {
    #sectionProductList.type6 { }
    #sectionProductList.type6 > * { color:#787878; }
    #sectionProductList.type6 .four_grid { font-size:0; }
    #sectionProductList.type6 .four_grid .gird_wrap { box-sizing:border-box; border:1px solid #ccc; margin-bottom:10px; }
    #sectionProductList.type6 .four_grid .gird_wrap > a { display:block; }
    #sectionProductList.type6 .four_grid .gird_wrap .grid { box-sizing:border-box; cursor:pointer; position:relative; overflow:hidden; }
    #sectionProductList.type6 .four_grid .gird_wrap .grid .imgbox { height:200px; position:relative; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
    #sectionProductList.type6 .four_grid .gird_wrap .grid .txtbox { line-height:1.4; padding:5px 15px; text-align:left; }
    #sectionProductList.type6 .four_grid .gird_wrap .grid .txtbox .tx1 { color:#232323; font-size:17px; font-weight:bold; line-height:1.6; }
    #sectionProductList.type6 .four_grid .gird_wrap .grid .txtbox .tx2 { font-size:13px; }
    #sectionProductList.type6 .four_grid .gird_wrap .grid .txtbox .tx3 { color:#ff4e00; font-size:15px; font-weight:bold; }
    
    #sectionProductList.type6 .four_grid .gird_wrap .grid .hover { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; -webkit-backface-visibility:hidden; backface-visibility:hidden; box-sizing:border-box; -webkit-transition:all 0.5s; transition:all 0.5s; background-color:rgba(238,110,115,0.4); opacity:0; color:#fff; line-height:1.4; }
    #sectionProductList.type6 .four_grid .gird_wrap .grid .hover .txt1 { height:auto; font-size:20px; text-transform:uppercase; padding:10px; background-color:#ee6e73; margin:50px 0 0 0; -webkit-transition:all 0.5s; transition:all 0.5s; box-sizing:border-box; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); }
    #sectionProductList.type6 .four_grid .gird_wrap .grid .hover .txt2 { font-size:16px; position:relative; padding:30px 20px; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); box-sizing:border-box; height:180px; }
    
}
@media (min-width:480px) {
    #sectionProductList.type6 .four_grid .gird_wrap .grid .imgbox { height:320px; }
}
@media (min-width:640px) { 	
    #sectionProductList.type6 .four_grid .gird_wrap { float:left; margin-right:20px; width:calc(50% - 10px); margin-bottom:20px; }
	#sectionProductList.type6 .four_grid .gird_wrap:nth-child(2n) { margin-right:0; }
}
@media (min-width:992px) { 	
    #sectionProductList.type6 .four_grid .gird_wrap { box-sizing:border-box; margin-right:20px !important; width:calc(25% - 15px); }
	#sectionProductList.type6 .four_grid .gird_wrap:nth-child(4n) { margin-right:0 !important; }
    
    #sectionProductList.type6 .four_grid .gird_wrap .grid:hover .hover { visibility:visible; opacity:1; }
    #sectionProductList.type6 .four_grid .gird_wrap .grid:hover .hover .txt1 { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
    #sectionProductList.type6 .four_grid .gird_wrap .grid:hover .hover .txt2 { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
}