@charset "utf-8";

/*
/// contents ////
*/

/*메뉴 바*/
.conMenuListWrap{min-height:44px}
.conMenuList{border-bottom:1px solid #d9d9d9;position:relative;width: 100%;z-index: 20;top: 0;}
.conMenuList>div{background:#f1f1f1;border-bottom:1px solid #9d9d9d}
.conMenuList ul{width:1068px;margin:0 auto;border-left:1px solid #bababa}
.conMenuList ul li{float:left;}
.conMenuList ul li a{display:block;padding:0 33px;line-height:42px;color:#666666;font-size: 1.1em;text-align:center;border-left:1px solid #ffffff;border-right:1px solid #bababa}
.conMenuList ul li:first-child a{border-left:0 none}
.conMenuList ul li a:hover,.conMenuList ul li.on a{color:#fff;background-color:#db1d2d;}
.conMenuList>p{position:absolute;top:0;left:50%;margin-left:491px;}
.conMenuList>p a{display:block}
.conMenuList>p a + a{margin-top:1px;}
.conMenu{border-bottom:1px solid #cccccc;padding-bottom:35px;}
.conMenu:after {content:''; clear:both; display:block;}
.pdb120 {padding-bottom:120px !important;}
#conMenu5{border-bottom:0 none;padding-bottom:150px;}
.boxTab .tabBtn {display: none;position: absolute;right: 0;top: 1px;width: 43px;height: 43px;overflow: hidden;text-indent: -999em;font-size: 1.2em;color: #999;font-weight:bold;background:url('../images/common/tabBtn.gif') no-repeat right bottom;z-index:110}
.boxTab .tabBtn.on{background-position:right top;/* text-indent:0;background-color: #f1f1f1;border: 1px solid #bababa;border-right:0 none */}

#contentInner > div:last-child { min-height:750px;border-bottom:0; }
#contentInner > div:first-child h3 { margin-top:0;  }
	
    /*강글리오*/ 	.ganglio .conMenuList ul li a:hover,.ganglio .conMenuList ul li a:focus,.ganglio .conMenuList ul li.on a{background:#472818;}
    /*너구리*/		.nuguri .conMenuList ul li a:hover,.nuguri .conMenuList ul li a:focus,.nuguri .conMenuList ul li.on a{background-color:#b6161b;}

    /*둥지냉면*/ 	.doongji .conMenuList ul li a:hover,.doongji .conMenuList ul li a:focus,.doongji .conMenuList ul li.on a{background-color:#1b63ab;}

    /*바릴라*/ 		.barilla .conMenuList ul li a:hover,.barilla .conMenuList ul li a:focus,.barilla .conMenuList ul li.on a{background-color:#00193d;}
    /*수미칩*/ 		.sumichip .conMenuList ul li a:hover,.sumichip .conMenuList ul li a:focus,.sumichip .conMenuList ul li.on a{background-color:#7b3500;}

    /*보노*/ 		.bono .conMenuList ul li a:hover,.bono .conMenuList ul li a:focus,.bono .conMenuList ul li.on a{background-color:#00883a;}

    /*안성탕면*/ 	.ansung .conMenuList ul li a:hover, .ansung .conMenuList ul li a:focus, .ansung .conMenuList ul li.on a{background-color:#e63105;}

    /*웰치스*/ 		.welch .conMenuList ul li a:hover, .welch .conMenuList ul li a:focus, .welch .conMenuList ul li.on a{background-color:#4d4175;}
    /*짜파게티*/ 	.jjapa .conMenuList ul li a:hover, .jjapa .conMenuList ul li a:focus, .jjapa .conMenuList ul li.on a {background-color:#523500;}

    /*튤립햄*/	 	.tulip .conMenuList ul li a:hover, .tulip .conMenuList ul li a:focus, .tulip .conMenuList ul li.on a{background-color:#d8385c;}

	/*쿡탐*/          .CookTam .conMenuList ul li a:hover, .tulip .conMenuList ul li a:focus, .CookTam .conMenuList ul li.on a{background-color:#2b7700;}

	li.on_face_book a { background-image:url('../images/common/btn_face_now_off.png');background-position: center; background-repeat: no-repeat; padding:0 73px !important; text-indent:-9999px; overflow:hidden; display:block; }

	li.on_face_book a:hover, li.on_face_book.on a {background-image:url('../images/common/btn_face_now_on.png');background-position: center; background-repeat: no-repeat; padding:0 73px; text-indent:-9999px; overflow:hidden; display:block;}


/*제목 및 텍스트*/
.titTxt{font-size:2.35em;line-height:1;color:#000;margin:0 0 30px; padding-top:40px; }
.titTxt02{padding-top: 8px;color: #1a1a1a;font-size: 1.9em;line-height:1;background: url('../images/bg/bgTitLine.gif') no-repeat;}

.titTxt2{padding-top: 4px;padding-bottom: 13px;color: #1a1a1a;font-size: 1.9em;background: url('../images/bg/bgTitTxt2.gif') no-repeat;}
.titTxt3{padding-top: 5px;padding-bottom: 22px;color: #1a1a1a;font-size: 1.4em;background: url('../images/bg/bgTitTxt3.gif') no-repeat;}

.subTxt{margin-bottom:20px;line-height:1;}
/*.titTxt3 + .subTxt{margin-top:-24px;}*/

/*쿡탐 브랜드 이야기*/
.titCon { font-size:19px; color:#666666; letter-spacing:-1px; margin-bottom:35px; }
.cook_tab li { width:33.33%; float:left; }
.cook_tab { margin:50px 0 20px; }
.cook_tab ul:after { display:block; content:""; clear:both; }
.cook_tab li img { width:100%; }
.cook_con { min-height:auto !important; }
.cook_con div { overflow:hidden; }
.cook_con div h4 { background: url('../images/CookTam/division_01.gif') left top no-repeat; padding-top:7px; font-size: 24px; color:#1a1a1a; margin:45px 0 35px;}



.summary{color:#2b2b2b;font-size:18px;margin-bottom:25px;}

/*story*/
.story{position:relative;padding-bottom:35px;}
.story .img{position:absolute;top:0;left:0;width: 18.2%;}
.story .img img{width:100%}
.story>div{margin-left: 19.2%;}
.story > p > img { width:100%; }

.tabmenu{margin-bottom:40px;}
.tabmenu ul{height:39px;border-bottom:1px solid #bec7d0;}
.tabmenu ul li{float:left;border:1px solid #bec7d0;}
.tabmenu ul li + li{margin-left:-1px;}
.tabmenu ul li a{display:block;padding: 8px 30px;font-size:1.1em;text-align:center;background:#fff;}
.tabmenu ul li a:hover,.tabmenu ul li a:focus,.tabmenu ul li a:active ,.tabmenu ul li.on a{color:#fff;background:#e60013;}
.tabmenu.type2{margin-bottom:0;}

    /*너구리*/		.nuguri .tabmenu ul li a:hover, .nuguri .tabmenu ul li a:focus, .nuguri .tabmenu ul li a:active, .nuguri .tabmenu ul li.on a{background:#a00e12;}
    /*둥지냉면*/		.doongji .tabmenu ul li a:hover, .doongji .tabmenu ul li a:focus, .doongji .tabmenu ul li a:active, .doongji .tabmenu ul li.on a{background:#1b63ab;border-color:#114c87;}
    /*신라면블랙*/	.black .tabmenu ul li a:hover, .black .tabmenu ul li a:focus, .black .tabmenu ul li a:active, .black .tabmenu ul li.on a{background:#a5291d;}
    /*웰치*/			.welch .tabmenu ul li a:hover, .welch .tabmenu ul li a:focus, .welch .tabmenu ul li a:active, .welch .tabmenu ul li.on a{background:#2e254a;}
    /*튤립햄*/		.tulip .tabmenu ul li a:hover, .tulip .tabmenu ul li a:focus, .tulip .tabmenu ul li a:active, .tulip .tabmenu ul li.on a{background:#091d48;}
    /*수미칩*/		.sumichip .tabmenu ul li a:hover, .sumichip .tabmenu ul li a:focus, .sumichip .tabmenu ul li a:active, .sumichip .tabmenu ul li.on a{background:#a5291d;}
    /*바릴라*/		.barilla .tabmenu ul li a:hover, .barilla .tabmenu ul li a:focus, .barilla .tabmenu ul li a:active, .barilla .tabmenu ul li.on a{background:#00193d;}

/*제품소개*/
.product{position:relative;padding-bottom:35px;}
    .productListWrap{width:106px;position:absolute;left:0;top:0;}
    .productListWrap > div{position:relative;overflow:hidden;}
    .productListWrap > a{display: block;width: 100%;height: 30px;text-indent: -999em;}
    .productListWrap .prev {background: url('../images/common/btnSlidePrev.gif') no-repeat center top;}
    .productListWrap .next {background: url('../images/common/btnSlideNext.gif') no-repeat center bottom;}
    .productList{position:relative;top:0;}
    .productList li{position:relative;margin-bottom:1px;width:104px;height:104px;border:1px solid #d2d2d2}
    .productList li img{width:100%}
    /*.productList li + li{margin-top:1px;}*/
    .productList li a{display:block;}
    .productList li.on a span,.productList li a:hover span,.productList li a:focus span{border:4px solid #ff1111;position:absolute;left:2px;right:2px;top:2px;bottom:2px;}
    .productBox{position:relative;margin-left:136px;padding:19px;border:1px solid #d7d7d7;background:#f9f8f3;overflow:hidden;}
        .productLeft{float:left;width: 48.9%;}
        .productLeft p {display:block; border:1px solid #b2b2b2;text-align: center;height: 435px; line-height:435px; background: #fff; vertical-align:middle; overflow:hidden} /* 20161103 오류로 인한 수정 */
        .productLeft img{width: auto;max-width: 100%;}
        .productRight{position:relative;float:right;width: 48.9%;}
        .productRight .tit{padding:15px 0 8px;display:block;float:left;margin-bottom:27px;border-bottom:4px solid #db1d2d;color:#272727;font-size:1.9em;line-height:1;word-break: break-all;}
        .introductionList{margin-bottom:17px;clear:both}
        .introductionList li{float:left;width:24%;margin-right:1%;}
        .introductionList li > div{text-align:center;padding:5px 0;border:1px solid #c9c9c9;border-radius:3px;background:#fff;overflow:hidden}
        .introductionList li > div > p,.introductionList li > div > div{font-size:1.077em;color:#000000;padding:5px 0;font-weight:bold}
            .introductionList .full{width:74%;}
            .introductionList .full > div{position:relative;padding: 30px 0 20px 72px;min-height:88px;}
            .introductionList .full > div > img{position:absolute;left:16px;top:31px;}
            .introductionList .full > div > div{padding: 0 10px;text-align:left}
        .productView{display:none;}
        .productBox .btnSec{margin-bottom:45px;}
        /* .productBox .btnSec a{display: inline-block;padding: 0 0 0px 19px;line-height: 40px;margin:0 0 3px 0;background: #d78410;border: 0 none;border-bottom: 1px solid #ac670f;border-radius: 3px;box-shadow: 0px 0px 3px #999;font-size: 1.15em;color: #fff;vertical-align: middle;} */
        .productBox .btnSec a{display: inline-block;padding: 0 0 0px 19px;height: 41px;margin:0 0 3px 0;vertical-align: middle;background: url('../images/common/btnProduct.gif') left 0 no-repeat;}
        .productBox .btnSec a span{display: block;padding-right: 19px;line-height:40px;font-size: 1.15em;color: #fff;text-align: center;background: url('../images/common/btnProduct.gif') right 0 no-repeat;}

        .noodleType{position:absolute;right:0;top:20px;}
        .noodleType > a{display: inline-block;line-height: 20px;font-size:0.9em;font-weight:bold;padding-left:37px;}
        .noodleType > a span{display:inline-block;border-bottom:1px solid #70706e;line-height: 1.2;}
            .noodleType.type1 a{background:url('../images/bg/noodleType1.gif') no-repeat;}
            .noodleType.type2 a{background:url('../images/bg/noodleType2.gif') no-repeat;}
            .noodleType.type3 a{background:url('../images/bg/noodleType3.gif') no-repeat;}
            .noodleType.type4 a{background:url('../images/bg/noodleType4.gif') no-repeat;padding-left: 46px;}
            .noodleType.type5 a{background:url('../images/bg/noodleType5.gif') no-repeat;}
        .layerNoodle{display:none;position:absolute;top:73px;left:0;width:100%;border: 1px solid #e0dfda;background:#fff;}
        .layerNoodle > div{padding:0px 6.32%;border-top: 5px solid #ff1818;border-bottom: 5px solid #ccc}
        .layerNoodle h1{padding: 13px 0;font-size:1.9em;border-bottom:1px solid #ff1818;color:#000000}
        .layerNoodle > div > p{padding:25px 5px 30px}
        .layerNoodle .layerNoodleOff{position:absolute;top:25px;right:7%;width:23px;height:23px;background: url('../images/common/btnLayerOff.gif') no-repeat;text-indent:-9999px}

        /*썸네일*/
        .thumbnail{position:absolute;bottom:19px;left: 51%;z-index:10}
        .thumbnail li{float:left;margin-bottom:2px;width:102px;}
        .thumbnail li + li{margin-left:2px;}
        .thumbnail li a{display:block;border:1px solid #dedede;overflow: hidden;position:relative}
        .thumbnail li a img{width:100%}
        /*
        .thumbnail li a img{
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
            filter: gray;
            -webkit-filter: grayscale(100%);
        }
        .thumbnail li.on a img,.thumbnail li a:hover img,.thumbnail li a:focus img{
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter …\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
            -webkit-filter: grayscale(0%);
        }
        */
        .thumbnail li a span{position:absolute;left:2px;right:2px;top:2px;bottom:2px;background:#000;opacity:0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
        .thumbnail li.on a span{border:4px solid #ff1111;background:none;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
    /*텍스트 영역*/
    .productTxt{margin-left:136px;overflow:hidden}
    .productTxt>.titTxt02{margin-top:40px}
    .productTxt>div{position:relative;margin-top:20px;}
    .productTxt>div font{font-family:NGnormal !important;}
    .productTxt .layerOn{text-decoration: underline;}
    .ingredient ul li{float:left;text-align:center;margin-right:10px;margin-bottom:10px;}
    .ingredient figcaption{margin-top:5px}

    .txtDl{margin-top:20px;}
    .txtDl dt{padding-left:11px;background:url('../images/bg/bgTxtDl.gif') no-repeat 4px 7px;}
    .txtDl dd{padding-left:11px;}

/*제품메뉴*/
.introduceMenu{margin-bottom:20px;}
.introduceMenu li{float:left;width:175px;margin-right:38px;margin-bottom:5px;}
.introduceMenu li a{display:block;border:1px solid #b2b2b2;}
.introduceMenu li a img{width:100%}
.introduceMenu li p{padding:11px 0;font-size:0.9em;color:#333333;text-align:center;overflow: hidden;height:50px;}


/*TV CF*/
.tvcfList{position:relative;padding:0 60px 30px}
    .tvcfList .bx-wrapper{margin-left:0 !important}
    .tvcfList ul{width:10000px;}
    .tvcfList ul li{float:left;width:165px;margin-right:30px;}
    .tvcfList ul li a{display:block}
    .tvcfList ul li a em{display:block;position:relative;}
    .tvcfList ul li a i{display:none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;border: 3px solid #e60000;background: url('../images/component/bgMovie.gif') 10px 90% no-repeat;}
    .tvcfList ul li.on a i, .tvcfList ul li a:hover i, .tvcfList ul li a:focus i, .tvcfList ul li a:active i{display:block}
    .tvcfList ul li a img{width:100%;height:85px;}
    .tvcfList ul li a span{display:block;padding:5px;height:33px;overflow:hidden;}
    .tvcfList .bx-controls-direction a{display:block;position:absolute;width:15px;height:93px;text-indent:-999em;top:0;}
    .tvcfList .bx-controls-direction a.disabled{display:none}
    .tvcfList .bx-prev{background:url('../images/common/btnPrevMovie.gif') no-repeat center center;left:22px;}
    .tvcfList .bx-next{background:url('../images/common/btnNextMovie.gif') no-repeat center center;right:22px;}
    /*view*/
    .tvcfView{border-top:2px solid #e60000;border-bottom:2px solid #e60000;position:relative;padding:25px 0;margin:0 60px 35px;}
    .tvcfView .bgTvcfView{width:19px;height:12px;position:absolute;top:-2px;left:0%;background:url('../images/common/bgTvcfView.png') no-repeat;}
    .tvcfViewInner{width:730px;margin:0 auto;position:relative;}
    .tvcfView .tit{font-size:1.846em;color:#333333;margin-bottom:10px;margin-right:145px;}
    .tvcfView .txt{margin-top:20px;}
    .tvcfBtn{position:absolute;top:4px;right:0;}
    .tvcfView .tvcfBtn img{width:auto}
    .tvcfView .laoding{display:none;position:absolute;left:0;top:0;height:100%;width:100%;background:#fff url('../images/common/loding.gif') no-repeat 50% 50%;z-index:1}
    /*동영상 영역*/
    .movieWrap{position:relative;}
    .movie{width: 67.2%;}
    .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; /*height: 0; */overflow: hidden; width: 100% ;}
    .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    /*자막*/
    .caption{width: 32.8%;position: absolute;right: 0;top: 0;height: 100%;}
    .caption textarea{display:block;position: absolute;top:0;left:0;width:94%;height: 94%;padding:3%;margin:0;resize:none;border:1px solid #abadb3;border-left:0 none;/*display:none*/}
    .showCaption textarea{display:none;}
    .showCaption textarea:first-child{display:block;}

/*추천레시피*/
.galType01{margin-top: -20px;font-size: 0.9em;background:url('../images/bg/bgLine.gif') repeat-x 0 bottom}
.galType01 li{position:relative;float:left;width:145px;padding:20px 16px 12px;border-bottom: 1px dashed #cccccc;}
.galType01 li a{display:block;}
.galType01 li a>span{display:block;}
.galType01 .img{display:block;height:180px;text-align:center;overflow:hidden; position:relative; }
.galType01 .img img{ height:100% }
.galType01 .tit{padding:7px 0 5px;text-align:center;height:19px;/*border-bottom:1px dashed #cccccc;*/color:#333;box-sizing: content-box;}
.galType01 .info{text-align:center;color:#000;}
.galType01 .info span + span{margin-left:10px;}
.galType01 + .noList{text-align: center;padding: 135px 0;margin-top:40px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.galType03 .noList{width:100%;text-align: center;padding: 135px 0;min-height:inherit;}
.noList{text-align: center;padding: 135px 0;border-bottom: 1px solid #d9d9d9;}

/*포토갤러리*/
.gallery{position:relative;}
.galleryPaging a{display:block;position:absolute;top:50%;margin-top:-18px;width:37px;height:59px;background:url('../images/common/listArrow.png') no-repeat;text-indent:-999em}
.galleryPaging .prev{left:90px;background-position:left bottom;}
.galleryPaging .prev:hover{background-position:left top;}
.galleryPaging .next{right:90px;background-position:right bottom;}
.galleryPaging .next:hover{background-position:right top;}
.gallery>div{width:755px;margin:0 auto;overflow:hidden;position:relative;}
.gallery>div>div{width:50000px;overflow:hidden;position:relative;}
.gallery ul{width:755px;float:left;}
.gallery li{width:146px;height:146px;/*float:left;margin:0 5px 5px 0;*/position:absolute;margin-bottom:4px;}
.gallery li > a{display:block;height:100%;border:1px solid #bbbbbb}
.gallery li > a > img{width:100%;height:100%;display:block;}
.gallery li.big{width:297px;height:297px;}
.gallery li > div{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/bg/bgGalBox.png');overflow:hidden;}
.gallery li.hover > div{display:block}
    .galBox{margin:20px;color:#fff;}
    .galBox a{text-decoration:underline;display:block;margin-top:10px;}
    .galTit{font-size:1.077em;}
    .galTxt{display:none}
    .galcount{display:block;text-align:center;position:absolute;bottom:0;left:0;padding:10px 0;margin:0 5%;width: 90%;border-top:1px solid #666;color:#fff;font-size:0.85em;letter-spacing: -1px;}
    .galcount span img{width:12px;margin-right:5px;}
    .galcount span + span{margin-left:8px;}
    .big .galBox{font-size:1.077em;}
    .big .galTit{font-size:18px;}
    .big .galTxt{display:block;margin-top:8px;}
    .big .galcount{font-size:1.077em;}
    .big .galcount span img{width:18px;}
    .big .galcount span + span{margin-left:20px;}
.tabBoxWrap .galleryPaging .prev{left:18px;}
.tabBoxWrap .galleryPaging .next{right:18px;}
.galleryWrap{padding-bottom:16px; border-bottom:1px solid #cccccc;}
.galleryWrap2{}
.noGallery{position: relative;left: -5px;width: 746px;margin: 0px auto 20px;height:449px;background:url('../images/bg/bgNoGallery.jpg') no-repeat center center;overflow: hidden;}
.noGallery span{display:block;color:#333333;text-align:center;}
.noGallery span:first-child{margin-top:305px}


/*광고와다이어리 : B타입*/
.tabBoxWrap{position:relative;}
.tabBoxWrap>div{margin-left:136px;overflow:hidden}
.tabBoxWrap>div.marginL0 { margin-left:0; }
.tabBoxWrap .tabBox{position:absolute;left:0;top:0;}
.tabBoxWrap .tabBox li{margin-bottom:1px;width:106px;}
.tabBoxWrap .tabBox li a{display:block;padding:41px 0;background:#727880;color:#fff;text-align:center;font-size:1.15em;}
.tabBoxWrap .tabBox li.two a{padding:29px 0;}
.tabBoxWrap .tabBox li.on a{background:#e60013;}

.galType02{position:relative;}
.galType02 ul{border-bottom:1px solid #ccc;}
.galType02 li{width:165px;float:left;padding-right:21px;margin-bottom:16px;}
.galType02 li.on{margin-bottom:423px;}
.galType02 li.clear{clear:both;}
.galType02 li a{display:block}
.galType02 li a span{display:block;position:relative;}
.galType02 li a span i{display:none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;border: 3px solid #e60000;}
.galType02 li a span img{width:165px;height:93px;}
.galType02 li a em{display:block;font-style:normal;margin: 10px 0px;height:38px;font-size:0.923em;color:#333333;overflow:hidden;}
/*.galType02 li.on{margin-bottom:443px;}*/
.galType02 li.on a i,.galType02 li a:focus i,.galType02 li a:hover i,.galType02 li a:active i{display:block}
/*
.galType02 li.on a span{border:3px solid #e60000;overflow: hidden;}
.galType02 li.on a span img{margin:-2px 0 -1px}
*/
.galType02 #viewMovie{display:none;position:absolute;top: 159px;left:0;width:100%;margin: 0 0px 0px; background:#fff;z-index: 10}
#adPlay li a span i{background: url('../images/component/bgMovie.gif') 10px 90% no-repeat;}
#adPlay2 li a span i{background: url('../images/component/bgMovie.gif') 10px 90% no-repeat;}

#viewMovie .bgTvcfView{left:0;}

#adPlay2 #viewMovie{display:block;}

#viewMovie + .board-paging{margin-bottom:200px;}

/*다이어리*/
.dairyList{padding-right:20px;background:url('../images/bg/bgDiary.gif') repeat-y right top;}
.dairyList ul{padding-left:27px;background:url('../images/bg/bgDiary.gif') repeat-y left top;}
.dairyList ul li{float:left;width:157px;height:265px;padding-bottom:30px;padding-right: 20px;margin-bottom: 23px;background:url('../images/bg/bgDiaryLi.gif') repeat-x left bottom;}
.dairyList ul li a{display:block;position:relative;}
.dairyList ul li a span{display:block}
.dairyList ul li .book{padding-right:12px;background:url('../images/bg/bgDiaryBook.gif') no-repeat top right;}
.dairyList ul li .img{border:1px solid #b4b4b4}
.dairyList ul li .img i{position:absolute;left:0;top:0;width:50px;height:100%;background:url('../images/bg/bgDiaryLight.png') repeat-y left top;}
.dairyList ul li .bg{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:#000; opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;}
.dairyList ul li .txt{display:none;position:absolute;width:100%;height:100%;left:0;top:0;font-size:0.9em;color:#fff}
.dairyList ul li .txt strong{display:block;font-size:1.15em;color:#fecc00;margin:20px 20px 10px}
.dairyList ul li .txt span{margin:0 20px;}
.dairyList ul li .txt .link{position:absolute;bottom:20px;left:20px;text-decoration:underline;margin:0;}
.dairyList ul li .tit{margin-top:15px;margin-right:12px;font-size:0.9em;color:#333;}
.dairyList ul li .date{margin:5px 0;font-size:10px;}
.dairyList ul li a:hover .bg,.dairyList ul li a:focus .bg{display:block}
.dairyList ul li a:hover .txt,.dairyList ul li a:focus .txt{display:block}

/*함께*/
.together{border-bottom:1px dashed #cccccc;margin-bottom:50px;}
.together .img{float:left;width:18.45%;margin-left:1.28%;margin-top:12px;}
.together .img img{width:100%}
.together > div{margin-left:21.13%}
.together li{padding-left:9px;background:url('../images/bg/bgDot2.gif') no-repeat 0 8px;}
.together h5{font-size:1.1em;color:#1a1a1a;}
.together .info{padding-bottom:16px;border-bottom:1px dashed #cccccc}
.together .info ul{margin-top:16px;}
.together .note{padding:16px 0}

.shareURL{padding:18px 0 15px;margin-bottom:40px;border:1px solid #d7d7d6;background:#f9f8f3;text-align:center}
.shareURL p{font-size:0.9em}
.shareURL div{}
.shareURL div>span{font-size:1.4em;font-weight: bold;letter-spacing: -1px;vertical-align: middle;}
.shareURL div input{width:550px;height:24px;line-height:24px;margin:0 10px;padding:0 9px;border:1px solid #abadb3;font-size:1.1em;}
.shareURL div button{vertical-align: middle;}

/*성분표시 레이어*/
.layerBox{display:none;position:fixed;left:50%;top:50%;width:600px;/*height:410px;*/padding:0 20px;/*margin-left:-320px;margin-top:-255px;overflow: auto;*/background:#fff;border-top:5px solid #d93030;border-bottom:5px solid #cccccc;z-index:1001}
.layerBox h1{padding: 15px 0;border-bottom:1px solid #d93030;font-size:24px;color:#010101;}
    .layerSrch{padding:15px 0 14px;text-align:center;border-bottom:1px solid #e5e5e5;}
    .layerSrch .iptTxt {width: 293px;padding-left: 5px;background: #f7f7f7;border: 1px solid #d7d7d7;border-right: 0 none;height: 24px;line-height: 24px;margin: 0;}
    .layerSrch ul{margin-top:10px;}
    .layerSrch li{display:inline;margin:0 -1px;}
    .layerSrch li a{display:inline-block;width:20px;margin-bottom:1px;line-height:20px;color:#fff;background:#545454;text-align:center;font-size:11px;}
    .layerSrch li a.all{width:35px;}
    .layerSrch li.on a,.layerSrch li a:hover,.layerSrch li a:focus{background:#fe1818;}
    .layerCon{min-height:346px}
    .layerOff{display:block;position:absolute;top:27px;right:32px;width:23px;height:23px;background:url('../images/common/btnLayerOff.gif') no-repeat;text-indent:-999em;}

    .layerViewWrap{}
    .layerView{color:#333;padding:20px 10px;}
    .layerView h2{font-size:16px;padding-bottom:10px;}
    .layerView .wImg{margin-bottom:20px;text-align:center;}
    .layerView .wImg img{width:100%}
    .layerView .mtxt{position: absolute;left: -1000%;margin-bottom:20px;}
    .layerView + .layerView{border-top: 1px solid #e5e5e5;}

    .layerList{display:none;padding:20px 10px;}
    .layerList ul{padding-left:2.5%;}
    .layerList ul li{float:left;width:32.5%;margin-bottom:6px;}
    .layerList ul li a{display:block;font-size:1.077em;padding-left:15px;background:url('../images/bg/bgLayerList.gif') no-repeat left center;}

/*한마디 토크*/
/*
.oneMemoWrap{border-bottom:1px solid #cccccc;font-size:0.9em;height:1.8;}
.oneMemoWrap ul{margin-top:-10px;}
.oneMemoWrap ul li{position:relative;float:left;width:174px;height:136px;margin:10px 6px 20px;}
    .memoTop{padding:6px;background:#c0c0c0 url('../images/bg/bgMemoTop.gif') no-repeat left top;}
    .memoTop p{padding:15px 15px 8px;border-bottom:1px dashed #959595;color:#333333;}
    .memoBot{padding-bottom:9px;background:#ebebeb url('../images/bg/bgMemoBot.gif') no-repeat left bottom;}
    .memoBot p{padding:10px 0 7px;text-align:center;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;font-size:0.85em;}
    .memoBot p span + span{margin-left:20px;}
    .btnMemoDel{position:absolute;right:12px;top:11px;width:8px;height:7px;background:url('../images/common/btnMemoDel.png') no-repeat;text-indent:-9999em;}
*/
.memoWrap{padding:5px 5.80% 22px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background:#f2f2f2 url('../images/bg/bgMemoLine.png') no-repeat center top;}
.memoWrap ul{padding-top:40px;}
.memoWrap ul li{position:relative;width:46.84%;margin-top:28px;}
.memoWrap ul li:first-child{margin-top:-13px;}
.memoWrap ul li>div>div{height:70px}
.memoWrap ul li.left{float:left;}
.memoWrap ul li.left>div{padding-right:50px;background:#f2f2f2 url('../images/bg/bgMemoLeft.png') no-repeat right top;}
.memoWrap ul li.left>div>div{padding:10px 0px 10px 20px;background:#f2f2f2 url('../images/bg/bgMemoLeft.png') no-repeat left top;}
.memoWrap ul li.right{float:right;}
.memoWrap ul li.right>div{padding-left:45px;background:#f2f2f2 url('../images/bg/bgMemoRight.png') no-repeat left top;}
.memoWrap ul li.right>div>div{padding:10px 25px 10px 0;background:#f2f2f2 url('../images/bg/bgMemoRight.png') no-repeat right top;}
.memoWrap ul li .info{font-size:0.9em}
.memoWrap ul li .txt{margin-top:6px;padding-left:25px;min-height:38px;font-size:1.1em;color:#333333;overflow:hidden;background:url('../images/bg/bgPencle.gif') no-repeat left center;}
.memoWrap .btnMemoDel{position:absolute;top:13px;width:11px;height:11px;background:url('../images/common/btnMemoDel.gif') no-repeat;text-indent:-9999em;}
.memoWrap .left .btnMemoDel{right:41px;}
.memoWrap .right .btnMemoDel{right:13px;}

.memoForm{margin-bottom:30px;font-size:0.9em;}
    /*.memoFormTop{height:121px;}*/
    .memoFormTop > div{}
    .memoFormTop p{color:#1a1a1a;padding:24px 0;font-size:2.25em;font-family:NGbold;text-align:center;}
    .memoFormTop p .iptWrap{display:inline-block;width:360px;padding:0 5px;height:37px;border:4px solid;background:#fff;}
    .memoFormTop p .iptWrap input{color:#1a1a1a;width:100%;height:28px;margin:0;padding:0;border:none;vertical-align: inherit;}
    .memoFormTop p span{margin:0 10px;}
    .memoFormBot{padding-bottom:10px;background:#fff url('../images/bg/bgMemoForm.gif') no-repeat left bottom;}
    .memoFormBot > div{padding:10px 0 6px;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;}
    .memoFormBot > div > ul{width:380px;margin:0 auto}
    .memoFormTop p button{vertical-align: middle;margin-left:10px;}

        .ganglio .memoFormTop{background:#764829 url('../images/ganglio/bgMemoForm.gif') no-repeat left top;}
        .ganglio .memoFormTop p{color:#fff}
        .ganglio .memoFormTop p span{border-color:#c1a694}

        .bono .memoFormTop{background:#dcce76 url('../images/bono/bgMemoForm.gif') no-repeat left top;}
        .bono .memoFormTop p span{border-color:#86751d}

        .sumichip .memoFormTop{background:#e7ddcc url('../images/sumichip/bgMemoForm.jpg') no-repeat left top;}
        .sumichip .memoFormTop p span{border-color:#82491d}

        .tulip .memoFormTop{background:#dcc6a8 url('../images/tulip/bgMemoForm.jpg') no-repeat left top;}
        .tulip .memoFormTop p span{border-color:#133271}

/*포토제닉*/
.photogenic{position:relative;}
.photogenic .guidePop{position:absolute;right:0;top:-35px}
.photogenic .info{padding:20px 10px;margin-bottom:25px;font-size:0.9em;border-bottom: 1px solid #cccccc;}
.photogenic .info p{color:#494949}
.photogenic .info dl{margin-top:15px;}
.photogenic .info dt{float:left;padding-left:10px;font-weight:bold;background:url('../images/bg/bgDot3.gif') no-repeat left center;}
.photogenic .info dd{margin-left:90px;}

.photoLayer{position:absolute;left:0;top:8px;width:100%;background:#fff;z-index:100;display:none}
.photoLayer > div{border:1px solid #393939;}
.photoLayer .tit{background:#383838;padding:17px 2.14%}
.photoLayer .tit h1{padding-left:27px;background:url('../images/common/iconI.png') no-repeat left center;color:#fff;font-size: 1.25em;}
.photoLayer .cont{padding:25px 2.14%;font-size:0.9em;}
.photoLayer .cont dl{margin-bottom:20px;}
.photoLayer .cont dt{float:left;padding-left:10px;font-weight:bold;background:url('../images/bg/bgDot3.gif') no-repeat left center;}
.photoLayer .cont dd{margin-left:110px;}
.photoLayer .cont p{padding-left:10px;background:url('../images/bg/bgCommentList.gif') no-repeat left center;font-weight:bold}
.photoLayer .cont li{padding-left:10px;background:url('../images/bg/bgLi.gif') no-repeat left center;}
.photoLayer .close{position:absolute;right:2.14%;top:17px;}
.photoLayer .close a{display:block;width:23px;height:23px;background:url('../images/common/btnLayerOff.png') no-repeat;text-indent:-999em}

/* best photogenic_org
.bestList{overflow:hidden;width:758px;margin:45px auto 0}
.bestList h1{float:left; width:274px;height:131px;margin:0 6px 6px 0;background:url('../images/bg/bgBest.jpg') no-repeat;padding:15px 0 0 22px;color:#141414;font-size:1.4em;}
.bestList ul{float:left;}
.bestList li{float:left;width:146px;margin:0 5px 5px 0;}
.bestList li a{display:block}
.bestList li a span{display:block}
.bestList li a .img{border:1px solid #bbbbbb}
.bestList li a .img img{width:144px;height:144px;}
.bestList li a .txt{margin-top:10px;font-size:0.9em;line-height:1;text-align:center;color:#1a1a1a;}*/

/* best photogenic_new */
.bestList{overflow:hidden; /*width:758px;*/ margin:45px auto 0;}
.bestList h1{float:left; width:274px;height:131px;margin:0 6px 6px 0;background:url('../images/bg/bgBest.jpg') no-repeat;padding:15px 0 0 22px;color:#141414;font-size:1.4em; border:1px solid #f00;}
.bestList ul{float:left;}
.bestList li{float:left;width:181px;margin:0 6px 5px 0;}
.bestList li:last-child{margin-right:0;}
.bestList li a{display:block}
.bestList li a span{display:block}
.bestList li a .img{border:1px solid #bbbbbb}
.bestList li a .img img{width:181px;height:181px;}
.bestList li a .txt{margin-top:10px;font-size:0.9em;line-height:1;text-align:center;color:#1a1a1a;}
.bestList li.winner3{float:left;width:288px; text-align:center; margin:0 10px 15px 0!important;}
.bestList li.winner3 .last{margin-right:0;}
.bestList li.winner3 .img img{width:286px; height:286px;}


/*파스타 명소*/
.galType03{padding-bottom:5px;border-bottom:1px solid #cccccc;background: url('../images/bg/bgLine.gif') repeat-x 0 top;}
.galType03 li{position:relative;width:50%;float:left;padding:15px 0;border-top:1px solid #cccccc;min-height:170px;}
.galType03 li .img{position:absolute;top:15px;left:0;width:31.83%;height:170px;}
.galType03 li .img img{width:100%;height:100%}
.galType03 li > div{padding-left:37.45%;padding-right:6.55%}
.galType03 li > div .tit{margin-top:10px;font-size:1.2em;line-height:1em;color:#1a1a1a;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.galType03 li > div .address{margin:13px 0;font-size:0.9em;line-height:1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.galType03 li > div .txt{height:80px;overflow:hidden;}


/*페이스북 리스트*/
.galType04{padding-bottom:5px;border-bottom:1px solid #cccccc;/*background: url('../images/bg/bgLine.gif') repeat-x 0 top*/;}
.galType04 li{position:relative;width:calc(25% - 30px);float:left;padding:0 0 30px 0;/*border-top:1px solid #cccccc; */text-align:center; margin-right:35px;}
.galType04 li:nth-child(4n) { margin-right:0 }
.galType04 li .img{  width: 243px; height: 250px; border:1px solid gray; display:block; box-sizing:border-box;}
.galType04 li .tit { display: block; padding-top:5px; text-align:left; width:250px; height:66px; overflow:hidden; }
.galType04 li .img img{ }
.galType04 li > div{padding-left:37.45%;padding-right:6.55%}
.galType04 li > div .tit{margin-top:10px;font-size:1.2em;line-height:1em;color:#1a1a1a;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.galType04 li > div .address{margin:13px 0;font-size:0.9em;line-height:1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.galType04 li > div .txt{height:80px;overflow:hidden;}

/*페이스북 리스트_B타입*/
.galType05{padding-bottom:5px;border-bottom:1px solid #cccccc;}
.galType05 li{position:relative; width: calc(25% - 35px);float:left;padding:0 0 30px 0;text-align:center; margin-right:35px;}
.galType05 li:nth-child(4n) { margin-right:0 }
.galType05 li .img{  width: 220px; height: 220px; border:1px solid gray; display:block; box-sizing:border-box;}
.galType05 li .tit { display: block; padding-top:5px; text-align:left; width:220px; height:80px; overflow:hidden; }


.viewContainer{position:relative;padding-bottom:10px}
.viewAside{position:absolute;left:0;right:0;width:166px;padding:8px;margin-left:10px;background:#f9f8f3;border:1px solid #d7d7d6;margin-bottom:10px}
.viewContent{margin-left:214px;padding-right:10px;}

#pastaRcp .layerAside{margin-left:0}

    .galType02.campaign{padding-bottom:50px;}
    .galType02.campaign ul{border:none}
    .galType02.campaign li{border-left: 1px solid #ccc;padding:0 21px;}
    .galType02.campaign li:first-child, .galType02.campaign li.noPad{padding-left:0;border:0 none}
    .galType02.campaign li a em{margin:10px 0 0}

    .galType02.parade li{margin-bottom:30px;}

.viewPhoto{display:none;position:absolute;border-top:2px solid #e60000;border-bottom:2px solid #e60000;width:100%;padding:68px 10.83% 30px;box-sizing: border-box;}
.viewPhoto .bg{width:19px;height:12px;position:absolute;top:-2px;left:0;background:url('../images/common/bgTvcfView.png') no-repeat;}
.viewPhoto .tit{font-size: 1.846em;color: #333333;margin-bottom: 10px;margin-top: -48px;padding-right: 60px;}
.viewPhoto .img{height:550px;background:#ccc;text-align:center;overflow:hidden;}
.viewPhoto .img img{height:100%;}
    .viewPhotoNavi a{display:block;position:absolute;top:50%;margin-top:-18px;width:37px;height:59px;background:url('../images/common/listArrow.png') no-repeat;text-indent:-999em}
    .viewPhotoNavi .prev{left:18px;background-position:left bottom;}
    .viewPhotoNavi .prev:hover{background-position:left top;}
    .viewPhotoNavi .next{right:18px;background-position:right bottom;}
    .viewPhotoNavi .next:hover{background-position:right top;}
.viewPhoto .btnSet{position:absolute;top:27px;right:10.83%}
.viewPhoto .btnSet img{width:auto}

/*UCC*/
.uccEvent{height:121px;padding-top:33px;margin-bottom:50px;padding-left:4.3%;background:#ececec url('../images/tulip/bgUccEvent.jpg') no-repeat center center;}
.uccEvent h1{margin-bottom:6px;color:#233a74;font-size:1.7em;}
.uccEvent p{font-size:1.1em;font-weight:bold}
.uccEvent p span{display:inline-block;/*width:75px;text-align:center;*/}

/*신제품*/
.newProductList{padding-top:15px}
.newProductList li{float:left;width:50%;margin-bottom:28px;}
.newProductList li > div{margin:0 10px;}
.newProductList li h1{padding-left:17px;margin-bottom:15px;background:url('../images/new/bgTit.gif') no-repeat left center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000000;font-size:1.7em;line-height:1;}
.newProductList li > div > div{position:relative;padding-left:39.88%;padding-bottom:30px;min-height:145px;}
.newProductList li .img{width:34.04%;position:absolute;left:0;top:0;}
.newProductList li .img span{display:block;border:1px solid #b2b2b2;}
.newProductList li .img img{width:100%}
.newProductList li h2{padding:7px 0 21px;line-height:1;color:#000000;font-size:1.25em;background:url('../images/new/bgLine.gif') no-repeat left bottom;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newProductList li .strong{margin:16px 0 5px;font-weight:bold;color:#1a1a1a}
.newProductList li .txt{height:60px;overflow:hidden;}
.newProductList li .btn{position:absolute;bottom:0;left:39.88%;}

/*선물세트*/
.giftBtn{position: absolute;left: 50%;text-align: center;bottom: 250px;margin-left: -420px;}
.giftBox{position:relative;margin-top:36px;padding-bottom:4px;border-bottom:1px solid #cccccc}
.giftBox h1{padding:4px 150px 8px 17px;padding-bottom:8px;margin-bottom:30px;border-bottom:3px solid #9e9e9e;background:url('../images/new/bgTit.gif') no-repeat left 8px;color:#000000;font-size:1.7em;line-height:1.2;}
.giftBox > .btn{position:absolute;right:0;top:0;}
.giftBox > div{padding-left:136px;position:relative;}
.giftBox .giftBrand{position:absolute;left:0;top:0}
.giftBox .giftBrand .img{border:1px solid #b4b4b4;width:104px;margin-bottom:5px;}
.giftBox .img img{width:100%}
.giftBox .giftList{}
.giftBox .giftList li{float:left;width:175px;margin-right:11px;margin-bottom:19px;text-align:center;}
.giftBox .giftList .img a{display:block;border:1px solid #b4b4b4;}
.giftBox .giftList .txt{padding-top:14px;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.giftView{}
.giftView .titTxt{overflow:hidden;}
.giftView .titTxt a{display:inline-block;margin-left:5px;}
.giftView .list{float:right}

/*story : 강글리오, 둥지냉면*/
.story2{position:relative;}
.story2>div{overflow:hidden;margin-bottom:40px;}
.story2 .box{position:absolute;width:106px;line-height:106px;background:#e60013;color:#fff;text-align:center;font-size:1.15em;}
/*20171101수정*/
.story2 .txt p{margin-bottom:24px;word-break:keep-all; }
.story2 .txt p strong{display:block;margin-bottom:7px;color:#1a1a1a;font-size:1.077em}

.story2 .img{text-align:left;margin-bottom:50px;}

.story2 .img2{float:left;width:27.03%}
.story2 .img2 img{width:100%}
.story2 .img2 + .txt{margin-left:29.18%;}

.imgArea.center{text-align:center}
.imgTxt{position: absolute;left:-10000px;overflow: hidden; font-size: 0; text-indent: -99999px;}
.imgTxt h1{margin:25px 0 10px;color: #1a1a1a;font-size: 1.15em;}
.imgTxt h1:first-child{margin-top:0;}
.imgTxt .imgTxtImg{margin:0 10px 15px;}
.imgTxt .imgTxtImg img{width:100%}
.imgTxt ol{padding-left:20px;}
.imgTxt ol + p{padding-left:10px;margin-top:10px;font-size:0.9em;color:#236689}
.imgTxt dl{padding-left:10px;margin-bottom:15px;font-size:1.1em;font-weight:bold;overflow:hidden;}
.imgTxt dt{clear:both;float:left}
.imgTxt dd{float:left;margin-left:5px;}
.webtoon{text-align:center}
.webtoon2{text-align:center}
.altTxt{position: absolute;left:-10000px;overflow: hidden; font-size: 0; text-indent: -99999px;}

.doongjiCook{padding:25px 0 35px 18.24%;}
.doongjiCook .blue{color:#095296;margin-bottom:27px;font-size: 1.1em;}
.doongjiCook .tip{padding-left:37px;background:url('../images/icon/iconTip.gif') no-repeat left 2px;font-size:0.9em}

.compareWrap{width:644px;margin:10px auto 0;font-size:1.1em}
.compareWrap .tit{padding:70px 0 0 78px;background:url('../images/doongji/bgCompareTit.gif') no-repeat left top;color:#1c1c1c;font-size:1.35em}
.compareWrap>div{overflow:auto;}
.compareWrap table{border-top:1px solid #68aecf;border-bottom:1px solid #68aecf;}
.compareWrap table th,.compareWrap table td{border-top:1px solid #e5e5e5;text-align:center}
.compareWrap table tr:first-child th,.compareWrap table tr:first-child td,.compareWrap .noline{border-top:0 none;}
.compareWrap table th{color:#3190bc;padding: 11px 0;}
.compareWrap table td{padding: 5px 0;}
.compareWrap table img{margin-left:5px;}
.mGuide{font-size:0.8em;display:none}

/*너구리*/
.nuguriStory{}
.nuguriStory>div{margin-bottom:25px;}
.nuguriStory > p, .nuguriStory > div > p{margin-bottom:22px;}
.nuguriStory p strong{color:#333;font-size:1.1em;display:block}
.nuguriStory img{width:100%}
.nuguriStory .tit{font-size:1.4em;color:#333}
/* .nuguriStory ul.his{margin-top:26px;} */
.nuguriStory ul.his li{margin-bottom:10px;}
.nuguriStory ul.his li strong{display:inline-block;width:100px;font-size:1.1em;font-weight:bold;color:#1a1a1a;}

.nuguriList{margin-bottom:33px;}
.nuguriList li{float:left;width:19.5%;padding-right:4%;margin-right:1%;background:url('../images/nuguri/bgNuguriList.gif') no-repeat right 40%;}
.nuguriList li.last{background:none;}
.nuguriList li .img{border:1px solid #acacac;}
.nuguriList li .txt{padding-top:7px;text-align:center;}

.nuguriStory .img01{width:76.12%;margin-bottom:27px;}
.nuguriStory .img02{width:66.65%;margin-bottom:27px;}
.nuguriStory .img03{width:100%;padding-bottom:27px;}
.nuguriStory .img03 + .titTxt3{margin-top:15px;}

.nuguriStory .downlord{overflow:hidden;}
.nuguriStory .downlord a{float:right;}

/*바릴라*/
.barillaStory{position:relative;}
.barillaStory img{}
.barillaStory .nolist{font-size:1.1em;color:#1a1a1a}
.barillaStory .nolist li  b{display:inline-block;width:80px;}
.barillaStory .dotlist li{padding-left:10px;font-size:1.1em;;color:#1a1a1a;background:url('../images/bg/bgDot3.gif') no-repeat left 10px;}
.barillaStory .dotlistv li p{font-size:0.85em;color:#666}
.barillaStory .numlist li{margin-bottom:7px;line-height:19px;padding-left:24px;}
    .numlist .num1{background:url(../images/barilla/num1.jpg) no-repeat;}
    .numlist .num2{background:url(../images/barilla/num2.jpg) no-repeat;}
    .numlist .num3{background:url(../images/barilla/num3.jpg) no-repeat;}
.barillaStory .noOlList li{padding-left:16px;text-indent:-16px;}
.barillaStory .txt1{font-size:2em;color:#1a1a1a;line-height:1;font-weight:bold}
.barillaStory .txt1 span{color:#e30613}
.barillaStory .txt2{margin:30px 0 20px;font-size:1.4em;color:#1a1a1a;line-height:1;font-weight:bold}
.barillaStory .txt2 span{color:#0052a0}

.bariTxt1{position:relative;padding-bottom:256px;}
.bariTxt1 .img{position:absolute;left:0;top:0;width:41.30%}
.bariTxt1 .img2{position:absolute;right:0;bottom:0;width:56.86%;}
.bariTxt1 > div{margin-left:42.38%;position: relative;z-index:1}
.bariTxt1 .engTxt{position:absolute;bottom:65px;right:25.21%;text-align:right;color:#d3a060;font-size:1.4em;z-index:1}

.bariTxt2{position:relative;}
.bariTxt2 .img{position:absolute;left:0;top:0;width:50%}
.bariTxt2 > div{margin-left:52%;}
.bariTxt2 .dotlist{padding-top:17px;}
.bariTxt2 .img2{margin-top:50px;}

.bariTxt3 .img{position:absolute;left:0;top:20px;width:31.97%}
.bariTxt3 .img2{position:absolute;right:0;bottom:0;width:32.18%}
.bariTxt3 > div{margin-left:31.97%;padding-bottom:89px;position:relative;z-index:1}
.bariTxt3 > div p{margin-bottom:22px;}

.bariTxt4{overflow:hidden;}
/*.bariTxt4 .img{width:45.70%;float:left;}
.bariTxt4 > div{width:51.82%;float:left;}*/
.bariTxt4 .img{width:30%;float:left;}
.bariTxt4 > div{width:70%;float:left;}
.bariTxt4 .txt2{line-height:1.8;margin:0 0 10px;}

.bariTxt5{overflow:hidden;}
.bariTxt5 .img{width:41.41%;float:left;margin-left:4.29%;}
.bariTxt5 > div{width:52.25%;float:right}
.bariTxt5 .txt2{line-height:1.8;margin:0 0 10px;}

.bariTxt6{overflow:hidden;}
.bariTxt6 .img{width:45.6%;float:left;}
.bariTxt6 > div{width:52.25%;float:right}
.bariTxt6 .img2{width:50.69%;margin-left:30.79%;float:left;}
.bariTxt6 div p{margin-bottom:19px;}

.bariTxt7{overflow:hidden;}
.bariTxt7 .img{width:27.03%;float:left;margin-bottom:20px;}
.bariTxt7 > div{width:70.81%;float:right}
.bariTxt7 div .titTxt3{margin-top:48px;}
.bariTxt7 div .titTxt3:first-child{margin-top:0}

.cookList{}
.cookList > p{margin-bottom:15px;}
.cookList li{margin-bottom:15px;height:127px;position:relative}
.cookList li img{position:absolute;left:0;top:0;}
.cookList li p{margin-left:170px;padding-top:15px;padding-left:22px;text-indent:-22px;background: url('../images/bg/bgTitTxt3.gif') no-repeat;}

.bariTxt8{}
.bariTxt8 p{margin-bottom:20px;}
.bariTxt8 ul{padding-top:16px;}
.bariTxt8 ul li{float:left;width:166px;margin:0 10px 38px}

/*보노*/
.bonoStory{position:relative;}
.bonoStory img{width:100%}
.bonoStory div>p{margin-bottom:20px;}
.bonoStory .titTxt3{margin:25px 0 0}
.bonoStory .titTxt3:first-child{margin-top:0;}
.bonoStory ul.his{}
.bonoStory ul.his li{margin-bottom:5px;position:relative;padding-left:60px;}
.bonoStory ul.his li strong{display:inline-block;position:absolute;left:0;top:0;width:60px;font-size:1.1em;font-weight:bold;color:#1a1a1a;}

.bonoTxt1{overflow:hidden;}
.bonoTxt1 .img{width:45.49%;float:left;}
.bonoTxt1 > div{width:52.49%;float:right}

.bonoTxt2{margin-top:30px;}
.bonoTxt2 li{float:left;width:299px;padding:0 15px 15px 0; box-sizing: border-box;}

.bonolist{}
.bonolist li{margin-bottom:20px;min-height:145px;position:relative}
.bonolist li img{position:absolute;left:0;top:0;}
.bonolist li p{margin-left:165px;padding-top:10px;background: url('../images/bg/bgTitTxt3.gif') no-repeat;}
.bonolist li p strong{display:block;margin-bottom:20px;font-size:1.4em;color:#1a1a1a}

/*수미칩*/
.sumiStory img{width:100%}
.sumiStory .mImg{display:none}
.sumiStory .titTxt3{margin-top:48px;}
.sumiStory .titTxt3:first-child{margin-top:0}
.sumiStory div>p{margin-bottom:25px;}
.sumiTxt1{overflow:hidden}
.sumiTxt1 .img{float:left;width:41.019%}
.sumiTxt1 > div{float:right;width:56.86%}
.sumiTxt1 > div > p{margin-bottom:45px;}
.sumiTxt2{overflow:hidden}
.sumiTxt2 .img2{float:left;width:29.24%}
.sumiTxt2 > div{float:right;width:67.5%}
.sumiTxt2 .tit{margin:7px 0;font-size:1.25em;color:#a14500;font-weight:bold}
.sumiTxt2 .txt{font-size:0.9em}
.sumiTxt2 .txt strong{display:block}
.sumiTxt3{position:relative;}
.sumiTxt3 .img{position:absolute;left:0;top:0;width:19.63%}
.sumiTxt3 > div{margin-left:21.88%;}
.sumiTxt4{position:relative;}
.sumiTxt4 .titTxt3{line-height:1.5em}
.sumiTxt4 .img{position:absolute;left:0;top:15px;width:32.18%}
.sumiTxt4 > div{margin-left:33.47%;}
.sumiTxt4 .txt{min-height:118px;padding-left:226px;padding-top:26px;font-size:1.1em;font-weight:bold;color:#b44606;background: url('../images/sumichip/sumiImg06.jpg') no-repeat;box-sizing: content-box;}
.sumiTxt5 .txt{min-height:45px;padding:15px 0 15px 127px;font-size:1.1em;font-weight:bold;color:#b44606;background: url('../images/sumichip/sumiImg07.jpg') no-repeat;}
.sumiTxt5 .titTxt3{line-height:1.5em}
.sumiTxt5 li{float:left;width:210px;padding-right: 23px;background: url('../images/sumichip/bgNext.gif') no-repeat right center;}
.sumiTxt5 li.last{padding-right:23px;background:none;}

/*신라면 블랙*/
.blackStory{}
.blackStory img{width:100%}
.blackStory a img{width:auto}
.blackStory .txt{margin-bottom:25px;}
.blackStory .bold{font-weight:bold;font-size:1.1em;color:#000000}
.blackTxt01{position:relative;}
.blackTxt01 .img{position:absolute;top:0;left:0;width:21.88%;}
/*.blackTxt01 .blackCon{padding-left:24.03%}*/
.blackTxt01 .img2{margin:35px 25px 70px 0;}
.blackTxt01 .img3{margin-bottom:10px;margin-right:25px;}
.blackTxt01 .img5{ text-align:center}
.blackTxt01 .img5 img { width:773px; height:504px; }
.blackTxt01 .img6 img { width:445px; }
.blackTxt01 .img7 { text-align: }
.blackTxt02 .list{}
.blackTxt02 .list li{width:31.22%;float:left;margin:0 1.05% 20px}
.blackTxt02 .list li img { width:100%; }
.blackTxt02 .map{overflow:hidden}
.blackTxt02 .map ul{width:19.78%;float:left}
.blackTxt02 .map ul li{margin-bottom:6px;}
.blackTxt02 .map ul li p{padding:4px 0;}
.blackTxt02 .map .world{float:right;width:78.11%}
.blackTxt02 .txt{margin-bottom:25px; word-break: keep-all;}
.blackTxt02 .bold{font-weight:bold;font-size:1.1em;color:#000000}
.blackTxt02 .recent_ads { margin-bottom:30px; }
.blackTxt02 .recent_ads img { float:left }
.blackTxt02 .recent_ads .right_text { float:left; width:calc(100% - 327px); padding-left: 20px; box-sizing: border-box;}
.blackTxt02 .recent_ads:after { display:block; content:""; clear:both; }
.black_left, .black_right { width:50%; }
.black_left { text-align:left; float:left;  }
.black_right { text-align:right; float:right;  }
.black_right h5 { text-align:left; margin-left:20px;}
.marginT40 { margin-top:40px; }

/*안성탕면*/
.ansungStory{}
.ansungStory img{width:100%}
.ansungStory .txt{margin-bottom:25px;}
.ansungStory .strong{color:#333333;font-size:1.15em;font-weight:bold}
/* .ansungStory ul.his{margin-top:26px;} */
.ansungStory ul.his li{margin-bottom:10px;position:relative;padding-left:100px;}
.ansungStory ul.his li strong{display:inline-block;position:absolute;left:0;top:0;width:100px;font-size:1.1em;font-weight:bold;color:#1a1a1a;}
.ansungTxt01 .img{width:100%;margin-bottom:25px;}
.ansungTxt02 .board-text{width:50%}
.ansungTxt02 .board-text + p{color:#000000;margin-top:17px;font-size:0.9em}

/*웰치*/
.welchStory{overflow:hidden}
.welchStory .img{float:left;width:41.91%}
.welchStory .img img{width:100%}
.welchStory .welchCon{float:right;width:56.22%}
.welchStory .welchCon p{margin-bottom:30px;}
.madelist{padding-bottom:40px;}
.madelist li{float:left;width:144px;padding-right:42px;margin-bottom:10px;background:url('../images/welch/bgMadeli.gif') no-repeat 156px center;}
.madelist li.last{background:none;}
.madelist li a{display:block;border:3px solid #e1e1e1;}
.madelist li a:focus,.madelist li a:hover, .madelist li a:active, .madelist li.on a{border-color:#8672d3}
.madelist li a img{width:100%}
.madeBox{min-height:300px;}

/*짜파게티*/
.jjapaStory{}
.jjapaStory .img img{width:100%}
.jjapaStory .txt{margin-bottom:25px;}
.jjapaStory .his{}
.jjapaStory .his li{margin-bottom:10px;position:relative;padding-left:100px;}
.jjapaStory .his li strong{display:inline-block;position:absolute;left:0;top:0;width:100px;font-size:1.1em;font-weight:bold;color:#1a1a1a;}
.jjapaTxt1{overflow:hidden;margin-bottom:30px;}
.jjapaTxt1 .img{float:left;width:35.94%}
.jjapaTxt1 .jjapaCon{float:right;width:62.23%}
.jjapaTxt1 .strong{font-size:1.15em;color:#543700;margin-bottom:10px;}
.jjapaTxt2{overflow:hidden;margin-bottom:30px;}
.jjapaTxt2 .img{float:right;width:53.52%}
.jjapaTxt2 .jjapaCon{float:left;width:41.3%}
.jjapaList{margin-bottom:35px;}
.jjapaList li{float:left;padding-right:34px;margin-right:5px;margin-bottom:15px;background:url('../images/jjapa/bglist.gif') no-repeat right center;}
.jjapaList li.last{padding-right:0px;margin-right:0px;background:none}

/*튤립햄*/
.tulipStory{ position:relative;}
.tulipStory img{}
.tulipStory .txt{margin-bottom:20px;}
.tulipStory .btn_site_go{ position:absolute; top:52%; right:6.5%; width:16%; height:3%; display:block; }

.tulipTxt01{overflow:hidden;}
.tulipTxt01 .img{float:left;width:35.4%}
.tulipTxt01 .tulipCon{float:right;width:62.66%}
.tulipTxt02{overflow:hidden;margin-top:30px;}
.tulipTxt02 .tulipCon{float:left;width:70.8%}
.tulipTxt02 .img{float:right;width:25.42%}
.tulipTxt03{overflow:hidden;margin-top:27px;}
.tulipTxt03 .img{float:left;width:40.23%}
.tulipTxt03 .tulipCon{float:right;padding-top:50px;width:56.86%}
.tulipTxt04{overflow:hidden;}
.tulipTxt04 .img{float:left;width:27.9%}
.tulipTxt04 .tulipCon{float:right;width:69.74%}
.tulipTxt04 p{margin-bottom:35px;}
.tulipTxt04 ol{margin-bottom:45px}
.tulipTxt04 ol li{padding-left:15px;text-indent:-15px;}

/*안성탕면 3.1절 기부 캠페인*/
.ansung_box { background:url('../images/ansung/box_top.jpg'), url('../images/ansung/box_bottom.jpg'), url('../images/ansung/box_center.jpg'); background-size:100%; background-position:left top, left bottom, left center; background-repeat:no-repeat, no-repeat, repeat-y; margin-left:0 !important; letter-spacing:-0.05em }
.ansung_box .visual { padding-top:111px; }
.ansung_box h3.title { text-align:center; padding: 80px 0 34px; }
.ansung_box h3.title.h3 { padding: 62px 0 34px; }
.ansung_box h3.title.h2 { padding: 69px 0 34px; }
.ansung_box .txt { text-align:center; }
.ansung_box .explanation { padding-left: 407px; background:url('../images/ansung/bg_01.png') 99px center no-repeat; margin:50px 0; padding-right:134px;}
.ansung_box .explanation dt { margin-bottom:10px; }
.ansung_box .explanation dd { font-size:18px; color:#333333; line-height:28px; margin-bottom:55px;word-break:keep-all; }
.ansung_box .explanation_01 { padding:0 108px 0;  }
.ansung_box .explanation_01 h4, .ansung_box .explanation_01 ul { float:left }
.ansung_box .explanation_01 h4 { width:129px; }
.ansung_box .explanation_01 h4 img { margin-top:-16px; }
.ansung_box .explanation_01:after { display:block; content:""; clear:both; }
.ansung_box .explanation_01 ul { width:calc(100% - 129px); }
.ansung_box .explanation_01 li { font-size:14px; color:#333333;text-indent: -8px; padding-left: 9px; }
.ansung_box .explanation_01 li:last-child { font-size:12px; text-indent:0px; padding-left:0; color:#666;}
.ansung_box .table_style { width:60%; margin:20px auto 30px; background:white}
.ansung_box .table_style th { font-size:18px; font-family: NGBold; color:#333333; border-top: 1px solid #aeacab;border-bottom: 1px solid #aeacab; background:#f7f7f7; padding:8px;}
.ansung_box .table_style thead th:nth-child(1) { border-right:1px solid #e0e0e0 }
.ansung_box .table_style td { font-size:18px; font-family: NGBold; color:#333333; border-right:1px solid #e0e0e0 ;padding:8px 15px;border-bottom: 1px dashed #a3a3a3; }
.ansung_box .table_style tbody td:nth-child(2) { border-right:0 }
.ansung_box .table_style tbody tr:last-child td { border-bottom:1px solid #aeacab}
.ansung_box .table_style td li { color:#666666 }
.ansung_box .table_style.center thead th { border-right:0 } 
.ansung_box .table_style.center tbody td { text-align:center; border-right: 0; }
.ansung_box .table_style.center tbody td span { display:inline-block; text-align:left; width:44%;}
.ansung_box .picture { text-align:center; }
.ansung_box .site_go { width:60%;  margin:0 auto 117px;}
.ansung_box .site_go li { font-family: NGBold; font-size:18px; color:#333333; width:100%}
.ansung_box .site_go li span { float:left; display:block; width:calc(100% - 120px); }
.ansung_box .site_go li a { float:right; width:120px; display:block}
.ansung_box .photo { width:801px; margin:49px auto 0; }
.ansung_box .photo ul:after { display:block; content:""; clear:both; }
.ansung_box .photo li { width:50%; float:left; }
.ansung_box .photo li:nth-child(1) { text-align:left }
.ansung_box .photo li:nth-child(2) { text-align:right }


/*==레이어 영역==*/
/*포토갤러리 레이어*/
#galleryLayer{left:100%;/*display:none;*/}
.slideLayer{position:fixed;left:0;top:0;overflow: auto;width:100%;height: 100%;background:#fff;z-index:1001}
.slideLayer .layerFirst{position:absolute;left:-999em}
    .layerHeader{}
    .layerHeader h1{font-size:30px; color:#000;padding:53px 0 20px;padding-left:10px}
    .layerContainer{position:relative;padding-bottom:10px}
    .layerAside{/*position:absolute;left:0;right:0;*/float:left;width:166px;padding:8px;margin-left:10px;background:#f9f8f3;border:1px solid #d7d7d6;margin-bottom:10px}
    .layerContent{margin-left:214px;padding-right:10px;}
    .layerClose{position:absolute;left:0;top:0px;}

    .layerSlide{position:relative;padding:32px 0;}
    .layerSlide > a{display: block;position: absolute;width: 100%;height: 28px;text-indent: -999em;left: 0;}
    .layerSlide .prev{background:url('../images/common/btnLayerSlidePrev.gif') no-repeat center center;top:0px;}
    .layerSlide .next{background:url('../images/common/btnLayerSlideNext.gif') no-repeat center center;bottom:0px;}
    .layerSlide .op4{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;cursor: default;}
    .layerSlide > div{width:165px;overflow:hidden;position:relative;}
        #recipeLayer .layerSlide > div{height:769px;}
        #galleryLayer .layerSlide > div{height:720px;}
    .layerSlide ul{position:relative;top:0;}
    .layerSlide li{position:relative;width:165px;margin:0 0px 20px 0;}
    .layerSlide .best{display:block;width:32px;height:32px;text-indent:-999em;position:absolute;top:5px;left:5px;background:url('../images/icon/iconBest.png') no-repeat;border:0 none;padding:0;}
    .layerSlide .new{display:block;width:32px;height:32px;text-indent:-999em;position:absolute;top:5px;left:5px;background:url('../images/icon/iconNew.png') no-repeat;border:0 none;padding:0;}
    .layerSlide li span{display:block;text-align:center;padding:10px 0;border-bottom:1px dashed #cccccc}
    .layerSlide li a{display:block;border: 1px solid #bbbbbb;}
    .layerSlide li img{width:100%;height:163px;}
    .layerSlide li > p{padding:10px 0;border-bottom:1px dashed #c7c6c2;font-size:0.9em;line-height:1;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    /*.layerGal a.on{border-color:}*/


/**************************** 사리면 추가 20161201 ****************************/
.noTabBox > div {margin:0;}
.maparea {position:relative; float:left; width:523px; height:665px; border:1px solid #d7d7d7;}
.maparea .base {position: absolute; top: 0; left: 0; z-index: 10;}
.maparea .over {position: absolute; top: 0; left: 0; z-index: 12;}
.maparea .over > div {display:none; position: absolute; top: 0; left: 0; z-index: 12;}
.maparea .map {position: absolute; top: 0; left: 0; z-index: 14;}
.maparea .over > .curr {display:block;}

.maparea .base span , .maparea .over > div span {position:absolute; top:0; left:0; width:24px; margin-left:-12px; font-size:10px; font-weight:700; color:#000; text-align:center; z-index:15;}
/* .mapdesc {display:none;} */

.maparea .base span {top:108px; left:194px;}
.maparea #kmap01 span {top:108px; left:194px;} /*서울*/
.maparea #kmap02 span {top:392px; left:172px;} /*광주*/
.maparea #kmap03 span {top:244px; left:224px;} /*대전*/
.maparea #kmap04 span {top:310px; left:340px;} /*대구*/
.maparea #kmap05 span {top:340px; left:424px;} /*울산*/
.maparea #kmap06 span {top:383px; left:385px;} /*부산*/
.maparea #kmap07 span {top:115px; left:145px;} /*인천*/
.maparea #kmap08 span {top:192px; left:269px;} /*충북*/
.maparea #kmap09 span {top:340px; left:214px;} /*전북*/
.maparea #kmap10 span {top:244px; left:166px;} /*충남*/
.maparea #kmap11 span {top:155px; left:224px;} /*경기*/
.maparea #kmap12 span {top:373px; left:293px;} /*경남*/
.maparea #kmap13 span {top:419px; left:213px;} /*전남*/
.maparea #kmap14 span {top:248px; left:381px;} /*경북*/
.maparea #kmap15 span {top:550px; left:144px;} /*제주*/
.maparea #kmap16 span {top:108px; left:309px;} /*강원*/

.event_enter_wrap {float:left; width:523px; padding-left:20px;}
.sarimyun_event_box {overflow:hidden;}
.sarimyun_event_box > img {float:left; margin-right:13px;}
.sarimyun_event_box > div {float:left;}
.sarimyun_event_box > div .event_tx1 {padding:0 0 10px; border-bottom:2px dashed #eaeaea; font-size:14px; color:#666666; line-height:1.6;}
.sarimyun_event_box > div .event_tx1 strong , .sarimyun_event_box > div .event_tx3 strong {font-family:'NGbold'; font-weight:700; color:#121111;}
.sarimyun_event_box > div .event_tx2 {padding-left:15px; margin-top:10px; background:url("../images/sarimyun/bu_ev_arrow.png") no-repeat 3px 7px; font-size:12px; color:#666666;}
.sarimyun_event_box > div .event_tx3 {position:relative; padding-left:15px; font-size:12px; color:#666666;}
.sarimyun_event_box > div .event_tx3 span {position:absolute; top:0; left:0;}

.event_enter {position:relative; margin-top:25px;}
.event_enter h4 {padding-left:15px; background:url("../images/sarimyun/bu_ev_list.png") no-repeat left 7px; font-size:16px; color:#1a1a1a;}
.event_enter .btn_enter_confirm {position:absolute; top:50%; right:0; margin-top:-15px;}

.tb_sarimyun_event {margin-top:10px; border-top:1px solid #999999; table-layout: fixed; word-break:break-all;}
.tb_sarimyun_event th {width:90px; padding:0 10px; background:#f7f7f7; border-bottom:1px solid #d9d9d9; font-size:13px; color:#666666; text-align:left;}
.tb_sarimyun_event th span {color:#e70d1f;}
.tb_sarimyun_event td {padding:10px 14px; background:#fff; border-bottom:1px solid #d9d9d9;}
.tb_sarimyun_event td input {padding:1px 5px;}
.tb_sarimyun_event td input[type="number"] {max-width:60px;}
.tb_sarimyun_event td .post_top {margin-bottom:5px;}
.tb_sarimyun_event td .post_top a {margin-left:5px;}
.tb_sarimyun_event td .file_tip {margin-bottom:5px; font-size:12px; color:#9e0b0f;}


/*파일 업로드*/
.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.filebox label {
  display: inline-block;
  width:82px;
  height:23px;
  padding:0;
  color: #fff;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  background:url("../images/sarimyun/btn_file_sch.png") no-repeat;
  cursor: pointer;
}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  padding:.25em .5em;  /* label의 패딩값과 일치 */
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #abadb3;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
.ev_agree_box {height:55px; margin:6px 0; padding:5px 10px; border:1px solid #cccccc; overflow:hidden; overflow-y:auto;}
.ev_agree_box * {font-size:11px; color:#666666;}
.ev_agree_chk label {font-size:13px; color:#666666;}
.btn_center_box {margin-top:15px; text-align:center;}

.mapdesc_wrap {padding-left:20px;width:calc(100% - 550px); float:left;}
.mapdesc_wrap > h3 , .m_mapdesc_wrap > h3 {margin:0 0 12px; background:url("../images/sarimyun/bu_event_tit.png") no-repeat left top; font-size:24px; color:#1a1a1a;}
.mapdesc_list {overflow:hidden;}
.mapdesc_list li {float:left; width:50%; min-height:100px; margin-bottom:28px; overflow:hidden;}
.mapdesc_list li > img {float:left; width:156px; max-width:100%; max-height:98px; border:1px solid #e1e1e1; overflow:hidden;} 
.mapdesc_list li > div {float:left; width:362px;}
.mapdesc_list li > div h4 {max-width:95%; font-size:14px; color:#000000;}/*text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/
.mapdesc_list li > div p {max-width:95%; min-height:22px;font-size:12px; line-height:1.2; color:#333333;}/*text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; */

/*모바일용 지도*/
.m_mapdesc_wrap {display:none; clear:both;}
.m_mapdesc_tab_area {padding:0 2%; border:1px solid #d5d5d5;}
.m_mapdesc_tab {width:100%; padding:1% 0 2%; border-bottom:1px dashed #dedede; overflow:hidden;}
.m_mapdesc_tab li {float:left; width:18%; margin:1% 1% 0 1%;}
.m_mapdesc_tab li a {display:block; background:#4d4d4d; font-size:14px; color:#fff; border-radius:2px; text-align:center; overflow:hidden;}
.m_mapdesc_tab .on a {background:#ff0000;}
.m_mapdesc_tab_con {clear: both; position: relative; top:0; padding:0 1%;}

.m_mapdesc_box {margin-top:2%;}
.m_mapdesc_box > h4 {margin-bottom:15px; font-size:18px; color:#1a1a1a;}
.m_mapdesc_box > h4 span {color:#fa0000;}
.m_mapdesc_box .mapdesc_list li {position:relative; float:none; width:100%; overflow:visible;}
.m_mapdesc_box .mapdesc_list li > img {float:none; position:absolute; top:0; left:0;}
.m_mapdesc_box .mapdesc_list li > div {float:none; width:auto; padding-left:178px; }
.m_mapdesc_box .mapdesc_list li > div h4 , .m_mapdesc_box .mapdesc_list li > div p {max-width:98%;}

.m_map {margin-bottom:5%; text-align:center;}
.m_map > img {max-width:100%; }
.map map area {outline:none;}

/*페이지 네비게이션*/
.paginate_box {position:relative; width:100%; margin:0 auto; padding:0 0 20px; overflow:hidden; text-align:center;}
.paginate_box .icont {position:absolute; left:0; z-index:10;}
.paginate_box p {position:absolute; right:0; margin-top:7px;}
.paginate_complex {width:auto; line-height:normal; text-align:center;}
.paginate_complex a,
.paginate_complex strong {display:inline-block; width:22px; margin:0; padding:0; border:0; font-size:12px; color:#676767; text-align:center; line-height:21px; vertical-align:middle;}
.paginate_complex strong,.paginate_complex a:hover {color:#ff1313; text-decoration:underline;}
.paginate_complex .dipolyion {font-weight:normal; color:#444444; text-decoration:none !important;}
.paginate_complex .dipolyion:hover {color:#444444;}
.paginate_box .btn_right {float:right;}
.paginate_box .btn_left {float:left;}
.paginate_complex .first , .paginate_complex .prev , .paginate_complex .next , .paginate_complex .last {margin-left:3px;} 
.paginate_complex .first , .paginate_complex .next {margin:0;}

/*맵 숫자 위치 수정*/
.maparea > span {position:absolute; width:32px; margin-left:-16px; font-size:14px; font-weight:700; color:#000; line-height:1.1; text-align:center; z-index:15;}
.map01 {top: 104px; left: 194px; }
.map02 {top: 388px; left: 172px;}
.map03 {top: 240px; left: 224px;}
.map04 {top: 306px; left: 339px;}
.map05 {top: 336px; left: 424px;}
.map06 {top: 379px; left: 384px;}
.map07 {top: 111px; left: 145px;}
.map08 {top: 188px; left: 268px;}
.map09 {top: 336px; left: 213px;}
.map10 {top: 240px; left: 166px;}
.map11 {top: 151px; left: 223px;}
.map12 {top: 369px; left: 293px;}
.map13 {top: 415px; left: 213px;}
.map14 {top: 244px; left: 381px;}
.map15 {top: 546px; left: 144px;}
.map16 {top: 104px; left: 309px;}

/*하우스 카레 이벤트 추가*/
.housecurry_event_area {overflow:hidden;}
.housecurry_event_area > span {float:left; width:35%;}
.housecurry_event_area > span img {max-width:100%;}
.housecurry_event_area .housecurry_event {float:left; width:65%;}
.housecurry_event_area .housecurry_event .curry_ev_tx {font-size:13px; color:#666666; line-height:1.4;}
.btn_ev_curry {clear:both; padding:40px 0 30px; text-align:center;}
.housecurry_event_area .housecurry_event .curry_ev_date {padding:20px 0; border-bottom:1px dashed #cccccc;}
.housecurry_event_area .housecurry_event .curry_ev_date li , .noti_tx_list li {padding-left:7px; margin-top:7px; background:url("../images/housecurry/bu_noti.png") no-repeat left 6px; font-size:13px; color:#666; line-height:1.2;}
.housecurry_event_area .housecurry_event .curry_ev_date li:first-child , .noti_tx_list li:first-child {margin:0;}
.noti_tx {margin-top:20px;}
.noti_tx strong {font-family:'NGbold'; font-size:14px; color:#1a1a1a;}
.noti_tx_list {margin-top:10px; padding-bottom:15px; border-bottom:1px dashed #cccccc;}
 
/*한줄평등록 B타입*/
.memoForm1{margin-bottom:30px;font-size:0.9em;}
    .memoFormTop1 > div{ background:url("../images/bg/bgMemoForm_1.gif"); background-size:100%; }
    .memoFormTop1 > div.btype1{ background:url("../images/bg/bgMemoForm_2.gif") !important; height:120px; }
    .memoFormTop1 > div.btype1 p { height:86px; }
    .memoFormTop1 > div.btype1 span.text { color:white;display:block; width:63%; margin:0 auto; font-size:12px; letter-spacing:-1px; font-weight:normal;}
    .memoFormTop1 > div.btype1 span.text .floatR { float:right; padding-right:86px; margin-top:-12px; }
	.memoFormTop1 > div.btype1 span.text img { margin-right:5px; }

    .memoFormTop1 p {width:65%; margin:0 auto; padding:12px 0;font-size:2.25em;box-sizing:border-box; height:121px;}
    .memoFormTop1 p .iptWrap { display:inline-block; width:82%; }
    .memoFormTop1 p .iptWrap input{color:black;width:100%;height:40px;margin:0;padding:0;border:3px solid #c1a694;vertical-align: inherit; text-indent:15px; font-size:12px; font-family:돋움;}
	.memoFormTop1 p .iptWrap button { margin-left:10px; }
    .memoFormTop1 p span{margin:0 10px;}
	.memoFormTop1 p span.text { font-size:12px; color:white; display:block; letter-spacing:-1px; font-weight:normal; }
	.memoFormTop1 p span.text .floatR { float:right; margin-right:100px; margin-top:-12px;}
	.memoFormTop1 p span.text img { margin-right:5px; }
    .memoFormTop1 p button{vertical-align: middle;margin-left:10px;}

@media screen and (max-width : 1200px) {}

@media screen and (max-width :1067px) {
    .noGallery{width: auto;padding-right: 0px;left:0}
    .conMenuList ul{width:100%;}
    .conMenuList ul li{width:20%;box-sizing: border-box;}
        .barilla .conMenuList ul li{width:16.66%;}
        .barilla .conMenuList ul li a{font-size:1em;}
    .conMenuList ul li a{padding:0;}
    .conMenuList>p{left:100%;top:43px;margin-left:-43px;}

    .memoForm{}
    .memoForm .memoFormTop{background-image:none;border-radius:5px 5px 0 0}
    .memoForm .memoFormBot{background-image:none;padding-bottom:0;}
    .memoFormBot > div{padding:10px 0;border-bottom: 1px solid #cdcdcd;border-radius:0 0 5px 5px}

    .imgArea img{width:100%}
    .webtoon img{width:100%}

    .doongji .webtoon img{max-width:820px}
    .sumichip .webtoon img{max-width:660px}

    /*.tabBoxWrap .gallery ul{width: 100%;}*/
    /*.tabBoxWrap .galleryPaging{display:none}*/
    .tabBoxWrap .galleryPaging .prev{left:0px;}
    .tabBoxWrap .galleryPaging .next{right:0px;}
    .bestList{width:auto}

	/*농심 사리면*/
	.maparea {float:none; margin:0 auto;}
	.event_enter_wrap {float:none; width:auto; padding:5% 0 0 0;}
	
	.mapdesc_list li {position:relative; float:none; width:auto; padding-left:178px; overflow:visible;}
	.mapdesc_list li > img {float:none; position:absolute; top:0; left:0;}
	.mapdesc_list li > div {float:none; width:100%; padding:0; }

	/*한줄평 등록*/

	.memoFormTop1 > div { background-image:none;background-color:#ad815d; }
	.memoFormTop1 > div.btype1 { background-image:none !important;background-color:#dc4500 !important; }
	.memoFormTop1  p { text-align:center; height:auto; }
	.memoFormTop1  p > button { margin-top:10px; } 
	.memoFormTop1  p > a { display:block; text-align:center; }
	.memoFormTop1  p > a > img { margin:8px 0 }
	.memoFormTop1 p span.text { padding-left:0 }
	.memoFormTop1 > div.btype1 { height:auto; }
	.memoFormTop1 > div.btype1 p { height:auto; }
	.memoFormTop1 > div.btype1 span.text { padding-left:0; text-align:center }
	.memoFormTop1 > div.btype1 span.text .floatR { float:none; padding-right:0px; display:block; margin-top:0px; }
	.memoFormTop1 p span.text .floatR { float:none; padding-right:0px; display:block; margin-right:0px; margin-top:0px; }
	
	.galType05 li { width: calc(33.333% - 52px); margin-right:52px; }
	.galType05 li:nth-child(4n) { margin-right:52px; }
	.galType05 li:nth-child(3n) { margin-right:0px; }

	.bonoTxt2 li { width:297px; }

	/*쿡탐 브랜드이야기*/
	.cook_visual img {width:100%;}
	.cook_con div img { width:100%; }

	/*안성탕면*/
	.ansung_box .visual img { width:100% }

}

@media screen and (max-width : 1023px) {
    .introductionList li{width:48%;margin-left:1%;margin-bottom:5px;}
    .introductionList .full {width: 99%;}
    .thumbnail{position:static;margin-top:10px;}
    .thumbnail li{width:32%}
    .thumbnail li + li{margin-left:2%}

    .tvcfView{margin:0 30px 35px;}
    .tvcfViewInner{width:90%;}


    /*.galleryPaging{display:none}*/
    .galleryPaging .prev{left:0;}
    .galleryPaging .next{right:0;}
    .gallery>div{width:600px}
    .gallery ul{width:600px}
    .visualUtil {left: inherit;margin-left:0px;right:0}

    .productSlide .bx-controls{top:25px;left:25px;}
    .productRight h4{font-size: 16px;margin-bottom: 15px;padding-top:0}
    .productBox .btnSec {margin-bottom: 0px;}
    .productBox .btnSec a{font-size:12px;line-height: 30px;padding-left:10px;}
    .productBox .btnSec a span{padding-right:10px;}

    .shareURL div input{width:400px;}

    .memoWrap{padding: 5px 2% 22px;}
    .memoWrap ul li{width:48.5%}
    .memoWrap ul li .txt{padding-left: 20px;font-size:0.9em}

    .uccEvent{border:1px solid #cdcdcd;border-radius:4px;background-position:30% 50%;}

    .giftBtn{margin-left: 0px;left: 10px;top: inherit;bottom: 10px;}

    .story2 .img img{width:100%;max-width:710px;}

    .noodleType{clear:both;position: static;margin:-10px 0 10px;}
    .layerNoodle{top:0}

    .bariTxt1{padding-bottom:20px;}
    .bariTxt1 .engTxt{position:static;margin-top: 15px;padding-right: 15px;}
    .bariTxt1 .img2{position:static;width:auto;text-align:right;}
    .bariTxt1 .img2 img{width:auto;height: 190px;}
    .bariTxt3 > div{padding-bottom:0px;}
    .bariTxt3 .img2{position:static;width:auto;text-align:right;}
    .bariTxt3 .img2 img{width:auto;}

	.galType04 li { margin-right:37px; }
	.galType04 li .img { width:220px; height:220px; }
	.galType04 li .tit { width:220px; }

	.bonoTxt2 li { width:281px; }



}

@media screen and (max-width : 1024px) {
.bonoTxt2 li { width:33.33%; }
.mapdesc_wrap { margin-top:20px; }
.maparea { height:655px; }
.mapdesc_wrap { width:100%; }
.mapdesc_list li { width:50%; float: left; box-sizing: border-box;}

.ansung_box h3.title img { width:92%; }
.ansung_box .explanation dt img { width:65%; }
.ansung_box .txt img { width:77%; }
.ansung_box .explanation dt img { width:100%; }
.ansung_box .table_style {width:67%; }
.ansung_box .site_go { width:67%; }
}
@media screen and (max-width : 960px) {
.blackTxt01 .img5 img { width:100%; height:auto; }
.reactive { width:100%; }
.ansung_box .table_style { width:70%; }
.ansung_box .site_go { width:70%; }
}
@media screen and (max-width :945px) {
	.galType04 li { width:250px; text-align:center; margin-right:69px;}
	.galType04 li:nth-child(4n) { margin-right:69px;}
	.galType04 li:nth-child(3n) { margin-right:0 }
	.galType04 li .img{ width: 250px; height: 250px; }
	.galType04 li .tit { width:250px; }
	.ansung_box .explanation_01 li br { display:none; }
	
}

@media screen and (max-width :931px) {
.tulipStory img { width:100%; }
.tulipStory .btn_site_go { top:51%; width:24%; height:5%; }
}

@media screen and (max-width : 800px) {
	.galType04 li { margin-right:25px; width:220px;}
	.galType04 li:nth-child(4n) { margin-right:25px;}
	.galType04 li:nth-child(3n) { margin-right:0 }
	.galType04 li .img { width:220px; height:220px; }
	.galType04 li .tit { width:220px; }

	.galType05 li { width: calc(50% - 52px); margin-right:52px; }
	.galType05 li:nth-child(4n) { margin-right:52px; }
	.galType05 li:nth-child(3n) { margin-right:52px; }

	.bonoTxt2 li { width:50%; }

	.mapdesc_list li { float:none; width:100%; }
	.ansung_box .explanation { background: url(../images/ansung/bg_01.png) center center no-repeat;padding:0 87px }
	.ansung_box .explanation dt img { width:58%; }
	.ansung_box .explanation dd { font-size:14px; margin-bottom: 33px; line-height:20px; }
	.ansung_box .explanation_01 { padding: 0 90px; }
	.ansung_box .explanation_01 li { font-size:12px; }
	.ansung_box .explanation_01 li:last-child { font-size:10px; }
	.ansung_box .table_style { width:78%; }
	.ansung_box .table_style th { font-size:14px; }
	.ansung_box .table_style td { font-size:14px;word-break:keep-all; }
	.ansung_box .site_go { width:78%; }
	.ansung_box .site_go li { font-size:14px; }
	.ansung_box .explanation_01 li:last-child {line-height: 17px;}
	.ansung_box .photo { width:89%;}
	.ansung_box .table_style.center tbody td span { text-align:center; width:100%; }
	.ansung_box .photo li:nth-child(1) { width:49%; float:left }
	.ansung_box .photo li:nth-child(1) img { width:100%; }
	.ansung_box .photo li:nth-child(2) { width:49%; float:right }
	.ansung_box .photo li:nth-child(2) img { width:100%; }
}
@media screen and (max-width :768px) {
    .conMenuList>p{display:none}

    .productListWrap{position:relative;width:auto}
    .productListWrap > div{height:auto !important}
    .productList li{float:left;margin-right:1px;width:78px;height:78px;}
    .productListWrap .prev{display:none}
    .productListWrap .next{display:none}
    .productBox{margin-left:0;margin-top:10px;}
	/*	.productLeft p {height: 326px;}*/
    .productTxt{margin-left:0;}
    

    .story2>div{margin-left:0;}
    .story2 .box{position:static;margin-bottom: 20px;}
    .doongjiCook{padding-left:20px;}

    .gallery>div{width:450px}
    .gallery ul{width:450px}

    .tvcfView .tit{margin-right:0}
    .tvcfBtn{position:static;margin-top:10px;text-align:right;}

    .layerAside{width:20%}
    .layerSlide >div {width: 100%;}
    .layerSlide li{width:100%}
    .layerContent{margin-left:26%;}

    .layerBox{left: 0;top: 0;margin: 3% !important;padding: 0 3%;width: 88%;}
    .layerSrch .iptTxt{width:200px;}
    .layerList ul{padding-left:0;}
    .layerList ul li{width:50%;}
    .layerList ul li a{font-size:12px;}
    .layerView .mtxt{position:static;left:0;}

    .tabBoxWrap{}
    .tabBoxWrap .tabBox{position:static;margin-bottom:20px;}
    .tabBoxWrap .tabBox li{float:left;margin:0 1px 1px 0;}
    .tabBoxWrap>div{margin-left:0;}

    /*.galType02 li.on {margin-bottom: 570px;}*/

    .imgArea{display:none}
    .imgTxt{position:static;left:0;visibility: inherit;}

    .webtoon2 img{width:100%}

    .compareWrap{width:100%}
    .compareWrap table{min-width:600px;}
    .compareWrap .mGuide{display:block}

    .photogenic .guidePop{position:static;margin-top:10px;text-align:right}

    .shareURL div input{width:280px;}

    .memoWrap ul li .txt{margin-top:0}
    .memoWrap ul li .info{font-size:0.85em;letter-spacing:-1px;}
    .memoWrap ul li.left>div{padding-right:45px;}
    .memoWrap ul li.left>div>div{padding:10px 0px 10px 10px;}

    .memoWrap ul li.right>div{padding-left:45px;}
    .memoWrap ul li.right>div>div{padding:10px 10px 10px 0;}

    .introduceMenu li{margin-right:0;width:22%;padding:0 1.5%}

    /* .giftBtn{position: static;margin-left: 0px;padding: 5px;text-align: left;} */
    .giftBox h1{padding-right:0;margin-bottom:10px}
    .giftBox > .btn{position:static;margin-bottom:10px;}
    .giftBox .giftList li{width:110px;margin-right:5px;}

    .madelist li{width:130px;padding-right: 30px;background-position:136px center;}

    .jjapaTxt2 .img,.jjapaTxt2 .jjapaCon{float:none;width:auto}
    .jjapaTxt2 .img{text-align:center}
    .jjapaTxt2 .img img{width:auto;max-width: 100%;}

    .newProductList li > div > div{padding-bottom:0}
    .newProductList li .btn{left:0}

    .viewPhoto .tit{font-size:1.5em;}
    .viewPhoto .btnSet{top: 20px;right:10px;}

	.housecurry_event_area > span {float:none; display:block; width:90%; margin:0 auto 3%; text-align:center;}
	.housecurry_event_area .housecurry_event {float:none; width:100%;}

	.galType05 li { width: calc(33.3333% - 52px); }

	.ansungStory .txt br { display:none; }


}
@media screen and (max-width : 720px) {
	.galType04 li { width:220px; margin-right:1px; }
	.galType04 li:nth-child(4n) { margin-right:1px; }
	.galType04 li .tit { width:200px; height:80px; margin:0 auto; }

	.galType05 li { width: calc(33% - 18px); margin-right:18px; }
	.galType05 li:nth-child(4n) { margin-right:18px; }
	.galType05 li:nth-child(3n) { margin-right:18px; }

	.black_left, .black_right { text-align:left; float:none; width:100%; }
	.black_right h5 { margin-left:0 }

	/*쿡탐 브랜드 이야기*/
	.titCon br { display:none; }

	.ansung_box .picture img { width:78%; }

}
@media screen and (max-width :657px) {
	.galType04 li { margin-right:20px; width:250px;}
	.galType04 li:nth-child(2n) { margin-right:0;}
	.galType04 li:nth-child(3n) { margin-right:20px;}
	.galType04 li:nth-child(6n) { margin-right:0;}
	.galType04 li .img{ width: 250px; height: 250px; }
	.galType04 li .tit {  width:250px;  }


	.galType05 li { width: calc(50% - 52px); margin-right:52px; }
	.galType05 li:nth-child(4n) { margin-right:52px; }
	.galType05 li:nth-child(3n) { margin-right:52px; }
	.galType05 li:nth-child(2n) { margin-right:0px; }

	/*쿡탐 브랜드 이야기*/
	.cook_con h4 { margin: 28px 0 12px;}

	.ansung_box .visual { padding-top:74px; }
	.ansung_box .site_go { margin: 0 auto 64px; }
	.ansung_box .site_go li span { width: calc(100% - 124px);word-break:keep-all; }

}
@media screen and (max-width :640px) {
   /* img{width:auto; max-width: 100%}*/

    .tabmenu{margin-bottom:20px;}
    .tabmenu ul{height:auto;border:none}
    .tabmenu ul li{margin:0 5px 5px 0;}
    .tabmenu ul li a{padding:8px 10px}
    .tabmenu ul li + li{margin-left:0px;}

    .galType01 li{width: 120px;padding: 20px 10px 12px;}
    .galType01 .img{height: 150px;}

    .viewPhoto{padding-left:3%;padding-right:3%;width:94%;}
    .viewPhotoNavi{display:none;}
    /* .viewPhoto .img, .viewPhoto .img img{width:100%;height:auto;min-height:190px;} */

    .introductionList li > div > p, .introductionList li > div > div{font-size:0.85em}

    .bestList ul,.bestList h1{float:none}
    .bestList li{width:31%;margin-right:2.3%}
    .bestList li a .img img{width:100%;height:98px;}

    .sumiStory .img{position:static;width:100%;float:none;margin-left:0}
    .sumiStory .wImg{display:none}
    .sumiStory .mImg{display:block}
    .sumiStory img{width:auto; max-width: 100%}
    .sumiStory > div{margin-left:0;float:none;width:auto}
    .sumiStory br{display:none}
    .sumiTxt1 .img,.sumiTxt1 > div,.sumiTxt2 .img2,.sumiTxt2 > div{float:none;width:auto}
    .sumiTxt1 .img, .sumiTxt2 .img2{margin-bottom:20px;text-align:center}
    .sumiTxt2 .img2 img,.sumiTxt3 .img img{width:auto}
    .sumiTxt4 > div{margin-left:0;}
    .sumiTxt5 li{width: 50%;padding-right:0px;background:none}

    .blackStory .img{position:static;width:100%;float:none;margin-left:0}
    .blackStory .blackCon{padding-left:0;float:none;width:auto}
    .blackTxt01 .img img{width:auto}
    .blackTxt02 .list li{width:48%;margin:0 1% 20px}
    .blackTxt02 .map ul{float:none;width:auto}
    .blackTxt02 .map ul li{float:left;width:48%;margin:0 1% 20px}
    .blackTxt02 .map .world{float:none;width:auto}

    .jjapaStory .img{float:none;width:auto;}
    .jjapaStory .img img{width:auto;}
    .jjapaStory .jjapaCon{float:none;width:auto}
    .jjapaList li{height:75px;}
    .jjapaList li img{height:100%}

    .story2 .img2{float:none;width:auto;margin-bottom:20px;}
    .story2 .img2 img{width:auto}
    #content .story2 .txt{margin-left:0;}

    .bonoStory .img{position:static;width:100%;float:none;margin-left:0}
    .bonoStory .img img{width:auto}
    .bonoStory > div{margin-left:0;float:none;width:auto}
    .bonoTxt1 > div{margin-left:0;width:auto}
    .bonoTxt2 li{width:45%;margin-right:5%}
    .bonoStory br{display:none}

    .bonolist br{display:none}
    .bonolist li{margin-bottom:30px;}
    .bonolist li img{position:static;display:block;}
    .bonolist li p{margin-left:0px;margin-top:10px;padding-top:10px;}

    .welchStory .img{float:none;width:auto;margin-bottom:30px;}
    .welchStory .img img{}
    .welchStory .welchCon{float:none;width:auto}
    .madelist li {width: 110px;background-position: 116px center;}

    .barillaStory .img{position:static;width:100%;float:none;margin-left:0}
    .barillaStory .img img{width:auto}
    .barillaStory > div{margin-left:0;float:none;width:auto}
    .barillaStory br{display:none}
    .barillaStory .nolist li b{width:auto;margin-right:5px}
    .bariTxt1 > div{margin-left:0;}
    .bariTxt2 > div{margin-left:0;}
    .bariTxt2 .img{margin-bottom:10px}
    .bariTxt4 .img{margin-bottom:20px}
    .bariTxt5 .img{margin-bottom:20px}
    .bariTxt6 .img2{margin-left:0;width:100%;}
    .bariTxt8 ul li{width:46%;margin: 0 2% 38px;}

    .cookList li{height:auto;margin-bottom:30px;}
    .cookList li img{position:static;display:block;}
    .cookList li p{margin-left:0px;margin-top:10px;padding-top:10px;}

    .tulipStory .img{float:none;width:auto;}
    .tulipStory .img img{width:auto}
    .tulipStory .tulipCon{float:none;width:auto}
    .tulipTxt02 .img{text-align:center}
    .tulipTxt02 .img img{width:auto}

    .ansungTxt02 .board-text{width:100%}
    .nuguriStory .img02{width:100%}

}
@media screen and (max-width : 600px) {
	.ansung_box .explanation dd { font-size:13px; line-height: 22px;}
	.ansung_box .table_style td { font-size:12px; }
	.ansung_box .site_go li { font-size:13px; }

}

@media screen and (max-width :580px) {
	.maparea , .mapdesc_wrap {display:none;}
	.m_mapdesc_wrap {display:block;}
	.m_mapdesc_tab li a {padding:3% 1%; font-size:12px;}
	.event_enter_wrap {float:none; width:auto; padding:7% 0 0;}
	.tb_sarimyun_event th {width:70px;}
	.sarimyun_event_box > img {display:block; float:none; margin:0 auto;}
	.sarimyun_event_box > div {float:none;}
	.sarimyun_event_box > div .event_tx1 br {display:none;}
	
	.m_mapdesc_wrap > h3 , .event_enter_wrap .titTxt2 {padding-top:5px; font-size:18px;}
	.m_mapdesc_box > h4 {font-size:16px;}
	.m_mapdesc_box .mapdesc_list li {height:101px; padding:0;}
	.m_mapdesc_box .mapdesc_list li > div h4 {font-size:14px;}
	.m_mapdesc_box .mapdesc_list li > div p {font-size:12px;}

	.m_mapdesc_box .mapdesc_list li > div p {min-height:28px; margin:5px 0;}

	.galType04 li { margin-right:20px; width:250px;}
	.galType04 li:nth-child(3n) { margin-right:20px;}
	.galType04 li:nth-child(6n) { margin-right:0px;}
	.galType04 li .img{ width: 250px; height: 250px; }
	.galType04 li .img img { width:100% }
	.galType04 li .tit {  width:250px;  }


}
@media screen and (max-width :554px) {
	.galType04{ width:300px; margin:0 auto; }
	.galType04 li { margin-right:0px; width:300px;}
	.galType04 li:nth-child(3n) { margin-right:0px;}
	.galType04 li:nth-child(6n) { margin-right:0px;}
	.galType04 li .img{ width: 300px; height: 300px; }
	.galType04 li .tit {  width:300px  }
	.blackTxt02 .recent_ads img {width:267px; }
	/*쿡탐 브랜드이야기*/
	.titCon { font-size:18px; }
	.cook_con h4 { font-size:22px; }
	.ansung_box .explanation dd { font-size:12px; }
	.ansung_box .explanation_01 li { font-size:11px; }
	.ansung_box .table_style th, .ansung_box .table_style td { font-size:12px; }
	.ansung_box .site_go li { font-size:12px; }
	.ansung_box .site_go li a { text-align:right }
	.ansung_box .site_go li a img { width:80%; }
	.ansung_box .txt img { width:91.5%; }
	.ansung_box .explanation dd { line-height:20px; }
	.ansung_box .explanation dt img { width:78%; }
	.ansung_box .explanation { padding: 0 64px; }
	.ansung_box .explanation_01 h4 { width:102px; }
	.ansung_box .explanation_01 h4 img { width:84%; }
	.ansung_box .explanation_01 { padding: 0 68px; }
	.ansung_box .explanation_01 ul {width: calc(100% - 102px);}
}
@media screen and (max-width : 540px) {
	.ansung_box .site_go li span { margin-bottom:4px; }
}
@media screen and (max-width : 504px) {
	.galType05 li .tit { width:205px; }
	.blackTxt02 .recent_ads img { width:100%; float:none; }
	.blackTxt02 .recent_ads .right_text { float:none; width:100%; padding-left:0; margin-top:15px; }
	.ansung_box .explanation_01 h4 { width:79px; }
	.ansung_box .explanation_01 h4 img { width:80%; margin-top: 23px; }
	.ansung_box .explanation_01 ul { width: calc(100% - 80px); }
	.ansung_box .explanation_01 { margin-top:-20px; }

}
@media screen and (max-width : 480px) {}
@media screen and (max-width :479px) {

    .galType02 li a em{height:54px;}

    .tabBoxWrap .tabBox li{width:100px}
    .tabBoxWrap .tabBox li a{padding: 40px 0;}
    .tabBoxWrap .tabBox li.two a{padding: 28px 0;}

    .titTxt{color: #000;/*margin: 20px 0;*/}
    .titTxt02,.tvcfView h4 {font-size: 16px;}

    .conMenuList{border:0 none}
    .conMenuList>div{background:#fff;border:0 none}
    .conMenuList ul{border:0 none}
    .conMenuList ul li{float:none;width:100% !important;height:43px;overflow:hidden;padding-bottom:5px;box-sizing: inherit;}
    .conMenuList ul li.on{display:block;}
    .conMenuList ul li a{border:1px solid #bababa;background-color: #f1f1f1;line-height:43px; font-size:1.1em !important;}
    #conMenu5{padding-bottom: 50px;}
    .boxTab button.tabBtn{display:block}

     .viewPhoto .img, .viewPhoto .img img{width:100%;height:350px;}

    .story .img{position:relative;width:30%}
    .story >div{margin-left:0;}


    .productLeft{float:none;width:100%}
    .productLeft p {height: auto;line-height: inherit;}
    .productRight{float:none;width:100%;min-height:330px;}
    .productRight h4{padding-top:20px}
    .productBox {padding-bottom: 19px;}
    .productBox .btnSec{position:static}


    .movie{width:100%;}
    .caption{position:static;width: 100%;}
    .caption textarea{position:static;height:100px;width: 93.5%;border: 1px solid #abadb3;}

    .productList li {width: 53px;height:53px;}

    .tvcfView{margin:0 15px 35px;}
    .tvcfViewInner{width:100%}
    .tvcfList{padding: 0 30px 15px;}
    .tvcfList .bx-prev{left:5px}
    .tvcfList .bx-next{right:5px}

    .gallery>div{width:300px}
    .gallery ul{width:300px}
    .galleryPaging{display:none}

    .galType01 li{width:46%;padding: 20px 2% 12px;}
    .galType01 .tit{height:16px;}

    .tableType01{font-size:10px;}

    /* 댓글등록*/
    .comment .img { display:none; }
    .comment .text {margin:0}
    .comment .text textarea {}
    .comment .regComment{position:static;text-align:right}
    .comment .regComment a{display:inline-block;line-height:30px}

    /*레이어*/
    .layerHeader h1{font-size:18px}
    .layerAside{display:none}
    .layerContent{margin-left:0;padding:0 10px;}
    .layerBox{height:94%;overflow: auto;}

    .galType02 li{width:46%;padding:0 2%}
    .galType02 li a span img{width:100%;/* height:auto */}
    .galType02.campaign li{border:0 none;padding:0 2%}

    .dairyList{background:none;padding-right:0}
    .dairyList ul{background:none;padding-left:0}
    .dairyList ul li{width:45%;padding-right:5%;height: auto;}
    .dairyList ul li .img img{width:100%}
    .dairyList ul li .book{background:none;padding-right:0;}
    .dairyList ul li .tit{height:38px;overflow:hidden;}
    .dairyList ul li .txt strong{margin:5px;}
    .dairyList ul li .txt span{margin:0 5px;font-size:11px;}
    .dairyList ul li .txt .link{left:5px;bottom:5px;}

    .memoFormTop p{padding:20px 0}
    .memoFormTop p .iptWrap{width:90%;margin:0 auto}
    .memoFormBot > div > ul{width:auto; margin:0 10px;}

    .memoWrap{background-image:none;}
    .memoWrap ul li{width:auto}
    .memoWrap ul li.left{float:none;margin-right:20px;}
    .memoWrap ul li.right{float:none;margin-left:20px;}

    /*.tabmenu.type2 ul li{width:130px;}*/

    .together .img{display:none}
    .together > div{margin-left:0}

    .shareURL div input{width:150px;margin:0 3px;}

    .galType03 li{width:100%;}

    .introduceMenu li{width:44%;padding:0 3%}

    /*UCC*/
    .uccEvent{background-image:none;padding: 15px 10px;height:auto}

    /*신제품*/
    .newProductList li{float:none;width:100%;margin-bottom:20px;}

    /*선물세트*/
    .giftBox > div{padding-left:0;}
    .giftBox .giftBrand{position:static;padding-left:5px;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ccc}
    .giftBox .giftList li {width: 46%;margin-right: 2%;margin-left:2%}

    /*브랜드 이야기*/
    .newProductList li .txt{height:auto;}

    .uccEvent p span{display:block}

    .board-text .shopInfo > p{float:none;width:100%}
    .board-text .shopInfo > div{margin-left:0}

	/*농심 사리면*/
	.tb_sarimyun_event .post_bot input:first-child {margin-bottom:5px;}
	.pop_event_winner_area {padding:5% !important;}
	.pop_winner_top p {margin-left:5% !important;}

	
}


@media screen and (max-width :450px) {
	.m_mapdesc_box .mapdesc_list li {height:auto; margin-bottom:3%; overflow:hidden;}
	.m_mapdesc_box .mapdesc_list li > img {position:static; float:left; width:44%; margin:0 auto 3%;}
	.m_mapdesc_box .mapdesc_list li > div {float:left; width:51%; padding:0 0 0 2%;}
	.filebox .btn_upload {display:inline-block; margin-top:5px;}
	.tb_sarimyun_event td .post_top .btn_ev_post {display:inline-block; margin:5px 0 0 0;}
	.tb_sarimyun_event td input[type="number"] {margin-bottom:3px;}
	
	.galType05 li { width:100%; margin-right: 0; text-align:center; }
	.galType05 li .img { margin:0 auto; }
	.galType05 li .tit { width:220px; margin:0 auto; }

	.blackTxt01 .img6 img { width:100%; }
	.ansung_box .txt img { width:94%; }
	.ansung_box .explanation { padding: 0 49px; }
	.ansung_box .explanation_01 { padding: 0 47px; }
	.ansung_box .site_go li span { width: calc(100% - 122px);line-height: 19px; margin-bottom: 10px;}


}

@media screen and (max-width : 432px) {}

@media screen and (max-width :420px) {
	.pop_winner_top img , .pop_winner_top p {display:block; float:none !important; margin:0 auto !important;}
	.pop_winner_top p {margin:15px 0 0 0 !important; font-size:14px !important;}


}

@media screen and (max-width : 414px) {}
@media screen and (max-width : 412px) {}
@media screen and (max-width : 411px) {}
@media screen and (max-width : 400px) {}
@media screen and (max-width : 390px) {}
@media screen and (max-width : 384px) {}
@media screen and (max-width : 375px) {}
@media screen and (max-width : 360px) {
	.ansung_box .visual { padding-top:40px; }
	.ansung_box .site_go { margin: 0 auto 40px; } 
	.ansung_box h3.title {  padding: 15px 0; }
	.ansung_box .explanation { padding: 0 38px;  }
	.ansung_box .explanation { margin: 16px 0; }
	.ansung_box .explanation dd { margin-bottom: 15px; font-size:12px; }
	.ansung_box .explanation_01 { margin-top: 5px; padding: 0 38px; }
	.ansung_box .explanation_01 h4 { width:60px; }
	.ansung_box .explanation_01 ul { width: calc(100% - 60px); }
	.ansung_box .explanation_01 li { font-size:10px; }
	.ansung_box .table_style th, .ansung_box .table_style td { font-size:11px; }
	.ansung_box .site_go li { font-size:12px; }
	.ansung_box .site_go li a img { width:72%; }
	.ansung_box h3.title { padding: 33px 0 21px; }  
	.ansung_box h3.title.h2 { padding: 28px 0 21px; }
	.ansung_box h3.title.h3 { padding: 25px 0 21px; }
}
@media screen and (max-width : 346px) {}
@media screen and (max-width :320px) {
	.galType04 li .img { width:286px; }
	.galType04 li .tit { width:286px; }

	.ansung_box .site_go li { overflow:hidden; padding-bottom:0; }
	.ansung_box .site_go li a { width:94px; }


}